/*@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300);*/

body {
	position: relative;
	font-family: 'Roboto Condensed', sans-serif; 
	overflow: hidden;
	/*background: black;*/
}

.speed {

}

.rpm {
	position: absolute;
	bottom: 40px;
	left: 50%;
	width: 200px;
	height: 100px;
	margin-left: 60px;
	font-size: 86px;
	font-weight: 800;
	background: #222;
	color: white;
	text-align: center;
	line-height: 100px;
}
.rpm.orange {
	color: orange;
}
.rpm.red {
	color: red;
}

.gear {
	position: absolute;
	bottom: 40px;
	left: 50%;
	width: 100px;
	height: 100px;
	margin-left: -50px;
	font-size: 86px;
	font-weight: 800;
	background: #222;
	color: white;
	text-align: center;
	line-height: 100px;
}

.drivers.outofcar {
	margin-top: 150px;
}

.drivers .driver {
	float: left;
	clear: both;
	color: #fff;
	margin-left: 10px;
}

.drivers .driver.odd {
 	margin-left: -10px;
}

.drivers .driver .number {
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 17px;
	line-height: 30px;
	text-align: center;
	border-width: 2px;
	border-style: solid;
	font-size: 12px;
	font-weight: bold;
	z-index: 1;
	position: relative;
}
.drivers .driver .username {
	color: white;
	background: hsla(0, 0%, 20%, .5);
	float: left;
	padding-left: 25px;
	margin-left: -17px;
	height: 24px;
	line-height: 24px;
	margin-top: 5px;
	width: 150px;
}
.drivers .driver .time {
	color: white;
	background: hsla(0, 0%, 20%, .5);
	float: left;
	padding-left: 25px;
	height: 24px;
	line-height: 24px;
	margin-top: 5px;
	width: 70px;
}
.drivers .driver.self .username, .drivers .driver.self .time {
	background: rgba(255, 187, 47, .5);
}
.car-positions {
	position: absolute;
	top: 0px;
	left: 75%;
	width: 0px;
	height: 100%;
}
.car-positions .car {
	position: absolute;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	margin-top: -15px;
	border-radius: 17px;
	line-height: 30px;
	text-align: center;
	border-width: 2px;
	border-style: solid;
	font-size: 12px;
	font-weight: bold;
}

.car-positions .car .delta {
	position: absolute;
	color: #333;
	background: hsl(40, 90%, 70%);
	top: 0px;
}
.car-positions .car::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 1300px;
	left: 15px;
	top: 30px;
	background: #fff;
	z-index: -1;
	opacity: 0.2;
}
/*.car-positions .car::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 1300px;
	left: 15px;
	bottom: 30px;
	background: #fff;
	z-index: -1;
}*/
.car-positions .finish-line {
	opacity: 0.5;
	position: absolute;
	height: 1px;
	margin-top: -1px;
	background: #222;
	border: 1px dotted white;
	z-index: -1;
}
.car-positions .self-line {
	opacity: 0.5;
	position: absolute;
	height: 1px;
	margin-top: 1px;
	background: #fff;
	z-index: -1;
}
.car-positions .sector {
	opacity: 0.5;
	position: absolute;
	height: 1px;
	background: #ff0;
	z-index: -1;
}




.spacer1,.spacer2,.spacer3,.spacer4,.spacer5,.spacer6,.spacer7,.spacer8,.spacer9,.spacer10,
.spacer11,.spacer12,.spacer13,.spacer14,.spacer15,
.spacer20,.spacer25, 
.spacer30,.spacer35,
.spacer40,.spacer45,
.spacer50,.spacer55,
.spacer60,.spacer65, 
.spacer70,.spacer75,
.spacer80,.spacer85, 
.spacer90,.spacer95,
.spacer100,
.spacer200,
.spacer300,
.spacer400,
.spacer500 {
    display: block;
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 0; 
    width: 100%; 
}

.spacer1 { height: 1px; }
.spacer2 { height: 2px; }
.spacer3 { height: 3px; }
.spacer4 { height: 4px; }
.spacer5 { height: 5px; }
.spacer6 { height: 6px; }
.spacer7 { height: 7px; }
.spacer8 { height: 8px; }
.spacer9 { height: 9px; }
.spacer10 { height: 10px; }
.spacer11 { height: 11px; }
.spacer12 { height: 12px; }
.spacer13 { height: 13px; }
.spacer14 { height: 14px; }
.spacer15 { height: 15px; }
.spacer20 { height: 20px; }
.spacer25 { height: 25px; }
.spacer30 { height: 30px; }
.spacer35 { height: 35px; }
.spacer40 { height: 40px; }
.spacer45 { height: 45px; }
.spacer50 { height: 50px; }
.spacer55 { height: 55px; }
.spacer60 { height: 60px; }
.spacer65 { height: 65px; }
.spacer70 { height: 70px; }
.spacer75 { height: 75px; }
.spacer80 { height: 80px; }
.spacer85 { height: 85px; }
.spacer90 { height: 90px; }
.spacer95 { height: 95px; }
.spacer100 { height: 100px; }
.spacer150 { height: 150px; }
.spacer200 { height: 200px; }
.spacer300 { height: 300px; }
.spacer400 { height: 400px; }
.spacer500 { height: 500px; }