@import url('dropdown.css');
@import url('texts.css');
@import url('links.css');
@import url('tables.css');
@import url('forms.css');
@import url('items.css');
@import url('slideshow.css');
@import url('fxslide.css');
@import url('simpletabs.css');
/*----------> Clearfix <----------*/.clearfix:after {	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}.clearfix { zoom: 1; display: inline-block; }/* Hide form IE-mac \*/* html .clearfix { height: 1%; }.clearfix { display: block; }/* End hide from IE-mac */

/* Init */
html, body, form, input, select, fieldset {font-size: 13px; font-family: Arial, Tahoma, Verdana; color: #666666; }
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, li, dl, address, p {margin: 0px; padding: 0px;}
ul{list-style-image:none; list-style-position:outside; list-style-type:none;}
ul li{float: left}
a img,:link img,:visited img {border: none; }
.clear{clear: both;}

/***************************************************************
		BASICS
****************************************************************/

html,
body{
	font-family:"Trebuchet MS",Tahoma,verdana;
	background: url(../images/dark_bg.jpg) no-repeat top #990000;
	color: #444; 
	}
	

h1 a {
	float: left;
	margin-top: 30px;
	margin-bottom: 20px;
	width: 360px;
	height: 90px;
	text-indent: -9999px;
}	
h1 a {
	float: left;
	width: 360px;
	height: 90px;
	text-indent: -9999px;
	background: url(../images/logo.png) no-repeat;
}	
	
	
/***************************************************************
		TOPOGRAPHY
****************************************************************/

/*********************
	Topmenu
*********************/
#topmenu_wrap{
	width: 100%;	float: left;  	background: #000;	position: relative;	height: 30px;
	}

#topmenu{
	margin: auto;
	width: 960px;
	}


/*********************
	Header
*********************/
	
#header_wrap {
	height: 140px; 
	width: 100%;
	}
	
#header{
	margin: 0 auto;
	height: 140px;
	width: 960px;
	}


/*********************
	Body
*********************/
	
#body_wrap{
	width: 960px;
	margin: 0 auto;	
	}


#body{
	float: left;
	width: 950px;
	padding: 0 5px 10px 5px;
	background: #f8f8f8;

	}
	

/*********************
	CONTENT
*********************/

/*********************
	Maincontent
*********************/

#maincontent{
	float:left;
	}

/****** Widths */
#maincontent.width1{
	width: 674px;
	}
#maincontent.width2{
	width: 814px;
	}



/*********************
	Sidecontent
*********************/
	
#sidecontent{
	float: right;
	}

/****** Widths */	
#sidecontent.width1{
	width: 275px;
	}	
#sidecontent.width2{
	width: 135px;
	}		


/*********************
	FOOTER
*********************/

#footer_wrapper{
	float: left;
	width: 100%;
	}

#footer_wrap{
	width: 960px;
	margin: 0 auto;
	margin-bottom: 0px;
	}

#footer{
	float: left;
	height: 150px;
	width: 950px;
	padding: 5px;
	background: #010101;
	border-bottom: 5px solid #222; 
	}	
	
/***************************************************************
		DEFAULT ITEMS
****************************************************************/	

input.button_login {

	margin: 0;

	width: 76px;

	height: 24px;

	cursor: pointer;

	border: none;

	background: url(../images/belepes_btn.png) no-repeat;

}

input.button_post {

	margin: 0;

	width: 76px;

	height: 24px;

	cursor: pointer;

	border: none;

	background: url(../images/posthsz_btn.png) no-repeat;

}


	
/****** Subtitle */	
	
#subtitle{
	width: 918px;
	height: 26px;
	margin: 10px 5px;
	padding: 10px;
	background: url(../images/subtitle_bg.png) repeat-x bottom;
	border: 1px solid #ccc;
	border-top: 1px solid #ddd;
	}

#subtitle h2{
	float: left;
	margin-top: 5px;
	font-size: 14px;
	font-family: verdana;
	color: #aa0000;
	}
	
#subtitle h2 a{
	color: #cc0000;
	}

#subtitle h2 a:hover{
	text-decoration: underline;
	}

	
/****** Feature */

#feature{
	margin: 10px 0px;
	}
	

/******* Table */

#table{
	width: 950px;
	}


/***************************************************************
		COLUMNS
****************************************************************/	

.column{
	float: left;
	}	
	
.column.rightMargin{
	margin-right: 4px;
	}

	
/****** Widths */

/* For the MAIN template */
#maincontent.width1 .column.width1{
	width: 400px;
	}

#maincontent.width1 .column.width2{
	width: 250px;
	}	
	
#maincontent.width1 .column.widthx{
	width: 654px;
	}	

#maincontent.width1 .column.width3{
	width: 325px;
	}
	
	
/* For the SUB template */
#maincontent.width2 .column.width1{
	width: 532px;
	}
	
#maincontent.width2 .column.width2{
	width: 250px;
	}	
	
#maincontent.width2 .column.widthx{
	width: 790px;
	}
	
#maincontent.width2 .column.width3{
	width: 325px;
	}

#footer .column.width1{
	width: 332px;
	height: 145px;
	}
	
#footer .column.width2{
	width: 400px;
	height: 145px;
	}
	
	
/* For the Table */	
	
#table .column{
	width: 233px;
	}	
	
	
/***************************************************************
		MAINHUB
****************************************************************/

.mainhub{
	float: left;
	margin: 5px;
	padding: 4px;
	}

.mainhub{
	background: url(../images/mainhub_light_bg.gif) repeat-x top #eee;
	border: 1px solid #ccc;
	}
	
#sidecontent .mainhub{
	background: url(../images/mainhub_dark_bg.gif) repeat-x top #191919;
	border: 1px solid #313030;
	}		

#table .mainhub{
	padding: 5px;
	padding-right: 0;
	}
	
	
.mainhub.xMarginZero{
	margin-left: 0;
	margin-right: 0;
	}

/***************************************************************
		MAINBOXES
****************************************************************/

/*********************
	Mainbox
*********************/

.mainbox{
	float: left;
	padding: 5px;
	margin-bottom: 4px;
	}
	
/* For the MAINCONTENT */
#maincontent .mainbox, #table .mainbox{
	background: #fff;
	border: 1px solid #bbb;
	}		
/* For the SUBCONTENT */
#sidecontent .mainbox{
	background: #212121;
	border: 1px solid #3b3b3b;
	}
/* For the FOOTER */
#footer .mainbox{
	float: right;
	background: #0a0a0a;
	border: 1px solid #222;
	}
	
	
/* For the MAINTemp */
#maincontent.width1 .column.width1 .mainbox{
	width: 388px
	}
#maincontent.width1 .column.width2 .mainbox{
	width: 238px
	}
#maincontent.width1 .column.widthx .mainbox{
	width: 642px
	}
	
/* For the SUBTemp */
#maincontent.width2 .column.width1 .mainbox{
	width: 520px
	}
#maincontent.width2 .column.width2 .mainbox{
	width: 238px
	}
#maincontent.width2 .column.widthx .mainbox{
	width: 778px
	}
	
/* For the Table */
	
#table .mainbox{
	width: 216px;
	height: 110px;
	}	
	
/*********************
	BOX
*********************/

/****** Maincontent Box */

#maincontent .box{
	float: left;
	margin-bottom: 4px;
	}

#maincontent .box.players{
	padding-top: 10px;
	width: 530px;
	}	

#maincontent .column.width2 .box{
	width: 250px;
	}
	
/****** Sidecontent Box*/	
	
#sidecontent.width1 .box{
	width: 243px;
	min-height: 50px;/* del */
	}	

#sidecontent img.sponsor{
	width: 255px;

	}	
	
#sidecontent.width2 .box{
	width: 102px;
	min-height: 50px;/* del */
	}
	
	
/*********************
	LINKBOX
*********************/	

.linkbox{
	float: left; 
	margin-bottom: 4px; 
	padding: 4px; 
	border: 1px solid #ddd; 
	background: #fcfcfc;
	}

.linkbox li{
	float: left;
	heigth: 14px;
	padding: 3px 0 4px 0; 
	margin-right: 6px;
	background: url(../images/arrow.png) no-repeat left center; 
	text-indent: 20px; 
	}

	
.linkbox a.current{
	color: #cc0000;
	}
	
.column.width2 .linkbox li{
	width: 100%;
	}
	
	
/* Widths */
.column.width1 .linkbox{
	width: 390px;
	}

.column.width2 .linkbox{
	width: 240px;
	}
	
.column.widthx .linkbox{
	width: 632px;
	}

/*********************
	TEXTBOX
*********************/		
.textbox{
	float: left;
	padding: 10px;
	min-width: 500px;
	min-height: 250px;
	background: #fff;
	border: 1px solid #bbb;
	}
	
.textbox h3{
	margin: 10px 0; 
	font-size: 16px; 
	color: #cc0000; 
	}
	
.textbox h4{
	margin: 10px 0; 
	font-size: 16px; 
	color: #444; 
	text-align: justify;
	}

.textbox p{
	margin: 10px 0; 
	font-size: 14px; 
	color: #444; 
	text-align: justify;
	}

.textbox ol{
	float: left;
	width: 90%;
	margin: 10px 30px; 
	font-size: 14px;
	}
	
.textbox img{
	float: left; 
	border: 1px solid #b2b2b2; 
	padding: 2px; 
	background: #fff;  
	margin: 0 10px 10px 0;
	} 
	
/* Specials */

.textbox .match_info{
	float: left;
	width: 510px;
	border-bottom: 1px solid #ddd;
	}
.textbox .match_info img{
	border: 0;
	}
	
.textbox .match_info h3{
	float: left;
	font-size: 30px;
	line-height: 40px;
	letter-spacing: 10px;
	}
	
.textbox .match_info h4{
	float: left;
	font-size: 30px;
	line-height: 40px;
	letter-spacing: 20px;
	}
	
.column.widthx .textbox{
	width: 768px;
	}	
	
/*********************
	LISTBOX
*********************/

.listbox{
	float: left;
	}

.listbox ul{ 
	float: left;
	}
	
.listbox a{
	text-decoration: none;
	}	
	
.listbox ul#news_icon li{
	background: url(../images/news_icon.png) no-repeat scroll 0 2px;
	}

.listbox ul#comm_icon li{
	background: url(../images/comm_icon.png) no-repeat scroll 0 2px;
	}
	
.listbox ul li{
	float: left;
	padding: 2px 0 2px 22px;
	border-bottom: 1px solid #eee;
	}
	
.listbox ul li a{
	color: #444; 
	font-size: 12px;
	}
	
.listbox ul li a:hover{
	color: #cc0000;
	border-bottom: 1px dashed #cc0000;
	}
	
#footer .listbox{
	padding: 5px 0;
	}	
	
#footer .listbox ul li{
	width: 160px; 
	padding: 2px;
	border-bottom: 0;
	border-right: 1px solid #777;
	text-align: center;
	}	
	
#footer .listbox a{
	color: #fff;
	text-decoration: underline;
	}
	
#footer .listbox a:hover{
	color: #ddd;
	border-bottom: 0;
	}

	
/****** Widths */

/* For the MAIN template */
#maincontent.width1 .listbox{
	width: 313px;  
	}
	
#maincontent.width1 .listbox ul li{
	width: 292px;
	}
	
/* For the SUB template */
#maincontent.width2 .listbox{
	width: 520px; 
	}
	
#maincontent.width2 .listbox ul li{
	width: 497px; 
	}


#footer .listbox{
	width: auto;  
	}
	
div.TWIIGSPOLL { width: 250px; }
div.TWIIGSPOLL a.TWIIGSPOLLquestionlink { font: bold 11px arial; color: #ffffff; }
div.TWIIGSPOLL a.TWIIGSPOLLlink { text-decoration: none; font: 10px verdana; color: #ffffff; }
div.TWIIGSPOLL a.TWIIGSPOLLmorelink { text-decoration: none; font: 11px arial; color: #ffffff; }
div.TWIIGSPOLL li.TWIIGSPOLLanswerselectionitem { font: 11px arial; color: #ffffff; }
div.TWIIGSPOLL input.TWIIGSPOLLanswertext { /*width: 190px !important;*/ font: 11px arial; color: #333333; }
div.TWIIGSPOLL input.TWIIGSPOLLanswercheckbox { font: 11px arial; color: #333333; }
div.TWIIGSPOLL input.TWIIGSPOLLanswerradio { font: 11px arial; color: #333333; }
div.TWIIGSPOLL input.TWIIGSPOLLsubmit { font: 10px verdana; color: #000000; }
div.TWIIGSPOLL div.TWIIGSPOLLtopresults { font: 11px arial; color: #ffffff; }
div.TWIIGSPOLL li.TWIIGSPOLLanswersitem { font: 11px arial; color: #ffffff; }
div.TWIIGSPOLL p.TWIIGSPOLLclosed { font: bold 11px arial; color: #ffffff; }
div.TWIIGSPOLL p.TWIIGSPOLLtotalvotes { font: 11px arial; color: #ffffff; }
div.TWIIGSPOLL div.TWIIGSPOLLloading { font: 11px arial; color: #ffffff; }

.mainhub2{
	float: left;
	margin: 5px;
	padding: 4px;
	color:#FFFFFF
	}

.mainhub2{
	background: url(../images/mainhub_light_bg.gif) repeat-x top #eee;
	border: 1px solid #ccc;
	}
	
#sidecontent .mainhub2{
	background: url(../images/mainhub_dark_bg.gif) repeat-x top #191919;
	border: 1px solid #313030;
	}		

#table .mainhub2{
	padding: 5px;
	padding-right: 0;
	}
	
	
.mainhub2.xMarginZero{
	margin-left: 0;
	margin-right: 0;
	}
	
	#subnav{
	float: left; 
	margin: 10px 0;
	width: 860px; 
	}
	
#subnav li{
	margin: 6px;
	}
	
#subnav li a{
	padding-left: 20px;
	font-size: 14px;
	}
	
#subnav li a:hover{
	text-decoration: underline;
	}





table.theteam
{ font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 500px;
background-color: #fafafa;
border: 1px #aa0000 solid;
margin-top: 0px;}


table.theteam td.servHd
{ border-bottom: 2px solid #aa0000;
background-color: #BEC8D1;
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040;}


table.theteam td
{ border-bottom: 1px dotted #aa0000;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: white;
text-align: center;
padding-left: 3px;}

table.theteam img {
width: 50px;
height: 50px;}

#more_button {
	color: #cc0000;	display: block;	width: 100%;
	text-align: center;
	background-color: #eee;	border: 1px solid #ccc;	height: 30px;	line-height: 30px;	margin: 5px 0;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;	background: url("../images/input_bg.gif") repeat-x scroll center bottom #F8F8F8;	text-transform: uppercase;	font-size: 11px;	text-decoration: none;
}div.loading {	width: 100%;	float: left;	height: 32px;	margin: 5px 0;	background: url("../images/loading.gif") no-repeat center;	text-indent: -9999px;}