/*

	Description:Controls site-wide elements like type,colour,display method

	Adaptation of the original CSS styles by Daniel Paladini

	Modified:2/07/2009 DS

*/



/**************************** @GENERAL ****************************/

body,.article-image .article-date,input{color:#000; font:87.5%/1.2em verdana,arial,sans-serif;}

h1{font-size:1.65em; font-weight:normal; line-height:1; padding:0 0 10px;}

h2{font-weight:normal;}

h3{font-weight:normal;}

h4{font-size:0.785em; font-weight:bold; line-height:1.3em; margin:0 0 11px 0;padding:3px 9px;}

h5{font-size:0.85em; font-weight:bold; line-height:1.3em;}

h6{font-size:1em; font-weight:bold;}

h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0;}

p{line-height:1.3em; padding:0 0 15px;}

p img{float:left; margin:1.5em 1.5em 1.5em 0; padding:0;}

a{color:#042eb8; text-decoration:none;}

a:hover,a:focus{color:#3380f3; text-decoration:underline;}

blockquote{color:#666; font-style:italic; margin:1.5em;}

strong{font-weight:bold;}

em{font-style:italic;}

ul,ol{list-style:none; margin:0; padding:0;}

li ul,li ol{margin:0 1.5em;}

dl dt{font-weight:bold;}

table{margin-bottom:1.4em; width:100%;}

th{background:#c3d9ff; font-weight:bold;}

th,td{padding:4px 10px 4px 5px;}

body{background:#d3dce2;}

.skip{display:none;}

.headtypeb{padding:0;}

.row{clear:both;}

a,a:visited{outline:0;}

.hr-dotted{

background:transparent url(../images/bg_dotted_black.gif) repeat-x 0 0;

border:0 none;

float:left;

height:1px;

margin:0 0 5px;

padding:0;

width:100%;

}

.hr-dotted hr{display:none;}

#content-sidebar .hr-dotted{width:125px;}

.hr-fat{border:0 none; float:left; height:4px; margin:0 0 5px; padding:0; width:100%; background-color:#ee2827;}

.hr-fat hr{display:none;}

.replace{margin:0; overflow:hidden; padding:0; position:relative;}

.replace span{display:block; left:0; position:absolute; top:0; z-index:1;}

.space{width:10px; height:90px; float:left; margin:11px 0 0 0;}

.clearfix:after{

	content:".";

	display:block;

	clear:both;

	visibility:hidden;

	line-height:0;

	height:0;

}

.clearfix{

	display:inline-block;

}

html[xmlns] .clearfix{

	display:block;

}

* html .clearfix{

	height:1%;

}

.clears-list{clear:both; height:0; visibility:hidden; _display:none;}

#partners-top a{font-size:0.642em;}

#search-bar li{font-size:0.714em;}

#menu,#find{font-size:0.785em;}



/* Curved background */

.corners-top-gray,.corners-bottom-gray{font-size:1px; height:8px; width:100%;}

.corners-top-gray{background:transparent url(../images/BgHeader.gif) no-repeat 0 0; display:none;}

.corners-bottom-gray{background:transparent url(../images/BgHeader.gif) no-repeat 0 -119px; margin:0 0 10px 0;}



/* Error message */

.error h2{color:#ce1410; font-weight:bold;}





/*************************** @HEADER ***************************/



/* Partner top */

.partner-top{width:100%; background:#fff; text-align:center; padding-bottom:10px; padding-top:10px;}

.partner-top ul{height:24px;}

.partner-top li{float:left; font-size:9px; font-weight:normal; line-height:15px;padding:0 4px 0 15px; height:24px;line-height:25px; margin-left:12px;}

.partner-top a,.partner-top a:link,.partner-top a:visited{color:#000;}



/* Header */

#header{background:transparent url(../images/bg_header_v2.gif) repeat-x 0 0;}

.lif #header{background-image:url(../images/bg_header_v2.gif);}

.tv #header{background-image:url(../images/bg_header_v2.gif);}

.adv #header{background-image:url(../images/bg_header_v2.gif);}

.opi #header{background-image:url(../images/bg_header_v2.gif);}

.fun #header{background-image:url(../images/bg_header_v2.gif);}

.you #header{background-image:url(../images/bg_header_v2.gif);}

.rooindex #header{background-image:url(../images/bg_header_v2.gif);}

.tra #header{background-image:url(../images/bg_header_v2.gif);}



/* Search bar */

#search-bar{float:left; width:100%;}

#search-bar a{color:#000;}

#search-bar li{float:left; line-height:23px; height:23px; padding:1px 8px 0 8px; border-right:1px solid silver;}

#search-bar img{vertical-align:middle;}

#search-bar li input{

border:1px solid #b7b7b7;

color:#000;

font-size:1.1em;

margin:4px 0 0 5px;

_margin-top:3px;

padding:0 5px;

width:84px;

}

#search-bar .weather,#search-bar .search,#search-bar .bongs{border-right:0;}

#search-bar .weather img{padding:3px;}

#search-bar .your-town input{width:60px;}

#search-bar .bongs{float:right; padding-top:0; width:50px;}

#search-bar .login,#search-bar .register,#search-bar .logout,#search-bar .login-user,#search-bar .your-account{float:right;}

#search-bar  .login-user a{text-decoration:underline;}



/* Logo */

#header-logo {

background:#fc0;

float:left;

display:inline;

height:66px;

_height:71px;

margin:16px 0 22px 8px;

width:200px;

}

#header-logo h1,#header-logo .masthead{padding:0;}

#header-logo h1 span,#header-logo .masthead span{display:none;}

#header-logo img{width:200px;}

#sponsorship-box{float:right; margin:10px 10px 0 0; _margin:10px 5px 0 0; width:728px; height:90px; overflow:hidden;}





/*************************** @NAVIGATION ***************************/

#menu{float:left; height:63px; margin:0 0 0 8px; _margin-top:-5px; width:99%;}



/* Main navigation */

#main-nav{

	font-size:11px;

	line-height:12px;

	text-transform:uppercase;

	font-family:arial,sans-serif;

}

#main-nav ul li{float:left; display:block; z-index:1; position:relative;}

#main-nav ul li a{color:#fff; display:block; float:left; height:44px; padding:0 0 0 6px; text-decoration:none;}

#main-nav ul li a span{float:left; height:29px; padding:15px 6px 0 0;}

#main-nav ul li a:hover{color:gray;}

#main-nav ul li a:hover span{display:block; width:auto; cursor:pointer;}

#main-nav ul li a.current,#main-nav ul li a.current:hover,#main-nav ul li a:hover{background:transparent url(../images/menu_default.gif) no-repeat 0 0; color:#fff; padding:0 0 0 6px;}

#main-nav ul li a.current span,#main-nav ul li a:hover span{background:url(../images/menu_default.gif) no-repeat 100% 100%; color:#fff; display:block;padding:15px 6px 0 0;}

#main-nav .hom .current,#main-nav .hom .current:hover,#main-nav .hom a:hover{background:url(../images/menu1.gif) no-repeat 0 0;}

#main-nav .hom .current span,#main-nav .hom a:hover span{background:url(../images/menu1.gif) no-repeat 100% 100%;}

#main-nav .new .current,#main-nav .new .current:hover,#main-nav .new a:hover{background:url(../images/menu2.gif) no-repeat 0 0;}

#main-nav .new .current span,#main-nav .new a:hover span{background:url(../images/menu2.gif) no-repeat 100% 100%; color:#000;}

#main-nav .spo .current,	#main-nav .spo .current:hover,#main-nav .spo a:hover{background:url(../images/menu3.gif) no-repeat 0 0;}

#main-nav .spo .current span,#main-nav .spo a:hover span{background:url(../images/menu3.gif) no-repeat 100% 100%;}

#main-nav .cel .current,	#main-nav .cel .current:hover,#main-nav .cel a:hover{background:url(../images/menu4.gif) no-repeat 0 0;}

#main-nav .cel .current span,#main-nav .cel a:hover span{background:url(../images/menu4.gif) no-repeat 100% 100%;}

#main-nav .tv .current,#main-nav .tv .current:hover,#main-nav .tv a:hover{background:url(../images/menu5.gif) no-repeat 0 0;}

#main-nav .tv .current span,#main-nav .tv a:hover span{background:url(../images/menu5.gif) no-repeat 100% 100%;}

#main-nav .lif .current,	#main-nav .lif .current:hover,#main-nav .lif a:hover{background:url(../images/menu6.gif) no-repeat 0 0;}

#main-nav .lif .current span,#main-nav .lif a:hover span{background:url(../images/menu6.gif) no-repeat 100% 100%;}

#main-nav .adv .current,	#main-nav .adv .current:hover,#main-nav .adv a:hover{background:url(../images/menu7.gif) no-repeat 0 0;}

#main-nav .adv .current span,#main-nav .adv a:hover span{background:url(../images/menu7.gif) no-repeat 100% 100%;}

#main-nav .opi .current,	#main-nav .opi .current:hover,#main-nav .opi a:hover{background:url(../images/menu8.gif) no-repeat 0 0;}

#main-nav .opi .current span,#main-nav .opi a:hover span{background:url(../images/menu8.gif) no-repeat 100% 100%;}

#main-nav .fun .current,#main-nav .fun .current:hover,#main-nav .fun a:hover{background:url(../images/menu9.gif) no-repeat 0 0;}

#main-nav .fun .current span,#main-nav .fun a:hover span{background:url(../images/menu9.gif) no-repeat 100% 100%;}

#main-nav .mob .current,	#main-nav .mob a.current:hover,#main-nav .mob a:hover,#main-nav .you .current,#main-nav .you a.current:hover,#main-nav .you a:hover{background:url(../images/menu_default.gif) no-repeat 0 0;}

#main-nav .mob .current span,#main-nav .mob a:hover span,#main-nav .you .current span,#main-nav .you a:hover span{background:url(../images/menu_default.gif) no-repeat 100% 100%;}

#main-nav .vid .current,#main-nav .vid .current:hover,#main-nav .vid a:hover{background:url(../images/menu10.gif) no-repeat 0 0;}

#main-nav .vid .current span,#main-nav .vid a:hover span{background:url(../images/menu10.gif) no-repeat 100% 100%;}

#main-nav .tra .current,	#main-nav .tra .current:hover,#main-nav .tra a:hover{background:url(../images/menu11.gif) no-repeat 0 0;}

#main-nav .tra .current span,#main-nav .tra a:hover span{background:url(../images/menu11.gif) no-repeat 100% 100%;}



/* Sub navigation */

#sub-nav{width:755px;}

#sub-nav .innercontent{display:none; float:left;}

#sub-nav ul{float:left; margin:-25px 0 0; _margin-top:-20px; width:755px; z-index:99; position:relative;}

#sub-nav li{

color:#000;

display:inline;

font-size:12px;

line-height:26px;

padding:0 5px 0 10px;

border-left:1px solid #000;

}

#sub-nav li strong{

color:#ee2827;

}

#sub-nav li a{color:#000;}

#sub-nav .first{border:0;}





/*************************** @SEARCH ***************************/

#search-box{

	background:#ececec;

	float:right;

	height:59px;

	margin:0 5px 0 0;

	_margin-right:7px;

	width:224px;

}



#find .replace span {

	background:#ececec url(../images/search.png) no-repeat scroll 0 50%;

	height:20px;width:150px;

	}



#find #search-button{

	background:#000;

	border:0;

	color:#fff;

	height:20px;

	width:48px;

	font-size: 0.8	em;

	padding:0;

	margin:0;

	vertical-align:middle !important;

}



*html #find #search-button{

	font-size: 1.2em;

	vertical-align:top !important;

}



*+html #find  #search-button{

	font-size: 1.2em;

	vertical-align:top !important;

}



#find dt,#find input{font-size:1.5em;}

#find a{color:#000; font-size:9px; padding:0 4px;}

#find dt{font-weight:bold; height:21px; margin:3px 0 0 10px;}

#find dd{float:left; margin-left:5px;}



#find dd .search-field{

border:1px solid #c0c0c0;

background:#fff url(../images/i_search.gif) no-repeat 3px 50%;

padding:3px 0 3px 30px;

width:75%;

}



.form-field{

border:1px solid #c0c0c0;

padding:3px 0 3px 3px;

margin:5px;

}

.select-field{

border:1px solid #c0c0c0;

padding:0px 0 0px 3px;

margin:5px;

}







#find dd input{

	border:1px solid silver;

	color:#000000;

	display:inline;

	float:left;

	height:auto;

	margin-left:5px;

	margin-right:4px;

	vertical-align:middle !important;

	width:118px;

	font-size:1em;

}



*html #find dd input{

	margin: 0;

	font-size:1.2em;

}



*+html #find dd input{

	margin: 0;

	font-size: 1.2em;

}







/* Search Result */

.search-again{

border:1px solid #d0d0d0;

clear:both;

margin:5px 0;

padding:5px;

}

.search-again *{font-size:11px;}

.search-again h4{padding:0;}



/*  TEMP - this bit added by john hodgson - may need to be reformatted to fit with other similar parts of site/css  */

#search #yahoo_ContentMatch{font-size:0.85em;}

#search-sections,#search-related-forums{border:1px solid #ccc; padding:0; margin:5px;}

#search-sections p,#search-related-forums p{margin:0 5px; font-size:0.75em;}

#search-articles .search-articles-teasers{border-bottom:1px dotted #ccc; margin-bottom:5px;}

#search-articles .search-articles-teasers h2{font-weight:bold;}

#search-articles h4{line-height:1.4em;}

#search-articles .search-articles-teasers p{padding-top:5px;}

.search-showing{background-color:#F5F5F5;margin:5px 0;}

.search-showing-top{font-weight:bold; font-size:1.1em;margin:5px 0;}

#search-related-forums a{margin:0 5px; font-size:0.75em;}

.search-articles-teasers .article-date{display:block; font-weight:normal;}



/* Quick Search */

.q-search{

background:#ececec;

clear:both;

margin:5px 0;

padding:5px;

position:relative;

width:440px;

}



.q-search a{

font-size:9px;

}





.q-search .links{

position:absolute;

right:5px;

top:5px;

z-index:1;

}



.q-search .links a{

color:#000;

}





.search-form{

margin-top:5px;

}



#quickSearch legend{

display:none;

}



#quickSearch fieldset{

line-height:18px;

}



#quickSearch input{

font-size:10px;

}



#search-field{

border:1px solid #c0c0c0;

background:#fff url(../images/i_search.gif) no-repeat 3px 50%;

padding:3px 0 3px 25px;

width:75%;

}



#search-button{

background:#000;

border:0;

color:#fff;

height:18px;

vertical-align:middle !important;

}



*html #search-button{

vertical-align:top !important;

}



*+html #search-button{

vertical-align:top !important;

}









/* STORYLIST:Ticker */

.ticker0{background:#fde9b8; margin:4px 5px 0 5px;}

.ticker0:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}

.ticker0{display:inline-block;}

/* \*/

* html .ticker0{height:1%;}

/* */

.ticker0{display:block;}

.ticker0 a{color:#000; font-size:0.714em;}

.ticker0 .ticker-head a,.ticker0 .ticker-head a:link,.ticker0 .ticker-head a:visited,

.ticker0 .ticker-body .ticki a,.ticker0 .ticker-body .ticki a:link,.ticker0 .ticker-body .ticki a:visited{

	color:#000;

}

.ticker0 .ticker-head,.ticker0 .ticker-body .more-link{background:#f7cc2e; display:inline; float:left; font-weight:bold; font-size:1.1em; height:20px; padding:0 9px;}

.ticker0 .ticker-body .more-link a{line-height:20px;}

.ticker0 .ticker-body{display:inline; float:left; width:auto; margin:0 0 0 5px;}

.ticker0 .ticker-body .ticki{display:inline; float:left; height:20px; line-height:20px;}

.ticker0 .ticker-body .more-link{display:inline; float:right; font-size:1.222em; font-weight:bold; height:20px; line-height:20px;}

.ticker0 .ticker-body .more-link a{background:transparent url(../images/i_tn_arw_gray.gif) no-repeat 0 5px; display:block; padding:0 0 0 12px;}





/* WIDGET:Most Popular Widget */

#most-popular{background:#fff; width:100%;} /* FIX:Width property to enable hasLayout */

#most-popular:after{content:"."; clear:both; display:block; height:0; visibility:hidden;}

#popular{width:300px; margin:0 0 0 10px; _margin:0 0 0 5px; float:left;}

#popular .header{

	color:#000;

	font-size:10px;

	float:left;

	height:20px;

	margin:0;

	width:200px;

	text-transform:uppercase;

}

#popular .most-popular-container{clear:both; margin:5px 0 0px 0px; width:310px; overflow:hidden;}

/* \*/ * html #popular .most-popular-container{_float:left; height:200px;} /* */

#popular .most-popular-container{display:block;}

/* Same height  \*//* */ #popular .Box{padding-bottom:32787px; margin-bottom:-32767px;} /* End Mac IE5 filter */

#popular .Box{

	width:295px;

	margin-top:14px;

	margin-left:-3px;

	margin-right:10px;

	background:#f1f1f1;

	float:left;

	overflow:hidden;

	padding-top:10px;

}

#popular .Box ol{width:290px; _width:280px; margin:0 0px 0px 8px; list-style-type:none; float:left;}

#popular .Box ol li{

	width:280px;

	_width:275px;

	line-height:14px;

	font-size:12px;

	margin:5px 0 0px 0;

	font-family:Verdana;

	font-weight:bold;

}

#popular .Box ol li a{color:#000; font-weight:normal;}

#popular .Box p{color:#e51a26; margin:0px; padding:0;}

#popular .Box dt:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}

#popular .Box dt{display:inline-block;}

/* \*/ * html #popular .Box dt{height:1%;} /* */

#popular .Box dt{display:block;}

#popular .Box dt span{height:53px;}

#popular .Box dl{color:#000; float:left; margin:5px 10px 0 0; width:87px;}

#popular .Box .first{margin:5px 10px 0 10px; _margin:5px 10px 0 5px;}

#popular .Box .last{margin:5px 0 0 0;}

#popular .Box dl dt{color:#e51a26;}

#popular .Box dl dd{color:#000; font-size:0.714em; line-height:11px; margin-top:5px; height:35px; overflow:hidden;}

#popular .Box dl dd a{color:#000;}

#popular .Box dt span.multimedia{height:12px;}

#popular .multimedia{background:#e01b2f; float:left; padding:0 3px; width:81px; _width:81px; text-align:right;}

#popular .multimedia a{color:#fff; font-weight:normal; font-size:0.571em; line-height:1.5em; text-decoration:none; text-transform:uppercase;}

#popular .multimedia a:hover{text-decoration:none;}



/* Tabs */

.shadetabs{

	background-color:#f1f1f1;

	float:left;

	margin:0px;

	width:292px;

	_width:295px;

	text-align:left;

}

.shadetabs li{

	display:inline;

	margin:0;

	font-family:verdana;

	font-size:11px;

	padding:0;

}

.shadetabs li a{

	text-decoration:none;

	position:relative;

	z-index:1;

	margin-right:0px;

	color:#000;

	padding:0px;

	border-right:0px solid white;

	text-transform:uppercase;

}

.shadetabs li a span{cursor:pointer;}

.shadetabs li a:visited{color:#000;}

.shadetabs li a:hover{text-decoration:underline; color:#000;}

.shadetabs li.selected a{

	background:url(../images/bg_tab_l.gif) top left no-repeat;

	color:#fff;

	padding:15px 15px 15px 15px;

	*padding:0 15px 15px 15px;

	position:relative;

	text-transform:uppercase;

	top:1px;

}

.shadetabs li.selected span{

	background:url(../images/bg_tab_r.gif) top right no-repeat;

	color:#fff;

	padding:15px 15px 15px 0;

}

.shadetabs li a.selected:hover{text-decoration:underline;}











/* LIST:m4_home_list < */

.home-list{

background:#ececec;

border: 1px solid #c5c5c5;

padding:0;

width:143px!important;

}

.home-list ul{

padding:5px 5px 5px 6px;

overflow:hidden;

}

.home-list,

.home-list a{

color:#000;

}

.home-list li{

background:transparent url(../images/bg_dotted_black.gif) repeat-x 0 0;

margin:5px 0 10px;

padding-top:10px;

}

.home-list li.row1{

background:none;

padding-top:0;

}

.home-list li h4 {

font-size:12px;

height:1.3em;

margin-bottom:5px;

overflow:hidden;

}

.home-list li h4 a{

text-decoration:none;

}

.home-list li p {

height:2em;

padding-bottom:0;

overflow:hidden;

}

.home-list li p a {

font-size:0.785em;

line-height:1.2em;

}

.home-list li h4 span{

width:100%;

height:1.3em;

}

.home-list li.row1 h4 span{

background:#ececec;

}







/* Footer Links */

#footer-links{

font-size:11px;

line-height:1.6em;

}



#footer-links a{

color:#134987;

}



#footer-links .links{

margin-top:2px;

text-align:center;

}



#footer-links .links ul{

margin:3px 10px;

}



#footer-links .links li{

display:inline;

border-left:1px solid #134987;

padding:0 5px;

}



#footer-links .links .first{

border:0;

}