/* Syntax Colors */
/* Blue         1,30,170    #011eaa */
/* Green        0,128,0     #008000 */
/* Red          255,0,51    #ff0033 */
/* Gray         220,220,220 #dcdcdc */

/* Theme Colors */
/* Dark Brown   90,50,20    #5a3214 */
/* Dark Orange  255,190,20  #ffbe14 */
/* Light Yellow 255,245,180 #fff5b4 */

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

/*
    scwZindex controls how the pop-up calendar interacts with the rest
    of the page.  It is usually adequate to leave it as 1 (One) but I
    have made it available here to help anyone who needs to alter the
    level in order to ensure that the calendar displays correctly in
    relation to all other elements on the page.

    var scwZindex          = 1;
*/
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;
}



/* Color Customization */

/* 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.scwFoot,              
td.scwFootHover,         
td.scwFoot:hover,        
td.scwFootDisabled         
{
  padding:       0px;    
  text-align:    center; 
  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:  #5a3214;
}

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

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

/* Week day headings */  
td.scwWeek
{
  color: #fff5b4;
}

/* 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: #000000;
  color: #ffff00;
}

/* Weekend Day */        
td.scwCellsWeekend
{
  background-color:  #CCCCCC; 
  color:             #CC6666;
}
  
/* Day outside the current month */
td.scwCellsExMonth
{
  background-color:  #CCCCCC; 
  color:             #666666;
}
  
/* Today selector */     
td.scwFoot
{
  background-color: #5a3214;
  color: #fff5b4;
  font-size: 10pt;
  text-decoration: none;
}
/* 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.scwFoot:hover, td.scwFootHover
{
  color: #FFFF00;
  cursor: pointer;
  font-size: 10pt;
  text-decoration: underline;
} 

/* 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:             #CC6666;
}

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

td.scwFootDisabled         
{
  background-color:  #6666CC; 
  color:             #FFFFFF;
}