/* Author: Shawn M. Adams for RegionalHelpWanted.com 03/2008
revised for reskin by: Marianne Yates 05/2010 
revised for new colors (blue/green) by: Marianne Yates 12/2010
revised for Ticket 17032 - 02/08/10 MYates
revised for Ticket 16660 - Change layout of page by: Blaine Roth 01/13/11
revised for TFS Ticket 7415 - Modified layout by: Blaine Roth and Marianne Yates 10/10/11
*/

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

body {
	background: #93d8f2;
	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:link, a:active, a:visited {color: #3364c5/*#4626a3*/; text-decoration: underline;}
/*a:visited {color: #6e6b6e; text-decoration: underline;}*/
a:hover {color: #73a30a/*#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 { /* was dark grey, now navy */
	font: normal 25px/30px Tahoma, Trebuchet MS, Arial, sans-serif;
	margin: 0 0 10px 0;
	color: #003592;}
h1 a:link, h1 a:active, h1 a:visited, h1 a:hover {color: #003592; 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;}

h7 { /* dark grey */
	font: 10px/11px Tahoma, Trebuchet MS, Arial, sans-serif;
	margin: 0 0 10px 0;}
	
H1.seekerheaderNoMargin { color: #003592; } /* was dark purple, now navy */
H1.seekerheader { color: #003592; margin-left: 10px; margin-right: 4px; margin-top: 10px; margin-bottom: 2px; }
H1.seekerheader2 { color: #003592; }	
H1.employerheader { color: #003592; margin-left: 10px; margin-right: 4px; margin-top: 10px; margin-bottom: 2px; } /* was green, now navy */

h2.standout {color: #3e85b3;} /* aqua */
h2.seeker {color: #003592;} /* was purple, now navy*/

h3.seeker {color: #003592; 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; /* dark grey */
		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 blue 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; /* dark grey */
		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;}
		
H2.heading-bg-seeker-edu { /* light grey backgrounds */
	display: inline-block;
	outline: none;
	border: none;
	font-size: 18px;
	background: url(/images/reskin/expanding-heading-grey.jpg) no-repeat left top;
	line-height: 54px;
	padding-left: 10px;
	margin: -5px 0 0 0;}
	
	H2.heading-bg-seeker-edu span {
		color: #272627; /* dark grey */
		text-decoration: none;
		line-height: 54px;
		display: block;
		padding-right: 50px; padding-left: 36px;
		background: url(/images/reskin/expanding-heading-grey.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; /* dark grey */
		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;}

ul.alphabet {			/*    Used on seeker/employer-profiles/    */
	text-align: left;
	margin: 10px 0px 20px 0px; padding: 0 0 0 10px;}
	
	ul.alphabet li {	/* Child of ul.alphabet */
		display: inline;
		margin-right: 1px;
		list-style: none;}
		
		ul.alphabet li a {	/* Child of ul.alphabet li */
			padding: 4px 6px;
			background: #527698;
			color: #fff;
			font-weight: bold;
			width: 10px;
			text-decoration: none;}
			
		ul.alphabet li a:hover {	/* Child of ul.alphabet li */
			background: #0F396B;}
	
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 {
	background: #8fa44e; /* green*/
	border: 0;
	height: 1px;
	margin-top: 5px;}

hr.seekerhr {
	background: #3570d7; /*was purple, now med blue */
	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: #3570d7/*8b6ac9*/; text-decoration: none;} /* was med purple, now med blue */
.light {color: #6595e7/*9F80ED*/; text-decoration: none;} /* was lighter purple, now lighter blue */
.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;} 

/*003592 navy */

/* ------------------------- 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: #003592/*4626a3*/; text-decoration: none;} /* long name...amazing results logo link - was dark purple, now navy */

/* ----------- 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 ---------- */
.centered {text-align: center;}

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

	#full .content {display: block;}
	#full .content2 {display: block; width: 85%; margin: 0 auto;}
	
#main { /* main content with right side column */
	clear: left;
	float: left;
	width: 720px;
	_width: 730px;
	padding: 0;}
	
#main-wide { /* main content with right side narrow column */
	clear: left;
	float: left;
	width: 833px;
	padding: 0;}

	#main .content, #main-wide .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: 256px;}
	
#right-narrow {
	clear: right;
	float: right;
	width: 160px;
	right: 0;}

#right .content, #right-narrow .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:  bold 16px/16px Century Gothic, Tahoma, Trebuchet MS, sans-serif;
	text-decoration: none;
	text-align: center;}
	
	#topLevel a:hover {color: #616061;} /* grey */

.topLevelSeeker { /* blue 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 { /* blue/blue tab off */
		background-image: url(/images/reskin/topLevelSeekerOff.jpg);
		margin: 0;
		width: 128px;
		_width: 136px;
		padding-left: 8px;}
	
	.topLevelEmployerOff {  /* green/grey tab on */
		background-image: url(/images/reskin/topLevelEmployerOff.jpg);
		margin: 0;
		width: 185px;
		_width: 185px;
		padding-left: -5px;}

#header {}
.headertop {}
.siteDomainDiv { margin-right: 100px;}		
.headerPostBtn {
		 /*margin:-55px 10px 0 150px;*/
		 margin: 10px 0 0 0; *margin: 0; padding: 20px;}
		



#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;}
	
#topLevelRight a.greenhelp, #topLevelRight a.greenhelp:visited, #topLevelRight a.greenhelp:active {color: #3364C5;}
#topLevelRight a.greenhelp:hover {color: #73a30a;}

/* ---------------- 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 #1273af;}

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

#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;} /* light green */
#subnavLevelEmployer a:hover {color: #c4e7fe;}  /* light blue */

/* ----------------- 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: 0px;
	*margin-left: 0px;
	width: 468px;
	text-align: center;}


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

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

.borderBoxSeekerNoBg {
	border: 1px #c4e7fe/*D7CCFF*/ solid; /* was light purple, now light blue border */
	background: #fff;}

.borderBoxEmployer { /* green border; light green bg */
	border: 1px #9bb93d solid;
	background: #f2fcd3;} /* very lt green */

.borderBoxEmployerNoBg {
	border: 1px #9bb93d solid; /* green border */
	background: #fff;}

.noTopMargin {
	margin-top: -12px;}
	
.borderBoxJobHeader {
	display: block;
	margin-bottom: 1em;
	border: 1px solid #c4e7fe;
	background: #edf8fe;}


/*------------ seeker login page boxes--------------*/
.borderBoxSeekerDarkBg { 
	display: block;	
	height: 190px; 
	width: 335px;
	padding: 10px; 
	margin-bottom: 1em; 
	border: 1px #c4e7fe/*D7CCFF*/ solid;   /* was light purple, now light blue border */
	background-color: #D8D8D8; /* lt grey */
	position: relative;}
	
.borderBoxSeekerLightBg { 
	display: block;	
	height: 190px; 
	width: 335px;
	padding: 10px; 
	margin-bottom: 1em; 
	border: 1px #c4e7fe/*D7CCFF*/ solid;   /* was light purple, now light blue border */
	background-color: f3f3f3;} /* almost white */
	
.borderBoxSeekerDarkBg h4, .borderBoxSeekerLightBg h4 {
	display: block;
	color: #fff;
	font-size: 15px;
	background: url(/images/reskin/header-bg-seeker.gif) repeat-x #3570d7/*9775d6*/; /* was med purple, now med blue */
	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 #9bb93d/*8FA44E*/ solid; /* med green */
	background-color: #D8D8D8;} /* lt grey */
	
.borderBoxEmployerLightBg { 
	display: block;	
	height: 190px; 
	width: 415px;
	padding: 10px; 
	margin-bottom: 1em; 
	border: 1px #9bb93d/*8FA44E*/ solid; /* med green */
	background-color: f3f3f3;} /* almost white */
	
.borderBoxEmployerDarkBg h4, .borderBoxEmployerLightBg h4 {
	display: block;
	color: #fff;
	font-size: 15px;
	background: url(/images/reskin/header-bg-employer.gif) repeat-x #9bb93d/*9fb54a*/; /* med green */
	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 #9bb93d/*8FA44E*/ solid;  /* med green*/
	position: relative;}
	
.borderBoxEmployerExpandableinner {
	padding: 10px;}
	
.borderBoxEmployerExpandable h4 {
	display: block;
	color: #fff;
	font-size: 15px;
	background: url(/images/reskin/header-bg-employer.gif) repeat-x #9bb93d/*9fb54a*/; /* med green */
	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 #9bb93d/*9fb54a*/; /* med green */
	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;}

.pricing-padding {padding-right: 15px;}

/* --------------- 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;  /* aqua */
	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;} /* lt green */

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: #c4e7fe/*d6c5f7*/;} /* was light purple, now light blue */

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: #c4e7fe/*d6c5f7*/;} /* was light purple, now light blue */
	
	
/*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;  /* light blue */
	padding: 5px 10px;
	border: 1px #2b79ab solid; /* med aqua */
	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 #3570d7/*9775d6*/; overflow:hidden; padding: 20px;} /* was med purple, now med blue border */ 

.innershrink h4 {color: #788d36; margin: 0; display: inline; font-size: 14px;}/* green */
.innershrink2 h4 {color: #2760c3/*704eae*/; margin: 0; display: inline; font-size: 14px;}/* was purple, now med-dark blue */
#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 #c4e7fe/*D7CCFF*/ solid; } /* was lt purple, now lt blue */

		
/* ------------- JOB DETAILS BLOCKS ------------------- */
.sponsoredlistings {
	border: 2px dotted #3570d7/*9775d6*/;  /* was med purple, now med blue border */
	background: #f4f4f4;
	padding: 10px;}
	
.sponsoredlistings h4 {margin: 0 0 10px 0;}

.JobDescriptionWithLogo, .JobDescriptionNoLogo {
	padding-left:4px;
}

.JobDescriptionWithLogo {
	padding-left:4px;
	float:left;
	width:645px;
	display:block;
}

.MiscJobLinksContainer {
	float:right;
}

.IndividualMiscJobLinks {
	float: left;
	padding-left:5px;
	padding-right:5px;
}

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

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

.details { /* default */
	background-color: #FFFFFF;
	border: 1px #daeefb/*EDE7FF*/ solid;} /* was v lt purple, now v lt blue */

.detailsgray {
	background-color: #f4f4f4;
	border: 1px #daeefb solid;
	width:85%;
	margin:auto;
	}

.detailswhite { /* alt. default */
	background-color: #FFFFFF;
	border: 1px #daeefb/*EDE7FF*/ solid;} /* was v lt purple, now v lt blue */

.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 #daeefb/*EDE7FF*/ solid;} /* was v lt purple, now v lt blue */

.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 #c4e7fe/*DCD2F8*/ solid; } /* was lt purple, now lt blue */
	color: #1278b8; /* aqua */
	cursor: pointer;}

.pagingOn {
	border: 1px #272627 solid; /* dark grey */
	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 #c4e7fe/*D7CCFF*/ solid; /* was lt purple, now lt blue */
	color: #9ccbea/*B1A2E7*/; /* blue */
	background-color: #F8F6FE;}
	
.stepHeaderOFF { /* purple h2 inside box */
	color: #9ccbea/*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;
	float:right;
	/*width: 200px;*/}

#humanclick a {
	background:none !important;}


#humanclick table td {display: block; padding-top: 6px;}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 4px;
background-color: #FFFFE0; /* light yellow */
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;}

.eppdirectory ul {
	margin: 0;
	padding: 0 0 0 15px;}

.eppdirectory ul.nobullet {
	list-style-type: none; 
	margin: 0;
	padding: 0 0 0 5px;}

.eppdirectory a.none {
	text-decoration: none;}

.eppdirectory h2 {
	font-size: 18px;
	color:#527698;
	margin-bottom: 12px;
	font-size: 18px;
	color: #0f396b; /* v dark aqua */
	padding-bottom: 4px;
	border-bottom: 1px dotted #aaa;
	margin-bottom: 14px;}

/* 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 #1273af/*9775d6*/; /* heading background-2 toned blue */
	color: #fff; height: 33px; padding: 0 3px;}
td.seeker2 {background-color: #e9dffd; border: 1px solid #3570d7/*9775d6*/;}

td.employer, tr.employer { /* My Account (employer) Resume Table */
	background: url(/images/reskin/header-bg-employer.gif) repeat-x #7bae0d/*8FA44E*/;  /* heading background-2 toned green */ 
	color: #fff; 
	height: 33px; padding: 0 3px;} 
td.employer a, td.employer a:visited, td.employer a:active {color: #fff;}
	
td.employeroff { background-color: #8ac017; color: #fff; } /* old my account headings - green bg */
td.header { background-color: #1273af/*8b6ac9*/; color: #fff; } /* dark purple, now blue; used to be used on my account tools table */
td.shadeseeker { background-color: #c4e7fe/*dfd1fa*/;} /* bottom border of my accounts resume list, bg of job search tips */
.shadeseeker2 {background-color: #c4e7fe/*dfd1fa*/; border: 1px #97c7e7 solid; padding: 10px;} /* light blue */
.shadeseeker3 {background-color: #c4e7fe/*dfd1fa*/; border: 1px #97c7e7 solid; padding: 15px;} /* light blue padding 15px*/
td.shadeemployer { background-color: #d2e9a0;} /* light green; used on employer forgot pw */
.shadeemployer2 {background-color: #e7eebc; border: 1px #8FA44E solid; padding: 10px;} /* greens */
td.border { background-color: #1273af/*8b6ac9*/; } /* was a navy blue, then dk purple, now med 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; /* dark grey */
		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: #e7f4cc/*e7edbc*/; } /* really light green; */
.tdaltrow2 { background: #FFFFFF; } 
.tdaltrow3 { background: #edf8fe/*F5F2FE*/; }/* really light purple, now really light blue*/

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

.darkborder { border: 1px #7bae0d/*8FA44E*/ solid; } /* darker green */
.darkborder2 { border: 1px #7bae0d/*8FA44E*/ solid; padding: 10px;} /* darker green */
.seekerdarkborder { border: 1px #1273af/*8b6ac9*/ solid; } /* darker purple, now med blue */
.lightborder { border: 1px #e7f5bb solid; padding: 10px;} /* very light green border;*/
.seekermidborder { border: 1px #4b9bcc/*9775d6*/ solid; } /* was mid purple, now med blue */
.seekerlightborder { border: 1px #daeffc/*EBE4FD*/ solid; } /* very light purple */
table.alerttable { border: 1px #003592/*9775d6*/ solid; } /* was purple, now 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 #7bae0d/*9fb54a*/ solid; /* med darker green */
	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%;}
label.searchjobs{
	color: #2B79AB;
    float: left;
    font-size: 20px;
    font-weight: bold;
    text-align: right;
    width: 50px;
	position:relative;
	top:-10px;
	padding-left: 15px;
    padding-right: 50px;	
}
.browsebtn{
	background-color: #2B79AB;
    float: right;
    padding: 5px;
    position: relative;
    text-align: center;
    top: -2px;
    width: 150px;	
}
a.whitelink, a.whitelink:visited, a.whitelink:active {
	color:#fff; font-weight:bold;font-size:14px;text-decoration:none;	}

a.whitelink:hover {
	color:#CBDE91;text-decoration:none;}

/* -------- New Employer Home Page -------- */

.JobPurchaseOptions {
	float:left; 
	border: 5px solid #e1eefb;
	padding: 0 0 10px;
	margin-top: 10px;
	background: #f4f9fe;
	box-shadow: 0 0 5px 3px #c6c8c9;
	-moz-box-shadow: 0 0 5px 3px #c6c8c9;
	-webkit-box-shadow: 0 0 5px 3px #c6c8c9;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color='#c6c8c9' , Direction=135, Strength=6);*/}
	
.AdditionalOptions {
	float:right; 
	width: 50%;}
	
.JobPurchaseOptions h3 {background: #e1eefb; padding: 5px 10px 10px; font-weight: bold;}
.JobPurchaseOptions table {margin: 0 10px 10px;}

.AdditionalOptions {margin-top: 10px;}
.AdditionalOptions h3 {background: #e1eefb; padding: 9px; font-weight: bold; border: 1px solid #c9e0f7;}

h2.empHomePage {color: #3165c2; font-size: 20px;}

.ui-accordion-content {font: 12px/15px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;}

/* -------------------- new seeker Registration Page ----------------*/
fieldset {padding: 20px;
	border: 5px solid #e1eefb;
	background: #f4f9fe;
	box-shadow: 0 0 5px 3px #c6c8c9;
	-moz-box-shadow: 0 0 5px 3px #c6c8c9;
	-webkit-box-shadow: 0 0 5px 3px #c6c8c9;}
fieldset form {text-align: left;}
fieldset .formrow {margin-bottom: 10px;}
fieldset label {display: block; margin-bottom: 3px;}
fieldset input, fieldset select {padding: 3px;}


.JSregistration h3 {color: #003592;
    font: bold 25px/30px Tahoma,Trebuchet MS,Arial,sans-serif;
    margin: 0 0 10px;}
	
.JSregistration .loginlinks {float: right; margin: 10px; text-align: right;}

.JSregistration .rightbox {
	float: right; 
	width: 48%; 
	background: #fff;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	text-align: left;}
.JSregistration .rightbox p {word-wrap: break-word;}
.JSregistration .formleft {float: left; width: 49%;}
.JSregistration .JobPurchaseOptions {margin: 0 0 20px;}
.JobPurchaseOptions div {margin: 20px; line-height: 22px;}
.JSregistration  h1 {/*font-size: 20px;*/ background: none repeat scroll 0 0 #E1EEFB; padding: 5px 20px 10px; font: bold 16px/17px Tahoma,Trebuchet MS,Arial,sans-serif; color: #272627;}
.JSregistration  h2 {font-size: 14px; font-weight: bold;}

.JSregistration .formbottom {clear: both;}
.categoryTreeBox {height:120px; width:45%; overflow-x:hidden; overflow-y:scroll; float: left; margin: 8px; padding: 3px; border: 1px solid #bdbdbd; background: #fff;}

/*---------------- search results page -------------------*/
#JobCountAndButtons {width:370px; float: left;}
.JobKeywordsCategories {display: block; float: right;}

@import "styleMessage.css";