/* Temp - J1 Search at /aupairs/hire.cfm */
.searchResult img.ribbon-j1 {
	position: absolute;
	bottom: 0;
	right: 0;
}

.searchResult p.badge-j1 {
	background: url(/images/j1/badge-j1.png) no-repeat left 5px center;
	padding-left: 40px;
	line-height: 32px;
	font-size: 10px;
	min-width: 118px;
}

.searchResult p.full {
	line-height: 32px;
}

#searchGallery .searchResult img.ribbon-j1 {
	display: none;
}

.searchResultsH2 {
color:#406194;
font:normal 21px/1 'CantarellRegular', verdana, sans-serif;
letter-spacing:-1px;
padding:0 0 3px 10px
}

.searchResultsEmpty {
	float:left; 
	width:680px; 
	padding-left:10px; 
	padding-top:10px;
}

/* ads placed in results */
.searchAd {
  float:left;
  margin:0 15px 15px;
}

/* partner results in hire and jobs */
.partnerFeatured {
	float:left;
	margin:0 15px 15px;
	display: none;
}
.partnerFeatured .partner_result {
	box-shadow:0px 0px 2px 2px #d6d6d6;
	background:url(/images/v25/search/featured-partner-corner.png) no-repeat right bottom;
	margin:0;
}
.partnerFeatured footer {
	margin-right:65px
}
.partnerFeatured footer a:first-child {
	bottom:0;
	height:83px;
	outline:0;
	position:absolute;
	right:0;
	text-indent:-9999em;
	width:83px;
}

/* search results */
.featuredResult {
	background-image:url(/images/icons/featured-corner.svg);
	background-size: 80px 80px;
	background-repeat: no-repeat;
	background-position: bottom right;
}
.hotList .featuredResult {
background-image:none
}
.searchResult:hover, .featuredResult:hover {z-index:100}

.searchTagLine {
	font-size: 14px;
	display: none;
}
.featuredResult p,
.searchResult p {
	/*
	font-family: myriad-pro, sans-serif;
	font-weight: 200;
	letter-spacing: 0.2px;
	font-size: 14px;
	color: #555;
	*/
}
.represented_by + .searchResultStats {
padding-top:0
}
	
.searchResultPic {
	float:left;
	margin-right:10px;
	width:122px;
}
.searchResultPic h3 {
background-image:none;
font-size:11px;
font-weight:bold;
letter-spacing:0;
padding:6px 0;
text-align:center
}
.searchResultPic div {
	box-shadow: none;
	padding: 0 10px 5px;
}
.searchResultPic img {
	min-height: 100px;
    background: #f5f5f5;
	border: 1px solid #fff;
	border-radius: 3px;
}
.searchResultPic img:hover {
	border: 1px solid #4c9bd4;
}
.searchResultPic p {
	float:none;
	min-height:0;
	margin:0 8px 0 9px;
	overflow:hidden;
	padding:0;
	width:106px;
}
.hotList .resultHeader .exp,
#blockedProfiles .resultHeader .exp {
width:107px
}
.hotList .searchResult .deleteIcon,
#blockedProfiles .searchResult .deleteIcon {
	margin-right:0px;
	position:absolute;
	right: 8px;
	top: 12px;
}


#search #section_mainContent, #fastMatch #section_mainContent {
	background: none;
	box-shadow: none;
}
#fastMatch #section_mainContent {
	margin-top: 35px;
}
#search .myAccountInside, #fastMatch .myAccountInside {
	background: none;
}
#search .left_bar,
#fastMatch .left_bar {
	margin-left:0px;
	margin-right:0px;
    width: 220px;
	background: #fff;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
	margin: 0;
}
#search .content_body, #fastMatch .content_body {
	background: transparent;
	float: left;
	margin-left: 18px;
	padding-top: 0;
	width: 740px;
}
#search #searchResults, #fastMatch #searchResults {
	background: transparent;
}
#search .searchResultsBlue, #fastMatch .searchResultsBlue {
    background: none;
    border-radius: 0;
    clear: none;
    margin: 0 0;
    overflow: visible;
    padding: 0px;
    position: static;
    width: auto;
}
#search .searchResultsWhite, #fastMatch .searchResultsWhite {
	width: auto;
    border-radius: 0;
    border-left: none;
    border-right: none;
	border-bottom: none;
	background: transparent;
	margin-top: 12px;
	padding: 0;
	border: none;
}
#search .searchHeadings, #fastMatch .searchHeadings {
	display: none;
}
#search .searchResult, #fastMatch .searchResult {
    width: auto;
    background-color: #fff;
    border: none;
    float: none;
    margin: 0 0 10px;
    padding: 20px 10px;
    display: block;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
	font-size: 11px;
	position: relative;
}
#search .searchResultPic p a, #fastMatch .searchResultPic p a {
	background-image: url(/images/buttons/Hot-List-Icon-Sprite1-01.svg);
    float: left;
    height: 20px;
    margin: 0 2px !important;
    width: 20px;
	background-size: 28px 405px;
	border: 1px solid #ddd;
	border-radius: 3px;
}
#search .searchResultPic p a:hover, #fastMatch .searchResultPic p a:hover {
	background-color: #f5f5f5;
}
#search .searchResultPic p a.disabled, #fastMatch .searchResultPic p a.disabled {
	opacity: 0.3;
}
#search .searchResultPic p a.disabled:hover, #fastMatch .searchResultPic p a.disabled:hover {
	background-color: #fff;
}
#search .searchResultContent, #fastMatch .searchResultContent {
    display: block;
    float: left;
	width: 578px;
    padding-right: 10px;
}
.searchResultContent h3.name {
	/*
	font-family: myriad-pro, sans-serif;
	letter-spacing: 0.2px;
	*/
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 400;
	
}
#search .searchResultContent .searchResultInfo, #fastMatch .searchResultContent .searchResultInfo {
	border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
	margin-bottom: 10px;
}
#search .searchResultContent .searchResultInfo p, #fastMatch .searchResultContent .searchResultInfo p {
	width: 22%;
	display: inline-block;
	padding: 0;
}
#search .searchResultContent .searchResultInfo p:first-child, #fastMatch .searchResultContent .searchResultInfo p:first-child {
	width: 30%;
	padding-right: 10px;
}
#search .searchResultContent .introLetter, #fastMatch .searchResultContent .introLetter {
	display: block;
	width: auto;
	padding: 0;
	margin-bottom: 10px;
}
#search .searchResultMetadata {
/*	background: #f5f5f5;
    padding: 5px 10px;
    border-radius: 5px;	*/
}
#search .searchResultMetadata p, #fastMatch .searchResultMetadata p {
	display: block;
	float: left;
	width: 49%;
	padding: 0 0 2px;
}
#search .resultNotes, #fastMatch .resultNotes {
	display: none;
	padding: 0;
	margin: 10px 0;
	float: left;
    margin-left: 131px;
    width: 580px;
}
#search .resultNotes textarea, #fastMatch .resultNotes textarea {
    border: 1px solid #ddd;
    height: auto;
    padding: 10px;
    width: auto;
	width: 100%;
    box-sizing: border-box;
}

#search .resultView, #fastMatch .resultView {
	position: static;
    float: left;
    margin-left: 10px;
    margin-bottom: 15px;
	width: auto;
	padding: 0;
}
#search .resultView a, #fastMatch .resultView a {
	border-radius: 3px;
	border: 1px solid #f1f1f1;
    padding: 3px 5px;
	min-width: 0;
	color: #4c9bd4;
}
#search .resultView a span, #fastMatch .resultView a span {
	padding: 0;
	margin: 0;
}
#search .resultView .active, #fastMatch .resultView .active {
	background: #f5f5f5;
	color: #666;
}
#search .resultView .active:hover, #fastMatch .resultView .active:hover {
	color: #666 !important;
}
#search .resultsPagination, #fastMatch .resultsPagination {
	margin: 0;
}
#searchResultsHeader .fastFindIntro {
	padding: 5px 20px 20px;
}
#search .headline {
	font-size: 16px;
	color: #8a3554;
	display: block;
}
#search .name-txt {
	margin-bottom: 5px;
	display: block;
}
.fastFindList {
	display: block;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
	padding: 20px;
	margin-top: 12px;
	box-sizing: border-box;
}
.fastFindList a {
	font-size: 11px;
	line-height: 1.8;
}
/*#search #searchResultsHeader, #fastMatch */
#searchResultsHeader {
	display: block;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
/*#search #searchResultsHeader h2, #fastMatch */
#searchResultsHeader h2 {
	margin-bottom: 15px;
}
#search .resultsPerPage, #fastMatch .resultsPerPage {
	margin: 0 10px 0 0px;
}
#searchResultsHeader p {
	padding: 0 10px 10px;
	font-size: 11px;
}
#search #resultsPerPageDropDown, .hotList #sDisplayRows, #fastMatch #resultsPerPageDropDown {
	padding-right: 15px;
    background-position: 87% center;
}

.refineSearchResetSave {
	padding: 0 10px 10px;
}
.refineSearchResetSave a {
	font-size: 11px;
}
.refineSearchResetSave a:first-child {

}
.refineSearch {
	background: #fff;
}
.refineSearch h4 {
    cursor: pointer;
    font: normal 14px verdana,sans-serif;
    letter-spacing: 0;
	padding: 10px;
}
.refineSearch h4 span {
	display:inline;
	float:right;
	height:12px;
	margin:2px 6px 0 0;
	width:17px
}
.refineSearch h4 span,
.profileInfo .profileInfoToggle {
background:url(/images/v25/search/searchSprite1.png) no-repeat 0 -136px;
}
.refineSearch .closed span,
.profileInfoClosed .profileInfoToggle {
background:url(/images/v25/search/searchSprite1.png) no-repeat 0 -113px;
}

#fastMatch .refineSearch .section_title {
	margin: 0px 0 10px;
	cursor: default;
}

.refineSearch .refineSearchInner {
	color:#020507;
	font: 11px verdana, sans-serif;
	padding:0 10px 10px 10px;
}
.resetLink {
float:right;
}
#selectSavedSearchDIV {
	float: left;
	margin-right: 5px;
}
#search select, .hotList select, #fastMatch select {
	border-radius: 3px;
	padding: 2px 5px;
	margin: 0 0 10px;
	border:1px solid #ccc;
	width:100%;
	color:#666;
	font-size:11px;
	line-height: 17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url(../../images/arrow-down.svg) no-repeat;
	background-color: rgb(248, 248, 248);
	background-size: 7px 4px;
    background-position: 97% center;
}
@media all and (max-width: 1024px) {
.refineSearch select {
		padding:0 5px
	}
}
.refineSearch select[multiple="multiple"] {
border-radius:5px 5px 0 0
}
.refineSearchInner option {
padding:2px 0
}
.refineSearch label {
	color: #555;
	display:block;
	padding: 0 0 5px;
}
.refineSearch p {
padding:6px 0 0
}
.refineSearch label span {

}
.refineSearch input[type='checkbox'] {
      /* margin: 1px 0; */
    position: relative;
    top: 2px;
    float: left;
}
.refineSearch input[type='checkbox'] + label {
	display: inline-block;
    padding: 4px 0 2px;
    width: 86%;
}
.refineSearch input[type="radio"] {
	margin: 0;
}
.refineSearch .chosen-container {
	font-size: 11px;
	margin-bottom: 10px;
}

.refineSearch .chosen-container .chosen-choices {
	border: 1px solid #ccc;
	border-radius: 3px;
}
	

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	padding: 3px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: auto;
	line-height: 14px;	
	color: #aaa;
}
.refineSearch .chosen-container-multi .chosen-choices li.search-choice {
	margin: 3px 0 3px 3px;
    padding: 1px 20px 2px 5px;
	background: #f1f1f1;
    border: none;
}
.refineSearch .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	top: 3px;
}



.disabledLabel {
color:#ccc;
cursor:default
}
.disabledLabel:hover {
text-decoration:none
}
#liveNearSearch,
#prefLocationSearch {
clear:left;display:none;padding-top:4px
}
#cityZipResults_livesnear a,
#cityZipResults_preferred a {
display:block;
padding:2px 0 0 10px
}
#cityZipResults_livesnear ol, #cityZipResults_preferred ol {color:#3f6192;float:left;margin-left:50px;list-style-type:decimal}
#cityZipResults_livesnear ol a,
#cityZipResults_preferred ol a {
padding:2px 0 0
}

#livesnear_cityzip, #keyword_search, #preferred_cityzip {
	width:156px;
	margin: 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	box-shadow: none;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}
#candidatesPreferCountry {
	width: 170px !important;
}
#reset_livesnear_cityzip,
#reset_preferred_cityzip,
#submit_livesnear_cityzip,
#submit_preferred_cityzip,
#submit_keyword_search,
#reset_keyword_search,
#submit_keyword_search_inline,
#candidatesPreferCountryReset {
	background: url('/images/keyword-search-icons.svg') no-repeat;
	background-size:  40px 20px;
	background-position: 2px center;
	background-color: #f1f1f1;
	display: block;
	height:24px;
	width:24px;
	position:relative;
	text-indent:-9999em;
	border-radius: 3px;
	float: right;
}
#submit_livesnear_cityzip,
#submit_preferred_cityzip,
#submit_keyword_search,
#submit_keyword_search_inline {
	
}
#submit_livesnear_cityzip:hover,
#submit_preferred_cityzip:hover,
#submit_keyword_search:hover,
#submit_keyword_search_inline:hover {
	background-color: #47bf21;
}
#reset_livesnear_cityzip,
#reset_preferred_cityzip,
#reset_keyword_search,
#candidatesPreferCountryReset {
	background-position: -18px center;
}
#reset_livesnear_cityzip:hover,
#reset_preferred_cityzip:hover,
#reset_keyword_search:hover,
#candidatesPreferCountryReset:hover,
#reset_livesnear_cityzip:active,
#reset_preferred_cityzip:active,
#reset_keyword_search:active,
#reset_livesnear_cityzip:focus,
#reset_preferred_cityzip:focus,
#reset_keyword_search:focus {
	background-color: #47bf21;
}
#candidatesPreferCountryReset.disabledLabel:hover {
	background-color: #f1f1f1;
}
#submit_livesnear_cityzip.active,
#submit_preferred_cityzip.active,
#submit_keyword_search.active,
#submit_keyword_search_inline.active {
}

#candidatesPreferZip {
	width: 100%;
}



.searchFilterBlock {
	display: block;
	margin-bottom: 10px;
}
.searchFilterBlock select {
	margin-bottom: 5px !important;
}
.searchFilterBlock .chosen-container {
	margin-bottom: 5px;
}


/* search pages slider css */
.sliderHolder {
	margin: 0 0 10px;
}
.slider {
	margin:0 0 10px
}

.ui-slider-horizontal {
	background: #f1f1f1;
	height: 4px;
	position: relative;
	width: 100%;
    margin: 28px 0 15px;
}
.ui-slider-handle {
    background: #f8f8f8;
    outline-style: none;
    cursor: default;
    height: 14px;
    width: 14px;
    position: absolute;
    top: -6px;
    z-index: 2;
    border-radius: 8px;
    border: 1px solid #ccc;
}

.ui-slider-range {
	height:4px;
	position:absolute;
	top:19px;
}
.sliderValue {
  background: #fff;
  border-radius: 3px;
  border: 1px solid #cce0f2;
  color: #515151;
  display: inline-block;
  font: 10px verdana,sans-serif;
  padding: 2px 4px;
  position: absolute;
  top: -27px;
  white-space: nowrap;
  z-index: 50;
}
#availBetweenHandle1, #durationAvailHandle1, #ageRangeHandle1, #hourlyRateHandle1, #weeklyRateHandle1, #yearsExpHandle1, #yearsEduHandle1 {
	margin-left: -15px;
}
#maxAvailBetweenValue {
	margin-left: -55px;
}
#maxDurationAvailValue {
	margin-left: -36px;
}
#maxAgeValue {
	margin-left: -22px;
}
#maxHourlyRateValue {
	margin-left: -28px;
}
#maxYearsExpValue, #maxYearsEduValue {
	margin-left: -22px;
}
#maxWeeklyRateValue {
	margin-left: -18%;
}
/* slider css end */

/* share search */
#rssShareBookmark {
	position:absolute;
	right: 10px;
	top: 7px;
}
#rssShareBookmark span {
	background-image:url(/images/v25/search/RSSshareBookMark-01.svg);
	background-repeat:no-repeat;
	background-size: 40px 20px;
	cursor:pointer;
	float:left;
	height:20px;
	width:20px;
	border-radius: 3px;
	border: 1px solid #ddd;
}
#rssShareBookmark span:hover {
	background-color: #fff;
}
#rssSearch {
	background-position:0 0;
	margin-right:5px
}
#shareSearch {
background-position:-20px 0;
}

.sortResults {
	display: block;
    float: right;
    margin-right: 0px;
	padding-bottom: 5px;
	font-size: 11px;
}
.sortResults.lineBreak {
	margin-right: 0;
	margin-top: -5px;
	padding-bottom: 3px !important;
	width: 80%;
    text-align: right;
}
#search #sortResultsBy, #fastMatch #sortResultsBy {
	display: inline-block;
	width: auto;
	background-position: 94% center;
	padding-right: 15px;
}




/* save search */
.savedSearches {
    background: #fff;
    display: none;
    margin: 0 0 10px;
    position: relative;
    z-index: 999;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
#saveSearchForm, #mySavedSearches {
	display: inline-block;
}
#mySavedSearches {
	padding: 0 10px;
	display: block;
	width: auto;
}
#mySavedSearches label {
	font-size: 11px;
	display: block;
	margin: 0 0 4px;
}
#mySavedSearches select {
	display: block;
	width: 100%;
}
#mySavedSearches .removeSearchButton {
	display: none;
	font-size: 11px;
	margin-top: -6px;
	margin-bottom: 6px;
}
.savedSearches label {
	display: block;
	padding-bottom: 2px;
	font-size: 11px;
}
.savedSearches #savedSearchName {
	width: 200px;
    font-size: 11px;
	line-height: 13px;
    font-family: verdana, arial, sans-serif;
    background: #fff;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 3px;
	color: #666;
}
.savedSearches .btn-small {
	padding: 5px 8px;
    font-size: 11px;
    line-height: 1;
}
.savedSearches p {
	padding: 0px 10px 10px;
}
.savedSearches ol {
color:#3F6192;
list-style-type:decimal;
margin:1px 0 0 30px;
}
.savedSearches ol li {padding-top:4px}
.savedSearches li span {
background:url(/images/v25/search/deleteSavedSearch.png) no-repeat 0 0;
cursor:pointer;
display:inline-block;
height:14px;
margin:0 2px;
position:relative;
top:3px;
width:13px;
}
.savedSearches li span:hover {
background-position:0 -13px
}
.nameYourSearch input {
background-color:#fffdcd;
color:#6691c0;
width:250px
}
.savedSearches #selectSavedSearch {
	width: auto;
	padding-right: 20px;
}
.closeSavedSearch {
	background-image:url(/images/icons/close-icon.svg);
	background-repeat:no-repeat;
	background-size: 20px 20px;
	cursor:pointer;
	float:right;
	height:20px;
	width:20px;
	border-radius: 3px;
	border: 1px solid #ddd;
	margin-top: 3px;
}
.closeSavedSearch:hover {
	background-color: #fff;
}

/* number of results */
.resultsNumbers {
	float:left;
	padding: 5px 0 0 10px;
	font-size: 11px;
}
.resultsNumbers select {
color:#555
}
.resultsNumbers .genericButton {
margin:5px 0 0
}

/* search page gallery view */
#searchGallery {
	border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
#searchGallery .headline {
	display:none;
}
#searchGallery .searchHeadings,
#searchGallery .resultHeader,
#searchGallery .searchResultStats,
#searchGallery p,
#searchGallery .searchTagLine,
#searchGallery .introLetter,
#searchGallery .searchResultInfo,
#searchGallery .searchResultMetadata {
	display:none !important;
}
#searchGallery .searchResultContent {
	float: none;
	width: auto;
	padding: 0;
}
#searchGallery h3.name {
	font-size: 11px !important;
	text-align: center;
	margin-bottom: 0px !important;
}
#searchGallery .searchResult {
	background:#fff;
	box-shadow:none;
	border-width:0;
	margin: 0px 2px 12px;
	padding: 20px;
	width: 100px;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
#searchGallery .featuredResult {
	background-image:url(/images/icons/featured-corner.svg);
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position: bottom right;
}
#searchGallery .searchResultPic {
	margin-right:0;
	width: 100px;
}
#searchGallery .searchResultPic div {
	padding: 0 0 5px;
}


/* hide the search ads and featured partners on hire/jobs gallery view */
#searchGallery .searchAd {
	display:none
}


/* join to access banner */
#joinToAccess {
box-shadow:0 0 2px 2px #8dbde5;
border:1px solid #8dbde5;
margin:10px auto;
width:660px
}



/* fastfind page */
#fastfind .page_title {
	padding-left:10px
}

#fastfind .searchResultsH2 {
	color:#83a119;
	float:none;
	padding-bottom:10px;
	width:700px
}
#fastfind .searchResultsH2 a {
	color:#83a119
}


#search #resourcesNav a:hover {
	color: #4c9bd4;
	text-decoration: underline;
}
#search #resourcesNav h2 {
	/*margin-top: 20px;*/
}
#search #resourcesNav dd:first-child h2 {
	margin-top: 0;
}
#search #resourcesNav h2 a {
	color: inherit;
	font: inherit;
	padding: 0;
	width: auto;
}
#search #resourcesNav h2 a:hover {
	text-decoration: none;
}

.fastFindFooter {
	display: block;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
	margin-top: 20px;
}
.fastFindFooter h2 a {
	color: #6889b6;
}
.fastFindFooter p {
	padding: 0 20px 15px;
	font-size: 11px;
	line-height: 1.4;
}
.fastFindFooter p a:hover {
	color: #4c9bd4;
}






.filter-heading {
	display: block;
	color: #555;
}

.checkboxGroup {
	padding-bottom: 15px;
}

.checkboxGroup label {
	color: #aaa;
}
.checkboxGroup label:hover {
	color: #666;
}
.checkboxGroup input:checked + label {
	color: #666;
}
.checkboxGroup label:first-child {
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 1px;
	color: #666;
}
.checkboxGroup label:first-child:hover {
	color: #666;
}


#candidatesWhoPrefer input[type="radio"], 
#languagesOptionsDiv input[type="radio"] {
    opacity: 0;
    position: fixed;
    bottom: -20px;
}
#candidatesWhoPrefer input[type="radio"] + label, 
#languagesOptionsDiv input[type="radio"] + label {
    float: left;
    width: auto;
    margin: 1px 5px 5px 0px;
    background: #fff;
	border: 1px solid #f1f1f1;
    padding: 3px 5px;
    border-radius: 3px;
	color: #4c9bd4;
}
#candidatesWhoPrefer input[type="radio"] + label:hover, 
#languagesOptionsDiv input[type="radio"] + label:hover {
	background: #f5f5f5;
}
#candidatesWhoPrefer input[type="radio"]:checked + label, #languagesOptionsDiv input[type="radio"]:checked + label {
	background: #f5f5f5;
	color: #555;
}
#languagesSelect {
	position: relative;
	display: block;
}
#languagesOptionsDiv {
	display: none;
}
#languagesOptionsDiv input, #languagesOptionsDiv label {
	float: left;
	width: auto;
}
#languagesOptionsDiv label {
	margin-right: 4px;
}
#languagesOptionsLink {
	position: absolute;
	right: 0px;
	top: 0px;
}


#limitResultByStateOption {
	padding-bottom: 0px;
	margin-top: 0px;
}

#limitResultByStateSelect_chosen {
	margin-top: 5px;
}



/* fastmatch specific stuff */
#fastMatch .inlineFAQS {
	margin: 0 10px 15px;
}
#fastMatch .left_bar {
	margin-bottom:0
}
#fastMatch #proximityDiv {
	background: #f5f5f5;
    margin-top: -5px;
	border-radius: 3px;
	padding: 10px;
	color: #555;
	margin-bottom: 15px;
}
#fastMatch #proximitySelectContainer {
	margin-top: 10px;
}
#fastMatch #proximityDiv select {
	margin-left: 16px;
	margin-bottom: 0px;
}
#fastMatch .prefCitiesList {
	font-size:11px;
}
#fastMatch .prefCitiesList li {
	padding: 0 0 5px;
}

#excludeCountryToggle, #excludeNationalityToggle {
	padding-bottom: 5px;
	color: #4c9bd4;
}

#fastMatch .refineSearch strong {
	display:inline-block;
	font-weight:normal;
	width:80px;
	vertical-align: top;
	margin-top: 2px;
	color: #555;
}
#fastMatch .refineSearch select {
	width: 80px;
	margin-left: 36px;
}

#fastMatch .switch {
	position: relative;
	display: inline-block;
	width: 31px;
	height: 24px;
	margin-right: 30px;
	margin-top: 2px;
	left: 60px;
}

#fastMatch .switch input {display:none;}

#fastMatch .switch label {
	padding: 5px;
    position: absolute;
}
#fastMatch .switch label:nth-child(2) {
	left: -30px;
	top: -5px;
}
#fastMatch .switch label:nth-child(4) {
	right: -30px;
	top: -5px;
}
#fastMatch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ddd;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 34px;
}

#fastMatch .slider:hover {
	background-color: #bbb;
}

#fastMatch .slider:before {
	position: absolute;
	content: "";
	height: 10px;
	width: 10px;
	left: 18px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .3s;
	border-radius: 50%;
}

#fastMatch .slider.checked {
  background-color: #4c9bd4;
}

#fastMatch .slider.checked:before {
  -webkit-transform: translateX(-15px);
  -ms-transform: translateX(-15px);
  transform: translateX(-15px);
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 6px dashed;
    border-top: 6px solid\9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    color:lightgray;
}
.caretDown{}
.caretRight{transform: rotate(-90deg);}
.caretLeft{transform: rotate(90deg);}
.caretUp{transform: rotate(-180deg);}

/* ============================================================================
   S376 — result cards on the pSEO facet pages (body id="localAgency")
   The card treatment below already existed, but every rule was scoped to
   #search / #fastMatch. The S301/S369/S371 facet pages render the same
   markup under body id="localAgency", so none of it applied: results fell
   back to .searchResultsBlue (a fixed 690px #dce8ea panel) with every row
   run together inside one white box and no separation between profiles.
   These rules mirror the proven #search treatment, fluid rather than fixed
   width, and are additive — no existing selector is modified.
   ========================================================================== */
#localAgency #searchResults { background: transparent; }
#localAgency .searchResultsBlue {
	background: none;
	border-radius: 0;
	clear: none;
	margin: 0;
	overflow: visible;
	padding: 0;
	position: static;
	width: auto;
}
#localAgency .searchResultsWhite {
	background: transparent;
	border: none;
	border-radius: 0;
	float: none;
	margin-top: 12px;
	padding: 0;
	width: auto;
}
#localAgency .searchHeadings { display: none; }

/* one subtle card per profile */
#localAgency .searchResult {
	background-color: #fff;
	border: 1px solid #e4e9ee;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgba(16,24,40,0.06);
	display: block;
	float: none;
	font-size: 11px;
	margin: 0 0 14px;
	padding: 18px 16px;
	position: relative;
	width: auto;
	box-sizing: border-box;
	transition: box-shadow .15s ease, border-color .15s ease;
}
#localAgency .searchResult:hover {
	border-color: #cfd9e4;
	box-shadow: 0 3px 10px rgba(16,24,40,0.10);
}

/* photo column + action icons */
#localAgency .searchResultPic { float: left; width: 122px; margin-right: 14px; }
#localAgency .searchResultPic div { padding: 0 0 6px; }
#localAgency .searchResultPic p { margin: 0; width: auto; }
#localAgency .searchResultPic p a {
	background-image: url(/images/buttons/Hot-List-Icon-Sprite1-01.svg);
	background-size: 28px 405px;
	border: 1px solid #ddd;
	border-radius: 3px;
	float: left;
	height: 20px;
	margin: 0 2px !important;
	width: 20px;
}
#localAgency .searchResultPic p a:hover { background-color: #f5f5f5; }

/* text column — fluid, so the card works at any container width */
#localAgency .searchResultContent {
	display: block;
	float: none;
	overflow: hidden;
	padding-right: 0;
	width: auto;
}
#localAgency .searchResultContent h3.name {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3;
	margin: 0 0 10px;
}
#localAgency .searchResultContent h3.name .headline { display: block; font-size: 15px; }
#localAgency .searchResultContent .searchResultInfo {
	border-top: 1px solid #e8edf2;
	border-bottom: 1px solid #e8edf2;
	margin-bottom: 10px;
	padding: 6px 0;
}
#localAgency .searchResultContent .searchResultInfo p {
	display: inline-block;
	padding: 0;
	vertical-align: top;
	width: 22%;
}
#localAgency .searchResultContent .searchResultInfo p:first-child { padding-right: 10px; width: 30%; }
#localAgency .searchResultContent .introLetter {
	color: #444;
	display: block;
	line-height: 1.6;
	margin: 0 0 12px;
	padding: 0;
	width: auto;
}
#localAgency .searchResultMetadata {
	border-top: 1px solid #f0f3f7;
	padding-top: 10px;
}
#localAgency .searchResultMetadata p {
	display: block;
	float: left;
	padding: 0 0 2px;
	width: 49%;
}
#localAgency .resultNotes { margin: 10px 0 0; width: auto; float: none; }
#localAgency .resultNotes textarea { border: 1px solid #ddd; box-sizing: border-box; padding: 10px; width: 100%; }

/* The List/Gallery toggle is absolutely positioned at top:-27px, so on these
   pages it escapes its container and overlaps the hero. There is no gallery
   view wired up on a facet page — hide the control rather than float it. */
#localAgency .content_body .resultView,
#localAgency .resultView { display: none; }

@media screen and (max-width: 700px) {
	#localAgency .searchResult { padding: 14px 12px; }
	#localAgency .searchResultPic { float: none; margin: 0 0 10px; width: auto; }
	#localAgency .searchResultContent .searchResultInfo p,
	#localAgency .searchResultContent .searchResultInfo p:first-child { display: block; width: auto; padding-right: 0; }
	#localAgency .searchResultMetadata p { float: none; width: auto; }
}

/* ---------------------------------------------------------------------------
   S376b — the results header and the sort control on the facet pages.
   The <select> carried no styling at all beyond `margin:0` (all.css:126), so it
   rendered as the raw platform widget: a 1990s bevelled dropdown that sits on
   the text baseline rather than centred in its row. #searchResultsHeader is a
   float layout, so the control's height and the results-count line never agree.
   Flex the header so both sides are vertically centred, and give the select a
   flat modern treatment with its own chevron.
   ------------------------------------------------------------------------- */
#localAgency #searchResultsHeader {
	align-items: center;
	background: #fff;
	border: 1px solid #e4e9ee;
	border-radius: 8px;
	box-shadow: none;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
	padding: 12px 16px;
}
#localAgency #searchResultsHeader .resultsNumbers {
	color: #475467;
	float: none;
	font-size: 13px;
	margin: 0;
	padding: 0;
}
#localAgency #searchResultsHeader p {
	margin: 0;
	padding: 0;
}
#localAgency .sortResults {
	align-items: center;
	color: #475467;
	display: flex;
	float: none;
	font-size: 13px;
	gap: 8px;
	margin: 0;
	padding: 0;
}
#localAgency #sortResultsBy {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23667085' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 12px 8px;
	border: 1px solid #d0d5dd;
	border-radius: 6px;
	box-shadow: none;
	color: #344054;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	height: auto;
	line-height: 1.2;
	margin: 0;
	padding: 7px 32px 7px 12px;
	transition: border-color .15s ease, box-shadow .15s ease;
	width: auto;
}
#localAgency #sortResultsBy:hover { border-color: #b6bec9; }
#localAgency #sortResultsBy:focus {
	border-color: #4c9bd4;
	box-shadow: 0 0 0 3px rgba(76,155,212,0.18);
	outline: none;
}
#localAgency #sortResultsBy::-ms-expand { display: none; }

@media screen and (max-width: 700px) {
	#localAgency #searchResultsHeader { align-items: flex-start; flex-direction: column; }
	#localAgency .sortResults { width: 100%; }
	#localAgency #sortResultsBy { flex: 1 1 auto; }
}

/* ===== S433d: hub + pSEO page-title H1 =================================
   The page-title H1 on the hub and pSEO search tiers inherited
   .content_body's 12px Verdana - measured 12.0012px/700 in Chromium - so the
   page title rendered SMALLER than the h2.section_title2 section labels under
   it. Three emitters produce a page-title H1:
     h1.hubHeading      search/hire.cfm L104, search/job.cfm L68   (36 hub URLs)
     h1.section_title2  include/fastFindDisplay.cfm L357           (4 ff.* hubs + pSEO tier)

   THE SELECTOR TRAP, measured via ancestor chains in Chromium:
   TWO different files emit <div id="searchResultsHeader"> - fastFindDisplay
   L399/L458/L517 (which is where #topMainContent, and therefore L357's page
   title, is rendered) and components/ajaxproxy/search.cfc L413 (the
   'Candidates' RESULTS header). Same id, same h1 class. They are told apart
   only by the AJAX container: the ajaxproxy one is inside div#searchResults,
   the page title is not. A restore rule written as
   '#searchResultsHeader h1.section_title2' (1,1,1) therefore matches BOTH and
   silently reverts the page title too - that mistake made dev output
   byte-identical to prod across the whole pSEO tier and read as 'the rule
   never applied'. The restore below is (2,1,1) and anchored on #searchResults.

   FONTS - measured at 38px on /childcare-for-hire/ against an uninstalled
   family as the fallback control (777.9px, so a face that fell back would
   report 777.9):
     myriad-pro 300     557px   css/fonts.css, @imported by all.css L2
     DistrictThin       556px   @font-face in CustomTags/gapagenew.cfm L248
     CantarellRegular   624px   same place, L241
   All three are LIVE - their faces are declared in gapagenew.cfm, not in any
   .css file, so grepping only CSS makes them look like dead references.
   /nanny-jobs-in-spain renders 29px DistrictThin today, which confirms it.
   myriad-pro caveat: the 200 and 300 @font-face blocks carry the SAME woff
   payload (identical md5 of the base64), as do 600 and 900 - three real faces
   aliased to five weights, so 300 is the thinnest that exists.
   ====================================================================== */
h1.hubHeading,
h1.section_title2 {
	margin: 0 0 22px;
	padding: 0;
	background: none;
	font-family: 'myriad-pro', Verdana, Arial, Helvetica, sans-serif;
	font-size: 38px;
	font-weight: 300;
	line-height: 1.15;
	letter-spacing: -0.005em;
	color: #3d4d63;
}

/* The one remaining h1.section_title2 that is NOT a page title: the rss modal.
   The AJAX results header used to be here too, as an h1 inside #searchResults; S433d
   demoted it to h2 in components/ajaxproxy/search.cfc, so it no longer collides with
   the page-title rule above and is pinned separately below. */
.smallModal h1.section_title2 {
	margin: 0 0 10px;
	padding: 5px 10px;
	background-color: #f6f7f9;
	font-family: Verdana, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
	color: #6889b6;
}

/* Long Spanish slugs run to 34 characters (buscar-empleos-de-cuidado-infantil),
   so step the page title down at phone width. fastFindDisplay L353 already
   forces padding-left/right:16px !important on h1.section_title2 under 900px;
   different properties, no conflict. */
@media screen and (max-width: 700px) {
	h1.hubHeading,
	h1.section_title2 {
		font-size: 24px;
		line-height: 1.25;
		margin-bottom: 16px;
	}
	.smallModal h1.section_title2 {
		font-size: 18px;
		line-height: 1.4;
		margin-bottom: 10px;
	}
}

/* Keep the demoted results header spaced exactly as it was as an h1. search.css L356
   already carries '#searchResultsHeader h2 { margin-bottom: 15px }' at (1,0,1), which
   outranks .section_title2's 'margin: 0 0 10px' and would silently shift it 10px -> 15px
   the moment the tag changed. This pins it, so the demotion is semantic only. */
#searchResults #searchResultsHeader h2.section_title2 {
	margin-bottom: 10px;
}

/* ===== S433e: inset the page title when it sits INSIDE the white box =====
   On the pSEO tier the page title's parent is the white, box-shadowed
   div#searchResultsHeader, not the transparent .content_body the hub tier uses.
   Measured on /hire-au-pairs-by-nationality: the h1 rect and its parent rect were
   IDENTICAL - x=388 y=85 w=740 h=44, leftInset 0, and 0px of box below the text -
   because the rule above sets padding:0 while its 22px margin-bottom falls OUTSIDE
   the white box. So the heading sat flush against the left edge with the box
   cropped to the text.

   20px left matches p.fastFindIntro, the sibling that renders directly beneath this
   heading (measured padding 5px 20px 20px). .resultsNumbers in the same box uses
   10px, so the box's internal rhythm is not self-consistent - the nearer sibling
   wins. Bottom 16px lets the white extend below the baseline without doubling up
   against fastFindIntro's own 5px top.

   The HUB tier is deliberately untouched: there leftInset 0 is correct, because the
   h1 and the white results card below it share the .content_body left edge (both
   measured at x=388). fastFindDisplay L353 still forces padding-left/right:16px
   !important under 900px, which overrides the 20px on phones by design; the
   vertical padding here survives that. */
#searchResultsHeader h1.section_title2 {
	padding: 10px 20px 16px;
}
