@import url(advanced.css); /**************************************************************************************************************\ | | | STYLESHEET CONTAINING MASTER LAYOUT CSS WITH COLOR BASED RULES REMOVED | | | \**************************************************************************************************************/ /*******************************************************************\ | START OF Rules affecting layout across everything | \*******************************************************************/ BODY, body, #body { font-family: Arial, Verdana, Helvetica, Geneva, sans-serif; margin: 0; font-weight: normal; text-align: left; font-size:90%; } /* Screen readers readers read elements to discern purpose of form elements. Rule hides them for other browsers. */ LABEL { display:none; } /* COUNTER-STYLES to display Labels where needed */ .formsDisplayLabels LABEL, #monthfrm LABEL, #Form1 LABEL, #businessSearchForm LABEL, #bulkwaste LABEL { display:inline; } /* 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: Arial, Verdana, Helvetica, Geneva, sans-serif; color: #000; } /* 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%; } /* End Kludge */ .template { font-weight: bold; text-decoration: none; border-style: dotted; } #content { text-align: left; width: 1000px; margin: 0 auto; display: table; } #toprightbox { float:right; width:600px; } #toptable { width:1000px; } #topsearch { padding-left: 20px; padding-top:3px; } #homeSearch { padding-left: 12px; } #homeSearchText { float:left; margin: 0px 0 0 10px; width:450px; padding:5px; padding-top:10px; height:36px; font-size:14px; text-align:right; } #topcontact { padding-right:8px; float:right; } #maincontactbox { margin:8px 0 0 0; float: right; font-family: Verdana; } .wbnavbar { width:320px; float:left; } #searchSubmit,#searchSubmitbutton { float: left; width: 93px; height: 41px; } .Heading, H1, h1 { font-family:Arial, Verdana, Helvetica, Geneva, sans-serif; font-size:130%; font-weight:bold; text-align:left; } .SubHeading, H2, h2 { font-family:Arial, Verdana, Helvetica, Geneva, sans-serif; font-size:95%; font-weight:bold; text-align:left; } P, p { margin: 0 0 1em 0; } LI, li { font-family:Arial, Verdana, Helvetica, Geneva, sans-serif; text-align:left; } TH, th { padding: 5px; } #bodybox { width: 590px; float: left; margin: 5px 0 0 5px; overflow: hidden; } .toptable { width: 999px; height:152px; } .backstyle { font-weight: bold; padding: 5px; } .lhscol1 { width: 200px; margin:5px 5px 0 0; } #rhscolumn { float: right; margin-right: 0px; margin-top: 0px; } .rhsborder { padding-left: 5px; } #rhscolumnsearch { margin-top: 5px; float: right; margin-right: 0px; } .floatleft, .positionleft { float:left; clear:left; padding-bottom:5px; padding-right:5px; } .floatright { float:right; } .textnorm { font-weight: normal; } .textbold { font-weight: bold; } .searchrow { font-weight: bold; text-align: left; width: 100%; padding: 5px; } .bannerimage { width: 100%; } .localmap { width: 637px; height: 400px; } /* START OF BOX RULES */ .defaultbox, .contactbox { width: 198px; margin: 0px; padding: 0px; } .searchbox { width: 500px; padding: 0px 0 5px 0; float: right; } .articlebox { width: 198px; margin: 0px; padding: 0px; } #kword { width:252px; margin-top:1px; height:28px; float:right; margin-right:5px; font-size:16px; padding-top:8px; padding-left:4px; } #kwordHome { width: 200px; margin-top: 1px; height: 28px; float: left; font-size:16px; margin-right: 5px; padding-top: 8px; padding-left: 4px; } .homeservicebox, .homeazblock { padding: 0 5px 0 5px; } .rhsbox { width:198px; padding: 3px 3px 3px 3px; margin-bottom:5px; float : right; } .rhsboxtitle { font-weight:bold; } /* END OF BOX RULES */ /* START OF GENERAL BLOCK RULES */ .businessheadblockright, .headerblock, .headerblockwide, .formblock, .forminfoblock, .formheaderblock, .formlineblock, .infoblockcouncillor, .staffblock { padding: 5px; font-weight: bold; float: left; } .infoblock, .businessblockright, .businessblockleft { padding: 5px; font-weight: bold; display: block; float: left; } .wasteheaderblockwideform { padding-top: 2px; padding-bottom: 2px; padding-right: 2px; padding-left: 6px; font-weight: normal; margin-bottom: 2px; margin-top: 8px; width: 200px; overflow: auto; } .wasteinfoblockwideform { padding-top: 2px; padding-bottom: 2px; padding-right: 2px; padding-left: 6px; font-weight: normal; margin-bottom: 1px; overflow: auto; width: inherit; } .headerblock { width: 60px; } .headerblockwide { width: 100px; } .staffblock { width: 150px; } .formblock { width: 505px; } .infoblock, .forminfoblock, .infoblockcouncillor { font-weight: normal; } .infoblock { width: 275px; } .businessblockleft { width: 250px; } .businessheadblockright { width: 45px; } .businessblockright { width: 200px; } .addressblock, .addressblockwide, .addressblockcouncillor { margin-bottom: 4px; } .addressblock { width: 380px; } .addressblockwide { width: 420px; } .topnavborder { width: 996px; margin-bottom: 5px; } /* END OF GENERAL BLOCK RULES */ /* START OF BUTTONS RULES */ .btntext, .btntexthome { font-weight: bold; cursor: pointer; cursor: hand; margin-right: 2px; font-size: 12px; padding-left: 2px; } .btntexthome { width: auto; text-align: left; } #go { height: 26px; width: 55px; float: right; vertical-align: middle; text-align: center; font-weight: bold; padding-bottom: 1px; font-size: 12px; } #A-ZLink { cursor: pointer; } .accessibilityButton { background-repeat: no-repeat; margin-right: 5px; } .smallbutton, .smallbuttonselected, .mediumbutton, .mediumbuttonselected, .largebutton, .largebuttonselected { background-repeat: no-repeat; margin-right: 5px; } #greenbutton { margin-right:0; } #largebutton { margin-right:35px; } .quicklinksicon, .onlineicon, .houseicon { float: left; margin-left: 2px; width: 32px; height: 20px; background-repeat:no-repeat; } .votebuttons { text-align: center; margin: 0 2px 0 2px; } .pollbtntext { font-weight: bold; text-align: center; width: 80px; } .topbutton { cursor: pointer; float: right; } /* END OF BUTTONS RULES */ /* START OF RELATED HEAD ET AL */ .relatedhead { font-weight: bold; padding: 2px 0 2px 0; text-align: left; font-size: 100%; } .relatedheadlong { width: 968px; height: 15px; padding: 1px 0 3px 5px; font-weight: bold; } .relatedheadnobottom { font-weight : bold; padding : 2px 0 2px 0; text-align:left; } .searchhead { font-weight: bold; padding: 2px 0 2px 0; text-align: left; } .childheader { font-weight: bold; padding: 2px 0 2px 0; text-align: left; font-size: 100%; } .widgethead { margin-bottom: 2px; float: left; width: 370px; font-weight: bold; padding: 5px 5px 2px 5px; text-align: left; } .newswidgethead { margin-bottom:2px; float:left; width:370px; height:24px; font-weight : bold; padding : 5px 5px 0 5px; text-align:left; } .widgetheadext { float:left; width:370px; height:24px; display:inline; font-weight : bold; padding : 2px 5px 2px 5px; text-align:left; } .articlemargin { padding-left: 7px; } /* END OF RELATED HEAD ET AL */ /* START OF GENERAL LINKS */ A:link, a:link, A:visited, a:visited, A:active, a:active, A:focus, a:focus { 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 { font-weight: normal; text-decoration: none; } 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, a.aboldgreentitle:link, a.aboldgreentitle:visited, a.aboldgreentitle:active, a.aboldgreentitle:hover, a.aboldgreentitle:focus { font-weight: bold; text-decoration: none; } a.aboldgreenlink:link, a.aboldgreenlink:visited, a.aboldgreenlink:active, a.aboldgreenlink:hover, a.aboldgreenlink:focus { font-weight: bold; text-decoration: underline; } a.aboldlink:hover, a.aboldgreentitle:hover { text-decoration: underline; } a.aboldgreenlink:hover { text-decoration: none; } .rsslinktext { margin-bottom: 5px; } a.rsslinktext:link, a.rsslinktext:visited, a.rsslinktext:active, a.rsslinktext:hover, a.rsslinktext:focus { display: block; font-weight: normal; text-decoration: none; } a.rsslinktext:hover { text-decoration: underline; } .greenlinkpadding { padding: 0 5px 5px 8px; } /* END OF GENERAL LINKS */ /*******************************************************************\ | TOP MENU/CRUMTRAIL | \*******************************************************************/ /* START OF TOP MENU RULES */ .killpadding { margin: 0; padding: 0; } #bardisplay { text-align: center; margin-left: 5px; height: 25px; float: left; display: table; } .menuText { padding-top: 5px; } .Starteratopnavstart, .Starteratopnav, .Starteratopnavend, .Starteratopnavsn { width: 10px; height: 25px; list-style-type: none; list-style-image: url('none0000.txt'); display: table; float: left; padding-left: 10px; background-repeat: no-repeat; } .Starteratopnavsnstart, .Starteratopnavsstart, .Starteratopnavs, .Starteratopnavsend { width: 10px; height: 25px; list-style-type: none; list-style-image: url('none0000.txt'); display: table; float: left; padding-left: 10px; background-repeat: no-repeat; } .Starteratopnavstart:hover, Starteratopnavsnstart:hover, .Starteratopnavsstart:hover, .Starteratopnav:hover, .Starteratopnavs:hover, .Starteratopnavend:hover, .Starteratopnavsend:hover, .Starteratopnavsn:hover { width: 10px; height: 25px; list-style-type: none; list-style-image: url('none0000.txt'); display: table; float: left; padding-left: 10px; background-repeat: no-repeat; } .spacer { width: 5px; height: 25px; display: table; float: left; background-repeat: no-repeat; } .ieMenuFix { display: none; } .ie6MenuFix { display: none; } /* Normal Menu Items*/ a.atopnavstart:link, a.atopnavstart:visited, a.atopnavstart:active, a.atopnavstart:focus, a.atopnav:link, a.atopnav:visited, a.atopnav:active, a.atopnav:focus, a.atopnavend:link, a.atopnavend:visited, a.atopnavend:active, a.atopnavend:focus, a.atopnavsnstart:link, a.atopnavsnstart:visited, a.atopnavsnstart:active, a.atopnavsnstart:focus, a.atopnavsn:link, a.atopnavsn:visited, a.atopnavsn:active, a.atopnavsn:focus { font-weight: bold; height: 14px; width: auto; display: table; float: left; text-decoration: none; margin-bottom: 10px; padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 4px; background-repeat: repeat-x; } a.atopnavsstart:link, a.atopnavsstart:visited, a.atopnavsstart:active, a.atopnavsstart:focus, a.atopnavs:link, a.atopnavs:visited, a.atopnavs:active, a.atopnavs:focus, a.atopnavsend:link, a.atopnavsend:visited, a.atopnavsend:active, a.atopnavsend:focus { font-weight: bold; height: 15px; width: auto; display: table; float: left; text-decoration: none; margin-bottom: 10px; padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 4px; background-repeat: repeat-x; } a.atopnavstart:hover, a.atopnavsnstart:hover, a.atopnavsstart:hover, a.atopnav:hover, a.atopnavs:hover, a.atopnavsend:hover, a.atopnavend:hover, a.atopnavsn:hover { font-weight: bold; height: 15px; width: auto; display: table; float: left; text-decoration: none; border-bottom: 0px none; margin-bottom: 10px; padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 4px; background-repeat: repeat-x; } /* END OF TOP MENU RULES */ /* START OF CRUMTRAIL RULES */ .navhead { font-weight: bold; padding: 2px 0px 2px 0px; text-align: left; float: left; width:1000px; } a.pathnav { text-decoration: none; font-size: 100%; border: 0px; padding: 0px; } a.pathnav:hover { text-decoration: underline; } .pathnavs { text-decoration: none; font-size: 100%; } /* END OF CRUMTRAIL RULES */ /* START OF RHS NAVIGATION BLOCK RULES */ .rhsrssicon { padding-left: 25px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; } .rhsrssiconnoborder { float: left; width: 14px; } .rhsvideoicon { padding-left: 25px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; } .rhsvideotext { font-weight: normal; text-decoration: none; cursor: pointer; cursor: hand; } .rhsvideotext:hover { text-decoration: underline; } .rhslinkicon { padding: 5px 5px 5px 5px; font-size: inherit; } a.arhslink:link, a.arhslink:visited, a.arhslink:active, a.arhslink:hover, a.arhslink:focus { font-weight: normal; text-decoration: none; font-size: inherit; } a.arhslink:hover { text-decoration: underline; } a.arhslinkmedia:link, a.arhslinkmedia:visited, a.arhslinkmedia:active, a.arhslinkmedia:hover, a.arhslinkmedia:focus { font-weight: normal; text-decoration: none; } a.arhslinkmedia:hover { text-decoration: underline; } 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 { display: block; text-align: left; text-decoration: none; float: left; padding: 4px 6px 4px 6px; list-style-type: none; } /* END OF RHS NAVIGATION BLOCK RULES */ /* START OF FORMS RULES */ .formmain { width: 588px; display: table; } .formtext { width: 325px; float: left; margin-right: 5px; text-align: left; } .forminput { width: 200px; float: left; } /* END OF FORMS RULES*/ /* START OF MEMBERS BLOCK RULES */ .membersphonewidth { width:80px; float:left; font-weight:bold; } /* END OF MEMBERS BLOCK RULES*/ /* START OF FORUM RULES */ .forumtitle { margin: 0 0 1em 0; font-size: 145%; font-weight: bold; padding: 4px; } .forumsearch { float: right; padding-right: 10px; } .forumsearchhead { font-weight: bold; padding-right: 5px; } .forumhead { font-weight: bold; padding: 2px 2px 2px 5px; } .forumtext { font-weight: normal; } .forumbold { font-weight: bold; } .forumband0, .forumband1, .forumband2 { padding: 5px; } .forumnorm { padding-left: 5px; } .forumblock { margin: 6px; } .forumblock ul { padding: 0; margin: 0; } .forumblock ul li { list-style-type: none; } .forumblockitem a { display: inline; width: 75%; } /* END OF FORUM RULES */ /* START OF CONTACT RULES */ .contactheading { font-weight: bold; text-decoration: none; } .contactnorm { padding: 0 5px 0 0; text-decoration: none; } .contactbold { padding: 0 5px 0 0; text-decoration: none; font-weight: bold; } .contacttel { padding: 0 5px 0 0; text-decoration: none; } .contactfax { padding: 0 5px 0 0; text-decoration: none; padding-left: 1px; } .contactposl { padding: 0 10px 10px 0; float: left; } .contactposr { float: right; padding: 0 0 10px 10px; } a.acontactlink:link, a.acontactlink:visited, a.acontactlink:active, a.acontactlink:hover, a.acontactlink:focus { 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 { font-weight: normal; text-decoration: none; } a.acontactemaillink:hover { text-decoration: underline; } a.acontactweblink:link, a.acontactweblink:visited, a.acontactweblink:active, a.acontactweblink:hover, a.acontactweblink:focus { font-weight: normal; text-decoration: none; } a.acontactweblink:hover { text-decoration: underline; } /* END OF CONTACT RULES */ /* START OF DATES FOOTER RULES */ .pagedate { text-align: right; } /* END OF DATES FOOTER RULES */ /* START OF RELATED IMAGES RULES */ .rimage { float: right; } .limage { float: left; } .imagetitle { font-weight: bold; padding: 2px 0px 2px 0px; margin-top: 2px; } /* END OF RELATED IMAGES RULES */ /* START OF PANCAKE MENU RULES */ .pancake, treenav1, treenav1s, treenav2 { width: 198px; } .intraPancake { width:198px; margin-bottom:15px; } a.atreenav1:link, a.atreenav1:visited, a.atreenav1:active, a.atreenav1:hover, a.atreenav1:focus, a.atreenav1s:link, a.atreenav1s:visited, a.atreenav1s:active, a.atreenav1s:hover, a.atreenav1s:focus, a.atreenav2:link, a.atreenav2:visited, a.atreenav2:active, a.atreenav2:hover, a.atreenav2:focus, a.atreenav2s:link, a.atreenav2s:visited, a.atreenav2s:active, a.atreenav2s:hover, a.atreenav2s:focus, a.atreenav3:link, a.atreenav3:visited, a.atreenav3:active, a.atreenav3:hover, a.atreenav3:focus, a.atreenav3s:link, a.atreenav3s:visited, a.atreenav3s:active, a.atreenav3s:hover, a.atreenav3s:focus, a.atreenav4:link, a.atreenav4:visited, a.atreenav4:active, a.atreenav4:hover, a.atreenav4:focus, a.atreenav4s:link, a.atreenav4s:visited, a.atreenav4s:active, a.atreenav4s:hover, a.atreenav4s:focus, a.atreenav5:link, a.atreenav5:visited, a.atreenav5:active, a.atreenav5:hover, a.atreenav5:focus, a.atreenav5s:link, a.atreenav5s:visited, a.atreenav5s:active, a.atreenav5s:hover, a.atreenav5s:focus, a.atreenav6:link, a.atreenav6:visited, a.atreenav6:active, a.atreenav6:hover, a.atreenav6:focus, a.atreenav6s:link, a.atreenav6s:visited, a.atreenav6s:active, a.atreenav6s:hover, a.atreenav6s:focus { display: block; list-style-type: none; text-align: left; text-decoration: none; } 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.atreenav6:link, a.atreenav6:visited, a.atreenav6:active, a.atreenav6:hover, a.atreenav6:focus { font-weight: normal; } 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, a.atreenav6s:link, a.atreenav6s:visited, a.atreenav6s:active, a.atreenav6s:hover, a.atreenav6s:focus { font-weight: bold; } a.atreenav1:link, a.atreenav1:visited, a.atreenav1:active, a.atreenav1:focus, a.atreenav1s:link, a.atreenav1s:visited, a.atreenav1s:active, a.atreenav1s:focus, a.atreenav2:link, a.atreenav2:visited, a.atreenav2:active, a.atreenav2:focus, a.atreenav2s:link, a.atreenav2s:visited, a.atreenav2s:active, a.atreenav2s:focus, a.atreenav3:link, a.atreenav3:visited, a.atreenav3:active, a.atreenav3:focus, a.atreenav3s:link, a.atreenav3s:visited, a.atreenav3s:active, a.atreenav3s:focus, a.atreenav4:link, a.atreenav4:visited, a.atreenav4:active, a.atreenav4:focus, a.atreenav4s:link, a.atreenav4s:visited, a.atreenav4s:active, a.atreenav4s:focus, a.atreenav5:link, a.atreenav5:visited, a.atreenav5:active, a.atreenav5:focus, a.atreenav5s:link, a.atreenav5s:visited, a.atreenav5s:active, a.atreenav5s:focus, a.atreenav6:link, a.atreenav6:visited, a.atreenav6:active, a.atreenav6:focus, a.atreenav6s:link, a.atreenav6s:visited, a.atreenav6s:active, a.atreenav6s:focus { padding: 4px 6px 4px 6px; text-decoration: none; } 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, a.aartpathlhs6:link, a.aartpathlhs6:visited, a.aartpathlhs6:active, a.aartpathlhs6:hover, a.aartpathlhs6:focus { width: 185px; display: block; font-weight: bold; text-decoration: none; padding: 4px 5px 4px 8px; margin-top: 0px; } /* END OF PANCAKE MENU RULES */ /* START OF SITEMAP RULES */ a.asitemaplink1:link, a.asitemaplink1:visited, a.asitemaplink1:active, a.asitemaplink1:hover, a.asitemaplink1:focus, 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; font-weight: normal; text-decoration: none; } a.asitemaplink1:hover, a.asitemaplink2:hover, a.asitemaplink3:hover, a.asitemaplink4:hover, a.asitemaplink5:hover { text-decoration: underline; } /* END OF SITEMAP RULES */ /* START OF MAPKEY RULES */ .mapicondesc, .mapicon { padding:5px; } .mapicondesc { float:left; width:125px; text-align:right; padding-top:10px; } .mapicon { float:left; } .mapiconbreak { clear:both; } /* END OF SITEMAP RULES */ /* START OF UTILITIES NAVIGATION */ a.autilnav, a.autilnavs { text-align: left; text-decoration: none; padding: 0; } .utilspipe { font-weight: normal; text-decoration: none; padding: 0; } 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; } .autilnav { margin-left: 10px; } a.autilnavstart:link, a.autilnavstart:visited, a.autilnavstart:active, a.autilnavstart:focus, a.autilnavstart:hover, a.autilnavsnstart:link, a.autilnavsnstart:visited, a.autilnavsnstart:active, a.autilnavsnstart:focus, a.autilnavsnstart: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, a.autilnavsn:link, a.autilnavsn:visited, a.autilnavsn:active, a.autilnavsn:focus, a.autilnavsn:hover { font-weight: normal; text-decoration: none; color: #676767; padding: 0; } a.autilnavnavs: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: bold; } a.autilnavssn:hover, a.autilnavsnstart:hover, a.autilnavend:hover, a.autilnavsend:hover, a.autilnav:hover, a.autilnavs:hover, a.autilnavsstart:hover, a.autilnavstart:hover, a.autilnavsn:hover { text-decoration: underline; } .utilbulletstart, .utilbulletsstart, .utilbulletsnstart, .utilbullet, .utilbullets, .utilbulletsn, .utilbulletend, .utilbulletsend, .formbullet { list-style: none; display: inline; } a.abottomlink:link, a.abottomlink:visited, a.abottomlink:active, a.abottomlink:hover, a.abottomlink:focus, a.abottomlinks:link, a.abottomlinks:visited, a.abottomlinks:active, a.abottomlinks:hover, a.abottomlinks:focus, a.abottomlinkstart:link, a.abottomlinkstart:visited, a.abottomlinkstart:active, a.abottomlinkstart:hover, a.abottomlinkstart:focus, a.abottomlinksstart:link, a.abottomlinksstart:visited, a.abottomlinksstart:active, a.abottomlinksstart:hover, a.abottomlinksnstart:link, a.abottomlinksnstart:visited, a.abottomlinksnstart:active, a.abottomlinksnstart:hover, a.abottomlinksnstart:focus, a.abottomlinksn:link, a.abottomlinksn:visited, a.abottomlinksn:active, a.abottomlinksn:hover, a.abottomlinksn:focus, a.abottomlinkend:link, a.abottomlinkend:visited, a.abottomlinkend:active, a.abottomlinkend:hover, a.abottomlinkend:focus, a.abottomlinksend:link, a.abottomlinksend:visited, a.abottomlinksend:active, a.abottomlinksend:hover, a.abottomlinksend:focus { text-decoration: none; padding: 5px 15px 5px 0; } a.abottomlink:link, a.abottomlink:visited, a.abottomlink:active, a.abottomlink:hover, a.abottomlink:focus, a.abottomlinkstart:link, a.abottomlinkstart:visited, a.abottomlinkstart:active, a.abottomlinkstart:hover, a.abottomlinkstart:focus, a.abottomlinkend:link, a.abottomlinkend:visited, a.abottomlinkend:active, a.abottomlinkend:hover, a.abottomlinkend:focus { font-weight: normal; text-decoration: none; } a.abottomlinks:link, a.abottomlinks:visited, a.abottomlinks:active, a.abottomlinks:hover, a.abottomlinks:focus, a.abottomlinksstart:link, a.abottomlinksstart:visited, a.abottomlinksstart:active, a.abottomlinksstart:hover, a.abottomlinksstart:focus, a.abottomlinksend:link, a.abottomlinksend:visited, a.abottomlinksend:active, a.abottomlinksend:hover, a.abottomlinksend:focus { font-weight: bold; } a.abottomlink:hover, a.abottomlinks:hover, a.abottomlinkstart:hover, a.abottomlinksstart:hover, a.abottomlinkend:hover, a.abottomlinksend:hover { text-decoration: underline; } .bottompipestart, .bottompipesnstart, .bottompipesstart, .bottompipe, .bottompipes, .bottompipesn, .bottompipeend, .bottompipesend { font-weight: normal; text-decoration: none; list-style-type: none; display: inline; } /* END OF UTILITIES NAVIGATION */ /*******************************************************************\ | END OF Rules affecting layout across everything | \*******************************************************************/ /*******************************************************************\ | START OF Rules affecting layout on the Home Page | \*******************************************************************/ /* START OF DO IT ONLINE RULES */ .DoItOnlineLink { float:left; font-size:120%; height:42px; vertical-align:middle; padding-top:28px; width:185px; } .homelinkicon { padding: 5px 5px 0 5px; font-size: inherit; } .doitonlinebox { width: 299px; height: 75px; margin-left: 2px; padding: 0; margin-bottom: 2px; } /* END OF DO IT ONLINE RULES */ /* START OF HOME PAGE RSS */ #bbcweather, #bbctravel, #metoffice { width: 220px; height: 35px; overflow: hidden; margin: 0 0px 10px 10px; float: left; } #bbcweather { height: 50px; } /* END OF HOME PAGE RSS */ #homerhscolumn { float: right; margin-right: 0px; margin-top: 0px; } .homebox { margin-bottom:15px; } #homelinksblock { margin-bottom: 5px; width: 100%; } .HomePageColumn { width: 320px; float: left; overflow: hidden; margin:7px 10px 0px 0px; } .HomePageNewsLarge { font-size: 120%; } .HomePageNewsNormal { font-size: 90%; } .HomePageNewsMarginTop { padding: 2px 0 2px 0; text-align: left; height: 80px; overflow: hidden; margin-bottom: 5px; } .HomePageNewsMarginOthers { font-weight: bold; padding: 2px 0 2px 0; text-align: left; } .homearticlebox, .homearticleboxwithtop { float: left; display: table; padding: 5px; width: 303px; } .homearticleboxlong { width: 963px; float: left; display: table; padding:5px 0 0 10px; } .homesearchboxlong { width: 973px; height:63px; } .homearticlebox { border-top: 0px; } .HomePageLargeImage { float: left; margin-left: 2px; width: 300px; } .rsslinkdiv { font-weight: normal; } #counciliAddress { text-align: left; } .widgetbottomspace { height:15px; clear:both; } .homeazblock { font-size: 110%; margin-left:10px; margin-right:3px; margin-top:0; margin-bottom:0 } #bottomatoz { float: right; margin-right: 13px; } .imagelinksbox { width: 198px; } /* Home Directory Items Normal */ a.Home_atopnavstart:link, a.Home_atopnavstart:visited, a.Home_atopnavstart:active, a.Home_atopnavstart:focus, a.Home_atopnav:link, a.Home_atopnav:visited, a.Home_atopnav:active, a.Home_atopnav:focus, a.Home_atopnavend:link, a.Home_atopnavend:visited, a.Home_atopnavend:active, a.Home_atopnavend:focus, a.Home_atopnavsnstart:link, a.Home_atopnavsnstart:visited, a.Home_atopnavsnstart:active, a.Home_atopnavsnstart:focus, a.Home_atopnavsn:link, a.Home_atopnavsn:visited, a.Home_atopnavsn:active, a.Home_atopnavsn:focus { font-weight: bold; padding: 4px 5px 4px 5px; height: 14px; width: auto; display: table; float: left; text-decoration: underline; margin-bottom: 10px; } /* Home Directory Items Selected */ a.Home_atopnavsstart:link, a.Home_atopnavsstart:visited, a.Home_atopnavsstart:active, a.Home_atopnavsstart:focus, a.Home_atopnavs:link, a.Home_atopnavs:visited, a.Home_atopnavs:active, a.Home_atopnavs:focus, a.Home_atopnavsend:link, a.Home_atopnavsend:visited, a.Home_atopnavsend:active, a.Home_atopnavsend:focus { font-weight: bold; padding: 4px 5px 4px 5px; height: 15px; width: auto; display: table; float: left; text-decoration: underline; margin-bottom: 10px; } /* Home Directory Items Hover */ a.Home_atopnavstart:hover, a.Home_atopnavsnstart:hover, a.Home_atopnavsstart:hover, a.Home_atopnav:hover, a.Home_atopnavs:hover, a.Home_atopnavsend:hover, a.Home_atopnavend:hover, a.Home_atopnavsn:hover { font-weight: bold; padding: 4px 5px 4px 5px; height: 15px; width: auto; display: table; float: left; text-decoration: underline; margin-bottom: 10px; } .hidebullet { list-style-type: none; list-style-image: url('none0000.txt'); } .killbulletstart, .killbulletsstart, .killbulletsnstart, .killbullet, .killbullets, .killbulletsn, .killbulletend, .killbulletsend { list-style: none; float: left; font-size: 12px; } /* Social Syndicated Content */ .socialIcon { float:left; height:38px; width:38px; border:0; } #socialIconSet { width:260px; float:left; margin-left:20px; } #socialTopLeft { float:left; } #socialTopRight { float:left; margin-left:17px; } #socialBottomLeft { float:left; margin-top:10px; } #socialBottomRight { float:left; margin-top:10px; margin-left:5px; } .socialText { float:left; height:38px; } .socialInnerTextSingle { float:left; margin-left:3px; margin-top:12px; } .socialInnerTextDouble { float:left; display:table; width:85px; margin-top:3px; margin-left:3px; } #socialRSS { background: url('rss_icon.png') no-repeat left; } #socialSubscribe { background: url('subscrib.png') no-repeat left; } #socialFacebook { background: url('facebook.png') no-repeat left; } #socialTwitter { background: url('twitter_.png') no-repeat left; } /*******************************************************************\ | END OF Rules affecting layout on the Home Page | \*******************************************************************/ /*******************************************************************\ | START OF Rules affecting layout on the ADVANCED SEARCH | \*******************************************************************/ /* Tabs */ ul.groups, div.tabs ul { margin: 0; padding: 2px 0; list-style-type: none; } .tabs ul.inactive { display: none; } ul.groups li, .tabs li { margin: 0; padding: 0 1px; display: inline; list-style-type: none; } input.active { background-color: #3B255C; color: #fff; } ul.suggest { margin: 0; padding: 0; border: solid 1px #000; display: block; width: 190px; } ul.suggest li:hover { cursor: pointer; background-color: #3B255C; color: #fff; } ul.suggest li { cursor: default; padding: 1px 2px; display: block; } /* end of Tabs*/ .advschmedia { padding: 2px 0 5px 25px; } .advschmediatext { margin-left: 25px; } #results div.loading { margin-top:10px; background: url(ajax-loa.gif) no-repeat top left; height:109px; width:773px; border: solid 1px #CBD8CF; } #keySearchResults { padding:2px; margin-top:10px; } .results { padding:2px; } .result { padding:0 0 0 5px; } .keyResults { padding-left:5px; } .sectionTitle { margin-top:10px; } /*******************************************************************\ | END OF Rules affecting layout on the ADVANCED SEARCH | \*******************************************************************/ /*******************************************************************\ | START OF Rules affecting the A-Z Template | \*******************************************************************/ .atozbullet, .atozbullets { margin: 0 2px 2px 0; text-align: center; list-style-type: none; } a.aatozlinks:link, a.aatozlinks:visited, a.aatozlinks:active, a.aatozlinks:hover, a.aatozlinks:focus, a.aatozlink:link, a.aatozlink:visited, a.aatozlink:active, a.aatozlink:hover, a.aatozlink:focus { font-size: 140%; font-weight: bold; text-decoration: none; display: block; text-decoration: none; } a.aatozlink:link, a.aatozlink:visited, a.aatozlink:active, a.aatozlink:hover, a.aatozlink:focus { padding: 3px; } a.aatozlink:hover { text-decoration: underline; } a.aatozlinks:link, a.aatozlinks:visited, a.aatozlinks:active, a.aatozlinks:hover, a.aatozlinks:focus, a.azbottomlinks { padding: 5px; text-decoration: none; } a.azbottomlinks:hover { text-decoration: underline; } /*******************************************************************\ | END OF Rules affecting the A-Z Template | \*******************************************************************/ /*******************************************************************\ | START OF Rules affecting the Committee Template | \*******************************************************************/ .committeehead { padding-left: 5px; font-weight : bold; float:left; width:276px; } .committeebox { width:266px; float:left; margin-top:3px; padding : 5px 10px 5px 5px; } /*******************************************************************\ | END OF Rules affecting the Committee Template | \*******************************************************************/ /*******************************************************************\ | START OF Rules affecting the Corporate Plan Template | \*******************************************************************/ .corporateQuestion { font-size:10pt; padding:2px; font-weight:bold; width:570px; } .corporateOdd { margin-bottom:2px; padding:5px; width:578px; } .corporateEven { margin-bottom:2px; padding:5px; width:578px; } /*******************************************************************\ | END OF Rules affecting the Corporate Plan Template | \*******************************************************************/ /*******************************************************************\ | START OF Rules affecting the Download Template | \*******************************************************************/ #downloadTemplateIconMargin { width:25%; float:left; margin-right:5px; margin-left:15%; margin-top:15px; } .downloadTemplateIcon { width:25%; float:left; margin-right:5px; margin-top:15px; } /*******************************************************************\ | END OF Rules affecting the Download Template | \*******************************************************************/ /*******************************************************************\ | START OF Rules affecting the Events Template | \*******************************************************************/ .eventbox { padding: 5px 0px 5px 0px; } .EventListBox { width:575px; padding : 5px 5px 5px 0px; } .EventHeadStripe { width:575px; font-weight : bold; padding:0 0 2px 5px; } .EventHeadDate { font-weight : normal; } .EventArticleStripe { width:575px; padding:5px 0 0 5px; } .eventcontrols { padding:5px; float : left; text-align:center; margin-top:5px; } /*******************************************************************\ | END OF Rules affecting the Events Template | \*******************************************************************/ /*******************************************************************\ | START OF Rules affecting the List Template | \*******************************************************************/ .childlist { margin-bottom: 10px; height: auto; width:578px; } .rowhigh, .rowlow, .rowareahome { margin-right: 210px; } /*******************************************************************\ | END OF Rules affecting the List Template | \*******************************************************************/ /*******************************************************************\ | START OF Rules affecting the Login Template | \*******************************************************************/ #loginuname,#loginpword { width : 100%; } .loginbox { text-align:center; padding-left:5px; padding-right:5px; } .loginLabel { padding : 11px 8px 5px 8px; margin-bottom:10px; height:20px; border-right:0; font-weight: bold; float: left; } #LoginUsernameLabel, #LoginPasswordLabel { padding : 11px 8px 5px 8px; margin-bottom : 10px; height:21px; border-right:0; width: 60px; font-weight: bold; float: left; } .loginhead, .errorhead { padding: 5px 5px 5px 5px; font-weight: bold; } .logincontent { width: 450px; margin-left:100px; } .loginbandtop { padding: 5px 5px 5px 5px; font-weight: bold; } .loginbandbot { padding: 5px 5px 0px 0px; } /*******************************************************************\ | END OF Rules affecting the Login Template | \*******************************************************************/ /*******************************************************************\ | START OF Rules affecting the Mobile Template | \*******************************************************************/ #contentmobile { text-align: left; width: 100%; margin: 0 auto; display: table; } #tabbarmobile { text-align: left; width: 100%; margin: 0 auto; display: table; font-size: x-small; } a.mobileatopnavstart:link, a.mobileatopnavstart:visited, a.mobileatopnavstart:active, a.mobileatopnavstart:focus, a.mobileatopnavstart:hover, a.mobileatopnavsnstart:link, a.mobileatopnavsnstart:visited, a.mobileatopnavsnstart:active, a.mobileatopnavsnstart:focus, a.mobileatopnavsnstart:hover, a.mobileatopnavsstart:link, a.mobileatopnavsstart:visited, a.mobileatopnavsstart:active, a.mobileatopnavsstart:focus, a.mobileatopnavsstart:hover, a.mobileatopnav:link, a.mobileatopnav:visited, a.mobileatopnav:active, a.mobileatopnav:focus, a.mobileatopnav:hover, a.mobileatopnavs:link, a.mobileatopnavs:visited, a.mobileatopnavs:active, a.mobileatopnavs:focus, a.mobileatopnavs:hover, a.mobileatopnavend:link, a.mobileatopnavend:visited, a.mobileatopnavend:active, a.mobileatopnavend:focus, a.mobileatopnavend:hover, a.mobileatopnavsend:link, a.mobileatopnavsend:visited, a.mobileatopnavsend:active, a.mobileatopnavsend:focus, a.mobileatopnavsend:hover, a.mobileatopnavsn:link, a.mobileatopnavsn:visited, a.mobileatopnavsn:active, a.mobileatopnavsn:focus, a.mobileatopnavsn:hover { display: block; font-weight: bold; text-decoration: none; padding: 2px 5px 2px 5px; } a.mobileatopnavsn:hover, a.mobileatopnavsnstart:hover, a.mobileatopnavend:hover, a.mobileatopnav:hover, a.mobileatopnavstart:hover, a.mobileatopnavs:hover { text-decoration: underline; } .mobiletopnavborder { width: 997px; float: left; } /*******************************************************************\ | END OF Rules affecting the Mobile Template | \*******************************************************************/ /*******************************************************************\ | START OF Rules affecting the PEOPLE FINDER TEMPLATE | \*******************************************************************/ .treelevel { clear: left; margin-top: 5px; margin-left: 10px; padding-left: 10px; } .treesublevelheader { clear: left; font-weight: bold; padding: 2px; } .treenameheader { clear: left; margin-bottom: 5px; width: 100%; } .treenameblock { clear: left; } .treelist { padding: 5px; margin: 0; list-style-type: none; } a.personlink:link, a.personlink:visited, a.personlink:active, a.personlink:hover, a.personlink:focus { font-weight: normal; text-decoration: none; } ul.treelist li.hidebullet { clear: left; } .peopleresults, .peopleresultsvehicle { margin-bottom: 10px; clear: left; } .peopleresults .peoplecell, .peopleresults .peoplehead, .treenameblock .peoplecell, .treenameheader .peoplehead { display: inline; float: left; border: none; width: 25%; padding: 5px; } .peopleresultsvehicle .peoplecell, .peopleresultsvehicle .peoplehead, .peopleresultsvehicle .peoplehelptext { display: inline; float: left; border: none; width: 20%; padding: 5px; } .peopleresultsvehicle .peoplehelptextfiller { padding: 5px; width: 18%; float: left; } .peoplecellgreen { display:inline; padding:5px; position:relative; } .peoplecellpurple { display:inline; padding:5px; position:relative; } .treegreen:hover { text-decoration:underline; } .treepurple:hover { text-decoration:underline; } .personlink:hover { text-decoration:underline; } /*******************************************************************\ | END OF Rules affecting the PEOPLE FINDER TEMPLATE | \*******************************************************************/ /*******************************************************************\ | START OF Rules affecting the RSS FEEDS | \*******************************************************************/ .rsscontainer { clear: both; margin-top: 0px; } /* Image for each RSS feed */ .rssfeedimage { float: left; margin-right: 5px; } .rssfeedtitle { float: left; } /* Block containing rss items */ .rssfeeditem { clear: left; margin: 10px 0px 0px 0px; padding-bottom: 2px; } .rssfeeditemheader, .rssfeeditembody { padding-left: 5px; } .rssfeeditem a:active, .rssfeeditem a:focus, .rssfeeditem a:visited, .rssfeeditem a:link { font-weight: bold; text-decoration: none; } .rssfeeditem a:hover { font-weight: bold; text-decoration: underline; } .rssfeedheader a:active, .rssfeedheader a:focus, .rssfeedheader a:visited, .rssfeedheader a:link { font-weight: bold; text-decoration: none; font-size: larger; } .rssfeedheader a:hover { font-weight: bold; text-decoration: underline; font-size: larger; } /*******************************************************************\ | END OF Rules affecting the RSS FEEDS | \*******************************************************************/ /*******************************************************************\ | START OF Rules affecting the Subscriptions Template | \*******************************************************************/ .subscriptionmainhead, .subscriptionhead { font-weight: bold; padding: 5px; } .subscriptionicon { padding: 0px; font-weight: bold; } .subscriptionhead { font-weight: bold; padding: 5px; } .subscripband1, .subscripband2, .articleband1, .articleband2 { margin: 0px; border: 0px; } .subscripband1, .subscripband2 { padding: 2px 2px 2px 5px; } .articleband1, .articleband2 { padding: 5px 2px 2px 5px; } .articleband2 { padding: 5px 2px 2px 5px; } /*******************************************************************\ | END OF Rules affecting the Subscriptions Template | \*******************************************************************/ /*******************************************************************\ | START OF RULES FOR THE INTRANET | \*******************************************************************/ #intraLeftColumn { margin-left:3px; } /* the box that appears when moving widgets */ .hover { border-style:dotted; display:block; margin: -5px -5px 0px -5px; height:300px; } .box { padding:0px; margin:0px; border:0px; } .boxes { display:block; padding:0px; margin:0px; border:0px; } .boxitem { display:block; padding:0px; margin:0px; border:0px; width:198px; } li { list-style: none; padding:0px; margin:0px; border:0px; } .searchbox { margin-bottom:15px; } .pancake { margin-bottom:15px; } .intraDirectoryBox { float: left; display: table; padding: 5px; width: 968px; text-align:left; padding: 10px 5px 5px 16px; } /*********************************************/ .miniMaxiButton { width:21px; height:21px; float:right; margin-right:1px; cursor:pointer; } .mini { width:21px; height:21px; background-position:right top; float:right; margin-right:1px; } .mini:hover { cursor:pointer; } .maxi { width:21px; height:21px; background-position:right top; float:right; margin-right:1px; } .maxi:hover { cursor:pointer; } .close { width:21px; height:21px; background-position:right top; float:right; } .close:hover { cursor:pointer; } .closewhite { width:21px; height:21px; background-position:right top; float:right; } .closewhite:hover { cursor:pointer; } .miniwhite { width:21px; height:21px; background-position:right top; float:right; } .miniwhite:hover { cursor:pointer; } .maxiwhite { width:21px; height:21px; background-position:right top; float:right; } .maxiwhite:hover { cursor:pointer; } #councilnewscontent { width:380px; float:left; } /*******************************************************************\ | END OF RULES FOR THE INTRANET | \*******************************************************************/ /*******************************************************************\ | START OF RULES FOR THE VACANCY TEMPLATE | \*******************************************************************/ .vacancyinfoblock { padding : 5px; font-weight : bold; display : block; float : left; width : 395px; margin-bottom: 2px; } .vacancyheaderwide { padding : 5px; font-weight : bold; float : left; width : 150px; margin-bottom: 2px; } .vacancyheader { padding : 5px; font-weight : bold; float : left; margin-bottom: 4px; width : 150px; height:32px; } .vacancyblock { padding : 5px; display : block; float : left; width: 557px; margin-bottom: 4px; } /*******************************************************************\ | END OF RULES FOR THE VACANCY TEMPLATE | \*******************************************************************/ /***********************************************************************************\ | SAFARI SPECIFIC RULES | \***********************************************************************************/ @media screen and (-webkit-min-device-pixel-ratio:0) { .homearticlebox, .homearticleboxwithtop { width:315px; } .homearticleboxlong { width: 975px; padding: 5px 0 0 10px; margin: 0px; } .homesearchboxlong { width: 975px; padding: 0px; margin: 0px; } .intraDirectoryBox { width:991px; } }