/*===== 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:#FFD744;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003300;
}
/* Day of Week - the Anchor inside CalHead showing the day of week */
.DoWAnchor {
	text-decoration:none;
	color:#006600;
	font-family: arial;
	font-size: 8pt;
	font-weight: bold;
}
/* Day Column Cell - the TD cell of each day */
.CalCol {}
/* Day Cell - the DIV cell inside TD */
.CalCell {
	cursor:pointer;
	text-align:center;
	padding:1px 0 0 0;
}
/* Day Number - the Anchor inside DIV showing the day number  */
.CellAnchor {text-decoration:none; font:8pt arial;}

/* WeekNo Header - the top header cell of the week number column */
.WeekHead {cursor:default; font:8pt arial; text-align:center; color:white; background-color:#003E29;}
/* WeekNo Column Cell - the cells of the week number column */
.WeekCol {cursor:default; text-align:center;}
/* WeekNo Anchor style */
.WeekAnchor {text-decoration:none; font:7pt arial; color:#FFFF99;}

/* Month navigators - the "<" or ">" used to move to previous or next month */
.MonthNav {text-decoration:none; font:bold 9pt arial; color:#FFCC00;}
A.MonthNav:hover {color:#FFFFCC}
A.MonthNav:active {color:#FFFFCC}

/* 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 {text-align:center; font:bold 10pt sans serif,tahoma,arial; color:#003300; cursor:default;}

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

/* The style of the outer TABLE tag which is the outer calendar panel. */
#outerTable {
	background-color: #005537;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 4px;
	border: 1px solid #00281B;
}
/* The style of the inner DIV tag that holds the inner panel of all calendar cells. */
#innerDiv {
	border:1px solid #000000;
	background-color: #006240;
}
/*===== 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 {text-decoration:none; font:8pt sans serif,tahoma,arial; color:#001C12;}
A.BottomAnchor:hover {color:#009D66;}
A.BottomAnchor:active {color:#009D66;}

.PopAnchor {text-decoration:none; font:bold 10pt sans serif,tahoma,arial; color:#002015;}
A.PopAnchor:hover {color:#00915E;}
A.PopAnchor:active {
	color:#008456;
	border: 1px solid #003300;
}
.PopMenu {
	text-align:center;
	cursor:default;
	background-color: #09AE68;
}
.PopMenuItem {text-decoration:none; text-align:center; font:bold 8pt sans serif,tahoma,arial; color:#000033;}