﻿body
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

.HeaderLink, .HeaderLink:hover, .HeaderSpacer
{
	font-size: 11pt;
	font-family: arial, verdana, san-serif;
	text-decoration: none;
}

.Header
{
	background-color: white;
}

.HeaderLink
{
	color: #000066;
}

.HeaderLink:hover
{
	text-decoration: none;
}

.HeaderSpacer
{
	color: #0000FF;
}

.HeaderImage
{
	background-color: White;
}

.PropertyNotAvailableText, .ContentText:hover, .ContentPanel, .HtmlControl, .LegalAgreement, .DisabledContentHeading, .ContentPanelHeading, .ContentHeading
{
	color: #000063;
	font-family: arial, verdana, san-serif;
	font-size: 11pt;
	text-decoration: none;
}

.ContentText
{
	color: #012D5A;	
	font-family: arial, verdana, san-serif;
	font-size: 11pt;
	text-decoration: none;
}

.PropertyNotAvailableText
{
	font-style: italic;
}


.ContentText:link, .ContentText:visited
{
	color: #3E60CC;
	font-weight: bold;
}


.ContentText:hover
{
	text-decoration: none;
}

.ContentHeading:hover
{
	text-decoration: none;
}

.HtmlControl
{
	border: solid 1px #639CFF;
}

.Button
{
	color: #000063;
	border-right: #639CFF 1px solid;
	border-top: #639CFF 1px solid;
	font-weight: bold;
	font-size: 11pt;
	border-left: #639CFF 1px solid;
	border-bottom: #639CFF 1px solid;
	font-family: arial, verdana, san-serif;
	background-color: #D6EFFF;
}

.ContentPanel
{
	text-align:left;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	margin: 0px;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	background-color: #FFFFFF;
	color:#012D5A;
}

.ContentHeading, .ContentPanelHeading, .DisabledContentHeading
{
	font-weight: bold;
}

.DisabledContentHeading
{
	color: #999999;
}

.ContentPanelHeading
{
	text-align:left;
	padding-right: 1px;
	padding-left: 1px;
	float: none;
	padding-bottom: 1px;
	padding-top: 1px;
	background-repeat: repeat-x;
	background-color: #EEF;
	
}

.AlternatePropertyNotAvailableText, .AlternateContentText, .AlternateContentText:hover, .AlternateContentPanel, .AlternateContentHeading, .AlternateContentPanelHeading, .AlternateHtmlControl, .AlternateDisabledHtmlControl
{
	color: #00204E;
	font-family: arial, verdana, san-serif;
	font-size: 11pt;
	text-decoration: none;
}


.AlternatePropertyNotAvailableText
{
	font-style: italic;
}


.AlternateContentText:link, .AlternateContentText:visited
{
	color: #00204E;
	font-weight: bold;
}

.AlternateContentText:hover
{
	text-decoration: none;
}

.AlternateContentHeading:hover
{
	text-decoration: none;
}

.AlternateHtmlControl, .AlternateDisabledHtmlControl
{
	border: solid 1px #012D5A;
}

.AlternateDisabledHtmlControl
{
	background-color: lightgrey;
}

.AlternateButton
{
	color: #630000;
	border-right: #FF9C00 1px solid;
	border-top: #FF9C00 1px solid;
	font-weight: bold;
	font-size: 11pt;
	border-left: #FF9C00 1px solid;
	border-bottom: #FF9C00 1px solid;
	font-family: arial, verdana, san-serif;
	background-color: #FFCE63;
}

.AlternateContentPanel
{
	text-align:left;
	border-right: #012D5A 1px solid;
	border-top: #012D5A 1px solid;
	margin: 0px;
	border-left: #012D5A 1px solid;
	border-bottom: #012D5A 1px solid;
	background-color: #FFFFFF;

}

.AlternateContentHeading, .AlternateContentPanelHeading
{
	font-weight: bold;
}

.AlternateContentPanelHeading
{
	text-align:left;
	padding-right: 1px;
	padding-left: 1px;
	background-repeat: repeat-x;
	padding-bottom: 1px;
	padding-top: 1px;
	background-color: #EEF;
}

 .AlternateContentPanelHeading TH	
{
	text-align:left;
}

.ErrorContentText, .ErrorContentPanel, .ErrorContentHeading, .ErrorContentPanelHeading
{
	color: red;
	font-family: arial, verdana, san-serif;
	font-size: 11pt;
	font-weight: bold;
}

.ErrorContentPanel
{
	margin: 0px;
	background-color: #d7e2ea;
}

.ErrorContentPanelHeading
{
	text-align:left;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
	background-color: red;
}

.SuccessContentText, .SuccessContentPanel, .SuccessContentHeading, .SuccessContentPanelHeading
{
	color: #002809;
	font-family: arial, verdana, san-serif;
	font-size: 11pt;
}

.SuccessContentPanel
{
	text-align:left;
	border-right: #0CA02F 1px solid;
	border-top: #0CA02F 1px solid;
	margin: 0px;
	border-left: #0CA02F 1px solid;
	border-bottom: #0CA02F 1px solid;
	background-color: #B6F5BD;
}

.SuccessContentHeading, .SuccessContentPanelHeading
{
	font-weight: bold;
}

.SuccessContentPanelHeading
{
	padding-right: 1px;
	padding-left: 1px;
	background-repeat: repeat-x;
	padding-bottom: 1px;
	padding-top: 1px;
	background-color: #8EE695;
}

.InformationText, .InformationText:hover
{
	font-size: 10pt;
	color: #822433;
	font-style: italic;
	font-family: arial, verdana, san-serif;
	text-decoration: none;
}

.InformationText:hover
{
	text-decoration: none;
}

.SpecialInstructionText
{
	font-size: 10pt;
	color: green;
	font-style: italic;
	font-family: arial, verdana, san-serif;
	text-decoration: none;
}

.LegalAgreement
{
	border-right: #639CFF 1px solid;
	border-top: #639CFF 1px solid;
	overflow: auto;
	border-left: #639CFF 1px solid;
	border-bottom: #639CFF 1px solid;
	background-color: White;
}

.WarningContentText, .WarningContentPanel, .WarningContentHeading, .WarningContentPanelHeading
{
	font-size: 11pt;
	color: #630000;
	font-family: arial, verdana, san-serif;
}

.WarningContentPanel
{
	border-right: darkorange 1px solid;
	border-top: darkorange 1px solid;
	margin: 0px;
	border-left: darkorange 1px solid;
	border-bottom: darkorange 1px solid;
	background-color: lemonchiffon;
}

.WarningContentPanelHeading
{
	padding-right: 1px;
	padding-left: 1px;
	font-weight: bold;
	padding-bottom: 1px;
	padding-top: 1px;
	background-color: lemonchiffon;
}

.SelectedContent
{
	background-color: #B2DFEE;
	color: #27408B;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
}
.NumericContentText
{
	text-align: right;
	color: #000000;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
}
.ErrorPanel
{
	color: #b5121b;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	background-color: #FFFFFF;
}

.DatePicker
{
	padding: 1px;
	vertical-align: middle;
}

image.DatePickerImage
{
	padding-left: 2px;
	border: none;
	vertical-align: middle;	
}

iframe.DatePicker
{
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	visibility: hidden;
	width: 1px;
	height: 1px;
}
table.DatePicker
{
	padding: 0px;
	visibility: hidden;
	position: absolute;
	cursor: default;
	width: 200px;
	top: 0px;
	left: 0px;
	z-index: 2;
	text-align: center;
}

/* IMPORTANT:  The DatePicker calendar script requires all the classes defined here.   */
table.DatePicker
{
	padding: 1px;
	vertical-align: middle;
	border: solid 1px;
	font-size: 10pt;
	font-family: arial, verdana, san-serif,Arial,Helvetica,Sans-Serif;
	font-weight: bold;
}
td.DatePickerDrag, td.DatePickerHead
{
	padding: 0px 0px;
	text-align: center;
}
td.DatePickerDrag
{
	font-size: 11pt;
}
select.DatePickerHead
{
	margin: 3px 1px;
	text-align: center;
}
input.DatePickerHead
{
	height: 22px;
	width: 22px;
	vertical-align: middle;
	text-align: center;
	margin: 2px 1px;
	font-weight: bold;
	font-size: 10pt;
	font-family: fixedSys;
}
td.DatePickerWeekNumberHead, td.DatePickerWeek
{
	padding: 0px;
	text-align: center;
	font-weight: bold;
}
td.DatePickerNow, td.DatePickerNowHover, td.DatePickerNow:hover, td.DatePickerNowDisabled
{
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
}
table.DatePickerCells
{
	text-align: right;
	font-size: 11pt;
	width: 96%;
}
td.DatePickerCells, td.DatePickerCellsHover, td.DatePickerCells:hover, td.DatePickerCellsDisabled, td.DatePickerCellsExMonth, td.DatePickerCellsExMonthHover, td.DatePickerCellsExMonth:hover, td.DatePickerCellsExMonthDisabled, td.DatePickerCellsWeekend, td.DatePickerCellsWeekendHover, td.DatePickerCellsWeekend:hover, td.DatePickerCellsWeekendDisabled, td.DatePickerInputDate, td.DatePickerInputDateHover, td.DatePickerInputDate:hover, td.DatePickerInputDateDisabled, td.DatePickerWeekNo, td.DatePickerWeeks
{
	padding: 3px;
	width: 16px;
	height: 16px;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	vertical-align: middle;
}
/* Blend the colours into your page here...    */
/* Calendar background */
table.DatePicker
{
	background-color: #f9f6e8;
}
/* Drag Handle */
td.DatePickerDrag
{
	background-color: #9999CC;
	color: #CCCCFF;
}
/* Week number heading */
td.DatePickerWeekNumberHead
{
	color: #6666CC;
}
/* Week day headings */
td.DatePickerWeek
{
	color: #630000;
}
/* Week numbers */
td.DatePickerWeekNo
{
	background-color: #EFF7FF;
	color: #630000;
}
/* Enabled Days */
/* Week Day */
td.DatePickerCells
{
	background-color: #f9f6e8;
	color: #000000;
}
/* Day matching the input date */
td.DatePickerInputDate
{
	background-color: #f9f6e8;
	color: #000000;
}
/* Weekend Day */
td.DatePickerCellsWeekend
{
	background-color: #f9f6e8;
	color: #CC6666;
}
/* Day outside the current month */
td.DatePickerCellsExMonth
{
	background-color: #f9f6e8;
	color: #C9C9C9;
}
/* Today selector */
td.DatePickerNow
{
	background-color: #f9f6e8;
	color: #483D8B;
}
/* Clear Button */
td.DatePickerClear
{
	padding: 0px;
}
input.DatePickerClear
{
	padding: 0px;
	text-align: center;
	font-size:8pt;}
/* MouseOver/Hover formatting '                  
       If you want to "turn off" any of the formatting 
       then just set to the same as the standard format
       above.'                                   
 '                                               
       Note: The reason that the following are'  
       implemented using both a class and a :hover'
       pseudoclass is because Opera handles the rendering' +
       involved in the class swap very poorly and IE6 '    +
       (and below) only implements pseudoclasses on the
       anchor tag.'                              
*/
/* Active cells */
td.DatePickerCells:hover, td.DatePickerCellsHover
{
	background-color: #EEDC82;
	cursor: pointer;
	color: #000000;
}
/* Day matching the input date */
td.DatePickerInputDate:hover, td.DatePickerInputDateHover
{
	background-color: #EEDC82;
	cursor: pointer;
	color: #000000;
}
/* Weekend cells */
td.DatePickerCellsWeekend:hover, td.DatePickerCellsWeekendHover
{
	background-color: #EEDC82;
	cursor: pointer;
	color: #000000;
}
/* Day outside the current month */
td.DatePickerCellsExMonth:hover, td.DatePickerCellsExMonthHover
{
	background-color: #EEDC82;
	cursor: pointer;
	color: #000000;
}
/* Today selector */
td.DatePickerNow:hover, td.DatePickerNowHover
{
	color: #8B0000;
	cursor: pointer;
	font-weight: bold;
}
/* Disabled cells */
/* Week Day */
/* Day matching the input date */
td.DatePickerInputDateDisabled
{
	background-color: #999999;
	color: #000000;
}
td.DatePickerCellsDisabled
{
	background-color: #999999;
	color: #000000;
}
/* Weekend Day */
td.DatePickerCellsWeekendDisabled
{
	background-color: #999999;
	color: #CC6666;
}
/* Day outside the current month */
td.DatePickerCellsExMonthDisabled
{
	background-color: #999999;
	color: #666666;
}
td.DatePickerNowDisabled
{
	background-color: #6666CC;
	color: #FFFFFF;
}

/* ----------  Menu ---------- */

.menupanel
{
	text-align:left;
	background-color:#e2e0c2;
	border-width:1px;
	border-bottom-color: #D3D3D3;
	border-bottom-style:outset;
	border-left-color: #D3D3D3;
	border-left-style:outset;
	border-right-color: #D3D3D3;
	border-right-style:outset;
	border-top-color: #D3D3D3;
	border-top-style:outset;
	background-image:none;
	height:auto;
}

.groupmenu
{
	background-color:inherit;
	text-align:left;
	font-weight:100;
	font-family: Arial;
	font-style:normal;
	color:#000000;
	font-size: 11px;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:3px;
}
.groupmenuitem
{
	text-align:left;
	font-weight:100;
	font-family: Arial;
	font-style:normal;
	color:#000000;
	font-size: 11px;

}
.groupmenuselected
{
	 color:#b5121b;
}

.submenu
{
	/* This is required for IE8 */
	z-index: 1;
	/*--------------------------*/
	background-color: Red;
	border-bottom-style:none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	color:#000000;
}

.submenuitem
{
	background-color: #e8ebd6;
	padding-left:8px;
	padding-right:11px;
	padding-top:3px;
	padding-bottom:3px;
	color:#000000;
	font-weight:100;
	font-family: Arial;
	font-style: normal;
	color:#000000;
	font-size: 11px;
}

.groupmenuhover
{
	 color:#b5121b;
}

.submenuhover
{
	 color: #b5121b;
}
/* ----------  Bookings Calendar  ---------- */

.bookingcalendar 
{
	border: solid 1px #6666CC;
	background-color: #e2e0c2;	
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 10px;
}

.bookingcalendar a 
{
	text-decoration: none;
}

.bookingcalendar .title
{
	background-color: #e2e0c2;
	color: #CC603E;
	font-size: 11px;
	font-style:normal;
	font-weight:bold;
}

.bookingcalendar .dayheader
{
	background-color: #f9f6e8;
	color: #CC603E;
	font-size: 10px;
	font-style:normal;
	font-weight:bold;
}

.bookingcalendar a:hover, .bookingcalendar td:hover
{
	color: #FFFFFF!important;
	background-color: #191970!important;
	font-weight:bold;
}

.bookingcalendar .weekend
{
	background-color: #FFFFFF;
	color: #EEE9E9!important;
}

.bookingcalendar .othermonth  
{
    background-color: #FFFFFF;
    color: #C9C9C9;
}

.dayavailable
{
    background-color: #9ACD32;
}

.dayunavailable
{
    background-color: #FFFFE0;
}

.dayfullybooked  
{
    background-color: #FF0000!important;
}
.daypartiallybooked
{
    background-color: #FFA500;
}

.timeselected
{
    background-color: #836FFF;
}

td.selecteddayavailable
{
    background-color: #9ACD32!important;
	border-bottom: solid 3px #008B45;
	border-top: solid 3px #008B45;
	font-weight:bold;
	color: #000000!important;
}
/* -- Required for Firefox -- */
td.selecteddayavailable a
{
	color: #000000!important;
}

td.selecteddayunavailable
{
    background-color: #FFFFE0!important;
	border-bottom: solid 3px #008B45;
	border-top: solid 3px #008B45;
	font-weight:bold;
	color: #000000!important;
}

td.selecteddayunavailable a
{
	color: #000000!important;
}

td.selecteddayfullybooked
{
	background-color: #FF0000!important;
	border-bottom: solid 3px #008B45;
	border-top: solid 3px #008B45;
	font-weight:bold;
	color: #FFFFFF!important;
}

td.selecteddayfullybooked a
{
	color: #000000!important;
}

td.selecteddaypartiallybooked
{
    background-color: #FFA500!important;
	border-bottom: solid 3px #008B45;
	border-top: solid 3px #008B45;
	font-weight:bold;
	color: #000000!important;
}

td.selecteddaypartiallybooked a
{
	color: #000000!important;
}

.bookingTimePicker
{ 
	empty-cells: show;
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	font-family: Arial;
	font-size: 10px;
}

.bookingTimePicker th
{
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	background-color: #D1EEEE;
}

.bookingTimePicker td.dayheader
{
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	background-color: #D1EEEE;
}

.bookingTimePicker td 
{
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-bottom-color: #000000;
	background-color: #FFFFFF;
}

.bookingTimePicker .timeavailable  
{
    background-color: #9ACD32;
}
.bookingTimePicker .timeunavailable  
{
    background-color: #FFFFE0;
}
.bookingTimePicker .timefullybooked 
{
    background-color: #FF0000;
}

.bookingTimePicker .timeselected
{
    background-color: #836FFF;
}

.bookingTimePicker .timeavailablestart  
{
    background-color: #9ACD32;
	border-right-color: #B0B0B0;
}

.bookingTimePicker .timeavailablemiddle  
{
    background-color: #9ACD32;
	border-right-color: #B0B0B0;
	border-left-color: #B0B0B0;
}

.bookingTimePicker .timeavailableend
{
    background-color: #9ACD32;
	border-left-color: #B0B0B0;
}

.bookingTimePicker .timeunavailablestart  
{
    background-color: #FFFFE0;
	border-right-color: #B0B0B0;
}
.bookingTimePicker .timeunavailablemiddle  
{
    background-color: #FFFFE0;
	border-right-color: #B0B0B0;
	border-left-color: #B0B0B0;
}
.bookingTimePicker .timeunavailableend  
{
    background-color: #FFFFE0;
	border-left-color: #B0B0B0;
}

.bookingTimePicker .timefullybookedstart  
{
    background-color: #FF0000;
	border-right-color: #B0B0B0;
}
.bookingTimePicker .timefullybookedmiddle  
{
    background-color: #FF0000;
	border-right-color: #B0B0B0;
	border-left-color: #B0B0B0;
}
.bookingTimePicker .timefullybookedend  
{
    background-color: #FF0000;
	border-left-color: #B0B0B0;
}

.bookingTimePicker .timeselectedstart  
{
    background-color: #836FFF;
	border-right-color: #B0B0B0;
}
.bookingTimePicker .timeselectedmiddle  
{
    background-color: #836FFF;
	border-right-color: #B0B0B0;
	border-left-color: #B0B0B0;
}
.bookingTimePicker .timeselectedend  
{
    background-color: #836FFF;
	border-left-color: #B0B0B0;
}

.bookingTimePicker .mouseover
{ 
	background-color: #191970; 
}

/* ----------  Paging Control  ---------- */

.paging
{
	font: small Arial, Helvetica, Sans-Serif;
	vertical-align: middle;

}

.paging .selectedpagenumber
{
	padding: 3px 4px 3px 4px;
	margin: 0px 5px 0px 0px;
	text-align: center;
	vertical-align: middle;
	display: block;
	float:left;
	color: #000000;
	font-weight: bold;
	font-size: 108%;
}

.paging .otherpagenumber
{
	padding: 2px 6px 2px 6px;
	margin: 0px 5px 0px 0px;
	border-bottom: #ccdbe4 1px solid;
	text-align: center;
	border-left: #ccdbe4 1px solid;
	vertical-align: middle;
	border-top: #ccdbe4 1px solid;
	border-right: #ccdbe4 1px solid;
	display: block;
	float:left;
	color: #3666d4;
	text-decoration: none;
}

.paging .imagebutton
{
	 margin: 0px 5px 0px 0px;
}
