/*
 Colors to watch out for:
 1. Nav background and text color
 2. Feature header background and text color
 
 Other variables:
 * Center or left align page {Possible values: ["0 auto", "0", "0 20px 0 0"]}
 * Page width -> funny stuff starts happening with widths less that 920px
*/

body {
	background-color: #FFF;
}

td { border-color: black !important }
table#feature-container {	border-left: 1px solid black}
a, a:link, a:hover, a:visited, a:active { color: black }

/* -- TABS -- START */

#job-seeker-tab, #employer-tab {
  font-weight:bold;
  padding-bottom:0;
  text-align:center;
  line-height: 18px;
  vertical-align: middle;
}
#job-seeker-tab {
	height: inherit;
  width: inherit;
	background: none;
}
#employer-tab {
	height: inherit;
	width: inherit;
	background: none;
}
#job-seeker-tab a, #employer-tab a,
#job-seeker-tab span, #employer-tab span {
  display: inline;
}

/* -- TABS -- END */

.topnavigation-cell {
  text-align: left;
  border: 1px solid black;
}
.topnavigation-cell table {
	width: 100%;
	padding: 0 30px;
}
.topnavigation-cell table td{
	padding: 0;
}

.topnavigation-cell, .topnavigation-cell td a {
  text-align: center;
}
.topnavigation-cell td {height: 23px;}
.topnavigation-cell td a,
.topnavigation-cell td a:link, .topnavigation-cell td a:hover,
.topnavigation-cell td a:visited, .topnavigation-cell td a:active {
  margin: 0px;
  border: none;
	font-size: 11px;
}
.bg {background-color: #FFF;}

.default td.featureheader, .default td.featureheaderemp {
  border: 1px solid black;
  border-left: none;
  width: 31%;
}
td.featureheader, td.featureheaderemp {
	border: 1px solid black;
	border-width: 1px 1px 0 1px;
}
td.featureheader td, td.featureheaderemp td { border: none }
.default td.featureheaderemp { border-left: none }

td.bodyheaderbgleftjs, td.bodyheaderbgindexjs, td.bodyheaderbgrightjs {
	height: 20px;
	vertical-align: middle;
}

table.bodyborder td.strong {padding: 4px; border-color: red;}

td.feature, td.vertical_spacer {
  border-width: 0 1px 0 0;
  border-right: 1px solid black;
}
td.featurefooter { border-width: 0 1px 0 0 }
td.featurebottom {
  border-width: 1px 1px 1px 0px;
  border-top: 1px solid black;
}
#HomePageHeader { display: none }
.featurefooter a, .featurebottom a { text-decoration: underline !important }
.spacer, .content-padding-cell, .percent_spacer { display: none }
.bodyborder {
  border: 1px solid black;
}
.bodyborder .bodyborder {border: none}
.bodyborder .bodyborder .bodyborder {border: 1px solid;}
#feature-container td.bodyborder {border-width: 0 1px 0 0;}
.bodyborder input, .bodyborder select { margin: 5px;}
/*table.bodyborder input {width: 80% !important}*/


.keywords-search-input
{
	width: 95%;
}

.job-category-dropdown, .metro-area-dropdown
{
	width:97%;
}

.af-job-head
{
	width: 33% !important;
}	

table#tblJobs, {
	width: 97%;
}

.afcompanies td, .search-results td
{
	padding: 0 !important;
}

td.bodyheaderbg {
	padding: 0px;
}

.bs {	
	display: none;
	background-color: #000 !important;
}

.bs-nav, td.bs-nav
{
	background-color: #000 !important;
	width: 1px !important;
	padding: 0;
}

.input-field {
	width: 95%;
}
li {
	margin-left: 4em;
	margin-bottom: 1em;
}

.default-featured-jobs-cell 
{
	background: none;
}


/* -- RANDOM JUNK -- */
.bodyheaderbgrightjs {border: 1px solid #000; border-width: 1px 1px 0 0 }
.bodyborderleft2, .bodyborderindex2, .bodyborderright2 {
	border: 1px solid #000;
	/*border-width: 1px 0 0 0; commented out for sign in page */
	padding-top: 5px;
}
.jobseekers-default .bodyborderleft2, .jobseekers-default .bodyborderindex2, .jobseekers-default .bodyborderright2 {
	border-width: 1px 0 0 0;
}
td.bodytextborder {
	border: 1px solid #000;
	width: 80% !important;
}
td.bodytextborder table {width: 96% !important} /* IE 6 hack */
td.bodytextborder > table {width: 100% !important}

.af-admin
{
	width: 175px;
	border: 1px solid black;
	border-bottom-width: 0;
}
.af-admin div
{
	border-bottom: 1px solid black;
	margin: 0;
	padding: 4px 0 0 0;
}

.af-admin div, .af-admin div a
{
	width: 165px;
	height: 20px;
	display: block;
	text-decoration:none;
}

.af-admin div a
{
	margin-left: 10px;
}

.af-admin h1
{
	height: 20px;
	background-color: #ccc;
	color: #000000;
	text-transform: uppercase;
	font-size: 11px;
	margin: 0;
}

#affiliate_admin_mystats tbody td.count
{
	width: 15%;
}

.admin-alternating-row td
{
	background-color: #ECECEC;
}


/* Single pixel border */
.border { border: 1px solid #000000;}

/* Table cell padding throughout site (netscape fix) */
.padding { padding: 4px 8px; font-size: 10px;}

/* Table cell padding with bold text */
.paddingb { padding: 4px 8px; font-size: 10px; font-weight: bold;}

/* Bold purple text */
.purplestrong { font-weight: bold; color: #000000; }


.no-border
{
	border-width: 0 !important;
}

.right-border
{
	border: 1px solid black;
	border-width: 0 1px 0 0 !important;
}

.default-featured-jobs-cell table td
{
	padding: 5px 10px;
}

table.noem, .noem td{

	padding: 0 !important;
}
.topnavigation-cell .first {
	padding: 0 15px;
}

table#product-container td {
	padding: inherit;
	padding-right: 0;
	border-color: inherit;
}
table#product-container td.RegionBox {
	padding: 10px 0 0 10px;
}
table#product-container table td {
	padding: 0;
}
table#product-container input.sale-price {
	width: 60px;
	text-align: right;
}
table#product-container input, table#product-container select {
	margin: 2px;
}
table#product-container div.pu {
	background-color: transparent;
}
/*
table#product-container td.ProductBox {
	margin-right: 80px;
}
table#product-container tr>td.ProductBox {
	margin-right: 10px;
}
*/
table#product-container {
	border-right: 1px solid #333;
}
table#product-container a.learn-more {
	margin-right: 15px;
}

.jobseeker-home-jman-bg {
	background-image: none;
}

.career-tools {
	background-color: #E5E5E5 !important;
	color: #000;
	border: 1px solid #000;
	border-bottom-width: 0;
}

.left-padding-col, .left-padding-col img
{
	display: none;
}





/* State SEO Styles */

body.state-seo
{
	text-align: center;
	background-color: #ffffff;
}

body.state-seo, body.state-seo P, body.state-seo TD, body.state-seo DIV, body.state-seo SPAN, body.state-seo .text
{
	font-size: 11px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Text in form parameters */
body.state-seo OPTION,body.state-seo INPUT,body.state-seo TEXTAREA,body.state-seo .state-seo SELECT
{ font: 12px Arial, Helvetica, sans-serif; }

body.state-seo .bg
{
	background-color: #ffffff;
	width: 889px;

	margin-left: auto;
	margin-right: auto;

	text-align: left;
}

body.state-seo .smalltext { font-size: 10px; }

body.state-seo .bodyheaderbgindex
{
	background-color: #9AD428;
	font-weight: bold;
	color: #333333;
	border: 1px solid #747474;
	border-bottom-width: 0;
	font-size: 11px;
}

/* Header background, font style and border for middle panel of Job Seeker and Jobdango home page */
body.state-seo .bodyheaderbgindex
{
	background-color: #9AD428;
	font-weight: bold;
	color: #333333;
	border: 1px solid #747474;
	border-bottom-width: 0;
	font-size: 11px;
}

body.state-seo .topnavigation-cell
{
	height: 16px !important;
}
body.state-seo .topnavigation, body.state-seo a.topnavigation, body.state-seo a.topnavigation:link, body.state-seo a.topnavigation:hover, body.state-seo a.topnavigation:active, body.state-seo a.topnavigation:visited
{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}

body.state-seo .bodyheaderbg
{
	background-color: #9ac127;
	color: #ffffff;
	font-weight: bold;
	border-bottom: 1px solid #747474;
	padding: 5px 0;
}

body.state-seo table.three-col-datalist
{
	border-width: 0px;
}

body.state-seo .three-col-datalist td
{
	width: 33%;
	text-align:left;
}


body.state-seo .bodyborder
{
	border: 1px solid #747474;
	background-color: #FFFFFF;
}


body.state-seo .navbar
{
	background-color:#9ac127;
	border: 1px solid #000;
}

body.state-seo #navigation_table
{
	border-collapse: collapse;
	border: 1px solid #000;
}

body.state-seo #navigation_table td
{
	border-width: 0;	
}

body.state-seo .topnavigation-cell
{
	border-width: 0;
}

body.state-seo .bodysubheaderbg
{
	font-weight: bold;
}

.strong { font-weight: bold; }

/* Controls font style */
body.state-seo .navbartext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#ffffff;}
body.state-seo a.navbartext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#ffffff; text-decoration: none;}
body.state-seo a.navbartext:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#ffffff; text-decoration: none;}
body.state-seo a.navbartext:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#ffffff; text-decoration: none;}
body.state-seo a.navbartext:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#ffffff; text-decoration: none;}
body.state-seo a.navbartext:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#ffffff; text-decoration: none;}