body{
	background: #222222 url(/images/design/bg_top.gif) repeat-x;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #111111;
	margin: 0;
	text-align: center;
	}
div#page{
	width: 1031px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}
div#top{
	background: url(/images/design/top_bg2.png) no-repeat;
	width: 1014px;
	height: 208px;
	margin: 0 auto;
	padding: 2px 2px 3px 2px;
}
div#header{
	background: url(/images/design/header2.jpg) no-repeat;
	width: 1012px;
	margin: 0 1px;
	height: 154px;
	position: relative;
}
div#header_rooster{
	right: 0;
	position: absolute;
	width: 354px;
	height: 154px;			
}
div#navi{
}
div#main_navi{
	margin: 4px 0 0;
	height: 32px;
}
div#sub_navi{
	height: 14px;
	margin: 0 0 0 10px;
}

/** NAVI **/
div#navi ul{
	margin: 0;
	padding: 0;
}
div#navi ul li{
	list-style: none;
	list-image: none;
	padding: 0;
	margin: 0;
	display: inline;
}
div#main_navi ul li a{
	float: left;
	height: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	padding: 32px 0 0;
}
div#sub_navi ul li{
	padding: 1px 0;
	color: #FFFFFF;
	float: left;
	font-size: 9px;
}
div#sub_navi ul li a{
	color: #FFFFFF;
}


div#main{
	text-align: left;		
	padding: 0 10px 0 0;		
}
div#main_top{
	background: url(/images/design/main_top.gif) no-repeat;
	width: 1031px;
	height: 4px;
	font-size: 3px;
}
div#main_middle{
	background: url(/images/design/main_bg.gif) repeat-y;
	width: 1031px;
}
div#main_bottom{
	background: url(/images/design/main_bottom.gif) no-repeat;
	width: 1031px;
	height: 4px
}
div#footer{
	background: url(/images/design/footer.gif) no-repeat;
	width: 1031px;
	height: 29px;
}
div#footer p{
	text-align: center;
	padding: 10px 0 0;
	color: #FFFFFF;
}

div#col_left{
	width: 268px;
	padding: 0 0 0 11px;
	float: left;
}
div#col_middle{
	width: 741px;
	padding: 0 0 0 1px;
	float: left;
}
div#boxes_top{
	height: 172px;
}
div#boxes_content{
	float: right;
	width: 168px;
	padding: 1px 0 0 1px;
	/*margin-top: -172px;*/
}		
div#boxes_right{
	float: right;
	width: 169px;
	padding: 1px 0 0 1px;
}
div#content{
	width: 571px;
	border-top: 1px solid #fbfbfb;
	float: left;
}
* html #content{
	height:571px;
	border-top: 1px solid #fbfbfb;
}
/** CONTENT **/
#content div.header { 
	height: 16px; 
	line-height: 16px; 
	padding: 4px 9px;
	margin: 0;
	color: #7a7a7a; 
	font-size: 10px; 
	font-weight: bold; 
	background: #f0f0f0;
	border-top: 1px solid #fbfbfb;
	border-bottom: 1px solid #fbfbfb;
}
#content span.header {
	font-size: 10px; 
	font-weight: bold; 
	float: left; 
}
#content span.header a{
	color: #7d1f1f;
}
#content span.icons {
	float: right; 
}
#content a.header{
	color: #7d1f1f;
	text-decoration: none;
}
#content div.content {
}
#content div.text{
	padding: 8px;
	font-size: 10px;		
	min-height:	27px;	
}
/** bigbox **/
.bigbox{
	background: #7d1f1f;
	font-weight: bold;	
	color: #7a7a7a;				
}
.bigbox .header{
	height: 3px;
}
.bigbox .header .corner_left{
	float: left;
	width: 4px;
	height: 3px;
	font-size: 1px;
	background: url(/images/design/redbox_top_left.gif) no-repeat;				
}	
.bigbox .header .corner_right{
	float: right;
	width: 4px;
	height: 3px;
	font-size: 1px;
	background: url(/images/design/redbox_top_right.gif) no-repeat;				
}
.bigbox .content{
	background: #fbfbfb;	
	margin: 0 4px;			
}
.bigbox .content .box_footer{
	height: 3px;
	font-size: 3px;
}
.bigbox .content .box_footer .corner_left{
	float: left;
	width: 3px;
	height: 3px;
	font-size: 1px;
	line-height: 1px;
	background: url(/images/design/whitebox_bottom_left.gif) no-repeat;				
}	
.bigbox .content .box_footer .corner_right{
	float: right;
	width: 3px;
	height: 3px;
	font-size: 1px;
	line-height: 1px;
	background: url(/images/design/whitebox_bottom_right.gif) no-repeat;				
}
/*
			
* html .bigbox .content .box_footer{
	height: 2px;
	font-size: 2px;
}
* html .bigbox .content .box_footer .corner_left,
* html .bigbox .content .box_footer .corner_right{
	height: 2px;
	font-size: 2px;	
}	*/
.bigbox .footer,
.smallbox .footer{
	height: 3px;
	background: #7d1f1f;	
	font-size: 3px;
}
.bigbox .footer .corner_left,
.smallbox .footer .corner_left{
	float: left;
	width: 4px;
	height: 3px;
	font-size: 1px;
	background: url(/images/design/redbox_bottom_left.gif) no-repeat;				
}	
.bigbox .footer .corner_right,
.smallbox .footer .corner_right{
	float: right;
	width: 4px;
	height: 3px;
	font-size: 1px;
	background: url(/images/design/redbox_bottom_right.gif) no-repeat;				
}
/* boxes_left */
.box_l{
	width: 268px;
	margin: 0 0 1px 0;
}
/* boxes_top */
.box_t{
	float:left;
}

/** smallbox **/
.smallbox{
	background: #7d1f1f;	
}
.smallbox .content{
	background: #fbfbfb;	
	margin: 0 3px;			
}	
.smallbox div.header{
	background: url(/images/design/box_header_r.gif) no-repeat;
	height: 12px;
	line-height: 12px;
	padding: 6px 0 6px 27px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
/* boxes_rights */
.box_r{
	width: 169px;
	margin: 0 0 1px 0;
}
.box_r div.header,
.box_c div.header{
	background: url(/images/design/box_header_r.gif) no-repeat;
	color: #FFFFFF;
}
/* boxes_content */
.box_c{
	width: 168px;
	margin: 0 0 1px 0;
}
.box_c div.header{
	background: url(/images/design/box_header_c.gif) no-repeat;
}
.box_c div.box_dotted{
	padding: 4px 0px 0px;
}

/** BOXES **/
.box_l div.box_container,
.box_t div.box_container{
	padding: 5px 10px;
}
.box_l div.box_dotted,
.box_t div.box_dotted{
	margin: 4px 6px;
}
.box_l div.box_dotted div.row,
.box_t div.box_dotted div.row{
	border-top: 1px dotted #dbdbdb;
	padding: 2px 0 0;
}

.box_l div.box_dotted a.row_a span.item,
.box_l div.box_dotted a.row_b span.item,
.box_t div.box_dotted a.row_a span.item,
.box_t div.box_dotted a.row_b span.item   { 
	padding: 3px 3px 4px;
}
.box_l div.box_dotted a.row_a,
.box_l div.box_dotted a.row_b,
.box_t div.box_dotted a.row_a,
.box_t div.box_dotted a.row_b    { 
	height: 16px;
	line-height: 10px;
	font-size: 10px;
	display: block;
	background: #fbfbfb;
	color: #7a7a7a;
}
.box_l div.box_dotted a,
.box_l div.box_dotted a:hover 
.box_t div.box_dotted a,
.box_t div.box_dotted a:hover { 
	text-decoration	: none;
}

.box_l div.box_dotted a.row_a:hover,
.box_l div.box_dotted a.row_b:hover, 
.box_t div.box_dotted a.row_a:hover,
.box_t div.box_dotted a.row_b:hover { 
	background: url(/images/design/row_over.gif) repeat-x !important;
	color: #FFFFFF;
}
.box_l div.box_dotted a.row_a:hover .red,
.box_l div.box_dotted a.row_b:hover  .red,
.box_t div.box_dotted a.row_a:hover .red,
.box_t div.box_dotted a.row_b:hover  .red{ 
	color: #000000 !important;
}
.box_l div.box_dotted .row_a a:hover,
.box_t div.box_dotted .row_a a:hover,
.box_l div.box_dotted .row_b a:hover,
.box_t div.box_dotted .row_b a:hover{
	color: #fe1d00;
}

.box_l div.box_dotted a.arrow_red_double{
	background: url(/images/design/arrow_red_double3.gif) no-repeat 0px 7px; 
	padding: 0 0 0 15px;			
}

.box_r div.box_dotted,
.box_c div.box_dotted{
	margin: 4px 6px 0px 6px;
}
.box_r div.box_dotted,
.box_c div.box_dotted{
	margin: 0;
	padding: 0;				
}
.box_r div.box_dotted .row,
.box_c div.box_dotted .row{ 
	background: url(/images/design/row_bg2.gif) repeat-x;
	margin: 0;
	padding: 4px 3px 4px;
	height: 13px;
}
.box_r div.box_dotted a.row_a,
.box_r div.box_dotted a.row_b,
.box_c div.box_dotted a.row_a,
.box_c div.box_dotted a.row_b   { 
	font-weight: bold;
	color: #515151;
}
.box_r div.box_dotted a.row_a:hover,
.box_c div.box_dotted a.row_b:hover { 
	background: none;
	color: #515151;
}

#box_latest_bets .row{
	background: url(/images/design/row_bet_bg.png) no-repeat;			
}
#box_latest_bets .row a.row_a,
#box_latest_bets .row a.row_b{
	background: none;			
}
#box_latest_bets .row .bet_win{
	background: url(/images/design/bet_win.gif) no-repeat 21px 7px;
	font-size: 10px;
	width: 14px;
	padding: 3px 28px 0 3px;	
	color: #56b522;
	text-align: center;
}
#box_latest_bets .row .bet_loss{
	background: url(/images/design/bet_loss.gif) no-repeat 22px 7px;
	font-size: 10px;
	width: 14px;
	padding: 3px 28px 0 3px;	
	color: #7d1f1f;
	text-align: center;
}
#box_latest_bets .row .bet_draw{
	background: url(/images/design/bet_draw.gif) no-repeat 22px 7px;
	font-size: 10px;
	width: 14px;
	padding: 3px 26px 0 3px;	
	color: #006cff;
	text-align: center;
}
#box_latest_bets .row .bet_button{
	background: url(/images/design/button_go_bet.gif) no-repeat;
	display: block;
	width: 38px;
	height: 0;
	overflow: hidden;
	padding: 17px 0 0;
}
div.box_dotted ul{
	padding: 0;
	margin: 0;
	list-style-image: none;
	list-style-type	: none;
	list-style: none;
}
div.box_dotted ul li{
	background: url(/images/design/row_c.gif) no-repeat;
	height: 10px;
	line-height: 10px;
	font-size: 10px;
	padding: 7px 3px 6px;
}
div.box_dotted ul li a{
	display: block;
	font-weight: bold;
	margin: 0 0 2px 0;
}
div.box_dotted ul li a:hover{
	color: #fe1d00;
}
div.box{
}
div.box ul{
	padding: 0;
	margin: 0;
	list-style-image: none;
	list-style-type	: none;
	list-style: none;
	display: block;
	font-size: 11px;
	text-align: left;
	width: 100%;
	border-top: 1px solid #efefef;
}
	
div.box li{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 18px;
}

div.box a{
	display: block;
	margin: 0 0 2px 0;
	height: 13px;
	font-size: 10px;
	padding: 3px;
}

div.box a:hover{
	background: #F2F2F2;
}

/** big tabs **/
.bigtabs{
	height: 27px;	
}
.bigtabs a{
	list-style: none;
	height: 10px;
	padding: 7px 6px 10px 7px;
	text-align: center;
	float: left;
	color: #FFFFFF;
	font-weigt: bold;
}

/** small red tabs **/
.smallredtabs{
	background: #7d1f1f url(/images/design/smallredtabs_bg.gif) no-repeat;
	padding: 0 3px 0 3px;
}
.smallredtabs a{
	float: left;
	display: block;
	color: #FFFFFF;
	font-weigt: bold;
	font-size: 9px;
	line-height: 9px;
	height: 9px;
	padding: 7px;
	text-align: center;
	border-right: 1px solid #721d1d;
}
* html .smallredtabs a{
	display: inline;
}
.smallredtabs a:hover,
.smallredtabs a.active,
.smallredtabs a.first,
.smallredtabs a.first:hover{
	color: #FFFFFF;
	background: #912102 url(/images/design/smallredtabs_over.gif) no-repeat center top;
}


/** small white tabs **/
.smallwhitetabs{
	background: #7d1f1f url(/images/design/smallwhitetabs_bg.gif) no-repeat;
	height: 18px;	
	padding: 0 3px 0 3px;
}
.smallwhitetabs a{
	float: left;
	display: block;
	color: #767676;
	font-weigt: bold;
	font-size: 8px;
	line-height: 8px;
	height: 8px;
	text-transform: uppercase;
	padding: 4px 7px 6px;
	text-align: center;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #e7e7e7;
}
* html .smallwhitetabs a{
	display: inline;
}
.smallwhitetabs a:hover,
.smallwhitetabs a.active,
.smallwhitetabs a.first,
.smallwhitetabs a.first:hover{
	color: #7f3c3c;
	background: url(/images/design/smallwhitetabs_over.gif) no-repeat center bottom;
}

/** ADMINCENTER **/
#admincenter{
	display: none;
	background: #F1F1F1;
	height: 40px;
	margin: 0 0 0 9px;
}
#admincenter ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#admincenter li{
	list-style: none;
	margin: 0;
	height: 20px;
	line-height: 20px;
	float: left;
}
#admincenter a{
	display: block;
	padding: 0 5px;
	color: #252525;
}
#admincenter li a:hover{
	background: #5F5F5F;
	color: #FFFFFF;
}


/** USERCENTER **/
#box_specials,
#box_usercenter{
	width: 338px;
	height: 172px;
	color: #7a7a7a;
	font-weight: bold;
}
#box_usercenter ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#box_usercenter li{
	list-style: none;
	margin: 4px 0;
	color: #7d1f1f;
	font-weight: bold;
}
#box_usercenter li a{
	color: #7a7a7a;
}

/** LATEST ESPORT NEWS **/
#box_latest_headlines,
#box_latest_coverage,
#box_specials{
	width: 402px;
	height: 172px;
	margin: 0 1px 0 0;
}

#box_specials_new,
#box_latest_bets{
	margin: 1px 0 0;	
	width: 402px;
	height: 174px;		
}
#box_login_content,
#box_usercenter_content{	
	margin: 0 3px 0 4px;
}

* html #box_latest_headlines,
* html #box_latest_coverage{
	height: 171px;
}
* html #box_latest_headlines_content,
* html #box_latest_coverage_content,
* html #box_latest_bets_content{
	height: 166px;
}

* html #box_specials_new,
* html #box_latest_bets{
	height: 400px;
}

/** LOGIN **/
#box_login{
	width: 338px;
	height: 172px;
}
div#login_buttons{
	padding: 1px 0px 4px 15px;
}
div#login_inputs{
	padding: 7px;
}
div#login_stats{
	min-height: 85px;		
	height: 85px;		
	padding: 0 5px;
}
* html div#login_stats{
	height: 85px;				
}

a#button_register,
a#button_login,
a#button_lostpassword{
	background: url(/images/design/arrow_red_double.gif) no-repeat 0px 2px;
	font-size: 8px;
	color: #7a7a7a;
	padding: 0 10px 0 12px;
	font-weight: bold;
}
input#submit_login{
	display: none;
}

input#input_username,
input#input_password{
	background: #f8f8f8;
	color: #7a7a7a;
	width: 122px;
	border: 1px solid #e5e5e5;
	font-size: 9px;
	font-weight: bold;
}
input#input_password{
	margin: 0 0 0 1px;
}

