/* Distributed as part of The Coolest DHTML Calendar
   Author:Mihai Bazon, www.bazon.net/mishoo
   Copyright Dynarch.com 2005, www.dynarch.com
 */

/* The main calendar widget.  DIV containing a table. */

div.calendar {position:relative; padding:3px 4px; background:#554b4e; border:1px solid #3c3436; }
.calendar,
.calendar table {font-size:12px; color:#fff; cursor:default; } 
.calendar table {border-collapse:collapse; }


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

.calendar .button {   /* "<<", "<", ">", ">>" buttons have this class */
  text-align:center; /* They are the navigation buttons */
  padding:2px;      /* Make the buttons seem like they're pressing */
}

.calendar .nav {color:#fff; }
.calendar .nav div {color:#fff; } 
.calendar thead tr {background:#9e1c20; }
.calendar thead td {padding:5px 2px; color:#fff; }
.calendar thead .title {text-align:center; text-transform:uppercase; color:#fff; font-family:"Palatino Linotype"; } /* This holds the current "month, year"; Pressing it will take you to the current date */

.calendar thead .headrow { /* Row <TR> containing navigation buttons */ }
.calendar thead .name {text-align:center; color:#322c2e; }/* Cells <TD> containing the day names */ 
.calendar thead .weekend {color:#c44; } /* How a weekend day name shows in header */
.calendar thead .hilite {background:#9e1c20; } /* How do the buttons in header appear when hover */ 

.calendar thead .active {}/* Active (pressed) buttons in header */
.calendar thead .daynames { background:#554b4e; color:#322c2e; text-transform:uppercase; font-weight:bold; } /* Row <TR> containing the day names */ 


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

.calendar tbody .day {border:1px solid #4e4548; width:15px; color:#fff; text-align:right; padding:4px 10px; }/* Cells <TD> containing month days dates */
.calendar tbody .day.othermonth { font-size:80%; color:#999; }
.calendar tbody .day.othermonth.oweekend { color:#f99; }

.calendar tbody td.today {color:#fff; }

.calendar table .wn {}
.calendar tbody td.weekend {color:#c44; }/* Cells showing weekend days */
.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {}
.calendar tbody td.hilite {} /* Hovered cells <TD> */
.calendar tbody td.active {} /* Active (pressed) cells <TD> */ 
.calendar tbody td.selected {background:#9e1c20; font-weight:bold; } /* Cell showing selected date */ 
.calendar tbody .disabled { color:#999; }
.calendar tbody .emptycell {visibility:hidden; } /* Empty cells (the best is to hide them) */
.calendar tbody .emptyrow {display:none; } /* Empty row (some months need less than 6 rows) */


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

.calendar tfoot {font-size:11px; }
.calendar tfoot .footrow { text-align:center; color:#fff; }/* The <TR> in footer (only one right now) */ /* background:#565; */
.calendar tfoot .ttip {padding:5px 2px; color:#fff; } /* Tooltip (status bar) cell <TD> */ 
.calendar tfoot .hilite {} /* Hover style for buttons in footer */ 
.calendar tfoot .active { }/* Active (pressed) style for buttons in footer */ 


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

.calendar .combo { position:absolute; display:none; top:0px; left:0px; width:4em; cursor:default; border-width:0 1px 1px 1px; border-style:solid; border-color:#797979; color:#000; z-index:100; font-size:90%; } 
.calendar .combo .label,
.calendar .combo .label-IEfix {text-align:center; padding:1px; }
.calendar .combo .label-IEfix {width:4em; }
.calendar .combo .hilite {color:#fff; }
.calendar .combo .active {color:#fff; font-weight:bold; }
.calendar td.time { border-top:1px solid #797979; padding:1px 0px; text-align:center; }
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {padding:0px 5px 0px 6px; font-weight:bold; color:#fff; }
.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 { color:#fff; }
.calendar td.time span.active {color:#fff; }