/* ------------------------------------------------------------------- Aberdeenshire Council stylesheet: global styles ------------------------------------------------------------------- */ /* Body, general formatting and reusable classes etc -------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr { margin: 0; padding: 0; font-size: 1em; } img, embed, form, fieldset { border: 0; vertical-align: bottom; } /*62.5% #666*/ /*#5B5B5B*/ body { background: #fff; color:#000000; text-align: center; font-family: "Arial", sans-serif; font-size: 62.5%; } input, select, textarea { font: 1em "Arial", sans-serif; vertical-align: bottom; } table { border-collapse: collapse; border-spacing: 0; border: 0; } table th { font-weight: normal; text-align: left; } table th, table td { border: 0; } #content #leftCol table tr.odd { background-color:#eef6fc; } ul, ol { list-style: none; } .hide { position: absolute; top: 0; left: -9999px; } .alignLeft { text-align: left; } .alignCenter { text-align: center; } .alignRight { text-align: right; } .col2 { width: 49.9%; float: left; } .col3 { width: 33.2%; float: left; } .col4 { width: 24.9%; float: left; } .col5 { width: 19.9%; float: left; } a { color: #000; text-decoration: none; } a:hover, a:active, a:focus { text-decoration: underline; } a:focus, a:active { font-weight: bold; } /* Overall header -------------------------------------------------------------------------- */ #globalHeader { padding: 1em 0 .5em; background: #0567c6 url(/images/template/bg-globalheader.png) repeat-x top left; border-bottom: 20px solid #e5ecf4; } #globalHeader ul { width: 980px; margin: 0 auto; text-align: left; } #globalHeader ul li { padding: 0 .6em 0 .4em; font-size: 1.1em; color: #fff; background: url(/images/template/bg-globalheader-bar.png) no-repeat center right; display: inline; } #globalHeader ul li a { color: #fff; } #globalHeader ul li.skip { background: none; padding: 0; } #globalHeader ul li.skip a { position: absolute; top: 0; left: -9999px; } #globalHeader ul li.skip a:hover, #globalHeader ul li.skip a:active, #globalHeader ul li.skip a:focus { position: absolute; top: 0; left: 0; background: #000; color: #fff; padding: .6em; font-size: 1.2em; } #globalHeader ul li.lastitem { background: none; } #globalHeader ul li.textSize { background: none; } #globalHeader ul li.textSize ul { display: inline; } #globalHeader ul li.textSize ul li { font-size: 1em; padding: 0; background: none; text-transform: uppercase; } #globalHeader ul li.textSize ul li.large { font-size: 1.1em; } #globalHeader ul li.textSize ul li.xlarge { font-size: 1.2em; } #globalHeader ul li.textSize span { position: absolute; top: 0; left: -9999px; } /* #header { width: 980px; height: 117px; margin: 0 auto; background: url(/images/template/bg-header.png) no-repeat top left; text-align: right; } #header p { padding: 27px 0 0; } #header strong.strapline { position: absolute; top: 0; left: -9999px; } */ #header { width: 980px; height: 117px; margin: 0 auto; background: url(/images/template/bg-header.png) no-repeat top left; text-align: right; } #header p { padding: 27px 0 0; } #header p a { display: block; } #header strong.strapline { position: absolute; top: 0; left: -9999px; } #globalTools { background: url(/images/template/bg-globaltools.png) repeat-x top left; border: solid #d6d6d6; border-width: 1px 0; } #globalTools div { width: 980px; margin: 0 auto; padding: .6em 0; text-align: left; overflow: hidden; } #globalTools div div { width: auto; margin: 0; padding: 0; } #globalTools #aToZ { padding: .5em 0; float: left; } #globalTools #aToZ strong { font-size: 1.2em; } #globalTools #aToZ ul { display: inline; } #globalTools #aToZ ul li { font-weight: bold; font-size: 1.2em; display: inline; } #globalTools #aToZ ul li a { padding: 0 .15em; color: #069; } #globalTools #aToZ ul li.on a { color: #d02c7e; } #globalTools #aToZ ul li.on { color: #d02c7e; } /* #globalTools #aToZ ul li a:hover, #globalTools #aToZ ul li a:active, #globalTools #aToZ ul li a:focus { color: #666; } */ #globalTools #aToZ ul li a:hover, #globalTools #aToZ ul li a:active, #globalTools #aToZ ul li a:focus { color: #D02B7D; } #globalTools fieldset { padding: 0 0 0 1em; font-size: 1.2em; float: right; } #globalTools fieldset label { font-weight: bold; } #globalTools fieldset input, #globalTools fieldset select { vertical-align: middle; } /* Wrapper / main menu -------------------------------------------------------------------------- */ /*full width wrapper for enjoyworkenjoylife*/ #enjoywrapper { width:100%; background: #fff url(/enjoyworkenjoylife/bg_fade.jpg) top repeat-x; } #enjoywrapper2 { width: 980px; background: #fff; margin: 0 auto; padding: 1.5em 0; text-align: left; overflow: hidden; } #wrapper { width: 980px; margin: 0 auto; padding: 1.5em 0; text-align: left; overflow: hidden; } #mainMenu { width: 180px; float: left; } #mainMenu ul { border-bottom: 1px solid #dad9da; } #mainMenu ul li { border-top: 1px solid #dad9da; } #mainMenu ul li a, #mainMenu ul li strong { font-size: 1.2em; color: #666; font-weight: bold; padding: .4em .4em .4em 17px; display: block; background-repeat: no-repeat; background-position: 6px .8em; } #mainMenu ul li.on, #mainMenu ul li.selected { background: url(/images/template/bg-mainmenu-on.png) repeat-x top left; } #mainMenu ul li#mm5.on a, #mainMenu ul li#mm5.selected a, #mainMenu ul li#mm5.on strong { color: #5963ad; } /* #mainMenu ul li#mm6.on a, #mainMenu ul li#mm6.selected a, #mainMenu ul li#mm6.on strong { color: #bb5795; } */ #mainMenu ul li#mm6.on a, #mainMenu ul li#mm6.selected a, #mainMenu ul li#mm6.on strong { color: #607817; } #mainMenu ul li#mm14.on a, #mainMenu ul li#mm14.selected a, #mainMenu ul li#mm14.on strong { color: #cb3600; } /*add all colors for text in all sections jr*/ #mainMenu ul li#mm1.on a, #mainMenu ul li#mm1.selected a, #mainMenu ul li#mm1.on strong { color: #004a8f; } #mainMenu ul li#mm2.on a, #mainMenu ul li#mm2.selected a, #mainMenu ul li#mm2.on strong { color: #00848f; } #mainMenu ul li#mm3.on a, #mainMenu ul li#mm3.selected a, #mainMenu ul li#mm3.on strong { color: #004a8f; } #mainMenu ul li#mm4.on a, #mainMenu ul li#mm4.selected a, #mainMenu ul li#mm4.on strong { color: #c52d77; } #mainMenu ul li#mm7.on a, #mainMenu ul li#mm7.selected a, #mainMenu ul li#mm7.on strong { color: #8f0087; } /* #mainMenu ul li#mm8.on a, #mainMenu ul li#mm8.selected a, #mainMenu ul li#mm8.on strong { color: #607817; } */ #mainMenu ul li#mm8.on a, #mainMenu ul li#mm8.selected a, #mainMenu ul li#mm8.on strong { color: #006697; } #mainMenu ul li#mm9.on a, #mainMenu ul li#mm9.selected a, #mainMenu ul li#mm9.on strong { color: #666; } #mainMenu ul li#mm10.on a, #mainMenu ul li#mm10.selected a, #mainMenu ul li#mm10.on strong { color: #8f0087; } #mainMenu ul li#mm11.on a, #mainMenu ul li#mm11.selected a, #mainMenu ul li#mm11.on strong { color: #006697; } #mainMenu ul li#mm12.on a, #mainMenu ul li#mm12.selected a, #mainMenu ul li#mm12.on strong { color: #004a8f; } /* #mainMenu ul li#mm13.on a, #mainMenu ul li#mm13.selected a, #mainMenu ul li#mm13.on strong { color: #f03; } */ #mainMenu ul li#mm13.on a, #mainMenu ul li#mm13.selected a, #mainMenu ul li#mm13.on strong { color: #bb5795; } #mainMenu ul li#mm15.on a, #mainMenu ul li#mm15.selected a, #mainMenu ul li#mm15.on strong { color: #c52d77; } #mainMenu ul li#mm1 a, #mainMenu ul li#mm1 strong { background-image: url(/images/template/bg-mainmenu-1.png); } #mainMenu ul li#mm2 a, #mainMenu ul li#mm2 strong { background-image: url(/images/template/bg-mainmenu-2.png); } #mainMenu ul li#mm3 a, #mainMenu ul li#mm3 strong { background-image: url(/images/template/bg-mainmenu-3.png); } #mainMenu ul li#mm4 a, #mainMenu ul li#mm4 strong { background-image: url(/images/template/bg-mainmenu-4.png); } #mainMenu ul li#mm5 a, #mainMenu ul li#mm5 strong { background-image: url(/images/template/bg-mainmenu-5.png); } /* #mainMenu ul li#mm6 a, #mainMenu ul li#mm6 strong { background-image: url(/images/template/bg-mainmenu-6.png); } */ #mainMenu ul li#mm6 a, #mainMenu ul li#mm6 strong { background-image: url(/images/template/bg-mainmenu-8.png); } #mainMenu ul li#mm7 a, #mainMenu ul li#mm7 strong { background-image: url(/images/template/bg-mainmenu-7.png); } /* #mainMenu ul li#mm8 a, #mainMenu ul li#mm8 strong { background-image: url(/images/template/bg-mainmenu-8.png); } */ #mainMenu ul li#mm8 a, #mainMenu ul li#mm8 strong { background-image: url(/images/template/bg-mainmenu-11.png); } #mainMenu ul li#mm9 a, #mainMenu ul li#mm9 strong { background-image: url(/images/template/bg-mainmenu-9.png); } #mainMenu ul li#mm10 a, #mainMenu ul li#mm10 strong { background-image: url(/images/template/bg-mainmenu-10.png); } #mainMenu ul li#mm11 a, #mainMenu ul li#mm11 strong { background-image: url(/images/template/bg-mainmenu-11.png); } #mainMenu ul li#mm12 a, #mainMenu ul li#mm12 strong { background-image: url(/images/template/bg-mainmenu-12.png); } /* #mainMenu ul li#mm13 a, #mainMenu ul li#mm13 strong { background-image: url(/images/template/bg-mainmenu-13.png); } */ #mainMenu ul li#mm13 a, #mainMenu ul li#mm13 strong { background-image: url(/images/template/bg-mainmenu-6.png); } #mainMenu ul li#mm14 a, #mainMenu ul li#mm14 strong { background-image: url(/images/template/bg-mainmenu-14.png); } #mainMenu ul li#mm15 a, #mainMenu ul li#mm15 strong { background-image: url(/images/template/bg-mainmenu-4.png); } /*jr for level 1 slected */ #mainMenu ul li.selected strong { color: #fff !important; } #mainMenu ul li#mm1.selected strong { color:#004a8f !important; } #mainMenu ul li#mm2.selected strong { background: #00848f; } #mainMenu ul li#mm3.selected strong { background: #004a8f; } #mainMenu ul li#mm4.selected strong { background: #c52d77; } #mainMenu ul li#mm5.selected strong { background: #5a64af; } /* #mainMenu ul li#mm6.selected strong { background: #bb5795; } */ #mainMenu ul li#mm6.selected strong { background: #607817; } #mainMenu ul li#mm7.selected strong { background: #8f0087; } /* #mainMenu ul li#mm8.selected strong { background: #607817; } */ #mainMenu ul li#mm8.selected strong { background: #006697; } #mainMenu ul li#mm9.selected strong { background: #666; } #mainMenu ul li#mm10.selected strong { background: #8f0087; } #mainMenu ul li#mm11.selected strong { background: #006697; } #mainMenu ul li#mm12.selected strong { background: #004a8f; } /* #mainMenu ul li#mm13.selected strong { background: #f03; } */ #mainMenu ul li#mm13.selected strong { background: #bb5795; } #mainMenu ul li#mm14.selected strong { background: #cb3600; } #mainMenu ul li#mm15.selected strong { background: #c52d77; } /* second level */ #mainMenu ul li ul { border-bottom: 0; } #mainMenu ul li ul li a, #mainMenu ul li ul li strong { padding: .4em .4em .4em 27px; background-position: 16px .8em; } #mainMenu ul li ul li.selected strong { color: #fff !important; } #mainMenu ul li#mm1 ul li.selected strong { } #mainMenu ul li#mm2 ul li.selected strong { background: #00848f; } #mainMenu ul li#mm3 ul li.selected strong { background: #004a8f; } #mainMenu ul li#mm4 ul li.selected strong { background: #c52d77; } #mainMenu ul li#mm5 ul li.selected strong { background: #5a64af; } /* #mainMenu ul li#mm6 ul li.selected strong { background: #bb5795; } */ #mainMenu ul li#mm6 ul li.selected strong { background: #607817; } #mainMenu ul li#mm7 ul li.selected strong { background: #8f0087; } /* #mainMenu ul li#mm8 ul li.selected strong { background: #607817; } */ #mainMenu ul li#mm8 ul li.selected strong { background: #006697; } #mainMenu ul li#mm9 ul li.selected strong { background: #666; } #mainMenu ul li#mm10 ul li.selected strong { background: #8f0087; } #mainMenu ul li#mm11 ul li.selected strong { background: #006697; } #mainMenu ul li#mm12 ul li.selected strong { background: #004a8f; } /* #mainMenu ul li#mm13 ul li.selected strong { background: #f03; } */ #mainMenu ul li#mm13 ul li.selected strong { background: #bb5795; } #mainMenu ul li#mm14 ul li.selected strong { background: #cb3600; } #mainMenu ul li#mm15 ul li.selected strong { background: #c52d77; } /* third level JR */ #mainMenu ul li ul ul { border-bottom: 0; } #mainMenu ul li ul ul li a, #mainMenu ul li ul ul li strong { padding: .4em .4em .4em 37px; background-position: 26px .8em; } #mainMenu ul li ul li.selected strong { color: #fff !important; } #mainMenu ul li#mm1 ul ul li.selected strong { } #mainMenu ul li#mm2 ul ul li.selected strong { background: #00848f; } #mainMenu ul li#mm3 ul ul li.selected strong { background: #004a8f; } #mainMenu ul li#mm4 ul ul li.selected strong { background: #c52d77; } #mainMenu ul li#mm5 ul ul li.selected strong { background: #5a64af; } /* #mainMenu ul li#mm6 ul ul li.selected strong { background: #bb5795; } */ #mainMenu ul li#mm6 ul ul li.selected strong { background: #607817; } #mainMenu ul li#mm7 ul ul li.selected strong { background: #8f0087; } /* #mainMenu ul li#mm8 ul ul li.selected strong { background: #607817; } */ #mainMenu ul li#mm8 ul ul li.selected strong { background: #006697; } #mainMenu ul li#mm9 ul ul li.selected strong { background: #666; } #mainMenu ul li#mm10 ul ul li.selected strong { background: #8f0087; } #mainMenu ul li#mm11 ul ul li.selected strong { background: #006697; } #mainMenu ul li#mm12 ul ul li.selected strong { background: #004a8f; } /* #mainMenu ul li#mm13 ul ul li.selected strong { background: #f03; } */ #mainMenu ul li#mm13 ul ul li.selected strong { background: #bb5795; } #mainMenu ul li#mm14 ul ul li.selected strong { background: #cb3600; } #mainMenu ul li#mm15 ul ul li.selected strong { background: #c52d77; } /* fourth level JR */ #mainMenu ul li ul ul ul { border-bottom: 0; } #mainMenu ul li ul ul ul li a, #mainMenu ul li ul ul ul li strong { padding: .4em .4em .4em 47px; background-position: 36px .8em; } #mainMenu ul li ul ul li.selected strong { color: #fff !important; } #mainMenu ul li#mm1 ul ul ul li.selected strong { } #mainMenu ul li#mm2 ul ul ul li.selected strong { background: #00848f; } #mainMenu ul li#mm3 ul ul ul li.selected strong { background: #004a8f; } #mainMenu ul li#mm4 ul ul ul li.selected strong { background: #c52d77; } #mainMenu ul li#mm5 ul ul ul li.selected strong { background: #5a64af; } /* #mainMenu ul li#mm6 ul ul ul li.selected strong { background: #bb5795; } */ #mainMenu ul li#mm6 ul ul ul li.selected strong { background: #607817; } #mainMenu ul li#mm7 ul ul ul li.selected strong { background: #8f0087; } /* #mainMenu ul li#mm8 ul ul ul li.selected strong { background: #607817; } */ #mainMenu ul li#mm8 ul ul ul li.selected strong { background: #006697; } #mainMenu ul li#mm9 ul ul ul li.selected strong { background: #666; } #mainMenu ul li#mm10 ul ul ul li.selected strong { background: #8f0087; } #mainMenu ul li#mm11 ul ul ul li.selected strong { background: #006697; } #mainMenu ul li#mm12 ul ul ul li.selected strong { background: #004a8f; } /* #mainMenu ul li#mm13 ul ul ul li.selected strong { background: #f03; } */ #mainMenu ul li#mm13 ul ul ul li.selected strong { background: #bb5795; } #mainMenu ul li#mm14 ul ul ul li.selected strong { background: #cb3600; } #mainMenu ul li#mm15 ul ul ul li.selected strong { background: #c52d77; } /* Main content -------------------------------------------------------------------------- */ #content { width: 790px; overflow: hidden; float: right; line-height: 1.5; } #content #leftCol a[href^="http:"] { background: url(/images/template/external.png) no-repeat top right; padding: 0 14px 0 0; } #content #pageTools { width: 180px; margin: 2.1em 5px 1em 0; float: right; } #content #pageTools ul li { font-size: 1.1em; float: left; text-align: right; } #content #pageTools ul li.print { width: 65px; background: url(/images/template/pagetools-print.png) no-repeat center right; } #content #pageTools ul li.print a { padding: 0 16px 0 0; } #content #pageTools ul li.send { width: 115px; background: url(/images/template/pagetools-send.png) no-repeat center right; } #content #pageTools ul li.send a { padding: 0 16px 0 0; } #content #pageTools ul li.feedback { width: 65px; background: url(/images/template/pagetools-feedback.png) no-repeat center right; } #content #pageTools ul li.feedback a { padding: 0 16px 0 0; } #content #pageTools ul li.bookmark { width: 99px; background: url(/images/template/pagetools-bookmark.png) no-repeat center right; padding: 0 16px 0 0; } #content #breadcrumb { padding: 0 0 1.5em; } #content #breadcrumb strong { font-size: 1.2em; color: #004990; } #content #breadcrumb ol { font-size: 1.2em; display: inline; } #content #breadcrumb ol li { display: inline; } #content #breadcrumb ol li a { color: #004990; } #content #breadcrumb ol li strong { font-size: 1em; color: #333; } /* #content a { color: #316ca5; } #content a:active, #content a:focus { color: #666; } #content a { color: #215cc5; } */ #content a { color: #1d50a9; } #content a:active, #content a:focus { color: red; } #content a:hover { color: #D02B7D; } #content a:visited { color: #6C85BC; } #content p.viewAll { font-weight: bold; text-align: right; background: url(/images/template/bg-viewall.png) no-repeat center right; } #content p.viewAll a { padding: 0 8px 0 0; } #content p.viewAll a span { position: absolute; top: 0; left: -9999px; } /*was597 jr trying 590 */ #content #leftCol { width: 597px; padding: 0 0 0 1px; overflow: hidden; float: left; } #content #leftCol .left { width: 298px; float: left; } #content #leftCol .right { width: 299px; float: right; } #content #leftCol.thin { width: 517px; } #content #leftCol.waste { width: 595px; } #content #leftCol.enjoywork { width: 595px; } /*was 2em; jr try 2.3*/ #content #leftCol h1 { font-size: 2em; font-weight: normal; color: #0066CC; } #content #leftCol h2 { margin: 1em 0 1px; font-size: 1.5em; color: #000000; display:block; } #content #leftCol h3 { margin: .8em 0 1px; font-size: 1.2em; color: #333333; } #content #leftCol h4 { margin: .8em 0 1px; font-size: 1.2em; } #content #leftCol p { margin: .8em 0 1px; font-size: 1.2em; } #content #leftCol ul { margin: .8em 0 1px; padding: 0 0 0 2.5em; font-size: 1.2em; list-style: disc; } #content #leftCol ul li { margin: 0 0 .1em; } #content #leftCol ol { margin: .8em 0 1px; padding: 0 0 0 2.5em; font-size: 1.2em; list-style: decimal; } #content #leftCol ol li { margin: 0 0 .1em; } #content #leftCol li.pdf_list_item { list-style: none; background: url(/images/template/icon-pdf.png) no-repeat left .1em; margin-left: -19px; padding-left: 19px; } #content #leftCol li.mov_list_item { list-style: none; background: url(/images/template/icon-mov.png) no-repeat left .1em; margin-left: -19px; padding-left: 19px; } #content #leftCol li.rss_list_item { list-style: none; background: url(/images/template/icon-rss.png) no-repeat left .1em; margin-left: -19px; padding-left: 19px; } #content #leftCol li.word_list_item { list-style: none; background: url(/images/template/icon-word.png) no-repeat left .1em; margin-left: -19px; padding-left: 19px; } #content #leftCol li.xls_list_item { list-style: none; background: url(/images/template/icon-xls.png) no-repeat left .1em; margin-left: -19px; padding-left: 19px; } #content #leftCol li.external_list_item { list-style: none; background: url(/images/template/icon-extlink.png) no-repeat left .1em; margin-left: -19px; padding-left: 19px; } #content #leftCol a.pdf_in_context { background: url(/images/template/icon-pdf.png) no-repeat left .1em; padding: 1px 0 1px 19px; } #content #leftCol a.word_in_context { background: url(/images/template/icon-word.png) no-repeat left .1em; padding: 1px 0 1px 19px; } #content #leftCol a.xls_in_context { background: url(/images/template/icon-xls.png) no-repeat left .1em; padding: 1px 0 1px 19px; } #content #leftCol a.external_in_context { background: url(/images/template/icon-extlink.png) no-repeat left .1em; padding: 1px 0 1px 19px; } #content #leftCol p.callout { margin-left: 15px; margin-right: 15px; font-weight: bold; color: #d43585; } #content #leftCol p.callout span { display: inline-block; background: url(/images/template/bg-callout-btmright.png) no-repeat bottom right; } #content #leftCol p.callout span span { background: url(/images/template/bg-callout-topright.png) no-repeat top right; } #content #leftCol p.callout span span span { background: url(/images/template/bg-callout-bottomleft.png) no-repeat bottom left; } #content #leftCol p.callout span span span span { background: url(/images/template/bg-callout-topleft.png) no-repeat top left; padding: .5em 50px .5em 20px; } #content #leftCol .subPageListing p { overflow: hidden; } #content #leftCol hr { margin: .8em 0 1px; color: #fff; height: 0; border: 0; border-top: 1px dotted #999; clear: both; display: block; } #content #leftCol table { margin: .8em 0 1px; font-size: 1.2em; border: 1px solid #ccc; } #content #leftCol table th, #content #leftCol table td { padding: .2em .3em; } #content #leftCol table thead tr th { color: #fff; background: #ccc; } #content #leftCol table thead th { color: #fff; background: #004990; font-weight: bold; } #content #leftCol table tbody th { color: #fff; font-weight: bold; border-bottom: 1px dotted #ccc; } #content #leftCol table tbody td { border-bottom: 1px dotted #ccc; } /*many tables don't have thead tbody jr */ #content #leftCol table tr th { color: #fff; background: #ccc; } #content #leftCol table th { color: #fff; background: #004990; font-weight: bold; } #content #leftCol table th { font-weight: bold; border-bottom: 1px dotted #ccc; } #content #leftCol table td { border-bottom: 1px dotted #ccc; } #content #leftCol img {clear: both;} #content #leftCol img.imageleft { margin: 0 .6em .6em 0; float: left; } #content #leftCol img.imageleftborder { margin: 0 .6em .6em 0; float: left; border: 1px solid #d6d6d6; } #content #leftCol img.wasteimageleft { margin: 1em .6em 0 0; float: left; } #content #leftCol img.imageright { margin: 0 0 .6em .6em; float: right; } #content #leftCol img.imagerightborder { margin: 0 0 .6em .6em; float: right; border: 1px solid #d6d6d6; } #content #leftCol img.wasteimagerightborder { margin: .6em 0 .6em .6em; float: right; border: 2px solid #d6d6d6; } #content #leftCol img.wasteimagecenter { margin: 0 0 .6em 7px; float:none;} #content #leftCol blockquote { margin: 1em 0 1px 10px; width: 490px; background: url(/images/template/blockquote-top.png) no-repeat top left; } #content #leftCol blockquote div { background: url(/images/template/blockquote-btm.png) no-repeat bottom right; padding: 18px 48px; } #content #leftCol blockquote div p { margin: .2em 0; } /*generic form - please don't alter used on planning apps form bsr form */ #content #leftCol form#genericform { margin: .8em 0 1px; font-size: 1.2em; } #content #leftCol form#genericform p { text-align: right; font-size: 1em; } #content #leftCol form#genericform p strong { color: #004a90; } #content #leftCol form#genericform p .style1 { color: #d02d7c; } #content #leftCol form#genericform fieldset p { text-align: left; } #content #leftCol form#genericform fieldset p strong { color: #666; } #content #leftCol form#genericform fieldset p .style1 { color: #666; } #content #leftCol form#genericform legend { padding: .8em 0 0; font-weight: bold; font-size: 1.2em; } #content #leftCol form#genericform fieldset { width: 475px; border: } #content #leftCol form#genericform div { margin: .7em 0; overflow: hidden; } #content #leftCol form#genericform div.box, #content #leftCol form#genericform div.box2 { margin: 0; } #content #leftCol form#genericform div label { width: 25%; float: left; } #content #leftCol form#genericform div label em { color: #d02d7c; } #content #leftCol form#genericform div input, #content #leftCol form#genericform div textarea { float: left; } #content #leftCol form#genericform div.buttonrow { width: 475px; text-align: right; } #content #leftCol form#genericform div.buttonrow input { width: auto; float: none; cursor: pointer; } #content #leftCol form#genericform div.buttonrow .buttonReset { cursor: pointer; } #content #leftCol form#genericform hr { width: 475px; } /*generic form using a class not an id*/ #content #leftCol form.genericform { margin: .8em 0 1px; font-size: 1.2em; } #content #leftCol form.genericform p { text-align: right; font-size: 1em; } #content #leftCol form.genericform p strong { color: #004a90; } #content #leftCol form.genericform p .style1 { color: #d02d7c; } #content #leftCol form.genericform fieldset p { text-align: left; } #content #leftCol form.genericform fieldset p strong { color: #666; } #content #leftCol form.genericform fieldset p .style1 { color: #666; } #content #leftCol form.genericform legend { padding: .8em 0 0; font-weight: bold; font-size: 1.2em; } #content #leftCol form.genericform fieldset { width: 475px; border: } #content #leftCol form.genericform div { margin: .7em 0; overflow: hidden; } #content #leftCol form.genericform div.box, #content #leftCol form.genericform div.box2 { margin: 0; } #content #leftCol form.genericform div label { width: 25%; float: left; } #content #leftCol form.genericform div label em { color: #d02d7c; } #content #leftCol form.genericform div input, #content #leftCol form.genericform div textarea { float: left; } #content #leftCol form.genericform div.buttonrow { width: 475px; text-align: right; } #content #leftCol form.genericform div.buttonrow input { width: auto; float: none; cursor: pointer; } #content #leftCol form.genericform div.buttonrow .buttonReset { cursor: pointer; } #content #leftCol form.genericform hr { width: 475px; } /*generic form - please don't alter*/ #content #leftCol div#noformtag { margin: .8em 0 1px; font-size: 1.2em; } #content #leftCol div#noformtag p { text-align: right; font-size: 1em; } #content #leftCol div#noformtag p strong { color: #004a90; } #content #leftCol div#noformtag p .style1 { color: #d02d7c; } #content #leftCol div#noformtag fieldset p { text-align: left; } #content #leftCol div#noformtag fieldset p strong { color: #666; } #content #leftCol div#noformtag fieldset p .style1 { color: #666; } #content #leftCol div#noformtag legend { padding: .8em 0 0; font-weight: bold; font-size: 1.2em; } #content #leftCol div#noformtag fieldset { width: 475px; border: } #content #leftCol div#noformtag div { margin: .7em 0; overflow: hidden; } #content #leftCol div#noformtag div.box, #content #leftCol div#noformtag div.box2 { margin: 0; } #content #leftCol div#noformtag div label { width: 25%; float: left; } #content #leftCol div#noformtag div label em { color: #d02d7c; } #content #leftCol div#noformtag div input, #content #leftCol div#noformtag div textarea { float: left; } #content #leftCol div#noformtag div.buttonrow { width: 475px; text-align: right; } #content #leftCol div#noformtag div.buttonrow input { width: auto; float: none; cursor: pointer; } #content #leftCol div#noformtag div.buttonrow .buttonReset { cursor: pointer; } #content #leftCol div#noformtag hr { width: 475px; } #content #leftCol div.errordisplay .errors { margin-left: 15px; margin-right: 15px; font-weight: bold; color: #d43585; } #content #leftCol div.errordisplay .errors span { display: inline-block; background: url(/images/template/bg-callout-btmright.png) no-repeat bottom right; } #content #leftCol div.errordisplay .errors span span { background: url(/images/template/bg-callout-topright.png) no-repeat top right; } #content #leftCol div.errordisplay .errors span span span { background: url(/images/template/bg-callout-bottomleft.png) no-repeat bottom left; } #content #leftCol div.errordisplay .errors span span span span { background: url(/images/template/bg-callout-topleft.png) no-repeat top left; padding: .5em 50px .5em 20px; } .error { color: #fff; font-weight: bold; background-color: #D82D7C;} #content #leftCol div#noformtag div.buttonrow .payment_submit { background-image:url('/images/template/button-emptytext.png'); font-weight: bold; background-color: transparent; cursor: hand; background-repeat: no-repeat; background-position: left; padding-left:6px; font-size: 0.9em; width: 52px; border-style: none; height: 25px; vertical-align: text-top; } #content #leftCol div#noformtag div.buttonrow .payment_big_submit { background-image:url('/images/template/button-emptytext-big.png'); font-weight: bold; background-color: transparent; cursor: hand; background-repeat: no-repeat; background-position: left; padding-left:6px; font-size: 0.9em; width: 120px; border-style: none; height: 25px; vertical-align: text-top; } #content #leftCol div#noformtag div.buttonrow .payment_medium_submit { background-image:url('/images/template/button-emptytext-medium.png'); font-weight: bold; background-color: transparent; cursor: hand; background-repeat: no-repeat; background-position: left; padding-left:6px; font-size: 0.9em; width: 80px; border-style: none; height: 25px; vertical-align: text-top; } div.buttonrow .payment_submit { background-image:url('/images/template/button-emptytext.png'); font-weight: bold; background-color: transparent; cursor: hand; background-repeat: no-repeat; background-position: left; padding-left:6px; font-size: 0.9em; width: 52px; border-style: none; height: 25px; vertical-align: text-top; } div.buttonrow .payment_big_submit { background-image:url('/images/template/button-emptytext-big.png'); font-weight: bold; background-color: transparent; cursor: hand; background-repeat: no-repeat; background-position: left; padding-left:6px; font-size: 0.9em; width: 120px; border-style: none; height: 25px; vertical-align: text-top; } div.buttonrow .payment_medium_submit { background-image:url('/images/template/button-emptytext-medium.png'); font-weight: bold; background-color: transparent; cursor: hand; background-repeat: no-repeat; background-position: left; padding-left:6px; font-size: 0.9em; width: 80px; border-style: none; height: 25px; vertical-align: text-top; } #content #leftCol form#frmccc { margin: .8em 0 1px; font-size: 1.2em; } #content #leftCol form#frmccc p { text-align: right; font-size: 1em; } #content #leftCol form#frmccc p strong { color: #004a90; } #content #leftCol form#frmccc p .style1 { color: #d02d7c; } #content #leftCol form#frmccc fieldset p { text-align: left; } #content #leftCol form#frmccc fieldset p strong { color: #666; } #content #leftCol form#frmccc fieldset p .style1 { color: #666; } #content #leftCol form#frmccc legend { padding: .8em 0 0; font-weight: bold; font-size: 1.2em; } #content #leftCol form#frmccc fieldset { width: 395px; } #content #leftCol form#frmccc div { margin: .7em 0; overflow: hidden; } #content #leftCol form#frmccc div.box, #content #leftCol form#frmccc div.box2 { margin: 0; } #content #leftCol form#frmccc div label { width: 35%; float: left; } #content #leftCol form#frmccc div label em { color: #d02d7c; } #content #leftCol form#frmccc div input, #content #leftCol form#frmccc div textarea { width: 180px; float: right; } #content #leftCol form#frmccc div.buttonrow { width: 395px; text-align: right; } #content #leftCol form#frmccc div.buttonrow input { width: auto; float: none; background: #d02d7c; color: #fff; cursor: pointer; font-weight: bold; border: 1px solid #999; } #content #leftCol form#schoolclosures { margin: .8em 0 1px; font-size: 1.2em; } #content #leftCol form#schoolclosures p { text-align: right; font-size: 1em; } #content #leftCol form#schoolclosures p strong { color: #004a90; } #content #leftCol form#schoolclosures p .style1 { color: #d02d7c; } #content #leftCol form#schoolclosures fieldset p { text-align: left; } #content #leftCol form#schoolclosures fieldset p strong { color: #666; } #content #leftCol form#schoolclosures fieldset p .style1 { color: #666; } #content #leftCol form#schoolclosures legend { padding: .8em 0 0; font-weight: bold; font-size: 1.2em; } #content #leftCol form#schoolclosures fieldset { width: 475px; border: } #content #leftCol form#schoolclosures div { margin: .7em 0; overflow: hidden; } #content #leftCol form#schoolclosures div.box, #content #leftCol form#schoolclosures div.box2 { margin: 0; } #content #leftCol form#schoolclosures div label { width: 35%; float: left; } #content #leftCol form#schoolclosures div label em { color: #d02d7c; } #content #leftCol form#schoolclosures div input, #content #leftCol form#schoolclosures div textarea { float: left; } #content #leftCol form#schoolclosures div.buttonrow { width: 475px; text-align: right; } #content #leftCol form#schoolclosures div.buttonrow input { width: auto; float: none; cursor: pointer; } #content #leftCol form#schoolclosures div.buttonrow .buttonReset { cursor: pointer; } #content #leftCol form#jobsform { margin: .8em 0 1px; font-size: 1.2em; } #content #leftCol form#jobsform p { text-align: right; font-size: 1em; } #content #leftCol form#jobsform p strong { color: #004a90; } #content #leftCol form#jobsform p .style1 { color: #d02d7c; } #content #leftCol form#jobsform fieldset p { text-align: left; } #content #leftCol form#jobsform fieldset p strong { color: #666; } #content #leftCol form#jobsform fieldset p .style1 { color: #666; } #content #leftCol form#jobsform legend { padding: .8em 0 0; font-weight: bold; font-size: 1.2em; } #content #leftCol form#jobsform fieldset { width: 475px; border: } #content #leftCol form#jobsform div { margin: .7em 0; overflow: hidden; } #content #leftCol form#jobsform div.box, #content #leftCol form#jobsform div.box2 { margin: 0; } #content #leftCol form#jobsform div label { width: 15%; float: left; } #content #leftCol form#jobsform div label em { color: #d02d7c; } #content #leftCol form#jobsform div input, #content #leftCol form#jobsform div textarea { float: left; } #content #leftCol form#jobsform div.buttonrow { width: 475px; text-align: right; } #content #leftCol form#jobsform div.buttonrow input { width: auto; float: none; cursor: pointer; } #content #leftCol form#jobsform div.buttonrow .buttonReset { cursor: pointer; } /* #content #leftCol form#jobsform div.buttonrow input { width: auto; float: none; background: #d02d7c; color: #fff; cursor: pointer; font-weight: bold; border: 1px solid #999; } */ #content #leftCol form#committeesform { margin: .8em 0 1px; font-size: 1.2em; } #content #leftCol form#committeesform p { text-align: right; font-size: 1em; } #content #leftCol form#committeesform p strong { color: #004a90; } #content #leftCol form#committeesform p .style1 { color: #d02d7c; } #content #leftCol form#committeesform fieldset p { text-align: left; } #content #leftCol form#committeesform fieldset p strong { color: #666; } #content #leftCol form#committeesform fieldset p .style1 { color: #666; } #content #leftCol form#committeesform legend { padding: .8em 0 0; font-weight: bold; font-size: 1.2em; } #content #leftCol form#committeesform fieldset { width: 475px; border: } #content #leftCol form#committeesform div { margin: .7em 0; overflow: hidden; } #content #leftCol form#committeesform div.box, #content #leftCol form#committeesform div.box2 { margin: 0; } #content #leftCol form#committeesform div label { width: 23%; float: left; } #content #leftCol form#committeesform div label em { color: #d02d7c; } #content #leftCol form#committeesform div input, #content #leftCol form#committeesform div textarea { float: left; } #content #leftCol form#committeesform div.buttonrow { width: 475px; text-align: right; } #content #leftCol form#committeesform div.buttonrow input { width: auto; float: none; cursor: pointer; } #content #leftCol form#committeesform div.buttonrow .buttonReset { cursor: pointer; } #content #leftCol form#committeesformkeyword { margin: .8em 0 1px; font-size: 1.2em; } #content #leftCol form#committeesformkeyword p { text-align: right; font-size: 1em; } #content #leftCol form#committeesformkeyword p strong { color: #004a90; } #content #leftCol form#committeesformkeyword p .style1 { color: #d02d7c; } #content #leftCol form#committeesformkeyword fieldset p { text-align: left; } #content #leftCol form#committeesformkeyword fieldset p strong { color: #666; } #content #leftCol form#committeesformkeyword fieldset p .style1 { color: #666; } #content #leftCol form#committeesformkeyword legend { padding: .8em 0 0; font-weight: bold; font-size: 1.2em; } #content #leftCol form#committeesformkeyword fieldset { width: 475px; border: } #content #leftCol form#committeesformkeyword div { margin: .7em 0; overflow: hidden; } #content #leftCol form#committeesformkeyword div.box, #content #leftCol form#committeesformkeyword div.box2 { margin: 0; } #content #leftCol form#committeesformkeyword div label { width: 23%; float: left; } #content #leftCol form#committeesformkeyword div label em { color: #d02d7c; } #content #leftCol form#committeesformkeyword div input, #content #leftCol form#committeesformkeyword div textarea { float: left; } #content #leftCol form#committeesformkeyword div.buttonrow { width: 475px; text-align: right; } #content #leftCol form#committeesformkeyword div.buttonrow input { width: auto; float: none; cursor: pointer; } #content #leftCol form#committeesformkeyword div.buttonrow .buttonReset { cursor: pointer; } #content #leftCol form.bustimetablesearch { margin: .8em 0 1px; font-size: 1.2em; } #content #leftCol form.bustimetablesearch p { text-align: right; font-size: 1em; } #content #leftCol form.bustimetablesearch p strong { color: #004a90; } #content #leftCol form.bustimetablesearch p .style1 { color: #d02d7c; } #content #leftCol form.bustimetablesearch fieldset p { text-align: left; } #content #leftCol form.bustimetablesearch fieldset p strong { color: #666; } #content #leftCol form.bustimetablesearch fieldset p .style1 { color: #666; } #content #leftCol form.bustimetablesearch legend { padding: .8em 0 0; font-weight: bold; font-size: 1.2em; } #content #leftCol form.bustimetablesearch fieldset { width: 475px; border: } #content #leftCol form.bustimetablesearch div { margin: .7em 0; overflow: hidden; } #content #leftCol form.bustimetablesearch div.box, #content #leftCol form.bustimetablesearch div.box2 { margin: 0; } #content #leftCol form.bustimetablesearch div label { width: 18%; float: left; } #content #leftCol form.bustimetablesearch div label em { color: #d02d7c; } #content #leftCol form.bustimetablesearch div input, #content #leftCol form.bustimetablesearch div textarea { float: left; } #content #leftCol form.bustimetablesearch div.buttonrow { width: 475px; text-align: right; } #content #leftCol form.bustimetablesearch div.buttonrow input { width: auto; float: none; cursor: pointer; } #content #leftCol form.bustimetablesearch div.buttonrow .buttonReset { cursor: pointer; } #content #leftCol form#SMRSearch { margin: .8em 0 1px; font-size: 1.2em; } #content #leftCol form#SMRSearch p { text-align: right; font-size: 1em; } #content #leftCol form#SMRSearch p strong { color: #004a90; } #content #leftCol form#SMRSearch p .style1 { color: #d02d7c; } #content #leftCol form#SMRSearch fieldset p { text-align: left; } #content #leftCol form#SMRSearch fieldset p strong { color: #666; } #content #leftCol form#SMRSearch fieldset p .style1 { color: #666; } #content #leftCol form#SMRSearch legend { padding: .8em 0 0; font-weight: bold; font-size: 1.2em; } #content #leftCol form#SMRSearch fieldset { width: 395px; } #content #leftCol form#SMRSearch div { margin: .7em 0; overflow: hidden; } #content #leftCol form#SMRSearch div.box, #content #leftCol form#SMRSearch div.box2 { margin: 0; } #content #leftCol form#SMRSearch div label { width: 35%; float: left; } #content #leftCol form#SMRSearch div label em { color: #d02d7c; } #content #leftCol form#SMRSearch div input, #content #leftCol form#SMRSearch div textarea { float: left; } #content #leftCol form#SMRSearch div.buttonrow { width: 395px; text-align: right; } #content #leftCol form#SMRSearch div.buttonrow input { width: auto; float: none; background: #d02d7c; color: #fff; cursor: pointer; font-weight: bold; border: 1px solid #999; } /* payment forms */ #content #leftCol form#paymentform { margin: .8em 0 1px; font-size: 1.2em; } #content #leftCol form#paymentform p { text-align: right; font-size: 1em; } #content #leftCol form#paymentform p strong { color: #004a90; } #content #leftCol form#paymentform p .style1 { color: #d02d7c; } #content #leftCol form#paymentform fieldset p { text-align: left; } #content #leftCol form#paymentform fieldset p strong { color: #666; } #content #leftCol form#paymentform fieldset p .style1 { color: #666; } #content #leftCol form#paymentform legend { padding: .8em 0 0; font-weight: bold; font-size: 1.2em; } #content #leftCol form#paymentform fieldset { width: 550px; border: } #content #leftCol form#paymentform div { margin: .7em 0; overflow: hidden; } #content #leftCol form#paymentform div.box, #content #leftCol form#paymentform div.box2 { margin: 0; } #content #leftCol form#paymentform div label { width: 25%; float: left; } #content #leftCol form#paymentform div label em { color: #d02d7c; } #content #leftCol form#paymentform div input, #content #leftCol form#paymentform div textarea { float: left; } #content #leftCol form#paymentform div.buttonrow { width: 550px; text-align: right; } #content #leftCol form#paymentform div.buttonrow input { width: auto; float: none; cursor: pointer; } #content #leftCol form#paymentform div.buttonrow .buttonReset { cursor: pointer; } #content #leftCol form#paymentform ul { font-size: 1em; } #content #leftCol form#paymentform div.buttonrow .payment_submit { background-image:url('/images/template/button-emptytext.png'); font-weight: bold; background-color: transparent; cursor: hand; background-repeat: no-repeat; background-position: left; padding-left:6px; font-size: 0.9em; width: 52px; border-style: none; height: 25px; vertical-align: text-top; } #content #leftCol form#paymentform div.buttonrow .payment_big_submit { background-image:url('/images/template/button-emptytext-big.png'); font-weight: bold; background-color: transparent; cursor: hand; background-repeat: no-repeat; background-position: left; padding-left:6px; font-size: 0.9em; width: 120px; border-style: none; height: 25px; vertical-align: text-top; } #content #leftCol form#paymentform div.buttonrow .payment_medium_submit { background-image:url('/images/template/button-emptytext-medium.png'); font-weight: bold; background-color: transparent; cursor: hand; background-repeat: no-repeat; background-position: left; padding-left:6px; font-size: 0.9em; width: 80px; border-style: none; height: 25px; vertical-align: text-top; } #content #leftCol form#paymentform .errors { margin-left: 15px; margin-right: 15px; font-weight: bold; color: #d43585; } #content #leftCol form#paymentform .errors span { display: inline-block; background: url(/images/template/bg-callout-btmright.png) no-repeat bottom right; } #content #leftCol form#paymentform .errors span span { background: url(/images/template/bg-callout-topright.png) no-repeat top right; } #content #leftCol form#paymentform .errors span span span { background: url(/images/template/bg-callout-bottomleft.png) no-repeat bottom left; } #content #leftCol form#paymentform .errors span span span span { background: url(/images/template/bg-callout-topleft.png) no-repeat top left; padding: .5em 50px .5em 20px; } /* events search */ #content #leftCol form#eventslanding { font-size: 1.2em; } #content #leftCol form#eventslanding fieldset div { padding: .4em 0; } #content #leftCol form#eventslanding fieldset label { display: inline-block; min-width: 75px; } #content #leftCol form#eventslanding fieldset input, #content #leftCol form#eventslanding fieldset select, #content #leftCol form#eventslanding fieldset img { vertical-align: middle; } #content #leftCol form#eventslanding fieldset select { width: 182px; } #content #leftCol form#eventslanding .buttonrow { width: 475px; text-align: right; } /* A to Z */ #content #aToZTabs { clear: both; } #content #aToZTabs ul { margin: 0 0 0 3.5em; padding: 0 0 0 1px; position: relative; background: url(/images/template/atoz-tabs-bgul.png) no-repeat top left; overflow: hidden; } #content #aToZTabs ul li { width: 1.5em; font-size: 1.8em; font-weight: bold; float: left; background: url(/images/template/atoz-tabs-bg1.png) repeat-x top left; text-align: center; } #content #aToZTabs ul li a, #content #aToZTabs ul li span { display: block; background: url(/images/template/atoz-tabs-bg2.png) no-repeat top right; } #content #aToZTabs ul li a span, #content #aToZTabs ul li span span { padding: 7px 0 0; display: block; background: url(/images/template/atoz-tabs-bg3.png) no-repeat top left; } #content #aToZTabs ul li.on { background-color: #d02c7e; } #content #aToZTabs ul li.on span { background: url(/images/template/atoz-tabs-bg2-on.png) no-repeat top right; } #content #aToZTabs ul li.on span span { color: #fff; background: url(/images/template/atoz-tabs-bg3-on.png) no-repeat top left; } #content #aToZTabs ul li a:visited { color: #316CA5; } #content #aToZ { width: 779px; margin: -5px 0 0; background: url(/images/template/widebox-btm.png) no-repeat bottom left; } #content #aToZ div { padding: 16px; background: url(/images/template/widebox-top.png) no-repeat top left; } #content #aToZ ul { margin-bottom: -1px; } #content #aToZ ul li { border-bottom: 1px dotted #d02b7d; } #content #aToZ ul li:last-child { border-bottom: 0; } #content #aToZ ul li a { overflow: hidden; font-size: 1.4em; padding: 1em .6em .3em; display: block; } #content #aToZ ul li a[href^="http:"] span { background: url(/images/template/atoz-external.png) no-repeat top right; padding: 0 78px 0 0; float: left; } #content #aToZ ul li a:hover { background-color: #fef8fb; } #content #aToZ p { font-size: 1.2em; } /* site map */ #content #siteMap { width: 779px; clear: both; background: url(/images/template/widebox-btm.png) no-repeat bottom left; line-height: 1.4; } #content #siteMap div { padding: 10px 26px 16px; background: url(/images/template/widebox-top.png) no-repeat top left; } #content #siteMap div div { padding: 0; overflow: hidden; background: url(/images/template/sitemap-bar.png) repeat-y top center; } #content #siteMap div div div { overflow: visible; background: none; /* reset */ } #content #siteMap div.left { width: 48%; float: left; } #content #siteMap div.right { width: 48%; float: right; } #content #siteMap h2 { display: block; font-size: 1.4em; margin: 1.2em 0 1px; } #content #siteMap ul { padding: 0 0 0 2.5em; font-size: 1.1em; color: #115597; list-style: square; } #content #siteMap ul li { font-weight: bold; } #content #siteMap ul li ul { padding: 0 0 0 2.5em; font-size: 1em; } #content #siteMap ul li ul li { font-weight: normal; } /* colours */ #content #siteMap .section2 h2 a, #content #siteMap .section2 ul { color: #00848f; } #content #siteMap .section3 h2 a, #content #siteMap .section3 ul { color: #004a8f; } #content #siteMap .section4 h2 a, #content #siteMap .section4 ul { color: #c52d77; } #content #siteMap .section5 h2 a, #content #siteMap .section5 ul { color: #5a64af; } #content #siteMap .section6 h2 a, #content #siteMap .section6 ul { color: #607817; } #content #siteMap .section7 h2 a, #content #siteMap .section7 ul { color: #8f0087; } #content #siteMap .section8 h2 a, #content #siteMap .section8 ul { color: #006697; } #content #siteMap .section9 h2 a, #content #siteMap .section9 ul { color: #666; } #content #siteMap .section10 h2 a, #content #siteMap .section10 ul { color: #8f0087; } #content #siteMap .section11 h2 a, #content #siteMap .section11 ul { color: #006697; } #content #siteMap .section12 h2 a, #content #siteMap .section12 ul { color: #004a8f; } #content #siteMap .section13 h2 a, #content #siteMap .section13 ul { color: #BB5795; } #content #siteMap .section14 h2 a, #content #siteMap .section14 ul { color: #cb3600; } #content #siteMap .section15 h2 a, #content #siteMap .section15 ul { color: #c52d77; } #content #leftCol .resources h2 { margin: .6em 0 1px; color: #666; font-size: 1.8em; font-weight: normal; } /* landing pages */ #content #landingPage #leftCol .gradientBox .image { width: 265px; margin: 1.4em 0 0; float: left; overflow: hidden; } #content #landingPage #leftCol .gradientBox .image img { border: 1px solid #d6d6d6; } #content #landingPage #leftCol .gradientBox .text { width: 291px; float: right; } #content #landingPage #leftCol .gradientBox .text h2 { margin: .5em 0 0; font-size: 2em; font-weight: normal; } #content #landingPage #leftCol .box h2 { margin: .4em 0 0; font-size: 2em; font-weight: normal; } #content #landingPage #leftCol .box p { margin: .6em 0 1px; } #content #landingPage #leftCol .listing .box .box2 { padding: 5px 16px; } #content #landingPage #leftCol .listing .box h2 { margin: .8em 0 0; font-size: 1.5em; font-weight: normal; } #content #landingPage #leftCol .listing .box p { margin: 0 0 .7em; line-height: 1.2; } #content #landingPage #leftCol .listing .box img { margin: 1em 1em 1em 0; float: left; border: 1px solid #d6d6d6; } #content #landingPage #leftCol .latestNews .box p { line-height: 1.4; } #content #landingPage #leftCol .latestNews .box span.date { font-size: .9em; } #content #landingPage #leftCol .latestNews .box .viewAll { font-size: 1.1em; font-weight: normal; } /* 'I Am A...' pages */ #content #iAmA ul.tabs { font-size: 1em; margin: 0 0 -5px 22px; padding: 0 0 0 17px; list-style: none; overflow: hidden; position: relative; } #content #iAmA ul.tabs li { font-size: 1.4em; margin: 0 0 0 -17px; padding: 0; background: url(/images/template/bg-hometabs.png) no-repeat top right; float: left; } #content #iAmA ul.tabs li a { float: left; padding: .8em 26px .3em 27px; } #content #iAmA ul.tabs li.first a { background: url(/images/template/bg-hometabs-first.png) no-repeat top left; } #content #iAmA ul.tabs li#tabsOn { background: url(/images/template/bg-hometabs-on1.png) no-repeat top right; position: relative; } #content #iAmA ul.tabs li#tabsOn { font-size: 1.8em; } #content #iAmA ul.tabs li#tabsOn a { padding: .4em 26px .1em 27px; color: #fff; } #content #iAmA ul.tabs li#tabsOn a { background: url(/images/template/bg-hometabs-on2.png) no-repeat top left; } #content #iAmA ul.tabs li#tabsOn.first a { background: url(/images/template/bg-hometabs-on2-first.png) no-repeat top left; } #content #iAmA ul.tabs li#tabsOn.last { background: url(/images/template/bg-hometabs-on1-last.png) no-repeat top right; } #content #iAmA #leftCol .gradientBox .image { width: 265px; margin: 1.4em 0 0; float: left; overflow: hidden; } #content #iAmA #leftCol .gradientBox .image img { border: 1px solid #d6d6d6; } #content #iAmA #leftCol .gradientBox .text { width: 291px; float: right; } #content #iAmA #leftCol .gradientBox .text h2 { margin: .5em 0 0; font-size: 2em; font-weight: normal; } #content #iAmA #leftCol .box h2 { margin: .4em 0 0; font-size: 2em; font-weight: normal; } #content #iAmA #leftCol .box h3 { margin: .7em 0; } #content #iAmA #leftCol .box p { margin: 0 0 .7em; line-height: 1.2; } #content #iAmA #leftCol .box table { margin: 0 0 .7em; font-size: 1.2em; width: 100%; border: 0; } #content #iAmA #leftCol .box table thead th { font-size: 1.2em; font-weight: normal; color: #004990; border: 0; } #content #iAmA #leftCol .box table tbody th, #content #iAmA #leftCol .box table tbody td { font-weight: normal; padding: 0; border: 0; } #content #iAmA #leftCol .box ul { margin: 0 0 .7em; } #content #iAmA #leftCol .box .imgLeft { margin-top: 0; } #content #iAmA #leftCol .latestNews .box p { line-height: 1.4; } #content #iAmA #leftCol .latestNews .box span.date { font-size: .9em; } #content #iAmA #leftCol .latestNews .box .viewAll { font-size: 1.1em; font-weight: normal; } #content #iAmA #leftCol .usefulLinks .box h3 { margin: 0.43em 0; font-size: 1.4em; font-weight: normal; background: url(/images/template/bg-usefullinks-show.png) no-repeat center right; cursor: pointer; } #content #iAmA #leftCol .usefulLinks .box h3.on { background: url(/images/template/bg-usefullinks-hide.png) no-repeat center right; } #content #iAmA #leftCol .usefulLinks .box h3:hover { text-decoration: underline; } #content #iAmA #leftCol .usefulLinks .box ul.off { display: none; } /* bus timetable search */ #leftCol .busTimetables { font-size: 1.2em; } #leftCol .busTimetables fieldset { padding: .4em 0; } #leftCol .busTimetables fieldset label { display: inline-block; min-width: 75px; } #leftCol .busTimetables fieldset input, #leftCol .busTimetables fieldset select { vertical-align: middle; } #leftCol .busTimetables fieldset select { width: 132px; } #leftCol .busTimetables .box .viewAll { font-weight: normal; } /* planning register search */ #leftCol .planningregistersearch { font-size: 1.2em; } #leftCol .planningregistersearch fieldset { padding: .4em 0; } #leftCol .planningregistersearch fieldset label { display: inline-block; min-width: 75px; } #leftCol .planningregistersearch fieldset input, #leftCol .planningregistersearch fieldset select { vertical-align: middle; } #leftCol .planningregistersearch fieldset select { width: 132px; } #content #landingPage #leftCol .box .planningregistersearch .viewAll { font-size: 0.9em; font-weight: normal; } /* maps */ #content #maps { position: relative; } #content #maps #leftCol { width: auto; float: none; } #content #maps #pageTools { position: absolute; top: 0; right: 0; } #content #leftCol #mapHolder { padding: 0 0 6px; background: url(/images/template/maps-bg-middle.png) no-repeat bottom left; } #content #leftCol #mapHolder .top { padding: 6px 6px 0; background: url(/images/template/maps-bg-top.png) no-repeat top left; overflow: auto; } #content #leftCol #mapHolder .top .left { width: auto; padding: .4em .8em; } #content #leftCol #mapHolder .top .right { width: auto; padding: .4em .8em; border-left: 1px solid #d6d5d6; } #content #leftCol #mapHolder .top label { padding: 0 .4em 0 0; font-size: 1.8em; color: #d02b7d; vertical-align: middle; } #content #leftCol #mapHolder .top input, #content #leftCol #mapHolder .top select { font-size: 1.4em; vertical-align: middle; } #content #leftCol #mapHolder .middle { border-top: 1px solid #d5d4d5; margin: 0 4px 0 5px; padding: 10px 7px; overflow: hidden; position: relative; } #content #leftCol #mapHolder .middle .map { float: left; } #content #leftCol #mapHolder .middle #map { position: relative; border:1px solid #D3D2D3; } #content #leftCol #mapHolder .middle #addressSearch { position: absolute; width: 566px; top: 2px; left: 5px; } #content #leftCol #mapHolder .middle #addressSearch h2 { margin: 0 0 0 18px; background: url(/images/template/maps-addresssearch-hdrleft.png) no-repeat top left; padding: 0 0 0 7px; font-size: 1em; color: #fff; } #content #leftCol #mapHolder .middle #addressSearch h2 span.one { display: inline-block; background: url(/images/template/maps-addresssearch-hdrright.png) no-repeat top right; padding: 0 7px 0 0; } #content #leftCol #mapHolder .middle #addressSearch h2 span.two { display: inline-block; background: #d02d7f url(/images/template/maps-addresssearch-hdrtop.png) repeat-x top left; font-size: 1.6em; padding: .2em .5em .1em; } #content #leftCol #mapHolder .middle #addressSearch .results { padding: 0 20px; width: 526px; height: 291px; background: url(/images/template/maps-addresssearch-box.png) no-repeat; } #content #leftCol #mapHolder .middle #addressSearch .results strong.choose { display: block; padding: 13px 0 0; font-size: 1.2em; } #content #leftCol #mapHolder .middle #addressSearch .results div.scroll { margin: 10px 0 0; height: 235px; overflow: auto; } #content #leftCol #mapHolder .middle #addressSearch .results div.scroll table { width: 96%; border: 0; margin: 0; } #content #leftCol #mapHolder .middle #addressSearch .results div.scroll table tr td { border: 0; } #content #leftCol #mapHolder .middle .layers { width: 166px; background: url(/images/template/maps-bg-layers.png) no-repeat bottom left; float: right; } #content #leftCol #mapHolder .middle .layers h2 { font-size: 1.2em; margin: 0; background: #d02b7d; color: #fff; border: 1px solid #bebebe; padding: .1em .6em; display: block; } /*url(/images/template/maps-layer-on.png) no-repeat center right*/ #content #leftCol #mapHolder .middle .layers h2.off { background-image: url(/images/template/maps-layer-off.png); background-repeat: no-repeat; background-position: center right; } #content #leftCol #mapHolder .middle .layers .pad { padding: 6px 10px 10px; } #content #leftCol #mapHolder .middle .layers h3 { color: #d02b7d; margin: .1em 0 0; font-size: 1.2em; } #content #leftCol #mapHolder .middle .layers label { margin: .2em 0; display: block; color: #115597; font-size: 1.2em; } #content #leftCol #mapHolder .middle .layers label input { margin: 0 .3em 0 0; vertical-align: middle; } #content #leftCol #mapHolder .bottom { margin: 0 5px; padding: .5em 10px; overflow: hidden; border-top: 1px solid #c1c0c1; } #content #leftCol #mapHolder .bottom .gridRef { font-size: 1.2em; float: left; } #content #leftCol #mapHolder .bottom .gridRef span { border: 1px solid #d7d6d7; background: #fff; padding: .1em .5em; } #content #leftCol #mapHolder .bottom .permalink { padding: 0 0 0 1.5em; font-size: 1.2em; float: left; } #content #leftCol #mapHolder .bottom .reset { font-size: 1.2em; float: right; } #content #leftCol #mapResults { background: url(/images/template/maps-bg-resultsbtm.png) no-repeat bottom left; } #content #leftCol #mapResults div { padding: 6px; background: url(/images/template/maps-bg-resultstop.png) no-repeat top left; overflow: hidden; } #content #leftCol #mapResults div div { padding: 0; background: none; overflow: visible; } /* reset divs */ #content #leftCol #mapResults .nav { width: 97px; float: left; } #content #leftCol #mapResults .nav ul { margin: 0 0 -1px; padding: 0; list-style: none; } #content #leftCol #mapResults .nav ul li { margin: 0; } #content #leftCol #mapResults .nav ul li a, #content #leftCol #mapResults .nav ul li span { padding: .4em .8em; color: #666; font-weight: bold; border-bottom: 1px solid #dddcdd; display: block; } #content #leftCol #mapResults .nav ul li.on a, #content #leftCol #mapResults .nav ul li.on span { color: #fff; background: #d02b7d; } #content #leftCol #mapResults .details { width: 656px; padding: 0 12px; float: left; } #content #leftCol #mapResults .details h2 { margin: .4em 0 0; font-size: 2em; color: #d02b7d; font-weight: normal; } #content #leftCol #mapResults .details .location { padding: 10px 0 1px; border-top: 1px dotted #999; } #content #leftCol #mapResults .details .location p { margin: 0; } #content #leftCol #mapResults .details .location p img.amend { margin: 0 0 0 2em; vertical-align: middle; } #content #leftCol #mapResults .details .results { height: 340px; overflow: auto; } #content #leftCol #mapResults .details .results h3 { color: #d02b7d; } #content #leftCol #mapResults .details .results table { margin: 0; width: 97%; border: 0; } #content #leftCol #mapResults .details .results table tbody th, #content #leftCol #mapResults .details .results table tbody td { padding: 0; border-bottom: 0; font-weight: normal; } #content #leftCol #mapResults .details .results table tbody th { /*width: 40%;*/ background-color: transparent; color: #333; } #content #leftCol #mapResults .details .results table tbody th.assets { width: 25%; background-color: transparent; color: #333; } #content #leftCol #mapResults .details .results table tbody td.distance { padding: 0 4em 0 0; text-align: right; } #content #leftCol #mapResults .details .results hr { border-style: solid; border-color: #dad9da; } #content #leftCol #mapResults .details .results table tbody th a { color: #316ca5; text-decoration: none; } #content #leftCol #mapResults .details .results table tbody th a:hover, #content #leftCol #mapResults .details .results table tbody th a:active, #content #leftCol #mapResults .details .results table tbody th a:focus { text-decoration: underline; } /* right col / coloured 'related info' boxes */ #content #rightCol { width: 192px; float: right; } #content #rightCol hr { margin: .8em 0 1px; color: #fff; height: 0; border: 0; border-top: 1px dotted #999; clear: both; display: block; } #content #rightCol .relatedInfo { background: url(/images/template/bg-related-btm.png) no-repeat bottom left; color: #fff; } #content #rightCol .relatedInfo .relatedInfo2 { background: url(/images/template/bg-related-top.png) no-repeat top left; padding: 5px 16px 16px 16px; } #content #rightCol .relatedInfo h2 { margin: .5em 0 0; font-size: 2em; font-weight: normal; } #content #rightCol .relatedInfo p, #content #rightCol .relatedInfo ul { margin: .6em 0 0; font-size: 1.2em; } #content #rightCol .relatedInfo ul { list-style:disc; padding-left:15px; } #content #rightCol .relatedInfo ul li { padding-bottom:2px; line-height:1.3em; } #content #rightCol .relatedInfo a { color: #fff; } #content #rightCol .relatedInfo hr { margin:0; border-top: 1px dotted #fff; } /* do it online */ #content #rightCol .box .box2 { padding: 13px 16px; } #content #rightCol .box h2 { margin: 0; font-size: 2em; font-weight: normal; float: left; color: #e45601; } #content #rightCol .box h3 { font-size: 1.2em; } #content #rightCol .box hr { margin: .5em 0; } #content #rightCol .box p { margin: .3em 0 0; font-size: 1.2em; } #content #rightCol .box ul { margin: 0; padding: 0 0 0 1.3em; font-size: 1.2em; list-style: disc; } #content #rightCol .box ul li { margin: 0; } #content #leftCol table tr th a { color:#fff;text-decoration:underline; } /* colours */ /* , #section2 #content #leftCol h2, #section2 #content #leftCol h3, #section2 #content #leftCol h4 */ #section2 #content #leftCol h1 { color: #00848f; } #section2 #content #landingPage #leftCol h2 { color: #00848f; } #section2 #content #rightCol .relatedInfo { background: url(/images/template/bg-related-2-btm.png) no-repeat bottom left; } #section2 #content #rightCol .relatedInfo .relatedInfo2 { background: url(/images/template/bg-related-2-top.png) no-repeat top left; } #section2 #content #leftCol table thead tr th { background: #00848f; } #section2 #content #leftCol table tr th { background: #00848f; } #section2 #content #leftCol form#frmccc legend { color: #00848f; } /*, #section3 #content #leftCol h2, #section3 #content #leftCol h3, #section3 #content #leftCol h4 */ #section3 #content #leftCol h1 { color: #004a8f; } #section3 #content #landingPage #leftCol h2 { color: #004a8f; } #section3 #content #rightCol .relatedInfo { background: url(/images/template/bg-related-3-btm.png) no-repeat bottom left; } #section3 #content #rightCol .relatedInfo .relatedInfo2 { background: url(/images/template/bg-related-3-top.png) no-repeat top left; } #section3 #content #leftCol table thead tr th { background: #004a8f; } #section3 #content #leftCol table tr th { background: #004a8f; } #section3 #content #leftCol table tr th a { color:#ffffff; } #section3 #content #leftCol form#frmccc legend { color: #004a8f; } /* , #section4 #content #leftCol h2, #section4 #content #leftCol h3, #section4 #content #leftCol h4 */ #section4 #content #leftCol h1 { color: #c52d77; } #section4 #content #landingPage #leftCol h2 { color: #c52d77; } #section4 #content #rightCol .relatedInfo { background: url(/images/template/bg-related-4-btm.png) no-repeat bottom left; } #section4 #content #rightCol .relatedInfo .relatedInfo2 { background: url(/images/template/bg-related-4-top.png) no-repeat top left; } #section4 #content #leftCol table thead tr th { background: #c52d77; } #section4 #content #leftCol table tr th { background: #c52d77; } #section4 #content #leftCol form#frmccc legend { color: #c52d77; } #section5 #content #leftCol h1 { color: #5a64af; } #section5 #content #landingPage #leftCol h2 { color: #5a64af; } #section5 #content #rightCol .relatedInfo { background: url(/images/template/bg-related-5-btm.png) no-repeat bottom left; } #section5 #content #rightCol .relatedInfo .relatedInfo2 { background: url(/images/template/bg-related-5-top.png) no-repeat top left; } #section5 #content #leftCol table thead tr th { background: #5a64af; } #section5 #content #leftCol table tr th { background: #5a64af; } #section5 #content #leftCol form#frmccc legend { color: #5a64af; } /* old section6 - environment #section6 #content #leftCol h1 { color: #bb5795; } #section6 #content #landingPage #leftCol h2 { color: #bb5795; } #section6 #content #rightCol .relatedInfo { background: url(/images/template/bg-related-6-btm.png) no-repeat bottom left; } #section6 #content #rightCol .relatedInfo .relatedInfo2 { background: url(/images/template/bg-related-6-top.png) no-repeat top left; } #section6 #content #leftCol table thead tr th { background: #bb5795; } #section6 #content #leftCol table tr th { background: #bb5795; } #section6 #content #leftCol form#frmccc legend { color: #bb5795; } */ #section6 #content #leftCol h1 { color: #607817; } #section6 #content #landingPage #leftCol h2 { color: #607817; } #section6 #content #rightCol .relatedInfo { background: url(/images/template/bg-related-8-btm.png) no-repeat bottom left; } #section6 #content #rightCol .relatedInfo .relatedInfo2 { background: url(/images/template/bg-related-8-top.png) no-repeat top left; } #section6 #content #leftCol table thead tr th { background: #607817; } #section6 #content #leftCol table tr th { background: #607817; } #section6 #content #leftCol table tr th a { color:#fff; } #section6 #content #leftCol form#frmccc legend { color: #607817; } #section7 #content #leftCol h1 { color: #8f0087; } #section7 #content #landingPage #leftCol h2 { color: #8f0087; } #section7 #content #rightCol .relatedInfo { background: url(/images/template/bg-related-7-btm.png) no-repeat bottom left; } #section7 #content #rightCol .relatedInfo .relatedInfo2 { background: url(/images/template/bg-related-7-top.png) no-repeat top left; } #section7 #content #leftCol table thead tr th { background: #8f0087; } #section7 #content #leftCol table tr th { background: #8f0087; } #section7 #content #leftCol form#frmccc legend { color: #8f0087; } /* , #section8 #content #leftCol h2, #section8 #content #leftCol h3, #section8 #content #leftCol h4 */ /* old section8 - jobs #section8 #content #leftCol h1 { color: #607817; } #section8 #content #landingPage #leftCol h2 { color: #607817; } #section8 #content #rightCol .relatedInfo { background: url(/images/template/bg-related-8-btm.png) no-repeat bottom left; } #section8 #content #rightCol .relatedInfo .relatedInfo2 { background: url(/images/template/bg-related-8-top.png) no-repeat top left; } #section8 #content #leftCol table thead tr th { background: #607817; } #section8 #content #leftCol table tr th { background: #607817; } #section8 #content #leftCol table tr th a { color:#fff; } #section8 #content #leftCol form#frmccc legend { color: #607817; } */ #section8 #content #leftCol h1 { color: #006697; } #section8 #content #landingPage #leftCol h2 { color: #006697; } #section8 #content #rightCol .relatedInfo { background: url(/images/template/bg-related-11-btm.png) no-repeat bottom left; } #section8 #content #rightCol .relatedInfo .relatedInfo2 { background: url(/images/template/bg-related-11-top.png) no-repeat top left; } #section8 #content #leftCol table thead tr th { background: #006697; } #section8 #content #leftCol table tr th { background: #006697; } #section8 #content #leftCol form#frmccc legend { color: #006697; } /* , #section9 #content #leftCol h2, #section9 #content #leftCol h3, #section9 #content #leftCol h4 */ #section9 #content #leftCol h1 { color: #666; } #section9 #content #landingPage #leftCol h2 { color: #666; } #section9 #content #rightCol .relatedInfo { background: url(/images/template/bg-related-9-btm.png) no-repeat bottom left; } #section9 #content #rightCol .relatedInfo .relatedInfo2 { background: url(/images/template/bg-related-9-top.png) no-repeat top left; } #section9 #content #leftCol table thead tr th { background: #666; } #section9 #content #leftCol table tr th { background: #666; } #section9 #content #leftCol form#frmccc legend { color: #666; } #section10 #content #leftCol h1 { color: #8f0087; } #section10 #content #landingPage #leftCol h2 { color: #8f0087; } #section10 #content #rightCol .relatedInfo { background: url(/images/template/bg-related-10-btm.png) no-repeat bottom left; } #section10 #content #rightCol .relatedInfo .relatedInfo2 { background: url(/images/template/bg-related-10-top.png) no-repeat top left; } #section10 #content #leftCol table thead tr th { background: #8f0087; } #section10 #content #leftCol table tr th { background: #8f0087; } #section10 #content #leftCol form#frmccc legend { color: #8f0087; } #section11 #content #leftCol h1 { color: #006697; } #section11 #content #landingPage #leftCol h2 { color: #006697; } #section11 #content #rightCol .relatedInfo { background: url(/images/template/bg-related-11-btm.png) no-repeat bottom left; } #section11 #content #rightCol .relatedInfo .relatedInfo2 { background: url(/images/template/bg-related-11-top.png) no-repeat top left; } #section11 #content #leftCol table thead tr th { background: #006697; } #section11 #content #leftCol table tr th { background: #006697; } #section11 #content #leftCol form#frmccc legend { color: #006697; } #section12 #content #leftCol h1 { color: #004a8f; } #section12 #content #landingPage #leftCol h2 { color: #004a8f; } #section12 #content #rightCol .relatedInfo { background: url(/images/template/bg-related-12-btm.png) no-repeat bottom left; } #section12 #content #rightCol .relatedInfo .relatedInfo2 { background: url(/images/template/bg-related-12-top.png) no-repeat top left; } #section12 #content #leftCol table thead tr th { background: #004a8f; color: #fff; } #section12 #content #leftCol table tr th { background: #004a8f; color: #fff; } #section12 #content #leftCol form#frmccc legend { color: #004a8f; } /* old section13 - social care and health #section13 #content #leftCol h1 { color: #ff0033; } #section13 #content #landingPage #leftCol h2 { color: #ff0033; } #section13 #content #rightCol .relatedInfo { background: url(/images/template/bg-related-13-btm.png) no-repeat bottom left; } #section13 #content #rightCol .relatedInfo .relatedInfo2 { background: url(/images/template/bg-related-13-top.png) no-repeat top left; } #section13 #content #leftCol table thead tr th { background: #ff0033; } #section13 #content #leftCol table tr th { background: #ff0033; } #section13 #content #leftCol form#frmccc legend { color: #ff0033; } */ #section13 #content #leftCol h1 { color: #bb5795; } #section13 #content #landingPage #leftCol h2 { color: #bb5795; } #section13 #content #rightCol .relatedInfo { background: url(/images/template/bg-related-6-btm.png) no-repeat bottom left; } #section13 #content #rightCol .relatedInfo .relatedInfo2 { background: url(/images/template/bg-related-6-top.png) no-repeat top left; } #section13 #content #leftCol table thead tr th { background: #bb5795; } #section13 #content #leftCol table tr th { background: #bb5795; } #section13 #content #leftCol form#frmccc legend { color: #bb5795; } #section14 #content #leftCol h1 { color: #cb3600; } #section14 #content #landingPage #leftCol h2 { color: #cb3600; } #section14 #content #rightCol .relatedInfo { background: url(/images/template/bg-related-14-btm.png) no-repeat bottom left; } #section14 #content #rightCol .relatedInfo .relatedInfo2 { background: url(/images/template/bg-related-14-top.png) no-repeat top left; } #section14 #content #leftCol table thead tr th { background: #cb3600; } #section14 #content #leftCol table tr th { background: #cb3600; } #section14 #content #leftCol form#frmccc legend { color: #cb3600; } #section14 #content #leftCol table tr.odd { background-color:#fff8f5; } #section15 #content #leftCol h1 { color: #c52d77; } #section15 #content #landingPage #leftCol h2 { color: #c52d77; } #section15 #content #rightCol .relatedInfo { background: url(/images/template/bg-related-4-btm.png) no-repeat bottom left; } #section15 #content #rightCol .relatedInfo .relatedInfo2 { background: url(/images/template/bg-related-4-top.png) no-repeat top left; } #section15 #content #leftCol table thead tr th { background: #c52d77; } #section15 #content #leftCol table tr th { background: #c52d77; } #section15 #content #leftCol form#frmccc legend { color: #c52d77; } /* boxes */ #content #leftCol .box { background: url(/images/template/bg-box-wide-btm.png) no-repeat bottom left; } #content #leftCol .box .box2 { padding: 5px 16px 16px; background: url(/images/template/bg-box-wide-top.png) no-repeat top left; overflow: hidden; } #content #leftCol .left .box, #content #leftCol .right .box { background: url(/images/template/bg-box-btm.png) no-repeat bottom left; } #content #leftCol .left .box2, #content #leftCol .right .box2 { padding: 5px 16px 16px; background: url(/images/template/bg-box-top.png) no-repeat top left; overflow: hidden; } #content #rightCol .box { background: url(/images/template/bg-box-thin-btm.png) no-repeat bottom left; } #content #rightCol .box .box2 { background: url(/images/template/bg-box-thin-top.png) no-repeat top left; overflow: hidden; } #content .gradientBox { background: url(/images/template/bg-gradientbox-btm.png) no-repeat bottom left; } #content .gradientBox .gradientBox2 { padding: 5px 16px 16px; background: url(/images/template/bg-gradientbox-top.png) no-repeat top left; overflow: hidden; } /* boxes for "thin" content */ #content #leftCol.thin .box { background: url(/images/template/bg-box-wide-btm-thin.png) no-repeat bottom left; } #content #leftCol.thin .box .box2 { padding: 5px 16px 16px; background: url(/images/template/bg-box-wide-top-thin.png) no-repeat top left; overflow: hidden; } /* homepage */ #content #homepage #homeBookmark { margin: 4em 5px 1em 0; float: right; } #content #homepage #homeBookmark li { font-size: 1.1em; background: url(/images/template/pagetools-bookmark.png) no-repeat center right; padding: 0 16px 0 0; } #content #homepage #leftCol h2.features { margin: 0; padding: 0 0 .3em 3px; font-size: 2em; font-weight: normal; } #content #homepage ul.tabs { font-size: 1em; margin: 0 0 -5px 22px; padding: 0 0 0 17px; list-style: none; overflow: hidden; position: relative; } #content #homepage ul.tabs li { font-size: 1.4em; margin: 0 0 0 -17px; padding: 0; background: url(/images/template/bg-hometabs.png) no-repeat top right; float: left; } #content #homepage ul.tabs li a { float: left; padding: .8em 26px .3em 27px; } #content #homepage ul.tabs li#tabsFirstTab a { background: url(/images/template/bg-hometabs-first.png) no-repeat top left; } #content #homepage ul.tabs li.tabsOn { background: url(/images/template/bg-hometabs-on1.png) no-repeat top right; position: relative; } #content #homepage ul.tabs li.tabsOn { font-size: 1.8em; } #content #homepage ul.tabs li.tabsOn a { padding: .4em 26px .1em 27px; color: #fff; } #content #homepage ul.tabs li.tabsOn a { background: url(/images/template/bg-hometabs-on2.png) no-repeat top left; } #content #homepage ul.tabs li#tabsFirst.tabsOn a { background: url(/images/template/bg-hometabs-on2-first.png) no-repeat top left; } #content #homepage ul.tabs li#tabsLast.tabsOn { background: url(/images/template/bg-hometabs-on1-last.png) no-repeat top right; } #content #homepage #leftCol .gradientBox .image { width: 265px; margin: 1.4em 0 0; float: left; overflow: hidden; } #content #homepage #leftCol .gradientBox .image img { border: 1px solid #d6d6d6; } #content #homepage #leftCol .gradientBox .text { width: 291px; float: right; } #content #homepage #leftCol .gradientBox .text h2 { margin: .5em 0 0; font-size: 2em; font-weight: normal; } /* for full features on the homepage */ #content #homepage #leftCol .gradientBox .fullFeatureOne { position:relative; } #content #homepage #leftCol .gradientBox .fullFeatureOne .image { width: 564px; margin: 1.4em 0 0; float: left; overflow: hidden; } #content #homepage #leftCol .gradientBox .fullFeatureOne .image img { border: 1px solid #d6d6d6; } #content #homepage #leftCol .gradientBox .fullFeatureOne .text { color: #fff; width: 550px; position: absolute; top: 145px; left: 0; margin: 0 1em 0 1em; } #content #homepage #leftCol .gradientBox .fullFeatureOne .text h2 { color: #fff; margin: 0 0 0 0; padding: 0 0 0 0; font-size: 2em; font-weight: normal; } #content #homepage #leftCol .gradientBox .fullFeatureOne .text a { } /* for full features other than homepage */ #content #landingPage #leftCol .gradientBox .gradientBox2 .fullFeatureOne { position:relative; } #content #landingPage #leftCol .gradientBox .gradientBox2 .fullFeatureOne .image { width: 564px; margin: 1.4em 0 0; float: left; overflow: hidden; } #content #landingPage #leftCol .gradientBox .gradientBox2 .fullFeatureOne .image img { border: 1px solid #d6d6d6; } #content #landingPage #leftCol .gradientBox .gradientBox2 .fullFeatureOne .text { color: #fff; width: 550px; position: absolute; top: 145px; left: 0; margin: 0 1em 0 1em; } #content #landingPage #leftCol .gradientBox .gradientBox2 .fullFeatureOne .text h2 { color: #fff; margin: 0 0 0 0; padding: 0 0 0 0; font-size: 2em; font-weight: normal; } #content #landingPage #leftCol .gradientBox .gradientBox2 .fullFeatureOne .text a { } /* for full features on iAmA page */ #content #iAmA #leftCol .gradientBox .gradientBox2 .fullFeatureOne { position:relative; } #content #iAmA #leftCol .gradientBox .gradientBox2 .fullFeatureOne .image { width: 564px; margin: 1.4em 0 0; float: left; overflow: hidden; } #content #iAmA #leftCol .gradientBox .gradientBox2 .fullFeatureOne .image img { border: 1px solid #d6d6d6; } #content #iAmA #leftCol .gradientBox .gradientBox2 .fullFeatureOne .text { color: #fff; width: 550px; position: absolute; top: 145px; left: 0; margin: 0 1em 0 1em; } #content #iAmA #leftCol .gradientBox .gradientBox2 .fullFeatureOne .text h2 { color: #fff; margin: 0 0 0 0; padding: 0 0 0 0; font-size: 2em; font-weight: normal; } #content #iAmA #leftCol .gradientBox .gradientBox2 .fullFeatureOne .text a { } #content #homepage #leftCol .box .box2 { padding: 13px 16px; } #content #homepage #leftCol .box h2 { margin: 0; font-size: 2em; font-weight: normal; float: left; } #content #homepage #leftCol .box h3 { margin: 0 0 .3em; font-size: 1.6em; } #content #homepage #leftCol .box p { margin: 0; } #content #homepage #leftCol .box hr { margin: .6em 0 .4em; } #content #homepage #leftCol .box ul.options { margin: .4em 0 0; padding: 0; font-size: 1em; list-style: none; float: right; } #content #homepage #leftCol .box ul.options li { display: inline; font-size: 1.2em; } #content #homepage #leftCol ul.promos { margin: 0; padding: 0; list-style: none; overflow: hidden; } #content #homepage #leftCol ul.promos li { margin: 0; float: left; } #content #homepage #leftCol .showHideMore, #content #homepage #leftCol .showHideLess { cursor: pointer; } #content #homepage #leftCol .box .events h3 { margin: 0; } #content #homepage #leftCol .box .events hr { margin: .2em 0; } #content #homepage #leftCol .box .events p.mainDate { font-size: 1.1em; color: #333; } #content #homepage #leftCol .box .events p.date { font-size: 1.1em; margin: .3em 0 0; float: right; color: #333; } #content #homepage #leftCol .box .jobs h3 { font-size: 1.2em; margin: 0; } #content #homepage #leftCol .box .jobs p { margin: 0 0 .4em; } #content #homepage #leftCol .box .jobs p.viewAll { margin: 0; } #content #homepage #leftCol img.eventImage { margin: .7em 1em .7em 0; float: left; border: 1px solid #d6d6d6; } #content #homepage #rightCol .relatedInfo label { margin: .5em 0 .6em; font-size: 1.1em; font-weight: bold; display: block; } #content #homepage #rightCol .relatedInfo select, #content #homepage #rightCol .relatedInfo input { font-size: 1.2em; color: #333; } #content #homepage #rightCol .relatedInfo select { width: 100%; font-size: 1.2em; color: #333; } #content #homepage #rightCol .relatedInfo strong.or { margin: .6em 0 .4em; font-size: 1.2em; display: block; } #content #homepage #rightCol .relatedInfo p.eg { margin: .6em 0 .4em; font-size: 1.2em; display: block; } #content #homepage #rightCol .relatedInfo .submit { margin: .7em 0 0; text-align: right; display: block; } #content #homepage #rightCol .relatedInfo .relatedInfo2 #searchterms { width: 155px; } #content #homepage #rightCol .relatedInfo .relatedInfo2 hr { margin-bottom: 3px; } #content #homepage #leftCol #tabBoxes .featureBox { display: none; } #content #homepage #leftCol #tabBoxes #feature1 { display: block; } /* Search -------------------------------------------------------------------------- */ #content #indexPage #leftCol #search #resultspage { font-size: 1em;} #content #indexPage #leftCol #search #resultspage .resultitem { padding:0 0 0 0;margin:0 0 0 0; } #content #indexPage #leftCol #search #resultspage .resultitem p { } #content #indexPage #leftCol #search #resultspage .resultitem h2 { } #content #indexPage #leftCol #search #resultspage .resultitem .description { padding:0 0 0 0;margin:0 0 0 0; } #content #indexPage #leftCol #results .resultitem .description .highlight { background-color:#d02b7d;color:#fff;} #content #indexPage #leftCol #results .resultitem h2 .highlight { background-color:#d02b7d;color:#fff;} #content #indexPage #leftCol #search #resultspage hr { padding:0 0 0 0;margin:0 0 0 0;} #content #indexPage #leftCol #search #resultspage .search_indent { padding:0 0 0 0;margin:0 0 0 50px;} #content #indexPage #leftCol #search #resultspage .search_indent hr { padding:0 0 0 0;margin:0 0 0 0;} #content #indexPage #leftCol #search #resultspage .search_indent .resultitem h2 { padding:0 0 0 0;margin:0 0 0 0; } #content #indexPage #leftCol #search #resultspage .search_indent .resultitem .description { padding:0 0 0 0;margin:0 0 0 0; } #content #indexPage #leftCol #search #resultspage .search_indent .resultitem .description .highlight { background-color:#d02b7d;color:#fff;} #content #indexPage #leftCol #search #resultspage .search_indent .resultitem h2 .highlight { background-color:#d02b7d;color:#fff;} /* a to z index listing -------------------------------------------------------------------------- */ #content #indexPage #leftCol #atozlist ul { margin:0;padding:0;list-style-type: none; } #content #indexPage #leftCol #atozlist ul li { font-weight:bold;font-size:1.2em; padding:0; } #content #indexPage #leftCol #atozlist ul li.odd { background-color:#f5faff; } #content #indexPage #leftCol #atozlist ul li.even { background-color:#fbfdff; } #content #indexPage #leftCol #atozlist ul li a { display:block;padding:5px 5px 5px 12px; } #content #indexPage #leftCol #atozlist ul li a:focus { background-color:#e3f1ff; } #content #indexPage #leftCol #atozlist ul li a:hover { background-color:#e3f1ff; } #content #indexPage #leftCol #atozlist ul li a:active { background-color:#e3f1ff; } /* background-color:#cbe6ff; border-bottom: 1px dotted #ccc; */ #content #indexPage #leftCol h1 { /*font-size:5em;*/ } #content #indexPage #leftCol ul.tabs { font-size: 1em; margin: 0 0 -5px 22px; padding: 0 0 0 17px; list-style: none; overflow: hidden; position: relative; } #content #indexPage #leftCol ul.tabs li { font-size: 1.4em; margin: 0 0 0 -17px; padding: 0; background: url(/images/template/bg-hometabs.png) no-repeat top right; float: left; } #content #indexPage #leftCol ul.tabs li a { float: left; padding: .8em 26px .3em 27px; } #content #indexPage #leftCol ul.tabs li.first a { background: url(/images/template/bg-hometabs-first.png) no-repeat top left; } #content #indexPage #leftCol ul.tabs li#tabsOn { background: url(/images/template/bg-hometabs-on1.png) no-repeat top right; position: relative; } #content #indexPage #leftCol ul.tabs li#tabsOn { font-size: 1.8em; } #content #indexPage #leftCol ul.tabs li#tabsOn a { padding: .4em 26px .1em 27px; color: #fff; } #content #indexPage #leftCol ul.tabs li#tabsOn a { background: url(/images/template/bg-hometabs-on2.png) no-repeat top left; text-decoration:none; } #content #indexPage #leftCol ul.tabs li#tabsOn.first a { background: url(/images/template/bg-hometabs-on2-first.png) no-repeat top left; } #content #indexPage #leftCol ul.tabs li#tabsOn.last { background: url(/images/template/bg-hometabs-on1-last.png) no-repeat top right; } /* events listing -------------------------------------------------------------------------- */ #content #leftCol #eventslist ul { margin:0;padding:0;list-style-type: none; } #content #leftCol #eventslist ul li { font-weight:bold;font-size:1.2em; padding:0; border-bottom: 1px dotted #ccc; margin:0; } #content #leftCol #eventslist ul li a { display:block;padding:5px 5px 0px 12px; } #content #leftCol #eventslist ul li a:focus { background-color:#e3f1ff; } #content #leftCol #eventslist ul li a:hover { background-color:#e3f1ff; } #content #leftCol #eventslist ul li a:active { background-color:#e3f1ff; } #content #leftCol #eventslist ul li:focus { background-color:#e3f1ff; } #content #leftCol #eventslist ul li:hover { background-color:#e3f1ff; } #content #leftCol #eventslist ul li:active { background-color:#e3f1ff; } #content #leftCol #eventslist ul li p { font-weight:normal;font-size:0.9em; padding:0 5px 0 12px;margin-top:0; } /* jr oct 2011 dev - topbars */ /* top tabs taskbar */ #header #toptabs { line-height: 1.5; margin-top: -1px; padding: 0; top: 119px; left: inherit; width:900px; margin: 0; padding: 11px 0; float: left; position: absolute; z-index: 999; } #header #toptabs ul.tabs { font-size: 1em; margin: 0 0 -5px 22px; padding: 0 0 0 17px; list-style: none; overflow: visible; position: relative; } #header #toptabs ul.tabs li { display: inline; font-size: 1.4em; margin: 0 0 0 -11px; padding: 0; background: url(/images/template/bg-hometabs.png) no-repeat top right; float: left; } #header #toptabs ul.tabs li a { float: left; padding: .8em 26px .3em 17px; } #header #toptabs ul.tabs li#tabsFirstTab a { background: url(/images/template/bg-hometabs-first.png) no-repeat top left; } #header #toptabs ul.tabs li.tabsOn { background: url(/images/template/bg-hometabs-on1.png) no-repeat top right; position: relative; } #header #toptabs ul.tabs li.tabsOn { font-size: 1.8em; } #header #toptabs ul.tabs li.tabsOn a { padding: .4em 26px .1em 17px; color: #fff; } #header #toptabs ul.tabs li.tabsOn a { background: url(/images/template/bg-hometabs-on2.png) no-repeat top left; } #header #toptabs ul.tabs li#tabsFirstTab.tabsOn a { background: url(/images/template/bg-hometabs-on2-first.png) no-repeat top left; } #header #toptabs ul.tabs li#tabsLastTab.tabsOn { background: url(/images/template/bg-hometabs-on1-last.png) no-repeat top right; } #header #toptabs a { color: #1d50a9; } #header #toptabs a:active, #header #toptabs a:focus { color: red; } #header #toptabs a:hover { color: #D02B7D; } #header #toptabs a:visited { color: #6C85BC; } ul.tabs li a span { margin: 0 0 0 0; padding: 0 0 0 0;} /* tab contents offsets */ #applyforit {margin-left:-106px;} #bookit {margin-left: -230px;} #payit {margin-left:-325px;} #viewit {margin-left:-412px;} #contactus {margin-left:-504px;} #statusshow {margin-left:-504px;} /*hovers*/ #header #toptabs ul.tabs li:hover { background: url(/images/template/bg-hometabs-on1.png) no-repeat top right; position: relative; } #header #toptabs ul.tabs li a:hover { background: url(/images/template/bg-hometabs-on2.png) no-repeat top left; position: relative; color: #fff; text-decoration: none; } #header #toptabs ul.tabs li#tabsFirstTab a:hover { background: url(/images/template/bg-hometabs-first.png) no-repeat top left; } #header #toptabs ul.tabs li#tabsFirstTab a:hover { background: url(/images/template/bg-hometabs-on2-first.png) no-repeat top left; } #header #toptabs ul.tabs li#tabsLastTab:hover { background: url(/images/template/bg-hometabs-on1-last.png) no-repeat top right; } /* icons on tabs */ ul.tabs li a#apply span { background: url(/images/template/icon-apply.png) no-repeat 1px 4px; display: block; padding: 0 0 0 20px; } ul.tabs li a#book span { background: url(/images/template/icon-book.png) no-repeat 1px 4px; display: block; padding: 0 0 0 20px; } ul.tabs li a#pay span { background: url(/images/template/icon-pay.png) no-repeat 1px 4px; display: block; padding: 0 0 0 20px; } ul.tabs li a#view span { background: url(/images/template/icon-view.png) no-repeat 1px 4px; display: block; padding: 0 0 0 20px; } ul.tabs li a#report span { background: url(/images/template/icon-report.png) no-repeat 1px 4px; display: block; padding: 0 0 0 20px; } ul.tabs li a#contact span { background: url(/images/template/icon-contact.png) no-repeat 1px 4px; display: block; padding: 0 0 0 20px; } ul.tabs li a#status span { background: url(/images/template/icon-stop.png) no-repeat 1px 4px; display: block; padding: 0 0 0 20px; } #header #toptabs ul li div.tabcontent {display: none; position: relative; } #header #toptabs > ul > li:hover > a { padding-bottom:15px; overflow: hidden; color: #fff; } /* content box 946 */ #header #toptabs ul li:hover div.tabcontent { position: absolute; left: -30px; top: 36px; display: block; z-index: 999; width: 752px; padding: 0px 0 0 10px; background: url(../images/graphics/white_bg.png); -moz-border-radius : 8px; -webkit-border-radius : 8px; border-radius : 8px; box-shadow: 2px 2px 4px #818181; -webkit-box-shadow: 2px 2px 4px #818181; -moz-box-shadow: 2px 2px 4px #818181; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=2, offY=2, positive=true); } /* tabcontent */ #header #toptabs ul li:hover div.tabcontent { padding: 5px 15px 10px 15px; border: 1px solid #eee; text-align: left; } #header #toptabs ul li:hover div.tabcontent:hover {} #header #toptabs .tabcontent p { text-align: left; font-size: 0.9em; padding-top: 10px; padding-bottom: 10px; color: #666666; } /* 942 */ #header #toptabs .tabcontent h2 { margin: 0; padding-bottom: 1px; margin-bottom: 10px; font-size: 1.5em; font-weight: normal; float: left; color: #D13282; border-bottom: 1px dotted #999; display: block; clear: both; width: 748px;} #header #toptabs .tabcontent hr { border: none; border-top: 1px dotted #999; clear: both; display: block; } #header #toptabs .tabcontent h3 { margin: 0; padding-bottom: 1px; margin-bottom: 2px; color: #D13282; display: block; clear: both; } #header #toptabs .tabcontent img {clear: both;} #header #toptabs .tabcontent img.imageleft { margin: 0 .6em .6em 0; float: left; } #header #toptabs .tabcontent .super .super2 a { color: #1d50a9; } #header #toptabs .tabcontent .super .super2 a:active, #content a:focus { color: red; } #header #toptabs .tabcontent .super .super2 a:hover { color: #d02b7d; } #header #toptabs .tabcontent .super .super2 ul { margin: 0 0 0 5px; padding: 0 0 0 15px; float: left; font-size: 100%; background: transparent; text-align: left; } #header #toptabs .tabcontent .super .super2 ul li { margin-left: 1px; float: none; display: list-item; color: #DDDCDD; list-style-type: disc; font-size: 100%; background: transparent; background-image: none;} #header #toptabs .tabcontent .super .super2 ul li a { padding: 1px 1px 1px 1px; font-size: 100%; background: transparent; float: none; color: #316CA5; font-weight: bold; background-image: none;} #header #toptabs .tabcontent .super .super2 ul li:hover {font-size: 100%; background: transparent; background-image: none; } #header #toptabs .tabcontent .super .super2 ul li a:hover { color: #d02b7d; text-decoration: underline; font-size: 100%; background: transparent; background-image: none;} #header #toptabs .tabcontent .super .super2 .tabcontentcol { float: left; padding-top: 0px; padding-left: 5px; padding-right: 10px; } #header #toptabs .tabcontent .super .super2 .tabcontentrow { float: left; clear: both; padding-top: 0px; padding-left: 5px; padding-right: 10px; } /*status*/ #header #toptabs .tabcontent .super .super2 .tabcontentcol #statusSummarySchools #countingOpen { color: #666666 } #header #toptabs .tabcontent .super .super2 .tabcontentcol #statusSummarySchools #countingTransport { color: #666666 } #header #toptabs .tabcontent .super .super2 .tabcontentcol #statusSummarySchools #countingTransportRoute { color: #666666 } #header #toptabs .tabcontent .super .super2 .tabcontentcol #statusSummarySchools #countingClosedEveryone { color: #666666 } #header #toptabs .tabcontent .super .super2 .tabcontentcol #statusSummarySchools #countingClosedPupils { color: #666666 } #statusSummarySchools { float: left; clear: both;} #header #toptabs .tabcontent .super .super2 .tabcontentcol #statusSummaryA2B #countingNormal { color: #666666 } #header #toptabs .tabcontent .super .super2 .tabcontentcol #statusSummaryA2B #countingCancelled { color: #666666 } #header #toptabs .tabcontent .super .super2 .tabcontentcol #statusSummaryA2B #countingDisrupted { color: #666666 } #statusSummaryA2B { float: left; clear: both; } #header #toptabs .tabcontent .super .super2 .tabcontentcol #statusSummaryCare #countingCareOpen { color: #666666 } #header #toptabs .tabcontent .super .super2 .tabcontentcol #statusSummaryCare #countingCareTransport { color: #666666 } #header #toptabs .tabcontent .super .super2 .tabcontentcol #statusSummaryCare #countingCareTransportRural { color: #666666 } #header #toptabs .tabcontent .super .super2 .tabcontentcol #statusSummaryCare #countingCareClosedEveryone { color: #666666 } #header #toptabs .tabcontent .super .super2 .tabcontentcol #statusSummaryCare #countingCareClosedUsers { color: #666666 } #statusSummaryCare { float: left; clear: both; } #header #toptabs .tabcontent .super .super2 .tabcontentcol h3:hover {font-size: 100%; background: none; background-image: none; } #header #toptabs .tabcontent .super .super2 .tabcontentcol h3 a:hover { color: #d02b7d; text-decoration: underline; font-size: 100%; background: none; background-image: none;} #header #toptabs .tabcontent .super .super2 .tabcontentcol p:hover {font-size: 100%; background: none; background-image: none; border: 1px solid green; } #header #toptabs .tabcontent .super .super2 .tabcontentcol p a:hover { color: #d02b7d; text-decoration: underline; font-size: 100%; background: none; background-image: none;} #header #toptabs .tabs .tabsitem #statusshow .tabcontent .super .super2 p a { background: none; background-image: none; } #header #toptabs .tabs .tabsitem #statusshow .tabcontent .super .super2 p a:hover { background: none; background-image: none; } /*megabg*/ .megabg { background-color: transparent; background-image: url("/images/template/tabcontent/joiner_right.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; background-clip: border-box; background-origin: padding-box; background-size: auto auto; bottom: -2px; height: 190px; position: absolute; right: 10px; width: 279px; z-index: 99999; } /* END jr oct 2011 dev - topbars */ /* Footer -------------------------------------------------------------------------- clear:both; */ #footer { clear:both; border: 1px solid #d6d6d6; border-width: 1px 0; background: #fefeff url(/images/template/bg-footer1.png) repeat-x top left; } #footer div { line-height: 1.6; padding: 1em 0 55px; background: url(/images/template/bg-footer2.png) no-repeat bottom right; } #footer ul { width: 980px; margin: 0 auto; } #footer ul li { padding: 0 .6em 0 .4em; font-size: 1.1em; display: inline; background: url(/images/template/bg-footer-bar.png) no-repeat center right; color: #316ca5; } #footer ul li:last-child, #footer ul li.last { background: none; } #footer ul li a { color: #316ca5; } #footer ul li a:active, #footer ul li a:focus { color: #666; } #footer ul li span { position: absolute; top: 0; left: -9999px; } #footer p { font-size: 1.1em; color: #316ca5; } #footer p a { color: #316ca5; } #footer p a:active, #footer p a:focus { color: #666; } /* tooltip style -------------------------------------------------------------------------- */ span.show-tooltip {background: #e45601; color:#FFFFFF; font-size: 1.1em; padding: 0.5em;} /* IE Mac fixes -------------------------------------------------------------------------- */ /*\*//*/ .hide, .skipNav { display: none; visibility: hidden; } /**/ /* Clear fixes -------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */