@import "reset.css"; @import "clearfix.css"; @import "classes.css"; @import "datepicker.css"; @import "forms.css"; body{ font-size: 62.5%; font-family: Georgia, Times, Serif; color: #333333; background: #e6e1d1 url(/media/img/bg/body.jpg) repeat center -150px; padding: 25px 0 50px; } #site-980{ width: 980px; margin: 0 auto; background: #ffffff url(/media/img/bg/content-tile.jpg) repeat-y left top; } a{ color: #2299bb; text-decoration: none; } a:hover{ color: #2299bb; text-decoration: underline; } h3{ color: #00405e; font-weight: normal; font-size: 18px; line-height: 30px; margin: 0 0 30px; } h4{ color: #2299bb; font-size: 14px; margin: 0; text-transform: uppercase; font-weight: normal; } h5{ color: #2299bb; font-size: 14px; line-height: 2; margin: 0 0 14px; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #c5c5c5; } iframe{ overflow: auto; } .right{ float: right; } .left{ float: left; } .hidden{ display: none; } .clear{ clear: both; } .margin-left{ margin-left: 20px; } .margin-right{ margin-right: 150px; } .button-holder{ margin: 22px 0 0 0; } .button-link{ border: 1px solid #ddd; background-color: #333; font-size: 14px; color: #FFF; padding: 4px 10px; font-weight: bold; display: inline-block; } .button-link:hover{ background-color: #666; } p#add-rss{ float: left; margin: 0; } p#adjust-font{ font-size: 10px; line-height: 1; color: #616161; float: right; font-family: Verdana, Arial, Sans-serif; margin: 0; } p#adjust-font a{ width: 27px; height: 17px; vertical-align: middle; } .content .fineprint{ font-size: 10px; line-height: 12px; color: #777; font-family: verdana, arial, sans-serif; margin: 10px 0 0; } a.save{ padding-left: 18px; background: url(/media/img/misc/save.gif) no-repeat left center; } a.print{ padding-left: 18px; background: url(/media/img/misc/print.gif) no-repeat left center; } a.backsearch{ padding-left: 18px; background: url(/media/img/misc/backsearch.gif) no-repeat left center; } a.email{ padding-left: 18px; background: url(/media/img/misc/email.gif) no-repeat left center; } .openhouse{ width: 273px; height: 36px; display: block; font-size: 14px; line-height: 1; color: #4a4a4a; text-decoration: none; background: url(/media/img/bg/property-manager/open-house-sticky.gif) no-repeat left top; font-family: verdana, arial, sans-serif; } .openhouse span{ display: block; padding: 10px 0 0 32px; } #masthead{ width: 980px; height: 139px; background: url(/media/img/bg/masthead.jpg) no-repeat left top; } #masthead h1{ float: left; text-indent: -9999px; overflow: hidden; } #masthead h1 a{ width: 490px; height: 88px; display: block; background: url(/media/img/bg/logo.jpg) no-repeat left top; } #masthead #aux-tabs{ float: right; width: 486px; height: 88px; background: url(/media/img/bg/aux-nav-bg.jpg) no-repeat left top; } #masthead #aux-tabs div.ui-tabs-panel{ height: 51px; } #masthead #aux-tabs div.ui-tabs-panel .inner{ margin: 0 41px 0 12px; height: 21px; width: 433px; background: url(/media/img/bg/aux-nav-inner.jpg) no-repeat left top; position: relative; top: 22px; } #masthead #aux-tabs div.ui-tabs-panel .inner img{ vertical-align: top; } #masthead #aux-tabs div.ui-tabs-panel strong{ font: bold 11px/1 Verdana, arial, tahoma; color: #5a5a57; text-transform: uppercase; margin: 0 8px; } #masthead #aux-tabs div.ui-tabs-panel span{ font-size: 12px; color: #343434; text-transform: uppercase; margin: 0 0 0 0; } #masthead #aux-tabs div.ui-tabs-panel .btn{ float: right; margin: 2px 2px 0 0; } #masthead #aux-tabs div.ui-tabs-panel .more{ height: 17px; width: 52px; display: block; background: url(/media/img/btn/more.gif) no-repeat left top; text-indent: -9999px; overflow: hidden; } #masthead #aux-tabs div.ui-tabs-panel .more:hover{ background-position: left bottom; } #masthead #aux-tabs div.ui-tabs-panel form{ font-size: 9px; } #masthead #aux-tabs div.ui-tabs-panel input.text{ background: #fff; border: 1px solid #ccc; padding: 1px; margin-top: 2px; color: #555555; } #masthead #aux-tabs div.ui-tabs-panel select{ margin: 0 8px 0 0; color: #555555; } #masthead #aux-tabs .nav{ height: 20px; float: right; display: inline; margin: 0 25px 0 0; padding: 0; } #masthead #aux-tabs .nav li{ float: left; text-indent: -9999px; overflow: hidden; } #masthead #aux-tabs .nav li a{ height: 20px; display: block; background: url(/media/img/bg/aux_nav.png) no-repeat left top; } #masthead #aux-tabs .nav li.weather a{ width: 88px; background-position: -2px 0; } #masthead #aux-tabs .nav li.newsletter a{ width: 107px; background-position: -90px 0; } #masthead #aux-tabs .nav li.search a{ width: 83px; background-position: -197px 0; } #masthead #aux-tabs .nav li.weather a:hover{ background-position: -2px -20px; } #masthead #aux-tabs .nav li.ui-tabs-selected.weather a{ background-position: -2px -40px; } #masthead #aux-tabs .nav li.newsletter a:hover{ background-position: -90px -20px; } #masthead #aux-tabs .nav li.ui-tabs-selected.newsletter a{ background-position: -90px -40px; } #masthead #aux-tabs .nav li.search a:hover{ background-position: -197px -20px; } #masthead #aux-tabs .nav li.ui-tabs-selected.search a{ background-position: -197px -40px; } #masthead #aux-tabs .nav li.login a{ width: 74px; background-position: -280px 0; } #masthead #aux-tabs .nav li.login a:hover{ background-position: -280px -20px; } #masthead #aux-tabs .nav li.ui-tabs-selected.login a{ background-position: -280px -40px; } #masthead #aux-tabs .nav li.logout a{ width: 85px; background-position: -356px 0; } #masthead #aux-tabs .nav li.logout a:hover{ background-position: -356px -20px; } #masthead #main-nav{ width: 980px; height: 51px; position: relative; top: 0; left: 0; margin: 0; padding: 0; clear: both; } #masthead #main-nav li{ float: left; text-indent: -9999px; overflow: hidden; } #masthead #main-nav li a{ height: 51px; position: absolute; display: block; background: url(/media/img/bg/main-nav.jpg) no-repeat left top; } #masthead #main-nav li.visitors a{ width: 180px; background-position: 0 0; top: 0; left: 0; } #masthead #main-nav li.real-estate a{ width: 140px; background-position: -180px 0; top: 0; left: 180px; } #masthead #main-nav li.my-bonita a{ width: 141px; background-position: -320px 0; top: 0; left: 320px; } #masthead #main-nav li.news-events a{ width: 118px; background-position: -461px 0; top: 0; left: 461px; } #masthead #main-nav li.about-the-area a{ width: 151px; background-position: -579px 0; top: 0; left: 579px; } #masthead #main-nav li.for-partners a{ width: 250px; height: 23px; background-position: -730px 0; top: 0; left: 730px; } #masthead #main-nav li.about-us a{ width: 250px; height: 28px; background-position: -730px -23px; top: 23px; left: 730px; } #masthead #main-nav li.visitors a:hover{ background-position: 0 -51px; } #masthead #main-nav li.real-estate a:hover{ background-position: -180px -51px; } #masthead #main-nav li.my-bonita a:hover{ background-position: -320px -51px; } #masthead #main-nav li.news-events a:hover{ background-position: -461px -51px; } #masthead #main-nav li.about-the-area a:hover{ background-position: -579px -51px; } #masthead #main-nav li.for-partners a:hover{ height: 23px; background-position: -730px -51px; } #masthead #main-nav li.about-us a:hover{ background-position: -730px -74px; } #belly{ background: url(/media/img/bg/belly.jpg) no-repeat left top; } /* MAIN TEMPLATE GLOBAL STYLES */ .leftcol{ background: url(/media/img/bg/leftcol-subnav.jpg) no-repeat left top; } .template-main .leftcol{ width: 249px; float: left; padding-top: 13px; } .template-main .leftcol .bottom{ background: url(/media/img/bg/leftcol-bottom.jpg) no-repeat left top; } .template-main .maincol{ width: 730px; border-left: 1px solid #c5c5c1; float: right; background: url(/media/img/bg/maincol-main.jpg) no-repeat left top; padding-top: 13px; } .template-main .maincol .inner{ padding-left: 12px; } .template-main .maincol .inner .overview{ background: url(/media/img/bg/shadow-overview.jpg) no-repeat right top; padding-right: 10px; margin-top: 16px; } .template-main .maincol .inner .overview p{ background: #fff; color: #00405e; font-size: 1.4em; line-height: 1.5em; padding: 20px; } .template-main .maincol .inner .overview p .dropcap{ font-size: 100px; line-height: 80px; float:left; margin-right: 5px; } .template-main .featured-section{ padding: 10px 0 5px; border-bottom: 1px solid #c6c3be; clear: both; margin-right: 10px; } .template-main .featured-section img{ float: right; } .template-main .featured-section h2{ color: #973717; font-size: 24px; margin-bottom: 6px; font-weight: normal; } .template-main .featured-section p{ font-size: 1.3em; line-height: 1.6em; margin-bottom: 0; } .template-main .maincol .content{ float: left; width: 466px; } .template-main .maincol .content-right{ float: right; width: 251px; overflow: hidden; } .template-main .maincol .content .button-icons{ clear: both; margin: 15px 10px 15px 0; } /* ############# */ /* SECONDARY TEMPLATE GLOBAL STYLES */ .template-secondary .leftcol{ width: 249px; float: left; padding-top: 13px; } .template-secondary .maincol{ width: 730px; border-left: 1px solid #c5c5c1; float: right; padding-top: 13px; margin-bottom: 35px; } .template-secondary .maincol .inner{ padding-left: 12px; } .template-secondary .maincol .content{ padding: 12px 24px 0 0; } .template-secondary .maincol .content h2{ color: #2299bb; font-weight: normal; font-size: 36px; line-height: 1; margin: 15px 0 10px; } .template-secondary .maincol .content h2.dotted{ padding-bottom: 16px; margin-bottom: 16px; background: transparent url(/media/img/misc/dotted-border-730.gif) no-repeat scroll left bottom; } .content p{ color: #00405e; font-size: 1.4em; line-height: 1.5em; margin: 0 0 1.5em; } .content ul{ color: #00405e; font-size: 1.4em; line-height: 1.5em; margin: 0 0 1.5em; padding: 0 0 0 20px; list-style-type: disc; } .template-secondary .maincol .content .section-feature{ float: left; width: 230px; } .template-secondary .maincol .content .section-feature p{ font-size: 1.2em; line-height: 1.25em; color: #333333; padding: 0; background: url(/media/img/bg/section-features/line.jpg) no-repeat left bottom; } .template-secondary .maincol .content .section-feature p em{ width: 98%; } .template-secondary .maincol .content .section-feature p a{ color: #333; padding: 230px 20px 20px; display: block; } .template-secondary .maincol .content #section-feature-accommodations{ background: url(/media/img/bg/section-features/accommodations.jpg) no-repeat left top; } .template-secondary .maincol .content #section-feature-beaches{ background: url(/media/img/bg/section-features/beaches.jpg) no-repeat left top; } .template-secondary .maincol .content #section-feature-dining{ background: url(/media/img/bg/section-features/dining.jpg) no-repeat left top; } .template-secondary .maincol .content #section-feature-fishing{ background: url(/media/img/bg/section-features/fishing.jpg) no-repeat left top; } .template-secondary .maincol .content #section-feature-golf{ background: url(/media/img/bg/section-features/golf.jpg) no-repeat left top; } .template-secondary .maincol .content #section-feature-shopping{ background: url(/media/img/bg/section-features/shopping.jpg) no-repeat left top; } .template-secondary .maincol .content #section-feature-residential-search{ background: url(/media/img/bg/section-features/residential-search.jpg) no-repeat left top; } .template-secondary .maincol .content #section-feature-commercial-search{ background: url(/media/img/bg/section-features/commercial-search.jpg) no-repeat left top; } .template-secondary .maincol .content #section-feature-vacation-rentals{ background: url(/media/img/bg/section-features/vacation-rentals.jpg) no-repeat left top; } .template-secondary .maincol .content #section-feature-new-listings{ background: url(/media/img/bg/section-features/new-listings.jpg) no-repeat left top; } .template-secondary .maincol .content #section-feature-open-houses{ background: url(/media/img/bg/section-features/open-houses.jpg) no-repeat left top; } .template-secondary .maincol .content #section-feature-agents{ background: url(/media/img/bg/section-features/agents.jpg) no-repeat left top; } .template-secondary .maincol .content #section-feature-events-calendar{ background: url(/media/img/bg/section-features/events-calendar.jpg) no-repeat left top; } .template-secondary .maincol .content #section-feature-local-news{ background: url(/media/img/bg/section-features/local-news.jpg) no-repeat left top; } .template-secondary .maincol .content #section-feature-press-releases{ background: url(/media/img/bg/section-features/press-releases.jpg) no-repeat left top; } .template-secondary .maincol .content #section-feature-special-offers{ background: url(/media/img/bg/section-features/special-offers.jpg) no-repeat left top; } .template-secondary .maincol .content #section-feature-local-weather{ background: url(/media/img/bg/section-features/local-weather.jpg) no-repeat left top; } /* ############# */ #sub-nav{ width: 235px; background: #d05d22 url(/media/img/bg/sub-nav.jpg) no-repeat left top; padding: 10px 0; margin: 0; } #sub-nav li{ padding: 5px 0; font-size: 15px; line-height: 1; border-bottom: 1px solid #fff; margin: 0 23px; color: #FFF; } #sub-nav li.last{ border-bottom: none; } #sub-nav li a{ color: #fff; } #sub-nav li.selected a{ color: #fff; text-transform: uppercase; font-size: 13px; color: #99ffff; font-weight: bold; } #sub-nav li span{ font-size: 11px; } .leftcol .bottom{ width: 249px; overflow: hidden; padding-top: 13px; } #cta{ width: 718px; height: 309px; background: url(/media/img/bg/cta.jpg) no-repeat right top; } #cta .ticket-overlay{ position: absolute; width: 251px; height: 53px; z-index: 900; background: url(/media/img/bg/or/top.png) no-repeat left top; bottom: 0; right: 0; } #cta .spinner{ width: 718px; height: 309px; position: relative; overflow: hidden; } #cta .spinner .inner{ padding: 0; } #cta .spinner div div div{ position: absolute; bottom: 35px; left: 0; padding: 15px; width: 692px; background: url(/media/img/bg/cta-spinner-bar.png) no-repeat left center; z-index: 3; } #cta .spinner div div div p.headline{ color: #fff; font-size: 22px; line-height: 1; margin-bottom: 3px; text-transform: uppercase; } #cta .spinner div div div p.subline{ color: #fff; font-size: 16px; line-height: 19px; width: 80%; } .template-secondary #cta{ width: 718px; height: 309px; background: url(/media/img/bg/cta.jpg) no-repeat right top; } #cta .spinner img{ height: 309px; } .template-secondary #cta .spinner .inner{ padding: 0; } .template-secondary #cta .spinner div div div{ position: absolute; bottom: 0; padding: 8px 15px; width: 692px; background: url(/media/img/bg/cta-spinner-bar.png) no-repeat left center; } .template-secondary #cta .spinner div div div p.subline{ color: #fff; font-size: 1.2em; line-height: 1; } .calendar-sm{ width: 220px; height: 230px; margin: 0 0 11px 23px; background: url(/media/img/bg/calendar-sm.gif) no-repeat left top; } .calendar-sm table#event-calendar{ margin: 11px 25px 20px 11px; width: 184px; } .calendar-sm .details{ height: 70px; position: relative; } .calendar-sm .day{ color: #830e5c; font-size: 48px; line-height: 80px; margin: 0 0 0; position: absolute; top: 0; left: 15px; overflow: visible; } .calendar-sm .day span{ overflow: visible; } .calendar-sm .controls{ position: absolute; right: 26px; top: 12px; } .calendar-sm .month{ clear: both; color: #585858; font-size: 20px; font-weight: bold; line-height: 1; font-variant: small-caps; float: right; } .calendar-sm a.prev{ text-indent: -9999px; width: 21px; height: 16px; display: block; background: url(/media/img/btn/cal-prev.gif) no-repeat left top; float: right; } .calendar-sm a.next{ text-indent: -9999px; width: 21px; height: 16px; display: block; background: url(/media/img/btn/cal-next.gif) no-repeat left top; float: right; } .calendar-sm table tr.weeks table th{ padding: 4px 0; text-align: center; } .calendar-sm table tr.weeks table td{ color: #004466; border-top: 1px solid #bebebe; font-family: verdana; font-size: 12px; line-height: 1; padding: 4px 0; text-align: center; } .calendar-sm table tr.weeks table td.ntm{ color: #777; } #upcoming-events{ width: 220px; margin: 0 0 0 23px; padding: 0 0 15px 0; background: url(/media/img/bg/main/upcoming-events.jpg) no-repeat left 97px; } #upcoming-events h3{ width: 220px; height: 97px; text-indent: -9999px; background: url(/media/img/h/main/upcoming-events.jpg) no-repeat left top; } #upcoming-events p{ font-size: 12px; line-height: 1; font-weight: bold; font-family: verdana; text-align: left; padding: 0 0 12px 0; margin: 0 22px 12px 15px; background: url(/media/img/bg/main/upcoming-events-line.gif) no-repeat left bottom; } #upcoming-events p a{ color: #fff; } #upcoming-events p a:hover{ color: #aaffff; text-decoration: none; } #upcoming-events p.options{ font-size: 11px; font-weight: normal; color: #fff; margin: 0 0 0 15px; padding: 0; background: none; } #upcoming-events .adspace{ width: 182px; margin: 0 0 12px 14px; padding: 10px 0 0; background: #fff; text-align: center; } #upcoming-events .adspace img{ margin: 0 auto 10px; } #upcoming-events .adspace p{ padding: 0; margin: 0; background: none; } #upcoming-events .adspace p a{ color: #404040; padding: 14px; display: block; background: url(/media/img/bg/main/upcoming-events-text.jpg) no-repeat left top; } #upcoming-events .adspace p a:hover{ color: #000; text-decoration: none; } #poll-question{ background: url(/media/img/bg/pq/body.jpg) no-repeat left bottom; margin-top: 15px; height: 1%; } #poll-question .tile-bottom{ background: url(/media/img/bg/pq/top.jpg) no-repeat left top; } #poll-question h3{ text-indent: -9999px; overflow: hidden; height: 64px; background: url(/media/img/bg/pq/poll-question.jpg) no-repeat left top; } #poll-question .Q{ margin: 5px 40px 5px 20px; background: url(/media/img/bg/pq/q.jpg) no-repeat left top; width: 191px; } #poll-question .Q p{ padding: 13px; font-size: 18px; line-height: 22px; background: url(/media/img/bg/pq/q-btm.jpg) no-repeat left bottom; color: #fff; } #poll-question .Q p a{ color: #FD4; text-decoration: underline; } #poll-question form{ margin: 0 40px 0 20px; padding: 0 0 20px 0; } #poll-question form label{ margin-bottom: 4px; padding-bottom: 6px; background: url(/media/img/bg/pq/line.gif) no-repeat left bottom; display: block; color: #2d2d2c; text-transform: uppercase; font-size: 11px; font-weight: bold; line-height: 15px; } #poll-question form label span.wrap{ padding: 2px 4px; background: #cdcac4; display: block; } #pollArea .wrap a{ color: #616; text-decoration: underline; } #pollArea .wrap a:hover, #poll-question .Q p a:hover{ text-decoration: none; } #info-swivel{ clear: both; margin: 12px auto 0; padding: 12px 0; border-top: 1px solid #cccccc; width: 930px; } #info-swivel a.prev{ float: left; width: 32px; height: 129px; display: block; text-indent: -9999px; background: url(/media/img/bg/is/prev.gif) no-repeat left top; } #info-swivel a.next{ float: right; right: 0; top: 0; width: 32px; height: 129px; display: block; text-indent: -9999px; background: url(/media/img/bg/is/next.gif) no-repeat left top; } #info-swivel .inner{ background: #fff; width: 930px; height: 129px; display: block; } #info-swivel .spinner{ float: left; padding-top: 12px; } #info-swivel .spinner .inner{ width: 866px; height: 105px; background: transparent; } #info-swivel .spinner .inner div{ width: 866px; height: 105px; } #info-swivel .spinner .inner div img{ display: inline; float: left; margin-right: 20px; } #info-swivel .spinner .inner div p{ font-family: verdana; font-size: 1.1em; line-height: 1.54em; } #info-swivel .spinner .inner div p a strong{ font-size: 14px; font-weight: bold; text-transform: uppercase; } #info-swivel .spinner .inner div p a em{ color: #cc6644; } #info-swivel .spinner .inner div p a{ color: #666; width: 393px; height: 105px; display: block; } #info-swivel .spinner .inner div p a:hover{ text-decoration: none; } #info-swivel .spinner .inner .left{ width: 393px; float: left; margin-left: 20px; display: inline; } #info-swivel .spinner .inner .right{ width: 393px; float: right; margin-right: 20px; display: inline; } #online-reservations{ width: 251px; padding-bottom: 15px; background: url(/media/img/bg/or/bottom.jpg) no-repeat left bottom; } #online-reservations form{ width: 183px; } #online-reservations form table{ width: 100%; margin: 12px 0; } #online-reservations form table table{ width: 100%; margin: 0; } #online-reservations form table td.pad{ padding: 1px 0; } #online-reservations .travelocity{ width: 108px; height: 48px; display: block; background: url(/media/img/bg/or/travelocity.jpg) no-repeat left top; text-indent: -9999px; } #online-reservations h3{ width: 251px; height: 64px; margin: 0; text-indent: -9999px; background: url(/media/img/bg/or/online-reservations.jpg) no-repeat left top; } #online-reservations .ticket{ padding: 0 0 0 28px; background: url(/media/img/bg/or/ticket.jpg) no-repeat left top; position: relative; } #online-reservations .nav{ width: 183px; height: 67px; } #online-reservations .nav li{ text-indent: -9999px; float: left; overflow: hidden; } #online-reservations .nav li a{ height: 67px; display: block; background-repeat: no-repeat; background-position: left top; } #online-reservations .nav li a:hover, #online-reservations .nav li.ui-tabs-selected a{ background-position: right bottom; } #online-reservations .nav li.hotel a{ width: 43px; background-image: url(/media/img/bg/or/nav1.gif); } #online-reservations .nav li.flight a{ width: 45px; background-image: url(/media/img/bg/or/nav2.gif); } #online-reservations .nav li.car a{ width: 46px; background-image: url(/media/img/bg/or/nav3.gif); } #online-reservations .nav li.package a{ width: 49px; background-image: url(/media/img/bg/or/nav4.gif); } #online-reservations div.clearfix{ padding: 11px 0 8px; background: url(/media/img/bg/or/line.gif) no-repeat left top; } #online-reservations .panel{ display: none; } #online-reservations #round-trip{ display: block; } .leftcol #online-reservations{ width: 249px; padding-bottom: 15px; margin-top: 10px; background: url(/media/img/bg/or/left/bottom.jpg) no-repeat left bottom; } .leftcol #online-reservations .travelocity{ width: 108px; height: 48px; display: block; background: url(/media/img/bg/or/travelocity.jpg) no-repeat left top; text-indent: -9999px; } .leftcol #online-reservations h3{ width: 249px; height: 117px; text-indent: -9999px; background: url(/media/img/bg/or/left/online-reservations.jpg) no-repeat left top; } .leftcol #online-reservations .ticket{ padding: 0 0 0 40px; background: url(/media/img/bg/or/left/ticket.jpg) no-repeat left top; position: relative; } /* .leftcol #online-reservations .ticket{ padding: 0 0 0 40px; height: 281px; background: url(/media/img/bg/or/left/ticket-cs.jpg) no-repeat left top; position: relative; } */ .leftcol #online-reservations .nav{ width: 183px; height: 67px; } .leftcol #online-reservations .nav li{ text-indent: -9999px; float: left; overflow: hidden; } .leftcol #online-reservations .nav li a{ height: 67px; display: block; background-repeat: no-repeat; background-position: left top; } .leftcol #online-reservations .nav li a:hover, .leftcol #online-reservations .nav li.ui-tabs-selected a{ background-position: right bottom; } .leftcol #online-reservations .nav li.hotel a{ width: 43px; background-image: url(/media/img/bg/or/nav1.gif); } .leftcol #online-reservations .nav li.flight a{ width: 45px; background-image: url(/media/img/bg/or/nav2.gif); } .leftcol #online-reservations .nav li.car a{ width: 46px; background-image: url(/media/img/bg/or/nav3.gif); } .leftcol #online-reservations .nav li.package a{ width: 49px; background-image: url(/media/img/bg/or/nav4.gif); } .leftcol #online-reservations div.clearfix{ padding: 11px 0 8px; background: url(/media/img/bg/or/line.gif) no-repeat left top; } #online-reservations form{ font-family: verdana, arial, sans-serif; height: 1%; } #online-reservations form label{ font-size: 11px; color: #000; line-height: 16px; } #online-reservations form .left{ float: left; margin-right: 10px; } #online-reservations form .right{ float: right; margin-left: 10px; } #online-reservations form input.text{ padding: 3px 1px; background: #fff; border: none; font-size: 11px; color: #373737; width: 95%; } #online-reservations form input.date{ padding: 3px 1px; background: #fff; border: none; font-size: 11px; color: #373737; width: 56px; } /* #online-reservations form#reserve-hotel input.city{ float: left; width: 105px; margin-right: 6px; } #online-reservations form#reserve-flight input.aircodes{ float: left; width: 75px; margin-right: 2px; } */ #footer{ height: 220px; padding-top: 16px; background: url(/media/img/bg/footer.jpg) no-repeat left top; } #footer .featured-partner{ width: 300px; height: 169px; background: url(/media/img/adspace/featured-partner/bg.jpg) no-repeat left top; float: left; } #footer .featured-partner a{ display: block; margin-right: 15px; text-align: center; padding-top: 50px; } #footer .featured-partner a img{ height: 90px; display: block; margin: 0 auto; } #footer p{ color: #fff; font-family: verdana, arial, sans-serif; } #footer p a{ color: #fff; } #footer p a:hover{ color: #aaffff; } #footer .top{ height: 169px; width: 932px; margin: 0 auto; background: url(/media/img/bg/footer-top.jpg) no-repeat left top; } #footer .top p{ color: #fff; font-size: 12px; line-height: 16px; float: left; margin: 50px 10px 0 0; padding: 0 20px 0 0; } #footer .top p a{ color: #fff; } #footer .top p.nav1{ width: 140px; } #footer .top p.nav2{ width: 170px; border-right: 1px solid #fff; } #footer .top p.nav3{ width: 100px; border-right: 1px solid #fff; font-size: 11px; line-height: 24px; } #footer .top p.nav4{ width: 100px; font-size: 10px; line-height: 14px; margin-right: 0; } #footer .bottom{ height: 26px; width: 932px; margin: 0 auto; background: url(/media/img/bg/footer-bottom.jpg) no-repeat left top; } #footer .bottom p{ font-size: 10px; line-height: 1; text-align: center; padding: 6px 0 0; } span.radio { width: 16px; height: 16px; padding: 0 0 0 0; background: url(/media/img/bg/pq/radios.gif) no-repeat; display: block; float: left; clear: left; } span.select { width: 157px; height: 27px; padding: 5px 0 0 13px; color: #fff; background: url(/media/img/listing/bg/form/select-box.png) no-repeat; display: block; position: absolute; } #partner-head{ padding: 12px 24px 12px 0; margin: 0 0 24px 0; background: url(/media/img/misc/dotted-border-730.gif) no-repeat left bottom; } #partner-head .button-icons{ float: right; width: 300px; } #partner-information .description-col{ float: left; display: inline; width: 466px; margin: 0 0 0 0; } #partner-information .description-col h2{ color: #2299bb; font-weight: normal; font-size: 36px; line-height: 1; margin: 0 0 18px; } #partner-information .description-col img.leftImage{ float: left; margin: 0 24px 12px 0; } #partner-information .description-col h3{ font-size: 16px; line-height: 22px; color: #00405e; margin: 0 0 0; } #partner-information .description-col p, #partner-information .description-col ul, #partner-information .description-col ol{ font-size: 16px; line-height: 22px; color: #00405e; margin: 0 0 22px; } #partner-information .description-col ul{ padding: 0 0 0 22px; list-style: outside disc; } #partner-information .description-col ol{ padding: 0 0 0 22px; list-style: outside decimal; } .partner-photos .frame{ width: 110px; height: 110px; background: url(/media/img/partner/photos/thumbs-frame.jpg) no-repeat left top; float: left; text-align: center; } .partner-photos .vert img{ margin-top: 16px; } .partner-photos .horiz img{ margin-top: 26px; } #partner-information .info-col{ float: left; display: inline; width: 216px; margin: 0 0 0 7px; background: url(/media/img/bg/partner/info-col-tile.jpg) repeat-y left top; } #partner-information .info-col h3{ height: 28px; text-indent: -9999px; overflow: hidden; background: url(/media/img/bg/partner/tools-quick-info.jpg) no-repeat left top; margin: 0 0 12px 0; } #partner-information .info-col .inner{ padding: 0 0 40px 20px; background: url(/media/img/bg/partner/info-col-bottom.jpg) no-repeat left bottom; } #partner-information .info-col ul.nav{ margin: 0 0 12px; } #partner-information .info-col ul.nav li a{ height: 33px; width: 183px; background: url(/media/img/bg/partner/info-col-btn.jpg) no-repeat left top; display: block; color: #fff; text-transform: uppercase; font-size: 11px; line-height: 1; } #partner-information .info-col ul.nav li.stay a{ background-image: url(/media/img/bg/partner/info-col-btn-orange.png); } #partner-information .info-col ul.nav li a span{ display: block; padding: 8px 0 0 28px; } #partner-information .info-col p.info{ padding: 10px 0; border-bottom: 1px solid #b4b1ac; font-size: 12px; line-height: 16px; margin: 0 18px 0 0; color: #444; clear: both; } #partner-information .info-col p.info strong{ font-size: 13px; line-height: 15px; color: #117799; text-transform: uppercase; font-weight: normal; } #partner-information .info-col .offers-link{ margin-top: 12px; display: block; } p.section{ color: #2299bb; font-size: 1.4em; margin: 0; text-transform: uppercase; padding: 0 0 15px; background: url(/media/img/misc/dotted-border-730.gif) no-repeat left bottom; } div.section{ line-height: 5px; background: url(/media/img/misc/dotted-border-730.gif) no-repeat left top; } div.section.top{ padding-bottom: 15px; } div.section.bottom{ background-position: left bottom; padding-top: 15px; } form.sectionForm label{ font: normal 14px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; color: #29b; } .sectionBtn{ margin-left: 10px; vertical-align: text-bottom; } .search form{ font-family: verdana, arial, sans-serif; } .search input.text{ font-size: 11px; font-weight: bold; line-height: 1; color: #666; } .search div.cell{ float: left; } .search label{ font-size: 9px; text-transform: uppercase; color: #666666; font-weight: bold; } .search input.keywords, .search input.date{ background: url(/media/img/form/input-keywords.png) no-repeat left top; width: 174px; height: 25px; border: none; padding: 8px 16px 0 8px; } .search a.reset{ color: #bb5522; line-height: 18px; font-size: 12px; font-weight: normal; } .search input.submit{ float: right; display: inline; } /* Search Listing Styles ------------------------ */ .listing-head{ overflow: hidden; } .listing-head .listing-search{ float: right; width: 370px; height: 330px; background-repeat: no-repeat; background-position: top left; font-family: verdana, arial, sans-serif; } .listing-head .formWrap div.clearfix{ margin-bottom: 5px; } /* Dining Search Stlyes */ .listing-head .listing-search-dining{ background-image: url(/media/img/listing/bg/search-dining.jpg); } .listing-head .listing-search-dining .formWrap input.keywords{ margin: 98px 0 0 124px; } .listing-head .listing-search-dining .formWrap input.submit{ margin-right: 65px; } .listing-head .listing-search-dining .formWrap div.div-table{ margin-left: 124px; margin-bottom: 14px; } .listing-head .listing-search-dining .formWrap div.cell-1{ width: 40px; padding: 5px 0 0; } .listing-head .listing-search-dining .formWrap .reset{ margin-left: 145px; } /* Shopping Search Stlyes */ .listing-head .listing-search-shopping{ background-image: url(/media/img/listing/bg/search-shopping.jpg); } .listing-head .listing-search-shopping .formWrap input.keywords{ margin: 142px 0 0 90px; } .listing-head .listing-search-shopping .formWrap input.submit{ margin-right: 65px; } .listing-head .listing-search-shopping .formWrap div.div-table{ margin-left: 90px; margin-bottom: 14px; } .listing-head .listing-search-shopping .formWrap div.cell-1{ width: 40px; padding: 5px 0 0; } .listing-head .listing-search-shopping .formWrap .reset{ margin-left: 90px; color: #fff; } .listing-head .listing-search-shopping .formWrap label{ color: #fff; } /* Beach Search Stlyes */ .listing-head .listing-search-beach{ background-image: url(/media/img/listing/bg/search-beach.jpg); } .listing-head .listing-search-beach .formWrap input.keywords{ margin: 112px 0 0 130px; } .listing-head .listing-search-beach .formWrap input.submit{ margin-right: 65px; } .listing-head .listing-search-beach .formWrap div.div-table{ margin-left: 130px; margin-bottom: 14px; } .listing-head .listing-search-beach .formWrap div.cell-1{ width: 40px; padding: 5px 0 0; } .listing-head .listing-search-beach .formWrap .reset{ margin-left: 130px; color: #6d5f49; } .listing-head .listing-search-beach .formWrap label{ color: #6d5f49; } /* Accommodations Search Stlyes */ .listing-head .listing-search-accommodations{ background-image: url(/media/img/listing/bg/search-accommodations.jpg); } .listing-head .listing-search-accommodations .formWrap input.keywords{ margin: 110px 0 0 88px; } .listing-head .listing-search-accommodations .formWrap input.submit{ margin-right: 90px; } .listing-head .listing-search-accommodations .formWrap div.div-table{ margin-left: 92px; margin-bottom: 14px; } .listing-head .listing-search-accommodations .formWrap div.cell-1{ width: 40px; padding: 5px 0 0; } .listing-head .listing-search-accommodations .formWrap .reset{ margin-left: 92px; color: #5d72ab; } .listing-head .listing-search-accommodations .formWrap label{ color: #5d72ab; } /* Fishing Search Stlyes */ .listing-head .listing-search-fishing{ background-image: url(/media/img/listing/bg/search-fishing.jpg); } .listing-head .listing-search-fishing .formWrap input.keywords{ margin: 80px 0 0 140px; } .listing-head .listing-search-fishing .formWrap input.submit{ margin-right: 65px; } .listing-head .listing-search-fishing .formWrap div.div-table{ margin-left: 140px; margin-bottom: 14px; } .listing-head .listing-search-fishing .formWrap div.cell-1{ width: 40px; padding: 5px 0 0; } .listing-head .listing-search-fishing .formWrap .reset{ margin-left: 140px; color: #664c30; } .listing-head .listing-search-fishing .formWrap label{ color: #664c30; } /* Attractions Search Stlyes */ .listing-head .listing-search-attractions{ background-image: url(/media/img/listing/bg/search-attractions.jpg); } .listing-head .listing-search-attractions .formWrap input.keywords{ margin: 120px 0 0 86px; } .listing-head .listing-search-attractions .formWrap input.submit{ margin-right: 88px; } .listing-head .listing-search-attractions .formWrap div.div-table{ margin-left: 86px; margin-bottom: 14px; } .listing-head .listing-search-attractions .formWrap div.cell-1{ width: 40px; padding: 5px 0 0; } .listing-head .listing-search-attractions .formWrap .reset{ margin-left: 86px; color: #414141; } .listing-head .listing-search-attractions .formWrap label{ color: #414141; } /* Entertainment Search Stlyes */ .listing-head .listing-search-entertainment{ background-image: url(/media/img/listing/bg/search-entertainment.jpg); } .listing-head .listing-search-entertainment .formWrap input.keywords{ margin: 156px 0 0 90px; } .listing-head .listing-search-entertainment .formWrap input.submit{ margin-right: 89px; } .listing-head .listing-search-entertainment .formWrap div.div-table{ margin-left: 90px; margin-bottom: 11px; } .listing-head .listing-search-entertainment .formWrap div.cell-1{ width: 40px; padding: 5px 0 0; } .listing-head .listing-search-entertainment .formWrap .reset{ margin-left: 90px; color: #e9232d; } .listing-head .listing-search-entertainment .formWrap label{ color: #414141; } /* Services Search Stlyes */ .listing-head .listing-search-services{ background-image: url(/media/img/listing/bg/search-services.jpg); } .listing-head .listing-search-services .formWrap input.keywords{ margin: 100px 0 0 84px; } .listing-head .listing-search-services .formWrap input.submit{ margin-right: 96px; margin-top: 40px; } .listing-head .listing-search-services .formWrap div.div-table{ margin-left: 88px; margin-bottom: 14px; } .listing-head .listing-search-services .formWrap div.cell-1{ width: 40px; padding: 5px 0 0; } .listing-head .listing-search-services .formWrap .reset{ margin-left: 84px; color: #000; margin-top: 40px; } .listing-head .listing-search-services .formWrap label{ color: #545454; } /* Golf Search Stlyes */ .listing-head .listing-search-golf{ background-image: url(/media/img/listing/bg/search-golf.jpg); } .listing-head .listing-search-golf .formWrap input.keywords{ margin: 108px 0 0 135px; } .listing-head .listing-search-golf .formWrap input.submit{ margin-right: 65px; } .listing-head .listing-search-golf .formWrap div.div-table{ margin-left: 138px; margin-bottom: 14px; } .listing-head .listing-search-golf .formWrap div.cell-1{ width: 40px; padding: 5px 0 0; } .listing-head .listing-search-golf .formWrap .reset{ margin-left: 138px; } .listing-head .listing-search-golf .formWrap label{ color: #337955; } /* Events Search Stlyes */ .listing-head .listing-search-events{ background-image: url(/media/img/listing/bg/search-events.jpg); height: 384px; } .listing-head .listing-search-events .formWrap input.keywords{ margin: 145px 0 0 82px; width: 174px; background-image: url(/media/img/form/input-keywords.png); float: left; display: inline; } .listing-head .listing-search-events .formWrap input.keywords-date{ margin: 0 0 0 0; width: 85px; height: 25px; background-image: url(/media/img/form/input-keywords-short-date.png); float: left; } .listing-head .listing-search-events .formWrap img.ui-datepicker-trigger{ display: none; } .listing-head .listing-search-events .formWrap input.date1{ clear: both; float: left; margin-left: 82px; } .listing-head .listing-search-events .formWrap input.submit{ margin-right: 85px; } .listing-head .listing-search-events .formWrap div.div-table{ margin-left: 90px; margin-bottom: 14px; clear:both; } .listing-head .listing-search-events .formWrap div.cell-1{ width: 40px; padding: 5px 0 0; } .listing-head .listing-search-events .formWrap .reset{ margin-left: 90px; color: #3a332f; } .listing-head .listing-search-events .formWrap label{ color: #3a332f; } /* Agents Search Stlyes */ .listing-head .listing-search-agents{ background-image: url(/media/img/listing/bg/search-agents.jpg); height: 330px; } .listing-head .listing-search-agents .formWrap input.keywords{ margin: 155px 0 0 120px; width: 174px; background-image: url(/media/img/form/input-keywords.png); float: left; display: inline; } .listing-head .listing-search-agents .formWrap input.keywords-date{ margin: 0 0 0 0; width: 85px; height: 25px; background-image: url(/media/img/form/input-keywords-short-date.png); float: left; } .listing-head .listing-search-agents .formWrap img.ui-datepicker-trigger{ display: none; } .listing-head .listing-search-agents .formWrap input.date1{ clear: both; float: left; margin-left: 82px; } .listing-head .listing-search-agents .formWrap input.submit{ display: block; text-indent: -9999px; background-image: url(/media/img/listing/bg/btn-search.png); width: 73px; height: 25px; border: none; position: relative; top: 52px; right: 80px; } .listing-head .listing-search-agents .formWrap div.div-table{ margin-left: 90px; margin-bottom: 14px; clear:both; } .listing-head .listing-search-agents .formWrap div.cell-1{ width: 40px; padding: 5px 0 0; } .listing-head .listing-search-agents .formWrap .reset{ margin-left: 90px; color: #3a332f; position: relative; top: 51px; left: 55px; } .listing-head .listing-search-agents .formWrap label{ color: #3a332f; } .listing-head .listing-search-agents .formWrap div.clearfix { padding-left: 25px; } .search-events h4{ padding: 10px 0 5px; } .search-events form div.clearfix{ padding: 4px 0; } .search-events form div.div-table{ } .search-events form div.cell-1{ width: 40px; padding: 5px 0 0; } .search-events form div.cell-3, .search-events form div.cell-4{ width: 45%; line-height: 1.5; } .search-events input.datepicker{ padding: 4px 2px; border: none; width: 90%; } .search-events .submits{ padding: 4px 20px 4px 0; } .viewAllEvents{ text-indent: -9999px; overflow: hidden; height: 32px; width: 134px; display: block; background: url(/media/img/btn/view-all-events.jpg) no-repeat left top; } .viewAllEvents:hover{ background-position: left bottom; } table.master{ margin: 0 0 15px 0; font-family: verdana, arial, sans-serif; width: 100%; } table.master a{ color: #bb5522; } table.master td{ background: none; padding: 10px 0; border-bottom: 1px solid #cac7c2; font-size: 12px; } table.master td.ar{ text-align: right; } table.master table{ margin: 0 0 0 0; width: 100%; } table.master table td{ background: #fff; margin: 0; padding: 0; border-bottom: none; } table.details td.thumb{ width: 190px; vertical-align: middle; text-align: center; } table.details td.desc{ width: 330px; padding: 15px 0 15px 15px; vertical-align: top; text-align: left; } table.details td.info{ padding: 15px 0 15px 15px; vertical-align: top; text-align: left; } table.details td p{ margin: 0; font-size: 1.1em; line-height: 1.4545em; color: #626366; } table.details td p strong{ font-size: 1.4em; line-height: 1.25em; } table.details td.info p strong{ font-size: .9em; line-height: 1; text-transform: uppercase; } table.mybs th{ text-align: left; padding: 10px 0; border-bottom: 1px solid #cac7c2; } .search-parameters{ margin-top: 12px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #cac7c2; font-family: verdana, arial, sans-serif; } .pagination{ } .pagination p{ text-align: right; color: #626366; font-size: 11px; line-height: 2; margin: 0; } .pagination ul{ margin: 0; } .pagination ul li{ float: right; color: #aaaaaa; font-size: 11px; line-height: 1; margin-left: 2px; } .pagination ul li.next{ margin-left: 20px; } .pagination ul li.prev{ margin-right: 20px; } .pagination ul li.current{ font-weight: bold; padding: 3px 6px; color: #666666; } .pagination ul li.ellipse{ padding: 0 6px; color: #2299bb; } .pagination ul li a{ display: block; padding: 3px 6px; color: #2299bb; background: #fff; border: 1px solid #cccccc; } .search-parameters p.parameters{ font-size: 11px; line-height: 18px; color: #626366; margin: 0; } .search-parameters p.parameters a{ color: #2299bb; } .search-parameters a.backtotop{ padding-left: 20px; background: url(/media/img/bg/back-to-top.gif) no-repeat left top; font-size: 11px; color: #2299bb; } .search-parameters p.parameters strong{ font-size: 10px; text-transform: uppercase; } p.filter-by{ text-transform: uppercase; font-size: 10px; color: #626366; font-family: verdana, arial, sans-serif; padding: 0 0 15px; background: url(/media/img/misc/dotted-border-730.gif) no-repeat left bottom; line-height: 1; margin: 0; } p.filter-by a{ font-size: 11px; color: #2299bb; font-family: verdana, arial, sans-serif; margin-left: 4px; } table.listing-table{ margin: 12px 0 0; font-family: verdana, arial, sans-serif; width: 100%; } table.listing-table th{ text-align: left; font-size: 10px; color: #626366; text-transform: uppercase; padding: 0 0 8px; border-bottom: 1px solid #cccccc; cursor: pointer; text-decoration: underline; } table.listing-table th:hover{ color: #333; } table.listing-table td{ text-align: left; vertical-align: middle; font-size: 11px; line-height: 15px; padding: 8px 12px 8px 0; border-bottom: 1px solid #cccccc; } /* Globals ---------- */ table.listing-table td.details{ text-align: right; padding-right: 0; } /* Vendor Listings ------------------ */ table.listing-table th.name{ width: 200px; } table.listing-table th.type{ width: 140px; } table.listing-table th.city{ width: 110px; } table.listing-table th.phone{ width: 130px; } /* Event Listings ----------------- */ table.listing-table th.event{ width: 280px; } table.listing-table th.date{ width: 90px; } /* Discussion Listings ---------------------- */ table.listing-table td.topic{ width: 100px; font-size: 14px; color: #00405e; font-family: georgia, times, serif; } table.listing-table td a{ color: #BB5522; } .dining-partners{ margin-top: 20px; } .dining-partners{ padding: 12px 0; } .dining-partners table{ margin: 4px 0 0; width: 100%; background: #fff; } .dining-partners td{ padding: 12px; } .local-news-stories-wrap{ clear: both; margin: 40px 0 0; } .local-news-stories-wrap p.section{ margin: 0 0 20px; } p.news-story{ font-family: verdana, arial, sans-serif; font-size: 1.1em; line-height: 1.4545em; color: #626366; padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #c6c2bd; } p.news-story strong a{ font-size: 1.4em; line-height: 1.25em; } p.news-story a{ color: #bb5522; } #leftcol-search{ margin: 24px 0 24px 28px; } #recently-shared-wrap{ } #recently-shared-wrap .top{ background: url(/media/img/bg/recently-shared/top.jpg) no-repeat left top; } #recently-shared-wrap .top .inner{ width: 249px; height: 249px; } #recently-shared-wrap .top .inner .spinner{ margin: 0 0 0 50px; padding: 50px 0 0 0; } #recently-shared-wrap .top .inner .spinner .image-pane{ margin: 50px 0 0 0; } #recently-shared-wrap .top .inner .spinner a{ float: left; height: 76px; width: 76px; border: 3px solid transparent; margin: 0 6px 6px 0; } #recently-shared-wrap .top .inner .spinner a:hover{ border: 3px solid #fff; } #recently-shared-wrap .btm{ position: relative; height: 155px; background: url(/media/img/bg/recently-shared/btm.jpg) no-repeat left top; } #recently-shared-wrap .btm .nav{ margin: 0 0 6px 68px; } #recently-shared-wrap .btm .nav a.dot{ width: 11px; height: 11px; display: block; float: left; background: url(/media/img/misc/grey-dot.gif) no-repeat left top; } #recently-shared-wrap .btm .nav a.activeSlide{ background: url(/media/img/misc/purp-dot.gif) no-repeat left top; } #recently-shared-wrap .btm p{ color: #444444; font-size: 11px; line-height: 15px; margin: 0 30px 0 68px; font-family: verdana, arial, sans-serif; } #recently-shared-wrap .btm a.more{ position: absolute; bottom: 32px; left: 68px; height: 24px; width: 96px; display: block; background: url(/media/img/bg/recently-shared/more.gif) no-repeat left top; text-indent: -9999px; overflow: hidden; } #recently-shared-wrap .btm a.more:hover{ background-position: bottom left; } .content-is-property-search .property-search-wrap{ margin: 6px 0 0; padding: 20px; background: #fff; } .content-is-property-search .property-search-wrap h3{ color: #333; font-size: 24px; line-height: 1; margin: 0 0 18px; } .content-is-property-search .property-search-wrap p{ color: #333; font-size: 11px; line-height: 1; margin: 0; font-family: verdana, arial, sans-serif; } .content-is-property-search .property-search-wrap p.saved-searches{ float: right; } .content-is-property-search .property-search-wrap .search-col{ float: left; border: 1px solid #c0c0c0; width: 370px; background: #ececec url(/media/img/bg/property-manager/form-bg.gif) repeat-x left top; } .content-is-property-search .property-search-wrap .search-col .cushion{ padding: 12px; } .content-is-property-search .property-search-wrap .search-col table{ border-bottom: 1px dotted #aaaaaa; margin-bottom: 16px; width: 100%; } .content-is-property-search .property-search-wrap .search-col table table{ border-bottom: none; margin-bottom: 0; width: 100%; } .content-is-property-search .property-search-wrap .search-col table th{ padding: 4px; background: #919191; color: #fff; font-size: 16px; line-height: 1; text-align: left; font-weight: normal; } .content-is-property-search .property-search-wrap .search-col table td{ padding: 8px 0; vertical-align: middle; } .content-is-property-search .property-search-wrap .search-col label.master{ text-transform: uppercase; font-size: 11px; line-height: 1; margin-bottom: 4px; display: block; } .content-is-property-search .property-search-wrap .search-col label.sel{ font-size: 11px; line-height: 1; font-family: verdana, arial, sans-serif; } .content-is-property-search .property-search-wrap .search-col input.submit{ float: right; } .content-is-property-search .property-search-wrap .misc-col{ float: right; width: 260px; } .content-is-property-search .property-search-wrap .misc-col{ margin-top: 18px; } .content-is-property-search .property-search-wrap .misc-col #map{ margin-bottom: 18px; } .content-is-property-search .property-search-wrap .misc-col h3{ color: #333; font-size: 18px; line-height: 1; margin-bottom: 18px; } .content-is-property-search .property-search-wrap .misc-col p{ font-size: 11px; line-height: 16px; margin-bottom: 16px; } .content-is-property-search .property-search-wrap .misc-col p.signin{ padding-left: 72px; height: 40px; background: url(/media/img/bg/property-manager/my-home-search.gif) no-repeat left top; } .content-is-property-search .property-search-wrap .misc-col .my-home-search-wrap{ border-bottom: 1px dotted #aaaaaa; margin-bottom: 16px; } .content-is-property-results{ padding: 0 24px; } .content-is-property-results .property-results-wrap{ margin: 6px 0 0; padding: 16px; background: #fff; } .content-is-property-results .results-bar{ margin-bottom: 20px; } .content-is-property-results .results-bar .searched-info{ width: 550px; float: left; margin-right: 15px; } .content-is-property-results .results-bar .searched-info .expander{ background: #efefef url(/media/img/bg/property-manager/bg-gradient-24.gif) repeat-x left top; border: 1px solid #c0c0c0; margin-bottom: 3px; } .content-is-property-results .results-bar .searched-info .expander .pad{ padding: 4px 8px 4px 12px; } .content-is-property-results .results-bar .searched-info .expander h3{ font-size: 15px; color: #333; line-height: 1; margin: 0; } .content-is-property-results .results-bar .searched-info .expander p.expand{ margin: 0; float: right; font-family: verdana, arial, sans-serif; font-size: 11px; line-height: 1; } .content-is-property-results .results-bar .searched-info .expander p.expand a{ color: #333; padding-right: 20px; height: 17px; background: url(/media/img/misc/expand.gif) no-repeat right center; } .content-is-property-results .results-bar .searched-info .filter-results{ background: #eaeaea url(/media/img/bg/property-manager/bg-gradient-175.gif) repeat-x left top; border: 1px solid #c0c0c0; } .content-is-property-results .results-bar .searched-info .filter-results .pad{ padding: 12px; } .content-is-property-results .results-bar .searched-info .filter-results h3{ font-size: 15px; color: #333; line-height: 1; margin: 0; } .content-is-property-results .results-bar .searched-info .filter-results .save{ margin: 0 0 0 6px; font-family: verdana,arial,sans-serif; font-size: 11px; line-height: 1; height: 15px; color: #333; } .content-is-property-results .results-bar .searched-info .filter-results table{ margin: 8px 0; width: 100%; } .content-is-property-results .results-bar .searched-info .filter-results table table{ margin: 0; } .content-is-property-results .results-bar .searched-info .filter-results table td{ padding: 8px 0; vertical-align: middle; } .content-is-property-results .results-bar .searched-info .filter-results table td.table{ padding: 0; } .content-is-property-results .results-bar .searched-info .filter-results label.master{ text-transform: uppercase; font-size: 11px; line-height: 1; margin-bottom: 4px; display: block; } .content-is-property-results .results-bar .searched-info .filter-results label.sel{ font-size: 11px; line-height: 1; font-family: verdana, arial, sans-serif; } .content-is-property-results .results-bar .searched-info .filter-results input.submit{ float: right; } .content-is-property-results .results-bar .my-home-search-wrap{ float: left; margin-right: 15px; margin-top: 6px; } .content-is-property-results .results-bar .my-home-search-wrap h3, .content-is-property-results .results-bar .open-houses h3{ color: #333; font-size: 18px; line-height: 1; margin-bottom: 18px; } .content-is-property-results .results-bar .my-home-search-wrap p{ font-size: 11px; line-height: 16px; margin-bottom: 16px; font-family: verdana, arial, sans-serif; } .content-is-property-results .results-bar .my-home-search-wrap p.signin{ padding-left: 72px; height: 40px; background: url(/media/img/bg/property-manager/my-home-search.gif) no-repeat left top; } .content-is-property-results .results-bar .open-houses{ padding-left: 15px; border-left: 1px dotted #aaaaaa; float: left; margin-top: 6px; } #property-manager p, #property-manager h3{ color: #333; } #property-manager .quick-filter{ width: 900px; clear: both; } #property-manager .quick-filter .top{ height: 60px; background: url(/media/img/bg/property-manager/quick-filter-top.gif) no-repeat left top; } #property-manager .quick-filter .btm{ height: 60px; background: url(/media/img/bg/property-manager/quick-filter-btm.gif) no-repeat left top; } #property-manager .quick-filter .col{ float: left; } #property-manager .quick-filter .col p{ font-family: verdana, arial, sans-serif; color: #333; font-size: 14px; line-height: 1; } #property-manager.content-is-property-details .quick-filter p{ font-size: 12px; } .content-is-property-results .quick-filter .top .col1{ width: 180px; } .content-is-property-results .quick-filter .top .col1 p{ margin: 17px 0 0 17px; } .content-is-property-results .quick-filter .btm .col1{ width: 440px; } .content-is-property-results .quick-filter .btm .col1 p{ margin: 25px 0 0 17px; font-size: 11px; line-height: 1; } .content-is-property-results .quick-filter .btm .col1 p a{ padding-left: 20px; background: url(/media/img/misc/back-to-top.gif) no-repeat left center; } .content-is-property-results .quick-filter .col2{ width: 260px; } .content-is-property-results .quick-filter .col2 p{ margin: 17px 0 0 0; float: left; } .content-is-property-results .quick-filter .col2 a{ background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; margin: 10px 0 0 5px; float: left; width: 59px; height: 28px; display: block; cursor: pointer; } .content-is-property-results .quick-filter .col2 a.list{ background-image: url(/media/img/bg/property-manager/view-by-list.gif); } .content-is-property-results .quick-filter .col2 a.map{ background-image: url(/media/img/bg/property-manager/view-by-map.gif); } .content-is-property-results .quick-filter .col2 a:hover{ background-position: left -28px; } .content-is-property-results .quick-filter .col2 a.selected{ background-position: left -56px; } .content-is-property-results .quick-filter .col3{ width: 250px; } .content-is-property-results .quick-filter .col3 p{ float: left; } .content-is-property-results .quick-filter .top .col3 p{ margin: 17px 0 0 0; } .content-is-property-results .quick-filter .btm .col3 p{ margin: 21px 0 0 0; } .content-is-property-results .quick-filter .top .col3 select{ margin: 15px 0 0 5px; } .content-is-property-results .quick-filter .btm .col3 select{ margin: 19px 0 0 5px; } .content-is-property-results .quick-filter .col4{ float: right; padding-right: 17px; } .content-is-property-results .quick-filter .col4 a{ background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; float: left; width: 33px; height: 33px; display: block; cursor: pointer; } .content-is-property-results .quick-filter .col4 p{ float: left; } .content-is-property-results .quick-filter .col4 p a{ background: none; width: auto; height: auto; text-indent: 0; float: none; display: inline; margin-bottom: 0; } .content-is-property-results .quick-filter .col4 a.prev{ background-image: url(/media/img/bg/property-manager/prev-arrow.gif); } .content-is-property-results .quick-filter .col4 a.next{ background-image: url(/media/img/bg/property-manager/next-arrow.gif); } .content-is-property-results .quick-filter .col4 a:hover{ background-position: left -33px; } .content-is-property-results .quick-filter .col4 a.inactive{ background-position: left -66px; } .content-is-property-results .quick-filter .top .col4 a{ margin: 10px 0 0 8px; } .content-is-property-results .quick-filter .btm .col4 a{ margin: 11px 0 0 8px; } .content-is-property-results .quick-filter .top .col4 p{ margin: 17px 0 0 0; } .content-is-property-results .quick-filter .btm .col4 p{ margin: 18px 0 0 0; } .content-is-property-results .quick-filter .top .col4 p a{ margin-top: 17px; } .content-is-property-results .quick-filter .btm .col4 p a{ margin-top: 18px; } .content-is-property-details .quick-filter .col1{ width: 500px; } .content-is-property-details .quick-filter a{ color: #333; } .content-is-property-details .quick-filter .top .col1 p{ margin: 17px 0 0 17px; } .content-is-property-details .quick-filter .top .col2 p{ margin: 17px 0 0 0; } .content-is-property-details .quick-filter .btm .col1 p{ margin: 26px 0 0 17px; } .content-is-property-details .quick-filter .btm .col2 p{ margin: 26px 0 0 0; } .property-result{ width: 100%; font-family: verdana, arial, sans-serif; font-size: 12px; color: #333; margin: 0 0 10px 0; border-bottom: 1px solid #aaaaaa; } .property-result td{ vertical-align: top; } .property-result .row1 td{ background: #fff; border-bottom: 1px dotted #aaaaaa; padding: 12px 0; line-height: 2; } .property-result .row1 .col1{ padding-right: 18px; text-align: center; } .property-result .row1 .col1 img{ margin-top: 10px; } .property-result .row1 .col1 a{ width: 156px; height: 127px; display: block; background: url(/media/img/bg/property-manager/property-thumb-bg.jpg) no-repeat left top; } .property-result .row1 .col1 a:hover{ background-position: right top; } .property-result .row1 .col2{ padding-right: 18px; } .property-result .row1 .col2{ font-family: georgia, times, serif; line-height: 2; } .property-result .row1 .col3{ padding-right: 80px; } .property-result .row3 td{ background: #f5f5f5; border-bottom: 3px solid #fff; padding: 0 0 12px 0; } .property-result .row1 .col3 strong{ font-size: 14px; line-height: 25px; } .property-result .row1 .col4{ padding-right: 0; } .property-result .row2 td{ background: url(/media/img/bg/property-manager/bg-gradient-results-table.gif) repeat-x left bottom; padding: 12px 0; line-height: 15px; } .property-result .row2 td strong{ font-family: georgia, times, serif; line-height: 2; font-weight: normal; } .content-is-property-details{ padding: 0 24px; } .content-is-property-details .property-details-wrap{ margin: 6px 0 0; padding: 16px; background: #fff; } .content-is-property-details .left-column{ float: left; width: 680px; } .content-is-property-details .left-column .headline{ border-bottom: 1px dotted #aaaaaa; padding: 0 0 8px; margin: 0 0 8px; } .content-is-property-details .left-column .headline h2{ font-size: 24px; line-height: 1; margin: 0 0 12px; font-weight: normal; } .content-is-property-details .left-column .headline p{ font-size: 11px; line-height: 1; margin: 0; font-family: verdana, arial, sans-serif; } .content-is-property-details .left-column .headline p strong{ font-family: georgia, times, serif; } .content-is-property-details .left-column .main-description{ margin-bottom: 15px; border-bottom: 1px dotted #aaa; } .content-is-property-details .left-column .main-description p.desc{ clear: both; font-size: 12px; line-height: 2; margin: 0 0 24px; font-family: verdana, arial, sans-serif; } .content-is-property-details .left-column .main-description .photo-area{ float: left; width: 385px; margin-bottom: 20px; } .content-is-property-details .left-column .main-description .photo-area .main-photo a{ width: 385px; height: 300px; display: block; background: url(/media/img/bg/property-manager/main-photo-bg.gif) no-repeat left top; } .content-is-property-details .left-column .main-description .photo-area .main-photo a:hover{ background-position: right top; } .content-is-property-details .left-column .main-description .photo-area .main-photo a img{ margin: 12px 0 0 12px; } .content-is-property-details .left-column .main-description .photo-area .main-thumbs{ width: 385px; height: 52px; overflow: hidden; position: relative; } .content-is-property-details .left-column .main-description .photo-area .main-thumbs .panel{ width: 1600px; height: 52px; } .content-is-property-details .left-column .main-description .photo-area .main-thumbs .fade-left{ width: 32px; height: 52px; position: absolute; left: 0; top: 0; background: url(/media/img/bg/property-manager/thumbs-fade-left.png) no-repeat left top; } .content-is-property-details .left-column .main-description .photo-area .main-thumbs .fade-right{ width: 32px; height: 52px; position: absolute; right: 0; top: 0; background: url(/media/img/bg/property-manager/thumbs-fade-right.png) no-repeat left top; } .content-is-property-details .left-column .main-description .photo-area .main-thumbs a{ width: 58px; height: 44px; margin: 4px 10px 0 0; display: block; float: left; } .content-is-property-details .left-column .main-description .quick-info{ float: right; width: 275px; margin-bottom: 20px; } .content-is-property-details .left-column .main-description .quick-info h3{ margin-bottom: 10px; } .content-is-property-details .left-column .main-description .quick-info img{ margin-bottom: 3px; } .content-is-property-details .left-column .main-description .quick-info p.call{ margin-top: 10px; font-family: verdana, arial, sans-serif; } .content-is-property-details .left-column .main-description .quick-info table{ font-size: 11px; line-height: 2; } .content-is-property-details .left-column .main-description .quick-info .col2{ font-family: verdana, arial, sans-serif; } .content-is-property-details .right-column{ float: right; width: 200px; } .content-is-property-details .right-column .module{ border: 1px solid #c0c0c0; padding: 14px 8px; margin-bottom: 4px; } .content-is-property-details .right-column .module p{ border-bottom: 1px solid #c0c0c0; padding: 0 0 8px; margin: 0 0 8px; border-bottom: 1px dotted #aaaaaa; font-size: 11px; line-height: 15px; color: #333; font-family: verdana, arial, sans-serif; } .content-is-property-details .right-column .module p .caps{ font-family: georgia, times, serif; line-height: 18px; } .content-is-property-details .right-column .module p.btm{ border-bottom: none; padding: 0; margin: 0; border-bottom: none; } .content-is-property-details .right-column .module .btn img{ margin: 8px 0; } .content-is-property-details .right-column .module img.portrait{ margin: 0 0 10px; } .content-is-property-details .map-of-property{ margin-bottom: 15px; padding-bottom: 20px; border-bottom: 1px dotted #aaa; } .content-is-property-details .map-of-property h3{ margin: 0 0 22px; line-height: 1; } .content-is-property-details .map-of-property a.btn{ float: right; } .content-is-property-details .other-properties{ margin-bottom: 20px; } .content-is-property-details .other-properties .nav a{ background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; float: right; width: 33px; height: 33px; display: block; cursor: pointer; } .content-is-property-details .other-properties .nav a.prev{ background-image: url(/media/img/bg/property-manager/prev-arrow.gif); } .content-is-property-details .other-properties .nav a.next{ background-image: url(/media/img/bg/property-manager/next-arrow.gif); } .content-is-property-details .other-properties .nav a:hover{ background-position: left -33px; } .content-is-property-details .other-properties .listing{ width: 214px; float: left; margin: 0 18px 14px 0; font-size: 14px; line-height: 1; font-family: verdana, arial, sans-serif; } .content-is-property-details .other-properties .last{ margin-right: 0; } .content-is-property-details .other-properties .listing a.propImg{ width: 214px; height: 152px; display: block; margin: 0 0 10px; background: url(/media/img/bg/property-manager/medium-photo-bg.gif) no-repeat left top; } .content-is-property-details .other-properties .listing a.propImg img{ margin: 12px 0 0 12px; } .content-is-property-details .other-properties .listing a.details{ float: right; display: inline; margin-right: 8px; } .content-is-property-details .other-properties .listing strong{ margin-left: 6px; } #search-discussions{ padding: 0; background: url(/media/img/misc/line.jpg) no-repeat left top; width: 205px; margin: 0 0 35px 28px; } #search-discussions h3{ color: #2299bb; font-size: 14px; margin: 0; text-transform: uppercase; padding: 0; background: url(/media/img/misc/line.jpg) no-repeat left bottom; } #search-discussions .formWrap{ padding: 6px 0 3px; background: url(/media/img/misc/line.jpg) no-repeat left bottom; } #search-discussions .formWrap .buttons{ clear: both; background: url(/media/img/misc/line.jpg) no-repeat left top; margin: 6px 0 0; padding: 6px 0 0; } #discussion-topics{ width: 216px; margin: 0 0 0 22px; background: url(/media/img/bg/discussions/discussion-topics-tile.jpg) repeat-y left top; } #discussion-topics h3{ width: 216px; margin: 0; height: 29px; background: url(/media/img/bg/discussions/discussion-topics.jpg) no-repeat left top; text-indent: -9999px; overflow: hidden; } #discussion-topics ul{ margin: 0; padding: 8px 0 14px; background: url(/media/img/bg/discussions/discussion-topics-btm.jpg) no-repeat left bottom; } #discussion-topics ul li{ font-size: 16px; line-height: 1; padding: 4px 0; margin: 0 16px; font-weight: bold; border-bottom: 1px solid #b7b6b0; } #discussion-topics ul li a{ color: #00405e; text-transform: capitalize; } #discussion-topics ul li.viewall{ font-size: 11px; font-weight: normal; } #discussion-topics ul li.viewall a{ color: #117799; } #discussion-topics ul#browseNav{ margin-top: 20px; padding: 0; height: 17px; } #discussion-topics ul#browseNav li{ float: left; margin: 0; padding: 0; border: none; height: 17px; } #discussion-topics ul#browseNav li a{ display: block; height: 17px; text-indent: -5000px; font-size: 10px; line-height: 1; background: url(/media/img/my-bonita/left_nav.png) no-repeat left top; } #discussion-topics ul#browseNav li#keywordNav a{ width: 77px; background-position: 0 0;} #discussion-topics ul#browseNav li#keywordNav a:hover{background-position: 0 -40px;} #discussion-topics ul#browseNav li#keywordNav.ui-tabs-selected a{background-position: 0 -20px;} #discussion-topics ul#browseNav li#popularNav a{ width: 70px; background-position: -77px 0; } #discussion-topics ul#browseNav li#popularNav a:hover{ background-position: -77px -40px; } #discussion-topics ul#browseNav li#popularNav.ui-tabs-selected a{ background-position: -77px -20px; } #discussion-topics ul#browseNav li#emailNav a{ width: 69px; background-position: -147px 0; } #discussion-topics ul#browseNav li#emailNav a:hover{background-position: -147px -40px;} #discussion-topics ul#browseNav li#emailNav.ui-tabs-selected a{background-position: -147px -20px;} #discussion-topics p{ padding-top: 15px; font: 14px normal Georgia, "Times New Roman", Times, serif; color: #444; text-align: center; } table.flickrImages td{ width: 85px; } .contactWrap{ font-family: verdana, arial, sans-serif; } .contactWrap label{ text-transform: uppercase; font-size: 11px; line-height: 1; margin-bottom: 4px; display: block; color: #666; } .contactWrap .noWrap label{ display: inline; margin-left: 10px; } .contactWrap input{ font-size: 12px; font-weight: bold; line-height: 1; color: #333; padding: 2px; margin: 0 0 9px; } .contactWrap textarea{ font-size: 12px; font-weight: normal; line-height: 16px; color: #333; padding: 2px; margin: 0 0 9px; font-family: verdana, arial, sans-serif; } .contactWrap table{ width: 300px; margin: 0 0 9px; } .contactWrap table td{ padding: 3px 0; } .contactWrap table td.memberLabel{ width: 33%; } .contactWrap td input{ float: left; padding: 0; margin: 0 3px 0 0; } .contactWrap table.AreaList, .contactWrap table.MemberList { width: auto; margin: 0; } .contactWrap table.AreaList{ width: 60%; } .contactWrap table.MemberList td{ border: 2px solid #666; padding: 10px; } .contactWrap table.MemberList td .free label{ color: #29B; } .contactWrap table.MemberList td input{ float: none; padding: 0; margin: 0 3px 0 0; } .contactWrap .AreaList td{ padding: 0; } .contactWrap .AreaList td input, .contactWrap .AreaList td label{ float: none; margin: 0; display: inline; } .contactWrap .AreaList td label{ padding-left: 5px; } .contactWrap table.CartList{ width: 80%; } .contactWrap table.CartList td{ border: none; border-top: 2px solid #666; border-bottom: 2px solid #666; padding: 10px; } .contactWrap table.CartList td.hidden{ text-indent: -5000px; } .contactWrap table.CartList td .free label{ color: #29B; } .contactWrap table.CartList td input{ float: none; padding: 0; margin: 0 3px 0 0; } .contactWrap h3{ margin: 15px 0 3px; } .offer{ padding: 12px 24px 12px 170px; border-top: 1px solid #cccccc; background-repeat: no-repeat; background-position: left center; display: block; height: 1%; } #offer-accommodations{ background-image: url(/media/img/special-offers/bg-accommodations.jpg); } #offer-beaches{ background-image: url(/media/img/special-offers/bg-beaches.jpg); } #offer-dining{ background-image: url(/media/img/special-offers/bg-dining.jpg); } #offer-fishing{ background-image: url(/media/img/special-offers/bg-fishing.jpg); } #offer-golf{ background-image: url(/media/img/special-offers/bg-golf.jpg); } #offer-romance{ background-image: url(/media/img/special-offers/bg-romance.jpg); } #offer-shopping{ background-image: url(/media/img/special-offers/bg-shopping.jpg); } #members-advertisers-login-panel{ float: right; height: 415px; width: 335px; display: block; } #members-advertisers-login-panel.beta{ float: left; padding-top: 40px;} #members-advertisers-login-panel a.signup{ width: 335px; height: 100px; display: block; text-indent: -9999px; overflow: hidden; background: url(/media/img/members/btn-sign-up.png) no-repeat left top; } #members-advertisers-login-panel a.signup:hover{ background-position: left bottom; } #members-advertisers-login-panel .form{ background: url(/media/img/members/bg-login-panel.jpg) no-repeat left top; height: 315px; } #members-advertisers-login-panel.beta .form{ background: url(/media/img/members/member_login.jpg) no-repeat left top; height: 335px; } #members-advertisers-login-panel .form div.pad{ padding: 126px 0 0 85px; } #members-advertisers-login-panel .form.beta div.pad{ padding: 144px 0 0 85px; } #members-advertisers-login-panel .form label{ width: 75px; height: 24px; display: block; text-indent: -9999px; overflow: hidden; cursor: pointer; background-position: top left; background-repeat: no-repeat; } #members-advertisers-login-panel .form label.mp-username{ background-image: url(/media/img/members/label-username.gif); } #members-advertisers-login-panel .form label.mp-password{ background-image: url(/media/img/members/label-password.gif); } #members-advertisers-login-panel .form p.small{ font-family: verdana, arial, sans-serif; color: #727672; font-size: 11px; line-height: 1; text-align: center; margin-bottom: 0; } #members-advertisers-login-panel .form p.small a{ color: #727672; } #members-advertisers-login-panel .form p.small a:hover{ text-decoration: underline; } .secondForm{ margin-top: 20px; border-left: 1px solid #ccc; padding-left: 20px; } .manage-account{ border-bottom: 1px solid #cdcac5; padding: 51px 0 0; background-repeat: none; background-position: left top; height: 1%; display: block; } .manage-account h5{ font-size: 30px; line-height: 1; color: #cb5920; margin: 0; padding: 10px 215px 16px 14px; border-left: 1px solid #cdcac5; border-right: 1px solid #cdcac5; border-bottom: none; font-weight: normal; text-transform: none; } .manage-account h5 a{ color: #cb5920; } .manage-account p{ color: #7e837e; margin: 0; padding: 0 215px 25px 14px; border-left: 1px solid #cdcac5; border-right: 1px solid #cdcac5; } .ma-account-profile{ background-image: url(/media/img/members/bg-account-profile.jpg); } .ma-company-profile{ background-image: url(/media/img/members/bg-company-profile.jpg); } .ma-special-offers{ background-image: url(/media/img/members/bg-special-offers.jpg); } .ma-contact-info{ background-image: url(/media/img/members/bg-contact-info.jpg); } .ma-member-interests{ background-image: url(/media/img/members/bg-member-interests.jpg); } .ma-logos-images{ background-image: url(/media/img/members/bg-logos-images.jpg); } .ma-events{ background-image: url(/media/img/members/bg-events.jpg); } .ma-mybonita{ background-image: url(/media/img/members/bg-mybonita-icon.jpg); } table.cleanTable td{ padding: 6px 3px; border-bottom: 1px solid #d5d5d5; } table.cleanTable td p{ font-size: 12px; line-height: 16px; margin: 0; } #event-calendar td a{ font-weight: bold; background-color: #DDD; } form.memberForm label, form.memberForm .midLabel{ line-height: 18px; font-size: 11px; } form.memberForm .midLabel{ display: block; margin-top: 8px; } form.memberForm .textarea{ width: 400px; height: 225px; } form.memberForm input.gt-form-text{ padding: 3px; margin: 0 0 6px; color: #222; font-size: 12px; } form.memberForm .childHolder table, form.memberForm table.gt-list-table{ width: 100%; } form.memberForm .childHolder table td{ width: 33%; padding-bottom: 5px; } form.memberForm table.gt-list-table th{ padding-bottom: 3px; } form.memberForm table.gt-list-table td{ vertical-align: middle; text-align: center; padding: 5px 0; border-top: 1px solid #DDD; } form.memberForm table.gt-list-table td.tableButton{ width: 100px; } form.memberForm .floatLabel label{ clear: left; float: left; width: 100px; text-align: right; } form.memberForm .subMemberList{ text-align: center; } form.memberForm .subMemberList table{ text-align: left; } form.galleryForm label, form.galleryForm .midLabel{ line-height: 18px; font-size: 14px; display: block; margin-bottom: 3px; } form.galleryForm .locationList label{display: inline; margin: 0;} form.galleryForm .midLabel{ display: block; margin-top: 8px; } form.galleryForm .textarea{ width: 400px; height: 80px; } form.galleryForm input.gt-form-text{ padding: 3px; margin: 0 0 6px; color: #222; font-size: 12px; } form.galleryForm input.smallarea{ width: 60px; } form.galleryForm .childHolder table, form.galleryForm table.gt-list-table{ width: 100%; } form.galleryForm .childHolder table td{ width: 33%; padding-bottom: 5px; } form.galleryForm table.gt-list-table th{ padding-bottom: 3px; } form.galleryForm table.gt-list-table td{ vertical-align: middle; text-align: center; padding: 5px 0; border-top: 1px solid #DDD; } form.galleryForm table.gt-list-table td.tableButton{ width: 100px; } form.galleryForm .floatLabel label{ clear: left; float: left; width: 100px; text-align: right; } form.galleryForm .subMemberList{ text-align: center; } form.galleryForm .subMemberList table{ text-align: left; } form.galleryForm p em{ font-size: 10px; text-transform: uppercase; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; } .subMemberList h3{ font-size: 12px; font-weight: bold; } .subMemberList h4{ padding-left: 25px; color: #666; } .subMemberList .strike{ text-decoration: line-through; } h3.catHeader{ margin-bottom: 5px; text-transform: capitalize; } .blogPost{ border-top: 1px solid #DDD; padding: 10px; } .postComment{ border-bottom: 1px solid #ddd; color: #666; padding-top: 20px; } .content .postComment p{ color: #666; font-size: 1.2em; } .content .postComment p.commentDate{ font-style: italic; font-size: 1em; } #partnerImageList{ clear: both; position: relative; top: 20px; } .irBtn{ text-indent: -9999px; overflow: hidden; display: block; background-position: left top; background-repeat: no-repeat; } .irBtn:hover{ background-position: right bottom; } .btn-post-reply{ height: 33px; width: 124px; background-image: url(/media/img/btn/post-reply.png); } .btn-start-new-discussion{ height: 33px; width: 207px; background-image: url(/media/img/btn/start-new-discussion.png); } .btn-submit-photo{ background-image: url(/media/img/btn/submit-a-photo.png); width: 159px; height: 33px; } #three-col-logins{ overflow: visible; } #three-col-logins #go-photos .icon{ background-image: url(/media/img/bg/mybonita/go-photos-icon.jpg); } #three-col-logins #go-photos .btn{ background-image: url(/media/img/btn/submit-a-photo.png); width: 159px; } #three-col-logins #go-blog .icon{ background-image: url(/media/img/bg/mybonita/go-discussion-icon.jpg); } #three-col-logins #go-blog .btn{ background-image: url(/media/img/btn/start-new-discussion.png); width: 207px; } #three-col-logins #go-events .icon{ background-image: url(/media/img/bg/mybonita/go-events-icon.jpg); } #three-col-logins #go-events .btn, #eventButton{ background-image: url(/media/img/btn/submit-an-event.png); width: 169px; } #three-col-logins .col{ float: left; width: 230px; position: relative; margin: 0 0 40px 0; } #three-col-logins .col .icon{ height: 230px; width: 230px; display: block; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: left top; } #three-col-logins .col .formWrap{ height: 269px; width: 267px; background: url(/media/img/bg/mybonita/bg-formWrap-flyout.png) no-repeat left top; display: none; position: absolute; margin: -24px 0 0 -18px; } #three-col-logins .col .formWrap div{ padding: 32px 0 0 26px; } #three-col-logins .col .formWrap form{ padding-bottom: 12px; margin-bottom: 12px; background: url(/media/img/bg/mybonita/bg-flyout-border.png) no-repeat center bottom; } .accountForms dt{ padding: 2px 0; } .accountForms dd{ margin: 0 0 5px; } .accountForms label{ color: #666; font-family: georgia, serif; font-size: 11px; line-height: 18px; text-transform: uppercase; } .accountForms .forgotten{ color: #666; font-family: verdana, sans-serif; font-size: 11px; line-height: 1em; margin: 0 0 0; } .create{ color: #666; font-family: verdana, sans-serif; font-size: 11px; line-height: 1em; margin: 0 0 0; } #three-col-logins .col .formWrap form .text{ width: 80%; } #three-col-logins .col .formWrap .close{ position: absolute; right: 0; top: 0; width: 40px; height: 40px; display: block; text-indent: -9999px; overflow: hidden; } #three-col-logins .col .formWrap .reg a{ color: #666; text-decoration: underline; } #three-col-logins .col .formWrap .reg a:hover{ color: #333; text-decoration: none; } #three-col-logins .col .formWrap .alert{ color: #2299bb; font-family: georgia, serif; font-size: 14px; line-height: 18px; margin: 0 0 14px; } #three-col-logins .col .btn, #eventButton{ text-indent: -9999px; overflow: hidden; display: block; height: 33px; background-repeat: no-repeat; background-position: no-repeat; margin: 0 auto; position: relative; z-index: 2; } #three-col-logins .col .btn:hover, #eventButton:hover{ background-position: bottom right; } #share-photos-cta{ clear: both; height: 112px; width: 686px; background: url(/media/img/bg/mybonita/bg-sharePhotos-cta.png) no-repeat left top; margin: 0 0 40px; } #share-photos-cta p{ padding: 23px 23px 0 254px; font-family: georgia, serif; color: #333; font-size: 14px; line-height: 18px; } #share-photos-cta p a{ color: #2299BB; } #main-forms{ clear: both; padding: 20px 0 0 0; background: url(/media/img/misc/dotted-border-730.gif) no-repeat left top; } #main-forms h6{ color: #2299BB; text-transform: uppercase; font-size: 14px; padding: 0 0 15px; margin: 0; font-weight: normal; } #main-forms .main-forms-leftside{ float: left; width: 210px; } #main-forms .main-forms-rightside{ float: right; width: 440px; } .accountForms table td{ padding: 0 10px 5px 0; } table.master td table.galleryTable{ width: 77px; height: 77px; margin: 10px 0 30px 30px; background-color: transparent; } table.master td table.galleryTable td{ background-color: transparent; vertical-align: middle; text-align: center; } table.master td.gallery{ border-bottom: none; border-top: 1px solid #CAC7C2; width: 125px; height: auto !important; height: 125px; min-height: 125px; vertical-align: top; text-align: left; background: url(/media/img/bg/galleryicon.png) no-repeat left 10px; padding-top: 10px; } table.master td.gallery, table.master td.empty_gallery{ border-bottom: none; border-top: 1px solid #CAC7C2; } table.master td.gallery a{ display: block; } table.master td.gallery a .galleryTable img{ padding-top: 10px; } .galleryTag{ display: block; width: 100%; text-align: center; padding-bottom: 10px;} .galleryCount{ font-weight: normal; font-size: 10px; color: #666; } .dayDisp{ float: left; display: inline; margin: 0; padding: 0; font-size: 12px; } .timeDisp{ float: right; display: inline; margin: 0; padding: 0; font-size: 10px; } #online-reservations table, #online-reservations table td{ background-color: inherit; padding: 0px; }