@charset "UTF-8";
/* CSS Document */

body {background-color:#ffffff;}
.mobileonly {display:none; visibility:hidden;}
#maincontent {width:600px; margin-left:auto; margin-right:auto; background-color:#ffffff; padding-bottom:50px; overflow:hidden;}

#header {width:100%;}
#hand {float:left; display:block; width:160px; height:auto;}
#hand img {width:95%; height:auto;}
#ttp {float:left; display:block; width:440px; text-align:center; padding-top:15px;}
#ttp img {width:90%; height:auto;}
#jm {float:left; display:block; width:440px; text-align:center; padding-top:10px;}
#jm img {width:50%; height:auto;}

.title {width:130px; float:left; margin-top:0; margin-bottom:0; background-color:#cccccc;}
.title p {font-weight:bold; text-align:center;}
.row1 {clear:both; display: flex; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin-top:0; margin-bottom:0;}
.row2 {display: flex; border-bottom:1px solid #cccccc; margin-top:0; margin-bottom:0;}
.col1 {flex: 1; border-right:1px solid #cccccc;}
.col2 {flex: 1; margin-top:0; margin-bottom:0; }
.col2a {flex: 1; margin-top:0; margin-bottom:0; }
.col3 {width:100%; margin-top:0; margin-bottom:0; }
.topq1 {width:33%; float:left; text-align:center; margin-top:7px;}
.radio1, .radio2, .radio3, .radio4, .radio5  {width:20%; float:left; text-align:center; margin-top:7px; margin-bottom:0;}
input[type="radio"] {margin-top:0px; }
.numbers {width:20%; float:left; text-align:center; margin-top:0px; margin-bottom:0;}
.col1 p {margin-left:10px;}
.col3 p {margin-left:10px; line-height:30px; text-align:center;}
#question1, #question2, #question3, #question4, #question5, #question6, #question7, #question8 {padding-top:50px; background-color:#ffffff;}
.number {margin-left:3px; font-size:10px;}
input[type="submit"] {padding:10px 20px 10px 20px; font-size:20px; margin-top:50px; text-align:center; background-color:#ff2000;}
#submitbutton {width:100%; text-align:center;}
hr {border: none; height: 2px; color: #f00000; background-color: #f00000; }
.iframeholder {text-align:center; width:100px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:0;}
.fresults {background-color:#ffffff; overflow-x: hidden; overflow-y: hidden; border:0 solid #cccccc; frameborder:0; width:100px; height:35px; margin-bottom:0;}
.waffle th, .grid-fixed-table th {border:0 !Important;}

#resultsholder {text-align:center;}
.rheadline {width:200px; text-align:center; margin-bottom:0;}
.rheadline p {font-weight:bold; text-transform:uppercase; font-size:15px; margin-bottom:4px;}
.resultbox {width:200px; float:left; display:block; padding-bottom:15px; }
.resultstext {width:200px; text-align:center;}
.resultstext p {margin-top:0; margin-bottom:3px; font-size:12px;}
.resultsimage {width:200px;}
.resultsimage img {width:96%; height:auto; margin-left:2%; margin-right:2%;}
.resultspercentage {width:200px; margin-bottom:0; height:25px;}
.note {font-size:12px; margin-top:0; position:relative; z-index:50;}
#bookcontent {width:100%; overflow:hidden;}
.bookimg {width:33%; float:left; display:block;}
.bookimg img {width:100%; height:auto;}
.booksectitle {width:67%; float:left; display:block; text-align:center;}
.booksectitle img {width:70%; margin-left:auto; margin-right:auto; height:auto;}
.booktext {width:61%; padding-left:3%; padding-right:3%; float:left; display:block; }
.subtitle {color:#e42026; font-size:17px; line-height:22px; margin-top:7px; margin-bottom:7px; margin-left:40px; margin-right:40px;}
.rb1 {margin-left:100px;}
#toprholder {text-align:center;}
.zresultspercentage {width:315px; text-align:center; margin-left:auto; margin-right:auto;}
.zframeholder {text-align:center; width:100%; }
.zfresults {background-color:#ffffff; overflow-x: hidden; overflow-y: scroll; border:0 solid #cccccc; frameborder:0; width:315px; height:55px;}

.termsprivacy {text-align:center; color:#000000; font-size:12px;}
.termsprivacy a {color:#000000; text-decoration:none;}
.termsprivacy a:hover {color:#000000; text-decoration:underline;}

@media screen and (min-width: 600px) and (max-width: 999px) {

#resultsholder {width:90%; margin-left:5%; margin-right:5%; text-align:center;}
.resultbox {width:50%; float:left; display:block; padding-bottom:15px; }
.rheadline {width:100%; text-align:center;}
.resultstext {width:100%; text-align:center;}
.resultstext p {margin-top:0; margin-bottom:3px;}
.resultsimage {width:100%;}
.resultsimage img {width:96%; height:auto; margin-left:2%; margin-right:2%;}
.resultspercentage {width:100%; }

.rb1 {margin-left:0%;}
.rb2 {margin-left:25%;}

}

@media screen and (min-width: 400px) and (max-width: 599px) {
#maincontent {width:90%; margin-left:5%; margin-right:5%;}

#header {width:100%;}
#hand {float:none; display:block; width:100%; height:auto; text-align:center;}
#hand img {width:50%; height:auto;}
#ttp {float:none; display:block; width:100%; text-align:center; padding-top:15px;}
#ttp img {width:70%; height:auto;}
#jm {float:left; display:block; width:100%; text-align:center; padding-top:10px;}
#jm img {width:50%; height:auto;}

#resultsholder {width:90%; margin-left:5%; margin-right:5%; text-align:center;}
.resultbox {width:80%; float:none; margin-left:10%; margin-right:10%; display:block; padding-bottom:15px; }
.rheadline {width:100%; text-align:center;}
.resultstext {width:100%; text-align:center;}
.resultstext p {margin-top:0; margin-bottom:3px;}
.resultsimage {width:100%;}
.resultsimage img {width:96%; height:auto; margin-left:2%; margin-right:2%;}
.resultspercentage {width:100%; }

#bookcontent {width:100%; overflow:hidden;}
.bookimg {width:100%; float:left; display:block;}
.bookimg img {width:66%; margin-left:17%; margin-right:17%; height:auto;}
.booksectitle {width:100%; float:left; display:block; text-align:center;}
.booksectitle img {width:70%; margin-left:auto; margin-right:auto; height:auto;}
.booktext {width:94%; padding-left:3%; padding-right:3%; float:left; display:block; }
.subtitle {color:#e42026; font-size:17px; line-height:22px; margin-top:7px; margin-bottom:7px; margin-left:10px; margin-right:10px;}

.rb1 {margin-left:0;}
.rb2 {margin-left:0;}

}

@media screen and (max-width: 399px) {
.mobileonly {display:inline; visibility:visible;}
#maincontent {width:100%; }

#header {width:100%;}
#hand {float:none; display:block; width:100%; height:auto; text-align:center;}
#hand img {width:80%; height:auto;}
#ttp {float:none; display:block; width:100%; text-align:center; padding-top:15px;}
#ttp img {width:96%; height:auto;}
#jm {float:left; display:block; width:100%; text-align:center; padding-top:10px;}
#jm img {width:80%; height:auto;}

.row1 {display:block; border:0;}
.row2 {display:block; border-top:0; border-bottom:0;}
.col1 {float:left; display:block; flex:0; width:100% !Important; border-right:0; border-top:1px solid #cccccc; padding-top:20px;}
.col2 {float:left; display:block; flex:0; width:100% !Important; margin-bottom:0; margin-top:0; padding-top:0; padding-bottom:35px;}
.col2a {flex:0; width:100% !Important;}
.col3 {width:100%; margin-top:0; margin-bottom:0; }
.col1 p {margin-left:10px; margin-bottom:0;}

#resultsholder {text-align:center;}
.resultbox {width:100%; float:left; display:block; padding-bottom:15px; }
.rheadline {width:100%; text-align:center;}
.resultstext {width:100%; text-align:center;}
.resultstext p {margin-top:0; margin-bottom:3px;}
.resultsimage {width:100%;}
.resultsimage img {width:70%; height:auto; margin-left:15%; margin-right:15%;}
.resultspercentage {width:100%;}

.rb1 {margin-left:0;}
.rb2 {margin-left:0;}

#bookcontent {width:100%; overflow:hidden;}
.bookimg {width:100%; float:left; display:block;}
.bookimg img {width:66%; margin-left:17%; margin-right:17%; height:auto;}
.booksectitle {width:100%; float:left; display:block; text-align:center;}
.booksectitle img {width:70%; margin-left:auto; margin-right:auto; height:auto;}
.booktext {width:94%; padding-left:3%; padding-right:3%; float:left; display:block; }
.subtitle {color:#e42026; font-size:17px; line-height:22px; margin-top:7px; margin-bottom:7px; margin-left:5px; margin-right:5px;}
}