.calendar {
	BORDER : #888888 1px solid;
     FONT-SIZE: 11px;
     BACKGROUND: #EEEEFF;
     BORDER-LEFT: #888888 1px solid;
     DISPLAY : none;
     CURSOR: default;
     COLOR: #000;     
     FONT-FAMILY: Tahoma, Verdana, Sans-serif;
     POSITION: relative;
}
.calendar TABLE {
	BORDER-RIGHT: #fff 1px solid;
     BORDER-TOP: #000 1px solid;
     FONT-SIZE: 11px;
     BACKGROUND: #EEEEFF;
     BORDER-LEFT: #000 1px solid;
     CURSOR: default;
     COLOR: #000;
     BORDER-BOTTOM: #fff 1px solid;
     FONT-FAMILY: tahoma,verdana,sans-serif
}
.calendar .button {
	BORDER-RIGHT: #000 1px solid;
     PADDING-RIGHT: 1px;
     BORDER-TOP: #fff 1px solid;
     PADDING-LEFT: 1px;
     PADDING-BOTTOM: 1px;
     BORDER-LEFT: #fff 1px solid;
     PADDING-TOP: 1px;
     BORDER-BOTTOM: #000 1px solid;
     TEXT-ALIGN: center
}
.calendar .nav {
	BACKGROUND: url(menuarrow.gif) no-repeat 100% 100%
}
.calendar THEAD .title {
	BORDER-RIGHT: #000 1px solid;
     PADDING-RIGHT: 1px;
     BORDER-TOP: #000 1px solid;
     PADDING-LEFT: 1px;
     FONT-WEIGHT: bold;
     BACKGROUND: #788084;
     PADDING-BOTTOM: 1px;
     BORDER-LEFT: #000 1px solid;
     COLOR: #fff;
     PADDING-TOP: 1px;
     BORDER-BOTTOM: #000 1px solid;
     TEXT-ALIGN: center
}
.calendar THEAD .headrow {
	
}
.calendar THEAD .daynames {
	
}
.calendar THEAD .name {
	PADDING-RIGHT: 2px;
     PADDING-LEFT: 2px;
     BACKGROUND: #50A3CC;
     PADDING-BOTTOM: 2px;
     PADDING-TOP: 2px;
     BORDER-BOTTOM: #000 1px solid;
     TEXT-ALIGN: center;
     color : #ffffff;
}
.calendar THEAD .weekend {
	COLOR: #880000;
}
.calendar THEAD .hilite {
	BORDER-RIGHT: #000 2px solid;
     PADDING-RIGHT: 0px;
     BORDER-TOP: #fff 2px solid;
     PADDING-LEFT: 0px;
     PADDING-BOTTOM: 0px;
     BORDER-LEFT: #fff 2px solid;
     PADDING-TOP: 0px;
     BORDER-BOTTOM: #000 2px solid;
     BACKGROUND-COLOR: #d8e0e4
}
.calendar THEAD .active {
	BORDER-RIGHT: #fff 1px solid;
     PADDING-RIGHT: 0px;
     BORDER-TOP: #000 1px solid;
     PADDING-LEFT: 2px;
     PADDING-BOTTOM: 0px;
     BORDER-LEFT: #000 1px solid;
     PADDING-TOP: 2px;
     BORDER-BOTTOM: #fff 1px solid;
     BACKGROUND-COLOR: #b8c0c4
}
.calendar TBODY .day {
	PADDING-RIGHT: 4px;
     PADDING-LEFT: 2px;
     PADDING-BOTTOM: 2px;
     WIDTH: 2em;
     PADDING-TOP: 2px;
     TEXT-ALIGN: right
}
.calendar TBODY .othermonth {
	FONT-SIZE: 80%;
     COLOR: #aaa
}
.calendar TBODY .oweekend {
	COLOR: #faa
}
.calendar TABLE .wn {
	BORDER-RIGHT: #000 1px solid;
     PADDING-RIGHT: 3px;
     PADDING-LEFT: 2px;
     BACKGROUND: #4682B4;
     PADDING-BOTTOM: 2px;
     PADDING-TOP: 2px
}
.calendar TBODY .rowhilite TD {
	BACKGROUND: #d8e4e0
}
.calendar TBODY .rowhilite TD.wn {
	BACKGROUND: #c8d4d0
}
.calendar TBODY TD.hilite {
	BORDER-RIGHT: #000 1px solid;
     PADDING-RIGHT: 3px;
     BORDER-TOP: #fff 1px solid;
     PADDING-LEFT: 1px;
     PADDING-BOTTOM: 1px;
     BORDER-LEFT: #fff 1px solid;
     PADDING-TOP: 1px;
     BORDER-BOTTOM: #000 1px solid
}
.calendar TBODY TD.active {
	BORDER-RIGHT: #fff 1px solid;
     PADDING-RIGHT: 2px;
     BORDER-TOP: #000 1px solid;
     PADDING-LEFT: 2px;
     PADDING-BOTTOM: 0px;
     BORDER-LEFT: #000 1px solid;
     PADDING-TOP: 2px;
     BORDER-BOTTOM: #fff 1px solid
}
.calendar TBODY TD.selected {
	BORDER-RIGHT: #fff 1px solid;
     PADDING-RIGHT: 2px;
     BORDER-TOP: #000 1px solid;
     PADDING-LEFT: 2px;
     FONT-WEIGHT: bold;
     BACKGROUND: #d8e0e4;
     PADDING-BOTTOM: 0px;
     BORDER-LEFT: #000 1px solid;
     PADDING-TOP: 2px;
     BORDER-BOTTOM: #fff 1px solid
}
.calendar TBODY TD.weekend {
	COLOR: #f00
}
.calendar TBODY TD.today {
	FONT-WEIGHT: bold;
     COLOR: #1f2f3f;
}
.calendar TBODY .disabled {
	COLOR: #999
}
.calendar TBODY .emptycell {
	VISIBILITY: hidden
}
.calendar TBODY .emptyrow {
	DISPLAY: none
}
.calendar TFOOT .footrow {
	
}
.calendar TFOOT .ttip {
	BORDER-RIGHT: #000 1px solid;
     PADDING-RIGHT: 1px;
     BORDER-TOP: #000 1px solid;
     PADDING-LEFT: 1px;
     BACKGROUND: #788084;
     PADDING-BOTTOM: 1px;
     BORDER-LEFT: #000 1px solid;
     COLOR: #fff;
     PADDING-TOP: 1px;
     BORDER-BOTTOM: #000 1px solid;
     TEXT-ALIGN: center
}
.calendar TFOOT .hilite {
	BORDER-RIGHT: #000 1px solid;
     PADDING-RIGHT: 1px;
     BORDER-TOP: #fff 1px solid;
     PADDING-LEFT: 1px;
     BACKGROUND: #d8e0e4;
     PADDING-BOTTOM: 1px;
     BORDER-LEFT: #fff 1px solid;
     PADDING-TOP: 1px;
     BORDER-BOTTOM: #000 1px solid
}
.calendar TFOOT .active {
	BORDER-RIGHT: #fff 1px solid;
     PADDING-RIGHT: 0px;
     BORDER-TOP: #000 1px solid;
     PADDING-LEFT: 2px;
     PADDING-BOTTOM: 0px;
     BORDER-LEFT: #000 1px solid;
     PADDING-TOP: 2px;
     BORDER-BOTTOM: #fff 1px solid
}
.calendar .combo {
	BORDER-RIGHT: #000 1px solid;
     PADDING-RIGHT: 1px;
     BORDER-TOP: #fff 1px solid;
     DISPLAY: none;
     PADDING-LEFT: 1px;
     FONT-SIZE: 90%;
     Z-INDEX: 100;
     BACKGROUND: #d8e0e4;
     LEFT: 0px;
     PADDING-BOTTOM: 1px;
     BORDER-LEFT: #fff 1px solid;
     WIDTH: 4em;
     CURSOR: default;
     PADDING-TOP: 1px;
     BORDER-BOTTOM: #000 1px solid;
     POSITION: absolute;
     TOP: 0px
}
.calendar .combo .label {
	PADDING-RIGHT: 1px;
     PADDING-LEFT: 1px;
     PADDING-BOTTOM: 1px;
     PADDING-TOP: 1px;
     TEXT-ALIGN: center
}
.calendar .combo .label-IEfix {
	PADDING-RIGHT: 1px;
     PADDING-LEFT: 1px;
     PADDING-BOTTOM: 1px;
     PADDING-TOP: 1px;
     TEXT-ALIGN: center
}
.calendar .combo .label-IEfix {
	WIDTH: 4em
}
.calendar .combo .active {
	BORDER-RIGHT: #fff 1px solid;
     PADDING-RIGHT: 0px;
     BORDER-TOP: #000 1px solid;
     PADDING-LEFT: 0px;
     BACKGROUND: #EEEEFF;
     PADDING-BOTTOM: 0px;
     BORDER-LEFT: #000 1px solid;
     PADDING-TOP: 0px;
     BORDER-BOTTOM: #fff 1px solid
}
.calendar .combo .hilite {
	BACKGROUND: #048;
     COLOR: #aef
}
.calendar TD.time {
	PADDING-RIGHT: 0px;
     BORDER-TOP: #000 1px solid;
     PADDING-LEFT: 0px;
     PADDING-BOTTOM: 1px;
     PADDING-TOP: 1px;
     BACKGROUND-COLOR: #50A3CC;
     TEXT-ALIGN: center
}
.calendar TD.time .hour {
	BORDER-RIGHT: #889 1px solid;
     PADDING-RIGHT: 3px;
     BORDER-TOP: #889 1px solid;
     PADDING-LEFT: 4px;
     FONT-WEIGHT: bold;
     PADDING-BOTTOM: 0px;
     BORDER-LEFT: #889 1px solid;
     PADDING-TOP: 0px;
     BORDER-BOTTOM: #889 1px solid;
     BACKGROUND-COLOR: #fff
}
.calendar TD.time .minute {
	BORDER-RIGHT: #889 1px solid;
     PADDING-RIGHT: 3px;
     BORDER-TOP: #889 1px solid;
     PADDING-LEFT: 4px;
     FONT-WEIGHT: bold;
     PADDING-BOTTOM: 0px;
     BORDER-LEFT: #889 1px solid;
     PADDING-TOP: 0px;
     BORDER-BOTTOM: #889 1px solid;
     BACKGROUND-COLOR: #fff
}
.calendar TD.time .ampm {
	BORDER-RIGHT: #889 1px solid;
     PADDING-RIGHT: 3px;
     BORDER-TOP: #889 1px solid;
     PADDING-LEFT: 4px;
     FONT-WEIGHT: bold;
     PADDING-BOTTOM: 0px;
     BORDER-LEFT: #889 1px solid;
     PADDING-TOP: 0px;
     BORDER-BOTTOM: #889 1px solid;
     BACKGROUND-COLOR: #fff
}
.calendar TD.time .ampm {
	TEXT-ALIGN: center
}
.calendar TD.time .colon {
	PADDING-RIGHT: 2px;
     PADDING-LEFT: 3px;
     FONT-WEIGHT: bold;
     PADDING-BOTTOM: 0px;
     PADDING-TOP: 0px
}
.calendar TD.time SPAN.hilite {
	BORDER-LEFT-COLOR: #000;
     BORDER-BOTTOM-COLOR: #000;
     COLOR: #fff;
     BORDER-TOP-COLOR: #000;
     BACKGROUND-COLOR: #667;
     BORDER-RIGHT-COLOR: #000
}
.calendar TD.time SPAN.active {
	BORDER-LEFT-COLOR: #f00;
     BORDER-BOTTOM-COLOR: #f00;
     COLOR: #0f0;
     BORDER-TOP-COLOR: #f00;
     BACKGROUND-COLOR: #000;
     BORDER-RIGHT-COLOR: #f00
}