/* pop-up calendar */
.calendar {position:relative; display:none; border: 1px solid #000; color:#000; cursor:default; background:#c8d0d4}
.calendar table {width:220px; color:#000; cursor:default; background:#eee}
.calendar .button {text-align:center; padding:1px; border-top:0; border-right:1px solid #000; border-bottom:1px solid #000; border-left:0px solid #fff}
.calendar .nav {background:transparent no-repeat 100% 100%}
.calendar thead .title {font-weight:bold; padding:1px; border-bottom:1px solid #000; border-right:1px solid #000; background:#666; color:#fff; text-align:center}
.calendar thead .headrow {}
.calendar thead .daynames {}
.calendar thead .name {border-bottom:1px solid #000; padding:2px; text-align:center; background:#e8f0f4}
.calendar thead .weekend {color:#f00}
.calendar thead .hilite {}
.calendar thead .active {}
.calendar tbody .day {width:2em; text-align:right; padding:2px 4px 2px 2px}
.calendar tbody .day.othermonth {font-size:80%; color:#aaa}
.calendar tbody .day.othermonth.oweekend {color:#faa}
.calendar table .wn {padding:2px 3px 2px 2px; border-right:1px solid #000; background:#e8f4f0}
.calendar tbody .rowhilite td {background:#d8e4e0}
.calendar tbody .rowhilite td.wn {background:#c8d4d0}
.calendar tbody td.hilite {font-weight: bold; border:0px solid}
.calendar tbody td.active {border:0px solid; border-color:#000 #fff #fff #000}
.calendar tbody td.selected {font-weight:bold; padding:2px 2px 0 2px; border:1px solid; border-color:#000 #fff #fff #000; background:#d8e0e4}
.calendar tbody td.weekend {color:#f00}
.calendar tbody td.today {font-weight:bold; color:#0000ff}
.calendar tbody .disabled {color:#999}
.calendar tbody .emptycell {visibility:hidden}
.calendar tbody .emptyrow {display:none}
.calendar tfoot .footrow {}
.calendar tfoot .ttip {padding:1px; border:1px solid #000; color:#fff; text-align:center; background:#e8f0f4; background:#788084}
.calendar tfoot .hilite {border-top:1px solid #fff; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #fff; padding:1px; background:#d8e0e4}
.calendar tfoot .active {padding:2px 0 0 2px; border-top:1px solid #000; border-right:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #000}
.calendar .combo {position:absolute; display:none; width:4em; top:0px; left:0px; cursor:default; border-top:1px solid #fff; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #fff; background:#d8e0e4; font-size:90%; padding:1px; z-index:90}
.calendar .combo .label,
.calendar .combo .label-iefix {text-align:center; padding:1px}
.calendar .combo .label-iefix {width:4em}
.calendar .combo .active {background:#c8d0d4; padding:0px; border-top:1px solid #000; border-right:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #000}
.calendar .combo .hilite {background:#048; color:#aef}
.calendar td.time {border-top:1px solid #000; padding:1px 0; text-align:center; background:#e8f0f4}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {padding:0px 3px 0 4px; border:1px solid #888899; font-weight:bold; background:#fff}
.calendar td.time .ampm {text-align:center}
.calendar td.time .colon {padding:0px 2px 0 3px; font-weight:bold}
.calendar td.time span.hilite {border-color:#000; color:#fff; background:#667}
.calendar td.time span.active {border-color:#f00; color:#0f0; background:#000}