/* reset default styles ----------------------------------------------------- */
select {    
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	cursor: pointer;
}
select::-ms-expand { display: none; }

.ui-corner-all, 
.ui-corner-left, 
.ui-corner-right, 
.ui-corner-bottom,
.ui-corner-top, 
button, #datebox .buttoncheck, .buttonbook, button.proceed, .sp_response .proceed a, 
.articles_note, .articles_warning, .warning, p.hint{
	border-radius: 0;
}

#datebox, 
#finderbox,
#stage,
#stagepanel, 
.ui-widget-header, 
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, 
.ui-widget-content, 
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, 
#stagepanel #proceedtab, 
#bookpos, 
#address, 
.termspay {
	border: 0 none;
}

.ui-datepicker-trigger {
	cursor: pointer;
}

#ui-datepicker-div,
.ui-draggable {
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 		0px 0px 50px 0px rgba(0,0,0,0.2);
	box-shadow: 				0px 0px 50px 0px rgba(0,0,0,0.2);
}
body {
background-image: url(https://www.diefabrik.com/wp-content/uploads/2019/10/grunge_wall_web_light-768x432.png)!important;
}
/* reset bold ----------------------------------------------------- */
button, #datebox .buttoncheck, .buttonbook, button.proceed, .sp_response .proceed, .sp_response .proceed a, 
button.proceed span, th, h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
}

.ui-tabs .ui-tabs-nav li {
	top: 0;
	display: block;
	height: 100%;
	margin-bottom: 0;
	margin-right: 0;
}

h5.panel-title label {
  color: #fff;
}
h5.panel-title {
  font-size: 12px;
  color: #fff !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 0;    
}
.panel-title {
  padding-left: 20px;
}

div.products .ui-tabs, 
div.extras .ui-tabs, 
.ui-tabs .ui-tabs-nav {
	padding: 0;
}

#stage.tabs .ui-tabs-panel {
	padding-left: 0;
}

#stagepanel, 
.ui-widget-header, 
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, 
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	background-image: none;
}

#datebox_inner h2, 
#availbox_hostel, 
#proceed-bottom,
#proceedtab {
	display: none;
}

#stage .mytab .allarticles .products, 
#stage .mytab .allarticles .productsbig, 
#stage .mytab .allarticles .extras, 
#stagepanel {
	margin-top: .5em
}
.glyphicon:hover {
  color: #fff;
}
.glyphicon.glyphicon-info-sign:hover {
  color: #8e1a15;
}
#stage .mytab .allarticles .products .accommodation, 
#stage .mytab .allarticles .productsbig .accommodation, 
#stage .mytab .allarticles .extras .extrasinner {
	padding: 0;
	margin-top: 2em;
}

.termspay {
	background: transparent;
}

#bookpos_inner table.t_houselistbook tr:first-child td:first-child, table.t_houselistbook td.header p.guests {
	border-top: 0 none;
}

#datebox_inner, #finderbox_inner, #houseinfo {
	margin: 2em;
}

#pafinder_container {
	width: 100%;
	overflow-x: visible !important;
}

/* general adaptations --------------------------------------------------- */

h1, h2, h3, h4, h6, p, .btn {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
color: #000;
}

body {
	background: #FFF;
	font-size: 13px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 1em 0;
}

a {
	text-decoration: underline;
}

a:hover, a:active, a:visited {
	text-decoration: none;
}

.allarticles a {
	font-style: normal;
	font-weight: 700;
	text-decoration: none;
}

.allarticles a:hover, .allarticles a:active, .allarticles a:visited {
	text-decoration: underline;
}

th {
	background: #e5e5e5;
	color: #4f4f4f;
	padding: 1em 0;
}

.regular {
	color: #91c46e !important;
}

.changed, 
.warning, 
.articles_warning {
	color: #ff0000 !important;	
}

#leftbox {
	width: 27%;
}

#mainbox {
	width: 72.5%;
	margin-left: 27.5%;
}

#stage .mytab .allarticles {
	width: 70%;
}

#datebox {
	border-bottom: 1px solid #4f4f4f;
}

#leftbox {
	border-right: 1px solid #4f4f4f;
}

#stagepanel {
	display: none;
}

#stagepanel, 
.ui-widget-header {
	/* background: #e5e5e5; */
	background: none;
	border-bottom: 1px solid #4f4f4f;
}

#articles0 #heading0 {
	display: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, 
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	border-right: 1px solid #fff;    
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	/* background: #d40a0f; */
	background: none;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, 
.ui-state-active a span, .ui-state-active a:link span, .ui-state-active a:visited span, 
#stagepanel li.addnew a, #stagepanel li.addnew a span {
	color: #000;
}

#stagepanel li a.tab span.tabhouse {
	display: none;
}

#stagepanel li.addnew {
	background: none;
	border: none;
}

.ui-tabs .ui-tabs-nav li a {
	padding: .5em 1em .5em 0;
}

#stagepanel li.addnew a.tab span#emptytab {
	display: none;
}

#stagepanel li.addnew {
	line-height: 2.6em;
	padding-left: 0;
}

#stagepanel li.addnew a.tab span, 
#stagepanel li a.tab span.tabdate {
	line-height: 2.6em;
	font-style: normal;
}

#stage.tabs div.mytab ul.ui-tabs-nav {
	height: 3.4em
}

.ui-tabs .ui-tabs-nav:not(#stagepanel) li span {
	line-height: 2.5em;
}

#stagepanel li.ui-tabs-active.ui-state-active a.remove {
	margin-top: .1em;
	margin-right: .5em;
}

#stagepanel li.ui-tabs-active.ui-state-active a.remove img {
	display: none;
}

#stagepanel li.ui-tabs-active.ui-state-active a.remove:before {
	color: #fff !important;
	content: 'x';
	text-transform: none;
	display: block;
}    

#datebox label, 
h2, 
.ui-tabs .ui-tabs-nav li a, 
button, #datebox .buttoncheck, .buttonbook, button.proceed, .sp_response .proceed, .sp_response .proceed a {
  text-transform: uppercase;
}

/* checkboxes  ----------------------------------------------------- */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked { /* Base for label styling */
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
}

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before { /* checkbox aspect */
	content: '';
	position: absolute;
	left:0; top: 2px;
	width: 16px; height: 16px;
	border: 1px solid #4f4f4f;
	background: #fff;
	border-radius: 0px;
}

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after { /* checked mark aspect */
	/*
	content: '\e85f';
	font-family: 'icons';
	*/
	content: '✓';
	position: absolute;
	top: -2px; 
	left: 2px;
	font-size: 1.7em;
	color: #8e1a15;
	transition: all .2s;
}

[type="checkbox"]:not(:checked) + label:after { /* checked mark aspect changes */
  opacity: 0;
  transform: scale(0);
}

[type="checkbox"]:checked + label:after { /* checked mark aspect changes */
  opacity: 1;
  transform: scale(1);
}

[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before { /* disabled checkbox */
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

[type="checkbox"]:disabled:checked + label:after { 
  color: #999;
}

[type="checkbox"]:disabled + label { 
  color: #aaa;
}

label.checkbox {
	top: -1.2em;
}


/* images  ----------------------------------------------------- */

select,
.ui-spinner.ui-widget-content .ui-spinner-down .ui-button-text .ui-icon,
#addressbox select,
#nightsdown, #nightsdown:hover { /* down arrow */
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAMAAAA/FZ0KAAAADFBMVEX///+wsLCys7Oys7MSk08qAAAAA3RSTlMAIN95ni85AAAAJUlEQVR42lXIsQ0AMAgDMAL//8yCatWjKz1Pp4511llnnXXkuwU0HQCBajcttAAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: transparent;
}

.ui-spinner.ui-widget-content .ui-spinner-up .ui-button-text .ui-icon,
#nightsup, #nightsup:hover { /* up arrow */
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAMAAAA/FZ0KAAAADFBMVEX///+wsLCys7Oys7MSk08qAAAAA3RSTlMAIN95ni85AAAAJklEQVR42mXIMQ4AAAgCMYH//9nB4RLp2DnSFNnqS1iO5ViO5f4uGYkAgWBwu8AAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: transparent;
}

select, input {
	border: 1px solid #BBB;
}

select:hover, input:hover {
	border-color: #666;
}

/* dropdowns  ----------------------------------------------------- */
select {
	color: #4f4f4f;
	padding: .5em 2.5em .5em 1em;
	cursor: pointer;
	display: inline-block;
}

select.uneeded {
	margin-right: .5em;
	float: left;
}

/* buttons  ----------------------------------------------------- */
button, #datebox .buttoncheck, .buttonbook, button.proceed, .sp_response .proceed, .sp_response .proceed a {
	background: #8e1a15;
	padding: 1em;
}

#datebox .buttoncheck {
	background: #8e1a15;
}

#datebox .buttoncheck, .buttonbook {
	font-size: 1.2em;
}

.proceed_container button {
	float: right;
	margin: 1em;
}

#button_checkAvail:hover {
	background: #b9231c;
	color: #fff !important;
}

#stage #button_back {
	margin-top: 0;
	background: #8e1a15;
}

button.proceed:hover,
#stage #button_back:hover,
.buttonbook:hover {
	background: #b9231c;
	color: #FFF;
}

#stage #button_back:hover span {
	color: #FFF;
}

/* datebox  ----------------------------------------------------- */

.ui-widget-content.ui-spinner {
	background: #e5e5e5;
	padding: .5em;
}

#datebox label {
	font-weight: 400;
	margin-bottom: .75em;
}

#dowarrival, #dowdeparture {
	text-transform: uppercase;
	font-size: .9em;
	text-align: left;
	padding-left: .2em;
}

#availbox_arrival, 
#availbox_depart, 
#availbox_nights, 
#availbox_adults,
#availbox_children1, 
#availbox_children2 {
	margin-bottom: 1em;
}

#availbox_nights, 
#availbox_adults,
#availbox_children1, 
#availbox_children2 {
	width: 48%;
}

#availbox_nights, 
#availbox_children1 {
	float: left;
}

#availbox_adults, 
#availbox_children2 {
	float: right;
}

#availbox_children1 {
	clear: both;
}

#guestlinkwrap {
	clear: both;
}

#availbox_arrival img, #availbox_depart img {
	top: 55%;
	right: 0;
}

.ui-spinner.ui-widget-content .ui-spinner-up .ui-button-text .ui-icon,
.ui-spinner.ui-widget-content .ui-spinner-down .ui-button-text .ui-icon {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;
}

input.nightrow {
	padding: .5em 0 .5em 1em;
}

#nightsup, #nightsdown {
	background-position: left;
	margin: 0 0 0 -20px;
	position: absolute;
	border: none;
	color: rgba(0,0,0,0);
}

#nightsup:hover, #nightsdown:hover {
	background-color: transparent;
	color: rgba(0,0,0,0);
}

#nightsdown {
	margin-top: 12px;
}

/* finderbox  ----------------------------------------------------- */

#pafinder_calendar td {
	box-shadow: none !important;
	padding: .3em;
}

#pafinder_calendar td .daywrapper .mday {    
	font-size: .7em;        
	padding-top: .2em;
	font-weight: 300;
}

#pafinder_calendar td div.mprice {
	font-size: 1.0em; 
	font-weight: 400;
	padding-left: 0;
	padding-top: .3em;
}

#pafinder_calendar td.empty {
	background: #fff;
}

#pafinder_calendar td.avail {
	background: #4ad51a!important;
}

#pafinder_calendar td.lowavail {
	background: #f5d525!important;
}

#pafinder_calendar td.avail .mday,
#pafinder_calendar td.avail .mprice,
#pafinder_calendar td.lowavail .mday,
#pafinder_calendar td.lowavail .mprice {
	color: #4f4f4f;
}

#pafinder_calendar td.noavail {    
	background: #444!important;    
}

#pafinder_calendar td.noavail .mday {
	color: #fff !important;
}

#pafinder_calendar td.noavail .mprice:before {
	color: #fff !important;
	content: 'x';
	font-size: 2em;
}

#pafinderArticleSelect {
	max-width: 100%;
}

#pafinder_calendar th.head {
	background: #fff;
	font-weight: 400;
	font-size: 1em;
	padding: 1em 0;
}

#pafinder_calendar td.month {
	padding-top: 1em;
}

#pafinderArticleSelect {
	margin-bottom: 1em;
}

#pafinder_legend ul li#legend_green span, 
#pafinder_legend ul li#legend_yellow span, 
#pafinder_legend ul li#legend_red span {
	-webkit-box-shadow: none;
	-moz-box-shadow: 		none;
	box-shadow: 				none;
}

#pafinder_legend ul li#legend_green span {
	background: #99cd87;
}

#pafinder_legend ul li#legend_yellow span {
	background: #dcdc78;
}

#pafinder_legend ul li#legend_red span {
	background: #c1686a;
}


/* result tables  ----------------------------------------------------- */
tr.collection-header td a {
	background: transparent;
	padding: 1em 1em 1em 0;
}

tr.collection-header td a span.open-icon, 
tr.collection-header td a span.close-icon, 
tr.collection-header td a:hover span.open-icon, 
tr.collection-header td a:hover span.close-icon,
tr.collection-header.collection-closed td a span.open-icon  {
	color: #d40a0f;
	border: 1px solid #4f4f4f;
	font-weight: 700;
	background: transparent;
	border-radius: 1.1em;
	height: 1.1em;
	width: 1.1em;
	line-height: 1.1em;
	font-size: 1.1em;
}

tr.collection-header a span.count {
	color: #d40a0f;
	font-weight: 700;
}

table.t_houselistbook th {
	/*background: #e5e5e5;*/
	background: transparent;
	color: #000;
	border-bottom: 1px solid #000;
}

table.t_houselistbook td {
	padding-top: .5em;
	padding-bottom: .5em;
}

table.t_houselistbook td.date,
table.t_houselistbook td.date span, 
table.t_houselistbook td.input {
	font-style: italic;
}

table.t_houselistbook td.date span.regular {
	color: #000 !important;
}

table.t_houselistbook th:first-child, 
table.t_houselistbook td:first-child, 
table.t_houselistbook td.accomm_images, 
table.t_houselistbook td.terms {
	padding-left: 2em !important;
}

table.t_houselistbook th:last-child, 
table.t_houselistbook td:last-child {
	padding-right: 2em;
}

table.t_houselistbook td {
	border-bottom: 1px solid #e5e5e5;
}

#addressbox input, #addressbox select, #addressbox textarea {
	border: 1px solid #808080;
	padding: .5em .5em;
	box-sizing: border-box;
}

table.t_houselistbook td.name label, 
table.t_houselistbook td.name span.artName, 
table.t_houselistbook td.name span.artNum, 
table.t_houselistbook td.sum, 
table.t_houselistbook td.sum span.price {
	line-height: 1.5em;
	font-weight: 700;
}

table.t_houselistbook td.name a.showartinfo span {
	display: none;
	margin-left: .5em;
	font-size: .9em;
}

table.t_houselistbook td.name a.showartinfo:after {
	content: '';
	display: none;
}

table.t_houselistbook td.name a.showartinfo:hover, 
table.t_houselistbook td.name a.showartinfo:active{
	text-decoration: none;
}

table.t_houselistbook td.price span.price {
	font-weight: 700;
}

table.t_houselistbook td.price span.priceLabel {
	font-size: .8em;
}

table.t_houselistbook td.name span.artNum {
	font-weight: 300;   
}

.ui-dialog-titlebar {
	background: #333;    
}

.ui-dialog-titlebar span.ui-dialog-title {
	color: #fff;
	text-transform: uppercase;
}

/* datepicker  ----------------------------------------------------- */
.ui-datepicker-header {
	background: #333;
}

.ui-datepicker-title span {
	color: #fff;
}

.ui-datepicker th {
	background: #fff;
}

.ui-datepicker th span {
	font-weight: 400;
	font-size: 1.1em;
}

.ui-datepicker td span, .ui-datepicker td a {
	padding: .3em .5em;
	font-size: 1.1em;
}

table.ui-datepicker-calendar td a.ui-state-default {
	background: #e5e5e5;
}
table.ui-datepicker-calendar td a.ui-state-default:hover {
	color: #fff;
	background: #4f4f4f;
}

table.ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active {
	background: #8e1a15;
	color: #fff;
	border: 0 none;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	margin-top: -10px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev:before, 
.ui-datepicker .ui-datepicker-next:after {
	color: #fff;
	text-decoration: none;
	font-style: normal;
}

.ui-datepicker .ui-datepicker-prev:before {
	content: 'â—€';
	font-size: 2em;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-next:after {
	content: 'â–¶';
	font-size: 2em;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: none;
}

.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 25%;
	width: 2em;
	height: 2em;
	text-align: center;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev:hover, 
.ui-datepicker .ui-datepicker-next:hover {
	background: transparent;
	border: 0 none;
}

/* summary page  ----------------------------------------------------- */
#bookpos h2 {
	font-size: 1.6em;
	margin-bottom: 0;
}

.t_houselistbook td.header {
	padding-left: 2em;
}

.t_houselistbook td.header h3 {
	margin-bottom: 0;
	margin-top: 0;
	color: #4f4f4f;
	text-transform: uppercase;
	font-weight: 700;
}
table.t_houselistbook p.housecontact {
	margin-top: 0;
	width: 100%;
	color: #4f4f4f;
}

table.t_houselistbook dl.housecontact {
	/*width: 40%;*/
	margin-top: 0;
	margin-left: 0;
	color: #4f4f4f;
}

table.t_houselistbook dl.housecontact dt {
	text-align: left; 
}

table.t_houselistbook td.header p.guests {
	color: #4f4f4f;
	text-transform: uppercase;
	font-weight: 700;
}

table.t_houselistbook td.total {
	text-transform: uppercase;
	font-weight: 700;
}

table.t_houselistbook td.sum span.price:before {
	content: 'EUR ';
}

table.t_houselistbook td.accomm_images {
	padding-right: .5em;
}

/* address  ----------------------------------------------------- */
#addressbox h2 {
	color: #000;
	border-bottom: 1px solid #4f4f4f;
	text-align: center;
	padding: 1em 0;
	margin-top: 1.5em;
	margin-bottom: 2em;
}

#addressbox label {
	color: #808080;
	text-transform: uppercase;
	margin-top: 1em;
}

#addressbox input {
	border-color: #808080;
}

#addressbox select {
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: right center;
	background-attachment: scroll;
	border: 1px solid #808080;
	padding-top: .1em;
	padding-bottom: .1em;
	padding-left: .2em;
	padding: .5em;
}

#type_of_payment > label {
	margin-top: 2em;
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
}

#type_of_payment div.payment-type > label {
	text-transform: none;
	color: #000;
}

div.termspay {
	font-style: normal;
	padding-left: 0;
	margin-left: 0;
	font-size: .9em;    
}

#terms_accepted_wrap label {
	text-transform: none;
	color: #000;
	font-weight: 700;
	font-size: 1.1em;
}

#terms_accepted_wrap label a {
	font-style: normal;
	font-weight: 700;
}

#addressbox div.paydetails {
	margin-left: 0;
}

#addressbox div.paydetails p {
	font-size: 1.1em;
	margin-top: .5em;
}

#terms_accepted_wrap [type="checkbox"]:not(:checked) + label:before,
#terms_accepted_wrap [type="checkbox"]:checked + label:before { /* checkbox aspect */
	top: 0;
}

#terms_accepted_wrap [type="checkbox"]:not(:checked) + label:after,
#terms_accepted_wrap [type="checkbox"]:checked + label:after { /* checked mark aspect */
	top: -6px;
}

#addressbox span.help {
	font-size: .9em;
	font-style: italic;
}

#stage .mytab .images {
	border: none;
}

#images0 {
	
}

#houseinfo .housecontact dt, #houseinfo .housecontact dd {
	display: block;
	float: none;
	text-align: left;
	width: 100%;
	margin: 0;
}

#houseinfo .housecontact dt {
	font-weight: bold;
}

#houseinfo .housecontact dd {
	margin-bottom: 1em;
}

/* promotion code  ----------------------------------------------------- */
table.t_houselistbook td.promoreqlink {
	padding-top: 1em;
	padding-bottom: 1em;
}

table.t_houselistbook td.promoreqlink.promoreqlinkUpper {
	display: none;
}

#requestpromocode {
	border: 1px solid #808080;
}

/* fb login */
.login_button {
	position: absolute;
	top: 10em;
	right: .4em;
}

#artInfo .articleDescTerms {
	display: block !important;
}

/* checkbox after dropdown */
.has_usel[type="checkbox"]:not(:checked) + label::before, .has_usel[type="checkbox"]:checked + label::before {
	top: 14px;
}

.has_usel[type="checkbox"]:not(:checked) + label::after, .has_usel[type="checkbox"]:checked + label::after {
	top: 10px;
}

table.t_houselistbook td.name label {
	display: inline;
}

#mybookings_input input {
	border: 1px solid #808080;    
}

#mybookings button.proceed {
	display: block;
	height: 3em;
	line-height: 1em;
	margin: 0 auto 1em;
}

/* Header "Unterkunft"  */
#product0 > ul {
	display: none;
}

.fb_iframe_widget {
	display: none !important;
}




/* Additional Styles width hidden PRICE & AVAILABILITY FINDER
-----------------------------------------------------------------------------------------------------------*/

#copyright {
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    background: #FFF;
    padding: 0.5em 2em;
}

#finderbox {
    display: none;
}

#leftbox, #datebox, #mainbox {
    border: none;
    display: block;
    width: 100%;
    margin: 0;
    float: none;
}

#leftbox {
    background: #EFEFEF;
    border-bottom: 1px solid #DDD;
    padding: 2em;
    box-sizing: border-box;
    -ms-box-shadow: 	0px 0px 50px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 	0px 0px 50px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1);
    -khtml-box-shadow: 	0px 0px 50px 0px rgba(0,0,0,0.1);
    -o-box-shadow: 		0px 0px 50px 0px rgba(0,0,0,0.1);
    box-shadow: 		0px 0px 50px 0px rgba(0,0,0,0.1);
}

#mainbox {
    padding: 2em;
    box-sizing: border-box;
}

#datebox_inner, #finderbox_inner, #houseinfo {
    margin: 0;
}

#availbox_arrival, #availbox_depart, #availbox_nights, #availbox_adults, #guestlinkwrap, #datebox .buttoncheck {
    display: inline-block;
    width: auto;
    margin-right: 20px;
    margin-bottom: 0;
    position: relative;
    vertical-align: bottom;
    float: none;
}

#button_checkAvail {
    margin: 0;
}

#nightsup, #nightsdown {
    margin: 0;
    right: 0px;
}

#nightsup {
    bottom: 12px;
}

#nightsdown {
    bottom: -1px;
}

#dowarrival, #dowdeparture {
    margin-right: 15px;
}

#guestlinkwrap {
    text-align: center;
    margin: 0;
    position: absolute;
    top: 20px;
    padding: 0 0.7em;
}

#datebox .buttoncheck {
    padding: 0.7em;
    margin-right: 0;
}

select {
    background-color: #FFF;
}



table.t_houselistbook th:first-child, table.t_houselistbook td:first-child, table.t_houselistbook td.accomm_images, table.t_houselistbook td.terms {
    padding-left: 0 !important;
}


#ui-datepicker-div {
    top: 110px !important;
    left: 200px !important;
	width: 300px;
}
@media (max-width: 767px) {
#ui-datepicker-div {
	    left: 0px !important;
	}
#pafinder_container {
	  width: 100%;
	  overflow-x: visible !important;
	  padding: 0px 10px !important;
	}
	#pafinder_calendar td {
	  box-shadow: none !important;
	  padding: 0.13em;
	}	
}

/* MObile */


/*
* jQuery Mobile Framework Git Build: SHA1: 27e3c18acfebab2d47ee7ed37bd50fc4942c8838 <> Date: Fri Mar 22 08:50:04 2013 -0600
* http://jquerymobile.com
*
* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
*/


/* Swatches */

/* A
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-a {
	color: #333333 /*{a-bar-color}*/;
	font-weight: bold;
}
.ui-bar-a .ui-link-inherit {
	color: #333333 /*{a-bar-color}*/;
}

.ui-bar-a a.ui-link {
	color: #7cc4e7 /*{a-bar-link-color}*/;
	font-weight: bold;
}

.ui-bar-a a.ui-link:visited {
    color: #2489ce /*{a-bar-link-visited}*/;
}

.ui-bar-a a.ui-link:hover {
	color: #2489ce /*{a-bar-link-hover}*/;
}

.ui-bar-a a.ui-link:active {
	color: #2489ce /*{a-bar-link-active}*/;
}

.ui-bar-a,
.ui-bar-a input,
.ui-bar-a select,
.ui-bar-a textarea,
.ui-bar-a button {
	 font-family: Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-a,
.ui-overlay-a {
	border: 1px solid #111111 /*{a-body-border}*/;
	color: #ffffff /*{a-body-color}*/;
}
.ui-overlay-a {
	background-image: none;
	border-width: 0;
}
.ui-body-a,
.ui-body-a input,
.ui-body-a select,
.ui-body-a textarea,
.ui-body-a button {
	 font-family: Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-a .ui-link-inherit {
	color: #ffffff /*{a-body-color}*/;
}

.ui-body-a .ui-link {
	color: #2489ce /*{a-body-link-color}*/;
	font-weight: bold;
}

.ui-body-a .ui-link:visited {
    color: #2489ce /*{a-body-link-visited}*/;
}

.ui-body-a .ui-link:hover {
	color: #2489ce /*{a-body-link-hover}*/;
}

.ui-body-a .ui-link:active {
	color: #2489ce /*{a-body-link-active}*/;
}

.ui-btn-up-a {
	border: 1px solid #333333 /*{a-bup-border}*/;
	background: #333333 /*{a-bup-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{a-bup-color}*/;
}
.ui-btn-up-a:visited,
.ui-btn-up-a a.ui-link-inherit {
	color: #ffffff /*{a-bup-color}*/;
}
.ui-btn-hover-a {
	border: 1px solid #333333 /*{a-bhover-border}*/;
	background: #444444 /*{a-bhover-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{a-bhover-color}*/;
}
.ui-btn-hover-a:visited,
.ui-btn-hover-a:hover,
.ui-btn-hover-a a.ui-link-inherit {
	color: #ffffff /*{a-bhover-color}*/;
}
.ui-btn-down-a {
	border: 1px solid #333333 /*{a-bdown-border}*/;
	background: #222222 /*{a-bdown-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{a-bdown-color}*/;
}
.ui-btn-down-a:visited,
.ui-btn-down-a:hover,
.ui-btn-down-a a.ui-link-inherit {
	color: #ffffff /*{a-bdown-color}*/;
}
.ui-btn-up-a,
.ui-btn-hover-a,
.ui-btn-down-a {
	 font-family: Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}


/* B
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-b {
	border: 1px solid #333333 /*{b-bar-border}*/;
	background: #333333 /*{b-bar-background-color}*/;
	font-weight: bold;
}
.ui-bar-b .ui-link-inherit {
	color: #ffffff /*{b-bar-color}*/;
}

.ui-bar-b a.ui-link {
	color: #ddf0f8 /*{b-bar-link-color}*/;
	font-weight: bold;
}

.ui-bar-b a.ui-link:visited {
    color: #ddf0f8 /*{b-bar-link-visited}*/;
}

.ui-bar-b a.ui-link:hover {
	color: #ddf0f8 /*{b-bar-link-hover}*/;
}

.ui-bar-b a.ui-link:active {
	color: #ddf0f8 /*{b-bar-link-active}*/;
}

.ui-bar-b,
.ui-bar-b input,
.ui-bar-b select,
.ui-bar-b textarea,
.ui-bar-b button {
	 font-family: Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-b,
.ui-overlay-b {
	border: 1px solid #999999 /*{b-body-border}*/;
	color: #333333 /*{b-body-color}*/;
}
.ui-overlay-b {
	background-image: none;
	border-width: 0;
}
.ui-body-b,
.ui-body-b input,
.ui-body-b select,
.ui-body-b textarea,
.ui-body-b button {
	 font-family: Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-b .ui-link-inherit {
	color: #333333 /*{b-body-color}*/;
}

.ui-body-b .ui-link {
	color: #2489ce /*{b-body-link-color}*/;
	font-weight: bold;
}

.ui-body-b .ui-link:visited {
    color: #2489ce /*{b-body-link-visited}*/;
}

.ui-body-b .ui-link:hover {
	color: #2489ce /*{b-body-link-hover}*/;
}

.ui-body-b .ui-link:active {
	color: #2489ce /*{b-body-link-active}*/;
}

.ui-btn-up-b {
	border: 1px solid #333333 /*{b-bup-border}*/;
	background: #333333 /*{b-bup-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{b-bup-color}*/;
}
.ui-btn-up-b:visited,
.ui-btn-up-b a.ui-link-inherit {
	color: #ffffff /*{b-bup-color}*/;
}
.ui-btn-hover-b {
	border: 1px solid #8e1a15 /*{b-bhover-border}*/;
	background: #9e241f /*{b-bhover-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{b-bhover-color}*/;
}
.ui-btn-hover-b:visited,
.ui-btn-hover-b:hover,
.ui-btn-hover-b a.ui-link-inherit {
	color: #ffffff /*{b-bhover-color}*/;
}
.ui-btn-down-b {
	border: 1px solid #8e1a15 /*{b-bdown-border}*/;
	background: #711814 /*{b-bdown-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{b-bdown-color}*/;
}
.ui-btn-down-b:visited,
.ui-btn-down-b:hover,
.ui-btn-down-b a.ui-link-inherit {
	color: #ffffff /*{b-bdown-color}*/;
}
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b {
	 font-family: Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}




/* C
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-c {
	border: 1px solid #dddddd /*{c-bar-border}*/;
	background: #dddddd /*{c-bar-background-color}*/;
	color: #3e3e3e /*{c-bar-color}*/;
	font-weight: bold;
}
.ui-bar-c .ui-link-inherit {
	color: #3e3e3e /*{c-bar-color}*/;
}

.ui-bar-c a.ui-link {
	color: #7cc4e7 /*{c-bar-link-color}*/;
	font-weight: bold;
}

.ui-bar-c a.ui-link:visited {
    color: #2489ce /*{c-bar-link-visited}*/;
}

.ui-bar-c a.ui-link:hover {
	color: #2489ce /*{c-bar-link-hover}*/;
}

.ui-bar-c a.ui-link:active {
	color: #2489ce /*{c-bar-link-active}*/;
}

.ui-bar-c,
.ui-bar-c input,
.ui-bar-c select,
.ui-bar-c textarea,
.ui-bar-c button {
	 font-family: Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-c,
.ui-overlay-c {
	border: 1px solid #aaaaaa /*{c-body-border}*/;
	color: #333333 /*{c-body-color}*/;
}
.ui-overlay-c {
	background-image: none;
	border-width: 0;
}
.ui-body-c,
.ui-body-c input,
.ui-body-c select,
.ui-body-c textarea,
.ui-body-c button {
	 font-family: Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-c .ui-link-inherit {
	color: #333333 /*{c-body-color}*/;
}

.ui-body-c .ui-link {
	color: #2489ce /*{c-body-link-color}*/;
	font-weight: bold;
}

.ui-body-c .ui-link:visited {
    color: #2489ce /*{c-body-link-visited}*/;
}

.ui-body-c .ui-link:hover {
	color: #2489ce /*{c-body-link-hover}*/;
}

.ui-body-c .ui-link:active {
	color: #2489ce /*{c-body-link-active}*/;
}

.ui-btn-up-c {
	border: 1px solid #aaaaaa /*{c-bup-border}*/;
	background: #f4f4f4 /*{c-bup-background-color}*/;
	font-weight: bold;
	color: #333333 /*{c-bup-color}*/;
}
.ui-btn-up-c:visited,
.ui-btn-up-c a.ui-link-inherit {
	color: #2f3e46 /*{c-bup-color}*/;
}
.ui-btn-hover-c {
	border: 1px solid #dddddd /*{c-bhover-border}*/;
	background: #dfdfdf /*{c-bhover-background-color}*/;
	font-weight: bold;
	color: #2f3e46 /*{c-bhover-color}*/;
}
.ui-btn-hover-c:visited,
.ui-btn-hover-c:hover,
.ui-btn-hover-c a.ui-link-inherit {
	color: #2f3e46 /*{c-bhover-color}*/;
}
.ui-btn-down-c {
	border: 1px solid #dddddd /*{c-bdown-border}*/;
	background: #d6d6d6 /*{c-bdown-background-color}*/;
	font-weight: bold;
	color: #2f3e46 /*{c-bdown-color}*/;
}
.ui-btn-down-c:visited,
.ui-btn-down-c:hover,
.ui-btn-down-c a.ui-link-inherit {
	color: #2f3e46 /*{c-bdown-color}*/;
}
.ui-btn-up-c,
.ui-btn-hover-c,
.ui-btn-down-c {
	 font-family: Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}




/* D
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-d {
	border: 1px solid #bbbbbb /*{d-bar-border}*/;
	background: #bbbbbb /*{d-bar-background-color}*/;
	color: #333333 /*{d-bar-color}*/;
	font-weight: bold;
}
.ui-bar-d .ui-link-inherit {
	color: #333333 /*{d-bar-color}*/;
}

.ui-bar-d a.ui-link {
	color: #2489ce /*{d-bar-link-color}*/;
	font-weight: bold;
}

.ui-bar-d a.ui-link:visited {
    color: #2489ce /*{d-bar-link-visited}*/;
}

.ui-bar-d a.ui-link:hover {
	color: #2489ce /*{d-bar-link-hover}*/;
}

.ui-bar-d a.ui-link:active {
	color: #2489ce /*{d-bar-link-active}*/;
}

.ui-bar-d,
.ui-bar-d input,
.ui-bar-d select,
.ui-bar-d textarea,
.ui-bar-d button {
	 font-family: Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-d,
.ui-overlay-d {
	border: 1px solid #bbbbbb /*{d-body-border}*/;
	color: #333333 /*{d-body-color}*/;
}
.ui-overlay-d {
	background-image: none;
	border-width: 0;
}
.ui-body-d,
.ui-body-d input,
.ui-body-d select,
.ui-body-d textarea,
.ui-body-d button {
	 font-family: Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-d .ui-link-inherit {
	color: #333333 /*{d-body-color}*/;
}

.ui-body-d .ui-link {
	color: #2489ce /*{d-body-link-color}*/;
	font-weight: bold;
}

.ui-body-d .ui-link:visited {
    color: #2489ce /*{d-body-link-visited}*/;
}

.ui-body-d .ui-link:hover {
	color: #2489ce /*{d-body-link-hover}*/;
}

.ui-body-d .ui-link:active {
	color: #2489ce /*{d-body-link-active}*/;
}

.ui-btn-up-d {
	border: 1px solid #bbbbbb /*{d-bup-border}*/;
	font-weight: bold;
	color: #333333 /*{d-bup-color}*/;
}
.ui-btn-up-d:visited,
.ui-btn-up-d a.ui-link-inherit {
	color: #333333 /*{d-bup-color}*/;
}
.ui-btn-hover-d {
	border: 1px solid #aaaaaa /*{d-bhover-border}*/;
	background: #eeeeee /*{d-bhover-background-color}*/;
	font-weight: bold;
	color: #333333 /*{d-bhover-color}*/;
}
.ui-btn-hover-d:visited,
.ui-btn-hover-d:hover,
.ui-btn-hover-d a.ui-link-inherit {
	color: #333333 /*{d-bhover-color}*/;
}
.ui-btn-down-d {
	border: 1px solid #aaaaaa /*{d-bdown-border}*/;
	background: #eeeeee /*{d-bdown-background-color}*/;
	font-weight: bold;
	color: #333333 /*{d-bdown-color}*/;
}
.ui-btn-down-d:visited,
.ui-btn-down-d:hover,
.ui-btn-down-d a.ui-link-inherit {
	color: #333333 /*{d-bdown-color}*/;
}
.ui-btn-up-d,
.ui-btn-hover-d,
.ui-btn-down-d {
	 font-family: Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}




/* E
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-e {
	border: 1px solid #bbbbbb /*{e-bar-border}*/;
	background: #bbbbbb /*{e-bar-background-color}*/;
	color: #333333 /*{e-bar-color}*/;
	font-weight: bold;
}
.ui-bar-e .ui-link-inherit {
	color: #333333 /*{e-bar-color}*/;
}

.ui-bar-e a.ui-link {
	color: #2489ce /*{e-bar-link-color}*/;
	font-weight: bold;
}

.ui-bar-e a.ui-link:visited {
    color: #2489ce /*{e-bar-link-visited}*/;
}

.ui-bar-e a.ui-link:hover {
	color: #2489ce /*{e-bar-link-hover}*/;
}

.ui-bar-e a.ui-link:active {
	color: #2489ce /*{e-bar-link-active}*/;
}

.ui-bar-e,
.ui-bar-e input,
.ui-bar-e select,
.ui-bar-e textarea,
.ui-bar-e button {
	 font-family: Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-e,
.ui-overlay-e {
	border: 1px solid #ffffff /*{e-body-border}*/;
	color: #222222 /*{e-body-color}*/;
}
.ui-overlay-e {
	background-image: none;
	border-width: 0;
}
.ui-body-e,
.ui-body-e input,
.ui-body-e select,
.ui-body-e textarea,
.ui-body-e button {
	 font-family: Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-e .ui-link-inherit {
	color: #222222 /*{e-body-color}*/;
}

.ui-body-e .ui-link {
	color: #2489ce /*{e-body-link-color}*/;
	font-weight: bold;
}

.ui-body-e .ui-link:visited {
    color: #2489ce /*{e-body-link-visited}*/;
}

.ui-body-e .ui-link:hover {
	color: #2489ce /*{e-body-link-hover}*/;
}

.ui-body-e .ui-link:active {
	color: #2489ce /*{e-body-link-active}*/;
}

.ui-btn-up-e {
	border: 1px solid #8e1a15 /*{e-bup-border}*/;
	background: #8e1a15 /*{e-bup-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{e-bup-color}*/;
}
.ui-btn-up-e:visited,
.ui-btn-up-e a.ui-link-inherit {
	color: #ffffff /*{e-bup-color}*/;
}
.ui-btn-hover-e {
	border: 1px solid #8e1a15 /*{e-bhover-border}*/;
	background: #9e241f /*{e-bhover-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{e-bhover-color}*/;
}
.ui-btn-hover-e:visited,
.ui-btn-hover-e:hover,
.ui-btn-hover-e a.ui-link-inherit {
	color: #ffffff /*{e-bhover-color}*/;
}
.ui-btn-down-e {
	border: 1px solid #8e1a15 /*{e-bdown-border}*/;
	background: #711814 /*{e-bdown-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{e-bdown-color}*/;
}
.ui-btn-down-e:visited,
.ui-btn-down-e:hover,
.ui-btn-down-e a.ui-link-inherit {
	color: #ffffff /*{e-bdown-color}*/;
}
.ui-btn-up-e,
.ui-btn-hover-e,
.ui-btn-down-e {
	 font-family: Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}




/* Structure */

/* links within "buttons" 
-----------------------------------------------------------------------------------------------------------*/

a.ui-link-inherit {
	text-decoration: none !important;
}


/* Active class used as the "on" state across all themes
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-active {
	border: 1px solid #8e1a15 /*{global-active-border}*/;
	background: #8e1a15 /*{global-active-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{global-active-color}*/;
	cursor: pointer;
	text-decoration: none;
	font-family: Arial, sans-serif /*{global-font-family}*/;
}
.ui-btn-active:visited,
.ui-btn-active:hover,
.ui-btn-active a.ui-link-inherit {
	color: #ffffff /*{global-active-color}*/;
}


/* button inner top highlight
-----------------------------------------------------------------------------------------------------------*/

.ui-btn-inner {
}


/* corner rounding classes
-----------------------------------------------------------------------------------------------------------*/

.ui-corner-tl {
	-moz-border-radius-topleft: 0 /*{global-radii-blocks}*/;
	-webkit-border-top-left-radius: 0 /*{global-radii-blocks}*/;
	border-top-left-radius: 0 /*{global-radii-blocks}*/;
}
.ui-corner-tr {
	-moz-border-radius-topright: 0 /*{global-radii-blocks}*/;
	-webkit-border-top-right-radius: 0 /*{global-radii-blocks}*/;
	border-top-right-radius: 0 /*{global-radii-blocks}*/;
}
.ui-corner-bl {
	-moz-border-radius-bottomleft: 0 /*{global-radii-blocks}*/;
	-webkit-border-bottom-left-radius: 0 /*{global-radii-blocks}*/;
	border-bottom-left-radius: 0 /*{global-radii-blocks}*/;
}
.ui-corner-br {
	-moz-border-radius-bottomright: 0 /*{global-radii-blocks}*/;
	-webkit-border-bottom-right-radius: 0 /*{global-radii-blocks}*/;
	border-bottom-right-radius: 0 /*{global-radii-blocks}*/;
}
.ui-corner-top {
	-moz-border-radius-topleft: 0 /*{global-radii-blocks}*/;
	-webkit-border-top-left-radius: 0 /*{global-radii-blocks}*/;
	border-top-left-radius: 0 /*{global-radii-blocks}*/;
	-moz-border-radius-topright: 0 /*{global-radii-blocks}*/;
	-webkit-border-top-right-radius: 0 /*{global-radii-blocks}*/;
	border-top-right-radius: 0 /*{global-radii-blocks}*/;
}
.ui-corner-bottom {
	-moz-border-radius-bottomleft: 0 /*{global-radii-blocks}*/;
	-webkit-border-bottom-left-radius: 0 /*{global-radii-blocks}*/;
	border-bottom-left-radius: 0 /*{global-radii-blocks}*/;
	-moz-border-radius-bottomright: 0 /*{global-radii-blocks}*/;
	-webkit-border-bottom-right-radius: 0 /*{global-radii-blocks}*/;
	border-bottom-right-radius: 0 /*{global-radii-blocks}*/;
	}
.ui-corner-right {
	-moz-border-radius-topright: 0 /*{global-radii-blocks}*/;
	-webkit-border-top-right-radius: 0 /*{global-radii-blocks}*/;
	border-top-right-radius: 0 /*{global-radii-blocks}*/;
	-moz-border-radius-bottomright: 0 /*{global-radii-blocks}*/;
	-webkit-border-bottom-right-radius: 0 /*{global-radii-blocks}*/;
	border-bottom-right-radius: 0 /*{global-radii-blocks}*/;
}
.ui-corner-left {
	-moz-border-radius-topleft: 0 /*{global-radii-blocks}*/;
	-webkit-border-top-left-radius: 0 /*{global-radii-blocks}*/;
	border-top-left-radius: 0 /*{global-radii-blocks}*/;
	-moz-border-radius-bottomleft: 0 /*{global-radii-blocks}*/;
	-webkit-border-bottom-left-radius: 0 /*{global-radii-blocks}*/;
	border-bottom-left-radius: 0 /*{global-radii-blocks}*/;
}
.ui-corner-all {
	-moz-border-radius: 0 /*{global-radii-blocks}*/;
	-webkit-border-radius: 0 /*{global-radii-blocks}*/;
	border-radius: 0 /*{global-radii-blocks}*/;
}
.ui-corner-none {
	-moz-border-radius: 				   0;
	-webkit-border-radius: 				   0;
	border-radius: 						   0;
}

/* Form field separator
-----------------------------------------------------------------------------------------------------------*/
.ui-br {
}

/* Interaction cues
-----------------------------------------------------------------------------------------------------------*/
.ui-disabled {
	filter: Alpha(Opacity=80);
	opacity: .8;
	zoom: 1;
}
.ui-disabled,
.ui-disabled a {
	cursor: default !important;
	pointer-events: none;
}

/* Icons
-----------------------------------------------------------------------------------------------------------*/

.ui-icon,
.ui-icon-searchfield:after {
	background: transparent /*{global-icon-color}*/;
	background: transparent /*{global-icon-disc}*/;
	background-image: url(images/icons-18-black.png) /*{global-icon-set}*/;
	background-repeat: no-repeat;
	-moz-border-radius: 				9px;
	-webkit-border-radius: 				9px;
	border-radius: 						9px;
}


/* Alt icon color
-----------------------------------------------------------------------------------------------------------*/

.ui-icon-alt {
	background: 						#fff;
	background: 						rgba(255,255,255,.3);
	background-image: url(images/icons-18-black.png);
	background-repeat: no-repeat;
}

/* HD/"retina" sprite
-----------------------------------------------------------------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {
	
	.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
	.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
	.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
	.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, 
	.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
		background-image: url(images/icons-36-white.png);
		-moz-background-size: 776px 18px;
		-o-background-size: 776px 18px;
		-webkit-background-size: 776px 18px;
		background-size: 776px 18px;
	}
	.ui-icon-alt {
		background-image: url(images/icons-36-black.png);
	}
}

/* plus minus */
.ui-icon-plus {
	background-position: 	-0 50%;
}
.ui-icon-minus {
	background-position: 	-36px 50%;
}

/* delete/close */
.ui-icon-delete {
	background-position: 	-72px 50%;
}

/* arrows */
.ui-icon-arrow-r {
	background-position: 	-108px 50%;
}
.ui-icon-arrow-l {
	background-position: 	-144px 50%;
}
.ui-icon-arrow-u {
	background-position: 	-180px 50%;
}
.ui-icon-arrow-d {
	background-position: 	-216px 50%;
}

/* misc */
.ui-icon-check {
	background-position: 	-252px 50%;
}
.ui-icon-gear {
	background-position: 	-288px 50%;
}
.ui-icon-refresh {
	background-position: 	-324px 50%;
}
.ui-icon-forward {
	background-position: 	-360px 50%;
}
.ui-icon-back {
	background-position: 	-396px 50%;
}
.ui-icon-grid {
	background-position: 	-432px 50%;
}
.ui-icon-star {
	background-position: 	-468px 50%;
}
.ui-icon-alert {
	background-position: 	-504px 50%;
}
.ui-icon-info {
	background-position: 	-540px 50%;
}
.ui-icon-home {
	background-position: 	-576px 50%;
}
.ui-icon-search,
.ui-icon-searchfield:after {
	background-position: 	-612px 50%;
}
.ui-icon-checkbox-off {
	background-position: 	-684px 50%;
}
.ui-icon-checkbox-on {
	background-position: 	-648px 50%;
}
.ui-icon-radio-off {
	background-position: 	-756px 50%;
}
.ui-icon-radio-on {
	background-position: 	-720px 50%;
}


/* checks,radios */
.ui-checkbox .ui-icon,
.ui-selectmenu-list .ui-icon {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.ui-icon-checkbox-off,
.ui-icon-radio-off {
	background-color: transparent;	
}
.ui-checkbox-on .ui-icon,
.ui-radio-on .ui-icon {
	background-color: #8e1a15 /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
}

/* loading icon */
.ui-icon-loading {
	background: url(images/ajax-loader.gif);
	background-size: 46px 46px;
}


/* Button corner classes
-----------------------------------------------------------------------------------------------------------*/

.ui-btn-corner-tl {
	-moz-border-radius-topleft: 0 /*{global-radii-buttons}*/;
	-webkit-border-top-left-radius: 0 /*{global-radii-buttons}*/;
	border-top-left-radius: 0 /*{global-radii-buttons}*/;
}
.ui-btn-corner-tr {
	-moz-border-radius-topright: 0 /*{global-radii-buttons}*/;
	-webkit-border-top-right-radius: 0 /*{global-radii-buttons}*/;
	border-top-right-radius: 0 /*{global-radii-buttons}*/;
}
.ui-btn-corner-bl {
	-moz-border-radius-bottomleft: 0 /*{global-radii-buttons}*/;
	-webkit-border-bottom-left-radius: 0 /*{global-radii-buttons}*/;
	border-bottom-left-radius: 0 /*{global-radii-buttons}*/;
}
.ui-btn-corner-br {
	-moz-border-radius-bottomright: 0 /*{global-radii-buttons}*/;
	-webkit-border-bottom-right-radius: 0 /*{global-radii-buttons}*/;
	border-bottom-right-radius: 0 /*{global-radii-buttons}*/;
}
.ui-btn-corner-top {
	-moz-border-radius-topleft: 0 /*{global-radii-buttons}*/;
	-webkit-border-top-left-radius: 0 /*{global-radii-buttons}*/;
	border-top-left-radius: 0 /*{global-radii-buttons}*/;
	-moz-border-radius-topright: 0 /*{global-radii-buttons}*/;
	-webkit-border-top-right-radius: 0 /*{global-radii-buttons}*/;
	border-top-right-radius: 0 /*{global-radii-buttons}*/;
}
.ui-btn-corner-bottom {
	-moz-border-radius-bottomleft: 0 /*{global-radii-buttons}*/;
	-webkit-border-bottom-left-radius: 0 /*{global-radii-buttons}*/;
	border-bottom-left-radius: 0 /*{global-radii-buttons}*/;
	-moz-border-radius-bottomright: 0 /*{global-radii-buttons}*/;
	-webkit-border-bottom-right-radius: 0 /*{global-radii-buttons}*/;
	border-bottom-right-radius: 0 /*{global-radii-buttons}*/;
}
.ui-btn-corner-right {
	 -moz-border-radius-topright: 0 /*{global-radii-buttons}*/;
	-webkit-border-top-right-radius: 0 /*{global-radii-buttons}*/;
	border-top-right-radius: 0 /*{global-radii-buttons}*/;
	-moz-border-radius-bottomright: 0 /*{global-radii-buttons}*/;
	-webkit-border-bottom-right-radius: 0 /*{global-radii-buttons}*/;
	border-bottom-right-radius: 0 /*{global-radii-buttons}*/;
}
.ui-btn-corner-left {
	-moz-border-radius-topleft: 0 /*{global-radii-buttons}*/;
	-webkit-border-top-left-radius: 0 /*{global-radii-buttons}*/;
	border-top-left-radius: 0 /*{global-radii-buttons}*/;
	-moz-border-radius-bottomleft: 0 /*{global-radii-buttons}*/;
	-webkit-border-bottom-left-radius: 0 /*{global-radii-buttons}*/;
	border-bottom-left-radius: 0 /*{global-radii-buttons}*/;
}
.ui-btn-corner-all {
	-moz-border-radius: 0 /*{global-radii-buttons}*/;
	-webkit-border-radius: 0 /*{global-radii-buttons}*/;
	border-radius: 0 /*{global-radii-buttons}*/;
}

/* radius clip workaround for cleaning up corner trapping */
.ui-corner-tl,
.ui-corner-tr,
.ui-corner-bl,
.ui-corner-br,
.ui-corner-top,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-left,
.ui-corner-all,
.ui-btn-corner-tl,
.ui-btn-corner-tr,
.ui-btn-corner-bl,
.ui-btn-corner-br,
.ui-btn-corner-top,
.ui-btn-corner-bottom,
.ui-btn-corner-right,
.ui-btn-corner-left,
.ui-btn-corner-all {
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

/* Overlay / modal
-----------------------------------------------------------------------------------------------------------*/

.ui-overlay {
	background: #666;
	filter: Alpha(Opacity=50);
	opacity: .5;
	position: absolute;
	width: 100%;
	height: 100%;
}
.ui-overlay-shadow {
	-moz-box-shadow: 0px 0px 12px 		rgba(0,0,0,.6);
	-webkit-box-shadow: 0px 0px 12px 	rgba(0,0,0,.6);
	box-shadow: 0px 0px 12px 					rgba(0,0,0,.6);
}
.ui-shadow {
}
.ui-bar-a .ui-shadow,
.ui-bar-b .ui-shadow ,
.ui-bar-c .ui-shadow  {
}
.ui-shadow-inset {
}
.ui-icon-shadow {
}

/* Focus state - set here for specificity (note: these classes are added by JavaScript)
-----------------------------------------------------------------------------------------------------------*/

.ui-btn:focus, .ui-link-inherit:focus {
	outline: 0;
}
.ui-btn.ui-focus {
	z-index: 1;
}
.ui-focus,
.ui-btn:focus {
}
.ui-input-text.ui-focus,
.ui-input-search.ui-focus {
}

/* unset box shadow in browsers that don't do it right
-----------------------------------------------------------------------------------------------------------*/

.ui-mobile-nosupport-boxshadow * {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/* ...and bring back focus */
.ui-mobile-nosupport-boxshadow .ui-focus,
.ui-mobile-nosupport-boxshadow .ui-btn:focus,
.ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
	outline-width: 1px;
	outline-style: auto;
}








.ui-header[data-role="header"] {
	background-image: url(hof_500px.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 150px;
	text-align: center;
}

.ui-header[data-role="header"] .ui-title {
	display: inline-block;
	height: 100%;
	width: 100%;
	background-image: url(logo.svg);
	background-position: center center;
	background-size: 148px 80px;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	color: rgba(0,0,0,0);
}

#house_name {
	display: none;
}

.ui-input-datebox .ui-btn-up-c {
	border: none;
	background: none;
	font-weight: bold;
	color: #2f3e46 /*{c-bup-color}*/;
}

.ui-datebox-container .ui-header .ui-btn-up-a {
	background: none;
	border: none;
}

.ui-datebox-container .ui-header .ui-btn-hover-a {
	background: rgba(0,0,0,0.1);
	border: none;
}

.ui-btn-up-d {
	border-color: #fff;
}

div[data-role="navbar"] a {
	padding: 10px 5px;
}

#nights_container  .ui-mini.ui-btn-icon-left .ui-btn-inner {
	padding-left: 11px;
}

#nights_container .ui-btn {
	padding-left: 15px;
	padding-right: 15px;
}
#booknow_row_collapse {
  padding-bottom: 20px;
}
#booknow_form .ui-btn-hover-c {
	border: 1px solid #aaaaaa;
	background: rgba(0,0,0,0.1);
}

#booknow_form .ui-input-datebox .ui-btn-hover-c {
	border: none;
	background: none;
}

#booknow_form .ui-input-datebox, #booknow_form .ui-input-datebox input {
	cursor: pointer;
}

#booknow_form .ui-btn-up-c {
	background: none;
}

#booknow_hostelinfobox li {
	background: none;
	border: none;
}

#progress_bar .ui-btn-up-c,
#progress_bar .ui-btn-up-d,
#progress_bar .ui-btn-hover-d {
	border: none;
	/*border-right: 1px solid #000000 /*{c-bup-border}*/;
	background: #3f3f3f /*{c-bup-background-color}*/;
	color: #CCCCCC /*{c-bup-color}*/;
	font-weight: normal;
	line-height: 16px;
}

#progress_bar .ui-btn-up-b {
	border: none;
	background: #8e1a15;
	font-weight: normal;
	line-height: 16px;
}

#progress_bar .ui-grid-c >:nth-child(n) {
	margin-right: 0;
}

#progress_bar .ui-btn-up-d {
	color: #FFFFFF;
}

.ui-datebox-container {
	background-color: #f9f9f9;
	border: 1px solid #111 !important;
}

.ui-datebox-griddate:not(.ui-datebox-griddate-disable) {
	cursor: pointer;
}

.ui-datebox-container .ui-btn-up-a {
	background-color: #8e1a15;
	border: 1px solid #FFF;
}

.ui-datebox-container .ui-btn-up-b {
	background-color: #CCC;
	border: 1px solid #FFF;
	color: #000;
}

.error_box {
	color: #a94442 !important;
  background: #f2dede !important;
	border: 1px solid #ebccd1 !important;
  border-radius: 4px !important;
	text-shadow: none !important;
}

.info_box {
	color: #79ab41 !important;
  background: #e9f2dd !important;
	border: 1px solid #ddebcd !important;
  border-radius: 4px !important;
	text-shadow: none !important;
}

#articles_form .ui-btn-up-b,
#articles_form .ui-btn-hover-b {
	background: none;
	border: none;
	border-bottom: 1px solid #333;
	color: #333;
}

#articles_form .ui-collapsible-content {
	padding: 10px 0;
}

#articles_form .ui-li-static.ui-li {
	padding: 15px 0;
	margin-bottom: 15px;
}

#articles_form .article-row.ui-btn-up-c {
	background: none;
	border: none;
	border-bottom: 1px solid #AAA;
}

.ui-btn-up-c, 
.ui-btn-hover-c {
	background: #FFF;
}

#articles_form label.ui-btn-hover-c {
	border-color: inherit;
}

#articles_form .ui-checkbox+br {
	display: none;
}

.ui-dialog .ui-btn-up-a, .ui-dialog .ui-btn-hover-a {
	background: none;
	border: none;
}

.ui-icon, .ui-icon-searchfield:after {
	background-image: url(images/icons-18-black.png) !important;
}

.ui-btn-hover-e .ui-icon, .ui-btn-up-e .ui-icon, .ui-btn-up-e .ui-icon-searchfield:after {
	background-image: url(images/icons-18-white.png) !important;
}

.ui-bar-b {
	background: #e9e9e9;
	border-color: #AAAAAA;
}


/* Rope Dye Media */
.ui-navbar .ui-btn-inner .ui-btn-text {
    font-size: 115%;
    color: #fff;
    z-index: 1;
    width: 100%;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    line-height: 95%;
}


.ui-controlgroup-controls .ui-btn-text {
    font-size: 115%;
    color: #222;
    z-index: 1;
}

/* CRS4 SPECIFIC */

/* temp */
#demo-version {
    display: none;
}
.container {
    margin-top: 40px;
}



.nav.nav-pills.nav-justified.main-nav {
    background: #ccc;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #8e1a15;
}
.active .hidden-xs {
    font-size: 120%;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.disabled .hidden-xs {
    font-size: 120%;
    text-transform: uppercase;

}
.nav-justified > li > a {
    text-align: center;
    text-decoration: none;

}
.main-nav .hidden-xs {
    font-size: 120%;
    text-transform: uppercase;
}
.nav-pills > li:first-child > a {
    border-bottom-left-radius: 0px;
}
.btn-primary,
.btn-success {
    color: #222;
    background-color: #fff;
    border: 4px solid #8e1a15;
	border-radius: 12px;
}

/* .btn-primary, .btn-success {
  color: #000;
  background-color: #ccc;
  border: 4px solid #8e1a15;
  border-radius: 12px;
  } 
19:33  */


.btn-primary,
.modal-dialog .btn-default {
    color: #000;
    background-color: #fff;
    border: 4px solid #8e1a15;
    border-radius: 12px;
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.modal-dialog .btn-default:focus,
.modal-dialog .btn-default.focus,
.btn-default:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:hover {
  color: #fff!important;
  background-color: #8e1a15!important;
  border-color: #8e1a15!important;
}
.btn-primary:active,
.btn-primary.active,
.modal-dialog .btn-default:active,
.modal-dialog .btn-default.active,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff!important;
  background-color: #8e1a15!important;
  border-color: #8e1a15!important;
}
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff!important;
  background-color: #8e1a15!important;
  border-color: #8e1a15!important;
}
.btn:hover > span {
    vertical-align: text-bottom;
    color: #fff;
}
.btn.btn-success.btn-change-booking {
    margin-bottom: 0 !important;
}
.btn-full-width {
    width: 60%;
    margin: 2px auto;
    display: block;
}
#booknow_form.form-inline > .btn {
    margin-bottom: 0;
}

@media (max-width: 767px) {
.btn-full-width {
    width: 100%;
    margin: 2px auto;
    display: block;
}
}
.glyphicon.glyphicon-menu-right {
    color: #000;
    font-size: 13px;
}
.glyphicon.glyphicon-menu-right:hover {
    color: #fff;
    font-size: 13px;
}
.panel-primary > .panel-heading {
 color: #fff;
    background-color: #8e1a15;
    border-color: #8e1a15;
}
.panel-primary a {
    color: #23527c;
    text-transform: uppercase;
    text-decoration: none !important;
}
.panel > button {
    border-radius: 12px;
	margin-top: 20px;
margin-bottom: 20px;
}
.mini-art-info.glyphicon.glyphicon-info-sign.left {
    color: #000;
}
#button_book {
    width: 90%;
    border-radius: 12px;
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: absolute;
    left: 28px;
}
.article-select-btn {
  padding-left: 10px;
  margin-right: 10px;
}
#terms_accepted_wrap label {
    padding-left: 30px!important;
}
.btn-danger {
  background-color: #aaa;
  border: 3px solid #444;
  border-radius: 10px;
  color: #fff;
}
.btn-danger:hover {
  color: #fff;
  background-color: #444;
  border-color: #aaa;
}
input[type="checkbox"] {
    margin: 2px 0 0;
	-ms-transform: scale(1.4); /* IE */
  -moz-transform: scale(1.4); /* FF */
  -webkit-transform: scale(1.4); /* Safari and Chrome */
  -o-transform: scale(1.4); /* Opera */
  padding: 10px;
}
#type_of_payment > label {
    margin-top: 3px;
}


.col-sm-3.house-image-wrapper {
    background: #bbb;
	min-height: 160px;
}
.house-info-left .house-image-wrapper, .house-info-left .house-desc {
    padding: 5px;
    margin: 5px;
}
#booknow_hostelinfobox[data-sidebar] .house-image-wrapper {
    width: 97%;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    margin: 5px 0px 5px 5px;
}
.house-info-left .missing-image.glyphicon {
    color: #bbb;
    font-size: 6em;
    margin: 10px 0px;
    padding: 47px;
    text-align: center;
    width: 100%;
    background: #bbb;
background-image: url(https://www.diefabrik.com/wp-content/uploads/2018/05/fabrik-logo-drop.png);
	/*    background-image: url(/wp-content/uploads/2018/05/downtown-logo-drop-pink.png); */
    height: 100%;
    background-size: contain;
	background-repeat: no-repeat;
}
.glyphicon-picture:before {
    content: " ";
}

@media (min-width: 768px) {
#booknow_form.form-inline > .form-group {
    margin-right: 1.5em;
    margin-top: 1.5em;
    border-left: 1px #eee solid;
    padding-left: 10px;
}
}
#summary_box {
  min-width: 93%;
}

.ui-datepicker .ui-datepicker-next::after {
    content: '+';
    font-size: 2em;
}
.ui-datepicker .ui-datepicker-prev::before {
	 content: '';
    font-size: 2em;
}

.ui-datepicker .ui-datepicker-prev::after {
    content: '-';
    font-size: 2em;
}


#summary-jumper .panel-heading {
    color: #fff;
    background-color: #333;
}


a.more-info {
    font-size: 14px;
    font-style: normal;
    color: #222;

}
/* pickups */

.panel-body .bookingInfo {
  line-height: 1.5em;
}

.active .visible-xs .fas {
  color: #fff !important;
}
.nav-justified>li>a {
    margin-bottom: 0;
}
.panel-body:hover {
  background-color: #f5f5f5;
}

.nav > li > a {
  padding: 10px 5px;
}

.media-body {
  padding-left: 15px;
}
@media (max-width: 768px) {
.modal-dialog {
  margin-top: 0;
  margin-bottom: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.modal.fade .modal-dialog {
  transform: translate(0, -100%);
}

.modal.in .modal-dialog {
  transform: translate(0, 0);
}
.modal-dialog {
  margin-top: 0;
  margin-bottom: 0;
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}  
}	  
  
  
/* PINK #b620b3 */
/* RED #8e1a15 */