@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: 88%;
    height: 350px;
    overflow: hidden;
position:relative;	}
	.copy{font-size:10px}
	.none{display:none}
   .questionWrapper{position: absolute;
    width: 90%;   
    font-size: 50px;
    text-align: center;
    left: 150%;
	font-size:30px; 
	font-weight:bold;
    margin-left: -25%;
	
	}
	
	#box1{left:34%}
	
	.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;
		
}
.button{
cursor: pointer;
/* float: left; */
color: white;
font-weight: bold;
font-size: 30px;
/* padding-top: 10px; */
margin-right: 20px;
padding: 20px;
}

.pageCounter{display:none; float: right;
margin-top: -50px; font-size:24px; font-weight:bold}
#buttonArea{
	position:absolute;
			left:6px;
			top:706px;
			cursor:pointer;
}

.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;
cursor:pointer;
}


.maths{
background: #136B8B;
}

.spelling{
background: #38add7;
}


/*  UI Stylings */

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

.copy{font-size:10px}
.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{
margin-top:50px;
width:890px; 
margin-left:auto; margin-right:auto;
}

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

}
td,th{border: 1px solid #007BAA;}
.one{
background:url('../images/topic1bar1a.png') no-repeat;
}
.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;
}

#navigation{clear:both; position:relative; margin-top:-30px;}
#navigationArea{}
.score{margin-top:-100px; margin-left:840px}
.questionWrapper{margin-top:3%; font-size:25px}
.theAnswer{ font-size:25px;}
.score{margin-top:-10px; margin-left:80%}


@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;

}
}