@import url('/css/ui.theme.css'); 
@import url('/css/ui.core.css');
@import url('/css/ui.datepicker.css'); 

#emissions_finder td { padding: 5px;}

/*Auto Complete*/
.ac_wrapper { height: 17px; width: 150px; }
.ac_upper { border: solid #7f9db9 1px; cursor: pointer; }
.ac_list { background: white; display: none; border: solid #7f9db9 1px; border-top: 1px white solid; margin-top: -1px; max-height: 300px; overflow-y: auto; position: absolute;width: 148px; }
.ac_list li { list-style-type: none; padding: 2px; color:#0b54d2;}
.ac_list li.odd { background: #ebeff9; }
.ac_list li.even { background: white; }
.ac_list li:hover { cursor: pointer; background: #c3d9ff; }


/**
 * POPUP CONTAINER STYLES
 */
#popupMask { position: absolute; z-index: 200; top: 0px; left: 0px; height: 100%; opacity: .4; filter: alpha(opacity=40); /* this hack is so it works in IE 	 * I find setting the color in the css gives me more flexibility  	 * than the PNG solution. 	 */ /*background-color:transparent !important;*/ background-color: #333333; /* this hack is for opera support 	 * you can uncomment the background-image if you don't care about opera. 	 * this gives you the flexibility to use any bg color that you want, instead of the png 	 */ /*background-image: url("../images/maskBG.png") !important; /* For browsers Moz, Opera, etc.*/ background-image: none; background-repeat: repeat; display: none; }
#popborder { border: 1px solid #757575; }
#popupContainer { position: absolute; z-index: 203; top: 0px; left: 0px; display: none; padding: 0px; }
#popupInner { border: 3px solid #C3D9FF; background-color: white; }
#popupFrame { margin: 0px; height: 100%; position: relative; z-index: 202; vertical-align: top; }
#popupTitleBar { border: 2px solid white; background-color: #E0ECFF; color: #ffffff; font-weight: bold; height: 15px; padding: 5px; position: relative; z-index: 203; }
#ModalTitle { color: Black; width: 100%; }
#popupControls { float: right; cursor: pointer; }
#calendartable td { padding: 2px; }
#delete_confirmation_modal{color:#cc0000;}




/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; z-index: 999;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  z-index: 999;}
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:left; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}





table { border-collapse: collapse; border-spacing: 0px; }
td { padding: 0px; border: 0px; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, label, img { margin: 0; border: 0; padding: 0; }
hr { border: solid 0px; height: 1px; color: #C3D9FF; background-color: #C3D9FF; width: 95%; }
textarea { overflow: auto; }
input { font-size: 1em; font-family: Arial; vertical-align: middle; }
input[type="radio"] { margin: 0px 3px 2px 3px; }
input[type="text"] { margin: 0px 0px 2px 2px; }
.link { color: #3366BB; text-decoration: underline; cursor: pointer; }
.link:hover { color: #3366BB; }
.link2 { color: #3366BB; text-decoration: underline; cursor: pointer; font-weight: bold; }
.link2:hover { color: #3366BB; font-weight: bold; }
.external { background: transparent url(http://taxplex.co.uk/images/external.gif) no-repeat scroll right center; padding-right: 10px; margin-right: 3px; }
input[disabled] { color: GrayText !important; }
.line { border-bottom: 1px solid #C3D9FF; padding: 15px 0 0 0; }
.nowrap { white-space: nowrap; }

#allocated_benefit_details select { font-size: 12px; height: 19px; }
.label_validator { color: #c22f2f; }

.calendar_icon { padding: 3px 3px 0px; }
.input_generic { border: solid #7f9db9 1px; }
#table_new_payment { border-collapse: separate; border-spacing: 3px; margin: 10px 0 0 0; }
.inputs_new_payment { border: solid #7f9db9 1px; }
.input_date { border-collapse: collapse; border-spacing: 0px; }
.input_date input { width: 70px; height: 14px; }
.td_label { font-weight: bold; }
.allocated_benefit_left_menu_wrapper { background: #E0ECFF; height: 100%; width: 118px;  }
.allocated_benefit_left_menu { width: 100%; margin-left:5px;}
.allocated_benefit_left_menu td { white-space: nowrap; font-weight: bold; }
.payment_item { padding: 3px 3px 5px 0; }
.aloc_b_payment_content { width: 100%; }
#allocated_b_details { vertical-align: top; padding: 10px; width:550px;}
.input_percentage { border: solid #7f9db9 1px; margin: 3px 10px 3px 3px; background: white; }
.input_percentage input { height: 13px; width: 20px; }

.inputs_company_car_details { border: solid #7f9db9 1px; margin: 0 10px 5px 0; background: white; }
.inputs_company_car_details input { height: 13px; width: 90px; }
.inputs_company_car_details_date { border: solid #7f9db9 1px; margin: 0 5px 0px 0; }
.inputs_company_car_details_date input { height: 13px; width: 71px; }
.inputs_company_car_money { border: solid #7f9db9 1px; margin: 0 10px 5px 0; }
.inputs_company_car_money input { height: 13px; width: 81px; }
.inputs_vehicle_fuelemissions { border: solid #7f9db9 1px; margin: 5px 2px 5px 5px; }
.inputs_vehicle_fuelemissions input { height: 13px; width: 35px; }
.inputs_loan_details { border: solid #7f9db9 1px; margin: 3px 10px 3px 3px; background: white; }
.inputs_loan_details input { height: 13px; width: 60px; }
.inputs_reloc_details { border: solid #7f9db9 1px; margin: 3px 10px 3px 3px; background: white; }
.inputs_reloc_details input { height: 13px; width: 60px; }
.inputs_generic_details { border: solid #7f9db9 1px; margin: 3px 10px 3px 3px; background: white; }
.inputs_generic_details input { height: 13px; width: 250px; }
.inputs_loan_details_date { border: solid #7f9db9 1px; margin: 0 5px 0px 3px; }
.inputs_loan_details_date input { height: 13px; width: 71px; }
.inputs_acom_details { border: solid #7f9db9 1px; margin: 3px 10px 3px 3px; background: white; }
.inputs_acom_details input { height: 13px; width: 60px; }
.inputs_acom_details_date { border: solid #7f9db9 1px; margin: 0 5px 0px 3px; }
.inputs_acom_details_date input { height: 13px; width: 71px; }
#table_second_car { background: #edf1f8; }
#table_replacement_car { margin: 3px 0 0 0; }
#table_another_car { margin: 0 0 3px 0; }
#table_privatefuel { background: #edf1f8; }
#table_privatefuel td { padding: 1px; }
#table_co2missingdetails { background: #edf1f8; }
#table_co2missingdetails td { padding: 1px; }
.calc_category { font-weight: bold; color: #cc0000; }

.info { color: Gray; }
.info2 { color: Gray; font-weight: bold; }
.info3 { color: black; font-weight: bold; font-size: 14px; padding: 10px; }

/* BEGIN: list table*/
.list_table { width: 100%; }
.list_table td { white-space: nowrap; }
.list_table_header td { background: #e5e5e5; border-top: solid 1px #bbbbbb; border-bottom: solid 1px #bbbbbb; padding: 2px 5px 2px 5px; }
.list_header_cell { border-left: solid 1px #bbbbbb; border-right: solid 1px #bbbbbb; }
.list_header_cell_left { border-left: none 0px; border-right: solid 1px #bbbbbb; }
.list_header_cell_right { border-left: solid 1px #bbbbbb; border-right: none 0px; }
.list_data_cell { border: solid 1px #dddddd; padding: 3px 3px 0 3px; }
.list_data_cell_left { border: solid 1px #dddddd; border-left: none 0px; border-right: solid 1px #dddddd; }
.list_data_cell_right { border: solid 1px #dddddd; border-left: solid 1px #dddddd; border-right: none 0px; padding: 3px; width: 100%; }
.list_cell_numeric { text-align: right; }
.list_row_odd { background: #fff; cursor: pointer; }
.list_row_even { background: #f9f9f9; cursor: pointer; }
.input_editable_numeric { padding: 0px; margin: 0px; border: none 0px white; text-align: right; background-color: transparent; }
.input_editable_string { padding: 0px; margin: 0px; border: none 0px white; text-align: left; background-color: transparent; }
.list_cell_editable:hover { background: #fef3ce; }
.list_cell_editable:hover input { background: #fef3ce; }
.list_cell_edit:hover { background: white; }
/* END: list table*/

/* BEGIN: allocated benefits list*/
.allocated_benefits_row_selected { background: #c5d7f9; cursor: pointer; }
.allocated_benefits_row_odd { background: #fff; cursor: pointer; }
.allocated_benefits_row_even { background: #f9f9f9; cursor: pointer; }
.allocated_benefits_row_odd:hover { background: #fef3ce; cursor: pointer; }
.allocated_benefits_row_even:hover { background: #fef3ce; cursor: pointer; }
/* END: allocated benefits list*/

/* BEGIN: allocated payments list*/
#table_payments { margin: 10px 0 0 0; }
.allocated_payments_row_selected { background: #c5d7f9; }
.allocated_payments_row_odd { background: #fff; }
.allocated_payments_row_even { background: #f9f9f9; }
/* END: allocated payments list*/

/* BEGIN: available benefits list*/
#div_employee_available_benefits { background: #eaf3fd; border-left: solid 1px #c6dff9; }
.list_available_benefits { }
.list_available_benefits_cell { border-top: solid 1px #c6dff9; border-bottom: solid 1px #c6dff9; white-space: nowrap; }
.list_available_benefits_cell_desc { width: 100%; min-width: 190px; }
.list_available_benefits_row:hover td { background: #fef3ce; }
.list_available_benefits_row { background: #eaf3fd; cursor: pointer; }
.list_available_benefits_row_selected { background: #a6c5f4; cursor: pointer; }
#available_benefits_counter { font-size: 14px; font-weight: bold; }
/* END: available benefits list*/

.button2 b { display: block; margin: 0 1px; border: solid #aaa; border-width: 1px 0; padding: 0; font-weight: normal; background: #c5d7f9 url(http://taxplex.co.uk/images/bg/btn2_bg.gif) repeat-x 0 0; color: #042649; }
.button2:hover b { border-color: #888; }
.button2 b b { background: none; margin: 0 -1px; padding: 0 5px 0 5px; border-width: 0 1px; }
.button2 b b b { margin: 0; padding: .1em .2em; border-width: 0; cursor: pointer; }

.button3 b { display: block; margin: 0 1px; border: solid #aaa; border-width: 1px 0; padding: 0; font-weight: bold; background: #c5d7f9 url(../images/bg/btn2_bg.gif) repeat-x 0 0; color: #042649; }
.button3:hover b { border-color: #888; }
.button3 b b { background: none; margin: 0 -1px; padding: 0 5px 0 5px; border-width: 0 1px; }
.button3 b b b { margin: 0; padding: .1em .2em; border-width: 0; cursor: pointer; }

/* BEGIN: Rounded border */
.button div.r1 { padding: 0 1px; /* Needed for IE */ /* REALLY? border: none; position: relative; */ }
.button div.r2 { border-width: 1px 0; border-style: solid; border-color: #aaa; background: #e4e4e4 url(http://taxplex.co.uk/images/bg/btn3_bg.gif) repeat-x 0 0; height: 20px; }
.button div.r3 { border-width: 0 1px; border-style: solid; border-color: #aaa; margin: 0 -1px; text-align: center; height: 20px; }
.button div.r2:hover { border-width: 1px 0; border-style: solid; border-color: #888; background: #e4e4e4 url(http://taxplex.co.uk/images/bg/btn3_bg.gif) repeat-x 0 0; height: 20px; cursor: pointer; }
.button div.r3:hover { border-width: 0 1px; border-style: solid; border-color: #888; margin: 0 -1px; text-align: center; height: 20px; }
.button div.roundedcontent { padding: 3px 0 5px 0; font-weight: bold; }

.buttondisabled div.r1 { padding: 0 1px; /* Needed for IE */ /* REALLY? border: none; position: relative; */ }
.buttondisabled div.r2 { border-width: 1px 0; border-style: solid; border-color: #aaa; background: #e4e4e4; height: 20px; }
.buttondisabled div.r3 { border-width: 0 1px; border-style: solid; border-color: #aaa; margin: 0 -1px; text-align: center; height: 20px; }
.buttondisabled div.r2:hover { border-width: 1px 0; border-style: solid; border-color: #aaa; background: #e4e4e4; height: 20px; cursor: default; }
.buttondisabled div.r3:hover { border-width: 0 1px; border-style: solid; border-color: #aaa; margin: 0 -1px; text-align: center; height: 20px; }
.buttondisabled div.roundedcontent { padding: 3px 0 5px 0; font-weight: bold; color: Gray; }

.button1 div.r1 { padding: 0 1px; /* Needed for IE */ /* REALLY? border: none; position: relative; */ }
.button1 div.r2 { border-width: 1px 0; border-style: solid; border-color: #aaa; background: #e4e4e4 url(http://taxplex.co.uk/images/bg/btn3_bg.gif) repeat-x 0 0; height: 20px; }
.button1 div.r3 { border-width: 0 1px; border-style: solid; border-color: #aaa; margin: 0 -1px; text-align: center; height: 20px; }
.button1 div.r2:hover { border-width: 1px 0; border-style: solid; border-color: #888; background: #e4e4e4 url(http://taxplex.co.uk/images/bg/btn3_bg.gif) repeat-x 0 0; height: 20px; cursor: pointer; }
.button1 div.r3:hover { border-width: 0 1px; border-style: solid; border-color: #888; margin: 0 -1px; text-align: center; height: 20px; }
.button1 div.roundedcontent { padding: 3px 0 5px 0; }
/* END: Rounded border */

.side_tab_selected div.r2 { border: 1px solid #C1D9FF; background: white; height: 30px; border-right: 0px; }
.side_tab_selected div.r3 { border: 0; margin: 0; height: 30px; border-right: 0px; }
.side_tab_selected div.roundedcontent { padding: 7px 5px 5px 15px; font-weight: bold; }

.side_tab div.r2 { border: 1px solid #E0ECFF; background: #E0ECFF; height: 30px; border-right: 1px solid #C1D9FF; }
.side_tab div.r3 { border: 0; margin: 0; height: 30px; border-right: 1px solid #E0ECFF; }
.side_tab div.roundedcontent { padding: 7px 5px 5px 15px; color: #0c4ea6; text-decoration: underline; cursor: pointer; }