@charset "utf-8";
/* CSS Document */
body{
margin : 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
background: url(../images/bg.png);
color:#666;
}

th{
	font-size: 12px;
}	
.fixed_headers {
  width: auto;
  table-layout: fixed;
}
.isi_data{ 
  overflow: auto;
  width: 100%;
  height: 400px;
}


	#fixed{
	position:fixed;
	width:100%;
	z-index:100;
	}
	#headers{
	background:url(../images/bg-header3.gif) repeat-x;
	height:100px;
	width:100%;
	}
		#text-top{
		width:1240px;
		}
		#logo{
		position:absolute;
		z-index: 3;
		float:left;
		padding: 10px 0 0 0px;	
		}
		#logo-elerning{
		float:right;
		background:url(../images/title.png) no-repeat bottom;
		width:400px;
		height:70px;;
		vertical-align:text-top;
		text-align:right;
		padding-top:10px;
        }
		#top-title{
		padding: 10px 0 0 120px;			
		text-align:left;
		font-size:14;
		color:#006684;
		font-weight:bold;
		vertical-align:top;
		}
		#selamat{
		color:#006684;
		font-size:13px;
		}
	#menu{
	vertical-align:text-top;
	position:absolute; 
	height:38px;  
	background:#026f8e ; 
	border-bottom:3px #fe0002 solid;
	font-size:13px;
	width:100%;
	z-index:2;
	}
		.jqueryslidemenu{ width:900px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; position:relative;  height:27px;  padding:8px 0px 0px 0px; margin-left:85px; z-index:10; }
		.jqueryslidemenu ul { margin: 0; padding: 0; list-style-type: none; float: right;    }                                                                                                                                                
		.jqueryslidemenu ul li { position: relative; display: inline; float: left; }
		.jqueryslidemenu ul li a { display: block; color: #fff; text-decoration: none;  padding:0px 10px 0px 10px; border-right:1px solid #488ea2;  }
		* html .jqueryslidemenu ul li a { display: inline-block; }
		
		.jqueryslidemenu ul li a:hover { color: #ffea00; }
		.jqueryslidemenu ul li ul { position: absolute; left: 0; display: block; visibility: hidden; padding-top:13px;}
		.jqueryslidemenu ul li ul li { display: list-item; float: none; border-right:none; }
		.jqueryslidemenu ul li ul li ul { top: 0; }
		.jqueryslidemenu ul li ul li a {  width: 200px; padding: 5px; margin: 0; border-bottom: 1px dotted #69a5b7; background-color:#026f8e; text-align:left; padding-left:14px; border-right:none; }
		.jqueryslidemenu ul li ul li a:hover{ color: #ffea00;}
		
		.jqueryslidemenu ul li .kontak { background:url(../images/icon-kontak.gif) no-repeat 10px center; display: block; text-decoration: none; border-right:none; padding-left:35px; font-size:11px;}
		.jqueryslidemenu ul li .logout { background:url(../images/icon-logout.gif) no-repeat 5px center; display: block; text-decoration: none; border-right:none; padding-left:23px; border:#016394 0px; font-size:11px;}
		
		.jqueryslidemenu ul li .logout:hover { color:#ffea00;}
		.jqueryslidemenu ul li .kontak:hover { color:#ffea00;}
		
	#align-main{
	padding-top:41px;
	position:relative;
	inline-box-align:initial;
	padding-bottom:20px;
	padding-top: 138px;
	}
	
	#main{
	-moz-box-shadow: 0 0 10px #848484; 
	-webkit-box-shadow: 0 0 10px #848484; 
	box-shadow: 0 0 10px #848484;
	border:solid #CCC 1px;
	border-top:none;
	width:1300px;
	background:#FFF;
	height:auto;
	position:relative;
	padding:30px 20px 80px 20px; 
	font-size:12px;
	}
		#red{
		color:#F00;
		font-weight:bold;	
		}
		a{
		cursor:pointer;	
		}
		#success{
		color : #1f8323;
		-moz-border-radius:5px; 
		-webkit-border-radius: 5px;
		border-radius:5px;
		padding: 10px 5px 5px 5px;
		border:#1f8323 solid 1px;
		background:#d0f2cd;
		width:100%;
		height:20;
		font-weight:bold;
		font-style:italic;			
		}
		
		#failed{
		color : #f23240;
		-moz-border-radius:5px; 
		-webkit-border-radius: 5px;
		border-radius:5px;
		padding: 10px 5px 5px 5px;
		border:#f23240 solid 1px;
		background:#f8c3c6;
		width:100%;
		height:20;
		font-weight:bold;
		font-style:italic;			
		}
		#main td{
		font-size:12px;
		}
		#top-table{
		color:#FFF;
		font-weight:bold;
		}
		#top-table td{
		font-size : 12px;	
		}
		#main #table #top-table:hover{
		background:#f58220;	
		}
		#main #table tr:hover{
		background-color:#e5edf9;
		}
		a{
		text-decoration:none;
		}
		#menu-elr{
		position:relative;
		-moz-border-radius:7px; 
		-webkit-border-radius: 7px;
		border-radius:7px;
		height:80px;
		width:90;
		-moz-box-shadow: 2px 4px 3px  #d3d7dd; 
		-webkit-box-shadow: 2px 4px 3px  #d3d7dd; 
		box-shadow: 2px 4px 3px  #d3d7dd;
		border:solid #CCC 1px;
		background:#f8fbff; 
		}
		#menu-elr:hover{
		-webkit-transform: scale(1.1,1.1);
	    -moz-transform: scale(1.1,1.1);
	    -o-transform: scale(1.1,1.1);
        -ms-transform: scale(1.1,1.1);
	    transform: scale(1.1,1.1);
		-webkit-transition: all 0.2s ease-out;
	    -moz-transition: all 0.2s ease-out;
	    -o-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	    transition: all 0.2s ease-out;
	    text-decoration:none;
		opacity: 0.7;	
		}
		#menu-elr img{
		margin: 20px 0 0 0 ;
		height:40px;
		width:auto;
		}
		#title-elr{
		color:#145982;
		font-size:13px;
		}
		#title-elr:hover{
		opacity: 0.3;
		}
		input,select,textarea{
		-moz-border-radius:5px; 
		-webkit-border-radius: 5px;
		border-radius:5px;
		padding: 5px 5px 5px 5px;
		border:#CCC solid 1px;  
		color:#666;	
		}
		input:focus,select:focus,textarea:focus{
		background:#e8f5f9;
		border:#04a0cc solid 1px;	
		}
		#text{
		width: 400px;	
		}
		#time{
		width: 26px;	
		}
		#bdr-left{
		border:#CCC solid 1px;
		border-right:none;
		border-top:none;
		}
		#bdr-top-buttom{
		border:#CCC solid 1px;
		border-right:none;
		border-left:none;
		border-top:none;
		}
		#bdr-right{
		border:#CCC solid 1px;
		border-left:none;
		border-top:none;
		}
		#bdr-left2{
		border:#CCC solid 1px;
		border-right:none;
		}
		#bdr-top-buttom2{
		border:#CCC solid 1px;
		border-right:none;
		border-left:none;
		}
		#bdr-right2{
		border:#CCC solid 1px;
		border-left:none;
		}
		#detail-sesi{
		color : #097fe5;
		}
		#detail-sesi-na{
		color :afafb0;	
		}
		#detail-sesi:hover{
		color :#ff8421; 
		}
		#detail-date{
		color :afafb0;	
		}
		.detail-doc-na{
		color :afafb0;	
		}
		#link-course{
		background-color:#f9f9f9;
		height:20px;
		width:998;
		border:#CCC solid 1px;
		padding:7px 5px 0 5px;
		font-size: 13px;
		}
		#submit { 
		background:#fcb546 url(../images/bg-login-btn.gif) repeat-x left top;  
		-moz-border-radius:5px; 
		-webkit-border-radius: 5px;  
		border-radius:5px; 
		text-shadow:#ffe09a 1px 1px 1px; 
		border:1px solid #ffd06f;  
		height:35px; 
		width:auto; 
		cursor:pointer; 
		font:bold 12px Arial, Helvetica, sans-serif; 
		color:#994800;
		padding: 5px 15px 5px 15px;
		}
		#submit:hover,#submit:focus { 
		background:#fcb546 url(../images/bg-login-btn2.gif) repeat-x left top;
		}	
		#submit:active { 
		outline:none;
		}
		
		#slip{display:inline;}
		
		.btn-cari { 
		background:url(../images/bg-tab.gif) repeat-x; 
		-webkit-border-radius: 0 5px 5px 0; 
		-moz-border-radius:0 5px 5px 0; 
		border-radius:0 5px 5px 0; 
		background-color:#f79e33; 
		cursor: pointer; 
		border:1px solid #eda847; 
		padding:5px; 
		color:#FFF; 
		font-size:14px; 
		font-weight:bold; 
		text-shadow: 1px 1px 1px #bb741e; 
		text-decoration:none;
		height:30px;
		}
		.cari{ 
		background:url(../images/cari.png) no-repeat bottom left ; 
		background-position: 7px 4px !important; 
		border:solid 1px #ccc; 
		padding:5px; 
		font-family:Arial; 
		font-size:14px; 
		border-radius:5px 0 0 5px; 
		-moz-border-radius:5px 0 0 5px; 
		-webkit-border-radius:5px 0 0 5px; 
		color:#666; 
		height:30px; 
		width:0; 
		padding-left:35px;
		-webkit-transition: all 0.6s ease-in;
	    -moz-transition: all 0.6s ease-in;
	    -o-transition: all 0.6s ease-in;
	    -ms-transition: all 0.6s ease-in;
	    transition: all 0.6s ease-in;
		}
		.cari:focus{
		width:250px;
		background:#e8f5f9 url(../images/cari.png) no-repeat bottom left ; 
		-webkit-transition: all 0.6s ease-in-out;
	    -moz-transition: all 0.6s ease-in-out;
	    -o-transition: all 0.6s ease-in-out;
	    -ms-transition: all 0.6s ease-in-out;
	    transition: all 0.6s ease-in-out;
		}
		
		#success{
		color : #1f8323;
		-moz-border-radius:5px; 
		-webkit-border-radius: 5px;
		border-radius:5px;
		padding: 10px 5px 5px 5px;
		border:#1f8323 solid 1px;
		background:#d0f2cd;
		width:100%;
		height:20;
		font-weight:bold;
		font-style:italic;			
		}
		
		#failed{
		color : #f23240;
		-moz-border-radius:5px; 
		-webkit-border-radius: 5px;
		border-radius:5px;
		padding: 10px 5px 5px 5px;
		border:#f23240 solid 1px;
		background:#f8c3c6;
		width:100%;
		height:20;
		font-weight:bold;
		font-style:italic;			
		}
		
		#nav {
		color: #FFFFFF;
		font-weight:bold;	
		}
		#nav:hover{
		color:#ffea00;
		}
	#footer{
	color:#7d7a7a;	
    }