body 
{
    margin:0;
    padding:0;
	font-family:Verdana, Tahoma, Helvetica;
	font-size:10pt;
	background-color:#F7F7F7;
	overflow-x: hidden;	
}

body.loginbody
{
	background: #FFF;
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F2F2F2', endColorStr='#FFFFFF', gradientType='0');  	
}

body.nooverflow
{
    overflow:hidden;
}

a
{
	color:#00A6EB;
	text-decoration:none;
}

:focus {
    outline: 0;
} 

a:hover
{
    color:#C33;
}

img a
{
    border:0px;
}

.linkbutton
{
    margin:-2px;
    border:0px;
    padding:0px;
}

.padder
{
    padding:10px;
    border:10px;
}

.GenericLabel
{
    text-indent:5px;
    width:140px;
    font-weight:bold;
}

.GenericNarrowLabel
{
    text-indent:5px;
    width:80px;
    font-weight:bold;
}

.GrayLoadingMessage
{
	color:#BBB;
}

table.viewVehicleTableStyle
{
    font-size:75%;
} 

/*          ----------- Default Table Definitions  -----------          */

.defaultTableLabelCell
{
	width:150px;
	height:26px;	
	margin: 1px 0 1px 5px;
}

.defaultTableControlCell
{
	width:250px;
	height:26px;	
	margin: 1px 0 1px 5px;
}

table.defaultFormTableStyle
{
	font-size:85%;
	margin:0px;
	text-align: left;
	width:100%;
	padding:0px;
	border-collapse:collapse;
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FAFAFA', endColorStr='#DDDDDD', gradientType='1'); 	
}

table.defaultTableStyle 
{
	font-size:85%;
	margin:0px;
	text-align: left;
	width:98%;
	padding:0px;
	border-collapse:collapse;
}
		
table.defaultTableStyle th
{
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#CACACA', endColorStr='#AAAAAA', gradientType='0'); 
	background-color:#BBB;
	color:#333;
	font-weight:normal;
	text-align: center;
	font-size:100%;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;	
}	

table.defaultTableStyle th a
{
	display:block;
	color:#000;
	text-decoration:underline;
	padding:3px 0px 3px 0px;
}	

table.defaultTableStyle th a:hover
{
	display:block;
	width:100%;
	background-color:#EEE;
	color:#000;
	text-decoration:underline;
	margin:0px;	
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FEFEFE', endColorStr='#E5E5E5', gradientType='0');	
}	

table.defaultTableStyle th a.ascending
{
	background-image: url(../images/whitearrowup.gif);
	background-repeat:no-repeat;
	background-position:right center;
}	

table.defaultTableStyle th a.descending
{
	background-image: url(../images/whitearrowdown.gif);
	background-repeat:no-repeat;
	background-position:right center;
	
}	

table.defaultTableStyle tr td
{
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FEFEFE', endColorStr='#ECECEC', gradientType='0');    
	background: url(../images/tablerowgradfill.jpg) repeat-x top left;
}

table.defaultTableStyle tr.livejourney td
{
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FAFCFE', endColorStr='#C7C7C7', gradientType='0');    
	background: url(../images/tablerowgradfill.jpg) repeat-x top left;
}

table.defaultTableStyle th.dayheader
{
 color: #F3F3F3; 
 filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#7A7A7A', endColorStr='#2A2A2A', gradientType='0'); 
}

table.defaultTableStyle td img
{
	padding:3px;
}	

table.defaultTableStyle td
{
	border:none;
	padding:4px 3px 4px 10px;
	margin:0px;
	border-right:1px solid #EEE;
}


/* Changed By Ameet */


table.InnertTableofdefaultTableStyle 
{
	font-size:100%;
	width:102%;
	margin: -3px 0 0 -10px;
	text-align: left;
	padding:0px;
	border-collapse:collapse;
}
		
table.InnertTableofdefaultTableStyle th
{
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#CACACA', endColorStr='#AAAAAA', gradientType='0'); 
	background-color:#BBB;
	color:#333;
	font-weight:normal;
	text-align: center;
	font-size:100%;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;	
}	



table.InnertTableofdefaultTableStyle th a
{
	display:block;
	color:#000;
	text-decoration:underline;
	padding:3px 0px 3px 0px;
}	

table.InnertTableofdefaultTableStyle th a:hover
{
	display:block;
	width:100%;
	background-color:#EEE;
	color:#000;
	text-decoration:underline;
	margin:0px;	
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FEFEFE', endColorStr='#E5E5E5', gradientType='0');	

}	

table.InnertTableofdefaultTableStyle th a.ascending
{
	background-image: url(../images/whitearrowup.gif);
	background-repeat:no-repeat;
	background-position:right center;
}	

table.InnertTableofdefaultTableStyle th a.descending
{
	background-image: url(../images/whitearrowdown.gif);
	background-repeat:no-repeat;
	background-position:right center;
	
}	

table.InnertTableofdefaultTableStyle tr td
{
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FEFEFE', endColorStr='#ECECEC', gradientType='0');    
	background: url(../images/tablerowgradfill.jpg) repeat-x top left;
}

table.InnertTableofdefaultTableStyle tr.livejourney td
{
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FAFCFE', endColorStr='#C7C7C7', gradientType='0');    
	background: url(../images/tablerowgradfill.jpg) repeat-x top left;
}

table.InnertTableofdefaultTableStyle th.dayheader
{
 color: #F3F3F3; 
 filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#7A7A7A', endColorStr='#2A2A2A', gradientType='0'); 
}

table.InnertTableofdefaultTableStyle td img
{
	padding:3px;
}	

table.InnertTableofdefaultTableStyle td
{
	border:none;
	padding:4px 3px 4px 3px;
	margin:0px;
	border-right:1px solid #EEE;
}

/* End Changes*/ 




table.secondarydata 
{
	font-size:90%;
	margin:0px;
	text-align: left;
	width:98%;
	padding:0px;
	border-collapse:collapse;
}

table.secondarydata tr td
{
    filter:none;    
	background: #3B3B3B;
	color:#FFF;
	padding:2px 2px 2px 5px;
}

table.plaintable
{
    background:#FBFBFB;
    border:1px dashed #DDD;
    padding:2px;
    margin:10px;
    font-size:0.9em;
}	

table.plaintable td.Data, table.plaintable td.Data a
{
	font-weight:bolder;
    font-size:10px;	
    color:#555;
    padding-left:5px;
}

table.newFeatures
{
    border:solid 1px #777;  
}

table.newFeatures tr td
{
	background-color: #FFF;
	padding:6px;
	border: solid 1px #EEE;
}

.devicephoto
{
    width:50px; 
    height:50px; 
    padding:15px;
}

tr.odd
{
    background-color:#F3F3F3;
}

td.NormalNumericElement
{
	text-align:right;
}

td.GhostedNumericElement
{
	text-align:right;
	color:#777;
}

#ReportHolder
{
	/*margin: 2% 0 2% 7% ;*/
	width:100%;
	border:0px;
	padding:0px;
}

.ReportPageHeader
{
    background-color:#000;
    color:#AAA;
}

#ReportOverviewTableHolder
{
	margin: 2% 0 2% 30% ;
	width:35%;
	overflow:auto; 
	height:530px;
	border:0px;
	padding:0px;
}

.ReportBigCell
{
	width:65%;
}
.ReportMediumCell
{
	width:20%;
}
.ReportSmallCell
{
	width:5%;	
}
/* Need to redude the height on tables rows containing images*/
VehiclesTableHolder td
{
	padding:9px 3px 9px 3px;
}

/*          ----------- Info Box definitions  -----------          */

.infocontainer{
	padding:5px 5px 5px 5px;	
}

.infoheader{
	font-family: Verdana, Arial, Tahoma, Helvetica;
	height:23px;
	background-color:#00A6EB;
	display:block;
	background: transparent;
}

.infoheaderleft{
	height:23px;
	background: url(../images/infocontainer/infoheaderleftcorner.png) no-repeat top left;
}

.infoheadermiddle{
	height:23px;
	background: url(../images/infocontainer/infoheader.png) repeat-x top left;
	color:#EEE;
	font-weight:700;
	margin:-23px 0 -7px 10px;
	/*padding makes it go down to the middle - check in IE7*/
	font-size:100%;
}

.infoheaderright{
	height:23px;
	background: url(../images/infocontainer/infoheaderrightcorner.png) no-repeat top right;
	margin:-23px 0 -6px 0px !important;
}

.infoheaderright img{
	height:23px;
	width:10px;
}

.infobody{
	background: url(../images/infocontainer/infobackground.png) repeat-y top left;
	border: 1px solid #999;  
	padding:0px;
	border-top:0px;
}

.infobodywide{
	background: url(../images/infocontainer/infobackground900.png) repeat-y top left;
	/*background-color:#f9f9f9;
	filter:Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=1200, FinishY=0);*/
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F4F4F4', endColorStr='#FFFFFF', gradientType='0');	
	border: 1px solid #999;/*was #294251*/
	padding:0px;
	border-top:0px;
}

.infobody table{
	background: #EEE;
	padding:0px;
	border-top:0px;
}

.infobodyinner{ 
	width:100%; /*IE6 hack*/
}

.infobodyfooter{ 
	width:100%; 
	float:right;
	text-align:center;
	margin-top:2%;
}

.devicemarker
{
    margin-top:-5px;
    margin-bottom:-5px;
}

/*          ----------- Login Page - index.aspx -----------          */
.LoginButton
{
	float:right;
	margin-right:8%;
}

.ForgotYourPassword
{	
	float:left;
	margin-top:1%;
}

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

#Login
{
    margin-top:6px;
    width:290px;
    height:177px;
    text-align:center;
    margin: 10% auto;   
}

#ForgotPassworddiv
{
    margin-top:6px;
    width:290px;
    height:100px;
    text-align:center;
    margin: 10% auto;   
}

#LoginInside
{
	/*background: url(../images/infocontainer/tdbackground.png) repeat-y top left;*/
	background-color:Fuchsia;
}

body.loginbody table#logintable
{
    width:273px;
    height:125px;
    background-repeat: repeat-y;
    background-image: url(images/infocontainer/tdbackground.png);
}

.CustomerLoginLogo
{
    visibility:hidden;
}


 

/*custom divs*/
#Whole{
    width: 100%; /*Width of main container*/
    
}
    
#MainContent
{
	width:100%;
	border:0px;
	margin:0px;
	padding:0px;
}

/*          ----------- Navigation -----------          */

#MenuTable, .MenuTable
{
    height: 50px;
}

#NavigationBackground, .NavigationBackground
{
background-image:url(../images/topmenu/headerbackground5.png); 
vertical-align:bottom; 
background-attachment:scroll; 
background-repeat:repeat-x;  
background-position:bottom;
}


/*          ----------- Fleet Overview -----------          */

#VehiclesTableHolder
{
	margin:1% 0 0 0;
	width:100%;
	overflow:auto; 
	height:300px;
	border:0px;
	padding:0px;
}

#SearchVehiclesTableHolder
{
    display: block;    
    margin:0px;
	width:100%;
	overflow:auto; 
	height:100%;
	/* was 100px; */
	border:0px;
	padding:0px;
	clear:both;
}

#LastImportOutcomeTableHolder
{
	display: block;    
	margin:1% 30% 0% 30%;
	overflow:auto;
	width:40%;
	border:0px;
	padding:0px;
	clear:both;
}

#MapHolder
{
	width:80%;
	height:340px;
	padding:0px;
	border:0px;
	float:left;
}
#MapHolder .infocontainer
{
	margin:0;
}

/*add a FF only entry in here for padding-top=20px*/
#VehiclesTable
{
    padding-top:5px;
    width: 100%;
    height: 180px;   
    clear:both; 
	/*margin-top: -5px;*/
	margin:-5px 0 0 0;
}

#mapOverviewVehiclesTable
{
    width: 100%;
    clear:both; 
    overflow:auto;
}

#VehiclesTable .infocontainer
{
	/*padding:0px 5px 5px 5px;*/
	padding:0;
}
    

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

#VVDJourneyDetails
{
    margin:0px;
/*	margin:1% 0 0 0;*/
	width:100%;
	overflow:auto; 
	height:300px;
	border:0px;
	padding:0px;
}

#VVLVehiclesTable
{
    width: 100%;
    /*height: 100px;   */
    clear:both; 
}    

#VVLVehiclesTableHolder
{
	margin:0px;
	width:100%;
	overflow:auto; 
	border:0px;
	padding:0px;
}

#FirmwareTable
{
    width: 100%;
    /*height: 100px;   */
    clear:both; 
}  

#FirmwareTableHolder
{
	margin:0px;
	width:100%;
	overflow:auto; 
	border:0px;
	padding:0px;
}

#ConfigurationTable
{
    width: 100%;
    clear:both; 
}  

#ConfigurationTableHolder
{
	margin:0px;
	width:100%;
	overflow:auto; 
	border:0px;
	padding:0px;
	
}

#AddUpdateVehiclesTableHolder
{
	margin-left:12%;
	width:40%;
	float:left;
}

#AddUpdateWarrantyTableHolder
{
	width:30%;
	float:left;
	margin-left:1%;
}

#AddUpdateDriverTableHolder
{
	margin:1% 0 0 35%;
	width:30%;
	overflow:auto;
	border:0px;
	padding:0px;
}

#AddUpdateUserTableHolder
{
	margin:1% 0 0 30%;
	width:30%;
	overflow:auto;
	border:0px;
	padding:0px;
}

#AddUpdateFirmwareTableHolder
{
	margin: 1% 0 0 20%;
	width:480px;
	overflow:auto;
	border:0px;
	padding:0px;
}

#AddUpdateHierarchyTableHolder
{
	margin: 20px 0 0 5%;
	width:400px;
	overflow:auto;
	border:0px;
	padding:0px;
}

#HierarchyStructureTableHolder
{	
	margin: 20px 0 0 3%;
	height:700px;
	overflow:auto;
	width:80%;
	border:0px;
	padding:0px;
}


#AddUpdateCategoryTableHolder
{
	overflow:auto;
	border:0px;
	padding:0px;
}

#VehicleTableHolder
{
	margin: 50px 0 0 25px;
	width:100%;
	overflow:auto;
	height:500px;
	border:0px;
	padding:0px;
}

#divAddUpdateCategory
{
	width:20%;
	margin: 2% 0 0 5%;
	float:left;
}

#divAddUpdateCategoryDetails
{
	width:30%;
	margin-top:2%;
	padding-left:30px;
	float:left;
}

#divVehicleTableHolder
{
	width:70%;
	height:500px;
	margin-top:0%;
	padding-left:30px;
	float:left;
	overflow:auto;
	border:0px;
	padding:0px;
}


#CategoryTable
{
	overflow:auto;
	border:0px;
	padding:0px;
}

#OptionTableHolder
{
	margin:2% 30% 0 30%;
	width:300px;
	overflow:auto;
	border:0px;
	padding:0px;
}

#CommanTableHolder
{
	margin:1% 30% 0 30%;
	width:30%;
	overflow:auto;
	border:0px;
	padding:0px;
}


#GroupsTable
{
    width:100%;
}

#VehicleTableVE
{
    position:absolute;
    top: 80px;
    right:5px;
    width:400px;
    float:right;
}

/*          ----------- View Vehicle Detail -----------          */

#VVDURNAll
{
	position:relative;
}

#VVDURNDetails
{
    width:55%;
    padding:0px;
    margin:0px;
    border:0px;
    float:left;
}

#VVDAll
{
    position: relative;
    width:100%;
    float:right;
    font-size:10px;
    overflow:auto;
}

#VVDAllVE
{
    position: relative;
    width:320px;
    z-index:250;
    filter:alpha(opacity=90);
    moz-opacity:0.9;
	opacity:0.9;   
    float:right;
    margin-right:5px;
}

#VVDVehicleDetailsVE
{
    width:100%;
    padding:0px;
    margin:0px;
    border:0px;
    float:left;
}

#VVDLiveTrackingVE
{
    width:100%;
    padding:0px;
    margin:0px;
    border:0px;
    float:left;
}

#VVDDriverVE
{
    width:100%;
    padding:0px;
    margin:0px;
    border:0px;
    float:right;    
}

#VVDURNDetailVE
{
    width:100%;
    padding:0px;
    margin:0px;
    border:0px;
    float:right;    
}

#VVDVehicleDetails
{
    width:60%;
    padding:0px;
    margin:0px;
    border:0px;
    float:left;
}

#VVDLiveTracking
{
    width:40%;
    padding:0px;
    margin:0px;
    border:0px;
    float:right;
}

#VVDDriver
{
    width:40%;
    padding:0px;
    margin:0px;
    border:0px;
    float:right;
}

#JourneysTableHolder
{
	margin:0px;
	width:100%;
	overflow:auto; 
	border:0px;
	padding:0px;
}	
	
#JourneysTable
{}		

#JourneyDetailsTable
{
    margin:0px;
	border:0px;
	padding:0px;
	width:100%;
	overflow:auto; 
	height:320px;
	clear:both;
}		
	
#IncidentDescription
{
	  margin: 3px 0px 0px 8px;
}

/*          ----------- View Vehicle List -----------          */


#ViewVehiclesSearchForm
{
	width:520px;
	margin:0px;
}

#ViewVehiclesSearchForm ul
{
    /*padding: 12px 0px 12px 12px;*/
	list-style:none;
	padding:0px;
	margin:0px;
	border:0px;
}

#VVLFilter
{
    display:inline;
    width:40%;
}

#VVLVehicleSelect
{
    position:absolute;
    float:right;
    display:inline;
    width:50%;
    left:250px;
    margin-top:-80px;
}


/*          ----------- Maps -----------          */

#MapHolderFullWidth
{
    width:100%;
    height:370px;
	padding:0px;
	border:0px;
	float:left;
}
    
#FleetOverviewMap
{
	position:relative;
    height:340px;
}

#ViewVehicleMap
{
    position:relative;
    height:620px;
}

#JourneyDetailsMap
{
	width:100%;
	height:400px;
	padding:0px;
	border:0px;
	clear:both;
}

/*          ----------- forms -----------          */

#PageFooter
{
	margin-top: 1%;
	width:100%;
	text-align:right; 
	font-size:60%; 
	color:Gray;
}

#SearchForm
{
    border: 0px;
	float:right;
	height:400px;
	width:20%;
	z-index:2000;
}

#SearchForm ul
{
    margin: 12px 0px 12px 12px;
	list-style:none;
}


#SearchForm .SearchFormTextBox
{
    margin: 0px 0px 0px 8px;
    width:80%;
}

#SearchForm .SearchFormLocationTextBox
{
    margin: 0px 0px 0px 8px;
    width:46%;
}

#SearchForm .SearchFormButton
{
    margin: 0px 0px 0px 2px;
}

.head
{
    margin: 0px 0px 0px 8px;
}

#JourneysForm 
{
	width:100%;
	margin:0px;
}

#DeviceInstallForm
{
	width:50%;
	padding:2%;
	border:1px solid green;
	margin:2% 20% 0 20%;
	background:#FFF;
	border:1px dashed #000;
}

#DeviceInstallForm .DeviceStatusGood
{
	font-weight:bold;
	color: Green;
}

#DeviceInstallForm .DeviceStatusBad
{
	font-weight:bold;
	color:Red;
}

#DeviceInstallForm .ImageStatus
{
	vertical-align:middle;
}
#DeviceInstallForm p.DeviceManagerMessage
{
	margin-left:8%;	
	font-family:Courier new;
}

#DeviceInstallForm p.EndOfText
{
	text-align:center;	
}

#DeviceInstallForm h3
{
	color:gray;
	margin-top:3%;
}

.AddUpdateVehiclesFormLabel
{
	text-align:right;	
	width:20%;
	
}

.AddUpdateVehiclesFormControl
{
	text-align:left;
	width:30%;	
}

.AddUpdateVehiclesTableValidator
{
	width:30%;
	font-weight:bold;	
}

.AddUpdateWarrantyTableFormLabel
{
	width:40%;
	text-align:right;
}

.AddUpdateWarrantyTableLabel
{
	font-weight:bold;
}

/*          ----------- ajax loader -----------          */
#AjaxLoader
{
	 text-align:center;
	 font-weight:normal;
	 color:#BBB;
	 font-size:105%;
	 margin-top:10%;
}

#AjaxLoader img
{
	 
}

#AjaxLoaderNew
{
    position:absolute;
    margin:0 auto;
    font-weight:normal;
	color:#BBB;
	font-size:105%;
	padding-top:50px;
	height:150px;
	width:300px;
}

#AjaxLoaderViewVehicle
{
     background:url("../images/ajax-loader-background.gif") no-repeat;
     position:absolute;
     margin:0 auto;
	 font-weight:normal;
	 color:#BBB;
	 padding-top:50px;
	 height:450px;
	 width:400px;
	 z-index:5;
	 left:-200px;
	 top:200px;
}

#AjaxLoaderNewInternal
{
	text-align:center;
	font-weight:normal;
	font-size:105%;
	margin-top:10%;
    color:#333;
    position:relative;
    margin:0 auto;
    width:500px;
    height:500px;
    z-index:6;
    margin-left:-100px;
}

#AjexLoadUnauthoriseMessage
{
     background-color:#e0e0e0;
     border:solid 1px black;
     position:absolute;
     text-align:center;
     font-weight:normal;
	 color:#333;
	 font-size:105%;
	 padding:20px 20px 20px 20px;
	 z-index:5;
	 left:-200px;
	 top:200px;
} 

#viewVehicleDetailAjaxLoader
{
    margin:0 auto;
}      

#authorisationcontrol
{
    position:absolute;
    top: 5px;
    float: right;
    right:15px;
}

#LoginDetails
{
	margin-top:2%;
	text-align:center;
	color:#FAFAFA;
	font-size:10px;
}

a.LogOut
{
	color:#FFF;
	font-weight:400;
}

a.LogOut:hover
{
	color:#FFF;
	text-decoration: underline;	
}

/*          ----------- Top Menu Control Stylesheet -----------          */

#TopSection
{
    z-index:250;
}

#TopNav ul{
    list-style:none;
    padding: 0px;
    border: 0px;
    margin: 0 0 0px 125px;  
    width:560px;
    z-index:250;
}

#TopNav li{
    margin: 0px 1px;
    padding: 0px;
    border: 0px;
    float:left;
    z-index:400;
}

#TopNav li a img{
    padding: 0px;
    border: 0px;
    margin:0px;
    color:#FFF;	
    z-index:400;
}

.DynamicMenu
{
	border-top:1px solid #999;
	z-index:260;
}

.MainMenu1_MenuControl_1
{
}

.DynamicMenuItem
{
	background-color:#F4F4F4;
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F4F4F4', endColorStr='#FFFFFF', gradientType='0');	
	width:200px;
	border-bottom:1px solid #999;	
	border-right:1px solid #999;	
	border-left:1px solid #999;	
	border-top:0.6px solid #999;
	color:#00A6EB;
	float:right;
	padding:3px;
	display:block;
	font-size:12px;
    z-index:250;
	
}

.HideShowDiv
{
	margin: 0px 20px 0px 20px;
	display: none;
}


a.OptionsLabel, a.LogOutLabel
{
    color:#FFFFFF;
    font-size:10pt;
}
.UserLabel, .CustomerLabel, .PartnerLabel
{
    color:#000000; 
    font-size:10pt;
}
/*.ShowHideDiv
{
	margin: 0px 20px 0px 20px;
	display: block;
}*/

/*          ----------- Table Holder Style -----------          */

.TableHolder
{
	margin:1% 0 0 35%;
	width:25%;
	overflow:auto; 
	border:0px;
	padding:0px;
}

/*          -----------  Label Style -----------          */
.LableRight
{
	text-align:right;
}

.LableCenter
{
	text-align:center;	
}

.EmptyCell
{
	width:200px;
}


/*          ----------- Virtual Earth definitions -----------          */
table.VehicleCallout
{
    font-family:Arial, Verdana;    
	border:1px dotted #BBB;
	width:100%;
	margin:2px -5px -18px 0px;
	color:#111;
	background-color:#F5F5F5;
	
}

table.VehicleCallout img
{
    padding:1px 5px;
}

table.VehicleCallout td.Label
{
	text-align:right;
	vertical-align: top; 
    font-size:10px;
    color:#777;
}

table.VehicleCallout td.Data, table.VehicleCallout td.Data a
{
	font-weight:bolder;
    font-size:10px;	
    color:#2A2A2A;
}

.s_red
{
    position:relative;
    top:-7px;
    left:-7px;
} 

/*          ----------- Points of Interest -----------          */
#PointOfInterestAll
{
    position: absolute;
    z-index:250;
	-moz-opacity:0.9;
	opacity:0.9;    
    filter:alpha(opacity=90);
    top: 90px;
    right:10px;
    width:250px;
    float:right;
    font-size:0.8em;
    z-index:10;
}

#PointOfInterestLeft
{
    position: absolute;
    z-index:250;
	-moz-opacity:0.9;
	opacity:0.9;      
    filter:alpha(opacity=90);
    top: 220px;
    left:10px;
    width:250px;
    float:left;
    font-size:0.8em;
    z-index:0;
}

#PointOfInterestRight
{
    position: absolute;
    z-index:250;
	-moz-opacity:0.9;
	opacity:0.9;      
    filter:alpha(opacity=90);
    top: 90px;
    right:10px;
    width:250px;
    float:right;
    font-size:0.8em;
    z-index:500;    
}

#PointOfInterestDetailTable
{
    position: relative;
    margin-top: 5px;
    width:100%;
    float:right;
}

#PointOfInterestRight #PointOfInterestList
{
    height:605px;
    overflow:auto; 
    width:100%;
    float:right;
}

#PointOfInterestList
{
    height:295px;
    overflow:auto; 
    width:100%;
    float:right;
}

#PointOfInterestMap
{
	/*position:relative; width: 100%; height: 1200px;*/	
}

.PointOfInterestLabel
{
	border:1px solid black;
	background:#FFFFFF;	
	padding:4px;
	filter:alpha(opacity=50);
	z-index:260;
    font-size:80%;
}

#NoPointsOfInterestMessage
{
	 text-align:center;
	 font-weight:normal;
	 color:#333;
	 font-size:100%;
	 padding-top:7%;
	 padding-bottom:7%; 
}

#POIFilterMessage
{
    text-align:center;
    color:#B66F00;
    font-weight:bold;
    font-size:100%;
    /*height:50px;*/
}	
    
    

#AjaxLoaderPointsOfInterest
{
	 text-align:center;
	 font-weight:normal;
	 color:#BBB;
	 font-size:100%;
	 padding-top:7%;
	 padding-bottom:7%; 
}
	
#AddUpdateServiceTableHolder
{
	margin:1% 0 0 30%;
	width:50%;
	overflow:auto;
	border:0px;
	padding:0px;
}


/*          ----------- Route Planner -----------          */

#RoutePlannerList
{
    position: relative;
    margin-top: 5px;
    height:375px;
    overflow:auto; 
    width:100%;
    float:right;
    font-size:10px;
}   

/*          ----------- Vehicle Day Map -----------          */

#ToggleContainersHolder
{
	position: absolute; 
	width: 100px; 
	height: 10px; 
	top: 75px; 
	right:45%; 
	z-index: 1; 
	margin: 0; 
	padding: 0; 
	background:transparent;
}	

#DaySummaryRightHolder
{
	position: absolute; 
	z-index: 250; 
	-moz-opacity: 0.9;
	opacity: 0.9; 
	filter: alpha(opacity=90); 
	top: 70px; 
	right: 2px; 
	width: 230px;
	float: right; 
	font-size: 0.8em; 
	z-index: 50;	
}

#DaySummaryLeftHolder
{
	position: absolute; 
	z-index: 250; 
	-moz-opacity: 0.9;
	opacity: 0.9; 
	filter: alpha(opacity=90); 
	top: 115px; 
	left: 30px; 
	width: 230px;
	float: right; 
	font-size: 0.8em; 
	z-index: 50;
}


/*          ----------- Air Traffic Control -----------          */
.iconStyle
{
    position:relative;
    top:-1px;
    left:-1px;
}

.atclabel
{
    color:#444444;
    position:absolute;
    background-color:#FFFFFF;
    top:-12px;
    left:14px;
    border: 1px solid #777777;
    padding:1px;
    font-size:0.6em;
}

.atclink
{
    color:#11FFFF;
    text-decoration:none;		
}
.atclabel a
{
    color:#444444;
}
.atclabel a:hover
{
    background-color:#4F719D;
    text-decoration:underline;
    color:#EEE;
}


/*          ----------- Partner Specific (Default Blank) -----------          */
#logoleft, .logoleft
{
    width:5px;
}

#partnerlogo, .partnerlogo
{
    background-image:url(/images/topmenu/blanklogo.png);
    width:60px;
    background-position:center;
    background-repeat:no-repeat;
}

#logoright, .logoright
{
    width:5px;
}


/*----------------------- (all below ) *****Moved from partner specific style sheet */
#ReportTableHolder
{
	margin: 2% 0 2% 7% ;
	width:86%;
	overflow:auto; 
	height:700px;
	border:0px;
	padding:0px;
}

#UpgradeFirmwareTableHolder
{
	margin: 2% 0 0 5% ;
	width:90%;
	border:0px;
	padding:0px;
}

#FirmwareConfigurationTableHolder
{
	margin: 2% 0 2% 30% ;
	width:40%;
	border:0px;
	padding:0px;
}

/*-------------------Delete Hierarchy Table Holder------------------------------------------*/

#DeleteVehiclesTableHolder
{
	margin:0px;
	width:95%;
	border:0px;
	padding:0px;
}
#DeleteUsersTableHolder
{
	margin:10px 0 0;
	width:95%;
	border:0px;
	padding:0px;
}
#DeleteDriverTableHolder
{
	margin:10px 0 0;
	width:95%;
	border:0px;
	padding:0px;
}
#DeleteTableHolder
{
	margin:10px 0 0 20px;
	width:98%;
	overflow:auto; 
	height:400px;
	border:0px;
	padding:0px;
}


.filterDiv
{
	margin-left:10px;
}


/*--------------------------MMDiagonsticsFilter-----------------*/

.CompactTableCell
{
	overflow:auto; 
}
#MMDiagonsticsFilter
{
    border: 0px;
	float:Left;
	width:100%;
	overflow:auto; 
}

#MMDiagonsticsAddNewCustomer
{
    width:400px;
	overflow:auto; 
}

#MMDiagonsticsAddNewCustomer .infobody
{
	padding:10px;		
		
}


#MMDiagonsticsAddNewCustomer .newButton
{

}


#MissingDeviceReportedDiv
{
	border: 0px;
	float:Left;
	width:100%;
}

#DiagonsticsEventLogTableHolder
{
	margin:0px;
	width:100%;
	overflow:auto; 
	height:450px;
	border:0px;
	padding:0px;
}	

#DiagonsticsDeviceDetailTableHolder
{
	margin:0px;
	width:100%;
	overflow:auto; 
	height:300px;
	border:0px;
	padding:0px;
}	

#DeviceHasNotBeenReportTableHolder
{
	margin:0px;
	width:100%;
	overflow:auto; 
	height:650px;
	border:0px;
	padding:0px;
}



/*          ----------- Custom Info Box -----------          */


.customInfoBox
{
    position: absolute;
        padding: 8px;
    /*left: -45px;*/
}

.customInfoBox-body
{
    width:240px;
    position: relative;
    top: -5px;
    right: -35px;
    padding: 8px;
    border: 1px solid #000;
    background-color: #fff;
}

.customInfoBox-shadow
{
    position: relative;
    background-color: #AAA;
}

.customInfoBox-previewArea, .customInfoBox-actionsBackground
{

}

.customInfoBox-actions, .customInfoBox-paddingHack
{
    display: none;
}

.customInfoBox-progressAnimation
{
    visibility: hidden;
}

.customInfoBox-beak
{
    visibility: visible;
}

#ImportServicingDataTableStyle
{
	font-size:85%;
	margin:0px;
	text-align: left;
	width:100%;
	padding:0px;
	border-collapse:collapse;
    /*filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FAFAFA', endColorStr='#DDDDDD', gradientType='1'); 	*/
}

#ImportServicingTableHolder
{
	margin:1% 30% 0% 30%;
	overflow:auto;
	width:40%;
	border:0px;
	padding:0px;
}


#AddUpdateJourneyType
{
	width:20%;
	margin: 2% 0 0 5%;
	float:left;
}

#AddUpdateJourneyTypeDetails
{
	width:30%;
	margin-top:2%;
	padding-left:30px;
	float:left;
}

/*   AMS Styling - Eventually move to AMS style sheet */

#JourneyDetailWrapper
{
    position: absolute;
    z-index:250;
    filter:alpha(opacity=90);
    top: 90px;
    right:25px;
    width:280px;
    float:right;
}
/*
#AMSJourneyDetail
{
    z-index:250;    
    position:absolute;
    top: 80px;
    right:5px;
    width:280px;
    float:right;
}
*/
#AMSJourneyDetailOptions
{
    position: relative;
    width:250px;
    z-index:250;
    filter:alpha(opacity=90);
    float:right;
    margin-right:5px; 
}    
    

#AMSJourneyDetailAllXSLT
{
    position: relative;
    width:250px;
    z-index:250;
    filter:alpha(opacity=90);
    float:right;
    margin-right:5px;  
}
/*------ Edit IMEI Page ---------*/

#EditIMEITableHolder
{
	margin-left:20%;
	margin-right:20%;
	margin-top:10%;
	width:60%;
	float:left;
}
#CloseDiv
{
	vertical-align:bottom;
	margin: 0px 0px 25px 0px;
	text-align:center;
	width:100%;	
}

/*  Show / Hide divs */
#RoadAngelOnlyLogo
{
    display:none;
    visibility:hidden;  
    z-index:0;  
}


/* -----------  Hiding of RAF only divs & spans by default,
                made visible through RoadAngelFleet.css -------------*/
                
 .RAFOnlyAjaxLoader
 {
     visibility:hidden;
     display:none;
 }
 
 .RAFOnlyGetLocationLink
 {
     visibility:hidden;
     display:none;    
 }
 
 .RAFOnlyReportLogo
{
    visibility:hidden;
    display:none;
}
 
 .ShowHideRAFOnlyDeleteButton
 {
     visibility:hidden;
     display:none;
 }
 
 .CustomPOIHeader
 {
     visibility:hidden;
     display:none;
 }
 
 .Custom220Header
 {
     visibility:hidden;
     display:none;
 }
 
.CustomFullHeader
{
	 visibility:hidden;
     display:none;
} 

 
/*------ Handling of Message Box styles ---------*/

.MsgBoxLabel
{
    color:#000;
}

.PopUpInnerHolder
{
    border:#888 1px solid;
}

.PopUpTitleStyle
{
    color:#eee;
}

.PopUpTitleBarStyle
{
    background: url(../images/infocontainer/infoheadermessage.png) repeat-x top left;
}

.MsgBoxMainTableStyle
{
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FDFDFD', endColorStr='#DBDBDB', gradientType='0');
    background-color:#fff;
}

.MsgBoxButton
{
    color:#1F1F1F;
    background-color:#F5F5F5;
    border-color:#646464;
}


/*-------------  xWindow Styles -------------------*/

.RightShelfStyle
{
    position: absolute; 
    margin-right: 2px; 
    right: 10px; 
    top: 100px; 
    z-index:2;
}

.LeftShelfStyle
{
    position: absolute; 
    margin-left: 2px; 
    left: 40px; 
    top: 120px;
    z-index:2;
}

.xWindowFrame
{
	width:400px;
	height:100px;
	background-color:#FFF;
	border:1px solid #CBCBCB;
	margin-bottom:6%;
	clear:both;
	color:#000;
	position:absolute;
	top:0px;
	left:0px;	
	margin:0px;
	display:none;
	font-family:Verdana;
	font-size:85%;
}

.xWindowHead
{
	/*background-image:url(topbanner/xWindowHeaderLightGrey.jpg);*/
	background-image:url(../../images/xWindow/bluexWindowHeader.png);
	border-bottom:1px solid #cbcbcb;	
	width:100%;
	background-color:#f1f7f7;
	height:25px;
	padding-top:4px;
	cursor:move;
}

.xWindowHeadText
{
	color:#666680;
	font-weight:bold;
	padding:2px 4px 4px 10px;
	float:left;
	line-height: 1.4;
	
}

.xWindowContent
{
	clear:both;
	text-align:left;
	width:100%;
	margin:0%;
	overflow:auto;
	height:85%;	
	color:#555;
}

.xWindowContent p
{
	margin: 10px 10px 10px 10px;
}

.xWindowContent p.AjaxLoader
{
	text-align:center;
	margin-top:5%;
	
}

.xWindowFooter
{

}

.xWindowControl
{
	width:15%;
	text-align:right;
	padding-right:2%;
	margin-top:0.5%;
	float:right;
	cursor:default;
}

a.xWindowMinButton
{
	padding:2px;
}

a.xWindowMinButton:visited
{
	
}

a.xWindowCloseButton
{
	padding:2px;

}
a.xWindowHelpLink
{
	font-size:75%;	
	padding:2px;
	color:#444444;
	font-weight:normal;
	font-family:Arial;
}

a.xWindowHelpLink:hover
{
	font-weight:bold;
	color:#000;
}

a.xWindowRefreshLink
{
	font-size:75%;	
	padding:2px;
	color:#444444;
	font-weight:normal;
	font-family:Arial;
}

p.xWindowCloseLink
{
	margin-top:5%;
	text-align:center;
}

.xWindowLedge
{
	/*border:5px solid pink;	*/
	width:310px;
	position:fixed;
}

.xWindowImageFrame
{
	position:relative;
	margin-top:-20px;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-left:-5px;
	
}

.xWindowImageFrame img
{
	margin:0px;
	padding:0px;
	border:none;
}

.xWindowHead img
{
	border:none;
}

.xWindowHead a
{
	text-decoration:none;

}

.centredmessage p
{
    text-align:center;
}

/* new shelf stuff*/
.WindowShelf
{

}


/*debug divs*/
#mousePosition
{
	
}

#WindowTools
{
	padding:1%;	
	position:static;
	float:right;
	border:1px solid black;
	width:15%;
}

/*----------- END OF xWindow Styling ---------------*/


/* model popbox styling */

.MessageBox
{
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FDFDFD', endColorStr='#DBDBDB', gradientType='0');
    width: 375px;
    border: solid 1px #888;
    background-color:Transparent;
}
.MessageBoxHeader
{
	color:#eee;
	background: url(../images/infocontainer/infoheadermessage.png) repeat-x top left;
    font-size: 12px;
    padding: 8px;
    font-family: Arial;
	font-weight: bold;
}
.MessageBoxBody
{
    font-size: 12px;
    padding: 3% 2% 2% 2%;
    margin:8px;
}
.MessageControl
{
    clear: both;
    float: left;
    width: 100%;
    margin-bottom:10px;
    border:none;
}
.MessageboxButton
{
	color:#1F1F1F;
    background-color:#F5F5F5;
    border-color:#646464;
    text-align:center;
    margin: 3px 3px 3px 3px;
}

.MessageCancelControl
{
	float: left;
}
.MessageOkControl
{
	float: right;
}

.warning
{
	text-align:center;
	font-size:110%;
	color:Red;
	margin: 25px 0  0 25px;
	width:100%;
}

/*----------- Movements Map View Slider ---------------*/
  #MapOpacitySlider {width: 130px; height: 17px;margin-left:25px; clear:none; background-image:url(../images/slider/slider.png) no-repeat;}
	.ui-slider, .ui-slider-1 {background-image:url('../images/slider/slider.png');}
  #SliderHandle {position: absolute; cursor: move; height: 17px; width: 135px; top: 0; z-index: 200;}


/*----------- Full Screen Styling ---------------*/

#FullScreenToggle
{
	display:block;
	visibility:visible;	
}

.Custom250Header
{
    visibility:hidden;
    display:none;    
    height:30px; 
    background-color:transparent; 
    background-image:url('../images/infocontainer/headFull250.gif'); 
    background-repeat:no-repeat; 
    font-family: Verdana, Arial, Tahoma, Helvetica;
	font-size:.8em;	
	font-weight:bold;
    color:#fff;
    vertical-align:middle;
	width:250px;
}

.CustomTextContainer
{
	padding-left:10px;
    margin-top:7px;
    float:left; 	
}

img#minmaxbutton
{
	float:right; 
	margin:5px 5px 0 0; 
	display:none;
	visibility:hidden;
    cursor: pointer;	
}

/*
#FullScreenToggle
{
	display:none;
	visibility:hidden;

}

.Custom250Header
{
	display:none;
	visibility:hidden;
}
*/
/*----------- MapCruncher Styling ---------------*/

#legendBox {
	visibility: hidden;
	display:none;
}

#CrunchedLayerHolder
{
	display:none; 
	z-index:0;
}

/* Grid View Control */

.Grid 
{ 
	border-collapse:collapse;
	color:#000000;
	font-size:85%;
	text-align:left;
	border:0px none;
}

.GridItem
{
	border : 0px solid #eeeeee;
}

.Grid td
{
	background:transparent url(../images/tablerowgradfill.jpg) repeat-x scroll left top;
	
	border-color:-moz-use-text-color #EEEEEE -moz-use-text-color -moz-use-text-color;
	border-style:none solid none none;
	border-width:medium 1px medium medium;
	padding:4px 3px 4px 10px;
	margin: 0;
	padding: 0.5%;
}

.GridHeader th
{
	background-color:#BBBBBB;
	border-bottom:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;	
	color:#333333;
	font-size:100%;
	font-weight:normal;
	text-align:center;
}

#EmailAddressPopupBox
{
	padding: 5px 5px 5px 5px;
	position: absolute; 
	z-index: 1500; 
	display:none;
	-moz-opacity: 0.9;
	opacity: 0.9; 
	filter: alpha(opacity=90); 
	width: 250px;
}

.DivEmailSetupInfomationIcon
{
	display:block;
	margin:5px 0 0 5px ; 
	vertical-align:top;
	float:left;
	width:16px;
	height:16px;
	background: transparent none no-repeat scroll;
	background-image: url('../images/information.PNG'); 
}

.ViewOnlyUser
{
	display:none;	
}
.nonViewOnlyUser
{
	display:inline;	
}

.VehicleServiceDetail
{
	width:100%;
}

.ServiceDetailsTableRow
{
		display:table;
		width:100%;
		padding:4px 0px 4px 0px;
		clear:both;
}

.ServiceDetailsTableEmptyCell
{
		width:1%;
		float:left;
}
.ServiceDetailsTableLabelCell
{
		width:60%;
		float:left;
		color:#000;
}
.ServiceDetailsTableControlCell
{
		width:35%;
		float:left;
}


/*          ----------- Top Area Optional Elements -----------          */
#banner{display:none; visibility:hidden;}
#PoweredByLogo{display:none; visibility:hidden;}