body        {  color:#000000; background-color:#CCCCCC; }
img			{ max-width: 100%; }
h2          { display:inline; font-family:Verdana, Geneva, sans-serif; font-size:14pt;}
td	    {  color:#FFFFFF; background-color:#999999; font-size:1.25em; }
td.line	    {  color:#FFFFFF; background-color:#999999; font-size:1.25em; }
td.lineEven {  color:#FFFFFF; background-color:#888888; font-size:1.25em; }
td.info     {  color:#000000; background-color:#999999; font-size:1.25em;}
td.heading  {  color:#000000; background-color:#888888; font-size:1.25em; text-align: center;}
a:link      {  color:#000000; text-decoration:none; font-size:12pt }
a:visited   {  color:#000000; text-decoration:none; font-size:12pt }
a:active    {  color:#000000; text-decoration:none; font-size:12pt }
a:hover     {  color:#000000; text-decoration:underline; font-size:12pt }
a.result    { font-size:12pt; color:#FFF; font-weight:bold;}
a.stats     { font-size:12pt; color:#000; font-weight:bold;}
a.qualify   { font-size:12pt; color:#F44; font-weight:bold;}
.borderit img       { border: 1px solid #ccc; }
.borderit:hover img { border: 1px solid black;}
.borderit:hover     { color: red; } /* irrelevant definition to overcome IE bug */
.group    {display:block; width:950px; border: 1px #333 solid; padding:10px; margin:0 auto; margin-bottom:25px; overflow:hidden;}
.logo     {display:block; width:950px; padding:10px; margin:0 auto; margin-bottom:25px; overflow:hidden; }
.logopicture {display:block; margin-left: auto; margin-right: auto;}


/*EXTRAS THROWN IN TO STYLE THE PAGE DIFFERENTLY*/
@import url(https://fonts.googleapis.com/css?family=Monda);

table {
	width: 100%;
}
div#raceData {
	min-width: 600px;
	max-width: 900px;
	margin: 25px auto;
	padding: 10px;
}

.mediumFont {
	font-size: 1.25em;
}
.largeFont {
	font-size: 1.5em;
}

body {
	background-color: #000000;
	color: #FFFFFF;
	font-family: 'Monda', Verdana, Sans-serif;
}
.borderit img {
	margin-top: 20px;
	background-color: #CCCCCC;
}

.racewayLogo2 {
	display: block;
	margin: 20px auto;
}

.racewayLogo {
	display: none;
	margin: 20px 0px;
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (min-width: 768px) {
	.racewayLogo {
		display: block;
	}
}

a:link      {  color:#FFFFFF; text-decoration:none; font-size:12pt }
a:visited   {  color:#FFFFFF; text-decoration:none; font-size:12pt }
a:active    {  color:#FFFFFF; text-decoration:none; font-size:12pt }
a:hover     {  color:#FFFFFF; text-decoration:underline; font-size:12pt }



div.raceInfo div {
	text-align: center;
	margin-bottom: 10px;
}

div.currentDateTime {
	font-size: 100%;
	color: #999;
}

div.eventName {
	font-size: 200%;
	/*color: red;
	text-shadow: 1px 1px rgba(255, 255, 0, 0.7);	*/
	color: #AE3FC1;
	text-shadow: 1px 1px rgb(81,247,64, 0.7);
}

div.raceName {
	font-size: 150%;
}

div.racewayName {
	display: none;
}

table#raceHeader-table {
	margin-bottom: 10px;
}

table#raceHeader-table td,
table#raceData-table thead td {
	background-color: #000;
	color: #fff;
	line-height: 150%;
}

table#raceData-table thead td{
	padding-bottom: 10px;
}

td.raceStint,
td.raceTime {
	text-align: right;
}

td.raceHeat,
td.raceRound {
	text-align: right;
}

.driver td {
	background-color: #000000;
	margin: 1px 0px;
	line-height: 35px;
	border-bottom: 5px solid black;
}



td.lane{
	display: none;
}

td.position {
	width: 20px;
}

tr.driver td.driverName {
	text-indent: 20px;
	text-transform: uppercase;
}
td.driverName.heading {
	text-indent: 20px;
	text-align: left;
}

.driver td.laneColor {
	width: 0px;
	visibility:hidden;
}

.lane_1 td {
	color: #a92d21;
}
.lane_1 td.position {
	background-color: #a92d21;
	color: #000000;
}

.lane_2 td {
	color: white;
}
.lane_2 td.position {
	background-color: white;
	color: #000000;
}

.lane_3 td {
	color: #adf98d;
}
.lane_3 td.position {
	background-color: #adf98d;
	color: #000000;
}

.lane_4 td {
	color: #ef6e46;
}
.lane_4 td.position {
	background-color: #ef6e46;
	color: #000000;
}

.lane_5 td {
	color: #7185c4;
}
.lane_5 td.position {
	background-color: #7185c4;
	color: #000000;
}

.lane_6 td {
	color: #fdfcac;
}
.lane_6 td.position {
	background-color: #fdfcac;
	color: #000000;
}

.lane_7 td {
	color: #bf57ca;
}
.lane_7 td.position {
	background-color: #bf57ca;
	color: #000000;
}

.lane_8 td {
	background-color: #ddd;
	color: #000000;
}
.lane_8 td.position {
	background-color: #ddd;
	color: #000000;
}
