html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
}

.body {
	font-family: Arial, Helvetica, sans-serif;	
    margin: 0;
    padding: 0;
    text-align:center;
    font-size:10px;	
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
}
input.button { cursor: pointer; }


p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }

/* Awal DIV */
#wrapper {
width: 100%;
min-width:800px;
padding: 0px;
margin: 0px;
height: auto;
text-align: left;
}
#header {
	width:100%;
	height:94px;
	position: relative;
}
#head_left {
	background-image:url(../images/head_left.jpg);
	position:absolute;
	width:432px;
	height:94px;
	top:0px;
	margin:0px;
	padding:0px;
	left:0px; 
}
#head_right {
	background-image:url(../images/head_right.jpg);
	float:right;
	position:absolute;
	width:432px;
	height:94px;
	top:0px;
	margin:0px;
	padding:0px;
	right:-1px; 
}
#logo_ilog {
	top:30px;
	width:100%;
	height:60px;
	z-index:2;
	position:absolute;
}
#menu {
	top:94px;
	width:100%;
	height:39px;
	background-color:#F9D654;
}
#menu .left {
	float:left;
}
#menu .right {
	float:right;
}
#nav {
	margin: 0px;
	padding: 5px 0px;
	list-style-image: none;
	list-style-type: none;
}
#nav li {
	margin: 0px;
	padding: 0px;
	display:inline;
	
}
#nav li a:link, #nav li a:visited {
	color: #BC470E;
	text-decoration: none;
	display:inline;
	margin: 0px;
	padding: 3px 15px 3px 15px;
	border:1px solid #F9D654;
	font-weight:bold;
}
#nav li a:active {
	font-weight:normal;
}
#nav li a:hover {
	color: #fff;
	border:1px solid #fff;
	text-decoration: none;
}
/* Navigation On Content */
#nav2 {
	margin: 0px;
	padding: 5px 0px;
	list-style-image: none;
	list-style-type: none;
}
#nav2 li {
	margin: 0px;
	padding: 0px;
	display:inline;
	
}
#nav2 li a.nav:link, #nav2 li a.nav:visited {
	color: #000000;
	font-weight:bold;
	text-decoration: none;
	display:inline;
	margin: 0px;
	padding: 3px 7px 3px 7px;
}
#nav2 li a.nav:active {
	font-weight:normal;
}
#nav2 li a.nav:hover {color: orange; text-decoration: underline; }

#body {
	width: 100%;
	height:auto;
	padding: 0px;
	margin: 0px;
	line-height: 1.8em;
	background-color:#FBFBFB;
}
#content {
	width: auto;
	height:auto;
	margin:3px 3px 0px 3px;
	padding:5px 5px 15px 5px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	background-color:#fff;
}
.clearer {
	font-size: 0px;
	line-height: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: auto;
}
#footer {
	border-bottom:1px solid #BC470E;		
	width:100%;
	height:24px;
	position: relative;
}
#foot_left {
	background-image:url(../images/foot_left.jpg);
	position:absolute;
	width:221px;
	height:24px;
	margin:0px;
	padding:0px;
	left:0px;	
	
}
#foot_right {
	background-image:url(../images/foot_right.jpg);
	position:absolute;
	width:221px;
	height:24px;	
	margin:0px;
	padding:0px;
	right:-1px; 
}
#foot_text {
	width:100%;
	height:24px;
	position:absolute;	
	font-family: "Verdana";
    font-size:10px;
}
/* Akhir DIV */
/* Form Input Text Button */
/*
.input {
    border: 1px solid #999999;
    background: #ffc;
}
.input:hover {
    border: 1px solid #f00;
    background: #ff6;
}
.button {
	padding: 1px; 
	border: 1px solid #999999;
}
label {
    display: block;
    width: 150px;
    margin: 2px 4px 6px 4px;
    text-align: left;
}
br { clear: left; }

*/
.cssform p{
font-family: Arial, Helvetica, sans-serif;	
    
    font-size:8px;	
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
color:#444444;
}

.cssform input[type="text"] { width of text boxes. IE6 does not understand this attribute
	/*width: 180px;*/
}

.cssform textarea{
	width: 250px;
	height: 150px;
	border-color:#999999;
    border-width:1px;
	font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
}
.cssform input.text {
   border-color:#999999;
   border-width:1px;
   width: 250px;
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
}
.cssform input.file {
   border-color:#999999;
   border-width:1px;
   width: 180px;
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
}
.cssform input.button {
   font-size:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#444444;
   background-color:#EEEEEE;
   border-style:double;
   border-color:#999999;
   border-width:3px;
}
.cssform span.psnerror {
   font-size:10px;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
}
.cssform input:focus, select:focus, textarea:focus, input:hover, select:hover, textarea:hover {
	color: #000;
	background: #dddddd;
	border: 1px solid #999999;
}
.cssform select {
   border-color:#999999;
   border-width:1px;
   width: 180px;
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
}
.cssform div.title {
	font-size:16px;
	font-weight:bold;
	margin: 0;
	padding: 5px 0 8px 0;
	height: 2%;
	color:#444444;
	letter-spacing:-0.5px;
}

/* cssform table */
.cssform table {	
	width:50%;
}
.cssform td.label {
	color:#444444;
	font-weight: bold;
	width: 35%;
	float:left;
	padding: 5px 0 8px 0;
	height: 1%;
	border-top:1px dashed gray;
}
.cssform td {
	float:left;
	padding: 5px 0 8px 0;
	height: 1%;
	width: 65%;
	border-top:1px dashed gray;
}
/* Akhir cssform table */
/* css table */
.table_style {
	border:1px solid gray;
	width:100%;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
.table_style caption {
	caption-side:top;
	font-weight: bold;
	color:#444444;
	font-size:16px;
	padding:5px 0px;
}
.table_style .tr_head {
	background:#6B88B8;
	color: #FFFFFF;
}
.table_style .td_head {
	font-weight: bold;
	color: #FFFFF;
	margin:0px;
	padding:0px 5px;
	border:0px;
}
.table_style tr {
	
}
.table_style td {
	padding:0px 5px;
	/*text-align:left;*/
	vertical-align:top;
}
.genap {
	background:#dddddd;
}
.ganjil {
	background:#eeeeee;
}
a.done:link, a.done:visited, a.done:active {
	display:block;
	background-color:#EEEEEE;
    border-style:double;
    border-color:#999999;
    border-width:3px;
	text-decoration:none;
	float:left;
	padding:0px 35px;
}
a.done:hover {
	display:block;
	background-color:#CCCCCC;
    border-style:double;
    border-color:#999999;
    border-width:3px;
	text-decoration:none;
}
a.proses:link, a.proses:visited, a.proses:active {
	display:block;
	background-color:#FF6600;
    border-style:double;
    border-color:#FFCC00;
    border-width:3px;
	text-decoration:none;
	float:left;
	padding:0px 35px;
}
a.proses:hover {
	display:block;
	background-color:#FFCC00;
    border-style:double;
    border-color:#FF6600;
    border-width:3px;
	text-decoration:none;
}

.psnerror{
	font-size:14px;
	font-weight:bold;
	margin: 0;
	padding: 5px 0 8px 0;
	height: 2%;
	color:red;
	letter-spacing:-0.5px;
}
/* Akhir css table */
/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#stylefour{position:relative;display:block;height:39px;font-size:11px;font-weight:bold;background:transparent url(../images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-top:4px solid #B30000;}
#stylefour ul{margin:0;padding:0;list-style-type:none;width:auto;}
#stylefour ul li{display:block;float:left;margin:0;}
#stylefour ul li a{display:block;float:left;color:#666;text-decoration:none;padding:11px 20px 0 20px;height:23px;background:transparent url(../images/bgDIVIDER.gif) no-repeat top right;}
#stylefour ul li a:hover,#stylefour ul li a.current{color:#B30000;background:#fff url(../images/bgON.gif) no-repeat top right;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */
/*- Menu Tabs J--------------------------- */

    #tabsJ {
      width:100%;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #24618E;
	  height:34px;
      }
    #tabsJ ul {
	float:right;
		margin:0;
		padding:10px 10px 0 50px;
		list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("../images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("../images/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span, #tabsJ a.current span  {
      color:#FFF;
      }
    #tabsJ a:hover, #tabsJ a.current {
      background-position:0% -42px;
      }
    #tabsJ a:hover span, #tabsJ a.current span  {
      background-position:100% -42px;
      }
/*- Akhir Menu Tabs J--------------------------- */
a.halaman, a.halaman:link {
	display:block;
	background-color:#EEEEEE;
    border-style:double;
    border-color:#999999;
    border-width:3px;
	text-decoration:none;
	float:left;
	padding:0px 5px;
}
a.halaman2, a.halaman2:link {
	display:block;
	background-color:#CCCCCC;
    border-style:double;
    border-color:#999999;
    border-width:3px;
	text-decoration:none;
	float:left;
	padding:0px 5px;
}
a.halaman:hover, a.halaman2:hover {
	display:block;
	background-color:#CCCCCC;
    border-style:double;
    border-color:#999999;
    border-width:3px;
	text-decoration:none;
}