@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
	Search Page - Search Options
-------------------------------------------------*/

#search-options {
   background: #222222;
   padding: 10px;
   width: 920px;
   margin: 0 0 0 10px;
   border: 1px solid #333;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px; /* future proofing */
   -khtml-border-radius: 4px; /* for old Konqueror browsers */
}

#search-options .opt-wrap {
   float: left;
   margin: 0 5px;
   text-align: center;
   font-size: 11px;
   width: 110px;
}

#search-options .city-input {
   width: auto;
}

#search-options .city-input .token-input-list-starrys {
   width: 275px;
   border: 1px solid #e5e5e5;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px; /* future proofing */
   -khtml-border-radius: 4px; /* for old Konqueror browsers */
   box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2) inset;
   box-sizing: border-box;
   padding: 2px 0 3px 0;
   font-size: 14px;
   text-align: left;
   cursor: pointer;
   font-family: 'Roboto', 'sans-serif';
   font-weight: 400;
}

#hidden-count {
   display: none;
   position: absolute;
   font-weight: bold;
   line-height: 21px;
   width: 22px;
   margin: -8px 0 0 96px;
   background-color: #b9040c;
   color: #ffffff;
   border: 1px solid #ffffff;
   -moz-border-radius: 11px;
   -webkit-border-radius: 11px;
   border-radius: 11px; /* future proofing */
   -khtml-border-radius: 11px; /* for old Konqueror browsers */
}
#search-options .more-wrap { float: right; }
#search-options .more-wrap .btn {
   width: 100%;
   line-height: 31px;
   padding: 0 10px;
   background-color: #FFFFFF;
   color: #000000;
   border: 1px solid #e5e5e5;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px; /* future proofing */
   -khtml-border-radius: 4px; /* for old Konqueror browsers */
   box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2) inset;
   box-sizing: border-box;
   font-size: 14px;
   text-align: center;
   cursor: pointer;
}
#search-options .more-wrap .opened,
#search-options .more-wrap .btn:hover {
   background-color: #b9040c;
   color: #ffffff;
}
#search-options .opt-wrap select {
   border: 1px solid #e5e5e5;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px; /* future proofing */
   -khtml-border-radius: 4px; /* for old Konqueror browsers */
   box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2) inset;
   box-sizing: border-box;
   width: 100%;
   padding: 5px 4px;
   font-size: 14px;
   text-align: left;
   cursor: pointer;
   font-family: 'Roboto', 'sans-serif';
   font-weight: 400;
}

#search-options .more-options {
   display: none;
   width: 858px;
   margin: 10px 0 0 20px;
   padding: 10px;
   border: 1px solid #e5e5e5;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px; /* future proofing */
   -khtml-border-radius: 4px; /* for old Konqueror browsers */
}

#search-options .more-options .col {
   float: left;
   margin-right: 35px;
}

#search-options .more-options .col select { margin-bottom: 3px; }
#search-options .more-options .col input { padding: 5px; }
#search-options .more-options .col label { display: inline-block; width: 35px; }

/*-----------------------------------------------
   Search Page - Search Results
-------------------------------------------------*/

#search-results-wrap { padding: 10px; width: 940px; margin: 0 0 0 0; }
#no-results          { display: none; margin: 30px 0 80px; clear: none; }
.broker-disclaimer   { padding: 30px 20px 0 20px; color: #aaa; font-size: 10px; }

#loading-indicator {
   display: none;
   position: absolute;
   margin: 80px 0 0 30px;
   color: #ffffff;
   font-size: 20px;
   font-weight: bold;
   line-height: 48px;
   z-index: 9999;
   padding: 5px 20px;
   background-color: #000;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.75);
   -moz-box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.75);
   -webkit-box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.75);
   border: 2px solid #ffffff;
 }
#loading-indicator img  { padding-right: 20px; vertical-align: middle;  }

#no-map-results {
   display: none;
   position: absolute;
   margin: 80px 0 0 30px;
   color: #ffffff;
   font-size: 20px;
   font-weight: bold;
   line-height: 30px;
   z-index: 9999;
   padding: 10px 20px;
   background-color: #B9040C;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   box-shadow: 0px 0px 4px 4px rgba(185, 4, 12, 0.75);
   -moz-box-shadow: 0px 0px 4px 4px rgba(185, 4, 12, 0.75);
   -webkit-box-shadow: 0px 0px 4px 4px rgba(185, 4, 12, 0.75);
   border: 2px solid #ffffff;
 }

.results-spacer                     { min-height: 90px; }
.search-results                     { display: none; }

#result-header                      { padding-bottom: 15px; }
#result-header h3                   { float: left; height: 26px; }
#result-header .max-results-shown   {
   display: none;
   float: left;
   margin: 5px;
   color: #ffffff;
   font-size: 14px;
   font-weight: normal;
   line-height: 18px;
   padding: 5px 10px;
   background-color: #B9040C;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   box-shadow: 0px 0px 4px 4px rgba(185, 4, 12, 0.75);
   -moz-box-shadow: 0px 0px 4px 4px rgba(185, 4, 12, 0.75);
   -webkit-box-shadow: 0px 0px 4px 4px rgba(185, 4, 12, 0.75);
   border: 2px solid #ffffff;
}
#result-header .result-type-links   { float: right; padding-top: 3px; }
#result-header .result-type-links a.result-types {
   display: block;
   height: 21px;
   line-height: 19px;
   float: left;
   padding: 0 0 0 25px;
   margin: 0 0 0 30px;
   color: #ffffff;
   font-size: 18px;
   font-weight: bold;
   text-decoration: none;
   text-align: left;B9040C
}
#result-header .result-type-links .list-type { background: transparent url('/images/results-list.png') center left no-repeat; }
#result-header .result-type-links .map-type  { background: transparent url('/images/results-map.png') center left no-repeat; }
#result-header .result-type-links .list-type.current,
#result-header .result-type-links .list-type:hover { color: #B9040C; background-image: url('/images/results-list-current.png'); }
#result-header .result-type-links .map-type.current,
#result-header .result-type-links .map-type:hover  { color: #B9040C; background-image: url('/images/results-map-current.png'); }

#order-by-choices {
   border-bottom: 1px solid #222222;
   padding-bottom: 15px;
}
#order-by-choices a {
   margin-left: 20px;
   font-size: 13px;
   color: #777777;
   text-decoration: none;
}
#order-by-choices a.current,
.search-results #order-by-choices a:hover {
   color: #B9040C;
}

.search-listing { background-color: #1A1A1A; border: 1px solid #333333; margin-bottom: 10px; }
.search-listing h4 { margin: 10px 0 8px 0; }
.search-listing h4 a { font-size: 20px; font-weight: 700; line-height: 25px; color: #ffffff; text-decoration: none; }
.search-listing h4 a:hover { color: #B9040C; }
.search-listing h4 .municipality { margin-left: 15px; font-size: 14px; }
.search-listing .prop-type { float: right; margin: 0 5px 0 0; font-size: 20px; font-weight: bold; color: #2F2F2F; }
.search-listing .price {
   float: left;
   width: 135px;
   margin: 0;
   padding: 0;
   font-family: 'Open Sans', 'sans-serif';
   font-weight: 700;
   font-size: 22px;
   line-height: 24px;
   color: #B9040C;
   text-align: left;
}
.search-listing .details-button { display: block; float: left; line-height: 20px; margin: 14px 0 0 0; padding-top: 0; padding-bottom: 0; }

.search-listing .frame {
   clear: both;
   float: left;
   width: 140px;
   border: 5px solid #333333;
   margin: 5px 15px 5px 5px;
   text-align: center;
   vertical-align: middle;
}

.search-listing .info { float: left; width: 625px; }
.search-listing .info .col { float: left; width: 155px; text-align: center; margin: 0; padding: 0; font-size: 18px; font-weight: bold; }
.search-listing .info h5 { font-weight: normal; font-size: 14px; color: #b9040c; margin: 0; padding: 0; }
.search-listing .office { font-size: 10px; color: #737373; font-style: italic; margin: 10px 0 5px 0; padding: 0; text-align: right; }

.sold-tag, .pending-tag, .archived-tag {
   position: absolute;
   width: 100px;
   height: 35px;
   z-index: 999;
}
.sold-tag { background: transparent url('/images/sold-small.png') top left no-repeat; }
.pending-tag { background: transparent url('/images/pending-small.png') top left no-repeat; }
.archived-tag { background: transparent url('/images/archived-small.png') top left no-repeat; }

.pending-tag-two {
   position: absolute;
   width: 140px;
   line-height: 22px;
   margin-top: -22px;
   font-weight: bold;
   text-align: center;
   background-color: #b9040c;
   color: #ffffff;
   z-index: 999;
}


.pagination-wrap p { margin: 20px 0; }
.pagination-wrap a.starry-button { margin-right: 15px; font-size: 16px; padding: 5px 12px; }

#map-canvas { height: 550px; width: 940px; }

#map-canvas .map-listing { width: 200px; height: 150px; }
#map-canvas .map-listing h4 { margin: 0; line-height: 14px; }
#map-canvas .map-listing h4 a {
   font-family: 'Open Sans', 'sans-serif';
   font-weight: 700;
   font-size: 12px;
   color: #000000;
   text-decoration: none;
}
#map-canvas .map-listing h4 a:hover { color: #B9040C; }
#map-canvas .map-listing .municipality { font-weight: 400; font-size: 10px; color: #000000; }
#map-canvas .map-listing .sold-text    { font-weight: bold; color: #B9040C; font-size: 12px; }

#map-canvas .map-listing a img {
   max-width: 80px;
   max-height: 60px;
   margin: 2px 5px 2px 2px;
   -moz-box-shadow: 2px 2px 2px #888888;
   -webkit-box-shadow: 2px 2px 2px #888888;
   box-shadow: 2px 2px 2px #888888;
}

#map-canvas .map-listing p.details { float: none; margin: 0; padding: 5px 0 5px 3px; }
#map-canvas .map-listing p.details .starry-button {
    display: inline-block;
    margin: 2px 0 0;
    padding: 2px 9px;
    font-size: 10px;
    line-height: 12px;
}

#map-canvas .map-listing div.info { float: right; color: #000000; text-align: right; width: 110px; margin: 0 0 4px 0; font-size: 10px; }
#map-canvas .map-listing div.info .price {
   font-family: 'Open Sans', 'sans-serif';
   font-weight: 700;
   font-size: 14px;
   line-height: 18px;
   color: #B9040C;
}

#map-canvas .map-listing p.office { float: none; font-size: 9px; color: #aaa; font-style: italic; margin: 0; padding: 3px 0 0 0; }