@media only screen and (min-width: 1200px) {
	.mobileOnly{display:none !important;}
	
	.keyboardBtnsArea
	{
		display:block;
		max-width: 540px;
		margin-left: auto;
		margin-right: auto;
		text-align:left;
	}
}

@media only screen and (min-width: 960px) {
	.mainPlayVidBtn{position: absolute;top: 46%;left: 46%;width: 100px;display: block;cursor:pointer;}
	.checkoutBtnSection{text-align:right;margin-top: 45px;}
}

@media only screen and (max-width: 959px) {
	.mainPlayVidBtn{display:none;}
	.userProfileGreenBox{display:none !important;}
	#userProfileBtnModal{display:none !important;}
	.audioNote{display:none !important;}
	#divOfferHelp{display:none !important;}
	#toolbarLogo{display:none !important;}
	.tinynav{display:none !important;}
}

@media only screen and (max-width: 767px) {
	.footer_mobile{width:33% !important;}
	
	#cogs > div {	
		display: inline-block;
		vertical-align: top; 
		text-align:center;
		width:95px;
	}	
	
	.testPapersBtnLeft{
		display:table !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	.testPapersBtnRight{
		display:table !important;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 768px) {
	#cogs > div {
	 width: calc(100% / 7.5);  
	 display: inline-block;
	 vertical-align: top; 
	 text-align:center;
	}
	
	.testPapers{
		width: 49%;
		display: inline-block;
	}
	
	.testPapersBtnLeft{
		display:block !important;
		margin-left: auto;
		margin-right: 20px;
	}
	
	.testPapersBtnRight{
		display:block !important;
		margin-left: 20px;
		margin-right: auto;
	}
	
	.clock{
		width:250px;
		height:250px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 1199px){
	.gameProgressSidebarLoading{
		width:15% !important;
		right: 0px;
		top: -10px;
	}
	
	.keyboardBtnsArea
	{
		display:block;
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
		text-align:center;
	}
	
	.KeyboardKeys{
		width:60px !important;
	}
}

@media only screen and (min-width: 480px){
	.gameProgressSidebarLoading{
		width:15% !important;
		right: 0px;
		top: -10px;
	}
	
	.KeyboardKeys{
		width:60px !important;
	}
}	



@media only screen and (min-width: 320px) and (max-width: 479px){
	.progress{
		height:15px !important;
	}
	
	.clock{
		width:200px;
		height:200px;
	}
	
	.KeyboardKeys{
		width:50px !important;
		margin:0px !important;
	}
	
	.subBtn{
		margin:2px !important;
		margin-left:4px !important;
	}
		
	.topSpace{
		height:20px !important;
	}
	
	.topMenu{
		height:15px !important;
	}
	
	.bottomMenu{
		height:10px !important;
	}
	
	.gameResultsBtns{
		display:none !important;
	}

	.stateLabel{
		display:none !important;
	}
	
	.subcontainer{
		width:98% !important;
	}
	
	.tabTitle{
		font-size:20px;
	}
	
	.mobileSpacing{
		display:none;
	}
	
	.gameProgressSidebarLoading{
		width:40% !important;
		right:12px;
		top:-18px;
	}
}

#cogs {
	 width:100%;
	}

.WrongNumbers{font-family:Arial;color:#FF0000;vertical-align:text-bottom;font-size:4em;}
.CorrectNumbers{font-family:Arial;color:#6BB000;vertical-align:text-bottom;font-size:4em;}


div[role=log]{display:none;}

#searchResult ul li a{font-family: 'Montserrat', sans-serif;}
.activeAssignment ul li span{font-family: 'Montserrat', sans-serif;}
.mfp-preloader{font-family: 'Montserrat', sans-serif;}

.ajaxloadbar{width:30%;margin-left:35%;margin-bottom:0px;}

.row{background-color:none;}	
.selected{background-color:rgb(253,253,208) !important;}	

a {
outline:0;		
}

.ui-tooltip{z-index:9999;}

ul {
list-style: none;
padding: 0;
padding-left:5px;
}

li {
padding-left: 1.3em;
}

#searchResult li:before {
content: '\e979'; /* FontAwesome Unicode */
font-family:fontello;
display: inline-block;
margin-left: -25px; /* same as padding-left set on li */
width: 25px; /* same as padding-left set on li */
color:#74cee4;
}

.activeAssignment li:before {
content: '\e979'; /* FontAwesome Unicode */
font-family:fontello;
display: inline-block;
margin-left: -35px; /* same as padding-left set on li */
width: 25px; /* same as padding-left set on li */
color:#edbf47;
}

#gameSelections p:before {
content: '\e979'; /* FontAwesome Unicode */
font-family:fontello;
display: inline-block;
margin-left: -15px; /* same as padding-left set on li */
width: 25px; /* same as padding-left set on li */
color:#edbf47;
}



.errorBox{
border-color: red !important;
border-style: solid !important;
border-width: 1px !important;
}

.tab_2000{background-color:#e16c6c !important;}
.tab_2001{background-color:#74cee4 !important;}
.tab_2002{background-color:#6fc191 !important;}
.tab_2003{background-color:#e16c6c !important;}
.tab_2004{background-color:#6fc191 !important;}
.tab_2005{background-color:#cc774b !important;}
.tab_2006{background-color:#74cee4 !important;}
.tab_2007{background-color:#c86969 !important;}
.tab_2008{background-color:#edbf47 !important;}
.tab_2009{background-color:#c389ce !important;}

.nicdark_widthheight40 { width: 40px; height: 40px; }
.nicdark_widthheight50 { width: 50px; height: 50px; }
.nicdark_widthheight60 { width: 60px; height: 60px; }

.largeIconSidebar{
font-size: 45px;
display: block;
position: absolute;
top: 4px;
left: -2px;
color: white;
}

.ratingbtn:focus{outline:0}

#message{ font-size:15px; line-height: 22px; color:#a4a4a4; font-family: 'Raleway', sans-serif; }

.placeholderwhite::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: black;
}
.placeholderwhite:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: black;
opacity: 1;
}
.placeholderwhite::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: black;
opacity: 1;
}
.placeholderwhite:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: black;
}

#cart-subtotal:before, .product-price:before{
content: 'GBP ';
}

.closePopup {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; 

-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

button.closePopup
{
color: #333333; 
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; 
}

.closePopup {
color: #333333; 
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }

.closePopup:hover, .closePopup:focus 
{
opacity: 1;
filter: alpha(opacity=100); 
}

.closePopup:active 
{
top: 1px; }

#userProfileScoreSection, #userProfileSignedOutSection
{
display:none;
position:fixed;
right:88px;
bottom:26px;
font-size:18px;
z-index:100;
}	

#userProfileBtnModal
{
display:block;
position:fixed;
bottom:20px;
right:20px;
display:block;
width:65px;
height:65px;
border-radius:50%;
border-style:solid;
border-width:3px;
border-color:white;
cursor:pointer;
outline:none;
}

#userProfileScore
{

}

#userProfilebtn
{
font-size: 40px;
position: absolute;
display: block;
left: 5px;
top: 7px;
outline:none;
}

.h5link
{
font-size:15px;
line-height:15px;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
}

.game_small_title
{
display:block;
font-size:small;
color: grey;

}

.nicdark_newlabel a:after {
    content: '';
    background-image: url(https://s3.eu-west-2.amazonaws.com/cdn.freeteacher.co.uk/img/new-label.png);
    background-size: 43px;
    width: 43px;
    height: 17px;
    float: right;
    margin-top: 1px;
    background-repeat: no-repeat;
}

.nicdark_sublabel {
    content: '';
    background-image: url(https://s3.eu-west-2.amazonaws.com/cdn.freeteacher.co.uk/img/sub-label.png);
    background-size: 43px;
    width: 43px;
    height: 17px;
    background-repeat: no-repeat;
	cursor:pointer;
}

.nicdark_freelabel {
    content: '';
    background-image: url(https://s3.eu-west-2.amazonaws.com/cdn.freeteacher.co.uk/img/free-label.png);
    background-size: 43px;
    width: 43px;
    height: 17px;
    background-repeat: no-repeat;
	cursor:pointer;
}

.nicdark_soonlabel {
    content: '';
    background-image: url(https://s3.eu-west-2.amazonaws.com/cdn.freeteacher.co.uk/img/soon-label.png);
    background-size: 43px;
    width: 43px;
    height: 17px;
    background-repeat: no-repeat;
	cursor:pointer;
}

.nicdark_configlabel {
    content: '';
    background-image: url(https://s3.eu-west-2.amazonaws.com/cdn.freeteacher.co.uk/img/config-label.png);
    background-size: 43px;
    width: 43px;
    height: 17px;
    background-repeat: no-repeat;
	cursor:pointer;
}

.nicdark_testedlabel {
    content: '';
    background-image: url(https://s3.eu-west-2.amazonaws.com/cdn.freeteacher.co.uk/img/tested-label.png);
    background-size: 43px;
    width: 43px;
    height: 17px;
    background-repeat: no-repeat;
	cursor:pointer;
}

.nicdark_testverlabel {
    content: '';
    background-image: url(https://s3.eu-west-2.amazonaws.com/cdn.freeteacher.co.uk/img/testver-label.png);
    background-size: 43px;
    width: 43px;
    height: 17px;
    background-repeat: no-repeat;
	cursor:pointer;
}

.nicdark_noteslabel {
    content: '';
    background-image: url(https://s3.eu-west-2.amazonaws.com/cdn.freeteacher.co.uk/img/notes-label.png);
    background-size: 43px;
    width: 43px;
    height: 17px;
    background-repeat: no-repeat;
	cursor:pointer;
}

.nicdark_jsonlabel {
    content: '';
    background-image: url(https://s3.eu-west-2.amazonaws.com/cdn.freeteacher.co.uk/img/json-label.png);
    background-size: 43px;
    width: 43px;
    height: 17px;
    background-repeat: no-repeat;
	cursor:pointer;
}

.nicdark_skilllabel {
    content: '';
    background-image: url(https://s3.eu-west-2.amazonaws.com/cdn.freeteacher.co.uk/img/skill-label.png);
    background-size: 43px;
    width: 43px;
    height: 17px;
    background-repeat: no-repeat;
	cursor:pointer;
}

.nicdark_savelabel {
    content: '';
    background-image: url(https://s3.eu-west-2.amazonaws.com/cdn.freeteacher.co.uk/img/save-label.png);
    background-size: 43px;
    width: 43px;
    height: 17px;
    background-repeat: no-repeat;
	cursor:pointer;
}

.nicdark_closelabel {
    content: '';
    background-image: url(https://s3.eu-west-2.amazonaws.com/cdn.freeteacher.co.uk/img/close-label.png);
    background-size: 43px;
    width: 43px;
    height: 17px;
    background-repeat: no-repeat;
	cursor:pointer;
}

.nicdark_preplabel {
    content: '';
    background-image: url(https://s3.eu-west-2.amazonaws.com/cdn.freeteacher.co.uk/img/prep-label.png);
    background-size: 43px;
    width: 43px;
    height: 17px;
    background-repeat: no-repeat;
	cursor:pointer;
}

.hide{
	display:none;
}

.show{
	display:inline-block;
}

.grid_2_5 {width:230px;}

.shareFacebook{font-size:35px;color:#3b5998;cursor:pointer;}
.shareTwitter{font-size:35px;color:#00aced;cursor:pointer;}
.shareGooglePlus{font-size:35px;color:#dd4b39;cursor:pointer;}

.aspxdropdown{
	font-family: 'Raleway', sans-serif;
    font-size: 1.5em;
    height: 45px;
    width: 180px;
    border-width: 1px !important;
    border-style: solid !important;
	border-color: #868585;
    vertical-align: text-bottom;
	padding-left: 10px;	
	color:#ff9900;
	background:white;
}

.smallTxtBox{
	font-family: 'Raleway', sans-serif;
    font-size: 1.5em;
    height: 33px;
    width: 60px;
    border-width: 1px !important;
    border-style: solid !important;
	border-color: #868585;
    vertical-align: text-bottom;
    padding: 5px;
	color:#ff9900;
	background:white;
	display:inline-block;
}

.largeFlagMenu
{
	margin-bottom:-7px !important;
	width:88% !important;
}

.twentyTwoFlagMenu
{
	margin-bottom:-6px !important;
	width:100% !important;
}

.eighteenFlagMenu
{
	margin-bottom:-5px !important;
	width:100% !important;
}

.fifteenFlagMenu
{
	margin-bottom:-4px !important;
	width:100% !important;
}

.lessFifteenFlagMenu
{
	margin-bottom:-2px !important;
	width:100% !important;
}