/* [[[ Main Styles ]]] */
html {
		overflow-y: scroll;
}

html, body {
		background-color: #FEFEFE;
		font-family: Arial, "Helvetica Neue", "HelveticaNeue", Helvetica, "Lucida Grande", sans-serif;
		font-size: 14px;
}

h1 {
		color: #666666;
		font-size: 24px;
		letter-spacing: 0.07em;
		font-weight: normal;
}

h2 {
		color: #666666;
		font-size: 16px;
		letter-spacing: 0.07em;
}

h3 {
		color: #666666;
		font-size: 16px;
		letter-spacing: 0.07em;
		font-weight: normal;
}

h4 {
		color: #666666;
		font-size: 18px;
		letter-spacing: 0.07em;
		font-weight: normal;
}

h5 {
		color: #666666;
		font-size: 14px;
		letter-spacing: 0.07em;
		font-weight: 600;
}

p {
		font-size: 14px;
		color: #666666;
}

		p.title_description {
				margin-bottom: 5px;
				margin-top: 18px;
				margin-left: 10px;
				float: left;
		}

span {
		font-size: 14px;
		color: #666666;
}

input[type="text"], input[type="number"], input[type="password"] {
		border: 1px solid #B3B3B4;
		padding-left: 15px;
}

textarea {
		resize: none;
}

/* Language Spans */
span.h2span {
		color: #666666;
		font-size: 16px;
		letter-spacing: 0.07em;
}

/* Select for small screens*/
select {
	height: 40px !important;
	color: rgba(0, 0, 0, 0.75);
	border-radius: 2px;
	font-size: 14px;
	background: #fafafa;
	outline: none !important;
	border: 1px solid #B3B3B4;
	text-indent: 7px;
	-webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
}

/* [[[ Modal Windows ]]] */
#mdResExpired, #mdSessionExpired, #mdTALogin, #mdGroupLogin, #mdMessage, #mdCCMessage #mdRateDetail, #mdAbandonment {
		padding: 15px;
}

.reveal-modal .expiry_container,
.reveal-modal .message_container,
.reveal-modal .ta_container,
.reveal-modal .gp_container,
.reveal-modal .ratedetail_container,
.reveal-modal .abandonment_container {
		background-color: #F1F1F1;
		padding: 20px;
}

#mdTALogin .ta_container div.custom.dropdown ul {
		max-height: 200px;
		overflow-y: scroll;
}

#btnCCConfirmNo {
		margin-left: 25px;
}

/* [[[ Fancy Box ]]] */
.fancybox-nav span {
		visibility: visible;
		opacity: 0.5;
}

.fancybox-nav:hover span {
		opacity: 1;
}

.fancybox-next {
		right: -13px;
}

.fancybox-prev {
		left: -13px;
}

/* [[[ Arrows ]]] */
.arrow-up {
		position: absolute;
		top: 11px;
		right: 15px;
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #FFF;
}

.arrow-down {
		position: absolute;
		top: 11px;
		right: 15px;
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #FFF;
}

.arrow-left {
		position: absolute;
		top: 11px;
		left: 15px;
		width: 0;
		height: 0;
		border-bottom: 10px solid transparent;
		border-right: 10px solid #FFF;
		border-top: 10px solid transparent;
}

.arrow-right {
		position: absolute;
		top: 11px;
		right: 15px;
		width: 0;
		height: 0;
		border-left: 10px solid #FFF;
		border-bottom: 10px solid transparent;
		border-top: 10px solid transparent;
}

		.arrow-up:hover, .arrow-down:hover, .arrow-left:hover, .arrow-right:hover {
				cursor: pointer;
		}

/* [[[ Progress Circle ]]] */
.progress40 {
		background: #FFF url( '../images/ProgressCircle_40px_New.gif' ) no-repeat;
		height: 40px;
		width: 40px;
}

.progress20 {
		background: #FFF url( '../images/ProgressCircle_20px.gif' ) no-repeat;
		height: 20px;
		width: 20px;
}

/* [[[ Main Content Styles ]]] */
#Content {
		padding: 20px 40px 40px;
		margin: 0;
		background: #F1F1F1;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
}

/* [[[ TA Nav Panel ]]] */
.ta_nav_bar {
		list-style: none;
		margin-bottom: 0;
		float: right;
}

		.ta_nav_bar > li {
				float: left;
				width: 150px;
		}

				.ta_nav_bar > li > a {
						color: #666;
						text-decoration: underline;
				}

/* [[[ TA Modal ]]] */
#btnta_cancel, #btnta_logout {
		margin-right: 20px;
}

#btnGPCancel {
		margin-right: 20px;
}

#lblShowDetails {
		line-height: 28px;
		text-decoration: underline;
}

/* [[[ Navigation Panel ]]] */
.nav_bar_panel {
		background: #C6C6C6;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
}

.pre_nav_bar {
		width: 160px;
		background: #FEFEFE;
		float: left;
		-moz-border-top-left-radius: 5px;
		-ms-border-top-left-radius: 5px;
		-o-border-top-left-radius: 5px;
		border-top-left-radius: 5px;
		-moz-border-bottom-left-radius: 5px;
		-ms-border-bottom-left-radius: 5px;
		-o-border-bottom-left-radius: 5px;
		border-bottom-left-radius: 5px;
		text-align: center;
}

		.pre_nav_bar > h2 {
				color: #67771F;
				margin-bottom: 11px;
				margin-top: 12px;
		}

.nav-bar {
		background: none;
		margin-left: 50px;
}

		.nav-bar > li {
				border: none;
				box-shadow: none;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				line-height: 40px;
		}

				.nav-bar > li:first-child {
						border: none;
						box-shadow: none;
						-webkit-box-shadow: none;
						-moz-box-shadow: none;
				}

				.nav-bar > li:last-child {
						border: none;
						box-shadow: none;
						-webkit-box-shadow: none;
						-moz-box-shadow: none;
				}

				.nav-bar > li.res_steps.active {
						background: #666666;
				}

						.nav-bar > li.res_steps.active:hover {
								background: #666666;
								cursor: default;
						}

				.nav-bar > li > a:first-child {
						color: #FFF;
						font-size: 16px;
						font-weight: bold;
						letter-spacing: 0.07em;
						text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
				}

				.nav-bar > li.new-res {
						display: none;
				}

/* [[[ Navigation Mobile ]]] */
.mobile_header {
		background: #666;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
}

.nav_bar_mobile_prev {
		padding: 0;
}

.nav_bar_mobile_title {
		background: #666;
		height: 40px;
		text-align: center;
}

		.nav_bar_mobile_title > span.mobile_title {
				line-height: 40px;
				color: white;
				font-weight: bold;
				font-size: 16px;
		}

/* [[[ Form Inputs ]]] */
input[type="text"], input[type="password"] {
		height: 40px;
		float: left;
		font-weight: normal;
}

form.custom div.custom.dropdown {
		height: 40px;
}

		form.custom div.custom.dropdown a.current {
				line-height: 38px;
				min-height: 40px;
				padding-left: 15px;
				border: solid 1px #B3B3B4;
				font-weight: normal;
				color: #666;
				font-size: 0.9em;
		}

				form.custom div.custom.dropdown a.current.error {
						background-color: rgba(198, 15, 19, 0.1);
				}

		form.custom div.custom.dropdown a.selector {
				width: 40px;
				height: 40px;
				border: solid 1px #B3B3B4;
				background-color: #ffffff;
		}

		form.custom div.custom.dropdown ul {
				top: 39px;
		}

/* [[[ Reservation Steps ]]] */
.res_steps.no-access {
		opacity: 0.4;
}

.nav-bar > li.res_steps.no-access:hover {
		background: #C6C6C6;
		cursor: default;
}

.nav-bar > li.res_steps.active {
		opacity: 1;
}

/* [[[ Search Page ]]] */
.eres_search {
		padding-bottom: 35px;
		border-bottom: 1px solid #DADADA;
		box-shadow: 0 1px 0 #FFF;
		margin-bottom: 20px;
}

		.eres_search input[type="number"] {
				height: 40px;
				float: left;
				font-weight: normal;
		}

		.eres_search h5 {
				margin-top: 13px; /*float: right;*/
		}

		.eres_search .ui-datepicker-trigger {
				padding-left: 5px;
				padding-top: 7px;
				cursor: pointer;
		}

		.eres_search .coupon_codes {
				color: #666666;
				line-height: 25px;
				text-decoration: underline;
		}

				.eres_search .coupon_codes:hover {
						cursor: pointer;
				}

		.eres_search .ddCheckin {
				width: 31%;
				float: left;
				margin-right: 5px;
				margin-bottom: 10px;
		}

/* [[[ Reservation Resultlist Page ]]] */
.eres_resultlist .search_panel .ddCheckin {
		width: 30%;
		float: left;
		margin-right: 5px;
		margin-bottom: 10px;
}

.eres_resultlist .search_panel span {
		float: left;
		line-height: 25px;
		font-weight: bold;
}

.eres_resultlist .search_panel input {
		float: left;
		height: 25px;
		padding: 0 10px 0 10px;
		font-size: 12px;
		margin-bottom: 7px;
}

.eres_resultlist .search_panel .coupon_labels {
		float: left;
		line-height: 25px;
		margin: 3px 0 0 0;
		cursor: default;
		color: #666;
		font-weight: bold;
}

.eres_resultlist .search_panel input[type="checkbox"] {
		margin-left: 0;
}

.eres_resultlist .search_panel .promo_cb_hide {
		display: none;
}

.eres_resultlist .search_panel .promo_text {
		float: left;
}

.eres_resultlist .ui-datepicker-trigger {
		padding-left: 5px;
		padding-top: 4px;
		cursor: pointer;
}

form.custom .eres_resultlist .search_panel div.custom.dropdown {
		height: 25px;
}

		form.custom .eres_resultlist .search_panel div.custom.dropdown a.current {
				line-height: 23px;
				min-height: 25px;
				border: solid 1px #B3B3B4;
				font-size: 12px;
		}

		form.custom .eres_resultlist .search_panel div.custom.dropdown a.selector {
				height: 25px;
				border: solid 1px #B3B3B4;
		}

		form.custom .eres_resultlist .search_panel div.custom.dropdown ul {
				top: 24px;
		}

				form.custom .eres_resultlist .search_panel div.custom.dropdown ul > li {
						font-size: 12px;
				}

.eres_resultlist .search_panel .button {
		float: right;
}

.eres_resultlist .filter_panel .button {
		color: #FEFEFE;
}

.eres_resultlist .filter_panel span {
		float: left;
		line-height: 25px;
}

form.custom .eres_resultlist .filter_panel div.custom.dropdown {
		height: 25px;
}

		form.custom .eres_resultlist .filter_panel div.custom.dropdown a.current {
				line-height: 23px;
				min-height: 25px;
				border: solid 1px #B3B3B4;
				font-size: 12px;
		}

		form.custom .eres_resultlist .filter_panel div.custom.dropdown a.selector {
				height: 25px;
				border: solid 1px #B3B3B4;
		}

		form.custom .eres_resultlist .filter_panel div.custom.dropdown ul {
				top: 24px;
		}

				form.custom .eres_resultlist .filter_panel div.custom.dropdown ul > li {
						font-size: 12px;
				}

.eres_resultlist .filter_panel .filter_selections {
		margin-left: 10px;
		font-weight: bold;
}

.eres_resultlist .rate_cat_hdr {
		background: #666666;
}

		.eres_resultlist .rate_cat_hdr span {
				font-weight: bold;
				line-height: 30px;
		}

		.eres_resultlist .rate_cat_hdr .rate_cat_title {
				color: #C6C6C6;
		}

		.eres_resultlist .rate_cat_hdr .rate_cat_name {
				color: #FFFFFF;
		}

.eres_resultlist .rate_category_wrapper {
		position: relative;
		margin: 0 1px 10px 1px;
		border: 1px solid #666;
}

.eres_resultlist .rate_category_wrapper_inner {
		position: relative;
		overflow: hidden;
}

.eres_resultlist .promo_corner {
		position: absolute;
		left: -20px;
		width: 0;
		height: 0;
		border-bottom: 60px solid transparent;
		border-left: 60px solid #666666;
}

		.eres_resultlist .promo_corner span {
				position: absolute;
				font-weight: bold;
				font-size: 28px;
				color: #FFF;
				left: -37px;
				cursor: default;
		}

.eres_resultlist .rate_category_wrapper.promo {
		margin: 0 1px 10px 1px;
		border: 6px solid #666666;
		background: #FEFEFE;
}

.eres_resultlist .rate_category_wrapper .rates:last-child {
		border: none;
		box-shadow: none;
}

.eres_resultlist .rates {
		margin: 25px 1px 0 1px;
		padding-bottom: 25px;
		border-bottom: 1px solid #DADADA;
		box-shadow: 0 1px 0 #FFF;
}

		.eres_resultlist .rates .button {
				font-size: 16px;
				padding: 9px 14px 8px;
		}

		.eres_resultlist .rates .lblSpecialRate {
				font-size: 14px;
				font-weight: bold;
				color: #666;
		}

		.eres_resultlist .rates .lblRoomType {
				line-height: 30px;
				font-size: 18px;
				font-weight: bold;
				color: #666;
				display: block;
		}

		.eres_resultlist .rates .rates_detail_row .btnShowRateDetail,
		.eres_resultlist .rates .rates_detail_row .btnHideRateDetail {
				line-height: 30px;
				font-size: 10px;
				font-weight: bold;
				color: #666;
				cursor: pointer;
		}

		.eres_resultlist .rates .rates_detail_row .btnHideRateDetail {
				display: none;
		}

		.eres_resultlist .rates .lblDiscountRate {
				line-height: 30px;
				font-size: 12px;
				font-weight: normal;
				color: #666;
				text-decoration: line-through;
				float: right;
		}

		.eres_resultlist .rates .lblAverageRate {
				line-height: 30px;
				font-size: 18px;
				font-weight: bold;
				color: #666;
				float: right;
				margin-left: 15px;
		}

		.eres_resultlist .rates .lblRateName {
				font-size: 10px;
				font-weight: normal;
				color: #666;
		}

		.eres_resultlist .rates .show_images {
				position: absolute;
				left: 0;
				bottom: 2px;
				height: 25px;
				width: 100%;
				background: rgba(71,71,71,0.45) url( '../images/show_images.png' ) 5px 5px no-repeat;
		}

				.eres_resultlist .rates .show_images span {
						font-size: 10px;
						line-height: 25px;
						color: white;
						margin-left: 25px;
						font-weight: bold;
				}

/* [[[ Resultlist Details ]]] */
.ShowDetails {
		margin: 5px 1px 0 1px;
}

		.ShowDetails > .twelve.columns {
				padding: 0;
		}

.rrd_tab {
		margin-left: 15px;
		float: left;
		text-align: center;
}

.button.tab_enabled {
		background-color: rgba(113, 177, 209, 0.3);
		border-color: rgba(4, 67, 178, 0.5);
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
}

		.button.tab_enabled:hover {
				cursor: default;
				background-color: rgba(113, 177, 209, 0.3);
				border-color: rgba(4, 67, 178, 0.5);
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				box-shadow: none;
		}

.row.pnlRateDetails {
		margin-top: 45px;
		display: none;
}

div[id*="rrlData"] {
		position: relative;
		height: 140px;
		overflow: hidden;
		cursor: pointer;
		border-bottom: 1px solid rgba(0,0,0,0.16);
}

.divRoomDetailsCover {
		/*z-index: 12;*/
		height: 140px;
		width: 100%;
		position: absolute;
		left: 0px;
		background-color: rgba(180, 180, 180, 0.1);
}

div.divRoomDetailsCover > div {
		position: absolute;
		height: 35px;
		left: 0;
		bottom: 2px;
		padding-top: 4px;
		background: rgba(255, 255, 255, 0.4) url('../images/_white-carbonfiber.png') repeat;
}

		div.divRoomDetailsCover > div > a {
				font-size: 0.8em !important;
				font-weight: normal !important;
				height: 28px !important;
		}

@media only screen and (max-width: 820px) {
		div[id*="rrlData"] {
				height: 142px;
		}

		/*.divRoomDetailsCover {
				height: 170px;
		}*/

		div.divRoomDetailsCover > div {
				bottom: 30px;
				padding-top: 3px !important;
				padding-bottom: 3px !important;
		}

		span.lblRoomType {
				font-size: 1em;
				white-space: nowrap;
				overflow: hidden;
		}

		#ddRateCategories,
		#ddExpiryYear.show-for-small,
		#ddExpiryMonth.show-for-small,
		#ddCardType.show-for-small,
		#ddStates.show-for-small,
		#ddCountry.show-for-small,
		#ddCurrency.show-for-small,
		#ddAdults.eight.small,
		#ddChildren.eight.small,
		.ddCheckin.show-for-small
		{
				height: 40px;
				padding-left: 15px;
		}

}



div[id*="rrlData"] > div > i.fa {
		float: right;
		z-index: 15;
		position: relative;
		cursor: pointer;
}

.pnlDetailsContainer .row.pnlRateDetails {
		position: relative !important;
		margin-top: 0;
		display: block;
}

.pnlRateDetails .inner_container {
		max-width: 53%;
		float: left;
		position: relative;
}

.pnlRateDetails .day_container {
		width: 65px;
		position: relative;
		float: left;
		text-align: center;
		border: 1px solid #D2E6EF;
}

		.pnlRateDetails .day_container .add_day_container {
				position: absolute;
				top: -25px;
				padding: 3px 7px;
				width: 80px;
				border: 1px solid #C2C2C2;
		}

		.pnlRateDetails .day_container span.bubble {
				font-size: 10px;
		}

		.pnlRateDetails .day_container span {
				text-transform: uppercase;
				font-size: 12px;
		}

		.pnlRateDetails .day_container .dc_head {
				padding: 3px 0;
				background-color: #D2E6EF;
		}

		.pnlRateDetails .day_container .dc_body {
				height: auto;
		}

				.pnlRateDetails .day_container .dc_body > span {
						line-height: 25px;
				}

.pnlRateDetails .inner_container .day_container {
		margin: 0 2px 2px 0;
}

.pnlRateDetails .day_container.add_left {
		margin-right: 25px;
		border-color: #C2C2C2;
}

.pnlRateDetails .day_container.add_right {
		margin-left: 25px;
		border-color: #C2C2C2;
}

.pnlRateDetails .day_container .rate_na {
		color: Red;
		font-weight: bold;
}

.pnlRateDetails .day_container.add_left .dc_head,
.pnlRateDetails .day_container.add_right .dc_head {
		background-color: #C2C2C2;
}

.pnlRateDetails .day_container .bubble > a {
		text-decoration: underline;
}

		.pnlRateDetails .day_container .bubble > a:hover {
				cursor: pointer;
		}

.pnlRateDetails .inner_container .selected_left {
		position: absolute;
		height: 10px;
		border-left: 2px solid Green;
		left: -2px;
		top: -10px;
}

.pnlRateDetails .inner_container .selected_right {
		position: absolute;
		height: 10px;
		border-right: 2px solid Green;
		right: -2px;
		top: -10px;
}

.pnlRateDetails .inner_container .selected_mid {
		position: absolute;
		height: 20px;
		width: 100%;
		border-bottom: 2px solid Green;
		text-align: center;
		left: 0;
		top: -25px;
}

		.pnlRateDetails .inner_container .selected_mid > span {
				font-size: 10px;
				font-weight: bold;
				text-transform: uppercase;
				color: Green;
		}

.bubble {
		background-color: #FFF;
		border: 1px solid #c2c2c2;
		color: #333;
		display: inline-block;
		padding: 5px 0;
		position: absolute;
		top: -35px;
		left: 0;
		width: 65px;
		font-size: 10px;
}

		.bubble:after,
		.bubble:before {
				border-left: 6px solid transparent;
				border-right: 6px solid transparent;
				border-top: 6px solid #FFF;
				bottom: -6px;
				content: '';
				left: 50%;
				margin-left: -6px;
				position: absolute;
		}

		/* Styling for second triangle (border) */

		.bubble:before {
				border-left: 7px solid transparent;
				border-right: 7px solid transparent;
				border-top: 7px solid;
				border-top-color: inherit; /* Can't be included in the shorthand to work */
				bottom: -7px;
				margin-left: -7px;
		}

/* [[[ Availability Grid ]]] */
.eres_resultlist .avail_grid {
		height: 55px;
		margin: 0 1px;
		border: 1px solid #1C3465;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		-ms-border-radius: 5px 5px 0 0;
		-o-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
}

		.eres_resultlist .avail_grid .columns {
				height: 30px;
				margin-top: 10px;
				text-align: center;
		}

				.eres_resultlist .avail_grid .columns.shoulder,
				.eres_resultlist .avail_grid .columns.shoulder_na {
						width: 14%;
				}

				.eres_resultlist .avail_grid .columns.current {
						width: 16%;
						padding: 0;
				}

				.eres_resultlist .avail_grid .columns span:first-child {
						font-weight: bold;
				}

				.eres_resultlist .avail_grid .columns span {
						font-size: 12px;
						display: inline-block;
						width: 100%;
				}

		.eres_resultlist .avail_grid .b_left {
				border-left: 1px solid #1C3465;
		}

		.eres_resultlist .avail_grid .b_right {
				border-right: 1px solid #1C3465;
		}

		.eres_resultlist .avail_grid .columns > .current_day_avail {
				position: absolute;
				height: 65px;
				background: #A1CEE5;
				bottom: -13px;
				width: 100%;
				padding-top: 15px;
				-webkit-border-radius: 5px 5px 0 0;
				-moz-border-radius: 5px 5px 0 0;
				-ms-border-radius: 5px 5px 0 0;
				-o-border-radius: 5px 5px 0 0;
				border-radius: 5px 5px 0 0;
		}

				.eres_resultlist .avail_grid .columns > .current_day_avail > span {
						font-size: 14px;
				}

.eres_resultlist .avail_grid_footer.columns {
		height: 9px;
		background: #A1CEE5;
		margin-top: 4px;
}

.eres_resultlist .avail_grid_outer .arrow-left {
		z-index: 1;
		left: 7px;
		top: 5px;
		border-right: 10px solid #A1CEE5;
}

		.eres_resultlist .avail_grid_outer .arrow-left.hidden {
				display: none;
		}

.eres_resultlist .avail_grid_outer .arrow-right {
		z-index: 1;
		right: 7px;
		top: 5px;
		border-left: 10px solid #A1CEE5;
}

		.eres_resultlist .avail_grid_outer .arrow-right.hidden {
				display: none;
		}

.eres_resultlist .avail_grid .shoulder:hover {
		cursor: pointer;
}

		.eres_resultlist .avail_grid .shoulder:hover span:first-child {
				text-decoration: underline;
		}

.eres_resultlist .avail_grid .columns.shoulder_na > span {
		color: Red;
}

		.eres_resultlist .avail_grid .columns.shoulder_na > span:last-child {
				font-weight: bold;
		}

/* [[[ Reservation Filter ]]] */
#mdResFilter {
		padding: 15px;
}

.reveal-modal .filter_container {
		background-color: #F1F1F1;
		padding: 20px;
}

		.reveal-modal .filter_container h4 {
				color: #938F8B;
				font-size: 1.8em;
				display: inline;
		}

		.reveal-modal .filter_container p.mdRF_title-p {
				display: inline;
				margin-left: 10px;
		}

		.reveal-modal .filter_container hr {
				margin: 12px 0 12px;
		}

#btnFilterSearch {
		margin-left: 20px;
		
}

/* [[[ Guest Services Modal Form ]]] */
#mdGuestServices {
		padding: 15px;
		overflow-y: auto;
		max-height: 700px;
}

#mdGuestServices > gs_container hr:first-child{
		display: none!important;
}

#mdGuestServices h5{
		font-size: 0.9em!important;
}

#mdGuestServices p{
		font-size: 0.8em!important;
}

.reveal-modal .gs_container{
		background-color: #F1F1F1;
		padding: 20px;
}

		.reveal-modal .gs_container h4 {
				color: #938F8B;
				font-size: 1.5em;
				display: inline;
		}

		.reveal-modal .gs_container p.mdGS_title-p {
				display: inline;
				margin-left: 10px;
		}

		.reveal-modal .gs_container hr {
				margin: 8px 0 8px;
		}

		.reveal-modal .gs_container img {
				border: 5px solid #FFF;
		}

		.reveal-modal .gs_container input[type="checkbox"] {
				float: right;
				margin-top: 5px;
		}

		.reveal-modal .gs_container .gs_item_row {
				display: none;
				margin-top: 15px;
		}

		.reveal-modal .gs_container .gs_total_row {
				display: none;
				margin-top: 20px;
		}

				.reveal-modal .gs_container .gs_total_row h5 {
						float: right;
				}

/* [[[ Guest Information ]]] */
.summary_panel span.summary_header, .summary_panel span.summary_title {
		font-weight: bold;
}

.eres_guest .login_options {
		margin: 1px;
		background: #FFF;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
}

.eres_guest h5 {
		margin-top: 13px;
		float: right;
}

.eres_guest .contact_details div.custom.dropdown ul {
		max-height: 200px;
		overflow-y: scroll;
}

.eres_guest .LoggedinwithHotel, .eres_guest .LoggedinwithFacebook, .eres_guest .LoggedinwithGoogle {
		display: none;
}

		.eres_guest .LoggedinwithFacebook .fblogo {
				height: 50px;
				background: #3B5998 url( '../images/facebook_logo.png' ) 10px 6px no-repeat;
		}

		.eres_guest .LoggedinwithGoogle .googlelogo {
				height: 50px;
				background: #FFF url( '../images/google_logo.png' ) 0 6px no-repeat;
		}

.eres_guest .res_total h4 {
		float: left;
		margin: 0;
		display: inline;
		line-height: 26px;
}

.eres_guest .res_total span {
		font-size: 18px;
		letter-spacing: 0.07em;
		line-height: 26px;
		margin-left: 10px;
}

.eres_guest h5.CCEmpty {
	float: left;
	padding-left: 30px;
}

.eres_guest .btnAddCC {
	padding-right: 30px;
}

/* [[[ Login Modal ]]] */
#mdHotelLogin {
		padding: 15px;
}

.reveal-modal .login_container {
		background-color: #F1F1F1;
		padding: 20px;
}

		.reveal-modal .login_container h5 {
				line-height: 40px;
		}

		.reveal-modal .login_container a.create_account {
				color: #666666;
				line-height: 37px;
				text-decoration: underline;
		}

				.reveal-modal .login_container a.create_account:hover {
						cursor: pointer;
				}

		.reveal-modal .login_container .create_account_fields {
				display: none;
		}

/* [[[ Reservation Review ]]] */
.eres_review p.title_description {
		margin-left: 0;
}

.eres_review .reservation_info h5 {
		float: left;
		margin: 4px 0;
		width: 140px;
}

.eres_review .reservation_info span {
		line-height: 23px;
}

#RateDetailContent span {
		line-height: 44px;
		letter-spacing: 0.07em;
		font-weight: 600;
}

.eres_review .res_total h4 {
		float: left;
		margin: 4px 0;
}

.eres_review .res_total span {
		font-size: 18px;
		letter-spacing: 0.07em;
		line-height: 26px;
		margin-left: 0;
}

/* [[[ Reservation Complete ]]] */
.eres_complete .reservation_confirmation {
		font-size: 18px;
		letter-spacing: 0.07em;
}

#txtResID {
		line-height: 40px;
}

.EmailSending {
		float: left;
		width: 100%;
		font-weight: bold;
		line-height: 20px;
}

.pnlEmailComplete, .pnlNewReservation {
		display: none;
}

.pnlNewReservation {
		margin-top: 20px;
}

/* [[[ Progress Styles ]]] */
.roundbox {
		-moz-border-radius: 15px;
		border-radius: 15px;
		-webkit-border-radius: 15px;
}

#progress_overlay, #error_overlay, #ta_progress_overlay, #gp_progress_overlay, #guest_progress_overlay {
		display: none;
		left: 0px;
		top: 0px;
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: rgba(115, 115, 115, 0.2);
		background: rgba(115, 115, 115, 0.2);
		color: rgba(115, 115, 115, 0.2);
		z-index: 300;
}

#content_progress, #ta_content_progress, #gp_content_progress, #guest_content_progress {
		position: absolute;
		left: 50%;
		top: 35%;
		margin-top: -60px;
		margin-left: -80px;
		height: 120px;
		width: 160px;
		background-color: #FFF;
		text-align: center;
		color: Black;
		border-color: #FFF;
		border-style: solid;
		border-width: 1px;
		opacity: 0.9;
		box-shadow: 4px 5px 20px #888888;
		-webkit-box-shadow: 4px 5px 20px #888888;
		-moz-box-shadow: 4px 5px 20px #888888;
}

#content_error {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-top: -60px;
		margin-left: -130px;
		height: 120px;
		width: 260px;
		background-color: #FFF;
		text-align: center;
		color: Black;
		border-color: #FFF;
		border-style: solid;
		border-width: 1px;
		box-shadow: 6px 5px 4px #2e282e;
		-webkit-box-shadow: 6px 5px 4px #2e282e;
		-moz-box-shadow: 6px 5px 4px #2e282e;
}

.content_progress_header {
		position: absolute;
}

.content_progress_body {
		position: absolute;
		height: 40px;
		width: 40px;
		left: 50%;
		top: 65%;
		margin-top: -20px;
		margin-left: -20px;
		background: #FFFFFF url( '../images/ProgressCircle_40px_New.gif' ) no-repeat;
}

.cc_verify_progress {
	position: absolute;
	height: 40px;
	width: 40px;
	left: 50px;
	background: transparent url( '../images/ProgressCircle_40px_New.gif' ) no-repeat;
}

/* [[[ Social Buttons ]]] */
.facebook {
		width: 170px;
		background: #666 url( '../images/facebook.png' ) 10px 6px no-repeat;
}

		.facebook:hover {
				background: #4D4D4D url( '../images/facebook.png' ) 10px 6px no-repeat;
		}

.twitter {
		width: 170px;
		background: #666 url( '../images/twitter.png' ) 10px 6px no-repeat;
}

		.twitter:hover {
				background: #4D4D4D url( '../images/twitter.png' ) 10px 6px no-repeat;
		}

.google {
		width: 170px;
		background: #666 url( '../images/google.png' ) 10px 6px no-repeat;
}

		.google:hover {
				background: #4D4D4D url( '../images/google.png' ) 10px 6px no-repeat;
		}

/* [[[ Gallery ]]] */
#rgRoomImages {
		background: none;
		padding: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
}


/* [[[ Foundation Overrides ]]] */
form.custom div.custom.dropdown {
		margin-top: 0;
}

@media only screen and (min-width: 1501px) {
		.reveal-modal.xlarge {
				width: 1000px;
				margin-left: -500px;
		}
}

@media only screen and (min-width: 821px) {
		.hide-for-small, .show-for-large {
				display: block !important;
		}

		.show-for-small, .hide-for-large {
				display: none !important;
		}
}

@media only screen and (max-width: 820px) {
		.show-for-small, .hide-for-medium, .hide-for-large, .hide-for-xlarge {
				display: block !important;
		}

		.hide-for-small, .show-for-medium, .show-for-large, .show-for-xlarge {
				display: none !important;
		}
}


@media only screen and (max-width: 942px) {
		.pnlRateDetails .inner_container {
				max-width: 66%;
		}
}

@media only screen and (max-width: 820px) {
		form {
				margin: 0;
		}

		p.title_description {
				margin-left: 0;
				margin-top: 0;
		}

		.reveal-modal .login_container,
		.reveal-modal .gs_container,
		.reveal-modal .expiry_container,
		.reveal-modal .message_container,
		.reveal-modal .ta_container,
		.reveal-modal .gp_container,
		.reveal-modal .ratedetail_container,
		.reveal-modal .filter_container,
		.reveal-modal .abandonment_container,
		.reveal-modal .guest_container {
				padding: 20px 7px;
		}

				.reveal-modal .login_container .cancel_login {
						margin-bottom: 10px;
				}

		/* [[[ Main Content Styles ]]] */
		#Content {
				padding: 20px 15px 40px;
		}

		/* [[[ TA Modal ]]] */
		#btnta_cancel {
				margin: 20px 0 0 0;
		}

		/* [[[ TA Nav Bar ]]] */
		.ta_nav_bar {
				margin-bottom: 10px;
				width: 100%;
		}

				.ta_nav_bar > li {
						float: left;
						width: 33.3%;
				}

		/* [[[ Search Page ]]] */
		.eres_search {
				border-bottom: 0;
				box-shadow: none;
				margin-bottom: 0;
		}

				.eres_search h5 {
						margin: 5px 0;
						float: left;
				}

				.eres_search .ui-datepicker-trigger {
						display: none;
				}

		/* [[[ Reservation Resultlist Page ]]] */
		.eres_resultlist .ui-datepicker-trigger {
				display: none;
		}

		.eres_resultlist .search_panel {
				display: none;
		}

				.eres_resultlist .search_panel .button {
						float: none;
						margin-bottom: 10px;
				}

				.eres_resultlist .search_panel #txtNights2 {
						width: 82px;
				}

		.eres_resultlist .show_images {
				max-width: 219px;
		}

		.eres_resultlist .dImage {
				margin-bottom: 10px;
		}

		/* [[[ Reservation Filter ]]] */
		#btnFilterSearch {
				margin: 0 0 20px 0;
		}

		/* [[[ Guest Services ]]] */
		.reveal-modal .gs_container .gs_total_row h5 {
				float: left;
		}

		#btnAddtoBooking, #btnNoThanks {
				width: 100%;
		}

		/* [[[ Social Buttons ]]] */

		.LoginButtons a {
				width: auto;
				margin-bottom: 10px;
		}

				.LoginButtons a.google {
						margin-bottom: 0;
				}

		/* [[[ Guest Information ]]] */
		.eres_guest h5 {
				margin-bottom: 5px;
				float: left;
		}

		.eres_review .pnlPolicy {
				margin-bottom: 20px;
		}
		/* [[[ Reservation Complete ]]] */
		.eres_complete a.facebook {
				width: auto;
				margin-bottom: 10px;
		}

		.eres_complete a.twitter {
				width: auto;
		}

		.eres_complete .pnlEmailComplete .button.ten,
		.eres_complete .pnlNewReservation .button.ten {
				width: 100%;
		}

		.pnlRateDetails .inner_container {
				max-width: 100%;
				width: 100%;
				margin-bottom: 40px;
		}

				.pnlRateDetails .inner_container .day_container {
						width: 32.55%;
				}

		.pnlRateDetails .day_container.add_left {
				margin-right: 0;
				width: 100%;
				margin-bottom: 55px;
		}

		.pnlRateDetails .day_container.add_right {
				margin-left: 0;
				width: 100%;
		}
}

.ddRates > div:first-child {
		padding-right: 0px !important;
}

.centerAlign 
{
	text-align: center;
}

.rightAlign 
{
	text-align: right;
}

.thinFont 
{
	font-weight: 300;
}