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

#jobsSearch {
    width: 100%;
    box-sizing: border-box;
    height: auto;
    z-index: 1;
    height: auto;
    min-height: 25em;
    background: rgb(35, 195, 255)  center top;
    background-size: cover;
}


#jobsApplyS {
    width: 100%;
    box-sizing: border-box;
    height: auto;
    z-index: 1;
    height: auto;
    min-height: 10em;
    background: rgb(105, 195, 255) url(../nfiles/img/jobapply.jpg) center top;
    background-size: cover;
}

#jobsLeft, #jobsRight{ position:relative; float:left; width:50%; margin:0; min-height:20em; box-sizing:border-box;}
#jobsLeft{ padding:2em 1% 2em 4%; }
#jobsRight{ padding:2em 4% 2em 1%; }

#jobsRight select{ background-color:rgb(255,255,255);  background-repeat: no-repeat; background-position:right center; background-size:auto 70%; color:rgb(94,107,111); width:98%; font-size:1em; padding:.5em; border-radius:.3em; margin-top:1.2em; box-shadow:inset 1px 1px 3px 0px rgb(0,0,0); box-sizing:border-box;}
#jobsRight input[type='text']{ background-color:rgb(255,255,255);  background-repeat: no-repeat; background-position:1em center; background-size:auto 70%; color:rgb(94,107,111); width:48%; font-size:1em; padding:.5em .5em .5em 3em; border-radius:.3em; margin-top:1.2em; box-shadow:inset 1px 1px 3px 0px rgb(0,0,0); box-sizing:border-box;}
#jobsRight input[type='submit'], #jobsRight input[type='reset']{ color:rgb(255,255,255); width:40%; font-size:1em; padding:.5em; border-radius:.3em; margin-top:1.2em; box-shadow:inset 1px 1px 3px 0px rgb(0,0,0); cursor:pointer;}
.sub{ background-color:rgb(45,48,91); }
.res{ background-color:rgb(94,107,145); }
#jobsRight select:nth-of-type(odd){margin-right:4%;}
#jobsRight input[type='submit']{margin-right:20%;}

#jobsRight select, #jobsRight input[type='text'], #jobsRight input[type='submit'], #jobsRight input[type='reset']{-webkit-appearance: none; -moz-appearance:none; -o-appearance:none; border:none; float:left; display:block; box-sizing:border-box; height:2.4em; padding-top:0; padding-bottom:0; }
	
#jobsLeft { color:rgb(255,255,255); }
/* #jobsLeft h1 span{ font-size:3.5em; text-transform:uppercase; font-weight:bold; }*/
    #jobsLeft h1 {
        font-family: 'Oswald', sans-serif;
        font-size: 3.7em;
        font-weight: normal;
        text-transform: none;
    }
    #jobsLeft h3 {
        font-family: 'Oswald', sans-serif;
        font-size: 2em;
        font-weight: normal;
        margin: .5em 0 0 0;
    }
#jobsLeft p{ margin:1em 0 0 0; }

#jobsApplyS h1 {
    font-family: Calibri;
    font-size: 3.7em;
    font-weight: normal;
    text-transform: none;
}
#jobsASLeft {
    padding: 2em 1% 2em 4%;
}
    #jobsASLeft h1 {
        font-family: Calibri;
        font-size: 3.7em;
        color: rgba(255,255,255,.99);
        font-weight: normal;
        text-transform: none;
        text-shadow: 2px 2px #666666;
    }

    #jobsASLeft h3 {
        font-family: Calibri;
        font-style: italic;
        font-size: 2.0em;
        color: rgba(0,225,255,1);
        font-weight: normal;
        text-transform: none;
        text-shadow: 2px 2px #555;
    }


.jobDetails {
    font-family: Calibri;
    font-size: 1em;
    color: rgb(22,102,175);
    font-weight: normal;
    text-transform: none;
    text-shadow: 0px 0px #333;
}

#jobsLeft p {
    margin: 1em 0 0 0;
}

h3.presearch {
    font-family: Calibri;
    font-size: 1.8em;
    font-weight: bold;
    color: rgb(94,107,111);
    margin: .5em 0;
}

h3.presearch.blue {color: rgb(22,102,175);}
    h3.presearch.orange {
        color: rgb(255,165,0);
    }
#jobsResults {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    position: relative;
    background: rgb(243, 245, 246);
    padding: 1em 4%;
}
#resultsLeft {
    width: 100%;
    padding: .5em 4% 1em 0;
    box-sizing: border-box;
    float: left;
    font-family: 'Oswald', sans-serif;
}

    #resultsLeft ul, li {
        padding: 0;
        margin: 0;
        list-style: none;
        font-family: Calibri;
    }

#resultsLeft ul {
    margin: 2em 0;
}

#resultsLeft li {
    margin: 1em;
    margin-left: 3em;
}

    #resultsLeft li:before {
        content: '\f006';
        font-family: 'FontAwesome';
        float: left;
        margin-left: -1.5em;
        color: #0074D9;
    }

    #resultsLeftOld {
        width: 75%;
        padding: 1em 4% 1em 0;
        box-sizing: border-box;
        float: left;
    }
#resultsRight{ width:25%; padding: 1em 0 1em 2%; box-sizing:border-box; float:left; }

#jobsResultsRight{width:25%; padding: 1em 0 1em 2%; box-sizing:border-box; float:right; overflow:hidden; overflow-y:auto; }
#jobsResultsRight.sticky{position:fixed; top:12em; }
#saved-jobs-header{}
#saved-jobs-header img{width:80%; height:auto; vertical-align:middle}
#saved-jobs-header .tooltip{display:inline-block; width:10%; max-width:2em; position:relative; vertical-align:middle; margin: 0 0 0 .5em;}
#saved-jobs-header .tooltip img{width:100%;}
#saved-jobs-header .tooltip .tooltiptext{ position:absolute; top:100%; right:0; width:700%; background:rgba(94,107,111,.91); box-sizing:border-box; padding:.5em; color:rgb(255,255,255); display:none;}
#saved-jobs-header .tooltip:hover .tooltiptext{display:block;}
#saved-jobs-msg{font-size:1em; font-style:italic; color:rgb(220,105,55);}
#saved-jobs-list{}
#saved-jobs-list a{display:block; width:100%; height:auto; padding:.5em 0; margin:.5em 0; font-size:1.1em; color:rgb(35,48,71); font-weight:600; border-top:1px dotted rgb(94,107,111);}
#saved-jobs-list a span{font-size:.9em; color:rgb(107,165,67); font-weight:400;}

.jobs_state_header {
    width: 85%;
    height: auto;
    position: relative;
    background: rgb(22, 102, 175);
}
.jobs_state_headerRight {
    right: -85%;
    top: -145px;
    width: 15%;
    height: auto;
    position: relative;
    padding: 0;
    margin: 1em 0 0 0;
    background: rgba(222, 228, 232, 0.77);
    overflow: visible;
}
    .jobs_state_headerRight h2 {
        display: block;
        position: absolute;
        top: 10%;
        left: 5%;
        width: 90%;
        height: 80%;
        color: rgba(94,107,111,.91);
        font-family: 'Oswald', sans-serif;
        font-weight: normal;
        font-size: 4em;
        vertical-align: middle;
    }
.jobs_state_headerOld {
    width: 100%;
    height: auto;
    position: relative;
    margin: 1em 0 0 0;
}
.jobs_state_header img{width:100%; height:auto;}
.jobs_state_header h2 {
    display: block;
    position: absolute;
    top: 10%;
    left: 5%;
    width: 90%;
    height: 80%;
    color: rgb(255,255,255);
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 4em;
    vertical-align: middle;
}

.results_line {
    position: relative;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: .5em 0;
    margin: .5em 0;
    background: rgba(222, 228, 232, 0.77);
    border: thin solid rgb(120, 145, 152);
}

.stateHdr {
    position: relative;
    width: 100%;
    height: auto;
   background: rgba(222, 228, 232, 0.77);
    border: thin solid rgb(120, 145, 152);
}

.stateHdr_Count {
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;
    height: 100%;
    padding: 0;
    box-sizing: border-box;
    background: rgb(54, 74, 100);
    overflow: visible;
}


    .stateHdr_Count h1 {
        display: block;
        position: absolute;
        top: 10%;
        left: 5%;
        width: 90%;
        height: 80%;
        color: rgba(255,255,255,.91);
        font-family: 'Oswald', sans-serif;
        font-weight: normal;
        font-size: 4em;
        vertical-align: middle;
        text-align: center;
        text-transform: uppercase;
    }

.results_line_txt {
    width: 78%;
    padding: 0 .75em;
    box-sizing: border-box;
    float: left; /*border-right: 1px solid rgb(94,107,111);*/
    /*background: rgba(222, 228, 232, 0.77);*/
}

.results_txt_left{float:left; width:100%; box-sizing:border-box; padding:0 .5em 0 0;}
.results_txt_left p{display: block; float:left; box-sizing: border-box; width:25%; padding: .5em; margin:0; text-align: center;}
.results_txt_left span{display: block; float:left; box-sizing: border-box; width:15%; padding: .5em; margin:0; text-align: center;}
.results_txt_left span2{display: block; float:left; box-sizing: border-box; width:35%; padding: .5em; margin:0; text-align: center;}


.details_txt_left {
    float: right;
    width: 95%;
    box-sizing: border-box;
    padding: 0 .5em 0 0;
    margin:1em;
}

    .details_txt_left p {
        display: block;
        float: left;
        box-sizing: border-box;
        width: 100%;
        padding: .1em;
        margin: none;
        text-align: left;
    }

.results_header {
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    color: rgb(22,22,22);
    text-transform: uppercase;
    text-align: right;
}
.noresults {
    font-family: Calibri;
    font-size: 1.4em;
    font-weight: normal;
   
    margin: .5em 0;
    color: rgb(100,102,159); 
}
h2.title {
    margin: 0;
    display: block;
    width: 78%;
    font-family: 'Oswald', sans-serif;
    font-weight:600;
    font-size: 1.5em;
    color: rgb(35,48,71);
    padding: 0 0 0 .5em
}
.results_line_txt p{margin:.5em 0; color:rgb(35,48,71)}

.results_save {
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;
    height: 100%;
    padding: 0;
    box-sizing: border-box;
    /*background: rgba(222, 228, 232, 0.77);*/
    overflow: visible;
}
.app_btn, .save_btn, .jshare_btn, .jcall_btn{display:block; /*position:absolute;*/ width:105%; height:auto; margin-right:12%;}
.app_btn img, .save_btn img, .jshare_btn img, .jcall_btn img{width:100%; height:auto;}{width:100%; height:auto;}
.app_btn, .save_btn, .jcall_btn{ margin:.3em 0 .3em -12%;}
.jcall_btn{ display:none;}
.jshare_btn{ top:70%}
.res_activities{ width:50%; float:left; box-sizing:border-box; padding:.8em .2em 0 .2em; }

.res_activities img{width:11%; max-width:45px; height:auto; margin:0 1% 0 0; }

.showmore {
    font-size: 1.25em;
    color: rgb(33,120,165);
}

.job-more-links{width:80%; float:left; box-sizing:border-box; padding:.8em .2em 0 .5em; }
.job-more-links a{font-weight: bold; text-decoration: underline;}
a.owm-link {
    color: rgb(80,80,80);
    font-family: 'Oswald', sans-serif;
    font-weight:300;

}
a.map-link {
    color: rgb(80,80,80);
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}
a.close-extra{color:rgb(35,48,71); float:right;}

.results_expand{ width:73%; float:left; box-sizing:border-box; margin:.4em .5em 0 .5em; padding:.4em 0; border-top:1px solid rgb(94,107,111); display:none;}

.res_weather {
    float: left;
    box-sizing: border-box;
    padding: 0em 0em 0 0em;
    /* background: rgba(255, 255, 255, 0.90);*/
}
.res_weatherR {
    width: 5%;
    float: right;
    box-sizing: border-box;
    padding: .8em .2em 0 .2em;
}
#detail_weather{ margin:0; text-align:right;}
div.weather_day{display:inline-block; text-align:center; vertical-align:middle; font-weight:300; margin:0 .2em; padding:0 .2em; border-right:1px solid rgb(94,107,111);}
div.weather_day_left, div.weather_day_right{display:inline-block; width:auto; box-sizing:border-box; padding: 0 .3em; vertical-align:middle;}
div.weather_day img{width:2.5em;}
p.weather_high{ font-size:1.3em; }
p.weather_low{ font-size:1em; }

.loadMoreCon{ margin:0 0 0 0; padding:0 0 0 0; border-top:0px dotted rgb(45,100,167); }
.loadMoreBtn {
    display: block;
    font-size: 1.5em;
    text-align: center;
    background: rgb(35, 195, 255);
    color: rgb(255,255,255);
    border: 1px solid:rgb(51,52,53);
    padding: .5em;
    box-sizing: border-box;
}

    .loadMoreBtn:hover {
        color: rgb(13,62,107);
    }


.results_header #spinner{ width:2em; height:2em; margin:0 .5em; vertical-align:middle;
	-webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}
	
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@media screen and (max-width:740px){
    h2.title {
        margin: 0;
        display: block;
        width: 90%;
        font-family: "Century Gothic";
        font-weight: bold;
        font-size: 1.2em;
        color: rgb(35,48,71);
        padding: 0 0 0 .5em
    }

    .results_txt_left p {
        display: block;
        float: left;
        box-sizing: border-box;
        width: 25%;
        padding: .5em;
        margin:auto;
        text-align: center;
    }

    #jobsLeft {
        font-size: 70%;
    }
}
@media screen and (max-width:550px){
    h2.title {
        margin: 0;
        display: block;
        width: 90%;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 1em;
        color: rgb(35,48,71);
        padding: 0 0 0 0em
    }
    results_line_txt {
        width: 100%;
        padding: 0 .5em;
        box-sizing: border-box;
        float: left; /*border-right: 1px solid rgb(94,107,111);*/

    }
    .results_txt_left p {
        display: block;
        float: left;
        box-sizing: border-box;
        width: 25%;
        padding: .5em;
        margin: none;
        text-align: center;
    }
    #jobsLeft, #jobsRight {
        width: 100%;
        margin: 0;
        padding: 1em 2%;
        min-height: 1em;
        box-sizing: border-box;
        
    }
    #jobsLeft {
        font-size: 60%;
    }
    #jobsResults {
        padding: 1em 1%;
    }
	#resultsLeft{width:100%; padding: 1em 2%;}
    #jobs_state_header {
        width: 100%;
        padding: 1em 2%;
    }
    #resultsRight {
        display: none;
    }
    #stateHdr_Count {
        display: none;
    }
	#jobsResultsRight{width:100%; float:none; margin-top:.5em !important; max-height:250px !important;}
	#saved-jobs-header img{width:40%; height:auto;}
    .results_save {
        clear: both;
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        height: auto;
        padding: 1em 0;
        box-sizing: border-box;
        background: rgba(255,255,255,.0);
        text-align: center;
    }
    .app_btn, .save_btn, .jshare_btn, .jcall_btn {
        display: inline-block;
        position: relative;
        width: 30%;
        margin: 0 .3em;
        height: auto;
        right: 0;
    }
    .job-more-links {
        width: 100%;
    }

    .res_weather {
        width: 100%;
    }
	/*
	.results_line_txt{ width:75%; padding: 0 2%; border-right:none; box-sizing:border-box; }
	.results_save{ position:relative; float:left; top:auto; right:auto; background:none; }
	.results_expand{ width:98%;  margin:.4em 1%;}
	*/
}

@media screen and (max-width:425px){
    h2.title {
        margin: 0;
        display: block;
        width: 95%;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 1em;
        color: rgb(35,48,71);
        padding: 0 0 0 0em
    }
	.results_line_txt{ width:100%; padding: 0 .3em; box-sizing:border-box; float:left; /*border-right: 1px solid rgb(94,107,111);*/ }
    .results_txt_left p {
        display: block;
        float: left;
        box-sizing: border-box;
        width: 50%;
        padding: .5em;
        margin: none;
        text-align: center;
    }
    #stateHdr_Count{ display: none;}
	.results_save{ clear: both; position:relative; top:0; right:0; width:100%; height:auto; padding:1em 0; box-sizing:border-box; background:rgba(255,255,255,.0); text-align: center;}
	.app_btn, .save_btn, .jshare_btn, .jcall_btn{display:inline-block; position:relative; width:30%; margin: 0 .3em; height:auto; right:0;}
	.app_btn img, .save_btn img, .jshare_btn img, .jcall_btn img{width:100%; height:auto;}
	.job-more-links{width:100%;  }
	.res_weather { width:100%;}
    #jobsLeft {
       
        font-size: 50%;
    }
}