/* CSS Document */
body { margin: 0px;	margin-left:5px; font:normal 12px arial; color:#333333; line-height:16px;}
form {margin:0; padding:0;}
p {margin-top:0; line-height:20px;}

a {text-decoration:underline; color:#333;}

#cakup {width:990px; border:1px solid #DDD; border-top:0px solid #CCC; float:left;}

#barticker {background-color: #F5F5F5; border-bottom:1px solid #CCC; border-top:1px solid #CCC; height:28px; padding:0px 10px 0px 10px;} 


/*Clears all
Assigned to a BR tag placed just before
menuwrapper's closing DIV tag*/
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
	padding:0;
	margin:0;
}



.judulindexrubrik {font:normal 30px arial; color:#333; text-transform: capitalize; letter-spacing: -1px;}

#search{font:normal 11px arial; color:#333;}
#search a {font:normal 11px arial; color:#666; text-decoration:underline; margin-left:5px;}
.inputsearch { float:left; font: normal 11px Arial; margin-left: 0px; padding:0 3px; border:1px solid #CCC;}
.butsearch { float:left; margin-left: 5px;}
.inputbiasa { font: normal 11px Arial; margin-left: 0px; padding:0 3px; border:1px solid #CCC;}
select { font: normal 11px Arial; margin-left: 0px; padding:0px; border:1px solid #CCC;}

#head { width:990px; height:85px; background-image:url(images/bg_head.jpg); margin-bottom:5px;}
.logo {float:left; margin-left:10px;}
.bntop { float:right; padding-right: 10px; padding-top:13px;}

#topnav {width:987px; height:24px; border-left:1px solid #CCC; }
#toplink	{ padding:0; margin:0; font: normal 11px arial; white-space:nowrap; height:24px; }
#toplink li	{ display:inline; }
#toplink li a	{ padding:5px 5px; color:#000; text-decoration:none; float:left; border-right:1px solid #CCC; border-top:1px solid #CCC;}
#toplink li a:hover	{ background:#F5F5F5; color:#000; }
#toplink li.diselect a { background-image:url(../images/bgtopnav.gif); background-repeat:repeat-x; }
#toplink li.diselect a:hover { background-image:url(../images/bgtopnav.gif); background-repeat:repeat-x; }


#kolomkiri {width:320px; padding-right:18px;}
#kolomtengah {width:320px; padding-right:18px;}
#kolomkanan {width:310px;}
#kolomkiridalam {width:640px; padding-right:40px; padding-left:10px; padding-top:0px; margin-top:0px; }
#kolomkiridalamkhusus {width:650px; padding-right:20px; padding-left:10px; padding-top:0px; }
#kolomkirinempel {padding-right:20px; margin-top:0px;}


.ads {margin:10px 0; font:normal 10px arial; color:#999999;}


.breaknews {font:bold 12px arial; color:#003366; vertical-align:top; padding-top:5px;}
.breaknews a {font:bold 12px arial; color:#003366; text-decoration:none; vertical-align:top; margin-left:3px;}
.breaknews a:hover {color:#CC0000; text-decoration:underline;}


#beritaterkini { margin-left: 0px; margin-top: 10px; padding-left: 0; list-style: none;}
#beritaterkini li { padding-left: 0px;/* background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0 .5em;*/; border-bottom:1px solid #EEE; padding-top:3px; padding-bottom:3px; }
#beritaterkini a { font:bold 12px arial; color:#336699; text-decoration:none;}
#beritaterkini a:hover { color:#003366; text-decoration:none;}
#beritaterkini span {font:normal 10px arial; color:#999; margin-right:7px;}

#beritalist { margin-left: 0px; margin-top: 10px; padding-left: 0; list-style: none;}
#beritalist li { padding-left: 10px; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0 .7em;  border-bottom:1px solid #EEE; padding-top:3px; padding-bottom:3px; }
#beritalist a { font:bold 12px arial; color:#336699; text-decoration:none;}
#beritalist a:hover { color:#003366; text-decoration:underline;}
#beritalist span {font:normal 11px arial; color:#666; margin-right:7px;}

#navlist { margin-left: 0; margin-top: 5px; margin-bottom:0;  padding-left: 0; list-style: none; border-top:1px solid #EEE;}
#navlist li { padding-left: 10px; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0 .6em;  padding-top:2px; padding-bottom:2px;  border-bottom:1px solid #EEE;  }
#navlist a { font:normal 12px arial; color:#336699; text-decoration:none;}
#navlist a:hover { color:#003366; text-decoration:underline;}
#navlist span {font:normal 11px arial; color:#666; margin-right:7px;}

#vidlist { margin-left: 0; margin-top: 5px; margin-bottom:0px; padding-left: 0; list-style: none; border-top:1px solid #EEE;}
#vidlist li.listvid { padding-left: 20px; background-image: url(images/icon_video.gif); background-repeat: no-repeat; background-position: 0 .4em;  border-bottom:1px solid #EEE; padding-top:3px; padding-bottom:3px; }
#vidlist li.listimage { padding-left: 20px; background-image: url(images/icon_kamera.gif); background-repeat: no-repeat; background-position: 0 .4em;  border-bottom:1px solid #EEE; padding-top:3px; padding-bottom:3px; }
#vidlist li.listpod { padding-left: 20px; background-image: url(images/icon_podcast.gif); background-repeat: no-repeat; background-position: 0 .4em;  border-bottom:1px solid #EEE; padding-top:3px; padding-bottom:3px; }
#vidlist a { font:normal 11px arial; color:#036; letter-spacing:0.02em; text-decoration:none;}
#vidlist a:hover { text-decoration:underline;}
#vidlist span {font:normal 11px arial; color:#666; letter-spacing:0.02em; margin-right:7px;}


.balong {font:bold 15px arial; text-transform:uppercase; color:#000000; letter-spacing:-0.04em;}
.balong a {font:bold 16px arial; color:#000000; text-decoration:none;}

.balongputih {font:bold 15px arial; text-transform:uppercase; color:#FFF; letter-spacing:-0.04em;}
.balongputih a {font:bold 16px arial; color:#FFF; text-decoration:none;}

#headline {width:299px; padding:10px; padding-top:20px; border-bottom:1px solid #CCC; border-right:1px solid #CCC; background-image:url(images/bg_headlines.jpg); background-repeat:repeat-x;}
#headlinedalam {width:299px; padding:10px; padding-top:10px; border-bottom:1px solid #CCC; border-right:1px solid #CCC; border-top:1px solid #CCC; }

.judulheadline {font:bold 18pt arial; color: #336699; margin-bottom:4px; letter-spacing:-1.1pt; line-height:19pt;}
.judulheadline a {color:#336699; text-decoration:none;}
.judulheadline a:hover {color:#003366; text-decoration:underline;}
.imgheadline {margin-bottom:10px; width:298px; height:225px; border:1px solid #CCC;}


#kelengkapan { float:left; width:300px; margin:10px 0; padding:5px 0;}
#kelengkapan a {margin-right:5px; font:normal 11px arial; color:#666; text-decoration:none; float:left; border:1px solid #CCC; padding:1px 5px; background-color:#F0F0F0; }
#kelengkapan a:hover { text-decoration:undeline;  background-color:#DDD; }
#kelengkapan img {margin-right:5px; border:none;}

#boxbelt {float:left; width:279px; height:110px; background-color:#FFFFFF; padding:10px; border:1px solid #CCC; height:80px; margin: 0 2px;}
#boxbelt span {margin-right:10px;}


#beritaleading {width:320px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #CCC;}
.tanggal {font:normal 11px arial; color:#555;  margin-bottom:2px;}

.thumb {float:left; margin-right:5px;}
.thumb img {width:80px; height:60px; border:1px solid #CCC;}

.thumbmulti img {width:65px; height:49px; border:1px solid #CCC; margin-right:3px;}

.thumbima {float:left; margin-right:3px;}
.thumbima img {width:65px; height:49px; border:1px solid #CCC;}

.thumbkecil {float:left; margin-right:5px;}
.thumbkecil img {width:45px; height:45px; border:1px solid #CCC;}



.judul {font:bold 1.2em arial; color: #336699; *letter-spacing:-0.05em;}
.judul a {color:#336699; text-decoration:none;}
.judul a:hover {color:#003366; text-decoration:underline;}

.judulputih {font:bold 1.2em arial; color: #FFF; *letter-spacing:-0.05em;}
.judulputih a {color:#FFF; text-decoration:none;}
.judulputih a:hover {text-decoration:underline;}

.textputih {font:normal 12px arial; color: #FFF;}

.boximgartikel {float:left; width:300px; height:245px; margin-top:0px; margin-right:10px; margin-bottom:10px; font:normal 9px arial; color:#666;}
.boximgartikel img {width:300px; height:225px;}
.boximgartikel span {clear:left; float:right; padding:0px;}
.boximgartikel a {font:normal 9px arial; color:#666; text-decoration:none;}
.boximgartikel a:hover {color:#333; }

.boximgartikeldepan {width:300px; height:14px; margin-top:0px; margin-bottom:10px; font:normal 11px arial; color:#666;}
.boximgartikeldepan a { float:right; font:normal 9px arial; color:#666; text-decoration:none;}
.boximgartikeldepan a:hover {color:#333; text-decoration:underline; }

.judulisiberita {font:bold 18pt arial; color: #336699; letter-spacing:-1.1pt; line-height:19pt; margin-bottom:14px; margin-top:20px; width:500px;}

.artikeltools {float:right; font:normal 11px arial; color:#333;}
.artikeltools a {margin-left:5px; float:left; border:1px solid #DDD; background-color:#F5F5F5; padding:5px;  font:normal 11px arial; color:#555; text-decoration:none;}
.artikeltools a:hover {border:1px solid #999;}
.artikeltools span {margin-left:5px; float:left; border:1px solid #DDD; background-color:#F5F5F5; padding:5px 5px;  font:normal 11px arial; color:#999; text-decoration:none;}
.artikeltools span img {margin-left:0px; margin-right:0px; float:left; vertical-align:middle;}
.artikeltools img {margin-right:5px; float:left; border:none;}
.artikeltools select { border:1px solid #CCC; font:normal 11px arial; color:#333; text-decoration:none; float:left; margin-left:5px; }
.artikeltools b {margin:0 5px; float:left; font:bold 11px arial; color:#333; text-decoration:none;}

.artikelkiriman {float:left; font:normal 11px arial; color:#333;}
.artikelkiriman img {border:0; vertical-align:middle; margin-left:10px;}


.cuaca {float:right; font:normal 11px arial; color:#999;}
.cuaca b {margin-left:10px; float:left; font:bold 12px arial; color:#666; text-decoration:none;}
.cuaca img {margin-left:10px; float:left; }
.cuaca span {margin-left:10px; float:left; font:bold 12px arial; color:#C00; text-decoration:none;}
.cuaca select { border:1px solid #CCC; font:normal 11px arial; color:#666; text-decoration:none; float:left; margin-left:10px; }


#boxterkait { float:right; width:200px; border:1px solid #DDD; margin-left:20px; margin-top:10px;  margin-bottom:10px;}
#boxterkait select { font:normal 11px arial; color:#003366; text-decoration:none;}


.judulnolead {font:bold 1em arial; color: #336699; letter-spacing:0em; margin-bottom:1px;}
.judulnolead a {color:#336699; text-decoration:none;}
.judulnolead a:hover {color:#003366; text-decoration:underline;}

.linkroot {font:normal 11px arial; color:#333; letter-spacing:0.02em;}
.linkroot a {color:#333; text-decoration:underline; margin-left:5px; margin-right:5px;}
.linkroot a:hover {color:#FF6600; text-decoration:none;}

.linkabukecil {font:normal 11px arial; color:#333; letter-spacing:0.02em; margin-top:5px;}
.linkabukecil a {color:#333; text-decoration:underline;}
.linkabukecil a:hover {text-decoration:none;}

.judulmerahkecil {font:bold 11px arial; color: #F60; text-transform:uppercase; /*letter-spacing:-0.01em;*/ margin-bottom:2px; margin-top:3px;}
.judulmerahkecil a {color:#F60; text-decoration:none;}
.judulmerahkecil a:hover {text-decoration:underline;}

.linkbirukecil {font:normal 11px arial; color:#036; letter-spacing:0.02em;}
.linkbirukecil a {color:#036; text-decoration: underline;}
.linkbirukecil a:hover {text-decoration:none;}

.linktopartikel {font:bold 11px arial; color:#666; letter-spacing:0.02em; margin-bottom:10px;}
.linktopartikel a {color:#666; text-decoration:none; margin-right:7px; margin-left:7px;}
.linktopartikel a:hover {color:#333; text-decoration:underline;}



.titlekecil {font:bold 1.1em arial; color: #333; text-transform:uppercase;}
.titlekecil a {color:#333; text-decoration:none;}
.titlekecil a:hover {text-decoration:underline;}


#box260 {width:260px;}
#box2602 {width:260px; padding-top:15px; margin-top:20px; border-top:1px solid #CCC;}



#boxnomor { font: bold 11px verdana; padding: 0px 0px; margin-top:0;}
#boxnomor a { display:block; float:left; border:1px solid #DDD; padding:3px; margin:0px 3px 10px 0px; text-decoration:none; color:#555; background-color:#f0f0f0;}
#boxnomor a:hover { background-color:#003366; border:1px solid #000; color:#FFFFFF;}

.boxnomordaerah { font: bold 11px verdana; margin-top:0;}
.boxnomordaerah a {display:block; float:left; border:1px solid #CCC; padding:4px; margin:0px 3px 10px 0px; text-decoration:none; color:#333; background-color:#f0f0f0; }
.boxnomordaerah a:hover { background-color:#003366; border:1px solid #000; color:#FFFFFF;}

.agenda { font:normal 11px arial; color:#003366;}
.agenda a { font:bold 11px arial; color:#003366; text-decoration:none; }
.agenda a:hover { text-decoration:underline;}
.agendalist { margin-left: 0; margin-top: 5px; margin-bottom:0;  padding-left: 0; list-style: none;}
.agendalist li { padding-left: 10px; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0 .5em; }
.agendalist a { font:normal 11px arial; color:#003366; text-decoration:none;}
.agendalist a:hover { text-decoration:underline;}
.agendaist span {font:normal 11px arial; color:#666; margin-right:7px;}


#drop {padding-left:10px; font:normal 12px arial; color:#333;}
#drop select {font:normal 11px arial; color:#333; width:150px; background-color:#FFF; border:1px solid #999;}
.linkdrop { float:left; margin-top:0px; margin-right:10px; width:150px;}

.menufooter {font:bold 12px arial; color:#036; padding-left:10px; line-height:22px; background-color:#FFFFFF}
.menufooter a { text-decoration:underline; color:#036; font:normal 11px arial; margin-left:2px; margin-right:2px;}
.menufooter a:hover {text-decoration:none;} 

.menufooterlayanan {font:normal 12px arial; color:#036; padding-left:10px; }
.menufooterlayanan a { font:bold 12px arial; 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:normal 11px arial; color:#333; padding-top: 10px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; }
.menuclosing a { text-decoration:underline; color:#333; margin-left:5px; margin-right:5px;}
.menuclosing a:hover {text-decoration:none;} 


#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #333;
padding:0px;
/*background-image:url(images/bgtip.gif); background-repeat:repeat-x;*/
background-color: #FFFFE0;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=120);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#tooltip { float:left; padding:10px; font: normal 12px arial; color:#333; }
#tooltip b {font:bold 1.2em arial; color: #336699; *letter-spacing:-0.03em; }
#tooltip img {float:left; width:65px; height:49px; border:1px solid #FFF; margin-right:5px; margin-bottom:10px; }
#tooltip span { clear:left; margin-top:5px; font:normal 11px arial; color: #336699;}
.tooltipicon {clear:left; padding:10px; font:normal 11px arial; color:#333; border-top:1px solid #666;}
.tooltipicon img {margin-right:5px}