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

.calendar th, .calendarList th
{
   font-family: tahoma, helvetica, arial, verdana, sans-serif;
   font-size: 16px;
   font-weight: bold;
   text-align: left;
   background-color: #57273e;
   color: #f2eade;
   padding: 5px 8px 5px 8px;
   border: 0px;
}

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

.calendar .tab1 { background-color: #9d1b43; }
.calendar .tab2 { background-color: #dd4a12; }
.calendar .tab3 { background-color: #ff7942; }
.calendar .tab4 { background-color: #ff7942; }

.calendar .dayName
{
   font-family: helvetica, arial, verdana, sans-serif;
   font-size: 12.5px;
   text-align: center;
   background-color: #f2e2c3;
   border-bottom: solid 1px #cfbaa1;
   color: #733720;
}

.calendar td
{
   background-color: #fff;
   font-size: 10px;
   line-height: 14px;
   font-weight: normal;
   color: #733720;
   border-right: solid 1px #cfbaa1;
   border-bottom: solid 1px #cfbaa1;
   padding: 5px;
   width: 14%;
   height: 90px;
}

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

.calendar .dayNumber
{
   font-size: 12px;
   font-weight: bold;
   text-align: right;
   /* color: #7fb8da; */
   color: #7e6242;
   margin-bottom: 6px;
}

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

.calendar img { margin-top: 6px; }

.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; }

.calendar + p { margin-top: 10px; }

/*------------------------------------------------------------
   Mini Calendar
------------------------------------------------------------*/
.miniCalendar
{
   font-family: Tahoma, Geneva, Arial, sans-serif;
   /* position: relative; */
   border-collapse: collapse;
   border: solid 0px #000;
   margin: 0px 0px 0px 15px !important;
   padding: 0px;
   width: 305px;
}

.miniCalendar th.date
{
   background-color: #2c2733;
   font-size: 14px;
   line-height: 100%;
   font-weight: bold;
   text-align: center;
   color: #fff;
   padding: 0px 6px 0px 6px;
   margin: 0px;
   height: 30px;
}

.miniCalendar th.tab
{ 
   background-color: #1e1b23;
   font-size: 14px;
   line-height: 100%;
   font-weight: bold;
   text-align: center;
   color: #fff;
   padding: 0px 6px 0px 6px;
   margin: 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: #000400;
   border-bottom: solid 1px #000;
   color: #fff;
}

.miniCalendar td
{
   background-color: #5e5455;
   font-size: 12px;
   font-weight: normal;
   text-align: right;
   color: #fff;
   border-right: solid 1px #000;
   border-bottom: solid 1px #000;
   padding: 8px;
   width: 14%;
   height: 15px;
}

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

.miniCalendar td a 
{ 
   font-size: 13px; 
   font-weight: bold; 
   color: #f6eaab; 
   text-decoration: underline; 
}

.miniCalendar td a:hover, .miniCalendar td a:active { text-decoration: underline; }

.miniCalendarEvent
{
   border: solid 0px #231609;
   background-color: #383228;
   font-family: Tahoma, Geneva, Arial, sans-serif;
   color: #fff;
   margin: 0px 15px 0px 0px !important;
   padding: 0px;
   width: 225px;
   min-height: 225px;
   height: auto !important;   /* for IE6 */
   height: 225px;             /* for IE6 */
   float: right;
}

.miniCalendarEvent h3.date
{
   background-color: #dd4a12;
   font-size: 14px;
   line-height: 100%;
   font-weight: bold;
   color: #fff;
   margin: 0px;
   padding: 8px 15px 0px 15px;
   height: 22px;
}

.miniCalendarEvent table { margin: 15px; }

/*------------------------------------------------------------
   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; }

.calendarList + p { margin-top: 10px; }

/*------------------------------------------------------------
   Legend
------------------------------------------------------------*/
.calendarLegend
{
   border-collapse: collapse;
   border: solid 1px #cfbaa1;
   margin: 0px;
   padding: 0px;
   width: 100%;
}

.calendarLegend th
{
   border-bottom: solid 1px #cfbaa1;
   background-color: #f2e2c3;
   font-family: helvetica, arial, verdana, sans-serif;
   font-size: 18px;
   text-align: left;
   padding: 10px 15px;
   color: #733720;
}

.calendarLegend td
{
   background-color: #fffbef;
   font-family: tahoma, helvetica, arial, verdana, sans-serif;
   font-size: 12px;
   color: #000;
   padding: 12px 15px;
}

.calendarLegend td td 
{ 
   padding: 3px 0px;
   width: 33.33%;
}

.calendarLegend img
{
   margin: 0px 7px 0px 0px;
   float: left;
   display: block;
}