﻿/*************************
	reset spacing
*/
body, h1, h2, h3, h4, h5, h6, form 
{
	margin: 0;
	padding: 0;
}

/*************************
	default fonts
*/
body, caption, th, td, input, textarea, select, option, legend, fieldset 
{
	color: #000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}

a, a:link, a:hover, a:active, a:visited 
{
	color: #333;
	text-decoration: underline;
}


h1
{
	color: #333;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 4px;
}

h2, h3
{
	color: #333;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 4px;
}

p
{
	line-height: 16px;
}

.strong
{
	font-weight: bold;
}

input[type="text"], input[type="password"], select, textarea
{
	border-color: #ccc #999 #999 #ccc;
	border-style: solid;
	border-width: 1px;
	padding: 2px 4px 2px 4px;
}

select
{
	padding: 1px 1px 1px 4px;	
}

textarea
{
	padding: 1px 0px 1px 4px;	
}


/*************************
	page background
*/
#bd_bg
{
	background: #A1CB37 url(Images/Gui/bg-body.png) repeat-x;
}

#page
{
	background: transparent url(Images/Gui/bg-page.png) no-repeat;	
	margin: 0 auto;
	width: 972px;
}

#page_inner
{
	background: #fff;
	border-top: 4px solid #850A81;
	border-bottom: 10px solid #850A81;
	margin: 0 auto;
	width: 960px;	
}

/*************************
	page layout
*/
#hd, #nav, #content, #search_bar, #ft, #main, .clear, h1, h2, h3
{
	clear: both;
}

#left_sidebar, #right_sidebar, #left_main, #right_main, #main
{
	padding: 15px;
}

#left_sidebar
{
	float: left;
	width: 165px;	
}

#right_sidebar
{
	float: right;
	width: 165px;	
}

#left_main
{
	float: left;
	padding-right: 0px;
	width: 750px;	
}

#right_main
{
	float: right;
	padding-left: 0px;
	width: 750px;	
}

#main #left_main, 
#main #right_main, 
#main #left_sidebar, 
#main #right_sidebar
{
	padding: 0px;
}

#main #left_main
{
	width: 700px;
}

#main #right_sidebar
{
	width: 230px;
}


/*************************
	sidebar
*/
#right_sidebar h2
{
	color: #5B951A;
	margin: 0px;
}

#right_sidebar p
{
	margin: 4px 0px 12px 0px;
}

/*************************
	header
*/
#hd
{	
	height: 96px;
}

#hd_left
{
	float: left;
	padding-top: 6px;
	width: 200px;	
}

#hd_center
{
	float: left;
	height: 70px;
	padding-top: 10px;
	width: 490px;
	text-align: center;	
}

#hd_right
{
	float: right;	
	height: 80px;
	text-align: right;
	width: 260px;
}

#hd_bottom
{
	color: #ccc;
	float: right;
	padding: 0px 10px 2px 0px;
	text-align: right;
	width: 700px;
}

#hd a, #hd a:link, #hd a:active, #hd a:visited 
{
	color: #333;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#hd a:hover
{
	text-decoration: underline;
}

.hd-tutorial
{
	display: none;
}

.hd-rep
{
	background: ##2f2f2;
	border: 1px solid #ccc;	
	height: 67px;	
	margin: 5px;	
}
.hd-rep-image
{
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	margin: 5px;
}
.hd-rep-name, .hd-rep-phone, .hd-rep-email 
{
	font-size: 10px;
	font-weight: bold;	
	padding: 2px 5px 2px 5px;
}
.hd-rep-name
{
	margin-top: 5px;
}
.hd-rep span
{
	font-weight: normal;
}

/*************************
	footer
*/
#ft {
	font-size: 10px;
	padding-bottom: 10px;
	padding-top: 20px;
	text-align: center;
}

/*************************
	navigation
*/
#nav
{
	background: #f3f3f3;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #999;
	height: 28px;
	text-align: center;
}

#nav a, #nav a:link, #nav a:active, #nav a:visited
{
	border-right: 1px solid #ccc;
	color: #666;
	font-size: 14px;
	line-height: 28px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}

#nav a.last, #nav a.last:link, #nav a.last:active, #nav a.last:visited
{
	border-right: 0px;
}

#nav a:hover
{
	text-decoration: underline;
}

/*************************
	search bar
*/
#search_bar
{
	background: #ccc;
	border-bottom: 1px solid #999;		
	padding: 4px 15px 0px 10px;
	height: 26px;
}

#search_bar a, #search_bar a:link, #search_bar a:active, #search_bar a:visited
{
	color: #000;
	font-size: 11px;
}

#search_bar_fields
{
	float: left;	
}

#search_term
{
	width: 275px;
}

#search_bar_links
{
	float: left;
	line-height: 20px;
	padding-left: 4px;
}


/*************************
	left sidebar
*/
#left_sidebar ul, #left_sidebar ol, #left_sidebar li 
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#left_sidebar a 
{
	color: #666;
}

#left_sidebar ul 
{
	margin-bottom: 10px;
}

#left_sidebar li 
{
	margin-bottom: 2px;
}

#left_sidebar a.active 
{
	font-weight: bold;
}

#left_sidebar ul.other 
{
	display: none;
}

#left_sidebar ul._other 
{
	border-top: 1px dashed #ccc;
	padding-top: 10px;
}

#left_sidebar ul.toggle-link 
{
	margin-top: -6px;
}

#left_sidebar .all 
{
	font-weight: bold;
}

#left_sidebar .strong 
{
	color: #333;
}

/*************************
	feature employers
*/
#featured_employers, #featured_employers .logos
{
	clear: both;
}

#featured_employers .logos
{
	height: 80px;
	margin-top: 2px;	
}

#featured_employers .logo
{
	border: 1px solid #f0f0f0;
	float: left;
	height: 75px;
	width: 120px;
	margin-left: 20px;
	overflow: hidden;
	padding: 2px 5px 2px 5px; 
	text-align: center;
}

#featured_employers .logo.first
{
	margin-left: 0px;
}

#featured_employers .logo a
{
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
}

a.feature-link
{
	color: #8B1C82;
	font-size: 10px;
}

/*************************
	feature jobs
*/

#featured_jobs
{
	clear: both;
	margin-top: 15px;
}

#featured_jobs .jobs
{
	margin-top: 2px;
}

/*************************
	newest jobs (home page)
*/
#newest_jobs
{
	/*background: transparent url(Images/Images/jman-watermark-large.gif) no-repeat;
	background-position: center top;*/
	clear: both;
}

#newest_jobs h2
{
	padding-top: 15px;
}

#newest_jobs h2 a
{
	color: #8B1C82;
	font-size: 10px;
}

.no-jobs
{
	background-color: #FFFFCC;
	border: 1px dashed #ccc;
	
	padding: 10px;
}

/*************************
	job listings
*/


.jobs 
{
	clear: both;
}

.jobs .job 
{
	border-bottom: 1px dashed #ccc;
	float: left;
	padding: 8px 2px 8px 2px;
	width: 360px;
}

.jobs .job.first-row
{
	border-top: 1px dashed #ccc;
}

.jobs .job.first-col
{
	margin-right: 20px;
}

.jobs .job .logo 
{
	background: #fff;
	border: 1px solid #f0f0f0;
	float: left;
	height: 38px;	
	width: 60px;
	margin-right: 10px;
	overflow: hidden;
	padding: 1px; 
	text-align: center;	
}

.jobs .job .logo img
{
	height: 38px;
	width: 60px;
}

.jobs .job .logo a, .jobs .job .logo span
{
	font-size: 9px;
	text-decoration: none;
}

.jobs .job .job-title
{
	line-height: 20px;
	text-transform: capitalize;
}

.jobs .job .job-new 
{
	color: #850A81;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
}

.jobs .job .job-date 
{
	color: #666;
	font-size: 10px;
	line-height: 20px;
}

.jobs .job .job-details, .jobs .job .job-details a
{
	color: #666;
	font-size: 10px;
	text-decoration: none;
	text-transform: capitalize;
}

.jobs .job .job-details a:hover
{
	text-decoration: underline;
}

/*************************
	paging controls (job & resume search)
*/
#paging {
	clear: both;
	padding-top: 20px;
}

#paging, #paging a {
	font-size: 11px;
}


/*************************
	misc (home page)
*/
#newsletter_signup
{
	background: #DCEC94; 
	border-top: 1px solid #B3D554;		
	clear: both;
	color: #333;
	font-weight: bold;
	margin-top: 20px;
	padding: 15px;
	text-align: center;
}

#below_ft
{
	background: #B3D554; 
	border-top: 1px solid #A1CB37;
	clear: both; 
	color: #333;
	font-size: 10px;	
	padding: 30px; 
}

#below_ft td
{
	font-size: 10px;
}


/*************************
	product pricing page
*/
.products-pricing
{
	margin: 0 auto;
	width: 700px;
}

.products-pricing h2
{
	font-size: 20px;
}

.price-row
{
	border-bottom: 1px dashed #ccc;
	clear: both;
	height: 30px;
	line-height: 24px;
	margin-top: 5px;
	padding: 5px 5px 0px 5px;	
	width: 600px;
}

.price-row div, .price-starting div
{
	float: left;
}

.price-row .purchase
{
	float: right;
}

.product-type, .price-starting .spacing
{
	color: #666;
	font-size: 14px;	
	width: 350px;
}

.price-starting div
{
	color: #666;
	font-size: 10px;
}

.product-price
{
	color: #666;
	font-size: 16px;
	font-weight: bold;
}

/*************************
	purchase products pages
*/
.products
{
	margin: 0 auto;
	width: 700px;
}

.products h2
{
	border-top: 1px dashed #ccc;
	color: #990099;
	margin-top: 20px;
	padding-top: 15px;
	width: 600px;
}


.products .view-more
{
	color: #990099;
	font-size: 14px;
}

.products h2.first
{
	border-top: 0px;
	margin-top: 10px;
	padding-top: 0px;
}

.product-description
{
	margin-bottom: 10px;
	width: 600px;
}

.product-region, .product-row input, .product-row select
{
	float: left;
	margin-right: 5px;
}

.product-description, .product-row, .product-total
{
	clear: both;
}

.product-row
{
	height: 24px;
	padding: 5px;	
	width: 600px;
}

.product-region
{
	line-height: 20px;
	width: 250px;
}

.product-total
{
	border-top: 1px dashed #ccc;
	color: #666;	
	font-size: 14px;
	line-height: 22px;
	height: 22px;
	margin-top: 10px;
	padding-top: 10px; 
	width: 600px;	
}

.product-total div
{
	float: left;
	text-align: right;
	width: 350px;
}


.products .readonly
{
	border: 0px;
	font-size: 16px;
	font-weight: bold;
	float: right;	
}

#products_featured_job_image
{
	background: #fff url(Images/Gui/featured-jobs.png) no-repeat;
	height: 73px;
	width: 749px;
}

#products_featured_employer_image
{
	background: #fff url(Images/Gui/featured-employers.png) no-repeat;
	height: 81px;
	width: 718px;	
}

.product-description-categories
{
	clear: both;
	margin-bottom: 10px;
}

.product-description-categories #job_categories
{
	margin-top: 4px;
}

.products-job-categories td
{
	font-size: 10px;
}



/*************************
	buttons
*/
.submit-buttons
{
	padding: 20px 10px 10px 155px;
}

.buttonbg, .purchase, .submit, .button
{
	background: transparent url(Images/Gui/btn.png) no-repeat scroll 0 0;
	border: 0px;
	font-size: 11px;
	font-weight: bold;
	height: 21px;
	line-height: 21px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 110px;
}

.button.wide, .wide
{
	background: transparent url(Images/Gui/btn-wide.png) no-repeat scroll 0 0;
	width: 150px;
}

.button.small
{
	border: 1px solid #666;
	background-position: -4px -1px;
	width: auto;
}

.cancel
{
	width: 110px;
}

a.purchase, a.button
{
	display: block;
	text-decoration: none;
}



/*************************
	post job features (products)
*/
.post-job-feature
{
	border-bottom:1px dashed #CCCCCC;
	padding: 15px 0px 15px 0px;
}

.post-job-feature-title label
{
	color:#990099;
	font-size:14px;
	font-weight:normal;
	padding-left: 30px;
}


.post-job-feature-desc
{
	padding-left: 50px;
	width: 600px;
}

.post-job-feature-desc p
{
	margin: 0px;
	padding: 0px;
}

.post-job-feature-desc #products_featured_job_image
{
	margin-top: 1em; 
}

.post-job-feature-desc #products_featured_employer_image
{
	margin-top: 1em; 
}


/*************************
	tables
*/
.table-header 
{
	background-color: #E5E5E5;
}

.table-header td 
{
	border-bottom: 1px solid #999999;
}

.table-body-item td, .table-body-alternating-item td 
{
	border-bottom: 1px solid #fff;
}

.table-body-item 
{
	background-color: #F2F2F2;
}

.table-body-alternating-item 
{
	background-color: #E5E5E5;
}

blockquote {
	background-color:#F5F5F5;
}

/*************************
	messages
*/
.msg-info, .msg-warning, .msg-success, .msg-comment, .msg-error, .msg-sales
{
	background-color: #F3F3F3;	
	border: 1px solid #ccc;
	color: #000;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px 10px 10px 70px;
}
.msg-info .icon, .msg-warning .icon, .msg-success .icon, .msg-comment .icon, .msg-error .icon, .msg-sales .icon
{
	float: left;
	position: relative;
	margin-top: -21px;
	margin-left: -70px;
	height: 45px;
	width: 60px;	
}
.msg-warning
{
	background-color: #FFFFCC;	
	border: 1px solid #CCCC99;	
}
.msg-success
{
	background-color: #C5E3BF;	
	border: 1px solid #A3D29B;	
}
.msg-error
{
	background-color: #FFCECE;	
	border: 1px solid #DF8F8F;	
}
.msg-error li 
{
	list-style-type: decimal;
}
.msg-error .field 
{
	font-weight: bold;
}
.msg-info .icon
{
	background: transparent url(Images/Gui/msg-info.png) no-repeat scroll 0 0;
}
.msg-warning .icon
{
	background: transparent url(Images/Gui/msg-warning.png) no-repeat scroll 0 0;
}
.msg-success .icon
{
	background: transparent url(Images/Gui/msg-success.png) no-repeat scroll 0 0;
}
.msg-comment .icon
{
	background: transparent url(Images/Gui/msg-comment.png) no-repeat scroll 0 0;
}
.msg-error .icon
{
	background: transparent url(Images/Gui/msg-error.png) no-repeat scroll 0 0;
}
.msg-sales .icon
{
	background: transparent url(Images/Gui/msg-sales.png) no-repeat scroll 0 0;
}
.msg-flash
{
	margin-left: 15px;
	margin-right: 15px;
}
.msg-sales
{
	background-color: #FFFFCC;	
	border: 1px solid #CCCC99;		
	font-size: 16px;
}
.msg-comment
{
	font-size: 14px;
}
.msg-comment .buttons, .msg-sales .buttons
{
	padding: 10px 0px 5px 5px;
	height: 21px;
}
.msg-comment .buttons .button, .msg-sales .buttons .button
{
	float: left;
	margin-right: 10px;
}

.error-text
{
	background-color: #FFCECE;	
	border: 1px solid #DF8F8F;	
	font-weight: bold;
	padding: 10px;
	margin: 0px 0px 15px;
}


/*************************
	OLD messages
*/
.ErrorMessage {background-color: #FFCECE;border: 1px solid #B22D03;margin: 5px 0;padding: 5px;}
.ErrorMessage, .ErrorMessage .FieldName {color: #000;font-weight: normal;}
.ErrorMessage, .InfoMessage, .WarningMessage {display: block;font-weight: bold;padding-bottom: 10px;}
.InfoMessage {color: #0000CC;}
.ErrorMessage, .ErrorMessage .FieldName {color: #FF0000;font-weight: bold;}
.ErrorMessage li {color: #333333;list-style-type: decimal;}
.ErrorMessage .Text {font-weight: normal;}
.InfoBox, .WarningBox {border: 1px solid #747474;background-color:#FFC;padding:4px;text-align:center;}
.WarningBox {color: #FF0000;font-weight: bold;}




/*************************
	about > press page
*/
#press
{
	margin-top: 10px;
}
#press p 
{
	border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
}
#press h3 
{
	color: #000;
	font-size: 12px;
	font-weight: bold;
}






/*************************
	job/resume tool bar
*/
.job_toolbar, #resume_toolbar
{
	background: #F3F3F3;
	border: 1px solid #ccc;
	color: #333;
	height: 36px;
}

.job_toolbar_links, #resume_toolbar_links
{
	float: left;
	font-size: 14px;
	padding: 10px 2px 5px 10px;
}

.job_toolbar_links a, #resume_toolbar_links a
{
	text-decoration: none;
}

.job_toolbar_links .current 
{
	font-weight: bold;
}

.job_toolbar_actions
{
	float: right;
}

.job_toolbar_actions div
{
	border-left: 1px solid #ccc;
	float: left;
	font-size: 11px;
	height: 28px;
	padding: 1px 8px 1px 8px;
	margin: 3px 0px 3px 0px;
	text-align: center;
}

.job_toolbar_actions div.first
{
	border-left: 0px;
}

.job_toolbar_actions a
{
	color: #990099;
	font-size: 10px;
}








/***
?????
***/
.jobs > div {
	border-bottom-color: #D5D5CC;
}

.category, .new, .featured-date, .sep {
	color: #999999 !important;
}

.featured {
	background-color: #FFFFCC;
}

#paging, #paging a {
	color: #8B1C82;
}

#ft , #ft a {
	color: #999;
}





/***
Legacy Styles
***/
.purplestrong {
	color:#990099;
	font-weight:bold;
}

.strongsm, .QuickJobSearch {
	color:#333333;
	font-size:10px;
	font-weight:bold;
}

.strongsm, a.strongsm, a.strongsm:link, a.strongsm:hover, a.strongsm:active, a.strongsm:visited {
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

.bodysubheaderbg {
	background-color:#E5E5E5;
	font-weight:bold;
}


/*************************
	wizard styles
*/


.wizard-step-title 
{
	background: #f2f2f2 url(Images/Icons/plus.png) no-repeat scroll 0 0;
	border: 1px solid #ccc;
	display: block;
	color: #999 !important;
	font-size: 16px;
	height: 28px;
	line-height: 28px;
	margin-top: 10px;
	padding-left: 32px;
	text-decoration: none !important;
}

.wizard-step-title.done
{
	background: #f2f2f2 url(Images/Icons/check.png) no-repeat scroll 0 0;
}

.wizard-step-title.active
{
	background: #f2f2f2 url(Images/Icons/minus.png) no-repeat scroll 0 0;
	color: #000 !important;
	margin-bottom: 10px;
}















/********************************************************* 
	Tip Dialog Styles
**********************************************************/

#ProductDialogTitle {background: url(Images/Dialog/icon_buy.png) no-repeat;}
#AlertDialogTitle {background: url(Images/Dialog/icon_alert.png) no-repeat;}
#ConfirmDialogTitle {background: url(Images/Dialog/icon_confirm.png) no-repeat;}

.Dialog {height: auto; width:360px; position: absolute; z-index: 100;}
.DialogTop {background: url(Images/Dialog/top.png) no-repeat bottom; height: 26px; width: 100%;}
.DialogBottom {background: url(Images/Dialog/bottom.png) no-repeat top; height: 30px; width: 100%;}
.DialogBody {background: url(Images/Dialog/body.png) repeat-y; height: auto; width: 100%;}
.DialogContent {padding: 8px 16px 8px 8px;}
.DialogTitle {font-size:14px; font-weight:bold; height:30px; padding: 8px 0px 0px 40px;}
.DialogMessage {padding: 4px;}
.DialogButtons td {padding:4px;}
a.DialogButton {background:url(Images/Dialog/btn.gif) no-repeat;display:block;font-weight:bold;line-height:21px;height:21px;width:80px;text-align:center;text-decoration:none;text-transform:uppercase;} 
.DialogModalLayer {z-index:99;background:#000;width:100%;height:100%;position:absolute;top:0px;left:0px;-moz-opacity: 0.3;opacity:.30;filter:alpha(opacity=30);}


/***************
NEW DIALOG STYLES, TODO: REMOVE OLD ONES WHEN ITS PULLED OUT
**********/
#dialog {height: auto; width:360px; position: absolute; text-align:left; z-index: 100;}
#dialog_top {background: url(Images/Dialog/top.png) no-repeat bottom; height: 26px; width: 100%;}
#dialog_bottom {background: url(Images/Dialog/bottom.png) no-repeat top; clear:both; height: 30px; width: 100%;}
#dialog_body {background: url(Images/Dialog/body.png) repeat-y; height: auto; width: 100%;}
#dialog_content {padding: 8px 16px 8px 8px;}
#dialog_title {font-size:14px; font-weight:bold; height:30px; padding: 8px 0px 0px 40px;}
#dialog_msg {padding: 4px;}
#dialog_btns {clear:both;height:21px;padding:4px;}
#dialog_btns a {background:url(Images/Dialog/btn.gif) no-repeat;display:block;font-weight:bold;line-height:21px;height:21px;float:left;margin-right:4px;width:80px;text-align:center;text-decoration:none;text-transform:uppercase;} 
#dialog_modal_layer {z-index:99;background:#000;width:100%;height:100%;position:absolute;top:0px;left:0px;-moz-opacity: 0.3;opacity:.30;filter:alpha(opacity=30);}

.buy #dialog_title {background: url(Images/Dialog/icon_buy.png) no-repeat;}
.alert #dialog_title {background: url(Images/Dialog/icon_alert.png) no-repeat;}
.confirm #dialog_title {background: url(Images/Dialog/icon_confirm.png) no-repeat;}
.info #dialog_title {background: url(Images/Dialog/icon_info.png) no-repeat;}




















/*********************************************************
REALLLY OLD STYLES
*********************************************************/

.bodyborder {
	border:1px solid #747474;
}

.bodyheaderbg, .resources-career-tools {
	background-color:#CCCCCC;
	border-bottom:1px solid #747474;
	font-weight:bold;
}

/* used to highlight the keyword(s) in the view resume page  */
.clsKeyword { color: #333; background-color: #FF3; }

/* misc text */
.strongsm, .QuickJobSearch {color: #333; font-weight: bold;}
.QuickJobSearch {color: #FFF;}
.strongsmhd {color: #333;font-size: 10px;font-weight: bold;}
.italics {font-style: italic;}
.strong {font-weight: bold; }
.strongred {font-weight: bold;color: #F00;}
.quote {font-size: 11px;font-style: italic;font-weight: bold;}
.confirmsm {color: #0000CC;font-size: 10px;}
.purplestrong {font-weight: bold;color: #909;}
.smalltext {font-size: 10px;}
.strongWI {font-weight: bold;font-size: 11px;text-decoration: none;color: #FFF;font-style: italic;}
.strongW {font-weight: bold;font-size: 11px;text-decoration: none;color: #FFF;}
.easyBlue { color: #0033ff; }
.strongbox {background-color:#FFFFCC;border:1px solid #747474;
}

/* links */
.strongsmw, a.strongsmw, a.strongsmw:link, a.strongsmw:hover, a.strongsmw:active, a.strongsmw:visited {text-decoration: none;font-weight: bold;font-size: 10px;color: #FFF;}

/* Header background styles */
.bodyheaderbgleftjs, .bodyheaderbgrightjs {background-color: #CCC;font-weight: bold;color: #333;border-top: 1px solid #747474;border-left: 1px solid #747474;font-size: 11px;}
.bodyheaderbgleft, .bodyheaderbgright, .bodyheaderbgindexjs {background-color: #9AD428;font-weight: bold;color: #333;border-top: 1px solid #747474;border-left: 1px solid #747474;border-right: 1px solid #747474;font-size: 11px;}
.bodyheaderbgindexjs { background-color: #CCC; }
.bodybottombg {background-color: #CCC;color: #747474;font-size: 10px;border-top: 1px solid #747474;}
.bodyborderleft, .bodyborderright, .bodyborderindex, .bodyborderindexhm, .bodyborderlefthm, .bodyborderrighthm, .bodyborderindex2, .bodyborderright2, .bodyborderleft2 {background-color: #FFF;}
.bodyborderleft, .bodyborderright, .bodyborderindex, .bodyborderindexhm, .bodyborderindex2 {border: 1px solid #747474;}
.bodyborderleft {border-right-width: 0;}
.bodyborderright {border-left-width: 0;}
.bodyborderindexhm {border-bottom-width: 0;}
.bodyborderlefthm {border-left: 1px solid #747474;border-top: 1px solid #747474;}
.bodyborderrighthm {border-top: 1px solid #747474;border-right: 1px solid #747474;}
.bodyborderindex2 {border-top-width: 0;}
.bodyborderright2 {border-right: 1px solid #747474;border-bottom: 1px solid #747474;}
.bodyborderleft2 {border-left: 1px solid #747474;border-bottom: 1px solid #747474;}
.bodyheaderbgindexjs {background-color: #CCC;}
.bottomlines {background-color: #747474;}
.bodyborder {border: 1px solid #747474;background-color: #FFF;}
.footerborder {	background-color: #FFF;	border-right: #747474 1px solid; border-left: #747474 1px solid; border-bottom: #747474 1px solid;}
.bodyborderjman {border: 1px solid #747474;background-color: #FFF;background: #fff url(images/images/jman-watermark.gif) 90% 10px no-repeat;}
.tutheader {font-weight: bold;color: #333;background-color: #9ac62b;}
.tutfooter { background-color: #e5e5e5;} 
.bodyheaderbg, .resources-career-tools {background-color: #CCC;font-weight: bold;border-bottom: 1px solid #747474;}
.resources-career-tools {background-color: #CCC !important;border: 1px solid #747474;border-bottom-width: 0;color: #333 !important;}
.bodysubheaderbg {background-color: #e5e5e5;font-weight: bold;}
.bodyheaderbgindex {background-color: #9AD428;font-weight: bold;color: #333;border: 1px solid #747474;border-bottom-width: 0;font-size: 11px;}
.bodytextborder {background-color: #FFF;border: 1px solid #747474;color: #333;}
.height {height: 100%;}
.bodyborderp {border: 1px solid #8C1889;background-color: #FFF;}
.textheader {font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;color: #333;}
.textheadersub {color: #333;font: bold 14px Arial, Helvetica, sans-serif;}
.border { border: 1px solid #747474;}

/* Table cell padding throughout site (netscape fix) */
.padding, .paddingb {padding: 4px 8px 4px 8px !important; font-size: 10px;}
.padding a, .paddingb a {font-size: 10px;}

/* Table cell padding with bold text */
.paddingb { font-weight: bold; }
.feature {background-color: #fff;border: 1px solid #747474;border-bottom: 0;}
.career-events a.clrlink {letter-spacing:1px;}
.featureheader, .featureheaderemp {background: url(images/images/smheadergbg.gif) top repeat-x;border-left: 1px solid #747474;border-right: 1px solid #747474;padding: 4px;text-align:center;}
.featureheaderemp {background: url(images/images/empheaderbg.gif) top repeat-x;}
.featureheader headerleft { background: url(images/images/smheadergleft.gif) top left no-repeat; }
.featureheader headerright { background: url(images/images/smheadergright.gif) top right no-repeat; }	
.default-featured-jobs-cell  {background: rgb(255, 255, 255) url(/App_Themes/Default/images/images/jman-watermark-large.gif) no-repeat scroll center;-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;}
.keywords-search-input {padding-left: 4px;border: #666 1px solid;font: 10px Verdana, Arial, Helvetica, Sans-Serif;width: 98%;height: 15px;}

.featurefooter {padding: 4px;background-color: #fff;border: 1px solid #747474;border-top: 0;}
.featurefooter a {font-size: 10px;color: #f00;}
.featurefooter a:link, .featurefooter a:visited , .featurefooter a:hover, .featurefooter a:active { text-decoration: none; color: #f00; }
.featurebottom {padding: 4px;background-color: #ccc;border: 1px solid #747474;border-top: 0;}
.featurebottom a {font-size: 10px;color: #000;}
.featurebottom a:link, .featurebottom a:visited, .featurebottom a:hover, .featurebottom a:active { text-decoration: none; color: #000; }
.bodyborder .GridViewDefault td, .bodyborder .GridViewOver td, .bodyborder .GridViewOut td {border-bottom:1px solid white;padding: 1px 0px;}
.bodyborder .GridViewOver td {border-bottom:1px solid black;}
.bodyborder .GridViewDefault td:first-child, .bodyborder .GridViewOver td:first-child, .bodyborder .GridViewOut td:first-child {padding-left:8px;}

.CreditCardProcessing th {font-weight:bold;font-size:10px;background-color:#e5e5e5;padding: 2px;text-align:left;}
.CreditCardProcessing th a:link, .CreditCardProcessing th a:visited, .CreditCardProcessing th a:hover, .CreditCardProcessing th a:active {text-decoration:none;color: #000;}
.CreditCardProcessing tr td {padding:2px 0;}
.CreditCardProcessing tr#OrderTotal {background-color:#FFC;}
.CreditCardProcessing tr.DefaultRow {background-color:#f2f2f2;}
.CreditCardProcessing tr.AlternateRow {background-color:#FFF;}
.CreditCardProcessing tr.DefaultRow td, .CreditCardProcessing tr.AlternateRow td {padding: 6px 0;}
#EnterNewCardLink, #CancelNewCardLink {color:#000;}

.salesrep-cell .strongsm {color:#000;}
.employer-header-text { color: #fff; }
.content-left-padding-cell {}
.content-right-padding-cell {}
.featureheaderemp .strongsm { color: #fff !important; }
.featureheader .strongsm { color: #333; }
.resources-career-tools { background-color: #fff; }
.watermark {background-color: #fff;background-image: url(images/images/jman-watermark-large.gif) !important;background-repeat: no-repeat;background-position: center;}

#navlist {padding: 0 1px 1px;margin-left: 0;font-weight: bold;height: 16px;margin-top: 3px;}
#navlist li {list-style: none;margin: 0;display: inline;padding: 0 16px;}
#navlist li a {text-decoration: none;}
#navlist li a:link { color: #000; }
#navlist li.right { border-right: 1px solid #747474; }

.jobseekers-jman-bg {background: #fff url(images/images/jman-watermark.gif) 90% 10px no-repeat;}
table.sortable tr td {border-bottom: 1px solid #fff;}
table.sortable a.sortheader {color: #333;text-decoration: none;}
table.sortable span.sortarrow {color: black;text-decoration: none;}


/* Employer Logged Out Styles */
.EmployerHeaderText span {color: White;font-family: Serif;font-size: 30px;outline: Gray, outset, thin;z-index: 40;}






/********************************************************* 
	employers/default.aspx styles
**********************************************************/
#employer-header-hm {background:transparent url('Images/images/jobdango-learn.png') no-repeat scroll left top; min-height: 213px; margin:0pt auto 5px;width:758px; }
#employer-header-hm .content {padding-top:120px;}
.container-emp-main {background:#fff;margin:0pt auto 5px;padding:0pt;width:758px;}
.emp-main {border:1px solid #747474;padding:0pt 7px 5px;}
.emp-main a, .emp-main a:link, .emp-main a:visited, .emp-main a:hover, .emp-main a:active {color:#000000;}
.emp-contact {background-color:#FDFFCF;border:1px solid #DFCC00;margin:0pt auto;padding:8px;text-align:center;width:80%;}
.emp-contact h2 {border-bottom:1px solid #989981;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;line-height:1em;margin:0pt auto 7px;padding-bottom:2px;width:80%;}
td.contact-header {border-bottom:1px solid #CCCCCC;margin-bottom:3px;padding:4px;}
.emp-main-sec {text-align:left;}
.emp-main-sec h1 {background:#E5E5E5 none repeat scroll 0%;color:#000000;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;line-height:normal;margin-bottom:10px;padding:4px;text-align:center;}
.emp-main-sec td {color:#777777;}
#employer-hm-nav {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0pt 0pt 15px;padding:0pt;}
.emp-main td > #employer-hm-nav {margin-top:8px;}
#employer-hm-nav li {background-color:#F7F7F7;margin:0pt 0pt 2px;padding:8px 0pt;text-align:center;}
#employer-hm-nav span {display:none;}
#employer-hm-nav a {display:block;margin:0pt auto;}
#employer-hm-nav .account a {background:transparent url('Images/images/employer-home/nav/create-account.gif') no-repeat scroll left top;height:14px;width:126px;}
#employer-hm-nav .demo a {background:transparent url('Images/images/employer-home/nav/product-demo.gif') no-repeat scroll left top;height:16px;width:133px;}
#employer-hm-nav .expert a {background:transparent url('Images/images/employer-home/nav/job-expert.gif') no-repeat scroll left top;height:18px;width:178px;}
#employer-hm-nav .clients a {background:transparent url('Images/images/employer-home/nav/northwest-clients.gif') no-repeat scroll left top;height:14px;width:104px;}
#employer-hm-nav .advertise a {background:transparent url('Images/images/employer-home/nav/advertise.gif') no-repeat scroll left top;height:14px;width:116px;}
#employer-hm-nav .pricing a {background:transparent url('Images/images/employer-home/nav/pricing.gif') no-repeat scroll left top;height:17px;width:142px;}


/********************************************************* 
	Job Questions
**********************************************************/
#JobQuestionResponseList  {margin-top: 10px;}
#JobQuestionResponseList div  {margin: 10px 0;}
#JobQuestionResponseList div div  {margin: 0;}
#JobQuestionResponseList .question div  {color: #909;font-weight: bold;}
#JobQuestionResponseList .job-seeker-answer div,
#JobQuestionResponseList .your-answer div  {font-weight: bold;}
#JobQuestionResponseList .your-answer  {padding-bottom: 5px;margin-bottom: 15px;border-bottom: 1px solid #999;}


/********************************************************* 
	Form Styles
**********************************************************/
.FieldGroup {border-top: 1px solid #AFB19C;margin-bottom: 20px;padding-top: 15px;}
.Field {position: relative;height: 55px;width: 100%;border-top: 0px solid #AFB19C;margin: 15px 0 10px 0;}
.Field h1 {position: relative;height: 40px;width: 215px;margin: 0;text-align: center;background: url("/App_Themes/Default/Images/Forms/Btn-Pill-Bg.jpg") no-repeat top left;padding: 10px 10px 0 0;float: left;}
.Field h2 {color: black;font-size: 12px;font-weight: normal;margin: 0;padding: 10px 0;}
.Field .note {color: red;font-weight: normal;}
.Field h1 a {display: block;color: black;font-size: 12px;font-weight: bold;text-decoration: none;height: 40px;width: 215px;margin: 0;padding: 0;}
.Field h1 a:link {}
.Field h1 a:visited {}
.Field h1 a:hover {}
.FieldGroup div {clear: both;padding: 6px 10px 10px 0px;}
.FieldHeader {clear: both;display: block;font-size: 12px;font-weight: bold;padding-bottom: 4px;padding-top: 15px;border-bottom: solid 1px #9e9e9e;}
.FormFieldInline {display: inline;}
.FormField {margin: 0px;padding: 5px 0px 5px 0px;clear: both;}
.FormField label {display: block;padding: 4px 10px 0px 0px;}
.FormField label.LeftLabel {float: left; text-align: right;width: 150px;}
.FormField label.TopLabel {float: none;text-align: left;padding: 4px 0px 0px 0px;width:auto !important;white-space:nowrap;}
.FormField .Label {font-weight: bold;}
.FormField span.ReadOnlyText {display: block;float: left;padding: 4px 0px 0px 0px;}
.ExcludeField FormField {background-color: Black;color: White;font-weight: bold;}
.FormField input.ReadOnly {background: #f0f0f0;border: 1px solid #666;color: #666;}
.FormField textarea.ReadOnly {background: #f0f0f0;border: 1px solid #666;color: #666;}
.FieldValue {display: block;float: left; padding: 6px 10px 10px 6px;text-align: Left;width: 320px;height: auto;}
.field-msg {color:#666;font-size: 10px;vertical-align: top;}
.FormField a, #sample_job_descriptions {font-size: 10px; font-weight: bold; color: #850A81;}
#sample_job_descriptions { position: relative; top: -22px; left: 250px;	}
.red-field-msgs .field-msg { color: #FF0000; font-weight: bold !important; }
.SubmitButton {background-color: #FFFF00;margin-left: 165px;}
.CommandButtons {padding-top: 10px;padding-left: 160px;padding-bottom: 8px;border: solid 1px #6e6e6e;background-color: #9f9f9f;}
.CommandBackground {padding-top: 10px;padding-left: 10px;padding-right: 10px;padding-bottom: 8px;border: solid 1px #6e6e6e;background-color: #9f9f9f;}
.CommandButtons .CancelButton {margin-left: 48px;}
.Required {color: #cc0000;font-weight: bold;}
.FormField .Validator, .FormField .ValidatorFormat {color: #cc0000;font-size:10px;vertical-align: top;}
.FormField .ValidatorFormat {display:block;}
.FormBox {background:#f2f2f2;border:1px solid #ccc;padding:15px 25px 15px 25px;}
.FormFieldIndentLeft {margin: 0px 0px 0px 160px;}
.FormFieldIndentTop {margin: auto !important;white-space:nowrap;}
div.Checkbox {background:#fff;border:1px solid #ccc;padding:1px;}
div.Checkbox input {vertical-align: middle;}
div.Checkbox label {display:inline;}
.FormField .Fields {background:#fff;border:1px solid #ccc;padding:4px;}
.FieldError {background-color:#FFDDDD;border-color: #DF8F8F #cc0000 #cc0000 #DF8F8F !important;}
.FormBox .FormField input.ReadOnly {background:#fff;border-color: #ccc #999 #999 #ccc;border-style: solid;border-width: 1px;color: #666;padding: 2px 4px 2px 4px;}
.FormField .Fields label {display: inline !important;}
.FormField .Fields .job-category-checkbox {font-size:11px;}
.FormField .Fields h2 {font-size:12px !important;}

.job-category-checkbox {display:block;cursor:hand;}
.job-category-checkbox.True { background: url(Images/Icons/x.png) no-repeat; margin-left:4px;}
.job-category-checkbox.True label {display:block; padding-left: 16px;cursor:hand;}
.job-category-checkbox.True input { position: absolute; left: -9999px; }

.job-category-remove
{
	background: url(Images/Icons/x.png) no-repeat;
	display: block; 
	color: #000;	
	margin: 1px 0px 1px 4px;
	padding-left: 16px;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
}



.CalendarImage {vertical-align:bottom;}
.FormField .RadioButton label {display: inline;float: none; text-align:left;}
.FieldSpacer {margin-bottom: 10px;}
.SelectButton {padding: 4px;}
.TextBox {margin-top: 0px;}
.DropDownList {margin: 1px 0px 1px 0px;}
.ReadOnlyTotal {border: 0px;font-weight: bold;text-align: right;width: 75px;}


/* Wizard Styles */
.WizardContent {}
.WizardButton {background-color: #FFFF00;}



/********************************************************* 
	CheckSelect Styles
**********************************************************/
.checkselect, .removeselect  {background: #fff;border: 1px inset #ccc;width: 220px;height: 150px;overflow-y: scroll;padding: 0px;margin-bottom: 20px;}
.readonlyselect {background: #f0f0f0;border: 1px solid #666;color: #666; width: 220px;height: 150px;overflow-y: scroll;padding: 0px;margin-bottom: 20px;}
.checkselect label {display: block;float: none !important;margin: 0px !important;padding: 0px !important;padding-top: 2px !important;text-align: left !important;width: auto !important;}
.checkselect input {clear: both;display: block;float: left;margin-left: 0px !important; margin-right: 5px !important;}
.checkselect td {padding: 2px 2px 2px 10px;}
.checkselect td:hover {background: #ccc;}
.select-all, .remove-all {padding: 10px 10px 5px 10px;}
.removeselect div  {padding-top: 6px;padding-left: 10px;clear: both;}
.removeselect div a  {clear: both;display: block;float: left;margin-right: 5px;}
.removeselect div span {display: block;float: left;width: 168px;padding-bottom: 1px;}
.checkselect div a, .removeselect div a {text-decoration: none;font-size: 10px;color: #666666;cursor:pointer;}
.checkselect div a:hover,
.removeselect div a:hover {color: red;text-decoration: underline;}


.ApplicantQuestions  {color: Red;}
.ApplicantQuestions span {display: block;color: black;margin-bottom: 10px;}
.ApplicantQuestions li {margin-bottom: 25px;}


/********************************************************* 
	Form Field Tip Styles
**********************************************************/
.TipContainer {border: solid #6e6e6e 1px;background-color: white;position: absolute;z-index: 99999;display: block;width: 160px;padding: 6px;}
div.TipContainerMenu {width: 50px;float: right}
a.TipContainerCloseButton {text-decoration: none;font-size: 9px;font-weight: bolder;color: Black;float: right;padding-left: 4px;padding-bottom: 4px;}
div.TipContainerContent {width: 300px;display: inline;}








/********************************************************* 
	Calendar Styles
**********************************************************/
div.calendar { position: relative; }
.calendar, .calendar table {border: 1px solid #bdb2bf;font-size: 11px;color: #000000;cursor: default;background: url("Images/JsCalendar/normal-bg.gif");background-color: #e0e0e0;font-family: "trebuchet ms",verdana,tahoma,sans-serif;}
.calendar {border-color: #797979;}
.calendar .button {text-align: center;padding: 2px; background: url("Images/JsCalendar/title-bg.gif") repeat-x 0 100%;color: #000000;font-weight: bold;}
.calendar .nav {font-family: verdana,tahoma,sans-serif;}
.calendar .nav div {background: transparent url("Images/JsCalendar/menuarrow.gif") no-repeat 100% 100%;}
.calendar thead tr {background: url("Images/JsCalendar/title-bg.gif") repeat-x 0 100%;background-color: #c8c8c8;color: #000000;}
.calendar thead .title {font-weight: bold;text-align: center;padding: 2px;background: url("Images/JsCalendar/title-bg.gif") repeat-x 0 100%;color: #000000;}
.calendar thead .name {border-bottom: 1px solid #797979;padding: 2px;text-align: center;color: #000000;}
.calendar thead .weekend {color: #c44c44;}
.calendar thead .hilite {background: url("Images/JsCalendar/hover-bg.gif");border-bottom: 1px solid #797979;padding: 2px 2px 1px 2px;}
.calendar thead .active {color: #FFFFFF;padding: 3px 1px 0px 3px;border-bottom: 1px solid #797979;background-color: #e0e0e0;}
.calendar thead .daynames {background: url("Images/JsCalendar/dark-bg.gif");background-color: #e0e0e0;}
.calendar tbody .day {font-family: verdana,tahoma,sans-serif;width: 2em;color: #000000;text-align: right;padding: 2px 4px 2px 2px;background-color: #e0e0e0;}
.calendar tbody .day.othermonth {font-size: 80%;color: #999999;}
.calendar tbody .day.othermonth.oweekend {color: #f99f99;}
.calendar table .wn {padding: 2px 3px 2px 2px;border-right: 1px solid #797979;background: url("Images/JsCalendar/dark-bg.gif");background-color: #e0e0e0;}
.calendar tbody .rowhilite td, .calendar tbody .rowhilite td.wn {background: url("Images/JsCalendar/rowhover-bg.gif");background-color: #e0e0e0;}
.calendar tbody td.today  {font-weight: bold; background-color: Yellow;border: solid 0.5px black;}
.calendar tbody td.hilite {background: url("Images/JsCalendar/hover-bg.gif");padding: 1px 3px 1px 1px;border: 1px solid #bbb;}
.calendar tbody td.active {padding: 2px 2px 0px 2px;}
.calendar tbody td.weekend {color: #c44c44;}
.calendar tbody td.selected {font-weight: bold;border: 1px solid #797979;padding: 1px 3px 1px 1px;background: url("Images/JsCalendar/active-bg.gif"); color: #f1f1f1;background-color: #c6bfac;}
.calendar tbody .disabled  {color: #999999;}
.calendar tbody .emptycell {visibility: hidden;}
.calendar tbody .emptyrow {display: none;}
.calendar tfoot .footrow {text-align: center;background: #b4b4b4;color: #ffffff;}
.calendar tfoot .ttip {padding: 2px;background: url("Images/JsCalendar/status-bg.gif") repeat-x 0 0;color: #000000;}
.calendar tfoot .hilite {background: #afaafa;border: 1px solid #084084;color: #000000;padding: 1px;}
.calendar tfoot .active {background: #7c7c7c;padding: 2px 0px 0px 2px;}
.calendar .combo {position: absolute;display: none;top: 0px;left: 0px;width: 4em;cursor: default;border-width: 0 1px 1px 1px;border-style: solid;border-color: #797979;background: url("Images/JsCalendar/normal-bg.gif");background-color: #e0e0e0;color: #000000;z-index: 100;font-size: 90%;}
.calendar .combo .label,
.calendar .combo .label-IEfix {text-align: center;padding: 1px;}
.calendar .combo .label-IEfix {width: 4em;}
.calendar .combo .hilite {background: url("Images/JsCalendar/hover-bg.gif");color: #000000;}
.calendar .combo .active {background: url("Images/JsCalendar/active-bg.gif");color: #ffffff;font-weight: bold;}
.calendar td.time {border-top: 1px solid #797979;padding: 1px 0px;text-align: center;background: url("Images/JsCalendar/dark-bg.gif");}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {padding: 0px 5px 0px 6px;font-weight: bold;background: url("Images/JsCalendar/normal-bg.gif");color: #000000;}
.calendar td.time .hour,
.calendar td.time .minute {font-family: monospace;}
.calendar td.time .ampm {text-align: center;}
.calendar td.time .colon {padding: 0px 2px 0px 3px;font-weight: bold;}
.calendar td.time span.hilite {background: url("Images/JsCalendar/hover-bg.gif");color: #000000;}
.calendar td.time span.active {background: url("Images/JsCalendar/active-bg.gif");color: #ffffff;}

.career-tools { background-color: #990099; }

#main_table .spacer { display: none; }

.topnavigation-cell { padding: 0 !important; }


/*************************
	affiliate site styles
*/
.affiliate-site
{
	background: #fff !important;
}

.affiliate-site #page
{
	border: 1px solid #666;
	background: #fff;
	margin: 0px;
	width: 1000px;
}

.affiliate-site #page_inner
{
	border: 0px;
	background: #fff;
	width: 1000px;
}

.affiliate-site #hd_left
{
	width: 260px;	
}
.affiliate-site #hd_right
{
	display: none;	
}
.affiliate-site #hd_center
{
	float: right;
	padding: 0px;
	width: 730px;
}
.affiliate-site #hd_bottom
{
	clear: both;
	padding-top: 8px;
}
.affiliate-site #below_ft
{
	border-top: 1px solid #ccc;
	background: #f0f0f0;
}