﻿#calArrival {
  background-color: #FFFFFF;
  border: solid 1px #E3E9EF;
  margin: 1em 0px 1em 131px;
  width: 420px;
}
#ddlVolwassenen {
  margin: 0px 0px 0px 14px;
}
#ddlKinderen {
  margin: 0px 0px 0px 38px;
}
#txtOpmerking {
  margin: 0px 0px 0px 51px;
  vertical-align: top;
}
A.NextYear,
A.PrevYear {
  color: #000000;
  text-decoration: none;
}
A.NextYear:hover,
A.PrevYear:hover {
  color: #000000;
  text-decoration: underline;
}
DIV.calendarLeft {
  float: left;
  margin: 0px 0px 1em 0px;
  width: 570px;
  overflow: hidden;
}
DIV.calendars {
  clear: both;
  margin: 1em 0px 0em 0px;
  width: 600px;
}
DIV.calendarRight {
  float: right;
  margin: 0px 0px 1em 0px;
  overflow: hidden;
  width: 255px;
}
DIV.calendarSelected1 {
  float: left;
  width: 200px;
}
DIV.calendarDiv {
  margin: 0em 0em 1em 0em;
  float: right;
  width: 400px;
}
DIV.calendarSelected2 {
  float: left;
  width: 200px;
}
DIV.calendarSelected3 {
  float: right;
  width: 200px;
}
DIV.calendarYearButtons {
  clear: both;
  margin: 0em 0px 0em 131px;
  width: 420px;
}
DIV.calenderYearButtonsLeft {
  background-color: #FFFFFF;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-color: #E3E9EF;
  float: left;
  padding: 2px;
  width: 105px;
}
DIV.calendarYearButtonsDiv {
  background-color: #FFFFFF;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-color: #E3E9EF;
  float: right;
  width: 309px;
}
DIV.calendarYearButtonsCenter {
  float: left;
  width: 200px;
}
DIV.calendarYearButtonsRight {
  float: right;
  padding: 2px;
  text-align: right;
  width: 105px;
}
DIV.double {
  color: #FF0000;
  margin: 1em 0px 1em 0px;
}
DIV.explanation {
  background-color: #F9F9F9;
  border: solid 1px E3E9EF;
  clear: both;
  height: 70px;
  margin: 0px 0px 1em 0px;
  width: 825px;
}
DIV.explanationCenter {
  background-image: url(../images/calendar/explanation_center.gif);
  background-position: left top;
  background-repeat: repeat-x;
  float: left;
  height: 63px;
  overflow: hidden;
  padding: 7px 13px 0px 13px;
  width: 733px;
}
DIV.explanationDiv {
  float: right;
  height: 70px;
  width: 769px;
}
DIV.explanationLeft {
  background-image: url(../images/calendar/explanation_left.png);
  background-position: left top;
  background-repeat: no-repeat;
  height: 70px;
  float: left;
  width: 56px;
}
DIV.explanationRight {
  background-image: url(../images/calendar/explanation_right.png);
  background-position: left top;
  background-repeat: no-repeat;
  height: 70px;
  float: right;
  width: 10px;
}
DIV.invoice {
  background-image: url(../images/calendar/invoice.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  border: solid 1px #9CDE24;
  height: 218px;
  margin: 29px 1px 0px 0px;
  width: 251px;
}
DIV.invoicetotalvalue {
  clear: both;
  font-size: 150%;
  margin: -0.2em 0px 0px 0px;
  width: 249px;
  text-align: center;
}
DIV.invoicevalues {
  border: solid 1px #FFFFFF;
  height: 216px;
  width: 249px;
}
DIV.NightsLabel {
  float: left;
  padding: 2px 4px 0px 0px;
}
DIV.progressHolder {
  background-image: url(../images/calendar/progress.png);
  background-position: left top;
  background-repeat: repeat-x;
  border-color: #9CDE24;
  border-style: solid;
  border-width: 1px;
  height: 228px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  top: 633px;
  width: 822px;  
}
DIV.progressIndicator,
DIV.progressText {
  clear: both;
  text-align: center;
}
DIV.progressIndicator {
  margin: 100px 0px 0.6em 0px;
}
DIV.progressOverlay {
  background-image: url(../images/calendar/progress_overlay.png);
  background-position: left top;
  background-repeat: no-repeat;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  height: 226px;
  padding: 0px 0px 0px 0px;
  width: 820px; 
}
DIV.restriction {
  clear: both;
  color: #646D36;
  float: right;
  font-size: 60%;
  margin: 2px 4px 0px 0px;
}
DIV.steps {
  clear: both;
  width: 100px;
}
DIV.step1 {
  color: #CFCFCF;
  float: left;
}
DIV.step2 {
  color: #9B9B9B;
  margin: 0.82em 0px 1em 0px;
  float: right;
}
DIV.wizard {
  clear: both;
}
SELECT.Nights {
  display: inline;
}
SPAN.costs {
  color: #646D36;
  font-size: 180%;
  margin: 4px 0px 0.5em 4px;
}
SPAN.number {
  color: #F2AF3B;
  font-size: 300%;
  vertical-align: middle;
}
SPAN.total {
  color: #F2AF3B;
  font-size: 270%;
  vertical-align: middle;
}
TABLE.invoice {
  margin: 0px 4px 0px 5px;
  width: 240px;
}
TD.invoicelabel,
TD.invoicetotal {
  color: #323232;
  font-weight: bold;
  width: 175px;
}
TD.invoicetotal,
TD.invoicetotalvalue {
  padding: 0.3em 0em 0.5em 0em;
}
TD.invoicetotalvalue {
  border-color: #323232;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
}
TD.invoicesublabel UL {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 1em;  
}
TD.invoicevalue {
  width: 65px;
}
TD.past {
  color: #969696;
}
TD.available {
  background-color: #D2FFD2;
  color: #3E8613;
}
TD.label {
  width: 124px;
}
TD.unavailable {
  background-color: #FFD2D2;
  color: #F23B3B;
}
TD.reserved {
  border: solid 1px #0000FF;
}
TD.scroll A {
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
}
TD.scroll A:hover {
  font-weight: normal;
  text-decoration: underline;
  white-space: nowrap;
}
