/* Author: Shawn M. Adams for RegionalHelpWanted.com 03/2008
revised for reskin by: Marianne Yates 05/2010 */

body, td, p, div {
	font-family: Tahoma, Trebuchet MS, Arial, sans-serif;
	color: #272627;
	font-size: 13px;}

body {
	background: url(/images/reskin/rhw-bg.gif) #e6edba;
	margin: 0;
	text-align: center;}

.container {
	width: 1036px;
	margin: -10px auto 0 auto;
	_margin: 0px auto;
	background: url(/images/reskin/container-bg.png) repeat-y;
	text-align: left;
	font-size: 13px;}

/* ---------- global styles -------------- */	
.clear {clear: both;}
.block {display: block;}
.floatleft {float: left;}
.floatright {float: right;}
.boldtext {font-weight: bold;}
.red { color: #ff0000;}
.redb {border: 1px solid red;}
.halfwidth {width: 50%;}
.margin10 {margin-top: 10px;}

a, a:active, a:visited {color: #4626a3; text-decoration: underline;}
/*a:visited {color: #6e6b6e; text-decoration: underline;}*/
a:hover {color: #9fb54a; text-decoration: underline;}

a.nodec {font-size: 12px; text-decoration: underline;} /* found in home view jobs by links, footer links */
a:hover.nodec {	text-decoration: none;}

a.whitenodec, a.whitenodec:visited, a.whitenodec:active {color: #fff; text-decoration: none;} /* links at top of employer my account table */

a:hover.white {	text-decoration: underline;}
a:hover.dark {text-decoration: underline;}

a.nobold {font-weight: normal;}

a img {border: none;} 

.bigitalics {font-size: 18px; font-style: italic;}

h1 { /* dark grey */
	font: normal 25px/30px Tahoma, Trebuchet MS, Arial, sans-serif;
	margin: 0 0 10px 0;
	color: #272627;}
h1 a, h1 a:active, h1 a:visited, h1 a:hover {color: #272627; text-decoration: none;}

h1.employer {color: #7b903b;} /* green */

h2 { /* dark grey */
	font: normal 18px/19px Tahoma, Trebuchet MS, Arial, sans-serif;
	margin: 0 0 10px 0;}

h3 { /* dark grey */
	font: normal 16px/17px Tahoma, Trebuchet MS, Arial, sans-serif;
	margin: 0 0 10px 0;}
	
h4 { /* dark grey */
	font: bold 14px/17px Tahoma, Trebuchet MS, Arial, sans-serif;
	margin: 0 0 10px 0;}
	
H1.seekerheaderNoMargin { color: #602AC9; }
H1.seekerheader { color: #602AC9; margin-left: 10px; margin-right: 4px; margin-top: 10px; margin-bottom: 2px; }
H1.seekerheader2 { color: #602AC9; }	
H1.employerheader { color: #7b903b; margin-left: 10px; margin-right: 4px; margin-top: 10px; margin-bottom: 2px; }

h2.standout {color: #3e85b3;} /* aqua */
h2.seeker {color: #602AC9;} /* purple*/

h3.seeker {color: #602AC9; font-weight: bold;}
	
H2.heading-bg-employer { /* light green backgrounds */
	display: inline-block;
	outline: none;
	border: none;
	font-size: 18px;
	background: url(/images/reskin/expanding-heading-employer.jpg) no-repeat left top;
	line-height: 54px;
	padding-left: 14px;
	margin: -5px 0 0 0;}

	H2.heading-bg-employer a {
		color: #272627;
		text-decoration: none;
		line-height: 54px;
		display: block;
		padding-left: 36px; padding-right: 50px;
		background: url(/images/reskin/expanding-heading-employer.jpg) no-repeat right bottom;}
	
	/* Featured Job Seeker heading in rite col employer modified */		
	h2.employermod {width: 220px;}
	h2.employermod a {padding-left: 0px; padding-right: 14px;}
	
H2.heading-bg-seeker { /* light purple backgrounds */
	display: inline-block;
	outline: none;
	border: none;
	font-size: 18px;
	background: url(/images/reskin/expanding-heading-seeker.jpg) no-repeat left top;
	line-height: 54px;
	padding-left: 14px;
	margin: -5px 0 0 0;}

	H2.heading-bg-seeker a {
		color: #272627;
		text-decoration: none;
		line-height: 54px;
		display: block;
		padding-right: 50px; padding-left: 36px;
		background: url(/images/reskin/expanding-heading-seeker.jpg) no-repeat right bottom;}
	
H3.heading-bg-grey { /* light grey backgrounds */
	outline: none;
	border: none;
	font-size: 18px;
	background: url(/images/reskin/expanding-heading-grey.jpg) no-repeat left top;
	line-height: 54px;
	padding-left: 14px;
	margin: -5px 0 0 0;}

	H3.heading-bg-grey a {
		color: #272627;
		text-decoration: none;
		line-height: 54px;
		display: block;
		width: 195px;
		_width: 255px;
		padding-right: 50px; padding-left: 10px;
		background: url(/images/reskin/expanding-heading-grey.jpg) no-repeat right bottom;}
	

/* text style */
p {margin: 0.15em 0 1.25em; 0;}
p.loose {margin: 0.15em 0 1.25em; 0; line-height: 1.45em;} /* view jobs by list on home page */
p.indent {margin-left: 30px;}
sup {font-size: 8px;}

ul.nobullets {list-style-type: none; margin: 0; padding: 0 0 0 20px;}

li {margin-bottom: 0.8em;}

ul.smlineheight {margin-top: -15px;}
ul.smlineheight li {margin-bottom: 0.1em;}

pre {font-size: 11px;}

hr {
	background: #929092; /* med grey */
	border: 0;
	height: 1px;
	margin: 0 0 15px 0;}
	
.hr-dot {
	border-bottom: 1px dotted #a9a8a9;
	margin: 0 0 15px 0;}

hr.employerhr { /* green*/
	background: #8fa44e;
	border: 0;
	height: 1px;
	margin-top: 5px;}

hr.seekerhr { /* purple */
	background: #602AC9;
	border: 0;
	height: 1px;
	margin-top: 5px;}
	
strong {font-weight: bold;}
.small {font: normal 0.95em/0.95em  Tahoma, Arial, Helvetica, sans-serif;}
.smaller {font-size: 12px; line-height: 15px;}

.white {color: #fff; text-decoration: none;}
.dark {color: #272627; text-decoration: none;} /* dark grey */
.mid {color: #8b6ac9; text-decoration: none;} /* darker purple */
.light {color: #9F80ED; text-decoration: none;} /* light purple */
.gray {color: #ccc;} /* very light grey */
.darkgray {color: #666;} /* med grey */
.green {color: #788d36;}
.orange {color: #4893c2;} /* no longer orange #ff9000, but aqua */
.highlight {color: #FF0000;} /* red */
.highlight2 {color: #FF0000; font-weight: bold;} 

/* ------------------------- LAYOUT ----------------------------------- */
#header {
	margin: 0 0 15px 0;
	background: url(/images/reskin/header-top.gif) no-repeat top;}
	
.siteDomainDiv { /* logo */
	float: left;
	width: 275px;
	margin: 10px 0 0 22px;
	text-align: center;
	padding-bottom: 1em;}
	
a.mid, a.mid:active, a.mid:visited, a.mid:hover  {color: #4626a3; text-decoration: none;} /* long name...amazing results logo link */

/* ----------- left column ---------- */
#left { 
	clear: left;
	float: left;
	width: 176px;}

#left .content {
	text-align: center;
	margin: 0;}
	
#left .content .leftmap {
	margin: 0 0 5px 0;}
	
#left .content p {font-size: 12px; line-height: 16px;}

/* ----------- Main content column ---------- */
#full { /* full width of page including drop shadow border */
	clear: both;
	padding: 0 21px 10px 21px;}

	#full .content {display: block;}
	
#main { /* main content with right side column */
	clear: left;
	float: left;
	width: 720px;
	_width: 730px;
	padding: 0;}

	#main .content {
		display: block;
		padding: 0 10px 0 0;
		margin: 0;
		text-align: left;}
	
#center { /* center column */
	display: block;
	float: left;
	width: 550px;}

	#center .content {
		display: block;
		padding: 0 0 0 10px;}

/* ----------- right column ---------- */
#right {
	clear: right;
	float: right;
	width: 260px;}

#right .content {
	text-align: center; 
	margin: 0;}
	
/* ----------- footer ---------- */
#btm {
	text-align: center;
	margin: 0 auto;
	background: url(/images/reskin/footer-shadow.png) no-repeat top;
	height: 11px;
	width: 1036px;}

#footer {
	text-align: center;
	margin: 0 auto;
	background: url(/images/reskin/footer-bg.png) no-repeat top;
	height: 170px;
	width: 1036px;
	padding: 20px 10px 10px 10px;
	font-size: 12px;
	line-height: 1.5em;}
	
#footer em {font-size: 11px;}

/* --------------- NEW HEADER TABS ------------------- */

#topLevel { /* green and purple tab */
	float: left;
	text-align: left;
	margin: 0 0 -2px 11px;
	_margin-bottom: -5px;}

	#topLevel a:hover {	text-decoration: none;}

#topLevel a {
	display: block;
	float: left;
	margin: 0;
	height: 23px;
	_height: 38px;
	padding-top: 15px;
	background-repeat: no-repeat;
	background-position: top left;
	color: #fff;
	font:  normal 16px/16px Century Gothic, Tahoma, Trebuchet MS, sans-serif;
	text-decoration: none;
	text-align: center;}
	
	#topLevel a:hover {color: #616061;}

.topLevelSeeker { /* purple tab on */
	background-image: url(/images/reskin/topLevelSeeker.jpg);
	margin: 0;
	width: 128px;
	_width: 136px;
	padding-left: 8px;}

.topLevelEmployer {  /* green tab off */
	background-image: url(/images/reskin/topLevelEmployer.jpg);
	margin: 0;
	width: 180px;
	_width: 185px;
	padding-right: 5px;}

	.topLevelSeekerOff { /* purple tab off */
		background-image: url(/images/reskin/topLevelSeekerOff.jpg);
		margin: 0;
		width: 128px;
		_width: 136px;
		padding-left: 8px;}
	
	.topLevelEmployerOff {  /* green tab on */
		background-image: url(/images/reskin/topLevelEmployerOff.jpg);
		margin: 0;
		width: 180px;
		_width: 185px;
		padding-left: -5px;}

#toprightnav {
	float: right;
	text-align: right; 
	font-size: 11px; 
	margin: 0px 20px 0 0;}	
	
#topLevelRight { /* help link */
	text-align: right; 
	font-size: 11px;
	margin: 15px 20px 0 0;}

/* ---------------- NEW HEADER SUBNAV ------------------ */

#subnavLevel, #subnavLevelEmployer {
	clear: both;
	display: block;
	height: 35px;
	text-align: left;
	margin: 0 11px;
	_margin: 3px 11px;}

#subnavLevel {
	background: url(/images/reskin/subnav-bg-seeker.gif) no-repeat #9775d6;}

#subnavLevelEmployer {
	background: url(/images/reskin/subnav-bg-employer.gif) no-repeat #9fb54a;}

#subnavLevel a, #subnavLevelEmployer a {
	float: left;
	margin: 0 10px;
	color: #fff;
	font: normal 13px/36px Tahoma, Arial, Helvetica, sans-serif;
	_line-height: 37px;
	text-decoration: none;
	background: url(/images/reskin/bullet.gif) left no-repeat;
	padding-left: 20px;}

#subnavLevel a:hover {color: #cfdb8f;}
#subnavLevelEmployer a:hover {color: #d2bbfc;}

/* ----------------- ADS --------------------- */
.banner728 {
	clear: both;
	text-align: center;
	padding: 15px 0 10px 0;}

.banner468 { /* appears in the header on read ads page */
	/*float: left;*/
	position: absolute;
	top: 18px;
	margin-left: 350px;
	_margin-left: 50px;
	width: 468px;
	text-align: center;}
	

/* ----------- CONTENT LAYOUT ------------------ */
.borderBoxSeeker, .borderBoxSeekerNoBg, .borderBoxEmployer, .borderBoxEmployerNoBg {
	display: block;
	padding: 10px;
	margin-bottom: 1em;}

.borderBoxSeeker {
	border: 1px solid #D7CCFF; /* light purple border, bg */
	background: #ede8fd;}

.borderBoxSeekerNoBg {
	border: 1px #D7CCFF solid; /* light purple border */
	background: #fff;}

.borderBoxEmployer { /* green border; light green bg */
	border: 1px #8FA44E solid;
	background: #f2fcd3;}

.borderBoxEmployerNoBg {
	border: 1px #8FA44E solid; /* green border */
	background: #fff;}
	
/*------------ seeker login page boxes--------------*/
.borderBoxSeekerDarkBg { 
	display: block;	
	height: 190px; 
	width: 335px;
	padding: 10px; 
	margin-bottom: 1em; 
	border: 1px #D7CCFF solid; 
	background-color: #D8D8D8;
	position: relative;}
	
.borderBoxSeekerLightBg { 
	display: block;	
	height: 190px; 
	width: 335px;
	padding: 10px; 
	margin-bottom: 1em; 
	border: 1px #D7CCFF solid;	
	background-color: f3f3f3;}
	
.borderBoxSeekerDarkBg h4, .borderBoxSeekerLightBg h4 {
	display: block;
	color: #fff;
	font-size: 15px;
	background: url(/images/reskin/header-bg-seeker.gif) repeat-x #9775d6;
	height: 26px;
	_height: 33px;
	width: 357px;
	margin: -11px -11px 10px -11px;
	padding: 7px 0 0 0;
	text-align: center;}
	
.borderBoxSeekerDarkBg table td input.small, .borderBoxSeekerLightBg table td input.small {
	width: 90%;}
	
.borderBoxSeekerDarkBg table td.small, .borderBoxSeekerLightBg table td.small {
	width: 20%;} /* necessary for stupid IE */

/*------------ employer login page boxes--------------*/
	
.borderBoxEmployerDarkBg { 
	display: block;	
	height: 190px; 
	width: 285px;
	padding: 10px; 
	margin-bottom: 1em; 
	border: 1px #8FA44E solid; 
	background-color: #D8D8D8;}
	
.borderBoxEmployerLightBg { 
	display: block;	
	height: 190px; 
	width: 415px;
	padding: 10px; 
	margin-bottom: 1em; 
	border: 1px #8FA44E solid;	
	background-color: f3f3f3;}
	
.borderBoxEmployerDarkBg h4, .borderBoxEmployerLightBg h4 {
	display: block;
	color: #fff;
	font-size: 15px;
	background: url(/images/reskin/header-bg-employer.gif) repeat-x #9fb54a;
	height: 26px;
	_height: 33px;
	width: 307px;
	margin: -11px -11px 10px -11px;
	padding: 7px 0 0 0;
	text-align: center;}
.borderBoxEmployerLightBg h4 {width: 437px;}

.borderBoxEmployerDarkBg p {margin-top: 11px;}
	
.borderBoxEmployerDarkBg table td input.small, .borderBoxEmployerLightBg table td input.small {
	width: 90%;}
	
.borderBoxEmployerDarkBg table td.small, .borderBoxEmployerLightBg table td.small {
	width: 20%;} /* necessary for stupid IE */
	
/*------------ EMPLOYER REGISTRATION BOXES, RATE CARD BOXES, POST JOB BOXES --------------*/
.empRegBox {
	width: 600px; 
	margin: 0 auto;}

.borderBoxEmployerExpandable { 
	display: block;
	_padding: 0;
	margin-bottom: 1em; 
	border: 1px #8FA44E solid; 
	position: relative;}
	
.borderBoxEmployerExpandableinner {
	padding: 10px;}
	
.borderBoxEmployerExpandable h4 {
	display: block;
	color: #fff;
	font-size: 15px;
	background: url(/images/reskin/header-bg-employer.gif) repeat-x #9fb54a;
	height: 26px;
	_height: 33px;
	width: 100%;
	margin: 0;
	_margin-right: -10px;
	padding: 7px 0 0 0;
	text-align: center;}
	
.empRegBox h4 {_width: 102%;}
	
.borderBoxEmployerExpandable h5 { /* job post page */
	display: block;
	color: #fff;
	font-size: 13px;
	background: url(/images/reskin/header-bg-employer.gif) repeat-x #9fb54a;
	height: 33px;
	_height: 33px;
	width: 100%;
	margin: 0;
	padding: 0px 0 0 0;
	text-align: center;}

.borderBoxEmployerExpandable hr {margin-top: 5px;}	

.borderBoxEmployerExpandableinner h2 a {font-size: 16px;}



/* --------------- FORM ELEMENTS --------------------- */
form {margin: 0 0 0 0; text-align: center;}

input {font-family: Arial, Helvetica, sans-serif; text-align: left;}

.inputSmall {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	vertical-align: middle;}

/*input.btn {
	font-weight: bold;
	background: #FF6633;
	background-image: url(/images/btnBg.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	border: 1px #993300 solid;}*/
	
input.btn, input.button { /* blue gradient rectangular button */
	background: url(/images/btnBg.gif) #74b9e4 repeat-x; 
	border: 1px #2b79ab solid;
	height: 25px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 5px;
	_margin-bottom: 0;}
	
/* ------------------------------ BUTTONS --------------------- */
a.btnHomeSeeker { /* Post Jobs Now btn - employer pgs */
	display: inline-block;
	outline: none;
	border: none;
	text-decoration: none;
	background: url(/images/reskin/button-home-seeker.jpg) no-repeat left top;
	line-height: 51px;
	padding-left: 63px;}
a.btnHomeSeeker:hover {text-decoration: none;}
	
	a.btnHomeSeeker span {
		font: normal 18px Tahoma, Verdana, Arial, Serif;
		color: #fff;
		text-decoration: none;
		line-height: 51px;
		display: block;
		padding-right: 15px; padding-left: 0px;
		background: url(/images/reskin/button-home-seeker.jpg) no-repeat right bottom;}
	a.btnHomeSeeker:hover span {color: #cbde91}

a.btnHomeEmployer { /* Post Jobs Now btn - employer pgs */
	display: inline-block;
	outline: none;
	border: none;
	text-decoration: none;
	background: url(/images/reskin/button-home-employer.jpg) no-repeat left top;
	line-height: 51px;
	padding-left: 59px;}
a.btnHomeEmployer:hover {text-decoration: none;}
	
	a.btnHomeEmployer span {
		font: normal 18px Tahoma, Verdana, Arial, Serif;
		color: #fff;
		text-decoration: none;
		line-height: 51px;
		display: block;
		padding-right: 40px; padding-left: 0px;
		background: url(/images/reskin/button-home-employer.jpg) no-repeat right bottom;}
	a.btnHomeEmployer:hover span {color: #d6c5f7}

a.btnScaleGreen { /* Post Jobs Now btn - employer pgs */
	display: inline-block;
	outline: none;
	border: none;
	text-decoration: none;
	background: url(/images/reskin/button-arrow-green.jpg) no-repeat left top;
	line-height: 51px;
	padding-left: 59px;}
a.btnScaleGreen:hover {text-decoration: none;}
	
	a.btnScaleGreen span {
		font: normal 18px Tahoma, Verdana, Arial, Serif;
		color: #fff;
		text-decoration: none;
		line-height: 51px;
		display: block;
		padding-right: 15px; padding-left: 0px;
		background: url(/images/reskin/button-arrow-green.jpg) no-repeat right bottom;}
	a.btnScaleGreen:hover span {color: #d6c5f7}
	
	
/*a.btnHomeEmp, a.btnHomeEmp:active, a.btnHomeEmp:visited {  Post Jobs Now btn - left col employer pgs, rate card pg 
	display: inline-block;
	outline: none;
	border: none;
	text-decoration: none;
	background: url(/images/reskin/button-home-employer.jpg) no-repeat left top;
	line-height: 51px;
	padding-left: 59px;
	margin-bottom: 10px;}
	a.btnHomeEmp:hover {text-decoration: none;}
	
	a.btnHomeEmp span {
		font: normal 15px Tahoma, Verdana, Arial, Serif;
		color: #fff;
		text-decoration: none;
		line-height: 51px;
		display: block;
		padding-left: 0px; padding-right: 15px; 
		background: url(/images/reskin/button-home-employer.jpg) no-repeat right bottom;}
	a.btnHomeEmp:hover span {color: #d6c5f7}
*/

a.btnHomeEmp, a.btnHomeEmp:active, a.btnHomeEmp:visited { /*Post Jobs Now btn - left col employer pgs, changed the button on rate card pg to btnHomeEmployer class */
	display: inline-block;
	outline: none;
	border: none;
	text-decoration: none;
	background: url(/images/reskin/button-emp-short.jpg) no-repeat;
	width: 173px;
	height: 53px;}

	a.btnHomeEmp span {
		font: normal 15px Tahoma, Verdana, Arial, Serif;
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 17px 0 0 47px;}

/* blue gradient rectangular button */
a.btn, a:visited.btn, a:active.btn, 
.btnLink, .btnLink:visited, .btnLink:active,
.btnLinkSmall, .btnLinkSmall:visited, .btnLinkSmall:active { 
	background: url(/images/btnBg.gif) #74b9e4 repeat-x; 
	padding: 5px 10px;
	border: 1px #2b79ab solid;
	height: 25px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;}
a:hover.btn, .btnLink:hover, .btnLinkSmall:hover {color: #e9efc3; text-decoration:none;}
.btnLinkSmall, .btnLinkSmall:visited, .btnLinkSmall:active {/*buttons in table on employer acct page */	
	padding: 3px;
	font-weight:normal;}
	
input.btn {text-align: center;}

a.btnPostHome, a.btnGreenMid, a.btnGreenLg { /* btnPostHome is the green Post Your Resume btn on home; btnGreenMid is on left side employer */
	display: block;
	float: left;
	height: 36px;
	line-height: 36px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-repeat: no-repeat;
	cursor: pointer;
}

/*a.btnPostHome {
	width: 250px;
	height: 46px;
	line-height: 46px;
	font-size: 1.65em;
	background-image: url(/images/buttons/btn_post_job_home.gif);}

a.btnGreenMid {
	width: 150px;
	font-size: 1.05em;
	background-image: url(/images/buttons/btnGreenMid.png);}*/

a.btnGreenLg {
	width: 163px;
	font-size: 1.05em;
	background-image: url(/images/buttons/btnGreenLg.png);
}
/* old green buttons on rate card page, login forms, My Acct
.btnLink, .btnLinkSmall {  
	border: 1px #000033 solid;
	background-color: #09AB22;
	background-image: url(/images/buttons/btnLinkBg.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-size: 1em;
	padding: 0.20em;
	text-decoration: none;}

.btnLink { /* old green button on My Acct)
	height: 2em;
	font-weight: bold;
	padding-left: 1em;
	padding-right: 1em;
	line-height: 2em;}

.btnLinkSmall {
	height: 1em;
	padding-top: 0.10em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	line-height: 1.20em;
	vertical-align: middle;} */

.icon { /* RSS feed icon on job search */
	vertical-align: middle;
	border: none;
	margin-right: 4px; }


/* ---------------- Alert & Confirm Messages ------------------ */

#alert, #confirm {
	display: block;
	background-color: #FFFFFF;
	padding: 1em;
	margin-bottom: 1em;}

#alert {border: 2px #FF0000 solid;} /*red*/
#alert strong {color: #FF0000;} /*red*/

#confirm {border: 2px #9fb54a solid; } /*green*/
#confirm strong {color: #9fb54a;} /*green*/


/* the following is used to shrink wrap a green box and center it (see Seeker Sign In page) */
.outercenter {text-align:center;}
.innershrink {border:2px solid #9fb54a; overflow:hidden; padding: 20px;} /* green border */
.innershrink2 {border:2px solid #9775d6; overflow:hidden; padding: 20px;} /* purple border */ 

.innershrink h4 {color: #788d36; margin: 0; display: inline; font-size: 14px;}/* green */
.innershrink2 h4 {color: #704eae; margin: 0; display: inline; font-size: 14px;}/* purple */
#forceshrink { display: inline-block;}
#forceshrink {_display: inline;}  /* must be kept separate from item above for it to work */

/* smallTabs */

.smallTabOn, .smallTab {
	display: block;
	float: left;
	width: 125px;
	line-height: 2em;
	text-align: center;
	font-weight: bold;
	margin-right: 10px;
}

.smallTabOn {
	color: #000000;
	background-color: #F8F6FE;
	border: 1px #333333 solid;
}

a:hover.smallTab {
	background-color: #F8F6FE;
	color: #000000;
}

.smallTab {
	color: #0000FF;
	background-color: #FFFFFF;
	border: 1px #D7CCFF solid;
}

		
/* ------------- JOB DETAILS BLOCKS ------------------- */
.sponsoredlistings {
	border: 2px dotted #9775d6;
	background: #f4f4f4;
	padding: 10px;}
	
.sponsoredlistings h4 {margin: 0 0 10px 0;}

.jobDetailH2 {
	display: block; text-align: center; padding-bottom: 0.75em;}

.details, .detailswhite, .details99CC99, .detailsFFCC66, .detailsFF9999, .detailsFFFF99, .detailsCCCCD8, .detailsc7d28a {
	display: block;
	padding: 1em;}     

.details { /* default */
	background-color: #FFFFFF;
	border: 1px #EDE7FF solid;}

.detailswhite { /* alt. default */
	background-color: #FFFFFF;
	border: 1px #EDE7FF solid;}

.details99CC99, .detailsc7d28a { /* Green */
	background-color: /*#D0F2D4*/ #e9f4ac;
	border: 1px /*#B0DCB5*/ #c8d969 solid;}

.detailsFFCC66 { /* Orange */
	background-color: /*#FFE5B7*/ #FFCC66;
	border: 1px #F0C088 solid;}

.detailsFF9999 { /* Pink (red) */
	background-color: #FFD6D6; /*#ffe0e0;*/ 
	border: 1px #F4BEBE solid;}

.detailsFFFF99 { /* Yellow */
	background-color: #FFFFC7;
	border: 1px /*#EDEDBB*/ #e0e06a solid;}

.detailsCCCCD8 { /* Silver */
	background-color: /*#E2E2E8*/ #ddddec;
	border: 1px #CCCCD8 solid;}

/* -------Job Details TD (for short format table)--------- */

.detailsTD { /* default */
	padding: 1em;
	background-color: #FFFFFF;
	border: 1px #EDE7FF solid;}

.detailsTDwhite { /* alt. default */
	padding: 1em;
	background-color: #FFFFFF;
	border: 1px #EDE7FF solid;}

.detailsTD99CC99 { /* Green */
	padding: 1em;
	background-color: /*#D0F2D4*/ #e9f4ac;
	border: 1px /*#B0DCB5*/ #c8d969 solid;}

.detailsTDFFCC66 { /* Orange */
	padding: 1em;
	background-color: /*#FFE5B7*/ #fddca1;
	border: 1px #F0C088 solid;}

.detailsTDFF9999 { /* Pink */
	padding: 1em;
	background-color: /*#FFD6D6*/ #ffe0e0;
	border: 1px #F4BEBE solid;}

.detailsTDFFFF99 { /* Yellow */
	padding: 1em;
	background-color: #FFFFC7;
	border: 1px /*#EDEDBB*/ #e0e06a solid;}

.detailsTDCCCCD8 { /* Silver */
	padding: 1em;
	background-color: /*#E2E2E8*/ #ddddec;
	border: 1px #CCCCD8 solid;}

/* ------ Job Details Pagination Menu -------- */


.paging, .pagingOn { /* each indiv square w page # */
	background-color: #fff;
	padding: 0.25em;
	padding-left: 0.35em;
	padding-right: 0.35em;} 

.paging {  /* each indiv square w page # */
	border: 1px #DCD2F8 solid;
	color: #1278b8; /* aqua */
	cursor: pointer;}

.pagingOn {
	border: 1px #272627 solid;
	font-weight: bold;}

/* ----------------- Registration Step Process --------------------- */

.stepBgON { /* red box */
	border: 1px #FF3300 solid;
	background-color: #FFFFFF;}
	
.stepHeaderON { /* red h2 inside box */
	color: #FF3300;}

.stepBgOFF { /* light purple box */
	border: 1px #D7CCFF solid;
	color: #B1A2E7;
	background-color: #F8F6FE;}
	
.stepHeaderOFF { /* purple h2 inside box */
	color: #B1A2E7;}

/* Debugging */

.cfdebug {
	color: #000000;
	font-size: 1.5em;
}

code {
	color: #000000;
	font-size: 1.5em;
}

pre {
	color: #000000;
	font-size: 1.75em;
}

/* Tooltip */

#humanclick {
	margin: auto;
	/*width: 200px;*/}
	
#humanclick table td {display: block; padding-top: 6px;}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 4px;
background-color: #FFFFCD;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#fixedtipdiv {
	position:absolute;
	padding: 4px;
	border:1px solid #000033;
	background-color: #FFFFE0;
	font: normal 11px Verdana;
	line-height:16px;
	z-index:100;
}

/* TABLE STYLES */

td.default { background-color: #fff; }
td.seeker, tr.seeker { /* My Account (seeker) Resume Table */
	background: url(/images/reskin/header-bg-seeker.gif) repeat-x #9775d6; /* med purple */
	color: #fff; height: 33px; padding: 0 3px;}
td.seeker2 {background-color: #e9dffd; border: 1px solid #9775d6;}

td.employer, tr.employer { /* My Account (employer) Resume Table */
	background: url(/images/reskin/header-bg-employer.gif) repeat-x #8FA44E; 
	color: #fff; 
	height: 33px; padding: 0 3px;} 
td.employer a, td.employer a:visited, td.employer a:active {color: #fff;}
	
td.employeroff { background-color: #b2c85e; color: #fff; } /* old my account headings */
td.header { background-color: #8b6ac9; color: #fff; } /* dark purple; used to be used on my account tools table */
td.shadeseeker { background-color: #dfd1fa;} /* bottom border of my accounts resume list */
.shadeseeker2 {background-color: #dfd1fa; border: 1px #cdb6f9 solid; padding: 10px;}
td.shadeemployer { background-color: #e7eebc;} /* light-green; used on employer forgot pw */
.shadeemployer2 {background-color: #e7eebc; border: 1px #8FA44E solid; padding: 10px;}
td.border { background-color: #8b6ac9; } /* dark purple; was a navy blue. on oops page when forwarding to friend. */
.border2 { padding: 10px;border: 1px #8b6ac9 solid;}
td.borderemployer { background-color: #8FA44E; }
td.small { font-size: 11px; }

td.heading-bg-grey { /* light grey backgrounds */
	outline: none;
	border: none;
	font-size: 18px;
	background: url(/images/reskin/expanding-heading-grey.jpg) no-repeat left top;
	line-height: 54px;
	padding: 0 0 0 14px;
	margin: -5px 0 0 0;}

	td.heading-bg-grey span {
		color: #272627;
		text-decoration: none;
		line-height: 54px;
		display: block;
		padding-right: 50px; padding-left: 10px;
		background: url(/images/reskin/expanding-heading-grey.jpg) no-repeat right bottom;}
		
	td.heading-bg-grey span.small {
		font-size: 16px;}
		

/* the following links seem to be on powered by site */
.tdaltrow { background: #e7edbc; } /* light green; used to be mint green */
.tdaltrow2 { background: #FFFFFF; } 
.tdaltrow3 { background: #F5F2FE; }/* really light purple*/

th { font-size: 11px; font-weight: bold; }

.darkborder { border: 1px #8FA44E solid; } /* darker green */
.darkborder2 { border: 1px #8FA44E solid; padding: 10px;} /* darker green */
.seekerdarkborder { border: 1px #8b6ac9 solid; } /* darker purple */
.lightborder { border: 1px #e7f5bb solid; padding: 10px;} /* very light green border;*/
.seekermidborder { border: 1px #9775d6 solid; } /* mid purple */
.seekerlightborder { border: 1px #EBE4FD solid; } /* very light purple */
table.alerttable { border: 1px #9775d6 solid; } /* navy blue  */
table.detailstable { border: none; margin-left: 28px; margin-right: 25px; margin-top: 25px; margin-bottom: 20px; }

b.alert {color: #FF0000; } 

/* ----------------- EMP JOB POSTING PAGE (LOGGED IN AND NOT LOGGED IN) ----------------- */
#job-post-top {float: left; width: 65%; margin-right: 10px;}
#job-post-contact {
	position:relative; 
	width: 80%; 
	top: 20px; left: 40px; 
	display:block; 
	vertical-align: middle;}
#job-post-pay {
	text-align: center;
	padding: 10px;
	border: 1px #9fb54a solid;
	float: right;}
	
#job-post-table {
	width: 980px;
	_width: 980px;
	table-layout: fixed;
	height: 90%;}
	
#job-post-table .borderBoxEmployerExpandable {
	height: 100%;}
	
.price {
	text-align: center; 
	font-weight: bold; 
	font-size: 13px;
	line-height: 30px;}
	
.price a {_line-height: 15px;}
	
p.dottedborder {
	text-align: center;
	border-top: 1px dotted #666;
	width: 50%;
	margin-left: 25%;}

@import "styleMessage.css";