/* ----------------------------------------------------------------------------
** Default settings for DynaFleet
**
** Created 2003-11-24
** --------------------------------------------------------------------------*/

/* Global HTML Settings  */

body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body * {
	color: #000F60;
	font-size: 11px;
	font-family: arial, sans-serif;
}

img {
	border: 0;
}

form {
	margin: 0;
}

/* New imageButton */

a.imageButton.fixed span {
	overflow: hidden;
	text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* "Old" imageButton */

span.imageButton.fixed,
span.imageButton.fixed a {
	display: block;
}

span.imageButton.fixed a {
	overflow: hidden;
	text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

div.imageButtons {
	bottom: 12px;
	position: absolute;
	right: 12px;
}

div.imageButtons .imageButton {
	margin-left: 5px;
}

ul,
li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ol li {
    list-style-type: decimal;
}

/* Header and Footer Styles ------------------------------------------------ */

#header #logo {
    position: absolute;
}

#header #head div {
    position: absolute;
}

#header #head div a {
	float: left;
}

#header #user * {
    color: #000f60;
    font-family: Verdana, Sans-Serif;
    font-size: 9px; 
    line-height: 14px;
}

#header #user a {
    text-decoration: none;
}

#header #user td {
    height: 14px;
    padding: 0 6px;
    white-space: nowrap;
}

#header #applicationName {
    font-weight: bold;
}

#header #nodePath {
    text-align: right;
    width: 100%;
}

/* The "/10*10" thing is a bugfix (#12711). */
#header #nodePath div {
    overflow: hidden;
    text-overflow: ellipsis;
    width: expression((parseInt(this.parentElement.offsetWidth/10)*10 - parseInt(this.parentElement.currentStyle.paddingLeft) - parseInt(this.parentElement.currentStyle.paddingRight) - 5) + "px");
}

#header #nodePathColon {
    padding: 0 !important;
}

#header #img_head_logout {
    display: block;
    padding-left: 11px;
}

/* Tab Styles -------------------------------------------------------------- */

table.tabs {
    margin-left: 4px;
	border-width: 0;
    /* border-spacing: 0; -- does not exist */
    border-collapse: collapse;
}

table.tabs td {
    margin: 0;
    padding: 0;
	vertical-align: bottom;
	cursor: hand;
}

.tabText, .tabTextSelected {
   	font-weight: bold;
   	text-decoration: none; 
	border-width: 0;
    border-collapse: collapse;
}

.tabTextSelected * {
   	color: #f0f0f0;
	background-color: #6E879F;
}

.tabText td {
	padding: 0px;
}

.tabTextSelected td {
	padding-top: 3px;
	padding-left: 8px;
	padding-right: 8px;
}

/* Navigator Styles --------------------------------------------------- */

.navigatorText {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 3px;
	vertical-align: top;
}

.navigatorTable {
	margin: 0;
	padding: 0;
	border: 0;
}

.navigatorGroupText {
	padding-left: 1px;
	width: 102px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.navigatorItemText {
	padding-left: 1px;
	width: 97px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.menuTitle {
	font-weight: bold;
	line-height: 14px;  
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	text-align: left;
}

.menuGroup {
	font-weight: bold;
	padding-left: 0px;
	padding-right: 0px;
	white-space: nowrap;
}

.menuItem {
	padding-left: 10px;
	padding-right: 0px;
	white-space: nowrap;
}

/* POI Styles ----------------------------------------------- */

span.poiHeading  {
	font-size: 16px;
   	font-weight: bold;
}

span.poiText  {
	font-size: 12px;
   	font-weight: normal;
}

/* Activity styles ----------------------------------------------- */

table.activityFolders td {
	font-size: 13px;
   	font-weight: bold;
   	color: #008000;
   	text-decoration: none;
   	padding: 0 5px;
   	vertical-align: middle;
}

.activityItem {
	overflow: hidden;
	text-overflow: ellipsis;
	/* WIDTH SPECIFIED IN PAGE */
	height: 14;
}

.activityFolder  { /* Unread messages */
   	font-weight: bold;
   	color: red; /*#000F60;*/
   	text-decoration: none;
   	padding: 0px;
   	horisontal-align: left;
   	vertical-align: middle;
	border: 1px #5E6798;	
}

.dduItem {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Event Component ----------------------------------------------- */

.eventIcons img {
	cursor: hand;
}

/* Other Stuff ----------------------------------------------- */

.inputField {
	border-color: #000F60;
}

.message {
	font-size: 15px;
	font-weight: bold;
}

.newsHeadline {
	font-size: 15px;
	font-weight: bold;
	color: #5E6798;
}

.viewText { 
	font-weight: bold; 
 	text-decoration: none; 
}
.viewTextDescription {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

A.newsLink {
	font-size: 15px;
	font-weight: bold;
}

.newsWelcomeHeadline { 
	font-weight: bold; 
	font-size: 14px; 
	line-height: 14px; 
	text-decoration: none; 
}

.newsWelcomeText {
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	padding-left: 1px;
	text-decoration: none;
}

.newsHeadlineText {
	font-weight: bold;
}

A.newsInputHeadline {
	font-weight: bold;
	text-decoration: none;
}

A.plainLinkText {
	font-weight: normal;
	text-decoration: none;
}

A.plainLinkText:hover {
	font-weight: normal;
	color: #848ABD;
	text-decoration: none;
}

.panelHeadline {
	font-size: 16px;
	font-weight: bold;
}

.panelTable {
	 border : 1px;
	 border-color: #5E6798;
	 bgcolor: #5E6798;
}
	

.formsHeadline {
	font-size: 22px;
	font-weight: bold;
}

.formsCreateHeadline {
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;
	text-decoration: none;
}

.formsSubHeadline {
	font-size: 12px;
	font-weight: bold;
}

.formsSubHeadlinePadded {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
}

.formsSubHeadlineSel {
	font-size: 12px;
	font-weight: bold;
	color: #5E6798;

}

.formsInputHeadline {
	font-weight: bold;
}

.formsInputHeadlinePadded {
	font-weight: bold;
	padding-bottom: 2px;
}

.formsInputTextPadded {
	padding-bottom: 6px;
}

.formsInputTextItalics {
	font-style: italic;
}

.formsButton {
	font-size: 12px;
	background-color: #EDF0FF;
	border-color: #465A8C;
	border-width: 1px;
	border-size: 1px;
}

.messageButton {
	font-size: 13px;
	background-color: #EDF0FF;
	border-color: #465A8C;
	border-width: 1px;
	height: 19;
}

.tableHeadlineInput {
	font-size: 15px;
	font-weight: bold;
}

.tableSubHeader {
	font-size: 15px;
	color: #000000;
}

.tableButtonText {
	font-size: 13px;
}


.tableInput {
	font-size: 15px;
}

.tableGridText{
	font-size: 13px;
	color: #000000;
}

.dividerLine {
	color: #5E6798;
	size:	1px;
}

.alarmText {
   	font-weight: bold;
   	text-decoration: none;
}

.messageText {
	color: blue;
	font-weight: bold;
}

/* --- Volvo Image Button --- */

/* Old image button, deprecated. Use span.imageButton or div.limitedWidthImageButton instead, see below. */

table.ImageButton
{
	margin: 0;
	padding: 0;
	border: #556A9F 1px solid;
}

table.ImageButton td
{
	margin: 0;
	padding: 1px 4px 0px 4px;
	background-color: #F0F4FD;
	color: #000F60;
	border-top: #F9FFFB 1px solid;
	border-left: #F9FFFB 1px solid;
	border-right: #CFD6E6 1px solid;
	border-bottom: #C8CdE3 1px solid;
}

table.ImageButton a,
table.ImageButton a:visited
{
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 9px;
	text-decoration: none;
}
table.ImageButton a:hover
{
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 9px;
	text-decoration: none;
	color: #FF0F60;
}

/* Limited width image button for situations where the button needs a specific width
   and hidden overflow (using ellipsis).
*/

div.limitedWidthImageButton
{
	white-space: nowrap;
	margin: 0;
	border: #556A9F 1px solid;
	background-color: #F0F4FD;
	text-align: center;
}

div.limitedWidthImageButton *
{
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 9px;
	text-decoration: none;
}

div.limitedWidthImageButton a,
div.limitedWidthImageButton a:visited
{
	color: #000F60;
	width: 100%;
	
	text-align: center;
	text-decoration: none;
	
	text-overflow: ellipsis;
	overflow: hidden;

	padding: 1px 4px 0px 4px;
	border-top: #F9FFFB 1px solid;
	border-left: #F9FFFB 1px solid;
	border-right: #CFD6E6 1px solid;
	border-bottom: #C8CdE3 1px solid;
}

div.limitedWidthImageButton a:hover
{
	color: #FF0F60;
}

/* END New version using span */

/* --- End Volvo Image Button --- */

/* --- Calendar Style --- */

div.calendar {
	position: relative;
	z-index: 10000;
}

.calendar, .calendar table {
  border: 1px solid #556;
  color: #000;
  cursor: default;
  background: #eef;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background-color: #778;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.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;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: smaller;
}

.combo .label,
.combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.combo .label-IEfix {
  width: 4em;
}

.combo .hilite {
  background: #acf;
}

.combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}


/* --- TimeSelector Style --- */

.timeselector, .timeselector table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
}

div.timeselector {
	border: 0;
}

table.tsOuterTable {
	border: 2px solid #556;
	padding: 0;
}

table.tsHoursTable {
	border:  0;
	border-right: 1px solid #556;
	padding: 0;
}

table.tsMinutesTable {
	border:  0;
	padding: 0;
}

table.tsHoursTable td,
table.tsMinutesTable td {
	cursor: pointer;
	white-space: nowrap;
}

table.tsTimeAndCancelTable {
	border: 0;
}

td.tsTime {
	background: white;
	border-right: 1px solid black;
	padding-left: 2px;
}

td.tsCancel {
	align: right;
	background: #eef;
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
	cursor: hand;
	vertical-align: middle;
}

td.tsH {
	background: #bdf;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	text-align: center;
	padding-left: 1px;
	padding-right: 1px;
}

td.tsM {
	background: #bdf;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	text-align: center;
	padding-left: 1px;
	padding-right: 1px;
}

td.tsInfo {
	background: #fff;
	border-top: 1px solid black;
	padding: 2px;
	font-size: 11px;
}

/* --- Map Style --- */

table.mapinfotitle {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #FFFFFF;
	background-color: #6E879F;
	padding-left: 3px;
}


table.mapinfolabel {
	font-size: 11px;
	FONT-WEIGHT: normal;
	text-align: left;
	background-color: #FFFFFF;       
	padding-left: 5px;
}

td.mapinfodata {
	FONT-WEIGHT: normal;
	text-align: left;
   	color: #000000;	
	background-color: #FFFFFF;
	padding-left: 5px;
}

td.mapinfodata_highlight {
	FONT-WEIGHT: normal;
	text-align: left;
   	color: red;
	background-color: #FFFFFF;
	padding-left: 5px;
}

.timelinedata {
   	color: #000000;	
}

div.mapnametag {
	font-weight: normal;
	border: 1px solid black;
	background: #ffffff;
	padding: 1px;
}

td.blueline {
	width: 100%;
	height: 1px;
	background-color: #7C9EBC;
}

td.hline {
	height: 0;
	line-height: 0;
	overflow: hidden;
}

/* ================================================================================================================= */
/* Administration                                                                                                    */
/* ----------------------------------------------------------------------------------------------------------------- */

#adminAdministration #pageHeader {
	cursor: default;
}

/* ================================================================================================================= */
/* Popup window (this has been copied to both volvo and renault css files                                            */
/* ----------------------------------------------------------------------------------------------------------------- */

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

/* ================================================================================================================= */
/* Reports                                                                                                           */
/* ----------------------------------------------------------------------------------------------------------------- */

#reportsReportsMainPage #primary {
    padding: 15px 0 0 30px;
    vertical-align: top;
    width: 407px;
}

#reportsReportsMainPage #secondary {
    padding-top: 15px;
    vertical-align: top;
    width: 372px;
}

#reportsReportsMainPage #favourites thead tr {
	background-color: white;
	position: relative;
	top: expression(this.offsetParent.scrollTop);
}

/* ================================================================================================================= */
/* Table table (used by e.g. administration.jsp, reportsMainPage.jsp)                                                */
/* ----------------------------------------------------------------------------------------------------------------- */

table.table {
	margin-bottom: 30px;
}

table.table thead th {
	font-weight: normal;
	text-align: center;
}

table.table thead th.caption {
	font-weight: bold;
	text-align: left;
}

table.table thead td {
	height: 8px; 
	line-height: 0;
	overflow: hidden;
}

table.table td {
	height: 25px;
}

/* ================================================================================================================= */
/* Driver data export                                                                                                */
/* ----------------------------------------------------------------------------------------------------------------- */

#activityDriverDataExportControls #dateFilter {
	cursor: default;
	margin-right: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 120px;
}

/* Window title */

h1.windowTitle {
	cursor: default;
	font-weight: bold;
	height: 21px;
	line-height: 21px;
	margin-bottom: 0;
	text-indent: 4px;
}

button.windowCloseButton {
	cursor: pointer;
	height: 15px;
	position: absolute;
	right: 3px;
	top: 3px;
	width: 16px;
}