/* ************************************************************ * Forepoint CSS File ************************************************************ * * Author: * Company: Forepoint Ltd * * URL: http://www.forepoint.co.uk * ************************************************************ * * Filename: main.css * Version: 1.1.0 * Created: 03.08.2009 * Updated: 03.08.2009 * ************************************************************ */ /* Reset -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } :focus { outline:1px dotted #999;} table { border-collapse: collapse; border-spacing: 0;} html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* Type Layout -------------------------------------------------------------- */ body { line-height: 1.5;} table { border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; } /*table, td, th { vertical-align: middle; }*/ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } table { border-collapse: separate; border-spacing: 0; margin-bottom: 10px; } /*th, tr, td { margin: 0; padding: 0;}*/ /* -- Set Font Styles (Color, Type Face) -- */ body { font-size: 75%; color: #505050; font-family: Arial, Helvetica, sans-serif; background: none;} h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; background: none; padding: 0; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } p { margin: 0 0 1em; line-height: 1.5em; font-size: 1em; } p img.left { float: left; margin: 0 1.5em 1.5em 0; padding: 0; } p img.right { float: right; margin: 0 0 1.5em 1.5em; } a:focus, a:hover { color: #505050; text-decoration: none; } a { color: #505050; text-decoration: underline; } blockquote { margin: 1.5em; color: #555555; font-style: italic; } strong { font-weight: bold; } em,dfn { font-style: italic; } dfn { font-weight: bold; } sup, sub { line-height: 0; } abbr, acronym { border-bottom: 1px dotted #666; } address { margin: 0 0 1.5em; font-style: italic; } del { color: #555555; } pre { margin :1.5em 0; white-space: pre; } pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height:1.5; } li ul, li ol { margin:0 1.5em; } ul, ol { margin-bottom:1.5em; } ul { list-style-type:disc; margin: 0 0 0 20px; } ul li ul { margin: 0 0 0 40px; } ol { list-style-type:decimal; } dl { margin:0 0 1.5em 0; } dl dt { font-weight:bold; } dd { margin-left:1.5em;} table { } tr { } th { font-weight:bold; text-align:center; } /*th,td,caption { padding:0px 7px 0px 7px;text-align:center; }*/ acronym { border-bottom: 1px dotted #58595A; } /* To replace with an image, give the tag a class of 'imgReplace' and then place a tags around the element you wish to replace */ .imgReplace, .btnReplace { background-position: top; background-repeat: no-repeat; display: block; } .imgReplace span, .btnReplace span { display: none; visibility: hidden; } /* Common Styles (Text & Headers) -------------------------------------------------------------- */ .container { margin: 0 auto; width: 960px; } .max { width:100%; } /* Clear */ .clear { clear:both; } div.clear{ height:0; } /* Text Alignment */ .aLeft { text-align: left; } .aRight { text-align: right; } .aJustify { text-align: justify; } .aCenter { text-align: center; } /* Misc Styles */ .hidden { display:none; } .nobullets { list-style: outside none; } .nobullets li { list-style: none; } .inline li{ display:inline; } /* Text Sizes & Styles*/ .smaller { font-size:0.833em; margin-bottom:1.8em; line-height:1.8em; } .small { font-size:0.916em; margin-bottom:1.636em; line-height:1.636em; } .large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; } .padded { padding-left:16px; } .italics { font-style: italic; } /* Header Styles */ h1 { } h2 { font-size: 2.6em; font-weight: bold; color: #58595A; margin: 0 0 15px 0; } h3 { margin: 10px 0 10px 0; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 2.2em; text-decoration: none; font-weight: bold; color: #0069AA; line-height: 1.2em; } h4 { font-size: 1.5em; font-weight: bold; margin: 0 0 3px 0; font-family: Calibri, Arial, Helvetica, sans-serif; font-weight: bold; color: #0069AA; } h5 { font-size: 1.2em; font-weight: bold; margin: 0 0 3px 0; font-family: Calibri, Arial, Helvetica, sans-serif; font-weight: bold; color: #0069AA; } h6 { font-family: Georgia; font-size: 1.4em; color: #A7BB00; font-weight: bold; margin: 0 0 10px 0; } /* Remove Border for Img Links */ a img { border:none; } /* Degugging */ .showgrid { background:url(/images/grid.gif) 0 0; } .showborder { border-top:1px solid red; border-bottom:1px solid red; } /* Common Dimensions -------------------------------------------------------------- */ .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; } /* Floats */ .fLeft { float:left;} .fRight { float:right;} .alpha, .first { margin-left: 0; } .omega, .last { margin-right: 0; } .col1 { width: 60px; } .col2 { width: 140px; } .col3 { width: 220px; } .col4 { width: 300px; } .col5 { width: 380px; } .col6 { width: 460px; } .col7 { width: 540px; } .col8 { width: 620px; } .col9 { width: 700px; } .col10 { width: 780px; } .col11 { width: 860px; } .col12 { width: 940px; } /* Common Structure (E.G. #hdr, #nav, #body, #footer) -------------------------------------------------------------- */ #header { height: 155px; background: url(../images/_layout/headerBg.gif) bottom repeat-x; } #bodyTop { background: url(../images/_layout/bodyTopBg.png); } #bodyBottom { background: url(../images/_layout/bodyBottomBgNew.gif) repeat-x; height: 380px; } #footer { border-bottom: 7px solid #F5F8F7;} /* Content Elements (Specific Page Element Styles) -------------------------------------------------------------- */ /* -- -- Header -- -- */ #headerSearch { height: 110px; } #ttContainer { margin: 0; padding: 0; } #headerSearch #TTLaunchA { margin-right: 10px; margin-top: -3px; } #headerSearch form#searchForm { height: 40px; margin: 10px 0; width: 335px; } #headerSearch form#searchForm label { display: none; } #headerSearch form#searchForm input#formSearch { color: #808080; border: 1px solid #505050; outline: none; } #headerSearch form#searchForm input#searchSubmit { background-color: #0069AA; color: #FFFFFF; border: 0; padding: 3px; cursor: pointer; } #headerSearch form#searchForm input { -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px; } #headerSearch ul#supportingTop { height: 40px; margin: 10px 0; line-height: 25px; padding-left: 15px; } #headerSearch ul#supportingTop li a { color: #808080; text-decoration: none; outline: none; } #headerSearch ul#supportingTop li a:hover { text-decoration: underline; } #headerSearch h2#subHeader { font-size: 1.8em; margin: 0 0 10px 0; color: #0069AA; width: 300px; height: 40px; background: url(../images/_layout/h2SubHeader.gif) no-repeat; } #header h1 { height: 100px; margin: 0 0 10px 0; background: url(../images/_layout/h1SiteHeader.gif) right no-repeat; } #nav { border-bottom: 3px solid #1E4280; /*margin-bottom: 3px;*/ background-color: #0069AA; line-height: 30px; } #nav li a { color: #FFFFFF; text-decoration: none; display: block; float: left; padding: 0 9px; margin-right: 4px; padding-top: 2px; outline: none; } #nav li a#homeLink { padding-top: 2px; } #nav li a:hover, #nav li a.current { background: url(../images/_layout/navHoverBg.gif) repeat-x; } /* -- -- Home Page -- -- */ /* -- -- - Body Top - -- -- */ /* -- Home Top -- */ #homeTop { background-color: #FFFFFF; } #homeFeature #homeFeatureContent { width: 940px; height: 305px; background: url(../images/homeFeature/featureBg.jpg) no-repeat; position: relative; font-family: Calibri, Arial, Helvetica, sans-serif; } #homeFeatureContent .greenPanel { width: 296px; height: 305px; background: url(../images/homeFeature/greenPanelBg.png) repeat-x; position: absolute; right: 45px; z-index: 3; } .greenPanel .contentSlider { width: 296px; height: 205px; overflow: hidden; float: left; position: relative; } .greenPanel ul { margin: 0; padding: 0; width: 296px; height: 9999px; position: relative; top: 0; } .greenPanel ul li { width: 256px; height: 285px; padding: 20px 20px 0; margin: 0; } .greenPanel ul li p { margin-bottom: 10px; } .greenPanel ul li p.intro { color: #FFFFFF; font-size: 2.2em; line-height: 1em; margin-bottom: 20px; } .greenPanel ul li p a { font-size: 1.5em; margin-bottom: 10px; color: #FFFFFF; } #homeFeatureContent .featureTitle { width: 940px; height: 80px; background: url(../images/homeFeature/titleStripBg.png) repeat-x; position: absolute; bottom: 20px; z-index: 4; } #homeFeatureContent h3#howTo { background-color: #A7BB00; color: #FFFFFF; width: 120px; height: 40px; position: absolute; bottom: 90px; left: 55px; z-index: 5; font-size: 3em; line-height: 40px; text-align: center; } .featureTitle a { width: 40px; height: 80px; display: block; outline: none; } .featureTitle a.carouselLeft { float: left; background: url(../images/homeFeature/arrowLeft.png) no-repeat; } .featureTitle a.carouselRight { float: right; background: url(../images/homeFeature/arrowRight.png) no-repeat; } .featureTitle .titleSlider { width: 860px; overflow: hidden; float: left; position: relative; } .featureTitle ul { margin: 0; padding: 0; width: 9999px; height: 80px; position: relative; left: 0; } .featureTitle ul li { width: 860px; height: 80px; float: left; padding: 0; margin: 0; } .featureTitle ul li h4 { width: 560px; height: 80px; font-size: 4em; color: #FFFFFF; font-weight: bold; float: left; text-indent: 15px; margin: 0; } .featureTitle ul li .videoLink { width: 296px; height: 80px; float: left; } .featureTitle ul li .videoLink a { float: left; width: 138px; } .featureTitle ul li .videoLink a.videoLinkImage { margin-left: 10px; margin-top: 2px; height: 78px; } .featureTitle ul li .videoLink a.videoLinkText { color: #FFFFFF; font-size: 1.5em; text-decoration: none; font-weight: bold; width: 138px; vertical-align: bottom; height: 40px; margin-top: 17px; margin-left: 5px; } .featureTitle ul li .videoLink p a:hover { text-decoration: underline; } .featureTitle ul li .videoLink a.videoLinkText strong {font-weight: normal;} #homeFeatureTabs { width: 940px; height: 45px; margin: 0 0 10px 0; background: url(../images/_layout/homeFeatureTabsTopBg.gif) repeat-x; } #homeFeatureTabs li a { height: 45px; display: block; float: left; background: url(../images/_layout/homeFeatureTabs.gif) no-repeat; line-height: 51px; margin-right: 11px; outline: none; text-decoration: none; padding-left: 10px; overflow: hidden; } #homeFeatureTabs li a:hover, #homeFeatureTabs li a.current { color: #FFFFFF; } #homeFeatureTabs li a#payYourRent{ width: 162px; background-position: 0px 0px; } #homeFeatureTabs li a#payYourRent:hover, #homeFeatureTabs li a#payYourRent.current { background-position: -238px 0px; } #homeFeatureTabs li a#reportARepair { width: 174px; background-position: 0px -45px; } #homeFeatureTabs li a#reportARepair:hover, #homeFeatureTabs li a#reportARepair.current { background-position: -238px -45px; } #homeFeatureTabs li a#getInvolved { width: 162px; background-position: 0px -90px; } #homeFeatureTabs li a#getInvolved:hover, #homeFeatureTabs li a#getInvolved.current { background-position: -238px -90px; } #homeFeatureTabs li a#findHome { width: 228px; background-position: 0px -135px; } #homeFeatureTabs li a#findHome:hover, #homeFeatureTabs li a#findHome.current { background-position: -238px -135px; } #homeFeatureTabs li a#moreFiles { width: 119px; background-position: 0px -180px; margin-right: 0px; } #homeFeatureTabs li a#moreFiles:hover, #homeFeatureTabs li a#moreFiles.current { background-position: -238px -180px; } /* -- Home Bottom -- */ #homeBottom { margin-top: 20px; padding-bottom: 20px; } #homeBottom h3.homeBottomHeader { height: 67px; background: url(../images/_layout/bodyBottomHeaders.gif) no-repeat; margin-bottom: 0; } #homeBottom h3#newsHdr { background-position: 0px 0px; } #homeBottom h3#onlineHdr { background-position: 0px -67px; } #homeBottom h3#pollHdr { background-position: 0px -134px; } #homeBottom .homePanel { width: 276px; height: 300px; background: #FFFFFF url(../images/_layout/bodyBottomHeaders.gif) 0px -201px no-repeat; padding: 25px 12px 15px; } #homeBottom #newsPanel ul { margin: 0; } #homeBottom #newsPanel ul li { width: 276px; height: 61px; margin: 20px 0; } #homeBottom #newsPanel ul li a.newsImage { width: 53px; height: 53px; padding: 3px; border: 1px solid #808080; float: left; } #homeBottom #newsPanel ul li a.newsText { width: 200px; margin-left: 10px; float: left; font-family: Georgia; font-size: 1.2em; text-decoration: none; font-weight: bold; } #homeBottom #newsPanel ul li a.newsText:hover { text-decoration: underline; } #homeBottom #newsPanel ul li a.newsText span { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: normal; } #homeBottom #onlinePanel ul { margin: 0; } #homeBottom #onlinePanel ul li { width: 276px; height: 38px; border-bottom: 1px solid #B0B0B0; } #homeBottom #onlinePanel ul li a { width: 276px; height: 33px; line-height: 33px; font-family: Georgia; font-size: 1.2em; text-decoration: none; font-weight: bold; display: block; margin-top: 5px; } #homeBottom #onlinePanel ul li a:hover { background: url(../images/_layout/onlinePanelRollOver.gif) no-repeat; } #homeBottom #pollPanel h4 { font-family: Georgia; font-size: 1.3em; text-decoration: none; font-weight: bold; color: #505050; margin-bottom: 3px; } #homeBottom #pollPanel ul { margin: 0; } #homeBottom #pollPanel ul li { width: 276px; height: 40px; line-height: 40px; } #homeBottom #pollPanel ul li a { width: 244px; height: 22px; padding-left: 32px; background: url(../images/_layout/pollFaces.png) no-repeat; line-height: 22px; display: block; float: left; } #homeBottom #pollPanel ul li a#reallyLike { background-position: 0px 0px;} #homeBottom #pollPanel ul li a#reallyLike:hover { background-position: 0px -110px; } #homeBottom #pollPanel ul li a#like { background-position: 0px -22px;} #homeBottom #pollPanel ul li a#like:hover { background-position: 0px -132px; } #homeBottom #pollPanel ul li a#inDifferent { background-position: 0px -44px;} #homeBottom #pollPanel ul li a#inDifferent:hover { background-position: 0px -154px; } #homeBottom #pollPanel ul li a#dislike { background-position: 0px -66px;} #homeBottom #pollPanel ul li a#dislike:hover { background-position: 0px -176px; } #homeBottom #pollPanel ul li a#reallyDislike { background-position: 0px -88px;} #homeBottom #pollPanel ul li a#reallyDislike:hover { background-position: 0px -198px; } /* -- -- - Body Top - -- -- */ #bodyBottomPanels { height: 320px; } #bodyBottomPanels #customPanel { height: 320px; } #bodyBottomPanels .panel { width: 196px; height: 296px; padding: 12px; background: url(../images/_layout/bodyBottomPanelBg.png) no-repeat; } #bodyBottomPanels .panel h4, #bodyBottomPanels .splitPanel h4 { font-family: Georgia; font-size: 1.2em; text-decoration: none; font-weight: bold; color: #0069AA; margin: 3px 0; } #bodyBottomPanels #myHomePanel p { margin: 10px 0; } #bodyBottomPanels #myHomePanel input { -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px; } #bodyBottomPanels #myHomePanel input#formPostCode, #bodyBottomPanels #myHomePanel input#formHouseNo, #bodyBottomPanels #myHomePanel input#formRefNo { color: #808080; border: 1px solid #505050; outline: none; width: 190px; margin-bottom: 10px; padding: 6px 3px; } #bodyBottomPanels #myHomePanel input#myHomeSubmit { background-color: #0069AA; color: #FFFFFF; border: 0; padding: 3px; float: right; cursor: pointer; } #bodyBottomPanels #aToZ ul { margin: 10px 0 0; } #bodyBottomPanels #aToZ ul li a { width: 26px; height: 26px; background-color: #FFFFFF; display: block; float: left; text-align: center; line-height: 26px; margin: 0 2px 2px 0; text-decoration: none; color: #0069AA; } #bodyBottomPanels #aToZ ul li.aToZAll a { width: 54px; } #bodyBottomPanels #aToZ ul li a:hover { background-color: #7FB4D4; } #bodyBottomPanels .splitPanel { width: 196px; height: 296px; padding: 12px; background: url(../images/_layout/bodyBottomSplitPanelBg.png) no-repeat; } #bodyBottomPanels .splitPanel #contactPanel { width: 196px; height: 192px; margin-bottom: 18px; } .splitPanel #contactPanel .contactNumber { font-size: 1.3em; font-weight: bold; } .splitPanel #contactPanel ul { margin: 45px 0 0; } .splitPanel #contactPanel ul li a { width: 40px; height: 40px; display: block; float: left; margin-right: 10px; background:url(../images/_layout/bodyBottomIcons.png) no-repeat; } .splitPanel #contactPanel ul li a#twitterIcon { background-position: 0px 0px; } .splitPanel #contactPanel ul li a#facebookIcon { background-position: -40px 0px; } #bodyBottomPanels .splitPanel #linkPanel { width: 196px; height: 85px; } .splitPanel #linkPanel ul { margin: 0; padding: 15px 0 0; } .splitPanel #linkPanel ul li a { height: 60px; background: url(../images/_layout/bodyBottomIcons.png) no-repeat; display: block; float: left; } .splitPanel #linkPanel ul li a#greenFieldsIcon { width: 100px; background-position: 0 -40px; border-right: 2px solid #0069AA; padding-right: 5px; } .splitPanel #linkPanel ul li a#kingsParkIcon { margin-left: 5px; width: 70px; background-position: -15px -100px; } /* -- -- Footer -- -- */ #footer ul { margin: 10px 10px 10px 40px; } #footer ul li p { height: 100px; background: url(/assets/images/_layout/footerIconsUpdated.gif) no-repeat; display: block; float: left; margin-right: 25px; } #footer ul li div { float: left; } #footer ul li #tpasLogo { width: 68px; height: 80px; background-position: 0px 0px; margin-right: 70px; } #footer ul li #hsAssuredLogo { width: 65px; height: 80px; background-position: -130px -200px; margin-right: 70px; } #footer ul li #considerateConstructorsLogo { width: 73px; height: 80px; background-position: 0px -100px; margin-right: 70px; } #footer ul li #trustwave { width: 122px; height: 80px; } #footer ul li #qualityAssuredLogo { width: 72px; height: 80px; background-position: 0px -200px; margin-right: 70px; } #footer ul li #inBusinessLogo { width: 200px; height: 70px; background-position: 0px -650px; margin-bottom: 10px; } #footer ul li #plainEnglishLogo { width: 100px; height: 80px; background-position: 0px -725px; margin-right: 30px; } #footer ul li #respectHousingLogo { width: 95px; height: 80px; background-position: 0px -385px; margin-right: 40px; } #footer ul li #investorLogo { width: 160px; height: 80px; background-position: 0px -285px; margin-right: 40px; } #footer ul li #positiveAboutLogo { width: 68px; height: 80px; background-position: -132px -100px; margin-right: 50px; } #footer ul li #ccaLogo { width: 75px; background-position: -128px -500px; margin-top: -20px; margin-right: 40px; } #footer ul li #cseLogo { width: 70px; background-position: 0px -500px; margin-top: -20px; margin-right: 60px } #footer ul li #bestCompany { width: 53px; background-position: -148px 0; } #footer p { float: left; color: #848586; margin: 0px; } #supportingBottom { margin-bottom: 50px; } #supportingBottom ul { margin: 10px 0; float: right; } #supportingBottom ul li a { color: #0069AA; text-decoration: none; font-size: 0.9em; margin-right: 10px; } #supportingBottom ul li a.supportMargin { margin-left: 10px; } #supportingBottom ul li a:hover { text-decoration: underline; } /* -- -- -- Content Page -- -- -- */ #content { background-color: #FFFFFF; } #contentLeft h3.subNavHeader { font-size: 2.2em; color: #0069AA; font-family: Calibri, Arial, Helvetica, sans-serif; border-bottom: 5px solid #0069AA; margin: 10px 0; } #contentLeft h3.subNavHeader a { color: #0069AA; text-decoration: none; outline: none; } #contentLeft ul#subNav { margin: 0 0 20px; } #contentLeft ul#subNav li a { font-size: 1.1em; border-bottom: 1px solid #B0B0B0; display: block; text-decoration: none; padding: 4px 0; outline: none; } #contentLeft ul#subNav li a:hover{ color: #0069AA; } #contentLeft ul#subNav li a.current { color: #0069AA; font-weight: bold; } #contentLeft ul#subNav li ul { margin: 0; } #contentLeft ul#subNav li ul li a { padding-left: 20px; font-size: 1em; outline: none; } #contentLeft ul#subNav li ul li a:hover, #contentLeft ul#subNav li ul li a.current { color: #0069AA; font-weight: normal; } h4.featureHeader { font-size: 1.4em; color: #0069AA; font-family: Calibri, Arial, Helvetica, sans-serif; border-bottom: 5px solid #0069AA; margin:25px 0 15px 0; } ul.poll { margin: 0 0 0 10px; } ul.poll li { width: 188px; height: 40px; line-height: 40px; } ul.poll li a { width: 188px; height: 22px; padding-left: 32px; background: url(/assets/images/_layout/pollFaces.png) no-repeat; line-height: 22px; display: block; float: left; } ul.poll li a#reallyLike { background-position: 0px 0px;} ul.poll li a#reallyLike:hover { background-position: 0px -110px; } ul.poll li a#like { background-position: 0px -22px;} ul.poll li a#like:hover { background-position: 0px -132px; } ul.poll li a#inDifferent { background-position: 0px -44px;} ul.poll li a#inDifferent:hover { background-position: 0px -154px; } ul.poll li a#dislike { background-position: 0px -66px;} ul.poll li a#dislike:hover { background-position: 0px -176px; } ul.poll li a#reallyDislike { background-position: 0px -88px;} ul.poll li a#reallyDislike:hover { background-position: 0px -198px; } #pollWrap {width:267px; display:block;} .faceWrap {width:210px; float:left;} .face {padding-left:22px; background: url(/assets/images/_layout/pollFaces.png) no-repeat; height: 22px; float:left; display:block;} .face span {display:none; display: none; visibility: hidden;} .result {float:right; display:block; width:35px; height:22px; text-align:right;} .reallyLike { background-position: 0px -110px; background-color:#E5EFD6;} .like { background-position: 0px -132px; background-color:#F0F4D6;} .inDifferent { background-position: 0px -154px; background-color:#FFEAD6;} .dislike { background-position: 0px -176px; background-color:#FEE9E5;} .reallyDislike { background-position: 0px -198px; background-color:#FFD7D7;} #contentLeft a.commentOnPage { border-top: 1px solid #B0B0B0; border-bottom: 1px solid #B0B0B0; text-decoration: none; display: block; padding: 10px 0; background: url(../images/_layout/commentIcon.gif) no-repeat right center; margin-bottom: 50px; } #contentMain { padding-bottom: 50px; } #contentMain ul { margin-bottom: 10px; } #contentMain #breadcrumbs { margin: 0; } #contentMain #breadcrumbs li a { text-decoration: none; outline: none; } #contentMain #breadcrumbs li a:hover { text-decoration: underline; } #contentMain #flashFrame { width: 512px; height: 314px; margin: 30px 10px 10px 0;} #contentMain #featureContainer { margin-bottom: 50px; } .featureIcon { margin: 5px 0; } #contentMain p.introText { font-size: 1.3em; font-weight: bold; } #contentMain p.introTextLevel1 { font-size: 1.2em; color: #0069AA; } #contentMain .sitemap p.searchResultTitle { margin: 15px 0 0 0; } #contentMain .sitemap p.searchResultTitle a { font-size: 1.2em; color: #0069AA; font-weight: bold; } #contentMain span.bigBlue { font-size: 1.5em; color: #0069AA; font-weight: bold; } #contentMain p a, #contentMain a { color: #0069AA; outline: none; } #contentMain p a:hover, #contentMain a:hover { color: #0069AA; } #contentMain .imgLeft { float: left; margin-right: 10px; } #contentMain .imgRight { float: right; margin-left: 10px; } /*#contentMain img.boardMemberImage { padding: 3px; border: 1px solid #0069AA; margin-right: 10px; vertical-align: top; }*/ #contentMain #documentList { margin: 0; padding: 0; } #contentMain #documentList li { width: 100%; height: 20px; line-height: 20px; margin-bottom: 10px; } #contentMain #documentList li a { height: 20px; line-height: 20px; padding-left: 20px; display: block; float: left; margin-right: 5px; } #contentMain #documentList li a.pdf { background: url(../images/_layout/icons/pdfIcon.png) no-repeat 0px 0px; } #contentMain #documentList li a.doc, #contentMain #documentList li a.docx { background: url(../images/_layout/icons/wordIcon.png) no-repeat 0px 0px; } /* -- Related Links -- */ #contentRight ul { padding-left: 10px; } #contentRight ul li { margin-bottom: 10px; } #contentRight .document { margin-bottom: 10px; } #contentRight h5 {font-family: Georgia; font-size: 1.4em; color: #A7BB00; font-weight: bold; margin: 0 0 10px 0;} a.icon, span.icon{ padding-left: 25px; line-height: 19px; width: 115px; outline: none; } a.xlsDoc{ background: url(../images/_layout/icons/exlIcon.png) no-repeat 0px 5px; } a.pptDoc{ background: url(../images/_layout/icons/pptIcon.png) no-repeat 0px 5px; } a.docDoc{ background: url(../images/_layout/icons/wordIcon.png) no-repeat 0px 5px; } a.pdfDoc{ background: url(../images/_layout/icons/pdfIcon.png) no-repeat 0px 5px; } a.vacancyDoc{ background: url(../images/_layout/icons/pdfIcon.png) no-repeat 0px 0px; display:block; } a.wwwDoc{ background: url(../images/_layout/icons/linkIcon.png) no-repeat 0px 5px; } a.jpgDoc{ background: url(../images/_layout/icons/imageIcon.png) no-repeat 0px 5px; } a.downloadAcrobatIcon { width: 90px; float: right; } #contentRight .sectionBreak { height: 1px; border-bottom: 1px solid #B0B0B0; margin: 15px 0; } /* - News - */ h4.newsDateHeader { margin-bottom: 18px; border-bottom: 5px solid #0069AA; } h4.archiveDateHeader { margin: 5px 0; border-bottom: 5px solid #0069AA; } #contentMain ul.newsPosts { margin: 0; } #contentMain ul.newsPosts li { width: 460px; margin: 15px 0px; padding-bottom: 15px; border-bottom: 1px dotted #0069AA; float: left; } #contentMain ul.newsArchive li { margin: 5px 0px; padding-bottom: 10px; } #contentMain ul.newsPosts li a.newsImage { width: 75px; height: 74px; padding: 3px; border: 1px solid #808080; float: left; } #contentMain ul.newsPosts li a.newsText { width: 360px; margin-left: 10px; float: left; font-family: Georgia; font-size: 1.2em; text-decoration: none; font-weight: bold; color: #505050; } #contentMain ul.newsArchive li a.newsText { margin-left: 0px; } #contentMain ul.newsPosts li a.newsText:hover { text-decoration: underline; color: #0069AA; } #contentMain ul.newsPosts li a.newsText span { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: normal; } #contentMain ul.newsArchive li a.newsText span { margin-left: 10px; } #contentMain ul.newsPosts li p.newsText { width: 360px; margin: 10px 0 10px 10px; float: left; } #contentMain h5.newsTitle { font-family: Georgia; font-size: 1.4em; text-decoration: none; font-weight: bold; color: #505050; margin-bottom: 10px; } #contentMain .newsImage { padding: 3px; border: 1px solid #808080; } #contentRight h5.moreNewsHeader { font-size: 1.2em; color: #0069AA; font-family: Calibri, Arial, Helvetica, sans-serif; border-bottom: 5px solid #0069AA; margin: 6px 0 15px; } #contentRight ul#lastMonthsNews { margin: 0; padding: 0; } #contentRight ul#lastMonthsNews li { width: 220px; padding-bottom: 15px; margin: 0 0 15px 0; border-bottom: 1px dotted #0069AA; float: left; } #contentRight ul#lastMonthsNews li a.newsImage { width: 30px; height: 30px; padding: 2px; border: 1px solid #808080; float: left; } #contentRight ul#lastMonthsNews li a.newsText { width: 170px; margin-left: 10px; float: left; font-family: Georgia; text-decoration: none; font-weight: bold; color: #505050; } #contentRight ul#lastMonthsNews li a.newsText:hover { text-decoration: underline; color: #0069AA; } #contentRight ul#lastMonthsNews li a.newsText span { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: normal; } #contentRight ul.yearArchive { margin: 0; padding: 0; } #contentRight ul.yearArchive li { width: 220px; padding-bottom: 10px; margin: 0 0 10px 0; border-bottom: 1px dotted #0069AA; float: left; } #contentRight ul.yearArchive li a.newsText { width: 170px; margin-left: 10px; float: left; text-decoration: none; font-weight: bold; color: #505050; } #contentRight ul.yearArchive li a.newsText:hover { text-decoration: underline; color: #0069AA; } #contentRight ul.yearArchive li a.newsText span { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: normal; } h3.pageHdr { width: 176px; height: 314px; float: left; margin-top: 30px; margin-bottom: 10px; } h3#homesHdr { background: url(../images/_headers/h3HomesHdr.png) no-repeat; } h3#aboutUsHdr { background: url(../images/_headers/h3AboutUsHdr.png) no-repeat; } h3#servicesHdr { background: url(../images/_headers/h3ServicesHdr.png) no-repeat; } h3#inTheCommunityHdr { background: url(../images/_headers/h3InTheCommunityHdr.png) no-repeat; } h3#getInvolvedHdr { background: url(../images/_headers/h3GetInvolvedHdr.png) no-repeat; } h3#haveYourSayHdr { background: url(../images/_headers/h3HaveYourSayHdr.png) no-repeat; } h3#newsInformationHdr { background: url(../images/_headers/h3NewsInformationHdr.png) no-repeat; } h3#careersHdr { background: url(../images/_headers/h3CareersHdr.png) no-repeat; } h3#performanceHdr { background: url(../images/_headers/h3PerformanceHdr.png) no-repeat; } h3#contactUsHdr { background: url(../images/_headers/h3ContactUsHdr.png) no-repeat; } /* -- Form Styles -- */ .required { color: #FF0000 !important; } form.ovhForm fieldset { border: 1px solid #0069AA; padding: 10px; margin-bottom: 15px; } form.ovhForm label { display: block; font-weight: bold; } form.ovhForm label.white { color: #FFF; } form.ovhForm label.subLabel { font-weight: normal; } form.ovhForm label.noBlock { display: inline; } form.ovhForm label.noBold { font-weight: normal; } form.ovhForm label.hidden { display: none; } form.ovhForm input { outline:none } form.ovhForm tr.applicationDevide { background-color: #0069AA; height: 1px; } form.ovhForm tr.applicationSpace { height: 10px; } form.ovhForm fieldset, .textField, .textArea, .selectField, .button, .errorMessage, .successMessage { -moz-border-radius: 5px; -webkit-border-radius: 5px; } form.ovhForm .optionH {margin-right:20px; margin-bottom:20px;} form.ovhForm .optionV {margin-bottom:20px;} form.ovhForm h6 { font-size: 1.2em; font-weight: bold; margin: 0 0 3px 0; font-family: Calibri, Arial, Helvetica, sans-serif; font-weight: bold; color: #0069AA; } #improvementsForm { width: 400px; margin: 0px auto; } .textField, .textArea, .selectField { font-size: 1.1em; padding: 6px; color: #333333; background: #FFFFFF url(../images/_layout/formFieldsBg.png) top repeat-x; outline: none; border: 1px solid #0069AA; } .button { background-color: #0069AA; border: 1px solid #0069AA; color: #FFFFFF; font-size: 1.1em; cursor: pointer; padding: 4px 7px !important; } .button:hover { text-decoration: underline; } .errorMessage { width: 93%; border: 1px solid #FBC2C4; color: #8A1F11; display: block; min-height: 22px; line-height: 22px; background: #FBE3E4 url(../images/_layout/error.gif) no-repeat 10px center; padding: 3px 10px 3px 35px; margin-bottom: 10px; } .successMessage { width: 85%; border: 1px solid #9ADF8F; color: #226F14; display: block; min-height: 22px; line-height: 22px; background: #D5FFCE url(../images/_layout/success.gif) no-repeat 10px center; padding: 3px 10px 3px 35px; margin-bottom: 10px; } .smallMessage { width: 85%; } form .smallInput { width: 25% !important; margin-bottom: 15px; } form .mediumInput { width: 50% !important; margin-bottom: 15px; } form .largeInput { width: 93% !important; padding: 6px !important; font-size: 1.1em !important; margin-bottom: 10px; } form .sideInput { width: 95% !important; padding: 6px !important; font-size: 1.1em !important; } form .imageInput { width: 180px; padding: 10px; } form .quickEditInput { width: 90% !important; padding: 8px; font-size: 1.1em; } form .quickEditSelect { width: 90% !important; font-size: 1.1em; } #formSecure { border: none; outline: none; height: 1px; } form #formSubmit { background: #cccdcf url(../images/_layout/sumbitBg.png) center repeat-x; color: #000000; border: 1px solid #000000; } .required { color: #FF0000; } .checkList { margin: 0; float: left; } .checkList li { display: inline; float: left; margin-right: 10px; } .checkList li .optionH, .checkList li .optionV { margin: 0; margin-right: 5px; } .checkListBlock { margin: 0; float: left; } .checkListBlock li { display: inline; float: left; margin-right: 10px; width: 90%; } .checkListBlock li .optionH, .checkListBlock li .optionV{ margin: 0; margin-right: 5px; } /* Careers */ .jobBox { border-bottom: 1px dotted #0069AA; margin-bottom: 10px; } .jobBox .jobTitle { margin-bottom: 0; } .jobBox .jobDate { font-style: italic; font-size: 0.9em; } .videoContainer { width: 512px; margin: 0px auto; } h4.videoHeader { margin: 10px 0; } .videoLibrary { width: 700px; margin: 10px 0; } .videoLibrary li { width: 110px; height: 100px; margin: 2px; padding: 10px; float: left; background-color: #D9E8FF; } .videoLibrary li.vidcurrent { background-color: #BDD3FD; } /* Improvement Works */ #myHome { margin-bottom: 20px;} #myHome #myHomeTabs { margin: 0; padding: 0; } #myHome #myHomeTabs a.myHomeTab { width: 140px; height: 34px; display: block; float: left; background: url(../images/_layout/myHomeTabs.png) no-repeat; margin-right: 10px; color: #0069AA; text-decoration: none; line-height: 34px; text-indent: 10px; font-size: 1.15em; font-weight: bold; } #myHome #myHomeTabs a.myHomeTab:hover, #myHome #myHomeTabs a.myHomeTab.current { background-position: bottom; } #myHome #myHomeContent { width: 690px; border: 5px solid #CCE1EF; float: left; } #myHome #myHomeContent p#yourAddress { width: 690px; height: 34px; line-height: 34px; background-color: #E1F0F7; color: #0069AA; font-weight: bold; text-indent: 10px; } #myHome #myHomeContent .contentPanel { width: 670px; padding: 15px 10px; } #improvementsContent #improvementWorks, #neighbourhoodContent #neighbourhoodOffice { width: 340px; } #improvementsContent #googleMap, #neighbourhoodContent #officeGoogleMap { width: 250px; height: 250px; border: 5px solid #CCE1EF; } #myHome p.safety { display: block; border: 2px solid #FF9900; padding: 4px 6px; margin-top: 0px; -moz-border-radius: 8px; border-radius: 8px; } #myHome p.safetyRed { display: block; border: 3px solid #FF0000; padding: 4px 6px; margin-top: 0px; -moz-border-radius: 8px; border-radius: 8px; color: #FF0000; } .addthis_button span { display: none; visibility: hidden; } /* -- Successfull Bids Table -- */ #successfullBidsTbl { width: 100%; margin: 5px 0 15px; } #successfullBidsTbl thead th { background-color: #09C; color: #FFFFFF; font-weight: bold; height: 30px; } #successfullBidsTbl thead th a { color: #FFFFFF; font-weight: bold; } #successfullBidsTbl tbody tr { background-color: #D9ECFF; } #successfullBidsTbl tbody tr.odd, #successfullBidsTbl tbody tr td.propertyTypeHeader { background-color: #B3D9FF; } #successfullBidsTbl tbody tr td { text-align: center; } /* -- Properties Search Table -- */ #propertiesTable { width: 100%; margin: 15px 0; } #propertiesTable thead th { background-color: #09C; color: #FFFFFF; font-weight: bold; height: 30px; text-align: left; } #propertiesTable thead th a { color: #FFFFFF; font-weight: bold; } #propertiesTable th { background-color: #B5B5B5; color: #fff; font-weight: bold; height: 25px; text-align: center; } #propertiesTable tbody tr { background-color: #D9ECFF; } #propertiesTable tbody tr.odd { background-color: #B3D9FF; } #propertiesTable tbody tr td { text-align: left; padding: 5px 0px; } #propertiesTable tbody tr td a img {margin-left:5px;} #propertiesTable tbody tr td.propertyImg { text-align: center; } #propertiesTable tbody tr td.propertyRef { text-align: center; } #propertiesTable tbody tr td.topRow { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #29B4DF; } /* Improvement Works */ #propertiesView { width: 690px; border: 5px solid #CCE1EF; float: left; } #propertiesView p#yourAddress { width: 690px; height: 34px; line-height: 34px; background-color: #E1F0F7; color: #0069AA; font-weight: bold; text-indent: 10px; } #propertiesView #leftContent { width: 340px; margin: 0px 20px 0 10px; float: left; } #propertiesView #rightContent .errorMessage, #propertiesView #rightContent .successMessage { width: 83%; } #propertiesView #rightContent { width: 310px; float: left; margin: 0 10px 10px 0; } #propertiesView #leftContent #googleMap { width: 300px; height: 300px; border: 5px solid #CCE1EF; margin-bottom: 10px; } .r0 { background-color: #EEF7FB; } .r1 { } .addthis_button span { display: none; visibility: hidden; } /* -- A to Z Panel -- */ #aToZResults { margin-top: 18px; color: #0069AA; } #aToZ-new { height: 50px; background: url(../images/_layout/aToZPanel.png) no-repeat; margin-bottom: 10px; } #aToZ-new ul { margin: 13px 10px 0 10px; float: left; width: 735px; } #aToZ-new ul li a { width: 24px; height: 24px; background-color: #FFFFFF; display: block; float: left; text-align: center; line-height: 24px; margin: 0 2px 2px 0; text-decoration: none; color: #0069AA; } #aToZ-new ul li.aToZAll a { width: 54px; } #aToZ-new ul li a:hover { background-color: #7FB4D4; } #aToZ-new #aToZResults { float: right; margin: 12px 10px 0 0; width: 175px; line-height: 1.1em; } /* -- Events Panel -- */ #events table { background: url(../images/site/calGrag.png) 0 50px repeat-x; font-size: 1.1em; color: #00557E; min-height: 0; margin-top: 10px; } #events table thead { background-color: #0078B6; border: 0; } #events table thead tr th{/* background-color: #0078B6;/* border-right: 1px solid #B2D4E8;*/ } #events table thead p { font-size: 1.2em; line-height: 32px; margin: 0 0 0px 0; color: #FFFFFF; font-weight:bold; font-family: Calibri, Arial, Helvetica, sans-serif; } #events tbody tr td { border-top: 1px solid #B2D4E8; border-right: 1px solid #B2D4E8; width: 26px; height: 26px; text-align: center; line-height: 26px; background-color: #FFFFFF; color: #0069AA; padding: 0; } #events .calLink { width: 25px; height: 30px; cursor: pointer; } #events .linkNext { background:url(../images/eventsNext.png) no-repeat top left; } #events .linkPrev { background:url(../images/eventsPrev.png) no-repeat top left; } #events tbody tr td.day { font-weight: bold; background-color: #0078B6; color: #FFFFFF; } #events tbody tr td.noBorder { border-right: 1px solid #B2D4E8; } #events tbody tr td.event { background: url(../images/eventCurrent.png) no-repeat top right; } #events tbody tr td.event a { cursor: pointer; color: #0069AA; } #events tbody tr td.dayLast { border-right: 1px solid #0078B6;} #events tr td.normalLast { border-right: 1px solid #FFF;} #events tbody tr td.blankLast { border-right: 1px solid #D9E9F3;} #events tr td.blank { background-color: #D9E9F3; } #events table thead th.calMainLink a img#prevMonth, div.calendar table thead th.calMainLink a img#nextMonth { margin-bottom: 0;} #events tbody tr td.today { background-color: #0069AA; color: #FFFFFF; } /* -- Custom Panel -- */ #customPanelCycle { height:320px; width:220px; overflow:hidden; } /*-- Events --*/ .eventImage { border:1px solid #808080; float:left; height:74px; padding:3px; width:75px; overflow:hidden; margin-right:10px; margin-top:1px; } .eventDetails { float:left; width:580px; } h4.eventTitle { margin-bottom:0; } .eventDate { font-style: italic; font-weight: bold; margin:0 0 5px 0; } .eventHR { border-bottom:1px dotted #0069AA; float:left; margin:0 0 15px; padding-bottom:2px; clear:both; width:100% } #eventsPage { border-top:1px dotted #0069AA; border-bottom:1px dotted #0069AA; padding:0; margin-bottom:18px; text-align:center;} #eventsPage table { margin:0 auto; } /*--Image Gallery--*/ #pageGallery { background:#B7D7E8; width:460px; padding-bottom:8px; margin-bottom:1em; } #pageGallery a { background:#fff; margin:8px 0 0 8px; display:block; width:105px; height:70px; float:left;} #pageGallery a img { margin:5px 0 0 5px; }