.calendar { border: double black 3px; padding: 0 5 0 5;
                    background-color: #cde; }
        .calendar tbody td { width: 1.5em; text-align: right;
                             border: solid #cde 1px; }
        .calendar thead td { text-align: center; font-weight: bold; }
        .calendar tr.monthName { font-size: 1.5em; }
        .calendar .nav { cursor: pointer; }

        /* note this has to be this more specific that plain ol'
           td in order for us to make sure the border overrides. */
        .calendar tbody td.calendar_event {
            background-color: #fff;
            border: dotted black 1px;
            cursor: pointer; }

        .calendar_output { width: 14em; padding: 5 0 0 5; }