/*============================================ \ | All content of this file and \ referenced images (c) Vli Ltd | \ File Created: 06.08.09 | Author: P.Maclachlan \______________________________________________ ______________________________________________ \ | Project Name: wycombe (2787-Web [20090706] ) \ Project Manager: Hadleigh dawson / Mark Boniface |_____________________________________________ Project files: G:\Projects\Wycombe District Council\20090706 =================================================*/ /*ANY CHANGES TO THIS FILE ALSO NEED TO BE MADE TO THE RELEVANT PLACE IN /externalTemplate/css/ THIS AFFECTS EXTERNAL SITES USING THE WYCOMBE FRAMEWORK */ /* ------------------------------------ */ /* CSS RESET ***DO NOT REMOVE*** */ /* ------------------------------------ */ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0; display:block;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption {text-align:center;} th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} strong {font-weight:bold;} /* ------------------------------------ */ /* Basic site styles applied */ /* ------------------------------------ */ html,body {background-color:#ffffff;} p {margin:0; padding:0 0 12px 0; line-height:1.7em;} p.condensed {line-height:1.5em;} h1 {padding:0; margin:0 0 14px -1px;} h2 {padding:0 0 16px 0; margin:18px 0 0 0;} h3 {padding:0; margin:0 0 12px 0;} h4 {padding:0; margin:0 0 10px 0;} h5 {padding:0; margin:0 0 10px 0;} h6 {padding:0; margin:0 0 10px 0;} /* ------------------------------------ */ /* List Styles */ /* ------------------------------------ */ ul {padding-left:11px; margin:6px 0 18px 0; list-style-type:none; } ol {padding-left:11px; margin:6px 0 18px 17px; list-style-type:none; list-style-position:outside;} /*ul li span {color:#6c6c6c;}*/ ul li {padding:0 0 0 17px; margin:10px 0; background:transparent url(/Images/WycombeMainSite/icons/bulletpoint.png) no-repeat 0 5px;} ul li ul {margin-bottom:0;} ul li.first {margin-top:0;} ol li {list-style-type:decimal;padding:0;margin:6px 0;} ol li ol {margin-bottom:0;} ol li ol li {list-style-type:lower-alpha;} ol li ol li ol li {list-style-type:lower-roman;} /* ------------------------------------ */ /* FONT Defaults */ /* ------------------------------------ */ /*==== FONT FAMILY / ALIGNMENT ====*/ html,body,td,th,li,p,h1,h2,h3,h4,h5,h6 {font-family:Arial, Helvetica, sans-serif;} td,th,p,li { text-align:left; } /*==== COLOURS / STYLES ====*/ html,body,td,th,p {color:#444;} h1 { color:#444; font-weight:bold; } h2 { color:#444; font-weight:bold; } h3 { color:#444; font-weight:bold;} h4 { color:#444; font-weight:bold;} h5 { color:#444; font-weight:bold;} h6 { color:#444; font-weight:bold;} a {color:#006534; text-decoration:underline;} span.blue a{color:#214e75;} span.blue a:active {color:white;} span.blue a:focus {color:white;} a:link {color:#006534; text-decoration:underline;} /*a:visited {color:#00783d; text-decoration:none;}*/ a:visited {color:#800080; text-decoration:underline;} a:hover { text-decoration:none;} a:active {color:white; background-color:#503F6B;text-decoration:none;} a:focus {color:white; background-color:#503F6B;text-decoration:none;} a.imgLink, a.imgLink:link {width:88px; height:31px;display:inline-block} a.wai {background: transparent url("/Images/WycombeMainSite/sprites/footer.png") no-repeat scroll left -1502px} a.xhtml {background: transparent url("/Images/WycombeMainSite/sprites/footer.png") no-repeat scroll 0 -1634px;} a.css {background: transparent url("/Images/WycombeMainSite/sprites/footer.png") no-repeat scroll 0 -1573px} a.imgLink:active, a.imgLink:focus {outline:0px solid black;} div.inlineMedia {padding:8px 0 30px; width:508px;} input, select {color:#444;} /*==== FONT SIZES ====*/ body {font-size:62.5%} /*defaults body text to 10px */ h1 {font-size:2.5em} /* displayed at 25px */ h2 {font-size:1.9em} /* displayed at 19px */ h3 {font-size:1.7em} /* displayed at 16px */ h4 {font-size:1.5em} /* displayed at 12px */ h5 {font-size:1.3em} /* displayed at 12px */ h6 {font-size:1.2em} /* displayed at 12px */ p {font-size:1.2em;} /* displayed at 12px */ .mainWorkArea ul li, .mainWorkArea ol li, .mainFullPage ul li, .mainFullPage ol li {font-size:1.2em;} /* displayed at 12px */ .mainWorkArea ul li ul li, .mainWorkArea ol li ol li, .mainFullPage ul li ul li, .mainFullPage ol li ol li {font-size:1em;} /* keep nested ul at 12px */ .mainWorkArea ul.fontReset li, .mainWorkArea ol.fontReset li, .mainFullPage ul.fontReset li {font-size:1em;} .diddy {font-size:0.95em} ul.fontReset li.noBorder li:focus {display:none;} iframe.esriMapFrame {width:100%; height:500px; margin-bottom:25px;} /* ------------------------------------ */ /* Table Defaults */ /* ------------------------------------ */ table {border:0px none;font-size:1.2em;margin:15px 0;} table td table {font-size:1em;} tr {background-color:#ecf9f3;} td, th {color:black;padding:4px;} th {background-color:#00773d;color:white;font-weight:bold;} tr.even {background-color:#daf5e8;} table.withBorder tr, table.withBorder td, table.withBorder th {border:2px solid #fff;} table.noBg tr {background-color:transparent;} /* ------------------------------ */ /* Crumbtrail */ /* ------------------------------ */ #crumbtrailHolder { width:952px; padding:0 18px; margin:0 auto; } #crumbtrail { float:left; width:952px; color:#5c5c5c; font-size:1.3em; padding:10px 1px 8px 1px; margin:0; line-height:1.5em; border-bottom:1px solid #dedede;} #crumbtrail .youAreHere { float:left; padding:0 9px 0 4px; color:#535353; background: transparent url('/Images/WycombeMainSite/nav/crumbtrail/startSep.gif') no-repeat scroll right center;} #crumbtrail ul { margin:0; float:left; padding:0 0 0 3px; width:860px;} #crumbtrail li { display:block; float:left; background:none; padding:0; margin:0 0 0 4px; } .arrow, .activeCrumb { color:#4f4f4f; font-weight:normal; } #crumbtrail ul li span.arrow {display:none;} #crumbtrail li a, #crumbtrail li span.activeCrumb{padding-left:12px; background: transparent url('/Images/WycombeMainSite/nav/crumbtrail/sep.gif') no-repeat scroll left center; white-space:nowrap;} #crumbtrail ul>li a, #crumbtrail ul>li span.activeCrumb {background:none; padding:0;} #crumbtrail ul>li+li a, #crumbtrail ul>li+li span.activeCrumb {padding-left:12px; background: transparent url('/Images/WycombeMainSite/nav/crumbtrail/sep.gif') no-repeat scroll left center;} #crumbtrail ul li a:focus, #crumbtrail ul li a:active {background-color:#503F6B;} /* ------------------------------------ */ /* Access Keys */ /* ------------------------------------ */ .hide{position:absolute;left:-40000px;width:0;height:0;overflow:hidden;} .hide-tab{font-size:1.6em;position:absolute;left:-40000px;overflow:hidden;width:200px;} .hide-tab:active,.hide-tab:focus{text-decoration:none;text-align:center;background-color:#503F6B;color:#FFF;font-weight:bold;border-left:1px solid #FFF;padding:4px;margin-left:1px;position:absolute;left:0px;top:0px;width:200px;} #access-keys{position:absolute;top:0px;left:0px;z-index:100;} #access-keys ul, #access-keys li{margin:0;padding:0;list-style:none;} /* ======================================= Reverse Transparency Corners ==========================================*/ .panel {position:relative;padding:0;margin:0;} .panel div.topLeft {background: transparent url('/Images/WycombeMainSite/sprites/spriteFramework.png') 0 -8px;width:5px; height:5px; position:absolute;left:0px;top:0px;} .panel div.topRight {background: transparent url('/Images/WycombeMainSite/sprites/spriteFramework.png') 0 0;width:5px; height:5px;position:absolute;right:0px;top:0px;} .panel div.bottomLeft {background: transparent url('/Images/WycombeMainSite/sprites/spriteFramework.png') 0 -27px;width:5px; height:5px;position:absolute;left:0px;bottom:0px;} .panel div.bottomRight {background: transparent url('/Images/WycombeMainSite/sprites/spriteFramework.png') 0 -19px;width:5px; height:5px;position:absolute;right:0px;bottom:0px;} .panel img.topLeft {display:block;position:absolute;left:0px;top:0px;} .panel img.topRight {display:block;position:absolute;right:0px;top:0px;} .panel img.bottomLeft {display:block;position:absolute;left:0px;bottom:0px;} .panel img.bottomRight {display:block;position:absolute;right:0px;bottom:0px;} .panel div.blacktl {background: none} .panel div.blacktr {background-position: 0 -42px} .panel div.blackbl {background: none} .panel div.blackbr {background-position: 0 -55px} .panel.button {float:left;} .panel.pnl44852e {background-color:#016435} .panel.pnlEDEDED {background-color:#EDEDED;} .panel.black {background-color:#000;} .panel.pnl2e74a7 {background-color:#265C8B;} input.panelButton {text-align:left; display:inline-block; text-decoration:underline; background: transparent url('/Images/WycombeMainSite/icons/whiteArrowRight.gif') no-repeat scroll right center;padding:2px 11px 5px 3px;margin:0;border:0px none;width:auto;overflow:visible;color:#fff;font-size:1.2em;cursor:pointer;} input.panelButton:hover, input.panelButton:focus, input.panelButton:active {color:#fff;background-color:#503F6B;text-decoration:none;} input.panelButton.inactive:hover, input.panelButton.inactive:focus, input.panelButton.inactive:active {background-color:#ededed;text-decoration:none;cursor:auto;} input.panelButton.inactive {color:#000;} /* ======================================= Black Panel Headings ==========================================*/ .panel.header {margin-bottom:3px;} .panel.header .panelContent {width:100%;padding:0;margin:0;} .panel.header .panelContent p {padding:0 7px 0 7px;} p.panelTitle {color:#ffffff; font-weight:normal; font-size:1.9em; line-height:1.5em; margin:0; border-bottom:none 0; } .listContainer .panel, .spotlight .panel {margin-bottom:2px;} /*======================================== Holding Page Styles ==========================================*/ #holdingPageContainer {clear:both; padding:40px 35px; min-height:200px;} #holdingPageOuter {} #holdingPageInner {} /* ------------------------------------------------------------------------------------------- */ /* CORE SITE FRAMEWORK - Used to control main work areas and structure of site */ /* ------------------------------------------------------------------------------------------- */ /*==== MASTER PAGE CONTAINERS ====*/ #headerHolder {background:#eeffd3 url(/Images/WycombeMainSite/core/headerBg.gif) repeat-x scroll center bottom;} #menuHolder {background-color:#000000;} #footerHolder {padding:92px 0 17px 0; background:#000000 url(/Images/WycombeMainSite/core/footerBg.gif) repeat-x scroll center top;} #copyrightHolder {background:transparent url(/Images/WycombeMainSite/core/copyrightBg.gif) repeat-x scroll center top;} .contentHolder {background:transparent url(/Images/WycombeMainSite/sprites/spriteCore.png) repeat-y scroll -2046px top; width:1026px; margin:0 auto;} .contentTopWrapper {margin-left:auto; margin-right:auto; width:1020px; padding:0; background:transparent url(/Images/WycombeMainSite/sprites/spriteCore.png) no-repeat scroll 0 -21px;} .contentBotWrapper {margin-left:auto; margin-right:auto; width:1026px; padding:0; background:transparent url(/Images/WycombeMainSite/sprites/spriteCore.png) no-repeat scroll -1023px bottom;} .content {margin-left:auto; margin-right:auto; width:988px; padding:0 0 10px 0;} /*==== CONTENT FRAMEWORK TIER 1 ====*/ /* Main Full page - needed for internal padding.. cant use '.content' as other pages dont use padding (homepages for ex.) */ .mainFullPage { float:left; vertical-align:top; width:958px; margin:0; padding:14px 15px 0; } /* Left nav */ .mainLeftBar { vertical-align:top; float:left; width:200px; margin:11px 10px 0 15px; padding:0;} /* 2 column content container (expects leftBar OR mainRightBar) */ .mainWorkArea { float:left; width:733px; margin:14px 15px 0 15px; padding:0; } /* Main Right Bar */ .mainRightBar { vertical-align:top; float:right; width:200px; margin:4px 15px 0 10px; padding:0; } /* Main Title Bar */ /*.mainTitleBar { float:left; width:934px; border-bottom:solid 1px #d4d4d4; padding:0; margin:0 0 8px 17px }*/ /*==== CONTENT FRAMEWORK TIER 2 ====*/ /* child of '.mainWorkArea' or other Teir 1 - full width */ .centreColWide {width:733px; margin:0; padding:0;} /* child of '.mainWorkArea' or other Teir 1 - center column, main text */ .centreCol { float:left; width:508px; margin-right:23px; padding:0;} /* child of '.mainWorkArea' or other Teir 1 - right column */ .rightBar { vertical-align:top; float:right; width:200px; margin:0; padding:0; } /* Two Column Site child of .'mainFullPage' */ /*.twoColLeft {width:446px; float:left;}*/ /*.twoColRight {width:446px; float:right; padding-top:12px;}*/ /* child of '.mainWorkArea' or other Teir 1 - right column */ /*.titleBar { float:left; width:100%; border-bottom:solid 1px #d4d4d4; padding:0; margin-bottom:25px }*/ .errorPageHeader {width:958px; margin:0; padding:14px 20px 40px; } /* ---------------------------------*/ /* HomePage Rotator */ /* -------------------------------- */ .homePageRotator {margin:0; background-color:#ededed; background-repeat:no-repeat; position:relative; width:100%;} .homePageRotator .topLeft {height:5px; width:5px; position:absolute; left: 0; top: 0; background:transparent url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll 0 -97px;} .homePageRotator .bottomRight {height:5px; width:5px; position:absolute; bottom: 0; right: 0; background:transparent url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll 0 -87px;} .homePageRotator .bottomLeft {height:5px; width:5px; position:absolute; bottom: 0; left: 0; background:transparent url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll 0 -67px;} .homePageRotator .topRight {height:5px; width:5px; position:absolute; right: 0; top: 0; background:transparent url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll 0 -77px;} .homePageRotator .topRightInner {padding:6px;} .homePageRotator .rotatorContent {float:left;width:100%;background-color:white; min-height:177px;} .homePageRotator .rotatorContent .rotatorImg {float:left;position:relative;left:-14px;} .homePageRotator .rotatorContent .rotatorTxt { padding:0 14px;} .homePageRotator .rotatorContent .rotatorTxt h2 {margin:0;padding-top:18px;} .homePageRotator div.rotatorNavContainer {margin-top:6px;width:auto;padding-right:6px;} .homePageRotator div.rotatorNav {margin:auto;width:294px;float:left;display:inline-block;padding-right:35px;margin-left:200px;} .homePageRotator div.rotatorNavContainer .rotatorNavViewAll {font-size:1.2em; color:#00562C; float:left; padding:3px;} .homePageRotator div.rotatorNavContainer a.rotatorNavViewAll:focus, .homePageRotator div.rotatorNavContainer a.rotatorNavViewAll:active {color:#ffffff;} div.rotatorNav ul.rotatorNav {float:right;padding:0;margin:0 21px 5px 0;list-style-position:outside;} div.rotatorNav ul.rotatorNav li {background:none;float:left;margin:0;padding-left:3px;} div.rotatorNav ul.rotatorNav li img {float:left;} .rotatorButton {background-color:#016435; background-repeat:no-repeat; float:left; position:relative} .rotatorButton .topLeft {position:absolute; height:3px; width:3px; left:0 ; top:0; background:transparent url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll 0 -110px;} .rotatorButton .bottomRight {position:absolute; height:3px; width:3px; right:0 ; bottom:0; background:transparent url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll 0 -114px;} .rotatorButton .bottomLeft {position:absolute; height:3px; width:3px; left:0 ; bottom:0; background:transparent url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll 0 -106px;} .rotatorButton .topRight {padding: 0; position:absolute; height:3px; width:3px; right:0 ; top:0; background:transparent url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll 0 -118px;} .rotatorButtonSelected {background-color:#fff; background-repeat:no-repeat; float:left; position:relative} .rotatorButtonSelected .topLeft, .rotatorButton:hover .topLeft {position:absolute; height:3px; width:3px; left:0 ; top:0; background:transparent url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll 0 -130px;} .rotatorButtonSelected .bottomRight, .rotatorButton:hover .bottomRight {position:absolute; height:3px; width:3px; right:0 ; bottom:0; background:transparent url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll 0 -126px;} .rotatorButtonSelected .bottomLeft, .rotatorButton:hover .bottomLeft {position:absolute; height:3px; width:3px; left:0 ; bottom:0; background:transparent url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll 0 -134px;} .rotatorButtonSelected .topRight, .rotatorButton:hover .topRight {padding: 0; position:absolute; height:3px; width:3px; right:0 ; top:0; background:transparent url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll 0 -122px;} .rotatorButtonSelected a {float:left; padding:3px 10px;} .rotatorButtonSelected a:link {color:#00783d;} .rotatorButtonSelected a:active {color:#fff;} .rotatorButton:hover {background-color:#fff;} .rotatorButton a {float:left; padding:3px 10px;} .rotatorButton a.rotatorNavBtn {float:left; padding: 6px 9px 3px 9px;} .rotatorButton img.rotatorNavBtnPrev {float:left;background-image:url('/Images/WycombeMainSite/nav/rotator/rotatorPrev.gif')} .rotatorButton img.rotatorNavBtnNext {float:left;background-image:url('/Images/WycombeMainSite/nav/rotator/rotatorNext.gif')} .rotatorButton:hover img.rotatorNavBtnPrev {background-image:url('/Images/WycombeMainSite/nav/rotator/rotatorPrevHover.gif')} .rotatorButton:hover img.rotatorNavBtnNext {background-image:url('/Images/WycombeMainSite/nav/rotator/rotatorNextHover.gif')} .rotatorButton a {color:white;} .rotatorButton a:link {color:white;} .rotatorButton a:visited {color:white;} .rotatorButton a:hover {color:white;} .rotatorButton a:active, .rotatorButton a:focus, .rotatorButtonSelected a:active, .rotatorButtonSelected a:focus {color:white;} .rotatorButton:hover a {color:#016435;} .rotatorButton:hover a:link {color:#016435;} .rotatorButton:hover a:visited {color:#016435;} .rotatorButton:hover a:hover {color:#016435;} .rotatorButton:hover a:active {color:white;} /* ---------------------------------*/ /* Grey Panels */ /* -------------------------------- */ .greyPanelContainer {margin-top:19px;} .greyPanel {margin:0 0 15px 17px; background-color:#ededed; background-repeat:no-repeat; float:left;position:relative} .greyPanel .topLeft {height:5px; width:5px; position:absolute; left: 0; top: 0; background:transparent url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll 0 -97px;} .greyPanel .bottomRight {height:5px; width:5px; position:absolute; bottom: 0; right: 0; background:transparent url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll 0 -87px;} .greyPanel .bottomLeft {height:5px; width:5px; position:absolute; bottom: 0; left: 0; background:transparent url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll 0 -67px;} .greyPanel .topRight {height:5px; width:5px; position:absolute; right: 0; top: 0; background:transparent url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll 0 -77px;} .greyPanel .topRightInner {padding:6px;} .greyPanel span.panelHeader {display:block;padding:0;margin:2px 0 3px 0;width:212px;} .greyPanel span.panelHeader.wide {width:454px;} .greyPanel span.panelHeader img.imgLeft {margin:0 5px;} .greyPanel span.panelHeader img.imgRight {margin:0 0 0 5px;} .greyPanel span.panelHeader span {color:#00783d;text-decoration:none;font-size:1.8em;font-weight:bold;padding:4px 5px 0px; display:inline-block} .greyPanelContainer .greyPanel span.panelHeader span.blue {color:#214e75;margin-left:5px} .greyPanelContainer .greyPanel span.panelHeader span.blue span {padding:0; font-size:1em} .greyPanelContainer .greyPanel span.panelHeader span.blue:active {color:white;} .greyPanel span.panelHeader span.rightBarArrow {display:inline-block; height:27px; width:22px; background: url(/Images/WycombeMainSite/sprites/spriteFramework.png) -173px -165px; text-indent:-999em; margin-left:5px} .greyPanel span.panelHeader img {float:left;} .greyPanel span.panelHeader span.apply {width:26px; height:31px; background:transparent url(/Images/WycombeMainSite/sprites/icons.png) no-repeat scroll -72px -641px; display:inline-block; float: left; margin-left: 5px} .greyPanel span.panelHeader span.report {margin-top:-4px; margin-bottom:4px; width:30px; height:31px; background:transparent url(/Images/WycombeMainSite/sprites/icons.png) no-repeat scroll -32px -694px; display:inline-block; float: left; margin-left: 5px} .greyPanel span.panelHeader span.book {width:22px; height:31px; background:transparent url(/Images/WycombeMainSite/sprites/icons.png) no-repeat scroll 0px -694px; display:inline-block; float: left; margin-left: 5px} .greyPanel span.panelHeader span.pay {width:29px; height:31px; background:transparent url(/Images/WycombeMainSite/sprites/icons.png) no-repeat scroll 0px -641px; display:inline-block; float: left; margin-left: 5px} .greyPanel span.panelHeader span.services {width:24px; height:30px; background:transparent url(/Images/WycombeMainSite/sprites/icons.png) no-repeat scroll -38px -641px; display:inline-block; float: left; margin-left: 5px} .greyPanel span.panelHeader span.property {margin:0 4px 2px; width:23px; height:30px; background:transparent url(/Images/WycombeMainSite/sprites/icons.png) no-repeat scroll -73px -694px; display:inline-block; float: left} .greyPanelContent {padding:10px 6px 4px; background-color:#fff;} .greyPanelContent ul {width:198px;margin:0;} .greyPanelContent ul.wide {float:left;width:218px;margin:0;} .greyPanelContent ul li {margin:6px 0; background-image:url('/Images/WycombeMainSite/icons/bulletpointBlue.png');} .greyPanelContent ul li a.blue:link {color:#265C8B;} .greyPanelContent ul li a:focus, .greyPanelContent ul li a:active, .greyPanelContent ul li a.blue:focus, .greyPanelContent ul li a.blue:active {color:#fff;} .greyPanelContent p a {padding-left:11px} .greyPanelContent p {width:198px} .greyPanelContent input.postCode {border:1px solid #999; height:16px; width:150px; padding:2px} .greyPanelContent input.GoClassButton {font-size:1.2em} .greyPanelContent input.goBtn {border: 1px solid #999; margin:0 3px; } div.councilServices a {cursor:pointer; text-decoration:underline} div.councilServices a:hover {text-decoration:none} div.councilServices span.panelHeader{ width:221px; margin:2px 0 0} div.councilServices a:active, div.councilServices a:focus {color:#fff; background-color:#503f6b} div.councilServices span.panelHeader span.services {margin-left:0} div.councilServices .topRightInner {padding: 15px 6px} div.councilServices span.panelHeader span.rightBarArrow {margin:0; width:13px; text-indent: 0} div.councilServices span.panelHeader span.blue a span {text-decoration:underline} div.councilServices span.panelHeader span.blue a:hover span {text-decoration:none} div.councilServices span.panelHeader span.blue a span {color:#214E75; display:inline; font-size:1em; padding:0; background-color:transparent} div.councilServices span.panelHeader span.blue a:active span, div.councilServices span.panelHeader span.blue a:focus span {color:#fff; outline: 1px dotted #000} /* ---------------------------------------*/ /* Contact Us Email Panel */ /*--------------------------------------- */ .panel.contactUsEmail {background-color:#ededed;padding:6px;margin:25px 0 37px 0;} .panel.contactUsEmail div.contactUsEmailContent {width:100%;background-color:#fff;} div.contactUsEmailContent p {text-align:center; font-size:1.4em; padding:8px;} /* ---------------------------------*/ /* Standard Form Styles */ /* -------------------------------- */ /*Styles for standard forms, some areas have custom forms that have their own styles, these styles just cover the basic versions of the forms*/ /*Many forms have a full width dotted border above them*/ div.formContainerBorderTop { width:100%; border-top:1px dotted #dedede; margin-top:3px; padding:20px 0 20px;} /*Forms use a standard grey panel as a container the standard width is that of the centreCol with padding and margin*/ .panel.greyPanel504 {width:464px;padding:16px 20px;float:none; margin:0 0 25px 0;background-color:#f0f0f0;} /*Non standard width for payment form*/ .panel.paymentCentred {float:none; background-color:#f0f0f0; margin:0 auto; width:412px;} /*Style for pages with small forms and no other content on the page*/ .formCentered {margin:0 auto;width:504px;} /*Form Description Styles*/ div.formDescription.leftPanel { float:left; width:295px;} div.formDescription h2 { font-size:1.4em; padding-top:0; color:#717171;} div.formDescription p { font-size:1.1em;} /*Form Mandatory Styles*/ .formMandatory {color:#cc0033;} p.formMandatory {font-size:1.1em; text-align:right; padding:0 0 10px;} /*Forms with multiple add options*/ div.addFormItem {text-align:right;} div.addFormItem a {font-size:1.2em;} /*Standard Form Styles*/ div.formContainer input.textInput {width:186px;} div.formContainer input.lastInput {margin-bottom:0;} div.formContainer input.textInput.postcode {width:72px;} div.formContainer input.checkInput.labelRight {margin-right:6px;} div.formContainer input.checkInput.labelLeft {margin-left:6px;} div.formContainer select.selectInput {width:194px;} div.formContainer textarea {font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#000000;} div.formContainer textarea.textAreaInput {width:436px;} div.formContainer textarea.messageToFriendTextarea {width:194px;height:100px;} div.formContainer div.formCheckBox {float:left;margin-right:12px;} div.formContainer ul {list-style-type:none; padding:0px; margin:0px;} div.formContainer ul.padded {margin:8px 13px 6px;} div.formContainer ul li {background:none; padding:0;} div.formContainer ul li.noMar {margin:0;} div.formContainer ul li.noMarBot {margin-bottom:0;} div.formContainer ul li label {font-size:1.2em; position:relative; top:-1px;} div.formContainer ul li input.radioInput, div.formContainer ul li input.checkInput {margin-right:8px;vertical-align:middle;} div.formContainer ul li span.radioInput input, div.formContainer ul li span.checkInput input {margin-right:8px;vertical-align:middle;} div.formContainer ul li span.radioInput label {margin-right:9px;} div.formContainer ul li input {font-size:1.1em; color:#000000; padding:3px; margin:2px 0 10px 0;} div.formContainer ul li input.noLabelBelow {margin:2px 0 2px 0} div.formContainer ul li input.subtitleBelow {margin-bottom:2px;} div.formContainer ul li select {font-size:1.1em; color:#000000; padding:3px; margin:2px 0 10px 0;} div.formContainer ul li textarea {padding:3px; margin:2px 0 10px 0;} div.formContainer ul li textarea.addressEdit {width:186px; height:60px;} div.formContainer ul li textarea.contactEnquiry {width:454px;height:120px;} div.formContainer ul li input.addCheck {margin:0 0 4px; vertical-align:middle;} div.formContainer ul li a.itemSubtitle {margin-top:4px;display:block;} div.formContainer .inlineSubmit .stdBtn {margin:10px 0 0 0;} div.formContainer input.donationFormSaveDetails {width:6.6em;} /*Form buttons styles*/ ul.formOptions.forgotPassword {width:488px; margin:0 auto;} ul.formOptions {list-style-type:none;} ul.formOptions li {background:none; margin-right:10px; display:inline; float:left; } ul.formOptions li .stdBtn input.contactFormBack {padding:0 3px 2px 8px;} div.formContainer .stdBtn {margin-left:20px;} .stdBtn input.sendEmail {padding:0 10px 2px 3px;margin:2px 1px;width:4.6em;color:white;} /*error message modifiers*/ div.formContainer div.errorMsg {width:100%; border:1px solid #e25051; margin-bottom:15px;position:relative;left:-1px;} div.formContainer div.errorMsg.noFloat {float:none; width:auto;} div.formContainer div.errorMsg div.errorImg {margin:6px; height:27px; width:27px; background:url('/Images/WycombeMainSite/sprites/spriteFramework.png') no-repeat -91px -165px;float:left} div.formContainer div.errorMsg p {padding:0; font-weight:bold; font-size:1.7em; color:#C00000;} div.formContainer li {clear:both;} div.formContainer li.errorMsg {float:left; position:relative;left:-3px;top:-3px;border:1px solid #e25051; background:#fcdad9; padding:2px 2px 0 2px; margin-bottom:3px; width:100%;} div.formContainer li.errorMsg label {color:#800000;} div.formContainer li.errorMsg input, div.formContainer li.errorMsg select {border:1px solid #f1a3a3;float:left; margin-bottom:3px;} div.formContainer li.errorMsg.noFloat input, div.formContainer li.errorMsg.noFloat select {float:none;margin-bottom:10px;} div.formContainer li.errorMsg .errorText {float:left; margin:0px 2px 2px;} div.formContainer li.errorMsg .errorText.right {float:right;} div.formContainer li.errorMsg .errorText .errorImg {float:left; margin:2px 0 0;height:20px; width:20px; background:url('/Images/WycombeMainSite/sprites/spriteFramework.png') no-repeat -91px -197px;} div.formContainer li.errorMsg p {float:left; padding:0; font-weight:bold; font-size:1.1em; color:#800000; margin:2px 6px;} div.formContainer li.errorMsg label.checkBoxRight {top:3px;left:2px;} /* ---------------------------------*/ /* bookmarks Panel */ /* -------------------------------- */ .panel.bookmarks {background-color:#ededed;padding:6px;margin-top:25px;} .panel.bookmarks div.bookmarkListContainer {width:100%;background-color:#fff;} ul.bookmarkWithList {display:inline-block;float:left;padding:6px; margin:0;} ul.bookmarkWithList li {background:none;float:left;padding:1px 0 1px 34px; margin:0 12px 0 0; border-left:1px solid #bebebe;background-position:12px 0;} ul.bookmarkWithList li.first {margin-left:0;padding-left:0;} ul.bookmarkWithList li.noBorder {border:0px none;} ul.bookmarkWithList li.bookmarkDelicious {background:url('/Images/WycombeMainSite/sprites/icons.png') no-repeat 7px -318px;} ul.bookmarkWithList li.bookmarkDigg {background:url('/Images/WycombeMainSite/sprites/icons.png') no-repeat 7px -408px;} ul.bookmarkWithList li.bookmarkReddit {background:url('/Images/WycombeMainSite/sprites/icons.png') no-repeat 7px -348px;} ul.bookmarkWithList li.bookmarkFacebook {background:url('/Images/WycombeMainSite/sprites/icons.png') no-repeat 9px -378px;} /* ------------------------------------------------------------*/ /* Services Homepage / AtoZ Listing / APRSSearch Results */ /* ------------------------------------------------------------*/ .greyPanelContent.servicesHomePage {padding:0;} .greyPanelContent ul.servicesContact {float:left;width:331px;border:0px none;padding:6px 0;margin:0;} .greyPanelContent ul.servicesContact li {float:left;border:0px none;padding:7px;} .greyPanelContent ul.servicesContact li span {font-size:1.2em;} div.wideListContainer {margin: 10px 0;} ul.wideList {padding:0; margin:0;border-top:1px solid #e5e5e5;} ul.wideList.APR {border-top:0px none;} ul.wideList li {background:none;border-top:1px dotted #e4e4e4;padding:0;margin:0;} ul.wideList li.first {border:0px none;} .aToZFilterIndicator {font-size:16px; width:12px; font-weight:bold; background-image:url("/Images/WycombeMainSite/sitepages/letter_active.gif"); background-repeat:no-repeat; color:#FFFFFF; display:inline-block; padding:4px 7px 5px; margin-right:7px; text-decoration:none;} .servicesListLeft {float:left; width:376px;margin:7px;} div.wideListContainer.showAll .servicesListLeft {margin:4px 7px;} .servicesListLeft.servicesListLeftFull {width:100%;} .servicesListLeft h2 {font-size:1.2em; line-height:1.7em; font-weight:normal;margin:0;padding:0;} .servicesListLeft p {font-size:1.2em;padding:0;line-height:1.5em} .servicesListLeft img.linkIcon {display:inline;vertical-align:bottom;margin:0 4px;} .servicesListRight {float:right;margin:7px 0;} .servicesListRight .greyPanel {margin:0;} .ARPSsearchResult {padding:12px 0;} .ARPSsearchResult.recommended {padding-bottom:0;} .ARPSsearchResult h2 {font-size:1.4em;font-weight:normal;margin:0;} .ARPSsearchResult p {font-size:1.2em;line-height:1.5em} .ARPSsearchResult img.typeIcon {display:inline;position:relative;top:2px;} ul.servicesContact li {clear:both;background:none; font-size:1.0em; margin:0;width:276px;} ul.servicesContact li.phone {background-image:url('/Images/WycombeMainSite/icons/mobilePhone.gif');background-repeat:no-repeat;margin-left:16px;padding-left:24px;background-position: 0 4px;} ul.servicesContact li.email {background-image:url('/Images/WycombeMainSite/icons/email.gif');background-repeat:no-repeat;margin-left:10px;padding-left:30px;background-position: 0 4px;} ul.searchCategories {float:left;padding:0;margin:0;} ul.searchCategories li {float:left;width:186px;margin:0;padding:10px 0 10px 0;background:none;} .panel.searchHelpPanel {float:none;display:inline-block;background-color:#ededed;padding:5px;} div.searchHelp {display:inline-block; padding:8px; background-color:#fff;width:174px;} div.searchHelp p {float:none;display:block;} div.searchHelp p a {float:none;display:block;} span.advancedSearchLink {font-size:1.2em;line-height:1.6em; font-weight:normal;} .advancedSearch h2 span.advancedSearchLink {font-size:0.63em;font-weight:normal;} .advancedSearch ul {margin:0; padding:0;} .advancedSearch ul li {margin:0; padding: 4px 0; background:none; font-size:10px;} .advancedSearch label {display:block; text-align:right; margin-right:4px; font-size:1.2em; line-height:1.6em; float:left; width:154px;} .advancedSearch input {display:block; float:left; width:250px; padding:2px; margin-right:4px;} .advancedSearch select {display:block; float:left; width:254px; padding:2px; } .advancedSearch p.advancedSearchDesc {padding:10px 0 0 158px; width:450px;} .advancedSearch .panel.button label {display:none;} .advancedSearch input.panelButton {display:inline-block; width:auto; margin:0; padding:2px 11px 5px 3px;} /* ------------------------------ */ /* SubNav */ /* ------------------------------ */ ul.subNav.inline {width:100%;} ul.subNav { float: left; width: 180px; margin:8px 0 0 0; padding:0 0 10px 0;} ul.subNav li { float:left; width:180px; list-style-type: none; margin: 0px; padding:0px;} ul.subNav li a {float:left; width:116px; padding:3px 0 3px 24px; font-weight:normal; font-size:12px; background-image:url('/Images/WycombeMainSite/icons/leaf.gif');background-repeat:no-repeat; background-position:left center;} ul.subNav li a:link, ul.subNav li a:visited {background-color:#ffffff; text-decoration:none;} ul.subNav li a:hover, ul.subNav li a:active, ul.subNav li a:focus, ul.subNav li a.selected, ul.subNav li a.selected:visited {background-image:url('/Images/WycombeMainSite/icons/leafSubnavHover.gif'); background-color:#503F6B; color:#ffffff;} ul.subNav li a span {color:#444;font-size:10px;} ul.subNav li a:hover span, ul.subNav li a:active span, ul.subNav li a:focus span, ul.subNav li a.selected span, ul.subNav li a.selected:visited span {color:#fff;} /* ---------------------------------*/ /* Homepage Poll */ /* -------------------------------- */ .quickPoll {padding-top:10px; margin-right:17px; float:left; width:233px; background:transparent url('/Images/WycombeMainSite/homepage/quickPollTop.gif') no-repeat scroll left top;} .quickPoll .quickPollTitle {background:transparent url('/Images/WycombeMainSite/homepage/quickPollTitleBkgnd.gif') repeat-y scroll left top;} .quickPoll .quickPollTitle p {line-height:0.7em; padding:0 0 5px 12px; margin:0; color:#fff; font-size:1.9em;} .quickPoll .quickPollContent {min-height:238px; padding:0 10px 10px 10px; border-right: solid 1px #e0e0e0; border-left:solid 1px #e0e0e0; background:transparent url('/Images/WycombeMainSite/homepage/quickPollBkgnd.gif') repeat-x scroll left top;} ul.quickPollResults {margin:0 0 12px 0;padding:0;} ul.quickPollResults li { margin:0;padding:10px 0; background:none; border-bottom:1px dotted #d7d7d7;} ul.quickPollResults li input {margin-right:10px;} ul.quickPollResults li p {font-size:1em; padding-bottom:4px;} ul.quickPollResults li span.pollResultContainer {float:left; margin:0 5px 0 0; width:153px; height:12px; border:1px solid #e6e6e6; background-color:white;} ul.quickPollResults li span.pollResultBar {float:left; height:10px; padding:0; border:1px solid #58a618; background-color:#58a618; background-image:url('/Images/WycombeMainSite/homepage/quickPollFill.gif'); background-repeat:repeat-x;} .quickPoll .quickPollContent p.previousPolls { margin:10px 0 0 0;} .quickPoll .quickPollContent p.previousPolls img {display:inline;} .quickPollContent .quickPollSubmit {margin-left:10px;} .quickPollContent .quickPollSubmit input {width:5.6em;} /* ---------------------------------*/ /* Homepage News */ /* -------------------------------- */ .homePageNews {float:left; width:482px;} .homePageNews .newsList ul li .newsListTxt { float:right; width:381px; } .homePageNews .newsList ul li .newsListImg { margin-right:5px; } .homePageNews .newsList ul li.first {border-top:0px none;} .homePageNews .panel.black {float:left;margin-top:4px; width:482px;} .homePageNews .panel.black p {width:auto; color:#ffffff; font-weight:normal;line-height:1em;font-size:1.9em;float:left;padding:4px 0 6px 10px;margin-right:40px;} .homePageNews .panel.black span.newsRSS {float:left;padding:7px 0;} .homePageNews .panel.black span.newsRSS img {vertical-align:top;margin:0 6px 0 0;} .homePageNews .panel.black span.newsRSS a {color:#a8f34e; font-weight:bold;margin:0;padding:0;} .homePageNews .panel.black span.newsRSS a:focus, .homePageNews .panel.black span.newsRSS a:active {background-color:white;color:black;} .homePageNews .panel.black span.viewAllNews {font-size:1.2em;padding:6px 12px 6px 0; float:right;} .homePageNews .panel.black span.viewAllNews a {color:#fff;margin:0;padding:0;} .homePageNews .panel.black span.viewAllNews a:focus, .homePageNews .panel.black span.viewAllNews a:active {background-color:white;color:black;} /* Wide Variant for no Polls Present */ .homePageNewsWide {float:left; width:731px;} .homePageNewsWide .newsList ul li .newsListTxt { float:right; width:630px; } .homePageNewsWide .newsList ul li .newsListImg { margin-right:5px; } .homePageNewsWide .newsList ul li.first {border-top:0px none;} .homePageNewsWide .panel.black {float:left;margin-top:4px; width:732px;} .homePageNewsWide .panel.black p {width:auto; color:#ffffff; font-weight:normal;line-height:1em;font-size:1.9em;float:left;padding:4px 0 6px 10px;margin-right:40px;} .homePageNewsWide .panel.black span.newsRSS {float:left;padding:8px 0 7px 20px; background:transparent url(/Images/WycombeMainSite/sprites/icons.png) no-repeat scroll 0 -736px;} .homePageNewsWide .panel.black span.newsRSS img {vertical-align:top;margin:0 6px 0 0;} .homePageNewsWide .panel.black span.newsRSS a {color:#a8f34e; font-weight:bold;margin:0;padding:0;} .homePageNewsWide .panel.black span.newsRSS a:focus, .homePageNewsWide .panel.black span.newsRSS a:active {background-color:white;color:black;} .homePageNewsWide .panel.black span.viewAllNews {font-size:1.2em;padding:4px 1px 6px 0; float:right;} .homePageNewsWide .panel.black span.viewAllNews a {color:#fff;margin:0;padding:0} .homePageNewsWide .panel.black span.viewAllNews span.whiteArrow {width:14px; height:14px;display:inline-block; background:transparent url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll -288px -157px;} .homePageNewsWide .panel.black span.viewAllNews a:focus, .homePageNewsWide .panel.black span.viewAllNews a:active {background-color:white;color:black;} /* ---------------------------------*/ /* Header */ /* -------------------------------- */ #header {width:958px; margin-left:auto; margin-right:auto; padding:0 15px 31px;} .wycombeLogo {margin-top:16px;width:113px; height:87px;background:transparent url(/Images/WycombeMainSite/sprites/footer.png) no-repeat scroll 0 -539px; display:inline-block; text-indent:-9999em; } .HeaderRight {float:right;width:830px; height:94px; margin-top:3px;} .HeaderRight .mainLogo {text-indent:-9999em;width:364px; height:52px; background:transparent url(/Images/WycombeMainSite/sprites/spriteCore.png) no-repeat scroll -5052px 0px; margin:8px 0 0 -1px} .quickLinksContainer {} .quickLinks {float:right; margin:2px 4px 0 0;} .quickLinks ul {float:left;margin:6px 6px 0 0; padding:0; text-align:right;} .quickLinks ul li {margin:0; padding:0; list-style-type:none; background-image:none; display:inline;} .quickLinks ul li a {padding:0px 3px 0px 3px; font-size:1.2em;} .quickLinks ul li a:link {color:#000000;} .quickLinks ul li a:active, .quickLinks ul li a:focus {color:#FFFFFF;text-decoration:none;} .quickLinks ul li.textSize img {padding:0;margin:0;vertical-align:middle;} .quickLinks ul li.textSize a {padding:0; margin:0;} /*-text sizer-*/ .textSize { float:left; background-color:#ffffff;} .textSize .stdBtn .btnTl {float:left;background:transparent url(/Images/WycombeMainSite/scaleable/300/79a2c2/topLeft.gif) no-repeat scroll left top;} .textSize .stdBtn .btnBr {position:relative; float:left;background:transparent url(/Images/WycombeMainSite/scaleable/300/79a2c2/bottomRight.gif) no-repeat scroll right bottom;} .textSize .stdBtn .tsTr{position:absolute;top:0; right:0; width:3px; height:5px; font-size:0px; background: transparent url(/Images/WycombeMainSite/sprites/spriteFramework.png) -267px -182px} .textSize .stdBtn .tsBl{position:absolute;bottom:0; left:0; width:5px; height:3px; font-size:0px; background: transparent url(/Images/WycombeMainSite/sprites/spriteFramework.png) -195px -202px} .textSize .stdBtn p {float:left; background-color:transparent; background-image:none; margin:1px 0.5em 0 0.3em; padding:0;} .textSize .stdBtn a {background-image:none; padding:0; margin:0;} .textSize .stdBtn a:link {background-image:none; padding:0; margin:0;} .textSize .stdBtn a:visited {background-image:none; padding:0; margin:0;} .textSize .stdBtn a:focus, .textSize .stdBtn a:active {background:none; background-color:#503F6B; color:#fff;} .textSize .stdBtn ul {float:left; margin:0.3em; padding:0;} .textSize .stdBtn ul li {float:left; list-style-type:none; display:inline; background-image:none; padding:0; margin:0;} .textSize .stdBtn ul .reduceButton {display:inline-block; height:22px; width:22px;margin-right:2px;} .textSize .stdBtn ul .increaseButton {display:inline-block; height:22px; width:22px;margin-right:2px;} .textSize .stdBtn ul a.reduceButton {margin-right:2px;vertical-align:middle; display:inline-block; height:22px; width:22px; background: #fff url(/Images/WycombeMainSite/sprites/spriteFramework.png) -147px -165px} .textSize .stdBtn ul a.reduceGrey {background-position: -125px -187px} .textSize .stdBtn ul a.increaseButton {margin-left:2px;vertical-align:middle; display:inline-block; height:22px; width:22px; background: #fff url(/Images/WycombeMainSite/sprites/spriteFramework.png) -125px -165px} .textSize .stdBtn ul a.increaseGrey {background-position: -147px -187px} .textSize .stdBtn ul li a{display:inline-block; width:22px; height:22px;} .textSize .stdBtn ul li {text-align:center} .textSize .stdBtn ul a.text-resize100, .textSize .stdBtn ul a.text-resize150, .textSize .stdBtn ul a.text-resize200 {font-weight:bold; color:#000} .textSize .stdBtn ul a.text-resize100 {font-size:1.2em; line-height:26px;} .textSize .stdBtn ul a.text-resize150 {font-size:1.4em; line-height:24px} .textSize .stdBtn ul a.text-resize200 {font-size:1.55em; line-height:20px} .textSize .stdBtn a:focus span {color:#fff;} /*.textSize .stdBtn a:active span {} */ /* ---------------------------------*/ /* Menu */ /* -------------------------------- */ .menuContainer {margin-left:auto; margin-right:auto; width:973px; padding:0 15px 7px 0; } .menu {float:left; padding:11px 0 0 0; display:block;} .menu ul {padding:0; list-style-type:none; clear:both;} .menu ul li {display:inline; float:left; font-weight:bold; margin:0; padding:0; background-image:url(/Images/WycombeMainSite/sprites/footer.png); background-position:-294px -0px; background-repeat:no-repeat;} .menu ul li.noBorder {display:inline; float:left; font-weight:bold; margin:0; padding:0; background-image:none;} .menu ul li a {float:left; padding:0 18px; margin:0; font-size:1.5em; text-decoration:none;} .menu ul li a:link {display:block; float:left; text-decoration:none; color:#fff;} .menu ul li a:visited {display:block; float:left; text-decoration:none; color:#fff;} .menu ul li a:hover {display:block; float:left; text-decoration:underline;} .menu ul li a:active {display:block; float:left; text-decoration:none;} .menu ul li a.selected {display:block; float:left; text-decoration:none; color:#b3ee56;} .menu ul li a.selected:hover {display:block; float:left; text-decoration:underline; color:#b3ee56;} .noLink {cursor:default;} .menuSearch {float:right; margin:8px 0 0 0; } .menuSearch ul {float:left; margin:0; padding:0; display:block; vertical-align:top; } .menuSearch ul li {margin:0; padding:0; display:inline; float:left; } .menuSearch .keywordSearchIconBottom {float:left; margin-right:2px; background-image:url('/Images/WycombeMainSite/nav/header/searchIconBottom.gif'); background-position:bottom left;background-repeat:no-repeat;} .menuSearch .keywordSearchIconTop {float:left; background-image:url('/Images/WycombeMainSite/nav/header/searchIconTop.gif'); background-position:top left; background-repeat:no-repeat;} .menuSearch .keywordSearchIconTop .searchIcon {float:left;margin:6px 4px 0 6px;background: transparent url(/Images/WycombeMainSite/sprites/footer.png) 0 -659px; width:13px; height:13px} .menuSearch .searchTextEntry {float:left; font-size:1.3em; color:#000000; background-color:#fbfcfc; width:188px; padding:2px 0 4px 0; margin:2px 0 1px 0; border:0px none; border-top:1px solid #e0e3e3; border-right:1px solid #e0dfdf;} /* ---------------------------------*/ /* Left Nav styles */ /* -------------------------------- */ /*- (base) -*/ .leftNav { margin-bottom:16px;} .leftNav img { vertical-align:bottom; } .leftNav ul { float:left; width:200px; margin:0; padding:0; border-bottom:1px dotted #dddddd;} .leftNav ul li { float:left; width:200px; list-style-type:none; margin:0; padding:0; border-top:1px dotted #dddddd; background-image:none; } .leftNav ul li.first {border-top:0px none;} .leftNav ul li a { float:left; width:171px; padding:6px 6px 6px 23px; font-weight:normal; font-size:1.2em; text-decoration:none; } .leftNav ul li a:link, .leftNav ul li a:visited { color:#21542a; text-decoration:none; background: url(/Images/WycombeMainSite/sprites/spriteFramework.png) -276px -20px no-repeat;} .leftNav ul li a:focus, .leftNav ul li a:active, .leftNav ul li a:hover {color:#fff; background:#503F6B url(/Images/WycombeMainSite/sprites/spriteFramework.png) -279px -249px no-repeat;} .leftNav ul li a.selected:link, .leftNav ul li a.selected:visited {background: #006534 url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll -279px -249px; color:#fff;} .leftNav ul li a.selected:hover, .leftNav ul li a.selected:focus, .leftNav ul li a.selected:active {background:#503F6B url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll -279px -249px;} .leftNav ul li a.hasChildren:link, .leftNav ul li a.hasChildren:visited {color:#21542a; font-weight:bold; background: #d0f0c9 url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll -276px 10px;} .leftNav ul li a.hasChildren:focus, .leftNav ul li a.hasChildren:active, .leftNav ul li a.hasChildren:hover {color:#fff; background:#503F6B url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat -276px -83px;} .leftNav ul li a.selectedWithChildren:link, .leftNav ul li a.selectedWithChildren:visited {color:#fff; font-weight:bold; background:#006534 url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat -276px -83px;} .leftNav ul li a.selectedWithChildren:focus, .leftNav ul li a.selectedWithChildren:active, .leftNav ul li a.selectedWithChildren:hover {color:#fff; background-color:#503F6B;} /*- 2nd level -*/ .leftNav ul li ul {border:0;} .leftNav ul li ul li a {width:161px; padding:6px 6px 6px 33px;} .leftNav ul li ul li a.selected:link, .leftNav ul li ul li a.selected:visited {background: #006534 url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat scroll -267px -249px; color:#fff;} .leftNav ul li ul li a:link, .leftNav ul li ul li a:visited {background-position:-264px -20px;} .leftNav ul li ul li a:hover, .leftNav ul li ul li a:active, .leftNav ul li ul li a:focus {background-position:-267px -249px} .leftNav ul li ul li a.selectedWithChildren:link, .leftNav ul li ul li a.selectedWithChildren:visited { background-position:-263px -83px;} .leftNav ul li ul li a.hasChildren:link, .leftNav ul li ul li a.hasChildren:visited {background-position:-264px 10px;} .leftNav ul li ul li a.hasChildren:focus, .leftNav ul li ul li a.hasChildren:active, .leftNav ul li ul li a.hasChildren:hover {color:#fff; background:#503F6B url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat -265px -82px;} /*- 3rd level -*/ .leftNav ul li ul li ul li a {width:145px; padding:6px 6px 6px 49px;} .leftNav ul li ul li ul li a:link, .leftNav ul li ul li ul li a:visited { background-color:#f3f3f3; background-image:none;} .leftNav ul li ul li ul li a:focus, .leftNav ul li ul li ul li a:active, .leftNav ul li ul li ul li a:hover, .leftNav ul li ul li ul li a.selected:focus, .leftNav ul li ul li ul li a.selected:active { background-color:#503F6B;} .leftNav ul li ul li ul li a.selected:link, .leftNav ul li ul li ul li a.selected:visited { background-image:none;} /* ------------------------------------ */ /* LIST container - whole item hover */ /* ------------------------------------ */ .listContainer {padding:0; margin:25px 0 0;} /*- header element-default is black -*/ .listContent .panel.pnlEDEDED {padding:6px;} .listContent .panelContent {width:100%;} /*- main body -*/ .listContent {padding:0; margin:0;} .listContent ul {width:100%; padding:0; margin:0; background-color:#ffffff;} .listContent ul li {list-style-type:none; padding:8px 0; margin:0; background-image:none;} .listContent ul li.group {border-top:1px dotted #dedede; padding-bottom:0;} .listContent ul li p.resourcesGroup {font-size:1.8em; padding:0 10px; line-height:1.4em;} .listContent ul li .downloadLink {float:left;padding:0 8px;} .listContent ul li .downloadLink p {line-height:1.5em; padding:0; margin:0; } .listContent ul li .downloadLink p a {margin:0;padding:0;} .listContent ul li .downloadDetail {font-size:1.1em; padding:6px 8px 10px 8px;} .listContent ul li .downloadDetail img {display:inline; margin-right:3px; vertical-align:middle} .listContent ul li .downloadDetail .filetype {vertical-align:middle; margin-right:3px; display:inline-block;} .listContent ul li .downloadDetail .external, .listContent ul li .downloadDetail .html{width:16px; height:16px; background: transparent url(/Images/WycombeMainSite/sprites/fileType.png) no-repeat scroll 0 -230px} .listContent ul li .downloadDetail .word, .listContent ul li .downloadDetail .doc{width:16px; height:16px; background: transparent url(/Images/WycombeMainSite/sprites/fileType.png) no-repeat scroll 0 0px} .listContent ul li .downloadDetail .excel, .listContent ul li .downloadDetail .xls{width:16px; height:16px; background: transparent url(/Images/WycombeMainSite/sprites/fileType.png) no-repeat scroll 0 -110px} .listContent ul li .downloadDetail .pdf {width:16px; height:16px; background: transparent url(/Images/WycombeMainSite/sprites/fileType.png) no-repeat scroll 0 -190px} .listContent ul li .downloadDetail .csv {width:16px; height:16px; background: transparent url(/Images/WycombeMainSite/sprites/fileType.png) no-repeat scroll 0 -69px} .listContent ul li.active { float:left; width:100%; list-style-type:none; padding:8px 12px 9px 12px; margin:0px;border-bottom: dotted 1px #dedede;background-image:none;line-height:16px;background-color:#6291be; } .listContent ul li.active .downloadLink h4 { font-size:1.1em; color:#ffffff; font-weight:bold; margin:0px 0px 0px 0px;} .listContent ul li.active .downloadLink h5 { font-size:1.1em; color:#ffffff; font-weight:normal; margin:0; padding:0; } .listContent ul li.active .downloadDetail {font-size:0.9em; color:#ffffff;} .listContent p.linksDisclaimer {color:black;text-align:center;padding:0 20px;font-size:1.1em;font-weight:bold;} div.viewerLinksContainer { width:100%; margin-top:12px;margin-bottom:4px;} div.viewerLinks {width:348px;margin: auto;} div.viewerLinks a {float:left;margin-left:30px} div.viewerLinks a.first {margin-left:0;} div.viewerLinks a.wordViewer {width:96px; height:33px; background: transparent url(/Images/WycombeMainSite/sprites/icons.png) no-repeat scroll 0 -608px} div.viewerLinks a.acrobatReader {width:96px; height:33px; background: transparent url(/Images/WycombeMainSite/sprites/icons.png) no-repeat scroll 0 -575px} div.viewerLinks a.excelViewer {width:96px; height:33px; background: transparent url(/Images/WycombeMainSite/sprites/icons.png) no-repeat scroll 0 -542px} div.viewerLinks a:focus, div.viewerLinks a:active {/*background:none;*/} div.viewerLinks span {margin:0 auto;} /*a.listOptions {padding:6px;}*/ /* ---------------------------------*/ /* Search Panel */ /* -------------------------------- */ .searchPanel .panel.pnlEDEDED {padding:6px;} .searchPanel {margin-top:7px;margin-bottom:30px;} .searchPanel.APRSearch {margin:0;border-bottom:1px solid #dedede;} .searchPanel.APRSearchResults {margin:0;padding-top:10px;} .searchPanel.RecommendedResults {margin-top:0; margin-bottom:6px;} .searchPanel .searchPanelContent {padding:1px 10px; margin:0; border-bottom:none 0; background-color:white;} .searchPanel .searchPanelLeft {margin:0; padding:0; } .searchPanel .searchPanelContent .searchPanelLeft label {display:block;float:left; vertical-align:middle; margin:19px 10px 13px 0;position:relative; top:-3px;font-size:1.2em;} .searchPanel .searchPanelContent .searchPanelLeft label.hidden {display:none;} .searchPanel .searchPanelContent .searchPanelLeft input {width:194px;float:left;margin:13px 0; padding: 2px 5px 1px 5px;} .searchPanel .searchPanelContent .searchPanelLeft label.fullPage {padding:8px 12px 8px 0;margin:0;} .searchPanel .searchPanelContent .searchPanelLeft input.fullPage {width:300px; margin:2px 0;} .searchPanel .searchPanelContent .searchPanelLeft .panelButton {display:inline-block; height:1.9em; width:90px; margin:0; padding:1px 3px 4px;} .searchPanel .searchPanelContent p.searchHelp { float:left; padding:1px 0 1px 14px; text-align:left; line-height:1.7em;} .searchPanel .searchPanelContent p.filterTitle {float:left;font-weight:bold;} .searchPanel .searchPanelContent p.searchResultTitle {font-size:1.4em;font-weight:bold;padding:0;} .searchPanel .searchPanelContent .searchPanelAPRFilter {padding:5px 0 0 1px;} .searchPanel .searchPanelContent .searchPanelAPRFilter ul.subNav.inline {margin:0 0 0 10px; width:600px;} .searchPanel .searchPanelContent .searchPanelAPRFilter ul.subNav.inline li {width:140px;} .searchPanel .searchPanelContent .searchPanelAPRHelp {float:left;} .searchPanelContent .panel.pnl44852e {margin:12px 0 12px 11px;} .searchPanelContent .panel.noMargin {margin:0px 0 0 12px;} /* ---------------------------------*/ /* Condensed List */ /* -------------------------------- */ .condensedList {margin-bottom:21px;} .condensedList ul {margin:0;padding:0;border-top:1px solid #e6e6e6;} .condensedList ul li {margin:0;padding:9px 0 9px 8px; background:none; font-size:1.2em; border-top:1px dotted #e3e3e3;} .condensedList ul li.first {border:0px none;} .condensedList ul li a {font-weight:normal;} /* ---------------------------------*/ /* Options Bottom */ /* -------------------------------- */ .optionsBottom { float:left; width:100%; margin:29px 0 0 0; padding:0; border-top:dotted 1px #dedede; } .optionsBottom ul { margin:9px 0 0 0; padding:4px 0 0 0; float:right; } .optionsBottom ul li { list-style-type:none; display: inline; padding:0px 0px 0px 19px;margin-right:10px; background-image:none; } .optionsBottom ul li.backToTop {display:inline-block; height:18px; background:transparent url(/Images/WycombeMainSite/sprites/icons.png) no-repeat scroll 0 -479px} .optionsBottom ul li.print {background:transparent url(/Images/WycombeMainSite/sprites/icons.png) no-repeat scroll 0 -433px} .optionsBottom ul li.email {background:transparent url(/Images/WycombeMainSite/sprites/icons.png) no-repeat scroll 0 -456px} .optionsBottom ul li img { padding: 0 4px 1px 6px; vertical-align:middle; display:inline;} .optionsBottom a {font-size:1.2em;} /* -------------------------------- */ /* Footer */ /* -------------------------------- */ #footer {width:990px; margin-left:auto; margin-right:auto; padding:0; } #footerContent {float:left; width:990px; background:#ffffff url(/Images/WycombeMainSite/sprites/spriteCore.png) no-repeat scroll -3072px top;} .footerPanel {width:300px; float:left; padding:0; margin:0 15px;} .footerPanel img { display:inline;} .footerPanel p.footerTitle {font-size:1.9em; font-weight:normal; color:#000000; padding:0 0 8px 22px; border-bottom:1px dotted #bebebe; margin:12px 0 0 0;background:#ffffff url(/Images/WycombeMainSite/sprites/arrow.gif) no-repeat scroll 0 5px;} .footerPanel span.footerNewWindow {font-size:0.7em;} .footerPanel p img { margin:0 2px 0 0; display:inline;} /*.footerPanel h3 {color:#00783d; font-size:1.2em; margin:0 0 4px 4px; font-weight:normal;}*/ .footerPanel p {width:95%; font-size:1.2em; line-height:1.3em; padding-bottom:4px; margin:0 0 0 4px; } .footerPanel ul {padding:0; margin:0; } .footerPanel ul li {line-height:2.1em; list-style-type:none; background-image:none; margin:0;padding:8px 0; border-top:1px dotted #bebebe;} .footerPanel ul li.noBorder {border:none 0;} .footerPanel ul li .shawTrust {margin-top:5px;background:#ffffff url(/Images/WycombeMainSite/sprites/footer.png) 0 -1421px; width: 112px; height: 33px;} .footerPanel ul li .otherLanguages {display:inline-block;background:#ffffff url(/Images/WycombeMainSite/sprites/footer.png) 0 -1173px; width: 295px; height: 31px;} .footerPanel ul li .browseAloud {display:inline-block;background:#ffffff url(/Images/WycombeMainSite/sprites/footer.png) 0 -138px; width: 43px; height: 49px;} .footerPanel ul li .directGov {display:inline-block;background:#ffffff url(/Images/WycombeMainSite/sprites/footer.png) 0 -477px; width: 43px; height: 49px; } .footerPanel ul li .getSafe {display:inline-block;background:#ffffff url(/Images/WycombeMainSite/sprites/footer.png) 0 -706px; width: 43px; height: 49px;} .footerPanel ul li .bucksInfo {display:inline-block;background:#ffffff url(/Images/WycombeMainSite/sprites/footer.png) 0 -334px; width: 39px; height: 40px;} .footerPanel ul li .listImage {float:left; display:inline; margin:4px 0 0 4px;} .footerPanel ul li .listDetailsShort {float:right; text-align:left; display:inline; width:180px;} .footerPanel ul li .listDetails {float:right; text-align:left; display:inline; width:240px;} .footerPanel ul li .listDetails h3 {margin-bottom:2px;} .footerPanel ul li .listDetails p {margin-bottom:2px; width:100%;} .footerPanel ul li img.left {float:left; margin-right:5px; margin-bottom:5px;} .footerPanel ul.inline {margin:5px 0 15px;} .footerPanel ul.inline li {border:none; padding:0 4px 0 0; margin:0 4px 0 0; display:inline-block;} .footerPanel ul.inline li.noImage {background-image:none;} .footerPanel ul.inline li img {vertical-align:middle;} .footerBase {width:990px; float:left; padding:0; height:15px; background:transparent url(/Images/WycombeMainSite/sprites/spriteCore.png) no-repeat scroll -4062px -48px;} /* ------------------------------- */ /* Copyright */ /* ------------------------------- */ #copyright {width:973px; margin-left:auto; margin-right:auto; padding:7px 0 0 15px;} .bottomMenu {float:left;} .bottomMenu .textSize {float:left;} .bottomMenuLinks {float:left; margin:0 8px 0 0;} .bottomMenuLinks ul {float:left; margin:6px 6px 0 0; padding:0;} .bottomMenuLinks ul li {margin:0 0 0 8px;padding:0 0 0 20px; list-style-type:none; float:left} .bottomMenuLinks ul li.leafLink {background:transparent url(/Images/WycombeMainSite/sprites/footer.png) -1px -640px;} .bottomMenuLinks ul li a {padding:0; font-size:1.2em; } .bottomMenuLinks .textSize ul li img {vertical-align:middle;margin-right:0;} .bottomMenuLinks .textSize ul li a {padding:0; margin:0;} .contactDetails {margin:15px 0 0 0;} .contactDetails p {font-weight:bold; padding:0 0 6px;} .contactDetails ul {margin:0; padding:0;} .contactDetails ul li {float:left; list-style-type:none; padding:0; margin:0 5px 0 0; font-size:1.2em; background:none;} .contactDetails ul li.noImage {background-image:none;} .contactDetails ul li span {font-weight:bold;} .contactDetails ul li span.grey {color:#ccc} .footerPanel ul.inline li.noImage a {background-color:#fff} .footerPanel ul.inline li.noImage a:focus, .footerPanel ul.inline li.noImage a:active {background-color:#fff; border:1px dotted #000; outline: 1px dotted #000} a.imgLink:active, a.imgLink:focus {outline: 1px dotted #000} .footerPanel ul li a:focus,.footerPanel ul li a:active {outline: 1px dotted #000} .footerPanel ul li a img {} .poweredBy { float:left;text-align:left; margin-top:15px; } .poweredByRev { display:block; background: transparent url(/Images/WycombeMainSite/sprites/footer.png) 0 0; width: 115px; height: 27px; } span.poweredBy {float:none; margin:0; display:block; padding:0; width:153px; height:27px; background: transparent url('/Images/WycombeMainSite/sprites/revLogo.png') no-repeat 0 0} span.poweredBy a {outline: 0 none} span.poweredBy a.VliLink {display:block; float:left; height: 27px; width:28px; margin: 0px;background:none;} span.poweredBy a:focus {outline:1px dotted #000000;} span.poweredBy a.RevLink {display:block; float:left; height: 27px; width:117px; margin:0px 0 0 8px; background:none;} span.poweredBy a span {display:none} .rightBar .rightBarFeature a.callToAction /* ---------------------------------*/ /* Right Bar Features */ /* -------------------------------- */ .rightBar .rightBarFeature a.callToAction {outline:none; display:block;} .rightBar .rightBarFeature a.callToAction img {display:inline;vertical-align:top;} .rightBar .rightBarFeature a.callToAction span.rightBarArrow {display:inline-block; position:relative; top:14px; background:transparent url(/Images/WycombeMainSite/sprites/icons.png) 0 -511px; width:10px; height:20px; padding-top:2px} .rightBar .rightBarFeature a.callToAction span.thumb {display:inline-block; vertical-align:top; padding:0;} .rightBar .rightBarFeature a.callToAction span.pay {background: transparent url(/Images/WycombeMainSite/sprites/icons.png) 0 -90px; width:41px; height:52px;} .rightBar .rightBarFeature a.callToAction span.report {background: transparent url(/Images/WycombeMainSite/sprites/icons.png) 0 -140px; width:41px; height:52px;} .rightBar .rightBarFeature a.callToAction span.book {background: transparent url(/Images/WycombeMainSite/sprites/icons.png) 0 -197px; width:41px; height:52px;} .rightBar .rightBarFeature a.callToAction span.apply {background: transparent url(/Images/WycombeMainSite/sprites/icons.png) 0 -256px; width:41px; height:52px;} .rightBar .rightBarFeature a.callToAction {float:left;margin-bottom:15px; text-decoration:none;} .rightBar .rightBarFeature a.callToAction:hover { text-decoration:none;} .rightBar .rightBarFeature a.callToAction:active {outline:1px solid black; background-color:#fff;} .rightBar .rightBarFeature a.callToAction:focus {outline:1px solid black; background-color:#fff;} .rightBar .rightBarFeature a.callToAction span {color:#2e74a7;text-decoration:underline;display:inline;font-size:1.4em;font-weight:bold;padding:0 8px;position:relative;top:7px;} .rightBar .rightBarFeature a.callToAction span:hover {text-decoration:none;} .rightBar .rightBarFeature div.haveYourSay {float:left;margin-top:17px; margin-bottom:26px;} .rightBar .rightBarFeature div.haveYourSay.marTop0 {margin-top:0px;} .rightBar .rightBarFeature div.haveYourSayHomepage {float:left;margin-bottom:26px;} .rightBar .rightBarFeature div.haveYourSay a, .rightBar .rightBarFeature div.haveYourSayHomepage a {display:block; width:200px; height:162px;text-indent:-9999em; background: url('/Images/WycombeMainSite/sprites/spriteFramework.png') -9px 0 no-repeat } .rightBar .rightBarFeature div.haveYourSay a:focus, .rightBar .rightBarFeature div.haveYourSayHomepage a:focus, .rightBar .rightBarFeature div.haveYourSay a:active, .rightBar .rightBarFeature div.haveYourSayHomepage a:active {} .rightBar .rightBarFeature div.haveYourSay img {float:left;} .rightBar .rightBarFeature div.haveYourSayHomepage .budgetConvo {height:216px} .rightBarPanel {float:none; padding-bottom:11px;} .rightBarPanel ul.rightBarListing { float:none; padding:1px 8px 11px 8px; margin:0;} .rightBarPanel ul.rightBarListing li {background:none;padding:7px 0 6px 0;margin:0;border-top:1px dotted #dedede;} .rightBarPanel ul.rightBarListing li a {float:none;} .rightBarPanel ul.rightBarListing li.first {border:0px none;} .rightBarPanel ul.rightBarListing li p {line-height:1.3em;padding-bottom:0px;margin-top:6px;} .rightBarPanel ul.rightBarListing li p.title {margin:0;} .rightBarPanel ul.rightBarListing li p.date {font-size:1.1em;margin-top:2px;} .rightBarFeature .todaysDate {text-align:center;width:200px;font-size:1.2em;font-weight:bold;color:black;margin:0;padding:6px 0 6px 0;} .panel.contactInfo {background-color:#f0f0f0;padding:6px;} .panel.contactInfo .contactIcon {vertical-align:top;display:inline-block;} .panel.contactInfo .phone {background:transparent url(/Images/WycombeMainSite/sprites/icons.png) 0 0 no-repeat;width:11px; height:27px; margin:0 10px 0 0;vertical-align:top;display:inline-block;} .panel.contactInfo .email {background:transparent url(/Images/WycombeMainSite/sprites/icons.png) 0 -27px no-repeat;width:23px; height:32px; margin:0 10px 0 0;vertical-align:top;display:inline-block;} .panel.contactInfo .web {background:transparent url(/Images/WycombeMainSite/sprites/icons.png) 0 -59px no-repeat;width:21px; height:30px; margin:0 10px 0 0;vertical-align:top;display:inline-block;} .panel.contactInfo a.contactInfoRight, .panel.contactInfo span.contactInfoRight {float:left; line-height:1.5em;width:134px;} .rightContactDetails {margin-top:10px;} ul.rightBarListing.contactInfo {background-color:white; margin:0; padding:0 8px;} ul.rightBarListing.contactInfo li {line-height:1.6em;} /* ---------------------------------*/ /* Poll Results Page */ /* -------------------------------- */ .quickPollPanel {position:relative; margin:0 0 25px 0;border:1px solid #e0e0e0;background:transparent url(/Images/WycombeMainSite/scaleable/4corners/quickPoll/background.gif) repeat-x scroll left top;} .quickPollPanel img.topLeft {position:absolute;left:-1px;top:-1px;} .quickPollPanel img.bottomRight {position:absolute;right:-1px;bottom:-1px;} .quickPollPanel img.bottomLeft {position:absolute;left:-1px;bottom:-1px;} .quickPollPanel img.topRight {position:absolute;right:-1px;top:-1px;} .quickPollPanel .quickPollPanelContents {min-height:224px;} .pollDetails {margin:6px 0;} .pollDetails span.pollDetailsLeft {float:left;width:130px;font-weight:bold;} .pollDetails span.pollDetailsRight {float:left;} .previousquickPolls input {width:11em;} .quickPollPanel ul.quickPollResults {margin:0 0 12px 0;padding:0;} .quickPollPanel ul.quickPollResults li {margin:0 10px;padding:10px 0; background:none; border:0;border-top:1px dotted #d7d7d7;} .quickPollPanel ul.quickPollResults li.first {border:0;} .quickPollPanel ul.quickPollResults li p {font-size:1em; padding-bottom:4px;font-weight:bold;} .quickPollPanel ul.quickPollResults li span.pollResultContainer {float:left; margin:0 5px 0 0; width:90%; height:12px; border:1px solid #e6e6e6; background-color:white;} .quickPollPanel ul.quickPollResults li span.pollResultBar {float:left; height:10px; padding:0; border:1px solid #58a618; background-color:#58a618; background-image:url('/Images/WycombeMainSite/homepage/quickPollFill.gif'); background-repeat:repeat-x;} /* ---------------------------------*/ /* Section Landing Page */ /* -------------------------------- */ .greyPanel.sectionLandingPage {margin:0 0 25px 0;} .greyPanel.sectionLandingPage .greyPanelContent {width:496px;padding:0;float:left;} .centreColWide .greyPanel.sectionLandingPage .greyPanelContent {width:721px;} .greyPanel.sectionLandingPage .greyPanelContent img.focusImg {float:left;} .greyPanel.sectionLandingPage .greyPanelContent .focusText {float:left;width:347px;padding-left:10px;} .centreColWide .greyPanel.sectionLandingPage .greyPanelContent .focusText {width:572px;} .greyPanel.sectionLandingPage .greyPanelContent .focusText h1 {font-size:1.6em; margin-top:8px;} ul.condensed li {margin:0 5px;} h3.smallHeading {font-size:1.4em; color:#00783d; margin-top:8px;} /* ---------------------------------*/ /* Google Map Page */ /* -------------------------------- */ .mapContainer {width: 707px; height: 550px; margin-bottom: 10px;} .zoomControls {float: left; width: 248px; text-align: left;} .panControls {float: left; width: 216px; text-align: center;} .viewControls {float: left; width: 244px; text-align: right;} .mapInfo {text-align:center;} .mapLinks {float:left; font-size:1.2em; height:auto; width:236px; overflow:hidden; margin-top:10px;} .mapDescription ul {} .mapDescription ul li {background:none;margin-left:0;padding-left:0;} .mapPopup {font-size:1.2em;} .mapPopup h3 {margin:0 0 6px 0; font-size:1.1em;} .mapPopup p {font-size:1em;} /* ---------------------------------*/ /* resources Panel */ /* -------------------------------- */ .resourcesPanel {margin-bottom:25px;} /* ---------------------------------*/ /* News list */ /* -------------------------------- */ .newsList { float:left; width:100%; margin-bottom:19px; padding:0; clear:both; } .newsList ul { padding:0; margin:00; float:left;} .newsList ul li { float:left; width:100%; list-style-type:none; background-image:none; padding:14px 0 2px 0; margin:0; border-top:dotted 1px #cbcbcb; } .newsList ul li .newsListTxt { float:right; width:622px; } .newsList ul li .newsListTxt img { vertical-align:bottom; } .newsList ul li .newsListImg { padding:4px; float:left; width:81px; height:70px; margin:0 15px 0 0; background:transparent url(/Images/WycombeMainSite/sprites/spriteFramework.png) no-repeat 0 -162px;} .newsList ul li.first { border-top:solid 1px #e6e6e6; } .newsList ul li p.date { margin:0; padding:5px 0 3px; line-height:1.1em; font-size:1.1em; } .newsList ul li h2 {font-size:1.3em; font-weight:normal; color:#1f6196; margin:0; padding:0; } .newsList ul li h2 a:focus, .newsList ul li h2 a:active {color:#fff;} .newsList ul li p { margin:0; line-height:1.5em; font-size:1.2em; } /* ---------------------------------*/ /* Staff Lists */ /* -------------------------------- */ .staffList2 { float:left; margin:0;width:508px} .staffList2 ul { float:left; padding: 0px 0px 4px 0px; margin:13px 0 0 0; } .staffList2 ul li { float:left; background:none; padding:14px 0px 14px 0px; margin:0px; border-top:dotted 1px #e1e1e1; } .staffList2 ul li .itemImg {height:113px;overflow:hidden; margin: 0 0 0 8px; padding:4px; float:left; width:87px; background-image:url(/Images/WycombeMainSite/sprites/spriteFramework.png); background-repeat:no-repeat; background-position:0px -244px;} .staffList2 ul li .itemText { float: right; width:388px; padding:2px 10px 7px 4px; } .staffList2 ul li .itemText h2 { font-size:1.2em; font-weight:bold; margin:0px; padding:0px 0px 5px 0px; border:0;} .staffList2 ul li .itemText h2.subTitleUnder {padding-bottom:2px;} .staffList2 ul li .itemText p { font-size:1.2em; padding:0px 0px 6px 0px; margin:0px; line-height:1.5em; } .staffList2 ul li .itemText p.listFocus {margin-top:3px;} .staffList2 ul li .itemContact { float: left; width:188px; padding:10px 0 0 0; } .staffList2 ul li .itemContact ul { float: left; width:188px; margin:0px; padding:0px;} .staffList2 ul li .itemContact ul li { float: left; width:188px; list-style-type:none; background-image:none; margin:0px; padding:0px 0px 7px 0px; border:none; font-size:1.2em; } .staffList2 ul li .itemContact ul li span { font-size:1.2em; } .staffList2 ul li .itemContact img { vertical-align:top; display:inline; padding-right:6px;} .staffList2 ul li .itemContact a { font-size:1.2em; } .staffList2 ul li.noBorder { border-top:none;} .staffList2 ul li.first { border-top:solid 1px #e6e6e6; } /* ------------------------------------------------------------------------------------------- */ /* Staff Profile Page */ /* ------------------------------------------------------------------------------------------- */ .staffProfile { float:left; margin-bottom:22px; } .staffProfile p {padding-top:12px; padding-bottom:0px;} .staffProfile .itemImg {height:113px;overflow:hidden; margin: 6px 0 0 6px; padding:4px; float:left; width:87px; background-image:url(/Images/WycombeMainSite/sprites/spriteFramework.png); background-repeat:no-repeat; background-position:0px -244px; } .staffProfile .itemText { margin:0; float: right; width:399px; padding:0 5px 7px 3px; } .staffProfile .itemText ul.profileInfo {float:left; display:block;margin:0; padding:0;} .staffProfile .itemText ul.profileInfo li {float:left; margin:6px 0; padding:0;background:none;} .staffProfile .itemText ul.profileInfo li .profileInfoRight {float:left; width:300px;line-height:1.9em;} .staffProfile .itemText ul.profileInfo li .profileInfoLeft {float:left; width:95px; font-weight:bold;line-height:1.9em;} .staffProfile .itemText h2 { font-size:1.8em; font-weight:bold; color:#1f6196; margin:0px; padding:0px 0px 2px 0px; border:0;} .staffProfile .itemText h3 { font-size:1.4em; color:#919191; font-weight:normal; padding:0px; margin:0 0 11px 0;} .staffProfile .itemText p { font-size:1.2em; padding:0 0 12px 0; margin:0px; } /* ------------------------------------------------------------------------------------------- */ /* Committee Details Page */ /* ------------------------------------------------------------------------------------------- */ ul.committeeMembership {margin-bottom:36px;} /* ---------------------------------*/ /* Right Bar Elements */ /* -------------------------------- */ /* Rightbar Search Options collection */ .searchByOptions {margin:0;padding:0px 6px;} .searchByOptions p.searchSubtitle {font-size:1.2em; font-weight:bold;margin-top:10px; border-bottom:1px solid #f1f1f1; padding-bottom:7px;} .searchByOptions p.searchOptions { line-height:17px; font-size:1.2em; font-weight:normal;margin-top:5px; padding:0; } .searchByOptions .keywordSearchField { margin:6px 0 3px 0; width:185px; font-size:1.1em; padding: 3px 0 3px 3px; font-family:Verdana, Arial, Helvetica, sans-serif;} .searchByOptions select { width:188px; margin-bottom:3px; font-size: 1.1em; padding:3px 0; font-family:Verdana, Arial, Helvetica, sans-serif;} .searchByOptions .keywordSearchbutton { background-image:url(/Images/WycombeMainSite/nav/header/searchButton.gif); background-repeat:no-repeat; background-position:right; background-color:#e6e6e8; font-weight:bold; width:20px; height:19px; border:none; cursor:pointer; margin: 1px 0px 0px 0px; padding:0px 0px 3px 0px; color:#245075; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; } .clearAllButton { background-image:url(/Images/WycombeMainSite/buttons/active/clearAll.gif); background-repeat:no-repeat; background-position:top; font-weight:bold; width:94px; height:24px; background-color:transparent; border:none; cursor:pointer; margin:0 0 0 6px; padding:0; } .searchByOptions .aToZ { width:100%; float:left; font-size:16px; font-weight:bold; margin: 6px 0 0 0; padding:0px; } .searchByOptions .aToZ.borderBottom {border-bottom:1px solid #dedede; padding-bottom:6px;} .searchByOptions .aToZ img { float:left;display:block;} .searchByOptions .aToZ ul { float:left; width:100%; margin:0px; padding:0px; background-image:none; } .searchByOptions .aToZ ul li { float:left; width:26px; list-style-type:none; display:inline; margin:0px 6px 0px 0px; padding:0px 0px 7px 0px; color:#dbdbdb; height:27px; font-size:16px; font-weight:bold; text-align:center; background-image:url(/Images/WycombeMainSite/sitepages/letter_inactive.gif); background-repeat:no-repeat; background-position:0px 0px;} .searchByOptions .aToZ ul li.noMargin { margin-right:0px;} .searchByOptions .aToZ ul li a { float:none; display:block; margin:0px; padding: 4px 0px 5px 0px; color:#472e90; text-decoration:none; background-image:url(/Images/WycombeMainSite/sitepages/letter_link.gif); background-repeat:no-repeat; font-size:16px; font-weight:bold;} .searchByOptions .aToZ ul li a:link { color:#00783d; text-decoration:none; } .searchByOptions .aToZ ul li a:visited { color:#00783d; text-decoration:none; } .searchByOptions .aToZ ul li a:hover, .searchByOptions .aToZ ul li a:active, .searchByOptions .aToZ ul li a:focus { background-color:transparent;border:0px none;color:#ffffff; text-decoration:none; background-image:url(/Images/WycombeMainSite/sitepages/letter_hover.gif); background-repeat:no-repeat; } /*.searchByOptions .aToZ ul li a:active { color:#ffffff; text-decoration:none; background-image:url(/Images/WycombeMainSite/sitepages/letter_active.gif); background-repeat:no-repeat;}*/ .searchByOptions .aToZActive {display:block; padding: 4px 0px 5px 0px; color:#ffffff; text-decoration:none; background-image:url(/Images/WycombeMainSite/sitepages/letter_active.gif); background-repeat:no-repeat;} .searchByOptions .noLinkletter { color:#ababab; display:block; padding: 4px 0px 5px 0px;} .searchByOptions p.searchOptionsExternal {margin-top:25px;font-size:1.1em;font-weight:bold;} .searchByOptions .searchButtons.borderBottom {border-bottom:1px solid #dedede; padding-bottom:6px;} .searchByOptions .searchButtons .panel {margin:8px 8px 0 0;} /* ------------------------------ */ /* Pagination */ /* ------------------------------ */ .paginationContent {float:left;width:100%;} .paginationTop { background-image:url(/Images/WycombeMainSite/sitepages/paginationBkgd.gif); background-position:0 0; background-repeat:repeat-x; border:1px solid #E6E6E6; margin:12px 0 29px 0; padding:4px 10px 7px 0; } .paginationBottom { background-image:url(/Images/WycombeMainSite/sitepages/paginationBkgd.gif); background-position:0 0; background-repeat:repeat-x; border:1px solid #E6E6E6; margin:0; margin-bottom:0px; padding:4px 10px 7px 0; } .paginationTop .results, .paginationBottom .results { float:left; font-size:1.4em; padding:3px 0px 0px 10px; margin:0px; text-align:left; } .paginationTop .paginationSelect, .paginationBottom .paginationSelect {padding:1px;margin:0;font-size:1.0em; margin-left:8px; height:1.9em;} .paginationSubTitle {margin-top:12px;} .paginationSubTitle p {padding:0 0 0 7px;} .paginationTop .resultsToDisplay, .paginationBottom .resultsToDisplay {float:left;clear:both;margin:6px 0 0 11px;} .paginationTop .resultsToDisplay label, .paginationBottom .resultsToDisplay label {font-size:1.2em;} /* ------------------------------------------------------- */ /* page Numbers */ /* ------------------------------------------------------- */ .pageNumbers { float:right; padding:2px 5px 0 0; margin:0px; } .pageNumbers ul { margin:0px; padding:0px; text-align:right; } .pageNumbers ul li { float:left; display:inline; font-size:1.2em; list-style-type:none; margin: 0px; padding:0px; line-height:1.5em; background-image:none; } .pageNumbers ul li a { padding: 0px 3px 0px 3px; margin:0px 1px 0px 1px; } .pageNumbers ul li a:link { font-weight: normal; border: solid 1px #cdcdcd; background-color:#eaeaea; } .pageNumbers ul li a:visited { color:#006534; font-weight: normal; border: solid 1px #cdcdcd; background-color:#eaeaea;} .pageNumbers ul li a:hover { font-weight: normal; border: solid 1px #cdcdcd; background-color:#eaeaea;} .pageNumbers ul li a:active { color:#fff; font-weight: normal; border: solid 1px #cdcdcd; background-color:#503F6B;} .pageNumbers ul li a:focus { color:#fff; font-weight: normal; border: solid 1px #cdcdcd; color:white; background-color:#503F6B;} .pageNumbers ul li a.selected { border: solid 1px #00783d; background-color:#006534; padding: 0px 3px 0px 3px; margin:0px 1px 0px 1px; color:#FFFFFF; font-weight: bold; } .pageNumbers ul li a.selected:hover {text-decoration:none;} .pageNumbers ul li a.pageArrow { padding:0px;} .pageNumbers ul li a.pageArrow:link { font-weight:normal; background-image:none; background-color:transparent; border:solid 0px #ffffff;} .pageNumbers ul li a.pageArrow:visited { color:#00783d; font-weight:normal; background-image:none; background-color:transparent; border:solid 0px #ffffff;} .pageNumbers ul li a.pageArrow:focus { color:#fff; font-weight: normal; color:white; background-color:#503F6B;} .pageNumbers ul li a.pageArrow:active { color:#fff; font-weight:normal; background-image:none; background-color:#503F6B;} /* ------------------------- */ /* Thumbnail containers */ /* ------------------------- *//* .thumb_65x69 { width:65px; height:69px; padding:5px 3px 0 5px; background-image:url(/Images/WycombeMainSite/sitepages/thumb_65x69.gif); background-repeat:no-repeat; } /* ------------------------------------------------------------------------------------------- */ /* Miscellaneous - Cursor styles, font weight etc.. */ /* ------------------------------------------------------------------------------------------- */ .titleHelp {cursor:help;} .bold { font-weight:bold;} .italic { font-style:italic;} .underline { text-decoration:underline;} .error { color:#FF0000; font-weight:bold;} .grey { color:#535353;} .dottedBorderTop { border-top: dotted 1px #cccccc; } .dottedBorderBottom { border-bottom: dotted 1px #cccccc; } .clearBoth { clear:both; } .marTop0 {margin-top:0;} .marBot0 {margin-bottom:0;} .marTop10 { margin-top:10px; } .marTop3 { margin-top:3px; } .marTop12 { margin-top:12px; } .marTop25 { margin-top:25px; } .marLeft7 { margin-left:7px; } .marBtm0 {margin-bottom:0;} .marBtm18 { margin-bottom:18px;} .marBtm20 { margin-bottom:20px; } .marBtm30 { padding-bottom:30px;} .padTop6 { margin-top:6px;} .padTop10 { padding-top:10px;} .padBtm12 { padding-bottom:12px;} .padTop14 { padding-top:14px; } .padTop26 { padding-top:26px; } .padBtm20 { padding-bottom:20px;} .marLeft10 { margin-left:10px;} .marLeft0 {margin-left:0px;} .marRight30 { margin-right:30px;} .marRight0 { margin-right:0px;} .center {text-align:center;} .noBorder {border:0px none;} /* ------------------------------------------------------------------------------------------- */ /* Alignment Styles - Left align, floatRight etc */ /* ------------------------------------------------------------------------------------------- */ .clear { clear:both; } .alignLeft { text-align:left; } .alignCenter { text-align:center; } .alignRight { text-align:right; } .floatLeft { float:left; } .floatRight { float:right; } .floatR { float:right!important; } .hidden { display:none; } .vertAlignTop { vertical-align:top} .subTitleUnder {margin-bottom:0;} .inline {display:inline;} /* ---------------------------------*/ /* Width Classes */ /* -------------------------------- *//* .w108 { width:108px; } .w188 { width:188px; } .w194 { width:194px; } .w260 { width:260px; } .w422 { width:422px; } .w436 { width:436px; } .w442 { width:442px; } .w494 { width:494px; } .w705 { width:705px; } /* .width66 { width:66px; } .width120 { width:120px; } .width150 { width:150px; } .width166 { width:166px; } .width510 { width:510px; } .width517 { width:517px; } .width522 { width:522px; } .width521 { width:521px; } .width712 { width:712px; } .width716 { width:716px; } .width726 { width:726px; } .width731 { width:731px; } .width744 { width:744px; } .width100 { width:100px; } .width140 { width:140px; } .width150 { width:150px; } .width172 { width:172px; } .width180 { width:180px; } .width270 { width:270px; } .width336 { width:316px; } /*.w712 { width:712px; }*/ .w166 {width:166px;} .w496 { width:496px; } .w696 { width:696px; } /*.w522 { width:522px; } .w521 { width:521px; } .width137 { width:137px; } .width159 { width:159px; } .width111 { width:111px; } .width80 { width:80px; } */ /* ======================================================================= tool tip styles ======================================================================= */ #revToolTip { position: absolute; left: -300px; border: 1px solid red; padding: 5px; background-color: #f9f5ea; visibility:hidden; z-index: 1000; } #revToolTipPointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden; } #revInfoTip { position: absolute; left: -300px; border:2px solid transparent; background-color: #ffffff; visibility:hidden; z-index: 1000; width: 300px; overflow-x:hidden; padding:0px } .revInfoTipInner { border:5px solid #f0f0f0; padding:8px; text-align:left;} #revInfoTip h4, #revInfoTip p.revInfoTipHeader {font-size:14px; color:#85898c; font-weight:bold; padding:0px; margin:0px 0px 6px 0px;} #revInfoTip #revInfoTipText { font-size:10px; color:#626262; margin:0px; line-height:16px;} #revInfoTip img { float:left; position:relative; top:6px; left:7px; } #revInfoTip #revInfoTipText ul { list-style-type:square; } body #searchAsYouType div.searchResults {font-size:115%;} body div#searchAsYouTypeAutocomplete {visibility:hidden;} body div#addSearch {max-width:175px; float:left} body div#addressResults {font-weight:bold;font-size:12px;} /* ======================================================================= dropdown menu ======================================================================= */ #addressResults { padding: 0px; border: 1px solid WindowFrame; background-color: Window; max-height:220px; overflow-x:hidden; overflow-y:scroll; padding:0 6px; position:absolute; z-index:90; width:325px; display:none; } #addressResults ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; position:relative; overflow-y:scroll; overflow-x:hidden; } #addressResults iframe { position:absolute; top:0; left:0; z-index:-1; width:3000px; height:3000px; } .ac_linksWrapper { padding: 7px 4px; border:none !important; } .ac_links { font-size:13px; cursor:pointer; } #addressResults a { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 300px; font-size: 12px; overflow:hidden; border-bottom: 1px dotted #CCC; color:#444; font-weight:normal; text-decoration:none; line-height:15px; height:15px; } #addressResults p.linkMore a {background:#006534; color:White;font-weight:bold;padding-bottom:0;width:325px;} #addressResults a:active { color: #fff; text-decoration:none; } .aw_results_toolbar, .aw_results_toolbar ul { width:99% !important; position:relative !important; } #addressResults a.hover, #addressResults a:hover { background: #503F6B; color: #fff; text-decoration:none; } .aw_results .atAddressSearchCount { padding:5px !important; font-weight:normal !important; margin:5px 0 !important; display:block !important; background:none !important; border-top:none; border-left:none; border-right:none; } .aw_results {border:none !important;} .aw_results ol li:hover { color:#FFF; } .aw_results_toolbar ol li:hover { color:#000; } .aw_results_toolbar ol li{ margin-left:50px !important; } #addressResults .ac_over, .aw_results ol a { margin-left:-44px; padding:6px 5px 8px 44px; border-bottom: 1px dotted #CCC; text-decoration:none; outline:none; display:block; } .aw_results_toolbar .ac_over, .aw_results_toolbar .aw_results ol a { white-space:nowrap; display:block; } .aw_results ul { list-style:none; position:relative; height:28px; margin-bottom:0; margin-top:5px; padding-left:1px !important; } .aw_results_toolbar ul li .ui-icon { margin-top:2px !important; } .aw_results_toolbar ol a { border:none !important; } .aw_results ul li { position:absolute; top:6px; list-style: none; font-size:12px !important; } #atMapSpurForm li.aw_clearResults, #atMapSpurForm li.atResultsNavBackWard { margin-left:0px !important;} #addressResults #jqNoResultsFound { margin-top:0 !important } #addressResults #jqNoResultsFound .ui-state-error { border:none; font-size:13px; } #addressResults #jqNoResultsFound .ui-state-error p { margin: 0 !important; padding: 6px 0; } /*CSS for the textbox etc*/ #atTextSearch { width:87%; margin-right:2px; background:none; color:#000; font-weight:normal; padding:5px 2px; } #atLocationSearch #atTextSearch, #atLocationDisplay #atTextSearch { width:350px !important; margin-right:2px; } #searchForm input.cancel-address-search { background:none !important; color:#000; font-weight:normal; padding:4px 2px; margin-left:2px; } #atCurrentlySelectedAddress { padding:0; margin:5px 0; } #atCurrentlySelectedAddress p { margin: 6px 0; } #atCurrentlySelectedAddress p img { float: left; margin: 0 6px 30px 0; } #atLocationDisplay #atCurrentlySelectedAddress { width:auto !important; } #atLocationDisplay #atCurrentlySelectedAddress img { display:none; } form#searchForm {height:30px;} #jqNoResultsFound { margin:6px 0 0; position:relative; font-size:12px; } #atLocationDisplay #jqNoResultsFound { width:250px; } #jqNoResultsFound .ui-state-error { padding:0 0.7em; } #jqNoResultsFound p { margin:6px 0; } #jqNoResultsFound p .ui-icon { float:left; margin-right: 0.3em; margin-top:1px; } #jqNoResultsFound .ui-icon-closethick { position:absolute; top:7px; right:6px; cursor:pointer; } #atLocationDisplay .aw_results { width:660px; } #atLocationDisplay .aw_results ol {margin:10px; } #atLocationDisplay .aw_results ul.ui-state-default { border-style:solid; padding-top:3px; } /*Previous link*/ .aw_results ul li.atResultsNavBackWard { left:8px; } .aw_results ul li.atResultsNavBackWard span { float:left; } #atLocationDisplay .aw_results ul li.atResultsNavBackWard { margin-left:0; } #atLocationDisplay .aw_results ul li.atResultsNavBackWard span { margin-top:2px; float:left; } /*Next link*/ .aw_results ul li.atResultsNavForward {right:10px;} *.aw_results ul li.atResultsNavForward {width:45px;} .aw_results ul li.atResultsNavForward span.ui-icon { float:right; } #atLocationDisplay .aw_results ul li.atResultsNavForward span { margin-top:2px; float:left; } #atLocationDisplay .aw_results ul li.atResultsNavForward span.ui-icon { float:right; } /*Clear results link*/ #atLocationDisplay .aw_results ul li.aw_clearResults { margin-left:0;} #atLocationDisplay .aw_results ul li.aw_clearResults span { margin-top:2px;} .greyPanelContent input.GoClassButton {float:left; margin-left:5px} #addSearch input.postCode {font-style:normal!important;} #addressResults p.linkMore a {} #addressResults p.linkMore a:active {border-color: #fff} #addressResults a:active {background:#503f6b;} #addressResults a:focus {color:#fff;} .LinkRotator {background-color:#fff; position:relative} .LinkRotator div.clear {border-top:1px solid #fff} .LinkRotator ul {margin:2px 0;padding: 0;width: 490px; min-height:178px} .LinkRotator ul li {margin:0 2px 3px 373px;padding: 0;float: left;width: 345px; font-size:1em} .LinkRotator ul li a {font-weight: bold; text-decoration: underline; padding: 0 16px; color:#006534; font-size:1.8em; display:block; height:42px; line-height:42px; background-color: #ededed; } .LinkRotator ul li a:hover span {cursor:pointer} .LinkRotator ul li a span.title { display: block;margin-top: -42px;height: 42px;overflow: hidden; width:313px} .LinkRotator ul li a span.arrow {height: 42px;width: 27px;display: block;} .LinkRotator ul li a img {position:absolute; top:3px; left:3px; z-index:1} .LinkRotator.noScript ul li a img {visibility:hidden} .LinkRotator.noScript ul li a:hover {font-weight:normal;background: #000; color:#fff } .LinkRotator.noScript ul li a:hover img {z-index:10; visibility:visible} .LinkRotator.noScript ul li a.hover {background-color: #ededed;background-image: none; color:#006534} .LinkRotator.noScript ul li a.hover:hover {background: #000; color:#fff } .LinkRotator.noScript ul li a.hover img {z-index:9} .LinkRotator.noScript ul li a.hover span.arrow {background-image:none} .LinkRotator.noScript ul li a:hover span.arrow {z-index: 15; height: 42px;width: 27px;display: block;position: relative;left: -39px; background:transparent url(/Images/WycombeMainSite/arrowHome.png) no-repeat top left} .LinkRotator.noScript ul li a.hover:hover span.arrow {z-index: 15; height: 42px;width: 27px;display: block;position: relative;left: -39px; background:transparent url(/Images/WycombeMainSite/arrowHome.png) no-repeat top left} .LinkRotator ul li a.hover {font-weight:bold;background: #000;color: #fff; text-decoration:underline } .LinkRotator ul li a.hover:active, .LinkRotator ul li a.hover:focus { outline-color: #fff; border-color: #fff} .LinkRotator ul li a.hover span.arrow {z-index: 15; height: 42px;width: 27px;display: block;position: relative;left: -39px; background:transparent url(/Images/WycombeMainSite/arrowHome.png) no-repeat top left} .LinkRotator ul li a.hover img {z-index:10} .LRControlsHolder {height: 32px;} .LRControlsHolder .LRControls { float: left; padding: 11px} .LRControlsHolder .LRControls .hidden {display:none!important} .LRControlsHolder .LRControls a {text-decoration:none;cursor: pointer;display: inline-block;line-height: 13px; margin-right: 10px; font-size:1.3em} .LRControlsHolder .LRControls a span { display: inline-block;margin-right: 3px; margin-bottom:-2px} .LRControlsHolder .LRControls .pause .icon {width: 14px;height: 13px; background:transparent url(/Images/WycombeMainSite/playBack.png) no-repeat -39px -9px} .LRControlsHolder .LRControls .pause .icon {background-position:-39px -32px} .LRControlsHolder .LRControls .pause.selected .icon, .LRControlsHolder .LRControls .pause:hover .icon {background-position:-39px -9px} .LRControlsHolder .LRControls .play .icon {width: 12px;height: 13px; background:transparent url(/Images/WycombeMainSite/playBack.png) no-repeat -11px -9px} .LRControlsHolder .LRControls .play .icon {background-position:-11px -32px} .LRControlsHolder .LRControls .play.selected .icon, .LRControlsHolder .LRControls .play:hover .icon {background-position:-11px -9px} .LRControlsHolder .LRControls .pause:focus, .LRControlsHolder .LRControls .play:focus, .LRControlsHolder .LRControls .pause:active, .LRControlsHolder .LRControls .play:active {background-color: #503F6B; color:#fff} .LRControlsHolder .viewHolder { line-height: 35px;float: right; margin-right:5px} .LRControlsHolder .viewHolder a {font-size:1.2em} .LRControlsHolder .viewHolder span.divider {color:#006534} .LRControlsHolder .LRControls span.textUnderline {text-decoration:underline;} .LRControlsHolder .LRControls span.textUnderline:hover {text-decoration:none;}