.answerButton img{
	/*width:80%;*/
	height:30%;
}
 .wrongMessage img, #stepsAppend img{
	 width:30%;
 }
 .nowrap{
	white-space:nowrap !important; 
 }
 .the_sqrt{
	margin-right:-2px;
}
.the_sqrt_value{
	border-top: 1px solid #0a3043;
    display: inline-block;
    line-height: 21px; 
}
.the_sqrt_value sup{
	display: inline-block;
    padding: 0px;
    margin-top: -6px;
	font-size:12px !important;
}

.wrongAnswer .the_sqrt, .semiWrongAnser .the_sqrt{
	vertical-align:top !important;
	display: inline-block;
    margin-top: -1px;
    font-size: 21px !important;
	margin-right:-1px !important;
}
.wrongAnswer .the_sqrt_value sup, .semiWrongAnser .the_sqrt_value sup{
	display: inline-block;
    margin-top: -5px;
    font-size: 9px !important;
}

.semiWrongAnser .the_sqrt_value{
	border-top: 1px solid #FFFFFF !important;
}

.semiWrongAnser{
	padding:9px;
	border: 1px solid white;
}

.extra_margin_clue{
	margin-top:40px !important;
}
.answerButton .fraction.lower span{
	font-size:14px;
	line-height:14px;
}
.answerButton .fraction.lower{
	vertical-align:sub;
}

#stepsAppend .fraction.lower span{
	font-size:10px;
	line-height:10px;
}
#stepsAppend .fraction.lower{
	vertical-align:sub;
}
button{
	background:none !important;
	border:0px !important;
	color:inherit !important;
	margin: 0px !important;
    padding: 0px !important;
	
	-webkit-appearance: button;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: center;
    align-items: flex-start;
    
    box-sizing: border-box;

    font: inherit !important;
}

button:focus, a:focus{
	outline: #a6c8ff auto 1px;
}
button:active, a:active{
	outline:none !important;
}
.answerButton{
		margin-bottom:20px;
	}
	.answerButton:nth-child(3),.answerButton:nth-child(5) {
		margin-left:0px;
	}

.path_answers .answerButton{
	width:49%;
}
.path_answers .answerButton:nth-child(1), .path_answers .answerButton:nth-child(3), .path_answers .answerButton:nth-child(5){
	margin-left:0px;
}
.path_answers .answerButton:nth-child(2), .path_answers .answerButton:nth-child(4), .path_answers .answerButton:nth-child(6){
	margin-left:2%;
}
.no-pointer{
	pointer-events:none !important;
}
	
.path_answers .questionAnswer p{
	margin-bottom:10px;
}

.path_answers{
	margin-bottom:20px;
}

.path_answers .answerButton[data-c="true"], .path_answers .answerButton[data-c="trueFinal"]{
	background:#3bca5a !important;
}
.path_answers .answerButton[data-c="false"], .path_answers .answerButton[data-c="semiFalse"]{
	background:#d43636 !important;
}
.attempt{
	color:#FFFFFF;
	
}
.en, .cy, .subPage, .qPage, .wrongWrapper {
	display:none;
}

sup{
	vertical-align: super;
    font-size: 16px;
}

sub{
	vertical-align: sub;
    font-size: 16px;
}

.downloadBtnsWrapper a{
	text-decoration:none;
	color:#FFFFFF;
}
@font-face {
    font-family: AileronLight;
    src: url('AileronLight.ttf');
}
@font-face {
 font-family: AileronLight;
 src: url("AileronLight.eot"); /* EOT file for IE */
 src: url('AileronLight.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
}
@font-face {
    font-family: ostrich;
    src: url('ostrich.ttf');
}
@font-face {
 font-family: ostrich;
 src: url("ostrich.eot"); /* EOT file for IE */
 src: url('ostrich.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
}


*:focus {
    outline: none;
}
body{
	font-family:AileronLight, Arial;
	width:100%;	
	background:#0a3043;
	color:#FFFFFF;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
#bodyWrapper{
	margin:0% 16% 0% 16%;
	padding-bottom:100px;
	height:100%;
	text-align:center;
}
.point{
	cursor:pointer;
}
.clear{
	clear:both;
	margin:0%;
	padding:0%;
}
.fullWidthAnswer{
	width:100% !important;
	float:none;
	margin-left:0% !important;
	margin-bottom:10px;
	
}
/* main menu */
#mainMenuLinksWrapper{
	margin-top:3%;
	height:181px;
}

.menuLinks{
	display:none; 
	width:19%;
}

.menuLinks img{
	width:80%; 
	margin:auto;
}
.inline{
	display:inline-block !important;
}

.footerLinks{
	display:none;
	float:left; 
	width:33.33%;
}
.menuLinks p{
	margin-top:3%;
	font-size:26px;
}

.menuLinks img{
	-webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
}

.menuLinks img:hover{
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	
	-webkit-transform: rotate(25deg) scale(1.1); /* Chrome 4+, Op 15+, Saf 3.1, iOS Saf 3.2+ */
	-moz-transform: rotate(25deg) scale(1.1); /* Fx 3.5-15 */
	-ms-transform: rotate(25deg) scale(1.1); /* IE 9 */
	-o-transform: rotate(25deg) scale(1.1); /* Op 10.5-12 */
	transform: rotate(25deg) scale(1.1); /* Fx 16+, IE 10+ */
}

.footerLinks{
	display:block;
	
}
#footer{
	
	width:100%;
	margin-top:8%

	
}
#mainMenuButtonsWrapper{
	
	margin-top:6%;
	height:50px;
	width:100%;
	text-align:center;
}
#mainMenuButtons{
	display:none;
	width:33.33%;
	margin:auto;
	height:auto;
	text-align:center;
	clear:both;
	
}
.btn{
	float:left;
	width:33.33%;
	display:table-cell;
	
}
.btn a{
	border:none;
	display:block;
}
.btn.lang{
	
}
.btn.lang p, .btn.back {
	margin:auto;
	background:#FFFFFF;
	color:#0a3043;
	border-radius:10px;
	height:50px;
	width:50px;
	line-height:50px;
	font-size:24px;
	text-align:center;
}
.btn img{
	
}
.downloadBtnsWrapper{
	clear:both;
	margin-top:30px;
	width:100%;
	text-align:center;
	margin-bottom:30px;
	display:none;
}

.downloadBtnsWrapper span{
	border: 1px solid #ffffff;
	color:#ffffff;
	background: #0a3043;
	border-radius:5px;
	padding:4px 10px 4px 10px;
}
.downloadBtnsWrapper p{
	margin-bottom:22px;
}

.downloadBtnsWrapper span:hover {
    border: 1px solid #9dacb4;
    color: #9dacb4;
}
/* end main menu */


/* category Page */
#navigationWrapper{
	width:100%;
	clear:both;
	margin-bottom:1%;
}
#navigation{
	width:100%;

}
#navigation .btn{
	width:50px;
	float:right;
	margin-left:1%;
}
#rightSection, #leftSection{
	float:left;
}
#leftSection{
	width:20%;
}
#rightSection{
	width:80%;
	text-align:left;
}
#topicWrapper{
	border-right:4px solid #3b5969;
	
}
#topicTitle{
	width:100%;
}
#topicTitle p{
	margin-top:2%;
	font-size:24px;
}
#legend{
	margin-top:40%;
}
#legend img{
	width:144px;
}
.topicLevel{
	clear:both;
	margin-bottom:1%;
	display:table;
	width:100%;
}
.topicBar{
	width: 0.1px;
    position: static;
    display: table-cell;
	
}
.topicList{
	display: table-cell;
	font-size:18px;
	
}
.topicBar{
	height:100%; 
	border-radius: 3px 3px 3px 3px; 
}
.topicID{
	border-radius:50%;
	height:32px;
	width:32px;
	display:inline-block;
	text-align:center;
	line-height:32px;
	color:#0a3043;
	font-weight:bold;
}

.topic{
	padding:0 0 8px 6px;
}

.topicText:hover{
	background:#3b5969;
	border-radius:10px;
}
.topic:last-child{
	padding:0 0 0 6px;
}	

.topicText{
	padding: 8px;
	/* width: 90%; */
	max-width:60%;
    vertical-align: middle;
	
}
#levels .topicBar{	
	border-left:4px solid #FFFFFF; 
}
#level2 .topicBar{	
	border-left:4px solid #22dd7f; 
}
#level3 .topicBar{	
	border-left:4px solid #FFD537; 
}
#level4 .topicBar{	
	border-left:4px solid #fe6c42; 
}
#level5 .topicBar{	
	border-left:4px solid #f9354c; 
}

#levels .topicID, .levelOne .topicID{	
	background:#FFFFFF; 
}

#level3 .topicID, .levelThree.topicID{
	background:#27aae1 !important;
	margin-left:5px;
	width:20px;
	height:20px;
	line-height:20px;
	font-size:15px
}

#level2 .topicID, .levelTwo.topicID{	
	background:#22dd7f !important; 
	margin-left:5px;
	width:20px;
	height:20px;
	line-height:20px;
	font-size:15px
}
#level1 .topicID, .levelOne.topicID{	
	background:#FFD537 !important; 
	margin-left:5px;
	width:20px;
	height:20px;
	line-height:20px;
	font-size:15px
	
}
#level4 .topicID, .levelFour.topicID{	
	background:#fe6c42 !important; 
	margin-left:5px;
	width:20px;
	height:20px;
	line-height:20px;
}
#level5 .topicID, .levelFive.topicID{	
	background:#f9354c !important;
	margin-left:5px;	
	width:20px;
	height:20px;
	line-height:20px;
}

.levelThree .topicID{
	background:#27aae1 !important;
	width:32px;
	height:32px;
	line-height:32px;
}
.levelTwo .topicID{
	background:#22dd7f !important;
	width:32px;
	height:32px;
	line-height:32px;
}
.levelOne .topicID{
	background:#FFD537 !important;
	width:32px;
	height:32px;
	line-height:32px;
}
.levelFour .topicID{
	background:#fe6c42 !important;
	width:32px;
	height:32px;
	line-height:32px;
}
.levelFive .topicID{
	background:#f9354c !important;
	width:32px;
	height:32px;
	line-height:32px;
}

/* end category page */

/*
question page styles
	
*/
#questionPageWrapper{
	width:100%;
}
#questionPage{
	border-right:4px solid #3b5969;
	border-left:4px solid #3b5969;
	padding:0 1% 0 1%;
	text-align:left;
}
#categoryTitle{
	font-size:40px;
	margin-bottom:16px;
	font-weight:normal;
}
#topicTitle{
	font-size:24px;
	font-weight:normal;
	margin-bottom:26px;
}
#topicTitle img{
	width:70%;
	margin:auto;
}
#theQuiz{
	/*position:relative*/
}	
#topicTitle .levelThree, #theQuiz.levelThree{
	color:#27aae1;
}
#topicTitle .levelTwo, #theQuiz.levelTwo{
	color:#22dd7f;
}
#topicTitle .levelOne, #theQuiz.levelOne{
	color:#FFD537;
}
#topicTitle .levelFour, #theQuiz.levelFour{
	color:#fe6c42;
}
#topicTitle .levelFive, #theQuiz.levelFive{
	color:#f9354c;
}
#questionImage{
	position:relative;
}
#questionImage img{
	width:100%;
}
#questionText{
	margin-top:26px;
	line-height:24px;
	font-size:16px;
	margin-bottom:30px;
}
#questionText li{
	margin-left:40px;
}
#topicTitle h1, #categoryTitle h1{
	font-weight:normal;
}
#quizWrapper, .questionAnswer{
	margin-top:26px;
	margin-bottom:34px;
}



.answerButton{
	float:left; 
	width:48%; 
	border-radius:10px;
	color:#0a3043;
	min-height:100px;
	text-align:center;
	line-height:30px;
	/*font-size:26px !important;*/
	font-weight: bold;
	margin-left:3.33%;
	cursor:pointer;
	text-align:center;
	display:table;
	table-layout: fixed;
}
.answerButton p, .answerButton div{
	vertical-align:middle;
	display:table-cell;
	padding:10px;
}
.questionAnswer{
	display:none;
	font-size:24px;
	position:relative;
	
}

.questionAnswer:nth-child(1){
	display:block;
}

.questionAnswer div.answerButton:nth-child(1){
	margin-left:0%;
}
.possible_answers{
	margin-top:16px;
}

.clueWrapper{
	margin-top:20px;
	width:100%;
	clear:both;
}

.clueWrapper img{
	max-width:100%;
}
#overlay{
		display:none;
		top:0;
		position:fixed;
		height:100%;
		width:100%;
		background:url('../img/opacity.png');
		z-index:10001;
	
	}
	#quizMessages{
		width:100%;
		height:auto;
		position:relative;
		
	}
.wrongWrapper{
	position:relative;
	padding: 20px;
    background: #0a3043;
   text-align:center;	
    font-size: 40px;
    line-height: 34px;
	top:0%;
	width:50%;
	margin:auto;
	margin-bottom:20px;
	
}

.correctMessage{
	border:3px solid #cfa747;
	color:#cfa747;
}

.incorrectMessage{
	border:3px solid #f9354c;
	color:#f9354c;
	
}

.wrongWrapper, .wrongButtonWrapper{
	margin-top:20px;
}	
.wrongButtonWrapper{
	font-size:15px !important; 
}
.wrongMessage{
	color:#FFFFFF;
	font-size:20px !important; 
}
.clue, .wrongMessage{
	width:100%;
	height:auto;
	clear:both;
	font-size:15px;
	line-height: 22px;
}
.incorrectMessage .wrongMessage{
	color:#ffffff;
}
.correctMessage .wrongMessage{
	color:#cfa747;
}
.incorrectMessage .msgTitle span{
	background:#f9354c;
	color:#0a3043;
	text-transform:capitalize;
	padding: 0px 8px;
	font-weight:bold;
}
.correctMessage .msgTitle span{
	background:#cfa747;
	color:#0a3043;
	text-transform:capitalize;
	padding: 0px 8px;
	font-weight:bold;
}

.msgTitle{
	margin-bottom:20px;
}
.btn.wrong{
	width:auto;
	float:none;
}
.clueBtn, .btn.wrong{
	background:#FFFFFF;
	border-radius:10px;
	padding:5px 15px 5px 15px;
	color:#0a3043;
	cursor:pointer;
	font-weight: bold;
}
.btn.wrong{
	display:inline-block;
}
.showClue{
	color:#FFFFFF;
	display:none;
	clear:both;
	margin-top:20px;
	font-size:15px;
}

#theQuiz.levelThree{
	border-top:3px solid #27aae1;
	border-bottom:3px solid #27aae1;
}
#theQuiz.levelTwo{
	border-top:3px solid #22dd7f;
	border-bottom:3px solid #22dd7f;
}
#theQuiz.levelOne{
	border-top:3px solid #FFD537;
	border-bottom:3px solid #FFD537;
}
#theQuiz.levelFour{
	border-top:3px solid #fe6c42;
	border-bottom:3px solid #fe6c42;
}
#theQuiz.levelFive{
	border-top:3px solid #f9354c;
	border-bottom:3px solid #f9354c;
}

#theQuiz.noBorder{
	border-bottom:0px !important;
}

#theQuiz.levelThree .path_answers{
	border-bottom:3px solid #27aae1;
}
#theQuiz.levelTwo .path_answers{
	border-bottom:3px solid #22dd7f;
}
#theQuiz.levelOne .path_answers{
	border-bottom:3px solid #FFD537;
}
#theQuiz.levelFour .path_answers{
	border-bottom:3px solid #fe6c42;
}
#theQuiz.levelFive .path_answers{
	border-bottom:3px solid #f9354c;
}

.levelThree .answerButton{
	background:#27aae1;
	text-align:center;
}
.levelTwo .answerButton{
	background:#22dd7f;
	text-align:center;
}
.levelOne .answerButton{
	background:#FFD537;
	text-align:center;
}
.levelFour .answerButton{
	background:#fe6c42;
	text-align:center;
}
.levelFive .answerButton{
	background:#f9354c;
	text-align:center;
}
#quizStepsWrapper{
	width:100%;
	margin-top:20px;
	display:none;
	margin-bottom:20px;
}
#quizSteps{
	border:2px solid #FFFFFF;
	padding:2%;
}
#stepsAppend{
	margin-top:20px;
}

#stepsAppend p:nth-child(1){
	margin-top:0px;
}

#stepsAppend p{
	margin-top:14px;
}

.wrongAnswer{
	background: #f9354c;
	padding:6px 9px;
}

.trueAnswer, .trueFinal{
	background:#36D83C;
	padding:6px 9px;
}
.wrongAnswer span, .wrongAnswer div, .wrongAnswer{
    background: #f9354c;
    /*padding: 3px 8px 3px 8px;*/
    font-size: 16px;
    color: #0a3043 !important;
    font-weight: bold;
    line-height: 22px;
    word-break: normal;	    
}
.trueAnswer span, .trueFinal span, .trueAnswer div, .trueFinal div, .trueAnswer, .trueFinal{
	background:#36D83C;
	color:#0a3043 !important;
	/*padding:3px 8px 3px 8px;*/
	font-size:16px;
	font-weight: bold;
	line-height: 22px;
}

.closeButtonWrapper{
	margin-top:26px;
	margin-bottom:6px;
	width:100%;
	clear:both;

	
}

.closeButton{
	 -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
	color:#ffffff;
	background:#0a3043;
	border-radius:10px;
	padding:5px 15px 5px 15px;
	cursor:pointer;
}
.closeButton:hover{
	background:#234556;
	color:#ffffff;
}
.printPopup{
	border:1px solid black;
	margin-top:2px;
	padding:5px;
}

.pointerOpacity{
	pointer-events:none !important;
	opacity:0.3;
}

.pointerOff{
	pointer-events:none;
	opacity:1;
}

.pointerOkay{
	pointer-events:auto;
	opacity:1;
}

.topics-grade-parent{
	width:48%;
	display:inline-block;
	vertical-align:top;
}

.topics-grade-parent:nth-child(2){
	border-left: 4px solid #FFFFFF;
}
.grade-title{
	background: #ef3b50;
    color: #0a3043;
    font-family: ostrich;
    font-size: 57px;
    display: inline-block;
    padding: 5px 5px 0px 5px;
    margin-left: 7px;
    border-radius: 8px;
    margin-bottom: 10px;
}

/* RESPONSIVE */

@media screen and (max-width: 1300px){
	#topicTitle img{
		width:70%;
	}
	#legend img{
		width:80%;
	}
	
	.topicText{
		width:85%;
	}
	
	
}

@media screen and (max-width: 1136px){
	
	
	#bodyWrapper {
		    margin: 0% 8% 0% 8%;
	}
	.wrongWrapper {
		width:auto !important;
	}
}

@media screen and (max-width: 970px){
	#topicTitle p{
		font-size:18px;
	}
	#bodyWrapper {
		    margin: 0% 8% 0% 8%;
	}
}

@media screen and (max-width: 910px){
	.menuLinks{
		width:30%;
		margin-bottom:25px
	}
	#mainMenuLinksWrapper{
		height:auto !important;
	}
	.menuLinks img{
		width:60%; 
		margin:auto;
	}
}
@media screen and (max-width: 884px){
	.footerLinks{
		clear:both;
		width:100%;
		text-align:center;
		margin-bottom:5%;
	}
}

@media screen and (max-width: 884px){
	#topicTitle p{
		font-size:18px;
	}
	#leftSection, #rightSection{
		clear:both;
		width:100%;
	}
	#leftSection{
		border-bottom:4px solid #3b5969;
	}
	#rightSection{
			margin-top:5%;
	}
	#topicTitle.m{
		float:left;
		width:30%;
	}
	#legend{
		float:right;
		margin-top:4%;
		width:30%;
		text-align:right;
	}
	#legend img{
		width:80%;
		text-align:right;
	}
	#topicWrapper {
		
	}
	
}

@media screen and (max-width: 715px){
	.topics-grade-parent{
		width:100%;
	}
	.topics-grade-parent:nth-child(2){
		margin-top:30px;
		border-left:0px;
	}
	.grade-title p{
		line-height:50px;
	}
	.menuLinks {
		width:100%;
		text-align:center;
		clear:both;
		margin-bottom:8%;
	}
	.menuLinks img{
		width:50%;
	}
	.btn{
		margin:auto;
		text-align:center;
		display:block;
		
	}
	#mainMenuLinksWrapper, #mainMenuButtonsWrapper{
		height:auto;
	}
	.logo, #mainMenuButtons{
		width:100%;
		clear:both;
	}
	.logo img{
		width:70%;
	}
	.topicText{
		width:70%;
	}
	.topicList {
		font-size:14px;
		line-height:16px;
	}
	#navigation .btn {
		width: 50px;
		float: right !important;
		margin-left: 1%;
		clear:none;
	}
	.downloadBtnsWrapper span{
		border:none;
		padding:0px;
	}
	.downloadBtnsWrapper span:hover {
		border: none;
		color: none;
	}
	.downloadBtnsWrapper p{
		border: 1px solid #ffffff;
		color: #ffffff;
		background: #0a3043;
		border-radius: 5px;
		padding: 4px 10px 4px 10px;
		cursor:pointer;
	}
	.downloadBtnsWrapper p:hover {
		border: 1px solid #9dacb4;
		color: #9dacb4;
	}
}

@media screen and (max-width: 680px){
	.answerButton{
		float:none;
		width:100%;
		margin-left:0%;
		margin-bottom:20px;
	}
}

.print{
	display:none !important;
}


.fraction, .top, .bottom {
    padding: 0px 5px 0px 5px;    
}

.fraction {
    display: inline-block;
    text-align: center;    
	vertical-align:middle;
}

.top{
	 border-bottom: 1px solid #FFFFFF;
}

.answerButton .top, #stepsAppend .top{
	 border-bottom: 1px solid #0a3043;
}
#theQuiz.levelThree p .fraction .top{
	border-bottom: 1px solid #27aae1;
}
#theQuiz.levelTwo p .fraction .top{
	border-bottom: 1px solid #22dd7f;
}
#theQuiz.levelOne p .fraction .top{
	border-bottom: 1px solid #FFD537;
}
#theQuiz p .fraction .bottom, #stepsAppend .semiWrongAnser .bottom, .wrongMessage .bottom{
	padding:5px 5px 0px 5px;
}
#stepsAppend .semiWrongAnser .top{
	 border-bottom: 1px solid #FFFFFF !important;
}

.wrongAnswer .fraction{
	
}
.bottom{
   
    display: block;
}

@media print{
	.print{
		display:block !important;
	}
	body{
		background:#FFFFFF;
		color:#000000;
	}
	#questionText, .path_answers{
		page-break-after:always;
	}
	
	.popupMessage{
		clear:both;
		position:relative !important;
		width:100%;
		display:block;
	}
	#bodyWrapper{
		margin:0% 2% 0% 2%;
	}
	#questionPage{
		border:none;
		display: inline ;
		page-break-inside: avoid;
	}
	.print .answerButton{
		margin-top:10px;
		width:100% !important;
		margin-left:0%;
	}
	
	#navigationWrapper, header, .closeButtonWrapper, .clueWrapper {
		display:none;
	}
	.answerButton{
		border:1px solid black;
		width:30%;
	}
	#atebionWrapper h1, #quizStepsWrapper{
		display:none !important;
	}
	.path_answers .answerButton:nth-child(1), .path_answers .answerButton:nth-child(3), .path_answers .answerButton:nth-child(5) {
		margin-left: 0px !important;
	}
	.path_answers .answerButton {
		width: 40% !important;
	}
	/*.questionA nswer[data-path="w"]{
		display:none !important;
	}*/
}


#versionSelect{
	width:100%;
	clear:both;
	margin-bottom:12px;
}

.versions.levelThree{
	background:#27aae1;
}

.versions.levelTwo{
	background:#22dd7f;
}

.versions.levelOne{
	background:#FFD537;
}

.versions.levelFour{
		background:#fe6c42;
}

.versions.levelFive{
	background:#f9354c;
}

.versions{
	color: #0a3043;
	border-radius:5px;
	padding:5px 10px 5px 10px;
	float:left;
	margin-right:5px;
	width:45px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	margin-bottom:5px;
}

.versions.active{
	opacity:1;
}
.versions.deactive{
	opacity:0.5;
}
.rh-view-toggle-click.closed{
	margin-top:10px;
}
.rh-view-toggle-click{
	border-top: 4px solid #f8354b;
    margin-top: -2px;
}
.rh-toggle-icon{
	background:#f8354b;
	width:30px; 
	height:25px;
	border-radius:0px 0px 4px 4px;
	text-align:center;
	display:inline-block;
	cursor:pointer;
	line-height:25px;
}
.rh-toggle-icon img{
	padding-top:4px;
}
#questionText{
	position:relative;
}
#drawArea{
	display:none;
	/*background:rgba(255,255,255,0.5);*/
	position:absolute;
	top: 0%;
	
   
}
.rh-toggle-icon.rh-draw-off, .rh-toggle-icon.rh-draw-on{
	background:#FFFFFF;
}
	

sup, sub {
font-size: x-small;
}

.questionAnswer sup, .questionAnswer sub {
	font-size: 14px;
	
}