body.fullscreen .sidebar {
  display: none;
}
body.fullscreen div.body {
  padding-left: 2em;
  padding-right: 2em;
  min-height: 0;
  height: auto;
}
body.fullscreen div.container {
  background: #ffffff;
}
body.fullscreen div.body div.content {
  background-color: #ffffff;
}
body.fullscreen div.body div.content iframe {
  margin: 0 auto;
}

/* ************************************************************************
   * Intro page
   ************************************************************************ */

.quiz_intro {
  text-align: center;
  cursor: default;
}
  .quiz_intro h3 {
    font-size: 20pt;
    color: #1a171b;
  }
  .quiz_intro ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    font-size: 12pt;
    line-height: 1.5em;
  }
    .quiz_intro ul li {
      color: #e2001a;
    }
  .quiz_intro p.trailer {
    font-weight: bold;
    font-size: 14pt;
    color: #808080;
  }
  .quiz_intro .quiz_enter {
    display: block;
    margin: 4px 0px 20px 0px;
    padding: 0px;
  }
    .quiz_intro .quiz_enter a {
      display: block;
      margin: 0 auto;
      width: 219px;
      height: 70px;
      background: url(../images/quiz_intro_enter.png) no-repeat top left;
    }
      .quiz_intro .quiz_enter a span {
        display: none;
      }

/* ************************************************************************
   * Quiz start page
   ************************************************************************ */

.quiz_start {
  text-align: center;
}
  .quiz_start iframe {
    margin: 0 auto;
  }

/* ************************************************************************
   * Generic iframe page
   ************************************************************************ */

body.iframe {
  width: 910px;
  margin: 4px;
  padding: 0px;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  color: #202020;
  cursor: default;
  background-color: #ffffff;
}
  body.iframe h1 {
    display: none;
  }

body.iframe .start_button {
  display: block;
  margin: 40px auto 0px auto;
  border: 3px double #0080c9;
  padding: 10px;
  text-align: center;
  background-color: #ffffff;
  color: #343b70;
}
.question {
  clear: both;
  overflow-x: auto;
  overflow-y: auto;
  margin: 10px auto 20px auto;
  width: 910px;
  height: 320px;
  text-align: center;
}

.pushbuttons {
  margin: 20px auto 20px auto;
  width: 430px;
  height: 21px;
}
  .pushbuttons .form_radio {
    display: none;
  }
  .pushbuttons label#frm_label_0 {
    display: none;
  }
  .pushbuttons label {
    overflow: hidden;
    display: block;
    float: left;
    margin: 0px 2px;
    width: 80px;
    height: 21px;
    background-color: #0080c9;
    background-image: url(../images/quiz_button.png);
    background-repeat: no-repeat;
    background-position: center top;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
  }
  .pushbuttons label.pressed {
    background-color: #ff9a63;
    background-position: center bottom;
  }

div.quizpanel {
  width: 700px;
  margin: 5px auto 0px auto;
  padding-top: 8px;
  background: url(../images/quiz_labels.png) no-repeat left top;
}
  div.quizpanel p {
    display: block;
    border: 1px solid #0080c9;
    margin: 0px;
    padding: 2px 6px;
    background: #d5f3ff url(../images/framebg.png) no-repeat top left;
    color: #0080c9
  }
    div.quizpanel p.status {
      float: left;
      font-size: 10pt;
    }
    div.quizpanel p.timer {
      float: right;
      position: relative;
      right: 20px;
      width: 70px;
      height: 22px;
      font-family: Impact, sans-serif;
      font-size: 12pt;
      font-weight: bold;
      text-align: center;
    }
    div.quizpanel p.timer #timer {
      display: block;
      font-size: 12pt;
      font-weight: bold;
    }
    div.quizpanel p.timer #timer.yellow {
      color: #7f7f00;
    }
    div.quizpanel p.timer #timer.red {
      color: #ff0000;
      text-decoration: blink;
    }

div.navbox {
  width: 220px;
  height: 25px;
  clear: both;
  margin: 60px auto 0px auto;
}
  div.navbox .link {
    display: block;
    width: 84px;
    height: 22px;
    background-image: url(../images/quiz_arrows.png);
    background-repeat: no-repeat;
  }
    div.navbox .link span {
      display: none;
    }
  /* guess what? .link.prev.inactive was taken wrong by IE6, merging the two blocks! */
  div.navbox a.link.prev {
    float: left;
    background-position: left bottom;
  }
  div.navbox span.prev {
    float: left;
    background-position: left top;
  }
  div.navbox select {
    float: left;
    border: 1px solid #0080c9;
    background: #d5f3ff url(../images/framebg.png) no-repeat top left;
    color: #0080c9
  }
  div.navbox a.link.next {
    float: left;
    background-position: right bottom;
  }
  /* as above, this should be .link.next.inactive, but damn IE6 */
  div.navbox span.next {
    float: left;
    background-position: right top;
  }

.banner {
  margin-top: 1.5em;
  text-align: center;
}

/* ************************************************************************
   * Quiz end page
   ************************************************************************ */

table.quiz_details {
  margin: 10px 0px 8px 8px;
  background-color: #20407a;
  border-spacing: 1px;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  color: #343b70;
  cursor: default;
}
  /* header columns */
  table.quiz_details thead th {
    width: 70px;
    border: 1px solid #ffffff;
    padding: 2px 4px;
    background-color: #d8d8d8;
  }
  table.quiz_details thead th.first-child {
    width: 255px;
  }
  /* question name column */
  table.quiz_details tbody th {
    width: 245px;
    padding: 2px 0px 2px 10px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    text-align: left;
  }
  table.quiz_details tbody td {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    text-align: center;
  }
  /* vertical formatting, i.e. by columns */
  table.quiz_details tbody td.answer {
    font-weight: bold;
  }
  table.quiz_details tbody td.correct {
    font-weight: bold;
    background-color: #00ffff;
  }
    /* correct answers variations */
    table.quiz_details tbody tr.exact td.answer {
      background-color: #00ff00;
    }
    /* wrong answers variations */
    table.quiz_details tbody tr.wrong td.answer {
      background-color: red;
    }
    table.quiz_details tbody tr.wrong td.correct {
      background-color: #00ff00;
    }

div.details p.summary {
  line-height: 14pt;
}
  div.details p.summary strong {
    padding-right: 4px;
  }

div.details p.points {
  margin: 2px 20px 0px 0px;
  font-size: 12pt;
  font-weight: bold;
  text-align: right;
}

p.finalnotes {
  width: 500px;
  padding-bottom: 180px;
  background: url(../images/quiz_resultsclip.png) no-repeat center bottom;
  font-size: 10pt;
  text-align: center;
  cursor: default;
}

/* ************************************************************************
   * Users area - summary page
   ************************************************************************ */

table.quiz_user_summary {
  margin: 10px 5px 8px 5px;
  background-color: #20407a;
  border-spacing: 1px;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  color: #343b70;
  cursor: default;
}
  /* header columns */
  table.quiz_user_summary thead th {
    border: 1px solid #ffffff;
    padding: 2px 4px;
    background-color: #d8d8d8;
  }
  table.quiz_user_summary thead th.first-child {
    width: 255px;
  }
  /* question name column */
  table.quiz_user_summary tbody th {
    width: 150px;
    padding: 2px 0px 2px 5px;
    text-align: left;
  }
  table.quiz_user_summary tbody tr {
    background-color: #ffffff;
  }
  table.quiz_user_summary tbody tr:hover {
    background-color: #f0f0ff;
  }
  table.quiz_user_summary tbody td {
    padding: 0px 4px;
    text-align: center;
  }
  /* vertical formatting, i.e. by columns */
  table.quiz_user_summary tbody td.timestamp {
    white-space: nowrap;
  }