.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;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-color:#c7d9ec;background-image:url(calendar_blue_bg.gif);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("http://www.matson.com/images/icons/menuarrow.gif") no-repeat 100% 100%} .calendar thead .title{font-weight:bold;padding:1px;border:1px solid #000;background:#09498c;color:#efefef;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:#f00} .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:#c7d9ec} .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:#7198c1} .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} .calendar tbody .rowhilite td{background:#c7d9ec} .calendar tbody .rowhilite td.wn{background:#c7d9ec} .calendar tbody td.hilite{padding:1px 3px 1px 1px;border-top:1px solid #7198c1;border-right:1px solid #09498c;border-bottom:1px solid #09498c;border-left:1px solid #7198c1} .calendar tbody td.active{padding:2px 2px 0px 2px;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:bold;border-top:1px solid #7198c1;border-right:1px solid #c7d9ec;border-bottom:1px solid #c7d9ec;border-left:1px solid #7198c1;padding:2px 2px 0px 2px;background-color:#09498c;color:#efefef} .calendar tbody td.weekend{color:#f00} .calendar tbody td.today{font-weight:bold;color:#efefef} .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:#09498c;color:#efefef;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 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-color:#7198c1;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-color:#f4f0e8;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:#efefef} .calendar td.time{border-top:1px solid #000;padding:1px 0px;text-align:center;background-color:#f4f0e8} .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:#766;color:#fff} .calendar td.time span.active{border-color:#f00;background-color:#000;color:#0f0}