/*
Turquoise: #00acc1
Purple: #7D26CD
Cerise Pink: #ec3b83
*/

body {
    /*background-image:url('images/xhq-background.jpg');*/
    background-color: #00acc1;
    background-position: center;
    background-repeat: repeat;
    color: #ffffff;
    font-family: Arial, sans-serif;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.quz {
    font-family: 'Chicle', cursive;
}

.hrl {
    font-family: 'Josefin Sans', sans-serif;
}

.quz-lg {
    font-family: 'Chicle', cursive;
    font-size: 100px;
}

.hrl-lg {
    font-family: 'Josefin Sans', sans-serif;
     font-size: 100px;
}

.ent{
    border-radius: 4px;
    font-family: arial;
    font-size: 80px;
    font-weight: bold;
    color: grey;
    
}

.ent:hover {
    background-color: transparent;
    border:2px solid #ffffff; /*HH*/
    color: #ffffff;
    border-radius: 8px;
}

.next {
    border-radius: 8px;
    font-family: arial;
    font-size: 24px;
    font-weight: bold;
}

.nxt {
    text-align:center;
}

.center {
    text-align:center;
}

.center a:link, a:visited, a:hover,a:active  {
  color: #ffffff;
  text-decoration: underline;
  cursor: pointer;
}

div#contact-content {
    color: #ffffff;
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 25px;
    font-weight: bold;
}

h1 {
    font-family: arial;
    font-size: 24px;
    font-weight: bold;
    text-align:center;
    color: #ffffff;
}

h1.scr {
    color: #000000;
}

h2.blk {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: #40A913; /*#ef0303; */
}

h2 {
     font-family: arial;
    font-size: 18px;
    font-weight: bold;
    text-align:center;
     color: #ffffff;
}

h3 {
     font-family: arial;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

.table {
    display: table;
    margin: 0 auto;
}

.row {
    xdisplay: table-row;
    padding-top: 20px;
    margin: 0 auto;
}
.cell {
    display: table-cell;
   
}

.arow {
    padding-top: 5px;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #ffffff;
    font-size: 14px;
    width: 250px;
}

.qr {
    border-radius: 18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    border-radius:18px;
    padding: 20px; 
    width: 200px;
    height: 15px;  
} 

input[type=text], select, textarea{
  width: 400px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

input[type="number"]{
    width: 400px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

.awe-btn{
    display:inline-block;
    background:none;
    border-radius: 4px;
    font-family:'Arial'; /*HH*/
    white-space:nowrap;
    text-transform:uppercase;
    cursor:pointer;
    line-height:normal;
    padding:8px 10px;
    font-size:12px;
    min-width:110px;
    border-width:0;
    text-align:center;
}
.awe-btn.awe-btn-default{
    border-color:#ffffff; /*HH*/
    background-color: #ffffff;  /*HH*/
    color:#000000;
}
.awe-btn.awe-btn-default:hover{
    background-color: transparent;
    border:1px solid #ffffff; /*HH*/
    color: #ffffff;
}



/* DivTable.com */
.divTable{
    display: table;
    xwidth: 950px;
    margin:0 auto;
    background-color: #ffffff;
}
.divTableRow {
    display: table-row;
}
.divTableHeading {
    background-color: #40A913; /*#ef0303; */
    font-weight: bold;
    color: #ffffff;
    display: table-row-group;
}
.divTableCell, .divTableHead {
    border: 1px solid #000000;
    display: table-cell;
    padding: 3px 10px;
    text-align: center;
    color: #000000;
}

.doubleline {
    border-top-style: double;
    border-top-color: #40A913; /*#ef0303; */
    border-top-width: 4px;
}

.divTableCell.bold {
    font-weight: bold;
    color: #000000;
}
.divTableHead {
   background-color: #7D26CD; /*#ef0303; */
    font-weight: bold;
    color: #ffffff; 
}
.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}
.divTableBody {
    display: table-row-group;
}


a:link {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.quizzy {
    background-color: #ffffff;
    width: 60%;
    height: auto;
    color: #000000;
    font-size: 18px;
    margin: 0 auto;
    padding: 10px;
    padding-top: 30px;
    border-radius: 4px;
}

a.quizza {
    color: #40A913; /*#ef0303; */
    text-decoration: none;
}

.contact-form {
    margin: 0 auto;
}
.jai {
}

.jtable {
        margin: 0 auto;
    display:  table;
    width:auto;
}
.jrow {
     display:table-row;
     width:auto;
}

.jcell {
     float:left;/*fix for  buggy browsers*/
        display:table-column;
        width:200px;
}


.apostro {
    font-size: 9px;
    font-style: italic;
}

.qfont {
    background-color: #ffffff;
    font-size:14px;
    width: 1000px;
    margin: 0 auto;
    padding: 10px;
    
}

.smallprint {
    font-size: 12px;
    text-align:center;
}

.smallprint h3 {
    color: #000000;
}

hr.hrwid {
    width: 50%;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20px;
  margin-bottom: 10px; 
}

.joker {
    position:absolute;
    right: 25px;
    margin-right: 20px;
    margin-top: 20px;
}

.jokerbt {
    border:2px solid #ffffff; /*HH*/
    display:inline-block;
    background-color: #7D26CD;
    border-radius: 6px;
    font-family:'Arial'; /*HH*/
    white-space:nowrap;
    text-transform:uppercase;
    cursor:pointer;
    padding:8px 10px;
    width:150px;
    height: 210px;
    text-align:center;
    margin: 5px;
}

.jokerbt:hover{
    background-image: url('images/joker.png');
    background-color: #00acc1;
    background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
    border:none;
    width:150px;
    height: 210px;
}

.allowbt {
   border:2px solid #ffffff; /*HH*/
    display:inline-block;
    background-color: #7D26CD;
    border-radius: 6px;
    font-family:'Arial'; /*HH*/
    white-space:nowrap;
    text-transform:uppercase;
    cursor:pointer;
    padding:8px 10px;
    width:150px;
    height: 150px;
    text-align:center;
    margin: 5px; 
}

.rndselect {
    font-weight: bold;
    font-size: 14px; 
    color: #ffffff;
}

.rndtitle {
    color: #ffffff;
    font-size: 12px;
    height: 75px;
}

.querrs {
    padding: 10px;
    padding-top: 30px;
    border-radius: 4px;
    margin: 0 auto;
    text-align: left;
}

.allinbt {
    border:2px solid #ffffff; /*HH*/
    background-color: #ec3b83;
    border-radius: 6px;
    font-family:'Arial'; /*HH*/
    white-space:nowrap;
    text-transform:uppercase;
    cursor:pointer;
    padding:8px 10px;
    width:150px;
    height: 210px;
    text-align:center;
    margin: 5px;
}

.allinbt:hover{
    background-image: url('images/allin.png');
    background-color: #ec3b83;
    background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
    border:none;
    width:150px;
    height: 210px;
}

.enterin {
    border:2px solid #ffffff; /*HH*/
    background-color: #ec3b83;
    border-radius: 6px;
    font-family:'Arial'; /*HH*/
    white-space:nowrap;
    text-transform:uppercase;
    cursor:pointer;
    padding:8px 10px;
    width:150px;
    height: 210px;
    text-align:center;
    margin: 5px;
}

.enterin:hover{
    background-image: url('images/joker.png');
    background-color: #ec3b83;
    background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
    border:none;
    width:150px;
    height: 210px;
}