.calendar {
    background-color: #fff;
    border: 1px solid #bfbfbf;
    color: #555;
    cursor: default;
    display: none;
    font-family: "Arial", "Verdana";
    font-size: 11px;
    position: relative;
    z-index: 10000;
}
.calendar .button {
    background-color: #dfedd6;
    border: 1px solid #f5f5f5;
    padding: 1px;
    text-align: center;
}
.calendar thead .title {
    background-color: #69a541;
    border: 1px solid #fff;
    font-weight: bold;
    padding: 1px;
    text-align: center;
    color: #fff;
}
.calendar thead .headrow {
}
.calendar thead .daynames {
}
.calendar thead .name {
    background-color: #efefef;
    border-bottom: 1px solid #bfbfbf;
    padding: 2px;
    text-align: center;
}
.calendar thead .weekend {
    font-weight: bold;
    color: #000;
}
.calendar thead .hilite {
    border-color: #eef7e8 #c7d9bc #c7d9bc #eef7e8;
    border-style: solid;
    border-width: 2px;
    padding: 0;
}
.calendar thead .active {
    border-color: #eef7e8 #c7d9bc #c7d9bc #eef7e8;
    border-style: solid;
    border-width: 1px;
    padding: 2px 0 0 2px;
}
.calendar tbody .day {
    padding: 2px 4px 2px 2px;
    text-align: right;
    width: 2em;
}
.calendar tbody .day.othermonth {
    color: #000;
    font-size: 80%;
}
.calendar tbody .day.othermonth.oweekend {
    color: #FFAAAA;
}
.calendar table .wn {
    background-color: #efefef;
    border-right: 1px solid #bfbfbf;
    padding: 2px 3px 2px 2px;
}
.calendar tbody .rowhilite td {
    background: #dfdfdf;
    color: #000;
}
.calendar tbody td.hilite {
    border: 1px solid #fff;
    padding: 1px 3px 1px 1px;
}
.calendar tbody td.active {
    border-color: #bfbfbf #f5f5f5 #f5f5f5 #bfbfbf;
    border-style: solid;
    border-width: 1px;
    padding: 2px 2px 0;
}
.calendar tbody td.selected {
    background: buttonface none repeat scroll 0%;
    border-color: #bfbfbf #f5f5f5 #f5f5f5 #bfbfbf;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    padding: 2px 2px 0;
}
.calendar tbody td.weekend {
    font-weight: bold;
    color: #000;
}
.calendar tbody td.today {
    color: #ff7e00;
    font-weight: bold;
}
.calendar tbody td.disabled {
    color: graytext;
}
.calendar tbody .emptycell {
    visibility: hidden;
}
.calendar tbody .emptyrow {
    display: none;
}
.calendar tfoot .footrow {
}
.calendar tfoot .ttip {
    background: #efefef;
    border-top: 1px solid #bfbfbf;
    padding: 2px;
    text-align: center;
}
.calendar tfoot .hilite {
    background:#E4E0D8 none repeat scroll 0%;
    border-color:#FFFFFF rgb(0, 0, 0) rgb(0, 0, 0) rgb(255, 255, 255);
    border-style:solid;
    border-width:1px;
    padding:1px;
}
.calendar tfoot .active {
    border-color:#000000 rgb(255, 255, 255) rgb(255, 255, 255) rgb(0, 0, 0);
    border-style:solid;
    border-width:1px;
    padding:2px 0px 0px 2px;
}
.calendar .combo {
    background:menu none repeat scroll 0%;
    border-color:buttonhighlight buttonshadow buttonshadow buttonhighlight;
    border-style:solid;
    border-width:1px;
    color:menutext;
    cursor:default;
    display:none;
    font-size:90%;
    left:0px;
    padding:1px;
    position:absolute;
    top:0px;
    width:4em;
    z-index:100;
}
.calendar .combo .label, .calendar .combo .label-IEfix {
    padding:1px;
    text-align:center;
}
.calendar .combo .label-IEfix {
    width:4em;
}
.calendar .combo .active {
    border:1px solid #000000;
    padding:0px;
}
.calendar .combo .hilite {
    background:highlight none repeat scroll 0%;
    color:highlighttext;
}
.calendar td.time {
    background-color:buttonface;
    border-top:1px solid buttonshadow;
    padding:1px 0px;
    text-align:center;
}
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {
    background-color:menu;
    border:1px solid #888899;
    font-weight:bold;
    padding:0px 3px 0px 4px;
}
.calendar td.time .ampm {
    text-align:center;
}
.calendar td.time .colon {
    font-weight:bold;
    padding:0px 2px 0px 3px;
}
.calendar td.time span.hilite {
    background-color:highlight;
    border-color:#000000;
    color:highlighttext;
}
.calendar td.time span.active {
    background-color:#000000;
    border-color:#FF0000;
    color:#00FF00;
}