*{margin: 0;padding: 0}
html *, body *{margin: 0;padding: 0}
body{font-family: Verdana, Arial, sans-serif;font-size:12px; x-small}
a{color: #08526d;text-decoration:none}
a:hover{text-decoration:underline}
a:visited{color:#626289}
a:focus{text-decoration:underline}
a img{border:none}
p{font-size:1.2em}
ul{list-style-type:none}
ul, ol{margin:0;padding: 0}
h1, h2, h3, h4, h5{font-weight:normal}
h2 img{display:block; margin-bottom:3px}
fieldset{border:none}
.no_display{left:-9999px;position:absolute;top:-9999px}
.clear{clear:both}
/* hack to address the clear issue */
.ecoclear:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.ecoclearfix{
display: inline-block;
}
/* IEmac \*/
* html .ecoclear{
height: 1%;
}
.ecoclear{
display: block;
}
/* End IEmac */
/* end of clear issue hack */
/* Audio - video player - home page component */
#avplayer {width:432px;position:relative}
#avplayer div.object{position:relative;z-index:0;text-align:center;clear:both}
#avplayer div.object object{display:block; margin: 0 auto 2px;}
#avplayer div.avplayer_header{border-top:1px solid #ff0000; margin-bottom:0}
#avplayer div.avplayer_header h2{float:left}
#avplayer div.avplayer_header div{float:right;margin-top:8px}
#avplayer a.avplayer_more{font-size:1.2em}
#avplayer div.audioedition_ad{text-align:center}
/* end - Audio - video player *//* Banner / sliver ad - home page component */
#bannersliverad{position:absolute;top:10px;width:100%;text-align:center;z-index:9999997}
#bannersliverad table{width:728px; margin:0 auto}
/* end - Banner / sliver ad *//* Blogs - home page component */
#blogs{width:176px}
#blogs div.blogs_header{border-top:1px solid #ff0000;margin-bottom:0}
#blogs div.blogs_header h2{float:left}
#blogs div.blogs_header div{float:right;margin-top:8px}
#blogs a.blogs_more{font-size:1.2em}
#blogs ul, #blogs li{margin-bottom:.9em}
#blogs h3{font-size: 1.5em}
#blogs h3 a img{margin-left:0px}
#blogs h4{font-size: 1.2em;}
#blogs p a img{margin-left:.5em;}
/* end - Blogs *//* columns - home page component */
#columns{width:432px}
#columns div.columns_header{border-top:1px solid #ff0000}
#columns div.columns_header h2{float:left}
#columns div.columns_header div{float:right;margin-top:8px}
#columns a.columns_more{font-size:1.2em}
#columns div.columns_top_bar{background-color:#35527E;height:25px;clear:both}
#columns #columns_content{height:180px;margin:0pt;padding:0;position:relative;overflow:auto}
#columns div.columns_bottom_bar{background-color:#35527E;height:13px;clear:both}
#columns ul#columns_content_list{position: absolute;margin: 0; padding: 0;top: 0}
#columns #columns_content_list li {margin: 0;padding: 0;width: 415px;height:60px; background-color: #fafafa; overflow: hidden}
#columns #columns_content_list li h3{margin: 4px 5px 0 5px; font-size:15px}
#columns #columns_content_list li p{margin:0 5px; font-size:12px}
#columns #columns_content_list li.diff_colour{background-color:#d3ddde}
/* end - columns *//* Home Page grid - home page component */
#wrapper{width:100%}
#main_container{width:1000px;margin:0 auto; position:relative; /* this is used to accomodate the Banner /silver ad component that is at the end of the page */}
#top_banner{height:110px;background-color:#fff}
#main_area{background: #e0e0e0 url(../images/V6body_bg.gif) repeat-y; border-bottom:1px solid #fff;border-left:1px solid #fff; width:999px}
#main_area_left{width:159px}
#main_area_content{width:840px;background-color:#fff}
#main_area_left, #main_area_content,#content_main_column,#classified_box{float:left}
#content_main_column{margin:0 24px;width:432px;display:inline; /* this is used to address IE 6.0 double margin bug */}
#content_right_column{float:right;margin-right:10px;width: 350px;display:inline; /* this is used to address IE 6.0 double margin bug */}
div.content_right_column_left{float:left;width:176px;margin-right:24px;overflow:visible}
div.content_right_column_right{float:right}
#content_right_column_middle{clear:both}
#classified_sponsors{float:left;width:275px}
/* the following styles define margins between components on the home page */
#main_area_left #V6mainnavigation{padding-bottom:11px}
#topstories{margin-bottom:20px}
#topstories, #columns, #textbasedfeatures, #audioedition, #content_right_column_top, #content_right_column_middle, #blogs, #productsevents, #header_content_box{
margin-bottom:24px;
}
#content_right_column_top{min-height:267px;height:auto !important;height:26.7em}
/* Line_height and tracking */
#textbasedfeatures li p, #columns li p, #blogs p, #blogs h4 a, #productsevents li p, #productsevents h3 a, #imagebasednews li p, #topstories p, #mostpopular .mostpopular_tabs ol li a{ /* 12pt font elements */
line-height:1.3em;
}
#textbasedfeatures li h3, #columns li h3, #blogs h3, #imagebasednews li h3{ /*distance between header (15pt/1.5em and rubric 12pt/1.2em)*/
letter-spacing:-0.01em;
}
#textbasedfeatures li h3, #columns li h3, #blogs h3, #topstories h3{ /*distance between header (15pt/1.5em and rubric 12pt/1.2em)*/
margin-bottom: .2em;
}
#productsevents li.last_item, #textbasedfeatures li.last_item,
#mostpopular ul.mostpopular_tabs div ol li.last_item{margin-bottom:0}
#textbasedfeatures li h3, #imagebasednews li h3{line-height:1.2em}
#textbasedfeatures li, #productsevents li{margin-bottom:.9em}
#npfrontpage ul li.top_set_links{padding-bottom:.3em}
#topstories, #skyscraper, #blogs{overflow:hidden}
/* end - Home Page grid *//* Image based news - home page component */
#imagebasednews{width:150px}
#imagebasednews ul li{margin-bottom:24px;display:block;width:150px;min-height:245px;height:auto !important;height:245px;position:relative;overflow:hidden}
#imagebasednews ul li h3{min-height:50px;height:auto !important;height:50px;background-color:#35527E;font-size: 1.34em;font-weight: bold;position:relative;z-index:10}
#imagebasednews ul li div h3 a{color:#fff;padding:7px 10px 0;display:block}
#imagebasednews ul li div p{position:absolute;background-color:#e0e0e0;width:130px;padding:4px 10px 10px;z-index:1;top:4.2em;filter:alpha(opacity=90);-moz-opacity:.92;opacity:.92;font-weight:normal;min-height:46px;height:auto !important;height:46px}
#imagebasednews ul li div a.cover{display:block;width:155px;height:245px;background-color:#e0e0e0;filter:alpha(opacity=1);-moz-opacity:.01;opacity:.01;position:absolute;padding:0;left:-1px}
/* end - Image based news *//* Most popular - home page component*/
#mostpopular{width:176px!important; width:174px; height:265px; border:1px solid #e0e0e0;margin:0;position:static;overflow:auto}
#mostpopular .mostpopular_tabs_box{margin-top:0;}
#mostpopular .mostpopular_tabs h3{font-size:9px; letter-spacing:-.05em; margin:0; border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0;position:static;cursor:pointer;top:0;height:31px;background-color:#35527E}
#mostpopular .mostpopular_tabs h3 img{display:block;margin:5px 0 0 3px;}
#mostpopular h3#header1{width:60px;border-left:1px solid #e0e0e0;left:0}
#mostpopular h3#header2{width:70px;left:62px}
#mostpopular h3#header3{width:28px;left:133px}
#mostpopular ul.mostpopular_tabs, #mostpopular ul.mostpopular_tabs li{margin-left:0; padding-left:0}
#mostpopular ul.mostpopular_tabs li div{border:0; min-height:234px; height:auto !important; height: 234px;}
#mostpopular ul.mostpopular_tabs li ol{font-size:1.2em;padding:5px 0 0;min-height:209px;height:auto !important; height: 209px; /*background-color:#CCCCCC;*/}
#mostpopular .mostpopular_tabs, #mostpopular ul.mostpopular_tabs li div, #mostpopular ul.mostpopular_tabs li ol{width:154px}
#mostpopular ul.mostpopular_tabs li.main_list{display:inline;}
#mostpopular ul.mostpopular_tabs div ol li{margin:0 0 8px 24px; vertical-align: top;}
/*#mostpopular ul.mostpopular_tabs div ol li a{ margin-left:-3px}*/
#mostpopular ul.mostpopular_tabs div.mostpopular_content, #mostpopular .mostpopular_tabs div.hide{position:static}
#mostpopular ul.mostpopular_tabs p{font-size:1em; margin-left:5px;}
#mostpopular h3#header1.selected:hover, #mostpopular h3#header1.selected{background: #fff url() 3px 5px no-repeat}
#mostpopular h3#header2.selected:hover, #mostpopular h3#header2.selected{background: #fff url() 3px 5px no-repeat}
#mostpopular h3#header3.selected:hover, #mostpopular h3#header3.selected{background: #fff url() 3px 5px no-repeat}
#mostpopular h3#header1:hover{background: #588ba0 url() 3px 5px no-repeat}
#mostpopular h3#header2:hover{background: #588ba0 url() 3px 5px no-repeat}
#mostpopular h3#header3:hover{background: #588ba0 url() 3px 5px no-repeat}
#mostpopular h3.selected img, #mostpopular h3:hover img{visibility:hidden;}
/* end - Most popular */
/* MPU ad - home page component */
#mpuad, .mpuad {width:350px; border-top: 1px solid #b7b7b7;border-bottom: 1px solid #b7b7b7;padding-bottom: 22px;padding-top: 2px;clear:both}
#mpuad p, .mpuad p {color:#b7b7b7;font-size:1em; margin-bottom: 9px}
#mpuad div, .mpuad div{text-align:center}
/* end - MPU ad *//* Newspaper frontpage - home page component */
#npfrontpage {width:150px}
#npfrontpage h2{border-top:1px solid #ff0000}
#npfrontpage div.npfrontpage_cover{height:198px}
#npfrontpage div a img{display:block}
#npfrontpage ul{padding:5px 5px 7px;background-color:#35527E;min-height:28px}
#npfrontpage ul li{float:left;display:block;padding:0 5px 2px 5px;color:#fff;border-right:1px solid #35527E}
#npfrontpage ul li.has_pipeline{border-right:1px solid #fff;padding-left:0}
#npfrontpage ul li a{color:#fff}
#npfrontpage li#rss_icon{margin-left:6px;padding:0}
#npfrontpage li#rss_icon a, #npfrontpage li#rss_icon a img{display:block;padding:0}
/* end - Newspaper frontpage *//* Products and events - home page component */
#productsevents{width:176px}
#productsevents h2{border-top:1px solid #000}
#productsevents h3{font-size: 1.2em;font-weight:normal}
#blogs h4, #productsevents h3{margin-bottom: .2em}
/* end - Products and events *//* Skyscraper ad - home page component */
#skyscraper{background-color:#E0E0E0;margin-left:-1px;width:160px;overflow:hidden}
#skyscraper p{color:#b7b7b7;font-size:1em;padding-left:5px;background-color:#fff;}
#skyscraper img, #skyscraper object{display:block}
/* end - Skyscraper ad *//* Text based features - home page component */
#textbasedfeatures {
width:432px;
}
#textbasedfeatures h3{
font-size: 1.5em;
margin-bottom: 4px;
font-weight:normal;
}
/* end - Text based features *//* Top stories - home page component */
#topstories {
width:432px;
position:relative;
z-index:0;
min-height:267px;
height:24.7em !important;
height:267px;
}
#topstories div.topstories_images ul{overflow:auto; height:267px;}
#topstories div.topstories_images ul.topstories_bigbox li{position:static;top:0;}
#topstories div.topstories_images ul li{font-size:10px}
#topstories div.topstories_images ul li#news1{filter:alpha(opacity=100);opacity: 1; -moz-opacity:1;z-index:4}
#topstories div.topstories_images ul li#news2,
#topstories div.topstories_images ul li#news3,
#topstories div.topstories_images ul li#news4{filter:alpha(opacity=100);opacity:100;-moz-opacity:100}
#topstories div.topstories_images ul li#news2{z-index:3}
#topstories div.topstories_images ul li#news3{z-index:2}
#topstories div.topstories_images ul li#news4{z-index:1}
#topstories div.topstories_images ul.topstories_bigbox li div{width:354px;min-height:68px;height:auto !important;height:68px;color:#fff;background-color:#08526d}
#topstories div.topstories_images ul.topstories_bigbox li a img{display:block}
#topstories div.topstories_images ul li.selected, #topstories div.topstories_images ul.topstories_nav_images li{
display:block;
}
#topstories div.topstories_images ul.topstories_nav_images{position:absolute;left:-3359px;top:0}
#topstories div.topstories_images ul.topstories_nav_images li{
height:63px;
width:73px;
margin-bottom:5px;
float:left;
}
#topstories div.topstories_images ul.topstories_nav_images li a{ /* this is needed to display the #red_frame for the selected image */
display:block;
position:relative;
height:63px;
width:73px;
z-index:0;
}
#topstories div.topstories_images ul.topstories_nav_images li a img{
position:absolute;
top:0;
left:0;
}
#topstories span#red_frame1, #topstories span#red_frame2, #topstories span#red_frame3, #topstories span#red_frame4{
border:2px solid #ff0000;
background-color:transparent;
position:absolute;
height:59px;
width:69px;
top:0px;
bottom:0px;
z-index:1;
filter:alpha(opacity=0);
opacity: 0;
-moz-opacity:0;
}
#topstories span#red_frame1{filter:alpha(opacity=100);opacity: 1;-moz-opacity:1}
#topstories h3{font-size:21px;padding:0 5px}
#topstories h3 a, #topstories p a{color:#fff}
#topstories p{padding:0 5px 2px}
#topstories h3 a:hover{text-decoration:underline}
/* end - Top stories */
#header_holder{border-top:5px solid #FF0F00;margin:0 10px 20px 24px}
#header_holder h1.article-section{
display:block;
color: #ffffff;
float: left;
background:#FF0F00 top right no-repeat;
font-weight: bold;
font-size: 1.2em;
padding-top: 0;
padding-right: 24px;
padding-bottom: 4px;
padding-left: 8px;
}
#header_holder h1.article-section a{color:#fff}
#header_content_box{border-top:1px solid #ff0000}
/* New Homge Page typography rules.*/
/* Left navigation */
/* left navigation items */
#V6mainnavigation ul li a, #V6mainnavigation ul li span {
font-size: 1.1em; /* def: 1.2em */
letter-spacing: 0em; /* def: -0.02em */
font-family: Verdana; /* def: Verdana */
word-spacing:0; /* def: 0 */
font-weight:normal; /* def: normal */
font-style:normal; /* def: normal */
}
/* left navigations sub-menus items */
#V6mainnavigation ul li ul.mainnavigation_subs li a {
font-size:1.2em; /* def: 1.3em */
}
/* Main Features - top stories */
/* Header */
#topstories h3 {
font-size:2.0em; /* def: 2.1em */
letter-spacing:.01em; /* def: 0 */
font-family:Verdana; /* def: Verdana */
word-spacing:0; /* def: 0 */
font-weight:normal; /* def: normal */
font-style:normal; /* def: normal */
}
/* Rubric */
#topstories p{
font-size:1.3em; /* def: 1.2em */
line-height:1.2em; /* def: 1.3em */
letter-spacing:.02em; /* def: 0 */
font-family:Verdana; /* def: Verdana */
word-spacing:0; /* def: 0 */
font-weight:normal; /* def: normal */
font-style:normal; /* def: normal */
}
/* Text based features */
/* Header */
#textbasedfeatures li h3{
font-size:1.5em; /* def: 1.5em */
}
/* Header fly title */
#textbasedfeatures li h3 span.fly-title{
font-size:.85em; /* def: 1em */
line-height:1.2em; /* def: 1.2em */
letter-spacing:.02em; /* def: -0.01em */
font-family:Verdana; /* def: Verdana */
word-spacing:0; /* def: 0 */
font-weight:bold; /* def: normal */
font-style:normal; /* def: normal */
color: #296582; /* def: #08526D */
text-transform:none; /* def: none*/
}
/* Header fly title */
#textbasedfeatures li h3 a span.title{
font-size:.85em; /* def: 1em */
line-height:1.2em; /* def: 1.2em */
letter-spacing:0; /* def: -0.01em */
font-family:Verdana; /* def: Verdana */
word-spacing:0; /* def: 0 */
font-weight:bold; /* def: normal */
font-style:normal; /* def: normal */
color: #296582; /* def: #08526D */
}
/* Rubric */
#textbasedfeatures li p{
font-size:1.2em; /* def: 1.2em */
line-height:1.3em; /* def: 1.3em */
letter-spacing:0; /* def: 0 */
font-family:Verdana; /* def: Verdana */
word-spacing:0; /* def: 0 */
font-weight:normal; /* def: normal */
font-style:normal; /* def: normal */
}
/* Columns */
/* Header */
#columns #columns_content_list li h3{
font-size:1.5em; /* def: 1.5em */
}
/* Header fly-title */
#columns #columns_content_list li h3 a span.fly-title{
letter-spacing:0em; /* def: -0.01em */
font-size:.85em; /* def: 1em */
letter-spacing:0; /* def: 0 */
font-family:Verdana; /* def: Verdana */
word-spacing:0; /* def: 0 */
font-weight:bold; /* def: normal */
font-style:normal; /* def: normal */
color: #296582; /* def: #08526D */
}
/* Header title */
#columns #columns_content_list li h3 a span.title{
letter-spacing:0; /* def: -0.01em */
font-size:.85em; /* def: 1em */
font-family:Verdana; /* def: Verdana */
word-spacing:0; /* def: 0 */
letter-spacing:0; /* def: 0 */
font-weight:bold; /* def: normal */
font-style:normal; /* def: normal */
color: #296582; /* def: #08526D */
}
#columns #columns_content_list li h3 span.divider{
color: #000;
font-size:.8em;
}
#columns #columns_content_list li h3 a{
color: #08526D; /* def: #08526D */
}
/* Rubric */
#columns li p{
font-size:1.2em; /* def: 1.2em */
line-height:1.3em; /* def: 1.3em */
letter-spacing:0; /* def: 0 */
font-family:Verdana; /* def: Verdana */
word-spacing:0; /* def: 0 */
font-weight:normal; /* def: normal */
font-style:normal; /* def: normal */
}
/* Most popular */
/* most popular items */
/* numbers */
#mostpopular .mostpopular_tabs ol li{
font-size:.9em;
}
/* fly title */
#mostpopular .mostpopular_tabs ol li span.fly-title{
font-size:1em; /* def: 1.2em */
line-height:1.3em; /* def: 1.3em */
color: #000000; /* def: #08526D */
font-family:Verdana; /* def: Verdana */
word-spacing:0; /* def: 0 */
font-weight:normal; /* def: normal */
font-style:normal; /* def: normal */
text-transform:none; /* def: none*/
}
/* title */
#mostpopular .mostpopular_tabs ol li a span.title{
font-size:1em; /* def: 1.2em */
line-height:1.3em; /* def: 1.3em */
color: #296582; /* def: #08526D */
font-family:Verdana; /* def: Verdana */
word-spacing:0; /* def: 0 */
font-weight:normal; /* def: normal */
font-style:normal; /* def: normal */
}
/* Blogs */
/* Header */
#blogs h3{
font-size:1.2em; /* def: 1.2em */
letter-spacing:0; /* def: -0.01em */
font-family:Verdana; /* def: Verdana */
word-spacing:0; /* def: 0 */
font-weight:normal; /* def: normal */
font-style:normal; /* def: normal */
}
#blogs h3 a{
color: #296582; /* def: #08526D */
}
/* Blog entry */
/* title */
#blogs h4{
font-size:1.2em; /* def: 1.2em */
word-spacing:0; /* def: 0 */
font-weight:bold; /* def: normal */
font-style:normal; /* def: normal */
}
#blogs h4 a{
font-size:1.1em; /* def: 1.2em */
line-height:1.2em; /* def: 1.3em */
letter-spacing:0; /* def: 1.3em */
font-family:Verdana; /* def: Verdana */
color: #296582; /* def: #08526D */
font-weight:bold; /* def: normal */
font-style:normal; /* def: normal */
}
/* rubric */
#blogs p{
font-size:1.2em; /* def: 1.2em */
line-height:1.2em; /* def: 1.3em */
letter-spacing:0; /* def: 0 */
font-family:Verdana; /* def: Verdana */
word-spacing:0; /* def: 0 */
font-weight:normal; /* def: normal */
font-style:normal; /* def: normal */
}
#blogs p.from_blogs{
font-size:1.1em; /* def: 1.2em */
margin-top:.3em;
}
/* Products and events */
/* Header */
#productsevents h3{
font-size:1.2em; /* def: 1.2em */
word-spacing:0; /* def: 0 */
font-weight:normal; /* def: normal */
font-style:normal; /* def: normal */
}
#productsevents h3 a{
font-size:1.1em; /* def: 1.2em */
line-height:1.3em; /* def: 1.3em */
color: #296582; /* def: #08526D */
font-family:Verdana; /* def: Verdana */
font-weight:bold; /* def: normal */
font-style:normal; /* def: normal */
}
/* Rubric */
#productsevents li p{
font-size:1.2em; /* def: 1.2em */
line-height:1.3em; /* def: 1.3em */
letter-spacing:0; /* def: 0 */
font-family:Verdana; /* def: Verdana */
word-spacing:0; /* def: 0 */
font-weight:normal; /* def: normal */
font-style:normal; /* def: normal */
}
/* Image based features */
/* Header */
#imagebasednews li h3{
font-size:1.5em; /* def: 1.5em */
}
#imagebasednews li h3 a span.fly-title{
font-size:.9em; /* def: 1em */
line-height:1.2em; /* def: 1.5em */
letter-spacing:0m; /* def: -0.01em */
font-family:Verdana; /* def: Verdana */
word-spacing:-.1; /* def: 0 */
font-weight:bold; /* def: normal */
font-style:normal; /* def: normal */
}
#imagebasednews li h3 a span.title{
font-size:.9em; /* def: 1em */
line-height:1.2em; /* def: 1.5em */
letter-spacing:0; /* def: -0.01em */
font-family:Verdana; /* def: Verdana */
word-spacing:-.1em; /* def: 0 */
font-weight:bold; /* def: normal */
font-style:normal; /* def: normal */
}
#imagebasednews ul li {
min-height:0; /* def: min-height:245px; */
}
#imagebasednews ul li div h3{
min-height:0; /* def: min-height:50px; */
}
#imagebasednews ul li div h3 a{
padding:7px 10px 7px; /* def: padding:7px 10px 0; */
}
#imagebasednews ul li div p{
min-height:0; /* def: min-height:46px; */
padding:4px 10px 7px; /* def: padding:4px 10px 7px; */
}
/* Rubric */
#imagebasednews li p{
font-size:1.1em; /* def: 1.2em */
line-height:1.3em; /* def: 1.3em */
letter-spacing:0; /* def: 0 */
font-family:Verdana; /* def: Verdana */
word-spacing:0; /* def: 0 */
font-weight:normal; /* def: normal */
font-style:normal; /* def: normal */
}
/* remove importance rule */
#mostpopular li.main_list div.contentIndex {
border: 0pt none !important;
margin-left: -5px !important;
width: auto !important;
height:auto !important;
min-height: 10px !important;;
}