.cal {
    border-collapse: collapse;
    z-index: 3000;
}

.cal TD {
    font-size: 11px;
    padding: 3px;
}

.cal .header TD {
    background-color: #4682b4;
    border: 1px solid #4682b4;
}

.cal .workday {
    background-color: white;
    text-align: right;
    border: 1px solid #4682b4;
    cursor: pointer;
    width: 28px;
    font-size: 11px;
}

.cal .weekend {
    background-color: #DBEAF5;
    text-align: right;
    border: 1px solid #4682b4;
    cursor: pointer;
    width: 28px;
    font-size: 11px;
}

.cal .currentDate {
    background-color: #FFB6C1;
    text-align: right;
    border: 1px solid #4682b4;
    cursor: pointer;
    width: 28px;
    font-size: 11px;
    font-weight: bold;
}

.cal .weekDayTitles TD {
    background-color: #87CEFA;
    border: 1px solid #4682b4;
    font-weight: bold;
    color: white;
}

.cal .currentMonthDays {
    color: black;
    font-size: 11px;
}

.cal .otherMonthDays {
    color: gray;
    font-size: 10px;
}

#calMonthYear {
    color: white;
}

#calLinks {
    float: right;
    text-align: right;
    color: white;
}

#calLinks A {
    color: white;
}

.closeLink {
    cursor: pointer;
    color: red;
    font-weight: bold;
    padding: 2px;
}

#calendar {
    position: absolute;
    width: 196px;
    display: none;
    z-index: 100;
}