/* Start of basic set of tags for article */ BODY, body {font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; margin : 0; font-weight : normal; font-size : 70%;} /* For 'textarea', 'input' and 'select' tags the font family is not inherited from the tag and so has to be re-stated. */ TEXTAREA, textarea, INPUT, input, SELECT, select {font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; color : #000000;} TEXTAREA, textarea{font-size : 100%;} INPUT, input{font-size : 90%;} P, p{margin: 0 0 1em 0;} OL, ol, P, p, UL, ul{color : #000000;} TH, th{color : #000000; background-color : #B3DCF0; padding : 5px; text-align : left;} /* End of basic set of tags for article */ /* Start of miscellaneous styles for article */ .toptable{width : 100%;} .banner, .bannermovie {background: url(../../images/smokefree/common/headergradient.gif) repeat-x bottom;} .bannermovie {text-align: right;} .headermovie{float: right;} .backstyle{color : #000000; font-weight : bold; background-color : #B3DCF0; padding : 5px; text-align : left;} .textnorm{color : #000000; font-weight : normal;} .textbold{color : #000000; font-weight : bold;} .imagetitle {color: #ffffff; font-size : 95%; font-weight : bold; background-color : #660066; padding : 2px 5px 2px 5px;} .date{color : #000000; font-size : 95%; font-weight : normal; padding : 5px;} .searchhead{color : #ffffff; font-weight : bold; padding-right : 5px;} .articlemargin{padding-left : 10px;} .footeraddress{color : #8FCBE9;} /* End of miscellaneous styles for article */ /* Start of navigation link sets. The defaults look similar to each other, so at first glance this separation appears unnecessary, but a site design has potential for any of the elements within each link to change independantly from one another. It makes the link styles easier to manage. */ /* Start of general links */ A:link, a:link, A:visited, a:visited, A:active, a:active, A:focus, a:focus {color : #000000; font-weight : normal; text-decoration : underline;} a.astandardlink:link, a.astandardlink:visited, a.astandardlink:active, a.astandardlink:hover, a.astandardlink:focus, a.aboldlink:link, a.aboldlink:visited, a.aboldlink:active, a.aboldlink:hover, a.aboldlink:focus, a.inlinelink:link, a.inlinelink:visited, a.inlinelink:active, a.inlinelink:hover, a.inlinelink:focus, a.asitemaplink:link, a.asitemaplink:visited, a.asitemaplink:active, a.asitemaplink:hover, a.asitemaplink:focus {color : #000000; font-weight : normal; text-decoration : none;} a.aboldlink:link, a.aboldlink:visited, a.aboldlink:active, a.aboldlink:hover, a.aboldlink:focus{font-weight : bold;} A:hover, a:hover{text-decoration : none;} a.astandardlink:hover, a.aboldlink:hover, a.inlinelink:hover, a.asitemaplink:hover {text-decoration : underline;} /* End of general links */ /* Block of base code that ALL horizontal navigation links use */ a.atopnav, a.atopnavs, a.asecnav, a.asecnavs { text-decoration : none; } /* Start of utilities navigation */ .utilspipe { color : #ffffff; font-weight : normal; text-decoration : none; } a.autilnav:link, a.autilnav:visited, a.autilnav:active, a.autilnav:hover, a.autilnav:focus {color : #ffffff; font-weight : normal; text-decoration : none;} a.autilnavs:link, a.autilnavs:visited, a.autilnavs:active, a.autilnavs:hover, a.autilnavs:focus {color : #ffffff; font-weight : bold; text-decoration : none;} a.autilnav:hover, a.autilnavs:hover{text-decoration : underline} /* End of utilities navigation */ /* Start of first level navigation */ .topnav{background-color: #3A6FAC; padding : 5px;} .topnavpipe { color : #ffffff; font-weight : bold; text-decoration : none; background-color : 990099; } a.atopnav:link, a.atopnav:visited, a.atopnav:active, a.atopnav:hover, a.atopnav:focus, a.atopnavs:link, a.atopnavs:visited, a.atopnavs:active, a.atopnavs:hover, a.atopnavs:focus {color : #ffffff; font-weight : bold; text-decoration : none;} a.atopnav:hover, a.atopnavs:hover{text-decoration : underline;} /* End of first level navigation */ /* Start of second level navigation*/ .secnav{background-color: #8FCBE9; padding-left : 5px;} .secnavpipe { color : #ffffff; font-weight : bold; text-decoration : none; background-color : #8FCBE9; } a.asecnav:link, a.asecnav:visited, a.asecnav:active, a.asecnav:hover, a.asecnav:focus, a.asecnavs:link, a.asecnavs:visited, a.asecnavs:active, a.asecnavs:hover, a.asecnavs:focus {color : #ffffff; font-weight : bold; text-decoration : none;} a.asecnavs:hover, a.asecnav:hover{text-decoration : underline;} /* End of second level navigation */ .bottompipe { color : #666666; font-weight : normal; text-decoration : none; } a.bottomlink:link, a.bottomlink:visited, a.bottomlink:active, a.bottomlink:hover, a.bottomlink:focus {color : #666666; font-weight : normal; text-decoration : none;} a.bottomlinks:link, a.bottomlinks:visited, a.bottomlinks:active, a.bottomlinks:hover, a.bottomlinks:focus {color : #666666; font-weight : bold; text-decoration : none;} a.bottomlink:hover, a.bottomlinks:hover{text-decoration : underline} /* End of bottom navigation */ /* Start of left-hand tree navigation (third level and below). */ .lhscol{background-color : #F6F6F6; width: 180px;} .treenav1 {padding : 4px 5px 4px 25px; background: no-repeat url(../../images/smokefree/common/arrowoff_3.gif);} .treenav2 {padding : 4px 5px 4px 36px; background: no-repeat url(../../images/smokefree/common/arrowoff_4.gif);} .treenav3 {padding : 4px 5px 4px 35px; background: no-repeat url(../../images/smokefree/common/arrowoff_5.gif);} .treenav4 {padding : 4px 5px 4px 40px; background: no-repeat url(../../images/smokefree/common/arrowoff_6.gif);} .treenav5 {padding : 4px 5px 4px 40px; background: no-repeat url(../../images/smokefree/common/arrowoff_6.gif);} .treenav1s {padding : 4px 5px 4px 25px; background: no-repeat url(../../images/smokefree/common/arrowon_3.gif);} .treenav2s {padding : 4px 5px 4px 30px; background: no-repeat url(../../images/smokefree/common/arrowon_4.gif);} .treenav3s {padding : 4px 5px 4px 35px; background: no-repeat url(../../images/smokefree/common/arrowon_5.gif);} .treenav4s {padding : 4px 5px 4px 40px; background: no-repeat url(../../images/smokefree/common/arrowon_6.gif);} .treenav5s {padding : 4px 5px 4px 40px; background: no-repeat url(../../images/smokefree/common/arrowon_6.gif);} a.atreenav1:link, a.atreenav1:visited, a.atreenav1:active, a.atreenav1:hover, a.atreenav1:focus, a.atreenav2:link, a.atreenav2:visited, a.atreenav2:active, a.atreenav2:hover, a.atreenav2:focus, a.atreenav3:link, a.atreenav3:visited, a.atreenav3:active, a.atreenav3:hover, a.atreenav3:focus, a.atreenav4:link, a.atreenav4:visited, a.atreenav4:active, a.atreenav4:hover, a.atreenav4:focus, a.atreenav5:link, a.atreenav5:visited, a.atreenav5:active, a.atreenav5:hover, a.atreenav5:focus, a.atreenav1s:link, a.atreenav1s:visited, a.atreenav1s:active, a.atreenav1s:hover, a.atreenav1s:focus, a.atreenav2s:link, a.atreenav2s:visited, a.atreenav2s:active, a.atreenav2s:hover, a.atreenav2s:focus, a.atreenav3s:link, a.atreenav3s:visited, a.atreenav3s:active, a.atreenav3s:hover, a.atreenav3s:focus, a.atreenav4s:link, a.atreenav4s:visited, a.atreenav4s:active, a.atreenav4s:hover, a.atreenav4s:focus, a.atreenav5s:link, a.atreenav5s:visited, a.atreenav5s:active, a.atreenav5s:hover, a.atreenav5s:focus { font-weight : normal; text-align : left; text-decoration : none; } a.atreenav1s:link, a.atreenav1s:visited, a.atreenav1s:active, a.atreenav1s:hover, a.atreenav1s:focus, a.atreenav2s:link, a.atreenav2s:visited, a.atreenav2s:active, a.atreenav2s:hover, a.atreenav2s:focus, a.atreenav3s:link, a.atreenav3s:visited, a.atreenav3s:active, a.atreenav3s:hover, a.atreenav3s:focus, a.atreenav4s:link, a.atreenav4s:visited, a.atreenav4s:active, a.atreenav4s:hover, a.atreenav4s:focus, a.atreenav5s:link, a.atreenav5s:visited, a.atreenav5s:active, a.atreenav5s:hover, a.atreenav5s:focus {font-weight : bold;} a.atreenav1:hover, a.atreenav1s:hover, a.atreenav2:hover, a.atreenav2s:hover, a.atreenav3:hover, a.atreenav3s:hover, a.atreenav4:hover, a.atreenav4s:hover, a.atreenav5:hover, a.atreenav5s:hover {text-decoration : underline;} /* End of left-hand tree navigation (third level and below). */ /* Start of 'breadcrumb trail' navigation */ .pathpipe, .pathname{color : #000000;} .pathname{font-weight : bold;} a.pathnav:link, a.pathnav:visited, a.pathnav:active, a.pathnav:hover, a.pathnav:focus {color: #000000; font-weight : normal; text-decoration : underline;} a.pathnavs:link, a.pathnavs:visited, a.pathnavs:active, a.pathnavs:hover, a.pathnavs:focus {color: #000000; font-weight : bold; text-decoration : underline;} a.pathnavs:hover, a.pathnav:hover{text-decoration : none;} /* End of 'breadcrumb trail' navigation */ /* Start of right-hand side navigation block */ .rhsbox{background-color : #F6F6F6; float : right; width : 215px; margin : 0 1px 10px 10px;} .rhstitle { color : #ffffff; font-weight : bold; text-transform : capitalize; padding : 4px; background : url(../../images/smokefree/common/tab.gif) no-repeat #3A6FAC; } .rhslinkicon{background : no-repeat url(../../images/smokefree/common/page.gif); padding: 3px 5px 3px 25px;} a.arhslinkmedia:link, a.arhslinkmedia:visited, a.arhslinkmedia:active, a.arhslinkmedia:focus, a.arhslinkmedia:hover, a.arhslink:link, a.arhslink:visited, a.arhslink:active, a.arhslink:focus, a.arhslink:hover { color : #000000; font-weight : normal; text-align : left; text-decoration : none; } .showrhstab { background : no-repeat url(../../images/smokefree/common/page.gif) #F6F6F6; padding : 4px 4px 4px 25px; } a.arhslinkmedia:hover, a.arhslink:hover { text-decoration : underline; } /* End of right-hand side navigation block */ /* Start of A to Z section */ .atozbox{margin-right : 2px; margin-bottom : 5px; padding : 2px; border : solid 1px #000000; background-color: #B3DCF0;} .atozboxs{margin-right : 2px; margin-bottom : 5px; padding : 2px; border : solid 1px #000000; background-color: #8FCBE9;} a.aatozlink:link, a.aatozlink:visited, a.aatozlink:active, a.aatozlink:hover, a.aatozlink:focus, a.aatozlinks:link, a.aatozlinks:visited, a.aatozlinks:active, a.aatozlinks:hover, a.aatozlinks:focus {color : #000000; font-size : 120%; font-weight : bold; text-decoration : none;} a.aatozlinks:link, a.aatozlinks:visited, a.aatozlinks:active, a.aatozlinks:hover, a.aatozlinks:focus {color : #ffffff;} .atozheadstyle{background-color : #B3DCF0; padding : 5px; border-top : solid #ffffff 5px;} .atozheadtext, a.aatozheadlink:link, a.aatozheadlink:visited, a.aatozheadlink:active, a.aatozheadlink:hover, a.aatozheadlink:focus {color : #000000; font-weight : bold; text-decoration : none;} a.aatozlink:hover, a.aatozlinks:hover, a.aatozheadlink:hover {text-decoration : underline;} .atozcontacts{float : right; width : 215px; background-color : #fff0ff;} .atozconhead{background-color : #B3DCF0;} /* End of A to Z section */ /* Start of FAQ section */ .faqintro, .faqtext{color : #000000; padding : 0 5px 0 0; text-decoration : none;} .faqintro{font-weight : bold;} a.afaqlink:link, a.afaqlink:visited, a.afaqlink:active, a.afaqlink:hover, a.afaqlink:focus, a.afaqboldlink:link, a.afaqboldlink:visited, a.afaqboldlink:active, a.afaqboldlink:hover, a.afaqboldlink:focus {color : #000000; font-weight : normal; text-decoration : none;} a.afaqboldlink:link, a.afaqboldlink:visited, a.afaqboldlink:active, a.afaqboldlink:hover, a.afaqboldlink:focus {font-weight : bold;} a.afaqboldlink:hover, a.afaqlink:hover{text-decoration : underline;} /* End of FAQ section */ /* Start of forum section */ .forumtitle{color: #003399; margin: 0 0 1em 0; font-size : 145%; font-weight : bold; padding : 4px;} .forumsearch{float : right; padding-right : 10px;} .forumsearchhead {color : #000000; font-weight : bold; padding-right : 5px;} .forumhead {color : #ffffff; font-weight : bold; padding : 5px; border : solid 1px #ffffff; background-color: #8FCBE9;} .forumtext, .forumbold{color : #000000; font-weight : normal;} .forumbold{font-weight : bold;} .forumband1, .forummessband1{background-color : #B3DCF0; border-top : solid 2px #ffffff;} .forumband2, .forummessband2{background-color : #fff0ff; border-top : solid 2px #ffffff;} /* End of forum section */ /* Start of contact section (not 'related' or 'A to Z')*/ .contactnorm{padding : 0 5px 0 0; text-decoration : none;} .contactnormdes, .contactbold, .contacttel, .contactfax{padding : 0 5px 0 0; text-decoration : none;} .contactbold{font-weight : bold;} .contacttel{padding-left : 5px;} .contactfax{padding-left : 1px;} .contactposl{padding : 10px 10px 10px 0; float : left;} .contactposr{float : right; padding : 10px 10px 10px 0;} a.acontactlink:link, a.acontactlink:visited, a.acontactlink:active, a.acontactlink:hover, a.acontactlink:focus {color : #000000; font-weight : bold; text-decoration : none;} a.acontactlink:hover {text-decoration : underline;} a.acontactemaillink:link, a.acontactemaillink:visited, a.acontactemaillink:active, a.acontactemaillink:hover, a.acontactemaillink:focus, a.acontactweblink:link, a.acontactweblink:visited, a.acontactweblink:active, a.acontactweblink:hover, a.acontactweblink:focus {color : #000000; font-weight : normal; text-decoration : none;} a.acontactweblink:hover, a.acontactemaillink:hover{text-decoration : underline;} /* End of contact section */ /* Start of form section */ .formattachment{font-weight : bold;} /* End of form section */ /* Start of calendar section */ .caltoday{border : thin outset #fff0ff;} .caltodays{border : thin outset #B3DCF0;} .calbold{padding : 0 5px 0 0; text-decoration : none; text-align : center;} .calnorm {text-align : center; padding : 0 5px 0 0; text-decoration : none;} /* End of calendar section */ /**************************************************/ /****** Search block in top navigation bar ********/ .rowhigh, .rowlow { padding : 3px 3px 3px 3px; } .rimage /* place an article image on the right of the article */ { float: right; padding: 0 0 10px 20px; } .limage /* place an article image on the left of the article */ { float: left; padding: 0 20px 10px 0; } .footflourish /* decorative bar between the article and the bottom utilities menu */ { background : url(../../images/smokefree/common/footer.gif) repeat-x; } /**************************************************************************************/ /**************************** Contact block ****************************************/ .contactbox { padding-left : 5px; background-color : #F6F6F6; } .introsearch, .introevent { padding : 0 5px 0 0; text-decoration : none; } .introsearch, .introcal, .introevent { font-weight : bold; } .contactposl, .contactposr, .homeposl, .homeposr { padding : 10px 10px 10px 0; float : left; } .contactposr, .homeposr { float : right; } /*********************************************************************************************/ /******************************* related polls *******************************************/ .pollquestion, .pollanswer, .polltitle { font-weight : bold; background-color : #B3DCF0; padding : 3px 5px 3px 5px; } .pollanswer { font-weight : normal; } .polltitle { color: #ffffff; background-color: #3A6FAC; } /**************** Poll Results (pop-up) ***************/ .showmessgepoll { background-color : #ffffff; font-size : 125%; padding : 3px 0 3px 0; font-weight : bold; } .pollquestionheading { padding: 5px 5px 5px 5px; font-weight : bold; background-color : #F6F6F6; font-size : 100%; } .closebuttonstrip { width : 100%; background-color : #f6f6f6; padding: 5px 5px 5px 5px; } /********** Percentage bars **********/ .pollresult1, .pollresult3, .pollresult5, .pollresult2, .pollresult4 { background-color : #8FCBE9; color: #ffffff; } .pollresult2, .pollresult4 { background-color : #F6F6F6; } /***********************************************************************************************/ /************ Style for generic buttons in a related poll if a graphic is not used *************/ .votebuttons { background-color : #ff99ff; padding : 2px 0 5px 5px; } /************************************************************************************************/ /*************************** Forum section ******************************************************/ .loginhead, .errorhead { padding : 5px 5px 5px 5px; border : solid 2px #ffffff; background-color: #8FCBE9; color : #ffffff; font-weight : bold; } /*******************************************************************************************/ /******************************** Login section ********************************************/ .logincontent { width : 50%; } .loginbandtop { font-weight : bold; background-color : #B3DCF0; border-top : solid 2px #ffffff; border-left : solid 2px #ffffff; border-right : solid 2px #ffffff; padding : 5px 5px 5px 5px; } .loginbandbot { background-color : #fff0ff; border-bottom : solid 2px #ffffff; border-left : solid 2px #ffffff; border-right : solid 2px #ffffff; padding : 5px 5px 5px 5px; } .errorhead /* The error text block background colour (eg log on 'hint' text) */ { background-color: #660066; } /*******************************************************************************************/ /**************** All form buttons that are not graphics ****************/ .btntext { background-color : #3A6FAC; color : #FFFFFF; font-weight : bold; text-align : center; } /*******************************************************************************************/ /***************************** Search results stripes **************************************/ .rowhigh{background-color : #B3DCF0;} .rowlow{background-color : #fff0ff;} /*************************************************/ /* New calendar styles */ /*************************************************/ #maincalday .callinkie, #maincalday .callinkff, #maincalday .caledge, #maincalday .caldate, #maincalday .calblank, #maincalday .calcelledge, #maincalday .caltoday, #maincalday .calevent, #maincalday .calnorm, #maincalday .calcellwide, #maincalday .calselected { display : block; text-decoration : none; float : left; color: #ffffff; background-color : #e08ee0; } #maincalday .callinkie{padding : 5px 9px 5px 9px; width : 21px;} #maincalday .callinkff{padding : 5px 10px 5px 10px; width : 20px;} #maincalday .calblank, #maincalday .caltoday, #maincalday .calevent, #maincalday .calnorm, #maincalday .calselected, #maincalday a.acalendarlink, #maincalday a.acalendarlinktoday { background-color : #F6F6F6; border: solid 1px #e08ee0; padding : 2px; width : 34px; } #maincalday .caltoday, #maincalday .calevent, #maincalday .calnorm, #maincalday .calselected, #maincalday a.acalendarlink, #maincalday a.acalendarlinktoday {font-weight : bold; text-align : center;} #maincalday .caltoday{background-color : #3A6FAC; color: #ffffff;} #maincalday .calevent{background-color : #B3DCF0; color: #3A6FAC;} #maincalday .calnorm{background-color : #ffffff; color: #3A6FAC;} #maincalday .calselected{background-color : #660066; color: #ffffff;} #maincalday .caledge{padding : 5px 1px 5px 1px;} #maincalday .calcelledge{padding : 3px 1px 3px 1px;} #maincalday .calcellwide{padding : 1px; width : 290px;} #maincalday a.acalendarlink:link, #maincalday a.acalendarlink:visited, #maincalday a.calendarlink:active, #maincalday a.acalendarlink:hover, #maincalday a.acalendarlink:focus, #maincalday a.acalendarlinktoday:link, #maincalday a.acalendarlinktoday:visited, #maincalday a.calendarlinktoday:active, #maincalday a.acalendarlinktoday:hover, #maincalday a.acalendarlinktoday:focus { display : block; text-decoration : none; background-color : transparent; border: none; padding : 0; } #maincalday a.acalendarlink:link, #maincalday a.acalendarlink:visited, #maincalday a.calendarlink:active, #maincalday a.acalendarlink:hover, #maincalday a.acalendarlink:focus {color : #3A6FAC;} #maincalday a.acalendarlinktoday:link, #maincalday a.acalendarlinktoday:visited, #maincalday a.calendarlinktoday:active, #maincalday a.acalendarlinktoday:hover, #maincalday a.acalendarlinktoday:focus {color : #ffffff;} #maincalday a.acalendarlink:hover, #maincalday a.acalendarlinktoday:hover { background-color : #000000; color : #ff0000; } .staticdisplay{color : #ffffff; text-align : center;} .calendarwidth{width : 297px; clear : left; float:left; margin : 0 10px 10px 0;} .utilspipe, a.autilnav, a.autilnavs { color : #FFFFFF; } a.pathnav:link, a.pathnav:visited, a.pathnav:active, a.pathnav:hover, a.pathnav:focus, a.pathnavs:link, a.pathnavs:visited, a.pathnavs:active, a.pathnavs:hover, a.pathnavs:focus { color: #000000; font-weight : normal; text-decoration : underline; } a.pathnav:hover, a.pathnavs:hover { text-decoration : none; } a.pathnavs:link, a.pathnavs:visited, a.pathnavs:active, a.pathnavs:hover, a.pathnavs:focus, .pathname /* 'You Are Here' text */ { color : #000000; font-weight : bold; } .pathpipe { color : #000000; } a.aartpathlhs1:link, a.aartpathlhs1:visited, a.aartpathlhs1:active, a.aartpathlhs1:hover, a.aartpathlhs1:focus, a.aartpathlhs2:link, a.aartpathlhs2:visited, a.aartpathlhs2:active, a.aartpathlhs2:hover, a.aartpathlhs2:focus, a.aartpathlhs3:link, a.aartpathlhs3:visited, a.aartpathlhs3:active, a.aartpathlhs3:hover, a.aartpathlhs3:focus, a.aartpathlhs4:link, a.aartpathlhs4:visited, a.aartpathlhs4:active, a.aartpathlhs4:hover, a.aartpathlhs4:focus, a.aartpathlhs5:link, a.aartpathlhs5:visited, a.aartpathlhs5:active, a.aartpathlhs5:hover, a.aartpathlhs5:focus { color : #000000; font-weight : bold; text-decoration : none; } .artpathlhs1, .artpathlhs2, .artpathlhs3, .artpathlhs4, .artpathlhs5 { padding : 4px 5px 4px 20px; border-bottom : #F6F6F6 solid 1px; } .artpathlhs1 { background : #BFBFBF url(../images/common/pancakerightarrow.gif) no-repeat; } .artpathlhs2 { background : #CFCFCF url(../images/common/pancakedownarrow.gif) no-repeat; } .artpathlhs3 { background : #DADADA url(../images/common/pancakedownarrow.gif) no-repeat; } .artpathlhs4 { background : #EFEFEF url(../images/common/pancakedownarrow.gif) no-repeat; } .artpathlhs5 { background : #FFFFFF url(../images/common/pancakedownarrow.gif) no-repeat; } a.aartpathlhs1:hover, a.aartpathlhs2:hover, a.aartpathlhs3:hover, a.aartpathlhs4:hover, a.aartpathlhs5:hover { text-decoration : underline; }