/*
	Description:Channel Adaptation of the original CSS styles by Daniel Paladini
	Modified:02/12/2008 DS
	Temporary placeholder for overwrites + channel defaults until completion of redesign phase
	Default color:#ee2827
*/

/*************************** @STRUCTURE ***************************/
#left-col{float:left; width:628px;} /* FIX:Chrome & FF3 width */
#content-channel,#content-article,#content-sidebar,#sidebar,#content-multimedia{border-top:4px solid #ee2827;}
#content-channel,#content-multimedia{float:left; margin:0 0 5px 10px; width:440px; text-align:left;}
#left-content-col{float;left; margin:0; width:100%; zoom:1;} /* hides first item top border line */
.left-content-col-wrapper{overflow:hidden; zoom:1;}
#three-col-wrapper,#left-content-col-wrapper{margin:0; width:100%;}
#three-col-wrap,#three-col{margin:0;}
#three-col-wrap{float:left; margin:0; padding:0; width:440px; text-align:left;}
#content-article{float:left; margin:0 0 0 10px; width:608px;}
#one-col-wrapper{float:left; padding:10px 0 0 0; margin:0 0 0 20px; width:145px;}
#one-col-wrapper .one-col, #one-col-wrapper .one-col-highlight, #content-sidebar .one-col, .most-commented{
	margin-left:0;
	margin-right:0;
	}
#content-sidebar{float:left; margin:0 0 0 20px; padding:10px 3px 0; width:145px; text-align:left;}
#sidebar{float:right; margin:0 10px 0 0; padding:10px 0 0; text-align:left; width:300px;}
#content-channel-extended {float:left; margin:0 0 0 10px; width:750px;}


/**************** @2. GENERAL ****************/
.channellink {white-space:nowrap;} /* FIX:ensure links drop instead in IE */
table {margin-bottom:10px;}
.containerFormXHTML{clear:both; display:block;} /* FIX:clear floats */
.corners-top-gray{display:block; height:13px;}
.space10{margin:0;}

p{line-height:16px; padding:5px 0 10px 0;}
#three-col{overflow:hidden;} /* KLUDGE:Prevent image overflow to center col */
#three-col p{margin-bottom:10px;} /* TODO:can this be combined with p? */
#content-sidebar table, #col_content_right table {float:left;} /* FIX:clears button table */


/**************** @3. NAVIGATION ****************/
#menu{height:60px;}


/**************** @4. BODYCONTENT ****************/
/* .more-stories{width:100%; clear:both;} */

/* Multimedia channel */
.video-wrapper {clear:both;}
.video-col-wrapper .hr-fat, .video-col-wrapper .hr-dotted {display:block;}
.video-col-wrapper .hr-fat {height:1px;}
.video-col-wrapper .list-head-color-multimedia {background:none; color:#000; float:left; height:20px; margin:0; padding:0; width:300px;}
.list-head-color-multimedia span {
	background:#fff url(http://images.mirror.co.uk/collections/m4_general/t_latest_image_galleries.gif) no-repeat 0 50%;
	height:20px;
	width:300px;
	}

/* Ad spot & MPU */
.advert{margin:0; padding:0;}
.advert p{margin:0;}
.ad-promobox,.ad-promobox2,.ad-promobox3,.mpu-ad{margin:0;}
.ad-adstrap1,.ad-adstrap2{padding:0;}
.ad-sky{margin:0 0 10px 0;}

/* Storylist */
.bx1 .storylst-body,.bx2 .storylst-body,.bx3 .storylst-body{padding:0;}
.bx1 .storylst-body li,.bx2 .storylst-body li,.bx3 .storylst-body li{margin:0;}
.bx1 .storylst-head,.bx2 .storylst-head,.bx3 .storylst-head{margin:0 0 5px 0;}
.bx1 .storylst0 ul,.bx2 .storylst0 ul,.bx3 .storylst0 ul{float:left;}
.bx1 .storylst0 li,.bx2 .storylst0 li,.bx3 .storylst0 li{float:left;}
.bx1 .storylst0  .top-story,.bx2 .storylst0  .top-story,.bx3 .storylst0  .top-story{float:left;}

/* Ticker */
.ticker0{margin:0 0 10px 0; width:100%;}

/* M3 3 Pics teaser */
.sl-g-top3teaser-section{width:440px; clear:both;}
.sl-g-top3teaser-section .top-story{float:left; padding:0; display:block; clear:both; width:100%;}
.sl-g-top3teaser-section .pic-teaser img{margin:0 10px 10px 0;}
.sl-g-top3teaser-section .storylst-body li{margin:0 0 10px 0;}

/* Storylist centre */
.sl-centre .top-story{margin:0;}

/* m3_half */
.sl-half{width:210px;}
.sl-half  h3{font-weight:normal;}

/* ticker - typed */
.ticker0{background:none; width:932px; float:left; margin:0 0 10px 10px; _margin:0 0 10px 5px; background:#ebebed;}
.ticker0 .ticker-head{
	background:#ebebed url(http://images.mirror.co.uk/collections/m4_general/i_latest_news.png) 10px 7px no-repeat;
	display:block;
	font-weight:normal;
	float:left;
	padding:2px 5px 2px 25px;
	_padding:2px 5px 0px 25px;
	width:75px; margin:0 0 0 0;
	}
.ticker0 .ticker-head a{color:#000; font-size:11px; line-height:1.6em;}
.ticker0 .ticker-body{
	background:#ebebed;
	float:left;
	margin:0;
	padding:2px 0 2px 0;
	_padding:2px 0 0 10px;
	width:820px;
	_width:809px;
	text-align:left;
	}
.ticker0 .ticker-body a{color:#103f85 !important;}


/**************** @5. BOXES & ARTICLES ****************/
#one-col-wrapper .digg,#one-col-wrapper .facebook,#one-col-wrapper .delicious,#one-col-wrapper .fark,#one-col-wrapper .more{
	display:block;
	}
.teaser-pic{display:block;} /* Crops images with wrong ratio */

/* STORYLIST:m3_section_footer_centre, more stories */
.sl-section-footer-centre .storylst-head{
	border-width:4px 0 0 0;
	border-top:4px solid #ee2827;
	height:20px;
	margin:0;
	overflow:hidden;
	padding:5px 0 0 0;
	position:relative;
	}
.sl-section-footer-centre .storylst-head a{background:none; color:#000;}
.sl-section-footer-centre .storylst-head span{
	display:block;
	height:24px;
	left:0;
	position:absolute;
	width:100%;
	top:0;
	z-index:1;
	}
.sl-section-footer-centre .storylst-body{
	background:transparent url(http://images.mirror.co.uk/collections/m4_general/bg_dotted_green.jpg) repeat-x left top;
	padding:0;
	}
.sl-section-footer-centre ul{padding:5px 0 0 0;}
.sl-section-footer-centre li{
	background:transparent url(http://images.mirror.co.uk/collections/m4_general/bg_dotted_black.jpg) repeat-x left bottom;
	color:#23588e;
	margin:3px 0;
	padding:0 0 5px;
	}
.sl-section-footer-centre li a{color:#23588e;}
.sl-section-footer-centre li a:hover{text-decoration:underline;}

/* Article */
#three-col{font-size:86%; line-height:1.2em;}
#three-col h1{float:left; font-size:32px; line-height:35px; margin:10px 0 0 0; width:440px;}
#three-col h1 a{color:#000;}
#three-col h2{float:left; font-size:18px; line-height:20px; color:#8a8a8c; margin-top:10px;}
#three-col h2 a{color:#8a8a8c;}

/* Author & Date */
#three-col p.article-date{
	color:#000;
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	margin:0 0 20px 0 !important;
	padding:0 !important;
	width:437x;
	}
#three-col p.article-date a,#three-col p.article-date a:visited{
	background:url(http://images.mirror.co.uk/collections/m4_general/bg_dotted_black.gif) bottom left repeat-x;
	color:#e5bb00;
	font-size:0.9em;
	font-weight:normal;
	margin-bottom:10px;
	padding-bottom:3px;
	width:80px;
	text-decoration:none;
	}

/* Article image */
#three-col .article-image{
	background-color:#7b7c7e;
	color:#000;
	float:left;
	margin:6px 6px 6px 0;
	overflow:hidden;
	*text-align:center;
	}
/*\*/
#three-col .article-image .article-date{height:1%;}
/**/
#three-col .article-image img{border-bottom:1px solid #ee2827; margin:0;}
#three-col .article-image .article-date{
	color:#fff;
	font-size:13px;
	font-weight:normal;
	line-height:13px;
	margin:3px auto !important;
	padding:5px 0 10px !important;
	}

/* Call to action */
#one-col-wrapper .share-article{clear:both; display:block; font-size:0.785em; margin:0;}
.share-article span{ /* TODO:Still applicable? */
	display:block;
	float:left;
	font-weight:bold;
	margin:0;
	width:60px;
	display:none;
	}
.share-article li a{
	background:none !important;
	display:block;
	float:left; color:#808080;
	padding:5px 2px 5px 20px;
	}
.share-article .digg{
	background:transparent url(http://images.mirror.co.uk/collections/m4_general/i_digg2.gif) no-repeat 0% 50%;
	}
.share-article .facebook{
	background:transparent url(http://images.mirror.co.uk/collections/m4_general/i_face2.gif) no-repeat 0% 50%;
	}
.share-article .delicious{
	background:transparent url(http://images.mirror.co.uk/collections/m4_general/i_delicious2.gif) no-repeat 0% 50%;
	}
.share-article .fark{
	background:transparent url(http://images.mirror.co.uk/collections/m4_general/i_fark2.gif) no-repeat 0% 50%;
	}
#one-col-wrapper .share-article .more,#three-col-wrap .share-article .more{
	background:transparent url(http://images.mirror.co.uk/collections/m4_news/i_news_share.gif) no-repeat 0% 50%;
	border:0;
	padding:0;
	}
.share-article .email{
	background:transparent url(http://images.mirror.co.uk/collections/m4_news/i_news_send.gif) no-repeat 0% 50%;
	}
.share-article .email a{
	background:transparent url(http://images.mirror.co.uk/collections/m4_news/i_news_send.gif) no-repeat 0% 50%;
	padding:5px 2px 5px 30px;
	}
.share-article .bookmark{
	background:url(http://images.mirror.co.uk/collections/m4_news/i_news_share.gif) no-repeat 0% 50%;
	}
.share-article .bookmark a{
	background:transparent url(http://images.mirror.co.uk/collections/m4_news/bg_dotted_yellow.gif) bottom left repeat-x;
	display:block;
	float:left;
	padding:5px 2px 5px 20px;
	}
.share-article .print{
	background:transparent url(http://images.mirror.co.uk/collections/m4_news/i_news_print.gif) no-repeat 0% 50%;
	border:0;
	width:56px;
	}
#one-col-wrapper .share-article ul{
	background:#f6f6f6;
	display:block;
	float:left;
	padding:5px 0 5px 5px;
	margin:0 0 10px 5px;
	_margin:0 0 10px 0;
	width:135px;
	}
#one-col-wrapper .share-article li{
	border:0;
	font-size:9px;
	font-family:Arial;
	float:left;
	margin:0;
	padding:0 5px 0 0;
	width:auto;
	text-align:left;
	}
#one-col-wrapper .share-article .print,#one-col-wrapper .share-article .email{
	font-size:1.1em;
	}
#one-col-wrapper .share-article .more{
	background:transparent url(http://images.mirror.co.uk/collections/m4_news/bg_dotted_yellow.gif) bottom left repeat-x;
	margin:0;
	width:130px;
	}
#one-col-wrapper .share-article .more a{
	background:transparent url(http://images.mirror.co.uk/collections/m4_news/i_news_share.gif) no-repeat 0% 50%;
	}
#three-col-wrap .share-article{
	border-top:1px solid #e5bb00;
	margin:0;
	width:99%;
	}
#three-col-wrap .share-article ul{
	margin:5px 0 5px 5px;
	width:99%;
	_width:435px;
	}
#three-col-wrap .share-article ul li{
	border-right:none;
	float:left;
	height:20px;
	margin:0 8px 0 0;
	}
#three-col-wrap .share-article .print{
	background:transparent url(http://images.mirror.co.uk/collections/m4_news/t_post_to.gif) no-repeat 0 50%;
	padding:0 0 0 62px;
	}
#three-col-wrap .rate-list li{
	float:left;
	font-size:0.8em;
	margin:0 0 5px 8px;
	border-right:none;
	}
#three-col-wrap .rate-list li a{
	padding:5px 2px 5px 20px;
	background:none !important;
	display:block;
	float:left;
	color:#808080;
	}
#three-col-wrap .rate-list .print{
	background:transparent url(http://images.mirror.co.uk/collections/m4_news/i_news_print.gif) no-repeat 0% 50%;
	width:auto;
	}
#three-col-wrap .rate-list .email{
	background:transparent url(http://images.mirror.co.uk/collections/m4_news/i_news_send.gif) no-repeat 0% 50%;
	padding:0 0 0 10px;
	width:auto;
	}
#three-col-wrap .rate-list .rate{
	width:240px;
	margin:0;
	}
#three-col-wrap .rate-list .rate img{
	float:right;
	}

/*font resizer*/
#font-size{
	background:url(http://images.mirror.co.uk/collections/m4_news/bg_dotted_yellow.gif) bottom left repeat-x;
	cursor:pointer;
	display:block;
	float:right;
	height:20px;
	margin:10px 0 10px 0;
	width:70px;
	}
#font-size li{float:right;width:28px; cursor:pointer;}
#font-size .up a,#font-size .up a:visited{
	background:url(http://images.mirror.co.uk/collections/m4_news/i_increase_size.gif) no-repeat 0% 0%;
	}
#font-size .down a,#font-size .down a:visited{
	background:url(http://images.mirror.co.uk/collections/m4_news/i_decrease_size.gif) no-repeat 0% 0%;
	}
#font-size a,#font-size a:visited{text-indent:-3000em; padding:0 0 0 25px; display:block; height:13px;}

/* breadcrumb */
.list-head-colour{width:100%; float:left; margin:5px 0; padding:0;}
.list-head-colour a,#body-content #content-article .list-head-colour a:visited{
	background:url(http://images.mirror.co.uk/collections/m4_general/i_related.gif) no-repeat 99% 50%;
	font-size:0.9em;
	float:left;
	padding:0 18px 0 0;
	color:#000;
	font-weight:normal;
	}
#three-col-wrap .storylst-head{text-indent:-3000em;}
.list-head-colour h1{float:left; padding-bottom:0; line-height:15px; margin-top:1px;}


/**************** @6. YAHOO! JS adverts ****************/
/* O/W */
#yahoo_Hotspot .hr-fat, #yahoo_ContentMatch .hr-fat,
#yahoo_Hotspot .hr-dotted, #yahoo_ContentMatch .hr-dotted,
#yahoo_SponsoredLinks .hr-fat, #yahoo_SponsoredLinks .hr-dotted  {display:block;}

.results_box{padding:0 !important; clear:both;} /* FIX:specificity */
.results_box:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.results_box{display:inline-block;}
/* \*/
* html .results_box{height:1%;}
/**/
.results_box .title, .results_box .host, .results_box .descr {width:100%;clear:both; display:block;}
.results_box .descr a {color:#7d7d7d !important;}

#yahoo_ContentMatch:after, #yahoo_SponsoredLinks:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
#yahoo_ContentMatch, #yahoo_SponsoredLinks{margin:5px 0;}
#yahoo_ContentMatch a, #yahoo_SponsoredLinks a {color:#35568c;}
#yahoo_ContentMatch .header span, #yahoo_SponsoredLinks .header span{
	background:#fff url(http://images.mirror.co.uk/collections/m4_general/t_sponsored_links.gif) no-repeat 0 50%;
	height:25px;
	width:300px;
	}

#yahoo_Hotspot{margin:15px 0 0 0;}
#yahoo_Hotspot a{color:#000;}
#yahoo_Hotspot .header, #yahoo_ContentMatch .header, #yahoo_SponsoredLinks .header {background:none; color:#000; float:left; height:25px; padding:0; width:100%; _width:auto;}
#yahoo_Hotspot .header span{
	background:#fff url(http://images.mirror.co.uk/collections/m4_general/t_recommended_searches.gif) no-repeat 0 50%;
	height:25px;
	width:300px;
	}
#yahoo_Hotspot .results_box, #yahoo_ContentMatch .results_box{float:left; width:100%;}
#yahoo_Hotspot .tag-cloud{background:#efeff1;border:0; padding:10px; _margin:0; _height:1%;}
#yahoo_Hotspot .tag-cloud:after{content:"."; clear:both; display:block; height:0; visibility:hidden;}
#yahoo_Hotspot .tag-cloud{display:inline-block;}
/* \*/
* html #yahoo_Hotspot .tag-cloud{height:1%;}
/**/
#yahoo_Hotspot .tag-cloud li{background:none; padding:0 10px 0 0; margin:0; display:inline; width:auto;}
#yahoo_Hotspot .tag-cloud li a {_height:1%;}
#yahoo_Hotspot .ultra-popular{font-size:28px !important; line-height:1.2em;}
#yahoo_Hotspot .very-popular{font-size:22px !important; line-height:1.2em;}
#yahoo_Hotspot .popular{font-size:18px !important; line-height:1.2em;}
#yahoo_Hotspot .somewhat-popular{font-size:28px !important; line-height:1.2em;}
#yahoo_Hotspot .not-very-popular{font-size:14px !important; line-height:1.2em;}
#yahoo_Hotspot .not-popular{font-size:12px !important; line-height:1.2em;}
#yahoo_Hotspot  {_float:none;  display:block;}


/**************** @7. VXFLASHPLAYER ****************/
#vxFlashPlayer{margin:15px 0 0 0;}
#sidebar #vxFlashPlayer{_float:none;}

/* Pagination */
#pagination,.pagination{width:100%; float:right; margin:5px 0 5px 0;}
#pagination ul,.pagination ul{float:right;}
#pagination li,.pagination li{float:left; border-right:1px solid silver; padding-right:10px; margin:0 10px 0 0 !important;}
#pagination li a,.pagination li a{margin:0; padding:0;}
#pagination li a:hover,.pagination li a:hover{margin:0; padding:0; background:none;}
#pagination  .currentpage,.pagination  .currentpage{
	background:none;
	border:0;
	color:#000;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid silver;
	}
#pagination .prevpage,.pagination .prevpage{
	background:url(http://images.mirror.co.uk/collections/m4_general/i_related_prev.gif) left 7px no-repeat;
	padding:5px 15px 0 15px;
	margin:0 15px 0 0;
	}
#pagination .nextpage a,.pagination .nextpage a{padding:0; border:0; margin:0;}
#pagination .nextpage,.pagination .nextpage{
	background:url(http://images.mirror.co.uk/collections/m4_general/i_related.gif) right 2px no-repeat;
	border:0px solid white;
	padding:0 18px 0 0;
	}
#pagination li a,.pagination li a{color:#000; border:0;}
#pagination div#HeadlineBlock,.pagination div#HeadlineBlock{width:140px; float:right; margin:5px 0 5px 0;}
#pagination div#HeadlineBlock li.Prev,.pagination div#HeadlineBlock li.Prev{padding:0 10px 0 20px; margin:0;}
#pagination div#HeadlineBlock li.Next,.pagination div#HeadlineBlock li.Next{padding:0 20px 0 10px; margin:0;}

/* Premier League Table - Overwrites */
.c-league-tbl th, .c-league-tbl td, .c-league-tbl .col1, .c-league-tbl #col1{margin:0; padding:0; width:auto;}
.c-league-tbl{font-size:11px;}

/* Premier League Table */
.c-league-tbl{
	width:127px;
	margin:5px 0 5px 10px;
	padding:0;
	border-collapse:collapse;
	}

.c-league-tbl tr, .c-league-tbl td{background:none; color:#000!important;} /* OW - football badges */
.c-league-tbl caption{display:none;}
.c-league-tbl th{
	background:#d9dadc;
	color:#000;
	font-weight:bold;
	font-family:Georgia, serif;
	padding:1px;
	}
.c-league-tbl #col2, .c-league-tbl #col3, .c-league-tbl #col4, .c-league-tbl #col5{text-align:right;}
.c-league-tbl td{
	color:#000;
	padding:1px 0 1px 0;
	}
.c-league-tbl .col2, .c-league-tbl .col3, .c-league-tbl .col4, .c-league-tbl .col5{text-align:right; width:20%;}
.c-league-tbl .odd td{
	background:transparent none !important;
	}
.c-league-tbl .even td{
	background:#fff none !important;
	}

/* Quick Vote */
.vote{margin:0 0 10px 0;}

/* EPL Badges */
ul.teams{
	background:url(http://images.mirror.co.uk/collections/m4_sport/bg_teams.gif) repeat-x 0 0;
	border:0;
	clear:both;
	float:left;
	margin:0 0 10px 10px;
	padding:0 3px 0 4px;
	width:922px;
	}
ul.teams li{
	background:#fff;
	border:0;
	float:left;
	margin:0 1px 0 0;
	padding:0 1px 0 1px;
	width:43px;
	height:34px;
	}
.teams li span{display:none;}