.calendar .nav { background: url("../../images/menuarrow.gif") no-repeat 100% 100%; }

.calendar tfoot .ttip .error { color: #c20; }

.calendar tfoot tr.time td { padding: 0; border-top: 1px solid; }
.calendar tfoot tr.time td.timetext { text-align: center; }
.calendar tfoot tr.time table td,
.calendar tfoot tr.time td.hilite,
.calendar tfoot tr.time td.active { border: 0; padding: 0; }
.calendar tfoot tr.time td.hour,
.calendar tfoot tr.time td.minute { text-align: right; font-weight: bold; border-right: 1px solid; padding: 0 1px 0 3px; }
.calendar tfoot tr.time td.colon { text-align: center; font-weight: bold; background: transparent; }
.calendar tfoot tr.time td.ampm { text-align: center; }

.calendar-time-scroller { border-left: 1px solid; border-right: 1px solid; }

.calendar-time-scroller .up { width: 11px; background: transparent url("../../images/scroller-up.gif") no-repeat 50% 50%; height: 0.5em; }

.calendar-time-scroller .down { width: 11px; background: transparent url("../../images/scroller-down.gif") no-repeat 50% 50%; height: 0.5em; }

.calendar .combo { position: absolute; display: none; top: 0px; left: 0px; width: 4em; cursor: default; border: 1px solid; font-size: 90%; }

/* This is what makes the calendar pop up of the page
   If you are using items with z-index greater than 100
	 you will need to increase this to make the calendar
	 display in front of them.
	 */
.calendar { z-index: 200; }

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

.calendar .combo .label-IEfix { width: 4em; }

.calendar .combo .disabled { color: #888; }

.calendar .history { width: 18em; }
.calendar .history .label { text-align: center; }
.calendar .history .label-IEfix { width: 18em; }


/* ============= */
/* 2d Layout Css */
/* ============= */

div.calendar { position: relative; }

.calendar,
.calendar table { border: 1px solid; font-size: 11px; cursor: default; font-family: tahoma,verdana,sans-serif; width: auto; }

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

/* "<<", "<", ">", ">>" buttons have this class */
.calendar .button { text-align: center; padding: 2px; }

.calendar .nav { }

/* This holds the current "month, year" */
.calendar thead .title { font-weight: bold; text-align: center; padding: 2px; }

/* Row <TR> containing navigation buttons */
.calendar thead .headrow { }

/* Cells <TD> containing the day names */
.calendar thead .name { border-bottom: 1px solid; padding: 2px; text-align: center; }

/* How a weekend day name shows in header */
.calendar thead .weekend { }

/* How do the buttons in header appear when hover */
.calendar thead .hilite { border: 1px solid; padding: 1px; }

/* Active (pressed) buttons in header */
.calendar thead .active { padding: 2px 0px 0px 2px; }

/* Row <TR> containing the day names */
.calendar thead .daynames { }

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

/* Cells <TD> containing month days dates */
.calendar tbody .day { width: 2em; text-align: right; padding: 2px 4px 2px 2px; }
.calendar tbody .day .othermonth { font-size: 80%; }
.calendar tbody .day .othermonth .oweekend { }

.calendar table .wn { padding: 2px 3px 2px 2px; border-right: 1px solid; }

.calendar tbody .rowhilite td { }

.calendar tbody .rowhilite td.wn { }

/* Hovered cells <TD> */
.calendar tbody td.hilite { padding: 1px 3px 1px 1px; border: 1px solid; }

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

/* Cell showing today date */
.calendar tbody td.selected { font-weight: bold; border: 1px solid; padding: 1px 3px 1px 1px; }

/* Cells showing weekend days */
.calendar tbody td.weekend { }

.calendar tbody td.today { font-weight: bold; }

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

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

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

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

/* The <TR> in footer (only one right now) */
.calendar tfoot .footrow { text-align: center; }

/* Tooltip (status bar) cell <TD> */
.calendar tfoot .ttip { padding: 2px; }

/* Hover style for buttons in footer */
.calendar tfoot .hilite { border: 1px solid; padding: 1px; }

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

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

.calendar .combo .active { border-top: 1px solid; border-bottom: 1px solid; font-weight: bold; }

/* =============== */
/* Main Winter Css */
/* =============== */

.calendar, .calendar table { border-color: #556; color: #000; background-color: #eef; }

.calendar .nav { background-color: #778; }

.calendar thead .title { background-color: #ccd; color: #000; }

.calendar thead .headrow { background-color: #778; color: #fff; }

.calendar thead .daynames { background-color: #C2C8D8; }

.calendar thead .name { border-color: #556; color: #000; }

.calendar thead .weekend { color: #a66; }

.calendar thead .hilite { background-color: #aaf; color: #000; border-color: #04f; }

.calendar thead .active { background-color: #77c; }

.calendar tbody .day { color: #456; }
.calendar tbody .day .othermonth { color: #bbb; }
.calendar tbody .day .othermonth .oweekend { color: #fbb; }

.calendar table .wn { border-color: #000; background-color: #C2C8D8; }

.calendar tbody .rowhilite td { background-color: #def; }

.calendar tbody .rowhilite td.wn { background-color: #eef; }

.calendar tbody td.hilite { background-color: #def; border-color: #bbb; }

.calendar tbody td.active { background-color: #cde; }

.calendar tbody td.selected { border-color: #000; background-color: #fff; color: #000; }

.calendar tbody td.weekend { color: #a66; }

.calendar tbody td.today { color: #00f; }

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

.calendar tfoot .footrow { background-color: #556; color: #fff; }

.calendar tfoot .ttip { background-color: #ccd; color: #445; border-color: #556; }

.calendar tfoot .hilite { background-color: #aaf; border-color: #04f; color: #000; }

.calendar tfoot .active { background-color: #77c; }

.calendar .combo { border-color: #655; background-color: #def; color: #000; }

.calendar .combo .hilite { background-color: #acf; }

.calendar .combo .active { border-color: #46a; background-color: #eef; }

/* time */

.calendar tfoot tr.time td { border-color: #000; }
.calendar tfoot tr.time td.hour,
.calendar tfoot tr.time td.minute { border-color: #aac; }
.calendar tfoot tr.time td.hilite { background-color: #acf; }
.calendar tfoot tr.time td.active { background-color: #9be; }