/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */
.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/*--------------- mega.css -----------------*/
body { margin: 0px; margin-left:1px; margin-top:0px; margin-bottom:0px; 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; }

#kolomkiri {width:670px; padding-right:20px; float:left;}
#kolomtengahdepan {width:670px; padding-right:20px; float:left;}
#kolomkanandepan {width:650px; float:left;}
#kolomtengah {width:670px; padding-right:18px; padding-top:10px;}
#kolomkanan {width:660px; padding-top:10px;}

#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;}

#beritaterkini { margin-left: 0px; margin-top: 0px; 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: 0px; 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;}

.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:#888; margin-top:5px;}
.linkabukecil a {color:#777; text-decoration:underline;}
.linkabukecil a:hover {text-decoration:none;}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #333;
padding:0px;
background: #FFF url(images/grad_tooltip01.gif) repeat-x;
visibility: hidden;
z-index: 100;

}

#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;}

/* -------------------tab.css */
.basictab{
padding: 3px 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-left:5px;
font: bold 11px Arial;
text-transform:uppercase;
border-bottom: 1px solid #999;
list-style-type: none;
}

.basictab li{
display: inline;
margin: 0;

}

.basictab li a{
text-decoration: none;
padding: 3px 5px;
border: 1px solid #999;
border-bottom: none;
background-color: #DDD;
color: #2d2b2b;
background-image:url(images/tabs.gif); background-repeat:repeat-x;

}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover{
background-image:none;
background-color: #FCA20F;
color: white;
}

.basictab li a:active{
color: black;
}


.basictab li a.selected{ 
position: relative;
top: 1px;
}

.basictab li a.selected{ 
background-color: #FFF;
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

.basictab li a.selected:hover{ 
text-decoration: none;
color: black;
}

/* tab headline */

.basictabdepan {
padding: 0px 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-left:5px;
font: bold 11px Arial;
text-transform:uppercase;
border-bottom: 1px solid #999;
list-style-type: none;
float:left;
}

.basictabdepan li{
display: inline;
float:left;
margin: 0;
margin-right:2px;

}

.basictabdepan li a{
text-decoration: none;
padding: 3px 5px;
border: 1px solid #999;
border-bottom: none;
background-color: #DDD;
color: #2d2b2b;
background-image:url(images/tabs.gif); background-repeat:repeat-x;
float:left;

}

.basictabdepan li a:visited{
color: #2d2b2b;
}

.basictabdepan li a:hover{
background-image:none;
background-color: #FCA20F;
color: white;
}

.basictabdepan li a:active{
color: black;
}


.basictabdepan li a.selected{ 
position: relative;
top: 1px;
}

.basictabdepan li a.selected{ 
background-color: #FFF;
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

.basictabdepan li a.selected:hover{ 
text-decoration: none;
color: black;
}

.basictabdepan li.linkindex {
float:right;
font: normal 9px arial;
color:#F60;
text-transform:lowercase;
}

.basictabdepan li.linkindex a {
color:#F60;
text-decoration:none;
background:none;
border:none;
margin:0;
padding:0;
vertical-align:bottom;
}

.basictabdepan li.linkindex a:hover {
color:#F60;
text-decoration:none;
background: #EEE;
border:none;
margin:0;
padding:0;
vertical-align:bottom;
}









/* tab dua */
.tabdepan{
padding: 3px 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-left:5px;
font: bold 11px Arial;
text-transform: capitalize;
border-bottom: 1px solid #999;
list-style-type: none;
}

.tabdepan li{
display: inline;
margin: 0;

}

.tabdepan li a{
text-decoration: none;
padding: 3px 5px;
border: 1px solid #999;
border-bottom: none;
background-color: #DDD;
color: #2d2b2b;
background-image:url(images/tabs.gif); background-repeat:repeat-x;

}

.tabdepan li a:visited{
color: #2d2b2b;
}

.tabdepan li a:hover{
background-image:none;
background-color: #FCA20F;
color: white;
}

.tabdepan li a:active{
color: black;
}

.tabdepan li a.selected{ 
position: relative;
top: 1px;
}

.tabdepan li a.selected{ 
background-color: #FFF;
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

.tabdepan li a.selected:hover{ 
text-decoration: none;
color: black;
}


/* Travel only */
.traveltab{
padding: 3px 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-left:5px;
font: bold 11px Arial;
text-transform:uppercase;
border-bottom: 1px solid #B62B0E;
list-style-type: none;
}

.traveltab li{
display: inline;
margin: 0;

}

.traveltab li a{
text-decoration: none;
padding: 3px 5px;
border: 1px solid #B62B0E;
border-bottom: none;
background-color: #DDD;
color: #666;
background-image:url(images/tabs.gif); background-repeat:repeat-x;

}