/* UPDATE PRINT VERSION! */

BODY
{
    FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url('Images/GreyBackground.jpg') repeat-x #ccc; 
    FONT-SIZE: 10pt;    
    COLOR: #333;
    MARGIN-TOP: 10px
}
h1
{ 
    FONT-WEIGHT: normal;
    FONT-SIZE: 14pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: #666666;
    TEXT-DECORATION: none;
    MARGIN: 0px 0px 5px 0px
} 
h2
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 13pt;    
    TEXT-TRANSFORM: capitalize;
    COLOR: #999999;
    MARGIN: 0px 0px 5px 0px
}
h3
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12pt;    
    TEXT-TRANSFORM: capitalize;
    COLOR: #666666;
    MARGIN: 0px 0px 5px 0px
}
h4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;    
    COLOR: #666666;
    MARGIN: 0px 0px 1px 0px
}
p
{
    /* COLOR: #666666; */
    COLOR: #333;
    MARGIN: 0px 0px 10px 0px
}
TEXTAREA 
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
    FONT-SIZE: 8pt;
    COLOR: #333;
}

/* Standard Text Elements */
.BodyText
{
    TEXT-ALIGN: Justify;
    TEXT-DECORATION: none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    /* COLOR: #666666; */
    COLOR: #333;
}
a.BodyText, a:visited.BodyText
{
    TEXT-DECORATION: underline;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    /* COLOR: #666666; */
    COLOR: #333;
}
a:hover.BodyText
{
    TEXT-DECORATION: none;
}
.FormText
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    /* COLOR: #666666; */
    COLOR: #333;
}
a.FormText, a:visited.FormText
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    /* COLOR: #666666; */
    COLOR: #333;
    TEXT-DECORATION: underline;
}
a:hover.FormText
{ 
    TEXT-DECORATION: none;
} 
.FormTextBold
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #333;
}
.SmallHyperlink
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: #333;
    TEXT-DECORATION: underline
}
.Hyperlink
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #333;
    TEXT-DECORATION: underline
}
.SmallText
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #333;
}
.HelpText
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #777;
}
a.HelpText
{
    TEXT-DECORATION: underline;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #777;
}
a:hover.HelpText
{
    TEXT-DECORATION: none;
}
.RequiredField
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #BBBBBB;
}
.ErrorTable 
{  
	font-size: 8pt;
	font-weight: normal;
	color: red;
	background: #FFFFFF;
	border: 1px solid red;	
    display: block;
    PADDING: 10px 10px 10px 10px;
}
.ErrorText
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: red;
    text-align:justify;
}
.InfoTable 
{  
	font-size: 8pt;
	font-weight: normal;
	color: red;
	background: #FAFAFA;
	border: 1px solid #666666;	
    display: block;
    PADDING: 10px 10px 10px 10px;
}
.InfoText
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #666666;
    text-align:justify;
}
.Steps
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 13pt;
    COLOR: #CCCCCC;
}
.StepsSelected
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 13pt;
    COLOR: #666666;
}
.OKTable 
{  
	font-size: 8pt;
	font-weight: normal;
	color: red;
	background: #FFFFFF; 
	border: 1px solid green;	
}
.OKText 
{  
	font-size: 8pt;
	font-weight: normal;
	color: green;
}
.ConfirmationText 
{  
	font-size: 10pt;
	font-weight: normal;
	color: green;
}
.FormLink, a.FormLink, a:visited.FormLink
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #666666;
}
a:hover.FormLink
{ 
    TEXT-DECORATION: underline;
} 

/* Standard Page Layout Elements */
.LogoBar
    {
	background: #FFF;
    BORDER-LEFT: #666666 2px solid;
    BORDER-TOP: #666666 2px solid;
    BORDER-BOTTOM: #666666 0px solid;
    BORDER-RIGHT: #666666 2px solid;
    }
.MenuBar
    {
	BACKGROUND-COLOR: #666666;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #FFF;
    /*FONT-FAMILY: Arial, Helvetica, sans-serif;*/
    TEXT-DECORATION: none;
	TEXT-ALIGN: center;
	margin-left:0px; 
	margin-right:0px; 
	margin-top:0px; 
	margin-bottom:0px;
    }
.MainTable
    {
	background: #FFF;
    border: solid #666666 2px;
    PADDING: 10px 10px 10px 10px;
    }
.GoogleMap
    {
    border: solid #666666 2px;
    }
.SearchTable
    {
	background: #EFEFEF;
	border: 2px;	
	border-style: solid;
	border-color: #666666;
    }
.FooterBar
    {
	background: #FFF;
    BORDER-LEFT: #666666 2px solid;
    BORDER-TOP: #666666 0px solid;
    BORDER-BOTTOM: #666666 2px solid;
    BORDER-RIGHT: #666666 2px solid;
    PADDING: 20px 10px 20px 10px;
    }
.SearchTitle
{ 
    FONT-WEIGHT: normal;
    FONT-SIZE: 14pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: #666666;
    TEXT-DECORATION: none;
    MARGIN: 0px 0px 5px 0px
} 
.DateNav, a.DateNav, a:visited.DateNav
{ 
    FONT-WEIGHT: normal;
    FONT-SIZE: 11pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: #999;
    TEXT-DECORATION: none;
    MARGIN: 0px 0px 5px 0px
} 
a:hover.DateNav
{ 
    TEXT-DECORATION: underline;
} 


/* Members Area */
.MembersHeader
    {
    COLOR: #666666;
	background: #FFF;
    BORDER-LEFT: #666666 2px solid;
    BORDER-TOP: #666666 0px solid;
    BORDER-BOTTOM: #666666 0px solid;
    BORDER-RIGHT: #666666 2px solid;
    PADDING: 10px 10px 10px 10px;
    }
.MembersMenu
    {
    COLOR: #FFF;
	background: #333333;
    BORDER-LEFT: #666666 0px solid;
    BORDER-TOP: #666666 0px solid;
    BORDER-BOTTOM: #666666 0px solid;
    BORDER-RIGHT: #666666 2px solid;
    PADDING: 7px 10px 7px 10px;   
    MARGIN: 7px 10px 7px 10px;
    }
.SubMenuHeader,a.SubMenuHeader,a.SubMenuHeader:visited {
    width: 100px;
    /*background: #003366;*/
	line-height:120%;
    color: #FFF;
    display: block;
    font-weight: bold;
    font-size: 12px;
    margin: 0px 0px;
    padding: 10px 15px 4px 10px;   
    text-decoration: none;
}
.SubMenuHighlighted
{
    width: 100px;
    border: solid #fff 0px;
	line-height:120%;
	border-bottom: solid #ccc 0px;
    display: block;
    font-weight: normal;
    font-size: 11px;
    margin: 0px 0px;
    padding: 3px 15px 4px 10px;   
    text-decoration: none;	
	background-color: #fff;
	color: #666666;
}
a.SubMenuLink,a.SubMenuLink:visited 
{
    width: 100px;
    border: solid #fff 0px;
	line-height:120%;
	border-bottom: solid #ccc 0px;
    color: #DDD;
    display: block;
    font-weight: normal;
    font-size: 11px;
    margin: 0px 0px;
    padding: 3px 15px 4px 10px;   
    text-decoration: none;	
}
a.SubMenuLink:hover {
	background-color: #eee;
	color: #666666;
}


/* NOT USED */
.LogoBarRHS
    {
    MARGIN: 10px 10px 10px 10px;
    }

.ContentPage
    {
    padding: 10px 10px 10px 10px;   
    MARGIN: 10px 10px 10px 10px;
    }
.ContentTable
{
	background: url('Images/ContentBackground.jpg') repeat-x #EAF8F1; 
    BORDER-LEFT: #fff 2px solid;
    BORDER-TOP: #fff 0px solid;
    BORDER-BOTTOM: #fff 2px solid;
    BORDER-RIGHT: #fff 2px solid;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 747px;
}
.RegionSearchTable
{
	background: #E7F7EF;
	border: 2px;	
	border-collapse: collapse;
	border-style: solid;
	border-color: #ffffff;
	width: 707px;
}
.ContentPageTable
{
	background: url('Images/ContentPageBackground.jpg') repeat-x #E5F6EE; 
    BORDER-LEFT: #fff 2px solid;
    BORDER-TOP: #fff 0px solid;
    BORDER-BOTTOM: #fff 2px solid;
    BORDER-RIGHT: #fff 2px solid;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 747px;
    Text-Align: Left;
}
.SideNav, a.SideNav, a:visited.SideNav
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 13pt;
    COLOR: #003366;
	line-height: 15pt;
}
a:hover.SideNav
{ 
    TEXT-DECORATION: underline;
} 
.SideNavReverse, a.SideNavReverse, a:visited.SideNavReverse
{
    TEXT-DECORATION: underline;
    FONT-WEIGHT: normal;
    FONT-SIZE: 13pt;
    COLOR: #003366;
	line-height: 15pt;
}
a:hover.SideNavReverse
{ 
    TEXT-DECORATION: none;
} 
.Footer, a.Footer, a:visited.Footer
{ 
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #666666;
    TEXT-DECORATION: none;
    MARGIN: 0px 0px 0px 0px
} 
a:hover.Footer
{ 
    TEXT-DECORATION: underline;
} 
.SubFooter, a.SubFooter, a:visited.SubFooter
{ 
    FONT-WEIGHT: normal;
    FONT-SIZE: 100%;
    COLOR: #999;
    TEXT-DECORATION: none;
    MARGIN: 0px 0px 0px 0px
} 
.PriceBox {  
	font-size: 14px;
	font-weight: normal;
	color: #003366;
	display: block;
    text-align: left;
    MARGIN: 5px 0px 5px 0px;
	}
.PropertyPriceBox {  
	font-size: 14px;
	font-weight: normal;
	color: #003366;
	/*background: #FFDDDD;*/ 
	/*background: #ffffcc;*/
	}
.PropertyTitle
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #003366;
	TEXT-ALIGN: justify;    
}
a.PropertyTitle, a:visited.PropertyTitle
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: bold; 
    FONT-SIZE: 10pt;
    COLOR: #003366;
    TEXT-DECORATION: underline;
}
a:hover.PropertyTitle
{ 
    TEXT-DECORATION: none;
} 

/* Accommodation Search */
.Price
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #003366;
	TEXT-ALIGN: right;    
}
.DateSelector
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #003366;
}
.DateNavigation
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #003366;
}
a.DateNavigation
{
    TEXT-DECORATION: underline;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #003366;
}

/* Tables */
.Header 	{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8pt; 
	OVERFLOW: hidden; 
	COLOR: white; 
	BACKGROUND-COLOR: #666666;
	border-collapse: collapse;
    TEXT-DECORATION: none
	}

/* Tabs */
.TabSelected {  
	font-size: 10pt;
	font-weight: bold;
    COLOR: #003366;
	background: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    BORDER-LEFT: #fff 2px solid;
    BORDER-TOP: #fff 2px solid;
    BORDER-BOTTOM: #fff 0px solid;
    BORDER-RIGHT: #fff 2px solid;
	}
.TabUnSelected, a.TabUnSelected, a:visited.TabUnSelected {  
	font-size: 10pt;
	font-weight: normal;
    COLOR: #003366;
	background: #CCC;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    BORDER-LEFT: #fff 2px solid;
    BORDER-TOP: #fff 2px solid;
    BORDER-BOTTOM: #fff 0px solid;
    BORDER-RIGHT: #fff 2px solid;
    TEXT-DECORATION: underline;
	}
a:hover.TabUnSelected
{ 
    TEXT-DECORATION: none;
} 

/* Availability Grid Display */

.TableStyle {  
	border: 0pt;	
	border-collapse: collapse;
	border-style: solid;
}

.HeaderRow {  
	FONT-WEIGHT: Bold; 
	FONT-SIZE: 8pt; 
	OVERFLOW: hidden; 
	/*
    COLOR: #003366; 
	BACKGROUND-COLOR: #E5F6ED;
    */
    COLOR: #FFF; 
    BACKGROUND-COLOR: #003366;
    TEXT-DECORATION: none;
	border: 2px;
	border-collapse: collapse;
	border-style: solid;
	border-color: #fff    
	}
.HeaderRowWeekend {  
	FONT-WEIGHT: Bold; 
	FONT-SIZE: 8pt; 
	OVERFLOW: hidden; 
    /*
	COLOR: #003366; 
	BACKGROUND-COLOR: #DDD;
    */
    COLOR: #999; 
    BACKGROUND-COLOR: #003366;
    TEXT-DECORATION: none;
	border: 2px;
	border-collapse: collapse;
	border-style: solid;
	border-color: #fff    
	}
.HeaderRowToday {  
	FONT-WEIGHT: Bold; 
	FONT-SIZE: 8pt; 
	OVERFLOW: hidden; 
    /*
	COLOR: #003366; 
	BACKGROUND-COLOR: #FFFFCC;
    */
    COLOR: #D9B109; 
    BACKGROUND-COLOR: #003366;
    TEXT-DECORATION: none;
	border: 2px;
	border-collapse: collapse;
	border-style: solid;
	border-color: #fff
	}
.TopRow {  
	font-size: 9pt;
	font-weight: normal;
    /*COLOR: #666666;*/
    COLOR: #333;
	background: #EEE;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    BORDER-LEFT: #fff 2px solid;
    BORDER-TOP: #fff 2px solid;
    BORDER-BOTTOM: #fff 2px solid;
    BORDER-RIGHT: #fff 2px solid;
	}
.Row1 {  
	font-size: 9pt;
	font-weight: normal;
    /*COLOR: #666666;*/
    COLOR: #333;
	background: #CCC;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    BORDER-LEFT: #fff 2px solid;
    BORDER-TOP: #fff 0px solid;
    BORDER-BOTTOM: #fff 2px solid;
    BORDER-RIGHT: #fff 2px solid;
	}
.Row2 {  
	font-size: 9pt;
	font-weight: normal;
    /*COLOR: #666666;*/
    COLOR: #333;
	background: #EEE;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    BORDER-LEFT: #fff 2px solid;
    BORDER-TOP: #fff 0px solid;
    BORDER-BOTTOM: #fff 2px solid;
    BORDER-RIGHT: #fff 2px solid;
	}
.RowTotal {  
	font-size: 9pt;
	font-weight: normal;
    /*COLOR: #666666;*/
    COLOR: #333;
	background: #FFFFCC;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    BORDER-LEFT: #fff 2px solid;
    BORDER-TOP: #fff 0px solid;
    BORDER-BOTTOM: #fff 2px solid;
    BORDER-RIGHT: #fff 2px solid;
	}

.GridPropertyTitle
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #003366;
	TEXT-ALIGN: justify;    
}
a.GridPropertyTitle, a:visited.GridPropertyTitle
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: normal; 
    FONT-SIZE: 9pt;
    COLOR: #003366;
    TEXT-DECORATION: underline;
}
a:hover.GridPropertyTitle
{ 
    TEXT-DECORATION: none;
} 
.GridRegionTitle
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: 500;
    FONT-SIZE: 10pt;
    COLOR: #FFF;
}
.GridPrice
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #003366;
	cursor: hand;
}
.GridFullPrice
{
    TEXT-DECORATION: none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #669999;
	cursor: hand;
}
#dhtmltooltip {
	color: #003366;
	position: absolute;
    FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
	width: 340px;
	border: 1px solid #003366;
	padding: 2px;
	/* background-color: #FCF245; */
	background-color: #D9B109;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

.Question
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;    
    Display: block;
    /* COLOR: #666666; */
    COLOR: #999;
    MARGIN: 0px 0px 5px 0px;
}

.Answer
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;    
    /* COLOR: #666666; */
    COLOR: #333;
    Display: block;
    MARGIN: 0px 0px 20px 0px
}

/* Availability Options */
.Unavailable
{
    COLOR: #000000;
    FONT-SIZE: 8pt;
    BACKGROUND-COLOR: #FF6347;
	OVERFLOW: hidden; 
	border: 1px;
	border-collapse: collapse;
	border-style: solid;
	border-color: #777777
}
.PublicUnavailable
{
    COLOR: #000000;
    FONT-SIZE: 8pt;
    BACKGROUND-COLOR: #DDD;
	OVERFLOW: hidden; 
	border: 1px;
	border-collapse: collapse;
	border-style: solid;
	border-color: #777777
}
.Available
{
    COLOR: #000000;
    FONT-SIZE: 8pt;
    BACKGROUND-COLOR: #00FA9A;
	OVERFLOW: hidden; 
	border: 1px;
	border-collapse: collapse;
	border-style: solid;
	border-color: #777777
}

/* Calendar */
.CalendarInactiveDay
{	
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	OVERFLOW: hidden; 
	COLOR: #000000; 
	BACKGROUND-COLOR: #EEEEEE;
	border: 1px;
	border-collapse: collapse;
	border-style: solid;
	border-color: #666666
}
.Calendar
{	
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	OVERFLOW: hidden; 
	COLOR: #666666; 
	border: 1px;
	border-collapse: collapse;
	border-style: solid;
	border-color: #666666
}

/* Confirmation */
.BookingDetails 
	{ 
	background: #FFF; 
	BORDER-LEFT: #C1EAD6 4px solid; 
	BORDER-TOP: #C1EAD6 4px solid; 
	BORDER-BOTTOM: #C1EAD6 4px solid; 
	BORDER-RIGHT: #C1EAD6 4px solid; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	FONT-SIZE: 10pt;
	}
.BookingTitle
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11pt;    
    COLOR: #666666;
}
.BookingSubTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;    
    COLOR: #666666;
}