@CHARSET "UTF-8";



/* SCW CALENDAR */

.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;
}

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 5px 0px 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: #ce5a4d; */
	background-color: #ABAB95;
}

/* Drag Handle */
td.scwDrag {
	background-color: #ce5a4d;
   color: #ce5a4d;
}

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

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

/* Week numbers */
td.scwWeekNo {
	background-color: #776677;
   color: #CCCCCC;
}

/* Enabled Days */
/* Week Day */
td.scwCells {
	background-color: #b5d155;
   color: #FFFFFF;
}

/* Day matching the input date */
td.scwInputDate {
	background-color: #CC9999;
   color: #FF0000;
}

/* Weekend Day */
td.scwCellsWeekend {
	background-color: #b5d155;
   color: #FFFFFF;
}

/* Day outside the current month */
td.scwCellsExMonth {
	background-color: #CCCCCC;
   color: #FFFFFF;
}

/* Today selector */
td.scwNow {
	background-color: #b5d155;
   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: #ce5a4d;
   cursor: pointer;
   color: #FFFFFF;
}

/* Day matching the input date */
td.scwInputDate:hover,
td.scwInputDateHover {
	background-color: #ce5a4d;
   cursor: pointer;
   color: #FFFFFF;
}

/* Weekend cells */
td.scwCellsWeekend:hover,
td.scwCellsWeekendHover {
	background-color: #ce5a4d;
   cursor: pointer;
   color: #2e2e2e;
}

/* Day outside the current month */
td.scwCellsExMonth:hover,
td.scwCellsExMonthHover {
	background-color: #ce5a4d;
   cursor: pointer;
   color: #FFFFFF;
}

/* Today selector */
td.scwNow:hover,
td.scwNowHover {
	color: #FFFFFF;
   cursor: pointer;
   font-weight: bold;
}

/* Disabled cells */
/* Week Day */
/* Day matching the input date */
td.scwInputDateDisabled {
	background-color: #999999;
   color: #2e2e2e;
}

td.scwCellsDisabled {
	background-color: #999999;
   color: #2e2e2e;
}

/* 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: #ce5a4d;
   color: #FFFFFF;
}