/*===== CSS theme file for CalendarXP 8.0 (Totally configurable) =====*/
/* NOTE: Better use numbered color values instead of literal ones, because opera has problem with the latter in certain cases. */

/* Calendar Day Header - the cells showing "Sunday", "Monday" .... */
.CalHead {cursor:default; text-align:center; font:8pt verdana; color:#773D08; border-bottom:1px solid #773D08;}
/* Day Cell - the calendar cell of each day */
.CalCell {cursor:hand; text-align:center; background:no-repeat; display:table; vertical-align:middle;}
/* Day Number Anchor style */
.CellAnchor {text-decoration:none; font:7.5pt verdana;}

/* WeekNo Header - the top header cell of the week number column */
.WeekHead {cursor:default; font:10pt arial black; text-align:center; color:#ddddea;}
/* WeekNo Column Cell - the cells of the week number column */
.WeekCol {cursor:default; font:bold 9pt sans-serif; text-align:center; color:gray; background-color:#ddddea;}

/* Month navigators - the "<" or ">" used to move to previous or next month */
.MonthNav {vertical-align:middle; height:22; width:18; font:10pt fixedsys; color:black;}
A.MonthNav:hover {color:yellow}
A.MonthNav:active {color:red}

/* styles for the 3 calendar sections (actually 3 table TDs) */
.CalTop {text-align:center;}
.CalMiddle {}
.CalBottom {text-align:center;}

/* Calendar title - showing year and month. when giDCStyle=0, it's the style of the year/month dropdowns; giDCStyle>0, it's the style to show gsCalTitle.  */
.CalTitle {vertical-align:middle; font:10pt Monotype Corsiva; cursor:default;}

/* The style of internal floating div/layer tags, which are usually used to create the artificial dropdown selectors. */
.FreeDiv {}

/* The style of the outer TABLE tag which is the outer calendar panel. */
#outerTable {}
/* The style of the inner DIV tag that holds the inner panel of all calendar cells. */
#innerDiv {border:1px inset white;}
/*===== Above CSS styles are commonly used in the script engine =====*/

/*====== Following are additional per-theme styles, e.g. the inner dropdown selectors and today etc. You may have your own defined. ======*/
.Today {text-decoration:none; font:bold 10pt sans-serif; color:black; vertical-align:top;}
A.Today:hover {color:blue;}
A.Today:active {color:red;}

.WeekAnchor {text-decoration:none; color:gray;}
A.WeekAnchor:hover {color:blue;}
A.WeekAnchor:active {color:red;}

.MsgBoard {font:7.5pt quicktype; cursor:hand; color:black; background-color:white; border:1px solid #F8DEB5; border-left:8px solid #88D898; margin:1px; padding:2px;}