/* Structure
----------------------------------------------- */
#bookingContent { float: right; padding-left: 5px; width: 490px; vertical-align: top; }
#bookingSidebar { background-color: #F1F8FF; float: left; margin-left: 0px; padding-right: 0px; text-align: center; width: 210px; vertical-align: top; }

/* Order forms
----------------------------------------------- */
.OptionsHeaderTitle { 
    background-color: #71c6ff; border-top: 0px; border-bottom: 1px solid #B6B6B6; 
    color: #FFF; font-family: tahoma; font-size: 12px; font-weight: bold; padding: 4px 0px 4px 8px;}

.CouponHeaderTitle { 
    background-color: #71c6ff; border-left: 1px solid #B6B6B6; border-right: 1px solid #B6B6B6; border-top: 0px; border-bottom: 1px solid #B6B6B6; 
    color: #FFF; font-family: tahoma; font-size: 12px; font-weight: bold; padding: 4px 0px 4px 8px;}

.ScheduleHeaderTitle { 
    background-color: #71c6ff; border-left: 0px; border-right: 0px; border-top: 0px; border-bottom: 1px solid #B6B6B6; 
    color: #FFF; font-family: tahoma; font-size: 12px; font-weight: bold; padding: 4px 0px 4px 8px;}

.ContractHeaderTitle { 
    background-color: #71c6ff; border-bottom: 1px solid #B6B6B6;
    color: #FFF; font-family: tahoma; font-size: 12px; font-weight: bold; padding: 4px 0px 4px 8px;}

.OnlineBookingButtonSmall { font-size: 11px; font-weight: none; font-family: tahoma; }

.OBTableMainTable			{ background-color: #B6B6B6; padding: 0px; width: 100%; border: 1px solid #B6B6B6; }
.OBTableMainTable2			{ background-color: #B6B6B6; padding: 0px; width: 100%; border-top: 0px; border-left: 1px solid #B6B6B6; border-right: 1px solid #B6B6B6; border-bottom: 1px solid #B6B6B6; }

.OBTableHeaderTable			{ width: 100%; }
.OBTableSectionTitle { background-color: #71c6ff; border-bottom: 1px solid #B6B6B6; color: #FFF; font-family: tahoma; font-size: 12px; font-weight: bold; padding: 4px 0px 4px 8px; }

.OBSubText { background-color: #F8F8FF; border-left: 1px solid #B6B6B6; border-right: 1px solid #B6B6B6; font-size: 12px; font-weight: bold; padding: 5px; text-align: right }
.OBSubTotal { background-color: #DCDCDC; border-bottom: 1px solid #B6B6B6; border-right: 1px solid #B6B6B6; font-size: 12px; font-weight: bold; padding: 5px; text-decoration: none; text-align: right; }

.OBTaxText 					{ background-color: #F8F8FF; border-left: 1px solid #B6B6B6; border-right: 1px solid #B6B6B6; font-size: 12px; font-weight: none; padding: 5px; text-align: right }
.OBTaxTotal					{ background-color: #F8F8FF; border-bottom: 1px solid #B6B6B6; border-right: 1px solid #B6B6B6; font-size: 12px; font-weight: none; padding: 5px; text-decoration: none; text-align: right; }

.OBGrandText { background-color: #F8F8FF; border-bottom: 0px solid #B6B6B6; border-left: 1px solid #B6B6B6; border-right: 1px solid #B6B6B6; font-size: 12px; font-weight: bold; padding: 5px; text-align: right }
.OBGrandTotal { background-color: #7cff83; border-bottom: 1px solid #B6B6B6; border-right: 1px solid #B6B6B6; font-size: 12px; font-weight: bold; padding: 5px; text-decoration: none; text-align: right; }

.OBLineBreakdown			{ background-color: #F8F8FF; font-size: 12px; font-weight: none; padding: 5px; padding-left: 20px; text-align: left; }
.OBLineItemNoteCell 		{ background-color: #F8F8FF; border-left: 1px solid #B6B6B6;  border-right: 1px solid #B6B6B6; border-bottom: 1px solid #B6B6B6; color: #202020; font-size: 12px; font-family: verdana; font-weight: none; line-height: 15px; padding: 10px; text-align: left; width; 100%; }
.OBLineItemNoteInput		{ padding-top: 8px; }

.OBLineItemText				{ background-color: #F8F8FF; border-left: 1px solid #B6B6B6; border-bottom: 1px solid #B6B6B6; border-right: 1px solid #B6B6B6; font-size: 12px; font-weight: none; padding: 5px; text-align: left; width: 65%; }
.OBLineItemTotal 			{ background-color: #F8F8FF; border-bottom: 1px solid #B6B6B6; border-right: 1px solid #B6B6B6; font-size: 12px; font-weight: none; padding: 5px; text-align: right; width: 35%; }

.PayScheduleName { background-color: #F8F8FF; border-right: 1px solid #B6B6B6; border-left: 1px solid #B6B6B6; border-bottom: 1px solid #B6B6B6; font-size: 12px; font-weight: none; padding: 5px; text-align: left; }
.PayScheduleAmount { background-color: #F8F8FF; border-right: 1px solid #B6B6B6; border-bottom: 1px solid #B6B6B6; font-size: 12px; font-weight: none; padding: 5px; text-align: left; }
.PayScheduleDueDate { background-color: #F8F8FF; border-right: 1px solid #B6B6B6; border-bottom: 1px solid #B6B6B6; font-size: 12px; font-weight: none; padding: 5px; text-align: left; width: 180px; }

.OBLineItemCouponText 		{ background-color: #fff57c; border-left: 1px solid #B6B6B6; border-bottom: 1px solid #B6B6B6; border-right: 1px solid #B6B6B6; font-size: 12px; font-weight: none; padding: 5px; text-align: left; width: 330px; }
.OBLineItemCouponTotal 		{ background-color: #fff57c; border-bottom: 1px solid #B6B6B6; border-right: 1px solid #B6B6B6; font-size: 12px; font-weight: none; padding: 5px; text-align: right; }

.OBOptionQuantitativeCell	{ padding-top: 8px; vertical-align: top; }
.OBOptionDropDownList		{ font-size: 11px; }
.OBOptionRemove				{ font-size: 12px; font-weight: none; }
.OBOptionUnavailable		{ color: black; font-size: 11px; font-weight: bold; }

/* Contract control
----------------------------------------------- */
.ContractOuter { background-color: #F4F4F4; border: 1px solid gray; border-top: 0px; font-family: Courier New; font-size: 12px; padding: 0px; width: 100%; }
.ContractInner { text-align: center; padding-top: 10px; }
.ContractName { color: #44444; font-weight: bold; font-family: verdana; font-style: italic; }
.ContractInputTitle { color: #44444; font-weight: bold; font-family: verdana; padding-top: 6px; padding-bottom: 3px; text-align: left; width: 50%; }

/* Online Booking misc
----------------------------------------------- */
.UnitName { color: #2E59B1; font-weight: bold; font-size: 12px; padding-bottom: 3px; }
.MainPhoto { border: 1px solid black; filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888,Direction=135,Strength=5); }
.resHeader { background-color: #71C6FF; color: white; font-weight: bold; font-family: tahoma; padding: 5px 0px 4px 10px; }
.resTitle { background-color: #E1F4FF; color: #0072BA; font-weight: bold; font-size: 12px; text-align: right; vertical-align: middle; }
.resData { background-color: #F5F5F5; color: #333; font-size: 12px; text-align: left; }


/*
Payment
*/
.OnlineBookingPaymentRadioCellBorder	{ background-color: yellow; border: 1px solid orange; padding: 5px; }
.OnlineBookingPaymentRadioCell			{ padding-top: 10px; padding-bottom: 10px; padding-right: 0px; padding-left: 0px; }
.OnlineBookingPaymentRadioText			{ padding: 10px; padding-left: 8px; padding-top: 15px; width: 100%; }
.OnlineBookingPaymentInputTitle			{ color: gray; font-size: 12px; font-weight: bold; padding-bottom: 5px; padding-right: 0px; padding-top: 5px; }
.OnlineBookingPaymentInputCell			{ padding-right: 0px; }
.OnlineBookingContentInner				{ color: dark blue; font-size: 12px;  line-height: 19px; padding-top: 0px; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; text-align: center; width: 100%; }
.OnlineBookingPaymentPayBy				{ padding-bottom: 10px;  }
.OnlineBookingPaymentPayByDescription	{ font-size: 12px; line-height: 18px; padding-bottom: 5px;  }
.OnlineBookingPaymentPrefer { color: red; font-size: 12px; font-weight: bold; font-style: italic; }
.OnlineBookingHeaderText				{ }
.OnlineBookingHeaderTitle				{ font-size: 16px; font-weight: bold; }


.CouponRemoveLink			{ color: blue; font-size: 10px; }

/* timeline */
.TimelineLogo { padding-right: 5px; }
.TimelineReservation { padding-left: 17px; }


/* 
Template:	Yrautibo
Theme Name:	Snow Peak
Stylesheet:	Online Booking page stylesheet
*/

/* Page: Confirmation */
.OBConfirmationOverview		{ font-size: 12px; padding-bottom: 20px; }
.OBBookingOrderNumberCell	{ font-size: 20px; padding-bottom: 20px; }
.OBBookingOrderDetailsCell	{ font-size: 14px; font-weight: bold; }
.OBConfirmationContractText	{ font-family: times new roman; font-size: 10px; }

/* Online Booking */

.OnlineBookingPaymentInputTitle			{ color: #444444; font-size: 12px; font-weight: bold; font-family: verdana; padding-right: 10px; text-align: right; vertical-align: middle; }
.OnlineBookingPaymentInputTitleV		{ color: #444444; font-size: 12px; font-weight: bold; font-family: verdana; padding-right: 10px; text-align: left; vertical-align: middle; }
.OnlineBookingPaymentInputCell			{ padding-right: 0px; vertical-align: top; }
.OnlineBookingPaymentInputCellV			{ padding-bottom: 10px; vertical-align: top; }

.OnlineBookingContentInner				{ color: #022989; font-size: 12px;  line-height: 19px; padding-top: 0px; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; text-align: center; width: 100%; }
.OnlineBookingPaymentPayBy				{ font-size: 14px; font-weight: none; padding-bottom: 10px;  }
.OnlineBookingPaymentPayByDescription	{ font-size: 12px; line-height: 18px; padding-bottom: 5px;  }
.OnlineBookingPaymentPreferred			{ color: #3C9DD3; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; }
.OnlineBookingHeaderText				{ font-family: arial, helvetica, sans-serif, arial; }
.OnlineBookingHeaderTitle				{ font-family: arial, helvetica, sans-serif, arial; font-size: 16px; font-weight: bold; }
.OnlineBookingPaymentHR					{ color: silver; height: 4px; }
.OnlineBookingPaymentTitleCell			{ color: #333; border-bottom: 1px solid #BADAEC; font-size: 12px; font-weight: bold; padding: 5px; }
.OnlineBookingPaymentTable				{ border-bottom: 0px solid white; margin-bottom: 20px; }
.OBChangeDates							{ padding-top: 5px; padding-bottom: 5px; text-align: right; }
.OBGuestInformationSummaryControl		{ padding-right: 35px; vertical-align: top; width: 50%; }
.OBPaymentMethodSummaryControl			{ vertical-align: top; width: 50%; }

/* Online Booking: Place Order Page */

.RentalContractPlaceOrderCell		{ color: red; font-weight: bold; font-size: 12px; text-align: center; padding-top: 10px; }
.OBContractTextBox					{ font-family: verdana; font-size: 12px; height: 200px; padding: 5px; width: 100%; }

.GuestInformationSummaryButtonCell	{ padding-left: 10px; padding-bottom: 5px; }
.GuestInformationSummaryHeaderCell	{ }
.GuestInformationSummaryTextCell	{ background-color: #F8F8FF; border: 0px solid #B6B6B6; font-size: 12px; padding: 10px; }
.GuestInformationSummaryTitleCell	{ color: #444; font-size: 12px; font-weight: bold; }

.PaymentMethodSummaryButtonCell		{ padding-left: 10px; padding-bottom: 5px; }
.PaymentMethodSummaryHeaderCell		{ }
.PaymentMethodSummaryTextCell		{ background-color: #F8F8FF; border: 0px solid #B6B6B6; font-size: 12px; padding: 10px; }
.PaymentMethodSummaryTitleCell		{ color: #444; font-size: 12px; font-weight: bold; }
.PaymentMethodTextCell				{ font-size: 11px; }


.OBCheckInTitleCell					{ color: black; font-size: 12px; font-family: ms sans serif; font-weight: bold; }
.OBCheckOutTitleCell				{ color: black; font-size: 12px; font-family: ms sans serif; font-weight: bold; }
.OBCheckInDateCell					{ color: black; font-size: 12px; font-family: ms sans serif; font-weight: none; }
.OBCheckOutDateCell					{ color: black; font-size: 12px; font-family: ms sans serif; font-weight: none; }
.OBChangeDatesCell					{ padding-right: 0px; text-align: right; }

/* Online Booking: Guest Page */
.GuestInputTitle			{ background-color: #EAF1F3; color: #07526E; font-size: 11px; font-weight: bold; font-family: verdana; padding-right: 5px; padding-left: 10px; text-align: right; vertical-align: middle; }
.GuestInputData             { background-color: #F8F8FF; padding-left: 5px; text-align: left; vertical-align: middle; }
.GuestTitle	{ background-color: #BCDDFD; color: #00548B; font-size: 12px; padding: 4px; font-family: tahoma; font-weight: bold; }
.GuestRequired { color: red; }
.GuestTable { background-color: #B6B6B6; width: 100%; }
.GuestInputNote { background-color: #F4FBFF; color: #00548B; font-size: 10px; padding-left: 5px; text-align: left; vertical-align: middle; }

/* Payment Method
----------------------------------------------- */
.paymentMethodItemHint { color: #444; }