body {
  font-family: Arial;
  font-size: 13px;
}

input, select, textarea {
	font-family: Arial;
	font-size: 13px;
}

#mycalendar { background-color: #800080; }
#mycalendar .general { background-color: #FFFFFF; }
#mycalendar .othermonth { background-color: #EEEEEE; color: #AAAAAA; }
#mycalendar .header { background-color: #800080; color: #FFFFFF; }
#mycalendar .today { background-color: #FFFFCC; }
#mycalendar .bg { background-color: #800080; }
#mycalendar .select { background-color: #FFCC99; }
#mycalendar .othermonth a:link { text-decoration : none; font-family: Arial; color: #CCFFCC; }
#mycalendar .othermonth a:visited { text-decoration : none; font-family: Arial; color: #CCFFCC; }
#mycalendar .othermonth a:hover { text-decoration : underline; font-family: Arial; color: #FFFFFF; }
#mycalendar a:link { text-decoration : none; font-family: Arial; color: #000000; }
#mycalendar a:visited { text-decoration : none; font-family: Arial; color: #000000; }
#mycalendar a:hover { text-decoration : underline; font-family: Arial; color: #FF0000; }
#mycalendar .btn { background-color: #EFEAFA; border: 0px solid #000000; }
#mycalendar .btn a:link { text-decoration : none; font-family: Arial; color: #800080; }
#mycalendar .btn a:visited { text-decoration : none; font-family: Arial; color: #800080; }
#mycalendar .btn a:hover { text-decoration : underline; font-family: Arial; color: #7471FC; }
#mycalendar .closeme { padding: 0px 3px 2px 0px; }
#mycalendar .disabledate { color: #669999; }

.tcday, .tcmonth, .tcyear { font-size: 13px; }

.calendarcontainer { border: 1px solid #cccccc; background-color: #efefef; padding: 2px; }

            /* IMPORTANT:  The SCW calendar script requires all       
                           the classes defined here.                  
            */                                                        
            table.scw      {padding:       1px;                       
                            vertical-align:middle;                    
                            border:        ridge 2px;                 
                            font-size:     .8em;                      
                            font-family:    
								   Verdana,Arial,Helvetica,Sans-Serif;
                            font-weight:   bold;}                     
            td.scwDrag,                                               
            td.scwHead                 {padding:       0px 0px;       
                                        text-align:    center;}       
            td.scwDrag                 {font-size:     .8em;}          
            select.scwHead             {margin:        3px 1px;       
                                        text-align:    center;}       
            input.scwHead              {height:        20px;          
                                        width:         20px;          
                                        vertical-align:middle;        
                                        text-align:    center;        
                                        margin:        2px 1px;       
                                        font-weight:   bold;          
                                        font-size:     .8em;          
                                        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:     .8em;           
                                        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:           1px;       
                                        width:             .8em;      
                                        height:            .8em;      
                                        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:  #aaaaFF;}  
            /* Drag Handle */                                         
            td.scwDrag                 {background-color:  #9999CC;   
                                        color:             #CCCCFF;}  
            /* Week number heading */                                 
            td.scwWeekNumberHead       {color:             #6666CC;}  
            /* Week day headings */                                   
            td.scwWeek                 {color:             #0000CC;}  
            /* Week numbers */                                        
            td.scwWeekNo               {background-color:  #776677;   
                                        color:             #CCCCCC;}  
            /* Enabled Days */                                        
            /* Week Day */                                            
            td.scwCells                {background-color:  #bbbbCC;   
                                        color:             #000000;}  
            /* Day matching the input date */                         
            td.scwInputDate            {background-color:  #CC9999;   
                                        color:             #FF0000;}  
            /* 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:  #6666CC;   
                                        color:             #FFFFFF;}  
            /* 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:  #bbc;   
                                        cursor:            pointer;   
                                        cursor:            hand;      
                                        color:             #1000000;}  
            /* Day matching the input date */                         
            td.scwInputDate:hover,                                    
            td.scwInputDateHover       {background-color:  #bbc;   
                                        cursor:            pointer;   
                                        cursor:            hand;      
                                        color:             #000000;}  
            /* Weekend cells */                                       
            td.scwCellsWeekend:hover,                                 
            td.scwCellsWeekendHover    {background-color:  #ccc;   
                                        cursor:            pointer;   
                                        cursor:            hand;      
                                        color:             #CC6666;}  
            /* Day outside the current month */                       
            td.scwCellsExMonth:hover,                                 
            td.scwCellsExMonthHover    {background-color:  #ccc;   
                                        cursor:            pointer;   
                                        cursor:            hand;      
                                        color:             #666666;}  
            /* Today selector */                                      
            td.scwFoot:hover,                                         
            td.scwFootHover            {color:             #ccc;   
                                        cursor:            pointer;   
                                        cursor:            hand;      
                                        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:             #CC6666;}  
            /* Day outside the current month */                       
            td.scwCellsExMonthDisabled {background-color:  #999999;   
                                        color:             #666666;}  
            td.scwFootDisabled         {background-color:  #6666CC;   
                                        color:             #FFFFFF;}