/* Main Page Layout */ body{ margin: 0px auto 0px auto; font-family: arial, verdana, helvetica, sans-serif; font-size: 77%; /*No width specified here, this is set by inline styles in the get-right-ad section */ } .body-inside-shading{ width:770px; float:left; padding: 0px; } .header{ background : url(/img/header.png) no-repeat scroll top center; width:770px; height:134px; margin-bottom: 9px; } .homeheader{ background : url(/img/header.png) no-repeat scroll top center; width:770px; height:92px; } .homeheaderlower{ background : url(/img/home_header.png) no-repeat scroll top center; width:770px; height:65px; /* margin-bottom: 3px; */ padding-top:9px; } .bodycontent{ width:770px; margin: 0px auto 0px auto; } .indexcontent td{ vertical-align:top; } .right-ad{ width:0px; float:left; vertical-align:top; } .left-col{ width:122px; padding-left:3px; padding-right: 20px; text-align:right; vertical-align: top; } .content-col, .content-footer, .home-col{ width:405px; vertical-align: top; } .right-col{ width:190px; padding: 0px 15px 0px 15px; vertical-align: top; } .content-col-wide { width: 610px; padding: 0px 15px 0px 0px; vertical-align: top; } /* End of Main Page Layout */ /* Home page styles*/ .halfleft{ width: 45%; padding-right:5%; float:left; color:#f90; margin-bottom:28px; } .halfleft A{ /*text-decoration:none;*/ color:#f90; } .index-col-right form INPUT.buttonastext{ font-weight: bold; font-style: italic; font-size:110%; border-width: 0px; cursor: pointer; width: 45px; background: url(/img/spacer.gif); color:#000; margin-left: 150px; } .index-col-left DIV.otherheadlines .tilehead{ border-bottom: none; padding-bottom: 2px; margin-bottom:0px; font-size: 110%; margin-top: 2px; padding-top: 10px; } .index-col-left DIV.otherheadlines A{ display:block; text-decoration: underline; color: #f90; border-bottom: none; } /* Section index styles */ .section-col-left, .section-col-right, .index-col-right, .index-col-left { width: 300px; vertical-align:top; margin: 0px; } .section-col-left{ padding: 0px; } .index-col-left{ padding: 0px 10px 0px 0px; } .section-col-right, .index-col-right{ padding: 0px 15px 0px 10px; } .index-col-right{ background:#F2F2F2; } .section-col-left A.teaser h5{ clear:both; } .searchresults, .searchresultsfooter { border-top: 2px solid #DEDEDE; padding: 5px 0px 5px 0px; clear: both; } .searchresultsfooter{ padding: 0px; font-size: 1px; margin: 2px 0px 2px 0px; } .flushlist{ display:block; background: url(/img/pointer.gif) no-repeat scroll left; color: #8E8E8E; text-decoration:none; padding-left:8px; } .flushlist A, .searchnext A, .searchprevious A{ text-decoration:none; color: #8E8E8E; } .searchnext A{ background: url(/img/pointer.gif) no-repeat scroll right; padding-right:8px; } .searchprevious A{ background: url(/img/reversepointer.gif) no-repeat scroll left; padding-left:8px; } /* End of section index styles */ /*Tile styles */ .tilehead{ width: 100%; /* border-bottom: 1px solid black;*/ font-weight: bold; clear:both; } DIV.otherheadlines A, DIV.sectionsotherheadlines A{ display:block; text-decoration: none; color: #000; border-bottom: 1px solid #ebebeb; } DIV.sectionsotherheadlines A{ clear:both; background: url(/img/pointer.gif) no-repeat scroll left; padding-left:8px; } DIV.otherheadlines .tilehead{ border-bottom: 2px solid #DEDEDE; padding-bottom: 7px; margin-bottom:7px; font-size: 120%; margin-top: 2px; padding-top: 10px; } DIV.otherheadlines, A.tile{ margin-bottom: 15px; } A.tile{ display:block; text-decoration:none; color: #000; } A .type{ color:#f90; } a.tile IMG,IMG.tile{ float:right; margin: 2px 0px 2px 2px; border: none; } .section-col-right .otherheadlines, .section-col-left .otherheadlines{ width:300px; } /* End of Tile Styles */ /*Advertising styles */ DIV.incontentad{ /*float:left;*/ width:300px; margin-right: auto; margin-left: auto; margin-bottom: 13px; font-size:120%; clear:both; } .incontentad h5 .icextra{ font-size:75%; padding-left: 10px; font-weight: normal; } .section-col-right .incontentad{ margin-right: 0px; margin-bottom: 0px; } DIV.incontentad h5{ font-weight:bold; font-size: 100%; display: block; width: 300px; margin-bottom: 9px; padding-bottom: 9px; border-bottom: 1px solid #dedede; } .section-col-right .incontentad h5{ font-weight:bold; font-size: 100%; display: block; width: 300px; margin-bottom: 7px; padding-bottom: 7px; margin-top: 3px; border-bottom: 2px solid #dedede; } /*End of Advertising Styles */ /*Content styles */ IMG.image{ border:0px; } .home-col h2, .content-col h2, .section-col-left h2, .section-col-right h2, .content-col-wide h2, .index-col-left h2, .index-col-right h2{ border-bottom: 2px solid #DEDEDE; padding-bottom: 7px; margin-bottom:7px; font-size: 120%; margin-top: 3px; clear:both; padding-top:7px; } .index-col-left h2.guardian { border-bottom: 2px solid #f00; } a.guardian{ color:#900; text-decoration:none; border-bottom: 1px solid #dedede; display:block; clear:both; background: url(/img/guardian_pointer.gif) no-repeat scroll top left; padding-left:8px; } A.guardian div.title{ font-weight:normal; } .index-col-left h2 { border-bottom: 2px solid #f90; } .index-col-right h2 { border-bottom: 2px solid #58448B; } .content-col IMG.bodyright, .content-col-wide IMG.bodyright, .content-col IMG.body, .content-col-wide IMG.body{ float:right; margin-left: 9px; margin-bottom: 9px; border: 0px; clear:right; } .bodycenter{ margin: 5px auto 9px auto; border:0px; clear:both; } /* .content-col IMG.bodyleft, .content-col-wide IMG.bodyleft{ float:left; margin-right: 9px; margin-bottom: 9px; border: 0px; clear:left; } */ .home-col h4, .content-col h4, .content-col-wide h4{ font-size:120%; } P.articlesource{ color: #8E8E8E; font-style:italic; font-size:90%; } .articletools{ font-weight:normal; color:#000; } .articletools A{ font-weight:bold; color:#FF9900; text-decoration: none; } .relateditems A{ display:block; background: url(/img/pointer.gif) no-repeat scroll left; color: #8E8E8E; text-decoration:none; padding-left:8px; } .searchresults A { text-decoration:none; color: #000; font-weight:bold; } h4 .type{ color:#F90; } .content-col img.starrating, .content-col-wide img.starrating{ float:left; } .content-col h2 .date, .content-col-wide h2 .date{ float:right; color:#999; font-size:80%; } h2 A.extra{ display:block; float:right; color:#f90; font-size:80%; text-decoration: none; } a.byline{ size:80%; color:#999; text-decoration:none; } .content-col h4, .content-col-wide h4{ margin-bottom: 3px; } .content-col P.first, .content-col-wide P.first { clear:left; padding-top: 8px; } .section-col-left A P.first { text-decoration: none; } } P.articlesource{ clear:both; } .content-col A{ text-decoration:none; } /* End of Content Styles */ /* Header / Footer Styles */ DIV.header A IMG.blankingplate, DIV.homeheader A IMG.blankingplate{ float:left; width: 120px; height:90px; /*Masks position of logo in header graphic */ } DIV.header DIV.ad, DIV.homeheader DIV.ad{ float:right; padding: 17px 60px 8px 5px ; } DIV.header DIV.searchbar, DIV.homeheader DIV.searchbar{ margin-left:45px; color: #fff; font-weight:bold; font-size: 110%; margin-top: 4px; padding-top: 4px; } DIV.homeheaderlower DIV.searchbar{ font-size:120%; color:#fff; font-weight:bold; margin: 0 0 0 140px; padding: 10px 0 0 0; } DIV.searchbar input.infoseekelement { width: 390px; margin-left: 6px; margin-right: 6px; } DIV.searchbar INPUT.buttonastext{ font-weight: bold; font-style: italic; font-size:110%; border-width: 0px; cursor: pointer; width: 60px; background: transparent; color:#fff; } DIV.searchbar FORM{ display:inline; } .index-footer, .content-footer{ font-weight:bold; font-size: 90%; color: #000; padding: 9px 15px 9px 0px; vertical-align: top; } .index-footer A, .content-footer A{ color: #f00; text-decoration:none; } .index-footer{ width: 610px; } .print_logo{ display:none; } /* End of header / footer styles */ /* Image gallery styles */ DIV.imagegalleryitem { padding: 5px; text-align: center; } DIV.imagegalleryitem IMG { border:0px; } /* Navigation styles */ A.tile DIV.tilehead, DIV.tilehead{ cursor: pointer; border-bottom: 2px solid #ff9900; padding-bottom: 7px; margin-bottom:7px; font-size: 110%; margin-top: 2px; padding-top: 10px; } .left-col DIV.navblock { border-top: 1px dashed black; /* margin-top: 15px;*/ margin-bottom: 15px; } .left-col A { display: block; text-decoration: none; } .left-col A h2, .left-col A h3, .left-col A h4, .left-col A h5, .left-col h2 A, .left-col h3 A, .left-col h4 A, .left-col h5 A { padding-top:2px; padding-bottom: 2px; margin: 0px; font-weight: normal; } .left-col h2 A, .left-col A h2 { font-size: 100%; color:#000; border-bottom: 1px solid #ebebeb; } .left-col A h3 , .left-col A h4, .left-col A h5, .left-col h3 A, .left-col h4 A, .left-col h5 A{ font-size: 80%; color:#ADADAD; width:100%; cursor : pointer; } .left-col A H2.inside { background-color: #ebebeb; } /* End of navigation styles */ /* poll */ .content-col .poll, .section-col-left .poll, .section-col-right .poll, .content-col-wide .poll{ width: 300px; } .poll form{ padding: 0px; margin: 0px; } .section-col-right .poll h3{ font-size:120%; font-weight:bold; margin: 0px; padding: 7px 0px 3px 0px; } .content-col .poll h3, .content-col-wide .poll h3{ font-size:100%; font-weight:bold; margin: 0px; padding: 1px 0px 1px 0px; } .pollintro{ padding-bottom:3px; } .answer{ position:relative; width: 200px; } .pollvotelabel{ position: relative; margin-right: 30px; } .pollvotelink { position: absolute; right: 0px; top: 0px; padding: 3px 3px 0px 0px; } .bargraph { padding: 2px 0px 0px 0px; width:200px; } .bargraph img{ margin-right: 1%; } .pollfooter { margin: 2px 0px 0px 0px; padding: 2px 0px 2px 0px; } .pollfooter input { font-family: verdana, helvetica, sans-serif; font-weight: bold; font-size: 0.9em; float:right; width:100px; } .right-col .pollfooter input{ margin-top:0px; float:left; margin-left:50px; } .content-col #pollsubmit, .section-col-right #pollsubmit, .content-col-wide #pollsubmit{ margin-top: -30px; } .right-col .answer, .right-col .bargraph{ width:100%; } .right-col .poll { border: 1px solid #F5CD3B; margin-bottom: 10px; } .right-col .pollfooter{ background-color: #F1DC95; margin: 0px; font-size: 0.9em; padding: 2px 0px 2px 0px; text-align: center; border-top: solid 1px #F5CB3B; margin-top: 2px; height:16px; } .content-col #pollfooter, .content-col-wide #pollfooter{ text-align:left; height: 20px; margin-top: 5px; } .right-col .poll h3{ font-size: 100%; margin: 0px; padding: 1px 0px 1px 4px; color: #000; background: #F5E740 url(/img/poll_bg_tile.jpg) repeat-x; border-bottom: solid 1px #F5CB3B; } .right-col .bargraph{ background-color: #E6F2FD; } .right-col .answer{ border-top: 1px solid #A2C4FA; } .right-col .answer, .right-col .pollintro{ color:#3f5181; } .barlabel{ position:relative; padding: 0px 0px 0px 5px; margin-top: -12px; margin-bottom: 5px; width: 18%; } .bardiv{ height: 11px; background: url(/img/poll_tube.gif) repeat-x scroll; } .formbutton, #pollsubmit { font-weight: bold; font-size: 11px; background: #F1F1F1 url(/img/vote_button_bg.gif) repeat-x scroll; color: #7F7F7F; border:1px solid #7F7F7F; cursor: pointer; } /* end poll */ /* Start of Index page content types */ .teaser{ text-decoration: none; clear:both; padding-bottom: 5px; } A.teaser, .searchresults A.teaser { color:#000; font-weight:normal; display:block; margin-bottom: 5px; } div.itsateaser { clear:both; border-top: 2px solid #DEDEDE; padding: 0px; margin: 7px 0px 7px 0px; } .content-col A.teaser { clear:both; border-top: 2px solid #DEDEDE; padding: 0px; margin: 7px 0px 7px 0px; } .content-col h2 { border: 0px solid white; } /*.section-col-left*/ .teaser h5{ margin:3px 0px 2px 0px; padding: 3px 0px 2px 0px; } .teaser h5, .searchresults .teaser h5 { color: #000; font-weight: bold; font-size: 100%; } h5 .date, .searchresults h5 .date{ padding-left: 6px; color: #999; } h5 .type, .searchresults h5 .type{ padding-right: 6px; color:#F90; } img.teaser{ float:right; border: 0px; margin: 0px 0px 3px 3px; } .teaser .more, .searchresults .teaser .more{ color: #f90; padding-left: 6px; } /* End of Index page content types */ /* Start of Form content styles */ .formcell, .formfield200{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; border: 1px solid #7E7E7E; background: #f0f0f0; } .formfield200{ width: 200px; } div.form{ width: 350px; } .formtitle{ display: block; float: left; width: 150px; } /* End of Form content styles */ /* s_b_common shared styles */ .toc{ text-decoration: none; clear:both; padding-bottom: 5px; color:#000; } .tocarticletitle { font-weight: bold; } .fullstory { text-decoration: underline; } .sharedtitle { border-bottom: 2px solid #DEDEDE; padding-bottom: 7px; margin-bottom:7px; font-size: 120%; margin-top: 3px; clear:both; padding-top:7px; font-weight: bold; } .headline { border-bottom: 2px solid #DEDEDE; padding-bottom: 7px; margin-bottom:7px; font-size: 120%; margin-top: 3px; clear:both; padding-top:7px; font-weight: bold; } /* end of s_b_common */ /* Sitemap styles */ ul.sitemap { list-style-image: url(/img/pointer.gif); } li li.sitemap { margin-left: 0px; padding-left: 0px; } /* End sitemap styles */ /*Styles used with printing */ @media print { .print_logo{ display:block; } .header{ display:none; } .right-ad{ display:none; } .left-col{ width: 1px; } } /* End of styles used for printing */ /* Hot jobs styles for site wide panel */ .weblink, div.hot a, p a { color: #F47920; font-weight:bold; text-decoration: none; } div.hot, div.agent { width: 100%; border-bottom: 1px solid black; } .hotimage { padding: 4px; } div.hot strong { font-size: 100%; } p.clear { clear: both; padding: 0px; margin: 0px; line-height: 1px; } /* infoseek additions */ input.infoseekelement { border:1px solid #000; font-size: 12px; height:14px; width:390px; margin: 0; } .infoseekelement2 { font-size: 12px; height:16px; width:90px; border:1px solid #000; padding: 0 0 0 0; margin:0 2px 0 6px; } .infoseeksearchbottom { color: #fff; font-weight:bold; font-size: 110%; margin-top: 4px; padding: 4px; margin-bottom: 10px; background : url(/img/footerbg.gif) top center; } .infoseeksearchbottom form {display: inline;} input.buttonastext{ font-weight: bold; font-style: italic; font-size:110%; border-width: 0px; cursor: pointer; width: 60px; background: url(/img/spacer.gif); color:#fff; } div.istopsearch { width: 118px; margin: 5px auto 5px auto; background: #fff url(/img/istopsearchbg.gif) repeat top left; } div.istopsearch h2 { display: block; width: 100%; height: 42px; background: url(/img/istopsearchheader.gif) no-repeat top left; padding: 0px; margin: 0px; } div.istopsearch a { display: block; color: black; text-align: right; text-decoration: underline; padding: 1px 10px 1px 1px; margin: 0px; vertical-align: top; } div.istopsearch p.clear { clear: both; padding: 10px 0 0 0; margin: 0px; line-height: 1px; background: url(/img/istopsearchfooter.gif) no-repeat bottom left; } /* article image caption formatting */ /* first, we need to fix the clear:left on the opening paragraph of the page */ .content-col p.first, .content-col-wide p.first {clear: none; margin: 0; padding: 0;} .bodyimage {display: inline; float: right; margin: 0 0 8px 8px; padding: 0;} .alignleft {float: left; margin: 0 8px 8px 0;} .aligncenter {display: block; clear: both; text-align: center; width: 100% !important;} p.bodyimagecaption {color: #666; display: block; margin: 2px 0 0 0; padding: 0;} /* end image caption */ /* Adveriser pages */ .advertiser_page_teaser { margin: 5px; padding: 5px; clear: both; } .advertiser_page_teaser_image { margin: 5px; padding: 0px; float: left; } #advertising_feature { width: 100%; text-align: center; } #advertiser_pages { clear: both; font-weight: bold; } #advertiser_pages_header { clear: both; border-bottom: 3px solid #213567; } #advertiser_pages_addresses { float: right; background-color: #f2f2f2; padding: 20px 10px 20px 25px; text-align: right; width: 215px; } #advertiser_pages_details { margin-right: 230px; } #advertiser_pages_details img { padding-right: 10px; padding-bottom: 10px; } #advertiser_pages_addresses_center { margin-left: auto; margin-right: auto; width: 170px; } /* football table formatting add untill XSL changes to view article details page */ .footballtable th { background: #f3faed; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #288735; font-weight: bold; padding: 4px; } .footballtable td { background: #f8f8f8; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } .footballtable .highlight { background: #f1f1f1; } .footballtable .spacer { background: #fff; border: 0px; }