/********************************
    		Date Picker Styles
    ********************************/
    /********** -cl-header **********
	class: Header
    	Header bar.
	*/
	.basic-cl-header {
		color: white;
        font: bold 10pt Verdana,Arial,Helvetica,sans-serif;
		background-color: blue;
        background-image: url(../img/datepick_head.jpg);
        padding:4px;
	}
    /********** -cl-on-month **********
	class: Non-Selected day class of currently selected month
	*/
	.basic-cl-on-month {
		font-family: Verdana;
		font-size: 8pt;
		background-color: transparent;
		text-align: center;
		border-top: 1px solid silver;
		border-left: 1px solid silver;
        padding:2px;
	}
    /********** -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;
        padding:2px;
	}
    /********** -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;
        padding:2px;
	}
    /********** -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;
        padding:2px;
	}
    
    /********** -cl-body **********
	class: body
    	Class of the frame of the actual calendar.
	*/
	.basic-cl-body {
		border: 1px solid #999999;
        background-color: #DEDEDE;
		position: absolute;
        padding:4px;
	}
    /********** -cl-year **********
	class: Year
    	Class of a cell in the year selection bar.
	*/
	.basic-cl-year {
		border: 1px solid #666666;
		background-color:#D2E9FF;
		border-collapse: collapse;
		border-spacing: 0px;
		font-size: 8pt;
		font-family: Verdana;
		text-align: center;
		padding-left: 8px;
		padding-right: 8px;
        padding-top: 1px;
        padding-bottom: 1px;
	}
    /********** -cl-year-lit **********
	class: Selected Year
		Class of the selected year.
	*/
	.basic-cl-year-lit {
		background-color: #FFFFCC;
		border: 1px solid #666666;
		border-collapse: collapse;
		font-size: 8pt;
		font-family: Verdana;
		text-align: center;
		padding-left: 8px;
		padding-right: 8px;
        padding-top: 1px;
        padding-bottom: 1px;
	}
    /********** -cl-day **********
	class: Target Date
		Class of the day header column.
	*/
	.basic-cl-day {
		text-align: center;
        font: normal 9pt Verdana,Arial,Helvetica,sans-serif;
        background-color: #D2E9FF;
		padding-left: 12px;
		padding-right: 12px;
	}
    /********** -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: bold 8pt Verdana,Arial,Helvetica,sans-serif;
		background-color: #FFFFCC;
		color: #FF0000;
        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: #F2F2F2;
		color: silver;
		text-align: center;
		border-top: 1px solid #DEDEDE;
		border-left: 1px solid #DEDEDE;
        padding:4px;
	}