.caret-right { border-left:4px solid; border-right:0; border-top:4px solid transparent; border-bottom:4px solid transparent }

/* Over-write some bootstrap styles */
body { color:#212126; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale }
a { color:#3288c4 }
.btn-primary { background-color:#5ab8f8; border-color:#5ab8f8 }
.btn-primary:hover { background-color:#3288c4; border-color:#3288c4 }
.btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .btn-primary.active:focus, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary.active.focus { background-color:#3288c4; border-color:#3288c4 }
.btn-primary.active:focus { background-color:orange }
.btn-success { background-color:#51bc6a ; border-color:#51bc6a }
.btn-success:hover { background-color:#309962; border-color:#309962 }
.btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .btn-success.active:focus, .btn-success.focus:active, .btn-success:active:focus, .btn-success.active.focus { background-color:#51bc6a; border-color:#51bc6a }
.btn-default { color:#3288c4; border-color:#3288c4 }
.btn-default:hover { color:#3288c4; border-color:#3288c4; background-color:#e7f5fe }
.has-error .form-control { border-color:#ef5062 }
.has-error .form-control:focus { border-color:#ef5062 }

/* General page styles */
.main-page-content { margin-top:96px }
.container-whole-page { position:absolute; top:0; width:100%; height:100%; padding:0 }
@media(orientation:landscape) { .container-whole-page { position:fixed; bottom:0; width:100% } }   /* http://krpano.com/ios/bugs/ios7-ipad-landscape/ */
.container-whole-page > .row { height:100%; margin:0 }
.container-whole-page > .row > [class*="col-"] { height:100%; padding:0 }

nav.navbar-default { background-color:white; border:0 }
nav.navbar-fixed-top .header { padding:9px }
nav.navbar-fixed-top .header-left { float:left; width:40px; height:32px }
nav.navbar-fixed-top .header-left a { color:#284a6e; font-weight:bold; font-size:14pt }
nav.navbar-fixed-top .header-left a:hover { text-decoration:none }
nav.navbar-fixed-top .header-right { float:right; width:65px; height:32px }
nav.navbar-fixed-top .header-middle { height:32px; margin:0 70px 0 46px }
nav.navbar-fixed-top .padmapper-button { width:39px; height:38px; margin-top:-3px; cursor:pointer }
nav.navbar-fixed-top .padmapper-button-large { width:150px; height:38px; margin-top:-3px; cursor:pointer }
nav.navbar-fixed-top .magnifying-glass-container { width:24px }
nav.navbar-fixed-top .magnifying-glass-container .magnifying-glass { width:18px; height:18px; margin-left:4px; background-repeat:no-repeat; background-position:center center; background-size:cover; cursor:pointer }
nav.navbar-fixed-top .hop-to-container { background-color:#eeeeee; border:1px solid #eeeeee; border-radius:5px; max-width:400px }
nav.navbar-fixed-top .hop-to-container > table { width:100% }
nav.navbar-fixed-top .hop-to-container input { width:100%; border:0; border-radius:0; background-color:transparent; margin:0; padding-left:2px }
nav.navbar-fixed-top .hop-to-container input:focus { outline:none }
nav.navbar-fixed-top .btn { margin-top:-2px; width:70px }
nav.navbar-fixed-top .btn:focus { outline:none }
nav.navbar-fixed-top .disabled { background-color:#eeeeee }
nav.navbar-fixed-top .disabled input:disabled { font-style:italic }
@media(min-width:768px) {
    nav.navbar-fixed-top .hop-to-container { margin-left:30px }
    nav.navbar-fixed-top .header-left { width:150px }
    nav.navbar-fixed-top .header-middle { margin-left:156px }
}

body.search-page { height:100%; width:100%; position:fixed; top:0px; bottom:0px; left:0px; right:0px, margin:0; overflow:hidden }
body.search-page > .container-whole-page { padding-top:91px }

.may-scroll { overflow-y:auto }

/* App banner styles */
.app-banner { display:none; position:absolute; width:100%; height:75px; background-color:#f0f0f0; border-bottom:1px solid #e7e7e7; box-sizing:border-box; padding-right:5px; cursor:pointer; z-index:1 }
.app-banner table { width:100%; height:100% }
.app-banner table td { overflow:hidden }
.app-banner table td.app-banner-close { width:24px; color:#999999; text-align:center; padding:8px }
.app-banner table td.app-banner-close .app-banner-close-button { font-size:2.5em; z-index:20 }
.app-banner table td.app-banner-left { width:70px }
.app-banner table td.app-banner-left .app-logo-holder { width:60px; height:60px; background-color:white; background-size:100%; background-repeat:no-repeat; background-position:center center; border:1px solid #e7e7e7; border-radius:10px }
.app-banner table td.app-banner-middle { }
.app-banner table td.app-banner-right { width:56px; font-size:16pt; color:#3292f7 }
.app-banner .app-name { font-size:12pt; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:bold }
.app-banner .app-description { font-size:9pt; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.app-banner .app-call-to-action { margin-top:4px; font-size:10pt; color:#999999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.app-banner.app-banner-visible { display:block }
body.app-banner-visible > nav { top:75px }
body.app-banner-visible > .container-whole-page { padding-top:125px }

/* Search sidebar styles, including for when the sidebar becomes full-screen vs not. */
.content-col { display:table-cell; height:100% }
.sidebar-col { display:table-cell; width:300px; height:100% }
.invisible-sidebar-col { display:none }
.sidebar-content { width:100%; height:100%; padding:0 0 10px 0; background-color:#f8f8f8; border-left:1px solid #e7e7e7; z-index:1; overflow-y:auto; -webkit-overflow-scrolling:touch }
.sidebar-content .row { padding:0; margin-left:0; margin-right:0 }
.sidebar-content .row > .col-xs-12 { padding-left:8px; padding-right:8px }
.sidebar-content .row-less-padding { margin-left:-5px; margin-right:-5px }
.sidebar-content .row-less-padding [class*="col-"] { padding-left:5px !important; padding-right:5px !important }
@media (max-width:767px) {
  .content-col { display:block }
  .sidebar-col { display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; width:auto }
  .invisible-sidebar-col { display:none }
  .opened-when-large-sidebar-col { display:none }
}

.halo-container { height:41px; background-color:transparent; z-index:2 }
.halo-container .halo { width:100%; height:100%; margin:auto; padding:10px 0 10px 10px; border:1px solid rgb(200, 200, 200); border-left:0; border-right:0; background-color:rgb(242, 242, 242) }
.halo-container .halo .btn { width:auto; padding:6px 9px; margin-top:-6px; margin-right:5px; font-size:9pt; border-radius:2px; color:#313131 }
.halo-container .halo .btn:hover { text-decoration:none }
.halo-container .halo .btn.selected { border-radius:20px; color:white; background-color:#5ab8f8; padding:2px 9px }
.halo-container .halo .btn-default { background-color:#f8f8f8; border-color:#d3d3d3 }
.halo-container .halo .btn-success { background-color:#b7b6c1; border:none; padding:7px 10px; color:white; box-shadow:inset 0 1px 3px 0 #878698; font-weight:normal }
.halo-container .halo a.btn { text-decoration:none }
@media (max-width:339px) {
    .halo-container .halo .post-a-pad-button { display:none }
}

.filter .filter-section { margin-top:5px; margin-bottom:15px }
.filter .filter-section h2 { font-size:1.0em; font-weight:bold; color:#0a5791; margin:0 0 5px 0 }
.filter .filter-section h3 { font-size:0.8em; font-weight:bold; color:#636366; margin:0 0 3px 0 }
.filter > .row:last-child .filter-section { margin:10px 0 0 0 }
.filter input { margin:0; line-height:normal }
.filter select { border:1px solid #0a5791; width:100%; background-color:white; color:#0a5791; font-weight:bold }
.filter select.num-full-bathrooms-min { margin-bottom:10px }
.filter button { width:100%; margin:6px 0 3px 0; padding:10px }
.filter .filter-switch { border-bottom:1px solid #e7e7e7; padding:5px 0 }
.filter .filter-switch:first-child { padding-top:0 }
.filter .filter-switch:last-child { border-bottom:none }
.filter .filter-switch label { width:auto; font-weight:normal }
.filter .filter-switch label.switch-label { margin-top:7px }
.filter .filter-switch .btn-primary { background-color:#0a5791; border-color:#0a5791 }
.filter .filter-switch .btn-primary:hover { background-color:#3288c4; border-color:#3288c4 }
.filter .filter-switch .btn-default:hover { border-color:#c6c6cc; background-color:#ffffff }
.filter .filter-switch .btn.active { box-shadow:none; background-color:#f1f1f4; border-color:#c6c6cc }
.filter .filter-switch .btn.active:hover { box-shadow:none; background-color:#e5e5e6; border-color:#c6c6cc }
.filter .filter-switch .btn-default { border-color:#c6c6cc }
.filter .filter-switch .toggle-on { background-color:#0a5791; border-color:#0a5791 }
.filter .filter-switch .toggle-on:hover { background-color:#3288c4; border-color:#3288c4 }
.filter .filter-switch .toggle-right { float:right }
.filter .filter-footer { text-align:center; font-size:0.9em }
.filter .filter-footer a { color:#212126 }
.filter .filter-section .btn.back-to-map-button { display:none }
@media (max-width:767px) {
    .filter .filter-section .btn.back-to-map-button { display:block }
}

.filter .email-alert-section { margin-bottom:8px; background-color:white; border-top:1px solid #ddd; border-bottom:1px solid #ddd }
.filter .email-alert-section h2 { padding:5px 0; margin:0 }
.filter .email-alert-section h2 > span { cursor:pointer }
.filter .email-alert-section h2 .email-alert-title { padding-right:3px }
.filter .email-alert-section .email-alert-container { padding-bottom:6px }
.filter .email-alert-section a { cursor:pointer }
.filter .email-alert-section .alert-no-alerts-message { color:#636366 }
.filter .email-alert-section .alert-name .glyphicon { margin-right:4px; font-size:1.0em }
.filter .email-alert-section .alert-name.alert-hidden .glyphicon { color:#dddddd }
.filter .email-alert-section .alert-filters { font-size:0.9em; color:#636366 }
.filter .email-alert-section .alert-controls { font-size:1.0em; float:right; margin-top:0.12em }
.filter .email-alert-section .alert-frequency { margin-top:2px; margin-bottom:5px }
.filter .email-alert-section .alert-frequency label { display:inline; width:initial; height:initial; margin-right:5px; font-weight:normal; font-size:1.0em }
.filter .email-alert-section .alert-frequency input { width:initial; height:initial; margin-right:5px }
.filter .email-alert-section .alert-frequency input.radio { display:inline; border:0; width:auto; height:auto; margin-top:-3px }

.login-form-container { width:100%; height:100%; padding:0; background-color:#f8f8f8 }
.login-form-container h2 { margin:5px 5px 15px 5px; text-align:center; font-size:14pt; font-weight:normal }
.login-form-container h3 { margin:5px 5px 15px 0px; text-align:left; font-size:14pt; font-weight:normal }
.login-form-container input { font-size:1.2em }
.login-form-container button { width:100%; margin:5px 0; padding:10px }
.login-form-container .button-divider { line-height:0.1em; margin:15px 0; text-align:center; color:#999999; border-bottom:1px solid #cccccc }
.login-form-container .button-divider span { padding:0 5px; font-size:10pt; background-color:#f8f8f8 }
.login-form-container .logged-in-user-name { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:1.1em }
.login-form-container .logged-in-user-pic { width:80px; height:80px; border-radius:50%; margin:auto; margin-bottom:10px; background-size:cover; background-position:center center }
.login-form-container .login-message-console { font-size:0.9em; margin:10px 0; color:#3d8a3d; font-style:italic }
.login-form-container .login-message-console.has-error { color:red; font-weight:normal }
.login-form-container .btn-link { color:#212126 }
.login-form-container > .row { max-width:500px; margin:auto; padding-top:10px }

.map-container .map-header-container { position:absolute; left:0; right:0; background-color:transparent; z-index:2; pointer-events:none }
.map-container .map-header-container .map-header { position:relative; margin:auto; border-bottom:1px solid transparent }
.map-container .map-header-container .map-header .error-message { height:40px; padding:11px 4px 0 4px; text-align:center; font-size:0.9em; background-color:white; pointer-events:all }
.map-container .map-header-container .map-header .error-message .btn { float:left; margin-top:-8px }
.map-container .map-footer-container { position:absolute; bottom:5px; left:5px; right:5px; height:101px; background-color:transparent; z-index:1; pointer-events:none }
.map-container .map-footer-container .map-footer { position:relative; width:100%; max-width:500px; height:100%; margin:auto }

.map-canvas-container { height:100%; width:100%; top:0px; position:relative; z-index:auto }
.map-canvas-container.in-background { position:absolute; z-index:-999 }
.map-canvas { height:100%; width:100%; }
.map-canvas .map-button { width:40px; height:40px; margin:5px 5px 0 0; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-size:50%; border-radius:3px; cursor:pointer; box-shadow:0 1px 1px #cccccc }
.map-canvas .map-button.disabled { opacity:0.3; pointer-events:none; cursor:auto }
.map-canvas .map-button.pushed-down-by-error-message { margin-top:45px }
.map-container.has-halo .map-canvas .map-button { margin-top:45px }
.map-container.has-halo .map-canvas .map-button.pushed-down-by-error-message { margin-top:85px }
.map-canvas .dropdown-menu input[type=checkbox] { height:auto; width:auto; margin-right:5px }
.map-canvas .dropdown-menu > li > a { padding:3px 10px }
.map-canvas .dropdown-menu a.overlay-walkscore > a { color:#337ab7 }   /* lol */
body.app-banner-visible .map-container .map-header-container { margin-top:40px }
body.app-banner-visible .map-canvas .map-button { margin-top:45px }
body.app-banner-visible .map-canvas .map-button.pushed-down-by-error-message { margin-top:85px }

/* special styles for embedded maps */
.map-canvas.embedded-map-canvas { height:350px; margin:10px 0; border:1px solid #dddddd }

/* listing preview styles, for use in both the list view and the map popup. */
.listing-preview { display:table; table-layout:fixed; width:100%; cursor:pointer; pointer-events:all; background-color:#ffffff; padding:12px 20px 12px 20px }
.listing-preview > a { display:table-row }
.listing-preview > a:hover, .listing-preview > a:focus, .listing-preview > a.focus, .listing-preview > a:active, .listing-preview > a.active { text-decoration:none; outline:none }
.listing-preview > a > div { display:table-cell; max-width:0; vertical-align:top }
.listing-preview div { white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.listing-preview .listing-loading-placeholder { text-align:center; margin-top:32px; color:#636366; font-size:0.85em }
.listing-preview .listing-image-container { width:131px; min-width:131px; height:93px }
.listing-preview .listing-image-container .listing-image { width:100%; height:100%; box-sizing:border-box; background-size:cover; background-position:center center; border-radius:3px }
.listing-preview .listing-address { color:#3288c4; font-size:18px; letter-spacing:0.38px }
.listing-preview .listing-age { color:#9b9b9b; font-size:14px }
.listing-preview .listing-features { position:relative; padding-left:20px }
.listing-preview .listing-features .listing-age { position:absolute; bottom:-2px; font-size:12px }
.listing-preview .listing-features .listing-properties { color:#4a4a4a; font-size:15px; margin-top:7px }
.listing-preview .listing-features .listing-properties div { width:64px; float:left }
.listing-preview .listing-features .listing-properties div.has-image { background-size:18px 13px; background-repeat:no-repeat; background-position:0px 4px; padding-left:22px; width:82px }
.listing-preview .listing-features .listing-properties div.listing-num-bedrooms { background-image: url(/static/images/bed-m.svg) }
.listing-preview .listing-features .listing-properties div.listing-num-bathrooms { background-image: url(/static/images/bath-m.svg) }
.listing-preview .listing-favorite { width:21px; min-width:21px; background-size:contain; background-repeat:no-repeat; background-position:center; background-image:url(/static/images/heart_red@2x.png) }
.listing-preview .listing-favorite.unfavorite { filter:grayscale(100%); -webkit-filter:grayscale(100%); opacity:0.4 }
@media (max-width:890px) {
    .listing-preview { padding:11px 10px 10px 10px }
    .listing-preview .listing-image-container { width:80px; min-width:80px; height:80px }
    .listing-preview .listing-features { padding-left:10px }
    .listing-preview .listing-features .listing-properties { margin-top:3px }
}
@media (max-width:374px) {
    .listing-preview .listing-features .listing-properties div { width:58px }
    .listing-preview .listing-features .listing-properties div.has-image { background-image:none; padding-left:0; width:58px }
}

.map-footer .listing-preview { padding:11px 10px 10px 10px; border-radius:3px; box-shadow:0 2px 2px #c6c6cc; table-layout:auto }
.map-footer .listing-preview .listing-image-container { width:80px; min-width:80px; height:80px }
.map-footer .listing-preview .listing-features { padding-left:10px }
.map-footer .listing-preview .listing-features .listing-address { font-size:16px }
.map-footer .listing-preview .listing-features .listing-properties { font-size:14px; margin-top:3px }
.map-footer .listing-preview .listing-features .listing-age { bottom:-2px; font-size:12px }
@media (max-width:890px) {
    .embedded-map .map-footer .listing-preview .listing-features .listing-properties div.has-image { width:78px }
}
@media (max-width:374px) {
    .embedded-map .map-footer .listing-preview .listing-features .listing-properties { font-size:14px }
    .embedded-map .map-footer .listing-preview .listing-features .listing-properties div { width:54px }
    .embedded-map .map-footer .listing-preview .listing-features .listing-properties div.has-image { width:46px }
}

.map-bubble { width:415px; height:448px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; font-weight:normal; padding:6px 0px 10px 22px }
.map-bubble .listing-title { font-size:17px; cursor:pointer; color:#3288c4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.map-bubble .btn-lg { font-size:16px; padding-top:14px; padding-bottom:13px; width:230px }
.map-bubble .btn-link { color:#636366 }
.map-bubble .listing-actions { position:absolute; bottom:10px; left:20px; right:24px; padding-top:15px; text-align:center; height:100px }

.map-bubble .listing-preview { display:block; cursor:auto; padding:0; max-width:100% }
.map-bubble .listing-preview > div { display:block; max-width:100% }
.map-bubble .listing-preview .listing-image-container { width:100%; height:160px; display:block; table-layout:initial; margin:15px 0 0 0; cursor:pointer; max-width:100% }
.map-bubble .listing-preview .listing-image-container .listing-image-0 { width:68.5%; float:left }
.map-bubble .listing-preview .listing-image-container .listing-image-1 { width:29%; height:47%; float:right }
.map-bubble .listing-preview .listing-image-container .listing-image-2 { width:29%; height:47%; float:right; margin-top:10px }
.map-bubble .listing-preview .listing-age { font-size:11px }
.map-bubble .listing-preview .listing-phone { margin-right:11px }
.map-bubble .listing-preview .listing-features { padding:0; margin-top:10px }
.map-bubble .listing-preview .listing-features .listing-properties { font-size:14px; margin-top:8px }
.map-bubble .listing-preview .listing-features .listing-properties div.has-image { background-size:16px 12px; background-repeat:no-repeat; background-position:0px 4px; padding-left:21px; width:80px }
.map-bubble .listing-preview .listing-features .listing-street-view-button { float:right; font-size:14px; padding:3px 10px }
.map-bubble .listing-preview .listing-long-details { margin-top:8px; font-size:13px }
.map-bubble .listing-preview .listing-long-details > div { margin:8px 0 }
.map-bubble .listing-preview .listing-long-details .listing-has-broker-fee { color:#ef5062; padding-left:9px }
.map-bubble .listing-preview .listing-actions { border-top:1px solid #e7e7e7 }
.map-bubble .listing-preview .listing-actions .clickable { cursor:pointer }
.map-bubble .listing-preview .listing-actions .clickable:hover { text-decoration:underline }
.map-bubble .listing-preview .listing-actions .listing-favorite-container { float:left; width:140px; text-align:left; padding-left:28px }
.map-bubble .listing-preview .listing-actions .listing-favorite { background-image:none }
.map-bubble .listing-preview .listing-actions .listing-favorite:before { background-size:contain; background-repeat:no-repeat; background-position:center; background-image:url(/static/images/heart_red@2x.png); width:21px; height:21px; content:" "; position:absolute; margin-left:-28px }
.map-bubble .listing-preview .listing-actions .listing-favorite.unfavorite { filter:none; -webkit-filter:none; opacity:1.0 }
.map-bubble .listing-preview .listing-actions .listing-favorite.unfavorite:before { filter:grayscale(100%); -webkit-filter:grayscale(100%); opacity:0.4 }
.map-bubble .listing-preview .listing-actions .listing-flag { float:right; width:140px; color:#9b9b9b; font-size:12px; text-align:right; margin-top:3px }
.map-bubble .listing-preview .listing-actions .listing-hide:before { background-image: url(/static/images/thumbs_up@2x.png); background-size:contain; background-repeat:no-repeat; background-position:left; width:21px; height:21px; content:" "; position:absolute; margin-left:-25px; transform:scaleY(-1); -moz-transform:scaleY(-1); -webkit-transform:scaleY(-1); opacity:0.75 }
.map-bubble .listing-preview .listing-actions .listing-hide.unhide:before { margin-left:-28px; transform:scaleY(-1); -moz-transform:scaleY(-1) rotate(180deg); -webkit-transform:scaleY(-1) rotate(180deg); opacity:1.0 }
body.ie .map-bubble .listing-preview .listing-actions .listing-hide:before { margin-left:-15px }
body.ie .map-bubble .listing-preview .listing-actions .listing-hide.unhide:before { margin-left:-4px }

.listing-lead-form-container { margin-top:22px }
.listing-lead-form-container input { width:99.5%; border-radius:2px; border:1px solid #c6c6cc; height:initial; padding-left:10px }
.listing-lead-form-container input.has-error { border:1px solid #ef5062 }
.listing-lead-form-container textarea { width:99.5%; height:102px; border-radius:2px; border:1px solid #c6c6cc; padding:10px }
.listing-lead-form-container .lead-form-email { float:left; width:49% }
.listing-lead-form-container textarea.has-error { border:1px solid #ef5062 }
.listing-lead-form-container input.lead-form-phone { float:right; width:49%; margin-right:2px }
.listing-lead-form-container .listing-actions { border-top:0; padding-top:16px }
.listing-lead-form-container .btn-success.form-incomplete { background-color:#b9e4c3; border-color:#b9e4c3 }
.listing-lead-form-container .cancel-button { margin-top:-2px }
.listing-lead-form-container .error-message { color:#ef5062; margin-top:-10px; margin-bottom:10px }
.listing-lead-form-container .lead-form-sent-message { font-size:22px; text-align:center; margin-top:90px }
.listing-lead-form-container .lead-form-sent-message div { margin-top:10px }
.listing-lead-form-container img.message-sent { width: 146px;}
.listing-lead-form-container div.message-sent-text { margin-bottom:20px; }
.listing-lead-form-container div.message-sent-back-button { margin-top: 60px;}

.listing-street-view .street-view-canvas { height:388px; margin-top:10px }
.listing-street-view .street-view-unavailable-message { text-align:center; margin-top:180px; color:#636366 }

.generic-list-container { width:100%; height:100%; padding:0; background-color:#f8f8f8; overflow-y:auto; -webkit-overflow-scrolling:touch }
.generic-list-container .options-container { width:100%; background-color:#f8f8f8; border-bottom: 1px solid #e7e7e7; padding:5px }
.generic-list-container .options-container span { font-size:14px; float:right; margin-right:4px; margin-top:1px }
.generic-list-container .options-container select { border:1px solid #0a5791; background-color:white; color:#0a5791; font-weight:bold; float:right }
.generic-list-container .listings-container > .listing-preview { border-bottom:1px solid #dddddd }
.generic-list-container .listings-container > .listing-preview:hover { background-color:#fafafd }
.generic-list-container .listings-container > .listing-preview-selected { background-color:#fafafd }
.generic-list-container .listings-loading-placeholder { text-align:center; margin-top:1em; color:#636366 }
.generic-list-container .favorites-loading-placeholder { max-width:500px; margin:auto; text-align:center; margin-top:1em; color:#636366; padding-left:15px; padding-right:15px }
.generic-list-container .favorites-loading-placeholder button { width:100%; margin:20px 0; padding:10px }
.generic-list-container .paginator-container { margin:10px 0; text-align:center }
.generic-list-container .paginator-container .btn { margin:0 4px; padding:2px 7px }
.generic-list-container .paginator-container .btn.disabled { color:#ccc }

.change-password-container h1,h2,h3,h4.h5,h6 { padding-left:0; margin-left:0 }
.change-password-container .row:first-child { margin-bottom:10px }
.change-password-container .email { font-weight:bold; margin-bottom:10px }
.change-password-container .message-console { margin-bottom:10px; color:#3d8a3d; font-style:italic }
.change-password-container .message-console.has-error { color:#ef5062 }
.change-password-container input, .email { font-size:1.2em }
.change-password-container .btn-link { color:#212126; margin-left:0; padding-left:0; padding-right:0 }

.jsok { display:none }

/* Styles for the temporary mobile->desktop transition */
body.pending-mobile-transition nav.navbar-fixed-top { border-bottom:1px solid rgb(200, 200, 200) }
body.pending-mobile-transition nav.navbar-fixed-top .header { }
body.pending-mobile-transition nav.navbar-fixed-top .header-right { display:none }
body.pending-mobile-transition .halo-container { display:none }
body.pending-mobile-transition .main-page-content { margin-top:55px }
body.listing.pending-mobile-transition .main-page-content { margin-top:60px }

/* Listing Styles */
body.listing .main-page-content { margin-top:101px }

body.listing h1 { font-size:2em; font-weight:400; color:#444; line-height:1.6em; margin-top:0; margin-bottom:0 }

.interested {
  font-size:16px;
  line-height:1.8em;
}

.nav-tabs>li {
  margin-bottom: -2px;
}

.tab-content {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px;
}

.description {
  margin-top:1em;
  font: 1em;
  line-height: 1.25em;
}

.footer {
  padding-top: 1em;
  padding-bottom: 1em;
}
.footer .footer-links a { color:#212126 }
.footer .copyright-etc { padding-top:10px }
@media (min-width: 768px) {
    .footer .copyright-etc { padding-top:0; text-align:right }
}

.details {
    margin-bottom:10px;
}
.details .details-label { font-size:1.4em; font-weight:400; color:#212126; margin-top:20px; margin-bottom:8px }

.details ul {
    list-style-type:none;
    margin:0px;
    padding: 0px;
    font: sans-serif;
}

.details li {
    text-align:right;
    padding:10px;
    font-size:0.9em;
    background-color: #fafafa;
}

.details li.even {
    background-color:#f1f1f1;
}

.details li h5 {
    display:inline;
    float:left;
    font:bold 1em sans-serif;
    margin-top:2px;
}

div.main_column_tab a{
    margin-right:10px;
    float:left;
    border-bottom:0;
    width:85px;
    padding:5px;
    font-size:13px;
    font-color: #fff;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    background: transparent;
}

#gallery_container {
    border-bottom: solid 1px;
    border-left: solid 1px;
    border-right: solid 1px;
    border-color: #ddd;
 }

.greedy_container {
  position:relative;
  padding-bottom:75%;
  height:0;
  overflow:hidden;
}
.greedy_container .greedy_content {
  position:absolute;
  top:0;
  left:0;
  width:100% !important;
  height:100% !important;
}

.similar-listings .you-might-also-like { font-weight:bold }
.similar-listings .more-apartments-for-rent { text-align:left }
@media (min-width: 768px) {
    .similar-listings .more-apartments-for-rent { text-align:right }
}

.thumbnail {
  border:0px;
  margin-bottom:0px;
  margin-left: auto;
  margin-right: auto;
  padding-top:1em;
}

.thumbnail > a {
    display: block;
    padding-top: 75%;
    position: relative;
    border: solid 1px #efefef;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
}

.thumbnail > a > img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
}

.caption {
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  font-size: 12px;
  max-height: 57px;
  line-height: 16px;
  margin-left: -9px;
  color: #212126;
  text-align:left;
}

label {
  font-size:14px;
  color: #212126;
  font-weight:550;
  width:150px;
}

.message_form_label {
  font-size:14px;
  color: #212126;
  font-weight:550;
  width:150px;
}

input {
  margin-bottom: 10px;
  border-radius: 4px;
  box-shadow: none;
  width: 100%;
  border: solid 1px #bfbfbf;
  line-height: 2em;
  height: 2em;
  padding-left: 4px;
}

#ws-go {
  width:15px;
}

.message_form_text_area {
  border-radius: 4px;
  box-shadow: none;
  height:4em;
  width: 100%;
  border: solid 1px #bfbfbf;
  line-height: 1.2em;
  margin-bottom: 10px;
  padding:4px;
}

#message_name_error, #message_email_error, #message_body_text_error{
  font-size: 12px;
  color:red;
  padding-bottom: 6px;
}

*::-webkit-input-placeholder {
    color: gray;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: gray;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: gray;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: gray;
}

.fb_iframe_widget {
  padding-top:0px;
}

.share-dropdown { float:right }
@media only screen and (min-width:992px) {
    .share-dropdown { margin-top:18px }
}

@media only screen and (max-width:632px){
  .footer {
    margin-bottom: 50px;
  }

  .message_form_label {
    display:none;
  }

  .error_td {
    display: none;
  }

  table {
    width:100%;
  }

  .contact_mobile {
    display:block;
    width:100%;
    position:fixed;
    bottom: 0px;
    margin-left: -15px;
    z-index:99;
    margin-bottom: -0.1em;
  }

  .contact_mobile .phone a {
      color: white;
      font-size: 1em;
  }

  .contact_mobile .email a {
      color: white;
      font-size: 1.2em;
  }

  .contact_mobile .phone {
      color: white;
      height: 44px;
      line-height: 44px;
      float: left;
      background: #5ab8f8;
      text-align: center;
  }
  .contact_mobile .email {
      color: white;
      height: 44px;
      line-height: 44px;
      overflow:hidden;
      background: #5ab8f8;
      text-align: center;
  }

}

@media only screen and (min-width : 376px) {
  .contact_mobile {
    display:none;
  }
}

/* The tabs get pushed to two lines when the screen gets small */
@media (max-width: 480px) {
  #listing_tabs .nav-tabs > li > a {
    padding: 10px 4px;
  }

  #walkscore_clickable_tab {
    display: none;
  }
}

@media (max-width: 340px) {
  #listing_tabs .nav-tabs > li > a {
    padding: 10px 1px;
    font-weight:500;
    font-size:12px;
  }
}