.diagonal /* ending at bottom-right */
{
    background-color: silver;
}

.stripe /* starting at top-left */
{
    background-color: white;
}

.optimal /* simplest change path from top-left to bottom-right: tooltip has more info */
{
    font-weight: bold;
    cursor: help;
}

.nonoptimal /* tooltip has some info */
{
    cursor: help;
}

.threshold /* Over Change Limit */
{
    color: red;
    border-color: inherit;
}

.radiochange /* cross-reference matrix to list of changes */
{
    background-color:cyan;
    padding:2px;
}

td
{
    white-space: nowrap;
    text-align: center;
}

li
{
    margin-top: 8px;
    padding-left: 30px;
    text-indent: -30px;
}