/* City of Edmonton Template Layout Style Definitions */ /* for good browsers */ @viewport{ width: extend-to-zoom; zoom: 1.0; } /* for IE10 */ @-ms-viewport{ width: extend-to-zoom; zoom: 1.0; } /* Body Main */ body {margin:0;padding:0;} #doc {margin:0 auto;} /* Header old */ #header {background-color:#181818;} #headerbackground {margin:0 auto;min-width:945px;height:340px;background:url(/interface/bg_header.jpg) no-repeat top center;visibility:hidden;} #header #headerbackground #headContainer {position:relative;width:965px;margin:0 auto;} #header #headerbackground #headContainer img.headerLogo {float:left;margin:143px 0 0 20px;padding:0;width:214px;height:70px;} #header #headerbackground #headContainer img#headerLogo {visibility:visible;} #header #headerbackground #headContainer img#headerAudienceTitle {position:absolute;z-index:1020;top:260px;left:30px;padding:0;width:213px;height:59px;visibility:visible;} #headerSecondary {margin:0 auto;height:200px;min-width:945px;background:#ffffff url("/interface/bg_headerSecondary.jpg") no-repeat top center;} #headerSecondary #headContainer {position:relative;width:965px;margin:0 auto;} #headerSecondary #headContainer img.headerLogo {float:left;margin:60px 0 0 20px;padding:0;width:214px;height:70px;} #headerPopup {margin:0 auto;height:86px;min-width:945px;background:#181818 url(/interface/bg_headerPopup.jpg) no-repeat top center;} #headerPopup #headContainer {position:relative;width:965px;margin:0 auto;} #headerPopup #headContainer img.headerLogo {float:left;margin:13px 0 0 80px;padding:0;width:214px;height:70px;} /* #metaNav {position:absolute;z-index:1010;left:609px;top:0;padding:0;width:345px;height:53px;background:transparent url(/interface/bg_metaNav.png) no-repeat top;text-align:center;visibility:visible;} #metaNav p {padding-top:3px;font-size:.8em;color:#fff;} #metaNav a {display:inline;padding:0;line-height:20px;text-decoration:none;color:#fff;} #metaNav a:hover {text-decoration:underline;} #metaNav form {margin-top:-8px;} #metaNav input.searchText {width:251px;height:15px;border:1px solid #C3C3C3;font-size:.9em;display:inline;padding:2px 0 0 3px;color:#666;-webkit-appearance: none;border-radius: 0;} #metaNav input.btn {width:20px;height:20px;display:inline;border:0 none;font-weight:bold;font-size:.9em;color:#fff;background:transparent url(/interface/button_search.gif) no-repeat top;margin-bottom:-2px;-webkit-appearance: none;border-radius: 0;} */ #doc.plainpage img.plainpagelogo {margin:5px;} /* #headFeature {position:absolute;z-index:900;left:620px;top:74px;padding:10px 30px;width:285px;height:256px;background:transparent url(/interface/carousel.png) no-repeat top;color:#fff;visibility:hidden;} */ #headFeature h1 {margin-top:25px;font-size:2.3em;font-weight:normal;} #headFeature p a {color:#ccc;} #flashFeature {width:1300px;position:absolute;z-index:1000;top:0px;left:0px;margin:0 -167px 0 -167px;} /* Header NEW */ /* Header */ /* Header */ #header {background-color:#ffffff;} #headerBarDiv {position:absolute;height:24px;width:100%;background-color:#3e3e3e;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;z-index:1} #headerbackground {margin:0 auto;min-width:945px;height:340px;visibility:hidden; } #header #headerbackground #headContainer {position:relative;width:965px;margin:0 auto;z-index:2;} /* new stuff mar 28th 2012 */ #header #headerbackground #headContainer img.headerLogo {float:left;margin:0 0 0 16px;padding:0;width:180px;height:50px;} #header #headerbackground #headContainer img#headerLogo {visibility:visible;} #header #headerbackground #headContainer img#headerAudienceTitle {position:absolute;z-index:1020;top:260px;left:30px;padding:0;width:213px;height:59px;visibility:visible;} #headerSecondary {margin:0 auto;height:200px;min-width:945px;background:#ffffffurl("http://www.edmonton.ca/interface/bg_headerSecondary.jpg") no-repeat top center;} #headerSecondary #headContainer {position:relative;width:965px;margin:0 auto;z-index:2} #headerSecondary #headContainer img.headerLogo {float:left;margin:60px 0 0 20px;padding:0;width:214px;height:70px;} #headerBackgroundImage {visibility:visible;position:absolute;width:1300px;margin-left:-650px;left:50%; filter:alpha(opacity=100);} #metaNav {position:absolute;z-index:1010;left:0;top:0;padding:0;width:100%;height:53px;visibility:visible;} #metaNav #skip{float:left;width:40px;margin:3px 0 0 -24px;font-size:0.7em;line-height:1.2em;text-align:center;color:#5c5c5c;font-family:Arial, sans-serif;} #metaNav p {float:right;padding-top:2px;margin: 0;font-size:.8em;color:#fff;z-index:2;} #metaNav #transparentDiv {position:absolute;left:232px;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;height:8px;width:464px;background-color:#3e3e3e;margin-top:24px;} #metaNav a {display:block;float:left;padding:0;line-height:20px;text-decoration:none;color:#fff;font-family:Arial, sans serif;font-size:9pt;margin-right:28px;} #metaNav a img{margin-top:-1px} #metaNav a:hover {text-decoration:underline;} #metaNav form {position:absolute;margin:4px;left:232px;width:464px;height:32px;z-index:1;} #metaNav input.searchText {float:left;width:309px;height:22px;border:0;display:inline;padding:0 0 0 3px;color:#006699;text-indent:3px;font-family: Arial, sans-serif;font-size:12pt;-webkit-appearance: none;border-radius: 0;} #metaNav #searchLabel{position:absolute;color:#006699;text-indent:6px;font-family: Arial, sans-serif;font-size:12pt;padding:2px 0 0 0;top:0;left:0} #metaNav input.btn {display:block;float:left;width:22px;height:22px;border:0;background: #fff url('/interface/button_search.png') no-repeat top;cursor:pointer;margin:0;-webkit-appearance: none;border-radius: 0;} #metaNav .btnPopular {display:block;overflow:hidden;-webkit-appearance:none;float:left;width:114px;height:18px;padding:4px 0 0 6px;font-size:8.5pt;font-color:#3e3e3e;border:none;background: #e1e1e1 url('/interface/button_popular.png') no-repeat left 1px;background-position:108px 1px;cursor:pointer;margin:0;} #metaNav form ul {position:absolute;top:25px;left:133px;background:white;width:250px;margin:0 0;list-style:none} #metaNav form ul li{font-family:Arial, sans serif;font-size:9pt;cursor:pointer;text-indent:16px;padding:1px 0; } #metaNav form ul li:hover{text-decoration:underline} #metaNav form ul img{margin:4px 0 0 216px;padding:0;cursor:pointer;width:9px;height:9px} #metaNav #searchNav {padding-bottom:8px;margin:0 0 0 72px;visibility:hidden;/* add this trough js visibility:hidden; */} #metaNav #weatherMiniWidget{font-family:Arial, sans serif;font-size:9pt;color:#ffffff} #metaNav .weatherConditionsMiniIcon img{width:24px;height:20px} #metaNav .weatherCurrentMiniTemp {display: inline-block;height: 20px;line-height: 20px;vertical-align:top;} #metaNav .searchDiv{border:1px solid #C3C3C3;height:22px;width:454px;position:relative;} /* end new stuff 28 mar 2012 */ .homepageNavigationGeneral{top:303px;*top:303px;position:absolute;z-index:910;} .secondaryNavigationGeneral{top:163px;*top:163px;position:absolute;} /* .secondaryNavigationGeneral{margin-top:130px;position:absolute;} */ .secondaryNavigation{margin:168px 0 0 0 !important;} .secondaryNavigationNeighborhood{margin-top:130px;position:absolute;} .secondaryNavigationApplication{margin-top:85px;position:absolute;} #mediaHolder{position: absolute; top:74px; left:270px; width:320px; height:220px;z-index:1500;opacity:0;filter:alpha(opacity=100);display:none;} #mediaHolder p {color:#ccc;} #mediaHolder p a {color:#ccc;} /* #headFeature {position:absolute;z-index:900;left:620px;top:64px;padding:10px 30px;width:285px;height:256px;background:transparent url(/interface/carousel.png) no-repeat top;color:#fff;visibility:hidden;} #headFeature {position:absolute;z-index:900;left:620px;top:64px;padding:5px 30px;width:285px;height:256px;background:transparent url(/interface/carousel.png) no-repeat top;color:#fff;visibility:hidden;filter:alpha(opacity=100);} */ #headFeature {position:absolute;z-index:900;left:630px;top:64px;padding:5px 30px;width:285px;height:256px;color:#fff;visibility:hidden;} #headFeatureBackground{ background:transparent url(/interface/carousel.png) no-repeat top;position: absolute; top:0px; left:0px;width:100%;height: 100%;z-index:90; } #headFeatureContent{position: absolute;top:0; left: 50px; width:188px;height:256px; z-index:100;filter:alpha(opacity=100);} .headFeatureBarDiv {margin:0 auto;border-top:1px solid #1a7fb3;width:40px;} #headFeature h1 a{color:#FFF;} #headFeature h1 a:hover {color:#1a7fb3; text-decoration:none;} /*#largeLink {top:56px;position:absolute;display:block;background:transparent;width:944px;height:220px;left:10px}*/ #largeLink {top:56px;position:absolute;display:block;background-color: #fff;opacity: 0;filter: alpha(opacity=1);width:944px;height:220px;left:10px} /*#headFeature h1 {margin-top:25px;font-size:2.3em;font-weight:normal;}*/ #headFeature h1 {margin:16px 0; font-size:2.63em;font-weight:normal;font-family: 'Arial Narrow',Arial, sans-serif;text-align: center;} #headFeature .nonNarrow { font-size:2.4em;font-weight:normal;font-family:Arial, sans-serif;text-align: center;} #headFeature p {font-family: 'Arial', sans-serif;font-size: 0.986em;margin-top:16px; } #headFeature p a {color:#ccc;} #storyHolder{position:absolute; z-index:1000;top:80px;left:880px; } #storyHolder .storyItem{position:relative; float:left; height:40px; width: 64px; margin:0 8px 4px 0; filter:alpha(opacity=100);} /*#storyHolder .storyItem a{height:40px;width:64px;display: block; border:solid 1px #000;}*/ #storyHolder .storyItem a{height:38px;width:62px;display: block; border:solid 1px #000;} #storyHolder .storyItem :hover{border-color: #1a7fb3;} #storyHolder .storyItem .selected {border-color:#FFF;} /*#storyHolder .storyItem a .cover{z-index:200; background:#000; opacity:0.3;filter:alpha(opacity=30); width:64px; height:40px; position: absolute; }*/ #storyHolder .storyItem a .cover{z-index:200; background:#000; opacity:0.3;filter:alpha(opacity=30); width:62px; height:38px; position: absolute; display:block; } #storyHolder .storyItem a:hover .cover {visibility:hidden;} #storyHolder .storyItem a .coverSelected{visibility:hidden;} #storyHolder .storyItem .carousel_thumb{ position: absolute; width:130px; height:41px;left:-39px;clip:rect(0px 102px 38px 40px);-ms-interpolation-mode: bicubic; outline: 1px solid transparent; image-rendering: crisp-edges } /*filter:alpha(opacity=100); */ /* #storyHolder .storyItem .carousel_thumb{position: absolute; filter:alpha(opacity=100); left: -39px; width:130px; height:41px; clip:rect(0px, 103.5px, 40px, 40px); ms-interpolation-mode: bicubic; } #storyHolder .storyItem .carousel_thumb{position: absolute; filter:alpha(opacity=100); left: -40px; width:130px; height:40px; clip:rect(0px, 104px, 40px, 40px); clip:rect(0px 104px 40px 40px); ms-interpolation-mode: bicubic; } */ /**/ #storyHolder .storyItemHoverDisabled{position:relative; float:left; height:40px; width: 64px; margin:0 8px 4px 0; filter:alpha(opacity=100);} #storyHolder .storyItemHoverDisabled a {height:38px;width:62px;display: block; border:solid 1px #000;}} #storyHolder .storyItemHoverDisabled a .selected {border-color:#FFF;} #storyHolder .storyItemHoverDisabled .selected {border-color:#FFF;} #storyHolder .storyItemHoverDisabled a .cover{z-index:200; background:#000; opacity:0.3;filter:alpha(opacity=30); width:64px; height:40px; position: absolute; } #storyHolder .storyItemHoverDisabled .cover {visibility:visible;} #storyHolder .storyItemHoverDisabled a .coverSelected{visibility:hidden;} #storyHolder .storyItemHoverDisabled .carousel_thumb{position: absolute; filter:alpha(opacity=100); left: -39px; width:130px; height:41px; clip:rect(0px 102px 38px 40px);-ms-interpolation-mode: bicubic; } /* #storyHolder .storyItem{position:relative; float:left; } #storyHolder a .cover{background:#000; opacity:0.6;filter:alpha(opacity=60); width:42px; height:27px; position: absolute; top:0px; left:0px;} #storyHolder a:hover .cover {visibility:hidden; } #storyHolder a{margin-right: 8px;} #storyHolder a img{border-color:transparent;border-style:solid;border-width:1px; } #storyHolder a:hover img {border-color:#FFF;} #storyHolder a .coverSelected{visibility:hidden;} #storyHolder a .selected {border-color:#FFF;} */ #btnLeft{background: url(/interface/btn_navLeft.png) no-repeat center; width:12px; height: 25px;display:none;float:left;margin-right:8px;} #btnLeft:hover{background: url(/interface/btn_navLeft_over.png) no-repeat center;} #btnRight{background: url(/interface/btn_navRight.png) no-repeat center; width:12px; height: 25px;display: none;float:left;} #btnRight:hover{background: url(/interface/btn_navRight_over.png) no-repeat center;} #flashFeature {width:1300px;position:absolute;z-index:1000;top:0px;left:0px;margin:0 -167px 0 -167px;} /* Navigation */ #header ul#mainNav {position:absolute;z-index:1005;left:-8px;top:302px;padding:0;list-style:none;text-align:center;width:945px;height:32px;visibility:visible;} #headerSecondary ul#mainNav {float:left;margin:38px 0 0 11px;padding:0;list-style:none;text-align:center;width:945px;height:32px;visibility:visible;} ul#mainNav li {display:inline;margin:0;padding:0;font-size:.8em;font-family:Arial, Helvetica, sans-serif;font-weight:bold;} ul#mainNav li a {display:block;float:left;background:transparent url(/interface/bg_mainNav.gif) no-repeat top;text-decoration:none;width:134px;height:32px;margin-right:1px;line-height:2em;padding-top:6px;color:#fff;} ul#mainNav li a.twoLine {line-height:1em;padding-top:6px;} ul#mainNav li a.selected {background:transparent url(/interface/bg_mainNavSelected.gif) no-repeat top;color:#003366;} ul#mainNav li a:hover {background:transparent url(/interface/bg_mainNavRollOver.gif) no-repeat top;color:#fff;} ul#mainNav li a.selected:hover {background:transparent url(/interface/bg_mainNavSelected.gif) no-repeat top;text-decoration:underline;color:#003366;} ol.main-menu , .OL { margin:0 auto; padding:0; width:957px; display:table; /* behavior: url(/display-table.min.htc); -dt-display: table; */ border:none; border-width:0px; *display:none; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; } ol.main-menu li, .LI { vertical-align: middle;list-style:none;display:table-cell;background:#ddd; background:rgba(221,221,221,.9); filter:alpha(opacity=90); text-align:left; -dt-display: table-cell;border:none;border-width:0px;padding:0px; /* padding:10px;height:30px;*/ } ol.main-menu li a.singleLine, .LI a.singleLine{ line-height:24px; /* text-align:center; */ box-sizing:border-box; } ol.main-menu li a, .LI a{ font-family:"arial"; color:black; text-decoration:none!important; padding:5px 10px; display:block; white-space:nowrap; height:36px; *height:26px; font-size:1.15em; line-height:13px; box-sizing:border-box; -moz-box-sizing:border-box; } ol.main-menu li:hover, .LI:hover{ background: #565554; /*background:rgba(0,0,0,.7);*/ cursor:pointer; } ol.main-menu li:hover a, .LI:hover a { color:white; text-decoration:none; } ol.main-menu li.active, .LI.active{ background:white; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:none; filter:alpha(opacity=100); } ol.main-menu li.active a, .LI.active a{ background:white; color:black; } .resetDOM{ height:100%; } /* Content */ #content {clear:both;margin:0 auto;width:946px;} #doc.mobilepage #content {width:100%;} #content h1.blue {color:#006699;} a {color:#000;text-decoration:none;} a:hover {text-decoration:underline;} p.more {padding:0 0 0 17px;margin-top:-10px;} p.more a {text-decoration:underline;} p.more a:hover {text-decoration:none;} #leftContainer .banner.dropdown {padding:0 10px 18px 10px;} #leftContainer .banner.dropdown form {margin:.5em 0 0 0;} #contentArea .banner.dropdown {padding-bottom:5px;}
 #contentArea .banner.dropdown select {margin:3px 0;} /* #audienceBanners {float:left;background:transparent url(/interface/bg_audienceBanners.jpg) repeat-y center;margin:5px 0 0 1px;} */ .audienceBanners {float:left;background:transparent url(/interface/bg_audienceBanners.jpg) repeat-y center;margin:3px 0 0 1px;} .audienceBanners img {margin:1px 0 0 1px;} .audienceBanners .black {float:left;width:314px;margin-right:1px;background:#141414 url(/interface/bg_audienceBannerBlack.jpg) no-repeat center bottom;} .audienceBanners .green {float:left;width:314px;margin-right:1px;background:#4B4C00 url(/interface/bg_audienceBannerGreen.jpg) no-repeat center bottom;} .audienceBanners .blue {float:left;width:314px;background:#002041 url(/interface/bg_audienceBannerBlue.jpg) no-repeat center bottom;} .audienceBanners .black h1, .audienceBanners .green h1, .audienceBanners .blue h1 {float:left;display:inline;color:#fff;margin:23px 10px 0 10px;width:108px;text-align:center;} .audienceBanners .black p, .audienceBanners .green p, .audienceBanners .blue p {float:left;display:inline;color:#fff;margin:5px 5px 5px 0;width:173px;} .audienceBanners h1 a, .audienceBanners p a {color:#fff;} .notice {/*width:941px;clear:both;border:1px solid #CCCCCC;margin-top:5px;overflow:hidden;*/ border:1px solid #CCCCCC;clear:both;margin:8px 0 4px;overflow:hidden;width:941px;} .notice div.noticeImage img {float:right;} .notice div.noticeInner {float:left;width:445px;margin:5px 0 5px 0;} .notice div.noticeInner h1 {/*float:left;margin:0 0 5px 10px;width:437px;color:#006699;*/ color:red;float:left;font-family:arial;font-size:1.6em;margin:0 0 5px 50px;width:437px;} .notice div.noticeInner p {/*float:left;margin:0 0 0 10px;width:437px;*/ color:#000000;float:left;font-family:verdana;font-size:1em;margin:0 0 0 50px;width:370px;} .notice div.noticeInner a{text-decoration:underline;font-size:0.9em;} .notice div.noticeInner a:hover{text-decoration:none;} #leftColumn {float:left;width:630px;} .banner p.viewAllServices {float:right;text-align:right;width:90%;font-size:90%;margin-bottom:0;padding-bottom:0;margin-top:10px;margin-right:4px;} .banner p.viewAllServices a {text-decoration:underline;} .banner p.viewAllServices a:hover {text-decoration:none;} /* #popularTopics {float:left;border:1px solid #ccc;width:607px;padding:0 10px;margin:3px 0 0 1px; background:#fff url(/interface/bg_popularTopicsGradient.jpg) no-repeat 0 35px;} #popularTopics h1 {font-weight:normal;background:transparent url(/interface/bg_popularTopicsTitle.jpg) no-repeat bottom;color:#666;height:35px;line-height:1.7em;padding:0 0 0 10px;margin:0 -10px;border-bottom:1px solid #666;} #popularTopics ul.left {float:left;width:290px;padding:4px 0 0 0;} #popularTopics ul.right {float:left;width:200px;padding:4px 0 0 0;} #popularTopics li {padding:4px 0;}*/ #weather {float:left;border:1px solid #ccc;width:312px;height:201px;padding:0;margin:3px 0 0 1px;} #upcomingEvent {float:left;border:1px solid #ccc;width:312px;padding:0;margin:3px 0 0 1px;} #weather h1, #upcomingEvent h1 {font-weight:normal;background:transparent url(/interface/bg_popularTopicsTitle.jpg) no-repeat bottom;color:#666;height:35px;line-height:1.8em;padding:0 0 0 10px;margin:0;border-bottom:1px solid #666;} #homeBannerArea {float:left;padding:0;width:708px;margin:0;} #homeBannerArea .banner {float:left;border:1px solid #ccc;width:214px;/*292px;*/padding:0 10px;margin:3px 0 0 1px;clear:none;} /*#homeBannerArea .banner.double {height:407px;} #homeBannerArea .banner.double h3 {margin-top:14px;font-size:1.2em;} #homeBannerArea .banner.double ul {margin-top:5px;} #homeBannerArea .banner.double .ctrDropDown {width:290px;} #homeBannerArea .banner h1 {font-weight:normal;background:transparent url(/interface/bg_popularTopicsTitle.jpg) no-repeat bottom;color:#666;height:35px;line-height:1.8em;padding:0 0 0 10px;margin:0 -10px;border-bottom:1px solid #666;} #homeBannerArea .banner h3 {color:#006699;font-size:1em;margin:8px 0 .5em 0;} #homeBannerArea p.viewUpcomingEvents {background:transparent url(/interface/bg_popularTopicsTitle.jpg) no-repeat bottom;height:20px;padding:7px 0 0 10px;margin:0 -10px 4px 0;border-bottom:1px solid #666;} #homeBannerArea p.viewUpcomingEvents a {color:#000;text-decoration:underline;} #homeBannerArea p.viewUpcomingEvents a:hover {text-decoration:none;} */ /*#latestNews {float:left;width:314px;margin:3px 0 0 1px;padding:0; background:transparent url(/interface/bg_subscribeGrandient.jpg) no-repeat top; } #rightContainer #latestNews {width:234px;} #latestNews h1 {font-weight:normal;color:#666;height:23px;padding:0 0 0 10px;margin-bottom:0;margin-top:6px;} #latestNews h1.subscribe span.right {float:right;margin-right:10px;} #latestNews p.right {float:right;}*/ .newsItem {padding:0 10px;} /* .newsItem img {float:left;padding-right:10px;} */ .newsItem h2, .newsItem h2 a {color:#006699;font-weight:normal;text-decoration:none;} .newsItem h2 a:hover {text-decoration:underline;} .newsItem p.newsDate, .randomEvent .date {font-weight:bold;margin-top:-7px;font-size:.8em;} .newsItem a, #latestNews p.right a {text-decoration:underline;} .newsItem a:hover, #latestNews p.right a:hover {text-decoration:none;} #rightContainer .newsItem a:hover {color:#006699;text-decoration:underline;} #breadcrumb {margin:0 10px 7px 0;padding-top:5px;/* - removed for multiline breadcrumb: height:20px;*/color:#666;font-size:.9em;} #breadcrumb a {color:#666;text-decoration:none;} #breadcrumb a:hover {text-decoration:underline;} #leftContainer {float:left;width:236px;margin:0;padding:0;} #leftLandingContainer {float:left;width:707px;margin:0;padding:0;} /*#leftNav {float:left;width:234px;background-color:#dedede;margin:0;padding:0;border:1px solid #bfbfbf;/*border-top:4px solid #bfbfbf;*/font-size:1em;}*/ .landingLeftWrapper #leftNav{border-top:4px solid #bfbfbf;} /* #leftNav h1 {color:#fff;background:#343434 url(/interface/bg_title.jpg) no-repeat bottom;padding:5px 0 5px 10px;margin:0;font-weight:normal;font-size:1.7em; min-height:25px;}*/ #leftNav h1 a {color:#fff;} #leftNav ul {list-style:none;margin:0;padding:2px 0 3px 10px;font-family:Arial, Helvetica, sans-serif;} #leftNav li {padding:4px 0;} /*#leftNav ul ul {background-color:#bfbfbf;margin:-5px 0 -5px -10px;}*/ #leftNav ul ul li {margin:0 0 0 14px;} #leftNav ul li ul li {} #leftNav li a {color:#363636;text-decoration:none;display:block;} #leftNav li a:hover {text-decoration:underline;} #leftNav ul li a.isParent {color:#000;font-weight:bold;background-color:#CDCDCD;padding:5px 0 5px 10px;margin-left:-10px;margin-top:-3px;} #leftNav ul li ul li a.isParent {padding:5px 0 5px 25px;margin-left:-25px;margin-top:-6px;margin-bottom:4px;background:none;} /*#leftNav li a.selected {color:#006699;font-weight:bold;}*/ .pageTitle h1 {font-family:arial;font-size:1.7em;margin-bottom:-3px;} .pageTitle h1 a {color:#767676;font-weight:normal;} .pageTitle h1 a:hover{text-decoration:none;} /* new styles to be tested */ #leftNav h1 { background-color:#767676;color:#FFFFFF;font-family:arial;font-size:1.2em;font-weight:normal;margin:0;padding:5px 0 5px 10px;} #breadcrumb a {color:#999999;} #leftNav { background-color:#EEEEEE; border:0 solid #BFBFBF; float:left; font-size:1em; margin-top:4px; margin-bottom:12px; padding:0; width:234px; border-left:1px solid #eee;border-right:1px solid #eee;} #leftNav ul ul { background-color:#CDCDCD; margin:-5px 0 -5px -10px; } #leftNav li a.selected { color:#000000; font-weight:bold;} /* /new styles to be tested */ #wideImage {float:left;padding:0 0 10px 20px;width:690px;} #wideImageWrapper {float:left;width:710px;} #audienceNav {float:left;width:234px;background:#fff url(/interface/bg_audienceNavGradient.jpg) repeat-x left 35px;margin:0;padding:0;border:1px solid #ccc;} #audienceNav h1 {font-weight:normal;background:#ccc url(/interface/bg_banner.jpg) no-repeat bottom;color:#666;height:35px;line-height:1.8em;padding:0 0 0 10px;margin:0;} #audienceNav ul {margin:10px 0;padding:0 0 5px 25px;} #audienceNav li {padding:5px 0;} #audienceNav li a {color:#333;text-decoration:none;} #audienceNav li a:hover {text-decoration:underline;} #audienceContentArea {float:left;width:458px;padding:0 0 10px 15px;} #audienceContentArea .audienceFeature {float:left;width:217px;margin-right:10px;} #contentArea .neighbourhoodFeature {float:left;width:192px;padding:0 10px;border:1px solid #CCCCCC;margin-top:2px;margin-right:2px;overflow:hidden;color:#666;} #doc.envi #contentArea .neighbourhoodFeature, #doc.city #contentArea .neighbourhoodFeature, #doc.byla #contentArea .neighbourhoodFeature, #doc.for #contentArea .neighbourhoodFeature, #doc.tran #contentArea .neighbourhoodFeature, #doc.attr #contentArea .neighbourhoodFeature, #doc.busi #contentArea .neighbourhoodFeature {float:left;width:204px;padding:0 10px 0 0;border:0 none;margin-bottom:15px;margin-right:2px;overflow:hidden;color:#666;} #contentArea .neighbourhoodFeature img {margin:0 -10px;} #doc.city #contentArea .neighbourhoodFeature img, #doc.envi #contentArea .neighbourhoodFeature img, #doc.city #contentArea .neighbourhoodFeature img, #doc.byla #contentArea .neighbourhoodFeature img, #doc.for #contentArea .neighbourhoodFeature img, #doc.tran #contentArea .neighbourhoodFeature img, #doc.attr #contentArea .neighbourhoodFeature img {margin:0 -5px 3px 0;} #contentArea .neighbourhoodFeature p {color:#666;} #contentArea .neighbourhoodFeature h2 {font-weight:normal;background:#006596 url(/interface/bg_bannerCentre.jpg) no-repeat bottom;color:#fff;min-height:25px;padding:7px 0 8px 10px;margin:0 -10px;font-size:1.7em;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;} #audienceContentArea .audienceFeature h2, #doc.envi #contentArea .neighbourhoodFeature h3.residents, #doc.city #contentArea .neighbourhoodFeature h3.residents, #doc.for #contentArea .neighbourhoodFeature h3.residents, #doc.tran #contentArea .neighbourhoodFeature h3.residents, #doc.attr #contentArea .neighbourhoodFeature h3.residents {color:#006699;} #doc.envi #contentArea .neighbourhoodFeature h3.residents, #doc.city #contentArea .neighbourhoodFeature h3.residents, #doc.byla #contentArea .neighbourhoodFeature h3.residents, #doc.for #contentArea .neighbourhoodFeature h3.residents, #doc.tran #contentArea .neighbourhoodFeature h3.residents, #doc.attr #contentArea .neighbourhoodFeature h3.residents, #doc.busi #contentArea .neighbourhoodFeature h3.residents {margin-top:7px;font-size:1.2em;} #audienceContentArea .audienceFeature h2 a, #doc.envi #contentArea .neighbourhoodFeature h3.residents a, #doc.city #contentArea .neighbourhoodFeature h3.residents a, #doc.byla #contentArea .neighbourhoodFeature h3.residents a, #doc.for #contentArea .neighbourhoodFeature h3.residents a, #doc.tran #contentArea .neighbourhoodFeature h3.residents a, #doc.attr #contentArea .neighbourhoodFeature h3.residents a, #doc.busi #contentArea .neighbourhoodFeature h3.residents a {text-decoration:none;color:#006699;} #audienceContentArea .audienceFeature h2 a:hover, #doc.envi #contentArea .neighbourhoodFeature h3 a:hover, #doc.city #contentArea .neighbourhoodFeature h3 a:hover, #doc.byla #contentArea .neighbourhoodFeature h3 a:hover, #doc.for #contentArea .neighbourhoodFeature h3 a:hover, #doc.tran #contentArea .neighbourhoodFeature h3 a:hover, #doc.attr #contentArea .neighbourhoodFeature h3 a:hover, #doc.busi #contentArea .neighbourhoodFeature h3 a:hover {text-decoration:underline;} #audienceContentArea .audienceFeature a {text-decoration:underline;} #audienceContentArea .audienceFeature a:hover {color:#006699;} #audienceContentArea #bannerWrap {margin:0 0 0 -15px;} #audienceContentArea #bannerWrap .banner {clear:none;width:213px;margin-left:1px;} .neighbourhoodFeatureWide{background-attachment: scroll;background-clip: border-box;background-color: #FFFFFF;border-bottom-color: #CCCCCC;border-bottom-style: solid;border:1px solid #cccccc;clear: both;float: left;margin: 2px 0 0 0;padding: 0 10px;width: 408px;} .neighbourhoodFeatureWide h2{background-color:#006596;color: #FFFFFF !important;font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;font-size: 1.7em;font-weight: normal;margin: 0 -10px;min-height: 25px;padding:7px 0 8px 10px;} .neighbourhoodFeatureWide h3{color:#000000;font-size:1em;margin-bottom:0;margin-top:15px;} .neighbourhoodFeatureWide img {margin:0 -10px;} .neighbourhoodFeatureWide .leftColumn{float:left;margin-right:8px;width:200px;/* float:left;margin:0 0 0 10px;width:200px;*/} .neighbourhoodFeatureWide .leftColumn p, .neighbourhoodFeatureWide .rightColumn p{color: #666666;} .neighbourhoodFeatureWide .leftColumn p a{text-decoration:none !important;} .neighbourhoodFeatureWide .leftColumn p a:hover{text-decoration:undeline !important;} .neighbourhoodFeatureWide .rightColumn{float:left;padding-left:8px;width:192px;/* float:left;padding-left:6px;width:192px; */} /*table.calenderEvents {margin-top:10px;text-align:center;border:none;font-weight:bold;} table.calenderEvents th {color:#666;font-size:1.2em;text-align:center;border:none;} table.calenderEvents th, table.calenderEvents td {width:32px;height:32px;padding:0;margin:0;} table.calenderEvents th.month {width:160px;} table.calenderEvents td {background-color:#999;color:#fff;border-color:#fff;} table.calenderEvents td.day {background-color:#575757;} table.calenderEvents td.lastmonth, table.calenderEvents td.nextmonth {background-color:#ccc;} table.calenderEvents td.event {background:transparent url(/interface/bg_calendarEvent.jpg) no-repeat;} table.calenderEvents td.today {background:transparent url(/interface/bg_calendarToday.jpg) no-repeat;} p a.specialDate {color:#006688;}*/ /* Events Mini-Calendar */ table.calenderEvents {margin-top:10px;text-align:center;border:none;font-weight:bold;} table.calenderEvents th {color:#666;font-size:1.2em;text-align:center;border:none;} table.calenderEvents th, table.calenderEvents td {width:32px;height:32px;padding:0;margin:0;} table.calenderEvents th.month {width:160px;} table.calenderEvents td {background-color:#999;color:#fff;border-color:#fff;} table.calenderEvents td.day {background-color:#575757;} table.calenderEvents td.lastmonth, table.calenderEvents td.nextmonth {background-color:#ccc;} table.calenderEvents td.event {background:transparent url(/interface/bg_calendarEvent.jpg) no-repeat;} table.calenderEvents td.event a, table.calenderEvents td.today a { color: #fff; } table.calenderEvents td.today {background:transparent url(/interface/bg_calendarToday.jpg) no-repeat;} table.calendarEvents td.currentDay {background:#016295;background-image:none;} table.calendarEvents td.hoverState {background:#393939;background-image:none;} p a.specialDate {color:#006688;} /* Events List */ #eventsList, #eventInfo {margin-right:10px;} #eventsList #prevMonth { float: left; width: 48%; margin: 0; font-size: 0.9em; } #eventsList #nextMonth { text-align: right; width: 48%; float: right; margin: 0; font-size: 0.9em; } #eventsList .event { padding: 5px 10px; } #eventsList .event .startDate { float: left; width: 49%; font-size: 0.9em; } #eventsList .event .endDate { width: 49%; float: right; font-size: 0.9em; } #eventsList div#eventsHeader h2 { font-weight: normal; margin: 0; background-color: #ddd; padding: 5px 10px; } #eventsList div#eventsHeader h2 span { font-weight: bold; } #eventsList .event h3 { margin: 0.5em 0 0 0; } #eventsList .event p.location { margin: 0; font-size: 0.9em;} #eventsList div.eventsPager { background-color: #eee; border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 5px 10px; } #eventsList p.eventsTotal { width: 150px; float: left; margin: 0; font-weight: bold; } #eventsList div.eventsPagerBar { float:right; text-align: right; } #eventsList #monthPager { background-color: #eee; padding: 5px 10px; margin: 0 0 10px 0; } #eventsList #noEvents { text-align: center; } #eventsList a#backToTop { display: block; text-align: right; font-size: 0.9em; margin: 5px 10px;} #eventInfo #eventInfoHeader { border-bottom: 1px solid #999; margin-bottom: 10px;} #eventInfo #eventInfoHeader h2 { width: 50%; float: left; margin: 0; } #eventInfo #eventInfoHeader a { display:block; width: 50%; text-align: right; float: right; margin: 0; font-size: 0.9em} #eventInfo p.label { margin: 2px 0; } #eventInfo p span { font-weight: bold; } #eventInfo p.description { margin: 15px 0; } #eventInfo #buttonBar {text-align:right;} #eventInfo #buttonBar form, #eventInfo #buttonBar input {display:inline;} .banner {clear:both;float:left;border:1px solid #ccc;width:214px;padding:0 10px 10px 10px;margin:2px 0 0 0; background:#FFFFFF /* url(/interface/bg_bannerGradient.jpg) repeat-x 0 35px */; /* new styles */ border-color:#DDDDDD;border-width:4px 1px 1px;margin:4px 0 4px;padding:0 10px 10px;border-style:solid; } .banner h1, .banner h2 {font-weight:normal;/* background:#ccc url(/interface/bg_banner.jpg) no-repeat bottom */;color:#666;min-height:25px;padding:5px 0 5px 10px;margin:0 -10px; /* new styles */ color:#336699;margin:4px -10px 0;min-height:24px;padding:0 0 0 10px;font-family:arial, helvetica, sans-serif;font-size:1.3em;font-weight:500; } .banner h1{ font-size:1.2em; } .banner h1.subscribe span.right {float:right;margin-right:10px;} .banner h1.subscribe span.right img{margin:0} .banner p.right {float:right;} .banner img {margin:0 -10px;} .banner h3 {color:#000;font-size:1em;margin-bottom:0;margin-top:15px;} .banner p {color:#666;} .banner a {text-decoration:none;} .banner a:hover {text-decoration:underline;} .banner h3 a {text-decoration:underline;} .banner h3 a:hover {text-decoration:none;} .banner ul {margin-top:15px;} .banner li {padding-bottom:5px;} .banner .tripPlanner, .banner .routeSchedule, .banner .stopSchedule {border-bottom:1px solid #ccc;padding-bottom:3px;} .banner .tripPlanner, .banner .schoolService {padding-bottom:10px;} .banner input.btn {width:21px;height:20px;padding-bottom:2px;float:right;margin-top:-3px;display:inline;border:0 none;font-weight:bold;font-size:.9em;color:#fff;background:transparent url(/interface/button_search.gif) no-repeat top;cursor:pointer;} .banner input.searchText {width:150px;} #landingLinkArea, #landingBannerArea {float:left;padding:0 0 5px 0;margin:0 1px 0 0;border:1px solid #ccc;background:#fff url(/interface/bg_secondaryThirdsGradient.jpg) repeat-x left 35px;} #landingLinkArea {width:684px;padding:0 10px 7px 10px;} #landingLinkArea .half {float:left;width:325px;padding-right:15px;} #landingBannerArea {width:705px;background:none;border:none;width:708px;margin-top:1px;} #landingBannerArea .banner {clear:none;width:212px;margin-right:2px;overflow:hidden;} #landingLinkArea h1 {font-weight:normal;background:#000 url(/interface/bg_secondaryTitle.jpg) no-repeat bottom;color:#fff;line-height:1.8em;padding:0 0 0 10px;margin:0 -10px;} #landingLinkArea h3 {display:block;padding-top:10px;margin-bottom:0;} #landingLinkArea h3 a {text-decoration:none;color:#000;} #landingLinkArea h3 a:hover {text-decoration:underline;} #landingLinkArea ul {margin-left:0;margin-top:.1em;color:#cdcdcd;} #landingLinkArea ul a {color:#333;list-style:none;} #landingLinkArea ul li {padding:3px 0;display:inline;} #landingLinkArea ul li a {padding:0;white-space:nowrap;} #contentArea {float:left;width:432px;padding:0 20px 10px 20px;} #contentArea h1, #contentAreaFull h1, #wideImage h1 {color:#006699;font-weight:normal;font-size:2em;margin-top:7px;} #doc.levelOne #contentArea h1 {margin-bottom:0;} #contentArea h2, #contentAreaFull h2 {color:#006699;} #contentArea h3, #contentAreaFull h3 {color:#006699;margin: 1.4em 0 0 0;} .neighbourhoodFeature h3.residents {color:#000;font-size:1em;margin-bottom:0;margin-top:15px;} .neighbourhoodFeature h3.residents a {color:#000;font-size:1em;} #contentArea h3.serviceImage img {float:left;margin:0 15px 7px 0;} #contentArea a, #contentAreaFull a {text-decoration:underline;} #contentArea a:hover, #contentAreaFull a:hover {text-decoration:none;} #contentArea img.rightImage {float:right;padding:5px 0 5px 10px;} #contentArea img.leftImage {float:left;padding:5px 10px 5px 0;} #contentArea table thead th {text-align:center;background-color:#f4f4f4;} #contentArea table th, #contentArea table tr.zebra {background-color:#f4f4f4;} #contentArea table.services thead {background:#006596 url(/interface/bg_bannerCentre.jpg) no-repeat bottom left;} #contentArea table.services thead th {background-color:transparent;color:#fff;padding:10px 20px 10px 5px;text-align:left;width:104px;} #contentArea table.services thead th span {display:block;font-weight:normal;font-size:.9em;} #contentArea table.services thead th select {clear:left;margin-top:5px;} #contentArea table.contactListing {width:416px;} #contentArea table.services th.sortasc {background:transparent url(/interface/button_serviceTableSortArrowDown.gif) no-repeat right 10px;} #contentArea table.services th.sortdesc {background:transparent url(/interface/button_serviceTableSortArrowUp.gif) no-repeat right 10px;} .popularTopics{/*background:#FFFFFF url("/interface/bg_bannerGradient.jpg" ) repeat-x 0 35px;border:1px solid #CCCCCC;clear:both;float:left; margin:2px 0 16px 0; padding:0 10px;width:408px; */ /* border-left-width:0;border-right-width:0;border-top-color:#3DA1DC;border-top-style:solid;border-top-width:4px;margin:4px auto 16px;padding:0;width:432px; */ border-color:#3DA1DC #DDDDDD #DDDDDD; border-style:solid; border-width:4px 0 1px; clear:both; float:left; margin:4px 0 16px; padding:0 0 8px; width:100%; } .popularTopics h1, .popularTopics h2{/* background:#006596 url("/interface/bg_bannerCentre.jpg") no-repeat center bottom; color:#FFFFFF !important;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:1.7em !important;font-weight:normal;margin:0 -10px !important ;*/padding:7px 0 8px 10px; /* color:#006699 !important;font-family:arial, helivetica, sans-serif;font-size:1.1em;font-weight:normal;margin: 6px 0 8px 4px !important;text-transform:uppercase; */ color:#006699 !important; font-family:arial, helivetica, sans-serif; font-size:1.1em !important; font-weight:normal; margin:6px 0 0 4px !important; padding:0 0 0px; text-transform:uppercase; } .popularTopics .leftColumn{/* margin:0 8px 0 0; float:left;width:200px; */ /* float:left;margin-left:4px;width:210px; */ float:left; margin:4px 0 0 4px; width:212px; } .popularTopics .rightColumn{/* padding:0 0 0 8px; float:left;width:192px; */ /* float:left; margin-left:8;width:210px; */ float:left; margin:4px 0 0 4px; width:212px; } .popularTopics ul{/* margin:15px 0 1em 0; */ margin:8px 0; } .popularTopics li{padding-bottom: 5px;} .popularTopics .iconList{list-style: none;margin-left: 0;padding:0;} .popularTopics .iconList li{background-image:transparent url("/default_listbullet_20x20.png") no-repeat;background-size: 20px auto;font-family: arial;list-style: none;margin:0 0 3px 0;padding:4px 0 3px 24px;} .popularTopics a{text-decoration:none !important;} .popularTopics a:hover{text-decoration:underline !important;} .landingPageFeature{border:0;color:#666666;float:left;margin:2px 2px 8px 0;overflow:hidden;/* padding:0 10px 0 0; */width:212px;height:224px;} .landingPageFeature .featureImage img{/* margin: 0 -10px;width:212px;height:130px */border:1px solid #EDEDED;height:130px;margin:0;width:210px;} .landingPageFeature h3{font-size: 1.2em !important;margin: 8px 4px 2px !important; color:#000000 !important;} .landingPageFeature h3 a{color:black;text-decoration:none !important} .landingPageFeature h3 a:hover{text-decoration:underline !important} .landingPageFeature p{color:#666666;margin:0 4px;} #secondMiddleFeatures{float:right;margin:0 -2px 0 0;} #contentArea h3.accordionHeader {cursor:pointer;color:#fff;font-size:1.1em;background:#006596 url(/interface/bg_accordionClosed.jpg) no-repeat bottom left;padding:8px 0 0 40px;height:25px;margin:0 0 2px 0;} #contentArea h3.accordionHeader.accordionHeaderActive {background:#006596 url(/interface/bg_accordionOpen.jpg) no-repeat bottom left;} .banner .iconList{ padding:0;margin-left:0;list-style:none; } .banner .iconList li, #contentArea .banner .iconList li{ background-color:transparent; background-image:url(/default_listbullet_20x20.png); background-repeat:no-repeat no-repeat; background-size:20px; font-family:arial; list-style-type:none; margin:0 0 4px 0; padding:4px 0 2px 24px; } .banner .iconList .noIcon{ background-image:none; } div.accordionContent {padding:0 70px 0 30px;} /***** neighbourhood styles ***********/ #contentArea #neighbourhoodPanels h3.accordionHeader {cursor:pointer;color:#fff;font-size:1.1em;background:#006596 url(/interface/neighbourhoodsHeadingBackgroundActive.jpg) no-repeat bottom left;padding:8px 0 0 40px;height:25px;margin:0 0 2px 0;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif} #contentArea #neighbourhoodPanels h3.accordionHeader.accordionHeaderActive {background:#006596 url(/interface/neighbourhoodsHeadingBackgroundActive.jpg) no-repeat bottom left;} #contentArea #neighbourhoodPanels h3 img {margin:-4px;padding:0;float:left;} .clear{clear:both;} .overviewHolder{margin:5px 0 0 5px; } .bannerLink{ } .bannerLink p{margin:0;padding-top:10px; } .neighborhoodNavItem {padding-left:36px;height:33px;position:relative;text-decoration:underline;width:auto;min-width:36px;display:table-cell;vertical-align:middle;zoom:1;*display:inline;*float:none} .neighborhoodNavItem span{display:block;top:50%;*position:absolute; } .neighborhoodNavItem span span{ top:-50%;display:block;position:relative;cursor:pointer;width:98px} .neighborhoodNav {background:#FFFFFF url("/interface/bg_bannerGradient.jpg") repeat-x 0 35px;border:1px solid #cccccc;clear:both;float:left;margin:2px 0 0 0;padding:0 10px 8px 10px;width:408px;} .neighborhoodNav h2{background:#006699 url("/interface/bg_bannerCentre.jpg") no-repeat center bottom;color:#ffffff !important;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:1.7em;font-weight:normal;margin:0 -10px;min-height: 25px;padding: 7px 0 8px 10px;} .neighborhoodNav ul{margin:0 !important; padding-left:0;list-style-type:none;border:0;} .neighborhoodNav ul li{display:block;padding:0 !important; width: 135px;float:left;margin-top:8px;border:0;} /*#contentArea p{ margin:10px 0;}*/ #contentArea #neighourhoodPanels h3{margin:6px 0 0 8px;font-size:1.4em;float:left;height:30px; } #contentArea #neighourhoodPanels img{margin:0;padding:0; float:left;} #contentArea #neighourhoodPanels img.openClose{ margin:7px 6px 0 0; float:right;} .neighborhoodAccordionHeader{cursor:pointer;color:#fff;font-size:1.1em;background:#006596 url(/interface/neighbourhoodsHeadingBackgroundActive.jpg) repeat-x top left;padding:3px 0 0 5px;height:37px;margin:6px 0 0 0;border-left:solid #eaeaea 2px;border-right:solid #eaeaea 2px; clear:both; } .neighborhoodAccordionHeader h3{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:normal; } .neighborhoodAccordionHeaderActive{cursor:pointer;color:#fff;font-size:1.1em;background:#006596 url(/interface/neighbourhoodsHeadingBackgroundActive.jpg) repeat-x top left;padding:3px 0 0 5px;height:37px;margin:6px 0 0 0;border-left:solid #eaeaea 2px;border-right:solid #eaeaea 2px;} .neighborhoodAccordionSpacer{height:2px; width:100%; background:#eaeaea;margin-bottom:2px;} .neighborhoodAccordionContent{padding: 10px 10px 30px 10px; border:solid #eaeaea 2px; border-top:none; min-height:1%; overflow:hidden; } .neighborhoodAccordionContent p{margin:0; } .neighborhoodAccordionContent .leftColumn {float:left;width:200px;margin-right:8px;} .neighborhoodAccordionContent img{ display:block; } #contentArea #neighourhoodPanels .neighborhoodAccordionContent .leftColumn img{float:none; margin-bottom:10px; } #contentArea #neighourhoodPanels .neighborhoodAccordionContent h3{ font-weight:bold; font-size:1.1em; text-decoration:underline; color:#000;float:none;margin:10px 0 0 0;padding-bottom:2px;height:auto; } #contentArea #neighourhoodPanels .neighborhoodAccordionContent a:hover h3{text-decoration:none; } #contentArea #neighourhoodPanels .neighborhoodAccordionContent p{font-size:1.0em;margin:0 0 14px 0;} #contentArea #neighourhoodPanels .neighborhoodAccordionContent .banner{width:200px; } #contentArea #neighourhoodPanels .neighborhoodAccordionContent .banner .grey{background:url(/interface/bg_banner.jpg); } .neighborhoodAccordionContent .rightColumn {float:left;width:192px;padding-left:8px;} /**********************************************************/ #doc.plainpage #contentArea {width:100%;float:none;} #bylawSort select {float:left;clear:both;width:200px;margin-top:10px;} #bylawSort table.bylaws {float:left;clear:both;width:416px;margin-top:10px;} #contentArea ul.alphaList {list-style:none;margin:0;padding:0;} #contentArea ul.alphaList li {display:inline;padding:0 1px;margin:0;} #alphabetListing .show {border:1px solid #ccc;padding:5px 0 0 5px;} #alphabetListing h2, #newsArchive h2 {clear:both;border-bottom:1px solid #ccc;} #contentArea dl.numberedFaq dt {padding-left:17px;text-indent:-17px;} #contentArea dl.numberedFaq dd {padding-left:17px;} .backToTop {float:right;padding-right:10px;} #newsArchive select {float:left;clear:both;width:200px;margin:10px 0;} #newsArchive .newsStory {margin-bottom:5px; clear:both;} #newsArchive .newsStory img {float:left;margin-right:10px;border:1px solid #ccc;} #newsArchive .newsStory .newsStoryText p.title {font-weight:bold;} #newsArchive .newsStory .newsStoryText p.date {margin:-8px 0 0 0;font-size:90%;} #newsArchive .newsStory .newsStoryText p.description {} #newsArchive .newsStory .newsStoryText p.more {float:right;} #contentAreaFull {float:left;width:652px;padding:0 30px 10px 26px;} .ctrDropDown {width:212px;color:#888;} .ctrDropDown option.defaultOption {color:#888;} #imageGallery {float:left;width:651px;} #imageGalleryNarrow {float:left;width:421px;} #imageGallery .imageGalleryItem {float:left;width:197px;height:250px;padding:0 20px 0 0;} #imageGallery .imageGalleryItem .imgArea {position:relative;height:140px;} #imageGallery .imageGalleryItem .imgArea img {position:absolute;bottom:0;} #imageGallery .imageGalleryItem p.title {margin-top:.5em;} #imageGallery .imageGalleryItem p.title a {font-size:1em;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-decoration:none;} #imageGallery .imageGalleryItem p.title a:hover {text-decoration:underline;} #imageGallery .imageGalleryItem p.description {margin-top:-7px;color:#666;} #videoGallery {float:left;width:651px;} #videoGallery .videoGalleryItem {float:left;width:197px;height:235px;padding:0 20px 0 0;overflow:hidden;} #videoGallery .videoGalleryItem .vidArea {height:140px;text-align:center;} #videoGallery .videoGalleryItem p.title {margin-top:.5em;} #videoGallery .videoGalleryItem p.title a {font-size:1em;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-decoration:none;} #videoGallery .videoGalleryItem p.title a:hover {text-decoration:underline;} #videoGallery .videoGalleryItem p.description {margin-top:-7px;color:#666;} #videoGallery .videoGalleryItem p.download {margin-top:-7px;float:right;} .videoGallery {float:left;width:651px;} .videoGallery .videoGalleryItem {float:left;width:197px;height:235px;padding:0 20px 0 0;overflow:hidden;} .videoGallery .videoGalleryItem .vidArea {height:140px;text-align:center;} .videoGallery .videoGalleryItem p.title {margin-top:.5em;} .videoGallery .videoGalleryItem p.title a {font-size:1em;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-decoration:none;} .videoGallery .videoGalleryItem p.title a:hover {text-decoration:underline;} .videoGallery .videoGalleryItem p.description {margin-top:-7px;color:#666;} .videoGallery .videoGalleryItem p.download {margin-top:-7px;float:right;} div#flashFeatureVideo {text-align:center;height:239px;width:428px;border:1px solid #ccc;} #rightContainer div#video {text-align:center;height:173px;width:232px;border:1px solid #ccc;} a.pdf, .pdf {background-image:url(/interface/pdf.gif);background-repeat:no-repeat;padding:3px 0 5px 20px;} a.pdflc, .pdflc {background-image:url(/interface/pdflc.gif);background-repeat:no-repeat;padding:3px 0 5px 20px;} a.link, .link {background-image:url(/interface/link.gif);background-repeat:no-repeat;padding:0px 0 4px 20px;} a.xls, .xls {background-image:url(/interface/xls.gif);background-repeat:no-repeat;padding:3px 0 5px 20px;} a.doc, .doc {background-image:url(/interface/doc.gif);background-repeat:no-repeat;padding:3px 0 5px 20px;} a.pps, .pps {background-image:url(/interface/pps.gif);background-repeat:no-repeat;padding:3px 0 5px 20px;} a.file, .file {background-image:url(/interface/file.gif);background-repeat:no-repeat;padding:3px 0 5px 20px;} a.audio, .audio {background-image:url(/interface/audio.gif);background-repeat:no-repeat;padding:1px 0 4px 20px;} a.video, .video {background-image:url(/interface/video.gif);background-repeat:no-repeat;padding:1px 0 4px 20px;} a.externalapp, .externalapp {background-image:url(/interface/externalapp_icon.gif);background-repeat:no-repeat;padding:1px 0 4px 20px;} h3 span.size {font-size:90%;font-weight:normal;} #rightContainer {float:left;width:236px;padding:0;margin-top:-2px;margin-left:1px;} #video {width:234px;margin-left:1px;margin-top:2px;} /* Weather Widget - Home Page */ #weatherFeedXML {font-size:.88em;position:relative;} #weatherToday {background:#FBFBFB url(/interface/bg_weatherToday.jpg) repeat-x top;height:88px;} .weatherHighLow {float:left;height:88px;width:60px;} .weatherHighLow p.weatherHigh {margin:28px 0 2px 11px;padding:0;} .weatherHighLow p.weatherLow {margin:2px 0 0 11px;padding:0;} .weatherConditions {float:left;width:252px;height:88px;} .weatherConditions img {float:left;padding:15px 5px;} .weatherConditions p.weatherTemperature {font-size:1.6em;margin:24px 0 2px 90px;padding:0;} .weatherConditions p.weatherHumidity {margin:2px 0 0 90px;padding:0;} #weatherUpcoming {background:#FBFBFB url(/interface/bg_weatherDay.jpg) repeat-x top;width:310px;padding:0 0 0 2px;height:76px;border-top:1px solid #cfcfcf;} #weatherUpcoming .weatherDay {float:left;width:76px;height:76px;text-align:center;border-right:1px solid #cfcfcf;} #weatherUpcoming #weatherForecast4 {border-right:none;} .weatherDay p {margin:0;} .weatherDay p.weatherDate {padding:6px 0 0 0;font-size:1.2em;} .weatherDay p.weatherHigh {padding:2px 0 0 0;} .weatherDay p.weatherLow {padding:1px 0 0 0;} #yahooLink {text-align:right;background:none;margin:0;position:absolute;top:0;right:0;} #yahooLink p {margin:0;padding:2px;line-height:1em;color:#ccc;} #yahooLink p a {color:#999;font-size:.88em;} /* Search Results */ .advancedSearch {text-align:right;} .searchResults {padding:.5em;line-height:1.3em;} .searchResults h3 {margin:1em 0 0 0;padding:0;font-size:1.4em;font-weight:normal;} .searchResults p {margin:0;padding:0;line-height:1.3em;} .searchResults a {color:#00c;} .searchResults .path a {color:green;} #AdvancedSearch input, #AdvancedSearch label {display:inline;} #AdvancedSearch input {margin:0 5px;} /* Footer Styles */ #footer {/*background: url(/interface/footer_bg.jpg) 0 0 repeat-x; margin:10px 0 0 0;*/margin:0;padding:15px 0;text-align:center;color:#666;} /* #footer a {color:#006699;text-decoration:underline; } #footer a:hover {text-decoration:none;}*/ #footer p.socialMediaBar {text-align:left;padding:0 0 17px 0;width:170px/*1045px*/;margin:0 0 0 740px;overflow:hidden; font-size: 11px;} #footer p.socialMediaBar a {text-decoration:none;color:#666;/*margin-left:13px;*/display: block; float:left; /* width: 170px; */ height:32px;} #footer p.socialMediaBar a:hover {text-decoration:underline;} #footer p.socialMediaBar a.pad {margin-left:35px;} #footer p.socialMediaBar img {margin-bottom:-3px; margin-right: 2px; align: left;} #doc.mobilepage #footer {width:100%;} #doc.mobilepage #footer #footer p.socialMediaBar {width:95%;} #printWatermark {display:none;} /* Self-clearing Containers */ #content:after, .newsItem:after {content:".";display:block;height:0;clear:both;visibility:hidden;} /* Utility Classes for DHTML */ .show {display:block;} .hide {display:none;} /* Resetting typography label class for Smartforms */ .oneChoice label {display:inline;} .courseSchedule .age { width: 50px; } .courseSchedule .day { width: 50px; } .courseSchedule .date { width: 60px; } .courseSchedule .time { width: 60px; } .courseSchedule .location { width: 80px; } .courseSchedule .fees { width: 50px; text-align: right; } .courseSchedule .register { text-align: center; } .printOnly { display: none; } .dailyScroller { overflow: auto; } .courseSchedule .accordionContent { padding: 0px; } #contentArea .courseSchedule h3.accordionHeader { background: #565634 url(/interface/bg_accordianClosed_olv.jpg) no-repeat top left; } #contentArea .courseSchedule h3.accordionHeader.accordionHeaderActive { background: #565634 url(/interface/bg_accordianOpen_olv.jpg) no-repeat top left; } .courseSchedule table td { vertical-align: top; } .courseSchedule table td.notes { padding-left: 55px; } .courseSchedule .odd { background: #fff; } .courseSchedule .even { background: #e4e6d1; } .courseSchedule .selected{ background: #565634; color:#fff; } /* mask */ .mask { background: transparent url(/interface/mask.png); } .maskContent { padding: 10px; overflow: hidden; background: #fff; } /* weekly schedule */ .weeklyScheduleContent { width: 88%; padding-bottom: 10px; background: #efefef; } .weeklyScheduleContent .toolbar { clear: both; padding: 5px 0px 5px 0px; width: 100%; min-height: 25px; overflow: hidden; background: #999; border-bottom: 1px solid #666; } .weeklyScheduleContent .toolbar a { float: right; display: inline; margin: 2px 5px 0px 15px; padding: 3px 3px 3px 21px; overflow: hidden; color: #fff; text-decoration: none; background: #bfbfbf; cursor: pointer; } .weeklyScheduleContent .toolbar a.close { background: transparent url(/interface/closeIcon.png) no-repeat left center; } .weeklyScheduleContent .toolbar a.print { background: transparent url(/interface/printIcon.png) no-repeat left center; } .weeklyScheduleContent .toolbar a:hover { color: #fff; background-color: #333; } .weeklyScheduleContent #scheduleBody { margin: 1% 1% 0% 1%; } .weeklyScheduleContent table { margin: 1% 1% 0% 1%; width: 98%; background: #fff; } .weeklyScheduleContent th { text-align: center; background: #f4f4f4; } .weeklyScheduleContent th a { display: block; padding: 3px; cursor: pointer; color: #000; text-decoration: underline; background: #f4f4f4; } .weeklyScheduleContent th a:hover { display: block; color: #fff; background: #999; } .weeklyScheduleContent table th.current a { color: #fff; background: #999; } .weeklyScheduleContent table thead th.weekday { padding: 0px; } .weeklyScheduleContent table th.weekday { width: 12%; } .weeklyScheduleContent table th.activity { vertical-align: top; text-align: left; } .weeklyScheduleContent table td { vertical-align: top; background: #fff; } .weeklyScheduleContent #scheduleNotes { margin: 1% 1% 0% 1%; } .schedule .lanes { display: block; font-weight: bold; } .schedule th.activity, td.activity { cursor: pointer; } /* short schedule */ .weeklyScheduleShort table { margin: 10px 0px 0px 0px; } .weeklyScheduleShort table td { vertical-align: top; } .weeklyScheduleShort table thead th { text-align: center; } .weeklyScheduleShort table tfoot th { text-align: center; } .weeklyScheduleShort table thead th.weekday { padding: 0px; } .weeklyScheduleShort th a { display: block; padding: 3px; cursor: pointer; color: #000; background: #f4f4f4; } .weeklyScheduleShort th a:hover { display: block; color: #fff; background: #999; } .weeklyScheduleShort .toolbar { position:relative; } .viewFullButton { display: inline-block; padding: 5px 10px; height: 23px; line-height: 23px; text-decoration: none !important; border-radius: 8px; color: white; margin: 5px 5px 0px 0px; font-size: 14px; background: rgb(125,126,125); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YzRjNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(76,76,76,1) 100%); background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(76,76,76,1) 100%); background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(76,76,76,1) 100%); } .scheduleLoading { background: url(/assets/Images/loading.gif) no-repeat left top; width: 250px; height: 250px; background-size: contain; } .scheduleLoadingSpinner, .buttonLoadingSpinner { background: url(/interface/loading.gif) no-repeat left top; background-size: contain; width: 25px; height: 25px; } .scheduleTimestamp { position: absolute; bottom: 0; right: 0; font-size: 0.75em; font-style: italic; } /* schedule search */ .scheduleSearch { float: left; border: 1px solid #ccc; width: 44%; padding: 0 10px 10px 10px; margin: 2px 0 0 0; background: #FFFFFF; border-color: #DDDDDD; border-width: 4px 1px 1px; margin: 4px 0 4px; padding: 0 10px 10px; border-style: solid; } .scheduleSearch form .field {padding: 3px 0px; } .scheduleSearch form .buttons input { margin-top: 10px; } .scheduleSearch form .legendItem { width: 30px; } .scheduleSearch form .legendLabel { display: inline; } .scheduleSearchResults .searchResult { border: 2px solid black; margin: 5px 0px; } .scheduleSearchResults .searchResultsCount, .schedules .scheduleMessage { margin: 15px 0px 5px 0px; font-weight: bold; display: inline-block; } .scheduleSearchResults .searchResultsBack { margin: 15px 0px 5px 0px; float: right; } .scheduleSearchResults .searchResultClone { display: none; } .scheduleSearchResults .searchResult .title { height: 50px; border-bottom: 1px solid black; } .scheduleSearchResults .searchResult .date-time { height: 50px; border-bottom: 1px solid black; } .scheduleSearchResults .searchResult .description { margin: 10px; } .scheduleSearchResults .innerText { margin: 0px 10px; } .centerText { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; } .scheduleDescriptionContainer { float: right; width: 44%; padding: 0px 10px 0px; margin: 4px 0px; } .scheduleDescriptionContainer .descriptionBox { padding: 10px; height: 142px; border: 2px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .scheduleDescriptionContainer .descriptionBox.top { margin-bottom: 10px; border-color: #66b677; } .scheduleDescriptionContainer .descriptionBox.bottom { border-color: #47b0e0; } /* daily schedule */ .dailyScheduleContent { width: 92%; padding-bottom: 10px; overflow: hidden; background: #efefef; } .dailyScheduleContent .toolbar { clear: both; padding: 5px 0px 5px 0px; width: 100%; min-height: 25px; overflow: hidden; background: #999; border-bottom: 1px solid #666; } .dailyScheduleContent .toolbar a { float: right; display: inline; margin: 2px 5px 0px 15px; padding: 3px 3px 3px 21px; overflow: hidden; color: #fff; text-decoration: none; background: #bfbfbf; cursor: pointer; } .dailyScheduleContent .toolbar a.close { background: transparent url(/interface/closeIcon.png) no-repeat left center; } .dailyScheduleContent .toolbar a.print { background: transparent url(/interface/printIcon.png) no-repeat left center; } .dailyScheduleContent .toolbar a:hover { color: #fff; background-color: #333; } .dailyScheduleContent h2 { margin: 1% 1% 0% 1%; width: 98%; } .dailyScheduleContent table { margin: 1% 1% 0% 1%; width: 98%; background: #fff; } .dailyScheduleContent table th { text-align: center; background: #efefef; } .dailyScheduleContent table th.time { width: 10%; vertical-align: top; text-align: left; } .dailyScheduleContent table td { vertical-align: top; text-align: center; background: #fff; } .dailyScheduleContent #scheduleNotes { margin: 1% 1% 0% 1%; } .dailyScheduleScroll { overflow-x: auto; overflow-y: hidden; height: 20px; } .dailyScheduleScrollInner { height: 20px; } .advFiltering { display: block; margin: 10px 0px; } .advancedFiltering { float: none; margin: 1% 1% 0% 1%; padding: 1%; width: 96%; overflow: hidden; background: #efefef; border: 1px solid #ccc; } .advancedFilterItem { float: left; margin: 5px 10px 0px 0px; padding: 0px 10px 0px 10px; width: 235px; } .advancedFilterItem > input { margin-left: 30px; margin-right: 5px; } /* new legend */ .legendItem { width: 80px; height: 15px; display: inline-block; } .leaderLegend, .publicswimLegend { background-color: #66b677; } .amenitiesLegend, .laneswimLegend { background-color: #47b0e0; } /* tooltipster */ .tooltipster-default { border-radius: 5px; border: 1px solid #666666; background: #ededed; color: #666666; } .tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; } .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { /* border-color: ... !important; */ } .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content { overflow: hidden; } .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } /* legend */ .dailyScheduleContent .legend { margin: 1% 1% 0% 1%; padding: 1%; width: 96%; overflow: hidden; background: #fff; border: 1px solid #ccc; } .dailyScheduleContent .legend > div { float: left; margin-left: 15px; } .legend label { display: inline; } .legend .legend1 { visibility: visible; color: #fff; background: transparent url(/interface/legend7.gif); } .legend .legend2 { visibility: visible; color: #fff; background: transparent url(/interface/legend8.gif); } .legend .legend3 { visibility: visible; color: #fff; background: transparent url(/interface/legend9.gif); } .legend .legend4 { visibility: visible; color: #fff; background: transparent url(/interface/legend10.gif); } .legend .legend5 { visibility: visible; color: #fff; background: transparent url(/interface/legend5.gif); } .legend .legend6 { visibility: visible; color: #fff; background: transparent url(/interface/legend6.gif); } .legend .legend7 { visibility: visible; color: #fff; background: transparent url(/interface/legend1.gif); } .legend .legend8 { visibility: visible; color: #fff; background: transparent url(/interface/legend2.gif); } .legend .legend9 { visibility: visible; color: #fff; background: transparent url(/interface/legend3.gif); } .legend .legend10 { visibility: visible; color: #fff; background: transparent url(/interface/legend4.gif); } .legend .legend11 { visibility: visible; color: #fff; background: transparent url(/interface/legend11.gif); } .legend .legend12 { visibility: visible; color: #fff; background: transparent url(/interface/legend12.gif); } .legend .legend13 { visibility: visible; color: #fff; background: transparent url(/interface/legend13.gif); } .legend .legend14 { visibility: visible; color: #fff; background: transparent url(/interface/legend14.gif); } .legend .legend15 { visibility: visible; color: #fff; background: transparent url(/interface/legend15.gif); } .legend .legend16 { visibility: visible; color: #fff; background: transparent url(/interface/legend16.gif); } .legend .legend17 { visibility: visible; color: #fff; background: transparent url(/interface/legend17.gif); } .legend .legend18 { visibility: visible; color: #fff; background: transparent url(/interface/legend18.gif); } .legend .legend19 { visibility: visible; color: #fff; background: transparent url(/interface/legend19.gif); } .legend .legend20 { visibility: visible; color: #fff; background: transparent url(/interface/legend20.gif); } .legend .legend21 { visibility: visible; color: #fff; background: transparent url(/interface/legend21.gif); } .legend .legend22 { visibility: visible; color: #fff; background: transparent url(/interface/legend22.gif); } .legend .legend23 { visibility: visible; color: #fff; background: transparent url(/interface/legend23.gif); } .legend .legend24 { visibility: visible; color: #fff; background: transparent url(/interface/legend24.gif); } .legend .legend25 { visibility: visible; color: #fff; background: transparent url(/interface/legend25.gif); } .legend .legend26 { visibility: visible; color: #fff; background: transparent url(/interface/legend26.gif); } .legend .legend27 { visibility: visible; color: #fff; background: transparent url(/interface/legend27.gif); } .legend .legend28 { visibility: visible; color: #fff; background: transparent url(/interface/legend28.gif); } .legend .legend29 { visibility: visible; color: #fff; background: transparent url(/interface/legend29.gif); } .legend .legend30 { visibility: visible; color: #fff; background: transparent url(/interface/legend30.gif); } .legend .legend31 { visibility: visible; color: #fff; background: transparent url(/interface/legend31.gif); } .legend .legend32 { visibility: visible; color: #fff; background: transparent url(/interface/legend32.gif); } .legend .legend33 { visibility: visible; color: #fff; background: transparent url(/interface/legend33.gif); } .legend .legend34 { visibility: visible; color: #fff; background: transparent url(/interface/legend34.gif); } .legend .legend35 { visibility: visible; color: #fff; background: transparent url(/interface/legend35.gif); } .legend .legend36 { visibility: visible; color: #fff; background: transparent url(/interface/legend36.gif); } .legend .legend37 { visibility: visible; color: #fff; background: transparent url(/interface/legend37.gif); } .legend .legend38 { visibility: visible; color: #fff; background: transparent url(/interface/legend38.gif); } .legend .legend39 { visibility: visible; color: #fff; background: transparent url(/interface/legend39.gif); } .legend .legend40 { visibility: visible; color: #fff; background: transparent url(/interface/legend40.gif); } .legend .legend41 { visibility: visible; color: #fff; background: transparent url(/interface/legend41.gif); } .legend .legend42 { visibility: visible; color: #fff; background: transparent url(/interface/legend42.gif); } .legend .legend43 { visibility: visible; color: #fff; background: transparent url(/interface/legend43.gif); } .legend .legend44 { visibility: visible; color: #fff; background: transparent url(/interface/legend44.gif); } .legend .legend45 { visibility: visible; color: #fff; background: transparent url(/interface/legend45.gif); } .legend .legend46 { visibility: visible; color: #fff; background: transparent url(/interface/legend46.gif); } .legend .legend47 { visibility: visible; color: #fff; background: transparent url(/interface/legend47.gif); } .legend .legend48 { visibility: visible; color: #fff; background: transparent url(/interface/legend48.gif); } .legend .legend49 { visibility: visible; color: #fff; background: transparent url(/interface/legend49.gif); } .legend .legend50 { visibility: visible; color: #fff; background: transparent url(/interface/legend50.gif); } .legend .legend51 { visibility: visible; color: #fff; background: transparent url(/interface/legend51.gif); } .legend .legend52 { visibility: visible; color: #fff; background: transparent url(/interface/legend52.gif); } .legend .legend53 { visibility: visible; color: #fff; background: transparent url(/interface/legend53.gif); } .legend .legend54 { visibility: visible; color: #fff; background: transparent url(/interface/legend54.gif); } .legend .legend55 { visibility: visible; color: #fff; background: transparent url(/interface/legend55.gif); } .legend .legend56 { visibility: visible; color: #fff; background: transparent url(/interface/legend56.gif); } .legend .legend57 { visibility: visible; color: #fff; background: transparent url(/interface/legend57.gif); } .legend .legend58 { visibility: visible; color: #fff; background: transparent url(/interface/legend58.gif); } .legend .legend59 { visibility: visible; color: #fff; background: transparent url(/interface/legend59.gif); } .legend .legend60 { visibility: visible; color: #fff; background: transparent url(/interface/legend60.gif); } .legend .legend61 { visibility: visible; color: #fff; background: transparent url(/interface/legend61.gif); } .legend .legend62 { visibility: visible; color: #fff; background: transparent url(/interface/legend62.gif); } .legend .legend63 { visibility: visible; color: #fff; background: transparent url(/interface/legend63.gif); } .legend .legend64 { visibility: visible; color: #fff; background: transparent url(/interface/legend64.gif); } /* controls */ div.dailyScheduleContent div.legendControls { clear: both; margin: 10px 0px 0px 0px; padding: 5px 0px 0px 0px; overflow: hidden; border-top: 1px solid #999; } /* disable legend colours */ table .legend1, table .legend2, table .legend3, table .legend4, table .legend5, table .legend6, table .legend7, table .legend8, table .legend9, table .legend10, table .legend11, table .legend12, table .legend13, table .legend14, table .legend15, table .legend16, table .legend17, table .legend18, table .legend19, table .legend20, table .legend21, table .legend22, table .legend23, table .legend24, table .legend25, table .legend26, table .legend27, table .legend28, table .legend29, table .legend30, table .legend31, table .legend32 { visibility: hidden; } table .legend33, table .legend34, table .legend35, table .legend36, table .legend37, table .legend38, table .legend39, table .legend40, table .legend41, table .legend42, table .legend43, table. legend44, table .legend45, table .legend46, table .legend47, table .legend48, table .legend49, table .legend50, table .legend51, table .legend52, table .legend53, table .legend53, table .legend54, table .legend55, table .legend56, table .legend57, table .legend58, table .legend59, table .legend60, table .legend61, table .legend62, table .legend63, table .legend64 { visibility: hidden; } /* legend colours */ table.legend1 .legend1 { visibility: visible; color: #fff; background: transparent url(/interface/legend7.gif); } table.legend2 .legend2 { visibility: visible; color: #fff; background: transparent url(/interface/legend8.gif); } table.legend3 .legend3 { visibility: visible; color: #fff; background: transparent url(/interface/legend9.gif); } table.legend4 .legend4 { visibility: visible; color: #fff; background: transparent url(/interface/legend10.gif); } table.legend5 .legend5 { visibility: visible; color: #fff; background: transparent url(/interface/legend5.gif); } table.legend6 .legend6 { visibility: visible; color: #fff; background: transparent url(/interface/legend6.gif); } table.legend7 .legend7 { visibility: visible; color: #fff; background: transparent url(/interface/legend1.gif); } table.legend8 .legend8 { visibility: visible; color: #fff; background: transparent url(/interface/legend2.gif); } table.legend9 .legend9 { visibility: visible; color: #fff; background: transparent url(/interface/legend3.gif); } table.legend10 .legend10 { visibility: visible; color: #fff; background: transparent url(/interface/legend4.gif); } table.legend11 .legend11 { visibility: visible; color: #fff; background: transparent url(/interface/legend11.gif); } table.legend12 .legend12 { visibility: visible; color: #fff; background: transparent url(/interface/legend12.gif); } table.legend13 .legend13 { visibility: visible; color: #fff; background: transparent url(/interface/legend13.gif); } table.legend14 .legend14 { visibility: visible; color: #fff; background: transparent url(/interface/legend14.gif); } table.legend15 .legend15 { visibility: visible; color: #fff; background: transparent url(/interface/legend15.gif); } table.legend16 .legend16 { visibility: visible; color: #fff; background: transparent url(/interface/legend16.gif); } table.legend17 .legend17 { visibility: visible; color: #fff; background: transparent url(/interface/legend17.gif); } table.legend18 .legend18 { visibility: visible; color: #fff; background: transparent url(/interface/legend18.gif); } table.legend19 .legend19 { visibility: visible; color: #fff; background: transparent url(/interface/legend19.gif); } table.legend20 .legend20 { visibility: visible; color: #fff; background: transparent url(/interface/legend20.gif); } table.legend21 .legend21 { visibility: visible; color: #fff; background: transparent url(/interface/legend21.gif); } table.legend22 .legend22 { visibility: visible; color: #fff; background: transparent url(/interface/legend22.gif); } table.legend23 .legend23 { visibility: visible; color: #fff; background: transparent url(/interface/legend23.gif); } table.legend24 .legend24 { visibility: visible; color: #fff; background: transparent url(/interface/legend24.gif); } table.legend25 .legend25 { visibility: visible; color: #fff; background: transparent url(/interface/legend25.gif); } table.legend26 .legend26 { visibility: visible; color: #fff; background: transparent url(/interface/legend26.gif); } table.legend27 .legend27 { visibility: visible; color: #fff; background: transparent url(/interface/legend27.gif); } table.legend28 .legend28 { visibility: visible; color: #fff; background: transparent url(/interface/legend28.gif); } table.legend29 .legend29 { visibility: visible; color: #fff; background: transparent url(/interface/legend29.gif); } table.legend30 .legend30 { visibility: visible; color: #fff; background: transparent url(/interface/legend30.gif); } table.legend31 .legend31 { visibility: visible; color: #fff; background: transparent url(/interface/legend31.gif); } table.legend32 .legend32 { visibility: visible; color: #fff; background: transparent url(/interface/legend32.gif); } table.legend33 .legend33 { visibility: visible; color: #fff; background: transparent url(/interface/legend33.gif); } table.legend34 .legend34 { visibility: visible; color: #fff; background: transparent url(/interface/legend34.gif); } table.legend35 .legend35 { visibility: visible; color: #fff; background: transparent url(/interface/legend35.gif); } table.legend36 .legend36 { visibility: visible; color: #fff; background: transparent url(/interface/legend36.gif); } table.legend37 .legend37 { visibility: visible; color: #fff; background: transparent url(/interface/legend37.gif); } table.legend38 .legend38 { visibility: visible; color: #fff; background: transparent url(/interface/legend38.gif); } table.legend39 .legend39 { visibility: visible; color: #fff; background: transparent url(/interface/legend39.gif); } table.legend40 .legend40 { visibility: visible; color: #fff; background: transparent url(/interface/legend40.gif); } table.legend41 .legend41 { visibility: visible; color: #fff; background: transparent url(/interface/legend41.gif); } table.legend42 .legend42 { visibility: visible; color: #fff; background: transparent url(/interface/legend42.gif); } table.legend43 .legend43 { visibility: visible; color: #fff; background: transparent url(/interface/legend43.gif); } table.legend44 .legend44 { visibility: visible; color: #fff; background: transparent url(/interface/legend44.gif); } table.legend45 .legend45 { visibility: visible; color: #fff; background: transparent url(/interface/legend45.gif); } table.legend46 .legend46 { visibility: visible; color: #fff; background: transparent url(/interface/legend46.gif); } table.legend47 .legend47 { visibility: visible; color: #fff; background: transparent url(/interface/legend47.gif); } table.legend48 .legend48 { visibility: visible; color: #fff; background: transparent url(/interface/legend48.gif); } table.legend49 .legend49 { visibility: visible; color: #fff; background: transparent url(/interface/legend49.gif); } table.legend50 .legend50 { visibility: visible; color: #fff; background: transparent url(/interface/legend50.gif); } table.legend51 .legend51 { visibility: visible; color: #fff; background: transparent url(/interface/legend51.gif); } table.legend52 .legend52 { visibility: visible; color: #fff; background: transparent url(/interface/legend52.gif); } table.legend53 .legend53 { visibility: visible; color: #fff; background: transparent url(/interface/legend53.gif); } table.legend54 .legend54 { visibility: visible; color: #fff; background: transparent url(/interface/legend54.gif); } table.legend55 .legend55 { visibility: visible; color: #fff; background: transparent url(/interface/legend55.gif); } table.legend56 .legend56 { visibility: visible; color: #fff; background: transparent url(/interface/legend56.gif); } table.legend57 .legend57 { visibility: visible; color: #fff; background: transparent url(/interface/legend57.gif); } table.legend58 .legend58 { visibility: visible; color: #fff; background: transparent url(/interface/legend58.gif); } table.legend59 .legend59 { visibility: visible; color: #fff; background: transparent url(/interface/legend59.gif); } table.legend60 .legend60 { visibility: visible; color: #fff; background: transparent url(/interface/legend60.gif); } table.legend61 .legend61 { visibility: visible; color: #fff; background: transparent url(/interface/legend61.gif); } table.legend62 .legend62 { visibility: visible; color: #fff; background: transparent url(/interface/legend62.gif); } table.legend63 .legend63 { visibility: visible; color: #fff; background: transparent url(/interface/legend63.gif); } table.legend64 .legend64 { visibility: visible; color: #fff; background: transparent url(/interface/legend64.gif); } /* class search form */ #content .classSearch .pageFilters .field { clear: both; overflow: hidden; } #content #contentArea .classSearch .schedules .form label {font-weight:bold; margin:5px 0 1px 0;} #content #contentArea .classSearch .schedules .form .pageFilters .field input#filterActivities, #content #contentArea .classSearch .schedules .form .pageFilters .field input#filterFacilities {float:left; margin:2px;} #content #contentArea .classSearch .schedules .form .buttons input, #content #rightContainer .banner form .buttons input {margin-top:10px;} #content #rightContainer .banner form .pageFilters .field input#filterActivities, #content #rightContainer .banner form .pageFilters .field input#filterFacilities {float:left;margin:0 3px 0 0;} #content #rightContainer .banner form .field label {font-weight:bold; margin:5px 0 1px 0; } #content #rightContainer .banner form .advanced a {padding:1px 0; margin:5px 0 0; display:block; text-decoration:underline;} #content #contentArea .classSearch .schedules .searchNavigation ul {list-style-type:none;} #content #contentArea .classSearch .schedules .searchNavigation ul li {float:left; } #content #contentArea .classSearch .schedules .searchNavigation ul li a {padding:5px;} /* flexboxes */ .coe_rfb{ float:left; border-style:solid; border-width: 3px 1px 1px 1px; border-color:#cccccc; padding:0 8px; margin:3px 0 0 1px; width: 218px; } .coe_rfb h1 { color: #336699; font-family: arial; font-size: 1.3em; font-weight: 500; margin-bottom: 0; padding-bottom: 0; padding-left: 2px; padding-right: 0; padding-top: 0; height: 23px; margin-top: 6px; } .coe_rfb h2{color:#336699;font-weight:500;} .coe_rfb a{text-decoration: underline;} .twitterFlexBox{float: left;padding:10px 8px;border-width:1px;} /* #latestNews {border-color:#DDDDDD;border-style:solid;border-width:4px 1px 1px;float:left;margin:8px 0 0;padding:0;width:234px;} #latestNews h1 {color:#336699;font-family:arial;font-size:1.2em;font-weight:500;padding:0 0 0 10px;margin-bottom:0;} #latestNews p a{font-size:0.9em} */ .viewUpcomingEvents {margin-bottom:4px;} .viewUpcomingEvents a, .moreNews a{font-size:0.9em;} .newsItem {padding:0} .newsOverflow{ overflow:hidden; width:130px; height:80px; margin:4px 0 0 41px; display:block; border:1px solid #EDEDED; } .newsItem img{ width:130px; margin:0; } .newsItem h2, .newsItem h2 a { text-align:center; color:black; margin:10px 0; padding:0 !important; } .newsItem h2 a { width:166px; display:block; margin:0 auto; } .newsItem p.newsDate, .randomEvent .date{ color:#999999; margin-top:0; font-size:0.8em; font-weight:normal; text-align:center; } .newsItem a, #latestNews p.right a { font-size:0.9em; text-align:center; text-decoration:none; } .moreNews{text-align:center;margin-bottom:-6px;} .randomEvent{ padding-bottom:0; } .randomEvent img{ width:100%; margin:0 0 0 -1px; border:1px solid #EDEDED; } .randomEvent h2{ font-weight:normal; } .randomEvent h2 a{ font-weight:normal; text-decoration:none; font-size:0.9em; margin:10px 0 4px; width:212px; } .randomEvent h2 a:hover{ text-decoration:underline; } .randomEvent a{ text-align:center; text-decoration:none; display:block; } .randomEvent a:hover{ text-decoration:underline; } #homeLeftColumn{float:left;width:228px;margin:0 12px 0 0;} #homeLeftColumn .landingPageFeature{margin:2px 2px 8px 6px;} #homeMiddleColumn{float:left;width:446px} #homeRightColumn{float:right;width:238px} .largeHomepageFeature{margin:0 0 24px} .largeHomepageFeature h3{font-size:1.2em;color:#000000;margin:8px 4px 2px;} .largeHomepageFeature img{border:1px solid #ededed;height:274px;width:445px;} .largeHomepageFeature p{color:#666666;margin:0 4px;} .littleHomepageFeature{float:left;width:212px;margin:0 11px;} .iWantToHomepage{width:219px;margin:4px 0;border-bottom:1px solid #dddddd;border-top:4px solid #767676;padding:0 0 4px 8px;} .iWantToHomepage h1{color:#006699;font-size:1.1em;margin: 6px 0 10px 0;text-transform:uppercase;font-weight:normal;font-family:arial;} .eFooter {margin:0 auto;width:946px} .eFooterSocialMediaBar {overflow:hidden;text-align:left;width:284px;margin:0 0 0 708px;padding:0;height:24px} .eFooterSocialMediaBar a{display:block;float:left;margin:0 2px 0 0;} .eFooterLogo{float:right;width:96px;height:25px;position:relative;top:-9px;right:4px;} .eFooterLine{background-color:#2E80B6;background-position:initial initial;background-repeat:initial initial;height:6px;margin:0;width:842px;} .eFooterLinks1 {margin:0 0 6px 0} .eFooterLinks1 a {color:black;font-weight:bold;font-family:arial;margin:0 16px 0 0;} .eFooterLinks2 {margin:0 0 4px 0} .eFooterLinks2 a {color:#666666;font-family:arial;font-size:0.95em;margin:0 12px 0 0;} .eFooterCopyright {color:#999999;font-family:arial;font-size:0.9em;} .eFooterTransforming{float:left;width:250px;height:200px;margin:0 0 0 6px;text-align:left} .homepageFooter .eFooterTransforming{width:240px;} .eFooterTransformingTitle{margin:0 0 5px 0;font-size:0.9em} .eFooterTransforming a{height:20px;width:20px;display:block;float:left;margin:0 3px;} .eFooterTransforming a:hover{background-position:0 -20px} .eFooterBelow{width:580px;float:left;text-align:left;margin-top:10px} .te_living{background:url(/interface/te_living.gif)} .te_grow{background:url(/interface/te_grow.gif)} .te_move{background:url(/interface/te_move.gif)} .te_green{background:url(/interface/te_green.gif)} .te_finance{background:url(/interface/te_finance.gif)} .te_prosper{background:url(/interface/te_prosper.gif)} /* landing page styles */ .levelOne #content{padding-top:10px;} .levelOne #leftNav {background-color:#EEEEEE;border-color:#767676 #EEEEEE #EEEEEE;border-style:solid;border-width:8px 0 1px;float:left;font-size:1em;margin:4px0;padding:0;width:236px;} .levelOne #leftNav li a {color:#363636;display:block;text-decoration:none;} .levelOne #rightContainer{margin-top:32px} .landingLeftWrapper{width:709px;float:left} .narrowFeatureContainer{ overflow:hidden; float:left;padding-bottom:10px;} .collapsible, .page_collapsible { margin: 0; padding:0px; border:#f0f0f0 0px solid; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: #000; font-size:1em; font-weight: normal; } div.collapsible { margin: 20px 0 0 0; } .collapsible .title { margin:4px 0 0 0px; cursor:pointer; } .collapsible .title .question { float: left; margin:0 0 0 8px; width:94%; } .accordionContent .collapsible .title .question{ width:92%; } .question-control { width: 22px; margin-left: 0px; float:left; display:block; } .collapse-open .question-control { background:url(/interface/icon_minus_16x16.png) left top no-repeat; width: 16px; height: 16px; } .collapse-close .question-control { background:url(/interface/icon_plus_16x16.png) left top no-repeat; width: 16px; height: 16px; } .collapse-open { color: #000; font-weight: bold; } .content { padding: 0 0 0 24px; } .controls { text-align: right; padding: 7px; font-family: Arial, Helvetica, sans-serif;} /* Image Carousel - Start */ .coe-carousel, .coe-carousel * { box-sizing: border-box; } .coe-carousel *:before, .coe-carousel *:after { box-sizing: border-box; } .coe-carousel.column-overflow { margin-right: -257px; } .coe-carousel { border: 1px solid #ededed; position: relative; margin-bottom: 30px; } .coe-carouselsmartedit .item img { max-width: 100%; } .coe-carousel .item { width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; -webkit-transform: translateZ(0); pointer-events: none; } .coe-carousel .item.active { opacity: 1; pointer-events: auto; } .coe-carousel .navigation { position: absolute; bottom: -20px; right: 0px; } .coe-carousel .navigation .page { width: 10px; height: 10px; background-color: #cccccc; float: left; margin-left: 10px; border-radius: 50%; opacity: .4; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; -webkit-transform: scale(1, 1); transform: scale(1, 1); cursor: pointer; } .coe-carousel .navigation .page.active { opacity: 1; -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } .coe-carousel .caption { position: absolute; bottom: 0px; padding: 2px 10px; background: #D7D7D7; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(215, 215, 215, 0.8); left: 0; right: 0; color: #000; font-size: 1.15em; } .loader { display: block; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 25px; width: 25px; position: absolute; left: 47%; top: 50%; -webkit-animation: rotation .6s infinite linear; -moz-animation: rotation .6s infinite linear; -o-animation: rotation .6s infinite linear; animation: rotation .6s infinite linear; border-left: 4px solid rgba(202, 202, 202, 0.15); border-right: 4px solid rgba(202, 202, 202, 0.15); border-bottom: 4px solid rgba(202, 202, 202, 0.15); border-top: 4px solid rgba(202, 202, 202, 0.9); border-radius: 100%; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } @-moz-keyframes rotation { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(359deg); } } @-o-keyframes rotation { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(359deg); } } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } /* Image Carousel - End */ /* Interim Accordion Tiles */ .accordion-tiles-two-col .accordion-tile { width:49%; } .accordion-tiles-three-col .accordion-tile { width:32.25%; } .accordion-tile { float:left; padding:4px 6px; height:136px !important; border:1px solid #ccc; overflow:hidden; margin:0.5%; box-sizing: border-box; } .accordion-tile a { text-decoration:none !important; cursor:pointer !important; } .accordion-tile h1 { color:#000!important; margin:8px 0 4px 0 !important; font-size:15px!important; font-family:Arial, Helvetica, sans-serif !important; font-weight:bold!important; } .accordion-tile h2 { color:#3DA1DC!important; font-weight:normal!important; font-size:90%!important; margin:0 0 4px 0!important; height:10px!important; font-family:Verdana, Helvetica, sans-serif !important; } .accordion-tile p { color: #666; margin:0px !important; } .accordion-tile .serviceaud { margin:12px 0 2px 0 !important; color:#666 !important; } /* Interim Accordion Tiles - End */