/*-------------------kerangka utama-------------------*/
body {
	background-image: url('../images/bground.jpg');
	background-repeat: repeat-x;
	background-color: #04030b;
	padding:0;
	margin:0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222;
}

#container {
	width: 950px;
	/*background-color: #D0D4C3;*/
	/*background-color: #d6e6bf;*/
	background-color: #ffffff;
	margin-top: 18px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 28px;
	/*border: 1px solid #98ad9a;*/
}

#left {
float: left;
width: 200px;
margin: 0;
padding: 0;
}
/*----------------------- Menu Kiri ---------------------*/
#left ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#left li {
	width: 205px;
	border-bottom: 1px solid #ffffff;
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: bottom; 
}
#left a:link, #left a:visited {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 5px solid #ffffff;
	border-right: 0px solid #14115e;
	background-color: #b5d5eb;
	color: #14115e;
	text-decoration: none;
}
#left a:hover {
	background-color: #04030b;
	color: #FFFFFF;
}
#left.awal{
float: left;
width: 250px;
margin: 0;
padding: 0;
}
/*----------------------------------------------------*/
#right {
float: right;
width: 200px;
margin: 0;
padding: 0;
}

#footer {
clear: both;
margin: 0;
padding: 0;
text-align: right; 
background-image:url(../images/bg-footer.jpg);
width: 950px;
height: 151px;} 

#content {
background-color: #ffffff;
padding: 0 15px;
margin: 0 200px;
}

/* ----------banner style -------------- */
#banner {
width: 950px;
padding: 0px;
margin: 0px;
border-bottom: 0px solid #ffffff;
}
#banner img {
padding:0;
margin:0;
border-bottom: 0px solid #ffffff;
}

/*----------------menu atas (hilangkan)------------*/
#menu
{
width: 950px;
height: 30px;
background: url(../images/bg-menu.png);
/*background: url(../images/menu.gif) no-repeat;*/
/*background: url("images/ornament_menu.gif") top left repeat-x;*/
/*width: 950px;
height: 43px;
background: url(../images/nav.gif);*/
}

/*---------------menu kiri-------------*/
#menukiri {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 200px;
}
#menukiri ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#menukiri li {
	width: 200px;
	border-bottom: 1px solid #969BA5;
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: bottom; 
}
#menukiri a:link, #menukiri a:visited {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #14115e;
	border-right: 1px solid #14115e;
	background-color: #b5d5eb;
	color: #14115e;
	text-decoration: none;
}
#menukiri a:hover {
	background-color: #04030b;
	color: #FFFFFF;
}

/*----------------- content style ------------------- */
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

#content p {
padding: 10px 10px;
margin:0px;
text-align: justify;
text-indent: 10%;
line-height: 20px;
}
/*-------------------- body styling --------------- */
p, pre{
padding: 5px 10px;
margin:0px;
}

a {
	color: #000080;
	text-decoration: none;
}
a:visited {color: #000080;}
a:hover {
	color: black;
	cursor: pointer;
}
a:active { color: #000080;}

h1 {
/*font-size: 15px;
text-transform:uppercase;
padding:5px 15px;
text-align: center;
margin:0*/
font: normal 150% Georgia;
color: #14115e;
background-color: transparent;
border-bottom: 1px dotted #14115e; }

h2 {
font-size:15px;
font-weight: normal;
text-align: center;
color: blue;
padding: 5px 10px;
margin:0;}

h3 {
	color: #000000;
	font-size: 8pt;
	color: #14115e;
	text-align: left;
	padding: 5px 10px;
	background-color: #ffffff;
	border-color: #ffffff;
	margin:0;}
	
h4 {
	color: #000000;
	font-size: 8pt;
	color: #14115e;
	text-align: left;
	padding: 3px 0px;
	background-color: #ffffff;
	border-color: #ffffff;
	margin:0;}	
	
img.download {vertical-align:middle;}

/*--------------- tabel login ----------*/
#login{
padding: 0px 0px;
margin: 10px 0px;
border: 0px dashed #000082;
}
.btn{
 border:0;
 background:url("../images/btn/login.png");
 height:37px;
 width:66px;
}
.btn:hover{
 background:url("../images/btn/login-h.png");
 cursor:pointer;
}
.btn_btl{
 border:0;
 background:url("../images/btn/batal.png");
 height:37px;
 width:66px;
}

.btn_btl:hover{
 background:url("../images/btn/batal-h.png");
 cursor:pointer;
}


/* ---------- tabel ---------------------*/
table {
	/*font-family: Tahoma;*/ 
	font-size: 10pt;
	/*border-width: 0.5px;
	border-style: solid;
	border-color: #cccccc;*/
	margin: 0px 0px;
	width: 100%;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
th{
	color: #000000;
	font-size: 8pt;
	text-transform: uppercase;
	text-align: center;
	/*padding: 0.5em;*/
	/*border-width: 0.5px;
	border-style: solid;*/
	/*border-color: #cccccc;*/
	/*border-collapse: collapse;*/
	/*background-color: #14115e;*/
	padding: 0;
	background-color: #b7d6ec;
	/*border-color: #B0C8AC;*/
}
td{
	/*padding: 0.5em;*/
	vertical-align: middle;
	/*border-width: 0.5px;
	border-style: solid;
	border-color: #cccccc;*/
	/*border-collapse: collapse;*/
	padding: 0;
}

table.widget {
	font-family: Tahoma; 
	font-size: 8pt;
	border-width: 0;
	/*border-style: solid;
	border-color: #A0DB61;
	border-collapse: collapse;*/
	margin: 3px 0px;
	width: 195px;
	background-color: #b7d6ec;
}

table.widget th{
/*background:url(../images/img06.jpg*/
/*background: url(../images/tit.jpg) top repeat-x #FFFFFF;*/
/*background: url(../images/widget_header.jpg);*/
/*background: url(../images/bg-sidebar-bottom.gif);*/
height: 0px;
}

/* table class data */


table.data {
	font-family: Tahoma; 
	font-size: 8pt;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	border-collapse: collapse;
	margin: 10px 0px;
}
table.data th{
	color: #FFFFFF;
	font-size: 7pt;
	text-transform: uppercase;
	text-align: center;
	padding: 0.5em;
	border-width: 1px;
	border-style: solid;
	border-color: #969BA5;
	border-collapse: collapse;
	background-color: #001ea3;
}
table.data td{
	padding: 0.5em;
	vertical-align: top;
	border-width: 1px;
	border-style: solid;
	border-color: #969BA5;
	border-collapse: collapse;
}

/*-----------------------------------------*/

#jadwal1{
font-size: 10pt;
	border-width: 0;
	border-color: #ffffff;
	margin: 10px 0px;
	width: 100%;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}


table.jadwal2{
font-size: 10pt;
	border-width: 0.5px;
	border-style: solid;
	border-color: #cccccc;
	margin: 10px 0px;
	width: 260px;
	padding-right: 2.5px;
	padding-left: 2.5px;
	border-spacing: 0;
	border-collapse: collapse;
}

/*-------- login form -----------*/
 
  .label {
width:50px;
  }
 
  textarea {
width: 200px;
  font-family: Tahoma;
  font-size: 8pt;
  }
   
.error {
 	font-family: Tahoma;
	font-size: 8pt;
 	color: red;
	display: none;
}
  
.pesan {
 	color: red;

	}

/*-------- class button -----------*/
.btnsimpan{
 border:0;
 background:url("../images/btn/simpan.png");
 height:40px;
 width:100px;
}
.btnsimpan:hover{
 background:url("../images/btn/simpan_h.png");
 cursor:pointer;
}

.btl{
 border:0;
 background:url("../images/btn/btl.png");
 height:40px;
 width:100px;
}
.btl:hover{
 background:url("../images/btn/btl_h.png");
 cursor:pointer;
}

.berita{
 border:0;
 background:url("../images/btn/berita.png");
 height:30px;
 width:130px;
}
.berita:hover{
 background:url("../images/btn/berita_h.png");
 cursor:pointer;
}

.pengumuman{
 border:0;
 background:url("../images/btn/pengumuman.png");
 height:30px;
 width:169px;
}
.pengumuman:hover{
 background:url("../images/btn/pengumuman_h.png");
 cursor:pointer;
}