.calendar {position: relative;}
.calendar TABLE {width:100%;}
.calendar TABLE TD {padding:0;}
.calendar THEAD .title {color:#626262; text-align:center; height:22px; line-height:22px; background:#C3C3C3; font-weight:bold; cursor:default;}
.calendar THEAD .headrow TD.nav {text-align:center; color:#626262; height:18px; line-height:18px; cursor:pointer; padding-bottom:3px;}
.calendar THEAD .headrow TD.hilite {background-color:#e7e7e7;}
.calendar THEAD .headrow TD.active {background-color:#aeaeae;}
.calendar THEAD .daynames TD {border-bottom:1px solid #aeaeae; background:#C3C3C3; text-align:center; height:21px; line-height:21px; cursor:default; color:#626262; font-weight:bold;}
.calendar THEAD .daynames TD.weekend {color:#ce0000;}

.calendar .daysrow TD {text-align:right; padding:2px 4px 2px 2px; width:22px;}
.calendar .daysrow TD.disabled {color:#7f7f7f; cursor:default; }
.calendar .daysrow TD.clickable {color:#588093; text-decoration:underline; cursor:pointer;}
.calendar .daysrow TD.hilite {background-color:#e7e7e7;}
.calendar .daysrow TD.selected {color:#FFF; background:#588093;}
.calendar .emptyrow {display:none;}

.calendar TFOOT .footrow TD {text-align:center; background:#C3C3C3; color:#626262; height:21px; cursor:default;}

.calendar .combo {position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 28px;
  cursor: default;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #aeaeae;
  background: #fff;
  z-index: 100;
}

.calendar .combo .hilite {
  background: #f4f4f4;
}

.calendar .combo .label {
  cursor:pointer;
}

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  background: url("title-bg.gif") repeat-x 0 100%; color: #000;
  font-weight: bold;
}

.calendar .nav {
  font-family: verdana,tahoma,sans-serif;
}

.calendar .nav div {
  background: transparent url("menuarrow.gif") no-repeat 100% 100%;
}