/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}


/*input.calendar,
select.calendar {
	width: 99px;
}*/

/*button.calendar {
	background: url(../images/design/calendar_icon_default.gif);
	border: 0;
	cursor: pointer;
	float: right;
	height: 20px;
	margin-top: 5px;
	width: 24px;
}
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}*/

div.calendar {
	background: url(../images/design/calendar_fs.png);
	height: 185px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}

* html div.calendar {
	background: url(../images/design/calendar_fs.gif);
}

div.calendar * {
	margin: 0;
	padding: 0;
}	
div.calendar div {
	background: none !important;
	cursor: move;
	height: 185px;
	overflow: hidden;
	padding-top: 10px;
	position: relative;
	width: 147px;
}	
	
div.calendar caption {
	color: #575758;
	font: normal 12px Verdana, Geneva, sans-serif;
	padding-top: 6px;
	text-align: center;
	width: 100%;
}

div.calendar caption a {
	cursor: pointer;
	display: block;
	height: 20px;
	overflow: hidden;
	position: absolute;
	text-indent: -100px;
	top: 12px;
	width: 20px;
}

div.calendar caption a.prev {
	background-image: url(calendar_prev_default.gif);
	left: 0;
	cursor:pointer;
}

div.calendar caption a.next {
	background-image: url(../images/design/calendar_next_default.gif);
	right: 0;
	cursor:pointer;
}

div.calendar caption a:hover {
	background-position: 0 21px;
}

div.calendar caption span {
	height: 25px;
	position: relative;
	text-align: center;
}
	
div.calendar caption span.month {
	padding-right: 8px;
}
	
div.calendar caption span.month:after {
	/*content: ',';*/
}

input.calendar, select.calendar {
	width:150px;
	height:16px;
	border-color:#a2a126;
	border-style:solid;
	border-width:1px;
	margin:5px 5px 5px 0;
	padding:1px 3px;
	vertical-align:top;
	font: normal 12px Verdana, Geneva, sans-serif;
	color:#575758;
}

div.calendar table {
	background: #FFF;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	cursor: default;
	margin: 0 auto;
	overflow: hidden;
	width: 147px;
}
div.calendar td,
div.calendar th {
	border: 0;
	color: #575758;
	font: normal 12px Verdana, Geneva, sans-serif;
	height: 21px;
	text-align: center;
	width: 21px;
}

div.calendar th { font-weight:bold; font-size:10px; }
div.calendar td {
	background: url(../images/design/calendar_td.gif);
	color: #FFF;
	font-size: 11px;
}
div.calendar td.invalid {
	color: #999;
}
div.calendar td.valid {
	background: url(../images/design/calendar_valid_default.gif);
	color: #575758;
	cursor: pointer;
}
div.calendar td.hilite {
	background: url(../images/design/calendar_hilite_default.gif);
}
div.calendar td.inactive {
	background: url(../images/design/calendar_td.gif) 0 100%;
	color: #FFF;
}
div.calendar td.active,
div.calendar td.hover {
	background: url(../images/design/calendar_valid_default.gif) 0 100%;
	color: #FFF;
	cursor: pointer;
}

/* Safog.com Form-Styles BOF */
div.CalendarGreen caption a.prev { background-image: url(../images/design/calendar_prev_green.gif); }
div.CalendarGreen caption a.next { background-image: url(../images/design/calendar_next_green.gif); }
div.CalendarGreen td.valid { background: url(../images/design/calendar_valid_green.gif); }
div.CalendarGreen td.active, div.CalendarGreen td.hover { background: url(../images/design/calendar_valid_green.gif) 0 100%; }
div.CalendarGreen td.hilite { background: url(../images/design/calendar_hilite_green.gif); }
input.CalendarGreen, select.CalendarGreen { border-color:#67cc33; }

div.CalendarYellow caption a.prev { background-image: url(../images/design/calendar_prev_yellow.gif); }
div.CalendarYellow caption a.next { background-image: url(../images/design/calendar_next_yellow.gif); }
div.CalendarYellow td.valid { background: url(../images/design/calendar_valid_yellow.gif); }
div.CalendarYellow td.active, div.CalendarYellow td.hover { background: url(../images/design/calendar_valid_yellow.gif) 0 100%; }
div.CalendarYellow td.hilite { background: url(../images/design/calendar_hilite_yellow.gif); }
input.CalendarYellow, select.CalendarYellow { border-color:#ffcc00; }

div.CalendarOrange caption a.prev { background-image: url(../images/design/calendar_prev_orange.gif); }
div.CalendarOrange caption a.next { background-image: url(../images/design/calendar_next_orange.gif); }
div.CalendarOrange td.valid { background: url(../images/design/calendar_valid_orange.gif); }
div.CalendarOrange td.active, div.CalendarOrange td.hover { background: url(../images/design/calendar_valid_orange.gif) 0 100%; }
div.CalendarOrange td.hilite { background: url(../images/design/calendar_hilite_orange.gif); }
input.CalendarOrange, select.CalendarOrange { border-color:#ff9900; }

div.CalendarRed caption a.prev { background-image: url(../images/design/calendar_prev_red.gif); }
div.CalendarRed caption a.next { background-image: url(../images/design/calendar_next_red.gif); }
div.CalendarRed td.valid { background: url(../images/design/calendar_valid_red.gif); }
div.CalendarRed td.active, div.CalendarRed td.hover { background: url(../images/design/calendar_valid_red.gif) 0 100%; }
div.CalendarRed td.hilite { background: url(../images/design/calendar_hilite_red.gif); }
input.CalendarRed, select.CalendarRed { border-color:#e33209; }

div.CalendarPink caption a.prev { background-image: url(../images/design/calendar_prev_pink.gif); }
div.CalendarPink caption a.next { background-image: url(../images/design/calendar_next_pink.gif); }
div.CalendarPink td.valid { background: url(../images/design/calendar_valid_pink.gif); }
div.CalendarPink td.active, div.CalendarPink td.hover { background: url(../images/design/calendar_valid_pink.gif) 0 100%; }
div.CalendarPink td.hilite { background: url(../images/design/calendar_hilite_pink.gif); }
input.CalendarPink, select.CalendarPink { border-color:#ff66ff; }

div.CalendarViolet caption a.prev { background-image: url(../images/design/calendar_prev_violet.gif); }
div.CalendarViolet caption a.next { background-image: url(../images/design/calendar_next_violet.gif); }
div.CalendarViolet td.valid { background: url(../images/design/calendar_valid_violet.gif); }
div.CalendarViolet td.active, div.CalendarViolet td.hover { background: url(../images/design/calendar_valid_violet.gif) 0 100%; }
div.CalendarViolet td.hilite { background: url(../images/design/calendar_hilite_violet.gif); }
input.CalendarViolet, select.CalendarViolet { border-color:#9900cc; }

div.CalendarBlue caption a.prev { background-image: url(../images/design/calendar_prev_blue.gif); }
div.CalendarBlue caption a.next { background-image: url(../images/design/calendar_next_blue.gif); }
div.CalendarBlue td.valid { background: url(../images/design/calendar_valid_blue.gif); }
div.CalendarBlue td.active, div.CalendarBlue td.hover { background: url(../images/design/calendar_valid_blue.gif) 0 100%; }
div.CalendarBlue td.hilite { background: url(../images/design/calendar_hilite_blue.gif); }
input.CalendarBlue, select.CalendarBlue { border-color:#0099ff; }

div.CalendarDBlue caption a.prev { background-image: url(../images/design/calendar_prev_dblue.gif); }
div.CalendarDBlue caption a.next { background-image: url(../images/design/calendar_next_dblue.gif); }
div.CalendarDBlue td.valid { background: url(../images/design/calendar_valid_dblue.gif); }
div.CalendarDBlue td.active, div.CalendarDBlue td.hover { background: url(../images/design/calendar_valid_dblue.gif) 0 100%; }
div.CalendarDBlue td.hilite { background: url(../images/design/calendar_hilite_dblue.gif); }
input.CalendarDBlue, select.CalendarDBlue { border-color:#0066cc; }

div.CalendarBrown caption a.prev { background-image: url(../images/design/calendar_prev_brown.gif); }
div.CalendarBrown caption a.next { background-image: url(../images/design/calendar_next_brown.gif); }
div.CalendarBrown td.valid { background: url(../images/design/calendar_valid_brown.gif); }
div.CalendarBrown td.active, div.CalendarBrown td.hover { background: url(../images/design/calendar_valid_brown.gif) 0 100%; }
div.CalendarBrown td.hilite { background: url(../images/design/calendar_hilite_brown.gif); }
input.CalendarBrown, select.CalendarBrown { border-color:#996633; }

div.CalendarDefault caption a.prev { background-image: url(../images/design/calendar_prev_default.gif); }
div.CalendarDefault caption a.next { background-image: url(../images/design/calendar_next_default.gif); }
div.CalendarDefault td.valid { background: url(../images/design/calendar_valid_default.gif); }
div.CalendarDefault td.active, div.CalendarDefault td.hover { background: url(../images/design/calendar_valid_default.gif) 0 100%; }
div.CalendarDefault td.hilite { background: url(../images/design/calendar_hilite_default.gif); }
input.CalendarDefault, select.CalendarDefault { border-color:#a2a126; }

#cal label {
	margin-top:10px;
	font-size:12px;
}

#cal .send {
	background-color:#636466;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	display:inline;
	float:right;
	height:20px;
	margin-top:10px;
	padding-bottom:3px;
	text-align:center;
	width:75px;
	font-size:12px;
}

.ContainerGreen #cal .send { background-color:#66cc33; }
.ContainerYellow #cal .send { background-color:#ffcc00; }
.ContainerOrange #cal .send { background-color:#ff9900; }
.ContainerRed #cal .send { background-color:#e33209; }
.ContainerPink #cal .send { background-color:#ff66ff; }
.ContainerViolet #cal .send { background-color:#9900cc; }
.ContainerBlue #cal .send { background-color:#0099ff; }
.ContainerDBlue #cal .send { background-color:#0066cc; }
.ContainerBrown #cal .send { background-color:#996633; }
.ContainerDefault #cal .send { background-color:#a2a126; }

button.calendar {
	
	border: 0;
	cursor: pointer;
	/*float: right;*/
	height: 20px;
	margin-top: 5px;
	width: 24px;
}

.ContainerGreen button.calendar { background: url(../images/design/calendar_icon_green.gif); }
.ContainerYellow button.calendar { background: url(../images/design/calendar_icon_yellow.gif); }
.ContainerOrange button.calendar { background: url(../images/design/calendar_icon_orange.gif); }
.ContainerRed button.calendar { background: url(../images/design/calendar_icon_red.gif); }
.ContainerPink button.calendar { background: url(../images/design/calendar_icon_pink.gif); }
.ContainerViolet button.calendar { background: url(../images/design/calendar_icon_violet.gif); }
.ContainerBlue button.calendar { background: url(../images/design/calendar_icon_blue.gif); }
.ContainerDBlue button.calendar { background: url(../images/design/calendar_icon_dblue.gif); }
.ContainerBrown button.calendar { background: url(../images/design/calendar_icon_brown.gif); }
.ContainerDefault button.calendar { background: url(../images/design/calendar_icon_default.gif); }
/* Safog.com Form-Styles EOF */

.Colum2 input.calendar {
	width:210px;
}