/* Distributed as part of The Coolest DHTML Calendar
   Author:Gerrie
   Copyright Dynarch.com 2005, www.dynarch.com
*/
/* The main calendar widget.  DIV containing a table. */

div.calendar {position:relative; }

.calendar,
.calendar table {
  background:#6a0000; cursor:default;
  font-size:10px; color:#ffffff; font-family:verdana,tahoma,sans-serif;
} /*border:1px solid #bdb2bf;background:url("normal-bg.gif");*/

.calendar {z-index:100; }/*border-color:#797979;*/

/* Header part -- contains navigation buttons and day names. */

.calendar .button {/* "<<", "<", ">", ">>" buttons have this class */ /* They are the navigation buttons */
  padding:0px; text-align:center; color:#990000; background:#ffffff;
} /*font-weight:bold; background:url("title-bg.gif") repeat-x 0 100%; */


.calendar .closeicon {width:15px; height:15px; background:url("x.gif") no-repeat; }
.calendar .helpicon {width:14px; height:13px; background:url("i.gif") no-repeat; }


.calendar .nav {font-family:verdana,tahoma,sans-serif; color:#ffffff; }
.calendar .nav div {background:#990000 url("menuarrow.gif") no-repeat 100% 100%; color:#ffffff;}

.calendar thead tr {background:#ffffff; color:#fff; } /*color:#000; background:url("title-bg.gif") repeat-x 0 100%; */
.calendar thead .title {/* This holds the current "month, year" */ /* Pressing it will take you to the current date */
  padding:2px; text-align:center; color:#990000; font-size:12px; font-family:verdana,tahoma,sans-serif;
}/* background:url("title-bg.gif") repeat-x 0 100%; font-weight:bold; */


/* Row <TR> containing navigation buttons */
.calendar thead .headrow {background:#990000; color:#ffffff; }
.calendar thead .headrow .button {color:#ffffff; background:#990000;}

.calendar thead .name {/* Cells <TD> containing the day names */
  border-bottom:1px solid #8c0000; text-align:center; color:#ffffff; font-size:10px; text-transform:lowercase; font-family:verdana,tahoma,sans-serif;
}/* padding:2px; */

.calendar thead .weekend {color:#db0303; }/* How a weekend day name shows in header */

.calendar thead .hilite {}/* How do the buttons in header appear when hover */
.calendar thead .active {}/* Active (pressed) buttons in header */

.calendar thead .daynames .hilite {/* How do the buttons in header appear when hover */
  background:#990000; color:#ffffff;
}
.calendar thead .daynames  .active {/* Active (pressed) buttons in header */
  background:#990000;
}
.calendar thead .daynames {/* Row <TR> containing the day names */
  background:#6a0000; color:#ffffff; font-size:10px; text-transform:lowercase; font-family:verdana,tahoma,sans-serif;
}/*background:url("dark-bg.gif");*/

/* The body part -- contains all the days in month. */

.calendar tbody .day {/* Cells <TD> containing month days dates */
  font-size:10px; color:#ffffff; font-family:verdana,tahoma,sans-serif;
  width:2em; text-align:right;
  padding:2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {font-size:80%; color:#999; }
.calendar tbody .day.othermonth.oweekend {color:#f99; }

.calendar table .wn {
  border-right:1px solid #8c0000;
  background:#6a0000;
  color:#ffffff; font-size:10px; font-family:verdana,tahoma,sans-serif;
}/*background:url("dark-bg.gif");padding:2px 3px 2px 2px;*/

.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {
  background:#990000;
}/*background:url("rowhover-bg.gif");*/

.calendar tbody td.today {font-weight:bold; /* background:url("today-bg.gif") no-repeat 70% 50%; */ }

.calendar tbody td.hilite {/* Hovered cells <TD> */
  padding:1px 3px 1px 1px;
  border:1px solid #6a0000;
}/*background:url("hover-bg.gif");/*

.calendar tbody td.active {/* Active (pressed) cells <TD> */
  padding:2px 2px 0px 2px;
}

.calendar tbody td.weekend {/* Cells showing weekend days */
  color:#db0303;
}

.calendar tbody td.selected {/* Cell showing selected date */
  font-weight:bold;
  padding:1px 3px 1px 1px;
  background:#990000; color:#ffffff;
} /*border:1px solid #797979; background:url("active-bg.gif"); */

.calendar tbody .disabled {color:#999; }

.calendar tbody .emptycell {/* Empty cells (the best is to hide them) */
  visibility:hidden;
}

.calendar tbody .emptyrow {/* Empty row (some months need less than 6 rows) */
  display:none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow {text-align:center; background:#ffffff; color:#990000; text-transform:lowercase; } /* The <TR> in footer (only one right now) */

.calendar tfoot .ttip {/* Tooltip (status bar) cell <TD> */
  padding:2px;
}/* background:url("status-bg.gif") repeat-x 0 0; color:#000; */
.calendar tfoot .hilite {/* Hover style for buttons in footer */
  background:#afa;
  border:1px solid #084;
  color:#000;
  padding:1px;
}

.calendar tfoot .active {/* Active (pressed) style for buttons in footer */
  background:#7c7; padding:2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position:absolute; top:0px; left:0px;
  display:none; width:4em;
  cursor:default;
  border-width:0 1px 1px 1px; border-style:solid; border-color:#990000;
  background:#ffffff;
  font-size:90%; color:#000;
  z-index:100;
  
}/*background:url("normal-bg.gif");*/

.calendar .combo .label,
.calendar .combo .label-IEfix {text-align:center;padding:1px;}
.calendar .combo .label-IEfix {width:4em;}

.calendar .combo .hilite {background:#990000; color:#fff; } /*background:url("hover-bg.gif");*/
.calendar .combo .active {background:#990000; color:#fff; font-weight:bold; }/*background:url("active-bg.gif"); */

.calendar td.time { border-top:1px solid #797979; padding:1px 0px;  text-align:center; }/*background:url("dark-bg.gif");*/
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {padding:0px 5px 0px 6px; font-weight:bold; } /*  background:url("normal-bg.gif"); color:#000; */
.calendar td.time .hour,
.calendar td.time .minute {font-family:monospace; }
.calendar td.time .ampm { text-align:center;}
.calendar td.time .colon { padding:0px 2px 0px 3px; font-weight:bold;}
.calendar td.time span.hilite { } /*background:url("hover-bg.gif"); color:#000; */
.calendar td.time span.active {}/*background:url("active-bg.gif"); color:#fff;/*