/* CSS Document */
/* CSS Document */
body{
	background: url(images/body-bg2.jpg) #26A9E2 0 0 fixed ; 
	color:#4E4628;
	font:normal 14px Verdana;
	margin:0; padding:0;
	}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}
label{display:block;}
td{height:22px;}
a{text-decoration:none;}

/* ----------------- top navigation start --------------------- */
#topNav{
	width:818px; position:relative; 
	margin:0 auto; padding:3px 0 0 0px;}
#topNav img{
	border:none; float:left; margin:0 0px 0 0;}



/* ----------------- top navigation end --------------------- */
/* ----------------- shadow start --------------------------- */
#topShadow{
	background:url(images/top_shadow.gif) no-repeat 0 0 #FDF9EE; color:#4E4628;
	width:870px; height:20px; margin:9px 0 0; float:left;}
#bottomShadow{
	background:url(images/bottom_shadow.gif) no-repeat 0 0 #FDF9EE; color:#4E4628;
	width:870px; height:24px; float:left;}
/* ----------------- shadow end --------------------------- */
/* ----------------- body start --------------------------- */
#body{
	width:870px; margin:0 auto; position:relative; }
#bodyPannel{
	background:url(images/midle_bg.gif) repeat-y 0 0 #FDF9EE; color:#4E4628;
	width:814px; padding:0 28px; float:left; }
.formlogin{
	color:#000000; 
	width:278px; padding:7px 17px 27px 17px; float:left; margin:10px 0px; position:absolute;
	top:230px; left:500px;}
.formlogin h2{
	 color:#786E4E;
	width:197px; padding:0 0 20px 50px; float:left;
	font:normal 24px Verdana;}
.formlogin h2 span{
	background-color:#FFFFFF; color:#000000;
	font:normal 24px Verdana;}
.formlogin label{
	 color:#26A9E2; margin:0 0 18px 0; float:left;clear:both; height:20px;
	font:bold 10px Verdana; text-transform:uppercase;}
.formlogin input{
	background-color:#EFEBDE; color:#000000; border:#C3BCA4 1px solid;
	width:165px; height:20px; padding:2px; margin:0 0 18px 0; float:right;
	font:normal 11px Verdana;}
.formlogin p{
	background-color:#FFFFFF; color:#CC0000; float:left; margin:6px 0 0 0;
	font:normal 13px Verdana;}
.formlogin input.check{
	background-color:#EFEBDE; color:#000000; border:#C3BCA4 1px solid;
	width:15px; height:15px; float:left; margin:6px 0 0 9px;}
.formlogin input.submit{
	background:url(images/submit_bg.gif) no-repeat 45px 0 ; color:#26A9E2; border:none;
	width:60px; height:13px; float:right; margin:0px 0 0 10px; padding:0 20px 0 0; cursor:pointer;
	font:normal 10px Verdana; text-transform:uppercase;}
.formlogin input.submit:hover{	
	background:url(images/more_bg_h.gif) no-repeat 45px 0 #FFFFFF; color:#A60101;
}	
#infoPannel{
	width:298px;  float:left;
	margin-top:20px;
	}
#infoPannel p{
	font:normal 13px Verdana; 
	color:#4E4628; 

	padding:6px 0px;}
	
#infoPannel h2{
	background:url(images/infopannel_bg.jpg) no-repeat 0 7px #FFFFFF; color:#786E4E;
	padding:6px 0 12px 48px;
	font:normal 24px Verdana;}
#infoPannel h2 span{
	background-color:#FFFFFF; color:#000000;
	font:normal 24px Verdana;}
#infoPannel ul{
	float:left; padding:0 0 0 5px;}
#infoPannel ul li{
	font:normal 13px Verdana; 
	background:url(images/red_arrow.gif) no-repeat 0 7px #FFFFFF; color:#4E4628;
	padding:0 0 0 6px;}
#infoPannel ul li a{
	font:normal 13px Verdana; text-decoration:none; 
	background-color:#FFFFFF; color:#4E4628;
	padding:0 4px; display:block;}
#infoPannel ul li a:hover{
	color:#A60101;
	}
 a.more{
	background:url(images/more_bg.gif) no-repeat 66px 0 #FFFFFF; color:#000000; float:right;
	font: 10px Verdana; text-decoration:none; text-transform:uppercase;
	padding:0px 20px 0 0;  }
 a.more:hover{
	background:url(images/more_bg_h.gif) no-repeat 66px 0 #FFFFFF; color:#A60101;}
#midle{
	 color:#4E4628;
	padding:0px 0 0 0;}
#midle h2{
	background-color:#FFFFFF; color:#000000;
	font:normal 28px Verdana;}
#midle h2 span{
	background-color:#FFFFFF; color:#A60101;
	font:normal 28px Verdana;}
#midle p{
	font:normal 14px Verdana; background-color:#FFFFFF; color:#4E4628;}
#midle a.more{
	background:url(images/more_bg.gif) no-repeat 66px 0 #FFFFFF; color:#000000; float:right;
	font:bold 10px Verdana; text-decoration:none; text-transform:uppercase;
	padding:0 20px 0 0; margin:5px 35px 0 0;}
#midle a.more:hover{
	background:url(images/more_bg_h.gif) no-repeat 66px 0 #FFFFFF; color:#A60101; }
	
#sideleft{
	width:298px; float:left; margin-top:15px;}
#sideleft h2.titleform{
	 color:#000000; padding:0 0 10px 0px; 
	font:normal 22px "Arial Narrow";}
#sideleft h2.titleform span{
	 color:#A60101;}
#sideleft ul{float:left; width:100%;}
#sideleft ul li{
	font:normal 12px Verdana; color:#4E4628; height:22px; 
	background:url(images/rightlist_div.gif) left bottom repeat-x; padding:0 0 0 0px;}
#sideleft ul li a{
	font:12px Verdana; text-decoration:none; height:19px;
	background:url(images/arrow.gif) 0px 3px no-repeat; padding-left:14px; padding-top:2px;
	 color:#4E4628; display:block;}
#sideleft ul li a:hover{
background-color:#EFEBDE; color:#A60101;  }
#sideleft p{
	color:#000000;
	height:13px; line-height:13px; padding:14px 0 19px 0;}
#sideleft p a.more{
	background:url(images/more_bg.gif) no-repeat 76px 0 ; color:#000000; float:right;
	font: 10px Verdana; text-decoration:none; text-transform:uppercase;
	padding:0 25px 0 10px; margin:0;}
#sideleft p a.more:hover{
	background:url(images/more_bg_h.gif) no-repeat 76px 0 ;  color:#A60101;}

#jumbotron {
  background: url(images/dinas_arsip.jpg); border-radius: 0.3rem; color:white;
}

#jumbotron-fluid {
  padding-right: 0; padding-left: 0; border-radius: 0;
}

#container {
  width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;
}

#formQuick {
background-color:#FFFFFF; color:#000000; border:#ECE8DB 1px solid;
	width:248px; padding:7px 20px 17px 17px; float:left; margin:10px 0px;}
		
#formQuick span.nltop{
	background:url(images/formQuick_top.gif) no-repeat 0 0 #FCFAF3; color:#000000;
	line-height:0; font-size:0; height:14px; display:block;}
#formQuick span.nlbottom{
	background:url(images/formQuick_bottom.gif) no-repeat 0 0 #FCFAF3; color:#000000;
	line-height:0; font-size:0; height:14px; display:block;}
#formQuick  h2.titleform{
	background:url(images/sistem_bg.gif) no-repeat 0 0 #FFFFFF; color:#786E4E;
	width:197px; padding:5px 0 20px 50px; float:left;
	font:normal 20px "Arial Narrow";}
#formQuick  h2.titleform span{
	background-color:#FFFFFF; color:#000000; 
	font:normal 20px "Arial Narrow";}
#formQuick  h2.titleform2{
	background:url(images/sistem_bg.gif) no-repeat 0 0 #FFFFFF; color:#786E4E;
	width:197px; padding:5px 0 20px 50px; float:left;
	font:normal 20px "Arial Narrow";}
#formQuick  h2.titleform2 span{
	background-color:#FFFFFF; color:#000000; 
	font:normal 20px Verdana;}
	
#formQuick  label{
	background-color:#FFFFFF; color:#000000; margin:2px 0 18px 0; float:left;clear:both; height:20px;
	font:10px "Arial Narrow"; text-transform:uppercase; }
#formQuick  input{
	background-color:#EFEBDE; color:#000000; border:#C3BCA4 1px solid;
	height:20px; padding:2px; margin:0 0 18px 0; float:right; 
	font:normal 11px Verdana;}
#formQuick  input.submit{
	background:url(images/submit_bg.gif) no-repeat 45px 0 #FFFFFF; color:#000000; border:none;
	width:60px; height:13px; float:right; margin:0 0 0 10px; padding:0 20px 0 0; cursor:pointer;
	font:normal 10px Verdana; text-transform:uppercase;}
#formQuick  input.submit:hover{
	background:url(images/more_bg_h.gif) no-repeat 45px 0 #FFFFFF; color:#A60101;
}	
#formQuick  select{
	font:normal 11px Verdana;}	

#formmaster{
	float:right; margin-top:15px;}
#formmaster span.ctop{
	background:url(images/formmaster_top.gif) no-repeat 0 0 #FCFAF3; color:#000000;
	line-height:0; font-size:0; height:14px; display:block;}
#formmaster span.cbottom{
	background:url(images/formmaster_bottom.gif) no-repeat 0 0 #FCFAF3; color:#000000;
	line-height:0; font-size:0; height:25px; display:block;}
#formmaster #container {
	background:url(images/formmaster_midle.gif) repeat-y 0 0 #FCFAF3; color:#000000; position:relative;
	width:452px; padding:0 20px; float:left;}
#formmaster  h2.titleform{
	background:#26A9E2; color:white;
	padding:5px 0 10px 15px; float:left; width:455px; height:25px;
	font:normal 20px "Arial Narrow";}
#formmaster  h2.titleform span{
	 color:#FFFF00;}
#formmaster  h2.titleform2{
	background:url(images/laporan_bg.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	padding:5px 0 10px 55px; float:left; width:400px; height:37px;
	font:normal 20px "Arial Narrow";}
#formmaster  h2.titleform2 span{
	 color:#A60101;}
	 
#formmaster  label{
	 color:#000000; margin:0 0 18px 0; float:left; clear:both;
	font:11px "Arial Narrow"; text-transform:uppercase;}
#formmaster  input{
	background-color:#EFEBDE; color:#000000; border:#C3BCA4 1px solid;
	height:20px; padding:2px; 
	font:normal 11px Verdana;}
#formmaster  select{
	height:20px; padding:2px; 
	font:normal 11px Verdana;}	
#formmaster  textarea{
	background-color:#EFEBDE; color:#000000; border:#C3BCA4 1px solid;
	 padding:2px; margin-right:10px; 
	font:normal 11px Verdana;}
#formmaster  input.submit{
	background:url(images/submit_bg.gif) no-repeat 45px 0 #FFFFFF; color:#000000; border:none;
	width:60px; height:13px; float:right; margin:0 0 0 10px; padding:0 20px 0 0; cursor:pointer;
	font:normal 10px Verdana; text-transform:uppercase;}
#formmaster  input.reset{
	background:url(images/more_bg.gif) no-repeat 72px 0 #FFFFFF; color:#000000; border:none;
	width:90px; height:13px; float:right; margin:0; padding:0 15px 0 0; cursor:pointer;
	font:normal 10px Verdana; text-transform:uppercase;}
#formmaster  input.submit:hover{
	background:url(images/more_bg_h.gif) no-repeat 45px 0 #FFFFFF; color:#A60101;
}
#formmaster  input.reset:hover{
	background:url(images/more_bg_h.gif) no-repeat 72px 0 #FFFFFF; color:#A60101;	
}
#formmaster  table{
	font:normal 12px Verdana;
}	

	
#formentri{
margin-top:15px; 
}
#formentri span.ctop{
	background:url(images/form_top.gif) no-repeat 0 0 #FCFAF3; color:#000000;
	line-height:0; font-size:0; height:14px; display:block; width:822px;}
#formentri span.cbottom{
	background:url(images/form_bottom.gif) no-repeat 0 0 #FCFAF3; color:#000000;
	line-height:0; font-size:0; height:25px; display:block; width:822px;}
#formentri #container{
	background:url(images/form_midle.gif) repeat-y 0 0 #FCFAF3; color:#000000; position:relative;
	width:782px; padding:0 20px; float:left;}	
#formentri  h2.titleform{
	background:url(images/coba.jpg) no-repeat 0 0; color:white;
	padding:20px 0 20px 115px; float:left; width:700px; height:30px; 
	font:normal 24px "Arial Narrow";}
#formentri  h2.titleform span{
	color:#FFFF00;}
#formentri  label{
	color:#000000; margin:0 0 18px 0; float:left; clear:both;
	font:11px "Arial Narrow"; }
#formentri  input{
	color:#000000; 
	height:20px; padding:2px; 
	font:normal 11px Verdana;}
#formentri  select{
	height:20px; padding:2px; 
	font:normal 11px Verdana;}	
#formentri  textarea{
	background-color:#EFEBDE; color:#000000; border:#C3BCA4 1px solid;
	padding:2px; margin-right:10px; 
	font:normal 11px Verdana;}
#formentri  table{
	font:normal 12px Verdana;
}	
#formentri  input.submit{
	background:url(images/submit_bg.gif) no-repeat 45px 0 #FFFFFF; color:#000000; border:none;
	width:60px; height:13px; float:right; margin:0 0 0 10px; padding:0 20px 0 0; cursor:pointer;
	font:normal 10px Verdana; text-transform:uppercase;}
#formentri  input.reset{
	background:url(images/more_bg.gif) no-repeat 72px 0 #FFFFFF; color:#000000; border:none;
	width:90px; height:13px; float:right; margin:0; padding:0 15px 0 0; cursor:pointer;
	font:normal 10px Verdana; text-transform:uppercase;}
#formentri  input.submit:hover{
	background:url(images/more_bg_h.gif) no-repeat 45px 0 #FFFFFF; color:#A60101;	
}
#formentri  input.reset:hover{
	background:url(images/more_bg_h.gif) no-repeat 72px 0 #FFFFFF; color:#A60101;	
}		
	
/* ----------------- body end --------------------------- */
/* ----------------- footer start --------------------------- */
#footer{
	position:relative; margin:0 auto; width:722px; padding:12px 0 0px 0px;}
#footer ul{
	float:right;}
#footer ul li{
	float:left; color:#000000; 
	font:normal 12px Verdana;}
#footer ul li a{
	color:#000000; padding:0 8px; text-decoration:none;
	font:normal 12px Verdana;}
#footer ul li a:hover{
	color:#A60101;
	}
#footer p{
	color:white;  padding:0 8px; text-align:center;
	font:normal 12px Verdana;}
#footer p a{
	color:#CCCC00;  text-decoration:none;
	font:normal 12px Verdana;}
#footer p a:hover{
	color:#000000; background-color:#EFEBDE; text-decoration:none;
}



table{
border-spacing: 0px;
}
#tblform{
font-size: 12px;
width:100%;
margin-top:10px;
}


#tblform td{
height:20px;
padding-bottom:2px;
}
#tblform #titlelist{
text-align:center;

color:black;
border-bottom:1px solid;
}
.oddlist{
background:#CCCCCC;
}