DIV.calendar {
	POSITION: relative
}
.calendar {
	BORDER-RIGHT: #556556 1px solid; BORDER-TOP: #556556 1px solid; FONT-SIZE: 11px; BACKGROUND: #F6F6F6; BORDER-LEFT: #556556 1px solid; CURSOR: default; COLOR: #335D83; BORDER-BOTTOM: #556556 1px solid; FONT-FAMILY: tahoma,verdana,sans-serif;
}
.calendar TABLE {
	BORDER-RIGHT: #556556 1px solid; BORDER-TOP: #556556 1px solid; FONT-SIZE: 11px; BACKGROUND: #F6F6F6; BORDER-LEFT: #556556 1px solid; CURSOR: default; COLOR: #335D83; BORDER-BOTTOM: #556556 1px solid; FONT-FAMILY: tahoma,verdana,sans-serif;
}
.calendar .button {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; TEXT-ALIGN: center; COLOR: #FFFFFF;
}
.calendar THEAD .title {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; BACKGROUND: #FFFFFF; PADDING-BOTTOM: 2px; COLOR: #335D83; PADDING-TOP: 2px; TEXT-ALIGN: center;
}
.calendar THEAD .headrow {
	BACKGROUND: #335D83; COLOR: #FFFFFF;
}
.calendar THEAD .daynames {
	BACKGROUND: #D8E0E7; COLOR: #FFFFFF;
}
.calendar THEAD .name {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #335D83; PADDING-TOP: 2px; BORDER-BOTTOM: #556 1px solid; TEXT-ALIGN: center;
}
.calendar THEAD .weekend {
	COLOR: #990000;
}
<!-- abaixo controla o onselected do mouse -->
.calendar THEAD .hilite { 
	BORDER-RIGHT: #335D83 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #335D83 1px solid; PADDING-LEFT: 1px; BACKGROUND: #77D022; PADDING-BOTTOM: 1px; BORDER-LEFT: #335D83 1px solid; COLOR: #FFFFFF; PADDING-TOP: 1px; BORDER-BOTTOM: #335D83 1px solid;
}
.calendar THEAD .active {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2px; BACKGROUND: #77C77C; PADDING-BOTTOM: 0px; PADDING-TOP: 2px;
}
.calendar TBODY .day {
	PADDING-RIGHT: 4px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 2em; COLOR: #456456; PADDING-TOP: 2px; TEXT-ALIGN: right;
}
.calendar TBODY .hilite {
	BORDER-RIGHT: #335D83 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #335D83 1px solid; PADDING-LEFT: 1px; BACKGROUND: #D8E0E7; PADDING-BOTTOM: 1px; BORDER-LEFT: #335D83 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #335D83 1px solid;
}
.calendar TBODY .active {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #CDECDE; PADDING-BOTTOM: 0px; PADDING-TOP: 2px;
}
.calendar TBODY .selected {
	BORDER-RIGHT: #335D83 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #335D83 1px solid; PADDING-LEFT: 1px; FONT-WEIGHT: bold; BACKGROUND: #FFFFFF; PADDING-BOTTOM: 1px; BORDER-LEFT: #335D83 1px solid; COLOR: #335d83; PADDING-TOP: 1px; BORDER-BOTTOM: #335D83 1px solid;
}
.calendar TBODY .weekend {
	COLOR: #990000;
}
.calendar TBODY .today {
	FONT-WEIGHT: bold; COLOR: #335D83;
}
.calendar TBODY .disabled {
	COLOR: #999999;
}
.calendar TBODY .emptycell {
	VISIBILITY: hidden;
}
.calendar TBODY .emptyrow {
	DISPLAY: none;
}
.calendar TFOOT .footrow {
	BACKGROUND: #556556; COLOR: #FFFFFF; TEXT-ALIGN: center;
}
.calendar TFOOT .ttip {
	PADDING-RIGHT: 1px; BORDER-TOP: #556556 1px solid; PADDING-LEFT: 1px; BACKGROUND: #FFFFFF; PADDING-BOTTOM: 1px; COLOR: #445445; PADDING-TOP: 1px;
}
.calendar TFOOT .hilite {
	BORDER-RIGHT: #04F04F 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #04F04F 1px solid; PADDING-LEFT: 1px; BACKGROUND: #AAFAAF; PADDING-BOTTOM: 1px; BORDER-LEFT: #04F04F 1px solid; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #04F04F 1px solid;
}
.calendar TFOOT .active {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2px; BACKGROUND: #77C77C; PADDING-BOTTOM: 0px; PADDING-TOP: 2px;
}
.combo {
	BORDER-RIGHT: #655655 1px solid; BORDER-TOP: #655655 1px solid; DISPLAY: none; FONT-SIZE: smaller; BACKGROUND: #DEFDEF; LEFT: 0px; BORDER-LEFT: #655655 1px solid; WIDTH: 4em; CURSOR: default; COLOR: #000000; BORDER-BOTTOM: #655655 1px solid; POSITION: absolute; TOP: 0px;
}
.combo .label {
	WIDTH: 100%; TEXT-ALIGN: center;
}
.combo .hilite {
	BACKGROUND: #ACFACF;
}