/******************************
CSC Calendar
*******************************/
.CSCCalendar
{
   border-right: solid 1px lightgrey;
   border-top: solid 1px lightgrey;
   font-size: 11pt;
   /*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: 11pt;
   font-family: Arial;
   background-color: white;
}

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

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

/****************************************
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: pointer;
   
}
.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: pointer;
}
.CSCToday
{
	font-weight: bold;
	cursor: pointer;
	cursor: pointer;
}
.CSCSpecialDay
{
	cursor: pointer;
	cursor: pointer;
	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: #C6C3B5 1px solid;
}

.CSCDayHeader TR
{
   font-size: 10pt;
   background-color: #EFEBDE;
}

.CSCDayHeaderCell
{
   font-size: 10pt;
}

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

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

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

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

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

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

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

.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: 11pt;
   font-family: Arial;
   cursor: pointer;

}

.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: 11pt;
   font-family: Arial;
   cursor: pointer;
}

.CSCFooterCurrentDate
{
}


/*********************************
Date Text Box
**********************************/

.DTBToggleCalendar
{
}

.DTBToggleCalendarPressed
{
}

.DTBHelpButton
{
}

.DTBHelpButtonPressed
{
}

/* New 2.0 --for Date textboxes-- */
/* prevent external img styles from affecting these styles */
.DTBToggleCalendar img
{
   background-color:transparent; 
   margin-left: 0px; 
   margin-top: 0px; 
   margin-bottom:0px; 
   margin-right:0px;
}
/* prevent external img styles from affecting these styles */
.DTBToggleCalendarPressed img
{
   background-color:transparent; 
   margin-left: 0px; 
   margin-top: 0px; 
   margin-bottom:0px; 
   margin-right:0px;
}
/* prevent external img styles from affecting these styles */
.DTBHelpButton img
{
   background-color:transparent; 
   margin-left: 0px; 
   margin-top: 0px; 
   margin-bottom:0px; 
   margin-right:0px;
}
/* prevent external img styles from affecting these styles */
.DTBHelpButtonPressed img
{
   background-color:transparent; 
   margin-left: 0px; 
   margin-top: 0px; 
   margin-bottom:0px; 
   margin-right:0px;
}


/* 2.0 New CS_Calendar-- */

/* prevent external img styles from affecting these styles */
.CSCCalendar img
{
   background-color:transparent; 
   margin-left: 0px; 
   margin-top: 0px; 
   margin-bottom:0px; 
   margin-right:0px;
}
/* used on server side only version */
.CSCCalendar A
{
   color:black;
   text-decoration:none;
}

.CSCWeekRowsTable_NS70  /* for Netscape 7.0x only */
{
   font-family: Arial;
   font-size: 11pt;
}


.CSCOutsideRangeDay
{
   color: gray;
/* if you want to show a background image, uncomment and set the URL correctly
   background-image: url(outofrangeday.gif);
   background-repeat: no-repeat;
   background-position: center center;
*/
}

/* use to establish a background color for CSCHeaderTable */
.CSCHeaderTable TABLE
{
   background-color:transparent;
}

.CSCMultiMonthContainer
{
}

.CSCMultiMonthHeader
{
}


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

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

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

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

/*************************************************************************************
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;
   
}

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

/*****************************************************************************
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;
   background-color: #556EB5; 
   color: #FFFFFF;
}

.MYPOutOfRangeCell
{
   color: gray;
}

.MYPMoveYearsButtons
{
}

.MYPMoveYearsButtonsPressed
{
}

.MYPTogglePicker
{
}

.MYPTogglePickerPressed
{
}


/* --for MonthYearPicker-- */

/* prevent external img styles from affecting these styles */
.MYPMonthYearPicker img
{
   background-color:transparent; 
   margin-left: 0px; 
   margin-top: 0px; 
   margin-bottom:0px; 
   margin-right:0px;
}

.MYPYearTitle
{
   border-top: black 1px solid;
   border-bottom: black 1px solid;
   background-color: lightblue;
}
/* used on server side only version */
.MYPMonthYearPicker A
{
   color:black;
   text-decoration:none;
}

.FYPHeader
{
   background-color:transparent;
}
.FYPFooterButton
{
   border-right: #E0E0E0 thin outset; /* = lightgray */
   border-top: #E0E0E0 thin outset;
   border-left: #E0E0E0 thin outset;
   color: black;
   border-bottom: #E0E0E0 thin outset;
   background-color: lightblue;
   font-size: 11pt;
   font-family: Arial;
   cursor: pointer;
   cursor: hand;
}

.FYPFooterButtonPressed
{
   border-right: #E0E0E0 thin inset; /* = lightgray */
   border-top: #E0E0E0 thin inset;
   border-left: #E0E0E0 thin inset;
   border-bottom: #E0E0E0 thin inset;
   background-color: lightblue;
   color: black;
   font-size: 11pt;
   font-family: Arial;
   cursor: pointer;
   cursor: hand;
}


/**************************************************************************************
Context Menu
***************************************************************************************/
.PDPContextMenu
{
   border-right: lightgrey 1px solid;
   border-top: lightgrey 1px solid;
   font-size: 11pt;
   /* STW 2007-01-15 removed filter*/
   /*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: 11pt;
   font-family: Arial;
   background-color: white;
}







/**************************************************************
New Classes for 
***************************************************************/




/* --for SpecialDates -- */
/* SpecialDates that use xFormat <> Standard */

/* SpecialDate timerows */
.SD_TimeRow, .SD_TimeRow TD
{
}
.SD_TimeRowAlt, .SD_TimeRowAlt TD
{
}
.EDFMain
{
   font-size: 11pt;
   font-family: Arial;
   color: black;
   background-color: aliceblue;
   border-right: black 1px solid;
   border-top: black 1px solid;
   border-left: black 1px solid;
   border-bottom: black 1px solid;
   padding-right: 5px;
   padding-left: 5px;
   padding-bottom: 5px;
   padding-top: 5px;
}
.EDFMain TR
{
   font-size: 11pt;
   font-family: Arial;
   color: black;
}
.EDFTitle
{
   background-color: white;
   border-top: black 1px solid;
   border-bottom: black 1px solid;
}

.EDFTitle TR
{
   font-size: 11pt;
   font-family: Arial;
   color: black;
}


/* --for MultiSelectionCalendar-- */
.MSCMessageCenter
{
   border-right: gray double;
   border-top: gray double;
   border-left: gray double;
   border-bottom: gray double;
}

.MSCMessageCenterTitle
{
   color: blue;
   font-size: 11pt;
   font-family: Arial;
}

.MSCMessageCenterBody
{
   padding-right: 5px;
   padding-left: 5px;
   padding-bottom: 5px;
   padding-top: 5px;
}
.MSCMessageCenterNextClick
{
}




/* --for Time textboxes-- */
.TMTBHelpButton
{
}

.TMTBHelpButtonPressed
{
}

/* prevent external img styles from affecting these styles */
.TMTBHelpButton img
{
   background-color:transparent; 
   margin-left: 0px; 
   margin-top: 0px; 
   margin-bottom:0px; 
   margin-right:0px;
}
/* prevent external img styles from affecting these styles */
.TMTBHelpButtonPressed img
{
   background-color:transparent; 
   margin-left: 0px; 
   margin-top: 0px; 
   margin-bottom:0px; 
   margin-right:0px;
}


/* --for TimePicker-- */
.TPTimePicker
{
   border-right: gray 1px solid;
   border-top: gray 1px solid;
   font-size: 11pt;
   border-left: gray 1px solid;
   border-bottom: gray 1px solid;
   font-family: Arial;
   background-color: white;
}

.TPTimePicker TABLE
{
   font-size: 11pt;
   font-family: Arial;
   background-color: white;
}
.TPTimePicker A
{
   color:black;
   text-decoration:none;
}

.TPTimeSpan
{
   cursor: hand;
}

.TPSelectedTimeSpan
{
   background-color: gold;
   cursor: pointer;
   cursor: hand;
}


.TPFiller
{
   color: gray;
}

.TPTitle
{
   border-top: black 1px solid;
   border-bottom: black 1px solid;
   background-color: lightblue;
}
.TPHeader
{
   background-color:transparent;
}
.TPFooterButton
{
   border-right: #E0E0E0 thin outset; /* = lightgray */
   border-top: #E0E0E0 thin outset;
   border-left: #E0E0E0 thin outset;
   color: black;
   border-bottom: #E0E0E0 thin outset;
   background-color: lightblue;
   font-size: 11pt;
   font-family: Arial;
   cursor: pointer;
   cursor: hand;
}

.TPFooterButtonPressed
{
   border-right: #E0E0E0 thin inset; /* = lightgray */
   border-top: #E0E0E0 thin inset;
   border-left: #E0E0E0 thin inset;
   border-bottom: #E0E0E0 thin inset;
   background-color: lightblue;
   color: black;
   font-size: 11pt;
   font-family: Arial;
   cursor: pointer;
   cursor: hand;
}

.TPTogglePicker
{
}

.TPTogglePickerPressed
{
}