@font-face {
    font-family: "Lucida Grande";
    src: url('LucidaGrande.ttf');
}

body{background:#101F4B url(images/bg-tot.gif) repeat-x top; margin:0;  font-size:12px; font-family: 'Lucida Grande' , 'Trebuchet ms', helvetica, sans-serif;}






.head {background:url(images/nav-r-h.gif) repeat-x;}
.head #ki{width:203px;height:137px; background:url(images/logo.gif) no-repeat top left;}
.head #ka{width:179px;height:137px; background:url(images/nav-ka.gif) no-repeat right top;}

.head #asis-nav{ height:79px; background:url(images/head-ai.gif) no-repeat top left;}
.head #main-nav{ height:39px; }
.head #sub-nav{ height:19px;}




.sayap_ki {background:url(images/h-r-ki.gif) repeat-y left;}
.sayap_ki #a {width:70px; height:481px; background:url(images/sayap-ki.gif) no-repeat top;}

.sayap_ki {background:url(images/h-r-ki.gif) repeat-y right top;}
.sayap_ki #plin {width:70px; height:481px; background:url(images/sayap-ki.gif) no-repeat top right;}

.sayap_ka {background:url(images/h-r-ka.gif) repeat-y left top;}
.sayap_ka #plin {width:70px; height:481px; background:url(images/sayap-ka.gif) no-repeat top left;}

.sayap_pa_ki{background:url(images/foot-t-ki.gif);}
.sayap_pa_ka{background:url(images/foot-t-ka.gif);}
.sayap_pa_ki, .sayap_pa_ka {width:70px; height:42px;}
 
.sayap_ba_ki{background:url(images/foot-ki.gif);}
.sayap_ba_ka{background:url(images/foot-ka.gif);}
.sayap_ba_ki, .sayap_ba_ka {width:70px; height:91px;}


.kontener{background: white url(images/foot-kuning.gif) repeat-x bottom;}

.foot  {background:url(images/foot-r.gif) repeat-x top left; width:100%; height:91px;}
.foot #ki {background:url(images/foot-ki-dalam.gif) no-repeat left top;height:91px; float:left;}


.foot #ki li{ list-style:none; float:left; display:block; padding:0 2px; margin-top:20px; color:#D1DBDD; font-size:11px;}
.foot #ki li a{color:#D1DBDD; text-transform:uppercase;}
.foot #ki li a:hover{color:white;}

.foot #ka {background:url(images/foot-ka-dalam.gif) no-repeat right top;height:91px; float:right; }
.foot #ka li{ list-style:none; float:right;   padding:0 2px; margin-top:20px; color:#D1DBDD; font-size:11px;}

.nav-sam{ height:12px; background:url(images/nav-sam.gif) repeat-x;}



a{ color:#0A3BA5; text-decoration:none;}
a:hover{ text-decoration:underline;}

.wrap{ width:100%; margin:0;}

.wrap td#kiri{ width:600px;}
.wrap td#kanan{ width:auto; padding:0;}
.wrap td#separasi{  width:3px;}

 /*
.head #main-nav td{ vertical-align:top; height:39px; padding:8px 10px; color:#D1DBDD; font-size:12px; text-transform:uppercase; cursor:default; font-weight:655;}
.head #main-nav td:hover{ background:url(images/nav-main-hover.gif) repeat-x top; color:#000000;}

.head #sub-nav td{padding:0 4px; vertical-align:top; text-transform:uppercase;}
.head #sub-nav td#href{ cursor:pointer; font-weight:655;}
.head #sub-nav td#href:hover{ color:white;}
*/

.nav_utama{ height:39px;}
.nav_utama a{display:block; margin:0px 15px;}
.nav_utama #biasa:hover{background:url(images/nav-main-hover.gif) repeat-x; cursor:pointer;}
.nav_utama #terpilih{background:url(images/nav-sx.gif) repeat-x;}
.nav_utama #end-bar{}
.nav_utama{font-size:12px; text-transform:uppercase; font-weight:655; vertical-align:top;}
.nav_utama #biasa:hover a{ color:white;}
.nav_utama #biasa a{ text-decoration:none; color:#CAD2E1; margin-top:-8px;}
.nav_utama #terpilih a{ color:#333; text-decoration:none; cursor:default;}

.nav_sub{ }
.nav_sub a{display:block; margin:0px 10px;}
.nav_sub #terpilih span{  display:block;    vertical-align:top;}
.nav_sub #terpilih a{   float:right;  }
.nav_sub #terpilih {  }
  
 .nav_sub #biasa:hover{cursor:pointer;}

.nav_sub #end-bar{}


.nav_sub #terpilih a{color:yellow; text-decoration:none; font-weight:655; cursor:default; font-size:12px;}
.nav_sub #biasa{font-size:12px; vertical-align:top;}
.nav_sub #biasa a{ color:#ddd; text-decoration:none; display:block;  font-weight:655;}
.nav_sub #biasa:hover a{ color:#fff; text-decoration:none;}

.nav_utama,.nav_sub{ font-family:'Lucida Grande','Trebuchet ms';}


h2 {
	color: #1357BC;
	font-size: 16px;
	/*border-bottom: .5em solid #C9DCEA;*/
	background:url(images/h2.gif) repeat-x bottom;
	font: normal 18px/5px 'Lucida Grande','Trebuchet ms';
	margin:0 0 0 0;
	padding:30px 0  15px 20px;
	text-align:left;
	text-transform:uppercase;
	text-align:left;
	}

h3 {color: #881609;border-bottom: .5em solid #fff5a4;font: normal 16px/1px 'Lucida Grande','Trebuchet ms';margin:5px 0 10px 0;padding:10px 0  0 20px; text-align:left;} 

#thumb {border:1px solid #ccc; padding:2px;}


.art tr{ background:url(images/news_row_def.gif) repeat-x;}
.art #ongis{ height:84px; vertical-align:top; width:74px; background:url(images/news_row_logo_def.gif) no-repeat center; color:#2365DF; padding:10px; font-size:11px;}


.art tr:hover{ background:url(images/news_row_hov.gif) repeat-x;}
.art tr:hover  #ongis{ background:url(images/news_row_logo_hov.gif) no-repeat center;}
.art #thu{ width:100px;}
.art #thu img{ border:1px solid #ccc; padding:2px;}
.art #spc{ height:1px; background:white;}
.art #tagline{ text-transform:uppercase; color:#436AB1; font-size:10px; margin:10px 0 0 0;}
.art #title{ font-weight:655; margin:0 0 5px 0; font-size:12px;}
.art #title a{ color:#555;}
.art #title a:hover{ color:#A00;}
.art #summary{ line-height:140%; font-size:11px;}
.art #match_report{ font-weight:655; text-transform:uppercase; padding:10px;}

.art #bola{ background:url(images/bola_k.png) no-repeat right; font-weight:655; padding:10px;}

.artdet { margin:30px 10px 0 20px ; font-size:12px;}

.artdet #summary{  color:#333; font-size:11px; margin:10px 0; line-height:160%; border:1px solid #e5e5e5; 
					background:#f5f5f5 url(images/news_row_def.gif) repeat-x top; padding:5px 10px;}

.artdet #tagline{  color:#436AB1; font-size:13px; margin:0 0 0 0; font-weight:655;}
.artdet #title{ font-weight:655; margin:15px 0 15px 0; font-size:24px; letter-spacing:-1px; color:#113;}
.artdet #date{  color:#A83A3A; font-size:11px; margin:10px 0;}

 
.artdet #entry{ line-height:170%;  text-align:justify; cursor:default;}
 
.artdet #entry acronym{ color:#a00;}
.artdet #entry img{ padding:0 10px 10px 0;}


.artdet-link { font-size:9px; margin:10px 0; background:#f5f5f5 url(images/news_row_def.gif) repeat-x top; padding:5px 10px;}
.artdet-link input{ font-size:9px; padding:2px 4px; color:#999; margin:2px 0; border:0; width:100%;}
.artdet-link input:hover{  color:#333;}
.artdet-link #pet{ font-weight:655; color:#990000; padding:2px 4px;}


.jadwal{ margin-top:0;}
.jadwal th{ background:#5E6677 url(images/news_row_th.gif) repeat-x bottom; height:40px; color:white; vertical-align:bottom; padding:5px;}
.jadwal #o{ background:url(images/news_row_def.gif) repeat-x; }
.jadwal #o:hover{ background:url(images/news_row_hov.gif) repeat-x bottom;}
.jadwal #thu{ width:100px;}
.jadwal #ongis{ color:#A83A3A; padding:10px;}
.jadwal #thu img{ border:1px solid #ccc; padding:2px;}
.jadwal #spc{ height:1px; background:white;}
.jadwal #tagline{ text-transform:uppercase; color:#436AB1; font-size:10px; margin:10px 0 0 0;}
.jadwal #title{ font-weight:655; margin:0 0 5px 0;}
.jadwal #title a{ color:#333;}
.jadwal #title a:hover{ color:#A00;}
.jadwal #summary{ line-height:16px;}
.jadwal #score{ text-align:center; font-weight:655; padding:0 5px;}
.jadwal #venue{ padding:0 10px;}

.jadwal #comp{ padding:0 10px; text-align:left; font-weight:655;}
.jadwal #comp:hover{background:url(images/bola_k.png) no-repeat right;}
.jadwal #comp a{ color:#990000;}

.breadcrumbed{ text-align:right; display:block; margin:10px 10px; font-size:11px; font-weight:655;}


.fixres { background:#5E6677 url(images/news_row_th.gif) repeat-x top;}
.fixres td{ font-weight:655; text-transform:uppercase;}
.fixres #asaib a{ color:#333333; padding:10px;}
.fixres #terpilih a{ color:#A00;}
.fixres #terpilih{background:#5E6677 url(images/news_row_th.gif) repeat-x center;}


.klasemen {}
.klasemen th{ background:#5E6677 url(images/news_row_th.gif) repeat-x bottom;   color:white; vertical-align:bottom; padding:5px;}

.klasemen tr#selang{background:url(images/news_row_def.gif) repeat-x center;}
.klasemen tr#seling{background:url(images/news_row_def.gif) repeat-x bottom;}


.klasemen tr#seling:hover{ background:url(images/news_row_hov.gif) repeat-x center;}
.klasemen tr#selang:hover{ background:url(images/news_row_hov.gif) repeat-x bottom;}

.klasemen #n { padding:2px 10px; font-weight:655;}
.klasemen #nr { padding:2px 10px; font-weight:655; color:#990000; font-size:13px;}

.klasemen #sgm { padding:2px 10px; font-weight:655; color:#00A; text-align:right;}
.klasemen #sgk { padding:2px 10px; font-weight:655; color:#A00; text-align:right;}

.klasemen #w ,
.klasemen #d ,
.klasemen #l ,
.klasemen #g { padding:5px 10px; text-align:center;}


.klasemen #w { background-color:#CAD0DC;}
.klasemen #d { }
.klasemen #l { background-color:#F7E0D7;}


.klasemen #papan ,
.klasemen #papan-atas ,
.klasemen #papan-bawah ,
.klasemen #papan-mbuh { padding:5px 10px; text-align:center; font-weight:655;}

.klasemen #papan-atas { background:#CAD0DC;}
.klasemen #papan-bawah {background:#F7E0D7;}


.pager{ margin-top:0;}

.pager th{ background:#5E6677 url(images/news_row_th.gif) repeat-x bottom; height:40px; color:white; vertical-align:bottom; padding:5px; text-transform:uppercase;}
.pager li{list-style:none;}
.pager #o{ background:url(images/news_row_def.gif) repeat-x; padding:10px 20px;}
.pager #o:hover{ background:url(images/news_row_hov.gif) repeat-x bottom;}
.pager #tit{ font-weight:655; font-size:13px; padding-bottom:8px; text-transform:uppercase;}
.pager #con{ font-size:11px;}

 
 

.pagedet { margin:30px 10px 0 20px ;}
.pagedet #title{ font-weight:655; margin:0 0 5px 0; font-size:24px; letter-spacing:-2px; color:#555; color:#003399;}
.pagedet #entry{ line-height:160%;  text-align:justify;}
 



.gbr{display:block; cursor:default;}
.gbr #np{background: url(images/transparent_60.png) repeat;color:yellow; padding:0 20px 0 20px;   letter-spacing:-2px; font-size:30px;}
.gbr #isi{background: url(images/transparent_40.png) repeat;color:white; padding:5px 10px;  letter-spacing:-2px; font-size:27px; text-transform:uppercase;}
.gbr #pos{background: url(images/transparent_80.png) repeat;color:white; padding:5px 20px;  float:left; letter-spacing:4px; font-size:12px; text-transform:lowercase;}


/********************************************************/
#dhtmltooltip{
position: absolute;
left: -100px;
width: auto;
/*border: 1px solid #999;*/
padding: 4px;
color:#FFFBD3;
font-family:'Lucida Grande','Trebuchet Ms','Verdana', Arial, Sans-Serif;
font-size:11px;
background-color: #282828;
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);
}

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

/********************************************************/

.home-row-kiri{background: url(images/row-home-a.gif) repeat-x bottom; padding:10px 20px; font-weight:655; color:#aaa;}
.home-row-tengah{background: url(images/row-home-b.gif) repeat-x bottom; padding:10px 20px; font-weight:655; color:#ccc;}
.home-row-kanan{background: url(images/row-home.gif) repeat-x bottom; padding:10px 20px; font-weight:655; color:#aaa;}

.home-row-kiri,
.home-row-tengah,
.home-row-kanan{padding:10px 20px; font-weight:655; color:#C3DAFC;}

#home-isi-kanan td{ font-size:11px; color:#072764; cursor:default; padding:5px;}

#home-isi-tengah .klasemen td{ cursor:default; }


#home-isi-kiri,
#home-isi-tengah,
#home-isi-kanan{background: url(images/row-home-rvr.gif) repeat-x top;}


/*.match-today td{background:#ccc;}*/

.match-today td#d{ background:#5E6677 url(images/news_row_th.gif) repeat-x bottom;   color:white; vertical-align:bottom; padding:6px; text-align:center; font-weight:655; font-size:10px;}
.match-today img{ margin:5px 10px;}
.match-today td#c{ text-align:center; font-weight:655;}
.match-today td#s{ text-align:center; font-size:40px; font-weight:655; color:#666666;}
.match-today td#sc{  font-size:40px; font-family:"Times New Roman", Times, serif;}


.bar-art{ font-size:11px; color:#444; }
.bar-art th{background: url(images/row-home.gif) repeat-x bottom; padding:10px 10px ; font-weight:655; font-size:12px; color:#ccc; text-align:right; text-transform:uppercase;}
.bar-art #tagline{ font-size:12px;}
.bar-art td{ padding:5px;}
.bar-art img{ padding:2px; border:1px solid #ccc;}
.bar-art #seling{ background:#f5f5f5;}
.bar-art #selang{ background:#e5e5e5;}


/*------------------- g a l e r i---------------*/



.gal-thumb-index img{ border:1px solid #ccc; padding:2px; background-color:#eee; margin:2px 2px;}
.gal-thumb-index img:hover{ border:1px solid #0066CC;}
 
.far-tgl { color:#990000; padding:10px;}

.far-head {  padding:0; margin-bottom:20px;}
.far-head #score{text-align:center;  font-size:20px; font-weight:655;} 
 
 
.far-head #mus,
.far-head #h,
.far-head #i,
.far-head #a { font-size:18px; padding:20px; text-align:center;}
.far-s{ background-color:#666666;}
.far-s #c{  text-transform:uppercase; font-weight:655; width:100px;}
.far-s #va , .far-s th{ }
.far-s td{ padding:5px; color:white;}
.far-e { background-color:white;}
.far-e #c{  text-transform:uppercase; font-weight:655; width:100px; background-color:#e5e5e5;}
.far-e #va {background-color:#f5f5f5; color:#00A; font-size:10px;}
.far-e td{}
.far-e .klasemen{ padding:0; margin:0;}

.single-head { background:url(images/single_head.gif) repeat-x top;}
.single-head #logo{ width:367px; margin:0 20px;height:70px; background:url(images/single_logo.gif) no-repeat top left; cursor:pointer;}
.single-head #logo:hover{background:url(images/single_logo_murup.gif) no-repeat top left;}


.single-foot {padding:10px 0 30px 10px;   color:white;   margin-top:0; background:black url(images/single_head.gif) repeat-x top;}

.thelogos{ margin:30px 0 0 0;  height:78px;}
.thelogos td{ list-style:none;height:78px; cursor:pointer;}
.thelogos td#ka,
.thelogos td#ki{ width:100px; cursor:default;}

.form-email{ border:0; margin:20px 0px;}
.form-email th{ text-align:right; background:none; font-weight:655; vertical-align:middle; color:#000066; padding:0 10px;}
.form-email td{ padding:0 10px;}
.form-email input,
.form-email select{ border:1px solid #ccc; background:#f5f5f5 url(images/news_row_def.gif) repeat-x center; font-size:12px; padding:2px;}
.form-email input:hover,
.form-email select:hover{ background:#f5f5f5 url(images/news_row_hov.gif) repeat-x top;}
.form-email textarea{ border:1px solid #ccc; font-size:12px; font-family:'Lucida Grande','Trebuchet',Arial, Helvetica, sans-serif; padding:2px;}
.form-email select:hover{ background:#f5f5f5 url(images/news_row_hov.gif) repeat-x top;}
.form-email #b{ text-align:right;}
.form-email #b input{font-size:14px; color:#000099;}


 
.live-match #p{ border:none; padding:5px 10px; font-size:12px; width:800px; background:none;}
.live-match #p:hover{  background:white;}

.live-match #e{ background-color:#f5f5f5;}
.live-match #i{ background-color:#e5e5e5;}


.live-match #e:hover, 
.live-match  #i:hover{ background:#DEEAF6;}

.live-match #m{ font-weight:bold; text-align:right; padding:6px; width:20px; color:#0000FF;}

.live-match #e:hover #m,
.live-match #i:hover #m{ color:red;}
.live-match #ico{ background-color:white; width:1px; text-align:center; margin:0; padding:0;}
 
.live-match #o{ text-align:right; background:white;}

.kal {padding:2px; margin:20px 0;}
.kal select{font-size:13px; padding:2px 4px;}

.kal td#b:hover{ background-color:#ffe542;  cursor:pointer; color:#0000FF; }