/**************************************************************************************************************\ | | | STYLESHEET CONTAINING MASTER LAYOUT CSS WITH COLOR BASED RULES REMOVED | | IF COLOUR BASED RULES ARE FOUND THEN THESE ARE ESSENTIAL! | | | \**************************************************************************************************************/ /*******************************************************************\ | 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: 75%; } /* 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; } #toptable { width: 1000px; } #topsearch { padding-left: 35px; padding-top: 3px; } #homeSearch { padding-left: 12px; } .transparentbackground { background: url('transpar.png') repeat; } .headersearchboxinput, #kword { background: #FFFFFF; } #headerimage, #headerimage { float: left; width: 242px; margin-left: 0px; margin-top: 9px; padding: 10px; } #headersearch { margin-top: 30px; margin-left: 73px; float: left; width: 342px; height: 50px; } #headertoprightbox { width: 255px; float: right; padding: 1px; margin-top: 9px; } #homeSearchText { float: left; margin: 0; width: 450px; padding: 10px 5px 5px 0; height: 36px; font-size: 14px; text-align: right; } #homeDirTextView { cursor: pointer; width:187px; font-size:medium; font-weight:bold; padding: 0 5px 0px 5px; margin-bottom:10px; margin-top:0px; display:table; } #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: 570px; float: left; margin: 0 0 0 10px; /*overflow: hidden;*/ } .toptable { width: 999px; height: 100px; } .backstyle { font-weight: bold; padding: 5px; } .lhscol1 { width: 200px; margin: 0px 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; } .statusmap { width: 635px; height: 250px; } /* START OF BOX RULES */ .defaultbox, .contactbox { width: 198px; margin: 0px; padding: 0px; } .articlebox { width: 198px; margin: 0px; padding: 0px; } #kword { width: 252px; margin-top: 2px; height: 24px; float: right; margin-right: 5px; font-size: 14px; padding-top: 8px; padding-left: 4px; } #kwordHome { width: 200px; margin-top: 1px; height: 26px; float: left; margin-right: 5px; font-size: 14px; padding-top: 10px; padding-left: 4px; background: #FFFFFF; } .homeservicebox, .homeazblock { padding: 0 5px 0 5px; } .rhsbox { width: 193px; 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: 15px; } .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: 13px; 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.arhslinkmedia:link, a.arhslinkmedia:visited, a.arhslinkmedia:active { font-weight: normal; text-decoration: none; font-size: inherit; } a.arhslinkmedia:hover, a.arhslinkmedia:focus. a.arhslink:hover, a.arhslink:focus { font-weight: normal; 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 MEMBERS BLOCK RULES */ .membersphonewidth { width: 80px; float: left; font-weight: bold; } /* END OF MEMBERS 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; } .formlbl { width: 125px; float: left; margin-right: 5px; text-align: left; vertical-align:top; } .formlblwide { width: 200px; float: left; margin-right: 5px; text-align: left; vertical-align:top; } /* END OF FORMS 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: 30px; 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: 30px; overflow: hidden; margin: 0 0px 10px 10px; float: left; } /* 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: 0px 10px 0px 0px; } .HomePageNewsLarge { font-size: 120%; } .HomePageNewsNormal { font-size: 90%; } .HomePageNewsMarginTop { padding: 2px 0 2px 0; text-align: left; height: 70px; 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; } .homesearchboxlongstart { width: 973px; float: left; display: table; } .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: 250px; float: left; margin-left: 20px; } #socialTopLeft { float: left; } #socialTopRight { float: left; margin-left: 25px; } #socialBottomLeft { float: left; margin-top: 10px; } #socialBottomRight { float: left; margin-top: 10px; margin-left: 15px; } .socialText { float: left; height: 38px; } .socialInnerTextSingle { float: left; margin-left: 3px; margin-top: 12px; } .socialInnerTextDouble { float: left; display: table; width: 75px; margin-top: 5px; 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; font-size: small; } 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 { } .keySectionTitle { margin-left: 10px; font-size: medium; } .keywordsSearched { font-weight: bold; } .resultTitle, .keyResultTitle, .advschmedia { margin: 0; border: 0; padding: 0; } .resultText, p .resultText, keyResultText, .advschmediatext { margin-top: 0; padding-top: 0; border: 0; } h3 A:link, h3 a:link, h3 A:visited, h3 a:visited, h3 A:active, h3 a:active, h3 A:focus, h3 a:focus { color: #0000FF; font-weight: normal; font-size: medium; } .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: 700px; border: solid 1px #CBD8CF; } #keySearchResults { padding: 2px; } .results { list-style: none; } .result { padding: 0 0 0 5px; } .keyResults { list-style: none; } .sectionTitle { margin-top: 10px; } #suggest { display: none; } /*******************************************************************\ | 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: 568px; } .rowhigh, .rowlow, .rowareahome { margin-right: 210px; } /*******************************************************************\ | END OF Rules affecting the List Template | \*******************************************************************/ /*******************************************************************\ | START OF Rules affecting the Login Template | \*******************************************************************/ #LoginUsernameLabel, #LoginPasswordLabel { padding: 11px 8px 5px 8px; margin-bottom: 10px; height: 21px; border-right: 0; width: 60px; font-weight: bold; float: left; } .loginbox { margin-top: 5px; text-align: center; padding-left: 5px; padding-right: 5px; } .loginLabel { padding: 11px 8px 5px 8px; margin-bottom: 10px; height: 19px; border-right: 0; font-weight: bold; float: left; } #loginuname, #loginpword { width: 100%; } .loginhead, .errorhead { padding: 10px 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:focus { font-weight: normal; } 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; } /*******************************************************************\ | 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; } .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: 16px; } .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; } }