body
{
  font-family: Arial,Helvetica,sans-serif;
}


.calendarDayWeekday
{
  padding: 3px 5px 2px 5px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  color: #ffffff;
  background-color: #808080;
  background-image: url('../images/calendarDayWeekday.png');
  background-size: cover;
  background-repeat: repeat-y;
}


.calendarDayWeekend
{
  padding: 3px 5px 2px 5px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  color: #c0c0c0;
  background-color: #808080;
  background-image: url('../images/calendarDayWeekend.png');
  background-size: cover;
  background-repeat: repeat-y;
}


.calendarDateWeekday
{
  padding: 3px 5px 2px 5px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  color: #000000;
  background-color: #949494;
}


.calendarDateWeekend
{
  padding: 3px 5px 2px 5px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  color: #000000;
  background-color: #949494;
}


.calendarDateOutOfMonthWeekday
{
  padding: 3px 5px 2px 5px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  color: #000000;
  background-color: #747474;
}


.calendarDateOutOfMonthWeekend
{
  padding: 3px 5px 2px 5px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  color: #000000;
  background-color: #747474;
}


.calendarWeekday
{
  min-height: 50px;
  padding: 3px 5px 2px 5px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  color: #ff0000;
  background-color: #800000;
  background-image: url('../images/calendarWeekday.png');
  background-size: cover;
  background-repeat: repeat-y;
}


.calendarWeekend
{
  min-height: 50px;
  padding: 3px 5px 2px 5px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  color: #ff0000;
  background-color: #800000;
  background-image: url('../images/calendarWeekend.png');
  background-size: cover;
  background-repeat: repeat-y;
}


.calendarOutOfMonthWeekday
{
  padding: 3px 5px 2px 5px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  color: #00ff00;
  background-color: #002000;
  background-image: url('../images/calendarOutOfMonthWeekday.png');
  background-size: cover;
  background-repeat: repeat-y;
}


.calendarOutOfMonthWeekend
{
  padding: 3px 5px 2px 5px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  color: #ff0000;
  background-color: #200000;
  background-image: url('../images/calendarOutOfMonthWeekend.png');
  background-size: cover;
  background-repeat: repeat-y;
}


.calendarEvent
{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 2px 4px 2px 4px;
  margin: 0 0 2px 0;
  border-radius: 5px;
}


.calendarList
{
  width: 200px;
  max-height: 400px;
}


.calendarListEvent
{
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 1px 4px 2px 4px;
  margin: 0 0 2px 0;
  border-radius: 5px;
}


.calendarBody
{
  font-size: 11px;
  width: 100%;
  table-layout: fixed;
}


.calendarViewAllLink a:link
{
  color: #ffffff;
  text-decoration: none;
}


.calendarViewAllLink a:visited
{
  color: #ffffff;
}


.calendarViewAllLink a:hover
{
  color: #ffffff;
  text-decoration: underline;
}


.calendarMinimumDayHeight
{
  min-height: 82px;
}


/*  
     all the styles below that start with cmCalendar_ are used in the "day-spanning" version of the calendars 
 */

.cmCalendar_dayName
{
  color: #ffffff;
  min-height: 10px;
}


/*
.calCourseTitleRollover a
{
  display: block;
  width: 100%;
  height: 100%;
}
*/

.cmCalendar_dayNameWeekendLeft
{
  background-color: #a0a0a0;
}


.cmCalendar_dayNameWeekend
{
  color: #a04040;
  background-color: #c0c0c0;
  background-image: url('../images/cmCalendar_dayNameWeekend.png');
  background-size: 100% 100%; 
  background-repeat: repeat-y;
  padding: 5px;
}


.cmCalendar_dayNameWeekendRight
{
  background-color: #c0c0c0;
}


.cmCalendar_dayNameWeekdayLeft
{
  background-color: #404040;
}


.cmCalendar_dayNameWeekday
{
  background-color: #808080;
  background-image: url('../images/cmCalendar_dayNameWeekday.png');
  background-size: 100% 100%; 
  background-repeat: repeat-y;
  padding: 5px;
}


.cmCalendar_dayNameWeekdayRight
{
  background-color: #808080;
}


.cmCalendar_dayNumber
{
  color: #000000;
  height: 20px;
  text-align: right; 
}


.cmCalendar_dayNumberWeekdayInMonth
{
  background-color: #747474; 
  padding: 4px; 
}


.cmCalendar_dayNumberWeekdayOutOfMonth
{
  background-color: #cbba6e; 
  padding: 4px; 
}


.cmCalendar_dayNumberWeekendInMonth
{
  color: #a04040;
  background-color: #b0b0b0;
  padding: 4px; 
}


.cmCalendar_dayNumberWeekendOutOfMonth
{
  color: #a04040;
  background-color: #ffef94; 
  padding: 4px; 
}


.cmCalendar_weekTopPadding
{
  height: 5px;
}


.cmCalendar_week
{
  vertical-align: top;
}


tr.cmCalendar_week > td:first-child::after
{
   content: "";
   display: inline-block;
   vertical-align: top;
   min-height: 20px;
}


.cmCalendar_weekBottomPadding
{
  height: 5px;
}


.cmCalendar_dayWeekdayInMonthLeft
{
  background-color: #e8e8e8;
}


.cmCalendar_dayWeekdayInMonthLeftContinued
{
  background-image: url('../images/cmCalendar_weekdayInMonthLeftContinued.png');
  background-repeat: no-repeat;
  background-position:center; 
}


.cmCalendar_dayWeekdayInMonth
{
  background-image: url('../images/cmCalendar_weekdayInMonth.png');
  background-size: 100% 100%; 
  background-repeat: repeat-y;
}


.cmCalendar_dayWeekdayInMonthRight
{
  background-color: #c8c8c8;
}


.cmCalendar_dayWeekdayInMonthRightContinued
{
  background-image: url('../images/cmCalendar_weekdayInMonthRightContinued.png');
  background-repeat: no-repeat;
  background-position:center; 
}


.cmCalendar_dayWeekdayOutOfMonthLeft
{
  background-color: #decc78;
}


.cmCalendar_dayWeekdayOutOfMonthLeftContinued
{
  background-image: url('../images/cmCalendar_weekdayOutOfMonthLeftContinued.png');
  background-repeat: no-repeat;
  background-position:center; 
}


.cmCalendar_dayWeekdayOutOfMonth
{
  background-image: url('../images/cmCalendar_weekdayOutOfMonth.png');
  background-size: 100% 100%; 
  background-repeat: repeat-y;
}


.cmCalendar_dayWeekdayOutOfMonthRight
{
  background-color: #baab65;
}


.cmCalendar_dayWeekdayOutOfMonthRightContinued
{
  background-image: url('../images/cmCalendar_weekdayOutOfMonthRightContinued.png');
  background-repeat: no-repeat;
  background-position:center; 
}


.cmCalendar_dayWeekendInMonthLeft
{
  background-color: #e8e8e8;  
}


.cmCalendar_dayWeekendInMonthLeftContinued
{
  background-image: url('../images/cmCalendar_weekendInMonthLeftContinued.png');
  background-repeat: no-repeat;
  background-position:center; 
}


.cmCalendar_dayWeekendInMonth
{
  background-image: url('../images/cmCalendar_weekendInMonth.png');
  background-size: 100% 100%; 
  background-repeat: repeat-y;
}


.cmCalendar_dayWeekendInMonthRight
{
  background-color: #c8c8c8;
}


.cmCalendar_dayWeekendInMonthRightContinued
{
  background-image: url('../images/cmCalendar_weekendInMonthRightContinued.png');
  background-repeat: no-repeat;
  background-position:center; 
}


.cmCalendar_dayWeekendOutOfMonthLeft
{
  background-color: #fffc9c;
}


.cmCalendar_dayWeekendOutOfMonthLeftContinued
{
  background-image: url('../images/cmCalendar_weekendOutOfMonthLeftContinued.png');
  background-repeat: no-repeat;
  background-position:center; 
}


.cmCalendar_dayWeekendOutOfMonth
{
  background-image: url('../images/cmCalendar_weekendOutOfMonth.png');
  background-size: 100% 100%; 
  background-repeat: repeat-y;
}


.cmCalendar_dayWeekendOutOfMonthRight
{
  background-color: #eede8b;
}


.cmCalendar_dayWeekendOutOfMonthRightContinued
{
  background-image: url('../images/cmCalendar_weekendOutOfMonthRightContinued.png');
  background-repeat: no-repeat;
  background-position:center; 
}


.cmCalendar_day
{ 
  word-wrap: break-word;      /* IE */
  overflow: hidden;

  margin: 3px;  
  padding: 4px;

  border-radius: 5px; 
  border: solid 1px #eee;
  box-shadow: 0px 0px 8px #222;
}


tr.cmCalendar_week > td.cmCalendar_dayWeekdayInMonthLeft
{
  height: 30px;
}


tr.cmCalendar_week > td.cmCalendar_dayWeekdayOutOfMonthLeft
{
  height: 30px;
}