/* ----------- */
/* Base Styles */
/* ----------- */

body
{
margin: 0 auto;
	
}
form 
{
	width:100%
	
}
h2 
{
	font-size: 1.2em;
	margin-bottom: 0px;
	margin-top:58px;
	margin-left:20px;
}
h5
{
	margin:0px;
	padding:0px;
	padding-bottom:2px;
	color: #6699CC;
	padding-left:1px;
}

/*table 
{
	margin: 0px;
	padding: 0px;
}
th 
{
	text-align: Center;
}
tr.disabled 
{
	color: Silver;
}
tr.error 
{
	color: red;
	font-weight: bold;
}
td.help 
{
	font-size: 9px;
}
td.highlight 
{
	font-weight: bold;
}*/
input.readonly 
{
	border: 0px;
}
br.clear 
{
	clear: both;
}
em, .bold
{
	font-weight: bold;
	font-style: normal;
}
.right 
{
	text-align: right;
}
.hidden 
{
	display: none;
}
a, a:active, a:link
{
	color: #000;
	text-decoration: none;
}
a:hover 
{
	color: #5C86E5;
}
div 
{
	padding: 0px;
	margin: 0px;
}
img.imglink 
{
	border: none;
}
img.toggleArrow
{
	padding-right: 3px;
}
img.waiting 
{
	border: none;
}
.OKMessage 
{
	border: solid 2px #0f0 !important;
	padding: 2px;
}
.minorWarn 
{
	border: solid 2px #ff0 !important;
	padding: 2px;
}
.majorWarn 
{
	border: solid 2px #fa0 !important;
	padding: 2px;
}
.severeWarn 
{
	border: solid 2px #f00 !important;
	padding: 2px;
}
.small 
{
	font-size: 9px;
	font-weight: normal;
}
input.disabled 
{
	background-color: #ccc;
	color: gray;
}
.disabled 
{
	color: #666;
}

/* ----------------- */
/*  Overlay Wrapper  */
/* ----------------- */
.overlayShadow 
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 100;
	background-color: white;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	
}
.overlayFormWrapper 
{
	position: fixed;
	top: 50px;
	display: block;
	z-index: 101;
	width: 100%;	
}
.overlayForm 
{
	position: relative;
	display: block;
	width: 400px;
	margin: auto;
	padding: 10px;
	border: solid 1px silver;
	background-color: white;
	color: Black;
	text-align: center;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
}
.overlayForm .formRow 
{
	position: relative;
	text-align: left;
	height: 30px;
}
.overlayForm .formRow label
{
	font-weight: bold;
}
.overlayForm .formRow input.backBtn 
{
	display: block;
	position: absolute;
	left: 10px;
	width: 100px;
	text-align: center;
}
.overlayForm .formRow input.nextBtn 
{
	display: block;
	position: absolute;
	right: 10px;
	width: 100px;
	text-align: center;
}


.overlayForm label 
{
	float: left;
	width: 180px;
	text-align: right;
	position: relative;
	top: 2px;
	padding-right: 10px;
}


/* ----------------- */
/* The Waiting Block */
/* ----------------- */
#menu {
background-color:#354558;
   width:100%;
   position:absolute;
   border:solid #ECEBE9 1px;
   height: 40px;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
#menu ul.menu {
    padding-left: 0px;
}
#menu ul.menu li:hover {
    position:relative;
	z-index:1000;
}
#menu li {
    position: relative;
    z-index: 9;
    margin: 0 0px;
    padding: 0 0 0 0;
    display: block;
    float: left;
    
}
#menu li:hover>ul {
    left:0px;
	z-index:1000;
    background-color: #454140;
    margin-top:-2px;
}
#menu li:hover
{
     background-color: #3A9AD9; 
}

#menu a {
    
   display: block;
    float: left;
    font-family: calibri,arial;
    font-size: 15px;
    
    height: 40px;
    line-height: 40px;
    margin: 0;
    position: relative;
    text-decoration: none;
    z-index: 10;
    
}
#menu a:hover, #menu1 a:hover span { color:#fff; 
}


#menu span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
}
#menu ul ul a.parent span {
    background-position:95% 8px;
    background-image: url(../Default/nav/item-pointer.gif);
}
#menu ul ul a.parent:hover span {
    background-image: url(../Default/nav/item-pointer-mover.gif);
	z-index:1000;
}

/* menu::level1 */

#menu a {
    padding: 0 25px 0 25px;
    line-height: 30px;
    color: #fff;
   
}
#menu span {
    margin-top: 5px;
}/**@replace#1*/
#menu li { 
    height:40px;     
 }
#menu li.last { background: none; }

/* menu::level2 */
#menu ul ul li {
    background: #354458;
    height:40px; 

     }
#menu ul ul {
    position: absolute;
    top: 41px;
    left: -999em;
    width: 220px;
    padding: 1px 0 0 0;
    background: #fff;
    background-repeat: repeat;
   
}
#menu ul ul a {
    padding: 0 0 0 0px;
    height: auto;
    float: none;
    display: block;
    line-height: 40px;
    color: #fff;
    margin-left:4px;
}
#menu ul ul a:hover {
    padding: 0 0 0 0px;
    height: auto;
    float: none;
    display: block;
    line-height: 40px;
    color: #fff;
	z-index:1000;
    background-color: #3A9AD9;
    margin-left: -1px;
    padding-left: 5px;
}
#menu ul ul span {
    margin-top: 0;
    padding-right: 15px;
    padding-right: 20px;
    color: #fff;
    background-color: #333;
}
#menu ul ul a:hover span {
    color:#fff;
	z-index:1000;
    background-color: #333;
}
#menu ul ul li.last { background: none; }
#menu ul ul li {
    width: 100%;
}
#menu ul ul li:hover {
    background-color: #333;
    line-height: 40px;
}

/* menu::level3 */
#menu ul ul ul {
    padding: 0;
    margin: -38px 0 0 163px !important;
    margin-left:172px;
}
#waitingBlock 
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
	margin: auto;
	z-index: -50;
	background-color:Transparent;
	color: #5C86E5;
	border: none;
	filter:alpha(opacity=80);
	opacity: 0.8;
}

#waitingBlock 
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
	margin: auto;
	z-index: -50;
	background-color:Transparent;
	color: #5C86E5;
	border: none;
	filter:alpha(opacity=80);
	opacity: 0.8;
}

#waitingBlock img
{
	background-color: Transparent;
}


/* ---------------- */
/* List View Styles */
/* ---------------- */
#listControls 
{
	position: absolute;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 68px;
	background: #808080;
	background-repeat: no-repeat;
	font-size: 0.8em;
	z-index: 1;
	padding: 2px;
	border:none;

}
#listSelector 
{
	text-align: center;
	margin-top: 10px;
}
#listSelector span 
{
	margin: 0px 25px 0px 25px;
	font-size: 1.2em;
	font-weight: bold;
}

#listView_vehlist
{
	margin-top: 72px;
}

/*.vehListItem 
{
font-family:Arial, Helvetica, sans-serif;

	background: Transparent;
	background-repeat:repeat;
	border-bottom: solid 1px black;
	font-size: 11px;
}
.vehListItemActive
{
	background: url(listview_active.png);
	background-repeat:no-repeat;
	font-size: 0.8em;
	display:block;
	
}
.vehListItemImage
{
	padding: 2px;
}
.vehListItemText 
{
	padding: 5px;
	margin-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}*/
.tagImage 
{
	position: relative;
	bottom: 0px;
}

.LHSMiniButtons
{
	padding:0px 0px 0px 0px;
	margin:	0px 0px 0px 0px;
	border:none;
}

.TabExtras
{
	background-repeat:no-repeat;
	text-align:center;
	vertical-align:middle;
	padding-top:15px;

}

.new_listview_tabs
{
	background:white;
	text-align:center;
}

.LHSExtraTabs
{
	padding:0px 0px 0px 0px;
	margin:	0px 0px 0px 20px;
	border:none;

}

.grpListButton
{
	background:url(../../../image_file/selectgroup.png);
	background-repeat:repeat;
	height:30px;
	width:200px;
	cursor:pointer;
	text-align:center;
	margin-left:0px;
}

.grpListButton:hover
{
	background:url(../../../image_file/selectgroup.png);
	background-repeat:repeat;
}

/* ----------------- */
/* Navigation Styles */
/* ----------------- */
table.mainNav 
{
	background-color:#f7fafd;
	padding: 0px;
	margin: 0px;
}
table.mainNav td.navStart 
{
	
	width: 5px;
}
table.mainNav td.navLogo 
{
	width: 50px;
}
table.mainNav td.navEnd
{
	
	width: 5px;
}

/* ---------------------- */
/* Config navigation Menu */
/* ---------------------- */
.configNavButton 
{
	position: relative;
	display: block;
	width: 500px;
	height: 66px;
	margin: 10px auto 10px auto;
	border: solid 1px #333;
	background: white;
}

.configNavButton a:hover
{
	text-decoration:none;
	color:Black;
}

.configNavButton:hover
{
	background:url(navBackground_active.png);	
	cursor:pointer;
}

.configNavButton img 
{
	vertical-align: middle;
	position: absolute;
	top: 0px;
	left: 10px;
}
.configNavButton h1 
{
	vertical-align: middle;
	text-align: center;
	font-size: 16pt;
}

/* ---------------------- */
/*  Group List container  */
/* ---------------------- */
#containerid
{
}
.grpListButton 
{
	width: 100%;
}
.grpListContainer 
{
    display: none;   
    top: 25px;
    width: 100%;
    height: 400px;
   
    border: solid 1px black;
    text-align: left;
    cursor: pointer;
    cursor: hand;
    font-weight:bold;
}

.grpListContainer a:hover
{
	color: #5C86E5;
}

/* ---------------------- */
/* Report navigation Menu */
/* ---------------------- */

.reportNavButton:hover 
{
	background: url(navBackground_active.png);
	background-color:White;
	background-repeat:no-repeat;
}


.reportNavButton 
{
	position: relative;
	display: block;
	width: 300px;
	height: 80px;
	margin: 15px 7px 5px 7px;
	border: none;
	float: left;
	color:black;
	background: Transparent;
	cursor:pointer;
}
.reportNavButton img 
{
	vertical-align: middle;
	position: absolute;
	top: 0px;
	left: 10px;
}
.reportNavButton h1 
{
	vertical-align: middle;
	text-align: right;
	font-size: 12pt;
	margin: 5px;
	color:Black;
}
.reportNavButton p 
{
	text-align: right;
	font-size: 12px;
	font-style: italic;
	padding-left: 70px;
	margin: 5px;
}

.reportNavButton h2 
{
	vertical-align: middle;
	text-align: right;
	font-size: 10pt;
	margin: 5px;
}

.reportNavButtonActive 
{
	background: url(navBackground_active.png);
	background-color:White;
	background-repeat:no-repeat;
	position: relative;
	display: block;
	width: 300px;
	height: 80px;
	margin: 20px 10px 10px 10px;
	border: solid 1px #333;
	float: left;
}

.reportNavButtonActive img 
{
	vertical-align: middle;
	position: absolute;
	top: 0px;
	left: 10px;
}
.reportNavButtonActive h1 
{
	vertical-align: middle;
	text-align: right;
	font-size: 12pt;
	margin: 5px;
}
.reportNavButtonActive p 
{
	text-align: right;
	font-size: 12px;
	font-style: italic;
	padding-left: 70px;
	margin: 5px;
}

.reportNavButtonActive h2 
{
	vertical-align: middle;
	text-align: right;
	font-size: 10pt;
	margin: 5px;
}


	
/* --------------------- */
/* Journey Report Styles */
/* --------------------- */
span.vehicleTag 
{
	display: block;
	width: 130px;
	border: solid 1px silver;
	margin: 3px;
	padding: 3px;
	float: left;
	font-size: 11px;
}

/* --------------------- */
/* Icon Picker --------- */
/* --------------------- */

.IconPickerImage
{
	/*border: 1px solid #808080;*/
	border: none;
	margin: 3px;
	cursor: pointer;
}

/* --------------------- */
/* Content Layout Blocks */
/* --------------------- */
.groupadmintitle 
{
	font-size: 12px;
	font-weight: bold;
	margin: auto;
	text-align: center;
	padding: 2px;
}
.groupadmintitle em 
{
	font-size: 28px;
	color: red;
}

.contentError 
{
	border: solid 2px red;
	padding: 10px;
	margin: 5px;
}
.contentSuccess 
{
	border: solid 2px green;
	padding: 10px;
	margin: 5px;
}
.contentBlock 
{
	margin: 5px;
	margin-top:30px;
}
.contentBlock h3 
{
	margin: 10px 10px 0px 0px;
}
.innerContentBlock 
{
	border: solid 1px silver;
	padding: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;

}
.innerContentBlock em 
{
	font-weight: bold;
}
.innerContentBlockTight ,.innerContentBlockTight table
{
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom: 1px;
	background: Transparent;
	color:Black;
}
.innerContentBlockTight h3 
{
	margin-bottom: 0px;
	font-size: 14px;
	background: Transparent;
	color:Black;
}
.innerContentBlockTight h2 
{
	display: inline;
	font-size: 12px;
	background: Transparent;
	color:Black;
}


#ctl07_cjrhtml_message,#mainreport
{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:Black;
}

/* ------------ */
/* Login Tables */
/* ------------ */
.loginTable 
{
	width: 300px;
	padding: 10px;
	color: black;
	font-size: 0.9em;
	margin: auto;
	margin-top: 120px;
	margin-right:450px;
	border: solid 1px black;
	background: url(loginBackground.png);
	background-repeat: no-repeat;
	background-color: White;
	
}

/****Dealer Site Login****/
.AutologinTable 
{
 width: 160px;
 padding: 0px;
 color: black;
 font-size: 0.9em;
 margin: auto;
 margin-top: 0px;
 border: solid 1px black;
 background: url(active_default_bg.png);
}          


{
	padding:0px;
	margin:0px;
}

.loginMessage 
{
	padding: 5px;
}

/* ---------------- */
/* Permission Table */
/* ---------------- */
.permissionTable 
{
	
}
.permissionTable tr:hover
{
	background-color: #aaf;
}
.permissionTable td 
{
	text-align: center;
}
.permissionTable th.horz 
{
	text-align: center;
	width: 80px;
}

/* ----------- */
/* Date Range  */
/* ----------- */

.DateRangePicker a
{
	border:none;
	text-decoration:none;
}

.DateRangePicker a:hover
{
	border:none;
	text-decoration:none;
}
.DateRangePicker a:active, a:link
{
	border:none;
	text-decoration:none;
}

.DateRangePicker img
{
	border:0;
}


	
/* ---------------- */
/* Inner Data Table */
/* ---------------- */

.innerDataTable 
{
	width: 100%;
	padding: 0px;
	color: black;
	font-size: 0.9em;
}
.innerDataTable th 
{
	margin: 0px;
	text-align: center;
	background: #808080;
	padding: 2px;
	font-weight: normal;
	color: black;
}
.innerDataTable th a:hover 
{
	color: #6699cc;
	text-decoration: underline;
}
.innerDataTable td
{
	padding: 2px;
	margin: 0px;
	font-size: 0.9em;
	border: none;
}
.innerDataTable tr.alt
{
	background: #eef;
}
.innerDataTable tr.alt2
{
	background: #efe;
}
.innerDataTable tr.MDTMessage 
{
	background: #fcc;
}
.innerDataTable tr.speed 
{
	font-weight: bold;
	color: red;
}
.innerDataTable tr
{
	background: #fff;
}
.innerDataTable tr.assetData .asset
{
	margin-left: 10px;
	border: solid 1px #aaa;
	padding: 1px;
}
.innerDataTable .number 
{
	text-align: right;
	padding-right: 5px;
}
.innerDataTable .middle 
{
	text-align: center;
}

.innerDataTable tr.hiddenData 
{
	display: none;
}
.innerDataTable tr.unhiddenData 
{
}

.innerDataTable .temperature
{
	text-align: left;
	padding-left: 10px;
}

/* -------------- */
/* Routing Styles */
/* -------------- */
.routingDropDownList 
{
	color: black;
}
.routingDropDownListOff 
{
	color: silver;
}
.routingTextBox 
{
	color: black;
}
.routingTextBoxOff 
{
	color: silver;
}
.leftcolbtn 
{
	float: right;
	margin-right: 5px;
}
#pnlDirections 
{
	width: 255px;
	font-size: 9px;
}
.routingStartIcon 
{
	float: left;
	margin: 0px 5px 10px 5px;
}
.routingEndIcon 
{
	float: left;
	margin: 10px 5px 10px 5px;
}
.routingDirectionIcon 
{
	float: left;
	margin: 20px 5px 10px 5px;
}
.routingDirections p
{
	margin-left: 40px;
}
.routingInfo 
{
	font-size: 9px;
}

/* ---------- */
/* POP-UP Map */
/* ---------- */
#SnailForm
{
	position: relative;
}

#Snail_theMap 
{
	position: fixed;
	top: 0px;
	height: 450px;
	width: 100%;
}
#SnailKey 
{
	position: fixed;
	top: 450px;
	width: 100%;
	height: 17px; 
	overflow: hidden;
	z-index: 10;
	background: url(MainBackground.png);
}

#Snail_details 
{
	margin-top: 467px;
}

/* ------------ */
/* Other styles */
/* ------------ */
.jdmgrit 
{
	font-weight: bold;
}

/* ------------- */
/* Despatch Main */
/* ------------- */

.onlineDespatch
{
	border: solid 1px silver; 
	background-color:Transparent;	
}

.onlineDespatch label
{
	padding:none;
	margin:1px;
}

.onlineDespatch input
{
	padding:none;
	margin:1px; 
}

.onlineDespatch a
{
	text-decoration:none;
}


.despatch
{
	width: 100%;
	padding: 0px;
	color: #003366;
	font-size: 1.25em;
	font-family:Arial;
	
}

.despatch a
{
	text-decoration:none;	
}

.despatchContentBlock 
{
	border: solid 1px silver;
	padding: 10px;
	margin: 1px 1px 1px 1px;
	width:305px; 
	float:left;
}
.despatchContentBlock em 
{
	font-weight: bold;
}

.despatchContentBlock a 
{
	text-decoration:none;
	color:Gray;
	font-family:Arial;
}

.despatchContentBlock a:hover
{
	color:#003366;
}
.despatchInnerContentBlock 
{
	border: solid 1px silver;
	padding: 10px;
	margin: 1px 1px 1px 1px;
	width:305px; 
}
.despatchInnerContentBlock em 
{
	font-weight: bold;
}

.jobDespatchInnerContentBlock 
{
	border: solid 1px silver;
	padding: 0px;
	margin: 1px 1px 1px 1px;
	width:950px; 
}
.jobDespatchInnerContentBlock em 
{
	font-weight: bold;
}
.despatchOuterContentBlock 
{
	float:left
}

.despatchNav
{
	width:100%;
	line-height:30px;
	background-image: url("despatchNav_TabButtons_on.png");
	position: absolute;
	position: fixed;
	font-weight:bold;
	font-family:Verdana;
	color:#003366;
}

.despatchNav a
{
	text-decoration:none;
	color: #003366;
	
	width:200px;
	height:30px;
	padding:5px 8px 5px 8px;
	margin:0px 0px 0px 0px;
	font-family:Arial;
}

.despatchNav a:hover
{
	
	background-image: url("despatchNav_TabButtons.png");	
}

.tinyTextBox
{
	width:20px;
	height: 16px;	
}

/* Despatch DataTable*/
.DespatchDataTable 
{
	width: 100%;
	padding: 0px;
	color: #003366;
	font-size: 0.9em;
	
}
.DespatchDataTable th 
{
	margin: 0px;
	text-align: center;
	background: #003366;
	padding: 2px;
	font-weight: normal;
	color: #6699cc;
}
.DespatchDataTable td a:hover 
{
	text-decoration: underline;
	color:Red;
}

.photoContainer a:hover 
{
	text-decoration: none;
}

.DespatchDataTable td a
{
	font-family:Arial;
	font-weight:bold;
	color:#003366;
}

.DespatchDataTable td
{
	padding: 2px;
	margin: 1px;
	font-size: 0.9em;
	
}
.DespatchDataTable tr.Unallocated
{
	color:red;
	
}
.DespatchDataTable tr.Allocated
{
	color:orange;
	
}
.DespatchDataTable tr.Accepted
{
	color:green;
	
	
}
.DespatchDataTable tr.EnRoute
{
	color:green;
	
}
.DespatchDataTable tr.InProgress
{
	color:green;
	
}

.DespatchDataTable tr.Active
{
	
}

.DespatchDataTable tr.Active td
{
	font-size:10pt;
	font-weight:bold;
	
}

.DespatchDataTable tr.Normal
{
	background-color:blue;
	
}    

.DespatchAdmin
{
	width: 180px; 
	padding: 0px; 
	border: 1px solid #7C9CBD; 
	
}


/****PANIC****/

.Despatch_Panic
{
	background-color:Red;
	color:White;
	text-align:center;
}

.Despatch_Panic a:hover
{
	color:Black;
}


/**********New Vehicle Admin**********/
.vehAdmin
{
	font-size: 10pt;
	font-family: Verdana, Arial, Sans-Serif;
	margin: 0px;
	padding: 0px;
	height: 100%;
	color: #003366;
}
.text{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.searchbox_bg
	{
        width:267px;
        border:1px solid;
        height:22px;
        padding:0px 3px; 
        position:relative;
        vertical-align: top;
        background:#F7FAFD;
	 }

.smallLinkText{
	font-size:12px;
	color:yellow;
}

.TableText{
		font-size:12px;
		font-family: Verdana, Arial, Sans-Serif;
}
#carupdate
{
color: #000;
font-family: Seoge Ui;
font-size: 16px;
height: 75px;
margin-left: 35px;
margin-top: 5px;
width: 20px;
}
#carstop
{
height: 75px;
width: 20px;
color: #000;
font-family: Seoge Ui;
font-size: 16px;
margin-left:35px;
margin-top:5px;
}
#carspeed {
    color: #000;
    font-family: Seoge Ui;
    font-size: 16px;
    height: 75px;
    margin-left: 35px;
    margin-top: 5px;
    width: 20px;
}
#carnotworking
{
height: 75px;
width: 20px;
color: #000;
font-family: Seoge Ui;
font-size: 16px;
font-weight:bold;
margin-left:35px;
margin-top:5px;
}
#expired
{
height: 75px;
width: 20px;
color: #000;
font-family: Seoge Ui;
font-size: 16px;
font-weight:bold;
margin-left:35px;
margin-top:5px;
}
#alertcount
{
height: 75px;
width: 20px;
color: #000;
font-family: Seoge Ui;
font-size: 16px;
font-weight:bold;
margin-left:35px;
margin-top:5px;
}

#togglebutton
{
background: url("../Default/nav/toggle-dn.gif") no-repeat scroll center top transparent;
height:10px;
cursor:pointer;
}
.leftpanel{
border:dashed 2px #fff;
border-radius:8px;
margin-top:2px;
background-color: #3a3736;
background: -webkit-linear-gradient(top,#3a3736 0,#4e4a4a 100%);
background: -moz-linear-gradient(top,#3a3736 0,#4e4a4a 100%);
background: -o-linear-gradient(top,#3a3736 0,#4e4a4a 100%);
background: linear-gradient(top bottom,#03a3736 0,#4e4a4a 100%
}