body { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color : #FFFFFF; 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;}


#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 {
background-color: #666666;
border-bottom:solid 1px #ffffff;
border-left:solid 0px #ffffff;
border-right:solid 1px #ffffff;
border-top:solid 0px #ffffff;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; text-decoration: none; 
font-weight:bold;
color:#FFFFFF;
}

.kotak{
background-color:#FFFFFF;
border-bottom:solid 1px #999999;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; text-decoration: none; 

}

.barisganjilx
{
	background-color:#CCCCCC;
	border-bottom:solid 1px #CCCCCC;
}
.barisganjilx:hover
{
	background-color:#ffcc00;
}
.barisgenapx
{
	background-color: #ffffff;
	border-bottom:solid 1px #CCCCCC;
}

.barisgenapx:hover
{
	background-color:#ffcc00;
}
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;
 }
 .tepitr
 {
 border-bottom:1px #CCCCCC;
 }
 
 .lapheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}
.header069 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	border-left:solid 1px #000000;
}
.header0369 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border-top:solid 1px #000000;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
	border-left:solid 1px #000000;
}
.isi069 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	border-left:solid 1px #000000;
}
.isi69 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border-bottom:solid 1px #000000;
	border-left:solid 1px #000000;
}
.isi369 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
	border-left:solid 1px #000000;
}

.lap0369 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border-top:solid 1px #000000;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
	border-left:solid 1px #000000;
	padding:2px 0px 2px 4px;
}

.lap069 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	border-left:solid 1px #000000;
	padding:2px 0px 2px 4px;
}

.lap69 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border-bottom:solid 1px #000000;
	border-left:solid 1px #000000;
	padding:2px 0px 2px 4px;
}

.lap369 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
	border-left:solid 1px #000000;
	padding:2px 0px 2px 4px;
}

.lap9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border-left:solid 1px #000000;
	padding:2px 0px 2px 4px;
}
.lap39 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border-right:solid 1px #000000;
	border-left:solid 1px #000000;
	padding:2px 0px 2px 4px;
}
.lap36 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
	padding:2px 0px 2px 4px;
}
.handpoint {
	color:black;
}
.handpoint:hover {
	color:white;
	background-color:#aaaaaa;
}
.inputhand{
	cursor:pointer;
}

.tetap{
	width:100px;
}

.kombokecil{
	width:100px;
	background-color:#FF6600;
}

.kombobesar{
	width:250px;
}
