/*
   __ __         ___              
  / // /__ __ __/ _ \_____  ______
 / _  / -_) // / // / __/ |/ / __/
/_//_/\__/\_, /____/_/  |___/_/   
         /___/                    
Jason Newton : jason@o2dca.com;
*/
@font-face {
    font-family: 'LicensePlateRegular';
    src: url('../fonts/licenseplate-webfont.eot');
    src: url('../fonts/licenseplate-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/licenseplate-webfont.woff') format('woff'),
         url('../fonts/licenseplate-webfont.ttf') format('truetype'),
         url('../fonts/licenseplate-webfont.svg#LicensePlateRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Digital';
    src: url('../fonts/digital.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
input,select,textarea{
	box-sizing:border-box;
    -moz-box-sizing:border-box;
}
input[type="password"],input[type="text"],select,textarea{
	padding:5px;
}
html{
height:100%;	
}
body{
margin:0px;
height:100%;
font-family: Arial, Helvetica, sans-serif; 
position:relative;
}
.centerMe{
	text-align:center;
}
.clear{
clear:both;	
}
.drvrBtn{
	-webkit-transition: box-shadow 0.15s ;
	-moz-transition: box-shadow 0.15s ;
	-ms-transition: box-shadow 0.15s ;
	-o-transition: box-shadow 0.15s ;
	transition: box-shadow 0.15s ;
	border: 1px solid #b2afa5;
	border-color: #e1e0dc #c9c8c1 #b2afa5;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.439);
	background: -webkit-linear-gradient(top, #f6f5f0, #EAE9E5);
	background: -moz-linear-gradient(top, #fff, #EAE9E5);
	background: -ms-linear-gradient(top, #f6f5f0, #EAE9E5);
	background: -o-linear-gradient(top, #f6f5f0, #EAE9E5);
	background: linear-gradient(top, #f6f5f0, #e1e0dc);
	-pie-background: linear-gradient(top, #f6f5f0, #EAE9E5);
	color: #6b635b;
	-webkit-box-shadow: rgba(255, 255, 255, 0) 0 0 1px 0, rgba(255, 255, 255, 0) 0 0 0 1px inset, white 0 1px 0 0;
	-moz-box-shadow: rgba(255, 255, 255, 0) 0 0 1px 0, rgba(255, 255, 255, 0) 0 0 0 1px inset, white 0 1px 0 0;
	-ms-box-shadow: rgba(255, 255, 255, 0) 0 0 1px 0, rgba(255, 255, 255, 0) 0 0 0 1px inset, white 0 1px 0 0;
	-o-box-shadow: rgba(255, 255, 255, 0) 0 0 1px 0, rgba(255, 255, 255, 0) 0 0 0 1px inset, white 0 1px 0 0;
	box-shadow: rgba(255, 255, 255, 0) 0 0 1px 0, rgba(255, 255, 255, 0) 0 0 0 1px inset, white 0 1px 0 0;
	display: inline-block;
	white-space: nowrap;
	margin: 0;
	cursor: pointer;
	font-size: 20px;
	line-height: normal;
	text-align: center;
	color: #6b635b;
	padding: 10px 0px;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px; 
	width:100%
}
.drvrBtn:hover{

}
.drvrBtn.small{
	padding:5px 0px;
	font-size: 16px;
}
#loadingTable{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	z-index:2147482644;
}
#loadingShadow{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:black;
	z-index:2147482643;
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
#mySpinner{
	width:0px;
	height:0px;
	margin:0px auto;
}

/**/
#wrapper {
	position: absolute;
	z-index: 1;
	top: 0px;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
}

#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

#scroller ul.scrll {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: left;
}
#sideBarWrapper{
	position: absolute;
	z-index: 1;
	top: 0px;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
}
#sideBarScroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
#sideBarScroller ul.scrll {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: left;
}
#drvr-top-menu-shadow{
	position:absolute;
	top:50px;
	bottom:0;
	left:0;
	right:0;
	background:black;
	opacity:0;
	visibility:hidden;
	z-index: 9999999999;
	
	
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	
}
#mapView.myShadow #drvr-top-menu-shadow,#mapView.open-top #drvr-top-menu-shadow,#mapView.open-side #drvr-top-menu-shadow,#drvr-map-ct.open-bottom #drvr-top-menu-shadow{
	visibility:visible;
	opacity:0.8;
}
/**/
.loadingTable{
	width:100%;
	height:100%;
	background:url('../img/sp/asfaltLight.png');
	text-align:center;
	position:fixed;
	top:0;
	left:0;
	z-index:9999999999999;
}

/*Error Window*/
#alertTable{
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
z-index:9998;
}
#alertTable tr{
	vertical-align:middle;
}
#alertShadow{
	position:fixed;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
	background:black;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	z-index:9998;
}
#alertWindowCT{
	max-width:500px;
	margin:0px auto;
	position: relative;
}
.alertTD{
	vertical-align:bottom;
}
#alertWindow{
	margin: 0px 10px 120px;
	background:url('../img/sp/asfaltRed.png');
	color:white;
	text-align:center;
	font-size:20px;
}
#alertWindow.alertMSG{
	background:url('../img/sp/asfaltLight.png');
}
.alertTitle{
	text-align: center;
	font-size: 20px;
	padding-bottom:20px;
	border-bottom:1px solid black;
}
.alertContent{
	padding:10px;
}
#alertBtns table{
	width:100%;
	padding-top:20px;
}
.alertBtn{
	width:80px;
	height:40px;
	background:white;
	border-radius:10px;
	text-align:center;
	line-height:40px;
	border:1px solid black;
	margin:0px auto;
	cursor:pointer;
}

#drvrMain{
	width:100%;
	height:100%;
}

/*LOGIN*/
#homeView{
	width:100%;
	height:100%;
}
#loginPlateHolder-ct{
	width:100%;
	height:100%;
	position:relative;
}
#loginPlateHolder{
	position:absolute;
	top:10px;
	left:10px;
	right:10px;
	bottom:10px;
}
#loginPlateTable{
	width:100%;
	height:100%;
}
#loginPlate-ct{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#loginPlate{
	margin:0px auto;
	text-align: center;
	height: 60%;
}
.plateBG-ct{
	position:relative;
	
}
.loginBottomRow{
	text-align:center;

}
.plateBG-ct,.loginBottomRow{
	max-width:500px;
	min-width:300px;
	margin:0px auto;
}
.plateBG img{
	width:100%;
}
.loginRow{
	height:30%;
}
.loginBtn{
	width:50%;
	float:left;
}
.loginInput-ct{
	width:100%;
	height:100%;
}
.loginInput input{
	width:100%;
	max-width:200px;
}
.loginSpace{
	height:30%;
}
.toggleRegister,.toggleRecovery,.toggleLogin{
	cursor:pointer;
	text-decoration:none;
	font-weight:bold;
	color:#9e0000;
}
/*END LOGIN*/
/* */
#slider {
	width: 80%;
	height: 18px;
	position: relative;
	margin: 16px auto;
	background: #42474b;
	
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	
	-webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.9), 0px 1px 1px 0px rgba(255, 255, 255, 0.13);
	-moz-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.9), 0px 1px 1px 0px rgba(255, 255, 255, 0.13);
	box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.9), 0px 1px 1px 0px rgba(255, 255, 255, 0.13);
}

#slider .bar {
	width: 98%;
	height: 5px;
	background: #333;
	position: absolute;
	top: 6px;
	left: 1%;	
	margin:0;
	background: #1d2e38;
	background: -moz-linear-gradient(left, #1d2e38 0%, #2b4254 50%, #2b4254 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1d2e38), color-stop(50%,#2b4254), color-stop(100%,#2b4254));
	background: -webkit-linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
	background: -o-linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
	background: -ms-linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
	background: linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2e38', endColorstr='#2b4254',GradientType=1 );	
	
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}

#slider .highlight {
	height: 2px;
	position: absolute;
	width: 98%;
	top: 6px;
	left: 1%;
		
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	
	background: #42474b;
}

#slider input[type="range"] {
	-webkit-appearance: none;
	background-color: black;
	height: 2px;
}

#slider input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	position: relative;
	top: 0px;
	z-index: 1;
	width: 40px;
	height: 40px;
	cursor: pointer;
	-webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.6);
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(50%,#868686), color-stop(100%,#7e7e7d));
}

#slider input[type="range"]:hover ~ #rangeOutput-ct #rangevalue,#slider input[type="range"]:active ~ #rangeOutput-ct #rangevalue {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	top: -45px;
}
#rangeOutput-ct{
	position:absolute;
	z-index: 999999999999;
	left:50%;
	top: -25%;
}
/* Tool Tip */
#rangevalue {
	color: white;
	font-size: 10px;
	text-align: center;
	font-family:  Arial, sans-serif;
	display: block;
	color: #fff;
	position: relative;
	left: -50%;
	padding: 6px 12px;
	border: 1px solid black;

	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2), 0px 2px 4px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2), 0px 2px 4px 0px rgba(0,0,0,0.4);
	box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2), 0px 2px 4px 0px rgba(0,0,0,0.4);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222931), color-stop(100%,#181D21));

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	width: 100px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	top:-20px;
}
#drvrMain-ct{
	position:absolute;
	top:0px;
	bottom:0;
	left:0;
	right:0;
}
/**/

#drvrMain{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
/* Top Menu*/
#drvr-top-menu-holder{
	position:absolute;
	bottom:0;
	width: 100%;
	height:85%;
}
#mapView #drvr-top-menu-ct{
	position:absolute;
	height:100%;
	/*background:url('../img/sp/asfalt.png');*/
	top:100%;
	width:100%;
	overflow:hidden;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
#mapView.open-top #drvr-top-menu-ct{
	height:100%;
	top:0;
}
#mapView #drvr-top-menu-ct #drvr-top-menu{
	color:white;
	margin:0px auto;
	height: 100%;
	position: relative;
	padding:0 6%;
	/*
	max-width: 560px;
	*/
}
#mapView #drvr-top-menu-ct #drvr-top-menu .top-panel-ct{
	height: 100%;
	overflow: hidden;
	position:relative;
	
	
	background: url('../img/sp/asfalt.png');
	min-height: 100%;
		border:1px solid #3F3F3F;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
#mapView #drvr-top-menu-ct #drvr-top-menu .top-panelBG{
	
}
#mapView #drvr-top-menu-ct #drvr-top-menu .top-panel{
	padding:20px;
}
#mapView #drvr-top-menu-ct #drvr-top-menu .top-panelBG.moveDown{
	padding-top:80px;
}
#mapView #drvr-top-menu-ct #drvr-top-menu .top-panel-ct .dashList input{
	width:100%;
}
#mapView #drvr-top-menu-ct #drvr-top-menu .top-panel-ct .dashList select{
	width:100%;
}
#mapView #drvr-top-menu-ct #drvr-top-menu .top-panel-ct .drvr-st{
	padding-bottom: 1em;
}
#mapView #drvr-top-menu-ct #drvr-top-menu .top-panel-ct .drvr-st .drvr-st-title{
	padding-bottom: .3em;
}
/* The Navs Closed */
#mapView #drvr-top-nav-ct{
	width:100%;
	height:50px;
	text-align:center;
	line-height:50px;
	color:white;
	float:left;
	overflow:hidden;
	background:url('../img/sp/asfalt.png');
	-moz-box-shadow:    inset 0  30px 30px -30px #181818, 
                        inset 0 -30px 30px -30px #181818;
    -webkit-box-shadow: inset 0  30px 30px -30px #181818, 
                        inset 0 -30px 30px -30px #181818;
     box-shadow:        inset 0  30px 30px -30px #181818, 
                        inset 0 -30px 30px -30px #181818;
	position: absolute;
	top: 0;
	z-index: 1;
}
#drvrTitle{
	font-weight:bold;
	letter-spacing: 1px;
	text-transform:uppercase;
}
#mapView #drvr-left-nav-ct{
	width:0;
	height:100%;
	float:left;
	overflow:hidden;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	-o-transition: width .4s ease-in-out;
	-ms-transition: width .4s ease-in-out;
	-moz-transition: width .4s ease-in-out;
	-webkit-transition: width .4s ease-in-out;
	transition: width .4s ease-in-out;
	background:url('../img/sp/asfaltLight.png');
}
#drvr-left-nav-ct{
	-webkit-box-shadow: inset 50px 0px 50px -50px rgba(0, 0, 0, 1), inset -50px 0px 50px -50px rgba(0, 0, 0, 1);
	-moz-box-shadow: inset 50px 0px 50px -50px rgba(0, 0, 0, 1), inset -50px 0px 50px -50px rgba(0, 0, 0, 1);
	box-shadow: inset 50px 0px 50px -50px rgba(0, 0, 0, 1), inset -50px 0px 50px -50px rgba(0, 0, 0, 1);
}
#mapView #drvr-left-nav{
	height:100%;
	margin:0;
	padding:0;
	color:white;
	position:absolute;
}
/* The Navs Open*/
#mapView.open-side #drvr-left-nav-ct{
	width:250px;
	height:100%;
	float:left;
}
#mapView.open-side #drvr-left-nav{
	width:250px;
}
/* The Map Closed*/
#mapView #drvr-map{
	float:left;
	width:100%;
	height:100%;
}
#drvr-map-holder{
	top:50px;
	bottom:0px;
	left:0px;
	right:0px;
	position:absolute;
}
/**/
#setNavBtn{
	width:24px;
	padding: 0px 20px 0px 20px;
	height:50px;
	background:url('../img/setGear.png') no-repeat;
	background-position:center;
	right:0;
	top:0;
	position:absolute;
}
#sideNavBtn{
	width:24px;
	padding: 0px 20px 0px 20px;
	height:50px;
	background:url('../img/leftNavBtn.png') no-repeat;
	background-position:center;
	top:0;
	position:absolute;
}
#mapView.open-side #sideNavBtn{
	background:url('../img/leftNavBtnDown.png') no-repeat;
	background-position:center;
}
#mapView #drvr-left-nav{
	list-style:none;
	width:250px;
}
#mapView #drvr-left-nav li.nav-item{
height:29px;
padding:0px;
font-size:20px;
padding:10px 0px;
border-bottom:1px solid rgba(100, 100, 100, 0.2);
text-transform:uppercase;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
cursor:pointer;
}
#mapView #drvr-left-nav li.navSearch-ct{
	overflow:hidden;
	max-height: 0;

	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7);
	-o-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7);
	
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
#mapView #drvr-left-nav li.navSearch-ct.open{
	max-height:820px;
}
#mapView #drvr-left-nav li.navSearch-ct .navSearch{
	padding:20px 10px;
	border-bottom:1px solid #4f4f4f;
}
#mapView #drvr-left-nav div.navTitle{
	line-height:29px;
	height:29px;
	float:left;
}
#mapView #drvr-left-nav li.nav-item img{
	height:100%;
	float:left;
	padding:0px 10px;
}
#mapView #drvr-map-ct{
	width:50%;
	height:100%;
	position:relative;
	float:left;
	left: 0px;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

#mapView #drvr-map-ct.open-bottom{
	top:-50px;
}
#mapView #drvr-map-ct #drvrSettings-ct{
	position:absolute;
	background:url('../img/sp/asfaltLight.png');
	width:100%;
	height:50px;	
	bottom: -50px;
}
#mapView{
	width:200%;
	height:100%;
	overflow:hidden;	
}
/* Search Box */
#searchBox{
	-moz-box-shadow:	inset 0 -60px 60px -50px #000;
    -webkit-box-shadow: inset 0 -60px 60px -50px #000;
     box-shadow: 		inset 0 -60px 60px -50px #000;	
}
/* */
#mapView #dateSlider-ct{
	height:50px;
	width:40%;
	float:left;
	border-top: 1px solid #4f4f4f;
}
#mapView #dateSlider{
	width:100%;
	float:left;
	padding:10px 0px;
}
#mapView #dateDisplay-ct{
	color:white;
	position:absolute;
	height:50px;
	line-height:50px;
	bottom:-50px;
	right: 0;
	width:40%;
	text-align:center;
	background:url('../img/sp/carbon_fibre.png');
	overflow:hidden;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
#mapView #dateDisplay{
	border-top:1px solid #4f4f4f;
	border-left:1px solid #4f4f4f;	
}
#mapView #dateDisplay-ct.open{
	bottom:0px;
}
#mapView .tagType-bt{
	width:20%;
	float:left;
	text-align:center;
	color:white;
	border-top:1px solid #4f4f4f;
}
#mapView .tagType-bt.selected{
	color:red;
}

.searchBoxIcon img.notactive{
	display: block;
}
.searchBoxIcon img.active{
	display:none;
}
.tagType-bt.selected .searchBoxIcon img.notactive{
	display:none;
}
.tagType-bt.selected .searchBoxIcon img.active{
	display: block;
}
.searchBoxText{
	height:50px;
	line-height:50px;
}
.searchBoxTable{
	margin:0px auto;
}
.acctBtn{
	height:34px;
	padding-bottom:1em;
}

.acctBtn .switchLabel{
	height:34px;
	line-height:34px;
	display:block;
	float:left;
	padding-right:20px;
}
#mapView .accountPlate-ct{
	position: absolute;
	z-index: 50;
	margin: 0px auto;
	top: -30px;
	left: 0;
	right: 0;
}
#mapView .accountPlate{
	width: 220px;
	height: 111px;
	background: url('../img/bg-input-blank-plate-x.png') no-repeat center top;
	margin:0px auto;
}
#mapView .accountPlate .input-plate{
font-family: 'LicensePlateRegular';
font-size: 50px;
border: none;
text-align: center;
outline: none;
width: 220px;
height: 85px;
padding:0;
color: #003e8c;
background: transparent;
}
#mapView .accountPlate .actBtnHolder{
	height:24px;
	position:relative;
}
#mapView .accountPlate .actBtnHolder .acctCloseBtn{
	cursor:pointer;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 15px;
	top: 5px;
}
/* 'star-rating' component */
.starForm {
    margin:0;
}
 
.starForm li {
    list-style:none;
}
 
.hide {
    display:none;
}
 
.rating input[type="radio"] {
    position:absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
    cursor:pointer;
    width:17px;
}
 
.rating span {
    width:24px;
    height:16px;
    line-height:16px;
    padding:1px 22px 1px 0; /* 1px FireFox fix */
    background:url(../img/stars.png) no-repeat -22px 0;
}
 
/* Change span immediately following the checked radio */
 
.rating input[type="radio"]:checked + span {
    background-position:-22px 0;
}
 
/* Reset all remaining stars back to default background.
   This supersedes the above due to its ordering. */
 
.rating input[type="radio"]:checked + span ~ span {
    background-position:0 0;
}


.dashList{
	margin:0;
	padding:0;
	list-style:none;
}
.dashList .listPadding{
padding-bottom: 1em;
}
.dashList .sectionTitle{
	padding-top:20px;
	padding-bottom:10px;
	font-weight:bold;
}
.dashList .btnRow{
	padding:5px 0px;
}
.map-label-style {
	font-family: 'LicensePlateRegular';
	color: #003e8c;
	font-size: 30px;
	text-align:center;
	width: 120px;
	cursor:pointer;
}
.map-label-style .markerText{
	height:50px;
	line-height:50px;
}
.map-marker-label-style{
	font-family:LicensePlateRegular; 
	font-size:30px; 
	color: #003e8c;
	margin:0px; 
	padding:0px; 
	text-shadow:none;
	cursor:pointer;
}
.markerMsg{
	font-style: italic;
	text-align:center;
	line-height:1em;
	font-size:12px;
	overflow:hidden;
	padding:2px;
	height:36px;
}
.markerTaggedBy{
	text-align:center;
}
.driverWrapper{
	position: absolute;
	z-index: 1;
	top: 58px;
	bottom: 24px;
	left: 0;
	width: 100%;
	overflow: hidden;
}

.driverScroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.driverScroller ul.scrll {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: left;
}
.markerTitle{
	text-align:center;
	padding:2px 0px;
	text-transform:uppercase;
}
.markerRating{
	text-align:center;
	color:#bcbcbc;
}
.markerClose{
	width:25px;
	height:15px;
	cursor:pointer;
	float:right;
}
.driverTimeStamp{
	height:20px;
	line-height:20px;
	text-align:center;
	position: absolute;
	bottom: 22px;
	left:0;
	right:0;
	color:#bcbcbc;
}
.markerDriverLink{
	line-height: 42px;
	height:42px;
	text-align:center;
}
/* */
#searchslider {
	width: 80%;
	height: 18px;
	position: relative;
	margin: 16px auto;
	background: #42474b;
	
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	
	-webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.9), 0px 1px 1px 0px rgba(255, 255, 255, 0.13);
	-moz-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.9), 0px 1px 1px 0px rgba(255, 255, 255, 0.13);
	box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.9), 0px 1px 1px 0px rgba(255, 255, 255, 0.13);
}

#searchslider .bar {
	width: 98% !important;
	height: 5px;
	background: #333;
	position: absolute;
	top: 6px;
	left: 1%;	
	margin:0;
	background: #1d2e38;
	background: -moz-linear-gradient(left, #1d2e38 0%, #2b4254 50%, #2b4254 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1d2e38), color-stop(50%,#2b4254), color-stop(100%,#2b4254));
	background: -webkit-linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
	background: -o-linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
	background: -ms-linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
	background: linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2e38', endColorstr='#2b4254',GradientType=1 );	
	
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}

#searchslider .highlight {
	height: 2px;
	position: absolute;
	width: 98%;
	top: 6px;
	left: 1%;
		
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	
	background: #42474b;
}

#searchslider input[type="range"] {
	-webkit-appearance: none;
	background-color: black;
	height: 2px;
}

#searchslider input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	position: relative;
	top: 0px;
	z-index: 1;
	width: 40px;
	height: 40px;
	cursor: pointer;
	-webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.6);
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(50%,#868686), color-stop(100%,#7e7e7d));
}
#searchrangeOutput-ct{
	text-align:center;
}
.navSearch #searchdateSlider-ct{
	padding-top:10px;
}
.search-bar {
	height: 29px;
	background-color: #e1e1e1;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	position:relative;
}

.search-bar .searchbutton {
	position:absolute;
	top:23%;
	right:5px;
}

.sfield {
	float: left;
	margin: 5px 0 0 8px;
	font: 8pt Verdana;
	color: #888;
	height: 20px;
	line-height: 18px;
	padding: 0;
	background: transparent;
	border: 0;
	max-width: 75%;
}
#rtHide {
    display:none;
}
 .rtClass{
	display:inline-block;
	overflow:hidden;
 }
.rtClass input {
    position:absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
    cursor:pointer;
    width:31px !important;
	height:31px !important;
	margin:0;
	margin-right: 4px;
}
 
.rtClass span {
	width:31px;
	height:31px;
	line-height:31px;
	padding:6px 31px 7px 0; /* 1px FireFox fix */
	background:url(../img/search/red.png) no-repeat 0 -31px;
	margin-right: 4px;
}
.rtClass span.yellow{
	background:url(../img/search/yellow.png) no-repeat 0 -31px;
}
.rtClass span.green{
	background:url(../img/search/green.png) no-repeat 0 -31px;
}
/* Change span immediately following the checked radio */
 
.rtClass input:checked + span {
    background-position:0px -31px;
}
 
/* Reset all remaining stars back to default background.
   This supersedes the above due to its ordering. */
 
.rtClass input:checked + span ~ span {
    background-position:0 0;
}
.blowRT span{
	display:block;
	float:left;
	width:31px;
	text-align:center;
	margin-right: 4px;
	font-weight:bold;
	padding-top:5px;
}
.goBtn-ct{
	width:200px;
	height:200px;
	margin:0px auto;
	padding-top:20px;
}
.goBtn{
	width:200px;
	height:200px;
	background:url(../img/search/goBtn.png) no-repeat 0 0px;
	cursor:pointer;
}
.goBtn:hover{
	background-position:0px -200px;
}
.searchBlanktxt{
	font-size:10px;
	text-align:center;
}
#imagesView{
	width: 100%;
	height: 100%;
}
.isPaused{
	color:yellow;
	cursor:pointer;
}
.isPlaying{
	color:green;
	cursor:pointer;
}
.auto-slideshow,.cycle-slideshow{
	width:80%;
	max-width:700px;
	max-height:500px;
	overflow:hidden;
	margin:0px auto;
}
.auto-slideshow img ,.cycle-slideshow img{ 
	width: 100%; 
	height: auto; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.slideStatus{
	text-align:right;
	max-width: 700px;
	padding-top: 10px;
	margin:0px auto;
}
.slideStatus .drvrBtn{
	width:60px;
	display:inline-block;
}
.slideStatus .drvrBtn .pauseCo{
	color:yellow
}
 #tmpHolder {
	height: 200px;
	margin:0px auto;
}
.scoreTitle{
	text-align:center;
	padding:10px 0px;
	font-weight:bold;
}
.scoreLeftCT{
	float:left;
	width:48%;
	padding-right:2%;
}
.scoreRightCT{
	float:left;
	width:48%;
	padding-left:2%;
}
.scoreSection{
	background:#1e1e1e;
	border:1px solid #222222;
	-moz-box-shadow:    inset 0 0 10px #111111;
	-webkit-box-shadow: inset 0 0 10px #111111;
	box-shadow:         inset 0 0 10px #111111;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding:10px 0px;
}
.scorePlateBG{
	background: url('../img/bg-input-blank-plate.png');
	background-size: cover;
    background-repeat: no-repeat;
	padding-top: 7px;
	height:44px;
	line-height:44px;
	width: 100px;
	display: inline-block;
	color: #003e8c;
	font-family: 'LicensePlateRegular';
}
.scoreTable{
	width:100%;
	text-align:center;
}
.scoreBottom  .scoreTable{
	width:33%;
	float:left;
}
.scoreTable tr td{
	width:50%;
	padding-top:10px;
}
.scoreTable tr:first-child td{
	padding-top:0px;
}
.scoreSection.trophies{
	padding:20px;
	padding-bottom:20px;
}
.trophyHolder{
	width:33%;
	float:left;
	padding-top:20px;
}
.trophyHolder .trophy-ct{
	text-align:center;
	position:relative;
}
.trophyToolTip{
	width:130%;
	height:50px;
	position:absolute;
	top: -70px;
	left:-16%;
	display:none;
	
	font-size:12px;
	color:black;
	
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	text-align: center;
	border: 4px solid #FFF;
	background: #FFF;
	border-radius: 5px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.trophyTable{
	width:100%;
	height:100%;
}
.trophyToolTip:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: #FFFFFF transparent transparent transparent;
	top: 54px;
	left: 45%;
}
.trophy-ct:hover .trophyToolTip{
	display:block;
}
.trophyHolder .trophy-ct .trophy{
	max-width:60%;
}
.blowRT{
	display:none;
}
.ratingsHolder{
	text-align:center;
}
.ratingTitle{
	padding-bottom:10px;
}
.accountTitle{
	text-align:center;
}
.accRight-ct{
	float:right;
	width:70%;
}
.accLeft-ct{
	width:30%;
	float:left;
}
.switchHolder{
	float:left;
	width:30%;
	text-align:center;
}
.mySwitch{
	display:inline-block;
}
.switchHolder.firstSwitch{
	padding-right:5%;
}
.switchHolder.lastSwitch{
	padding-left:5%;
}
.switchOnTxt,.switchOffTxt{
	display:inline-block;
	line-height:34px;
	float: left;
}
.switchOnTxt{
	padding-right:20px;
}
.switchOffTxt{
	padding-left:20px;
}
.switchTitle{
	font-size:20px;
	padding-bottom:10px;
	letter-spacing: 1px;
}
input[type="checkbox"].switch:not(:checked), 
input[type="checkbox"].switch:checked { /* :checked here acting as a filter for older browsers */
	position: absolute;
	opacity: 0;
}

div.labelSwitch {
	position: relative;
	display: inline-block;
	font: 75% sans-serif;
	text-shadow: 0 1px 1px white;
	float: left;
	width: 70px;
}
input[type="checkbox"].switch{
	width:auto !important;
	display:none;
}
input[type="checkbox"].switch + div {
	width: 1.8em;	
	height: 1em;
	border: 1px solid rgba(0,0,0,.3);
	border-radius: 999px;
	margin: 0 auto;
	background: #888;
	background-image: linear-gradient(rgba(0,0,0,.4), transparent);
	background-origin: border-box;
	background-clip: border-box;
	box-shadow: 0 1px 1px hsla(0,0%,100%,.8);
	overflow: hidden;
	transition-duration: .4s;
	transition-property: padding, width;
}

input[type="checkbox"].switch:not(:checked) + div {
	padding-left: .8em;
	width: 1em;
}

input[type="checkbox"].switch + div:before {
	content: '';
	display: block;
	width: 1em; height: 1em;
	margin: -1px;
	border: 1px solid rgba(0,0,0,.7);
	border-radius: inherit;
	background: #e72326;
	background-image: linear-gradient(hsla(0,0%,100%,.3), hsla(0,0%,100%,0));
	box-shadow: 0 0 .5em rgba(0,0,0,.5),
	            0 .2em hsla(0,0%,100%,.3) inset,
	            0 -.1em .3em hsla(0,0%,0%,.2) inset;
}

input[type="checkbox"].switch:active + div:before {
	background-color: #e72326;
}

input[type="checkbox"].switch:focus + div {

}
.switchShadow {
	background: #1f1f1f;
	padding: 20px 0px;
	-moz-box-shadow:    inset 0 0 25px #121212;
	-webkit-box-shadow: inset 0 0 25px #121212;
	box-shadow:         inset 0 0 25px #121212;
}
#drvrMSG{
	width:100%;
	padding: 10px;
}
#per-slide-template{
	padding:10px 0px;
}
#per-slide-template a{
	display:block;
}
.registerHolder-ct{
	width:100%;
	height:100%;
	background:#d7d7d7;
	background:url('../img/loginBG.jpg');
	background-size:cover;
}
.registerTable{
	width:100%;
	height:100%;
}
.registerHolder{
	width:266px;
	margin:0px auto;
	position:relative;
	top:18px;
}
.registerPA{
	background:url('../img/registerTop.png');
	padding-top:30px;
	height:110px;
	line-height:100px;
	font-family: 'LicensePlateRegular';
	color: #003e8c;
	text-align: center;
	outline: none;
	font-size: 50px;
	
	position:relative;
	z-index: 999;
}
.registerForm-ct{
	background-image: url('../img/register.png'), url('../img/sp/asfaltLight.png');
	position:relative;
	top:-26px;
	z-index: 998;
	height: 10px;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.registerForm-ct.login{
	height:190px;
}
.registerForm-ct.recovery{
	height:190px;
}
.registerForm-ct.register{
	height:290px;
}
.registerForm{
	padding:20px 10px;
	font-size: 12px;
	color:#FFF;
	z-index: 997;
	position:relative;
}
.registerFooter{
	background:url('../img/registerBottom.png');
	height:65px;
	z-index: 999;
	position:relative;
	top:-37px;
}
.registerForm .registerRow{
	padding:0px 10px 10px;
}
.registerForm .registerRow:last-child{
	padding-bottom:0;
}
.registerForm .registerRow input[type="text"],.registerForm .registerRow input[type="password"]{
	width:100%;
}
.registerForm .registerRow select{
	width:100%;
}
.registerSwitch-ct{
 width:50%;
 float:left;
}
.registerSwitch{
	padding:5px;
	
	color:#555555;
	background: -moz-linear-gradient( top, #c5c5c5 0%, #c9c9c9);
	background: -webkit-gradient( linear, left top, left bottom, from(#c5c5c5), to(#c9c9c9));
	-moz-border-radius: 10px;
	text-align: center;
	font-weight: bold;
	border: 2px solid #bcbcbc;
	font-size: 12px;
	cursor:pointer;
}
.registerSwitch.selected{
	color: #1f1f1f;
	background:#fff;
}
.registerSwitch-ct:first-child .registerSwitch{
	border-right:0px;
}
.vehicleHolder{
	display:none;
}
.btnsHolder{
	float:left;
}
.btnsHolder.first{
	width:48%;
	padding-right:2%;
}
.btnsHolder.last{
	width:48%;
	padding-left:2%;
}
#regterms{
	display:none;
}
.tosCheck .fa-check{
	display:none;
	color:red;
}
#regterms:checked ~ .tosCT .tosCheck .fa-stack .fa-check{
	display:inline-block;
}
.tosCheck{
	padding-bottom:10px;
}
.tosCT{
	text-align:center;
}
.tosLabel{
	font-size:11px;
}
.tosLabel span{
	text-decoration:underline;
	cursor:pointer;
}
.profileTitle{
		padding-bottom:10px;
		text-align:center;
		font-weight:bold;
}
.drvrStatus{
	text-align:center;
	font-style:italic;
}
.drvrLocation{
	text-align:center;
	font-style:italic;
}
.profilePlaceHolder{
	max-width: 500px;
	margin:0px auto;
}
.profilePlaceHolder img{
	width:100%;
}
.gloveBoxQHolder{
	margin:0;
	padding:0;
	list-style:none;
	max-width:700px;
	margin:0px auto;
	color:#c5c5c5;
}
.qTitle{
	border-bottom: 1px solid #222222;
    color: #FFFFFF;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    text-transform: uppercase;
}
.qAnswer{
	padding:10px;
}
.pagerTemplate{
	width:100%;
	max-width:700px;
	margin:0px auto;
}
.pagerTemplate .linkRow{
	width:80%;
	vertical-align:top;
}
.pagerTemplate.pagerBody .linkRow{
	padding-bottom:20px;
}
.pagerTemplate .linkRow a{
	color:white;
	text-decoration:none;
}
.pagerTemplate .deleteRow{
	width:20%;
	text-align:right;
	vertical-align:top;
}
.uploadPhotoText{
	text-align:center;
}
.drvrRegError{
	text-align:center;
	color:red;
	padding-top:10px;
	display:none;
}
.tosPPHolder-ct{
	position:absolute;
	top:0;
	bottom:0;
	lefT:0;
	right:0;
	z-index: 9999;
}
.tosPPBG{
	position:absolute;
	width:100%;
	height:100%;
	background:black;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
.tosPPHolder{
	position:absolute;
	top:10%;
	bottom:10%;
	left:10%;
	right:10%;
	background: url('../img/sp/asfalt.png');
	border: 1px solid #3F3F3F;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color:white;
}
.tosappInner{
	padding:10px;
}
.clusterGroup{
	width:60px;
	height:52px;
	background: url('../img/cluster_marker1.png');
	text-align:center;
	line-height:61px;
	font-family: 'LicensePlateRegular';
	color: #003e8c;
	font-size: 26px;
}
.my-plate-icon{
	width:120px;
	height:80px;
	background: url('../img/mapIcon.png');
	line-height: 70px;
	text-align: center;
	font-family: 'LicensePlateRegular';
	color: #003e8c;
	font-size: 26px;
}
.leaflet-popup-content-wrapper {
	background:url('../img/mapIconExpanded.png');
	width:120px;
	margin-bottom: 7px;
	height:226px;
	padding: 0px;
	text-align: left;
	border-radius: 0px;
	box-shadow:none;
	position:relative;
}

.leaflet-popup-content-wrapper .leaflet-popup-content {
	position:relative;
	margin:0;
	padding:0;
	font-size:10px;
}

.leaflet-popup-tip-container {
	display:none;
}
.popUpClose-ct{
	height:20px;
}
.popUpClose{
	height:20px;
	width:30px;
	float:right;
	cursor:pointer;
}
.popUpPlate{
	font-family: 'LicensePlateRegular';
	color: #003e8c;
	font-size: 26px;
	text-align:center;
}
.popUpList{
	list-style:none;
	padding:0;
	margin:0;
	color:white;
	padding-top:10px;
}
.popUpTimestamp{
	color: #bcbcbc;
	height:20px;
	line-height:20px;
	text-align:center;
}



.loginWrapper{
	position: absolute;
	z-index: 1;
	top:0;
	bottom:0;
	left: 0;
	width: 100%;
	overflow: hidden;
}

.loginScroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.loginScroller ul.scrll {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: left;
}