/* Open Hospitality Teaser */
#teaserWrapper {border: 1px solid #000000; position: relative; width: 220px;}
.teaser-dates {position: relative; display: inline-block;}
#inDateContainer,
#outDateContainer {position: absolute; z-index: 20; top: 30px; left: 0;}
.teaser-button { background-color: #FCBC12; color: #fff; cursor: pointer; padding: 0 10px; line-height: 20px; font-size: 13px; text-transform: uppercase;}
#teaser-close {background-color:  #F0C106;; color: #fff; text-align: center; cursor: pointer; padding: 7px 0; text-transform: lowercase;}
.teaser-link {display: block; text-align: center; margin: 4px 0 0 10px; color: #F0C106; font-size: 1.1em; float: center;}

/* Teaser Header */
#teaserHeader {background-color:  #F0C106;; 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('arrow-left.png');}
.pdarrows.right {background-image: url('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: 8px 0; font-size: 12px; line-height: 12px;}
#teaserboxCalendar .col {color: #000; cursor: pointer;}
#teaserboxCalendar .col:hover {background-color:  #F0C106;; color: #fff;}
#teaserboxCalendar .disabled,
#teaserboxCalendar .disabled:hover {background-color: #ddd; color: #bbb; cursor: default;}
#teaserboxCalendar .dateCol {background-color:  #F0C106;; color: #fff; text-transform: uppercase; font-weight: bold;}
#teaserboxCalendar .disableMonth {display: none;}
#teaserboxCalendar .selected {background-color: #F0C106;; color: #fff;}
#teaserboxCalendar .prevSelected {background-color:  #F0C106;; color: #fff; cursor: default;}

/* Layout */
.ohteaser,
.ohteaser fieldset {background-color: #cc; border: none;}
.clear {clear: both;}
.hidden {display: none;}

.teaser-dates input,
.teaser-dropdown,
.teaser-promo {border: 1px solid #ccc; float: left; margin-right: 10px; font-size: 12px;}

.teaser-dates,
.teaser-button {float: left;}

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

.teaser-dropdown {padding: 2px 2px;}
.teaser-dates input {cursor: pointer;}