div.calendar {
	position: relative; z-index: 100;
}
.calendar {
	background: rgb(239, 239, 239); border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(0, 0, 0); font-family: arial,verdana,sans-serif; font-size: 11px; cursor: default;
}
.calendar table {
	background: rgb(239, 239, 239); border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(0, 0, 0); font-family: arial,verdana,sans-serif; font-size: 11px; cursor: default;
}
.calendar .button {
	padding: 2px; text-align: center;
}
.calendar thead .title {
	background: rgb(51, 51, 51); padding: 2px; text-align: center; color: rgb(255, 255, 255); font-weight: bold;
}
.calendar thead .headrow {
	background: rgb(222, 222, 222); color: rgb(0, 0, 0);
}
.calendar thead .name {
	padding: 2px; text-align: center; color: rgb(0, 0, 0); border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.calendar thead .weekend {
	color: rgb(222, 222, 222);
}
.calendar thead .hilite {
	background: rgb(187, 187, 187); padding: 1px; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(0, 0, 0);
}
.calendar thead .active {
	background: rgb(204, 119, 119); padding: 2px 0px 0px 2px;
}
.calendar thead .daynames {
	background: rgb(221, 221, 221);
}
.calendar tbody .day {
	padding: 2px 4px 2px 2px; width: 2em; text-align: right;
}
.calendar table .wn {
	background: rgb(221, 221, 221); padding: 2px 3px 2px 2px; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid;
}
.calendar tbody .rowhilite td {
	background: rgb(102, 102, 102); color: rgb(255, 255, 255);
}
.calendar tbody .rowhilite td.wn {
	background: rgb(102, 102, 102); color: rgb(255, 255, 255);
}
.calendar tbody td.hilite {
	background: rgb(153, 153, 153); padding: 1px 3px 1px 1px; border: 1px solid rgb(102, 102, 102); border-image: none;
}
.calendar tbody td.active {
	background: rgb(0, 0, 0); padding: 2px 2px 0px; color: rgb(255, 255, 255);
}
.calendar tbody td.selected {
	background: rgb(0, 0, 0); padding: 1px 3px 1px 1px; border: 1px solid rgb(0, 0, 0); border-image: none; color: rgb(255, 255, 255); font-weight: bold;
}
.calendar tbody td.weekend {
	color: rgb(204, 204, 204);
}
.calendar tbody td.today {
	font-weight: bold;
}
.calendar tbody .disabled {
	color: rgb(153, 153, 153);
}
.calendar tbody .emptycell {
	visibility: hidden;
}
.calendar tbody .emptyrow {
	display: none;
}
.calendar tfoot .footrow {
	background: rgb(204, 204, 204); text-align: center; color: rgb(0, 0, 0);
}
.calendar tfoot .ttip {
	background: rgb(239, 239, 239); color: rgb(0, 0, 0); border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;
}
.calendar tfoot .hilite {
	background: rgb(102, 102, 102); padding: 1px; border: 1px solid rgb(255, 68, 0); border-image: none;
}
.calendar tfoot .active {
	background: rgb(153, 153, 153); padding: 2px 0px 0px 2px;
}
.combo {
	background: rgb(255, 255, 255); border: 1px solid rgb(102, 85, 85); border-image: none; left: 0px; top: 0px; width: 4em; color: rgb(0, 0, 0); font-size: smaller; display: none; position: absolute; cursor: default;
}
.combo .label {
	width: 100%; text-align: center;
}
.combo .hilite {
	background: rgb(255, 204, 136);
}
.combo .active {
	background: rgb(239, 239, 239); font-weight: bold; border-top-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
