.body         { font-family: arial; font-size: 9px }

 
.border {border-top:4px solid #000000; font-size: 14px; color: #3366FF; font-weight: bold; 
               padding-left:4px; padding-right:4px; padding-top:0.2px; padding-bottom:0.2px }
.bggrey{
	background-image:url(images/bg_buttongrey.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	border: 1px solid #999999;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 6px;
}
fieldset p label {
	width:98%;
	padding-left:5px;
}
fieldset p input {
	width:35%;
	padding-left:5px;
}

a:link,a:visited{
	color:#477A34;
	text-decoration:none;
}	

a:hover{
	color:#000;
}

#container{
	width:940px;
	margin:0px auto;
	background:#FFF url(../images/container-shadow.jpg) repeat-y;
}

#wrapper{
	width:900px;
	border:1px solid #7BAD51;
	margin:0px auto;	
}

#toppanel{
	width:100%;
	height:30px;
	line-height:30px;
	background:#1C211D;
	text-indent:10px;
	color:#9E9F9E;
	font-weight:bold;
}

#logo{
	width:100%;
	height:150px;
	background:#FFF url(../images/logo-bg.jpg) no-repeat right top;
	
}
 .batasform {
	width: 550px;	
	margin: auto;
}

#topnav{
	width:100%;
	height:29px;
	line-height:29px;
	border-bottom:1px solid #000;
	background:#1C211D;
	position:relative;
	z-index:1;
}

#breadcrumb{
	width:100%;
	height:30px;
	line-height:30px;
	border-top:1px solid #555;
	border-bottom:1px solid #7BAD51;
	background:#214128;
	color:#9E9F9E;
	
}

#breadcrumb p{
	margin-left:10px;
}

#mainwrapper{
	width:100%;
	
}

#leftcolumn{
	position:relative;
	float:left;
	width:170px;
	margin:5px;
	overflow:hidden;
}

#maincolumn{
	width:510px;
	position:relative;
	float:left;
	overflow:hidden;
}

#contentpane{
	margin:5px;
}

#rightcolumn{
	position:relative;
	float:right;
	width:200px;
	margin:5px;
	overflow:hidden;
	
}

#footer{
	width:100%;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #7BAD51;
	background:#1C211D;
	color:#9E9F9E;
	text-align:center;
}

/***** Module ******/
.module{
	margin-bottom:5px;
}	

#rightcolumn .module{
	margin-bottom:10px;
}

.module H3{
	text-decoration:underline;
	font-size:12px;
	color:#373E39;
	margin:2px 0px;
}

.module ul{
	list-style:none;
}

.module ul li{
	padding-left:8px;
}


ul.extramod{
	list-style:none;
}

ul.extramod li{
	border-bottom:1px solid #D6D6D6;
}

ul.extramod li H3{
	font-size:12px;
}

ul.extramod li p{
	margin:10px 0px;
}

span.date{
	color:#547D34;
}
sup{
	color: red;
	font-weight: bold;
}
textarea,.inputtext,.inputpassword{border:1px solid #bdc7d8;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size: 11px}
input[type=text] {/*Jika hanya type text ditulis : input[type=text]*/
height: 15px; 
background-color:#DACDCD;
border-left:1px solid #3D5B98; border-right:1px solid #3D5B98;
border-top:1px solid #3D5B98; border-bottom:1px solid #3D5B98; 
box-shadow: 0 0 5px #5795C2;
border-radius:3px;
}
input[type=password] {/*Jika hanya type text ditulis : input[type=text]*/
height: 15px;
text-align: middle;
background-color:#DACDCD;
border-left:1px solid #3D5B98; border-right:1px solid #3D5B98;
border-top:1px solid #3D5B98; border-bottom:1px solid #3D5B98; 
border-radius:3px;
box-shadow: 0 0 5px #5795C2;
} 
select{border:1px solid #bdc7d8;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 12px;padding:3px;
border-left:1px solid #3D5B98; border-right:1px solid #3D5B98;
border-top:1px solid #3D5B98; border-bottom:1px solid #3D5B98; 
border-radius:3px;
box-shadow: 0 0 5px #5795C2;
} 

input:hover, textarea:hover, select:hover{
border:1px solid #AAA;
background-color:#FAFAFA;
}
/*** Rounded Corner ****/
.b1, .b2, .b3, .b4{
	font-size:1px;
	overflow:hidden;
	display:block;
}

.b1 {
	height:1px; 
	background:#D6D6D6; 
	margin:0 5px;
}

.b2 {
	height:1px; 
	background:#F9F5F4; 
	border-right:2px solid #D6D6D6; 
	border-left:2px solid #D6D6D6; 
	margin:0 3px;
}

.b3 {
	height:1px; 
	background:#F9F5F4; 
	border-right:1px solid #D6D6D6; 
	border-left:1px solid #D6D6D6; 
	margin:0 2px;
}

.b4 {
	height:2px; 
	background:#F9F5F4; 
	border-right:1px solid #D6D6D6; 
	border-left:1px solid #D6D6D6; 
	margin:0 1px;
}

.contentb {
	background: #F9F5F4; 
	border-right:1px solid #D6D6D6; 
	border-left:1px solid #D6D6D6;
	padding:5px;
}
.contentd {
	background: #4477DE; 
	border-right:1px solid #D6D6D6; 
	border-left:1px solid #D6D6D6;
	padding:5px;
}
.contentc {
	background: #F9F5F4; 
	border-right:1px solid #D6D6D6; 
	border-left:1px solid #D6D6D6;
	padding:5px;
}

.boardcolm { font-family: Tahoma; font-size: 12px; font-weight: bold; text-align: center 
                }
.clrfix {
	clear:both;
}
.box     { font-family: Tahoma ; font-size: 11px; font-weight: bold;}
.isi     { font-family: Tahoma; font-size: 12px }
.isi_c   { font-family: Tahoma; font-size: 12px; text-align: center }
 
