/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body { 
margin: 0 auto;  padding: 0; background : #b2b2b2;
font:12px Tahoma, Arial, sans-serif; color: #231b38;
}
#background { 
width: 1000px; margin: 0 auto;  padding: 0;
background: url(../images/background.jpg) repeat-y center #c1c1c1;}
#top { 
width: 1000px;  height: 130px; margin: 0 auto;  padding: 0;
background: url(../images/header.jpg) no-repeat center top #c1c1c1;}
#bottom { 
width: 1000px;  height: 15px; margin: 0 auto;  padding: 0;
background: url(../images/bottom.jpg) no-repeat center top #c1c1c1;}
/*-----------------------------------------  */
#menu{
position:relative; width:980px; height:35px; /*border-top: 3px solid #241E38; #ac9756*/
margin:0 10px;text-align:center;
background: url(../images/menu.jpg) center center repeat-x #231b38;}
#menu ul{
margin: 0; padding: 0; list-style-type: none;}
#menu ul li{
float: left; height:35px; margin:0; padding:0;
font: 900 11px Geneva, Arial, Helvetica, sans-serif; text-decoration:none;
background: url(../images/menu_devider.jpg) right top no-repeat;}
#menu ul li a{
display: block; width: 135px; height:25px; padding-top:10px;
color:#eee; text-decoration:none; text-align:center;}
#menu ul li a:hover{
background: url(../images/menu_hover.jpg) center center repeat-x;
color: #aa9856; text-decoration: none;}
#submenu{
height:35px; width:980px; margin:0 10px; border-top: 2px solid #f1f1f1;
background: url(../images/submenu.jpg) center center repeat-x #333;
}
.line5{
width:990px; margin:0 5px;
border-bottom:5px solid #d9d9d9;
}
.line2{
width:990px; margin:0 5px;
border-bottom:2px solid #d9d9d9;
}
.footer{
height:30px; width:970px; margin:10px 15px 5px 15px; padding:10px 0; background-color:#d9d9d9;
font: 11px Tahoma; color: #333; text-align:center;
}
.footer .fotext{
margin-bottom:5px;}
/*-----------------------------------------  */
.content{
width:970px; margin:10px 15px;
}
.fl{ 
float:left;
}
.fr{ 
float:right;
}
/*-----------------------------------------  */
#main{
width:608px; padding:12px; /* #332852 height:288px; */
background: url(../images/main.jpg) center center repeat-x #333;
}
#main #mimage{
float:left; height:225px; width:300px; padding:3px; border: 1px solid #e0e0e0;
}
#main #mnews{
float:left;width:283px; padding: 5px 0 0 15px;
}
#main #mfio{
font: bold 16px Geneva, Arial, Helvetica, sans-serif;color:#999; 
padding-bottom:5px; margin-bottom:15px; border-bottom:2px solid #999;
}
#main #mdate{
font-size: 11px;color:#e0e0e0;
}
#main #mtitle{ 
font-size:17px; font-weight: 500; padding:5px 0 10px 0;
}
#mtitle a{ 
color:#ac9756; text-decoration:none;
}
#mtitle a:hover{ 
color:#6957bf;
}
#main #mtxt{ 
font-size: 12px; color:#e0e0e0; line-height:17px;
}
#main #mread{
font-size:11px; text-align:left; margin-top:5px; color:#999;}
#main #mindex{
font-size:11px; text-align:right; color:#ccc;}
#main #mindex a{
color:#ccc; text-decoration: none;}
#main #mindex a:hover{
color:#6957bf; text-decoration: none;}
/*---------------------------------------------------------------------------------------------  */
#submain{
width:595px; padding:10px 0 !important; background-color:#e8e8e8;
}
.box{
float:left; width:275px; padding:0;
}
/*---------------------------------------------------------------------------------------------  */
.rubric{
float:left; width:310px; padding:0; margin-top:15px;
}
.rubric .head{
width:300px; height:20px; padding:1px 0 1px 10px; border-bottom: 3px solid #666;
font: bold 12px Geneva, Arial, Helvetica, sans-serif; color:#333;
background: url(../images/rubric.jpg) center top no-repeat #f1f1f1;
}
.rubric .rcont{
width:310px; padding: 10px 0 0 0;
background: url(../images/bg_bulat.jpg) right bottom no-repeat;
}
.subrubric{
float:left; width:290px; padding:10px; margin:0 5px !important; margin:0 4px;  border: 1px solid #d9d9d9;
}
.subrubric .subhead{
width:290px; height:20px; margin-bottom:10px; color:#333; border-bottom: 3px solid #d9d9d9;
font-weight: bold;
background: url(../images/legend.jpg) center center repeat-x #d9d9d9; 
}
/*-----------------------------------------  */
.article{
}
.article img{
float:left; height:75px; width:100px; padding:1px; border: 1px solid #333;
margin-right:10px !important; margin-right:7px;
}
.article .date{
font-size:11px; color:#3e2a99; padding-bottom:3px;
}
.article .title{ 
font-weight:bold; color:#333;
padding-bottom:5px;
}
.article .title a{ 
color:#333; text-decoration:none;
}
.article .title a:hover{ 
color:#da251e; /* #da251e #ac9756*/
}
.article .txt{
font-size:11px; color:#333; 
}
.article .link {
font-size: 11px; font-weight: bold; margin-top:10px;
}
.article .link ul{
border-top:1px solid #ccc; list-style: none; line-height:14px;
padding:0; margin:0;}
.article .link li{
background: url(../images/ul_link.jpg) no-repeat; background-position: 5px 8px;
border-bottom:1px solid #ccc; padding:3px 0px 3px 18px;}
.article .link a{
color:#333; font-weight: bold; text-decoration: none;}
.article .link a:hover{
color:#da251e; font-weight: bold; text-decoration: none;}
.article .aread{
font-size:11px; text-align:right; color:#666;}
.article .index{
font-size:11px; text-align:right; margin-top:5px; color:#666;}
.article .index a{
color:#333; text-decoration: none;}
.article .index a:hover{
color:#6957bf; text-decoration: none;}
/*-----------------------------------------  */
#ffci{
width:632px; margin-top:20px;
}
#ffci #logo{
float:left; width:90px; height:180px;
background: url(../images/bg_ffci.jpg) left bottom no-repeat #666;
}
#ffci #box{
float:left; width:492px; padding: 15px 25px 10px 25px;;
background: url(../images/bg_ffci2.jpg) right top no-repeat #3b3b3b;
}
/*-----------------------------------------  */
#ffci #fgallery{
float:left; width:145px; margin-right:35px;
}
#ffci #fhead{
font-size:23px; color:#ccc; margin:5px 0 15px 0; text-align:center;
}
/*-----------------------------------------  */
#ffci #fnews{
float:left; width:310px; padding:0; margin-top:5px;
}
#fnews img{
float:left; height:75px; width:100px; padding:1px; border: 1px solid #999;
margin-right:10px !important; margin:0 7px 2px 0;
}
#fnews #ftitle{ 
font-size:12px; font-weight:bold;
padding-bottom:5px;
}
#fnews #ftitle a{ 
color:#ac9756; text-decoration:none;
}
#fnews #ftitle a:hover{ 
color:#6957bf; /* #da251e #ac9756*/
}
#fnews #ftxt{
font-size:11px; color:#d2d2d2; 
}

#fnews .flink {
font-size: 11px; font-weight: bold; margin-top:8px;
}
#fnews .flink ul{
border-top:1px solid #666; list-style: none; line-height:14px;
padding:0; margin:0;}
#fnews .flink li{
background: url(../images/ul_ffci.jpg) no-repeat; background-position: 5px 8px;
border-bottom:1px solid #666; padding:3px 0px 3px 18px;}
#fnews .flink a{
color:#d2d2d2; font-weight: bold; text-decoration: none;}
#fnews .flink a:hover{
color:#ac9756; font-weight: bold; text-decoration: none;}
#fnews #findex{
font-size:11px; text-align:right; margin-top:5px;}
#fnews #findex a{
color:#ccc; text-decoration: none;}
#fnews #findex a:hover{
color:#6957bf; text-decoration: none;}
/*-----------------------------------------  */


/*----------------------------------------------right---------------------------------------------------  */
.boxr_bg{
float:right; width:320px; padding:3px; background-color:#d9d9d9;
}
.boxr{
width:312px; border: 1px solid #666; padding:3px; background-color:#e8e8e8;
}
.headr{ 
font: 900 11px Geneva, Arial, Helvetica, sans-serif;
}
.headr .show1{ 
float:left; color:#fff; 
width:143px; height:20px; padding:5px 0 0 12px;
background: url(../images/tittle.jpg) center center repeat-x #231b38;
}
.headr .hidden1{ 
float:left; color:#ccc; 
width:143px; height:20px; padding:5px 0 0 12px;
background: url(../images/tittle_hidden.jpg) center center repeat-x #231b38;
}
.headr .show2{ 
float:left; color:#fff; 
width:92px; height:20px; padding:5px 0 0 12px;
background: url(../images/tittle.jpg) center center repeat-x #231b38;
}
.headr .hidden2{ 
float:left; color:#ccc; 
width:90px; height:20px; padding:5px 0 0 12px;
background: url(../images/tittle_hidden.jpg) center center repeat-x #231b38;
}
.headr .show3{ 
float:left; color:#fff; 
width:300px; height:20px; padding:5px 0 0 12px;
background: url(../images/tittle.jpg) center center repeat-x #231b38;
}

.match{

}
.match .box{
width:309px; border: 1px solid #333;
}
.match .info{
font: 11px Tahoma; color: #333; text-align:center;
}
.match .logo{
float:left; width:102px; height:100px; padding-left:22px;
}
.match .mid{
float:left; width:62px; height:100px;
}
.match .vs{
float:left; width:46px; height:40px; padding: 30px 0 0 16px;
}
.match .comp{
float:left; width:62px; height:15px; font: 11px Tahoma; color: #333; text-align:center;
}
.match .result{
float:left; width:30px; height:23px; padding-top:7px; margin-left:1px;
font: bold 14px Geneva, Arial, Helvetica, sans-serif; color:#ccc;
background: url(../images/team.jpg) center center repeat-x #231b38;
}
.match .team{
float:left; width:124px; height:23px; padding-top:7px;
font: bold 14px Geneva, Arial, Helvetica, sans-serif; color:#ccc;
background: url(../images/team.jpg) center center repeat-x #231b38;
}
.match .team_next{
float:left; width:154px; height:23px; padding-top:7px; margin-bottom:5px;
font: bold 14px Geneva, Arial, Helvetica, sans-serif; color:#ccc;
background: url(../images/team.jpg) center center repeat-x #231b38;
}
.match .score{
float:left; width:115px;
font: bold 11px Geneva, Arial, Helvetica, sans-serif; color:#000;
}
.match .score ul{
line-height:14px; list-style: none;
padding-left: 0; margin-left:0; 
}
.match .score li{
background-image: url(../images/bola.jpg); background-repeat: no-repeat; background-position: 0 0.4em;
border-bottom:1px solid #ccc; padding:2px 0px 2px 20px;
}
.match .scoretgh{
float:left; width:59px; padding-top:5px;
}
.next_team{ 
float:left;
width:125px; height:30px;
font: bold 14px Geneva, Arial, Helvetica, sans-serif; color:#333;
}
.next_mid{ 
float:left;
width:60px; height:30px;
}
.combobox{ width:160px; height:17px; border:0px; outline:1px #333 double; background-color: #e8e8e8;
font: bold 11px Geneva, Arial, Helvetica, sans-serif; color:#333; 

}
.comp_list{ 
	height:20px; padding-right:5px; margin:5px 0 !important;
}
/*-----------------------------------------  */
#main_left{
width:608px; padding:0 12px; /* #332852 height:288px; */
}
#dtitle{
font-size:26px; font-weight: 500; color: #47327e; margin-bottom:5px;}
#drubric{
font-size:15px; font-weight: bold; color: #333; margin-top:5px;}
#dphoto_box{
float:left; width:300px; padding-right:20px;}
#dfhotografer{
padding-top:2px; font-size:10px; color:#333; text-align:right;}
#dphoto_info{
padding:2px 0 7px 0; font-size:11px; color:#db2518; border-bottom:2px solid #ccc;}
#dtext{
line-height:19px; padding-bottom:20px;}
#dread{
border-top:3px solid #ccc; padding-top:5px;}

#terkait{
width:300px; padding:7px 0 7px 0; font-size:11px; font-weight:bold; }
#terkait ul{
list-style: none; line-height:14px; padding-top:5px;}
#terkait li{
background: url(../images/ul_link.jpg) no-repeat; background-position: 5px 8px;
border-bottom:1px solid #ccc; padding:3px 0px 3px 18px;}
#terkait a{
color:#333; text-decoration: none;}
#terkait a:hover{
color:#47327e; text-decoration: none;}
/*-----------------------------------------  */
.margin5{
	margin-top:5px !important;
}
.margin10{
	margin-top:10px !important;
}
.margin15{
	margin-top:15px;
}
.margin5tb{
	margin:5px 0 !important;
}
.margin10tb{
	margin:10px 0 !important;
}
.margin20{
	margin-top:20px !important;
}
/*-----------------------------------------  */
.table_class { border-top:none; border-right:none; border-left:none; border-bottom:1px solid #333; border-collapse: collapse; }
.table_th{font-family: Tahoma; font-size: 11px; font-weight: bold; }
.table_td {font-family: Tahoma; font-size: 11px; }
.table_fio {font-family: Tahoma; font-size: 11px; font-weight: bold; color: #543E95; }
/*-----------------------------------------  */
.mask{
	float:left;
	position:relative;
	width:136px;
	height:96px;
	overflow:hidden;
}
.mask img{
	position:absolute;
	display:block;
	border:none;
	left: 10px;
	top: 0px;
	padding:2px; border: 1px solid #999;
}
.buttons{ text-align:center;}
.buttons span{color:#4e6078;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{color:#792a30}
/*----------------------------------------------content2---------------------------------------------------  */
#rubric_content{
width:582px; padding:20px 25px; /* #332852 height:288px; */
}
.rubric_list{
margin-bottom:15px; padding-bottom:5px; border-bottom:1px solid #ccc; /* #332852 height:288px; */
background: url(../images/bg_bulat2.jpg) right bottom no-repeat;
}
.rubric_list .rtitle{ 
font-weight:bold; color:#666;
padding-bottom:5px;
}
/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer {  

	margin:0; 
	background:#e8e8e8 ; 
	display:block; 
	position:relative; 
	padding:0;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:10px; 
	height:10px; 
	bottom:10px; 
	right:5px;
	background:url(../images/slideitmoo_forward.png) no-repeat center bottom;  
	 
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:5px;
	background:url(../images/slideitmoo_back.png) no-repeat center bottom;  
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 

	margin:0px auto 0px;
	padding-bottom:10px !important; padding-bottom:5px; padding-top:5px;

}
/* --------------------BANNER ROTATOR--------------------- */
#SlideItMoo_banners_outer { 
	display:block; 
	position:relative; 
	width:120px; 
	height:90px; 
	margin:0px auto 0px;
	padding:2px;
	border:1px #CCCCCC solid; 
}
#SlideItMoo_banners_inner { 
	position:relative ; 
	overflow:hidden ; 
	width:120px ; 
	height:90px ; 
	margin:0px auto 0px;  
}
#SlideItMoo_banners_items { 
	white-space:nowrap; 
	display:block; 
	position:relative; 
}
#SlideItMoo_banners_items span img { 
	border:none; 
}