#routingBlock .help_dialog_opener {
	position:relative;
	float: left;
	margin: 6px 0 0 40px;
}

#routes_table_list {
	margin-bottom: 10px;
	overflow: hidden;
}

#accordion_placeholder + #routes_table_list {
	margin-bottom: 0px;
}

.routes_report_easyMap {
	border-bottom: 1px solid #cccccc; /* Same as .routes_head th */
	width: 100%;
}

.routes_report_easyMap table {
	border-collapse:collapse;
	width: 100%;
}

.routes_report_easyMap .scrollable_history {
	clear: both;
	height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#rtd2_div .scrollable_history table {
	position: static;
}

.routes_report_easyMap,
.routes_report_easyMap .routes_head,
.routes_report_easyMap .routes_head td,
.routes_report_easyMap .routes_body, 
.routes_report_easyMap .routes_body td,
.routes_body a {
	font-size:10px;
	font-weight: normal;
}

.routes_report_easyMap .routes_head th {
	border-bottom: 1px solid #cccccc; /* Same as routes_report_easyMap */
	background: #eeeeee;
	padding: 5px 0;
}

.routes_report_easyMap .routes_head .scrollbar {
	width: 17px;
}

.routes_report_easyMap td.incremental_number, .routes_report_easyMap th.incremental_number {
	width: 18px;
	font-weight: bold;
}

.routes_report_easyMap td.radiobutton_pair, .routes_report_easyMap th.radiobutton_pair {
	padding: 0;
	width: 40px;
}

.routes_report_easyMap td.radiobutton_pair input {
	margin: 0;
	padding: 0;
}

.routes_report_easyMap .address,
.routes_report_easyMap .distance {
	padding-left: 3px;
}

.routes_report_easyMap .address .closestcity,
.routes_report_easyMap .address .known_address,
.routes_report_easyMap .address .objects {
	font-weight: bold;
}

.routes_report_easyMap .address .latlon {
	color: #607fa5;
}

.routes_report_easyMap .distance {
	font-weight: bold;
}

.routes_report_easyMap .liters {
	width: 0;
}

.routes_report_easyMap .time_period {
	width: 68px;
}

.routes_report_easyMap .time_from {
	float: left;
}

.routes_report_easyMap .time_to {
	float: right;
	padding-left:2px;
}

.routes_report_easyMap .time_period_new_day {
	clear: both; /* Else Chrome and IE starts the date div on the first row after the start time. */
	text-align: center;
	font-weight: bold;
}

.routes_report_easyMap .timediff {
	padding-left: 4px;
	text-align: right;
}

.routes_report_easyMap .first_selection_row td {
	border-top: 2px solid #114380;
	padding-top: 3px;
}

.routes_report_easyMap .sum_row {
	display: none;	/* Do not show the sum rows by default. */
}

.routes_report_easyMap .sum_row td {
	border-bottom: 2px solid #114380;
	background: #e3e3fc;
	padding-top: 6px;
	padding-bottom: 5px;
	font-size: 11px;
}

#routes_table_list .routes_report_easyMap .sum_row .selection_mode_switcher {
	float: right;
	width: 70px;
	font-size: 9px;
}

#routes_table_list .routes_report_easyMap .sum_row .total_values {
	margin-left: 20px;
	width: auto; /* Overriding the #nav-something width. */
}

#routes_table_list .routes_report_easyMap .sum_row .ttl_dist_sum {
	float: left;
	width: 50%;
}

#routes_table_list .routes_report_easyMap .sum_row .ttl_time_sum {
	float: left;
	width: 50%;
}

#routes_table_list .routes_report_easyMap .sum_row .ttl_time_sum div,
#routes_table_list .routes_report_easyMap .sum_row .ttl_dist_sum div {
	margin-bottom: 4px;
}

#routes_table_list .routes_report_easyMap .sum_row .ttl_dist_sum .row_padded {
	margin-left:1rem;
}

.routes_report_easyMap .sum_row span {
	font-size: 11px;
	font-weight: bold;
}

.routes_report_easyMap .sum_row span.hidden_label {	/* The style of the hidden label should match the visible labels. */
	visibility: hidden;
	font-weight: normal;
}

.routes_report_easyMap .routes_body tr.driving td {
	background-color: #ffffff;
	color: #666666;
}

.routes_report_easyMap .routes_body tr.standing td {
	background-color:#f2f2f2;
}

.routes_report_easyMap .routes_body tr.dataloss td{
	background-color: #dddddd;
}

.routes_report_easyMap .driving .sel_totals_to {
	display: none; /* Do not allow to select a driving period as the ending point. */
}

.routes_report_easyMap .driving .sel_totals_from {
	display: none; /* By default, select the stoppings as the starting point, which means the first stopping time is included in totals. */
}

.modular_report_table .modular_report_table_body .highlighted .highlightable {
	background-color: #E3E3FC;
}

.ph_route_name {
	font-weight: bold;
}

input.ph_route_name {
	width: calc(100% - 19px); /* 19=margin+border+padding, all those values are inherited. */
}

.route_properties_and_controls_row {
	height: 40px;
	margin-left: 12px;
	position: relative;
}

.route_properties_and_controls_row img {
	padding-right: 5px;
	vertical-align: middle;
}

.route_properties_and_controls_row > .route_properties,
.route_properties_and_controls_row > .route_block_controls {
	padding: 5px 0;
}

.route_properties_and_controls_row {
	margin-bottom: 5px;
}

.route_properties_and_controls_row .route_properties {
	height: 30px;
}

.route_block_controls {
	display: inline-block;
	overflow: hidden;
}

.route_block_controls img {
	vertical-align: middle;	/* Because the images are not of the same height. */
}

.route_block_controls .group {
	display: inline-block;
	margin-right: 6px;
}

.routingBlockRoute .segment_body .route_title,
.routingBlockRoute .segment_body .route_distance, 
.routingBlockRoute .segment_body .route_car, 
.routingBlockRoute .segment_body .route_date, 
.routingBlockRoute .segment_body .route_driver,
.routingBlockRoute .segment_body .route_starting_time,
.routingBlockRoute .segment_body .route_targets_order,
.routingBlockRoute .segment_body .route_use_base_object {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	position: absolute;
	text-align: left;
	vertical-align: middle;
}

.routingBlockRoute .segment_body .route_targets_order,
.routingBlockRoute .segment_body .route_use_base_object {
	position: static;
	padding-right: 25px;
}

/* Limit space that can be taken. */
.routingBlockRoute .segment_body .route_driver span {
	display: block;
	float: right;
	max-width: 200px;
}

.routingBlockRoute .segment_body .route_date {
	left: 74%;
	width: 120px;
}

.routingBlockRoute .segment_body .route_starting_time {
	left: 87%;
}

.route_travel_data {
	background-color: #ededed;
	color: #28445c;
	font-size: 12px;
	font-weight: bold;
	 /*114 to align with second column of the table above */
	padding: 15px 0 15px 90px;
}

.route_travel_data .summary_data {
	padding-right: 40px;
}

.route_list_stored {
	height: 100%;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	background: #e5e5e5;
}

.route_list_stored .route_list {
	position:relative;
}

.route_list_container {
	/*height: 250px;	/* This must be dynamically calculated and/or customised by the user. */
	border-top: 1px solid #cccccc;
	/*border-bottom: 1px solid #cccccc; Do not override the border of a resizable block (set by .bottom_resizable). */ 
	clear: both;
}

.routingBlockRoute .route_status {
	float: right;
	padding: 5px 0;	/* Matches the top padding of .route_block_controls. */
	font-size: 10px;
	color: #999999;
	margin-right: 6px;
}

.route_properties {
	display: inline-block;
	margin: 0;
	overflow: hidden;	/* Because the content is floating. */
}

.route_target_template,
.route_row_between_template {
	display: none;
}

.route_targets {
	clear: both;
	position: relative;
	border: none;
	background: #f5f7f9;
	padding: 0;
}

.route_title .route_monitoring, .route_title .target_dependency {
	font-size: 11px;
	font-style: italic;
	color: #365b7b;
}

.route_targets_table {
	width: 100%;
	border-collapse: collapse;
}

.route_targets_table tr.route_row_between_block:last-child {
	display: none;
}

.route_targets_table th {
	background-color: #ededed;
	color: #686868;
	padding:2px 15px;
	text-align:left;
	text-transform: uppercase;
}

.route_targets_table td {
	background-color: #ffffff;
	padding: 12px 15px;
}

.route_targets_table tr.route_row_between_block td {
	background-color: #ededed;
	color: #28445c;
	font-weight: bold;
	line-height: 16px;
	padding: 4px 15px;
}

.route_targets_table tr.marked td {
	background: #d0e4f8;
}

.route_targets_table .target_times .edit_mode {
	white-space:nowrap;
}

.route_task_target_travel_data {
	font-size: 11px;
}

td.route_task_target_no {
	background-image: url("../images/routing/pin.png");
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left: 42px;	/* Reserve space for the small marker. */
	cursor: move;
	white-space: nowrap;
}

.route_task_target_no .reorder_icon {
	margin-left: 5px;
}

.route_task_target_no .reorder_icon img {
	vertical-align: middle;
}

.route_task_target_no .icon {
	margin-left: 5px;
}

.route_task_target_no .number {
	vertical-align: middle;
	line-height: 17px;
}

td.route_task_target_no .icon_target_images {
	padding-left:5px;
	vertical-align: text-top;
}

/* Override the floating. */
#rtd2_div .route_targets_table {
	float: none;
}

.route_task_target_down {
	margin-right: 18px;	/* Make space for the auto-reorder icon. */
}

div.routingBlockRoute {
	padding: 0 0 0 5px;
	width: auto;
	overflow: hidden;
}

.routingBlockRoute .segment_header .route_block_controls {
	float: left;
	line-height: initial;
	width: 73px;
	padding: 6px 0 6px 6px;
}

.routingBlockRoute .segment_header .segment_name {
	width: 20%;
	min-width: 270px;
}

.routingBlockRoute .segment_header .route_details {
	line-height:43px;
	position: relative;
	float: left;
	width: calc(80% - 178px); /* from two above rules and additional 10px reserved for yellow new route mark  */
	max-width: calc(100% - 448px); /* from two above rules and ^ */
}

.routingBlockRoute .segment_header .route_details_item {
	float: left;
	margin: 0 0 0 15px;
	position: relative;
}

.routingBlockRoute .route_details_item .icon_wrapper {
	float: left;
}

.routingBlockRoute .route_details_item img {
	vertical-align: middle;
}

.routingBlockRoute .route_details_item.route_distance {
	width: 90px;
}

.routingBlockRoute .route_details_item.route_distance .distance {
	display: inline-block;
    text-align: right;
    width: calc(100% - 20px); /* 20 = width of image to the left (15px) + its margin (5px) */
}

.routingBlockRoute .route_details_item.route_car {
	width: 13%;
	min-width: 105px;
}

.routingBlockRoute .route_details_item.route_car select {
    width: calc(100% - 22px); /* 22 = width of image to the left (17px) + its margin (5px) */
}

.routingBlockRoute .route_details_item.route_driver {
	width: 24%;
	min-width: 180px;
}

.routingBlockRoute .route_details_item.route_driver select {
    width: calc(100% - 20px); /* 20 = width of image to the left (15px) + its margin (5px) */
}

.routingBlockRoute .route_details_item.route_date {
	width: 13%;
	min-width: 109px;
}

.routingBlockRoute .route_details_item.route_date input {
    width: calc(100% - 55px); /* 55 = width of image to the left (15px) + its margin (5px) + width of image to the right (12px) + its margin (5px) + inherited border, padding, margin of input itself (18px) */
}

.routingBlockRoute .route_details_item.route_starting_time {
	width: 9%;
	min-width: 70px;
}

.routingBlockRoute .route_details_item.route_starting_time input {
    width: calc(100% - 41px); /* 41 = width of image to the left (15px) + its margin (5px) + inherited border, padding, margin of input itself (21px)*/
}

.routingBlockRoute .route_details_item.da_state {
	width: 9%;
	min-width: 90px;
}

.routingBlockRoute .route_details_item.route_date .date_clear {
	margin-left: 5px;
	margin-right: 0;
}

.routingBlockRoute .segment_body {
	background: #ffffff;
	padding: 0;
	width: auto;	/* Override .segment_body's 100%, as it extends the block out of its container in this case. */
}

td.target_times .time_icon {
	float:left;
	margin-right:2px;
}

td.task_assignment, 
td.task_assignment span,
td.task_assignment input {
	box-sizing: border-box;
}

td.task_assignment span, 
td.task_assignment input {
	width: 100%;
}

.routingBlockRoute td span.ph_status {
	display: inline-block;
	padding-left: 20px;
	vertical-align: middle;
}

.routingBlockRoute td span.ph_status.complete {
	background: #ffffff url('../images/routing/status_done.png') no-repeat 5px center;
}

.routingBlockRoute td span.ph_status.not_complete {
	background: #ffffff url('../images/routing/status_not_done.png') no-repeat 5px center;
}


.route_list button {
	background-color: #ffffff;
	border: 1px solid #9d9d9d;
	border-radius: 4px;
	color: #626262;
	width: 30px;
	height: 30px;
	transition: background-color 0.5s, border-color 0.5s, background-image 0.5s;
}

.route_list button:hover {
	border-color: #006dc7;
}

button.route_task_target_remove,
button.route_remove {
	background: url('../images/routing/bin_gray.png') no-repeat center center;
}

button.route_task_target_remove:hover,
button.route_remove:hover {
	background: url('../images/routing/bin_blue.png') no-repeat center center;
}

button.route_copy {
	background: url('../images/routing/copy_gray.png') no-repeat center center;
}

button.route_copy:hover {
	background: url('../images/routing/copy_blue.png') no-repeat center center;
}

.segment_header.closed button.route_edit,
.segment_header.closed button.route_remove,
.segment_header.closed button.route_copy {
	visibility: hidden;
}

.segment_header.closed:hover button.route_edit,
.segment_header.closed:hover button.route_remove,
.segment_header.closed:hover button.route_copy {
	visibility: visible;
}

button.route_edit {
	background: url('../images/routing/pencil_gray.png') no-repeat center center;
}

button.route_edit:hover {
	background: url('../images/routing/pencil_blue.png') no-repeat center center;
}

button.route_accept_edit {
	background: #006dc7 url('../images/routing/ok.png') no-repeat center center;
}

button.route_accept_edit:hover {
	background-color: #005da8;
}

button.route_cancel_edit {
	background: #d6d6d6 url('../images/routing/cancel.png') no-repeat center center;
	border-color: #9d9d9d;
}

button.route_cancel_edit:hover {
	background-color: #c6c6c6;
	border-color: #9d9d9d;
}

button.route_task_target_show_details {
	width: auto;
}

div.vehicle_types{
	display: inline-block;
}

.route_list button.route_send_to_garmin,
.route_list button.route_make_fence,
.route_list button.vehicle_type_car,
.route_list button.vehicle_type_truck,
.route_list button.route_auto_order {
	border-color: transparent;
	color: #28435b;
	margin-right: 6px;
	width: 40px;
}

button.route_send_to_garmin {
	background: transparent url('../images/tango/send-to-garmin.png') no-repeat center center;
}

button.route_make_fence {
	background: transparent url('../images/fence.png') no-repeat center center;
}

button.route_auto_order {
	background: transparent url('../images/tango/auto-order-inactive.png') no-repeat center center;
}

button.route_auto_order.active {
	background: transparent url('../images/tango/auto-order.png') no-repeat center center;
}

button.vehicle_type_car {
	background: transparent url('../images/routing/car.png') no-repeat center center;
}

button.vehicle_type_car.active {
	background: yellow url('../images/routing/car.png') no-repeat center center;
}

button.vehicle_type_truck {
	background: transparent url('../images/routing/truck.png') no-repeat center center;
}

button.vehicle_type_truck.active {
	background: yellow url('../images/routing/truck.png') no-repeat center center;
}
.route_list button.route_send_to_garmin:hover,
.route_list button.route_make_fence:hover,
.route_list button.route_auto_order.active:hover {
	background-color: transparent;
	border-color: #abbfd6;
}

#routing_control_panel_body {
	background: #ffffff;
}

/*horizontal scrollbar when view becomes too narrow*/
#routingBlock {
	clear: both;
	overflow-x: auto;
	border: 5px solid #dce4f5;
	border-width: 5px 0px;
}

#routingBlock > .segment {
	box-sizing: border-box;
	min-width: 1200px;
}

#routingBlock input,
#routingBlock textarea, 
#routingBlock select {
	/*background-color: #ffffff;*/
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	/*so both input and select has same size*/
	font-size: 11px;
	/* Override the global height of inputs and selects ("div.segment input, div.segment select"). */
	height: auto;
	line-height: normal;
	padding: 7px;
}

#routingBlock input.edited,
#routingBlock textarea.edited,
#routingBlock select.edited {
	border-color: #000000;
}

#routingBlock input.route_target_end_time {
	margin-left:3px;
}

.routingBlockRoute .segment_header img {
	margin-right: 5px;
}

#routingBlock .segment_header div.content {
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.route_list .segment_body input, .route_list .segment_body select {
	background-color: #ffffff;
}

#routingBlock .segment_controls input {
	border: none;
	outline: none;
}

#routingBlock .bottom_bar {
	overflow: hidden;	/* Because the content is floating. */
}

/* Edit mode blocks hidden by default. */
#routingBlock .edit_mode {
	display: none;
}

#routingBlock .new_routes_container {
	border-top: 1px solid #c4c427;
	background: #ffff44;
	clear: both;
	padding: 5px;
}

#routingBlock .new_routes_container .route_list {
	background: #ffff44;
	position:relative;
}

#routingBlock .no_routes_notice {
	margin: 0;
	border: 1px solid #d8dfe5;
	background: #f2f6f9;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	clear: both;
}

#routingBlock .bottom_bar .route_pagination {
	float: left;
	padding: 5px 0;	/* Not margin, so the overflow would cover this block fully to the bottom. */
	overflow: hidden;	/* Because the contained buttons are floating.) */
}

#routingBlock .bottom_bar .route_list_tools {
	float: right;
	padding: 5px 20px;
	overflow: hidden;
}

#routingBlock .route_pagination .page_numbers {
	float: left;
	margin-top: 5px;	/* With font size 11px and the current button design (height 22px), it is on the same level as the "previous" and "next" button labels. */
	margin-left: 10px;	/* To match the margin-left of .button . */
	font-size: 11px;
}

#routingBlock .bottom_bar .route_list_tools .route_choice {
	float: left;
	margin-top: 4px;	/* To align with the page numbers on the left. */
	margin-right: 30px;
}

#routingBlock .bottom_bar .route_list_tools .route_choice input {
	margin-top: -1px;	/* Remove the margin set by the browser, and raise 1px for better looks (at least on my computer). */
}

#routingBlock .route_pagination .button.to_first {
	background: url('../images/button_next.png') no-repeat;
}

#routingBlock .route_pagination .button.to_last {
	background: url('../images/button_next.png') no-repeat;
}

#routingBlock .route_pagination button.IS_Button.inactive {
	color: #999999;
}

#routingBlock .route_selection {
	float: left;
	padding: 5px 0 9px 23px;	/* 23px: approximately that to get the first icon starting with the route name. */
}

#routingBlock .status_bar {
	display: none;
	margin: 0;
	padding: 5px 10px;
}

#routingBlock .segment, #routingBlock .segment_header, #routingBlock .segment_body {
	float: none;
}

.ph_da_state {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}

.ph_da_state.not_received {
	background-image: url(../images/routing/not_received.png);
}

.ph_da_state.received {
	background-image: url(../images/routing/received.png);
}

.ph_da_state.read {
	background-image: url(../images/routing/read.png);
}

.ph_da_state.started {
	background-image: url(../images/routing/started.png);
}

#routing_control_panel_head, #routing_controls_wrapper {
	border-color: #dce4f5;
	border-style: solid;
}

#routing_control_panel_head {
	background-color: #ffffff;
	background-image: none;
	border-width: 0px 5px;
	box-sizing: border-box;
	cursor: pointer;
	height: 39px;
}

#routing_controls_wrapper {
	border-width: 2px 5px 5px;
}

#routing_control_panel_head .segment_name,
#routing_control_panel_head .segment_controls {
	height: 39px;
	line-height: 39px;
}

#routing_control_panel_head .segment_actions {
	display: inline-block;
	float:right;
	height: 100%;
}

#routing_control_panel_head .segment_actions * {
	display: inline-block;
	float: left;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

/* reset ^ */
#routing_control_panel_head div.orders_on_map * {
	transform:initial;
}

#routing_control_panel_head div.orders_on_map {
	margin-left: 10px;
	margin-right: 10px;
}

#routing_control_panel_head button.new_route, 
#routing_control_panel_head button.new_order {
	background: #006dc7 no-repeat 10px center;
	border: 1px solid #006dc7;
	border-radius: 3px;
	color: #ffffff;
	margin-left: 10px;
	margin-right: 40px;
	padding: 5px 10px 5px 35px;
	transition: background-color 150ms linear, border-color 150ms linear;
}

#routing_control_panel_head button.new_route:hover, 
#routing_control_panel_head button.new_order:hover {
	background-color: #005da8;
	border-color: #005da8;
}

#routing_control_panel_head button.new_route {
	background-image: url("../images/routing/new_route_icon.png");
}

/*#routing_control_panel_head button.new_order {
	background-image: url("../images/routing/new_order_icon.png");
}*/
 
#routing_control_panel_body button.import {
	background: #f6f6f6 url("../images/routing/import_icon.png") no-repeat 10px center;
	border: 1px solid #b2b2b2;
	border-radius: 3px;
	color: #3d3d3d;
	float: right;
	margin-left: 10px;
	margin-right: 15px;
	padding: 5px 10px 5px 35px;
	position: relative;
	top: 26px;
	transition: background-color 150ms linear, border-color 150ms linear;
}

#routing_control_panel_body button.import:hover {
	background-color: #dddddd;
	border-color: #767676;
}

.routingBlockRoute div.segment_header, 
.routingBlockRoute div.segment_name, 
.routingBlockRoute div.segment_controls {
    height: 43px;
    line-height: 43px;
}

.routingBlockRoute div.segment_header {
	background: #ffffff;
}

.routingBlockRoute div.segment_header.closed {
	background: linear-gradient(#ffffff, #c9dff3);
}

/*.routingBlockRoute div.segment_name {
	margin: 0 0 0 84px;
}*/

#routing_control_panel_body .filter {
	float: left;
	margin-right: 8px;
}

#routing_control_panel_body .filter label {
	color: #878787;
	display: inline-block;
	font-size: 11px;
	margin: 0 0 4px 1px;
}

#routing_control_panel_body .filter input,
#routing_control_panel_body .filter select {
	box-sizing: content-box;
	height: 14px;
	width:130px;
}

#routing_control_panel_body .filter input[type=text] {
	background: url("../images/routing/filter_1_light.png") no-repeat 121px center;
}

#routing_control_panel_body .filter.date input[type=text] {
	background-image: url("../images/routing/small_calendar.png");
	background-position: 153px center;
	width: 163px;
}

#routingBlock .notice {
	background: no-repeat 12px center;
	border-radius: 5px;
	display: none;
	font-weight: bold;
	margin: 10px 15px;
	padding: 10px 10px 10px 43px;
}

#routingBlock .new_routes_container .notice {
	display: block;
}

#routingBlock .notice.information {
	background-color: #dae7f3;
	background-image: url("../images/routing/info.png");
	color: #585858;
}

.targetDetailsList {
	border-collapse: collapse;
	list-style-type: none;
	padding: 0 40px;
}

li.targetDetailsListItem {
    display: table-row;
}

li.targetDetailsListItem.tableRow {
    display: block;
}

.targetDetailsListItem span.name {
	border-left: 1px solid #9cb2cc;
	font-weight: bold;
	display: table-cell;
	text-align: right;
	/*width: 200px;*/
}

.targetDetailsListItem span.value {
	border-right: 1px solid #9cb2cc;
	display: table-cell;
	/*padding-left: 20px;*/
	text-align: left;
	/*width: 200px;*/
}

.targetDetailsListItem span.name, .targetDetailsListItem span.value  {
	border-top: 1px solid #9cb2cc;
}

.targetDetailsListItem span.name, .targetDetailsListItem span.value  {
	border-bottom: 1px solid #9cb2cc;
}

.targetDetailsTable {
	border: 1px solid #9cb2cc;
	border-collapse: collapse;
	margin: 10px 0;
}

.targetDetailsHeaderCell {
    text-align: left;
}

.targetDetailsListItem span.name, .targetDetailsHeaderCell {
	background-color: #ededed;
    color: #686868;
    padding: 12px 15px;
    text-transform: uppercase;
}

.targetDetailsListItem span.value, .targetDetailsDataCell {
	background-color: #ffffff;
    padding: 12px 15px;
}