
TABLE#calendarTable {
    float : right;
    margin: 5px 10px 0px 5px;
    border: thin solid #5c5;
    border-radius: 5px;
    box-shadow: 1px 2px 10px 2px #888;
    background-color: #fff;
    font-family: Times, Arial, Helvetica;
    font-size: 9pt;
}

.yearMonthTD {
    padding: 0px 10px;
    vertical-align: top;
}

.yearMonthLabel {
    color: #555;
    font-size: 9pt;
    width: 80px;
    text-align: center;
    padding: 3px 5px 0px 0px;
}

.dateTip {
    text-align: right;
    margin-right: 5px;
    padding: 0px 5px;
    margin-right: 5px;
}

.greenDateTip {
    text-align: center;
    font-size: 9pt;
    margin-right: 5px;
    background-color: #3c9;
    color: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 5px 1px #555;
    text-shadow: 1px 1px 0px #000;
}
.greenDateTip:hover {
    background: #00f;
    color: #ff0;
}

.yellowDateTip {
    text-align: center;
    font-size: 9pt;
    margin-right: 5px;
    background-color: #ffa;
    border-radius: 10px;
    box-shadow: 1px 1px 10px 1px #888;
}
.yellowDateTip:hover {
    background: #00f;
    color: #ff0;
}

.pinkDateTip {
    text-align: center;
    font-size: 9pt;
    margin-right: 5px;
    background-color: #fcc;
    border-radius: 10px;
    box-shadow: 1px 1px 5px 1px #555;
}
.pinkDateTip:hover {
    background: #00f;
    color: #ff0;
}

