
.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:2000;
	text-align:center;
}


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:  #E6EDD7;
}
/* Drag Handle */
td.scwDrag {
	background-color:  #9999CC;
	color:             #CCCCFF;
}
/* Week number heading */
td.scwWeekNumberHead {
	color:             #6666CC;
}
/* Week day headings */
td.scwWeek {
	color:             #000000;
}
/* Week numbers */
td.scwWeekNo {
	background-color:  #776677;
	color:             #000000;
}
/* Enabled Days */
/* Week Day */
td.scwCells {
	background-color:  #C2DCFF;
	color:             #000000;
}
/* Day matching the input date */
td.scwInputDate {
	background-color:  #CC9999;
	color:             #FFFF00;
}
/* Weekend Day */
td.scwCellsWeekend {
	background-color:  #C2DCFF;
	color:             #CC6666;
}
/* Day outside the current month */
td.scwCellsExMonth {
	background-color:  #C2DCFF;
	color:             #777777;
}
/* 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:             #CC6666;
}
/* Day outside the current month */
td.scwCellsExMonthDisabled {
	background-color:  #999999;
	color:             #666666;
}
td.scwNowDisabled {
	background-color:  #6666CC;
	color:             #FFFFFF;
}
