html {
  height: 100%; }

body {
  height: 100%;
  padding: 45px 0 25px;
  overflow-y: auto;
  overflow-x: hidden;
  font-family: Tahoma, Geneva, Verdana, sans-serif; }

#background {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1; }
  #background img {
    height: 145%;
    width: 100%; }

#banner {
  text-align: center; }

.body-content {
  width: 768px;
  position: relative;
  padding: 0 18px;
  z-index: 1; }

body {
  color: #282828; }

.nav-container, .info-container, .logo-container, .controls-container {
  width: 768px;
  margin: 0 auto;
  padding: 0 5px; }

.register-container, .login-container, .forgot-password-container, .manage-container, .submission-container, .report-container, .admin-container {
  width: 768px;
  margin: 0 auto;
  padding: 0 5px;
  background-color: #ffffff; }

.credits-available-container {
  width: 768px;
  margin: 0 auto;
  padding: 0 5px; }
  .credits-available-container > h3, .credits-available-container h2 {
    margin-top: 0; }

.form-wrapper {
  color: #808080; }

.glyphicon-save {
  font-size: 1.2em; }

.download-pdf-icon {
  height: 32px;
  width: 32px;
  background: url("~/Content/Images/pdficon_large.png") no-repeat; }

#navigation {
  background-color: #233a75;
  color: #808080; }
  #navigation .icon-divider {
    padding: 17px 0;
    font-size: 10px; }
  #navigation .divider {
    color: #c0c0c0; }
    #navigation .divider.chevron {
      padding: 17px 0;
      font-size: 10px; }
    #navigation .divider.pipe {
      padding: 13px 0 17px;
      font-size: 14px; }

.navbar-default {
  background-color: #233a75; }

.navbar-default .navbar-nav > li > a {
  color: #ffffff; }

.navbar-default .navbar-nav > li > a:hover {
  color: #233a75;
  background-color: #ffffff; }

.nav.navbar-nav {
  margin-left: -13px; }

.navbar-right {
  margin-left: 0; }

.navbar-collapse {
  padding: 0; }

@media screen and (min-width: 768px) {
  .navbar .container {
    padding: 0; } }

.info-wrapper {
  margin-top: -4px;
  margin-bottom: 3px;
  padding-top: 16px;
  padding-bottom: 16px;
  color: #073778;
  font-family: Tahoma, Geneva, Verdana, sans-serif; }
  .info-wrapper h1, .info-wrapper h2, .info-wrapper h3, .info-wrapper h4, .info-wrapper h5, .info-wrapper h6 {
    margin: 0;
    padding: 0;
    font-size: 2.3em;
    font-weight: 300;
    font-family: Tahoma, Geneva, Verdana, sans-serif; }
  .info-wrapper .info {
    display: inline-block; }
    .info-wrapper .info .details {
      margin: 0;
      font-size: 0.9em;
      font-weight: 300; }

.question-info-wrapper {
  height: 130px;
  margin-top: -4px;
  margin-bottom: 3px;
  padding-top: 16px;
  padding-bottom: 16px;
  color: #073778;
  font-family: Tahoma, Geneva, Verdana, sans-serif; }
  .question-info-wrapper h1, .question-info-wrapper h2, .question-info-wrapper h3, .question-info-wrapper h4, .question-info-wrapper h5, .question-info-wrapper h6 {
    margin: 0;
    padding: 0;
    font-size: 2.3em;
    font-weight: 300;
    font-family: Tahoma, Geneva, Verdana, sans-serif; }
  .question-info-wrapper .info {
    display: inline-block; }
    .question-info-wrapper .info .details {
      margin: 0;
      font-size: 0.9em;
      font-weight: 300; }

.hide-tips-toggle {
  display: inline-block;
  float: left; }
  .hide-tips-toggle label {
    font-size: 0.9em; }

.content-frame {
  height: 50px;
  width: 100%;
  padding: 4px 0;
  color: #292929;
  background-color: rgba(150, 150, 150, 0.15); }

.hint-area {
  font-size: 1.3em; }

.progress-group {
  display: inline-block;
  float: right; }
  .progress-group .chart-wrapper {
    height: 80px;
    width: 80px;
    margin: 0 auto; }
  .progress-group .chart {
    position: relative;
    display: inline-block;
    text-align: center; }
    .progress-group .chart canvas {
      position: absolute;
      top: 0;
      left: 0; }
  .progress-group .percent {
    display: inline-block;
    padding: 22px 0;
    height: 80px;
    width: 80px;
    z-index: 2;
    font-size: 1.8em; }
    .progress-group .percent:after {
      content: '%';
      margin-left: 0.1em;
      font-size: 0.8em; }
  .progress-group .progress-detail {
    margin: 7px auto 0;
    text-align: center;
    color: #233a75;
    font-weight: 300; }

.questions-wrapper {
  z-index: 1;
  height: 420px;
  width: 768px;
  margin: 20px auto;
  padding: 0 8px;
  position: relative;
  overflow: hidden; }
  .questions-wrapper .questions {
    height: 26950px; }
    .questions-wrapper .questions:first-child {
      margin-top: 145px; }
    .questions-wrapper .questions:last-child {
      margin-bottom: 210px; }
  .questions-wrapper .question-box {
    margin: 8px 0;
    height: 125px;
    overflow: hidden;
    color: #292929;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    .questions-wrapper .question-box .question-id, .questions-wrapper .question-box .question, .questions-wrapper .question-box .options-wrapper {
      display: inline-block;
      height: 125px;
      float: left;
      padding: 12px 0; }
      .questions-wrapper .question-box .question-id p, .questions-wrapper .question-box .question p, .questions-wrapper .question-box .options-wrapper p {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0 auto; }
    .questions-wrapper .question-box .question-id {
      width: 22px;
      font-size: 0.9em;
      text-align: center;
      color: rgba(41, 41, 41, 0.7); }
      .questions-wrapper .question-box .question-id p {
        width: 100%;
        padding-right: 1px; }
      .questions-wrapper .question-box .question-id p:hover {
        cursor: default; }
    .questions-wrapper .question-box .question {
      width: 60%;
      padding-left: 8px;
      padding-right: 8px;
      background-color: rgba(255, 255, 255, 0.85);
      opacity: 0.5;
      font-size: 0.9em;
      text-shadow: 0 0 2px #aaa; }
      .questions-wrapper .question-box .question p:hover {
        cursor: default; }
    .questions-wrapper .question-box .options-wrapper {
      width: 276px;
      margin: 0 auto;
      padding: 3.15em 0;
      text-align: center; }
    .questions-wrapper .question-box .rate-options {
      height: 100%;
      margin: 0;
      white-space: nowrap; }
      .questions-wrapper .question-box .rate-options .radio-inline {
        margin: 0 1px;
        padding: 4px 8px;
        font-size: 1.3em; }
        .questions-wrapper .question-box .rate-options .radio-inline:hover, .questions-wrapper .question-box .rate-options .radio-inline:focus {
          background-color: #dddddd; }
        .questions-wrapper .question-box .rate-options .radio-inline:active {
          background-color: #dddddd;
          color: #ffffff; }
        .questions-wrapper .question-box .rate-options .radio-inline input[type="radio"] {
          display: none; }
      .questions-wrapper .question-box .rate-options .active {
        background-color: #454545;
        color: #ffffff; }
        .questions-wrapper .question-box .rate-options .active:hover, .questions-wrapper .question-box .rate-options .active:focus, .questions-wrapper .question-box .rate-options .active:active {
          background-color: #666666;
          color: #ffffff; }
  .questions-wrapper .current-question {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 2px solid #292929;
    box-shadow: 3px 3px 10px #292929;
    font-weight: bold; }
    .questions-wrapper .current-question .question-id, .questions-wrapper .current-question .question, .questions-wrapper .current-question .options-wrapper {
      height: 121px; }
    .questions-wrapper .current-question .question-id {
      color: #292929; }
    .questions-wrapper .current-question .question {
      color: #292929;
      text-shadow: none;
      opacity: 1;
      background-color: rgba(150, 150, 150, 0.15); }
  .questions-wrapper .dupe-question {
    position: absolute;
    width: 752px;
    margin-top: 145px;
    border: 2px solid #292929;
    box-shadow: 3px 3px 10px #292929;
    font-weight: bold;
    z-index: 30; }
    .questions-wrapper .dupe-question .question-id, .questions-wrapper .dupe-question .question, .questions-wrapper .dupe-question .options-wrapper {
      height: 121px; }
    .questions-wrapper .dupe-question .question-id {
      color: #292929; }
    .questions-wrapper .dupe-question .question {
      color: #292929;
      text-shadow: none;
      opacity: 1;
      background-color: rgba(150, 150, 150, 0.15); }

.rate .submit-wrapper, .refine .submit-wrapper {
  position: absolute;
  margin: 8px auto 0;
  width: 95%;
  text-align: center; }

.rate input[type="submit"], .refine input[type="submit"] {
  font-weight: bold;
  transition-duration: 400ms;
  -ms-transition-duration: 400ms;
  -webkit-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  -moz-transition-duration: 400ms; }

.tally-group {
  display: inline-block;
  float: right; }
  .tally-group .tally-pair {
    display: inline-block;
    padding: 18px 3px 2px 2px;
    height: 98px;
    width: 63px;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    vertical-align: top; }
    .tally-group .tally-pair:last-child {
      padding-right: 0;
      border-right: none; }
    .tally-group .tally-pair h5 {
      font-size: 2.6em;
      text-align: center; }
    .tally-group .tally-pair a {
      color: #233a75; }
    .tally-group .tally-pair p {
      display: block;
      margin: 0;
      height: 45px;
      text-align: center; }
    .tally-group .tally-pair span {
      display: block; }
    .tally-group .tally-pair .too-few {
      color: #f0ad4e; }
    .tally-group .tally-pair .too-many {
      color: #d9534f; }
    .tally-group .tally-pair .complete {
      color: #233a75; }

.footer p {
  margin: 0; }

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 142px; /* .push must be the same height as .footer */
}

.carousel-caption {
  color: black;
  text-shadow: none;
  text-align: justify;
  position: absolute; }

.carousel-caption-center {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: black;
  text-align: center; }

.top-carousel-caption {
  color: black;
  text-align: justify;
  position: absolute;
  right: 20%;
  left: 20%; }

.carousel-inner > .item > img {
  margin: 0 auto; }

.carousel-indicators li {
  background: #ccc; }

.carousel-indicators .active {
  background: #666; }

.submission-table td {
  vertical-align: middle; }

.rate .questions .rated {
  background-color: rgba(150, 150, 150, 0.15); }
  .rate .questions .rated .question {
    background-color: rgba(150, 150, 150, 0.8);
    text-shadow: 0 0 0 #292929; }
.rate .first-unrated-button {
  margin-top: 4px;
  float: right;
  background-color: #233a75;
  color: #ffffff;
  box-shadow: 0 1px 1px; }
  .rate .first-unrated-button:hover {
    background-color: rgba(220, 220, 220, 0.55); }

.refine .info-container .info {
  width: 212px; }