@font-face {font-family: GOTHIC;src: url(GOTHIC.TTF);}
body{margin:0px; padding:0px;overflow-x: hidden;overflow-y: hidden;overflow: hidden; width:100%; margin-left:auto; margin-right:auto;font-family:GOTHIC; color:#2E2E2E; overflow:hidden; }
img{border:none}
#contentWrapper{width:90%; margin-left:auto; margin-right:auto; padding:0px; overflow: hidden; clear:both; } 
   .allQuestions {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 768px;
	overflow-x:hidden;
     }
	.copy{font-size:10px}
	.none{display:none}
   .questionWrapper{position: absolute;
    width: 95%;   
    font-size: 50px;
    text-align: center;
    left: 150%;
	font-size:30px; 
	font-weight:bold;
    margin-left: -25%;
	}
	
	#box1{left:28%}
	
	.left{margin-left: 468px;}
	.right{float:right}
	
   .allQuestions div:nth-child(1){left:24%}
   .fractions{height:50px; font-size:25px; width:50px; text-align:center}
   .textInput{height:50px; font-size:25px; width:300px; text-align:center}
   
 img{border:none} 
.highlight2{background:yellow;}
.hideHighlight{background:none;}
#lang{
		position:absolute;
		left:885px;
		top:8px;
		
}
#langs{
		margin-top:10px;
		
}
.button{
cursor:pointer;

}


#buttonArea{
	position:absolute;
			left:6px;
			top:706px;
}
.left{float:left;}

.completed{background-color:#33ff33 !important;}
.wrong{background-color:#ff3333 !important; color:white;}

#homeNav{
float:left;
padding-right:10px;
}

#links{float:left; width:20%}
#images{float:left;width:75%; margin-top:20px}

#mathWords{font-size:24px; font-weight:bold; background:rgb(219, 219, 219); padding:20px}

#seeAnswer{
background:url("../images/SeeAnswer.png") no-repeat; 
float:left;
width:249px;
height:48px;
font-size:28px; 
font-weight:bold; 
padding-left:25px;
color:white;
padding-top:7px
}


.maths{
background:url('../images/MathErrorTab1.png') no-repeat;
width:377px;
height:57px;
}

.spelling{
background:url('../images/LangErrorTab1.png') no-repeat;
width:377px;
height:57px;
margin-left:80px
}


/*  UI Stylings */

.theAnswer{
clear: both;
display: block;
position: absolute;
margin-top: 200px;
font-size: 30px;
font-weight: bold;
color: #A00909;
width:990px; 
text-align:center;
}

.BocsOws{width:4%; height:37px; background:rgb(15, 93, 134); float:left; margin-right:10px}
#headerWrapper{
background:#1E83A8;
width:100%;
min-height:37px;
font-size:28px;
font-weight:bold; 
color:#FFFFFF;

}

.title{ float:left;}
.activeButtons{float:right;height:37px;background: #FFFFFF; }
.copyright{float:right;vertical-align: middle;border-top: 37px solid #1E83A8;border-right: 45px solid transparent;height: 1px;width: 70px;display: inline-block;right: 1px;z-index: 100;display: inline-block;background:#FFFFFF; }

.tools{
float:right;
z-index:1000;

}
h1{font-size:30px; font-weight:bold;}
#contentText{
margin-top:-5px;

}
.topicMenu{
text-align:left;
}

.topic{
cursor:pointer;
color:#FFFFFF;
padding-top:0px; 
padding-left:25px;
clear:both;
margin-top:10px;

}
td,th{border: 1px solid #007BAA;}
.one{
clear:both;
    background: #ec5938;
vertical-align: middle;
border-top: 50px solid #ec5938;
border-right: 45px solid transparent;
height: 1px;
width: 500px;
display: inline-block;
right: 1px;
z-index: 100;
display: inline-block;
background:transparent;
}
.two{
clear:both;
    background: #338050;
vertical-align: middle;
border-top: 50px solid #338050;
border-right: 45px solid transparent;
height: 1px;
width: 430px;
display: inline-block;
right: 1px;
z-index: 100;
display: inline-block;
background:transparent;
}
.three{
clear:both;
    background: #e88e26;
vertical-align: middle;
border-top: 50px solid #e88e26;
border-right: 45px solid transparent;
height: 1px;
width: 360px;
display: inline-block;
right: 1px;
z-index: 100;
display: inline-block;
background:transparent;

}
.four{
clear:both;
    background: #0fbc50;
vertical-align: middle;
border-top: 50px solid #0fbc50;
border-right: 45px solid transparent;
height: 1px;
width: 290px;
display: inline-block;
right: 1px;
z-index: 100;
display: inline-block;
background:transparent;
}
.five{
clear:both;
    background: #38add7;
vertical-align: middle;
border-top: 50px solid #38add7;
border-right: 45px solid transparent;
height: 1px;
width: 220px;
display: inline-block;
right: 1px;
z-index: 100;
display: inline-block;
background:transparent;
}



#answerBoxes div:nth-child(1) {
    background: #0fbc50;
}
#answerBoxes div:nth-child(2) {
    background: #38add7;
}
#answerBoxes div:nth-child(3) {
    background: #e88e26;
}
#answerBoxes div:nth-child(4) {
    background: #ec5938;
}

#answerBoxes span:nth-child(1) {
    background: #0fbc50;
}
#answerBoxes span:nth-child(2) {
    background: #38add7;
}
#answerBoxes span:nth-child(3) {
    background: #e88e26;
}
#answerBoxes span:nth-child(4) {
    background: #ec5938;
}

.summaryText{width:400px; margin-left:auto; margin-right:auto}
#navigation{clear:both; position:relative;}
#navigationArea{margin-right:11px}
.score{margin-top:40px;}
.allQuestions{position:absolute}
#navigation {
clear: both;
position: relative;
margin-top: 450px;
}
#answerBoxes{clear:both; margin-top: 150px; text-align:center}

#topicHeader{
display:none; 
background:#0095CB; 
width:500px;
padding:5px; 
margin-top:20px;
padding-left: 25px;
vertical-align: middle;
border-top: 60px solid #0095CB;
border-right: 45px solid transparent;
height: 0;
right: 1px;
z-index: 100;
background: #FFFFFF;
}

@media screen and (max-width: 790px) {
.button{display: block;clear: both; margin-bottom:5px; }
#answerBoxes{clear:both; margin-top: 50px; text-align:center}
}
@media screen and (max-width: 603px) {
#headerWrapper{
background:#1E83A8;
width:100%;
min-height:37px;
font-size:20px;
font-weight:bold; 
color:#FFFFFF;
}

.title{padding-left:15px; float:left;}
.activeButtons{float:right; }
.copyright{float:right; }

.tools{
float:right;
z-index:1000;

}
}



@media screen and (max-width: 605px) {
#headerWrapper{
background:#1E83A8;
width:100%;
min-height:37px;
font-size:20px;
font-weight:bold; 
color:#FFFFFF;
}
.BocsOws{width:4%; height:37px; background:rgb(15, 93, 134); float:left; margin-right:10px}
.copyright{float:right;vertical-align: middle;border-top: 37px solid #1E83A8;border-right: 45px solid #1E83A8;height: 0;width: 70px;padding-left: 10px;display: inline-block;right: 1px;z-index: 100;display: inline-block; background:#FFFFFF;}
}

@media screen and (max-width: 522px) {
#headerWrapper{
background:#1E83A8;
width:100%;
min-height:37px;
font-size:20px;
font-weight:bold; 
color:#FFFFFF;
}
.BocsOws{width:4%; height:37px; background:rgb(15, 93, 134); float:left; margin-right:10px}
.title{padding-left:15px; text-align:center;}


.tools{
float:right;
z-index:1000;

}
}