/**
 * Calendar
 */ 
table.scw {
    padding: 0px;
    vertical-align: middle;                    
    border: 1px solid #999999;             
    font-weight:   bold;
} 
table.scw td.scw {
    padding: 0px;
}
td.scwDrag,                                               
td.scwHead  {
    padding:       0px 0px;       
    text-align:    center;
} 
td.scwDrag {
    font-size:     80%;
}

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;        
}     
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:  100%; 
    width:      100%;
}          
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.scwWeek,   
td.scwWeekNo,
td.scwWeeks {
    padding:           3px;       
    width:             16px;      
    height:            16px;      
    vertical-align:    middle;
}   
/* Blend the colours into your page here...    */         
/* Calendar background */                                 
table.scw {
    background-color: white;
}  
table.scwCells td {
    border-top: 1px solid #F0F0F0;
    border-left: 1px solid #F0F0F0;
    border-bottom: 1px solid #CDD1D5;
    border-right: 1px solid #CDD1D5;
    background-color: #F0F2F4;
}
/* Table headers */
table.scwCells td.scwHead {
    border: none;
}
/* Drag Handle */                                         
table.scwCells td.scwDrag {
/*    background-color:  #F0F2F4;   
    color:             #CCCCFF;*/
    border: none;
}  
/* Week number heading */
table.scwCells td.scwWeekNumberHead {
    color: #1E5EB0;
}  
/* Week day headings */
table.scwCells td.scwWeek {
    /*color:  #CCCCCC;*/
    background-color: #DEE0E3;
}  
/* Week numbers */                                        
table.scwCells td.scwWeekNo {
    background-color:  #776677;   
    color:             #CCCCCC;
}  
/* Enabled Days */                                        
/* Week Day */                                            
table.scwCells td.scwCells {
    color: #1e5eb0;
}
/* Day matching the input date */                         
table.scwCells td.scwInputDate {
    border: 2px solid #1E5EB0;
}
/* Weekend Day */                                         
table.scwCells td.scwCellsWeekend {
    /*background-color:  #EFEFEF;*/
    color: #113666;
    font-weight: bold;
}  
/* Day outside the current month */                       
table.scwCells td.scwCellsExMonth {
    background-color:  #e8e8e8;   
    color:             #666666;
}  
/* Today selector */                                      
table.scwCells td.scwFoot {
    color: #1e5eb0;
}  
/* MouseOver/Hover formatting */                                                        
/* Active cells */                                        
table.scwCells td.scwCells:hover,                                        
table.scwCells td.scwCellsHover {
    background-color: #1E5EB0;
    color: #FFFFFF;
    cursor: pointer;   
    cursor: hand;      
}  
/* Day matching the input date */                         
table.scwCells td.scwInputDate:hover,                                    
table.scwCells td.scwInputDateHover {
    background-color: #1E5EB0;
    color: #FFFFFF;
    cursor: pointer;   
    cursor: hand;
    border: 2px solid #1E5EB0;
}  
/* Weekend cells */                                       
table.scwCells td.scwCellsWeekend:hover,                                 
table.scwCells td.scwCellsWeekendHover {
    background-color: #1E5EB0;
    color: #FFFFFF;
    cursor: pointer;   
    cursor: hand;      
}  
/* Day outside the current month */                       
table.scwCells td.scwCellsExMonth:hover,                                 
table.scwCells td.scwCellsExMonthHover {
    background-color: #1E5EB0;
    color: #FFFFFF;
    cursor: pointer;   
    cursor: hand;      
}  
/* Today selector */                                      
table.scwCells td.scwFoot:hover,                                         
table.scwCells td.scwFootHover {
    background-color: #1E5EB0;
    color: #FFFFFF;
    cursor: pointer;   
    cursor: hand;      
}   
/* Disabled cells */                                      
/* Week Day */                                            
/* Day matching the input date */                         
table.scwCells td.scwInputDateDisabled {
    background-color:  #999999;   
    color:             #000000;
}  
table.scwCells td.scwCellsDisabled {
    background-color:  #999999;   
    color:             #000000;
}  
/* Weekend Day */                                         
table.scwCells td.scwCellsWeekendDisabled {
    background-color:  #999999;   
    color:             #CC6666;
}
/* Day outside the current month */                       
table.scwCells td.scwCellsExMonthDisabled {
    background-color:  #999999;   
    color:             #666666;
}
table.scwCells td.scwFootDisabled {
    background-color:  #6666CC;
    color:             #FFFFFF;
}