div.calendar{position:relative;}
.calendar,.calendar table{
 border:1px solid black;
 font-size:11px;
 color:black;
 cursor:default;
 background:#EEEEEE;
 font-family:Arial;
}
.calendar .button{
 text-align:center;
 padding:2px;
}
.calendar thead .title{
 font-weight:bold;
 text-align:center;
 background: #EEEEEE;
 color:black;
 padding:2px;
}
.calendar thead .headrow{
 background:#777788;
 color:white;
}
.calendar thead .daynames{
 background:#74A4D1;
}
.calendar thead .name{
 border-bottom:1px solid #CCCCCC;
 padding:2px;
 text-align:center;
 color:white;
}
.calendar thead .weekend{
 color:white;
 font-weight:bold;
}
.calendar thead .hilite{
 background:#FFAA35;
 padding:1px;
 border:1px solid black;
 color:black;
}
.calendar thead .active{
 background:#FFAA35;
 color:black;
 border:1px solid black;
 padding:2px 0px 0px 2px;
}
.calendar tbody .day{
 width:2em;
 color:#666666;
 text-align:right;
 padding:2px 4px 2px 2px;
}
.calendar table .wn{
 padding:2px 3px 2px 2px;
 border-right:1px solid #CCCCCC;
 background:#74A4D1;
 color:white;
}
.calendar tbody .rowhilite td{
 background:#CCCCCC;
}
.calendar tbody .rowhilite td.wn{
 background:#777788;
}
.calendar tbody td.hilite{
 background:#FFAA35;
 padding:1px 3px 1px 1px;
 border:1px solid black;
 color:black;
}
.calendar tbody td.active{
 background:#FFAA35;
 padding:2px 2px 0px 2px;
 border:1px solid black;
 color:black;
}
.calendar tbody td.selected{
 font-weight:bold;
 border:1px solid black;
 padding:1px 3px 1px 1px;
 background:white;
 color:black;
}
.calendar tbody td.weekend{
 color:red;
}
.calendar tbody td.today {
 font-weight:bold;
 color:blue;
}
.calendar tbody .disabled{
 color:#999999;
}
.calendar tbody .emptycell{
 visibility:hidden;
}
.calendar tbody .emptyrow{
 display:none;
}
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
 text-align:center;
 background:#556;
 color:#fff;
}
.calendar tfoot .ttip{
 background:white;
 color:#666666;
 border-top:1px solid #CCCCCC;
 padding:1px;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
 background:#aaf;
 border:1px solid #04f;
 color:#000;
 padding:1px;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
 background:#77c;
 padding:2px 0px 0px 2px;
}
.combo{
 position:absolute;
 display:none;
 top:0px;
 left:0px;
 width:4em;
 cursor:default;
 border:1px solid #CCCCCC;
 background:#EEEEEE;
 color:black;
 font-size:smaller;
}
.combo .label{
 width:100%;
 text-align:center;
}
.combo .hilite{
 background:#74A4D1;
 color:white;
}
.combo .active {
 border-top:1px solid black;
 border-bottom:1px solid black;
 background:white;
 font-weight: bold;
}