/*calendar ("important" declarations override inline styles)*/

div.calTop { overflow: hidden; margin-bottom: 15px; }
div.calTop div { float: left; margin-right: 10px; }
xxxdiv.calCal  { border: 1px solid #ccc; } /* main cal */
table.calMain { border: 1px solid red!important; } /* main cal */
table.calTitle { color: White!important; font-weight: bold!important; } /* row - Oct, Nov, Dec, etc */
table.calMain tr:first-child td { background: #777!important; } /* row - Oct, Nov, Dec, etc */
table.calTitle td { padding: 5px 10px 3px 10px; }
th.calDayTitle { padding: 5px 5px 3px 5px; border-left: 1px dotted #fff; text-align: center; }
th.calDayTitle:first-child  { border: 0; }
th.calDayTitle { font-weight: normal; font-size: 10px; background: #ccc; color: #666; } /* row - Sunday, Monday, etc */
td.calToday { background: #ccc; } /* today's cell */
td.calDay { background: #fff; vertical-align: top; height: 80px; } /* plain cells */
td.calOtherMonth, td.calDay { text-align: left; padding: 4px; } /* day cells outside of current month */
td.calOtherMonth { background: #eee; height: 80px; } /* day cells outside of current month */
table.calMain td span  { font-size: 10pt!important; font-weight: normal!important; color: #666; } /* date numbers */
.calDayA { vertical-align: top; font-size: 10px; text-align: left; padding: 4px; background-color: #FFFFFF; border: 1px solid #c3b694; }
.calOtherMonthA { background-color: #ccf3fb; vertical-align: top; font-size: 10px; text-align: left; padding: 4px; border: 1px solid #c3b694; }
.datepicker { background-color: #ffffff; padding: 10px; border: 1px solid #cccccc; }
.datepick a { display: block; height: 20px; }
.datepick td, .datepick th { padding:0px; }