.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;}
.main-content2{padding: 5px;}

.login{ background:#ffffff;padding: 2px; border-left: 2px solid #ffffff;}
.login h3{}
.login-content{ padding: 2px;}
.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: #ffffff;}

.image-menu{width: 230px; float: right; height: 232px; 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: 20px 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:1px 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 #fff;}

.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;
}