div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #A77C37;
  font: 9px verdana;
  color: #000;
  cursor: default;
  background: #fff;
}

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

.calendar thead tr { background: #EBC47F; color: #651D6D;}

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

.calendar thead .name {   border-bottom: 1px solid #A77C37;
  padding: 2px;
  text-align: center;
  color: #000;
}

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

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

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

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

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

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

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

.calendar tbody .emptyrow { display: none;}

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