/* Copyright 1998-2006, PaperThin, Inc.  All Rights Reserved. */

/* The main calendar widget.  DIV containing a table. */
.calendar {position: relative; display: none; font-size: 11px; color: #000; cursor: default; background: #D4D0C8; font-family: tahoma, verdana, sans-serif}
.calendar table {border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; font-size: 11px; color: #000; cursor: default; background: #D4D0C8; font-family: tahoma, verdana, sans-serif}

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

/* "<<", "<", ">", ">>" buttons have this class */
.calendar .button {text-align: center; padding: 1px; border-top: 1px solid #FFF; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #FFF}
/* This holds the current "month, year" */
.calendar thead .title {font-weight: bold; padding: 1px; border: 1px solid #000; background: #848078; color: #FFF; text-align: center}
/* Row <TR> containing navigation buttons */
.calendar thead .headrow {}
/* Row <TR> containing the day names */
.calendar thead .daynames {}
/* Cells <TD> containing the day names */
.calendar thead .name {border-bottom: 1px solid #000; padding: 2px; text-align: center; background: #F4F0E8; width: 2em}
/* How a weekend day name shows in header */
.calendar thead .weekend {color: #F00}
/* How do the buttons in header appear when hover */
.calendar thead .hilite {border-top: 2px solid #FFF; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid #FFF; padding: 0px; background: #E4E0D8}
/* Active (pressed) buttons in header */
.calendar thead .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; background: #C4C0B8}

/* 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 table .wn {padding: 2px 3px 2px 2px; border-right: 1px solid #000; background: #F4F0E8}
.calendar tbody .rowhilite td {background: #E4E0D8}
.calendar tbody .rowhilite td.wn {background: #D4D0C8}
/* Hovered cells <TD> */
.calendar tbody td.hilite {padding: 1px 3px 1px 1px; border-top: 1px solid #FFF; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #FFF}
/* Active (pressed) cells <TD> */
.calendar tbody td.active {padding: 2px 2px 0px 2px; border-top: 1px solid #000; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-left: 1px solid #000}
/* Cell showing selected date */
.calendar tbody td.selected {font-weight: bold; border-top: 1px solid #000; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-left: 1px solid #000; padding: 2px 2px 0px 2px; background: #E4E0D8}
/* Cells showing weekend days */
.calendar tbody td.weekend {color: #F00}
/* Cell showing today date */
.calendar tbody td.today {font-weight: bold; color: #00F}
.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 {}
/* Tooltip (status bar) cell <TD> */
.calendar tfoot .ttip {background: #F4F0E8; padding: 1px; border: 1px solid #000; background: #848078; color: #FFF; text-align: center}
/* Hover style for buttons in footer */
.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}
/* Active (pressed) style for buttons in footer */
.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}
.calendar .timedropdown {font-size: 11px; color: #000; cursor: default; background: #D4D0C8; font-family: tahoma, verdana, sans-serif}
.calendar .timeok {font-size: 11px; color: #000; cursor: default; font-family: tahoma, verdana, sans-serif}
.calendar .timecell {font-weight: bold; text-align: center}

/* Combo boxes (menus that display months/years for direct selection) */
.combo {position: absolute; display: none; width: 4em; top: 0px; left: 0px; cursor: default; border-top: 1px solid #FFF; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #FFF; background: #E4E0D8; font-size: 11px; font-family: tahoma, verdana, sans-serif; padding: 1px; z-index: 99}
.combo .label {text-align: center; padding: 1px; cursor: default; font-size: smaller}
.combo .active {background: #C4C0B8; padding: 0px; border-top: 1px solid #000; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-left: 1px solid #000}
.combo .hilite {background: #048; color: #FEA}
.timecell {font-size: 10px; background: #C4C0B8; border-top: 1px solid #000; padding-top: 3px; padding-bottom: 3px}
.timecelllabel {font-size: 10px; background: #C4C0B8; border-top: 1px solid #000; padding-top: 3px; padding-bottom: 3px; padding-left: 2px; font-weight: bold}