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

.calendar th, .calendarList th
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: left;
   background-color: #f8991c;
   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: #EC8E14; }
.calendar .tab2, .calendarList .tab2 { background-color: #E0830C; }
.calendar .tab3, .calendarList .tab3 { background-color: #D47804; }
.calendar .tab4, .calendarList .tab4 { background-color: #c76d00; }

.calendar .dayName 
{
   text-align: center;
   /* background-color: #70ab39; */
   background-color: #E0830C;
}

.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: #f5fae5; }

.calendar .dayNumber
{
   font-size: 11px;
   text-align: right;
   /* color: #7fb8da; */
   color: #444;
   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: #97dfeb !important; text-decoration: underline; }

.calendar a.view, .calendar a.view:link, .calendar a.view:visited { color: #fff !important; text-decoration: none; }
.calendar a.view:hover, .calendar a.view:active { color: #97dfeb !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: #97dfeb !important; text-decoration: underline; }

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

.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: #97dfeb !important; text-decoration: underline; }

.calendarList a.view, .calendarList a.view:link, .calendarList a.view:visited { color: #fff !important; text-decoration: none; }
.calendarList a.view:hover, .calendarList a.view:active { color: #97dfeb !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: #97dfeb !important; text-decoration: underline; }