@import url("layouts/layout-2d.css");
.calendar { border-color: #232;width:100px;z-index:1000; }
.calendar table { border-color: #565;color: #000;background-color: #efe;border:1px solid white;cursor:pointer;width:100px}
.calendar TD{padding:4px;}
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  background-color: #676;color: #fff;width:20px}
.calendar .nav {background-color: #676;}
.calendar thead .title { background-color: #88a9ec;color: #CCF7BD;text-align:center;}
.calendar thead .headrow { }
.calendar thead .name { border-color: #565;color: #000;}
.calendar thead .weekend { color: #a66;}
.calendar thead .hilite { background-color: #afa;color: #000;border-color: #084;}
.calendar thead .active { background-color: #7c7;}
.calendar thead .daynames { background-color: #dfb;}
.calendar tbody .day { color: #564;}
.calendar tbody .day.othermonth {color: #888;}
.calendar tbody .day.othermonth.oweekend { color: #c88;}
.calendar table .wn {border-color: #8a8;background-color: #dfb;}
.calendar tbody .rowhilite td {background-color: #dfd;}
.calendar tbody .rowhilite td.wn {background-color: #efe;}
.calendar tbody td.hilite { background-color: #efd;border-color: #bbb;}
.calendar tbody td.active { background-color: #dec;}
.calendar tbody td.selected { border-color: #000;background-color: #f8fff8;text-align:center;color: #000;}
.calendar tbody td.weekend { color: #a66;}
.calendar tbody td.today { color: #0a0; }
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell {}
.calendar tbody .emptyrow { }
.calendar tfoot .footrow { background-color: #565;color: #fff;}
.calendar tfoot .ttip { background-color: #88a9ec;color: #CCF7BD;}
.calendar tfoot .hilite { background-color: #afa;border-color: #084;color: #000;}
.calendar tfoot .active { background-color: #7c7;}
.calendar .combo {border-color: #565;background-color: #efd;color: #000;}
.calendar .combo .hilite {background-color: #af8;}
.calendar .combo .active {border-color: #6a4;background-color: #efe;}
.calendar tfoot tr.time td { border-color: #8a8; }
.calendar tfoot tr.time td.hour,
.calendar tfoot tr.time td.minute { border-color: #aca; }
.calendar tfoot tr.time td.hilite { background-color: #af8; }
.calendar tfoot tr.time td.active { background-color: #7c7; }