/* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */
@media screen and (max-width: 500px) {
  body {
  }

  td pre {
  }

  .name_first, .name_last, .name_powered, .name_ie {
    display: none !important;
  }
}

/** STYLES FOR ALL PAGES **/
* {
  box-sizing: border-box;
}

html, body {
  font-family: Lato, sans-serif, helvetica, arial;
  font-weight: 300;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

body {
  overflow: hidden;
  font-size: 16px;
  display: flex;
  flex-direction: column;
}

td pre {
  font-family: monospace !important;
  text-wrap: nowrap;
}

a,
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  color: #007ae6;
  cursor: pointer;
}

.ui-loader {
  display: none;
}

#header {
  display: flex;
  height: 57px;
  width: 100%;
  border-bottom: 1px solid #001f3f;
  background-color: #f3f3f3;
  z-index: 10;
}

.logo {
  color: black;
  cursor: pointer;
}

  .logo.small {
    background-size: auto 30px;
    background-repeat: no-repeat;
    background-position-x: center;
    height: 50px;
    width: 75px;
    text-align: center;
    display: inline-flex;
    flex-direction: row;
    align-items: end;
  }

    .logo.small:hover {
      font-weight: 600;
    }

    .logo.small div.text {
      display: block;
      width: 100%;
      text-align: center;
    }

  .logo.large {
    background-size: auto 44px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    margin-left: 5px;
    height: 54px;
    padding-left: 53px;
  }

  .logo.tripnav {
    background-image: url('/img/tripnavlogo.svg') !important;
  }

  .logo.bidnav {
    background-image: url("/img/Logo-2-152.png") !important;
  }

  .logo.bidnavie {
    background-image: url("/img/Logo-2-152.png") !important;
  }

  .logo span {
    margin: 0;
    padding: 0;
    position: absolute;
    font-size: 32px;
  }

    .logo span.name_first {
      font-weight: 400;
    }

    .logo span.name_last {
      font-weight: 900;
      left: 113px;
    }

    .logo span.name_powered {
      display: block;
      font-size: 10px;
      color: #727272;
      margin-top: 37px;
      margin-left: 2px;
      font-weight: bold;
      font-style: italic;
    }

    .logo span.name_ie {
      font-size: 35px;
      font-weight: 500;
      top: -2px;
      left: 170px;
      display: block;
      color: black;
      padding-left: 7px;
    }

#tripnavbtns {
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 11px;
  position: relative;
  text-align: center;
}

#navbtns {
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 11px;
  position: absolute;
  right: 0;
  top: 0;
}

  #navbtns > li, #tripnavbtns > li {
    background-position: center 7px;
    background-repeat: no-repeat;
    background-size: auto 26px;
    border-left: 1px solid #dddddd;
    display: inline-block;
    font-size: 11px;
    line-height: 28px;
    padding-top: 28px;
    list-style-type: none;
    position: relative;
    text-align: center;
    font-weight: bold;
    color: #666666;
    cursor: pointer;
    padding-left: 20px;
    padding-right: 20px;
  }

#tripnavbtns > li {
  border-left: 0;
}

  #navbtns > li:hover, #tripnavbtns > li:hover {
    color: #000000;
  }

  #navbtns > li.selected, #tripnavbtns > li.selected {
    color: #007ae6;
    cursor: auto;
  }

#navbtns > li.bidstatus {
  display: none;
  cursor: default;
  color: #666666 !important;
}

  #navbtns > li.bidstatus.status-in-progress {
    display: inline-block;
    background-image: url("/img/gears_animated.gif");
    background-size: 28px auto;
  }

  #navbtns > li.bidstatus.status-complete {
    display: inline-block;
    background-image: url("/img/check-mark.png");
    background-size: 28px auto;
    cursor: pointer;
  }

  #navbtns > li.bidstatus.status-error {
    display: inline-block;
    background-image: url("/img/error.gif");
    background-size: 28px auto;
  }

#navbtns > li.goto-bidnav {
  background-image: url("/img/Logo-2-152.png");
}

#navbtns > li.goto-bidnavie {
  background-image: url("/img/Logo-2-152.png");
}

#navbtns > li.manage {
  background-image: url("/img/folderGray.png");
}

#navbtns > li.account {
  background-image: url("/img/userGray.png");
}

#navbtns > li.info {
  background-image: url("/img/infoDkGrey.png");
}

#navbtns > li.bidperiod {
  background-image: url("/img/clockDkGray.png");
}

#navbtns > li.goto-bidnav.selected {
  background-image: url("/img/Logo-2-152.png");
}

#navbtns > li.manage.selected {
  background-image: url(/img/folder-medblue.png);
}

#navbtns > li.account.selected {
  background-image: url(/img/user-medblue.png);
}

#navbtns > li.info.selected {
  background-image: url(/img/info-medblue.png);
}

#navbtns > li.bidperiod.selected {
  background-image: url("/img/clockDkBlue.png");
}

#navbtns > li.goto-tripnav, #tripnavbtns > li.goto-tripnav, #tripnavbtns > li.goto-ietripnav {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjI1NyIgaGVpZ2h0PSIyNTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogPCEtLSBDcmVhdGVkIHdpdGggU1ZHLWVkaXQgLSBodHRwOi8vc3ZnLWVkaXQuZ29vZ2xlY29kZS5jb20vIC0tPgogPGRlZnM+CiAgPHN5bWJvbCBpZD0ic3ZnXzIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgPGcgaWQ9InN2Z180Ii8+CiAgIDxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Im0yMy41NzMsMjQ2LjQyNTAwM2MtMS4yODk5OTksNzMuNTY0MDExIDIyLjAyNTk5OSwxMzIuMTg4MDA0IDcwLjYyNTk5OCwxNzYuNTg5MDA1YzQ4LjYwOTAwMSw0NC4wNDE5OTIgMTAzLjA0NTAwNiw2Ni4wNzkwMSAxNjIuOTc5OTg4LDY2LjA3OTAxYzQwLjE1MTAwMSwwIDc4LjA1OTk5OCwtOS40MDEwMDEgMTEzLjM2NzAwNCwtMjguMjAxMDE5YzM1LjI4Njk4NywtMTkuMTE3OTgxIDYzLjgwNDk5MywtNDYuMzM1OTk5IDg1Ljg3Mjk4NiwtODIuNjE2OTc0YzIxLjY3ODAwOSwtMzUuOTYzMDEzIDMyLjM4OTAwOCwtNzcuNzQyMDA0IDMyLjA1MTAyNSwtMTI1LjY5NjAxNGMtMC42MzUwMSwtNDUuOTc3MDA1IC0xMS42NzMwMDQsLTg2LjE2MDAwNCAtMzMuMzUxMDEzLC0xMjAuODYyYy0yMS40MTE5ODcsLTM0LjYyMDk4NyAtNDkuODg5MDA4LC02MS41NDIgLTg1LjIwNzAwMSwtODAuMjgwOTkxYy0zNS4zMjgwMDMsLTE5LjA5NyAtNzIuNTgwOTk0LC0yOC41MTggLTExMS4xMzUwMSwtMjguNTE4Yy0yNi41NTI5OTQsMCAtNTMuMTQ1MDA0LDQuODQzIC04MC4wMDUwMDUsMTQuMjQ0MDAxYy0yNi44Nzk5OSw5LjY5Njk5OSAtNTIuMTcyOTgxLDI0LjI5OSAtNzUuNDc4OTgxLDQzLjc1NTAwMWMtMjMuNjUzOTk5LDE5Ljc2MyAtNDIuNDQ1LDQzLjA1ODk5OCAtNTYuNDAyLDcwLjYxNDk5Yy0xNC4yNDM5OTksMjcuMTc3MDAyIC0yMS45OTUwMSw1OC45NjIwMDYgLTIzLjMxNzAyLDk0Ljg5Mzk5N2wwLDBsLTAuMDAwOTkyLC0wLjAwMTAwN2wwLjAwMDAxMSwwbDAuMDAwMDEsMHptMTI5LjkxNTAwNywtMTAzLjMxMTAwNWMtNS4xODEsOS43MTgwMDIgLTEwLjM2Mjk5MSwyNS4yNDIwMDQgLTE1LjU0Mzk5MSw0Ni42MjMwMDFjLTUuMjEyMDA2LDIxLjM2MTAwOCAtOC4xMDAwMDYsNDAuMTgyMDA3IC04LjQxNzAwNyw1Ni42OTkwMDVsLTg0LjIxMzk5NywwYzUuMTcwOTk4LC01Ni4zNjEwMDggMjIuOTg4OTk4LC0xMDAuNzYyMDA5IDUzLjQyMTk5NywtMTMyLjUxNjAwNmMzLjI1NzAwNCwzLjI1Njk4OSA3LjQ2NTAwNCw2LjE4NTAwNSAxMy4yOTEsOS40MDAwMDJjNS44MzY5OTgsMy4yMzYgMTIuMzE5LDYuNDgxOTg3IDE5LjQxNTAwMSw5LjcxNzk5NWM3LjQ4NjAwOCwzLjIzNTk5MiAxNC42MDIwMDUsNi40OTE5ODkgMjIuMDQ2OTk3LDEwLjA3NTk4OWwwLDBsMCwwLjAwMDAzMWwwLC0wLjAwMDAxNXptNDMuNzU0OTksLTg5LjQ0NTk5OWMtMTUuNTY1MDAyLDIyLjAxNTk5OSAtMjguMjEwOTk5LDQ1LjY4MSAtMzguMjM1OTkyLDcxLjI2MDAwMmMtMjQuNjA3MDEsLTExLjY2MzAwMiAtMzkuODU0MDA0LC0yMC4wODEwMDEgLTQ2LjAwODAwMywtMjUuNTc5MDAyYzIxLjA1Mzk5MywtMjEuMzgwOTk3IDQ4LjkyNjk5NCwtMzYuNjE4IDg0LjI0Mzk5NiwtNDUuNjgxbDAsMHptMjcuODIyMDA2LC02LjEzMzk5OWMyLjMxMzk5NSwtMC4zMzgwMDEgNC41NTY5OTIsLTAuNjc1OTk5IDYuNTExOTkzLC0wLjk4MzAwMmMyLjI4Mzk5NywtMC4zMzc5OTcgNC41MzYwMTEsLTAuMzM3OTk3IDcuNDY1MDEyLC0wLjMzNzk5N2w3LjQzMzk5LDBsMCwxMDEuMDc5MDA2Yy03Ljc3MjAwMywwIC0xNy44MDc5OTksLTEuMzAwMDAzIC0zMC40NTM5OTUsLTQuMTc4MDI0Yy0xMi42MjYwMDcsLTIuNjAwOTgzIC0yNS42MDAwMDYsLTYuMTY0OTc4IC0zOC41NTMwMDksLTEwLjA3NTk4OWMxMi4zMTksLTMwLjQ2NDAwNSAyOC4xNjAwMDQsLTU4Ljk1MjAwMyA0Ny41OTYwMDgsLTg1LjUwNDAwNWwwLDBsMCwwLjAwMDAxMXptMjEuNDAxMDAxLDEyMS4xMzkwMDRsMCw3Ny43NjIwMDlsLTk3LjE5Nzk5OCwwYzAsLTMwLjE1Njk5OCA3LjE0ODAxLC02Mi4yMTgwMDIgMjEuMzgxMDEyLC05Ni4yMTQ5OTZjMzEuNzYzOTkyLDEyLjI4Nzk5NCA1Ny4wMzY5ODcsMTguNDUyOTg4IDc1LjgxNjk4NiwxOC40NTI5ODhsMCwwem0wLDk3LjQ5NDk5NWwwLDc4LjcyNTAwNmMtMTkuMDk3LDAgLTQ0LjA2MzAwNCw2LjE4NDk5OCAtNzQuNTE2OTk4LDE4LjQ4MzAwMmMtNC40OTQ5OTUsLTguNzU1MDA1IC05LjM3OTk5LC0yMy45NjIwMDYgLTE0Ljg4ODk5MiwtNDUuOTk4MDE2Yy01LjE3MTAwNSwtMjIuMzYzOTgzIC03Ljc5MjAwNywtMzkuMTk5MDA1IC03Ljc5MjAwNywtNTEuMTk5OTgybDk3LjE5Nzk5OCwtMC4wMTAwMXptLTExNi45NDAwMDIsMGMwLDI1LjI4Mjk5IDcuNDUzOTk1LDU5Ljk0NTAwNyAyMi42NjA5OTUsMTAzLjk5Nzk4NmMtMzMuMzMwOTk0LDE2Ljg1NTAxMSAtNTEuMTY4OTk5LDI2LjI1NTAwNSAtNTMuNDYyOTk3LDI4LjIwMTAxOWMtMTYuNTE2OTk4LC0xNy43OTY5OTcgLTI5LjEzMjk4OCwtMzkuNTE1OTkxIC0zOC4yMTUsLTY0Ljc3ODAxNWMtOS4wNTE5OTgsLTI1LjI4MTk4MiAtMTMuNjE4OTk5LC00Ny42MzY5OTMgLTEzLjYxODk5OSwtNjcuNDE5OTgzbDgyLjYzNjk5MywwbC0wLjAwMDk5MiwtMC4wMDEwMDd6bTExNi45NDAwMDIsOTcuMTk3OTk4bDAsMTA0LjY0MTk5OGwtMjEuNDEyMDAzLC0xLjI3OTk5OWMtMTguNDMyMDA3LC0yNS42MTk5OTUgLTM0LjY0MTk5OCwtNTQuNzY0MDA4IC00Ny41ODUwMDcsLTg2LjgyNDk4MmM5LjA4MzAwOCwtNC41MTYwMjIgMzIuMDcyMDA2LC0xMC4wMTQwMDggNjguOTk3MDA5LC0xNi41MzgwMjVsMCwwbDAsMC4wMDEwMDd6bS04Ny40NzAwMDEsMjQuNjI3MDE0YzE2LjgzNCwzNS4wMjA5OTYgMjkuODA4OTksNTguOTYyMDA2IDM5LjUyNjAwMSw3MS45MzYwMDVjLTI4LjE2MDAwNCwtOC40MTc5OTkgLTU2LjY4OTAxMSwtMjQuMDAyMDE0IC04NS41NDQ5OTEsLTQ2LjY2Mjk5NGMxNS41NzQ5ODksLTEwLjA1NTAyMyAzMC44MDE5OTQsLTE4LjQ3MzAyMiA0Ni4wMTkwMDUsLTI1LjI3MjAwM2wwLDBsLTAuMDAwMDE1LC0wLjAwMTAwN3ptMTI4Ljk0MTk4Niw3OC43MzU5OTJsLTIxLjA1MzAwOSwxLjI3OTk5OWwwLC0xMDMuMzQyMDFjMjIuMDE2MDIyLDEuMjc5OTk5IDQ1LjAyNjAwMSw2LjQ4MTk5NSA2OC45OTcwMDksMTUuMjM3Yy0xOS40NDU5ODQsNDIuNzYxOTkzIC0zNS42MzUwMSw3MS42MDgwMDIgLTQ3Ljk0NCw4Ni44MjUwMTJsMCwwem0xMTIuNDI1MDE4LC01My40NjMwMTNjLTIxLjY3ODAwOSwyMi42NjEwMTEgLTQ5LjU3MTk5MSwzNy45MTc5OTkgLTg0LjI1NTAwNSw0NS4wMzYwMTFjNi44MjAwMDcsLTguNDM4MDE5IDEyLjY0NzAwMywtMTcuNSAxNy44MTcwMTcsLTI2LjU4MzAwOGM0LjkwNDk5OSwtOS4wNjMwMTkgOS40MTA5OCwtMTguNDYyMDA2IDEzLjI5MDk4NSwtMjguNTE5MDEyYzMuOTAxMDAxLC05LjY5Njk5MSA2LjE2NDAwMSwtMTQuODU4MDAyIDYuNTExOTkzLC0xNS4yMTYwMDNjMjUuODk3MDAzLDEyLjY2NzAyMyA0MS40MzEsMjEuMDYzMDE5IDQ2LjYzMzAyNiwyNS4yODMwMmwwLDBsMC4wMDE5ODQsLTAuMDAxMDA3em02Ni43NTUwMDUsLTE0Ny4wOTc5OTJjMCwyMy4zMTY5ODYgLTQuODg1MDEsNDcuNjM2OTkzIC0xNS4yNDgwMTYsNzIuOTE5MDA2cy0yMi4zNTM5NzMsNDUuMDE0OTg0IC0zNi41OTc5OTIsNTkuMjc4OTkyYy0zLjU2Mjk4OCwtMi45MTc5OTkgLTEwLjAzNTAwNCwtNi41MDE5ODQgLTE5LjQ2NjAwMywtMTEuMzM1OTk5Yy05LjM4MDAwNSwtNC44NjQwMTQgLTIxLjA0Mjk5OSwtMTAuOTk3OTg2IC0zNC42MjE5NzksLTE4LjEzNTAxYzE2LjUwNjk4OSwtNDIuNDQ0OTc3IDI0LjU5NTk3OCwtNzYuNDYxOTc1IDI0LjU5NTk3OCwtMTAyLjcxNzAxbDgxLjMzNzAwNiwtMC4wMDk5NzlsMC4wMDEwMDcsMHptLTEwMy4wNDUwMTMsMGMwLDI4LjUzOTAwMSAtNy4xMjY5ODQsNjAuNjAxMDEzIC0yMS4zOTE5OTgsOTcuMTk3OTk4Yy04LjEwMDAwNiwtNC41MTU5OTEgLTIwLjA3OTk4NywtOS4wODMwMDggLTM1Ljk2MzAxMywtMTMuMjYwOTg2Yy0xNS41NDM5NzYsLTQuNTU3MDA3IC0yOC44MTQ5NzIsLTYuMTY0MDAxIC0zOS44MzM5ODQsLTUuMjIzMDIybDAsLTc4LjcyNDk3Nmw5Ny4xODc5ODgsMC4wMDk5NzlsMC4wMDEwMDcsMC4wMDEwMDd6bS05Ny4xODc5ODgsLTk3LjQ5NDk5NWMyMC4wOTEwMDMsMCA0NS4zNjMwMDcsLTYuMTY1MDA5IDc1Ljc4NjAxMSwtMTguNDYyOTk3YzQuNTM1OTgsNy40NDQ5OTIgOS40MDEwMDEsMjIuMDM2MDExIDE0LjI2Mzk3Nyw0My4wOTk5OTFjNC41MzYwMTEsMjAuNzE0OTk2IDcuMTI3MDE0LDM4LjU0Mjk5OSA3LjEyNzAxNCw1My4xMjVsLTk3LjE3ODAwOSwwbDAsLTc3Ljc2MTk5M2wwLjAwMTAwNywwem0xNDcuMDg3OTgyLC01NC43NjI5ODVjMTYuMjA5OTkxLDE1LjU3NDk4MiAyOS4xNDMwMDUsMzUuMzE3OTc4IDM4Ljg4MTk4OSw1OS45NTQ5ODdjOS43MDcwMDEsMjQuNjE3MDA0IDE0LjI3NDAxNyw0OC45MzcwMTIgMTQuMjc0MDE3LDcyLjU1OTk5OGwtODIuNjM2OTkzLDBjMCwtMzEuMTE5MDAzIC03Ljc3MjAwMywtNjUuNDQ0IC0yMy4yOTYwMjEsLTEwMy4zMjIwMDZjMjMuNjAyOTk3LC0xMS4zOTcwMDMgNDEuNDMxLC0yMS4wNzM5OSA1Mi43NzcwMDgsLTI5LjE5NGwwLDBsMCwwLjAwMTAyMnptLTEzLjYwOTk4NSwtMTQuNTYxMDJjLTUuMjAxOTk2LDQuNTM3MDEgLTIwLjA5MTAwMywxMy41OTg5OTkgLTQ1LjM1Mjk5NywyNi44Nzk5OTdjLTExLjY3MzAwNCwtMjguODE1OTg3IC0yNS42MTk5OTUsLTUzLjQ2Mjk5NyAtNDEuNDYyMDA2LC03My44NDA5OTZjMzAuNzYwOTg2LDkuMDYzIDU5LjkxNDAwMSwyNC42MDYwMSA4Ni44MTUwMDIsNDYuOTYwOTk5bDAsMGwwLDAuMDAwMDA4bDAsLTAuMDAwMDA4em0tMTEzLjcxNDAyLC01MS44MTQ5OTljMTkuMTE4MDExLDIzLjMzNzAwOSAzNS42NDQ5ODksNTEuMTU5IDQ5LjI0Mzk4OCw4NC4xODI5OTVjLTEyLjYyNTk3Nyw4LjE2MTAxMSAtMzUuNjM0OTc5LDEzLjM0MzAxOCAtNjguOTk3MDA5LDE1LjU3NTAyN2wwLC0xMDEuMDc5MDE0bDcuNDQ1MDA3LDBjNi40OTIwMDQsMCAxMC42NzAwMTMsMC4zMzgwMDEgMTIuMzA4MDE0LDEuMzIxMDExbDAsLTAuMDAwMDE5eiIgaWQ9InN2Z181Ii8+CiAgPC9zeW1ib2w+CiA8L2RlZnM+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHJlY3Qgb3BhY2l0eT0iMC43NSIgc3Ryb2tlPSJibGFjayIgaWQ9InN2Z18xIiBmaWxsPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwIiBoZWlnaHQ9IjI1NiIgd2lkdGg9IjI1NiIgcnk9IjQwIiByeD0iNDAiIHk9IjEiIHg9IjEiLz4KICA8Y2lyY2xlIGlkPSJzdmdfOCIgcj0iMTIwIiBjeT0iMTMwLjE4NzUiIGN4PSIxMjkuMzQzNzUiIHN0cm9rZS1vcGFjaXR5PSIwIiBzdHJva2UtbGluZWNhcD0ibnVsbCIgc3Ryb2tlLWxpbmVqb2luPSJudWxsIiBzdHJva2UtZGFzaGFycmF5PSJudWxsIiBzdHJva2Utd2lkdGg9IjEwIiBzdHJva2U9IiMwMDAwMDAiIGZpbGw9IiNmZmZmZmYiLz4KICA8dXNlIG9wYWNpdHk9IjAuNzUiIHg9IjI0MS45NTUyMyIgeT0iOTMuMTY2NyIgdHJhbnNmb3JtPSJtYXRyaXgoMC45MjMxMTY3NTkwNjgzODE2LDAsMCwwLjkyMTAwMjg5OTE5MDA0MzUsLTIxMy4yNjI4ODE4MjI2Nzk1MywtNzUuNjU4MjA3NzI5MTU4MzUpICIgeGxpbms6aHJlZj0iI3N2Z18yIiBpZD0ic3ZnXzMiLz4KIDwvZz4KPC9zdmc+');
}

#navbtns ul#bidperiod-ul,
#navbtns ul#account-ul,
#navbtns ul#support-ul {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  min-width: 104px;
  position: absolute;
  background-color: #f3f3f3;
  border: 1px solid #001f3f;
  border-top: 0;
  border-right: 0;
  left: 0;
  width: 100%;
}

#navbtns ul#bidperiod-ul {
  min-width: 170px;
}

#navbtns ul#support-ul {
  min-width: 130px;
}

  #navbtns ul#bidperiod-ul li,
  #navbtns ul#account-ul li,
  #navbtns ul#support-ul li {
    margin: 0;
    padding: 0 14px;
    text-align: left;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
  }

  #navbtns ul#bidperiod-ul li,
  #navbtns ul#support-ul li {
    border-right: 1px solid #001f3f;
  }

    #navbtns ul#bidperiod-ul li:hover,
    #navbtns ul#account-ul li:hover,
    #navbtns ul#support-ul li:hover {
      text-decoration: underline;
    }

#topbar {
  width: 100%;
  color: #ffffff;
  font-size: 1.1em;
  font-weight: bold;
  height: 44px;
  line-height: 44px;
  padding: 0 10px;
  z-index: 5;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33a0ff", endColorstr="#007ae6");
  background: -moz-linear-gradient(top, #33a0ff, #007ae6);
  background: -webkit-linear-gradient(top, #33a0ff, #007ae6);
  background: -o-linear-gradient(top, #33a0ff, #007ae6);
  background: -ms-linear-gradient(top, #33a0ff, #007ae6);
  background: linear-gradient(top, #33a0ff, #007ae6);
  color: #ffffff;
  text-shadow: -1px 1px #007ae6;
}

  #topbar div.navigation {
    float: right;
  }

    #topbar div.navigation a {
      color: #ffffff;
      font-size: 15px;
      margin-left: 15px;
      margin-right: 15px;
      text-shadow: -1px -1px #007ae6;
      text-decoration: none;
    }

#wrapper {
  width: 100%;
  border: 0;
  height: 100vh;
  overflow: auto;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 101px;
}

#content {
  padding-bottom: 225px;
}

  #content h2 {
    color: #007ae6;
  }

.ui-widget-header,
.ui-dialog-titlebar {
  border: none;
  width: 100%;
  border-radius: 0;
  border-bottom: 1px solid #aaaaaa;
  background: none;
}

.ui-tabs .ui-tabs-nav li {
  font-size: 14px;
}

.ui-dialog-titlebar {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33a0ff", endColorstr="#007ae6");
  background: -moz-linear-gradient(top, #33a0ff, #007ae6);
  background: -webkit-linear-gradient(top, #33a0ff, #007ae6);
  background: -o-linear-gradient(top, #33a0ff, #007ae6);
  background: -ms-linear-gradient(top, #33a0ff, #007ae6);
  background: linear-gradient(top, #33a0ff, #007ae6);
  color: #ffffff;
  text-shadow: -1px 1px #007ae6;
}

.profileName {
  background-image: none;
  background-repeat: no-repeat;
  display: inline-block;
  font-size: 1.1em;
  line-height: 25px;
  padding-left: 33px;
}

  .profileName.manage {
    background-image: url(/img/folderWhite.png);
  }

  .profileName.account {
    background-image: url(/img/userWhite.png);
  }

  .profileName.support {
    background-image: url(/img/infoWhite.png);
  }

div.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #f3f3f3;
  border-top: 1px solid #727272;
  padding: 10px 0;
  margin: 0 auto;
}

  div.footer > div {
    margin: 0 auto;
    width: 770px;
  }

    div.footer > div > div {
      display: block;
      float: left;
      text-align: left;
      margin-left: 15px;
      margin-right: 15px;
    }

      div.footer > div > div > a,
      div.footer > div > div > a:link,
      div.footer > div > div > a:visited,
      div.footer > div > div > a:hover {
        color: #000000;
        font-weight: bold;
        text-decoration: none;
        font-size: 12px;
        display: block;
      }

    div.footer > div > p {
      clear: both;
      padding-top: 20px;
      text-align: center;
      font-size: 13px;
    }

    div.footer > div > div > a.sublink {
      padding-top: 3px;
      font-weight: normal;
      font-size: 11px;
      padding-left: 10px;
    }
/**
 * (C)Leanest CSS spinner ever
 */
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}

.progress {
  position: relative;
  display: inline-block;
  width: 5em;
  height: 5em;
  margin: 0 .5em;
  font-size: 12px;
  text-indent: 999em;
  overflow: hidden;
  animation: spin 1s infinite steps(8);
}

.small.progress {
  font-size: 6px;
}

.large.progress {
  font-size: 24px;
}

.progress:before,
.progress:after,
.progress > div:before,
.progress > div:after {
  content: '';
  position: absolute;
  top: 0;
  left: 2.25em; /* (container width - part width)/2  */
  width: .5em;
  height: 1.5em;
  border-radius: .2em;
  background: #eee;
  box-shadow: 0 3.5em #eee; /* container height - part height */
  transform-origin: 50% 2.5em; /* container height / 2 */
}

.progress:before {
  background: #555;
}

.progress:after {
  transform: rotate(-45deg);
  background: #777;
}

.progress > div:before {
  transform: rotate(-90deg);
  background: #999;
}

.progress > div:after {
  transform: rotate(-135deg);
  background: #bbb;
}

/****************************************************************
  ccl.alertView dialog
****************************************************************/
/* Grayed out background (contains the message box) */
.uialertview-layer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  opacity: 0;
  /* turn off margin-top so we don't animate in */
  -webkit-transition: opacity .1s;
  -moz-transition: opacity .1s;
  -o-transition: opacity .1s;
  transition: opacity .1s;
}

.uialertview-message-box {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  margin-top: -150px;
  width: 300px;
  background-color: rgba(255,255,255,0.9);
  border-radius: 10px;
  overflow: hidden;
  /* turn off margin-top so we don't animate in */
  -webkit-transition: margin-top 0;
  -moz-transition: margin-top 0;
  -o-transition: margin-top 0;
  transition: margin-top 0;
}

.uialertview-title {
  width: 280px;
  font-weight: bold;
  height: 44px;
  line-height: 44px;
  font-size: 18px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 10px;
}

.uialertview-message {
  width: 280px;
  overflow-x: hidden;
  max-height: 300px;
  overflow-y: auto;
  padding: 0 10px 10px 10px;
  font-size: 14px;
  text-align: center;
}

.uialertview-buttons button {
  display: inline-block;
  border: none;
  background-color: rgba(230,230,230,0.1);
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #007ae6;
}

.uialertview-buttons .uialertview-button-left {
  width: 150px;
  border-top: solid 1px #d1d1d1;
}

.uialertview-buttons .uialertview-button-right {
  width: 149px;
  border-left: solid 1px #d1d1d1;
  border-top: solid 1px #d1d1d1;
}

.uialertview-buttons .uialertview-button-wide {
  width: 300px;
  border-top: solid 1px #d1d1d1;
}

.uialertview-message .prompt {
  margin-top: 5px;
  width: 100%;
  margin-left: 10px;
  padding: 5px;
}

.uialertview-message .promptLabel {
  display: block;
  font-weight: bold;
  text-align: left;
  padding-left: 11px;
  padding-top: 3px;
}

.no-title .ui-dialog-titlebar {
  display: none;
}

.ui-dialog.no-close button.ui-dialog-titlebar-close {
  display: none;
}

#topbar ul.navigation {
  margin: 0;
  padding: 0;
  font-size: 11px;
  float: right;
}

  #topbar ul.navigation > li {
    background-position: center 7px;
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 15px;
    list-style-type: none;
    position: relative;
    font-weight: bold;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
  }

    #topbar ul.navigation > li > a {
      color: #ffffff;
      text-shadow: -1px 1px #007ae6;
    }

    #topbar ul.navigation > li > ul.navdown {
      display: none;
      position: absolute;
      top: 33px;
      background-color: #fcfcfc;
      z-index: 10000;
      list-style: none;
      list-style-type: none;
      margin: 5px 3px;
      padding: 0;
      border: 1px solid #000000;
    }

      #topbar ul.navigation > li > ul.navdown > li {
        background-position: 2px 1px;
        background-repeat: no-repeat;
        background-size: 20px;
      }

        #topbar ul.navigation > li > ul.navdown > li,
        #topbar ul.navigation > li > ul.navdown > li > a {
          font-size: 12px;
          font-weight: bold;
          color: #727272;
          margin: 5px 10px 8px 10px;
          padding: 0;
          padding-left: 30px;
          text-shadow: none;
          line-height: 20px;
        }

          #topbar ul.navigation > li > ul.navdown > li > a {
            margin: 0;
            padding: 0;
            text-shadow: none;
          }

li.phone {
  background-image: url(/img/phoneGray.png);
}

li.email {
  background-image: url(/img/emailGray.png);
}

li.license {
  background-image: url(/img/documentGray.png);
}

li.sla {
  background-image: url(/img/servicesGray.png);
}

li.privacy {
  background-image: url(/img/privacyGray.png);
}

#contact-ul {
  left: -3px;
}

#pricing-ul {
  width: 200px;
}

a.morenav {
  background-position: right center;
  background-image: url(/img/arrowWhite.png);
  background-size: 11px;
  background-repeat: no-repeat;
  padding-right: 20px;
  padding-bottom: 2px;
}

#license h2,
#sla h2,
#privacy h2 {
  color: #000000;
}

#pricing-cont,
#license-cont,
#sla-cont,
#privacy-cont {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 55px;
}

#pricing {
  font-size: 17px;
}

  #pricing h2 {
    text-align: left;
    color: #007ae6;
  }

  #pricing div.table {
    border: 1px solid #007ae6;
    border-radius: 4px;
    margin: 0 auto;
  }

  #pricing table {
    margin: 0 auto;
    border-radius: 6px;
    border: 0;
    background-color: #fcfcfc;
    width: 100%;
    border-spacing: 0;
  }

    #pricing table td.label {
      width: 150px;
      text-align: right;
    }

    #pricing table td span.value {
      color: #007ae6;
      font-weight: bold;
    }

    #pricing table td {
      padding: 15px 15px 0 15px;
      border: 0;
    }

      #pricing table td.small {
        font-size: 12px;
        font-style: italic;
      }

      #pricing table td.medium {
        font-size: 14px;
        padding-bottom: 15px;
      }

.contract {
  font-size: 14px;
  max-width: 650px;
  margin: 0 auto;
}

  .contract h2,
  .contract h3 {
    font-weight: bold;
    text-align: center;
    width: 100%;
  }

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

  .contract ol,
  .contract ul {
    margin-top: 0;
  }

  .contract li {
    margin-bottom: 5px;
    margin-right: 10px;
  }

  .contract .formRow label {
    margin: 0;
    vertical-align: top;
    text-align: left;
    margin-left: 20px;
    min-width: 100px;
  }

  .contract table {
    width: 100%;
    background-color: #efefef;
    border: 1px solid #000000;
    margin: 5px;
  }

    .contract table td {
      border: 1px solid #000000;
      padding: 3px;
      padding-left: 15px;
    }

.happy-customers {
  margin: 25px auto;
  padding: 10px;
  border: 1px solid #007ae6;
  border-radius: 6px;
  width: 90%;
  height: 210px;
}

hr {
  margin-top: 50px;
  height: 2px;
  background: #007ae6;
  background-image: linear-gradient(to right, #ffffff, #007ae6, #ffffff);
  border: 0;
  clear: both;
}

.hcHeader {
  display: block;
  position: relative;
  top: -32px;
  font-size: 18px;
  color: #007ae6;
  font-weight: bold;
  background-color: #ffffff;
  width: 130px;
  padding: 10px;
  text-align: center;
}

#testimonials {
  position: relative;
  top: -30px;
  margin-left: 15px;
  overflow: hidden;
}

.testimonial {
  margin-left: 8px;
  padding: 0 10px 10px 0;
  display: none;
  float: left;
  width: 40%;
  min-width: 48%;
  overflow: hidden;
}

  .testimonial .quote {
    color: #727272;
    font-weight: bold;
    display: block;
    padding: 0 40px 0 100px;
    background-image: url(/img/quoteLtGray-Lg.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 55px;
    min-height: 58px;
  }

  .testimonial .attrib {
    color: #999999;
    font-style: italic;
    display: block;
    float: none;
    clear: both;
    font-weight: normal;
    padding-top: 7px;
  }

  .testimonial img {
    height: 120px;
    float: left;
    padding-right: 10px;
  }

    .testimonial img.emoji {
      height: 20px;
      float: none;
      vertical-align: middle;
      padding: 0;
    }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .profileName {
    max-width: 350px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  div.footer {
    display: none;
  }

  #contact-ul {
    left: -85px;
  }

  .contract {
    max-width: 100%;
  }
}

#preblocks-info-form {
  margin-left: 160px;
}

.preblockDate > a.ui-state-default {
  background: #247be7;
  color: #ffffff;
}

.preblockDate > a.ui-state-active {
  background: #ffffff;
  color: #247be7;
  font-weight: bold;
}

.availableDate > a.ui-state-default::before {
  content: "*";
  color: #ff0000;
  font-weight: bold;
}