/* @group  Basic */

* {margin:0; padding:0;}

body {margin:0; padding:0; text-align: center; width:100%; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size:100%; color: #4d622a; background: url(../images/bg-inside.jpg); background-repeat:repeat-x; background-color:#445d24; background-position:top;}

a:link, a:visited {color: #4d622a; text-decoration: none;}

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

img {border:none;}

.r {float:right;}

.l {float:left;}

.clear {clear: both;}

ul {list-style: none; list-style-image: none;list-style-position:outside;}

#wrapper {
	margin: 0px auto;
	width: 1000px;
	background: url(../images/wrapper-3col.gif) repeat-y;
/*	background: none;*/
/*	height: 1020px;*/
	height:auto;
	min-height: 800px;
	/*border-bottom: 1px solid #e3e7df;*/
	clear:both;
	text-align: left;
}

.s40  {width:40px;}
.s50  {width:50px;}
.s70  {width:70px;}
.s80  {width:80px;}
.s90  {width:90px;}
.s100 {width:100px;}
.s120 {width:120px;}
.s130 {width:130px;}
.s140 {width:140px;}
.s150 {width:150px;}
.s170 {width:170px;}
.s200 {width:200px;}
.s230 {width:230px;}
.s250 {width:250px;}
.s300 {width:300px;}
.s350 {width:350px;}

.pc10 {width:10%;}
.pc20 {width:20%;}
.pc30 {width:30%;}
.pc33 {width:33%;}
.pc40 {width:40%;}
.pc50 {width:50%;}
.pc60 {width:60%;}
.pc70 {width:70%;}
.pc80 {width:80%;}
.pc90 {width:90%;}



/* @end */

#lhs {
	float: left;
	background:none;
	width: 342px;
/*	height: 120%;*/
	text-align: left;
	overflow:hidden;	
}

#lhs.white {
	float: left;
	background:none;
	width: 342px;
/*	height: 100%;*/
	text-align: left;
	
}

#lhs p {
	font-size: 11px;
	color: #4d622a;
	text-align: left;
	float: left;
}

h1 {
	font-size: 14px;
	color: #7e5318;
}

h1.special {
	padding-left:70px;
	padding-top:5px;
	font-size: 14px;
	color: #7e5318;
}

h1.search {
	font-size: 18px;
	color: #74a252;
}

h1.brown {
	margin-top: 10px;
	margin-left: 20px;
	font-size: 19px;
	color: #996f36;
	width: 300px;
}



h1.contract {
	margin-top: 10px;
	margin-left: 10px;
	font-size: 18px;
	color: #8c6229;
}

h1.perm {
	margin-top: 10px;
	margin-left: 10px;
	font-size: 18px;
	color: #446fa3;
}

h3 {
	color: #446fa3;
	font-size: 13px;
}
h3.inside {
	color: #446fa3;
	font-size: 13px;
	margin-left: 10px;
}

h2 {
	margin-top: 0px;
	margin-left: 20px;
	font-size: 14px;
	color: #3a6632;
}

h2.job {
	margin-top: 0px;
	margin-left: 20px;
	padding-right: 0px;
	font-size: 14px;
	color: #3a6632;
	/*width: 400px;*/
}

#logo {
	margin-top: 6px;
/*	position:absolute;*/
/*	position:relative ;
	left:5px;
	top:7px;
	z-index:1;
	float: left;*/
	background: url(../images/search-top.gif) 0 70px no-repeat;
	/*float: left;*/
	width: 340px;
}

html > body #logo {
	margin-top: 6px;
	background: url(../images/search-top.gif) 0 70px no-repeat;
	width: 340px;
}

img.logo {
	margin-left: 0px;
}

#searchbox {
	margin-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	background: url(../images/search-inside.gif) no-repeat;
	height:420px;
	width: 320px;
}

html > body #searchbox {
	margin-top: 0px;
	background: url(../images/search-inside.gif) no-repeat;
	height:420px;
	width: 340px;
}

#searchbox select {
	border: 1px solid #e0e0e0;
	color: #68696b;
	font-size: 12px;
}

#searchbox p {
	padding: 8px 0;
}

#searchbox p.title {
	font-size: 13px;
	font-weight: bold;
	color: #74a252;
	padding: 8px 0;
}

#searchbox input.searchbutton {
	color:#fff;
	background: url(../images/search-button.gif) no-repeat;
	border:none;
/*	padding:8px 35px 12px 12px;*/
	width:124px;
	height: 35px;
	cursor: hand;
}

.buttholder {
	margin-top:10px;
	margin-left:90px
}

html>body #myjobs {
	margin-left: 22px;
	margin-bottom: 20px;
	background: #fff;
	width:291px;
	border: 1px solid #9ca889;
	border-top: none;
	height: auto;
	float: left;
}

#myjobs {
	margin-left:22px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	background: #fff;
	width:293px;
	border: 1px solid #9ca889;
	border-top: none;
	/*height: auto;*/
	float:left;
	min-height:150px;
}

#myjobs .jobTable{
width:250px;
}
#myJobs2{
padding-top:5px;
}

html #myjobs {
	margin-left: 6px;
	voice-family: "\"}\""; voice-family:inherit;
	margin-left: 21px;
}

#content-inside #myjobs2 {
 font-size:12px;
 margin:20px 0px 20px 40px;

}
 
/*html #myjobs {
	margin-left: 6px;
	voice-family: "\"}\""; voice-family:inherit;
	margin-left: 11px;
}*/
p.homelink {
	z-index:1;position:relative; top:80; left:245;
}

#myjobs ul {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	list-style:none;
	list-style-position:outside
}


#myjobs ul li {
	background: none;
	padding: 0px 0 0 5px;
	font-size: 12px;
	color: #8c6229;
	/*display: inline; /* this gets rid of the gaps */
}
#myjobs ul li a.myjobtitle {
	background: none;
	padding: 0px 0 0 5px;
	font-size: 12px;
	color: #8c6229;
	/*display: inline;  this gets rid of the gaps */
}

#myjobs ul li a.location {
	padding: 0px 0 2px 27px;
	font-size: 11px;
	color: #446fa3;
	background-image: none;
	display: block; /* this gets rid of the gaps */
}

html > body #myjobs ul li.location {
	padding: 5px 0 6px 25px;
	font-size: 11px;
	color: #446fa3;
	background: none;
	display: block; /* this gets rid of the gaps */
}
 
#myjobs input.updatebutton {
	margin-left: 80px;
	margin-bottom: 10px;
	color:#fff;
	background: url(../images/update-bg.gif) no-repeat;
	border:none;
/*	padding:3px 15px ;*/
	width:79px;
	height: 25px;
	clear: both;
	display: block;
}

#content-inside a.location{
	padding: 0px 0 0px 25px;
	font-size: 11px;
	color: #446fa3;
}
#content-inside a.myjobtitle {
	background: none;
	padding: 0px 0 0px 5px;
	font-size: 12px;
	color: #8c6229;
/*	display: inline; /* this gets rid of the gaps */
}

img.mj {
	margin-left: 21px;
}

#rhs {
	float: left;
	background: none;
	width: 658px;
	height: auto;
	clear: right;
}
#headerTester {
	background:#fff url(../images/header.jpg) no-repeat;
	height:118px;
	width:658px;
	float: right;
}

#header {
	background:#fff url(../images/header.jpg) no-repeat;
	height:118px;
	width:658px;
	float: right;
}

#header0 {
	background:#fff url(../images/header.jpg) no-repeat;
	height:118px;
	width:658px;
	float: right;
}
#header1 {
	background:#fff url(../images/header1.jpg) no-repeat;
	height:118px;
	width:658px;
	float: right;
}
#header2 {
	background:#fff url(../images/header2.jpg) no-repeat;
	height:118px;
	width:658px;
	float: right;
}
#header3 {
	background:#fff url(../images/header3.jpg) no-repeat;
	height:118px;
	width:658px;
	float: right;
}


#header img {
	float: left;
	display: inline;
	margin-right: 2px;
}
#header0 img {
	float: left;
	display: inline;
	margin-right: 2px;
}
#header1 img {
	float: left;
	display: inline;
	margin-right: 2px;
}
#header2 img {
	float: left;
	display: inline;
	margin-right: 2px;
}
#header3 img {
	float: left;
	display: inline;
	margin-right: 2px;
}

.tabs {
	padding-top: 1px;
}

#content-inside p {
	margin-left: 20px;
	padding: 5px 20px;
	line-height: 18px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif ;
	font-size: 13px;
	font-weight: normal;
/*	color: #272827;*/
	color: #666;
}

#content-inside ul.insidelist {
	margin-left: 20px;
	padding: 5px 20px;
	line-height: 18px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif ;
	font-size: 12px;
	font-weight: normal;
	color: #272827;
	list-style:outside disc;
	}
	
#content-inside ul.insidelist li {
padding-left:5px;
}

#content-inside table {
	margin-left: 40px;
	font-size:12px;
}


#content-inside table.formTable {
	margin-left: 20px;
	font-size:12px;
	width:90%;
	margin-right:20px;
	margin-top:20px;
}
#content-inside table.formTable td {
background-color:#F2ECE3;
padding:3px;
}
#content-inside input{
color:#666;
}

#content-inside select{
color:#666;
} 

#content-inside input .button{
color:#000000;
} 

#content-inside table.jobTable{
	margin-left: 40px;
	font-size:12px;
	width:290px;
	margin-right:0px;
	margin-top:10px;
	margin-bottom:10px;
}




#content-inside p.result {
	margin-left: 0px;
	padding: 5px 20px;
	line-height: 18px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif ;
	font-size: 12px;
	font-weight: normal;
}

#content-inside p.note {
	margin-left: 0px;
	padding: 5px 20px;
	line-height: 18px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif ;
	font-size: 10px;
	font-weight: normal;
}

#content-inside {
	background: #fff;
	margin-top: 0px;
	float: left;
	color: #3a6632;
	border-top: 1px solid #172607;
	width:400px;
/*	height: 100%;*/
padding-bottom:40px;
}

#content-inside .jobs {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #dbe2d3;
}

#contractors {
	margin-top: 10px;
	background: url(../images/permanent-bg.gif) no-repeat;
	width: 247px;
	height: 278px;
	float: right;
	margin-right: 2px;
}

#contractors ul {
	margin-top: 10px;
	margin-left: 10px;
	list-style:none;
	list-style-position:outside;
}

html > body #contractors ul {
	margin-top: 10px;
	margin-left: 10px;
		list-style-position:outside;
}


#contractors ul a {
	color: #446fa3;
/*	vertical-align: bottom; /* This fixes the IE5 Win gap! */
}

#contractors ul li {
	background: url(../images/bullet.gif) no-repeat;
	background-position:0px 3px;
	padding: 0px 0 0 20px;
	font-size: 12px;
	color: #446fa3;
/*	display: inline; /* this gets rid of the gaps */
}

html > body #contractors ul li {
	background: url(../images/bullet.gif) no-repeat;
	background-position:0px 3px;
	padding: 0px 0 0 20px;
	font-size: 12px;
	color: #446fa3;
/*	display: inline; /* this gets rid of the gaps */
}

#contractors ul li.location {
	padding: 0px 0 5px 20px;
	font-size: 11px;
	color: #8c6229;
	background: none;
/*	display: block; /* this gets rid of the gaps */
}

html > body #contractors ul li.location {
	padding: 5px 0 10px 20px;
	font-size: 11px;
	color: #8c6229;
	background: none;
  /*  display: block; /* this gets rid of the gaps */
	
}

#contractors ul#show {
	margin-top: 0px;
	padding-right: 10px;
	float: right;
	font-size: 10px;
	color: #446fa3;
	list-style:none;
	list-style-position:outside;
}

#contractors ul#show li {
	background: none;
	color: #446fa3;

}

#contractors ul#show li a {
	background: none;
	color: #446fa3;

}

#permanent {
	margin-top: 10px;
	background: url(../images/permanent-bg.gif) no-repeat;
	width: 247px;
	height: 278px;
	float: right;
	margin-right: 2px;
}
/******************** FOR NOEL ***********/

#permanent ul#show {
	margin-top: 0px;
	padding-right: 10px;
	float: right;
	font-size: 11px;
	color: #446fa3;
}

#permanent ul#show li {
	background: none;
		color: #446fa3;

}

#permanent ul#show li a {
	background: none;
		color: #446fa3;

}
/******************** FOR NOEL ***********/

#news-ticker {
	width:247px;
	height:220px;
	overflow:hidden;
	margin:0px;
}


#permanent ul {
	margin-top: 0px;
	margin-left: 10px;
}

#permanent ul a {
	color: #8c6229;
	  vertical-align: bottom; /* This fixes the IE5 Win gap! */
}

/******************* CHANGES ************************/


#permanent ul#permjobs li {
	background: none;
	padding: 0px 0 0 20px;
	font-size: 12px;
	color: #8c6229;
	display: inline; /* this gets rid of the gaps */


}

#permanent ul#permjobs li.jb {
	background: url(../images/bullet.gif) 0 0% no-repeat;
	padding: 0px 0 0 20px;
	font-size: 12px;
	color: #8c6229;
	display: inline; /* this gets rid of the gaps */


}

#permanent ul#permjobs li.location {
	padding: 0px 0 2px 20px;
	font-size: 11px;
	color: #446fa3;
	background-image: none;
	display: block; /* this gets rid of the gaps */
}

html > body #permanent ul#permjobs li.location {
	padding: 5px 0 6px 20px;
	font-size: 11px;
	color: #446fa3;
	background: none;
	display: block; /* this gets rid of the gaps */
}

/******************* CHANGES ************************/




/************* SLIDEBAR *****************/

#slidebar {
       padding: 0px;
       height: auto;
       width:auto;
}

#slidebartrigger {
       background: url("../images/less-button.png") no-repeat right top;
       display: block;
       padding-right: 20px;
       height: 20px;
}

#slidebartrigger.closeSlide {
       background: url("../images/more-button.png") no-repeat right top;
       display: block;
       padding-right: 20px;
       height: 20px;
}

.jquery-checkbox-box   {display: inline; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand;}
.jquery-checkbox       {display: inline;}
.jquery-checkbox .mark {display: inline;}

.jquery-checkbox img {vertical-align: middle; width: 21px; height: 20px;}
.jquery-checkbox img{background: transparent url(../images/checkbox2.gif) no-repeat;}

.jquery-checkbox img{
	background-position: 0px 0px;
}
.jquery-checkbox-hover img{
	background-position: 0px -20px;
}
.jquery-checkbox-checked .jquery-checkbox img{
	background-position: 0px -40px;
}
.jquery-checkbox-checked .jquery-checkbox-hover img {
	background-position: 0px -60px;
}

.jquery-checkbox-disabled img{
	background-position: 0px -80px;
}
.jquery-checkbox-checked .jquery-checkbox-disabled img{
	background-position: 0px -100px;
}

/**************** END JQUERY ******************/
.color {
	background: #fbf9f6;
}

#content-inside .job input.chk {
	margin-right: 0px;
}

html > body #content-inside .job input.chk {
	margin-right: 8px;
}

img.apply {
	margin-right: 20px;
	float: right;
}

p.description {
	padding:0 50px;
	/*width: 500px;*/
}
/*
#buttonstop {
	margin-top: 20px;
	margin-left: 10px;
	background: url(../images/buttons-bg.gif) top no-repeat;
	height: 10px;
	display: block;
	}*/
	
#buttons {
	margin-top: 20px;
	margin-left: 4px;
	padding-top: 15px;
	padding-left: 10px;
	background: #fff url(../images/buttons-bg2.gif) 0 0 no-repeat;
	width: 372px;
	height:100%;
	float: left;
	display: block;
}

html > body #buttons {
	margin-top: 20px;
	margin-left: 10px;
	padding-top: 15px;
	padding-left: 10px;
	background: #fff url(../images/buttons-bg2.gif) 0 0 no-repeat;
	width: 372px;
	height:100%;
	float: left;
	display: block;
}

#buttons img {
	padding-left: 8px;
	padding-bottom: 8px;
}

#update {
	margin-top: 10px;
	margin-left: 0px;
	float: right;
	width: 237px;
}

#textincrease {
	margin-top: 10px;
	margin-left: 10px;
	padding-right: 10px;
	float: right;
}

#textincrease p {
	font-size: 11px;
}

#textincrease img {
	padding-top: 3px;
}

#footer {
/*	margin: 0px auto;*/
	/*margin-top: 5px;*/
	border-top: 1px solid #e3e7df;
	height: 10%;
	font-size: 10px;
	color: #4d622a;
	background: #fff;
	text-align: center;
/*	position:relative;*/
clear:both;
}

#footer p {
	padding: 8px 0;
}