/* main calendar holder */

.calendarHolder {
	background-color: #05374e;
    border: 1px solid #9cc4c8;
}
.calendarHolder a, .calendarHolder a:hover, .calendarHolder a:active, .calendarHolder a:visited, .calendarHolder a:link  {
    font-size: 11px;
    padding-right: 12px;
}

/* close link */
.closeButton a {
  background: url(/fourpoints/images/icons/toolTipClose.png) no-repeat right;
  font-weight: bold;
}

.closeButton a, .closeButton a:active, .closeButton a:link, .closeButton a:visited, .closeButton a:hover {
	color: #FFFFFF;
    font-weight: bold;
    text-transform: capitalize;
    text-decoration: none;
}

/* next and previous button */
.calendarNavigationPrevious {
  background: url(/fourpoints/images/calendar/leftArrow.gif) no-repeat left;
  width: 5px;
  height: 10px;
}
.calendarNavigationNext {
  background: url(/fourpoints/images/calendar/rightArrow.gif) no-repeat right;
  width: 5px;
  height: 10px;
}
/* month header color */
.calendarHeader {
	background-color: #8cb9be;
}
.month {
  color: #FFFFFF;
}

/* day states */
.pastDay, .available, .selectedCheckIn, .selectedCheckOut, .selectedInterval, .unselected, .hoverCheckOut, .hoverCheckIn, .invalidDay {
  background-image: url(/fourpoints/images/calendar/calendar_cells.gif);
}
.pastDay, .unselected a, .unselected a:link, .unselected a:visited, .unselected a:hover, .unselected a:active, .invalidDay {
  color: #bbbbbb;
}
.available a,
.available a:link,
.available a:visited {
  padding: 0;
  margin: 0;
  text-decoration: none;
  display: block;
}
/* reset button */
.reset .resetButton a,
.reset .resetButton a:link,
.reset .resetButton a:active,
.reset .resetButton a:visited,
.reset .resetButton a:hover {
	text-transform: capitalize;
	color: #FFFFFF;
    font-size: 12px;
	font-weight: bold;
}

/* instructions and controls */

.menuHolder .travelDateHolder {
    color: #FFFFFF;
	font-weight: bold;
}

.menuHolder .travelDateHolder .resetDateLink {
	font-size: 10px;
    color: #FFFFFF;
	text-transform:capitalize;
}

.menuHolder .travelDateHolder ol li.active {
	background-color: #FFFFFF;
	font-size: 14px;
	padding: 5px 0 5px 10px;
	border: 1px solid #d9d2c6;
}

.menuHolder .travelDateHolder ol .checkInInstructionsActive {
	color: #529FAF;
}

.menuHolder .travelDateHolder ol .checkOutInstructionsActive {
	color: #05374E;
}
.menuHolder .travelDateHolder ol .submitInstructionsActive {
	color: #727272;
}

.menuHolder .travelDateHolder ol #submitInstructions * {
  display: inline;
}
.menuHolder .buttonLink {
  margin-left: 10px;
  background-color: transparent;
}
.menuHolder .continueButton {
  padding: 0;
  margin: 0 0 0 10px;
}
.menuHolder .continueButton a,
.menuHolder .continueButton a:visited,
.menuHolder .continueButton a:active,
.menuHolder .continueButton a:hover,
.menuHolder .continueButton a:link {
  padding: 3px 10px 3px 10px;
}
* html .menuHolder .continueButton a,
* html .menuHolder .continueButton a:visited,
* html .menuHolder .continueButton a:active,
* html .menuHolder .continueButton a:hover,
* html .menuHolder .continueButton a:link {
  padding: 5px 20px 5px 5px;  
}
.menuHolder .buttonLink a,
.menuHolder .buttonLink a:link,
.menuHolder .buttonLink a:visited,
.menuHolder .buttonLink a:active,
.menuHolder .buttonLink a:hover {
  border: none;
}
.calendarToolTip {
  border: 1px solid #dbd7c8;
  font-weight: bold;
}
.checkInToolTip {
  color: #8cb9be;
}
.checkOutToolTip {
  color: #05374e;
}

.calendarHolder .calendarTableInner a,
.calendarHolder .calendarTableInner a:link,
.calendarHolder .calendarTableInner a:active,
.calendarHolder .calendarTableInner a:visited,
.calendarHolder .calendarTableInner a:hover {
    color: #777777;
    font-weight:normal;
    margin: 0 0 0 -1px;
}

.calendarHolder .calendarTableInner .validCheckOut a,
.calendarHolder .calendarTableInner .selectedInterval a {
    color: #FFFFFF;
    font-weight:normal;    
}

.calendarHolder .calendarTableInner .pastDay,
.calendarHolder .calendarTableInner .unselected a,
.calendarHolder .calendarTableInner .unselected a:link,
.calendarHolder .calendarTableInner .unselected a:visited,
.calendarHolder .calendarTableInner .unselected a:active,
.calendarHolder .calendarTableInner .invalidDay {
    color: #777777;
}

.calendarHolder .calendarTableInner .unselected a:hover,
.calendarHolder .selectedCheckIn a,
.calendarHolder .selectedCheckIn a:active,
.calendarHolder .selectedCheckIn a:hover,
.calendarHolder .selectedCheckIn a:visited,
.calendarHolder .selectedCheckIn a:link,
.calendarHolder .selectedCheckOut a,
.calendarHolder .selectedCheckOut a:active,
.calendarHolder .selectedCheckOut a:hover,
.calendarHolder .selectedCheckOut a:visited,
.calendarHolder .selectedCheckOut a:link,
.calendarHolder .hoverCheckIn a,
.calendarHolder .hoverCheckIn a:active,
.calendarHolder .hoverCheckIn a:hover,
.calendarHolder .hoverCheckIn a:visited,
.calendarHolder .hoverCheckIn a:link,
.calendarHolder .hoverCheckOut a,
.calendarHolder .hoverCheckOut a:active,
.calendarHolder .hoverCheckOut a:hover,
.calendarHolder .hoverCheckOut a:visited,
.calendarHolder .hoverCheckOut a:link {
    color: #FFFFFF;
    font-weight: bold;
}