/* ================================================================================================================= */
/* HTML Elements */
/* ----------------------------------------------------------------------------------------------------------------- */
button {
background-color: transparent;
border: 0;
cursor: pointer !important;
display: block;
}
label {
cursor: default;
display: block;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
input.date {
width: 70px;
}
input.time {
width: 40px;
}
/* ================================================================================================================= */
/* Overlay */
/* ----------------------------------------------------------------------------------------------------------------- */
@media print {
.overlay {
display: none;
}
}
/* ================================================================================================================= */
/* Components */
/* ----------------------------------------------------------------------------------------------------------------- */
/* Errors */
.errorText,
.errorText * {
color: red;
font-weight: bold;
}
.errorTextPadded * {
color: red;
font-weight: bold;
padding-bottom: 2px;
}
span.errorText {
display: block;
margin-bottom: 2px;
}
/* Ajax loader */
.ajaxLoader,
.ajaxLoaderIndicator {
left: 0;
position: absolute;
top: 0;
}
.ajaxLoader {
z-index: 100000;
}
.ajaxLoaderIndicator {
background: url(../../img/volvo/main/ajax-loader.gif) no-repeat center center;
z-index: 100001;
}
@media print {
.ajaxLoader,
.ajaxLoaderIndicator {
display: none;
}
}
/* Scroll table */
div.scrollTable {
cursor: default;
overflow-x: hidden;
overflow-y: scroll;
}
div.scrollTable table {
height: 100%;
}
div.scrollTable thead tr {
position: relative;
top: expression(this.offsetParent.scrollTop);
}
div.scrollTable th {
font-weight: bold;
text-align: left;
}
div.scrollTable td,
div.scrollTable th {
padding-left: 2px;
}
div.scrollTable td {
white-space: nowrap;
}
div.scrollTable th div,
div.scrollTable td div {
overflow: hidden;
text-overflow: ellipsis;
}
/* Scrollable grid */
div.scrollableGrid {
position: relative;
}
div.scrollableGrid div.head {
height: 20px;
position: relative;
overflow: hidden;
}
div.scrollableGrid div.head div.wrap {
position: absolute;
top: 0;
left: 0;
}
div.scrollableGrid div.body {
overflow-x: auto;
overflow-y: scroll;
position: relative;
}
div.scrollableGrid table {
border-collapse: collapse;
}
div.scrollableGrid th,
div.scrollableGrid td {
line-height: 17px;
padding: 2px 4px;
}
div.scrollableGrid span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.scrollableGrid th.sortable {
background: no-repeat url(../../img/volvo/buttons/btn-sort-column.png) center right;
cursor: pointer;
}
/* Modal Dialog (Quirks Mode, simple DIV) */
div.qmModalDialog {
border-top: 0;
height: 200px;
position: absolute;
left: 0;
top: 0;
width: 300px;
z-index: 1001;
}
div.qmModalDialog h3 {
cursor: default;
font-size: 12px;
font-weight: bold;
height: 21px;
line-height: 21px;
margin-bottom: 0;
padding-left: 2px;
}
div.qmModalDialog button.qmModalDialogCloseButton {
background-image: url(../../img/volvo/buttons/btn_close.gif);
height: 15px;
position: absolute;
right: 0;
top: 3px;
width: 16px;
}
div.qmModalDialog div.qmModalDialogContent {
padding: 7px 12px 12px;
}
iframe.qmModalDialogShim {
allowTransparency: true;
filter: alpha(opacity=40);
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 1000;
}
/* Driver data grid */
div.dateStatusGrid {
margin: 0 0 15px 25px;
text-align: left;
width: 683px;
}
div.dateStatusGrid div.dates,
div.dateStatusGrid div.month {
height: 17px;
position: relative;
width: 666px;
}
div.dateStatusGrid ol {
position: absolute;
top: 0;
left: 62px;
}
div.dateStatusGrid span {
cursor: pointer;
display: block;
line-height: 16px;
padding: 0 4px;
position: relative;
width: 53px;
z-index: 10;
}
div.dateStatusGrid li {
text-align: left;
}
div.dateStatusGrid ol li {
position: absolute;
top: 0;
}
div.dateStatusGrid div.dates {
z-index: 10;
}
div.dateStatusGrid div.dates li {
height: 16px;
line-height: 16px;
padding: 0;
text-align: center;
width: 19px;
}
div.dateStatusGrid div.month li {
background-image: url(../../img/volvo/activity/activity-statuses.png);
cursor: pointer;
height: 18px;
line-height: 0;
width: 20px;
}
div.dateStatusGrid li.notDownloadedYet { background-position: -1px -1px; }
div.dateStatusGrid li.downloaded { background-position: -1px -20px; }
div.dateStatusGrid li.downloaded-begin { background-position: -1px -39px; }
div.dateStatusGrid li.downloaded-middle { background-position: -22px -39px; }
div.dateStatusGrid li.downloaded-end { background-position: -43px -39px; }
div.dateStatusGrid li.missing { background-position: -1px -58px; }
div.dateStatusGrid li.missing-begin { background-position: -1px -77px; }
div.dateStatusGrid li.missing-middle { background-position: -22px -77px; }
div.dateStatusGrid li.missing-end { background-position: -43px -77px; }
div.dateStatusGrid li.deleted { background-position: -1px -96px; }
div.dateStatusGrid li.deleted-begin { background-position: -1px -115px; }
div.dateStatusGrid li.deleted-middle { background-position: -22px -115px; }
div.dateStatusGrid li.deleted-end { background-position: -43px -115px; }
div.dateStatusGrid li.failure { background-position: -1px -134px; }
div.dateStatusGrid li.failure-begin { background-position: -1px -153px; }
div.dateStatusGrid li.failure-middle { background-position: -22px -153px; }
div.dateStatusGrid li.failure-end { background-position: -43px -153px; }
div.dateStatusGrid li.recoverableFailure { background-position: -1px -172px; }
div.dateStatusGrid li.recoverableFailure-begin { background-position: -1px -191px; }
div.dateStatusGrid li.recoverableFailure-middle { background-position: -22px -191px; }
div.dateStatusGrid li.recoverableFailure-end { background-position: -43px -191px; }
div.dateStatusGrid li.exported { background-position: -1px -210px; }
div.dateStatusGrid li.exported-begin { background-position: -1px -229px; }
div.dateStatusGrid li.exported-middle { background-position: -22px -229px; }
div.dateStatusGrid li.exported-end { background-position: -43px -229px; }
div.dateStatusGrid li.ongoing { background-position: -1px -248px; }
div.dateStatusGrid li.ongoing-begin { background-position: -1px -267px; }
div.dateStatusGrid li.ongoing-middle { background-position: -22px -267px; }
div.dateStatusGrid li.ongoing-end { background-position: -43px -267px; }
div.dateStatusGrid li.unavailable { background-image: none !important; cursor: default !important; }
div.dateStatusGrid li.today { background-color: #aaaaaa}
div.dateStatusGrid li.date-1 { left: 0; }
div.dateStatusGrid li.date-2 { left: 20px; }
div.dateStatusGrid li.date-3 { left: 40px; }
div.dateStatusGrid li.date-4 { left: 60px; }
div.dateStatusGrid li.date-5 { left: 80px; }
div.dateStatusGrid li.date-6 { left: 100px; }
div.dateStatusGrid li.date-7 { left: 120px; }
div.dateStatusGrid li.date-8 { left: 140px; }
div.dateStatusGrid li.date-9 { left: 160px; }
div.dateStatusGrid li.date-10 { left: 180px; }
div.dateStatusGrid li.date-11 { left: 200px; }
div.dateStatusGrid li.date-12 { left: 220px; }
div.dateStatusGrid li.date-13 { left: 240px; }
div.dateStatusGrid li.date-14 { left: 260px; }
div.dateStatusGrid li.date-15 { left: 280px; }
div.dateStatusGrid li.date-16 { left: 300px; }
div.dateStatusGrid li.date-17 { left: 320px; }
div.dateStatusGrid li.date-18 { left: 340px; }
div.dateStatusGrid li.date-19 { left: 360px; }
div.dateStatusGrid li.date-20 { left: 380px; }
div.dateStatusGrid li.date-21 { left: 400px; }
div.dateStatusGrid li.date-22 { left: 420px; }
div.dateStatusGrid li.date-23 { left: 440px; }
div.dateStatusGrid li.date-24 { left: 460px; }
div.dateStatusGrid li.date-25 { left: 480px; }
div.dateStatusGrid li.date-26 { left: 500px; }
div.dateStatusGrid li.date-27 { left: 520px; }
div.dateStatusGrid li.date-28 { left: 540px; }
div.dateStatusGrid li.date-29 { left: 560px; }
div.dateStatusGrid li.date-30 { left: 580px; }
div.dateStatusGrid li.date-31 { left: 600px; }
/* Tip */
div.tip {
position: absolute;
z-index: 100;
}
div.tip div.tipInner {
background-color: #ffffe1;
border: 1px solid black;
color: black;
padding: 2px 4px;
}
/* Button side panel */
div.buttonSidePanel {
float: left;
height: 451px;
padding-top: 6px;
position: relative;
text-align: center;
width: 36px;
z-index: 10; /* Put the panel on top of any scrollable grid in Firefox */
}
div.buttonSidePanel span {
display: block;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
width: 36px;
margin: 0 auto 6px auto;
}
div.buttonSidePanel button {
margin: 0 auto 3px auto;
}
/* ================================================================================================================= */
/* Main frame */
/* ----------------------------------------------------------------------------------------------------------------- */
#mainMainFrame div.tabs {
width: 809px;
}
#mainMainFrame iframe {
height: 515px;
width: 809px;
}
#mainMainFrame #calendarFrame,
#mainMainFrame #timeSelectorFrame,
#mainMainFrame #modalFrame {
left: 0;
position: absolute;
}
#mainMainFrame #modalFrame {
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
/* ================================================================================================================= */
/* Buttons */
/* ----------------------------------------------------------------------------------------------------------------- */
button {
height: 21px;
width: 24px;
}
button.disabled {
cursor: default !important;
filter: alpha(opacity=30);
opacity: .3;
}
/* TODO Remove classes beginning with "btn_" - use verbs as names like "add", "remove", "removeAll" etc */
/* TODO Remove classes ending width "_off" - "button.disabled" handles the disabled/off state */
button.expand,
button.plus { height: 9px; width: 9px; background-image: url(../../img/volvo/navigator/icon_plus.gif); }
button.collapse,
button.minus { height: 9px; width: 9px; background-image: url(../../img/volvo/navigator/icon_minus.gif); }
button.selectDate,
button.calendarButton { width: 19px; height: 18px; background-image: url(../../img/volvo/buttons/btn_calender_on.gif); }
button.closeWindow,
button.windowCloseButton { width: 16px; height: 15px; background-image: url(../../img/volvo/buttons/btn_close.gif); }
button.add,
button.btn_arrow_right { background-image: url(../../img/volvo/buttons/btn_arrow_right_on.gif); }
button.btn_arrow_right_off { background-image: url(../../img/volvo/buttons/btn_arrow_right_on.gif); cursor: default !important; filter: alpha(opacity=30); opacity: .3; }
button.remove,
button.btn_arrow_left { background-image: url(../../img/volvo/buttons/btn_arrow_left_on.gif); }
button.btn_arrow_left_off { background-image: url(../../img/volvo/buttons/btn_arrow_left_on.gif); cursor: default !important; filter: alpha(opacity=30); opacity: .3; }
button.removeAll { background-image: url(../../img/volvo/buttons/btn-remove-all.gif); }
button.btn_assign_user { background-image: url(../../img/volvo/buttons/btn_assign_user.gif); }
button.btn_assign_user_off { background-image: url(../../img/volvo/buttons/btn_assign_user.gif); cursor: default !important; filter: alpha(opacity=30); opacity: .3; }
button.btn_calendar_active { width: 19px; height: 18px; background-image: url(../../img/volvo/buttons/btn_calender_active.gif); }
button.btn_calendar_on { width: 19px; height: 18px; background-image: url(../../img/volvo/buttons/btn_calender_on.gif); }
button.btn_calendar_off { width: 19px; height: 18px; background-image: url(../../img/volvo/buttons/btn_calender_on.gif); cursor: default !important; filter: alpha(opacity=30); opacity: .3; }
button.btn_close_frame { width: 16px; height: 15px; background-image: url(../../img/volvo/buttons/btn_close.gif); }
button.btn_compose { background-image: url(../../img/volvo/messaging/btn_compose_on.gif); }
button.create,
button.btn_create_on { background-image: url(../../img/volvo/buttons/btn_create_on.gif); }
button.btn_create_off { background-image: url(../../img/volvo/buttons/btn_create_on.gif); cursor: default !important; filter: alpha(opacity=30); opacity: .3; }
button.delete,
button.btn_delete_on { background-image: url(../../img/volvo/buttons/btn_trash_on.gif); }
button.btn_delete_off { background-image: url(../../img/volvo/buttons/btn_trash_on.gif); cursor: default !important; filter: alpha(opacity=30); opacity: .3; }
button.btn_delete_mini { width: 15px; height: 15px; background-image: url(../../img/volvo/buttons/btn_trash_mini.gif); }
button.exportDriverData,
button.btn_driver_data_export_on { background-image: url(../../img/volvo/buttons/btn_driver_data_export_on.gif); }
button.btn_driver_on_ { background-image: url(../../img/volvo/buttons/btn_driver_on_.gif); }
button.btn_driver_on { background-image: url(../../img/volvo/buttons/btn_driver_on.gif); }
button.btn_driver_off { background-image: url(../../img/volvo/buttons/btn_driver_on.gif); cursor: default !important; filter: alpha(opacity=30); opacity: .3; }
button.btn_find_on_map_on { background-image: url(../../img/volvo/buttons/btn_find_on_map_on.gif); }
button.btn_generate_on { background-image: url(../../img/volvo/report/btn_generate_on.gif); }
button.help,
button.btn_help { background-image: url(../../img/volvo/buttons/btn_help_on.gif); }
button.btn_list_sort { width: 6px; height: 4px; background-image: url(../../img/volvo/buttons/btn_sort_column.gif); }
button.modify,
button.btn_modify_on { background-image: url(../../img/volvo/buttons/btn_modify_on.gif); }
button.btn_modify_off { background-image: url(../../img/volvo/buttons/btn_modify_on.gif); cursor: default !important; filter: alpha(opacity=30); opacity: .3; }
button.btn_modify_mini { width: 12px; height: 15px; background-image: url(../../img/volvo/buttons/btn_modify_mini.gif); }
button.btn_print { background-image: url(../../img/volvo/buttons/btn_print_on.gif); }
button.refresh,
button.btn_refresh_on { background-image: url(../../img/volvo/buttons/btn_refresh_on.gif); }
button.btn_refresh_off { background-image: url(../../img/volvo/buttons/btn_refresh_on.gif); cursor: default !important; filter: alpha(opacity=30); opacity: .3; }
button.btn_remove_all { background-image: url(../../img/volvo/buttons/btn-remove-all.gif); }
button.btn_remove_all_off { background-image: url(../../img/volvo/buttons/btn-remove-all.gif); cursor: default !important; filter: alpha(opacity=30); opacity: .3; }
button.btn_remove_all_orders { background-image: url(../../img/volvo/buttons/btn-remove-all-orders.gif); }
button.btn_remove_all_orders_off { background-image: url(../../img/volvo/buttons/btn-remove-all-orders.gif); cursor: default !important; filter: alpha(opacity=30); opacity: .3; }
button.btn_save_as_favourite_on { background-image: url(../../img/volvo/buttons/btn_save_as_favourite_on.gif); }
button.btn_save_as_favourite_off { background-image: url(../../img/volvo/buttons/btn_save_as_favourite_on.gif); cursor: default !important; filter: alpha(opacity=30); opacity: .3; }
button.btn_settings_on { background-image: url(../../img/volvo/buttons/btn_settings_on.gif); }
button.btn_settings_off { background-image: url(../../img/volvo/buttons/btn_settings_on.gif); cursor: default !important; filter: alpha(opacity=30); opacity: .3; }
button.btn_send_and_reply { background-image: url(../../img/volvo/buttons/btn_sendmsg_on.gif); }
button.btn_vehicle_on_ { background-image: url(../../img/volvo/buttons/btn_vehicle_on_.gif); }
button.btn_vehicle_on { background-image: url(../../img/volvo/buttons/btn_vehicle_on.gif); }
button.btn_vehicle_off { background-image: url(../../img/volvo/buttons/btn_vehicle_on.gif); cursor: default !important; filter: alpha(opacity=30); opacity: .3; }
button.btn_xcel_on { background-image: url(../../img/volvo/buttons/btn_xcel_on.gif); }
button.icon_plus { width: 9px; height: 9px; background-image: url(../../img/volvo/navigator/icon_plus.gif); }
button.icon_minus { width: 9px; height: 9px; background-image: url(../../img/volvo/navigator/icon_minus.gif); }
button.acknowledge { background-image: url(../../img/volvo/buttons/btn_ack_on.gif); }
button.acknowledge_small { width: 19px; height: 17px; background-image: url(../../img/volvo/buttons/btn_ack_on_small.gif); }
button.launchCra { background-image: url(../../img/volvo/buttons/btn-launch-cra.gif); }
button.return { background-image: url(../../img/volvo/buttons/btn-return.gif); }
/* Service planning buttons */
#servicePlanning #btn_plan_view { background-image: url(../../img/volvo/report/btn_table.gif); }
#servicePlanning #btn_plan_create_new { background-image: url(../../img/volvo/buttons/btn_create_on.gif); }
/* Messaging buttons */
#messaging #btn_msg_forwarding { width: 20px; height: 18px; background-image: url(../../img/volvo/navigator/status_mail_off.gif); }
#messaging #btn_msg_forwarding.active { width: 20px; height: 18px; background-image: url(../../img/volvo/navigator/status_mail_on.gif); }
#messaging #btn_msg_reply { background-image: url(../../img/volvo/messaging/btn_reply_off.gif); }
#messaging #btn_msg_reply.active { background-image: url(../../img/volvo/messaging/btn_reply_on.gif); }
#messaging #btn_msg_forward { background-image: url(../../img/volvo/messaging/btn_forward_off.gif); }
#messaging #btn_msg_forward.active { background-image: url(../../img/volvo/messaging/btn_forward_on.gif); }
#messaging #btn_msg_delete { background-image: url(../../img/volvo/buttons/btn_trash_on.gif); cursor: default !important; filter: alpha(opacity=30); opacity: .3; }
#messaging #btn_msg_delete.active { cursor: pointer !important; filter: alpha(opacity=100); opacity: 1; }
#messaging #btn_msg_settings { background-image: url(../../img/volvo/buttons/btn_settings_on.gif); }
#messaging #btn_msg_first { width: 16px; height: 15px; background-image: url(../../img/volvo/messaging/btn_gofirst_off.gif); }
#messaging #btn_msg_first.active { width: 16px; height: 15px; background-image: url(../../img/volvo/messaging/btn_gofirst_on.gif); }
#messaging #btn_msg_previous { width: 16px; height: 15px; background-image: url(../../img/volvo/messaging/btn_goprev_off.gif); }
#messaging #btn_msg_previous.active { width: 16px; height: 15px; background-image: url(../../img/volvo/messaging/btn_goprev_on.gif); }
#messaging #btn_msg_next { width: 16px; height: 15px; background-image: url(../../img/volvo/messaging/btn_gonext_off.gif); }
#messaging #btn_msg_next.active { width: 16px; height: 15px; background-image: url(../../img/volvo/messaging/btn_gonext_on.gif); }
#messaging #btn_msg_last { width: 16px; height: 15px; background-image: url(../../img/volvo/messaging/btn_golast_off.gif); }
#messaging #btn_msg_last.active { width: 16px; height: 15px; background-image: url(../../img/volvo/messaging/btn_golast_on.gif); }
/* ================================================================================================================= */
/* Map */
/* ----------------------------------------------------------------------------------------------------------------- */
/* Toolbar elements */
#map #requestPositionButton { background-image: url(../../img/volvo/buttons/btn_get_info_on.gif); }
#map #saveViewButton { background-image: url(../../img/volvo/buttons/btn_save_as_favourite_on.gif); }
#map #showViewButton { background-image: url(../../img/volvo/buttons/btn_goto_on.gif); }
#map #deleteViewButton { background-image: url(../../img/volvo/buttons/btn_trash_on.gif); }
#map #nameTagsButton { background-image: url(../../img/volvo/buttons/btn_nametags_on.gif); }
#map #nameTagsButton.active span { background-image: url(../../img/volvo/buttons/btn_nametags_active.gif); }
#map #settingsButton { background-image: url(../../img/volvo/buttons/btn_settings_on.gif); }
#map #settingsButton.active span { background-image: url(../../img/volvo/buttons/btn_settings_active.gif); }
#map #vehicleStatusButton { background-image: url(../../img/volvo/buttons/btn_vehicle_on.gif); }
#map #vehicleStatusButton.active span { background-image: url(../../img/volvo/buttons/btn_vehicle_active.gif); }
#map #createPoiButton { background-image: url(../../img/volvo/buttons/btn_create_poi_on.gif); }
#map #createPoiButton.active span { background-image: url(../../img/volvo/buttons/btn_create_poi_active.gif); }
#map #findClosestObjectButton { background-image: url(../../img/volvo/buttons/btn_find_closest_on.gif); }
#map #findClosestObjectButton.active span { background-image: url(../../img/volvo/buttons/btn_find_closest_active.gif); }
#map #trackingButton { background-image: url(../../img/volvo/buttons/btn_tracking_on.gif); }
#map #trackingButton.active span { background-image: url(../../img/volvo/buttons/btn_tracking_active.gif); }
#map #createGeofenceButton { background-image: url(../../img/volvo/buttons/btn_create_geofence_on.gif); }
#map #createGeofenceButton.active span { background-image: url(../../img/volvo/buttons/btn_create_geofence_active.gif); }
#map #navigationButton { background-image: url(../../img/volvo/buttons/btn-navigate-from-map.gif); }
#map #navigationButton.active span { background-image: url(../../img/volvo/buttons/btn-navigate-from-map-active.gif); }
#map #printButton { background-image: url(../../img/volvo/main/btn_print.gif); }
#map #helpButton { background-image: url(../../img/volvo/buttons/btn_help_on.gif); }
#map #vehicleButton button { background-image: url(../../img/volvo/map/tab_vehicle.gif); }
#map #vehicleButton { background-image: url(../../img/volvo/map/tab_vehicle_marked.gif); }
#map #driverButton button { background-image: url(../../img/volvo/map/tab_driver.gif); }
#map #driverButton { background-image: url(../../img/volvo/map/tab_driver_marked.gif); }
#map #positionButton button { background-image: url(../../img/volvo/map/tab_position.gif); }
#map #positionButton { background-image: url(../../img/volvo/map/tab_position_marked.gif); }
#map #temperatureButton button { background-image: url(../../img/volvo/map/tab_temp.gif); }
#map #temperatureButton { background-image: url(../../img/volvo/map/tab_temp_marked.gif); }
#map #weightButton button { background-image: url(../../img/volvo/map/tab_weight.gif); }
#map #weightButton { background-image: url(../../img/volvo/map/tab_weight_marked.gif); }
#map #etaButton button { background-image: url(../../img/volvo/map/tab-eta.gif); }
#map #etaButton { background-image: url(../../img/volvo/map/tab-eta-active.gif); }
#map #infoPanel #closeButton { cursor: pointer; background-image: url(../../img/volvo/buttons/btn_close.gif); position: absolute; top: 3px; right: 3px; }
#map #infoPanel #nextPositionButton { cursor: pointer; background-image: url(../../img/volvo/buttons/btn_next_on.gif); }
#map #infoPanel #prevPositionButton { cursor: pointer; background-image: url(../../img/volvo/buttons/btn_back_on.gif); float: left; }
#map #infoPanel #gotoDestinationButton { cursor: pointer; background-image: url(../../img/volvo/buttons/btn-goto-destination.gif); float: left; margin-left: 5px; }
#map #infoPanel #gotoDestinationButton.trail { background-image: url(../../img/volvo/buttons/btn-goto-trail.gif); }
#map #infoPanel td.highlight * { color: red; }
#map #printedMapContainer {
display: none;
}
@media print {
#map #printedMapContainer {
display: block;
}
#map .toolbar,
#map #mapContainer,
#map #infoButtons,
#map #closeButton,
#map #gotoDestinationButton,
#map #positionButtons {
display: none;
}
#map #infoPanel {
position: static !important;
margin-top: 10px;
}
}
/* Navigate from map */
#navigateFromMap #message {
border: 0;
height: 96px;
padding: 2px 4px;
width: 404px;
}
#navigateFromMap #counter {
position: absolute;
right: 10px;
text-align: right;
top: 78px;
}
/* Vehicle Status */
#vehicleStatus #viewFrame {
height: 411px;
}
/* ================================================================================================================= */
/* Driver Activity */
/* ----------------------------------------------------------------------------------------------------------------- */
#activityData {
width: 100%;
}
/* Activity Main */
#driverActivityActivityMain {
margin: 0;
padding: 0;
}
#driverActivityActivityMain #tabs iframe {
width: 809px;
}
#driverActivityActivityMain #driverActivity span.icon { background-image: url(../../img/volvo/activity/tab-driver-activity.gif); }
#driverActivityActivityMain #wtd span.icon { background-image: url(../../img/volvo/activity/tab-wtd.gif); }
#driverActivityActivityMain #dtmWarning span.icon { background-image: url(../../img/volvo/activity/tab-dtm-warning.gif); }
#driverActivityActivityMain #ddu span.icon { background-image: url(../../img/volvo/activity/tab-ddu.gif); }
#driverActivityActivityMain #ddd span.icon { background-image: url(../../img/volvo/activity/tab-ddd.gif); }
#driverActivityActivityMain #tmd span.icon { background-image: url(../../img/volvo/activity/tab-tmd.gif); }
#driverActivityActivityMain #speedfile span.icon { background-image: url(../../img/volvo/activity/tab-speedfile.gif); }
#driverActivityActivityMain #tddStatus span.icon { background-image: url(../../img/volvo/activity/tab-tddStatus.gif); }
#driverActivityActivityMain #cc span.icon { background-image: url(../../img/volvo/activity/tab-cc.gif); }
#driverActivityActivityMain #activityControls {
height: 33px;
width: expression(document.body.clientWidth);
}
#driverActivityActivityMain #theModalFrame {
display: none;
filter: alpha(opacity=40);
height: expression(document.body.clientHeight);
left: 0;
position: absolute;
top: 0;
width: expression(document.body.clientWidth);
zIndex: 3999;
}
#driverActivityActivityMain #theModifyActivitiesFrame {
display: none;
height: 360px;
left: 70;
margin: 0px;
position: absolute;
top: 70;
width: 690px;
zIndex: 4000;
}
/* Activity Controls */
#activityControls #select_activity_ctrl_time_periods {
margin-left: 5px;
width: 155px;
}
#activityControls #lbl_activity_ctrl_date_and_time {
cursor: default;
margin: 3px 0 0 5px;
overflow: hidden;
text-align: right;
text-overflow: ellipsis;
width: 95px;
}
#activityControls #lbl_activity_ctrl_between_dates {
cursor: default;
margin: 3px 0 0 5px;
}
#activityControls #span_activity_ctrl_print_and_help_buttons {
float: right;
}
#activityControls #data_stoptime,
#activityControls #data_starttime {
margin-left: 5px;
width: 50px;
}
#activityControls button,
#activityControls input,
#activityControls span,
#activityControls select {
float: left;
}
#activityControls #txt_activity_ctrl_from_date,
#activityControls #txt_activity_ctrl_to_date {
cursor: default;
margin-left: 5px;
width: 65px;
}
#activityControls #btn_activity_ctrl_startdate.active,
#activityControls #btn_activity_ctrl_stopdate.active,
#activityControls #btn_activity_ctrl_starttime.active,
#activityControls #btn_activity_ctrl_stoptime.active {
background-image: url(../../img/volvo/buttons/btn_calender_on.gif);
cursor: pointer;
}
#activityControls #btn_activity_ctrl_startdate,
#activityControls #btn_activity_ctrl_stopdate,
#activityControls #btn_activity_ctrl_starttime,
#activityControls #btn_activity_ctrl_stoptime {
background-image: url(../../img/volvo/buttons/btn_calender_off.gif);
cursor: default;
height: 18px;
margin-top: 1px;
width: 19px;
}
#activityControls #btn_activity_ctrl_refresh.active {
background-image: url(../../img/volvo/buttons/btn_refresh_on.gif);
cursor: pointer !important; filter: alpha(opacity=100); opacity: 1;
}
#activityControls #btn_activity_ctrl_refresh {
background-image: url(../../img/volvo/buttons/btn_refresh_on.gif);
cursor: default !important; filter: alpha(opacity=30); opacity: .3;
height: 21px;
margin-left: 5px;
width: 24px;
}
#activityControls #btn_activity_ctrl_export.active {
background-image: url(../../img/volvo/buttons/btn_export_on.gif);
cursor: pointer !important;
filter: alpha(opacity=100);
opacity: 1;
}
#activityControls #btn_activity_ctrl_export {
background-image: url(../../img/volvo/buttons/btn_export_on.gif);
cursor: default !important;
filter: alpha(opacity=30);
opacity: .3;
height: 21px;
margin-left: 15px;
width: 24px;
}
#activityControls #btn_activity_ctrl_download {
background-image: url(../../img/volvo/buttons/btn_download_on.gif);
cursor: pointer;
height: 21px;
margin-left: 5px;
width: 24px;
}
#activityControls #btn_activity_ctrl_show_dtm {
background-image: url(../../img/volvo/buttons/btn_dtm_on.gif);
cursor: pointer;
height: 21px;
margin-left: 5px;
width: 24px;
}
#activityControls #btn_activity_ctrl_print {
background-image: url(../../img/volvo/buttons/btn_print_on.gif);
cursor: pointer;
height: 21px;
margin-left: 5px;
width: 24px;
}
#activityControls #btn_activity_ctrl_help {
background-image: url(../../img/volvo/buttons/btn_help_on.gif);
cursor: pointer;
height: 21px;
margin: 0 5px;
width: 24px;
}
/* Compose Activity Message */
#driveractivityComposeActivityMessage #msgDriverName {
width: 675px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Tacho Memory Download (TMD) */
#driveractivityTmd #mainPanel {
float: left;
height: 451px;
}
#driveractivityTmd div.scrollableGrid {
border-width: 0;
float: left;
}
#driveractivityTmd #mainPanel,
#driveractivityTmd div.scrollableGrid {
width: 772px;
}
#driveractivityTmd div.scrollableGrid div.head {
height: 21px;
}
#driveractivityTmd div.scrollableGrid div.body {
height: 410px;
}
#driveractivityTmd button.expand,
#driveractivityTmd button.collapse {
margin: 0 2px;
}
#driveractivityTmd #expandColumn { width: 13px; }
#driveractivityTmd #uploadOverdueColumn { width: 26px; }
#driveractivityTmd #filesAvailableColumn { width: 26px; }
#driveractivityTmd #vehicleColumn { width: 654px; }
#driveractivityTmd tr.driverDataRow td {
background-image: url(../../img/volvo/activity/bg-data.png)
}
#driveractivityTmd #driverDataButtons {
height: 14px;
margin: 5px 0 0 87px;
}
#driveractivityTmd div.driverData {
margin-top: 7px;
}
#driveractivityTmd #tddGrid p {
padding-left: 87px;
}
#driveractivityTmd #legend {
background-color: #ebeff4;
border-top: 1px solid #acb1cb;
clear: left;
float: left;
padding-left: 10px;
height: 24px;
width: 762px;
}
#driveractivityTmd #legend li {
background-image: url(../../img/volvo/activity/activity-statuses.png);
background-repeat: no-repeat;
cursor: default;
float: left;
height: 17px;
line-height: 17px;
margin: 3px 7px 0 0;
padding-left: 19px;
}
#driveractivityTmd #legend li div {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 68px;
}
#driveractivityTmd #legend li#notDownloadedYet { background-position: -3px -1px; }
#driveractivityTmd #legend li#downloaded { background-position: -3px -20px; }
#driveractivityTmd #legend li#missing { background-position: -3px -58px; }
#driveractivityTmd #legend li#deleted { background-position: -3px -96px; }
#driveractivityTmd #legend li#failure { background-position: -3px -134px; }
#driveractivityTmd #legend li#recoverableFailure { background-position: -3px -172px; }
#driveractivityTmd #legend li#exported { background-position: -3px -210px; }
#driveractivityTmd #legend li#ongoing { background-position: -1px -248px; }
/* TDD Status */
#tddStatus div.toolbar {
height: 100px;
}
#tddStatus div.toolbar div.section {
height: 75px;
}
#tddStatus #notAcked {
clear: both;
width: 150px;
}
#tddStatus div.scrollableGrid {
border-width: 0;
float: left;
width: 808px;
}
#tddStatus div.scrollableGrid div.head {
height: 21px;
width: 808px;
}
#tddStatus div.scrollableGrid div.body {
height: 365px;
width: 808px;
}
#tddStatus div.scrollableGrid th.sortable span {
margin-right: 5px;
}
#tddStatus tr.unacknowledgedAlert td {
background-color: #ffe7e7;
color: red;
font-style: italic;
}
#tddStatus tr.unacknowledgedWarning td {
background-color: #ffffcc;
color: red;
font-style: italic;
}
/* Working Time Directive (WTD) */
#wtdModify input,
#wtdModify span {
float: left;
}
#wtdModify button {
float: left;
margin-top: 1px;
vertical-align: top;
}
#wtdModify #trigger_newactivity_startdate {
margin-right: 3px;
}
#wtdModify #trigger_newactivity_enddate {
margin-right: 3px;
}
#wtdModify #span_wtd_activity_save {
float: right;
}
#wtdRestore input,
#wtdRestore span {
float: left;
}
#wtdRestore button {
float: left;
margin-top: 1px;
vertical-align: top;
}
#wtdRestore #trigger_restore_startdate {
margin-right: 3px;
}
#wtdRestore #trigger_restore_enddate {
margin-right: 3px;
}
#wtdRestore #span_wtd_activity_restore {
float: right;
}
#wtdActivityList input,
#wtdActivityList span {
float: left;
}
#wtdActivityList #f_trigger_b {
float: left;
margin-top: 1px;
vertical-align: top;
}
table#composeActivityMessage {
height: 100%;
width: 100%;
}
/* Activity Alarm Controls */
#activityAlarmControls #activityMessage {
height: 0;
width: 809px;
}
#activityAlarmControls #activityMessage.compose {
height: 180px;
}
/* Print pages (printActivityData.jsp and printAlarmData.jsp) */
#driverActivityPrint {
cursor: default;
padding: 10px;
}
#driverActivityPrint table {
border-collapse: collapse;
padding-left: 3px;
padding-right: 3px;
}
/* Driver data export */
#driverActivityDriverDataExportData #addDrivers {
text-align: center;
vertical-align: top;
width: 40px;
}
#driverActivityDriverDataExportData #listOfDrivers {
padding: 0 3px;
}
#driverActivityDriverDataExportData #listOfDrivers thead th {
border-top: 0;
font-weight: normal;
text-align: left;
}
#driverActivityDriverDataExportData #listOfDrivers thead th div {
white-space: nowrap;
}
#driverActivityDriverDataExportData #refreshBox {
display: none;
height: 70px;
position: absolute;
visibility: hidden;
width: 400px;
z-index: 6000;
}
#driverActivityDriverDataExportData #innerRefreshBox {
cursor: default;
height: 100%;
padding: 5px;
}
/* Show company cards */
#showCompanyCards {
margin: 19px 0 12px 30px;
width: 719px;
}
#showCompanyCards .scrollTable {
height: 327px;
width: 725px;
}
/* ================================================================================================================= */
/* News */
/* ----------------------------------------------------------------------------------------------------------------- */
.newsCrudHeadline {
background-color: white;
font-size: 14px;
padding-left: 12px;
line-height: 42px;
margin-bottom: 12px;
}
/* ================================================================================================================= */
/* Messaging */
/* ----------------------------------------------------------------------------------------------------------------- */
#messagingAlarmFrame #alarmFrameContents {
padding: 5px 20px 0 20px;
}
#messagingFoldersFrame #folders {
height: expression(document.body.clientHeight - 20);
overflow: auto;
width: expression(document.body.clientWidth);
}
#messagingMessageList .columnHeadingText {
white-space: nowrap;
}
#messagingMessageList .columnHeadingText div {
cursor: default;
font-size: 12px;
margin-left: 5px;
overflow: hidden;
text-overflow: ellipsis;
}
#messagingMessageList .columnHeadingIcon {
text-align: center;
width: 10px;
}
#messagingMessageList .columnHeadingIcon img {
cursor: pointer;
margin-right: 2px;
}
#messagingViewVehicleEventMessageFrame #vehicleEventFrameContents {
padding: 3px 10px;
}
/* Moved from dynafleet.css ----------------------------------------------- */
table.messagingHeading th,
table.messagingHeading td {
font-size: 12px;
font-weight: normal;
text-decoration: none;
horisontal-align: left;
vertical-align: middle;
padding: 0px;
}
table.messagingFolders td {
font-size: 13px;
font-weight: bold;
text-decoration: none;
padding: 0;
vertical-align: middle;
}
.messagingFolder th,
.messagingFolder td { /* Unread messages */
font-size: 11px;
font-weight: bold;
text-decoration: none;
padding: 0;
horisontal-align: left;
vertical-align: middle;
}
.messagingFolder td { /* Read messages */
font-weight: normal;
}
table.workWindowTitle th,
table.workWindowTitle td {
font-size: 13px;
font-weight: bold;
text-decoration: none;
vertical-align: middle;
padding: 1px 5px;
}
div.workWindowSubTitle {
font-size: 12px;
font-weight: bold;
text-decoration: none;
vertical-align: middle;
padding: 3px;
}
div.workWindowAdditionalInformation {
font-size: 12px;
text-decoration: none;
vertical-align: middle;
padding: 3px;
}
table.workWindowSubTitle th,
table.workWindowSubTitle td {
font-size: 12px;
font-weight: bold;
text-decoration: none;
vertical-align: middle;
padding: 3px;
}
table.workWindowSub td {
font-weight: normal;
}
table.workWindowError td {
color: red;
font-size: 12px;
font-weight: bold;
text-decoration: none;
vertical-align: middle;
padding: 10px;
}
table.workWindowText th,
table.workWindowText td {
font-size: 12px;
font-weight: normal;
text-decoration: none;
padding: 3px;
margin: 10px;
}
.workWindowTextArea {
height: 100%;
}
.workWindowTextArea textarea {
border: 0;
height: 100%;
margin-bottom: -1px;
margin-top: -1px;
padding-left: 3px;
width: 100%;
}
.messageList {
overflow: auto;
width: expression(document.body.clientWidth);
height: expression(document.body.clientHeight - 33);
vertical-align: top;
}
.messageItem {
overflow: hidden;
/* WIDTH SPECIFIED IN PAGE */
height: 14;
}
.messageItemUnread {
overflow: hidden;
/* WIDTH SPECIFIED IN PAGE */
height: 14;
font-weight: bold;
}
/* ================================================================================================================= */
/* Sysadmin */
/* ----------------------------------------------------------------------------------------------------------------- */
#sysadmin select {
font-size: 13px;
}
#sysadmin #customerAndFleetManagement td {
padding-bottom: 4px;
}
#sysadmin #footer {
position: absolute;
bottom: 0;
}
/* Create/modify customer */
#sysadminCreateCustomer #fields td {
vertical-align: bottom;
}
.selectCustomer {
padding: 5px 0 12px 12px;
}
.selectCustomer label {
color: white;
}
.sysadminCheckbox {
margin: 0 2px 0 0;
padding: 0;
}
/* ================================================================================================================= */
/* Tab: Order */
/* ----------------------------------------------------------------------------------------------------------------- */
#orderData th,
#orderData td {
padding: 3px;
background-repeat: no-repeat;
background-position: 3px center;
}
#orderData th {
cursor: default;
font-weight: normal;
position: relative;
text-align: left;
vertical-align: top;
}
#orderData th div,
#orderData td div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#orderData tbody tr {
cursor: pointer;
}
#orderData td div.orderItemStatus {
font-style: italic;
}
#orderData th button {
position: absolute;
right: 2px;
top: 9px;
}
#orderData tbody div {
display: inline;
}
/* ================================================================================================================= */
/* WTD */
/* ----------------------------------------------------------------------------------------------------------------- */
#addDriver {
padding-top: 2px;
text-align: center;
vertical-align: top;
width: 40px;
}
#addDriver div {
cursor: default;
padding-left: 1px;
padding-right: 1px;
overflow: hidden;
text-overflow: ellipsis;
width: 37px;
}
#driverData th,
#driverData td {
padding: 3px;
background-repeat: no-repeat;
background-position: 3px center;
}
#driverData th {
cursor: default;
font-weight: normal;
position: relative;
text-align: left;
}
#driverData tbody tr {
cursor: pointer;
}
#driverData th div,
#driverData td div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#driverData .warning {
color: red !important;
font-style: italic;
font-weight: bold;
}
#driverData th button {
position: absolute;
right: 2px;
top: 9px;
}
#driverData tbody div {
display: inline;
}
/* wtdModifyRestore */
#wtdWtdModifyRestore #wtdModifyRestoreTitle {
height: 15px;
padding-left: 2px;
width: 100%;
}
/* wtdData + wtdDataPrint */
#wtdDataDriver {
width: 180px;
}
#wtdDataCurrentVehicle {
width: 180px;
}
#wtdData24h {
width: 51px;
background-image: url(../../img/volvo/activity/icon_wtd_24h.gif);
}
#wtdDataNight {
width: 51px;
background-image: url(../../img/volvo/activity/icon_wtd_night.gif);
}
#wtdDataCurrentWeek {
width: 92px;
background-image: url(../../img/volvo/activity/icon_wtd_week.gif);
padding-left: 21px !important;
}
#wtdDataAverage {
width: 92px;
background-image: url(../../img/volvo/activity/icon_wtd_weeks.gif);
padding-left: 24px !important;
}
#wtdDataRemaining {
width: 92px;
background-image: url(../../img/volvo/activity/icon_wtd_weeks.gif);
padding-left: 24px !important;
}
#wtdWtdDataPrint #driverData th,
#wtdWtdDataPrint #driverData td {
white-space: normal;
}
#wtdWtdDataPrint #driverData td {
color: black;
}
/* activityData */
#activityDataWarning {
background-image: url(../../img/volvo/activity/icon_service_warning_on.gif);
}
#activityDataDownloadFailed {
background-image: url(../../img/volvo/activity/icon_download_data_on.gif);
}
#activityDataDriving {
background-image: url(../../img/volvo/activity/icon_driving.gif);
}
#activityDataWorking {
background-image: url(../../img/volvo/activity/icon_working.gif);
}
#activityDataWaiting {
background-image: url(../../img/volvo/activity/icon_waiting.gif);
}
#activityDataDrivingWorkingWaiting {
background-image: url(../../img/volvo/activity/icon_driving_working_waiting.gif);
}
#activityDataResting {
background-image: url(../../img/volvo/activity/icon_resting.gif);
}
/* ================================================================================================================= */
/* Navigator */
/* ----------------------------------------------------------------------------------------------------------------- */
#navigatorNavigatorFrame #navigatorTab {
background-image: url(../../img/volvo/navigator/navicon_multifleet_off.gif);
}
#navigatorNavigatorFrame #navigatorTab.selected {
background-image: url(../../img/volvo/navigator/navicon_multifleet_on.gif);
}
#navigatorNavigatorFrame #vehiclesTab {
background-image: url(../../img/volvo/navigator/navicon_vehicle_off.gif);
}
#navigatorNavigatorFrame #vehiclesTab.selected {
background-image: url(../../img/volvo/navigator/navicon_vehicle_on.gif);
}
#navigatorNavigatorFrame #vehiclesMFTab {
background-image: url(../../img/volvo/navigator/navicon_vehicle_off.gif);
}
#navigatorNavigatorFrame #vehiclesMFTab.selected {
background-image: url(../../img/volvo/navigator/navicon_vehicle_on.gif);
}
#navigatorNavigatorFrame #driversTab {
background-image: url(../../img/volvo/navigator/navicon_driver_off.gif);
}
#navigatorNavigatorFrame #driversTab.selected {
background-image: url(../../img/volvo/navigator/navicon_driver_on.gif);
}
#navigatorNavigatorFrame #driversMFTab {
background-image: url(../../img/volvo/navigator/navicon_driver_off.gif);
}
#navigatorNavigatorFrame #driversMFTab.selected {
background-image: url(../../img/volvo/navigator/navicon_driver_on.gif);
}
#navigatorNavigatorFrame #usersTab {
background-image: url(../../img/volvo/navigator/navicon_user_off.gif);
}
#navigatorNavigatorFrame #usersTab.selected {
background-image: url(../../img/volvo/navigator/navicon_user_on.gif);
}
#navigatorNavigatorFrame #poisTab {
background-image: url(../../img/volvo/navigator/navicon_poi_off.gif);
}
#navigatorNavigatorFrame #poisTab.selected {
background-image: url(../../img/volvo/navigator/navicon_poi_on.gif);
}
#navigatorNavigatorFrame #geofencesTab {
background-image: url(../../img/volvo/navigator/navicon_geofence_off.gif);
}
#navigatorNavigatorFrame #geofencesTab.selected {
background-image: url(../../img/volvo/navigator/navicon_geofence_on.gif);
}
#navigatorNavigatorFrame #ordersTab {
background-image: url(../../img/volvo/navigator/navicon_order_off.gif);
}
#navigatorNavigatorFrame #ordersTab.selected {
background-image: url(../../img/volvo/navigator/navicon_order_on.gif);
}
/* Move vehicle */
#navigatorMoveVehicle #errorPage {
display: none;
height: 100%;
padding: 10px;
width: 100%;
}
#navigatorMoveVehicle #firstPage {
display: block;
height: 100%;
padding: 10px;
width: 100%;
}
#navigatorMoveVehicle #secondPage {
display: none;
height: 100%;
padding: 7px 12px 12px;
width: 100%;
}
/* ================================================================================================================= */
/* Status */
/* ----------------------------------------------------------------------------------------------------------------- */
#mainStatus {
padding-top: 10px;
text-align: center;
}
#mainStatus #statusContents {
height: 200px;
overflow: auto;
text-align: center;
width: 500px;
}
#mainStatus #statusContents table {
height: 100%;
text-align: center;
}
#mainStatus .statusMessage {
font-weight: bold;
}
/* ================================================================================================================= */
/* Context Menu */
/* ----------------------------------------------------------------------------------------------------------------- */
.contextMenu {
padding: 3px;
position: absolute;
visibility: hidden;
width: 120px;
}
.contextMenuInner {
align: center;
cursor: default;
padding: 4px;
}
.contextMenuInner .heading {
font-weight: bold;
line-height: 14px;
padding: 1px 0;
}
.contextMenuInner a.contextMenuItem {
font-size: 10px;
padding: 2px 2px 2px 4px;
text-decoration: none;
width: 100%;
}
/* ================================================================================================================= */
/* DTM Configuration */
/* ----------------------------------------------------------------------------------------------------------------- */
/* Configure DTM */
#driverActivityConfigureDtm #sendDTMConfigurationDiv {
border-top: 0;
display: none;
height: 280;
left: expression((document.body.clientWidth - 300) / 2);
position: absolute;
top: expression((document.body.clientHeight - 280) / 2);
width: 300;
}
#driverActivityConfigureDtm #sendDTMConfigurationDiv #titleBar {
cursor: default;
height: 19px;
width: 100%;
}
#dtmConfigurationInclude {
height: 310px;
width: 750px;
}
#dtmConfigurationInclude th div {
white-space: normal;
}
#dtmConfigurationInclude td div,
#dtmConfigurationInclude th div {
padding-left: 3px;
}
#dtmConfigurationInclude .vehicleColumnConfigure {
width: 120px;
}
#dtmConfigurationInclude .vehicleColumn {
width: 143px;
}
#dtmConfigurationInclude .dtmAlarmColumn {
width: 70px;
}
#dtmConfigurationInclude .dtmWarningColumn {
width: 70px;
}
#dtmConfigurationInclude .alarmMinutesColumn {
width: 85px;
}
#dtmConfigurationInclude .dtjColumn {
width: 75px;
}
#dtmConfigurationInclude .dateColumn {
width: 90px;
}
#dtmConfigurationInclude .statusColumn {
width: 160px;
}
/* ================================================================================================================= */
/* Error box */
/* ----------------------------------------------------------------------------------------------------------------- */
.errorBox {
display: none;
position: absolute;
visibility: hidden;
zIndex: 6000;
}
.errorBox #innerErrorBox {
cursor: default;
height: 100%;
padding: 5px;
}
/* ================================================================================================================= */
/* Alert (replaces Error Box) */
/* ----------------------------------------------------------------------------------------------------------------- */
.alert {
left: 0;
position: absolute;
top: 0;
}
.alertInner {
padding: 10px;
text-align: center;
}
.alertInner a.button {
display: block;
float: none;
margin: 10px 0 0;
width: 40px;
zoom: 1;
}
.alertInner a.button span {
display: block;
float: none;
}
.alertMessage {
color: red;
font-weight: bold;
overflow: auto;
text-align: center;
}
/* ================================================================================================================= */
/* Please wait dialog */
/* ----------------------------------------------------------------------------------------------------------------- */
#modalPleaseWaitIFrame {
display: none;
filter: alpha(opacity=60);
left: 0;
position: absolute;
top: 0;
z-index: 5999;
}
#pleaseWaitDiv {
cursor: default;
display: none;
position: absolute;
visibility: hidden;
z-index: 6000;
}
#pleaseWaitDivInner {
height: 100%;
width: 100%;
text-align: center;
}
#pleaseWaitDiv #titleDiv {
font-weight: bold;
padding: 5px;
text-align: center;
}
/* ================================================================================================================= */
/* Error page */
/* ----------------------------------------------------------------------------------------------------------------- */
#errorError div {
height: expression(document.body.clientHeight);
overflow: auto;
width: expression(document.body.clientWidth);
}
#errorError #errorPage {
padding: 10px;
}
/* ================================================================================================================= */
/* Message box (in application.jsp) */
/* ----------------------------------------------------------------------------------------------------------------- */
#modalMsgBoxDiv #messageBox {
border-top: 0;
}
#modalMsgBoxDiv #messageBox th {
color: white;
height: 17px;
font-size: 12px;
}
/* ================================================================================================================= */
/* Reports */
/* ----------------------------------------------------------------------------------------------------------------- */
#reportColumnSettings {
padding: 7px 12px 12px 12px;
}
#reportColumnSettings #reportColumns {
width: 296px;
height: 385px;
overflow: auto;
overflow-y: scroll;
}
#reportColumnSettings #reportColumns table {
background-color: white;
height: 100%;
width: 100%;
}
#saveFavouriteDiv {
display: none;
height: 80px;
left: 250px;
position: absolute;
top: 15px;
visibility: hidden;
width: 280px;
zIndex: 6000;
}
#reportsSubscribe #f_date_b {
width: 157px;
}
#reportsSubscribe #email,
#reportsSubscribe #startTime {
width: 176px;
}
#reportsSubscribe #weekInterval {
width: 34px;
}
/* ================================================================================================================= */
/* Tab: Service Plan (spl) */
/* ----------------------------------------------------------------------------------------------------------------- */
#servicePlan th a {
background-image: url("../../img/volvo/buttons/btn_sort_column.gif");
}
#servicePlanPrint img {
display: block;
}
#servicePlanPrint .serviceplanList {
margin-top: 5px;
width: 700px;
}
#servicePlanPrint .serviceplanList th {
font-weight: bold;
text-align: left;
}
#servicePlanPrint .serviceplanList td,
#servicePlanPrint .serviceplanList th {
line-height: 15px;
padding-right: 5px;
}
/* ================================================================================================================= */
/* Tab: Administration */
/* ----------------------------------------------------------------------------------------------------------------- */
/* Create header */
#createHeader {
cursor: default;
}
#createHeader #logoPart {
float: left;
height: 59px;
width: 437px;
}
#createHeader #logoPartBottom {
float: left;
line-height: 0;
width: 437px;
}
#createHeader #panelPart {
float: right;
height: 59px;
width: 372px;
}
#createHeader #panelPart button {
position: absolute;
right: 9px;
top: 10px;
}
#createHeader #panelPartBottom {
float: right;
line-height: 0;
width: 372px;
}
/* Assign transport buyer vehicles */
#assignedVehicles tr.passedInterval .intervalDate {
color: red;
}
/* Address books */
#addressBookDistributeAddressBooks .sortButton {
padding: 0 5px;
}
#addressBookDistributeAddressBooks .sortButton img {
cursor: pointer;
}
#addModifyContactDiv {
display: none;
height: 200px;
left: 288;
position: absolute;
top: 50;
width: 212px;
zIndex: 4000;
}
#addModifyContactDiv #addModifyContactHeadingDiv {
cursor: default;
padding-bottom: 3px;
padding-left: 7px;
width: 100%;
}
#addressBookCreateModify .sortButton {
padding: 0 4px;
}
/* Driver coaching */
#driverCoachingConfigure .settings {
padding-bottom: 5px;
white-space: nowrap;
}
#driverCoachingConfigure .settings span {
cursor: default;
overflow: hidden;
text-overflow: ellipsis;
}
#driverCoachingConfigure .settings span.parameter {
font-weight: bold;
padding-left: 1px;
width: 225px;
}
#driverCoachingConfigure .settings span.timeLimit {
padding: 0 5px 0 1px;
text-align: right;
width: 70px;
}
#driverCoachingConfigure .settings .parameterInput {
width: 40px;
}
#driverCoachingConfigure .settings span.unit {
padding-left: 1px;
width: 25px;
}
/* ================================================================================================================= */
/* Tab: Reports - Log data management */
/* ----------------------------------------------------------------------------------------------------------------- */
#ldmDetails {
padding-top: 1px;
}
.ldmDetailBackground {
height: 17px;
overflow: hidden;
}
.ldmDetailAvailable {
height: 15px;
overflow: hidden;
}
.ldmDetailLost {
height: 15px;
overflow: hidden;
}
.ldmDetailBorder {
height: 1px;
line-height: 0;
overflow: hidden;
}
.todayMarker {
height: 15px;
width: 1px;
}
#ldmShow #infoview {
width: expression(document.body.clientWidth);
}
#ldmShow #selectionView {
overflow: auto;
}
/* ================================================================================================================= */
/* Tab: Administration - Forms */
/* ----------------------------------------------------------------------------------------------------------------- */
.formsSizes {
text-align: right;
width: 24px;
}
#formsShowForm #formFieldList {
background-color: white;
height: 240px;
overflow: auto;
width: 226px;
}
#formsFormsEditor #fleetFormList {
height: 351px;
margin: 7px 25px 12px 12px;
width: 235px;
}
#formsFormsEditor #formList {
background: white;
height: 310px;
margin-top: 4px;
overflow: auto;
width: 235px;
}
#formsFormsEditor #modifyFormFrame {
height: 308px;
margin-top: 4px;
width: 475px;
}
#formsDistributedForms #fleetFormList {
background: white;
height: 285px;
overflow: auto;
width: 235px;
}
#formsDistributedForms #formsInVehiclesFrame {
height: 285px;
width: 485px;
}
#vehicleFormsTable tr.vehicle {
font-weight: bold;
}
#formsInVehiclesArea {
left: 265px;
padding-left: 30px;
position: absolute;
top: 135px;
visibility: hidden;
width: 515px;
}
#img_forms_distrib_addforms {
left: 0;
position: absolute;
top: 120px;
}
#img_forms_distrib_removeforms {
left: 0;
position: absolute;
top: 146px;
}
/* ================================================================================================================= */
/* Geofence */
/* ----------------------------------------------------------------------------------------------------------------- */
#geofence .modifyGeofence {
cursor: default;
margin-bottom: 3px;
overflow: hidden;
padding-left: 1px;
text-overflow: ellipsis;
white-space: nowrap;
width: 250px;
}
#geofence .checkboxText {
cursor: default;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#geofence label {
display: inline;
}
#geofence checkbox {
margin-bottom: 3px;
}
.geofenceMarker {
margin-right: 4px;
width: 14px;
}
#approaching {
background-color: darkblue;
}
#leaving {
background-color: darkred;
}
#arrived {
background-color: green;
}
#geofence .geofenceMessage {
height: 50px;
margin: 4px 0;
overflow: auto;
padding: 2px;
width: 250px;
}
/* ================================================================================================================= */
/* Tachograph download per vehicle */
/* ----------------------------------------------------------------------------------------------------------------- */
#configureRemoteDownload {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
#configureRemoteDownload #buttons {
bottom: 10px;
position: absolute;
right: 10px;
}
/* ================================================================================================================= */
/* Tachograph download per vehicle */
/* ----------------------------------------------------------------------------------------------------------------- */
#manageCompanyCards #manageTitle {
margin-left: 30px;
padding-bottom: 16px;
padding-top: 9px;
}
#manageCompanyCards #managePanel {
margin: 0 0 12px 30px;
width: 749px;
}
#manageCompanyCards #manageButtons {
float: left;
padding-top: 12px;
}
#manageCompanyCards #manageButtons button {
display: inline;
margin-right: 5px;
}
#manageCompanyCards #otherButtons {
padding-top: 12px;
text-align: right;
}
#manageCompanyCards #otherButtons button {
display: inline;
margin-left: 5px;
}
/* ================================================================================================================= */
/* Tab: Invoice details */
/* ----------------------------------------------------------------------------------------------------------------- */
#billingInvoice h2 {
font-size: 12px;
margin-bottom: 5px;
}
#billingInvoice label,
#billingInvoice input {
margin: 0 0 2px;
}
#billingInvoice #header {
overflow: hidden;
width: 100%;
}
#billingInvoice #mainPanel {
margin: 12px 20px 0;
}
#billingInvoice #logoPart {
float: left;
height: 59px;
width: 437px;
}
#billingInvoice #logoPartBottom {
float: left;
line-height: 0;
width: 437px;
}
#billingInvoice #panelPart {
float: right;
height: 59px;
width: 372px;
}
#billingInvoice #panelPart button {
position: absolute;
right: 9px;
top: 10px;
}
#billingInvoice #panelPartBottom {
float: right;
line-height: 0;
width: 372px;
}
#billingInvoice #invoiceReceiverPanel {
float: left;
margin-right: 10px;
}
#billingInvoice #period {
float: none;
margin-right: 10px;
}
#billingInvoice #currency {
padding-top: 6px;
}
#billingInvoice #invoicedAmountMessage {
clear: both;
margin-top: 2px;
}
#billingInvoice #invoiceSelection {
margin-bottom: 12px;
}
#billingInvoice #invoiceSearch {
margin-bottom: 12px;
overflow: hidden;
width: 100%;
}
#billingInvoice #searchFleet,
#billingInvoice #searchVehicle,
#billingInvoice #searchChassisNo,
#billingInvoice #searchRegNo {
display: inline;
float: left;
margin-right: 10px;
}
#billingInvoice #searchButton {
float: none;
padding-top: 17px;
}
#billingInvoice #adjustmentMessage {
clear: both;
}
#billingInvoice #invoiceSpecification {
margin-bottom: 7px;
overflow: hidden;
width: 100%;
}
#billingInvoice #specificationParmaId,
#billingInvoice #specificationPeriod {
display: inline;
float: left;
margin-right: 10px;
width: 220px;
}
#billingInvoice #specificationReference {
width: 220px;
}
#billingInvoice div.scrollTable {
background-color: #ffffff;
}
#billingInvoice div.scrollTable table {
height: 1%;
}
#billingInvoice th.sortable {
background: no-repeat url(../../img/volvo/buttons/btn-sort-column.png) center right;
cursor: pointer;
}
#billingInvoice th.sortable div {
margin-right: 15px;
}
#billingInvoice th div,
#billingInvoice td div {
padding-left: 1px;
}
#billingInvoice #buttons {
overflow: hidden;
width: 100%;
}
#billingInvoice #buttons a {
margin: 0 0 0 5px;
}
/* ================================================================================================================= */
/* Sysadmin: Manage Adjustments */
/* ----------------------------------------------------------------------------------------------------------------- */
#manageAdjustment .adjustmentTable td,
#manageAdjustment .adjustmentTable th,
#manageDiscount .discountTable td,
#manageDiscount .discountTable th {
padding-left: 1px;
}/*
Colors
=====================
Text ........ #000f60
Links ....... #c00
*/
body * {
color: #000f60;
font-size: 11px;
font-family: arial, sans-serif;
}
td.hline {
border-top: 1px solid #98a0bd;
}
tr.highlighted { background-color: #ebeff4 !important; }
tr.selected { background-color: #cfd6e6 !important; }
td.hr {
background-color: #98a0bd;
height: 1px;
}
hr {
color: #98a0bd;
height: 1px;
}
.fieldset {
border: 1px solid #7c9ebc;
}
fieldset {
border: 1px solid #7c9ebc;
padding: 0 10px 10px 10px;
}
legend {
font-weight: bold;
margin-bottom: 3px;
}
option.group {
color: #000f60;
}
/* ================================================================================================================= */
/* Common (used in conjunction with global.css) */
/* ----------------------------------------------------------------------------------------------------------------- */
/* Toolbar */
table.toolbar,
div.toolbar {
background-color: #d0d3d5;
border: 1px solid #f0f0ef;
}
/* Button side panel */
div.buttonSidePanel {
background-color: #ebeff4;
border-style: solid;
border-color: #acb1cb;
border-width: 1px 1px 0 0;
}
/* ================================================================================================================= */
/* Common */
/* ----------------------------------------------------------------------------------------------------------------- */
/* Button. ONLY TO BE USED WITH GLOBAL.CSS, NOT DYNAFLEET.CSS! */
a.button {
background-color: #F0F4FD;
border: 1px solid #556a9f;
float: left;
margin-right: 5px;
}
a.button span {
border-color: #f9fffb #cfd6e6 #cfd6e6 #f9fffb;
border-style: solid;
border-width: 1px;
color: #000f60;
cursor: pointer;
float: left;
font-size: 9px;
font-weight: normal;
height: 10px;
letter-spacing: 1px;
line-height: 10px;
padding: 0 4px;
white-space: nowrap;
}
a.button:hover span {
color: #ff0f60;
}
/* Image Button */
a.imageButton {
background-color: #f0f4fd;
border: 1px solid #556a9f;
font-size: 9px;
height: 14px;
overflow: hidden;
text-decoration: none;
white-space: nowrap;
}
a.imageButton * {
font-size: 9px;
font-weight: normal;
letter-spacing: 1px;
text-decoration: none;
}
a.imageButton span,
a.imageButton:visited span {
border-style: solid;
border-width: 1px;
border-color: #f9fffb #cfd6e6 #cfd6e6 #f9fffb;
cursor: pointer;
height: 12px;
line-height: 10px;
padding: 0 4px;
}
a.imageButton:hover span {
color: #ff0f60;
}
a.imageButton.disabled {
border: 1px solid #acb1cb;
cursor: default;
}
a.imageButton.disabled span {
cursor: default;
}
/* Image Button (old should be converted to the one above) */
span.imageButton {
background-color: #f0f4fd;
border: 1px solid #556a9f;
height: 14px;
white-space: nowrap;
}
span.imageButton * {
font-size: 9px;
font-weight: normal;
letter-spacing: 1px;
line-height: 8px;
text-align: center;
text-decoration: none;
}
span.imageButton a,
span.imageButton a:visited {
border-style: solid;
border-width: 1px;
border-color: #f9fffb #cfd6e6 #cfd6e6 #f9fffb;
height: 100%;
padding: 1px 3px 1px 4px;
text-align: center;
text-decoration: none;
}
span.imageButton a:hover {
color: #ff0f60;
}
/* TODO: description */
a.boldLinkText {
font-weight: bold;
text-decoration: none;
}
a.boldLinkText:hover {
font-weight: bold;
color: #848abd;
text-decoration: none;
}
/* Striped table (used in administration.jsp, reportsMainPage.jsp) */
table.table tr.oddRow {
background-color: white;
}
table.table tr.evenRow {
background-color: #edf0ff;
}
table.table thead td {
border-top: 1px solid #98a0bd;
}
/* Crud Panel */
.crudPanel {
background-color: #ecefff;
}
/* Control Panel */
div.controlPanel {
background-color: #d0d3d5;
border: 1px solid #f0f0ef;
}
body.controlPanelDetails {
background-color: #d0d3d5;
}
/* Buttons where the sizes differ between renault and volvo */
button.btn_vehicle_down_ { width: 26px; height: 23px; background-image: url(../../img/volvo/buttons/btn_vehicle_down_.gif); }
button.btn_driver_down { width: 26px; height: 23px; background-image: url(../../img/volvo/buttons/btn_driver_down.gif); }
.administrationPanel {
background-color: #ecefff;
padding: 7px 12px 12px;
position: relative;
}
/* Scroll table */
.scrollTable {
border: 1px solid #7C9EBC;
}
.scrollTable table {
background-color: white;
}
.scrollTable th {
background-color: #ecefff;
border-bottom: 1px solid #7C9EBC;
}
.scrollTable .closed {
border-right: 1px solid #7C9EBC;
}
/* Scrollable grid */
div.scrollableGrid {
border: 1px solid #acb1cb;
}
div.scrollableGrid div.head {
background-color: #ebeff4;
border-color: #acb1cb;
border-style: solid;
border-width: 1px 0;
}
div.scrollableGrid div.body table {
background-color: white;
}
div.scrollableGrid th,
div.scrollableGrid td {
border-style: solid;
border-width: 0 0 1px 0;
}
div.scrollableGrid th,
div.scrollableGrid td {
border-color: #acb1cb;
}
/* Window */
.window {
padding: 0 4px 4px 4px;
background-color: #6e879f;
}
h1.windowTitle {
background-color: #6e879f;
color: white;
}
/* Icon selector */
.iconSelector {
background-color: white;
border: 1px solid #7f9db9;
}
.iconSelector .selected {
background-color: #cfd6e6;
}
/* Modal Dialog */
div.modalDialog {
background-color: #6e879f;
}
div.modalDialog h3 {
color: white;
}
div.modalDialog div {
border: 1px solid #e9e7e7;
}
div.modalDialog div {
background-color: #ecefff;
}
/* Modal Dialog (Quirks Mode, simple DIV) */
div.qmModalDialog {
background-color: #ecefff;
border: 4px solid #6e879f;
border-top-width: 0;
}
div.qmModalDialog h3 {
background-color: #6e879f;
color: white;
}
/* Driver data grid */
div.dateStatusGrid span {
background-color: #ebeff4;
border: 1px solid #acb1cb;
}
div.dateStatusGrid div.dates li {
background-color: #ebeff4;
border: 1px solid #acb1cb;
}
div.dateStatusGrid .highlighted { background-color: #cfd6e6 !important; }
div.dateStatusGrid li.selected { background-color: #556a9f; }
/* ================================================================================================================= */
/* Header */
/* ----------------------------------------------------------------------------------------------------------------- */
#header #head {
background-color: #000f60;
border-bottom: 1px solid white;
height: 47px;
}
#header #head div {
right: 20px;
top: 17px;
}
#header #head div a {
background: url(../../img/volvo/main/img_square.gif) no-repeat 0 4px;
color: #bfc3d7;
font: 9px/11px Verdana, Sans-Serif;
margin-left: 16px;
padding-left: 8px;
text-decoration: none;
}
#header #logo {
left: 16px;
top: 16px;
}
#header #user {
background-color: #b8c7d6;
border-style: solid;
border-color: #6e879f;
border-width: 1px 0;
}
#header #img_head_logout {
background: url(../../img/volvo/main/icon_logoff.gif) no-repeat 0 4px;
}
/* ================================================================================================================= */
/* Sysadmin */
/* ----------------------------------------------------------------------------------------------------------------- */
.sysadminHeader {
background: #000f60 url(../../img/volvo/sysadmin/header_logo.gif) no-repeat;
height: 46px;
}
.footerText {
color: #848abd;
}
/* Create/modify customer */
.selectCustomer {
background-color: #000f60;
}
/* ================================================================================================================= */
/* News */
/* ----------------------------------------------------------------------------------------------------------------- */
#marketNewsHeader {
background-color: #000f60;
height: 42px;
}
#marketNewsHeader img {
display: block;
margin-left: 6px;
}
#newsInfo .headerTitle {
background-color: #B7B4A3;
border-bottom: 14px solid white;
height: 73px;
padding: 19px 0 0 30px;
vertical-align: top;
}
#newsInfo .headerImage {
border-bottom: 14px solid #6e879f;
height: 73px;
}
/* ================================================================================================================= */
/* Popup window */
/* ----------------------------------------------------------------------------------------------------------------- */
.popupwindow {
border: 4px solid #6e879f;
border-top-width: 0;
display: none;
overflow: hidden;
position: absolute;
z-index: 5001;
}
.popupwindow #titleRow {
background-color: #6e879f;
cursor: default;
height: 21px;
}
.popupwindow #titleRow * {
color: white;
font-size: 12px;
font-weight: bold;
}
.popupwindow #titleDiv {
float: left;
padding: 3px 0 0 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/* the width is set in popupwindow.js */
}
.popupwindow #closeIcon {
float: right;
}
.popupwindow #closeIcon img {
cursor: pointer;
margin-top: 3px;
}
/* ================================================================================================================= */
/* Tabs */
/* ----------------------------------------------------------------------------------------------------------------- */
ul.smallTabs {
border-bottom: 2px solid #6e879f;
}
ul.tabs,
ul.smallTabs {
background-color: #b8c7d6;
height: 17px;
padding-top: 3px;
}
ul.smallTabs li,
ul.tabs li {
background: url(../../img/volvo/main/tab-left.gif) no-repeat;
cursor: pointer;
float: left;
height: 17px;
margin-right: 2px;
}
ul.smallTabs li span,
ul.tabs li span {
background: url(../../img/volvo/main/tab-right.gif) right top;
display: inline; /* IE6 Doubled Float-Margin Bug Fix */
float: left;
font-weight: bold;
height: 17px;
line-height: 17px;
margin-left: 2px;
padding: 0 8px 0 6px;
}
ul.smallTabs li.selected,
ul.tabs li.selected {
background: #6E879F none;
}
ul.smallTabs li.selected span,
ul.tabs li.selected span {
background: #6E879F none;
color: white;
}
/* Tab Content */
.tabContent {
background-color: #ecefff;
}
/* ================================================================================================================= */
/* Tab View */
/* ----------------------------------------------------------------------------------------------------------------- */
ul.tabView {
background-color: #b8c7d6;
margin: 2px 2px 0 2px;
}
ul.tabView li {
background: url(../../img/volvo/main/tab-left.gif) no-repeat;
cursor: pointer;
float: left;
margin-right: 2px;
overflow: hidden; /* IE6 bug workaround */
}
ul.tabView li span.inner {
background: url(../../img/volvo/main/tab-right.gif) right top;
display: inline; /* IE6 Doubled Float-Margin Bug Fix */
float: left;
margin-left: 2px;
padding-right: 2px;
}
ul.tabView li.selected {
background: #6e879f none;
}
ul.tabView li.selected span.inner {
background-image: none;
}
/* Label Tab View */
ul.labelTabView {
height: 17px;
}
ul.labelTabView li {
height: 17px;
margin-right: 2px;
}
ul.labelTabView li span.inner {
font-weight: bold;
height: 17px;
line-height: 16px;
padding: 1px 8px 0 6px;
}
ul.labelTabView li.selected span.inner {
color: white;
}
/* Icon Tab View */
ul.iconTabView,
ul.iconTabView li {
height: 22px;
}
ul.iconTabView li span.icon {
display: block;
}
/* Tab Content */
.tabContent {
background-color: #ecefff;
}
/* ================================================================================================================= */
/* Main frame */
/* ----------------------------------------------------------------------------------------------------------------- */
#mainMainFrame {
background: white url(../../img/volvo/main/bg_blue_tone.gif) repeat-x;
}
#mainMainFrame ul.tabView {
margin: 3px 0 0;
}
#mainMainFrame #tabs div.tabs {
border: 4px solid #6e879f;
border-left-width: 0;
}
#mainMainFrame #calendarFrame,
#mainMainFrame #timeSelectorFrame,
#mainMainFrame #modalFrame {
top: 24px;
}
/* ================================================================================================================= */
/* Navigator */
/* ----------------------------------------------------------------------------------------------------------------- */
#navigatorNavigatorFrame {
background: url(../../img/volvo/main/bg_blue_tone.gif) repeat-x;
}
#navigatorNavigatorFrame #navigatorTitle {
cursor: default;
display: block;
font-size: 12px;
height: 20px;
line-height: 19px;
overflow: hidden;
padding-left: 6px;
text-overflow: ellipsis;
white-space: nowrap;
width: 186px;
}
#navigatorNavigatorFrame #navigatorContainer {
border: 4px solid #6e879f;
height: 523px;
left: 32px;
position: absolute;
top: 20px;
width: 162px;
}
#navigatorNavigatorFrame #navigatorContainer iframe {
position: absolute;
}
#navigatorNavigatorFrame #tabs {
left: 6px;
position: absolute;
top: 20px;
}
#navigatorNavigatorFrame #tabs button {
height: 25px;
margin-bottom: 2px;
width: 26px;
}
#navigatorNavigatorFrame #eventWatcher {
bottom: 15;
left: 3;
position: absolute;
}
/* Move vehicle */
#navigatorMoveVehicle #errorPage {
background-color: #ecefff;
}
#navigatorMoveVehicle #firstPage {
background-color: #ecefff;
}
#navigatorMoveVehicle #secondPage {
background-color: #ecefff;
}
/* ================================================================================================================= */
/* Invoice Specification */
/* ----------------------------------------------------------------------------------------------------------------- */
#billingInvoice #logoPart {
background: url(../../img/volvo/main/rub_dfol.gif) no-repeat 30px 19px;
background-color: #b7b4a3;
}
#billingInvoice #logoPartBottom {
border-bottom: 14px solid white;
}
#billingInvoice #panelPart {
background-color: #d0d3d5;
border: 1px solid #e9e7e7;
height: 57px; /* cross-browser */
width: 370px; /* cross-browser */
}
#billingInvoice #panelPartBottom {
border-bottom: 14px solid #6e879f;
}
#billingInvoice .scrollTable thead {
background-color: #ecefff;
}
/* ================================================================================================================= */
/* Administration */
/* ----------------------------------------------------------------------------------------------------------------- */
#adminAdministration #pageHeader #logoPart {
background: url(../../img/volvo/admin/rub_dfol_administration_gb.gif) no-repeat 30px 19px;
background-color: #B7B4A3;
border-bottom: 14px solid white;
float: left;
height: 73px;
width: 437px;
}
#adminAdministration #pageHeader #imagePart {
background: url(../../img/volvo/admin/img_adminheader.gif) no-repeat;
border-bottom: 14px solid #6E879F;
float: right;
height: 73px;
width: 372px;
}
#adminAdministration #pageHeader #imagePart #img_admin_help {
background: url(../../img/volvo/buttons/btn_help_on.gif) no-repeat;
cursor: pointer;
height: 21px;
position: absolute;
right: 9px;
top: 10px;
width: 24px;
}
#adminAdministration #manageUser {
background-image: url(../../img/volvo/admin/admin_user_icon.gif);
background-position: 8px 2px;
background-repeat: no-repeat;
text-indent: 37px;
}
#adminAdministration #manageVehicle {
background-image: url(../../img/volvo/admin/admin_vehicle_icon.gif);
background-position: 8px 2px;
background-repeat: no-repeat;
text-indent: 37px;
}
#adminAdministration #manageDriver {
background-image: url(../../img/volvo/admin/admin_driver_icon.gif);
background-position: 8px 2px;
background-repeat: no-repeat;
text-indent: 37px;
}
#adminAdministration #manageFleet {
background-image: url(../../img/volvo/admin/admin_fleet_icon.gif);
background-position: 8px 2px;
background-repeat: no-repeat;
text-indent: 37px;
}
/* Manage fleets */
#manageFleetMainFrame {
border-bottom: 1px solid #6e879f;
height: 98px;
}
#manageFleetResultFrame {
height: 416px;
}
/* Create header */
#createHeader #logoPart {
background: url(../../img/volvo/admin/rub_dfol_administration_gb.gif) no-repeat 30px 20px;
background-color: #b7b4a3;
}
#createHeader #logoPartBottom {
border-bottom: 14px solid white;
}
#createHeader #panelPart {
background-color: #d0d3d5;
border: 1px solid #e9e7e7;
}
#createHeader #panelPartBottom {
border-bottom: 14px solid #6e879f;
}
/* Configure DTM */
#driverActivityConfigureDtm #sendDTMConfigurationDiv {
background-color: #ecefff;
border: 4px solid #6e879f;
}
#driverActivityConfigureDtm #sendDTMConfigurationDiv #titleBar {
background-color: #6e879f;
}
#driverActivityConfigureDtm #sendDTMConfigurationDiv #titleBar td {
color: white;
}
/* Address books */
#manageAddressBookMainFrame {
border-bottom: 1px solid #556a9f;
}
#addModifyContactDiv {
background-color: #ECEFFF;
border: 4px solid #6E879F;
}
#addModifyContactDiv #addModifyContactHeadingDiv {
background-color: #6E879F;
color: white;
}
#addressBookCreateModify .sortButton {
border-right: 1px solid #7C9EBC;
}
/* ================================================================================================================= */
/* Reports */
/* ----------------------------------------------------------------------------------------------------------------- */
#reportsReportsMainPage #pageHeader #logoPart {
background: url(../../img/volvo/report/rub_dfol_reports_gb.gif) no-repeat 30px 19px;
background-color: #B7B4A3;
border-bottom: 14px solid white;
float: left;
height: 73px;
width: 437px;
}
#reportsReportsMainPage #pageHeader #imagePart {
background: url(../../img/volvo/report/img_reportsheader.gif) no-repeat;
border-bottom: 14px solid #6E879F;
float: right;
height: 73px;
width: 372px;
}
#reportsReportsMainPage #pageHeader #imagePart #img_admin_help {
background: url(../../img/volvo/buttons/btn_help_on.gif) no-repeat;
cursor: pointer;
height: 21px;
position: absolute;
right: 9px;
top: 10px;
width: 24px;
}
#reportsCreateReports #reportDisplayFrame {
border-top: 1px solid #6e879f;
height: 378px;
}
#saveFavouriteDiv {
background: #ecefff;
border: 3px solid #6e879f;
}
#reportColumnSettings {
background-color: #ecefff;
}
#reportColumnSettings #reportColumns {
border: 1px solid black;
}
#favoriteManageFavorite {
border-bottom: 1px solid #556A9F;
}
/* ================================================================================================================= */
/* Status */
/* ----------------------------------------------------------------------------------------------------------------- */
#mainStatus #statusContents {
background-color: #ecefff;
}
/* ================================================================================================================= */
/* Maps */
/* ----------------------------------------------------------------------------------------------------------------- */
#map #infoButtons button { width: 26px; height: 25px; }
#map #infoButtons li { width: 26px; height: 25px; margin-top: 2px; }
#map #mapContainer { border-top: 1px solid #6e879f; }
#map #infoPanel { background-color: #6e879f; }
#map #infoPanel table { border: 1px solid #556a9f; width: 754px; }
#map #infoPanel caption { background-color: #6e879f; color: white; }
#map #infoPanel th { border-bottom: 1px solid #acb1cb; }
/* ================================================================================================================= */
/* Context Menu */
/* ----------------------------------------------------------------------------------------------------------------- */
.contextMenu {
background-color: #fffff0;
border: 1px solid #6e879f;
}
.contextMenuInner {
background-color: #ebeff4;
}
.contextMenuInner a.contextMenuItem:hover {
background-color: #cfd6e6;
text-decoration: none;
}
/* ================================================================================================================= */
/* Padding */
/* ----------------------------------------------------------------------------------------------------------------- */
/* TODO Remove (bad practice) - is it used? */
#padding {
background-color: #F9FAFF;
}
/* ================================================================================================================= */
/* Messaging */
/* ----------------------------------------------------------------------------------------------------------------- */
#messagingAlarmFrame #alarmFrame {
border-left: 1px solid #556A9F;
}
#messagingMessaging #messagingToolbar {
border-bottom: 1px solid #556A9F;
}
#messagingMessaging #foldersFrameWrapper {
border-right: 1px solid #556A9F;
}
#messagingMessaging #messagesFrameWrapper {
border-left: 9px solid #EBEFF4;
}
#messagingAlarmFrame #alarmFrameContents {
background-color: #EBEFF4;
border-top: 1px solid #556A9F;
}
#messagingAlarmList #columnHeadings {
background-color: #556A9F;
}
#messagingFoldersFrame #folders {
border-top: 1px solid #556A9F;
}
#messagingViewVehicleEventMessageFrame #vehicleEventFrame {
border-left: 1px solid #556A9F;
}
#messagingViewVehicleEventMessageFrame #vehicleEventFrameContents {
background-color: #EBEFF4;
border-top: 1px solid #556A9F;
}
#messagingWorkFrame #workFrame {
border-left: 1px solid #556A9F;
}
td.workWindowTextArea {
border-top: 1px solid #556A9F;
}
td.workWindowDestinationFrame {
background-color: #EBEFF4;
vertical-align: top;
}
table.messagingHeading th,
table.messagingHeading td {
background-color: #EBEFF4;
}
table.workWindowTitle th,
table.workWindowTitle td {
color: white;
background-color: #6E879F;
}
div.workWindowSubTitle {
background-color: #D0D3D5;
}
div.workWindowAdditionalInformation {
background-color: #D0D3D5;
}
table.workWindowSubTitle th,
table.workWindowSubTitle td {
background-color: #D0D3D5;
}
table.workWindowError td {
background-color: #D0D3D5;
}
table.workWindowText th,
table.workWindowText td {
background-color: #D0D3D5;
}
.messageList {
border-left: 1px solid #556A9F;
border-top: 1px solid #556A9F;
}
/* ================================================================================================================= */
/* Orders */
/* ----------------------------------------------------------------------------------------------------------------- */
#orderData th {
border: 1px solid #acb1cb;
}
#orderData td {
border: 0px;
}
#orderData tr.completedItem td {
background-color: #90ee90;
}
#orderData tr.selectedCompletedItem td, #orderData tr.selectedOngoingItem td {
background-color: #cfd6e6;
}
#orderData tr.ongoingItem td {
background-color: #ffffe0;
}
#orderData th {
background-color: #ebeff4;
border-top: 0;
}
/* ================================================================================================================= */
/* Driver Activity */
/* ----------------------------------------------------------------------------------------------------------------- */
/* Activity Main */
#driverActivityActivityMain {
background-color: #b8c7d6;
}
#driverActivityActivityMain #tabs iframe {
border-top: 1px solid #6e879f;
height: 490px;
}
#activityData {
height: 457px;
}
#activityAlarmControls #activityData.compose {
height: 277px;
}
#driverActivityActivityMain #theModifyActivitiesFrame {
border: 1px solid #7C9EBC;
}
#driverActivityActivityMain span.icon {
height: 22px;
width: 22px;
}
/* Activity Alarm Data */
#driverActivityActivityAlarmData {
border-top: 1px solid #98a0bd;
}
/* Print */
#driverActivityPrint thead td {
background-color: #EBEFF4;
border: 1px solid #ACB1CB;
}
#driverActivityPrint tbody td {
border: 1px solid #ACB1CB;
}
/* Driver Data Export */
#driverActivityDriverDataExportData {
border-top: 1px solid #98a0bd;
}
#driverActivityDriverDataExportData #addDrivers {
background-color: #ebeff4;
border-right: 2px solid #acb1cb;
}
#driverActivityDriverDataExportData #listOfDrivers thead th {
background-color: #ebeff4;
border: 1px solid #acb1cb;
}
#driverActivityDriverDataExportData #refreshBox {
border: 3px solid #6e879f;
}
#driverActivityDriverDataExportData #innerRefreshBox {
background-color: #ecefff;
border: 1px solid white;
}
/* Working Time Directive (WTD) */
#addDriver {
background-color: #ebeff4;
border-right: 2px solid #acb1cb;
}
#driverData th,
#driverData td {
border: 1px solid #acb1cb;
}
#driverData th {
background-color: #ebeff4;
border-top: 0;
}
#wtdWtdModifyRestore tr.modified {
background-color: #adb4c4;
}
#wtdWtdModifyRestore {
background-color: #ecefff;
border: 2px solid #6e879f;
}
#wtdWtdModifyRestore #wtdModifyRestoreTitle {
background-color: #6e879f;
color: #ffffff;
}
#wtdWtdModifyRestore #wtdTabs {
background-color: #b8c7d6;
border-bottom: 2px solid #6E879F;
}
/* Tacho Memory Download */
#driveractivityTmd #legend {
background-color: #ebeff4;
border-top: 1px solid #acb1cb;
}
/* Show company cards */
#companyCardToolbar {
border-bottom: 1px solid #6e879f;
}
/* ================================================================================================================= */
/* Error box */
/* ----------------------------------------------------------------------------------------------------------------- */
.errorBox {
border: 3px solid #6e879f;
}
.errorBox #innerErrorBox {
background-color: #ecefff;
border: 1px solid white;
}
/* ================================================================================================================= */
/* Alert (replaces Error Box) */
/* ----------------------------------------------------------------------------------------------------------------- */
.alert {
border: 3px solid #6e879f;
}
.alertInner {
background-color: #ecefff;
border: 1px solid white;
}
/* ================================================================================================================= */
/* Please wait dialog */
/* ----------------------------------------------------------------------------------------------------------------- */
#pleaseWaitDiv {
background-color: #ecefff;
border: 1px solid #6e879f;
}
#pleaseWaitDivInner {
border: 1px solid white;
}
#pleaseWaitDivInner table {
background-color: #E9E7E7;
border: 1px solid #6e879f;
}
#pleaseWaitDiv .blockColor0 { background-color: #5c6696; }
#pleaseWaitDiv .blockColor1 { background-color: #6c75a2; }
#pleaseWaitDiv .blockColor2 { background-color: #7a84b0; }
#pleaseWaitDiv .blockColor3 { background-color: #8e97bf; }
#pleaseWaitDiv .blockColor4 { background-color: #9ea7cf; }
#pleaseWaitDiv .blockColor5 { background-color: #aeb7df; }
#pleaseWaitDiv .blockColor6 { background-color: #c4cced; }
#pleaseWaitDiv .blockColor7 { background-color: #d0d5ef; }
/* ================================================================================================================= */
/* Error page */
/* ----------------------------------------------------------------------------------------------------------------- */
#errorError #errorPage {
background-color: #ecefff;
}
/* ================================================================================================================= */
/* Message box (in application.jsp) */
/* ----------------------------------------------------------------------------------------------------------------- */
#modalMsgBoxDiv #messageBox {
background-color: #ecefff;
border: 4px solid #6e879f;
}
#modalMsgBoxDiv #messageBox th {
background-color: #6e879f;
}
/* ================================================================================================================= */
/* Tab: Service Plan */
/* ----------------------------------------------------------------------------------------------------------------- */
#servicePlan .headerWarning { width: 30px; }
#servicePlan .headerDate { width: 110px; }
#servicePlan .headerVehicle { width: 140px; }
#servicePlan .headerOdometer { width: 100px; }
#servicePlan .headerOperation { width: 170px; }
#servicePlan .headerVospId { width: 110px; }
#servicePlan .headerStatus { }
#servicePlanning #servicePlanFrame {
border-top: 1px solid #6e879f;
height: 291px;
}
#servicePlan tr.odd {
background-color: #f6f6fe;
}
#servicePlan tr.even {
background-color: white;
}
#servicePlan th,
#servicePlan td {
border-bottom: 1px solid #929cb7;
}
#servicePlan th {
background-color: #ecefff;
border-top: 1px solid #929cb7;
}
#servicePlanPrint .serviceplanList th {
background-color: #ecefff;
border-top: 1px solid #929cb7;
}
#servicePlanPrint .serviceplanList td,
#servicePlanPrint .serviceplanList th {
border-bottom: 1px solid #929cb7;
}
#servicePlanPrint .serviceplanList tr.odd {
background-color: #f6f6fe;
}
/* ================================================================================================================= */
/* Map Settings */
/* ----------------------------------------------------------------------------------------------------------------- */
#mapSettings #viewFrame {
height: 361px;
}
/* ================================================================================================================= */
/* Calendar */
/* ----------------------------------------------------------------------------------------------------------------- */
.calendar, .calendar table {
background-color: #eef;
border: 1px solid #556;
color: black;
}
/* Header part -- contains navigation buttons and day names. */
.calendar .nav {
background-color: #778;
}
.calendar thead .title { /* This holds the current "month, year" */
background-color: white;
color: black;
}
.calendar thead .headrow { /* Row containing navigation buttons */
background-color: #778;
color: white;
}
.calendar thead .daynames { /* Row
containing the day names */
background-color: #bdf;
}
.calendar thead .name { /* Cells | containing the day names */
border-bottom: 1px solid #556;
color: black;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
color: #a66;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
background-color: #aaf;
border: 1px solid #04f;
color: black;
}
.calendar thead .active { /* Active (pressed) buttons in header */
background-color: #77c;
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells | containing month days dates */
color: #456;
}
.calendar table .wn {
background-color: #bdf;
border-right: 1px solid black;
}
.calendar tbody .rowhilite td {
background-color: #def;
}
.calendar tbody .rowhilite td.wn {
background-color: #eef;
}
.calendar tbody td.hilite { /* Hovered cells | */
background-color: #def;
border: 1px solid #bbb;
}
.calendar tbody td.active { /* Active (pressed) cells | */
background-color: #cde;
}
.calendar tbody td.selected { /* Cell showing today date */
background-color: white;
border: 1px solid black;
color: black;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
color: #a66;
}
.calendar tbody td.today { /* Cell showing selected date */
color: #00f;
}
.calendar tbody .disabled {
color: #999;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The |
in footer (only one right now) */
background-color: #556;
color: white;
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell | */
background-color: white;
border-top: 1px solid #556;
color: #445;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
background-color: #aaf;
border: 1px solid #04f;
color: black;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
background-color: #77c;
}
/* Combo boxes (menus that display months/years for direct selection) */
.combo {
background-color: #def;
border: 1px solid #655;
color: black;
}
.combo .hilite {
background-color: #acf;
}
.combo .active {
background-color: #eef;
border-bottom: 1px solid #46a;
border-top: 1px solid #46a;
}
.calendar td.time {
background-color: #f4f0e8;
border-top: 1px solid black;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
background-color: white;
border: 1px solid #889;
}
.calendar td.time span.hilite {
background-color: #667;
border-color: black;
color: white;
}
.calendar td.time span.active {
background-color: black;
border-color: #f00;
color: #0f0;
}
/* ================================================================================================================= */
/* Time selector */
/* ----------------------------------------------------------------------------------------------------------------- */
.timeselector, .timeselector table {
background-color: #eef;
border: 1px solid #556;
color: black;
}
table.tsOuterTable {
border: 2px solid #556;
}
table.tsTimeAndCancelTable {
border: 0;
}
table.tsHoursTable {
border: 0;
border-right: 1px solid #556;
}
table.tsMinutesTable {
border: 0;
}
td.tsTime {
background-color: white;
border-right: 1px solid black;
}
td.tsCancel {
background-color: #eef;
}
td.tsH {
background-color: #bdf;
border: 1px solid black;
border-left: 0;
}
td.tsM {
background-color: #bdf;
border-bottom: 1px solid black;
border-top: 1px solid black;
}
td.tsInfo {
background-color: white;
border-top: 1px solid black;
}
/* ================================================================================================================= */
/* Administration: Create/modify user/vehicle/driver */
/* ----------------------------------------------------------------------------------------------------------------- */
#manageUserMainFrame,
#manageVehicleMainFrame,
#manageDriverMainFrame {
height: 93px;
}
#manageUserResultFrame,
#manageVehicleResultFrame,
#manageDriverResultFrame {
border-top: 1px solid #6e879f;
height: 421px;
}
#createVehicleMain {
height: 397px;
}
#displayDriver {
height: 421px;
overflow-y: auto;
}
#displayDriver .administrationPanel.foo {
width: 768px;
}
#displayDriver .administrationPanel.foo label {
width: 230px;
}
#createDriver {
height: 442px;
overflow-y: auto;
}
#createUser {
height: 442px;
overflow-y: auto;
}
/* FOO :-) */
.administrationPanel.foo {
width: 614px;
}
.administrationPanel.foo input,
.administrationPanel.foo textarea,
.administrationPanel.foo button {
margin-bottom: 5px;
}
.administrationPanel.foo select {
margin: 1px 0 6px;
}
.administrationPanel.foo input,
.administrationPanel.foo textarea,
.administrationPanel.foo select {
display: block;
}
.administrationPanel.foo input.radio {
margin-bottom: 0; /* reset margin for radio buttons */
}
.administrationPanel.foo label {
width: 180px;
white-space: normal;
}
.administrationPanel.foo .staticValue {
display: block;
margin-bottom: 9px;
margin-top: 4px;
}
.administrationPanel.foo hr {
color: #7c9ebc;
}
/* ================================================================================================================= */
/* Administration: statusSecurityServices */
/* ----------------------------------------------------------------------------------------------------------------- */
#statusSecurityServices #statusPanel {
background-color: #ecefff;
padding: 30px 30px 50px 30px;
position: absolute;
width: 500px;
}
/* ================================================================================================================= */
/* Tab: Reports - Log data management */
/* ----------------------------------------------------------------------------------------------------------------- */
#ldmDetails {
border-top: 1px solid #acb1cb;
}
.ldmDetailBackground {
background-color: #f6f6fe;
}
.ldmDetailAvailable {
background-color: #aab3b9;
border-bottom: 1px solid #f6f6fe;
border-top: 1px solid #f6f6fe;
}
.ldmDetailLost {
background-color: #ff3333;
border-bottom: 1px solid #f6f6fe;
border-top: 1px solid #f6f6fe;
}
.ldmDetailBorder {
background-color: #929cb7;
}
.todayMarker {
background-color: black;
}
#ldmShow #dividerField {
background-color: #ecefff;
border-bottom: 1px solid #929cb7;
border-top: 1px solid #acb1cb;
height: 23px;
padding-right: 5px;
text-align: right;
}
#ldmShow #legend {
border-top: 1px solid #929cb7;
}
#ldmShow #availableData {
background-color: #999999;
}
#ldmShow #lostData {
background-color: #ee0000;
}
#ldmShow #infoview {
height: 188px;
}
#ldmShow #selectionView {
height: 44px;
}
/* ================================================================================================================= */
/* Tab: Administration - Forms */
/* ----------------------------------------------------------------------------------------------------------------- */
#formsShowForm {
background-color: #ecefff;
}
.formsSizes {
background-color: #ebeff4;
border: 1px solid #cfd6e6;
}
#formsShowForm #formFieldList {
border: 1px solid #6e879f;
}
#formsFormsEditor #formList {
border: 1px solid #6e879f;
}
#formsFormsEditor #modifyFormFrame {
border: 1px solid #6e879f;
}
#formsDistributedForms #result {
border-top: 1px solid #6e879f;
}
#formsDistributedForms #fleetFormList {
border: 1px solid #6e879f;
}
/* ================================================================================================================= */
/* Geofence */
/* ----------------------------------------------------------------------------------------------------------------- */
#geofence .geofenceMessage {
background-color: #f6f6fe;
border: 1px solid #7c9ebc;
}
|