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; }

.sbrRacersDrop { width: 100%; 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; }

.sbrRacers2 img { border: 2px solid black; }

.upArrow { color: green; }

.downArrow { color: red; }