@charset "UTF-8";
/* CSS Document */
body { 
 	font-family:Verdana, Geneva, sans-serif;
	
}  
.form{ 
	display: block; 
	margin: 20px auto; 
	border-radius: 2px; 
	padding: 15px; 
	background:#F5F5F5;
	width:300px;
	color:#999;
	box-shadow:1px 1px 1px 1px  #AAA
} 
.loginBox{
	display: block; 
	margin: 20px auto; 
	border-radius: 2px; 
	padding: 15px; 
	background:#F5F5F5;
	width:300px;
	color:#999;
	box-shadow:1px 1px 1px 1px  #AAA
}
.progress { 
	position:relative; 
	width:400px; 
	border: 1px solid #ddd; 
	padding: 1px; 
	border-radius: 3px; 
}  
.bar { 
	background-color: #B4F5B4; 
	width:0%; 
	height:20px; 
	border-radius: 3px; 
}  
.percent { 
	position:absolute; 
	display:inline-block; 
	top:3px; 
	left:48%; 
}  
.top {
	position:fixed; 
	width:100%; 
	display:block;
	background-color:#006; 
	height:30px;
	color:#FFF;
	font-size:10px; 
	padding-top:5px;
	top:0px;
	left:0px;
	font-size:12px;
}
.in_login{
	color:#CCC;
	border:solid 1 #EFEFEF;
	font-size:15px;
	width:250px;
	height:30px;
}
login{
	display: block; 
	margin: 20px auto; 
	border-radius: 10px; 
	padding: 15px; 
	background:#CCC
}
.kirim{
	border: solid 1px #3d81ff;
	padding: 10px;
	background: #49a0ff;
	border-radius: 3px;
	color: #FFF;
	width:100px;
	font-size:14px;
	background: -webkit-linear-gradient(top, #50a7ff , #449aff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #449aff , #50a7ff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom, #50a7ff , #449aff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, #50a7ff  , #449aff); /* Standard syntax (must be last) */
}
.kirim:hover{
		background: -webkit-linear-gradient(bottom, #50a7ff , #449aff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom, #449aff , #50a7ff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #50a7ff , #449aff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to top, #50a7ff  , #449aff); 
	cursor:pointer;
}
.pilih{
	border: solid 1px #ff473d;
	padding: 10px;
	border-radius: 3px;
	color: #FFF;
	width:200px;
	font-size:14px;
	background: -webkit-linear-gradient(top, #ff444f , #f42d2d); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #449aff , #50a7ff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom, #50a7ff , #449aff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, #50a7ff  , #449aff); /* Standard syntax (must be last) */
}
.isian{
	border: solid 1px #4496FE;
	border-radius: 3px;
	box-shadow:1px 1px 1px 0px  #4496FE;
	font-size:12px;
}
.isian2{
	width:900px;
	border: solid 1px #CCC;
	border-radius: 3px;
	box-shadow:1px 1px 1px 0px  #AAA;
	font-size:12px;
}

.menu{
	color:#FFF;
	font-weight:bold;
	/*background: -webkit-linear-gradient(top, #FFFFFF , #EFEFEF); /* For Safari 5.1 to 6.0 */
	/*background: -o-linear-gradient(bottom, #FFFFFF , #EFEFEF); /* For Opera 11.1 to 12.0 */
	/*background: -moz-linear-gradient(bottom, #FFFFFF , #EFEFEF); /* For Firefox 3.6 to 15 */
	/*background: linear-gradient(to bottom, #FFFFFF , #EFEFEF); /* Standard syntax (must be last) */
	background-color:#4496FE;

}
.nav{
		border-top:solid 3px #FFFFFF;
		text-align:center;
}
.nav1:hover{
		border-top:solid 3px #FF0000;

}
.nav2:hover{
		border-top:solid 3px #FF0000;

}
.nav3:hover{
		border-top:solid 3px #FF0000;

}
.inKelas{
	border-radius:2px;
	font-size:14px;
	color:#00C;
	background-color:#D1E8FF;
	width:250px;
}
.hapus{
	border: solid 1px #ff473d;
	padding: 10px;
	border-radius: 3px;
	color: #FFF;
	width:100px;
	font-size:14px;
	background: -webkit-linear-gradient(top, #ff444f , #f42d2d); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #449aff , #50a7ff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #f42d2d , #ff444f); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to top, #f42d2d  , #ff444f); /* Standard syntax (must be last) */
}
.hapus:hover{
	background: -webkit-linear-gradient(bottom, #ff444f , #f42d2d); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom, #449aff , #50a7ff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom, #f42d2d , #ff444f); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, #f42d2d  , #ff444f); /* Standard syntax (must be last) */
	cursor:pointer;
}
.menuNilai td{
	border:solid 2px #FFFFFF;
}
.menuNilai td:hover {
	border-top:solid 2px #FF0000;
	cursor:pointer;
	
}
.simpan{
	border: solid 1px #3d81ff;
	padding: 2px;
	background: #49a0ff;
	border-radius: 3px;
	color: #FFF;
	width:75px;
	height:30px;
	font-size:14px;
	background: -webkit-linear-gradient(top, #50a7ff , #449aff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #449aff , #50a7ff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom, #50a7ff , #449aff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, #50a7ff  , #449aff); /* Standard syntax (must be last) */
}
.simpan:hover{
	background: -webkit-linear-gradient(bottom, #50a7ff , #449aff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom, #449aff , #50a7ff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #50a7ff , #449aff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to top, #50a7ff  , #449aff); 
	cursor:pointer;
}
a {
	color:#FFF;
	text-decoration:none;
}
a:hover{
	color:#FF0;
}
.pesan{
position: fixed;
background-color:#FFF;
width:100%;
height:100%;
left:0px;
top:0px;
}