/*This software and/or code, all other software and/or code used to generate or manipulate or display Highbrow content,
all associated images and the Highbrow "Quiztion" concept remain the copyright of Leonard J Keating. All rights reserved.*/

img {
  max-height: 100%;
  }
  
  #cohfi {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 100%;
      position: absolute;
      text-align: center;
      border-style: solid;
      border-color: rgb(102,102,102); /**********************************************************/
      border-width: 1px;
      border-radius: 10px;
      color: rgb(49, 45, 45);
      line-height: 10%;
      background-color: white;
      left: 50%;
      transform: translate(-50%);
      top: 0px;
      width: 50%;
      height: 6%;
      vertical-align: middle;
      background-size: 100%;
      background-image: url("../../images/popUp.png");
  }

  #qciem  {
    font-family: Arial, Helvetica, sans-serif;
    background-color: transparent;
    width: 100%;
    height: 100%;
    text-align: center;
    border-width: 0px;
    padding: 0;
  }

  #lgrfi  {
    width: 100%;
    height: 34%;
    line-height: 100%;
    font-size: 200%;
    font-weight: bold;
  }

  #qwqcb  {
    width: 100%;
    height: 20%;
    line-height: 100%;
  }

  #zqnbw  {
    width: 100%;
    height: 20%;
    line-height: 100%;
  }

  #tspez    {
    width: 100%;
    height: 20%;
    line-height: 100%;
  }

  #aztez  {
    width: 100%;
    height: 6%;
    background-color: transparent;
  }
  

  #jvlou {
    position: absolute;
    top: 82%;
    left: 0%;
    width: 100%;
    height: 12%;
    background-color: transparent;
  }

  #lsfes {
      position: absolute;
      background-color: white;
      background-size: 100%;
      left: 50%;
      transform: translate(-50%);
      top: 13.75%;
      width: 50%;
      height: 20%;
      border-style: solid;
      border-color: rgb(102,102,102); /**********************************************************/
      border-width: 2px;
      border-radius: 10px;    
      background-image: url("../../images/PT00.png");
    }

  #euimp {
      position: absolute;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 12px;
      display: flex;
      line-height: 100%;

      flex-direction: row;
      justify-content: space-between;
      background-color: white;
      /*left: 0px;*/
      top: 0px;
      width: 50%;
      left: 50%;
      transform: translate(-50%);
      height: 1px;
      
      border-style: solid;
      border-color: rgb(102,102,102); /**********************************************************/
      border-width: 2px;
      border-radius: 10px;
  }
  
  #xsvjd{
      flex-basis: 16%;
      background-color: transparent;
      background-size: 90%;
      background-image: url("../../images/logo.png");
  }

  #aeohh{
      flex-basis: 12%;
      text-align: right;
      flex-grow: 1;
      background-color: transparent;
  }

  #ttngk{
      flex-basis: 4%;
      text-align: center;
      background-color: transparent;
  }

  #jfyzb{
      flex-basis: 15%;
      text-align: left;
      flex-grow: 1;
      background-color: transparent;
  }

  #kxmrn{
      flex-basis: 8%;
      text-align: right;
      flex-grow: 1;
      background-color: transparent;
  }

  #vmijf{
      flex-basis: 4%;
      text-align: center;
      background-color: transparent;
  }

  #lsejn{
      flex-basis: 16%;
      text-align: left;
      flex-grow: 1;
      background-color: transparent;
  }

  #zmayo{
    flex-basis: 29%;
    flex-grow: 2;
    background-color: transparent;
    border-radius: 8px;
  }

   #ovbbj{
    background-image: url("../../images/newTickCross.png");
    position: absolute;
    background-color: transparent;
    width: 29%;
    height: 100%; 
    border-width: 0px;
    border-radius: 0px;
    border-style: hidden;
    color: transparent; 
    background-repeat: no-repeat;
    opacity: 1.0;
    background-size: 100%;
    }

  #buttonPad{
    flex-basis: 2%;
    background-color:transparent;
    height: 100%;
  }

  .bzlam{
    background-image: url("../../images/tick.png");
    position: absolute;
    height: 10%;
    width: 14%;
    background-color: transparent;
    background-size: 100%;
    top: 0%;
    left: 0%;
  }

  .qingj{
    background-image: url("../../images/cross.png");
    position: absolute;
    height: 10%;
    width: 14%;
    background-color: transparent;
    background-size: 100%;
  }

  button{       
    width: 66.7%;                           /************************************/
    height: 12.7%;                          /************************************/
    background-color: transparent;
    border-width: 3px;
    border-radius: 0;
    border-color: rgb(255,0,0); 
    border-style: hidden;
    color: transparent; 
    opacity: 1;
    transition: left 0.4s linear, top 0.4s linear, opacity 0.4s linear;
    background-size: 100%; 
  }

  button.cthru {
    opacity: 0;
  }

#gvntvu01{background-image: url("../../images/PT01.png");}
#xeglut02{background-image: url("../../images/PT02.png");}
#jbsctr03{background-image: url("../../images/PT03.png");}
#hnkcrk04{background-image: url("../../images/PT04.png");}
#uxgekm05{background-image: url("../../images/PT05.png");}
#rtxvmm06{background-image: url("../../images/PT06.png");}
#cwncmn07{background-image: url("../../images/PT07.png");}
#yponnd08{background-image: url("../../images/PT08.png");}
#qzdbdb09{background-image: url("../../images/PT09.png");}
#twdvbi10{background-image: url("../../images/PT10.png");}
#sgkfij11{background-image: url("../../images/PT11.png");}
#daffjz12{background-image: url("../../images/PT12.png");}
#mxkyzd13{background-image: url("../../images/PT13.png");}
#rohnds14{background-image: url("../../images/PT14.png");}
#sfgysb15{background-image: url("../../images/PT15.png");}
#quhebc16{background-image: url("../../images/PT16.png");}

.rsyaqlim09 {position: absolute; left: 31.1%; top: 86.3%;}
.rsyaqlim14 {position: absolute; left: 31.1%; top: 46.5%;}
.rsyaqlim13 {position: absolute; left: 31.1%; top: 34.4%;}
.rsyaqlim07 {position: absolute; left: 31.1%; top: 65.4%;}
.rsyaqlim08 {position: absolute; left: 31.1%; top: 75.9%;}
.rsyaqlim12 {position: absolute; left: 31.1%; top: 33.5%;}
.rsyaqlim01 {position: absolute; left: 31.1%; top: 2.7%;}
.rsyaqlim00 {position: absolute; left: 31.1%; top: 2.7%;}
.rsyaqlim05 {position: absolute; left: 31.1%; top: 44.6%;}
.rsyaqlim10 {position: absolute; left: 31.1%; top: 18.6%;}
.rsyaqlim03 {position: absolute; left: 31.1%; top: 23.5%;}
.rsyaqlim16 {position: absolute; left: 31.1%; top: 55.6%;}
.rsyaqlim04 {position: absolute; left: 31.1%; top: 34.1%;}
.rsyaqlim02 {position: absolute; left: 31.1%; top: 13.3%;}
.rsyaqlim06 {position: absolute; left: 31.1%; top: 55.1%;}
.rsyaqlim11 {position: absolute; left: 31.1%; top: 19.7%;}
.rsyaqlim15 {position: absolute; left: 31.1%; top: 53.8%;}