.CSCCalendar
{
   border-right: solid 1px lightgrey;
   border-top: solid 1px lightgrey;
   font-size: 8pt;
   filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color= 'gray' , Positive= 'true' ) progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=20, Style=1, StartX=96, FinishX=100, StartY=0, FinishY=0) progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=20, Style=1, StartX=0, FinishX=0, StartY=97, FinishY=100);
   border-left: solid 1px lightgrey;
   border-bottom: solid 1px lightgrey;
   font-family: Arial;
   background-color: white;
}

.CSCCalendar TABLE
{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}

.CSCCalendarNoFilter
{
   border-right: solid 1px lightgrey;
   border-top: solid 1px lightgrey;
   font-size: 8pt;
   border-left: solid 1px lightgrey;
   border-bottom: solid 1px lightgrey;
   font-family: Arial;
   background-color: white;
}
.CSCCalendarNoFilter TABLE
{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}



.CSCWeekRowsTable
{
   border-right: black 1px solid;
   border-top: black 1px solid;
   font-size: 8pt;
   border-left: black 1px solid;
   border-bottom: black 1px solid;
   font-family: Arial;
   background-color: white;
}


.CSCDay
{
   cursor: pointer;  /* W3C approved hand. See http://www.xs4all.nl/~ppk/css2tests/index.html */
   cursor: hand;
  
}

/****************************************
Date Picker Day 
	.CSCSelectedDay - The Selected Day
		background-color: The color of the table cell when the day is selected
		color: The color of the font when the day is selected.

********************************************/
.CSCSelectedDay
{
   background-color: #556EB5;
   color: #FFFFFF;
   cursor: pointer;
   cursor: hand;
   
}
.CSCSelectedDay
{
	
}
/**********************************************
Date Picker Day
	.CSCSelectedToday - When the Selected Day is Today
		background-color: The color of the table cell when the day is selected
		color: The color of the font when the day is selected.
***********************************************/
.CSCSelectedToday
{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #556EB5;
	cursor: pointer;
	cursor: hand;
}
.CSCToday
{
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
}
.CSCSpecialDay
{
	cursor: pointer;
	cursor: hand;
	background-color: #AAC7BE;
}

/***********************************
Other Days of the Month (ie when the days are next month or last month)

************************************/
.CSCOtherMonthDays
{
	background-color: #F3F3F3;
	cursor: default;
	color: gray;
}

/*************************************
 Date Picker Header Rows 
**************************************/
.CSCDayHeader
{
   border-bottom: #000000 1px solid;
}

.CSCDayHeader TR
{
   font-size: 7pt;
   background-color: #DDDDDD;
}

.CSCDayHeaderCell
{
   font-size: 7pt;
}

.CSCHeaderTable
{
   font-size: 8pt;
   border-bottom: #000000 1px solid;
   font-family: Arial;
}

.CSCHeaderRows
{
   font-size: 8pt;
   font-family: Arial;
   cursor: default;
}

.CSCHeaderRows TR
{
   background-color: #FFFFFF;
}

.CSCIncrementalButtons
{
   cursor: pointer;
   cursor: hand;
   color: mediumblue;
}

.CSCIncrementalButtonsPressed
{
   cursor: pointer;
   cursor: hand;
   color: darkblue;
}

.CSCJumpButtons
{
   color: mediumblue;
   cursor: pointer;
   cursor: hand;
}

.CSCJumpButtonsPressed
{
   color: darkblue;
   cursor: pointer;
   cursor: hand;
}

.CSCCloseButton
{
   cursor: default;
}

.CSCCloseButtonPressed
{
   cursor: default;
}
.CSCHelpButton
{
   cursor: default;
}

.CSCHelpButtonPressed
{
   cursor: default;
}

.CSCFooterTable
{
}

.CSCFooterTable TABLE
{
}

/* Date Picker Footer */
.CSCFooterButton
{
   border-right: lightgrey thin outset;
   border-top: lightgrey thin outset;
   border-left: lightgrey thin outset;
   color: black;
   border-bottom: lightgrey thin outset;
   background-color: lightblue;
   font-size: 8pt;
   font-family: Arial;
   cursor: pointer;
   cursor: hand;
}

.CSCFooterButtonPressed
{
   border-right: lightgrey thin inset;
   border-top: lightgrey thin inset;
   border-left: lightgrey thin inset;
   border-bottom: lightgrey thin inset;
   background-color: lightblue;
   color: black;
   font-size: 8pt;
   font-family: Arial;
   cursor: pointer;
   cursor: hand;
}

.CSCFooterCurrentDate
{
}


.DTBToggleCalendar
{
}

.DTBToggleCalendarPressed
{
}

.DTBHelpButton
{
}

.DTBHelpButtonPressed
{
}


/****************************************************************
Month Year Picker
*****************************************************************/

.MYPMonthYearPicker
{
   border-right: gray 1px solid;
   border-top: gray 1px solid;
   font-size: 8pt;
   border-left: gray 1px solid;
   border-bottom: gray 1px solid;
   font-family: Arial;
   background-color: white;
}

.MYPMonthYearPicker TABLE
{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}


/*************************************************************************************
Month Year Picker
*************************************************************************************/
.MYPYearTable
{
}
.MYPYearCell
{
   cursor: pointer;
   cursor: hand;
}

/*************************************************************************************
Month Year Picker. (Selected Month Cell)	
	MYPSelectedMonthCell -
		color: The color changes the font.
		background-color: Background color changes the Month Year Picker selected color.
**************************************************************************************/

.MYPSelectedMonthCell
{
   background-color: #556EB5;
   color: #FFFFFF;
   cursor: pointer;
   cursor: hand;
   
}

.MYPMonthTable
{
}
.MYPMonthCell
{
   cursor: pointer;
   cursor: hand;
}

/*****************************************************************************
Month Year Picker. (Selected Year Cell)
	MYPSelectedYearCell - 
		color: The color changes the font.
		background-color: Background color changes the Month Year Picker selected color.
*******************************************************************************/

.MYPSelectedYearCell
{
   cursor: pointer;
   cursor: hand;
   background-color: #556EB5; 
   color: #FFFFFF;
}

.MYPOutOfRangeCell
{
   color: gray;
}

.MYPMoveYearsButtons
{
}

.MYPMoveYearsButtonsPressed
{
}

.MYPTogglePicker
{
}

.MYPTogglePickerPressed
{
}



/**************************************************************************************
Context Menu
***************************************************************************************/
.PDPContextMenu
{
   border-right: lightgrey 1px solid;
   border-top: lightgrey 1px solid;
   font-size: 8pt;
   filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color= 'gray' , Positive= 'true' ) progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=20, Style=1, StartX=96, FinishX=100, StartY=0, FinishY=0) progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=20, Style=1, StartX=0, FinishX=0, StartY=97, FinishY=100);
   border-left: lightgrey 1px solid;
   border-bottom: lightgrey 1px solid;
   font-family: Arial;
   background-color: white;
}

.PDPContextMenu TABLE
{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}