/* 
* Name: 					careers_search.css
* Maintainer(s):	Bryan Mills (bmills@merion.com, x1427)
* ------------------------------------------------------
* Used on:				AFC - Job Search
* Inherits: 			master.css
* ------------------------------------------------------
* Notes: 
*
*/


@import 'master.css';


body #bgWrapper {
	position: static;
}


#contentLeft {
	width: 764px;
	float: left;
	position: relative;
	height: 100%;
	padding-bottom: 8000px !important; 
	margin-bottom: -8000px !important;
	overflow: hidden;
}

#contentWrapper {
}

.columnContainer {
	width: 764px;
	padding-left: 15px;
	float: left;
	z-index: 5;
	overflow: visible;
}

div#contentTop {
	float: left;
}
select {
	margin: 0;
}

#pubHead img {
	position: static;
}

.searchIntro {
	width: 485px;
	float: left;
	overflow: hidden;
}

.searchIntro h2 {
	font-weight: 800;
	margin: 15px 15px 5px 15px;
	font-size: .9em;
}

.searchIntro label {
	font-size: 12px;	
}

.searchIntro p {
	font-size: 11px;
	padding: 0 15px 15px 15px;

}
/********************************************************************
Begin Owen Test 
*********************************************************************/
.searchCriteria {	
	margin: 0px;
	clear: both;
	overflow: hidden;		
}

.criteriaLoading {
	margin-top: 35px;
	margin-left: 35px;
	margin-right: 35px;
	margin-bottom: 35px;
	width: 650px;
	clear: both;
	overflow: hidden;
	zoom: 1;	
}
#bgWrapper .popup {
	width: 230px;
	border: 1px solid #000;
	position: absolute;
	top: 0px;
	background: #fff url(http://advanceweb.com/SharedResources/Graphics/advanceweb/AFC/purple_grad_bg.gif) repeat-x top left;
	padding: 8px;
	margin: 0;
	zoom: 1;
	z-index: 10000;
	text-align: left;
}

#bgWrapper .popup h2 {
	text-transform: none;
	font-weight: 800;
	font-size: .9em;
}

#bgWrapper .popup a.popCloseButton {
	position: absolute;
	right: 6px;
	top: 6px;
	padding: 2px 4px;
	background-color: #fff;
}

#bgWrapper .popInstructions {
	line-height: 13px;
	width: 225px;
	font-size: 11px;
	padding-top: 8px;
	display: block;
}

#bgWrapper .popup iframe {
	height: 428px;
	width: 250px;
}

#bgWrapper .popup ul {
	list-style: none;
	font-size: .8em;
	padding-left: 0;
	text-align: center;
	margin-left: 0;
	overflow: auto;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: block;
	position: relative; /* make ie6 overflow properly when setting the max-height dynamically */
	max-height: 350px;
}

#bgWrapper .popup li {

}

#bgWrapper .popup li a:link, #bgWrapper .popup li a:visited, #bgWrapper .popup li a:active {
	text-decoration: none;
	color: #161616;
	padding: 2px;
	font-size: .9em;
	width: 200px;;
	display: block;
	position: relative; /* links need to sit above iframe hack in ie6 */
}

#bgWrapper .popup li a:hover {
	background-color: #b7a7cc;
}

/*********************************************************************
End Owen Test
*********************************************************************/

.criteria {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	clear: both;
	overflow: hidden;
	zoom: 1;
}

.criteria label, .savedSearches label, .fieldCol label {
	display: block;
	color: #333;
	margin-bottom: 2px;
}

.criteria label span, .fieldCol label span {
	font-weight: 400;
}
.criteria .bevelButton {
	float: left;
	margin-top: 19px;
	margin-left: 4px;
	padding: 1px 7px;
	zoom: 1;
}


.criteria div {
	float: left;
	margin-right: 8px;
}

.criteria p {
	clear: both;
}

.criteria p.smallText {
	margin-top: 25px;
}


.criteria .specialty { width: 220px; }
.criteria .keywords { width: 130px; }
.criteria .radius { width: 135px; }
.criteria .location { width: 130px; }

.advancedOptions {
	color: #333;
	font-weight: 800;
	font-size: 11px;
	margin-left: 15px;
}

.advancedOptions a {
	color: #000;
	font-weight: 400;
}

.savedSearches {
	float: left;
	padding-left: 10px;
	margin-top: 25px;
	width: 245px;
}

.savedSearches select {
	width: 170px;
}

.savedSearches .more {
	float: none;
	clear: none;
	display: block;
	margin-left: 0;
	font-weight: 400;
}

.savedSearches ul {
	font-size: 11px;
	margin-left: 0;
	padding-left: 0;
	margin-top: 6px;
}

.savedSearches ul li {
	margin-top: 4px;
}

.savedSearches p {
	font-size: .8em;
}

.savedSearches p a {
	font-weight: bold;
}

.savedSearches .dialog {
	width: 180px;
	border: 1px solid #000;
	position: absolute;
	top: 100px;
	background-color: #fff;
	z-index: 1000;
	padding: 8px;
	margin: 0;
}

.savedSearches .dialog h2 {
	text-transform: none;
}

.savedSearches .dialog a.closeButton {
	position: absolute;
	right: 6px;
	top: 6px;
	padding: 0px 4px;
}

.savedSearches .dialog a.closeButton:hover {
	text-decoration: none;
}

.savedSearches .dialog label {
	display: inline;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.savedSearches .dialog div {
	margin-top: 5px;
	padding: 0;
	line-height: 13px;
}

.savedSearches .dialog select, .savedSearches .dialog input {
	font-size: 11px;
	display: block;
	vertical-align: middle;
	margin-top: 2px;
	margin-left: 4px;
	width: 160px;
	padding: 1px;
}

.savedSearches .dialog select {
	width: 150px;
}

.savedSearches .dialog input.radio {
	display: inline;
	width: auto;
	padding: 0;
	margin-left: 0;
}

.savedSearches .dialog .more {
	margin-left: 0;
	float: left;
	padding-top: 4px;
}

.savedSearches .dialog .bevelButton {
	float: right;
	padding: 2px 8px;
}


#contentTop .RSSFeed {
	float: right;
	right: 30px;
	top: 40px; /* using a different value for IE6 and IE7. Check those stylesheets */
	position: relative;
	z-index: 1000;
}

#contentLeft .RSSFeed {
	float: left;
	margin-top: -5px;
}

.RSSFeed a:link, .RSSFeed a:visited, .RSSFeed a:active {
	font-size: 11px;
	text-decoration: none;
	background: url(http://health-care-jobs.advanceweb.com/SharedResources/Graphics/advanceweb/afc/rss_icon.gif) no-repeat top left;
	padding: 4px 0 0 20px;
	line-height: 30px;
}

.RSSFeed a:hover {
	text-decoration: underline;
}

.openings {
	overflow: hidden;
	border-bottom: none;
}

#contentTop .tabs {
	clear: both;
	display: block;
	padding: 0 30px 0 15px;
	width: 704px;
	margin-bottom: 20px;
	float: left;
}

	#contentTop .tabs li.emptyTab {
		left: 18px; /* FF Only, see IE stylesheets */
		position: relative;
	}

#contentTop .seo {
	clear: both;
	margin-top: 10px;
	padding: 0 30px 15px 15px;
}

.opportunities {
	padding-bottom: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	clear: both;
	float: none;
}


.opportunities, .opportunities div {
	width: 734px;
	height: auto;
	clear: both;
	padding: 3px 0;
}



.opportunities span {
	
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: default;
}

.opportunities div div.jobDetails span {
	width: auto;
}

.opportunities .heading {
	padding: 4px 6px 1px 4px;
	padding: 0;
}

.opportunities .heading span { color: #4b2280;}
.opportunities .heading .first a { font-size: 1em; }
.opportunities .heading img { float: left; margin: 10px 0px 0px 0px; }
.opportunities .first { width: 230px; margin: -5px 0px 0px 0px; }
.opportunities .first a { font-size: 12px;}
.opportunities .first span { padding-right: 5px; width: auto;}
.opportunities .second { width: 220px; }
.opportunities .third { width: 155px; }
.opportunities .fourth { width: 80px; margin-right: -8px; }
.opportunities .aux {font-weight: 400; width: auto; float: left; color: #333; padding-bottom: 0;}


.alt div.jobDetails {
	background-color: #fff;
}

.jobDetails span {
	padding-top: 0;
	line-height: normal;
	display: block;
	float: none;
}

.jobDetails .title {
	font-weight: 800;
	color: #4b2280;

}

.jobDetails .description {
	margin-top: 8px;
	margin-bottom: 8px;
	clear: both;
	padding-right: 8px;
}

.paginator {
	float: right;
	font-size: 11px;
	clear: both;
}

.paginator span {
	font-weight: 800;
}

.paginator a:link, .paginator a:visited, .paginator a:active {
	text-decoration: none;
}

.paginator a:hover {
	text-decoration: underline;
}

.paginator select {
	font-size: 11px;
	margin-left: 5px;
	vertical-align: middle;
}

.paginator .pipe {
	font-weight: 400;
	padding: 0 4px;
}

.refineSearch {
		margin: 24px 0 12px 15px;
}

.refineSearch label {
	color: #333;
}
.refineSearch select {
	margin-left: 8px;
	font-size: 11px;
}

.refineSearch .bevelButton {
	padding: 2px 7px;
}

	.refineSearch .first { width: 60px; }
	.refineSearch .second { width: 190px; }
	.refineSearch .third { width: 175px; }
	.refineSearch .fourth { width: 175px; }

.selectButtons {
	float: right;
	margin-top: 15px;
	margin-bottom: 24px;
}

.selectButtons .bevelButton {
	padding: 2px 7px;
	margin-right: 4px;
}

.checkbox label {
	font-weight: 400;
	display: inline;
	font-size: .8em;
}

.advancedSearch {
	padding-left: 15px;
	padding-bottom: 15px;
	float: left;
	overflow: visible;
	margin-top: 25px;
	position: relative;
	z-index: 100;
}

.fieldCol .state select {
	width: 150px;
}

.fieldCol .metro select {
	width: 200px;
}

.fieldCol .searchButton {
	margin-top: 30px;
}

.fieldCol .searchButton a {
	font-size: 11px;
	padding-left: 8px;
}

.fieldCol {
	float: left;
	width: 240px;
	position: relative;
}


.fieldCol .checkbox {
	margin-top: 15px;
	padding-left: 10px;
}

.fieldCol select {
	width: 230px;
	margin-bottom: 12px;
}

.popTrigger {
	font-size: 11px;
	cursor: pointer;
	cursor: hand;
}

.popTrigger a:visited {
	color: #000;
}


.advancedSearch .popup {
	width: 230px;
	border: 1px solid #000;
	position: absolute;
	top: 0px;
	background: #fff url(http://advanceweb.com/SharedResources/Graphics/advanceweb/AFC/purple_grad_bg.gif) repeat-x top left;
	padding: 8px;
	margin: 0;
	zoom: 1;
	z-index: 10000;
}

/* explicitly define 3 ordered stacking contexts for the fieldCol divs to deal with the relative positioning z-index bug in IE. This means that pop-ups in the advance search control should NEVER bleed into the column left of it. All child elements should be left position: static to avoid creating additional stacking contexts */
.advancedSearch .first { z-index: 15; }
.advancedSearch .second { z-index: 10; }
.advancedSearch .third { z-index: 5; }

.advancedSearch .popup h2 {
	text-transform: none;
	font-weight: 800;
	font-size: .9em;
}

.advancedSearch .popup a.popCloseButton {
	position: absolute;
	right: 6px;
	top: 6px;
	padding: 2px 4px;
	background-color: #fff;
}

.advancedSearch .popInstructions {
	line-height: 13px;
	width: 225px;
	font-size: 11px;
	padding-top: 8px;
	display: block;
}

.advancedSearch .popup iframe {
	height: 428px;
	width: 250px;
}

.advancedSearch .popup ul {
	list-style: none;
	font-size: .8em;
	padding-left: 0;
	text-align: center;
	margin-left: 0;
	overflow: auto;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: block;
	position: relative; /* make ie6 overflow properly when setting the max-height dynamically */
	max-height: 350px;
}

.advancedSearch .popup li {

}



.advancedSearch .popup li a:link, .advancedSearch .popup li a:visited, .advancedSearch .popup li a:active {
	text-decoration: none;
	color: #161616;
	padding: 2px;
	font-size: .9em;
	width: 200px;;
	display: block;
	position: relative; /* links need to sit above iframe hack in ie6 */
}

.advancedSearch .popup li a:hover {
	background-color: #b7a7cc;
}

.popTarget {
	list-style: none;
	font-size: .7em;
	margin-left: 0;
	padding: 0 5px;
	margin-top: 4px;
	overflow: auto;
	height: 60px;
	width: 200px;
	border: 1px solid #ccc;
	background: #fff;
	margin-bottom: 0;
	line-height: 14px;

}

.filterList {
	margin-bottom: 15px;
}

#jobTitleList li {
}

.selected {
	background-color: #dbd3e6;;
}

#noneSelected {
	font-style: italic;
}

.searchResults {
	position: relative;
	z-index: 1;
}

.searchResults h2 {
	width: auto;
	display: inline;
}

.searchResults .resultsBlurb {
	font-size: 11px;
	font-weight: 800;
	margin-top: 5px;
	width: 350px;
}

.searchResults .noResults {
	font-size: 12px;
	padding: 15px;
}

.searchResults .noResults a:link, .searchResults .noResults a:active, .searchResults .noResults a:visited {
	text-decoration: underline
}

.searchResults .noResults a:hover {
	text-decoration: none;
}

.searchResults .noResults span {
	width: auto;
	float: none;
}

.popClear, .popEdit {
	float: right;
}

.popClear {
	margin-right: 30px;
}

.popEdit {
	margin-right: 15px;
}

.popClear:visited, .popEdit:visited {
	color: #000;
}

.popBlurb {
	position: relative;
	z-index: 1;
}