@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: 0.8rem;
    background: green; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, lightgreen 0%, green 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, lightgreen), color-stop(100%, green)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, lightgreen 0%, green 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, lightgreen 0%, green 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, lightgreen 0%, green 100%); /* IE10+ */
    background: linear-gradient(to bottom, lightgreen 0%, green 100%); /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='lightgreen', endColorstr='green', GradientType=0); /* IE6-8 */
    background-repeat: no-repeat;
}

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;
}

.passwordRequirementsList * {
    font-family: consolas;
    font-size: 0.7rem;
}

#passwordResults {
    font-weight: bold;
    color: crimson;
    font-size: 0.9rem;
    transition: all 0.13s;
}

#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: auto;
}

.form_r1, .form_r3 {
    background-color: #ffffff;
    border: 1px solid black;
    /*border-radius: 8px;*/
    clear: right;
    padding: 10px;
    padding-bottom: 20px;
    margin: 20px 0 0 12px;
    width: auto;
}

.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;
}

.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 0 15px;
    text-align: left;
}

#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: auto;
}

.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 {
    /*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 {
    box-shadow: inset 0px -3px 7px 0px #3dc21b;
    background: linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
    background-color: #44c767;
    border-radius: 3px;
    border: 1px solid #18ab29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Trebuchet MS;
    font-size: 15px;
    padding: 9px 23px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
}

.search_form_submissions .control_button1 {
    box-shadow: inset 0px -3px 7px 0px #3dc21b;
    background: linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
    background-color: #44c767;
    border-radius: 3px;
    border: 1px solid #18ab29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Trebuchet MS;
    font-size: 15px;
    padding: 9px 23px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
}

.search_top .control_button2 {
    box-shadow: inset 0px -3px 7px 0px #3dc21b;
    background: linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
    background-color: #44c767;
    border-radius: 3px;
    border: 1px solid #18ab29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Trebuchet MS;
    font-size: 15px;
    padding: 9px 23px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
}

.admin_top .control_button2 {
    box-shadow: inset 0px -3px 7px 0px #3dc21b;
    background: linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
    background-color: #44c767;
    border-radius: 3px;
    border: 1px solid #18ab29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Trebuchet MS;
    font-size: 15px;
    padding: 9px 23px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
}

.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;
}

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;
}

.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;
    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;
    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;
    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;
    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 {
    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;
    width: 100px;
    height: 30px;
}

.review_uplift_vehicle_details_disabled {}

.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;
    width: 140px;
    height: 30px;
    float: left;
    left: 120px;
    top: 10px;
    clear: both;
}

.clearance_review_active {
    display: block;
    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 {}

.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 {
    box-shadow: inset 0px -3px 7px 0px #3dc21b;
    background: linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
    background-color: #44c767;
    border-radius: 3px;
    border: 1px solid #18ab29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Trebuchet MS;
    font-size: 15px;
    padding: 9px 23px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
}

.resend_btn2 {
    box-shadow: inset 0px -3px 7px 0px #3dc21b;
    background: linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
    background-color: #44c767;
    border-radius: 3px;
    border: 1px solid #18ab29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Trebuchet MS;
    font-size: 15px;
    padding: 9px 23px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
}

.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 {
    box-shadow: inset 0px -3px 7px 0px #3dc21b;
    background: linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
    background-color: #44c767;
    border-radius: 3px;
    border: 1px solid #18ab29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Trebuchet MS;
    font-size: 15px;
    padding: 9px 23px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
}

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 {
    box-shadow: inset 0px -3px 7px 0px #3dc21b;
    background: linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
    background-color: #44c767;
    border-radius: 3px;
    border: 1px solid #18ab29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Trebuchet MS;
    font-size: 15px;
    padding: 9px 23px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
}

.set_password {
    box-shadow: inset 0px -3px 7px 0px #3dc21b;
    background: linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
    background-color: #44c767;
    border-radius: 3px;
    border: 1px solid #18ab29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Trebuchet MS;
    font-size: 15px;
    padding: 9px 23px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
}

.delete_user {
    box-shadow: inset 0px -3px 7px 0px #3dc21b;
    background: linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
    background-color: #44c767;
    border-radius: 3px;
    border: 1px solid #18ab29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Trebuchet MS;
    font-size: 15px;
    padding: 9px 23px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
}

div.abandon_btn {
    box-shadow: inset 0px -3px 7px 0px #3dc21b;
    background: linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
    background-color: #44c767;
    border-radius: 3px;
    border: 1px solid #18ab29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Trebuchet MS;
    font-size: 15px;
    padding: 9px 23px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
}

input.change_btn, div.change_btn {
    box-shadow: inset 0px -3px 7px 0px #3dc21b;
    background: linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
    background-color: #44c767;
    border-radius: 3px;
    border: 1px solid #18ab29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Trebuchet MS;
    font-size: 15px;
    padding: 9px 23px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
}

input.change_btn:hover, div.change_bt:hover {
    background: linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
    background-color: #5cbf2a;
}

input.change_btn:active, div.change_bt:active {
    position: relative;
    top: 1px;
}

.change_btn_pass {
    box-shadow: inset 0px -3px 7px 0px #3dc21b;
    background: linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
    background-color: #44c767;
    border-radius: 3px;
    border: 1px solid #18ab29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Trebuchet MS;
    font-size: 15px;
    padding: 9px 23px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
}

.change_btn_pass:hover {
    background: linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
    background-color: #5cbf2a;
}

.change_btn_pass:active {
    position: relative;
    top: 1px;
}

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 */
.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;
    height: 100%;
}

.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;
    clear: both;
    font-size: 14px;
    font-weight: bold;
    min-height: 30px;
    left: 20px;
    float: left;
    width: 430px;
}

.loginsubmit {
    font-size: 14px;
    text-align: right;
}

.captcha {
    clear: both;
    min-height: 0px;
    left: 30px;
    float: left;
}

.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;
}

.reset-input {
    background-color:
        #fff;
    border: 1px solid #55ba5b;
    border-radius: 4px;
    color:
        black;
    display: inline-block;
    margin: 6px 0;
    padding: 4px 6px 4px 10px;
    font-size: 12px;
    width: 250px;
}

*[class^='vista_button'] {
    border: 1px solid #48ce22;
    border-radius: 4px;
    color: #fff !important;
    display: inline-block;
    padding: 6px 15px 8px 15px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    clear: both;
    margin: 4px;
    text-align: center;
}

*[class^='vista_blue_dis'] {
    border: 1px solid #278ccc;
    border-radius: 5px;
    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: green; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, lightgreen 0%, green 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, lightgreen), color-stop(100%, green)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, lightgreen 0%, green 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, lightgreen 0%, green 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, lightgreen 0%, green 100%); /* IE10+ */
    background: linear-gradient(to bottom, lightgreen 0%, green 100%); /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='lightgreen', endColorstr='green', GradientType=0); /* IE6-8 */
}

.vista_blue_dis {
    background: grey;
    color: floralwhite;
}

.vista_button_green, .vista_button_green_2 {
    background: #98FB98; /* Old browsers */
    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 4px #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;
}

input:read-only, #updatePassword:disabled {
    background-color: #ccc !important;
}