.calendar { }
.calendar table { background-color: #143560; border-collapse:collapse; }
.calendar .header td, .calendar .header td a, .calendar .footer td, .calendar .footer td a { color: #fff; font-weight: bold; }
.calendar div.btn { background-color: #19447b; border: outset 1px #19447b; }
.calendar div.btn.prev { float: left; }
.calendar div.btn.next { float: right; }
.calendar div.btn a { padding: 4px 8px 4px 8px; }
.calendar .weekdays div { color: #fff; }
.calendar td.day { background-color: #fff;border: solid 1px #efefef; }
.calendar td.day.inactive {  }
.calendar td.day.weekend { background-color: #f1f1f1; }
.calendar td.day { }
.calendar td.day .date { position: absolute; z-index: 1; font-size: 11px; font-weight: bold; background-color: #143560; color: #fff; padding: 2px 0 2px 0; width: 14px; text-align: center; }
.calendar td.day.inactive .date { background-color: #999; }
.calendar .day.current .date { background-color: #3cc83c; }
.calendar .datecontent { display: block; width: 100%; }
.calendar .datecontent label { text-align: center }
.calendar .day label { display: block; padding: 16px 0 }
.calendar .selected, .calendar td.day.selected { background-color: #d0e3ff }


div#calendar { }
div#calendar span.button, table#calQJ span.button { font-size: 14px; cursor: pointer; margin: 0 2px; padding: 0; width: 50px }
table.calTitle { background-color: #0094d6; width: 100%; border-width: 0 }
table.calTitle td { vertical-align: middle }
td.calCurMonth { text-align: center;  }
td.calCurMonth a { color: white; font-size: 18px; font-family: Arial, sans-serif; font-weight: bold }
td.calCurMonth a:active, td.calCurMonth a:hover, td.calCurMonth a:visited { color: white }
td.calBtnBack { text-align: left; width: auto }
td.calBtnFwd { text-align: right; width: auto }
table.calTable { background-color: #ebebeb }
td.calDay { background-color: #fff; margin: 0; padding: 0; height: 90px; border: solid 1px #efefef; }
td.calDay.inactive { background-color: #fbfbfb }
td.calDay.selected { border: solid 1px #00cc00 }
div#calendar span.button, table#calQJ span.button { width: 25px }
td.calDay .calDayNumber { color: white; font-size: 11px; font-family: Arial, sans-serif; font-weight: bold; background-color: #0094d6; text-align: center; margin-right: 5px; padding: 2px; width: 18px; float: left; clear: right }
td.calDay .calContent { font-size: 10px; font-family: Arial, sans-serif; padding: 3px }
table#calQJ { width: 100%; border-width: 0 }
table#calQJ td.calQuickJump { text-align: center; width: 70% }
div.calDayItem { margin-bottom: 6px }
div.calContent { line-height: 1.1em; }
a.tt, a.tt:link, a.tt:hover, a.tt:active, a.tt:visited { color: #000; text-decoration: none; border-bottom: dashed 1px #2E87CC; }
a.holiday, span.holiday { font-weight:bold; background-color:#fefe0f; padding: 1px 4px 1px 4px; }