.ex {
BACKGROUND: #fed; COLOR: #080; 
}
.help {
	COLOR: #080; 
}

.key {
	BACKGROUND: #fff; BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; COLOR: #008; CURSOR: default;  PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 0px
}

DIV.calendar {
	POSITION: relative
}
.calendar {
	BACKGROUND: #E6EBD8;
	COLOR: #000;
	CURSOR: hand;
	FONT-SIZE: 11px;
	border: 1px solid #FFFFFF;
}
.calendar TABLE {
	BACKGROUND: #ffd;
	COLOR: #000;
	CURSOR: default;
	FONT-SIZE: 11px;
	border: 1px solid #B1B13A;
}
.calendar .button_date {
	TEXT-ALIGN: center;
	padding: 2px;
}
.calendar .nav {
	BACKGROUND: url(menuarrow.gif) #edc no-repeat 100% 100%
}
.calendar THEAD .title {
	BACKGROUND: #999900; COLOR: #fed; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar THEAD .headrow {
	BACKGROUND: #edc; COLOR: #000
}
.calendar THEAD .name {
	BORDER-BOTTOM: #655 1px solid; COLOR: #000; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar THEAD .weekend {
	COLOR: #f00
}
.calendar THEAD .hilite {
	BACKGROUND-COLOR: #faa; BORDER-BOTTOM: #f40 1px solid; BORDER-LEFT: #f40 1px solid; BORDER-RIGHT: #f40 1px solid; BORDER-TOP: #f40 1px solid; COLOR: #000; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px
}
.calendar THEAD .active {
	BACKGROUND-COLOR: #c77; PADDING-BOTTOM: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 0px; PADDING-TOP: 1px
}
.calendar THEAD .daynames {
	BACKGROUND: #fed
}
.calendar TBODY .day {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 4px; PADDING-TOP: 2px; TEXT-ALIGN: right; 
}
.calendar TBODY .othermonth {
	COLOR: #bbb; FONT-SIZE: 80%
}
.calendar TBODY .oweekend {
	COLOR: #fbb
}
.calendar TABLE .wn {
	BACKGROUND: #fed; BORDER-RIGHT: 1px solid #666666; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 3px; PADDING-TOP: 2px
}
.calendar TBODY .rowhilite TD {
	BACKGROUND: #ddf
}
.calendar TBODY .rowhilite TD.wn {
	BACKGROUND: #efe
}
.calendar TBODY TD.hilite {
	BACKGROUND: #ffe; BORDER-BOTTOM: #bbb 1px solid; BORDER-LEFT: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BORDER-TOP: #bbb 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 3px; PADDING-TOP: 1px
}
.calendar TBODY TD.active {
	BACKGROUND: #ddc; PADDING-BOTTOM: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px
}
.calendar TBODY TD.selected {
	BACKGROUND: #fea; BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 3px; PADDING-TOP: 1px
}
.calendar TBODY TD.weekend {
	COLOR: #f00
}
.calendar TBODY TD.today {
	FONT-WEIGHT: bold;
	color: #FF0000;
}
.calendar TBODY .disabled {
	COLOR: #999
}
.calendar TBODY .emptycell {
	VISIBILITY: hidden
}
.calendar TBODY .emptyrow {
	DISPLAY: none
}
.calendar TFOOT .footrow {
	BACKGROUND: #988; COLOR: #000; TEXT-ALIGN: center
}
.calendar TFOOT .ttip {
	BACKGROUND: #dcb; BORDER-TOP: #655 1px solid; COLOR: #840
}
.calendar TFOOT .hilite {
	BACKGROUND: #faa; BORDER-BOTTOM: #f40 1px solid; BORDER-LEFT: #f40 1px solid; BORDER-RIGHT: #f40 1px solid; BORDER-TOP: #f40 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px
}
.calendar TFOOT .active {
	BACKGROUND: #c77; PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 0px; PADDING-TOP: 2px
}
.calendar .combo {
	BACKGROUND: #ffe; BORDER-BOTTOM: #655 1px solid; BORDER-LEFT: #655 1px solid; BORDER-RIGHT: #655 1px solid; BORDER-TOP: #655 1px solid; COLOR: #000; CURSOR: default; DISPLAY: none; FONT-SIZE: 90%; LEFT: 0px; POSITION: absolute; TOP: 0px; 
}
.calendar .combo .label {
	PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.calendar .combo .label-IEfix {
	PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.calendar .combo .label-IEfix {
	WIDTH: 0em
}
.calendar .combo .hilite {
	BACKGROUND: #fc8
}
.calendar .combo .active {
	BACKGROUND: #fee; BORDER-BOTTOM: #a64 1px solid; BORDER-TOP: #a64 1px solid; FONT-WEIGHT: bold
}
.calendar TD.time {
	BACKGROUND-COLOR: #fed; BORDER-TOP: #a88 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.calendar TD.time .hour {
	BACKGROUND-COLOR: #fff; BORDER-BOTTOM: #988 1px solid; BORDER-LEFT: #988 1px solid; BORDER-RIGHT: #988 1px solid; BORDER-TOP: #988 1px solid; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 3px; PADDING-TOP: 0px
}
.calendar TD.time .minute {
	BACKGROUND-COLOR: #fff; BORDER-BOTTOM: #988 1px solid; BORDER-LEFT: #988 1px solid; BORDER-RIGHT: #988 1px solid; BORDER-TOP: #988 1px solid; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 3px; PADDING-TOP: 0px
}
.calendar TD.time .ampm {
	BACKGROUND-COLOR: #fff; BORDER-BOTTOM: #988 1px solid; BORDER-LEFT: #988 1px solid; BORDER-RIGHT: #988 1px solid; BORDER-TOP: #988 1px solid; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 3px; PADDING-TOP: 0px
}
.calendar TD.time .ampm {
	TEXT-ALIGN: center
}
.calendar TD.time .colon {
	FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 2px; PADDING-TOP: 0px
}
.calendar TD.time SPAN.hilite {
	BACKGROUND-COLOR: #866; BORDER-BOTTOM-COLOR: #000; BORDER-LEFT-COLOR: #000; BORDER-RIGHT-COLOR: #000; BORDER-TOP-COLOR: #000; COLOR: #fff
}
.calendar TD.time SPAN.active {
	BACKGROUND-COLOR: #000; BORDER-BOTTOM-COLOR: #f00; BORDER-LEFT-COLOR: #f00; BORDER-RIGHT-COLOR: #f00; BORDER-TOP-COLOR: #f00; COLOR: #0f0
}