body{
	background-color:#fff;
	/*margin:10px 0 0 0;*/
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:black;
	font-size:12px;
}

img{
	border:0;
}

div#container{
	width:980px;
	margin:0;
	padding:135px 0 0 0;
	background: transparent url('../images/header-img.gif') no-repeat top center;
}

div.clearer{
	clear:both;
	font-size:1px;
	margin:0;
	padding:0;
	height:0;
}

h1{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:bold;
}

.order-number{
	font-size:18px;
	font-weight:bold;
}

.cost-header{
	font-size:18px;
	font-weight:bold;
	color:#fff;
}

.cost-header-single{
	font-size:18px;
	font-weight:bold;
	color:#fff;
	padding:0 0 0 5px;
}

.total-price-label{
	text-align:right !important;
}

.total-price-value{
	font-weight:bold;	
}

.days-awaiting-label{
	padding:0 5px 0 280px;
	/*padding:0 5px 0 200px;*/
}

.days-awaiting-value{
	font-weight:bold;
}

.refusal-reason{
	font-weight:bold;
}

.authorised-by{
	padding:0 0 0 100px;
}

.refused-by{
	padding:0 0 0 100px;
}

.refuse-reason{
	display:block;
	margin:5px 0;
}

.admin-label{
	display:block;
	padding:0 0 3px 0;
	font-weight:bold;
}

/*IE6 Fix*/

* html .cost-header{
	position:relative;
	top:-6px;
}

* html .cost-header-single{
	position:relative;
	top:2px;
}


* html .order-number{
	position:relative;
	top:-3px;
}

* html .days-awaiting{
	position:relative;
	top:-6px;
}


.error-msg{
	color:red;
	font-weight:bold;
}

.success-msg, .fail-msg, .no-search-results td{
	display:block;
	margin:10px 0 0 0;
	font-size:20px;
	text-align:center;
}

.centered-error{
	text-align:center;
	margin:10px 0;
}

table#login-table, div#login-button-area{
	width:300px;
	margin:0 auto;
}


table#login-table td{
	vertical-align:middle;
	padding:0 0 10px 0;
}

span.login-label{
	font-size:12px;
	font-weight:bold;
}

input.button{
	border-top:1px #d8d8d8 solid;
	border-right:1px #7f7f7f solid;
	border-bottom:1px #7f7f7f solid;
	border-left:1px #d8d8d8 solid;	
	height:20px;
	background-color:#f2f2f2;
	color:#0000ff;
	font-size:11px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica,sans-serif;
}

input.textarea{
	border-top:1px #7f7f7f solid;
	border-right:1px #d8d8d8 solid;
	border-bottom:1px #d8d8d8 solid;
	border-left:1px #7f7f7f solid;	
	height:18px;
	background-color:#fff;
	color:#000;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica,sans-serif;
}

select.listbox{
	height:250px;
	width:200px;
	color:#000;
	font-size:11px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica,sans-serif;
}

select.dropdown{
	color:#000;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica,sans-serif;
	width:200px;	
}

input.filters{
	width:330px;
	position:absolute;
	left:260px;
	top:10px;
}

input.admin-textbox{
	width:200px;
}
input.reason-textarea{
	width:400px;
}

span.filter-asterics{
	position:absolute;
	left:600px;
	top:15px;
}

input.login-button{
	width:60px;
	float:right;
	margin:0 25px 0 0;

}

img#loading-img{
	display:block;
	margin:10px auto;
}

input.main-menu-btn{
	width:200px;
	margin:10px 0;
}

input.stop-btn{
	display:block;
	margin:0 auto;
}
input.login-textbox{
	width:190px;
}

input.menu-button{
	width:250px;
	display:block;
	margin:0 auto 15px auto;
}

div#search-by-job{
	background-color:#c2d69a;
	height:40px;
	position:relative;	
}

div#search-by-vehicle{
	background-color:#4f6228;
	height:40px;
	position:relative;	
}

div#filter-by-date{
	height:43px;
	position:relative;	
	background: #ffff99 url('../images/filter-by-date-bg.gif') repeat-x bottom left;
}

div.view-job-sheet{
	height:28px;
	background-color:#c2d69a;
	margin:20px 0 0 0;
}

div.view-vehicle-history{
	height:31px;
	background: #4f6228 url('../images/view-vehicle-history-bg.gif') repeat-x bottom left;	
}

div.view-vehicle-history-single{
	margin:20px 0 0 0;
	height:31px;
	background: #4f6228 url('../images/view-vehicle-history-bg.gif') repeat-x bottom left;	
}


.search-by-job-btn{
	height:40px;
	width:250px;
	background: transparent url('../images/search-by-job.gif') no-repeat bottom left;
	border:0;	
}

.search-by-vehicle-btn{
	height:40px;
	width:250px;
	background: transparent url('../images/search-by-vehicle.gif') no-repeat bottom left;
	border:0;			
}

.filter-by-date-btn{
	height:43px;
	width:250px;	
	background: transparent url('../images/filter-by-date.gif') no-repeat bottom left;
	border:0;		
}

.view-job-sheet-btn{
	height:28px;
	width:250px;
	background: transparent url('../images/view-job-sheet.gif') no-repeat bottom left;
	border:0;	
}

.view-vehicle-history-btn{
	height:31px;
	width:250px;
	background: transparent url('../images/view-vehicle-history.gif') no-repeat bottom left;
	border:0;	
}


div.refuse-area{
	background-color:#d8d8d8;
	padding:10px 5px;
}

div.authorised-area{
	background-color:#d8d8d8;
	padding:10px 5px;
	text-align:center;
}

div.refused-area{
	background-color:#d8d8d8;
	padding:10px 5px;
	text-align:center;
}


input.refuse-btn{
	border-top:1px #f2dddc solid;
	border-right:1px #632523 solid;
	border-bottom:1px #632523 solid;
	border-left:1px #f2dddc solid;	
	height:20px;
	background-color:#e6b9b8;
	color:#000;
	font-size:11px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica,sans-serif;
}

input.authorise-btn{
	border-top:1px #eaf1dd solid;
	border-right:1px #4f6228 solid;
	border-bottom:1px #4f6228 solid;
	border-left:1px #eaf1dd solid;	
	height:20px;
	width:150px;
	background-color:#d7e4bc;
	color:#000;
	font-size:11px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica,sans-serif;
}


table.details-table{
	background-color:#eaeaea;
	padding:0 5px;
	border-collapse:separate !important;

}

table.suppliers-table{
	background-color:#b8cce4;
	padding:10px 0;
	border-collapse:separate !important;
}

table.suppliers-table td{
	background-color:#b8cce4;
	padding:5px 0 5px 250px;
}


table.details-table td{
	text-align:center;
	padding:5px 0;
}

table.pager-table{
	margin:0 0 0 auto;
	border:0;
	border-collapse:collapse;
	padding:0;
}

td.pager-next, td.pager-prev {
	padding:0;
}

td.pager-total{
	font-weight:bold;
	padding:0 5px;
}


td.pager-next a, td.pager-prev a{
	border-top:1px #d8d8d8 solid;
	border-right:1px #7f7f7f solid;
	border-bottom:1px #7f7f7f solid;
	border-left:1px #d8d8d8 solid;	
	height:20px;
	background-color:#f2f2f2;
	color:#000;
	font-size:11px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica,sans-serif;
	width:100px;
	text-align:center;
	display:block;
	text-decoration:none;
	line-height:20px;
	
	white-space:
}

div#user-list-area{
	width:300px;
	float:left;
}

div#user-detals-area{
	width:500px;
	float:left;
}

table.chkperm-table {
	margin:10px 0;
}

table.chkperm-table label{
	width:200px;
	display:block;
	float:left;
}

table.chkperm-table input{
	
	display:block;
	float:left;

}