#int {
  border: 1px solid #c7c7c7;
  max-width: 598px;
  margin: 0 auto;
  margin: 10px 0px 0px 0px; }
  #int em {
    font-style: normal;
    font-family: 'sl-ApresIt'; }
  #int strong em {
    font-style: normal;
    font-weight: normal;
    font-family: 'sl-ApresBoldIt'; }
  #int table {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 15px;
    border-collapse: separate; }
  #int #int-header {
    border-bottom: 1px solid #c7c7c7; }
  #int #int-header p {
    font-size: 12px;
    margin: 3px;
    float: left;
    line-height: 23px; }
  #int #cover_headline {
    font-family: 'sl-TitlingGothFBStandCond', 'Verdana';
    font-size: 40px;
    text-align: center;
    margin: 15px; }
    #int #cover_headline em {
      font-family: "sl-TitlingGothFBMedCondIt"; }
  #int .intro_text {
    text-align: center;
    padding: 0px 10px 0px 10px;
    line-height: 1.4; }
  #int #btn_go {
    cursor: pointer;
    width: 200px;
    height: 141px;
    background: url(images/btn_go.png);
    margin: 20px auto; }
  #int #btn_go:hover {
    background-position: -200px 0px; }
  #int #question_slides {
    padding: 15px; }
  #int #vocab_q {
    margin: 10px;
    font-size: 22px;
    line-height: 1.4;
    text-align: left; }
    #int #vocab_q em {
      color: #660033; }
    #int #vocab_q strong em {
      color: black; }
  #int td.answer {
    position: relative;
    border: 1px solid #c7c7c7;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    text-align: left;
    font-size: 14px;
    color: black;
    padding: 15px;
    cursor: pointer; }
    #int td.answer.answered {
      cursor: default; }
    #int td.answer:not(.answered):hover {
      background: #fffccf;
      position: relative;
      top: 1px; }
    #int td.answer:not(.answered):active {
      background: #fffccf;
      position: relative;
      top: 1px; }
    #int td.answer .answer_inner {
      position: relative; }
  #int #btn_next {
    display: block;
    background: url(images/btn_next.png) no-repeat;
    width: 96px;
    height: 19px;
    border: none;
    margin: 0 auto;
    cursor: pointer; }
    #int #btn_next:hover {
      opacity: .5;
      position: relative;
      top: 1px; }
  #int .validity_mark {
    position: absolute;
    bottom: 10px;
    right: 0px; }
  #int #final {
    padding: 20px; }
  #int #score {
    font-size: 12px;
    line-height: 23px;
    color: black;
    padding: 3px;
    text-align: right; }
  #int #final_headline {
    font-size: 4.5em;
    line-height: 100%;
    text-align: center;
    margin: 15px;
    text-align: center; }
  #int #final_score {
    text-align: center;
    font-size: 2em;
    text-align: center;
    margin: 20px 0px 0px 0px; }
  #int #start_over_wrapper {
    margin-bottom: 0px;
    font-size: 1.2em; }
  #int #start_over {
    color: #660033;
    cursor: pointer; }
  #int #start_over:hover {
    opacity: 0.8;
    position: relative;
    top: 1px; }
  #int #source {
    color: #c7c7c7;
    font-size: 10px;
    padding: 3px 5px;
    text-align: right;
    position: relative;
    top: 10px;
    left: 10px; }
  #int #share_btns {
    text-align: center;
    display: inline-block;
    width: 100%; }
    #int #share_btns:first-child {
      margin-left: 0px; }
    #int #share_btns .btn_share {
      margin-top: 1.3%;
      display: inline-block;
      cursor: pointer;
      padding: 1.3%;
      margin-right: 1.3%;
      border: 1px solid #c7c7c7;
      line-height: 1em;
      font-size: 1em;
      font-family: 'Verdana'; }
    #int #share_btns .btn_share:hover {
      color: #660033; }
    #int #share_btns .btn_share:active {
      position: relative;
      top: 1px; }
    #int #share_btns .btn_share_icon {
      height: 25px;
      margin-right: 4px; }

.int_attribution {
  font-size: 0.8em;
  color: #c7c7c7;
  margin: 2px 0px 10px 0px;
  text-align: right; }