a       {text-decoration: none; color: blue}
a.red   {color: red}
a.bl    {color: black}
a.co    {font: 11pt courier, monospace}
a.le    {text-align: left}
a.uni   {font: 10pt Georgia, Arial}
a:hover {font-weight: bold;}

BODY    {font: 11pt Georgia, Arial; text-align: center}
TABLE   {font: 11pt Georgia, Arial; text-align: center; empty-cells: show;}
TD      {font: 10pt Georgia, Arial; text-align: center; empty-cells: show;}
TD.le   {text-align: left}
TD.let  {text-align: left; padding-left: 2mm}
TD.lot  {text-align: left; padding-left: 1mm}
TD.letu {font: 10pt  Georgia, Arial; text-align: left; padding-left: 2mm}
TD.ri   {text-align: right}
TD.rit  {text-align: right; padding-right: 2mm}
TD.ritu {font: 10pt Georgia, Arial; text-align: right; padding-right: 2mm}
TD.bo   {font-weight: bold}
TD.bog  {font-weight: bold; background-color: #EEEECC}
TD.it   {text-align: left; font-style: italic}
TD.co   {font: 11pt "Courier New", monospace}
TD.gi   {font: 20pt Georgia, Arial; font-weight: bold}
TD.gr   {background-color: #EEEECC}
LI      {font: 12pt Georgia, Arial; text-align: justify}
DIV     {font: 12pt Georgia, Arial}
P       {font: 12pt Georgia, Arial; text-align: justify; text-indent: 1cm}
P.le    {text-align: left; text-indent: 0cm}
P.ce    {text-align: center; text-indent: 0cm}
P.ri    {text-align: right; text-indent: 0cm}
P.sm    {font: 10pt Arial, sans-serif; text-indent: 0cm}
P.ita   {margin-left: 5%; margin-right: 5%; text-align: left; font: 12pt Arial; font-style: italic}
H1      {font: 17pt Georgia, Arial; text-align: center}
H2      {font: 16pt Georgia, Arial; text-align: center}
H3      {font: 15pt Georgia, Arial; text-align: center}
H4      {font: 14pt Georgia, Arial; text-align: center}
H4.bole {font-weight: bold; text-align: left}
H4.oli  {text-align: center; color: #808000}

div.longlist {
  font: 10pt "Arial", sans-serif;
  margin-left: 5%;
  margin-right: 5%;
  text-align: center;
}

div.longlist a:hover { color: red; }

:root {
  --c-head-bg: #EEEECC;
  --c-grid: #A9A9A9;
  --c-cell-bg: #F2F2F2;
  --c-qualified-bg: #E0E0FF;
  --c-seed: #808080;
  --c-note: #CC0000;
  --c-white: #FFFFFF;
  --c-black: #CCCCCC;

  --b-cell: 0;
  --b-outer: 0px solid var(--c-grid);
  --b-m-cell: var(--b-cell);
  --b-m-outer: var(--b-outer);

  /* Round Robin: Crosstable */
  --w-rr-qual: 35px;
  --w-rr-pos: 50px;
  --w-rr-name: 230px;
  --w-rr-seed: 35px;
  --w-rr-elo: 35px;
  --w-rr-flag: 35px;
  --w-rr-game: 45px;
  --w-rr-tb: 50px;
  --w-rr-carried: 35px;
  --w-rr-plus: 32px;
  --w-rr-eq: 32px;
  --w-rr-minus: 32px;
  --h-rr-row: 22px;

  /* Swiss: Final standings */
  --w-swiss-qual: 35px;
  --w-swiss-pos: 50px;
  --w-swiss-name: 230px;
  --w-swiss-seed: 35px;
  --w-swiss-elo: 35px;
  --w-swiss-flag: 35px;
  --w-swiss-tb: 50px;
  --w-swiss-plus: 32px;
  --w-swiss-eq: 32px;
  --w-swiss-minus: 32px;
  --w-swiss-round: 45px;
  --h-swiss-row: 22px;

  /* KO: Final standings */
  --w-ko-qual: 35px;
  --w-ko-pos: 50px;
  --w-ko-name: 230px;
  --w-ko-seed: 25px;
  --w-ko-elo: 35px;
  --w-ko-flag: 35px;
  --w-ko-round: 70px;
  --h-ko-head: 28px;
  --h-ko-row: 22px;

  /* Match / KO */
  --w-m-qual: 35px;
  --w-m-pos: 50px;
  --w-m-name: 230px;
  --w-m-seed: 35px;
  --w-m-elo: 35px;
  --w-m-flag: 35px;
  --w-m-sum: 45px;
  --w-m-wins: 35px;
  --w-m-tb: 35px;
  --w-m-round: 45px;
  --w-m-plus: 30px;
  --w-m-eq: 30px;
  --w-m-minus: 30px;
  --h-m-head: 22px;
  --h-m-row: 22px;

  /* Round by round */
  --w-rbr-board: 35px;
  --w-rbr-name: 230px;
  --w-rbr-seed: 35px;
  --w-rbr-flag: 35px;
  --w-rbr-elo: 35px;
  --w-rbr-result: 69px;
  --h-rbr-row: 22px;

  /* Information */
  --w-info-label: 180px;
  --w-info-value: 350px;
  --h-info-row: 22px;
}

.ib-clickable { cursor: pointer; }
.ib-note-alert { color: var(--c-note); font-weight: bold; }
.ib-cell-white { background-color: var(--c-white); }
.ib-cell-black { background-color: var(--c-black); }
.ib-table-caption-right { text-align: right; }

.ib-rr-table,
.rr-crosstable,
.ib-swiss-table,
.swiss-standings,
.ib-ko-table,
.ko-standings,
.ib-rbr-table,
.rbr-results,
.ib-info-table,
.info-table {
  margin: 0 auto;
  width: auto;
  border-collapse: separate;
  border-spacing: 1px;
  border: var(--b-outer);
  background: var(--c-grid);
}

.ib-rr-table td,
.rr-crosstable td,
.ib-swiss-table td,
.swiss-standings td,
.ib-ko-table td,
.ko-standings td,
.ib-rbr-table td,
.rbr-results td,
.ib-info-table td,
.info-table td {
  border: var(--b-cell);
  background: var(--c-cell-bg);
  padding: 1px 4px;
  box-sizing: border-box;
}

.ib-rr-th,
.ib-swiss-th,
.ib-ko-th,
.ib-info-head,
.ib-rbr-round-head,
.ib-match-th {
  font-weight: bold;
  background: var(--c-head-bg) !important;
}

.ib-match-table,
.match-results,
.ib-ko-match-table {
  width: auto;
  border-collapse: separate;
  border-spacing: 1px;
  border: var(--b-m-outer);
  background: var(--c-grid);
}

.ib-match-table-center {
  margin: 0 auto;
}

.ib-ko-match-table {
  margin: 0;
}

.ib-match-table td,
.match-results td,
.ib-ko-match-table td {
  border: var(--b-m-cell);
  background: var(--c-cell-bg);
  padding: 1px 4px;
  box-sizing: border-box;
}


.ib-rr-head-row td,
.ib-rr-row td { height: var(--h-rr-row); }
.ib-swiss-row td { height: var(--h-swiss-row); }
.ib-ko-head-row td { height: var(--h-ko-head); }
.ib-ko-row td { height: var(--h-ko-row); }
.ib-rbr-table tr td { height: var(--h-rbr-row); }
.ib-info-table tr td { height: var(--h-info-row); }
.ib-match-head-row td { height: var(--h-m-head); }
.ib-match-row td { height: var(--h-m-row); }

.ib-rr-col-qual { width: var(--w-rr-qual); }
.ib-rr-col-pos { width: var(--w-rr-pos); }
.ib-rr-col-name { width: var(--w-rr-name); }
.ib-rr-col-seed { width: var(--w-rr-seed); color: var(--c-seed); }
.ib-rr-col-elo { width: var(--w-rr-elo); }
.ib-rr-col-flag { width: var(--w-rr-flag); }
.ib-rr-col-game { width: var(--w-rr-game); }
.ib-rr-col-tb { width: var(--w-rr-tb); }
.ib-rr-col-carried { width: var(--w-rr-carried); }
.ib-rr-col-plus { width: var(--w-rr-plus); }
.ib-rr-col-eq { width: var(--w-rr-eq); }
.ib-rr-col-minus { width: var(--w-rr-minus); }

.ib-swiss-col-qual { width: var(--w-swiss-qual); }
.ib-swiss-col-pos { width: var(--w-swiss-pos); }
.ib-swiss-col-name { width: var(--w-swiss-name); }
.ib-swiss-col-seed { width: var(--w-swiss-seed); color: var(--c-seed); }
.ib-swiss-col-elo { width: var(--w-swiss-elo); }
.ib-swiss-col-flag { width: var(--w-swiss-flag); }
.ib-swiss-col-tb { width: var(--w-swiss-tb); }
.ib-swiss-col-plus { width: var(--w-swiss-plus); }
.ib-swiss-col-eq { width: var(--w-swiss-eq); }
.ib-swiss-col-minus { width: var(--w-swiss-minus); }
.ib-swiss-col-round { width: var(--w-swiss-round); }

.ib-ko-col-qual { width: var(--w-ko-qual); }
.ib-ko-col-pos { width: var(--w-ko-pos); }
.ib-ko-col-name { width: var(--w-ko-name); }
.ib-ko-col-seed { width: var(--w-ko-seed); color: var(--c-seed); }
.ib-ko-col-elo { width: var(--w-ko-elo); }
.ib-ko-col-flag { width: var(--w-ko-flag); }
.ib-ko-col-round { width: var(--w-ko-round); }

.ib-m-col-qual { width: var(--w-m-qual); }
.ib-m-col-pos { width: var(--w-m-pos); }
.ib-m-col-name { width: var(--w-m-name); }
.ib-m-col-seed { width: var(--w-m-seed); color: var(--c-seed); }
.ib-m-col-elo { width: var(--w-m-elo); }
.ib-m-col-flag { width: var(--w-m-flag); }
.ib-m-col-sum { width: var(--w-m-sum); }
.ib-m-col-wins { width: var(--w-m-wins); }
.ib-m-col-tb { width: var(--w-m-tb); }
.ib-m-col-round { width: var(--w-m-round); }
.ib-m-col-plus { width: var(--w-m-plus); }
.ib-m-col-eq { width: var(--w-m-eq); }
.ib-m-col-minus { width: var(--w-m-minus); }

.ib-match-game-white { background: var(--c-white) !important; }
.ib-match-game-black { background: var(--c-black) !important; }
.ib-match-game-neutral { background: var(--c-cell-bg) !important; }

.ib-rbr-col-board { width: var(--w-rbr-board); }
.ib-rbr-col-name { width: var(--w-rbr-name); }
.ib-rbr-col-seed { width: var(--w-rbr-seed); color: var(--c-seed); }
.ib-rbr-col-flag { width: var(--w-rbr-flag); }
.ib-rbr-col-elo { width: var(--w-rbr-elo); }
.ib-rbr-col-result { width: var(--w-rbr-result); }
.ib-rbr-summary { text-align: justify; }

.ib-info-label { width: var(--w-info-label); }
.ib-info-value { width: var(--w-info-value); }

.ib-rr-table td img,
.rr-crosstable td img,
.ib-swiss-table td img,
.swiss-standings td img,
.ib-ko-table td img,
.ko-standings td img,
.ib-rbr-table td img,
.rbr-results td img,
.ib-match-table td img,
.match-results td img,
.ib-ko-match-table td img,
.ib-info-table td img,
.info-table td img {
  vertical-align: middle;
}