body {
	padding:0px;
	margin:0px;	
	background-color:#E2E1DD;
	position:relative;	
	-webkit-text-size-adjust:none;
	min-height:416px;
	font-family:helvetica, sans-serif;
	-webkit-background-size:0.438em 100%;
	-webkit-touch-callout:none;
}
#topcontainer {
	width: 320px;
	height: 50px;
	margin: 0 auto;
}

.livetiming ul {
	padding:0px;
	margin:0px;
	height:auto;
}

.livetiming li:nth-child(even) {
	background-color:#F0F0F0;
}

.livetiming li:nth-child(odd) {
	background-color:white;
}

.livetiming #content li {
	list-style:none outside none;
	position:relative;
	height:30px;	
	width:auto;
	padding:0px;
	margin:0px;
	border-top: 1px solid grey;	
}

.livetiming #content, .addinfo #content {
	clear:both;
}

.livetiming, .addinfo span, a {
	
	font-size:13px;
	text-decoration:none;
}

#seriesname {
	text-align:center;
	font-weight:bold;
	width:100%;
	
	font-size:12px;
}

#raceresults, #raceresultsheader {
	clear:both;
	width:100%;
}

#raceresultsheader {
	font-weight:normal;
}

#raceresults {
	font-weight:bold;
	min-height:400px;
}

.personal {
	color:#00ba00;
}
.overall {
	color:#DE142D;
}

#flagstate, .a, .n, .bl, .ll, .d, .f, .l, .eventtime, .event, .eventname, .eventclass, .type, .data, .eventsession, .resultlink, .dates, .detailname, .detailbike, .detailposition, .ssplit, .detaildifference, .detailbest, .dpit, .dlap, .dlaptime, .dflag, .dlaptimeft, .flagstate {
	display:block;
    overflow:hidden;
	padding-top:7px;
	float:left;		
	font-weight:normal;
}

.type {
	width:25%;
	vertical-align:top;
}

.info {
	width:73%;
	vertical-align:top;	
}

.a, .n, .bl, .ll, .d, .l, .dates, .dlaptime, .dlaptimeft {
	text-align:center;
}

.n {
	font-weight:bold;
}

.a, .n {
	width:7%;
}

.f {
    text-align:left;
	text-overflow:ellipsis;
	padding-left:5px;
	white-space:nowrap;
	max-width:62%;	
}

.event {
	text-align:left;
	text-overflow:ellipsis;
	padding-left:5px;
	white-space:nowrap;
	max-width:62%;	
	width:70%;	
}

.fnarrow {
	width:23%;
}
.fwide {
	width:31%;
}

.dates {
	width: 28%;
}

.bl, .ll, .g, .d  {
	width:17%;
	
}

.l {
	width:8%;
}

.dflag {
	float:right;
	width:27px;
	padding-left:3px;
}

.dlap {
	padding-left:10px;
}

.dlap, .dpit {
	width:14%;
	text-align:center;
}

.ssplit {
	width:11%;
}
.dlaptime {
	width:28%;
}
.dlaptimeft {
	width:64%;
}

.eventdate, .type {
	text-align:left;
	color:#FF0000;
	text-transform:capitalize;
	margin:0;
	padding-top:5px;
}
.eventtime {
	float:left;
	width:18%;
	padding-left:5px;
}
.resultlink {
	float:right;
	width:18%;
	padding-left:5px;
}


#eventheader {
	float:left;	
	width:73%;
	text-align:left;	
	font-size:12px;	
}

#content {
	width:100%;
	position:relative;
	height:auto;
	z-index:0;
	overflow:auto;
	color:black;
}
#header {
	width:100%;
	position:relative;
	height:50px;
	z-index:0;
	overflow:hidden;
}

#head-heartbeat, #head-track, #head-event{
	line-height:inherit;
	position:relative;
	display:block;	
	float:left;
	width:50%;
}




#head-event {
	font-size: 11pt;
	text-align: left;
	border-bottom: 1px solid black;
	width: 99%;
	text-transform: uppercase;
	margin-left: 5px;
	font-weight:bold;
}

.toggler {
	font-weight:bold;	
	text-align:right;
	font-size:12px;
	display:block;
    overflow:hidden;
	padding-top:5px;	
}


#racedata, #eventheader, #detailheader {
	
	padding-top:3px;	
	text-align:left;
	line-height:1.4;
	position:relative;
	clear:both;
}

#detailheader {
	height:154px;
}

#eventheader {
	float:left;
	height:65px;
}

#flag, #status{
	width:100%;
	float:right;
	text-align:right;
	clear:both;
	padding-right:5px;
}

#trackname, #sessionname {
	float:left;
	text-aling:left;
	clear:both;
	padding-left:5px;
}

#flagchange{
	position:relative;
	bottom:0px;
	float:right;
	width:60px;
	text-align: left;
	height:15px;
	border: 1px solid black;	
}

#flagchange-sm{
	padding:2px; 5px; 2px; 5px;
	float:right;
	width:26px;
	text-align: left;
	height:26px;		
}

.flag-5 {
	background:	-moz-radial-gradient(45px 45px, ellipse farthest-corner, #000000 0%, #666666 100%);
	background:	-webkit-gradient(radial, center center, 0, center center, 50, from(#ffffff), to(#666666));
	-webkit-box-shadow: inset 0 0 2px 2px #1f1f1f; 
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#000000, endColorstr=#666666, GradientType=0);
	padding-left: 5px;
	}
	
.flag-1 {
	background:	-moz-radial-gradient(45px 45px, ellipse farthest-corner, #00ff00 0%, #006600 100%);
	background:	-webkit-gradient(radial, center center, 0, center center, 50, from(#00ff00), to(#006600));
	-webkit-box-shadow: inset 0 0 2px 2px #1f1f1f; 
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#00ff00, endColorstr=#006600, GradientType=0);
	padding-left: 5px;
}
.flag-4, .flag-0 {
	background-image:url('https://results.amaproracing.com/assets/icons/flag-none.png');
	background-repeat:repeat;	
	padding-left;4px;
}
.flag-2 {
	background:	-moz-radial-gradient(45px 45px, ellipse farthest-corner, #ffff00 0%, #666600 100%);
	background:	-webkit-gradient(radial, center center, 0, center center, 50, from(#ffff00), to(#666600));
	-webkit-box-shadow: inset 0 0 2px 2px #1f1f1f; 
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#ffff00, endColorstr=#666600, GradientType=0);
	padding-left: 5px;
}
.flag-3 {
	background:	-moz-radial-gradient(45px 45px, ellipse farthest-corner, #ff0000 0%, #660000 100%);
	background:	-webkit-gradient(radial, center center, 0, center center, 50, from(#ff0000), to(#660000));
	-webkit-box-shadow: inset 0 0 2px 2px #1f1f1f; 
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#ff0000, endColorstr=#660000, GradientType=0);
	padding-left: 5px;
}
.flag-9 {
	background:	-moz-radial-gradient(45px 45px, ellipse farthest-corner, #ff00ff 0%, #660066 100%);
	background:	-webkit-gradient(radial, center center, 0, center center, 50, from(#ff00ff), to(#660066)); 
	-webkit-box-shadow: inset 0 0 2px 2px #1f1f1f; 	
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#ff00ff, endColorstr=#660066, GradientType=0);
	padding-left: 5px;
}

#detaildata {
	height: 180px;
	width: 210px;
	display: block;
	float: left;
	line-height:1.2;
}

.headshot {
	float:left;
	width:100px;
	height:143px;
	display:block;
	border: 1px solid black;	
	background-repeat:no-repeat;
}

#headshot {
	float:left;
	width:100px;
	height:143px;
	display:block;
	border: 1px solid black;	
	background-repeat:no-repeat;
	margin-top:7px;
}

#raceresults li a {
	text-decoration:underline;
}


.detaillabel {
	font-weight:bold;
	width:50px;
	float:left;
	padding-left:5px;	
	padding-top:5px;
}

.ddata {
	font-weight:bold;
	width:150px;
	padding-top:5px;
	float:left;
	min-height:15px;
}
  #loading{
    display:block;
    width:100%;
	height:100px;
	padding-top:35px;
    text-align:center;
    /*in supporting browsers, make it
      a little transparent*/
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
  }
  
.hideresults {
	position: absolute;
	z-index: 99;
	width: 100%;
	height: 89px;
	display: block;
	top: 104px;
	left: 0px;
	border-bottom: 1px solid #414041;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#414041), to(#282828));
	background: -moz-linear-gradient(top, #414041, rgba(40, 40, 40, 0.2));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#414041, endColorstr=#282828);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#414041, endColorstr=#282828)";
	text-align: center;
	padding-top: 4px;
	font-size: 30pt;
	font-weight: bold;	
}

.hide {
	display:none;
}

.sx {
	background:#002f65 repeat-x top left;			
}

#logo {
	padding: 5px;
	height: 40px;
}
#title {
	float: right;
	padding: 10px;
	font-size: 15pt;
	font-weight: bold;
	color:white;
}
#footer {
	text-align: center;
	padding-right: 5px;
	border-top: 1px solid grey;
}
#detaildata {
	display:block; 
	width:65%; 
	float:left;
	min-height:155px;
}
.ltrow {
	width: 99%;
	height:18px;
	clear: both;
	padding-bottom:5px;
}

.ltrow > * {
	font-size: 12px;
	display: block;
	overflow: hidden;
	float: left;
	padding-top: 2px;
}

.headshot {
	float:left;
	width:100px;
	height:150px;
	display:block;
	border: 1px solid black;	
	background-repeat:no-repeat;
}

#headshot {
	float:left;
	width:100px;
	height:143px;
	display:block;
	border: 1px solid black;	
	background-repeat:no-repeat;
}

#raceresults li a {
	text-decoration:underline;
}


.detaillabel {
	font-weight:bold;
	width:50px;
	float:left;
	padding-left:5px;	
}

.ddata {
	font-weight:bold;
	float:left;
	min-height:15px;
	max-width: 60%;
	padding-left:5px;
	text-overflow:ellipsis;
	white-space:nowrap;	
}
li#position a {
	color:#204292;
}
li#position a:visited {
	color:#e31c39;		
}

#heartbeat {
	float:right;
}
.dtrap, .dpit {display:none;}