@import url(pelanggaran.css);
* {
    padding:0;
    margin:0 ;
}

body {
font-size:0.85em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../../../paneladmin/img/backgrounds/body.jpg);
    
}
#load {
	    position: fixed;
	    left: 0px;
	    top: 0px;
	    width: 100%;
		font-size:18px;
		font-weight:bold;
		padding-left:10px;
		color:#CCC;
		padding-top:10px;
	    height: 100%;
	    z-index: 9999;
	    background: url(../../../thema/default/images/loader.gif) 50%50% no-repeat #333;
	}
#konten-absensi {
	position:absolute;
	width:630px;
	height:250px;
	background: url(../../../thema/default/images/konten-atas.jpg);
	float:right;
	border-radius:0px 10px 10px 0px;
	border-top:2px solid #999;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	margin-top:55px;
}
#konten-pelanggaran {
height:290px;
width: 63%;
float:right;
border:1px solid #ccc;
background:url(../../../images/menu-item.jpg);
color:#f0f0f0;
margin-top:-6px;
border:1px solid #ddd;
}
#judul-konten-pelanggaran {
	width:611px;
	padding-top:5px;
	color:#ccc;
	padding-left:20px;
	height:30px;
	background:url(../../../images/menu-item-active.jpg);
	margin-bottom:5px;
}
#konten-login {
	margin-top:-3px;
	margin-right:5px;
border-radius:0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px; 
height:295px;
	background: url(../../../thema/default/images/konten-atas.jpg);
width:350px;
margin-left:635px;
position:absolute;
}
#wrap {
width:100%;
height:45px;
background:url(../../../images/header.jpg);
border-bottom:1px solid #ccc;
-webkit-transition: background-color 900ms ease-in-out;
-moz-transition: background-color 900ms ease-in-out;
}
#wrap:hover {
background-color: #2d4984;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
}
#atas {
	width:990px;
	height:45px;
	margin:0 auto;
}

#logo {
	height:45px;
	float:left;
	width:400px;
	color:#CCC;
	
}
#kehadiran {
	height:30px;
	width:580px;
	float:right;
	background:#e5e5e5;
	border-radius:0px 0px 10px 10px;
	font-family:Arial, Helvetica;
	color:#3b5998;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	-webkit-transition: background-color 900ms ease-in-out;
	-moz-transition: background-color 900ms ease-in-out;
	
	
}
#kehadiran:hover {
	background:#666;
	color:#f0f0f0;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
}
#absensi {
	padding-left:40px;
	padding-top:5px;
	font-size:17px;
}
#konten-atas {
margin: 0 auto;
width: 990px;
height:300px;

}

#tombol-absensi,#tombol-pelanggaran,#tombol-lainnya,#tombol-login {
	cursor:pointer;
	
}

#menu {
	height:35px;
	margin-bottom:5px;
	margin-left:5px;
	width:613px;
}
#menu-utama {
	list-style-type:none;
}
#menu-utama li a {
	float:left;
	background: url(../../../images/menu-item-active.jpg);
	height:23px;
	text-align:center;
	color:#ccc;
	text-transform: capitalize;
	border-right:2px solid #e8e8e8;
	border-radius:8px 8px 0px 0px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	width:120px;
	font-size:15px;
	padding-top:5px;
	-webkit-transition: background-color 900ms ease-in-out;
	-moz-transition: background-color 900ms ease-in-out;
}
#menu li a:hover {
	background:#039;
	height:30px;
	margin-top:-8px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}

#slideshow {
height:255px;
width: 630px;
float:left;
background-repeat:no-repeat;
margin-left:5px;
margin-top:5px;
}
#ijin-sakit {
	margin-top:-1px;
	margin-right:5px;
float:right;
color: white;
border-radius:0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px; 
height:295px;
background: url(../../../images/menu-item-active.jpg);
width:350px;
}
#judul-minggat {
	background: #222;
	height:30px;
	margin-top:-2px;
	padding-top:9px;
	width:334px;
	margin-bottom:10px;
	text-align:center;
	font-size:18px;
	text-transform:uppercase;
	color:#f0f0f0;
	padding-left:15px;
}





#clear {
margin: 0 auto;
width: 990px;
height:5px;
background: black;
}
.info {
	font-size:18px;
	font-weight:bold;
	padding-top:5px;
	color:#ccc;
}
#konten-bawah {
margin: 0 auto;
width: 990px;
height:330px;
margin-top:-25px;
margin-bottom:10px;

}
#pelanggaran {
height:355px;
width: 635px;
float:right;
background-repeat:no-repeat;
margin-right:5px;
border:1px solid #ccc;
background:#222;
margin-top:-6px;
border:1px solid #ddd;
}

#judul-pelanggaran {
	width:610px;
	padding-top:5px;
	color:#ccc;
	padding-left:20px;
	height:30px;
	background: url(../../../images/header.jpg);
	margin-bottom:5px;
}
#pelanggar {
	width:600px;
	float:left;
	background: url(../../../images/menu-item.jpg);
	color:#ccc;
	font-size:17px;
	margin-bottom:1px;
	padding-left:10px;
	padding-top:3px;
	height:27px;
}
#nomer {
	width:40px;
	background:#222;
	text-align:center;
	float:left;
	height:27px;
}
#nama {
	width:300px;
	float:left;
	height:27px;
}
#kelas-poin {
		width:260px;
	float:left;
	height:27px;
}
#alpa {
float:left;
height:295px;
width:335px;
margin-left:5px;
margin-bottom:5px;
background: url(../../../images/menu-item.jpg);
margin-top:-6px;
border-bottom:10px solid #333;
}
#tilupoe {
float:left;
height:280px;
width:335px;
margin-left:5px;
margin-bottom:5px;
padding-left:20px;
color: white;
margin-top:25px;
}

#judul-alpa {
	background: url(../../../images/header.jpg);
	height:30px;
	padding-top:5px;
	width:320px;
	margin-bottom:10px;
	color:#CCC;
	padding-left:15px;
}
#bawah-alpa {
	height:80px;
	background:url(../../../paneladmin/img/backgrounds/body.jpg);
}
#footer { 
    background: url(../../../images/menu-item-active.jpg);
   width:100%;
   margin-top:10px;
	color:#CCC;
    height:40px;
}