@charset "utf-8";
/* CSS Document */

.scw {
	padding:3px;
	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;
	opacity:0;
	cursor:default;
	width:200px;
	top:0px;
	left:0px;
	z-index:50;
	text-align:center;
}

/* IMPORTANT:  The SCW calendar script requires all 
               the classes defined here.
*/
table.scw {
	background-color:hsla(36,30%,85%,0.8);
	padding:6px;
	border-bottom-left-radius:9px;
	border-bottom-right-radius:9px;
	-moz-border-radius-bottomleft:9px;
	-moz-border-radius-bottomright:9px;
	color:hsla(36,0%,0%,1);
	font-size:11px;
	border:1px solid hsla(36,30%,40%,1);
	border-right:3px solid hsla(36,30%,40%,1);
	border-bottom:3px solid hsla(36,30%,40%,1);
	box-shadow: 2px 2px 4px hsla(0,0%,0%,0.4);
	-moz-box-shadow: 2px 2px 4px hsla(0,0%,0%,0.4);
	-o-transition-property:opacity;
	-o-transition-duration:0.5s;
}
	
td.scwDrag, td.scwHead {
	padding:0px 0px;
	text-align:center;
}

td.scwDrag {
	font-size:11px;
}

input#scwHeadLeft {
	width:32px;
	min-width:32px;
}

input#scwHeadRight {
	width:32px;
	min-width:32px;
}

select.scwHead {
	margin: 3px 1px;
	text-align:left;
	font-size:12px;
	padding:3px;
	width:60px;
}

input.scwHead {
	height:22px;
	width:24px;
	vertical-align:middle;
	text-align:center;
	margin:2px 1px;
	font-weight:bold;
	font-size:11px;
}

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;
	border-radius:3px;
	-moz-border-radius:3px;
	border-color: #ccc; 
	-o-transition-duration:0.5s;
	background-color:#fff !important;
	border:1px solid hsla(36, 55%, 32%, 0.5) !important;
}

td.scwCellsHover, td.scwCells:hover, td.scwCellsExMonthHover, td.scwCellsExMonth:hover, 
	td.scwCellsWeekendHover, td.scwCellsWeekend:hover,
	td.scwInputDateHover, td.scwInputDate:hover {
		
	background-color:hsla(36, 55%, 32%, 0.3) !important;
}

table.scw {
	/*background-color:#6666CC;*/
}

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

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

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

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

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

/* Day matching the input date */
td.scwInputDate {
	background-color:hsla(36,55%,32%,1) !important;
	color:white;
}

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

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

/* Today selector */
td.scwNow {
	border:1px solid hsla(36, 55%, 32%, 1) !important;
	outline:3px solid black !important;
}

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

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

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

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

/* Today selector */
td.scwNow:hover, td.scwNowHover {
	background-color:#606060;
	color:#f0f0f0;
	cursor:pointer;
	padding:3px;
	text-align:center;
}

/* 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;
}