.calendar {
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  color: #000;
  background: #fff;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  color: #000;
  background: #fff;
}

.calendar .button {
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #8A0F14;
  color: #fff;
}

.calendar .nav {
  background: #8A0F14 100% 100%;
}

.calendar thead .title {
  border: 1px solid #000;
  background: #8A0F14;
  color: #fff;
}

.calendar thead .name { 
  border-bottom: 1px solid #000;
  background: #EEEEEE;
}

.calendar thead .weekend {
  color: #f00;
}

.calendar thead .hilite {
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background-color: #8A0F14;
}

.calendar thead .active {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #8A0F14;
}

.calendar tbody .day.othermonth {
  font-size: 80%;
}

.calendar table .wn {
  border-right: 1px solid #000;
  background: #e8f4f0;
}

.calendar tbody .rowhilite td {
  background: #EEEEEE;
}

.calendar tbody .rowhilite td.wn {
  background: #EEEEEE;
}

.calendar tbody td.hilite {
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar tbody td.selected {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background: #EEEEEE;
}

.calendar tbody td.weekend { 
  color: #f00;
}

.calendar tbody td.today { 
  color: #8D0406;
}

.calendar tbody .disabled { color: #999; }


.calendar tfoot .ttip {
  background: #e8f4f0;
  border: 1px solid #000;
  background: #8D0406;
  color: #fff;
}

.calendar tfoot .hilite {
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #8A0F14;
}

.calendar tfoot .active {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo {
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d8e4e0;
}

.calendar .combo .active {
  background: #8A0F14;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #8A0F14;
  color: #aef;
}

.calendar td.time {
  border-top: 1px solid #000;
  background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  border: 1px solid #889;
  background-color: #fff;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
