@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: 1024px;
margin-left: auto;
margin-right: auto;
padding: 0px;
overflow: hidden;
clear: both;
} 

   .allQuestions { position: absolute;
    margin: 0px;
    padding: 0px;
    width: 1024px;
    height: 700px;
    overflow: hidden; 
	background:url('../images/WashinglineGameBG.png') no-repeat;
	margin-top:-130px
	}
 
	.none{display:none;}
   .questionWrapper{position: absolute;
    width: 1024px;  
    font-size: 50px;
    text-align: center;
    left: 150%;
    top: 100px;
	font-size:30px; 
	font-weight:bold;
    margin-left: -25%;
	
	
	}
	#topicHeader{
		color: rgb(78, 155, 202);
font-size: 20px;
font-weight: bold;
padding-left: 26px;
padding-top: 5px;
	}
	#box1{left:26.5%}
	
	.left{margin-left: 468px;}
	.right{float:right}
	
   .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{

float:left;
color:white; 
font-weight:bold; 
font-size:30px;
padding-top: 10px;
}


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



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


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

.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{
width:890px; 
margin-left:auto; margin-right:auto;
}

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

}
li{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;
}


#sortable3 li{display:none;}
#sortable3 li:nth-child(1){display:block;}
#navigation{clear:both; position:relative;margin-top:580px;}
#navigationArea{margin-right:11px}
.score{margin-top:-100px; margin-left:840px}

/* Washing Line */
 #sortable1 { list-style-type: none; margin: 0; padding: 0; width: 1000px; height:310px; }
 #sortable1 li { margin: -20px 0px 3px 0; padding: 1px; float: left; font-size: 4em; text-align: center; }
 #sortable1 li, #sortable3 li { /*background:#FFFFFF;*/ }
 #sortable1, #sortable2, #sortable3 { list-style-type: none; margin-right: 10px; padding-top: 5px;}

.dropBoxes{position:absolute; margin-top:180px; margin-left:40px; }

.textBox{position:absolute; background:#FFFFFF; border-radius:20px; width:70%; height:100px; padding:20px; margin-top:530px; margin-left:20px; text-align:center; line-height:100px; font-weight:bold; font-size:30px}

.basket{position:absolute; margin-top:520px; margin-left:800px}

#line1,#line2,#line3,#line4{display:none}
/* iPad specific Screen Size */  
@media only screen 
and (min-device-height : 768px) 
and (max-device-width : 1024px) 
and (orientation:landscape)
{
  body{height:673px;} /* your css rules for ipad landscape */
  #contentWrapper{}
  #footer{margin-top:655px; }
  #navigation{clear:both; position:relative;margin-top:10px;}
  .questionWrapper{margin-top:-60px; font-size:25px}
  .theAnswer{margin-top:150px; font-size:25px;}
  .score{margin-top:-40px; margin-left:800px}
  .allQuestions{position:relative; height:680px; margin-top:-128px;}
  #topicHeader{padding-left:26px; clear:both; overflow:none; }

}
/*Nexus 7 */
@media screen and (min-device-width: 960px) and (max-device-width: 966px) and (orientation:landscape) {
body{margin:0px; padding:0px;overflow-x: hidden;overflow-y: hidden;overflow: hidden; width:960px; height:600px; margin-left:auto; margin-right:auto;font-family:GOTHIC; color:#2E2E2E; overflow:hidden; }


.tools{
background:url('../images/tools1back.png') no-repeat;
height:49px; 
width:145px;
float:right;
z-index:1000;
cursor:pointer;
margin-top:-35px;

}
#contentWrapper{height:auto}
#navigation{margin-top:-20px; float:right;}
.allQuestions{width:960px; height:680px; background-size:cover;} 
.questionWrapper{font-size:25px; margin-top: -20px; font-size: 14px; height: 500px;}
.dropBoxes{margin-top:170px; margin-left:0px}
.textBox{margin-top:510px}
.basket {
position: absolute;
margin-top: 480px;
margin-left: 740px;
}
}