@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; -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;}
img{border:none}
#contentWrapper{width:90%; margin-left:auto; margin-right:auto; padding:0px; overflow: hidden; clear:both; } 
   .allQuestions {
    margin: 0px;
    padding: 0px;
    width: 90%;
    height: 350px;
    overflow: hidden; display:none; position:relative;}
	.copy{font-size:10px}
	.none{display:none}
   .questionWrapper{position: absolute;
    width: 88%;   
    font-size: 50px;
    text-align: center;
    left: 150%;
	font-size:30px; 
	font-weight:bold;
    margin-left: -25%;
	}	
	#box1{left:35%}
	
	.left{margin-left: 468px;cursor:pointer;}
	.right{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;
		
}
.button{
cursor:pointer;
color:white; 
font-weight:bold; 
font-size:100%;
padding: 10px;
margin-left:20px;
}


#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;
}




#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
}

.add{
background:url('../images/Eng1a1.png') no-repeat;
width:179px;
height:95px;
}
.sub{
background:url('../images/Eng2a1.png') no-repeat;
width:216px;
height:95px;
margin-left:15px;
}
.mult{
background:url('../images/Eng3a1.png') no-repeat;
width:256px;
height:95px;
margin-left:15px;
}
.div{
background:url('../images/Eng4a1.png') no-repeat;
width:201px;
height:95px;
margin-left:15px;
text-align:left;
padding-left:15px;
}



.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:-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;
}
#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;
}
#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;
}
#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;
}
#navigation{clear:both; position:relative;margin-top:400px;}
#navigationArea{margin-right:11px}
.score{margin-left:85%}
#homeNav{margin-top: 65px;}
.questionWrapper{margin-top:20px; font-size:25px}
.theAnswer{margin-top:150px; font-size:25px;}

/* iPad specific Screen Size */  
@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;

}
}