/* CSS Document */
body{font:0.3em/1.5em  Verdana, Arial, Helvetica, sans-serif;font-size:13px;color:#444444;overflow:auto; margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}
td{font:0.3em/1.5em  Verdana, Arial, Helvetica, sans-serif;font-size:13px}
input{font:0.3em/1.5em  Verdana, Arial, Helvetica, sans-serif;font-size:13px}
textarea{font:0.3em/1.5em  Verdana, Arial, Helvetica, sans-serif;font-size:13px;background-color:#ffffff;border:1px solid #cccccc;overflow:auto;width:99%}

.cr:link {font-size:12px;color: #006600; text-decoration: none;FONT-WEIGHT: none}
.cr:visited {font-size:12px;color: #006600; text-decoration: none;FONT-WEIGHT: none}
.cr:hover {font-size:12px;color: #cc0000; text-decoration: none;FONT-WEIGHT: bold}
.cr:active {font-size:12px;color: #cc0000; text-decoration: none;FONT-WEIGHT: bold}

.menu:link {font-size:12px;color: #333333; text-decoration: none;FONT-WEIGHT: none}
.menu:visited {font-size:12px;color: #333333; text-decoration: none;FONT-WEIGHT: none}
.menu:hover {font-size:12px;color: #cc0000; text-decoration: none;FONT-WEIGHT: bold}
.menu:active {font-size:12px;color: #cc0000; text-decoration: none;FONT-WEIGHT: bold}

.menua:link {font-size:12px;color: #ffffff; text-decoration: none;}
.menua:visited {font-size:12px;color: #ffffff; text-decoration: none;}
.menua:hover {font-size:12px;color: #000000; text-decoration: none;background-color:#ffffff;FONT-WEIGHT: none}
.menua:active {ffont-size:12px;color: #000000; text-decoration: none;background-color:#ffffff;FONT-WEIGHT: none}

.menum:link {font-size:12px;color: #cc0000; text-decoration: none;}
.menum:visited {font-size:12px;color: #cc0000; text-decoration: none;}
.menum:hover {font-size:12px;color: #333333; text-decoration: none;background-color:#C5EE59;}
.menum:active {ffont-size:12px;color: #333333; text-decoration: none;background-color:#C5EE59;}

.page:link {font-size:12px;color: #ffffff; text-decoration: none;background-color:#C5EE59;border:1px solid #bbbbbb;  width:25; height:25}
.page:visited {font-size:12px;color: #ffffff; text-decoration: none;background-color:#C5EE59;border:1px solid #bbbbbb; width:25; height:25}
.page:hover {font-size:12px;color: #000000; text-decoration: none;background-color:#ff0000;;border:1px solid #ffffff; width:25; height:25}
.page:active {font-size:12px;color: #000000; text-decoration: none;background-color:#ff0000;border:1px solid #ffffff; width:25; height:25}

a:link {font-size:12px;color: #cc0000; text-decoration: none;FONT-WEIGHT: none}
a:visited {font-size:12px;color: #cc0000; text-decoration: none;FONT-WEIGHT: none}
a:hover {font-size:12px;color: #333333; text-decoration: none;background-color:#C5EE59;}
a:active {font-size:12px;color: #333333; text-decoration: none;background-color:#C5EE59;}

.alpa{filter:alpha(opacity=50); }
.cari2{font-size:12px;color:#000000;background-color:#ffffff;border:1px solid #cccccc; width:100; filter:alpha(opacity=50); }
.cari3{font-size:13px;color:#000000;background-color:#ffffff;border:1px solid #cccccc; width:500; filter:alpha(opacity=50); }
.ip{font-size:12px;color:#000000;background-color:#ffffff;border:1px solid #cccccc;width:200;}
pageof{font-size:12px;color: #ffffff; text-decoration: none;background-color:#dddddd;border:1px solid #bbbbbb; height:25}
.pageoff{font-size:12px;color: #000000; text-decoration: none;background-color:#ff0000;border:1px solid #ffffff; width:25; height:25}
.putih {color: #ffffff}
.biru {color: blue}
.hijau {color: #006600}
.hitam {color: #000000}
.kuning {color: #d3f400}
.merah {color: #ff0000}
.telp{font-size:12px;color:#000000;background-color:#ffffff;border:1px solid #cccccc;width:100}


.body{ width: 940px; margin: auto; text-align: left; height: 500px; background:url(../images/top_bg.gif) repeat-x; padding-top: 12px;}

#main{width: 540px; float: left; background: url(../images/v_dot.gif) repeat-y left;}
.main-content{padding: 10px;}

#main2{width: 200; float: left; background: url(../images/v_dot.gif) repeat-y left;}
.maincontent{padding: 10px;}

.login{padding: 2px;}
.login h3{}
.login-content{ padding: 4px;}
.login-content a{ font-size: 8px;}
.login-content .text{border: 1px solid #aaa; width: 70px;}
.kode_unik{padding:  0 0 0px 0;}
.kode_unik img{padding: 2px; border: 0px solid #aaa; background: #efefef;}

.image-menu{width: 230px; float: right; height: 202px; overflow: hidden; border-left: 1px solid #fff;}
.image-spacer{ background: #C9CED6; height: 8px; font-size: 1px !important; border-top: 1px solid #fff; clear: both;}
.menu{ padding: 8px 0 0 0;}
.menu h3{ display: none;}
.menu ul, ul.children{ list-style-type: none; margin: 0px; padding:0px;}
.menu ul li, ul.children li{ margin: 0px; padding: 0px;}
.menu ul li a{ display: block; color: #fff; background: url(../images/vmenu_bg.gif) no-repeat left bottom; width: 180px; padding: 4px 4px 4px 4px; font-weight: bold;}
.menu ul li a:hover{ color: #fc0; text-decoration: none;}




form * {margin:0;padding:0;} /* Standard margin and padding reset, normally done on the body */

legend {
	color:#000; /* IE styles legends with blue text by default */
	*margin-left:-7px; /* A hack that only ie reads to position the legend in the same place cross browser */
}
fieldset {
	border:0px solid #dedede; /* Default fieldset borders vary cross browser, so make them the same */
	padding:4;
	}
	
fieldset div {
	overflow:hidden; /* Contain the floating elements */
	display:inline-block; /* Give layout in ie to contain float */
	padding:2;
}

fieldset div {display:block;} /* Reset element back to block leaving layout in ie */
label {
	float:left; /* Take out of flow so the input starts at the same height */
	width:10em; /* Set a width so the inputs line up */
}

.text{border: 1px solid #cccccc;}

.radio {
	position:relative; /* Position so children are relative to this container */
	border:0; /* Remove the border */
}
.radio span {
	position:absolute; /* Take the content of the legend out of flow */
	top:0;left:0; /* and position it to the top left of the fieldset */
	width:5em; /* Same width as labels */
}
.radio ul {
	margin-left:5em; /* Since the legend is out of flow. set margin, so inputs are inline */
	list-style:none; /* Dont want bullets */
}
.radio li {
	position:relative; /* Fix a bug in IE zoom functionality */
	display:inline; /* Display the inputs in a line */
	white-space:nowrap; /* We dont want a label to wrap between the input and label */
}
.radio label, .radio input {
	width:auto; /* Reset the width on the label from the 5em, set earlier */
	float:none; /* Reset the float from left on the label, set earlier */
	vertical-align:middle; /* Align the radio buttons with the inputs */
}

input:focus,textarea:focus{background:#efefef;color:#000;}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 250px; /*Default width of hint.*/ 
padding: 4px;
border:0px solid black;
font:normal 10px Verdana;
line-height:18px;
z-index:100;
border-right: 1px solid black;
border-bottom: 2px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}