.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: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;
	border-color:#dfddd0;
	font-weight:       bold;
	vertical-align:    middle;
	text-align:center;
	
}

/* Blend the colours into your page here...    */

/* Calendar background */

table.scw                  {
	background-color:  #fbfbfb;
}

/* Drag Handle */

td.scwDrag                 {
	background-color:  #9999CC;
	color:             #CCCCFF;
}

/* Week number heading */

td.scwWeekNumberHead       {
	color:             #6666CC;
}

/* Week day headings */

td.scwWeek                 {
	color:             #222;
}

/* Week numbers */

td.scwWeekNo               {
	background-color:  #776677;
	color:             #CCCCCC;
}

/* Enabled Days *//* Week Day */

td.scwCells                {
	
	color:             #222;
	background-color:#dfddd0;
	background-image:url(../images/bg_calendar_day.jpg);
	background-repeat:repeat-x;
	border:1px solid #dfddd0;
}

/* Day matching the input date */

td.scwInputDate            {
	background-image:url(../images/bg_calendar_event.jpg);
	background-position:-1px -2px;
	border:1px solid #dfddd0;
	color:#fff;
}

/* Weekend Day */

td.scwCellsWeekend         {
	color:             #444;
	background-color:#dfddd0;
	background-image:url(../images/bg_calendar_day.jpg);
	background-repeat:repeat-x;
	border:1px solid #dfddd0;
}

/* Day outside the current month */

td.scwCellsExMonth         {
	visibility:hidden;
	background-color:  #CCCCCC;
	color:             #666666;
}

/* Today selector */

td.scwFoot                 {
	background-color:#990000;
	color:             #EEE;
}

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

/* Day matching the input date */
td.scwInputDate:hover,td.scwInputDateHover       {
	background-color:  #FFFF00;
	cursor:            pointer;
	cursor:            hand;
	color:             #fff;
}/* Weekend cells */

td.scwCellsWeekend:hover,td.scwCellsWeekendHover    {
	background-color:  #FFFF00;
	cursor:            pointer;
	cursor:            hand;
	color:             #000000;

}

/* Day outside the current month */

td.scwCellsExMonth:hover,td.scwCellsExMonthHover    {
	background-color:  #FFFF00;
	cursor:            pointer;
	cursor:            hand;
	color:             #000000;
}

/* Today selector */

td.scwFoot:hover,td.scwFootHover            {
	color:             #FFF;
	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;
}


