/* Open Hospitality Teaser */
#teaserWrapper {border: 1px solid #1e0c05; position: relative; width: 235px;}
.teaser-dates {position: relative; z-index: 30;}

#inDateContainer,
#outDateContainer {position: absolute; z-index: 200; bottom: 17px; left: 0; margin-top: 0;}
.teaser-button {
	width: 100%;
	background-color: #1e0c05;
	color: #fff;
	cursor: pointer;
	padding: 0 10px;
	line-height: 20px;
	font-size: 25px;
	text-transform: uppercase;
	height:40px;
	text-align:center;
	border: none;
	font-family: 'Vidaloka', serif;
	margin-top: 10px
}
#teaser-close {background-color: #1e0c05; color: #fff; text-align: center; cursor: pointer; padding: 7px 0; text-transform: lowercase;}
.teaser-link {display: block; width: 100%; text-align: right; margin-top: 10px; color: #120500; font-size: 16px; text-transform: uppercase; border-bottom: 1px solid #cccccc; font-family: "PT Sans", sans-serif; text-decoration: none; height: 16px}
.teaser-link span {display: inline-block; background: #fff; float: right; padding: 0 0 2px 2px}

/* Teaser Header */
#teaserHeader {background-color: #3a2218; color: #fff; height: 38px; text-align: center; width: 100%; position: relative;}
.pdarrows {background-repeat: no-repeat; width: 15%; height: 38px; float: left; cursor: pointer; background-position: center center;}
.pdarrows.disabled {opacity: .5; filter: alpha(opacity=50); cursor: default;}
.pdarrows.left {background-image: url('../bpimages/arrow-left.png');}
.pdarrows.right {background-image: url('../bpimages/arrow-right.png');}
.headerMonth {width: 70%; float: left; text-transform: uppercase; font-size: 14px; height: 38px; line-height: 38px; font-weight: bold;}
.headerMonth a {color: #fff; text-decoration: none;}

/* Calendar*/
#teaserboxCalendar {background-color: #fff; width: 100%; text-align: center; border-collapse: collapse; border-spacing: 0;}
#teaserboxCalendar th,
#teaserboxCalendar td {padding: 9px 0; font-size: 12px; line-height: 12px; text-align: center; width: 14%;}
#teaserboxCalendar .col {color: #000; cursor: pointer;}
#teaserboxCalendar .col:hover {background-color: #1e0c05; color: #fff;}
#teaserboxCalendar .disabled,
#teaserboxCalendar .disabled:hover {background-color: #ddd; color: #bbb; cursor: default;}
#teaserboxCalendar .dateCol {background-color: #1e0c05; color: #fff; text-transform: uppercase; font-weight: bold;}
#teaserboxCalendar .disableMonth {display: none;}
#teaserboxCalendar .selected {background-color: #3a2218; color: #fff;}
#teaserboxCalendar .prevSelected {background-color: #1e0c05; color: #fff; cursor: default;}

/* Layout */
.ohteaser,
.ohteaser fieldset {border: none;}
.clear {clear: both;}
.hidden {display: none;}

.teaser-dates input,
.teaser-dropdown,
.teaser-promo {margin-bottom: 10px; font-size: 12px;}

.teaser-dates input,
.teaser-promo {padding: 3px 2px;}

.teaser-dropdown,
.teaser-dates input,
.teaser-promo {
	width: 235px;
	background:#f3f3f3;
	border:none;
	border-top:1px solid #cccccc;
	height:35px;
	color:#807f80;
}
.teaser-dropdown{
	width:100px;
	margin-right:8px;
}


.teaser-dropdown {padding: 2px 2px;}
.teaser-dates input {cursor: pointer; padding: 3px 45px 3px 15px; background: url(../bpimages/teaser_cal_icon.png) no-repeat right center #f3f3f3; font-family: "PT Sans", sans-serif; font-size: 12px}

.ohteaser {width: 235px;}

#inDate,
#outDate {cursor: pointer}
#inDate,
#outDate,
#rooms {float: left; margin-bottom: 5px; margin-right: 10px; width: 100%;}
#adults {float: left; margin-bottom: 10px;}
#children {float: right;}

.teaser-field {width: 235px; height: 35px; border-top:1px solid #cccccc; position: relative; background: #f3f3f3}
.teaser-text {position: absolute; width: 65px; height: 25px; top: 2px; left: 15px; color: #807f80; font-family: "PT Sans", sans-serif; font-size: 12px}

.teaser-dates .teaser-text {top: 10px;}
.teaser-dates  .teaser-icon {background-image: url('../bpimages/teaser_cal_icon.png'); padding: 0; height: 20px; width: 33px; float: right; margin-top: 5px; cursor: pointer}



.occupancy .teaser-text span.label {display: inline-block; width: auto; padding-right: 8px; margin-top: 8px; top:0px !important;}
.occupancy .teaser-icon {background: none; border-left: 1px solid #cccccc; padding: 0; height: 20px; width: 33px; float: right; margin-top: 5px}
.occupancy .teaser-icon .sm {width: 33px; height: 10px; cursor: pointer; background-image: url('../bpimages/teaser-occu-arrows.png'); background-repeat: no-repeat; }
.occupancy .teaser-icon .sm-add {background-position: 0 0;}
.occupancy .teaser-icon .sm-sub {background-position: 0 -10px;}
.occupancy.disable,
.occupancy .teaser-icon .disable {cursor: default; opacity: .5; filter: alpha(opacity=50);}




.children {float: left; }
.adults {float: left; }
.rooms {width: 100%;}

#teaserBoxContainer{
	padding:20px 0;
	border-top:1px solid #a8a8a8;
}


/* MEDIA QUERIES ---------------------------------------------------------------------- 

@media only screen and (max-device-width : 1024px){

}


@media only screen and (max-device-width : 1024px) and (orientation:portrait){
.ohteaser {width: 335px}
.teaser-dates .teaser-icon {height: 40px; width: 60px; background-size: cover}
.occupancy .teaser-icon {width: 40px; height: 40px}
.occupancy .teaser-icon .sm {height: 20px; width: 40px; background-size: 100% auto; background-position: 0 3px!important}
.teaser-field {height: 55px; width: 160px}
.teaser-link {font-size: 26px}
.teaser-text {font-size: 26px; width: 150px}
#teaser-close {font-size: 26px}
}

*/
#children .teaser-text {width: 140px;}
#children .teaser-text span {float: left; position: relative; top: 8px;}
#children .occupancy .teaser-text span.label {width: 125px; float: left; margin-right: 8px; top: 0 !important;}