@import url("master.css"); 

body {background:#C53625;} /* FIX IE HEADERBAR MENU THINGO */

#wrapper { width:100%;  background: url(jobseekr/header_bg.png) repeat-x;}

.header-logo {display:inline;position:absolute;top:12px; left:-20px;}

.header h1 a { color: #000; text-decoration: none; }
.header p { background: #F8F8F8; border: solid 10px #F8F8F8; color: #000; font-size: 14px; margin: 0px; }
.header_right a { font-size:10px; color:#666 }

/* .header-nav {color:#fff;float:left;margin-left:20px; margin-top:5px;} 1024 wants 20px margin-left*/
.header-nav {color:#fff;width:980px;margin:auto;background: url(jobseekr/topbarbg.jpg) repeat-x scroll center top;} 
.header-nav a {color:yellow;}
.header-nav a:hover {color:white;text-decoration: none;}

.header-nav .right {font-size:11px;}

#header {background: transparent; margin-top:0px; height:119px;}

#nav li ul li { border-bottom:1px solid #EEEEEE; border-width:0 1px 1px; background:#F8F8F8 }

#catnav {background:#fff;}
#catnav a { padding: 5px 10px; display: block; text-decoration: none; color: #005870; z-index:100 }
#catnav li.current-cat a { background-color:#eee; display:block; padding:5px 10px; color:red; }
#catnav li a:hover { background: #E3E3E3; }
#catnav li ul li { border-bottom:1px solid #EEEEEE; border-width:0 1px 1px; background:#FFFFFF }

/*.topbar { border-bottom: solid 20px #ecd078;  background: url(jobseekr/topbarbg.jpg) repeat-x center top; margin: 0; padding: 5px 0 20px 0; }*/

.topbar { border-bottom: solid 20px #ECC448;  background: url(jobseekr/topbarbg.jpg) repeat-x center top; margin: -12px 0 0 0; padding: 5px 0 20px 0; }

.search { width: 404px; height: 49px; background: url(jobseekr/searchbg.jpg) no-repeat center top; float: left; }
.postbutton { float: right; width: 231px; background: url(jobseekr/postbuton.jpg) no-repeat center top; display: block; font-size: 17px; color: #ffffff; text-decoration: none; text-align: center; padding: 12px 0 16px 0; outline: none; }

.breadcrumb {background: #fff;height:16px;margin-bottom:0px;padding:3px 0 3px 3px;}

#container {background:  #ecd078 url(jobseekr/bg.jpg) repeat-x top left; min-height:800px;}
.content {margin-top:0px; border:10px solid #F0D993;}
#ad-toggle a:hover {color:red;}

.cat-item {background: #eee;border:1px solid #ddd;}


.main { border: solid 20px #EEEEEE; }
.ins { background: #EEEEEE; }

.listing .head {font-size: 14px; color: #ffffff; padding: 10px 0 13px 0; background: url(jobseekr/headbg.jpg); text-shadow:#eee; }
.listing .head .name {width:510px;}
.listing {border-top:30px solid #fff;}
.item {width:510px;}

.list div a { text-decoration: none; color: #666666;  }
.list div.no { background: #F8F8F8; }
.list div.no:hover,.list div.alt:hover, #sticky:hover { background-color: #EBF2F8; }
.list div.alt { background: #EEEEEE; }
.list .location a:hover {color:red;}

.footer { border: solid 10px #f0d993; background: #EEEEEE; width: 980px; margin: 20px auto 0px auto; color: #666666; }
.footer li a { color: #666666; text-decoration: none;padding:5px;margin:3px;}
.footer li a:hover {
	color:yellow;
	background:red;
}
.footer ul {	padding:5px;margin:10px;
	background:white;}

.footer ul li {
	padding:5px;margin:3px;
}

.footer .right {padding-right:40px;}

.footer p{
	margin:10px;
}

.left .title h2 { font-size: 28px; font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif; font-weight: bold; line-height: 30px; width: 600px; float: left; color: #666666; }
.left .title .prices { background: #304B6E; float: right; max-width:150px; padding: 15px; line-height: 30px; font-size: 35px; font-family: 'Arial', 'Trebuchet MS', 'Verdana'; color: #ffffff;}
.left .product h3 { font-size: 17px; font-weight: bold; line-height: 17px; font-family: 'Arial', 'Trebuchet MS', 'Verdana'; color: #586B70; border-bottom: solid 1px #DDDDDD; padding-bottom: 5px; clear:both; }

.ins .right { width: 270px; float: right; border: solid 15px #DDDDDD; background: #DDDDDD; }
.ins .right h2 { color:#666666; font-family:Arial,Verdana; font-size:17px; font-weight:bold; margin:0; padding:7px 0; text-align:center; border-bottom:1px solid #CCCCCC; }
.ins .right h1 { color:#666666; font-family:'Arial','Trebuchet MS','Verdana'; font-size:22px; font-weight:bold; margin:0; padding:7px 0; border-bottom:1px solid #CCCCCC; }

.classform { background: #EEEEEE; padding: 20px; width: 940px; margin: 0px auto 0;border:10px solid #F0D993; }
.classform .adfields { border: solid 1px #CCCCCC; padding: 5px; margin-bottom: 10px; }
.classform select { margin-bottom: 10px; padding: 5px; border: solid 1px #CCCCCC; width:200px; }
.classform input.postit { border: solid #ffffff; padding:5px; font-size: 17px; color: #ffffff; background: #304B6E; cursor: pointer; }
input.lbutton { background:#304B6E none repeat scroll 0 0; border:none; font-weight:bold; color:#FFFFFF; cursor:pointer; font-size:13px; padding:5px; }

.button2 { background: url(jobseekr/post-now.jpg) top center no-repeat; width:148px; height:41px; }

.post_head_button { background: url(jobseekr/post-now.jpg) top center no-repeat; width:148px; height:41px; }
.next_post_link { background: url(jobseekr/next.jpg) top center no-repeat; width:119px; height:33px; }
.previous_post_link{background:url(jobseekr/back.jpg) top center no-repeat; width:119px; height:33px}

.email_form{color:#375158;}
.email_form a{font-size:17px; font-family:'Arial','Trebuchet MS','Verdana',sans-serif; background:url(jobseekr/email.png) 35px 3px no-repeat; font-weight:bold; display:block; text-decoration:none; text-align:center; color:#666}
.email_form input{margin-bottom:5px; background-color:#EEE; border:1px #ccc solid; padding:2px 5px; width:228px}
.email_form textarea{margin-bottom:5px; background-color:#EEE; border:1px #ccc solid; padding:5px; width:228px; height:150px}
#email_form_data {padding:0 0 10px 15px;}
input.email_captcha{vertical-align:middle; width:30px; text-align:center; border:1px #DF0005 solid; padding:2px}

.like_input{margin-bottom:5px; background-color:#EEE; border:1px #ccc solid; padding:3px 5px; width:228px}

.register_button_img{background:url(jobseekr/register.jpg) top center no-repeat; width:87px; height:17px}

.right h3 {margin:0; padding:7px 0; text-align:left; font-family:Arial,Verdana; font-weight:bold; font-size:17px; color:red; border-bottom:1px solid #CCCCCC;}

.subnav{padding:5px 10px; background-color:#eee; font-size:16px;}

.post_now_box{width:148px; margin:0 auto; font-weight:bold; font-size:15px; font-family:"Trebuchet MS"; text-align:left}

/* ************* JOBS ****************/

.company-details { margin-top: -5px; margin-bottom:10px; width:560px;float:left; background:#F7F7ED url(../images/company-details-bg.png)  repeat-y;}
.company-details big { display: block; line-height: 20px;}
.company-details { font-size: 12px; border-left: solid 10px #F7F7ED; border-right: solid 10px #F7F7ED; border-top:none; border-bottom:none;color: #666; line-height:18px; padding:10px 0 10px 0;}
.company-details small { font-size: 11px; }
.company-details big {  font-size: 15px; color: #686358; text-decoration: none; line-height: 18px; }
.company-details big a { color: #232220; text-decoration: none; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; letter-spacing: -1px; font-size: 18px; }
.company-details-right {width:260px; float:right; margin:2px;padding:2px 2px 2px 10px;height:100%;}
.company-details-left{width:270px; float:left; margin:2px;padding:2px;height:100%;}
.joblocation {padding-left:20px;background:url(../images/map.png) no-repeat scroll 0 60%;}

.job-details h3 {margin: 20px 0 0 0; }
.job-details { clear:both;}
.job-details p { line-height: 20px;}
.jobprovince {font-size: 20px; font-weight: bold; letter-spacing: -1px; 	}
.joblist-title {text-decoration:none; font-weight:normal;font-size:16px;margin-bottom:3px;font-variant: small-caps;}




.fl, .ft, .pt { font-family:Arial, Helvetica, sans-serif; width: 66px; text-align: center; color: #ffffff; font-size: 9px; letter-spacing: 0.3px;  text-transform: uppercase; line-height: 11px; padding:1px 3px; display:inline;}
.fl { background: url(jobseekr/freelance.gif); }
.ft { background: url(jobseekr/fulltime.gif); }
.pt { background: url(jobseekr/parttime.gif); }
.list #old .fl, #jobs .list #old .ft, #jobs .list #old .pt { background: url(jobseekr/oldbg.gif); }

.metabox {padding-left:15px;padding-top:10px;padding-bottom:5px;}
div#company{background:url(../images/information.png) no-repeat scroll 0 60%; padding-left:20px; padding-right:5px; float:left; display:block; font-weight:normal; text-transform:none; color:#6D8F98; font-family: 'Helvetica Neue', 'Helvetica','Arial','Verdana'}
.switch {background:#fff;float:right; padding:5px 15px 5px 0; margin-bottom:10px;}
.searchresulttitle {text-align:left;background-color:white;font-size:18px;padding:10px;font-style:normal;}
.cat_image { display: block;float: left;width: 50px;height: 60px; }
.cat_image img { margin-left:5px; margin-top:5px; border:0px; }
.sidebar_box ul li {background:transparent;}
div#location{background:url(../images/map.png) no-repeat scroll 0 60%;}

.left_form {
	padding-left:5px;
	width:500px;
}

.right_form {
	position:relative;
	left:-160px;
}

/* tpl_steps */

#page-content .ins .left {
	background-color: white; padding:10px;float:left;
width:600px;
}

#page-content .ins .right {
background:#ddd none repeat scroll 0 0;
border:15px solid #ddd;
float:right;
width:270px;}


#page-content .product_steps { overflow:hidden; height:100%; border-bottom:1px dashed #ddd; padding-bottom:15px; margin-bottom:15px; }
#content .product_steps h3 { border:none; margin-bottom:3px; }

#page-content .pleft { width:100px; font-size:82px; text-align:center;  float:left; background:#eee; border:1px solid #ddd; color:#bbb; margin-top:6px;   }
#page-content .pright	{ width:460px; float:right; padding:3px 0 0 15px; border-left:2px solid #fff;   overflow:hidden; height:100%; }

#page-content h1.pagetitle {
border-bottom:1px solid #CCCCCC;
color:#CC0000;
}

#page-content h1.pagetitle {
font-size:20px;
font-weight:bold;
margin:0 0 8px;
padding:0;
}
#page-content h3 {
border-bottom:1px solid #CCCCCC;
color:#333333;
}

#page-content h3 {
border-bottom:1px dashed #DDDDDD;
color:#CC0000;
}

#page-content h3 {
font-size:18px;
font-weight:normal;
margin:0 0 15px;
padding:0;
}

#page-content .pright {
border-left:2px solid #FFFFFF;
float:right;
height:100%;
overflow:hidden;
padding:3px 0 0 15px;
width:460px;
}

#page-content .imgright {
float:right;
margin:0 0 12px 12px;
padding:3px;
}

#page-content .imgright {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
}


/* Style for hints: form elements are within  definition lists */
dl {
	font:normal 12px/15px Arial;
    position: relative;
    width: 250px;
}
dt {
    clear: both;
    float:left;
   /* width: 130px; original */
	 width: 400px; 
    padding: 4px 0 2px 20px;
    text-align: left;
	background: url(../images/icon-question.png) center left no-repeat;
}
dd {
    float: left;
	 /* width: 200px; original */
	 width:400px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}


/* Job postform hints to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -390px;
    width: 200px;
    margin-top: -5px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the images/pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffffcc url(jobseekr/pointer.gif) no-repeat -10px 5px;
	 z-index: 1000;
}

.textareahint {
	   	display: none;
    position: absolute;
    right: -390px;
    width: 200px;
    margin-top: -5px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffffcc url(jobseekr/pointer.gif) no-repeat -10px 5px;
	 	 z-index: 1000;
}

/* The pointer image is added by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(jobseekr/pointer.gif) left top no-repeat;
	 	 z-index: 1000;
}

.textareahint .textareahint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(jobseekr/pointer.gif) left top no-repeat;
	 	 z-index: 1000;
}

/* Rightcolumn hints */

.hint-rightcol {
   	display: none;
    position: absolute;
    right: 250px;
    width: 200px;
    margin-top: -5px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the images/pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffffcc url(jobseekr/pointer-right.gif) no-repeat 230px 5px;
}


/* The pointer image is added by using another span */
.hint-rightcol .hint-pointer-rightcol {
    position: absolute;
    right: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(jobseekr/pointer-right.gif) right top no-repeat;
}




textarea:focus, input:focus {
	 border: 1px solid #990000;
	background: #ffffcc;
}

div#mail{background:url(../images/email.png) no-repeat scroll 0 60%; padding-left:20px; padding-right:5px; float:left; display:block; font-weight:normal; text-transform:none; color:#6D8F98; font-family:'Trebuchet Ms','Arial','Verdana'}

#globalfooter { 
margin:10px 0 10px 40px;
padding:20px;
width:860px;}

hr {color:#eee;  height:1px; border: 1px solid #eee;}

#morejobsnote {background:#EEEEEE;padding:5px 0px 5px 10px;color:red;}
span.requiredspan {color:red;font-weight:bold;font-size:18px;}