/* CSS Document */

body {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:0;
	text-align:center;
	background-color:#171a1c;
	font-size:13px;
}

input, select, textarea { border:1px solid #999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px}
img {border:0}
a {	color:#333; text-decoration:none}
a:hover{ color:#666; text-decoration:underline}
form span{font-size:11px}

#container {
	width:900px;
	text-align:left;
	margin:0 auto; !important
	padding: 0;
	background-color:#6b757e; /*purple*/
}

#container_login {
	width:900px;
	text-align:left;
	margin:80px auto 0 auto; !important
	padding:0;
	background-color:#6b757e; /*purple*/
}

#header {
	background-color:#363c41; /*dark purple*/
	margin:0 auto;
	padding:15px;
	height:60px;
	background-image:url(../images/admin/header.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

#header h1 {
	color:#fff;
	font-size:24px;
	font-weight:normal;
	padding-top:10px;
	margin:0;
}

#header h1 a { color:#fff}
#header h1 a:hover { color:#ccc; text-decoration:none}

#header h2
{
	color:#6f6f6f;
	font-size:12px;
	font-weight:normal;
	padding-top:5px;
	margin:0;
}

#status {
	background-image:url(../images/admin/search_bar.jpg);
	background-repeat:repeat-x;
	margin:0 auto;
	padding-top:6px;
	padding-right:5px;
	height:22px;
	text-align:right;
	font-weight:bold;
	color:#333;
}

#content_wrap { margin:10px 0 15px 0; padding-left:5px}

#nav {
	clear:left;
	float:left;
	width:150px;
	margin:0 0 10px 0;
	padding:0;
}

#nav ul {
	list-style:none;
	width:159px;
	margin:0;
	padding:0;
}

#nav li { margin-bottom:0px;}
#nav li .active{
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
}

#nav li a {
	font-weight:normal;
	font-size:12px;
	height:20px;
	text-decoration:none;
	color:#505050;
	display:block;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:0px;
	background:#f4f4f4 url(../images/admin/menu.jpg) bottom left repeat-x;
}

#nav li a:hover {
	background-image:url(../images/admin/menu_hover.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	color:#000000;
}

#main_login, #contact {
	width:763px;
	margin-left:5px;
	margin-bottom:-7px;
	padding:10px ;
	background-color:#FFFFFF;
	font-size:12px;
	color:#505050;
}

#main {
	width:703px;
	margin-left:165px;
	margin-bottom:-7px;
	padding:10px ;
	background-color:#FFFFFF;
	font-size:12px;
	color:#505050;
}

#main h1{
	font-size:18px;
	color:#505050;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0 0 2px 0;
}

#main h2{
	font-size:14px;
	color:#505050;
	margin:0 0 5px 0;
	padding:0;
	border-bottom:2px solid #505050;
	padding:0 0 2px 0;
}

#main p{
	font-size:12px;
	font-weight:normal;
	color:#505050;
}

#footer {
	background-color:#363C41; /*dark purple*/
	margin:0 auto;
	padding:10px;
	color:#999999;
	font-size:10px;
	text-align:center;
	background-image:url(../images/admin/footer.jpg);
	background-position:top;
	background-repeat:repeat-x;
	clear:both;
}
#footer a{ color:#999999}
#footer a:visited{ color:#999999; text-decoration:underline}
#footer a:hover{ color:#F1A502}
.brclear { clear:both; height:0; margin:0; font-size: 1px; line-height: 0px}
#login_area{
	margin:0 0 40px 220px; color:#fff; border:1px solid #999; padding:20px;
	width:280px; background-color:#4B565C;
}
#login_area_header{
	margin:40px 0 0 220px; color:#fff; border-top:1px solid #999; border-left:1px solid #999; 
	border-right:1px solid #999; width:280px; background-color:#3C4448;	padding:5px 20px;
	font-weight:bold;
}
#login_area label{float:left; width:100px; padding-top:8px}
#login_area input{margin-top:6px; background-color:#ccc}
.cursor{cursor:pointer}
#login_error{color:#f00; background-color:#fff;	padding:5px; border:1px solid #f00}
.tabelRightBottom{border-right:1px solid #505050; border-bottom:1px solid #505050}
.tabel{border-top:1px solid #505050; border-left:1px solid #505050}
#pages{float:left; width:234px; margin:5px 0}
#navi{float:left; width:355px; margin:5px; text-align:right}
.add_news label{float:left; width:120px; padding-top:8px}
.add_news input{margin-top:6px}
.add_news select{margin-top:6px}
.add_news textarea{margin-top:6px}
#error_msg{
	border: 2px solid #c00;
	margin-top:10px;
	background-color:#fcc;
	padding:10px 10px 10px 60px;
	background-image:url(../images/common/error.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#success_msg{
	border: 2px solid #09f;
	margin-top:10px;
	background-color:#9cf;
	padding:10px 10px 10px 60px;
	background-image:url(../images/common/success.gif);
	background-position:top left;
	background-repeat:no-repeat;	
}
.link_kotak{border:1px solid #999; background-color:#eee; width:100px; padding:4px; font-size:11px; font-weight:bold;}
.link_kotak a{
	font-size:11px;
	font-weight:bold;
	height:14px;
	text-decoration:none;
	color:#505050;
	display:block;
	padding:4px 0 4px 15px;
	border:1px solid #999;
	background:#eee;
	margin:1px 2px;
	background-repeat:no-repeat;
	background-position:left;
}
.link_kotak a:hover{
	background:#ccc;
	color:#000;
	border:1px solid #666;
	background-repeat:no-repeat;
	background-position:left;
}
.navigator a, span.inactive{
	padding : 0px 5px 2px 5px;
	margin-left:0px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}
.navigator a:link, .navigator a:visited,
.navigator .navigator a:active{
	color: #000;
	background-color: #ccc;
	text-decoration: none;
}
.navigator a:hover{
	color: #fff;
	background-color: #666;
	text-decoration: none;
}
.totalpagesdisplay{
	margin-top:4px;
}

#keterangan_list{
	border:1px solid #666;
	padding:8px;
	margin-bottom:4px;
}
#keterangan_list img{
	border:1px solid #999;
}