.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}
button.scal{ background: url(../css/searchcal.gif) no-repeat; height:20px; width:18px; background-color:none; border:none; position:relative; right:20px; }
div.scal { height: 195px; padding: 0 6px; text-align: center; width: 147px; 
 	
}	
div.scal * {
	margin: 0;
	padding: 0;
}	
div.scal div {
	background-color:#fff !important;
	cursor: move;
	overflow: hidden;
	padding: 10px;
	position: relative;
	width: 147px;
	border: 2px solid #666;
}	

div.scal caption {
	color: #333;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding-top: 6px;
	text-align: center;
	width: 100%;
}
div.scal caption a { position:relative;
}
div.scal caption a.prev {  color:#080;font-weight:bold; padding:0 2px; cursor:pointer;
}
div.scal caption a.next {  color:#080;font-weight:bold; padding:0 2px; cursor: pointer;
}
div.scal caption a:hover {
}
div.scal caption span {
	height: 25px;
	position: relative;
	text-align: center;
}
div.scal caption span.month {
	right:15px; 
}

div.scal table {
	background: #fff;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	cursor: default;
	margin: 0 auto;
	overflow: hidden;
	width: 147px;
}
div.scal td,
div.scal th { border: 0; color: #000; font: normal 12px Arial, Helvetica, sans-serif; height: 21px; text-align: center; width: 21px; }
div.scal td {
	color: #ccc;
	font-size: 11px;
}
div.scal td.invalid {
	color: #999;
}
div.scal td.valid {
	color: #080;
	cursor: pointer;
}
div.scal td.today{
	float:none;
	padding:0;
	color: #080;
	cursor: pointer;
	font-weight:bold;
}

div.scal td.inactive {
	color: #ccc;
}
div.scal td.active{
	color: #fff;
	cursor: pointer;
	background-color:#666;
}
div.scal td.hover {
	color: #C60;
	cursor: pointer;
}