/* City of Vancouver Web Stylesheet Latest update 20140710 (prev production 20140606) */ /* Standardize all font sizes at the beginning */ html, body, form, fieldset { margin: 0; padding: 0; font-size: 100%; } html { font-size: 100.01%; /* avoids obscure font-size bug */ height: 100%; margin-bottom: 1px; /* avoid jumping scrollbars */ } body { font-size: 62.5%; /* 10px ... 68.75%=11px 75%=12px 81.25%=13px 87.5%=14px*/ height: 100%; } /*reset.css*/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;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,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;} /*fonts.css*/table {font-size:inherit;}select, input, textarea {font:99% arial,helvetica,sans-serif;}pre, code {font:115% monospace;]font-size:1em;}body * {line-height:1.35em;} /* Body */ :focus {outline:0;} /* Headings */ h1 {font-size:1.7em;} h2 {font-size:1.5em;} h3 {font-size:1.3em;} h4,h5,h6,h7 {font-size:1em;} /* Paragraph Text */ p, pre {margin: .6em 0 0;line-height:1.35em;} /* Lists */ ul {list-style-type: disc;list-style-position: outside;margin:.5em 0 .5em 1.5em;} ol {list-style-type: decimal;list-style-position: outside;margin: .5em 0 .5em 2em;} li {padding-left:0;padding-bottom:.3em;} dl {} dt {margin:.5em 0 .25em 0;font-weight:bold;} dd {padding:0 0 .25em 1em;} /* Block Level Type Styles */ blockquote {margin:1em 2em 1em 1em;} address {margin:.25em 0 1em 0;line-height:1.4em;} del {} ins {} pre {} /* Inline Type Styles */ abbr, acronym { border-bottom: 1px dotted #333; cursor: help; } strong {font-weight:bold;} em, dfn, cite {font-style:italic;} /* Tables */ table {margin:5px 0 15px 0;} tr {} th, td {padding:0 .15em 0 .15em;} th {font-weight:bold;} caption {font-style:italic;} /* Forms */ form {margin:.25em 0 1em 0;} label {display:block;font-size:.94em;} fieldset {border:1px solid #ccc;padding:.5em 1em;margin:.25em 0 1em 0;} legend {font-weight:bold;color:#444;} /* Images */ img {} /* Clearing */ .clear {clear:both;} /* City of Vancouver Layout Styles Sections -OLD 20150622 Green Vancouver | Page ID #4 | class .s5E53ECCF5AC443878F82677BA9E10A08 Green Vancouver | Page ID #26621 | class .s66ED949F063F4F5186AA9B8C51ECF602 Your Government | Page ID #46 | class .s5785640C8B3C4775A3C50AC844695609 -OLD 20150622 Name change from "News, Calendar" to "About Vancouver" About Vancouver | Page ID #47 | class .s40817C78182C4DF6A38920F36FFA0369 Parks, Recreation, and Culture | Page ID #48 | class .s3D48BA295D9A4E8FAE0F95755D65318D Home, Property, and Development | Page ID #45 | class .s95C37A60D9EF4577B6E4DAFDE81CD315 People and Programs | Page ID #70 | class .sC2B4C2DC13D8429385393D092BE31D4A Streets and Transportation | Page ID #71 | class .sC2B4C2DC13D8429385393D092BE31D4A Doing Business | Page ID #72 | class .s83B05EAE7905419981E4FC0BE75FA7D8 */ /* global */ body { font-family: arial, helvetica, helv, sans-serif; } body, .largeIconFeature h3 { color: #444444; } h1,h2,h3,h4,h5,h6,h7, .modHeader, ul#topNav li a, table th { font-family: tahoma, chicago, sans-serif; font-weight: normal; color: #444444; } h1,h2,h3 { font-weight: normal; margin: 1em 0 0; } h4,h5,h6,h7 { font-weight: bold; margin: 1em 0 0; } .global-cov-contact { text-align: center; margin-top: 8px; font-size: 1.7em; color: #0279B1; line-height: 1em; } /* default size for all text */ .menu, .covPopTarget, #cbox-title, #leftRail, #contentContainer, #rightRail, #homeContent, #neighbourhoodsDropDown, #search { font-size: 1.2em; } .lastModified { font-size: 1.12em; color: #444444; } .largeIconFeature h3 { font-size: 1.1em; } .listItem h3, .googleSearch h3, .googleNews h3, .googleEvents h3 { font-size: 1em; } /* margins around headings in text blocks */ .basicBox h1, .basicBox h2, .basicBox h3, .basicBox h4, .basicBox h5, .basicBox h6 { margin-left: 8px; margin-right: 8px; } /* list handlers */ .basicBox ul, .basicBox ol { margin-left: 2em; margin-right: 1em; } /* smart edit information pane */ #smartedit-info { font-size: 1.3em; } .rssView div h3, .rssView div p { font-size: 1.2em; } /* end */ h1 {margin: 0 0 15px;} /* module headings */ #rightRail h2, #rightRail h3, #rightRail h4, #rightRail h5, #rightRail h6, h2.modHeader { font-size: 1.1em; color: #444444; } a {text-decoration: none; color: #0279B1; } a:hover {text-decoration: underline;} .left,img[style*='left']{float: left;margin: 0 1.2em 1em 0;} ul.left {float: left; margin: 0.6em 1.2em 1em 1.5em;} .right,img[style*='right']{float: right;margin: 0 0 1em 1.2em;} .center,img[style*='center']{ text-align: center; margin-left: auto; margin-right: auto; } .rounded-corners { border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;} .rounded-corners-top { border-radius: 3px 3px 0px 0px;-moz-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;-khtml-border-radius: 3px 3px 0px 0px;} /* backgrounds */ body { /*background: url(/images/cov/backgrounds/skyline_bkgd_blue.jpg) top center fixed no-repeat; */ padding:0;margin:0; background-color: #F2F2F2; } /* body.s5E53ECCF5AC443878F82677BA9E10A08 {background: url(/images/cov/backgrounds/about_bkgd.jpg) top center fixed no-repeat;background-color: #f26234;} body.s66ED949F063F4F5186AA9B8C51ECF602 {background: url(/images/cov/backgrounds/about_bkgd.jpg) top center fixed no-repeat;background-color: #f26234;} body.s5785640C8B3C4775A3C50AC844695609 {background: url(/images/cov/backgrounds/gov_bkgd.jpg) top center fixed no-repeat;background-color: #ad8359;} body.s40817C78182C4DF6A38920F36FFA0369 {background: url(/images/cov/backgrounds/news_bkgd.jpg) top center fixed no-repeat;background-color: #9470b1;} body.s3D48BA295D9A4E8FAE0F95755D65318D {background: url(/images/cov/backgrounds/park_bkgd.jpg) top center fixed no-repeat;background-color: #73b749;} body.s95C37A60D9EF4577B6E4DAFDE81CD315 {background: url(/images/cov/backgrounds/property_bkgd.jpg) top center fixed no-repeat;background-color: #0d87c9;} body.sC2B4C2DC13D8429385393D092BE31D4A {background: url(/images/cov/backgrounds/enviro_bkgd.jpg) top center fixed no-repeat;background-color: #f9b73c;} body.s1B48E3BC89AD4680B2E902C48640C64A {background: url(/images/cov/backgrounds/transport_bkgd.jpg) top center fixed no-repeat;background-color: #d6422f;} body.s83B05EAE7905419981E4FC0BE75FA7D8 {background: url(/images/cov/backgrounds/business_bkgd.jpg) top center fixed no-repeat;background-color: #868886;} */ /* site structure */ #doc {width: 980px; position: relative; height: auto;margin: 0 auto 20px; background: #FFFFFF; /*background: #fff; -moz-box-shadow: 3px 3px 3px 2px rgba(100, 100, 100, 0.5); -webkit-box-shadow: 3px 3px 3px 2px rgba(100, 100, 100, 0.5); box-shadow: 3px 3px 3px 2px rgba(100, 100, 100, 0.5); */ width: 1366px; } #doc2 { padding: 12px 20px 20px 20px; background:#fff; width: 960px; margin: 0 auto; } .ieShadow{display:none;} /* homepage */ #header {background:#fff;height: 150px;} .home #siteAlert { font-size: 1.7em; margin: -1em 0 1em 0; } #siteAlert { font-family: tahoma, chicago, sans-serif; border: 1px solid red; padding: 1em; background-color: #FFD4D4; text-align: center; margin: 1em 0; font-size: 1.3em; clear: both; /*border: red dotted 2px; background:#ffedf0; margin-bottom: 25px; color: #000;padding:10px 20px;*/ } .siteAlertNotice { border: 1px solid #F5DE83!important; background-color: #FFFDE0!important; } #siteAlert p:first-of-type { margin: 0!important; } a#logo {float: left;margin-bottom: 20px;} .lnkDropdown, a#eventsDropDown, a#initiativesDropDown {background: url(/images/cov/ui/lnkDropdown.png) right 5px no-repeat;padding-right: 20px; color: #5d79a1; text-decoration: none; } a.lnkArrowRight {clear:both;background: url(/images/cov/ui/arrowRight.png) right 2px no-repeat;padding-right: 20px; color: #0279B1; display: block; float: right; text-align: right; margin: 8px; } form#search {display: inline; margin-left: 30px;} form#search input.submitSearch {margin-left: 5px;} /* #footer {padding: 6px 15px; background: #333; color: #fff;height:13px;font-size:1.1em;clear:both;} #footer a {color: #fff; } */ .footer {padding: 6px 15px; background: #fff; color: #524641;height:13px;font-size:1.1em;clear:both;} .footer a {color: #524641; padding-right: 0.3em; padding-left: 0.3em;} .footerTop .left, .footerTop .right, .footerBottom .left, .footerBottom .right { margin-bottom: 0px!important; } .footerTop { border-top: 1px solid #cccccc; } #destinations {width:155px;} /* secondary landing & content pages */ #contentContainer {position: relative; width:550px; float:left; margin-bottom: 25px;padding: 0;overflow:hidden;} #content {padding: 0 20px 0 10px;clear: both;} #shareThis {position: absolute; top:0px; right:17px; } img#landingBanner {margin: 0 0 1.2em;padding:0;float: left;width: 520px;clear: none;} /* body.s5E53ECCF5AC443878F82677BA9E10A08 img#landingBanner {border-top: 5px solid #f26234;} body.s66ED949F063F4F5186AA9B8C51ECF602 img#landingBanner {border-top: 5px solid #f26234;} body.s5785640C8B3C4775A3C50AC844695609 img#landingBanner {border-top: 5px solid #ad8359;} body.s40817C78182C4DF6A38920F36FFA0369 img#landingBanner {border-top: 5px solid #9470b1;} body.s3D48BA295D9A4E8FAE0F95755D65318D img#landingBanner {border-top: 5px solid #73b749;} body.s95C37A60D9EF4577B6E4DAFDE81CD315 img#landingBanner {border-top: 5px solid #0d87c9;} body.sC2B4C2DC13D8429385393D092BE31D4A img#landingBanner {border-top: 5px solid #f9b73c;} body.s1B48E3BC89AD4680B2E902C48640C64A img#landingBanner {border-top: 5px solid #d6422f;} body.s83B05EAE7905419981E4FC0BE75FA7D8 img#landingBanner {border-top: 5px solid #868886;} body.s5E53ECCF5AC443878F82677BA9E10A08 img#feature {border-top: 5px solid #f26234;} body.s66ED949F063F4F5186AA9B8C51ECF602 img#feature {border-top: 5px solid #f26234;} body.s5785640C8B3C4775A3C50AC844695609 img#feature {border-top: 5px solid #ad8359;} body.s40817C78182C4DF6A38920F36FFA0369 img#feature {border-top: 5px solid #9470b1;} body.s3D48BA295D9A4E8FAE0F95755D65318D img#feature {border-top: 5px solid #73b749;} body.s95C37A60D9EF4577B6E4DAFDE81CD315 img#feature {border-top: 5px solid #0d87c9;} body.sC2B4C2DC13D8429385393D092BE31D4A img#feature {border-top: 5px solid #f9b73c;} body.s1B48E3BC89AD4680B2E902C48640C64A img#feature {border-top: 5px solid #d6422f;} body.s83B05EAE7905419981E4FC0BE75FA7D8 img#feature {border-top: 5px solid #868886;} */ /* #contentContainer img#landingBanner {border-top: 5px solid #0279B1;} #contentContainer img#feature {border-top: 5px solid #0279B1;} #contentContainer iframe#featurevid { border-top: 5px solid #0279B1; } */ /* Start add extra css for landing banner icons */ .landingBanner-group { position: relative; width: 100%; /* for IE 6 */ } .landingBanner-caption { position: absolute; margin-top: 18%; left: 0; right: 0; text-align: right; padding: 1% 0 2% 0; } .landingBanner-caption span { margin: 0px; padding: 2%; color: white; font-size: 150%; background-color: #005BA1; background: rgba(0, 91, 161); background: rgba(0, 91, 161, 0.70); font-family: tahoma, chicago, sans-serif; } .landingBanner-caption span img { margin-top: 0; margin-bottom: -2.5%; } @media (max-width: 980px) { .landingBanner-caption span { font-size: 120%; } .landingBanner-caption span img { width: 6%; margin-bottom: -2%; } } @media screen and (max-width: 980px) and (max-width: 480px) { .landingBanner-caption span { font-size: 85%; padding: 2%; } .landingBanner-caption span img { width: 6%; margin-bottom: -1.5%; } } /* End add extra css for landing banner icons */ /* homepage slideshow */ #homeSlideshow {position:relative; background: #ccc;height: 331px;width:735px; margin-bottom: 7px; overflow: hidden;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;} #homeSlideshow #bottomBar{position:absolute;z-index:110; width:735px; height:32px; bottom:0px; left:0px; overflow:hidden;} #homeSlideshow #bottomBar #background{position:absolute; left:0px; bottom:0; background:#F1F0EB; opacity:0.9; width:100%; height: 100%;filter:alpha(opacity=90); } #homeSlideshow #bottomBar p a{color: #5D79A1;} #homeSlideshow #bottomBar #nav{ float:right; position:absolute;margin-right:7px; top:8px; right:0px; } #homeSlideshow #bottomBar #nav a{margin-right:4px;} .crossFadeImg{ position: absolute;top:0px;left:0px;filter:alpha(opacity=0);opacity:0; } #holder1{ z-index: 1;} #holder2{ z-index: 2;} /* home page cta - top right corner */ .cta {background-image:url('/images/cov/backgrounds/cta-background.png'); background-repeat:no-repeat; width:185px; height:330px;} p.cta-heading {margin:0 12px 15px; border-bottom: 2px #c2e7f3 solid;} p.cta-heading span {color:#0081C6; font-size:2.4em; text-align:left; line-height:1.3em; font-family:Tahoma, Geneva, sans-serif; margin:0 0 10px 0; font-weight:normal; display:block; padding-top:18px; padding-left:9px; text-shadow: 1px 1px 0px #E9E9E9;} .cta hr {display: none; visibility: hidden; } .cta ul {list-style-type:none; margin:0 0 0 1.2em;} .cta li {overflow: visible;} .cta li a {color:#666; display:block; margin-left: 0; padding: 0 0 1.2em; font-family:Tahoma, geneva, sans-serif; font-size:1.75em; background: url('/images/cov/icons/icons_cta_beveled.jpg') 0 0 no-repeat; } .cta li a:hover {color:#0081C6;} /*anchor text*/ .cta li a div { display:inline-block; margin: 0; padding-left:68px; padding-top:14px; text-decoration:none; letter-spacing:-.025; text-shadow: 1px 1px 0px #E9E9E9;} /*rollover states*/ .cta li a.mouse {background-position: 0 0;} .cta li a.mouse:hover {background-position: 0 -110px;} .cta li a.phone {background-position: 0 -220px} .cta li a.phone:hover {background-position: 0 -330px} .cta li a.door { background-position: 0 -440px;} .cta li a.door:hover { background-position: 0 -550px;} /* homepage modules */ #twitter-widget-1 {padding-left: .7em;} .home .googleEvents {width:185px;float:left;margin-bottom:7px;} .home .googleNews {float: left;margin-left: 10px;width: 540px;margin-bottom:7px;} .home .googleEvents h2, .rightRail .googleEvents h2 {padding: 7px;background: #DEDDD6;margin:0px;} .home .listView {margin-right:0;} .home .results, #rightRail .results {margin-top:0px} .home .googleEvents .item {margin-bottom:1px;} .home .googleNews .item {margin-bottom:5px;} .dateAndQuote {margin-bottom:1.5em;color:#aaa} /* modules */ .simpleList, .imageList, .smallIconList, .mediumIconList, .largeIconFeature, .basicBox, .googleMap, .youTube, .photoOfTheDay {background: #F8F8F8;float: left; margin-bottom: 4px;margin-right: 10px;margin-top:7px;overflow:hidden;} .largeIconFeature { -webkit-backface-visibility: hidden; /* cursor: pointer; */ border: #d9d9d5 1px solid; } .largeIconFeature .modHeader+a { display: block; } .largeIconFeature img.icon { float: left; margin: 0 auto 10px; } .largeIconFeature h3 {margin-bottom: 0; padding: 0 12px;} .photoOfTheDay h3 {margin-bottom: 0; padding: 0 8px 0 0;} .largeIconFeature h3 a {color:#0279B1; font-size: 1em;font-weight: normal;} .listItem {border-bottom: #fff solid 1px;clear: both; overflow:hidden;} .listItem h3 {margin: 10px 0 0 0; padding: 0 12px;} .listItem p, .largeIconFeature p, .content .basicBox p, .event .basicBox p, #homeContent .basicBox p, .flickrphoto .caption, .flickrphoto .morephotos, #rightRail .basicBox p, .youTube p {margin: 10px 12px 10px 12px; overflow:hidden;} .listItem h3 a {color:#0279B1; font-size: 1em;font-weight: normal;} .smallIconList .listItem, .mediumIconList .listItem {padding-bottom: 5px;} .mediumIconList .listItem {min-height: 50px;} .mediumIconList .listItem a {padding-left: 55px;background-position: 0px 0px; background-repeat: no-repeat;min-height: 50px;display:block;} .photoOfTheDay .details {float:right;margin-right:5px;} #homeContent h2.modHeader, .modContainer h2.modHeader, #rightRail h2.modHeader, .day h2{padding: 3px 8px;margin: 0;border-bottom: #FFF 2px solid;clear:both;} .modContainer h2.modEmptyHeader { height: 5px; border: 0!important; padding: 0!important; } #homeContent p, .modContainer p, #rightRail p {padding: 0;} .rss a {background: url(/images/cov/ui/rssfeed.png) no-repeat 0px 0px;padding: 2px 0px 2px 20px;} .unstyledTextBlock {margin:0px 10px 12px 0px; clear: both;} /* module variation */ #homeContent {position:relative; width:760px; float: left; margin-bottom: 25px;} #homeContent h2.modHeader, .flickrRequest h3 {background: #0279B1; color: #fff;/*border-color: #bdbbac;*/border-bottom: #fff 2px solid;clear:both;} #homeContent .simpleList, #homeContent .basicBox, #homeContent .googleMap, #homeContent .youTube {width: 170px; overflow:hidden;} #homeContent .basicBox {/*clear: both;*/} #homeContent .basicBox h3 { font-size: 1.05em; } .basicBox h2+p, #homeContent .basicBox h2+p, .largeIconFeature h2+p { float: none; margin: 0; padding: 0; } #homeContent .largeIconFeature, #homeContent .photoOfTheDay {width: 265px;overflow:hidden;} #homeContent .photoOfTheDay .details {width:425px;} #homeContent .imageList {width: 540px;overflow:hidden;float:right;} /* body.s5E53ECCF5AC443878F82677BA9E10A08 .modContainer h2.modHeader {background: #93958b; color: #fff;border-color: #f26234;} body.s66ED949F063F4F5186AA9B8C51ECF602 .modContainer h2.modHeader {background: #93958b; color: #fff;border-color: #f26234;} body.s5785640C8B3C4775A3C50AC844695609 .modContainer h2.modHeader {background: #93958b; color: #fff;border-color: #ad8359;} body.s40817C78182C4DF6A38920F36FFA0369 .modContainer h2.modHeader {background: #93958b; color: #fff;border-color: #9470b1;} body.s3D48BA295D9A4E8FAE0F95755D65318D .modContainer h2.modHeader {background: #93958b; color: #fff;border-color: #73b749;} body.s95C37A60D9EF4577B6E4DAFDE81CD315 .modContainer h2.modHeader {background: #93958b; color: #fff;border-color: #0d87c9;} body.sC2B4C2DC13D8429385393D092BE31D4A .modContainer h2.modHeader {background: #93958b; color: #fff;border-color: #f9b73c;} body.s83B05EAE7905419981E4FC0BE75FA7D8 .modContainer h2.modHeader {background: #93958b; color: #fff;border-color: #868886;} */ #contentContainer .modContainer h2.modHeader {background: #0279B1; color: #fff;border-color: #fff;} .modContainer {clear:both; margin: 0;padding: 0px 10px 0;} .modContainer .simpleList, .modContainer .imageList, .modContainer .smallIconList, .modContainer .mediumIconList, .modContainer .basicBox, .modContainer .googleMap, .modContainer .youTube, .modContainer .googleNews, .modContainer .googleInitiatives, .modContainer .googleEvents {width: 520px;overflow:hidden;} .modContainer .googleNews, .modContainer .googleInitiatives, .modContainer .googleEvents {clear: both;} .modContainer .simpleList, .modContainer .imageList, .modContainer .smallIconList, .modContainer .mediumIconList, .modContainer .basicBox { background-color: #F8F8F8; border: #D9D9D5 1px solid; } .modContainer .largeIconFeature {width: 253px;overflow:hidden; transition: all .25s ease-out; } .modContainer .largeIconFeature:hover { box-shadow: 0 3px 10px rgba(0,0,0,0.3); } .modContainer .photoOfTheDay .details {width:140px;} #rightRail {width: 185px; float: right; position:relative; margin-bottom: 25px;} #rightRail h2.modHeader {background: #0279B1;color: #FFF;border-color: #FFF; margin: 0;clear:both;} #rightRail .simpleList, #rightRail .imageList, #rightRail .smallIconList, #rightRail .mediumIconList, #rightRail .largeIconFeature, #rightRail .basicBox, #rightRail .googleMap, #rightRail .youTube, #rightRail .photoOfTheDay {width:185px;overflow:hidden;background-color: #F8F8F8;} #rightRail .photoOfTheDay .details {width:70px;} .query input[type=text] {width:170px;margin-right:4px;} #rightRail .smallList .listItem{background: #F1F0EB;} /* JMA: 3102 */ .modContainer .smallList { background: none repeat scroll 0 0 #F8F8F8; float: left; margin-bottom: 7px; margin-right: 10px; overflow: hidden; width: 48%; border: #D9D9D5 1px solid; } .modContainer .smallList p { padding: 0.6em; } .modContainer .smallList .modHeader + .listItem { margin-top: 0; padding-top: 0.25em; } .modContainer .smallList .listItem { border-bottom: medium none; } .modContainer .smallList .listItem h3 { margin: 5px 0 0; padding: 0 8px; } .modContainer .smallList .listItem { border-bottom: medium none; overflow: hidden; } .modContainer .smallList .listItem h3 + p { margin-bottom: 0.5em; } .modContainer .smallList .listItem p { border-bottom: 1px solid #FFFFFF; margin: 7px 8px 10px; padding-bottom: 0.5em; } /* JMA: 3167 */ #homeContent .imageList .listItem { border-bottom: 1px solid #FFFFFF; overflow: hidden; padding-bottom: 0.25em; } #homeContent .imageList .listItem h3 { margin: 5px 0 0; padding: 0 8px; } #homeContent .imageList .listItem h3 a { color: #0279B1; } #homeContent .imageList .listItem p { margin: 7px 8px 10px; } #homeContent .imageList .listItem img { float: left; margin: 0.6em 1.25em 0.6em 0.75em; width: 150px; } span.date { color: #524761; font-weight: bold; } #contentContainer .imageList .listItem { border-bottom: 1px solid #FFFFFF; overflow: hidden; padding-bottom: 0.25em; } #contentContainer .imageList .listItem h3 { margin: 5px 0 0; padding: 0 8px; } #contentContainer .imageList .listItem h3 a { color: #0279B1; font-size: 1em; font-weight: normal; } #contentContainer .imageList .listItem p { margin: 7px 8px 10px; } #contentContainer .imageList .listItem img { float: left; margin: 0.6em 1.25em 0.6em 0.75em; } .googleMap .mapLegend {padding: 0 10px;} .googleMap .mapLegend ul li ul li {display:block;clear:none;padding-top:2px;} .youTube .youTubeVideo .rating {padding:10px;} /* gallery */ .galleryMask { background: transparent url(/images/cov/ui/overlay.png) repeat 0px 0px; z-index: 50000; } /* thumbnail view */ .gallery { margin: 10px 0px 0px 0px; clear: both; } .gallery .video.over, .gallery .photo.over { background:#ccc;} .gallery .row { padding: 5px 0px 5px 0px; overflow: hidden; margin-bottom:10px;} .gallery .photo, .gallery .video { float: left; display: inline; margin: 0px 10px 0px 0px; width: 114px; overflow: hidden; background: #f0efeb;} .flickrGallery .gallery .photo {width:114px;} .flickrGallery .row {clear:both;} .transcript a {color:#fff;} .fileDetails {color:#999;} .photo .fileDetails { color: #666; background: transparent;} .gallery .preview { text-align: center;margin-top:6px;} .gallery .caption, .gallery .credits, .gallery .fileDetails { margin: 0px 0px 0px 0px; padding: 5px; text-align: center; line-height: 1.3em; } /* TC20120821 HIDE element: */ .flickrRequest {display:none;} /* TC20120821 inside hidden element: .flickrRequest {background: #f0efeb;padding:0px;width: 255px;} .flickrRequest form {margin:0;} .flickrRequest input[type=checkbox] {float:left;margin-right:5px;} .flickrRequest .boxField {margin: 10px 0;} .flickrRequest form {margin:0;padding:7px 8px 3em; } .flickrRequest #flickrPhoto {padding: 4px; width: 225px;} .flickrRequest input[type=checkbox] {float:left;margin-right:5px;} .flickrRequest .boxField {margin: 10px 0;} .flickrRequest h3 { font-size: 1.1em;padding: 3px 8px;margin: 0;border-bottom: #bdbbac 3px solid;} */ /* full view */ .galleryContent { margin-top: 20px; padding: 15px;width: 870px; overflow: hidden;background: url() #666 top left; z-index: 51000;} /* galleryContentToolbar */ .galleryContent .galleryContentToolbar { padding: 5px; height: 28px; overflow: hidden; border-bottom: 1px solid #666; background: #E6E5E5; } .galleryContent .galleryContentToolbar .previous { display: inline;float: left; left: 20px; padding: 0px 0px 0px 0px; height: 28px; width: 28px; overflow: hidden; text-indent: -5000px; background: transparent url(/images/cov/ui/controls-top.png) no-repeat -51px -25px; } .galleryContent .galleryContentToolbar .previous:hover { background-position: -51px 0; } .galleryContent .galleryContentToolbar .next { display: inline; float: left; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; width: 28px ; height: 28px; overflow: hidden; text-indent: -5000px; background: transparent url(/images/cov/ui/controls-top.png) no-repeat -75px -25px; } .galleryContent .galleryContentToolbar .next:hover {background-position: -75px 0; } .galleryContent .galleryContentToolbar .close { display: inline; float: right; padding: 0px 0px 0px 0px; width: 28px; height: 28px; overflow: hidden; background: transparent url(/images/cov/ui/controls-top.png) no-repeat -100px -25px;text-indent: -5000px; } .galleryContent .galleryContentToolbar .close:hover { background-position: -100px 0; } .galleryContent .galleryContentToolbar .imageCount { display: inline; float: left; width: auto; line-height: 24px; height: 28px;overflow: hidden; font-size: 1.2em; font-weight: bold; color: #333; text-align: center; } /* galleryContent */ .galleryContent .video, .galleryContent .photo { padding: 0 0px 0px 0px; overflow: hidden; text-align: center; background: #f1f0eb; } .galleryContent .photo img, .galleryContent .video object { margin: 0px auto 0px auto;} .galleryContent .photo + div { padding-top: 1em; border-top: solid 1px #666666;} .galleryContent .caption, .galleryContent .credits, .galleryContent .share, .galleryContent .download, .galleryContent .fileDetails {font-size: 1.2em; padding: .1em 1em; background: #E6E5E5;} .galleryContent .caption { overflow: hidden; font-weight: bold; color: #333; text-align: left; } .galleryContent .credits { overflow: hidden;font-weight: bold; color: #333;text-align: left; border-top: 0px solid #333; } .galleryContent .share { overflow: hidden; text-align: left; color:#333;padding-bottom: 1em;} .galleryContent .shareText { background-color: transparent; border: none; color: #666;text-align: left; } .galleryContent .download { overflow: hidden; background: #e6e5e5;} .galleryContent .download a {text-align: left; color: #5E7AA2;} .galleryContent .fileDetails { background: #e6e5e5; } /* menus */ .rounded-corners-mainNav {border-radius: 0 0 3px 3px;-moz-border-radius: 0 0 3px 3px;-webkit-border-radius: 0 0 3px 3px;-khtml-border-radius: 0 0 3px 3px;} .crumbNav {font-size: 1em;color: #0279B1;padding-bottom: 25px;} .crumbNav a {color: #0279B1;} ul#topNav {margin: 0; padding: 0;list-style: none; font-size: 1.3em;clear:both;} ul#topNav li {float: left;margin: 0; padding: 0;position: relative;} ul#topNav li a {float: left; height: 37px;overflow:hidden;margin-right:4px;text-decoration: none;padding: 11px 20px 0px 3px; } ul#topNav li a:hover {color: #fff;} body.settings ul#topNav li a:hover {color: #333;} #leftRail {position:relative;overflow:hidden;} #leftRail h3 {color:#fff;background: #868886;border-bottom: #666 5px solid;margin: 0; padding: 5px 10px;} #leftRail h2 { padding: 3px 10px 3px 8px; margin: 0 0 5px 0; } /* #leftRail h2:hover { background-color: #F1F0EB; } */ #leftRail a:hover { text-decoration: none; } #leftRail a.topmenulink:hover { text-decoration: none; } #leftRail ul { /* background: #f1f0eb; */ margin: 0;padding-left: 3px;} #leftRail ul li ul {border-top: 0px solid #fff;} #leftRail ul li a:hover { color: #444444; text-decoration: none; /*background-color: #F1F0EB;*/ color: #444444!important; } #leftRail { width: 210px; float: left; margin-right: 13px; border-right: 2px #E5E5E4 solid; margin-bottom: 25px;} #leftRail ul li:hover,#leftRail ul li.isCurrent,#leftRail ul li.isParent.notSelcted,#leftRail ul li.isParent.isSelected {color: #fff;} #leftRail ul li.isLast {} #leftRail ul li.isLast a:hover { color: #444444!important; /*background-color: #F1F0EB!important;*/ } #leftRail ul li.isCurrent a {color: #fff;} #leftRail ul li.isCurrent a.menulink {color: #444444;} #leftRail ul li.isCurrent>a.menulink {font-weight: bold;} /* #leftRail ul li.isCurrent.isLast a,#leftRail ul li.isCurrent.isLast a:hover {background: url(/images/cov/ui/arrowWhiteRight.png) 10px 5px no-repeat;} */ #leftRail ul li.isLast.notSelected a {background: none;color: #0279B1;} ul#topNav li.s5E53ECCF5AC443878F82677BA9E10A08 a {width: /*103px*/ 80px;color: #444444;} ul#topNav li.s66ED949F063F4F5186AA9B8C51ECF602 a {width: /*103px*/ 80px;color: #444444;} ul#topNav li.s5E53ECCF5AC443878F82677BA9E10A08 a {border-top: 2px solid #444444;} ul#topNav li.s66ED949F063F4F5186AA9B8C51ECF602 a {border-top: 2px solid #444444;} /* body.home ul#topNav li.s5E53ECCF5AC443878F82677BA9E10A08 a, body.s5E53ECCF5AC443878F82677BA9E10A08 ul#topNav li.s5E53ECCF5AC443878F82677BA9E10A08 a {background: url(/images/cov/ui/bgNav.png) 0px -48px repeat-x;} body.home ul#topNav li.s66ED949F063F4F5186AA9B8C51ECF602 a, body.s66ED949F063F4F5186AA9B8C51ECF602 ul#topNav li.s66ED949F063F4F5186AA9B8C51ECF602 a {background: url(/images/cov/ui/bgNav.png) 0px -48px repeat-x;} ul#topNav li.s5E53ECCF5AC443878F82677BA9E10A08 a:hover,body.home ul#topNav li.s5E53ECCF5AC443878F82677BA9E10A08 a:hover, body.s5E53ECCF5AC443878F82677BA9E10A08 ul#topNav li.s5E53ECCF5AC443878F82677BA9E10A08 a:hover {background:url(/images/cov/ui/bgNav.png) 0px 0px repeat-x;} ul#topNav li.s66ED949F063F4F5186AA9B8C51ECF602 a:hover,body.home ul#topNav li.s66ED949F063F4F5186AA9B8C51ECF602 a:hover, body.s66ED949F063F4F5186AA9B8C51ECF602 ul#topNav li.s66ED949F063F4F5186AA9B8C51ECF602 a:hover {background:url(/images/cov/ui/bgNav.png) 0px 0px repeat-x;} ul#topNav li.s5E53ECCF5AC443878F82677BA9E10A08-ON a {width:77px; background:url(/images/cov/ui/bgNav.png) 0px 0px repeat-x; color: #FFF; } ul#topNav li.s66ED949F063F4F5186AA9B8C51ECF602-ON a {width:77px; background:url(/images/cov/ui/bgNav.png) 0px 0px repeat-x; color: #FFF; } */ ul#topNav li.s5E53ECCF5AC443878F82677BA9E10A08-ON a, ul#topNav li.s5E53ECCF5AC443878F82677BA9E10A08-ON a:hover {width:80px; background: #0279B1 0px 0px repeat-x; color: #FFF; border-top: 2px solid #0279B1;} ul#topNav li.s66ED949F063F4F5186AA9B8C51ECF602-ON a, ul#topNav li.s66ED949F063F4F5186AA9B8C51ECF602-ON a:hover {width:80px; background: #0279B1 0px 0px repeat-x; color: #FFF; border-top: 2px solid #0279B1;} /* ul#topNav li.s5E53ECCF5AC443878F82677BA9E10A08 a:hover,body.home ul#topNav li.s5E53ECCF5AC443878F82677BA9E10A08 a:hover, body.s5E53ECCF5AC443878F82677BA9E10A08 ul#topNav li.s5E53ECCF5AC443878F82677BA9E10A08 a .selected {background:url(/images/cov/ui/bgNav.png) 0px 0px repeat-x;} ul#topNav li.s66ED949F063F4F5186AA9B8C51ECF602 a:hover,body.home ul#topNav li.s66ED949F063F4F5186AA9B8C51ECF602 a:hover, body.s66ED949F063F4F5186AA9B8C51ECF602 ul#topNav li.s66ED949F063F4F5186AA9B8C51ECF602 a .selected {background:url(/images/cov/ui/bgNav.png) 0px 0px repeat-x;} */ body.s5E53ECCF5AC443878F82677BA9E10A08 #leftRail h3, body.s5E53ECCF5AC443878F82677BA9E10A08 div.day h2, body.s5E53ECCF5AC443878F82677BA9E10A08 .typeFilter ul li a {background: #f26234;} body.s66ED949F063F4F5186AA9B8C51ECF602 #leftRail h3, body.s66ED949F063F4F5186AA9B8C51ECF602 div.day h2, body.s66ED949F063F4F5186AA9B8C51ECF602 .typeFilter ul li a {background: #f26234;} /* turn on :: html body ul#topNav li.s5E53ECCF5AC443878F82677BA9E10A08 a, html body.s5E53ECCF5AC443878F82677BA9E10A08 ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a {background:url(/images/cov/ui/bgNav.png) 0px 0px repeat-x;} html body ul#topNav li.s5E53ECCF5AC443878F82677BA9E10A08 a, html body.s5E53ECCF5AC443878F82677BA9E10A08 ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a .on {background:url(/images/cov/ui/bgNav.png) 0px 0px repeat-x; */ /* turn off :: html body ul#topNav li.s5E53ECCF5AC443878F82677BA9E10A08 a, html body.s5E53ECCF5AC443878F82677BA9E10A08 ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a {background:url(/images/cov/ui/bgNav.png) 0px -48px repeat-x;} html body ul#topNav li.s5E53ECCF5AC443878F82677BA9E10A08 a, html body.s5E53ECCF5AC443878F82677BA9E10A08 ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a .off {background:url(/images/cov/ui/bgNav.png) 0px -48px repeat-x; */ body.s5E53ECCF5AC443878F82677BA9E10A08 #leftRail h3 { border-bottom-color: #c74b23; } body.s66ED949F063F4F5186AA9B8C51ECF602 #leftRail h3 { border-bottom-color: #c74b23; } body.s5E53ECCF5AC443878F82677BA9E10A08 #leftRail h3:hover { background: #c74b23; } body.s66ED949F063F4F5186AA9B8C51ECF602 #leftRail h3:hover { background: #c74b23; } ul#topNav li.s5785640C8B3C4775A3C50AC844695609 a {width: /*117px*/ 93px;color: #444444;} ul#topNav li.s5785640C8B3C4775A3C50AC844695609 a {border-top: 2px solid #444444;} /* body.home ul#topNav li.s5785640C8B3C4775A3C50AC844695609 a, body.s5785640C8B3C4775A3C50AC844695609 ul#topNav li.s5785640C8B3C4775A3C50AC844695609 a {background: url(/images/cov/ui/bgNav.png) 0px -144px repeat-x;} ul#topNav li.s5785640C8B3C4775A3C50AC844695609 a:hover,body.home ul#topNav li.s5785640C8B3C4775A3C50AC844695609 a:hover, body.s5785640C8B3C4775A3C50AC844695609 ul#topNav li.s5785640C8B3C4775A3C50AC844695609 a:hover {background: url(/images/cov/ui/bgNav.png) 0px -96px repeat-x;} ul#topNav li.s5785640C8B3C4775A3C50AC844695609-ON a { width:90px; background: url(/images/cov/ui/bgNav.png) 0px -96px repeat-x;color:#FFF;} */ ul#topNav li.s5785640C8B3C4775A3C50AC844695609-ON a, ul#topNav li.s5785640C8B3C4775A3C50AC844695609-ON a:hover { width:93px; background: #0279B1 0px -96px repeat-x;color:#FFF;border-top: 2px solid #0279B1;} body.s5785640C8B3C4775A3C50AC844695609 #leftRail h3, body.s5785640C8B3C4775A3C50AC844695609 .day h2, body.s5785640C8B3C4775A3C50AC844695609 .typeFilter ul li a {background: #ad8359;} /* turn on :: html body ul#topNav li.s5785640C8B3C4775A3C50AC844695609 a, html body.s5785640C8B3C4775A3C50AC844695609 ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a {background:url(/images/cov/ui/bgNav.png) 0px -96px repeat-x;} */ /* turn off :: html body ul#topNav li.s5785640C8B3C4775A3C50AC844695609 a, html body.s5785640C8B3C4775A3C50AC844695609 ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a {background:url(/images/cov/ui/bgNav.png) 0px -144px repeat-x;} */ body.s5785640C8B3C4775A3C50AC844695609 #leftRail h3 { border-bottom-color: #765637; } body.s5785640C8B3C4775A3C50AC844695609 #leftRail h3:hover { background: #765637; } ul#topNav li.s40817C78182C4DF6A38920F36FFA0369 a {width: /*77px*/ 75px;color: #444444;} ul#topNav li.s40817C78182C4DF6A38920F36FFA0369 a {border-top: 2px solid #444444;} /* body.home ul#topNav li.s40817C78182C4DF6A38920F36FFA0369 a, body.s40817C78182C4DF6A38920F36FFA0369 ul#topNav li.s40817C78182C4DF6A38920F36FFA0369 a {background: url(/images/cov/ui/bgNav.png) 0px -240px repeat-x;} ul#topNav li.s40817C78182C4DF6A38920F36FFA0369 a:hover,body.home ul#topNav li.s40817C78182C4DF6A38920F36FFA0369 a:hover, body.s40817C78182C4DF6A38920F36FFA0369 ul#topNav li.s40817C78182C4DF6A38920F36FFA0369 a:hover {background: url(/images/cov/ui/bgNav.png) 0px -192px repeat-x;} ul#topNav li.s40817C78182C4DF6A38920F36FFA0369-ON a {width:75px; background: url(/images/cov/ui/bgNav.png) 0px -192px repeat-x;color:#FFF;} */ ul#topNav li.s40817C78182C4DF6A38920F36FFA0369-ON a, ul#topNav li.s40817C78182C4DF6A38920F36FFA0369-ON a:hover {width:75px; background: #0279B1 0px -192px repeat-x;color:#FFF;border-top: 2px solid #0279B1;} body.s40817C78182C4DF6A38920F36FFA0369 #leftRail h3, body.s40817C78182C4DF6A38920F36FFA0369 .day h2, body.s40817C78182C4DF6A38920F36FFA0369 .typeFilter ul li a {background: #9470b1;} /* turn on :: html body ul#topNav li.s40817C78182C4DF6A38920F36FFA0369 a, html body.s40817C78182C4DF6A38920F36FFA0369 ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a {background:url(/images/cov/ui/bgNav.png) 0px -192px repeat-x;} */ /* turn off :: html body ul#topNav li.s40817C78182C4DF6A38920F36FFA0369 a, html body.s40817C78182C4DF6A38920F36FFA0369 ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a {background:url(/images/cov/ui/bgNav.png) 0px -240px repeat-x;} */ body.s40817C78182C4DF6A38920F36FFA0369 #leftRail h3 { border-bottom-color: #56406a; } body.s40817C78182C4DF6A38920F36FFA0369 #leftRail h3:hover { background: #56406a; } ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a {width: /*147px*/ 125px;color: #444444;} ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a {border-top: 2px solid #444444;} /* body.home ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a, body.s3D48BA295D9A4E8FAE0F95755D65318D ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a {background:url(/images/cov/ui/bgNav.png) 0px -336px repeat-x;} ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a:hover,body.home ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a:hover, body.s3D48BA295D9A4E8FAE0F95755D65318D ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a:hover {background:url(/images/cov/ui/bgNav.png) 0px -288px repeat-x;} ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D-ON a {width:125px; background:url(/images/cov/ui/bgNav.png) 0px -288px repeat-x; color:#FFF; } */ ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D-ON a, ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D-ON a:hover {width:125px; background:#0279B1 0px -288px repeat-x; color:#FFF; border-top: 2px solid #0279B1;} body.s3D48BA295D9A4E8FAE0F95755D65318D #leftRail h3, body.s3D48BA295D9A4E8FAE0F95755D65318D .day h2, body.s3D48BA295D9A4E8FAE0F95755D65318D .typeFilter ul li a {background: #73b749;} /* turn on :: html body ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a, html body.s3D48BA295D9A4E8FAE0F95755D65318D ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a {background:url(/images/cov/ui/bgNav.png) 0px -288px repeat-x;} */ /* turn off :: html body ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a, html body.s3D48BA295D9A4E8FAE0F95755D65318D ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a {background:url(/images/cov/ui/bgNav.png) 0px -336px repeat-x;} */ body.s3D48BA295D9A4E8FAE0F95755D65318D #leftRail h3 { border-bottom-color: #416c26; } body.s3D48BA295D9A4E8FAE0F95755D65318D #leftRail h3:hover { background: #416c26; } ul#topNav li.s95C37A60D9EF4577B6E4DAFDE81CD315 a {width: /*138px*/ 131px;color: #444444;} ul#topNav li.s95C37A60D9EF4577B6E4DAFDE81CD315 a {border-top: 2px solid #444444;} /* body.home ul#topNav li.s95C37A60D9EF4577B6E4DAFDE81CD315 a, body.s95C37A60D9EF4577B6E4DAFDE81CD315 ul#topNav li.s95C37A60D9EF4577B6E4DAFDE81CD315 a {background:url(/images/cov/ui/bgNav.png) 0px -432px repeat-x;} ul#topNav li.s95C37A60D9EF4577B6E4DAFDE81CD315 a:hover,body.home ul#topNav li.s95C37A60D9EF4577B6E4DAFDE81CD315 a:hover, body.s95C37A60D9EF4577B6E4DAFDE81CD315 ul#topNav li.s95C37A60D9EF4577B6E4DAFDE81CD315 a:hover {background:url(/images/cov/ui/bgNav.png) 0px -384px repeat-x;} ul#topNav li.s95C37A60D9EF4577B6E4DAFDE81CD315-ON a {width:127px; background:url(/images/cov/ui/bgNav.png) 0px -384px repeat-x;color:#FFF; } */ ul#topNav li.s95C37A60D9EF4577B6E4DAFDE81CD315-ON a, ul#topNav li.s95C37A60D9EF4577B6E4DAFDE81CD315-ON a:hover {width:131px; background:#0279B1 0px -384px repeat-x;color:#FFF; border-top: 2px solid #0279B1;} body.s95C37A60D9EF4577B6E4DAFDE81CD315 #leftRail h3, body.s95C37A60D9EF4577B6E4DAFDE81CD315 .day h2, body.s95C37A60D9EF4577B6E4DAFDE81CD315 .typeFilter ul li a {background: #0d87c9;} /* turn on :: html body ul#topNav li.s95C37A60D9EF4577B6E4DAFDE81CD315 a, html body.s95C37A60D9EF4577B6E4DAFDE81CD315 ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a {background:url(/images/cov/ui/bgNav.png) 0px -384px repeat-x;} */ /* turn off :: html body ul#topNav li.s95C37A60D9EF4577B6E4DAFDE81CD315 a, html body.s95C37A60D9EF4577B6E4DAFDE81CD315 ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a {background:url(/images/cov/ui/bgNav.png) 0px -432px repeat-x;} */ body.s95C37A60D9EF4577B6E4DAFDE81CD315 #leftRail h3 { border-bottom-color: #014d76; } body.s95C37A60D9EF4577B6E4DAFDE81CD315 #leftRail h3:hover { background: #014d76; } ul#topNav li.sC2B4C2DC13D8429385393D092BE31D4A a {width: /*122px*/ 86px;color: #444444;} ul#topNav li.sC2B4C2DC13D8429385393D092BE31D4A a {border-top: 2px solid #444444;} /* body.home ul#topNav li.sC2B4C2DC13D8429385393D092BE31D4A a, body.sC2B4C2DC13D8429385393D092BE31D4A ul#topNav li.sC2B4C2DC13D8429385393D092BE31D4A a {background:url(/images/cov/ui/bgNav.png) 0px -528px repeat-x;} ul#topNav li.sC2B4C2DC13D8429385393D092BE31D4A a:hover,body.home ul#topNav li.sC2B4C2DC13D8429385393D092BE31D4A a:hover, body.sC2B4C2DC13D8429385393D092BE31D4A ul#topNav li.sC2B4C2DC13D8429385393D092BE31D4A a:hover {background:url(/images/cov/ui/bgNav.png) 0px -480px repeat-x; width: 82px;} ul#topNav li.sC2B4C2DC13D8429385393D092BE31D4A-ON a {width:82px; background:url(/images/cov/ui/bgNav.png) 0px -480px repeat-x; color:#FFF; } */ ul#topNav li.sC2B4C2DC13D8429385393D092BE31D4A-ON a, ul#topNav li.sC2B4C2DC13D8429385393D092BE31D4A-ON a:hover {width:86px; background:#0279B1 0px -480px repeat-x; color:#FFF; border-top: 2px solid #0279B1;} body.sC2B4C2DC13D8429385393D092BE31D4A #leftRail h3, body.sC2B4C2DC13D8429385393D092BE31D4A .day h2, body.sC2B4C2DC13D8429385393D092BE31D4A .typeFilter ul li a {background: #f9b73c;} /* turn on :: html body ul#topNav li.sC2B4C2DC13D8429385393D092BE31D4A a, html body.sC2B4C2DC13D8429385393D092BE31D4A ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a {background:url(/images/cov/ui/bgNav.png) 0px -480px repeat-x;} */ /* turn off :: html body ul#topNav li.sC2B4C2DC13D8429385393D092BE31D4A a, html body.sC2B4C2DC13D8429385393D092BE31D4A ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a {background:url(/images/cov/ui/bgNav.png) 0px -528px repeat-x;} */ body.sC2B4C2DC13D8429385393D092BE31D4A #leftRail h3 { border-bottom-color: #bd8826; } body.sC2B4C2DC13D8429385393D092BE31D4A #leftRail h3:hover { background: #bd8826; } ul#topNav li.s1B48E3BC89AD4680B2E902C48640C64A a {width: /*128px*/ 106px;color: #444444;} ul#topNav li.s1B48E3BC89AD4680B2E902C48640C64A a {border-top: 2px solid #444444;} /* body.home ul#topNav li.s1B48E3BC89AD4680B2E902C48640C64A a, body.s1B48E3BC89AD4680B2E902C48640C64A ul#topNav li.s1B48E3BC89AD4680B2E902C48640C64A a {background:url(/images/cov/ui/bgNav.png) 0px -624px repeat-x;} ul#topNav li.s1B48E3BC89AD4680B2E902C48640C64A a:hover, body.home ul#topNav li.s1B48E3BC89AD4680B2E902C48640C64A a:hover, body.s1B48E3BC89AD4680B2E902C48640C64A ul#topNav li.s1B48E3BC89AD4680B2E902C48640C64A a:hover {background:url(/images/cov/ui/bgNav.png) 0px -576px repeat-x;} ul#topNav li.s1B48E3BC89AD4680B2E902C48640C64A-ON a {width:102px; background:url(/images/cov/ui/bgNav.png) 0px -576px repeat-x; color: #FFF; } */ ul#topNav li.s1B48E3BC89AD4680B2E902C48640C64A-ON a, ul#topNav li.s1B48E3BC89AD4680B2E902C48640C64A-ON a:hover {width:106px; background:#0279B1 0px -576px repeat-x; color: #FFF; border-top: 2px solid #0279B1;} body.s1B48E3BC89AD4680B2E902C48640C64A #leftRail h3, body.s1B48E3BC89AD4680B2E902C48640C64A .day h2, body.s1B48E3BC89AD4680B2E902C48640C64A .typeFilter ul li a {background: #d6422f;} /* turn on :: html body ul#topNav li.s1B48E3BC89AD4680B2E902C48640C64A a, html body.s1B48E3BC89AD4680B2E902C48640C64A ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a {background:url(/images/cov/ui/bgNav.png) 0px -576px repeat-x;} */ /* turn off :: html body ul#topNav li.s1B48E3BC89AD4680B2E902C48640C64A a, html body.s1B48E3BC89AD4680B2E902C48640C64A ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a {background:url(/images/cov/ui/bgNav.png) 0px -624px repeat-x;} */ body.s1B48E3BC89AD4680B2E902C48640C64A #leftRail h3 { border-bottom-color: #8b2518; } body.s1B48E3BC89AD4680B2E902C48640C64A #leftRail h3:hover { background: #8b2518; } ul#topNav li.s83B05EAE7905419981E4FC0BE75FA7D8 a {width: /*71px*/ 48px;margin-right:0px;color: #444444;} ul#topNav li.s83B05EAE7905419981E4FC0BE75FA7D8 a {border-top: 2px solid #444444;} /* body.home ul#topNav li.s83B05EAE7905419981E4FC0BE75FA7D8 a, body.s83B05EAE7905419981E4FC0BE75FA7D8 ul#topNav li.s83B05EAE7905419981E4FC0BE75FA7D8 a {background:url(/images/cov/ui/bgNav.png) 0px -720px repeat-x;} ul#topNav li.s83B05EAE7905419981E4FC0BE75FA7D8 a:hover, body.home ul#topNav li.s83B05EAE7905419981E4FC0BE75FA7D8 a:hover, body.s83B05EAE7905419981E4FC0BE75FA7D8 ul#topNav li.s83B05EAE7905419981E4FC0BE75FA7D8 a:hover {background:url(/images/cov/ui/bgNav.png) 0px -672px repeat-x;} ul#topNav li.s83B05EAE7905419981E4FC0BE75FA7D8-ON a {width:52px; margin-right:0px; background:url(/images/cov/ui/bgNav.png) 0px -672px repeat-x;color:#FFF;} */ ul#topNav li.s83B05EAE7905419981E4FC0BE75FA7D8-ON a, ul#topNav li.s83B05EAE7905419981E4FC0BE75FA7D8-ON a:hover {width:52px; margin-right:0px; background:#0279B1 0px -672px repeat-x;color:#FFF;border-top: 2px solid #0279B1;} body.s83B05EAE7905419981E4FC0BE75FA7D8 #leftRail h3, body.s83B05EAE7905419981E4FC0BE75FA7D8 .day h2, body.s83B05EAE7905419981E4FC0BE75FA7D8 .typeFilter ul li a {background: #868886;} /* turn on :: html body ul#topNav li.s83B05EAE7905419981E4FC0BE75FA7D8 a, html body.s83B05EAE7905419981E4FC0BE75FA7D8 ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a {background:url(/images/cov/ui/bgNav.png) 0px -672px repeat-x;} */ /* turn off :: html body ul#topNav li.s83B05EAE7905419981E4FC0BE75FA7D8 a, html body.s83B05EAE7905419981E4FC0BE75FA7D8 ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a {background:url(/images/cov/ui/bgNav.png) 0px -720px repeat-x;} */ body.s83B05EAE7905419981E4FC0BE75FA7D8 #leftRail h3 { border-bottom-color: #424345; } body.s83B05EAE7905419981E4FC0BE75FA7D8 #leftRail h3:hover { background: #424345; } ul#topNav li.isParent.isSelected a { border-top: 2px solid #5DA61B; } ul#topNav li.isParent.isSelected a:hover { border-top: 2px solid #0279B1; } #leftRail h3, .day h2, .typeFilter ul li a {background: #0279B1!important;} ul#topNav li.isSelected a { background: none; background-color: #5DA61B; color: #FFF; } /* MegaMenu PART 1*/ .menu { position: absolute; display: block; top: 0px; left: 0px; max-width: 910px; z-index: 100; /* border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; */ filter: alpha(opacity=100); margin: 0; padding: .5em; background: #444444; border: 0px solid #444444; } .menu .row{ display: block; margin: 0;padding: 0 .5em 1.5em 0; position: relative; overflow: visible; /* provides IE7 something to measure */ border: 1px #444444 solid; } .menu .column{ display: block; position:relative; float: left; margin: 0; padding: 0 0 0 .5em; width: auto; /* provides IE7 something to measure */ border: 1px #444444 solid; } .menu .column .background { display:none; } .menu .column ul { display: block; position:relative; margin: 0; padding: 0 .5em 0 0; width: 180px; z-index: 100; float: left; overflow: hidden; list-style: none; /* provides IE7 something to measure */ border: 1px #444444 solid; } .menu .column ul li { margin: 0; padding: 0 0 .2em; } /* TC20120821 MegaMenu colours: color: #fff; background: #2e3c50 highlight: #fbebcb */ .menu a, .menu .column a, .menu .subColumn a { display: block; margin: 0; padding: .2em .5em; color: #fff; background-color: #444444; text-decoration: none; border: 1px #444444 solid; /* border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; */ } .menu a:hover, .menu .column a:hover, .menu .subColumn a:hover, .menu li:hover a { color: #B2B2B2; } .menu .subColumn{ float: left; display: block; margin-right: 0px; margin-left: 0px; overflow: hidden; border-top: 1px #cfcfcc solid; } .menu .subColumn ul{ margin: 0px; padding: 3px 0 0 0; overflow: hidden; list-style: none; } .menu .subColumn ul li { margin: 0; padding: 0; overflow: visible; text-transform: none; border: none; } .menu .subColumn .showMoreItem { color: #B2B2B2; } .menu .subColumn .showMoreItem:hover { color: #FFF; } .menu .subColumn .showMoreItem li{ cursor: pointer; } /* application styles*/ .listView {margin-right:10px;} .listView div.day{width:100%;} .navigation{float:right;} .navigation ul li{display:inline;margin-left:10px;} .item,.noItem{padding:8px;background: #F8F8F8;margin-bottom:5px;overflow: hidden;} .item h3{margin-top:0px;} .item p{padding:0;} .dayView .navigation{float:right;margin-right:20px;margin-top:7px;} .searchForm{float:left;margin-top:4px;} .searchForm div{display:block;float:left;} .typeFilter{clear:both;} .typeFilter ul{display:block;float:left;margin:8px 0;} .typeFilter ul li{display:inline;margin:0;} .typeFilter ul li a{display:block;float:left;color:#fff;margin-right:5px;padding:8px 10px;width:125px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;text-align:center;} #eventsDropDown{float:left;margin-left:10px;} .searchDetails{clear:both;float:left;margin-top:6px;} .googleNews .item img {float:left;margin: 3px 8px 8px 0px;clear:both;} .shareText{width:100%;} .eventDay h2{font-size:1.2em;} .seLabel{font-weight:bold;} .googleSearch .details{margin-bottom:1em;color:#999;} .googleSearch .links ul{list-style-type:none;margin:0;padding:0;} .googleSearch .links ul li{margin-bottom:1em;} .googleSearch .links ul .url{color:#999;} .googleSearch .navigation ul {margin-left:0px;text-align:center;} .lastModified {clear:both;margin:0 auto 25px;padding-right:20px;text-align:right;width:540px;} .url a {background: url(/images/cov/ui/link.png) no-repeat 0px 0px;padding: 1px 0px 2px 23px;} .tabDetail {clear:both;} .googleInitiatives .details { float:right;width:110px;} .googleInitiatives .details p {font-size: 0.9em;} .googleInitiatives .initiative {float:left;width:230px;} .googleInitiatives .item img {float:left;margin-right:10px;} .googleInitiatives .item {clear:both;overflow:hidden;} #content .quote{display: block; margin: 0 0 1.2em; padding: .6em .8em; background: #f1f0eb; font-size: 1.2em; font-style: italic; line-height: 1.4} .addCalendar a, .contactEmail a {background: url(/images/cov/ui/calendar.png) no-repeat 0px 2px;padding:1px 0 0 23px;display: inline-block;height: 18px;} .fbEvent {background: url(/images/cov/icons/icon_facebook_16x16.png) no-repeat top right;padding-right:.5em;padding-left:.5em; width:16px;margin-left:.5em;} .typeFilter ul {height: 24px;} /* neighbourhood map footer */ #neighbourhoodMap #neighborhoodNav h1{color: #333333;font-weight: normal; margin-bottom: 7px; margin-right: 20px; font-size:1.2em; } #neighbourhoodMap #neighborhoodNav a {color:#FFFFFF; line-height: 1.4em;} #neighbourhoodMap #neighborhoodNav a:hover{color:#FF9A00; } #neighbourhoodMap #neighborhoodNav a.hovered{color:#FF9A00;text-decoration: underline; } #neighbourhoodMap #neighborhoodNav .listing{border-top:1px solid #333; padding-top: 10px; } #neighbourhoodMap #neighborhoodNav .listing ul{list-style:none;margin:0px 0px 0px 0px; width:150px;} #neighbourhoodMap #neighborhoodNav .listing #doubleList{ width:300px;} #neighbourhoodMap #neighborhoodNav .listing ul li{ float: left; display: block; width:150px; line-height:1.4em; padding:0px; } .areaHolder{position: relative; float: left; background:aqua; } .areaHolder a{color:#FF9A00;text-decoration:underline;font-size: 1.2em;text-decoration: none;} .areaHolder a:hover{ } .mapArea{ color:blue; font-size:0.8em; position: absolute; opacity:0; filter:alpha(opacity=0); display:none; background:#4E6586;padding:6px; } /* Bullet list styles */ ul.green-checkmark {list-style-type: none} ul.green-checkmark li { background-image: url(/images/cov/icons/green-checkmark-10x10.png); background-repeat: no-repeat; background-position: 0px center; padding-left: 20px; } ul.red-x {list-style-type: none} ul.red-x li { background-image: url(/images/cov/icons/red-x-10x10.png); background-repeat: no-repeat; background-position: 0px center; padding-left: 20px; } /* Tab module */ #btn_tab4 {margin-right:0px;} .modContainer .tabSection { clear: both; float: left; width: 100%; margin: 1.2em 0; } .modContainer .tabSection .nav { overflow: hidden; } .modContainer .tabSection .nav ul { margin: 0; } .modContainer .tabSection .nav li{ width: 127px; float: left; text-align: center; list-style-type: none; padding: 0; } .modContainer .tabSection .nav li a { background-color: #F1F0EB; padding: 8px 4px /* 3761 */; display: block; /* -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; */ color: #000; margin-right: 4px; } /* body.s5E53ECCF5AC443878F82677BA9E10A08 .modContainer .tabSection .nav li a {background-color: #f26234;color:#fff;} body.s66ED949F063F4F5186AA9B8C51ECF602 .modContainer .tabSection .nav li a {background-color: #f26234;color:#fff;} body.s5785640C8B3C4775A3C50AC844695609 .modContainer .tabSection .nav li a {background-color: #ad8359;color:#fff;} body.s40817C78182C4DF6A38920F36FFA0369 .modContainer .tabSection .nav li a {background-color: #9470b1;color:#fff;} body.s3D48BA295D9A4E8FAE0F95755D65318D .modContainer .tabSection .nav li a {background-color: #73b749;color:#fff;} body.s95C37A60D9EF4577B6E4DAFDE81CD315 .modContainer .tabSection .nav li a {background-color: #0d87c9;color:#fff;} body.sC2B4C2DC13D8429385393D092BE31D4A .modContainer .tabSection .nav li a {background-color: #f9b73c;color:#fff;} body.s1B48E3BC89AD4680B2E902C48640C64A .modContainer .tabSection .nav li a {background-color: #d6422f;color:#fff;} body.s83B05EAE7905419981E4FC0BE75FA7D8 .modContainer .tabSection .nav li a {background-color: #868886;color:#fff;} */ .modContainer .tabSection .nav li a {background-color: #0279B1;color:#fff;} .modContainer .tabSection .nav li .selected, .modContainer .tabSection .nav li a{ background-color: #0279B1; border-top: solid 1px #DEDDD6; border-right: solid 1px #DEDDD6; border-left: solid 1px #DEDDD6; text-decoration: none; } /* body.s5E53ECCF5AC443878F82677BA9E10A08 .modContainer .tabSection .nav li a:hover {background-color: #ff7c4b;color:#fff;} body.s66ED949F063F4F5186AA9B8C51ECF602 .modContainer .tabSection .nav li a:hover {background-color: #ff7c4b;color:#fff;} body.s5785640C8B3C4775A3C50AC844695609 .modContainer .tabSection .nav li a:hover {background-color: #cc9f74;color:#fff;} body.s40817C78182C4DF6A38920F36FFA0369 .modContainer .tabSection .nav li a:hover {background-color: #aa85c7;color:#fff;} body.s3D48BA295D9A4E8FAE0F95755D65318D .modContainer .tabSection .nav li a:hover {background-color: #90d566;color:#fff;} body.s95C37A60D9EF4577B6E4DAFDE81CD315 .modContainer .tabSection .nav li a:hover {background-color: #46a4e8;color:#fff;} body.sC2B4C2DC13D8429385393D092BE31D4A .modContainer .tabSection .nav li a:hover {background-color: #ffd258;color:#fff;} body.s1B48E3BC89AD4680B2E902C48640C64A .modContainer .tabSection .nav li a:hover {background-color: #fa624a;color:#fff;} body.s83B05EAE7905419981E4FC0BE75FA7D8 .modContainer .tabSection .nav li a:hover {background-color: #a2a4a1;color:#fff;} */ .modContainer .tabSection .nav li a:hover {background-color: #0279B1;color:#fff;opacity: .80;filter: alpha(opacity=80);} body.s5E53ECCF5AC443878F82677BA9E10A08 .modContainer .tabSection .nav li .selected, body.s5E53ECCF5AC443878F82677BA9E10A08 .modContainer .tabSection .nav li .selected:hover {background-color: #fff;color:#000;} body.s66ED949F063F4F5186AA9B8C51ECF602 .modContainer .tabSection .nav li .selected, body.s66ED949F063F4F5186AA9B8C51ECF602 .modContainer .tabSection .nav li .selected:hover {background-color: #fff;color:#000;} body.s5785640C8B3C4775A3C50AC844695609 .modContainer .tabSection .nav li .selected, body.s5785640C8B3C4775A3C50AC844695609 .modContainer .tabSection .nav li .selected:hover {background-color: #fff;color:#000;} body.s40817C78182C4DF6A38920F36FFA0369 .modContainer .tabSection .nav li .selected, body.s40817C78182C4DF6A38920F36FFA0369 .modContainer .tabSection .nav li .selected:hover {background-color: #fff;color:#000;} body.s3D48BA295D9A4E8FAE0F95755D65318D .modContainer .tabSection .nav li .selected, body.s3D48BA295D9A4E8FAE0F95755D65318D .modContainer .tabSection .nav li .selected:hover {background-color: #fff;color:#000;} body.s95C37A60D9EF4577B6E4DAFDE81CD315 .modContainer .tabSection .nav li .selected, body.s95C37A60D9EF4577B6E4DAFDE81CD315 .modContainer .tabSection .nav li .selected:hover {background-color: #fff;color:#000;} body.sC2B4C2DC13D8429385393D092BE31D4A .modContainer .tabSection .nav li .selected, body.sC2B4C2DC13D8429385393D092BE31D4A .modContainer .tabSection .nav li .selected:hover {background-color: #fff;color:#000;} body.s1B48E3BC89AD4680B2E902C48640C64A .modContainer .tabSection .nav li .selected, body.s1B48E3BC89AD4680B2E902C48640C64A .modContainer .tabSection .nav li .selected:hover {background-color: #fff;color:#000;} body.s83B05EAE7905419981E4FC0BE75FA7D8 .modContainer .tabSection .nav li .selected, body.s83B05EAE7905419981E4FC0BE75FA7D8 .modContainer .tabSection .nav li .selected:hover {background-color: #fff;color:#000;} .modContainer .tabSection .tabDetail { margin-top: -1px; border: solid 1px #DEDDD6; padding: 16px 8px; } /* body.s5E53ECCF5AC443878F82677BA9E10A08 .modContainer .tabSection .tabDetail, body.s5E53ECCF5AC443878F82677BA9E10A08 .modContainer .tabSection .nav li .selected, body.s5E53ECCF5AC443878F82677BA9E10A08 .modContainer .tabSection .nav li a{border-color: #f26234;} body.s66ED949F063F4F5186AA9B8C51ECF602 .modContainer .tabSection .tabDetail, body.s66ED949F063F4F5186AA9B8C51ECF602 .modContainer .tabSection .nav li .selected, body.s66ED949F063F4F5186AA9B8C51ECF602 .modContainer .tabSection .nav li a{border-color: #f26234;} body.s5785640C8B3C4775A3C50AC844695609 .modContainer .tabSection .tabDetail, body.s5785640C8B3C4775A3C50AC844695609 .modContainer .tabSection .nav li .selected, body.s5785640C8B3C4775A3C50AC844695609 .modContainer .tabSection .nav li a{border-color: #ad8359;} body.s40817C78182C4DF6A38920F36FFA0369 .modContainer .tabSection .tabDetail, body.s40817C78182C4DF6A38920F36FFA0369 .modContainer .tabSection .nav li .selected, body.s40817C78182C4DF6A38920F36FFA0369 .modContainer .tabSection .nav li a{border-color: #9470b1;} body.s3D48BA295D9A4E8FAE0F95755D65318D .modContainer .tabSection .tabDetail, body.s3D48BA295D9A4E8FAE0F95755D65318D .modContainer .tabSection .nav li .selected, body.s3D48BA295D9A4E8FAE0F95755D65318D .modContainer .tabSection .nav li a:hover {border-color: #73b749;} body.s95C37A60D9EF4577B6E4DAFDE81CD315 .modContainer .tabSection .tabDetail, body.s95C37A60D9EF4577B6E4DAFDE81CD315 .modContainer .tabSection .nav li .selected, body.s95C37A60D9EF4577B6E4DAFDE81CD315 .modContainer .tabSection .nav li a{border-color: #0d87c9;} body.sC2B4C2DC13D8429385393D092BE31D4A .modContainer .tabSection .tabDetail, body.sC2B4C2DC13D8429385393D092BE31D4A .modContainer .tabSection .nav li .selected, body.sC2B4C2DC13D8429385393D092BE31D4A .modContainer .tabSection .nav li a{border-color: #f9b73c;} body.s1B48E3BC89AD4680B2E902C48640C64A .modContainer .tabSection .tabDetail, body.s1B48E3BC89AD4680B2E902C48640C64A .modContainer .tabSection .nav li .selected, body.s1B48E3BC89AD4680B2E902C48640C64A .modContainer .tabSection .nav li a{border-color: #d6422f;} body.s83B05EAE7905419981E4FC0BE75FA7D8 .modContainer .tabSection .tabDetail, body.s83B05EAE7905419981E4FC0BE75FA7D8 .modContainer .tabSection .nav li .selected, body.s83B05EAE7905419981E4FC0BE75FA7D8 .modContainer .tabSection .nav li a{border-color: #868886;} */ .modContainer .tabSection .tabDetail, .modContainer .tabSection .nav li .selected, .modContainer .tabSection .nav li a{border-color: #0279B1;} #contentContainer ul.star-rating{list-style:none;margin:0px;padding:0px;width:130px;height:22px;position:relative;background:url(/images/cov/ui/stars.gif) top left repeat-x;float:right;} #contentContainer ul.star-rating li{padding:0px;margin:0px;float:left;} #contentContainer ul.star-rating li a{display:block;width:26px;height:22px;line-height:22px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding:0px;overflow:hidden;} #contentContainer ul.star-rating li a:hover{background:url(/images/cov/ui/stars.gif) left center;z-index:2;left:0px;border:none;} #contentContainer ul.star-rating li a.one-star{left:0px;} #contentContainer ul.star-rating li a.one-star:hover{width:26px;} #contentContainer ul.star-rating li a.two-stars{left:26px;} #contentContainer ul.star-rating li a.two-stars:hover{width:52px;left:0;} #contentContainer ul.star-rating li a.three-stars{left:52px;} #contentContainer ul.star-rating li a.three-stars:hover{width:78px;left:0;} #contentContainer ul.star-rating li a.four-stars{left:78px;} #contentContainer ul.star-rating li a.four-stars:hover{width:104px;left:0;} #contentContainer ul.star-rating li a.five-stars{left:104px;} #contentContainer ul.star-rating li a.five-stars:hover{width:130px;left:0;} #contentContainer ul.star-rating li.current-rating{background:url(/images/cov/ui/stars.gif) left bottom;position:absolute;height:22px;display:block;text-indent:-9000px;z-index:1;} #pageMeta {background:#E5E5E5;overflow:hidden;padding:5px;margin-bottom:1em;height:1%;width:510px;margin-left:10px;} #pageMeta img {float:left;margin-right:10px;} #authorContainer {float:left;width:250px;} #contentContainer #authorContainer h2 {font-size:14px;margin:13px 0px;} #contentContainer #authorContainer h3 {font-size:10px;text-transform:uppercase;line-height:14px;} #ratingContainer {float:right;width:250px;margin-top:3px;} #ratingContainer span {float:right;margin-left:10px;} #contentContainer #ratingContainer span a {font-size:14px;font-weight:bold;text-decoration:none;line-height:20px;} #tags {float:right;clear:right;font-size:10px;text-transform:uppercase;font-weight:bold;width:250px;text-align:right;} #contentContainer #tags a {color:#406216;text-decoration:none;} #contentContainer #tags a:hover, body.content #body #ratingContainer span a:hover {text-decoration:underline;} #commentWrapper {width:520px;margin-left:10px;} #comment textarea {width:665px;height:156px;} #comment input[type=checkbox] {float:left;} #comment input[type=submit] {border:none;background:#406216;color:#fff;text-transform:uppercase;font-size:1.2em;padding:3px 10px;} #contentContainer #comment p {clear:both;margin-top:1em;} #contentContainer #comments ul {margin:0;padding:0;list-style-type:none;overflow:hidden;clear:both;} #contentContainer #comments ul li {padding:0;overflow:auto;position:relative;margin-bottom:10px;} #contentContainer #comments ul li.even div{background:#fff;} #contentContainer #comments ul li div{padding:8px;background:#E5E5E5;overflow:auto;position:relative;height:1%;} #contentContainer #comments ul li img {float:left;position:relative;} #contentContainer #comments ul li p, body.content #body #comments ul li h4 {margin-left:60px;} #contentContainer #comments ul li h4 {margin-top:0;margin-bottom:0;font-size:14px;line-height:150%;margin-left:60px;} #contentContainer #comments ul li p, #comments ul li h4 {font-size:12px;line-height:150%;} #contentContainer #comments ul li p.date, #contentContainer #comments .reply, #contentContainer #comments .like, #contentContainer #comments .dislike {font-size:10px;line-height:100%;margin-top:0;font-weight:bold;text-transform:uppercase;height:14px;overflow:hidden;} #contentContainer #comments ul li ul {margin-left:30px;} #contentContainer #comments ul li ul li div {padding-right:0px; padding-bottom:0px;} #contentContainer #comments .reply,#contentContainer #comments .like, #contentContainer #comments .dislike {float:right;text-decoration:none;background:#406216;padding:3px 10px;color:#fff;margin-left:5px;} #contentContainer #comments .reply:hover {background-color:#7E9E19;} #contentContainer #comments .like{background:url(/images/cov/ui/thumb_up.png) 0px 2px no-repeat #666;padding-left:28px;} #contentContainer #comments .like:hover, #contentContainer #comments .dislike:hover {background-color:#333;} #contentContainer #comments .dislike {background:url(/images/cov/ui/thumb_down.png) 0px 2px no-repeat #666;padding-left:28px;} .loginForm label {font-size:12px;} .errorText {margin:10px;color:red;font-weight:bold;} #commentCount {float:left;} #registerForm {margin-left:10px;} hr{border:1px solid #CCC;margin: 2em 0;} div.replyForm { display: none; } a.reply { display: none; } #loginButtons { margin: 8px 0px; overflow:hidden;} #loginButtons a.twitterLogin { width: 0px; height: 22px; background: url(/images/cov/ui/signin_twitter.png) top center no-repeat; display: block; float: left; margin-right: 5px; padding-left: 150px; overflow: hidden } #loginButtons a.twitterLogin:hover { background-position: 0px -24px; } #loginButtons a.twitterLogin:active { background-position: 0px -48px; } #loginButtons a.facebookLogin { width: 0px; height: 22px; background: url(/images/cov/ui/signin_facebook.png) top center no-repeat; display: block; float: left; margin-right: 5px; padding-left: 150px; overflow: hidden } #loginButtons a.facebookLogin:hover { background-position: 0px -24px; } #loginButtons a.facebookLogin:active { background-position: 0px -48px; } #loginButtons a.register { width: 0px; height: 22px; background: url(/images/cov/ui/signin_register.png) top center no-repeat; display: block; float: left; margin-right: 5px; padding-left: 150px; overflow: hidden } #loginButtons a.register:hover { background-position: 0px -24px; } #loginButtons a.register:active { background-position: 0px -48px; } /* table_styles */ /* table heading font and margin reset */ table { border-collapse: collapse; width: 100%;} #content table th, #content table th *, .tabDetail table th, .tabDetail table th *, #rightRail table th, #rightRail table th * { font-size: 1em; margin-top: 0; margin-bottom: 0; } /* content and unstyled text block area tables */ #content table td, #content table th, .modContainer .unstyledTextBlock table td, .modContainer .unstyledTextBlock table th, .modContainer .floating-box table td, .modContainer .floating-box table th, .modContainer .floating-box-noborder table td, .modContainer .floating-box-noborder table th, .modContainer .card-grid-panels table td, .modContainer .card-grid-panels table th, .modContainer .pdSection table td, .modContainer .pdSection table th { border: 1px #f1f0eb solid; border-collapse: collapse; vertical-align: top; padding: 0 8px; } #content table td, .modContainer .unstyledTextBlock table td, .modContainer .floating-box table td, .modContainer .floating-box-noborder table td, .modContainer .card-grid-panels table td, .modContainer .pdSection table td { border: 1px #f1f0eb solid; border-collapse: collapse; vertical-align: top; padding: 4px 8px; } /* table heading has extra top/bottom padding and thick bottom border */ #content table th, .modContainer .unstyledTextBlock table th, .modContainer .floating-box table th, .modContainer .floating-box-noborder table th, .modContainer .card-grid-panels table th, .modContainer .pdSection table th { border-bottom: 3px #deddd6 solid; background-color: #f1f0eb; padding: 4px 8px; } .modContainer .unstyledTextBlock table.stacked_table tr.st-head-first-row, .modContainer .floating-box table.stacked_table tr.st-head-first-row, .modContainer .floating-box-noborder table.stacked_table tr.st-head-first-row, .modContainer .card-grid-panels table.stacked_table tr.st-head-first-row { border-top: 3px #deddd6 solid; } #content table th.cov-vertical, .modContainer .unstyledTextBlock table th.cov-vertical, .modContainer .floating-box table th.cov-vertical, .modContainer .floating-box-noborder table th.cov-vertical, .modContainer .card-grid-panels table th.cov-vertical, .modContainer .pdSection table th.cov-vertical { border-bottom: 1px #f1f0eb solid; border-right: 1px #f1f0eb solid; background-color: #f1f0eb; padding-top: 8px; vertical-align: top; } #content table th.cov-vertical-apex, .modContainer .unstyledTextBlock table th.cov-vertical-apex, .modContainer .floating-box table th.cov-vertical-apex, .modContainer .floating-box-noborder table th.cov-vertical-apex, .modContainer .card-grid-panels table th.cov-vertical-apex, .modContainer .pdSection table th.cov-vertical-apex { border: none; background-color: inherit; } /* modContainer area tables */ .modContainer table td, .modContainer table th { border: 1px #fff solid; vertical-align: top; padding: 0 8px; } /* table heading has extra top/bottom padding and thick bottom border */ .modContainer table th { border-bottom: 3px #93958b solid; background-color: #deddd6; padding: 4px 8px; vertical-align: baseline; } .modContainer table td { padding: 4px 8px; } /* table heading font and margin settings*/ .modContainer table th, .modContainer table th * { font-size: 1em; margin-top: 0; margin-bottom: 0; } .modContainer table th.cov-vertical { border-bottom: 1px #fff solid; border-right: 1px #fff solid; padding-top: 8px; vertical-align: top; } .modContainer table th.cov-vertical-apex { border: none; background-color: inherit; } /* @end */ /* @group tabDetail area tables */ .tabDetail table th, .tabDetail table td { border: 1px #f1f0eb solid; border-collapse: collapse; vertical-align: top; padding: 0 8px; } /* table heading has extra top/bottom padding and thick bottom border */ .tabDetail table th { border-bottom: 3px #deddd6 solid; background-color: #f1f0eb; padding: 4px 8px; } .tabDetail table th.cov-vertical-apex { background-color: inherit; } /* rightRail area tables */ /* table heading has extra top/bottom padding and thick bottom border */ #rightRail table td, #rightRail table th { border: 1px #fff solid; border-collapse: collapse; vertical-align: top; padding: 4px 8px; } /* table heading has extra top/bottom padding and thick bottom border */ #rightRail table th { border-bottom: 3px #93958b solid; background-color: #deddd6; /* padding: 4px 8px; */ vertical-align: bottom; } #rightRail table th.cov-vertical { border-bottom: 1px #fff solid; border-right: 1px #fff solid; padding-top: 8px; vertical-align: top; } #rightRail table th.cov-vertical-apex { border: none; background-color: inherit; } /* @group tables without borders */ .cov-noborder th, .cov-noborder td { border: none !important; vertical-align: top; padding: 0; } /* @group table list formatting */ table ul { margin-left: 1em; } /*3044 related style +*/ #leftRail ul li {border-top: 1px solid #fff;list-style: none;padding: 0px; overflow: hidden; display: block;} #leftRail ul li ul li {padding: 0 0 0 12px;} #leftRail ul li a div { height:20px; width:12px; float:left; } #leftRail ul li.isParent.notSelected a div { background: url("/images/cov/ui/parent_closed.png") no-repeat scroll 0 8px transparent; cursor: pointer; } #leftRail ul li.isSelected.isParent > a div, #leftRail ul li.isCurrent.isParent > a div { background: url("/images/cov/ui/parent_open.png") no-repeat scroll 0 8px transparent; cursor: pointer; } #leftRail ul li.isSelected.isParent > a.menulink { color: #444444; } /* Your Government +*/ /* body.s5785640C8B3C4775A3C50AC844695609 #leftRail ul li.isSelected.isParent li.isCurrent > a.menulink, body.s5785640C8B3C4775A3C50AC844695609 #leftRail ul li.isParent.notSelcted {background: #AD8359;} body.s5785640C8B3C4775A3C50AC844695609 #leftRail ul li.isParent.isSelected a.menulink:hover { background-color: #AD8359; color: #ffffff; } body.s5785640C8B3C4775A3C50AC844695609 #leftRail ul li.isSelected.isParent li.isCurrent.isLast a.menulink { background: #AD8359; } */ /* Your Government -*/ /* Green Vancouver */ /* body.s5E53ECCF5AC443878F82677BA9E10A08 #leftRail ul li.isSelected.isParent li.isCurrent > a.menulink, body.s5E53ECCF5AC443878F82677BA9E10A08 #leftRail ul li.isParent.notSelcted {background: #F26234;} body.s5E53ECCF5AC443878F82677BA9E10A08 #leftRail ul li.isParent.isSelected a.menulink:hover { background-color: #F26234; color: #ffffff; } body.s5E53ECCF5AC443878F82677BA9E10A08 #leftRail ul li.isSelected.isParent li.isCurrent.isLast a.menulink { background: #F26234; } body.s66ED949F063F4F5186AA9B8C51ECF602 #leftRail ul li.isSelected.isParent li.isCurrent > a.menulink, body.s66ED949F063F4F5186AA9B8C51ECF602 #leftRail ul li.isParent.notSelcted {background: #F26234;} body.s66ED949F063F4F5186AA9B8C51ECF602 #leftRail ul li.isParent.isSelected a.menulink:hover { background-color: #F26234; color: #ffffff; } body.s66ED949F063F4F5186AA9B8C51ECF602 #leftRail ul li.isSelected.isParent li.isCurrent.isLast a.menulink { background: #F26234; } */ /* Green Vancouver -*/ /* News Calendar +*/ /* body.s40817C78182C4DF6A38920F36FFA0369 #leftRail ul li.isSelected.isParent li.isCurrent > a.menulink, body.s40817C78182C4DF6A38920F36FFA0369 #leftRail ul li.isParent.notSelcted {background: #9470B1;} body.s40817C78182C4DF6A38920F36FFA0369 #leftRail ul li.isParent.isSelected a.menulink:hover { background-color: #9470B1; color: #ffffff; } body.s40817C78182C4DF6A38920F36FFA0369 #leftRail ul li.isSelected.isParent li.isCurrent.isLast a.menulink { background: #9470B1; } */ /* News Calendar -*/ /* Parks Recreation and Cultures +*/ /* body.s3D48BA295D9A4E8FAE0F95755D65318D #leftRail ul li.isSelected.isParent li.isCurrent > a.menulink, body.s5785640C8B3C4775A3C50AC844695609 #leftRail ul li.isParent.notSelcted {background: #73B749;} body.s3D48BA295D9A4E8FAE0F95755D65318D #leftRail ul li.isParent.isSelected a.menulink:hover { background-color: #73B749; color: #ffffff; } body.s3D48BA295D9A4E8FAE0F95755D65318D #leftRail ul li.isSelected.isParent li.isCurrent.isLast a.menulink { background: #73B749; } */ /* Parks Recreation and Cultures -*/ /* Home, Property, and Development +*/ /* body.s95C37A60D9EF4577B6E4DAFDE81CD315 #leftRail ul li.isSelected.isParent li.isCurrent > a.menulink, body.s95C37A60D9EF4577B6E4DAFDE81CD315 #leftRail ul li.isParent.notSelcted {background: #0d87c9;} body.s95C37A60D9EF4577B6E4DAFDE81CD315 #leftRail ul li.isParent.isSelected a.menulink:hover { background-color: #0d87c9; color: #ffffff; } body.s95C37A60D9EF4577B6E4DAFDE81CD315 #leftRail ul li.isSelected.isParent li.isCurrent.isLast a.menulink { background: #0d87c9; } */ /* Home, Property, and Development -*/ /* People and Programs +*/ /* body.sC2B4C2DC13D8429385393D092BE31D4A #leftRail ul li.isSelected.isParent li.isCurrent > a.menulink, body.s95C37A60D9EF4577B6E4DAFDE81CD315 #leftRail ul li.isParent.notSelcted {background: #f9b73c;} body.sC2B4C2DC13D8429385393D092BE31D4A #leftRail ul li.isParent.isSelected a.menulink:hover { background-color: #f9b73c; color: #333333; } body.sC2B4C2DC13D8429385393D092BE31D4A #leftRail ul li.isSelected.isParent li.isCurrent.isLast a.menulink { background: #f9b73c; color: #333333; } */ /* People and Programs -*/ /*Streets and Transportation +*/ /* body.s1B48E3BC89AD4680B2E902C48640C64A #leftRail ul li.isSelected.isParent li.isCurrent > a.menulink, body.s95C37A60D9EF4577B6E4DAFDE81CD315 #leftRail ul li.isParent.notSelcted {background: #d6422f;} body.s1B48E3BC89AD4680B2E902C48640C64A #leftRail ul li.isParent.isSelected a.menulink:hover { background-color: #d6422f; color: #ffffff; } body.s1B48E3BC89AD4680B2E902C48640C64A #leftRail ul li.isSelected.isParent li.isCurrent.isLast a.menulink { background: #d6422f; } */ /*Streets and Transportation -*/ /*Doing Business +*/ /* body.s83B05EAE7905419981E4FC0BE75FA7D8 #leftRail ul li.isSelected.isParent li.isCurrent > a.menulink, body.s83B05EAE7905419981E4FC0BE75FA7D8 #leftRail ul li.isParent.notSelcted {background: #868886;} body.s83B05EAE7905419981E4FC0BE75FA7D8 #leftRail ul li.isParent.isSelected a.menulink:hover { background-color: #868886; color: #ffffff; } body.s83B05EAE7905419981E4FC0BE75FA7D8 #leftRail ul li.isSelected.isParent li.isCurrent.isLast a.menulink { background: #868886; } */ /*Doing Business -*/ /*3044 #leftRail ul li {border-top: 1px solid #fff;list-style: none;padding: 0; overflow: hidden; display: block;}*/ /*3044 #leftRail ul li a {color: #5E7AA2;display: block;padding: 3px 10px 3px 25px;font-size: 1.1em;margin:0; overflow: hidden;}*/ #leftRail ul li a.menulink {color: #0279B1;display: block;padding: 3px 10px 3px 4px;font-size: 1.1em;margin:0; overflow: hidden;} #leftRail ul li li a.menulink {} /*3044 #leftRail ul li li li a {margin-left:20px;} */ /*3044 #leftRail ul li li li li a {margin-left:30px;} */ /*3044 #leftRail ul li li li li li a {margin-left:40px;} */ /*3044 #leftRail ul li li li li li li a {margin-left:50px;} */ /*3044 #leftRail ul li li li li li li li a {margin-left:50px;} */ /*3044 #leftRail ul li li li li li li li li a {margin-left:50px;}*/ /*3044 #leftRail ul li.isParent.isCurrent a,#leftRail ul li.isParent.isCurrent a:hover {background: url(/images/cov/ui/arrowWhiteDown.png) 10px 9px no-repeat;color: #fff; }*/ /* body.s5785640C8B3C4775A3C50AC844695609 #leftRail ul li.isParent.isCurrent > a.menulink, body.s5785640C8B3C4775A3C50AC844695609 #leftRail ul li.isLast.isCurrent > a.menulink, body.s5785640C8B3C4775A3C50AC844695609 #leftRail ul li.isParent.isCurrent a.menulink:hover {background: #AD8359;color: #fff; } body.s5E53ECCF5AC443878F82677BA9E10A08 #leftRail ul li.isParent.isCurrent > a.menulink, body.s5E53ECCF5AC443878F82677BA9E10A08 #leftRail ul li.isLast.isCurrent > a.menulink, body.s5E53ECCF5AC443878F82677BA9E10A08 #leftRail ul li.isParent.isCurrent a.menulink:hover {background: #F26234;color: #fff; } body.s66ED949F063F4F5186AA9B8C51ECF602 #leftRail ul li.isParent.isCurrent > a.menulink, body.s66ED949F063F4F5186AA9B8C51ECF602 #leftRail ul li.isLast.isCurrent > a.menulink, body.s66ED949F063F4F5186AA9B8C51ECF602 #leftRail ul li.isParent.isCurrent a.menulink:hover {background: #F26234;color: #fff; } body.s40817C78182C4DF6A38920F36FFA0369 #leftRail ul li.isParent.isCurrent > a.menulink, body.s40817C78182C4DF6A38920F36FFA0369 #leftRail ul li.isLast.isCurrent > a.menulink, body.s40817C78182C4DF6A38920F36FFA0369 #leftRail ul li.isParent.isCurrent a.menulink:hover {background: #9470B1;color: #fff; } body.s3D48BA295D9A4E8FAE0F95755D65318D #leftRail ul li.isParent.isCurrent > a.menulink, body.s3D48BA295D9A4E8FAE0F95755D65318D #leftRail ul li.isLast.isCurrent > a.menulink, body.s3D48BA295D9A4E8FAE0F95755D65318D #leftRail ul li.isParent.isCurrent a.menulink:hover {background: #73b749;color: #fff; } body.s95C37A60D9EF4577B6E4DAFDE81CD315 #leftRail ul li.isParent.isCurrent > a.menulink, body.s95C37A60D9EF4577B6E4DAFDE81CD315 #leftRail ul li.isLast.isCurrent > a.menulink, body.s95C37A60D9EF4577B6E4DAFDE81CD315 #leftRail ul li.isParent.isCurrent a.menulink:hover {background: #0d87c9;color: #fff; } body.sC2B4C2DC13D8429385393D092BE31D4A #leftRail ul li.isParent.isCurrent > a.menulink, body.sC2B4C2DC13D8429385393D092BE31D4A #leftRail ul li.isLast.isCurrent > a.menulink, body.sC2B4C2DC13D8429385393D092BE31D4A #leftRail ul li.isParent.isCurrent a.menulink:hover {background: #f9b73c;color: #333333; } body.s1B48E3BC89AD4680B2E902C48640C64A #leftRail ul li.isParent.isCurrent > a.menulink, body.s1B48E3BC89AD4680B2E902C48640C64A #leftRail ul li.isLast.isCurrent > a.menulink, body.s1B48E3BC89AD4680B2E902C48640C64A #leftRail ul li.isParent.isCurrent a.menulink:hover {background: #d6422f;color: #fff; } body.s83B05EAE7905419981E4FC0BE75FA7D8 #leftRail ul li.isParent.isCurrent > a.menulink, body.s83B05EAE7905419981E4FC0BE75FA7D8 #leftRail ul li.isLast.isCurrent > a.menulink, body.s83B05EAE7905419981E4FC0BE75FA7D8 #leftRail ul li.isParent.isCurrent a.menulink:hover {background: #868886;color: #fff; } */ /*3044#leftRail ul li.isParent a,#leftRail ul li.isParent a:hover {background: url(/images/cov/ui/arrowWhiteRight.png) 10px 8px no-repeat;color: #fff; }*/ /*#leftRail ul li.isParent a.menulink,#leftRail ul li.isParent a.menulink:hover {color: #fff; }*/ /*3044 #leftRail ul li.isParent.isSelected a {background:url(/images/cov/ui/arrowWhiteDown.png) 10px 9px no-repeat;padding-left: 25px;color: #fff;}*/ /*3044 #leftRail ul li.isParent.notSelected a {background:url(/images/cov/ui/arrowBlueRight.png) 10px 8px no-repeat;padding-left: 25px;color: #5E7AA2;}*/ #leftRail ul li.isParent.notSelected a.menulink {color: #0279B1;} /*3044 #leftRail ul li.isParent.notSelected a:hover {background: url(/images/cov/ui/arrowWhiteRight.png) 10px 8px no-repeat;color: #fff; }*/ /* body.s5785640C8B3C4775A3C50AC844695609 #leftRail ul li.isParent.notSelected a.menulink:hover {background: #AD8359;color: #fff; } body.s5E53ECCF5AC443878F82677BA9E10A08 #leftRail ul li.isParent.notSelected a.menulink:hover {background: #F26234;color: #fff; } body.s66ED949F063F4F5186AA9B8C51ECF602 #leftRail ul li.isParent.notSelected a.menulink:hover {background: #F26234;color: #fff; } body.s40817C78182C4DF6A38920F36FFA0369 #leftRail ul li.isParent.notSelected a.menulink:hover {background: #9470B1;color: #fff; } body.s3D48BA295D9A4E8FAE0F95755D65318D #leftRail ul li.isParent.notSelected a.menulink:hover {background: #73b749;color: #fff; } body.s95C37A60D9EF4577B6E4DAFDE81CD315 #leftRail ul li.isParent.notSelected a.menulink:hover {background: #0d87c9;color: #fff; } body.sC2B4C2DC13D8429385393D092BE31D4A #leftRail ul li.isParent.notSelected a.menulink:hover {background: #f9b73c;color: #333333; } body.s1B48E3BC89AD4680B2E902C48640C64A #leftRail ul li.isParent.notSelected a.menulink:hover {background: #d6422f;color: #fff; } body.s83B05EAE7905419981E4FC0BE75FA7D8 #leftRail ul li.isParent.notSelected a.menulink:hover {background: #868886;color: #fff; } */ /*3044#leftRail ul li.isLast.notSelected a:hover {color: #fff;}*/ /* body.s5785640C8B3C4775A3C50AC844695609 #leftRail ul li.isLast.notSelected a.menulink:hover {background:#AD8359; color: #fff;} body.s5E53ECCF5AC443878F82677BA9E10A08 #leftRail ul li.isLast.notSelected a.menulink:hover {background:#F26234; color: #fff;} body.s66ED949F063F4F5186AA9B8C51ECF602 #leftRail ul li.isLast.notSelected a.menulink:hover {background:#F26234; color: #fff;} body.s40817C78182C4DF6A38920F36FFA0369 #leftRail ul li.isLast.notSelected a.menulink:hover {background:#9470B1; color: #fff;} body.s3D48BA295D9A4E8FAE0F95755D65318D #leftRail ul li.isLast.notSelected a.menulink:hover {background:#73b749; color: #fff;} body.s95C37A60D9EF4577B6E4DAFDE81CD315 #leftRail ul li.isLast.notSelected a.menulink:hover {background:#0d87c9; color: #fff;} body.sC2B4C2DC13D8429385393D092BE31D4A #leftRail ul li.isLast.notSelected a.menulink:hover {background:#f9b73c; color: #333333;} body.s1B48E3BC89AD4680B2E902C48640C64A #leftRail ul li.isLast.notSelected a.menulink:hover {background:#d6422f; color: #fff;} body.s83B05EAE7905419981E4FC0BE75FA7D8 #leftRail ul li.isLast.notSelected a.menulink:hover {background:#868886; color: #fff;} */ /*3044 body.s5E53ECCF5AC443878F82677BA9E10A08 #leftRail ul li:hover,body.s5E53ECCF5AC443878F82677BA9E10A08 #leftRail ul li.isCurrent,body.s5E53ECCF5AC443878F82677BA9E10A08 #leftRail ul li.isParent.notSelcted,body.s5E53ECCF5AC443878F82677BA9E10A08 #leftRail ul li.isParent.isSelected {background: #f26234;}*/ /*3044 body.s66ED949F063F4F5186AA9B8C51ECF602 #leftRail ul li:hover,body.s66ED949F063F4F5186AA9B8C51ECF602 #leftRail ul li.isCurrent,body.s66ED949F063F4F5186AA9B8C51ECF602 #leftRail ul li.isParent.notSelcted,body.s66ED949F063F4F5186AA9B8C51ECF602 #leftRail ul li.isParent.isSelected {background: #f26234;}*/ /*3044 body.s40817C78182C4DF6A38920F36FFA0369 #leftRail ul li:hover,body.s40817C78182C4DF6A38920F36FFA0369 #leftRail ul li.isCurrent,body.s40817C78182C4DF6A38920F36FFA0369 #leftRail ul li.isParent.notSelcted,body.s40817C78182C4DF6A38920F36FFA0369 #leftRail ul li.isParent.isSelected {background: #9470b1;}*/ /*3044 body.s5785640C8B3C4775A3C50AC844695609 #leftRail ul li:hover,body.s5785640C8B3C4775A3C50AC844695609 #leftRail ul li.isCurrent,body.s5785640C8B3C4775A3C50AC844695609 #leftRail ul li.isParent.notSelcted,body.s5785640C8B3C4775A3C50AC844695609 #leftRail ul li.isParent.isSelected {background: #ad8359;}*/ /*3044 body.s3D48BA295D9A4E8FAE0F95755D65318D #leftRail ul li:hover,body.s3D48BA295D9A4E8FAE0F95755D65318D #leftRail ul li.isCurrent,body.s3D48BA295D9A4E8FAE0F95755D65318D #leftRail ul li.isParent.notSelcted,body.s3D48BA295D9A4E8FAE0F95755D65318D #leftRail ul li.isParent.isSelected {background: #73b749;}*/ /*3044 body.s95C37A60D9EF4577B6E4DAFDE81CD315 #leftRail ul li:hover,body.s95C37A60D9EF4577B6E4DAFDE81CD315 #leftRail ul li.isCurrent,body.s95C37A60D9EF4577B6E4DAFDE81CD315 #leftRail ul li.isParent.notSelcted,body.s95C37A60D9EF4577B6E4DAFDE81CD315 #leftRail ul li.isParent.isSelected {background: #0d87c9;}*/ /*3044 body.sC2B4C2DC13D8429385393D092BE31D4A #leftRail ul li:hover,body.sC2B4C2DC13D8429385393D092BE31D4A #leftRail ul li.isCurrent,body.sC2B4C2DC13D8429385393D092BE31D4A #leftRail ul li.isParent.notSelcted,body.sC2B4C2DC13D8429385393D092BE31D4A #leftRail ul li.isParent.isSelected {background: #f9b73c;}*/ /*3044 body.s1B48E3BC89AD4680B2E902C48640C64A #leftRail ul li:hover,body.s1B48E3BC89AD4680B2E902C48640C64A #leftRail ul li.isCurrent,body.s1B48E3BC89AD4680B2E902C48640C64A #leftRail ul li.isParent.notSelcted,body.s1B48E3BC89AD4680B2E902C48640C64A #leftRail ul li.isParent.isSelected {background: #d6422f;}*/ /*3044 body.s83B05EAE7905419981E4FC0BE75FA7D8 #leftRail ul li:hover,body.s83B05EAE7905419981E4FC0BE75FA7D8 #leftRail ul li.isCurrent,body.s83B05EAE7905419981E4FC0BE75FA7D8 #leftRail ul li.isParent.notSelcted,body.s83B05EAE7905419981E4FC0BE75FA7D8 #leftRail ul li.isParent.isSelected {background: #868886;}*/ /*3044 -*/ /*2990 +*/ /*2990 #neighbourhoodMap #vanMap{ float:right; display: inline; overflow: hidden; }*/ #neighbourhoodMap #vanMap{ height: 370px; position: absolute; right: 0; top: 0; width: 482px; } /*2990 #neighbourhoodMap #neighborhoodNav{float:left; width: 575px; padding-top: 15px;margin-left:21px; display: inline; overflow: hidden; }*/ #neighbourhoodMap #neighborhoodNav { background-color: #828679; display: inline; float: left; overflow: hidden; padding-top: 0; width: 100%; } /*2990 #neighbourhoodMap {clear: both; background: #828679; color: #fff; font-size: 1.0em; width: 930px; overflow: hidden; }*/ #neighbourhoodMap { background-color: #828679; left: 0; position: relative; clear: both; color: #FFFFFF; overflow: hidden; width: 930px; } /*2990 #areas {width:300px;}*/ /*3504 #areas {display: block; position: relative; float: left;} padding: 1.25em 0.75em 2em from 1.25em 0.75em 0.5em*/ #areas { display: block; position: relative; float: left; left: 10px; margin: 0; padding: 1.25em 0.75em 2em; width: 550px; z-index: 10; }#areas ul, #areas .col3 { float: left; list-style: none outside none; margin: 0 0 1em; padding-right: 0.5em; width: 128px; } #neighborhoodNav #areas h1 { border-bottom: 1px solid #deddd6; color: #f1f0eb; font-size: 1.7em; font-weight: normal; margin: 0 0 0.5em; padding-bottom: 0.5em; vertical-align: top; } #areas ul li { font-size: 1.2em; line-height: 1.4em; padding-bottom: 0; vertical-align: top; } #areas li a { color: #FFFFFF; display: block; width: 100%; } /*#neighbourhoodMap #neighborhoodNav .col{ float: left; margin-right:59px; }*/ #neigh1Div {left: 618px;top: -144px;} /*arbutus*/ #neigh9Div {left: 710px;top: -244px;} /*downtown*/ #neigh11Div {left: 555px;top: -120px;} /* dunbar */ #neigh12Div {left: 680px;top: -205px;} /* fairview */ #neigh16Div {left: 803px;top: -85px;} /*fraserview -- close to 51*/ #neigh18Div {left: 795px;top: -190px;} /* grandview */ #neigh20Div {left: 780px;top: -250px;} /* hastings */ #neigh24Div {left: 790px;top: -130px;} /* kensington */ #neigh25Div {left: 610px;top: -90px;} /* kerrisdale */ #neigh37Div {left: 700px;top: -120px;} /* Oakridge*/ #neigh27Div {left: 610px;top: -215px;} /* kits */ #neigh26Div {left: 852px;top: -65px;} /* killarney */ #neigh35Div {left: 750px;top: -215px;} /* mt pleasant */ #neigh33Div {left: 690px;top: -60px;} /* marpole */ #neigh38Div {left: 545px;top: -224px;} /* pt grey */ #neigh40Div {left: 857px;top: -135px;} /* renfrew */ #neigh41Div {left: 760px;top: -145px;} /* riley - try 24*/ #neigh42Div {left: 648px;top: -157px;} /* shaughnesy */ #neigh50Div {left: 865px;top: -250px;} /* sunrise*/ #neigh51Div {left: 740px;top: -85px;} /*sunset*/ #neigh53Div {left: 670px;top: -284px;} /* west end */ /*2990 -*/ /*3220 +*/ /* .smallIconList .listItem a {padding-left: 23px;background-position: 0px 1px; background-repeat: no-repeat;display:block;}*/ /*.smallIconList .listItem a { background-repeat: no-repeat; background-position: right; padding-right: 23px; } */ /*.listItem img {float: left; margin: 0 15px 8px 0;}*/ /*.listItem img {margin-left: 23px;}*/ /* Mar 26, 2015 */ /* feature image list image width fix */ .listItemFeatureImage { width: 150px; } #sectionRightRail .listItemFeatureImage, #rightRail .listItemFeatureImage { width: 185px; } .smallIconList .listItem img {margin-left: 0px; height:11px; width:14px;} /*.results{clear:both;margin-top:3em;}*/ .results{clear:both;} /*3220 -*/ /*3093 +*/ .imgallpadding img{} /*3093 -*/ /*2930 +*/ *+html .googleMap .mapLegend {width:90%;} /*.googleMap .mapLegend ul {margin:0 0 10px 0; list-style:none;float:left;}*/ .googleMap .mapLegend ul {margin:0 0 10px 0; list-style:none;} /*.googleMap .mapLegend ul li {list-style:none;display:inline; clear:both;padding-top:10px;}*/ .googleMap .mapLegend ul li {list-style:none; clear:both;} /*.googleMap .mapLegend ul li img {float:left;margin-right:5px;}*/ .googleMap .mapLegend ul li img {float:left;} /*.googleMap .mapLegend ul li ul {margin:0;display:inline;overflow:hidden;float:left;}*/ .googleMap .mapLegend ul li ul {margin:0;display:inline;overflow:hidden;} /*2930 -*/ /*2975 +*/ #homeContent h2.modHeader, .modContainer h2.modHeader, .photoOfTheDay h2.modHeader, #rightRail h2.modHeader, .day h2 {} /*.modContainer .photoOfTheDay {width: 255px;overflow:hidden;}*/ .photoOfTheDay { margin-bottom: 4px; overflow: hidden; width: 100%; } .half-left{ float: left; /*margin: 0 23px 23px 0px;*/ width: 255px; } .half-right{ float: right; /*margin: 0 0 23px 23px;*/ width: 255px; } /*body.s1B48E3BC89AD4680B2E902C48640C64A .modContainer h2.modHeader {background: #93958b; color: #fff;border-color: #d6422f;}*/ body.s1B48E3BC89AD4680B2E902C48640C64A h2.modHeader { background: none repeat scroll 0 0 #DEDDD6; border-color: #d6422f; color: #333333; } .photoOfTheDay .photo { float: none; margin: 0 0 8px; overflow: hidden; } .photoOfTheDay .photo img{ display: block; margin-left: auto; margin-right: auto; } .photoOfTheDay p { margin: 0 0 7px; padding: 0 4px; } /*.photoOfTheDay .credits {clear:both;font-size:0.9em;padding:5px 8px 0 8px;}*/ .photoOfTheDay .credits { clear: none; float: right; font-size: 0.9em; padding: 0; } .photoOfTheDay .photo img { width: 100%; } body.s5785640C8B3C4775A3C50AC844695609 .photoOfTheDay h2.modHeader { border-color: #AD8359; } body.s40817C78182C4DF6A38920F36FFA0369 .photoOfTheDay h2.modHeader { border-color: #9470B1; } body.s3D48BA295D9A4E8FAE0F95755D65318D .photoOfTheDay h2.modHeader { border-color: #73B749; } body.s95C37A60D9EF4577B6E4DAFDE81CD315 .photoOfTheDay h2.modHeader { border-color: #0D87C9; } body.sC2B4C2DC13D8429385393D092BE31D4A .photoOfTheDay h2.modHeader { border-color: #F9B73C; } body.s1B48E3BC89AD4680B2E902C48640C64A .photoOfTheDay h2.modHeader { border-color: #D6422F; } body.s83B05EAE7905419981E4FC0BE75FA7D8 .photoOfTheDay h2.modHeader { border-color: #868886; } body.s5785640C8B3C4775A3C50AC844695609 .photoOfTheDay h2.modHeader { border-color: #AD8359; } .modContainer .photoOfTheDay h2.modHeader a { color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } a.photoArrowRight { background: url("/images/cov/ui/arrowRight.png") no-repeat scroll right 2px transparent; color: #5D79A1; display: block; float: right; margin: 0; padding-right: 17px; text-align: right; cursor: pointer; margin-top: -14px; } .photoOfTheDay .morephotos { padding-top: 8px; } span.photoSubmit, span.photoLeft { padding-top: 8px; margin-left: 0; width: 140px; clear: both; overflow:visible; } /* modify the CSS to add feature image photo credit */ /*img#feature {display: none; float: right; margin: 0 0 25px 25px; } */ /*height: 160px;width: 290px;*/ img#feature { display: none; padding: 0 0 5px 0; /* margin-left: 25px; float: right;*/ } .featureImgDiv { float: right; padding: 0px 0 18px 10px; text-align: right; width: 100%; max-width: 290px; } .featureImgCaption { font-family: tahoma, chicago, sans-serif; font-size: 0.8em; line-height: 0.9em; color: #B9B9B9; } /*2975 -*/ /*3046 +*/ /*#homeSlideshow #bottomBar p{ position:relative;float:left; width:600px; margin-left:8px; color:#5D79A1; display:block; font-size:1.2em;filter:alpha(opacity=100); }*/ #homeSlideshow #bottomBar p{ height:18px; position:relative;float:left; width:600px; margin-left:8px; color:#5D79A1; display:block; font-size:1.2em;filter:alpha(opacity=100); } /*3046 -*/ /*#3096 +*/ .contactEmail a {background: url(/images/cov/ui/email.png) no-repeat center left;} .contactPhone {background: url(/images/cov/ui/phone.png) no-repeat center left;padding: 1px 0px 2px 23px;} .addCalendar a {background: url(/images/cov/ui/calendar_add.png) no-repeat center left;} /*#2985 +*/ .googleSearch { width: 520px; float: left; } #searchInput { float: left; height: 20px; line-height: 20px; margin-right: 8px; padding-left: 2px; width: 400px; } #searchNews { background: url("/images/cov/ui/bg_button.png") repeat scroll 0 0 #FFFFFF; border: medium none; color: #444444; font-size: 1em; height: 30px; width: 80px; } .searchContainer { background-color: #F8F8F8; float: left; margin-bottom: 1em; overflow: hidden; padding: 1em; width: 500px; } .googleSearch .details { border-bottom: 2px solid #F1F0EB; color: #BDBBAC; font-size: 1em; margin: 0 0 1em; padding: 0 0 1em 1em; } /* search buttons */ /* form buttons we control */ .covbl .button { float: left; } .covbr .button, .covbc .button { float: right; margin-bottom: 6px; } .button, .flickrRequest .buttons { /*background: transparent url(/images/cov/ui/cov-button-cmd.png) left -70px no-repeat;*/ background: #0279B1;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border: #d9d9d5 1px solid; cursor: pointer; display: block; margin: 0; padding: 0 0 0 4px; /* IE */ padding-left: 0; } .button input, .flickrRequest .buttons input { /* background: transparent url(/images/cov/ui/cov-button-cmd.png) right top no-repeat; */ background: #0279B1;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border: none; color: #fff; margin: 0; padding: 5px 14px 5px 10px; cursor: pointer; -webkit-appearance: none; } .button span { margin: 0; padding: 0; } .button:hover, .flickrRequest .buttons:hover { /*background-position: left -104px;*/ background: #FFFFFF; color: #0279B1; } .button:hover input, .flickrRequest .buttons:hover input { /* background-position: right -34px; */ background: #FFFFFF; color: #0279B1; } /* button margins and spacing */ #doc2 .covbl, #doc2 .covbr, #doc2 .covbc { clear: both; padding: .5em 0; /* this changed when margins added to right rail */ margin: 1em 0 0 0; overflow: visible; } #doc2 .modContainer .covbc, #doc2 .modContainer .covbr, #doc2 .modContainer .covbl { clear: inherit; } .covbl { text-align: left; } .covbr { text-align: right; } .covbc { text-align: center; margin-left: 0; margin-right: 0; } /* button margins in text blocks */ #doc2 .basicBox .covbl, #doc2 .basicBox .covbr { clear: both; margin: 1em 8px 8px; } #doc2 .basicBox .covbc { clear: both; margin-bottom: 8px; } .covbuttonnav, .covbuttoncmd { background-position: left -70px; background-repeat: no-repeat; text-decoration: none; display: inline; /* padding: 4px 0 6px 6px; */ font-family: arial, helvetica, helv, sans-serif; font-size: 12px; line-height: 1; color: #fff; float: none; /* remove padding from IE only */ padding-top: 0; } .covbuttonnav span, .covbuttoncmd span { background-position: right 0; background-repeat: no-repeat; margin: 0; display: inline; float: none; padding: 4px 14px 5px 12px; } /* .covbuttoncmd span { padding-right: 14px; } */ .covbuttonnav:hover, .covbuttoncmd:hover { background-position: left -104px; text-decoration: none; } .covbuttonnav:hover span, .covbuttoncmd:hover span { background-position: right -34px; } /* default image */ .covbuttonnav, .covbuttonnav span { /* background-image: url(/images/cov/ui/cov-button-nav.png); */ background: #0279B1;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; } .covbuttonnav span i { padding-left: 8px; } .covbuttoncmd, .covbuttoncmd span { /* background-image: url(/images/cov/ui/cov-button-cmd.png); */ background: #0279B1;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; } .covbuttonnav span:hover, .covbuttoncmd span:hover { background: #FFFFFF; border: #d9d9d5 1px solid; color: #0279B1; padding: 3px 13px 4px 11px; } /* register image */ .register .covbuttonnav, .register .covbuttonnav span { /* background-image: url(/images/cov/ui/cov-buttonreg-nav.png); */ background: #F5A623;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; } .register .covbuttoncmd, .register .covbuttoncmd span { /* background-image: url(/images/cov/ui/cov-buttonreg-cmd.png); */ background: #F5A623;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; } .register .covbuttonnav span:hover, .register .covbuttoncmd span:hover { background: #FFFFFF;border: #d9d9d5 1px solid; color: #F5A623; padding: 3px 13px 4px 11px; } /* google button handler (duplicate Safari Go button) */ .googleNews .buttons input[type=submit], .googleEvents .buttons input[type=submit], .googleInitiatives .buttons input[type=submit] /* 20120803 ADD: constant contact handler */, form input.submit { /* background: url(/images/cov/ui/button_go.png) no-repeat scroll left top transparent; */ background: #0279B1;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; cursor: pointer; border: medium none; color: #FFFFFF; height: 24px; padding: 4px 8px; text-align: center; width: 38px; } /* Google boxes and constant contact handler */ .googleNews .buttons input[type=submit]:hover, .googleEvents .buttons input[type=submit]:hover, .googleInitiatives .buttons input[type=submit]:hover, form input.submit:hover { /* background-position: 0 -29px; */ background: #FFFFFF;border: #d9d9d5 1px solid;color: #0279B1;padding: 3px 8px; } /* Safari activity filter IE fixes */ #activitylist .covbuttoncmd, #activitylist .covbuttonnav { display: inline-block; padding-top:4px; } /* new 2015 button style */ input.blue-button, a.blue-button { background-color: #0279B1; color: white; padding: 0.5em 1.2em; text-decoration: none; border-radius: 5px; margin: 5px; line-height: 2em; display: inline-block; cursor: pointer; border: 0; border: #d9d9d5 1px solid; -webkit-appearance: none; } input.blue-button:hover, a.blue-button:hover { background-color: #FFF; color: #0279B1; text-decoration: none; } input.green-button, a.green-button { background-color: #5DA61B; color: white; padding: 0.5em 1.2em; text-decoration: none; border-radius: 5px; margin: 5px; line-height: 2em; display: inline-block; cursor: pointer; border: 0; border: #d9d9d5 1px solid; -webkit-appearance: none; } input.green-button:hover, a.green-button:hover { background-color: #FFF; color: #5DA61B; text-decoration: none; } input.white-button, a.white-button { background-color: #FFF; color: #0279b1; padding: 0.5em 1.2em; text-decoration: none; border-radius: 5px; margin: 5px; line-height: 2em; display: inline-block; cursor: pointer; border: 0; border: #0279b1 1px solid; -webkit-appearance: none; } input.white-button:hover, a.white-button:hover { background-color: #0279b1; color: #FFF; text-decoration: none; } /* end button handler*/ /* email subscriptions */ .cov-subscription { font-size: 1em; margin: 1em 0 0;padding: 0; } #rightRail .basicBox form p { overflow: visible; } #rightRail form label, .cov-subscription label { font-size: 1em; margin-bottom: .25em; } /* constant contact generated forms */ #rightRail input[type='text'] { width: 120px; height: 16px; margin-top: .25em; padding: 2px; color: #444444; } #rightRail .cov-subscription input[type='text'] { width: 160px; height: 16px; padding: 2px; color: #444444; } #doc2 .basicBox .cov-subscription .covbl, #doc2 .basicBox .cov-subscription .covbr, #doc2 .basicBox .cov-subscription .covbc { margin-bottom: 0; } /* search council reports */ #searchCouncilRail, #searchCouncilBody { border: 1px transparent solid; white-space: nowrap; } #searchCouncilRail input { vertical-align: bottom; vertical-align: middle; } #searchCouncilRail input[type='text'] { width: 130px; margin: 0 2px 0 0; } #searchCouncilBody input[type='text'] { width: 340px; height: 16px; padding: 2px; float: left; margin-right: 6px; } #searchCouncilBody .button { float: left; } .googleSearch .links ul .title { font-size: 1em; } .googleSearch .links span.url { color: #6CB33F; } .googleSearch .links .size { color: #BDBBAC; } .googleSearch .navigation { float: none; height: 18px; line-height: 18px; margin-bottom: 12px; margin-top: 5px; } .googleSearch h3 { font-size: 1.2em; font-weight: normal; margin-top: 0; } .spell { margin: 0 0 1.5em; } .spell h3 { font-size: 1.2em; font-weight: normal; margin: 0.5em 0 0.25em; } form#search { margin: 0; } #meta img.searchImg{ padding-right: 5px; margin-bottom: 2px; } form#search input.searchBox { background: none repeat scroll 0 0 #F1F0EB; border: 0 none; color: #5D79A1; padding: 4px; width: 225px; } form#search input.searchBox { background: none repeat scroll 0 0 #FFFFFF; border: 3px solid #D0D3CF; height: 2em; color: #666666; margin-right: 4px; vertical-align: middle; width: 225px; margin-top: -30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; } form#search input.goSearch { height: 24px; margin: 0; padding: 0; vertical-align: middle; width: 24px; margin-top: -30px; } form#search input.searchBoxEmpty { background: url("/images/cov/ui/google-logo-site-search.png") no-repeat scroll 3px 10px #FFFFFF; height: 2em; margin-top: -30px; } /*#meta {width: 425px; float: right;margin-top: 25px;}*/ #meta { float: right; margin-top: 25px; text-align: right; width: 450px; } #neighbourhoodsDropDown { background: url("/images/cov/ui/lnkDropdown.png") no-repeat right 9px transparent; float: left; padding: 5px 16px 0 1em; } #neighbourhoodsDropDownMenu ul{ /* extra breathings space */ margin: 0 .5em .6em; } /* google search boxes */ div.query input.query { width: 140px; height: 22px; margin-right: 4px; padding: 0 2px; font-size: 1em; color: #444444; border: 1px solid #0081c6; vertical-align: middle; } div.neighbourhoods select { margin-left: 6px; height: 24px;padding-top:2px; color: #444444; border: 1px solid #0081c6; } /* #3116 searchBoxInitiatives bg image */ .googleEvents input.query, .googleNews input.query, .googleInitiatives input.query { background: url() no-repeat scroll 3px 4px #fff; } .dayView .navigation{font-size: 1em;margin-right:5px;margin-top:4px;margin-left: 5px; height: 35px; display: inline;} .dayView .navigation a { line-height: 31px;} .googleInitiatives input.searchBoxEmpty {background-image: url(/images/cov/ui/initSearch.png);} .googleNews input.searchBoxEmpty { background-image: url(/images/cov/ui/newsSearch.png);} .googleEvents input.searchBoxEmpty { background-image: url(/images/cov/ui/eventSearch.png); } /* #3116 -*/ /* carousel */ #homeContent .slider-wrapper{width:735px;} /* addThis - share button */ #content #addThisDiv { width: auto; float: right; margin: 0 -.5em 1em 1em; text-align: right; white-space: nowrap;} #content #addThisDiv a { float: left; font-size: .8em; color: #deddd6; text-align: right; text-decoration: none; line-height: 1.6em; } .atlbl .at16nc {margin-right: .35em;} /* 3730/3761 tabset module */ /* 3492 progressive disclosure */ .tabDetail { /* expand tab detail to content height */ float: left; } .tabSection .nav { /* positions tabs on top of tab detail to hide top border under selected tab only */ position: relative; } .tabDetail .imageList, .tabDetail .basicBox, .tabDetail .unstyledTextBlock, .tabDetail .mediumIconList, .tabDetail .simpleList, .tabDetail .smallIconList, .tabDetail .youTube, .tabDetail .pdSet { float: left; width: 510px; margin: 1em 0 0 0; } .tabDetail .photoOfTheDay, .tabDetail .smallList, .tabDetail .largeIconFeature { width: 245px; float: left; } /* fix iframes in tabs */ .tabDetail>iframe, .pdSection>iframe { display: block; clear: both; margin: 1em 0 0 0; } /* 3-1-1 header */ #cov-cta { display: block; position: absolute; top: 32px; left: 440px; } #cov-cta a { display: block; height: 0; float: left; background: url('/images/cov/icons/icon-311.png') 2px -34px no-repeat; margin: 0; padding: 0 68px 22px 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; text-decoration: none; } #cov-cta a:hover { background-position: 2px 2px; text-decoration: none; } /* 3492 progressive disclosure */ .pdSet { display: block; clear: both; float: left; /*width: 520px;*/ width: 100%; padding-bottom: 1.2em; } .pdSet>div { width: 100%; } .pdSet>div:first-child { margin: 0 0 1em; padding: 0; } .pdWrapper { display: block; clear: both; float: left; margin-top: .5em; margin-bottom: .5em; } .pdWrapper>div { float: left; width: 100%; margin-bottom: 0; } .pdSummary { cursor:pointer; } .pdWrapper div:not(.pdSummary) { width: calc(100% - 40px); padding-left: 40px; } /* fix tab margins */ .tabDetail>.unstyledTextBlock, .tabDetail>.unstyledTextBlock h1:first-child, .tabDetail>.unstyledTextBlock h2:first-child, .tabDetail>.unstyledTextBlock h3:first-child, .tabDetail>.unstyledTextBlock h4:first-child, .tabDetail>.unstyledTextBlock h5:first-child, .tabDetail>.unstyledTextBlock h6:first-child, .tabDetail>.unstyledTextBlock h6:first-child, .tabDetail>.unstyledTextBlock p:first-child, pdSet>div:first-child+h1, pdSet>div:first-child+h2, pdSet>div:first-child+h3, pdSet>div:first-child+h4, pdSet>div:first-child+h5, pdSet>div:first-child+h6, pdSet>div:first-child+p, p.pdControl+h1, p.pdControl+h2, p.pdControl+h3, p.pdControl+h4, p.pdControl+h5, p.pdControl+h6, p.pdControl+p { margin-top: 0; } .pdSection { display: block; clear: both; overflow-x: auto; overflow-y: hidden; margin-bottom: 0; } .pdSection p { clear: none; } body #doc .modContainer p.pdSpace { float: right; width: 0; height: 0; margin: 0; } body #doc #content p.pdControl, body #doc #content p.pdControl_remote, body #doc .modContainer p.pdControl, body #doc .modContainer p.pdControl_remote { float: left; margin: 0; font-size: .9em; } body #doc .modContainer p.pdControl_remote { margin-top: .1em; } /* PD 2017-05-BC enhancement */ /*body #doc .modContainer p.pdControl_remote .white-button {*/ body #doc p.pdControl_remote .white-button, body #doc #content p.pdControl_remote .white-button, body #doc .modContainer p.pdControl_remote .white-button { color: #0279B1; padding: 0.5em 2em; text-decoration: none; border-radius: 5px; margin: 5px; line-height: 2em; display: inline-block; cursor: pointer; border: 0; border: 1px solid #d0d0d0; -webkit-appearance: none; } body #doc p.pdControl_remote .white-button:hover, body #doc #content p.pdControl_remote .white-button:hover, body #doc .modContainer p.pdControl_remote .white-button:hover { color: #F8F8F8; background-color: #0279B1; } body #doc #content p.pdControl_remote a.white-button:first-child, body #doc .modContainer p.pdControl_remote a.white-button:first-child { margin-left: 0; } body #doc .modContainer p.pdControl a { /* PD 2017-02 enhancement */ /* padding: 0 0 0 1.2em; */ /* PD 2017-02 enhancement */ /* background: transparent url('/images/cov/icons/cov-pdicons.png') -12px -1px no-repeat; */ } body #doc #content p.pdControl a img, body #doc .modContainer p.pdControl a img { -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -o-transition-duration: 200ms; -ms-transition-duration: 200ms; transition-duration: 200ms; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); } body #doc .modContainer p.pdControl a.selected { background-position: -1px -19px; } /* PD 2017-05-BC enhancement */ /* body #doc .modContainer p.pdControl a.selected img { */ body #doc p.pdControl a.selected img, body #doc #content p.pdControl a.selected img, body #doc .modContainer p.pdControl a.selected img { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } /* PD 2017-05-BC enhancement */ /* body #doc .modContainer .pdSummary:hover p.pdControl { */ body #doc .pdSummary:hover p.pdControl, body #doc #content .pdSummary:hover p.pdControl, body #doc .modContainer .pdSummary:hover p.pdControl { background-color: #0279B1; } /* PD 2017-05-BC enhancement */ /* body #doc .modContainer p.pdControl { */ body #doc p.pdControl, body #doc #content p.pdControl, body #doc .modContainer p.pdControl { background-color: #FFF; } /* PD 2017-05-BC enhancement */ /* body #doc .modContainer .pdSummary p.pdControl .hs { */ body #doc .pdSummary p.pdControl .hs, body #doc #content .pdSummary p.pdControl .hs, body #doc .modContainer .pdSummary p.pdControl .hs { display:none; } body #doc #content .pdSummary p.pdControl .ns, body #doc .modContainer .pdSummary p.pdControl .ns { display: inherit; } body #doc .pdSummary:hover p.pdControl .ns, body #doc #content .pdSummary:hover p.pdControl .ns, body #doc .modContainer .pdSummary:hover p.pdControl .ns { display: none; } body #doc .pdSummary:hover p.pdControl .hs, body #doc #content .pdSummary:hover p.pdControl .hs, body #doc .modContainer .pdSummary:hover p.pdControl .hs { display: inherit; } /* PD 2017-05-BC enhancement */ /* body #doc .modContainer p.pdControl { */ body #doc p.pdControl, body #doc #content p.pdControl, body #doc .modContainer p.pdControl { border: 1px #d0d0d0 solid; border-radius: 5px; margin-right: 20px !important; } body #doc #content .pdSummary p:not(.pdControl), body #doc #content .pdSummary ul, body #doc .modContainer .pdSummary p:not(.pdControl), body #doc .modContainer .pdSummary ul { padding-left: 40px; } body #doc .modContainer a.pdControl_show { padding-left: 1.2em; padding-right: .3em; } body #doc .modContainer a.pdControl_hide { padding-left: 1.5em; } @media screen and (max-width: 620px) { /* PD 2017-05-BC enhancement */ body #doc p.pdControl, body #doc p.pdControl_remote, body #doc #content p.pdControl, body #doc #content p.pdControl_remote, body #doc .modContainer p.pdControl, body #doc .modContainer p.pdControl_remote { float: left; margin: 0; } /* PD 2017-05-BC enhancement */ body #doc #doc2 p.pdControl, body #doc #doc2 #content p.pdControl, body #doc #doc2 .modContainer p.pdControl { font-size: 1.1em; } /* PD 2017-05-BC enhancement */ body #doc #doc2 p.pdControl_remote, body #doc #doc2 #content p.pdControl_remote, body #doc #doc2 .modContainer p.pdControl_remote { white-space: nowrap !important; width: auto; font-size: 1em; } /* PD 2017-05-BC enhancement */ body #doc p.pdControl_remote a, body #doc #content p.pdControl_remote a, body #doc .modContainer p.pdControl_remote a { background-image: none; padding: 3px; border: 1px #ddd solid; border-radius: 4px; text-decoration: none; } /* PD 2017-05-BC enhancement */ body #doc p.pdControl_remote a:hover, body #doc p.pdControl_remote a:active, body #doc #content p.pdControl_remote a:hover, body #doc #content p.pdControl_remote a:active, body #doc .modContainer p.pdControl_remote a:hover, body #doc .modContainer p.pdControl_remote a:active { background-color: #f1f0eb; text-decoration: none; } /* PD 2017-05-BC enhancement */ body #doc .pdSummary p:not(.pdControl), body #doc .pdSummary ul, body #doc #content .pdSummary p:not(.pdControl), body #doc #content .pdSummary ul, body #doc .modContainer .pdSummary p:not(.pdControl), body #doc .modContainer .pdSummary ul { padding-left: 0px; } /* PD 2017-02 enhancement */ .pdWrapper div.pdSection { width: 100%; padding-left: 0px; } /* PD 2017-05-BC enhancement */ body #doc p.pdControl a.selected, body #doc #content p.pdControl a.selected, body #doc .modContainer p.pdControl a.selected { background-position: 0px -66px; } /* PD 2017-05-BC enhancement */ body #doc p.pdControl, body #doc p.pdControl_remote, body #doc #content p.pdControl, body #doc #content p.pdControl_remote, body #doc .modContainer p.pdControl, body #doc .modContainer p.pdControl_remote { font-size: .9em; } /* PD 2017-05-BC enhancement */ body #doc #doc2 p.pdSpace, body #doc #doc2 #content p.pdSpace, body #doc #doc2 .modContainer p.pdSpace { float: right; } /* PD 2017-05-BC enhancement */ body #doc #doc2 .pdSet p, body #doc #doc2 #content .pdSet p, body #doc #doc2 .modContainer .pdSet p { margin-bottom: 14px; } } @media screen and (max-width: 980px) { body #doc .modContainer p.pdControl, body #doc .modContainer p.pdControl_remote { font-size: .8em; } } /* Google Events day view and list view */ .dayViewList { margin: 0; padding: 0; } /* search box on event calendar */ .quinput { display: block; width: 30em; margin-left: 1em; } .quinput label { display: block; clear: both; width: 100%; font-size: 1em; margin: 0; padding: .2em 0; } .quinput .keywords, .quinput .filters { display: block; margin: 0; padding: 0; } .quinput .keywords { margin-top: .7em; } .quinput .keywords input { margin: 0; padding: .6em .2em ; height: 1em; width: 24.3em; vertical-align: middle; } .quinput .filters select { margin: 0; padding: .2em 0; height: 2.2em; width: 10.5em; } .quinput .keywords input, .quinput .filters select { border: 1px #0081c6 solid; } .quinput .neighbourhoods, .quinput .eventtype { margin-top: .6em; margin-right: .6em; } .quinput .buttons { margin: 2.3em 0 0; } .quinput .buttons input[type='submit'] { margin-right: .6em; } .dayViewList .navigation { /* margin: -1.22em 0 0; */ } .dayViewList .results { display: block; clear: both; float: left; width: 100%; margin-top: 1em; } /* embedded (not popup) date picker */ #eventsDatePicker, #newsDatePicker { float: left; margin-top: 0; padding-top: .9em; width: 11.25em; } #eventsDatePicker label, #eventsDatePicker input, #newsDatePicker label, #newsDatePicker input { font-size: 1em; } #eventsDatePicker input, #newsDatePicker input { margin: .2em 0 0; padding: .45em .2em; border: 1px #0081c6 solid; } .datePicker { display: block; float: left; margin: 0; padding: 0; font-size: .8em; background: #fff; border: 1px #bdbbac solid; width: 14.1em; /* ie6-7 only */ } .datePicker .toolbar, .datePicker .picker, .datePicker table { clear: left; float: left; margin: 0; padding: 0; width: 100%; height: auto; border: none; } .datePicker .toolbar { /* use relative positioning so controls can be absolutely placed */ display: block; position: relative; text-align: center; } .datePicker table, .datePicker table tr, .datePicker table th, .datePicker table td, .datePicker td.weekday, .datePicker td.empty, .datePicker td a { margin: 0; padding: 0; text-align: center; width: auto; height: auto; background: #fff; } .datePicker th, .datePicker td { border: 1px #fff solid; } .datePicker td.weekday, .datePicker td a { /* rows with text full height */ padding: 3px; } .datePicker td.empty { padding: 0; /* option 1: rows without links full height line-height: 1.6; */ /* option 2: hide empty rows - calendar may move */ line-height: 0; } .datePicker td.weekday { color: #444444; background-color: #bdbbac; font-weight: bold; } .datePicker td a { display: block; font-weight: bold; color: #444444; background-color: #f1f0eb; } .datePicker td a:hover { background-color: #bdbbac; text-decoration: none; } .datePicker .current a, .datePicker .current a:hover { color: #fff; background-color: #0279B1; text-decoration: none; } .datePicker .thisMonth { width: 100%; position: relative; text-align: center; font-weight: normal; margin: 0 auto; padding: 3px 0; color: #fff; background-color: #0279B1; } .datePicker .previousMonth, .datePicker .nextMonth { display: block; position: absolute; margin: 0; padding: 1px 4px; top: 0; width: auto; height: auto; font-size: 1.2em; font-weight: normal; z-index: 99; color: #fff; background-color: #0279B1; } .datePicker a.previousMonth:hover, .datePicker a.nextMonth:hover { color: #fff; background-color: #2e3c50; text-decoration: none; } .datePicker a.previousMonth { left: 0; } .datePicker a.nextMonth { right: 0; } .datePicker .close { display: none; } .dayViewList div.day { width: 100%; } .dayViewList .day h2 { font-size: 1.1em; color: #fff; /* border-radius: 3px 3px 0 0; */ } .dayViewList .item, .dayViewList .noItem { display: block; position: relative; clear: both; background-color: #f1f0eb; margin: 0 0 .5em; padding: 0 0 .6em; /*border-radius: 3px;*/ overflow: hidden; } /* .dayViewList .items .item, .dayViewList .items .noItem { border-radius: 0 0 3px 3px; } */ .dayViewList .noItem { padding: .6em; } .dayViewList .item h3 { margin: .7em 7em .6em; } .dayViewList .item ul { list-style: none; margin: 0; padding: 0; } .dayViewList .item ul li { display: block; margin: 0; } .dayViewList .item .evtime { position: absolute; margin: 0; padding: 0; width: 5.5em; top: .7em; left: .5em; } .dayViewList .description { margin: 0 1.5em; } /* left margin set */ .dayViewList .item h3, .dayViewList .item ul li, .dayViewList .description { margin-left: 7em; } /* ie6 fix */ * html .dayViewList .item .evtime { left: -7em; /* ie 6 only */ } .dayViewList .evicons { position: absolute; top: .6em; right: .5em; z-index: 1; } .dayViewList .evicons ul { display: block; list-style: none; margin: 0; padding: 0; } .dayViewList .evicons ul li { display: block; float: left; width: 16px; height: 16px; margin: 0; padding: 0; overflow: hidden; zoom: 1; white-space: nowrap; } .dayViewList .evicons ul li+li { margin-left: .38em; } .dayViewList .evicons ul li a { padding: 4em; background-color: transparent; background-position: left 4em; background-repeat: no-repeat; } .dayViewList .evicons ul li a:hover { background-color: #fff; } .icon_fb a { background-image: url('/images/cov/icons/icon_facebook_16x16.png'); } .icon_url a { background-image: url('/images/cov/ui/link.png'); } .icon_mail a { background-image: url('/images/cov/ui/email.png'); } .icon_cal a { background-image: url('/images/cov/ui/calendar_add.png'); } /* Common tasks 20140708 */ .basicBox .commonTasks { list-style: none; margin-left: .8em; margin-right: .6em; padding: 0; } .basicBox .commonTasks li a { display: block; padding: .4em 1.2em .4em 0; background: url('/images/cov/ui/arrowRight.png') right .7em no-repeat; } /* WebDocs styles 20140708 */ /* file types - universal code */ .content .basicBox li p, #homeContent .basicBox li p, #rightRail .basicBox li p, .content .unstyledTextBlock li p, #homeContent .unstyledTextBlock li p, #rightRail .unstyledTextBlock li p { /* clear left margin if P inside LI element */ margin-left: 0; overflow: visible; } /* file type spacing and colour */ a[rel=alternate] { /* apply spacing to link element NOT .file element, to prevent indent on line wrap */ margin-right: 0.5em; } .file { font-size: .9em; font-style: italic; /* or font-style: normal for non-italic */ color: #808285; } .file span { white-space: nowrap; } /* icon images */ .file { background-repeat: no-repeat; background-position: 0 0em; padding-left: 1.5em; background-image: url('/images/cov/icons/icon_document.gif'); } .file.PDF { /* Adobe reader files */ background-image: url('/images/cov/icons/icon_pdf.gif'); } .file.Office.Document, .file.DOC, .file.DOCX, .file.DOCM, .file.DOCM.file.DOT, .file.DOTX, .file.DOTM { /* Word documents require multiple handlers, VanDocs calls them "Office Document" */ background-image: url('/images/cov/icons/icon_word.gif'); } .file.XLS, .file.XLSX, .file.XLSM { /* Excel documents */ background-image: url('/images/cov/icons/icon_excel.gif'); } .file.PPT, .file.PPTX, .file.PPTM { /* Powerpoint documents */ background-image: url('/images/cov/icons/icon_powerpoint.gif'); } .file.image { /* refers to photographic image */ background-image: url('/images/cov/icons/icon_image_photo.gif'); } .file.PNG, .file.GIF, .file.BMP { /* refers to rasterized bitmap images */ background-image: url('/images/cov/icons/icon_image.gif'); } .file.Compressed, .file.ZIP, .file.RAR { /* refers to all archive types */ background-image: url('/images/cov/icons/icon_archive.gif'); } /* WebDocs lists */ .expired { background: #fdd; } .notpublished { background: #ffc; } .covhidden { display: none !important; } p.cov-inactive { font-size: smaller; font-style: italic; } .cov-error { background: #ffc; } .cov-doclist-set { clear: both; float: left; width: 98%; } .cov-doclist .inactivetoggle { font-size: .9em; float: right; margin: 0 0 1em; } .cov-dcsearch { clear: both; float: left; width: 98%; margin-bottom: 0; } .cov-dcsearch label { font-size: 1em; margin-bottom: .2em; } .cov-dcsearch #cov-dc-search { padding: 0.3em; width: 70%; } .cov-dcsearch #cov-dc-sortby { width: 10em; } .cov-dcsearch #cov-dc-sortdir { width: 10em; } .cov-dcsearch select { padding: 0; } .cov-dcsearch select option { padding: .1em.3em; } .cov-dcsearch .left span.button { margin-top: 1.3em; } .cov-doclist { clear: both; } .cov-doclist ul { clear: both; list-style: disc; } .cov-doclist ul li { margin-bottom: 0; } .cov-doclist ul li p { margin-top: 0; margin-bottom: 0; } .cov-doclist ul li p.cov-summary { margin-top: .2em; margin-bottom: .4em; } p.covDownloadFiles { height: 2em; } .cov-doclist ul.dcdownload { list-style: none; margin-left: 0; padding-left: 0; } .cov-doclist ul.dcdownload li p { margin-left: 1.8em; text-indent: -1.8em; } .cov-doclist ul.dcdownload li p.cov-summary { text-indent: 0; } .cov-doclist ul.dcdownload li p input { margin-right: .75em; vertical-align: middle; } /* pagination */ .covPagerContainer { padding-top: 1%; } .covPageSelector { display: block; float: left; margin: 0 0 1em; padding: 0; } .covPageSelector label { display: block; float: left; font-size: 1em; color: #444444; margin: .2em .3em 0 0; } ul.covPagerNav { clear: none; float: right; list-style: none; margin: .1em 0 1em; padding: 0; } ul.covPagerNav li { display: inline; margin-right: 10px; float: left; } ul.covPagerNav li.currentPage a { font-weight: bold; } /* right rail */ #rightRail .cov-doclist { padding-bottom: .5em; } #rightRail .cov-doclist ul li { padding: 0; } #rightRail .basicBox .cov-doclist label { margin-left: .7em; } #rightRail .basicBox .cov-doclist ul.dcdoclist { margin: 0; padding-left: 1.8em; } #rightRail .basicBox .cov-doclist ul.dcdownload { margin-left: 2.5em; margin-right: 0; } #rightRail .cov-doclist ul li p { margin-left: 0; overflow: visible; } #rightRail .cov-doclist ul.dcdoclist p { margin-left: .3em; } /* mobile add-on */ @media screen and (max-width: 980px) { body #doc .cov-doclist li p { margin-bottom: 0; margin-top: .2em; } /* pagination */ body #doc .covPagerContainer select { width: auto; } ul.covPagerNav { float: right; list-style: none; margin: 0 0 .5em; padding: 0; } ul.covPagerNav li { display: inline; margin: 0 4px 10px 0; float: left; min-width: 24px; } ul.covPagerNav li a { padding: 3px 8px; font-size: 14px; font-weight: bold; border: 1px solid #ddd; background: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } ul.covPagerNav li.currentPage a { background: #f0f0f0; border-color: #ccc; text-decoration: none; } body #doc .cov-doclist li p { margin-bottom: 0; margin-top: .2em; } body #doc .cov-doclist li em.file { padding-left: 1.2em; } } @media screen and (max-width: 620px) { body #doc #cov-dc-title { width: 95%; } body #doc form p.left { float: none; width: 99%; } body #doc form select { width: 100%; } } /* Dec 10, 2014 */ /* css style for responsive video */ .videoIframeDiv { position: relative; padding-bottom: 56%; max-width: 100%; height: auto; clear: both; overflow: hidden; margin: 1em 0; } .videoIframe { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } /* June 02, 2015 */ /* css fix flexible width for table */ table.tableFlexWidth { width: initial; } /* Dec 24, 2015 */ /* archived item */ .event-title .isArchived, .news-title .isArchived { font-size: .75em; /*background-color: rgba(158, 129, 181, 0.29); border-left: #56406a 3px solid;*/ background-color: rgba(178, 178, 178, 0.25); border-left: #B2B2B2 3px solid; padding: 2px 7px 2px 5px; } /* Jan 08, 2016 */ .googleSearch .isArchived, .googleNews .isArchived, .googleEvents .isArchived { font-size: .75em; /*background-color: rgba(158, 129, 181, 0.29); border-left: #56406a 3px solid;*/ background-color: rgba(178, 178, 178, 0.25); border-left: #B2B2B2 3px solid; padding: 2px 7px 2px 5px; } /* Oct 31, 2016 */ .googleSearch .search-result-pdf { font-size: .75em; background-color: rgba(246, 142, 86, 0.25); border-left: #F68E56 3px solid; padding: 2px 7px 2px 5px; } /* Mar 2016 - New design */ #homeBanner .slider-wrapper { display: table-cell; display: inline-block; -webkit-flex: 2 1 auto; -ms-flex: 2 1 auto; flex: 2 1 auto; width: 66%; height: 329px; overflow: hidden; } .nivoSlider a.nivo-imageLink { } #homeBanner .nivo-main-image { min-height: 330px; } /* HEADER */ #header #cov-cta { display: none; } #header .tools { float: right; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 5px; margin-right: -5px; font-size: 20px; } #header .tools div { height: 28px; margin: 5px; padding: 5px 10px; display: inline-block; } #header .tools > a { float: right; } /* #header .tools #search { background-color: #5DA61B; color: #fff; } #header .tools #search form { opacity: 0; display: none; float: left; margin-right: 10px; } #header .tools #search form .query { border: 0; background-color: #fff; height: 34px; font-size: 65%; padding-left: 10px; margin-top: -3px; margin-left: -8px; } #header .tools #search.open { z-index: 30; } #header .tools #search.open form { display: block; opacity: 1; } */ #header .tools #phone, #header .tools #phone a { background-color: #0279B1; color: #fff; } #header .tools #phone:hover, #header .tools #phone a:hover, #header .tools div#apps:hover { /*background-color: #93958b;*/ background-color: #F1F0EB; /*transition: all 0.5s ease;*/ } #header .tools #phone:hover, #header .tools #phone a:hover, #header .tools div#apps:hover { color: #0279B1; } #header .tools div#apps:hover { color: #5DA61B; } #header .tools #phone a:hover, #header .tools #apps a:hover { text-decoration: none; } #header .tools #apps, #header .tools #apps a { background-color: #5DA61B; color: #fff; } #header .tools #howdoi { padding: 0; z-index: 20; position: absolute; /*right: 265px;*/ /*right: 156px;*/ /*right: 420px;*/ /* right: 440px; */ right: 640px; } #header .tools #howdoi a.heading { color: #0279B1; display: block; padding: 5px 10px; float: right; } #header #search { width:300px; padding: 0!important; height: 32px!important; } #header form.header-searchbox{ margin: 0; } #header form.header-searchbox i { padding-top: 6px; } #header .header-searchbox{ position:relative; min-width:36px; width:0%; height:100%; float:right; overflow:hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; z-index: 30; border: 3px #5DA61B solid; } #header .header-searchbox-input{ top:0; right:0; border:0; outline:0; /*background:#dcddd8;*/ width:100%; height:100%!important; margin:0; padding:0px 45px 0px 12px; font-size:18px; color: #666666; -webkit-appearance: none; } /* .header-searchbox-input::-webkit-input-placeholder { color: #5d79a1; } .header-searchbox-input:-moz-placeholder { color: #5d79a1; } .header-searchbox-input::-moz-placeholder { color: #5d79a1; } .header-searchbox-input:-ms-input-placeholder { color: #5d79a1; } */ #header .header-searchbox-icon, #header .searchbox-submit{ width:36px; height:34px; display:block; position:absolute; top:0; font-size:18px; right:0; padding:0; margin: 0; border:0; text-align:center; cursor:pointer; color:#fff; background:#5DA61B; -webkit-appearance: none; } #header .header-searchbox-icon { background:#5DA61B; color: #fff; } #header .header-searchbox-icon:hover { background-color: #D9D9D5; color: #5DA61B; /*transition: all 0.5s ease;*/ } /* #header .searchbox-submit{ margin-top: -2px; background:#fff; color:#6eb349; } */ #header .searchbox-submit:hover { background-color: #D9D9D5; color: #5DA61B; } #header .searchbox-open{ width:100%; } #header .lnkDropdown { background:none; } #header .tools #howdoi ul { display: none; background-color: #D9D9D5; font-size: 0.8em; clear: both; } #header .tools #howdoi ul li a { color: #666666; } #header .tools #howdoi ul li i { padding-left: 10px; line-height: 1.25em; /*max-width: 5px;*/ } #header .tools #howdoi:hover { box-shadow: 0px 3px 5px #888888; height: inherit; background-color: #0279B1; cursor: pointer; } #header .tools #howdoi:hover a.heading { background-color: #0279B1; color: #fff; text-decoration: none; /*box-shadow: 0px 3px 5px #888888;*/ } #header .tools #howdoi:hover ul { box-shadow: 0px 3px 5px #888888; display: block; margin: 0; list-style-type: none; } #header .tools #howdoi:hover ul li { margin: 0; padding: 5px 10px; } #header .tools #howdoi:hover ul li:hover { background-color: #0279B1; } #header .tools #howdoi:hover ul li:hover a { color: #fff; cursor: pointer; } #header .tools #howdoi:hover ul li a, #header .tools #howdoi:hover ul li a:hover { text-decoration: none; display: inline-block; width: 100%; } /* MODULES */ #homeBanner .theme-default .nivoSlider img, #homeBanner .theme-default .nivoSlider { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; } #homeBanner .iconList { margin: 0; padding: 0; width: 33.6%; display: table-cell; border-collapse: separate; vertical-align: top; display: inline-block; } #homeBanner .iconList ul { list-style-type: none; padding: 0px; margin: 0px; /*flex: 1 1 auto;*/ display: block; /*display: flex; flex-direction:column;*/ } #homeBanner .iconList li { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; border-top: 1px solid #dedede; display: block; min-height: 75px; } #homeBanner .iconList li:last-child, #homeContent .iconList li.moreServices, #homeContent .iconList li.vanConnect { border-bottom: 1px solid #dedede; } #homeBanner .iconList li:last-child:hover, #homeContent .iconList li.moreServices:hover, #homeContent .iconList li.vanConnect:hover { border-bottom: 1px solid #539fe6; } #homeBanner .iconList li:hover { background-color: #0279B1; } #homeBanner .iconList li:hover a { color: #fff; } #homeBanner .iconList li a { display: block; padding: 15px 4% 8px 4%; width: 92%; color: #0279B1; font-size: 18px; text-decoration: none; min-height: 55px; height: 100%; line-height: 2.5em; } #homeBanner .iconList li.green a { color: #5DA61B; background-position: 25px 50%; } #homeBanner .iconList li.green:hover { background-color: #5DA61B; border-bottom: 1px solid #6fb144; } #homeBanner .iconList li.green:hover a { color: #fff; } #homeBanner .iconList li .icon { width: 20%; padding: 0 20px; text-align: center; } #homeBanner .iconList li .icon img { width: 53px; } #homeBanner .iconList li div { display: table-cell; vertical-align: middle; } #homeBanner .iconList li a img.default { display: inline; } #homeBanner .iconList li a img.active { display: none; } #homeBanner .iconList li a:hover img.default { display: none; } #homeBanner .iconList li a:hover img.active { display: inline; } #homeBanner .iconList li.vanConnect { /*display: none; border-bottom: 1px solid #dedede;*/ } #homeBanner .iconList li.talk { border-bottom: 0; } #homeBanner .row, #footer .row { clear: both; display: block; background-color: #fff; margin: 0 -204px; padding: 0 204px; } #homeBanner .row:after, #footer .row:after { clear: both; } #homeBanner .fullWidth, #footer .fullWidth { margin: 0; padding: 0; } /* #homeBanner .nivo-caption { z-index: 10; position: absolute; left: 8px; bottom: 0px; margin: 0; padding: 30px 35px; text-align: left; text-shadow: none; width: auto; max-width: 90%; background-color: #fff; opacity: 0.9; color: #fff; cursor: pointer; cursor: hand; -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg); font-size: 2em; height: auto; } */ #homeBanner .nivo-caption { z-index: 10; padding: 10px 25px 10px 20px; width: auto; max-width: 80%; opacity: 0.85; color: #000; height: auto; width: auto; bottom: 25px; font-size: 2em; height: auto; background-color: #fff; } /* #homeBanner .nivo-caption h2, #homeBanner .nivo-caption h3, #homeBanner .nivo-caption p, #homeBanner .nivo-caption a { -webkit-transform: skewX(10deg); -ms-transform: skewX(10deg); transform: skewX(10deg); } */ #homeBanner .nivo-caption .button { -webkit-transform: skewX(10deg); -ms-transform: skewX(10deg); transform: skewX(10deg); background-color: #fff; outline: 0; border: 0; padding: 5px 25px; margin: 25px 0 0 0; color: #6fb144; font-size: 20px; font-weight: light; } #homeBanner .nivo-html-caption.blue { background-color: rgba(77, 157, 232, 0.9); } #homeBanner .nivo-html-caption.blue .button { color: #4d9de8; } /* FOOTER */ #footer { width: auto; display: block; font-size: 1.2em; margin-bottom: -20px; clear: both; } #footer hr { margin: 0 2em; border-right: 2px #e5e5e4 solid; opacity: 0.25; filter: alpha(opacity=25); /* For IE8 and earlier */ } #footer .seperator { background-color: #0279B1; } #footer h2 { font-size: 16px; text-transform: uppercase; letter-spacing: 1.3px; padding-bottom: 5px; } #footer ul { list-style-type: none; padding: 0px; margin: 10px 0; } #footer p, #footer a, #footer h2, #footer h3 { color: #fff; } #footer p img { vertical-align:middle; /* padding-left:16px */ } #footer .top { background-color: #0279B1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: table; width: 100%; } #footer .top div p.apps-download { padding: 0px 0px 10px 0px; } #footer .top .pull-left { margin-top: 10px; } #footer .top div > :first-child { /* footer 3 levels */ /* width: initial; */ padding: 0; display: block; } #footer .top div div { padding-right: 15px; } #footer .top .footer-311 { margin-bottom: 0.3em; margin-top: 0.3em; display: block; clear: both; } #footer .top div { display: table-cell; -webkit-flex: 1; -ms-flex: 1; flex: 1; /*padding: 5px 25px 25px 25px;*/ padding: 10px 25px 10px 25px; /*width: 27%;*/ width: 33%; vertical-align: middle; } #footer .top div p { margin-bottom: 0.6em; } #footer > :first-child { padding-top: 1.5em; } /* #footer .top div:first-child { display: table-cell; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 5px 25px 25px 25px; width: 46%; } */ #footer .cov-logo { height: 70px; } #footer .top .footer-map-img { float: left; /* width: 80%;*/ width: inherit; } #footer .top .footer-map { float: left; margin-top: 10px; /* width: 50%; */ width: 40%; padding-left: 10px; } #footer .top .footer-map-link { display: none; } #footer .top .footer-address { float: left; width: 50%; } #footer .top .footer-address p { line-height: 1.6em; } #footer .bottom { background-color: #0279B1; padding: 25px; padding: 10px 230px 30px 230px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: block; } #footer .bottom div:after { clear: both; } #footer .bottom .copyright { float: left; } #footer .lookingfor { float: right; text-align: right; width: auto; } #footer .lookingfor ul { display: table-cell; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: right; } #footer .lookingfor ul li { float: left; margin: 0 5px; } #footer .bottom .lookingfor p a { margin-left: 25px; } /* #footer .fa-inverse { color: #2374a2; } */ #footer a:hover .fa-inverse, #footer .footer-social-media a:hover img { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } #footer .footer-social-media a:hover { color: #93958b; } /* Items */ /*#homeContent .listItem { margin-top: 10px; } #homeContent .listItem p { margin: 0 0 10px 0; } */ /* FIXES */ .left { float: left; } .right { float: right; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } @media (max-width: 1366px) { #homeBanner .row, #footer .row { /* margin: 0 -25px; padding: 0 25px; */ margin: 0 -32px; padding: 0 32px; } #footer .bottom { padding: 10px 55px 20px 55px; } } /* RESPONSIVE (MOBILE) */ @media (max-width: 979px) { #homeBanner .slider-wrapper { width: 65%; } body #doc #homeContent { width: auto; width: initial; } #header .tools { display: none; } .banner { display: block; } .banner .carousel { /*width: 100%;*/ /*height: 300px;*/ -webkit-order: 1; -ms-flex-order: 1; order: 1; /*display: table-header-group;*/ display: none; } .newsAndEvents:parent { display: table; border-collapse: separate; border-spacing: 25px 25px; } .newsAndEvents { margin-right: 0; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto; padding: 0 25px; display: table-footer-group; } .news, .events { display: block; width: auto; margin: 35px 25px 0 25px; padding: 0; } .alertsAndTwitter { margin-bottom: 0; padding: 0 25px; -webkit-order: 1; -ms-flex-order: 1; order: 1; display: table-header-group; width: auto; } .alerts { display: block; width: auto; margin: 35px 25px 0 25px; } .twitter { display: none; } .talkmenu { display: block; } .card { display: block; width: auto; border-radius: 5px; margin: 25px; margin-top: 0; } #footer { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #footer .top div:nth-child(2) { width: auto; } #footer .top div div { padding-right: 0px; } #footer .top div:nth-child(3) { /*padding: 5px 20px 25px 25px;*/ padding: 25px 20px 25px 25px; width: 32%; } #footer .bottom div { display: block; width: initial; text-align: center; width: 100%; padding-bottom: 15px; } #footer .lookingfor img { margin: 15px 25px; } #footer p img { padding-left:0px } #footer .row { margin: 0 -32px; padding: 0 33px 0 32px; } #footer .bottom.row { padding: 0 55px 0 55px; } } @media (max-width: 760px) { #homeBanner .slider-wrapper { display: none; } #homeBanner .iconList { -webkit-order: 2; -ms-flex-order: 2; order: 2; width: auto; width: initial; display: table-row-group; margin-top: 25px; margin-bottom: 25px; } #homeBanner .iconList li { min-height: 75px; } #homeBanner .iconList li a { min-height: 72px; padding-bottom: 0px; } #homeBanner .iconList li.garbage { border-bottom: 1px solid #dedede; } #homeBanner .iconList li.garbage:hover { border-bottom: 1px solid #539fe6; } #homeBanner .iconList li.moreServices a { /*display: none; padding: 20px 4% 0px 4%; margin-top: 5px; min-height: 70px;*/ } #homeBanner .iconList li.vanConnect { display: block; display: -webkit-flex; display: -ms-flexbox; display: flex; /*border-top: 0;*/ } #homeBanner .iconList ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; } #homeBanner .iconList li { border-bottom: 1px solid #dedede; } /* #footer .top .footer-map { display: none; } #footer .top div:first-child { width: 33%; } #footer .top .footer-map-link { display: inline; text-decoration: underline; } #footer .top .footer-address { width: 100%; } #footer .lookingfor { text-align: center; } */ } @media (max-width: 600px) { #footer .top div { width: 100%!important; } #homeBanner .slider-wrapper { display:none; } #homeBanner .iconList ul { columns: 1; -webkit-columns: 1; -moz-columns: 1; } #homeBanner .iconList li.green a { margin-top: 5px; min-height: 70px; padding: 15px 4% 0px 4%; } } @media (max-width: 780px) { /* #footer .top div { */ #footer .top > div { display: block!important; width: initial; clear: both; } #footer .top .apps-download { float: left; clear: none; } #footer .bottom div { text-align: left; } #footer .bottom .lookingfor p a { float: left; clear: left; display: block; margin-top: 5px; margin-left: 0px; } #footer .top .footer-map { display: none; } #footer .top div:first-child { width: 33%; } #footer .top .footer-map-link { display: inline; text-decoration: underline; } #footer .top .footer-address { width: 100%; } #footer .lookingfor { text-align: center; } .footerMiddle div:nth-child(2) { padding-top: 0!important; padding-bottom: 0!important; } .footerMiddle div:first-child { padding-bottom: 0!important; } } @media (max-width: 980px) { #homeBanner .slider-wrapper { /*width: 100%;*/ } #homeBanner .nivo-main-image { width: 100%; min-height: 330px; } #homeContent .basicBox { width: 32%; } .iconList { display: block; } } /* end Jan 2016 - New design */ .hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } #rightRail h2.modHeader { background: #F8F8F8; color: #015982; font-weight: bold; border: 0; padding-top: 5px; } #rightRail .smallList, #rightRail .simpleList, .imageList, .smallIconList, .mediumIconList, .largeIconFeature, .basicBox, .googleMap, .youTube, .photoOfTheDay { background: #F8F8F8; border: #D9D9D5 1px solid; float: left; width: 100%; } #rightRail.homeRightRail h2.modHeader { background: #0279B1; color: #FFF; font-weight: normal; border: 0; } .ios-only, .android-only, .mobile-only { display: none; } .old3ColTemplate { /* background-color: #8b2518; */ } /* OSI Short Term Rental */ .STR input[type=text]:focus, .STR input[type=password]:focus, .STR input[type=url]:focus, .STR input[type=email]:focus, .STR input[type=search]:focus, .STR input[type=tel]:focus, .STR input[type=number]:focus, .STR textarea:focus, .STR select:focus { outline: 2px solid #0971b2 !important; outline-offset: 0 !important; } /*@media (max-width: 980px) { form#search input.searchBox { border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } }*/ .osi-redTextError ul, .osi-redTextError span { color: #d0021b !important; } .osi-error-text-no-margin { margin-left: 0; color: #d0021b !important; font-size: 1em; padding: 5px 0 25px 0; } .osi-error-text { margin-left: 1.5em; color: #d0021b !important; font-size: 1em; } .STR .floatLeft.button input[type=submit]:focus { outline: none; } .osi-error-text:before { display: none; } .osi-error-text span:before { font-family: FontAwesome; content: '\f06a'; color: #d0021b; margin-right: .4em; font-size: 1.2em; } .STR .error-text-eligibility:before { font-size: 1.2em; } .STR .help-text:before { font-size: 1.2em; } .osi-error-text span { padding: 5px 0 30px 0px; display: inline-block !important; } .osi-error-text-no-margin span { padding: 5px 0 30px 0px; display: inline; } .STR .editApplicationEntry .applicationLeft { width: 120px; } .osi-radio-label label, .osi-checkbox-label { font-size: 1em; } @media (max-width: 370px) { .STR .AccessConsent .ChkLeft input[type='checkbox'] { margin: 0 0 10px 10px; } }