/* This file documents the changes made to existing style sheet classes from v1.x to v2.
   This file is used if you are keeping your existing style sheet files instead
   of switching to the new style sheet files supplied in v2.

   You can apply none, some or all of them as you see fit.
   Many of these changes affect the color scheme. 
   If you prefer your existing colors, do not apply the changes.

   See the file NewFor2.css for all newly introduced classes that should be included
   in your style sheet files. */

/*
1) CSCCalendar
 1. RECOMMENDED. The filter is removed. You will activate the filter with the xUseShadowEffectB property
    on the calendar control.
 2. Optional. The border color was changed lightgrey to #E0E0E0 to have compatibility
    with some browsers that don't know the term lightgrey.
    #E0E0E0 is the same color.
 3. Optional. Borders have 4px defined because most browsers defaulted to a smaller size
    than IE (which used 4px for ridge).
*/
.CSCCalendar
{
   border-right: #E0E0E0 4px ridge; /* lightgrey */
   border-top: #E0E0E0 4px ridge;
   border-left: #E0E0E0 4px ridge;
   border-bottom: #E0E0E0 4px ridge;
   font-size: 8pt;
   font-family: Arial;
   background-color: white; 
}
 
/*
2) CSCCalendar TABLE
   1. Optional. Removed the background-color. Allows the .CSCCalendar style define this style.
      If not removed, any nested table you define in the SpecialDates DayCellFormatting will inherit
      this color unless you explicity assign a background color to your tables.
*/
.CSCCalendar TABLE
{
   font-size: 8pt;
   font-family: Arial;
}

/*
3) CSCCalendarNoFilter
   Optional. If you are not using this class at all, you can entirely remove it.
   You can do the same with CSCCalendarNoFilter TABLE
*/

/* CSCWeekRowsTable
   1. Optional. Removed the background-color. Allows the .CSCCalendar style define this style.
   2. Optional. Changed the border color from black to royalblue
*/
.CSCWeekRowsTable
{
   border-right: royalblue 1px solid;
   border-top: royalblue 1px solid;
   border-left: royalblue 1px solid;
   border-bottom: royalblue 1px solid;
   font-family: Arial;
   font-size: 8pt;
}

/*
4) CSCDay
   Optional. Change the name to read as shown below.
  .CSCDay, .CSCDay TR

   Used if you are using SpecialDates to format DayCells.
*/
.CSCDay, .CSCDay TR
{
   cursor: pointer;  /* W3C approved hand. */
   cursor: hand;   /* IE specific hand */
}

/*
5) CSCSelectedDay
   Optional. Change the name to read as shown below. 
  .CSCSelectedDay, .CSCSelectedDay TR

   Used if you are using SpecialDates to format DayCells.
*/
.CSCSelectedDay, .CSCSelectedDay TR
{
   background-color: gold;
   cursor: pointer;
   cursor: hand;
}

/*
6) CSCSelectedToday
   Optional. Change the name to read as shown below. 
  .CSCSelectedToday, .CSCSelectedToday TR

   Used if you are using SpecialDates to format DayCells.
*/
.CSCSelectedToday, .CSCSelectedToday TR
{
   font-weight: bold;
   background-color: gold;
   cursor: pointer;
   cursor: hand;
}
/*
7) CSCToday
   Optional. Change the name to read as shown below. 
  .CSCToday, .CSCToday TR

   Used if you are using SpecialDates to format DayCells.
*/
.CSCToday, .CSCToday TR
{
   font-weight: bold;
   cursor: pointer;
   cursor: hand;
}

/*
8) CSCSpecialDay
   Optional. Change the name to read as shown below. 
  .CSCSpecialDay, .CSCSpecialDay TR

   Used if you are using SpecialDates to format DayCells.
*/
.CSCSpecialDay, .CSCSpecialDay TR
{
   cursor: pointer;
   cursor: hand;
   background-color: lemonchiffon;
}

/*
9) CSCOtherMonthDays
   Optional. Change the name to read as shown below. 
  .CSCOtherMonthDays, .CSCOtherMonthDays TR

   Used if you are using SpecialDates to format DayCells.
*/
.CSCOtherMonthDays, .CSCOtherMonthDays TR
{
   cursor: default;
   color: gray;
}

/*
10) CSCWeekNumberColumn
    Optional. Removed the border-right style.
*/
.CSCWeekNumberColumn
{
   background-color: lightblue;
}

/*
11) CSCDayHeader
    1. RECOMMENDED. Add font-size: 7pt. It was in CSCDayHeader TR which is no longer used
    2. RECOMMENDED. Add background-color: lightblue. It was in CSCDayHeader TR which is no longer used
    3. Optional. Removed border-bottom. It does not show up anymore because the DayHeader 
       is using style=border-collapse:collapse unless cellspacing > 0
*/
.CSCDayHeader
{
   font-size: 7pt;
   background-color: lightblue;
}

/*
12) CSCDayHeader TR
    RECOMMENDED. Remove the class. It's no longer used.
*/

/*
13) CSCDayHeaderCell
    Optional. Remove font-size because its defined in CSCDayHeader.
*/
.CSCDayHeaderCell
{
}

/*
14) CSCHeaderTable
    Optional. Removed border-bottom style. The border now comes from CSCWeekRowsTable
    Optional. Removed the font and size because they are already handled by CSCHeaderRows
    Optional. Added margin-top: 2px; and margin-bottom:2px;
*/
.CSCHeaderTable
{
   margin-top: 2px;
   margin-bottom: 2px;
}

/*
15) CSCHeaderRows TR
    Optional. Changed the color from 'inherited' to transparent.
*/
.CSCHeaderRows TR
{
   background-color:transparent;
}


/*
16)CSCFooterTable TABLE
   Optional. Added background-color:transparent.
*/
.CSCFooterTable TABLE
{
   background-color:transparent;
}


/*
17) CSCFooterButton and CSCFooterButtonPressed
    Optional. The border color was changed lightgrey to #E0E0E0 to have compatibility
    with some browsers that don't know the term lightgrey.
    #E0E0E0 is the same color.
*/
.CSCFooterButton
{
   border-right: #E0E0E0 thin outset;
   border-top: #E0E0E0 thin outset;
   border-left: #E0E0E0 thin outset;
   border-bottom: #E0E0E0 thin outset;
   background-color: lightblue;
   font-family: Arial;
   font-size: 8pt;
   color: black;
   cursor: pointer;
   cursor: hand;
}
.CSCFooterButtonPressed
{
   border-right: #E0E0E0 thin inset; 
   border-top: #E0E0E0 thin inset;
   border-left: #E0E0E0 thin inset;
   border-bottom: #E0E0E0 thin inset;
   background-color: lightblue;
   color: black;
   font-size: 8pt;
   font-family: Arial;
   cursor: pointer;
   cursor: hand;
}

/*
18) SD_Selectable1
   Optional. Change the name to read as shown below. 
  .SD_Selectable1, .SD_Selectable1 TR

   Used if you are using SpecialDates to format DayCells.
*/
.SD_Selectable1, .SD_Selectable1 TR
{
   background-color: mistyrose;
   cursor: pointer;  /* W3C approved hand. */
   cursor: hand;   /* IE specific hand */
}


/*
19) SD_SelectableOM1
   Optional. Change the name to read as shown below. 
  .SD_SelectableOM1, .SD_SelectableOM1 TR

   Used if you are using SpecialDates to format DayCells.
*/
.SD_SelectableOM1, .SD_SelectableOM1 TR
{
   background-color: powderblue;
   cursor: pointer;
   cursor: hand;
}

/*
20) SD_Selectable2
   Optional. Change the name to read as shown below. 
  .SD_Selectable2, .SD_Selectable2 TR

   Used if you are using SpecialDates to format DayCells.
*/
.SD_Selectable2, .SD_Selectable2 TR
{
   background-color: palegoldenrod;
   cursor: pointer;
   cursor: hand;
}

/*
21) SD_SelectableOM2
    Optional. Change the name to read as shown below. 
   .SD_SelectableOM2, .SD_SelectableOM2 TR

    Used if you are using SpecialDates to format DayCells.
*/
.SD_SelectableOM2, .SD_SelectableOM2 TR
{
   background-color: gainsboro;
   cursor: pointer;
   cursor: hand;
}


/*
22) SD_Unselectable1
    Optional. Change the name to read as shown below. 
   .SD_Unselectable1, .SD_Unselectable1 TR

    Used if you are using SpecialDates to format DayCells.
*/
.SD_Unselectable1, .SD_Unselectable1 TR
{
   color: gray;
   background-color: mistyrose;
}


/*
23) SD_UnselectableOM1
    Optional. Change the name to read as shown below. 
   .SD_UnselectableOM1, .SD_UnselectableOM1 TR

    Used if you are using SpecialDates to format DayCells.
*/
.SD_UnselectableOM1, .SD_UnselectableOM1 TR
{
   color: gray;
   background-color: powderblue;
}

/*
24) SD_Unselectable2
    Optional. Change the name to read as shown below. 
   .SD_Unselectable2, .SD_Unselectable2 TR

    Used if you are using SpecialDates to format DayCells.
*/
.SD_Unselectable2, .SD_Unselectable2 TR
{
   color: gray;
   background-color: palegoldenrod;
}
/*
25) SD_UnselectableOM2
    Optional. Change the name to read as shown below. 
   .SD_UnselectableOM2, .SD_UnselectableOM2 TR

    Used if you are using SpecialDates to format DayCells.
*/
.SD_UnselectableOM2, .SD_UnselectableOM2 TR
{
   color: gray;
   background-color: gainsboro;
}