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

/* The main calendar widget.  DIV containing a table. */
.cs_calendar {position: relative; display: none; font-size: 11px; color: #000; cursor: default; background: #D4D0C8; font-family: tahoma, verdana, sans-serif}
.cs_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-color: #D4D0C8; font-family: tahoma, verdana, sans-serif}

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

/* "<<", "<", ">", ">>" buttons have this class */
.cs_calendar .cs_calbutton {display:table-cell; line-height: 16px; height: 16px; font-size:11px; font-weight: normal; 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; margin: 2px;background: #D4D0C8; color:#000}
/* This holds the current "month, year" */
.cs_calendar thead .cs_caltitle {font-weight: bold; padding: 1px; border: 1px solid #000; background: #848078; color: #FFF; text-align: center}
/* Row <TR> containing navigation buttons */
.cs_calendar thead .cs_calheadrow {}
/* Row <TR> containing the day names */
.cs_calendar thead .cs_caldaynames {}
/* Cells <TD> containing the day names */
.cs_calendar thead .cs_calname {border-bottom: 1px solid #000; padding: 2px; text-align: center; background: #F4F0E8; width: 2em}
/* How a weekend day name shows in header */
.cs_calendar thead .weekend {color: #F00}
/* How do the buttons in header appear when hover */
.cs_calendar thead .hilite {border-top: 1px solid #FFF; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #FFF; padding: 0px; background: #E4E0D8}
/* Active (pressed) buttons in header */
.cs_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 */
.cs_calendar tbody .cs_calday {width: 2em; text-align: right; padding: 2px 2px 0px 2px; border-top: 1px solid #D4D0C8; border-right: 1px solid #D4D0C8; border-bottom: 1px solid #D4D0C8; border-left: 1px solid #D4D0C8;}
.cs_calendar table .wn {padding: 2px 3px 2px 2px; border-right: 1px solid #000; background: #F4F0E8}
.cs_calendar tbody .rowhilite td {background: #E4E0D8}
.cs_calendar tbody .rowhilite td.wn {background: #D4D0C8}
/* Hovered cells <TD> */
.cs_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> */
.cs_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 */
.cs_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 */
.cs_calendar tbody td.weekend {color: #F00}
/* Cell showing today date */
.cs_calendar tbody td.today {font-weight: bold; color: #00F}
.cs_calendar tbody .disabled {color: #999}
/* Empty cells (the best is to hide them) */
.cs_calendar tbody .emptycell {visibility: hidden}
/* Empty row (some months need less than 6 rows) */
.cs_calendar tbody .cs_calemptyrow {display: none}

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

/* The <TR> in footer (only one right now) */
.cs_calendar tfoot .cs_calfootrow {}
/* Tooltip (status bar) cell <TD> */
.cs_calendar tfoot .ttip {background: #F4F0E8; padding: 1px; border: 1px solid #000; background: #848078; color: #FFF; text-align: center}
/* Hover style for buttons in footer */
.cs_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 */
.cs_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}
.cs_calendar .cs_caltimedropdown {font-size: 11px; color: #000; cursor: default; background: #D4D0C8; font-family: tahoma, verdana, sans-serif; border: 1px solid #D4D0C8;}
.cs_calendar .timeok {font-size: 11px; color: #000; cursor: default; font-family: tahoma, verdana, sans-serif}
.cs_calendar .cs_caltimecell {font-weight: bold; border-top: 1px solid #E4E0D8; text-align: center}

/* Combo boxes (menus that display months/years for direct selection) */
.cs_calcombo {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}
.cs_calcombo .cs_callabel {text-align: center; padding: 1px; cursor: default; font-size: smaller}
.cs_calcombo .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}
.cs_calcombo .hilite {background: #048; color: #FEA}
.cs_caltimecell {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}