div.calendar { position: relative; }

.calendar, .calendar table {
  font: 11px georgia;
  color: #000;
  cursor: default;
  background: #fff;
  border:#EC8921 1px solid;
  z-index:100;
}
 .calendar table td { line-height:14px; padding:2px 3px;}
.calendar .button { 
  text-align: center;   
  padding: 2px;         
}

.calendar thead tr { background: #F6C897; color: #fff;}
.calendar thead tr td {font: 11px arial;}
.calendar thead .title { 
  text-align: center;
  color:#fff
}

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

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


.calendar thead .active {   color: #fff;}

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

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

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

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

.calendar tbody .emptyrow { display: none;}

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