/*
Styles a 3-color table for ranked divisions of a league

Leading diagonals are in 'dark', as are top-line headers for names and scores
Names and scores are in 'mid', the rest is 'light'

All text is in same colour (so choose 'dark' sensibly) and set at table level
*/

table.division {
    border-collapse: collapse;
    border-spacing: 0px;
    margin: auto;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-left: none;
    border-top: none;
    width: 520px;
    font-size: 11px;
    text-align: center;
    margin-bottom: 20px;
    color: #000;
}

table.division td {
    border-top: 1px solid black;
    border-left: 1px solid black;
    height: 20px;
}

table.division td.x-col{
    font-weight: bold;
}

table.division tr td:first-child {
    text-align: left;
    padding-left: 4px;
}

table.division tr:first-child td:first-child {
    font-weight: bold;
}

/* All the width sizes - and in this order */

table.division td {min-width: 20px;}
table.division td.x-col {width: 35px;}
table.division tr:first-child td:first-child {min-width: 100px;}

table.wide-cols td {min-width: 35px;}

/* All the colouring */

/* light-colour */
table.division {            /* default colour for ordinary cells */
    background-color: #fff;
}
/* mid-colour */
table.division tr:first-child,      /* default for top line (team TLAs) */
table.division tr td:first-child,   /* special cols data (VPs, IMPs etc.) */
table.division td.x-col {           /* team names */
    background-color: #ddd;
}
/* dark-colour */
table.division td.x-x,                          /* same team match-ups */
table.division tr:first-child td:first-child,   /* top-left name-header */
table.division tr:first-child td.x-col  {       /* special cols header (VPs, IMPs etc.) */
    background-color: #ff6666;
}