/* $Id:winter.css 5650 2006-12-14 17:43:22Z smaxim $ */
.calendar .nav {}

.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 tfoot tr.time td.parent-hour table {position:relative;left:.7em;z-index:10;empty-cells:visible;}.calendar tfoot tr.time td.parent-minute table {position:relative;left:-.7em;z-index:10;}*/

.calendar-time-scroller {border-left:1px solid;border-right:1px solid;}
.calendar-time-scroller .up {width:11px;background:transparent url("../scroller-up.gif") no-repeat 50% 50%;height:0.5em;/*  font-size:1px;*/}

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

.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:100;}
.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;}
div.calendar {position:relative;}
.calendar, .calendar table {border:1px solid;font-size:1.05em;cursor:default;font-family:Arial, Helvetica, sans-serif;}
/* 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 */ background:#003366;color:#fff;}
.calendar .nav {}

.calendar thead .title {/* This holds the current "month, year" */ font-weight:bold;font-size:1.1em;/* Pressing it will take you to the current date */ text-align:center;padding:2px;cursor:pointer;}
.calendar thead .headrow {/* Row <TR> containing navigation buttons */}
.calendar thead .name {/* Cells <TD> containing the day names */ border-bottom:1px solid;padding:2px;text-align:center;cursor:pointer;}
.calendar thead .weekend {/* How a weekend day name shows in header */}
.calendar thead .hilite {/* How do the buttons in header appear when hover */ padding:1px;}
.calendar thead .active {/* Active (pressed) buttons in header */ padding:2px 0px 0px 2px;}
.calendar thead .daynames {/* Row <TR> containing the day names */}

/* The body part -- contains all the days in month. */
.calendar tbody .day {/* Cells <TD> containing month days dates */ 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 {}
.calendar tbody td.hilite { /* Hovered cells <TD> */ }
.calendar tbody td.active {/* Active (pressed) cells <TD> */ padding:2px 2px 0px 2px;}
.calendar tbody td.selected {/* Cell showing today date */ font-weight:bold;border:1px solid;padding:1px 3px 1px 0px;}
.calendar tbody td.weekend {/* Cells showing weekend days */}
.calendar tbody td.today {font-weight:bold;}
.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 {/* The <TR> in footer (only one right now) */ text-align:center;}
.calendar tfoot .ttip {/* Tooltip (status bar) cell <TD> */ padding:2px;}
.calendar tfoot .hilite {/* Hover style for buttons in footer */ border:1px solid;padding:1px;}
.calendar tfoot .active {/* Active (pressed) style for buttons in footer */ 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;}
.calendar, .calendar table {border-color:#556;color:#000;background-color:#fff;}
.calendar .nav {background-color:#828151;}
.calendar thead .title, .calendar thead .button {background-color:#fff;color:#000;}
.calendar thead .headrow {background-color:#f20017;color:#fff;}
.calendar thead .daynames {background-color:#F6F6ED;}
.calendar thead .name {border-color:#556;color:#000;}
.calendar thead .weekend {color:#65643f;}
.calendar thead .hilite {background-color:#f20017;color:#fff;}
.calendar thead .active {background-color:#f20017;}
.calendar tbody .day {color:#456;text-align: center;}
.calendar tbody .day.othermonth {color:#bbb;}
.calendar tbody .day.othermonth.oweekend {color:#fbb;}
.calendar table .wn {background-color:#bdf;}
.calendar tbody .rowhilite td {}
.calendar tbody .rowhilite td.wn {}
.calendar tbody td.hilite {background-color:#BBB984;cursor:pointer;}
.calendar tbody td.active {background-color:#BBB984;cursor:pointer;}
.calendar tbody td.weekend {color:#445566;}
.calendar tbody td.selected {border:0px;background-color:#f20017;color:#fff;}
.calendar tbody td.today {color:#f20017;font-weight:normal;}
.calendar tbody .disabled {color:#445566;background:#fff url(../interface_images/exed.gif) no-repeat center center;}
.calendar tfoot .footrow {background-color:#fff;color:#000;font-weight: bold;}
.calendar tfoot .ttip {background-color:#fff;color:#000;}
.calendar tfoot .hilite {background-color:#aaf;color:#000;}
.calendar tfoot .active {background-color:#77c;}
.calendar .combo {border-color:#655;background-color:#BBB984;color:#000;}
.calendar .combo .hilite {background-color:#f20017;color:#fff;cursor:pointer;}
.calendar .combo .active {border:0px;background-color:#a09f71;color:#fff;cursor:pointer;}
.calendar .month-left-border {/* Divider line between two monthes */ border-left:1px solid #555566;}

/* 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;}