div.calendar {
	border: 1px solid #777; z-index: 30; left: 0.5em; margin:1px 0 0 1px; width: 200px; position: absolute; top: 40px; background-color: #fff; text-align: left; padding:5px; font-family:Arial, Helvetica, sans-serif;
}
table {
	border-collapse: collapse;
}
div.calendar table tr.h td {
	 width: auto; color: #fff; background-color: #538bbe; padding:3px 0 2px 0;
}
div.calendar table tr.h td.emp {
	background-color: #f00;
}
div.calendar tr.h a:link {
	font-weight: bold; font-size: 1.5em; marign: 0px; color: #fff; text-decoration:none;
}
div.calendar tr.h a:visited {
	font-weight: bold; font-size: 1.5em; marign: 0px; color: #fff; text-decoration:none;
}
div.calendar tr.h a:hover {
	color: #ff6300;
}
div.calendar tr.h select {
	font-size: 12px; font-family:Arial, Helvetica, sans-serif;
}
div.form div.calendar table {
	marign: 0; width: 100%; border-collapse: collapse; text-align: center;
}
div.calendar table td {
	border: 1px solid #fff; font-size: 11px; width: 35px; background-color: #f5f5f5; text-align: center;
}
div.calendar table tr.days td {
	font-weight: bold; background-color: #e5e5e5; padding-top:4px; padding-bottom:4px;
}
div.calendar td.free a:link {
    display: block; color: #006400; text-decoration: none; width:24px; height:18px; padding-top:4px;
}
div.calendar td.free a:visited {
    display: block; color: #006400; text-decoration: none; width:24px; height:18px; padding-top:4px;
}
div.calendar td.free a:hover {
    display: block; background-color: #324762; color: #FFF; text-decoration: none; width:24px; height:18px; padding-top:4px;
}
div.calendar td.selected a:link {
	color: #fff; background-color: #324762;
}
div.calendar td.selected a:visited {
	color: #fff; background-color: #324762;
}
div.calendar .free a:hover {
	color: #fff; background-color: #324762; text-decoration: none;
}
div.calendar .taken {
	color: red; width:24px; height:22px;
}
div.calendar {
	left: 25%; top: 0px;
}
.date.field .calendarContainer {
	z-index: 30; position: absolute; height: 1px;
}