@import url(inlinelinkstyles.css); @import url(stylecalendar.css); @import url(PancakeMenu.css); @import url(stylesitemap.css); /*************************************************************************************************\ | Colour Set - Search and Replace defaults for your scheme. | | --------------------------------------------------------- | | #FFFFFF - White [TH,backstyle,imagetitle,date,searchhead,tabnav,secnav,rhstitle] | | #FFF0FF - Very Light Background [rowlow,closebutton,loginbandtop,atozcontacts,forumband2] | | #FFCCFF - Light Background [rhslinkicon,ppathpipe,lhscol1,contactbox,pollquestionheading] | | #FF99FF - Fairly Light Background [pollquestion,pollanswer,polltitle,votebuttons] | | #EBCCEB - Medium Light Background [backstyle, atozbox] | | #CC66CC - Medium Backgroung [secnav,atozboxs,forumhead,pollresult,loginhead,errorhead] | | #666666 - Top Utilities Links | | #990099 - Medium Dark [backstyle,atozbox,forumband1,loginbandtop,rowhigh] | | #660066 - Dark [imagetitle,errorhead] | | #000000 - Black [textarea,p,ul,ol,textnorm,textbold,link,bottomlinks] | \*************************************************************************************************/ /* Start of basic set of tags for article */ BODY, body {font-family : Verdana, Helvetica, Geneva, sans-serif; margin : 0; font-weight : normal; text-align : left; font-size : 70%; background-color: #50a5e1;} /* 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, Helvetica, Geneva, sans-serif; color : #000000;} /* This is a kludge for Internet Explorer to display text in the input fields at the correct size! (In this case 70%) */ INPUT, input, SELECT, select {font-size : 100%;} TEXTAREA, textarea { font-size : 100%; } P, p{color : #000000; margin: 0 0 1em 0;} UL, ul{color : #000000;} OL, ol{color : #000000;} TH, th{text-align: left; font-weight: bold;} table { width: 95%; font-size: 1em;} /* End of basic set of tags for article */ /* Header block styles */ .toputilborder { background: url(../../images/tamarbridge/common/header_mid.jpg) repeat-x; height: 122px; margin: 0; padding: 0; border: none; } .toputilleft { float: left; background: url(../../images/tamarbridge/common/header_left.gif) no-repeat; height: 122px; width: 723px; margin: 0; padding: 0 0 0 10px; } .toputilright { float: right; background: url(../../images/tamarbridge/common/header_right.jpg) no-repeat top right; width: 100%; height: 122px; } .toputilsmargin { margin: 20px 0 0 0; padding: 0; } .articlebody { background: url(../../images/tamarbridge/common/background.gif) bottom left repeat-x; background-color: #50a5e1; padding: 0 0 0px 0; margin: 0; vertical-align: top; font-size: 1em; } .bridgebackground { padding: 0 0 20px 0; margin: 0 0 -2px 0; background: url(../../images/tamarbridge/common/bridge.jpg) no-repeat bottom right; position: relative; bottom: 0; right: 0; width: 100%; } .articlecontent { vertical-align: top; margin: 10px 215px 0px 10px; padding: 0 10px 0 0; } .pagelayout { width: 100%; height: 100%; border: none; margin: 0; padding: 0; font-size: 1em; } .clearboth { clear: both; } .clearleft { clear: left; } .clearright { clear: right; } .floatright { float: right; } .floatleft { float: left; } .centeralign { text-align: center; } .leftalign { text-align: left; } .rightalign { text-align: right; } .blockdisplay { display: block; } .noborder { border: none; } .nolisttype { list-style-type: none; } /* End of Header block styles */ /* Footer block styles */ .botutils { clear: right; margin: 0 0 0; padding: 0; background: url(../../images/tamarbridge/common/foot_mid.gif) repeat-x; height: 72px; border: none; } .botutilsright { float: right; background: url(../../images/tamarbridge/common/logos_foot.gif) no-repeat top right; height: 72px; width: 100%; padding: 12px 0 0 0; } .botutilsmargin { padding: 10px 0 0 8px; margin: 0; } /* End of Footer block styles */ /* Start of Article block styles */ /* Container for the box */ .box, .boxtopmargin { background: transparent; font-size: 1em; width: auto; margin: 0; padding: 0; } .boxtopmargin { margin-top: 10px; } /* Body boxes */ .boxbody, .boxbodysplit, .boxbodysplittop, .boxbodynested { vertical-align: top; margin: 0; padding: 5px 10px; background-color: #E4F5FF; line-height: 1.2; } /* Body box with a "split" line at the bottom */ .boxbodysplit { margin: 0 0 1px 0; } /* Body box with a "split" line at the top */ .boxbodysplittop { margin: 1px 0 0 0; } .boxbodynested { padding: 5px 0px; } .boxbody h1 { color: #394B59; margin: 0 0 10px 0; font-size: 1.4em; } .boxbody h2 { color: #394B59; margin: 0 0 10px 0; font-size: 1.2em; } .boxheader { height: 100%; /* <-- This stops the middle part of the box from getting too large in IE */ margin: 0; padding: 0; background: url(../../images/tamarbridge/common/title_left.gif) no-repeat; } .boxtitle { background: url(../../images/tamarbridge/common/title_right.gif) no-repeat top right; height: 27px; padding: 0; margin: 0; font-family: Arial; } .boxtitle p, .boxtitle h1 { color: White; font-weight: bold; background: url(../../images/tamarbridge/common/title_mid.gif) repeat-x; height: 27px; font-size: 1.2em; margin: 0 8px; text-indent: 5px; line-height: 1.8em; padding: 0; } .boxfooter { height: 15px; margin: 0; background: url(../../images/tamarbridge/common/title_foot_left.gif) no-repeat bottom left; padding: 0; clear: left; } .boxfootnote { margin: 0; padding: 0; height: 15px; background: url(../../images/tamarbridge/common/title_foot_right.gif) no-repeat bottom right; } .boxfootnote p { height: 15px; margin: 0 10px; padding: 0; background: url(../../images/tamarbridge/common/title_foot_mid.gif) repeat-x bottom right; } h2 { margin: 0; padding: 4px 0px; } /* End of Article block styles */ /* Home page */ .searchbox { margin: 5px 0px; } .loginbox { padding: 0px 5px 10px 5px; text-align: left; } .tollmargin { margin: 10px 0; } .hometable { width: 98.5%; padding: 0; margin: 0; } .homebodytext { margin: 0 180px 0 0; } .homesectionlink { margin: 5px 0px 0px 0px; display: block; } .homesectionlink .positionleft { float: none; } .homesectionlinkcontainer { vertical-align: top; margin: -50px 0 0 0; padding: 0px; width: 110px; display: inline-block; } .halfwidth { width: 50%; vertical-align: top; padding: 0 10px 0 0; margin: 0; } .fullwidth { /*width: 100%;*/ vertical-align: top; padding: 0px 0px 10px 0px; margin: 0; } .halfwidthright { vertical-align: top; padding: 0px 0px 10px 0px; } .webcamfooter { background: url(../../images/tamarbridge/common/webcam_left.gif) no-repeat bottom left; height: 64px; margin: 0px; padding: 0; } .webcamfootnote { background: url(../../images/tamarbridge/common/webcam_right.gif) no-repeat bottom right; height: 64px; margin: 0; padding: 0; } .webcamfootnote p { height: 64px; padding: 0; background: url(../../images/tamarbridge/common/webcam_mid.gif) repeat-x bottom right; margin: 0 8px; text-align: center; } .webcamimage { display: block; padding: 0; margin: 0; height: 64px; background: url(../../images/tamarbridge/common/webcam_link.gif) no-repeat bottom center; text-align: center; } .trafficnews { background : no-repeat url(../../images/tamarbridge/common/bullet.gif) center left; padding: 3px 3px 3px 18px; margin: 0; } .Goodtraffic, .greentraffic { margin: 2px 0 0 0; padding: 1px 5px; background-color: #73CB39; color: #000000; } .Warningtraffic, .ambertraffic { margin: 2px 0 0 0; padding: 1px 5px; background-color: #FFD202; color: #000000; } .Serioustraffic, .redtraffic { margin: 2px 0 0 0; padding: 1px 5px; background-color: #CC4638; color: #ffffff; } .trafficupdated { margin: 2px 0 0 0; padding: 1px 5px; } .newsblock { padding: 0 0 0 25px; margin: 0; position: relative; } /* End of Home Page */ /* Web cam */ .webcamborder { border: solid 1px #094897; background: transparent; display: inline-block; } .webcamtitle { margin: 2px; background-color: #F7F7F7; color: #004190; padding: 1px; font-weight: bold; text-align: left; text-indent: 20px; } .webcamdisplay { margin: 2px 2px 2px 2px; border: none; } /* Start of Tecsidel Login */ .userinfo { border: solid 1px #c2c2c1; padding: 3px; background: repeat-x url(../../images/tamarbridge/common/account_mid.gif); color: #000000; margin: 8px 0 8px 0px; width: 300px; } .userinfo th { font-weight: bold; padding: 2px 5px; width: 25%; } .userinfo td { padding: 2px 0px 2px 5px; } .tecsidelTable .tableHeader { background-color: #2673AB; color: #ffffff; } .tecsidelTable .tableHeader td { padding: 5px 3px; font-weight: bold; } .tecsidelTable td { padding: 5px 3px; } .loginintro { font-weight: bold; margin: 10px 0; } .loginborder { border: solid 1px #394B59; margin: 3px; padding: 10px; } .logintable { border: none; padding: 0; margin: 0; } .logintable tr { padding: 3px 0px; } .logintable th { background: transparent; font-weight: normal; text-align: right; color: #000; width: 35%; } .buttonbar { background-color: #85B1D4; padding: 6px 4px 6px 0px; color: #ffffff; text-align: right; margin: 5px 0; vertical-align: middle; } .tabledivider { background-color: #85B1D4; font-weight: bold; color: White; margin: 10px 0px; padding: 6px 4px; } .minimumtopup { padding-left: 15px; } .nowrap { white-space: nowrap; } /* End of Tecsidel Login */ /* Start of generic classes for Tecsidel system integration */ .errorLabel { font-weight: bold; border: solid 1px white; background-color: #BC0A0A; padding: 5px 25px; color: #ffffff; display: block; margin: 10px 0 0 0; } .cardtable { width: 65%; text-align: center; margin: 10px auto; } .cardtable th { padding: 5px 0px 5px 15px; width: 25%; } .cardtable td { text-align: left; } .framewrapper { margin: 15px 0px; } .framewrapper iframe { width: 100%; height: 350px; } .instructions { font-size: x-small; } .generictable { padding: 0; margin: 0; border: none; width: 100%; } .generictable th { text-align: right; width: 35%; background: transparent; color: #000; font-weight: normal; padding: 3px 15px 3px 0; } .generictable td { padding: 3px 0px; } .contentborder { border: solid 1px #394B59; margin: 3px; padding: 10px; } /* End of generic classes for Tecsidel system integration */ /* Start of miscellaneous styles for article */ .toptable{width : 100%;} .backstyle{color : #FFFFFF; font-weight : bold; padding : 5px; display: inline;} .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; width : 115px;} .searchhead{color : #FFFFFF; font-weight : bold; padding-right : 5px;} .articlemargin{padding-left : 10px;} .footeraddress {margin: 8px 0 0 0;} /* End of miscellaneous styles for article */ .lhscol, .rhsbackground, .contactbox, .contactboxspace, .pollquestionheading, .pollresult2, .pollresult4 {background-color : #ffffff;} /*************************************************************************************************\ 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; text-decoration : underline;} A:hover, a:hover{text-decoration : none;} a.astandardlink:link, a.astandardlink:visited, a.astandardlink:active, a.astandardlink:hover, a.astandardlink:focus {color : #114FA2; font-weight : bold; text-decoration : underline;} a.astandardlink:hover, a.aartpathlhs1:hover, a.aartpathlhs2:hover, a.aartpathlhs3:hover, a.aartpathlhs4:hover, a.aartpathlhs5:hover {text-decoration : underline;} a.aboldlink:link, a.aboldlink:visited, a.aboldlink:active, a.aboldlink:hover, a.aboldlink:focus {color : #3E63A7; font-weight : bold; text-decoration : none; } a.aboldlink:hover{text-decoration : underline;} /* End of general links */ /***************************************************************\ |* Start of left-hand tree navigation (third level and below). *| \***************************************************************/ .lhscol1{background-color : #FFCCFF; width: 180px;} .lhscol2{width: 180px;} /***************************************************************\ |* Start of 'breadcrumb trail' navigation *| \***************************************************************/ .pathname{color : #990099; font-weight : bold;} .welcome{color : #004080; font-weight : bold;} .pathpipe{color : #990099;} a.pathnav:link, a.pathnav:visited, a.pathnav:active, a.pathnav:hover, a.pathnav:focus {color: #990099; font-weight : normal; text-decoration : underline;} a.pathnav:hover{text-decoration : none;} 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{text-decoration : none;} /* End of 'breadcrumb trail' navigation */ /***************************************************************\ |* Start of right-hand side navigation block *| \***************************************************************/ .rhsbox { margin: 5px 5px 0px 5px; width: 210px; background: transparent; float: right; } .rhstitle { color : #FFFFFF; width : 207px; font-weight : bold; text-transform : capitalize; padding : 4px 4px 4px 4px; background : url(../../images/ecitizen/common/tab.gif) no-repeat #990099; } .rhslinkicon{background : no-repeat url(../../images/tamarbridge/common/bullet.gif) center left; padding: 5px 5px 5px 13px; margin: 0 0 0 0px;} a.arhslink:link, a.arhslink:visited, a.arhslink:active, a.arhslink:hover, a.arhslink:focus {color : #000000; font-weight : normal; text-decoration : underline;} a.arhslink:hover{text-decoration : underline;} a.arhslinkmedia:link, a.arhslinkmedia:visited, a.arhslinkmedia:active, a.arhslinkmedia:hover, a.arhslinkmedia:focus {color : #000000; font-weight : normal; text-decoration : underline;} a.arhslinkmedia:hover{text-decoration : underline;} .pagedate{ background : #FFF; color : #999; padding: 5px 0 0 5px; font-size : 85%; } /* End of right-hand side navigation block */ /***************************************************************\ |* Start of A to Z section *| \***************************************************************/ /* Container for A-Z index of letters */ .atozindex { margin: 5px 0px; padding: 8px 0px; background-color: #9ACCEF; text-align: center; } /* A-Z item shown for currently selected A-Z letter */ .atozitem { margin: 20px 0 0 0; width: 95%; clear: left; } /* Non-selected item in A-Z index */ .atozbullet, .atozbullets { margin-right : 4px; padding : 1px; border : none; display : inline; } /* Selected item in A-Z index */ .atozbullets { } /* Delimiter for non-selected, selected A-Z letters */ .atozpipe, .atozpipes { display : none; } /* Non-selected A-Z letter link */ a.aatozlink:link, a.aatozlink:visited, a.aatozlink:active, a.aatozlink:hover, a.aatozlink:focus { font-size : 100%; font-weight : normal; text-decoration : none; } a.aatozlink:hover { text-decoration : none; } /* Selected A-Z letter link */ a.aatozlinks:link, a.aatozlinks:visited, a.aatozlinks:active, a.aatozlinks:hover, a.aatozlinks:focus { font-size : 100%; font-weight : normal; text-decoration : none; } a.aatozlinks:hover { text-decoration : underline; } /* Header for A-Z item */ .atozhead { padding : 5px 0px; margin-top: 5px; } /* Link to A-Z item in header */ a.aatozheadlink:link, a.aatozheadlink:visited, a.aatozheadlink:active, a.aatozheadlink:hover, a.aatozheadlink:focus { font-weight : bold; text-decoration : underline; color: #0658A4; } a.aatozheadlink:hover {text-decoration : underline; } /* Block containing child information of A-Z item */ .atozcontacts { float : right; width : 200px; } /* End of A to Z section */ /***************************************************************\ |* Start of FAQ section *| \***************************************************************/ .faqtext{color : #000000; padding : 0 5px 0 0; text-decoration : none;} .faqintro{color : #000000; padding : 0 5px 0 0; text-decoration : none; font-weight : bold;} a.afaqlink:link, a.afaqlink:visited, a.afaqlink:active, a.afaqlink:hover, a.afaqlink:focus {color : #000000; font-weight : normal; text-decoration : none;} a.afaqlink:hover{text-decoration : underline;} a.afaqboldlink:link, a.afaqboldlink:visited, a.afaqboldlink:active, a.afaqboldlink:hover, a.afaqboldlink:focus {color : #000000; font-weight : bold; text-decoration : none;} a.afaqboldlink:hover{text-decoration : underline;} .introqa { font-weight: bold; padding: 2px 5px 2px 2px; } .questions { border: none; border-bottom: dotted 1px #114FA2; border-top: dotted 1px #114FA2; padding: 12px 0px; margin: 12px 0 0 0; } .question { margin-top: 20px; } /* End of FAQ section */ /***************************************************************\ |* Start of forum section *| \***************************************************************/ .forumtitle{font-weight : bold; margin: 6px 0px;} .forumsearch{float : right; padding-right : 10px;} .forumsearchhead {color : #000000; font-weight : bold; padding-right : 5px;} .forumhead, .forumheadlast { color : #000000; font-weight : normal; height: 22px; background: url(../../images/tamarbridge/common/topnav_mid.gif) repeat-x; border-right: solid 1px #E4F5FF; border-bottom: solid 1px #E4F5FF; } .forumheadlast { border-right: none; } .forumimage { vertical-align: top; text-align: center; margin-top: 5px; } .forumtext{color : #000000; font-weight : normal;} .forumbold{color : #000000; font-weight : bold;} .forumband1{background-color : #85B1D4; } .forumband2{background-color : #E4F5FF; } .forummessband1{background-color : #85B1D4; } .forummessband2{background-color : #E4F5FF; } /* End of forum section */ /***************************************************************\ |* Start of contact section (not 'related' or 'A to Z') *| \***************************************************************/ .contactnorm {padding : 2px 5px 2px 5px; text-decoration : none; line-height: 1.4em;} .contacttable, .contacttablelast { padding: 3px; vertical-align: middle; margin: 3px 0; background-color: #ffffff; } .contacttablelast { margin-bottom: 15px; } .contacttitle h1 { font-size: 1.2em; margin: 0 0 0 0; padding: 0; } .contacttitle { margin: 0 0 5px 0; } .contactnormdes{padding : 0 5px 0 0; text-decoration : none;} .contactbold, .contactboldtop {padding : 2px 5px 2px 5px; text-decoration : none; font-weight : bold; width: 15%; vertical-align: middle;} .contactboldtop {vertical-align: top;} .contacttel{padding : 0 5px 0 0; text-decoration : none; padding-left : 5px;} .contactfax{padding : 0 5px 0 0; text-decoration : none; 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 : #0852A7;font-weight : bold ; text-decoration : underline;} a.acontactlink:hover {text-decoration : underline;} a.acontactemaillink:link, a.acontactemaillink:visited, a.acontactemaillink:active, a.acontactemaillink:hover, a.acontactemaillink:focus {color : #0852A7; font-weight : bold; text-decoration : underline;} a.acontactemaillink:hover{text-decoration : underline;} a.acontactweblink:link, a.acontactweblink:visited, a.acontactweblink:active, a.acontactweblink:hover, a.acontactweblink:focus {color : #0852A7; font-weight : bold; text-decoration : underline;} a.acontactweblink:hover{text-decoration : underline;} .contacttitle { font-weight: bold; margin: 20px 0px 5px 0px; border-bottom: dotted 1px #394B59; } /* End of contact section */ /***************************************************************\ |* Form section *| \***************************************************************/ .formattachment{font-weight : bold;} .formview { padding: 10; margin: 0; } .formview td { padding: 4px 2px; } /***************************************************************\ |* Article section *| \***************************************************************/ .introlist, .introsearch, .introevent, .pollquestion, .pollanswer, .polltitle, .loginhead, .errorhead, .btntext { } /***************************************************************\ |* Search block in top navigation bar *| \***************************************************************/ .rowhigh, .rowlow { padding : 3px 3px 3px 3px; } /***************************************************************\ |* Applies to the article text's left, right and remaindered *| |* related images. \***************************************************************/ /* place an article image on the right of the article */ .rimage { float: right; padding: 0 0 10px 10px; } /* place an article image on the left of the article */ .limage { float: left; padding: 0 10px 10px 0; } .limage img, .rimage img, .remimage img, .inlineimage img { border: none; } /* What to do with the remaining images */ .remimage { float: left; padding: 3px 5px 3px 5px; } .inlineimage { display: block; float: right; text-align: center; } /**********************************************************************\ |* decorative bar between the article and the bottom utilities menu *| \**********************************************************************/ /* decorative bar between the article and the bottom utilities menu */ .footflourish { background : url(../../images/ecitizen/common/footer.gif) repeat-x; } /* lhscol1 is for full-length colour on lhs nav. lhscol2 is for no colour on lhs nav beyond the bottom of the lhs nav or related poll. (In the code, remove the td class that contains 'lhscol1' for 'no colour' option (see dsp_pageheader.cfm).) */ /***************************************************************\ |* Contact block *| \***************************************************************/ .contactbox, .contactboxspace { padding-left : 5px; } .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; } /***************************************************************\ |* Department block *| \***************************************************************/ .deptbox { font-family : Arial, Helvetica, Geneva, sans-serif; width : 150px; padding-left : 5px; background-color : #ffffff; } .depttitle { color : #000000; width : 150px; font-weight : bold; text-transform : capitalize; padding : 2px 2px 2px 2px; background : #daf2e6; } .deptimage /* place an article image on the left of the article */ { float: left; padding: 3px 0px 3px 0; } .deptintro{ padding : 0 5px 0 0; text-decoration : none;} /***************************************************************\ |* Image Block *| \***************************************************************/ .imageblock { padding : 3px 5px 3px 5px; margin : 5px 5px 5px 0px; background : transparent; border: none; } .image { } .imagelink { font-weight : bold; } .imagedescription { color:#990099; } a.imagetitlelink { color:#660066; font-weight : bold; text-decoration : none; } .imagewidth_185{width : 189px;} /***************************************************************\ |* 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 { 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 : 140%; 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; text-align : left; 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 { 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; } .formdivider { border-top: dotted 1px #85B1D4; margin-top: 15px; padding-top: 15px; } /***************************************************************\ |* Search results stripes *| \***************************************************************/ .rowhigh, .rowlow { border-top: dotted 1px black; margin-top: 5px; } .rowlow { } .searchmarginbottom { margin-bottom: 5px; } /*************************************************/ 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-size : 80%; 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/ecitizen/common/pancakerightarrow.gif) no-repeat; } .artpathlhs2 { background : #EF96DE url(../../images/ecitizen/common/pancakedownarrow.gif) no-repeat; } .artpathlhs3 { background : #F6BDEC url(../../images/ecitizen/common/pancakedownarrow.gif) no-repeat; } .artpathlhs4 { background : #FBE0F7 url(../../images/ecitizen/common/pancakedownarrow.gif) no-repeat; } .artpathlhs5 { background : #FFFFFF url(../../images/ecitizen/common/pancakedownarrow.gif) no-repeat; } /****************************************************************************************************************/ /****************** Append to the first of the two 'Underline when hovering on a link' blocks *******************/ /* a.aartpathlhs1:hover, a.aartpathlhs2:hover, a.aartpathlhs3:hover, a.aartpathlhs4:hover, a.aartpathlhs5:hover */ /****************************************************************************************************************/ /****************************************************************************************************************/ /* Additional styles added by Nic Fish during template reviews */ /****************************************************************************************************************/ /* Block of base code that ALL horizontal navigation links use */ a.atabnav, a.atabnavs, a.asecnav, a.asecnavs { /* display : block; */ text-align : left; text-decoration : none; } .headerblock, .infoblock, .formblock, .forminfoblock, .formheaderblock, .formlineblock { padding : 5px; font-weight : bold; display : block; float : left; background-color : #ebcceb; color : #000; } .headerblock{width : 60px;} .formheaderblock{width : 150px;} .formblock{width : 505px;} .infoblock, .forminfoblock, .formlineblock { font-weight : normal; background-color : #fff; } .infoblock{width : 300px;} .addressblock, .formaddressblock { background-color : #ebcceb; margin-bottom : 4px; } .addressblock{width : 380px;} .formaddressblock{width : 470px;} /* Start of sitemap links. */ a.asitemaplink1:link, a.asitemaplink1:visited, a.asitemaplink1:active, a.asitemaplink1:hover, a.asitemaplink1:focus { padding : 5px; margin : 1px; display : block; float : left; background-color : #ebcceb; color : #000000; font-weight : bold; text-decoration : none; width : 120px; } a.asitemaplink1:hover { background-color : #990099; color : #ffffff; } a.asitemaplink2:link, a.asitemaplink2:visited, a.asitemaplink2:active, a.asitemaplink2:hover, a.asitemaplink2:focus, a.asitemaplink3:link, a.asitemaplink3:visited, a.asitemaplink3:active, a.asitemaplink3:hover, a.asitemaplink3:focus, a.asitemaplink4:link, a.asitemaplink4:visited, a.asitemaplink4:active, a.asitemaplink4:hover, a.asitemaplink4:focus, a.asitemaplink5:link, a.asitemaplink5:visited, a.asitemaplink5:active, a.asitemaplink5:hover, a.asitemaplink5:focus { display : block; float : left; color : #000000; font-weight : normal; text-decoration : none; } a.asitemaplink2:hover, a.asitemaplink3:hover, a.asitemaplink4:hover, a.asitemaplink5:hover {text-decoration : underline;} .searchstyle { position: relative; color : #000000; font-weight : bold; background-color : #85B1D4; padding : 10px 12px; clear : left; margin : 0px; } #searchbuttons { color : #000000; font-weight : bold; background-color : #85B1D4; padding: 6px 0px; margin: 0; border: none; } #searchbuttonsfooter { clear: both; padding: 0; margin: 0; } #searchBack { float: left; color: #000000; font-weight: bold; background-color : #85B1D4; margin: 0 0 0 10px; border: none; text-decoration: underline; } #searchNext { float: right; color: #000000; font-weight: bold; background-color : #85B1D4; margin: 0 10px 0 0; border: none; text-decoration: underline; } .searchblock { position: relative; padding : 10px 12px; background-color: #BDD3E8; margin: 0 0 5px 0; } .searchmetadata { width: 32%; } /* Start of utilities navigation */ a.autilnav, a.autilnavs { text-align : left; text-decoration : none; color : #666666; } .utilspipe { color : #666666; font-weight : normal; text-decoration : none; background-color : #990099; padding : 0 5px 0 5px; } a.autilnav:link, a.autilnav:visited, a.autilnav:active, a.autilnav:hover, a.autilnav:focus {font-weight : normal;} a.autilnavs:link, a.autilnavs:visited, a.autilnavs:active, a.autilnavs:hover, a.autilnavs:focus {font-weight : bold;} a.autilnav:hover, a.autilnavs:hover{text-decoration : underline} /* End of utilities navigation */ /* Start of left-hand tree navigation (second level and below). */ a.atreenav1, a.atreenav2, a.atreenav3, a.atreenav4, a.atreenav5, a.atreenav1s, a.atreenav2s, a.atreenav3s, a.atreenav4s, a.atreenav5s { display : block; list-style-type : none; text-align : left; text-decoration : none; } a.atreenav1, a.atreenav1s {padding : 2px 2px 4px 25px;} a.atreenav2, a.atreenav2s {padding : 2px 2px 4px 30px;} a.atreenav3, a.atreenav3s {padding : 2px 2px 4px 35px;} a.atreenav4, a.atreenav4s {padding : 2px 2px 4px 40px;} a.atreenav5, a.atreenav5s {padding : 2px 2px 4px 40px;} 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 { font-weight : normal; 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; text-decoration : none; } a.atreenav1:link, a.atreenav1:visited, a.atreenav1:active, a.atreenav1:focus, a.atreenav1s:link, a.atreenav1s:visited, a.atreenav1s:active, a.atreenav1s:focus {background: no-repeat url(../../images/ecitizen/common/arrowoff_3.gif) #ffccff; color: #000000;} a.atreenav2:link, a.atreenav2:visited, a.atreenav2:active, a.atreenav2:focus, a.atreenav2s:link, a.atreenav2s:visited, a.atreenav2s:active, a.atreenav2s:focus {background: no-repeat url(../../images/ecitizen/common/arrowoff_4.gif) #ffccff; color: #000000;} a.atreenav3:link, a.atreenav3:visited, a.atreenav3:active, a.atreenav3:focus, a.atreenav3s:link, a.atreenav3s:visited, a.atreenav3s:active, a.atreenav3s:focus {background: no-repeat url(../../images/ecitizen/common/arrowoff_5.gif) #ffccff; color: #000000;} a.atreenav4:link, a.atreenav4:visited, a.atreenav4:active, a.atreenav4:focus, a.atreenav4s:link, a.atreenav4s:visited, a.atreenav4s:active, a.atreenav4s:focus {background: no-repeat url(../../images/ecitizen/common/arrowoff_6.gif) #ffccff; color: #000000;} a.atreenav5:link, a.atreenav5:visited, a.atreenav5:active, a.atreenav5:focus, a.atreenav5s:link,a.atreenav5s:visited, a.atreenav5s:active, a.atreenav5s:hover, a.atreenav5s:focus {background: no-repeat url(../../images/ecitizen/common/arrowoff_6.gif) #ffccff; color: #000000;} a.atreenav1:hover, a.atreenav1s:hover {background: no-repeat url(../../images/ecitizen/common/arrowon_3.gif) #ffffff; color: #000000; text-decoration : none;} a.atreenav2:hover, a.atreenav2s:hover {background: no-repeat url(../../images/ecitizen/common/arrowon_4.gif) #990099; color: #ffffff; text-decoration : none;} a.atreenav3:hover, a.atreenav3s:hover {background: no-repeat url(../../images/ecitizen/common/arrowon_5.gif) #ff99ff; color: #000000; text-decoration : none;} a.atreenav4:hover, a.atreenav4s:hover {background: no-repeat url(../../images/ecitizen/common/arrowon_6.gif) #fff0ff; color: #000000; text-decoration : none;} a.atreenav5:hover, a.atreenav5s:hover {background: no-repeat url(../../images/ecitizen/common/arrowon_6.gif) #ffccff; color: #000000; text-decoration : none;} /* End of left-hand tree navigation (third level and below). */ .date{color : #ffffff; font-size : 95%; font-weight : normal; padding : 5px; background-color: #CC66CC;} /* Start of bottom navigation */ a.bottomlink:link, a.bottomlink:visited, a.bottomlink:active, a.bottomlink:hover,a.bottomlink:focus, a.bottomlinks:link, a.bottomlinks:visited, a.bottomlinks:active, a.bottomlinks:hover, a.bottomlinks:focus { text-align : left; text-decoration : none; color : #666666; } .bottompipe { color : #666666; font-weight : normal; text-decoration : none; background-color : #990099; padding : 0 5px 0 5px; } a.bottomlink:link, a.bottomlink:visited, a.bottomlink:active, a.bottomlink:hover,a.bottomlink:focus {font-weight : normal; text-decoration : none;} a.bottomlinks:link, a.bottomlinks:visited, a.bottomlinks:active, a.bottomlinks:hover, a.bottomlinks:focus {font-weight : bold;} a.bottomlink:hover, a.bottomlinks:hover{text-decoration : underline} /* End of bottom navigation */ /***************************************************************\ |* Start of Top Level menus styles *| \***************************************************************/ .topnavborder { clear: left; margin: 0; padding: 0px; background: url(../../images/tamarbridge/common/topnav_mid.gif) repeat-x; height: 25px; } .topnav{display : none;} .topnavpipe{display : none;} a.atopnavstart:link, a.atopnavstart:visited, a.atopnavstart:active, a.atopnavstart:focus, a.atopnavstart:hover, a.atopnavsstart:link, a.atopnavsstart:visited, a.atopnavsstart:active, a.atopnavsstart:focus, a.atopnavsstart:hover, a.atopnav:link, a.atopnav:visited, a.atopnav:active, a.atopnav:focus, a.atopnav:hover, a.atopnavs:link, a.atopnavs:visited, a.atopnavs:active, a.atopnavs:focus, a.atopnavs:hover, a.atopnavend:link, a.atopnavend:visited, a.atopnavend:active, a.atopnavend:focus, a.atopnavend:hover, a.atopnavsend:link, a.atopnavsend:visited, a.atopnavsend:active, a.atopnavsend:focus, a.atopnavsend:hover { color : #000000; font-weight : normal; text-decoration : none; padding : 2px 6px 2px 6px; } a.atopnavs:link, a.atopnavs:visited, a.atopnavs:active, a.atopnavs:focus, a.atopnavs:hover, a.atopnavsend:link, a.atopnavsend:visited, a.atopnavsend:active, a.atopnavsend:focus, a.atopnavsend:hover, a.atopnavsstart:link, a.atopnavsstart:visited, a.atopnavsstart:active, a.atopnavsstart:focus, a.atopnavsstart:hover { color : #000000; font-weight : normal; text-decoration : none; padding : 2px 6px 2px 6px; } /* Hover */ a.atopnav:hover, a.atopnavs:hover, a.atopnavstart:hover, a.atopnavend:hover { background-color : #eaeaea; color : #000000; } /* Hover Selected */ a.atopnavs:hover, a.atopnavsstart:hover, a.atopnavsend:hover { background-color : #eaeaea; color : #000000; } .topnavbulletstart, .topnavbulletsstart, .topnavbullet, .topnavbullets, .topnavbulletend, .topnavbulletsend { display : inline; list-style : none; padding : 3px 1px 3px 6px; margin: 0; } .topnavbullet, .topnavbullets, .topnavbulletend, .topnavbulletsend { background : no-repeat left url(../../images/common/common_pipe.gif); } /***************************************************************\ |* Start of Sec Level menus styles *| \***************************************************************/ .secnavborder { clear: left; padding: 0px; margin: 0; height: 26px; background: repeat-x url(../../images/tamarbridge/common/2nd_level_nav.gif); } /* The links separator */ .secnav{display : none;} .secnavpipe{display : none;} a.asecnavstart:link, a.asecnavstart:visited, a.asecnavstart:active, a.asecnavstart:focus, a.asecnavstart:hover, a.asecnavsstart:link, a.asecnavsstart:visited, a.asecnavsstart:active, a.asecnavsstart:focus, a.asecnavsstart:hover, a.asecnav:link, a.asecnav:visited, a.asecnav:active, a.asecnav:focus, a.asecnav:hover, a.asecnavs:link, a.asecnavs:visited, a.asecnavs:active, a.asecnavs:focus, a.asecnavs:hover, a.asecnavend:link, a.asecnavend:visited, a.asecnavend:active, a.asecnavend:focus, a.asecnavend:hover, a.asecnavsend:link, a.asecnavsend:visited, a.asecnavsend:active, a.asecnavsend:focus, a.asecnavsend:hover { color : #000000; font-weight : normal; text-decoration : none; padding : 2px 6px 2px 6px; } a.asecnavs:link, a.asecnavs:visited, a.asecnavs:active, a.asecnavs:focus, a.asecnavs:hover, a.asecnavsend:link, a.asecnavsend:visited, a.asecnavsend:active, a.asecnavsend:focus, a.asecnavsend:hover, a.asecnavsstart:link, a.asecnavsstart:visited, a.asecnavsstart:active, a.asecnavsstart:focus, a.asecnavsstart:hover { color : #000000; font-weight : normal; padding : 2px 6px 2px 6px; } /* Hover */ a.asecnav:hover, a.asecnavstart:hover, a.asecnavend:hover { background-color : #868686; color : #ffffff; } /* Hover Selected */ a.asecnavs:hover, a.asecnavsstart:hover, a.asecnavsend:hover { background-color : #868686; color : #ffffff; } .secnavbulletstart, .secnavbulletsstart, .secnavbullet, .secnavbullets, .secnavbulletend, .secnavbulletsend { display : inline; list-style : none; padding : 0px 0px 0px 5px; margin : 0; } /***************************************************************\ |* Start of Utilities menus styles *| \***************************************************************/ a.autilnavstart:link, a.autilnavstart:visited, a.autilnavstart:active, a.autilnavstart:focus, a.autilnavstart:hover, a.autilnavsstart:link, a.autilnavsstart:visited, a.autilnavsstart:active, a.autilnavsstart:focus, a.autilnavsstart:hover, a.autilnav:link, a.autilnav:visited, a.autilnav:active, a.autilnav:focus, a.autilnav:hover, a.autilnavs:link, a.autilnavs:visited, a.autilnavs:active, a.autilnavs:focus, a.autilnavs:hover, a.autilnavend:link, a.autilnavend:visited, a.autilnavend:active, a.autilnavend:focus, a.autilnavend:hover, a.autilnavsend:link, a.autilnavsend:visited, a.autilnavsend:active, a.autilnavsend:focus, a.autilnavsend:hover { font-weight : normal; text-decoration : none; color : #000; padding : 0px 4px 0 8px; margin : 0px; } a.autilnavs:link, a.autilnavs:visited, a.autilnavs:active, a.autilnavs:focus, a.autilnavs:hover, a.autilnavsend:link, a.autilnavsend:visited, a.autilnavsend:active, a.autilnavsend:focus, a.autilnavsend:hover, a.autilnavsstart:link, a.autilnavsstart:visited, a.autilnavsstart:active, a.autilnavsstart:focus, a.autilnavsstart:hover { font-weight : normal;} a.autilnav:hover, a.autilnavs:hover, a.autilnavsstart:hover, a.autilnavstart:hover, a.autilnavend:hover, a.autilnavsend:hover { text-decoration : underline; } .utilbulletstart, .utilbulletsstart, .utilbulletsnstart, .utilbullet, .utilbullets, .utilbulletsn, .utilbulletend, .utilbulletsend { list-style : none; display : inline; } .utilbullet, .utilbullets, .utilbulletsn, .utilbulletend, .utilbulletsend { background : no-repeat left url(../../images/common/common_pipe.gif); } /***************************************************************\ |* Start of Tab navigation *| \***************************************************************/ .tabnavborder{background-color : #e0e0e0;} #bardisplay { text-align : center; } .killpadding { margin : 0; padding : 0; } a.atabnavstart:link, a.atabnavstart:visited, a.atabnavstart:active, a.atabnavstart:focus, a.atabnavstart:hover, a.atabnavsnstart:link, a.atabnavsnstart:visited, a.atabnavsnstart:active, a.atabnavsnstart:focus, a.atabnavsnstart:hover, a.atabnavsstart:link, a.atabnavsstart:visited, a.atabnavsstart:active, a.atabnavsstart:focus, a.atabnavsstart:hover, a.atabnav:link, a.atabnav:visited, a.atabnav:active, a.atabnav:focus, a.atabnav:hover, a.atabnavs:link, a.atabnavs:visited, a.atabnavs:active, a.atabnavs:focus, a.atabnavs:hover, a.atabnavend:link, a.atabnavend:visited, a.atabnavend:active, a.atabnavend:focus, a.atabnavend:hover, a.atabnavsend:link, a.atabnavsend:visited, a.atabnavsend:active, a.atabnavsend:focus, a.atabnavsend:hover, a.atabnavsn:link, a.atabnavsn:visited, a.atabnavsn:active, a.atabnavsn:focus, a.atabnavsn:hover { display : block; font-weight : bold; text-decoration: none; color : #fff; padding : 5px 10px 5px 10px; } a.atabnavstart:link, a.atabnavstart:visited, a.atabnavstart:active, a.atabnavstart:focus, a.atabnavstart:hover, a.atabnavsnstart:link, a.atabnavsnstart:visited, a.atabnavsnstart:active, a.atabnavsnstart:focus, a.atabnavsnstart:hover {background : url(../../images/common/TabBar/leftoff.gif) no-repeat left top;} a.atabnavsstart:link, a.atabnavsstart:visited, a.atabnavsstart:active, a.atabnavsstart:focus, a.atabnavsstart:hover {background : url(../../images/common/TabBar/lefton.gif) no-repeat left top;} a.atabnavs:link, a.atabnavs:visited, a.atabnavs:active, a.atabnavs:focus, a.atabnavsend:link, a.atabnavsend:visited, a.atabnavsend:active, a.atabnavsend:focus, a.atabnavsend:hover, a.atabnavsstart:link, a.atabnavsstart:visited, a.atabnavsstart:active, a.atabnavsstart:focus, a.atabnavsstart:hover {color : #000;} a.atabnavsn:hover, a.atabnavsnstart:hover, a.atabnavend:hover, a.atabnav:hover, a.atabnavstart:hover, a.atabnavs:hover {text-decoration : underline;} .killbulletstart, .killbulletsstart, .killbulletsnstart, .killbullet, .killbullets, .killbulletsn, .killbulletend, .killbulletsend { list-style : none; float : left; } .killbulletsn, .killbulletsnstart {background : url(../../images/common/TabBar/rightoffgreen.gif) no-repeat right top;} .killbulletstart, .killbullet {background : url(../../images/common/TabBar/rightoff.gif) no-repeat right top;} .killbulletsstart, .killbullets {background : url(../../images/common/TabBar/righton.gif) no-repeat right top;} .killbulletend {background : url(../../images/common/TabBar/rightoffgrey.gif) no-repeat right top;} .killbulletsend {background : url(../../images/common/TabBar/rightongrey.gif) no-repeat right top;} /***************************************************************\ |* END of First level navigation *| \***************************************************************/ .wysiwygcontainer { display: inline-block; border: dotted 1px #444; } .tokenerror { background-color: #ffff00; color: #cc0000; } .errorblock { font-family: Tahoma; font-size: 1em; } .errorheader { background-color: #85B1D4; color: #ffffff; padding: 2px 0px; margin: 12px 5px 0 5px; } .errordisplay { border: solid 1px #85B1D4; margin: 0 0 3px 0; } .errordisplay table { } .errordisplay table td, .errortable table td { width: 50%; } .errorrowodd { background-color: #eee; } .errorroweven { background-color: #ddd; } .errorcell { width: 30%; font-family: Tahoma; font-size: 1em; } /* TEST FOR INLINES */ .positionright { display: inline-block; float: right; } .positionleft { display: inline-block; float: left; } .purpletitle { background-color: Purple; color: White; display: inline-block; } .bluetitle { background-color: Blue; color: White; display: inline-block; } /* Class for border of "value" controls whilst in design time */ .valueborder { border: solid 2px #0080c0; } .valueheader { color: #ffffff; background-color: #0080c0; } /*****************************************************************/