/*******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0;
	padding: 0;
	font: 11px  verdana, verdana, Helvetica, sans-serif;
	color: #23391B; 
	background: #691307 url(../images/bgheaders.gif) repeat-x top left;
	text-align: center;
}

/* links */
a { 
	color: #ED9B72;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #E85811;
	background-color: inherit;
}

/* headers */
h1, h2, h3 {
	font: bold 11px verdana, Arial, Sans-serif;
	color: #333;	
}
/* Used also for title/caption of group menu */
h1 { font-size: 11px; color: #144706; } 
/* */
h2 { font-size: 11px; text-transform:uppercase;}
/* */
h3 { font-size: 11px; }
/* Used also for title/caption of news */
h4 { font-size: 11px; color: #144706; } 


ul, ol {
	margin: 11px 30px;
	padding: 0 15px;
	color: #4284B0;
	
}
ul span, ol span {
	color: #666666; 
	font-size:11px;
	font-family:verdana,verdana;
}

/* images */
img {
	border: 0px solid #CCC;
}
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 5px;   /*top right bottom left*/ 
}
img.float-left {
  margin: 5px 5px 5px 0px;   /*top right bottom left*/ 
}


code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 11px 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #4284B0; 
}
acronym {
  /*cursor: help;*/
  border-bottom: 1px solid #777;
}

/* form elements */
form1 {
	margin:10px; padding: 5px;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}

input {
	padding: 2px;
	border:1px solid #eee;
	font: normal 11px verdana, sans-serif;
	color:#777;
}
select {
	padding: 2px;
	border:1px solid #eee;
	font: normal 11px verdana, sans-serif;
	color:#777;
}
textarea {
	/*width:300px;*/
	padding:2px;
	font: normal 11px verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: 11px verdana, Sans-serif; 
	background: #4F754A;
	color:#ffffff;
	border: 1px solid #D3D5DE;
}

/* search form */
form.searchform {
	position:absolute;
	background-color:transparent;
	top: 184px; left: 520px; 
}
form.searchform input.textbox { 
	margin: 0; 
	width: 130px;
	border: 1px solid #ffffff; 
	background: #EDDDDD;
	color: #000000; 
	height: 14px;
	font: 11px verdana, verdana;
	vertical-align: top;
}
form.searchform input.button { 
	margin: 0; 
	height:20px;
	padding: 0px; 
	background: #A57604;
	color:#ffffff;
	border: 1px solid #D3D5DE;
	width: 30px;
	vertical-align: top;
	font-family:verdana,verdana;
	font-size:11px;
}

/***********************
	  LAYOUT
************************/
#wrap {
	background: #ffffff;/*top right bottom left*/ 
	width: 900px; height: 100%; 
	margin: 0 auto 0 auto;	
	text-align: left;
}
#content-wrap {
	clear: both;
	margin: 0; padding: 0;	
	background: #ffffff;
}

/* header */

#header {
	position:relative;
 	height: 212px;
	margin: 0 auto;	
	width:900px;
	/* background: #11084A url(../images/bg2.gif) repeat-x top left; */
	background: #691307 url(../images/new_header.jpg) no-repeat;


}
.menu_header {
	position:absolute;
	background-color:transparent;
	top: 186px; left: 0px;
	color:#ffffff;

}
.menu_header a{
	font: bold 11px verdana,verdana;
	color:#94F3D0;
}

.menu_header a:hover {
	font: bold 11px verdana,verdana;
	color:#E13F07;
}

/* main */
#main {
	float: left;
	margin-left: 4px;
	/*	margin-right: 5px;*/
	padding: 0;
	/*	width: 53%;	*/
	width:53%;
	/* Ditambah by Rudi */
	background-color:#ffffff;  
}

#main2 {
	float: left;
	margin-left: 4px;
	width: 75%;	
	
}

#main p, h1, h2, h3 ,h4{

	margin: 5px 0 5px 0;  /*top right bottom left*/ 

}

/* sidebar */
#sidebar {
	float: left;
	width: 23%;
	margin: 0;	padding: 0; 
	display: inline;
	background-color: #ffffff;
	/* background:url(../images/bg_menu_2.png) no-repeat 0% 100%; */

}

#sidebar p, h1, h2, h3 {
	margin: 5px 10px;
	
}

#sidebar ul.sidemenu {
	list-style:none;
	margin:10px 0 10px 15px;
	padding:0;		
}
#sidebar ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #f2f2f2;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	border-left:4px solid #CCC;	
	min-height:18px;
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	color: #339900;
	border-left:4px solid #9EC630;
}

/* rightbar */
#rightbar {
	float: right;
	width: 23%;
	padding: 0; margin:0;	
	display: inline;
    background-color: #ffffff;	
}

#rightbar p, h1, h2, h3 {
	margin: 5px 10px;
	
}

.bg {
	background-color: #ffffff;
	padding: 2px; 
	border: 0px solid #f2f2f2;
}
.bg_caption {
	background-color: #F9F0E8;
	padding: 4px; 
	border: 1px solid #EFE7E1;
}
.box {
    /* background:url(../images/bg_menu_2.png) repeat-y;  */
	background-color: #FFFFFF;
	border: 1px solid #f2f2f2;
	font-size: 11px;	
    padding: 5px; /*top right bottom left*/
	margin-right: 10px;
	margin-left: 10px;
	/* background-image:url(../images/bg_menu_2.png) no-repeat top center; */
}

.box ul {
	margin:0px;	
	padding:0px 0px 0px 0px;
	list-style-type:none;
}
.box a {
	color:#4284B0;
	background-color: inherit;
	text-decoration:none;
}
.box a:hover{
	color: #9EC068;
	background-color: inherit;
}
.box li {
	padding:0px 0px 2px 10px;  /*top right bottom left*/ 
	background-position:left;
	background-repeat:no-repeat;
}


.box ul {
	margin:2px 0 2px 18px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}
.box li a {
	color:#BF6D0B;
	background-color: inherit;
	text-decoration:none;
	display:block;
    padding-bottom:1px;
}

.box li a:hover{
	color: #F44204;
	background-color:#ffffff;
}
.box ul li {
	padding:2px 0 2px 0;  /*top right bottom left*/ 
	list-style-image:url(../images/icon_menu.gif);
  	border-bottom:1px solid #efefef;
	font-size:11px;
}

.border {
	background-color: #ffffff;
	border: 1px solid #f2f2f2;
	padding: 2px;
    margin: 2px 0 2px 0;
	font-size:11px;
}
.statistik_isi {
	padding:1px;
	border-bottom: 1px solid #f2f2f2;
	text-align:left;
	color:#C92611;
	font-size:11px;
	font-family:verdana,verdana;
}
.statistik_caption {
	padding:1px;
	border-bottom: 1px solid #f2f2f2;
	text-align:left;
	color:#1B4A97;
	font-size:11px;
	font-family:verdana,verdana;
}
.frame_form_image_folder_front {
	background-color: #E7ECF2;
	border: 1px solid #D9DFE5;
	padding: 6px;
    margin: 2px 0 2px 0;
	font-weight:bold;
	font-size:11px;
	color:#144706;
}
.frame_form_caption {
	background-color: #E7ECF2;
	border: 1px solid #D9DFE5;
	padding: 2px;
    margin: 2px 0 2px 0;
	font-weight:bold;
	font-size:11px;
	color:#144706;
}
.frame_form {
	background-color: #E7ECF2;
	border: 1px solid #E7E3E3;
	padding: 10px;
    margin: 2px 0 2px 0;
	font-size:11px;
}
.news {
	background-color: #FFFFFF;
	border: 1px solid #f2f2f2;
    padding: 5px;
	font-size:11px;
	font-family:verdana,verdana;
}
.news_lainnya:a {
	background-color: #FFFFFF;
 	font-size:11px;
	font-family:verdana,verdana;
	color:#65666A;
}
.news_lainnya:a:hover {
	background-color: #FFFFFF;
 	font-size:11px;
	font-family:verdana,verdana;
	color:#FF4C05;
}

.color_posted_news {
	color:#31369E;
}
.color_Hits_news {
	color:#EA4106;
}
.color_DateTime_news {
	color:#31369E;
}


/* Footer */

/* ----------------------------------------------- Start 
Ini sengaja saya buat hanya untuk menghilangkan
celah antara menu kirim, bagian kontain dan
menu sebelah kanan, karena jika tidak maka
akan terlihat warna belakang (Background BOdy Color)
sehingga warna putih pada menu kanan, containt dan 
menu kiri terpisah oleh warna belakang body
*/ 
#wrap_page_color { 
	width:100%;
	clear: both;
	background: #ffffff;
}
#footer_page { 
	width:100%;
	clear: both;
	color: #FFF; 
	background: #691307 url(../images/bgfooter.gif) repeat-x top left; 
	border-top: 0px solid #568EB6;
	 padding: 0; 
	height: 175px;	  
	font-size: 11px;	
}
#footer_wrap {
	position:relative;
 	height: `75px;
	margin: 0 auto;	
	width:900px;
	/* background: #11084A url(../images/bg2.gif) repeat-x top left; */
	background: #691307 url(../images/bgfooter.jpg) no-repeat;
	color:#D91F1F;
	text-align:left;
	font-family:verdana, verdana;
	font-size:11px;
	

}

#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #FFF;
}
#footer .footer-left{
	float: left;
	width: 62%;
	padding-left:13px;
}
#footer .footer-right{
	float: right;
	width: 32%;
	padding-right:4px;
}

/* menu tabs */
#header ul {
	z-index: 999999;
	position: absolute;
   margin:0 -1px 0 0; /*top right bottom left*/ 
   padding: 0;
   list-style:none;
	right: 0; 
	bottom: 6px !important; bottom: 5px;
	font: bold 11px  verdana, 'Trebuchet MS', verdana, verdana,  sans-serif;	
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url(../images/tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
   background: url(../images/tabright.gif) no-repeat right top;
   padding:6px 15px 3px 8px;
   color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
	color: #FFF;
}
#header #current a span {
   background-position:100% -42px;
	color: #FFF;
}
/* end menu tabs */

/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }
.align-justify {	text-align: justify; }
.align-center {	text-align: center; }

/* additional classes */
.clear { clear: both; }
.green {	color: #9EC630; }
.gray  {	color: #BFBFBF; }
.msg_caption_sortir_image{
    margin: 0px 0 0px 0;
 	padding: 0 0 0 40px;  /*top right bottom left*/ 
  	background: #ffffff url(../../../images/sortir_image.png) no-repeat;
	font-size:11px;
	color:#555657;
}
.msg_caption_berita{
    margin: 0px 0 0px 0;
 	padding: 0 0 0 45px;  /*top right bottom left*/ 
  	background: #ffffff url(../../../images/banner_berita.png) no-repeat;
	font-size:11px;
	color:#555657;
}
.msg_caption_komentar_artikel{
    margin: 0px 0 0px 0;
 	padding: 0 0 0 30px;  /*top right bottom left*/ 
  	background: #ffffff url(../../../images/komentar_user.png) no-repeat;
	font-size:11px;
	color:#555657;
}
.msg_caption_Polling{
    margin: 0px 0 0px 0;
 	padding: 0 0 0 55px;  /*top right bottom left*/ 
  	background: #ffffff url(../../../images/polling.png) no-repeat;
	font-size:11px;
	color:#555657;
}
.msg_caption_shoutbox_front{
    margin: 0px 0 0px 0;
 	padding: 0 0 0 35px;  /*top right bottom left*/ 
  	background: #ffffff url(../../../images/shoutbox_front.png) no-repeat;
	font-size:11px;
	color:#555657;
}
.msg_caption_statistik{
    margin: 0px 0 0px 0;
 	padding: 0 0 0 50px;  /*top right bottom left*/ 
  	background: #ffffff url(../../../images/chart_line1.png) no-repeat;
	font-size:11px;
	color:#555657;
}
.msg_guestbook_user{
    margin: 5px 0 5px 0;
 	padding: 0 0 0 40px;  /*top right bottom left*/ 
    border: 1px solid #f2f2f2; 
  	background: #ffffff url(../../../images/guestbook.png) no-repeat 5px 5px;
	font-size:11px;
	color:#555657;
}
.msg_guestbook_admin{
    margin: 5px 0 5px 0;
 	padding: 0 0 0 40px;  /*top right bottom left*/ 
    border: 0px solid #f2f2f2; 
  	background: #ffffff url(../../../images/admin_respon.gif) no-repeat 5px 5px;
	font-size:11px;
}
.msg_error {
    margin: 5px 0 5px 0;
 	padding: 0 0 0 40px;  /*top right bottom left*/ 
    border: 1px solid #f2f2f2; 
  	background: #FAFAFA url(../../../images/warning.gif) no-repeat 5px 5px;
	font-size:11px;
}
.msg_info {
    margin: 5px 0 5px 0;
 	padding: 0 0 0 40px;  /*top right bottom left*/ 
    border: 1px solid #f2f2f2; 
  	background: #FAFAFA url(../../../images/info.gif) no-repeat 5px 5px;
	font-size:11px;
}

.error{
    font-size: 11px; 
    color: red;
    text-align: center;
    width: 100%;
	font-weight:bold;
	font-family:verdana,verdana;
}
.error_username_and_password{
    padding:2px;
    border:1px solid #C92106;
	background-color:#FED804;
    font-size: 1em; 
    color: #ffffff;
    text-align: center;
    width: 96%;
	font-family:verdana,verdana;
}
.sukses{
    font-size: 11px; 
    color: #6297BC;
    text-align: center;
    width: 100%;
 /*   margin: 5px 25px 5px 25px;*/  /*top right bottom left*/ 
}

.tabel_header {
	background-color: #E7ECF2;
	border: 1px solid #D9DFE5;
    padding: 8px;
	font-size:11px;
	text-align:center;
	color:#230EA2;
}

#form{
    margin: 0 auto;
    padding: 0;
    width: 100%;
    text-align: left;
}

#form .textbox {
    width: 160px;
    border-left : 1px solid #acc6db; 
    border-right : 1px solid #acc6db; 
    border-top : 1px solid #acc6db; 
    border-bottom : 1px solid #acc6db; 
    background-color : #fff; 
    font-size : 11px;
    font-family : verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
} 

#form .textcode{
    width: 70px;
    border-left : 1px solid #acc6db; 
    border-right : 1px solid #acc6db; 
    border-top : 1px solid #acc6db; 
    border-bottom : 1px solid #acc6db; 
    background-color : #fff; 
    font-size : 11px;
    font-family : verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
} 

#form .textcom {
    border-left : 1px solid #acc6db; 
    border-right : 1px solid #acc6db; 
    border-top : 1px solid #acc6db; 
    border-bottom : 1px solid #acc6db; 
    background-color : #fff; 
    font-size : 11px;
    font-family : verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
} 

#form .cselect {
    
    background-color : #fff; 
    font-size : 11px; 
    font-weight: normal;
    color : #000; 
    font-family : verdana, arial, helvetica, sans-serif; 
    text-decoration : none; 
}

#form label {
    float: left;
    padding: 0 1em;
    text-align: right;
}

#form label {
    float: left;
    padding: 0 1em;
    text-align: right;
}

#form .submit{
    padding: 10px 0 0 0; /*top right bottom left*/ 
}

#form .button {
    color : #fff; 
    font-family : verdana, arial, helvetica, sans-serif; 
    font-size : 11px; 
    font-weight : bold; 
    background-color : #6898D0; 
    border : 1px solid #dadada; 
    cursor : pointer; 
}

#abovepostads{
	margin:10px 0px; width: 438px;
         background-image: url('../images/ads/rotate.php'); 
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #dddddd;
	padding: 0px;
	
}
#abovepostads p{
	margin: 0px;
	width: 300px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}
#belowpostads{
	width: 438px;
         background-image: url('../images/ads1/rotate.php'); 
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #f1f1f1;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px
}
#belowpostads p{
	margin: 0px;
	width: 300px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}

#abovepostads{
	margin:10px 0px; width: 430px;
         background-image: url('../images/ads/rotate.php'); 
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #dddddd;
	padding: 0px;
	
}
#abovepostads p{
	margin: 0px;
	width: 300px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}
#belowpostads{
	width: 430px;
         background-image: url('../images/ads1/rotate.php'); 
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #f1f1f1;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px
}
#belowpostads p{
	margin: 0px;
	width: 300px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}

#download a { 
	color: #0000FF;
	background-color: inherit;
	text-decoration: underline;
}
#download a:hover {
	color: #0000FF;
	background-color: inherit;
	text-decoration: underline;
}

.gambar {
	clear: both; 
         padding-right: 0px; 
         padding-left: 0px; 
         padding-top: 0px;
         padding-bottom: 0px;
         float: left;  
         width: 20px;           
         text-align: left
}

.submenu {
	background-color: #FFFFFF;
	font-size: 11px;	
}

.submenu ul {
	margin:0px;	
	padding:5px 0px 0px 23px;
	list-style-type:none;
}
.submenu a {
	color:#4284B0;
	background-color: inherit;
	text-decoration:none;
}
.submenu a:hover{
	color: #9EC068;
	background-color: inherit;
}
.submenu li {
	padding:0px 0px 2px 10px;  /*top right bottom left*/ 
	background-image:url(../images/1.gif);
	background-position:left;
	background-repeat:no-repeat;
}