body{
	background:url(../../asset/img/body.jpg) repeat-x;
	background-attachment:fixed;
	background-color:#6a6a70;
	font-family:Helvetica, Tahoma, Arial, Sans-Serif;
}

#wrap{
	width:960px;
	margin:auto;
}
#wrap li{
	display:inline;
}

#header{
	width:940px;
	background:url(../../asset/img/header.png);
	padding-top:1px;
	padding-bottom:1px;
	padding-right:10px;
	padding-left:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow:8px 5px 10px #666;
	-moz-box-shadow:8px 5px 10px #666;
}
#header_admin{
	width:940px;
	background:url(../../asset/img/header_admin.png);
	padding-top:1px;
	padding-bottom:1px;
	padding-right:10px;
	padding-left:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow:8px 5px 10px #666;
	-moz-box-shadow:8px 5px 10px #666;
}


#header h1, #header_admin h1{
	margin-left:60px;
	height:100px; 
	color: #FFFFFF;
	font-size:36px;
	letter-spacing: -1px;
	text-shadow: 2px 1px 3px black;
	/*background:url(../../asset/img/logo.png) 90% no-repeat;*/
		
}


#nav{
	margin:10px;
}
#nav li{
	display:inline;
	margin-right:40px;
	font-size:16px;
}

#nav_dropdown{
	margin:10px;
	height:40px;
}

#page,#select{
	margin: 20px 230px;
}

#main{
	background:#ffffff;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
	font-size:12px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow:8px 5px 10px #666;
	-moz-box-shadow:8px 5px 10px #666;
}
#main h2{
	text-shadow: 1px 1px 0px white;
	color:black;
}
#main h4{color:black;}

#tambah_data {text-align:center;}
.form_admin {width:380px; margin:10px;}
.form_admin label{width:150px;}
.form_admin input[type=text], [type=password]{width:200px;}
.form_admin input[type=submit]{margin-left:158px;}

.form_ubah_admin {width:380px; margin:10px; text-align:left;}
.form_ubah_admin label{width:150px;}
.form_ubah_admin input[type=text], [type=password]{width:200px;}
.form_ubah_admin input[type=submit]{margin-left:158px;}

#form{
	width:920px;
	margin:10px;
	padding-top:20px;
	padding-bottom:10px;
}
#form input{
	display:block;
	width:190px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:55px;
}
#form input[type=submit]{
	width:auto;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:120px;
	
}
.slideshow{
	width:550px;
	float:left;
}

input[type=text], [type=password],[type=button],[type=submit],[type=file],select{
	padding: 3px 3px;
	margin: 1px;
	border: 1px solid #999;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:1px 1px 1px #666;
	-moz-box-shadow:1px 1px 1px #666;
}

input[type=button],[type=submit]{
	cursor: pointer;
	padding: 2px 10px;
}

.login, .login_admin{
	text-align:center;
	width:300px;
	height:160px;
	float:right;
	margin-top:30px;
	margin-right:35px;
	background:#cfb2c5;
	-moz-box-shadow: 0 0 30px #000;
	-webkit-box-shadow: 0 0 30px #000;
}
.login_admin{
	background:#cfb2c5;
}
.bawah{
	height:260px;
}
.home{
	width:800px;
}
.home p{
	text-align:justify;
}

#main-top{
	width:960px;
}
.main-top-left{
	margin-left:20px;
	width:680px;
	float:left;
}
.main-top-right{
	margin-left:20px;
	width:220px;
	float:left;
}

#divider{
	padding-bottom:10px;
	margin-left:20px;
	margin-right:20px;
	background: url(../../asset/img/divider.png) bottom repeat-x;}

#footer{
	text-align:center;
	color:#000000;
	font-size:10px;
}


.jam{
	margin: 10px 10px 10px 90px;	
	float:left;
	width:200px;
	padding: 50px 90px 50px 90px;
}

.ket{
	float:left;
	text-align:left;
	margin: 10px;
	width:400px;
}

a{
	text-decoration:none;
	color: blue;
}
a:hover{
	color: red;
}

label{
	padding: 2px;
}

#gradient-style {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	text-align: center;
	/*margin: 10px;
	width: 960px;
	border-collapse: collapse;*/
}	
.gradient-style th{
	font-size: 13px;
	font-weight: normal;
	color: white;
	text-align:center;
	padding: 6px;
	background:#6a6a70 url('table-images/gradhead.png') repeat-x;
	border-bottom: 1px solid #fff;
	/*border-top: 2px solid #d3ddff;*/
}
/*#th .nip, #th .mata_pelajaran, #th .nama, #th .username, #th .password, #th .hak_akses, #th .status_login, #th .aksi{
	color:#990000;
	border:solid 1px;
	float:left;
}
#tr .nip, #tr .mata_pelajaran, #tr .nama, #tr .username, #tr .password, #tr .hak_akses, #tr .status_login, #tr .aksi{
	color:#990000;
	border:solid 1px;
	float:left;
}*/
#th .nip, #th .nama, #th .username, #th .password, #tr .nip, #tr .nama, #tr .username, #tr .password{width:110px;}
#th .mata_pelajaran, #tr .mata_pelajaran {width:200px;}
#th .hak_akses, #th .status_login, #th .aksi, #tr .hak_akses, #tr .status_login, #tr .aksi {width:89px;}
.gradient th input[type=text],[type=password],input[type=textarea],input[type=dropdown]{
	/*display:block;*/
	width:150px;
	/*margin-top:5px;
	margin-bottom:5px;
	margin-left:55px;*/
}

.gradient-style td
{
	padding: 6px;
	color: #669;
	background: #e8edff url('table-images/gradback.png') repeat-x;
	/*border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;*/
}

.gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
.gradient-style tbody tr:hover td
{
	background: #d0dafd url('table-images/gradhover.png') repeat-x;
	color: #339;
}

#tampil{
	margin: 0;
}

#a{
	margin:auto;
}

.error{
	text-align:center;
	color: #FF0000;
}



.demo{
        width:auto;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        padding:10px;
	    margin:10px;
	    border: 1px solid #fff;
	    background-color:#f7f7f7;
	}
.pagedemo{
  border: 1px solid #CCC;
  width:840px;
  margin:5px;
  padding: 10px;
  background-color:white; 
}

.jPaginate{
    height:34px;
    position:absolute;
    color:#a5a5a5;
    
    margin-left:300px;  
	
}
.jPaginate a{
    line-height:15px;
    height:18px;
    cursor:pointer;
    padding:2px 5px;
    margin:2px;
    float:left;
}
.jPag-control-back{
	position:absolute;
	
	left:0px;
}
.jPag-control-front{
	position:absolute;
	top:0px;
	
	width:70px;
}
.jPaginate span{
    cursor:pointer;
}
ul.jPag-pages{
    float:left;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px;
}
ul.jPag-pages li{
    display:inline;
    float:left;
    padding:0px;
    margin:0px;
}
ul.jPag-pages li a{
    float:left;
    padding:2px 5px;
}
span.jPag-current{
    cursor:default;
    font-weight:normal;
    line-height:15px;
    height:18px;
    padding:2px 5px;
    margin:2px;
    float:left;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
    height:22px;
    margin:2px;
    float:left;
    line-height:18px;
}

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
    margin:2px 0px 2px 2px;
    font-size:12px;
    font-weight:bold;
        width:10px;

}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
    margin:2px 2px 2px 0px;
    font-size:12px;
    font-weight:bold;
    width:10px;
}
span.jPag-sprevious,
span.jPag-sprevious-img{
    margin:2px 0px 2px 2px;
    font-size:18px;
    width:15px;
    
}
span.jPag-snext,
span.jPag-snext-img{
    margin:2px 2px 2px 0px;
    font-size:18px;
    width:15px;
    
}
ul.jPag-pages li span.jPag-previous-img{
    background:transparent url(../../asset/img/previous.png) no-repeat;
            }
ul.jPag-pages li span.jPag-next-img{
    background:transparent url(../../asset/img/previous.png) no-repeat ;
            }
span.jPag-sprevious-img{
    background:transparent url(../../asset/img/previous.png) no-repeat ;
            }
span.jPag-snext-img{
    background:transparent url(../../asset/img/previous.png) no-repeat ;
            }



/*-- Pagination --*/

#pagination-digg ul{border:0; margin:0; padding:0;}

#pagination-digg li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-right:2px;
}
#pagination-digg a{
border:solid 1px #9aafe5;
margin-right:2px;
}
#pagination-digg .previous-off,
#pagination-digg .next-off {
border:solid 1px #DEDEDE;
color:#888888;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination-digg .next a,
#pagination-digg .previous a {
font-weight:bold;
}
#pagination-digg .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-digg a:link,
#pagination-digg a:visited {
color:#0e509e;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-digg a:hover{
border:solid 1px #0e509e
}





#muncul{
	margin-left:40px;
}


#myprofile_table{
	width:800px;
}