body{background:url(../../images/sado.gif) center repeat-y;}

h1{

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

	color: #939393;

	font-size: 16px;

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

	background-repeat: no-repeat;

	padding-left: 45px;

	height: 29px;

	padding-top: 9px;

	font-weight: bold;

	text-decoration: none;

}

.highlight  {

	font-size: 18px;

	color: #939393;

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

	font-weight: bold;

	text-decoration: none;

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

	background-repeat: no-repeat;

	padding-left: 45px;

	height: 29px;

	padding-top: 10px;

	padding-bottom: 10px;

	margin:5px;

}

.wrapper {

	background-color: #224f88;

	position:relative;

	width:980px;

	text-align:left;

	overflow:visible;

	margin: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}





.flag {

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

	font-size: 12px;

	font-weight: bold;

	color: #fafafa;

}

.footer {

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

	font-size: 10px;

	font-weight: bold;

	color: #fafafa;

}

.footer a{

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

	text-decoration:none;

	font-size: 10px;

	font-weight: bold;

	color: #00CC00;

}

.footer a:hover{

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

	text-decoration:none;

	font-size: 10px;

	font-weight: bold;

	color: #999999;

}

.content {

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

	font-size: 12px;

	text-decoration: none;

	color: #939393;

	padding-top: 0px;

	padding-right: 15px;

	padding-bottom: 10px;

	padding-left: 15px;

}





.lang {

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

	font-size: 12px;

	font-style: normal;

	font-weight: bold;

	color: #fafafa;

	text-decoration: none;}

	

	.lang a{

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

	font-size: 12px;

	font-style: normal;

	font-weight: bold;

	color: #fafafa;

	text-decoration: none;}

	

	.lang a:hover{

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

	font-size: 12px;

	font-style: normal;

	font-weight: bold;

	color: #fafafa;

	text-decoration: none;}



h2{

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

	color: #939393;

	font-size: 14px;

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

	background-repeat: no-repeat;

	padding-left: 30px;

	height: 0px;

	padding-top: 3px;

	font-weight: bold;

	text-decoration: none;

}

	

.lesson_pelajaran {
	margin-left:5px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	padding-left: 30px;
	background-image: url(../../images/lesoon.jpg);
	background-repeat: no-repeat;
	background-position: 2px;

	}

.lesson_pelajaran a {

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

	font-size: 14px;

	color: #305a90;

	text-decoration: none;

	font-weight: bold;

	

	}

.lesson_pelajaran a:hover {

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

	font-size: 14px;

	color: #0066CC;

	text-decoration: none;

	font-weight: bold;

}

.lesson_ujian {
	margin-left:5px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	padding-left: 30px;
	background-image: url(../../images//pelajaran.jpg);
	background-repeat: no-repeat;
	background-position: 2px;

	}

.lesson_ujian a {

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

	font-size: 14px;

	color: #305a90;

	text-decoration: none;

	font-weight: bold;

	

	}

.lesson_ujian a:hover {

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

	font-size: 14px;

	color: #0066CC;

	text-decoration: none;

	font-weight: bold;

}

.lesson_halaman {
	margin-left:5px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	padding-left: 30px;
	background-image: url(../../images//halaman_sekoalah.jpg);
	background-repeat: no-repeat;
	background-position: 2px;

	}

.lesson_halaman a {

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

	font-size: 14px;

	color: #305a90;

	text-decoration: none;

	font-weight: bold;

	

	}

.lesson_halaman a:hover {

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

	font-size: 14px;

	color: #0066CC;

	text-decoration: none;

	font-weight: bold;

}




.training {

margin-top:5px;

margin-left:5px;

margin-right:5px;

	padding-top: 10px;

	padding-bottom: 10px;

	font-size: 14px;

	background:#6699CC url(../../images/bintang2.gif) 0 no-repeat;

	padding-left: 30px;

	}

.training a {

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

	font-size: 14px;

	color: #305a90;

	text-decoration: none;

	font-weight: bold;

	

	}

.training a:hover {

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

	font-size: 14px;

	color: #0066CC;

	text-decoration: none;

	font-weight: bold;

}

.lessonsubmenu ul{ margin-top:0px;}

.sublessonmenu{

    list-style-image: url(../../images/bintang3.gif);

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

	font-size: 12px;

	color: #305a90;

	text-decoration: none;

	margin-top:0;

	padding-top:5px;

	padding-bottom:5px;

	

	

}

.sublessonmenu a{

    

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

	font-size: 12px;

	color: #305a90;

	text-decoration: none;	

}

.sublessonmenu a:hover{color:#305a90; font-weight:bold;}



.subtrainingmenu{color:#FF0000; margin-left:15px; }

.subtrainingmenu li{

list-style-image:url(../../images/bintang5.gif) ;

margin-top:10px;

margin-bottom:10px;

padding-left:0;

color:#305a90; }

.subtrainingmenu li a{ 

color:#305a90;

margin-top:10px;

margin-bottom:10px;

padding-left:0;

 }

.subtrainingmenu li a:hover{ 

color:#305a90; 

font-weight:bold;

margin-top:10px;

margin-bottom:10px;

padding-left:0;

}





.topmenu{

padding-left:10px;
margin:0;


	

}

.topmenu li{

	float:left;

	color:#fafafa;

	list-style-type:none;

	/*padding-left:10px;

	padding-right:10px;*/

	font-size: 14px;

	font-weight: bold;

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

	text-decoration: none;



	

}

	

.topmenu li a{

	float:left;

	color:#fafafa;

	list-style-type:none;

	padding-left:10px;

	padding-right:10px;

	padding-top:11px;

	padding-bottom:11px;

	font-size: 14px;

	font-weight: bold;

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

	text-decoration: none;

}



.topmenu li a:hover{

	float:left;

	color:#fafafa;

	list-style-type:none;

	padding-left:10px;

	padding-right:10px;

	padding-top:11px;

	padding-bottom:11px;

	font-size:14px;

	font-weight: bold;

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

	text-decoration: none;

	background: url(../../images/bg_mouse_over.jpg) 0 repeat;

}

#wlpeNewUser{	

	width: 98%;

	text-align: left;

	padding-bottom: 20px;



}

 #wlpeUserRegisterInput{

	display: block;

 	width:  100%;

	text-align: left;

	border-color:#f4f2f2;

}

 #wlpeUserRegisterInput label{

	display: block;

	clear: both;

	width: 310px;

	font-size: 1em;

	line-height: 1.5em;

	padding: 0 0 9px;

}

 #wlpeUserRegisterButtons {

	display: block;

 	width:  100%;

	text-align: left;

	border:none;

}



 #wlpeUserRegisterForm {

	display: block;

	clear: both;

	width: 100%;

	font-size: 1em;

	line-height: 1.5em;

	padding: 0 0 9px;

	border:none;

}

#wlpeUserRegisterForm label {



}

 

#wlpeUserRegisterForm input {

	margin-top: -15px;

	margin-left:250px;

}

 #wlpeUserRegisterForm img#wlpeCaptchaImage {

	margin-left:250px;

}

 #wlpeUserRegisterForm input#wlpeTosCheckbox {

	margin-top: -15px;

}

 #wlpeResetButtonFieldset {

	display: block;

 	width:  100%;

	text-align: left;

	border:none;

}

#wlpeLogin{	

	width: 98%;

	text-align: left;

	padding-bottom: 20px;

}



 #wlpeUsernameLabel{

	display: block;

	clear: both;

	width: 350px;

	font-size: 1em;

	line-height: 1.5em;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 9px;

	padding-left: 0;

}

#wlpeLoginButtons {

	display: block;

 	width:  100%;

	text-align: left;

	border:none;

}

#wlpeLoginForm{

	display: block;

	clear: both;

	width: 100%;

	font-size: 1em;

	line-height: 1.5em;

	padding: 0 0 9px;

	border:none;

}

#wlpeLoginForm label {

	display: block;

	clear: both;

	width: 350px;

	font-size: 1em;

	line-height: 1.5em;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 9px;

	padding-left: 0;

}

#wlpeLoginForm input  {

	margin-top: -15px;

	margin-left:250px;

}

#wlpeLoginFieldset{

	display: block;

 	width:  100%;

	text-align: left;

	border-color:#f4f2f2;

}

#wpepcontac {

	width: 98%;

	text-align: left;

	padding-bottom: 20px;



}

#wlpecontacForm {

	display: block;

	clear: both;

	width: 100%;

	font-size: 1em;

	line-height: 1.5em;

	padding: 0 0 9px;

	border:none;

}

#wlpecontaclabel  {

	display: block;

	clear: both;

	width: 350px;

	font-size: 1em;

	line-height: 1.5em;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 9px;

	padding-left: 0;

	text-align: left;

	}

#wlpecontac input,select,textarea {

	margin-top: -15px;

	margin-left:250px;

	}

#wlpecontacButtons {

	display: block;

 	width:  100%;

	text-align: left;

	border:none;

}



.pilihkiri{

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

	background-repeat: no-repeat;

	height: 50px;

	width: 200px;

	padding-top: 35px;

	padding-right: 0px;

	padding-left: 100px;

	text-decoration: none;

	float: left;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

.pilihkiri a{

	height: 40px;

	width: 200px;

	font-size: 12px;

	color:#939393;

	text-decoration: none;

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

	padding-top:0px;

}

.pilihkiri a:hover{

	height: 40px;

	width: 200px;

	font-size: 12px;

	color:#939393;

	text-decoration: none;

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

	font-weight: normal;

}

.pilihkanan{

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

	background-repeat: no-repeat;

	height: 50px;

	width: 200px;

	padding-top: 35px;

	margin-right: 0px;

	padding-right: 0px;

	text-decoration: none;

	margin-bottom: 0px;

	margin-top: 0px;

	top: 0px;

	padding-bottom: 0px;

	float: left;

	padding-left: 100px;

}

.pilihkanan a{

height: 40px;

	width: 250px;

	font-size: 12px;

	color:#939393;

	text-decoration: none;

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

}

.pilihkanan a:hover{

height: 40px;

	width: 250px;

	font-size: 12px;

	color:#939393;

	text-decoration: none;

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

	font-weight: normal;

}

.next{

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

	background-repeat: no-repeat;

	height: 22px;

	width: 90px;

	text-decoration: none;

	top: 50px;

	float: none;

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 30px;

}

.next a{

height: 22px;

	width: 90px;

	font-size: 12px;

	color:#939393;

	text-decoration: none;

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

}

.next a:hover{

height: 22px;

	width: 90px;

	font-size: 12px;

	color:#939393;

	text-decoration: none;

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

	font-weight: normal;

	}

.back{

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

	background-repeat: no-repeat;

	height: 22px;

	width: 90px;

	text-decoration: none;

	top: 50px;

	float: none;

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 30px;

}





.sado {

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

	background-repeat: repeat-y;

	float: none;

	height: 100%;

	width: 996px;

	padding-left: 0px;

}



.back a{

	height: 22px;

	width: 90px;

	font-size: 12px;

	color:#939393;

	text-decoration: none;

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

}

.back a:hover{

	height: 22px;

	width: 90px;

	font-size: 12px;

	color:#939393;

	text-decoration: none;

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

	font-weight: normal;

}







/*cowndown

<style>



/* Tools Promo on homepage */
/*
#objPromo {

	font-family: "Lucida Grande", Arial, sans;

	font-weight: normal;

	position:fixed;

	bottom:0px;

	height: 70px;

	width: 100%;

	overflow: hidden;

	background: url(../../images/promo_bg.gif) repeat-x;

	z-index: 999999;

}



#objPromo img {

	float: left;

	height: 70px;

	margin: 0 0 0 16px;



}



#objPromo h2 {

	float: left;

	height: 70px;

	margin: 0 0 0 12px;

	font-size: 20pt;

	font-weight: bold;

	color: #000000;

	padding-top: 36px;

}



#objPromo p {

	float: left;

	height: 70px;

	margin: 0 0 0 12px;

	font-size: 15px;

	color: #ffffff;

	padding-top: 40px;

}



#objPromo p a {

	color: #330033;

	font-size: 16px;

	font-weight: bold;

}



#objPromo ul {

	position: absolute;

	right: 8px;

	list-style: none;

	margin: 0;

	padding-top: 36px;

	font-size: 8pt;

}



#objPromo ul a { color: #ffffff; }
*/


/* Tools Promo IE6 position fixed fixes */



/*.zip {

	height: 100%;

	overflow: auto;

	position: relative;

	z-index: 2;

}



body.zipped, html.zipped {

	margin: 0;

	padding: 0 0 0 0;

	height: 100%;

	overflow: hidden;

}*/

/* end cowndown*/





div.demoElement {

	width: 80px;

	height: 80px;

	border: 1px solid black;

	background-color: #f9f9f9;

	font-size: 12px;

	color: #000000;

	padding: 10px;

}

div.demoElementHeight {

	height: 120px;

}



.myClass {

	width: 300px;

	height: 50px;

	border: 3px dashed black;

	background-color: #C6D880;

	font-size: 20px;

	padding: 20px;

}





/* object*/

/* object*/



#objPromo {

	/*font-family: "Lucida Grande", Arial, sans;

	font-weight: normal;

	position: fixed;

	bottom: 0px;

	height: 70px;

	width: 100%;

	overflow: hidden;*/

	background: url(../../images/promo_bg.gif) repeat-x;

	/*z-index: 999999;*/

}



#objPromo img {

	float: left;

	height: 70px;

	margin: 0 0 0 16px;

}



#objPromo h2 {

	float: left;

	height: 70px;

	margin: 0 0 0 12px;

	font-size: 20pt;

	font-weight: bold;

	color: #000000;

	padding-top: 36px;

}



#objPromo p {

	float: left;

	/*height: 70px;*/

	margin: 0 0 0 12px;

	font-size: 15px;

	color: #330033;

	padding-top: 40px;

}



#objPromo p a {

	color: #330033;

	font-size: 16px;

	font-weight: bold;

}



#objPromo ul {

	position: absolute;

	right: 8px;

	list-style: none;

	margin: 0;

	padding-top: 36px;

	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;

}



#objPromo ul a { color: #333333; }



/* Tools Promo IE6 position fixed fixes */



.zip {

	height: 100%;

	overflow: auto;

	position: relative;

	z-index: 2;

}
/*body{ position:static}*/

body.zipped, html.zipped {

	margin: 0;

	padding: 0 0 0 0;

	height: 100%;

	/*overflow: hidden;*/

	overflow:auto;	

}



.pelajaran_css {
font-weight:bold;
text-decoration:none;
}
.pelajaran_css a{
	color:#666666;
	text-decoration:none;
}
.pelajaran_css a:hover{
	color:#000066;
	text-decoration:none;
}

.ujian_css {
	text-decoration:none;
	font-weight:bold;
}

.ujian_css a{
	color:#666666;
	text-decoration:none;
}
.ujian_css a:hover{
	color:#000066;
	text-decoration:none;
}

.boxs-title{
	font-size:12px;
}
.logout{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	color:#FFFFFF;
	}
.logout a{
	text-decoration:none;
	color:#FFFFFF;
}