/*----------------------------------------------------------------------------*/
/* "Left Menu" navigation */

#left_menu {
	padding: 0 0 10px;
	margin: 0;
	position: relative;
	font: bold 1.2em arial;
}

#left_menu li {
	display:inline;
	position:relative;
    list-style: none;
    background: url('/gp/images/buttons/button_l.gif') left top no-repeat;
	float:left;
	font-size:0.8em; /* was inherit but IE differs from FF, Opera, Safari... */
	margin:1px;
	padding:0 0 0 10px;
}

#left_menu li a, #left_menu li span{
	background: url('/gp/images/buttons/button_r.gif') right top no-repeat;
	padding:3px 10px 3px 0px;
    text-decoration:none;
    color:#FFF;
	display:block;
}

#left_menu li:hover {
	border:1px solid #ececec;
	margin:0px;
}

#left_menu li.selected, #left_menu li.selected:hover {
    background-color:#e5eff6;
	border:1px solid #08304b;
	margin:0px;
	font-weight:bold;
/*    background: url('../images/lmenu_on.gif') left center no-repeat;*/
}

#left_menu li:hover a, #left_menu li:hover span{
    color:#03EC08;
}

#left_menu li.selected a, #left_menu li.selected span {
    color:#08304b;
}

#left_menu li.menu{
	float:right;
	width:8em;
	background: url('/gp/images/buttons/dd_menu_left.gif') left top no-repeat;
	border:0;
	margin:1px;
	font-weight:bold;
}

#left_menu li.menu span{
	background: url('/gp/images/buttons/dd_menu_right.gif') right top no-repeat;
	cursor:default;
}

#left_menu ul {
	padding: 1px;
	background: #507df0;
	list-style: none;
	margin: 0;
	display:block;
	position: absolute;
	padding-top: .5em;
	z-index: 10;
	font: bold 100% Veranda, sans-serif;
	color: #FFF;
	width: 8.3em;
	text-align: left;
	margin-left: -8px;
	margin-right: 10px;
	overflow: hidden;
	border:none;
}

#left_menu > li.menu > ul {
	top: -999em;
}

#left_menu ul li{
	background-image:none;
	padding:0.5em;
	padding-left:1em;
	width:100%;
}

#left_menu li.menu ul li a{
	background: #507df0;
	background-image:none;
	color:#FFF;
	cursor: pointer;
	font-weight:normal;
	margin:-0.5em;
	margin-left:-1em;
}

#left_menu li:hover ul {
	top:auto;
}

#left_menu li ul li.no_border{
	border:0;
	margin:1px;
}

#left_menu li:hover ul li a:hover {
	background: #fff;
	color:#03EC08;
}

#left_menu li#active ul li a {
	background: #fff;
	cursor: pointer;
}

#left_menu li#active ul li a:hover {
	background: #d9b7ff;
}

/* Detailed css tag to try and overwrite the values in the branded version*/

#main_navigation {
	width: 100%;
	border: 2px solid #000080;
	margin: 0;
	float: left;
	display: block;
	clear: both;
	border-left: none;
	border-right: none;
	padding: 0;
	top: auto;
	background: #000080;
}

#page_contents {
	margin: 0;
	display: block;
	padding: 10px;
	padding-right: 0;
	border: 0;
	background: #FFF;
	float: left;
	width: 99%;
}


/*----------------------------------------------------------------------------*/
/* Tab menu navigation bars*/

.tab_menu {
	margin-left: 0;
	padding: 0 0 10px;
	font-weight: bold;
	position: relative;
	display:block;
	float:left;
	clear:both;
	font-size:1em;
}


/* List bit (left hand side) ----------*/

.tab_menu li {
	display: inline;
	list-style: none;
	font-size: 100%;
	float: left;
	padding: 0 0 0 8px;
	border-bottom: 1px solid #778;
	background: url("/gp/images/tabs/left_tab_off.png") no-repeat left top;
	position: relative;
	margin-top:4px;
}

.tab_menu li.tracking {
	background-position: 0 -120px;
	padding: 0 0 0 20px;
}
.tab_menu > li.tracking:hover {
	background-position: 0 -180px;
	padding: 0 0 0 20px;
}

.tab_menu li.inbox {
	background-position: 0 -240px;
	padding: 0 0 0 20px;
}
.tab_menu > li.inbox:hover {
	background-position: 0 -300px;
	padding: 0 0 0 20px;
}

.tab_menu li.outbox {
	background-position: 0 -360px;
	padding: 0 0 0 20px;
}
.tab_menu > li.outbox:hover {
	background-position: 0 -420px;
	padding: 0 0 0 20px;
}


.tab_menu li.configure {
	background-position: 0 -480px;
	padding: 0 0 0 20px;
}
.tab_menu > li.configure:hover {
	background-position: 0 -540px;
	padding: 0 0 0 20px;
}

.tab_menu li.journey {
	background-position: 0 -600px;
	padding: 0 0 0 20px;
}
.tab_menu > li.journey:hover {
	background-position: 0 -660px;
	padding: 0 0 0 20px;
}

.tab_menu li.fuel_log {
	background-position: 0 -720px;
	padding: 0 0 0 20px;
}
.tab_menu > li.fuel_log:hover {
	background-position: 0 -780px;
	padding: 0 0 0 20px;
}

/* Link bit (right hand side) ----------*/

.tab_menu li a {
	background: url("/gp/images/tabs/right_tab_off.png") no-repeat right top;
	padding: 7px 13px 4px 2px;
}

.tab_menu li a {
	display: block;
	text-decoration: none;
	color: #FFF;
}

.tab_menu li a:visited {
	color: #FFF;
}

.tab_menu > li:hover, .tab_menu > li:hover a {
	background-position: 0 -60px;
	border-color: #227;
}

.tab_menu > li:hover a {
	background-position: 100% -60px;
}

/* Active Tab --------------------*/

.tab_menu li#tab_menu_active, .tab_menu li.active  {
	background: url("/gp/images/tabs/left_tab_on.png") no-repeat left top;
	border-bottom: 1px solid white;
	font-size:1.2em;
	padding: 0 0 0 8px;
	margin-top:0px;
    color:#69F;
}

.tab_menu li#tab_menu_active a:visited, .tab_menu li.active a:visited  {
    color:#69F;
}

.tab_menu li.tracking#tab_menu_active {
	background-position: 0 -60px;
	padding: 0 0 0 20px;
}

.tab_menu li.inbox#tab_menu_active {
	background-position: 0 -120px;
	padding: 0 0 0 20px;
}

.tab_menu li.outbox#tab_menu_active {
	background-position: 0 -180px;
	padding: 0 0 0 20px;
}

.tab_menu li.configure#tab_menu_active {
	background-position: 0 -240px;
	padding: 0 0 0 20px;
}

.tab_menu li.journey#tab_menu_active {
	background-position: 0 -300px;
	padding: 0 0 0 20px;
}

.tab_menu li.fuel_log#tab_menu_active {
	background-position: 0 -360px;
	padding: 0 0 0 20px;
}

.tab_menu li#tab_menu_active a, .tab_menu li.active a {
	background: url("/gp/images/tabs/right_tab_on.png") no-repeat right top;
	cursor: text;
    color:#6699FF;
	padding: 10px 17px 4px 6px;
}

/*----------------------------------------------------------------------------*/
/* The menu that was in the banner on the right hand side
   (logout, options, help) */

#banner_menu {
	padding: 0 0 10px;
	margin: 0;
	position: relative;
	font: bold 1em arial;
}

#banner_menu li {
    list-style: none;
	font-size:1em; /* was inherit but IE differs from FF, Opera, Safari... */
	padding:5px;
}

#banner_menu li a{
    padding-left:25px;
    text-decoration:none;
    color:#FFF;
}

#banner_menu li:hover a, #banner_menu li.selected a{
    color:#e5eff6;
}

/*----------------------------------------------------------------------------*/
/* Top div (the banner) */

div#top .left {
	position:absolute;
	left:0;
	top:0;
}

div#top .middle {
	margin:auto;
	max-width:50%;
	text-align:center;
}

div#top .right {
	position:absolute;
	right:0;
	top:0;
}

/*----------------------------------------------------------------------------*/
/* Asset selection div (fleet/unit pulldown menus etc) */

div#sel .left {
	float:left;
	/* position:absolute; */
	/* left:0; */
	/* top:0; */
}

div#sel .middle {
	margin:auto;
	max-width:50%;
	text-align:center;
	/* padding-top:1em; */
}

div#sel .right {
	float:right;
	/* position:absolute; */
	/* right:0; */
	/* top:0; */
}

div#sel select {
	font-size:10px;
	width: 12em;
}

div#sel input {
	font-size:10px;
}

div#sel td {
	font-size:10px;
}

div#sel .sel-header {
	background-color: #dcdef5;
	font-size:10px;
}

div#sel .sel-data {
	background-color: #eeeeee;
	font-size:10px;
	width:12em;
}

/*----------------------------------------------------------------------------*/
/* Range selection div */

div#range select {
	font-size:10px;
}

div#range input {
	font-size:10px;
}

div#range .range-header {
	background-color: #dcdef5;
	font-size:10px;
}

div#range .range-data {
	background-color: #eeeeee;
	font-size:10px;
}

/*----------------------------------------------------------------------------*/


#table_options div.mask, .dialog_box div.mask{
    z-index:5;
    top:0pt;
    left:0pt;
    right:0pt;
    bottom:0pt;
    opacity:.50;
    background-color:#CCC;
    position:fixed;
    filter:alpha(opacity=50);
}

#table_options div.mask {
	display:none;
}

#table_options div.options_box, .dialog_box div.confirm_box {
    position:fixed;
    border:1px solid #000;
    z-index:600;
    background:#FFF;
    width:50%;
    left:200px;
    top:100px;
    text-align:left;
}

#table_options div.options_box {
	display:none;
}

#table_options .options_box .header, .dialog_box .confirm_box .header {
    background:#000080;
    color:#FFF;
    font-size:1.2em;
    clear:both;
    width:auto;
    padding:2px;
	padding-left:15px;
    _position:relative;
    _margin-top:-15px;
    _padding-top:10px;

}

#table_options .options_box .header .close, .dialog_box .confirm_box .header .close {
    width:29px;
    height:22px;
    position:absolute;
    top:5px;
    right:2px;
    cursor:pointer;
    background:url('../images/close.gif') no-repeat top right;
}

ul.table_options {
    z-index:auto;
    background-color:#FFF;
    list-style:none;
    padding-left:0px;
    margin-left:0px;
}

#table_options ul {
	list-style:none;
}

#table_options li{
	float:left;
    width:45%;
}

#table_options input[type="submit"], .dialog_box input[type="submit"] {
	/*background-image:url(/gp/images/accept.png);*/
	/*background-repeat:no-repeat;*/
	/*background-position:left center;*/
	/*text-indent:15px;*/
	float:right;
	padding:2px;
}

#table_options input[type="reset"] {
	/*background-image:url(/gp/images/cancel.png);*/
	/*background-repeat:no-repeat;*/
	/*background-position:left center;*/
	/*text-indent:15px;*/
	float:right;
	padding:2px;
}

.dialog_box .warning_dialog{
	padding-left:80px;
	background:url('/gp/images/warning.png') no-repeat;
	min-height:80px;
}

.dialog_box p {
	padding-left: 5px;
	padding-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	font-size:1.2em;
}
.dialog_box label {
	font-weight:bold;
	font-size:1.1em;
	padding:5px;
}
.dialog_box dt {
	font-weight:bold;
	padding:5px;
}
.help, abbr {
	cursor:help;
}

/*----------------------------------------------------------------------------*/

a.hide_text {
	margin:2px;
	padding:2px;
	height:16px;
	width:16px;
	display:block;
	float:left;
	text-indent:-100000px;
}
a.show_text {
	padding-left:18px;
}
a.edit{
	background:url('/gp/images/table_edit.png') no-repeat;
}
a.delete {
	background:url('/gp/images/delete.png') no-repeat;
}
a.save {
	background:url('/gp/images/floppy.gif') no-repeat;
}
a.add {
	background:url('/gp/images/add.png') no-repeat;
}

/*--
.message_table{
	float:left;
	clear:both
}
--*/

.message_table th {
	background-color:#6699FF;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:5px;
}

.message_table td {
	background-color:#DCDEF5;
	text-align:left;
	padding:5px;
}

.generic_table th {
	background-color:#6699FF;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:5px;
}

.generic_table td {
	background-color:#DCDEF5;
	text-align:left;
	padding:5px;
}

th.not_table, td.not_table {
	background-color:transparent;
}


th a {
	color:white;
}

a.sortable, a.sortable:visited {
	background:url('/gp/images/sort_by.gif') left no-repeat;
	padding-left:18px;
	color:white;
}

a.sorted_up, a.sorted_up:visited {
	background:url('/gp/images/sorted_up.gif') left no-repeat;
	padding-left:18px;
	color:black;
}


a.sorted_down, a.sorted_down:visited {
	background:url('/gp/images/sorted.gif') left no-repeat;
	padding-left:18px;
	color:black;
}

/*----------------------------------------------------------------------------*/

.dateChooser {
	z-index:1;
}

/*----------------------------------------------------------------------------*/

.graph {
    float:left;
    clear:both;
    text-align:left;
    margin:5px;
    padding:5px;
}

.graph .main {
    width:600px;
    height:300px;
    float:left;
   
    margin:5px;
}

.graph .extras {
    float:left;
    width:200px;
    padding:5px;
    margin:5px;
}

.graph .extras .legend {
    float:left;
    clear:right;
    margin-left:30px
}

.graph .extras .options {
    float:left;
    margin-left:30px
}

.graph .extras .overview {
    width:200px;
    height:100px;
    float:left;
    margin-top:1em;
}

.graph .tickLabel {
    font-size:10px;
}

.hidden {
	display:none;
}

.graph .error {
	color:red;
	font-style:italic;
	display:none;
}


noscript {
	color:red;
	font-style:italic;
	font-size:1.2em;
}

/*----------------------------------------------------------------------------*/

#tooltip {
	position: absolute;
    display: none;
    border: 1px solid #f0ff00;
    padding: 2px;
	background-color: #fcffc4;
    opacity: 0.80;
}

thead {display: table-header-group;}

/*----------------------------------------------------------------------------*/
@media print {

	#top .middle, #top .right, #main_navigation, #right { display:none; }
	#top .left{display:block;}	
	#middle {
        float:none;
		page-break-inside:auto;
        margin:0;
    }
    .report_tabs li { display:none; }
    .report_tabs li#active, .report_tabs li#active a {
        display:block;
        background-image:none;
        font-size:1.2em;
        clear:both;
    }
	.graph {
		float:none;
		page-break-inside:avoid;
	}

    .graph .extras .overview, .graph .extras .options {
        display:none;
    }
    .graph_list dt{
        background:none;
        color:#000;
    }

    canvas.overlay {
        display:none;
    }

    canvas {
        width:600px;
        height:300px;
    }

    table.history th {
        background-image:none;
        background-color:#527e9b;
    }

	#table_options {
		display:none;
	}

	.not_table {
		display:none;
	}

	table.latest_summary sup, table.history sup { display:inline; }
	table.latest_summary abbr[title]:after, table.latest_summary acronym[title]:after {
		content: " (" attr(title) ")";
	}

	div#key { display: block }


	.tab_menu {
		display:none;
	}

}


/*.command {*/
/*	margin-bottom: 10px;*/
/*	padding-top: 10px;*/
/*	border: none;*/
/*	border-top: 1px solid #C9DCA6;*/
/*	float: left;*/
/*	clear: both;*/
/*display:block;*/
/**/
/*}*/
/*.command span {*/
/*	font-size: 1.1em;*/
/*	padding: 0 2px;*/
/*	font-weight: bold;*/
/*	padding-left: 0;*/
/*	display: block;*/
/*	float: left;*/
/*	width: 250px;*/
/*}*/
/*.command form {*/
/*	display: block;*/
/*	float: left;*/
/*	clear: right;*/
/*	width: 500px;*/
/*}*/
/*.command label {*/
/*	float: left;*/
/*	line-height: 1.8;*/
/*	vertical-align: top;*/
/*	width: 150px;*/
/*	padding: 0 0 0 10px;*/
/*}*/
/*.command ul {*/
/*	margin: 0;*/
/*	padding: 0;*/
/*	display:block;*/
/*	width:500px;*/
/*}*/
/*.command li {*/
/*	list-style: none;*/
/*	padding: 5px 7px 7px;*/
/*	margin: 0;*/
/*}*/
/*.command li.odd {*/
/*	background: #DCDEF5;*/
/*}*/


.notice_list dt {
	padding:5px;
	font-size:1.2em;
	font-weight:bold;
}

.notice_list dt a{
	text-decoration:none;
}

.notice_list dd {
	font-size:1.2em;
}

#notice input[type=button] {
	margin-top:-4em;
	display:block;
	width:8em;
}

#notice input[type=submit]{
	margin-top:4em;
	display:block;
	width:8em;
}


#terms_of_use .error {
	color: red;
	font-weight: bold;
}

#terms_of_use a {
	font-size: 1.2em;
	padding: 0 0 1em 1em;
	display: block;
}

#terms_of_use label {
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	display: block;
}

.headings  a{
	font-size:1.2em
}

.paging {
	list-style: none;
	padding-bottom: 2em;
	display: block;
	padding-left: 0;
	margin-left: 0;
}
.paging li {
	float: left;
	padding: 5px;
	font-size: 1.2em;
}

a.button { padding:1px 4px!important }

.button, .button:visited, input[type=submit], input[type=reset], .box input[type=button] {	
	border-width: 1px;
	border-style: solid;
	border-color: #C0C0C0 #C0C0C0 #9B9B9B;
	padding: 0px 2px;
	text-decoration: none;
	text-transform:uppercase;
	color:#000 !important;
	background:#FFFFFF url(http://serverapi.arcgisonline.com/jsapi/arcgis/1.5/js/dojo/dijit/themes/tundra/images/buttonEnabled.png) repeat-x scroll left bottom;
	display:inline-block;
	margin:1px;
	font:normal 10px Arial,Helvetica,sans-serif !important;
	cursor:pointer;
}

.button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
	border-color: #a5beda;
	border-bottom-color: #5c7590;
	color: #243C5F;
	background: #fcfdff url(http://serverapi.arcgisonline.com/jsapi/arcgis/1.5/js/dojo/dijit/themes/tundra/images/buttonHover.png) repeat-x bottom;
	text-decoration:none !important;
}

.button:active, input[type=submit]:active, input[type=reset]:active, input[type=button]:active {
	border-color: #366dba;
	background: #ededed url(http://serverapi.arcgisonline.com/jsapi/arcgis/1.5/js/dojo/dijit/themes/tundra/images/buttonActive.png) bottom repeat-x;
}

/*a.button, a:visited.button {
	border:2px outset white;
	background-color:#6699FF;
	font-size:1.2em;
	color:#FFF;
	padding:5px;
	text-decoration:none;
	display:inline-block;
	
	border-radius:8px;
	-moz-border-radius:8px;*/ /*rounded corners - FF 3.?*/
	/*-webkit-border-radius:8px;*/ /*rounded corners - Safari*/ 
/*}*/

/*a:hover.button, a:hover:visited.button {
	color:#03EC08;
	text-decoration:none;
}*/

.image_button {
	background:none;
	border:none;
	padding:0;
	cursor:pointer;
	margin:0;
}

p.error {
	color:red;
	font-weight:bold;
}

.report_schedule{
	float:left;
	clear:both;
}

.dataListForm form, .report_schedule form {
	max-width:600px;
}

.dataListForm dt, .report_schedule dt {
	font-weight:bold;
	font-size:larger;
	margin-top:1em;
}

.dataListForm .checkbox_group, .report_schedule .checkbox_group {
	margin:0.5em;
	float:left;
	clear:both;
}

.dataListForm .checkbox_group label, .report_schedule .checkbox_group label {
	float:left;
	clear:both;
}

.dataListForm .error, .report_schedule .error {
	color:red;
	font-weight:bold;
}

.dataListForm span.error, .report_schedule span.error {
	padding-left:1em;
}


.dataListForm input[type='text'].error,
.dataListForm select.error,
.dataListForm .checkbox_group.error,
.report_schedule input[type='text'].error,
.report_schedule select.error,
.report_schedule .checkbox_group.error
{
	-webkit-box-shadow: 3px 3px 5px #F00;
	-moz-box-shadow: 3px 3px 5px #F00;
	box-shadow: 3px 3px 5px #F00;
	border:2px solid #F00;
}

.dataListForm label.error:before, .report_schedule label.error:before{
	font-size:smaller;
	margin-top:-0.5em;
	content:"*";
}

.report_schedule .next,
.report_schedule .previous,
.report_schedule .default{
	float:right;
}

.report_schedule .previous {
	margin-left:5em;
}

.report_schedule .cancel {
	float:left;
}

.report_schedule legend {
	color:#000;
	font-weight:bold;
	font-size:large;
}

.report_schedule fieldset {
	padding:1em;
	margin:10px;
	border:2px solid #AAA;
	border-radius:7px;
	-moz-border-radius:7px; /*rounded corners - FF 3.?*/
	-webkit-border-radius:7px; /*rounded corners - Safari*/ 
}

.report_schedule ol {
	padding-left:1em;
	margin-left:1em;
	margin-top:0;
	padding-top:0;
}

.report_schedule form {
	padding:0;
	margin:0;
}

.report_schedule ul {
	list-style:none;
	padding:0;
}

.navigation_list {
	list-style:none;
	float:right;
	margin:0;
	padding:0;
}

.navigation_list li{
	float:left;
	margin-left:5px;
	font-size:1.1em;
}


/* Report log table specific row colours. */

#report_log .deleted td {
	background-color:#ccc;
}

#report_log .rerun td {
	background-color:#CBEDC7;
}

#report_log .space td,  #report_log .failed td{
	background-color:#ECC9CA;	
}


#report_log td.not_table {
	background-color:#FFF;
}

.summary dt {
	font-size:1.1em;
	font-weight:bold;
	display:block;
	float:left;
	width:15em;
	clear:left;
	padding:3px;
}

.summary dd {
	font-size:1.1em;
	display:block;
	padding:3px;
}

div.dateChooser, #chooserSpan {
	width:160px;
	position:absolute;
	top: 110px;
	left:94px;
	visibility: hidden;
	display: none;
}



.form-infodata td{
	text-align:left;
	background-color: #D6D6D6;
}

td.right, .right td, tfoot.right th{
	text-align:right;
}

.right tr td:first-child{
	text-align:left;
}