div.calendarHeader {
    background: ActiveCaption; 
    padding: 0px; 
    border-bottom: 1px solid WindowText;
}
div.calendarHeader select.era {padding: 0px; margin: 2px; width: 55px; height: 18px; }
div.calendarHeader select.month {padding: 0px; margin: 2px; width: 55px; height: 18px; }
div.calendarHeader input.year {padding: 1px 0px; margin: 2px; width: 32px; height: 14px; text-align: right;}
div.calendarHeader button.prevMonth { padding: 0px 6px; }
div.calendarHeader button.nextMonth { padding: 0px 6px; }

div.calendarBody th.weekNumberHead { text-align: left; }
div.calendarBody th.weekDayHead { font-weight: bold; border-bottom: 1px solid WindowText; }
div.calendarBody table.grid {
    border-collapse: separate;
    border-spacing: 1px;
    empty-cells: show;
    font: small-caption;
    font-weight: normal;
    text-align: center;
    color: WindowText;
    cursor: default;
}
div.calendarBody td.weekNumber {
    width: 16px;
    width: 15px;
    padding: 3px;
    text-align: right;
    font-weight: normal; 
    text-align: right;
}
div.calendarBody td.today { font-weight: bold; }
div.calendarBody td.current { 
    border: 1px dotted WindowText; 
    padding: 2px;
}
div.calendarBody table.footerTable {
    font: small-caption;
    font-weight: normal;
    text-align: center;
    color: WindowText;
    cursor: default;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */