/* Master */
img, div, h1,
.outer,
.registernow,
.full_job li
.vehicle_spec li,
.volume,
#nav a,
.bottom,
.green_panel,
.orange_panel,
.red_panel,
{ behavior: url(/assets/_js/png.htc)}

body {background: #ae020b url(/assets/_img/stripes.gif) repeat-x;}
.top {background:#fff; }
.outer {background:url(/assets/_img/shadow.png) 0 10px repeat-x;width: 973px; margin: 0 auto;}
.grid_3, .grid_12 {margin-bottom: 20px;}
.grid_2 {margin: 0 0 0 20px;}
.grid_7.prefix_1 {margin: 40px 20px 0 40px;border: 2px solid #efefef; }

.brand {margin-top:20px;height:132px;}
.registernow {float:left;text-indent:-3000px; width:182px; height: 66px; background: url(/assets/_img/register-now.png) no-repeat; cursor:pointer; }
.wrapper {margin:20px; padding:0; background:#fff;}


h1 {float:left; text-indent:-9000px; width:353px; height: 59px; background: url(/assets/_img/connlive.png) no-repeat; margin: 0 400px 0 0;}
h2 {
	margin:0 0 8px 0;
	font-size:18px
}
h2.orphan {margin:0 0 8px 40px; padding: 40px 0 0 0;}



h3 {margin: 0 0 8px 0;}
h5.new, h5.end {margin: 20px 0 0 0; width:656px;color:#fff;padding:8px 0 4px 8px;}
h5.new {background:#0180bb; }
h5.end {background:#ae020b; padding-left:20px;}



p {color:#333; margin: 0 0 20px 0;}
a {color:#000;text-decoration:underline;}
a:hover {color: #333;text-decoration:underline;}
strong {font-weight:bold;}


/* Left nav */

#leftnav {
	margin-right: 20px;
}
#leftnav li  {
	background: url(/assets/_img/left/left.gif) no-repeat;
	height: 30px;
        padding:8px;
        width: 220px;
		disply:block;
	

}

#leftnav li a {
		color:#fff;
		text-decoration:none;
		font-size: 110%;

}

#leftnav li:hover {
	background: url(/assets/_img/left/left-over.gif) no-repeat;
	height: 30px;
        padding:8px;
        width: 220px;
		color:#ccc;
		text-decoration:none;

}




/* Full job */
#job-details {margin:40px 0 8px 20px; }
#job-details li {display:inline;float:left; }
#job-details .job-title {font-size:180%;color:#ae020b;margin: 4px 10px 0 0;}
#job-details .job-no {font-size:180%;margin: 4px 30px 0 0;}



.full_job {padding: 12px; border:2px solid #efefef; margin-top: 40px; margin-bottom:15px; height:100%; }
.full_job strong { color:#57AC00; }

.vehicle_spec {padding: 12px; border:2px solid #efefef; margin: 20px  0 20px 16px; height:255px; width:180px; float:left; }
.first {margin-left:40px;}

.full_job h4, .vehicle_spec h4 {margin: 24px 0 2px 0; font-size: 18px}
.full_job h3, .vehicle_spec h3 {margin: 0 0 24px 0; font-size:20px}

.start { margin-left: 30px; }
.end { margin-left: 0; padding-left:22px; }

.full_job li, .vehicle_spec li{border-bottom:1px solid #efefef;padding:4px 0; }
.full_job li.date {background: url(/assets/_img/job/date.png) no-repeat 0 3px; padding-left: 24px;}
.full_job li.time {background: url(/assets/_img/job/time.png) no-repeat 0 3px; padding-left: 24px;}

.full_job .facilities li	{ padding:0px; }

.vehicle_spec li.airbag {background: url(/assets/_img/test/balloon.png) no-repeat 0 3px; padding-left: 24px;}
.vehicle_spec li.cassette {background: url(/assets/_img/test/cassette.png) no-repeat 0 3px; padding-left: 24px;}
.vehicle_spec li.gearbox {background: url(/assets/_img/test/gear_disable.png) no-repeat 0 3px; padding-left: 24px;}
.vehicle_spec li.lifebuoy {background: url(/assets/_img/test/lifebuoy.png) no-repeat 0 3px; padding-left: 24px;}


p.vehicle {margin: font-size: 15px; border-bottom: 2px solid #ccc; padding: 0 0 16px 0;}
.volume {background: url(/assets/_img/job/vehicle-volume.png) no-repeat;padding:5px 10px;margin: 0 8px 0 0; color:#fff;font-weight: bold;}
.vehicle img {margin: 0 10px 0 10px; vertical-align:text-bottom;}


.fade { filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;}

/* Quote */

.general {padding:12px; background: #fff;margin: 40px 0 0 0; height:400px; background: url(/assets/_img/job/quote-back.gif) repeat-x; }
.general h3, .general h4 {margin: 20px 0 0 0;}
.general:hover {background: #eefaff; }
.smallbid {color:#57ac00; font-size: 120%; font-weight:bold; margin:0; padding:0;}
.largebid {color:#000; font-size: 240%; font-weight:bold; margin:0; padding:0;}
#bid_amount {width: 110px; height: 30px; font-size: 24px; margin: 0 0 7px 0; font-weight:bold; color:#57ac00;}
#bid { font-size: 24px; font-weight:bold;}
#bid img { margin: 0 0 0 28px;}
.warning {background: #fbf2f3; padding:12px; margin: 0 0 0 30px;}

/* Vehicles */

.car {padding:16px; background: #fff;margin: 40px 0 0 40px; border: 8px solid #efefef;}
.car ul {padding:16px; background: #fff;margin: 40px 0 0 40px; border: 8px solid #efefef;}

.car h3 {margin: 0 0 20px 0;}
.car:hover {border: 8px solid #ccc;}


/* Top navigation */
#topnav {position: relative;top:36px;height: 30px; z-index:1;margin: 0 0 20px 0;width:960px;}
#nav {position: absolute;top: 0;left: 0;list-style: none;margin: 0;padding: 0;height: 30px;display: inline;overflow: hidden;}
#nav li {margin: 0; padding: 0;display: inline;list-style-type: none;}
#nav a {float: left; padding: 32px 0 0 0; text-align:center; height /**/:30px; /* for IE5/Win */text-decoration:none;}
#nav a:hover {background-position: 0 -30px;}
#nav a:active, #nav a.selected {background-position: 0 -60px; }
#intro a {width: 113px;background:  url(/assets/_img/nav/intro.png) top left no-repeat;font-size: 100%;}
#home a {width: 115px;background:  url(/assets/_img/nav/home.png) top left no-repeat;font-size: 100%;}
#tenders a  {width: 113px;background:  url(/assets/_img/nav/tenders.png) top left no-repeat;font-size: 100%;}
#how a {width: 113px;background:  url(/assets/_img/nav/how.png) top left no-repeat;font-size: 100%;}
#specification a {width: 113px;background:  url(/assets/_img/nav/vehicles.png) top left no-repeat;font-size: 100%;}
#contact a {width: 113px;background:  url(/assets/_img/nav/contact.png) top left no-repeat;font-size: 100%;}
#register a {width: 113px;background:  url(/assets/_img/nav/register.png) top left no-repeat;font-size: 100%;}
#members a {width: 113px;background:  url(/assets/_img/nav/members.png) top left no-repeat;font-size: 100%;}
#profile a {width: 113px;background:  url(/assets/_img/nav/profile.png) top left no-repeat;font-size: 100%;}
#admin a {width: 113px;background:  url(/assets/_img/nav/admin.png) top left no-repeat;font-size: 100%;}
#login a {width: 113px;background:  url(/assets/_img/nav/login.png) top left no-repeat;font-size: 100%;}
#logout a {width: 113px;background:  url(/assets/_img/nav/logout.png) top left no-repeat;font-size: 100%;}

/* Left Nav */
.regionjobs, .searchjobs, .keywordsearch {margin: 0 0 10px 0;height:100%;border: 1px solid #ccc; padding:10px; width:192px;}

.regionjobs ul {margin: 0;font-size:92%; color:#999999;}
.regionjobs li { border-bottom: 1px dotted #ccc; padding: 6px 0;color:#999; font-weight:bold;margin: 0 10px 0 0;}
.regionjobs li span {color:#5d9d02;margin: 0 0 0 5px;}
.regionjobs li a:link {color:#999;font-weight:bold; text-decoration:none;}
.regionjobs li a:visited {color:#999;font-weight:bold; text-decoration:none;}
.regionjobs li a:hover {color:#555;font-weight:bold; text-decoration:none;}

/*---- Table Styles---*/

table {border: 1px solid #999;padding: 4px;width: 95%;background: #fff}
table p {margin:0;}
td {padding: 8px 4px;}
tr {padding: 4px;border: 1px solid #cccccc;}
.blankmsg		{	color: #999; border: 0px; font-weight: normal; font-size:11px; font-style: italic;	}
.location	{ color: #0180bb; font-weight:bold; }
.bidno {color:#ae020b;}
tr.pointer:hover {background-color:#eefaff;}
.paging p {font-size:90%; color:#666;}







/*---- Bottom Nav---*/

.bottom {background: url(/assets/_img/little_shadow.png) repeat-x; height: 220px; margin-top:20px; color:#fff;}
.bottom a, .bottom p {color:#fff;}
.bottom .grid_12 {padding:10px 0 0 10px;}

#house {color:#c4494b;font-size:95%;width:660px;float:left;margin: 0 0 20px 0;padding: 18px 0 0 0;text-align: left;}
#house li a, #house li {display:inline;padding: 0 4px 0 0;}
#house a:link {color:#fff;text-decoration:none;}
#house a:visited {color:#666;text-decoration:none; border-bottom: 1px dotted #666;}
#house a:hover, #house a:active {color:#4694be;text-decoration:none;}

#carbon {width:133px;height:45px;float:right;text-indent:-3000px;outline:none;background-image: url(../images/carbon-clear.gif);background-repeat: no-repeat;background-position: 0 0;}

.helpful {font-size:95%;float:left;color:#fff;}
.helpful h6 {color: #fff; margin: 0 0 4px 0; text-decoration:none;}
.helpful li {padding:0 0 4px 0;}
.helpful ul {margin: 0px;padding: 0px;}
.helpful li a:link {color:#fff; text-decoration:none;}
.helpful li a:hover, .helpful h6 a:hover  {color:#c4494b;text-decoration:none;}

.copyright {margin: 0 20px 0 0; color:#fff;}
.seo {margin: 0 0 0 20px;}


/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-active h2 {
  visibility: hidden;
  font-family: Arial;
  line-height: 1em;
  font-size: 32px;
}


/*---- Added by chris---*/

#data_protection_act	{ padding-top:20px; }


#new-title {margin:20px 0 8px 0; }
#new-title li {display:inline;float:left; }
#new-title .title {font-size:180%;color:#ae020b;margin: 4px 10px 10px 0;}
#new-title .section {font-size:180%;margin: 4px 15px 0 0; width:590px; }

.address			{ padding:0px; margin:0px; }
.red_bold			{ color:#AE020B; font-weight:bold; }
.green_bold			{ color:#57AC00; font-weight:bold; }

.green_panel 	{ border-bottom: 3px solid #c5ffa7; padding:8px; padding-left:30px; background: url('/assets/_img/icons/tick.png') no-repeat 5px 30px; margin: 0px; background-color:#e0ffce; }
.orange_panel 	{ border-bottom: 1px solid #ec942a; padding:8px; padding-left:30px; background: url('/assets/_img/icons/error.png') no-repeat 5px 30px; margin: 0px; background-color:#ffc529; }
.red_panel 		{ border-bottom: 1px solid #c51818; padding:8px; padding-left:30px; background: url('/assets/_img/icons/cross.png') no-repeat 5px 30px; margin: 0px; background-color:#ff9f9f; }
.green_panel h6, .orange_panel h6, .red_panel h6 		{ font-size:140%; color:#000; }
.green_panel h6 i, .orange_panel h6 i, .red_panel h6 i 	{ font-size:90%; color:#333; }

#form * 	{ margin:0px; padding:0px; }
#form p 	{ font-size:13px; line-height:1.2em; padding: 10px 0;}
#form .formleft {width:230px;float:left;}
#form .formright {margin-left:250px;width:230px;}
#form label  {color:#666666;margin-bottom:4px;}
#form label.radio { font-size:11px; font-weight:bold;color:#666666;}
#form legend {font-size:14px;font-weight:bold;color:#57ac00;padding: 0 6px;}
#form fieldset {padding:10px;margin-bottom:20px; width:485px; border: 1px solid #ccc; }
#data { font-size:11px; padding:10px;margin-bottom:20px;border:2px solid #990000}
#form p {color:#666666}
#form .astrix	{ color:#efefef;}
#form .textbox, #form textarea, #form select {width:90%;border:1px solid #333;padding:6px;color:#333;font-weight:bold; font-size: 12px}
#form textarea {width:280px}
#form input:focus, textarea:focus, select:focus { background-color:#e0ffce; padding:6px;}
#form input { padding:6px;}

/*---- Forgot password form ---*/
#forgot_password_form {width:300px; background: #333; padding:16px; }
#forgot_password_form label, #forgot_password_form p a {color:#fff;}

/*---- Login form ---*/
#login_form {width:300px; background: #333; padding:16px; }
#login_form label, #login_form p a {color:#fff;}
#F_username, #F_passhash {padding:10px; font-size: 12px; color: #333; width: 120px;}

.keywordsearch select { padding:2px;}
.daterangesearch * {border:0px;}

.searchjobs select { border:1px solid #aaaaaa; padding:2px;}
.searchjobs select:focus { border:1px solid #aaaaaa; background-color:#e0ffce; padding:2px;}
.searchjobs input { border:1px solid #aaaaaa; padding:6px;}
.searchjobs input:focus { border:1px solid #aaaaaa; background-color:#e0ffce; padding:6px;}

#message { font-size: 92%; font-weight:bold; color:#ffffff; background-color:#d06c71; padding:5px;  margin-top:5px; margin-bottom:5px; width:90%; display:none; }
#message b { display:block; }
#message a { color:#ae020b; font-weight:bold;}

#calendar 					{ width:95%; }
#calendar a, #calendar a:visited {color:#5d9d02;font-weight:bold; font-size:92%; text-decoration:none; }
#calendar a:hover {color:#0180bb; font-size:92%; text-decoration:none; }
#calendar .change_year		{ float:right; position:relative; margin-bottom:8px; font-size:12px; font-weight:bold; color:#666666; }
#calendar .change_year  a	{ font-size:11px; }
#calendar .month_list	{ float:left; position:relative; margin-bottom:8px; font-size:13px; font-weight:bold; }
#calendar .month_list a 	{margin-right:4px; color:#666;}

#fader_frame	{ position:relative; width:940px; height:208px; overflow:hidden; left:0px; top:0px; float:left; margin-bottom:15px; }

.logged_in_as	{ float:right; top:10px; color:#ffffff; margin-right:15px; }
#clt	{ float:right; top:25px; color:#ffffff; font-weight:bold; font-size:15px; margin-right:15px; }

.pointer		{ cursor:pointer; }

/* RIGHT CLICK MENU CSS */
.menu			{ width:180px; background-color:#dddddd; padding:4px; padding-bottom:1px; }
.menu	span	{ display:block; cursor:pointer; width:148px; background-color:#eeeeee; background-repeat:no-repeat; background-position:2px 4px; padding:6px; padding-left:22px; margin-bottom:4px; font-size:11px; font-weight:bold; }