/* |-----------------------------------------| News24.com Master Layout template |-----------------------------------------| */ body{padding:10px 0;font:12px Arial, Helvetica, sans-serif;background:#fff;color:#232323;padding:0;margin:0} html, body{height:100%;min-height:100%} /* ----------------------------------------------------------------------------- Element Properties ------------------------------------------------------------------------------ */ .left{float:left} .right{float:right} .clr{clear:both} .clr_left{clear:left} .clr_right{clear:right} .inline{display:inline} .absolute{position:absolute} .relative{position:relative} .bold{font-weight:bold} .normal{font-weight:normal} .grey{background:#CCC} /* temp */ .darkgrey{background:#999} /* temp */ .block{display:block} /* ----------------------------------------------------------------------------- Common Properties ------------------------------------------------------------------------------ */ h1{font-size:22px} h2{font-size:18px} h3{font-size:16px} h4{font-size:14px} h5{font-size:12px} h1,h2{margin-bottom:10px} h3,h4,h5{margin-bottom:4px} span.datestamp{margin-bottom:4px;color:#74727D} em, i{font-style:italic!important} strong, b{font-weight:bold!important} p{line-height:1.3em} a, a p{color:#0E2E5E;text-decoration:none;font-weight:bold;} a:hover, a:hover p{text-decoration:underline;color:#000} a img{border:0} img.left{margin:0 10px 0 0} input, select{font:11px verdana;padding:1px;margin-right:4px} input.btn{background:url(../images/btn_bg.png) repeat-x top #486085;border:0;color:#fff;padding:2px 5px;font-size:9px;text-transform:uppercase;height:25px;cursor:pointer} input.btn:hover{cursor:pointer} .last{background:none!important; padding-bottom:0 !important;} li{background:url(../images/li_dot_med.png) no-repeat left 6px;padding-left:8px;line-height:1.4em} .whiteline{border-top:16px solid #fff} .dotted, .dotted_nomargin{background:url(../images/horz_dot_line.gif) repeat-x center;margin:10px} .dotted_nomargin{margin:0} span.watch a, span.view a, span.listen a{color:#E30A15;text-transform:uppercase;font-size:12px} span.watch{background:transparent url(../images/icons/video.gif) no-repeat scroll right 2px;padding:0 18px 0 10px} span.view{background:transparent url(../images/icons/view.gif) no-repeat scroll right 2px;padding:0 18px 0 10px} span.listen{background:transparent url(../images/icons/audio.gif) no-repeat scroll right 1px;padding:0 18px 0 10px} /* ----------------------------------------------------------------------------- Container and Columns ------------------------------------------------------------------------------ */ div.spacer{height:10px} /**/ div.spacer.white, .whitebg{background:#fff} /**/ div.spacer6{height:6px} /**/div.spacer15{height:15px} #LiteTemplate .main_wrap{width:954px;margin:0 auto;border-bottom:10px solid #fff!important; border-top:none!important; border-right:none!important; border-left:none!important;} .main_wrap{width:954px;margin:0 auto;border:10px solid #fff;background:url(../images/grey_grad_tester.png) repeat-y top right} #gallery_landing .main_wrap, #gallery_largeimg .main_wrap, #gallery_cartoons .main_wrap, #gallery_archive .main_wrap, #multimedia_landing .main_wrap{background:#fff} /* --| leaderboard, newsletter, header & nav |-- */ /*#leaderboard{height:90px;background:#fff;display:none}*/ #leaderboard{background-color:transparent;} #leaderboard .ad_wrap{z-index:10000;} #leaderboard .weather_wrap{width:226px;height:90px;background:#fff;right:0;top:0;z-index:1} #leaderboard.ad, #leaderboard.newsletter, #leaderboard.weather{/*width:215px*/} #leaderboard.weather{/*padding:6px 0*/} /**/ #leaderboard.weather p.day{left:10px;top:32px} #leaderboard.weather p.temp{right:24px;top:10px;font-size:14px} /**/ #leaderboard.weather img{right:80px;top:10px;margin:0} #leaderboard.weather h4{color:#595959;top:10px;left:10px} /**/ #leaderboard.weather a.link{left:10px;top:54px;font-size:11px} #leaderboard.weather select.location{top:71px;left:10px;z-index:1!important} /**/ #leaderboard.weather input.btn{top:71px;right:0;height:20px;padding:2px 5px 4px;width:42px} #LiteTemplate #header{height:133px;background:url(../images/imgheader_grad.png) repeat-x bottom left;z-index:5000} #header{height:150px;background:url(../images/imgheader_grad.png) repeat-x bottom left;z-index:5000} #main_nav{height:56px} /* --| footer |-- */ #footer{margin:0;float:left;} /* --| columns |-- */ .col938{width:938px} /* - NEW - */ .col640{width:640px;background:#fff} .col626{width:626px} .col606{width:606px} .col312{width:312px} .col620{width:620px} .col314{width:314px} .col300{width:300px} .col299{width:299px} .col13{width:13px} .col187{width:187px} .col304{width:304px} /* divider */ .col473{width:473px} .col468{width:468px} .col160{width:160px} .col233{width:233px} .col220{width:220px} .col314.grey_grad{/*background:url(../img/right_col_grad.png) repeat-y top left #EBEBEB*/height:100%} .col308{width:308px} #right_column{height:100%} /**/ .border_right{border-right:1px solid #DEDEDE} .ad300X600, .ad300X250, .ad468X60, .right_banners{margin:0 auto} .blue_box, .red_box{background:#F4F8FB;border-top:5px solid #0E2E5E;padding:12px 10px} .red_box{border-top:8px solid #E30A15} .red_box h2{color: #595959; font-weight:normal; font-size:16px;} .adfix{text-align:center;padding:10px 0} /* ----------------------------------------------------------------------------- Design Elements ------------------------------------------------------------------------------ */ /* --| Header |-- */ #header img.main_logo{top:32px;left:20px} div.feature_head{width:340px;height:70px} div.feature_head p{font-size:11px} div.feature_head a p{color:#232323} div.feature_head.first{left:228px;top:32px}div.feature_head.second{left:598px;top:32px} /* -- search form -- */ input.search_field{border:1px solid #0E2E5E;background:url(../images/srch_bg.png) repeat-x top #fff;width:380px;height:14px;left:228px;top:116px} img.srchbut{top:116px;right:290px} img.googlepowered{top:118px; right:185px} a.archive_link{top:118px; right:220px} div.adv_search{top:118px;right:195px;font-size:11px} /* -- leaderboard newsletter -- */ #leaderboard select{width:170px} #leaderboard h3{color:#595959} #leaderboard h3, #leaderboard p{margin-bottom:4px} /* --| Content |-- */ div.vert_line{background:url(../images/left_col_line.gif) repeat-y right} div.main_story{padding:10px;background:#EDF1F6;border-bottom:16px solid #fff} div.main_story li{} div.news_item{background:url(../images/horz_dot_line.gif) repeat-x bottom;padding-bottom:20px;margin-bottom:14px} div.main_story p{margin-bottom:10px;font-size:14px} div.news_item p{margin-bottom:4px} /* --| Container boxes |-- */ #most_box, #mynews.mynews_page #most_box , #weather_box, #indicators_box, #mynews_box, #accordion, #google_box, #latest_comment_box, #links_box, #blogged_box, #related_box, #other_box, #videoday_box, .topitem_box, #score_box {margin:0 auto;background:#fff;border-bottom:1px solid #C6C6C6;border-right:1px solid #C6C6C6} #score_box{/*height:115px*/} #score_box h3{height:15px;background:url(../images/score_head.png) no-repeat top left;color:#fff;font-size:14px;padding:10px;} /**/ #score_box h3 a{color:#CEECFF; margin-left: 6px;} #score_box span.update{top:12px;right:10px;color:#fff;text-transform:uppercase;font-size:11px} #related_box{border:1px solid #C6C6C6;background:#DAEAF1} #blogged_box p{margin-top:6px} /**/ #blogged_box img{margin-bottom:8px} #good_new_box, #mynews_blog_box{min-height:155px} #good_new_box{background:url(../images/good_news_tile.jpg) repeat-x top left #F2F3F5;border-top:2px solid #A4ACB5} #good_new_box img.logo{top:0;left:0} /**/ #good_new_box img.fnb{top:0;right:0} #good_new_box ul{margin:80px 10px 0 20px;font-size:11px} #good_new_box ul li a{color:#004D66} #mynews_blog_box{background:url(../images/mynews24_blogs.png) no-repeat left 10px;border-top:2px solid #5B8BAF} #mynews_blog_box span.updates{right:15px;top:10px;color:#74727D;text-transform:uppercase;font-size:10px} #mynews_blog_box h3{text-indent:-5000px} /**/ #mynews_blog_box span.datestamp{margin-bottom:1px;font-size:10px} #mynews_blog_box span.link{margin:0 0 0 110px} #mynews_blog_box ul{margin:10px 0 0 110px} /**/ #mynews_blog_box a{color:#2256B9} #mynews_blog_box ul li{background:url(../images/li_dot_blue.png) no-repeat 0px 7px} #major_story{background:#04142C;color:#fff} /**/ #major_story a{color:#fff} #major_story h1{padding:12px 0 6px 12px;margin:0;font-size:28px} /**/ #major_story p{font-size:18px;padding:10px 12px 2px} #major_story ul.small{margin-top:20px} #relatedlinks_box{border-left:1px solid #C6C6C6;padding:0 0 0 10px;margin-top:10px} #relatedlinks_box h5{color:#595959;font-size:14px} /**/ #relatedlinks_box ul li{line-height:1.6em} /* --| Right column containers |--*/ #indicators_box img.sponsor{margin:0 10px 10px 10px} #indicators_box h4, #other_box h4, #videoday_box h4, .topitem_box h4{padding:10px 0 4px 10px;color:#595959} /**/#indicators_box table{margin:0 0 10px 10px} #other_box h4{margin-bottom:0} /**/ #indicators_box table td{padding:2px 2px!important;font-size:11px} #mynews_box .content{background:url(../images/myNews24_back.png) repeat-x top #fff;padding:2px 14px 14px 14px;margin-top:-3px} /**/ #mynews_box .content a{color:#2256B9} /**/ #mynews_box .content h4{font-size:16px} /**/ #mynews_box .content span.comments{margin:4px 0;color:#74727D;font-size:11px} #mynews_box .content h5{text-transform:uppercase;font-size:11px;color:#DE5A00;margin:4px 0} #mynews_box.top_stories .content h5{text-transform:none;font-size:16px;color:#000;margin-bottom:10px} #mynews_box.top_stories .content .title, #leader_box .title{font-size:12px;margin-bottom:-10px} #mynews_box.top_stories .content .author, #leader_box .author{font-size:11px!important;color:#000;margin-left:28px;font-weight:normal} #mynews_box.top_stories .content .comments, #leader_box .comments{margin-left:28px;font-weight:normal} #mynews_box.top_stories .content .morelinks{text-transform:uppercase;font-size:11px;margin-left:10px} #mynews_box.top_stories ol{list-style:decimal inside;color:#FF9E20;font-size:17px;} #mynews_box.top_stories ol li, #leader_box .tabbed_content ol li {background:none!important;line-height:0.7em!important} #mynews_box.top_stories ol li span{font-size:12px} #timeout_box, #sareunite_box, #dating_box, #buybook_box {font-size:11px;border-bottom:1px solid #D9D9D9;margin-left:6px} #buybook_box img.left{border:none !important;margin-left:6px;margin-bottom:10px} #timeout_box{border-top:1px solid #fff;padding-top:10px;} #sareunite_box{border-top:1px solid #fff;padding-top:10px;height:140px;background:url(../images/sa_reunite.png) no-repeat 6px 30px} #timeout_box h3, #sareunite_box h3, #dating_box h3, #buybook_box h3, #sponsor_box h3{font-size:14px;margin:0 0 10px 8px;color:#595959} /**/ #timeout_box .item{margin-left:7px} /**/ #timeout_box .caption{text-align:center} #timeout_box .item a:hover img{border:3px solid #000066;margin:-2px} /**/ #timeout_box .item img{border:1px solid #fff} /**/ #timeout_box p{padding:10px;margin-top:8px} #sareunite_box .item{width:130px;top:40px;right:6px;text-align:center} /**/ #sareunite_box .item select{margin:4px 0} #dating_box, #buybook_box, #google_box {border-top:1px solid #fff;padding:10px 0 0 0} /**/ #dating_box img, #buybook_box img{border:1px solid #fff;margin-left:6px;margin-bottom:10px} /**/ #dating_box p, #buybook_box p{margin-bottom:6px} /**/ #buybook_box h4{font-size:12px;margin-bottom:2px} /**/ #buybook_box .author{font-size:12px;margin-bottom:6px}/**/ #buybook_box h2{font-size:14px;margin:12px} /* NEW */#sponsor_box{margin:0 auto;padding-bottom:10px;border-bottom:1px solid #D9D9D9} /**/ #sponsor_box table.sponsor{margin-left:10px} /**/ #sponsor_box .sponsor td{font-size:11px;vertical-align:middle} /**/ #sponsor_box .sponsor td a{color:#606060} #right_column .endcolumn{border-top:1px solid #fff;height:20px;margin-left:6px} #vote h2, .news_know h2, #columnists h2, #entertainment_box h2, #lifestyle_box h2{color:#595959;font-size:16px} /**/ .news_know h2{margin-bottom:2px} /**/ #vote p, .news_know p{font-size:14px;padding:3px 0} /**/ #vote span.bold{color:#020066} /**/ #vote input.btn{margin-top:10px;font-size:12px;width:95px} #vote td{font-size:14px} /**/ #vote p.small{font-size:11px;margin-top:6px} /**/ #vote .item{margin-left:-10px;margin-bottom:0px !important; padding-bottom:0px !important} /**/ .news_know ul{margin:10px 0 0 0} /**/ #columnists{width:280px} /**/ #columnists h3{font-size:12px} /**/ #columnists .item, .columnists_left .item, .columnists_right .item{background:url(../images/horz_dot_line.gif) repeat-x bottom;padding-bottom:10px;margin-bottom:10px} /**/ #columnists .item.last, .columnists_left .item.last, .columnists_right .item.last{margin-bottom:0;padding-bottom:0} #columnists .morelinks a{text-transform:uppercase;color:#E30A15;font-size:11px;padding-left:75px} #columnists .item{float:left;width:100%} #columnists .item img.left{margin-bottom:5px} #featured{background:#F1F1F1;padding:10px;border-bottom:1px solid #C6C6C6;border-right:1px solid #C6C6C6} /**/#featured h4{font-size:14px;margin-top:6px} #featured img{margin-top:0} #news_left .news_item h3 a, #news_right .news_item h3 a, #news_left .news_item h5 a, #news_right .news_item h5 a{color:#E30A15;text-transform:uppercase;font-size:14px} #news_left .news_item h5 a, #news_right .news_item h5 a{font-size:11px;margin-top:10px} /**/ #news_left .news_item img, #news_right .news_item img{margin-top:0} #specialfocus{background:#DAEAF1;padding:10px 20px;width:586px;border-bottom:1px solid #C6C6C6;border-right:1px solid #C6C6C6} /**/ #specialfocus h2{text-align:center;letter-spacing:8px;text-transform:uppercase} /**/ #specialfocus .item{width:129px!important;margin-right:21px} /**/ #specialfocus .item.last{margin:0} #specialfocus .item h4, #specialfocus .item p{font-size:11px} /**/ #specialfocus .item h4{margin-bottom:2px} #specialfocus a:hover h4{text-decoration:underline} #latest_comment_box{background:url(../images/quote_top.png) no-repeat left top #fff;padding-top:10px} /**/ #latest_comment_box h4 {margin:0 0 6px 45px;color:#595959} #latest_comment_box p{padding:0 45px 10px 45px;background:url(../images/quote_bot.png) no-repeat right bottom;line-height:1.4em} /**/ #latest_comment_box p a{font-size:11px} #other_box .item {padding:10px 0;background:url(../images/horz_dot_line.gif) repeat-x bottom;margin:0 10px} #other_box .item h5{} /* --| Article Pages |--*/ #article_gallery .article p, #article_special .article p{font-size:14px;line-height:1.4em;margin:0 0 14px 0} /**/ #article_gallery .article h2, #article_special .article h2{font-size:14px} #article_special .article h1{font-size:24px} #other_stories{border-top:1px solid #D6D7D8;border-bottom:1px solid #D6D7D8;padding:15px 0 20px 0} /**/ #other_stories h3{color:#595959;font-size:14px} #other_stories .item{/*width:280px;*/margin-right:20px} #other_stories .item h4{font-size:12px;margin-top:2px} /**/ #other_stories .item p{font-size:11px} #comment_box, #promotion_box{background:#FAFAFA;border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9} /**/ #comment_box h2 {text-align:center;color:#E30A15;background:url(../images/comment_arrow.png) no-repeat 100px 30px #F1F1F1;padding:20px 0;font-size:24px;} #comment_box h2 a{text-decoration:none;color:#E30A15} #comment_box .item{margin-bottom:25px;width:620px!important} #comment_box .item .details{width:165px;text-align:right;margin-right:20px} #comment_box .item .comments{width:390px;color:#555;line-height:1.4em} #comment_box .comment_form{background:url(../images/comment_icon.png) no-repeat 18px 20px #F1F1F1} #comment_box table#comment_table{margin:20px 0 0 115px} /**/ #comment_box table#comment_table td{padding:3px;font-size:11px;vertical-align:middle} /**/ #comment_box table#comment_table td.txt_item{text-align:right} /**/#comment_box .txtfield, #comment_box .txtcomment{width:380px;border:1px solid #D9D9D9} #comment_box .txtcomment{width:382px} /**/ #comment_box table#comment_table td.links{font-size:12px;padding:5px 3px} #comment_box input.btn{width:95px;margin:6px 0 20px} #promotion_box{background:#F1F1F1} /**/ #promotion_box h3{color:#595959;margin:10px 0 0 10px} /**/ #promotion_box .item{padding:10px;background:url(../images/horz_dot_line.gif) repeat-x bottom;font-size:11px} /**/ #promotion_box h4{font-size:11px;margin:0} #promotion_box{border-bottom:none} #links_box .item{padding:4px 8px} /**/ #links_box h5 a{color:#E30A15;margin-top:8px} /**/ #links_box img{margin-right:6px} /**/ #links_box p{padding-left:6px} .article .col300{margin:0 0 10px 10px} #article_feature{background:#F4F8FB} /**/ #article_feature p.text{font-size:12px!important;margin:6px 10px 0!important;padding:0 0 10px!important;background:url(../images/horz_dot_line.gif) repeat-x center bottom;} /**/ #article_feature p.text span.bold{text-transform:uppercase} #article_feature p.bold{font-size:11px!important;padding:10px;text-align:left;margin:0!important} /**/ #article_feature p span.red a{color:#E30A15} p.read_more{font-size:12px!important;color:#74727D} /**/ p.read_more a{margin:0 4px} /*--| Columnist Pages --*/ #columnist_page div.columnist_heading, #columnist_page div.specialreport_heading{text-indent:-50000px;height:50px;background:url(../images/columnist_header.jpg) no-repeat top left} #columnist_page div.columnist_heading, #columnist_page div.specialreport_heading{text-indent:1px;padding:13px 0 0 220px;font-size:22px;text-transform:uppercase;width:406px;} #columnist_page div.specialreport_heading{color:#CC0000;padding:8px 0 0 120px;width:600px;font-size:28px} #columnist_page div.columnist_heading img.rss{right:10px;top:10px} #columnist_page div.specialreport_heading{background:url(../images/specialreport_header.jpg) no-repeat top left} img.header_icon {left: 585px; top: 0px;} #columnist_page div.specialreport_heading header_icon {left: 585px; top: 0px;} #columnist_page div.speciallanding_heading{background:url(../images/speciallanding_header.jpg) no-repeat top left #F4F8FB;height:105px} #columnist_page div.speciallanding_heading p{padding:60px 10px 10px 10px;font-size:14px} #columnist_page div.gameslanding_heading{background:url(../images/games_header.jpg) no-repeat top left #F4F8FB;height:105px} #columnist_page div.gameslanding_heading p{padding:60px 10px 10px 10px;font-size:14px} #columnist_page #specialreport_landing .item{margin-bottom:6px} /**/ #columnist_page #specialreport_landing .item h3 a{font-size:14px!important} #columnist_page #specialreport_landing h2{color:#E30A15;font-size:16px!important} #columnist_page #specialreport_landing img.icon{top:4px;right:6px} #columnist_page #columnists_box{background:#F4F8FB} #columnist_page #columnists_box .profile{padding:10px;width:100px;text-align:center} /**/ #columnist_page #columnists_box h2{padding:10px 0 0 0;margin:0 0 6px 0} #columnist_page #columnists_box span.author{font-size:14px;margin:2px 0} /**/ #columnist_page #columnists_box span.comments{color:#74727D;font-size:14px} #columnist_page #columnists_box p{font-size:16px;margin:6px 0} #columnist_page #columnists_box .columnist_list{background:#DAEAF1;width:626px} /**/ #columnist_page #columnists_box .columnist_list h3{letter-spacing:8px;text-transform:uppercase;text-align:center;font-size:18px;background:url(../images/horz_dot_line.gif) repeat-x center 18px;padding:6px;width:580px;margin-left:15px;} /**/ #columnist_page #columnists_box .columnist_list h3 span{background:#DAEAF1;padding:6px} #columnist_page #columnists_box .columnist_list ul{margin:6px 0} /**/ #columnist_page #columnists_box .columnist_list ul li{width:140px;background:none;padding-left:12px; line-height:1.6em} #columnist_page .columnists_left .item h3, #columnist_page .columnists_right .item h3{font-size:14px;padding-top:12px} #columnist_page .columnists_left .item p, #columnist_page .columnists_right .item p{padding:6px 0 4px} #columnist_page #favourite_column h4{color:#595959;font-size:16px} #columnist_page #favourite_column ol{list-style:decimal inside;margin:10px 0} /**/ #columnist_page #favourite_column ol li{background:none;padding:0;color:#000066} #columnist_page #favourite_column ol li span.comments{margin-left:20px;font-weight:normal;color:#74727D} #columnist_page #sponsor_box, #category_page #sponsor_box{border:none} /* #columnist_page .rating{margin-bottom:20px}*/ #columnist_page .article p{font-size:14px;margin:12px 0} /**/ #columnist_page span.comments{color:#74727D;font-size:11px;margin:4px 0} #columnist_page .columnist_bio {background:#F4F8FB;padding:10px;line-height:1.4em} #columnist_page .columnists_left .item.first h3{font-size:18px;padding-top:12px} /**/ #columnist_page .columnists_left .item.first p{font-size:16px} #columnist_page .columnists_left .item span.datestamp{margin-bottom:2px} #columnist_page .morelinks, #category_page .morelinks, #entertainment_page .morelinks{padding:10px 0;background:url(../images/horz_dot_line.gif) repeat-x top;margin-top:6px} #category_page .main_story img.rss, #category_page .main_category img.rss, #entertainment_page .main_story img.rss, #category_page .sub_main_story img.rss, #entertainment_page .sub_main_story img.rss{right:1px;top:1px} /*Feeds Block*/ .feeds_block{ background:#fff; } .feeds_block a{text-decoration:none; } .feeds_block ul{ font-size:11px; font-weight: bold; margin: 0px; padding: 0px 0px 0px 0px; } .feeds_block li{line-height: 16px; } .feeds_block p{ font-size: 12px; line-height: 17px; margin: 0px 0px 8px; font-weight: normal; } .feeds_block h3 a{ margin:0px 0px 15px; color:#e30a15;font-size:14px } .feeds_block h4{ margin:0px 0px 3px; color:#000066; } .feeds_block h5 a{ margin:0px 0px 3px; color:#e30a15; font-weight: bold; } .feeds_block .wrapper .col187{ padding-right:10px; margin-right:10px; border-right:solid 1px #c8c9c9;} .feeds_block .wrapper .col287, .feeds_block .wrapper .col304{ padding-right:10px; margin-right:10px; border-right:solid 1px #c8c9c9;} .feeds_block .wrapper .last{ padding-right:0px; margin-right:0px; border-right:none} .feeds_block .datestamp_block{ width:100%; background: #FFFFFF; }/*background: #daeaf1;*/ .feeds_block .datestamp_block .dateer{padding-top:3px} .feeds_block .datestamp_block .wrapper{ padding:0; font-size:15px; height:30px;border-bottom:5px solid #DADADA } .feeds_block .datestamp_block .wrapper span{ font-size:12px; color:#6a6a6a;font-weight: normal} .feeds_block .datestamp_block .wrapper .right_text{padding:3px 10px 0 0;font-size:12px} .feeds_block .datestamp_block .wrapper img{ margin:-10px 0 0 0;} /*--| Category Pages / Entertainment Pages --*/ #category_page .main_story, #entertainment_page .main_story, #category_page .sub_main_story, #entertainment_page .sub_main_story{padding:10px;background:url(../images/horz_dot_line.gif) repeat-x bottom;padding-bottom:20px;margin-bottom:14px;border:none;padding:0 0 20px 0} /**/ #category_page .sub_main_story p, #entertainment_page .sub_main_story p{line-height:1.4em;margin-bottom:4px} #category_page .main_story h1, #entertainment_page .main_story h1{font-size:18px} /**/ #category_page .sub_main_story h1, #entertainment_page .sub_main_story h1{font-size:16px;margin-bottom:2px} #category_page .main_story .location, #entertainment_page .main_story .location, #category_page .main_category .location{text-transform:uppercase;font-size:16px;color:#595959;margin:0 0 12px 0} #category_page .sub_main_story .location, #entertainment_page .sub_main_story .location{text-transform:uppercase;font-size:14px;color:#595959;margin:0 0 12px 0} #category_page #featured_item, #entertainment_page #featured_item, #entertainment_page #entertainment_box{width:280px;padding-top:6px} #category_page #featured_item h2, #entertainment_page #featured_item h2{color:#595959;font-size:16px} /* --| Entertainment Pages |-- */ #events_box.blue_box{padding:0;background:#FBF6D6} #events_box .item a img{margin:5px 2px} /**/ #events_box .item{margin:0 0 0 5px} /**/ #events_box ul{padding:0 7px} #events_box p.bold{padding:8px 0 0;margin:8px;background:url(../images/horz_dot_line.gif) repeat-x top;font-size:11px} #entertainment_page #featured_item .morelinks, #entertainment_page #entertainment_box .morelinks{margin:10px 0 0 0; text-transform:uppercase;padding-bottom:0!important;font-size:11px} /**/ #entertainment_page #featured_item .morelinks a, #entertainment_page #entertainment_box .morelinks a, #entertainment_page #videoday_box span.more a, #entertainment_page .topitem_box span.more a{color:#E30A15} /**/ #entertainment_page h3.section a{text-transform:uppercase;font-size:14px;color:#595959} #entertainment_box h3{font-size:12px} /**/ #entertainment_page #videoday_box p, #entertainment_page .topitem_box p{padding:0 10px 10px} /**/ #entertainment_page #videoday_box img, #entertainment_page .topitem_box img{margin-left:10px} #entertainment_page #videoday_box img.overlay{left:62px;top:75px} #entertainment_page #videoday_box span.more a, #entertainment_page .topitem_box span.more a{text-transform:uppercase;font-size:11px} /**/ #entertainment_page #videoday_box span.more{margin-top:6px} #entertainment_page #album_review{background:url(../images/album_bg.jpg) no-repeat right bottom #fff} #entertainment_page #top_movies{background:url(../images/movies_bg.jpg) no-repeat right bottom #fff} #entertainment_page #top_mp3{background:url(../images/mp3_bg.jpg) no-repeat right bottom #fff} #entertainment_page #blueworld h4{background:url(../images/blue_world.gif) no-repeat top right #353535;font-size:14px;color:#fff;padding:8px} #entertainment_page #blueworld p{background:transparent url(../images/horz_dot_line.gif) repeat-x scroll center bottom;margin:0 10px;padding:6px 0} #entertainment_page #blueworld p.last{background:none!important} /**/ #entertainment_page #blueworld p img{margin-left:0} /* --| Special Report |-- */ #specialreport{background:url(../images/indiepteverslae_head.png) no-repeat 6px 8px #04142C;color:#fff} /**/ #specialreport h1{padding:10px 0 4px 120px;font-size:28px} #specialreport a{color:#fff} /**/ #specialreport h2{font-size:20px;margin:6px 0 6px 12px} #specialreport ul li, #major_story ul li{background:url(../images/li_dot_white.png) no-repeat left 8px;padding:0 0 0 8px;width:290px;margin:1px 0 1px 14px;font-size:14px} #specialreport img.icon{top:4px;right:6px} #specialreport .item{width:300px} /**/ #specialreport .item p{padding:2px 13px;font-size:14px} /* --| Traffic Page / Competition / Newsletter |-- */ #traffic_page #traffic{} /**/ #traffic_page #traffic h1, #newsletter_page #newsletter h1, #competition_page #competition h1{font-size:16px;color:#E30A15} #traffic_page #traffic span.update{margin-bottom:16px} /**/ #traffic_page #traffic p, #newsletter_page #newsletter p, #competition_page #competition p{font-size:14px} /**/ #traffic_page #traffic p.bold{margin-top:10px} #traffic_page #traffic p.bold a{color:#E30A15} /**/ #traffic_page #traffic .item, #competition_page #competition .item, #newsletter_page #newsletter .item{background:transparent url(../images/horz_dot_line.gif) repeat-x scroll center top;padding:10px 0} #competition_page #competition .item{background:transparent url(../images/horz_dot_line.gif) repeat-x scroll center bottom} /**/ #traffic_page #traffic .item h2, #competition_page #competition .item h2{font-size:14px;margin-bottom:0px} /**/ #traffic_page #traffic .item td{font-size:14px} #traffic_page #traffic .item td.level_5{background:url(../images/traffic_severity_5.png) no-repeat 60px 2px} #traffic_page #traffic .item td.level_4{background:url(../images/traffic_severity_4.png) no-repeat 60px 2px} #traffic_page #traffic .item td.level_3{background:url(../images/traffic_severity_3.png) no-repeat 60px 2px} #traffic_page #traffic .item td.level_2{background:url(../images/traffic_severity_2.png) no-repeat 60px 2px} #traffic_page #traffic .item td.level_1{background:url(../images/traffic_severity_1.png) no-repeat 60px 2px} #traffic_page #traffic .item.small{font-size:11px} /**/ #traffic_page #traffic .item span.bold{margin-bottom:10px} /* --| Newsletters |-- */ #newsletter_page #newsletter h2{font-size:14px;margin-bottom:4px!important} /**/ #newsletter_page #newsletter img.icon{margin:2px 10px} #newsletter_page #newsletter input.checkbox{margin-top:10px} #newsletter_page #newsletter input.txt{width:310px} /**/ #newsletter_page #newsletter input.btn{margin-top:6px} /* --| Poll |-- */ #poll_page #sponsor_box, #entertainment_page #sponsor_box, #entertainment_page #right_column .endcolumn, #traffic_page #sponsor_box, #traffic_page #right_column .endcolumn, #competition_page #sponsor_box, #newsletter_page #sponsor_box {border:none!important} /**/ #poll_page .poll_box h1{color:#E30A15;font-size:16px} #poll_page .poll_box h2.date{font-size:12px;padding-left:10px} /**/ #poll_page .poll_box .border_right h2.date{padding:0} #poll_page .poll_box p{font-size:16px;padding:0 0 10px 10px} /**/ #poll_page .poll_box .border_right p{padding:0 10px 10px 0} /* --| Opinion Page |-- */ #columnist_page div.opinion_heading{background:url(../images/opinion_hdr.jpg) no-repeat top left;height:50px} #columnist_page div.opinion_heading h1{text-indent:-5000px} #columnist_page div.opinion_heading img.rss{right:10px;top:10px} #columnist_page #opinion_box .columnist_opinion{background:#F4F8FB;padding:8px;float:left;width:457px} #columnist_page span.section{color:#E30A15;text-transform:uppercase;font-size:11px} #columnist_page span.section.mynews{color:#FF6000;background:url(../images/mynews_minicon.png) no-repeat 0px 3px;padding-left:14px} #columnist_page #opinion_box .columnist_opinion h2, #columnist_page #opinion_box .q_and_a span.datestamp{margin-bottom:2px} #columnist_page #opinion_box .columnist_opinion span.columnist, #columnist_page #opinion_box .columnist_opinion img, #opinions .columnists_left span.columnist, #opinions .columnists_right span.columnist{margin-bottom:6px} #columnist_page #opinion_box .columnist_opinion p{font-size:16px;line-height:1.4em} #columnist_page #opinion_box .columnist_opinion span.datestamp {margin-bottom:14px} #columnist_page #opinion_box .columnist_opinion ul{margin:4px 0 0} #columnist_page #opinion_box .q_and_a{padding:8px;background:#DAEAF1;clear:both} #columnist_page #opinion_box .q_and_a h3{color:#595959} /**/ #columnist_page #opinion_box .q_and_a h4{font-size:12px;margin-bottom:2px} #columnist_page #opinion_box .q_and_a a.bold{font-size:11px} #columnist_page #comic_box{background:#F4F8FB;padding-bottom:10px} #columnist_page #comic_box img{margin-bottom:6px} #columnist_page #comic_box p{padding:0 6px} #columnist_page #comic_box p.small{font-size:11px} #columnist_page #comic_box div.dotted_nomargin{margin:0 6px!important} #columnist_page #comic_box span.red a {color:#E30A15} #opinions #mynews_box{border:none!important} /* - highlighted blogs */ #opinions #blogs_box{background:#F4F8FB} #opinions #blogs_box h2{color:#595959;font-size:16px;background:url(../images/blogs_bubble_top.png) no-repeat left bottom;padding-bottom:18px;margin:0} #opinions #blogs_box p{padding:2px 8px;line-height:1.6em;background:url(../images/blogs_bubble_tile.png) repeat-y} #opinions #blogs_box .botpic{background:url(../images/blogs_bubble_bot.png) no-repeat top left;padding:32px 0 0 0} #opinions #blogs_box p.morelinks{margin-top:10px;width:270px;padding-left:0;background:url(../images/horz_dot_line.gif) repeat-x center top} #opinions #blogs_box h6{text-transform:uppercase;margin-bottom:6px} #opinions #blogs_box ul{left:10px;top:200px} /**/ #opinions #blogs_box ul li{padding:1px 0;background:none} #opinions #blogs_box .limitwidth{width: 200px;} #opinions .item{margin-bottom:20px;padding-bottom:20px} #opinions .columnist_list{background:#DAEAF1;width:626px} /**/ #opinions .columnist_list h3{letter-spacing:8px;text-transform:uppercase;text-align:center;font-size:18px;background:url(../images/horz_dot_line.gif) repeat-x center 18px;padding:6px;width:580px;margin-left:15px;} /**/ #opinions .columnist_list h3 span{background:#DAEAF1;padding:6px} #opinions .columnist_list ul{margin:6px 0} /**/ #opinions .columnist_list ul li{width:140px;background:none;padding-left:12px; line-height:1.6em} #opinions div.morelinks{padding:10px 0;background:url(../images/horz_dot_line.gif) repeat-x top;margin-top:6px} #opinions .item h3{padding:2px 0 0!important;margin:0 0 2px} #opinions .item.last{padding-bottom:0px} /* --| Footer |-- */ #footer .services{background:#DAEAF1;padding:12px;width:930px} #footer .services h3{text-transform:uppercase;margin:0 0 12px 0;text-align:center;letter-spacing:8px} #footer .services .item{width:200px;height:50px;font-size:11px;margin:6px 40px 0 0} #footer .services .item.last{margin:6px 0 0 0} #footer .services .item img{margin:0 6px 0 0} #footer .copyright{background:#F1F1F1;height:40px;width:954px;text-align:center;padding:20px 0 0 0;text-transform:capitalize} .copyright img.logo24{top:8px;left:8px} .copyright img.logo_opa{top:10px;right:10px} /* --| Misc. |-- added by JKW #sound_wrap {padding: 6px 4px!important}*/ /* --| fixes 15/5/9 |--*/ #major_story span.datestamp{padding:0 0 6px 12px} /*--| 20/05/2009 --| */ .top_stories li{line-height:1.2em} #google_box{background:none;border-right:none} .ad626X35{float:left;clear:both;width:626px} #home_insidenews{float:left} #article_special .article h1{margin-bottom:6px} #article_special .article span.datestamp{margin-bottom:10px} div.spacer_top{height:10px;width:0px;position:relative;z-index:5000;background:transparent!important;} #leader_box .rating{margin-top:-1px!important} div.article b, div.article strong{font-size:14px!important;font-weight:bold!important} /* --| Promobox fix |-- */ #promotion_box{background:#F1F1F1} /**/ #promotion_box h3{color:#595959;margin:10px 0 0 10px} /**/ #promotion_box .item{padding:10px;background:url(../images/horz_dot_line.gif) repeat-x bottom;font-size:11px} /**/ #promotion_box h4{font-size:11px;margin:0} #promotion_box{border-bottom:none} #promotion_box table{font-family:arial!important;font-size:11px!important;width:626px!important;background:#F1F1F1!important;border-bottom:1px solid #C9C9C9;border-right:1px solid #C9C9C9} #promotion_box table td, #promotion_box table table td, #promotion_box table table td a{font-family:arial!important;font-size:11px!important} #promotion_box table table{border:none!important;background:none!important} #promotion_box table td span.elevenblack{margin:0 0 0 12px;font-size:16px!important;font-weight:bold!important;color:#595959!important;display:block;/*text-transform:lowercase*/} #promotion_box table table td.elevenblack{font-size:11px!important;padding:2px 10px} #promotion_box table a{color:#0E2E5E!important} #promotion_box td.PromoDivide{text-indent:-5000px;background:url(../images/horz_dot_line.gif) repeat-x scroll 0 10px} /* -- Article bold link --*/ #article_gallery .article a, #article_special .article a, * .article a{font-weight:bold} /* -- Category links on front page -- */ .category a{color:#E30A15;font-size:11px;text-transform:uppercase; } /*----------------------------------------------------------------------------- Accordion ------------------------------------------------------------------------------ */ #accordion h3.toggler{cursor:pointer;background:url(../images/accordion_unselect.png) 6px 6px no-repeat #DAEAF1;padding:4px 0 4px 20px;font-size:10px;text-transform:uppercase;border-top:1px solid #EEF4F7;border-left:1px solid #EEF4F7;border-bottom:1px solid #C6C6C6;margin:0} #accordion .element{border-bottom:1px solid #C6C6C6} /**/ #accordion h3.toggler a{font-size:11px} #accordion .element .item{font-size:10px;padding:6px 0;margin:0 10px;background:transparent url(../images/horz_dot_line.gif) repeat-x scroll center bottom} /**/ #accordion .element .item h4{font-size:11px;margin-bottom:1px} #accordion .element .item.browse a{text-transform:uppercase;font-size:12px;color:#E30A15} #accordion .element .item.last{/*border-bottom:1px solid #C6C6C6;*/font-size:11px} #accordion .element .item.travel{background:none!important} #accordion .element .item.travel h4{font-size:14px!important;margin-bottom:6px} #accordion .element .item.travel p{font-size:11px} #accordion .element .item.travel img.right{margin-left:6px} #accordion .element .item.travel span.browse{margin:3px 0 0 0!important;background:none!important} #accordion .element .item.travel span.browse a{text-transform:uppercase;font-size:11px;color:#E30A15;} #accordion .element.games{background:url(../images/ogames_logo_small.png) no-repeat bottom right} #accordion .element.games .item{width:190px} #accordion .element.games .item img{float:left; padding-right:10px;} #accordion .element.games .item.last{margin-bottom:8px} #accordion .element.games .item p.play a, #accordion .element.games .item.last a{color:#E30A15;text-transform:uppercase;font-size:11px} #accordion .element.games .item.last a{font-size:12px} /*----------------------------------------------------------------------------- Nav Datestamp ------------------------------------------------------------------------------ */ #main_nav .site_datestamp{right:8px;top:36px;color:#fff;font-size:11px} /* Header righthand menu */ .menudrop .moverigth {margin-left:450px;} .menudrop li.noborder{ border-right:none;} .menudrop ul li a.red{ color:#E30A15; text-decoration:none;} .menudrop ul li a:hover.red{ color:#E30A15; text-decoration:underline;} /*----------------------------------------------------------------------------- Outsurance Ads ------------------------------------------------------------------------------ */ .ad278X35.outsurance{display:block!important;/*bottom:10px;left:10px;width:278px;*/padding:0 10px 10px} .ad278X35.outsurance a img{margin:0} .ad278X35.outsurance p{width:266px; background:#6D057A;padding:6px;text-align:center;color:#fff;font-size:11px} .ad278X35.outsurance p a{font-weight:bold;color:#65DD2B!important} /* --------------------------- NEW TABS ------------------------------*/ /*most / weather read tabs */ #mostTabContainer div.tabs_on, #infoTabContainer div.tabs_on, #mostTabContainer div.tabs_off, #infoTabContainer div.tabs_off{float:left;padding:4px 1.66em;cursor:pointer;display:block;font-size:10px;text-transform:uppercase} #mostTabContainer div.tabs_on, #infoTabContainer div.tabs_on{background:#FFFFFF;border-left:1px solid #FFFFFF;color:#666666} #mostTabContainer div.tabs_off, #infoTabContainer div.tabs_off{background:#DAEAF1;border-left:1px solid #C6C6C6} #infoTabContainer div.tabs_on, #infoTabContainer div.tabs_off{padding:4px 3em} /*mostRead MyNews Block */ #mynews #mostTabContainer div.tabs_on{background:#DAEAF1;border-left:1px solid #DAEAF1;color:#666666} #mynews #mostTabContainer div.tabs_off{background:#FFFFFF;border-left:1px solid #DAEAF1} #mynews #right_column #mostTabContainer div.tabs_on{background:#FFFFFF;border-left:1px solid #DAEAF1;color:#666666} #mynews #right_column #mostTabContainer div.tabs_off{background:#DAEAF1;border-left:1px solid #C6C6C6} #mynews #mynews_page #right_column #most_box .tab-wrapper, .ad278X35.outsurance{clear:both;padding:10px;background:#FFFFFF;} #infoTabContainer div.tabs_on{background:#FFFFFF;border-left:1px solid #DAEAF1;color:#666666;width:85px} #infoTabContainer div.tabs_off{background:#DAEAF1;border-left:1px solid #C6C6C6;width:90px} /*mostRead MyNews Block */ .byLineWidth{ float:left; width:310px;} /* ------------------------- BLUEWORLD FEEDS ---------------------------- */ .bw-clear{ clear:both;} #bw-wrapper { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:300px; background:#fff; margin:0 auto;} #bw-logo { height:40px; width:300px; } #bw-intro { padding:5px; background:#99E4FF; color:#444; border-left:5px solid #333; border-right:5px solid #333; border-bottom:5px solid #333; } .bw-feed { border-left:5px solid #4CBCE7; border-right:5px solid #4CBCE7; border-bottom:5px solid #4CBCE7; padding:0; margin:0; list-style:none; float:left; background-color:#ffffff;} .bw-feed li { border-bottom:1px solid #4CBCE7; background:none; padding:0 0 0 0!important; float:left; width:290px;} .bw-feed li img { float:left; display:block; /*padding:1px;*/ border:1px solid #666666!important; margin:5px 0 5px 5px} .bw-feed li a.bw-img { float:left; display:block; border:1px solid #666666; margin:5px 0 5px 5px} .bw-feed li .bw-content{ float:left; padding:5px 0 5px 5px; width:203px; color:#666;} .bw-feed li .bw-content a { color:#4CBCE7; text-decoration:none; font-weight:bold;} .bw-feed li h4 { margin:0 5px 0 0;padding:0; border-bottom:2px dotted #ccc; font-size:12px!important; } .bw-feed li .grey { font-weight:bold; color:#999999; background:none;} .bw-feed li .grey2 { font-weight:bold; color:#666666; background:none;} /*----------------------------- DatingLab Widget ------------------------------*/ /* logo */ #most_box a.datinglab{background:url(../images/love2meet.jpg) no-repeat 30px 0 #fff;height:60px;width:299px;text-indent:-500em;margin-top:-1px} /* profiles man/woman */ #dateLabTabContainer .tabs_on, #dateLabTabContainer .tabs_off{padding:4px 3.11em!important} #tab_man_data .img_wrap, #tab_women_data .img_wrap, #tab_search_data .img_wrap{width:65px;height:75px;overflow:hidden;margin:5px 10px 5px 0} #tab_man_data .img_wrap img, #tab_women_data .img_wrap img, #tab_search_data .img_wrap img{margin-top:-5px} .date_profile{font-size:11px} .date_profile .person{width:275px;margin-bottom:5px} .date_profile .item{width:200px} .date_profile h5{margin:10px 0 2px 0} /* search */ .love2meet .search_box h5{font-weight:bold;font-size:14px;margin-bottom:10px} .love2meet .search_box select{border:1px solid #BCBCBC;font-size:12px;padding:2px} .love2meet .search_box td{font-size:14px} .love2meet .search_box td.sBox{width:120px} .love2meet .search_box td.select{width:175px;text-align:right} .love2meet .search_box select#gender, .love2meet .search_box select#mGender{width:175px} .love2meet .search_box .btn{margin:5px 0} /* */ form{margin:0px;padding:0px} /**/ #dateLabTabContainer div.tabs_on, #dateLabTabContainer div.tabs_off{float:left;padding:4px 0.85em;cursor:pointer;display:block;font-size:10px;text-transform:uppercase} #dateLabTabContainer div.tabs_on {background:#FFFFFF;border-left:1px solid #FFFFFF;color:#666666} #dateLabTabContainer div.tabs_off{background:#DAEAF1;border-left:1px solid #C6C6C6} /*----------------------------- Kalahari Widget ------------------------------*/ #buybook_box{border:none!important;background:url(../images/kalahari_tile.png) repeat-x top #FF6600;padding: 5px 0px!important;border-bottom:none!important;line-height:1.2em!important} #buybook_box .wrap{margin:0 5px;background:#fff;width:289px} #buybook_box .wrap .head{background:url(../images/kalahari_hdr_tile.png) repeat-x top #EDEDED;height:47px;text-align:center;border-bottom:1px solid #FE8B0D} #buybook_box .wrap .head img{border:none!important} #buybook_box .wrap .left_col{width:150px;margin:5px} #buybook_box .wrap .right_col{margin:5px} #buybook_box .wrap .right_col img{padding:1px;border:1px solid #FE8B0D} #buybook_box h3{font-size:12px;margin:0 0 5px 0} #buybook_box h4{font-size:14px} #buybook_box p{font-size:12px;color:#000;margin:3px 0} #buybook_box p a{font-weight:normal} /* START THEN LITE* VERSION CSS */ #LiteTemplate a, #LiteTemplate a p {color:#005899;text-decoration:none;font-weight:bold;} a:hover, a:hover p{text-decoration:underline;color:#000} a img{border:0} a, a p{color:#0E2E5E;text-decoration:none;font-weight:bold;} a:hover, a:hover p{text-decoration:underline;color:#000} a img{border:0} #LiteTemplate li{background:url(../images/li_dot_med_updt.png) no-repeat left 6px;/*padding-left:8px;line-height:1.4em*/} li{background:url(../images/li_dot_med.png) no-repeat left 6px;padding-left:8px;line-height:1.4em} /* ----------------------------------------------------------------------------- Container and Columns ------------------------------------------------------------------------------ */ #LiteTemplate .main_wrap{width:954px;margin:0 auto;border-bottom:10px solid #fff!important; border-top:none!important; border-right:none!important; border-left:none!important;} #gallery_landing .main_wrap, #gallery_largeimg .main_wrap, #gallery_cartoons .main_wrap, #gallery_archive .main_wrap, #multimedia_landing .main_wrap{background:#fff} /* --| leaderboard, newsletter, header & nav |-- */ #LiteTemplate #header{height:133px;background:url(../images/imgheader_grad.png) repeat-x bottom left;z-index:5000} #LiteTemplate .col314.grey_grad{background:url(../images/grey_gradient.png) repeat-y top left #EBEBEB} .col308{width:308px} /* --| Header |-- */ #LiteTemplate #header .div_0 {top:25px;left:225px} #LiteTemplate #header .div_1 {top:10px;left:325px} #LiteTemplate #header .div_2 {top:25px;left:645px} #LiteTemplate #header img.main_logo{top:32px;left:20px} #LiteTemplate #footer .copyright{background:#F1F1F1;text-align:center;padding:20px 0 10px;text-transform:capitalize;width:954px} /* Masthead Tabs */ #LiteTemplate #styleTabContainer{position:absolute; width:100px; left:240px; top:12px; line-height:20px;} #LiteTemplate #styleTabContainer.personalization div.tabs_off, #styleTabContainer.personalization div.tabs_on {cursor: pointer; display: block; font-size: 10px; padding: 4px 0.43em; text-transform: uppercase; color:#959595;} #styleTabContainer.personalization div.tabs_off, #styleTabContainer.personalization div.tabs_on {cursor: pointer; display: block; font-size: 12px; padding: 4px 0.43em; text-transform: uppercase; color:#959595;} #styleTabContainer.personalization div.tabs_on { background: url(../images/tab_on_arrow.png) no-repeat 87px 9px;} #styleTabContainer div.tabs_off { cursor: pointer; display: block; font-size: 10px; padding: 4px 0.85em; text-transform: uppercase;} /* financial box */ .fin_box {background:url(../images/fin_tile.png) repeat-x 0 0 #E8E8E8;} .fin_box h4 {font-size:1em;color:#474747;border-bottom:1px solid #ABABAB;padding:9px 0 7px;margin:0 10px} .fin_box table {border-top:1px solid #fff;margin:0 10px 0;display:block} .fin_box table td {font-size:0.813em;/*height:16px;*/padding:3px 0;vertical-align:middle} .fin_box table td.dots {background:url(../images/horz_dot.png) repeat-x 0 1px;height:2px} .fin_box table td.space {height:5px} .fin_box table td.percent {width:50px;text-align:right} .fin_box table td.percent.up {color:#1C8201} .fin_box table td.percent.down {color:#A80000} .fin_box table td.arrow {width:20px;background:url(../images/fin_arrows.png) no-repeat 8px 6px} .fin_box table td.arrow.down{background:url(../images/fin_arrows.png) no-repeat 8px -16px} .fin_box table td.value {width:70px;text-align:right} .fin_box table td.currency {text-align:left;font-weight:bold;width:140px} .fin_box .bottomAd {border-top: 1px solid #FFFFFF; margin: 0 10px; padding: 10px 0;} /* financial box -- masthead */ #LiteTemplate .tab-wrapper .fin_box {background:none!important; height:85px; left:340px; top:12px; width:300px;} .tab-wrapper .fin_box {background:none!important; height:85px; left:322px; top:12px; width:300px;} .tab-wrapper .fin_box h4 {font-size:1em;color:#474747;border-bottom:1px solid #ABABAB;padding:9px 0 7px;margin:0 10px} .tab-wrapper .fin_box table {border-top:transparent;margin:0 10px 0;display:block} .tab-wrapper .fin_box table td {font-size:0.813em;/*height:16px;*/padding:3px 0;vertical-align:middle} .tab-wrapper .fin_box table td.dots {background:url(../images/horz_dot.png) repeat-x 0 1px;height:2px} .tab-wrapper .fin_box table td.space {height:5px} .tab-wrapper .fin_box table td.percent {width:50px;text-align:right;font-size: 11px;} .tab-wrapper .fin_box table td.percent.up{color:#1C8201} .tab-wrapper .fin_box table td.percent.down{color:#A80000} .tab-wrapper .fin_box table td.arrow {width:20px;background:url(../images/fin_arrows.png) no-repeat 8px 6px} .tab-wrapper .fin_box table td.arrow.down{background:url(../images/fin_arrows.png) no-repeat 8px -16px} .tab-wrapper .fin_box table td.value {width:70px;text-align:right;font-size: 11px;} .tab-wrapper .fin_box table td.currency {text-align:left;font-weight:bold;width:140px;font-size: 11px;} #LiteTemplate .weather_box .info h2 {color:#777;font-size:12px;margin-left:5px; margin-bottom:-2px;} #LiteTemplate .weather_box .info h2 span {color:#000;font-size:18px;font-weight:bold} #LiteTemplate .weather_box .info p {font-size: 12px;margin:3px 0;width:170px;margin-left:5px} #LiteTemplate .weather_box .info p #mainDesc {font-size: 11px;} #LiteTemplate .weather_box .forecast {font-size:11px;text-transform:uppercase; color:#005899; font-weight:bold;bottom:1px;background:url(../images/arrow.png) no-repeat right 6px;padding-right:10px;padding-bottom:10px;margin-left:-2px} #LiteTemplate .weather_box:hover {/*cursor:pointer*/} #LiteTemplate .weather_box li:hover ul, .weather_box:hover li ul{left:20;z-index:20;margin-top:-5px;} /* weather box */ .weather_box {width:300px;height:110px;left:322px;top:0px} .weather_box .icon {width:110px;padding-top:15px;text-align:center} .weather_box .info {width:190px;padding-top:10px} .weather_box .info select {width:170px;font-family:arial;height:20px;font-size:0.75em;font-weight:bold;background:none;border:1px solid #C6C6C6;margin-bottom:7px;background-color:#fff !important;} .weather_box .info h1 {color:#000;font-size:0.75em;font-weight:bold;margin-left:5px} .weather_box .info h2 {color:#777;font-size:12px;margin-left:5px; margin-bottom:-2px;} .weather_box .info h2 span {color:#000;font-size:18px;font-weight:bold} .weather_box .info p {font-size: 12px;margin:3px 0;width:170px;margin-left:5px} .weather_box .info p #mainDesc {font-size: 11px;} .weather_box .forecast {font-size:11px;text-transform:uppercase; color:#005899; font-weight:bold;bottom:1px;background:url(../images/arrow.png) no-repeat right 6px;padding-right:10px;padding-bottom:10px;margin-left:-2px} /* weather drop box */ .weather_box li ul {position:absolute;left:-9999em;top:115px;background:url(../images/weather_drop_box.png) no-repeat 0 0 #d8d8d8;width:300px;z-index:5} .weather_box li ul li {background:none!important;} /*mynews weather drop box */ .mynews_wrap .weather_box li ul {background:url(../images/mynews_weather_drop.png) no-repeat 0 0 #D5E9F0} .weather_box:hover {/*cursor:pointer*/} .weather_box li:hover ul, .weather_box:hover li ul{left:0;z-index:20} .weather_drop_box {margin:0 10px 10px;width:280px} .weather_drop_box td {font-size:10px;padding:2px 0} .weather_drop_box .d_day {width:75px;text-align:left;vertical-align:middle} .weather_drop_box .d_temp {width:45px;text-align:left;font-weight:bold;vertical-align:middle} .weather_drop_box .d_icon {width:50px;text-align:center} .weather_drop_box .d_info {width:110px;text-align:left;vertical-align:middle} .weather_drop_box .d_more_link{font-size:0.875em;font-weight:bold;padding-top:10px;/*border-top:1px solid #fff*/} /* search box */ .search_box {top:-16px;left:622px; z-index:0; display:block;} .search_box .field {height:22px;width:220px;background:url(../images/field_tile.png) repeat-x 0 0 #fff;border:1px solid #979797;top:26px;left:18px;padding-left:5px} .search_box .btn {top:26px;left:238px;} .search_box .mobile_link {top:60px;left:18px;font-size:0.813em;width:300px;} .search_box .mobile_link a {font-weight:bold;} #LiteTemplate .search_box {top:10px;left:622px; z-index:0; display:block;} #LiteTemplate .search_box .field {height:21px;width:185px;background:url(../images/field_tile.png) repeat-x 0 0 #fff;border:1px solid #979797;top:26px;left:54px;padding-left:5px} #LiteTemplate .search_box input.btn {background: url(../images/search_bck.png) repeat-x; top:26px;left:246px; font-weight:bold; font-size:12px; color:#000; border:1px solid #979797;} #LiteTemplate .search_box .mobile_link {top:60px;left:54px;font-size:13px;width:300px; color:#000;} #LiteTemplate .search_box .mobile_link a {font-weight:bold; color:#005899;} #LiteTemplate .lottery_box { height:82px; left:345px; top:15px; width:300px;overflow-y:hidden;font-size: 11px;} .tab_container { top:15px} .staticHeader { background:#595959; width:626px} .staticHeader h2 { font-size: 22px; font-weight: bold; margin: 0; padding: 10px; color:#fff} .header_caption {width:450px;} .mini_header {font-size:11px; margin-bottom:8px; } .caption { font-size:25px; margin-bottom:8px;} .blurb {font-size:13px;} .ContentBucketLite, #HomeArticleLite {width:606px;} .ContentBucketLiteleft {float: left; margin-right: 10px; width: 304px;} .ContentBucketLiteright {float: left; margin-left: 10px; width: 282px;} .ContentBucketLiteleft h3 a, .ContentBucketLiteright h3 a {font-size:11px; text-transform:uppercase; color:#e30a15;} .ArticleContentWrapper { border-top:4px solid #1d5a99; padding:10px; background-color:#f4f8fb; width:606px;} #HomeContentLite h1 {color:#595959; font-size:18px; font-weight:bold; margin:0 0 15px 0;} .homePageImageWrapper {float:left; height:430px;} #HomeArticleLite { border-top:1px solid #ccc;} #HomeArticleLite .horizontal { background: url(../images/horiz_line.png) repeat-y 0 0; float:left;} #HomeArticleLite h2 {color:#595959; font-size:14px; font-weight:bold; margin:10px 0px 5px 2px !important;} #HomeArticleLite .CatArticle { float: left; margin-right: 20px; margin-left:10px; padding:10px 0; width:284px; background: url("../images/horz_dot_line.gif") repeat-x left bottom;} #HomeArticleLite .CatArticleAlt { float: left; margin-left: 20px; margin-right:10px; padding:10px 0; width:262px; background: url("../images/horz_dot_line.gif") repeat-x left bottom;} #HomeArticleLite .CatArticle h3 a, #HomeArticleLite .CatArticleAlt h3 a {font-size:14px; color:#e30a15;} .signUpWrapper { border:1px solid #1d5a99; width:626px; background-color:#d9e6f0; float:left; font-size:12px; color:#000} .signUpWrapper .signUp { padding:10px; float:left; width:606px;} .signUp img { float:left; padding-right:10px;} .signUpWrapper .signUp h1 { color:#005899; font-weight:bold; font-size:18px; margin-bottom:10px;} .signUpWrapper .signUpBox { background:#1d5a99; font-size:17px; font-weight:bold; color:#fff; float:left; padding: 15px 10px; width: 606px;} .signUpWrapper .signUpBox span {color:#9ccdff;} .mobileWrapper { background: url(../images/mobile_bckgrnd.png) repeat-x; float:left; width:608px; height:320px; padding:10px;} .mobileWrapper h1 { color: #595959; font-size: 18px; font-weight: bold; margin: 0 0 15px;} .mobileWrapper .mobiVertical { background: url(../images/mobi_vertline.jpg) repeat-x; padding:20px 0; float:left;} .mobileWrapper .mobiHorizontal { background: url(../images/mobi_horzline.jpg) repeat-y; float:left;} .mobileWrapper .mobiHorizontal p { margin-left:120px; font-weight:bold;padding-top: 15px;} .mobileWrapper .mobiHorizontal .cellphone { float:left; background: url(../images/mobi_selfoon.png) no-repeat 25px 0; color:#004879; font-size:18px; width:290px; padding-left:12px; height:230px} .mobileWrapper .mobiHorizontal .tablet { float:left; background: url(../images/tablet_rekenaar.png) no-repeat 20px 0; color:#004879; font-size:18px; width:245px; padding-left:60px; height:230px} .mobileWrapper .mobiHorizontal .itemText{ font-size:22px;} .mobileWrapper .mobiHorizontal a.linkToo { color:#005899; font-size:12px;} .mobileWrapper .mobiHorizontal a:hover {text-decoration:underline; color:#000;} .frontPageImage { background-color:#e5f0f8; border:1px solid #c6c6c6; padding:10px; margin: 0 10px;} .frontPageImage .heading {font-size:14px; color:#626364; font-weight:bold;padding-bottom: 20px;} .frontPageImage .imageFrontPage { margin:0 auto; text-align:center;} .frontPageImage .frontPageVertLine { background: url(../images/mobi_vertline.jpg) repeat-x; margin: 10px 0 0; float:left; width:272px;} .frontPageImage .digitalIssue { margin: 0 auto; text-align:center; color:#626364; font-weight:bold;} .frontPageImage .digitalIssue .read { font-size:22px; color:#004879; margin-bottom:5px;} .follow_news { margin:0 10px;width: 303px;} .follow_news h2 {color:#595959; font-size:14px; font-weight:bold;} .follow_news .iconSpacing { float:left; margin-right:10px} #IntekenBox { background:#004d82; padding:5px 0 10px 114px; color:#fff; font-weight:bold; font-size:22px; height:25px; width:840px;} #IntekenBox .IntekenBoxText { margin-top:3px;} #IntekenBox .IntekenBoxButton { background: url(../images/orange_bar.png) no-repeat; width:275px; height:30px; color:#fff; font-weight:bold; font-size:19px; padding-left:30px; padding-top:3px; margin-left:30px;} #IntekenBox .IntekenBoxButton a {color:#fff;} #IntekenBox .IntekenBoxButton a:hover { text-decoration:underline;} #IntekenBox .IntekenBoxButton img {vertical-align:middle; margin-left:5px;} .archivePage {width:626px;} .archivePage h1 {color:#000; font-size:25px; border-bottom:2px solid #000000; padding-bottom:5px;} .archivePage p {font-size:16px;} .cat_body { position:relative; width: 628px;} .cat_body .headingTitle { height:25px;} .cat_body .headingTitle h2 { float:left; font-size:25px; font-weight:bold;} .cat_body .subHeading { border-bottom:1px solid #b9b9b9; height:33px; color:#555555;line-height: 32px;} .cat_body .headingTitle h3 { float:left; font-size:16px; font-weight:bold;} .cat_body .rss_catBody { float:right; font-size:11px; color:#777777; margin-top:10px;} .cat_body .rss_catBody img {vertical-align:middle; right:53px;} .cat_body .itemWrapper img { /*background: url(../images/horz_dot_line.gif) repeat-x left bottom;*/ padding:15px 0;} .cat_body .itemWrapper .greyLine { background: url(../images/thin_grey_line.png) repeat-x; width:628px; height:26px;} .item h4 { font-size:10px; color:#777; padding-top:5px;} .item li {background: none; font-weight:normal;} .multi{font-size:14px!important;} /* * jQuery FlexSlider v1.7 * Copyright 2011, Tyler Smith * Free to use under the MIT license. * / /* Browser Resets */ .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {width: 626px; margin: 0; padding: 0;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {/*background: #fff; border: 4px solid #fff;*/ position: relative;/*-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;*/ zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative; background:none!important; padding:0px!important;} /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container {zoom: 1; position: relative;} /* Caption style */ /* IE rgba() hack */ .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;} .flex-caption {width: 96.1%; padding: 2%; position: absolute; left: 0; bottom: 0; background:url(../images/focus_caption.png) repeat; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;} /* Direction Nav */ .flex-direction-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; background:none!important; } .flex-direction-nav li a {width: 10px; height: 63px; margin: -13px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 93%; cursor: pointer; text-indent: -9999px;} .flex-direction-nav li a.next {background-position: -10px 45px; background-position: -10px 15px\9; right: 2px;} .flex-direction-nav li a.prev {background-position: 0 45px; background-position: 0 15px\9; left: 2px;} .flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 626px; height:15px; position: absolute; bottom: -23px; bottom: 9px\9; left:278px;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; background:none!important; float:left;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 10px; height: 10px; display: block; background: url(../images/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;} .flex-control-nav li a:hover {background-position: 0 -10px;} .flex-control-nav li a.active {background-position: 0 -20px; cursor: default;} /* ------------------------- ShareLinks WIDGET ---------------------------- */ #LiteTemplate #article_toolbox_topright #facebook_like {padding: 4px;padding-left: 6px;} #LiteTemplate #article_toolbox_topright .addthis_toolbox {padding: 4px;} #LiteTemplate #article_toolbox_topright .addthis_toolbox a.email {padding-right: 0 !important;cursor:pointer;} #LiteTemplate #article_toolbox_topright .addthis_toolbox a.print {padding-left: 0 !important;cursor:pointer;} #LiteTemplate #article_toolbox_bot .at300b {margin-right: 15px;color:#74727D;font-size:11px;} #LiteTemplate #article_toolbox_bot .at300bs {margin-top: -2px;padding-right: 4px;} #LiteTemplate #article_toolbox_topright { background: url(../images/dot_vert.png) repeat-y 0 0; padding: 0 !important;} #LiteTemplate #marging10Bottom { border-bottom: 3px solid #DEDEDE !important; height: 5px; margin: 5px 0 10px;} #LiteTemplate #article_featureFull{background:#F4F8FB} /**/ #LiteTemplate #article_featureFull p.text{font-size:12px!important;padding:10px 6px!important;background-color:#5a5a5a;color:#ffffff; } #LiteTemplate #article_featureFull p.text span.bold{text-transform:uppercase;} #LiteTemplate .info_nav {background-color:#333333; height:40px;} #LiteTemplate .player .prev { background:url(../images/prev-red.png) no-repeat 0 0;margin: 8px 10px 0; height:24px; color:#fff; font-size:12px; text-transform:uppercase; font-weight:normal; position: absolute; left: 0;} #LiteTemplate .player .next { background:url(../images/next-red.png) no-repeat 110px 0;margin: 8px 10px 0; height:24px; color:#fff; font-size:12px; text-transform:uppercase; font-weight:normal; position: absolute; right:0;} #LiteTemplate .player a.prev, #LiteTemplate .player a.next {padding: 4px 35px;} #LiteTemplate .caption-container .photo-index, #LiteTemplate .bott_controls .photo-index-bottom {color:#fff; margin:0 auto; text-align:center; text-transform: uppercase; font-weight:bold;} #LiteTemplate .caption-container .photo-index span, #LiteTemplate .bott_controls .photo-index-bottom span { font-weight:normal!important} /*.bott_controls .photo-index-bottom {top:12px; left:270px;} .caption-container .photo-index {top:-457px; left:270px;}*/ #LiteTemplate .bott_controls .photo-index-bottom {top:12px; left:270px;} #LiteTemplate .caption-container .photo-index {top:-535px; left:270px;} #LiteTemplate .img_loaded {width:620px; height:430px; overflow:hidden;margin-top:10px !important;} #LiteTemplate .image-wrapper {margin:0 auto; padding:0px; text-align:center;} #LiteTemplate .image-wrapper img { vertical-align:top;} #LiteTemplate .image-wrapper a.advance-link:hover {text-decoration:none;} #LiteTemplate ul.thumbs { list-style:none; float: left;} #LiteTemplate ul.thumbs li {float:left;background:none!important;padding:0 !important;height:70px;margin:14px;overflow:hidden;width:70px;} #LiteTemplate #thumbs {background-color:#000; float:left;margin: 5px 5px 5px 8px; width:295px;} #LiteTemplate #thumbs .pagination { background:#333; float:left; width:295px; height:50px; color:#fff; padding-top:20px; text-align:center;} #LiteTemplate #thumbs .pagination a.prev_page { background:url(../images/prev-red.png) no-repeat 0 0;margin: -3px 0 0 0; height:24px; width:24px; left:10px; color:#fff; font-size:12px; text-transform:uppercase; font-weight:normal} #LiteTemplate #thumbs .pagination a.next_page { background:url(../images/next-red.png) no-repeat 0 0;margin: -3px 0 0 0; height:24px; width:24px; right:10px; color:#fff; font-size:12px; text-transform:uppercase; font-weight:normal} #LiteTemplate #thumbs .pagination a.prev_page, #LiteTemplate #thumbs .pagination a.next_page {/*padding: 4px 35px;*/ color:#fff;} #LiteTemplate #thumbs .pagination a, #LiteTemplate #thumbs .pagination .current {color:#fff; padding: 0 5px;} #LiteTemplate #thumbs .help {bottom:10px; left:20px; text-align:center; color:#b0b0b0; font-size:11px;} /* UGC Facebook Comments */ .facebookComments { color:#fff; font-size:11px; background:#3b5998 url(../images/facebook_comments.png) no-repeat left top; width:558px;height:55px; padding:10px 10px 10px 58px;} .facebookComments p {margin:0!important;} /* featured mask */ .featured_mask {width:980px;z-index:10;height:85px;margin:0 -10px;background:#fff;top:146px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;display:none} .featured_mask_2 {width:980px;z-index:10;height:120px;margin:0 -10px;background:#fff;top:111px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;display:none} /*----------------------------------------------------------------------------- Inside Carousel ------------------------------------------------------------------------------ */ #LiteTemplate #home_insidenews #inside_news{background:#f4f8fb;text-align:center;color:#fff; border-top:3px solid #dedede; border-bottom:3px solid #dedede;} #LiteTemplate #inside_news{background:#6A757F;text-align:center;color:#000;border-bottom:16px solid #fff} /**/ #LiteTemplate #inside_news h2{/*text-transform:uppercase;*/margin:12px 0; COLOR:#000; letter-spacing:4px} #LiteTemplate #inside_news #wrap_carousel{height:235px;overflow:hidden;background:#f4f8fb;width:626px;margin-left:1px;padding-bottom:10px} #LiteTemplate #inside_news #wrap_carousel a#previous img{top:60px;left:10px;z-index:5000} /**/ #LiteTemplate #inside_news #wrap_carousel a#next img{top:60px;right:10px;z-index:5000} #LiteTemplate #inside_news #wrap_carousel a:hover, #LiteTemplate #inside_news #wrap_carousel a:hover img{cursor:pointer} #LiteTemplate #inside_news #wrap_carousel #carousel{margin:0;top:0;left:0;height:180px;z-index:1; padding-left:13px!important;} /**/ #LiteTemplate #inside_news #wrap_carousel #carousel .item{width:150px;text-align:left;height:175px;height:172px\9; overflow:hidden;} #LiteTemplate #inside_news .jcarousel-container-horizontal{min-width:626px!important;padding:0} #LiteTemplate #inside_news #wrap_carousel #carousel .item h4, #LiteTemplate #inside_news #wrap_carousel #carousel .item p{font-size:11px;margin-left:6px;width:130px; color:#000;line-height: 14px;} #LiteTemplate #inside_news #wrap_carousel #carousel .item h4{margin-top:2px; padding:0!important;} #LiteTemplate #inside_news #wrap_carousel #carousel a{color:#005899} /**/ #LiteTemplate #inside_news #wrap_carousel #carousel a:hover{text-decoration:underline} #LiteTemplate #inside_news #carousel li{padding:0!important} #LiteTemplate #inside_news #carousel .jcarousel-list li, #LiteTemplate #inside_news #carousel .jcarousel-item{float:left;list-style:none;width:156px} #LiteTemplate #inside_news .jcarousel-clip-horizontal{width:626px} /* END THEN LITE* VERSION CSS */ #inside_news .jcarousel-clip {overflow:visible !important;} #inside_news ul.jcarousel-list {overflow:visible !important;}