table.school_calendar {
  width: 100%;
}

div.school_calendar_navigation {
  margin-bottom: 20px;
}

/************************************************************************************/
table.school_calendar_month {
  width: 100%;
  border-collapse: collapse;
}

table.school_calendar_month td {
}

/************************************************************************************/
td.school_calendar_month_str {
  text-align: center;
  font-size: 16px;
  color: #06c;
}

td.school_calendar_empty_day {
  background-color: #ddd;
  background-image: url(../img/dotted.png);
}

table.school_calendar_month td {
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

td.school_calendar_weekday {
  background-color: #444;
  color: #fff;
}

/************************************************************************************/

table.school_calendar_legends {
  border-collapse: collapse;
  width: 100%;
}

td.school_calendar_legend , td.school_calendar_legend_str {
  background-color: #fff;
  padding: 5px;
  border-top: 1px solid #eee;
}
td.school_calendar_legend {
  padding-left: 10px;
  padding-right: 0px;
}

td.school_calendar_legend_str {
  width: 100%;
}

div.school_calendar_navigation {
}

/************************************************************************************/
td.no_event                    { font-size: 13px; }
td.event_0 , td.event_0_bolder { font-size: 13px; background-color: #909; color: #fff; }
td.event_1 , td.event_1_bolder { font-size: 13px; background-color: #373; color: #fff; }
td.event_2 , td.event_2_bolder { font-size: 13px; background-color: #06c; color: #fff; }
td.event_3 , td.event_3_bolder { font-size: 13px; background-color: #952; color: #fff; }
td.event_4 , td.event_4_bolder { font-size: 13px; background-color: #f33; color: #fff; }
td.event_5 , td.event_5_bolder { font-size: 13px; background-color: #639; color: #fff; }
td.event_6 , td.event_6_bolder { font-size: 13px; background-color: #0cc; color: #fff; }
td.event_7 , td.event_7_bolder { font-size: 13px; background-color: #f60; color: #fff; }

td.event_0_bolder , td.event_1_bolder , td.event_2_bolder , td.event_3_bolder ,
td.event_4_bolder , td.event_5_bolder , td.event_6_bolder , td.event_7_bolder {
  font-weight: bolder;
}

/************************************************************************************/
div.school_vacation_block {
  margin-bottom: 20px;
}

div.school_vacation_block_title {
  font-size: 18px;
}

table.school_vacation {
  border-collapse: collapse;
  width: 100%;
}

th.school_vacation , td.school_vacation {
  width: 33%;
  padding: 2px 5px 2px 5px;
  border-bottom: 1px solid #fff;
}

th.school_vacation{
  background-color: #303741;
  border-bottom: 1px solid #fff;
  color: #fff;
}

td.school_vacation{
  background-color: #f0f0f0;
}

/* EOF */