@font-face {font-family: 'Arial Rounded MT Bold'; src: local('Arial Rounded MT Bold'), url('../images/fonts/616.ttf') format('truetype'); font-display: swap;}
@font-face { font-family: 'opendyslexic'; src: url('../images/fonts/OpenDyslexic-Regular.otf') format('truetype'); font-display: swap;}

html{		overflow-y:scroll;}
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	/*color: 005151;*/
	font-size: 97%;
	letter-spacing: 0.04em;
	margin : 0px;
	padding: 0px;
	border: 0px;
	background-color: #FFF;
	color: #333;
	line-height:160%;
}
/* overall design */
#container{
	position: relative;
	width: 1000px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	/*background-color:#0CF;
	overflow: hidden; min-height: 400px;*/
	z-index : 5;
}
#homecontainer{
	width: 1000px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden; /*min-height: 400px;*/
	z-index : 5;
}
#studentmode-bar {
	position: relative;
	z-index : 2;
	width: 100%;
	background-color: #E03C08;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
#studentmode-inner {
	position: relative; display:block;
	z-index : 2;
	padding: 10px 0px 10px 6px;
	color: #FFF;
	text-align: left;
	width: 1000px; /*calc(100% - 20px);*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px; overflow:hidden;font-family: Arial; letter-spacing: normal; line-height:normal;font-weight:normal;
}
#studentmode-inner a{color:#FFF; font-weight:normal;}
#studentmode-inner a:hover {color:#DDD; font-weight:normal;}
#studentmode-switch{clear:both; padding: 40px 10px 0 0; text-align:left; float:right;}
#top {
	position: relative;
	z-index : 2;
	width: 100%;
	background-color:#FFF;
	border-top:#4cc 2px solid;
	border-bottom:#4cc 2px solid;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
#top_nogreen {
	position: relative;
	z-index : 2;
	width: 100%;
	background-color:#FFF;
	border-top:#4cc 2px solid;
	border-bottom:#4cc 2px solid;
}
#learnsubtop {
	position: relative; overflow:visible;
	z-index : 2;
	width: 100%;
	background-color:#F60;
	border-bottom:#4cc 2px solid;
}
#warningorangesubtop {
	position: relative;
	overflow:visible;
	z-index : 2;
	width: 100%;
	background-color:#F60;
	border-bottom:#4cc 2px solid; color:#FFF;
}
#warningredsubtop {
	position: relative;
	overflow:visible;
	z-index : 2;
	width: 100%;
	background-color:#C00;
	border-bottom:#4cc 2px solid; color:#FFF;
}
#warningsubtop {
	position: relative;
	overflow:visible;
	z-index : 2;
	width: 100%;
	background-color:#DDD;
	border-bottom:#4cc 2px solid;
	color:#333;
}
#teachsubtop {
	position: relative; overflow:visible;
	z-index : 4;
	width: 100%;
	background-color:#606;
	border-bottom:#4cc 2px solid;
}
#adminsubtop {
	position: relative; overflow:visible;
	z-index : 4;
	width: 100%;
	background-color:#069;
	border-bottom:#4cc 2px solid;
}
#subtop {
	position: relative;
	overflow:visible;
	z-index : 3;
	width: 100%;
	background-color:#288;
	border-bottom:#4cc 2px solid;
}
#mysubtop {
	position: relative;
	overflow:visible;
	z-index : 3;
	width: 100%;
	background-color:#E03C08;
	border-bottom:#4cc 2px solid;
}
#topbar {
	position: relative;
	z-index : 2;
	padding: 0px 0px 0px 0px;
	
	text-align: left;
	width: 1000px;
	height:124px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px; overflow:hidden;font-family: "Arial Rounded MT Bold", Arial; letter-spacing: normal; line-height:normal;
}
#warningtopbar {
	position: relative;
	z-index : 2;
	padding: 6px 10px 0px 10px;
	text-align: left;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow:hidden;
	line-height:normal;
	color:#FFF;
 font-size: 14px;
 height:
}
#warningtopbar a{
	color:#FFF;font-weight:bold;text-decoration: underline; font-style : normal;
}
#warningtopbar p{
	color:#FFF;}
#warningtopbar a:hover {
	color : #CCC; text-decoration: none; font-style : normal;
}
#warningbarleft {position:relative; width:calc(100%-250px); float:left;}
#warningbarright {position:relative; width:240px; float:right; text-align:left;}
#warningtopdays {
font-size:300%; float:left; width:80px; padding: 0px 0px 4px 0px; text-align:right;
}
#learntopbar {
	position: relative;
	z-index : 2;
	padding: 0px 0px 0px 0px;
	
	text-align: left;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px; overflow:hidden;font-family: "Arial Rounded MT Bold", Arial; letter-spacing: normal; line-height:normal;
	background-color:#F60;
}
#teachtopbar {
position: relative;
	z-index : 2;
	padding: 0px 0px 0px 0px;
	
	text-align: left;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px; overflow:hidden;font-family: "Arial Rounded MT Bold", Arial; letter-spacing: normal; line-height:normal;
	background-color:#606;
}
#admintopbar {
	position: relative;
	z-index : 2;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	 overflow:hidden;
	font-family: "Arial Rounded MT Bold", Arial;
	letter-spacing: normal;
	line-height:normal;
	background-color:#069;
}
#subtopbar {
	position: relative;
	z-index : 2;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow:hidden;
	font-family: "Arial Rounded MT Bold", Arial;
	letter-spacing: normal;
	/*line-height:normal;*/
	background-color:#288;
}
#mobilemenuclose{display:none;}
#mobilemenuopen{display:none;}
#mytopbar {
	position: relative;
	z-index : 2;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow:hidden;
	font-family: "Arial Rounded MT Bold", Arial;
	letter-spacing: normal;
	line-height:normal;
	background-color:#E03C08;
}
#logo {float:left;position: relative; padding: 6px 0px 6px 8px;z-index : 2;display:inline; }
.logo{height:66px;}
#menutop {float:right; text-align:right;
	position: relative;
	z-index : 3;
	padding: 0px 10px 0px 0px;
	font-size: 12px;
	height:68px; 
	/*color:#FFF;*/
}

#login{
	float:right;
	width: 110px;
	height:27px;
	background-color:#EA4109;
	padding: 12px 0px 5px 0px;
	margin-left:5px;
	text-align:center;
	position: relative;
	z-index : 2;
	background-image: url(../images/home/my-spellzone-tile-background.jpg);
	background-repeat:repeat;
	background-position:bottom right;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	font-size: 14px;
}
#login a{color:#FFF;}

/*#logout{padding: 12px 10px 10px 20px;float:right; color:#999; border-left:#999 solid 1px;}*/
#logout{padding: 12px 10px 10px 10px;float:right; color:#333; background-color:#E7F5F5;border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;text-align:center;width: 74px;
	height:18px;
}
#logout a{color:#333;}
#logout a:hover{color:#666;}
#my-spellzone{
	color:#999;
	padding: 12px 0px 5px 0px;
	float:right;
	background-color:#EA4109;
	width: 108px;
	margin-left:5px;
	text-align:center;
	height:20px;
	position: relative;
	z-index : 2;
	background-image: url(../images/home/my-spellzone-tile-background.jpg);
	background-repeat:repeat;
	background-position:bottom right;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
#admin{
	color:#999;
	float:right;
	width: 94px;
	height:20px;
	background-color:#007EBB;
	padding: 12px 0px 5px 0px;
	margin-left:15px;
	text-align:center;
	position: relative;
	z-index : 2;
	background-image: url(../images/home/admin-tile-background.jpg);
	background-repeat:repeat;
	background-position:bottom right;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

#menutop a{
	/*color:#FFF;*/
	padding: 20px 10px 10px 9px;font-weight: normal;text-decoration: none; font-style : normal;
		
}

#signup:hover{background-image:none;}
body#pagesignup #signup{background-image:none;}
#login:hover{background-image:none;}
body#pagelogon #login{background-image:none;}
#my-spellzone:hover{background-image:none;}

/*body#my1 #my-spellzone,
body#my2 #my-spellzone,
body#my3 #my-spellzone,
body#my4 #my-spellzone,
body#my5 #my-spellzone,
body#my6 #my-spellzone,
body#my7 #my-spellzone,
body#my8 #my-spellzone,
body#my9 #my-spellzone,
body#my #my-spellzone{
	background-image:none;
	}

#admin:hover{background-image:none;}
body#pagelogon #admin{background-image:none;}
body#admin1 #admin,
body#admin2 #admin,
body#admin3 #admin,
body#admin4 #admin,
body#admin5 #admin,
body#admin6 #admin,
body#admin7 #admin,
body#admin8 #admin,
body#admin9 #admin,
body#page14 #admin{
	background-image:none;
	}*/

#accessibility-link{padding: 12px 20px 5px 0px;float:right;}
#accessibility-link a{color:#666;}
#accessibility-link a:hover{color:#666;}

#contact-link{padding: 12px 0px 5px 0px;float:right; width:64px;}
#contact-link a{color:#999;}
#contact-link a:hover{color:#666;}

#menu {
	float:right;
	width:984px;
	text-align:left;
	position: absolute;
	top: 96px;
	left:0px;
	z-index : 2;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	color:#FFF; 
/*background-color:#FF0000;*/
height: 45px;
}
#menu a{
	color:#666; padding: 12px 20px 19px 20px; /*border-right:#CCC 1px solid;*/ font-weight:normal;text-decoration: none; font-style : normal; 
	background-image: url(../images/home/menu-line.gif);
	background-repeat: no-repeat;
	background-position:bottom right;
	/*border: 8px 8px 0px 8px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;*/
}

#menu a:hover {
	color : #999;
	text-decoration: none;
	font-style : normal;
	/*border-top-right-radius: 8px;
	border-top-left-radius: 8px;*/
	
}
#loginmenuleft{float:left;}
#loginmenu, #notloginmenu{float:right; /*display:inline;*/}

#learnmenu {line-height: 34px;
	float:left;
	width:100%;
	text-align:left;
	position: relative;
	z-index : 2;
	padding: 0px 5px 0px 5px;
	font-size: 14px;
	color:#FFF;
	background-color:#F60;
}
#learnmenu a{
	color:#FFF; padding: 0px 10px 0px 10px; border-left:#FFF 1px solid; font-weight:normal;text-decoration: none; font-style : normal; display:inline-block;
}
#learnmenu a:hover {
	color : #CCC; text-decoration: none; font-style : normal;
}
#teachmenu {line-height: 34px;
	float:left;
	width:100%;
	text-align:left;
	position: relative;
	z-index : 2;
	padding: 0px 5px 0px 5px;
	font-size: 14px;
	color:#FFF;
	background-color:#606;
}
#teachmenu a{
	color:#FFF; padding: 0px 10px 0px 10px; border-left:#FFF 1px solid; font-weight:normal;text-decoration: none; font-style : normal;display:inline-block;
}
#teachmenu a:hover {
	color : #CCC; text-decoration: none; font-style : normal;
}
#adminmenu {line-height: 34px;
	float:left;
	width:100%;
	text-align:left;
	position: relative;
	z-index : 2;
	padding: 0px 5px 0px 5px;
	font-size: 14px;
	color:#FFF;
	background-color:#069;
}
#adminmenu a{
	color:#FFF; padding: 0px 10px 0px 10px; border-left:#FFF 1px solid; font-weight:normal;display:inline-block;
}
#adminmenu a:hover {
	color : #CCC; 
}
#mymenu {line-height: 34px;
	float:left;
	width:100%;
	text-align:left;
	position: relative;
	z-index : 2;
	padding: 0px 5px 0px 5px;
	font-size: 14px;
	color:#FFF;
	background-color:#E03C08;
}
#mymenu a{
	color:#FFF; padding: 0px 10px 0px 10px; border-left:#FFF 1px solid; font-weight:normal;display:inline-block;
}
#mymenu a:hover {
	color : #CCC; 
}
#submenu {line-height: 34px;
	float:left;
	width:100%;
	text-align:left;
	position: relative;
	z-index : 2;
	padding: 0px 5px 0px 5px;
	font-size: 14px;
	color:#FFF; 
}
#submenu a{
	color:#FFF; padding: 0px 10px 0px 10px; border-left:#FFF 1px solid; font-weight:normal;text-decoration: none; font-style : normal; display:inline-block;
}
#submenu a:hover {
	color : #CCC;text-decoration: none; font-style : normal; 
}
.breadcrumb {line-height: 34px; letter-spacing: normal;
	float:left;
	text-align:left;
	position: relative;
	margin: 0px 0px 5px 0px;
	font-size: 14px;
	border-left:#999 1px solid;
	border-right:#999 1px solid;
	top:-20px;
	left:-10px;
	padding: 0px 10px 0px 10px;
}
.breadcrumbend {line-height: 34px;letter-spacing: normal;
	float:left;
	text-align:left;
	position: relative;
	margin: 0px 0px 5px 0px;
	font-size: 14px;
	border-right:#999 1px solid;
	top:-18px;
	left:-10px;
	padding: 0px 10px 0px 10px;
}
#menuright{float:right; text-align:right; padding-right:25px;}
/*#menu a:hover {
	color : #FFF; background-color: #24B0B1;
}*/

a#nav9{background-image: none;}
#loginmenu a#nav4{background-image: none;}
a#signup{background-image: none;}

#accessouter {position: relative;
	width: 100%;
	overflow:hidden;
	border-bottom:#4cc 2px solid; background-color:#FFF;z-index: 5;}
#accessibility {
	position: relative;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border: 0px;
	overflow:hidden;
	text-align:right;
	background-color: #FFF;
	color: #333;
	font-size: 14px; letter-spacing: normal; line-height:normal;
}
#accessibility a{color: #333;}
#columnaccess1{float:right;}
#columnaccess2{float:left;}
#access1 {
	float:right;padding: 10px 10px 15px 5px;}
#access2 {
	float:right; padding: 10px 10px 0px 5px;}
#access3 {
	float:right; padding: 10px 10px 0px 5px;}
#access4 {
	float:left; padding: 0px 10px 0px 130px; clear:both;}
#access5 {
	float:left; padding: 0px 5px 15px 5px; clear:both;}
#access6 {
	float:right; padding: 20px 0px 0px 0px; clear:both; line-height:150%;}
#accesstext {
	float:left; padding: 0px 5px 5px 5px;}

/*#freetrial{ position:relative; top:-10px; left:0px; width: 300px; height: 30px; background-color:#666; z-index:5;}*/
#social {clear:both; width:100%; display:inline;}
#testimonials{
	position: relative;
	width: 100%;
	/*background-color:#00A5A2;*/
}
#testimonialsinner{
	padding: 10px 20px 10px 20px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	font-style:italic;
	color:#FFF;
	font-size: 110%;
}
#testimonialsinner a{
	color:#FFF;
}
#testimonialsinner p{
	color:#FFF;
}

#bottomgreen {
	position: relative;
	width: 100%;
	background-color:#009999;
	/*border-bottom:#009999 4px solid;*/
	clear:both; letter-spacing: normal; line-height:normal; font-family: Arial, Verdana, Helvetica, sans-serif;
	background-image: url(../images/home/star_bar_small.gif);
	background-repeat:repeat;
	background-position:center;
	margin-top: 10px; color: #FFF;
}
#bottomgreeninner {
	position: relative;
	z-index : 2;
	padding: 20px 10px 10px 10px;
	font-size: 100%;
	text-align: left;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow:hidden;
	color:#FFF;
	/*background-image: url(../images/home/help_girl.png);
	background-repeat:no-repeat;
	background-position:bottom right;*/
}
#bottomgreeninner h3{
	color:#FFF;
	font-size: 124%;
		padding: 0px 0px 0px 0px;
}
#bottomgreeninner a{
	color:#FFF; font-weight:normal;text-decoration: none;
}
#bottomgreeninner a:hover{
	color:#FFF;
	text-decoration: none;
}
#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: 296px; float:left;visibility : visible;padding: 0px 30px 0px 10px; }
#bgreen2 {
	width: 296px; float:left; padding: 0px 30px 0px 0px;}
#bgreen3 {
	/*background-image:url(../images/home/help-button-figure.png);
	background-position:bottom right;
	background-repeat:no-repeat;*/
	position: relative;
	width: 296px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	border: 0px;
	float: right;
	z-index: 4;
	}
#footer {
	position: relative;
	z-index : 1;
	width: 100%;
	background-color:#FFF; letter-spacing: normal; line-height:normal; font-family: Arial, Verdana, Helvetica, sans-serif;
}
#footerinner {
	position: relative;
	z-index : 2;
	padding: 10px 0px 20px 0px;
	text-align: left;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow:hidden;
	color:#757575;
	font-size: 90%;
}	
#footer1 {
	width: 200px; float:left;visibility : visible;padding: 10px 60px 0px 15px;}
#footer2 {
	width: 360px; float:left;padding: 10px 0px 0px 0px; text-align:center;}
#footer3 {position: relative;
	width: 318px;
	padding: 4px 0px 0px 0px;
	margin: 0px;
	border: 0px;
	float: right;
	z-index: 4;}	
#footer a{color:#757575; font-weight:normal; text-decoration: none; font-style : normal;}
#footer a:hover {
	color:#999;
	font-weight:normal;text-decoration: none; font-style : normal;
}
#footer p{color:#757575;}

/* home page and 2nd level pages */
#whatcolumn1 {position: relative;
	width: 630px;
	padding: 0px 10px 10px 0px;
	margin: 0px;
	border: 0px;
	z-index: 5;
	float: left;
	min-height:400px; overflow:visible;}
#hcolumn1 {position: relative;
	width: 700px;
	padding: 0px 10px 10px 0px;
	margin: 0px;
	border: 0px;
	z-index: 5;
	float: left;
	min-height:400px; overflow:visible;}
#hcolumn2 {position: relative;
	width: 260px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border: 0px;
	float: right;
	z-index: 5;
	min-height:400px;}
/*#hcolumn2 h3{color:#4cc;font-size:130%;}*/
#wlcolumn1 {position: relative;
	width: 730px;
	padding: 0px 10px 10px 0px;
	margin: 0px;
	border: 0px;
	z-index: 5;
	float: left;
	min-height:400px; overflow:visible;}
#wlcolumn2 {position: relative;
	width: 190px;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	border: 0px;
	float: right;
	z-index: 4;
	min-height:200px;}
#contentmain {position: relative;
	width: 100%;
	left: 0px;
	top: 0px;
	padding : 20px 10px 10px 15px;
	border: 0px;
	z-index: 5;
	visibility : visible; min-height:500px;}
#coursemain {position: relative;
	width: 100%;
	left: 0px;
	top: 0px;
	padding : 20px 10px 10px 15px;
	border: 0px;
	z-index: 5;
	visibility : visible; min-height:500px;}
#startermain {position: relative;
	width: calc( 100% - 20px);
	left: 0px;
	top: 0px;
	padding : 20px 10px 10px 10px;
	border: 0px;
	z-index: 5;
	visibility : visible; min-height:500px;}
#homecontent1 {
	position: relative;
	padding: 20px 20px 20px 15px;
	/*background-image: url(../images/home/learn_letters.jpg);*/
	background-repeat:no-repeat;
	background-position:top right;
}
#homecontent1 h1{	color:#666;}
#homeside1 {position: relative;
	padding: 0px 10px 10px 25px;}

#homeside1 a{color:#666; }
#homeside1 a:hover{
	color:#999;
}
#homeside1 h2{
	color:#EA672F;
	font-size:140%;
}
#homeside1 h2 a{font-weight:normal;
	color:#EA672F;
}
#greenside {
	position: relative;
	padding: 15px 15px 15px 25px;
	background-color:#029A9B;
	overflow: hidden;
	color:#FFF;
	background-image: url(../images/home/corner_curve.jpg);
	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 { clear:both;
	position: relative;
	padding: 20px 0px 0px 20px;
	background-color:#FFFFFF;
	overflow: hidden;
	font-weight:bold;
	background-image: url(../images/home/spelling_block.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}
#greencontent1 {position: relative;
	width: 310px; float:left;visibility : visible; padding: 0px 20px 0px 0px;}
#greencontent2 {position: relative;
	width: 320px; float:left;}
#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:#EA672F;
	font-size:140%;
	padding: 0px 0px 10px 0px;
}	

#homecontent2 {position: relative;
	padding: 30px 40px 20px 15px;}
#homecontent2 h3{color:#4cc;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;
}

.homeblogtitle {position: relative;float: left;}
.homeblogdate {position: relative;float: right; color:#4cc; width: 100px; padding: 0px 0px 2px 0px;}
#mainside1 {position: relative;
	padding: 30px 0px 20px 0px; text-align:right;}

/* home page and 2nd level pages */
#cfcolumn1 {position: relative;
	width: 660px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	border: 0px;
	z-index: 5;
	float: left;
	min-height:400px; overflow:visible;}
#cfcolumn2 {position: relative;
	width: 300px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border: 0px;
	float: right;
	z-index: 4;
	/*min-height:400px;*/}
/*#cfcolumn2 h3{color:#4cc;font-size:130%;}*/

/*inner pages*/
#socialmediahome {position: absolute;
	width: 200px;
    text-align:right;
	left: 886px;
	top: 16px;}
#column1 {position: relative;
	width: 720px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	border: 0px;
	z-index: 5;
	float: left;
	background-color: #FFFFFF; min-height:400px;}
#coursecolumn1 {position: relative;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	border: 0px;
	z-index: 3;
	 min-height:400px;}
#column2 {
	position: relative;
	width: 210px;
	padding: 30px 15px 0px 10px;
	margin: 0px;
	border: 0px;
	float: right;
	z-index: 5;
	text-align:right;
}
#coursecolumn2 {
	position: relative;
	width: 420px;
	padding: 16px 0px 0px 0px;
	margin: 0px;
	border: 0px;
	float: right;
	z-index: 4;
	text-align:right; font-size:90%;
}
#coursecolumn2 i{ color:#CCC;}
#signupcolumn1 {position: relative;
	width: 620px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	border: 0px;
	z-index: 5;
	float: left;
	min-height:400px; overflow:visible;}
#signupcolumn2 {position: relative;
	width: 340px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border: 0px;
	float: right;
	z-index: 4;
	}

#scrollcolumn {
position: relative;
	width: 1270px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	/*background-color: #444;
	overflow: hidden; min-height: 400px;*/
	z-index : 5;
}
#contentwide {position: relative;
	width: 1270px;
	left: 0px;
	top: 0px;
	padding : 20px 0px 0px 0px;
	border: 0px;
	z-index: 6;
	visibility : visible; }
	
#columnfixed {position: relative;
	width: 1270px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	border: 0px;
	z-index: 5;
	float: left;
	}

/*#scrollcolumn {
	position: relative;
	width: calc(100% - (50% - 500px));
	padding: 0px 0px 10px 0px;
	margin-left: calc(50% - 500px);
	margin-right: auto;
	border: 0px;
	z-index: 5;
	float: left;
	background-color: #FFFFFF;
	min-height:400px;
	overflow-y:hidden;
	overflow-x:visible;
}*/
#content {position: relative;
	width: 100%;
	left: 0px;
	top: 0px;
	padding : 20px 10px 10px 15px;
	padding: 0px;
	border: 0px;
	z-index: 3;
	visibility : visible;}

#columnheader {position: relative;
	width: 751px;
	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%;}
.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:160%;}
.colleft{width:370px; float:left;}
.colright{width:375px; float:right;}
.colleftex{float:left; padding-right:10px;}
.colrightex_aright{float:right; text-align:right;padding-left:10px;}
.prev{float:left; padding:0px 10px 0px 0px; width: 48%;}
.next{float:right; text-align:right;padding:0px 10px 0px 0px;width: 48%;}
.nextonly{text-align:right;padding:0px 10px 0px 0px;width: 100%;}
.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;}
.signup{
	margin : 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	border: 0px;
	background-color: #F0F9F9;
	/*border:#68CECE 2px solid;*/
	/*border-top:#006699 2px solid;*/
	border-radius: 10px;
}
.greenlightbox{
	margin : 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	border: 0px;
	background-color: #F0F9F9;
	/*border:#68CECE 2px solid;*/
	/*border-top:#006699 2px solid;*/
	border-radius: 10px;
}
.whitebox{
	margin : 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	border: 0px;
	/*border:#68CECE 2px solid;*/
	background-color: #F8F8F8;
	border-radius: 10px;
}
.whitebackbox{
	margin : 0px 0px 10px 0px;
	padding: 10px 10px 10px 15px;
	border: 0px;
	/*border:#288 2px solid;*/
	background-color:#FFF;
	border-radius: 10px;
}
.whiteboxlightborder{
	margin : 0px 0px 10px 0px;
	padding: 10px 10px 10px 15px;
	border: 0px;
	/*border:#68CECE 2px solid;*/
	background-color:#FFF;
	border-radius: 10px;
}
.redbox{
	margin : 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	border: 0px;
	border:#C00 2px solid;
	background-color:#F4F4F4;
	/*border-top:#006699 2px solid;*/
	border-radius: 10px;
}
.redbackbox{
	margin : 0px 0px 10px 0px;
	/*padding: 2px 2px 2px 2px;*/
	border:#C00 2px solid;
	background-color: #FF3300;
	/*border-top:#006699 2px solid;*/
	border-radius: 10px;
	color:#FFF;
}
.redbackbox a:link{color:#FFF;}
.redbackbox a:visited{color:#FFF;}
.adminbox{
	margin : 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	border: 0px;
	/*border:#069 2px solid;*/
	background-color:#DEF0F5;
	border-radius: 10px;
}
.adminbox h3{color:#069; }
.orangebox{
	margin : 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	border: 0px;
	border:#F90 2px solid;
	background-color:#F4F4F4;
	/*border-top:#006699 2px solid;*/
	border-radius: 10px;
}
.greenborderbox{
	margin : 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	border: 0px;
	border:#0C3 2px solid;
	background-color:#F4F4F4;
	/*border-top:#006699 2px solid;*/
	border-radius: 10px;
}
.loginbox{
	padding: 10px 10px 10px 10px;
	border-radius: 10px;
	background-color:#D5EED9;
	font-weight: bold;
	border:#390 2px solid;
	margin:0px 0px 10px 0px;
}
.greenbox{
	padding: 10px 10px 10px 10px;
	border-radius: 10px;
	background-color: #1F7C7C;
	color: #FFF;
	font-weight: bold;
	border: #009999 2px solid;
	margin: 0px 0px 10px 0px;
}
.greenbox a{color:#FFF;}
.greenwordliststab{
	width: calc(50% - 18px); padding:4px 4px 4px 6px; border-radius:6px; float:left; margin:0 6px 6px 0;
	background-color:#1F7C7C;
	color:#FFF;
	font-weight: bold;
}
.greenwordliststab a{color:#FFF;}
.whiteboxnoborder{
	margin : 0px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	border: 0px;
	background-color:#F4F4F4;
	/*border-top:#006699 2px solid;*/
	border-radius: 10px;
}
.whiteboxgreyborder{
	margin : 0px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	border: 0px;
	background-color:#F4F4F4;
	/*border:#DDDDDD 2px solid;*/
	border-radius: 10px;
}

.multibox50{
	margin : 0px 0px 25px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	background-color:#E7F5F5;
	border:#009999 2px solid;
	/*border-top:#006699 2px solid;*/
	border-radius: 10px; width:48%; float:left;}
.multibox50style{
	margin : 0px 0px 25px 0px;
	background-color:#E7F5F5;
	border:#009999 2px solid;
	border-radius: 10px;
	
}
.multigreenboxtop{
	background-color:#288;
	padding: 5px 14px 8px 10px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	color:#FFF;
	font-size: 124%;
	}
.multiboxwhitebottom{
padding: 8px 10px 0px 10px;
}
.firstmessage{
	margin : 0px 0px 5px 0px;
	padding: 10px 10px 10px 10px;
	background-color:#B9E9FF;
	/*border:#069 2px solid;*/
	border-radius: 10px;
	}
.studentresponse{
	margin : 0px 0px 5px 0px;
	padding: 10px 10px 10px 10px;
	background-color:#F4F4F4;
	/*border:#E03C08 2px solid;*/
	border-radius: 10px;
	}
.teacherresponse{
	margin : 0px 0px 5px 0px;
	padding: 10px 10px 10px 10px;
	background-color:#F4F4F4;
	/*border:#069 2px solid;*/
	border-radius: 10px;
	}	
#columncontent {position: relative;
	width: 750px;
	padding: 15px 15px 5px 15px;
	margin: 0px;
	border: 0px;
	float: left;
	z-index: 4;
	min-height:550px;
	line-height:160%;background-color: #FFFFFF;}
#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:980px; z-index:7;}
#halfcolumn{width:470px; padding:0px 20px 0px 0px; float:left;}
.leftcolumn{width:48%; padding:0px 0px 20px 0px; float:left;}
.rightcolumn{width:48%; padding:0px 0px 20px 0px; float:right;}
.leftcolumn50{width:50%; padding:0px 0px 20px 0px; float:left;}
.rightcolumn50{width:50%; padding:0px 0px 20px 0px; float:right;}
#sharecontent {position: relative;
	width: 750px;
	padding: 0px 15px 5px 15px;
	margin: 0px;
	border: 0px;
	float: left;
	z-index: 4;
	line-height:160%;background-color: #FFFFFF;text-align:right;}
#sharecontent a{ 
	padding: 2px 0px 0px 5px;
	float:right;}
#share { width: 340px; 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: #007F80;
	text-decoration: none;
	font-weight: bold;
	
}

a:hover, a:focus, a:active {
	color: #666;
	text-decoration: none;
	font-weight: bold;	
}

a#navfoot1, a#navfoot2{ display:none;}

a#nav9{
padding-left:26px;
	padding-right:26px;
}

body#page1 a#nav1,
body#page7 a#nav7,
body#page10 a#nav10,
body#page11 a#nav11,
body#what a#what,
body#pagesignup a#signup{
	/*color: #333;*/ background-color:#288; color:#FFF;border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

body#learn0 a#learn0,
body#learn1 a#learn1,
body#learn2 a#learn2,
body#learn3 a#learn3,
body#learn4 a#learn4,
body#learn5 a#learn5,
body#learn6 a#learn6,
body#learn7 a#learn7,
body#learn8 a#learn8,
body#learn9 a#learn9
{color: #CCC;}

body#page5 a#nav5,
body#page6 a#nav6,
body#page8 a#nav8,
body#page41 a#nav2,
body#page42 a#nav2,
body#page43 a#nav2,
body#page44 a#nav2,
body#page45 a#nav2,
body#page46 a#nav2,
body#page47 a#nav2,
body#page48 a#nav2{
	color: #333;
}


body#page41 a#subnav1,
body#page42 a#subnav2,
body#page43 a#subnav3,
body#page44 a#subnav4,
body#page45 a#subnav5,
body#page46 a#subnav6,
body#page47 a#subnav7,
body#page48 a#subnav8{
	color: #666;}

body#page1 a#nav1,
body#words0 a#nav9,
body#words1 a#nav9,
body#words2 a#nav9,
body#words3 a#nav9,
body#words4 a#nav9,
body#words5 a#nav9,
body#words6 a#nav9,
body#words7 a#nav9,
body#words8 a#nav9,
body#words9 a#nav9,
body#page9 a#nav9{ background-color:#288; color:#FFF;border-top-right-radius: 8px;
	border-top-left-radius: 8px;}

body#words0 a#nav9:hover,
body#words1 a#nav9:hover,
body#words2 a#nav9:hover,
body#words3 a#nav9:hover,
body#words4 a#nav9:hover,
body#words5 a#nav9:hover,
body#words6 a#nav9:hover,
body#words7 a#nav9:hover,
body#words8 a#nav9:hover,
body#words9 a#nav9:hover,
body#page9 a#nav9:hover{ background-color:#288; color:#FFF;}



body#admin1 a#nav3,
body#admin2 a#nav3,
body#admin3 a#nav3,
body#admin4 a#nav3,
body#admin5 a#nav3,
body#admin6 a#nav3,
body#admin7 a#nav3,
body#admin8 a#nav3,
body#admin9 a#nav3,
body#page3 a#nav3
{background-color:#069; color:#FFF;border-top-right-radius: 8px;
	border-top-left-radius: 8px;}
	

	
/*a:hover a#nav3
{background-color:#069; color:#FFF;border-top-right-radius: 8px;
	border-top-left-radius: 8px;}*/



/*a#admin3 {
	color: #DDD;
}*/




body#my a#nav4,
body#my1 a#nav4,
body#my2 a#nav4,
body#my3 a#nav4,
body#my4 a#nav4,
body#my5 a#nav4,
body#my6 a#nav4,
body#my7 a#nav4,
body#my8 a#nav4,
body#my9 a#nav4,
body#page4 a#nav4
{background-color:#E03C08; color:#FFF;border-top-right-radius: 8px;
	border-top-left-radius: 8px;}
	
/*body#page4 a#nav4,*/
body#my1 a#admin1,
body#my2 a#admin1,
body#my3 a#admin1,
body#my4 a#admin1,
body#my5 a#admin1,
body#my6 a#admin1,
body#my7 a#admin1,
body#my8 a#admin1,
body#my9 a#admin1
{color: #CCC;}

body#my1 a#my1,
body#my2 a#my2,
body#my3 a#my3,
body#my4 a#my4,
body#my5 a#my5,
body#my6 a#my6,
body#my7 a#my7,
body#my8 a#my8,
body#my9 a#my9,
body#my a#my
{color: #CCC;}

/*body#page3 a#nav3,*/
body#admin1 a#admin1,
body#admin2 a#admin2,
body#admin3 a#admin3,
body#admin4 a#admin4,
body#admin5 a#admin5,
body#admin6 a#admin6,
body#admin7 a#admin7,
body#admin8 a#admin8,
body#admin9 a#admin9
{color: #CCC; }

/*body#page7 a#nav7,
body#page9 a#nav9,*/
body#words1 a#words1,
body#words2 a#words2,
body#words3 a#words3,
body#words4 a#words4,
body#words5 a#words5,
body#words6 a#words6,
body#words7 a#words7,
body#words8 a#words8,
body#words9 a#words9
{color: #CCC;}
	
ul{padding: 5px 0px 15px 0px;margin : 0px 0px 0px 20px;}
li{padding: 5px 0px 5px 0px;margin : 0px 0px 0px 0px;}
i{
	font-weight : bold;
	color: #AC3E0F;
}
h1 i, h2 i, h3 i, h4 i{font-weight : normal;}
p{margin : 0px 0px 0px 0px;
	padding: 5px 0px 15px 0px;
		border: 0px 0px 0px 0px; line-height:160%;}
h1 {
	letter-spacing: normal;
	font-weight: normal;
	font-size: 150%;
	margin : 0px 0px 0px 0px;
	padding: 5px 0px 15px 0px;
	border: 0px 0px 0px 0px;
	color: #077;
	font-family: "Arial Rounded MT Bold", Arial;
}
h2 {letter-spacing: normal;
	font-weight: normal;
	font-size: 138%;
	margin : 5px 0px 0px 0px;
	padding: 5px 0px 15px 0px;
	border: 0px 0px 0px 0px;
	font-family: "Arial Rounded MT Bold", Arial;
	color: #077;
}
h3 {font-weight: normal;
letter-spacing: normal;
	font-size: 124%;
	margin : 0px 0px 0px 0px;
	padding: 5px 0px 15px 0px;
		border: 0px 0px 0px 0px;font-family: "Arial Rounded MT Bold", Arial; color: #666;}
h4 {font-weight: normal;
letter-spacing: normal;
	font-size: 110%;
	margin : 0px 0px 0px 0px;
	padding: 5px 0px 15px 0px;
		border: 0px 0px 0px 0px;
		font-family: "Arial Rounded MT Bold", Arial; color: #666;}
h2 i{
  margin-left: -1.5px; 
  margin-right: 1.5px;
}

i{
  margin-left: -0.5px; 
  margin-right: 0.5px;
}

h3 i {display: inline-block;
  margin-left: -1px; 
  margin-right: 1px;
  transform: translateY(-1px);
}
a, img {
    border: 0;
}
.myspellzonetitle{ color:#E03C08;}
.admintitle{color:#069;}
.orange{
	color: #DD5800;
}
.grey{color:#666;}
.green{color:#099;}
.purple{color:#606;}
.red{color: #FF0000;}

 a.grey{color:#666;}
 a.green{color:#099;}

input, select, textarea, button {moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*height: 24px;*/
    /*width: 90%;*/
    font-family: inherit; font-size: inherit;
    line-height: 16px;
    /*color: #000;
    background-color: #fff;
    font-weight: 300;*/
    padding: 3px 4px 3px 5px;
    margin: 3px 0px 3px 0px;
    border: 1px #999 solid;
    outline: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
	
.form-narrow{padding-left:0px;padding-right:0px;}

label{padding: 6px 0px 3px 0px; margin: 6px 0px 3px 0px;}
.learntitleh3 {font-weight: normal;
	font-size: 124%;font-family: "Arial Rounded MT Bold", Arial; color: #DD5800; line-height: 180%;}
.teachtitleh3 {font-weight: normal;
	font-size: 124%;font-family: "Arial Rounded MT Bold", Arial; color: #606; line-height: 180%;}
.titleh3 {font-weight: normal;
letter-spacing: normal;
	font-size: 124%;
	margin : 0px 0px 0px 0px;
	padding: 5px 0px 15px 0px;
		border: 0px 0px 0px 0px;font-family: "Arial Rounded MT Bold", Arial; color: #666;}
.titleh2 {letter-spacing: normal;
	font-weight: normal;
	font-size: 138%;
	margin : 5px 0px 0px 0px;
	padding: 5px 0px 15px 0px;
	border: 0px 0px 0px 0px;
	font-family: "Arial Rounded MT Bold", Arial;
	color: #099;}	
.title2green {font-weight: normal;
	font-size: 110%;
		margin : 5px 0px 0px 0px;
	padding: 5px 0px 15px 0px;
		border: 0px 0px 0px 0px;font-family: "Arial Rounded MT Bold", Arial; color: #099;}
#dic {/*font-weight: bold;*/
	font-size: 180%;
	margin : 0px 0px 0px 0px;
	padding: 11px 0px 0px 0px;
		border: 0px 0px 0px 0px; float:left;}
#hometitle h1{
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	border: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 100%;
}
#dictrans {font-weight: bold;
	font-size: 150%;
	margin : 12px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
		border: 0px 0px 0px 0px;}
.courseactivity{color:#5B71B9; font-size:105%; font-weight:bold; font-family: "Arial Rounded MT Bold";}
.courseactivitysmall{color:#5B71B9; font-size:72%; font-weight:bold;}
.quiz_table {empty-cells:show;}
.quiz_table td{
	padding: 6px 1px 6px 6px;
	
}
/*.quiz_table_odd th{ border-radius:5px;}*/
.quiz_table_odd td{
	padding: 6px 1px 6px 6px;
	background-color:#E9F3F1;
}
.quiz_table_odd td a {
	color: #006262;
}
.quiz_table_odd_pathway td{
	background-color:#F6F6F6;
	padding: 6px 1px 6px 6px;
}
.quiz_table_lgrey td{
	background-color:#EEE;
	padding: 6px 1px 6px 6px;
}
.quiz_table_odd_lgrey td{
	padding: 6px 1px 6px 6px;
	background-color:#DDD;
}
.quiz_table_online td{
	padding: 6px 1px 6px 6px;
	background-color:#D5EED9;
}
.quiz_table_grey td{color:#999999;padding: 6px 1px 6px 6px;}
.quiz_table_odd_grey td{background-color:#999999;padding: 6px 1px 6px 6px;}

.quiz_table_green td{background-color:#33CC00;color:#FFFFFF;padding: 6px 4px 6px 6px;}
.quiz_table_amber td{background-color:#FFCC00;color:#FFFFFF;padding: 6px 4px 6px 6px;}
.quiz_table_red td{background-color:#FF0000;color:#FFFFFF;padding: 6px 4px 6px 6px;}

.currentunit td{
	padding: 6px 3px 6px 6px;
	background-color: #CBE4B1;
}
.featuresheader td{
	padding: 6px 3px 6px 6px;
	background-color: #288;
	color:#FFF;
	font-weight:bold;
}

.currentunit td:first-child, 
.featuresheader td:first-child,
.quiz_table_odd td:first-child, 
.quiz_table_lgrey td:first-child, 
.quiz_table_odd_lgrey td:first-child, 
.quiz_table_grey td:first-child, 
.quiz_table_odd_grey td:first-child{ border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.currentunit td:last-child,
.featuresheader td:last-child,  
.quiz_table_odd td:last-child, 
.quiz_table_lgrey td:last-child, 
.quiz_table_odd_lgrey td:last-child, 
.quiz_table_grey td:last-child, 
.quiz_table_odd_grey td:last-child{ border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

.students_table td{
	padding: 2px 1px 2px 3px;
	
}
.students_table_odd td{
	padding: 2px 1px 2px 3px;
	background-color:#E6F1F7;
}

.students_table_grey td{background-color:#DDD;
	padding: 2px 1px 2px 3px;	
}
.students_table_dgrey td{background-color:#999;
	padding: 2px 1px 2px 3px;	
}
.students_table_odd_grey td{
	padding: 2px 1px 2px 3px;
	background-color:#BBB;
}

a.altlinks{
	color: #1F7C7C;
}
a.altlinksodd{color:#666;}

.small {font-size: 88%;line-height:140%;letter-spacing: normal;}
.smallcolor {font-size: 88%;line-height:140%;}
.macron {/*font-size: 120%;*/font-weight: bold;}
.smallprint { font-size: 88%; font-style: normal; font-weight: normal;letter-spacing: normal;}

.background1{ background-color:#FFFFFF;}
.background2{background-color:#E4E4E4;}
.background3{background-color:#D3D3D3;}
.background4{ background-color:#BBBBBB;}
.background5{background-color:#7EA9A9;}
.background6{background-color:#099;}
.background7{ background-color:#666666;}
.background8{ background-color:#333333;}
.background9{ background-color:#000000;}
.background11{ background-color:#FFFFCC;}
.background12{background-color:#FFFF91;}
.background13{background-color:#DDF;}
.background14{background-color:#BBF;}
.background15{background-color:#A6A6FF;}
.background16{background-color:#808000;}
.background17{background-color:#0000DF;}
.background18{background-color:#710000;}
.background19{background-color:#006;}
.background20{background-color:#FAF;}
.background21{background-color:#F0F;}
.background22{background-color:#9C3;}
.background23{background-color:#0FF;}
.background24{background-color:#3CC;}
.background25{background-color:#F99;}
.background26{background-color:#F60;}
.background27{background-color:#93F;}
.background10{background-color:#C00;}

.text1{background-color:#CCC;}
.text2{background-color:#AAA;}
.text3{background-color:#9C3;}
.text4{background-color:#0FF;}
.text5{background-color:#3CC;}
.text6{background-color:#066;}
.text7{ background-color:#666;}
.text8{ background-color:#333;}
.text9{ background-color:#111111;}
.text11{background-color:#FF0;}
.text12{background-color:#F99;}
.text13{background-color:#F0F;}
.text14{background-color:#F60;}
.text15{background-color:#99F;}
.text16{background-color:#93F;}
.text17{background-color:#C00;}
.text18{background-color:#30C;}
.text19{background-color:#306;}
.text20{background-color:#00F;}
.text21{background-color:#0E0;}
.text22{background-color:#9F0;}
.text23{background-color:#F00;}
.text24{background-color:#E4E4E4;}
.text25{ background-color:#BBBBBB;}
.text26{background-color:#DDF;}
.text27{background-color:#BBF;}
.text10{background-color:#710000;}

.size1{ font-size:100%;}
.size2{ font-size:120%;}
.size3{ font-size:135%;}
.size4{ font-size:155%;}
.font1{font-family: Arial, Verdana, Helvetica, sans-serif;}
.font2{font-family: opendyslexic; font-size:84%;}
.font3{font-family: "Times New Roman", Times, serif;}
.font4{font-family: Verdana, Geneva, sans-serif; font-size:90%;}
.font5{font-family: Arial, Verdana, Geneva; font-size:90%;}
.font6{
	font-family: "Comic Sans MS", cursive;
	font-size:90%;
}
.font7{font-family: Tahoma, Verdana, Geneva, sans-serif; font-size:90%;}
.linkgrey{color: #999;}
.linkgrey a{
	color:#999;
}
.linkgrey a:hover {color :#999;}
.linkgrey i {color :#BBBBBB;}
pre {
	display: block;
	border: #000 solid 1px;
	overflow: auto;
	max-height: 340px;
	font-size: 12px;
	width: 685px;
	padding: 5px 10px 10px 10px;
	background: #E0E0E0;
	white-space: -moz-pre-wrap;  /* Firefox */
	white-space: -pre-wrap;      /* Older Opera 4 - 6 */
	white-space: -o-pre-wrap;    /* Opera 7+ */
	word-wrap: break-word;       /* IE 5.5+ and Safari */
	white-space: pre-wrap;       /* css-3 problematic browser support */

}

.resultsmenu {
	margin : 0px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	border: 0px;
	background-color:#F5E7E2;
	/*border:#EA4109 2px solid;*/
	/*border-top:#006699 2px solid;*/
	border-radius: 10px;
	line-height: 300%;
}
.resultsmenu a{color:#333;}
.resultsmenuselect {
	margin : 0px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	border: 0px;
	background-color:#EA4109;
	/*border:#EA4109 2px solid;*/
	/*border-top:#006699 2px solid;*/
	border-radius: 10px;
	line-height: 300%;
}
.resultsmenuselect a{color:#FFF;}
.adminmenu {
	margin : 0px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	border: 0px;
	background-color:#E7F5F5;
	/*border:#288 2px solid;*/
	/*border-top:#006699 2px solid;*/
	border-radius: 10px;
	line-height: 300%;}
.adminmenuselect {
	margin : 0px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	border: 0px;
	background-color:#288;
	/*border:#288 2px solid;*/
	/*border-top:#006699 2px solid;*/
	border-radius: 10px;
	line-height: 300%;}
.adminmenuselect a{color:#FFF;}
.listmenu {
	position:relative;
	float:left;
	margin : 0px 10px 15px 0px;
	padding: 4px 0px 4px 5px;
	border: 0px;
	background-color:#E7F5F5;
	border:#288 2px solid;
	border-radius: 10px;
	width: 102px;
	font-weight:bold;
	/*font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;*/
	}
.listmenuselect{
	position:relative;
	float:left;
	margin : 0px 10px 15px 0px;
	padding: 4px 0px 4px 5px;
	border:#288 2px solid;
	border-radius: 10px;
	width: 102px;
background-color:#DDD;
border:#666 2px solid;
font-weight:bold;
color:#333;
/*font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:14px;*/
}
.listmenu1{border: #288 solid 2px;}
.listmenu2{border: #EFAD11 solid 2px;}
.listmenu3{border: #009999 solid 2px;}
.listmenu4{border: #636995 solid 2px;}
.listmenu5{border: #CC0000 solid 2px;}
.listmenu6{border: #EF721A solid 2px;}
.listmenu:hover{background-color:#BBE3E3;}
.listmenuselect:hover{background-color:#CCC;}

.contentmenu {
	margin : 0px 0px 10px 0px;
	padding: 5px 0px 5px 2px;
	border: 0px;
	background-color:#E7F5F5;}
.coursesections {
	margin : 0px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	border: 0px;
	background-color:#E7F5F5;
	border:#288 2px solid;
	/*border-top:#006699 2px solid;*/
	border-radius: 10px;
	line-height: 100%;}

.quizinput::-ms-clear {
            display: none;
    }
.greenformbutton{font-family: 'Arial Rounded MT Bold', Arial; font-weight: normal;font-size: 100%; background-color: #099; padding: 6px 6px 6px 6px; color:#FFF;border:0px; cursor:pointer; border-radius: 5px;}	

.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;
}
#bottom_advert{padding:10px 0px 10px 0px; visibility : visible;clear:both; text-align:center; width:728px; font-size:70%;}
#side_advert{padding:20px 0px 10px 0px; visibility : visible; clear:both; font-size:70%; text-align:right;}
#mobile_advert{padding:20px 0px 10px 0px; visibility : hidden; display:none; text-align:center; width:320px; font-size:70%;}
.highlightbox{background-color:#009999;padding: 10px 10px 10px 10px; color:#FFF;}

/* modal code */
.PopupDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/*background: rgba(0,0,0,0.8);
	background-color:#4cc;*/
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
	background-image:url(../images/starter/activities/popup-background.png);
	background-repeat:repeat-y;
	background-position:center top;
}
.PopupDialog:target {
	opacity:1;
	pointer-events: auto;
}

/*.PopupDialog:target .word1{
	opacity:0;font-size: 140%;
	pointer-events: auto;
}*/

.PopupDialog > div {
	width: 520px; height:280px;
	position: relative;
	margin: 10% auto;
	padding: 10px 10px 10px 10px;
	border-radius: 10px;
	
	
	background: #fff;
	/*background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);*/
}

.close {
	color: #FFF;
	line-height: 25px;
	text-align: center;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	border-radius: 12px;
	box-shadow: 8px 8px 16px #000;
	z-index: 109;
	position: absolute;
	right: -26px; top: -26px;
}
/*.close:link, .close:visited{
	color: #FFFFFF;
	background-color: #F60;	
}
.close:hover, .close:focus, .close:active {
	background-color: #DF5900;
	color: #FFFFFF;
}*/
.fullscreen {position: absolute;
	color: #FFF;
	line-height: 25px;
	text-align: center;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	box-shadow: 8px 8px 16px #000;
	z-index: 109;
	right: -26px; top: 530px;
	font-size:18px;
	border-radius: 12px;
}

@media (pointer: coarse) {
.fullscreen {
	line-height: 30px;
	width: 30px;
	right: -40px; top: 520px;
	font-size:20px;
	border-radius: 15px;}
.close {
	line-height: 30px;
	width: 30px;
	right: -40px; top: -40px;
	font-size:20px;
	border-radius: 15px;
}	
}

.fullscreen:link, .minimisescreen:link, .close:link, .close:visited{color: #FFFFFF;
	background-color: #F60;	}
.minimisescreen {position:fixed; right: 20px; bottom: 20px;
	color: #FFF;
	line-height: 25px;
	text-align: center;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 8px 8px 16px #000;
	z-index: 109;
	display:none;
	font-size:18px;
	border-radius: 12px;
}
#orientationwarning{display:none; position:fixed; top: 50%;
      left: 50%; width: 200px; height:120px; border-radius: 10px;
	z-index: 101;
	background-color: #FFF; margin-top: -110px;
      margin-left: -110px; padding: 10px;box-shadow: 5px 5px 10px #000;}
	  
#newstarter{background-image: url(../images/home/new_starter_box.jpg);
	background-repeat:no-repeat;
	background-position:top right; position:relative; padding: 120px 10px 10px 120px; width: 100%;}
	
.gameadvert{position: absolute;
	height: 90px;
	width: 100%;
	z-index: 109;
	margin-left: auto;
	margin-right: auto; display: block; top: 580px;  text-align:center;
}
.gameadvertinner{display: block;
  margin-left: auto;
  margin-right: auto;
  height: 90px;
	width: 730px;}
.gameadvertinner a{color:#CCC;}
	
/* modal code */
#Cover1, #Cover2{
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 98;
	width:100%; height: 150%; display:none;
	/*background-image:url(../images/starter/activities/popup-background2.png);*/
	background-color: #366;
	background-repeat:repeat-y;
	background-position:center top;
	 /**/
}
#Cover3{
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 98;
	width:100%; height: 100%; display:none;
	/*background-image:url(../images/starter/activities/popup-background2.png);*/
	background-color: #366;
	background-repeat:repeat-y;
	background-position:center top;
	 /**/
}
.colorbackground{position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;background-color: #366; /*opacity:0.9;*/}
.blurbackground{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/*-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px) ;
	transform: translateZ(0); 
  will-change: transform;*/
	/*animation: fadein linear 1s forwards;*/
	/*will-change: transform;*/
	}
/*@keyframes fadein {
   0% {  -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px);  }
  100% { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(15px); }
}*/
.hidecontent{}
.Popup {
	width: 520px; height:340px;
	position: relative;
	margin: 10% auto;
	padding: 10px 10px 10px 10px;
	border-radius: 10px;
	z-index: 99;
	background-color: #099;
	box-shadow: 5px 5px 10px #000;
}
.LSCWCPopup {
	width: 680px; height:400px; /*max-height:80%;*/
	position: relative;
	margin: 10% auto;
	padding: 10px 10px 10px 10px;
	border-radius: 10px;
	background-color: #666;
	z-index: 99;
	box-shadow: 5px 5px 10px #000; 
}

.GamePopup {
	/*width: 680px; height:400px;*/
	width: 780px; height:440px; /*max-height:80%;*/
	position: relative;
	margin: 10% auto;
	padding: 10px 10px 10px 10px;
	border-radius: 10px;	
	z-index: 99;
	background-color: #099;
	box-shadow: 5px 5px 10px #000;
	/*transform: scale(1.2);
	transform-origin: 0 0;*/
}
.GamePopupLarge {
	/*width: 680px; height:400px;*/
	width: 900px; height:510px; /*max-height:80%;*/
	position: fixed;
	top: 50%;
    left: 50%;
	margin-top: -265px;
    margin-left: -460px;
	padding: 10px 10px 10px 10px;
	border-radius: 10px;	
	z-index: 99;
	background-color: #099;
	box-shadow: 5px 5px 10px #000;
	/*transform: scale(1.2);
	transform-origin: 0 0;*/
}
/*#GameBackground{transform: translateZ(0);
	will-change: transform;}*/
/*@media (max-height: 660px){ .GamePopupLarge {margin: 4% auto;} }*/
.GamePopupFullScreen {position: fixed; top:0px; left:0px;
width: 100%; height:100%; overflow:hidden;
	padding: 0;
	margin: 0;
	border-radius: 0px;
	z-index: 99;
}

.closeFullScreen {position:fixed; right: 30px; top: 30px;}
/*@media (min-width: 1201px) {
.GamePopupFullScreen {
	width: 78%; height:100%;
transform: scale(1.3);
}
}

@media (min-width: 1501px) {
.GamePopupFullScreen {
	width: 69%; height:100%;
transform: scale(1.5);
}
}*/

.ProfilePopup {
	width: 500px; height:600px; 
	position: fixed;
	top: 50%;
    left: 50%;
	margin-top: -330px;
    margin-left: -250px;
	padding: 10px 10px 10px 10px;
	border-radius: 10px;	
	z-index: 99;
	background-color: #099;
	box-shadow: 5px 5px 10px #000;
	display:none;
}

.profileleft{
	float:left; width:280px; min-height:190px;
}
.profileavatar{
	border-radius:5px; float:right; width:180px;
}
.noprofileavatar{display: block;}

.ListPopup {
	width: 680px; height:600px; max-height:85%;
	position: relative;
	margin: 5% auto;
	padding: 10px 10px 10px 10px;
	border-radius: 10px;	
	z-index: 99;
	background-color: #099;
	box-shadow: 5px 5px 10px #000;
}
#wordlist-popup-wrapper{padding:10px 10px 10px 10px; width: calc(100% - 20px);}
/*#activityframediv{z-index: 100;}*/
@media (max-height: 560px) {
.Popup, .LSCWCPopup, .GamePopup, .ListPopup{margin: 30px auto;}	
}
/* tablets standard iPad size screen default to full screen 
@media (pointer: coarse) AND (width: 1024px) {
.GamePopupLarge {
position: fixed; top:0px; left:0px; margin: 0px;padding: 0px 0px 0px 0px;width: 1024px; height:768px; overflow:hidden;border-radius: 0px;	
}
.close:link, .close:visited, .close:hover, .close:focus, .close:active{right: 25px;top: 25px;}
}*/
/* larger tablets  default to full screen 
@media (pointer: coarse) AND (min-width: 1024px) AND (max-width: 1300px) {

}*/
/*(min-width: 981px) AND (min-height: 421px) AND */
@media (pointer: coarse) {	
@media (max-width: 1300px) AND (max-height: 1300px) AND (min-width: 980px) AND (min-height: 500px){
.Popup, .LSCWCPopup, .GamePopup, .ListPopup{
	position: fixed;
	width: 77%; height:100%;
	padding: 0;
	margin: 0;
	border-radius: 0px;
	transform: scale(1.3);
	transform-origin: 0 0;
	}
/*.ListPopup{
	position: fixed;
	width: 100%; height:100%;
	padding: 0;
	margin: 0;
	border-radius: 0px;
	}	
.close:link, .close:visited, .close:hover, .close:focus, .close:active{right: 15px;top: 14px;}*/

.GamePopupLarge {
position: fixed; top:0px; left:0px; margin: 0px;padding: 0px 0px 0px 0px;width: 100%; height:100%; overflow:hidden;border-radius: 0px;
}
.close:link, .close:visited, .close:hover, .close:focus, .close:active{right: 25px;top: 25px;}

}}
@media (pointer: fine) {
@media (min-width: 900px) AND (min-height: 600px){
.GamePopup{
	/*transform: scale(1.2);
	margin: 10% auto;*/
	}
}
/*@media (min-width: 1025px) AND (min-height: 641px){
.GamePopup{
	transform: scale(1.3);
	margin: 10% auto;
	}
}*/
}
/*@media (max-width: 940px) AND (max-height: 940px) {
.Popup, .LSCWCPopup, .GamePopup, .ListPopup{
	width: 84%; height:100%;
	transform: scale(1.2);
	}	
}*/

.GameMultiAdd{height:480px;}
.blurlayer{position: absolute; width:100%; left:0; top:0; bottom:0; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); z-index:6; background-color:#FFF;} 
@-moz-document url-prefix() {
.blurlayer{background-color:#FFF;	}
}
#activities-box{padding: 5px 0px 20px 10px; margin: 30px 0px 0px 20px; background-color:#E7F5F5;}
.activities-inner-left{width:30px; float:left; clear:both; text-align:center;padding: 10px 0px 0px 0px;}
.activities-inner-right{float:left; padding: 10px 0px 0px 10px;}
.spelling_table {background-color:#F1F1F1; padding:6px;/*background-color:#E7F5F5;*/ border-radius:5px;}
.spelling_table td{padding:6px;}
.spelling_table_green{
	background-color:#9DFF3C; padding:6px;
}
.spelling_table_grey{
	background-color:#E9E9E9;
	padding:6px;
	border-radius:5px;
}
.spelling_table_grey td{padding:6px;}

/*.spelling_table_grey tr:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.spelling_table_grey tr:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}*/

/* games */
#gameholder{width:750px;height:480px;}
#countdown{font-size: 60px; padding-top:40px; text-shadow: 4px 4px 8px #333;}
	
/* lscwc width:320px; */
#lscwcbackground{
	/*background-image:url(../images/lscwc/lscwc_bg.gif);
	background-position:top left;*/
	border:#EFAD11 4px solid;
	border-radius: 15px;
	padding: 20px 0px 10px 10px;
	max-width: 730px;
	min-width: 310px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	 z-index:19;
	 min-height: 330px; display: block;
	 position: relative;
}
#lscwcBackgroundFrame{padding:10px 0px 10px 10px; /*background-image:url(../images/lscwc/lscwc_bg.gif);*/ width:100%; height:150%; min-height: 1000px;background-color:#999;display: block;}
#lscwcBackgroundFrame h1{ color:#666;}
#lscwccontent{position:relative; float:left;width:345px; height: 300px; padding: 0px 0px 10px 10px; /*background-color:#FFF; opacity: 0.95; border-radius:10px;*/ margin: 0px 10px 10px 0px; z-index:21; overflow:hidden;}
#lscwccontent a{ color:#333; text-decoration:underline;}
#lscwcbackgroundimage{position:absolute; float:left;width:230px; left:153px; z-index:22; padding-top:0px;
animation-name: robotfloat; animation-iteration-count: 500; animation-duration: 7s; pointer-events:none; height:300px; overflow:hidden; }
@keyframes robotfloat {
	0%  { transform: translateY(0px);animation-timing-function: ease-in-out;}
	50%   {transform: translateY(10px);animation-timing-function: ease-in-out;}
    100%  {transform: translateY(0px);}	
}
#lscwcresults{
	position:relative;
	float:left;
	width:320px;
	padding: 5px 5px 5px 5px;
	height: 310px;
	background-color:#E3EFF2;
	/*opacity: 0.9;*/
	border-radius:10px;
}
#starttext{
	padding:5px; width: 100%;text-align:left;
}
.lscwcbutton{
	font-family: 'Arial Rounded MT Bold', Arial;
	font-weight: normal;
	font-size: 100%;
	background-color: #C43628;
	padding: 6px 12px 6px 12px;
	color:#FFF;
	cursor:pointer;
	border-radius: 5px;
}	
.lscwcgreenbutton{
	font-family: 'Arial Rounded MT Bold', Arial;
	font-weight: normal;
	font-size: 100%;
	background-color: #090;
	padding: 6px 12px 6px 12px;
	color:#FFF;
	cursor:pointer;
	border-radius: 5px;
}
.tickform{
	background-image:url(../images/tick.png);
	background-position: 114px 6px;
	background-repeat:no-repeat;
	padding-right:14px;
	background-color:#C7E2C9;
}
.crossform{
	background-image:url(../images/cross.png);
	background-position: 114px 6px;
	background-repeat:no-repeat;
	padding-right:14px;
	background-color:#F3CBC7;
}
.resultscolumn{width:150px; float:left;}
.resultscolumnlarge{width:180px; float:left;}
.resultscolumnleft{width:145px; float:left;}
.resultscolumnright{width:145px; float:right; padding-right:5px;}
.resultsword{display:none;width:100%;height:24px; padding-left:6px; color:#333;}

/* listen and spell */
#lasBackground{
	background-image:url(../images/listen-spell/listen_spell_bg_2023.gif);
	min-height:350px;
	background-position:top left; background-repeat:repeat-x;
	border:#636995 4px solid;
	border-radius: 15px;
	padding: 20px 0px 10px 10px;
	max-width: 730px;
	min-width: 310px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
}
#lasBackgroundFrame{padding:10px 10px 10px 10px; background-image:url(../images/listen-spell/listen_spell_bg.gif); width:100%; height:150%; min-height: 800px;}
#lasBackgroundFrame h1{ color:#B1211C;}
#listencontent{position:relative; float:left;width:300px; height: 280px; padding: 10px 0px 10px 0px; /*background-color:#FFF; opacity: 0.9;*/ border-radius:10px; margin: 0px 10px 10px 0px;}
.listensentence{width:calc(100%-110px); padding: 0px 0px 10px 100px; /*background-color:#FFF; opacity: 0.95;*/ border-radius:10px; margin: 0px 10px 0px 0px; min-height:16px;}
#listenresults{position:relative; float:left;width:340px; padding: 10px 0px 10px 10px; height: 240px; /*background-color:#FFF; opacity: 0.9;*/ border-radius:10px;}
#listenfigure{position:absolute; float:left;width:140px; left:-10px; top:-34px;}
.listenbutton{
	font-family: 'Arial Rounded MT Bold', Arial;
	font-weight: normal;
	font-size: 100%;
	background-color: #090;
	padding: 6px 6px 6px 6px;
	color:#FFF;
	cursor:pointer;
	border-radius: 5px;
}	

/*      Against the clock      */
#timerdiv{clear:both; text-align:right; padding: 5px 10px 0px 0px;}

/* ability test */
#ability-background{
	background-image:url(../images/ability-test/abilitytest_bg.gif);
	margin : 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	border: 0px;
	border:#68CECE 4px solid;
	border-radius: 10px;
 }
.testcontent {position:absolute; width:250px; left:220px; background-color:#FFF; min-height:240px; padding:5px 5px 0px 20px; z-index:9; border:#3B254A 6px solid;box-shadow: 5px 5px 10px #333;background-color:#C9F3FC;}
.testleftcolumn {position:absolute; width:200px; z-index:10;}
.scientist-female { width:171px; height:300px;}
.scientist-male {width:220px; height:300px;}
#testboard{background-color:#FFF; min-height: 360px; max-width:480px;border:#3B254A 2px solid; border-radius: 10px; padding:10px 20px 10px 20px;}

/* contents page */
.contents-inner{display:none; padding:15px 0px 10px 5px;}
/*.contents-inner a{ color:#333; font-weight:normal;}*/
.EngCurr1{color:#0070C0;font-weight:bold;}
.EngCurr2{color:#E36C09;font-weight:bold;}
.EngCurr3-4{color:#7030A0;font-weight:bold;}
.EngCurr5-6{color:#9A009A;font-weight:bold;}

.EngCurrback1{background-color:#0070C0;font-weight:bold; color:#FFF;}
.EngCurrback2{background-color:#E36C09;font-weight:bold; color:#FFF;}
.EngCurrback3-4{background-color:#7030A0;font-weight:bold; color:#FFF;}
.EngCurrback5-6{background-color:#9A009A;font-weight:bold; color:#FFF;}

.EngCurrCourseback1 td{background-color:#D5EDFF;padding: 6px 1px 6px 6px;}
.EngCurrCourseback2 td{background-color:#FDDABD;padding: 6px 1px 6px 6px;}
.EngCurrCourseback3-4 td{background-color:#E3D1F1;padding: 6px 1px 6px 6px;}
.EngCurrCourseback5-6 td{
	background-color:#F8DEFE;
	padding: 6px 1px 6px 6px;
}



/* students page - also other user tables */
.period-background{ background-color:#EEEEEE;  }

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animate-flicker {
    animation: flickerAnimation 1s infinite;
}
.animate-flicker-fast {
    animation: flickerAnimation 1s infinite;
}

/* curriculum */

.phase1back{background-color: #0070C0; color:#FFF; 1px solid white; border-top: 1px solid white; font-weight:bold;}
.phase1back a{ text-decoration:underline;}
.phase2back{
	background-color: #E36C09;
	color:#FFF; border-bottom: 1px solid white; border-top: 1px solid white; font-weight:bold;
}
.phase2back a{ text-decoration:underline;}
.phase3back{
	background-color: #7030A0;
	color:#FFF; 1px solid white; border-top: 1px solid white; font-weight:bold;
}
.phase3back a{ text-decoration:underline;}
.phase4back{
	background-color: #9BBB59;
	color:#FFF; 1px solid white; border-top: 1px solid white; font-weight:bold;
}
.phase4back a{ text-decoration:underline;}
.phase5back{
	background-color: #9A009A;
	color:#FFF; 1px solid white; border-top: 1px solid white; font-weight:bold;
}
.phase5back a{ text-decoration:underline;}
.phase6back{
	background-color: #CD003A;
	color:#FFF; 1px solid white; border-top: 1px solid white; font-weight:bold;
}
.phase6back a{ text-decoration:underline;}
.app1back{
	background-color: #205968;
	color:#FFF; 1px solid white; border-top: 1px solid white; font-weight:bold;
}
.app1back a{ text-decoration:underline;}
.app3back{
	background-color: #45828F;
	color:#FFF; 1px solid white; border-top: 1px solid white; font-weight:bold;
}
.app3back a{ text-decoration:underline;}
.phase1title{background-color: #D9EFFF;}
.phase2title{
	background-color: #FDEADA;
}
.phase3title{
	background-color: #E5DFEC;
}
.phase4title{
	background-color: #EBF1DD;
}
.phase5title{
	background-color: #FCF;
}
.phase6title{
	background-color: #FCC;
}
.app1title{
	background-color: #D0E0E3;
}
.app3title{
	background-color: #D0E0E3;
}
.currrcol{
	background-color: #EFEFEF; border-bottom: 1px solid white; border-top: 1px solid white;}

.phase1back a:link, .phase2back a:link, .phase3back a:link, .phase4back a:link, .phase5back a:link, .phase6back a:link, .app1back a:link, .app3back a:link, .phase1back a:visited, .phase2back a:visited, .phase3back a:visited, .phase4back a:visited, .phase5back a:visited, .phase6back a:visited, .app1back a:visited, .app3back a:visited{color:#FFF;}

.phasetop{border-top-left-radius: 10px;border-top-right-radius: 10px; font-weight:normal;}
.phasebottom{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.phaseright{border-bottom-right-radius: 10px;border-top-right-radius: 10px;}

/* 2019 home page styling */
/*#topimageholder{
	position: relative;
	overflow:hidden; width: 100%;
	background-color:#FFF; padding: 0px; margin: 0px;border:0px;height:620px; display: block;
}*/
#hometopimagesection {
	position: relative;
	width: 100%;
	background-color: #DBDEE5;
	clear: both;
	margin: 0px;
	border: 0px;
	display: inline-block;
	overflow:hidden;height:455px;
}
#topimage{width: 1000px;  margin: 0px;
	padding: 0px; border:0px; left:0px;  /*right: -110px;*/ top: 0px;
position: relative;margin-left: auto;
	margin-right: auto;
 text-align:center;}
#topmainimage{position: absolute;left:-500px; z-index:2;width:2000px;}
#topmainimagecover{position: absolute;left:-100px; z-index:3;width:1200px;}

#maintitle{position:absolute; top:340px; left:10px; background-color:#099; opacity:0.8; color:#FFF; font-size:28px; border-radius: 10px; padding:10px;width:420px; line-height: 32px; text-align:left;font-family: 'Arial Rounded MT Bold', Arial;letter-spacing: 0.0em;z-index:12;}
#topmaintitle{position:absolute; top:30px; left:10px; background-color:#099; opacity:0.8; color:#FFF; font-size:28px; border-radius: 10px; padding:10px;width:420px; line-height: 32px; text-align:left;font-family: 'Arial Rounded MT Bold', Arial;letter-spacing: 0.0em;z-index:12;}

#topmainimage{position: absolute;left:-500px; z-index:2;width:2000px;}
#homemaintextblock{position: relative; z-index:3;width:100%; background-color: #FFF;}

#homemaintext{position:relative; top:0px; left:0px; color:#333; width:990px; text-align:left;  padding:0px 0px 20px 10px;z-index:11; margin:auto; clear:both; }

#homefreetrialbox{
position:absolute; top:340px; right:0px; z-index : 2; 
}

#homefreetrial{top:0px;color:#FFF;
border:#D74B00 2px solid; 
	position: relative;	float:right;
	width: 170px;
	height:77px;
	background-color:#F61;
	padding: 2px 0px 4px 0px;
	margin:0 16px 0 5px;
	text-align:center;
	z-index : 2;
	border-radius: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:16px;
}
#homefreetrial a{color:#FFF; display:block; font-weight:normal;}
#homefreetrial:hover{
	color: #DDD;
	background-color: #DD4E00; font-weight:normal;
}

#greenbutton{top:0px;color:#FFF;
border:#066 2px solid; 
	position: relative;	float:right;
	width: 170px;
	height:26px;
	background-color:#099;
	padding: 8px 0px 5px 0px;
	margin:0 16px 0 5px;
	text-align:center;
	z-index : 2;
	border-radius: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:16px;
}
#greenbutton a{color:#FFF; display:block;}
a#greenbutton:hover{
	color: #DDD;
	background-color: #066;
}

.homeflag{border-radius: 12px;margin-right:10px;}
#homestats{position:absolute; top:30px; right:7px;width:170px;line-height: 22px;font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0.0em;z-index:11;}
.statfreetrial{
	line-height: 22px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0em;
	border: #E14F00 2px solid;
	border-radius: 10px;
	padding: 6px 1px 4px 1px;
	background-color: #EC5300;
	font-size: 11.5px;
	margin: 0px 0px 10px 0px;
	height: 44px;
	font-size: 16px;
	width: 220px;
	display: block;
relative;		opacity: 0.9;
	text-align: center;
	margin: auto;
	color: #FFF;
}
	
.statfreetrial{color:#FFF;}
.statfreetrial:hover{
	color: #DDD;
	background-color: #F25500;
}	

#stat{padding: 0px 0px 0px 0px; width: 170px;
	margin: 0px 0px 5px 0px;position: relative;opacity:0.8; height: 54px;}
#stattop{border:#099 2px solid;
	border-top-right-radius: 10px; border-top-left-radius: 10px; padding: 0px 1px 0px 1px;background-color:#FFF; font-size:11.5px;color:#333;}
#statbottom{
	background-color:#099;
	padding: 1px 2px 1px 2px;
	font-size:20px; font-weight:bold; color:#FFF;
	border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;
}

#homewhat1{width: 290px; border-radius: 10px; padding: 10px 5px 10px 10px; min-height:120px; color:#333;
	margin: 0px 32px 15px 0px;float:left;position: relative; background-color:#FFF; opacity:0.9;}
#homewhat1 h3{ color:#F60;}

#homewhat2{width: 230px; border-radius: 10px; padding: 10px 5px 10px 10px; min-height:120px; color:#333;
	margin: 0px 32px 0px 0px;float:left;position: relative;}
#homewhat2 h3{ color:#000;}

#homewhat3{width: 295px; border-radius: 10px; padding: 10px 0px 10px 10px; min-height:120px; color:#333;
	margin: 0px 0px 15px 0px;float:left;position: relative; background-color:#FFF; opacity:0.9;}
#homewhat3 h3{ color:#F60;}
#what3wrapper{float:right; padding: 10px 0px 5px 0px; margin-top:20px;}
#homeslider{position: relative; width: 510px; margin: 0px 0px 26px 0px; float:left; padding:0 0 0 10px; }
#homevideo{position: relative; width: 440px; margin: 20px 10px 26px 10px;float:right; }
.homevideoframe{width: 440px; height: 280px;}
#video{ margin-bottom:33px;}
#homeslider h2{font-size:160%; padding: 26px 0px 28px 0px; }
#homegreen {
	position: relative;
	width: 100%;
	background-color:#0AA;
	background-image: url(../images/home/star_bar_small.gif);
	background-repeat:repeat;
	background-position:center;
	clear:both;
	letter-spacing: normal;
	line-height:normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin:0px; border:0px; display: inline-block;overflow:hidden;
}

#homegreeninner {
	position: relative;
	z-index : 2;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	text-align: left;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#FFF;
}
#homegreeninner h2{
	color:#FFF;
	font-size: 26px;
	padding: 10px 0px 15px 0px;
}

#homelightgreen {
	position: relative;
	width: 100%;
	background-color: #D5EAEC;
	clear: both;
	letter-spacing: normal;
	line-height: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px;
	border: 0px;
	display: inline-block;
	overflow: hidden;
}
#homelightgreen h2{color:#077;}
#homelightgreen h3{color:#077;}
#homelightgreen a{color:#066;}
#hometrial{width: 600px; float:left; position: relative;}
#hometrialbox{border-radius: 10px; padding: 10px 10px 10px 140px; min-height:140px; color:#333; margin: 0px 10px 35px 100px; float:left; position: relative; background-color:#FFF;width: 340px; min-height:150px;}
#hometrial h2{ color:#FFF; font-size:26px;padding-left:180px;}
/*#hometrial h3{
	color: #099;
}*/
#hometrialrobot{position:absolute; bottom:0px; left: 0px; z-index:20;}
.hometrialboxes{padding: 12px 0px 12px 0px; width: 90px; text-align:center; background-color:#FF6515; color:#FFF; font-weight:bold; font-size:14px; float:left; margin:10px 20px 0 0; height: 34px; border-radius:10px; filter: drop-shadow(5px 5px 5px #666);}
a.hometrialboxes{color:#FFF;}
a.hometrialboxes:hover{color:#ddd; filter: drop-shadow(2px 2px 2px #666);}

.freetrialsingle{background-color:#F61;padding: 6px 0px 18px 0px;}
.freetrialhome{background-color:#1AA;padding: 6px 0px 18px 0px;}
.freetrialsite{background-color:#606; padding: 18px 0px 6px 0px;  margin:10px 0 0 0;}

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

#homeblog{width: 310px;
	margin: 0px 0px 20px 0px;float:right;position: relative;}
#homeblog h2{ color:#FFF; font-size:26px;}	
#homeblogtop{ background-color:#FFF; color:#333;
	border-radius: 10px; padding: 15px 10px 0px 10px; min-height:155px; opacity:0.9;}
#homeblogtop h3{ color:#F60;}
#homeblogbottom{
	padding: 15px 0px 0px 10px; text-align:right;
}
#homeblogbottom a{ color:#FFF;}

#textboxcontainer{position:absolute; top:40px; right:10px; z-index:12; width:360px;}
#textboxhome{position:relative; background-color:#099; opacity:0.8; color:#FFF; border-radius: 10px;padding:10px; text-align:right; clear:both;  float:right; margin-bottom:10px; right:0px;}
#textboxtitle{position:absolute; top:40px; left:10px; background-color:#099; opacity:0.8; color:#FFF; border-radius: 10px;padding:10px; margin: 0 10px 10px 0; z-index:12; font-weight:bold;}

.mobileonly{display:none;}
.notmobile{display:inline;}
.notmobilecell{display: table-cell;}
.notmobilerow{display: table-row;}
.tabletonly{display:none;}
.mobileandtablet{display:none;}
.printonly{display:none;}
.notprint{display:block;}
.usersnamecolumn{min-width:180px;}
.mobilesmall{ font-size:100%;}

.mycharacter{ /*transform: scale(0.8, 0.8);*/ height:116px;}

#cookienotice {
    position: fixed;
    z-index: 100; 
    bottom: 0; 
    left: 0;
    width: 100%;
	
	background-color:#DDD;
	padding: 10px 0px 0px 0px;
}

#cookienoticeinner {max-width:1000px;margin-left: auto;
	margin-right: auto; text-align:center;}

* {
      /*box-sizing: border-box;*/
    }

    .slider {
        width: 100%; height:210px;
        margin: 0px 0px;
		padding: 0px 0px 0px 0px;
		overflow:hidden;
    }

    .slick-slide {
      margin: 0px 0px;
    }

    /*.slick-slide img {
      width: 10px;
    }*/

    .slick-prev:before,
    .slick-next:before {
        color: black;
    }
.iframe{width:640px; height:430px;}

#trialbox{border-radius: 10px; padding: 10px 10px 10px 140px; min-height:140px; color:#333; margin: 0px 10px 10px 70px; float:left; position: relative; background-color:#FFF; width: calc(100% - 230px); min-height:150px;}
#trialrobot{position:absolute; bottom:0px; left: -70px; z-index:20;}
.trialh2{color:#FFF; padding:0px 0px 16px 210px;}
.trialh2 a{color:#FFF; font-weight:normal; text-decoration:underline;}

.courseimagecell{float:left; padding:0 10px 0 10px;}
.courseimagedescription{clear:both; text-align:center;}
.courserobotdiv{/*float:left;*/position: relative; padding:5px 10px 5px 5px;width:120px;}
.courserobotimage{width:110px;}
#coursewordlistwarning{ display:none;}

.feedname{float:left; width:180px;}
.feedactivity{float:left; width:calc(100% - 350px); padding: 0px 0px 0px 10px;}
.feedtime{float:right; font-size:80%; text-align:right;width:150px;}

.avatarholder{position: relative; width:44px;height:35px;float:left;}
.avatarimagediv{z-index:7; position: relative;}
.avatarimage{float: left;border-radius:15px; margin:0 5px 0 0; width:30px;}
.avatarinitials{z-index:8; position: absolute; top:-2px; right:0px; font-size:10px; text-align: center; color:#666; background-color:#FFF; height:12px; border-radius:3px; line-height:12px; padding:0 2px 0 2px;}
.avatarstar{z-index:9; position: absolute; bottom:0px; right:0px; font-size:24px; text-align: right; padding:0 2px 0 2px;width:20px;}
.translation-dropdown{width:190px;}
.wordlisticon{opacity:0.4;}
.wordlisticon:hover{opacity:0.6;}
.free-trial-boxes{max-width:700px; margin: 20px auto;}
.free-trial-box{float:left;padding:0 40px 10px 0; max-width:220px;}

.parent{
  position: relative; display: inline-block;
  height:25px;
  width: 25px;
}
.tick{
  position: absolute;
  height: 20px;
  width: 20px;
  display: block;
  z-index: 21;
  top:0px; left:0px;
  display:none;
}
.ltwbigtick{
  position: absolute;
  height: 20px;
  width: 20px;
  display: block;
  z-index: 21;
  top:5px; left:5px;
  display:none;
}
.ticknumber{
  position: absolute;
  height: 13px;
  width: 13px;
  display: block;
  z-index: 22;
  bottom:0px; right:0px;
  color:#FFF;
  display:none;
  font-size:13px;
}
.star{
  position: absolute;
  height: 15px;
  width: 15px;
  display: block;
  z-index: 20;
  top:0px; right:0px;
}
.starterlscwc{
  position: relative; display: inline-block;
  height:95px;
  width: 100%;
}
.startergame{
  position: relative; display: inline-block;
  height:95px;
  width: 100%;
}
.startertick{
  position: absolute;
  height: 20px;
  width: 20px;
  display: block;
  z-index: 21;
  top:10px; left:10px;
  display:none;
}
.wordlist-wordcolumn{ width:110px;}

 .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

#video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#text-wideleft{float:left; width:calc(100% - 230px);}
#video-right{float:right;}

.wordlistsubicon{display: inline;}

/*.courselistbox {
  margin: 0 0 10px 0;
  padding: 10px;
  background-color: #F8F8F8;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  align-items: flex-start;
}

.courselistinnerbox {
flex: 0 1 auto;      
  max-width: 520px;
  
  box-sizing: border-box;
}

.courselistcolumns {
  display: inline-block;
  min-width: 250px;
  align-self: flex-start;
  flex: 0 0 auto;
}

.learnthewordscolumn {
  flex: 0 0 250px;
}

.rule-heading {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-bottom: 0em;
}
.rule-title {
  flex: 1; padding-top: 15px;
}*/

.courselistbox {
  display: inline-block; /* shrink to fit width of content */
  margin: 0 0 10px 0;
  padding: 10px;
  background-color: #F8F8F8;
  border-radius: 10px;
  overflow: hidden; /* still good for clearfix */
  vertical-align: top; /* ensures proper alignment if placed next to others */
}


/* Or if you'd rather use a class:
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
*/

.courselistinnerbox {
  float: left;

}

/* For multi-column word lists */
.courselistcolumns {
  float: left;
  min-width: 240px;
  box-sizing: border-box;
  padding:0 0 10px 10px;
}

/* Learn the Words box on the right */
.learnthewordscolumn {
  float: left;
  width: 250px;
  box-sizing: border-box;
  padding:10px 0 0 10px;
}

/* Image + heading layout */
.rule-heading {
  overflow: hidden; /* contain floated children */
  margin-bottom: 0em;
}

.rule-heading img {
  float: left;
  margin-right: 1em;
}

.rule-title {
  overflow: hidden;
  padding-top: 15px;
}