/* CSS Document */ body { margin: 0px; margin-left:5px; margin-top:5px; font:normal 12px arial; color:#000; 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; padding:0; margin:0;} #barticker {background-color: #F5F5F5; border-bottom:1px solid #CCC; border-top:1px solid #CCC; height:28px;} .breaknews {vertical-align:top; padding-top:5px; padding-left:10px;} .clearit { clear: both; height: 0; line-height: 0.0; font-size: 0; padding:0; margin:0; } .tanggal {font:normal 10px arial; color:#666; margin-bottom:2px; text-transform:uppercase;} .tanggalindex {font:normal 10px arial; color:#666; margin-right:20px; text-transform:uppercase;} .judulindexrubrik {font:bold 30px trebuchet MS; color:#333; text-transform: capitalize;} #beritaleading {width:320px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #CCC;} .judulisiberita {font:bold 18pt arial; color: #336699; letter-spacing:-1px; line-height:21pt; margin-bottom:14px; margin-top:20px; width:500px;} .textputih {font:normal 12px arial; color: #FFF;} #head { width:990px; height:85px; background-image:url(/data/images/bg_head.jpg); margin-bottom:5px;} .logo {float:left; margin-left:10px;} .bntop { float:right; padding-right: 10px; padding-top:13px;} #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; width:80px; 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 4px; border:1px solid #999;} select { font: normal 11px Arial; margin-left: 0px; padding:0px; border:1px solid #CCC;} .butinput { font: normal 11px Arial; margin-left: 0px; padding:0 4px; border:1px solid #666; background: #D6D6D6 url(/data/images/bg_input.gif) repeat-x top;} #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 8px; 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(/data/images/bgtopnav.gif); background-repeat:repeat-x; } #toplink li.diselect a:hover { background-image:url(/data/images/bgtopnav.gif); background-repeat:repeat-x; } #kolomkiri {width:320px; padding-right:20px; float:left;} #kolomtengahdepan {width:320px; padding-right:20px; float:left;} #kolomkanandepan {width:300px; float:left;} #kolomtengah {width:320px; padding-right:18px; padding-top:10px;} #kolomkanan {width:310px; padding-top:10px;} #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; } #kolomkiridalampodcast {width:660px; padding-top:0px; float:left; margin-right:20px; } #kolomkiridalamartikel {width:650px; padding-left:10px; padding-bottom:10px; padding-top:0px; float:left; margin-right:20px; } #kolomkirinempel {padding-right:20px; margin-top:0px;} #kolomberitabawah {width:850px; float:left; margin-left:0px; padding-left:10px; padding-right:0px;} #kolomiklanbawah {width:130px; float:right; margin:0px;} #box260 {width:260px; padding-top:5px; margin-top:20px; border-top:1px solid #CCC;} #box2602 {width:260px; padding-top:5px; margin-top:20px; border-top:1px solid #CCC;} #boxbalong {width:260px; padding-top:0px; margin-bottom:10px;} #boxbalong2 {width:260px; float:left; padding-right:20px;} #boxkolombalongkiri {width:260px; float:left; padding-right:20px;} #boxkolombalongkanan {width:560px; float:left;} .ads {margin:10px 0; font:normal 10px arial; color:#999999;} .ads2 {float:left; width:470px; font:normal 10px arial; color:#999999;} .ads3 {float:left; width:240px; font:normal 10px arial; color:#999999; margin-left:86px;} #beritaterkini { margin-left: 0px; margin-top: 0px; padding-left: 0; list-style: none;} #beritaterkini li { padding-left: 0px;/* background-image: url(/data/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: 0px; padding-left: 0; list-style: none;} #beritalist li { padding-left: 10px; background-image: url(/data/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(/data/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:bold 11px arial; color:#F60; margin-right:5px; text-transform:uppercase;} #forumlist { margin-left: 0; margin-top: 5px; margin-bottom:0; padding-left: 0; list-style: none; border-top:1px solid #EEE;} #forumlist li { padding-top:2px; padding-bottom: 2px; border-bottom:1px solid #EEE; } #forumlist a { font:normal 12px arial; color:#336699; text-decoration:none;} #forumlist a:hover { color:#003366; text-decoration:underline;} #forumlist span {font:bold 12px arial; color:#036; 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(/data/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(/data/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(/data/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 14px arial; text-transform:uppercase; color:#000000;} .balong a {font:bold 14px arial; color:#000000; text-decoration:none;} .balongputih {font:bold 14px arial; text-transform:uppercase; color:#FFF;} .balongputih a {font:bold 14px arial; color:#FFF; text-decoration:none;} #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:280px; height:94px; background-color:#FFFFFF; padding:10px; border:1px solid #CCC; margin: 0 2px;} #boxbelt span {margin-right:10px;} .thumb {float:left; margin-right:5px; margin-top:3px;} .thumb img {width:80px; height:60px; border:1px solid #CCC; margin:0; padding:1px;} .thumbgede {float:left; margin-right:10px;} .thumbgede img {width:100px; height:75px; border:1px solid #CCC; margin:0; padding:1px;} .thumbseleb {float:left; margin-right:10px;} .thumbseleb img {width:133px; height:100px; margin:0; border:1px solid #EEE;} .thumbmulti img {float:left; width:65px; height:49px; padding:1px; border:1px solid #CCC; margin-right:5px;} .thumbmultix {float:left;} .thumbmultix img {width:80px; height:60px; border:1px solid #CCC;} .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 13px arial; color: #336699;} .judul a {color:#336699; text-decoration:none; padding:0; margin:0;} .judul a:hover {color:#003366; text-decoration:underline;} .judulpembaca {font:normal 21px arial; color: #336699; margin-bottom:5px;} .judulpembaca a {color:#336699; text-decoration:none; padding:0; margin:0;} .judulpembaca a:hover {color:#003366; text-decoration:underline;} .judulnolead {font:bold 12px arial; color: #336699; margin-bottom:1px;} .judulnolead a {color:#336699; text-decoration:none;} .judulnolead a:hover {color:#003366; text-decoration:underline;} .judulputih {font:bold 13px arial; color: #FFF;} .judulputih a {color:#FFF; text-decoration:none;} .judulputih a:hover {text-decoration:underline;} .judulmerahkecil {font:bold 11px arial; color: #F60; text-transform:uppercase; /*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; } .linkbirukecil a {color:#036; text-decoration: none;} .linkbirukecil a:hover {text-decoration:underline;} .linkbirukecilbold {font:bold 11px arial; color:#036;} .linkbirukecilbold a {color:#036; text-decoration:none;} .linkbirukecilbold a:hover {text-decoration:underline;} .linkkecil {font:normal 11px arial; color:#000;} .linkkecil a {color:#000; text-decoration:none;} .linkkecil a:hover {text-decoration:underline;} .linkroot {font:normal 11px arial; color:#333;} .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;} .linkabukecil a {color:#333; text-decoration:underline;} .linkabukecil a:hover {text-decoration:none;} .boxartikel {float:left; width:302px; margin-right:20px; margin-bottom:20px;} .boximgheadline { width:300px; margin-top:0px; font:normal 9px arial; color:#666;} .boximgheadline img {width:300px; height:225px;} .boximgheadline span { float:right; font:normal 9px arial; color:#000; padding-top:0; } .boximgheadline a { font:normal 9px arial; color:#666; text-decoration:none; padding:0;} .boximgheadline a:hover {color:#999; } .boximgartikel { width:300px; padding:1px; margin-top:0px; font:normal 9px arial; color:#666; background-color:#F2F2F2;} .boximgartikel img {width:300px; height:225px;} .boximgartikel span { float:left; font:normal 11px arial; color:#000; padding:4px; padding-top:0; } .boximgartikel a { float:right; font:normal 9px arial; color:#666; text-decoration:none; padding:0;} .boximgartikel a:hover {color:#999; } #headline {width:300px; padding:10px; padding-top:10px; border-bottom:1px solid #CCC; border-right:1px solid #CCC; background-image:url(/data/images/bg_headlines.jpg); background-repeat:repeat-x;} #headlinedalam {width:300px; 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:-1px; line-height:21pt;} .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;} #boxterkait { border-top:2px solid #DDD; padding:0px; margin-top:10px; padding:5px 0;} #boxterkait select { font:normal 11px arial; color:#003366; text-decoration:none;} .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; } .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:0px;} .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; padding-top:2px;} .cuaca img {margin-left:10px; float:left; padding-top:2px; } .cuaca span {margin-left:10px; float:left; font:bold 12px arial; color:#C00; text-decoration:none; padding-top:2px;} .cuaca select { border:1px solid #CCC; font:normal 11px arial; color:#666; text-decoration:none; float:left; margin-left:10px; } /* site map */ .sitemaproot { padding-left: 15px; background: url(/data/images/co_icon_04.gif) no-repeat 0 .2em; font:bold 12px arial; color:#036; text-transform:uppercase;} .sitemaproot a { font:bold 12px arial; color:#036; text-decoration:none; } .sitemaproot a:hover { text-decoration:underline; } #sitemaplist { margin-left: 3px; margin-top: 0px; margin-bottom:0; padding-left: 0; list-style: none; font:normal 11px arial; } #sitemaplist li { padding-left: 15px; background: url(/data/images/co_icon_05.gif) no-repeat; background-position:0 .0em; padding-top:0px; padding-bottom: 2px; } #sitemaplist li.lengkung{ padding-left: 15px; background: url(/data/images/co_icon_06.gif) no-repeat; background-position:0 .0em; padding-top:0px; padding-bottom: 2px; } #sitemaplist a { font:normal 11px arial; color:#000; text-decoration:none;} #sitemaplist a:hover { text-decoration:underline;} .gotoindex {font:normal 9px arial; color:#666; padding-top:3px;} .gotoindex a {color:#F60; text-decoration: none;} .gotoindex a:hover {text-decoration:none; color:#FFF; background-color:#003366;} .gotoindexputih {font:normal 9px arial; color:#666; padding-top:3px;} .gotoindexputih a {color:#FFF; text-decoration: none;} .gotoindexputih a:hover {text-decoration:none; color:#CCC;} .keciiil {font:normal 9px arial; color:#999;} .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;} /* blogs */ .blogheadline {font:normal 18px arial; color: #000; margin-bottom:5px;} .blogheadline a {color: #000; text-decoration:none;} .blogheadline a:hover {text-decoration:underline;} .blogtext {font:normal 12px arial; color: #000; margin-bottom:5px; line-height:18px; padding-right:75px; background:url(/data/images/quote_end.gif) no-repeat top right;} .blogtext a {color: #000; text-decoration:none;} .blogtext a:hover {text-decoration:underline;} .blogtext span {margin-left:5px;} .blogtext span a {font:bold 12px arial; color: #F60; text-decoration:none; margin-left:5px;} .blogtext b {font:normal 18px arial; color: #000;} .blogtext b a {font:bold 18px arial; color: #000; text-decoration:none;} #bloglist { margin-left: 0; margin-top: 0px; margin-bottom:0; padding-left: 0; list-style: none;} #bloglist li { padding-top:2px; padding-bottom: 2px; } #bloglist a { font:normal 12px arial; color:#336699; text-decoration:none;} #bloglist a:hover { color:#003366; text-decoration:underline;} #bloglist span {font:normal 11px arial; color:#F60;} #bloglist b { font:normal 18px arial; color:#000; text-decoration:none;} #boxnomor { font: bold 11px verdana; margin-top:0;} #boxnomor a {display:block; float:left; border:1px solid #CCC; padding:4px; margin:0px 3px 10px 0px; text-decoration:none; color:#333; background-color:#f0f0f0; } #boxnomor a:hover { background-color:#336699; border:1px solid #000; color:#FFFFFF;} #boxnomor a.dipilih { 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:#336699; border:1px solid #000; color:#FFFFFF;} .boxnomordaerah a.dipilih { 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(/data/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:15px 10px; font:normal 12px arial; color:#333; background-color:#F5F5F5; border-top:1px solid #E4E4E4; border-bottom:1px solid #DDD;} #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 11px arial; color:#036; padding:15px 10px; line-height:22px; background-color:#FFFFFF; border-top:1px solid #CCC; } .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:15px 10px; background-color:#EBEBEB;} .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:10px; line-height:20px; background-color:#F1F1F1; border-top:1px solid #FFF; border-bottom:30px solid #D8D8D8; } .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: #FFF url(/data/images/grad_tooltip01.gif) repeat-x; 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 { padding:10px; font: normal 12px arial; color:#333; } #tooltip b {font:bold 1.2em arial; color: #336699; *letter-spacing:-0.03em; } #tooltip span { margin:0; padding:0; background:#FFF;} #tooltipx { background-color:#FFFFFF; height:31px; float:right; font: normal 9px arial; color:#999999; padding:3px;} #tooltipx img { vertical-align:middle;} .tooltipicon {clear:left; padding:10px; font:normal 11px arial; color:#333; border-top:1px solid #666;} .tooltipicon img {margin-right:5px}