/* 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 : #ebcceb; padding : 5px; text-align : left; } /* End of basic set of tags for article */ /* Start of miscellaneous styles for article */ .toptable { width : 100%; } .backstyle { color : #000000; font-weight : bold; background-color : #ebcceb; 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 : #ffffff; font-size : 95%; font-weight : normal; padding : 5px; } .searchhead { color : #ffffff; font-weight : bold; padding-right : 5px; } .articlemargin { padding-left : 10px; } .footeraddress { color : #cc66cc; } /* 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; } /* End of utilities navigation */ /* Start of first level navigation */ .topnav { background-color: #990099; 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: #cc66cc; padding-left : 5px; } .secnavpipe { color : #ffffff; font-weight : bold; text-decoration : none; background-color : #cc66cc; } 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 : #ffccff; width: 180px; } .treenav1 { padding : 4px 5px 4px 25px; background: no-repeat url(../../images/ecitizen/common/arrowoff_3.gif); } .treenav2 { padding : 4px 5px 4px 36px; background: no-repeat url(../../images/ecitizen/common/arrowoff_4.gif); } .treenav3 { padding : 4px 5px 4px 35px; background: no-repeat url(../../images/ecitizen/common/arrowoff_5.gif); } .treenav4 { padding : 4px 5px 4px 40px; background: no-repeat url(../../images/ecitizen/common/arrowoff_6.gif); } .treenav5 { padding : 4px 5px 4px 40px; background: no-repeat url(../../images/ecitizen/common/arrowoff_6.gif); } .treenav1s { padding : 4px 5px 4px 25px; background: no-repeat url(../../images/ecitizen/common/arrowon_3.gif); } .treenav2s { padding : 4px 5px 4px 30px; background: no-repeat url(../../images/ecitizen/common/arrowon_4.gif); } .treenav3s { padding : 4px 5px 4px 35px; background: no-repeat url(../../images/ecitizen/common/arrowon_5.gif); } .treenav4s { padding : 4px 5px 4px 40px; background: no-repeat url(../../images/ecitizen/common/arrowon_6.gif); } .treenav5s { padding : 4px 5px 4px 40px; background: no-repeat url(../../images/ecitizen/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 : #990099; } .pathname { font-weight : bold; } a.pathnav:link, a.pathnav:visited, a.pathnav:active, a.pathnav:hover, a.pathnav:focus { color: #990099; font-weight : normal; text-decoration : underline; } a.pathnavs:link, a.pathnavs:visited, a.pathnavs:active, a.pathnavs:hover, a.pathnavs:focus { color: #990099; 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 : #ffccff; float : right; width : 215px; margin : 0 1px 10px 10px; } .rhstitle { color : #ffffff; font-weight : bold; text-transform : capitalize; padding : 4px; background : url(../../images/ecitizen/common/tab.gif) no-repeat #990099; } .rhslinkicon { background : no-repeat url(../../images/ecitizen/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/ecitizen/common/page.gif) #ffccff; 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: #ebcceb; } .atozboxs { margin-right : 2px; margin-bottom : 5px; padding : 2px; border : solid 1px #000000; background-color: #cc66cc; } 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 : #ebcceb; 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 : #ebcceb; } /* 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: #cc66cc; } .forumtext, .forumbold { color : #000000; font-weight : normal; } .forumbold { font-weight : bold; } .forumband1, .forummessband1 { background-color : #ebcceb; 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 #ebcceb; } .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/ecitizen/common/footer.gif) repeat-x; } /**************************************************************************************/ /**************************** Contact block ****************************************/ .contactbox { padding-left : 5px; background-color : #ffccff; } .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 : #ff99ff; padding : 3px 5px 3px 5px; } .pollanswer { font-weight : normal; } .polltitle { color: #ffffff; background-color: #990099; } /**************** 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 : #ffccff; font-size : 100%; } .closebuttonstrip { width : 100%; background-color : #fff0ff; padding: 5px 5px 5px 5px; } /********** Percentage bars **********/ .pollresult1, .pollresult3, .pollresult5, .pollresult2, .pollresult4 { background-color : #cc66cc; color: #ffffff; } .pollresult2, .pollresult4 { background-color : #ffccff; } /***********************************************************************************************/ /************ 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: #cc66cc; color : #ffffff; font-weight : bold; } /*******************************************************************************************/ /******************************** Login section ********************************************/ .logincontent { width : 50%; } .loginbandtop { font-weight : bold; background-color : #ebcceb; 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 : #990099; color : #FFFFFF; font-weight : bold; text-align : center; } /*******************************************************************************************/ /***************************** Search results stripes **************************************/ .rowhigh { background-color : #ebcceb; } .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 : #ffccff; 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 : #990099; color: #ffffff; } #maincalday .calevent { background-color : #ebcceb; color: #990099; } #maincalday .calnorm { background-color : #ffffff; color: #990099; } #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 : #990099; } #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: #FFFFFF; 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 : #FFFFFF; font-weight : bold; } .pathpipe { color : #FFFFFF; } 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 : #32659A; font-weight : bold; text-decoration : none; } .artpathlhs1, .artpathlhs2, .artpathlhs3, .artpathlhs4, .artpathlhs5 { padding : 4px 5px 4px 20px; border-left : #8B008B solid 1px; border-right : #8B008B solid 1px; border-bottom : #8B008B solid 1px; } .artpathlhs1 { background : #EB78D6 url(../images/common/pancakerightarrow.gif) no-repeat; } .artpathlhs2 { background : #EF96DE url(../images/common/pancakedownarrow.gif) no-repeat; } .artpathlhs3 { background : #F6BDEC url(../images/common/pancakedownarrow.gif) no-repeat; } .artpathlhs4 { background : #FBE0F7 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; } /************************************** The Hompage ****************************************/ .thewall { background : repeat-x url(../../images/safeguardingchildren/common/pattern.gif) #fdfe98; } .thebackground { background : center 10px no-repeat url(../../images/safeguardingchildren/common/background.jpg); width : 540px; height : 300px; margin : 0 auto; } .thefloor { width : 100%; height : 55px; } .thedoors { width : 600px } .thedoorscentre { padding-top : 110px; } .thedoorslink { float : left; width : 180px; cursor : pointer; text-align : center; } .thedoorslinkposition { padding-top : 160px; } .headingground{ background-color : #762778; height : 60px; padding : 10px 0; width : 170px; } a.thedoorslinkstyle:link, a.thedoorslinkstyle:active, a.thedoorslinkstyle:visited, a.thedoorslinkstyle:hover, a.thedoorslinkstyle:focus { color : #ffffff; font-size : 150%; text-decoration : none; font-weight : bold; display : block; } a.thedoorslinkstyle:hover { color : #cccccc; } .noborder { border : none; } #utilstop{ margin: 0; padding: 0; list-style: none; } #utilstop li{ display: inline; color: #fff; } #utilstop li.selected a{ font-weight: bold; text-decoration: none; } #utilstop strong, #utilstop a{color: #fff;}