/* ********* ********* ********* ********* ********* 
These styles supply the global styles for the
calendar container, the headers, the Prev and Next
month selectors, the individual weekdays, the date
number and finally individual events
*/
.scCalendar   { }
.scHeader     { font: bold 9pt verdana; color: #000000; padding: 5px; }
.scFilter     { font: bold 9pt verdana; color: #000000; padding: 5px; }
.scSelector   { font: bold 14pt verdana; }
.scWeekNumber { font: bold 10pt verdana; color: #000000; padding: 5px; }
.scWeekday    { font: 7pt verdana; height:100%; overflow: hidden;}
.scEvent      { padding: 2px; cursor: default; }
.scPopup      { position: absolute; top: 100px; left: 100px; width: 500px; height 500px; border: 5px solid #336699; background-color:#336699; color: #ffffff; text-align: right; display:none; }
.scToday      { font: bold 7pt verdana; }

/* ********* ********* ********* ********* ********* 
WEEKDAY STYLES
These classes handle the style for an entire date
based on Past, Present or Future
NOTE: These values will be overridden by identical style elements in scWeekday
*/
.scDateDead    { background-color: transparent; color: #000000; }
.scDatePast    { background-color: gainsboro; color: #000000; text-align: center; }
/*.scDateCurrent { background-color: #ffffc0; color: #666633; }*/
.scDateCurrent { background-color: gainsboro; color: #000000; text-align: center; border: 1px solid #0000a0; }
.scDateCurrentSunday { background-color: #ffc0c0; color: #000000; text-align: center; border: 1px solid #0000a0; }
.scDateFuture  { background-color: gainsboro; color: #000000; text-align: center; }

/* ********* ********* ********* ********* ********* 
EVENT STYLES
These classes handle the Background and Foreground
colors for individual events
NOTE: These values will be overridden by identical style elements in scEvent
*/
.scEventSunday { background-color: #ffc0c0; color: #000000; width: 117px;}
.scEventRed    { background-color: #ff6666; color: #000000; }
.scEvtRed      { background-color: #ff6666; color: #000000; }
.scEventPost   { background-color: #bbb8fe; color: #000000; }
.scEventYellow { background-color: #ffff99; color: #000000; }
.scEventOrange { background-color: #ffa000; color: #000000; }
.scEventGreen  { background-color: #99ff99; color: #000000; }
.scEventBlue   { background-color: #99ccff; color: #000000; }
.scEventPurple { background-color: #ff99ff; color: #000000; }
.scEventBlack  { background-color: #000000; color: #ffffff; }

/* ********* ********* ********* ********* ********* 
DATE NUMBER STYLE
This class applies to the date number in a cell
*/
.scNumber 
{ 
/*  font: bold 8pt verdana; */
  font: 8pt verdana;
  color: #000000; 
/*  text-align: left; */
}

/* ********* ********* ********* ********* ********* 
HANDLER STYLE
These classes are used by the scHandlr.js
*/
.sconMouseOver { }