/*===== CSS theme file for CalendarXP 9.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; background-color: #FFFFFF;border-bottom: 1px #658EB4 solid; border-right:1px #658EB4 solid; padding-top: 3px; }
/* Day of Week - the Anchor inside CalHead showing the day of week */
.DoWAnchor {text-decoration:none; font:10px verdana, geneva, arial, sans-serif; color:#0B2C38;}
/* Day Column Cell - the TD cell of each day */
.CalCol {border-left: 1px #FFFFFF solid; border-top: 1px #FFFFFF solid; border-right: 1px #658EB4 solid; border-bottom: 1px #658EB4 solid; }
/* Day Cell - the DIV cell inside TD */
.CalCell {cursor:hand; text-align:center;padding-top: 2px;}
/* Day Number - the Anchor inside DIV showing the day number  */
.CellAnchor {text-decoration:none; font:bold 10px verdana, geneva, arial, sans-serif;}

/* WeekNo Header - the top header cell of the week number column */
.WeekHead {cursor:default; text-align:center; font:bold 11px verdana, geneva, arial, sans-serif; line-height: 16px; color:black;}
/* WeekNo Column Cell - the cells of the week number column */
.WeekCol {cursor:default; text-align:center;}
/* WeekNo Anchor style */
.WeekAnchor {text-decoration:none; font:10px verdana, geneva, arial, sans-serif; color:black;}

/* Month navigators - the "<" or ">" used to move to previous or next month */
.MonthNav {cursor:hand; vertical-align:baseline;}
A.MonthNav:hover {color:blue}
A.MonthNav:active {color:green}

/* styles for the 3 calendar sections (actually 3 table TDs) */
.CalTop {text-align:center;}
.CalMiddle { background-color: #FFFFFF; padding: 2px; }
.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 {text-align:center; font:bold 10px verdana, geneva, arial, sans-serif; cursor:default; color:#FFFFFF; background-color:#28708A; border:0; width:68%;}

/* The style of internal floating div/layer tags, which are usually used to create the artificial dropdown selectors. */
.FreeDiv {border:1px solid #808080;}

/* The style of the outer TABLE tag which is the outer calendar panel. */
#outerTable {border:1px solid #c6c3c6;}
/* The style of the inner DIV tag that holds the inner panel of all calendar cells. */
#innerDiv { border-left: 1px #658EB4 solid; border-top: 1px #658EB4 solid;}
/*===== 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. ======*/
.BottomAnchor {font:10px verdana, geneva, arial, sans-serif; color:#008ace; text-decoration:none;}
A.BottomAnchor:hover {color:#008ace; text-decoration:underline;}
A.BottomAnchor:active {color:#008ace; text-decoration:none;}
.BottomDiv {padding-top: 3px; height:14px;}

.PopAnchor {text-decoration:none; color:white;}
A.PopAnchor:hover {color:blue;}
A.PopAnchor:active {color:green;}
.PopMenu {background:white; text-align:center; cursor:hand;}
.PopMenuItem {text-decoration:none; text-align:center; font:8pt verdana, geneva, arial, sans-serif; color:black;}

.YearBox {border:0px solid; height:12px; text-align:center; font:7.5pt verdana, geneva, arial, sans-serif; color:black; background-color:white;}