/* Stylesheet file: /../UHBase/Styles/Fonts.css */

@import url(https://fonts.googleapis.com/css?family=Zilla+Slab:400|Roboto:400,700,400italic);


/* Stylesheet file: /../Default/Styles/Template.css */

/* -- GENERAL SCREEN STYLE BUILDING BLOCKS -- */

.GCenter { text-align: center !important; }
.GRight { text-align: right !important; }
.GLeft { text-align: left !important; }
.GTop { vertical-align: top !important; }
.GMiddle { vertical-align: middle !important; }
.GBottom { vertical-align: bottom !important; }

.GFloatContainer {
	display: block;
	overflow: hidden;
	zoom: 1; }
.GFloatLeft { float: left; }
.GFloatRight { float: right; }
.GFloatClear { clear: both; }

.GFullWidth {
  width: 100%;
  *width: 95%; }                            /* For old versions of IE */
.GFitWidth { max-width: 100%; }
.GFullHeight { height: 100%; }
.GContentBox {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box; }
.GNoWrap { white-space: nowrap; }
.GCollapse { border-collapse: collapse; }
.GDefaultCursor { cursor: default; }
.GInlineBlock { display: inline-block; }
.GMakeBlock { display: block; }
.GFixedTable { table-layout: fixed; }
.GEllipsis { text-overflow: ellipsis; }

.GDarkener {
	background: #000000;
	opacity: .7;
	filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=.7); }
.GPopup {
	top: 0;
	left: 0;
	position: absolute;
	box-shadow: 3px 3px 5px #000000;
	z-index: 10; }


/* RESPONSIVE PAGE GRID */

.GColumnContainer { position: relative; }
.GColumnContainer:after {
  content: "";
  display: table;
  clear: both; }
.GColumns {
	float: left;
	margin-right: -100%;
	padding: 0;
	border: none;
	overflow: hidden; }

.GColumnContainer .last.GColumns {
	margin-right: 0;
	float: right; }

.GColumnGutter { margin-right: 30px; }

.GColumnContainer .one.GColumns { width: 6.25%; }
.GColumnContainer .two.GColumns { width: 12.5%; }
.GColumnContainer .three.GColumns { width: 18.75%; }
.GColumnContainer .four.GColumns { width: 25%; }
.GColumnContainer .five.GColumns { width: 31.25%; }
.GColumnContainer .six.GColumns { width: 37.5%; }
.GColumnContainer .seven.GColumns { width: 43.75%; }
.GColumnContainer .eight.GColumns { width: 50%; }
.GColumnContainer .nine.GColumns { width: 56.25%; }
.GColumnContainer .ten.GColumns { width: 62.5%; }
.GColumnContainer .eleven.GColumns { width: 68.75%; }
.GColumnContainer .twelve.GColumns { width: 75%; }
.GColumnContainer .thirteen.GColumns { width: 81.25%; }
.GColumnContainer .fourteen.GColumns { width: 87.5%; }
.GColumnContainer .fifteen.GColumns { width: 93.75%; }
.GColumnContainer .sixteen.GColumns { width: 100%; }

.GColumnContainer .first.GColumns { margin-left: 0%; }
.GColumnContainer .second.GColumns { margin-left: 6.25%; }
.GColumnContainer .third.GColumns { margin-left: 12.5%; }
.GColumnContainer .fourth.GColumns { margin-left: 18.75%; }
.GColumnContainer .fifth.GColumns { margin-left: 25%; }
.GColumnContainer .sixth.GColumns { margin-left: 31.25%; }
.GColumnContainer .seventh.GColumns { margin-left: 37.5%; }
.GColumnContainer .eighth.GColumns { margin-left: 43.75%; }
.GColumnContainer .ninth.GColumns { margin-left: 50%; }
.GColumnContainer .tenth.GColumns { margin-left: 56.25%; }
.GColumnContainer .eleventh.GColumns { margin-left: 62.5%; }
.GColumnContainer .twelveth.GColumns { margin-left: 68.75%; }
.GColumnContainer .thirteenth.GColumns { margin-left: 75%; }
.GColumnContainer .fourteenth.GColumns { margin-left: 81.25%; }
.GColumnContainer .fifteenth.GColumns { margin-left: 87.5%; }
.GColumnContainer .sixteenth.GColumns { margin-left: 93.75%; }

.GColumnContainer .grid15.one.GColumns { width: 6.67%; }
.GColumnContainer .grid15.two.GColumns { width: 13.33%; }
.GColumnContainer .grid15.three.GColumns { width: 20%; }
.GColumnContainer .grid15.four.GColumns { width: 26.67%; }
.GColumnContainer .grid15.five.GColumns { width: 33.33%; }
.GColumnContainer .grid15.six.GColumns { width: 40%; }
.GColumnContainer .grid15.seven.GColumns { width: 46.67%; }
.GColumnContainer .grid15.eight.GColumns { width: 53.33%; }
.GColumnContainer .grid15.nine.GColumns { width: 60%; }
.GColumnContainer .grid15.ten.GColumns { width: 66.67%; }
.GColumnContainer .grid15.eleven.GColumns { width: 73.33%; }
.GColumnContainer .grid15.twelve.GColumns { width: 80%; }
.GColumnContainer .grid15.thirteen.GColumns { width: 86.67%; }
.GColumnContainer .grid15.fourteen.GColumns { width: 93.33%; }
.GColumnContainer .grid15.fifteen.GColumns { width: 100%; }

.GColumnContainer .grid15.first.GColumns { margin-left: 0%; }
.GColumnContainer .grid15.second.GColumns { margin-left: 6.67%; }
.GColumnContainer .grid15.third.GColumns { margin-left: 13.33%; }
.GColumnContainer .grid15.fourth.GColumns { margin-left: 20%; }
.GColumnContainer .grid15.fifth.GColumns { margin-left: 26.67%; }
.GColumnContainer .grid15.sixth.GColumns { margin-left: 33.33%; }
.GColumnContainer .grid15.seventh.GColumns { margin-left: 40%; }
.GColumnContainer .grid15.eighth.GColumns { margin-left: 46.67%; }
.GColumnContainer .grid15.ninth.GColumns { margin-left: 53.33%; }
.GColumnContainer .grid15.tenth.GColumns { margin-left: 60%; }
.GColumnContainer .grid15.eleventh.GColumns { margin-left: 66.67%; }
.GColumnContainer .grid15.twelveth.GColumns { margin-left: 73.33%; }
.GColumnContainer .grid15.thirteenth.GColumns { margin-left: 80%; }
.GColumnContainer .grid15.fourteenth.GColumns { margin-left: 86.67%; }
.GColumnContainer .grid15.fifteenth.GColumns { margin-left: 93.33%; }

.GColumnContainer .first.GColumns > .GColumnGutter { margin-left: 0; }                         /* On first and last columns, reduce the margins of contained elements */
.GColumnContainer .last.GColumns > .GColumnGutter { margin-right: 0; }

/* Fill in in site-specific media queries */
.GMobileOnly { display: none !important; }
.GDesktopOnly { }


/* RESET */

input, select, textarea {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box; }
input[type=checkbox], input[type=radio] {
  border: none;
	background: none; }
img {	border: none; }


/* ACCESSIBILITY-RELATED STYLES */

.HiddenVisually {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal; }
.RemoveText { text-indent: -9999px; }


/* Stylesheet file: /../UHBase/Styles/BaseMail.css */

/* Style sheet primarily for styling confirmation mails.
	 Contains most fundamental styles for the Base.css stylesheet as well */

body, td, p, h, select, input, textarea {
	font-family: Arial, sans-serif;
	color: #000;
	font-size: 14px;
  line-height: 24px;
}

img {	border: none; }


/* -- HYPERLINKS */
a { color: #1ea657;	}
a:hover { color: #258e52; }
.Content a { font-weight: bold; }

/* -- STANDARD TAGS -- */
hr {
  border: 1px solid #e9e9e9;
	border-style: solid none none none;
	background-color: transparent;
	height: 0px; }
li { margin-left: -10px }

/* -- MISCELLANEOUS STYLES FOR USE IN VARIOUS TAGS */
.Padding { padding: 10px }
.Right, .Left { padding: 0 10px; }
.Right { text-align: right; }
.Left { text-align: left; }
.Note {
  font-size: 80%;
  line-height: 120%; }
.Red { color: #ef4035; }

/* -- Main table styles. */
/* -- Use this in all tables that have cells with borders, otherwise you'll see double border-widths. */
table.Collapse { border-collapse: collapse }

/* Headers and Titles */
h1, h2, h3, .Header, .Title, .SubTitle { font-family: Arial, sans-serif; }
h1, .Header {
	font-weight: bold;
	font-size: 180%;
	line-height: 180%;
	padding-top: 1em;
	padding-bottom: 1em; }
h2, h3, .Title, .SubTitle {
	font-size: 140%;
	line-height: 140%;
	padding: 0;
	margin: 0; }
.Title { color: #000; }
h2.Dark { color: #000; }

#pageintroduction {
	font-family: Ubuntu, Arial, sans-serif;
	margin-top: 1em; }
.PrincipalLine {
	font-family: Ubuntu, Arial, sans-serif;
	font-weight: bold; }
.Content {
	padding: 0 10px;
	background-color: #ffffff; }
.GSecondary { color: #808080; }

td.DataTitle, td.DataTitleEnd, td.DataTitleSort {
	font-family: Arial, sans-serif;
	font-weight: bold;
	padding: 10px 10px 5px;
	background-color: #a4a4a2;
  color: #fff; }
td.Data, td.DataAlternate, td.ListHead, td.ListCell {
  font-family: Arial, sans-serif;
	padding: 5px 10px;
  background: #fff; }
td.DataAlternate { background-color: #ebebe8; }


/* -- Miscellaneous table styles. */
.SummaryContent {
	width: 90%;
	padding-left: 20px;
	font-family: Arial, sans-serif; }
.BarcodeBox {
	font-family: Arial, sans-serif;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	background-color: #ffffff;
	border: 3px solid #000;
	border-radius: 8px;
	padding: 5px;
	margin-right: 2em; }

.BookingWarning {
	background-color: #fff499;
	color: #000000;
	padding: 10px; }

.EmailLogo {
  padding-left: 10px;
	background-color: #353528; }
.DontReply { font-family: Arial, sans-serif; }

.BookingSection {
  border: 2px solid #000;
  font-family: Arial, sans-serif;
	background: #ebebe8;
	padding: 10px; }
.BookingFrame {
  border: 2px solid #000;
  font-family: Arial, sans-serif;
	padding: 10px; }
.BookingInfoLabel {
	color: #ffffff;
  color: #000;
	font-family: Arial, sans-serif;
	font-style: italic;
	padding: 10px 0 5px; }
.TrackName {
  color: #000;
  font-family: Arial, sans-serif;
	font-size: 22px;
	line-height: 26px; }
.ItineraryTime {
	font-family: Arial, sans-serif;
	font-weight: bold;
  color: #000; }
.WalkerGroup {
	background-color: #ffffff;
	padding: 10px 10px 10px 0; }
.HangingNumber {
	font-family: Arial, sans-serif;
	font-weight: bold;
	line-height: 18px;
	font-size: 24px; }
.FontReminder { font-family: Arial, sans-serif; }
.WalkerPrice {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px; }
.BigTotal {
  padding-top: 10px;
  font-family: Arial, sans-serif;
  font-size: 22px;
  line-height: 26px; }

.BookingNumberBox {
	font-family: Arial, sans-serif;
	text-align: center;
	border: 2px solid #000;
	padding: 10px; }
.BookingNumber {
	font-family: Arial, sans-serif;
	font-weight: bold;
	line-height: 34px;
	font-size: 24px; }
.SummaryIntroduction { font-family: Arial, sans-serif; }

.UnconfirmedWarning {
  background-color: #fd0 !important;
  color: #000 !important;
  font-family: Arial, sans-serif;
  font-size: 16px;
  padding: 10px; }

.EmailDocLinkContainer {
  background-color: #396070;
  padding: 6px 10px;
  text-align: center; }
.EmailDocLink {
  font-weight: bold;
  color: #ffffff;
	text-transform: uppercase;
  text-decoration: none;
	white-space: nowrap; }

/* Stylesheet file: /../UHBase/Styles/Base.css */

body, td, p, h, select, input, textarea { font-family: "Roboto", Arial, sans-serif; }
html, body, form { padding: 0; margin: 0; }
html { overflow-y: scroll; }
body { background: #000; }
html.Widget, html.Widget body {
  height: 100%;
	overflow: hidden; }

/* -- GENERAL SCREEN STYLE BUILDING BLOCKS -- */
.GSmallPadding { padding: 0.5em; }
.GStandardPadding { padding: 1em; }
.GVerticalBlock { padding: 1em 0; }
.GHorizontalBlock { padding: 0 1em; }
.GBlock { padding: 1em; }
.GBoxDecoration1, .GBoxDecoration2 {
	border-radius: 8px;
	overflow: hidden; }
.GBoxDecoration1 {
	color: #000;
	background-color: #ffffff; }
.GBoxDecoration2 {
	border: 3px solid #000;
	color: #000; }
.GBoxDecoration2 > p { color: #000; }
.GBoxDecoration3 {
	background-color: #ffffff;
	border-radius: 5px; }

.GPopup {
  border: 3px solid #1da657;
	box-shadow: 3px 3px 8px rgba(0, 0, 0, .5);
	background-color: #ffffff;
	border-radius: 8px; }
.GPopupClose {
	font-weight: normal;
	padding-left: 20px;
	min-height: 16px;
	background: url(/Bookings/UHCustomer/../UHBase/Images/Close.png) transparent no-repeat left center; }
.GPopup h2 {
	padding: 2px 10px; }


/* Default settings */
.GColumnContainer {
	text-align: left;
	margin: 0 auto;
	width: 940px; }


/* Main Page elements */
#popup-content { background-color: #ffffff; }
#Document { background-color: #fff; }

/* -- Heading styles. */
h1, h2, h3, .Header, .Title, .SubTitle {
  font-family: "Zilla Slab", Arial, sans-serif;
  font-weight: normal }
.Header { padding-top: 0; }
.LogoHeader {
	height: 133px;
	background: #000; }
.Logo {
	float: left;
	width: 230px;
	height: 133px;
	background: url(/Bookings/UHCustomer/../UHBase/Images/Logo.png) no-repeat transparent top left; }
.Qalmark {
	float: right;
	margin-top: 40px;
  margin-right: 20px;
	width: 90px;
	height: 48px;
	background: url(/Bookings/UHCustomer/../UHBase/Images/Qalmark.png) no-repeat transparent top left; }
.Content { padding: 20px 20px 30px 20px; }

/* -- Footer -- */
.Navigation {
	background-color: #fff;
	padding: 0 20px 20px; }
.Footer {
	font-size: 95%;
	color: #A09F91;
	background-color: #000;
	padding: 20px; }
.BusinessInfo {
	padding-left: 2.2em;
	margin: 0;
	float: left; }
.BusinessInfo li {
	float: left;
	margin-right: 3em; }
.BusinessInfo a {
	text-decoration: none;
	color: #ffffff; }
.BusinessInfo a:hover { text-decoration: underline; }
.Copyright { float: right; }
.Copyright p, .Copyright a {
	padding: 0;
	margin: 0 0 1em;
	color: #aeaeae;
	font-size: 95%; }

.BarcodeBox { font-family: "Roboto", Arial, sans-serif; }
.BarcodeBox img { max-width: 100%; }

#booking-note { margin-top: 10px; }


/* -- ERRORS */
.Error {
	position: relative;
	color: #f52424;
  border: 2px solid #f52424;
  border-radius: 20px;
	padding: 10px 10px 10px 20px;
	font-weight: bold;
  overflow-y: hidden;
	overflow-x: auto;
  margin-bottom: 1em; }
.Error hr { border: 1px solid #fff; }
.Error a { color: #fff; }
.PageError { margin-bottom: 1em; }


/* -- Form field styles -- */
input, select, textarea {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 1px;
	border: 1px solid #d9d9d9; }
textarea { resize: vertical; }
input.checkbox, input.radio {
  border: none;
	background: none; }
select { color: #000; }
input.text, input[type=text] {
	text-align: left;
	color: #000;
	padding: 2px; }
input:disabled, select:disabled, textarea:disabled {
  background-color: transparent;
  border: 1px solid #bbb;
  color: #999; }

input[type=radio] {	background-color: transparent; }
span.InputLabel {
	font-weight: bold;
	color: #000; }
.Disabled { color: #aaaaaa; }
input.Disabled, textarea.Disabled, select.Disabled { background-color: #ffffff; }

/* Tables */
td.DataTitle, td.DataTitleEnd, td.Data, td.DataAlternate, td.DataTitleSort {
  font-family: "Roboto", sans-serif; }
td.DataTitleSort { padding: 0; }
td.DataTitleSort a {
  display: block;
  white-space: nowrap;
  padding: 10px 10px 5px;
  color: #fff;
  text-decoration: none;
  font-weight: normal; }
td.DataTitleSort a.SortAsc, td.DataTitleSort a.SortDesc {
  font-weight: bold;
  padding-right: 20px; }
td.DataTitleSort a.SortAsc { background: url(/Bookings/UHCustomer/../UHBase/Images/ArrowDown.gif) transparent no-repeat right center; }
td.DataTitleSort a.SortDesc { background: url(/Bookings/UHCustomer/../UHBase/Images/ArrowUp.gif) transparent no-repeat right center; }
td.DataTitleSort a:hover { background-color: #bfbfbc; }
td.DataTitleSort a.Disabled {
  pointer-events: none;
  cursor: default; }
td.DataTitleSort a.Disabled:hover { background-color: transparent; }
td.SmallData, td.SmallDataHead { padding: 0.2em 0.7em 0.2em 0; }
td.SmallData { font-weight: bold; }

/* -- BUTTONS -- */
div.Button, div.ButtonOn, div.ButtonBottom, div.ButtonBottomOn, div.ButtonClose, div.ButtonCloseOn, div.ButtonForm, div.ButtonFormOn, div.ButtonLeft, div.ButtonLeftOn, div.ButtonList, div.ButtonListOn, div.ButtonPhotos, div.ButtonPhotosOn, div.ButtonPrint, div.ButtonPrintOn, div.ButtonRight, div.ButtonRightOn, div.ButtonSave, div.ButtonSaveOn, div.ButtonScheduleRight, div.ButtonScheduleRightOn, div.ButtonScheduleLeft, div.ButtonScheduleLeftOn, td.ButtonTableRight, td.ButtonTableRightOn, div.ButtonTop, div.ButtonTopOn, div.ButtonReturn, div.ButtonReturnOn {
	text-decoration: none;
  height: 35px;
	vertical-align: middle;
	border-radius: 20px;
  background: #1da657; }
div.ButtonOn, div.ButtonBottomOn, div.ButtonCloseOn, div.ButtonFormOn, div.ButtonLeftOn, div.ButtonListOn, div.ButtonPhotosOn, div.ButtonPrintOn, div.ButtonRightOn, div.ButtonSaveOn, div.ButtonScheduleRightOn, div.ButtonScheduleLeftOn, td.ButtonTableRightOn, div.ButtonTopOn, div.ButtonReturnOn {
	background: #258e52; }
div.ButtonDisabled {
	background: #e9e9e9;
	height: 35px;
	border-radius: 20px; }
div.ButtonReplace {
	font-size: 80%;
	font-style: italic;
	font-weight: normal;
	text-align: center;
  line-height: 35px;
	height: 35; }

div.ButtonLeft { background: #000; }
div.ButtonLeftOn { background: #494949; }

div.FloatLeft {
	float: left;
	margin-right: 5px; }
div.FloatRight {
	float: right;
	margin-left: 5px; }
div.DefaultFrame, div.DefaultFrameOn {
  position: relative;
	border-radius: 7px; }
div.DefaultFrameOn { }

input.Button, input.ButtonLeft, input.ButtonRight, a.Button, a.ButtonLeft, a.ButtonRight {
	font-family: "Roboto", Arial, sans-serif;
  font-size: 95%;
	font-weight: bold;
	text-align: center;
	color: #ffffff; }
input.Button, input.ButtonLeft, input.ButtonRight {
	width: 100%;
  height: 100%;
  cursor: hand;
	border: none;
	padding: 0 15px;
	background-color: transparent;
	cursor: pointer; }
a.Button, a.ButtonLeft, a.ButtonRight {
	text-decoration: none;
	display: block;
	white-space: nowrap;
	padding: 6px 10px; }

input.ButtonLeft { padding: 0px 10px; }
input.ButtonRight, input.ButtonForgotPassword {	padding: 0px 10px; }
div.ButtonList input.ButtonRight, div.ButtonListOn input.ButtonRight { text-transform: none; }

a.Button:hover, a.ButtonLeft:hover, a.ButtonRight:hover { text-decoration: none; }

/* Processing */
.ProcessingWindowProgressBar {
	border: 2px solid #000;
	background-color: #ffffff;
	border-radius: 5px;
	padding: 2px; }
.ProcessingWindowProgressBlock {
	border-radius: 2px;
	background-color: #1da657; }


/* -- Special PRINT BAR -- */
.PrintBar {
	padding: 20px; }
@media print {
  .PrintBar { display: none; }
}



/* -- Ultimate Hikes specific styles -- */


/* Progress bar */
.ProgressIndicator { margin-bottom: 0.5em; }
.ProgressStep {
  overflow: hidden;
  color: #000;
  white-space: nowrap; }
.ProgressNumber, .ProgressDescription {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0.5em; }
.ProgressNumber {
  font-size: 130%;
  line-height: 130%;
  border: 2px solid #000;
	padding: 3px 9px;
	border-radius: 50px;
  margin-right: 0.2em; }
.ProgressDescription {
  font-size: 90%;
  margin-right: 1em; }
.ProgressStep.Active .ProgressNumber {
  border-color: #1da657;
	background-color: #1da657;
	color: #fff; }
.ProgressStep.Done .ProgressNumber, .ProgressStep.Done .ProgressDescription {
  color: #808080;
	border-color: #808080; }
.ProgressStep.Done .ProgressNumber {
  text-indent: -9999px;
  width: 0.55em;
  background: url(/Bookings/UHCustomer/../UHBase/Images/Tick.gif) transparent no-repeat center center; }

/* Sidebar */
.SideBarTotals h2 {
	margin-top: 0;
	padding: 0; }
SideBarTotals a { color: #6f9798; }
.SideBarTotalTable td {
	color: #808080;
	padding: 0.2em 0;
	vertical-align: top; }
.SideBarTotalTable .Price {
	font-weight: bold;
	color: #000; }
.SideBarTotals .Note { color: #000; }
.SideBarTotalRow span.TotalPrice {
	font-size: 120%;
	font-weight: bold; }
.SideBarTotalRow {
	line-height: 180%;
	color: #000;
	margin-top: 2em; }
.SideBarTotalRow span.TotalPrice { font-size: 170%; }
.SideBarTotalTable .RoomType {
	font-size: 110%;
	padding-top: 1em; }
.SideBarTotalTable .DeparturePrice { padding: 0.4em 0 0 0; }
.SideBarTotalTable .AllocNote {
  font-size: 80%;
  font-style: italic;
  padding: 0;
  color: #f20; }
.SideBarTotals .ItineraryText {
	font-size: 90%;
	margin-top: 0.5em;
	color: #808080; }
.SideBarTotals .ItineraryTime {
  color: #000;
	font-weight: bold; }
.SidebarCommand {
  display: block;
  padding: 0.2em 0; }

/* BigTabs */
.BigTabs {
  overflow: hidden;
  position: relative;
  border-bottom: 1.5em solid #fff;
  padding-left: 1em; }
.BigTabsBorder {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  border-bottom: 3px solid #1da657; }
a.BigTab {
  display: inline-block;
  position: relative;
  top: 8px;
  border: 3px solid #808080;
  background-color: #fff;
  color: #000;
  padding: 10px 15px 18px;
  text-decoration: none;
  border-radius: 8px 8px;
  vertical-align: bottom;
  font-weight: normal; }
a.BigTab:hover {
  border-color: #000;
  color: #000; }
a.BigTab.Selected {
  z-index: 1;
  font-weight: bold;
  padding-bottom: 28px;
  border-color: #1da657;
  color: #fff;
  background-color: #1da657;
  cursor: default;
  margin-bottom: -8px;
  margin-top: -8px; }
a.BigTab .RoomType {
  font-weight: normal;
  color: #808080; }
a.BigTab.Selected .RoomType { color: #fff; }
a.BigTab.Disabled {
  border: 3px solid #e9e9e9;
  color: #e9e9e9;
  cursor: default; }
a.BigTab.Disabled .RoomType { color: #808080; }
a.BigTab.Selected:hover, a.BigTab.Disabled:hover { background-color: #1da657; }


/* Departure page */

.TrackChart { margin-bottom: 20px; }
.TrackTitle {
	margin: 2px 2px 0 2px;
	border-radius: 5px 5px 0 0;
	color: #000; }
.TrackTitle h2 { color: #1da657; }
.TrackComment { margin-top: 1em; }
.TrackChart h2 {
	line-height: 30px;
	margin: 0;
	padding: 0; }
.TrackChartArea { padding-top: 1em; }
.TrackCalNavBar {
	border-radius: 20px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background: #1ea657; }
.TrackCalBrowsePrev, .TrackCalBrowseNext {
	display: block;
	width: 29px;
	height: 28px;
	border: 1px solid #ffffff;
	background: url(/Bookings/UHCustomer/../Default/Images/CalendarLeft.gif) no-repeat #000 center center; }
.TrackCalBrowsePrev {
	float: left;
	border-style: none solid none none; }
.TrackCalBrowseNext {
	float: right;
	border-style: none none none solid;
	background-image: url(/Bookings/UHCustomer/../Default/Images/CalendarRight.gif); }
.TrackCalBrowsePrev:hover, .TrackCalBrowseNext:hover { background-color: #494949; }
.TrackCalBrowseMonth {
  font-size: 90%;
  padding: 0; }

.ChartFrame {
	margin-top: 5px;
	position: relative;
	overflow: hidden;
	transition: height 0.2s ease; }
.ChartLoading {
	min-height: 64px;
	background: url(/Bookings/UHCustomer/../UHBase/Images/ChartLoading.gif) #fff no-repeat center center; }
.ChartLeftLegend {
	float: left;
	background-color: transparent;
	position: relative;
  width: 20em;
	z-index: 2; }
.ChartLeftLegend.Short { width: 11em; }
.ChartRoomTypeCategoryHeight {
  background-color: #e9e9e9;
  height: 50px !important; }
.ChartRoomTypeCategory {
  cursor: default;
  font-size: 110%;
  padding-top: 15px;
  font-weight: bold;
  padding-left: 0.5em;
  color: #000;
  line-height: 35px;
  white-space: nowrap; }
.ChartRoomTypes {
  width: 100%;
  display: table; }
.ChartRoomTypeHolder {
	cursor: default;
	display: table-row; }
.ChartRoomType, .ChartRoomTypePlaceHolder {
  background-color: #fff;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-right: 10px;
  padding-left: 0.5em;
  border-bottom: 1px solid #DDDDDA; }
.ChartRoomTypePlaceHolder {
  width: 0px;
	overflow: hidden; }
td.ChartRoomTypeInfo, td.ChartRoomTypePricing, .ChartRoomTypePricingHeader {
  width: 35%;
  padding-left: 0.5em;
  text-align: left;
  font-size: 80%;
  line-height: 18px; }
td.ChartRoomTypePricing, .ChartRoomTypePricingHeader { text-align: right; }
.ChartRoomTypePricingHeader {
  color: #000;
  padding-right: 10px; }
.ChartRoomTypeCategoryHeight .ChartRoomTypePricingHeader { background-color: #e9e9e9; }
.ChartLeftLegend.Short .ChartRoomTypePricingHeader { width: auto; }
.ChartRoomTypeName, .ChartPriceType, .ChartRoomTypePrice { line-height: 18px; }
.ChartRoomTypeName {
  color: #000;
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 0.3em;
  white-space: nowrap; }
.ChartRoomTypeDescription {
  line-height: 120%;
  white-space: nowrap;
  color: #000; }
.ChartRoomTypePrice {
  line-height: 15px;
  font-size: 130%;
  font-weight: bold; }
.ChartRoomTypeDarker { color: #000; }
img.ChartRoomTypeImage { border-radius: 8px; }
.ChartTopHeight { height: 3.2em; }
.ChartBackground { background-color: #e9e9e9; }
.ChartCellHeight { height: 8em; }
.ChartTopRow .MonthSelector {
  display: inline-block;
  padding-left: 0.5em;
  vertical-align: middle; }
.ChartTopRow .MonthSelector select { font-size: 100%; }

.ChartSlider {
	position: absolute;
	top: 0;
	overflow: hidden;
	white-space: nowrap;
	z-index: 1; }
.ChartColumn {
  display: inline-block;
	width: 5.5em;
	vertical-align: middle; }
.ChartColumnLoading {
	height: 64px;
	background: url(/Bookings/UHCustomer/../UHBase/Images/ChartLoading.gif) #fff no-repeat center center; }
a.ChartColumn {
	font-weight: normal;
	text-decoration: none;
	cursor: pointer; }
.ChartColumnMonthSeparator {
  display: inline-block;
  font-size: 120%;
	vertical-align: middle;
  line-height: 150%;
  background-color: #a39c7d;
  padding: 0 1em;
  color: #e6e2cf; }
.ChartColumnMonthSeparator.Multi {
  font-size: 150%;
  width: 6em;
  padding: 0;
  -webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);
  transform: rotate(270deg); }
.ChartColumnMonthSepBlock {
  display: inline-block;
  width: 2em; }

.ChartTopLegend, .ChartCell {
	display: block;
	text-align: center; }
.ChartTopLegend {
  line-height: 18px;
  font-weight: bold;
	color: #000;
	overflow: hidden;
	white-space: nowrap;
  padding-top: 0.3em; }
.ChartTopRow { background-color: #fff; }
a.ChartColumn:hover .ChartTopLegend { background-color: #f7f7f7 !important; }
.ChartCell {
  height: 8em;
  border-bottom: 1px solid #DDDDDA; }
.ChartCellAvailable, .ChartCellLowAvailability, .ChartCellSoldOut, .ChartCellUnavailable { background-color: #ffffff; }
.ChartCellAvailable, .ChartCellLowAvailability { color: #000; }
.ChartCellSoldOut { color: #f20; }
.ChartCellUnavailable { color: #A4A4A2; }
.ChartColumn:hover .ChartCellAvailable, .ChartColumn:hover .ChartCellLowAvailability, .ChartColumn:hover .ChartCellSoldOut { background-color: #f7f7f7; }
.ChartCellCenterHelper {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }
.ChartCellText {
  display: inline-block;
  vertical-align: middle;
  white-space: normal; }

.ChartNoEvents {
	width: 100%;
	color: #ff0000;
	font-weight: bold;
	text-align: center;
	line-height: 10em; }
.ChartEmptyLegend {
  width: 1px;
  height: 10em; }

a.TrackButton, .TrackIntro {
  display: block;
  margin-top: 1em;
  padding: 0.5em 1em;
  background: #000;
  border-radius: 20px;
  color: #fff;
  text-decoration: none; }
a.TrackButton:hover { background: #494949; }


.PopupAllocationSelector {
	position: absolute;
	border: 5px solid #000;
	z-index: 2; }
.PopupHidden {
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	visibility: hidden;
	opacity: 0; }
.PopupVisible {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.5s ease-out; }
.PopupVisible .ChartTopLegend {
  background-color: #fff;
  color: #000;
	border-bottom: 1px solid #DDDDDA; }
.PopupCell {
	height: 8em;
	text-align: center;
	overflow: hidden;
  border-bottom: 1px solid #DDDDDA; }
.PopupCellCentered { line-height: 7em; }
.PopupCellStatus {
  font-weight: bold;
  display: inline-block;
	padding: 4px 0 10px; }
.PopupCell label {
  font-size: 80%;
  color: #000;
  font-weight: normal;
  display: block;
  margin-bottom: 0.7em; }
.PopupCell select { background-color: #ffffff; }
.PopupCell select:disabled { background-color: #e7e7e7; }
.PopupTotals {
  background-color: #fff;
  font-size: 80%;
  color: #1da657;
	text-align: center;
	padding: 5px; }
.PopupCellError {
  background-color: #f20;
  color: #fff; }
.PopupCellError label { color: #faa; }
.PopupCellErrorHeader {
  text-align: center;
  font-style: italic;
  color: #fff;
  padding: 3px;
  height: auto;
  border-bottom: 4px solid #900; }
.PopupCellSeparator { background-color: #e9e9e9; }


/* Special Offer UI */

a.SpecialOffers, .TrackIntro { background: #1ea657; !important }
a.SpecialOffers:hover { background: #258e52; !important }
h2.SpecialOffers { color: #1ea657; !important }
.TrackCalNavBar.SpecialOffers { background: #1ea657; !important }
.SpecialOffersInfo { color: #1ea657;}


/* Walker Details */

.WalkerSection { overflow: hidden; }
.WalkerVisible {
	position: static;
	top: auto;
	left: auto; }
.WalkerInvisible {
	position: absolute;
	top: -9999px;
	left: -9999px;
	max-height: 0; }
.WalkerRoomShare { margin-bottom: 2em; }
.WalkerRoomShare:last-child { margin-bottom: 20px; }
.WalkerRoomShare hr {
	margin-top: 1em;
	margin-left: 10px;
	margin-right: 10px;
	border-top: 2px dashed #ffffff;
	height: 1em;
	background: none; }
.WalkerRoomShare h2 {
	margin: 0;
	padding: 10px 38px 7px 10px;
	background: url(/Bookings/UHCustomer/../UHBase/Images/WalkerRight.png) transparent no-repeat 98% center;
	cursor: pointer; }
.WalkerRoomShare h2.Expanded { background-image: url(/Bookings/UHCustomer/../UHBase/Images/WalkerDown.png); }
.WalkerFrame {
  padding: 7px 7px 7px;
  background-color: #e9e9e9;  }
.FormRow .Note { color: #808080; }
.FormRow { padding: 0.2em 0; }
.FormRow .FormElement {
	margin-top: 0.2em;
	display: inline-block;
  line-height: 1.8em; }
.FormRow .FormElement.Indented {
	display: block;
	padding-left: 1.5em; }
.FormRow .FormElement.Unindented { display: block; }
.FormElementError {
	display: block;
	color: #f52424;
	font-size: 90%;
	font-style: italic;
	padding: 0.2em 0.5em;
  line-height: 1.4; }
.FormRow label, .FormRow .LabelBlock {
	text-align: right;
	display: inline-block;
	min-width: 8em; }
.FormRow label.MultiLine { line-height: 1.3em; }
.Indented label, .Unindented label { text-align: left; }
.FormRow label.AutoFeatureFormCheckbox { text-align: left; }
.FormRow label.TwoLine {
  text-align: left;
  min-width: 0; }
.FormRow input.Width, .FormRow select.Width { min-width: 14em; }
.FormRow textarea.Width, .FormRow div.Width { width: 14em; }
.FormRow input.MaxWidth, .FormRow select.MaxWidth { max-width: 100%; }
.FormRow .FormField {
  display: block;
  overflow: hidden; }
.FormRow .RightPad { padding-right: 0.7em; }
.FormRow .FeatureNote {
  font-size: 90%;
  display: block;
  margin: 0.2em 0;
  color: #808080; }
.Mandatory {
  font-size: 80%;
	color: #f20; }
.Info {
	margin-left: 1em;
	color: #808080;
	font-style: italic; }
.ErrorMessage {
  padding: 2px 5px;
  margin-bottom: 0.5em;
  color: #f30;
  background-color: #ffeecb; }
.RepeatWalkerDefault.Note, .RepeatWalkerFound.Note, .RepeatWalkerNotFound.Note, .RepeatWalkerRejected.Note { font-size: 100%; }
.RepeatWalkerFound, .RepeatWalkerNotFound { display: none; }
.RepeatWalker .RepeatWalkerLink { display: none; }
.RepeatWalker .RepeatWalkerDefault, .RepeatWalkerRejected .RepeatWalkerDefault { display: none; }
.RepeatWalker .RepeatWalkerFound { display: inline; }
.RepeatWalkerRejected .RepeatWalkerNotFound {
  overflow: hidden;
  padding: 0.3em 1em;
  display: block;
  background-color: #f20;
  color: #fff;
  border-radius: 5px; }
.RepeatWalkerRejected .RepeatWalkerNotFound a { color: #fff; }
.UserEnteredItem {
  font-weight: bold;
  color: #1da657; }
.InfoMessage {
  color: #919311;
  background-color: #feffcf;
  font-style: italic;
  padding: 5px 10px;
  margin: 1em 0; }
.PageInfoMessage { padding: 10px; }
.EditingCutOffMessage {
  color: #f20;
  border: 1px solid #f20;
  padding: 10px 20px;
  border-radius: 4px;
  margin-bottom: 1em; }


/* Review page */

.SummaryWalkerGroup { margin-bottom: 1em; }
.SummaryWalker { margin-bottom: 1em; }
.SummaryWalkerGroup:last-child, .SummaryWalker:last-child { margin-bottom: 0; }
.HangingNumber {
	float: left;
	position: relative;
	top: -0.2em;
	overflow: hidden;
	margin-right: 0.5em;
	font-size: 16pt;
	line-height: 24pt; }
.WalkerDetails { overflow: hidden; }
.BookingInfo { color: #000; }
.BookingInfoLabel {
	font-family: "Roboto", Arial, sans-serif;
	padding: 0;
	margin-top: 1em;
	margin-bottom: 0.4em; }
.BookingItinerary td {
	vertical-align: top;
	font-size: 90%;
	padding-right: 0.5em; }
.ItineraryTime {
  font-family: "Roboto", Arial, sans-serif;
	white-space: nowrap;
	font-weight: bold; }
.JustBigger {
  font-size: 180%;
  line-height: 220%; }
.UnconfirmedWarning {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 100%;
  margin-bottom: 1em; }
.SummaryChanged, .SummaryChangedBox { background-color: #feffa9; }
.SummaryChanged {
  overflow: hidden;
  padding: 5px; }
.SummaryStatus {
  text-transform: uppercase;
  display: inline-block;
  font-size: 75%;
  font-weight: bold;
  color: #ebebe8;
  background-color: #000;
  padding: 0 5px;
  border-radius: 5px;
  cursor: default; }

/* Login sites */
.Banner {
  padding: 6px 20px;
  background-color: #e9e9e9;
  color: #808080; }
.BannerName {
  font-weight: bold;
  color: #000; }
a.BannerLink {
  display: inline-block;
  padding: 4px 15px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 95%;
  border-radius: 20px;
  margin-left: 0.5em;
  background: #1da657; }
a.BannerLink:hover {
  color: #fff;
  background: #258e52; }
.AgentBannerViewOnlyMode {
  background-color: #feffa9;
  cursor: default;
  margin-top: 5px;
  display: inline-block;
  padding: 3px 10px;
  border-radius: 5px;
  color: #97984c; }

/* Login notes */
.LoginNote {
  margin-bottom: 0.7em;
  border: 1px solid #cfd07a;
  border-radius: 8px;
  background-color: #feffcf;
  overflow: hidden; }
.LoginNoteTitleBar {
  margin-top: 0.1em;
  padding: 0.5em 1em;
  text-decoration: none;
  background: url(/Bookings/UHCustomer/../UHBase/Images/NoteClosed.png) transparent no-repeat 1em center; }
.LoginNote.Expanded .LoginNoteTitleBar, .LoginNoteTitleBar:hover { background-color: #feffa9; }
.LoginNote.Expanded .LoginNoteTitleBar { background-image: url(/Bookings/UHCustomer/../UHBase/Images/NoteOpen.png); }
.LoginNote.Read {
  border: 1px solid #ccc;
  background-color: #fff; }
.LoginNoteAside {
  color: #97984c;
  font-weight: normal; }
.LoginNote.Expanded.Read .LoginNoteTitleBar, .LoginNote.Read .LoginNoteTitleBar:hover { background-color: #efefe8; }
.LoginNote.Read .LoginNoteAside { color: #808080; }
.LoginNoteTitle {
  padding-left: 20px;
  font-size: 120%; }
.LoginNoteContent {
  border-top: 1px solid #eee;
  display: none;   }
.LoginNote.Expanded .LoginNoteTitleBar, .LoginNoteTitleBar:hover {  }
.LoginNote.Expanded .LoginNoteContent { display: block; }
.NoteReadComment {
  color: #777;
  margin-top: 1em;
  font-style: italic;
  font-size: 80%; }


/* Responsive grid layout adjustments for screen sizes */

/* Different size screens */
@media only screen and (min-width: 1280px)  {
body, td, p, h, select, input, textarea {
  font-size: 16px;
  line-height: 25px; }
.GColumnContainer { width: 1240px; }
.ChartCellHeight, .ChartCell, .PopupCell { height: 7em; }
.ProgressNumber { padding: 1px 9px; }
}

@media only screen and (min-width: 768px) and (max-width: 1023px)  {
.GColumnContainer { width: 748px; }
.FormRow input.Width, .FormRow select.Width { min-width: 12em; }
.FormRow textarea.Width, .FormRow div.Width { width: 12em; }
}

/* Smaller screens/mobile */
@media only screen and (max-width: 767px) {
.GColumnContainer { width: 100%; }
.GColumns {
	margin-right: 0 !important;
	float: none;
	width: 100% !important;
	margin-left: 0 !important;
	margin-top: 0.5em; }
.GColumns > .GColumnGutter {
  margin-left: 0;
	margin-right: 0; }

div.FloatLeft, div.FloatRight {
	margin: 0;
	float: none; }
div.FloatLeft > div, div.FloatRight > div, div.ButtonExpander > div { width: auto !important; }
div.FloatLeft > div, div.FloatRight > div {	margin-bottom: 0.5em; }

.BusinessInfo, .Copyright {
	float: none;
	text-align: center; }
.BusinessInfo li {
  display: inline-block;
	float: none; }
.Copyright p { margin: 0; }
.SideBarTotals {
	margin-top: 2em;
	position: static;
	width: auto; }
.ProgressStep .ProgressDescription { display: none; }
.ProgressStep.Active .ProgressDescription { display: inline; }
}

/* Stylesheet file: /../UHCustomer/Styles/Embedded.css */

/* Default settings */
html { overflow-y: auto; }
body { background: transparent; }
.GColumnContainer {
  text-align: left;
  margin: 0;
  width: 100%; }

/* -- Footer -- */
.Footer { padding: 0; }


/* Responsive grid layout adjustments for screen sizes */

/* Different size screens */
@media only screen and (min-width: 1280px)  {
body, td, p, h, select, input, textarea {
  font-size: 16px;
  line-height: 25px; }
.GColumnContainer { width: 100%; }
.LogoHeader, .Content { padding: 20px; }
.Footer { padding: 0; }
}

@media only screen and (min-width: 768px) and (max-width: 1023px)  {
.GColumnContainer { width: 100%; }
}