/* 
    Document   : default
    Created on : 23/06/2014, 12:08:52 PM
    Author     : Craig
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

.houses-search-set {
    float: left;
    min-width: 170px;
    margin-bottom: 30px;
    margin-right: 20px;
}
.houses-search-container h2 {
    font-size: 1.3em;
    font-weight: normal;
    color: #000;
    font-family: arial, sans-serif;
    text-align: center;
    margin: 20px 0 40px;
}
.houses-search-container h2 span {
    font-size: 1.1em;
    font-weight: bold;
    color: #000;
}
#houses-search-search-set {
    float: none;
}
#houses-search-search-set label {
    float: left;
    font-size: 1.4em;
    width: 50%;
    text-align: center;
    padding-top: 5px;
}

.houses-search-container #houses-search-search {
    float: left;
    border: 0;
    background: #DDDDDD;
    font-size: 1.4em;
    width: 41% !important;
}
#houses-search-search-button {
    background: #000 url('../images/search.png') center center no-repeat;
    width: 40px;
    height: 36px;
    float: left;
    border: 0px solid #ed1848;
}


.houses-search-container .label {
    color: #000;
    font-size: 1.5em;
    padding: 3px 3px 5px;
    width: 100%;
}

.houses-search-container .houses-search-set input[type="checkbox"], 
.houses-search-container .houses-search-set input[type="radio"] {
    display: none;
}
.houses-search-container .houses-search-set input[type="checkbox"] ~ label, 
.houses-search-container .houses-search-set input[type="radio"] ~ label {
    background: #e0e0e0;
    padding: 5px 15px 3px;
    color: #000;
    float: left;
    margin-left: 3px;
    cursor: pointer;
    font-size: 1.2em;
}
.houses-search-container .houses-search-set input[type="checkbox"]:checked ~ label,
.houses-search-container .houses-search-set input[type="radio"]:checked ~ label {
    background: #ed1848;
    color: #FFF;
}

.houses-search-frontage {
    clear: left;
    min-width: 380px;
}

.houses-search-price {
    width: 240px;
}

.houses-search-series {

}

#houses-search-button-container {
    float: right;
    margin-top: -10px;
}
#houses-search-button-container a {
    display: block;
    background: #ed1848;
    color: #FFF;
    font-size: 1.7em;
    padding: 30px;
    text-decoration: none;
}


.ui-slider-horizontal {
    height: .2em;
    margin-top: .7em;
    background: #e0e0e0;
    margin-bottom: .5em;
    border-radius: 0;
    border: 0;
}
.ui-slider .ui-slider-handle {
    width: .5em;
    background: #8cc63f;
    height: 1.8em;
    border-radius: 0;
    border: 0;
    cursor: e-resize;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.8em;
    margin-left: -.3em;
}


#houses-quick-search-container, #or-spacer {
    clear: both;
}

#or-spacer {
    text-align: center;
    text-transform: uppercase;
    font-size: 2.4em;
    color: #8cc63f;
    font-weight: bold;
    margin: 50px 0 30px;
    background: url("../images/or-bg.png") left center repeat-x;
}

#or-spacer span {
    padding: 20px;
    background: #FFF;
}


.disclaimer-icon {
    float: left;
    width: 20px;
    height: 20px;
    background: url("../images/icon-tooltip.jpg") center center no-repeat;
    margin-top: 3px;
    margin-right: 5px;
}
.form-disclaimer {
    display: none;
    position: absolute;
    background: #FFF;
    max-width: 200px;
}

.disclaimer-icon:hover .form-disclaimer {
    display: block;
}

.houses-search-container input.placeholder {
    color: #888;
}

.ui-autocomplete-loading {
    background-image: url("../images/loading3.gif") !important;
    background-position:  right center !important;
    background-repeat:  no-repeat !important;
}
.ui-menu {
    margin:0;
    padding: 0;
    float: left;
    position: absolute;
}
.ui-menu-item, .ui-menu-item.ui-state-focus {
    margin: 0;
    padding: 5px;
    list-style-type: none;
    background: #FFF;
    border: 1px solid #CCC;
    border-top: 0;
    font-size: .9em;
    cursor: pointer;
    color: rgb(88, 89, 91);
}
.ui-menu-item:hover {
    background: #EEE;
    color: #000;
}

.form-disclaimer ul {
    margin: 5px;
    padding: 0 0 0 15px;
}


#houses-search-series-list {
    position: absolute;
    margin:0;
    padding: 0;
    display: none;
}

#houses-search-series-placeholder {
    background: #FFF;
    border: 0;
    color: #1f0a04;
    width: 100%;
    cursor: pointer;
}



#houses-search-series-placeholder div.series-name, #houses-search-series-list li:first-child div.series-name {
    background: #FFF url("../images/select-down-arrow.png") right top no-repeat;
}

#houses-search-series-list li {
    list-style-type: none;
    clear: left;
    cursor: pointer;
}
#houses-search-series-list li div {
    float: left;
}
div.series-color {
    float: left;
    height: 30px;
    width: 30px;
    background: #e1e1e1;
    border-left: 1px solid #CCC;
    border-right: 0;
}


div.series-color.genesis {
    background: #8dc63f ;
}
div.series-color.evolution {
    background: #ee1848;
}
div.series-color.designer {
    background: #ffd006;
}

div.series-name {
    float: left;
    padding: 5px 12px;
    color: #1f0a04;
    width: calc(100% - 30px);
    border-right: 1px solid #CCC;
}

#houses-search-series-placeholder div.series-name {
    border: 1px solid #CCC;
    border-left: 0;
}
#houses-search-series-placeholder div.series-color {
    border: 1px solid #CCC;
    border-right: 0;
}
#houses-search-series-list li:hover div.series-name {
    background-color: #1e90ff;
    color: #FFF;
}
#houses-search-series-list li:first-child div.series-color, #houses-search-series-list li:first-child div.series-name {
    border-top: 1px solid #CCC;
}
#houses-search-series-list li:last-child div.series-color, #houses-search-series-list li:last-child div.series-name {
    border-bottom: 1px solid #CCC;
}