/* -- -------- */ html { height:100%; } /* -- -------- */ body { font: 62.5% helvetica, arial, sans-serif; background: #999; } /*body.homepage { height:100%; margin:0; }*/ /* -- -------- */ a { color: #285483; text-decoration: none; cursor: pointer; } /*--

,

-------- / h1, h2, h3, h4, h5 { font-family: Gill Sans MT,Gill Sans,Arial,Sans-Serif; } h1 { font-size:1.8em; } h2 { font-size:1.5em; line-height:1.5em; } / -- utility -------- / / -- hr -- / .single-rule { border-bottom: 1px solid #ccc; height: 1px; margin: 14px 0; padding: 0; line-height: 0; clear: both; } .single-rule hr { display:none; } .dotted-rule { border-bottom: 1px dotted #ccc; height: 1px; margin: 14px 0; padding: 0; line-height: 0; clear: both; } .dotted-rule hr { display:none; } .dashed-rule { border-bottom: 1px dashed #ccc; height: 1px; margin: 14px 0; padding: 0; line-height: 0; clear: both; } .dashed-rule hr { display:none; } .hidden-rule { border-bottom: 0; height: 1px; margin: 14px 0; padding: 0; line-height: 0; clear: both; } .hidden-rule hr { display:none; } /-- required field for form psuedo-element -- / /.required:before { content:""; color:#800; } ---- removed since it doesn't work on IE7, replaced with a span class="required_symbol" / .required_symbol { color:#800; } .new_required_symbol { color: #800; position: absolute; left: 6px; top: 2px; } /* -- .group -- / .group:after { content: " "; clear: both; height: 0; visibility: hidden; display: block; font-size:0; } .group { display: inline-block; / Fixes IE/Mac / } / Hides from IE-mac \/ html .group {height: 1%;} .group {display: block;} /* End hide from IE-mac / .clear { clear:both; font-size:0; } .none { display: none !important; } / -- end utility -------- / / -- ui -------/ / -- .pagination -- / .pagination { text-align:center; font-weight: bold; color: #000; overflow: hidden; } .pagination .index { display: inline; color: #333; border-right: 1px solid #ccc; border-left: 1px solid #ccc; margin: 0 4px; padding: 0 10px; zoom:1; } .pagination .index input { font-size: inherit; font-weight:bold; background: #fafafa; height:14px; text-align:center; width:30px; margin-right: 4px; vertical-align: middle; } .pagination em, .pagination a { margin: 0 5px; text-decoration: none; } .pagination em { color: #999; font-weight: normal; font-style: normal; } .pagination .go-back { border-right: 1px solid #ccc; margin-right: 5px; padding: 0 10px 0 0; float:left; min-width:30%; padding:0 6px 0 2px !important; } .pagination .wrapper-previous-next { padding-right: 4px; display:inline-block; display:inline; float:left; min-width:60%; padding:0 2px; } /* -- .tabs -- / .tabs { font-family: "Gill Sans MT", "Gill Sans", Arial; text-transform:uppercase; font-size: 1em; border-bottom: 1px solid #ccc; margin: 0; } .tabs ul { margin: 0 0 -1px; padding: 0; overflow: hidden; } .tabs ul li { float: left; display: inline; margin: 0 4px; } .tabs ul li a, .tabs ul li.selected { display: block; padding: 5px 8px; border: 1px solid #ccc; color: #333; text-decoration: none;-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; background: #eaeaea; } .tabs ul li a:hover { background: #eaeaea; } .tabs ul li.selected { border-bottom: 1px solid #fff; background: #fff; color: #333; cursor: default; } .tabs ul li.selected a, .tabs ul li.selected a:hover { margin:-5px -8px -7px; padding: none; border-bottom: 2px solid #fff; border-top: none; border-left: none; border-right: none; -webkit-border-top-left-radius: none; -webkit-border-top-right-radius: none; -moz-border-radius-topleft: none; -moz-border-radius-topright: none; border-top-left-radius: none; border-top-right-radius: none; background: none;} / -- .table -- / .table { color:#000; width:100%; background-color:#fff; } .table thead th { font-size:1.1em; font-weight:bold; text-align:left; border-bottom:1px solid #d9d9d9; color:#3a3b4d; padding:2px 0; } .table tbody td { font-size:1.1em; padding:4px; } .table tbody tr.even { background:#fafafa; } .table tbody tr.odd { background:#f2f2f2; } .table tbody tr.selected { background:#777; color:#fff; } .table tbody tr:hover { background:#d2d2d2; } .table tbody tr.selected:hover { background:#777; color:#fff; } .table a { color:#3a3b4d; } .table a:hover { text-decoration:none;text-decoration:underline; } .table.summary tbody tr:hover{background-color:Transparent;} / -- .thumb-pager -- / .thumb-pager { height:20px; position:relative; top:-22px; background-color:transparent; display:none; } .thumb-pager-bg { background-color: #000; height: 100%; width: 100%; opacity: 0.66; filter:alpha(opacity=66); position:absolute; top:0; left:0; } .thumb-pager-content { background-color:transparent; position: relative; text-align:center; color:#fff; padding-top:4px; } .thumb-pager a { position:absolute; top:5px; width:10px; height:11px; background:transparent url(/resources/v_3_2_0_14/layouts/common/images/icon-btn-sprite.png) no-repeat; } .thumb-pager a.thumbs-prev { background-position:-210px -10px; left:6px; display:none; } .thumb-pager a.thumbs-next { background-position:-180px -10px; right:6px; } / -- .simple-modal -- / .simplemodal-overlay { background-color:#000; opacity:.90; filter:alpha(opacity=50); } .simplemodal-container { border:7px solid #666; border-color: rgba(0,0,0,.5); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height: auto !important} .simplemodal-container a.modalCloseImg { background: transparent url(/reno/custom/wrappers/182/images/global-sprite.png) -16px -80px; width:15px; height:15px; position:absolute; top:7px; right:7px; cursor:pointer; z-index: 1; } .simplemodal-container a.modalCloseImg:hover { text-decoration:none; } .simplemodal-wrap { background-color:#fff; } .simplemodal-data { font-size:1.1em; text-align:left; padding:10px; } .simplemodal-data h2 { border-bottom:1px solid #d7d7d7; font-size:1.3em; color:#333; margin-bottom:20px; font-weight:bold; text-transform:uppercase; } .simplemodal-data h3 { text-align:center; padding:10px; text-transform:uppercase; } #listingemailfriend h2 { max-width:380px; } /* -- .flyout -- / .flyout-wrapper { position:relative; z-index: 8; } .flyout-wrapper>div { position:absolute; visibility:hidden; z-index:-1; left:85%; top:-20px; padding: 6px 0 6px 10px; border:1px solid #ccc; background-color:#fff; box-shadow: 2px 2px 5px rgba(0,0,0,.4); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.4); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.4); width: 700px; } .flyout-wrapper>div:before { content:" "; position:absolute; top:10px; left:-4px; border-right:4px solid #FFF; border-top:4px solid transparent; border-bottom:4px solid transparent; } .flyout-wrapper .option-col { float:left; margin-right:10px; } .flyout-wrapper .option-col label { white-space:nowrap; } .results-page .aside .flyout-wrapper .option-col label input, .results-page .aside .flyout-wrapper .option-col label span { float:none; } .flyout-wrapper .footer { clear:both; text-align:center; padding: 8px 0 5px; height: 30px; } .flyout-wrapper .footer a {vertical-align:middle;} #resultscontainer #refine_search .flyout-wrapper div .option-col label span {width: 130px} / -- .school-districts modal / flyout -- / #school_districts_target_placeholder { margin:0; padding:0; height:1px; position:absolute; width:100%; left:0; } .school-districts-wrapper { position:relative; color:#000; } .school-districts-wrapper .header-row { text-align:center; padding-top:10px; } #school_districts_target_placeholder .school-districts-wrapper .header-row select { width:auto; margin:0; } .school-districts-wrapper .option-col { float:left; margin-right:10px; } .school-districts-wrapper .option-col label { white-space:nowrap; margin:0; vertical-align:middle; } .school-districts-wrapper .option-col label input, .school-districts-wrapper .option-col label span { display:inline-block; float:none; padding:3px; margin-right:5px; font-size:10px; font-weight:bold; vertical-align:middle; } .school-districts-wrapper .footer { clear:both; text-align:center; padding: 8px 0 5px; } .school_districts_modal .btn { float:none; } .school-districts-inline { position: absolute; z-index:1000; display:inline-block; border: 1px solid #DCDCDC; background-color:#fff; box-shadow:2px 2px 2px #777; } .school-districts-inline>div { margin:10px; } / -- .dym -- / .dym { display:none; padding:10px; border:1px solid #ccc; margin-bottom:10px; background-color:#DFE6ED; } .dym .icon-close { float:right; margin-left:5px; position:relative; top:-5px; right:-5px; } .dym .match { font-size:1.4em; text-transform:capitalize; color:#666; font-weight:bold; position:relative; } .dym .match div { font-size:.79em; padding:7px 5px; border: 1px dotted #ccc; margin:1px 0; } .dym .match>span { position:absolute; top:50%; left:50%; text-transform:uppercase; } .dym .match-more { margin-top:5px; text-align:center; font-size:1.1em; } .simplemodal-data .dym { display:block; padding:5px; max-height:240px; overflow:auto; position:relative; } .simplemodal-data .dym .match { padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ccc; } .simplemodal-data .dym .match div { margin: 0 3px; } .simplemodal-data .dym .match .description { border:none; padding:0; margin: 0 0 3px 0; } / -- .range-slider -- / .range-values { color: #990000; margin-bottom:5px; font-size:1.1em; } #distance-select{ display:none; } #sqft-wrap, #distance-wrap { margin-bottom:10px; } .range-slider, .results-page .range-slider { background:transparent url(/resources/v_3_2_0_14/layouts/common/images/icon-btn-sprite.png) no-repeat -1px -335px; height:23px; } .range-slider.fixed-min, .results-page .range-slider.fixed-min { background-position:-4px -302px; } .ui-slider, .results-page .ui-slider { border:none; cursor:pointer; width:120px; margin: 0 auto; } .ui-slider .ui-slider-range, .results-page .ui-slider .ui-slider-range { background:#990000; height:2px; top:20px; } .ui-slider-horizontal .ui-slider-handle, .results-page .ui-slider-horizontal .ui-slider-handle { background: transparent url(/resources/v_3_2_0_14/layouts/common/images/icon-btn-sprite.png) no-repeat 0 -264px; border:none; height:19px; width:11px; margin-left:-5px; top:8px; cursor:pointer; } .ui-slider-horizontal .ui-slider-handle:last-child, .results-page .ui-slider-horizontal .ui-slider-handle:last-child { background-position: -19px -264px; margin-left:-6px; } / -- .tool-tip -- / .tool-tip { font-size:1.1em; position:absolute; z-index:10000; whitespace:nowrap; padding:5px 7px; color:#fff; border:1px solid #f4f4f4; background: rgb(70,115,160); box-shadow: 2px 2px 3px rgba(0,0,0,.5); -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.5); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,.5); border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } .tool-tip.error { border-color:red; color:red; background-color:#f4f4f4; } .tool-tip .point { position:absolute; top:5px; left:-10px; font-size: 0px; line-height: 0%; width: 0px; border-top:6px solid transparent; border-right:12px solid rgb(70,115,160); border-bottom:6px solid transparent; } .location-tip { max-width:200px; } .tool-tip.modal-dialog .point { bottom:20px; top:auto; } /custom tool-tip for sign up form/ / The default z-index value was changed to 60000000 so the tooltip will be visible in modal dialogs / .tool-tip.modal-dialog { z-index:60000000; max-width:250px; } / -- .btn -- / .btn { background-color:#446E99; display:inline-block; padding:3px 7px; cursor:pointer; color:#FFF; font:1.2em arial; border:1px solid #003e6d; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-transition:all .12s linear; -moz-transition:all .12s linear; transition:all .12s linear; } .btn:hover { background-color:#407BB7; border-color:#003355; -moz-box-shadow: 0px 0px 2px RGBa(0,0,0,.6); -webkit-box-shadow: 0px 0px 2px RGBa(0,0,0,.6); box-shadow: 0px 0px 2px RGBa(0,0,0,.6); } .btn:active { background-color:#17487A; } @media \0screen { #saved_notes_wrapper .btn, #saved_notes_wrapper input#save_note { margin-right: 5px; } } / IE8 / / -- end ui ------- / .icon.icon-telephone-on { display:none; } / -- .icon -------- / / Some Icons are Copyright Yusuke Kamiyamane (http://p.yusukekamiyamane.com/). All rights reserved. / .icon { background: url(/resources/v_3_2_0_14/layouts/common/images/icon-btn-sprite.png) no-repeat; vertical-align: middle; border: 0; padding: 0; display: inline-block; text-indent: 0; line-height: 0; font-size: 0; overflow: hidden; cursor:pointer; } .icon-text { vertical-align: middle; } .icon-clock-small { width: 8px; height: 8px; background-position: 0 0; } .icon-plus-small { width: 7px; height: 7px; background-position: -30px 0; } .icon-minus-small { width: 7px; height: 3px; background-position: -60px 0; } .icon-pages-next { width:8px; height:6px; background-position: -90px 0; } .icon-pages-prev { width:8px; height:6px; background-position: -120px 0; } .icon-bullet-black { width:6px; height:6px; background-position: -150px 0; } .icon-bullet-blue { width:6px; height:6px; background-position: -180px 0; } .icon-bullet-red { width:6px; height:6px; background-position: -210px 0; } .icon-chain { width:16px; height:8px; background-position: -240px 0; } .icon-printer-small { width: 9px; height: 9px; background-position: 0 -10px; } .icon-film-small { width: 9px; height: 9px; background-position: -30px -10px; } .icon-plus-small-white { width: 9px; height: 9px; background-position: -324px 4px; } .icon-minus-small-white { width: 9px; height: 9px; background-position: -306px 4px; } .icon-pages-close { width:9px; height:9px; background-position: -120px -10px; } .icon-film-medium { width: 11px; height: 11px; background-position: 0 -30px; } .icon-plus-medium { width:10px; height:10px; background-position: -286px 4px; } .icon-minus-medium { width:10px; height:10px; background-position: -270px 4px; } .icon-tab { width:30px; height:10px; background-position: -150px -30px; } .icon-people { width: 16px; height: 16px; background-position: -120px -110px; } .icon-dollar-sign { width: 15px; height: 16px; background-position: -239px -110px; } .icon-grad-cap { width: 16px; height: 16px; background-position: -269px -110px; } .icon-crime-index { width: 16px; height: 16px; background-position: -300px -110px; } .icon-travel-time { width: 16px; height: 16px; background-position: -329px -110px; } .icon-leaving-home { width: 16px; height: 16px; background-position: -120px -130px; } .icon-temperature { width: 16px; height: 16px; background-position: -359px -108px; } .icon-precipitation { width: 16px; height: 16px; background-position: -389px -110px; } .icon-year-built { width: 16px; height: 16px; background-position: -419px -110px; } .icon-occupancy-status { width: 16px; height: 16px; background-position: -449px -110px; } .icon-num-occupants { width: 16px; height: 16px; background-position: -479px -110px; } .icon-by-population { width: 16px; height: 16px; background-position: -510px -110px; } .icon-email { width: 16px; width: 20px; height: 12px; background-position: 0 -50px; padding-bottom: 2px } .icon-photo { width: 16px; height: 12px; background-position: -30px -50px; } .icon-card-address { width: 16px; height: 12px; background-position: -60px -50px; } .icon-home-medium { width: 16px; height: 12px; background-position: -90px -50px; } .icon-folder { width: 16px; height: 13px; background-position: 0 -70px; } .icon-camera-black { width: 16px; height: 13px; background-position: -30px -70px; } .icon-camera { width: 16px; height: 13px; background-position: -60px -70px; } .icon-list { width: 14px; height: 13px; background-position: -90px -70px; } .icon-talk-ballon { width: 14px; height: 13px; background-position: -120px -70px; } .icon-talk-ballon-white { width: 14px; height: 13px; background-position: -150px -70px; } .icon-building-medium { width: 14px; height: 13px; background-position: -180px -70px; } .icon-close { width:13px; height:13px; background-position:-210px -70px; } .icon-camera-plus { width:16px; height:15px; background-position: -240px -70px; } .icon-picture-remove { width:16px; height:13px; background-position: -270px -70px; } .icon-magnifier-zoom-in { width:16px; height:16px; background-position: -300px -70px; } .icon-telephone-on { width:16px; height:13px; background-position:-330px -70px; cursor: default; } .icon-telephone-off { width:16px; height:13px; background-position:-360px -70px; } .icon-plus { width: 14px; height: 14px; background-position: 0 -90px; } .icon-minus { width: 14px; height: 14px; background-position: -30px -90px; } .icon-information { width: 14px; height: 14px; background-position: -60px -90px; } .icon-exclamation { width: 16px; height: 14px; background-position: -90px -90px; } .icon-question { width: 14px; height: 14px; background-position: -120px -90px; } .icon-plus-button { width: 14px; height: 14px; background-position: -150px -90px; } .icon-minus-button { width: 14px; height: 14px; background-position: -180px -90px; } .icon-information-button { width: 14px; height: 14px; background-position: -210px -90px; } .icon-question-button { width: 14px; height: 14px; background-position: -240px -90px; } .icon-plus-white { width: 14px; height: 14px; background-position: -270px -90px; } .icon-minus-white { width: 14px; height: 14px; background-position: -300px -90px; } .icon-information-white { width: 14px; height: 14px; background-position: -330px -90px; } .icon-exclamation-white { width: 14px; height: 14px; background-position: -360px -90px; } .icon-question-white { width: 14px; height: 14px; background-position: -390px -90px; } .icon-gallery { width:16px; height:14px; background-position: -420px -90px; } .icon-rss { width:14px; height:14px; background-position: -450px -90px; } .icon-monitor-blue { width:16px; height:14px; background-position:-510px -90px; } .icon-film-strip { width:14px; height:15px; background-position: 0 -110px; } .icon-folder-add { width:18px; height:15px; background-position: -30px -110px; } .icon-folder-remove { width:18px; height:15px; background-position: -60px -110px; } .icon-world { width:15px; height:15px; background-position: -90px -110px; } .icon-graph-down-red { width:16px; height:16px; background-position: -210px -110px; cursor: default; } .icon-print { width: 16px; height: 16px; background-position: 0 -130px; } .icon-mobile-on { width:9px; height:16px; background-position:-60px -130px; } .icon-mobile-off { width:9px; height:16px; background-position:-90px -130px; } .icon-calculator { width:11px; height:16px; background-position: -270px -130px; } .icon-plus-circle-frame { width: 16px; height: 16px; background-position: -360px -130px; } .icon-tag-label-black { width: 16px; height: 16px; background-position: -600px -130px; } .icon-articles { width: 15px; height: 16px; background-position: -660px -130px; } .icon-alert-diamond { width:16px; height:16px; background-position: -510px -130px; } .icon-cog { width:16px; height:16px; background-position:-540px -130px; } .icon-portfolio { width:14px; height:16px; background-position:-150px -130px; } .icon-pdf { width:18px; height:19px; background-position:-560px -110px; } .icon-note { width:14px; height:16px; background-position: -1px -240px; } .icon-note-add { width:15px; height:16px; background-position: -30px -240px; } .icon-note-remove { width:15px; height:16px; background-position: -60px -240px; } .icon-map { width:15px; height:15px; background-position: -180px -130px; } .icon-floorplan { width:12px; height:16px; background-position: -690px -130px; } .icon-left { height:20px; width:20px; background-position: 0 -150px; } .icon-left-hover { height:20px; width:20px; background-position: -30px -150px; } .icon-left-active { height:20px; width:20px; background-position: -60px -150px; } .icon-left-disabled, .icon-left.disabled { height:20px; width:20px; background-position: -90px -150px /!important;/ } .icon-right { height:20px; width:20px; background-position: -120px -150px; } .icon-right-hover { height:20px; width:20px; background-position: -150px -150px; } .icon-right-active { height:20px; width:20px; background-position: -180px -150px; } .icon-right-disabled, .icon-right.disabled { height:20px; width:20px; background-position: -210px -150px /!important;/ } .icon-play { height:20px; width:20px; background-position:-240px -150px; } .icon-pause { height:20px; width:20px; background-position:-270px -150px; } .icon-skip-right { height:20px; width:20px; background-position:-300px -150px; } .icon-skip-left { height:20px; width:20px; background-position:-330px -150px; } .icon-bell { height:17px; width:16px; background-position:-360px -150px; } .icon-right-2 { height:19px; width:21px; background-position:-500px -150px; } .icon-right-2:hover { height:19px; width:21px; background-position:-560px -150px; } .icon-right-2:active { height:19px; width:21px; background-position:-590px -150px; } .icon-right-2.disabled { height:19px; width:21px; background-position:-530px -150px; } .icon-left-2 { height:19px; width:21px; background-position:-380px -150px; } .icon-left-2:hover { height:19px; width:21px; background-position:-440px -150px; } .icon-left-2:active { height:19px; width:21px; background-position:-470px -150px; } .icon-left-2.disabled { height:19px; width:21px; background-position:-410px -150px; } .icon-scale { height:20px; width:20px; background-position:-82px -263px; } .icon-arrow-down { width:25px; height:15px; background-position:-190px -30px; } .icon-arrow-up { width:25px; height:15px; background-position:-220px -30px; } .icon-help { height: 14px; width: 14px; background-position: -390px -90px; } .icon-tw { height: 12px; width: 17px; background-position: -179px -50px; padding-bottom: 2px; } .icon-fb { height: 12px; width: 17px; background-position: -208px -50px; padding-bottom: 2px; } .add-location { background-position: -311px -31px; width:14px; height:14px; display:inline-block; vertical-align:top; margin:2px -4px 2px 0; } .add-location.active { background-position: -339px -31px; } /* -- my portfolio ------- / / -- #my_portfolio -- / #global_user_tools { float:right; margin: 10px 10px 0 0; position:relative; z-index:15; max-width:60%; } #my_portfolio { font:1.1em Gill Sans MT, Gill Sans; margin-right:10px; padding-bottom:5px; position:relative; } #my_portfolio>span { cursor:pointer; } #my_portfolio>a { color:#fff; vertical-align:middle; } #portfolio { display:none; background-color:#DFE6ED; color:#000; position:absolute; top:99%; left:0; padding:10px; border:1px solid #f2f2f2; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #portfolio h2 { text-transform:uppercase; font-size:1.2em; padding-bottom:5px; border-bottom:1px solid #ccc; } #portfolio dl { padding: 4px 8px; margin-bottom:5px; border-bottom:1px solid #ccc; } #portfolio dl dt { font:bold 1em arial; padding-bottom:1px; } #portfolio dl.last-of-type { border-bottom:0; margin-bottom:0; } #portfolio dl+a { clear:both; display:block; text-align:center; } #translation { border-left:1px solid #ccc; float:right; } .form-footer { text-align:center; height: 30px} .form-footer .btn {vertical-align:middle} .dialog-message { padding:10px; text-align:center; max-width: 490px; word-wrap: break-word } .dialog-error { color:#700; } input.error, textarea.error { border-color:#700 !important; background-color:#EED6D6; } label.error { float:right; color:#700; clear:right; } / -- Unit Converter -- / #unit-converter { float:right; font:1.1em Gill Sans MT,Gill Sans; padding:2px 0; margin-right:10px; border-right:1px solid #333; } #unit-converter label { margin-right:5px } #unit-converter a { color:#FFF; margin-right:10px; } #unit-converter a.current-unit { background-color:#22496A; padding:1px 2px; border:1px solid #628DAB; } / -- .success-form -- / .success-form { width:300px; } / -- .membership-form -- / .membership-form { width:500px; margin: 0 auto; } .membership-form label { margin-bottom:10px; text-transform:capitalize; } .membership-form label.postal-code { float:right; width:230px; margin-left:10px; margin-bottom:0; } .membership-form input, .membership-form textarea, .membership-form select { padding:3px; } .membership-form label input { float:right; width:70%; } .membership-form label.region input, .membership-form label.postal-code input { width:110px; } .membership-form label select { float:right; width:359px; } .membership-form label input.label-right { width:auto; border:none; padding:0; } .membership-form label.subtitle { text-align:center; color: #ACACAC; } .membership-form label span { float:right; width:340px; margin-left:5px; } .membership-form label span.required_symbol { float: none; } .membership-form .email-tools { margin-bottom:10px; } .membership-form .email-tools label { float:right; margin-right:120px; width:60px; } .membership-form .email-tools input { float:none; width:auto; } / Fix for different languages / / Espanol - America + Europe, French - Canadian + France / .spu .membership-form .email-tools label, .spa .membership-form .email-tools label, .frc .membership-form .email-tools label, .fra .membership-form .email-tools label { margin-right: 75px; width: 75px; } / Deutch / .deu .membership-form .email-tools label { margin-right: 75px; width: 83px; } / Italiano / .ita .membership-form .email-tools label { margin-right: 105px; width: 77px; } / Japanese, Portuguese - Europe / .jpn .membership-form .email-tools label, .por .membership-form .email-tools label { margin-right: 105px; width: 75px; } / Portuguese - Brasil / .pob .membership-form .email-tools label { margin-right: 112px; width: 69px; } / Russian / .rus .membership-form .email-tools label { margin-right: 27px; width: 109px; } / Vietnamese / .vie .membership-form .email-tools label { margin-right: 100px; width: 75px; } / Korean / .kor .membership-form .email-tools label { margin-right: 100px; } .membership-form .agent-tools { margin:15px 0; } .membership-form .agent-tools label { display:inline-block; margin-right:15px; } .membership-form .agent-tools input { float:none; width:auto; } .membership-form .unsubscribe-text { margin-top: 5px; } #AgentNameSuggestContainer { left:142px; top:20px; width:70%; border-color:#CCF; max-height: 200px; overflow:auto; } #AgentNameSuggestContainer .group-data li { border-color: #CCF; } #AgentNameSuggestContainer .group-data li.suggest-over { background-color: #CCF; } .agentsuggest-data { height:54px; font-size:1.2em; border-width:1px 0; border-color:#FFF; border-style:solid; } #AgentNameSuggestContainer .agentsuggest-data span { display:inline; width:285px; margin-top:2px; float:left; } #AgentNameSuggestContainer .agentsuggest-data img { margin-top:2px;margin-left: 2px; float:left; } #reg_agentAssocation { float:right; width:70%; margin:15px 0; font-size:1em; color:#777; } / -- .portfolio-form -- / .portfolio-form { width:400px; } .portfolio-form>p { padding: 0 10px 10px; } .portfolio-form label { display:block; padding: 0 20px; margin-bottom:10px; } .portfolio-form label:first-letter { text-transform: uppercase; } .portfolio-form .search-title { padding:0; font-size:1.2em; } .portfolio-form .search-title input { display:block; margin-top:10px; padding:3px; width:380px; font-size:.9em; } .portfolio-form label input, .portfolio-form label span { float:none; vertical-align:middle; width:auto; } .portfolio-form .disabled-alerts { padding: 10px 20px; background-color:#eee; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; text-align:center; } .portfolio-form .disabled-alerts>span { color:#700; } .portfolio-form .disabled-alerts>label { margin: 10px 0 0 0; } / -- #savedsearches -- / #savedsearches { width: 670px; } #savedsearches table { width:100%;} #savedsearches th { font-weight:bold; text-align:center; padding:5px; border-bottom: solid 1px #B7B7B7; } #savedsearches th.search_name {text-align:left; width: 300px; } #savedsearches th.price_range { width: 95px; } #savedsearches th.bedrooms { width: 75px; } #savedsearches th.date_saved { width: 75px; } #savedsearches th.tools { width: 55px; } #savedsearches td { text-transform:uppercase; font-weight:bold; text-align:center; padding:5px; font-size: 10px; } #savedsearches td.search_name { text-align:left; font-weight:bold; } #savedsearches td.price_range { font-weight:bold; } #savedsearches td.bedrooms { font-weight:bold; } #savedsearches td.date_saved { font-weight:bold; } #savedsearches td.tools { float:right; right:7px; top:0; width:auto; } #savedsearches td.tools li { float: right; display: inline; margin-right: 5px; border-left: 1px solid #d6e2e9; padding-left:5px; } #savedsearches td.tools li:last-child { } #savedsearches td.locations { background-color: #F4F4F4; font-weight:normal; text-align:left; font-size: 9px; line-height:120%; border-bottom: solid 1px #666666; margin-bottom: 2px; text-transform:none; padding:4px; padding-left:8px; color:#555; } / -- end my portfolio ------- / /-- Theme and Layout (page elements) ------- / / -- wrapper -- / #global_wrapper { width: 960px; margin: auto; text-align: left; } /.homepage #global_wrapper { width:auto; min-height:100%; height:100%; }/ / -- header -- / #global_header { margin: 5px 0 2px; color: #fff; } /.homepage #global_header { margin:0; z-index:3; background: transparent url() repat-x; background: -moz-linear-gradient(center bottom, rgba(0,0,0,0) 20%, rgb(0,0,0) 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(.2, rgba(0,0,0, 0)) , color-stop(1, rgb(0,0,0)) ); }/ #logo-g { position:relative; } #logo-g img { display:block; } #logo-g span { position:absolute; right:5px; bottom:5px; font-family:Courier New; font-size:1.2em; } #logo-g span.name { position:absolute; right:5px; bottom:25px; font-family:Courier New; font-size:4em; } /.homepage #global_header .group { width:960px; margin: 0 auto; }/ #branding { padding: 5px; background-color:#fff; border:4px solid #2A5F93; margin-bottom:5px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow: -7px -4px 28px rgba(18, 41, 64, 0.5) inset; -webkit-box-shadow: -7px -4px 28px rgba(18, 41, 64, 0.5) inset; -moz-box-shadow: -7px -4px 28px rgba(18, 41, 64, 0.5) inset; } #branding .logo { float:right; } #branding .agent-name { display:inline-block; color:#122940; font-size:3em; font-family:Gill Sans MT, Gill Sans, Arial; padding:20px; } / istanescu: what is this for? / #secondary-nav { float:right; display:inline; text-align: right; width:300px; margin: 14px; } #secondary-nav span{ float:right; } #secondary-nav select { background-color:#333; border:none; padding: 2px; } #secondary-nav a { margin: 0 4px; } #secondary-nav a, #secondary-nav select, / global utilities / global search / #global_utilities { margin: 2px 0; background-color: #111; } #global_utilities select, #global_utilities input[type='text'] { padding: 2px 4px; background-color: #333333; border: 1px solid #000; color:#FFF; } #global_search { font: 1.1em Arial; padding: 10px; float:left; } #global_search> { display:inline-block; margin:0 8px; vertical-align:middle; } #global_search select:first-child { margin-left:0; } #global_search #Term { width:220px; background-color:#393B3A; color:#FFF; border-color:#000 #757271 #757271 #000; border-width:1px; } #global_utilities #global_search a { color:#FFF; text-transform:uppercase; font-family:Gill Sans MT, San-Serif; border-left:1px solid #FFF; padding:4px 0 4px 10px; } #global_search a:hover { text-decoration:underline; } #global_search .closed { display:none; } /* -- content -- / #global_content { background-color:transparent; } .results-page #global_content { padding:10px 0; } / -- hlisting -- / .hlisting { margin-bottom:20px; margin-bottom:20px; position:relative; color:#333; } .hlisting.featured { background-color:#F5F5F5; border:1px solid #B9B9B9; } .hfeed .hlisting>.group, .map-view .hlisting>.group { padding:5px; } .hlisting .header { padding: 5px 10px; position:relative; border-bottom:1px solid #ddd; background-color:#f2f5f7; } .hlisting .header.saved{ background-color:#ffffd9; } body.listings .list .hlisting .header.saved, body.listings .gallery .hlisting .header.saved { background-image:none; background-color:#ffffd9; } .hlisting .header>span { color:#555; font-size:1.1em; } .hlisting .header .region, .hlisting .header .locality, .hlisting .header .country-name { color:#333; } .hlisting .header dl{position:absolute; right:10px; top:10px; } .header>ul.tools { float:right; width:50px; } .header>ul.tools li.listing-tools { float:right; position:relative; } .header>ul.tools li.user-tools { margin-bottom:3px; } .header>ul.tools li.user-tools ul li { float:right; margin-left:5px; } .header>ul.tools li.listing-tools ul { display:none; position:absolute; z-index: 1; right:0; top:10px; background:#fff; width:40px; padding:5px; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .header>ul.tools li.listing-tools ul li { float:left; width:20px; margin-bottom:5px; text-align:center; } .hlisting .vcard { font-size:1.1em; width:140px; float:right; padding-left:10px; border-left:1px solid #ccc; } .hlisting .vcard> { display:block; margin-bottom:2px; } .hlisting .vcard>.org { margin-bottom:4px; } .hlisting .vcard .org { font-size:.91em; } .hlisting .vcard span.org { color:#666; }/allow link color/ .hlisting .vcard .n { font-weight:bold; } .hlisting .vcard>.photo { float:left; padding-right:5px; } .hlisting .vcard .sourcename { font-size:.9em; color:#666; margin-bottom:5px; } .hlisting .listing_attribution { font-size:1.1em; color:#000; margin-bottom:5px; padding-top: 5px; text-align:center; clear:both; } .hlisting .listing_attribution.left { text-align: left } .hlisting .group>.summary { width:110px; float:left; padding-top:5px; } .hlisting .summary { font-size:1.1em; line-height:1.5em; } .hlisting .summary li a { font-weight:bold; } .hlisting .summary .price { font-size:1.1em; font-weight:bold;} .hlisting .summary .price span { font-weight:normal; font-size:.71em; margin-left:5px; } .hlisting .summary .price em { font-size:.9em; font-style:normal; color:#666; } .hlisting .group>div.photo { float:left; margin-right:10px; border:1px solid; position:relative; height:125px; width:167px; } .hlisting .group>div.photo, .hlisting .group>div.map { border-color:#ccc; } .hlisting .group>div.photo>a { display:block; } .hlisting .flag { position:absolute; top:-1px; left:-1px; height:69px; width:69px; background: transparent url('http://www.dreyfussir.com/eng/reno/utility/imagelabeller.ashx?config=StatusLabels') no-repeat; text-indent:-1000em; color:rgba(0,0,0,0); } .hlisting .flag.Expired { background-position: 0px 0px; } .hlisting .flag.Featured { background-position: -100px 0px; } .hlisting .flag.New { background-position: -200px 0px; } .hlisting .flag.Reduction { background-position: -300px 0px; } .hlisting .flag.Open.House { background-position: -400px 0px; } .hlisting .map, .hlisting .description { float:left; } .hlisting .map { width:167px; height:125px; margin-right:10px; border:1px solid; } .hlisting .description { width:264px; font-size:1.1em; } .hlisting .openhouse { color:#333; } .hlisting .openhouse dt { font-weight:bold; } .hlisting .openhouse dd { white-space:nowrap; } /* Quick fix for My portfolio - no saved searches modal / .no-listings {width: 270px; margin-right: 30px; margin-bottom: 20px; } .no-listings b {font-weight: normal} .no-listings ul li { list-style: none; list-style-type:none; text-transform: none} .phone_block { display: inline-block;vertical-align: top; white-space: nowrap / added to fix wrapping on Chrome - phone numbers with space or dashes appear wrapped, even if there is enough space /} .phone_text { display: inline-block;vertical-align: top;} #communitytabsdata .phone_text { display:none; } #sso_login_buttons { text-align:center;} #google_sso_login { margin-left:5px; background:#000000; / float:left;/ display:inline-block; height:28px; border:1px solid #010101; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } #google_sso_login a { font-weight:bold; display:block; color:#ffffff; text-decoration:none; height:21px; padding:7px 6px 0 0; font-size:1.1em; text-transform:capitalize; } #google_sso_login a .icon { background:url('/resources/v_3_2_0_14/layouts/common/images/socials.sprite.png') -37px -20px no-repeat; width: 28px; height: 28px; margin-top: -7px; margin-right: 7px; } #linkedin_sso_login { margin-left:5px; background:blue; / float:left;/ display:inline-block; height:28px; border:1px solid #010101; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:url('/resources/v_3_2_0_14/layouts/common/images/socials.sprite.png') 0 -115px repeat-x; } #linkedin_sso_login a { font-weight:bold; display:block; color:#ffffff; text-decoration:none; height:21px; background:url('/resources/v_3_2_0_14/layouts/common/images/socials.sprite.png') -71px -20px no-repeat; padding:7px 6px 0 35px; font-size:1.1em; text-transform:capitalize; } #twitter_sso_login { margin-left:5px; background:blue; / float:left;/ display:inline-block; height:28px; border:1px solid #4A92AB; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:url('/resources/v_3_2_0_14/layouts/common/images/socials.sprite.png') 0 -83px repeat-x; } #twitter_sso_login a { font-weight:bold; display:block; color:#ffffff; text-decoration:none; height:21px; background:url('/resources/v_3_2_0_14/layouts/common/images/socials.sprite.png') -2px -20px no-repeat; padding:7px 6px 0 35px; font-size:1.1em; text-transform:capitalize; } #startribune_sso_login { margin-left:5px; display:inline-block; height:28px; border:1px solid #868686; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } #startribune_sso_login a { font-weight:bold; display:block; color:#16723D; text-decoration:none; height:21px; padding:5px 6px 0 5px; font-size:1.3em; text-transform:capitalize; } .facebook_button{/ float:left;/ display:inline-block; height:21px;/ line-height: 20px;/ padding-left: 35px; padding-right: 4px; padding-top:7px; margin-left:5px; background: url('/resources/v_3_2_0_14/layouts/common/images/socials.sprite.png') 0 -51px no-repeat; border: 1px solid #64738E; text-decoration: none; color: white; cursor: pointer; font-size:1.1em; font-weight:bold; } .facebook_small_icon_hlink{ padding-left: 16px !important; background: url('/resources/v_3_2_0_14/layouts/common/images/socials.sprite.png') -2px -2px no-repeat; text-decoration: none; } #Amenities_wrapper .option-col label, #LifeStyle_wrapper .option-col label, #PropertyStyle_wrapper .option-col label, #BodiesOfWater_wrapper .option-col label {white-space: normal} .agent .aside .btn {filter:chroma(color=#000000); width: auto; padding: 3px 0px} #global_search #global-search .btn {filter:chroma(color=#000000);} / Only for Associate details page / body.associatedetails .agent.details-page .grid-4 { margin-top: 10px;} body.associatedetails .agent.details-page .pagination, .agent.details-page #results-count { padding: 10px 0;} body.associatedetails .agent.details-page .vcard { padding: 10px 20px 20px; } body.associatedetails .agent.details-page .vcard > { display: block;} body.associatedetails .agent.details-page .vcard .broker-logo { float:right; } body.associatedetails .agent.details-page .vcard .n { font: 2.2em "Gill Sans MT","Gill Sans","Arial"; } body.associatedetails .agent.details-page .vcard .org {font: bold 1.2em arial;} body.associatedetails .agent.details-page .vcard .org, .agent.details-page .vcard .adr, .agent.details-page .vcard .tel { margin: 4px 0;} body.associatedetails .agent.details-page .vcard .adr { color: #555555; font: 1.1em arial;} body.associatedetails .agent.details-page .vcard .adr .postal-code{ padding-left: 5px;} body.associatedetails .agent.details-page .vcard .facebook, body.associatedetails .agent.details-page .vcard .twitter { display: inline; } body.associatedetails .agent.details-page .vcard .facebook .icon-text, body.associatedetails .agent.details-page .vcard .twitter .icon-text { padding-top: 1px; } body.associatedetails .agent.details-page .vcard .twitter { padding-left: 10px; } body.associatedetails .agent.details-page .agent-profile img { float: left; padding: 0 20px 20px 0; } body.associatedetails #agentdetailscontainer .agent-profile .hgroup { padding-top: 5px; margin-bottom: 20px;padding-top: 10px;} body.associatedetails #agentdetailscontainer .agent-profile dl { font-size: 1.2em; margin: 20px 0;} body.associatedetails #agentdetailscontainer .agent-profile dt { display: inline; float: none; height: auto; margin-right: 2px; width: auto; font-weight: bold;} body.associatedetails #agentdetailscontainer .agent-profile dd { margin-right: 0; display: inline;} body.associatedetails .agent.details-page .agent-profile h1 + h2 { color: #666666;} /* properties for sale/ body.associatedetails .agent.details-page .section { padding: 10px;} body.associatedetails .agent.details-page #results-count { font-size: 1.1em; } body.associatedetails .agent.details-page .hlisting { float: left; margin: 0 20px 20px 0; width: 300px; color: #333333; margin-bottom: 20px; position: relative;} body.associatedetails .agent.details-page .hlisting.last-child { margin-right: 0; } /----------------- Expired Listing ----------------*/ #detailscontainer .expired-container { padding-bottom:10px; background-color:#FFF; } #detailscontainer .expired-container h1 { color: #666666; font-family: Gill Sans MT,Gill Sans,Arial,Sans-Serif; font-size: 3.4em; font-weight: bold; margin: 0; padding: 10px 0 2px; text-transform: uppercase; } #detailscontainer .expired-container #wearesorry > div { color: #333333; font-family: Gill Sans MT,Gill Sans,Arial,Sans-Serif; font-size: 1.5em; margin: 0; padding: 0 0 64px; text-transform: uppercase; } #detailscontainer .expired-container > a { font-size: 1.2em; text-decoration: underline; } #detailscontainer .expired-container #searchrealestatelistings { margin: 25px 0 50px; } #detailscontainer .expired-container #searchrealestatelistings a { background-color: #224872; border: 1px solid #000000; color: #FFFFFF; display: inline-block; font-family: arial,sans-serif; font-size: 1.2em; font-weight: bold; padding: 10px 4px; text-transform: uppercase; } #detailscontainer .expired-container h2 { color: #666666; font-family: Gill Sans MT,Gill Sans,Arial,Sans-Serif; font-size: 1.4em; font-weight: bold; margin: 0; padding: 0; text-transform: uppercase; } #detailscontainer .expired-container .quick-links-widget { margin: 0 0 5px; padding: 5px 5px 5px 0; width: 100%; } #detailscontainer .expired-container .quick-links-widget ul li { font-size: 1.1em; width: 30%; float: none; color: #212121; display: inline-block; padding: 2px 15px 3px 0; vertical-align: top; } #detailscontainer .expired-container .quick-links-widget ul li a:hover { text-decoration:underline; } #detailscontainer .expired-container .featured-agent.horizontal { float:left; margin-right: 8px; } #detailscontainer .expired-container #featuredagentsfullwidth > .featured-agent, #detailscontainer .expired-container #featuredlistingsfullwidth > .featured-listing { margin: 5px 8px 5px 0; } #detailscontainer .expired-container .featured-listing.hlistinglist.belt_panel { border: 1px solid #CCCCCC; border-radius: 4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; }