body { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color : #333333; text-decoration: none; left: 0px; top: 0px; right: 0px; bottom: 0px; clip:  rect(0px 0px 0px 0px); margin: 0px; padding: 0px; }
table { font-size:9pt; }
td { color: #333333; }
img { border: none; }
a:link {text-decoration:none; color:black}
a:visited {text-decoration:none; color:black}
a:active {text-decoration:none; color:black}
a:hover {text-decoration:none; color:red}
.webtext { color: #333333; }
.webtext1 { font-size: 12px; color: #000000; }
.listsekolah { color: #333333; }
.sitetext { font-size: 12px; text-decoration: none; color: #FFFFFF; text-align: justify }
.boxcenter { border-left: none; border-right: 1px solid #C0C0C0; border-top: none; border-bottom: none;}
.box_border { border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0;}
.comboBox { height: 20px; background-color: #D9E3EE; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.linkpage { font-size: 12px; color: #333333; }
.linkpage a:link, .linkpage a:visited { font-size: 12px; text-decoration: none; }
.linkpage a:hover, .linkpage a:active {	font-size: 12px; color: #000000; text-decoration: underline; }
.linkreport { color: #000000; font-size: 12px; text-decoration: none; }
a.linkreport:link, a.linkreport:visited { color: #000000; text-decoration: none; font-size: 12px; }
a.linkreport:hover, a.linkreport:active { color: #000000; font-size: 12px; text-decoration: underline; }
.linkpagereport a:link, .linkpage a:visited { color: #000000; text-decoration: none; font-size: 12px; }
.linkpagereport a:hover, .linkpage a:active { color: #000000; font-size: 12px; }
.tablelink { font-size:9pt; color:#333333; }
.topborder { border-left: none; border-right: none; border-top: 1px solid #C0C0C0; border-bottom: none;}
.bottomborder { border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #C0C0C0;}
.topbottomborder { border-left: none; border-right: none; border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0;}
.menutopbottomborder { border-left: none; border-right: none; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;}
.menuleftborder { border-left: 1px solid #FFF; border-right: none; border-top: none; border-bottom: none;}
.dtree { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; white-space: nowrap; }
.dtree img { border: 0px; vertical-align: middle; }
.dtree a { color: #333; text-decoration: none; }
.dtree a.node, .dtree a.nodeSel { white-space: nowrap; padding: 1px 2px 1px 2px; }
.dtree a.node:hover, .dtree a.nodeSel:hover { color: #333; text-decoration: underline; }
.dtree a.nodeSel { background-color: #c0d2ec; }
.dtree .clip { overflow: hidden; }

a.siteMap { font-size: 12px; color: #FFFFFF; text-decoration: none; }
a.siteMap:link { font-size: 12px; color: #FFFFFF; text-decoration: none; }
a.siteMap:visited { font-size: 12px; color: #FFFFFF; text-decoration: none; }
a.siteMap:link { font-size: 12px; color: #FFFFFF; text-decoration: none; }
a.siteMap:hover { font-size: 12px; color: #FFFFFF; text-decoration: underline; }

a.opt {text-decoration:none; font-size:9pt; font-weight:bold; color:white; text-align:center; padding:0 10 0 10 }
a.opt:link {text-decoration:none; font-size:9pt; font-weight:bold; color:white; text-align:center; padding:0 10 0 10 }
a.opt:visited {text-decoration:none; font-size:9pt; font-weight:bold; color:white; text-align:center; padding:0 10 0 10 }
a.opt:active {text-decoration:none; font-size:9pt; font-weight:bold; color:white; text-align:center; padding:0 10 0 10 }
a.opt:hover {text-decoration:none; font-size:9pt; font-weight:bold; color:orange; text-align:center; padding:0 10 0 10 }

.centeralign { text-align:center; padding:0 8 0 8; }
.indent { padding:0 8 0 8; }
.dotline { background-image:url('../images/dot.gif'); background-position: left 50%; background-repeat:repeat-x; }
.dotbottom { background-image:url('../images/dot.gif'); background-position: left bottom; background-repeat:repeat-x; }

.searchBoxTiny { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; border-top: 1px solid #DFDFDF; border-left:  1px solid #DFDFDF; border-bottom:  1px solid #DFDFDF; border-right:  1px solid #DFDFDF; }
#LayerSiteMap { position:absolute; text-align:right; left: 0px; top: 100px; width: 100%; height: 35px; z-index: 1; }
#ajaxSiteMap { font-size:12px; color: #FFFFFF; }
#selPenelusuran { font-size:11px; color: #000000; }
#container	{ position:relative; z-index:100 }
#lyr0, #lyr1, #lyr2	, #lyr3	, #lyr4	, #lyr5	{ position:relative; visibility:visible; z-index:1; }
#tabs6 { float:left; width:100%; background:#F5F5F5; font-size:93%; line-height:normal; border-bottom:1px solid #666; }
#tabs6 ul { margin:0; padding:10px 10px 0 50px; list-style:none; }
#tabs6 li { display:inline; margin:0; padding:0; }
#tabs6 a { float:left; background:url("../images/tableft2.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
#tabs6 a span { float:left; display:block; background:url("../images/tabright2.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; }
#tabs6 a span { float:none; }
#tabs6 a:hover { background-position:0% -42px; }
#tabs6 a:hover span { color:#FFF; background-position:100% -42px; }

#tabs6 a.on { background-position:0% -42px; }
#tabs6 a.on span { background-position:100% -42px; }
#tabs6 a.off { float:left; background:url("../images/tableft2.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
#tabs6 a.off span { float:left; display:block; background:url("../images/tabright2.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; }
#tabs6 a.off span {float:none;}
#tabs6 #qResult { visibility:hidden; }

#navutamta ul li #imgmenu img { margin: 7 0 0 0; padding: 0 0 0 0; cursor:none; }
#navedit ul li #imgmenu img { margin: 7 0 0 0; padding: 0 0 0 0; cursor:none; }
#navedit ul li #imgmenu2 img { color: #FFCC00; width:20px; vertical-align: middle; margin: 0 0 0 0; padding: 0 0 0 0; cursor:none; }

#navutamta { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 30px; vertical-align: middle; }
#navutamta ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; }
#navutamta ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }
#navutamta ul li a { background: #333; width: 65px; height: 30px; border-top: none; border-left: none; border-bottom: none; border-right: 1px solid #fff; padding: 0; margin: 0 0 0 0; color: #FEFEFE; text-decoration: none; display: block; text-align: center; font: bold 12px/30px Arial, Helvetica, sans-serif; }
#navutamta ul li #aend { background: #333; width: 65px; height: 30px; border-top: none; border-left: none; border-bottom: none; border-right: none; padding: 0; margin: 0 0 0 0; color: #FEFEFE; text-decoration: none; display: block; text-align: center; font: bold 12px/30px Arial, Helvetica, sans-serif; }
#navutamta ul li #ambangbold { background: #333; width: 200px; height: 30px; border-top: none; border-left: none; border-bottom: none; border-right: none; padding: 0; margin: 0 0 0 0; color: #FEFEFE; text-decoration: none; display: block; text-align: left; font: bold 12px/30px Arial, Helvetica, sans-serif; }
#navutamta ul li #ambang { background: #333; width: 600px; height: 30px; border-top: none; border-left: none; border-bottom: none; border-right: none; padding: 0; margin: 0 0 0 0; color: #FEFEFE; text-decoration: none; display: block; text-align: left; font: 12px/30px Arial, Helvetica, sans-serif; }
#navutamta ul li #imgmenu { background: #333; width: 30px; height: 30px; text-align: center; border-top: none; border-left: none; border-bottom: none; border-right: border-right: 1px solid #fff; padding: 0 0 0 0; margin: 0 0 0 0; color: #FEFEFE; text-decoration: none; display: block; font: bold 12px/30px Arial, Helvetica, sans-serif; cursor:default; }
#navutamta ul li a:hover { color: #FFF; background: #F90; }
#navutamta ul li #aend:hover { color: #FFF; background: #F90; }
#navutamta ul li #imgmenu:hover { color: #FFF; }
.navuatamabg { width:100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 30px; background: #333; border-top: none; border-left: none; border-bottom: 1px solid #ccc; border-right: none; }
#label_profil {font-family:Arial; font-size:10pt; font-weight:bold; color:white}
#navedit { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 30px; vertical-align: middle; }
#navedit ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; }
#navedit ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }
#navedit ul li a { background: #333; width: 130px; height: 30px; border-top: none; border-left: none; border-bottom: none; border-right: 1px solid #fff; padding: 0; margin: 0 0 0 0; color: #FEFEFE; text-decoration: none; display: block; text-align: center; font: bold 12px/30px Arial, Helvetica, sans-serif; }
#navedit ul li #aend { background: #333; width: 130px; height: 30px; border-top: none; border-left: none; border-bottom: none; border-right: none; padding: 0; margin: 0 0 0 0; color: #FEFEFE; text-decoration: none; display: block; text-align: center; font: bold 12px/30px Arial, Helvetica, sans-serif; }
#navedit ul li #imgmenu { background: #333; width: 30px; height: 30px; text-align: center; border-top: none; border-left: none; border-bottom: none; border-right: border-right: 1px solid #fff; padding: 0 0 0 0; margin: 0 0 0 0; color: #FEFEFE; text-decoration: none; display: block; font: bold 12px/30px Arial, Helvetica, sans-serif; cursor:default; }
#navedit ul li #imgmenu2 { background: #333; width: 130px; height: 30px; text-align: center; border-top: none; border-left: none; border-bottom: none; border-right: border-right: 1px solid #fff; padding: 0 0 0 0; margin: 0 0 0 0; color: #FEFEFE; text-decoration: none; display: block; font: bold 12px/30px Arial, Helvetica, sans-serif; }
#navedit ul li a:hover { color: #FFF; background: #F90; }
#navedit ul li #aend:hover { color: #FFF; background: #F90; }
#navedit ul li #imgmenu:hover { color: #FFF; }
#navedit ul li #imgmenu2:hover { color: #FFF; }
.naveditbg { width:100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 30px; background: #333; border-top: none; border-left: none; border-bottom: 1px solid #ccc; border-right: none; }
.tableheader { width:100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: none; border-left: none; border-bottom: 1px solid #ddd; border-right: none; }

#trheaderdata { background:#DFDFDF; font-size:93%; line-height:normal; border-right:1px solid #666; border-top:1px solid #666; border-bottom:1px solid #666; }
#tddata { font-size:93%; line-height:normal; border-right:1px solid #AAA; border-bottom:1px solid #AAA; }
#griddiv { float:none;width:750px;height:300px;overflow:scroll;margin-top:2px;margin-bottom:2px;border:solid #AAA;border-width:2px 1px; }
#toolBarData { background:#D7D9DC; font-size:93%; width:750px; height:40px; line-height:normal; border-left:1px solid #666; border-right:1px solid #666; border-top:1px solid #666; border-bottom:1px solid #666; }
.button_user { width: 110px; height: 25px; border: 1px solid #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #333333; background-color: #DFDFDF; cursor: pointer; }
.separate_left { border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #999999; border-left-color: #999999; }
.separate_col { border-right-width: 1px; border-right-style: solid; border-right-color: #999999; }
.separate_top_left { border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #999999; border-right-color: #999999; border-left-color: #999999; }
.separate_top { border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #999999; border-right-color: #999999; }
.separate_bottom_left { border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #999999; border-bottom-color: #999999; border-left-color: #999999; }
.separate_bottom { border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #999999; border-bottom-color: #999999; }
.styleupload { font-family:Arial, Helvetica, sans-serif; font-size:12px; border-bottom: 1px solid #999999; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999;}
.kotakheader { border-style: none none solid; border-color: -moz-use-text-color -moz-use-text-color rgb(208, 208, 208); border-width: medium medium 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #333333; font-weight:bold; }
.kotak { border-style: none none solid; border-color: -moz-use-text-color -moz-use-text-color rgb(208, 208, 208); border-width: medium medium 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #333333; }
input.Btn
 {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 1px 0.5em;
 	margin-left: 1px;
 	text-align: center;
 	background: #cccccc;
	border:1px solid;
   	border-top-color:#cccccc;
   	border-left-color:#cccccc;
   	border-right-color:#cccccc;
   	border-bottom-color:#cccccc;
	CURSOR: hand;
 }
 
 input.BtnHov
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 1px 0.5em;
	margin-left: 1px;
	text-align: center;
	background: #FFCC33;
	border:1px solid;
	border-top-color:#FFCC33;
	border-left-color:#FFCC33;
	border-right-color:#FFCC33;
	border-bottom-color:#FFCC33;
 }