@charset "utf-8";

body{
  margin:0;
  padding:0;
  font:normal 12px Arial;
  color:#000;
  text-align:center;
  background-color:#88B3E0;
  line-height:17px;
}

p {padding:0; margin:0;}

a:link,a:visited,a:active{
  color:#d90606;
  text-decoration:none;
}

a:hover{color:#05858b;}

#facebook {
	background-color: #FFFFFF;
	background-position: center;
}

#bodyfacebook {
	width: 964px;
	text-align: left;
	background-color: #88B3E0;
}

#topfacebook {
	text-align: left;
	padding: 0;
	position: absolute;
	width: 964px;
	height: 30px;
	position: fixed !important;
	position: absolute;
	z-index:1000;
}

#iklanfacebook {
	text-align: left;
	padding: 1px 0;
	position: absolute;
	width: 964px;
	height:70px;
	position: fixed !important;
	position: absolute;
	z-index:1000;
}

.facebook-tanggal{
  font-family:Arial;
  font-size:11px;
  color:#C0C6D2;
  text-align:right;
}

.facebook-search{
  font-family:Arial;
  font-size:11px;
  color:#999999;
  text-align:left;
  width:200px;
  padding:1px;
}

.facebook{
  font-family:Arial;
  font-size:11px;
  color:#FFFFFF;
  text-align:left;
}

.facebook a{
  font-family:Arial;
  font-size:11px;
  color:#FFFFFF;
  text-align:left;
  font-weight:bold;
}

.facebook a:hover{
  font-family:Arial;
  font-size:11px;
  color:#C0C6D2;
  text-align:left;
}

#container{
  margin:0 auto;
  padding:0 18px 0 18px;
  width:964px;
  text-align:justify;
  background-color:#fff;
}


/*-- MENU UTAMA --*/
#menuutama {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #194D99;
	background-image: url(../images/bgnav.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-top: 1px solid #7B96CC;
	border-bottom: 1px solid #7B96CC;
	clear: both;
	}
#menuutama ul {
	font-family: Arial;
	font-size: 11px;
	margin: 0;
	padding: 0;
	border: 0;
	white-space: nowrap;
	height: 26px;
	}
#menuutama ul li {
	text-transform:uppercase;
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	color:#FFFFFF;
	}
#menuutama ul a, #menuutama ul strong, #menuutama ul em {
	display: block;
	padding: 8px 6px 7px 6px;
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
	white-space: nowrap;
	border-right: 1px solid #7B96CC;
	border-left: 1px solid #7B96CC;
	float: left;
	}
#menuutama ul a, #menuutama ul strong, #menuutama ul em {
	padding: 8px 10px 7px 10px;
	}
/* \ Hack to get IE5/Mac to ignore the following rule */
#menuutama ul a {
	height: 1em; line-height: 1em;
	}
/* \ Hack to get IE5/Mac to ignore the following rule */
#menuutama ul strong {
	height: 1em;
	line-height: 1em;
	}
/* \ Hack to get IE5/Mac to ignore the following rule */
#menuutama ul em {
	height: 1em;
	line-height: 1em;
	}
#menuutama ul em {
	float: none;
	border-style: none;
	display: block;
	}
#menuutama ul span {
    font-weight:bold;
	color: #FFFFFF;
	}
#menuutama ul span span {
   
	display: none;
	}
#menuutama ul strong, #menuutama ul strong span {
    
	background-color: #013066;
	color: #fff;
	font-weight:bold;
	}
#menuutama ul strong a span {
    font-weight:bold;
	color: #FFFFFF;
	}
#menuutama ul a:hover, #menuutama ul a:focus {
	background-color: #013066;
	border-right: 1px solid #7B96CC;
	border-left: 1px solid #7B96CC;
	}
#menuutama ul a:hover, #menuutama ul a:focus, #menuutama ul a:hover span, #menuutama ul a:focus span {
	color: #fff;
	border-bottom-width: 0;
	}
#menuutama ul strong a, #menuutama ul strong a:visited {
	float: none;
	display: inline;
	padding: 0;
	border-style: none;
	background-color: transparent !important;
	}
#menuutama ul li .on {
	color: #FF0000;
	text-decoration: none;
	}
	
#menuutama ul li .home {
	color: #000000;
	text-decoration: none;
	}

#headline {
  margin:0 10px 5px 10px;
  padding:10px;
  height:280px;
  background:url(../images/bg-headline.jpg) repeat-x #114881;
}

#headline .tanggal{
  color:#FFFFFF;
  font-size:10px;
}

#headline .subjudul{
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
}

#headline .judul{
  color:#FFFF00;
  font-size:18px;
  font-weight:bold;
}

#headline .judul a{
  color:#FFFF00;
  font-size:18px;
  font-weight:bold;
  text-decoration:none;
}


#headline .judul a:hover{
  color:#FFFFFF;
}


#headline .garis{
  margin:5px;
}

#headline .gambar{
  padding:1px;
  margin:0 5px 5px 0;
  float:left;
  border:1px solid #CCCCCC;
  background-color:#FFFFFF;
}

#headline .intro{
  text-align:left;
  color:#FFFFFF;
  font-size:12px;
}

/*  ----------------------------------  */

#content-center{
  margin:0 10px 5px 10px;
  padding:10px;
  
  }
  
#content-center .tanggal{
  font-size:10px;
  color:#666666;
  }
  
#content-center .subjudul{
  font-size:12px;
  font-weight:bold;
  color:#FF0000;
  }

#content-center .judul{
  font-size:16px;
  font-weight:bold;
  color:#013066;
  }
  
#content-center .judul a{
  font-size:16px;
  font-weight:bold;
  color:#013066;
  text-decoration:none;
  }
  
#content-center .judul a:hover{
  color:#FF0000;
  }
  
#content-center .garis{
  height:7px;
  }

#content-center .gambar{
  padding:1px;
  margin:0 5px 5px 0;
  float:left;
  border:1px solid #CCCCCC;
  background-color:#FFFFFF;
  }

#content-center .intro{
  color:#333333;
  font-size:12px;
  border-bottom:1px solid #CCCCCC;
  padding:0 0 5px 0;
  margin:3px 0 5px 0;
  text-align:left;
}

#content-center #iklan{
  margin:0 0 5px 0;
  text-align:center;
}


/*-------------------------------------------*/


#content-left{
  margin:0;
  }
  
#content-left #sportainment{
  margin:0 0 10px 0;
  
  }
  
#content-left #sportainment #title{
  margin:0;
  padding:5px 10px;
  background-color: #013066;
  color:#FFF;
  font-weight:bold;
  }
  
#content-left #sportainment #content{
  margin:0;
  padding:10px;
  border-bottom:1px solid #013066;
  }
  
#content-left #sportainment #content .tanggal{
  font-size:10px;
  color:#666666;
  }
  
#content-left #sportainment #content .subjudul{
  font-size:14px;
  font-weight:bold;
  color:#000000;
  }

  
#content-left #sportainment #content .judul a{

}
  
#content-left #sportainment #content .garis{
  height:7px;
  }

#content-left #sportainment #content .gambar{
  padding:1px;
  margin:0 5px 5px 0;
  float:left;
  border:1px solid #CCCCCC;
  background-color:#FFFFFF;
  }

#content-left #sportainment #content .intro{
  color:#333333;
  font-size:12px;
  padding:0 0 5px 0;
  margin:0 0 0 0;
}
  
#content-left #sportainment #indeks{
  margin:0 0 5px 0;
  padding: 1px 10px;
  border-bottom:1px solid #013066;
  color:#FFFF00;
  font-size:11px;
  text-align:right;
  background-color: #013066;
  }



#content-left #klasemen{
  margin:0 0 10px 0;
  border:1px solid #CCCCCC;
  padding:5px;
  background-color:#f2f2f2;
  }
  
#content-left #klasemen #title{
  margin:0 0 0 0;
  padding:2px 0;
  border-bottom:1px solid #CCCCCC;
  font-weight:bold;
  color:#CC0000;
  }

#content-left #klasemen #content{
  margin:0 0 0 0;
  padding:5px;
  background-color:#f4f4f4;
  }
  
#content-left #klasemen #selengkapnya{
  margin:0 0 0 0;
  padding:0 0 5px 0;
  text-align:right;
  font-size:11px;
  color:#CC0000;
  }

/*------------------------------------*/

#content-right{
  margin:0;
  }
  
#content-right #beritalain{
  margin:0 0 10px 0;
  
  }
  
#content-right #beritalain #title{
  margin:0;
  padding:5px 10px;
  background:url(../images/bgnav.jpg) repeat-x;
  font-size:12px;
  color:#FFFFFF;
  font-weight:bold;
  }

#content-right #beritalain #content{
  margin:0 0 0 0;
  padding:5px;
}

#beritaterkini { margin-left: 0px; margin-top: 0px; padding-left: 0; list-style: none;}
#beritaterkini li { width:290px; clear:both; padding-left: 0px; border-bottom:1px solid #EEE; display:block; float:left;  padding:3px 0;  }
#beritaterkini a { font:bold 12px arial; color:#336699; text-decoration:none; display:block; float:left;}
#beritaterkini a:hover { color:#CC0000; text-decoration:none;}
#beritaterkini span {font:normal 10px arial; color:#999; margin-right:5px; float:left;}
#beritaterkini img {float:right; margin-left:2px;}  
  

#content-right #klasemen{
  margin:0 0 10px 0;
  border:1px solid #CCCCCC;
  padding:5px;
  background-color:#f2f2f2;
  }
  
#content-right #klasemen #title-inggris{
  margin:0 0 0 0;
  padding:2px 5px;
  border-bottom:1px solid #FFFFFF;
  font-weight:bold;
  background-color:#000091;
  color:#FFFFFF;
  }
  
#content-right #klasemen #title-italia{
  margin:0 0 0 0;
  padding:2px 5px;
  border-bottom:1px solid #FFFFFF;
  font-weight:bold;
  background-color:#006600;
  color:#FFFFFF;
  }
  
#content-right #klasemen #title-spanyol{
  margin:0 0 0 0;
  padding:2px 5px;
  border-bottom:1px solid #FFFFFF;
  font-weight:bold;
  background-color:#FF6600;
  color:#FFFFFF;
  }

#content-right #klasemen #content{
  margin:0;
  padding:0;
  background-color:#f4f4f4;
  }
  
#content-right #klasemen #selengkapnya-italia{
  margin:0 0 0 0;
  padding:0 0 5px 0;
  text-align:right;
  font-size:11px;
  color:#006600;
  }    
    
#content-right #klasemen #selengkapnya-inggris{
  margin:0 0 0 0;
  padding:0 0 5px 0;
  text-align:right;
  font-size:11px;
  color:#000091;
  }
  
#content-right #klasemen #selengkapnya-spanyol{
  margin:0 0 0 0;
  padding:0 0 5px 0;
  text-align:right;
  font-size:11px;
  color:#FF6600;
  }  


/* ------------------------------------  */


#content-detail { margin:10px 10px 10px 0; padding:0 20px 20px 20px; border:1px solid #CCCCCC; background-color: #fff; }

#content-detail #wrap{
  margin-top: 10px;
  text-align:left;
  border-bottom:1px solid #CCCCCC;
  }
  
#content-detail .titlerubrik{
  margin-top: 10px;
  text-align:left;
  padding:5px 0;
  border-bottom:1px solid #CCCCCC;
  text-transform:uppercase;
  font-weight:bold;
  }


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


#content-detail #subjudulberita {font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 120%; color: #000000; font-weight:bold; }
#content-detail #subjudulrubrik {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 120%; color: #000000; font-weight:bold; }
#content-detail #judulberita {font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; line-height: 120%; color: #dd0000;}
#content-detail #judulrubrik a{font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 120%; color: #dd0000;}
#content-detail #judulrubrik a:hover{ color:#114881;}

#content-detail #ts {margin-bottom:2px; margin-top:20px;}
#content-detail #ts .tanggal {font:normal 10px arial; color: #333333; text-transform:uppercase; float:left;}
#content-detail #ts .shareface {float:right;}
#content-detail .garisberita { height:15px;}
#content-detail .garisrubrik { height:5px;}
#content-detail .isiberita {font:normal 12px arial; color:#000; line-height:15pt; text-align:left;}
#content-detail .gambar {background-color: #fff; padding: 3px; margin: 2px 10px 5px 0; border: 1px solid #ccc; float: left; width:300px; }
#content-detail .gambar .keteranganfoto { padding: 3px; color:#808080; font-size:11px; text-align:left; }
#content-detail .gambar .sumberfoto {font-size:9px; color:#808080; text-align:right;}


#content-detail #komentar{
  margin:10px 0; border:1px solid #CCCCCC; background-color:#FFFFFF;
}

#content-detail #komentar #titlekomentar{
  margin:0;
  padding:7px 5px 0px 5px;
  color:#FFFFFF;
  font-weight:bold;
  height:27px;
  background:url(../images/bgnav.jpg) repeat-x #114881;
}

#content-detail #komentar #kolomkomentar{
  padding:10px;
}


#content-detail #share {margin:10px 0; padding:10px; border:1px solid #CCCCCC; background-color:#FFFFFF; }
#content-detail #share .title { color:#336699; font-size:12px; font-weight:bold; padding:2px 0; margin-bottom:5px; border-bottom:1px solid #CCCCCC;}

 
#content-detail #share #listberita { margin-left: 0px; margin-top: 0px; padding-left: 0; list-style: none;}
#content-detail #share #listberita li { width:590px; clear:both; padding-left: 0px; border-bottom:1px solid #EEE; display:block; float:left;  padding:3px 0;  }
#content-detail #share #listberita a { font:normal 12px arial; color:#336699; text-decoration:none; display:block; float:left;}
#content-detail #share #listberita a:hover { color:#CC0000; text-decoration:none;}
#content-detail #share #listberita span {font:normal 10px arial; color:#CC0000; margin-right:5px; float:left;}

#content-detail .sharefacebook {margin:10px 0; padding:4px; border:1px solid #F3F3F3; }

#kiriisi { margin:10px 0 10px 0;}
#kiriisi #iklan{ margin:0 0 10px 0;}
#kiriisi #bacajuga{margin:0 0 10px 0;}

#kiriisi #bacajuga #title{ padding:6px 5px 0 5px; color:#FFFFFF; font-weight:bold; background:url(../images/bgnav.jpg) repeat-x; height:27px;}
#kiriisi #bacajuga #isi{ padding:5px;}

#content-detail #indeks {margin:15px 0 0 0;}
#content-detail #indeks #titleindeks {padding:6px 5px 0 5px; color:#000000; font-weight:bold; background:url(../images/tabgab.gif) repeat-x; height:27px;}
#content-detail #indeks #contentindeks {10px 0;}





#footer{
  margin:0;
  padding:25px 15px 15px 15px;
  height:50px;
  background-color:#1B4F9B;
  color:#FFFFFF;
  text-align:center;
  font-size:11px;
}

.footer{font:normal 11px Arial;color:#FFFFFF;}
.footer a:link,.footer a:visited,.footer a:active{color:#FFFFFF;font:normal 11px Arial;}
.footer a:hover{color:#fff;}.detailpage{text-align:justify;}


.footer-menu{
  color:#FFFFFF;
  font-size:12px;
  font-weight:bold;
}

.footer-menu a{
  color:#FF0000;
  text-decoration:none;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
}

.footer-menu a:hover{
  color:#000000;
}

.pembalap{
  font-size:11px;
  font-weight:bold;
  color:#FFFFFF;
}

.pembalap-team{
  font-size:11px;
  font-weight:bold;
  color:#CC0000;
}

.menuGrup{
  color:#FFFFFF;
}

.menuGrup a{
  color:#FFFFFF;
  text-decoration:none;
  font-size:11px;
}

.menuGrup a:hover{
  color:#FF0000;
  font-size:11px;
}






#box{
  margin:5px 10px 10px 5px;
}


#box #box-tab {
  margin:0;
  border-top: 1px solid #CCCCCC;
  margin-bottom: 1em; 
  padding: 5px;
  font-size:12px;
}


#box #box-tab .content-box{
  font-size:11px;
  color:#000000;
  margin:0 0 0 0;
  padding:0 0 0 0;
}

#box #box-tab .content-box .listtab{
  margin:5px 0 0 0;
  padding:0;
  
}

#box #box-tab .content-box .listtab li{
  list-style:none;
}

#box #box-tab .content-box .listtab li a:link,.listtab li a:visited,.listtab li a:active{
  color:#1175ba;
  display:block;
  font:normal 12px Arial;
  border-bottom:1px solid #F7F7F7;
  margin:0;
  padding:4px 5px;
  list-style:none;
  text-align:left;
}

#box #box-tab .content-box  .listtab li a:hover{color:#d20505; background-color:#f9f9f9;}



#box .shadetabs{
padding: 3px 0;
margin-left: 3px;
margin-top: 1px;
margin-bottom: 0;
font: normal 12px arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

#box .shadetabs li{
display: inline;
margin: 0;
}

#box .shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 10px;
margin-right: 0;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
color: #114881;
background: #EFF4E0;
}

#box .shadetabs li a:visited{
color: #333333;
font-weight:bold;
}

#box .shadetabs li a:hover{
text-decoration: none;
color: #FF6600;

}

#box .shadetabs li a.selected{ /*selected main tab style */
position: relative;
background: #FFFFFF;
color:#000000;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #FFFFFF;
}


#box .shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

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





#page{
  margin:0 10px 10px 0;
  padding:10px;
}

#page #title{
  padding:0 0 5px 0;
  color:#000000;
  font-size:12px;
  font-family:Arial;
  font-weight:bold;
  border-bottom:1px solid #CCCCCC;
}



#page .list{
  margin:5px 0 0 0;
  padding:0;

}

#page .list li{
  list-style:none;
}

#page .list li a:link,.list li a:visited,.list li a:active{
  color:#1175ba;
  display:block;
  font:normal 12px tahoma;
  border-bottom:1px solid #E2E2E2;
  margin:0;
  padding:4px 13px;
  list-style:none;
  background:url(../images/arrow.png) no-repeat center left;
}

#page .list li a:hover{color:#d20505; background-color:#F2F2F2;}



#kurs {
  margin:0 0 10px 0;
  background-color:#EFF4E0;
}

#kurs #title{
  padding:3px 10px;
  font-size:12px;
  font-weight:bold;
  color:#666666;
  border-bottom:1px solid #F2F2F2;
}

#kurs #kontent{
  padding:10px;
  text-align:center;
  font-size:10px;
  color:#666666;
}