/*----------------------------------------------------------------------- */
/*------------------------------body------------------------------------- */
/*----------------------------------------------------------------------- */

body{
  margin: 0;

  font-family: Tahoma, Arial, Helvetica, "trebuchet ms", sans-serif; font-size: 12px;
  background: #efefef;
}

table{
    font-family: Tahoma, Arial, Helvetica, "trebuchet ms", sans-serif; font-size: 12px;
}

a:link {
  color: #026cd1;
  text-decoration:none;
  
}
a:visited {
  color: #004a95;
  text-decoration:none;
}
a:hover, a:active {
  color: #76afe6;
}

img { border:0px; }                                                     

/*----------------------------------------------------------------------- */
/*------------------------------header----------------------------------- */
/*----------------------------------------------------------------------- */

#Header { width:972px; height:auto; margin:auto;}
#head_up { background-image: url(images/head_up.png); margin:0px; width:972px; height:17px;}
#head_mid { background-image: url(images/head_mid.png); background-repeat:repeat-y; margin:0px; width:972px; height:auto; float:inherit}
#head_bot { background-image: url(images/head_bot.png); margin:0px; width:972px; height:17px; float:left}
#header_black { background:url(images/head_black.png) repeat-x; width:auto; height:43px;  }
#header_blue { background:url(images/head_blue.png) repeat-x; width:auto; height:237px; padding-top:2px;  }
#content { width:972px; height:auto; margin:0 auto; float:inherit;}
#footer { background:url(images/footer_18.png) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4f4f4f; width:100%; height:76px; text-align:center; padding-top:30px;margin-top:20px; float:left}
.logo { background:url(images/logo1_06.png) no-repeat; width:271px; height:88px; padding:10px; margin-left:15px;}
.wrapp{width:900px; left:50%; position:absolute; margin-left:-490px; margin-top:5px;}
.logo-man { background:url(images/man.png) no-repeat; height:149px; width:108px; float:left; margin-left:150px; margin-bottom:10px;padding-right:20px;}

/*----------------------------------------------------------------------- */
/*------------------------------login------------------------------------ */
/*----------------------------------------------------------------------- */
.login_form { width:268px; height:auto; float:right; margin-right:15px;}
.log_top { background:url(images/log_in_09.png) no-repeat; width:268px; height:11px;}
.log_bot { background:url(images/log_in_11.png) repeat-y; width:268px; height:96px;}
.logo2 {
	background:url(images/log2_17.png) no-repeat;
	width:370px;
	height:274px;
	position:absolute;
	left:50%;
	margin-left:135px;
	margin-top:-37px;
	clear:both;
}
.login_button { background:url(images/login_button_14.png) no-repeat; width:56px; height:24px; float:right; margin-right:20px;}
/*----------------------------------------------------------------------- */
/*------------------------------button----------------------------------- */
/*----------------------------------------------------------------------- */
#wrapper_button {width:auto; height:44px; margin-left:-538px; float:left; left:50%; position:absolute;}
#menu li { display:block; float:left; color:#666;}

li a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFF; text-decoration:none; }
ul { margin: 0;  line-height: 10px;  list-style:none;}

.currant_page { color:#FFF; display:block; background:url(images/grad_button_17.png) no-repeat; background-position:right; height:15px; padding:15px 30px 10px 30px; text-align:center; float:left;}
.currant_page a{ color:#FFF;}
li:hover { background:url(images/grad_button_17.png) no-repeat; background-position:right;}
/*li:hover { background-image:url(images/dot.png); background-position:left; background-repeat:no-repeat; color:#999;}*/
#Head1 ul { list-style:none; padding-top:90px; line-height:normal;  }
#Head1 li { display:block; float:left;}
#Head1 a { display:block; float:left; padding:0px 10px; color:#FFF; text-decoration:none;}

/*----------------------------------------------------------------------- */
/*------------------------------text_editing----------------------------- */
/*----------------------------------------------------------------------- */
h1 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#FFF;}
p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; height:auto;}
.daftars { background:url(images/sbgsiswa.png) no-repeat; width:148px; height:35px; float:left}
.daftarg { background:url(images/sbgguru.png) no-repeat; width:148px; height:35px; float:left; margin-left:5px;}
.table { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4f4f4f; padding-left:10px; padding-top:0px;}
.tdclass {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#4f4f4f;}

/*----------------------------------------------------------------------- */
/*------------------------------right_content---------------------------- */
/*----------------------------------------------------------------------- */

#wrapper_right { width:260px; height:auto; float:right; padding-right:25px;}
.green_cap { background: url(images/green_right_40.png) no-repeat; width:270px; height:12px; }
.green_mid { background: url(images/green_right_38.png) repeat-y; width:270px; height:auto;}
#head_mid2 { background-image: url(images/head_mid.png); background-repeat:repeat-y; margin:0px; width:972px; height:auto; float:left;}

/*----------------------------------------------------------------------- */
/*------------------------------right_sub-------------------------------- */
/*----------------------------------------------------------------------- */

.search { width:244px; height:29px; margin:0px auto; padding-top:10px}
input.cari{
	background:url(images/search_38.png) no-repeat; 
	border:none;
	padding: 6px 10px;
	height:29px; 
	width:244px;
}
.top_abu { background:url(images/abu_right_38.png) no-repeat; width:239px; height:18px; margin:0 auto; padding:4px 5px 0px 0px;  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4f4f4f; text-align:right; }
.mid_abu { background:url(images/abu_right_40.png) repeat-y; width:244px; height:auto; margin:0 auto;}
.bot_abu { background:url(images/abu_bot.png) no-repeat; width:244px; height:6px; margin:0 auto;}
.rank {
	background:url(images/rank.png) no-repeat;
	width:77px;
	height:84px;
	position:absolute;
	left: 859px;
	top: 390px;
}
.man {
background:url(images/man.png); height:149px; width:108px; float:left; margin-right:10px; margin-bottom:10px;
}
.space {width:244px; height:20px; margin:0 auto;}


/*----------------------------------------------------------------------- */
/*------------------------------left_Content----------------------------- */
/*----------------------------------------------------------------------- */

#wrapper_left { padding-left:20px; padding-bottom:10px; padding-top:0px;float:left;}
.news { background:url(images/bg_news_41.png) repeat; width:640px; float:left;height:auto;padding-bottom:20px; margin-bottom:20px;}
.reg { background:url(images/bg_news_41.png) repeat; width:640px; height:auto;float:both;margin-top:40px; }
.berita {
 font-family:Georgia; font-weight:bold; padding:14px 0px 10px 5px; color:#333333; float:left; font-size:12px;
}
.berita_lain {
 font-family:Tahoma;padding:10px 0px 10px 0px; color:#237EB0; float:right; font-size:10px; margin-top:6px
}
.judul {
padding-top:10px;padding-bottom:5px; margin-left:10px;margin-right:10px; font:Arial, Helvetica, sans-serif bolder; font-weight:bold;color:#237EB0; font-size:14px; border-bottom:solid 1px #CCCCCC;}
.tgl_berita {
width:auto; float:right; font-size:12px; padding:10px 10px 0 0px;
}
.berita_top {
 margin-left:10px;margin-right:10px;font-size:12px;font:Arial, Helvetica, sans-serif bolder;padding-top:5px; text-align:justify;
}
.download {
width:auto; height:auto; float:left; margin-left:20px; margin-top:20px; background:url(images/downloads_55.png); height:79px; width:293px;
}
.title {
color:#FFFFFF; padding-left:90px; padding-top:10px; font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif
}
.update {
width:auto; height:auto; float:left;margin-left:10px; margin-top:20px; background:url(images/downloads_57.png); height:79px; width:293px;
}
.du {
padding-left:90px; padding-top:3px; font-size:12px; font-family:Arial; padding-right:10px;
}
.logo_seamolec {
background:url(images/seamolec.png) no-repeat; width:71px; height:70px; margin:20px 0px 0px 10px;float:left; border:solid 1px #CCCCCC
}
.txt_adv {
font-family:Arial, Helvetica, sans-serif; font-size:11px;padding-top:10px; padding-right:10px; padding-left:95px; padding-bottom:10px; color:#333333;
}
.baca { padding-top:10px; font-size:12px; padding-left:10px; float:left;} 
.baca a{
color:#237EB0; text-decoration:none;
}
.baca a:hover{
color:#000000;
}
.read {font-size:11px;} 
.read a{
color:#237EB0; text-decoration:none;
}
.read a:hover{
color:#67C1ED;
}
.login {
border:1px solid #CFCFCF; border-radius:5px 5px 0px 0px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 0px 0px; padding:3px; font-size:12px;
}
label.desc{
	line-height:150%;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	padding:5px 0 5px 0px;
	margin-left:10px;
	border:none;
	color:#222;
	display:block;
	font-weight:bold;
}
label.desc a{
	color:#237EB0;
	text-decoration:none;
}
.textreg {
padding:5px 0px 0 10px;
}
.textreg input:hover{

	background-color:#D3E7F5;
}
.textreg input, select{
	margin-left:20px;
	border:1px solid #CFCFCF; border-radius:5px 5px 0px 0px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 0px 0px; padding:3px;
}
.textreg fieldset {
	border:solid 1px #999999; padding-bottom:20px; margin-right:10px;
}
.box{
width:20px; height:16px; font-size:12px; background:#DFDFDF;text-align:center; border:solid 1px #999999; float:left; margin-right:5px;
}
.box a, a:hover{
color:#333333; text-decoration:none;
}
.kembali {
width:auto; height:16px; font-size:12px; background:#DFDFDF;text-align:center; border:solid 1px #999999; float:left; margin-right:5px; padding:5px;
}
.kembali a, hover {
color:#333333; text-decoration:none;
}
.fild {
border:solid 1px #999999; margin-right:10px; margin-left:10px;
}
.soal {
}
.soal img{
margin-left:15px;
}
/*timer float*/

#timer {
	position: fixed;
	padding-left:10px;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #e3e2e2;
	border: 1px solid #c3c3c3;
	border-bottom: none;
	width: 15%;
	margin: 0 3%;
}

/*table*/
.tbCap {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.tbCap td {
	border-top: solid 0px #B4C7DA;
}

.tbCap td span {
	color:#9E0B0E;
}

.trCap td {
	border-right: solid 1px #B4C7DA;
	border-left: solid 1px #B4C7DA;
	border-bottom: solid 1px #B4C7DA;
	border-top: solid 1px #B4C7DA;
	padding: 3px 10px 3px 10px;
	background-color: #E1E9F0;
	font-weight:bold;
}

.trOdd td,
.trEvn td {
	border-right: solid 1px #dfdfdf;
	border-bottom: solid 1px #dfdfdf;
	border-left: solid 1px #dfdfdf;
	padding: 3px 10px 3px 10px;
}

.trOdd {
	background-color: #fff;

}

.trEvn {
	background-color: #f0f0f0;
}

.trEvn .colEvn {
	background-color: #EBEBEB;
	border-right: solid 1px #CBCBCB;
	border-bottom: solid 1px #CBCBCB;
}
.trOdd:hover,
.trEvn:hover {
	background-color: #faf7d1;
	border-bottom: solid 1px #dcd9b8;
}
.trOdd:hover .colEvn,
.trEvn:hover .colEvn {
	background-color: #f1eab3;
	border-right: solid 1px #d4ce9d;
	border-bottom: solid 1px #d4ce9d;
} 
              
/* form style */
form { font-family: arial;font-size:12px; }
form input, select, textarea{
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottomp-right-radius: 5px;
	background: #fff;padding:3px;color: #000;
	border-width: 1px;
	border-style: solid;
	border-color: #d4d4d4;
	font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;
	text-indent:0px;letter-spacing:1px;
        padding:4px;
        margin-bottom: 2px;
	}
form input:hover, select:hover,  textarea:hover { color: #000;background: #f8f8f8;border-style: solid ;}
form input:focus, select:focus,  textarea:focus { color: #000;background: #f8f8f8;border-style: dotted ;}
form label{
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 20%;
	padding: 0;
	margin: 3px 3px 0 20px; /* set top margin same as form input - textarea etc. elements */
	text-align: left;
}
form fieldset{
	border: 1px solid #ddddff;
}
form legend{
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	color: #eb5e00;
	font-size: 15px;
}
form td {font-weight: normal;}
form span {color: #ff0000;}
form input, select {vertical-align: baseline;}
form .submit input{
	font-weight: bold;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottomp-right-radius: 4px;
	background: #e0e0e0;
	}

            
#signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#39d url('images/bg-btn-blue.png') repeat-x scroll 0 0;
	border:1px solid #39D;color:#fff;
	text-shadow:0 -1px 0 #39d;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
	}
#signin_submit::-moz-focus-inner{padding:0;border:0;}
#signin_submit:hover,#signin_submit:focus{background-position:0 -5px;cursor:pointer;}