@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: 600px;
    overflow: hidden; position:relative;}
	.copy{font-size:10px}
	.none{display:none}
   .questionWrapper{position: absolute;
    width: 95%;   
    font-size: 50px;
    text-align: left;
    left: 150%;
	font-size:30px; 
	font-weight:bold;
    margin-left: -25%;
	}
	#box1{left:27%}
	
	.move{float:right;cursor:pointer;}
	
   .allQuestions div:nth-child(1){left:0%}
   .fractions{height:50px; font-size:25px; width:50px; text-align:center}
   .textInput{height:50px; font-size:25px; width:300px; text-align:center}
   
  
.highlight2{background:yellow;}
.hideHighlight{background:none;}
#lang{
		position:absolute;
		left:885px;
		top:8px;
		
}
#langs{
		margin-top:10px;
		
}
img{border:none}
.button{
color:white; 
font-weight:bold; 
font-size:36px;
padding: 10px;
margin-left:20px;
}


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


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

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


#mathWords{width:600px; margin-left:auto; margin-right:auto; 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:20px; font-weight:bold;}
#contentText{
margin-top:-20px;

}
.topicMenu{
width: 255px;
margin-left: auto;
margin-right: auto;
}

.topic{
cursor:pointer;
float:left;
width:255px; 
height:142px;
color:#FFFFFF;
padding-top:0px; 
padding-left:25px;

}
td,th{border: 1px solid #007BAA;}
.one{
background:rgb(202, 5, 5);
}
.two{
background:url('../images/topic2bar1a.png') no-repeat;
margin-left:60px;
}
.three{
background:url('../images/topic3bar1a.png') no-repeat;
margin-top:50px;

}
.four{
background:url('../images/topic4bar1a.png') no-repeat;
margin-top:50px;
margin-left:60px;
}

#footer{
background:url('../images/GreenBottomBar.png') no-repeat;
height:18px;
width:1024px;
position:absolute;
text-align:center;
color:#FFFFFF;
line-height:18px;
margin-top:750px;
}
.questionImage{text-align:center; box-shadow: 1px 1px 10px 10px #E4E1E1;}
.questionImage img{max-width:90%; }
.actualQuestion{margin-top:20px; font-size:20px;}

#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:280px; margin-left:auto; margin-right:auto}
#navigation{clear: both;
position: absolute;
/* float: right; */
right: 100;
margin-top: -100px;}
#navigationArea{margin-right:11px}
.score{margin-top: 30px;font-size: 25px;font-weight: bold; text-align: center;}