@charset "UTF-8";
/* CSS Document */

/* ====================================================================================
*  DHTML Calendar stylesheet section 
*
/* ==================================================================================== */

/* The main calendar widget.  DIV containing a table. */
.calendar {	  position: relative;  display: none;  border: 1px solid;  border-color: #fff #000 #000 #fff;  font-size: 11px;  cursor: default;  background: #FFFFFF;  color: #FFFFFF;   z-index:256; }
.calendar table {  border: 1px solid;  border-color: #fff #999 #666 #91752c;  font-size: 11px;  cursor: default;  background: #FFFFFF;;  color: #5b5b5b;  
}
/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;  padding: 1px;  border: 1px solid;  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;  background: #f27d24;  }
.calendar .nav {  }
.calendar thead .title { font-weight: bold;  padding: 1px;  border: 1px solid #000;  background: #91752c;  color:#FFF;   text-align: center;  }
.calendar thead .headrow { color:#000; }
.calendar thead .daynames { color:#000; background-color:#f27d24; }
.calendar thead .name { color:#000; border-bottom: 1px solid ButtonShadow;  padding: 2px;  text-align: center;  background: #f1ede4;  }
.calendar thead .weekend {  color: #a2a2a2;  }
.calendar thead .hilite {  border: 2px solid;  padding: 0px;  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;  }
.calendar thead .active {  border-width: 1px;  padding: 2px 0px 0px 2px;  }
/* The body part -- contains all the days in month. */
.calendar tbody .day {  width: 2em;  text-align: right;  padding: 2px 4px 2px 2px; }
.calendar tbody .day.othermonth {  font-size: 80%;  color: #a2a2a2; }
.calendar tbody .day.othermonth.oweekend {  color: #a2a2a2; }
.calendar table .wn {   padding: 2px 3px 2px 2px;  background: ButtonFace;  color: red;  }
.calendar tbody .rowhilite td {   background:#e7eaea;  color:#666666;  }
.calendar tbody td.hilite {  background-color:#f27d24; }
.calendar tbody td.active {  padding: 2px 2px 0px 2px;  border: 1px solid;   }
.calendar tbody td.selected {  font-weight: bold;  border: 1px solid;   padding: 2px 2px 0px 2px;  background: #f27d24;  color: #FFF;  }
.calendar tbody td.weekend {  color: #a2a2a2;  }
.calendar tbody td.today {   font-weight: bold;  color: #000000; }
.calendar tbody td.disabled { color: GrayText; }
.calendar tbody .emptycell {   visibility: hidden; }
.calendar tbody .emptyrow {  display: none;  }
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { }
.calendar tfoot .ttip {  background: #beae83;  padding: 1px;  border: 1px solid;  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;  color: ButtonText;  text-align: center;  }
.calendar tfoot .hilite {   border-top: 1px solid #fff;  border-right: 1px solid #000;  border-bottom: 1px solid #000;  border-left: 1px solid #fff;  padding: 1px;  background: #e4e0d8;  }
.calendar tfoot .active {   padding: 2px 0px 0px 2px;  border-top: 1px solid #000;  border-right: 1px solid #fff;  border-bottom: 1px solid #fff; border-left: 1px solid #000; }
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {  position: absolute;  display: none;  width: 4em;  top: 0px;  left: 0px;  cursor: default;  border: 1px solid;  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;  background: Menu;  color: MenuText;  font-size: 90%;  padding: 1px;  }
.calendar .combo .label, .calendar .combo .label-IEfix {  text-align: center;  padding: 1px; }
.calendar .combo .label-IEfix {  width: 4em;  }
.calendar .combo .active {  padding: 0px;  border: 1px solid #000;  }
.calendar .combo .hilite {  background: Highlight;  color: HighlightText; }
.calendar td.time {  border-top: 1px solid ButtonShadow;  padding: 1px 0px;  text-align: center;  background-color: ButtonFace;  }
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {  padding: 0px 3px 0px 4px;  border: 1px solid #889;  font-weight: bold;  background-color: Menu;  }
.calendar td.time .ampm {  text-align: center;  }
.calendar td.time .colon {  padding: 0px 2px 0px 3px;  font-weight: bold; }
.calendar td.time span.hilite {  border-color: #000;  background-color: Highlight;  color: HighlightText; }
.calendar td.time span.active {   border-color: #f00;  background-color: #000;  color: #0f0; }