body, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-size:100%;
}
body {
	background-color:black;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}
a {
	color: #FD2020;
	text-decoration:none;
}
a:hover {
	color: #FFF;
}
table {
	border-collapse: collapse;
	vertical-align:top;
	width:100%;
	font-size:.9em;
}
td {
	padding:2px 0;
	width:15%;
}
td.rider-name {
	width:40%;
}
td.tf {
	width:20%
}
tr.odd {
	background-color:#121212;	
}
tr.th {
	border-bottom:1px solid #777;	
	color:#999;
	background-color:transparent;
}
td span {
	border:1px solid #fff;
}
td.color span {
	display:block;
	width:50%;
	margin:0 1em;
	font-size:.5em;
}
td.red span {
	color:#F00;
	background-color:#F00;
}
td.orange span {
	color:#CC3232;
	background-color:#CC3232;
}
td.white span {
	color:#FFF;
	background-color:#FFF;
}
td.yellow span {
	color:#FF0;
	background-color:#FF0;
}
td.blue span {
	color:#00F;
	background-color:#00F;
}
td.black span {
	color:#000000;
	background-color:#000000;
}
#legend, #nav a, .heat div {
	background:#222; 
	background-image: -webkit-gradient(linear, left top, left bottom, from( #222 ), to( #111 )); /* Saf4 , Chrome */
	background-image: -webkit-linear-gradient( #222 , #111 ); /* Chrome 10 , Saf5.1  */
	background-image:    -moz-linear-gradient( #222 , #111 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #222 , #111 ); /* IE10 */
	background-image:      -o-linear-gradient( #222 , #111 ); /* Opera 11.10  */
	background-image:         linear-gradient( #222 , #111 );
}
#legend h1 {
	-moz-border-radius:.25em;
	border-radius:.25em;
}
#nav {
	width:75%;
	margin:0 auto;
}
#nav td {
	padding:0;	
}
#nav a {
	width:100%;
	height:100%;
	display:block;
	text-align:center;
	color:#999;
	border:1px solid #111; 
	border-bottom:none;
	text-decoration:none;
	font-size:.7em;
	padding:.5em 0;
}
#nav a:hover, #nav a.active {
	color:#fff; 
	background-color:#222;
	background-image:none;
}
#legend {
	text-align:center;
	padding:1em;
	clear:both;
}
#legend h1, #legend h2 {
	margin-bottom:.5em;
	color:#ccc;
}
#legend h1 {
	padding:.5em;
	background-color:#000;
}
#legend h2 {
	font-size:.8em;	
}
#legend table {
	-moz-box-shadow: 0px 0px 4px #111;
 	-webkit-box-shadow: 0px 0px 4px #111;
 	box-shadow: 0px 0px 4px #111;
	table-layout:fixed;
}
#legend td {
	text-align:center;
}
.heat {
	margin:1em 0;	
}
.heat div {
	background-color:#222;
	padding:1em;
}
.heat-header {
	background-color:#222;
	font-size:1em;
	padding:.5em;
	display:inline-block;
}
small {
	display:block;
	font-size:.65em;
	padding:.5em 0;
	text-align:center;
	color:#999;
}