.calendar
{
   border:           1px solid #555;
   display:          inline-block;
   margin-bottom:    4px;
   width:            113;
   background-color: White;
   font-family:      Arial;
   padding-bottom:   1px;
}
.calendar .head
{
   border-bottom:    none;
   background-color: #BBB;
   color:            Black;
   display:          block;
   text-align:       center;
   font-size:        9pt;
   font-weight:      normal;
   width:            113px;
   padding-top:      2px;
   padding-bottom:   2px;
}
.calendar .days-of-week
{
   padding-right:    1px;
}
.calendar .days-of-week div
{
   padding:          0;
   margin:           0;
   background-color: #777;
   color:            White;
   display:          block;
   float:            left;
   font-size:        9pt;
   text-align:       center;
   vertical-align:   middle;
   font-weight:      bold;
   width:            15px;
   border-left:      1px solid White;
   border-top:       1px solid White;
   padding-top:      1px;
   padding-bottom:   1px;
}
.calendar .cells
{
   padding-right:    1px;
}
.calendar .cells div
{
   padding:          0;
   margin:           0;
   color:            Black;
   display:          block;
   float:            left;
   text-align:       center;
   vertical-align:   middle;
   font-weight:      normal;
   font-size:        8pt;
   width:            15px;
   height:           15px;
   line-height:      15px;
   border-left:      1px solid White;
   border-top:       1px solid White;
   padding-top:      1px;
}
.calendar .cells .clear
{
   clear:            left;
   position:         relative;
}
.calendar .cells .none
{
   color:            White;
   background-color: White;
}
.calendar .cells .ready
{
   background-color: #090;
   color:            White;
}
.calendar .cells .likely
{
   background-color: #9C9;
}
.calendar .cells .maybe
{
   background-color: #FFB13B;
}
.calendar .cells .disable
{
   background-color: Silver;
   color:            Gray;
}
.calendar .cells .not-available
{
   background-color: Red;
   color:            White;
}
.calendar .cells .past-date
{
   background-color: WhiteSmoke;
   color:            Gray;
}

.CALENDAR_DEFAULT
{
   font-size:        100%;
   background:		   White;
   color:			   Black;
   text-align:	      center;
   font-family:	   Sans-Serif,Arial,Tahoma,Helvetica;
   font-weight:	   normal;
   border:           1px solid black;
}

.CALENDAR_WEEKDAY
{
   font-size:        90%;
   background-color: White;
   color:            Black;
   border:           solid 1px silver;
}

.CALENDAR_WEEKEND
{
   font-size:        90%;
   background-color: WhiteSmoke;
   color:            Black;
   border:           solid 1px silver;
}

.CALENDAR_SELECTEDDAY
{
   font-size:        90%;
   background-color: Yellow;
   color:            Red;
   border:           solid 1px silver;   
}

.CALENDAR_TODAY
{
   font-size:        90%;
   background-color: Pink;
   color:            Black;
   border:           solid 1px silver;   
}

.CALENDAR_OTHERMONTHDAY
{
   font-size:        90%;
   background-color: White;
   color:            Silver;
   border:           solid 1px silver;
}

.CALENDAR_OTHERMONTHDAYWEEKEND
{
   font-size:        90%;
   background-color: WhiteSmoke;
   color:            Silver;
   border:           solid 1px silver;
}

.CALENDAR_PASTDAY
{
   font-size:        90%;
   background-color: White;
   color:            Gray;   
}

.CALENDAR_PASTDAYWEEKEND
{
   font-size:        90%;
   background-color: WhiteSmoke;
   color:            Gray;   
}

.CALENDAR_RTH
{
   font-size:        90%;
   background-color: #090;
   color:            White;
}

.CALENDAR_LTH
{
   font-size:        90%;
   background-color: #9C9;
   color:            White;
}

.CALENDAR_MAYBE
{
   font-size:        90%;
   background-color: #FFB13B;
   color:            Black;
}

.CALENDAR_AUTO
{
   font-size:        90%;
   background-color: #FFB13B;
   color:            White;
   border:           solid 1px silver;
}

.CALENDAR_NO
{
   font-size:        90%;
   background-color: Red;
   color:            White;
   border:           solid 1px silver;
}

.CALENDAR_BOOKED
{
   font-size:        90%;
   background-color: Red;
   color:            Black;
   border:           solid 1px silver;
}

.CALENDAR_MAX_INQUIRY
{
   font-size:        90%;
   background-color: Red;
   color:            White;
   border:           solid 1px silver;
}

.CALENDAR_BOOKED_EDIT { font-size:110%; background-color:Maroon; color:White; border:solid 1px silver; }
.CALENDAR_BOOKED_EDIT_A a { font-size:110%; display:inline; text-decoration:underline; color:White; }
.CALENDAR_BOOKED_EDIT a:hover { font-size:110%; display:inline; color:Aqua; }

.CALENDAR_EXCHANGED
{
   font-size:        90%;
   background-color: Yellow;
   color:            Black;
   border:           solid 1px silver;
}

.CALENDAR_DAYHEADER
{
   font-size:        90%;
   font-weight:	   bold;
   border:           solid 1px white;
   background-color: Gray;
   color:            White;
}

.CALENDAR_TITLE
{
   font-size:        90%;
   font-weight:      bold;
   background-color: Silver;
}

.CalendarNextPrev
{
   font-size:        90%;
	font-weight:		bold;
   text-align:       center;	
   border-top:       solid 1px white;
   border-left:      solid 1px white;
   border-bottom:    solid 1px black;
   border-right:     solid 1px black;
   padding-left:     3px;
   padding-right:    3px;

   color:				black;
   text-decoration:  none;
}

.legend
{
   border:           1px solid Gray;
   background-color: White;
   padding:          4px;
   font-size:        10pt;
}
.legend .box
{
   border:           2px solid black;
   background-color: #090;
   display:          inline-block;
   width:            12px;
   height:           12px;
}
.legend .ready
{
   color:            #090;
   vertical-align:   top;
}
.legend .ready .box
{
   background-color: #090;
}
.legend .likely
{
   color:            #9C9;
   vertical-align:   top;
}
.legend .likely .box
{
   background-color: #9C9;
}
.legend .maybe
{
   color:            #FFB13B;
   vertical-align:   top;
}
.legend .maybe .box
{
   background-color: #FFB13B;
}
.legend .no
{
   color:            Red;
   vertical-align:   top;
}
.legend .no .box
{
   background-color: Red;
}
.legend .text1
{
   display:          inline;
   padding-left:     4px;
   font-weight:      bold;
}
.legend .text2
{
   display:          block;
   padding-left:     4px;
   padding-bottom:   4px;
}

.calendar-legend
{
   margin:           2px 0px 6px 0px;
}