/*
* @author - Mark Hogan
*/
HTML {}
#page {margin:auto;padding-top: 34px;background:#fff;}
#page, #outerwrapper {width:990px; /* #page and #outerwrapper need to be the same width for 'margin: auto' to work */}
#outerwrapper {background: #fff;float:left;	margin: 0;padding: 0;}
#innerwrapper {float:left;min-height:400px;width:100%;text-align:left;}
/* 
* site elements on top of page 
*/
#header {height:121px;width:100%;background: #fff url(/web/images/header_bg_tile_schedule.jpg) repeat-x; margin-bottom:1px;padding:0;}
#signin {color:#fff;float:right;margin:61px 25px 0px 0px;width:410px;}
.signin_advanced {font-size:10px;margin:0px;float: left;margin: -28px 0 0 225px;}
.signin_button {border-left:1px solid #FFFFFF;float:left;margin:-41px 0 0 285px;padding-left:15px;text-align:left;}
.ienopad {padding-top: 0;}

/* 
* the main navigation menu
*/
#main_navigation {float: left;margin:0;padding:0;height:;width:990px;text-align: left;}
#main_navigation ul {float:left;margin-top:0px;margin-left:0px;list-style-type:none;}

/* 
* content div 
*/
#content {float:left;padding:0 14px 0 14px;margin:0 ;background: #fff;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
#innercontent {float:left;}
.bottom_line {padding: 0 0 14px 0;margin: 0;border-bottom: 1px solid #e5e5e5;}
.no_bottom_line {padding: 0 0 15px 0; margin: 0;}
.bottom_left_line {padding: 0;float:left;margin: 36px 0 0 0;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.bottom_line_nopad {padding: 0;margin: 0;border-bottom: 1px solid #e5e5e5;}
.bottom_line_smallpad {padding: 0 0 10px 0;margin: 0;border-bottom: 1px solid #e5e5e5;}
.bottom_line_topsmallpad {padding: 10px 0 0 0;margin: 0;border-bottom: 1px solid #e5e5e5;}
.bottom_line_vertpad {padding: 10px 0 14px 0;margin: 0;border-bottom: 1px solid #e5e5e5;}
.bottom_dotted_line {padding: 0 0 14px 0;margin: 0;border-bottom: 1px dotted #e5e5e5;}
.bottom_dotted_line_vertpad {padding: 10px 0 14px 0;margin: 0;border-bottom: 1px dotted #e5e5e5;}
.no_bottom_line_vertpad {padding: 10px 0 0 0;margin: 0;}
.bottom_dotted_line_smallpad {padding: 0 0 10px 0;margin: 0;border-bottom: 1px dotted #e5e5e5;}
.bottom_dotted_line_leftpad {padding: 0 0 0 0;margin: 0 0 0 105px;border-bottom: 1px dotted #e5e5e5;}
.bottom_dotted_line_leftpad_top {padding: 10px 0 0 0;margin: 0 0 0 105px;border-bottom: 1px dotted #e5e5e5;}
.no_bottom_dotted_line_leftpad {padding: 0 0 0 0;margin: 0 0 0 105px;}
.no_bottom_dotted_line_leftpad_top {padding: 10px 0 0 0;margin: 0 0 0 105px;}

/* 
* left column
*/
#left_column {float: left;padding: 0 14px 0 0;margin: 10px 14px 0 0;width: 631px;border-right: 1px solid #e1e1e1;text-align:left;}
.view_list {font-size:14px !important; color:#c3c3c3; padding-top:5px;}
.view_list span {color:#000; font-weight:800; padding-right:10px;}
.hero_pad {margin-bottom: 15px;padding:0;}
.box_list {margin: 0 0 5px 0;padding: 0;float: left;width: 157px;}
.box_50 {margin: 0;padding: 0 14px 0 0;float: left;width: 301px;border-right: 1px solid #e5e5e5;}
.box_50_end {margin: 0;padding: 0 0 0 14px;float: left;width: 301px;}
.box_50_fullborder {margin: 0;padding: 0 0 10px 10px ;float: left;width: 295px;border: 1px solid #e5e5e5;}
.box_50_noborder {margin: 0;padding: 0 24px 0 0;float: left;width: 300px;}
.box_50_noborder_end {margin: 0;padding: 0 ;float: left;width: 307px;}
.box_50_start {margin: 0;padding: 0 17px 0 0;float: left;width: 307px;}
.box_50_start_end {margin: 0;padding: 0;float: left;width: 307px;}
.box_25{margin: 0;padding: 0 11px 0 0;float: left;width: 145px;}
.box_25_end {margin: 0;padding: 0;float: left;width: 145px;}
.box_25_noborder{margin: 0;padding: 0 4px 0 0;float: left;width: 200px;}
.box_33_start {margin: 0;padding: 0 4px 0 0;border-right: 1px solid #e5e5e5;float: left;width: 200px;}
.box_33 {margin: 0;padding: 0 4px 0 4px;border-right: 1px solid #e5e5e5;float: left;width: 200px;}
.box_33_end {margin: 0;padding: 0 0 0 5px;float: left;width: 200px;}
.box_33_noborder {margin: 0;padding: 0 4px 0 4px;float: left;width: 203px;}
.box_33_noborder_end {margin: 0;padding: 0 0 0 5px;float: left;width: 203px;}
.box_65 {margin: 0;padding: 0 14px 0 0;float: left;width: 401px;}
.box_65_end {margin: 0;padding: 0;float: left;width: 216px;}
.h1_right_float{float: right;margin:-29px 0 0 0;padding:0;color: #e5e5e5;}
.h2_right_float{float: right;margin:-25px 0 0 0;padding:0;color: #e5e5e5;}

.h2_date { color: #878787; font-size: 11px; margin-bottom: 4px;padding:0;}
.additional_options {padding:0;margin: 0px;}

/*** 	Content full Borders - 4 sided boxes	***/

.box_fullborder_right {margin: 0;padding: 10px 10px 14px 10px;float: left;width: 280px;border: 1px solid #e5e5e5;}
.box_fullborder_left {margin: 0;padding: 5px;float: left;border: 1px solid #e5e5e5;}
.box_fullborder_left_notop {margin: 0;padding: 5px;float: left;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.box_fullborder_left_notop_end {margin-bottom: 10px;padding: 5px;float: left;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
/*
Article Layout
*/
#article_box_header {float: left;width: 100%;height: 80px;padding:0;margin:0;background: #e5e5e5;}
.article_box_date {color:#8e8e8e;font-size:11px;margin: 0;padding: 0 0 0 10px;position: relative;}
.topcbox {position: relative;height: 69px;top: -53px;text-align: center;float: right;border-left: 1px dotted #c8c8c8;padding-top: 10px;}
.topcboxpad {padding: 5px;margin-bottom: 0px;}
#article_flash {float:right;padding: 0 0 10px 10px; }
.bottom_line_content_text{padding: 10px 0 14px 0;margin: 0;border-bottom: 1px solid #e5e5e5;line-height: 140%;}
#content_intro {float: top left;margin-right: 314px;font-size: 14px;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;}
#content_intro_list {float: top;margin-right: 314px;margin-bottom: 10px;font-size: 12px;padding: 0px 0 10px 0;border-bottom: 1px solid #e5e5e5;}
#content_options {width: 100%;margin-top: 15px;}
.article_cbox {text-align: left;float: left;width: 210px;}
.article_cbox_mid {text-align: center;float: left;width: 211px;}
.article_cbox_end {text-align: right;float: left;width: 210px;}
.tv_schedule_options {float:left; padding:0 0 10px 0; margin:0 0 0 15px;}
span.tv_schedule_time {text-align: right;float: left;margin-right: 15px;width: 55px;font-size:14px;}
.tv_schedule_item_description {text-align: left;margin-left: 70px;margin-right: -60px; padding: 2px 0 2px 4px;}
/* 
* right column
*/
#right_column {float: left;margin: 10px 0 0 0;width: 300px;padding: 0;}
#right_column .box_33_start {margin: 0;padding: 5px;float: left;width: 88px;height: 100px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
#right_column .box_33 {margin: 0;padding: 5px 6px;float: left;width: 88px;height: 100px;border: 1px solid #e5e5e5;}
#right_column .box_33_end {margin: 0;padding: 5px;float: left;width: 88px;height: 100px;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
#right_column .box_50 {margin: 0;padding: 0 10px 0 0;float: left;width: 145px;border: none;}
#right_column .box_50_end {margin: 0;padding: 0;float: left;width: 145px;border: none;}
.header_pad { margin-top: 10px;}
#sbs_schedule {background: #93c207;padding:15px 15px 28px 15px;margin: 0;}
.sbs_schedule_h1_right_float{ float: right;margin:-30px 0 0 0;padding:0;color: #e5e5e5;}
.sbs_schedule_item {width:286px;float:left;margin: 5px 0 0 0;padding: 0 0 0 15px;}
.sbs_schedule_item_selected {font-weight: bold;float:left;width:286px;margin: 0;background: #93c207;margin-top: 5px;padding: 3px 0 3px 15px;color: #fff !important; }
.float_schedule_item {float:left;margin-top: -15px;margin-left: 38px;padding: 0;}
.sbs_schedule_header_pad {margin-top: 10px;margin-left: 15px;padding:0;}
.sbs_shop_header_pad {margin-top: 10px;margin-left: 5px;padding:0;}
.sbs_popular_header_pad {margin-top: 10px;padding:0;}
/* Tab Items (Right Column)*/
.tab_item {margin-bottom: 14px;margin-top: 14px;height: 60px;padding: 0;background: #fff url(../../images/tabscroll_bgtile.jpg) repeat-x 0 0;}
div.edit_delete {color: #a5a5a5;float: right;text-align: right;margin:-19px 0 0 0;padding:0;width: 60px;}
.tv_schedule p {padding:0;margin:0;}

/*
SBS Shop
*/
.shop_box {border-bottom: 1px dotted #d3d3d3;padding:10px 0 10px 0;/*padding: 10px 10px 14px 10px;*/margin: 0;font-size: 12px;}
/* 
* the footer
*/
.separator_line {border-bottom: 1px solid #e5e5e5;margin-top: 14px;padding:0;float:left;width: 960px;}
#footer {margin: 0;padding:14px 0 0 14px;float: left;background-color:#fff;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
#fbox1 {float: left;width: 180px;text-align: left;font-weight: 500;margin-right: 15px;padding:0;}
#fbox2 {float: left;width: 180px;text-align: left;margin-right: 15px;}
#fbox3 {float: left;width: 180px;text-align: left;margin-right: 15px;}
#fbox4 {float: left;width: 180px;text-align: left;margin-right: 15px;}
#fbox5 {float: left;width: 180px;text-align: left;margin-right: 14px;} 
.copyright {float:left;position:relative;left: 192px;color: #CBCBCB;font: 12px arial;margin: 20px 0 20px 0; /* Spacing above and below the copyright */padding:0;}
div.clear {clear: both;}

/**
* tab styling
*/
div.tab_container {background: transparent url(../../images/tab/tabs_bottom_bg.gif) 0 14px repeat-x;}
.tabs {margin-bottom: 0;float: left;}
.panel {clear: both;display: none;padding: 5px;margin-bottom: 10px;border-bottom: 1px solid #ccc;}
.panelstats {clear: both;display: none;border-bottom: 1px solid #ccc;	margin-bottom: 10px;}
.panelstats.active-tab-body {display: block;}
#whats_on_sbs_tabs1, whats_on_sbs_tabs2 {margin: 0;}
.panel.active-tab-body {display: block;}
#left .right .panel {border-bottom: none;}
.tabs li {float: left;padding: 0;background-image: none;margin-right:1px;}
.tabs a {float: left;font-family: Arial;font-size: 11px;line-height: 20px;height: 20px;margin: 0;padding: 0;background: #fff url(../../images/tab/tab_off_bg.jpg) repeat-x 0 0;}
.tabs a:link, .tabs a:visited, .tabs a:active {font-weight: bold;color: #333;}
.tabs a span {float: left;display: block;cursor: hand;}
.tabs a span.tab_left, .tabs a span.tab_right {height: 20px;width: 10px;padding: 0;background: transparent url(../../images/tab/tab_off_left.jpg) no-repeat scroll 0%;}
.tabs a.active-tab span.tab_left {background: transparent url(../../images/tab/tab_on_left.jpg) no-repeat scroll 0%;}
.tabs a span.tab_right {background: transparent url(../../images/tab/tab_off_right.jpg) no-repeat scroll 0%;}
.tabs a.active-tab span.tab_right {background: transparent url(../../images/tab/tab_on_right.jpg) no-repeat scroll 0%;}
.tabs a.active-tab {background: transparent url(../../images/tab/tab_on_bg.jpg) repeat-x 0 0;}
.tabs .more_tab a {padding: 0;margin-left: 6px;background-color: #fff;text-decoration: none;color: #999;}
/* page tab styling */
#page_header h1 {float: left;}
#page_tabs {float: left;margin-left: 20px;margin-top: 7px;}
#page_tabs li {float: left;padding: 0;background-image: none;margin-left: 1px;}
#page_tabs a {float: left;font-family: Arial;font-size: 11px;line-height: 30px;height: 30px;margin: 0;padding: 0;background: transparent url(../../images/tab/page_tab_off_bg.gif) repeat-x 0 0;}
#page_tabs a:hover {background: transparent url(../../images/tab/page_tab_hover_bg.gif) repeat-x 0 0;}
#page_tabs a:link, #page_tabs a:visited, #page_tabs a:active {font-weight: bold;color: #333;}
#page_tabs a:hover {text-decoration: none;}
#page_tabs a span {float: left;display: block;cursor: hand;}
#page_tabs a span.tab_left, #page_tabs a span.tab_right {height: 30px;width: 9px;padding: 0;background: transparent url(../../images/tab/page_tab_off_left.gif) no-repeat scroll 0%;}
#page_tabs a.active-tab span.tab_left {background: transparent url(../../images/tab/page_tab_on_left.gif) no-repeat scroll 0%;}
#page_tabs a span.tab_right {background: transparent url(../../images/tab/page_tab_off_right.gif) no-repeat scroll 0%;}
#page_tabs a.active-tab span.tab_right {background: transparent url(../../images/tab/page_tab_on_right.gif) no-repeat scroll 0%;}
#page_tabs a.active-tab {background: transparent url(../../images/tab/page_tab_on_bg.gif) repeat-x 0 0;}
#page_tabs a:hover span.tab_left {background: transparent url(../../images/tab/page_tab_hover_left.gif) no-repeat scroll 0%;}
#page_tabs a.active-tab:hover span.tab_left {background: transparent url(../../images/tab/page_tab_hover_left.gif) no-repeat scroll 0%;}
#page_tabs a:hover span.tab_right {background: transparent url(../../images/tab/page_tab_hover_right.gif) no-repeat scroll 0%;}
#page_tabs a.active-tab:hover span.tab_right {background: transparent url(../../images/tab/page_tab_hover_right.gif) no-repeat scroll 0%;}
#page_tabs a.active-tab:hover {background: transparent url(../../images/tab/page_tab_hover_bg.gif) repeat-x 0 0;}

/* What's On SBS TV tab styling */
#world_leagues.tabs a {font-size: 10px; /* needed to reduce fontsize to fit in the tabs */line-height: 24px;}

/**
* individual tab styling
*/
#stats.tabs a span {padding: 0 4px;}
#stats.tabs a span.tab_left, #stats.tabs a span.tab_right {padding: 0;}
p.sub_tabs {font-size: 10px;line-height: 24px;border-bottom: 1px solid #ccc;color: #666;}
.tab_table {width: 100%;font-size: 11px;}
.tab_table caption {line-height: 24px;color: #666;}
.tab_table tr {background: #fff url(../../images/td_gradient_bg.jpg) repeat-x 0 100%;}
.tab_table td.winner {color: #dc5100;/*line-height: 24px;*/}
#fixturesPanel.tab_table td, #resultsPanel.tab_table td { height: 23px;padding: 2px 6px;vertical-align: middle;}
.tab_table td {padding: 0 6px;}
#ladder.tab_table td {height: 27px;font-size: 11px;border-bottom: 1px solid #fff;vertical-align: middle;}
#ladder.tab_table th {line-height: 27px;font-size: 11px;color: #333;border-bottom: 1px solid #fff;}
#ladder.tab_table td.pts {background-color: #e8e8e8;color: #000;font-weight: bold;}
#ladder.tab_table th.pts {font-weight: bold;}
#ladder.tab_table td img {vertical-align: middle;}
#ladder.tab_table td span.logo {padding-left: 10px;margin: 0 5px;background: transparent url(../../images/bullet_arrow_grey.gif) no-repeat 0 50%;}
#ladder.tab_table td a:link, #ladder.tab_table td a:visited, #ladder.tab_table td a:active {color: #dc5100;}
p#full_table_link {margin-bottom: 15px;}
p#full_table_link a.report {color: #19548e;}
p.sub_tabs a:link, p.sub_tabs a:visited, p.sub_tabs a:active {color: #666;}
p.sub_tabs a.current:link, p.sub_tabs a.current:visited, p.sub_tabs a.current:active {color: #000;}
p.sub_tabs a.all_link:link, p.sub_tabs a.all_link:visited, p.sub_tabs a.all_link:active {color: #659100;padding-left: 10px;background: transparent url(../../images/bullet_arrow_grey.gif) no-repeat 0 50%;}
a.report {color: #659100;height:20px;padding-left: 17px;height:20px;background: transparent url(../../images/icon_report.gif) no-repeat 0 50%;}
a.video {color: #659100;white-space: nowrap;padding-left: 17px;display: inline-block;background: transparent url(../../images/icon_video_camera.gif) no-repeat 0 50%;}
a.icon_new_window_sml {padding-left: 15px;background: transparent url(../../images/icon_new_window_sml.gif) no-repeat 0 50%;}
#opinions1.panel, #opinions2.panel, #opinions12_0.panel, #opinions12_1.panel, #opinions13_2.panel, #opinions4.panel {background: #f2f2f2 url(../../images/opinions_bg.jpg) repeat-x 0 0;padding: 10px;border-bottom: none;}
#content p.more_link {float: right;width: 40px;line-height: 20px;margin: 0;}
p.more_link a:link, p.more_link a:visited, p.more_link a:active {color: #659100;padding-left: 10px;background: transparent url(../../images/bullet_arrow_grey.gif) no-repeat 0 50%;}
#content p.author {font-size: 11px;}
#content p.comment_links {color: #999;margin-top: 0;margin-bottom: 7px;font-size: 11px;}
/**
* scroller component
*/
.scroller-container {position: relative;z-index: 10;}
.scrollable {position: absolute;top: 0;left: 0;width: 282px;clip: rect(0px, 300px, 129px, 0px);overflow: hidden;padding-bottom: 20px;}
.scroller_btn_up {position: absolute;top: 0;right: 0;width: 15px;height: 15px;background: transparent url(../web/images/scroller/scroller_btn_up.gif) repeat-y 0 0;}
.scroller_btn_down {position: absolute;right: 0;width: 15px;height: 15px;background: transparent url(../../images/scroller/scroller_btn_down.gif) repeat-y 0 0;}
.scroller_track {position: absolute;right: 0;top: 15px;width: 15px;background: transparent url(../../images/scroller/scroller_track_bg.gif) repeat-y 0 0;}
.scroller_handle {position: absolute;right: 0;top: 0;width: 15px;height: 37px;background: transparent url(../../images/scroller/scroller_handle.gif) repeat-y 0 0;}
#track {height: 150px;}
#scrollable {clip: rect(0, 300px, 180px, 0);overflow: hidden;padding-bottom: 10px;}
#scroll-container {height: 180px;margin-bottom: 5px;}
#button-down {
top: 165px;
}

/*-- clearing hacks --*/
.row:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.row { display: inline-block; margin-bottom: 5px;}
/* Hides from IE-mac \*/* html .row { height: 1%; }.row { display: block; }

/* === Left_Column content === */
.page_border {width:988px; margin-left:1px;}

.left_full {width:627px;height:auto;padding: 0 0; margin:0 0 0 15px;  position: relative; clear:both; font-size:0; background: transparent;}
.right_full {width:300px;height:auto;padding: 0 0; margin:0 0 15px 0;  position: relative; clear:both; font-size:0; background: transparent;}
.left_full .panel_controls,
.right_full .panel_controls {position:absolute; top:8px; right:5px; line-height:16px; font-size:11px;height:16px; width:auto; display:block; padding-right:25px; text-align:right; padding-top:2px; padding-bottom:2px; background: transparent;}
.left_full .panel_controls a, .left_full .panel_controls span,
.right_full .panel_controls a, .right_full .panel_controls span,
.blog_controls a, .blog_controls span, .news_controls a, .news_controls span{background: transparent url(../images/icons/ico_arrow_white.gif) no-repeat 0 2px; padding-left:12px;margin-left:10px;color:#fff; font-weight:800;}

.left_full .panel_controls a:hover,
.right_full .panel_controls a:hover {background: transparent url(../images/icons/ico_arrow_white.gif) no-repeat 0 2px;}

.blog_controls a, .blog_controls a:visited, .blog_controls a:hover, .blog_controls span {background: transparent url(../images/icons/ico_arrow.gif) no-repeat 0 2px; color:#19548E !important;}
.left_full .panel_controls a:hover, .left_full .panel_controls span:hover,
.right_full .panel_controls a:hover, .right_full .panel_controls span:hover,
.blog_controls a:hover, .blog_controls span:hover, .news_controls a:hover, .news_controls span:hover{background: transparent url(../images/icons/ico_arrow_hover.gif) no-repeat 0 2px; padding-left:12px;margin-left:10px; color:#fff;}

.left_full .panel_controls span,
.right_full .panel_controls span{/*background-image: url(../images/arrows2.gif); color:#777;*/}

.left_full .panel_controls a.custom_colour, .left_full .panel_controls a.custom_colour:visited, .left_full .panel_controls a.custom_colour:hover,
.right_full .panel_controls a.custom_colour, .right_full .panel_controls a.custom_colour:visited, .right_full .panel_controls a.custom_colour:hover{background-image: url(../images/arrows3.gif); background-position: 0 4px; font-weight:800;}
/* >>> Columns >>> */
	.two_columns, .three_columns, .four_columns {margin-top:15px}
	.two_columns .column, .three_columns .column, .four_columns .column {height:auto; display:block; margin-right:10px; float:left;position:relative; font-size:0; padding:0 0 15px 0;}
	.two_columns .column {width:306px; margin-right:14px;}
	.three_columns .column {width:202px;}
	.four_columns .column {width:144px;}
		/* two columns features */
		.two_columns .blogfeature {width:401px;}
		.column ul li span.date {position:absolute;left: 15px;}
		.column .column_controls, .column_controls {font-size:12px; line-height:16px; margin-top:5px; color:#999;}
		.column p{font-size:12px; line-height:16px;}
		.four_columns .column p {font-size:11px;}
			/* > Image containers > */
				.column .image_container, .image_container, .flash_container, .image_container  {font-size:0;  text-align:left;}
				.column .image_container p{font-size:11px; line-height:16px;}
			/* < Image containers < */
/* <<< Columns <<< */
.divider_solid {background: transparent url(../../images/hr/solid.gif) repeat-x 0 100%; width:100%; height:1px; line-height:1px; font-size:0;}
