div.calendar { position: relative; z-index: 100;}
.calendar, .calendar table { border: 1px solid #cccccc; font-size: 11px; color: #000; cursor: default; background: #efefef; font-family: arial,verdana,sans-serif;}
.calendar .button { text-align: center; padding: 2px;}
.calendar thead .title { font-weight: bold; text-align: center; background: #333333; color: #ffffff; padding: 2px;}
.calendar thead .headrow { background: #dedede; color: #000;}
.calendar thead .name { border-bottom: 1px solid #cccccc; padding: 2px; text-align: center; color: #000;}
.calendar thead .weekend { color: red;}
.calendar thead .hilite { background: #bbbbbb; color: #000000; border: 1px solid #cccccc; padding: 1px;}
.calendar thead .active { background: #c77; padding: 2px 0px 0px 2px;}
.calendar thead .daynames { background: #dddddd;}
.calendar tbody .day { width: 2em; text-align: right; padding: 2px 4px 2px 2px;}
.calendar table .wn {padding: 2px 3px 2px 2px; border-right: 1px solid #cccccc; background: #dddddd;}
.calendar tbody .rowhilite td { background: #666666; color: #ffffff;}
.calendar tbody .rowhilite td.wn { background: #666666; color: #ffffff;}
.calendar tbody td.hilite { background: #999999; padding: 1px 3px 1px 1px;border: 1px solid #666666;}
.calendar tbody td.active { background: #000000; color: #ffffff;padding: 2px 2px 0px 2px;}
.calendar tbody td.selected { font-weight: bold; border: 1px solid #000; padding: 1px 3px 1px 1px; background: #000000; color: #ffffff;}
.calendar tbody td.weekend { color: #cccccc;}
.calendar tbody td.today { font-weight: bold;}
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell {visibility: hidden;}
.calendar tbody .emptyrow {display: none;}
.calendar tfoot .footrow { text-align: center; background: #cccccc; color: #000;}
.calendar tfoot .ttip { border-top: 1px solid #cccccc; background: #efefef; color: #000000;}
.calendar tfoot .hilite { background: #666666; border: 1px solid #f40; padding: 1px;}
.calendar tfoot .active { background: #999999; padding: 2px 0px 0px 2px;}
.combo { position: absolute; display: none; top: 0px; left: 0px; width: 4em; cursor: default; border: 1px solid #655; background: #ffffff; color: #000; font-size: smaller;}
.combo .label { width: 100%; text-align: center;}
.combo .hilite { background: #fc8;}
.combo .active { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: #efefef;font-weight: bold;}