#box { 
padding:4px;
}

* {padding: 0; margin: 0;}
body { 
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:11px;
color:#323233; 
line-height:1.166;
background-color:#fcfcfc; 
margin:0;
padding:0; 
} 

a { 
font-weight:normal; 
color:#3266af; 
text-decoration:none;
outline:none }
a:hover { text-decoration:underline }

/* awal header */

.main_mid{ 
position:relative; 
float:none; 
width:986px;
padding-left:8px;
padding-right:6px; 
background:#fff url(main_border_0.gif) repeat-y; 

}

.main_top { 
height:80px;
float:none; 
position:relative; 
width:986px;
padding-left:8px;
padding-right:6px; 
background:#fff url(main_border_0.gif) repeat-y; 
}

.main_bottom {
background:url(main_border_2_a.gif) no-repeat top; 
height:12px;
float:none; 
width:980px; 
}

.mid { 
border:none;
background-color:#FFFFFF;  
padding:0px 0px 0px 5px; } 

.header { 
height:100px; 
background:#f0f5f8 url(header.png); */
margin:auto; 
} 

.border-side { border-left:1px solid #e3e3e3!important; border-right:1px solid #e3e3e3!important; }

.box_section
{
margin-right:10px;
}


 
.btn { border:1px solid #C4DBF7; 
background-color:#FFFFFF; 
} 


/* table */

.table {
 background-color: none;
 border:none;
 font-size:12px;
}

.table td {
border:none;
text-align:left;
padding:5px;

}

.table th {
color:#999999;
font-weight:normal;
 text-align: left;
}




/* box tribun */

.title-box
{
text-align:left;
font-weight:bold;
font-stretch:wider; 
font-size:13px; 
color:#336699;
text-transform:capitalize;
padding:2px 0 20px 0px
}

.title-box a{ 
font-weight:bold;
 }

.title-box-2
{
text-align:left;
font-weight:bold;
font-stretch:wider; 
font-size:13px; 
color:#336699;
text-transform:capitalize;
padding-left:10px
}

.title-box-2 a{ 
font-weight:bold;
 }


.box_tribun_1
{
padding:6px 5px 5px 5px;
margin:0px;
text-align:left;
border:1px solid #ddd;
-moz-border-radius: 4px; -webkit-border-radius: 4px;
background:#fff url(bg_border.gif) repeat-x;
}

.box_tribun_2
{
text-align:left;
padding:3px;
margin:0px;
border:4px solid #d9d9d9;
background:#fff ;
}

.box_tribun_3
{
text-align:left;
padding:5px;
margin:0px;
border:1px solid #d9d9d9;
-moz-border-radius: 4px; -webkit-border-radius: 4px;
background:#efefef url(bg_50px.gif) repeat-x;
}

.box_tribun_4
{
text-align:left;
padding:5px;
margin:0px;
border-top:2px solid #aaa;
border-bottom:2px solid #aaa;
}



/* akhir header */

/* cycle */

#feature{
	overflow: hidden;
	padding: 10px 0 0 0;
	
}

#featurenav {

	bottom:0px;
	left: 0px;
	z-index:100;
}
	#featurenav a, #featurenav span.playpause{
		padding: 2px 5px;
		margin-right: 3px;
		font-size: 12px;
		color: #fff;
		background: #555;
	}
	#featurenav a.activeSlide, #featurenav span:hover{

		background: #e4e4e4;
		color: #000;
	}
	
	#featurenav span.playpause {
		cursor: pointer;
		padding: 3px 3px 4px;
		background-color: #4C6E10;
	}
	#featurenav span.playpause.pause span{
		padding: 3px 8px 4px;
		background: transparent url(../../images/pause-white.png) no-repeat 3px 4px;
	}
	#featurenav span.playpause.resume span{
		padding: 3px 8px 4px;
		background: transparent url(../../images/play-white.png) no-repeat 3px 4px;
	}
	
	



/* awal menu cari & newsflash  */

.undermenu{ 
border:none;
height:33px; 
color:#000;
clear:both; 
background:url(undermenu.gif) repeat-x;
text-align:left;
padding-left:10px; 
}


.search_box2 { 

height:25px;
margin-top:30px;
width:253px;
margin-left:100px;
background:url(search_box2.gif) no-repeat; 
} 

.inputsearch2 { 
font-weigth:normal;
font-size:13px; 
color:#999999;
background:none;
width:190px;  
border:0 solid #CCC;
padding-left:5px;
padding-top:5px;
}
 
.search_box { 
float:left;
height:15px;
margin-top:5px;
width:160px;
padding-right:10px;
background:url(search_box.gif) no-repeat; 
} 

.search_select {
float:left; 
height:15px;
width:72px;
font-size:10px;
color:#999999;
margin-left:5px;
border:none;
background:url(search_box.gif) no-repeat; 
}

.search_box ul { 
list-style-type:none;
margin:0; 
padding:0; 
} 

.search_box li { 
float:left; 
margin:0; 
padding:0; 
} 

.search_box li a { 
display:block; 
font-weigth:normal;
font-size:11px; 
height:15px; 
width:auto; 
float:left; 
color:#3266af; 
text-decoration:none; 
padding:7px 8px 3px; 
} 

.search_box li a:hover {
color:#3266af; 
text-decoration:underline;
} 

.search_box li form { 
float:left; 
padding:6px 15px 3px 8px; 
} 

.inputsearch { 
float:left; 
font-weigth:normal;
font-size:11px; 
color:#999999;
background-image:url(search_box.gif); 
width:132px;  
border:0 solid #CCC;
padding-left:20px;
}
 
 
#date { 
font-size:11px; 
color:#333333; 
font-weight:normal; 
margin:0; 
padding:0 5px 0 20px; } 
#search { 
position:relative; 
font-size:9px; 
border-style:solid; 
border-width:0; 
padding:0 4px; } 

/* link */

.link_bg a { text-decoration:none; border:1px solid #e1e1e1; color:#999;  background-image:url(tab.gif); background-repeat:repeat-x; padding:4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; outline: none; font-weight:bold;  }

.link_bg a:hover {border:1px solid #bbb; text-decoration:none; background-image:url(tab_hover.gif);  background-repeat:repeat-x; background-position:top; color:#666; }


/* awal news and other */

.title_page{ 
padding:10px 5px 10px 0px;
margin-bottom:5px; 
font-size:24px; 
color:#666;
line-height:16px; 
font-weight:bold;
border-bottom:#ddd 4px inset;
text-align:left; 
}
.title_page a{ 
font-size:12px;
float:right;
}  

.title_member{ 
padding:20px 5px 10px 0px; 
font-size:25px; 
color:#666;
line-height:16px; 
font-weight:bold;
text-align:left; 
}
.title_member a{ 
padding-top:15px;
font-size:11px;
} 

.title_article { 
padding:10px 5px 10px 0px; 
font-size:30px; 
color:#333333; 
font-weight:bold; 
} 

.under_title_article { 
padding:10px 5px 0px 0px;
margin-bottom:20px;
border-bottom:4px #f4f4f4 solid;
} 

.link1 {
margin-bottom:10px;
}

.link1 a {

padding:0px 5px 10px 0px;
font-weight:normal;
font-size:14px;
}


.link_hl {
padding:0px 5px 10px 0px;
}

.link_hl a {
text-align:left; 
font-size:25px; 
color:#3266af; 
text-decoration:none;
font-weight:normal;
padding-bottom:50px
} 

.link_hl a:hover { 
text-decoration:underline;
} 

.border_bottom_dot { 
padding:0px 5px 5px 0px; margin:5px; border-bottom:1px dotted #CCCCCC
} 

.text1 { 
padding-bottom:5px;
line-height:14px; 
font-size:11px;  
color:#666666;
}

.text_hl { 
font-weight:normal;
font-size:12px; 
line-height:16px; 
color:#666;
word-spacing:.2em;
letter-spacing:0.03em; 
} 

.text_article { 
font-weight:normal;
font-size:13px;
line-height:19px;
color:#444;
word-spacing:.3em;

} 


.text_qoute { 
font-weight:normal;
font-size:16px;
line-height:20px;
margin-bottom:10px;
color:#444;

} 
 
.datetime1 { 
font-weight:lighter;  
font-size:10px; 
color:#999;
white-space:nowrap;
} 

.datetime2 { 
font-size:11px;
color:#666; } 

.datetime3 { 
padding-bottom:3px; padding-left:15px;
font-weight:lighter; 
font-stretch:wider; 
font-size:12px; 
color:#ff7c35; }
 
.datetime4 { 
font-weight:lighter; 
font-stretch:wider; 
font-size:10px; 
color:#676767; } 




.link_small_orange a, .linkorange a:visited { 
font-size:11px; 
color:#ff7c35; 
empty-cells:hide; } 

.link_small_orange a:hover {
text-decoration:underline } 

.font12 {
font-size:12px;
}
.font13 {
font-size:13px;
}
.font14 {
font-size:14px;
}
.font11 {
font-size:11px;
}

.linkbesar a, .linkbesar a:visited { 
font-weight:normal; 
font-stretch:wider; 
font-size:20px; 
color:#336699; } 

.linkbesar a:hover { 
color:#003366; 
text-decoration:underline; } 

.link-title a, .link_title a:visited {
text-align:left;
font-weight:bold;  
font-size:12px; 
color:#336699; } 

.link-title a:hover { 
text-decoration:underline; } 

.link-title-2 a, .link_title a:visited {
text-align:left;
font-weight:normal;  
font-size:11px; 
color:#336699; } 

.link-title-2 a:hover { 
text-decoration:underline; } 

.link-title-box2 a { 
font-size:11px; 
color:#3266af; 
} 

#tengah { 
border-right:0px solid #d8d7d7; 
border-left:0px solid #d8d7d7; 
background-color:#FFFFFF;  
padding:0px 9px 0px 9px; } 

.tengah4 {
background:#FFFFFF;
border:1px solid #d8d7d7;
border-bottom:none; 
width:978px; 
padding-top:20px; 
padding-bottom:20px;
}

#tengah_tanpa_padding { 
border-right:1px solid #d8d7d7;
border-left:1px solid #d8d7d7; 
background-color:#FFFFFF;} 

.img_thumb {
float:left;
} 

.img_thumb img { 
border:#CCCCCC solid 1px; 
padding:0px;
margin-right:5px;
} 

.gbrnews_hl img { 
border:#d4d4d4 solid 1px; 
padding:1px;
margin-right:10px

}

.menuitemposu { position:absolute; top:145px; visibility:hidden; z-index:1; width:100px; background-color:#1e376a; line-height:20px; padding-top:5px; padding-bottom:5px; } a.subglink,a.subglink:visited { font-size:11px; color:#ffffff; font-weight:normal; white-space:pre; margin:0; padding:12px 5px; } #public_service { background-color:#3B3B3B; color:#FFFFFF; } td .publicservice a { font-weight:bolder; font-stretch:wider; font-size:11px; display:block; color:#FF9A35; text-decoration:none; padding:3px 3px 3px 4px; } td .undeline { border-bottom:#DDDDDD 2px solid; } #isiberitabawah { color:#7497b5; font-weight:lighter; font-size:11px; } #judulbawah { color:#3E4875; font-weight:bold; font-size:12px; padding-bottom:5px; } #suratpembaca { background-image:url(bg_tbmod.gif); background-repeat:repeat; border:1px solid #d8d7d7; padding:5px; } #haji { background-color:#f1f1f1; background-image:url(kabbah.png); background-repeat:no-repeat; border:1px solid #d8d7d7; padding:5px; } 

/* List Item Style */

.list_item { margin:0px!important; padding:0 0 0 14px!important; list-style:disc outside; color:#999999; } 

.list_item ul { margin:0px }

.list_item li { 
margin:0px;
border-bottom:1px solid #EEE; 
padding-top:4px; 
padding-bottom:4px; } 

.list_item a:hover { 
color:#003366; 
text-decoration:underline; } 

.list_item a {
font-stretch:extra-condensed;
font-weight:bold;
font-size:11px; 
color:#336699; 
text-decoration:none;
}

.list_item2 { margin:0px!important; padding:0 0 0 16px!important; list-style:disc outside; color:#999999; } 

.list_item2 ul { margin:0px }

.list_item2 li { 
margin:0px;
padding-top:3px; 
padding-bottom:3px; } 

.list_item2 a:hover { 
text-decoration:underline; } 

.list_item2 a {
font-stretch:extra-condensed;
font-size:12px; 
color:#336699;
text-decoration:none; 
padding:0px 5px 0px 0px;
}


/* end list item style */

.clear { clear:both;}
.clearit { clear:both; height:0; line-height:0.0; font-size:0; margin:0; padding:0; } 

.boximgheadline { 
margin-top:0; 
font-weigth:normal;
font-size:9px; 
color:#666; } 



/* list komentar */
.listkoment {
font-size:12px;
top:10px;
padding:5px 
}
.listkoment1 {padding-left:5px;padding-top:5px;background:url(topshade1.gif) repeat-x; background-color: #f2f2f2;  }

.listkoment2 {padding-left:5px; padding-top:5px; background:url(topshade2.gif) repeat-x ; background-color: #FFFFF2; }

.list_comment_title {font-size:11px; color:#999999; text-align:left;
border-bottom:1px solid #f1f1f1; padding-bottom:5px; margin-bottom:5px; }

.list_comment_content { text-align:left; padding-right:5px; padding-top:5px; background:url(quote.gif) left top no-repeat ; margin-left:10px; padding-bottom:5px; line-height:15px; word-spacing:2px; color:#003366; font-size:12px; min-height:30px}

#navi { height:30px; vertical-align:middle}

.formkomentar {background:url(topshade1.gif) repeat-x; background-color: #f2f2f2; border:1px #E8E8E8 solid; 
top:10px;}


/* tool tip */
#dhtmltooltip { position:absolute; left:-300px; width:150px; border:1px solid #d2d2d2; cursor:move; background:#efefef url(bg_50px.gif) repeat-x; visibility:hidden; z-index:100; -moz-border-radius: 4px; -webkit-border-radius: 4px;  } 

#dhtmlpointer { position:absolute; left:-300px; z-index:101; visibility:hidden; opacity: 0.95;filter:Alpha(Opacity=95); } 

#tooltip {
text-align:left;
font-weight:normal;
font-size:12px;  
color:#333;
 padding:8px;} 
 #tooltip b {
 font-weigth:bold;
 font-size:13px;
color:#336699; }
  #tooltip span { background:#FFF; margin:0; padding:0; } 
  #tooltipx { 
  background-color:#FFFFFF; 
  height:31px; 
  float:right; 
  font-weigth:normal;
font-size:9px;  color:#999999; padding:3px; } 
  #tooltipx img { vertical-align:middle; } 
  .tooltipicon { clear:left; font-weigth:normal;font-size:11px;  color:#333; border-top:1px solid #666; padding:10px; } 
  .tooltipicon img { margin-right:5px; }  
  a.glink:hover,a.linklogin:hover,a.subglink:hover { color:#999999; text-decoration:none; margin:0; } 
  .skipLinks,.tabcontent { display:none; } 
  td .beritalain2 a:hover,td .beritalain3 a:hover, .link-title-box a:hover,.link_title a:hover,.linktitle a:hover,.link-title-box2 a:hover,td .publicservice a:hover,.linkseleb a:hover { text-decoration:underline; } td .beritalain3 a:link,td .beritalain3 a:visited { 
  font-weight:bolder; font-stretch:wider; font-size:12px; display:block; color:#3266af; text-decoration:none; } 
 @media print { .tabcontent { display:block!important; } }

/*---------- ticker ----------*/

#newsflash {
border-right:1px solid #d8d7d7; 
border-left:1px solid #d8d7d7; 
background-image:url(bg_tbmod.gif); 
background-repeat:repeat; 
border-top:1px solid #d8d7d7;
border-bottom:1px solid #d8d7d7;
color:#ff663c;
font-size:11px;
font-weight:bold;
height:20px;
padding-left:10px;
padding-top:9px;
 } 

#newsflash ul {
list-style-type:none;
margin:0; 
padding:0; 
} 

#newsflash li {
float:left; 
margin:0;
padding:0;
padding-left:5px
} 

.cuaca { color:#000000 }
.flashjalan { padding-left:320px; width:380px }
.ticker{ float:left;color:#FF6600; text-align:left; font-weight:normal}
.ticker ul {}
.ticker li { list-style:none; height:15px;list-postion:inside;position:absolute;padding:0;overflow:hidden; font-weight:bold; font-size:11px;color:#369;}
.ticker li a {
	text-decoration: none;
	font-weight:bold;
	color:#369;
	}
.ticker li a:hover {color: #C00; text-decoration:underline;}


/* error validasi form */

.error_validasi { color:#FF0000; padding-left:5px; padding-left:5px; font-size:11px; font-weight:normal; }

/* loading */

.loading { position:fixed; top:0px; left:0px; z-index: 100; color: white; font-weight:bold; display:none; background-color: red; padding: 5px 10px; }
.loading_local { background-image:url(loading_small.gif); background-repeat:no-repeat; height:12px; width:16px; display:none }


/*--------------- page ---*/
.paging { white-space:nowrap; padding:5px}
.paging a { border:1px #CCCCCC solid; font-weight:bolder; padding-left:7px; padding-right:7px; text-decoration:none; background-color:#EFEFEF; margin:3px }
.paging a:hover { border:#666666 solid 1px; color:#ff0000; }
#pagecurrent { border:1px #FF6600 solid; color:#000099 }

/* menu tribun */

.menutribun { 
padding:5px 5px;
text-align:left;
height:10px;
background-color:#f9f9f9;
border-bottom:1px solid #DDD;
}
.menutribun a, .menufooter a:visited  {
text-decoration:none; 
color:#999999;
border-right:dotted #CCCCCC 1px;
font-weigth:normal;
 padding-left:2px;
  padding-right:2px;}
.menutribun a:hover {text-decoration:underline; color:#000000;} 

/* ---------- footer ---- */

#drop {
font-weigth:normal;
padding:5px 5px 40px 20px;
font-size:11px; 
color:#333; 
background-color:#F5F5F5; 
border-top:1px solid #FFF; 
border-bottom:1px solid #DDD;}
#drop select {
font-weigth:normal;
font-size:11px; 
color:#333; 
width:144px; 
background-color:#FFF; 
border:1px solid #999;}
.linkdrop { float:left; margin-top:0px; margin-right:10px; width:144px;}

.menufooter { 
text-align:left; 
font-weigth:normal;
font-size:11px;  
color:#036; 
padding:5px 5px 10px 20px;
line-height:22px; 
background-color:#fcfcfc;
border-bottom:1px solid #DDD;
border-top:5px solid #003399;
}
.menufooter a, .menufooter a:visited  {
text-decoration:underline; color:#036; 
font-weigth:normal;
font-size:11px; 
 margin-left:2px;
  margin-right:2px;}
.menufooter a:hover {text-decoration:none;} 

.menufooterlayanan {
font-weigth:normal;
font-size:11px;  
color:#036; 
padding:5px 5px 10px 20px;
background-color:#EBEBEB;}
.menufooterlayanan a { 
font-weigth:normal;
font-size:11px;
text-decoration:none; 
color:#036; 
margin-right:15px;}
.menufooterlayanan img { border:0; margin-right:10px; vertical-align:middle; }
.menufooterlayanan a:hover {text-decoration:underline;} 

.menuclosing {
font-weigth:normal;
font-size:11px; color:#333;
padding-top:5px;
padding-bottom:1px;
padding-left:20px;
background:#F1F1F1;
border-top:1px solid #FFF; 
 }
.menuclosing a, .menuclosing a:visited { text-decoration:underline; color:#333; margin-left:5px; margin-right:5px;}
.menuclosing a:hover {text-decoration:none;} 

.finish {
top:-15px;
background-color:#F1F1F1; 
border-left:1px solid #D8D8D8;
border-right:1px solid #D8D8D8; 
border-bottom:1px solid #D8D8D8;  }



.listsaran{ text-align:left;  margin-left:15px; padding-bottom:5px; padding-top:5px; line-height:12px; word-spacing:2px; color:#003366;}
.listsarantitle {padding-left:0px; font-size:12px; color:#669900; text-align:left; }

/* form */


form {
 margin: 0;
 padding: 0;
}

.input {
 font-size: 12px;
 color: #333;
 border:1px solid #f1f1f1;  
 outline:solid 1px #d1d1d1;
 font-size: 12px;
 padding: 5px;
 margin: 0px;
}

.textarea {
 font-size: 12px;
 color: #333;
 border:1px solid #f1f1f1;  
 outline:solid 1px #d9d9d9;
 padding: 5px;
 margin: 0px;
}

.select {
 background-color: #fff;
 border:1px solid #f1f1f1;  
 outline:solid 1px #d9d9d9;
 font-size:  12px;
 font-weight: normal;
 color: #333;
 padding: 0;
 margin: 0px;
}

.checkbox {
 background-color: transparent;
 padding: 0;
 border: 0;
}

.button {
 background: #fff url(bg_button.gif) ;
 color: #333;
 font-weight: normal;
 border: 1px solid #B3B4BD;
 -moz-border-radius: 5px; -webkit-border-radius: 5px;
 padding: 4px;
 margin: 0px;
}