/* Reset */
html{
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background-color: #757678;
	color: #646464;
	height: 100%;
	font-family: Tahoma, Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	text-align: center;
}

div {
	margin: 0;
	padding: 0;
	border: 0;
}
a {
	color: #759abb;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: none; }

table {
	border-spacing: 0;
}

table td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

ul, input, form, fieldset {
	margin: 0;
	padding: 0;
}

.red {
	color: #AF6385;
}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}
strong{font-weight:bold}
pre, code{font-family:Courier,Arial,sans-serif; background:#eaeaea; padding:5px; white-space:normal}
em{font-style:italic}
/* The default styling starts */
div#skip{display:none}

div#topcon{
	background-color: #FFF;
	background-image: url(../img/header.jpg);
	background-position: right;
	background-repeat: no-repeat;
	clear: both;
	height: 206px;
	margin: 0;
	top: 0;
	width: 100%;
}
#topcon2 {
	background-color: transparent;
	background-image: url(../img/topbg.png);
	background-position: bottom;
	background-repeat: repeat-x;
	clear: both;
	height: 206px;
	width: 100%;
}
div#header{
	height: 206px;
	margin: 0 auto;
	top: 0;
	width: 906px;
}
div#header div#logo{
	background-image: url(../img/jobboard_logo.png);
	background-repeat: no-repeat;
	background-position: 30px 40px;
	height: 149px;
	width: 321px;
	clear: none;
}
div#header div#logo a{}
div#header ul#top{}
div#header ul#top li{}
div#the_feed{
	float: right;
}
div#tomainsite{
	float: right;
}
div#box{
	background-color: #CECFD1;
	clear: both;
	min-height: 227px;
	margin: 0;
	width: 100%;
}
div#box2 {
	min-height: 227px;
	margin: 0 auto;
	width: 904px;
}
div#box div#search{
	background-image: url(../img/main_small_background.jpg);
	clear: right;
	float: right;
	height: 105px;
	width: 452px;
}
div#box div#addJob{
	background-image: url(../img/main_small_background.jpg);
	clear: left;
	float: left;
	height: 105px;
	width: 452px;
}

div#box div#searchHP, div#box div#addJobHP{
	background-image: url(../img/main_background.jpg);
	height: 335px;
	text-align: left;
	width: 452px;
}

div#box div#searchHP{
	clear: right;
	float: right;
}
div#box div#addJobHP{
	clear: left;
	float: left;
}

div#addJobHP p, div#addJobHP h2, div#addJobHP h4, div#searchHP p, div#searchHP h2, div#searchHP h4{
	margin-left: 40px;
	font-weight: normal;
}

div#addJobHP p, div#searchHP p {
	font-size: 13px;
	padding: 0 40px 6px 20px;
}

div#addJobHP h4, div#searchHP h4 {
	font-size: 24px;
	padding-top: 30px;
}

div#addJobHP h2, div#searchHP h2 {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 5px;
	padding-top: 0;
}

#addJob a.add {
	background-image: url(../img/btn_up.png);
	background-repeat: repeat-x;
	color: #FFF;
	display: block;
	font-size: 16px;
	font-weight: bold;
	height: 39px;
	line-height: 39px;
	margin: 33px auto;
	text-transform: uppercase;
	width: 211px;
}
#addJob a.add:hover{
	background-image: url(../img/btn_dn.png);
	text-decoration: none;
}

#addJobHP a.add {
	background-image: url(../img/btn_up.png);
	background-repeat: repeat-x;
	color: #FFF;
	display: block;
	font-size: 16px;
	font-weight: bold;
	height: 39px;
	line-height: 39px;
	margin-left: 60px;
	text-align: center;
	text-transform: uppercase;
	width: 211px;
}
#addJobHP a.add:hover{
	background-image: url(../img/btn_dn.png);
	text-decoration: none;
}
table.searchtable{
	margin-top: 33px;
}

div#searchHP input#keywords {
	background-color: #FFF;
	border: 1px solid #CCC;
	border-right: none;
	color:#759abb;
	font-size: 14px;
	height: 37px;
	line-height: 37px;
	margin-left: 60px;
	padding-left: 10px;
	width: 164px;
}

div#latestJobs{
	background-image: url(../img/latest_job_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
	color: #FFF;
	height: 121px;
	line-height: 1.5em;
	margin: 0 auto;
	width: 904px;
}

div#latestJobs a{
	color: #DCC395;
	text-transform: capitalize;
}

div#latestJobs a:hover{
	color: #646464;
}
div.latestJobs {
	padding: 20px 20px 20px 432px;
	text-align: left;
}
div.latestJobs span{
}

div#allJobs {
	color: #FFF;
	float: right;
}

div#allJobs a {
	color: #FFF;
	text-transform: lowercase;
	font-weight: bold;
}

div#allJobs a:hover {
	color: #FFF;
	text-decoration: underline;
}

div#box div#search table.searchtable{
	margin: 33px auto;
	vertical-align: top;
}

div#box div#search input#keywords {
	background-color: #FFF;
	border: 1px solid #CCC;
	border-right: none;
	color:#759abb;
	font-size: 14px;
	height: 37px;
	line-height: 37px;
	padding-left: 10px;
	width: 164px;
}

.btn_search{
	background-color: transparent;
	background-image: url(../img/search_up.jpg);
	background-repeat: no-repeat;
	border: 0 none;
	height: 39px;
	width: 47px;
}

.btn_search:hover{
	background-image: url(../img/search_dn.jpg);
}

div#box .addJob{position:absolute; right:17px; top:28px}
div#box .addJob a.add{display:block; width:182px; height:53px; text-indent:-1000em; background:url(../img/bt-post.png) no-repeat 0 0}
div#box .addJob a.add:hover{background:url(../img/bt-post.png) no-repeat -182px 0}
div#promo{margin-top:10px}
div#promo a:hover{background:#fff}
.search_results_label{color:#888; background-color:transparent; font-size:1.1em}
#other_results span{float:right}

#maincon {
	background-color: #757678;
	background-image: url(../img/bodybg.jpg);
	background-repeat: repeat-x;
	clear: both;
	margin: 0;
	padding:  0;
	text-align: left;
	width: 100%;
}

#mainsection {
	background-color: #FFF;
	clear: both;
	min-height: 365px;
	margin: 0 auto;
	width: 906px;
}



#content{
	padding: 40px 20px 60px 60px;
	width: 570px;
}
#content p{margin:0 0 10px 0; padding:0}
#content a{}
#content a:hover{}
#content ol{margin:0 0 0 17px}
#content ul{list-style-type:disc; margin-left:17px}
div#categs-nav{background:#759ABB; float:left; width:950px; padding-bottom:6px; margin-top:25px; font-size:11px}
div#categs-nav ul{background:#fff; float:left; width:950px;list-style-type:none; margin:0; padding:0}
div#categs-nav ul li{background:white; float:left; padding-right:6px}
div#categs-nav ul li a{display:block; background:#eee url(../img/sd_left.gif) no-repeat 0 0; background-position:0 -75px;padding:4px 0px 4px 6px;float:left; text-decoration:none; color:#333 !important; position:relative; outline:none}
div#categs-nav ul li a:hover{background-position:0 0px; color:#fff !important}
div#categs-nav ul li.selected a{background-position:0 0px; color:#fff !important}
div#categs-nav ul li a span{display:block; float:left;padding-left:12px; cursor:pointer; font-size:14px; padding-top:4px}
div#categs-nav ul li a span.cnr{display:block; background:url(../img/sd_right.gif) no-repeat right 0; background-position:right -75px;float:left; position:relative; top:-4px}
div#categs-nav ul li a:hover span.cnr{background-position:right 0px; cursor:pointer}
div#categs-nav ul li.selected a span.cnr{background-position:right 0px; cursor:pointer}
#sitemap-1, #sitemap-2, #sitemap-3 {float:left; display:inline; width:200px}
#sitemap-2, #sitemap-3 {margin-left:30px}
.posted-ok, .posted-pending{
	background:#F7F7F7;
	color: #646464; 
	padding: 20px;
}
#sidebar{
	color:#777777;
	font-size:11px;
	float:right;
	padding: 40px 0 0 0;
	width:175px;
}
#sidebar a{}
#sidebar a:hover{}
#sidebar h4{font-size:14px; margin:10px 0 3px 0; font-weight:bold}
#sidebar h4 a{font-size:14px; text-decoration:underline}
#sidebar ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#stats{color:#777; font-size:11px}
div.cities{
	border-bottom: 1px dotted #CFCFCF;
	border-top: 1px dotted #CFCFCF;
	padding-left: 8px;
}
#ideas h3{margin:0 0 5px 0}
#ideas ul{margin:0; padding:0; list-style-type:none}
#ideas ul li{margin-bottom:5px}
.info{color:#888}
#btmfix {
	background-image: url(../img/bgfooter.jpg);
	background-repeat: no-repeat;
	clear: both;
	height: 267px;
	margin: 0 auto;
	width: 906px;
}

#btmsm {
	clear: both;
	color: #FFF;
	font-size: 11px;
	min-height: 175px;
	height: 175px;
	margin: 0 auto;
	padding-top: 30px;
	text-align: left;
	width: 570px;
}

#btmsm div a{
	color: #FFF;
}

#btmsm div strong a{
	font-weight: bold;
}

#footer {
	clear: both;
	color: #BBB;
	left: auto;
	line-height: 1em;
	margin: 10px auto 0;
	text-align: center;
	width: 906px;
}

#footer table {
	display: inline;
}

#footer a{
	color: #BBB;
}
#footer-contents{width:950px; margin:0 auto; text-align:left}
#footer-copyright{float:right}
#footer-col1, #footer-col2, #footer-col3, #footer-col4{float:left; display:inline;}
#footer-col1{width:120px}
#footer-col2{margin-left:50px; width:220px}
#footer-col2 ul{
	float: left;
	list-style-type: none;
	width: 100px;
}
#footer-col2 ul li{
	width: 100px;
}
#footer-col2 ul.rightul {
	float: left;
	margin-left: 20px;
}
#footer-col3{margin-left:50px; width:130px}
#footer-col4{margin-left:30px; width:360px}
#partners{margin-top:13px}
#partners ul{list-style-type:none}
#partners ul li{float:left; margin-right:12px}
.validation-error{color:red}
input.error, textarea.error{border:1px solid red !important}
.validation-failure{color:red; background-color:#ffd0d6; padding:5px}
.apply-status-ok{color:#090; background-color:#dfFFda; padding:5px; margin-bottom:7px}
#no-ads{color:#555; margin-top:10px}
.suggestionTop{color:#666; font-size:11px; float:right; width:250px}
.suggestion{color:#777; font-size:11px}
.left{float:left; display:inline}
.right{float:right; display:inline}
.clear{clear:both; height: 0;}
.error{color:#f00}
#job-listings{
	width: 618px;
}
#job-details{
	margin:0;
	padding:10px 0;
	width: 650px;
}
#job-details h2{
	margin:0 0 10px 0;
	color: #DCC395;
	font-weight:normal;
	font-size:26px;
	line-height:1.2em;
	text-transform: capitalize;
}
#job-details .label{color:#555; font-weight:bold}
#job-details .fading{color:#aaa}
#job-details ul{margin:0 0 10px 15px; list-style-type:disc}
#job-bottom{background-color:#f0f0f0; padding:2px; font-size:14px; height:50px}
#number-views{float:right; display:inline; font-size:11px; color:#777}
#job-post-utils{float:left; display:inline; font-size:11px; color:#888}
#apply_online_now{font-size:14px; margin-bottom:7px; text-align: center;}
#apply_online_now a{
	background-image: url(../img/btn_up.png);
	background-repeat: repeat-x;
	color: #FFF;
	display: block;
	font-size: 16px;
	height: 39px;
	line-height: 39px;
	padding: 0 auto;
	text-transform: uppercase;
	width: 211px;
}
#apply_online_now a:hover{
	background-color: transparent;
	background-image: url(../img/btn_dn.png);
	text-decoration: none;
}


#old-ad{margin-bottom:10px; padding:5px; color:#f20}
span.la{color:#888}
#step-1, #step-2, #step-3, input#submit {
	background-image: url(../img/btn_27_up.png);
	background-repeat: repeat-x;
	color: #FFF;
	display:inline;
	float:left;
	font-weight: bold;
	height: 27px;
	line-height: 27px;
	margin-right: 10px;
	text-align: center;
	width: 145px;
}
#step-1:hover, #step-2:hover, #step-3:hover, input#submit:hover {
	background-image: url(../img/btn_27_dn.png);
}
.step-active{color:#777!important}
#publish_form fieldset, #promo_form fieldset{background-color:#f5f5f5; border:1px solid #ccc; margin:0 0 5px 0; padding:10px}
#publish_form fieldset legend{font-weight:bold; color:#555; font-size:12px}
#publish_form input, #publish_form textarea, #frm-send-to-friend input, #frm-send-edit-link input, #apply-online input, #apply-online textarea, #promo_form input{border:1px solid #ccc; padding:5px; font-size:12px; font-family:Helvetica,Arial,sans-serif}
#publish_form input:focus, #search input:hover, #publish_form textarea:focus, #search textarea:hover, #frm-send-to-friend input:focus, #frm-send-to-friend input:hover, #frm-send-edit-link input:focus, #frm-send-edit-link input:hover, #apply-online input:focus, #apply-online input:hover, #apply-online textarea:focus, #apply-online textarea:hover, #promo_form input:focus, #promo_form input:hover{}
#publish_form input#submit, #send-to-friend input#submit, #frm-send-edit-link input#submit, #apply-online input#submit, #promo_form input#submit{background-color:#759ABB; color:#fff; cursor:pointer;}
#publish_form input#submit:hover, #send-to-friend input#submit:hover, #apply-online input#submit:hover, #promo_form input#submit:hover{background-color:#0ae}
#publish_form label.small{color:#555; font-size:12px}
#publish_form input.no-border{border:0}
td.publish-label{width:100px}
fieldset.hidden{display:none}
td.register-label{width:120px}
#apply-online{background-color:#f6f6f6; padding:10px; width:735px}
#feed-me{text-align:right; font-size:14px; margin:15px 0 5px 0}
#feed-me a:link, #feed-me a:visited{color:#759ABB}
#feed-me a:hover{background:#fff; color:#759ABB; text-decoration:none}
#search_form fieldset{border:0; margin:0; padding:0}
code{font-size:12px}
#send-to-friend{background-color:#f6f6f6; padding:3px; width:749px}
#send-to-friend table{font-size:12px !important}
td.send-to-friend-address-label{width:90px}
.big{width:61px; height:61px; line-height:61px; font-size:20px}
.small{width:45px; height:45px; font-weight:bold; font-size:16px; line-height:45px}
#accordion-list h4{cursor:pointer;text-decoration:underline}
fieldset.no-border{border:0; padding:0}
div.ok-response{color:green}
div.not-ok-response{color:red}
#location_outside_ro{margin-top:5px}
#small-link a{font-size:11px}
#job-description{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:10px 0 10px 0;
}
#job-description ul{
	list-style-type: none;
}
#job-description ul li:before {
	content: "\002D \0020";
}

.desc {
	font-weight: bold;
	line-height: 2em;
	text-transform: uppercase;
}
/* TYPOGRAPHY */
h2{font-size:14px; margin:10px 0 7px 0; font-weight:bold}
h2 a{text-decoration:underline; font-weight:normal}
h3, #job-listings h2{font-size:14px; margin:10px 0 7px 0; font-weight:bold}
h3.steps, div.steps{margin:0; padding:2px 5px 5px 8px; background:transparent url(../img/header-bg.png) no-repeat left; font-weight:normal; color:#9AD4FF; font-size:14px; height:22px}
h3.page-heading, div.page-heading{display:block; margin:0 0 7px 0; padding:2px 5px 5px 8px; font-weight:normal; color:#fff; font-size:16px; height:22px; background:transparent url(../img/header-bg.png) no-repeat left}
h3.page-heading span{font-size:12px}
h3.page-heading a:link, h3.page-heading a:visited, div.page-heading a:link, div.page-heading a:visited{color:#fff !important}
h3.page-heading a:hover, div.page-heading a:hover{background-color:#fff !important; color:#759ABB !important}
h4{font-size:16px; margin:12px 0 3px 0}
#status{color:#090; background-color:#dfFFda; padding:5px 0 2px 5px}
.highlight_keyword{background-color:#ff8}
/* recpatcha */
.recaptchatable .recaptcha_image_cell, #recaptcha_table{background-color:#e1e1e1 !important}
#recaptcha_table{border-color:#f5f5f5 !important}
#recaptcha_response_field{border-color:#ccc !important; background-color:#fff !important}
#recaptcha_instructions{font-size:12px}
#sort-by-type{float:right; font-size:11px; color:#888; margin-right: 2px;}
div#sort-by-type a:hover{background:#fff}
#applied-to-job{float:right; background:url(../img/bg-applied.png) no-repeat; color:#333; font-size:20px; width:60px; height:58px; text-align:center; padding:4px 0 0 0}
#applied-to-job p{font-size:11px}
/* tag heights */
.company-tag-1{font-size:12px}
.company-tag-2{font-size:14px}
.company-tag-3{font-size:16px}
.company-tag-4{font-size:18px}
.company-tag-5{font-size:20px}
.company-tag-6{font-size:24px}
#textile-suggestions table{margin-top:5px; width:80%; font-size:11px}
#textile-suggestions table th{border-bottom:2px solid #bbb; font-weight:bold}
#textile-suggestions table td{border-bottom:1px solid #ccc}
/* paginator */
#job-listings .current_page{font-weight:bold; border:1px solid #ccc; padding:1px 2px 1px 2px}
/* Job loops */
.row {
	background-color:#F7F7F7;
}

.row-spot {background-color:#fffad4; border:1px solid #ddd; margin-top:-1px;}
.row, .row-alt , .row-spot{ padding:8px; width:600px; height:20px}
.row-info{
	float:left;
	height:20px;
	overflow: hidden;
	width:530px;
}
.row-info a{
	color: #bca780;
	text-transform: capitalize;
}
.row-info a:hover{
	color: #646464;
}
.time-posted {font-size:11px; color:#888888; float:right; padding-right:5px;}
.spotlight-image {background-image:url(../img/icon-spotlight.png); background-repeat:no-repeat; margin:4px; height:11px; width:77px; float:right; padding-right:5px;}
