div.msgcc {
  width: 400px;
  margin: 10px 0px 10px 40px;
  padding: 5px;
  border: 3px solid black;
  font-weight: normal;
  background-color: #a7b695;
}

p.att {
  margin: 0px 0px 5px 0px;
  text-align: center;
  padding: 5px;
  color: #a7b695;
  font-weight: bold;
  background-color: #82002f;
  border: 1px solid black;
}

div.box-title {
  padding: 6px;
  font: bold 11px sans-serif;
  text-align: center;
  background-color: black;
  color: #E0E0E0;
}

div.box-subtitle {
  margin: 5px 0;
  padding: 1px;
  border: 2px groove;
  font-weight: bold;
  background-color: #8F9C82;
}

div.box-content {
  margin: 20px 10px;
}

div.box-block {
  margin: 6px 0;
}

div.box-block-title {
  padding: 2px;
  font: normal 11px sans-serif;
  text-align: center;
  background-color: black;
  color: #E0E0E0;
}

div.box-buttons {
  text-align: center;
}

div#popup {
  margin: 0;
  padding: 0;
  background-color: white;
}

div#reservationbox {
  margin: 4px 1px;
  padding: 1px;
  border: 1px solid white;
  background-color: #A7B695;
}

div#customerloginbox {
  margin: 4px 1px;
  padding: 1px;
  border: 1px solid white;
  background-color: #A7B695;
}

div#phonesbox {
  margin: 0;
  text-align: right;
}

div#front-rightbox {
  float: right;
  width: 169px;
  background-color: #A7B695;
  /* Trick: http://www.positioniseverything.net/articles/onetruelayout/equalheight */
  padding-bottom: 32767px;
  margin-bottom: -32767px;
  /* End */
}

div#front-leftbox {
  margin-right: 169px;
}

div#textbox {
  padding: 20px;
}

table#wait-animation {
  margin: 0 auto;
}

table#wait-animation td {
  padding: 5px 12px;
}

div#waiting {
  display: none;
  margin: 0 auto;
  padding: 20px 0 0 0;
  text-align:center;
}

p.wait-message {
  font: normal 20px sans-serif;
  color: #ff9b16;
}