﻿/*******************************************************************************************
  Availability Calendar
*******************************************************************************************/

table#availabilityCalendars { width: 400px; }

table#availabilityCalendars,
table#availabilityCalendars table,
table#availabilityCalendars table a
{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

table#availabilityCalendars table.calMonth1,
table#availabilityCalendars table.calMonth2
{ background-color: #FFFFFF; width: 100%;}
table#availabilityCalendars table.calMonth1,
table#availabilityCalendars table.calMonth2,
table#availabilityCalendars table.calMonth1 td,
table#availabilityCalendars table.calMonth1 th,
table#availabilityCalendars table.calMonth2 td,
table#availabilityCalendars table.calMonth2 th
{ border: 1px solid #999999; font-weight: normal; }
table#availabilityCalendars table.calMonth1Header,
table#availabilityCalendars table.calMonth2Header
{ background-color: #DDDDDD;  color: #000000; }
table#availabilityCalendars table.calMonth1Header td,
table#availabilityCalendars table.calMonth2Header td { border: none; }
table#availabilityCalendars th.calMonth1DOW,
table#availabilityCalendars th.calMonth2DOW
{ background-color: #EEEEEE;  color: #555555; }

table#availabilityCalendars td.CalAvailable,
table#availabilityCalendars td.CalUnavailable,
table#availabilityCalendars td.CalMinimum,
table#availabilityCalendars td.CalClosed,
table#availabilityCalendars td.CalError
{ padding: 0px; }

/* day and legend colors */
table#availabilityCalendars td.CalOldDate { background-color: #EEEEEE; padding: 3px; }
table#availabilityCalendars td.CalOldDate a { color:#AAAAAA; text-decoration: none; }

table#availabilityCalendars td.CalAvailable a,
table#availabilityCalendars td.CalUnavailable a,
table#availabilityCalendars td.CalMinimum a,
table#availabilityCalendars td.CalClosed a,
table#availabilityCalendars td.CalError a
{ color: #FFFFFF; display: block; padding: 3px; text-decoration: none; }

table#availabilityCalendars td.CalAvailable a,
table#availabilityCalendars td.CalUnavailable a,
table#availabilityCalendars td.CalMinimum a,
table#availabilityCalendars td.CalClosed a
{ cursor: pointer; text-decoration: underline; }

table#availabilityCalendars td.CalAvailable, 
table#availabilityCalendars div#calLegend td.available td.color span { background-color: #00be59; }

table#availabilityCalendars td.CalUnavailable,
table#availabilityCalendars div#calLegend td.unavailable td.color span { background-color: #f10f15; } 

table#availabilityCalendars td.CalMinimum,
table#availabilityCalendars div#calLegend td.minimum td.color span { background-color: #0078ed; } 

table#availabilityCalendars td.CalClosed,
table#availabilityCalendars div#calLegend td.closed td.color span { background-color: #9440d2; } 

table#availabilityCalendars td.CalError { background-color: #FF8E29; }

/* legend */
table#availabilityCalendars div#calLegend { width: 100%; margin-bottom: 10px; }
table#availabilityCalendars div#calLegend span { display: block; margin: 0 5px 0 5px; }
table#availabilityCalendars div#calLegend img { width: 10px; height: 10px; }    
table#availabilityCalendars div#calLegend td.title { color: #000000; font-size: 10px; text-align: right; }

/* day highlighting */
table#availabilityCalendars table.calMonth1 td.HighlightDay,
table#availabilityCalendars table.calMonth2 td.HighlightDay,
table#availabilityCalendars div#calLegend td.yourstay td.color span
{ background-color: #FAFF12; }

table#availabilityCalendars table.calMonth1 td.HighlightDay a,
table#availabilityCalendars table.calMonth2 td.HighlightDay a
{ color: #666666; }

/*******************************************************************************************
  JQuery Tooltip
*******************************************************************************************/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #999;
	background-color: #eee;
	padding: 5px;
}
#tooltip h3, #tooltip div { margin: 0;  }
#tooltip h3 { padding: 0; margin: 0; font-size: 10px; font-weight: normal; color: #000000; font-family: Arial,Helvetica,sans-serif; }

