@charset "utf-8";
/* CSS Document */

/* MAIN STYLING STARTS */
* {
	box-sizing: border-box;
	padding: 0px;
	margin: 0px;
	font-family: Arial,Helvetica,sans-serif;
}

html {
	overflow-y: scroll;
}

img { border: 0 }


body {
	padding: 0;
	margin: 0;
	font-size: 62.5%;
	background: url(/images/bg2.png) repeat-x top left fixed;
	background-color: #989898;
}

h1 {
	font: bold 14pt Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
}

h2 {
	font: bold 12pt Arial, Helvetica, sans-serif;
}

h3 {
	font: bold 11pt Arial, Helvetica, sans-serif;
}

h4 {
	font: bold 12px Arial, Helvetica, sans-serif;
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
	color: #000;
}

h2 {
	margin-top: 8px;
}

input:read-only:not(.login_button) {
	background-color: #ccc;
}

#pagesurround {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}

#header {
	margin-top: 10px;
	width: 900px;
	height: 120px;
	position: relative;
	background-color: #ececec;
}

#headers_container {
	width: 848px;
	border: 1px solid black;
	height: 80px;
	border-radius: 8px;
	left: 25px;
	margin-top: 10px;
	float: left;
	background: url(/images/logo.png) right top no-repeat #fff;
	padding-top: 20px;
}

#header_title_wrap {
	display: inline-block;
}

#header_title {
	color: #000000;
	font-weight: bold;
	float: left;
	margin-bottom: 8px;
	font-size: 18px;
	max-width: 797px;
}

#header_title span {
	left: 10px;
}

#vehicle_details_footer {
	margin-top: 5px;
	float: right;
	font-size: 9px;
	color: #aaa;
	clear: both;
}


#maincontent {
	/*background-color: #D6D6D6;*/
	background-color: #fff;
	/*border-top: 1px solid #000;*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	min-height: 1050px;
	margin: -1px 0 15px 0;
	padding: 4px 12px 50px;
	width: 100%;
}

#maincontent:after {
	content: "";
	display: table;
	clear: both;
}

/* MAIN STYLING ENDS */

/* TOP LINKS STARTS */

.toplinks {
	background-color: #FFFFFF;
	border-top: 1px solid black;
    font-size: 12px;
    list-style-type: none;
    text-align: left;
	padding: 10px 20px 0 20px;
	width: 100%;
}

.sublinks {
    font-size: 12px;
    list-style-type: none;
    text-align: left;
	padding-left: 20px;
	background-color: #D6D6D6;
	padding-top: 10px;
}

.tl_ul {
	list-style-type: none;
	position: relative;
	text-align: left;
	width: 100%;
}
.tl_ul li {
	display: inline-block;
	padding: 0px 1px;
}

.tl_ul li a,
.tl_ul li.active a {
	border: 1px solid transparent;
	border-bottom: 0px;
	/*border-radius: 8px 8px 0 0;*/
	color: #333333;
	display: inline-block;
	font-weight: bold;
    text-decoration: none;
	padding: 3px 14px 3px 14px;
}

.tl_ul li a:hover {
	background-color: #ececec;
	border: 1px solid #000;
	border-bottom: 0px;
	color: #333333;
}

.tl_ul li.active a {
	background-color: #D6D6D6;
	border: 1px solid #000;
	border-bottom: 0px;
	color: #333333;
}

.tl_ul2 {
	list-style-type: none;
	padding-top: 7px;
	position: relative;
}

.tl_ul2 li,
.tl_ul2 li.active {
	display: inline-block;
	margin-left: 1px;
	vertical-align: bottom;
}


.tl_ul2 li a,
.tl_ul2 li.active a {
	background-color: #aaaaaa;
	border: 1px solid #aaa;
	border-bottom: none;
	border-radius: 8px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	color: #333333;
	display: inline-block;
	padding: 3px 8px 3px 8px;
    text-decoration: none;
	vertical-align: bottom;
}

.tl_ul2 li.active a {
	font-weight: bold;
	color: #333;
	background-color: #FCFECD;
	border-bottom: 1px solid #FCFECD;
}

.tl_ul2 li a:hover {
	background-color: #eeeeee;
}

.tl_ul3 li a {
	color: #333;
	background-color: #aaa;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border: 1px solid #aaa;
	border-bottom: 1px solid #bbb;
	padding-bottom: 2px;
	font-size: 11px;
}

.tl_ul3 li.active a {
	font-weight: bold;
	color: #333;
	background-color: #FFFCBA;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	/*border: 1px solid #000;*/
	border-bottom: 0px solid fff;
	margin-bottom: 1px;
	/*border-bottom: 2px solid #FCFECD;*/
	font-size: 14px;
}

.tl_ul3 {
	list-style-type: none;
	text-align: left;
}

.tl_ul3 li,
.tl_ul3 li.active {
	display: inline-block;
	vertical-align: bottom;
}


.tl_ul3 li a,
.tl_ul3 li.active a {
	border: none;
    border-radius: 8px 8px 0 0;
	color: #333333;
	display: inline-block;
    text-decoration: none;
	padding: 3px 8px 3px 8px;
	vertical-align: bottom;
}


.agent_submenu_container {
    font-size: 12px;
    list-style-type: none;
	background-color: #fff;
	padding: 10px 0 0 20px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

ul.agent_submenu {
	list-style-type: none;
}

ul.agent_submenu li {
	display: inline-block;
}

ul.agent_submenu li a {
    border-radius: 8px 8px 0 0;
	display: inline-block;
	background-color: #EEEEEE;
    color: #333333;
    padding: 5px 10px;
    text-decoration: none;
}

ul.agent_submenu li.active a {
	background-color: #D6D6D6;
}

/* 	TOP LINKS ENDS */

/*	VEHICLE UPLIFT REQUEST FORM START */

.input_engineer option {
	left: 15px;
}

optgroup {
	font-style: normal;
	font-size: bold;
	font-size: 16px;
}

optgroup.odd_row {
	background-color: #FFFCCC;
}

optgroup.even_row {
	background-color: #FFFF999;
}

optgroup.odd_row option {
	color: #000;
	font-size: 13px;
}

optgroup.even_row option {
	color: #000;
	font-size: 13px;
}

.form_l1,
.form_l3 {
	background-color: #FFF;
	border: 1px solid black;
	/*border-radius: 8px;*/
	clear: left;
	display: inline-block;
	float: left;
	margin: 20px 0 0 12px;
	padding: 10px;
	padding-bottom: 20px;
	width: 47%;
}

.form_r1,
.form_r3 {
	background-color: #ffffff;
	border: 1px solid black;
	/*border-radius: 8px;*/
	clear: right;
	float: right;
	padding: 10px;
	padding-bottom: 20px;
	margin: 20px 12px 0 0;
	width: 47%;
}

.form_l3 {
	/*border: none;*/
}

.form_r3 {
	/*border: none;*/
}

.form_section_title {
	font-size: 16px;
	font-weight: bold;
	color: #3366CC;
	margin-bottom: 2px;
}

select {
	/*width: 361px;*/
	padding: 3px;
	width: 100%;
}

.input_field, .short_input_field, .short_input_field2, .storage_started {
	background-color: #FFFFFF;
    border: 1px solid #0099CC;
    border-radius: 5px;
    color: #3366CC;
	display: inline-block;
    height: 26px;
    padding-left: 10px;
	font-size: 11.333px;
	width: 100%;
}
textarea.input_field {
	padding: 10px;
}

.short_input_field {
	width: 160px;
	height: 26px;
	padding: 3px;
}

.short_input_field2 {
	width: 50px;
	height: 26px;
	left: 7px;
}

.storage_started {
	width: 140px;
	float: left;
}

.pick_date_transp_bg{
	background-color:transparent!important;
}
.input_field_d{
	background-color: #EEE;
}

.input_field2 {
	background: url(/images/regplate_1.png) no-repeat left top #f2e819;
    /*border: 0px;*/
    border-radius: 5px;
    height: 30px;
    /*padding-left: 10px;*/
    /*width: 285px;*/
    border: 1px solid #0099CC;
	padding-left: 25px;
	margin-right: 10px;
	font-size: 26px;
    font-weight: bold;
    color: #000;
	vertical-align: top;
	width: 145px;
}

.input_field3 {
	background: url(/images/postcode.png) no-repeat left top #fff;
    color: #000;
	font-size: 26px;
    font-weight: bold;
    height: 30px;
	margin-right: 10px;
	padding-left: 25px;
	vertical-align: top;
    width: 145px;
}

.input_field4 {
	background: #fff;
    /*border: 0px;*/
    border-radius: 5px;
    height: 30px;
    padding-left: 10px;
    width: 327px;
    border: 1px solid #0099CC;
}

.gray_out {
	background-color: #eee;
}

.form_input input:focus,
.form_input select:focus,
.form_input textarea:focus {
	background-color: #FFFFDD;
}

.form_item {
	display: inline-block;
	padding: 6px 15px 0 7px;
	position: relative;
	width: 100%;
}

.short_form_item {
	display: inline-block;
	padding: 6px 15px 0 7px;
	position: relative;
	width: 48%;
}

.short_form_item2 {
	display: inline-block;
	position: relative;
	width: 185px;
}

.short_form_item select {
	height: 28px;
	padding: 3px;
	width: 170px;
}

.form_input, .short_form_input {
	padding-left: 15px;
	width: 100%;
}

.short_form_input {
	width: 200px;
}

.short_form_input2 {
	padding-left: 15px;
	width: 100px;
}

.form_input img {
	display: inline-block;
}

.form_input textarea {
	height: 120px;
	resize: none;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	padding: 10px;
    width: 100%;
}

.pick_date_instructions {
	background: url(/images/select_date.png) top right no-repeat #eee;
}

.currency_input {
	background: url("/images/currency_input.png") no-repeat scroll 0% 0% #FFFFFF;
	padding-left: 12px;
}

.new_line {
	clear: left;
}

select:disabled {
	background-color: #ccc;
}

.title,
.short_title {
	margin: 6px 0 2px;
	position: relative;
	width: 100%;
}

.short_title {
	width: 180px;
}

.form_lbl,
.short_form_lbl {
	border-bottom: 1px dashed #FBE8BF;
	cursor: default;
	font-size: 12px;
	margin: 0 0 2px 0;
}

#vehicle_summary_input {
	background-color: #f0f0f0;
}

#vehicle_specs_input {
	display: none;
}

.send_enquiry,
.send_enquiry2,
.send_enquiry3 {
	background-color: #ffffff;
	/*border-radius: 8px;*/
	clear: right;
	float: right;
	padding: 10px;
	padding-bottom: 20px;
	margin: 20px 12px 0 0;
	border: 1px solid black;
	width: 47%;
}

.send_enquiry2,
.send_enquiry3 {
	/*border: none;*/
}

.submit_uplift {
	background: url(/images/submit_uplift.png);
	width: 100px;
	height: 30px;
	border: none;
	left: 240px;
}

.submit_clearance {
	background: url(/images/clear_btn.png) top left no-repeat;
}

input.submit_cancellation {
	background: url(/images/cancel_btn.png) top left no-repeat;
	width: 72px;
	left: 260px;
}

input.submit_onhold {
	background: url(/images/submit_btn.png) top left no-repeat;
	width: 72px;
	left: 260px;
}

input.resend_cancellation {
	background: url(/images/resend.png) top left no-repeat;
	width: 72px;
	height: 35px;
    border: none;
	cursor: pointer;
	margin-left: 277px;
}

.reset_form {
	background: url(/images/reset.png) top left no-repeat;
	width: 50px;
	height: 20px;
	border: none;
}

#uplift_request_reset_button {
	color: #F00;
}

/*	VEHICLE UPLIFT REQUEST FORM END */

/* SEARCH PAGE START */

.single_m1 { /*Used on multiple pages*/
	width: 818px;
	background-color: #FFF;
	border-radius: 8px;
	/*border: 1px solid #000;*/
	float: left;
	/*padding: 0px;*/
	left: 20px;
	margin-top: 20px;
	padding: 20px;
}

.single_m2 { /*Used on multiple pages*/
	width: 818px;
	border-radius: 8px;
	margin: auto 0px;
	left: 20px;
	margin-top: 20px;
	padding: 20px;
	background-color: #FDEAEA;
	float: left;
	font-size: 12px;
	color: #b22;
	font-weight: bold;
}

.single_m6 { /*Used on multiple pages*/
	width: 818px;
	border-radius: 8px;
	margin: auto 0px;
	left: 20px;
	margin-top: 20px;
	padding: 20px;
	background-color: #00B588;
	float: left;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}

.single_m4 { /*Used on multiple pages*/
	width: 778px;
	border-radius: 8px;
	margin: auto 0px;
	left: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 20px;
	background-color: #FDEAEA;
	float: left;
	font-size: 12px;
	color: #b22;
	font-weight: bold;
}

.single_m5 { /*Used on multiple pages*/
	width: 100%;
	border-radius: 8px;
	margin: auto 0px;
	left: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 20px;
	background-color: #00B588;
	float: left;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}

.single_m2_short {
	width: 738px;
}

.single_m3 { /*Used on multiple pages*/
	width: 818px;
	background-color: #ddd;
	border-radius: 8px;
	float: left;
	left: 20px;
	padding: 20px;
}

.single_m1 .row {
	width: 818px;
	float: left;
	color: #3366cc;
	margin: 0px;
	padding: 0px;
}

.details_top {
	background-color: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 0px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #b9b9b9;
	border-top: 1px solid #b9b9b9;
	border-right: 1px solid #b9b9b9;
	margin-left: 0;
	margin-top: -1px;
	padding: 20px;
	padding-bottom: 10px;
	position: relative;
	width: 100%;
}

.vehicle-highligh-colour-wrap {
	position: absolute;
	right: 8px;
	top: 8px;
}
	
.vehicle-highligh-colour-wrap > * {
	display: inline-block;
	padding: 2px;
}

.details_top.text-white #header_title,
.details_top.text-white .details_desciption,
.details_top.text-white .vehicle-highligh-colour-wrap {
	color: #ffffff;
}

.details_top.text-black #header_title {
	color: #000000;
}

.details_bottom {
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #b9b9b9;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-top: none;
	margin-left: 0;
	margin-top: 0;
	padding: 20px;
	padding-top: 10px;
}

.details_bottom2 {
	width: 1075px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	float: left;
	left: 20px;
	margin-top: 0px;
	padding: 20px;
	padding-top: 10px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
    border-top: none;
}

.invoice_item {
	width: 820px;
	font-size: 11px;
	margin-top: 5px;
	position: relative;
}

.invoice_header {
	border-radius: 5px;
	padding: 5px;
	width: 100%
}

.not_credited_invoice {
	background-color: #E4E4E4;
}

.credited_invoice {
	background-color: #E4E4E4;
}
.credited_invoice * {
	text-decoration: line-through;
}

.invoice_header .invoice_title {
	display: inline-block;
	text-align: left;
	width: 200px;
}

.invoice_header .invoice_value {
	display: inline-block;
	font-weight: bold;
	padding-left: 10px;
	text-align: left;
	width: 200px;
}

.invoice_body {
	padding: 5px;
	font-size: 13px;
	text-align: center;
	width: 100%;
}

.invoice_body .invoice_title {
	border-bottom: 1px solid #bbbbbb;
	display: inline-block;
	font-size: 13px;
	margin-top: 8px;
	padding-bottom: 2px;
	text-align: left;
	width: 620px;
}

.invoice_body .invoice_value {
	border-bottom: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	color: #555555;
	display: inline-block;
	text-align: right;
	margin-top: 8px;
	padding-bottom: 2px;
	width: 100px;
}

.invoice_body .other_reason_title {
	width: 720px;
	border-bottom: 0px;
}

.invoice_body .other_reason_value {
	border: 1px solid #bbbbbb;
	margin-top: 0px;
	min-height: 70px;
	padding: 5px 15px 15px 15px;
	text-align: left;
	width: 720px;
	font-weight: bold;
}

.single_m1 .row2 {
	width: 390px;
	float: left;
	color: #3366cc;
	border-radius: 8px;
	background-color: #E3FED1;
}

.search_top .form_item {
	display: inline-block;
	width: 130px;
}

.search_top .form_item2 {
	width: 60px;
	float: left;
}

.search_top .form_item label {
	display: block;
	width: 135px;
	font-size: 12px
}

.search_top .form_item2 {
	display: inline-block;
	width: 75px;
	left: 10px;
	margin-top: 3px;
}

.search_top .form_item #input_regno {
	background: url(/images/regplate_1.png) no-repeat left #f2e819;
   /*border: 0px;*/
    border-radius: 5px;
    height: 30px;
    padding-left: 17px;
    width: 113px;
    border: 1px solid #0099CC;
	font-size: 14px;
    font-weight: bold;
    color: #000;
}

input[name='regno'],
input[name='upliftpostcode'],
input[name='policyholderpostcode'],
input[name='postcode'],
#input_regno {
	text-transform: uppercase;
}

.search_top .form_item label {
	display: block;
	width: 115px;
	font-size: 11px
}

.search_top .form_item input,
.search_top .form_item select,
.single_m1 .form_item select {
	background-color: #FFFFFF;
    border: 1px solid #0099CC;
    border-radius: 5px 5px 5px 5px;
	color: #3366cc;
	font-size: 12px;
	margin-bottom: 4px;
	margin-top: 2px;
    padding: 7px 6px;
    width: 100%;
}

.search_top .control_button1, .search_top .control_button2{
	cursor: pointer;
}

.search_top .control_button1 {
	height: 30px;
	width: 77px;
	background: url(/images/search_btn.png);
	background-repeat: no-repeat;
	margin-top: 14px;
	left: 10px;
}

.search_form_submissions .control_button1 {
	height: 30px;
	width: 77px;
	background: url(/images/search_btn.png) top left;
	background-repeat: no-repeat;
	margin-top: 0px;
	left: 10px;
	border: 0px;
	color: transparent;
	margin-left: 0px;
}

.search_top .control_button2 {
	background: url(/images/reset_btn.png);
	background-repeat: no-repeat;
	top: 2px;
	right: 2px;
	position: absolute;
	width: 44px;
	height: 16px;
}

.admin_top .control_button2 {
	background: url(/images/reset_btn.png) top left;
	background-repeat: no-repeat;
	width: 44px;
	height: 16px;
	float: left;
	margin-top: 8px;
	margin-left: 8px;
}

.vehicle_results {
	width: 800px;
	background-color: #FFF;
	border-radius: 8px;
	border: 1px solid #000;
	float: left;
	/*padding: 20px;*/
	left: 20px;
	margin-top: 20px;
	padding: 10px;
}

/* search results */
.search_top {
	position: relative;
	width: 100%;
	/*background-color: #FCFECD;*/
	background-color: #fff;
	/*border-radius: 8px;*/
	border-bottom: 1px dotted #999;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	margin-top: 20px;
	padding: 10px;
}

.search_top > h1 {
	display: inline-block;
}

.agent-search-top {
	background-color: #ffffff;
	border-radius: 0;
	margin-top: 0;
}

div.search_bottom {
	border-radius: 0px 0px 8px 8px;
	margin-top: 0px;
	max-width: 100%;
}

.vehicle_search_results {
	background-color: #FFF;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-top: none;
	float: left;
	left: 20px;
	margin-top: 0px;
	padding: 20px;
	padding-top: 10px;
	min-height: 700px;
	width: 100%;
}

.vehicle_search_results .match_accuracy {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
}

#search_table_container {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

table.search_table {
	border: 1px solid #777777;
	border-collapse: collapse;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: left;
	width: 100%;
}

table.search_table_reports {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
	width: 100%;
}

table.search_table a {
	color: #000;
	text-decoration: none;
}

table.search_table a:hover {
	text-decoration: underline;
}

table.search_table th {
	background: #2B437D;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	border-left: 1px dotted #fff;
	padding: 8px 4px 8px 4px;
}

table.search_table tr:hover {
	background-color: #D5EFFF;
}

table.search_table tr td {
	background-color: #FFF;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

table.search_table tr:nth-child(2n) td {
	background-color: #EEE;
}

table.search_table td {
    border-color: #777;
    border-style: dotted;
    border-width: 0 1px;
	padding: 4px;
}

table.search_table td .search_results_img_count_txt {
	font-size: 8px;
}

table.search_table td .search_results_img_count_txt:hover {
	text-decoration: none;
}

.agents_allocated_uplifts_table .txt_highlight,
.search_table tr td .txt_highlight {
	background-color: #FFFF00;
	text-transform: uppercase;
	font-weight: bold;
	color: #900;
}

.search_table .image_count {
	position: relative;
	padding-right: 3px;
}

.search_table .image_count span {
	position: absolute;
	bottom: -5px;
	right: -1px;
}

.vehicle_search_results .left_summary {
	display: inline-block;
	margin-top: 5px;
	font-size: 14px;
}

.vehicle_search_results #input_sort_by {
	width: 170px;
	border-radius: 5px;
	padding: 3px;
	margin-bottom: 8px;
	border: 1px solid #999;
	background-color: #eee;
 }

.vehicle_search_results .vehicle_count {
	float: right;
	display: block;
}

.pagenation_holder {
	margin-top: 4px;
	width: 800px;
}

.pagenation_holder ul {
	width: 750px;
	list-style: none;
	height: 30px;
}

.pagenation_holder ul li {
	float: left;
}

.pagenation_holder ul li a, .pagenation_holder ul .lettered_page_index {
	background-color: #FFFFFF;
    border: 1px solid #777777;
    color: #000000;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin: 2px;
	left: 0px;
	left: 2px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    text-decoration: none;
	border-radius: 3px;
}

.pagenation_holder ul li .selected, .pagenation_holder ul .lettered_page_index.selected {
	background-color: #CDEEFE;
    color: #444444;
    float: left;
}

.pagenation_holder ul li :hover {
	background-color: #2B437D;
    color: #fff;
}


/* SEARCH PAGE ENDS */

/* VEHICLE DETAILS STARTS */

.hidden_currency {
	color: #bbb;
}

.single_m1 table.header_details {
	font-size: 12px;
	width: 818px;
	text-align: left;
	border: 1px solid #777;
	border-collapse: collapse;
}

.single_m1 h2 {
	margin-bottom: 15px;
}

.single_m1 .recent_lookups {
	width: 518px;
	left: 150px;
	float: left;
	text-align: left;
	border: 1px solid #777;
	border-collapse: collapse;
}

.single_m1 th {
	background: #8BE;
	text-align: center;
}

.single_m1 tr {
	border-bottom: 1px solid #000000;
    height: 30px;
}

.single_m1 tr:hover {
	background-color: #8BE;
}

.single_m1 tr td {
	border-left: 1px dotted #777777;
    padding: 3px 3px 3px 13px;
}

.single_m1 .even_tr {
	background-color: #eee;
}

.single_m1 .odd_tr {
	background-color: #fff;
}

.single_m1 table .details_desciption {
	color: #777;
}

.single_m1 table .details_value {
	color: #000;
	font-weight: bold;
}

.details_value_otherref,
.details_value_regno,
.details_value_claimno,
.details_value_polholname,
.details_value_status,
.details_value_cat,
.details_value_nscat {
	background-color: #FFFFFF;
    border: 1px solid #F5BA78;
    border-radius: 3px;
	color: #0066CC;
	font-size: 12px;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 4px;
	min-height: 26px;
	overflow: hidden;
	padding: 5px 5px 5px 5px;
	text-overflow: ellipsis;
	width: 70px;
	white-space: nowrap;
}

.details_value_otherref {
	width: 130px;
}

.details_value_regno {
	width: 120px;
}

.details_value_claimno {
	width: 140px;
}

.details_value_polholname {
	width: 260px;
}

.details_value_status {
	width: 210px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.details_value_cat {
	text-align: center;
	width: 25px;
}

.details_value_nscat {
	width: 65px;	
}

.header_buttons {
	float: right;
	margin-top: 5px;
	height: 30px;
}

.header_button_item {
	float: left;
	margin-left: 10px;
}

.header_button_item .header-button-right-arrow,
.vista_button_green .header-button-right-arrow {
	position: absolute;
	top: 5px;
	right: 2px;
}

.header_button_item .header-button-right-arrow img,
.vista_button_green .header-button-right-arrow img {
	width:16px;
}


.recent_lookups a {
	text-decoration: none;
	color: #000;
}

.cancellation_reason {
	font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 120px;
    padding: 10px;
    resize: none;
    width: 350px;
	background-color: #FFFFFF;
    border: 1px solid #0099CC;
    border-radius: 5px;
    color: #3366CC;
	left: 10px;
	margin-top: 10px;
}

.send_cancellation {
	width: 400px;
	background-color: #FFF;
	border-radius: 8px;
	float: left;
	padding: 10px;
	margin-top: 20px;
	left: 20px;
	border: 1px solid black;
}

.send_cancellation input {
	float: left;
	left: 25px;
	width: 160px;
	height: 50px;
}

.send_clearance {
	width: 380px;
	background-color: #FFF;
	border-radius: 8px;
	float: left;
	padding: 10px;
	margin-top: 20px;
	left: 14px;
	border: 1px solid black;
}

.send_clearance input {
	float: left;
	left: 20px;
	width: 160px;
	height: 50px;
}

.overlined {
	text-decoration: line-through;
}

.send_enquiry4 {
    float: left;
    margin-left: 227px;
    clear: left;
}

.cancellation-page h2 {
    font-size: 20px;
    font-weight: bold;
}

/* VEHICLE DETAILS ENDS */

/* REPORTS STARTS */

.report_download_helper {
	margin-top: 41px;
	margin-right: 10px;
}

#get_html_report {
	margin-top: 38px;
	float: right;
	display: block;
	width: 110px;
	padding-left: 19px;
	height: 17px;
	background: url(/images/get_html_report_grey_btn.png) top left no-repeat;
	text-decoration: none;
	cursor: pointer;
	color: #000000;
	margin-right: 10px;
}

#get_pdf_report {
	margin-top: 38px;
	float: right;
	display: block;
	width: 95px;
	padding-left: 19px;
	height: 17px;
	background: url(/images/get_pdf_report_grey_btn.png) top left no-repeat;
	text-decoration: none;
	cursor: pointer;
	color: #000000;
	margin-right: 10px;
}

#get_csv_report {
	margin-top: 38px;
	float: right;
	display: block;
	width: 95px;
	padding-left: 19px;
	height: 17px;
	background: url(/images/get_csv_report_grey_btn.png) top left no-repeat;
	text-decoration: none;
	cursor: pointer;
	color: #000000;
}

.report_window {
	border: 1px solid black;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	cursor: pointer;
	height: 650px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

a.open_report_new_window {
	display: block;
	background: url(/images/view_report_grey.png) top left no-repeat;
	height: 30px;
	width: 72px;
	float: left;
	left: 15px;
	margin-top: 25px;
}

.single_m1_reports {
	background-color: #FFF;
	/*border-radius: 8px;*/
	left: 20px;
	margin: 20px auto 0 auto;
	max-width: 900px;
	padding: 20px;
	width: 100%;
}

.single_m1_reports h2 {
	margin-bottom: 10px;
}

.single_m1_reports div select {
	margin-top: 5px;
	margin-bottom: 10px;
	color: #3366cc;
	background-color: #FFFFFF;
    border: 1px solid #0099CC;
    border-radius: 5px 5px 5px 5px;
    height: 26px;
    padding: 3px;
}

.single_m1_reports #get_report_mh,
.single_m1_reports #get_report {
	background: url(/images/generate_report.png) top left #ffffff;
	left: 15px;
	margin-top: 25px;
	width: 100px;
	height: 30px;
	cursor: pointer;
}

#report_link {
	width: 100px;
	height: 30px;
	margin-top: 25px;
	left: 15px;
}

/* REPORTS ENDS */

/* ADMIN SIDE STARTS */

.review_uplift_vehicle_details {
	display: block;
	background: url(/images/view_vehicle_btn.png) top left no-repeat;
	width: 100px;
	height: 30px;
}

.review_uplift_vehicle_details_disabled {
	background: url(/images/view_vehicle_grey_btn.png) top left no-repeat;
}

.review_uplift_header {
	border-radius: 8px;
	padding: 20px;
	width: 858px;
	border: 0px;
	padding-bottom: 30px;
}

.review_uplift_header_left_panel {
	width: 460px;
	float: left;
	top: 10px;
	left: 10px;
}

.review_uplift_header_right_panel {
	width: 388px;
	float: right;
	top: 10px;

}
.uplift_request_review_header_title {
	float: left;
}

.uplift_request_review_active {
	display: block;
	background: url(/images/show_uplift.png) top left no-repeat;
	width: 140px;
	height: 30px;
	float: left;
	left: 120px;
	top: 10px;
	clear: both;
}

.clearance_review_active {
	display: block;
	background: url(/images/review_clearance.png) top left no-repeat;
	width: 140px;
	height: 30px;
	float: left;
	left: 120px;
	top: 10px;
	clear: both;
}

#clearance_review_area {
	background-color: #EBFFEA;
	margin-top: 10px;
}

.clearance_review_not_active {
	background: url(/images/review_clearance_gray.png) top left no-repeat;
}

.details_top .senders_details {
	float: left;
	margin-top: 5px;
	font-size: 12px;
}

.details_top .senders_details td {
	padding-left: 10px;
}

table.request_history {
	width: 450px;
	float: left;
}

table.request_history tr:hover {
	cursor: default;
}

.resend_btn {
	background: url(/images/resend.png) left top;
	width: 72px;
	height: 30px;
	display: block;
	float: left;
}

.resend_btn2 {
	background: url(/images/resend.png) left top;
	width: 72px;
	height: 30px;
	display: block;
	float: right;
	right: 5px;
}

.no_resend_btn {
	float: right;
	top: -20px;
}

.no_resend_btn2 {
	top: 0px;
	right: 5px;
}

.view_submitted_forms_anchors {
	text-decoration: none;
	color: #000;
	margin-right: 4px;
	margin-bottom: 8px;
	font-size: 14px;
	border-radius: 5px;
	background-color: #fff;
	padding: 4px;
	float: left;
}

.view_submitted_forms_anchor_points {
	clear: both;
}

.config_opt_name {
	border-bottom: #F23737 1px dashed;
	cursor: help;
}

.admin_top {
	background-color: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-top: -1px;
	padding: 20px;
	padding-top: 30px;
	padding-bottom: 50px;
	width: 100%;
}

.admin_top:after {
	content: "";
	display: table;
	clear: both;
}

.admin_top .config_options {
	font-size: 12px;
	width: 618px;
	text-align: left;
	border: 1px solid #777;
	border-collapse: collapse;
	left: 100px;
}

.admin_top .config_options th {
	background: none repeat scroll 0 0 #2B437D;
	color: #fff;
	text-align: center;
}

.admin_top .config_options tr {
	border-bottom: 1px solid #777;
	height: 35px;
}

.admin_top .config_options tr:hover {
	background-color: #8BE;
}

.admin_top .config_options tr td {
	padding: 3px;
	padding-left: 10px;
	border: 1px dotted #777;
	background-color: #fff;
}

.admin_top .config_options .even_tr {
	background-color: #eee;
}

.admin_top .config_options .odd_tr {
	background-color: #fff;
}

.edit_value {
	background: url(/images/edit_user_btn.png) no-repeat right top;
	width: 72px;
	height: 30px;
	cursor: pointer;
	margin-top: 1px;
}

table.search_table td.user_permissions {
	vertical-align: top;
	padding: 2px;
	width: 190px;
}

th.user_permissions_img {
	padding-left: 8px;
}

tr.user_permissions td:last-child {
	width: 130px;
	vertical-align: top;
}
tr.user_permissions td div {
	float: left;
	top: 0px;
	border-right: 1px dashed #999999;
	padding: 10px 4px;
	padding-right: 4px;
}
tr.user_permissions td div:last-child {
	border-right: none;
}
tr.user_permissions td img {
	padding-left: 1px;
	top: 20px;
}

table.list_users_table {
    border-collapse: inherit;
	border-spacing: 0px;
	table-layout: fixed;
	width: 100%;
}

a.reset_password_btn {
	background: url(/images/reset_password_btn.png) top left no-repeat;
	display: block;
	width: 61px;
	height: 30px;
	float: right;
	z-index: 10;
	top: 11px;
}

.set_password {
	background: url(/images/set_password_btn.png) top left no-repeat;
	width: 61px;
	height: 30px;
	display: block;
	float: right;
	top: 11px;
}

.delete_user {
	background: url(/images/delete_user_btn.png) top left no-repeat;
	width: 64px;
	height: 30px;
	display: block;
	float: right;
	top: 11px;
}

div.abandon_btn {
	cursor: pointer;
	width: 100px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	background: url(/images/abandon.png) top left no-repeat;
	float: left;
	top: 5px;
}

input.change_btn,
div.change_btn {
	border: 0 none;
	float: right;
	cursor: pointer;
	width: 71px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	background: url(/images/change_btn.png) top left no-repeat;
}

.change_btn_pass {
	border: 0 none;
	float: right;
	cursor: pointer;
	width: 100px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	background: url(/images/change_btn.png) top left no-repeat;
}

div.update_config_option_btn {
	float: left;
	margin-top: 10px;
	left: 290px;
}

div.create_btn {
	float: right;
	cursor: pointer;
	width: 72px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	background: url(/images/create_btn.png) top left no-repeat;
}

div.update_cme {
	float: left;
	left: 20px;
	top: 10px;
	clear: both;
	background: url(/images/update_cme_disabled_btn.png) top left no-repeat;
}

.search_form_submissions {
	float: left;
	clear: left;
	font-size: 12px;
	margin-top: 8px;
}

.search_form_submissions button, .search_form_submissions input {
	margin-left: 5px;
}

.formSubmissionsSummary {
	font-size: 12px;
	margin-top: 8px;
	margin-bottom: 4px;
	color: #2B437D;
}

/* ADMIN SIDE ENDS */

/* VALIDATION STYLES STARTS */
.v__invalid {
	background: url("/images/not_ok.png") left top no-repeat;
	color: #ff0000;
	float: left;
}
.v__valid {
	background: url("/images/ok.png") left top no-repeat;
	float: left;
}

.validation_box {
	position: absolute;
	top: -2px;
	right: 0px;
	padding-left: 20px;
	height: 16px;
}

input.today {
	height: 25px;
	float: left;
}

.v__input__invalid {
	border: solid 1px red;
}
.v__input__valid {
	border: solid 1px green;
}

.v__input__highlight {
	border: solid 1px blue;
}

.ui-datepicker-trigger {
	margin: 0 0 0 5px;
}

.hovering__advice__box {
	position: absolute;
	border-radius: 8px;
	border: 1px solid #cecece;
	background-color: white;
	color: gray;
	font-size : 12px;
	padding: 5px;
}
/* VALIDATION STYLES ENDS */

/* PRETTY PHOTO STARTS */

.detail_page_images {
	clear: both;
	margin-top: 10px;
	width: 980px;
	height: 420px;
}

.detail_page_mainimage {
	background: #fff;
	border: 1px solid #888;
	border-radius: 4px;
	display: inline-block;
	margin-top: 3px;
	padding: 10px;
	vertical-align: top;
	width: 40%;
}

.details_page_mainimage_caption {
	clear: left;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	color: #5C99F3;
}

.detail_page_thumbs {
	display: inline-block;
	min-height: 360px;
	vertical-align: top;
	width: 60%;
}

.detail_page_thumbs_help {
	clear: left;
	float: left;
	width: 400px;
	height: 20px;
	left: 6px;
	font-size: 12px;
	color: #76A9F5;
	text-align: left;
}

.detail_thumb {
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 4px;
	display: inline-block;
	margin: 3px 0 0 3px;
	padding: 6px;
	width: 100px;
}

.detail_thum:after {
	content: "";
	display: table;
	clear: both;
}

.detail_thumb:hover {
	background: #eee;
}

.detail_page_thumbs_caption {
	color: #CDE0FC;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-top: 4px;
	text-align: right;
}

.loading_thumb {
	background-repeat: no-repeat;
	max-width: 100%;
	max-height: 100%;
}

.loading_large {
	background-repeat: no-repeat;
	max-width: 100%;
	height: 300px;
	background-position: center center;
}

/* PRETTY PHOTO ENDS */
/* FOOTER STARTS */

#footer {
	width: 980px;
	padding: 20px;
	clear: both;
	background-color: #ececec;
}

/* FOOTER ENDS */

p {
	font-size: 14px;
	line-height: 16px;
}
 
.centralised-panel p a,
p a {
	color: #36C;
	text-decoration: underline;
}

.welcome {
	padding: 10px;
}

.nocol {
	border-left: none!important;
}

.rqd {
	left: 5px;
	width: 10px;
	height: 10px;
	float: left;
	background-image: url(/images/reqd_small.png);
	background-repeat: no-repeat;

}

.enter_vehicle_manually {
	font-size: 12px;
	text-decoration: underline;
	color: #36C;
	cursor: pointer;
}

.centralised-wrap {
	padding-top: 50px;
}

.centralised-panel {
	background-color: #fff;
	border: 3px solid #006838;
	display: block;
	padding: 30px 40px 30px 50px;
	margin: 0 auto;
	min-height: 200px;
	width: 500px;
}

.message_box {
	font-size: 18px;
}

.loginform p {
	font-size: 12px;
}

.loginerror {
	color: #900;
	font-size: 14px;
	font-weight: bold;
	min-height: 30px;
	left: 20px;
	width: 430px;
}

.loginsubmit {
	font-size: 14px;
	text-align: right;
}

.captcha {
	min-height: 0px;
	left: 30px;
}

.login_button {
	background: #fff;
	background: url(/images/login.png) top left no-repeat;
	width: 100px;
	height: 30px;
	border: none;
}

.note_item_start {
	background-color: #ddd;
	cursor: pointer;
}

.note_item_start1 {
	background-color: #ddd;
	cursor: pointer;
}

.note_item_start0 {
	background-color: #ccc;
	cursor: pointer;
}

#vehicle_summary_input_container, #vehicle_specs_input {
	clear: left;
}

*[class^='vista_button'] {
	border: 1px solid #278ccc;
	border-radius: 20px;
	color: #fff !important;
	display: inline-block;
	padding: 6px 15px 8px 15px;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	clear: both;
	margin: 4px;
	text-align: center;
}
.vista_button_blue {
	background: #98d8fb; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data: image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4ZDhmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTUwOTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #98d8fb 0%, #095092 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98d8fb), color-stop(100%,#095092)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #98d8fb 0%,#095092 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #98d8fb 0%,#095092 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #98d8fb 0%,#095092 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #98d8fb 0%,#095092 100%); /* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#98d8fb', endColorstr='#095092',GradientType=0 ); /* IE6-8 */
}
.vista_button_green,
.vista_button_green_2 {
	background: #98FB98; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data: image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4ZmJkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTkyNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #98FB98 0%, #099209 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98FB98), color-stop(100%,#099209)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #98FB98 0%,#099209 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #98FB98 0%,#099209 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #98FB98 0%,#099209 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #98FB98 0%,#099209 100%); /* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#98FB98', endColorstr='#099209',GradientType=0 ); /* IE6-8 */
	border: 1px solid #27cc8c;
}
.vista_button_green_2 {
	font-size: 14px;
    padding: 10px 15px 11px 15px;
	margin: -2px;
	margin-left: 314px;
}
.vista_button_red {
	background: #fb9898; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data: image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiOTg5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MjAwMDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fb9898 0%, #920909 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb9898), color-stop(100%,#920909)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fb9898 0%,#920909 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fb9898 0%,#920909 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fb9898 0%,#920909 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fb9898 0%,#920909 100%); /* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fb9898', endColorstr='#920909',GradientType=0 ); /* IE6-8 */
	border: 1px solid #CC3C27;
}

.vista_button_yellow {
	background: #fbfb98; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data: image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmI5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MjkyMDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fbfb98 0%, #929209 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfb98), color-stop(100%,#929209)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbfb98 0%,#929209 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbfb98 0%,#929209 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbfb98 0%,#929209 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fbfb98 0%,#929209 100%); /* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbfb98', endColorstr='#929209',GradientType=0 ); /* IE6-8 */

}

*[class^='vista_button']:hover {
	text-decoration: underline;
	cursor: pointer;
	box-shadow: 0px 0px 5px #000000;
}

.agents_allocated_uplifts_table {
	background: none repeat scroll 0 0 transparent;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0;
}

.agents_allocated_uplifts_table,
.agents_allocated_uplifts_table * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.agents_allocated_uplifts_table thead th {
	background: none repeat scroll 0 0 #2B437D;
	border-style: solid;
	border-color: #2B437D;
	border-width: 1px 1px 0 1px;
}

.agents_allocated_uplifts_table tbody tr:hover {
	background-color: #D5EFFF;
}

.agents_allocated_uplifts_table tr td:last-child {
	text-align: center;
	vertical-align: middle;
	border-width: 0 1px 0 1px;
}

.agents_allocated_uplifts_table td {
	border-color: #777777;
	border-style: dotted;
	border-width: 0 0 0 1px;
	color: #000000;
	text-align: center;
	padding: 3px;
}
.agents_allocated_uplifts_table td:nth-child(3),
.agents_allocated_uplifts_table td:nth-child(4) {
	text-align: left;
}

.agents_allocated_uplifts_table td a {
	color: #000;
	text-decoration: none;
}

.agents_allocated_uplifts_table td a:hover {
	text-decoration: underline;
}

.agents_uplifts_search_row {
	/*width: 420px;*/
	display: inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.agents_uplifts_search_row,
.agents_uplifts_search_row * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.agents_uplifts_search_row label {
	padding: 0 12px 0 10px;
	display: inline-block;
	margin: 4px 0;
	width: 65px;
}

.agents_uplifts_search_row #agents_criteria {
	margin: 0 0 4px 0;
	padding: 3px;
}

.agents_uplifts_search_row #agents_sort_order {
	width: 350px;
	padding: 3px;
}

.clear_left {
	clear: left;
}

#search_allocations {
	margin: 0 0 0 20px;
	vertical-align: middle;
}

.search_allocations_container {
	display: inline-block;
	line-height: 56px;
	position: absolute;
}

.even_row {
	background-color: #EEEEEE;
}

.agent_message_inbox_container .even_row {
	background-color: #EEEEFF;
}

.odd_row {
	background-color: #FFFFFF;
}

.searchs_reset_btn {
	background: url("/images/reset_btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: inline-block;
	position: absolute;
	width: 44px;
	height: 16px;
	border: none;
	top: 2px;
	right: 2px;
	cursor: pointer;
}

.negativeMessage {
	background-color: #ffcccc;
	border: 2px solid #990000;
	border-radius: 8px;
	color: #880000;
	padding: 12px;
	font-size: 14px;
}
.positiveMessage {
	background-color: #ccffcc;
	border: 2px solid #009900;
	border-radius: 8px;
	color: #008800;
	padding: 12px;
	font-size: 14px;
}


.manage_agents_table {
	background: none repeat scroll 0 0 transparent;
	border-left: 1px dotted transparent;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-spacing: 0;
}

.manage_agents_table tr {
	background-color: #2B437D;
}

.manage_agents_table tr:last-child td {
	border-bottom: 1px dotted #777777;
}

.manage_agents_table td {
	border-left: 1px dotted #777777;
	padding: 3px 3px 3px 13px;
	color: #000;
	font-weight: normal;
	text-align: left;
}

.manage_agents_table td:last-child {
	border-right: 1px dotted #777777;
}

.manage_agents_table .even_row {
	background-color: #EEEEEE;
}

.manage_agents_table .odd_row {
	background-color: #FFFFFF;
}

.manage_agents_table tbody tr:hover {
	background-color: #D5EFFF;
}

.within_contract {
	background-color: #DDFFDD;
}

.rejected_previously {
	background-color: #fcc;
}

.white_bg a {
	background-color: #fff;
}

.agents_general_search_table tr:hover {
	cursor: auto !important;
}
.agents_general_search_table a:hover {
	text-decoration: underline;
}

.internal_invoice .internal_invoice_recipient {
    left: 10px;
    position: absolute;
    top: 9px;
    width: 25%;
	text-align: left;
}

.internal_invoice table {
	border-collapse: collapse;
	margin-left: 28%;
	padding: 4px;
	table-layout: fixed;
	width: 72%;
}
.internal_invoice table thead th {
	border: 1px solid #BBB;
	border-width: 0 1px 1px 0;
}

.internal_invoice table td,
.internal_invoice table th{
	padding: 4px;
}
.internal_invoice table tbody td,
.internal_invoice table tfoot td {
	border: 1px solid #BBB;
	border-width: 0 1px 1px 0;
}

.internal_invoice table tfoot th {
	border-bottom: 1px solid #BBB;
}

#browser_nagger_wrap {
	box-sizing: border-box;
	display: none;
	max-height: 100px;
	padding: 4px 8px;
	width: 100%
}
#browser_nagger_wrap #browser_nagger {
	background-color: #faa;
	box-sizing: border-box;
	border: 1px solid #900;
	border-radius: 6px;
	color: #fff;
	font-weight: bold;
	padding: 12px;
	width: 100%;
}

.password-expiry-message {
	border: 2px solid #990000;
	border-radius: 8px;
    font-size: 18px;
    font-weight: normal;
	margin: 0;
    padding: 6px;
    color: #990000;
}

.password-expiry-message.urgent-change {
    font-weight: bold;
    font-size: 22px;
}

.floatfix {
	display: inline-block;
}

.floatfix:after {
  content: "";
  display: table;
  clear: both;
}

.width45pc {
	width: 45%;
}

.vehicle_details_uplift,
.vehicle_details_general,
.vehicle_details_recovery,
.vehicle_details_clearance,
.vehicle_details_damage,
.vehicle_details_images,
.vehicle_details_return {
	/*background-color: #FFFEEA;*/
}

.add-user-form {
	margin: 0 auto;
	width: 900px;
}

.invoice_item:after {
  content: "";
  display: table;
  clear: both;
}

.update_log_table {	
    width: 100%;
    text-align: left;
	border: 1px solid black;
	border-collapse: collapse;
	font-size: 12px;
}

.update_log_table th {
	padding: 5px;
	border: 1px solid black;
	border-collapse: collapse;
}

.update_log_table .date {
	font-weight: normal;
	width:130px;
}

.update_log_table .username {
	font-weight: normal;
	min-width: 70px;
}

.update_log_table .description,
.update_log_table .ip {
	font-weight: normal;
}

#uplift-clearance-form #claim_no,
#uplift-clearance-form #updated_claimno {
	max-width: none;	
}

.is_credit_invoice {
	color: #0000ff;
}

.is_outstanding_invoice {
	color: #ff0000;
	background-color: #E4E4E4;
}

.hide_element {
	display: none !important;
}

.btn_recovery_invoices,
.btn_internal_invoices {
	position: absolute;
	top: 3px;
    right: -140px;
	text-decoration: none;
	min-width: 134px;
}

.btn-on-old {
	width: 105px;
    position: absolute !important;
    left: 140px;
    top: 1px;
    height: 29px !important;
    line-height: 27px !important;
	text-align: center;
	cursor: pointer;
}

.GridViewStyle {
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    border: none;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
}

.HeaderStyle {
    color: #fff;
    background-color: #2B437D;
    font-size: 13px;
    font-weight: bold;
}

.GridViewStyle th {
    padding-top: 6px;
    padding-bottom: 6px;
    height: 32px;
    border: none;
}

.RowStyle {
    color: #000;
    background-color: #eee;
    height: 28px;
}

.AlternatingRowStyle {
    color: #000;
    background-color: #fff;
    height: 28px;
}

.GridViewStyle td {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: left;
    border: none;
}

.GridViewStyle td a {
	color: #009;
	font-weight: bold;
	font-size: 13px;
}

.error_banner {
	width: 100%;
	margin: auto 0px;
	left: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 20px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.ok_banner {
	width: 100%;
	margin: auto 0px;
	left: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 20px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

pre.debug_var,
pre.debug_var td {
	font-family: monospace;
	margin: 10px;
	padding: 10px;
	background-color: #EEEEEE;
}
