/* Halfway Caravan & Camping Park: the original Trellix Site Builder styles
   (design_0002a, as captured on 20 March 2016), cleaned. Colours kept as the
   original rendered them. */

body {
  text-align: left;
  background-color: #ffffff;
}

/* Restoration notice (added) */
.hw-notice {
  margin: 0 0 8px 0;
  padding: 8px 12px;
  background-color: #f4f6ea;
  border: 1px solid #c9d3a8;
  color: #3d4a2a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.4;
  text-align: center;
}

.vertical { display: block; }
.homelink { border: 0; }

.cornerimage {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  padding: 5px;
}
.pageheader {
  background-color: #eeeadc;
  padding: 5px;
}
.user {
  text-align: left;
  color: #ffffff;
  font-family: verdana, sans-serif;
  font-size: 10px;
}
.runner {
  color: #eeeadc;
  min-height: 30px;
  padding: 12px;
  width: auto; /* was 100%, which overflowed the footer cell by its padding */
}
.footer {
  color: #eeeadc;
  background-color: #3D598B;
}
.vnav {
  padding: 20px 0px 0px 30px;
  display: table;
  height: 100%;
}
.vertical {
  text-decoration: none;
  font-family: Arial;
  font-size: 12px;
  color: #000000;
  padding: 5px 0px 5px 0px;
}
#currentnavpage { color: #666666; }
A.NavBar { color: #74724B; }
.user a { color: #669933; }
.user a:active { color: #669933; }
.user a:visited { color: #996633; }

/* Template frame (design_0002a) */
.hw-frame { background-image: url(design_0002a_1.jpg); background-repeat: repeat-y; background-position: left; }
.hw-nav { background-image: url(design_0002a_2.jpg); background-repeat: no-repeat; background-position: top; }
.hw-content { padding: 12px; background-image: url(design_0002a_3.jpg); background-repeat: repeat-y; background-position: right; }
.hw-footerbar { background-color: #3D598B; }

/* Headings marked up as h1 for structure; styled exactly like the original
   paragraph they replace */
h1.hw-h1 {
  margin: 1em 0;
  font-size: inherit;
  font-weight: inherit;
}

/* Trellix content tables */
.table_d2e49 { border: 1px none; width: 100%; border-color: #000000; }
.table_d2e49 td { border: 0px none; border-color: #000000; }
.table_d2e24 { border: 1px solid; width: 100%; border-color: #ffffcc; }
.table_d2e24 td { border: 1px solid; border-color: #ffffcc; }

/* Minimum needed so the fixed-width layout does not break on a phone */
@media (max-width: 700px) {
  body { margin: 4px; }
  table.hw-layout, table.hw-layout > tbody > tr > td,
  table.hw-inner, table.hw-inner > tbody > tr > td {
    display: block;
    width: auto !important;
    height: auto !important;
  }
  .hw-nav { background-image: none !important; background-color: #f4f6ea; }
  .vnav { display: block; padding: 8px 12px; height: auto; }
  .vnav a.vertical { display: inline-block; padding: 4px 10px 4px 0; }
  .hw-content { background-image: none !important; padding: 10px 4px; }
  .user img, .hw-content img { max-width: 100%; height: auto; }
  .hw-content table, .hw-content td { max-width: 100%; }
  .hw-content td[width] { width: auto !important; }
  .hw-content img { margin-left: 0; margin-right: 0; }
  .table_d2e49, .table_d2e49 td, .table_d2e24, .table_d2e24 td { display: block; width: auto !important; }
  .table_d2e24 td { border: 0; }
}