/* Body */

BODY {

	margin: 0px 0px 0px 0px;
	/* background-color : white;   */
	background-image: url("templates/baby/images/bg.gif");
	color : blue;
	scrollbar-3dlight-color: green;
	scrollbar-base-color: darkgreen;
	scrollbar-darkshadow-color: darkgreen;
	scrollbar-face-color: #CCFFFF;
	scrollbar-highlight-color: #00D500;
	scrollbar-shadow-color: #00D500;
	scrollbar-track-color: darkgreen;
	scrollbar-arrow-color: #759328;


	}


.header {
		background: #0b4849 urlhttp://www.distan.pemda-diy.go.id/images/stories/header_bg.jpg) top left repeat-x;
		height: 141px;
		position: relative;
	}

td,tr,p,div {

	font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

	font-size: 12px;

/*	color: darkgreen; */

	}



h4 {

	color: #5983DF; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px; font-weight: bold;

	}

	

h5 {

	color: #2D5FCD; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px; font-weight: bold;

	}

	

h6 {

	color: #2A55B5; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px; font-weight: bold;

	}



/* Links */

a:link, a:visited {

	font-size: 11px; color: green; text-decoration: none;

	font-family:  Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;

	font-weight: bold;

	}



a:hover {

	color:DARKGREEN;	text-decoration: none;
/*	background-color: DARKGREEN;
	background-color:white; */

/*	font-weight: bold; */

	}



/* Horizontal Line */	

hr {

	 height:2px; border: 1px inset;

	background-color: green;

	}



hr.separator {

	height: 1px;

	width: 75px;

	border: 0px;

	background-color: darkgreen;

}



/* --Default Class Settings-- */	



 a.mainlevel:link, a.mainlevel:visited {
	font-size: 10px; color:darkgreen;
	font-family: Arial,Verdana,Trebuchet MS, Geneva,  Helvetica, serif;
	font-weight: bold; 
	width: 95%;

	background-color: lightgreen;
        text-decoration  : none;
        filter           : Alpha(opacity=100, finishopacity=20, style=1);
        -moz-opacity     : 0.94;

	border-top: 1px solid green;
	border-left: 1px solid #D8F5D3;
	border-bottom: 1px solid #D8F5D3;
	border-right: 1px solid #D8F5D3;
	padding-left: 20px;

	text-align: left;

	letter-spacing: 1px;

	}

	

a.mainlevel:hover {
	color: white;
	background-color: darkgreen;
	width: 95%;
	border-top: 1px solid #CCFF66;
	border-left: 1px solid #CCFF66;
	border-bottom: 1px solid #CCFF66;
	border-right: 1px solid #CCFF66;
	text-align: left;
	padding-left: 20px;
	letter-spacing: 1px;
	font-family: Arial,Verdana,Trebuchet MS, Geneva,  Helvetica, serif;
	font-size: 10px;
	font-weight: bold; 

	}

a.mainmenu:link, a.mainmenu:visited {

	color: darkred; font-family: Arial,Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;

	/* font-weight: bold; */

	text-indent: 1px;

	}

	

a.mainmenu:hover {
	color: white;
	text-indent: 3px;
	background-color: #0000CC;

	}

a.sublevel:hover {

	 text-decoration: none;

	font-weight: bold;

	width: 86%;

	color: green;

	}



a.sublevel:link, a.sublevel:visited {

	color: green; font-family: Arial,Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;

	/* font-weight: bold; */

	width: 86%;

	text-indent: 3px;

}



/* Content - Sections & Categories */

.contentpane {

	 

	}

		

.contentpaneopen {

	border : 0px ridge #3592FF;

	}

	

.contentheading {

	font-family: Arial,Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

 	color: black;

	text-align: left;

	height: 13px;

/*	background-image: url(../images/bullet.gif); */

	background-position: left;

	background-repeat: no-repeat;

/*	text-indent: 13px; */

	width: 100%;

	}

	

.contentdescription {

	font-family: Arial, Helvetica, Trebuchet MS, Verdana, , sans-serif;

	font-size: 11px;

	color: darkyellow;

	text-align: justify;

	}

	

/* Links */

a.blogsection:link, a.blogsection:visited {

	color: darkgreen; text-decoration: none; font-weight: normal;

	font-family:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	}



a.blogsection:hover {

	color: white;	text-decoration: underline;
	background-color: darkgreen;

	}

	

a.weblinks:link, a.weblinks:visited {

	color: darkgreen; text-decoration: none; font-weight: normal;

	font-family:  Arial,Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	}



a.weblinks:hover {

	color: darkgreen;	text-decoration: underline;

	}



a.readon:link, a.readon:visited {

	color: darkgreen; text-decoration: none; font-weight: bold;

	font-family:  Arial,Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	}



a.readon:hover {
	color: #149AD8;text-decoration: underline;
	}



	

table.moduletable {
	margin: 0px 0px 0px 0px;
	width: 95%;
	border-left: solid 0px #000000;
	border-right: solid 0px #000000;
	border-top: solid 0px #000000;
	border-bottom: 0px solid lightgreen;
	background-repeat: no-repeat;
	background-position: bottom;
}



table.moduletable th {

	font: Arial,Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold; 

	color: white;

	text-align: left;

	height: 36px; 

	line-height: 31px; 

	white-space: nowrap;
	width: 95%;
	border-bottom: 3px;
	background-image: url(../images/button.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-indent: 30px;

	}

	

table.moduletable td {

	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	}

	

.moduleheading {

	font:  Verdana, Arial, Helvetica, sans-serif,Trebuchet MS;

	font-size: 11px;

	font-weight: bold; 

	color:white;

	text-align: left;

	height: 36px;

	line-height: 20px;

	white-space: nowrap;

	width: 95%;

	border-bottom: 3px;

	background-image: url(../images/button.gif); 

	background-position: left;

	background-repeat: no-repeat;

	text-indent: 30px;

	}



.componentheading {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

 	color: #2759C7;

	text-align: left;

	background-image: url(../images/pen.gif);

	background-position: left;

	background-repeat: no-repeat;

	text-indent: 25px;

	height: 25px;

	}

	

.button {

	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	font-style: normal;

	font-weight: bold;

	font-size: 10px;

	color: white;

	border-style: solid;

	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;

	background-color: darkgreen;

	} 



.inputbox {

	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: Darkgreen;

	border: 1px solid;

	line-height: 12px;

	background-color: #FFFFFF;

	}

	

	.searchbox {

	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: Black;

	border: 1px solid;

	line-height: 12px;

	background-color: #EFEFEF;

	height: 14px;

	}

	

a.bar:hover {

	color: #A6CDF2;

	text-decoration: underline;

	}



a.bar:link, a.bar:visited {

	color: White; font-weight: bold;

	}



/** category text format and links **/

.category {

	color: #517CDD; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px; font-weight: bold; text-decoration: none;

	}



a.category:link, a.category:visited {

	color: #6495ED; font-weight: bold;

	}



a.category:hover {

	color: #66FFFF;

	}

	

.poll {

	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #1782FF;

	line-height: 14px

	}

	

.sectiontableentry1 {

	background-color : #cccccc;	

	}



	

	.contentpane {

	}

	

.sectiontableentry2 {

	background-color : #f0f0f0;

	}



.sectiontableheader {

	background-color : #22CE22;

	color : DarkBlue;

	font-weight : bold;

	}

	

.small {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: Black;

	text-decoration: none; 

	font-weight: normal;

	}



.smalldark {

        font-family: Verdana, Arial, Helvetica, sans-serif;

        font-size: 10px;

        color: #333333;

        text-decoration: none;

        font-weight: normal;

        }





.newsfeedheading {

        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

        font-size: 12px;

        font-weight: bold;

        color: #333333;

        text-align:left;

        }



.newsfeeddate {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #2759C7;

	font-weight: normal;

}



.createdate {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #2759C7;

	text-decoration: none; 

	font-weight: normal;

	}



.modifydate {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #1782FF;

	text-decoration: none; 

	font-weight: normal;

	}


ul {
	margin: 0px 0px 0px 0px;
}

li {

	list-style: disc inside url(../images/arrow.png);
	list-style-type: disc;
}



.fase4rdf {

	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 

	font-size: 11px; color: #000000; font-weight: normal;

	}



a.fase4rdf:link {

	font-size: 11px; font-weight: normal; color: #6495ED;

	}



a.fase4rdf:hover {

	font-weight: bold; color: #FF97FF;

	}	



table.searchintro {

  	background-color: #FFFFFF;

	border: 1px solid #517CDD;

	}



table.contact {

	background-color: #FFFFFF;

	}



table.contact td.icons {

	background-color: #BFDDFF;

	}



table.contact td.details {
	background-color: lightgreen;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;

	}



.pagenav {

	color: #386593;

}



a.pagenav {

	color: #2759C7;

}



.pagenavbar {

	background-color: #f0f0f0;

}





/* Styles for dhtml tabbed-pages */

.ontab {

	font-family : Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	background-color: #B8CDF3;

	border-left: outset 2px #246AE6;

	border-right: outset 2px #808080;

	border-top: outset 2px #246AE6;

	border-bottom: solid 1px #d5d5d5;

	width: 14%;

	text-align: center;

	cursor: hand;

	font-weight: bold;

	color: #FFFFFF;

}

.offtab {

	font-family : Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

        background-color : #e5e5e5;

	/*background-color: #EEEEEE;*/

	border-left: outset 2px #E0E0E0;

	border-right: outset 2px #E0E0E0;

	border-top: outset 2px #E0E0E0;

	border-bottom: solid 1px #d5d5d5;



	width: 14%;

	text-align: center;

	cursor: hand;

	font-weight: normal;

}

.tabpadding {

	//border-bottom: solid 1px #777777;

}



.tabheading {

	background-color: #B8CDF3;

	/*border-left: solid 1px #777777;*/

	/*border-right: solid 1px #777777;*/

	color: #FFFFFF;

	font-family : Verdana, Arial, Helvetica, sans-serif;

	font-size: 10pt;

	text-align: left;

}



.pagetext {

	visibility: hidden;

	display: none;

	position: relative;

	top: 0;

}