div.calendar { position: relative; }

.calendar, .calendar table {
  font: 9px verdana;
  color: #000;
  cursor: default;
  background: #F7ECBE;
  border:#AC7D2D 1px solid;
}
 .calendar table td {font: normal 9px verdana; line-height:12px;}
.calendar .button { 
  text-align: center;   
  padding: 2px;         
	font-weight: bold;
}

.calendar thead tr { background: #EEDEAB; color: #fff;}

.calendar thead .title { 
  font-weight: bold;      
  text-align: center;
  padding: 2px;
}

.calendar thead .name {   
  padding: 2px;
  text-align: center;
  color: #fff;
}

.calendar thead .weekend { color: #fff;}
.calendar tbody td.weekend { color: #000;}

.calendar thead .hilite { 
   padding: 2px 2px 1px 2px;
}

.calendar thead .active { 
  color: #fff;
  padding: 3px 1px 0px 3px;
}

.calendar thead .daynames, .calendar table .wn {  background: #AC7D2D;}

.calendar tbody .day { 
  color: #000;
  text-align: right;
  padding: 2px;
}

.calendar tbody td.today { font-weight: bold; }

.calendar thead .hilite , .calendar tbody td.hilite, .calendar tbody td.selected { background: #660000; color:#fff;}

.calendar tbody .emptyrow { display: none;}

.calendar tfoot .footrow {   text-align: center;}