﻿body 
{
	font-family: #TEXT_TYPE#; 
	font-size: #FONT_GENERALSIZE#; 
	color: #GENERALFONT_COLOR#; 
	background-color: #BACKGROUND_COLOR#;
}

.dropdownGeneral 
{
	font-family: #TEXT_TYPE#; 
	font-size: #FONT_GENERALSIZE#; 
}

.PageFrame
{
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	text-align: left;
	height: 100%;
	width: 700px;
	border: 1px solid #BORDER_COLOR#;
	background-color: #BACKGROUND_COLOR#;
}

.PageFrameCosts
{
	padding: 0px 0px 10px 10px;
	vertical-align: top;
	text-align: left;
	width: 700px;
	border: 1px solid #BORDER_COLOR#;
	background-color: #BACKGROUND_COLOR#;
}

.RowFrame
{
	border-width: 1px;
	border-color: #FFFFFF #FFFFFF #BORDER_COLOR# #FFFFFF;
	border-bottom-style: solid;
}


.styColumn_CostWidth
{
	width: 300px;
}


.styDropdown
{
	width: 205px;
	font-family: #TEXT_TYPE#; 
	font-size: #FONT_GENERALSIZE#; 
}

.styDropdown_Days
{
    width: 40px;
	font-family: #TEXT_TYPE#; 
	font-size: #FONT_GENERALSIZE#; 
}

.styDropdownData
{
	width: 185px;
	font-family: #TEXT_TYPE#; 
	font-size: #FONT_GENERALSIZE#; 
}


.styDropdown_Quantity
{
    width: 40px;
	font-family: #TEXT_TYPE#; 
	font-size: #FONT_GENERALSIZE#; 
}


.Table_SearchBook
{
	padding: 2px;
	margin: 0px;
	vertical-align: top;
	text-align: left;
	background-color: #SEARCHBOOK_BACKGROUND#;
	font-family: #TEXT_TYPE#;
}

.styBookStepsNavigate
{
	background-color: #FONT_BACKCOLOR#;
	color: #FFFFFF;
	font-weight: bold;
}

.StepActive_Tab
{
	height: 30px; 
	line-height: 30px; 
	padding: 0px 7px;
	border-width: 1px;
	border-color: #FFFFFF;
	background-color: #c0c0c0;
	border-right-style: solid;
	font-weight: bold;
	width: 150px;
	overflow: visible;
}

.StepInActive_Tab
{
	height: 30px; 
	line-height: 30px; 
	padding: 0px 7px;
	border-width: 1px;
	border-color: #FFFFFF;
	background-color: #FONT_BACKCOLOR#;
	border-right-style: solid;
	font-weight: bold;
	width: 150px;
	overflow: visible;
}

.StepActive_Page
{
	height: 20px; 
	line-height: 20px;
	padding: 0px 4px; 
	margin-left: 5px; 
	border: 1px solid #ccc;
	color: #fff; 
	background: #c0c0c0;
}

.StepInActive_Page
{
	height: 20px; 
	line-height: 20px;
	padding: 0px 4px; 
	margin-left: 5px; 
	border: 1px solid #ccc;
}


.styHeader_New
{
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 11px;
	color: #FONT_COLOR#;
	font-family: #TEXT_TYPE#;
	font-weight: bold;
	background-color: #BACKGROUND_COLOR#;
}

.styObjectDescription
{
	width: 500px;
}

.styLabel
{
}

.styLabelHeader
{
	padding-top: 2px;
	font-size: #FONT_BUTTONSIZE#;
	color: #FONT_COLOR#;
	font-family: #TEXT_TYPE#;
	font-weight: bold;
	background-color: #BACKGROUND_COLOR#;
}
.styLabel_Error
{
	font-size: #FONT_GENERALSIZE#;
	overflow: visible;
	color: #FF0000;
	font-family: #TEXT_TYPE#;
}

.styLabel_Sorry
{
	font-size: #FONT_GENERALSIZE#;
	color: #000099;
	font-family: #TEXT_TYPE#;
}



.styLabel_Price
{
	width: 60px;
	text-align: right;
}


.styLabel_Wide
{
	width:200px;
}


.styTextBox
{
	font-size: #FONT_GENERALSIZE#;
	overflow: visible;
	color: #000000;
	font-family: #TEXT_TYPE#;
	width:180px;
}

.styTextBox_Error
{
	border: 1px solid #FF0000;
	font-size: #FONT_GENERALSIZE#;
	overflow: visible;
	color: #000000;
	font-family: #TEXT_TYPE#;
	background-color: #FFFF00;
}

.styTextBox_Freesize
{
	font-size: #FONT_GENERALSIZE#;
	overflow: visible;
	color: #000000;
	font-family: #TEXT_TYPE#;
}

.styTextBox_Small
{
	font-size: #FONT_GENERALSIZE#;
	overflow: visible;
	color: #000000;
	font-family: #TEXT_TYPE#;
	width:150px;
}

.styThankyouHeader
{
	font-size: 12px;
	overflow: visible;
	color: #FONT_COLOR#;
	font-family: '#TEXT_TYPE#';
	background-color: #BACKGROUND_COLOR#;
	height: 20px;
	font-weight: bold;
	text-align : left;
}


.styReverseHeader
{
	border-width: 1px;
	border-color: #HEADER_LINECOLOUR#;
	color: #FONT_COLOR#;
	border-bottom-style: solid;
	font-weight: bold;
	text-align: left;
	padding: 10px 0px 10px 2px;
}


.styBookingStepsHeader_Line
{
	border-width: 1px;
	border-color: #HEADER_LINECOLOUR#;
	border-bottom-style: solid;
	padding-bottom:5px;
	padding-top: 5px;
	background-color: #BACKGROUND_COLOR#;
}


.styBookingStepsHeader_Booking
{
	font-size: 24px;
	color: #9a9a9a;
	padding-right: 36px;
}

.styBookingStepsHeader_Steps
{
	color: #9a9a9a;
}

.styCostOverviewBox
{
	background-color: #e7e7e7;
}

.styCostOverviewBoxCosts
{
	padding: 3px 10px;
}

.styButton
{
	border-style: none;
	font-size: #FONT_BUTTONSIZE#;
	color: #FFFFFF;
	font-family: #TEXT_TYPE#;
	background-color: #BUTTON_BACKCOLOR#;
	height: 25px;
	font-weight: bold;
	font-family: #TEXT_TYPE#; 
}

.styButton[disabled]
{
	border-style: none;
	font-size: #FONT_BUTTONSIZE#;
	color: #FFFFFF;
	font-family: #TEXT_TYPE#;
	background-color: #C0C0C0;
	height: 25px;
	font-weight: bold;
	font-family: #TEXT_TYPE#;
}


.styButtonMap
{
	border-style: none;
	font-size: #FONT_GENERALSIZE#;
	color: #BUTTON_BACKCOLOR#;
	font-family: #TEXT_TYPE#;
	cursor: pointer;
	font-weight: bold;
	padding: 4px;
	text-decoration: underline;
}

.styLabel_TotalPrice_Label_Row
{
	background-color: #ccc;
	font-size: #FONT_BUTTONSIZE#;
	font-weight: bold;
	padding: 17px 10px 0px 10px;
}

.styLabel_Guarantee
{
	font-size: #FONT_GENERALSIZE#;
	font-weight: normal;
}

.styPictureContainer
{
	cursor : pointer;
	border : solid 1px #BORDER_COLOR#;
}

.styFacilityTable
{
	width: 100%;
	height: 100%;
	padding: 0px;
}

.styTariffRow
{
	width: 100%;
}



.styHeaderCell
{
	font-size: 11px;
	overflow: visible;
	color: #SEARCHBOOK_FONTCOLOR#;
	font-family: #TEXT_TYPE#;
	font-weight: bold;
	width: 160px;
}


.styCategoryCell
{
	font-size: 11px;
	overflow: visible;
	color: #000000;
	font-family: #TEXT_TYPE#;
	font-weight: normal;
	cursor: pointer;
	width : 100%;
}

.Label_SearchBook
{
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	text-align: left;
	height: 100%;
	background-color: #SEARCHBOOK_LABEL#;
	font-family: #TEXT_TYPE#;
	color: #SEARCHBOOK_LABELTEXT#;
	font-size: #SEARCHBOOK_LABELFONTSIZE#;
	font-weight: #SEARCHBOOK_LABELWEIGHT#;
}

.Label_SearchBook_Activities
{
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}



.styObjectPersons
{
	font-size: 11px;
	color: #EXTRAINFO_COLOR#;
	font-family: #TEXT_TYPE#;
	padding-bottom: 2px;
}


.styReadMoreButton
{
	font-size: #FONT_GENERALSIZE#;
	color: #EXTRAINFO_COLOR#;
	font-family: #TEXT_TYPE#;
	font-weight: normal;
	cursor: pointer;
	text-decoration: underline;
}

.styAvailabilityCalendar
{
	font-size: #FONT_GENERALSIZE#;
	color: #EXTRAINFO_COLOR#;
	font-family: #TEXT_TYPE#;
	font-weight: normal;
	cursor: pointer;
	text-align: right;
}

.styBookNowButton
{
	border: 1px none #808080;
	font-size: 12px;
	color: #FONT_COLOR#;
	font-family: #TEXT_TYPE#;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}


.stySpecialOfferCell
{
	padding: 2px 1px 2px 1px;
	font-size: 11px;
	overflow: visible;
	color: #000000;
	font-family: #TEXT_TYPE#;
	font-weight: normal;
	background-color: #FFDAB5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
}

.styTariffCell_SpecialOffer
{
	padding: 2px 1px 2px 1px;
	font-size: 11px;
	overflow: visible;
	color: #CC0000;
	font-family: #TEXT_TYPE#;
	background-color: #FFDAB5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
}

.styTariffCell
{
	padding: 2px 1px 2px 1px;
	font-size: 11px;
	overflow: visible;
	color: #000000;
	font-family: #TEXT_TYPE#;
	font-weight: normal;
	background-color: #EBEBEB;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
}


.styTariffCellRight
{
	margin-bottom : 5px;
	padding-right : 5px;
	padding-top: 5px;
}

.styAvailabilityLink
{
    cursor : pointer;
    text-decoration : underline;
}

.styCalendarHeader
{
    font-size: 12px;
	overflow: visible;
	font-family: #TEXT_TYPE#;
	font-weight: bold;
}

.styNoAvailabilityText
{
	width: 300px;
	font-size: 11px;
	color: #000000;
	font-family: #TEXT_TYPE#;
	border: 1px solid #000000;
	padding: 2px;
	background-color: #FFFFFF;
}
