.Calendar
{
	/* main div  */
	border: 1px solid #444444;
	background-color: #FFF;
	width: 200px;
	position: relative;
	overflow: hidden;
}
.CalendarContent
{
	/* sub div where content goes */
	position: relative;
	z-index: 10;
	font-family: Arial, Helvatica, Sans-serif;
}

.Calendar .CalendarHeading
{
	/* heading with month and year */
	background-repeat: repeat-x;
	height: 21px;
	border-bottom: 1px solid #444444;
}
.CalendarHeadingText
{
	/* inner div in heading where content goes  */
	padding: 0px 1px;
	text-align: center;
}
.CalendarCloseButton
{
	/* close button */
	background-image: url(../graphics/close.gif);
	background-repeat: no-repeat;
	width: 13px;
	height: 13px;
	position: absolute;
	right: 3px;
	top: 3px;
	padding: 1px;
	background-position: center center;
	cursor: pointer;
}

.CalendarHeaderMonthAndYear
{
	/* div elements for year and month in heading */
	padding: 1px;
	padding-right: 2px;
	padding-left: 2px;
	line-height: 17px;
	font-size: 8pt;
	text-transform:capitalize;
}

.CalendarTimeBar
{
	/* timebar - holding hours and minutes */
	background-color: #555;
	border-top: 1px solid #444444;
	color: #FFF;
}
.CalendarTimeBar table
{
	width:100%;
}
.CalendarTimeBar table td
{
	font-size: 8pt;
}
.CalendarTimeBarHour
{
	padding: 1px;
	cursor:n-resize;
}
.CalendarTimeBarMinute
{
	padding: 1px;
	padding-right: 4px;
	cursor:n-resize;
}
.CalendarTimeBarHourAndMinuteOver
{
	background-color: #444;
}
.CalendarTimeBarTimeString
{
	padding-left: 6px;
	padding-right:130px;
}

.CalendarNavigationBar
{
	/* navigation bar below heading */
	background-color: whitesmoke;
	height: 17px;
	border-bottom: 1px solid #444444;
	position: relative;
}
.CalendarNavigationBarToday
{
	/* div holding the "Today" string in navigation bar */
	text-align: center;
	font-size: 8pt;
}
.CalendarNavigationBarToday span
{
	cursor: pointer;
	position: relative;
	top:2px;
}
.CalendarBtnNextYear, .CalendarBtnPreviousYear, .CalendarBtnNextMonth, .CalendarBtnPreviousMonth
{
	/* buttons - previous/next month and year */
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	width: 13px;
	height: 13px;
	padding: 1px;
	top: 1px;
}

.CalendarBtnNextYear
{
	background-image: url(../graphics/nextyear.gif);
	right: 2px;
	display: none;
}
.CalendarBtnPreviousYear
{
	background-image: url(../graphics/prevyear.gif);
	left: 2px;
	display: none;
}
.CalendarBtnNextMonth
{
	background-image: url(../graphics/nextmonth.gif);
	right: 2px;
}
.CalendarBtnPreviousMonth
{
	background-image: url(../graphics/prevmonth.gif);
	left: 2px;
}

.CalendarMonthView
{
	/* div element holding the entire month */
}

.CalendarMonthViewHeaderCell
{
	/* div element for the weekdays */
	border-bottom: 1px solid #bbb;
	text-transform:capitalize;
}

.CalendarMonthViewFirstColumn
{
	/* the week column */
	background-color: #aaa;
	text-align: left;
	color: #FFF;
}

.CalendarMonthView td
{
	text-align: center;
	cursor: default;
	font-size:8pt;
	line-height:11pt;
	padding:1px;
}
.CalendarMonthViewHeaderSunday
{
	/* sunday header */
	color: #999;
	border-bottom: 1px solid #bbb;
	text-transform:capitalize;
}
.CalendarMonthViewDaysInOtherMonths
{
	/* days in previous or next month */
	color: #666;
}
.CalendarMonthViewDaysInThisMonth
{
	/* ordinary days (mon-sat) */
	width:12.5%;
}
.CalendarMonthViewSundayInThisMonth
{
	/* sundays */
	color: #999;
	width:12.5%;
}
.CalendarMonthViewInvalidDate
{
	color: #AAA;
}
.CalendarMonthViewCurrentDate
{
	/* today */
	color: crimson;
	background: white url(../images/calendar/todaysdate.gif) no-repeat center;
}
.CalendarButtonOver
{
	border: 1px solid #999;
	background-color: whitesmoke;
	cursor:pointer;
	padding: 0px; 
}
.CalendarDayOver
{
	background: white url(../images/calendar/hoverdate.gif) no-repeat center;
}
.CalendarMonthViewInitialDate
{
	/* the displayed selected date */
	color: white;
	background: crimson url(../images/calendar/initialdate.gif) no-repeat center;
}

.CalendarFrame
{
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1;
}

/* DISABLED */

.Calendar.disabled, .CalendarContent.disabled .CalendarNavigationBar, .CalendarContent.disabled .CalendarHeading
{
	border-color: #999;
}
.CalendarContent.disabled
{
	background:whitesmoke;
	color:#999 !important;
}
.CalendarContent.disabled .CalendarBtnNextYear, .CalendarContent.disabled .CalendarBtnPreviousYear, .CalendarContent.disabled .CalendarBtnNextMonth, .CalendarContent.disabled .CalendarBtnPreviousMonth
{
	visibility:hidden;
}
.CalendarContent.disabled .CalendarMonthViewInitialDate
{
	background: transparent;
}
.CalendarContent.disabled .CalendarMonthViewHeaderSunday, .CalendarContent.disabled .CalendarMonthViewSundayInThisMonth
{
	color:#999;
}
.CalendarContent.disabled .CalendarMonthViewFirstColumn
{
	background: silver;
}
.CalendarContent.disabled div, .CalendarContent.disabled span
{
	cursor:default !important;
}