/* CSS Calendar */

td.ftd input.calendar,
td.ftd select.calendar {
	float:left;
	width:100% !important;
}

button.calendar {
	background: url(img/cal.png);
	border: 0;
	cursor: pointer;
	position: relative;
	height: 18px;
	width: 18px;
	margin:-2px -1px -2px -18px;
}

td.ftd button.calendar:hover,
td.ftd button.calendar.active {
}

tr.ts div.ftr.date div input {
	background: url(img/cal.png) no-repeat right;
	float:left;
	width:90px !important;
}

tr.ts div.ftr.date div input[disabled],
tr.ts div.ftr.date div button.calendar {
 	visibility:hidden;
}

tr.ts div.ftr.date table td {
	white-space:nowrap;
}

div.calendar {
	background: url(img/calendar.png) no-repeat;
	height: 182px;
	padding: 0 2px;
	text-align: center;
	width: 155px;
}

div.calendar div {
	background: none !important;
	cursor: move;
	height: 172px;
	overflow: hidden;
	position: relative;
	width: 147px;
}

div.calendar caption {
	color: white;
	font: normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 3px 0px 1px 0px;
	text-align: center;
	width: 100%;
	font-weight: bold;
}

div.calendar caption a {
	cursor: pointer;
	display: block; 
	height: 12px;
	overflow: hidden;
	float:left;
/* 	position: absolute; */
/* 	text-indent: -100px; */
/* 	top: 4px; */
 	width: 11px;
	color:transparent;
	background-repeat:no-repeat;
}

div.calendar caption a.prev {
	background-image: url(img/ar_left.gif);
	left: 2px;
}

div.calendar caption a.next {
	background-image: url(img/ar_right.gif);
	right: 2px;
}

div.calendar caption span {
	float:left;
	display:block;
}

div.calendar caption span.month {
	display:block;
	float:left;
	padding-right: 8px;
}

div.calendar caption span.month span {
	width:60px;
	overflow:hidden;
	text-align: center;
}

div.calendar caption span.month:after {
/* 	content: ','; */
}

div.calendar caption span.year {
	float:left;
	display:block;
}

div.calendar caption span.year span {
	width:30px;
	overflow:hidden;
	text-align: center;
}

div.calendar table {
	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: #b6b6b6;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 21px;
	text-align: center;
	width: 21px;
	padding:0px;
}

div.calendar th {
	background-color: #e6e6e6;
	font-size: 8px;
	font-weight: bold;
}

div.calendar td {
	border: 1px solid #e6e6e6;
	color: #FFF;
	font-size: 11px;
	background-color: white;
}

div.calendar td.invalid {
	color: #999;
}

div.calendar td.valid {
	color: black;
	cursor: pointer;
}

div.calendar td.hilite {
	background: url(img/calendar-hilite.gif);
}

div.calendar td.inactive {
	color: #DDD;
}

div.calendar td.active,
div.calendar td.hover {
	background-color: #e6e6e6;
	color: black;
	cursor: pointer;
}

div.calendar td.active {
	background-color: #b6b6b6;
	color: white;
}