/**********MAIN CSS*************************/
.err{
	text-align:left;
	color:#FF0000;
}
img {
	border:0;
}

body{
	font:normal 16px/19px Arial, Helvetica, sans-serif;
	margin:0; padding:0;
	background-image:url(../images/BACK_COLOUR.jpg);
	background-repeat:repeat-x;
	background-color:#001931;
	}
	
h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p{
	margin:0; 
	padding:0;
	list-style:none;
	}

a{
	text-decoration:none;
}

a:link , a:visited{	
	color:#000000;	
}

a:hover {
	color:#0077EF;
}

#linkadd{
	border:0;
	margin-top:-50px;
	margin-left:20px;
}
#listdokumen table tr td img{
	border:0;
}
/**********TOP NAV**************************/
#topNav{	 	
	width:800px;
	margin-top:10px;
	height:25px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;	
	}

#topNav ul{
	margin-top:5px;
	float:right;
	list-style:none;
}

#topNav li{
	display:inline;	
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	float:left;	
}

#topNav li img{
	margin-top:-1px;	
}

#topNav li a:link, #topNav a:visited{
	padding: 0.2em 0.6em 0.2em 0.6em;
	color: #FFFFFF;	
	text-decoration: none;	
	background:url(../images/gif_1.gif) repeat-x;
}

#topNav a:hover{
	padding: 0.2em 0.6em 0.2em 0.6em;
	color: #00213E;	
	text-decoration: none;
	background:url(../images/gif_3.gif) repeat-x;
}

#topNav ul li a.top {
	padding: 0.2em 0.6em 0.2em 0.6em;
	color: #000000;
	background:url(../images/gif_2.gif) repeat-x;
	text-decoration: none;	
	font-weight:bold;
}

/**********WARP MAIN************************/
#WarpMain{	
	width:800px;
	position:inherit;	
	margin-top:10px;	
	margin-left:auto;
	margin-right:auto;	
	background-color:#EFFBFF;
}

/**********MAINLEFT*************************/
#MainLeft {
	width:450px;;
	float:left;
	margin-left:30px;	
	margin-top:-20px;
}

#MainLeft img{
	margin-top:15px;
	float:left;
}

#MainLeft h3{	
	color:#000000;
	position:static;
	margin-left:105px;		
	font-size:10px;
	margin-bottom:0;
	margin-top:0;
	margin-right:0;
}

#MainLeft h2{
	margin-top:5px;
	margin-bottom:5px;
	color:#000066;
	font:"Arial Black";
	font-size:25px;
	padding-top:5px;
	text-align:center;
}

#MainLeft p{
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:justify;
	padding-bottom:10px;
	margin-right:10px;
	
}

/**********FOOTER***************************/

#corner1{
	background:url(../images/L.gif) top left no-repeat;
	height:80px;	
	width:100%;	
}

#corner4{	
	clear:both;
	background:url(../images/R.gif) bottom right no-repeat;
	margin-top:0px;
	height:80px;
}

/*-BAKO-*/
#bako{	
	margin-top:95px;
	margin-bottom:-50px;
	}
#bako p{
	font-size:9pt;
	padding-bottom:0px;
	text-align:left;
	margin-left:100px;
	font-weight:normal;
	}
/*-----*/

#bt{
	width:100%;
	margin-top:270px;
	font-size:9pt;
}
#bt div{
	width:50%;
	float:left;
}
#bt img{
	float:left;
	padding:10px;
	padding-bottom:15px;
}
/*---MENU-----BOX-----------------------------------------------------------*/
#pinch div{	
	float:left;	
	padding-bottom:10px;	
	border:1px solid #0057AF;
	background-color:#CFE7FF;
	border:1px solid #0057AF;
	border-bottom:1px solid #CFE7FF;	
}

.menubox{
	width:260PX;
	height:70px;
	padding-bottom:10px;
}

/*------------------*/
.menubox1{
	width:260PX;	
	margin-bottom:10px;
}

div .menubox1, div .menubox{	
	float:left;		
	border:1px solid #0057AF;
}

div .menubox1 img{
	margin-top:17px;
	margin-left:5px;	
	float: left;
	}

div .menubox img{
	margin-top:7px;
	margin-left:5px;	
	float: left;
	}
	
a:link .menubox, a:link .menubox1, a:visited .menubox1, #berita_2 a:link, #berita_2 a:visited{	
	color:#000000;	
}

a:hover .menubox, a:hover .menubox1{	
	background-color:#FFD7AF;
	border:1px solid #0057AF;	
}

a:hover .menubox h3, a:hover .menubox1 h3, #berita_2 a:hover{
	color:#0077EF;
}

div .menubox h3, div .menubox1 h3, #pinch div h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13.1pt;
	font-weight:bolder;	
	color:#000000;
	margin-top:10px;
	margin-left:65px;			
}

div .menubox blockquote, div .menubox1 blockquote, #pinch div blockquote{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.5pt;	
	font-weight:normal;
	color:#000000;	
	margin-top:5px;
	margin-left:65px;	
	margin-right:0;	
}
/*------------------*/

/***********DIV MAIN RIGHT******************/
#MainRight{
	width:35%;
	float:left;	
	margin-top:-50px;
	margin-bottom:-30px;
	margin-left:30px;
	color:#FFFFFF;	
}

/*--------------------------------------------*/

#berita_2{
	width:260px;
	float:left;
	padding-bottom:10px;	
	margin-bottom:-50px;	
	/*margin-top:330px;	*/
	}
	
div #berita_2{	
	border:1px solid #0057AF;
	/*margin-left:510px;*/
	background-color:#CFE7FF;
	}
div #berita_2 h2{
	font-family: Arial, Helvetica, sans-serif;
	background-color:#001931;
	font-size:15pt;
	text-align:center;
	padding:5px;
	color:#FFFFFF;
	}
div #berita_2 li{	
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:normal;
	color:#000000;	
	margin-top:2px;
	margin-left:25px;	
	margin-right:0;	
	list-style-image:url(../images/blue.gif);
	
	}
/*--------------------UNTUK PAGE PSSDAL----------------*/
#menuPssdal {
	margin-left:3%;
	margin-right:3%;
	}

/*--------------------UNTUK PAGE DATA----------------*/
/**********TOP HEAD*************************/
#TopHead{
	margin-top:-50px;
	margin-left:5%;
}

#TopHead img{
	float:left;	
}

#TopHead p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#000000;
	padding-top: 45px;
	margin-left: 125px;
}

/**********TIPE CARI************************/
#tipeCari{
	width:90%;
	clear:both;	
	padding-top:20px;	
	margin-left:5%;
	}

#tipeCari div{	
	float:left;	
		
}

div#tipeCari img{
	float:left;
	margin-top:-15px;
	margin-left: 32.5%;
	width:35%;
}
div#tipeCari h2{
	margin-top:100px;
	text-align:center;
	position:static;
}

div#tipeCari ul{
	clear:both;	
	padding-right:5px;	
}

div#tipeCari li{			
	margin-top:10px;
	
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.t{ width:100%;	
	background-image:url(../images/R1.gif);
	background-position:top right;
	background-repeat:no-repeat;
	height:30px;
}

.b { width:100%;
	background-image:url(../images/L1.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:30px;
}

.t1{ 
	width:100%;	
	background-image:url(../images/R1.gif);
	background-position:top right;
	background-repeat:no-repeat;
	height:30px;
}

.b1{
	width:100%;
	background-image:url(../images/L1.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:30px;
}

/*********S1S2S3****************************/
#s1{background-color:#007004;width:29%; min-width:225px; margin-left:3%;	margin-top:10px;}
#s1 li, #s1 h2{color:#FFFFFF;}
#s1 li{list-style-image:url(../images/orange.gif);margin-left:40px;}

#s2{background-color:#EF7800; width:29%; min-width:225px;margin-left:3%;margin-top:10px;}
#s2 li, #s2 h2{color:#FFFFFF;}
#s2 li{list-style-image:url(../images/blue.gif);margin-left:40px;}

#s3{background-color:#005470; width:29%; min-width:225px;margin-left:3%;margin-top:10px;}
#s3 li, #s3 h2{color:#FFFFFF;}
#s3 li{margin-left:40px;}

#s4{background-color:#0D4F8F;width:29%; min-width:225px; margin-left:3%;	margin-top:10px;}
#s4 li, #s4 h2{color:#FFFFFF;}
#s4 li{list-style-image:url(../images/orange.gif);margin-left:40px;}

#s5{background-color:#960013; width:29%; min-width:225px;margin-left:3%;margin-top:10px;}
#s5 li, #s5 h2{color:#FFFFFF;}
#s5 li{list-style-image:url(../images/blue.gif);margin-left:40px;}

#s6{background-color:#129600; width:29%; min-width:225px;margin-left:3%;margin-top:10px;}
#s6 li, #s6 h2{color:#FFFFFF;}
#s6 li{margin-left:40px;}


.pastinggi{	height:220px;}
.pastinggi img{ alignment-adjust; }
.pastinggi2{height:270px;}

/*---------VISI MISI---------*/
#visi, #pssdal{
	clear:both;
	margin-left:30px;
	font-size:25px;	
	/*font-weight:bold;*/
	
}

#visi ul{
	list-style-type:decimal;
	}
#visi li{
	/*list-style-image:url(../images/orange.gif);*/	
	list-style-type:decimal;
	margin-left: 35px;
	margin-right: 30px;
	padding-left:10px;
	text-align:justify;
	font-size:15px;	
	font-weight:normal;
	/*padding-top:5px;
	padding-bottom:5px;*/
}

#visi h1, #visi img, #pssdal h1{
	font-size:25px;
	text-align:left;
	margin-left:10px;
}

#visi p{
	font-size:14px;
	text-align:left;
	margin-left:10px;
}

#visi dl{
	margin-left:10px;
	font-size:14px;
}

/*--------------------------*/

/*
#pssdal{
	clear:both;
	margin-right:15px;
}
*/

div #pssdal li {
	list-style-image:url(../images/orange.gif);		
	margin-left: 35px;
	margin-right: 30px;	
	text-align:justify;
	font-size:20px;	
	font-weight:normal;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:5px;
	}


div #pssdal ul li{	
	list-style-image:url(../images/blue.gif);				
	margin-left: 65px;
	margin-right: 30px;	
	text-align:justify;
	font-size:18px;	
	font-weight:normal;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:5px;	
	}
	
div #pssdal ul ul li{
	list-style-image:url(../images/blue.gif);			
	margin-left: 95px;
	margin-right: 30px;	
	text-align:justify;
	font-size:15px;	
	font-weight:normal;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	}

#pssdal dl{
	font-size:19px;
	text-align:left;
	margin-left:45px;
}


/*----------FOTO FOTO----------------*/
div #output{
	clear:both;
	float:none;
}
	

div .per1{	
	width:360px;
	margin-bottom:40px;
	margin-left:55px;	
	clear:both;
}

div .per1 img{
	float:left;
	margin-left:10px;			
	margin-right:20px;	
	border: #000000 1px solid;
	height:90px;
}

div .per1 h3{	
	margin-left:20px;	
	font-size:18px;
	font-weight:normal;
	padding-top:10px;
	margin-bottom:15px;
	}
div .per1 p{	
	margin-left:20px;
	font-size:15px;
	margin-bottom:5px;
	}

/*
div .per1 tr{
	color:#000000;
	font-size:14px;
	height:20px;	
}
*/

#jabat h3{
	margin-left:75px;
	font-size:18px;
	}
	
#jabat li{
	list-style-image:url(../images/orange.gif);
	margin-left:95px;
	font-size:15px;
	}
/*--------ALAMAT------------*/
#alamat{
	margin-top:-40px;
	height:200px;
	margin-right:20px;
}

#alamat img{
	float:left;
	margin-left: 40px;
	border: #000099 2px solid;
}

#alamat h1, #alamat h2, #alamat h3{
	font:Arial, Helvetica, sans-serif;
	text-align:center;
	margin-left:20px;	
}

#alamat h1{	font-size:20px; padding-top:40px; padding-bottom:15px;}
#alamat h2{	font-size:15px; padding-bottom:5px; border-bottom:#CC0000 2px solid;}
#alamat h3{	font-size:12px;}



/*---------diemail---------*/
#diemail {
	background-color:#0057AF;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:-20px;
}

#diemail h2{
	color:#FFFFFF;
	padding-left:80px;
	padding-top:2px;
	padding-bottom:2px;	
	margin-left:-40px;
	margin-right:-40px;	
	margin-bottom:20px;
}

#diemail h3{
	color:#ffffff;
	font-size:13px;
	margin-left:40px;
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	width: auto;
}

#diemail p{
	color:#ffffff;
	font-size:16px;
	margin-left:40px;
	margin-bottom:5px;
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	width: auto;	
}

#formkontak table h3{
	font-size:16px;
	font-weight:normal;
	margin:0;
	}

#formkontak table{
	margin-left:40px;
	text-align:left;
	}

.staff ul li{	
	float:left;
	list-style-type:none;
}


#diemail a, #diemail a:visited,#foot a, #foot a:visited{
	color:#FFFFFF;
	}

#foot a:hover{
	color:#0077EF;
	}

#diemail a:hover{
	color:#FFFF00;
	}
	
#dFooter{
	width:800px;
	position:inherit;
	margin-top:27px;
	margin-left:auto;
	margin-right:auto;
}
#dFooter p{
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}
/*--------METADATA--------*/
#gab{
	position:inherit;
	min-height:600px;
}

#metadata{
	position:inherit;
	width:500px;
	margin-left:20px;
	}

#metadata table {
	width:100%;
	text-align:left;
}

#metadata td{
	font-size:13px;
	padding-left:10px;
	padding-right:10px;
}

#metanav{
	float:right;
	width:190px;
	margin-right:15px;
	margin-left:5px;
	margin-top:5px;
	}

div #wms{
	border-bottom:#0057AF 1px solid;
	}
	
#wms input{
	font-size:12px;
	width:135px;
	margin-left:50px;
	margin-top:-8px;
	padding-top:1px;
	padding-bottom:4px;
	}
	
#metanav div{
	float:none;
	height:70px;	
	border-top:#0057AF 1px solid;
	border-bottom:#0057AF 1px solid;
	margin-top: -1px;
	}
#metanav p{	
	font-size:12px;
	margin-bottom:5px;	
	}
#metanav dd{
	font-size:12px;
	}	
	
#metanav form{	
	padding-left:58px;
	padding-top:40px;
	}
#metanav div img{
	float:left;
	margin-top:10px;
	}
#metanav b{		
	position:absolute;	
	margin-left:10px;
	margin-top:15px;
	}
	
/*------------------------*/

/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#FFFFFF;
    font-weight: bold;
    cursor: default;    
}

div #listdokumen{
	display:block;	
	margin-top:10px;
	margin-left:40px;
	margin-right:40px;	
	width:auto;	
}

#listdokumen p{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#004285;
}

div #listdokumen table, div #formadvance table{	
	margin-left:auto;
	margin-right:auto;	
	text-align:left;
	border-collapse: collapse;	
}

div #listdokumen tr{	
	margin-left:auto;
	margin-right:auto;	
	text-align:left;
	border-collapse: collapse;
	border-bottom:#0057AF 1px solid;
}

div #listdokumen td{
	font-size:13px;		
	padding-left:10px;
	padding-right:10px;			
}

div #listdokumen label, #metadata label{
	font-size:13px;
	font-weight:bold;	
}

div #listdokumen b, #metadata b{
	font-size:16px;
	font-weight:bolder;	
	color:#FFFFFF;
}

div #listdokumen a:link, div #listdokumen a:visited{
	color:#000066;
}

div #listdokumen a:hover{
	color:#0033FF;
}

div #listdokumen img{
	border:2px solid #004285;
	display:block;	
	margin:auto;	
	}
/*---------------------------------*/

div #thumbDoc{
	margin-left:35px;
	margin-right:35px;
	width:auto;
	min-width:200px;
}

div #thumbDoc div blockquote {
	padding-top:7px;
	}
	
div #thumbDoc div blockquote img{
	margin-top:-3px;
	float:left;
	}

div #thumbDoc div{
	float:left;
	padding-right:30px;
	padding-bottom:15px;
}

div #thumbDoc div blockquote{
	font-size:11px;
	margin:0;
	text-align:center;
}

div #thumbDoc h2{
	font-size:20px;
	padding-top:0px;
	margin-left:170px;
}

div #thumbDoc h3{
	font-size:14px;
	padding-top:15px;
	margin-left:170px;
}

div #thumbDoc p{
	font-size:12px;
	padding-top:30px;
	text-align:justify;
	margin-left:170px;
}

/*-----------------------------------*/

#formTemaLink{
	margin-left:40px;
	margin-right:40px;
	width:auto;		
	text-align:center;
	}

div #formKabLink{	
	margin-left:100px;	
	margin-top:20px;	
	}
	
#formKabLink img{
	float:left;
	margin-right:10px;	
	margin-top:-5px;
	}
	
#LinkPetaProv img{
	border:2px solid #004285;
	display:block;	
	margin-left:150px;
	margin-bottom:10px;
	}

#LinkPetaProv p{	
	margin-left:150px;
	font-size:14px;
	text-align:center;	
	}
	
#formTemaLink, #formadvance{
	padding:20px;	
	}
	
#formKabLink option, #formKabLink select, 
#formKabLink Label, #formKabLink input, 
#formTemaLink, #formTemaLink select, 
#formTemaLink Label, #formTemaLink input,
#formadvance option, #formadvance select, 
#formadvance label,  #formadvance input{
	font-size:12pt;	
	}

#button {
	text-align:center;
	}

	
div #formTemaLink{
	margin-top:20px;
	color:#000000;
	}

div #formadvance{
	margin:0;	
	margin-top:20px;
	color:#000000;
	text-align:center;
	}
	
#nav{	
	width:90%;
	margin-left:auto;
	margin-right:auto;	
	margin-top:-40px;
	}
#FGDC{	
	width:90%;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	padding-bottom:30px;	
	}
#FGDC p{	
	width:90%;
	font-size:14px;
	margin-left:auto;
	margin-right:auto;	
	}
#FGDC h1{
	margin-top:0px;
	font-size:18px;	
	color:#FFFFFF;
	padding:20px;
	text-align:center;
	background-color:#006C8F;
	margin-bottom:30px;
	}

div #frkegiatan{
	margin-left:50px;
	margin-right:auto;
	width: 90%;
	
	}
	
#aplod{
	width:auto;
	margin-left:30px;
	margin-right:30px;	
	margin-top:-30px;
	
	border:#0057AF 1px dashed;
	padding:10px;
	background-color:#FFF3E7;
	/*font-family:comic sans ms;	*/
}

#aplod img{
	float:left;
	margin-top:10px;
}
#apload h3{
	margin-top:20px;
	float:left;
}

#aplod h1{
	padding-top:20px;
	font-size:24px;
	text-align:center;
	color:#000000;
	
}

#aplod table{
	background:#3E5983;
	width:100%;
	font-size:14px;
	color:#FFFFFF;
	padding:10px;	
}

.atu {
	width:160px;
}

#aplod table caption{
	font-size:16px;
	font-weight:bolder;
	color:#000033;
	margin-top:20px;
	background-color:#FF9933;
	padding-top:3px;
	padding-bottom:3px;
}

#aplod table td{
	padding:5px;
}

#aplod input, #aplod select{
	/*font-family:comic sans ms;	*/
	font-size:13px;
}

#sbup{
	margin-top:20px;
	margin-bottom:20px;
}

#berita {
	width:auto;
	padding:25px;
	background-color:#FFFFFF;
	height:100%;
		
}
#berita img{
	position:relative;
	}
#berita h3{
	font-size:22px;
	text-align:center;		
}
#berita p {
	font-size:15px;
	text-align:justify;	
}


/*===============================================================*/
#hd{
	margin-top:-20px;
	}
#hd ul {
	margin-left:30px;
	margin-right:auto:	
	}
	
#tabnavpssdal li div{
	width:185px;
	height:50px;
	margin-left:-1px;
	}

#tabnavdata li div{
	width:247px;
	height:50px;
	margin-left:-1px;
	}

div #content{
	min-height:250px;
	}
	
#content {	
	margin-left:29px;
	margin-top:61px;
	border:1px solid #0057AF;		
	width:743px;
	position:static;
	padding-top:50px;
	padding-bottom:50px;
	background-color:#CFE7FF;
	}

#info{
	margin-left:50px;
	margin-right:50px;
	margin-bottom:5px;
	margin-top:-25px;
	width:auto;
	text-align:justify;
	font-size:14px;
	
	border:#0057AF 1px dashed;
	padding:10px;
	background-color:#FFF3E7;
	}
	
#info img{
	float:left;
	}
	
#info p{
	margin-left:70px;
	
	}
#info form{
	margin-left:60px;
}
	
.numbering{
	float:left;	
	margin-top:-10px;
	margin-right:10px;
	border=0;
	}
	
#numberingpeta{
	float:left;	
	margin-top:-10px;
	margin-right:10px;
	margin-left:100px;
	border=0;
	}
#tbadvance{
	width:auto;
	margin-left:95px;
	margin-right:10px;
	}

.q{
	font-size:16px;	
	padding:10px;
	}

#cariteks1
{
	margin-top:-25px;
	margin-bottom:25px;
	margin-left:90px;
	margin-right:90px;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#9CCFE9;
}

#cariteks
{
	margin-top:-25px;
	margin-bottom:25px;	
	background-color:#9CCFE9;
}