﻿body, td {
		font-family: arial;
		font-size: 9pt
	}

.copyContainer {
	width: 700px
}

.chart {
	border: 1px solid #000000
}

.chart td {
	font-family: arial,sans-serif;
	font-size: 10px;
	border: 1px solid #cccccc;
	padding: 2px 3px 2px 3px;
	background-color:#fff;
	color:#333;
}

.chart th {
	font-family: arial,sans-serif;
	font-size: 10px;
	text-align:left;
	font-weight: bold;
	background-color: #000000;
	color: white;
	padding: 1px 2px 1px 2px;
	border-top:1px solid #ccc
}

.chart th.main {
	font-family: arial,sans-serif;
	font-size: 13px;
	text-align:left;
	font-weight: bold;
	border-bottom: 1px solid #ffffff
}

.chart tr.altA td {
	background-color: #FFF79B;
	border-top: 1px solid #000000
}

.chart tr.altZ td {
	background-color: #FFF79B;
	border-bottom: 1px solid #000000
}

.chart tr.altAZ td {
	background-color: #FFF79B;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000
}

.chart tr.alt td {
	background-color: #FFF79B;
}

.chart td.firstColumn {
	border-left: 1px solid #000000
}

.chart td.secColumn {
	border-right: 1px solid #000000
}

.chart th.firstColumn {
	border-left: 1px solid #ccc
}

.chart th.secColumn {
	border-right: 1px solid #ccc
}

.speed th {
	background-color: #ffe600;
	color: #000;
	padding: 5px;
	font-size: 11pt;
	font-weight: bold
}

.speedContainer {width:700px;padding:5px;background-color:#555;}

.speed {
	border: 1px solid #000000
}

.speed td {
	color: black;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	text-align: center;
	background-color:#fff;
}

.speed td.alt {
	color: black;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	background-color: #cccccc
}

.speed tr.line td {
	border-bottom: 1px solid black
}

.tyreDiagramContainer {width:700px;padding:5px;background-color:#555;}
.tyreDiagram {width:660px;background-color:#fff;padding:20px;text-align:center;}
