/* Screen CSS document screen.css client: Open Vacation Weeks author: Atlantic BT - www.atlanticbt.com date: 12.15.2009 */ /* Normalize ----------------------------------------------------------*/ * { margin: 0; padding: 0; } input:focus, a:focus { outline-style: none; outline: none; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } ul, li { list-style: none; list-style-position: outside; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } caption, th { text-align: left; } q:before, q:after { content: ""; } hr { display: none; } /* Objects ----------------------------------------------------------*/ /* microformats */ .adr { display: block; } .street-address { } .extended-address { display: block; } .locality { } .region { } .postal-code { } .tel { display: block; } .tel .type { } .tel .value { } /* custom styles */ .clear { clear: both; } div.clear, br.clear { margin: 0; padding: 0; height: 0; line-height: 0; } .fr { float: right; display: inline; width: auto; line-height: 28px; } .fl { float: left; display: inline; width: auto; } .nav, .di { } /*.nav li,*/ .di li { display: inline; margin: 0 0 0 20px; } .sc { font-variant: small-caps; } /* button types */ .blue-button a { float: left; display: inline; width: auto; padding: 0 10px; border: 1px solid #008dce; height: 28px; line-height: 28px; background: url(../img/sp_button-blue.gif) repeat-x left top; color: #fff; font-weight: bold; text-align: center; text-decoration: none;} .blue-button a:hover { background-position: left bottom; } /* rounded corners */ .rounded { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .shdtxt { text-shadow: 1px 1px rgba(0,0,0,.25); } /* thumbnails */ .thumb { width: 98px; height: 98px; border: 2px solid #ccc; overflow: hidden; } .thumb a { display: block; height: 100%; width: 100%; } /* pagination */ .paging { display: inline; font-size: 15px; font-weight: bold; } .paging ul { display: inline; margin: 0; } .paging li { margin: 0 10px 0 0; display: inline; } .paging a { text-decoration: none; } .paging .current a { background: #000; color: #fff; padding: 3px; } /* tooltip-style popup */ .info { position: relative; display: inline-block; margin: 0 3px; width: 7px; height: 12px; background: url(../img/i_info.gif) no-repeat 0 0; z-index: 2000; cursor: pointer; } .infos { position: absolute; top: -2px; left: -9000em; display: block; padding: 5px 10px; background: #fff; border: 1px solid #ccc; font-size: 12px !important; line-height: 1.25em !important; } .info:hover .infos, .info .infos:hover { left: 7px; visibility: visible; } .info-large .infos { width: 200px; } /* rows - for use with nested uls */ ul.rows { float: left; display: inline; padding-top: 5px; margin: 5px 0 0; width: 100%; border-top: 1px dotted #ccc; } li.row-header { float: left; display: inline; width: 100%; border-bottom: 1px dotted #ccc; padding: 0 0 5px; } li.row-header em { float: left; width: 25%; font-style: normal; font-weight: bold; } ul.row-data { float: left; display: inline; margin: 0; width: 74.9%; } ul.row-data li { display: inline; } ul.row-data li.row-full { width: 100%; } ul.row-data span.column-label { /*display: block;*/ } /* columns */ .cols-ab { float: left; display: inline; width: 100%; } .cols-ab .col-a { float: left; display: inline; width: 47%; margin: 0 5.9% 0 0; } .cols-ab .col-b { float: left; display: inline; width: 47%; } /* sorting styles */ .results-control { float: left; display: inline; width: 100%; } .results-control-left, .results-control-right { float: left; display: inline; width: 49.9%; } .results-control-right { text-align: right; } .search-controls .sort-by { margin: 0 5px 0 0; text-align: right; line-height: 22px; } .search-controls .sort-by span { margin: 0 0 0 5px; } .search-controls .sort-by a { text-decoration: none; } .search-controls .sort-by a:hover { text-decoration: underline; } .ui-sortable-helper { background: #FFE5A7; opacity: .8; } /* misc layout styles */ .center-box { margin: 0 auto; width: 30%; border: 2px solid #ccc; padding: 20px; background: #f4f4f4; } .blue-message { /*text-align: center; font-weight: bold; background: #BFE2F2; padding: 10px 0;*/ } .flash-message, #authMessage, .ajaxMessage { margin: 0 0 10px; background: #FFE5A7; padding: 10px; text-align: center; font-size: 14px; color: #000; font-weight: bold; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Main Styles ----------------------------------------------------------*/ body { font: 12px/1.25em Arial, Helvetica, sans-serif; color: #333; background: url(../img/bg_body.jpg) no-repeat center top; } /* body.index { background-position: center top; } */ body.shadowbox { background: #fff; width: 100%; } /* Typography styles ----------------------------------------------------------*/ table { clear: both; width: 100%; } td, th { padding: 5px; border: 1px dotted #ccc; border-width: 1px 0; vertical-align: top; } thead th { background: #fff; font-weight: bold; font-size: 14px; padding: 10px 5px; } .altrow td, .altrow th { /* background: #fafafa; */ } td.listing-title { border: 0; font-weight: bold; background: #C2E1EF; } .listing-entry .details td { border: 0; padding-bottom: 15px; } .hover-delete { margin: 0 10px; color: #f00; } .hover-delete a { color: #adb2b4; } .hover-delete a:hover { color: #f00; } tr:hover .hover-delete { display: inline; } table.manage-table { margin: 0 0 20px; } .manage-table td, .manage-table th { padding-top: 10px; padding-bottom: 10px; } .manage-table thead th { font-size: 10px; text-transform: uppercase; } .manage-table thead th a { text-decoration: none; } .manage-table thead th a:hover { text-decoration: underline; } .manage-table td ul { margin: 0; } .manage-table td li { margin: 0 0 5px; font-size: 11px; } .manage-table td a { text-decoration: none; } .manage-table td a:hover { text-decoration: underline; } .delete:hover, .delete a:hover { color: #f00; } th.actions { text-align: right; } .actions table { text-align: right; } table.feature-comparison { margin: 0 0 20px; } .feature-comparison th, .feature-comparison td { padding: 10px 5px; } .feature-comparison thead th, .feature-comparison td { text-align: center; } .feature-comparison thead th.features-available { text-align: left; } .feature-comparison tr.alt td, .feature-comparison tr.alt th { background: #f4f4f4; } .feature-comparison tr th { font-size: 14px; font-weight: bold; color: #286883; } .feature-comparison thead th { padding: 15px 5px; border: 0; font-weight: normal; color: #333; font-size: 16px; } .feature-comparison .check { display: block; margin: 0 auto; width: 16px; height: 16px; background: url(../img/i_check.gif) no-repeat 0 0; text-indent: -9000em; } .feature-comparison td.total-ovw, .feature-comparison td.total-vrbo { font-size: 16px; } .feature-comparison tfoot td { background: #f4f4f4; border: 0; } .feature-comparison tfoot td.total-ovw { background: #7db54f; color: #fff; } .feature-comparison tfoot td.total-vrbo { } iframe { width: 758px; border: 1px solid #ccc; } #sb-body-inner iframe { border: 0; } /* Base Form Styles ----------------------------------------------------------*/ form { } /* form layout styles */ form ol { margin: 0; } /* form fieldset styles */ fieldset { position: relative; padding: 0; } fieldset p { margin: 0 0 5px; padding: 10px 0 0; } /* form legend styles */ legend { position: relative; padding-top: 0; margin-left: 0; font: normal 24px Arial, Helvetica, sans-serif; color: #09394d; letter-spacing: -.05em; letter-spacing: -1px; } fieldset fieldset legend { font-size: 18px; font-weight: 400; margin-bottom: 0; color: #286883; } .buttons legend { display: none; } /* form list styles */ form ol, form ul, form li { position: relative; float: left; display: inline; width: 100%; margin: 0; list-style: none; } form ol { padding: 10px 0 0; } form li { padding: 0 0 10px; } fieldset fieldset ol { position: relative; margin-top: -5px; border-top: 1px solid #ccc; margin-top: 10px; padding-top: 10px; } /* form labels */ label, .label-match { display: block; padding: 0 0 5px 0; color: #333; font-size: 12px; } li.checkbox label, li.radio label { text-align: left; } /* base input styles */ /*input,*/ /*textarea,*/ /* select { padding: 5px; width: 278px; border: 1px solid #ccc; background: #fff url(../images/bg_input.gif) repeat-x 0 0; font: bold 12px/15px Arial, Helvetica, sans-serif; }bg_input.gif does not exit */ /*select { padding: 5px; width: 278px; border: 1px solid #ccc; background: #fff; font: bold 12px/15px Arial, Helvetica, sans-serif; }*/ input:focus, textarea:focus, select:focus { border-color: #000; } .input-match { color: #000; font-weight: bold; } input.radio, input.checkbox, input.submit, .buttons input.image, input[type=checkbox] { border: 0; padding: 0; width: auto; background: none; } /* buttons */ .buttons { padding: 10px 0 0; float: left; display: inline; width: 100%; } .buttons ul { clear: both; float: left; display: inline; width: 100%; padding: 10px 0 0 0; border-top: 1px dotted #ccc; } .buttons li { float: left; display: inline; width: auto; margin-right: 10px; padding: 0; background: none; line-height: 28px; } .buttons input, input.submit { padding: 5px 10px; width: auto; border: 1px solid #975800; background: #f18f03 url(../img/sp_button.gif) repeat-x 0 0; color: #000; font-weight: bold; font-size: 14px; cursor: pointer; } *:first-child+html .buttons input, *:first-child+html input.submit { padding: 0 5px; line-height: 26px; } .buttons input:hover, .buttons input:focus, input.submit:hover { background-position: 0 100%; } input.submit { } input.cancel { background: #f00; } input.cancel:hover, input.cancel:focus { background: #C00; } /* selects */ select { width: 290px; } li.date select { margin: 0 5px 0 0; width: auto; } li.date .month { width: 110px; } li.date .day { width: 50px; } li.date .year { width: 65px; } /* textareas */ textarea { height: 10em; } /* radios and checkboxes */ ul.radios { padding: 10px; width: auto; } ul.radios li { margin-right: 20px; } li.radios fieldset, li.checkbox fieldset { position: relative; margin: 0; } li.radios fieldset.legend-replaced h2 { font-size: 1em; font-weight: normal; line-height: 1.5em; color: #666; } li.radios ul { margin: 10px 0 0; } li.radios li { margin: 0 0 5px; padding: 0; } li.radios label { float: left; display: inline; width: auto; margin: 0; padding: 0; color: #000; } li.radios input { float: left; display: inline; width: auto; margin: 0 10px 0 0; padding-top: 3px; } li.checkbox label, li.radio label { float: left; display: inline; margin: 0; width: auto; color: #000; } li.checkbox input, li.radio input { float: left; display: inline; margin: 0 10px 0 0; width: auto; } /* form microformats */ .summary { clear: both; display: block; margin: 5px 0 0 0; font-style: normal; font-size: 11px; line-height: 15px; color: #999; } .hidden { display: none !important; } .price input { width: 100px; } /* form variants */ /* .horizontal-form */ .horizontal-form label, .horizontal-form .label-match { float: left; display: inline; padding: 0; margin: 4px 20px 0 0; width: 220px; text-align: right; } .horizontal-form .input-match { float: left; display: inline; width: auto; padding: 4px 0 0; color: #000; } .horizontal-form li.extended-address { margin-left: 240px; width: auto; } .horizontal-form .buttons ul li:first-child { margin-left: 240px; } .horizontal-form li.radios ul { margin: 0; width: auto; } .horizontal-form li.radios fieldset.legend-replaced h2 { float: left; display: inline; margin: 0 20px 0 0; width: 220px; text-align: right; } .horizontal-form li.checkbox ul { width: auto; } .horizontal-form li.checkbox ul li { margin: 0 10px 0 0; } .horizontal-form li.checkbox input, .horizontal-form li.radio input { margin-left: 240px; width: auto; } .horizontal-form .summary { margin-left: 240px; } .horizontal-form .input .mceEditor { float: left; display: inline; width: 515px; } .checkboxes li.row-header { margin: 0 0 10px 0; font-weight: bold; width: auto; float: none; display: block; clear: both; } .horizontal-form .checkboxes li.row-header { margin-left: 240px; } /* one line form */ .one-line-form { background: #f4f4f4; border: 1px solid #ccc; } .one-line-form ol { float: none; display: block; padding: 5px; margin: 0; } .one-line-form label, .one-line-form input, .one-line-form select, .one-line-form li { float: none; display: inline; width: auto; font-size: 11px; } .one-line-form label, .one-line-form input, .one-line-form select { padding: 3px; } .one-line-form li { margin: 0 5px 0 0; } .one-line-form label { margin: 0 5px 0 0; } .one-line-form .buttons input, .one-line-form input.submit { background-position: 0 10%; } .one-line-form .buttons input:hover, .one-line-form input.submit:hover { background-position: 0 89%; } /* ie hacks - please move to appropriate style sheets */ *:first-child+html legend { margin-left: -7px; } * html legend { margin-left: -7px; } /* Layout Styles ----------------------------------------------------------*/ /*.container, .wrap { clear: both; position: relative; margin: 0 20px; min-width: 960px; margin: 0 auto; width: 960px; } .banner .wrap { margin: 0; border-bottom: 2px solid #ccc; margin: 0 20px; min-width: 960px; } .banner .wrap .search-form { padding: 0; } body.index .container { margin: 0 auto; width: 960px; }*/ .masthead { padding: 18px 0 0; height: 80px; } /*.skip-links { position: absolute; left: -9000em; top: 0; height: 0; line-height: 0; }*/ .masthead .logo a { display: block; width: 310px; height: 70px; text-indent: -9000em; } .navigation { float: right; display: inline; width: auto; text-align: right; background: 600px; } .navigation a:hover { background: #f4f4f4; } .sign-in-nav { margin: 27px 0 10px; color: #5e5957; } .navigation .sign-in-nav li { margin: 0; padding: 0 10px; border-left: 1px solid #ccc; } .navigation .sign-in-nav li.welcome { padding-left: 0; border: 0; } .navigation .sign-in-nav li.sign-in { padding-right: 0; } .main-nav { float: left; display: inline; margin: 0; width: 100%; } .main-nav li { float: left; display: inline; width: auto; margin: 0 0 0 14px; } .main-nav a { float: left; display: inline; width: auto; padding: 1px 3px; font-size: 16px; text-transform: uppercase; font-weight: bold; letter-spacing: -.03em; text-decoration: none; white-space: nowrap; } .main-nav a:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .banner { float: left; display: inline; padding: 0; width: 100%; color: #fff; } .banner a { cursor: pointer; color: #fff; } .banner a:hover { text-decoration: underline; } .search { float: left; display: inline; width: 100%; margin: 0 0 1px; height: 40px; background: #09394d url(../img/bg_search.gif) repeat-x 0 0; } .last-auction-savings { float: left; display: inline; padding: 0 10px 0 20px; width: 260px; height: 40px; border-right: 1px solid #fff; background: #7fa163 url(../img/bg_last-saved.gif) repeat-x 0 0; line-height: 42px; font-weight: bold; font-size: 14px; } .search-form { float: right; display: inline; width: 668px; } .search-form fieldset { float: left; display: inline; width: 100%; } .search-form ol { float: left; display: inline; margin: 5px 0 0 10px; padding: 0; width: 100%; } .search-form li { float: left; display:display: inline; margin: 0 4px 0 0; width: auto; } .search-form li.advanced-search { margin: 0 14px 0 0; line-height: 31px; } .search-form input { padding: 7px 5px 6px; width: 239px; border-color: #09394D; } .search-form input#ListingListingIdBanner { width: 54px } .search-form select { width: 121px; height: 30px; border-color: #09394D; } *:first-child+html .search-form select { padding-top: 10px; padding-bottom: 10px; line-height: 30px; border: 0; } .search-form .buttons { width: auto; margin: 0; padding: 0; } .search-form .buttons input { float: left; display: inline; padding: 5px 10px; width: 96px; height: 30px; border-color: #975800; } *:first-child+html .search-form .buttons input { width: 90px; } .google-map { clear: both; position: relative; } .google-map .map { background: #ccc; height: 285px; } .google-map .map-controls { position: absolute; top: 33px; right: 0; padding-left: 21px; width: 143px; line-height: 20px; } .map-controls ul, .map-controls li { float: left; display: inline; width: 100%; margin: 0; } .controls-title { position: absolute; top: 0; left: 0; width: 20px; height: 100%; background: #09394d url(../img/g_map-controls.gif) no-repeat 0 12px; text-indent: -9000em; } .controls-show, .controls-zoom, .controls-expand { float: left; display: inline; width: 133px; padding: 5px; background: url(../img/bg_blue80.png); margin: 0 0 1px; } .controls-expand { margin: 0; } .controls-expand a { cursor: pointer; background: url(../img/sp_expand.gif) no-repeat 0 0; padding-left: 17px; font-weight: bold; text-decoration: none; } .controls-expand a.expanded { background-position: 0 -14px; } .map-controls .checkbox input { display: inline; margin: 4px 5px 0 0; } *:first-child+html .map-controls .checkbox input { margin-top: 0; } .map-controls .checkbox label { display: inline; float: none; padding: 0; color: #fff; } .info-window { margin: 0; color: #000; padding: 3px 3px 30px 3px; height: 90px; width:200px;} .info-window a { color: #09394D; } .info-window img.thumbnail { float: left; display: inline; margin: 0 20px 0 0; width: 48px; height: auto; border: 2px solid #ccc; } .info-window div.info-title { min-height: 48px; } .info-window div.info-add { clear: both; margin-top: 15px;} .main-area { clear: both; float: left; display: inline; width: 100%; padding: 0 0 30px; } .banner-title { padding: 15px 0 0; } .banner-title h1 { margin: 0; } .main-area-index { float: left; display: inline; padding: 0 10px 40px; width: 940px; } .content { padding-top: 20px; float: left; display: inline; width: 760px; margin: 0 0 0 20px; } .content-single-col { padding-top: 20px; margin: 0; width: 100%; } .content-index { margin: 0; width: 100%; } .intro-content { padding: 0; float: left; display: inline; width: 100%; } .ic-owners, .ic-renters { float: left; display: inline; width: 394px; margin-right: 20px; border: 3px solid #000; padding: 20px 30px; } .ic-owners { background: #fffce0; border-color: #f7c275; color: #730913; } .ic-owners strong, .ic-renters strong { font-size: 16px; line-height: 20px; } .ic-register { margin: 20px 0 5px; text-align: center; } .ic-register a { display: inline-block; padding: 5px 10px; background: #ad2330; color: #fffce0; font-weight: bold; font-size: 12px; text-decoration: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .ic-renters .ic-register a { color: #dff0f9; background: #09394d; } .ic-owners h1 { color: #ad2330; } .ic-renters { background: #dff0f9; border-color: #73c0e4; color: #09394d; margin: 0; } .ic-renters h1 { color: #09394d; } .ic-owners { background: #e8f3de; border-color: #7db54f; color: #294c0c; } .ic-owners h1 { color: #294c0c; } .ic-owners .ic-register a { color: #e8f3de; background: #294c0c; } .sign-up { position: relative; float: right; display: inline; margin: 30px 0 0 20px; width: 360px; height: 280px; background: url(../img/sp_sign-up.gif) no-repeat 0 0; text-indent: -9000em; } .sign-up li { margin: 0; } .looking-for-vacation a { position: absolute; display: block; top: 0; left: 0; width: 340px; height: 150px; background: url(../img/sp_sign-up.gif) no-repeat 0 0;} /*.looking-for-vacation a:hover { background-position: -720px 0; }*/ .rent-my-property a { position: absolute; display: block; bottom: 0; left: 20px; width: 340px; height: 150px; background: url(../img/sp_sign-up.gif) no-repeat 0 150px;} /*.rent-my-property a:hover { background-position: -380px -130px; }*/ .secondary-content { float: left; display: inline; padding: 20px 0 0; width: 170px; } .secondary-content-index { width: 100%; } .featured-deals { float: left; display: inline; width: 300px; margin: 0 20px 0 0; } .great-deals { margin: 0; } .featured-deals h3 { padding-bottom: 5px; border-bottom: 2px solid; } .featured-auctions h3 { color: #09394d; } .no-time-to-waste h3 { color: #682523; } .great-deals h3 { color: #244607; } .featured-deals ul { margin: 0; } .featured-deals li { float: left; display: inline; margin: 0 0 20px; width: 100%; } .featured-deals p { margin: 10px 0 5px; } .featured-deals p.adr { margin-top: 0; } .featured-deals strong { font-size: 14px; } .featured-deals .thumb { float: left; display: inline; margin: 0 20px 0 0; } .featured-auctions .thumb { border-color: #008dce; } .no-time-to-waste .thumb { border-color: #9a4e4b; } .great-deals .thumb { border-color: #5f8a3c; } .featured-deals .view-all { clear: both; display: block; width: 100%; line-height: 40px; text-indent: -9000em; } .view-all-featured { background: #008dce url(../img/g_view-all-auctions.gif) no-repeat 0 0; } .view-all-no-time { background: #9a4e4b url(../img/g_view-more-ending-soon.gif) no-repeat 0 0; } .view-all-deals { background: #5f8a3c url(../img/g_view-all-deals.gif) no-repeat 0 0; } /* .view-all-featured { color: #008dce; border-top: 1px solid #008dce; } .view-all-no-time { color: #9a4e4b; border-top: 1px solid #9a4e4b; } .view-all-deals { color: #5f8a3c; border-top: 1px solid #5f8a3c; } */ .search-filters { font-size: 12px; padding-bottom: 20px; } .search-filters ul { margin: 0; width: 180px; border-top: 3px solid #7CB1CA; } .search-filters li { padding: 5px; background: #bfe2f2; margin: 0 0 1px; width: 170px; } .search-filters li.checkbox input { margin-left: 0; } .search-filters fieldset li { padding: 0; margin: 0 0 5px; } .search-filters h4 { margin: 0; } .search-filters label { width: 45px; text-align: left; } .search-filters input { width: 99px; padding: 2px; border-color: #7cb1ca; } .search-filters input.submit { width: 170px; padding: 5px 0; } .search-filters select { width: 170px; border-color: #7cb1ca; } .search-filters fieldset.buttons { padding: 0; } .search-filters .buttons ul { margin: 0; padding: 0; border: 0; } .search-filters .buttons ul li:first-child { margin: 0; } .search-filters .save-searches { clear: both; padding: 0; width: 180px; background: none; margin: 0; } *:first-child+html .search-filters .save-searches { margin-top: -29px; } .save-searches label { width: auto; } .save-searches div { padding: 5px; margin: 0 0 1px; width: 170px; background: #dff0f8; } .save-this-search input { width: 164px; } .save-searches .save-this-search input.submit { margin: 5px 0 0; padding: 2px 0; background-position: 0 -5px; font-size: 12px; } .save-searches .save-this-search input.submit:hover { background-position: 0 -34px; } .search-filters .amenities { } .search-filters ul#hold-selected-amenities { padding: 10px 0 0; border: 0; width: 100%; } ul#hold-selected-amenities .remove-amenity { float: left; display: inline; margin: 0 10px 0 0; width: 13px; height: 13px; background: #286883; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } ul#hold-selected-amenities .remove-amenity a { display: block; padding-bottom: 3px; text-decoration: none; color: #fff; font-size: 10px; text-align: center; line-height: 10px; } ul#hold-selected-amenities .amenity { float: left; display: inline; width: 146px; } .search-filters .more-amenities { } .search-filters .more-amenities ol { margin: 0; border: 0; } .search-filters li.checkbox label { width: 136px; } .amenities .choose-more { display: block; margin: 12px 0 0; font-weight: bold; } .navigation { } .side-navigation { } .side-navigation ul, .side-navigation li { margin: 0; padding: 0; } .side-navigation ul { border-top: 3px solid #7CB1CA; } .side-navigation a { display: block; padding: 10px; background: #BFE2F2; text-decoration: none; font-weight: bold; } .side-navigation a:hover { background: #7CB1CA; color: #fff; } .site-info { clear: both; padding: 10px 0 0; border-top: 1px solid #ccc; color: #959595; font-size: 10px; } .supplemental-nav { } .supplemental-nav ul { margin: 0; } .supplemental-nav li { margin: 0 20px 0 0; } .supplemental-nav a { font-weight: bold; color: #959595; text-transform: uppercase; text-decoration: none; } .supplemental-nav a:hover { color: #333; } .copyright { float: right; display: inline; padding: 0 0 20px 0; height: 20px; width: auto; } .copyright p { text-align: right; padding: 0 10px 0 0; } .social-ico { clear: right; float: right; display: inline; width: auto; } .social-ico img.spacer { magin: 0 0 0 5px; } /* Page styles ----------------------------------------------------------*/ /* listings */ .no-results { float: left; display: inline; width: 100%; padding: 3em 0 !important; border: 1px solid #F4F4F4; border-width: 1px 0 3px; text-align: center; font-size: 15px; } .no-results p { margin: 0; } .search-controls { position: relative; float: left; display: inline; padding: 5px 0; width: 100%; background: #f4f4f4; z-index: 1000; } .search-controls-bottom { margin: 0 0 20px; padding: 10px 0; text-align: center; } *:first-child+html .search-controls-bottom { margin-top: 1px; } .search-controls .showing { float: left; display: inline; margin: 0 0 0 5px; width: auto; line-height: 22px; } .search-controls .sortable { float: right; display: inline; margin: 0 5px 0 0; } .sortable select { padding: 2px; border-color: #ccc; } .search-controls .page-indicator { position: absolute; top: 5px; left: 5px; font-weight: bold; line-height: 27px; } .search-controls .go-to-page { position: absolute; top: 5px; right: 5px; } .go-to-page label { font-weight: bold; display: inline; } .go-to-page input { width: 30px; border-color: #ccc; padding: 3px 2px; text-align: center; } .go-to-page input.submit { padding: 2px; border-color: #975800; background-position: 0 -5px; font-size: 12px; } .go-to-page input.submit:hover { background-position: 0 -34px; } /* .search-controls .sortable { float: right; display: inline; margin: 0 5px 0 0; position: relative; width: 150px; height: 18px; line-height: 18px; border: 1px solid #ccc; background: #fff; } .search-controls .sortable:hover ul { left: -1px; } .sortable h4 { margin: 0; padding-left: 5px; font-size: 12px; font-weight: normal; line-height: 18px; } .sortable ul { position: absolute; top: 18px; left: -9000em; margin: 0; width: 150px; background: #fff; border: 1px solid #ccc; border-top: 0; } .sortable li { padding: 0 5px; } */ ul.listings { float: left; display: inline; margin: 1px 0 0; padding: 1px 0 0; width: 100%; border-top: 1px solid #ccc; } .listings li { float: left; display: inline; margin: 0 0 1px; padding: 10px; width: 740px; border-bottom: 1px dotted #ccc; line-height: 20px; } .listings li p { margin: 0; } .listings .thumb { float: left; display: inline; margin: 0 14px 10px 0; } .listings .result-info { float: left; display: inline; width: 624px; } .result-info .result-badges { float: left; display: inline; width: 20px; margin: 5px 10px 0 0; } .result-badges .badge { display: block; margin: 0 0 10px; width: 20px; height: 20px; text-indent: -9000em; } .result-badges .badge a { display: block; width: 100%; height: 100%; } .result-badges .badge-auction { background: url(../img/i_auction.gif) no-repeat 0 0;} .result-badges .badge-listing { background: url(../img/i_listing.gif) no-repeat 1px 0;} .result-badges .badge-featured { background: url(../img/i_hot-auction.gif) no-repeat 0 0; } .result-badges .badge-getaway { background: url(../img/i_instant-getaway.gif) no-repeat 0 0; } .result-badges .badge-waste { background: url(../img/i_no-time.gif) no-repeat 0 0; } .result-badges .handle { cursor: pointer; background: url(../img/i_reorder.gif) no-repeat 0 0; } .result-info .result-info-left { float: left; display: inline; width: 394px; } .listings .actions { float: right; display: inline; width: 200px; text-align: right; } .actions .current-bid { display: block; font-size: 15px; } #place-your-bid { clear: both;} #place-your-bid .place-bid-log-in { margin: 10px 0 5px; font-size: 15px; font-weight: bold; } #place-your-bid .place-bid-sign-up { margin: 0 0 5px; } #place-your-bid form { margin: 10px 0 0; } .actions .time-remaining { display: block; font-style: italic; color: #ad2330; } .actions .bid-now { float: right; display: inline; margin: 10px 0 0; width: auto; } .actions .bid-now .bids { float: left; display: inline; padding: 0 10px; width: auto; height: 28px; line-height: 28px; border: 1px solid #ccc; border-width: 1px 0 1px 1px; background: #f4f4f4; font-size: 14px; font-weight: bold; color: #008dce; } .actions .bid-now a { float: left; display: inline; width: auto; padding: 0 10px; border: 1px solid #008dce; height: 28px; line-height: 28px; background: url(../img/sp_button-blue.gif) repeat-x left top; color: #fff; font-weight: bold; text-align: center; text-decoration: none;} .actions .bid-now a:hover { background-position: left bottom; } .result-info .result-info-right { float: left; display: inline; width: 200px; text-align: right; } .listings .title { font-size: 12px; } .listings .title a { color: #333; text-decoration: none; } .listings .title strong.result-title { font-size: 16px; color: #286883; } .listings .title .adr { display: inline; font-size: 15px; font-weight: bold; } .listings .details { float: left; display: inline; width: 100%; } .details div { float: left; display: inline; width: auto; } .details .retail-price { width: 100px; } .details .reserve, .details .beds, .details .baths, .details .sqft { width: auto; margin: 0 20px 0 0; } .details .dates { clear: both; } .details .description { clear: both; margin: 12px 0; width: 100%; } .details .bid-info { border: 1px solid #ccc; margin: 0 0 6px; padding: 6px 12px; background: #f4f4f4; } .details .bid-info p { margin: 0 0 6px; } .details .bid-info p:last-child { margin: 0; } .details .links { clear: both; float: left; display: inline; width: 100%; margin: 6px 0 0; } .details .links ul { float: left; display: inline; width: 100%; margin: 0; } .details .links li { float: left; display: inline; width: auto; margin: 0; padding: 0; border: 0; } .details .links li a { float: left; display: inline; width: auto; border-right: 1px solid #ccc; margin: 0 10px 0 0; padding: 0 10px 0 0; } .details .links li:last-child a { border: 0; margin-right: 0; padding-right: 0; } .details .links li.comments { border: 0; } .details .instant-getaway { background: #ffe5a7; width: 100%; text-align: center; } .highlight { background: #ffe5a7; } .details .instant-getaway, .details .awarded { clear: both; } .details .awarded { font-weight: bold; padding: 0 .5em; background: #ffe5a7; } .details .awarded-won { background: #7DB54F; color: #fff; } .details .expand-bid-info { width: 100%; } .listings .details .expand-bid-info ul { float: left; display: inline; width: 100%; padding: 0; margin: 10px 0 0; } .listings .details .expand-bid-info li { float: left; display: inline; width: 100%; padding: 0; margin: 0 0 10px; border: 0; } .listings .details .expanded-bid-info ul { float: left; display: inline; width: 512px; border: 1px solid #ccc; border-bottom: 0; margin: 0; } .listings .details .expanded-bid-info li { padding: 10px; margin: 0; width: 492px; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; background: #f4f4f4; } .details .expand-bid-info div { float: none; display: block; } .listings .details .expanded-bid-info li.ebi-user-info { background: #fff; } .ebi-bid-amount, .ovwc-view-inquiries { float: right; display: inline; width: auto; padding: 0 10px; border: 1px solid #ccc; background: #f4f4f4; font-weight: bold; font-size: 14px; line-height: 28px; color: #008DCE; } .ebi-real-name, .ebi-username { font-size: 14px; line-height: 28px; } .details .expanded-bid-info ul.ebi-user-bids { width: 490px; border: 0; } .details .expanded-bid-info .ebi-user-bids li { margin: 10px 0 0; width: 470px; background: #fff; border: 1px solid #ccc; } .view-bid-info-wrap { float: left; display: inline; width: auto; background: #f4f4f4; padding: 0 10px; line-height: 28px; border: 1px solid #ccc; } a.view-bid-info { font-weight: bold; } /* listings, auctions unique styles */ .listing .thumb { border-color: #197b30; } .listing .title strong.result-title, .listing .title strong.result-title a { color: #197b30; } .listing a { color: #197b30; } .listing .actions .bid-now a { border-color: #588e2c; background-image: url(/img/sp_button-green.gif); } .listing .actions .bid-now a:hover { background-position: left bottom; } .auction .thumb { border-color: #008dce; } .auction .title strong.result-title, .auction .title strong.result-title a { color: #286883; } li.hot-auction { padding: 0; width: 100%; } .hot-auction-wrap { float: left; display: inline; padding: 10px; width: 740px; border-bottom: 1px solid #fff; background: #dff0f8; } /* single column listings (ex - dashboard pages) */ .content-single-col .listings li { width: 940px; } .content-single-col .details .links li, .content-single-col .details .links li a { width: auto; } .content-single-col .result-info { width: 824px; } .content-single-col .result-info .result-info-left { width: 514px; } .content-single-col .result-info .result-info-right, .content-single-col .result-info-right .actions { width: 310px; } .content-single-col .bid-info { /*width: 488px;*/ width: auto; clear: both; } /* single column padded listings (ex - owner dashboard pages) */ .dashboard-area { float: left; display: inline; width: 920px; margin: 0 0 20px; padding: 18px; border: 2px solid #ccc; } .dashboard-area .listings li { width: 900px; } .dashboard-area .result-info { width: 784px; } .dashboard-area .result-info .result-info-left { width: 494px; } .dashboard-area .result-info .result-info-right, .dashboard-area .result-info-right .actions { width: 290px; } .dashboard-area .dashboard-section { margin: 0 0 20px; } .dashboard-area .dashboard-section:last-child { margin: 0; } .dashboard-area .dashboard-section ul.listings { margin-bottom: 0; } /* manage listing images */ .hold-property-images { float: left; display: inline; width: 100%; margin-left: -5px;} .hold-property-images img { float: left; display: inline; width: auto; } .hold-property-images .image-selector { position: relative; float: left; display: inline; margin: 0 15px 15px 0; width: auto; border: 4px solid #fff; } .hold-property-images .thumb-wrap { float: left; display: inline; width: auto; border: 1px solid #fff; } .hold-property-images .primary-image { border-color:#BFE2F2; } .hold-property-images .selected { border-color:#FFE5A7; } .hold-property-images .selected .thumb-wrap { border-color: #ffba16; } .hold-property-images .delete { display: none; position: absolute; top: 5px; right: 5px; background: url(../img/i_delete.png) no-repeat 0 0; width: 16px; height: 16px; text-indent: -9000em; cursor: pointer; } .hold-property-images .delete a { display: block; height: 100%; width: 100%; } .hold-property-images .image-selector:hover .delete { display: block; } /* ovw contacts */ ul.ovwc-list { float: left; display: inline; width: 100%; margin: 0 0 10px; } ul.ovwc-list li.ovwc-user { float: left; display: inline; width: 100%; padding: 10px 0; border-bottom: 1px dotted #ccc; } .ovwc-user .ovwc-name, .ovwc-user .ovwc-email { margin: 0 10px 0 0; } .ovwc-user .ovwc-addr { margin: 5px 0 0; } .ovwc-user { } .ovwc-user .ovwc-expand-info { margin: 0 0 0 10px; } .ovwc-user .ovwc-listings { clear: left; float: left; display: inline; width: 100%; background: #f4f4f4; margin: 10px 0; border: 1px solid #ccc; border-bottom: 0; } .ovwc-listings ul { float: left; display: inline; width: 100%; margin: 0; padding: 0; } .ovwc-listings li { margin: 0; padding: 10px; } .ovwc-listings li.ovwc-listing-title { font-size: 14px; background: #fff; padding: 10px; border-bottom: 1px solid #ccc; line-height: 28px; } .ovwc-listings li.ovwc-listing-title strong { font-weight: normal; } .ovwc-listing-id { font-weight: bold; } .ovwc-view-inquiries a { text-decoration: none; } .ovwc-listing-address, .ovwc-inquiry-info { border-bottom: 1px solid #ccc; } .ovwc-inquiry-info p { margin: 0; } .ovwc-listings .ovwc-auctions { padding-bottom: 0; } .ovwc-listings .ovwc-bid { border-bottom: 1px solid #ccc; } .ovwc-bid .ovwc-bid-wrap { margin-top: 10px; padding: 10px; border: 1px solid #ccc; border-bottom: 0; background: #fff; } .ovwc-view-auction-history { font-weight: bold; } .ovwc-add-user-to-group { position: relative; padding: 10px; width: 230px; background: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow:0 0 5px rgba(9,57,77,.33);-moz-box-shadow:0 0 5px rgba(9,57,77,.33);-webkit-box-shadow:0 0 5px rgba(9,57,77,.33); } .ovwc-add-user-to-group { border: 1px solid #ccc\9; } .ovwc-add-user-to-group .owvc-ag-close { position: absolute; top: 5px; right: 5px; background: url(../img/i_close.png) no-repeat 0 0; width: 16px; height: 16px;} .owvc-ag-close a { display: block; height: 100%; width: 100%; text-indent: -9000em; } .ovwc-add-user-to-group p, .ovwc-add-user-to-group ul { margin: 0 0 10px; padding: 0; } /* contact inquiries */ .ci-wrap td { border-bottom: 0; } .ci-message td { border-top: 0; } /* listing view */ body#preview-listing { background-position: center 100px; } body#preview-listing .content { padding-top: 0; } body#preview-listing .listing-view { padding-top: 100px; } div.go-back-to-listing-creation { display: block; text-align: center; padding: 36px 0 0 0; margin: 0 -100%; height: 64px; border-bottom: 1px solid #ccc; background: #f9f9f9; } div.go-back-to-listing-creation div.blue-button a { float: none; display: inline-block; width: auto; padding: 0 10px; border: 1px solid #008dce; height: 28px; line-height: 28px; background: url(../img/sp_button-blue.gif) repeat-x left top; color: #fff; font-weight: bold; text-align: center; text-decoration: none;} div.go-back-to-listing-creation div.blue-button a:hover { background-position: left bottom; } .columns { } .columns-right { float: right; display: inline; width: 360px; } .columns-left { margin: 0 380px 0 0; } .listing-view { } .listing-view h1 { margin: 0; } .listing-view h2 { margin: 0 0 5px; padding: 0; } .listing-view .details div { float: none; display: block; } .listing-photos { } .listing-photos ul { border: 1px solid #333; border-bottom: 1px solid #000; width: 358px; margin: 0; } .listing-photos li { width: 100%; height: 278px; text-align: center; overflow: hidden; } .listing-photos img { display: block; margin: 0 auto; width: auto; height: auto; } .listing-view .listing-photos .photos-nav { float: left; display: inline; width: 338px; padding: 3px 10px; border: 1px solid #333; border-top: 0; background: #333; margin: 0; } .photos-nav ul { float: left; display: inline; width: 230px; border: 0; } .photos-nav li, .photos-nav a { float: left; display: inline; margin: 0; height: auto; width: auto; background: none; text-align: left; color: #fff; } .photos-nav a { padding: 3px; margin: 0 5px 0 0; font-weight: bold; text-decoration: none; } .photos-nav a.activeSlide { background: #000; color: #fff; } .photos-nav .more-link { float: right; display: inline; width: auto; } .photos-nav .more-link a { margin: 0; padding: 3px 0; } .listing-view .details .quick-contact { position: relative; float: left; display: inline; width: 318px; padding: 10px 20px 20px; background: #f4f4f4; border: 1px solid #ccc; } .quick-contact input, .quick-contact textarea { width: 308px; } .quick-contact input.submit { width: auto; } #quick-contact { } #quick-contact .close-contact-owner a { position: absolute; display: block; top: 15px; right: 0; width: 16px; height: 16px; background: url(../img/i_close.png) no-repeat 0 0; text-indent: -9000em; z-index: 200; } #quick-contact form { z-index: 100; } .listing-view .details .property-details { float: left; display: inline; width: 100%; margin: 20px 0; } .property-details h3 { margin: 0; } .listing-view .property-info { float: left; display: inline; margin: 5px 0 0; padding-top: 5px; border-top: 1px dotted #ccc; width: 100%; } .property-info li { float: left; display: inline; width: 100%; border-bottom: 1px dotted #ccc; padding-bottom: 5px; } .property-info li span { float: left; display: inline; width: 171px; margin: 0 20px 0 0; font-weight: bold; } .listing-view .phone { display: inline-block; line-height: 28px; margin: 0 0 0 10px; } .listing-view .phoneno { font-size: 1.13em; font-weight: bold; letter-spacing: 0.055em; } /* quick contact shadowbox form */ #SiteUserContactOwnerForm { display: block; width: 95%; } #SiteUserContactOwnerForm ol, #SiteUserContactOwnerForm ul, #SiteUserContactOwnerForm li { float: none; display: block; position: static; } #SiteUserContactOwnerForm label { width: 278px; } .listing-view .description { clear: left; line-height: 20px; margin: 0 0 20px; width: 100%; } .listing-view .amenities { float: left; display: inline; width: 100%; margin: 0 0 20px; } .listing-view .amenities h3 { margin: 0; } .listing-view .google-map { clear: none; float: left; display: inline; width: 100%; margin: 0 0 20px; } .listing-view .google-map h3 { margin: 0 0 5px; } .listing-view .map { height: 380px; } .listing-view .map .google-map { border: 1px solid #ccc; } .listing-view .place-bid { float: left; display: inline; width: 100%; margin: 0 0 20px; } .listing-view .listing-rates { float: left; display: inline; width: 100%; margin: 0 0 20px; } .listing-view .listing-rates h3 { margin: 0 0 5px; } .listing-view .notify { margin-bottom: 10px; } .listing-view .notify a { padding: 6px 10px; border: 1px solid #008dce; height: 28px; line-height: 28px; background: url(../img/sp_button-blue.gif) repeat-x left top; color: #fff; font-weight: bold; text-decoration: none; } .display-rating { position: relative; float: left; display: inline; width: 100%; margin: 0 0 20px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .display-rating span { float: left; display: inline; width: auto; margin: 0 20px 0 0; line-height: 16px; } .display-rating .rating { position: relative; width: 80px; cursor: pointer; } .average-rating-breakdown { position: absolute; top: 8px; left: -9000em; padding: 10px; width: 150px; background: #f4f4f4; border: 1px solid #ccc; } .rating:hover .average-rating-breakdown { left: 35px; z-index: 200; text-indent: 0; } .display-rating .average-rating-breakdown li { clear: both; } .display-rating .average-rating-breakdown span.rating { position: static; float: left; display: inline; margin: 0; } .display-rating .average-rating-breakdown span.votes { float: left; display: inline; margin: 0 0 0 10px; width: auto; } .display-rating .view-comments { background: url(../img/i_comments.gif) no-repeat 0 0; padding-left: 20px; } .display-rating .view-calendar { background: url(../img/i_calendar.gif) no-repeat 0 0; padding-left: 20px; } /* auction view */ ul.rows-auction-details { margin: 0; padding: 0; border: 0; } .rows-auction-details li.row-header { border: 0; } .rows-auction-details li.row-header em { font-weight: normal; text-align: right; width: 22%; margin-right: 2.9%; } .rows-auction-details li.row-header form em { float: none; display: inline; margin: 0; width: auto; text-align: left; } .rows-auction-details li.row-header em.summary { display: block; } .rows-auction-details li.row-header em.error-message, em.error-message{ display: block; color: #f00; } .horizontal-form em.error-message { margin-left: 240px; } .rows-auction-details .row-data { font-weight: bold; } .rows-auction-details li.current-bid { padding: 10px 0; background: #f4f4f4; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .rows-auction-details li.current-bid .row-data { font-size: 24px; } .rows-auction-details li.current-bid .blue-button a { margin: 10px 0 0 25%; font-size: 12px; cursor: pointer; } .rows-auction-details li.current-bid .reserve { margin-left: 10px; font-weight: normal; font-size: 12px; } li.current-bid .reserve del { color: #333; } /* ratings/get_ratings */ .shadowbox .listing-comments { width: 97%; } .shadowbox .cake-sql-log { display: none !important; } .listing-comments h1 { margin: 0; } .listing-comments h2 { font-size: 20px; font-weight: bold; } .listing-comments h3 { font-weight: normal; } .listing-comments p.ratings-and-comments { margin: 0; padding: 5px; background: #ccc; color: #333; font-size: 14px; text-align: center; line-height: 22px; -moz-border-radius: 3px 3px 0 0; } .listing-comments ul.ratings-list { float: left; display: inline; width: 100%; margin: 0; padding: 0; } ul.ratings-list li.user-rating { float: left; display: inline; width: 96%; margin: 0; padding: 2%; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; background: #f4f4f4; } .user-rating-summary .created-date { float: right; display: inline; width: auto; } .user-rating-comment { margin-top: } .listing-comments .search-controls { border: 0; background: none; } .listing-comments .search-controls .showing { margin: 0; float: none; display: block; text-align: center; } .rating0, .rating1, .rating1-5, .rating2, .rating2-5, .rating3, .rating3-5, .rating4, .rating4-5, .rating5 { display: block; width: 80px; height: 16px; background: url(../img/sp_rating.gif) no-repeat 0 0; text-indent: -9000em; } .rating1 { background-position: 0 -32px; } .rating1-5 { background-position: 0 -48px; } .rating2 { background-position: 0 -64px; } .rating2-5 { background-position: 0 -80px; } .rating3 { background-position: 0 -96px; } .rating3-5 { background-position: 0 -112px; } .rating4 { background-position: 0 -128px; } .rating4-5 { background-position: 0 -144px; } .rating5 { background-position: 0 -160px; } .rating-ghosted { opacity: 0.33; } /* login page */ .new-to-ovw { padding: 20px; background: #f4f4f4; border: 2px solid #ccc; text-align: center; } .new-to-ovw .button { display: inline-block; float: none; } *:first-child+html .new-to-ovw .button { display: inline; } /* dashboards */ .h-actions { } .h-actions ul { margin: 0; padding: 0; } .h-actions li { display: inline; margin: 0 5px 0 0; } .dashboard-navigation { } .dashboard-navigation, .dashboard-navigation ul, .dashboard-navigation li, .dashboard-navigation a { float: left; display: inline; margin: 0; padding: 0; width: 100%; height: 30px; line-height: 30px; background: #333; } .dashboard-navigation li, .dashboard-navigation a { width: auto; } .dashboard-navigation a { padding: 0 10px 0 10px; border-right: 1px solid #fff; color: #fff; text-shadow: 1px 1px rgba(0, 0, 0, 0.25); text-decoration: none; } .dashboard-navigation a:hover { background: #484848; } .dashboard-section { clear: both; float: left; display: inline; width: 100%; } .dashboard-section .view-all { float: right; display: inline; padding: 5px 10px; margin: -20px 0 -1px; width: auto; font-weight: bold; background: #ccc; -moz-border-radius: 3px 3px 0 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; } .dashboard-section .view-all a { color: #333; text-decoration: none; } .dashboard-section h2, .dashboard-section p { margin: 0; } .dashboard-section ul.listings { } .dashboard-section .dashboard-title { color: #286883; font: normal 24px Arial, Helvetica, sans-serif; letter-spacing: -0.05em; margin: 0; } /* this should be exactly like the h2 */ .dashboard-section .no-results { color: #888; } .dashboard-section { margin: 0 0 3em; } /* user dashboard */ /* owner dashboard */ .owner-to-do-list { border: 2px solid #7db54f; background: #f9fff4; } .owner-to-do-list h1 { color: #197B30; } .owner-to-do-list .listings li, .owner-to-do-list ul.listings { border-color: #7db54f; } .dashboard-area .listings li.no-results, .dashboard-section .listings li.no-results { border-top: 0; padding-right: 10px !important; padding-left: 10px !important; } .owner-to-do-list .dashboard-section .view-all { background: #7db54f; } .owner-to-do-list .dashboard-section .view-all a { color: #fff; } .owner-to-do-list .dashboard-title, .owner-to-do-list .no-results { color: #197B30; } /* receipt */ .bar { float: left; display: inline; width: 100%; background: #f4f4f4; border-bottom: 1px solid #ccc; padding: 10px 0; margin: 0 0 20px; } .bar div { margin-left: 10px; margin-right: 10px; } .receipt-print { float: right; display: inline; width: auto; } .receipt-continue { font-size: 14px; font-weight: bold; } /* rate form */ fieldset.star-rating { } fieldset.star-rating ul, fieldset.star-rating ul li, fieldset.star-rating ul label { position: static; float: left; display: inline; width: auto; margin: 0; padding: 0; background: none; overflow: hidden; text-indent: -9000em; height: 16px; } fieldset.star-rating ul { position: absolute; left: 47px; top: 0; width: 80px; background: url(../img/sp_rating.gif) no-repeat 0 0; } fieldset.star-rating ul li { width: 0; } fieldset.star-rating ul.radios input.radio { position: absolute; left: -9000em; top: 0; height: 0; line-height: 0em; } fieldset.star-rating ul label { position: absolute; top: 0; left: 0; width: 16px; cursor: pointer; z-index: 20; background: none; } fieldset.star-rating ul li label:hover { left: 0; background: url(../img/sp_star-rating.gif) repeat-x 0 -32px; } #RatingAddForm fieldset.star-rating ul li.one label { left: 0; } #RatingAddForm fieldset.star-rating ul li.one label:hover { width: 16px; } #RatingAddForm fieldset.star-rating ul li.two label { left: 16px; } #RatingAddForm fieldset.star-rating ul li.two label:hover { left: 0; width: 32px; } #RatingAddForm fieldset.star-rating ul li.three label { left: 32px; } #RatingAddForm fieldset.star-rating ul li.three label:hover { left: 0; width: 48px; } fieldset.star-rating ul li.four label { left: 48px; } fieldset.star-rating ul li.four label:hover { left: 0; width: 64px; } fieldset.star-rating ul li.five label { left: 64px; } fieldset.star-rating ul li.five label:hover { left: 0; width: 80px; } /* once label is clicked, set the background to leave stars */ fieldset.star-rating ul.stars-1 { background-position: 0 -32px; } fieldset.star-rating ul.stars-2 { background-position: 0 -64px; } fieldset.star-rating ul.stars-3 { background-position: 0 -96px; } fieldset.star-rating ul.stars-4 { background-position: 0 -128px; } fieldset.star-rating ul.stars-5 { background-position: 0 -160px; } /* form adjustments */ #ratingSet { position: relative; margin: 10px 0 0; } fieldset.star-rating { height: 16px; } #ratingSet legend { position: absolute; left: 0; top: 0; padding: 0; } #ratingSet ul li { padding: 0; background: none; } .rate-link { clear: both; } .rate-link a { padding: 8px 20px; background-color: #981b1e; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: bold; text-decoration: none; } .rate-link a:hover, .rate-link a:focus { color: #fff; } /* just use radios for IE7. I know this is ugly but this is the best thing to do right now*/ *:first-child+html fieldset.star-rating ul, *:first-child+html fieldset.star-rating ul li, *:first-child+html fieldset.star-rating ul label { position: static; float: none; display: inline; text-indent: 0; width: auto; height: auto; overflow: auto; background: none; } *:first-child+html fieldset.star-rating ul { float: left; display: inline; width: auto; } *:first-child+html fieldset.star-rating ul.radios input.radio { position: static; left: 0; top: 0; height: auto; line-height: normal; } *:first-child+html fieldset.star-rating ul li label:hover { left: 0; background: none; } *:first-child+html #RatingAddForm fieldset.star-rating ul li.one label { left: 0; } *:first-child+html #RatingAddForm fieldset.star-rating ul li.one label:hover { width: 16px; } *:first-child+html #RatingAddForm fieldset.star-rating ul li.two label { left: 16px; } *:first-child+html #RatingAddForm fieldset.star-rating ul li.two label:hover { left: 0; width: 32px; } *:first-child+html #RatingAddForm fieldset.star-rating ul li.three label { left: 32px; } *:first-child+html #RatingAddForm fieldset.star-rating ul li.three label:hover { left: 0; width: 48px; } *:first-child+html fieldset.star-rating ul li.four label { left: 48px; } *:first-child+html fieldset.star-rating ul li.four label:hover { left: 0; width: 64px; } *:first-child+html fieldset.star-rating ul li.five label { left: 64px; } *:first-child+html fieldset.star-rating ul li.five label:hover { left: 0; width: 80px; } *:first-child+html fieldset.star-rating ul.stars-1 { background-position: 0 -32px; } *:first-child+html fieldset.star-rating ul.stars-2 { background-position: 0 -64px; } *:first-child+html fieldset.star-rating ul.stars-3 { background-position: 0 -96px; } *:first-child+html fieldset.star-rating ul.stars-4 { background-position: 0 -128px; } *:first-child+html fieldset.star-rating ul.stars-5 { background-position: 0 -160px; } *:first-child+html #ratingSet { position: relative; margin: 10px 0 0; } *:first-child+html fieldset.star-rating { height: 16px; } *:first-child+html #ratingSet legend { position: absolute; left: 0; top: 0; padding: 0; } *:first-child+html #ratingSet ul li { padding: 0; background: none; } *:first-child+html .rate-link { clear: both; } *:first-child+html .rate-link a { padding: 8px 20px; background-color: #981b1e; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: bold; text-decoration: none; } *:first-child+html .rate-link a:hover, *:first-child+html .rate-link a:focus { color: #fff; } *:first-child+html #RatingAddForm ol li.textarea { margin-top: 20px; clear: both; } /* Step Breadcrumb */ .steps { margin: 0 0 10px; padding: 0; height: 32px; width: 760px; } #stepslist { list-style: none; margin: 0; padding: 0 } #stepslist li { float: left; display: inline; width: 100px; overflow: hidden; padding: 4px 0px 4px 8px; border: 0; background: url(../img/breadset1.jpg) no-repeat right center; } #stepslist li span { padding: 0px; font-size: 22px; } #stepslist li.current { background: #c45b2b url(../img/breadset2.jpg) no-repeat right center; color: #fff; } #stepslist li.next { background: #fff url(../img/breadset3.jpg) no-repeat right center; color: #c0c0c0; } #stepslist li.done { background: url(../img/breadset1.jpg) no-repeat right center; color: #c0c0c0; } #stepslist li.none { background: #fff; } #stepslist li.over { background: #c45b2b; color: #fff; } /* Property Management */ .left-col { float: left; display: inline; width: 460px; padding-right: 20px; } .right-col { float: right; display: inline; width: 480px; } .call-out { background: #7db54f; padding: 20px; color: #fff; margin-bottom: 30px; font-size: 14px; } .call-out h3 { color: #fff; font-size: 22px; } .left-col h4, .right-col h4 { font-size: 20px; } .left-col h5, .right-col h5 { margin-bottom: 5px; font-size: 14px; } .left-col p, .right-col p { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #e3e2e1; } p.last { border: none; margin-bottom: 0; } .contact { border: 1px dashed #7db54f; padding: 36px; margin-bottom: 30px; text-align: center; } .contact p { border: none; font-size: 14px; line-height: 18px; padding: 0; margin: 0; } .block-content { border: 1px solid #e3e2e1; padding: 20px; margin-bottom: 30px; } .pm-contact a { display: inline-block; padding: 5px 10px; background: #ad2330; color: #fffce0; font-weight: bold; font-size: 12px; text-decoration: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }