.calFrame {
    border: 1px solid #4E7DD1;
    border-collapse:collapse;
    width:100%;
}
.calFrame td {
    border: 1px solid #4E7DD1;
}
.calTitleCell {
    text-align:center;
    vertical-align:middle;
    font-weight: bold;
    color: #4E7DD1;
}
.calTitle {
}
.calLeftTitleButton {
    margin-right:10px
}
.calRightTitleButton {
    margin-left:10px;
}
.calDOWtitle {
    width:14.28%;
    text-align:center;
    background-color:#4E7DD1;
    color:white;
    font-weight:bold;
}
.OutOfMonthCell {
    width:14.28%;
    background-color: white;
    text-align:center;
    color: #DDDDDD;
}
.OutOfMonthDOMtitle {
    float:left;
    width:100%;
    text-align:right;
    background-color:#F2F2F2;
    color: #BFBFBF;
}
.OutOfMonthEvent {
    background-color:#FFFFB3;
}
.WeekendCell {
    width:14.28%;
    background-color:#EEEEEE;
    text-align:center;
}
.WeekendDOMtitle {
    float:left;
    width:100%;
    text-align:right;
    /* background-color:#FFFF80; */
    background-color:#DDDDDD;
}
.WeekendEvent {
    background-color:#FFFFB3;
}
.WeekdayCell {
    width:14.28%;
    background-color: #F1F6FE;
    text-align:center;
}
.WeekdayDOMtitle {
    float:left;
    width:100%;
    text-align:right;
    background-color:#D9E6FC;
    color:#2153AA;
}
.WeekdayEvent {
    background-color:#FFFFB3;
}
.EventCell {
    width:14.28%;
    background-color:#FFFFB3;
    text-align:center;
}

#eventtooltip {
    position: absolute;
    width: 200px;
    border: 1px solid black;
    padding: 2px;
    background-color: #FFFFB3;
    text-align: left;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    visibility: hidden;
    z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    /* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); */
}