body {
  background-color: #000; }

html, body {
  margin: 0;
  padding: 0;
  height: 100%; }

footer {
  background-color: #222;
  border-bottom: 1px dotted #fff;
  border-top: 1px dotted #fff;
  bottom: 0%;
  margin-top: 10px;
  min-height: 50px;
  opacity: 1;
  padding-bottom: 10px;
  padding-top: 10px;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 2; }

.main-page-holder {
  border-bottom: 1px dotted lime;
  margin-bottom: 5px;
  min-height: 100%;
  text-align: center;
  width: 100%; }
  .main-page-holder .page-header {
    background-color: #222;
    border-bottom: 1px dotted #fff;
    opacity: 1;
    padding: 10px;
    position: fixed;
    text-align: center;
    top: 0px;
    width: 100%; }
    .main-page-holder .page-header table tr td:first-child,
    .main-page-holder .page-header table tr td:last-child {
      min-width: 100px;
      max-width: 100px;
      width: 100px; }
    .main-page-holder .page-header table tr td:last-child {
      text-align: right; }
    .main-page-holder .page-header table tr td:nth-child(2) {
      color: #e507a9;
      font-weight: 700;
      font-size: 2em;
      text-align: center;
      min-width: 50%;
      max-width: 50%;
      width: 100%; }
  .main-page-holder .page-body {
    overflow: visible !important;
    padding: 100px 10px;
    height: 100%; }
    .main-page-holder .page-body p {
      color: #2199ff;
      font-size: 1.5em;
      text-align: center; }
    .main-page-holder .page-body .item-row {
      display: block;
      margin: 0 auto 20px auto;
      text-align: left;
      width: 300px; }
      .main-page-holder .page-body .item-row label {
        display: block; }
      .main-page-holder .page-body .item-row .dropdown-button {
        width: 100%; }
      .main-page-holder .page-body .item-row input#txtGallons {
        font-size: 2em; }

/*
.jquery-page {
    overflow: visible !important; 
}
.page-container{
    min-height: 100%;
    position: relative;
}
.page-header{
    background-color: #333;
    border-bottom:1px dotted #fff;
    padding:10px;

    table{
        width:100%;

        td{
            padding:0;
        }
        td:nth-child(2){
            color:#e507a9;
            text-align: center;
            font-weight: 700;
            font-size: 2em;
            width:100%;
        }
    }
}
.page-body{
    overflow: visible !important; 
    padding: 10px;
    height: 100%;
}
.page-footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    height:60px;
    color: #fff;
    text-align: center;
}
.jquery-page-active{
    height:100%;
}
*/
#mainPageLogo {
  width: 25%; }

nav {
  background-color: #000; }

.align-center {
  text-align: center; }

input[type=number] {
  color: #fff; }

.hide {
  display: none; }

.btn-holder {
  margin: 4px 0; }
  .btn-holder a.btn-nav {
    width: 250px; }

.thankyou-msg-holder p {
  color: #e507a9;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center; }

#divSeriesName {
  color: #fff;
  font-size: 2em;
  font-weight: 700;
  text-align: center; }

#divWeekName {
  color: #fff;
  font-size: 1.5em;
  font-weight: 700;
  text-align: center; }

.divUnits-gh, .divUnits-fs {
  text-align: center; }
  .divUnits-gh table, .divUnits-fs table {
    width: unset;
    margin: 10px auto; }
    .divUnits-gh table td, .divUnits-fs table td {
      border: 1px solid #2199ff;
      color: #2199ff;
      width: 50px;
      text-align: center;
      cursor: pointer; }
    .divUnits-gh table td.selected, .divUnits-fs table td.selected {
      color: #fff;
      background-color: #2199ff; }

#tblResults {
  width: 300px;
  margin: 10px auto; }
  #tblResults tr.title td {
    color: #e507a9 !important;
    border-bottom: 1px solid #e507a9;
    text-transform: uppercase;
    font-size: .8em;
    letter-spacing: .04em; }
  #tblResults tr.fs-border-bottom {
    border-bottom: 1px dotted #e507a9; }
  #tblResults tr td:nth-child(1) {
    color: #2199ff;
    white-space: nowrap; }
  #tblResults tr td:nth-child(2) {
    color: #fff;
    padding: 0 6px 0 0;
    text-align: right; }
    #tblResults tr td:nth-child(2) span.note {
      color: #ccc; }
  #tblResults tr td:nth-child(3) {
    color: #ccc; }
  #tblResults tr td {
    padding: 0;
    vertical-align: top; }