/*

	WEB SITE COLOR PALETTE
	
	grey: #333333 & #666666
	green: #99CC66
	red: #C00
		
*/


/* RESET */

html, body, div, li, dl, dt, dd, pre, form, input { 
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, fieldset {
	margin: 0 0 .5em 0;	
	padding: 0;
}

ul, ol {
	margin: 0 0 10px 15px;
	padding: 0;
}

img {
	border: none;
}

table {
	border-collapse: collapse;
}


/* BASE */
body {
	background: #454545 url("/images/body_bg.gif") repeat-x 0 0;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;	
	padding: 0;
}

hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.PageH1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #000000;
	margin: 0 0 .5em 0;	
	padding: 0;
}

h1 {
	font-size: 19px;
}

h2 {
	font-size: 17px;
}

h3 {
	font-size: 15px;
}

h4 {
	font-size: 13px;
}

h5 {
	font-size: 11px;
}

h6 {
	font-size: 9px;
}

td {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

th {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

input, select, textarea {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

a {
	color: #C00;
	text-decoration: underline;
}

a:hover {
	color: #C00;
	text-decoration: underline;
}

small {
	font-size: 10px;	
}


/* POPUP */

body.PopupPage {
	background: #FFFFFF none;
	padding: 10px 20px;
}


/* FOOTER */

p#AboutJobsCopyright {
	color: #CCC;
	font-size: 10px;
	margin: 0;
	padding: 30px 0 10px 0;
	text-align: center;
}

p#AboutJobsNetworkMenu {
	color: #FFF;
	font-size: 10px;
	line-height: 20px;
	text-align: center;
}

p#AboutJobsNetworkMenu a,
p#AboutJobsNetworkMenu a:hover {
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}


/* PAGE HEAD */

div#PageHead {
	background-color: #FFF;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
}

div#StageHead {
	background-color: #FFF;
	height: 75px;
	margin: 0 auto;
	padding: 0 200px 0 0;
	position: relative;
	width: 780px;
}

img#HeadLogo {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}

img#AboutJobsNetwork {
	display: block;
	position: absolute;
	right: 15px;
	top: 10px;
}

div#HeadMenu {
	position: absolute;
	right: 195px;
	bottom: 15px;
	width: 500px;
}

	body.AdminPage div#HeadMenu {
		right: 12px !important;
	}

div#HeadMenu ul.ListMenu {
	float: right;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

div#HeadMenu ul.ListMenu li {
	display: block;
	float: left;
}

div#HeadMenu ul.ListMenu li a {
	color: #666;
	display: block;
	font-weight: bold;
	margin: 0 2px;
	padding: 0 3px;
	text-decoration: none;
	white-space: nowrap;
}

div#HeadMenu ul.ListMenu li a:hover {
	color: #000;
}



/* PAGE BODY */

div#PageBody {
	position: absolute;
	top: 75px;
	width: 100%;
	z-index: 3;
}

div#StageBody {
        margin: 0 auto;
        width: 980px;
        position: relative;
        background: url(/images/content_bg.gif) repeat-y center 0;
        overflow: hidden;
        padding-bottom: 20px;
}

div#PageBody.ThreeColumn div#StageBody {
        background: none;
        padding-bottom: 0;
}

div#PageBody.EmployersPage div#StageBody {
        background: none;
        padding-bottom: 0;
}

body.AdminPage div#StageBody {
        background: none;
        padding-bottom: 0;
}



/* LEFT MARGIN */

div#MarginLt {
	float: left;
	width: 180px;
	padding-top: 20px;
}
	
div#MarginLt div.MarginMenu {
	position: relative;
	margin: -10px 0 0 0;
}

div#MarginLt a {
	text-decoration: none;
}

div#MarginLt ul.ListMenu {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0 0 10px 0;
}

div#MarginLt ul.ListMenu li {}

div#MarginLt ul.ListMenu a {
	display: block;
	line-height: 14px;
	margin: -10px 0 0 0;
	padding: 3px 10px 12px 10px;
	position: relative;
	width: 160px;
}
	
div#MarginLt div.MenuHead {
	font: bold 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	height: 38px;
	line-height: 29px;
	margin: 0;
	padding: 0 10px;
	text-transform: uppercase;
	white-space: nowrap;
}
	
div#MarginLt div#JobSeekersMenu div.MenuHead {
	background: url("/images/jobseekers_head_bg.png") no-repeat 0 0;
	behavior: url("/css/iepngfix.htc");
}

div#MarginLt div#EmployersMenu div.MenuHead {
	background: url("/images/employers_head_bg.png") no-repeat 0 0;
	behavior: url("/css/iepngfix.htc");
}

div#MarginLt div#JobSeekersMenu div.MenuHead a {
	color: #FFF;
	text-decoration: none;
}

div#MarginLt div#EmployersMenu div.MenuHead a {
	color: #333333;
	text-decoration: none;
}

div#MarginLt div.ToolsMenu {
	font-size: 12px;
}

div#MarginLt div.MenuBody {
	padding: 10px 0 10px 0;
}

	div#JobSeekersMenu div.MenuBody {
		background: #EEE url("/images/jobseekers_body_bg.gif") repeat-y 0 0;
	}

		div.EmployersPage div#JobSeekersMenu div.MenuBody {
			padding: 10px 0 20px 0;
		}
	
	div#EmployersMenu div.MenuBody {
		background: #EEEEEE url("/images/employers_body_bg.gif") repeat-y 0 0;
	}

		div.JobSeekersPage div#EmployersMenu div.MenuBody {
			padding: 10px 0 20px 0;
		}

div#MarginLt p.MenuTeaser {
	margin: -5px 0 0 0;
	padding: 0 10px;
}

div#JobSeekersMenu a {
	color: #333;
	text-decoration: underline;
}

div#JobSeekersMenu ul.ListMenu a {
	text-decoration: none;
}

div#JobSeekersMenu ul.ListMenu a:hover {
	background: url("/images/jobseekers_link_hover_bg.gif") no-repeat 0 0;
	color: #FFF;
}

div#EmployersMenu a {
	color: #666666;
	text-decoration: underline;
}

div#EmployersMenu ul.ListMenu a {
	text-decoration: none;
}

div#EmployersMenu ul.ListMenu a:hover {
	background: url("/images/employers_link_hover_bg.gif") no-repeat 0 0;
	color: #FFF;
}

div#MarginLt div#SponsoredLinksPanelLt div.PanelBody {
	background: url("/images/sponsored_links_body_bg_lt.gif") repeat-y 0 0;
	padding: 5px 10px 20px 10px;
}

div#MarginLt div.PanelHead {
	font: bold 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	height: 38px;
	line-height: 29px;
	margin: 0;
	padding: 0 10px;
	text-transform: uppercase;
	white-space: nowrap;
}

div#MarginLt div#SponsoredLinksPanelLt div.PanelHead {
	background: #EEEEEE url("/images/sponsored_links_head_bg_lt.png") no-repeat 0 0;
	behavior: url("/css/iepngfix.htc");
	color: #333;
}

div#MarginLt div.AdPanel {
	width: 180px;
}

div#MarginLt div.AdPanel img {
	display: block;
	margin: 20px auto;
}


/* MAIN CONTENT */

div#MainContent {
	float: left;
	width: 620px;
}

	body.AdminPage div#MainContent {
		left: 0;
		width: 980px !important;
	}

	div#MainContent.ThreeColumn {
		left: 0;
		width: 980px !important;
	}

	div#MainContent.TwoColumn {
		left: 180px;
		width: 800px; !important;
	}

div#MainContent div.ContentHead {
	background: url("/images/jobseekers_account_bar_bg.png") no-repeat 0 0;
	behavior: url("/css/iepngfix.htc");
	text-align: right;
	color: #ffffff;
	height: 38px;
}

	div#PageBody.EmployersPage div#MainContent div.ContentHead {
		background: url("/images/employers_account_bar_bg.png") no-repeat 0 0;
		behavior: url("/css/iepngfix.htc");
		text-align: right;
		color: #ffffff;
	}

	body.AdminPage div#MainContent div.ContentHead {
		background: url("/images/admin_head_bg.gif") no-repeat 0 0;
		text-align: right;
		color: #ffffff;
	}

	div#MainContent.ThreeColumn div.ContentHead {
		background: url("/images/admin_head_bg.gif") no-repeat 0 0;
	}

	div#PageBody.EmployersPage div#MainContent.TwoColumn div.ContentHead {
		background: url("/images/employers_account_bar_twocolumn_bg.png") no-repeat 0 0;
	}

div#MainContent div.ContentBody {
	background-color: #FFF;
	padding: 10px 15px;
	width: 590px;
}

	body.AdminPage div#MainContent  div.ContentBody {
		background-color: #FFF;
		padding: 10px 15px;
		width: 950px;
	}

	div#MainContent.ThreeColumn div.ContentBody {
		width: 950px;
	}

	div#MainContent.TwoColumn div.ContentBody {
		width: 770px;
	}


div.ContentFoot {
        background: url("/images/foot_bg.png") no-repeat center 0;
        behavior: url("/css/iepngfix.htc");
        margin: 0 auto;
        width: 980px;
}

        body.AdminPage div.ContentFoot {
                background: url("/images/admin_foot_bg.png") no-repeat 0 0;
        }

        div#PageBody.ThreeColumn div.ContentFoot {
                background: url("/images/admin_foot_bg.png") no-repeat 0 0;
        }

        div#PageBody.EmployersPage div.ContentFoot {
                background: url("/images/foot_twocolumn_bg.png") no-repeat 180px 0;
        }



/* RIGHT MARGIN */

div#MarginRt {
	float: left;
	width: 180px;
	padding-top: 20px;
}
	
div#MarginRt div.MarginPanel {
	position: relative;
	margin: -10px 0 0 0;
}

div#MarginRt div#FeatureJobsPanel div.PanelBody {
	background: url("/images/featured_jobs_body_bg.gif") repeat-y 0 0;
	padding: 5px 10px 30px 10px;	/* 10px of bottom padding is overlapped by sponsored links */
}

div#MarginRt div#SponsoredLinksPanelRt div.PanelBody {
	background: url("/images/sponsored_links_body_bg.gif") repeat-y 0 0;
	padding: 5px 10px 20px 10px;
}
	
div#MarginRt div.PanelHead {
	font: bold 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	height: 38px;
	line-height: 29px;
	margin: 0;
	padding: 0 10px;
	text-transform: uppercase;
	white-space: nowrap;
}

div#MarginRt div#FeatureJobsPanel div.PanelHead {
	background: url("/images/featured_jobs_head_bg.png") no-repeat 0 0;
	behavior: url("/css/iepngfix.htc");
	color: #333333;
}

div#MarginRt div#SponsoredLinksPanelRt div.PanelHead {
	background: url("/images/sponsored_links_head_bg.png") no-repeat 0 0;
	behavior: url("/css/iepngfix.htc");
	color: #333;
}

div#MarginRt div.AdPanel {
	width: 180px;
}

div#MarginRt div.AdPanel img {
	display: block;
	margin: 20px auto;
}


/* JOB SEEKER SIGNUP */
	
div.JobSeekerSignUpPanel {
	background: url("/images/become_member_panel.gif") no-repeat 0 0;
	height: 0;
	overflow: hidden;
	padding: 163px 0 0 0;
	position: relative;
	width: 192px;
}

div.JobSeekerSignUpPanel a.SignUpBtn {
	background: url("/images/sign_up_btn.gif") no-repeat 0 0;
	display: block;
	height: 0;
	right: 8px;
	overflow: hidden;
	padding: 34px 0 0 0;
	position: absolute;
	top: 121px;
	width: 127px;
}

div.JobSeekerSignUpPanel a.SignUpBtn:hover {
	background-position: 0 -35px;
}


/* ASSETS */

*.ErrorMsg {
	color: #C00;
	font-weight: bold;
}

div.ClearAll {
	clear: both;
}

input.isDefault {
	color: #999;	
}

div#ColorBackground {
	background: #99CC66 url("/images/color_bg.gif") repeat-x 0 0;
	height: 198px;
	position: absolute;
	top: 123px;
	width: 100%;
	z-index: 1;
}

div#ShadowBackground {
	background: url("/images/shadow_bg.png") no-repeat 0 0;
	behavior: url("/css/iepngfix.htc");
	height: 215px;
	margin: 0 auto;
	width: 992px;
}

h3.EmployerAccount {
	margin: 0;
}

h3.EmployerAccount a {
	background: url("/images/employer_accounts_icon.gif") no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding: 45px 0 0 0;
	width: 196px;
}

h3.EmployerAccount a:hover {
	background-position: 0 -45px;
}

h3.QuickPost {
	margin: 0;
}

h3.QuickPost a {
	background: url("/images/quickpost_icon.gif") no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding: 45px 0 0 0;
	width: 171px;
}

h3.QuickPost a:hover {
	background-position: 0 -45px;
}

a.ActivateAccountBtn {
	background: url("/images/activate_account_btn.gif") no-repeat 0 0;
	display: block;
	height: 0;
	margin: 0 0 0 20px;
	overflow: hidden;
	padding: 34px 0 0 0;
	width: 111px;
}

a.ActivateAccountBtn:hover {
	background-position: 0 -35px;
}

a.QuickPostBtn {
	background: url("/images/quickpost_job_btn.gif") no-repeat 0 0;
	display: block;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding: 34px 0 0 0;
	width: 173px;
}

a.QuickPostBtn:hover {
	background-position: 0 -35px;
}

h3.FeaturedEmployers {
	margin: 10px 0;
}

h3.FeaturedEmployers a {
	background: url("/images/featured_employers_title.gif") no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding: 17px 0 0 0;
	width: 222px;
}

.FeaturedEmployer {
        float: left;
        padding: 10px 10px 20px 10px;
}

/*.FeaturedEmployer {
	display: block;
        float: left;
	padding: 10px 10px 20px 10px;
	width: 28%;
}

.FeaturedEmployer img {
	display: block;
	margin: auto;
}*/


/* PRINT */
@media print {
	body {
		background: #FFF none !important;
	}
}


/* GEOJOBS */

tr.Odd {
	background-color: #EEEEEE;
}

tr.Even {
	background-color: #FFFFFF;
}

.ResultsCount {
	width: 100%;
	padding: 5px 0px;
}

.ResultsPagination {
	float: right;
	text-align: right;
}

table.Results {
	width: 100%;
}

table.Results th,
table.Results td {
	border: solid 1px #FFF;
}

table.Results thead th {
	background-color: #99CC66;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

table.Results th,
table.Results td {
	padding: 5px 10px;
}

.GeojobsJobs .GeojobsJob {
	padding: 5px 0 0 0;
}

.Attribution {
	padding: 5px 0 0 0;
}

.pagination {
	padding: 15px 0 15px 0;
}

.pagination a {
	padding: 3px;
	border: 1px solid #eeeeee;
	text-decoration: none;
}

.pagination a:hover {
	padding: 3px;
	border: 1px solid #99CC66;
	background: #D1EBB6;
	text-decoration: none;
}


.JobApplyLink {
	float: right;
}

div.FeaturedEmployers {
}

div.FeaturedEmployers table tbody tr td {
	padding: 10px;
}

div.GeojobsError {
	color: #CD1041;
	font-weight: bold;
}


div.SessionTrail {
	padding: 5px 15px 5px 0px;
}

div.EmployerHeading {
	text-align: center;
	width: 570px;
	padding: 10px;
}

div.JobHeading {
	clear: both;
	text-align: center;
	width: 570px;
	padding: 10px;
}

h1.JobTitle {
	text-align: center;
	width: 570px;
	padding: 10px;
	font-size: 15px;
	font-weight: bold;
}

div.JobDescription {
	padding: 10px 0px 10px 0px;
}

div.JobRequirements {
	padding: 10px 0px 10px 0px;
}

div.JobHowToApply {
	padding: 10px 0px 10px 0px;
}

div.JobPosted {
	float: left;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	line-height: 18px;
}

div.JobPosted h3 {
	float: left;
	padding: 0px 5px 0px 0px;
	margin: 0px;
	vertical-align: text-bottom;
}

div.Disclaimer {
	clear: both;
}