Template:SBRRace/styles.css

.sbrRaceBoxCombined {
	display: flex;
}

.sbrRaceTopHeader {
	display: table-caption;
	width: auto;
	text-align: center;
	border: 2px double #767676;
	font-weight: bold;
	text-shadow: 1px 1px 1px #333;
	color: white;
}

.sbrRacersStage {
	width: 55%;
	display: table;
}

.sbrRacersOverall {
	width: 45%;
	display: table;
}

.sbrRacersOverall {
	border-left: none;
}

.sbrRaceHeaders {
	display: table-row;
}

.sbrRacersHeader {
	text-align: center;
	color:white;
	text-shadow: 1px 1px 1px #333333;
	font-weight: bold;
}

.sbrRaceInfo {
	display: table-row-group;
}

.sbrRaceRow {
	display: table-row;
}

.sbrRacers1 {
	width: 10%;
	display: table-cell;
	text-align: center;
	border: 2px double #767676;
	vertical-align: middle;
}

.sbrRacers2 {
	width: 38%;
	display: table-cell;
	border: 2px double #767676;
	vertical-align: middle;
}

.sbrRacersPlace {
	font-weight: bold;
}

.sbrRacersJockey {
	padding-left: 5px;
}

.sbrRacers3 {
	width: 18%;
	display: table-cell;
	text-align: center;
	border: 2px double #767676;
	line-height: 1;
	vertical-align: middle;
}

.sbrRacersTime {
	font-size: 85%;
}

.sbrRacers4 {
	width: 15%;
	display: table-cell;
	text-align: center;
	border: 2px double #767676;
	line-height: 1;
	vertical-align: middle;
}

.upArrow {
	color: green;
}

.downArrow {
	color: red;
}