body {
	margin: 0 auto;
	width: 900px;
	float: center;
	font: 12px verdana,tahoma,arial;
	color:#FFF;
	background:#003189;
}
table,td,tr {font: 13px verdana,tahoma,arial;}
input, select, textarea {
	border:solid 1px rgb(200,200,200);
	font: 11px verdana,arial,tahoma;
}
img {border: 0;}
hr {color:#2D2E30; height:2px;}
a {color:#0F0;text-decoration: none;}
a:hover {color:#FFF; text-decoration:underline;}
ul { padding-left:18;}

/** Header **/
.logo {background:url(../images/header/index_02.gif); vertical-align:top; text-align:center; width:279; height:89; padding-top:5;}
.clock {background:url(../images/header/index_12.gif); vertical-align:top; width:279; height:15; text-align:left;}

/** Footer **/
.footer { width:279; height:75; background:url(../images/footer/index_36.gif); font-size:11px;}

/** Content **/
.leftside {background:url(../images/leftside.gif); width:27; vertical-align:top;}
.main {background:url(../images/index_32.gif) #0070C9 repeat-x; vertical-align:top; width:847;}
.content {vertical-align:top; padding:26 0 0 10;}
.panelkiri {width:250px; vertical-align:top;}
.marq {overflow:hidden; text-align:center;}
.visitor {width:250px; vertical-align:bottom; text-align:center;}
.guest {font-size:11px; padding:5 5 5 5; border:solid 1px rgb(200,200,200); width:550;}
.rightside {background:url(../images/rightside.gif); width:26; vertical-align:top;}

.paging {display: block; padding: 3; background-color: #E3EEF0;	border: 1px solid #D9DDDC;}
.warning {
	display: block;
	padding: 3px;
	color:#F00;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
.warning a { color:#F00; text-decoration:underline;}
.warning a:hover {text-decoration:none;}

.notice {
	display: block;
	background: #2F9D40;
	color: #FFFFFF;
	padding: 3px;
	text-align:center;
}
.notice a {color: #FFFFFF;}
.notice a:hover {text-decoration: none;}

.cari {
	padding:3px 5px 3px 5px; border:solid 1px rgb(200,200,200);
	background-color:#FFF;}

.form {
	width:528; 
	padding:5px 5px 0 5px; border:solid 1px rgb(200,200,200); 
	background-color:rgb(240,240,240);}
.form fieldset {
	padding:20px 0 0 0 !important /*Non-IE6*/; 
	padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.form fieldset legend {
	margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; 
	padding:0 2px 0 2px; color:rgb(80,80,80); 
	font-weight:bold; font-size:14px;
	text-transform: uppercase;}
.form label.left {float:left; width:150px; margin:0 0 0 10px; padding:2px; font-size:11px;}
.form select.combo {
	width:175px; padding:2px; border:solid 1px rgb(200,200,200); 
	font-family:verdana,arial,sans-serif; font-size:11px;}
.form input.field {
	width:275px; padding:2px; border:solid 1px rgb(200,200,200); 
	font-family:verdana,arial,sans-serif; font-size:100%;}
.form textarea {
	width:275px; padding:2px; 
	border:solid 1px rgb(200,200,200); 
	font-family:verdana,arial,sans-serif; font-size:110%;}
.form input.checkbox {
	float:left; margin:5px 0 0 0 !important /*Non-IE6*/; 
	margin:2px 0 0 -3px /*IE6*/; border:solid 1px rgb(150,150,150);}
.form input.button {
	float:right; width:9.0em; margin-right:20px; 
	padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; 
	background:rgb(230,230,230); border:solid 1px rgb(150,150,150); 
	text-align:center; font-family:verdana,arial,sans-serif; 
	color:rgb(150,150,150); font-size:110%;}
.form input.button:hover {
	cursor: pointer; border:solid 1px rgb(80,80,80); 
	background:rgb(220,220,220); color:rgb(80,80,80);}	