body
{
    margin:0;
    padding:0;
	font-family:"Trebuchet MS",Arial;
	font-size:10pt;
	background-color:#000;
	overflow-x: hidden;
	scrollbar-base-color: #222; 
	scrollbar-arrow-color: #777;
	scrollbar-darkshadow-color: #000; 		
}

/*          ----------- Top left logo  -----------          */

#logoleft, .logoleft
{
    width: 0px;
}
#partnerlogo,.partnerlogo
{
    display:none;
    visibility:hidden;
}
#logoright, .logoright
{
    width: 0px;
}



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

#MenuTable, .MenuTable
{
    height: 115px;
    border-bottom:solid 1px #111;
   
}

#NavigationBackground, .NavigationBackground
{
    background-image:none;
    background-color:#000; 
    vertical-align:bottom; 
    background-attachment:scroll; 
    background-repeat:repeat-x;  
    background-position:bottom;
    
    
}


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




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

/*.RAFnavpadder
{
    width:100%; 
    background-color:#000; 
    background:url('images/topmenu/RAF/navback.jpg'); 
    background-repeat:repeat-x;    
    background-position:bottom; 
    vertical-align:bottom;
}*/

/*          ----------- Generic Link Colours  -----------          */

a
{
   color:#fff;
}

a:hover
{
   color:#f60; 
}




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

.PointOfInterestTableLink:link
{
    color:#f60;
}

.PointOfInterestTableLink:hover
{
   color:#fff; 
}

.PointOfInterestTableLink:visited
{
   color:#f60; 
}


/* ----  These classes handle the links in vehiclegrid1.js and vehiclemanager.js,
     FF2 doesn't use the generic link color for some reason, so these classes are essential ---- */

.GetLatestVehiclePostionsLink:link
{
    color:#f60;
}

.GetLatestVehiclePostionsLink:hover
{
   color:#fff; 
}

.GetLatestVehiclePostionsLink:visited
{
   color:#f60; 
}

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


/* ----  These classes handle the link style in journeys.aspx,
     FF2 doesn't use the generic link color for some reason, so these classes are essential ---- */

.JourneysPageLinkStyle:link
{
    color:#f60;
}

.JourneysPageLinkStyle:hover
{
   color:#fff; 
}

.JourneysPageLinkStyle:visited
{
   color:#f60; 
}

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

/* ----  These classes handle the link style in logout.aspx,
     FF2 doesn't use the generic link color for some reason, so these classes are essential ---- */

.LogOutPageLink:link
{
    color:#f60;
}

.LogOutPageLink:hover
{
   color:#fff; 
}

.LogOutPageLink:visited
{
   color:#f60; 
}

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

.DynamicMenuItem /* Menu item borders do not seem to display properly in FF2 */
{
    background-color:#000;
    filter:none;
	color:#00A6EB;
	float:right;
	padding:3px;
	display:block;
	font-size:12px;
    z-index:250;
    background:#000 url('../images/topmenu/RAF/dynamicmenu/dynamic_menu_bg.jpg') repeat-x;
    border:0px;
}

.DynamicMenuItem a
{
    color:#FFF;
    
}

.DynamicMenuItem a:hover
{
    color:#FF6600;
}

/*  --------------  Option / User labels styles ---------------- */

/*#OptionsLabel a.OptionsLabel 
{
    background:url('../images/topmenu/RAF/navback.jpg');
    background-repeat:repeat-x;    
    background-position:bottom; 
    vertical-align:bottom;
    width:100%;
        
}*/

a.OptionsLabel, a.LogOutLabel
{
    color:#FFFFFF;
    font-size:8pt;
    font-weight:bold;
    padding-right:2px;
    padding-left:2px;
    font-family:Verdana;
}

a.OptionsLabel:hover, a.LogOutLabel:hover
{
    color:#f60;
    font-size:8pt;
    font-weight:bold;
    padding-right:2px;
    padding-left:2px;
    font-family:Verdana;
}

.UserLabel, .CustomerLabel, .PartnerLabel
{
    color:#279BFF; 
    font-size:8pt;
    font-weight:bold;
}

.CustomerUserLabelCell
{
    /* -----  Used to pad user name above nav bar background ----- */
    padding-bottom:0px;
    vertical-align:bottom;
    margin-bottom:0px;
    text-align:right;
    padding-right:8px;  
}

.OptionLabelCell
{
    /* -----  Used to re-align options text to middle of nav bar background ----- */
    padding-bottom:11px;
    padding-top:0px;
    margin-top:0px;
    vertical-align:bottom;
    width:100%;
    text-align:right;
}

.OptionHolder
{
    color:#279BFF;
    padding-right:0px;
    margin:0px;
    width:100%
}




/*          ----------- infocontainers  -----------          */

.infocontainer{
	padding:2px 5px;
}

.infoheader{
	font-family: Verdana, Arial, Tahoma, Helvetica;
	height:30px;
	font-size:.8em;
	/*background-color:#00A6EB;*/
	display:block;
	background: transparent;
	border-bottom:solid 1px #111;
}

.infoheaderleft{
	height:30px;
	background: url(../images/RoadAngelFleet/infocontainer/headboxleft.gif) no-repeat top left;
	background-color:Transparent;
	
}


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

.InfoHeaderTextPad /* --- Used to pad text from top of info box middle --- */
{
    margin-top:7px;
    float:left; 
   
}



.infoheaderright{
	height:30px;
	background: url(../images/RoadAngelFleet/infocontainer/headboxright.gif) no-repeat top right;
	margin:-30px 0 -6px 0px !important;
	background-color:Transparent;
	
}

.infobody{
	/*background: #1A1A1A;*/
	background:#000 url('../images/roadangelfleet/formbgimages/infoboxbtmbg.png') repeat-x bottom right;
	/*border: 1px solid #3a3a3a;*/
	border:none;  
	padding:0px;
	border-top:0px;
	color:#f2f2f2;
	text-align:left;
}



.infobodywide{
	background:#000 url('../images/roadangelfleet/formbgimages/infoboxbtmbg.png') repeat-x bottom right;
	/*border: 1px solid #3a3a3a;*/
	border:none;  
	padding:0px;
	border-top:0px;
	color:#f2f2f2;
	text-align:left;
    background: #1a1a1a;
	filter:none;	
}



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

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

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

table.defaultTableStyle 
{
	font-size:85%;
	margin:0px;
	text-align: left;
	width:98%;
	padding:0px;
	border-collapse:collapse;
	color:#000;
}



table.defaultTableStyle th
{
    filter:none; 
	/*background-color:#0F1012;*/
	background-color:#000;
	color:#279BFF;
	font-weight:normal;
	text-align: center;
	font-size:100%;
	border-right:1px solid #000;
	border-bottom:1px solid #000;	
	font-weight:bold;
}

table.defaultTableStyle td
{
	border:none;
	padding:2px 3px 2px 4px;
	margin:0px;
	/*border-right:1px solid #279BFF;*/
	border-right:1px solid #aaa;
}	

table.defaultTableStyle a
{
    color:#FF6600;	
}	

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

table.defaultTableStyle th a:hover
{
	display:block;
	width:100%;
	background-color:#000;
	color:#f60;
	text-decoration:underline;
	margin:0px;	
    filter:none;	
}

table.defaultTableStyle a:hover
{
	text-decoration:underline;	
}

table.defaultTableStyle tr td
{
    
    /* ------------  Differing table row bg's, comment/un-comment as desired --------- */
    
    
    /**** ----- DARK BG, LIGHT TEXT ------ ****
    
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#333333', endColorStr='#000000', gradientType='0');    
	background:#000 url('../images/RoadAngelFleet/tableimages/table_row_bg_dark.jpg') repeat-x top left;
	color:#fff;*/
	
	
	/**** ----- LIGHT BG, DARK TEXT -----  ****/
	
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#cecece', endColorStr='#ffffff', gradientType='0');
	background:#000 url('../images/RoadAngelFleet/tableimages/row_bg.jpg') repeat-x top left;
	color:#000;
}
/*
table.defaultTableStyle tr.odd td
{
	filter:none;
	background:#333;
	color:#fbfbfb;
}

table.defaultTableStyle tr.even td
{
	filter:none;
	background:#222;
	color:#fbfbfb;
}
*/

table.defaultTableStyle tr.livejourney td
{
    /* ------------  Differing table row bg's, comment/un-comment as desired --------- */
    
    
    /**** ----- DARK BG, LIGHT TEXT ------ ****
    
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#333333', endColorStr='#000000', gradientType='0');    
	background:#000 url('../images/RoadAngelFleet/tableimages/table_row_bg_dark.jpg') repeat-x top left;
	color:#fff;*/
	
	
	/**** ----- LIGHT BG, DARK TEXT -----  ****/
	
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#cecece', endColorStr='#ffffff', gradientType='0');
	background:#000 url('../images/RoadAngelFleet/tableimages/table_row_bg.jpg') repeat-x top left;
	color:#555;
}
	

/*    -------------- Form Control Styles  (buttons & textboxes) -------------   */

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

/*#SearchForm*/ .SearchFormButton
{
     
     /*background-image:url('../images/topmenu/RAF/navback.jpg');*/
     background:#000 url('../images/roadangelfleet/buttons/btn_orange_arrow_bg.png') repeat-x right;
     border:0px;
     color:#FFF;
     font-size:.8em;
     font-weight:bold;
     padding:3px 12px 3px 5px;
     text-align:center;
}

/*#SearchForm*/ .SearchFormButton:hover
{
     /*background-image:url('../images/topmenu/RAF/navback.jpg');*/
     background:#000 url('../images/roadangelfleet/buttons/btn_orange_arrow_bg.png') repeat-x right;
     border:0px;
     color:#FF6600;
     font-size:.8em;
     font-weight:bold;
     padding:3px 12px 3px 5px;
     text-align:center;
     cursor: pointer;
}

#PointOfInterestDetailTable .UpdatePointOfInterestButton, .JumpToPostcodeButton
{
     /*background-image:url('../images/topmenu/RAF/navback.jpg');*/
     background:#000 url('../images/roadangelfleet/buttons/btn_orange_arrow_bg.png') repeat-x right;
     border:0px;
     color:#FFF;
     font-size:.8em;
     font-weight:bold;
     padding:3px 12px 3px 5px;
     text-align:center;
}

#PointOfInterestDetailTable .UpdatePointOfInterestButton:hover, .JumpToPostcodeButton:hover
{
     /*background-image:url('../images/topmenu/RAF/navback.jpg');*/
     background:#000 url('../images/roadangelfleet/buttons/btn_orange_arrow_bg.png') repeat-x right;
     border:0px;
     color:#FF6600;
     font-size:.8em;
     font-weight:bold;
     padding:3px 12px 3px 5px;
     text-align:center;
     cursor: pointer;
}

#JourneysForm .RequestJourneysButton
{
      /*background-image:url('../images/topmenu/RAF/navback.jpg');*/
     background:#000 url('../images/roadangelfleet/buttons/btn_orange_arrow_bg.png') repeat-x right;
     border:0px;
     color:#FFF;
     font-size:.8em;
     font-weight:bold;
     padding:3px 12px 3px 5px;
     margin-top:10px;
     text-align:center;
     
}

#JourneysForm .RequestJourneysButton:hover
{    
     /*background-image:url('../images/topmenu/RAF/navback.jpg');*/
     background:#000 url('../images/roadangelfleet/buttons/btn_orange_arrow_bg.png') repeat-x right;
     border:0px;
     color:#FF6600;
     font-size:.8em;
     font-weight:bold;
     padding:3px 12px 3px 5px;
     margin-top:10px;
     text-align:center;
     cursor: pointer;
     
}

.ChangePasswordFormSaveBtn, .AddUpdateUserFormSaveBtn, .UpdateCustomizeRoleNameFormSaveBtn, .AddUpdateCategoryFormSaveBtn, .RoadAngelButtonStyle
{
    /*background-image:url('../images/topmenu/RAF/navback.jpg');*/
     background:#000 url('../images/roadangelfleet/buttons/btn_orange_arrow_bg.png') repeat-x right;
     border:0px;
     color:#FFF;
     font-size:1em;
     font-weight:bold;
     padding:3px 12px 3px 5px;
     margin-top:10px;
     text-align:center;
    
}

.ChangePasswordFormSaveBtn:hover, .AddUpdateUserFormSaveBtn:hover, .UpdateCustomizeRoleNameFormSaveBtn:hover, .AddUpdateCategoryFormSaveBtn:hover, .RoadAngelButtonStyle:hover
{    
     /*background-image:url('../images/topmenu/RAF/navback.jpg');*/
     background:#000 url('../images/roadangelfleet/buttons/btn_orange_arrow_bg.png') repeat-x right;
     border:0px;
     color:#FF6600;
     font-size:1em;
     font-weight:bold;
     padding:3px 12px 3px 5px;
     margin-top:10px;
     text-align:center;
     cursor: pointer;
}

.FormSaveButton
{
     /*background-image:url('../images/topmenu/RAF/navback.jpg');*/
     background:#000 url('../images/roadangelfleet/buttons/btn_orange_arrow_bg.png') repeat-x right;
     border:0px;
     color:#FFF;
     font-size:1em;
     font-weight:bold;
     padding:3px 12px 3px 5px;
     text-align:center;
}

.FormSaveButton:hover
{    
     /*background-image:url('../images/topmenu/RAF/navback.jpg');*/
     background:#000 url('../images/roadangelfleet/buttons/btn_orange_arrow_bg.png') repeat-x right;
     border:0px;
     color:#F60;
     font-size:1em;
     font-weight:bold;
     padding:3px 12px 3px 5px;
     text-align:center;
     cursor: pointer;
}

.GetLatestPositionsButton
{
     /*background-image:url('../images/topmenu/RAF/navback.jpg');*/
     background:#000 url('../images/roadangelfleet/buttons/btn_orange_arrow_bg.png') repeat-x right;
     border:0px;
     color:#FFF;
     font-size:.8em;
     font-weight:bold;
     padding:3px 12px 3px 5px;
     margin:0 10% 0 0;
     width:145px;
     text-align:center;
}

.GetLatestPositionsButton:hover
{
     /*background-image:url('../images/topmenu/RAF/navback.jpg');*/
     background:#000 url('../images/roadangelfleet/buttons/btn_orange_arrow_bg.png') repeat-x right;
     border:0px;
     color:#F60;
     font-size:.8em;
     font-weight:bold;
     padding:3px 12px 3px 5px;
     margin:0 10% 0 0;
     width:145px;
     text-align:center;
     cursor: pointer;
}

#JourneysForm 
{
	width:100%;
}

/*  Show / Hide divs */
#RoadAngelOnlyLogo
{
    z-index:1000;
    background:#000;
    background-image:url('images/topmenu/RAF/angel.jpg');
    position:absolute;
    display:block;
    visibility:visible;    
    top:15px;
    left:20px;
}

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

.PointOfInterestLabel a
{
    
	color:#000;
}

.PointOfInterestLabel a:hover
{
	
	color:#f60;
}

.PointOfInterestLabel a:visited
{
	
	color:#000;
}


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

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

#ToggleContainersHolder
{ 
	top: 125px; 
}	

#DaySummaryRightHolder
{
	top: 120px; 	
}

#DaySummaryLeftHolder
{
	top: 175px; 	
}	

body.loggedout #RoadAngelOnlyLogo
{
    display:none;
    visibility:hidden;  
    z-index:0;  
}

/*add a FF only entry in here for padding-top=30px*/
#VehiclesTable
{
    /*padding-top:5px;
    width: 100%;
    height: 300px;   
    clear:both; 
	margin-top: 25px;*/
	background-color:#000;
}


/* Used to continue top nav bar bg across entire width of page */
.OptionCellStyle
{
    background:url('../images/topmenu/RAF/navback.jpg') bottom left;
    background-repeat:repeat-x;
    width:50%;
    border-bottom:solid 1px #1b1b1b;
}

/* Middle navigation bar padder at top of page */
.RAFOnlyNavPadder
{
    background-color:#000; 
    background:url('../images/topmenu/RAF/navback.jpg') bottom left; 
    background-repeat:repeat-x;  
    vertical-align:bottom;
    color:#fff;
    border-bottom:solid 1px #1b1b1b;
}

.menunavback
{
	background-color:#000; 
    background:url('../images/topmenu/RAF/navback.jpg') bottom left; 
    background-repeat:repeat-x;  
    vertical-align:bottom;
    color:#fff;
    border-bottom:solid 1px #1b1b1b;
}

/* ------------  Latest Features Page Styles ---------------- */

table.newFeatures
{
    border:solid 0px #000;
    background: #000;
    margin:0px; 
    margin-bottom:20px;
    width:800px;  
    font-family:"Trebuchet MS",Arial;
	font-size:10pt;
	color:#fff;  
}

table.newFeatures th
{
	/*background-color: #000;
	padding:6px;
	border: solid 1px #EEE;
	color: #f60;*/
	
	/*filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#333333', endColorStr='#000000', gradientType='0');   
	background:#000 url('../images/RoadAngelFleet/tableimages/table_row_bg_dark.jpg') repeat-x top left;*/ 
	background:#000 url('../images/topmenu/RAF/navback.jpg') repeat-x top left;
	color:#fff;
	border: solid 1px #000;
}

table.newFeatures tr td
{
	/*background-color: #000;
	padding:6px;
	border: solid 1px #EEE;*/
	
	/*filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#333333', endColorStr='#000000', gradientType='0');    
	background:#000 url('../images/RoadAngelFleet/tableimages/table_row_bg_dark.jpg') repeat-x top left;*/
	color:#fff;
	border-bottom:solid 1px #333;
	border-top:none;
	border-left:none;
	border-right:none;
	background-color:#171717;
	font-size:.9em;
	
}


/* -------------  Add / Update Drivers & Vehicles Forms Styles -------- */


table.defaultFormTableStyle
{
	font-size:85%;
	margin:0px;
	text-align: left;
	width:100%;
	padding:0px;
	border-collapse:collapse;
	/* Important! To allow FF2 to show correct BG colour! IE ignores this when filter is used. */
	background-color:Transparent;
	/* Included to override DEFAULT-STYLE.CSS setting to make IE6/7 show correct BG colour */
    filter:none;	
}


#AddUpdateVehiclesTableHolder
{
	margin-left:1%;  /* Has to be set to this margin to display correctly in IE6 */
	width:60%;
	float:left;
	background-color:#000;
}

#AddUpdateWarrantyTableHolder
{
	width:35%;
	float:left;
	margin-left:0%;
	margin-right:1%; /* Has to be set to this margin to display correctly in IE6 */
}



.AddUpdateVehiclesFormLabel
{
	text-align:right;	
	width:20%;
	font-family:"Trebuchet MS",Arial;
	font-size:10pt;
	/* Set form label font colour to white */ 
	color:#fff;	
}


.CarbonReportPageHeader
{
    color:#fff;
}

.FeaturesPageH2
{
    color:#fff;
}

.FeaturesPageH3
{
    color:#aaa;
    font-size:90%;
}

#MainContent p
{
	color:#fff;	
}

.RAFOnlyLoggedInLabel
{   
    color:#fff;
    font-size:8pt;
}

.RAFOnlyFeaturesButton
{
    width:50px;
    background:#000 url('../images/topmenu/RAF/dynamicmenu/dynamic_menu_bg.jpg') repeat-x;
}

.RAFOnlyOptionsButton
{
    width:50px;
    background:#000 url('../images/topmenu/RAF/dynamicmenu/dynamic_menu_bg.jpg') repeat-x;
}

.RAFOnlyLogOutButton
{
    width:50px;
    background:#000 url('../images/topmenu/RAF/dynamicmenu/dynamic_menu_bg.jpg') repeat-x;
}

.VehicleSearchFormText
{
    color:#fff;
    font-size:8pt;
        
}

.SearchFormUL
{
 margin-top:0px;
 margin-left:0px;
 padding-left:0px;
 padding-top:0px;    
}

.DVLAFormLinkButton:link
{
	/*background-image:url('../images/topmenu/RAF/navback.jpg');*/
	background:#000 url('../images/roadangelfleet/buttons/btn_orange_arrow_bg.png') repeat-x right;
	border:0px;
	color:#FFF;
	font-weight:bold;
	padding:3px 26px 3px 8px; 
	margin: 0 5px; 
}

.DVLAFormLinkButton:hover
{
	/*background-image:url('../images/topmenu/RAF/navback.jpg');*/
	 background:#000 url('../images/roadangelfleet/buttons/btn_orange_arrow_bg.png') repeat-x right;
	 border:0px;
	 color:#F60;
	 font-weight:bold;
	 cursor: pointer;
}




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

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

.DefaultPOIHeader
{
    visibility:hidden;
    display:none;
}

.CustomPOIHeader
{
    visibility:visible;
    height:30px; 
    background-color:transparent; 
    background-image:url('../images/RoadAngelFleet/infocontainer/PointsOfInterestHeaderBg.gif'); 
    background-repeat:repeat-x; 
    font-weight:bold;
    font-size:1em;
    color:#fff;
    vertical-align:middle;
    display:block;
}

.POIHeaderTextPad /*----Required to get text in custom header to align properly in IE7------*/
{
    margin-top:7px;
    margin-left:10px;
    float:left; 
}

/* ---- Required to allow dates on RAF date picker to show,
      as they inherit white colour from form labels by default.  ---- */
.RAFdatepicker
{
    color:#000;
    z-index:1000;
        
}

/* ---- Overrides the text size specific to RAF ----*/

.LocationSearchHeader
{
    font-size:8pt;
}

/* ---- Overrides Gray font to White, but keeps the same name... :-) ----*/

.GrayLoadingMessage
{
	color:#fff;
	font-size:8pt;
}

/* ----- Loading message on html report pages ------- */

.ReportLoadingMessage
{
	color:#666;
	font-size:8pt;
}


/* ---- Controls visibility of RAF only divs and spans ----*/

.DefaultAjaxLoader
{
   visibility:hidden;
   display:none;    
}

.RAFOnlyAjaxLoader
{
	padding-left:30px;
   visibility:visible;
   display:block;    
}



.RAFOnlyGetLocationLink
{
    visibility:visible;
    display:block;
}

.RAFOnlyReportLogo
{
    visibility:visible;
    display:block;
}

.DefaultGetLocationLink
{
    visibility:hidden;
    display:none;
}

.ShowHideRAFOnlyDeleteButton
{
    visibility:visible;
    display:block;
}

.ShowHideDefaultDeleteButton
{
    visibility:hidden;
    display:none;
}


/* ----- Handling of the link colours in the HTML reports ------ */

.htmlreportlinks
{
    color:#f60;
    text-decoration:none;
}

.htmlreportlinks:hover
{
    color:#f60;
    text-decoration:underline;
}

.ReportPageHeader
{
    color: #fff;
    font-size:100%;
    background-color:#000;
    height:45px;
    vertical-align:middle;
}


/* -----  Login page, RAF specific styling ------ */

body.loginbody
{
	background: #000;
    filter:none;
    color:#111;  	
}

body.loginbody table#logintable
{
     /*background:#1A1A1A;*/
     background:#000 url('../images/roadangelfleet/formbgimages/infoboxbtmbg.png') repeat-x bottom right;
     padding-bottom:20px;
     
}

#Login
{
	height:290px;
}

.LoginButton
{
	float:right;
	margin-right:7%;
	margin-top:3px;
	font-family:Verdana;
	/*background-image:url('../images/topmenu/RAF/navback.jpg');*/
     background:#000 url('../images/roadangelfleet/buttons/btn_orange_arrow_bg.png') repeat-x right;
     border:0px;
     color:#FFF;
     font-size:.7em;
     font-weight:normal;
     padding:3px 12px 3px 3px;
     text-align:center;
}

.LoginButton:hover
{
	float:right;
	margin-right:7%;
	margin-top:3px;
	font-family:Verdana;
	/*background-image:url('../images/topmenu/RAF/navback.jpg');*/
     background:#000 url('../images/roadangelfleet/buttons/btn_orange_arrow_bg.png') repeat-x right;
     border:0px;
     color:#F60;
     font-size:.7em;
     font-weight:normal;
     padding:3px 12px 3px 3px;
     text-align:center;
     cursor: pointer;
}


.ForgotYourPassword
{	
	float:left;
	margin-top:1%;
	margin-left:10%;
	font-size:.7em;
	font-family:Verdana;
	
	
	
	/*background-image:url('../images/topmenu/RAF/navback.jpg');*/
     background:#000 url('../images/roadangelfleet/buttons/btn_orange_arrow_bg.png') repeat-x right;
     border:0px;
     color:#FFF;
     
     font-weight:normal;
     padding:3px 18px 3px 10px;
     text-align:center;
	
	
	
}

.LoginUserLabel
{
    margin-left:20px;
}

.CustomerLoginLogo
{
    background:#000 url('../images/topmenu/RAF/rafleetlogo.jpg') no-repeat bottom left;
    width:265px;
    height:52px;
    visibility:hidden;
}

/* ----- Overriding of colours on map overview infoboxes ------*/

.infoboxlink
{
    color:#f60;    
}

.infoboxlink:hover
{
    text-decoration:underline;    
}

/* ------ View Vehicle Details Page Styling --------*/


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

table.viewVehicleTableStyle
{
    font-size:75%;
    background-color:#000;
    color:#fff;
}

#AjaxLoaderViewVehicle
{
     background:url("../images/ajaxloaders/RAF/ajax-loader-background.gif") no-repeat;
     position:absolute;
     margin:0 auto;
	 font-weight:normal;
	 color:#999;
	 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;
} 


/* ------ View Hierarchy Table Styles ------*/

#HierarchyDetailsTable
{
    /*background-color:#1a1a1a;*/
    background:#000 url('../images/roadangelfleet/formbgimages/infoboxbtmbg.png') repeat-x bottom right;
    color:#fff;
}

.infobody table
{
	/*background: #1A1A1A;*/
	background:transparent;
	padding:0px;
	border-top:0px;
	
}

.infobodywide table
{
	/*background: #1A1A1A;*/
	background:transparent;
	padding:0px;
	border-top:0px;
	
}

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

.MsgBoxLabel
{
    color:#fff;
}

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

.PopUpTitleStyle
{
    color:#fff;
}

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

.MsgBoxMainTableStyle
{
    filter:none;
	background:#000 url('../images/roadangelfleet/formbgimages/infoboxbtmbg.png') repeat-x bottom right;
}

.MsgBoxButton
{
     background:#000 url('../images/roadangelfleet/buttons/btn_orange_arrow_bg.png') repeat-x right;
     border:0px;
     color:#FFF;
     font-size:.8em;
     font-weight:normal;
     padding:3px 12px 3px 3px;
     text-align:center;
}

.MsgBoxButton:hover
{
    background:#000 url('../images/roadangelfleet/buttons/btn_orange_arrow_bg.png') repeat-x right;
    border:0px;
    color:#F60;
    font-size:.8em;
    font-weight:normal;
    padding:3px 12px 3px 3px;
    text-align:center;
    cursor: pointer;
}

.TreeViewInfoBody
{
	background-image:none;
	border: 1px solid #000;  
	padding:0px;
	border-top:0px;
}


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

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

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

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

.xWindowHead
{
	/*background-image:url(../../images/topmenu/RAF/navback.jpg);*/
    background-image:url('../images/testheader.gif');
	border-bottom:1px solid #3a3a3a;	
	width:240px;
	background-color:transparent;
	height:25px;
	padding-top:4px;
	cursor:default;
}

.xWindowHeadText
{
	color:#fff;
	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:#fff;
	/*background-color:#1a1a1a;*/
	background:#000 url('../images/roadangelfleet/formbgimages/infoboxbtmbg.png') repeat-x bottom left;
	border:solid 1px #2a2a2a;
	width:238px;
}

.xWindowContent a
{
	color:#f60;
}

.xWindowContent a:hover
{
	text-decoration:underline;
}

.VehicleSummaryMapJourneysListFont
{
    color:#000;
}

.CustomFullHeader
{
    visibility:visible;
    height:30px; 
    background-color:transparent; 
    background-image:url('../images/RoadAngelFleet/infocontainer/headFull480.gif'); 
    background-repeat:repeat-x; 
    font-weight:bold;
    font-size:1em;
    color:#fff;
    vertical-align:middle;
    display:block;
}

.Custom220Header
{
    visibility:visible;
    height:30px; 
    background-color:transparent; 
    background-image:url('../images/RoadAngelFleet/infocontainer/headFull220.gif'); 
    background-repeat:repeat-x; 
    font-weight:bold;
    font-size:1em;
    color:#fff;
    vertical-align:middle;
    display:block;
}




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

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

.logintablestyle
{
    
    width:100%;
}



/*          ----------- View DAy Map Summary -----------          */
#VehicleDaySummaryTable td a
{
	color:#f60;
}

table.JourneySummaryWindowTable td.Label
{
	font-size:10px;
	color:#ccc;
}

table.JourneySummaryWindowTable td.Data
{
	font-size:11px;
	color:#fff;
}

/* model popbox styling */

.MessageBox
{
	filter:none;
    width: 375px;
    border: solid 1px #666;
    background-color:#000;
    color: #fff;
}
.MessageBoxHeader
{
	color:#fff;
	background-image:none;
	border-bottom:solid 1px #666;
    font-size: 12px;
    padding: 8px;
    font-family: Arial;
	font-weight: bold;
}
.MessageBoxBody
{
    background-color:#000;
    font-size: 12px;
    padding: 3% 2% 2% 2%;
    margin:8px;
}
.MessageControl
{
    clear: both;
    float: left;
    width: 100%;
    margin-bottom:10px;
    border:none;
}
.MessageboxButton
{
	background:#000 url('../images/roadangelfleet/buttons/btn_orange_arrow_bg.png') repeat-x right;
    border:0px;
    color:#FFF;
    font-size:.8em;
    font-weight:normal;
    padding:7px 16px 7px 7px;
    *padding:4px 13px 4px 4px;    
    text-align:center;
    margin: 3px 3px 3px 3px;
}

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

.ReportHeader
{
    color:#FFFFFF;
    font-weight:bold;
    padding-right:8px;
    padding-left:8px;
    font-family:Verdana;	
}

.ReportContent
{
	color:#FFFFFF;
    padding-right:8px;
    padding-left:8px;
    font-family:Verdana;
}

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

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

.Custom250Header
{
    background-image:url('../images/RoadAngelFleet/infocontainer/headFull250.gif'); 
}



.filterDiv
{
	margin-left:10px;
	color:#F2F2F2;
}

/*#MapHolder .infocontainer
{
	padding:2px 0;
}*/

/* Grid Control */

.Grid 
{ 
	border-collapse:collapse;
	font-size:85%;
	text-align:left;
	border : 0px solid;
}

.Grid a {color:#FF6600;}

.Grid a:hover{text-decoration:underline;}

.GridItem
{
	border : 0px solid;
}

.Grid td
{
	background:#000000 url(../images/RoadAngelFleet/tableimages/row_bg.jpg) repeat-x scroll left top;
	color:#000000;
	margin:0;
	border-color:-moz-use-text-color #AAAAAA -moz-use-text-color -moz-use-text-color;
	border-style:none solid none none;
	border-width:medium 1px medium medium;
	padding:2px 3px 2px 4px;
}

.GridHeader th
{
	background-color:#000000;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	color:#279BFF;
	font-size:100%;
	font-weight:bold;
	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-left:5px; 
	vertical-align:top;
	float:left;
	width:32px;
	height:32px;
	background: transparent none no-repeat scroll;
	background-image: url('../images/RoadAngelFleet/buttons/Information.PNG'); 
}

.ServiceDetailsTableLabelCell
{
    color:#fff;
}