body {
	font-family: "Trebuchet MS", sans-serif;
	color: #666666;
	font-size:12px;
	line-height: 18px;
	margin:0;
	padding:3px 0 0 0;
	background: url(../images/bodyBackGrey.gif) repeat-x;
}

/* ----Default Styles---- */

img{
	border:none;
}

a {
	color: #1D67B5;
	text-decoration: none;
}

a:hover {
	color: #1D67B5;
	text-decoration: underline;
	/* border-bottom: #1D67B5 dotted 1px; */
}

h1{
	font-size: 30px;
	font-weight: lighter;
	margin-left: 35px;
	color:#1D67B5;
}

h2{
	font-size: 24px;
	font-weight: lighter;
	line-height: 26px;
	color:#1D67B5;
}

#wrapper{
	width:916px;
	margin:auto;
	padding:0px;
	text-align:left;
	overflow:hidden;
	position:relative;
	background: url(../images/mainBack.png) repeat-y;
}

/* ----Top Header Styles---- */

#header{
	background: url(../images/topHeader.jpg);
	width:916px;
	height:161px;
	margin: 0;
}

#headerLogin{
	width:916px;
	height:35px;
	text-align: right;
	/* background: fuchsia; */
}

#loginButtons{
	float:right;
	display: block;
	width:171px;
	height:31px;
	margin: 0 50px 0 15px;
}

a#customers {
	float: left;
	color: #FFF;
	height:25px;
	padding-top: 6px;
	width:85px;
	border: none;
	margin:0 1px 0 0;
	text-align: center;
	background:  url(../images/loginClientOnOff.jpg);
}

a:hover#customers{
	background:  url(../images/loginClientOnOff.jpg) -100px top  ;
}

a#customers.selected{
	background:  url(../images/loginClientOnOff.jpg) -200px top  ;
}

a#tradesmen {
	float: right;
	color: #FFF;
	height:25px;
	padding-top: 6px;
	width:85px;
	border: none;
	text-align: center;
	background:  url(../images/loginTradesmenOnOff.jpg) -15px top;
}

a:hover#tradesmen {
	background:  url(../images/loginTradesmenOnOff.jpg) -115px top  ;
}

a#tradesmen.selected{
	background:  url(../images/loginTradesmenOnOff.jpg) -215px top  ;
}

#headerStrap{
	float:left;
	font-size: 30px;
	color: #FFF;
	text-align: right;
	font-weight: lighter;
	height:40px;
	width:310px;
	margin:0 0 0 240px;
	background: url(../images/headerStrap.jpg) no-repeat;
	padding: 22px 15px 0 0;
	
}

#headerRightText{
	width:170px;
	height:40px;
	font-size: 14px;
	float:right;
	text-align: center;
	margin:0px 50px 0 0;
	
	

}

#user{
	margin:5px 0 0 0;
	float: left;
	text-align: right;
	width: 680px;
}
#mainNav{
	clear:both;
	margin: 81px 0 0 315px;
	text-align:left;
	/* background: blue; */
}

#mainNav ul{
	list-style: none;
	height:31px; 
	margin:0;
	padding:0;
}

#mainNav li{
	float:left;
	margin: 0 10px 0 0;
}

#mainNav a{
	/* display: block; */
	float: left;
	font-size: 12px;
	color: #FFF;
	height:23px; /* height of mainNav 31px */
	padding:8px 7px 0px 7px;
	text-align: center;
	text-decoration: none;
}

#mainNav a:hover{
	color: #FFF;
	text-decoration: none;
	background: url(../images/mainNavOverOn.jpg) #4E9AD4 repeat-x;
	border-bottom: none;
}

#mainNav a.selected{
	color: #FFF;
	text-decoration: none;
	background: url(../images/mainNavOverOn.jpg) #4E9AD4 repeat-x;
}

/* ----Homepage Styles---- */

#howItWorks {
	text-align: center;
	height:245px;
	padding:0 0 20px 0;
	margin:0 35px 0 35px;
	border-bottom: #666666 dotted 1px;
}

.custSignBtn{
	color: #FFF;
	font-size: 16px;
	text-align: center;
	display: block;
	width:185px;
	height:28px;
	margin:10px 0 0 25px;
	padding:7px 0 0 0;
	background: url(../images/btn_start_customer.jpg) no-repeat; 
	border-bottom: none;
}

a:hover.custSignBtn{
	border-bottom: none;
}

.tradeSignBtn{
	color: #FFF;
	font-size: 16px;
	text-align: center;
	display: block;
	width:185px;
	height:28px;
	margin:10px 0 0 25px;
	padding:7px 0 0 0;
	background: url(../images/btn_start_Trade.jpg) no-repeat; 
	border-bottom: none;
}

a:hover.tradeSignBtn{
	border-bottom: none;
}

.tradesmen{
	color:#73C917;
}

/* ---- Left Column Styles---- */
#leftCol{
	float:left;
	width:245px;
	min-height:100px;
	padding:0 15px 0 30px;
	/* background: aqua; */
}

#leftCol h1{
	margin-left: 0;
}




#leftBox{
	width:260px;
	padding:0 0 10px 0;
	background: url(../images/genLeftBoxBack.jpg) bottom no-repeat;
}

#homeLeftBox{
	width:260px;
	height:300px;
	background: url(../images/custSignUpBack.jpg) no-repeat;
	padding:0 0 10px 0;
}

#leftBox p{
	margin: 12px 10px 12px 10px;
}

#homeLeftBox p{
	 margin: 12px 10px 12px 10px; 
}

#leftBox .firstpara{
	margin-bottom: 10px;
}

.boxHeadLeft{
	color: #FFF;
	font-size: 18px;
	margin: 0;
	padding: 10px 0 20px 10px;
	background: url(../images/genLeftBoxBackTop.jpg) no-repeat;
}

.homeLeft{
	background: url(../images/custLeftBoxBackTop.jpg) no-repeat;
}


/* ---- Right Column Styles---- */
#rightBox{
	width:580px;
	padding:0 0 10px 0;
	margin-bottom:20px;
	background: url(../images/genRightBoxBack.jpg) bottom no-repeat;
}

#homeRightBox{
	width:580px;
	height:300px;
	background: url(../images/tradeSignUpBack.jpg) no-repeat;
	padding:0 0 10px 0;
}

#rightBox p{
	margin: 0 10px 10px 10px;
}

.boxHeadRight{
	color: #FFF;
	font-size: 18px;
	margin: 0;
	padding: 10px 0 20px 10px;
	background: url(../images/genRightBoxBackTop.jpg) no-repeat;
}

.homeBoxHeadRight{
	color: #FFF;
	font-size: 18px;
	margin: 0;
	padding: 10px 0 20px 10px;
	background: url(../images/tradeRightBoxBackTop.jpg) no-repeat;
}

.homeRight{
	background: url(../images/tradeRightBoxBackTop.jpg) no-repeat;
}

#rightBox .firstpara{
	font-size: 16px;
	color: #1D67B5;
}


/*
#tradeSignUp{
	width:580px;
	height:300px;
	background: url(../images/trademenSignUpBack.jpg) no-repeat;
}
*/



#rightCol{
	float:right;
	width:581px;
	padding:0 30px 0 15px;
	/* background-color: fuchsia; */
}

#rightCol ul, #leftCol ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
}

#rightCol li, #leftCol li{
	list-style: none;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 15px;
	background: url(../images/bulletBlue.jpg) top left no-repeat;
}

#homeRightBox li{
	background: url(../images/bulletTrade.jpg) top left no-repeat;
}

#homeLeftBox li{
	background: url(../images/bulletCust.jpg) top left no-repeat;
}



/*
li.cust{
	background: url(../images/bulletCust.jpg) top left no-repeat;
}
li.trade{
	background: url(../images/bulletTrade.jpg) top left no-repeat;
}
*/

.job{
	border-bottom: dotted 1px #999;
}

#rightCol h1{
	margin-left: 0;
}

.feedBack{
	padding:15px;
	margin-bottom: 20px;
	background: #EBF1F8;
}

/* ----Footer Column Styles---- */

#footer{
	clear:both;
	text-align: center;
	padding: 78px 0 0 0;
	height:72px;
	color: #FFF;
	font-size: 10px;
	background: url(../images/footerBack.jpg) no-repeat;
}

#footerBar{
	padding:0 0 0 15px;
	color: #FFF;
	float: left;
}

#greynoiseLink {
	padding:0 15px 0 0;
	float:right;
}

#footer a{
	color: #FFF;
	border: none;
	text-decoration: none;
	border-bottom: #FFF dotted 1px;
}
#footer a:hover{
	border-bottom: #FFF solid 1px;
}


#footerLinks{
	color: #666666;
	display: block;
	text-align: center;
	height:15px;
	width:916px;
	margin-top: 40px;
}

#footerLinks a{
	color: #666666;
}

#footerLinks a:hover{
	color: #666666;
	border-bottom: #666666 dotted 1px;
}

/* ----Form Styles---- */

#JobSearchForm label {
   float: left;
   width:90px;
}

#JobSearchForm .labelMargin {
   margin-left: 90px;
}

#JobSearchForm fieldset {
   border: none;
   margin:0;
   padding:10px;
   border:dotted 1px #999;
}

#JobSearchForm legend {
   color: #999;
   font-size: 10px;
   margin:0;
   padding:0 5px 0 5px;
}

#JobSearchForm p {
   margin: 0;
   padding:0 0 0 5px;
}

/* ----Misc Styles---- */

.tradePhotos{
	clear:both;
	margin:10px 0 0 0;
	height:110px;
}
.tradePhotos img{
	float:left;
	margin:0 0 0 10px;
	width:120px;
	height:100px; 
}

.frame { 
	padding: 5px; 
	border:#6D6D6D 1px solid;
}

.imgRight{
	margin:25px 0 0 0;
	text-align: right;
}

.imgleft{
	margin:25px 0 0 0;
	text-align: left;
}

.imgCentre{
	margin:25px 0 0 0;
	text-align: center;
}

.clear{
	clear:both;
}

.tenpxtext{
	font-size: 10px;
}


/* ----Form Styles---- */

form{
	margin: 20px 0 10px 0;
}
form p{
	clear:both;
}

label {
	display:block;
	float: left;
	width:160px;
	font-weight: bold;
	margin-top: 5px;
	font-size: 14px;
}

fieldset {
	/* border:1px black solid; */
	border:none;
	margin: 0 0 15px 0;
	padding: 10px 10px 10px 10px;
	background: #EFFCDD;
}

legend {
	display:none;
}

.labelMargin{
	margin-left:160px;
}
.fieldNote{
	display:block;
	margin-left:160px;
}

input[type="text"]{
	font-size: 14px;
	padding:5px;
	width:320px;
}

input[type="password"]{
	font-size: 14px;
	padding:5px;
	width:320px;
}

input[type="file"]{
	/* width:200px; //dont use. This breaks in firefox if there's text after the box */
}

textarea{
	width:320px;
}
select{
	width:auto;
}

input[type="submit"], input[type="submit"]:focus {
  color: #fff;
  font-size: 16px;
  width:120px;
  height:35px;
  text-transform: uppercase;
  border: none;
  background:  url(../images/btn_login_standard.jpg) no-repeat;
  /* margin-left: 10px; */
}

.formError{
	color:#FF0000;
	display: block;
	margin-left:160px;
	/*
	background: #F27C20 url(../images/errorTag.jpg) left no-repeat;
	padding:3px 3px 3px 13px;
*/
}

.formErrorMsg{
	background:#FFFDDA url(../images/warning.png) 5px no-repeat;
	color:#F27C20;
	text-align: left;
	padding:10px 10px 10px 35px;
	margin:0 0 10px 0;
	border: #FEE363 solid 1px;
	clear:both;
}

.formOKMsg{
	background:#E1FFD1 url(../images/formOKMsg.jpg) 10px no-repeat;
	color:#468D3F;
	text-align: left;
	padding:10px 10px 10px 35px;
	margin:0 0 10px 0;
	border: #C5F8AC solid 1px;
	clear:both;
}
/* ----Table Styles---- */

#jobListingTable{
	clear: both;
	border: none;
	border-spacing: 0 4px;
	border-collapse: separate;
}

#jobListingTable thead {
  background: #2694D3;
}

#jobListingTable thead tr {
  border: none;
  color: white;
}

#jobListingTable .job {
  width: 35%;
  border:none
}

#jobListingTable .location {
  width: 15%;
}

#jobListingTable .quotes {
  width: 10%;
  text-align: center;
}

#jobListingTable .posted {
  width: 15%;
}

#jobListingTable th.posted {
  padding-left: 0;
}

#jobListingTable .ends {
  width: 25%;
}

#jobListingTable th.ends {
  padding-left: 0;
}

#jobListingTable th {
  padding: 3px;
  font-size: 110%;
}

#jobListingTable th a {
  color: #fff;
  text-decoration: none;
}

#jobListingTable th a.active {
  background: #f22e07;
  padding: 0.1em 0.2em 0.2em 0.2em;
}

#jobListingTable td {
  padding: 0.5em;
  font-size: 95%;
  color: #666;	
  margin: 0;
  border-bottom: 1px solid #666666;
}

.tableBtn{
	color:#FFF;
	display: block;
	text-align: center;
	width:45px;
	height:19px;
	padding:0;
	background: url(../images/btn_trade_Quote.jpg) no-repeat;
}

a:hover.tableBtn{
	border-bottom: none;
	/* color:#000; */
	}

/* ----Pagination Styles---- */

.pagination{
	clear:both;
	text-align: left;
	height:20px;
	margin-bottom: 10px;
	
}
#rightCol ul.pagination {
	margin:0px;
	padding:0px;
}

#rightCol ul.pagination li{
	margin:0px;
	padding:0px;
}
.pagination a{
	text-align: center;
	display: block;
	float:left;
	width:20px;
	height:18px;
	padding-top:2px;
	color:#FFF;
	margin-left: 3px;
	text-decoration:none;
	border-bottom: none;
	background:url(../images/paginationBack.png) no-repeat;
}
.pagination a:hover{
	background:url(../images/paginationBack.png) 0 -20px no-repeat;
}

li.active a{
	background:url(../images/paginationBack.png) 0 -20px no-repeat;
}

li.inActive a{
	background:url(../images/paginationBack.png) 0 -40px no-repeat;
}

.paginationEnd{
	text-align: center;
	display: block;
	float:left;
	width:20px;
	height:18px;
	padding-top:2px;
	color:#FFF;
	margin-left: 3px;
	text-decoration:none;
	background:url(../images/paginationBack.png) 0 -40px no-repeat;
}
.center{
	text-align: center;
}


/* ---- Styles for Expanding Buttons---- */
 a.btnSml{
 	display: block;
 	color: #fff;
	text-decoration: none;
	height: 19px;
	line-height: 19px;
	padding: 0 0 0 8px;
	margin:0 10px 10px 0;
	float: left;
	background: url(../images/btn_trade_Quote_lc.jpg)  no-repeat left top;
}
a:hover.btnSml {
	background: url(../images/btn_trade_Quote_lc.jpg) no-repeat left bottom;
}
.btnSml span {
	display: block;
	height: 19px;
	line-height: 19px;
	padding: 0 8px 0 0;
	float: left;
	background: url(../images/btn_trade_Quote_rc.jpg) no-repeat right top;

}
a:hover.btnSml span {
	background: url(../images/btn_trade_Quote_rc.jpg) no-repeat right bottom;
}