/* * CitySquares 2009 * * Michael LeBarron * Justin Leider * Bob Leland */ /* Colors * ----------------------------------------------------------------------------------- * Base: * #EDF8FC (background blue) * #166C89 (darkest blue) * #1F9EC9 (dark blue) * #5FC5E7 (med blue) * #ACE1F2 (light blue) * #E2EDC9 (light green) * #5F8134 (dark green) * #FFF1D1 (light yellow) * #FECD57 (dark yellow) * #FF9933 (orange) * * Text: * #333 (standard text) * #1F9EC9 (standard link) * #557D33 (green) * */ /* @group Variables ----------------------------------------------------------------------------------- */ @linkBlue: #1F9EC9; /* @group Core Setup ----------------------------------------------------------------------------------- */ html { background: @linkBlue; } #doc4 { color: #333; min-width: 974px; } #bd { background: #FFF; } #yui-main { padding-top: .5em; } #cs-main { margin: 0 .5em;} .yui-t6 .yui-b { margin-right: .5em; } /* @end */ /* @group Show/Hide ----------------------------------------------------------------------------------- */ #moreHoods { display: block; } .js #location-navigation-form .form-submit, .js #business-listing-form .form-submit, .js #detailTabs ul, .js #detailsEnhanced #addTags, .js #locationSearchList, .js #moreHoods, #navListLeft { display: none; } .js #navListLeft { display: block; } /* @end */ /* @group Useful Stuff ----------------------------------------------------------------------------------- */ .grey { color: #666; } .light-grey { color: #CCC; } .centerText { text-align: center; } .rightFloat { float: right; display: inline; } .leftFloat { float: left; display: inline; } .inline { display: inline; } .hide { display: none; } .clear { clear: both; height: 0; width: 0; margin: 0; padding: 0; } .zeroOut { margin: 0; padding: 0; } .pad { padding-top: .75em; } .indent { padding-left: .5em; } div.c1 { text-align: center; } .bigText { font-size: 123%; } .warning { color: red; } /* @group Separators ----------------------------------------------------------------------------------- */ .separator { display: inline; overflow: hidden; width: 0; padding: 0; border-left: 1px solid #6ACBE8; border-right: 1px solid #FFF; } /* @end */ /* @group Loaders ----------------------------------------------------------------------------------- */ .loading { background: url("http://static.csimg.com/img/loaders/cs-largeLoader.20081130.1.gif") no-repeat 50% 50%; } .formThrobbing { background: #FFF url("http://static.csimg.com/img/single/cs-smallBlueLoader.20081130.1.gif") no-repeat 99% 50%; } /* @end */ /* @end */ /* @group Messages ----------------------------------------------------------------------------------- */ div.messages { margin: .5em; padding: .5em; line-height: 150%; } div.messages .title { font-weight: bold; font-size: 153.9%;} div.messages ul { padding-left: 1em; list-style: none; } div.error { background: #FACC4C; border: 1px solid #E4AD05; color: #A05218; } div.error li { list-style: none; background: url("http://static.csimg.com/v2/img/icon-error.png") no-repeat left; padding-left: 24px; line-height: 24px; } div.status { background: #AAD08C url("http://static.csimg.com/v2/img/background-success.gif") repeat-x top; border: 1px solid #84B858; color: #466428; padding: 5px; } div.status li { list-style: none; background: url("http://static.csimg.com/v2/img/icon-success.png") no-repeat left; padding-left: 24px; line-height: 24px; } /* @end */ /* @group Boxes ----------------------------------------------------------------------------------- */ .cs-blue-fade { border: 1px solid #B6E6F3; background: #E6F7FB url("http://static.csimg.com/v2/img/cs-blueFadeUpBG.gif") repeat-x bottom left; padding: .5em; color: #1A85A8; font-size: 12px; margin: .5em;} .cs-blue-fade p { padding: .5em 0; } .cs-blue-fade img { padding: 0 1em 0 0; float: left; } .cs-green-solid { border: 4px solid #BDD685; background: #E2EDC9; padding: 1em; color: #647836; font-size: 12px; margin: .5em;} .cs-green-solid .pricing { font-size: 9px; margin: 0 .5em; float: left; width: 40%; } .cs-green-solid .pricing-top { font-size: 11px; } .cs-green-solid .pricing-top span { font-size: 31px; color: #3C3C3C; } .cs-green-solid .pricing-bottom { height: 50px; width: 78px; background: url("http://static.csimg.com/v2/img/cs-cta-pricing.png") no-repeat bottom left; margin: ;} /* @end */ /* @end */ /* @group Headers ----------------------------------------------------------------------------------- */ h1, h2, h3, h4, h5 { font-size: 153.9%; font-weight: bold; color: #166C89; } h2 { font-size: 123.1%; } h3 { color: #1F9EC9; margin: .5em 0; } h4 { color: #666; } h5 { text-transform: uppercase; font-size: 116%; color: #666; padding: 0; margin: 0 .25em; } h6 { color: #666; font-size: 100%; font-weight: bold; } .subtitle { color: #999; } #homeMain #new h3 { margin: 0; padding: .2em 0 1em 0; font-size: 100%; color: #667B4C; } /* @end */ /* @group Header ----------------------------------------------------------------------------------- */ #mainHeader { background: #1F9EC9; padding: .5em; border-bottom: 3px solid #5FC5E7; } .logo { display: block; text-indent: -9999em; overflow: hidden; width: 181px; height: 26px; background: url("http://static.csimg.com/img/cs-bigIconSprite.20090316.1.png") no-repeat 0 0; float: left; } .tagline { text-indent: -9999px; overflow: hidden; display: block; float: left; background: url("http://static.csimg.com/img/cs-bigIconSprite.20090316.1.png") no-repeat 0 -26px; width: 160px; height: 17px; margin-top: .35em; } /* @group User Login */ #userData { color: #ACE1F2; font-size: 93%; font-weight: bold; } #userData ul{ padding: 0; margin: 0; } #userData ul li { float: right; padding: .5em .5em; } /* @end */ /* @group Search */ #headerSearch { background: #ACE1F2; padding: .5em .5em .5em .4em; color: #006581; font-weight: bold; font-size: 93%; } #headerSearch .item { float: left; } #headerSearch .form-text { padding-top: .4em; padding-bottom: .4em; padding-right: .4em; width: auto; background-color: #FFF; border: 1px solid #69C8E7; } #headerSearch span.item { padding: .45em .5em 0 .5em; } #headerSearch .item .term { color: #156782; } #headerSearch .item .location { padding-left: .5em; } #headerSearch .termBG { background: #FFF url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -623px 2px; border: 1px solid #69C8E7; padding-left: 22px; } #headerSearch .form-submit { float: left; width: auto; border-top: 1px solid #FF9933; border-right: 1px solid #5FC5E7; border-bottom: 1px solid #5FC5E7; border-left: 1px solid #FF9933; padding: .4em .5em .25em; margin: 0 0 0 .5em; color: #FFF; background: #FF9933; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #headerSearch #changeLocField { float: left; padding-left: .5em; } #headerSearch #cancelButton { display: block; float: left; font-size: 85%; margin: .75em 0 0 .75em; padding: 0; } /* @end */ /* @group Location Search */ #locationSearchList { padding: .5em; margin-top: -1px; color: #333; background: #ACE1F2; } #locationSearchList img { margin: 0 auto; display: block; } #locationSearchList .cs-yellow-block { border: 1px solid #FECD57; margin: 0 0 .5em 0; } #locationSearchList .cs-blue-block { border: 1px solid #B6E6F3; margin: 0; } #locationSearchList ul { margin: 0; padding: .5em 0; color: #7E7E7E; } #locationSearchList ul li{ padding: .25em 0; width:100%; } /* @end */ /* @group Nearby */ #whatsNearbyButton { float: right; } /* @end */ /* @end */ /* @group Navigation ----------------------------------------------------------------------------------- */ /* @group Main Nav */ #homeNavigation, #mainNavigation { background: #E9F3CF; } #homeNavigation { color: #5F8134; font-size: 93%; } #homeNavigation a { display: block; padding: .65em .3em 0 0; float: right; color: #5F8134; text-decoration: none; } #homeNavigation ul { margin: 0; padding: 0; display: inline; } #homeNavigation ul li { display: block; padding: .65em .3em 0 0; float: right; } #homeNavigation ul li a { font-weight: bold; display: inline; float: none; padding: 0; } #navBar ul { padding: 0; margin: 0 0 0 0; } #navBar ul li { float: right; display: inline; } #navBar ul li a { display: block; padding: 1em; color: #5F8134; font-weight: bold; font-size: 93%; text-decoration: none; } #navBar ul li a:hover, #navBar ul li.current a { color: #666; background: #FFF; } #navBar .navBackground { color: #666; background: #FFF; } .lavaLamp { position: relative; overflow: hidden; } .lavaLamp li.navBackground { z-index: 8; position: absolute; width: 0px; } .lavaLamp li a { z-index: 10; display: block; position: relative; overflow: hidden; } #navBar ul li.navSeparator { border-left: 1px solid #C1DE74; border-right: 1px solid #FFF; margin: .8em .5em 0 .5em; display: inline; width: 0px; overflow: hidden; } /* @end */ /* @group Where Am I */ #whereAmI h1, #homeNavigation h1, #whereAmI h2, #homeNavigation h2 { margin: 0; padding: .65em 0 0 .5em; color: #608235; font-size: 123.1%; float: left; font-weight: bold; } #homeNavigation h1, #homeNavigation h2 { padding: .65em 0 .65em .5em; font-size: 100%; font-weight: normal; } #whereAmI h1 span, #whereAmI h2 span { color: #666; } #whereAmI h1 a, #whereAmI h2 a { color: #608235; text-decoration: none; } #whereAmI a#changeLocation, #mainNavigation a#cancelButton, #homeNavigation a#cancelButton { display: block; float: left; color: #608235; font-size: 85%; margin: 1.4em 0 0 .75em; padding: 0; } #mainNavigation input, #homeNavigation input { float: left; margin: .4em 0 0 .75em; width: auto; padding: .5em; border: 1px solid #5F8134; } #mainNavigation .form-submit, #homeNavigation .form-submit { width: auto; border-top: 1px solid #FF9933; border-right: 1px solid #608235; border-bottom: 1px solid #608235; border-left: 1px solid #FF9933; padding: .4em .5em .4em; color: #FFF; background: #FF9933; } .form-submit:hover { cursor: pointer; } /* @end */ #breadcrumb { border-bottom: 1px solid #E9E9E9; padding: .8em 0; margin: 0 .6em; color: #6e6e6e; font-size: 85%; } #breadcrumb a { color: #6e6e6e; text-decoration: none; } #breadcrumb a:hover { color: #333; } /* @group Nav List */ #hoodNavList, #moreHoods { border-bottom: 1px solid #E9E9E9; background: #F8FBF0; padding: .5em; } #hoodNavList { border-top: 1px solid #D9EAB0; } #navListLeft { background: #FFF; border: 1px solid #D9EAB0; position: relative; } .distance { color: #7E7E7E; font-size: 85%; } #hoodMap { height: 20em; } /* @end */ /* @end */ /* @group Links ----------------------------------------------------------------------------------- */ a { color: #1F9EC9; } a:hover, .cleanLinks a { text-decoration: none; } .cleanLinks a:hover { text-decoration: underline; } .greenLinks a { color: #557D33; } .whiteLinks a { color: #FFF; } .darkBlueLinks a { color: #166C89; } .pointer:hover { cursor: pointer; } #hoodNavList a, #moreHoods a { color: #557D33; } #findLogin a { float: right; height: 34px; width: 150px; background: url("http://static.csimg.com/img/cs-homeSprite.20090410.1.png") no-repeat -458px -127px; display: block; } #homeMain #ownText a { font-weight: bold; } a#addBusinessButton, a#upgradeProfileButton { background-image: url("http://static.csimg.com/img/cs-homeSprite.20090410.1.png"); background-repeat: no-repeat; } a#addBusinessButton { display: block; height: 42px; width: 175px; text-indent: -9999em; background-position: -0 -28px; float: left; } a#addBusinessButton:hover { background-position: -0 -75px; } a#addBusinessButton.click { background-position: -0 -123px; } a#upgradeProfileButton { display: block; height: 42px; width: 165px; text-indent: -9999em; background-position: -181px -28px; float: left; } a#upgradeProfileButton:hover { background-position: -181px -75px; } a#upgradeProfileButton.click { background-position: -181px -123px; } #claimBusiness a { font-size: 93%; } /* @end */ /* @group Events ----------------------------------------------------------------------------------- */ p.date { padding: 0; margin: 0 .5em 0 1em; width: 42px; background: url("http://static.csimg.com/v2/img/background-events-icon.gif") no-repeat; text-align: center; font-size: 10px; float: left; display: block; } p.date span.month { color: #FFF; text-transform: uppercase; display: block; line-height: 18px; } p.date span.day { font-size: 16px; color: #666; font-weight: bold; line-height: 26px; display: block; } p.date span.hour { font-size: 12px; color: #666; font-weight: bold; line-height: 26px; display: block; } p.date span.date { display: block; } li.event { color: #6C6C6C; } li.event .info { padding-left: 65px; } /* @end */ /* @group HR ----------------------------------------------------------------------------------- */ hr { height: 0; border: none; } hr.blue { border: 1px solid #C0E9F5; margin: .2em 0 0 0; } hr.grey { background: #E1E1E1; } hr.fade { border-top: 1px solid #C0E9F5; border-bottom: 1px solid #FFF; } hr.darkFade { border-top: 1px solid #7EDAF1; border-bottom: 1px solid #FFF; } hr.greyFade { border-top: 1px solid #D9D7D5; border-bottom: 1px solid #FFF; } /* @end */ /* @group UI ----------------------------------------------------------------------------------- */ .csButton { border: 1px solid; border-left-color: #FFF; border-top-color: #FFF; border-right-color: #61C6E7; border-bottom-color: #61C6E7; padding: .3em .5em; font-size: 93%; font-weight: bold; background: #EDF9FC; color: #1F9EC9; cursor: pointer; } .csButton:hover { background: #FFF; } .csButton span { position: relative; top: .5em; margin-left: .4em; } .print { background: #D2E9AD; font-weight: bold; border: 1px solid #BADE85; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #9A9A9A; font-size: 93%; padding: .3em .8em; margin: .5em; text-align: center; } .print a { color: #4F6B1F; text-decoration: none; display: block; width: 100%; } .cs-green-button, .cs-grey-button { border: 1px solid; padding: .25em .5em; margin: .25em .25em; } .cs-green-button { background: #D2E9AD; border-color: #B1CE6F; } .cs-grey-button { background: #E0E0E0; border-color: #D4D4D4; } .cs-green-button a, .cs-grey-button a { font-size: 85%; font-weight: bold; text-decoration: none; } .cs-green-button a { color: #627632; } .cs-grey-button a { color: #666; } #tooltip { float: left; font-size: 85%; max-width: 15em; padding: .5em; position: absolute; z-index: 99999; font-weight: normal; } /* @group Big Button ----------------------------------------------------------------------------------- */ .cs-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration: none; cursor:pointer; position: relative; text-align: center; zoom: 1; } .cs-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; } a.cs-button { float:left; } /* remove extra button width in IE */ button.cs-button { width:auto; overflow:visible; } /* @end */ /* @group Small Button ----------------------------------------------------------------------------------- */ .cs-button-small { outline: 0; margin: 0 4px 0 0; padding: .5em 1em; text-decoration: none; cursor: pointer; position: relative; text-align: center; zoom: 1; font-size: 85%; } .cs-button-small .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; } a.cs-button-small { float:left; } /* remove extra button width in IE */ button.cs-button-small { width:auto; overflow:visible; } /* @end */ .cs-buttonset { float: left; } .cs-buttonset a { text-decoration: none; } .cs-buttonset .cs-button { float: left; margin-right: -1px; } .cs-toolbar { padding: .5em; margin: 0; } .cs-toolbar .cs-buttonset { margin-right:1.5em; padding-left: 1px; } .cs-toolbar .cs-button { font-size: 93%; } /* @group Custom Interactions ----------------------------------------------------------------------------------- */ /* @group Grey ----------------------------------------------------------------------------------- */ /* Interaction states ----------------------------------*/ .ui-state-default-grey, .ui-widget-content-grey .ui-state-default-grey { border: 1px solid #E3E1DF; background: #FCFCFC; color: #909090; outline: none; } .ui-state-default-grey a { color: #1F9EC9; text-decoration: none; outline: none; } .ui-state-hover-grey, .ui-widget-content-grey .ui-state-hover-grey, .ui-state-focus-grey, .ui-widget-content-grey .ui-state-focus-grey, .ui-state-default-grey:hover { border: 1px solid #E3E1DF; background: #FFFFFF; color: #666666; outline: none; } .ui-state-default-grey a:hover { color: #1F9EC9; text-decoration: none; outline: none; } .ui-state-hover-grey a { color: #666666; text-decoration: none; outline: none; } .ui-state-active-grey, .ui-widget-content-grey .ui-state-active-grey { border: 1px solid #E3E1DF; background: #FFFFFF; font-weight: bold; color: #666666; outline: none; } .ui-state-active-grey a { color: #666666; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight-grey, .ui-widget-content-grey .ui-state-highlight-grey { border: 1px solid #fad42e; background: #fbec88; color: #363636; } .ui-state-error-grey, .ui-widget-content-grey .ui-state-error-grey { border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; } .ui-state-error-text-grey, .ui-widget-content-grey .ui-state-error-text-grey { color: #cd0a0a; } .ui-state-disabled-grey, .ui-widget-content-grey .ui-state-disabled-grey { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } .ui-priority-primary-grey, .ui-widget-content-grey .ui-priority-primary-grey { font-weight: bold; } .ui-priority-secondary-grey, .ui-widget-content-grey .ui-priority-secondary-grey { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight-grey, .ui-widget-content-grey .ui-state-highlight-grey { border: 1px solid #fad42e; background: #fbec88; color: #363636; } .ui-state-error-grey, .ui-state-error-grey:hover, .ui-widget-content-grey .ui-state-error-grey { border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; } .ui-state-error-text-grey, .ui-state-error-text-grey:hover, .ui-widget-content-grey .ui-state-error-text-grey { color: #cd0a0a; } .ui-state-error-text-grey:hover { background: #fef1ec; } /* @end */ /* @group Blue ----------------------------------------------------------------------------------- */ /* Interaction states ----------------------------------*/ .ui-state-default:hover { border: 1px solid #A2DEF0; background: #fcfdfd; font-weight: bold; color: #1F9EC9; outline: none; } .ui-state-default a:hover { color: #1F9EC9; text-decoration: none; outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight { border: 1px solid #fad42e; background: #fbec88; color: #363636; } .ui-state-error, .ui-state-error:hover, .ui-widget-content .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; } .ui-state-error-text, .ui-state-error-text:hover, .ui-widget-content .ui-state-error-text { color: #cd0a0a; } .ui-state-error-text:hover { color: #cd0a0a; background: #fef1ec; cursor: pointer; } /* @end */ /* @group Green ----------------------------------------------------------------------------------- */ .ui-state-default-green, .ui-widget-content-green .ui-state-default-green { border: 1px solid #D3E8A4; background: #F5F9E9; color: #3F8300; outline: none; } .ui-state-default-green a { color: #3F8300; text-decoration: none; outline: none; } .ui-state-hover-green, .ui-widget-content-green .ui-state-hover-green, .ui-state-focus-green, .ui-widget-content-green .ui-state-focus-green, .ui-state-default-green:hover { border: 1px solid #D3E8A4; background: #FFFFFF; color: #666666; outline: none; } .ui-state-default-green a:hover { color: #3F8300; text-decoration: none; outline: none; } .ui-state-hover-green a { color: #666666; text-decoration: none; outline: none; } .ui-state-active-green, .ui-widget-content-green .ui-state-active-green { border: 1px solid #D3E8A4; background: #FFFFFF; font-weight: bold; color: #666666; outline: none; } .ui-state-active-green a { color: #666666; outline: none; text-decoration: none; } /* @end */ /* @end */ /* @group Icons ----------------------------------------------------------------------------------- */ .icon { height: 25px; width: 25px; margin: .2em; background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); background-repeat: no-repeat; } .small-icon { height: 16px; width: 16px; background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); background-repeat: no-repeat; } .icon a { text-indent: -9999em; display: block; height: 25px; width: 25px; } /* @group Categories ----------------------------------------------------------------------------------- */ .cat-arts-entertainment, .cat-1 { background-position: -225px -25px; } .cat-automotive, .cat-2 { background-position: -100px 0; } .cat-business-professional-services, .cat-3 { background-position: -150px 0; } .cat-computers-and-internet, .cat-4 { background-position: -400px -25px; } .cat-contractors-construction-equipment, .cat-5 { background-position: -200px 0; } .cat-education, .cat-6 { background-position: -425px -25px; } .cat-finance-insurance, .cat-7 { background-position: -425px 0; } .cat-health-medicine, .cat-8 { background-position: -175px 0; } .cat-home-garden, .cat-9 { background-position: -200px -25px; } .cat-legal, .cat-10 { background-position: -450px 0; } .cat-manufacturing-production-wholesale, .cat-11 { background-position: -525px 0; } .cat-other, .cat-12 { background-position: -475px 0; } .cat-personal-services-care, .cat-13 { background-position: -25px 0; } .cat-pets, .cat-14 { background-position: -350px -25px; } .cat-real-estate-moving-storage, .cat-15 { background-position: -225px 0; } .cat-religious-organizations, .cat-16 { background-position: -500px 0; } .cat-restaurants-food-beverages, .cat-17 { background-position: 0 0; } .cat-retail-shopping, .cat-18 { background-position: -75px 0; } .cat-sports-recreation, .cat-19 { background-position: -375px -25px; } .cat-telecommunications, .cat-20 { background-position: -525px -25px; } .cat-travel-transportation, .cat-21 { background-position: -500px -25px; } /* @end */ /* @group Feeds ----------------------------------------------------------------------------------- */ .feed-add_photo, .feed-1 { background-position: -250px -25px; } .feed-new_review, .feed-2 { background-position: -300px -25px; } .feed-all_star, .feed-4 { background-position: -50px -50px; } .feed-new_video, .feed-5 { background-position: -100px -25px; } .feed-profile_update, .feed-7 { background-position: -25px -25px; } .feed-add_tag, .feed-8 { background-position: 0 -25px; } .feed-new_vote, .feed-11 { background-position: -75px -25px; } /* @end */ /* @group Links ----------------------------------------------------------------------------------- */ a.video { background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); background-repeat: no-repeat; background-position: -625px -75px; padding-left: 20px; } a.allstar { background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); background-repeat: no-repeat; background-position: -625px -50px; padding-left: 17px; } #businessHeading a.allstar { background: none; } a.add { background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); background-repeat: no-repeat; background-position: -625px -98px; padding-left: 15px; } /* @end */ /* @group Other ----------------------------------------------------------------------------------- */ .icon-number { background-position: -550px 0; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; } .icon-number-hover { background-position: -550px -25px; } a.blue-close { background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -133px 0; display: block; width: 14px; height: 15px; } a.green-close { background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -255px 0; display: block; width: 14px; height: 15px; } .cs-wwiaftm { height: 66px; width: 66px; background: url("http://static.csimg.com/img/cs-bigIconSprite.20090316.1.png") no-repeat -270px 0; } .smallLoader { background: url("http://static.csimg.com/img/loaders/cs-smallLoader.20081130.1.gif") no-repeat 50% 50%; height: 16px; width: 16px; display: block; } .smallBlueLoader { background: url("http://static.csimg.com/img/single/cs-smallBlueLoader.20081130.1.gif") no-repeat 50% 50%; height: 16px; width: 16px; display: block; } .icon-country { background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -595px 0; height: 25px; width: 25px; } .icon-country a { display: block; height: 25px; width: 25px; } .icon-dropdown, .icon-dropdownUp { background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); background-repeat: no-repeat; background-position: -600px -25px; height: 15px; width: 15px; float: left; display: inline; margin-left: .5em; margin-top: .7em; cursor: pointer; } .icon-dropdownUp { background-position: -600px -50px; } .icon-greenArrow { background-position: -25px -50px; float: left; } .icon-rss { background-position: -475px -25px; float: right; height: 15px; width: 15px; } .icon-fb { background-position: -225px -50px; } .icon-sms { background-position: -250px -50px; } .icon-leave-review { background-position: -300px -50px; } .icon-posted-on { background-position: -350px -50px; } .icon-send-message { background-position: -375px -50px; } .icon-flag { background-position: -400px -50px; } .icon-about-us { background-position: -425px -50px; display: block; float: left; } .icon-menu { background-position: -450px -50px; } .icon-coupons { background-position: -475px -50px; } .icon-fans { background-position: -500px -50px; } .icon-print { background-position: -400px 0; } .icon-local-badge { background-position: -530px -55px; } .js .icon-local-badge { text-indent: -99999em; } .icon-reviews { background-position: -278px -54px; float: left; padding-right: .3em; } .icon-location-pin { background-position: -328px -55px; display: block; float: left; } .icon-tags { background-position: -203px -53px; float: left; padding-right: .3em; } .icon-claim-alert { background-position: -353px -3px; float: left; padding-right: .5em; } .icon-right-arrow { background-position: -300px -2px; } .icon-paper { background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -525px -75px; width: 32px; height: 32px; float: left; } /* @end */ .icon-downArrow { background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -300px -75px; } .icon-upArrow { background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -315px -75px; } /* @end */ /* @group Blocks ----------------------------------------------------------------------------------- */ .cs-blue-fade { border: 1px solid #B6E6F3; background: #E6F7FB; padding: .5em; color: #1A85A8; } .cs-blue-fade p { padding: .5em 0; } .cs-blue-fade img { padding: 0 1em 0 0; float: left; display: inline; } .cs-green-solid { border: 4px solid #BDD685; background: #E2EDC9; padding: .5em; color: #647836; } .cs-light-blue { color: #6C6C6C; background: #E1F5FB; padding: .5em; } .cs-green-block, .cs-yellow-block, .cs-blue-block { padding: .5em; border-top: 2px solid; margin: 1em 0; } .cs-yellow-block .title, .cs-green-block .title, .cs-blue-block .title { font-size: 93%; color: #C0A316; padding: 0 0 .5em; } .cs-green-block { background: #EAF1D8; border-top-color: #D8E6B5; } .cs-green-block h5 { font-size: 120%; color: #668333; } .cs-yellow-block { background: #FFF1D1; border-top-color: #FECD57; } .cs-yellow-block h5 { font-size: 120%; color: #73630C; } .cs-blue-block { background: #E6F7FB; border-top-color: #B6E6F3; } .cs-blue-block h5 { font-size: 120%; color: #1F9EC9; } /* @end */ /* @end */ /* @group Ads ----------------------------------------------------------------------------------- */ .ad-container { padding: 3px 0 0; text-align: center; z-index: 0; position: relative; } .zoneA { margin: .5em 1em 1em .5em; border: 1px solid #E0E0E0; } .zoneB { border: 1px solid #E0E0E0; padding: 0; margin: auto; width: 300px; height: 250px; margin-bottom: 3px; } .ad-bottom img { border: none; } ul.blue-separator li.adHover:hover { background: #FFF; } /* @end */ /* @group Business Details ----------------------------------------------------------------------------------- */ /* We'll be doing most of these the long way so they're easier to override with custom styles */ /* @group Main Content */ /* @group Category List */ #categoryList { padding: 1em 0 .5em 0; } #categoryList .title { font-weight: bold; } /* @end */ /* @group Tabs */ #detailsContainer #detailTabs { margin-top: 1em; } /* @end */ #detailsContainer { color: #666; margin-right: 1em; margin-bottom: .5em; margin-left: .5em; } .detailsItem { margin: 1em 0 0 0; border-top: 1px solid #EFEEED; padding: 1em .5em; } #detailsContainer h1 { margin: 0; padding: 0; color: #FF6600; font-size: 161.6%; } #detailsContainer h1 a { text-decoration: none; color: #FF6600; } #detailsStandard h1 { display: inline; float: left; } #detailsStandard .icon-local-badge { float: left; margin: .2em 0 0 .75em;} #detailsStandard { position: relative; } #claimBusiness { position: absolute; right: .75em; display: block; padding: .5em .75em; background: #FFF; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; } #detailsGeneral, #detailsStandard { background-color: #EFEEED; padding: .75em; margin-top: .5em; } #detailsGeneral .yui-g, #detailsStandard #mainBizContent { background-color: #FFF; } .detailsAmenities .title, #detailsHours .title { color: #A5A5A5; } #detailsHours .head { padding-bottom: .5em; display: block; } .detailsAmenities ul { margin: .5em 0; padding: 0; } /* @group Heading */ #detailsContainer #businessHeading ul { margin: 0; padding: .5em 0; } #detailsContainer #businessHeading ul li { float: left; border-left: 1px solid #EEE; padding: 0 .5em 0 .5em; display: block; } #detailsContainer #businessHeading ul :first-child { border: none; padding-left: 0; } #detailsContainer #servicesBrands { background: #EFEEED; padding-top: .5em; } /* @end */ /* @group Votes */ #detailsContainer #votes { clear: both; text-align: center; padding: .5em .75em 0; color: #BFBFBF; font-size: 93%; } #detailsContainer #starRatings { border-left: 1px solid #EEE; padding-top: .5em; } #detailsEnhanced #starRatings .fivestar-container { margin-left: 25px; } #detailsStandard #starRatings .fivestar-container { margin-top: 5px; margin-right: 5px; } #detailsStandard #votes { float: left; clear: none; padding-top: 11px; padding-left: 0; } #detailsStandard #starRatings { border: none; padding: 0; } /* @end */ /* @group Address */ #detailsInfo { line-height: 1.5em; padding-top: .5em; } #detailsStandard #detailsInfo { padding: .5em; } #detailsInfo .title { color: #A5A5A5; margin-top: 1em; display: block; } #detailsStandard #detailsInfo .title { margin: 0; display: inline; } #detailsStandard #detailsInfo .phone { line-height: 1.75em; } #detailsInfo .phone { font-size: 123.1%; font-weight: bold; } #detailsEnhanced #detailsInfo ul { padding: 0; margin: 0 .5em .5em 0; } #detailsEnhanced #detailsInfo ul li { background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -625px -19px; padding: .2em 0 0 8px; } #detailsStandard ul#buttonList { margin: 0; padding: 0; } #detailsStandard ul#buttonList li { margin: 1.5em .5em .5em 0; float: left; display: inline; font-weight: normal; } #detailsStandard ul#buttonList li a { text-decoration: none; } .juliesTables br { display: none; } /* @end */ /* @group Tags */ #toggleTagWrap { padding: .5em .5em 0 0; } #toggleTagAdd { float: right; } #addTags { padding: .5em .5em; margin-top: .5em; background: #FFF; border: 1px solid #ddd; text-align: ; } #tagCloudWrap { margin-top: .5em } #tagCloud ul { margin: 0; } #tagCloud ul li { float: left; margin-left: .2em; } #tagCloud ul li.title { margin: 0; } #moreTagsContainer { height: 0; overflow: hidden; } #addTagTitle { font-size: 85%; padding-bottom: .5em; } /* @end */ /* @group Chart */ #chart { width: 100%; height: 30em; background: url("http://static.csimg.com/img/loaders/cs-largeLoader.20081130.1.gif") no-repeat 50% 50%; } /* @end */ /* @group Video */ #detailsVideo { padding: 1em; margin: 1em 0; border: 0; } #detailsVideo #video { float: left; } #detailsVideo #description { float: left; color: #333; padding: 0 1em; } /* @end */ /* @group Map */ #detailsMap, #standardMap { position: relative; } #bizMap { z-index: 1; position: relative; height: 18.5em; overflow: hidden; background: url("http://static.csimg.com/img/loaders/cs-largeLoader.20081130.1.gif") no-repeat 50% 50%; } #standardMap { padding: .3em; margin: .75em; border: 1px solid #E0E0E0; } #standardMap #bizMap { height: 10em; } #mapOverlay { background-color: #333; opacity: .75; filter: alpha(opacity=75); -moz-opacity: 0.75; width: 100%; z-index: 9; position: relative; margin-top: -45px; height: 45px; } #overlayText { color: #FFF; text-align: center; background: transparent; position: relative; margin-top: -3em; z-index: 9; padding: .8em 0 1em; font-weight: bold; } /* @end */ /* @group Agendize */ #agendizeLinks .yui-u { text-align: center; border: 1px solid #FEE9B8; margin-top: .5em; } #agendizeLinks a { background: #FFF5DF; color: #74630C; font-weight: bold; display: block; padding: .5em 0; text-decoration: none; font-size: 93%; } #agendizeLinks a:hover { background: #FFF5DF; text-decoration: underline; } /* @end */ /* @end */ /* @group Reviews */ #toggleReviewForm { float: right; display: inline; cursor: pointer; } #reviewsContainer { color: #6C6C6C; margin-top: 2em; margin-right: 1em; margin-bottom: .5em; margin-left: .5em; } #reviewsContainer h5 { color: #137292; } #reviewsContainer .title { color: #999; font-size: 93%; } #reviewsList { margin-top: 1em; border-top: 2px solid #C0E9F5; padding-top: .5em; } #noReviews { margin: 1em 0 1em; font-size: 100%; font-weight: bold; } #addReview { padding-top: 1em; border-top: 2px solid #C0E9F5; } .review { border-bottom: 1px solid #DFDFDF; margin: 1em 0; } .review .photo { float: left; display: inline; text-align: center; padding: 0 1em; font-weight: bold; font-size: 93%; } .review .photo a { text-decoration: none; } .review .photo img { border: 5px solid #EFEEED; } .review .reviewOptions { padding-left: 9.5em; } .review .reviewOptions ul { margin: 0; padding: 0; } .review .reviewOptions ul li { float: left; display: inline; margin: .5em 0; padding: 0 1em; font-size: 85%; } .review .reviewOptions ul li:first-child { border-right: 1px solid #DFDFDF; } .review .reviewText { padding-left: 125px; } /* @end */ /* @group Sidebar */ /* @group Claim Business */ #editBiz { border: 2px solid #1F9EC9; } #editBiz .title { background: #1F9EC9; padding: .5em 1em; } #editBiz .title h4 { color: #FFF; font-size: 123.1%; } #editBiz .content { padding: 1.5em 1em 1em 1em; } #editBiz .icon-paper { margin-top: -.5em; margin-right: .5em; } /* @end */ #adminLinks .content { padding: .5em; } #businessLogo { border-color: #EFEEED; border-width: 5px; border-style: solid; } #businessLogo img { display: block; } #detailDeal .cs-deal { background: #FFF; } #detailPhotos .content { text-align: center; } #detailPhotos img { margin: 2px; border-width: 2px; border-style: solid; border-color: #DDD; } #detailPhotos img:hover { border-color: #AAA; } #detailPhotos a { text-decoration: none; font-size: 93%; color: #C0A316; } #detailPhotos a:hover { text-decoration: underline; } #ccNewsletter .content { background: #FFF; color: #666; padding: .5em; } #ccNewsletter .content form { margin: .5em; } #ccNewsletter .content form label { display: block; } #ccNewsletter .content form input { width: 90%; margin: .5em; } #ccNewsletter .content form #edit-submit { width: auto; } /* @end */ #showChart { cursor: pointer; } /* @end */ /* @group Footer ----------------------------------------------------------------------------------- */ #ft { font-size: 93%; } #ft .logo { float: left; margin: 1em 0 1em 1em; } /* @group Top */ #ftTop { background: #1F9EC9; font-weight: bold; padding: .5em; text-align: center;} /* @end */ /* @group Bottom */ #ftBottom { background: #5FC5E7; color: #FFF; } #ftBottom span { font-weight: bold; color: #006581; } #ftBottom #stateLinks { background: #ACE1F2; margin: 0 .75em; padding: .75em; } /* @end */ #copyright { display: block; padding: 1.5em 1em; float: left; } /* @end */ /* @group Home Page ----------------------------------------------------------------------------------- */ #findLogin { padding: 1em .5em 1em; background: #FFF; text-indent: -9999em; border-bottom: 1px solid #EEE; margin: 0 .5em; } #findYourBusiness { font-size: 93%; padding: 0; margin: 0; height: 26px; width: 685px; display: block; margin-top: .5em; background: url("http://static.csimg.com/img/cs-homeSprite.20090410.1.png") no-repeat 0 0; } #homeSearch { background: #FEFDD6; margin: 1em .5em; padding: 0; color: #FF9933; font-size: 93%; font-weight: bold; border: 1px solid #FDFBAA; } #homeSearch #bg { float: right; width: 330px; height: 87px; background: url("http://static.csimg.com/img/cs-homeSprite.20090410.1.png") no-repeat -355px -30px; } #homeSearch span { display: block; padding: 1em 0 0 1.2em; } #homeSearch #location-jump-form { margin: .5em 0 0 1em; } #homeSearch #location-jump-form .form-text { padding: .75em; font-size: 108%; } #homeSearch #location-jump-form .form-submit { width: auto; border: 1px solid #707070; padding: 1em 1em .8em; margin: 0 0 0 .5em; color: #000; background: #F0F0F0; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #homeSearch #location-jump-form .form-submit:hover { background: #D1D1D1; } #homeMain { border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; margin: .5em .5em; padding-bottom: 1.5em; } #homeMain #owner { height: 268px; width: 455px; background: #FFF url("http://static.csimg.com/img/cs-homeOwner.20090403.1.png") no-repeat; margin: 0 auto; position: relative; } #homeMain #owner span { display: block; float: left; padding: 1em 1.5em 0 1em; } #homeMain #ownText { position: absolute; top: 73px; left: 25px; width: 265px; color: #005771; font-size: 93%; line-height: 1.5em; } #homeMain #ownButtons { position: absolute; top: 215px; left: 15px; color: #FFF; font-weight: bold; } #homeMain #new { background: #DFEBCB; padding: 1em; margin-top: 18px; } #homeMain #new #list { background: #FFF; padding: .5em; } .spyWrapper { overflow: hidden; position: relative; } #homeLocations { margin: 1.5em 0 1em .5em; } #topCityPic { display: block; overflow: hidden; height: 350px; width: 455px; margin: 0 auto; background: url("http://mw2.google.com/mw-panoramio/photos/medium/3011660.jpg") no-repeat; } #cityOverlay { background-color: #1F9EC9; opacity: .75; filter: alpha(opacity=75); -moz-opacity: 0.75; width: 425px; z-index: 9; position: relative; margin-top: 225px; margin-left: auto; margin-right: auto; color: #FFF; font-size: 182%; font-weight: bold; padding: 15px; } #cityOverlay a { color: #FFF; text-decoration: none; } #picInfo { width: 455px; margin: 0 auto; color: #666; padding: .5em .5em 0 .5em; } /* @end */ /* @group Style ----------------------------------------------------------------------------------- */ /* @group Forms ----------------------------------------------------------------------------------- */ /* @group Add Business ----------------------------------------------------------------------------------- */ #edit-standardname, #edit-user-name { width: 600px; } #edit-cityname { width: 470px; } #standard-submit-button { display: block; margin: 0 auto; } .no-business-results { background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -625px -25px; padding: 0 0 0 10px; } .search-description { font-size: 85%; color: #777; width: 500px; padding: 0 1em; } /* @end */ #business-add-form, #business-add-standard-form, #eventful-add-event-form { padding-bottom: 6px; } #business-add-form label, #eventful-add-event-form label { padding-top: 6px; display: block; } #business-add-form .description, #eventful-add-event-form .description { font-size: 11px; color: #777; padding-left: 0; } #business-add-form fieldset, #eventful-add-event-form fieldset { background: #F3FBFE; border: 1px solid #C2E2EC; width: 90%; margin: .5em; padding: .5em; } #business-add-form fieldset fieldset, #eventful-add-event-form fieldset fielset { background: #FFF; border: 3px double #C2E2EC; width: 95%; } #business-add-form fieldset fieldset legend, #eventful-add-event-form fieldset fieldset legend { font-size: 14px; color: #333; font-weight: bold; } #business-add-form legend, #eventful-add-event-form legend { font: normal 20px 'Trebuchet MS',Trebuchet,sans-serif; color: #166C89; text-transform: capitalize; } #business-add-form legend a, #eventful-add-event-form legend a { font: normal 20px 'Trebuchet MS',Trebuchet,sans-serif; color: #166C89; text-transform: capitalize; } .cs-form,.cs-blue-form, .cs-grey-form { } .cs-form .item { padding: .5em; } .cs-form .item label { color: #656565; display: block; padding: .25em 0; } .cs-form .item .form-text { padding: .25em; } .cs-blue-form { background: #E2F6FA; border: 1px solid #B6E6F3; padding: .5em; } .cs-grey-form { background: #EFEFEF; } fieldset { float: left; display: inline; } .description { font-size: 85%; } /* @end */ /* @group Content Pieces */ /* @group Featured Video */ .featuredVideo { text-align: center; padding: .5em; } .featuredVideo .biz-name { color: #F08711; font-size: 14px; font-weight: bold; } .featuredVideo .address, .featuredVideo .phone { color: #666666; font-size: 12px; } .featuredVideo .phone { font-weight: bold; } .newsletter { padding-top: 3em; text-align: center; } /* @end */ /* @group Corporate Pages */ div#corp-pages { padding: .5em; } div.corp-pages-menu { padding: .5em; } /* @end */ /* @group Map */ #map { background: url("http://static.csimg.com/img/loaders/cs-largeLoader.20081130.1.gif") no-repeat 50% 50%; } #gmap-tooltip-map { width: 500px; position: relative; } #gmap-infowindow img { display: inline; float: left; margin-right: 10px; } #gmap-tt-float { float: left; } .gmap-tt-text { font: bold 9px Verdana, Arial, Helvetica, sans-serif; color: #333; padding: .5em .65em 0 0; } .gmap-clear-left { clear: left; } .gmap-tt-left { background: url("http://static.csimg.com/img/gmap/tt-left.png") no-repeat; height: 26px; width: 7px; } .gmap-tt-middle { background: url("http://static.csimg.com/img/gmap/tt-middle.png") repeat-x; height: 26px; } .gmap-tt-right { background: url("http://static.csimg.com/img/gmap/tt-right.png") no-repeat; width: 30px; height: 26px; } .gmap-tt-pointer { background: url("http://static.csimg.com/img/gmap/tt-pointer.png") no-repeat; width: 16px; height: 9px; position: absolute; top: -7px; left: 13px; } /* @end */ /* @group Video Pane */ .video-pane { text-align: center; display: none; position: relative; padding-top: .5em; } .video-pane a.blue-close { position: absolute; top: 0; right: 5px; } /* @end */ /* @group Vote Count */ div.vote-count { float: right; height: 40px; width: 72px; color: #75630D; font-size: 16px; text-align: center; padding-top: 8px; padding-left: 3px; margin-right: .5em; line-height: 12px; font-weight: bold; background: url("http://static.csimg.com/img/cs-bigIconSprite.20090316.1.png") no-repeat -190px 0; } div.vote-count span.desc { font-size: 8px; color: #D7B61A; text-transform: uppercase; margin-top: -5px; } .votesCount { float: left; border-left: 1px solid #CCC; padding-left: .5em; margin-left: .5em; } /* @end */ /* @group Pager */ div.pager { padding-left: 1em; color: #1F9EC9; margin-bottom: 1em; text-align: center; } div.pager .active, span.pager-list a.active, span.pager-list .pager-current { padding: .4em .5em; text-decoration: none; margin: 0 .25em; text-transform: uppercase; } div.pager .active, span.pager-list a.active { border: 1px solid #60C5E7; color: #1F9EC9; } span.pager-list a.active { background-color: #E9F8FC; } span.pager-list .pager-current { font-size: 153.9%; color: #333; margin: 0; padding: .4em .3em; } span.pager-list a.active:hover { background-color: #FFF; } /* @end */ /* @group Business Listings */ /* @group Listing Options */ #cs-listing-options { color: #6C6C6C; } #cs-listing-options h1 { font-size: 123.1%; color: #666; } #filters { background: #F3FCFE; border-top: 2px solid #C0E9F5; border-bottom: 2px solid #C0E9F5; color: #6C6C6C; padding: .5em; } /* @end */ /* @group Browsing */ li.business { color: #6C6C6C; line-height: 1.5em; } li.business .cs-blogo { float: left; margin-right: 1em; } li.business .cs-blogo img { border: 1px solid #DDD; padding: 6px; background: #FFF; } li.business .cs-sblogo { float: left; margin-right: 1em; text-align: center; height: 80px; width: 72px; background: url("http://static.csimg.com/img/cs-bigIconSprite.20090316.1.png") no-repeat -326px 0; } li.business .cs-sblogo a { font-size: 11px; font-weight: bold; text-decoration: none; color: #828282; display: block; width: 72px; height: 21px; border: 1px solid #DDD; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding-top: 5px; background: #FFF; } li.business a.name { font-size: 116%; font-weight: bold; float: left; } li.business .info { text-align: left; } li.business .phone { font-weight: bold; } li.business .bIcons { width: 40px; float: left; padding: 8px 0 0 7px; } /* @end */ /* @group Business Add Search Results */ #business-add-results { margin: 1em 0; } .business-add-search-result { border-bottom: 1px solid #C0E9F5; line-height: 1.5em; padding: .5em; color: #666; } /* @end */ /* @group Five Star */ div.fivestar-container { background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -125px -55px; width: 70px; height: 16px; float: left; display: inline; } div.fivestar-container .star { display: block; float: left; width: 14px; height: 15px; background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); background-repeat: no-repeat; background-position: -575px 0; cursor: pointer; overflow: hidden; } div.fivestar-container .on { background-position: -575px -16px; } div.fivestar-container .hover { background-position: -575px -32px; } /* @group Details Page */ #detailsContainer div.fivestar-container { background: none; width: 100px; height: 20px; float: left; } #detailsContainer div.fivestar-container .star { display: block; float: left; width: 20px; height: 20px; background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); background-repeat: no-repeat; background-position: -575px -50px; cursor: pointer; overflow: hidden; } #detailsContainer div.fivestar-container .on { background-position: -575px -75px; } #detailsContainer div.fivestar-container .hover { background-position: -575px -100px; } /* @end */ /* @end */ /* @group Blocks */ .cs-block { margin: 0; color: #8A8A8A; } .cs-block-title { padding: .5em 0 0 0; } .cs-block-control { color: #999; text-align: right; } .cs-block-title .moreLink { font-size: 87%; } .pad-block { margin-top: .5em; } .selected { text-decoration: none; color: #666; font-weight: bold; } #biz-status, #location-status { display: none; margin-left: .5em; } #biz-status { float: left; } #location-status { float: left; display: none; margin-left: .5em; margin-top: .25em; } /* @group What's Hot */ .hot-title { color: #177797; font-weight: bold; padding: 0 .5em; } .hot-title .icon { float: right; display: inline; } .hot-title span { color: #999; font-size: 90%; font-weight: normal; } .hot-title span a { font-size: 80%; } .hot-cat-name { float: left; display: inline; padding-top: .75em; } .cs-block .hot-name { width: 100%; } .cs-block .hot-biz-name { color: #1F9EC9; } .cs-block .hot-biz-name a { font-weight: bold; } .cs-block .fivestar-container { float: right; } .cs-block .fivestar-container .description { display: none; } /* @end */ /* @group Deals */ .cs-deal { border: 3px dashed #CCC; color: #666; padding: .1em; margin: .5em 0; } .cs-deal .address { background: #F4F4F4; padding: .5em .75em; color: #666; } .cs-deal .address span { font-size: 85%; } .cs-deal .cs-deal-text { font-size: 123.1%; padding: 1em; } .cs-deal .id { color: #9A9A9A; font-size: 93%; padding: .3em .8em; margin: .5em; text-align: center; } .cs-deal .id { float: left; display: inline; margin-left: 0; } /* @end */ /* @group Featured Reviews */ /* @group Corners */ .talk-bubble { display: block } .talk-bubble * { display: block; height: 1px; overflow: hidden; font-size: .01em; background: #FEFEFE } .talk-bubble1 { margin-left: 3px; margin-right: 3px; padding-left: 1px; padding-right: 1px; border-left: 1px solid #edf9fc; border-right: 1px solid #edf9fc; background: #f7fcfe } .talk-bubble2 { margin-left: 1px; margin-right: 1px; padding-right: 1px; padding-left: 1px; border-left: 1px solid #e4f6fb; border-right: 1px solid #e4f6fb; background: #f9fdfe } .talk-bubble3 { margin-left: 1px; margin-right: 1px; border-left: 1px solid #f9fdfe; border-right: 1px solid #f9fdfe; } .talk-bubble4 { border-left: 1px solid #edf9fc; border-right: 1px solid #edf9fc } .talk-bubble5 { border-left: 1px solid #f7fcfe; border-right: 1px solid #f7fcfe } .talk-bubblefg { background: #FEFEFE } /* @end */ .review-header img { border: 1px solid #DDD; padding: 2px; background: #FFF; float: left; display: inline; margin: 0 .5em 0 0; } .review-bubble { position: relative; margin: 20px 0 0 0; } .review-bubble-text { padding: .5em .5em .5em 25px; } .review-bubble .talkie { position: absolute; top: -25px; left: 35px; background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -125px -25px; width: 25px; height: 25px; } .review-bubble .quote { margin: .5em 0 0 .5em; height: 25px; width: 20px; background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -150px -25px; float: left; display: inline; } /* @end */ /* @group Top Cities */ .topCities { padding: .5em; } /* @end */ /* @end */ /* @end */ /* @group About Hood */ #aboutHood { background: #E1F5FB; padding: .5em; color: #156782; } #aboutHood .teaser { margin: .25em .5em; } #addPhotoContainer { padding: .5em 0; } #hoodAddPhoto { float: right; padding: .5em .5em 0 1em; margin-top: -1.65em; background: #E1F5FB; } .panoramio-copy { margin: 0 auto; text-align: center; color: #333; font-size: 75%; padding: 1em; } .panoramio-copy a { color: #167392; } /* @end */ /* @end */ ul.navList { margin: 0; padding: .5em 0; color: #7E7E7E; } ul.navList li { padding: .25em 0; width: 100%; } .xdebug-var-dump { text-align: left; } .eventful-badge { margin: 0; padding: 0; border: 0; text-align: center; color: #CCC; font-family: Arial; text-decoration: none; float: right; } .eventful-small { position: relative; width: 100px; font-size: 11px; line-height: 11px; } .eventful-badge a { color: #CCC; text-decoration: none; } #nearbyUpcomingEvents { background: #FFF; } /* @end */ /* @group Old Site ----------------------------------------------------------------------------------- */ /* @group Content Queue */ .content-item { width: 100%; border: 1px #999 solid; margin: 1em 0 1em 0; padding: .5em; margin: .5em; } .content-item .address, .content-item .phone { color: #666; padding: 0; margin: 0; } .content-item .address { display: block; text-transform: capitalize; } .content-item .phone { color: #666; } .content-item .alt-phone { padding: 0; margin: 0; text-transform: capitalize; font-weight: normal; } .content-item .hide-content-link { float: right; margin: 0 5px 10px 10px; clear: both; } .content-item .full-content { position: relative; border: 1px #999 dotted; padding: .3em; } #edit-biz-message { color: #ccc; } /* @end */ /* @group Sitemap/Root Page */ /** * Styles for root page CTA * Michael LeBarron, citysquares [dot] com */ /** * Call to Action * */ #root-cta { font: bold 18px Arial, Helvetica, sans-serif; color: #fff; width: 926px; height: 128px; background: url("http://static.csimg.com/v2/img/root-cta-background.png") no-repeat; margin: 0 auto; position: relative; } #root-cta-big-text { margin-left: 20px; padding-top: 25px; /* width: 775px; */ } #root-cta-big-text span { margin: 0 4px 0 4px; padding: .2em 0 0 0; color: #167696; float: left; } #root-cta-button { float: left; } .root-cta-button-left { background: url("http://static.csimg.com/v2/img/root-cta-button-bg-left.png") no-repeat; float: left; height: 32px; width: 5px; } .root-cta-button-right { background: url("http://static.csimg.com/v2/img/root-cta-button-bg-right.png") no-repeat; float: left; height: 32px; width: 5px; } .root-cta-button-middle { height: 32px; background: url("http://static.csimg.com/v2/img/root-cta-button-bg.png") repeat-x; padding: .2em 5px 0 5px; float: left; } #root-talk-bubble { background: url("http://static.csimg.com/v2/img/root-cta-talk-bubble.png") no-repeat; height: 54px; width: 720px; position: absolute; top: 70px; left: 27px; font: 12px Arial, Helvetica, sans-serif; color: #666; padding: 10px 75px 0 35px; } #root-cta-account { height: 34px; width: 231px; float: left; margin-left: 35px; } #root-cta-close-button { position: absolute; top: 18px; right: 8px; width: 21px; height: 15px; } /** * Search Bar * */ #root-search { background: url("http://static.csimg.com/v2/img/root-search-bar-bg.png") repeat-x; width: 926px; height: 105px; margin: 5px auto; border: #f2e79b 2px solid; } .root-search-box { margin: 0px auto; margin-top: 35px; margin-left: 60px; color: #8D7E12; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; height: 40px; } .root-search-holder { float: left; padding-right: 7px; } #root-search #edit-search-term { border: 1px solid #cdcdcd; background: #fff url("http://static.csimg.com/v2/img/root-search-text-bar-bg.gif") repeat-x top left; display: inline; height: 20px; padding-top: 5px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-left: 24px; letter-spacing: -.06em; } .form-text .root-form-input { background: url("http://static.csimg.com/v2/img/root-search-magicon.gif") no-repeat left; } .root-search-button { background: url("http://static.csimg.com/v2/img/root-search-button.gif") repeat-x; color: #fff; font: bold 10px Tahoma; letter-spacing: -.01em; border: 2px solid #FF8C26; text-transform: uppercase; height: 27px; padding: 4px; width: 76px; } .root-loki-search { width: 90px; height: 27px; float: left; } #root-search .form-text { border: 1px solid #cdcdcd; background: #fff url("http://static.csimg.com/v2/img/root-search-input-bg.png") repeat-x top left; display: inline; height: 20px; padding-top: 5px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-left: 4px; color: #666; letter-spacing: -.06em; } #root-region-dropdown-arrow { float: left; margin-left: 5px; border: 1px solid #cdcdcd; position: relative; } #root-region-list { position: absolute; top: 24; right: 0; background: #fff; width: 300px; z-index: 9999; border: 1px solid #cdcdcd; } /** * Main Content * */ #map-root { border: #c0e9f8 7px solid; margin-top: 5px; } /** * Right Sidebar * */ #region-list { } #region-list h1 { height: 20px; width: 266px; background: #fff url("http://static.csimg.com/v2/img/root-region-bg.png") repeat-x bottom left; font: bold 14px Arial, Helvetica, sans-serif; padding: 5px; border-bottom: 1px solid #c0e9f8; } .region-list-hoods { clear: both; margin: 5px; float: right; padding-left: 8px; font-size: 11px; font-style: italic; } .region-list-title { font-weight: bold; color: #F08711; } #region-list ul { padding: 0; margin: 5px 10px 0 0; list-style: none; } #region-list ul li { padding: 5px; border: 1px solid #fff; margin-bottom: 2px; } #region-list ul li:hover, #region-list .city-highlight { background: #f5fbfd; border: 1px solid #c0e9f8; } #region-list ul li img { float: left; margin-right: 5px; padding: 2px; border: 1px solid #ccc; } .root-num-hoods,.root-num-biz { font-size: 11px; color: #666; padding-left: 13px; background: url("http://static.csimg.com/v2/img/small-green-arrow.png") no-repeat; background-position: 0% 50%; } .quick-look-trigger { font-size: 11px; padding-left: 8px; } .sort-type,.sort-text,.state-select { font-size: 11px; color: #999; } .sort-type { padding: 2px; } .sort-text,.state-select { font-style: italic; } .sort-selected { text-decoration: none; background: #209fca; color: #fff; } #region-city-sort-options { margin: 5px 0 5px 0; } .root-add-image { background: url("http://static.csimg.com/v2/img/root-no-image.png") no-repeat 2px 2px; height: 60px; width: 60px; padding: 2px; border: 1px solid #ccc; float: left; margin-right: 5px; } .root-add-image-link, .root-vote-now-link { height: 17px; font-size: 10px; text-align: center; margin: 0 auto; line-height: 17px; } .root-add-image-link { background: url("http://static.csimg.com/v2/img/root-add-one-sprite.gif") no-repeat top left; margin-top: 38px; width: 52px; } .root-vote-now-link { background: url("http://static.csimg.com/v2/img/root-vote-now-sprite.gif") no-repeat top left; margin-top: 4px; width: 56px; } .root-add-image-link:hover { background-position: 0 -17px; } .root-vote-now-link:hover { background-position: 0 -17px; } .root-add-image-link a, .root-vote-now-link a { color: #fff; display: block; height: 17px; } .root-vote-now-link { color: #fff; } .root-add-image-link a { width: 52px; } .root-vote-now-link a { width: 56px; } .root-vote { background: url("http://static.csimg.com/v2/img/root-vote-bg.png") no-repeat; height: 68px; width: 68px; float: right; margin-right: 10px; } /** * State List * */ #root-state-list { width: 635px; background: url("http://static.csimg.com/v2/img/root-state-list-bg.png") repeat-x bottom left; border-bottom: 1px solid #bddaa3; padding: 10px 0 0 5px; margin: 0 auto; } #root-state-list a { color: #6b9e41; padding: 3px 5px 3px 5px; float: left; margin: 3px 5px 10px 0; } #root-state-list a.selected { text-decoration: none; color: #fff; background: #6b9e41; font-weight: bold; } #content-right { border-left: 1px solid #bddaa3; } /** * Regions in a state list * */ #root-state-region-list { font-family: Arial, Helvetica, sans-serif; width: 630px; margin: 0 auto; margin-bottom: 40px; padding: 5px; } #root-state-region-list h2 { color: #6b9e41; font-size: 14px; } #root-state-region-list ul.region-list,#root-state-region-list ul.city-list { padding: 0; margin: 0; list-style: none; } ul.region-list li { background: #fff url("http://static.csimg.com/v2/img/root-region-bg.png") repeat-x bottom left; padding: 5px; } ul.region-list li h3 { font-weight: bold; color: #15718f; font-size: 12px; } ul.city-list li { float: left; padding: 5px 0 5px 8px; margin: 0 0 0 10px; background: url("http://static.csimg.com/v2/img/tiny-right-arrow.gif") no-repeat; background-position: 0% 50%; } #root-state-region-list .see-more-link { float: right; font-size: 10px; } /** * Quick Look * */ #quick-look-container { width: 606px; height: 620px; padding-top: 25px; border: #c0e9f8 7px solid; padding: 10px; overflow: auto; position: relative; margin-top: 5px; } .standard-container { background: url("http://static.csimg.com/v2/img/quick-look-bg.png") repeat-x top left; } .container-loading { background: url("http://static.csimg.com/v2/img/blue-loader.gif") no-repeat 50% 50%; } #quick-look { } .quick-look-close { position: absolute; top: 5px; right: 5px; } #quick-look-city-header { border-bottom: 1px solid #dfdfdf; } #quick-look .business-name { float: left; display: block; width: 100%; } #quick-look .address { padding: 2px; font-size: 12px; clear: both; } #quick-look .phone { font-size: 14px; font-weight: bold; color: #666; float: left; padding: 2px; } #quick-look .ratings { float: left; margin-left: 10px; margin-top: 2px; } #quick-look .reviews { font-style: italic; margin-left: 5px; } .dest { font-weight: bold; } #quick-look .dest { font-weight: normal; font-style: italic; display: inline; font-size: 11px; } #quick-look .headline { border-bottom: 1px solid #DFDFDF; } .extra-row .video-link,.extra-row .ratings,#quick-look .stars,#quick-look .title,#quick-look .sub-title { float: left; } .video-link { margin-left: 5px; } #quick-look .sub-title { clear: left; } .extra-row .video-link { margin-top: 2px; } #quick-look .view-all,#quick-look .view-all-bottom { float: right; margin: 5px; padding-left: 8px; background: url("http://static.csimg.com/v2/img/tiny-right-arrow.gif") no-repeat; background-position: 0% 50%; font-size: 11px; } #quick-look .view-all-bottom { font-size: 12px; } #quick-look .biz-count { font-size: 14px; color: #666; padding-top: 10px; } #quick-look .biz-count-num { color: #2685A4; font-weight: bold; } #quick-look .description { width: 340px; } #quick-look .video-link { background: url("http://static.csimg.com/v2/img/control_play_blue.gif") no-repeat; padding-left: 20px; } #quick-look-navigation { border-bottom: 1px solid #dfdfdf; padding: 10px 0 0 5px; margin: 0 auto; } #quick-look-navigation a { color: #2685A4; padding: 3px 5px 3px 5px; float: left; margin: 3px 5px 10px 0; } #quick-look-navigation a.selected { text-decoration: none; color: #fff; background: #2685A4; font-weight: bold; } /* Quick Look Featured Items */ ul.root-featured li:hover { background-color: #EDF9FC; } ul.root-featured div.icon { width: 60px; height: 60px; margin-left: 10px; border: 1px solid #ccc; background: none; padding: 5px; } ul.root-featured div.icon img { padding: 0; margin: 0; } ul.root-featured { margin: 0; padding: 0; list-style: none; font-size: 11px; color: #6F6F6F; line-height: 17px; } ul.root-featured li { width: 100%; padding: 15px 0 15px 0; overflow: hidden; border-bottom: 1px solid #DFDFDF; } ul.root-featured strong.head { font-size: 16px; } ul.root-featured div.columns { width: 100%; overflow: hidden; padding-bottom: 4px; } ul.root-featured div.columns div.left { width: 250px; padding-right: 38px; float: left; } ul.root-featured div.columns div.right { width: 200px; float: right; } ul.root-featured dl.info { margin: 0; padding: 0; width: 100%; overflow: hidden; } ul.root-featured dl.info dt { display: block; float: left; clear: left; margin: 0; padding: 0 0px 0 0; } ul.root-featured dl.info dd { margin: 0; padding: 0; display: block; text-transform: capitalize; } ul.root-featured dl.info dd a { color: #1C8BB0; } ul.root-featured p.contact { padding: 0; font-size: 12px; } ul.root-featured p.contact span { display: block; } ul.root-featured p.contact span.phone { color: #1C8BB0; } ul.root-featured p.comment { color: #525252; padding: 0; } ul.root-featured p.rate { padding: 0 0 3px 0; width: 100%; overflow: hidden; } ul.root-featured p.rate a { font-style: italic; } ul.root-featured p.rate span.stars { float: left; margin-right: 5px; } /* Tab set */ #root-tabs { font: bold 14px Arial, Helvetica, sans-serif; color: #167696; width: 640px; text-align: center; } .root-tab-border { border-bottom: 1px solid #C0E9F8; } #root-tabs ul { display: inline; } #root-tabs li { list-style: none; display: inline; margin-right: 5px; text-align: center; } #root-tabs a { background: url("http://static.csimg.com/v2/img/root-tab-bg.gif") repeat-x; text-decoration: none; display: block; float: left; overflow: hidden; height: 33px; width: 64px; color: #167696; line-height: 30px; margin-left: 3px; position: relative; bottom: -1px; border-left: 1px solid #C0E9F8; border-right: 1px solid #C0E9F8; border-top: 1px solid #C0E9F8; } #root-tabs .active a { border-bottom: 1px solid #fff; background: #fff; } #root-tabs .navigate { font: 11px Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; display: block; float: left; overflow: hidden; height: 33px; color: #167696; line-height: 33px; margin-left: 10px; } /* @end */ /* @group Form */ .form-text label { padding-top: 6px; display: block; } .user-form { padding-bottom: 6px; } .user-form label { display: block; } .user-form input { } #user-edit label { padding-top: 6px; display: block; } #user-edit .description { font-size: 11px; color: #777; padding-left: 0; } #user-edit fieldset { background: #FFF; border: 3px double #C2E2EC; } #user-edit legend { font-size: 14px; color: #333; font-weight: bold; } .user-form-off { color: #858585; background-color: #EAEAEA; /*filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.50; opacity:0.5;*/ } #node-form label { padding-top: 6px; display: block; } #node-form fieldset { background: #FFF; border: 3px double #C2E2EC; } #node-form legend { font-size: 14px; color: #333; font-weight: bold; } #node-form .description { font-size: 11px; color: #777; padding-left: 0; } #profile-edit ul { padding: 8px 0 22px 0; margin: 0; list-style: none; } #profile-edit ul li { display: inline; list-style: none; margin-right: 6px; } #profile-edit ul li { background: url("http://static.csimg.com/v2/img/button-profile-basic-on-bg.gif") repeat-x; border: 1px solid #C2E2EC; color: #166C89; padding-top: 6px; padding-bottom: 6px; padding-left: 10px; padding-right: 10px; font-size: 11px; font-weight: normal; } #profile-edit ul li a { color: #1A83A6; } #profile-edit ul li a.active { color: #1A83A6; font-weight: bold; text-decoration: none; } /* @end */ /* @group Claim */ #claim-notice { border: 1px solid #B1E4F1; background: url("http://static.csimg.com/v2/img/claim-biz-bg.gif") repeat-x; width: 622px; height: 37px; font-size: 12px; color: #2186B1; padding: 7px 0 0 8px; margin: 0px 0px 10px 10px; } #claim-notice img { float: left; padding: 0 15px 0 0; } #claim-notice a { color: #19BDE7; } #fail-notice { border: 1px solid #E0A3A3; background: url("http://static.csimg.com/v2/img/fail-biz-bg.gif") repeat-x; width: 600px; height: 37px; font-size: 12px; color: #BB3E3E; padding: 7px 0px 0px 15px; margin: 0 0 10px 0; } #fail-notice img { float: left; padding: 0 15px 0 0; } #fail-notice a { color: #19BDE7; } #receipt { } #contract-cta { background: #E2EDC9 url("http://static.csimg.com/v2/img/contract-cta.png") no-repeat; height: 122px; width: 624px; border: 4px solid #BDD685; margin: 0 0 0 10px; position: relative; } #contract-cta-price { position: absolute; top: 15px; left: 13px; } #contract-cta-price .price { color: #3C3C3C; font-size: 31px; } #contract-cta-price .terms { color: #5F7627; font-size: 11px; } #owner-info { font-size: 12px; font-style: italic; color: #777; } #commerce-claim-business-form { padding: .5em; margin-bottom: 1em; } #commerce-claim-business-form .description { font-size: 12px; color: #444; width: auto; padding-top: 2em; } #commerce-claim-business-form label { font-weight: normal; color: #777; } #commerce-claim-business-form .form-checkbox { width: auto; display: inline; } #commerce-claim-business-form input { font-size: 16px; padding: 4px; color: #444; display: table; width: 70%; font-weight: bold; } #commerce-claim-business-form select { font-size: 16px; padding: 4px; color: #444; font-weight: bold; } #commerce-claim-business-form fieldset { display: block; width: 100%; border: 1px solid #B1E4F1; padding: .5em; } #commerce-claim-business-form #edit-submit { width: auto; padding: 0; display: inline; } /* @end */ /* @group Amenities */ #details div.amenities dl { margin: 0; padding: 0; line-height: 22px; } #details div.amenities dl.left { width: 220px; float: left; } #details div.amenities dl.right { padding-left: 10px; width: 150px; float: left; } #details div.amenities dl dt { margin: 0; padding: 0; display: block; float: left; clear: left; } #details div.amenities dl.left dt { width: 145px; } #details div.amenities dl.right dt { width: 85px; } #details div.amenities dl dd { margin: 0; padding: 0; display: block; float: left; } * html #details div.amenities dl dd { float: none; } * + html #details div.amenities dl dd { float: none; } #details div.amenities span.yes, #details div.amenities span.no { margin-top: 3px; } a.remove_amenity { text-decoration: none; } a.remove_amenity:hover { color: #FF0000; } .amenity_content { margin: 10px; display: inline; } .amenities_options { margin-left: 10px; } #details div.amenities { width: 100%; overflow: hidden; } /* @end */ /* @group Search */ /* testimonials box section */ div.testimonial { margin-bottom: 40px; } div.testimonial div.box { margin-bottom: 0; padding-bottom: 35px; background-image: url("http://static.csimg.com/v2/img/box-bottom-testimonial.gif"); color: #6F6F6F; font-style: italic; font-size: 13px; } div.testimonial div.box div.box-body { padding: 15px 25px 0 25px; } div.testimonial p.author { padding: 0 0 0 130px; margin: -15px 0 0 0; color: #6F6F6F; } /* quick search form section */ #quick-search { padding: 20px 0 30px 0; width: 100%; overflow: hidden; } #quick-search p { width: 100%; overflow: hidden; margin: 0; padding: 0 0 10px 0; } #quick-search label { display: block; float: left; width: 150px; } #quick-search input.text { width: 200px; display: block; margin: 0 0 0 150px; } #quick-search input.submit { margin: 0 0 0 150px; float: left; display: inline; } /* faceted search section */ #faceted-search { padding: 2px; } #faceted-search #distance-bar { padding-top: 8px; padding-bottom: 8px; text-align: center; font-weight: normal; color: #666; } #faceted-search #distance-text { text-align: center; font-weight: normal; color: #666; } #faceted-search #distance-text span { color: #2383A3; font-weight: normal; font-size: 170%; } #faceted-search #star-5 { background: url("http://static.csimg.com/v2/img/star-rating-5.gif") no-repeat right; } #faceted-search #star-4 { background: url("http://static.csimg.com/v2/img/star-rating-4.gif") no-repeat right; } #faceted-search #star-3 { background: url("http://static.csimg.com/v2/img/star-rating-3.gif") no-repeat right; } #faceted-search #star-2 { background: url("http://static.csimg.com/v2/img/star-rating-2.gif") no-repeat right; } #faceted-search #star-1 { background: url("http://static.csimg.com/v2/img/star-rating-1.gif") no-repeat right; } #faceted-search div.toggle { padding-right: 12px; text-align: right; background: url("http://static.csimg.com/v2/img/arrow-more-blue-fs.gif") no-repeat right; } #faceted-search div.toggle a { color: #2CA4CB; font-weight: normal; text-decoration: underline; } #faceted-search div.toggle a:hover { color: #666; } #faceted-search h4 { color: #F08711; font-size: 100%; } #faceted-search #holder { color: #1C6882; font-size: 85%; font-weight: bold; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #E4E4E4; } #faceted-search #holder ul { text-align: left; margin: 0; padding: 0; list-style: none; padding-top: 4px; } #faceted-search #holder li { font-weight: normal; color: #666666; list-style: none; line-height: 1.4em; } #faceted-search #holder span.fq-selected { font-weight: bold; padding-left: 12px; background: url("http://static.csimg.com/v2/img/arrow-right-fs.gif") no-repeat left; color: #666666; } #faceted-search #holder li a { color: #2CA4CB; text-decoration: underline; } #faceted-search #holder li a:hover { color: #666; text-decoration: underline; } #faceted-search li span, #faceted-search li span a { font-weight: normal; color: #949494; text-decoration: none; } #faceted-search #holder-alpha { color: #1C6882; font-size: 85%; font-weight: bold; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #E4E4E4; } #faceted-search #holder-alpha ul { list-style: none; text-align: left; margin: 0; padding: 0; padding-top: 4px; } #faceted-search #holder-alpha li { list-style: none; float: left; font-weight: normal; color: #666666; padding-right: 6px; line-height: 1.4em; } #faceted-search #holder-alpha span.location { font-weight: normal; color: #666666; font-size: 90%; } #faceted-search #holder-alpha li.fq-selected { font-weight: bold; padding-left: 12px; background: url("http://static.csimg.com/v2/img/arrow-right-fs.gif") no-repeat left; } #faceted-search #holder-alpha li a { color: #2CA4CB; text-decoration: underline; } #faceted-search #holder-alpha li a:hover { color: #666; text-decoration: underline; } #faceted-search #holder-alpha .clear-left { clear: left; } .faceted-search-remove-filter { padding-right: 15px; background: url("http://static.csimg.com/v2/img/close-fs.gif") no-repeat right; } /* @end */ div.message-send { width: 100%; overflow: hidden; margin-bottom: 19px; font-size: 11px; } div.message-send strong.head { color: #1C8BB0; font-size: 12px; padding-bottom: 0; } div.message-send label { display: block; font-weight: bold; color: #4D4D4D; padding-top: 10px; padding-bottom: 2px; } div.message-send label.disabled { color: #A6A6A6; } div.message-send textarea { width: 98%; border: 1px solid #E9E7E3; margin: 0 0 8px 0; padding: 0; color: #4D4D4D; display: block; background-color: #FFF; height: 105px; } div.comments { background: none !important; } div.comments div.box-body { margin-left: 6px; padding-left: 10px; background-image: none !important; margin-bottom: 4px; width: 637px; } div.comments .headline h2 { padding-left: 18px; font-size: 12px; color: #666; } ul.clist { margin: 0; padding: 0; list-style: none; font-size: 12px; color: #4A4A4A; } ul.clist a { color: #1A83A6; } ul.clist li { width: 100%; overflow: hidden; padding-bottom: 22px; } ul.clist div.icon { font-size: 11px; font-weight: bold; text-align: center; } ul.clist div.icon img { padding: 3px; border: 1px solid #B7D2DF; background-color: #FFF; margin-top: 3px; } ul.clist p.date { display: block; font-size: 11px; color: #017294; font-weight: bold; padding-bottom: 8px; } #user-login .box-body .user-form { padding-left: 10px; } #user-login .box-body p { padding-left: 10px; } #user-login #edit-submit { margin-left: 10px; } #user-login h1 { margin: 0; padding-bottom: 6px; } #user-register .box-body .user-form { padding-left: 10px; } #user-register .box-body p { padding-left: 10px; text-align: left; } #user-register fieldset { display: table; color: #166C89; } #user-register #edit-submit { margin-left: 10px; } #user-register h1 { margin: 0; padding-bottom: 6px; } .box-bg { padding-left: .5em } .box-body { overflow: hidden; font-size: 12px; color: #666; border-top: 2px solid #C0E9F5; border-bottom: 2px solid #C0E9F5; background-color: #F1FCFE; } .box-body .headline { padding-left: 10px; padding-top: 10px; } .box-body .headline h1 { font-size: 182%; padding: 0; margin: 0; } /* @end */ /* @group Spam ----------------------------------------------------------------------------------- */ /* hide our fake form fields from bots */ form #edit-cs-firstname, form #edit-cs-lastname, form #edit-cs-firstname.form-text, form #edit-cs-lastname.form-text { display: none; } /* @end */ /* @group Login ----------------------------------------------------------------------------------- */ #userLogin { color: #666; } #userLogin h3 { font-size: 167%; font-weight: bold; color: #666; padding: 0; margin: 0; } #userLogin label { display: block; font-weight: bold; width: 100%; padding: .5em 0; } #userLogin .form-text { display: block; float: left; padding: .2em; color: #156782; font-weight: bold; font-size: 93%; width: 50%; } #userLogin .form-required { display: none; } #userLogin #userLinks { width: 50%; text-align: center; } #userLogin .loginItem { float: left; display: block; padding: .5em; width: 100%; } #userSubmit { width: 50%; } #userSubmit #edit-submit { border: 1px solid #999; padding: .3em .5em; background: #DDD; color: #333; margin: 0 auto; position: relative; display: block; width: 33%; } #userSubmit #edit-submit:hover { background: #EEE; } #facebox .form-text, #facebox #userLinks, #facebox #userSubmit { width: 90%; } /* @end */ /* @group Lists ----------------------------------------------------------------------------------- */ #ftTop ul { margin: 0; list-style: none; } #ftTop ul li { display: inline; padding: 0 .5em; line-height: 1.5em; } #ftBottom ul { margin: 0; list-style: none; } #ftBottom ul li { display: block; padding: .25em .75em .25em 0; line-height: 1.5em; float: left; } /* @group Lists */ /* @group Blue Arrow */ ul.blue-arrow li, ol.blue-arrow li { background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -625px -22px; padding: .2em 0 0 10px; } /* @end */ /* @group Blue Background */ ul.blue-bg, ol.blue-bg { margin: .3em 0 0 0; border-top: 6px solid #1F9EC9; } ul.blue-bg li, ol.blue-bg li { border-bottom: 1px solid #FFF; background: #EDF8FC; padding: .8em .5em; margin: 0; } ul.blue-bg li:hover, ol.blue-bg li:hover { background: #FFF; } ul.blue-bg li .icon, ol.blue-bg li .icon { float: left; display: inline; } /* @end */ /* @group Blue Separator */ ul.blue-separator, ol.blue-separator, #aboutHood ul { margin: 0; padding: 0; } ul.blue-separator li, ol.blue-separator li { border-bottom: 1px solid #C0E9F5; padding: .7em 0; margin: 0; } ul.blue-separator li:hover, ol.blue-separator li:hover { background: #EDF8FC; } ul.blue-separator li .icon, ol.blue-separator li .icon { float: left; display: inline; } /* @end */ /* @group Spacer */ ul.spacer li, ol.spacer li { padding: .2em 0; } /* @end */ /* @end */ #homeMain ul.blue-separator li, #homeMain ol.blue-separator li { border-bottom: 1px solid #EEE; } #homeMain ul.blue-separator li .icon, #homeMain ol.blue-separator li .icon { margin-top: -2px; } #homeLocations .navList { float: left; width: 33%; } #aboutHood ul.photos li { float: left; padding: 4px 4px 0 4px; border: 2px solid #C0E9F5; margin: 3px 10px; background: #FFF; } #aboutHood ul.photos li:hover { border: 2px solid #1F9EC9; } /* @end */ /* @group Drupal ----------------------------------------------------------------------------------- */ /* @group Collapsing Fieldsets */ html.js fieldset.collapsed { border-bottom-width: 0; border-left-width: 0; border-right-width: 0; margin-bottom: 0; height: 1em; } html.js fieldset.collapsed * { display: none; } html.js fieldset.collapsed legend { display: block; } html.js fieldset.collapsible legend a { padding-left: 15px; background: url("../../misc/menu-expanded.png") 5px 75% no-repeat; } html.js fieldset.collapsed legend a { background-image: url("../../misc/menu-collapsed.png"); background-position: 5px 50%; } /* Note: IE-only fix due to * html (breaks Konqueror otherwise). */ * html.js fieldset.collapsed legend, * html.js fieldset.collapsed legend *, * html.js fieldset.collapsed table * { display: inline; } html.js fieldset.collapsible legend a { display: block; } /* Avoid jumping around due to margins collapsing into collapsible fieldset border */ html.js fieldset.collapsible .fieldset-wrapper { overflow: auto; } /* @end */ /* @group Suggestion List */ #autocomplete { position: absolute; border: 1px solid; overflow: hidden; z-index: 100; } #autocomplete ul { margin: 0; padding: 0; list-style: none; } #autocomplete li { background: #fff; color: #000; white-space: pre; cursor: default; } #autocomplete li.selected { background: #0072b9; color: #fff; } /* @end */ /* @group Resizable Text Area */ .resizable-textarea { width: 95%; } .resizable-textarea .grippie { height: 9px; overflow: hidden; background: #eee url("../../misc/grippie.png") no-repeat center 2px; border: 1px solid #ddd; border-top-width: 0; cursor: s-resize; } html.js .resizable-textarea textarea { margin-bottom: 0; width: 100%; display: block; } /* @end */ #blocks { border: 1px solid #CCC; } #blocks thead { display: none; } #blocks td { border-bottom: 1px solid #CCC; } #blocks tr:hover { background: #FFF1D1; } #blocks .region { font-weight: bold; border-bottom: 2px solid #CCC; text-transform: uppercase; text-align: center; } #blocks .odd { background: #eaeaea; } /* @end */