table.schedule tr#week13 { background-color: yellow; color: black; }

/* Style for a table-based schedule */
table.schedule {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    font-size: small;
    /* collapsing borders and showing empty cells is what I call a "dense"
     * schedule layout -- see below for a "sparse" layout.
     */
    border-collapse: collapse;
    empty-cells: show;
}

table.schedule td, table.schedule th {
    border: thin solid #999;
    padding: 3px;
}

table.schedule td { text-align: center; }

table.schedule tr td:first-child { text-align: right; }

table.schedule th, table.schedule td.noclass, table.schedule tr td:first-child {
    background: #ddd;
    color: black;
}

table.schedule tr.minor td:first-child {
  font-size: x-small;
}

table.schedule td.noclass { font-style: italic; text-align: center; }

/* the idea of a sparse schedule is one where the schedule doesn't render cells
 * for empty time slots, and accentuates the time slots that are used
 */
table.schedule.sparse { border-collapse: separate; empty-cells: hide; }
table.schedule.sparse td { background: #eee; color: inherit; }

