.calendar {
 position:relative;
 display:none;
 border-top:2px solid #fff;
 border-right:2px solid #000;
 border-bottom:2px solid #000;
 border-left:2px solid #fff;
 font-size:11px;
 color:#000;
 cursor:default;
 background:#d4d0c8;
 font-family:tahoma,verdana,sans-serif
}
.calendar table {
 border-top:1px solid #000;
 border-right:1px solid #fff;
 border-bottom:1px solid #fff;
 border-left:1px solid #000;
 font-size:11px;
 color:#000;
 cursor:default;
 background:#d4d0c8;
 font-family:tahoma,verdana,sans-serif
}
.calendar .button {
 text-align:center;
 padding:1px;
 border-top:1px solid #fff;
 border-right:1px solid #000;
 border-bottom:1px solid #000;
 border-left:1px solid #fff
}
.calendar .nav {
 background:transparent url(menuarrow.gif) no-repeat 100% 100%
}
.calendar thead .title {
 font-weight:700;
 padding:1px;
 border:1px solid #000;
 background:#848078;
 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:#f4f0e8
}
.calendar thead .weekend {
 color:red
}
.calendar thead .hilite {
 border-top:2px solid #fff;
 border-right:2px solid #000;
 border-bottom:2px solid #000;
 border-left:2px solid #fff;
 padding:0;
 background-color:#e4e0d8
}
.calendar thead .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;
 background-color:#c4c0b8
}
.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:#f4f0e8
}
.calendar tbody .rowhilite td {
 background:#e4e0d8
}
.calendar tbody .rowhilite td.wn {
 background:#d4d0c8
}
.calendar tbody td.hilite {
 padding:1px 3px 1px 1px;
 border-top:1px solid #fff;
 border-right:1px solid #000;
 border-bottom:1px solid #000;
 border-left:1px solid #fff
}
.calendar tbody td.active {
 padding:2px 2px 0;
 border-top:1px solid #000;
 border-right:1px solid #fff;
 border-bottom:1px solid #fff;
 border-left:1px solid #000
}
.calendar tbody td.selected {
 font-weight:700;
 border-top:1px solid #000;
 border-right:1px solid #fff;
 border-bottom:1px solid #fff;
 border-left:1px solid #000;
 padding:2px 2px 0;
 background:#e4e0d8
}
.calendar tbody td.weekend {
 color:red
}
.calendar tbody td.today {
 font-weight:700;
 color:#00f
}
.calendar tbody .disabled {
 color:#999
}
.calendar tbody .emptycell {
 visibility:hidden
}
.calendar tbody .emptyrow {
 display:none
}
.calendar tfoot .footrow {
}
.calendar tfoot .ttip {
 background:#f4f0e8;
 padding:1px;
 border:1px solid #000;
 background:#848078;
 color:#fff;
 text-align:center
}
.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:#e4e0d8
}
.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:0;
 left:0;
 cursor:default;
 border-top:1px solid #fff;
 border-right:1px solid #000;
 border-bottom:1px solid #000;
 border-left:1px solid #fff;
 background:#e4e0d8;
 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 {
 background:#c4c0b8;
 padding:0;
 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:#fea
}
.calendar td.time {
 border-top:1px solid #000;
 padding:1px 0;
 text-align:center;
 background-color:#f4f0e8
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
 padding:0 3px 0 4px;
 border:1px solid #889;
 font-weight:700;
 background-color:#fff
}
.calendar td.time .ampm {
 text-align:center
}
.calendar td.time .colon {
 padding:0 2px 0 3px;
 font-weight:700
}
.calendar td.time span.hilite {
 border-color:#000;
 background-color:#766;
 color:#fff
}
.calendar td.time span.active {
 border-color:red;
 background-color:#000;
 color:#0f0
}
.calendar {
 border:1px solid #cecece;
 font-family:poppins,sans-serif;
 color:#222
}
.calendar table {
 background:#f4f5f9;
 font-family:poppins,sans-serif;
 border:none;
 border-collapse:collapse;
 color:#666
}
.calendar thead .name,
.calendar table .wn {
 background:#8d919a
}
.calendar tfoot .ttip {
 background:#8d919a;
 border:none;
 height:25px;
 line-height:25px
}
.calendar thead .title {
 background:#8d919a;
 border:1px solid #8d919a;
 padding:4px
}
.calendar .button,
.calendar thead .name,
.calendar table .wn {
 border:1px solid #cecece;
 padding:4px
}
.calendar thead .name,
.calendar table .wn {
 color:#fff
}
.calendar thead .name.weekend {
 font-weight:700
}
.calendar tbody .day.weekend {
 color:#8d919a
}
.calendar tbody .day.weekend.hilite {
 color:#fff
}
.calendar tbody .day {
 padding:4px
}
.calendar tbody td.selected,
.calendar tbody td.hilite,
.calendar thead .hilite {
 border:none;
 background:#8d919a;
 padding:4px
}
.calendar tbody td.today {
 color:#d8db12
}