/*
I have made every effort to isolate the pop-up script from any
// CSS defined on the main page but if you have anything set that
// affects the pop-up (or you may want to change the way it looks)
// then you can address it in the following style sheets.
*/

.scw {
	padding: 1px;
	vertical-align: middle;
	
}

iframe.scw {
	position: absolute;
	z-index: 99998;
	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: 99999;
	text-align: center;
}

/* IMPORTANT:  The SCW calendar script requires all
               the classes defined here.
*/
table.scw {
	padding: 1px;
	vertical-align: middle;
	border: 1px solid #ccc;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

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;
	vertical-align: middle;
}

/* Blend the colours into your page here...    */
/* Calendar background */
table.scw {
	background-color: #E6E5D3;
}

/* Drag Handle */
td.scwDrag {
	background-color: #9999CC;
	color: #CCCCFF;
}

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

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

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

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

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

/* Weekend Day */
td.scwCellsWeekend {
	background-color: #fff;
	color: #CC6666;
}

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

/* Today selector */
td.scwFoot {
	background-color: #78C33C;
	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: #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.scwFoot:hover,td.scwFootHover {
	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.scwFootDisabled {
	background-color: #B3121A;
	color: #FFFFFF;
}