/*
	This needs cleanup.  But philisophically, this stylizes the common elements across all partners that extends
	the basic business CSS.  It comes after color,bbHTML, and bbStyles but before partner customized css...
*/

body { text-align: left;  font-size: 12px; }

td, th { border: 0; padding: 0; } /* undo the business standard */

td
{
	color: $darkGray;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

pre
{
 $white-space: pre-wrap;       /* css-3 */
 $white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 $white-space: -pre-wrap;      /* Opera 4-6 */
 $white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

form { margin: 0px 0px 0px 0px; }

table { margin: 0; }

.smalltext
{
	font-size: 11px;
}

.extrasmalltext
{
	font-size: 10px;
}

.sidePageColumn
{
	width: 225px;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	float: left;
	overflow: hidden;
}

.mainPageColumn
{
	text-align: left;
	vertical-align: top;
	padding: 5px 12px 5px 20px;
	overflow: hidden;
}

#teaserPage .sidePageColumn { width: 245px; }
#tteaserPage .mainPageColumn { width: 613px; }

.fullPageColumn
{
	width: 900px;
	margin: auto;
}

.innerPageColumn
{
	width: 900px;
}

.recordDetailTable
{
	font-size: 10px;
	border-collapse: collapse;
	color: $darkGray;
	background-color: $veryLightGray;
}

.recordDetailLabel
{
	font-weight: bold;
	font-size: 12px;
	color: $darkGray;
	text-align: left;
	vertical-align: top;
	background-color: $veryLightGray;
	border: 1px solid $white;
	width: 200px;
}

.recordDetailTable td
{
	vertical-align: top;
	background-color: $veryLightGray;
	color: $darkGray;
	font-size: 12px;
	border: 1px solid $white;
	padding: 5px;
}

.recordDetailTable td a
{
	font-weight: bold;
}

.recordDetailTable th
{
	color: $white;
	font-weight: bold;
	font-size: 12px;
	padding: 5px;
	border-bottom: 2px solid $white;
	border-right: 1px solid $white;
	vertical-align: center;
}

.recordListTable
{
	font-size: 11px;
	width: 100%;
	border: 0px solid $white;
	padding: 0px;
	border-collapse:	collapse;
	margin-top: 10px;
}

.recordListTable a
{
	text-decoration: underline;
	font-weight: bold;
}

.recordListTable th
{
	font-weight: bold;
	font-size: 12px;
	padding: 5px;
	border-bottom: 2px solid $white;
	vertical-align: center;
}

.recordListTable th a
{
	text-decoration: none;
}

.recordListTable th img
{
	vertical-align: bottom;
}

.recordListTable td
{
	vertical-align: top;
	font-size: 12px;
	padding: 5px;
}

.rowEven
{
	background-color: $nearlyWhite;
}

.rowOdd
{
	background-color: $veryLightGray;
}

.formTable
{
}

.formTable td
{
	font-weight: bold;
	vertical-align: top;
}

.formFieldHeads
{
	color: $gray;
	font-style: italic;
	text-align: center;
	font-size: 11px;
	padding: 10px 0px 10px 0px;
}

.formButton
{
	font-size: 12px;
	border-collapse: collapse;
}

.formButton td
{
	padding: 10px 0px 0px 0px;
	text-align: left;
	background-color: $white;
}

input[type="radio"] { margin-right: 4px; }

.formButton input
{
	font-weight:bold;
	font-size: 12px;
}

.displayBox
{
	margin: 0px;
	padding: 10px 5px 10px 15px;
	border-collapse: collapse;
	text-align: left;
}

.displayBox td
{
	text-align: left;
	color: $darkGray;
	padding: 10px 0px 5px 10px;
}

.messageTable
{
	width: 98%;
	background-color: $white;
	padding-top: 10px;
}

.module td
{
	vertical-align: top;
	color: $darkGray;
	font-size: 12px;
}

.errorMsg
{
	color: $crimson;
	font-size: 11px;
	border: 1px dashed $crimson;
	text-align: center;
	padding: 4px;
}

.fieldError
{
	color: $crimson;
	font-size: 11px;
	position: absolute;
	margin-top: 4px;
	margin-left: 8px;
	padding: 4px;
	display: block;
}

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd; font-size: 16px; }
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.error h1 {color: #6a0f01; font-size: 16px; text-align: center;}
.error ul { margin-top: 0;}
.notice a {color:#514721;}
.success a {color:#264409;}

.infoMsg
{
	color: #007BC2;
	font-size: 11px;
	ffont-weight: bold;
}

.sideMenu
{
	width: 100%;
	margin-bottom: 0;
}

.sideMenu td
{
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
}

.sideMenu td a
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.sideMenuTitle
{
	font-weight: bold;
}

.noteTable
{
	width: 98%;
	margin:4px;
	font-size: 13px;
	border-bottom: 1px inset #0962C6;
	padding: 20px 0px 0px 0px;
}

.labelSymbol
{
	color: $crimson;
	font-weight: bold;
	margin-right: 4px;
}

.imageTable
{
	border-collapse: collapse;
}

.imageTable td
{
	vertical-align: bottom;
	text-align: left;
	border-top: 1px solid $veryLightGray;
	border-bottom: 1px solid $veryLightGray;
	padding: 15px 15px 15px 0px;
}

.bluemodule
{
	position: relative;
}

.waitIndicator
{
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -64px;
	margin-top: -64px;
}

#mainContentSection { clear: left; }
#mainContent { padding:10px 0px 30px 0px;  margin: auto; }
#mainContentInner { margin: 6px; }
#headZone { margin: auto; }

.bt
{
	padding:0px 3px 0px 3px;
	font-weight:bold;
	font-size: 11px;
}

.bt input
{
	padding:0px 3px 0px 3px;
	font-weight:bold;
	font-size: 11px;
}

.copy
{
	font-size:10px; color:$darkGray;
}

.head_langmenuact
{
	margin:0px 5px 0px 5px;
	font-weight:bold;
}

.head_langmenu a
{
	color:$darkGray;
	text-decoration:none;
	margin:0px 5px 0px 5px;
	font-weight:bold;
}

.headform
{
	font-weight:bold;
}

#searchBoxMain
{
	width: 525px;
	padding: 5px;
	margin: 1em 0;
	$radius6;
}

#searchBoxTop { width: 535px; height: 5px; }
#searchBoxBottom { width: 535px; height: 5px; }

.search
{
	font-size:14px;
	padding-left: 8px;
	width: 530px;
}

.search a
{
	font-size:12px;
	text-decoration: underline;
}

.searchTable
{
	border-spacing: 0;
}

.lbox
{
	padding:6px 10px 0px 10px;
	width: 145px;
}

.lbox td
{
	padding:6px 10px 0px 10px;
	width: 145px;
}

.lbox a
{
	text-decoration: underline;
}

.lbox_title
{
	font-size:15px;
	margin-bottom:5px;
	margin-top:0px;
}

.spotlightbox
{
	padding-left:15px;
	padding-top:0px;
	font-size:13px;
	line-height:150%;
	margin: 0;
}

.spotlightbox a
{
	text-decoration: underline;
	font-weight: bold;
}

.spotlightbox p
{
	color: $darkGray;
}

.welcome_text
{
	color: #0C4982;
	font-size:16px;
}
.welcome_text a
{
	color: #0C4982;
	font-size:16px;
}

.welcome_title
{
	margin-top: 4px;
	font-size: 18px;
}

.welcomebox
{
	padding-left:15px;
	padding-top:10px;
	color: $darkGray;
	font-size:13px;
	line-height:150%;
	vertical-align: top;
}

.loginBox
{
	margin-right: 20px;
	font-size: 10pt;
	border: 1px solid gray;
}

.ljob a
{
	font-weight:bold;
	text-decoration: underline;
}

.ljob p
{
	margin-bottom:5px; margin-top:5px;
}

.ljob div
{
	margin-bottom:10px;
}

.companyProfile
{
	padding-left: 20px;
	width: 185px;
	vertical-align: top;
}
.companyProfile a
{
	color: #003366;
	text-decoration: underline;
}
.companyProfile p
{
	margin-bottom:5px; margin-top:5px;
}
.companyProfile div
{
	margin-bottom:10px;
}

.centerLeft
{
	width: 265px;
	vertical-align: top;
	padding-right: 20px;
}

.centerRight
{
	width: 264px;
	vertical-align: top;
	padding-left: 20px;
}

.subtitle_job
{
	font-size:18px;
	margin: 10px 0;
}

.headmenu
{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	line-height: 18px;
	overflow: hidden;
	height: 38px;
}

.headmenuitem
{
	float: left;
	margin: 0;
	font-size: 16px;
	text-align: center;
	background: url(images/menubg-div.png) no-repeat;
}

.headmenuitem a
{
	display: block;
	$white-space: nowrap;
	text-decoration: none;
	font-weight: bold;
	padding: 8px 16px 0 16px;
	height: 38px;
	color: $white;
}

.headmenuitem a:hover
{
	background: url(images/menubg-s.png) repeat-x;
}

.headmenuitemSelected
{
	$white-space: nowrap;
	font-weight: bold;
	background: url(images/menubg-s.png) repeat-x;
}

.headmenuitemSelected a
{
	color: #555555;
	text-decoration: none;
}

.menuDecoration
{
	text-align: center;
	overflow: hidden;
}

.menuWrapper
{
	text-align: center;
}

.menuWrapper .menuDecoration
{
	background: url(images/menubg-us.png) repeat-x;
	height: 38px;
}

.bottommenu
{
	text-align: left;
}

.bottommenu a
{
	text-decoration:none;
	font-weight:bold;
	text-align: left;
}
.bottommenu span
{
	margin-right: 40px;
	margin-left: 0px;
}

.spotlight_odd td
{
	font-size:12px;
	background-color: #DBEDF9;
	border-bottom: 2px solid $white;
	padding: 7px 0px 7px 10px;
}
.spotlight_even td
{
	font-size:12px;
	background-color: #DBEDF9;
	border-bottom: 2px solid $white;
	padding: 7px 0px 7px 10px;
}
.spotlightTitle td
{
	border-bottom: 0px solid $white;
	padding: 0px 0px 0px 0px;
}
.premium_odd td
{
	font-size: 12px;
	background-color: $veryLightGray;
	border-bottom: 2px solid $white;
	padding: 7px 0px 7px 10px;
}
.premium_even td
{
	font-size: 12px;
	background-color: $veryLightGray;
	border-bottom: 2px solid $white;
	padding: 7px 0px 7px 10px;
}
.standard_odd td
{
	font-size: 10px;
	background-color: $nearlyWhite;
	border-bottom: 2px solid $white;
	padding: 7px 0px 7px 10px;
}
.standard_even td
{
	font-size: 10px;
	background-color: $nearlyWhite;
	border-bottom: 2px solid $white;
	padding: 7px 0px 7px 10px;
}

.blackout
{
	color: black;
	background-color: black;
}

.showContact
{
}

.forgotpass
{
	text-decoration:none;
	font-size:11px;
	$white-space:nowrap;
}

.forgotpass a
{
	font-size:10px;
	$white-space:nowrap;
}

.subtitle3
{
	font-size:14px;
	font-weight:bold;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: left;
}

.subtitle3 a
{
	text-decoration: underline;
}

.subtitle2
{
	font-size:14px;
	font-weight:bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.subtitle2_colored
{
	font-size:14px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.subtitle
{
	font-size:18px;
}

.bigTitle
{
	width: 100%;
	font-size:20px;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

.bigTitle td
{
	vertical-align: bottom;
	font-size:20px;
}

.subtitle_colored
{
	font-size:18px;
	color: #0962C6;
	font-weight: bold;
}

.step
{
	font-size:16px;
	color: gray;
	padding-right: 1px;
}
.step_blue
{
	font-size:18px;
	color: #0962C6;
	font-weight:bold;
}
.step a
{
	font-size:16px;
	color: gray;
}

.resbox
{
	padding: 10px 15px 10px 15px;
}

.resicon a
{
	font-size:12px;
	font-weight:bold;
	text-decoration:none
}

.resumeForm
{
	width: 100%;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	text-align: left;
}

.resumeForm td
{
	padding: 5px 5px 5px 10px;
	text-align: left;
	border-bottom: 2px $white solid;
	vertical-align: top;
}

.resumeForm th
{
	font-weight: bold;
	font-size: 12px;
	padding: 5px;
	border-bottom: 2px solid $white;
	vertical-align: center;
}

.resumeForm th.calhead
{
	color: gray;
}

.resumeForm input
{
	hheight:15px;
}

.resumeForm textarea { width: 100%; }

.insideResumeForm
{
	padding:0px;
	margin:0px;
}

.insideResumeForm td
{
	padding:0px;
	margin:0px;
}

.bigDetail
{
	width: 100%;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
}

.bigDetail td
{
	padding: 10px 0px 10px 15px;
	text-align: left;
	border-bottom: 2px $white solid;
	vertical-align: top;
}

.logoTable
{
	width: 530px;
	border-collapse: collapse;
}

.logoTable td
{
	vertical-align: bottom;
	border-bottom: 1px solid $veryLightGray;
	padding-bottom: 15px;
}

.logoTable2
{
	width: 530px;
	border-collapse: collapse;
}

.logoTable2 td
{
	vertical-align: bottom;
	padding-bottom: 10px;
}

.detailData
{
	border-right: 2px solid $white;
}

.thumbnail
{
	width: 80px;
}

.adBox
{
	padding-bottom: 15px;
}

.modifyButtons
{
	width: 98%;
}

.modifyButtons td
{
	height: 20px;
	vertical-align: bottom;
}

.teaserBox
{
	 vertical-align: top;
}

.bigSideMenu
{
	margin-bottom: 20px;
	width: 100%;
}

.aboutUs
{
	background-image:url(images/aboutus_bg.jpg);
	width: 530;
	height: 170px;
	border-collapse: collapse;
}

/*	beginning of emloyer splash page specific CSS - MAINLY taken from Jade, though some renaming done	*/
.employerSplash
{
	background-image:url(images/top_bg.jpg);
	background-repeat:no-repeat;
	vertical-align:top;
	height:160px;
	width: 530px;
}

.employerSplashContainer
{
	margin: 0px;
	padding: 0px 0px 0px 15px;
	height:160px;
	vertical-align:top
}

.employerSplashTitle
{
	color:#0C4982;
	font-size:18px;
	font-weight:bold;
	margin:15px 0px 10px 0px
}
.employerSplashTop
{
	padding:0px;
	margin:0px;
}

.employerSplashTop td
{
	margin:0px;
	padding:0px;
	vertical-align:top;
}
#seco {color:#0962C6; font-size:16px; padding:20px 0px 0px 0px}
#seco_tbl {font-size:13px; color:$darkGray; margin:10px 0px 0px 0px;width:530px;}
#seco_tbl td{padding:0px}
.seco_tbl_side {height:130px; background-image:url(images/mid_bg.gif); background-repeat:no-repeat; width:167px; text-align:center; vertical-align:top}
.seco_tbl_mid {height:130px; background-image:url(images/mid_bg.gif); background-repeat:no-repeat; background-position:center; width:196px; text-align:center; vertical-align:top}

#employerStandard {color:#0C4982; font-size:14px}
#employerPremium {color:#990000; font-size:14px}
#cap {color:#0C4982; font-size:16px; font-weight:bold}
#first {margin:12px 0px 0px 0px}
#second {margin:12px 0px 0px 0px}
#cap_premium {color:#990000; font-size:16px; font-weight:bold}
#employer_search {font-size:13px; color:$darkGray; margin:6px 0px 0px 0px}
#bottom_bg {width:530px; height:480px; background-image:url(images/bottom_bg.gif); background-repeat:no-repeat; margin:10px 0px 0px 0px}
#view {margin:12px 0px 0px 0px;}
#view a{font-size:11px; color:#0962C6; font-weight:bold; text-decoration:none}
.f_base {font-size:13px; color:$darkGray; padding:14px 0px 0px 15px; vertical-align:top}
.unit {font-size:13px; color:#293D6B; padding:15px 0px 0px 0px; font-weight:bold; vertical-align:top}
#cand_unit {font-size:13px; color:#293D6B; margin:0px 30px 0px 0px; font-weight:bold}
#barea_top {height:62px; vertical-align:top}
#barea_mid {height:136px; vertical-align:top; font-size:13px; color:$darkGray; padding:14px 0px 0px 15px; vertical-align:top}
/*	END of emloyer splash page specific CSS 	*/

/*	Job Package Details specific CSS	*/
#jp_boxone {background-image:url("images/bg001.gif"); width:669px; height:183px; margin:3px 0px 0px 0px; padding:0px}
#jp_innerone {margin:0px; padding:16px 0px 0px 197px; font-size:20px; font-weight:bold; color:#0C4982}
#jp_innerone span {font-size:15px; font-weight:normal}
#jp_innertwo {margin:0px; padding:10px 0px 0px 197px; line-height:1.5em; font-size:14px}
#jp_boxtwo {width:669px; height:218px; background-image:url("images/bg002.gif"); margin:16px 0px 0px 0px; padding:0px}
.jp_innerthree {margin:0px; padding:10px 0px 0px 218px; line-height:1.5em; font-size:14px}
.jp_innerthree span {font-weight:bold}
.jp_inner-red-a {margin:0px; padding:16px 0px 0px 215px; color:#FD000D; font-weight:bold; font-size:20px}
.jp_inner-red-b {margin:0px; padding:5px 0px 0px 215px; color:#FD000D; font-weight:bold; font-size:17px}
#jp_boxthree {width:669px; height:282px; background-image:url("images/bg003.gif"); margin:16px 0px 0px 0px; padding:0px}
#jp_adjust {margin:0px; padding:0px 0px 0px 10px; font-weight:normal}
#jp_logo {margin:0px; padding:10px 0px 0px 8px}
.jp_header {font-size:18px; line-height:1.5em; color:#0961C3; margin:10px 0px 15px 0px; padding:0px}
.jp_header span{font-weight:normal; color:#092869;}
/*	END of Job Package Details specific CSS	*/

/*	Resume Popup specific CSS	*/
.resume-header1 { font-size:18px; line-height:140%; color:#666; }
.resume-header1 span { font-weight:normal; color:#666; }
.resume-header2 { margin:0px 0px 0px 10px; font-size:20px; line-height:140%; color:#666; }
.resume-header2 span { font-weight:normal;color:#666; }
.table-top { margin:20px 0px 0px 0px;color:#666; }
.resume-title { margin:20px 0px 5px 0px; font-weight:bold; font-size:15px; }
#resume-btn { font-weight:bold; padding:0px 0px 0px 5px; line-height:190%; }
#resume-btn a { text-decoration:none; color:#666; }
#res-back { background-color:#ebebeb; padding:10px 0px 10px 10px; border-bottom:2px solid #fff; font-weight:bold; }
#res-back-mid { background-color:#ebebeb; padding:10px 0px 10px 10px; border-bottom:2px solid #fff; border-right:2px solid #fff; }
#res-back-mid span { font-style:italic; }
#res-box td {  background-color:#ebebeb; padding:20px; overflow:hidden; }
#res-box2 td {
background-color:#ebebeb; padding:20px; overflow:hidden;
  $white-space: pre-wrap;       /* css-3 */
  $white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  $white-space: -pre-wrap;      /* Opera 4-6 */
  $white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
/*	END of Resume Popup specific CSS	*/

.partnerSplash
{
	background-image:url(images/partners_bg.jpg);
	width: 530;
	border-collapse: collapse;
}

.headTable
{
	width: 100%;
}

.mainTable
{
	width: 100%;
}

.resumeWizardPhoto
{
	border-collapse: collapse;
}

.resumeWizardPhoto input
{
	height: 20px;
}

.appRead
{
	font-weight: normal;
}

.appUnread
{
	font-weight: bold;
	color: black;
}

.appUnread td
{
	font-weight: bold;
	color: black;
	background-color: #ebf8ff;
}

#footer { font-size: 10px; margin: 10px auto;}
.footer
{
	padding-left: 2px;
	padding-top: 15px;
	color: $darkGray;
	text-align: left;
	font-size: 10px;
	padding-bottom: 10px;
}

#footerAds { margin-left: 280px; position: relative;  }
.footerAd { float: left; text-align: right;  width: 50%; }
.footerAd.first { width: 280px; position: absolute; left: -280px; }

#frontPageTable { width: 100%; }

#spotlight2Col { vertical-align: top; width: 62%; }

.pagination { text-align: center; }
.formLabel { font-weight: bold; }

.yui-skin-sam .yui-panel { background-color: $white; }

input[type="checkbox"]+label { margin-left: 1em; }

.tabbedMenu
{
	color: #73372E;
	font-size: 12px;
	border-bottom: 3px solid black;
	margin-top: 40px;
}

.tabbedMenu td
{
	text-align: center;
	color: $white;
	background-color: #007BC2;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
	border: 3px solid $white;
}

.tabbedMenu td a
{
	color: $white;
	font-weight: bold;
}

#loginForm { font-weight: bold; }
#loginForm input { margin: 0 6px; }
#loginForm input[type='checkbox'] { margin: 0; }

#loginForm input.login { width: 80px; }
.forgotpass { font-weight: normal; padding: 4px 0 0 8px; }
.forgotpass a { text-decoration: underline; margin-left: 8px; color: #3f658c; }

.viewImage { width: 20px; height: 20px; bbackground: url(images/view_odd.gif); background: url(images/magglass.gif);}
.rrrowEven .viewImage { background: url(images/view_even.gif); }

.sortIndicator { width: 15px; height: 15px; float: left; margin: 0 6px 0 0; }
#coNameAndLogin { overflow: hidden; padding: 6px; padding-top: 0; }
#loginForm { padding-top: 3px; }

.noAdbanner { width: 468px; height: 60px; background: black; opacity: .3; }
.noAdfooter { width: 280px; height: 102px; background: black; opacity: .3; }

.opac3
{
	opacity: .3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
}

.opac5
{
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

.pageInd
{
	padding: 8px;
}

.pageInd .sel
{
	border: 1px solid gray;
	padding: 2px 4px;
	background-color: #505050;
	margin: 0 4px;
	color: $white;
}

.pageInd a
{
	border: 1px solid gray;
	padding: 2px 4px;
	background-color: #f0f0f0;
	margin: 0 4px;
}

.adminBox
{
	width: 700px; background: #f0f0f0; padding: 2em 2em 2.5em;
	$radius6;
}

.adminButton
{
	float: right;
	$radius4;
	padding: 2px 4px;
	$thinShadow;
	background: $blue;
	color: white;
	cursor: pointer;
}