/* Image style */
.JavascriptCalendar
{
   padding: 0px 2px 0px 2px; 
   vertical-align: middle; 
   top: -3px;
   cursor: pointer;
}

/* 
IMPORTANT: The SCW calendar script requires all 
the classes defined here.
*/
table.gcal 
{
	padding: 1px;
	vertical-align:middle;
	border: solid 1px #2967A5;
	font-size: 10pt;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-weight: bold;
}
td.gcalDrag, td.gcalHead 
{
	padding: 0px 0px;
	text-align: center;
}
td.gcalDrag 
{
	font-size: 8pt;
}
select.gcalHead 
{
	margin: 3px 1px;
	text-align: center;
}
input.gcalHead 
{
	height: 22px;
	width: 22px;
	vertical-align:middle;
	text-align: center;
	margin: 2px 1px;
	font-weight: bold;
	font-size: 10pt;
	font-family: fixedSys;
}
td.gcalWeekNumberHead, td.gcalWeek 
 {
	padding: 0px;
	text-align: center;
	font-weight: bold;
 }
td.gcalNow, td.gcalNowHover, td.gcalNow:hover, td.gcalNowDisabled 
 {
	padding: 0px;
	text-align: center;
	vertical-align:middle;
	font-weight: normal;
 }
table.gcalCells 
{
	text-align: right;
	font-size: 8pt;
	width: 96%;
}
td.gcalCells, td.gcalCellsHover, td.gcalCells:hover, td.gcalCellsDisabled, td.gcalCellsExMonth, td.gcalCellsExMonthHover, td.gcalCellsExMonth:hover,
td.gcalCellsExMonthDisabled, td.gcalCellsWeekend, td.gcalCellsWeekendHover, td.gcalCellsWeekend:hover, td.gcalCellsWeekendDisabled,
td.gcalInputDate, td.gcalInputDateHover, td.gcalInputDate:hover, td.gcalInputDateDisabled, td.gcalWeekNo, td.gcalWeeks 
{
	padding: 3px;
	width: 20px;
	height: 14px;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	vertical-align: middle;
}
/* Blend the colours into your page here... */
/* Calendar background */
table.gcal 
{
	background-color: #7099C3;
}
/* Drag Handle */
td.gcalDrag 
{
	background-color: #9999CC;
	color: #CCCCFF;
}
/* Week number heading */
td.gcalWeekNumberHead 
{
	color: #6666CC;
}
/* Week day headings */
td.gcalWeek 
{
	color: White;
}
/* Week numbers */
td.gcalWeekNo 
{
	background-color: #776677;
	color: #CCCCCC;
}
/* Enabled Days */
/* Week Day */
td.gcalCells 
{
	background-color: #DDE8F3;
	color: #000000;
}
/* Day matching the input date */
td.gcalInputDate 
{
	background-color: #DDE8F3;
	color: #000000;
}
/* Weekend Day */
td.gcalCellsWeekend 
{
	background-color: #DDE8F3;
	color: #CC6666;
}
/* Day outside the current month */
td.gcalCellsExMonth 
{
	background-color: #CCCCCC;
	color: #666666;
}
/* Today selector */
td.gcalNow 
{
	background-color: #7099C3;
	color: #FFFFFF;
   font-weight : bold;

}
/* Clear Button */
td.gcalClear 
{
	padding: 0px;
}
input.gcalClear 
{
	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.gcalCells:hover, td.gcalCellsHover 
{
	background-color: #FFFF00;
	cursor: pointer;
	color: #000000;
}
/* Day matching the input date */
td.gcalInputDate:hover, td.gcalInputDateHover 
{
	background-color: #FFFF00;
	cursor: pointer;
	color: #000000;
}
/* Weekend cells */
td.gcalCellsWeekend:hover, td.gcalCellsWeekendHover 
{
	background-color: #FFFF00;
	cursor: pointer;
	color: #000000;
}
/* Day outside the current month */
td.gcalCellsExMonth:hover, td.gcalCellsExMonthHover 
{
	background-color: #FFFF00;
	cursor: pointer;
	color: #000000;
}
/* Today selector */
td.gcalNow:hover, td.gcalNowHover 
{
	color: #FFFF00;
	cursor: pointer;
	font-weight: bold;
}
/* Disabled cells */
/* Week Day */
/* Day matching the input date */
td.gcalInputDateDisabled 
{
	background-color: #999999;
	color: #000000;
}
td.gcalCellsDisabled 
{
	background-color: #999999;
	color: #000000;
}
/* Weekend Day */
td.gcalCellsWeekendDisabled 
{
	background-color: #999999;
	color: #CC6666;
}
/* Day outside the current month */
td.gcalCellsExMonthDisabled 
{
	background-color: #999999;
	color: #666666;
}
td.gcalNowDisabled 
{
	background-color: #6666CC;
	color: #FFFFFF;
}