﻿.BookingBoxOuter { margin-bottom: 20px; }
.BookingBoxOuter h3 { width: 300px; margin: 10px 0; text-indent: 15px; background: url('../Image/LovelyCroatiaGraphics.png') no-repeat -86px -1020px; }
.BookingBoxOuter .BookingBox { background: #fcfaf4; padding: 3px; border: 1px solid #DDD2B1; }
.BookingBoxOuter .BookingBox .BookingBoxInner { padding: 10px; background: #f3eedd; }
.BookingBoxOuter .BookingBox .BookingBoxInner .LeftArrow { width: 40px; height: 276px; position: relative; float: left; cursor: pointer; }
.BookingBoxOuter .BookingBox .BookingBoxInner .LeftArrow .LeftArrowInner { width: 34px; height: 40px; margin-top: -20px; margin-left: -17px; position: absolute; top: 50%; left: 50%; background: url('../Image/LovelyCroatiaGraphics.png') no-repeat -247px -949px; }
.BookingBoxOuter .BookingBox .BookingBoxInner .RightArrow { width: 40px; height: 276px; position: relative; float: left; cursor: pointer; }
.BookingBoxOuter .BookingBox .BookingBoxInner .RightArrow .RightArrowInner { width: 34px; height: 40px; margin-top: -20px; margin-right: -17px; position: absolute; top: 50%; right: 50%; background: url('../Image/LovelyCroatiaGraphics.png') no-repeat -294px -949px; }
.BookingBoxOuter .BookingBox .BookingBoxInner .ScrollerOuterHolder { width: 520px; height: 276px; margin-bottom: 20px; position: relative; float: left; overflow: hidden; }
.BookingBoxOuter .BookingBox .BookingBoxInner .ScrollerOuterHolder ul { width: 2200px; height: auto; position: absolute; }
.BookingBoxOuter .BookingBox .BookingBoxInner .ScrollerOuterHolder ul li { margin-left: 10px; float: left; }
.BookingBoxOuter .BookingBox .BookingBoxInner .BookingInfo { width: 480px; margin: 0 auto 20px auto; padding: 10px; border: 1px solid #5EBC00; }
.BookingBoxOuter .BookingBox .BookingBoxInner .BookingInfo legend { padding: 0 3px; font-size: 11px; font-variant: small-caps; text-transform: none; color: #50A000;}
.BookingBoxOuter .BookingBox .BookingBoxInner .BookingData { width: 480px; margin: 0 auto 20px auto; padding: 10px; border: 1px solid #c0c0c0; }
.BookingBoxOuter .BookingBox .BookingBoxInner .BookingData legend { padding: 0 3px; font-size: 11px; font-variant: small-caps; text-transform: none; color: #888;}
.BookingBoxOuter .BookingBox .BookingBoxInner .BookingData table.Left { width: 230px; margin-right: 10px; float: left; border-right: 1px solid #c0c0c0; }
.BookingBoxOuter .BookingBox .BookingBoxInner .BookingData table.Right { width: 230px; float: left;}
.BookingBoxOuter .BookingBox .BookingBoxInner .BookingData table tr.EvenRow { height: 30px; }
.BookingBoxOuter .BookingBox .BookingBoxInner .BookingData table tr.OddRow { height: 30px; }
.BookingBoxOuter .BookingBox .BookingBoxInner .BookingData table tr td { line-height: 30px; padding: 0 10px; }
.BookingBoxOuter .BookingBox .BookingBoxInner .BookingData h4 { color: #25689F; font-size: 11px; font-weight: bold; line-height: 29px; }
.BookingBoxOuter .BookingBox .BookingBoxInner .BookingControls { width: 515px; margin: 10px auto; }
.BookingBoxOuter .BookingBox .BookingBoxInner .BookingControls .StepInfo { margin: 18px 6px; float: right; font-size:14px; color: #c0c0c0; }


.CalendarBody li .CalendarMonth { line-height: 30px; height: 30px; background: #E7E2D2; border-bottom: 1px solid #c0c0c0; }
.CalendarBody li .CalendarMonth h4 { margin-left: 10px; color: #25689F; font-size: 12px; font-weight: bold; text-transform: uppercase; }
.CalendarBody li .CalendarTable table {}
.CalendarBody li .CalendarTable table tr { height: 28px; }
.CalendarBody li .CalendarTable table td:first-child { padding: 2px; }
.CalendarBody li .CalendarTable table td { padding: 2px; }
.CalendarBody li .CalendarTable table td .CalendarAvailable { width: 31px; height: 30px; line-height: 30px; background: #E7E2D2; border-bottom: 1px solid #c0c0c0; text-align: center; cursor: pointer; }
.CalendarBody li .CalendarTable table td .CalendarUnavailable { width: 31px; height: 30px; line-height: 30px; background: url("../Image/LovelyCroatiaGraphics.png") repeat-x 0 -1135px; border-bottom: 1px solid #c0c0c0; text-align: center; cursor: default; }
.CalendarBody li .CalendarTable table td .CalendarUnavailableStartAvailable { width: 31px; height: 30px; line-height: 30px; background: #E7E2D2 url("../Image/LovelyCroatiaGraphics.png") repeat-x -160px -1135px; border-bottom: 1px solid #c0c0c0; text-align: center; cursor: pointer; }
.CalendarBody li .CalendarTable table td .CalendarUnavailableEndAvailable { width: 31px; height: 30px; line-height: 30px; background: #E7E2D2 url("../Image/LovelyCroatiaGraphics.png") repeat-x -128px -1135px; border-bottom: 1px solid #c0c0c0; text-align: center; cursor: pointer; }
.CalendarBody li .CalendarTable table td .CalendarSelected { width: 31px; height: 30px; line-height: 30px; background: url("../Image/LovelyCroatiaGraphics.png") repeat-x -32px -1135px; border-bottom: 1px solid #c0c0c0; text-align: center; cursor: pointer; }
.CalendarBody li .CalendarTable table td .CalendarSelectedEndAvailable { width: 31px; height: 30px; line-height: 30px; background: #E7E2D2 url("../Image/LovelyCroatiaGraphics.png") repeat-x -192px -1135px; border-bottom: 1px solid #c0c0c0; text-align: center; cursor: pointer; }
.CalendarBody li .CalendarTable table td .CalendarSelectedEndUnavailable { width: 31px; height: 30px; line-height: 30px; background: url("../Image/LovelyCroatiaGraphics.png") repeat-x -96px -1135px; border-bottom: 1px solid #c0c0c0; text-align: center; cursor: pointer; }
.CalendarBody li .CalendarTable table td .CalendarSelectedStartAvailable { width: 31px; height: 30px; line-height: 30px; background: #E7E2D2 url("../Image/LovelyCroatiaGraphics.png") repeat-x -224px -1135px; border-bottom: 1px solid #c0c0c0; text-align: center; cursor: pointer; }
.CalendarBody li .CalendarTable table td .CalendarSelectedStartUnavailable { width: 31px; height: 30px; line-height: 30px; background: url("../Image/LovelyCroatiaGraphics.png") repeat-x -64px -1135px; border-bottom: 1px solid #c0c0c0; text-align: center; cursor: pointer; }
.CalendarBody li .CalendarTable table td .CalendarDay { width: 31px; height: 30px; line-height: 30px; text-align: center; color: #25689F; }

.CalendarLegend { float: right; }
.CalendarLegend td div.CalendarAvailable { width: 31px; height: 30px; line-height: 30px; background: #E7E2D2; border-bottom: 1px solid #c0c0c0; text-align: center; cursor: pointer; }
.CalendarLegend td div.CalendarUnavailable { width: 31px; height: 30px; line-height: 30px; background: url("../Image/LovelyCroatiaGraphics.png") repeat-x 0 -1135px; border-bottom: 1px solid #c0c0c0; text-align: center; cursor: default; }
.CalendarLegend td div.CalendarUnavailableStartAvailable { width: 31px; height: 30px; line-height: 30px; background: #E7E2D2 url("../Image/LovelyCroatiaGraphics.png") repeat-x -160px -1135px; border-bottom: 1px solid #c0c0c0; text-align: center; cursor: pointer; }
.CalendarLegend td div.CalendarUnavailableEndAvailable { width: 31px; height: 30px; line-height: 30px; background: #E7E2D2 url("../Image/LovelyCroatiaGraphics.png") repeat-x -128px -1135px; border-bottom: 1px solid #c0c0c0; text-align: center; cursor: pointer; }
.CalendarLegend td div.CalendarSelected { width: 31px; height: 30px; line-height: 30px; background: url("../Image/LovelyCroatiaGraphics.png") repeat-x -32px -1135px; border-bottom: 1px solid #c0c0c0; text-align: center; cursor: pointer; }
.CalendarLegend td div.CalendarSelectedEndAvailable { width: 31px; height: 30px; line-height: 30px; background: #E7E2D2 url("../Image/LovelyCroatiaGraphics.png") repeat-x -192px -1135px; border-bottom: 1px solid #c0c0c0; text-align: center; cursor: pointer; }
.CalendarLegend td div.CalendarSelectedEndUnavailable { width: 31px; height: 30px; line-height: 30px; background: url("../Image/LovelyCroatiaGraphics.png") repeat-x -96px -1135px; border-bottom: 1px solid #c0c0c0; text-align: center; cursor: pointer; }
.CalendarLegend td div.CalendarSelectedStartAvailable { width: 31px; height: 30px; line-height: 30px; background: #E7E2D2 url("../Image/LovelyCroatiaGraphics.png") repeat-x -224px -1135px; border-bottom: 1px solid #c0c0c0; text-align: center; cursor: pointer; }
.CalendarLegend td div.CalendarSelectedStartUnavailable { width: 31px; height: 30px; line-height: 30px; background: url("../Image/LovelyCroatiaGraphics.png") repeat-x -64px -1135px; border-bottom: 1px solid #c0c0c0; text-align: center; cursor: pointer; }
.CalendarLegend td span.LegendText { margin: 0 20px 0 10px; }