css/cal.css

   1 /* Calendar */
   2 .datepicker { border-collapse: collapse; border: 2px solid #999; position: absolute; width: 215px }
   3 .datepicker tr.controls th { height: 22px; font-size: 11px; }
   4 .datepicker select { font-size: 11px; }
   5 .datepicker tr.days th { height: 18px; }
   6 .datepicker tfoot td { height: 18px; text-align: center; text-transform: capitalize; }
   7 .datepicker th, .datepicker tfoot td { background: #eee; font: 10px/18px Verdana, Arial, Helvetica, sans-serif; }
   8 .datepicker th span, .datepicker tfoot td span { font-weight: bold; }
   9 .datepicker tbody td { width: 24px; height: 24px; border: 1px solid #ccc; font: 11px/22px Arial, Helvetica, sans-serif; text-align: center; background: #fff; }
  10 .datepicker tbody td.date { cursor: pointer; }
  11 .datepicker tbody td.date.over { background-color: #99ffff; }
  12 .datepicker tbody td.date.chosen { font-weight: bold; background-color: #ccffcc; }
  13 /* Form defaults */
  14 #date_and, #date_second {display:none}