.scw
{
    padding: 1px;
    vertical-align: middle;
}
iframe.scw
{
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 0px;
    visibility: hidden;
    width: 1px;
    height: 1px;
}
table.scw
{
    padding: 0px;
    visibility: hidden;
    position: absolute;
    cursor: default;
    width: 180px;
    top: 0px;
    left: 0px;
    z-index: 101;
    text-align: center;
}

/* IMPORTANT:  The SCW calendar script requires all       
                           the classes defined here.                  
            */
table.scw
{
    padding: 1px;
    vertical-align: middle;
    border: ridge 2px;
    font-size: 6pt;
    font-family: Verdana,Arial,Helvetica,Sans-Serif;
    font-weight: bold;
}
td.scwDrag, td.scwHead
{
    padding: 0px 0px;
    text-align: center;
}
td.scwDrag
{
    font-size: 6pt;
}
select.scwHead
{
    margin: 1px 1px;
    text-align: left;
    font-size: 7pt;
    font-family: Verdana;
	width:55px;
}
input.scwHead
{
    height: 20px;
    width: 20px;
    vertical-align: middle;
    text-align: center;
    margin: 2px 1px;
    font-weight: bold;
    font-size: 7pt;
    font-family: Verdana;
}
td.scwWeekNumberHead, td.scwWeek
{
    padding: 0px;
    text-align: center;
    font-weight: bold;
}
td.scwFoot, td.scwFootHover, td.scwFoot:hover, td.scwFootDisabled
{
    padding: 0px;
    text-align: center;
    font-weight: normal;
}
table.scwCells
{
    text-align: right;
    font-size: 6pt;
    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: 12px;
    height: 12px;
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
    vertical-align: middle;
    font-size: 6pt;
}
/* Blend the colours into your page here...    */
/* Calendar background */
table.scw
{
    background-color: #ffffff;
}
/* Drag Handle */
td.scwDrag
{
    background-color: #ffffff;
    color: #000000;
}
/* Week number heading */
td.scwWeekNumberHead
{
    color: #000000;
}
/* Week day headings */
td.scwWeek
{
    color: #000000;
}
/* Week numbers */
td.scwWeekNo
{
    background-color: #776677;
    color: #CCCCCC;
}
/* Enabled Days */
/* Week Day */
td.scwCells
{
    background-color: #ffffff;
    color: #000000;
}
/* Day matching the input date */
td.scwInputDate
{
    background-color: #CC9999;
    color: #FF0000;
}
/* Weekend Day */
td.scwCellsWeekend
{
    background-color: #ffffff;
    color: #000000;
	 font-weight: bold;

}
/* Day outside the current month */
td.scwCellsExMonth
{
    background-color: #ffffff;
    color: #666666;
}
/* Today selector */
td.scwFoot
{
    background-color: #FFFFFF;
    color: #000000;
}
/* 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: #86b918;
    cursor: pointer;
    color: #000000;
}
/* Day matching the input date */
td.scwInputDate:hover, td.scwInputDateHover
{
    background-color: #86b918;
    cursor: pointer;
    color: #000000;
}
/* Weekend cells */
td.scwCellsWeekend:hover, td.scwCellsWeekendHover
{
    background-color: #86b918;
    cursor: pointer;
    color: #000000;
}
/* Day outside the current month */
td.scwCellsExMonth:hover, td.scwCellsExMonthHover
{
    background-color:#86b918;
    cursor: pointer;
    color: #000000;
}
/* Today selector */
td.scwFoot:hover, td.scwFootHover
{
    
    cursor: pointer;
    font-weight: bold;
}
/* Disabled cells */
/* Week Day */
/* 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: #000000;
}
/* Day outside the current month */
td.scwCellsExMonthDisabled
{
    background-color: #999999;
    color: #666666;
}
td.scwFootDisabled
{
    background-color: #6666CC;
    color: #FFFFFF;
}