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

/**************************/
/* search */
/**************************/
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

#mobileS {cursor:pointer}

#fullSearch {cursor:pointer}

#fullSearch .dropdown {padding-right:45px;}

.dropdown {
    position: relative;
    display: inline-block;
	 
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;    
    right:5;
    margin-top: -5px;
    z-index: 1;
	height:68px;	
	overflow: hidden;
		
}

.dropdown:hover .dropdown-content {
    display: block;
	border:none;
  }



#filtersubmit {
    position: relative;
    z-index: 1;
    left: -25px;
    top: 1px; 
    cursor:pointer;
    width: 0;
}

fieldset {border:0;}

input #filter {max-width:420px; margin: auto;}

/**@media (max-width:735px) {
input[type=text] {width:100%;}

.dropdown-content {
    display: inline-block;
    background: none;
	padding:0px;
   		
}

.dropdown .hide 
{display:none;}



}**/

@media (min-width:736px) {

#mobileSearch{
	display: none; width:100%;
}

#mobileS{
	display: none; width:100%;}


}


@media (max-width:735px) {
#fullSearch{
	display: none
}


#mobileSearch{
	position: absolute;
	top: 35px;
	margin-left:50%;	
	
}

#mobileSearch>.dropdown-content {right:0; width:240px;}

input, select, textarea {width:100%; box-sizing:border-box; margin:0;}

}

@media (min-width:320px) and (max-width:480px)

{input, select, textarea {width:100%; box-sizing:border-box; margin:0;}

#mobileSearch{
position: absolute;
	top: 45px;
	margin-left:45%;		
	margin-right:45%;
}
}






/**************************/
/* Employer page */
/**************************/

.bannerImages div.bannerTabs div.bannerTab div.tabContainer div.tabTextWrap h2{
  font-size: 27.648px;
  font-size: 1em;
  font-weight: 600;
  color: #043253;
  text-align: center;
  margin-bottom: 1em; }

img {
  margin: 0;
  max-width: 100%; }


/**************************/
/* Testimonial detail pages */
/**************************/	

.imgContainer img{
max-width:100%; height:auto; 
} 

.responsiveImgContainer{
float:left; padding:.5em .5em 0 .5em; margin-right: 5%; width:30%;
}

@media screen and (max-width: 480px) {.responsiveImgContainer{
 padding:.5em .5em 0 .5em;  width:100%;
}}

.responsiveImgContainer p{
font-size:90%; color: #5b95c5;
} 

.pullquote {border-top:dotted; border-bottom:dotted; padding:0px 0px 50px 0px; border-color:#329af3; margin-bottom:10px;}

.pullquote blockquote {font-size:1.75em; color:#329af3; border:none; margin-bottom:0px;}

.pullquote p { margin:0; color: #666; float:right; padding:0;}

.learnmore {background-color:#21864a; color:#fff; font-size:1.25em; font-weight:bold; height:4em; text-align:center; padding-top:1em;}

.learnmore a {color:#fff;}

@media screen and (max-width: 480px) {.learnmore {background-color:#21864a; color:#fff; font-size:1em; font-weight:bold; height:4em; text-align:left; padding-top:1em;}}

.video_bar{background-color:#043253; color:#fff; font-size:1em; height:3em; text-align:center; padding-top:1em;}

.backlink {color:#329af3;}

/**************************/
/* Testimonials */
/**************************/
.bannerImages{
    position: relative;
	margin-left:32px;
}
.bannerImages img{
    display: none;
}
.bannerImages img.active{
    display: block;
}
.bannerImages div.bannerText{
    position: absolute;
    top: 25%;
    right: 14%;
    left: 57%;
    display: none;
}
.bannerImages div.bannerTextLeft{
    position: absolute;
    top: 20%;
    right: 17%;
    left: 54%;
    display: none;
}
.bannerImages div.bannerText.active{
    display: block;
}
.bannerImages a{
    font-weight: bold;
}
.bannerText h2{
    font-weight: normal;
    margin-bottom: 16px;
    text-align: left;
    color: #fff;
}
.bannerText p{
    font-size: 1.2em;
    font-weight: lighter;
    color: #fff;
}
.bannerTabs{
    position: relative;
    z-index: 100;
    margin: 0 0 0 32px;
}
.bannerTab{
    display: inline-block;
    width: 32%;
    margin-top: -60px;
    cursor: pointer;
}
.bannerTab.active .tabContainer{
    background-color: #fff;
}
.bannerTab.active .arrow{
    visibility: visible;
}
.bannerTab .tabContainer{
    padding: 10px 4%;
    background-color: #e6e6e6;
}
.bannerTab h2,
.bannerTab p{
    font-weight: lighter;
    margin: 0;
    text-align: left;
}
.bannerTab h2{
    padding-bottom: 7px;
}
.arrow{
    visibility: hidden;
    overflow: hidden;
    height: 0;
    margin: 0 auto;
    padding-bottom: 3%;
    padding-left: 50%;
}
.arrow:after{
    display: block;
    width: 0;
    height: 0;
    margin-left: -25px;
    content: '';
    border-right: 25px solid transparent;
    border-bottom: 25px solid #fff;
    border-left: 25px solid transparent;
}
.downArrow{
    position: relative;
    z-index: 100;
    display: none;
    width: 0;
    height: 0;
    margin-bottom: -19px;
    margin-left: 44%;
    border-top: 30px solid #fff;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
}
.tabTextWrap{
    display: inline-block;
    margin-top: 8px;
    margin-left: 15px;
    vertical-align: top;
}
.tabImageWrap{
    display: inline-block;
    width: 30%;
}
.tabImage{
    width: 100%;
}
.mobileQuote{
    display: none;
    padding: 10%;
    background-color: #043253;
}
.mobileQuote h2{
    color: #fff;
}
.mobileQuote p{
    text-align: right;
    color: #fff;
}
.mobileQuote a{
    color: #fff;
    font-weight: bold;
}
@media screen and (max-width: 1200px){
    .bannerText h2{
        font-size: 1.4em;
    }
    .bannerText p{
        font-size: .9em;
    }
    .tabTextWrap{
        margin-left: 15px;
    }
    .bannerTab h2{
        font-size: 1.5em;
        padding-bottom: 7px;
    }
    .bannerTab p{
        font-size: .8em;
    }
}

@media screen and (max-width: 900px){
    .bannerImages img.active{
        display: none;
    }
    .bannerImages div.bannerText.active{
        display: none;
    }
    .bannerTab{
        display: block;
        width: 100%;
        margin-top: 0;
    }
    .bannerTabs{
        margin: 0;
    }
    .arrow{
        display: none;
    }
    .tabTextWrap{
        margin-left: 25px;
    }
    .bannerTab h2{
        font-size: 1.6em;
        padding-bottom: 7px;
    }
    .bannerTab p{
        font-size: .9em;
    }
    .bannerTab.active .mobileQuote{
        display: block;
    }
    .bannerTab.active .downArrow{
        display: block;
    }
}

/**************************/
/* open enrollment in news section */
/**************************/

.white {padding-bottom:5%;}
		
.color {background-color:#F4f4f4; padding-bottom:5%;}		
	
.img {width:30%; display: inline-block; padding-left:2%; vertical-align:top; padding-top:5%;}

.text {width:60%; display: inline-block; padding-top:5%; padding-left:2%;}