.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:#dfdfdf; font-family:tahoma,verdana,sans-serif; width:200px !important; } .calendar table{ display:inline; 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:#dfdfdf; 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:bold; padding:1px; border:1px solid #000; background:#b1b1b1; 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:#eeeeee; } .calendar thead .weekend{ color:#cc1425; } .calendar thead .hilite{ border-top:2px solid #fff; border-right:2px solid #000; border-bottom:2px solid #000; border-left:2px solid #fff; padding:0px; background-color:#eeeeee; } .calendar thead .active{ padding:2px 0px 0px 2px; border-top:1px solid #000; border-right:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #000; background-color:#b8c0c4; } .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:#eeeeee; } .calendar tbody .rowhilite td{ background:#d8d8d8; } .calendar tbody .rowhilite td.wn{ background:#d8d8d8; } .calendar tbody td.hilite{ padding:1px 3px 1px 1px; border:1px solid; border-color:#fff #000 #000 #fff; } .calendar tbody td.active{ padding:2px 2px 0px 2px; border:1px solid; border-color:#000 #fff #fff #000; } .calendar tbody td.selected{ font-weight:bold; padding:2px 2px 0px 2px; border:1px solid; border-color:#000 #fff #fff #000; background:#eeeeee; } .calendar tbody td.weekend{ color:#cc1425; } .calendar tbody td.today{ font-weight:bold; color:#000000; } .calendar tbody .disabled{ color:#999; } .calendar tbody .emptycell{ visibility:hidden; } .calendar tbody .emptyrow{ display:none; } .calendar tfoot .footrow{ } .calendar tfoot .ttip{ background:#eeeeee; padding:1px; border:1px solid #000; background:#b1b1b1; 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:#eeeeee; } .calendar tfoot .active{ padding:2px 0px 0px 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:#eeeeee; 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:#dfdfdf; 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 0px; text-align:center; background-color:#eeeeee; } .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:#fff; } .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:#667; color:#fff; } .calendar td.time span.active{ border-color:#cc1425; background-color:#000; color:#0f0; }