﻿/* PAGE */
.monthlyCalendarsPage
{
   text-align:center;
}

.monthlyCalendarsPage .title
{
   font-size:12pt;
   font-weight:bold;
}

.monthlyCalendarsPage .monthYearSelection
{
   margin:15px 0px 30px 0px;
}

.monthlyCalendarsPage .miniCalendars, .monthlyCalendarsPage .miniCalendarLinks
{
   position:relative;
   width:640px;
   height:200px;
   margin:0px auto;
}

.monthlyCalendarsPage .miniCalendarLinks
{
   height:50px;
}

.monthlyCalendarsPage .miniCalendars .cal1, .monthlyCalendarsPage .miniCalendarLinks .cal1
{
   position:absolute;
   top:0px;
   left:0px;
}

.monthlyCalendarsPage .miniCalendars .cal2, .monthlyCalendarsPage .miniCalendarLinks .cal2
{
   position:absolute;
   top:0px;
   left:215px;
}

.monthlyCalendarsPage .miniCalendars .cal3, .monthlyCalendarsPage .miniCalendarLinks .cal3
{
   position:absolute;
   top:0px;
   left:430px;
}

.monthlyCalendarsPage .miniCalendarLinks .miniCalendarLink1
{
   text-align:left;
}

.monthlyCalendarsPage .miniCalendarLinks .miniCalendarLink2
{
   width:210px;
   text-align:right;
}

.monthlyCalendarsPage .miniCalendarLinks .miniCalendarLink1 a,
.monthlyCalendarsPage .miniCalendarLinks .miniCalendarLink2 a
{
   font-size:10pt;
   font-weight:bold;
}

/* CONTROLS */
table.miniAvailabilityCalendar
{
   width:210px;
}

table.miniAvailabilityCalendar *
{
   font-size:10pt;
}

table.miniAvailabilityCalendar thead .monthTitleCell
{
   color:#0a4d87;
   padding:2px 0px;
}

table.miniAvailabilityCalendar thead .weekdayTitleCell
{
   background-color:#999;
   color:#fff;
}

table.miniAvailabilityCalendar thead .weekdayTitleCell .weekdayTitleContainer
{
   position:relative;
   height:14px;
}

table.miniAvailabilityCalendar thead .dayOfWeek
{
   position:absolute;
   width:30px;
   text-align:center;
   font-size:8pt;
}

table.miniAvailabilityCalendar tbody .weekdayCell
{
}

table.miniAvailabilityCalendar tbody .weekdayContainer
{
   position:relative;
   height:20px;
}


table.miniAvailabilityCalendar tbody .dayOfWeek
{
   position:absolute;
   width:30px;
   height:20px;
   line-height:20px;
   text-align:center;
   font-size:8pt;
}

table.miniAvailabilityCalendar tbody .unavailable
{
   color:#fff;
   z-index:1;
}

.dowSun
{
   left:0px;
}

.dowMon
{
   left:30px;
}

.dowTue
{
   left:60px;
}

.dowWed
{
   left:90px;
}

.dowThu
{
   left:120px;
}

.dowFri
{
   left:150px;
}

.dowSat
{
   left:180px;
}

.unavailBar
{
   position:absolute;
   top:5px;
   height:10px;
}

.unavailBar .scap
{
   position:absolute;
   top:0px;
   left:0px;
   width:30px;
   height:10px;
   background:url('/Images/MiniAvailabilityCalendar/mini-scap.gif') no-repeat top left;
}

.unavailBar .ecap
{
   position:absolute;
   top:0px;
   right:0px;
   width:30px;
   height:10px;
   background:url('/Images/MiniAvailabilityCalendar/mini-ecap.gif') no-repeat top left;
}

.unavailBar .content
{
   position:absolute;
   top:0px;
   height:10px;
   background-color:#0a4d87;
}

/* LEGENDS */
.legendItems
{
   position:relative;
   display:block;
   width:150px;
   margin:0 auto;
   margin-bottom:15px;
   border:solid 1px #999;
   background:#eee;
   text-align:left;
}

.legendItems .legendItem
{
   position:relative;
   display:block;
   width:135px;
   margin:0 auto;
   font-size:small;
   padding:2px;
}

.legendItems .legendItem img
{
   border:solid 1px #999;
   vertical-align:middle;
}