/*
 * *****************************************************************************
 * Table
 * *****************************************************************************
 */

div.scheduleContainer {
    overflow: auto;
}

table.schedule {
    width: 98%;
    display: table;
    border-collapse: collapse;
    background-color: transparent;
    line-height: 16px;
    table-layout: auto;
    margin: 0 auto;
}

/*
 * *****************************************************************************
 * Background, font, alignment, wrapping
 * *****************************************************************************
 */

.schedule .header {
    background-color: #f6f6f6;
    font-style: normal;
    font-weight: normal;
}

.schedule .headerSwitchCorner {
    background-color: #221E1F;
}

.schedule .headerDayLeftRight {
    text-align: left;
    padding: 2px 0.7em;
    white-space: nowrap;
}

.schedule .headerTimeTop {
    text-align: center;
}

.schedule td {
    min-width: 10px;
    text-align: center;
    white-space: nowrap;
    background-color: white;
}

.schedule .textCell {
    padding-left: 2px;
    padding-right: 2px;
}

.schedule .lessonCell,
.legend .lessonCell {
    background-color: #fff704;
}

.schedule span.fullCapacity {
    color: #FF0000;
}

.schedule .reservationCell {
    background-color: #ffffff;
}

.schedule .blockedCell {
    background-color: #ffffff;
}

.schedule .blandCell,
.legend .blandCell {
    background-color: #ffffff;
}

.schedule td.emptyLinkCell {
    padding-left: 0;
    padding-right: 0;
}

.schedule td.emptyLinkCell a {
    width: 100%; /* Note that height 100% has no effect if this row height is determined by multi-line content of other cell in the row. */
    display: block;
}

.schedule td.emptyLinkCell:hover {
    background-color: #d0ffa2;
}

/*
 * *****************************************************************************
 * Border
 * *****************************************************************************
 */

.schedule .darkBorderLeft {
    border-left: 1px solid #909090;
}

.schedule .darkBorderRight {
    border-right: 1px solid #909090;
}

.schedule .darkBorderTop {
    border-top: 1px solid #909090;
}

.schedule .darkBorderBottom {
    border-bottom: 1px solid #909090;
}

.schedule .solidBorderLeft {
    border-left: 1px solid #ddd;
}

.schedule .solidBorderRight {
    border-right: 1px solid #ddd;
}

.schedule .solidBorderTop {
    border-top: 1px solid #ddd;
}

.schedule .solidBorderBottom {
    border-bottom: 1px solid #ddd;
}

.schedule .dotBorderLeft {
    border-left: 1px dotted #e6e6e6;
}

.schedule .dotBorderRight {
    border-right: 1px dotted #e6e6e6;
}

.schedule .dotBorderTop {
    border-top: 1px dotted #e6e6e6;
}

.schedule .dotBorderBottom {
    border-bottom: 1px dotted #e6e6e6;
}

.schedule .invisibleBorderLeft {
    border-left: 1px solid transparent;
}

.schedule .invisibleBorderRight {
    border-right: 1px solid transparent;
}

.schedule .invisibleBorderTop {
    border-top: 1px solid transparent;
}

.schedule .invisibleBorderBottom {
    border-bottom: 1px solid transparent;
}

/*
 * *****************************************************************************
 * Text Color
 * *****************************************************************************
 */

/* use "td" in selectors to avoid links in menu in header corner */
.schedule td a,
.schedule td a:link,
.schedule td a:active {
    color: black;
}

.schedule {
    color: black;
}