BODY {font-size: 4vw;}

/* Basic row formatting, turning on striping of odd and even rows */
.CompetitorRow {white-space: nowrap; width: 100%; overflow: hidden; border-bottom: solid 1px #F0F0F0;}
.CompetitorRow.EvenRow {background: white;}
.CompetitorRow.OddRow {background: #F7F7F7;}

/* Specific formatting for people marked in the &highlight list. The !important takes precedence over things such as GoldSilverBronze */
.CompetitorRow.Highlight {background: blue !important; color: white !important;}

/* Formatting of columns, defining widths in terms of the viewport */
.CompetitorCol {display: inline-block; text-overflow: ellipsis; border-left: solid 1px #F0F0F0;}
.CompetitorCol.Rank {width: 15vw; border-left: 0;}
.CompetitorCol.Country {width: 15vw; text-align: center;}
.CompetitorCol.DisplayName {width: 40vw;}
.CompetitorCol.Value {width: 30vw; text-align: right;}

/* Inner padding within each cell. The extra padding on the numeric value is to leave enough room if there's a vertical scrollbar */
.CompetitorCol .InnerData {padding: 5px;}
.CompetitorCol.Value .InnerData {padding-right: 25px;}

/* Colour-formatting of data values, turned on colourcode=yes */
.CompetitorCol.Value SPAN.PositiveValue {color: #00C000;}
.CompetitorCol.Value SPAN.NegativeValue {color: #C00000;}
.CompetitorCol.Value SPAN.ZeroValue {}

/* No-scrolling setting: turn off scrolling on body */
BODY.Scrolling {overflow-y: auto;}

/* No-gridlines setting: turn off row and column borders */
BODY.NoGridLines .CompetitorRow {border-bottom: 0;}
BODY.NoGridLines .CompetitorCol {border-left: 0;}

/* No-country setting: turn that off and distribute its width among other columns */
BODY.NoCountry .CompetitorCol.Country {display: none;}
BODY.NoCountry .CompetitorCol.DisplayName {width: 50vw;}
BODY.NoCountry .CompetitorCol.Value {width: 35vw;}

/* Gold and gold-silver-bronze optional settings */
BODY.GoldSilverBronze .CompetitorRow.Rank1 {color: black; background: linear-gradient(45deg, rgba(242,215,12,1) 0%,rgba(255,255,255,1) 56%,rgba(252,235,0,1) 96%);}
BODY.GoldSilverBronze .CompetitorRow.Rank2 {color: black; background: linear-gradient(45deg, rgba(160,160,160,1) 0%,rgba(232,232,232,1) 56%);}
BODY.GoldSilverBronze .CompetitorRow.Rank3 {color: black; background: linear-gradient(45deg,  rgba(223,182,103,1) 0%,rgba(249,243,232,1) 56%,rgba(231,192,116,1) 96%);}

BODY.Gold .CompetitorRow.Rank1 {background: linear-gradient(45deg, rgba(242,215,12,1) 0%,rgba(255,255,255,1) 56%,rgba(252,235,0,1) 96%);}

/* OTHER EXAMPLES: not enabled

Note that each competitor row is assigned the class RankN, e.g. Rank1 or Rank2603, based on the competitor's ranking. This is used
for the optional Gold and GoldSilverBronze classes, but can be extended e.g. to colour-code people in the top 10 or even the top 50

The competitor rows also get the classes Profitable, Unprofitable, or Flat depending on their percentage return. These can be used
to colour-code the entire row rather than just the numeric value
	.CompetitorRow.Profitable {background: #E0FFE0;}
	.CompetitorRow.Unprofitable {background: #FFE0E0;}

*/