@charset "utf-8";

body{
	padding:0px;
	margin:0px;
	background:#335CB1;
	font-family:Arial, Helvetica, sans-serif, "Century Gothic";
	font-size:12px;
	
}

a{
	text-decoration:none;	
}

a:hover {
	text-decoration:underline;
}

#background{
	background:url(../images/top-bg.png) repeat-x #FFFFFF;
}

#wrapper{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}

#header{
	height:103px;
}

#header a{
	display:block;
	padding:0;
	margin:0;
	text-indent:-2000px;
	width:276px;
	height:93px;
	background:url(../images/logo-eksa.png) no-repeat;
}

#header a h1{
	padding:0;
	margin:0;
}

#menubar{
	height:32px;
	background:url(../images/menu-bg.png) repeat-x;
}

#menubar ul{
	padding:0;
	margin:0;
}

#menubar ul li{
	display:inline;
}

#menubar ul li a{
	display:inline-block;
	padding:9px 15px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#menubar ul li a:hover{
	background:url(../images/menu-highlight.png) repeat-x;
	color:#143667;
}

#container{	
	background:#FFFFFF url(../images/container-bg.png) repeat-x;
	padding:30px 45px;
}

#footer{
	background:url(../images/footer-bg2.png) repeat-x;
	height:100px;
	clear:both;
}

#footer #footer_wrapper{
	padding-top:15px;
	text-align:center;
	height:100px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/footer-bg.png) repeat-x;
	color: #99CCFF;
}

#footer a{
	color:#FFFF00;
}

/* Style for container */
#container h2{
	font-size:24pt;
	font-family: "Century Gothic",Geneva,Myriad Pro,Geneva, Arial, Helvetica, sans-serif;
	color:#133463;
	margin-top:0px;
	margin-bottom:10px;
	font-weight:normal;
}

#container h3{
	margin-top:0px;
	font-size:18pt;
	font-family: 'Century Gothic',Geneva, Myriad Pro,Geneva, Arial, Helvetica, sans-serif;
	color:#133463;
	margin-bottom:10px;
	font-weight:normal;
}

#container .bluebox{
	border:#799AE0 solid 1px;
	background:url(../images/bluebox-bg.png) #799AE0 repeat-x;
	padding:5px 10px;
}

#container .notify{
	background-color:#FFFFCC;
	background-image:url(../images/exclamation.gif);
	background-position:5px 5px;
	background-repeat:no-repeat;
	border:solid 1px #EBE6B9;
	padding:5px 10px 5px 30px;
}

#container .searchform{
	background-color:#FFFFCC;
	background-image:url(../images/magnifier.gif);
	background-position:10px;
	background-repeat:no-repeat;
	border:solid 1px #EBE6B9;
	padding:5px 10px 5px 35px;
}

#container .searchform p{
	display:inline;
	margin-right:20px;
}

#container ul.listmenu{
	padding:0;
	margin:0;
	display:inline-block;
}

#container ul.listmenu li{
	display:inline;
	padding:0;
	margin:0;
}

#container ul.listmenu li a{
	float:left;
	color:#666666;
	display:block;
	width:241px;
	height:80px;
	background:url(../images/option-bg.png) no-repeat;
	padding:18px 20px 0px 20px;
}

#container ul.listmenu li a:hover{
	color:#ffffff;
	background:url(../images/option-bg2.png) no-repeat;
	text-decoration:none;
}

#container ul.listmenu li a span.title{
	font-size:14px;
	font-weight:bold;
	display:block;
	text-indent:20px;
	margin-bottom:5px;
}

#container ul.list{
	display:block;
	padding:0;
	margin:0;
	padding-bottom:10px;
}

#container ul.list li{
	display:inline;
	padding:0;
	margin:0;
	
}

#container ul.list li a{
	display:block;
	margin:0;
	padding:4px 40px;
	background:url(../images/action_norm.gif) no-repeat;
	color:#003366;
}

#container ul.list li a:hover{
	display:block;
	padding:4px 40px;
	background:url(../images/action_hover.gif) no-repeat;
	color:#666666;
	text-decoration:none;
	margin:0;
}

#container div.brownbox{
	background:#F7F7F7;
	border:#CCCCCC solid 1px;
	padding:10px;
	margin-top:20px;
}

#container div.brownbox:hover {
	background:#FFFFCC;
	border:#E7E1A0 solid 1px;
}

#container div.staticbrown{
	background:#F7F7F7;
	border:#CCCCCC solid 1px;
	padding:10px;
	color:#666666;
}
#container div.brownbox p{
	font-size:16px;
	font-weight:bold;
	color:#444444;
	font-family:"Century Gothic";
	padding:0;
	margin:0;
	float:left;
	margin-right:20px;
}

#container div.brownbox a, #container div.menu a{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif, "Century Gothic";
	display:inline-block;
	height:17px;
	width:112px;
	padding:2px 2px 2px 30px;
	color:#666666;
}

#container div.brownbox span{
	display:block;
	color:#999999;
	font-style:italic;
}

#container  a.tambah, #container div.menu a{
	background:url(../images/tambah_norm.gif) no-repeat;
	
}

#container  a.tambah:hover, #container div.menu a:hover{
	background:url(../images/tambah_hover.gif) no-repeat;
	color:#669933;
	text-decoration:none;
}

#container  a.papar{
	background:url(../images/papar_norm.gif) no-repeat;
	
}

#container a.papar:hover{
	background:url(../images/papar_hover.gif) no-repeat;
	color:#6699FF;
	text-decoration:none;
}

#container div.brownbox a.top{
	float:right;
	position:relative;
	top:-30px;
	text-align:right;
}

#container ul.form{
	list-style:none;
	display:block;
	padding:0;
	margin:0;
	margin-top:10px;
}

#container ul.form li{
	display:block;
	margin-bottom:5px;
}

#container ul.form li.morefield{
	float:left;
	margin-right:20px;
}

#container ul.form li.buttons{
	text-align:right;
}

#container div.menu ul{
	display:block;
	padding:0;
	margin:0;
	list-style:none;
}

#container div.menu ul li{
	margin-bottom:10px;
}

#container ul.tbl{
	 display:block;
	 list-style:none;
	 padding:0;
	 margin:0;
}

#container ul.tbl li{
	display:block;
	padding-bottom:10px;
	clear:both;
}

#container ul.tbl li span{
	display:block;
	padding:5px;
	background:#F9F9F9;
	border:solid 1px #E9E9E9;
	font-weight:bold;
}

#container div.examlist label{
	display:block;
	margin-bottom:5px;
}


.clear{
	clear:both;
}

.space {
	height:40px;
}

.tbbox { background-color:#000000 }
.tdbox { background-image:url('images/bgcoloureksa.gif') }
.tblist { background-color:#4B6AD3; width:100% }
.tdhlist { background-color:#799AE0; color:#FFFFFF; font-weight:bold; text-align:center }
.tdhform { background-color:#799AE0; color:#FFFFFF; font-weight:bold; text-align:right }
.tdhforml { background-color:#799AE0; color:#FFFFFF; font-weight:bold; text-align:left }
.tdhinfo { background-color:#333333; color:#FFFFFF; font-weight:bold }
.tdbody { background-color:#FFFFFF; vertical-align:top }
.tdbodyselect { background-color:#CCCCCC; vertical-align:top }

.tdbody:hover { background-color:#C6D6EA;}