table {
    font-family: arial, sans;
    border-collapse: collapse;
    /* color: black; */
}

.draft {
    /* font-weight: lighter; <<< doesn't have any effect in most browsers (yet) */
    color: #B0B0B0;
    font-family: arial, sans;
    font-style: italic;
}

.draft a {
    color: inherit;
    font-style: inherit;
    text-decoration: underline;
}

th,td {
    border: 2px solid black;
    padding: 5px;
}

td {
    text-align: center;
}

td.left {
    /* border: 0px;
    padding: 0px; */
    text-align: left;
    vertical-align: middle;
}

td.right {
    border: 0px;
    padding: 0px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

tr.header th, td {
    background-color: #C3D9FF;
    color: inherit;
}

tr.lab td {
    background-color: #E5ECF9;
    color: inherit;
}

tr.lecture td {
    background-color: #F9F9F9;
    color: inherit;
}

tr.exam td {
    background-color: #FFC0CB;
    color: inherit;
}

tr.noclass td {
    background-color: #8FEEE4;
    color: inherit;
}

td.bg {
    background-image: url(images/lab-icon.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

td a:hover img, a:hover span
{
    background-color: #3CB4F6;
    /* border: 1px solid yellow; */
}

img {
    border-width: 0px;
    width: 40px;
    height: 40px;
}

img.small {
    border-width: 0px;
    width: 24px;
    height: 24px;
}