/* CSS Document 
POS KUPANG SPORT AGUSTUS 2009
*/
#cakuppersda {width:978px; border:1px solid #CBCBCB;background-color:#FFFFFF;}
#headpersda { width:978px; height:100px; background-color:#FFFFFF;}
body { 
	font-family: Arial;
	font-size:11px;
	border:1px solid #CBCBCB; 
	color:black; 
	line-height:16px; 
	background: #fff;
	width:990px;
	margin: 0 auto; 
	}

a {text-decoration:none; color:#fff;}
a img { border: none; }
a:hover { text-decoration:underline; color:red;}

/*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;
	background:none;
}

.spacer {margin-top:5px;}

/*Clears all Assigned to a BR tag placed just before menuwrapper's closing DIV tag*/
.clearwspacer {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
	padding:0;
	margin:5px 0 0 0;
	background:none;
}
/* Header */
#menuatas{width:978px; height:29px; margin:2px 0; background:#fff url(../images/bgnav_atas.gif);}
#menu {width:978px; height:29px; margin:1px 0; background:#fff url(../images/bgnav_atas.gif);}
#main { width:978px; float:left; margin-top:2px;}
#left { width:658px; float:left; }
#right { width:300px; float:right; background-color:#DFEFFF; padding:10px}

#left_01{width:300px; padding:10px; border:1px solid #C0C7CC; background-color:#DFEFFF; float:left}
#left_01a{width:300px; padding:10px; float:left; background-color:#fff; border:0px solid #fff;}
#left_02{width:310px; padding:10px; float: left}

.judulheadline {font:bold 18px arial; color: #336699;}
.judulheadline a {color:#336699; text-decoration:none;}
.judulheadline a:hover {color:#3399cc; text-decoration:none;}
.tanggalheadline { font:normal 10px Arial;text-decoration:none; color:#3399cc; text-transform:uppercase;}
.leadheadline { font:normal 12px Arial;text-decoration:none;color:#000; text-align:justify}
#tkfoto{ font:normal 10px arial;color:#3399cc;text-align: right;width:300px;}
.advert{ font:normal 10px Arial;text-decoration:none;color:#666;padding-left:5px;}
.adv{ text-align:center; margin:5px;}
.adv a, .adv img{ border:0 solid #fff; text-decoration:none}

thumb {float:left; margin-right:5px; margin-top:3px;}
.thumb img {width:60px; height:45px; border:1px solid #C0C7CC; margin:0 5px 0 0; padding:1px; }

#keindex {font:normal 11px Arial;color:#3399cc;text-decoration:none;}
#keindex a{font:normal 11px Arial;color:#3399cc;text-decoration:none;}
#keindex a:hover{text-decoration:none; color:#02254C}

#beritaterkini { margin: 10px 0 0 0; padding: 0; list-style: none;}
#beritaterkini li { padding: 3px 0px; border-bottom:1px solid #EEE; }
#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:5px; }


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

.fitur {font:bold 14px Arial;color:#134692;text-transform:uppercase;text-decoration:none;}
#judulfitur {font:bold 12px Arial;color:#2D2D2D;text-decoration:none;}
#judulfitur a{font:bold 12px Arial;color:#2D2D2D;text-decoration:none;}
#judulfitur a:hover{text-decoration:underline;}

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

#beritaleading {width:100%; margin:10px 0; padding-bottom:15px; border-bottom:1px solid #CCC;}
.tanggal {font:normal 10px arial; color:#3399CC;text-transform:uppercase;   margin-bottom:2px;}
.judul033 {font:bold 13px arial; color: #336699;}
.judul033 a {color:#336699; text-decoration:none;}
.judul033 a:hover {color:#003366; text-decoration:underline;}
.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;}

.balong {font:bold 14px arial; text-transform:uppercase; color:#000000;}
.balong a {font:bold 14px arial; color:#000000; text-decoration:none;}

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

#p7menubar, #p7menubar ul {padding: 0;margin: 0;list-style: none;font: bold 11px tahoma;color:#FFFFFF;}
#p7menubar a {display: block;text-decoration: none;padding: 8px 10px 8px 10px;border-right: 1px solid #0066CC;color: #FFF;}
#p7menubar a.trigger {color: #FF0000;background-image:url(../images/bgOFF.gif);repeat:repeat-x;}
#p7menubar a.beda {color: #D8C51F;}
#p7menubar li {float: left;	width:36px;}
#p7menubar li ul, #p7menubar ul li  {width: 118px;}
#p7menubar ul li a  {color: #000000;border-right: 0;padding: 5px 3px 5px 5px;}
#p7menubar li ul {position: absolute;display: none;background-color: #E4F5FA;z-index:200;border-right: 1px solid #7B90AF;
	border-left: 1px solid #7B90AF;border-bottom: 1px solid #7B90AF; margin-left:0px;margin-top:0px;}
#p7menubar li:hover a, #p7menubar a:focus,#p7menubar a:active, #p7menubar li.p7hvr a {color: #A4CEFF;}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {display: block;}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {color: #003366;border-top:1px solid #959595;background-image:none;}
#p7menubar ul a:hover {background-color: #02254C!important;	color: #FFF!important;}
#p7menubar li {width: auto;}


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {padding:0; margin:0; list-style:none; height:28px; background:#fff url(../images/bgOFF1.gif) repeat-x; position:relative; z-index:500; font-family:arial; font-size:11px;}
#nav li.top {float:left; }
#nav li a.top_link { float:left; line-height:28px; color:#02254C; text-decoration:none; font-size:11px; font-weight:bold; padding: 0 12px; cursor:pointer; border-right: 1px solid #f7f7f7}
#nav li a.top_link span {float:left; }
#nav li a.top_link span.down {float:left; }

#nav li:hover a.top_link {color:#969BA1; }
#nav li:hover a.top_link span { text-decoration:none}
#nav li:hover a.top_link span.down { text-decoration:none; margin:0; padding:0}

#nav table, #nav tr, #nav td { vertical-align:top; padding:0; margin:0; text-align:left; }
/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub {left:0; top:26px; background-color:#C0C7CC; margin:0; padding:5px; border:1px solid #C0C7CC; width:150px; height:auto; z-index:300; opacity:0.80; }
#nav li:hover ul.sub li {font-weight:normal; width:150px; margin:0; padding:0}
#nav li:hover ul.sub li a {color:#02254C; font-weight:normal; text-decoration:none; border:1px solid #C0C7CC; line-height:11px; text-align:left; padding:2px 8px; margin:0 }
#nav li:hover ul.sub li a:hover {background-color: #02254C; color:#fff; border-color:#f7f7f7; opacity:0.25; line-height:11px; margin:0; padding:2px 8px;}
#nav li ul.sub li a.fly { text-decoration:none}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:0; top:-4px; background: #f00; padding:0; border:1px solid #5c731e; width:130px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{ color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{ color:#000; border-color:#f00;} 


/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.slidemenu{ font: bold 11px verdana; margin-bottom:10px; }
.slidemenu ul{ margin: 0; padding: 0; float: left; }
.slidemenu ul li{ display: inline; }
.slidemenu ul li a{
float: left;    
margin-right: 2px; 
padding: 0pt 5px;  
font-family: arial;   
font-size: 11px;     
font-weight: normal;   
text-decoration: none;
border:1px solid #f7f7f7;
color: #999999;      
background-color: white;
}

.slidemenu ul li a:visited {
color: #999999;
}

.slidemenu ul li a:hover {
background: #02254C;
font-weight:bold; 
color: #fff;
}


.slidemenu ul li a.selected {
color: #fff;
font-weight:bold;   
background-color: #02254C;
border:1px solid #666;  
}


.tabcontent{
display:none;
}

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



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

.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(../data/images/tabs.gif); background-repeat:repeat-x;
float:left;

}

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

.basictabdepan li a:hover{
background-image:none;
background-color: #02254C;
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(../data/images/shadeactive.gif);
border-bottom-color: white;
}

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

.basictabdepan li.linkindex {
float:right;
font: normal 11px arial;
color:#3399cc;
text-transform:lowercase;
margin:0; padding:6px 0 0 5px;
}

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

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

/* dhtmltooltip  */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 200px;
border: 1px solid black;
padding: 5px;
/*background:#fff url(http://tribunjabar.co.id/images/menu_nav/tooltipbg.png) repeat-x;*/
background:#fff url(../images/tooltipbg.png) 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=135);
font-size:11px;
}

#dhtmltooltip h1{ color : #000; font-size:14px; margin:0; padding:0;  }
#dhtmltooltip small{ font-size:12px; }
#dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden; }

/* END dhtmltooltip */

/* CSS standar kompas.com */
.menufooter {font:bold 12px arial; color:#134692; padding:15px 10px; line-height:22px; background-color:#FFFFFF; border-top:1px solid #CCC; }
.menufooter a { text-decoration:underline; color:#134692; font:normal 11px arial; margin-left:2px; margin-right:2px;}
.menufooter a:hover {text-decoration:none;}

#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:8px; width:150px;}

.menuclosing {font:normal 11px arial; color:#333; padding:10px; line-height:20px; background-color:#F1F1F1; border-top:1px solid #FFF;}
.menuclosing a { text-decoration:underline; color:#333; margin-left:5px; margin-right:5px;}
.menuclosing a:hover {text-decoration:none;}

.blokcopy {font:normal 11px arial; color:#333; padding:10px; line-height:20px; background-color:#D8D8D8;height:15px;}

.menufooter {font:bold 12px 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;}


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

#judulrubriknya {font:normal 36px Times;color:#000000;text-decoration:none;}
#judulartikelnya {font:normal 28px Times;color:#000000;text-decoration:none;}

#headlinedalam {width:300px; padding:10px; border:1px solid #CCC;}
#headlinedalamutama {width:300px;}

#batasartikel {width:100%; margin-left:15px;padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #CCC;}
.boxartikel {float:left; width:302px; margin-right:20px; margin-bottom:20px;}
.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; }
.artikelisi{ font: normal 12px arial; color:#333; text-align:justify}

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

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