/*------------------------------------------------------------
   Calendar - Traditional grid format
------------------------------------------------------------*/
.calendar, .calendarList
{
   border-collapse: collapse;
   border: 0px;
   border-left: solid 1px #ccc;
   border-right: solid 1px #ccc;
   margin-left: 0px;
   padding: 0px;
   width: 550px;
}

.calendar th, .calendarList th
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: left;
   background-color: #913c43;
   color: #fff;
   padding: 6px 8px 6px 8px;
   border: 0px;
}

.calendar .tab1, .calendarList .tab1,
.calendar .tab2, .calendarList .tab2,
.calendar .tab3, .calendarList .tab3,
.calendar .tab4, .calendarList .tab4
{ 
   font-size: 11px; 
   width: 45px; 
}

.calendar .tab1, .calendarList .tab1 { background-color: #93474c; }
.calendar .tab2, .calendarList .tab2 { background-color: #a05359; }
.calendar .tab3, .calendarList .tab3 { background-color: #ad6065; }
.calendar .tab4, .calendarList .tab4 { background-color: #b97074; }

.calendar .dayName 
{
   text-align: center;
   background-color: #772740;
   /* border-top: solid 1px #ccc;
   border-right: solid 1px #ccc; */
}

.calendar td
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: normal;
   border-right: solid 1px #ccc;
   border-bottom: solid 1px #ccc;
   padding: 8px;
   width: 14%;
   height: 75px;
}

.calendar .highlight { background-color: #F8FBE2; }

.calendar .dayNumber
{
   font-size: 11px;
   text-align: right;
   color: #82747d;
   margin-bottom: 6px;
}

.calendar .time
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #666;
}

.calendar th a, .calendar th a:link, .calendar th a:visited { color: #fff !important; text-decoration: none; }
.calendar th a:hover, .calendar th a:active { color: #fff !important; text-decoration: underline; }

.calendar a.view, .calendar a.view:link, .calendar a.view:visited { color: #ccc !important; text-decoration: none; }
.calendar a.view:hover, .calendar a.view:active { color: #fff !important; text-decoration: underline; }

.calendar a.viewSel, .calendar a.viewSel:link, .calendar a.viewSel:visited { color: #fff !important; text-decoration: none; }
.calendar a.viewSel:hover, .calendar a.viewSel:active { color: #fff !important; text-decoration: underline; }

/*------------------------------------------------------------
   Calendar - List Format
------------------------------------------------------------*/
.calendarList .highlight { background-color: #F8FBE2; } 

.calendarList td, .calendarList .date, .calendarList .time, .calendarList .time2
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   text-align: left;
   vertical-align: top;
   border-right: solid 1px #ccc;
   border-bottom: solid 1px #ccc;
   padding: 8px;
}

.calendarList .date { width: 70px; color: #000; }
.calendarList .time { width: 60px; color: #000; }
.calendarList .time2 { width: 60px; color: #000; }

.calendarList th a, .calendarList th a:link, .calendarList th a:visited { color: #fff !important; text-decoration: none; }
.calendarList th a:hover, .calendarList th a:active { color: #fff !important; text-decoration: underline; }

.calendarList a.view, .calendarList a.view:link, .calendarList a.view:visited { color: #ccc !important; text-decoration: none; }
.calendarList a.view:hover, .calendarList a.view:active { color: #fff !important; text-decoration: underline; }

.calendarList a.viewSel, .calendarList a.viewSel:link, .calendarList a.viewSel:visited { color: #fff !important; text-decoration: none; }
.calendarList a.viewSel:hover, .calendarList a.viewSel:active { color: #fff !important; text-decoration: underline; }