/* INITIAL
*/

/* Neutralize styling:
   Elements we want to clean out entirely: */ 
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}
html, body, form, fieldset, .formInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666;
}

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address, .h1 {
	margin: 0px 0px 0.7em 0px;
	padding: 0px;
}

/* Apply left margin:
   Only to the few elements that need it: */ 
li, dd, blockquote {
	margin-left: 3em;
	margin-bottom: 1em;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}
input, select, textarea {
	font-size: 100%;
}
img {
	border: 0px none;
}

/*
form elements
*/

form label {
	display: block;
	float: left;
	width: 120px;
	font-size: 12px
}

.formInput, textarea {
	width: 180px;
	border: 1px solid #d9d9d9;
}
textarea.formInput {
	height: 76px;
}

html, body {
	height: auto !important;
	min-height: 100%;
	height: 100%;
	color: #666;
}

a {
	text-decoration: none;
	color: #ff9500;
}
/*
custom styles
*/

li {
	list-style-image: url(/custom/images/bullet.gif);
}

h1, #jobBackButton {
	color: #2e4398;
	font-size: 11pt;
	margin-bottom: 0.3em;
}
h2 {
	font-size: 11pt;
	margin-bottom: 0.2em;
}

#body {
	background-image: url(/custom/images/background-fade.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

#mainContent {
	width: 770px;
	margin: 0px auto;
}

.banner {
	height: 160px;
}

.logo {
	padding-left: 9px;
	float: left;
	height: 153px;
	width: 336px;
}

.bannerSearch {
	float: left;
	width: 307px;
	height: 100px;
	margin-top: 56px;
	margin-left: 100px;
}
.bannerSearch select, .bannerSearch input {
	color: #666;
	font-size: 10pt;
}

.rightBox {
	margin-bottom: 10px;
	float: right;
}
.rightBox img {
	display: block;
}

/*
navigation
*/

.navigation {
	height: 29px;
	clear: both;
	color: #fff;
	font-size: 8.5pt;
}

.navigationLeft {
	float: left;
	background-image: url(../images/nav-left.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 15px;
	height: 29px;
}

.navigationCenter {
	float: left;
	background-image: url(../images/nav-center.gif);
	background-repeat: repeat-x;
	background-position: center;
	width: 738px;
	height: 29px;
}

.navigationRight {
	float: left;
	background-image: url(../images/nav-right.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 15px;
	height: 29px;
}

.navigationCenter a, .dropDown a {
	text-decoration: none;
	color: #ffffff;
	font-size: 8.5pt;
}

.navSpacer img {
	vertical-align: middle;
	margin: 1px 9px 0 9px;
}

.navigationLinks {
	padding-left: 5px;
	padding-top: 1px;
}

.dropDown {
	position: absolute;
	display: none;
	width: 160px;
}
.dropDownContent {
	background: #2e4398 url(/custom/images/ddmbg.gif) repeat-x top;
}
.dropDown a.dropDownNav {
	display: block !important;
	padding: 5px 10px;
	border-left: 1px solid #08125b;
	border-right: 1px solid #08125b;
}
.dropDown a.dropDownNav:hover {
	background: #08125b url(/custom/images/ddmlinkoverbg.gif) repeat-x top;
	border-top: 1px solid #08125b;
	border-bottom: 1px solid #08125b;
	padding: 4px 10px;
}

/*
website console
*/

#center {
	margin-top: 5px;
	margin-left: 15px;
}

/*
sections
*/

#sections {
	height: 192px;
	width: 743px;
	background-repeat: no-repeat;
}

#sectionMenu {
	float: left;
	background-image: url(../images/section-not-rpt.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 132px;
	height: 192px;
}	

.sectionOnPrimary {
	display: block;
	height: 27px;
	width: 132px;
	background-image: url(../images/section-on-primary1.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: right; 
}

.sectionOnAbove {
	display: block;
	height: 27px;
	width: 132px;
	background-image: url(../images/section-on-above.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: right; 
}

.sectionOnBelow {
	display: block;
	height: 27px;
	width: 132px;
	background-image: url(../images/section-on-below.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.sectionOff, .sectionOnCandidates, .sectionOnEmployers {
	display: block;
	height: 27px;
	width: 132px;
	background-image: url(../images/section-off.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.sectionOnCandidates {
	background-image: url(/custom/images/candidates-tab-on.jpg) !important;
}
.sectionOnEmployers {
	background-image: url(/custom/images/employers-tab-on.jpg) !important;
}
.sectionOnEmployers .sectionSpan, .sectionOnCandidates .sectionSpan {
	color: #fff !important;
}
.sectionSpan {
	line-height: 27px;
	margin-right: 8px;
	font-size: 11pt;
	float: right;
	color: #2e4398;
	font-weight: bold;
	cursor: pointer;
}

#navTopOne {
	width: 132px;
	height: 2px;
	background-image: url(../images/nav-one-rpt.gif);
	background-repeat: repeat-x;
	background-position: center;
	overflow: hidden;
}

#navTopWhite {
	width: 132px;
	height: 2px;
	overflow: hidden;
}

#navBottomOne {
	width: 132px;
	height: 2px;
	background-image: url(../images/section-bottom.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.sectionDetail {
	float: left;
	width: 608px;
	height: 193px;
	background-repeat: no-repeat;
	background-position: right;
}

.sectionDetailContainer {
	margin-top: 10px;
	margin-left: 20px;
	color: #969696;
}

.sectionDetailLatest {
	font-size: 11px;
}

.seactionHeader {
	font-size: 20px;
	font-weight: bold;
}

.commercial {
	color: #c3b7a9;
}

.industrial {
	color: #adb9c6;
}

/*
home
*/

.siteContent {
	width: 747px;
	margin-top: 8px;	
}

.homeLeft {
	float: left;
	width: 370px;
}

.homeText {
	height: auto !important;
	height: 140px;
	min-height: 140px;
	padding: 10px;
}

.hr {
	height: 9px;
	background-image: url(/custom/images/listing.gif);
	background-position: center;
	background-repeat: repeat-x;
	clear: both;
}

.homeNews {
	height: auto !important;
	height: 140px;
	min-height: 140px;
	padding: 10px;
}

.newsListingDate {
	display: none;
}
.newsListingTitle {
	float: left;
	width: 100px;
	clear: left;
	margin-bottom: 1em;
}
.backToNewsLink, .orange, h2, .jobListingName, .jobListingCriteriaName, .jobKeywords {
	color: #ff9500;
}
.backToNewsLink {
	display: block;
	margin-bottom: 1em;
}
.newsListingPreview {
	float: left;
	width: 220px;
	margin-left: 10px;
	margin-bottom: 1em;
}

.homeRight {
	float: left;
	width: 375px;
}

.candidates {
	background-image: url(/custom/images/candidates.jpg);
	background-position: left;
	background-repeat: no-repeat;
	width: 375px;
	height: 162px;
}

.employees {
	margin: 11px 0;
	background-image: url(/custom/images/employers.jpg);
	background-position: left;
	background-repeat: no-repeat;
	width: 375px;
	height: 162px;
}

.goBall {
	margin-top: 61px;
	float: right;	
}

.contentBox {
	padding: 10px;
	border: 1px solid #d7d7d7;
	background: #fdfcfc url(/custom/images/greyfade.gif) repeat-x bottom;
	height: auto !important;
	height: 140px;
	min-height: 140px;
}
.homeRight .contentBox {
	margin-right: 7px;
}
#employersBox {
	margin-bottom: 7px;
	margin-left: 2px;
	padding: 0 !important;
}

/*
main
*/

.mainLeft {
	float: left;
	width: 550px;
}

.mainRight {
	float: left;
	width: 200px;
}

.jobsBySector {
	background-image: url(/custom/images/category-view.gif);
	background-repeat: no-repeat;
	width: 188px;
	height: 193px;
	padding-right: 6px;
	overflow: hidden;
}
.jobsBySectorLinks {
	padding-top: 62px;
	padding-right: 12px;
	text-align: right;
}
.jobsBySector a {
	display: block;
	color: #2e4398;
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 9px;
}

/*
footer
*/

#footer {
	margin-top: 1em;
	clear: both;
}

/*
search
*/

.searchBox {
	width: 150px;
	float: left;
	height: 23px;
	overflow: hidden;
}

.searchDropDown {
	width: 150px;
}

.searchType {
	float: left;
}

.searchLocation, .searchSector {
	float: left;
	margin-left: 7px;
}

.searchSector {
	margin-top: 7px;
}

.searchPermanent {
	clear: left;
	float: left;
	margin-top: 7px;
}

.searchKeywords {
	clear: left;
	float: left;
}

.searchText {
	width: 144px;
}

.searchButton {
	width: 92px;
	height: 25px;
}

.searchButtons {
	float: right;
	margin-top: 7px;
	text-align: right;
}

/*
listing
*/

#listings {
	margin-top: 5px;
}

.listing {
	height: auto !important;
	min-height: 20px;
	height: 20px;
}

.listingTable {
	border-collapse: collapse;
}

.listingTable td {
	margin: 0px;
}

.listingText {
	width: 200px;
}
.listingText a {
	color: #666666;
	font-size: 11pt;
}

.listingImage {
	vertical-align: middle;
	cursor: pointer;
}	

.listingSeparator {
	width: 230px;
	background-image: url(../images/listing.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 11px;
}

/*
other
*/

.rhsBanner {
	margin-bottom: 7px;
}
.rhsBanner img {
	display: block;
}

.pointer {
	cursor: pointer;
}

.box {
	width: 373px;
}
.boxTop {
	background: url(/custom/images/box-top.jpg) no-repeat;
	height: 4px;
	overflow: hidden;
}
.boxMiddle {
	background: url(/custom/images/box-middle.jpg) repeat-y;
}
.boxBottom, .boxBottomBlue {
	height: auto !important;
	height: 333px;
	min-height: 333px;
}
.boxBottom {
	background: url(/custom/images/box-bottom.jpg) no-repeat bottom;
}
.boxBottomBlue {
	background: url(/custom/images/box-bottom-blue.jpg) no-repeat bottom;
}
.boxBottomContent {
	padding: 10px 14px;
}

.latestJobsTitle {
	font-size: 11pt;
	margin-bottom: 2em;
}
.latestJobsTitle span {
	color: #779143;
}
.latestJobsTitle a, .testimonialsBoxTitle a {
	text-decoration: underline;
	color: #666;
}
.latestJob {
	padding: 8px 0;
}
.latestJobName {
	color: #666;
	float: left;
	font-size: 11pt;
}
.latestJobArrow {
	float: right;
}

.testimonialsBoxTitle {
	font-size: 11pt;
	margin-bottom: 2em;
}
.testimonialsBoxLargeQuote, .testimonialsBoxTitle, .testimonialsBoxQuote {
	color: #4596bb;
}
.testimonialsBoxLargeQuote {
	font-family: Garamond, Times New Roman, serif;
	font-size: 30pt;
	padding: 0 12px;
	letter-spacing: -1px;
	line-height: 28pt;
	margin-bottom: 1em;
} 
.testimonialsBoxQuote {
	font-size: 11pt;
	margin-top: 1em;
}
.testimonialsBoxQuoter {
	color: #666;
	font-size: 10pt;
}

.paper, .paperPurple {
	padding-right: 5px;
	float: left;
	margin-right: 2px;
	background: url(/custom/images/paperbgright.jpg) no-repeat bottom right;
}
.paperBottom {
	padding-bottom: 6px;
	background: url(/custom/images/paperbgbottom.jpg) no-repeat bottom right;
}
.paper .paperBg {
	background: #feeed8;
}
.paperPurple .paperBg {
	background: #e3e2fe;
}
.paperPadding {
	padding: 5px 15px 15px 10px;
}
.paperInner {
	height: auto !important;
	height: 140px;
	min-height: 140px;
}
.paper .paperInner {
	background: url(/custom/images/paperbg.jpg) no-repeat bottom right;
}
.paperPurple .paperInner {
	background: url(/custom/images/purplepaperbg.jpg) no-repeat bottom right;
}
.paperPurple h2 {
	color: #2e4398;
}
.requiredIndicator {
	margin-left: 3px;
}
#contactForm {
	width: 360px;
	margin-right: 10px;
}

.greyBox {
	clear: both;
	background: url(/custom/images/greyboxbg.jpg) repeat-x;
	height: 73px;
	width: 536px;
}
.greyBoxLeft {
	background: url(/custom/images/greyboxleft.jpg) repeat-x;
	width: 4px;
	height: 73px;
	float: left;
}
.greyBoxRight {
	background: url(/custom/images/greyboxright.jpg) repeat-x;
	width: 4px;
	height: 73px;
	float: right;
}
.greyBoxCenter {
	float: left;
	padding: 5px 8px;
}

#whatNext {
	width: 553px;
	height: 107px;
	background: url(/custom/images/whatnext.jpg) no-repeat;
	color: #fff;
	clear: both;
	margin-top: 16px;
}
#whatNextContact {
	width: 200px;
	height: 55px;
	float: left;
	font-weight: bold;
	overflow: hidden;
	font-size: 8pt;
	padding-left: 10px;
}
#whatNextContact div {
	white-space: nowrap;
}
.whatNextContactValue {
	font-weight: normal !important;
}
.whatNextContactValue a {
	color: #fff;
	text-decoration: underline;
}
#whatNextContact {
	padding-top: 44px;
}
#whatNextApplyButton {
	float: left;
	padding-left: 140px;
	padding-top: 46px;
}

/*
product/product list
*/

.jobListing {
	width: 530px;
	margin-bottom: 6px;
}
.jobListingName {
	font-size: 18pt;
}
.jobListingDescription {
	margin-bottom: 0.7em;
}
.jobListingCriteria {
	margin-top: 2px;
}
.jobListingCriteriaName, .jobListingExtraCriteriaName {
	float: left;
	display: block;
	width: 100px;
	clear: left;
	font-weight: bold;
}
.jobListingExtraCriteria, .whatNext {
	color: #2e4398;
}
.whatNext {
	font-size: 16pt;
	margin-bottom: 0.3em;
}
#productCriteria {
	background: #fde1be;
	padding: 8px 12px;
	margin-bottom: 0.5em;
}
.jobKeywords {
	font-weight: bold;
}

/*
pagination
*/
.pageLinks, .pageLinks a {
	color: #2e4398;
	font-size: 11pt;
}
.pageLinks {
	float: right;
	padding-right: 20px;
	margin-bottom: 0.5em;
}
.currentPage {
	text-decoration: underline;
}

.clearer {
	clear: both;
}

/*
profiles
*/
.tabBox {
	width: 553px;
	background: url(/custom/images/tabboxshadow.gif) repeat-y;
}
.tabBoxTabs {
	background: #fff url(/custom/images/tabbg.gif) repeat-x top;
	height: 27px;
}
.tabBoxTabs a {
	width: 134px;
	line-height: 27px;
	height: 27px;
	float: left;
	display: block;
	text-align: center;
	font-size: 11pt;
	color: #2e4398;
}
.tabOn {
	background-image: url(/custom/images/tabon.gif);
	background-repeat: no-repeat;
}
.tabOff {
	background-image: url(/custom/images/taboff.gif);
	background-repeat: repeat-x;
	margin-right: 1px;
}
.tabBoxContent {
	height: auto !important;
	height: 504px;
	min-height: 504px;
	width: 549px;
	margin-left: 2px;
	background: #fff url(/custom/images/tabboxbg.gif) repeat-x bottom;
}
.tabBoxContentPadding {
	padding: 20px 10px 5px 10px;
}
.tabBoxBottom {
	width: 553px;
	height: 6px;
	overflow: hidden;
	background: url(/custom/images/tabboxbottom.gif) no-repeat;
}
#createProfileForm textarea {
	width: 385px;
	height: 190px;
}
.formInputInfo {
	font-size: 8pt;
}
.tabTitle {
	font-size: 11pt;
	margin-bottom: 1em;
	font-weight: bold;
}
.tabButton {
	text-align: right;
}
.profileTable {
	width: 100%;
}
.profileTable td {
	font-size: 8pt;
}
.profileRowDefault td {
	font-weight: bold;
}
.profileTable a {
	color: #666;
	text-decoration: underline;
}
.tableLink {
	color: #ff9500 !important;
	text-decoration: none !important;
}
#applicationForm textarea {
	width: 400px;
	height: 150px;
}

.line {
	height: 30px;
	background: url(/custom/images/line.gif) no-repeat center;
	overflow: hidden;
	margin-bottom: 10px;
}

/*
register/login
*/
#registerArea {
	width: 274px;
	margin-right: 4px;
}
#loginArea {
	width: 260px;
}
#registerForm label {
	width: 90px;
}
#registerForm input.formInput {
	width: 150px;
}
#registerForm select.formInput {
	width: auto;
}
#registerForm label.registerPassword {
	width: 115px !important;
}
#registerForm input.registerPassword {
	width: 125px !important;
}
#loginForm label {
	width: 80px;
}
#loginForm .formInput {
	width: 146px;
}
.inline {
	float: none;
	display: inline;
}

#accountRegisterForm label, #accountRegisterForm label.registerPassword {
	width: 160px !important;
}
#accountRegisterForm .formInput, #accountRegisterForm input.registerPassword {
	width: 200px !important;
}

/*
job alerts
*/
#jobSearchNameArea {
	position: absolute;
	background: #fff;
	width: 234px !important;
	margin-top: 3px;
	color: #666;
	margin-left: -80px;
	float: none;
}
#jobSearchNameArea input, #jobSearchNameArea img {
	vertical-align: middle;
}
#jobSearchNameArea .formInput {
	float: left;
	width: 115px;
	margin-right: 5px;
}
#jobSearchNameArea img {
	cursor: pointer;
}
#jobSearchSave {
	height: 60px;
}
#jobSearchClose {
	text-align: right;
}
#jobSearchClose a {
	font-size: 8pt;
	color: #2e4398;
}
#saveSearchLink {
	cursor: pointer;
	text-decoration: underline;
	font-size: 8pt;
}
#saveSearch {
	float: right;
	padding-right: 10px;
}
#allJobAlerts {
	width: 100%;
}
#allJobAlerts img {
	cursor: pointer;
}
#currentJobAlerts {
	clear: left;
	margin-top: 2em;
}
#createJobAlertForm .searchBox {
	width: 185px !important;
}

#jobBackButton {
	font-weight: normal;
	float: right;
	padding-right: 14px;
}

#forgottenPasswordLink {
	float: left;
	font-size: 8pt;
	color: #2e4398;
	margin-top: 12px;
	text-decoration: underline;
}
.error {
	font-weight: bold;
}
#forgottenPassword h1 {
	margin-bottom: 1em;
}
#forgottenPassword input {
	vertical-align: middle;
}