@charset "utf-8";

h1,h2,h3,h4,h5,h6{ padding:0; margin:0; margin-bottom:5px}
a{ text-decoration:none; color:#0099CC; border:none}
a:hover{ text-decoration:underline}
ul{padding:0; margin:0;}
img{border:none;}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
	background:#12617C;
	color:#3B3B3B;
	text-align:center;
}
#bodyBg{
	background:url(images/bg.jpg) repeat-x top left #ffffff;
}

#header h1#banner{
	margin:0;
	margin-top:20px;
	display:block;
	float:center;
	position:relative;
	background:url(images/ipis_flash/index.htm)no-repeat;
}

#header{
	height:120px;
}

#header h1#logo{
	margin:0;
	margin-top:5px;
	display:block;
	float:left;
	position:relative;
}

#header h1#logo a{	
	display:block;
	width:128px;
	height:108px;	
	background:url(images/jata3.png) no-repeat;

	text-indent:-3000px;
}
#header h1#logoa{
	margin:0;
	margin-top:15px;
	display:block;
	float:left;
	position:relative;
}


#header h1#logoa a{	
	display:block;
	width:80px;
	height:80px;	
	background:url(images/kpm.png) no-repeat;

	text-indent:-3000px;
}





#header #searchBox{
	margin-top:30px;
	/*background:url(images/search.png) no-repeat;*/
	border:none;
	width:238px;
	height:26px;
}

#header #searchBox #searchfield{
	background:none;
	border:none;
	padding:4px 4px 4px 4px;
	margin:0;
	margin-left:25px;
	width:140px;
}

#header #searchBox #searchBtn{
	color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:0;
	height:24px;
	width:60px;
	border:none;
	background:none;
}

#header #searchBox form{
	padding:0;
	margin:0;
}

#header #mainmenu{
	margin-top:15px;
}

#header #mainmenu ul{
	padding:0;
	display:inline;
	float:right;
	margin:0;
}

#header #mainmenu ul li{	
	display:block;
	float:left;
	margin-left:10px;
	margin-bottom:5px;
}

#header #mainmenu ul li a{
	display:block;
	color:#B9D8DF;
	display: block;
	padding:4px 5px;	
	text-decoration:none;

	
}

#header #mainmenu ul li.menuSelected{
	background:url(images/menu-right.png) right top;
	color:#FFFFFF;
}

#header #mainmenu ul li.menuSelected a{
	background:url(images/menu-left.png) no-repeat top left;
	color:#FFFFFF;
}


#header #mainmenu ul li a:hover{
	color:#ffffff;
	
}

#content{
	padding-top:25px;
	padding-bottom:25px;
}
#footer {
	clear:both;
	height:60px;
	text-align:center;
	padding-top:15px;
	color:#B9D8DF;
	font-size:11px;
}
#footer #footerMenu ul{
	padding:0;
	margin:0;
}

#footer #footerMenu ul li{
	display:inline;
}

#footer #footerMenu ul li a{
	color:#B9D8DF;
}

#footer #footerMenu ul li a:hover{
	color:#ffffff;
}

ul#tab_nav, ul#tab_content{
	display: block;
	float:left;
	padding:0;
	margin:0;
	list-style: none;
}

ul#tab_nav{
	margin-top:40px;
	position:relative;
	left:5px;
	margin-bottom:20px;
}


ul#tab_nav li{
	display:block;
	padding:0;
	margin:0;
}

ul#tab_nav li a{
	display:block;
	padding:10px 10px;
	width:150px;
	font-size:1em;
	color:#666;
	border-top:solid 1px #eee;
}

ul#tab_nav li a.hasError{
	background:url(../images/error.png) no-repeat 145px 7px;
}

ul#tab_nav li a.selected{
	background-color:#fff;
	border:solid 2px #ccc;
	border-right:none;
	border-left:solid 5px #ccc;
	background-position: 140px 7px;
	padding-left:5px;
	width:155px;
}

ul#tab_nav li a.submit{
	margin-top:20px;
	border:none;
	color:#5B96DA;
	background:url(../images/disk.png) no-repeat 10px;
	padding-left:30px;
	width:135px;
}

ul#tab_nav li a.submit.selected{
	background-color:#ccc;
}


#tabMsg{
	padding:10px;
	color:#696;
	background:#FFC;
	margin-bottom:2px;
	border:solid 1px #F8E6C0;
	width:775px;
	float:right;
	margin:20px 5px 0px 5px;
}

ul#tab_content{
	/*border:solid 1px;*/
	border:solid 5px #ccc;
	width:790px;
	padding:0px;
	/*background:#fff;*/
	color:#666;
	margin-bottom:20px;
	margin-top:20px;
}

ul#tab_content li{
	display:none;
	padding:0px 20px 20px 20px;
}

ul#tab_content li.show{
	display:block;
}

fieldset{
	margin:0px 0px 20px 0px;
	padding:10px;
	border:1px solid #ccc;
	display:block;
}

fieldset legend{
	font-size:1.2em;
	margin-left:0px;
	color:#6f6f6f;
}

ul#tab_content h3{
	font-weight:normal;
	font-size:1.4em;
	display:block;
	padding:10px 20px;
	border-bottom:dashed 1px #ccc;
	text-transform: capitalize;
	margin-bottom:0;
}

table.form{

}

table.form tbody tr td{
	border-bottom:dashed 1px #eee;
	padding:10px 20px;
	vertical-align: top;
}

table.form input{
	width:330px;
	padding:5px;
	margin:2px;
	margin-left:0;
	border:solid 1px #ccc;
}

table.form input:focus{
	border:solid 1px #5395D4;
}

table.form label{
	display:block;
	margin:5px 0px 0px 0px;
}

table.form input.error {
	border-color:#ff0000;
}


table.form tr.error{
	background-color:#FFB0B6;
}

.hidden{
	display:none;
}

#page_akuan{
	background:#fff;
	position:relative;
	padding-bottom:20px;
}

.align_center{
	text-align:center;
}

.gap_20{
	margin-top:20px;
}

#k_kursus{
	width:350px;
}

#tab_nav_bottom{

}
#tab_nav_bottom a{
	display:block;
	float:right;
	margin:5px;
}

.success{
	padding:5px 5px 5px 30px;
	color:#696;
	background:#FFC url(../images/success_msg_icon.gif) no-repeat 3px 3px;
	margin-bottom:2px;
	border:solid 1px #F8E6C0;
}

div.error{
	padding:5px 5px 5px 30px;
	color:#FFF;
	display:block;
	background:#FF0000 url(../images/error.gif) no-repeat 3px 3px;
	margin-bottom:2px;
	border:solid 1px #F8E6C0;
}
ul.viewdata{
	list-style:none;
	display:block;
	padding:0;
	margin:0;
	padding-left:10px;
}

ul.viewdata li{
	display:block;
	padding:0;
	float:left;
		margin:10px 0px;
}

ul.viewdata li span.label{
	display:block;
	float:left;
	width:160px;
	padding:5px;

}

ul.viewdata li span.value{
	display:block;
	float:left;
	width:470px;
	border:solid 1px #ccc;
	padding:5px 5px;
	background:#fff;
	margin:2px 0px;
	min-height:15px;
	text-transform: uppercase;
}

.information{
	background:#FFFEA7;
	border:solid 1px #FAF28D;
	padding:10px 30px;
	margin:5px 0px;
	overflow:hidden;
}

.information .label{
	float:left;
	font-weight:bold;
	text-align:right;
	margin-right:20px;
}

.information .value{
	float:left;
}

.float_right{ float:right;}
.float_left{float:left;}

ul.pagination{
	display:block;
	padding:0;
	margin:10px auto;
	float:right;
	list-style:none;
}
ul.pagination li{
	display:inline;
	float:left;
}

ul.pagination li.pagination_current , ul.pagination li a{
	display:block;
	float:left;
	padding:3px 7px;
	margin:1px;
}

ul.pagination li.pagination_current , ul.pagination li a:hover{
	background:#6CACCF;
	color:#fff;
}