/* SITE WIDE STYLES ======================================================================*/ body {font:12px/100% Arial,Helvetica, sans-serif; color:#666666;} body#home { background: url(../img/body-bg-shadow-home.gif) no-repeat center 609px;} body#landing { background: url(../img/body-bg-shadow.gif) no-repeat center 176px;} body#landing-no-lines {background: url(../img/body-bg-shadow-home.gif) no-repeat center 176px;} body#map-shadow { background: url(../img/body-bg-shadow-home.gif) no-repeat center 176px;} body#sitemap { background: url(../img/body-bg-shadow-home.gif) no-repeat center 176px;} body#one-column {background: url(../img/body-bg-shadow-home.gif) no-repeat center 176px;} body#infographic, body#page { background: url(../img/body-bg-shadow.gif) no-repeat center 176px;} h1 {padding: 15px 0 15px 34px; font-size:15px; color: #990000; text-transform: uppercase;} h2 {padding: 8px 40px 18px 0; font-size: 20px; color: #990000; letter-spacing: 1px; line-height: 1; text-transform: capitalize;} h3 {padding: 4px 0 10px 0; font-size: 12px; color: #990000; text-transform: capitalize;} h4 {padding: 15px 0 10px 0; font-size: 11px; color: #333; text-transform: uppercase;} h5 {font-size: 10px; color: #333; text-transform: uppercase;} h6 {font-size: 12px; color: #666; text-transform: uppercase;} .overview ul {margin: 10px 0 10px 20px; font-size: 11px; line-height: 1.3;} .overview ul li {padding: 0 0 4px 14px; background: url(../img/bullet.gif) no-repeat 0 2px;} p {padding: 0 0 8px 0; font-size: 11px; color: #666; line-height: 1.6;} a {text-decoration: none; color: #106782; } a:hover {} a:active {} a.arrow, #related-links a, #see-also a, #other-communities a, #sec-buckets a, #tert-bucket a, .bucket a {padding: 0 0 10px 10px; font-size: 11px; display: block; color: #106782; background: url(../img/arrow-blue.gif) no-repeat 0 2px;} table {width: 100%; margin: 0 0 10px 0; font-size: 11px;} th {font-weight: bold; padding: 2px 0;} tr td {padding: 6px 0; text-align: center; border-bottom: 1px solid #fff;} td.even {color: #666;} td.odd {background: #e5e5e5;} thead, thead td {color: #006683; font-weight: bold; border-bottom: 1px solid #e5e5e5; background: #fff url(../img/table-header-line.gif) no-repeat 0 6px;} tfoot, tfoot td {color: #666; font-weight: bold; background: #fff url(../img/table-header-line.gif) no-repeat 0 6px; border-top: 1px solid #e5e5e5} .red {color: #990000;} #wrapper {margin:0 auto; width:940px;} #header {height: 136px; width: 940px; background: url(../img/header-bak.jpg) no-repeat top left;} #header #util-nav {float: right; height: 81px; width: 220px;} #header #util-nav ul {padding: 24px 0 0 33px;} #header #util-nav ul li {margin:0 10px 0 0; padding: 0 10px 0 0; float: left; background: url(../img/util-bg.gif) no-repeat right 3px;} #header #util-nav ul li:last-child {background: none;} #header #util-nav ul li a {color: #680000; font-size: 10px; text-transform: uppercase;} #search-theme-form {margin: 26px 0 0 0; clear: both;} #search {height:21px; width:162px; margin:0 0 0 32px; position: relative;background: url(../img/search-site-bg.gif) no-repeat top left;} #search input.search-field {padding: 5px 0 0 5px; float: left; color: #666; font-size: 9px; border: none; background: none;} #search input.form-submit {position: absolute; top:0; right:0; height:21px; width:40px; color: #fff; font-size: 1px; background: none; border: none; cursor: pointer; text-indent: -9999px;} #header #logo {margin: 37px 0 0 31px; height:29px; width:234px; display: inline; float: left;} #header #logo a {height:29px; width:234px; float: right; display: block; background: url(../img/live-in-calgary.gif) no-repeat top left; border: none; text-indent: -9999px;} #header #ced {height:63px; width:122px; margin: 10px 20px 0 0; float: right; display: block; background: url(../img/CED_WORDMARK.png) no-repeat top left; border: none; } #header #ced a {clear: both; display: block; height: 63px; width: 122px;} #header #ced a span {display: none;} #search-form {display: none;} .clear {clear: both;} ul.tabs li {display: inline-block; margin: 10px 5px; padding: 3px; border: solid 1px black; background: #ccc;} /* TOP LEVEL NAVIGATION ==========================================================================*/ #nav {height: 40px; width: 940px; padding: 16px 0 0 0; clear: both; } #nav ul {} #nav ul li {float: left;} #nav ul li a {height: 40px; text-indent: -9000px; cursor: pointer;} #nav ul li a#overview {width:101px; background: url(../img/sprite.jpg) no-repeat 0 0; display: block;} #nav ul li a#overview:hover {background: url(../img/sprite.jpg) no-repeat 0 -40px;} #nav ul li a#overview:active, #nav ul li a#overview.active, #nav ul li.active-trail a#overview {background: url(../img/sprite.jpg) no-repeat 0 -80px;} #nav ul li a#jobs {width:53px; background: url(../img/sprite.jpg) no-repeat -101px 0; display: block;} #nav ul li a#jobs:hover {background: url(../img/sprite.jpg) no-repeat -101px -40px;} #nav ul li a#jobs:active, #nav ul li a#jobs.active, #nav ul li.active-trail a#jobs {background: url(../img/sprite.jpg) no-repeat -101px -80px;} #nav ul li a#homescommunities {width:152px; background: url(../img/sprite.jpg) no-repeat -154px 0; display: block;} #nav ul li a#homescommunities:hover {background: url(../img/sprite.jpg) no-repeat -154px -40px;} #nav ul li a#homescommunities:active, #nav ul li a#homescommunities.active, #nav ul li.active-trail a#homescommunities {background: url(../img/sprite.jpg) no-repeat -154px -80px;} #nav ul li a#schoolseducation {width:149px; background: url(../img/sprite.jpg) no-repeat -306px 0; display: block;} #nav ul li a#schoolseducation:hover {background: url(../img/sprite.jpg) no-repeat -306px -40px;} #nav ul li a#schoolseducation:active, #nav ul li a#schoolseducation.active, #nav ul li.active-trail a#schoolseducation {background: url(../img/sprite.jpg) no-repeat -306px -80px;} #nav ul li a#lifestylerecreation {width:161px; background: url(../img/sprite.jpg) no-repeat -455px 0; display: block;} #nav ul li a#lifestylerecreation:hover {background: url(../img/sprite.jpg) no-repeat -455px -40px;} #nav ul li a#lifestylerecreation:active, #nav ul li a#lifestylerecreation.active, #nav ul li.active-trail a#lifestylerecreation {background: url(../img/sprite.jpg) no-repeat -455px -80px;} #nav ul li a#healthsafetymobility {width:176px; background: url(../img/sprite.jpg) no-repeat -616px 0; display: block;} #nav ul li a#healthsafetymobility:hover {background: url(../img/sprite.jpg) no-repeat -616px -40px;} #nav ul li a#healthsafetymobility:active, #nav ul li a#healthsafetymobility.active, #nav ul li.active-trail a#healthsafetymobility {background: url(../img/sprite.jpg) no-repeat -616px -80px;} #nav ul li a#movingtocalgary {width:148px; background: url(../img/sprite.jpg) no-repeat -792px 0; display: block;} #nav ul li a#movingtocalgary:hover {background: url(../img/sprite.jpg) no-repeat -792px -40px;} #nav ul li a#movingtocalgary:active, #nav ul li a#movingtocalgary.active, #nav ul li.active-trail a#movingtocalgary {background: url(../img/sprite.jpg) no-repeat -792px -80px;} /* SUB NAVIGTION ==========================================================================*/ #sub-nav-col {padding: 30px 0 0 0; width: 244px; float: left;} #sub-nav {width: 166px; padding:0 0 10px 0; margin:0 0 30px 34px; border-bottom: 1px solid #e5e5e5;} ul.menu {} ul.menu li {padding:0 0 10px 0px;} ul.menu li a {display: block; padding:0 0 0 26px; line-height: 1.8; text-transform: uppercase; color: #106782; font-size: 10px;} ul.menu li a.active {} li.expanded a{background: url(../img/menu-expanded.gif) no-repeat top left;} li.collapsed a{background: url(../img/menu-collapsed.gif) no-repeat top left; } li.leaf a{background: url(../img/menu-nothing.gif) no-repeat top left;} ul.menu ul {margin: 8px 0 0 26px; } ul.menu ul li {padding:0 0 0px 0px;} ul.menu ul li a {margin:0 0 8px 0; padding: 0 0 0 18px; display: block; font-size: 11px; text-transform: capitalize; line-height: 1; color: #666; font-weight: bold;} ul.menu ul li.expanded a{background: url(../img/menu-arrow-down.gif) no-repeat 0 0px;} ul.menu ul li.collapsed a{background: url(../img/menu-arrow-right.gif) no-repeat 0 0px;} ul.menu ul li.leaf a{background: url(../img/menu-arrow-nothing.gif) no-repeat 2px 2px;} ul.menu ul ul li.leaf a{background: none;} ul.menu ul ul {margin:0 0 0 8px;} ul.menu ul ul li {padding:0 0 0px 0; background: none;} ul.menu ul ul li a {font-size: 10px; text-transform: capitalize; color: #999; font-weight: normal; background: none;} #picture-yourself {width: 204px; padding:0 0 0 14px;} #picture-yourself img {margin:0 0 14px 0;} #picture-yourself h5 {padding:0 0 6px 10px;} #picture-yourself p {padding:0 10px 0 10px; line-height: 1.1; font-size: 10px;} #picture-yourself a {margin:6px 0 0 0px; display: block; font-size: 10px;} li.featured-communities {margin:0 0 8px 18px; display: block; font-size: 10px; text-transform: capitalize; color: #666; font-weight: bold;} /* FOOTER ==========================================================================*/ #footer {margin: 30px 0 40px 0; padding: 14px 0 0 0; border-top: 1px solid #D9D9D9; clear: both;} #footer #copyright {float: left; width: 320px;font-size: 11px;} #footer #footer-util-nav {width: 570px; float: right;} #footer #footer-util-nav ul {float: left;} #footer #footer-util-nav ul.socialmedia {float: right;} #footer #footer-util-nav ul li {display: inline;} #footer #footer-util-nav ul li a {margin:0 6px 0 0; padding: 0 6px 0 0; background: url(../img/footer-nav-line.gif) no-repeat top right; color: #999; font-size: 11px;} #footer #footer-util-nav ul li:last-child a {background: none;} #footer #footer-util-nav ul.socialmedia {float: right;} #footer #footer-util-nav ul.socialmedia a {background: none;} /* HOMEPAGE SPECIFIC ==========================================================================*/ #home h1 {margin:0; padding:0 0 30px 0; color: #333; font-size: 18px;} #home h2 {margin:0; padding:0px 0 3px 30px; font-size: 18px; color: #666; background: url(../img/red-down-arrow.gif) no-repeat top left;} #home h3 {margin: 14px 0 0 20px; padding: 1px 0 2px 24px; font-size: 14px; text-transform: capitalize ; background: url(../img/red-arrow-down.gif) no-repeat top left;} #home p {width: 390px; font-size: 12px;} #flas-home {position: relative; z-index:1;} #calgary-life {margin: 44px 0 0 20px; width: 430px; float: left;} #calgary-life #slogan {color: #333; font-size: 14px; } #get-moving {margin: 44px 0 20px 0; width: 480px; float: left;} .find-buckets {margin: 20px 0 0 0; width: 160px; float: left;} .find-buckets img {margin: 0 0 10px 0;} .find-buckets a {height: 20px; display: block; padding:2px 0 6px 26px; text-transform: uppercase; background: url(../img/square-arrow.gif) no-repeat top left;} #tertiary-promos {height: 180px; width: 100%; padding: 20px 0 0 0; clear: both; border-top: 1px solid #e5e5e5;} .promo {height:152px; width: 302px; float: left;} #things-to-do {margin:0 17px 0 0; background: url(../img/content/things-to-do.jpg) no-repeat top left;} #things-to-do p {margin: 24px 0 0 46px; width: 164px; font-size: 11px;} #things-to-do a {margin: 0px 0 0 46px; font-size: 11px;} #local-weather {margin: 0 17px 0 0; background: url(../img/content/weather.jpg) no-repeat top left; } #local-weather ul {} #local-weather ul li {width: 100px; float: left; text-align: center;} #local-weather ul li img {margin: 14px 0 0 0; height: 45px; width: 45px; } #local-weather ul li span {margin: 0 0 6px 0; display: block;} #local-weather ul li span.day {} #local-weather ul li span.temp {} #social-media {background: url(../img/content/social-media.jpg) no-repeat top left;} #social-media p {margin: 16px 0 0 46px; width: 130px; font-size: 11px;} #social-media a {margin: 0 0 0 46px; font-size: 11px;} #flash_footer_wrapper { height:100px; left:-50px; position:relative; top:0; width:1060px; } .movefooter { position:relative; top:-89px; border-top:none;} /* CONTENT PRIMARY ==========================================================================*/ #content #one-col {width: 666px; float: left;} #content-primary {background: url(../img/bg-content-primary.gif) no-repeat 213px 43px; /*overflow: auto;*/} #content-primary #one-col {width: 560px; float: left;} #masthead {padding: 0 0 20px 0;} #masthead img {margin: 30px 0 0 0; height:312px; width:668px;} #sec-buckets {margin: 30px 0 0px 0; padding: 0 0 30px 0; width:690px; border-bottom: 1px solid #D9D9D9; overflow: auto;} #sec-buckets #first {margin: 0 15px 0 0; width: 329px; border-right: 1px solid #D9D9D9; float: left;} #sec-buckets #second {width: 315px; float: left;} #sec-buckets div img {} #sec-buckets h3 {margin: 10px 0 8px 0; text-transform: uppercase; color: #333;} #sec-buckets p {padding:0; margin:0 0 0px 0; width: 290px;} #sec-buckets a {margin: 6px 0 0 0;} #tert-buckets {margin: 30px 0 0 0; width: 690px;} #tert-buckets .bucket {float: left;} #tert-buckets .bucket img {margin: 0 20px 0 0; height: 80px; width: 80px; float: left;} #tert-buckets .bucket h4 {padding: 0 0 10px 0; width: 80px; float: left;} #tert-buckets .bucket a {float: left; width: 70px;} #tert-buckets .first {margin: 0 20px 0 0; width: 200px; border-right: 1px solid #D9D9D9;} #tert-buckets .second {margin: 0 20px 0 0; width: 200px; border-right: 1px solid #D9D9D9;} #tert-buckets .third {margin: 0; width: 200px;} /* CONTENT SECONDARY ==========================================================================*/ #content-secondary {background: url(../img/bg-content-secondary.gif) no-repeat 213px 43px; overflow: auto;} #content-secondary #one-col {width: 666px; float: left;} #content-secondary #left-col {width: 330px; float: left;} #content-secondary #left-col p {width: 330px;} #content-secondary #left-col li {width: 300px;} #content-secondary #right-col {width: 270px; float: left; } #content-secondary #right-col .bucket {margin: 6px 0 20px 0; width: 270px; overflow: auto;} #content-secondary #right-col .bucket img{float: left; padding: 0 20px 0 0; width: 80px; height: 80px;} #content-secondary #right-col .bucket-content {margin: 0 0 0px 0; width: 160px; float: left;} #content-secondary #right-col h4 {padding: 0 0 6px 0;} /* CONTENT TERTIARY ==========================================================================*/ #content-tertiary {background: url(../img/bg-content-tertiary.gif) no-repeat 213px 43px; overflow: auto;} #content-tertiary-no-gallery {background: url(../img/bg-no-gallery.gif) no-repeat 213px 43px; overflow: auto;} #content-tertiary #one-col, #content-tertiary-no-gallery #one-col {width: 686px; float: left;} #content-tertiary #left-col, #content-tertiary-no-gallery #left-col {margin: 30px 0 0 0; width: 350px; float: left;} #email-print-bookmark {padding:0 0 30px 0; margin: 30px 0 10px 0; border-bottom: 1px solid #e5e5e5;} #email-print-bookmark li {margin: 0 10px 0 0; float: left;} #email {display: block; padding: 4px 0 4px 20px; cursor: pointer; background: url(../img/email.gif) no-repeat top left;} #print {display: block; padding: 4px 0 4px 20px; cursor: pointer; background: url(../img/print.gif) no-repeat top left;} #bookmark {display: block; padding: 4px 0 4px 20px; cursor: pointer; background: url(../img/bookmark.gif) no-repeat top left;} #emailpage {display: none;} #emailpage label {} #emailpage input {width: 250px;} #emailpage input, #emailpage textarea {margin: 0 0 10px 0; display: block;} #emailpage button {margin: 0 0 0 0; } .modal {background-color:#fff; display:none; width:auto; padding:15px; text-align:left; opacity:0.9; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000;} div.close {background :url(../img/overlay/close.png) no-repeat; position:absolute; right:7px; top:7px; cursor:pointer; height:26px; width:24px;} #funding-partners {width: 650px; background: url(../img/overlay/bg-funding.gif) repeat-y top left; height: 250px;} #left-col {width:380px; float: left;} #right-col {margin: 0 0 0 60px; width:180px; float: left; } #funding-partners h1 {padding: 10px 0 10px 0px; margin:0; font-size:15px; color: #990000; text-transform: uppercase; font-size: 22px; font-family: arial; font-weight: normal;} #funding-partners h2 {padding: 20px 0 10px 0px; font-size:15px; color: #666; text-transform: uppercase; font-size: 14px; font-family: arial; font-weight: normal; background: none;} #funding-partners p {padding: 0 0 0px 0; margin:0; font-size: 11px; color: #666; line-height: 1.6; font-family: arial;} #funding-partners a img {border: none; text-decoration: none;} #feedback{} #feedback a.closed {padding: 0 0 6px 20px; display: block; background: url(../img/feedback/feedback-closed.gif) no-repeat top left; font-size: 11px; color: #666;} #feedback a.open {padding: 0 0 6px 20px; display: block; background: url(../img/feedback/feedback-open.gif) no-repeat top left; font-size: 11px; color: #666;} #feedback ul {} #feedback ul li {} #feedback label {font-size: 11px; padding: 4px 0 2px 0; display: block;} #feedback input { width: 300px; margin: 0 0 4px 0; display: block;} #feedback textarea {width: 300px;} #feedback .form-submit {width: 80px; margin: 0 0 10px 0;} #feedback ul ul {margin: 0 0 10px 20px;} #feedback ul ul li a {padding: 0 0 0 10px; background: url(../img/arrow-grey.gif) no-repeat 0 3px; line-height: 2; font-size: 11px; color: #666;} #content-tertiary #right-col, #content-tertiary-no-gallery #right-col {margin: 30px 0 0 0; width: 311px; float: right;} #carousel-container {position: relative; margin: 0px 0 20px 0; overflow: hidden;} #carousel-large-img {height:217px; width:311px; margin: 0 0 14px 0; background: url(../img/carousel/bg-img.jpg) no-repeat top left;} #carousel-large-img img {height:200px; width:304px; padding: 4px 0 0 4px;} #carousel {margin: 14px 0 0 0; height: 56px; width: 312px; position: relative;} .scrollable {float: left; position:relative; overflow:hidden; width: 276px; height: 56px; margin: 0 0px 0 18px;} .scrollable .items {width:20000em; position:absolute; left: 0px; clear:both; z-index: 1; } div.scrollable div.items img {width: 86px; height: 56px; float:left; margin: 0px 10px 0 0; cursor:pointer; } div.scrollable div.items img.active {z-index:9999; position:relative;} /* prev, next, prevPage and nextPage buttons */ a.left {height: 15px; width:7px; background: url(../img/carousel/left.gif) no-repeat top left; position: absolute; top:250px; left:0; cursor: pointer; z-index: 2;} a.right {height: 15px; width:7px; background: url(../img/carousel/right.gif) no-repeat top left; position: absolute; top:250px; right:0; cursor: pointer; z-index: 2;} /* disabled navigational button */ a.disabled {visibility:hidden !important;} #content-tertiary #related-links, #content-tertiary-no-gallery #related-links{margin:0 0 10px 20px; padding: 10px 0; width: 234px; border-bottom: 1px solid #e5e5e5;} #content-tertiary #see-also, #content-tertiary-no-gallery #see-also{margin: 0 0 0 20px; width: 234px; border-bottom: 1px solid #e5e5e5;} #content-tertiary #other-communities, #content-tertiary-no-gallery #other-communities{margin: 0 0 0 20px; width: 234px;} /* CONTENT TERTIARY TEXT ==========================================================================*/ form.ced-contact {display: block;} form.ced-contact label {display: block; margin: 10px 0 0 0;} form.ced-contact input {} form.ced-contact textarea {} form.ced-contact input.button {} /* CONTENT INFOGRAPHIC - only use to overwrite existing styles, to match comps ==========================================================================*/ #infographic h6 {margin: 20px 0 0 0; } #infographic h2 {padding: 8px 0 18px 0; font-size: 20px; color: #990000; letter-spacing: 1px; line-height: 1;} /* fixes Safari bug */ #infographic #one-col { min-height:570px; } /* CONTENT SEARCH RESULTS ==========================================================================*/ #content #search-results-cnt {margin: 20px 0 0 0; padding: 0 0 0 34px;} #results-for {padding: 10px 0 10px 0; width: 880px; border-bottom: 1px solid #D9D9D9; overflow: auto;} #results-for p {width: 360px; float: left; font-size: 12px;} #results-for p span {color: #106782;} .pagination {width: 440px; float: right;} /*.pagination ul li.pager-previous a {padding:2px 0 0 10px; margin: 0 10px 0 0; float: left; background: url(../img/arrow-blue-left.gif) no-repeat 0 4px;} .pagination ul li.pager-next a {padding:2px 10px 0 0; margin: 0 0 0 10px; float: left; background: url(../img/arrow-blue.gif) no-repeat right 4px;}*/ .pagination ul {} .pagination ul li { margin: 0 6px 0 0; width: 18px; float: left;} .pagination ul li.pager-next {width: 30px;} .pagination ul li.pager-last {width: 40px;} .pagination ul li.pager-previous {width: 60px;} .pagination ul li.pager-first {padding: 1px 0 0 0; width: 40px;} .pagination ul li.pager-next a {border: none; width: 30px;} .pagination ul li.pager-last a {border: none; width: 40px;} .pagination ul li.pager-previous a {border: none; width: 60px;} .pagination ul li.pager-first a {border: none; width: 40px;} .pagination ul li.pager-current {padding: 3px 0 2px 4px; margin:0; font-size: 11px;} .pagination ul li a {width: 17px; padding: 2px 0 2px 0; display: block; text-align: center; font-size: 11px; font-weight: bold; border: 1px solid #999;} .pagination ul li.pager-ellipsis {padding: 6px 0 0 0; border: none;} #search-results-cnt dd {} #search-results-cnt dt {margin: 16px 0 0 0;} #search-results-cnt dd {padding: 3px 50px 16px 0; width: 610px; background: url(../img/results-dd-bg.gif) repeat-x bottom left; font-size: 11px;} #search-results-cnt dd:last-child {background: none;} #search-results-cnt dd strong {font-weight: bold;} #results-for-bottom {padding: 10px 0 10px 0; width: 880px; border-top: 1px solid #D9D9D9; overflow: auto;} #content #search-results-cnt h2 {display: none;} /* USER REGISTER ==========================================================================*/ #user-register {height: 400px;} #user-register label {display: block;} #user-register input {} #user-register .description {} #edit-name-wrapper {} /* SITEMAP RESULTS ==========================================================================*/ #content .site-map {margin: 20px 0 0 0; padding: 0 0 0 34px;} #col-one, #col-two, #col-three {width: 280px; float: left;} .site-map {} .site-map .expanded {background: none;} .site-map ul.menu li {padding:0; background: none;} .site-map ul.menu li a {padding:0; font-size: 14px; background: none;} .site-map .expanded ul .expanded {background: none;} .site-map ul.menu ul {margin:0;} .site-map ul.menu ul li {padding:0 0 0 14px; margin:0; background: none;} .site-map ul.menu ul li a {background: none; padding:0; color: #106782; font-size: 12px; text-transform: uppercase; font-weight: normal;} .site-map .expanded ul ul {margin:0;} .site-map .expanded ul ul .expanded li a{background: none;} .site-map ul.menu ul ul li {padding:0 0 0 14px;} .site-map ul.menu ul ul li a {background: none; padding:0; font-size: 11px; color: #106782; text-transform: capitalize; font-weight: normal;} .site-map .expanded ul ul ul {background: none; margin:0 0 0 4px;} .site-map .expanded ul ul ul .expanded {background: none;} .site-map ul.menu ul ul ul li {padding:0 0 0 0px;} .site-map ul.menu ul ul ul li a {padding:0; font-size: 9px; color: #666; text-transform: capitalize; font-weight: normal;} /* ONE COLUMN ==========================================================================*/ #content-one-column {margin: 20px 0 0 0; padding: 0 0 0 34px; width: 690px;} #content-one-column h1 {padding:0 0 15px 0px;} /* COMMUNITY MAP ==========================================================================*/ #content #map-col {width: 684px; float: left; position: relative; } #map-col h4{padding: 15px 0 15px 34px;} #map-loading {position: absolute; top: 275px; left: 230px; background: url(../img/map/ajax-loader.gif) no-repeat top left; width: 220px; height: 19px; z-index: 1000;} #calgary-community-map {width: 684px; height: 524px; border: 1px solid #D0D0D0; z-index: 500;} .community-map-container {margin: 10px 9px 70px 0; float: left; width: 164px;} .community-map-container .quadrant {height: 25px; width: 164px; background: url(../img/map/quadrant.gif) no-repeat top left;} .community-map-container .quadrant h3 {margin: 3px 0 0 8px; color: #fff; letter-spacing: 0px; display: inline-block; text-transform: uppercase;} .community-map-container .quadrant input {float: right; margin: 5px 12px 0 0;} .community-map-container ul { height: 230px; width: 164px; background: #E6E6E6; overflow-y: auto;} .community-map-container ul li {font-size: 10px;} .community-map-container ul li input {margin: 4px 10px 0 10px; display: block-inline;} /* AROUND CALGARY MAP ==========================================================================*/ #around-calgary-map {width: 684px; height: 524px; border: 1px solid #D0D0D0;} #calgary-community-map {width: 684px; height: 524px; border: 1px solid #D0D0D0;} /* MAP SIDE NAVIGATION HIGHLIGHT ==========================================================================*/ #community-selected {font-weight: bold; text-decoration: underline;} /* MAP INFO WINDOW ==========================================================================*/ .community-info-window {width: auto;} .community-info-window img {margin: 0 0 0 4px; height:98px; width:148px; border: 1px solid #D0D0D0; float: left;} .community-info-window ul {margin: 4px 0 0 0; display:block; float:left; width:186px; } .community-info-window ul li { margin:0 0 5px 10px; padding: 0px 0 0 10px; font-size: 10px; background:url(../img/map-info-window-arrow.gif) no-repeat 0 3px; color: #156983;} .community-info-window ul li a {font-size: 10px; color: #156983;} .community-info-window ul li:hover { color:#598e9e; cursor:pointer; } div.markerTooltip { color: black; font-weight: bold; background-color: white; white-space: nowrap; margin: 0; padding: 2px 4px; border: 1px solid black; } .last-container {margin: 10px 0 0 0;} /* PAGE ===========================================================================*/ body#page #footer .block ul {padding:0; margin:0;} #page #one-col {width: 660px;} /* COMMUNITY MAP INFO WINDOW ===========================================================================*/ #ced_map_infowindow { width: 360px; } #ced_map_infowindow h2 {padding:0 0 20px 3px; margin: -20px 0 0 0; color: #fff; font-size: 13px; font-weight: bold; letter-spacing: 0px;} #ced_map_infowindow_contents {height: 120px; background-color: #FFF;} #ced_map_infowindow_tl{ width: 7px; height: 30px; background: url('../img/infowindow/iw_tl.png') top left no-repeat transparent;} * html #ced_map_infowindow_tl{ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corners/iw_tl.png', sizingMethod='crop');} #ced_map_infowindow_t { background: url('../img/infowindow/iw_t.png') top left repeat-x transparent; } #ced_map_infowindow_tr{ width: 7px; height: 30px; background: url('../img/infowindow/iw_tr.png') top left no-repeat transparent;} * html #ced_map_infowindow_tr{ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corners/iw_tr.png', sizingMethod='crop');} #ced_map_infowindow_l{width: 7px; background: url('../img/infowindow/iw_l.png') top left repeat-y transparent;} #ced_map_infowindow_r{width: 7px; background: url('../img/infowindow/iw_r.png') top right repeat-y transparent;} #ced_map_infowindow_bl{width: 5px;height: 6px; background: url('../img/infowindow/iw_bl.png') top left no-repeat transparent;} * html #ced_map_infowindow_bl{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corners/iw_bl.png', sizingMethod='crop');} #ced_map_infowindow_b{background: url('../img/infowindow/iw_b.png') top left repeat-x transparent; height: 6px;} #ced_map_infowindow_br{width: 5px; height: 6px; background: url('../img/infowindow/iw_br.png') top left no-repeat transparent;} * html #ced_map_infowindow_br{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corners/iw_br.png', sizingMethod='crop');} #ced_map_infowindow_close{width: 21px; height: 21px; background: url('../img/infowindow/iw_close.png') top left no-repeat transparent; cursor: pointer;} * html #ced_map_infowindow_close{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corners/iw_close.png', sizingMethod='crop');} #ced_map_infowindow_max{ width: 21px; height: 21px; background: url('../img/infowindow/iw_max.png') top left no-repeat transparent; cursor: pointer;} * html #ced_map_infowindow_max{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corners/iw_max.png', sizingMethod='crop');} #ced_map_infowindow_min{ width: 21px; height: 21px; background: url('../img/infowindow/iw_min.png') top left no-repeat transparent; cursor: pointer;} * html #ced_map_infowindow_min{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corners/iw_min.png', sizingMethod='crop');} #ced_map_infowindow_beak{ position: absolute; left: 168px; width: 30px; height: 35px; background: url('../img/infowindow/iw_beak.png') top left no-repeat transparent;} * html #ced_map_infowindow_beak{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corners/iw_beak.png', sizingMethod='crop');} #ced_map_infowindow_contents .section1{ margin: 0; padding: 0;} #ced_map_infowindow_contents .section2{margin: 0; padding: 0; background-color: #FFDFDF; border-bottom: dotted 1px #900; border-top: dotted 1px #900;} #ced_map_infowindow_contents p{margin: 1px 0; padding: 5px;} #ced_map_infowindow_contents .title{font-size: 18px; font-weight: bold; color: #FFF; background-color: #900;}