/********** javscript Calendar Widget **************/

/* IMPORTANT:  The SCW calendar script requires all the classes defined here. */
table.scw
{
    padding: 1px;
    vertical-align: middle;
    border: ridge 2px;
    font-size: 10pt;
    font-family: Verdana,Arial,Helvetica,Sans-Serif;
    font-weight:   bold;
}
td.scwDrag, td.scwHead
{
    padding: 0px 0px;
    text-align: center;
}
span.scwHead
{
    font-size: 8pt;
    font-weight:bold;
    font-family: fixedSys;
}
span.scwHead:hover
{
    color:Blue;
}
td.scwDrag
{
    font-size: 8pt;
}
select.scwHead
{
    /*margin: 3px 1px;
    text-align: center;*/
}
input.scwHead
{
    height: 22px;
    width: 22px;
    vertical-align: middle;
    text-align: center;
    margin: 2px 1px;
    font-weight: bold;
    font-size: 10pt;
    font-family: fixedSys;
}

td.scwWeekNumberHead, td.scwWeek
{
    padding: 0px;
    text-align: center;
    font-weight: bold;
}
td.scwNow, td.scwNowHover, td.scwNow:hover, td.scwNowDisabled
{
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
}
table.scwCells
{
    text-align: right;
    font-size: 8pt;
    width: 96%;
}
td.scwCells, td.scwCellsHover, td.scwCells:hover, td.scwCellsDisabled, td.scwCellsExMonth, td.scwCellsExMonthHover, td.scwCellsExMonth:hover, td.scwCellsExMonthDisabled, td.scwCellsWeekend, td.scwCellsWeekendHover, td.scwCellsWeekend:hover, td.scwCellsWeekendDisabled, td.scwInputDate, td.scwInputDateHover, td.scwInputDate:hover, td.scwInputDateDisabled, td.scwWeekNo, td.scwWeeks
{
     padding: 3px;
   width: 16px;
    height: 16px;
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
    vertical-align: middle;
}
/* Blend the colours into your page here...    */
/* Calendar background */

table.scw
{
    background-color: #ECE9E8;
}
/* Drag Handle */
td.scwDrag
{
    background-color: #9999CC;
    color: #CCCCFF;
}
/* Week number heading */
td.scwWeekNumberHead
{
    color: #6666CC;
}
/* Week day headings */
td.scwWeek
{
    color: #999999;
}
/* Week numbers */
td.scwWeekNo
{
    background-color: #776677;
    color: #CCCCCC;
}
/* Enabled Days */
/* Week Day */
td.scwCells
{
    background-color: #CCCCCC;
    color: #000000;
}
/* Day matching the input date */
td.scwInputDate
{
    background-color: #FFCC66;
    color: #000000;
}
/* Weekend Day */
td.scwCellsWeekend
{
    background-color: #CCCCCC;
    color: #CC6666;
}
/* Day outside the current month */
td.scwCellsExMonth
{
    background-color: #CCCCCC;
    color: #666666;
}
/* Today selector */
td.scwNow
{
    /*background-color: #6666CC;
    color: #FFFFFF;*/
    font: bold 10px Tahoma;
    text-decoration:underline;
}
/* Clear Button */
td.scwClear
{
    padding: 0px;
}
input.scwClear
{
    padding: 0px;
    text-align: center;
    font-size: 8pt;
}
/* MouseOver/Hover formatting
   If you want to "turn off" any of the formatting 
   then just set to the same as the standard format
   above.
                                          
   Note: The reason that the following are
   implemented using both a class and a :hover
   pseudoclass is because Opera handles the rendering
   involved in the class swap very poorly and IE6
   (and below) only implements pseudoclasses on the
   anchor tag.
            */
/* Active cells */
td.scwCells:hover, td.scwCellsHover
{
    background-color: #FFFF00;
    cursor: pointer;
    color: #000000;
}
/* Day matching the input date */
td.scwInputDate:hover, td.scwInputDateHover
{
    background-color: #FFFF00;
    cursor: pointer;
    color: #000000;
}
/* Weekend cells */
td.scwCellsWeekend:hover, td.scwCellsWeekendHover
{
    background-color: #FFFF00;
    cursor: pointer;
    color: #000000;
}
/* Day outside the current month */
td.scwCellsExMonth:hover, td.scwCellsExMonthHover
{
    background-color: #FFFF00;
    cursor: pointer;
    color: #000000;
}
/* Today selector */
td.scwNow:hover, td.scwNowHover
{
    color: blue;
    cursor: pointer;
    font-weight: bold;
    font: bold 10px Tahoma;
    text-decoration:underline;
}
/* Disabled cells, Week Day, and Day matching the input date */
td.scwInputDateDisabled
{
    background-color: #999999;
    color: #000000;
}
td.scwCellsDisabled
{
    background-color: #999999;
    color: #000000;
}
/* Weekend Day */
td.scwCellsWeekendDisabled
{
    background-color: #999999;
    color: #CC6666;
}
/* Day outside the current month */
td.scwCellsExMonthDisabled
{
    background-color: #999999;
    color: #666666;
}
td.scwNowDisabled
{
    background-color: #6666CC;
    color: #FFFFFF;
}

/********** javscript Calendar Widget **************/