/* IMPORTANT:  The SCW calendar script requires all the classes defined here. */

input.datePicker { background: transparent url('../img/template/pictos/date.gif') no-repeat center right; padding: 2px -20px 2px 2px; }
input.datePicker:hover {  cursor: pointer; }

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;
}
td.scwDrag                 
{
    font-size:          8pt;
}
select.scwHead
{
    margin:             3px 1px;
    text-align:         center;
    background-color:   #ffffff; /**/
}
input.scwHead              
{
    height:             22px;
    width:              22px;
    vertical-align:     middle;
    text-align:         center;
    margin:             2px 1px;
    padding-bottom:     6px;
    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;
    font-size:          10pt;
}
table.scwCells             
{
    text-align:         right;
    font-size:          8pt;
    width:              96%;
    border-collapse:    collapse;
}
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:  #f6f6f6;
}
/* Drag Handle */
td.scwDrag                 
{
    background-color:  #e6e6e6;
    color:             #a6a6a6;
    font-style:        italic;
}
/* Week number heading */
td.scwWeekNumberHead       
{
    background-color:  #f6f6f6;
}
/* Week day headings */
td.scwWeek                 
{
    color:             #333333;
}
/* Week numbers */
td.scwWeekNo               
{
    /*background-color:  #e6e6e6;*/
    color:             #333333;
}
/* Enabled Days */
/* Week Day */
td.scwCells                
{
    background-color:  #ffffff;
    color:             #000000;
    
}
/* Day matching the input date */
td.scwInputDate            
{
    background-color:  #f6f6f6;
    color:             #ff0000;
}
/* Weekend Day */
td.scwCellsWeekend         
{
    background-color:  #ffffff;
    color:             #cc6666;
}
/* Day outside the current month */
td.scwCellsExMonth         
{
    background-color:  #ffffff;
    color:             #cccccc;
}
/* Today selector */
td.scwNow                  
{
    background-color:  #e6e6e6;
    color:             #a6a6a6;
}
/* 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             
{
    background-color:  #ffff00;
    color:             #000000;
    cursor:            pointer;
}
/* Disabled cells */
/* Week Day */
/* Day matching the input date */
td.scwInputDateDisabled    
{
    background-color:  #ffffff;
    color:             #cccccc;
}
td.scwCellsDisabled        
{
    background-color:  #ffffff;
    color:             #cccccc;
}
/* Weekend Day */
td.scwCellsWeekendDisabled 
{
    background-color:  #ffffff;
    color:             #cc6666;
}
/* Day outside the current month */
td.scwCellsExMonthDisabled 
{
    background-color:  #ffffff;
    color:             #cccccc;
}
td.scwNowDisabled          
{
    background-color:  #ffffff;
    color:             #cccccc;
}