/*
Jobswhite - a theme for the job board application jobberBase - http://www.jobberbase.com
Theme is licensed under Creative Commons (CC BY S.A) - Read at http://creativecommons.org/licenses/by-sa/2.0/

Version of stylesheet: 0.1.1
Last date of update: 8/11/2009 - 1:00 PM
URL of Jobswhite: http://code.google.com/p/jobswhite/

Developed by CSS WITH COLOUR (http://www.csswithcolour.com) - Frontend Development Agency
*/
@import url("class.css");

body { background:#F9F9F9 url(../images/bg.png) repeat-x; font-family:Arial, sans-serif; font-size:12px; }

a:link { color:#2685A5; font-weight:bold; text-decoration:none; }
a:visited { color:#2685A5; font-weight:bold; text-decoration:none; }
a:hover {  text-decoration:underline; }
a:active { color:#888; }
a img { border:0; }
h2 { color:#777; font-size:15px; font-weight:bold; }
h3 { color:#777; font-size:14px; font-weight:bold; }
h4 { color:#777; font-size:13px; font-weight:bold; }
p { color:#666; }
ul { color:#666; line-height:20px; }
ul li { list-style-position:inside; margin:0 0 5px 0; }
ol { list-style-position:inside; color:#666; line-height:20px; }
ol li { list-style-position:inside; margin:0 0 5px 0; }
pre { color:#222; font-size:11px; }
hr { margin:20px 0; width:100%; height:1px; border:0; background:#CCC; }

#container { width:960px; margin:50px 0 0 50px; }

#header { width:960px; margin:0 0 40px 0; }
#header #logo { float:left; margin:0 55px 0 0; width:182px; height:52px; }
#header #search { float:left; margin:8px 0 0 0; }
#header #search h2 { float:left; margin:8px 40px 0 0; color:#666; font-size:16px; font-weight:bold; }
#header #search form#search_form { float:left; padding:5px 5px 5px 6px; width:334px; height:25px; background:url(../images/bg_search.png) no-repeat; }
#header #search form#search_form input.ipt-keywords { border:0; padding:3px; margin:0 0 0 22px; width:240px; height:18px; font-size:12px; color:#999; text-align:left; }
#header #search form#search_form input.btt-submit { border:0; background:none; font-size:12px; color:#FFF; font-weight:bold; }
#header #menu { float:left; margin:6px 0 0 50px; }
#header #menu ul li { display:inline; list-style:none; margin:0 5px 0 5px; }
#header #menu ul li a { text-decoration:none; }
#header #menu ul li a:hover { text-decoration:underline; }

#jobs-type { width:787px; height:20px; }
#jobs-type ul { padding:0; }
#jobs-type ul li { float:left; margin:0; display:block; list-style:none; }
#jobs-type ul li a { font-weight:bold; color:#888; text-decoration:none; padding:5px 15px 5px 0; margin:0 15px 0 0; background:url(../images/bg_separator.png) no-repeat center right; }
#jobs-type ul li a:hover { text-decoration:underline; }
#jobs-type ul li.selected a { color:#222; text-decoration:underline; }

#page { width:960px; }
#page #left { float:left; background:#FFF url(../images/bg-page-border.png) repeat-x top left; border:1px solid #CCC; width:785px; }
#page #left .padding { padding:50px; }
#page #left .listing { border-bottom:1px solid #CCC; margin:0 0 40px 0; padding:0 0 20px 0; }
#page #left .listing .listing-type { float:left; width:150px; }
#page #left .listing .listing-type h2 { font-size:13px; }
#page #left .listing .listing-jobs { float:right; width:500px; }
#page #left .listing .listing-jobs p { margin:0 0 20px 0; color:#666; }
#page #left .listing .listing-jobs p a { font-weight:bold; text-decoration:none; color:#2685A5; }
#page #left .listing .listing-jobs p a:hover { text-decoration:underline; }
#page #left .listing .listing-jobs a.job-title { font-size:13px; }
#page #left .listing .listing-jobs div.listing-jobs-job { display:block; }
#page #left .listing .listing-jobs div.listing-jobs-job span.job-type { float:left; }
#page #left .listing .listing-jobs div.listing-jobs-job p.job-details { width:380px; display:block; float:left; }
#page #left .listing .listing-jobs div.listing-jobs-job div.job-date { display:block; float:right; font-weight:normal; color:#777; }

#page #right { float:right; width:150px; }
#page #right #social-media { margin:0 0 20px 0; }
#page #right #social-media a { padding:0 0 0 5px; }
#page #right #social-media img { position:relative; top:4px; }
#page #right ul { padding:0; margin:0 0 20px 0; }
#page #right ul li { color:#999; margin:0; }
#page #right ul li a { font-weight:normal; }
#page #right h4 { font-size:12px; border-bottom:1px dotted #CCC; }
#page #right #stats { line-height:25px; color:#666; }

/* H2 Styles */
h2.search-results { background:#FEEEEE; }
h2.spotlight-jobs { background:url(../images/ico-spotlight-jobs.png) no-repeat center left; padding:0 0 0 30px; }
h2.page-title { font-size:25px; margin:0 0 20px 0; }

/* Jobs types and Date Posted */
span.job-type { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:1px 4px; margin:0 15px 0 0; font-size:11px; color:#FFF; }
span.job-type.fulltime { background:green; }
span.job-type.parttime { background:purple; }
span.job-type.freelance { background:orange; }
span.job-date { font-size:12px; }

/* Only display */
#sort-by-type { margin:0 0 80px 0; text-align:right; color:#999; }
#sort-by-type a { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:1px 4px; margin:0 0 0 4px; font-size:11px; color:#FFF; font-weight:normal; }
#sort-by-type a.fulltime { background:green; }
#sort-by-type a.parttime { background:purple; }
#sort-by-type a.freelance { background:orange; }


/* JOB page */
#job {}
#job #job-status { padding:10px; color:#666; font-weight:bold; }
#job #job .status-ok { background:#FFE; }
#job #job .status-no { background:#FFE; }
#job #job-title { margin:20px 0 20px 0; }
#job #job-title h2 { float:left; font-size:25px; }
#job #job-title p { padding:0 0 0 31px; color:#999; font-size:11px; }
#job #job-title #job-applications { float:right; background:#FFF; font-weight:normal; padding:5px; }
#job #job-title #job-applications p { color:#555; text-align:center; font-size:11px; font-weight:normal; margin:0; padding:0; }
#job #job-description { line-height:22px; color:#555; margin:30px 0; }
#job #job-apply-now { text-align:right; background:#f9f9f9; padding:15px 20px 10px 15px; margin:20px 0; }
#job #job-apply-now p a { background:url(../images/ico-apply-now.png) no-repeat center left; padding:0 0 0 20px; }
#job form#frm-apply-online table { width:100%; }
#job form#frm-apply-online table td { vertical-align:top; border:0; }
#job form#frm-apply-online table tr.alt { background:#FFF; }
#job form#frm-apply-online table tr.apply { font-size:11px; text-align:right; }
#job form#frm-apply-online table td .suggestion { font-size:11px; margin:5px 0 0 0; }
#job-footer { border-top:1px solid #CCC; background:#FFF; padding:25px 0 0 0; }
#job-footer-details { float:left; }
#job-footer-details p.back-to-category { background:url(../images/ico-back-to-category.png) no-repeat center left; padding:0 0 0 20px; }
#job-footer-details p.back-to-category a { color:#666; font-weight:bold; }
#job-footer-details p.report-fake { background:url(../images/ico-report-fake.png) no-repeat center left; padding:0 0 0 20px; }
#job-footer-details p.report-fake a { color:#666; font-weight:bold; }
#job-footer-details p.recommend { background:url(../images/arr-recommend-friend-down.png) no-repeat center left; padding:0 0 0 20px; }
#job-footer-info { float:right; color:#666; text-align:right; font-size:11px; }
#job-footer #send-to-friend table { width:100%; background:#F1F1F8; }
#job-footer #send-to-friend table tr.submit { text-align:right; }


/* Post a job */
#post-job {}
#post-job .post-job-steps { padding:10px; background:#FFE; font-size:12px; font-weight:bold; color:#999; }
#post-job .post-job-steps .active { color:#222; background:url(../images/arr-step-next.png) no-repeat center left; padding:0 0 0 20px; }
#post-job .post-job-steps #step-1 { float:left; width:280px; }
#post-job .post-job-steps #step-2 { float:left; }
#post-job .post-job-steps #step-3 { float:right; }
#post-job form#publish_form { margin:20px 0 20px 0; }
#post-job form#publish_form legend { font-size:20px; margin:0 0 5px 0; }
#post-job form#publish_form legend.ttl-job-details { background:url(../images/ico-post-job-job-details.png) no-repeat center left; padding:0 0 0 25px; }
#post-job form#publish_form legend.ttl-hiring-company { background:url(../images/ico-post-job-hiring-company.png) no-repeat center left; padding:0 0 0 25px; }
#post-job form#publish_form table td { vertical-align:top; border:0; padding:10px 0; }
#post-job form#publish_form table .suggestion { margin:10px 0; text-align:right; }
#post-job form#publish_form table .suggestion a { font-size:12px; color:#555; background:url(../images/ico-textile-suggestions.png) no-repeat center left; padding:0 0 0 20px; }
#post-job form#publish_form table #textile-suggestions { margin:10px 0 0 0; background:#F8F8F8; }
#post-job form#publish_form table #textile-suggestions table { width:93%; font-size:11px; }
#post-job form#publish_form table #textile-suggestions table tr.odd { font-size:13px; background:#EEE; }
#post-job form#publish_form table #textile-suggestions table td { padding:5px; }
#post-job form#publish_form table #location_outside_ro { margin:10px 0; background:#EEE; padding:10px; font-size:12px; }
#post-job form#publish_form table #location_outside_ro .suggestion { text-align:left !important; padding:4px 0 0 47px; color:#999; }
#post-job form#publish_form fieldset.allow-online { color:#444; padding:5px 5px 10px 10px; background:#F7F7F7; }
#post-job form#publish_form fieldset.allow-online input#apply_online { position:relative; top:2px; right:5px; }
#post-job form#publish_form fieldset.job-details table { margin:20px; }
#post-job form#publish_form fieldset.job-details table td { padding:10px; color:#333; }
#post-job form#publish_form fieldset.hiring-company table { margin:20px; }
#post-job form#publish_form fieldset.hiring-company table td { padding:10px; color:#333; }
#post-job form#publish_form fieldset.verify-post { border-top:1px solid #CCC; margin:10px 0 0 0; padding:10px 0; color:#333; }
#post-job form#publish_form fieldset.verify-post .floatleft { color:#777; font-size:11px; }
#post-job form#publish_form fieldset.captcha #recaptcha_widget_div { margin:20px;  }
#post-job form#publish_form fieldset.submit { margin:35px 0 0 0; text-align:right; }
#post-job .job-posted-status-ok { font-size:14px; color:#555; }



/* FOOTER */
#footer { margin:0 0 20px 0; font-size:12px; color:#777; width:787px; }
#footer #columns { border:1px solid #CCC; border-top:0; background:#FCFCFC; padding:25px 30px; margin:0 0 20px 0; line-height:18px; font-size:12px; font-weight:bold; }
#footer #columns a { font-weight:normal; color:#888; font-size:12px; }
#footer #columns .column-one { float:left; width:300px; }
#footer #columns .column-two { float:left; width:300px; }
#footer #columns .column-three { float:right; }
#footer p.copyright { font-size:11px; font-weight:normal; color:#999; }
#footer p.copyright a { text-decoration:underline; font-size:11px; font-weight:normal; color:#999; }

@media all and (-webkit-min-device-pixel-ratio:0) {
form#search_form input.ipt-keywords { width:235px; }
form#search_form input.btt-submit { margin:0 0 0 5px; }
}