.olPopupCloseBox 
{
    background-image: url('../img/close.gif');

cursor: pointer;
}
.topLeft
{
    vertical-align:top;
    text-align:left;
    }
.divInner
{
    width:100%;
    }
.whiteBG
{
    background-color:White;
    }
.ColGridLinesBlack 
{
    background-color:#333333;   
}
.smallerbox
{
    font-size:10px;
    }
.padLeft20
{
    padding-left:20px;
    }
.lblLabel
{
    font-weight: bold;
    width: 150px;
    float: left ;
    
    }

.HiddenDiv
{
	 display:none;
	}
.timeHistory
{
    padding-left:15px;
    border:1px solid #CCCCCC;
    background-color:White;
}
.timeHistory li a
{
    font-size:9px;

   
    }
.loginBG
{
	background-image: url('../images/bg.jpg');
	background-repeat: repeat-x;
	background-color: #7A7A7A;
}

#wrapper {
	height:98%;
	width: 100%;
}
html, body {
	height:98%;
	margin: 1;
	padding: 1;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	color:#222222;
}
.txt11
{
	 font-family:Tahoma;
	 font-size:11px;

	 
	}
.bgLogin {
	background-image: url('../images/login_Main.jpg');
	background-repeat: repeat-x; 
	color: #ffffff;
	   width: 500px;
            height: 433px;
            font-weight:bold;
}
.redbtn
{
	background-color:red;
	 color:#ffffff;
	}

input.btn
{
   color:#000000;
       border-left: 2px solid #CCCCCC;
    border-right: 2px solid #333333;
    border-top: 2px solid #CCCCCC;
    border-bottom: 2px solid #333333;
    font-size: 12px;
       font-weight:bold;
       background-color:#CC0000;
       background-image:url('../images/bg_btn.gif');
       background-repeat:repeat-x;
       color:#ffffff;
       cursor:pointer;
    height: 25px;
}
input.btn:hover
{
   color:#ffffff;
   background-image:url('../images/bg_btn_hover.gif');
   background-repeat:repeat-x;

    
   /*filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#f1f1f1',EndColorStr='#CC0000');*/
}

.tblMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
}

.blackLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
.borderBottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.greyLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

.gridTable
{ 
	padding:0;
	border:solid 1px #c8c8c8;
	border-spacing:1px;
	width:100%;
	}
.gridTop
{
	background-image:url('../images/Grid_top.gif');
	padding-left:5px;	
	height:24px;
	}
.gridContentSpacing
{
	padding-left:2px; 
	padding-right:2px;
	}
.grid
{
	border:solid 1px #778899;
	 width:100%;
	 border-spacing:0;
	 padding:0px;
	  
	}	
.gridTab
{
	border:solid 1px #778899;
	 width:95%;
	 border-spacing:0;
	 padding:0px;
	  
	}	
.grid10px	
{
	border:solid 1px #778899;
	 width:100%;
	 border-spacing:0;
	 padding:0px;
	 font-size:10px;
	  
	}
	
.gridHeaderSmall	
{
	background-image:url('../images/grid_header.gif');
	font-size:10px;
	}
.gridHeaderSmall:hover
{
	background-image:url('../images/grid_header_hover.gif');
	}	
.gridHeaderSmall a
{
  text-decoration:none;
  color:Black;
	}
	
.gridHeader:hover
{
	background-image:url('../images/grid_header_hover.gif');
	}	
	
.gridHeader2 a
{
     text-decoration:none;
  color:Black;
    }
.gridFooter
{
	background-image:url('../images/grid_header.gif');
	}		
.gridHeader 
{
	background-image:url('../images/grid_header.gif');
	}		
.gridHeaderFV 
{
	background-image:url('../images/grid_header.gif');
	height:20px;
	}
.gridHeaderCB
{
	background-image:url('../images/grid_header.gif');
	width:24px;
	height:24px; 
	}	
.gridHeaderDiv
{
	padding-left:10px;
	background-position:left;
	background-repeat:no-repeat; 
	background-image:url('../images/grid_header_div.gif');
	font-weight:bold;
	
}	
.gridRowHeader
{
	 background-image:url('../images/grid_rowheader.gif');
	 
	
	}
.gridCols
{
	background-color:White;
	border-bottom:solid 1px #cccccc;
	padding:5px;
}
.gridColsAlt
{
	background-color:#f1f1f1;
	border-bottom:solid 1px #cccccc;
	padding:5px;
}
.gridTopTitle
{
	
	font-weight:bold;

}
.vehiclename
{
	 color:#993300;
	 /*#15317E;*/
	 font-weight:bold ;
	}		
	
.countTxt
{
	 color:White;
	}

.collapsePanel
{

}
.collapseTargetPanel
{
   background-color:Transparent;

}
.userInfo
{
 font-size:12px;
	}
	
.GridHeader
{
	 background-image:url('../images/bg_headerGPS.gif');
	  padding:5px 5px  5px  5px;
	 color:White;
	 height:20px;
	}
.redStatus
{
	 color:Red;
	}
	.bottomAlign
	{
	    vertical-align:bottom;  
	    }
	
.ReportHeaderSmall
{
	 
	 padding:5px 5px  5px  5px ;
	 text-align:center;
	 font-weight:bold;
	 border-bottom:solid 1px #333333;
	 border-right:solid 1px #333333;
	 background:#333333;
	 color:White;
	}	
.ReportHeader
{
	 
	 padding:5px 5px  5px  5px ;
	 height:24px;
	 text-align:center;
	 font-weight:bold;
	 border-bottom:solid 1px #333333;
	 border-right:solid 1px #333333;
	 background:#f1f1f1;
	}	
.ReportFooter
{
	 
	 padding:5px 5px  5px  5px ;
	 height:24px;
	 font-weight:bold;
	 border-bottom:solid 1px #333333;
	 border-right:solid 1px #333333;
	 background:#f1f1f1;
	}
.ColGridLines	
{
	border-bottom:solid 1px #333333;
	border-right:solid 1px #333333;
	 padding:5px 5px  5px  5px ;
	}
.ColGridLinesIdle
{
	border-bottom:solid 1px #333333;
	border-right:solid 1px #333333;
	 padding:5px 5px  5px  5px ;
	 background-color:#DDDDDD;
	}	

.ColGridLinesOverSpeed
{
	border-bottom:solid 1px #333333;
	border-right:solid 1px #333333;
	 padding:5px 5px  5px  5px ;
	 background-color:#FFCCCC;
	}
	#btnTop
{
position:absolute;
right:5px;
top:2px;
	}
	
	.blackLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
.txtStat
{
	font-size:10px;	
	 color:Red;
	}
.txt10
{
 font-size :10px;	
	}	
.MapMenuBorder	
{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #7D7D7D;
	border-bottom-color: #7D7D7D;
	border-left-color: #7D7D7D;
	}
.Bordered3	
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #7D7D7D;
	border-right-color: #7D7D7D;
	border-bottom-color: #7D7D7D;
	border-left-color: #7D7D7D;
	}
	
	.modalBackground
{
      background-color: #333333;
      filter: alpha(opacity=60);
      opacity: 0.6;
}
 
.modalPopup
{
      background-color:#f1f1f1;
      border-width:3px;
      border-style:solid;
      border-color:Gray;
      padding:10px;
      width: 350px;
      height:300px;
}


.ReportTableColumnHeader
{
	 
	 padding:5px 5px  5px  5px ;
	 background-color:#CECECE;
	 text-align:left;
	 vertical-align:top;
	
	}
.ReportTitleHeader
 {
  font-size:14px;
  font-weight:bold;
 	}	
 .ReportTableHeader
 {
  font-size:12px;
  font-weight:bold;
 	}	
 	
.genericTable
{
	 width:100%;
	  
	}	
.rightAligned
{
	 text-align:right;
	  
	}	 	 	
	
#SplitterTabShow
{
	top: 50px;
	left:0;
	position:absolute; 
	 z-index:1000;
	 display:none;
	}	
.ReportOptionsTable td
{
	height:25px;
	}
#darkenBackground 
{

	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
    vertical-align: middle;
    text-align:center;
    display:none; 
    
}
#divLoading 
{
	display:none;
	position: absolute;
	z-index: 91;
	color: #FFFFFF;
	width: 100%;
	height: 100%;
}


.panelMenuStyle
{
	 background-image:url('../images/bg_bottom.gif');
	 font-size:10px;
	}

/*-- Main -- */
#bottomPanel
{
    position:fixed;
    bottom:0;
    width:100%;
    height:31px;
    background-image:url('../images/bg_bottom.gif');
    
	}

#menuPanel
{
    position:relative;
    width:100%;
    height:31px;
    background-image:url('../images/bg_menu.gif');
        top: 0px;
        left: 0px;
    }
#divLogo
{
	 height:62px;
	 padding-top:5px;
	}
#divLoginInfo
{
position:absolute;
right:5px;
top:5px;
	}	
#topPanel
{
    position:relative;
    width:100%;
    height:62px;
    background-image:url('../images/top_Header.jpg');
    
	}
#contentArea
{
    position:relative;
    width:100%;
    height:90%;
    background-color:White;
    
	}
#ExpandableTitleBar	
{
	position:absolute;
	right:5px;
	top:5px;
	}
#GroupMenu	
{
	position:absolute;
right:40px;
top:3px;
	}
#divLoad	
{
	position:absolute;
right:130px;
top:38px;
z-index:50;
	}
.Gridtop
{	
	 background-image:url('../images/top_grid.gif');
}
.headerTxt
{
	font-size:12px;
	font-weight:bold;
}
.userPanel
{
	 padding: 2px 5px 5px 5px;
	 text-align:right;
	}
.lastLogon
	{
 padding-top:5px;	
 color: #333333;	
		}
#divVerify
{
    position:fixed;
    width:100%;
    height:100px;   
    overflow:auto;
	}

.layerCB
{
    position :relative;
	z-index:1;
	 overflow:auto;
	  height:100px;   
	}
/*--Menus -- */		
#layerNot
{
		position:absolute;
	width:200px;
	z-index:1;
	visibility: hidden;	
	}
#layerReps {
	position:absolute;
	width:200px;
	z-index:1;
	visibility: hidden;	
}
#layerMap {
	position:absolute;
	width:180px;
	z-index:1;
	visibility: hidden;	
}
#layerManage {
	position:absolute;
	width:180px;
	z-index:1;
	visibility: hidden;	
}
#layerAdmin {
	position:absolute;
	width:200px;
	z-index:1;
	visibility: hidden;	
}
#layerHelp {
	position:absolute;
	width:200px;
	z-index:1;
	visibility: hidden;	


}
#layerFleet {
	position:absolute;
	width:200px;
	z-index:1;
	visibility: hidden;	
}


#layerPhoto
{
		position:absolute;
	width:450px;
	z-index:1;
	visibility: hidden;	
	}
/*--End Menus -- */

/*--alert item */
	.AlertItem
	{
     margin-top:5px;
	 margin-left: 12px;
	 margin-right: 12px;
	}
	.AlertItemDate
	{
		 font-size:11px;
	 font-weight:bold;
	 color:Red ;	
		}
	.AlertItemName
	{
	
	 font-size:11px;
	 font-weight:bold;

	}
	/*alert item*/
/*-End Main*/



/* Button
----------------------------------*/

.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */



 .rowHeaderStyle, .rowHeaderStyle a:link, .rowHeaderStyle v:link, .rowHeaderStyle td, 
.rowHeaderStyle a, .rowHeaderStyle a:hover 
{ 
    cursor:pointer; 
    background-color:#333399; 
    color:White; 
    text-align: left;    
}


#divGeoList
{
	position:absolute;
	z-index:9999;
	bottom:30px;
	left:5px;
	Height:200px;
	width:300px;
	background:#f1f1f1;
}
#divCBInput
{ border:solid 2px #cccccc;
  padding-left:4px;
   background-color:White;
   width:100%;
   height:16px;
   overflow:hidden;
   position:relative;
	}

/* map label */
.light{color:#FFF799;font-size:0.8em;white-space:nowrap;font-weight:normal;font-family:Arial;}
.dark{color:#000;font-size:0.8em;white-space:nowrap;font-weight:normal;font-family:Arial;}

.errormsg{
color:#f00;
}

.noborder{
 border-width:0;  
}

.fmsTable
{
	width:100%;
	padding:10px;
	}
.fmsInnerTable
{
	width:100%;
	}
	

.reminders{
    border:solid 2px red;
    width:300px;
}
.reminders h1{
    background-color:#ccc; 
    background-image:url(../images/bell.gif);
    background-repeat:no-repeat;
    background-position:7px 5px;    
    padding:15px 5px 0px 60px;
    margin:-2px;
    height:40px; 
    border:solid 2px red;  
}

.reminderslist
{
   margin-left:0;
   padding:10px;        
}
.reminderslist li, .reminderslist ul
{
   list-style-type:none;
   margin-left:0;
   padding:0;
   font-weight:bold;  
}

.reminderslist ul li
{
   list-style-type:none;
   margin-left:0;
   padding:5px 5px 5px 10px;
   font-weight:normal;  
}

.Due a {color:Red;z-index:99;}
.NearDue a{color:#FF8000;z-index:99;}

.dashboardCSS
{
    
    width:100%;
    padding:5px;
    
    
   
    
    }
    
.dashboardItem
{
     border: 1px solid #cccccc;
         border-spacing:0px;
    width:100%;
    height:190px;
    
    }
.dashboardItemHeader
{
    background-image:url('../images/Grid_top.gif');
    background-repeat:repeat-x;
    padding:5px;

    height:16px;

    
   
    }
  .dashboardHeaderTitle
  {
      font-weight:bold;
      
      

	 font-size:12px;
      }  
      .dashboardHeaderSub
  {
      
      }  
.dashboardItemContent
{
    vertical-align:top;
    height:102px;
}   
.dashDate
{
    font-size:14px;
    }

.dashTime
{
    font-size:20px;
    font-weight:bold;
    
    }
.dashAlert
{
    padding-top:4px;
    font-size:11px;
    color:Red;
    }
    .dashMileage
    {
        color:White;
        font-weight:bold;
        background-color:Black;
        border: 2px solid #CCCCCC;
        padding: 2px 2px 2px 2px;
        width: 70px;
        text-align:right;
        position:relative;
        
        }
        
.dashboardItem
{
    background-image:url('../images/top_Header.jpg');   
    background-repeat:repeat-x;
     
     
    }
    .dashFooterCSS
    {     
        vertical-align:bottom;
        background-image:url('../images/grid_header.gif');   
            background-repeat:repeat-x;
            background-position:top;
            background-color:#CCCCCC;
            height:20px;


        
        }
.dashHeaderTitle
{
    width:200px;
    min-width:400px;
    overflow:hidden;
    position:relative;
    vertical-align:top;
    
    
    }
.dashTblOffline
{
    border-top : 3px solid #817679;
    
    }
.dashTblRunning
{
    border-top : 3px solid #437C17;
    }
.dashTblStopped
{
     border-top : 3px solid  #C11B17;
   
    }
.dashCell
{
    padding: 2px;
    
    }
#layerHistory
{
    border:1px solid #CCCCCC;
    background-color:#FFFFFF;  
    width:100%;  
    height:500px;
    overflow:auto;
    }    
.liHistoryItem
{
    list-style: none;
    padding:2px;
    font-size:11px;

    }
    
       .loginBodyBG
{
    background-color:#000000;
    }
    
#divLogo
{  
	 height:62px;
	 background-position: left center;
	 background-image:url('../images/gps_logo.png');  
	 background-repeat:no-repeat;
	}
	
#divLogoFMS
{  
	 height:62px;
	 background-position: left center;
	 background-image:url('../images/logo_fms.gif');  
	 background-repeat:no-repeat;
	}
	
.borderedContainer
{
    border: 1px solid #CCCCCC;
    padding:10px;
    }	
.bottomRight
{
    border-bottom:solid 1px #778899;
    border-right:solid 1px #778899;
    }    
    .centerAlign
    {
        text-align:center;
        }