.calendar 
{
    font-size: 11px;
	cursor: default;
	font-family: arial,sans-serif;
}
.calendar table 
{
	font-size: 11px;
    cursor: default;
    font-family: arial,sans-serif;
}

.calendar .button {text-align: center; padding: 1px;}
.calendar .nav { }
.calendar thead .title {font-weight: bold; padding: 1px; text-align: center;}
.calendar thead .headrow { }
.calendar thead .daynames { }
.calendar thead .name {padding: 2px; text-align: center; color: #000000; text-transform: capitalize;}
.calendar thead .weekend { }
.calendar thead .hilite { }
.calendar thead .active {padding: 2px 0px 0px 2px;}
.calendar thead td.button, td.title { }
.calendar thead tr.foo {display:none;}
.calendar thead tr.headrow {display:none;}
.calendar thead td.dropdown {}

.calendar tbody {}

.calendar tbody .day { width: 19px; height: 19px; background:#ffffff; color: #000099; text-align: center;color: #000099;border: 1px solid #c1c1b5; cursor: pointer;}
.calendar tbody .day.othermonth {color: #aaa; border: none;}
.calendar tbody .day.othermonth.oweekend {color: #faa;}



.calendar table .wn {padding: 2px 3px 2px 2px;border-right: 1px solid ButtonShadow;background: ButtonFace;color: ButtonText;}



.calendar tbody .rowhilite td {}
.calendar tbody td.hilite { }
.calendar tbody td.active { }
.calendar tbody td.weekend { }
.calendar tbody td.today {font-weight: bold;color: #000099;}
.calendar tbody td.disabled {color: #a0a094;cursor: default; border: 1px solid #c6c6bb; background-color:#e0e0d7}
.calendar tbody td.selected {background-color: #e75113; border: solid 1px #d3480f; color: #ffffff;}
.calendar tbody .emptycell {}
.calendar tbody .emptyrow {height: 22px;display:none;}

.calendar tfoot .footrow {display: none;}
.calendar tfoot .ttip {background: ButtonFace;padding: 1px;border: 0px solid;border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;color: ButtonText;text-align: center;}
.calendar tfoot .hilite {border-top: 0px solid #fff;border-right: 1px solid #000;border-bottom: 0px solid #000;border-left: 0px solid #fff;padding: 0px;background: #e4e0d8;}
.calendar tfoot .active {padding: 2px 0px 0px 2px;border-top: 0px solid #000;border-right: 0px solid #fff;border-bottom: 0px solid #fff;border-left: 0px solid #000;}

.calendar .combo {position: absolute;display: none;width: 4em;top: 0px;left: 0px;cursor: default;border: 0px solid;border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;background: Menu;color: MenuText;font-size: 90%;padding: 1px;z-index: 100;}
.calendar .combo .label,
.calendar .combo .label-IEfix {text-align: center; padding: 1px;}
.calendar .combo .label-IEfix {width: 4em;}
.calendar .combo .active {padding: 0px; border: 1px solid #000;}
.calendar .combo .hilite {background: Highlight; color: HighlightText;}
.calendar td.time {border-top: 1px solid ButtonShadow; padding: 1px 0px; text-align: center; background-color: ButtonFace;}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {padding: 0px 3px 0px 4px; border: 1px solid #889; font-weight: bold; background-color: Menu;}
.calendar td.time .ampm {text-align: center;}
.calendar td.time .colon {padding: 0px 2px 0px 3px; font-weight: bold;}
.calendar td.time span.hilite {border-color: #000; background-color: Highlight; color: HighlightText;}
.calendar td.time span.active {border-color: #f00; background-color: #000; color: #0f0;}

