:root {
    --highlightText:#ffffff;
    --mainText:#DDDDDD;
    --dimText:#999999;
    --darkText:#555555;
}

body {
	background-color: #232121;
	color: var(--mainText);
}

a {
	color: var(--mainText);
}

.debugLink{
	text-decoration: none;
	cursor: default;
}

#mainContainer {
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
}

.eventTitle{
	font-size:32px;
	font-weight: bold;
	color: var(--highlightText);
}

.teamTime{
	margin-top: 30px;
}

.midsection{
	width:980px;
}

.bestSectorTree{
	margin-top: 30px;
	float: left;
}

.trackMap{
	float: right;
}

.driverName{
	font-size:32px;
	font-weight: bold;
	color: var(--highlightText);
}

.driverHeader{
	font-size:12px;
	color: var(--dimText);
	margin-bottom: 5px;
}

.summaryContainer{
	margin-bottom: 30px;
	width:100%;
}
.summaryContainer table{
	margin: 0 auto;
}
.summaryContainer td {
    text-align: left;
}
.summaryTime{
	color: var(--highlightText);
	font-weight: bold;
}

.stintContainer {
	margin-top: 12px; 
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	width:1560px;
}

.stintBlock {
	margin-top: 12px; 
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	width:100%;
}

.stintTime {
	color: var(--highlightText);
	font-weight: bold;
	font-size:18px;
}
.stintDate {
	color: var(--dimText);
	font-size:12px;
}
.fuelUse {
	margin-left: 12px;
	color: var(--dimText);
}

.incomplete {
	display: none;
}

.incSector a {
	color: var(--darkText);
}
.incSector {
	color: var(--darkText);
}

.lapCell {
	width: 120px;
}

.sectorCell {
	width: 100px;
	padding: 0px;
	margin: 0px;
	border-right: 1px solid black;
}

/*first cell to space*/
.stintRow > .paddingCell {
	width: 1px;
	border-right: none;
		padding: 0px;
	margin: 0px;

}

/*restyle subsequent cells for padding*/
.stintRow > .paddingCell ~ .paddingCell {
	width: 100px;
	border-right: 1px solid black;
}

.teamOptimal{
	/*display: none;*/
}

.deltaColorA{
	background-color: #333131;
}

.deltaColorB{
	background-color: #434141;
}

.deltaColorC{
	background-color: #535151;
}

.deltaColorD{
	background-color: #636161;
}

.deltaColorE{
	background-color: #737171;
}

.optimalSectorTitle{
    text-align: left;
    padding-left: 0px;
}


table, th, td {
    border-collapse: collapse;
}

th, td {
    text-align: center;
    padding-right: 4px;
    padding-left: 4px;
}


.registeredDrivers td {
    text-align: left;
    padding-right: 16px;
}
.bestSectorTree td {
    text-align: left;
}