/*------------------------------------------------------------
   Calendar - Traditional grid format
------------------------------------------------------------*/
.calendar, .calendarList
{
   font-family: arial, helvetica, verdana, sans-serif;
   border-collapse: collapse;
   border: 0px;
   border-left: solid 1px #ccc;
   border-right: solid 1px #ccc;
   margin: 0px 0px 0px 0px !important;
   padding: 0px;
   width: 100%;
   /* width: 750px; */
}

.calendar th, .calendarList th
{
   font-size: 12px;
   font-weight: bold;
   text-align: left;
   background-color: #8b0f69;
   color: #fff;
   padding: 6px 8px 6px 8px;
   border: 0px;
}

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

.calendar .tab1 { background-color: #4EADF1; }
.calendar .tab2 { background-color: #5FBBFF; }
.calendar .tab3 { background-color: #70C9FF; }
.calendar .tab4 { background-color: #389fe1; }

.calendar .dayName
{
   text-align: center;
   background-color: #eff1f4;
   border-bottom: solid 1px #ccc;
   color: #333;
}

.calendar td
{
   background-color: #fff;
   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: #d7cdd9; }

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

/*------------------------------------------------------------
   Mini Calendar
------------------------------------------------------------*/
.miniCalendar
{
   font-family: arial, helvetica, verdana, sans-serif;
   /* position: relative; */
   border: solid 0px #999;
   border-collapse: collapse;
   border-left: solid 1px #ccc;
   border-right: solid 1px #ccc;
   margin: 0px 0px 0px 0px !important;
   padding: 0px;
   width: 305px;
}

.miniCalendar .tab
{ 
   font-size: 12px; 
   background-color: #000;
}

.miniCalendar th
{
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   background-color: #8b0f69;
   color: #fff;
   padding: 6px 8px 6px 8px;
   border: 0px;
}

.miniCalendar th a { color: #fff !important; text-decoration: none; }
.miniCalendar th a:hover, .miniCalendar th a:active { color: #362f2d !important; text-decoration: underline; }

.miniCalendar .dayName
{
   font-family: Tahoma, Geneva, Arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-align: center;
   background-color: #ebebeb;
   border-bottom: solid 1px #ccc;
   color: #666;
}

.miniCalendar td
{
   background-color: #fff;
   font-family: Tahoma, Geneva, Arial, sans-serif;
   font-size: 11px;
   font-weight: normal;
   text-align: right;
   color: #000;
   border-right: solid 1px #ccc;
   border-bottom: solid 1px #ccc;
   padding: 8px;
   width: 14%;
   height: 15px;
}

.miniCalendar .highlight { background-color: #d7cdd9; }

.miniCalendar td a { font-size: 12px; font-weight: bold; color: #660549; text-decoration: none; }
.miniCalendar td a:hover, .miniCalendar td a:active { text-decoration: underline; }

.miniCalendarEvent
{
   padding: 0px 0px 0px 0px;
   background-color: #eee;
   border: solid 2px #d7d7d7;
   display: none;
   width: 305px;
   min-height: 225px;
   float: right;
}

.miniCalendarEvent h2
{
   margin: 20px 20px 20px 20px;
   padding: 0px 0px 4px 0px;
   border-bottom: solid 3px #c8c8c8;
   width: 265px;
}

.miniCalendarEvent .button
{
   padding-bottom: 10px;
   text-align: center;
}

.miniCalendarEvent .button a
{
   padding: 4px 10px;
   border: solid 1px #aaa;
   text-decoration: none;
   background-color: #d7cdd9;
   color: #000;
}

.miniCalendarEvent .button a:hover, .miniCalendarEvent .button a:active { background-color: #999; color: #fff } 

.miniCalendarEvent table { margin: 0px 20px 20px 20px; }

/*------------------------------------------------------------
   Calendar - List Format
------------------------------------------------------------*/
.calendarList td, .calendarList .date, .calendarList .time, .calendarList .time2
{
   background-color: #fff;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   text-align: left;
   vertical-align: top;
   border-right: solid 1px #ddd;
   border-bottom: solid 1px #ddd;
   padding: 8px;
}

.calendarList .highlight td { background-color: #eff1f4; } 

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