@font-face {font-family: 'Arial Rounded MT Bold', Arial, Verdana, Helvetica, sans-serif;}
@font-face { font-family: 'opendyslexic', Arial, Verdana, Helvetica, sans-serif;}
.mobileonly{display:block;}
.notmobile{display:none;}
.notmobilecell{display: none;}
.notmobilerow{display: none;}
.mobileandtablet{display:inline;}
.tabletonly{display:none;}
.usersnamecolumn{min-width:120px;}
.mobilesmall{font-size:80%;}

.mycharacter{ height:70px;}

html{		overflow-y:scroll;}
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: 005151;
	margin : 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
	min-width: 360px;
	line-height:200%;
}
/* overall design */
#container{
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
	overflow: visible;
	/*min-height: 400px;*/
	z-index : 5;
	min-width: 360px;
}
#homecontainer{width: 100%;}
#top {
	position: relative;
	z-index : 2;
	width: 100%;
	border-top:#47c7c7 2px solid;
	border-bottom:#47c7c7 2px solid;
	overflow: visible;
}
#topbar {width: 100%;
	height:130px;
	min-width: 360px;
}
#learntopbar {width: 100%;}
#teachtopbar {width: 100%;}
#admintopbar {width: 100%;}
#subtop, #adminsubtop, #mysubtop{/*display:*/none;width: 100%;}
#subtopbar {width: 100%;}
#mytopbar {width: 100%;}
#warningsubtop {width: 100%;}
#warningtopbar {width: 96%;}
#logo {padding: 8px 0px 6px 8px;}
.logo{height:50px; width:173px;}
#mobilelogo {
	width:140px;
	position: relative;
	padding: 50px 0px 0px 8px;
	z-index : 3;
	display:inherit;
}
#menutop { text-align:right;
	position: absolute;
	z-index : 4;
	padding: 0px 8px 0px 0px;
	height:68px;
	color:#FFF; top: 0px; right: 0px;/*min-width: 300px;*/
}
#accessibility-link{padding-right: 5px;}
/*#mobile-sub{top:62px;padding: 4px 0px 0px 0px;z-index : 3;float:right; position:absolute; right:5px;}
#contact-link{padding: 4px 0px 0px 0px;float:right; display:block;}
*/
/*#signup{margin-right:5px;width: 130px;}
#signup a{
	color:#FFF;
	padding: 20px 10px 10px 10px;font-weight: normal;
		
}
#signup a:hover {
	color : #CCC;
}*/
#login{width: 90px;}
#login a{color:#FFF;
	padding: 20px 10px 10px 9px;font-weight: normal; 
	}
#login a:hover {color : #CCC; }
#logout{padding: 12px 0px 10px 10px;}
#menu {top:80px; min-width: 360px;padding: 0px; width:100%;height: 50px;}
#menu a{color:#666; padding: 15px 0px 19px 0px;width: 25%; display:block; float:left; text-align:center;}
a#nav1{display:none;}
/*a#nav3, a#nav7, a#nav9{width: 23%;}
a#nav4{width: 31%;}*/
/*body#page9 #subtop {display: block; width: 100%;}*/
/*#loginmenuleft,*/ #loginmenu, #notloginmenu{display:inline; float:none;}
/*#loginmenu a{width: 31%;}
#loginmenuleft a{width: 23%;}*/

#studentmode-switch{clear:both; padding: 5px 10px 0 0; text-align:left; float:right;}
#studentmode-inner {
	width: calc(100% - 20px);
	}
#adminmenu, #submenu, #my-spellzone, #mymenu {
	padding: 0px;
}
#submenu{/*display:none;*/}
#mobilemenuopen{display:none; 
	width:100%;
	text-align:center;
	position: relative;
	z-index : 3;
	padding: 0px 0px 8px 0px;
	color:#FFF; margin:0; }
#mobilemenuclose{display:none;
	width:100%;
	text-align:center;
	position: relative;
	z-index : 3;
	padding: 0px 0px 8px 0px;
	color:#FFF; margin:0;}
#mobilemenuopen a{color:#FFF;display:inline-block;width:100%;height:20px;}
#mobilemenuclose a{color:#FFF;display:inline-block;width:100%;height:20px;}
#menuright{float: none; text-align:left; padding-right:0px;display:inline; position:relative;}
/*#adminmenu a, #submenu a, #my-spellzone a, #mymenu a{
	border-bottom:#FFF solid 1px;
}*/

a#nav9{
padding-left:0px;
padding-right:0px;
background-image: url(../gif/menu-line.gif);
background-repeat: no-repeat;
background-position:bottom right;
/*background-image: none;*/
}

/*@media (max-width: 400px) and (orientation:portrait){
a#nav3, a#nav7, a#nav9{width:33%;}
a#nav4{width: 34%;}
}*/

/*@media (max-width: 380px) {
a#nav9{padding-left:16px;
padding-right:16px;}	
}*/
a#nav12{border-right:#FFF 0px solid;color:#24B0B1;padding: 0px 0px 0px 7px; visibility:hidden; display:none;}
/*a#nav4{border-right:#FFF 0px solid;}*/
#accessouter {position: relative;
	width: 100%;
	overflow:hidden;
	border-bottom:#47c7c7 2px solid; }
#accessibility {position: relative;
	width: calc( 100% - 20px);
margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border: 0px;
	overflow:hidden;text-align:right;background-color: #FFF;
	color: #333;font-size: 14px;}
#accessibility a{color: #333;}
#access1 {
	float:right;padding: 5px 10px 10px 10px;}
#access2 {
	float:right; padding: 0px 10px 10px 10px;}
#access3 {
	float:right; padding: 0px 10px 10px 10px;}
#access4 {
	float:right; padding: 0px 10px 0px 10px;}
#access5 {
	float:left; padding: 0px 10px 10px 10px;}
#access6 {
	float:left; padding: 0px 10px 10px 10px;}
#bottomgreen {
	position: relative;
	z-index : 2;
	width: 100%;
	background-color:#009999;
	border-bottom:#009999 2px solid; 
}
#testimonialsinner{width: 95%; margin:auto;padding: 10px 0px 10px 0px;}
#bottomgreeninner {
	position: relative;
	z-index : 2;
	padding: 15px 0px 10px 0px;
	font-size: 100%;
	text-align: left;
	width: 95%;
	margin:auto;
	color:#FFF;
	background-image: none;
	background-repeat:no-repeat;
	background-position:bottom right;
}
#bottomgreeninner h3{
	color:#FFF;
	font-size: 140%;
	padding: 0px 0px 0px 0px;
}
#bottomgreeninner a{
	color:#FFF; font-weight:normal;
}
#bottomgreeninner a:hover{
	color:#CCC;
}
#bottomgreeninner hr{width: 100%;
	height: 2px;
	color: #FFF;
	background-color:#FFF;
	border-color:#000000;
	border:0px;}
/*#bottomgreenleft{position: relative;
	width: 662px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border: 0px;
	z-index: 4;
	float: left;}*/
#bgreen1 {
	width: 100%; float:left;visibility : visible;padding: 0px 0px 0px 0px;margin: auto;}
#bgreen2 {
	width: 100%; float:left; padding: 0px 0px 0px 0px;margin: auto;}
#bgreen3 {position: relative;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: auto;
	border: 0px;
	float: left;
	z-index: 4;
	}
#footer {
	position: relative;
	z-index : 1;
	width: 100%;
}
#footerinner {
	position: relative;
	z-index : 2;
	padding: 10px 0px 20px 0px;
	text-align: left;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow:hidden;
}	
#footer1 {
	width: 90%; float:left;visibility : visible;padding: 10px 15px 0px 15px;}
#footer2 {
	width: 90%; float:left;padding: 10px 0px 0px 5px;}
#footer3 {position: relative;
	width: 90%;
	padding: 4px 10px 0px 15px;
	margin: 0px;
	border: 0px;
	float: left;
	z-index: 4;}	

/* home page and 2nd level pages */
#hcolumn1, #whatcolumn1, #wlcolumn1{position: relative;
	width: calc( 100% - 20px);
	padding: 0px 10px 10px 10px;
	margin: 0px;
	border: 0px;
	z-index: 5;
	min-height:200px; overflow:visible;}
#hcolumn2, #wlcolumn2{position: relative;
	width: calc( 100% - 20px);
	padding: 0px 10px 10px 10px;
	margin: 0px;
	border: 0px;
	z-index: 4;
	min-height:40px;}
#hcolumn2 h3{color:#47c7c7;font-size:130%;}
#scrollcolumn {
	padding: 0px 0px 10px 10px;
}
#contentmain {position: relative;
width: /*calc( 100% - 20px)*/ 100%;
	left: 0px;
	top: 0px;
	padding : 20px 0px 10px 0px;
	margin: auto;
	border: 0px;
	visibility : visible; min-height:200px;}
#coursemain {position: relative;
	width: calc( 100% - 20px) /*100%*/;
	left: 0px;
	top: 0px;
	padding : 20px 0px 10px 0px;
	border: 0px;
	margin: auto;
	z-index: 5;
	visibility : visible; min-height:200px;}
#startermain {position: relative;
	width: calc( 100% - 20px);
	left: 0px;
	top: 0px;
	padding : 20px 10px 10px 10px;
	border: 0px;
	margin: auto;
	z-index: 5;
	visibility : visible; min-height:200px;}
#homecontent1 {
	position: relative;
	padding: 30px 15px 20px 15px;
	background-image: none;
	background-repeat:no-repeat;
	background-position:top right;
}
#homecontent1 h1{	color:#666;}
#homecontentimage{display:none; }
#homeside1 {position: relative;
	padding: 0px 10px 10px 15px;width:100%; float: left;}
#homeside1 h2{color:#47c7c7;font-size:140%;}
#homeside1 a{color:#666; }
#homeside1 a:hover{
	color:#999;
}
#greenside {width:100%; float: left;
	position: relative;
	padding: 15px 15px 15px 15px;
	background-color:#029A9B;
	overflow: hidden;
	color:#FFF;
	background-image: none;
	background-repeat:no-repeat;
	background-position:top right;
}
#greenside a{
	color:#FFF; font-weight:normal;
}
#greenside a:hover{
	color:#CCC;
}
#greenside h3{ color:#FFF;font-size:140%;}	
#greencontent {
	position: relative;
	padding: 20px 0px 0px 0px;
	background-color:#FFFFFF;
	overflow: hidden;
	font-weight:bold;
	background-image: url(../jpg/spelling_block.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
#greencontent1 {position: relative;
	width: 310px; float:left;visibility : visible; padding: 0px 20px 0px 20px;}
#greencontent2 {position: relative;
	width: 320px; float:left;background-color:#FFFFFF;padding: 0px 0px 0px 20px;}
#greencontent1 h2{ color:#FFF;font-size:140%;}	
#greencontent1 a{color:#FFF; font-size:120%;}#greencontent a:hover{
	color:#CCC;font-size:120%;
}
#greencontent2 h2{
	color:#CA5F4A;
	font-size:140%;
	padding: 0px 0px 10px 0px;
}
#homecontent2 {position: relative;
	padding: 30px 40px 20px 15px;}
#homecontent2 h3{color:#47c7c7;font-size:140%;}
#homecontent2 hr{
	width: 100%;
	height: 1px;
	color: #999;
	background-color:#999;
	border: 0px;
	margin: 10px 0px 10px 0px;
}
#homecontent2 a{color:#666; }#homecontent2 a:hover{
	color:#333;
}
#homedate {position: relative;float: right; color:#47c7c7;}
#mainside1 {position: relative;
	padding: 10px 10px 10px 10px; text-align:right;}
	
	
li{padding: 10px 0px 10px 0px;margin : 0px 0px 0px 0px;}


/* home page and 2nd level pages */
#cfcolumn1 {width: calc( 100% - 20px);
	padding: 0px 10px 10px 10px;}
#cfcolumn2 {width: calc( 100% - 20px);
	padding: 0px 10px 10px 10px;}
#cfcolumn2 h3{color:#47c7c7;font-size:130%;}
#signupcolumn1 {width: calc( 100% - 20px);
	padding: 0px 10px 10px 10px;}
#signupcolumn2 {width: calc( 100% - 20px);
	padding: 0px 10px 10px 10px; min-height:0px;}
/*inner pages*/
#column1 {position: relative;
	width: calc( 100% - 20px);
	padding: 0px 10px 10px 10px;
	margin: 0px;
	border: 0px;
	float: left;
	 min-height:200px;}
#column2 {
	position: relative;
	width: calc( 100% - 20px);
	padding: 0px 10px 10px 10px;
	margin: 0px;
	border: 0px;
	float: left;
	text-align:right;
}
#coursecolumn2 {
	padding: 10px 10px 0px 0px;
}
#content {position: relative;
	width: 100%;
	left: 0px;
	top: 0px;
	padding : 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	z-index: 3;
	visibility : visible;}

#columnheader {position: relative;
	width: 100%;
	padding: 9px 15px 0px 14px;
	margin: 0px;
	border: 0px;
	float: left;
	z-index: 4;
	background-color: #FFFFFF;color: #005151;}
#headerlogo	{float:left; width:540px;color:#07878D;}
#headertext	{float:right; text-align:right;width:200px;}

#header2 {position: relative;
	width: 186px;
	padding: 6px 10px 0px 4px;
	margin: 0px;
	border: 0px;
	float: right;
	z-index: 4;
	text-align:right;font-size:13px;}
#log_in {position: relative;
	width: 190px;
	padding: 1px 10px 0px 0px;
	margin: 0px;
	border: 0px;
	float: right;
	z-index: 4;
	text-align:right; }
#log_in img{padding: 0px 0px 0px 10px;vertical-align:middle;}

.rightitemtop {position: relative;
	width: 190px;
	padding: 5px 10px 6px 0px;
	margin: 0px;
	border: 0px;
	z-index: 4;
	text-align:right;
	border-bottom:#009999 2px solid;
	line-height:160%;}
/*.rightitem {position: relative;
	width: 186px;
	padding: 5px 10px 7px 4px;
	margin: 0px;
	border: 0px;
	z-index: 4;
	text-align:right;
	border-bottom:#009999 2px solid;
	line-height:150%;}
.rightitem a{padding: 0px 0px 0px 0px;
	margin: 0px;
	border: 0px;
	z-index: 4;}*/
.rightlists {position: relative;
	width: 186px;
	padding: 5px 10px 7px 4px;
	margin: 0px;
	border: 0px;
	z-index: 4;
	background-color:#FFFFFF;
	text-align:right;
	border-bottom:#009999 2px solid;
	line-height:150%;}
.colleft{width:100%; float:left;}
.colright{width:100%; float:right;}
.colleftshade{width:370px; float:left;padding: 4px 4px 4px 4px; min-height:210px;}
.colrightshade{width:355px; float:right;padding: 4px 4px 4px 4px;min-height:210px;}
.homegametitle{width:742px; padding: 4px 4px 6px 4px; background-color:#009999;font-weight: bold;font-size: 120%;color:#FFFFFF;margin:0px 0px 6px 0px;}
.homegametitle i{color:#FFCC33;}
.homebox{width:181px;border:#009999 1px solid;float:left;margin:6px 6px 10px 0px;}
.homebox4{width:181px;border:#009999 1px solid;float:left;margin:6px 0px 6px 0px;}
.homeboxtitle{width:179px; padding: 1px 0px 3px 3px; background-color:#009999;font-weight: bold;font-size: 100%;color:#FFFFFF;}
.homeboxcontent{width:100%; padding: 4px 4px 6px 4px;}
.multibox50{
	width:100%;}
#columncontent {position: relative;
	width: 100%;
	padding: 15px 15px 5px 15px;
	margin: 0px;
	border: 0px;
	float: left;
	z-index: 4;
	min-height:550px;
	line-height:140%;}
#rightcontent {position: relative;
	width: 270px;
	padding: 5px 5px 10px 10px;
	margin: 0px;
	border: 0px;
	z-index: 4;
float:right; background-color: #E2F3F3;}
#rightsmall {position: relative;
	width: 200px;
	padding: 5px 5px 10px 10px;
	margin: 0px;
	border: 0px;
	z-index: 4;
float:right; background-color: #E2F3F3; min-height:200px;}
#leftcontent {position: relative;
	width: 440px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	border: 0px;
	z-index: 4;
}
#left600 {position: relative;
	width: 580px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	border: 0px;
	z-index: 4;
}
#righttop {position: relative;
	width: 300px;
	padding: 15px 15px 5px 15px;
	margin: 0px;
	border: 0px;
	z-index: 4;
	min-height:520px;
float:right;}
#fullwidth{width:100%;}
#halfcolumn{width:100%; padding:0px 10px 0px 0px; float:left;}
.leftcolumn{width:100%; padding:0px 0px 0px 0px; float:left;}
.rightcolumn{width:100%; padding:0px 0px 20px 0px; float:left;}
.leftcolumn50{width:100%; padding:0px 0px 0px 0px; float:left;}
.rightcolumn50{width:100%; padding:0px 0px 20px 0px; float:left;}
.leftcolumn55{width:100%; padding:0px 0px 20px 0px; float:left;}
.rightcolumn43{width:100%; padding:0px 0px 20px 0px; float:right;}
#sharecontent {position: relative;
	width: 100%;
	padding: 0px 15px 5px 15px;
	margin: 0px;
	border: 0px;
	float: left;
	z-index: 4;
	line-height:140%;background-color: #FFFFFF;text-align:right;}
#sharecontent a{ 
	padding: 2px 0px 0px 5px;
	float:right;}
#share { width: 400px; float: right; text-align:right;padding: 0px 0px 0px 0px;}
#share a{ 
	padding: 2px 0px 0px 5px;
	float:right;}
#shareleft { float: right; text-align:right;padding: 5px 0px 0px 5px;}
#shareleft a{ 
	padding: 2px 0px 0px 5px;
	float:right;}
#copyright{position:relative;
height: 30px;
margin: 5px 0px 30px 0px;
z-index : 6;
font-size : 70%;
color : #FFFFCC;
clear:both;
text-align:center;
}
hr{width: 100%;
	height: 2px;
	color: #009999;
	background-color:#009999;
	border-color:#000000;
	border:0px;}
table{	margin : 0px;
	padding: 0px;
		border: 0px;}
/*a:link, a:visited  {
	color: #099;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}

a:hover, a:focus, a:active {
	color: #666;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}*/
/*a#nav2, a#nav3, a#nav11{ visibility:hidden;display:none;}*/
a#nav9{border-right:#FFF 0px solid;}
a#navfoot1, a#navfoot2{
	display:inline;
}

a#nav13, a#nav2 {visibility:hidden; display:none;}


.quizinput::-ms-clear {
            display: none;
    }
#bottom_advert{padding:10px 0px 10px 0px; display:none;}
#side_advert{padding:10px 0px 10px 0px; display:none;}
#mobile_advert{padding:10px 0px 10px 0px; visibility : visible;  display:inline;}

#mainimage{display: none;}
#maintext{position: relative;
	z-index : 5; top: 0px; right: 0px; width: 100%; text-align:left;
}
#progress-bar{float:left; width:126%; text-align:right; transform: scale(0.8);transform-origin: 0 0;}

.greenbutton a{font-family: 'Arial Rounded MT Bold', Arial; font-weight: normal;font-size: 100%; background-color: #099; padding: 4px 6px 4px 6px; color:#FFF;}
#teacher{display: none;} #listen-teacher{display: none;}
@media (pointer: coarse) AND (max-width: 501px) and (orientation:portrait){
	#orientationwarning{display:block;}
}
.PopupDialog {
	position: absolute;
	width: 100%;
	height:100%;
	top:-130px;
}
.PopupDialog > div {
	width: 97%; height:100%;
	position: relative;
	margin: auto;
	padding: 40px 10px 10px 10px;
	border-radius: 0px;
background: #fff;
}
#Cover3{
	top:0; bottom:0; left: 0; right: 0;
	position: fixed;
	width: 100%;
	height:100%; 
	margin:0;
	z-index : 99;
	overflow-y: auto;
	/*resize: both;*/
}
#Cover1, #Cover2{
	top:0; bottom:0; left: 0; right: 0;
	position: fixed;
	width: 100%;
	height:150%; 
	margin:0;
	z-index : 99;
	resize: both;
}
.Popup, .LSCWCPopup, .GamePopup{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border-radius: 0px;
	background-color: #FFF;
	/*max-height:100%;*/
}

.ListPopup{
width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border-radius: 0px;
	background-color: #FFF;
	/*max-height:100%;*/	
}

.ProfilePopup{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border-radius: 0px;
	background-color: #FFF;
	max-height:100%;
	top: 0;
    left: 0;
}

.profileleft{
	float:left; width:100%; padding:10px 0 0 0; clear:both;
}
.profileavatar{
	border-radius:5px; float:left; width:100%;
}

.noprofileavatar{display:none;}

.GamePopupLarge{position: fixed;top:0px; left:0px;margin: 0px;padding: 0px 0px 0px 0px;width: 100%; height:100%; overflow:hidden;border-radius: 0px;}
.GameMultiAdd{height:100%;}
/* games */
#gameholder{width: 100% height:100%;}

.close{box-shadow: 3px 3px 6px #000;}
.close:link, .close:visited, .close:hover, .close:focus, .close:active {position:fixed; right: 20px;top: 10px;}

@media (min-width: 381px) and (max-width: 480px) {
.Popup, .LSCWCPopup, .GamePopup{
	width: 112%;
	height: 200%;
	transform: scale(0.9);
	transform-origin: 0 0;
}
}

@media (max-width: 380px) {
.Popup, .LSCWCPopup, .GamePopup{
	width: 125%;
	height: 300%;
	transform: scale(0.8);
	transform-origin: 0 0;
}
.close{transform: scale(1.2);}
}

@media (min-height: 351px) and (max-height: 420px) {
.Popup, .LSCWCPopup, .GamePopup{
	width: 112%;
	height: 150%;
	transform: scale(0.9);
	transform-origin: 0 0;
}
}

@media (min-height: 321px) and (max-height: 350px) {
.Popup, .LSCWCPopup, .GamePopup{
	width: 125%;
	height: 150%;
	transform: scale(0.8);
	transform-origin: 0 0;
}
.close{transform: scale(1.2);}
}

@media (max-height: 320px) {
.Popup, .LSCWCPopup, .GamePopup{
	width: 143%;
	height: 150%;
	transform: scale(0.7);
	transform-origin: 0 0;
}
.close{transform: scale(1.3);}
}
.gameadvert{display:none;}
/* 2019 home page styling */
#maintitle{position:relative; top:0px; left:0px; color:#FFF; font-size:24px; border-radius: 0px; padding:20px 10px 20px 10px;width:calc(100% - 20px); line-height: 32px; text-align:left; opacity:1; margin-bottom:10px; margin:0; background-color: none;}
#topmaintitle{position:relative; top:0px; left:0px; color:#FFF; font-size:24px; border-radius: 0px; padding:20px 10px 20px 10px;width: 96%; line-height: 32px; text-align:left; opacity:1; margin-bottom:10px; margin:0; background-color: none;}
#homestats{display:none;}
#hometopimagesection{height: auto;}
#topimage{height: auto; width:100%; margin: 0px;}
#topmainimagecover{ display:none;}
#topmainimage{ display:none;}
#homesinglecolumn{position: relative; width: 95%; padding: 20px 0px 0px 10px;}

#homemaintextblock{position: relative; z-index:3;}
#homemaintext{position: relative;width:calc(100% - 20px);margin: 0px 0px 0px 0px; padding: 0px 10px 10px 10px; top:auto; overflow:visible; height: auto; min-height:220px;}

#homeleaguetables{height:0px; display: none;}

#homeslider{position: relative; width: 96%; margin: 0px 0px 0px 0px;float:left; padding:0 0 0px 10px; }
.slider { height:auto;}
#homevideo{width: 360px; padding-bottom:10px;}
.homevideoframe{width: 360px; height: 220px; display:none;}
/*#video{display:none;}*/
#homeblog{width: 100%; margin: 0px 0px 25px 0px;}
.homeblogdate {display:none;}
#homecasestudy{width: 100%; margin: 0px 0px 25px 0px;}
#homewhat1{width: 96%; }
#homewhat2{width: 96%;  float: left;}
#homewhat3{width: 96%; }
#what3wrapper{float:right; padding: 10px 0px 5px 0px; margin-top:0px;width: 96%;}
#homewho{width: 100%; margin: 0px 0px 25px 0px; padding: 0px 0px 0px 10px;}
#homegreen {
	width: 100%;
	padding: 0px 0px 10px 0px;
}
#homegreeninner {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

#topschools{width:94%;float:left; padding:0 5px 0 10px;}
#topclasses{width:94%;float:left; padding:0 5px 0 10px;}
#topusers{width:94%;float:left; padding:0 0px 0 10px;}

#hometrialrobot{ display:none;}
#hometrial{width: 100%; float:left; position: relative;}
#hometrialbox{padding: 10px 0px 10px 10px; margin: 0px 0px 10px 0px; width: 96%;}
#hometrial h2{padding-left:0px;}

a.hometrialboxes{color:#FFF;}
a.statfreetrial{color:#FFF;padding: 10px 1px 0px 1px;}
a.statfreetrial:hover{color:#DDD;}	

#textboxcontainer{display:none;}
#textboxtitle{ display:none;}

/* lscwc */
#lscwccontent{}

#lscwcbackground{ background-image:url(../gif/lscwc_bg.gif); background-repeat:repeat; width:calc(100%-20px); height:100%; top:0px; bottom:0px; overflow:hidden; }
#lasBackgroundFrame{padding:10px 10px 10px 10px; background-image:url(../gif/listen_spell_bg.gif); background-repeat:repeat; width:100%; height:100%; top:0px; bottom:0px; }
/*#lscwcbackgroundimage{ transform: scale(0.4);}*/
/* ability test */
.testcontent {position:absolute; width:190px; left:110px; background-color:#FFF; min-height:240px; padding:5px 5px 0px 10px; z-index:9; border:#3B254A 6px solid;}
.testleftcolumn {width:105px;}
.scientist-female { padding-top:60px; height:180px; width:auto;}
.scientist-male { padding-top:70px; height:180px; width:120px;}

@media screen and (max-width: 380px){
.testcontent {width:150px; border:#3B254A 6px solid;padding:5px 5px 0px 5px;}	
}

.shaped-box{background-color:#E7F8F8; padding: 15px 0px 15px 10px; width: calc(100%-10px);}
.starter-input{ width:65px;font-size: 120%;}
.starter-quiz-text{ font-size: 120%;}
.starter-quiz-unit7{ font-size: 100%;}
.iframe{width:340px; height:240px;}

#trialbox{padding: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; width: calc(100% - 20px);}
#trialrobot{display:none;}
.trialh2{color:#FFF; padding:0px 0px 16px 0px;}
.trialh2 a{color:#FFF; font-weight:normal; text-decoration:underline;}

.prev{float:left; width: 100%;}
.next{float:right;width: 100%;}

/* course images - reduction  
@media (max-width: 380px) {}*/
.coursetableimages{width:100%;max-width:120px;height: auto;}
.courseimagecell{float:left; padding:0 0 0 0;}
.courseimagecell img{width:110px;height: auto;}
.courserobotdiv{width:95%;}
.courserobotimage{width:100%; max-width:110px;height: auto;}

.feedname{float:left; width:50%;}
.feedactivity{clear:both; width:100%; padding: 0px 0px 0px 0px;}
.feedtime{float:right; font-size:80%; text-align:right;width:50%;}

.listmenu {
	position:relative;
	float:left;
	margin : 0px 0px 8px 0px;
	padding: 2px 0px 2px 0px;
	border: 0px;
	background-color:transparent;
	width: 16%;
	text-align:center;
	top:-5px;
	}
.listmenu img{/*width:45px; height:45px;*/ padding-bottom:4px; padding-top:4px;}
.listmenuselect{
	position:relative;
	float:left;
	margin : 0px 0px 8px 0px;
	padding: 2px 0px 2px 0px;
	border: 0px;
	width: 16%;
	text-align:center;
	top:-5px;
/*opacity:0.5;*/
}
.listmenuselect img{/*width:45px; height:45px;*/ padding-bottom:4px; padding-top:4px;}
/*.breadcrumb {line-height: 36px;
	float:left;
	text-align:left;
	position: relative;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	border-left:#999 1px solid;
	border-right:#999 1px solid;
	padding: 0px 5px 0px 5px;
}
.breadcrumbend {line-height: 36px;
	float:left;
	text-align:left;
	position: relative;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	border-right:#999 1px solid;
	top:-18px;
	left:-10px;
	padding: 0px 5px 0px 5px;
}*/
.breadcrumb {line-height: 40px;}
.breadcrumbend {line-height: 40px;}
/*.translation-dropdown{width:94px;float:right;}*/
.free-trial-boxes{width:100%;  max-width:400px; padding:0px;}
.free-trial-box{float:left;padding:0; width:100%; max-width:400px;}
.free-trial-image{width:100%; height: auto;}
.wordlist-speaker{width:30px; height:30px;}
.wordlist-wordcolumn{ width: auto;}

#text-wideleft{width:100%;}
#video-right{width:100%;}

.wordlistsubicon{display:block;}

.courselistcolumns {
  min-width: 160px;
}