* {padding: 0; margin: 0; list-style: none;}
html {background: url(../imgs/core/main_bg.gif)}
body {font-family: Helvetica, Arial, sans-serif; color:#333; font-size: 12px; background: url(../imgs/core/background.gif) repeat-x}

a {color: #dd1e07; text-decoration: none;font-weight: bold;}
a:hover {text-decoration: underline; color: #e04b71}
p {line-height: 18px; margin: 5px 0}

.clear {clear: both;}

.button {height: 32px; line-height: 32px; padding:0 5px; color: #FFF; position: relative; background: url(../imgs/core/button_l.gif) no-repeat left top; display: block; float: right;}
.button span {display: block; width: 5px; height: 32px; background: url(../imgs/core/button_r.gif) no-repeat right top; position:absolute; top: 0; right: 0;}
#wrapper {background: url(../imgs/core/illustration.png) center top no-repeat; overflow:hidden}
#site_wrapper {width: 980px; background: #fff url(../imgs/core/wrapper_header5.gif) no-repeat top center; overflow: hidden; margin: 10px auto 0px auto; padding: 10px; padding-bottom: 0}
.wrapper_bottom {height: 10px; width: 1000px; background: url(../imgs/core/wrapper_bottom.gif) no-repeat; margin: 0 auto 10px auto}

#top_bar {height: 30px; background: #000; border-bottom: solid 1px #333}
	#top_bar .inner {width: 1000px; margin: 0 auto;}
	#top_bar h1 {width: 500px; float: left; color: #444; font-size: 20px; letter-spacing: -1px; line-height: 30px; height: 30px}

	#top_bar .stats {width: 500px; float: left; height: 30px; line-height: 30px; text-align: right}
	#top_bar .stats .stat_title {font-weight: bold; color: #666; margin-left: 10px}
	#top_bar .stats .stat_amount {font-weight: bold; color:#999}

#header {overflow: hidden; margin-bottom: 10px}
	#header h1 {text-indent: -9999px; width: 300px; height: 133px; float: left;}
	#header h1 a {width: 300px; height: 133px; display: block;}
	#header .leaderboard {float: right; width: 728px; height: 90px; background: #111; margin-bottom: 10px; display: none;}
	#header ul#sponsors { float: right; margin-top: 0px}
	#header ul#sponsors li {float: left; height: 138px; background: none; text-align: right; margin-left: 10px;}

#user_subnav {overflow:hidden; height: 20px; width: 980px;}
#user_subnav li {float: right; margin-left: 10px; border-left: solid 1px #ccc; padding-left:10px}


#nav {height: 51px; background: #fff url(../imgs/nav/nav_back.gif) no-repeat ;}
	ul#game_nav {height: 51px}
	ul#game_nav li {float: left; }
	ul#main_nav {height: 51px; width: 540px; float: left;}
	ul#main_nav li {float: left; height: 51px; margin-left: 5px; line-height: 51px; letter-spacing: 0px}
	ul#main_nav li a {display: block; padding: 0 5px; color: #fff; font-size: 14px}
	ul#main_nav li a:hover {text-decoration: none; padding: 0 4px; border-right: solid 1px #d91605; border-left: solid 1px #d91605; background: url(../imgs/nav/nav_hover.gif) repeat-x top center}
	

	#userinterface {height: 51px; width: 415px; float: right;}
	#userinterface .welcome {float: left; color:#FFF; height: 51px; line-height: 51px; display: block; width:140px; text-align: right;}
	#userinterface  ul {float: right;}
	#userinterface  ul li {float: left;}
	#userinterface  ul li.view a {float: left; width: 49px; height: 51px; text-indent: -9999px; background: url(../imgs/profile/view_off.gif) no-repeat;}
	#userinterface  ul li.view a:hover {background: url(../imgs/profile/view_on.gif) no-repeat;}
	#userinterface  ul li.edit a {float: left; width: 51px; height: 51px; text-indent: -9999px; background: url(../imgs/profile/edit_off.gif) no-repeat;}
	#userinterface  ul li.edit a:hover {background: url(../imgs/profile/edit_on.gif) no-repeat;}
	#userinterface  ul li.editteam a {float: left; width: 68px; height: 51px; text-indent: -9999px; background: url(../imgs/profile/editteam_off.gif) no-repeat;}
	#userinterface  ul li.editteam a:hover {background: url(../imgs/profile/editteam_on.gif) no-repeat;}
	#userinterface  ul li.add a {float: left; width: 68px; height: 51px; text-indent: -9999px; background: url(../imgs/profile/add_off.gif) no-repeat;}
	#userinterface  ul li.add a:hover {background: url(../imgs/profile/add_on.gif) no-repeat;}
	#userinterface  ul li.invites a {float: left; width: 55px; height: 51px; text-indent: -9999px; background: url(../imgs/profile/invites_off.gif) no-repeat;}
	#userinterface  ul li.invites a:hover {background: url(../imgs/profile/invites_on.gif) no-repeat;}
	#userinterface  ul li.logout a {float: left; width: 49px; height: 51px; text-indent: -9999px; background: url(../imgs/profile/logout_off.gif) no-repeat;}
	#userinterface  ul li.logout a:hover {background: url(../imgs/profile/logout_on.gif) no-repeat;}
	
#latest_row {overflow: hidden; margin-top: 10px; width: 980px;}
	#latest_row #latest_news, #latest_row #latest_results, #latest_row #upcoming_fixtures {float: left;width: 320px; margin-right: 10px; height:auto }
	 #latest_row #upcoming_fixtures {width: 320px; margin-right: 0}

/* COMPONENTS */
.component {margin-bottom: 10px; }
.component h2 {height: 40px; line-height: 40px; color:#FFF; font-size: 18px;letter-spacing: -1px; text-indent: 10px; background: url(../imgs/component/heading_back.gif) repeat-x; position:relative}
.component h2 .left {display: block; width: 5px; height: 40px; background: url(../imgs/component/heading_left.gif) no-repeat; position:absolute; left: 0; top: 0;}
.component h2 .right {display: block; width: 5px; height: 40px; background: url(../imgs/component/heading_right.gif) no-repeat; position:absolute; right: 0; top: 0;}
 
.component_inner {padding: 0px; background: #eee; position: relative;}
.component_inner ul {border: solid 1px #ddd; border-bottom: 0}
.component_inner ul li {line-height: 25px; height: 25px; border-bottom: solid 1px #ccc; background: url(../imgs/component/li_back.gif) repeat-x; padding: 0 10px; list-style-image: url(../imgs/component/bullet.gif); list-style-position: inside; overflow:hidden}
.component_inner ul li:hover {background: #f5f5f5}
.component_inner ul li a {display: block; padding-left: 10px;}
.component_inner .bl {display: none; width: 4px; height: 4px; position: absolute; bottom: 0; left: 0; background: url(../imgs/component/bl_corner.gif) no-repeat;}
.component_inner .br {display: none; width: 4px; height: 4px; position: absolute; bottom: 0; right: 0; background: url(../imgs/component/br_corner.gif) no-repeat;}

.component_button {background: url(../imgs/component/component_button_right.gif) repeat-x right; border-left: solid 1px #d91605; padding: 0 10px 0 0; float: right; position: absolute; right: 0; top: 0; color:#FFF; font-size: 12px}
.component_button:hover {color: #FFF}

#main {position: relative;}
#main_content {margin: 0px 10px 0 0; width: 500px;  overflow:hidden; float: left}
#support {width: 160px; margin: 0px 10px 0 0; float: left;}
#sub_content {margin-top: 0px; width: 300px; float: left;}

#news_wrapper {}
.h2_select {position: absolute; right: 10px; top: 0px;}
#news_wrapper h2, #forum_wrapper h2, #user_reg h2, #results_wrapper h2, #fixtures_wrapper h2, #tables_wrapper h2, #rules_wrapper h2 {height: 40px; line-height: 40px; color:#FFF; font-size: 18px; letter-spacing: -1px; text-indent: 10px; background: url(../imgs/component/heading_back.gif) repeat-x; position:relative}
#news_wrapper h2 .left, #forum_wrapper h2 .left, #user_reg h2 .left, #results_wrapper h2 .left, #fixtures_wrapper h2 .left, #tables_wrapper h2 .left, #rules_wrapper h2 .left {display: block; width: 5px; height: 40px; background: url(../imgs/component/heading_left.gif) no-repeat; position:absolute; left: 0; top: 0;}
#news_wrapper h2 .right, #forum_wrapper h2 .right, #user_reg h2 .right, #results_wrapper h2 .right, #fixtures_wrapper h2 .right, #tables_wrapper h2 .right, #rules_wrapper h2 .right {display: block; width: 5px; height: 40px; background: url(../imgs/component/heading_right.gif) no-repeat; position:absolute; right: 0; top: 0;}
.main_inner {border: solid 1px #ccc;  padding: 10px}

.left_win .score_one .score {color: green}
.left_win .score_two .score {color: red}

.right_win .score_two .score {color: green}
.right_win .score_one .score {color: red}

#news_headlines li {margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #ccc;}
#news_headlines li h3 {font-size: 22px; letter-spacing: -1px; margin: 0 0 5px 0;}
#news_headlines li .v2_date {color: #FFF; display: block; width: 40px; height: 54px; margin-right: 10px; text-align: center;background: url(../imgs/core/date.gif) no-repeat; float:left}
#news_headlines li .day {font-size: 22px; font-weight: bold; line-height: 34px;}
#news_headlines li .month {font-size: 12px; font-weight: bold; line-height: 20px}
#news_headlines li p {line-height: 18px; margin-left: 50px;}

#results_list li {position: relative; list-style-image: none;}
#results_list li .score_one {position: absolute; left: 0; width: 140px; text-align: right; font-weight: bold;}
#results_list li .score_two {position: absolute; right: 0; width: 140px; font-weight: bold;}

.vs { margin-left: 145px; color: #888}

#forum_wrapper {}
#forum_wrapper .show_forums {border: solid 1px #fff; border-collapse:collapse; background: #eee;}
#forum_wrapper .show_forums td.outer {padding: 5px}

.fields {border: solid 1px #666; margin-bottom: 1px;color: #333; background: #eee; height: 20px;}
label {clear: both; height: 30px;line-height: 30px; color: #fff; background: #666 url(../imgs/component/heading_back.gif) repeat-x bottom;margin-bottom: 5px;padding: 0 5px; display: block; font-weight: bold; margin-top: 10px}

.login_form {position: relative; float: right; padding-top: 0px	}
.login_form label {line-height: 20px; clear:none; font-weight: bold; color: #fff; font-size:11px; float:left; display: inline; background: none; margin-right: 5px; margin-top: 15px; padding: 0}
.login_form .fields {width: 110px; float:left; margin-right: 5px;margin-top: 15px;}
.login_form .forgot {position: absolute; left: 62px; top: 32px; color: #fff; font-size:11px}

.table_list {border: solid 1px #ccc}
.table_list td td {border-collapse: collapse; padding: 5px; border-bottom: solid 1px #ccc}
tr.lead_row {background: #666 url(../imgs/component/heading_back.gif) repeat-x bottom; height: 30px; line-height: 30px; color:#FFF; font-weight: bold; padding: 0 10px}

.league_tables {}
.league_tables .leadrow {background: url(../imgs/component/heading_back.gif) repeat-x; font-size: 11px; font-weight: bold; height: 30px; color:#FFF}
.league_tables td {padding: 4px;}
h3.league_heading {font-size: 18px; letter-spacing: -1px; margin: 5px 0; color: #666}
.tableScores {color: #888; width: 40px;}
.tableScoresPts {font-size: 14px; font-weight: bold;}

.success, .error, .fyi {padding: 15px; text-align: center; line-height: 18px; color: #333;}
.success {background: #d7fea8; border: solid 1px #3a9900;}
.error {background: #fea8a8; border: solid 1px #b90000;}
.fyi {background: #fef6a8; border: solid 1px #fffa00;}


#footer {padding: 20px 0; background: #111; clear:both}
#footer .inner {margin: 0 auto; width: 1000px;}
#footer p {line-height: 18px;}