.job-banner .button {color: #f58b50;  background: #fff url('../images/orange-arrow-right.png') no-repeat; background-position: 5%; background-size: 13px;  }

.job-banner .button:hover {color: #fff;}
.job-banner .banner-search { background: url(../images/orange-background.jpg); }

/* =============================================
Job Finder Search
============================================= */

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

.job-search form { float: left; width: 100%; }
.job-search form label { float: left; width: 100%; font-size: 17px; color: #FFF; font-family: din_next; font-weight: bold;  }
.job-search form label span { color: #cd1f20; }
.job-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;  }
.job-search form .button { width: 100%; float: left; background: #FFF; color: #e87f46; font-weight: bold; padding: 15px; text-align: center; margin-top: 10px;  }

.job-results-wrap ul li {font-family: 'Source Sans Pro', sans-serif;  clear: both; padding: 0; font-size: 13px; line-height: 28px;}
.job-results-wrap ul li i {color: #2c85c6; margin-right: 5px;} 

.job-results-wrap h1 {margin-bottom: 30px;}

/* Side Column Version */


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

.span_1_of_3 .job-search  { float: left; width: 100%; margin-bottom:20px; min-height: auto; }
.span_1_of_3 .job-search label { float: left; width: 100%; font-size: 17px; color: #FFF; font-family: din_next; font-weight: bold;  }
.span_1_of_3 .job-search label span { color: #cd1f20; }
.span_1_of_3 .job-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 .job-search .button { width: 100%; float: left; background: #FFF;  background-image: url("../images/orange-arrow-right.png"); background-repeat: no-repeat; background-size: 10px;  background-position: 5%; color: #f68b48; font-weight: bold; font-size: 13px; padding: 15px; text-align: center; margin-top: 10px;  }
.span_1_of_3 .job-search .button:hover { color: #FFF; background:#f68b48; background-image: url("../images/white-arrow-right.png"); background-repeat: no-repeat; background-size: 10px;
    background-position: 5%; }


.span_1_of_3 .job-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 .job-search form .role-select {background-image: url("../images/dropdown.jpg"), url("../images/role-icon.jpg"); }
#two-col-right .span_1_of_3 .job-search form .role-select {background-image: url("../images/dropdown.jpg"), url("../images/role-icon.jpg"); }

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

.find-job form .location-select {background-image: url("../images/orange-dropdown.jpg"), url("../images/location-icon.jpg");}

.find-job form .profession-select {background-image: url("../images/orange-dropdown.jpg"), url("../images/profession-icon.jpg");}

.find-job form .service-select {background-image: url("../images/orange-dropdown.jpg"), url("../images/orange-service-icon.jpg");}

.find-job form .salary-select {background-image: url("../images/orange-dropdown.jpg"), url("../images/salary-icon.jpg");}


/*

.find-job input:hover { background: #156193 url("../images/white-arrow-right.png") no-repeat;  background-position: 5%; background-size: 13px;  }
*/

/* =============================================
Job Search
============================================= */

.job-results-wrap { float: left; width: 100%; border-radius: 8px; margin:20px 0; background: #eeeeee; padding:20px; }
.job-results-wrap .result { float: left; width: 100%; margin:10px 0; border-radius:8px; overflow: hidden; }
.job-results-wrap .result a { background: #FFF; float: left; width:100%; padding:20px; }
.job-results-wrap .filter { float: left; width: 100%; background: #FFF; border-radius: 8px; margin-bottom:20px; padding:20px; }
.job-results-wrap .filter h3 { font-size: 22px; border-bottom:1px solid #d9d9d9; padding-bottom: 3px; margin:10px 0; }






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

.banner-search {position: absolute; top: 5%; left: 0%; width:100%; padding: 2% 5%; background: none;}
.job-banner .banner-search { background: none; }

.search-banner img {display: block;}



}


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


.span_1_of_3 .job-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 .three-col-job-search { min-height: 589px; }

.span_1_of_3 .job-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 .job-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; }




}


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

/*.span_1_of_3 .three-col-job-search { min-height: 571px; }*/


}





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

.span_1_of_3 .three-col-job-search { min-height: 544px; }
#two-col-right .span_1_of_3 .job-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) {

.span_1_of_3 .three-col-job-search{ min-height: 519px; }

.span_1_of_3 .job-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; }


}