/********** -cl-header **********
	class: Header
    	Header bar.
	*/
	.basic-cl-header {
		color: #FFFFFF;
		font-family: Verdana;
		font-size: 8pt;
		background-color: blue;
		text-align:center;
	}
    /********** -cl-on-month **********
	class: Non-Selected day class of currently selected month
	*/
	.basic-cl-on-month {
		font-family: Verdana;
		font-size: 8pt;
		background-color: #F1F1F1;
		text-align: center;
		border-top: 1px solid silver;
		border-left: 1px solid silver;
	}
    /********** -cl-on-month-lit **********
	class: Selected day class of currently selected month
	*/
	.basic-cl-on-month-lit {
		font-family: Verdana;
		font-size: 8pt;
		background-color: blue;
		color: white;
		text-align: center;
		border-top: 1px solid silver;
		border-left: 1px solid silver;
	}
    /********** -cl-off-month **********
	class: Non Selected Month
    	Class of the days that appear on the current month's
        calendar that are from the next or previous month.
	*/
	.basic-cl-off-month {
		font-family: Verdana;
		font-size: 8pt;
		background-color: gray;
		color: white;
		text-align: center;
		border-top: 1px solid silver;
		border-left: 1px solid silver;
	}
    /********** -cl-off-month-lit **********
	class: Selected date of next or previous month.
	*/
	.basic-cl-off-month-lit {
		font-family: Verdana;
		font-size: 8pt;
		background-color: silver;
		color: white;
		text-align: center;
		border-top: 1px solid silver;
		border-left: 1px solid silver;
	}
    /********** -cl-body **********
	class: body
    	Class of the frame of the actual calendar.
	*/
	.basic-cl-body {
		border: 1px solid black;
		position: absolute;
	}
    /********** -cl-year **********
	class: Year
    	Class of a cell in the year selection bar.
	*/
	.basic-cl-year {
		border: 1px solid black;
		background-color:black;
		border-collapse: collapse;
		border-spacing: 0px;
		font-size: 7pt;
		font-family: Verdana;
		text-align: center;
		padding-left: 5px;
		padding-right: 5px;
	}
    /********** -cl-year-lit **********
	class: Selected Year
		Class of the selected year.
	*/
	.basic-cl-year-lit {
		background-color: silver;
		border: 1px solid black;
		border-collapse: collapse;
		font-size: 7pt;
		font-family: Verdana;
		text-align: center;
		padding-left: 5px;
		padding-right: 5px;
	}
    /********** -cl-day **********
	class: Target Date
		Class of the day header column.
	*/
	.basic-cl-day {
		text-align: center;
		font-size: 7pt;
		font-family: Verdana;
		padding-left: 7px;
		padding-right: 7px;
		color: #3B3B3B;
	}
    /********** -tgt **********
	class: Target Date
		Class of the date currently selected in the DateClick object
        (usually what's in the text field associated with it).
	*/
	.basic-tgt {
		font-family: Verdana;
		font-size: 8pt;
		background-color: #FE7646;
		color: white;
		text-align: center;
		border-top: 1px solid silver;
		border-left: 1px solid silver;
	}
    /********** -today **********
	class: Today's Date
		Class of the current day as reported by the operating system.
	*/
	.basic-today {
		font-family: Verdana;
		font-size: 8pt;
		background-color: transparent;
		color: maroon;
        text-decoration: underline;
		text-align: center;
		border-top: 1px solid silver;
		border-left: 1px solid silver;
	}
    /********** -old **********
	class: Old (INVALID) Date
		Class of a date that has already passed and is outside of the
		range of values that can be selected according to the INVALID
		option.
	*/
	.basic-old 
	{
		font-family: Verdana;
		font-size: 8pt;
		background-color: #000000;
		color: silver;
		text-align: center;
		border-top: 1px solid silver;
		border-left: 1px solid silver;
	}