.scw {
	padding:1px;
	vertical-align:middle;
}

iframe.scw {
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
	visibility:hidden;
	width:1px;height:1px;
}

table.scw {
	padding:0px;
	visibility:hidden;
	position:absolute;
	cursor:default;
	width:200px;
	top:0px;
	left:0px;
	z-index: 2;
	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:     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;
}
       
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:  #6666CC;
}  

/* Drag Handle */                                         
td.scwDrag  {
	background-color:  #9999CC;   
	color:             #CCCCFF;
}  

/* Week number heading */                                 
td.scwWeekNumberHead       {
	color:             #6666CC;
}
  
/* Week day headings */                                   
td.scwWeek  {
	color:             #CCCCCC;
}  

/* 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:  #CC9999;   
	color:             #FF0000;
}  

/* Weekend Day */                                         
td.scwCellsWeekend   {
	background-color:  #CCCCCC;   
	color:             #666666;
}  

/* Day outside the current month */                       
td.scwCellsExMonth  {
	background-color:  #CCCCCC;   
	color:             #666666;
}  

/* Today selector */                                      
td.scwNow  {
	background-color:  #6666CC;   
	color:             #FFFFFF;
}  

/* 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:             #FFFF00;   
	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:             #666666;
}  
/* Day outside the current month */                       
td.scwCellsExMonthDisabled {
	background-color:  #999999;   
	color:             #666666;
}  
td.scwNowDisabled {
	background-color:  #6666CC;   
	color:             #FFFFFF;
}