@charset "utf-8";

/*Basic Test Elements*/
#advertadf {
	width:800px;
	height:300px;
	background-repeat: no-repeat;
    background-size: contain;
}
#qContain {
	width:100%;
	max-width:600px;
	margin:80px auto 0px;
	height:100px;
	font-size:1.4em;
	text-align:center;
	color:#454e61;
}
#sContain {
	width:550px;
	margin:25px auto;
	height:45px;
}
.answerMatrix8 {
    display: block;
	float:left;
	text-align:center;
	background-color:#F7F7F7;
	cursor: pointer;
	box-shadow: 2px 2px 5px #e4e4e4;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid #F7F7F7;
	margin-left:5px;
	margin-right:5px;
	width:145px;
	-webkit-transition: background 0.5s, border 0.5s; /* Safari */
    transition: background 0.5s, border 0.5s;
	margin-top:5px;
	height:145px;
}
.marketing-piece-split {
    width: 10px;
    height: 20px;
}
.testProg {
	width:550px;
	height:11px;
}
.marketing-piece {
    width: calc(50% - 50px);
    height: 200px;
	min-width:250px;
    border: 1px solid #ddd;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#navContain {
	width:550px;
	margin:50px auto 25px;
	height:auto;
}
.answerSpatial6 {
    display: block;
	float:left;
	text-align:center;
	background-color:#F7F7F7;
	cursor: pointer;
	box-shadow: 2px 2px 5px #e4e4e4;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid #F7F7F7;
	margin-left:5px;
	margin-right:5px;
	width:calc(33% - 12px);
	-webkit-transition: background 0.5s, border 0.5s; /* Safari */
    transition: background 0.5s, border 0.5s;
	margin-top:5px;
}
.image17Holder {
	float:left;
}
.adfull {
	background:url("../png/afterad.png");
}
.unitestfull {
	background:url("../png/banner_unitest.png");
}
.kufull {
	background:url("../jpg/banner_ku.jpg");
}
.adRev {
	background:url("../png/revafterad.png");	
}
.adCaliper {
	background:url("../png/caliperafterad.png");	
}
.adHogan {
	background:url("../png/hoganafterad.png");	
}
.adCCAT {
	background:url("../png/ccatafterad.png");	
}
.adUCAT {
	background:url("../png/ucatafterad.png");	
}
.adPICA {
	background:url("../png/picaafterad.png");	
}
.adDat {
	background:url("../png/afterad_dat.png");	
}
.adMs {
	background:url("../png/afterad_ms.png");	
}
.adCBST {
	background:url("../png/cbstafterad.png");	
}
.adCub {
	background:url("../png/cubiksafterad.png");	
}
.adMMAT {
	background:url("../png/mcquaigafterad.png");	
}
.adMatrigma {
	background:url("../png/afterad_matrigma.png");		
}
.adRaven {
	background:url("../png/afterad_raven.png");		
}
.questionImg7 {
	width:25%;
}
.questionImage7 {
	pointer-events: none;
	position: absolute;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    top: 140px;
    text-align: center;
}
#qTextHolder {
	font-family:Arial,Helvetica Neue,Helvetica,sans-serif; 
	text-align:center;
	text-size:1em;
	line-height:1.3em;
    display: inline-block;
	padding-left:10px;
	padding-right:10px;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	width:calc(100% - 20px);
}
#overlayInnerIns {
	position:fixed;
	top: 20px;
	left: 50%;
	margin-left: -200px; /* Negative half of width. */
	width:400px;
	padding:20px;
	height:auto;
	background:#FEFEFA;
	border-radius:5px;
	z-index:15;
}
#specialNavBar {
	width:500px;
	height:auto;
	margin:0 auto;
}
.a14Size {
	max-width:632px;
	width:100%;
}
.a15Size {
	max-width:525px;
	width:100%;
}
@media only screen and (min-width:884px){
	.a15Size {
		max-width:790px;
	}
}
.restoreButton {
	width:195px;
	float:left;
	color:white;
	background:#4CAF50;
	padding:1px;
	margin-left: 10px;
}
#overlayWindow {
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
    z-index:11;
}
#companyLogo {
	position:absolute;
	right:0;
	top:0;
	text-align:right;
	width:auto;
	height:auto;
}
#afterTestAdvertC {
	margin:0 auto;
	width:calc(100% - 60px);
	min-width:300px;
	padding:2px 30px 10px 30px;
	background:#2B5D9A;
	color:white;
	height:auto;
	font-family: 'Proxima-Nova-Light';
}
.imgLogo {
	width:auto;
	max-width:200px;
	height:auto;
	max-height:70px;
}
.signupnow {
	height:45px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align:center;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	cursor: pointer;
	border-radius:4px;
	line-height:45px;
	color:white;
	position:relative;   
	top: 70px;
    left: 162px;
	width:180px;    
	font-weight: bold;
	font-size:0.9em;
}
.signupnowtaller {
	height:45px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align:center;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	cursor: pointer;
	border-radius:4px;
	line-height:45px;
	color:white;
	position:relative;   
	top: 105px;
    left: 162px;
	width:180px;    
	font-weight: bold;
	font-size:0.9em;
	
}
.learnmorenowtaller {
	height:45px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align:center;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	cursor: pointer;
	border-radius:4px;
	line-height:45px;
	color:white;
	position:relative;   
	top: 115px;
    left: 162px;
	width:180px;
	font-size:0.9em;
	font-weight: bold;
}
.learnmorenow {
	height:45px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align:center;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	cursor: pointer;
	border-radius:4px;
	line-height:45px;
	color:white;
	position:relative;   
	top: 85px;
    left: 162px;
	width:180px;
	font-size:0.9em;
	font-weight: bold;
}
#overlayInner {
	position:absolute;
	top: 200px;
	left: 50%;
	margin-left: -200px; /* Negative half of width. */
	width:400px;
	padding:20px;
	height:auto;
	background:#FEFEFA;
	border-radius:5px;
	z-index:15;
}
#testContainer {
	margin:0 auto;
	position:relative;
	width: 100%;
	max-width:1200px;
	border:0px solid black;
}
#contentHolder2 {
	position:absolute;
	top:20px;
  	left: calc(50% - 365px);
	width:730px;
	height:auto;
	z-index:11;
}
.correctOrIncorrect {
	position:absolute;
	top:30px;
	left:50%;
	right:50%;
	margin-left:-120px;
	font-size:2em;
	color:green;
	text-align:center;
	width:135px;
	height:auto;
	border-radius:5px;
	background-color:rgb(250, 250, 250);
	background-color:rgba(250, 250, 250, 0.9);
}
#endTestStats {
	margin-top:15px;
	margin-left:15px;
	float:right;
	width:290px;
	height:auto;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align:left;
	font-size:1em;
}
#contentHolder {
	position:absolute;
	top:20px;
  	left: calc(50% - 400px);
	width:800px;
	height:auto;
	z-index:8;
}
#scoreByCategory {
	float:left;
	margin-top:20px;
	width:600px;
	margin-left:100px;
	height:auto;
	font-family: 'Open Sans Condensed', sans-serif;
		font-size:1em;
}
.categoryColumn {
	width:295px;
	text-align:left;
	float:left;
	height:auto;
	font-size:1.1em;
}
#testContainerInner {
	display:table;
	float:right;
	width: 89%;
	border:0px solid black;
}
#testContainerRight {
	width:10.5%;
	float:right;
	border:0px solid blue;
}
#statisticsHolder {
	z-index:10;
	position:relative;
	padding-bottom:10px;
	top:-10px;
	width:100%;
	height:auto;
	min-height:530px;
	border:2px solid grey;
	background: rgb(247, 247, 247);
	border-radius:20px;
	cursor: pointer;
    transition: background 1s, color  1s;
	-webkit-transition: background 1s, color  1s; /* Safari */
}
#statisticsHolder:hover {
	background: rgb(220, 220, 220);	
    transition: background 1s, color  1s;
	-webkit-transition: background 1s, color  1s; /* Safari */
}
.questionImage {
	cursor: pointer;
	position:absolute;
	width:calc(100% - 115px);
	top:10px;
	text-align:center;
    display: block;
    vertical-align: middle;
	border:0px solid blue;
}
.questionImage3 {
	position:absolute;
	right:calc(50% - 100px);
	top:10px;
	text-align:center;
    display: block;
    vertical-align: middle;
	border:0px solid blue;
}
.explanationImage {
	position:absolute;
	width:calc(100% - 115px);
	top:10px;
	text-align:center;
    display: block;
    vertical-align: middle;
	border:0px solid blue;
}
.statNumbers {
	z-index:8;
	width:20px;
	padding-top:10px;
	height:20px;
	position:absolute;
	top:0px;
	left:0px;
	background:#373737;
	font-size:1.3em;
	font-family: 'Open Sans Condensed', sans-serif;
	color:white;
	text-align:center;
}
#testTimer, #testQuestionNum, #testTimer2 {
	font-family: 'Open Sans Condensed', sans-serif;
	height:39px;
	float:right;
	padding-top:1px;
	width:100%;
	text-align:center;
}
#testTimer, #testTimer2 {
	border:1px solid #464646;
	background:#4E4E4E;
	color:white;
}
#testTimerTop, #testTimerTop2 {
	font-size:0.8em;
}
#testTimerTimer,#testTimerTimer2 {
	margin:0;
	margin-top:1px;
	font-size:1.2em;
}
#testQuestionNumTop {
	font-size:0.7em;
}
#testQuestionNumNum {
	margin:0;
	margin-top:1px;
	font-size:1em;
}
#testQuestionNum {
	margin-top:10%;
	border:1px solid #464646;
	border-width:1px 0px 1px 0px;
	color:black;
}
#testQuestionNumSelector {
	width:100%;
	float:right;
	margin-top:10px;
	height:600px;
}
#testQuestionNumSelectorCol1 {
	width:27%;
	height:100%;
	float:left;
	margin-left:0%;
}
#testQuestionNumSelectorCol2 {
	width:27%;
	height:100%;
	float:left;
	margin-left:5%;
}
#testQuestionNumSelectorCol3 {
	width:27%;
	height:100%;
	float:left;
	margin-left:5%;
}
.sitJudgLine {
	width:calc(100% - 10px);
	margin-left:5px;
	padding:5px;
	height:50px;
		text-align:left;
}
.sitNum {
	padding:5px;
	width:100%;
	height:33px;
	font-weight:bold;
}
.sjtRatingButton {
	width:20px;
	height:17px;
	line-height:17px;
	text-align:center;
	border-radius:3px;
	float:left;
	cursor:pointer;
	font-size:85%;
}
.sjtRatingUnMarked {
	border:1px solid #4A4A4A;
	color:black;
	margin-bottom:38px;
	margin-left:2px;
	margin-right:2px;
	margin-top:2px;
}
.sjtRatingMarked {
	background:#878AC5;
	border:1px solid #878AC5;
	color:white;
	margin-bottom:37px;
	margin-left:1px;
	margin-right:1px;
	margin-top:1px;
	padding:1px;
}

.sjtRatingCorrect {
	background:#61A863;
	border:1px solid #61A863;
	color:white;
	margin-bottom:37px;
	margin-left:1px;
	margin-right:1px;
	margin-top:1px;
	padding:1px;
	
}
.sjtRatingWrong {
	background:#CD5D5F;
	border:1px solid #CD5D5F;
	color:white;
	margin-bottom:37px;
	margin-left:1px;
	margin-right:1px;
	margin-top:1px;
	padding:1px;
}
.sjtRatingYellow {
	background:#FC910F;
	border:1px solid #FC910F;
	color:white;
	margin-bottom:37px;
	margin-left:1px;
	margin-right:1px;
	margin-top:1px;
	padding:1px;
}
.moreLessButton {
	width:40px;
	height:15px;
	line-height:15px;
	text-align:center;
	border-radius:5px;
	float:left;
	padding:5px;
	cursor:pointer;
	font-size:90%;
}
.moreLessUnMarked {
	border:1px solid #4A4A4A;
	color:black;
	margin-bottom:29px;
	margin-left:8px;
	margin-right:2px;
	padding:5px;
	margin-top:2px;
}
.moreLessMarked {
	background:#878AC5;
	border:1px solid #878AC5;
	color:white;
	margin-bottom:27px;
	margin-left:6px;
	margin-right:0px;
	margin-top:0px;
	padding:7px;
	
}
.moreLessCorrect {
	background:#61A863;
	border:1px solid #61A863;
	color:white;
	margin-bottom:27px;
	margin-left:6px;
	margin-right:0px;
	margin-top:0px;
	padding:7px;
	
}
.moreLessWrong {
	background:#CD5D5F;
	border:1px solid #CD5D5F;
	color:white;
	margin-bottom:27px;
	margin-left:6px;
	margin-right:0px;
	margin-top:0px;
	padding:7px;
	
}
.questionNum {
    position: relative;
    width: 100%;
	height:24px;
	margin-left:5px;
	border-radius:8px;
	margin-bottom:5px;
	text-align:center;
	padding-top:3px;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	cursor: pointer;
}
.questionNumSelect{
	float:left;
	background:#D4D4D4;
	color:grey;
	-webkit-transition: background 0.5s, color 0.5s; /* Safari */
    transition: background 0.5s, color  0.5s;
}
.questionNumSelect:hover{
	color:white;
	background:#B0B0B0;
	-webkit-transition: background 0.5s, color 0.5s; /* Safari */
    transition: background 0.5s, color  0.5s;
}
.questionNumTaken{
	float:left;
	color:white;
	background:#53A66B;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.questionNumTaken:hover{
	background:#497659;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.questionNumPresent{
	float:left;
	color:white;
	background:#6683AF;
}
.answerOptionTableSmall {
	position:relative;
  	display: block;
	float:left;
	background-color:#F3F3F3;
	cursor: pointer;
	box-shadow: 2px 2px 5px #e4e4e4;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid #EAEBF7;
	margin-left:1%;
	margin-right:1%;
	width:10%;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	margin-top:30px;
	height:50px;
	text-align:center;
}
.answerOptionTable {
	position:relative;
  	display: table-cell;
	background-color:#F3F3F3;
	cursor: pointer;
	box-shadow: 2px 2px 5px #e4e4e4;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid #d6d6d6;
	width:14%;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	margin-top:30px;
	height:50px;
	text-align:center;
}
.answerOption2, .answerOption3, .answerOption4, .answerOption5, .answerOption6, .answerOption8 {
	position:relative;
  	display: block;
	float:left;
	background-color:#F3F3F3;
	cursor: pointer;
	box-shadow: 2px 2px 5px #e4e4e4;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid #EAEBF7;
	margin-left:3%;
	margin-right:2%;
	width:44%;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.answerOptionTextHeavy {
	position:relative;
    display: flex;
	align-items: center;
	float:left;
	cursor: pointer;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid rgb(150 150 150);
	margin-left:1%;
	margin-right:1%;
	width:calc(47% - 16px);
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	margin-top:10px;
	height:50px;
}
.answerOption2 {
	margin-top:30px;
	height:50px;
}
.answerOption3 {
	margin-top:30px;
	height:50px;
}
.answerOption4 {
	margin-top:20px;
	margin-bottom:5px;
	height:50px;
}
.answerOption5 {
	margin-top:15px;
	margin-bottom:5px;
	height:50px;
}
.answerOption6 {
	margin-top:10px;
	height:50px;
}
.answerOption8 {
	margin-top:8px;
	height:37px;
}
.answerImage2, .answerImage3, .answerImage4, .answerImage5, .answerImage6, .answerImage8, .answerImageTaller4 {
	position:relative;
  	display: block;
	float:left;
	text-align:center;
	background-color:#F3F3F3;
	cursor: pointer;
	box-shadow: 2px 2px 5px #e4e4e4;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid #EAEBF7;
	margin-left:3%;
	margin-right:2%;
	width:44%;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.answerImageFive6 {
	position:relative;
  	display: block;
	float:left;
	text-align:center;
	background-color:#F3F3F3;
	cursor: pointer;
	box-shadow: 2px 2px 5px #e4e4e4;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid #EAEBF7;
	margin-left:1.5%;
	width:14.5%;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	margin-top:8px;
	margin-bottom:3px;
	height:auto;
}
.answerImageFive5 {
	position:relative;
  	display: block;
	float:left;
	text-align:center;
	background-color:#F3F3F3;
	cursor: pointer;
	box-shadow: 2px 2px 5px #e4e4e4;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid #EAEBF7;
	margin-left:3%;
	width:16.5%;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	margin-top:8px;
	margin-bottom:3px;
	height:auto;
}
.answerImageFive4 {
	position:relative;
  	display: block;
	float:left;
	text-align:center;
	background-color:#F3F3F3;
	cursor: pointer;
	box-shadow: 2px 2px 5px #e4e4e4;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid #EAEBF7;
	margin-left:3%;
	width:21.5%;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	margin-top:8px;
	margin-bottom:3px;
	height:auto;
}


.answerImage17 {
	position:relative;
    display: table;
	float:left;
	text-align:center;
	font-family: 'Open Sans Condensed', sans-serif;
	width:100%;
	height:auto;
}
.answerImage2 {
	margin-top:12px;
	height:119px;
}
.answerImage3 {
	margin-top:12px;
	height:119px;
}
.answerImageTaller4 {
	margin-top:9px;
	margin-bottom:3px;
	height:200px;
}
.answerImage4 {
	margin-top:9px;
	margin-bottom:3px;
	height:119px;
}
.answerImage5 {
	margin-top:8px;
	margin-bottom:3px;
	height:119px;
}
.answerImage6 {
	margin-top:7px;
	height:119px;
}
.answerImage8 {
	margin-top:5px;
	height:119px;
}
#navigationBar {
	margin:0 auto;
	margin-top:16px;
	height:30px;
	width:94%;
	border:0px solid blue;
}
.naviBut {
	height:28px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:1em;
	text-align:center;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	cursor: pointer;
	border-radius:4px;
	line-height:28px;
}
.backButton {
	float:left;
	color:#2F2F2F;
	background:white;
	width:fit-content;
	padding:3px 10px;
	border:1px solid #A2A2A2;
}
.backButton:hover{
	background:#CCCCCC;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.nextButton {
	width:fit-content;
	padding:3px 10px;
	background:#4CAF50;
	color:white;
	float:right;
}
.nextButton:hover {
	background:#2B6C1B;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.nextButton2 {
	width:fit-content;
	padding:3px 10px;
	background:#4CAF50;
	color:white;
	margin:0 auto;
}
.nextButton2:hover {
	background:#2B6C1B;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.endButton {
	padding:2px;
	width:80px;
	background:#FC6500;
	color:white;
	float:right;
}
.endButton:hover {
	background:#A04F11;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.abortButton {
	padding:2px;
	width:80px;
	background:#FC6500;
	color:white;
	float:left;
}
.abortButton:hover {
	background:#A04F11;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.naviBut2 {
	height:24px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:0.9em;
	text-align:center;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	cursor: pointer;
	border-radius:4px;
	margin-top:3px;
	padding:2px;
	width:100px;
	color:white;
	line-height:24px;
}
.explainButton {
	margin-right:2%;
	background:#6683AF;
	float:right;
}
.reviewButtonSub {
	margin:0 auto;
	margin-bottom: 20px;
	background:#4CAF50;
	width: fit-content;
    padding: 2px 5px;
}
.menuButton {
	margin-left:20px;
	background:#6683AF;
	float:right;
}
.reviewButton {
	margin-left:10px;
	margin-right:20px;
	background:#4CAF50;
	float:left;
}
.reviewButtonSub {
	margin:0 auto;
	margin-bottom: 20px;
	background:#4CAF50;
	width: fit-content;
    padding: 2px 5px;
}
.statsButton {
	margin-right:2%;
	background:#6683AF;
	float:right;
}
.markedButton {
	margin-right:2%;
	background:#33b59d;
	float:right;
}
.reportButton {
	margin-left:2%;
	background:#773C3D;
	float:left;
}
.reportButton:hover {
	background:#3B1F20;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.explainButton:hover, .statsButton:hover {
	background:#303B5E;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.subTestScoreText {
	width:35px;
	height:30px;
	margin-left:30px;
	line-height:30px;
	float:left;
}
.subTestScoreBar {
	float:left;
	width:520px;
	margin-left:10px;
	height:30px;
}

.toType {
	width:calc(100% - 60px);
	max-width:800px;
	height:160px;
	font-size:120%;
	padding:20px;
}
.toType2 {
	width:calc(100% - 60px);
	max-width:800px;
	height:30px;
	font-size:120%;
	padding:15px;
}
.theTyped {
	width:calc(100% - 60px);
	padding:20px;
	max-width:800px;
}
.typedTextField {
	font-size:120%;	
}

hr.typing{ 
  padding: 2px 0;
  background-color:#B5B5B5;
  border:0;
  width:calc(100% - 20px);
  max-width:800px;
  margin-bottom:15px;
}
hr.typing2{ 
  padding: 1px 0;
  background-color:#B5B5B5;
  border:0;
  width:calc(100% - 20px);
  max-width:800px;
  margin-bottom:15px;
}
.explain4 {
	max-width: 100%;
    height: auto;
}
.twoQImagesLeft {
	display:inline-block;
}
.twoQImagesRight {
	display:inline-block;
	margin-left:50px;
}
#hold17IfExists {
	width:100%;
}
@media (max-width: 1106px) {
    #hold17IfExists {
		width: 490px;
  	 	margin: 0 auto;
	}
}
@media (hover: hover) {
	.aNotSelect:hover {
		color:white;
		border:1px solid #4385f5;
		background:#4385f5;
		cursor:pointer;
		-webkit-transition: background 0.5s, border 0.5s; /* Safari */
		transition: background 0.5s, border 0.5s;
	}
}
.aNotSelectHigh {
		color:white;
		border:1px solid #4385f5;
		background:#4385f5;
		cursor:pointer;
		-webkit-transition: background 0.5s, border 0.5s; /* Safari */
		transition: background 0.5s, border 0.5s;
	}

.aItem {
	margin-left:-1px;
	width:110px;
	float:left;
	padding-top:5px;
	height:45px;
	text-align:center;
	font-size:0.9em;
	word-spacing:20px;
}
.aItemb {
	margin-left:-1px;
	width:110px;
	float:left;
	padding-top:5px;
	height:45px;
	text-align:center;
	font-size:0.9em;
}
.sItem {
	margin-left:-1px;
	width:105px;
	float:left;
	padding-top:5px;
	height:45px;
	text-align:center;
	font-size:0.9em;
	word-spacing:normal;
}
.aNotSelect {
	color:#313131;
	border:1px solid #9b9b9b;
	background:#fcfdff;
	cursor:pointer;
}
.aNotSelectDe {
	color:#313131;
	border:1px solid #9b9b9b;
	background:#fcfdff;
	cursor:pointer;
}
.aSelect {
	color:#fff;
	border:1px solid #0e47a1;
	background:#0e47a1;
	cursor:pointer;
	-webkit-transition: background 0.5s, border 0.5s; /* Safari */
    transition: background 0.5s, border 0.5s;
}
.selectThin {
	line-height:42px;
}
.leftSelect {
	border-radius:5px 0px 0px 5px;
}
.rightSelect {
	border-radius:0px 5px 5px 0px;
}

.test-container {
			 margin:0 auto;
            max-width: 600px;
            width: 100%;
            background-color: #fff;
            padding: 20px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
        }
         .test-container table {
            width: 100%;
			 margin-top:20px;
            border-collapse: collapse;
        }
         .test-container th, td {
            padding: 15px;
            text-align: left;
        }
         .test-container th {
            background-color: #f8f8f8;
            font-weight: bold;
        }
        .test-container  td {
            background-color: #f9f9ff;
        }
         .test-container .centered {
            text-align: center;
        }
         .test-container input[type="radio"] {
            width: 20px;
            height: 20px;
        }

		
		#holdCodedArrows {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				max-width:530px;
				width:100%;
				margin:0 auto;
		}
        #holdCodedArrows .container {
            position: relative;
            width: 150px;
            height: 150px;
            background-color: grey;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 10px;
			cursor:pointer;
			  transition: background-color 0.3s ease-in-out;
        }
        #holdCodedArrows .container:hover {
            position: relative;
            width: 150px;
            height: 150px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 10px;
			cursor:pointer;
			background-color: rgba(0, 98, 255, 1); 
        }
        #holdCodedArrows .arrow {
            position: absolute;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        #holdCodedArrows .arrow-head {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 18.75px; /* 25% of 150px */
            opacity: 0.8;
        }
        #holdCodedArrows .arrow-tail {
            width: 7.5px;
            height: 37.5px; /* 25% of 150px */
            opacity: 0.8;
        }
        #holdCodedArrows .white .arrow-head { border-color: transparent transparent white transparent; }
        #holdCodedArrows .black .arrow-head { border-color: transparent transparent black transparent; }
        #holdCodedArrows .white .arrow-tail { background-color: white; }
        #holdCodedArrows .black .arrow-tail { background-color: black; }

        
        #holdCodedArrows .grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
        }