/* =============================================
Bed Availability Search
============================================= */

.bed-search { background: #3186c7; border-radius: 8px; padding:20px; float: left; width: 100%; background-image: url("../images/blue-background.jpg"); background-size: cover;  }
.bed-search p{ color: #FFF; padding-top: 0px; }
.bed-search .form-title { color: #FFF; font-size: 32px; padding-top: 0px; position: relative; padding-bottom: 10px; margin-bottom: 20px; }
.bed-search .form-title:before{position: absolute; bottom: 0px; left: 0px; height: 3px; width: 80px; background: #fff; content: '';}

.bed-search form { float: left; width: 100%; }
.bed-search form label { float: left; width: 100%; font-size: 17px; color: #FFF; font-family: din_next; font-weight: bold;  }
.bed-search form label span { color: #cd1f20; }
.bed-search form select { float: left; width: 100%; background: #FFF; color:#404040; font-size: 12px; margin:5px 0; border:none; padding:5px; -webkit-appearance: none; -moz-appearance: none; appearance: none;  }
.bed-search form .button { width: 100%; float: left; background: #FFF; background-image: url("../images/blue-arrow-right.png"); background-repeat: no-repeat; color: #2c85c7; font-weight: bold; padding: 15px; text-align: center; margin-top: 10px;  }
.bed-search form .button:hover { color: #FFF; background:#2c85c6; background-image: url("../images/white-arrow-right.png"); background-repeat: no-repeat; background-size: 10px;
    background-position: 5%; }

.span_1_of_3 .bed-search form select {background-image: url("../images/dropdown.jpg"), url("../images/blue-arrow-right.png"); background-repeat: no-repeat, no-repeat;
    background-position: 95%, 3%; background-size:12px 9px, 12px 12px; }



.span_1_of_3 .bed-search form .service-select {background-image: url("../images/dropdown.jpg"), url("../images/service-icon.jpg"); }
#two-col-right .span_1_of_3 .bed-search form .service-select {background-image: url("../images/dropdown.jpg"), url("../images/service-icon.jpg"); }

.span_1_of_3 .bed-search form .gender-select {background-image: url("../images/dropdown.jpg"), url("../images/gender-icon.jpg");}
#two-col-right .span_1_of_3 .bed-search form .gender-select {background-image: url("../images/dropdown.jpg"), url("../images/gender-icon.jpg");}

.span_1_of_3 .bed-search form .security-select {background-image: url("../images/dropdown.jpg"), url("../images/security-icon.jpg");}
#two-col-right .span_1_of_3 .bed-search form .security-select {background-image: url("../images/dropdown.jpg"), url("../images/security-icon.jpg");}





/* Side Column Version */


.span_1_of_3 .bed-search h2 { color: #FFF; font-size: 32px; padding-top: 0px; border-bottom:none; position: relative; margin-bottom: 20px; }
.span_1_of_3 .bed-search h2:before{position: absolute; bottom: 0px; left: 0px; height: 3px; width: 80px; background: #fff; content: '';}

.span_1_of_3 .bed-search  { float: left; width: 100%; margin-bottom:20px; }
.span_1_of_3 .bed-search label { float: left; width: 100%; font-size: 17px; color: #FFF; font-family: din_next; font-weight: bold;  }
.span_1_of_3 .bed-search label span { color: #cd1f20; }
.span_1_of_3 .bed-search select { float: left; width: 100%; background: #FFF; color:#404040; font-size: 12px; margin:15px 0; border:none; padding:15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 30px;  }
.span_1_of_3 .bed-search .button { font-size: 13px; width: 100%; float: left; background: #FFF;  background-image: url("../images/blue-arrow-right.png"); background-repeat: no-repeat; background-size: 10px;
    background-position: 5%; color: #2c85c7; font-weight: bold; padding: 15px; text-align: center; margin-top: 10px;  }







/* =======================================
 @ 600
======================================= */
@media only screen and (min-width:600px) {

.span_1_of_3 .bed-search form select {background-image: url("../images/dropdown.jpg"), url("../images/blue-arrow-right.png"); background-repeat: no-repeat, no-repeat;
    background-position: 95%, 2%; background-size:12px 9px, 12px 12px; }

}




/* =======================================
 @ 771
======================================= */
@media only screen and (min-width:771px) {

.span_1_of_3 .bed-search form select {background-image: url("../images/dropdown.jpg"), url("../images/blue-arrow-right.png"); background-repeat: no-repeat, no-repeat;
    background-position: 95%, 4%; background-size:12px 9px, 12px 12px; }

#two-col-right .span_1_of_3 .bed-search form select {background-image: url("../images/dropdown.jpg"), url("../images/blue-arrow-right.png"); background-repeat: no-repeat, no-repeat;
    background-position: 95%, 1.5%; background-size:12px 9px, 12px 12px; }
.bed-search { min-height: 588px; }


}







/* =======================================
 @ 860
======================================= */
@media only screen and (min-width:860px) {

.bed-search { min-height: 588px; }


}





/* =======================================
 @ 1000
======================================= */
@media only screen and (min-width:1000px) {

.bed-search { /*min-height: 527px;*/ min-height: 544px; }

#two-col-right .span_1_of_3 .bed-search form select {background-image: url("../images/dropdown.jpg"), url("../images/blue-arrow-right.png"); background-repeat: no-repeat, no-repeat;
    background-position: 95%, 3.5%; background-size:12px 9px, 12px 12px; }

}


/* =======================================
 @ 1200
======================================= */
@media only screen and (min-width:1200px) {

.bed-search { min-height: auto; }
.span_1_of_3 .bed-search form select {background-image: url("../images/dropdown.jpg"), url("../images/blue-arrow-right.png"); background-repeat: no-repeat, no-repeat;
    background-position: 95%, 3%; background-size:12px 9px, 12px 12px; }

}