/* General Style Info */ * { margin:0; padding:0; } html { overflow-x:hidden; } body { background:#EDECE1 url(../img/backgrounds/header.png) repeat-x; font-size:90%; color:#333; font-family:arial,sans-serif; margin:0; position:relative; } a { cursor:pointer; color:#333; text-decoration:underline; font-weight:bold; } a:hover { color:#333; text-decoration:none; } a img { border:none; } h1,h2,h3,h4 { font-weight:normal; margin-top:0; } h1 { color:#333; font-size:100%; margin-bottom:0.1em; } h1.page-title { font-family:"trebuchet MS",sans-serif; font-size:16px; text-transform:uppercase; color:#25404C; margin:0 0 10px; padding:0; padding-top:35px; } h2 { font-size:165%; font-weight:normal; margin-bottom:0.3em; padding-top:0.8em; } h3 { font-size:140%; padding-top:1.5em; } h4 { font-weight:normal; padding-top:0.5em; } ul,li { margin:0 12px; } span.break { clear:both; height:1px; font-size:1px; display:block; } button { cursor:pointer; } button.ui-corner-all { font-size:14px; padding:3px 7px; margin:3px 3px 0 0; } a.button { text-decoration:none; font-size:14px; padding:3px 7px; float:left; display:block; color:#fff; margin:3px 3px 0 0; } .js #js { display:block; } .js #nojs, .nojs #js { display:none; } .js div.float-label, #search-filters div.text { position:relative; } .js div.float-label label, .js #search-filters div.text label { color:#999; position:absolute; top:5px; left:10px; } /* Forms */ form { clear:both; padding:0; } fieldset { clear:both; border:1px solid #ccc; padding:16px 20px; width:80%; margin-right:20px; } fieldset legend { background:#fff; font-size:160%; font-weight:bold; } fieldset fieldset { margin-top:0px; margin-bottom:20px; padding:16px 0; } fieldset fieldset legend { font-size:120%; font-weight:normal; margin-left:20px; } fieldset fieldset div { clear:left; margin:0 20px; } form div.input,form div.checkbox { clear:both; margin-bottom:5px; margin-top:3px; padding:0 5px 3px; vertical-align:text-top; color:#444; } form div.required input, form div.required select { border-left:4px solid #CC0000; font-weight:bold; } #users-login .required input, /* override required fields indicator */ #search-filters .required input, #users-password_forgot .required input, #login-info .required input, #home .required input, #search-filters .required select { border:1px solid #ccc; border-top:1px solid #727272; padding-bottom:4px; } form div.submit { border:0; clear:both; margin-top:10px; margin-left:140px; } input { font-family:"lucida grande","lucida sans unicode",sans-serif; font-size:12px; } label, textarea { color:#3a4c50; font-family:"lucida grande","lucida sans unicode",sans-serif; font-size:12px; } div.select label { display:block; } input, textarea { clear:both; display:block; padding:2px; width:167px; border-top:1px solid #727272; padding-bottom:4px; } select { clear:both; font-size:12px; vertical-align:text-bottom; } select[multiple=multiple] { width:100%; } option { font-size:120%; padding:0 3px; } input[type=hidden] { display:none; } input[type=checkbox] { clear:left; float:left; margin:0px 6px 7px 2px; width:auto; } input[type=submit] { display:inline; font-size:110%; padding:2px 5px; width:auto; vertical-align:bottom; } div.checkbox_group { margin-left:5px; } div.checkbox_group label { font-weight:bold; color:#3a4c50; font-family:"lucida grande","lucida sans unicode",sans-serif; font-size:12px; } div.checkbox_group .checkbox label { font-weight:normal; } .buttons { clear:both; padding-top:10px; } .step-actions a.button { padding: 4px 7px 5px; margin-right: 6px; } /* Form Entry Pages */ p.entry-description { color:#666666; font-size:12px; line-height:150%; } ul.numbered { clear:left; float:left; list-style:none; margin:0; padding:0; } ul.numbered li { width:300px; clear:left; float:left; display:block; margin-top:25px; padding-top:5px; font-family:"trebuchet MS",sans-serif; font-size:16px; text-transform:uppercase; color:#ccc; } ul.numbered span.number { background-image:url(../img/buttons/form.png); width:40px; height:41px; display:block; float:left; } ul.numbered span.text { display:block; float:left; padding-top:10px; margin-left:7px; } ul.numbered .active span.text { color:#25414D;} ul.numbered .one { background-position:0 0; } ul.numbered .active .one { background-position:-41px 0; } ul.numbered .two { background-position:0 -42px; } ul.numbered .active .two { background-position:-41px -42px; } ul.numbered .three { background-position:0 -83px; } ul.numbered .active .three { background-position:-41px -83px; } div.entry-top { float:left; width:312px; } div.form { margin-bottom:10px; position:relative; background:#F6FAFB; border:1px solid #E3E8EB; width:500px; float:right; margin-right:60px; overflow:hidden; -moz-border-radius: 8px; -webkit-border-radius: 8px; } div.center { float:none; margin:0 auto; } span.required-message { position:absolute; font-size:10px; font-weight:bold; display:block; right:10px; top:15px; padding-left:5px; border-left:4px solid #CC0000; color:#666666; } div.form form, div.form div.form-style { padding:15px 10px; clear:both; } div.form div.form-style ol { margin-left: 10px; } div.entry div.form h2 { padding:0 0 10px; border-bottom:1px solid #E3E8EB; margin:10px 10px 0 10px; font-family:"trebuchet MS",sans-serif; font-size:16px; text-transform:uppercase; color:#5E8E33; } div.switch div.input { margin-right:5px; float:left; } div.switch div.error-message { left:100%; } div.select div.switch div.maximum { float:left; clear:none; } div.input { position:relative; } div.form label { font-size:10px; color:#25414D; font-weight:bold; margin:5px 0; padding:0; } div.form div.select label { padding-top:10px; } div.input input, div.input select, div.input textarea { color:#000; font-weight:bold; margin:0; font-size:10px; } div.form h3 { font-size:12px; margin:0; padding:0; font-weight:bold; } div.form div.checkbox { padding-top:5px; } div.form div.checkbox input { margin:3px 5px 5px 0; padding:0; } div.form div.select { width:200px; margin:0; padding:0; float:left; } div.form div.select div.checkbox { padding:0; margin:0; display:block; width:100px; height:30px; float:left; clear:none; } div.form div.select div.checkbox label { cursor:pointer; cursor:hand; margin:0; padding:0; padding-top:5px; } div.secondary { background:#EFFFEF; } div.secondary { border-bottom: 1px solid #ddd; } div.entry div.secondary h2 { border-bottom: 1px solid #dcd; } div.tertiary { background:#FFFFEF; } div.tertiary { border-bottom: 1px solid #ddd; } div.entry div.tertiary h2 { border-bottom: 1px solid #dcd; } div.step-actions { float:right; margin-right:10px; margin-bottom:10px; clear:both; } /* button.previous, button.save-continue, button.complete, button.next, button.another { display:block; float:left; background-image:url(../img/buttons/form.png); border:0; text-indent:-999px; overflow:hidden; cursor:pointer; cursor:hand; } button.previous { width:107px; height:36px; background-position:-88px -179px; } button.save-continue, button.complete, button.next, button.another { width:149px; height:38px; background-position:-193px -179px; } */ /* Tables */ .cake-sql-log table { background:#f4f4f4; } .cake-sql-log td { padding:4px 8px; text-align:left; } .index table { width:100%; } .index th { padding:3px 0 5px 0;} .index tr td { border-bottom:1px solid #ccc; } .index .checkbox label { padding:5px; } /* Lists */ ul.properties { border-top:1px solid #000; padding:5px; list-style:none; } .properties li { float:left; } .properties .options li { float:none; } .properties .unit-type { list-style:none; clear:left; float:left; border-top:1px solid #000; } .properties .unit-type .options { float:left; } .management-companies li { float:left; list-style:none; margin-right:10px; } div.paging { background:#fff; color:#ccc; margin-bottom:2em; } div.paging div.disabled { color:#ddd; display:inline; } div.paging span { } div.paging span.current { color:#000; } div.paging span a { } /* Scaffold View */ dl { line-height:2em; margin:0em 0em; width:60%; } dl.altrow { background:#f4f4f4; } dt { font-weight:bold; padding-left:4px; vertical-align:top; } dd { margin-left:10em; margin-top:-2em; vertical-align:top; } /* Notices and Errors */ div.message { color:#983C14; font-size:12px; width:100%; font-size:14px; margin:0; margin-left:-10px; padding:8px 20px 6px 58px; border-bottom:1px solid #ccc; background:#F8FCFC url(../img/icons/info.png) no-repeat 25px 2px; } .logged-out div.message { top:0; } div.error-message { position:absolute; top:21px; padding:3px 5px; width:270px; text-transform:uppercase; right:10px; background:#CC0000; color:#fff; font-weight:normal; font-size:10px; text-align:right; z-index:99; } div.select div.error-message { left:100%; } div.error label { color:#900; } p.error { background-color:#e32; color:#fff; font-size:120%; line-height:140%; padding:0.8em; margin:1em 0; } p.error em { color:#000; font-weight:normal; line-height:140%; } .notice { background:#ffcc00; color:#000; display:block; font-size:120%; line-height:140%; padding:0.8em; margin:1em 0; } .success { background:green; color:#fff; } /* Actions */ div.actions ul { margin:0px 0; padding:0; } div.actions li { display:inline; list-style-type:none; line-height:2em; margin:0 2em 0 0; white-space:nowrap; } /* Related */ div.related { clear:both; display:block; } /* Debugging */ pre { color:#000; background:#f0f0f0; padding:1em; } pre.cake-debug { background:#ffcc00; font-size:100%; line-height:140%; margin-top:1em; overflow:auto; position:relative; } div.cake-stack-trace { background:#fff; border:4px dotted #ffcc00; color:#333; margin:0px; padding:6px; font-size:120%; line-height:140%; overflow:auto; position:relative; } div.cake-code-dump pre { position:relative; overflow:auto; } div.cake-stack-trace pre,div.cake-code-dump pre { color:#000; background-color:#F0F0F0; margin:0px; padding:1em; overflow:auto; } div.cake-code-dump pre,div.cake-code-dump pre code { clear:both; font-size:12px; line-height:15px; margin:4px 2px; padding:4px; overflow:auto; } div.cake-code-dump span.code-highlight { background-color:#ff0; padding:4px; } div.code-coverage-results div.code-line { padding-left:5px; display:block; margin-left:10px; } div.code-coverage-results div.uncovered span.content { background:#ecc; } div.code-coverage-results div.covered span.content { background:#cec; } div.code-coverage-results div.ignored span.content { color:#aaa; } div.code-coverage-results span.line-num { color:#666; display:block; float:left; width:20px; text-align:right; margin-right:5px; } div.code-coverage-results span.line-num strong { color:#666; } div.code-coverage-results div.start { border:1px solid #aaa; border-width:1px 1px 0px 1px; margin-top:30px; padding-top:5px; } div.code-coverage-results div.end { border:1px solid #aaa; border-width:0px 1px 1px 1px; margin-bottom:30px; padding-bottom:5px; } div.code-coverage-results div.realstart { margin-top:0px; } div.code-coverage-results p.note { color:#bbb; padding:5px; margin:5px 0 10px; font-size:10px; } div.code-coverage-results span.result-bad { color:#a00; } div.code-coverage-results span.result-ok { color:#fa0; } div.code-coverage-results span.result-good { color:#0a0; } div.todo { background:yellow; padding:5px; font-weight:bold; } /* Layout */ #header { background:url(../img/backgrounds/buildings-top.png) -75px bottom repeat-x; height:210px; border-top:4px solid #72A7BE; border-bottom:3px solid #5E8F34; } #reflection { background:#fff url(../img/backgrounds/buildings-bottom.png) -75px top repeat-x; overflow:hidden; width:100%; clear:both; color:#333; } #overlay { z-index:6; position:absolute; top:0; bottom:0; left:0; width:100%; background:#000; opacity:0.20; -moz-opacity:0.20; filter:alpha(opacity=20); } #header h1 { margin-top:-4px; margin-left:125px; position:relative; float:left; background:none; } #header h1 a { color:#777; display:block; outline:none; width:134px; height:130px; background:url(../img/rentupdate.png); } #header h1 div { overflow:none; text-indent:-9999px; } #header h1 sup { position:absolute; top:0; right:0; font-weight:bold; margin-top:10px; } #container { text-align:left; } #content { padding-left:20px; margin-top:0; } #content-wrap { position:relative; width:93%; margin:0 auto; } #home #content-wrap { max-width: 980px; } #content-left, #content-right { display:block; height:100%; width:10px; position:absolute; top:0; } #content-left { left:0; background:#edece1 url(../img/backgrounds/content-sides.png) top right; z-index:1; } #content-right { right:0; background:#edece1 url(../img/backgrounds/content-sides.png) top left; z-index:1; } #content-left-back, #content-right-back { background:#edece1; position:absolute; top:0; right:100%; width:100%; height:100%; } #content-right-back { left:100%; } #content-bottom, #content-bottom-right { display:block; height:22px; background:url(../img/backgrounds/content-bottom.png) bottom left; z-index:5; position:relative; } #content-bottom-right { background:url(../img/backgrounds/content-bottom.png) bottom right; width:50px; float:right; } #content-bottom { margin-top:20px; } #footer { font-size:12px; font-family:arial,sans-serif; color:#81794C; clear:both; padding:6px 10px; text-align:center; display:block; margin-bottom:30px; } #footer a { padding:0 5px; line-height:200%; color:#81794C; } #logged-in { color:#fff; margin:0 10px 0 -10px; width:100%; background:url(../img/backgrounds/logged-in.png) repeat-x; } #logged-in div.actions { float:right; margin-right:20px; } #logged-in div.actions a { padding:0 15px; border-left:1px solid #395f74; display:block; background:none; color:#fff; font-weight:normal; text-decoration:none; font-size:12px; } #logged-in div.actions a:hover { background-image:url(../img/backgrounds/logged-in-hover.png);} #logged-in div.actions li { border-left:1px solid #6e9bae; float:left; margin-right:0; } #personalized-message { float:left; margin:5px 18px 0; font-weight:bold; padding:3px; margin-top:0; margin-bottom:0; } a.administration { position:absolute; top:0; right:10%; background:url(../img/buttons/listings.png); width:125px; height:42px; text-indent:-999px; overflow:hidden; } #logged-in.admin { background:url(../img/backgrounds/admin.png); padding-bottom:2px; } #logged-in.admin #personalized-message { background:url(../img/backgrounds/admin-button.png); border:1px solid #FFE100; color:#000; } #logged-in.admin div.actions li { border-left:0; } #logged-in.admin div.actions li a { border-left:0; background-image:url(../img/buttons/property.png); background-repeat:no-repeat; font-size:12px; font-weight:bold; text-transform:uppercase; margin:4px 10px 0 0; color:black; padding:6px 18px 0 10px; line-height:100%; height:16px; } #logged-in.admin div.actions li.my-account a { background-position:0 -259px; } #logged-in.admin div.actions li.password a { background-position:0 -281px; } #logged-in.admin div.actions li.logout a { background-position:0 -236px; color:#fff; } #uploaded-images { list-style:none; margin:0;padding:0; clear:both; padding-top:10px; } #uploaded-images li { width:132px; margin-left:0; cursor:pointer; cursor:hand; background:white; position:relative; text-align:center; float:left; padding:5px; margin-right:5px; margin-bottom:5px; border:1px solid #ccc; } #uploaded-images li.selected { background:#FFFF99; } #uploaded-images li div.border { border:2px solid white;} #uploaded-images div.actions { height:19px; } #uploaded-images div.delete a, .image-thumb div.delete a { display:block; text-align:center; background:#c00; padding:0 5px; color:#fff; text-decoration:none; font-weight:normal; position:absolute; top:0; right:0; } #uploaded-images li span.main { color:#006600; font-size:10px; font-weight:bold; } .image-thumb { border:1px solid #ccc; background:white; padding:5px; position:relative; float:left; margin-right:5px; } /* Page Specific */ /* home */ #pages-home #actions, #pages-home #intro { padding-top:50px; } #pages-home #intro { margin-left:10px; } #pages-home #intro p { line-height:150%; font-size:12px; font-family:arial,sans-serif; margin-top:10px; } #pages-home #intro h1 { padding: 0; margin: 0; font-family:'trebuchet MS',sans-serif;text-transform: uppercase; font-size: 16px; font-weight: bold; } #pages-home #actions { width:390px; float:right; } #renters h2, #managers h2 { overflow:none; text-indent:-9999px; padding:0; margin:0; font-size:0; } #managers { margin-left:70px; } #management-companies { margin-left:86px; padding-top:20px; clear:both; } #management-companies a { color:#25404C; font-family:"trebuchet MS",sans-serif; font-size:16px; text-transform:uppercase; } #renters { background:url(../img/home/renters.png) no-repeat; height:82px; position:absolute; right:7%; top:132px; padding-top:40px; padding-left:87px; } #pages-home #renters { margin-left:54px; position:static; right:auto; top:auto; } #renters .input { float:left; width:110px; } #renters input { width:110px; } #renters .submit { clear:none; float:left; margin:3px 0 0 5px; } input.search { background:url(../img/buttons/search.png) no-repeat; width:81px; height:23px; text-indent:-9999px; overflow:hidden; font-size:0; float:left; border:0; cursor:pointer; cursor:hand; } * html input.search { font-size:0; } /* user/login */ #login-info { right:0; position:absolute; top:4px; right:7%; background:url(../img/backgrounds/login.png) no-repeat; padding-left:10px; } #login-info div.input { margin-top:5px; } #login-info div.input input { width:95px; } #login-info div.text, #login-info div.password, #login-info div.submit { display:inline; float:left; clear:none; } #login-info form { width:auto; } #login-info div.submit { margin:0; padding:0; } #login-info div.submit input { background:url(../img/buttons/login.png) no-repeat; width:78px; height:42px; border:0; cursor:pointer; cursor:hand; font-size:0; } /* properties/add */ #properties-add .menu-title { float:left; } #properties-add .step-menu { list-style:none; } #properties-add .step-menu li { float:left; padding:5px; cursor:pointer; margin:0; } #properties-add .step-menu li.on { background:#ddd; } #properties-add .step-menu li.current { background:#555; color:#fff; } #properties-add .step-actions { clear:both; } .steps { list-style:none; margin:10px; padding:0; } .steps li { float:left; width:108px; height:22px; background-image:url(../img/buttons/form.png); background-position:-108px -127px; margin:0; padding:0; margin-right:5px; font-size:12px; color:#fff; text-align:center; padding-top:3px; } .steps li.active { background-position:0 -127px; } /* properties/edit */ #unit-types-list { list-style:none; } #unit-types-list li { float:left; margin:10px 5px 10px 0; background:#fff; padding:5px 8px; border:1px solid #E3E8EB; } #unit-types-list li h4 { padding-top:0; } #unit-types-list li:hover { background:#E3E8EB; cursor:pointer; } #unit-types-list div.edit { width:132px; height:88px; } /* properties/index */ #address-input { display:none; } .nojs #search-filters-list li { background:#EDECE1; } .nojs a.tab { text-decoration:none; font-weight:bold; font-size:14px; margin-left:10px; } .js .address { display:none; } .js #search-filters .submit { display:none; } #address-input { position:absolute; top:40px; } #address-input div.input { float:left; } #search-filters-wrap { margin-top:68px; margin-right:12px; position:absolute; top:0; right:0; } form#search-filters, form#search-name { display:block; width:180px; clear:none; position:relative; } .js #search-name { display:none; } div.quick-links { font-size:12px; margin-right:10px; text-align:right; margin-bottom:10px; margin-top:-10px; color:#777; } #filter-results { background:url(../img/search/filter-results.png) no-repeat; height:210px; width:41px; position:absolute; top:0; left:-50px; } #search-filters-list { padding-bottom:0; margin-left:-10px; list-style:none; } #search-filters div.content { width:188px; border-left:1px solid #deddd4; border-right:1px solid #deddd4; background:#f9f8f4; } #search-filters div.content br.spacing { height:10px; } #search-filters li { margin:0; padding:0; width:190px; } #search-filters .ui-slider-handle { background:url(../img/backgrounds/slider-handle.png) 0 0!important; width:15px; height:16px; border:0; } #search-filters .ui-accordion-header { background-image:url(../img/search/tabs.png)!important; width:190px; height:24px; display:block; border:0; text-indent:-9999px; overflow:hidden; } #filter-location .ui-accordion-header { background-position:0 -35px; } #filter-location .ui-state-active { background-position:-190px -35px; } #filter-price .ui-accordion-header { background-position:0 -59px; } #filter-price .ui-state-active { background-position:-190px -59px; } #filter-rooms .ui-accordion-header { background-position:0 -83px; } #filter-rooms .ui-state-active { background-position:-190px -83px; } #filter-misc .ui-accordion-header { background-position:0 -107px; } #filter-misc .ui-state-active { background-position:-190px -107px; } #filter-clear .ui-accordion-header { background-position:-190px 0; } #filter-active .ui-accordion-header { background-position:0 0; height:35px; } #search-filters .ui-icon { display:none; } #search-filters .ui-slider { margin:20px 0 20px 10px; } #search-filters .ui-slider, .ui-slider-scale { width:145px; } #search-filters .ui-slider-tooltip { padding:0; margin-left:-3.6em; } #search-filters .ui-slider-label { float:left; font-size:10px; top:-10px; position:absolute; top:-10px; } #search-filters .ui-accordion-content-wrap { border:0; } #search-filters .ui-accordion-content { padding:0; overflow:visible; padding-top:15px; } #search-filters .lease-term .ui-slider, #search-filters .lease-term .ui-slider-scale { width:130px; margin:0; } #search-filters .lease-term .ui-slider { margin-top:20px; } #search-filters .ui-slider-horizontal { background:url(../img/backgrounds/slider.png) repeat-x; border:0; } #search-filters span.ui-slider-tic { top:-15px; border:1px solid #ccc; height:2px; } #search-filters .ui-slider-range { top:-1.5px; background:#80B1E2; height:70%; } .js #search-filters .lease-term { margin-left:18px; } .js #search-filters .lease-term label { margin-left:-18px; } .slider { margin-bottom:15px!important; } #search-filters .ui-slider-horizontal .ui-slider-handle { top:-4.5px; } #search-filters div.submit { margin-left:0; text-align:right; } #search-filters div.submit input { text-indent:-999px; overflow:hidden; } #search-filters input, #search-filters select { font-size:12px; } h2#results { text-indent:-9999px; overflow:hidden; background:url(../img/backgrounds/results.png) no-repeat; padding:0; margin:0; height:13px; } #results-count { font-size:14px; color:#25404C; margin:5px 0 7px; } #property-list { padding-top:50px; min-height:400px; height:auto !important; height:400px; } #property-list ul { list-style:none; float:left; margin-right:230px; } #pages-home #property-list { min-height: 200px; height:auto !important; height:200px; padding-top:20px; } #pages-home #property-list ul { margin-right:0; } #property-list li.property { width:147px; height:180px; text-align:center; float:left; margin:0; padding:0; position:relative; margin-right:20px; margin-bottom:10px; padding-bottom:7px; } #property-list li.property .distance { position:absolute; top:0; right:0; background:#fff; padding:1px 5px; margin:1px; font-size:12px; } .js #property-list li.property { cursor:pointer; cursor:hand; } #property-list span.zoom { z-index:4; display:none; position:absolute; top:25px; left:40px; background:url(../img/icons/zoom.png) no-repeat; width:50px; height:51px; } #property-list li.hover span.zoom { display:block; } #property-list li.hover .bg { background:#e5efd7; padding-bottom:5px; } #property-list li.property img { border:1px solid #ccc; margin-bottom:3px; } #property-list li.hover img { border:1px solid #78AD32; } #property-list li.property div.name { font-size:12px; color:#25414D; word-wrap: break-word; } #property-list li.property div.city { font-size:11px; color:#666666; } #property-list li.property div.attributes { font-size:11px; color:#6CA025; } #property-list .no-image { position:relative; } #property-list .no-image span { position:absolute; bottom:8px; left:1px; right:1px; display:block; background:#eee; padding:3px 0; color:#777; font-weight:normal; font-size:11px; opacity:0.75; -moz-opacity:0.75; filter:alpha(opacity=75); } /* property/index/property */ #property-view { position:absolute; top:80px; left:5%; right:8%; margin:0 auto; z-index:10; width:830px; } #property-view a.close { position:absolute; top:0; left:0; display:block; background:url(../img/buttons/property-close.png); text-indent:-999px; overflow:hidden; width:40px; height:43px; z-index:11; } #property-view .header { background:url(../img/backgrounds/property-header-right.png) no-repeat right top; height:100px; padding-right:40px; float:left; position:relative; z-index:5; } #property-view .header-left { background:url(../img/backgrounds/property-content.png) repeat-y; display:block; position:absolute; top:43px; left:0; height:57px; right:40px; margin-left:7px; z-index:-1; } #property-view .header-middle { background:#fff url(../img/backgrounds/property-header.png) repeat-x 0 -43px; display:block; margin-left:9px; height:100%; } #property-view .header-bottom { background:url(../img/backgrounds/property-header-bottom.png) repeat-x scroll 0 0; display:block; margin-top:61px; height:16px; margin-left:20px; margin-right:42px; border-bottom:23px solid white; } #property-view h1 { background:url(../img/backgrounds/property-header.png) repeat-x; float:left; margin-left:40px; padding-top:36px; display:block; padding-left:5px; z-index:5; font-size:24px; letter-spacing:-1px; text-transform:uppercase; color:#25404C; font-family:"trebuchet MS",sans-serif; } #property-view h1 span.address { background:#fff; display:block; font-size:14px; text-transform:none; color:#657880; font-family:arial,sans-serif; letter-spacing:0.5px; margin-top:-4px; } #property-view .content-wrap { clear:left; background:url(../img/backgrounds/property-content.png) repeat-y 7px 10px; position:relative; } #property-view .content-right { background:url(../img/backgrounds/property-content.png) repeat-y right top; display:block; width:13px; height:100%; position:absolute; top:0; right:0; } #property-view .content-right-top { background:url(../img/backgrounds/property-content-right.png) repeat-y right top; display:block; width:40px; height:35px; position:absolute; top:-35px; right:2px; } #property-view .content { text-align:right; padding-bottom:15px; } #property-view .content, #property-view .content-bottom { background:#fff; margin-left:16px; margin-right:12px; padding-left:28px; padding-right:20px; } #property-view .content-bottom { background:#25414D; position:relative; color:#fff; } #property-view .bottom { background:url(../img/backgrounds/property-bottom.png) no-repeat; display:block; height:25px; margin-left:7px; margin-right:25px; position:relative; } #property-view .bottom-right { background:url(../img/backgrounds/property-bottom.png) no-repeat top right; display:block; height:25px; position:absolute; top:0; left:100%; width:30px; } #property-view .buttons { float:left; text-align:left; } #property-view .buttons a { display:block; float:left; text-indent:-999px; overflow:hidden; background-image:url(../img/buttons/property.png); } #property-view .buttons a.contact-property { background-position:0 -68px; width:155px; height:39px; } #property-view .buttons a.share { background-position:0 -108px; width:167px; height:39px; } #property-view .buttons a.favorite { background-position:0 -146px; width:57px; height:38px; } #property-view table.property-attributes { text-align:left; color:#25414D; font-size:12px; clear:left; float:left; margin-top:10px; width:380px; margin-bottom:30px; } #property-view table.property-attributes tr { background:#E4EFD6; } #property-view table.property-attributes tr.alt { background:#fff; } #property-view table.property-attributes th { padding:7px 13px 4px 10px; text-align:left; font-weight:bold; } #property-view table.property-attributes td { padding-right:10px; font-weight:normal; } #property-view .main-gallery .main-image { position:relative; display:block; margin:0; width:360px; height:240px; padding:1px; border:1px solid #ccc;} #property-view .main-gallery .main-image img { position:absolute; top:0; left:0; } #property-view .gallery-wrap { width:360px; height:290px; float:right; } #property-view .gallery .thumbs ul { list-style:none; margin:0; padding:0; } #property-view .gallery .thumbs li { float:left; margin:0; padding:1px; } #property-view .gallery .thumbs li img { border:1px solid white; padding:1px; } #property-view .gallery .thumbs li img:hover { border:1px solid #555; } #property-view .gallery .thumbs img { opacity:0.70; -moz-opacity:0.70; filter:alpha(opacity=70); } #property-view .unit-gallery .thumbs img { opacity:0.60; -moz-opacity:0.60; filter:alpha(opacity=60); } #property-view .gallery .thumbs li { cursor:pointer; } #property-view .gallery .thumbs li.active img { opacity:1.00; -moz-opacity:1.00; filter:alpha(opacity=100); } .js #property-view h3#map-description, .js #property-view h3#unit-types { height:34px; display:block; margin:0; padding:0; position:absolute; bottom:100%; background-image:url(../img/buttons/property.png); text-indent:-999px; overflow:hidden; cursor:pointer; cursor:hand; z-index:999; } .js #property-view h3#map-description { width:131px; background-position:0 -34px; } .js #property-view h3#map-description.active { background-position:0 0; } .js #property-view h3#unit-types { background-position:-131px -34px; width:81px; margin-left:132px; } .js #property-view h3#unit-types.active { background-position:-131px 0; } #property-view #map-description-content, #property-view #unit-types-content { padding-top:28px; } #property-view .address-box { float:left; font-size:16px; letter-spacing:0.5px; padding:0 10px 10px; width:299px; background:#1F3742; border:1px solid #1F3742; margin-bottom:5px; } #property-view .address-box h4 { font-weight:bold; } #property-view .map { width:300px; height:200px; margin-top:5px; } #property-view .description-box { margin-left: 340px; } #property-view .description-box .buttons { margin-top:10px; } #property-view .description-box .buttons a.contact-property { background-position:0 -204px; width:157px; height:32px; } #property-view .description-box h4 { font-size:14px; font-weight:bold; margin-bottom:5px; } #property-view .description-box .description, #property-view .description-box .management-address { line-height:15px; color:#B8D0DA; font-size:12px; letter-spacing:0.5px; margin-bottom:10px; } #property-view .description-box .management-info a, #property-view .description-box .property-info a { line-height:15px; color:#FF9900; font-size:12px; margin-bottom:10px; } #property-view table.unit-type-attributes { font-size:12px; clear:left; float:left; margin-top:5px; } #property-view table.unit-type-attributes th { color:#B8D0DA; padding:1px 10px 2px 0; text-align:left; font-weight:normal; } #property-view table.unit-type-attributes td { padding-right:10px; color: #fff; } #property-view .unit-gallery .thumbs li img { border:1px solid #25414D; } #property-view .unit-gallery .thumbs li img:hover { border:1px solid #eee; } #property-view .unit-gallery { width:320px; height:160px; float:right; position:relative; padding-left:20px; } #property-view .unit-gallery .link-photos, #property-view .unit-gallery .link-floor-plan { cursor:pointer; text-indent:-999px; overflow:none; display:block; width:20px; height:80px; position:absolute; left:0; background-image:url(../img/buttons/property.png); } #property-view .unit-gallery .link-photos { top:0; background-position:-172px -77px; } #property-view .unit-gallery .link-photos.active { background-position:-192px -77px; } #property-view .unit-gallery .link-floor-plan { bottom:0; background-position:-192px -157px;} #property-view .unit-gallery .link-floor-plan.active { background-position:-172px -157px; } #property-view .unit-gallery .main-image, #property-view .unit-gallery .floor-plan span { position:relative; float:left; margin:0; padding:0; width:240px; height:160px; margin-right:5px; } #property-view .unit-type { padding:10px; margin-bottom:10px; } #property-view .alt { background:#1F3742; } #property-view .unit-type-box { float:left; } #property-view .unit-type h4 { font-size:14px; font-weight:bold; margin-bottom:5px; padding:0; } /* Users Dashboard */ #users-dashboard a.create-property, #users-dashboard a.create-company { display:block; width:149px; height:151px; background-image:url(../img/backgrounds/dashboard.png); text-indent:-999px; overflow:hidden; } #users-dashboard a.create-company { background-position:-149px 0; } #users-dashboard h3 { background:url(../img/backgrounds/dashboard.png) no-repeat; text-indent:-9999px; overflow:hidden; display:block; position:relative; padding:0; margin:0; margin-bottom:10px; } #users-dashboard h3#notifications-title { height:15px; background-position:0 -180px; margin-top:40px; } #users-dashboard h3#properties-title { height:15px; background-position:0 -151px; margin-top:40px; } #users-dashboard h3#properties-title span.count { position:absolute; top:1px; left:103px; color:#fff; font-size:10px; display:block; text-indent:0; text-align:center; width:15px; } #users-dashboard h3#management-title { height:14px; background-position:0 -166px; margin-top:40px; } #users-dashboard div.management-company { border-bottom:2px #fff solid; background:#E5EFD7; height:151px; width:147px; text-align:center; float:left; margin:0; padding:0; position:relative; margin-right:20px; margin-bottom:10px; padding-bottom:7px; cursor:pointer; cursor:hand; } #users-dashboard div.management-company:hover { border-bottom:2px solid #438318; } #users-dashboard div.management-company img { border:1px solid #ccc; margin-bottom:3px; } #users-dashboard div.hover img { border:1px solid #78AD32; } #users-dashboard div.management-company div.name { font-size:12px; color:#25414D; } #users-dashboard div.management-company div.city { font-size:11px; color:#666666; } #users-dashboard div.management-company div.attributes { font-size:11px; color:#6CA025; } #users-dashboard li.property { background:#E5EFD7; height:151px; padding:0; border-bottom:2px solid #fff; } #users-dashboard li.property:hover { border-bottom:2px solid #438318; } #users-dashboard li.property img { border:1px solid #78AD32; border-bottom:0; } #notifications-list { background:#F2F0A6; margin:0 20px 0 0; padding:0; padding:8px 0; } #notifications-list li { list-style:none; margin:0; padding:0; font-size:12px; padding:2px; color:#333; } #notifications-list .date { color:#55AA19; margin-right:10px; } /* Legal Page */ #legal div.entry li { margin-top:10px; } #legal .entry-top li a { font-size:13px; } /* Login Page */ #users-login div.form { margin-top:75px; }