body {
    background-color: #fff;
    border-top: solid 10px #000;
    color: #333;
    font-size: .80em;
    font-family:  Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}
.logoName {
    color:#ca0f0f;/*logoName*/
    font-size: 25px;
    font-weight:bold;
    overflow:hidden;
    text-align:center;
    vertical-align:text-middle;
    font-family:  Verdana, Helvetica, Sans-Serif;
    height:60px;
    width:100%;
}

.LogoImage {
    max-height :60px;
    max-width:380px;
}
.logoTD {
   vertical-align: middle;
   text-align: center;
}
#wrapper {
	width:100%;
}
#header-wrapper {
	width:100%;
    
}
#header-top, #menubar-content, #content-wrapper, #footer {
	margin:0 auto;
	width:100%;
	overflow:auto;
}
#menubar-panel {
	width:100%;
	background:url(/images/sprites-1.png) repeat-x;
	background-position:0 0;
}
#content-wrapper {
	box-shadow:3px 2px 5px #eee, -3px 2px 5px #eee;
	border-left:1px solid #e2e5e7;
	border-bottom:1px solid #e2e5e7;
	border-right:1px solid #e2e5e7;
}

.content {
	background:#fff;
	box-shadow:3px -5px 5px #e7f0f4 inset, -3px -5px 5px #e7f0f4 inset;
	margin:0px 5px 5px;
	padding:0px 0px 10px;
	overflow:auto;
}


#footer{
	font-size:12px;
	color:#40617a;
	text-align:center;	
	padding:10px 0px;
	border-top:1px solid #d2d6d9;
}

#MenuMainDiv {
    overflow: hidden;
    /*border: 1px solid red*/
}

.FloatRight {
    float:right;
}
@import url(http://fonts.googleapis.com/css?family=Oxygen+Mono);
/* Starter CSS for Menu */
#cssmenu {
  padding: 0;
  margin: 0;
  border: 0;
  width: auto;
list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-family: Verdana, Helvetica, Sans-Serif;
  font-size: 14px;
}
#cssmenu ul,
#cssmenu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul {
  
  z-index: 597;
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
#cssmenu ul ul li {
  float: none;
}
#cssmenu ul ul ul {
  top: 0;
  left: 190px;
  width: 190px;
}
#cssmenu ul li:hover > ul {
  visibility: visible;
}
#cssmenu ul ul {

  left: 0;
}
#cssmenu ul ul {
  margin-top: 0;
}
#cssmenu ul ul li {
  font-weight: normal;
}
#cssmenu a {
  display: block;
 
  text-decoration: none;
}
/* Custom CSS Styles */
#cssmenu {
  background: #fff;
 
}
#cssmenu > ul {
  *display: inline-block;
 background: #0D76BD;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}

#cssmenu ul ul {
  background: #f9f9f9;
  border: 1px solid #cccccc;

  border-radius: 4px;
 
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  padding: 5px 12px;
  position: absolute;
  top: 29px;
  left: 0;
  width: 200px;
  z-index: 9999;

}
#cssmenu ul ul a {
  color: #999999;
  display: block;
  font-size: 12px;
  font-weight: bold;
}

#cssmenu ul ul ul {
  border-top: 0 none;
}
#cssmenu ul ul li {
  position: relative;
 padding: 3px 0;
}


#cssmenu ul ul li:last-child > a {
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
 
}

#cssmenu ul ul li.has-sub > a:after {
 
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}


#cssmenu ul li:hover > a,
#cssmenu ul li.active > a {
  background: #444444;
  
}

#cssmenu ul ul li:hover > a {
  background: #4eb1ff;
  color: #ffffff;
}
#cssmenu ul li.has-sub > a:after {
/* content:"▼"; */
  margin-left: 5px;
}
#cssmenu ul li.last ul {
  left: auto;
  right: 0;
}
#cssmenu ul li.last ul ul {
  left: auto;
  right: 99.5%;
}
#cssmenu a {
 
 line-height: 1.5;
}
#cssmenu > ul > li > a {
  line-height: 15px;
  font-size: 12px;
 margin: 0 0 2px 0;

  display: block;
  color: #ffffff;
  text-shadow: 0 1px 1px #000;
}

#cssmenu > ul > li > a > span {
  display: block;
  padding: 6px 10px;
  font-weight: bold;
}

#cssmenu > ul > li {
  border-right: 1px solid #000000;
  -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2);
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2);
  float: left;
}

#cssmenu > ul > li.floatRight {
float:right;
}

#cssmenu > ul > li:last-child ul {
  left: auto;
  right: 0;
}

#LogOut,
#LogOut ul,
#LogOut li,

#LogOut a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  position: relative;
}
#LogOut a {
  line-height: 1.5;
}

#LogOut {
  float: Right;
  display: inline;
  width: 25%;
  background: #fff;
}

@media all and (max-width: 480px) {
  #LogOut > ul {
    max-height: 32px;
    overflow: hidden;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
  #LogOut.expand ul {
    max-height: 900px;
  }
}
#LogOut > ul > li {
  float: left;
}

#LogOut > ul > li > a {
  margin: 0 0 2px 0;
  font-size: 12px;
  display: block;
}
#LogOut > ul > li > a > span {
  display: block;
  padding: 6px 10px;
  font-weight: bold;
}

#LogOut > ul > li:last-child {
   float: Right;
}

#ScrollText {
  width: 100%;
   float: left;
  display: inline;
}


.footer-wrapper{
	margin-top:8px;
}
.footer-bdr{
    border-top:1px solid #CAC9C9;  
    width:400px;
    *width:375px;
    display:inline-block;
    margin-top:5px;
    padding-top:5px;
    float:none;
    }

ul.footer-menu{
    margin:0 auto; 
    list-style:none;
    padding:0px;
    text-align:center;
    display:block;
    width:380px;
  
   }
 
 .footer-menu li{
     display:inline-block;
     margin:0;
     padding:0px 5px;
     *float:left;
     color:#0D76BD;
     
 } 
  .footer-menu a {text-decoration:none; color:#0D76BD; }
   .footer-menu a:hover {border-bottom:1px solid #0D76BD;  }
   


/* Ticker Styling */
.ticker-wrapper.has-js {
	/*margin: 20px 0px 20px 0px;*/
	/*padding: 0px 20px;
	width: 780px;
	height: 32px;
	display: block;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #FFF;
	font-size: 0.75em;*/
}
.ticker {
	/*width: 710px;*/
	width:94%;
	/*height: 23px;*/
	height: 20px;
	display: block;
	position: relative;
	overflow: hidden;
	/*background-color: #FFF;*/
}
.ticker-title {
	/*padding-top: 9px;*/
	padding-top: 2px;
	color: #990000;
	font-weight: bold;
	background-color: #FFF;
	text-transform: uppercase;
}
.ticker-content {
	margin: 0px;
	/*padding-top: 9px;*/
	padding-top: 2px;
	position: absolute;
	color: #1F527B;
	/*font-weight: bold;*/
	background-color: #FFF;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.2em;
}
.ticker-content:focus {
	none;
}
.ticker-content a {
	text-decoration: none;	
	color: #1F527B;
}
.ticker-content a:hover {
	text-decoration: underline;	
	color: #0D3059;
}
.ticker-swipe {
	/*padding-top: 9px;*/
	padding-top: 2px;
	position: absolute;
	top: 0px;
	background-color: #FFF;
	display: block;
	width: 100%;
	/*height: 23px; */
	height:16px;
}
.ticker-swipe span {
	margin-left: 1px;
	background-color: #FFF;
	border-bottom: 1px solid #1F527B;
	height: 12px;
	width: 7px;
	display: block;
}
.ticker-controls {
	/*padding: 8px 0px 0px 0px;*/
	list-style-type: none;
	float: left;
	margin:0;
}
.ticker-controls li {
	padding: 0px;
	margin-left: 5px;
	float: left;
	cursor: pointer;
	height: 16px;
	width: 17px;
	display: block;
}
.ticker-controls li.jnt-play-pause {
	background-image: url('/images/controls.png');
	background-position: /*32px*/ 36px 16px;
}
.ticker-controls li.jnt-play-pause.over {
	background-position: /*32px*/ 36px 32px;
}
.ticker-controls li.jnt-play-pause.down {
	background-position: /*32px*/ 36px 16px;
}
.ticker-controls li.jnt-play-pause.paused {
	background-image: url('/images/controls.png');	
	background-position: /*48px*/54px 16px;
}
.ticker-controls li.jnt-play-pause.paused.over {
	background-position:/*48px*/54px 32px;
}
.ticker-controls li.jnt-play-pause.paused.down {
	background-position: /*48px*/54px 16px;
}
.ticker-controls li.jnt-prev {
	background-image: url('/images/controls.png');
	background-position: 0px 16px;		
}
.ticker-controls li.jnt-prev.over {
	background-position: 0px 32px;		
}
.ticker-controls li.jnt-prev.down {
	background-position: 0px 16px;		
}
.ticker-controls li.jnt-next {
	background-image: url('/images/controls.png');	
	background-position: /*16px*/18px 16px;	
}
.ticker-controls li.jnt-next.over {
	background-position: /*16px*/18px 32px;	
}
.ticker-controls li.jnt-next.down {	
	background-position: /*16px*/18px 16px;	
}
.js-hidden {
	display: none;
}
.no-js-news {
	padding: 10px 0px 0px 45px; 
	color: #FFF;
}
.left .ticker-swipe {
	/*left: 80px;*/
}
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
    float: left;
}
.left .ticker-controls {
    padding-left: 6px;
}
.right .ticker-swipe {
	/*right: 80px;*/
}
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
    float: right;
}
.right .ticker-controls {
    padding-right: 6px;
}




ul.header-dashboard-text {
 list-style-type:none;
width:100%;
float:left;
}

.header-dashboard-text li {
 float:left;
margin: 10px 0 0 0;
padding: 0 10px 0 0;
width:30%;
 color:#0D76BD;
}
.header-dashboard-text li span
{
    float:right;
    width:50px;
}

 .header-dashboard-text a {text-decoration:none; color:#0D76BD; }
  .header-dashboard-text a:hover {border-bottom:1px solid #0D76BD;  }


.dashboardwrapper {
    width:100%;
    color:#0D76BD;
   
}

.top, .bottom {
  /*   padding-top:10px;
     padding-bottom:15px;
      */
}
.featured {
    width: 90%;
    height: 42px;
    margin-right: 1%;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding-left: 50px;
    text-align: left;
    
}

.featured:last-of-type {
    float:left;
    margin-right:0;
}
.featured:first-of-type {
    margin-right:2%;
}

.dashboardwrapper div span
{
    float:right;
    width:50px;
     vertical-align:middle;
}

.NoofVehicles {
   background: url('/images/NoOfVehicles.jpg') no-repeat;
}
.SpeedLimit {
   background: url('/images/SpeedLimit.jpg') no-repeat;
}
.Panic {
   background: url('/images/Panic.png') no-repeat;
}
.SpeedMeter {
   background: url('/images/SpeedMeter.jpg') no-repeat;
}

.Halt {
   background: url('/images/Halt.jpg') no-repeat;
}

.Ac {
   background: url('/images/Ac.jpg') no-repeat;
}
.Tipper {
   background: url('/images/Tipper.jpg') no-repeat;
   background-position-y: 5px;
   background-position-x: 7px;
}
.AuxInput {
   background: url('/images/AuxInputs.png') no-repeat;
   background-position-y: 5px;
   background-position-x: 0px;
}
.Batterylow {
   background: url('/images/BatteryLow.png') no-repeat;
   background-position-y: 5px;
   background-position-x: 0px;
}
.DeviceOff {
   background: url('/images/DeviceOff.jpg') no-repeat;
}
.UVS {
   background: url('/images/UNstop.jpg') no-repeat;
}
.RTV {
   background: url('/images/RTDEV.jpg') no-repeat;
}



.dashboardwrapper a {
    text-decoration:none; 
    color:#0D76BD; 
    display:inline-block;
    padding-top:12px;
    width:90%;
}

.dashboardwrapper a:hover, a:visited, a:link, a:active {
    text-decoration:none;   }


   .Reportwrapper {
    width:100%;

}


  .ReportwrapperContent1 {
    width:13%;
    height:100%;
    float:left;
    display:inline;
}
    .ReportwrapperContent2 {
    position:absolute;
    width:86.7%;
    padding-top:0px;
    height:100%;
    margin-right:0%;
    float:right;
    display:inline;
  
   
}

  /*.ReportwrapperContent:last-of-type {
    float:right;
    margin-right:0;
}
.ReportwrapperContent:first-of-type {
    margin-right:2%;
}*/


.ReportHeader {
    width:100%;
}

.routeReport 
{ 
    border-collapse: collapse;
}


.tableHeader 
{ 
    padding: .3em; 
    border: 1px #000 solid; 
    background: #7bb3d0;/*442be3*/
    color:white;
}
.position {
    border: 1px #000 solid;
}
.ReportParameter {
    background:#ebebeb;
    border-top: 2px solid #1185cf;
    border-bottom: 2px solid #1185cf;
}
/*.reportHeader {
   margin:0 auto;
    width:100%;
    font-size:20px;
    font-weight:bold;
    text-align:center;
}*/

.reportHeader {
	background:#ebebeb;
	background:-moz-linear-gradient(top, #f6f6f6, #e4e4e4);
	background:-webkit-linear-gradient(top, #f6f6f6, #e4e4e4);
	background:-o-linear-gradient(top, #f6f6f6, #e4e4e4);
	background:-ms-linear-gradient(top, #f6f6f6, #e4e4e4);
	position: relative;
	border: 1px solid #ccc;
	border-top: 2px solid #1185cf;
	border-bottom: 0px;
	overflow: hidden;
	padding:6px 0px;
	margin-top:0px;
     font-size:20px;
    font-weight:bold;
    text-align:center;
	}

/*.reportHeader1 {
   margin:0 auto;
    width:100%;
    padding-top:10px;
     padding-bottom:5px;
     font-weight:bold;
     text-align:center;
}*/

.reportHeader1 {
	background: #fafafa url(../images/fhbg.gif) repeat-x bottom;
	position: relative;
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
    padding-top:8px;
     padding-bottom:4px;
     font-weight:bold;
     text-align:center;
}

/*.reportHeader2 {
     width:100%;
    margin-right:1%;
    float:left;
     color: #000;
}
.reportHeader2:last-of-type {
    float:right;
    margin-right:0;
}
.reportHeader2:first-of-type {
    margin-right:2%;
}*/

.dtabledwrapper {
    width:100%;
    color:#0D76BD;
   
}

#dtable {
    width:100%;
    margin-right:1%;
    float:left;
}
.reportHeaderSpan {
    margin-right:20px;
    color:#000; 
}
.headerData{
    /*background-color:#e7efef;*/
    vertical-align:top;
    width: 70%
}


.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('/images/ajax-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

.ajaxloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0.5;
    background: #fff url('/images/ajax-loader.gif') no-repeat 50% 50%;
}



  .myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
	background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);
	background-color:#63b8ee;
	border:1px solid #3866a3;
	display:inline-block;
	cursor:pointer;
	color:#14396a;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:1px 13px;
	text-decoration:none;
	text-shadow:0px 1px 0px #7cacde;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
	background:-moz-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-webkit-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-o-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-ms-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee',GradientType=0);
	background-color:#468ccf;
}
.myButton:active {
	position:relative;
	top:1px;
}

.tableContainer {
  float: left;
  text-align: left;
 
  display: inline;
  overflow-y:scroll;
}

.mapContainer {
  float: left;
  text-align: left;
  margin: 0px;
  display: inline;
}

input {
    border: xpx solid white; 
  -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 

    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
}

.input-search-txt {
height:17px;
width:100px;
padding-left:20px;
}

label {
color: #B4886B;
font-weight: bold;
display: block;
width: 195px;
float: left;
}
label:after { content: ": " }

.input-txt {
height:17px;
width:150px;
}
.styled-select {
   overflow: hidden;
    border: xpx solid white; 
  -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 

    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    background: rgba(255,255,255,0.5);
   margin: 0 0 10px 0;
   }

table.gridtable {
    width:100%;
	color:#333333;
	border-width: 0px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 0px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 0px;
	padding: inherit;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

.geoCodingSearch {
     margin: 0 0 0px 0;
}
.Instruction > p {
text-indent :0px;
font-weight:bold;
text-align:center; 
}
.Instruction >ul  {
    
    /*list-style-type:square;*/

     margin: 0.75em 0;
     padding: 0 1em;
     list-style: none;
}

.Instruction >ul > li:before { 
    content: "";
    border-color: transparent #111;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
}


.textBoxcss {
height:17px;
width:180px;
}
.dilogTD {
}


table.RoutePlayBacktable {
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.RoutePlayBacktable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.RoutePlayBacktable td {
	border-width: 1px;border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
    
}
 
.Legend {
    padding: 10px;
    border: 2px solid #000;
    background: white;
}
.Legendlist
{
list-style: none;
margin: 0;
padding: 0;

}
.Legendlists {
    list-style: none;
    margin: 3em;
    padding: 0;
}
.LegendHeader {
font-weight:bold;
}
li.StartLocation
{
background-image: url(/images/start.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.VehicleDirection
{
background-image: url(/images/run_right.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}
li.HaltLocation {
    background-image: url(/images/halt.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
li.IdlingLocation {
    background-image: url(/images/greendot.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
li.OverspeedLocation {
    background-image: url(/images/alarm.gif);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
li.RouteDeviation {
    background-image: url(/images/Deviation.png);
    background-repeat: no-repeat;
    background-size:12px 12px;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
li.HarshBraking {
    background-image: url(/images/brake.png);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
li.HighAcceleration {
    background-image: url(/images/Accel.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
li.NightDriving {
    background-image: url(/images/night.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
li.UnscheduledStop {
    background-image: url(/images/cross.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
li.ContinuousDriving {
    background-image: url(/images/Drive.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
li.MaximumDriving {
    background-image: url(/images/alertP.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
li.AccidentSpot {
    background-image: url(/images/yellow-dot.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
li.Ha {
    background-image: url(/images/ha.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
li.Hb {
    background-image: url(/images/nd.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
li.Md {
    background-image: url(/images/md.jpg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
li.Cd {
    background-image: url(/images/cd.jpg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
li.Os {
    background-image: url(/images/jrm1.jpg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
li.Jrm {
    background-image: url(/images/jrm.jpg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
li.Nd {
    background-image: url(/images/hb.jpg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
li.Us {
    background-image: url(/images/us.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
.aClass {
    display: inline-block;
    text-decoration: none;
    padding-left:5px;
}



.User-icon-caret-downSpan:after{
    padding-left:10px;
  content:"▼";
  font-family:'arial';
  speak:none;
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  vertical-align: baseline;
  background-position: 0 0;
  background-repeat: repeat;
  margin-top: 0; 
}


.User-icon-caret-downSpan {
  margin: 0 0 2px 0;
  font-size: 12px;
  display: block;
  color: #ffffff;
  text-shadow: 0 1px 1px #000;
 display: block;
  padding: 0px 10px;
  font-weight: bold;
}
 .yui3-skin-sam .yui3-datatable-table {
        font-family: Verdana, Helvetica, Sans-Serif;
        border-collapse: separate;
        border-spacing: 0;
        font-size: 12px;
    }

    .yui3-skin-sam .yui3-datatable-header {
        font-family: Verdana, Helvetica, Sans-Serif;
        font-weight: bold;
        font-size: 12px;
    }

    .yui3-skin-sam .yui3-datatable-even .yui3-datatable-cell {
        background-color: #fff;
    }

    .yui3-skin-sam .yui3-datatable-odd .yui3-datatable-cell {
        background-color: #edf5ff;
    }
 
.badge1_blink {
   position:relative;
   animation: glowing 1500ms infinite;
}
.badge1 {
    position:relative;
}
@keyframes glowing {
  0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
  50% { background-color: #0094FF; box-shadow: 0 0 10px #0094FF; }
  100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
}
.badge1[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:-10px;
   right:-10px;
   font-size:0.9em;
   background:red;
   color:white;
   width:18px;height:18px;
   text-align:center;
   line-height:18px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
}