/* bi.css - persistent BI style sheets - 6/30/2003 by Jay Small */ /* Updated by Sean Polay - 9/27/2004 */ /* Updated by Frank Carnevale - 1/30/2006 changes for LIFEBEAT */ /* Updated by Frank Carnevale - 3/14/2006 changes for NEW ZONES */ /* Updated by Frank Carnevale - 7/21/2006 changes for ASAP MODULES */ /* global */ /* headings */ /* layout elements */ #bileft { border-right: 1px solid #888; } #bicenter { background-color: #fff; } #biright, #birightindex { background-color: #e0e1e3; border-left: 1px solid #888; text-align: left; } #bitoc { border-left: 1px solid #888; } .birule { background-color: #888; } .bitoc1 { border-right: 1px solid #888; } .bitoc2 { border-right: 1px solid #888; } .biwx .wxicon img, .biwx2 .wxicon img { width: 22px; height: 22px; padding: 0; margin: 0 1px 0 1px; } .biwx, .biwx2 { width: 120px; padding: 5px 0 0 0; border-left: 1px solid #888; } .biwx2 { border-top: 1px solid #888; } .biwx img, biwx2 img { margin: 0 5px 0 5px; } .wxforecast { width: 120px; margin: 5px; } .wxhigh td { color: #900; } .wxicon td, .wxday td, .wxhigh td, .wxlow td { font-size: 9px; line-height: 9px; text-align: center; } .wxlow td { color: #00004d; } .biwxgs table { width: 130px; margin: 0 1px 0 1px; } .biwxgs img { width: auto; height: auto; padding: 0; margin: 0; } .biwxgs td { font-size: 9px; line-height: 9px; text-align: center; } .biwxgs .weatherday { font-weight: bold; } .biwxgs .weatherhi { color: #900; } .biwxgs .weatherlo { color: #00004d; } /* advertising elements */ .bibannercell { background-color: #e0e1e3; } .biclass1 { border-right: 1px solid #fff; border-bottom: 1px solid #fff; } .biclass2 { border-bottom: 1px solid #fff; } .biclass3 { border-right: 1px solid #fff; border-top: 1px solid #fff; } .biclass4 { border-top: 1px solid #fff; } .bitextad { background-color: #eee; border-bottom: 1px solid #fff; } .bibreakingnews { border-bottom: 1px solid #888; width: 100%;} .bibreakingnewslabel { border-right: 1px solid #888; padding: 2px 5px 2px 2px; font-weight: bold; background-color: #CC0000; font-size: 1.1em; line-height: 1.1em; } .bibreakingnewstext { padding: 2px 5px 2px 5px; font-size: .8em; line-height: 1em;} .bipromobanner { background-color: #333399; } /* typography */ #bipulldowns .binavlinks { background-color: #ebe8de; } #bipulldowns .binavlinks a, #bipulldowns .binavlinks a:link, #bipulldowns .binavlinks a:visited { border-bottom: 1px solid #888; color: #fff; } #bipulldowns .binavlinks a.bipulldownsub { background-image: url(http://www.projo.com/bi/images/menu_arrow.gif); } #bitext p a { text-decoration: underline; } #bitext .biblockheads a { text-decoration: none; } #bitext .biblockheads a:hover { text-decoration: underline; } #bitext p.bibyline, #bitext .byline, .byline { color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; font-weight: bold; } #bitext p.bitrailer { border-top: 1px solid #888; } #bitext .vitindexheadline { font-family: Georgia, Times New Roman, serif; font-size: 1.1em; } #bitext .vitstorybyline { display: block; color: #666; font-size: .85em; line-height: 1.1em; text-indent: 0; padding-top: .5em; } #bitext .vitstorydate { display: block; font-size: 9px; font-weight: normal; line-height: 11px; text-indent: 0; padding-top: 5px; } #bitext .vitstorydeck { display: block; font-size: .75em; line-height: 1.1em; text-indent: 0; padding-top: .5em; } .vitstoryheadline, .headline { display: block; font-family: Georgia, Times New Roman, serif; font-size: 1.3em; text-indent: 0; } #bitext .vitstoryheadline { display: block; font-family: Georgia, Times New Roman, serif; font-size: 1.1em; line-height: 1em; text-indent: 0; } #bitext p.bitrailer { border-top: 1px solid #888; } .pagebody, .module { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; } .pagebodywhite, #bitext .pagebodywhite { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; } #bitower p, .bitile p, .bibillboard p { color: #888; } .biclass a, .biclass a:link, .biclass a:visited { background-image: url(http://www.projo.com/bi/images/story_arrow.gif); } .binav1 .binavlinks a, .binav1 .binavlinks a:link, .binav1 .binavlinks a:visited, #bipulldowns .binavlinks a, #bipulldowns .binavlinks a:link, #bipulldowns .binavlinks a:visited { border-bottom: 1px solid #ccc; } .binav1 .binavlinks a.bicore, .binav1 .binavlinks a.bicore:link, .binav1 .binavlinks a.bicore:visited { color: #222; background-image: url(http://www.projo.com/bi/images/menu_arrow.gif); } .binav1 .binavlinks a.binoncore, .binav1 .binavlinks a.binoncore:link, .binav1 .binavlinks a.binoncore:visited { background-image: url(http://www.projo.com/bi/images/menu_arrow.gif); } .binav1 .binavlinks a.bicore2, .binav1 .binavlinks a.bicore2:link, .binav1 .binavlinks a.bicore2:visited { color: #222; } .binav1 .binavlinks a:hover, .binav1 .binavlinks a.bicore:hover, .binav1 .binavlinks a.bicore2:hover, .binav2 .binavlinks a:hover, .binav2 .binavlinks a.bicore:hover, .binav2 .binavlinks a.bicore2:hover, #bipulldowns .binavlinks a:hover { background-color: #fff; } .binav1 { background-color: #bfbfe6; } .binav2 { background-color: #004d99; } .bitoc1 a, .bitoc1 a:link, .bitoc1 a:visited { background-image: url(http://www.projo.com/bi/images/story_arrow.gif); } .biwelcomeline { color: #900; } h1.bisectionlabel { font-size: 1.5em; line-height: 1.1em; text-align: right; } /* centerpieces */ .bibottomhead1, .bibottomhead2, .bibottomhead3, .bistreamer { border-top: 0px solid #888; } .bibottomhead2, .bibottomhead3 { border-left: 1px solid #eee; } .bibottomhead1 h6, .bibottomhead2 h6, .bibottomhead3 h6 { font-family: Georgia, Times New Roman, serif; } .bibottomhead1 p, .bibottomhead2 p, .bibottomhead3 p { font-size: .7em; } .bidashes { border-bottom: 1px dashed #888; } .bileader, .bileader a, .bileader a:link, .bileader a:visited { background-color: #600; color: #ff9; } .bileader a:hover { background-color: #f00; color: #fff; } .bitopstoryleft { border-right: 1px solid #000; } .bitopstoryright { border-left: 1px solid #000; } a.bistorylink, a.bistorylink:link, a.bistorylink:visited { background-image: url(http://www.projo.com/bi/images/story_arrow.gif); } /* headline blocks */ .biblockheads p, #bitext .biblockmore .biblockheads p { border-bottom: 1px dashed #ccc; background-image: url(http://www.projo.com/bi/images/story_arrow.gif); } .apjsblockheads li { margin-left: -20px; text-indent: -18px; font-size: 13px; border-bottom: 1px dashed #ccc; list-style-position: inside; list-style-image: url(http://www.projo.com/bi/images/story_arrow.gif); } .binoborder .biblockheads p { background-image: url(http://www.projo.com/bi/images/story_arrow.gif) } .biblockmore { border: 1px solid #888; } a.bimore, a.bimore:link, a.bimore:visited { background-image: url(http://www.projo.com/bi/images/story_arrow.gif); } a.bimore:hover { text-decoration: underline; } /* cascading menu styles */ #bileftnav1, #bileftnav2, #bileftnav3, #bileftnav4, #bileftnav5, #bileftnav6, #bileftnav7, #bileftnav8, #bileftnav9, #bileftnav10, #bileftnav11, #bileftnav12 #bileftnav1x1sub, #bileftnav1x2sub, #bileftnav1x3sub, #bileftnav1x4sub, #bileftnav1x5sub, #bileftnav1x6sub, #bileftnav2x1sub, #bileftnav2x2sub, #bileftnav2x3sub, #bileftnav2x4sub, #bileftnav2x5sub, #bileftnav2x6sub, #bileftnav3x1sub, #bileftnav3x2sub, #bileftnav3x3sub, #bileftnav3x4sub, #bileftnav3x5sub, #bileftnav3x6sub, #bileftnav3x7sub, #bileftnav3x8sub, #bileftnav3x9sub, #bileftnav3x10sub, #bileftnav3x11sub, #bileftnav3x12sub, #bileftnav4x1sub, #bileftnav4x2sub, #bileftnav4x3sub, #bileftnav4x4sub, #bileftnav4x5sub, #bileftnav4x6sub, #bileftnav4x7sub, #bileftnav4x8sub, #bileftnav4x9sub, #bileftnav4x10sub, #bileftnav4x11sub, #bileftnav4x12sub, #bileftnav5x1sub, #bileftnav5x2sub, #bileftnav5x3sub, #bileftnav6x1sub, #bileftnav10x1sub, #bileftnav10x2sub, #bileftnav10x3sub #bileftnav11x1sub, #bileftnav11x2sub, #bileftnav11x3sub { visibility: hidden; border-top: 1px solid #888; border-left: 1px solid #888; border-right: 1px solid #888; } /* section pages navigation */ #binavsection #bileftnav1 { position: absolute; top: 370px; left: 130px; } /*Rhode Island*/ /* #binavsection #bileftnav8 { position: absolute; top: 480px; left: 130px; } Classifieds*/ #binavsection #bileftnav6 { position: absolute; top: 434px; left: 130px; } /*lifebeat*/ #binavsection #bileftnav11 { position: absolute; top: 450px; left: 130px; } /* multimedia*/ #binavsection #bileftnav2 { position: absolute; top: 466px; left: 130px; } /*Nation/world*/ #binavsection #bileftnav3 { position: absolute; top: 497px; left: 130px; } /* Opinion */ #binavsection #bileftnav4 { position: absolute; top: 530px; left: 130px; } /* Sports*/ #binavsection #bileftnav5 { position: absolute; top: 546px; left: 130px; } /* Weather*/ #binavsection #bileftnav7 { position: absolute; top: 562px; left: 130px; } /* Your Turn*/ /* #binavsection #bileftnav9 { position: absolute; top: 496px; left: 130px; } Services*/ #binavsection #bileftnav10 { position: absolute; top: 700px; left: 130px; } /* Subscribe*/ /*#binavsection #bileftnav12 { position: absolute; top: 448px; left: 130px; } */ #binavsection #bileftnav1x1sub { position: absolute; top: 370px; left: 269px; } #binavsection #bileftnav1x2sub { position: absolute; top: 386px; left: 269px; } #binavsection #bileftnav1x3sub { position: absolute; top: 418px; left: 269px; } #binavsection #bileftnav1x4sub { position: absolute; top: 434px; left: 269px; } #binavsection #bileftnav1x5sub { position: absolute; top: 450px; left: 269px; } #binavsection #bileftnav1x6sub { position: absolute; top: 466px; left: 269px; } #binavsection #bileftnav2x6sub { position: absolute; top: 550px; left: 269px; } #binavsection #bileftnav4x8sub { position: absolute; top: 642px; left: 269px; } #binavsection #bileftnav4x12sub { position: absolute; top: 706px; left: 269px; } /* homepage pages navigation */ #bileftnav1 { position: absolute; top: 266px; left: 130px; } /* #bileftnav8 { position: absolute; top: 282px; left: 130px; } */ #bileftnav6 { position: absolute; top: 330px; left: 130px; } #bileftnav11 { position: absolute; top: 346px; left: 130px; } #bileftnav2 { position: absolute; top: 362px; left: 130px; } #bileftnav3 { position: absolute; top: 393px; left: 130px; } #bileftnav4 { position: absolute; top: 426px; left: 130px; } #bileftnav5 { position: absolute; top: 442px; left: 130px; } #bileftnav7 { position: absolute; top: 458px; left: 130px; } /* #bileftnav9 { position: absolute; top: 298px; left: 130px; } */ #bileftnav10 { position: absolute; top: 596px; left: 130px; } /* #bileftnav12 { position: absolute; top: 314px; left: 130px; } */ #bileftnav1x1sub { position: absolute; top: 266px; left: 267px; } #bileftnav1x2sub { position: absolute; top: 282px; left: 267px; } #bileftnav1x3sub { position: absolute; top: 314px; left: 267px; } #bileftnav1x4sub { position: absolute; top: 330px; left: 267px; } #bileftnav1x5sub { position: absolute; top: 346px; left: 267px; } #bileftnav1x6sub { position: absolute; top: 362px; left: 267px; } #bileftnav2x6sub { position: absolute; top: 446px; left: 269px; } #bileftnav4x8sub { position: absolute; top: 538px; left: 269px; } #bileftnav4x12sub { position: absolute; top: 602px; left: 269px; } /* bandoftheday */ #newbandsthisweek { font-size: .8em; } #newbandsthisweek span.newbandsoutput a { padding-right: .5em; border-right: 1px solid #666; } #newtunesthisweek { font-size: .8em; } #newtunesthisweek span.newmusicoutput a { padding-right: .5em; border-right: 1px solid #666; } #bandsplayingthisweek { font-size: .8em; } #bandsplayingthisweek span.bandsplayingoutput a { padding-right: .5em; border-right: 1px solid #666; } /* dividers */ .bar { background-image: url(http://www.projo.com/images/bar_ice2_bg.gif); text-align: center; height: 17px; margin: 0px 100px; clear: both; } .bispacer { background-color: #fff !important; } /* labels */ .artlabel { background-color: #dcdbd5; text-align: left; } /* promos */ td.promo, div.promo { padding: 3px; text-align: center; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } .projoribbon, .projoribbon a { display: block; text-align: right; } /* stock bar */ .stockbar { color: #ffffff; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; } .stockbarpubdate { color: #dddddd; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; } /* tertnavs */ .tertnav { padding: 2px 2px 2px 6px; color: #ccc; background-color: #883919; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } .tertnav a:link, .tertnav a:visited { color: #ebe8de; } .tertnav a:hover, a.tertnav:hover { color: #eee; } .tertnavap { padding: 2px 2px 2px 6px; color: #883919; background-color: #e6d8ae; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } .tertnavap a:link, .tertnavap a:visited { color: #000; } .tertnavreverse { padding: 2px 2px 2px 6px; color: #fff; background-color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } /* tertnavs for projojobs projocars projohomes*/ .tertnavblue { padding: 2px 2px 2px 6px; color: #fff; background-color: #0066a3; font-size: 12px; font-family: Trebuchet MS; font-weight: bold; } .tertnavblue a:link, .tertnavblue a:visited { color: #fff; } .tertnavblue a:hover, a.tertnavblue:hover { color: #fff; } .tertnavred { padding: 2px 2px 2px 6px; color: #fff; background-color: #E82043; font-size: 12px; font-family: Trebuchet MS; font-weight: bold; } .tertnavred a:link, .tertnavred a:visited { color: #fff; } .tertnavred a:hover, a.tertnavred:hover { color: #fff; } .tertnavgreen { padding: 2px 2px 2px 6px; color: #fff; background-color: #00A16F; font-size: 12px; font-family: Trebuchet MS; font-weight: bold; } .tertnavgreen a:link, .tertnavgreen a:visited { color: #fff; } .tertnavgreen a:hover, a.tertnavgreen:hover { color: #fff; } /* weather bellybutton */ .projoweather { background-color: #F4F9FB; font-size: 9px; border: 1px solid #000; } .projoweatherbrand { background-image: url(http://www.projo.com/z/headers/weather/weather_165x100.jpg); background-repeat: no-repeat; } /* .projoweatherbrandbeach { background-image: url(http://www.projo.com/weather/beaches/images/weather-beach.jpg); background-repeat: no-repeat; } */ .projoweatherlink { display: block; width: 165px; height: 28px; text-decoration: none; } .projon4weathername { display: none; } p.projoweatheremailtease { color: #eee; font-size: 9px; font-weight: bold; background-image: url("http://www.projo.com/bi/images/story_arrow.gif"); background-repeat: no-repeat; background-position: 0 4px; margin: 2px 3px 3px 5px; padding: 0 0 0 6px; } p.projoweatheremailtease a { color: #eee; text-decoration: none; } p.projoweatheremailtease a:hover { color: #eee; } .readings { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; } .weatherday { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; } .biwxupdated { font-size: .7em; padding-left: 2px; } .biwxcurrents { font-size: .8em; width: 100%;} .biwxcurrentitle { padding-left: 3px; } .biwxcurrentdata { padding-right: 3px; font-weight: bold; } /* GS styles and html in need of definition */ em { font-weight: bold; } em.italic { font-weight: normal; font-style: italic; } ul { margin-left: 40px; } td.spacer, td.bitablespacer {border-left: 1px solid #ccc !important; background-color: #fff !important; padding-left: 1px;} .caption, .headerpiccaption { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; } .credit, .headerpiccredit, .credit a, .headerpiccredit a, .credit a:visited, .headerpiccredit a:visited {color: #999; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; } .date, .bidate, .pubdate, .pubdatesmall { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } .teaser, div.teaser, p.teaser { font-size: .9em; text-indent: 0px; } p.bimore, p.more { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; background-image: url("http://www.projo.com/bi/images/story_arrow.gif"); background-repeat: no-repeat; background-position: 0 4px; margin: 2px 3px 3px 5px; padding: 0 0 0 6px; } .smtext, .smText { font-size: .75em; } .biblockheadswhite p { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.1em; background-image: url(/bi/images/story_arrow_white.gif); background-repeat: no-repeat; background-position: 0 3px; margin: 3px 5px 3px 5px; padding: 0 0 4px 8px; border-bottom: 0px dashed #999; } .biblockheadswhite a, p.bimorewhite a { color: #FFFFFF; } p.bimorewhite { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.1em; background-image: url(/images/story_arrow_white.gif); background-repeat: no-repeat; background-position: 0 2px; margin: 0 5px 4px 5px; padding: 0 0 0 9px; } /* Survey tweaks 2.23.2005 */ .bisurveysidebar p, .bisurveydisplaypoll p, .bisurveyquestioncommentsb p {text-indent: 0px !important; } .bisurveyformchoice { font-size: 1em !important; } .bisurveyformchoice input { font-size: 1em !important;} .bisurveyformchoice1 { font-size: 1em !important; } .bisurveyformchoice2 { font-size: 1em !important; } .bisurveyviewresultslink { font-size: 1em !important; } .bisurveyquestioncommentsb { font-size: 1em !important; } /* Travidia */ .TVmediumLink { font-size: 16px !important; } .TVmediumText { font-size: 14px !important; } .TVmediumLinkBlack, .TVsmallLink { font-size: 12px !important } .TVlocationBarText { font-size: 10px !important; } .newspaperads a, .newspaperads a:link, .newspaperads a:visited { background-image: url(http://www.projo.com/bi/images/story_arrow.gif); display: block; text-decoration: none; padding: 0 0 0 6px; background-repeat: no-repeat; background-position: 0 3px; text-align: left;" } .newspaperads a:hover { text-decoration: underline; } /* projojobs projocars projohomes content files 3.28.2006 -- needs work -- .verticalsbody {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; left: 5px;} .verticalsbody p {color: #993399; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; left: 5px;} */