div.calendar{position:relative}.calendar,.calendar table{ border:1px solid #bdb2bf; font-size:11px; color:#000; cursor:default; background:url("normal-bg.gif"); font-family:"trebuchet ms",verdana,tahoma,sans-serif}.calendar{ border-color:#797979}.calendar .button{ text-align:center;  padding:2px;  background:url("title-bg.gif") repeat-x 0 100%;color:#000; font-weight:bold}.calendar .nav{ font-family:verdana,tahoma,sans-serif}.calendar .nav div{ background:transparent url("menuarrow.gif") no-repeat 100% 100%}.calendar thead tr{background:url("title-bg.gif") repeat-x 0 100%;color:#000}.calendar thead .title{ font-weight:bold;  text-align:center; padding:2px; background:url("title-bg.gif") repeat-x 0 100%;color:#000}.calendar thead .headrow{}.calendar thead .name{ border-bottom:1px solid #797979; padding:2px; text-align:center; color:#000}.calendar thead .weekend{ color:#c44}.calendar thead .hilite{ background:url("hover-bg.gif"); border-bottom:1px solid #797979; padding:2px 2px 1px 2px}.calendar thead .active{ background:url("active-bg.gif");color:#fff; padding:3px 1px 0px 3px; border-bottom:1px solid #797979}.calendar thead .daynames{ background:url("dark-bg.gif")}.calendar tbody .day{ font-family:verdana,tahoma,sans-serif; width:2em; color:#000; text-align:right; padding:2px 4px 2px 2px}.calendar tbody .day.othermonth{ font-size:80%; color:#999}.calendar tbody .day.othermonth.oweekend{ color:#f99}.calendar table .wn{ padding:2px 3px 2px 2px; border-right:1px solid #797979; background:url("dark-bg.gif")}.calendar tbody .rowhilite td,.calendar tbody .rowhilite td.wn{ background:url("rowhover-bg.gif")}.calendar tbody td.today{font-weight:bold}.calendar tbody td.hilite{ background:url("hover-bg.gif"); padding:1px 3px 1px 1px; border:1px solid #bbb}.calendar tbody td.active{ padding:2px 2px 0px 2px}.calendar tbody td.weekend{ color:#c44}.calendar tbody td.selected{ font-weight:bold; border:1px solid #797979; padding:1px 3px 1px 1px; background:url("active-bg.gif");color:#fff}.calendar tbody .disabled{color:#999}.calendar tbody .emptycell{ visibility:hidden}.calendar tbody .emptyrow{ display:none}.calendar tfoot .footrow{ text-align:center; background:#565; color:#fff}.calendar tfoot .ttip{ padding:2px; background:url("status-bg.gif") repeat-x 0 0;color:#000}.calendar tfoot .hilite{ background:#afa; border:1px solid #084; color:#000; padding:1px}.calendar tfoot .active{ background:#7c7; padding:2px 0px 0px 2px}.calendar .combo{ position:absolute; display:none; top:0px; left:0px; width:4em; cursor:default; border-width:0 1px 1px 1px; border-style:solid; border-color:#797979; background:url("normal-bg.gif");color:#000; z-index:100; font-size:90%}.calendar .combo .label,.calendar .combo .label-IEfix{ text-align:center; padding:1px}.calendar .combo .label-IEfix{ width:4em}.calendar .combo .hilite{ background:url("hover-bg.gif");color:#000}.calendar .combo .active{ background:url("active-bg.gif");color:#fff; font-weight:bold}.calendar td.time{ border-top:1px solid #797979; padding:1px 0px; text-align:center; background:url("dark-bg.gif")}.calendar td.time .hour,.calendar td.time .minute,.calendar td.time .ampm{ padding:0px 5px 0px 6px; font-weight:bold; background:url("normal-bg.gif");color:#000}.calendar td.time .hour,.calendar td.time .minute{ font-family:monospace}.calendar td.time .ampm{ text-align:center}.calendar td.time .colon{ padding:0px 2px 0px 3px; font-weight:bold}.calendar td.time span.hilite{ background:url("hover-bg.gif");color:#000}.calendar td.time span.active{ background:url("active-bg.gif");color:#fff}