/*===== 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;
   font-weight: bold;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serifs;
	color: #000000;
}

/* Day Column Cell - the TD cell of each day */
.CalCol {
}

/* Day Cell - the DIV cell inside TD */
.CalCell {
	cursor: hand;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* Day Number - the Anchor inside DIV showing the day number  */
.CellAnchor {
	text-decoration: none;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serifs;
}

/* WeekNo Header - the top header cell of the week number column */
.WeekHead {
	cursor: default;
	text-align: center;
   font-family: Arial, Helvetica, sans-serifs; 
	font-size: 10px;
	color: #000000;
}
/* WeekNo Column Cell - the cells of the week number column */
.WeekCol {
	cursor: default;
	text-align: center;
	background: #b0c4de;
}
/* WeekNo Anchor style */
.WeekAnchor {
	text-decoration: none;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
}

/* Month navigators - the "<" or ">" used to move to previous or next month */
.MonthNav {}
A.MonthNav:hover {color:yellow}
A.MonthNav:active {color:lightsteelblue}

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

/* 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-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	font-weight: bold;
}

/* 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 {
	border: 0px ridge #ffffff;
	background-image: url('../imgages/bg_calendar.gif');
	width: 150px;
	height: 150px;
	height: 10%;
}

/* The style of the inner DIV tag that holds the inner panel of all calendar cells. */
#innerDiv {border:0px solid #dcdcdc;}
/*===== 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-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
}

A.BottomAnchor:hover {color:yellow;}
A.BottomAnchor:active {color:lightsteelblue;}