body{
background-image:url(images/background.jpg);
background-position:top;
background-repeat:repeat-x;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
}
td,div{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
}
.halaman{
margin:0px;
}
a{
color:#0e6cae;
text-decoration:none;
cursor:pointer;
}
a:hover{
color:#666666;
}
.halaman #content{
margin:0px auto;
width:900px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
padding:10px;
}
.line-blue{
border-bottom:1px solid #b9c6dc;
}
#pilihan{
background-color:#FFFFFF;
border:1px solid #b9c6dc;
background-image:url(images/select-icon.gif);
background-position:right;
background-repeat:no-repeat;
border-radius:3px;
-moz-border-radius:3px;
padding:2px;
cursor:pointer;
}
#pilihan:hover{
background-color:#f2f2f2;
border:1px solid #b9c6dc;
background-image:url(images/select-icon.gif);
background-position:right;
background-repeat:no-repeat;
border-radius:3px;
-moz-border-radius:3px;
padding:2px;
}
#regis{
background-color:#3a78a3;
border:1px solid #b9c6dc;
display:block;
color:#FFFFFF;
font-size:14px;
text-transform:capitalize;
font-weight:bold;
border-radius:5px;
-moz-border-radius:5px;
padding:5px;
text-align:center;
cursor:pointer;
}
#regis:hover{
background-color:#215376;
border:1px solid #b9c6dc;
color:#FFFFFF;
font-size:14px;
text-transform:capitalize;
font-weight:bold;
border-radius:5px;
-moz-border-radius:5px;
padding:5px;
text-align:center;
cursor:pointer;
}
#lokasi{
position:absolute;
visibility:hidden;
height:0px;
width:200px;
background-color:#eaf7fd;
border:1px solid #c1d8e9;
padding:10px;
}
#lokasi li{
display:block;
list-style:none;
}
#lokasi li a{
cursor:pointer;
padding:3px;
border-radius:3px;
-moz-border-radius:3px;
display:block;
background-color:#eaf7fd;
border:1px solid #eaf7fd;
color:#006699;
}
#lokasi li a:hover{
cursor:pointer;
display:block;
background-color:#fffee2;
border:1px solid #d0cc53;
color:#000000;
}
h1{
font-family:"Times New Roman", Times, serif;
color:#555555;
margin:0px;
font-size:36px;
}
h2,h3{
font-family:"Times New Roman", Times, serif;
color:#555555;
margin:0px;
font-size:20px;
font-weight:normal;
}
#menupil {font-weight:bold; overflow: hidden; background-image:url(images/bgmenu.jpg); background-repeat:repeat-x; background-position:top; border:1px solid #cadfef; border-radius:10px; -moz-border-radius:10px;}
#menupil ul {margin:0; padding:0; list-style:none;}
#menupil ul li {float:left;}
#menupil ul li a {
   	float: left;
	color:#1d7cfd;
    padding: 15px 20px;
	text-decoration:none;
	font-size:12px;
}
#menupil ul li #sel {
   	float: left;
	color:#ffffff;
    padding: 15px 20px;
	text-decoration:none;
	background-color:#0099CC;
}

#menupil ul li a:hover, #menupil ul li:hover > a { background:#d0eefa;}
#menupil li ul a:hover, #menupil ul li li:hover > a  {
	color: #333333; 
	background-color:#fff;
	border-bottom: 1px solid #cadfef;
	}
#menupil li ul {background:#eefeff; left: -999em; margin: 45px 0 0; position: absolute; width: 160px; z-index: 9999; border:1px solid #cadfef; border-top:0px; border-bottom:0px;}
#menupil li:hover ul {left: auto;}
#menupil li ul a {
    background: none;
    border: 0 none;
	padding:10px 18px;
    margin-right: 0;
    width: 124px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-bottom: 1px solid #cadfef;
}
#menupil li li ul {margin: -1px 0 0 160px; visibility:hidden;}
#menupil li li:hover ul {visibility:visible;}

.fcari{
text-align:right;
color:#555555;
font-family:"Georgia", Times New Roman, Times, serif;
font-style:italic;
float:right;
padding-top:8px;
padding-right:5px;
}
.cari{
border:1px solid #CCCCCC;
background-color:#FFFFFF;
border-radius:3px;
-moz-border-radius:3px;
padding:2px;
height:24px;
}
.tcari{
border:1px solid #CCCCCC;
background-color:#FFFFFF;
background-image:url(images/cari-icon.gif);
background-position:center;
background-repeat:no-repeat;
border-radius:3px;
-moz-border-radius:3px;
height:24px;
width:24px;
padding:2px;
cursor:pointer;
}
.copy{
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
border-top:1px dashed #CCCCCC;
padding:10px;
background-color:#d2d8dc;
}
.blok{
background-color:#f4fdff;
font-size:12px;
font-weight:normal;
}
#point{
visibility:hidden;
height:0px;
position:absolute;
padding-top:60px;
padding-left:170px;
cursor:pointer;
}
#point img{
border-radius:5px;
-moz-border-radius:5px;
border:1px solid #deadce;
}
#point img:hover{
border:1px solid #95517e;
}
#list:hover #point{
visibility:visible;
height:auto;
}
#list{
border:1px solid #dbecf5;
border-top:0px;
width:200px;
padding-bottom:10px;
}
#list:hover{
border:1px solid #dbecf5;
border-top:0px;
background-color:#eef6fc;
}

#rat{
padding:0px 5px;
width:190px;
border-bottom:1px solid #d1e0ed;
}
#ttl{
padding:3px 5px;
font-size:16px;
color:#666666;
font-weight:bold;
width:190px;
}
#def{
padding:0px 5px;
width:190px;
color:#666666;
}
#guide{
border:1px solid #95bddf;
border-radius:8px;
-moz-border-radius:8px;
background-color:#f2f2f2;
color:#2783d0;
width:100px;
text-align:center;
padding:5px;
cursor:pointer;
font-size:12px;
font-weight:bold;
}
#guide:hover{
border:1px solid #2783d0;
background-color:#e9f3fb;
}
#guide2{
border:1px solid #FFCCFF;
border-radius:8px;
-moz-border-radius:8px;
background-color:#f2f2f2;
color:#FF6699;
width:100px;
text-align:center;
padding:5px;
cursor:pointer;
font-size:12px;
font-weight:bold;
}
#guide2:hover{
border:1px solid #FF66CC;
background-color:#e9f3fb;
}
.head_title{
font-size:24px;
color:#666666;
font-weight:bold;
padding:5px;
padding-bottom:10px;
}
#pilku{
float:right;
font-weight:normal;
}
#pilihan_map {font-weight:bold; overflow: hidden; color:#666666; border:1px solid #cccccc; border-radius:8px; -moz-border-radius:8px; float:right;}
#pilihan_map ul {margin:0; padding:0; list-style:none;}
#pilihan_map ul li {float:left;}
#pilihan_map #gridku{
   	float: left;
	color:#666666;
    padding: 5px 15px;
	text-decoration:none;
	font-size:12px;
	border-right:1px solid #CCCCCC;
}
#pilihan_map #map{
   	float: left;
	color:#666666;
    padding: 5px 15px;
	text-decoration:none;
	font-size:12px;
}
#pilihan_map #gridku:hover{
color:#ffffff;
background-color:#48a5f4;
}
#pilihan_map #map:hover{
color:#ffffff;
background-color:#48a5f4;
}
#menu2{
background-color:#0099CC;
padding:5px;
border-radius:5px;
-moz-border-radius:5px;
}
#menu2 ul{
margin:0px;
padding:0px;
}
#menu2 ul li{
list-style:none;
padding:0px;
display:inline-block;
}
#menu2 ul li a{
display:inline-block;
padding:3px 10px;
color:#FFFFFF;
text-decoration:none;
}
#menu2 ul li #tombol_add{
display:inline-block;
padding:3px 10px;
color:#0033CC; background-color:#bce7f5; border:1px solid #057fa8; border-radius:10px; -moz-border-radius:10px;
}
#menu2 ul li #tombol_add:hover{
color:#003399; background-color:#66CCCC; border:1px solid #057fa8; border-radius:10px; -moz-border-radius:10px;
}
#menu2 ul li a:hover{
color:#CCCCCC;
}
.kolom{
border:1px solid #CCCCCC;
border-radius:6px;
-moz-border-radius:6px;
background-color:#FFFFFF;
padding:3px;
}