body {
	background:none repeat scroll 0 0 #FFFFFF;
	color: #444444;
	direction: ltr;
	font-family: verdana,arial,sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	text-align: left;
	unicode-bidi: embed;
	-webkit-print-color-adjust: exact;
	position: relative;
}

body.modal-open {
	overflow: hidden;
	position: sticky;
}

a, a:hover {
	color: #444444;
	text-decoration: none;
}

label {
	display: inline-block;
	margin-bottom: .25rem;
}

#uNameDiv {
	float:right;
	color:white;
	font-size:125%;
	margin-right:5px;
}

.pageTable {
	table-layout: fixed;
	border-spacing:0px;
	padding:0px;
	width:100%;
	border-width: 0px;
	font-family:verdana,arial,sans-serif;
	font-size:14px;
	text-align:left;
	unicode-bidi:embed;
}

.pageTable td {
	padding:0;
}

.pageTable td.leftSide {
	background-image:url('/images/shadowLeft.png');
	background-repeat:repeat-y;
	background-position:right;
	padding:0;
}

.pageTable td.rightSide {
	background-image:url('/images/shadowRight.png');
	background-repeat:repeat-y;
	background-position:left;	
	padding:0;
}

.navItem {
	white-space: nowrap;
}

.navItemIndent {
	margin-left: 10px !important;
}

.selectedNavItem {
	background-color: #C1E1FF !important;
	color: green !important;
	font-weight: bold !important;
}

.tableLN {
	border-spacing:0px;
	padding:0;
	width:100%;
	border-width: 0px;
	color:#333333;
	font-family:verdana,arial,sans-serif;
	font-size:12px;
	text-align:left;
}

.tableLN td {
	padding:0;
	border-width: 0px;
	vertical-align: top;
}
.tableLN td.colLN {
	width:125px;
	background:#F4F4F4;
	margin:0;
	padding:4px;
	line-height:150%;
}

#logocontainer {
	background-repeat:repeat;
	background-color: #00AA00; 
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#00AA00), to(#AAFFAA));
	background-image: -webkit-linear-gradient(left, #00AA00, #AAFFAA,#00AA00); 
	background-image:    -moz-linear-gradient(left, #00AA00, #AAFFAA,#00AA00);
	background-image:     -ms-linear-gradient(left, #00AA00, #AAFFAA,#00AA00);
	background-image:      -o-linear-gradient(left, #00AA00, #AAFFAA,#00AA00);
	padding:0;
	margin:0;
}

#logoDiv {
	float:left;
	height:65px;
}

#navcontainer {
margin:0;
padding:2px 10px 2px 10px;
width:auto;
}

#navcontainerM {
	position: relative;
	padding-bottom: 0px;
	width: 100%;
}

#navTabContainer {
	margin: 0 auto;
}

#navlist {
margin:0;
text-align:right;
}
#navlist li {
display:inline;
list-style-type:none;
padding-left:20px;
font-size:14px;
}
#navlist li a {
color:white;
text-decoration:none;
}

#marklist {
	margin: 0;
	text-align: center;
	padding-bottom:6px;
}

#marklist li {
	display: inline;
	list-style-type: none;
	padding: 5px 20px 6px 20px;
	font-size: 14px;
	font-weight: bold;
	background-color: #1f8ec2;
	border: 1px solid white;
	/* round top left border */
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	/* round top right border */
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}

#marklist li a {
	color: white;
	text-decoration: none;
}

#marklist li:hover {
	background: #33CCCC;
}

#marklist li.sel {
	background: #FFFFFF;
	color:#444444;
}

#marklist li.sel a {
	background: #FFFFFF;
	color:#444444;
}

#maincontainer {
margin:0 auto;
}
#popupcontainer {
margin:0 auto;
}

#footer {
	color:white;
	text-align:center;
	width:auto;
	background-repeat:repeat;
	background-color: #00AA00; 
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#00AA00), to(#AAFFAA));
	background-image: -webkit-linear-gradient(left, #00AA00, #AAFFAA,#00AA00); 
	background-image:    -moz-linear-gradient(left, #00AA00, #AAFFAA,#00AA00);
	background-image:     -ms-linear-gradient(left, #00AA00, #AAFFAA,#00AA00);
	background-image:      -o-linear-gradient(left, #00AA00, #AAFFAA,#00AA00);
}

#footerSmall {
	text-align:center;
	width:auto;
	border-top:1px solid #000000;
}

#contentcontainerLN {
	background-color: #FFF;
	margin: 0;
	position: relative;
	min-height: 475px;
}

#contentcontainer {
	margin:0;
	padding: 4px;
}

.topicStat {
	border-width:0;
	border-spacing:0px;
}

img.medIcn {
	width:20px;
	border:0;
	vertical-align:middle;
}

img.smMedIcn {
	width:16px;
	border:0;
	vertical-align:middle;
}

img.spdIcn {
	height: 15px;
	cursor: pointer;
}

.navHead {
	margin:0 0 5px 0;
	padding:0;
	width:115px;
	border-bottom-style:solid;
}

.subTreeHead {
	background-color:#C1E1FF;
	font-size:150%;
	font-weight:bold;
	margin:0;
	padding:5px 5px 5px 10px;
	white-space:nowrap;
}

.subTreeHead a {
	color: #0000EE;
}

#subTreeTab {
	width:100%;
	margin:0;
	border-spacing:0px;
	border-width:0px;
}

#subTreeTab a {
	color: #0000EE;	
}

#subTreeTab td {
font-size:14px;
padding:5px 5px 5px 5px;
vertical-align:middle;
}

#subTreeTab th {
font-size:10px;
vertical-align:bottom;
padding:0px 5px 0px 5px;
}

#sesOptTab {
	margin: auto;
	border-spacing: 0px;
	border-width: 0px;
}

#sesOptTab td {
	padding:5px 5px 5px 5px;
	vertical-align:center;
}

#sesOptTab select {
	width: 305px;
}

#repTable {
	margin: auto;
}

#repTable td {
	padding: 3px;
	vertical-align: middle;
	white-space: nowrap;
}

.stud-rept-table select {
	width: 250px;
}

.repHeadTab td {
	white-space: nowrap;
}

#dateCell table tr td {
	font-size: 100%;
}

.rm-right {
	float: right;
}

#sesTopDisplay
,#middleDisplay
,#bottomDisplay
,#view-missed-container {
	box-sizing: initial;
	border-collapse: separate;
	line-height: normal;
}

#game-screen-wrapper {
	flex: 1 1 auto; /* Allow iframe to grow and shrink within its wrapper */
	display: none; /* Apply flex to the wrapper to center the iframe if needed */
	justify-content: center; /* Center horizontally */
	align-items: center; /* Center vertically */
}

#game-source-frame {
	flex: 1; /* Allow iframe itself to fill its wrapper */
	border: 0;
	width: 100%; /* Ensure iframe takes full width of its wrapper */
	height: 100%; /* Ensure iframe takes full height of its wrapper */
}

#gameScreen {
	width: 100%;
	text-align: center;
	box-sizing: content-box;
	border-collapse: separate;
}

#gameScreenContainer {
	display: inline-block;
}
	
#topDisplay {
	width: 100%;
	padding: 5px;
	background-color: #C1E1FF;
	text-align: center;
	box-sizing: border-box;
}

#topDisplay th {
	font-size: 15px;
}

#sesTopDisplay {
	width: 100%;
	padding: 0px;
	background-color: #C1E1FF;
	text-align: center;
	border-collapse: collapse;
}

#sesTopDisplay tr {
	padding:5px;
}

#bottomDisplay {
	text-align:center;
	padding-top:10px;
}

#speedDiv {
	text-align:center;
	min-height:200px;
}

.subTreeSub {
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
}

.subTreeTopic {
	font-size: 11px;
	white-space: nowrap;
}

a.locked {
	color: #949494 !important;	
}

.dat {
	text-align:center;
}

.dat a {
	cursor:pointer;
}

.lgFnt {
	font-size: 120%;
}

.smFnt {
	font-size: 90%;
}

.xsmFnt {
	font-size: 80%;
}

.xxsmFnt {
	font-size: 70%;
}

.txt {
	text-align: left;
}

.inf {
	text-align:right;
}

.bold {
	font-weight: bold;
}

tr.shadeCol {
background-color:#E8E8E8;
}

#finishDisplay {
	text-align: right;
	padding-right: 20px;
}

.quesDisplay {
	padding:10px 10px 0 10px;
	width: 100%;
}

.passDisplay {
	padding:10px 25px 10px 25px;
	border-bottom:1px solid black;
}

div.passCitation {
	text-align: right;
	font-size: .7em;
}

div.passImgCenter {
	text-align: center;
}

div.passImgFloatLeft {
	float: left;
	padding-right: 10px;
}

.indent {
	text-indent: 50px;
}

.contentHint {
	font-size: .85em;
	font-style: italic;
}

/* start: content - drama with line numbers */
dl.lf-content-drama {
	display: grid;
	grid-template-columns: auto-fit;
	grid-gap: 10px;
}

dl.lf-content-drama dt {
	grid-column-start: 1;
}

dl.lf-content-drama dd {
	grid-column-start: 2;
	margin-inline-start: 0;
}
/* end: content - drama with line numbers */

.accountTbl td {
	padding:25px;
}

div.passTitle {
	text-align: center;
	font-weight: bold;
}

div.k1Ans {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}

/* start: EE */
.ee-button-container {
	width: 85%;
	box-sizing: border-box;
	border: 1px solid #AAAAAA;
	color: #222222;
	font-weight: bold;
	padding: 0;
	margin: auto;
}

.ee-button-utils-container {
	background : url("/sales/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
	margin: auto;
	padding: 3px;
	box-sizing: border-box;
	border-bottom: 1px solid #AAAAAA;
}

.ee-button-nums-container
,.ee-button-funcs-container {
	margin: auto;
	padding: 0 3px 12px;
}

.ee-button-utils-list {
	margin: 0;
	text-align: center;
	padding: 0;
}

.ee-button-nums-list
,.ee-button-funcs-list {
	margin: 5px 0 0;
	text-align: center;
	padding: 0;
}

.ee-button-utils-list li 
,.ee-button-nums-list li
,.ee-button-funcs-list li {
	display: inline;
	list-style-type: none;
	padding: 0;
	text-align: center;
}

.ee-button-utils-list li button
,.ee-button-nums-list li button
,.ee-button-funcs-list li button {
	vertical-align: middle;
	border-radius: 10%;
	font-size: 120%;
}

.ee-mq {
	box-sizing: border-box;
	display: block;
	margin: .5em auto 0;
	width: 85%;
	height: 95px;
	font-size: 150%;
	text-align: left;
}

.ee-table {display: table; margin: auto;}
.ee-table-row {display: table-row;}
.ee-table-cell {display: table-cell; padding: 0 30px; width: 50%;}
.ee-table-cell-right {border-right: 1px solid #AAAAAA;}
.ee-table-cell-left {}
/* end: EE */

/* start: state standards styles */
ol.txSTDlist {
	margin-left: 0;
	padding-left: 0;
	counter-reset: item;
	list-style-type: lower-roman;
}

ol.txSTDlist li {
	margin-left: 0;
	padding-left: 0;
	counter-increment: item;
	list-style: none inside;
}

ol.txSTDlist li:before {
	content:"(" counter(item, lower-roman) ")";
	padding-right: 0.5em;
}
/* end: state standards styles */

td.midqNum {
	text-align:right;
	vertical-align:top;
	width:175px;
	font-weight:bold;
	white-space:nowrap;
}

td.qLab {
	width:100%;
	padding-right:75px;
}

td.padded {
 color:red;
 padding-right:100px;
}

.ansDisplay {
padding:15px 0 0 0;
}

table.ansTabRows {
	margin-left: auto;
	margin-right: auto;
	border-collapse:separate;
	border-spacing:20px 10px;
}

table.ansTabRows td {
	vertical-align:bottom;
	padding-bottom:10px;
}

table.ansCol {
	width:100%;
	padding:0px 0px 0px 32px;
}

table.ansCol td {
	padding:9px 0px 0px 0px;
}

table.ansCol td.top {
	padding:0px;
}

#ansKey {
	padding-top: 20px;	
}

table.aTBL {
	width:100%;
}
table.aTBL td {
	vertical-align:middle;
	padding:0px 0px 0px 6px;
}
table.aTBL:hover {
	background-color:yellow;
}

table.aTBLN {
	width:100%;
	padding:10px;
	border:3px solid blue;
}

table.aTBLN:hover {
	background-color:yellow;
	cursor:hand;
	cursor: pointer;
}

.aTabCol {
	padding:10px 0px 0px 5px;
}

.aTabImgCell {
	padding: 5px 0 5px 20px;
	width: 50px;
	height: 40px;
	line-height: normal;
}

td.aTabLabCell {
	width:100%;
}

.aTabRow {
margin: 0 auto; 
padding:10px 0px 0px 0px;
}

.aTabRowCell {
display:inline;
padding:17px 15px 5px 10px;
}

.aTabRowCell:hover {
cursor:pointer;
background-color:#AAAAAA;
}

.aTabLab {
padding:0 0 0 5px;
vertical-align:7px;
}

.aTabSA {
display:inline;
padding:5px 0 5px 20px;
}

#bottomSRDisplay ul {
	margin-top: 1em;
	margin-bottom: 1em;
}

#bottomSRDisplay li {
	display:inline;
	list-style-type:none;
	padding:10px 20px 0 0;
}

.ERRORMSG {
	font-weight:bold;
	color:red;
}

.errorPage {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	padding-top: 4em;
	min-height: 200px;
}

.popUpFrame {
border:medium none;
height:100%;
width:100%;
}

.sessionData {
	width: 100%;
	box-sizing: initial;
	border-collapse: separate;
}

.sessionData th {
	font-size:80%;
	padding:4px;
}

.sessionData td {
	padding:4px;
}

table.sticky-table {
	position: relative;
}

table.sticky-table thead tr th
,table.sticky-table thead tr th:first-child {
	position: sticky;
	top: 0;
	background-color: white;
	z-index: 2;
}

table.sticky-table tbody tr td:first-child {
	position: sticky;
	left: 0;
	z-index: 1;
}

table.zebra tbody tr:nth-of-type(even) td {
	background-color: white;
}

table.zebra tbody tr:nth-of-type(odd) td {
	background-color: #E8E8E8;
}

.grBkReport td {
	font-size:90%;
	white-space:nowrap;
	padding:5px;
}

table.grBkReport a:hover {
	cursor: pointer;
}

table.grBkReport tfoot tr td {
	font-weight: bold;
}

.borderTable {
	width:100%;
	border-width: 2px;
	border-style: solid;
	border-color: black;
	border-spacing: 0;
}

table.quoteHead {
width:80%;
margin:auto;
border-collapse:collapse;
}

.qg-fluency-program-note {
	text-align: center;
	font-size: 75%;
	font-style: italic;
}

table.subscriptTbl {
	margin:auto;
	border-collapse:collapse;
}

table.subscriptTbl a {
	color: #0000EE;
}

table.subscriptTbl td,table.subscriptTbl th {
	border-width: 1px;
	border-style: solid;
	border-color: #bbbbbb;
	border-spacing: 0;
	padding: 5px;
}

table.subscriptTbl td.quote-special {
	color: red;
	vertical-align: middle;
}

table.subscriptTbl td.quote-discount {
	color: red;
	vertical-align: middle;
}

table.subscriptTbl tfoot {
	font-size: 140%;
	font-weight: bold;
}

div.quote-special-instructions {
	font-style: italic;
	font-size: .85em;
	color: black;
	margin-left: 2em;
	padding-bottom: .5em;
}

.centerInfoTable {
	margin: auto;
	width: 300px;
	padding: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: black;
	border-spacing: 0;
}

.centerInfoTable td {
	white-space: nowrap;
}

.HStab {
	margin: 0 auto;
	border-width: 2px;
	border-style: solid;
	border-color: black;
	border-spacing: 0;
}

table.HStab thead th {
	vertical-align: bottom;
	font-size: 80%;
}

table.HStab > tbody > tr > td {
	white-space: nowrap;
	padding: 0px 15px;
}

.MHStab td {
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
}

tr.highCol {
	background-color:#FFB0B0;
}

#spreadTable {
	margin:0px auto;
	border-collapse:collapse;
}

#spreadTable th,#spreadTable td {
padding:3px;
border-width:1px;
border-style:solid;
border-color:black;
border-spacing:0;
}

.tabHead {
	font-weight: bold;
}

.link {
	color: #0000EE;
}

.smallLink {
font-size:6pt;
font-weight:normal;
color:white;
}

.signupTab th {
	font-size:20px;
}

.signupTab td {
	padding:6px;
	vertical-align:middle;
	white-space: nowrap;
}

.niceForm input {
	font-size:16px;	
	padding:6px 5px 6px 5px;
}

.niceForm select {
	font-size:20px;
	padding:6px 5px 6px 5px;
}

.required {
	color: red;
	font-size: .75em;
	vertical-align: top;
}

.contactInfo td {
	padding:3px;
}

.buttonList-container {
	margin: 1.2em auto;
}

ul.buttonList {
	margin: 0;
	text-align: center;
	padding: 0;
}

ul.buttonList li {
	display: inline;
	list-style-type: none;
	padding: 4px 10px 4px 10px;
	text-align: center;
	/*margin: 5px;*/
}

ul.buttonList li button {
	vertical-align: middle;
}

.padCont {
	margin:0;
	padding:10px 10px 10px 10px;
}

/* Explanations */
#explanation-container {
	text-align: left;
	margin: auto auto 10px;
	width: 600px;
	max-width: 600px;
	border: 1px solid #AAA;
	max-height: 350px;
	overflow-y: auto;
	display: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: .2em;
	box-shadow: rgb(68, 68, 68) 3px 3px 5px 0px;
}

#explanation-header {
	padding: .4em 1em;
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #aaa;
	background: #C1e1ff url(/css/images/ui-bg_highlight-soft_0_C1e1ff_1x100.png) 50% 50% repeat-x;
	color: #222;
	font-weight: bold;
	font-size: 1.1em;
}

#explanation-close-button {
	border: 1px solid #FFF;
	background: #1f8ec2 url(/css/images/ui-bg_glass_0_1f8ec2_1x400.png) 50% 50% repeat-x;
	color: #FFF;
	font-size: 1em;
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible;
	box-shadow: rgb(68, 68, 68) 3px 3px 5px 0px;
	box-sizing: border-box;
}

#explanation-close-button-span {
	background-image: url(/css/images/ui-icons_FFFFFF_256x240.png);
	left: 50%;
	margin-left: -8px;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	background-position: -96px -128px;
	width: 16px;
	height: 16px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	font-weight: normal;
	color: #FFF;
	font-size: 1em;
	cursor: pointer;
	text-align: center;
}

#explanation-body {
	padding: .5em 1em;
	font-size: 1.1em;
}

pre.explain {
	border: #FF800D 2px solid;
	height: auto;
	background-color: #FFCEA2;
	padding-left: 4em;
	padding-top: .5em;
	padding-right: 4em;
	padding-bottom: .5em; 
	font-weight: bold;
	vertical-align: middle;
}

.expAttnTxt {
	color: green;
}

tr.expAttnTxt td {
	color: green;
	border-color: green;
}

.expCrossOut {
	text-decoration: line-through;
}

table.explain {
	border-collapse: collapse !important;
	text-align: center;
	vertical-align: middle;
}

.multFactExplain {
	display: inline-block;
	float: left;
}

.multFactPad {
	padding-left: 10em;
}


/* Doesn't work in IE
tr.expLastRow:nth-last-child(1) td {
	border: 1px solid black;
}*/

tr.expShowLastRow td {
	border-top: 1px solid black;
}

.dividendCurve {
	border-top: 1px solid black;
}

.dividendBar {
	border-top: 1px solid black;
}

.divideWork {
	border-bottom: 1px solid black;
}

tr.expHeaderRow {
	font-size: .7em;
}

/* Multiple Select */
div.ansButtonContainer {
	width: 100%;
	text-align: center;
}

/* Short Answer Box */
input.saBox {
	background-color: #4DCA46;  /*was 55BB55 */
	font-family: verdana,courier;
	font-size: 30px; /* was 16px */
	border: 4px solid #22BB22;
	text-align: center;
	/*font-weight: bold;*/
}

input.saBox:focus {
	outline-offset:0px;
	outline:none;
	border:4px solid red;
}

.shortA {
	display:inline-table;
	line-height: normal;
}

td.dig {
	padding: 0px;
	background-color: #4DCA46; /* was 55bb55*/
	width: 19px;
	min-width: 19px; /* added for WS builder */
	height: 34px;
	text-align: center;
	vertical-align: middle;
	font-family: verdana, courier;
	font-size: 30px;
	border: 4px solid #22BB22;
}

td.wdig {
	padding: 0px;
	background-color: #FFFFCC;
	width: 19px;
	height: 34px;
	text-align: center;
	vertical-align: middle;
	font-family: verdana,courier;
	font-size: 30px;
	border: 4px solid #FFFF99;
}

td.cdig {
	padding: 0px;
	background-color: black;
	width: 19px;
	height: 34px;
	text-align: center;
	vertical-align: middle;
	font-family: verdana,courier;
	font-size: 30px;
	border: 4px solid gray;
	color: white;
}

span.punc {
	margin: 0px 2px 0px 2px;
	display: inline;
	padding: 0px 2px 0px 2px;
	background-color: #4DCA46; /* was 55BB55 */
	text-align:center;
	vertical-align:bottom;
	font-weight:bold;
	outline:2px solid #55BB55;
	border:0px solid #55BB55;
	line-height: normal;
}

td.high, span.high {
	outline-color:red;
	border-color:red;
}

td.SAgrid {
	padding: 0px;
	width: 19px;
	height: 34px;
	text-align: center;
	vertical-align: middle;
	font-family: verdana, courier;
	font-size: 30px;
	line-height: normal;
}

table.computationTable {
	font-family:  verdana, courier;
	font-size:30px;
	border-spacing:0px;
	border-width:0px;
	margin:auto;
	line-height: normal;
}

td.cpHints {
	font-family: verdana, courier;
	font-size:12px;
	text-align:right;
	vertical-align:center;
	padding-right:5px;
}

table.computationHorizontal {
	font-family:  verdana, courier;
	font-size: 30px;
	margin:auto;
	line-height: normal;
}

table.computationHorizontal td {
	padding:3px;
}

td.border1 {
	border-top:2px solid black;
}

td.border2 {
	border-right:2px solid black;
}


td.border3 {
	border-bottom:2px solid black;
}

td.border4 {
	border-left:2px solid black;
}

td.border5 {
	border-top:2px solid black;
	border-left:2px solid black;
}

.numButton {
	/*padding: 4px 8px 4px 8px;*/
	border-spacing:2px;
	background: #d4d4d4;
	border: solid black;
	color: #000000;
	cursor: pointer;
	font-weight: bold;
	font-size: 36px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:center;
	line-height: normal;
}

.numButton:hover {
	background-position: 0 center;
}

.numButton:active {
	color:#FFFFFF;
}

/* BUTTONS */
button {
	-moz-box-shadow: 3px 3px 5px 0px #444444;
	-webkit-box-shadow: 3px 3px 5px 0px #444444;
	box-shadow: 3px 3px 5px 0px #444444;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	display:inline-block;
	font-weight:bold;
	padding:10px 20px;
	text-decoration:none;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    color:#565656;
    cursor:pointer;
}

/* STANDARD */
button:hover {
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

button.sml {
	padding:7px 10px;
}

button.xsml {
	padding: 3px 5px;
}

button.larg {
	padding:20px 40px;
	font-size:28px;
}

/* POSITIVE */

button.positive {
    color: #529214;
}

button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color: #529214;
}

/* NEGATIVE */

button.negative {
    color: #d12f19;
}

button.negative:hover {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #d12f19;
}

.loginBox {
	-moz-box-shadow: 3px 3px 5px 0px #cccccc;
	-webkit-box-shadow: 3px 3px 5px 0px #cccccc;
	box-shadow: 3px 3px 5px 0px #cccccc;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border: 2px solid #888;
	padding: 0px;
	overflow: hidden;
	width: 300px;
	color: #444;
	background-color: #f4f4f4;
	margin: 10px;
	border-collapse: separate;
}

.loginBox h1 {
	margin: auto;
	text-align: center;
	padding-bottom: 1em;
	font-weight: bold;
	font-size: 2em;
	line-height: initial;
}

.markInfoBox {
	margin: auto;
	margin-bottom: 15px;
	width: 650px;
	padding: 10px;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-width: 0px;
	border-style: solid;
	border-color: #cfffaa;
	border-spacing: 0;
	background-color: #FFFF80;
	-moz-box-shadow: 3px 3px 5px 0px #444444;
	-webkit-box-shadow: 3px 3px 5px 0px #444444;
	box-shadow: 3px 3px 5px 0px #444444;
}

div.uQuote {
	font-style:italic;
	font-size:1.10em;
	text-align:center;
	margin:10px 20px 15px 20px;	
}

table.productList {
	margin:auto;
	margin-bottom:10px;
	border:0;
	background:inherit;
}

table.productList td {
	padding:5px 7px 5px 7px;
	text-align:center;
	font-size:90%;
	background:inherit;
	border-bottom:1px dotted black;
}
	
button.markBut {
	-moz-box-shadow: 3px 3px 5px 0px #444444;
	-webkit-box-shadow: 3px 3px 5px 0px #444444;
	box-shadow: 3px 3px 5px 0px #444444;
	background-color:#f26522;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	border:1px solid #666666;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	padding:16px 25px;
	text-decoration:none;
}button.markBut:hover {
	background-color:#33CCCC;
	color:#ffffff
}button.markBut:active {
	position:relative;
	top:1px;
}

button.signBut {
	background-color:#1f8ec2;
}

/*.page-break  { display: none; } Note: You cannot use this property on an empty <div> or on absolutely positioned elements.*/

@media print {
	.page-break  {
		display: block;
		page-break-before: always;
	}
}

.printOnly {
	display: none;
}

.pageInfoContainer {
	position: relative;
	margin: auto;
	width: 80%;
	padding: 20px 0;
	text-align: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.pageInfoBox {
	position: relative;
	background-color: #FFFF80;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	border-width: 0px;
	border-style: solid;
	border-color: #CFFFAA;
	border-spacing: 0;	
	-moz-box-shadow: 3px 3px 5px 0px #444444;
	-webkit-box-shadow: 3px 3px 5px 0px #444444;
	box-shadow: 3px 3px 5px 0px #444444;
}

/* start: tractor game */
.trackBox {
	-moz-box-shadow: 3px 3px 5px 0px #cccccc;
	-webkit-box-shadow: 3px 3px 5px 0px #cccccc;
	box-shadow: 3px 3px 5px 0px #cccccc;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border: 1px solid #cccccc;
	overflow: hidden;
	width: 80px;
	height: 80px;
	color: #444444;
	margin: 5px;
	display: inline-block;
	vertical-align:top;
}

.lockTrackBox {
	background-image: url("/games/tractor/img/lock.png");
	background-repeat: no-repeat;
	background-position: center; 
}

.carBox {
	-moz-box-shadow: 3px 3px 5px 0px #cccccc;
	-webkit-box-shadow: 3px 3px 5px 0px #cccccc;
	box-shadow: 3px 3px 5px 0px #cccccc;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	margin: 5px;
	border: 1px solid #cccccc;
	width: 100px;
	height: 95px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

.carBox > img {
	display: block;
	margin: 5px auto;
	vertical-align: middle;
}

.selectedBox {
	border: 4px solid red;
}

#course-tab-container {
	margin-bottom: 20px;
}

#trackOpt-container {
	margin-bottom: 10px;
}
/* end: tractor game */

/*Start MatchGame*/
	.matchCard {
		width:387px;
		height:387px;
		-moz-box-shadow: 3px 3px 5px 0px #cccccc;
		-webkit-box-shadow: 3px 3px 5px 0px #cccccc;
		box-shadow: 3px 3px 5px 0px #cccccc;
		border-radius: 18px;
		-moz-border-radius: 18px;
		-webkit-border-radius: 18px;
		border: 2px solid #663300;
		padding: 0px;
		overflow: hidden;
		background-color: #E6CD82;
		margin:0px;
	}

	#matchTopScreen {
		width:790px;
		border:1px solid #333333;
		margin:auto;
		margin-top:5px;
		margin-bottom:5px;
		-moz-box-shadow: 3px 3px 5px 0px #cccccc;
		-webkit-box-shadow: 3px 3px 5px 0px #cccccc;
		box-shadow: 3px 3px 5px 0px #cccccc;
		border-radius: 18px;
		-moz-border-radius: 18px;
		-webkit-border-radius: 18px;
		border: 2px solid #888;
		overflow: hidden;
		background-color: #f4f4f4;
	}

	.match-container {
		width: 95%;
		margin: auto;
	}

	.match-imgNumBox {
		width: 28%;
		padding-top: 50px;
		height: 150px;
		margin: 10px;
		border: 1px solid #CCCCCC;
		border-radius: 18px;
		box-shadow: 3px 3px 5px 0 #CCCCCC;
		display: inline-block;
		overflow: hidden;
		/* text */
		text-align: center;
		font-size: 2.2em;
		font-weight: bold;
		color: #444444;
		vertical-align: middle;
	}

	.match-imgNumBox:hover {
		cursor: pointer;
	}

	.match-locked-imgNumBox {
		opacity: .5;
	}

	.match-selected-imgNumBox {
		border: 4px solid red;
	}

	.match-unlocksAt {
		font-size: .5em;
	}

	.imgNumLabel {
		font-size: 50%;
	}
	/*end match game*/
	
.playerContainerSheep {
	width:500px;
	padding-bottom:20px;
	margin: 10px auto;
	display: inline-block;
	vertical-align: top;
}

/* start: volley ball game */
.playerContainer {
	margin: 10px auto;
	display: inline-block;
	vertical-align: top;
	padding:10px;
	width:600px;
}

.vbSpacer {
	width: 20px;
	margin: 10px auto;
	display: inline-block;
}

.startButtonContainer {
	width: 100%;
	text-align: center;
	margin: 1em auto;
	display: block;
}

.playerBox {
	-moz-box-shadow: 3px 3px 5px 0px #cccccc;
	-webkit-box-shadow: 3px 3px 5px 0px #cccccc;
	box-shadow: 3px 3px 5px 0px #cccccc;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	margin: 5px;
	border: 1px solid #cccccc;
	width: 80px;
	height: 100px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

.playerInfo {
	padding-top: 10px;
}

.playerBox > img {
	display: block;
	margin: 5px auto;
	vertical-align: middle;
}
/* end: volley ball game */

.tree-toggle-language {
	text-align: right;
	float: right;
	padding-right: 5px;
	margin-top: 10px;
}

.tree-toggle-language a {
	font-size: 80%;
	color: #0000EE;
}

#sublist {
	background-color: #C1e1ff;
	margin: 0;
	padding:10px 0px 6px 0px;
	vertical-align:bottom;
	line-height: normal;
}

ul.subListTree li:first-child {
	margin-left: 7px;
}

#sublist li {
	vertical-align:bottom;
	display: inline;
	list-style-type: none;
	padding: 5px 20px 5px 20px;
	font-size: 14px;
	font-weight: bold;
	background-color: #1f8ec2;
	border: 1px solid white;
	/* round top left border */
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	/* round top right border */
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}

#sublist li a {
	color: white;
	text-decoration: none;
}

#sublist li:hover {
	background: #33CCCC;
}

#sublist li.grLab {
	font-size:125%;
	background-color: #C1e1ff;
	color:black;
	border:0;
}

#sublist li.sel {
	background: white;
	color:#444444;
}

#sublist li.sel a {
	color:#444444;
}

/* Highlight Select */
.hsWord {
	display: inline; /*was inline-block*/
	outline: 1px dotted #88ff88;
}

.hsWordSel {
	background-color:#00ff00;
	outline-color:#00ff00;
}

.hsWordInc {
	background-color:#ff0000;
	outline-color:#ff0000;
}

.hsImage {
	display: inline-block;
	outline: 1px solid none;
}

@media not screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	@media not screen and (max-device-width: 480px) {
		.hsSentence:hover {
			background-color: #88ff88;
			outline-color: #88ff88;
			cursor: hand;
			cursor: pointer;
		}

		.hsWord:hover {
			background-color:#88ff88;
			outline-color:#88ff88;
			cursor:hand;
			cursor: pointer;
		}
	}
}

ul.leftMenu {
	margin-bottom: 10px;
	background: 0;
	border: 0 !important;
	display: none;
	padding: 2px;
}

ul.leftMenu > li {
	color: -webkit-link;
	font-size: 12px;
	list-style-image: none;
}

ul.leftMenu li a {
	color: -webkit-link;
	font-size: 12px;
	border-radius: 5px;
	line-height: 1.5;
	padding: 2px .4em !important;
	min-height: 0;
	display: block;
}

ul.leftMenu li.ui-menu-item a.ui-state-hover
,ul.leftMenu li.ui-menu-item ul.subMenu li.ui-menu-item a.ui-state-hover {
	margin: -1px;
}

ul.leftMenu li ul.subMenu {
	padding: 2px;
	border-radius: 5px;
}

/* Drag & Drop */
div.sortListDiv {
	background-color:#d4d4d4;
	padding:5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	line-height: normal;
}

div.sortListDiv h3 {
	text-align:center;
	font-size:90%;
	padding:0px;
	margin:0px;
}

ul.sortList {
	list-style-type: none;
	padding:20px 0px 20px 0px;
	margin:0px;
}

ul.sortList li {
	padding:2px;
	margin:3px;
	border:1px solid #00ff00;
	background-color:#aaffaa;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

ul.sortListH {
	list-style-type: none;
	padding: 20px 0px 20px 0px;
	margin: auto;
}

ul.sortListH li {
	display: inline-block; /* was inline */
	white-space: nowrap;  /* added */
	padding:2px;
	margin:3px;
	border:1px solid #00ff00;
	background-color:#aaffaa;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.lessonCol {
	display: none;	
}

.highLightRow td {
	background-color: yellow;
}

td.vmid {
	vertical-align: middle;
}

.iconList {
	margin: 0;
	padding: 0;
	text-align: center;
}

.iconList li {
	display: inline;
	list-style-type :none;
	padding: 0 2px;
	font-size: 12px;
	vertical-align: middle;
}

.iconList li img.icon, .icon
,.iconList li img.draggable-icon, .draggable-icon {
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

.iconList li img.pdf-icon, .pdf-icon {
	vertical-align: middle;
	width: 16px;
	height: 20px;
}

.icon:hover, .pdf-icon:hover {
	cursor: pointer;
}

.draggable-icon:hover {
	cursor: move;
}

.helper-icon {
	vertical-align: middle;
	border: 0;
}

div#multIconContainer {
	text-align: left;
	float: left;
	line-height: 17px;
	/*padding: 10px 10px 0 5px;*/
	width: 33%;
}

div#multIconContainer img {
	cursor: pointer;
}

#contentTreeProgress {
	float: left;
	font-size: 120%;
	font-weight: bold;
	/*padding: 10px 10px 0 0;*/
	text-align: center;
	margin: auto;
}

.content-tree-progress {
	 width: 100px;
	 height: 15px;
	 text-align: left;
}

div#stdAlignmentContainer {
	float: right;
	/*padding: 10px 5px 0px 0px;*/
	width: 20%;
	line-height: 17px;
	text-align: right;
	font-size: 80%;
	vertical-align: middle;
}

div#contentTreeHeader {
	background-color:#C1e1ff;
	font-size:150%;
	font-weight:normal;
	padding: 7px 10px;
	text-align:center;
}

div.drag-to-measure-box {
	padding:2px;
	margin:3px;
	border:1px solid #00ff00;
	background-color:#aaffaa;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* Site Wrapper - Everything that isn't navigation */
#site-wrap {
	/* Critical position and size styles */
	background-color: white; /* Needs a background or else the nav will show through */
	margin-left:-153px;
	width:1000px;
	z-index: 1;
	display: inline-block;
	white-space: normal;
	min-height: 570px;
	position: relative;
}

/* Nav Trigger */
.nav-trigger {
	/* critical styles - hide the checkbox input */
	display: none;
	height: 0;
	width: 0;
	clip: rect(0, 0, 0, 0);
}

.leftNavCont {
	white-space: nowrap;
}

label[for="nav-trigger"] {
	/* critical positioning styles */
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	margin-top: -30px;
	margin-left:-133px;
	z-index: 1;
	padding-top:6px;
	padding-bottom:2px;
	/* non-critical apperance styles */
	height: 20px;
	width: 100px;
	cursor: pointer;
	color:#444444;
	background:#F4F4F4;
	vertical-align:middle;
	text-align:center;
	/*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");
	background-size: contain;*/
  
	border: 1px solid #F4F4F4;
	/* round top left border */
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	/* round top right border */
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}

/* Make the Magic Happen */
.nav-trigger, #site-wrap {
	transition: margin 0.2s, width 0.2s;
}

.nav-trigger:checked ~ #site-wrap {
	margin-left: -2px;
	width:849px;
}

#colLN {
	width:145px;
	padding: 4px;
	float:left;
	background: #F4F4F4;
	color: #333333;
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	text-align: left;  
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

#envelope {
	padding-top:2px;
	padding-left:10px;
	float:right;
	cursor:pointer
}

#icon_settings {
	width: 13px;
	padding-top: 5px;
	padding-left: 10px;
	float: right;
	cursor: pointer
}

.beta {
	font-size: .8em;
	z-index: 10;
	cursor: pointer;
	color: red;
}

table.hsTblCols {
	margin:auto;
}

table.hsTblCols > tbody > tr > td {
	vertical-align:top;
	padding:20px;
	text-align:center;
}

table.hsTblCols > tbody > tr > th {
	text-align:center;
 	font-size:110%;
}

.hidden {
	display: none;
}

/* start: donate page */
#donate-page {
	display: none;
	position: fixed;
	z-index: 4;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

#donate-page-content {
	background-color: #FEFEFE;
	margin: 0 auto;
	padding: 20px;
	border: 1px solid #888;
	width: 1000px;
}

#donate-page-close {
	color: red;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

#donate-page-close:hover, #donate-page-close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}
/* end: donate page */

/* start: important message page */
#message-page {
	display: none;
	position: fixed;
	z-index: 4;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

#message-page-content {
	background-color: #FEFEFE;
	margin: 0 auto;
	/*padding: 20px;*/
	border: 1px solid #888;
	max-width: 1000px;
	width: 100vw;
	box-sizing: border-box;
}

#message-page-close {
	color: red;
	font-size: 28px;
	font-weight: bold;
	float: right;
	padding-right: 5px;
}

#message-page-close:hover, #message-page-close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}
/* end: important message page */

/* start: tutorial video */
#tutorial-video-icon-container {
	text-align: center;
	margin-top: 1em;
}

#tutorial-video-icon:hover {
	cursor: pointer;
}

#tutorial-video-desc {
	font-size: .85em;
	font-style: italic;
}
/* end: tutorial video */

/* start: sso buttons */
div.sso-button-container {
	width: 190px;
	margin: auto;
}

button.sso-button {
	height: 50px;
	width: 100%;
}

button.sso-button span.sso-button-icn {
	margin-right: 7px;
}

button.sso-button span.sso-button-icn img {
	width: 25px;
	height: 25px;
	vertical-align: middle;
	border: 0;
}

button.sso-button span.sso-button-txt {
	white-space: nowrap;
}
/* end: sso buttons */

/* start: ua-sso buttons */
div.ua-sso-container {
	width: 65%;
	margin: auto;
}

button.ua-sso-button {
	height: auto;
	width: 29%;
}

button.ua-sso-button div.ua-sso-button-icn {
	margin-bottom: 1em;
}

button.ua-sso-button div.ua-sso-button-icn img {
	width: 25px;
	height: 25px;
	vertical-align: middle;
	border: 0;
}

button.ua-sso-button div.ua-sso-button-txt {
	white-space: nowrap;
}
/* end: sso buttons */

/* start: footer */
ul.footer-links {
	list-style-type: none;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

ul.footer-links li {
	display: inline-block;
	float: none;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
	line-height: 15px;
}

ul.footer-links li a {
	font-size: 6pt;
	font-weight: normal;
	color: white;
}
/* end: footer */

/* start: Last 30 History Results */
#last-30-history-display {
	text-align: center;
	border: 1px solid #444;
	border-collapse: collapse;
	margin: auto;
}

#last-30-history-display thead {
	background-color: #E8E8E8;
	border: 1px solid #444;
}

#last-30-history-display thead th {
	background-color: #E8E8E8;
	border: 1px solid #444;
	padding: 5px;
}

#last-30-history-display tbody td {
	border: 1px solid #444;
	padding: 1px;
	min-width: 50px;
}

#last-30-history-display tbody td .cell-head {
	padding: 4px;
}

#last-30-history-display tbody td .cell-body {
	vertical-align: middle;
	padding: 4px;
	min-height: 41px;
}

#last-30-history-display tbody td .cell-body img {
	width: 30px;
	vertical-align: middle;
}
/* end: Last 30 History Results */

#ques-stats-info, #view-missed-ques-stats-info {
	width: 18px;
	height: 18px;
	border-radius: 15px;
	text-align: center;
	color: white;
	font-weight: bold;
	font-style: italic;
	cursor: pointer;
	border: 1px solid white;
	line-height: 18px;
	vertical-align: middle;
	opacity: .85;
	float: right;
}

#test-comment-on-question {
	line-height: 18px;
	height: 16px;
	vertical-align: middle;
	margin-right: 10px;
	cursor: pointer;
}

/* testing */
.test-button-1:before {
	content: "A";
}

.test-button-1 {
	background-color: #DA2E89; /*for compatibility with older browsers*/
	background-image: linear-gradient(#DA2E89,#EF0D82);
}

.test-button-1:hover {
	background: linear-gradient(#F858AB, #F82090);
}

.test-button-2:before {
	content: "B";
}

.test-button-2 {
	background-color: orange; /*for compatibility with older browsers*/
	background-image: linear-gradient(#FF7214,#FF893A);
}

.test-button-2:hover {
	background: linear-gradient(#FFAF79, #FF8F45);
}

.test-button-3:before {
	content: "C";
}

.test-button-3 {
	background-color: #ff8b33; /*for compatibility with older browsers*/
	background-image: linear-gradient(#004BBA,#1E5BB8);
}

.test-button-3:hover {
	background: linear-gradient(#005CE5, #3078E3);
}

.test-button-4:before {
	content: "D";
}

.test-button-4 {
	background-color: green; /*for compatibility with older browsers*/
	background-image: linear-gradient(#60BA2E,#73B84E);
}

.test-button-4:hover {
	background: linear-gradient(#62DB20, #7EDB4B);
}

.test-button-5:before {
	content: "E";
}

.test-button-5 {
	background-color: green; /*for compatibility with older browsers*/
	background-image: linear-gradient(#FFDB35, #FFD40C);
}

.test-button-5:hover {
	background: linear-gradient(#FFE050,#FFD82E);
}

.test-button {
	position: relative;
	display: inline-block;
	padding: 5.5px 11px;
	text-decoration: none;
	color: #fff;
	font-size: 25px;
	font-family: sans-serif;
	font-weight: bold;
	border-radius: 10px;
	line-height: normal;
}

.test-button:after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: 50%;
	background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
	border-radius: 10px;
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
	margin-bottom: 0;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 34px;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: #FFFFFF;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}

input:checked:not([disabled]) + .slider {
	background-color: #00AA00;
}

input:focus:not([disabled]) + .slider {
	box-shadow: 0 0 1px #00AA00;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

.switch-sml {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 17px;
}

.switch-sml input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider-sml {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 17px;
}

.slider-sml:before {
	position: absolute;
	content: "";
	height: 13px;
	width: 13px;
	left: 2px;
	bottom: 2px;
	background-color: #FFFFFF;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}

input:checked:not([disabled]) + .slider-sml {
	background-color: #00AA00;
}

input:focus:not([disabled]) + .slider-sml {
	box-shadow: 0 0 1px #00AA00;
}

input:checked + .slider-sml:before {
	-webkit-transform: translateX(13px);
	-ms-transform: translateX(13px);
	transform: translateX(13px);
}

.trial-subscription-container {
	margin-top: 3em;
}

td.module {
	border: 1px solid #C1E1FF;
	overflow: auto;
	min-height: 176px;
	max-height: 176px;
	padding:0px;
}

.modHead {
	background-color: #C1E1FF;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 5px 5px 5px 10px;
	white-space: nowrap;
	cursor: pointer;
	cursor: hand;
}

.modHead a {
	color: black;
}

.modBody {
	max-height: 150px;
	overflow: auto;
	min-height: 150px;
	padding:10px 0px 5px 0px;
}

.modLink {
	margin: auto;
	text-align: center;
	font-size: 90%;
	padding-bottom: 5px;
}

.mySmFtSz {
	font-size: 85%;
}

.myFtSz {
	font-size: 100%;
}

/*#myLVTable {
	font-size: 80%;
}*/

#_defaultReportChart {
	text-align: center;
	margin: auto;
	height: 150px;
	max-width: 408px;
}

div.container-grade-table {
	width: 80%;
	margin: 2em auto;
}

#buttonMenu {
	width: 100%;
	text-align: right;
}

.utilLinksDiv {
	font-size: 10px;
}

.utilLinksDiv a, .utilLinks a {
	color: #0000EE;
}

.utilLinks {
	font-weight: normal;
	font-size: 10px;
}

.prtSSOIcon {
	height: 16px;
	width: 16px;
}

.g-classroom-icn
,.lf-classroom-icn {
	height: 32px;
	vertical-align: middle;
	padding-right: 10px;
}

.lf-classroom-icn {
	width: 30px;
}

.quote-subscriptTbl-width {
	width: 80%;
}

.quote-generator-cc-payment {
	padding: 20px;
	margin: auto;
}

#CCnum {
	width: 280px;
}

#CCexp, #CCcode {
	width: 60px;
}

.cm-student-select {
	border: 1px black solid;
	width: 390px;
	height: 300px;
	overflow: auto;
}

.add-button {
	width: 325px;
	height: 100px;
	font-size: .85em;
}

.add-button-desc {
	font-size: .7em;
	font-style: italic;
}

#top-form-container {
	margin-top: 1em;
}

.lc-login-box {
	width: 40%;
	margin: auto;
}

.lc-login-box .header {
	margin: auto;
	font-weight: bold;
	text-align: center;
}

.lc-login-box input {
	height: 40px;
	padding: 5px;
	width: 185px;
	font-size: 1.2em;
}

.lc-page-question-container {
	padding-top: 2em;
	text-align: center;
	margin: auto;
	width: 750px;
}

.lc-page-question {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

.lc-page-question-button {
	font-size: 1em;
	width: 150px;
	line-height: 2em;
	font-weight: bold;
}

.lc-page-question-message {
	font-size: .70em;
	font-weight: normal;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

.lg-page-question-container {
	padding-top: 2em;
	text-align: center;
	margin: auto;
	width: 750px;
}

.lg-page-question {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}

.lg-page-question-benefits {
	text-align: left;
	font-size: 90%;
	margin: auto;
}

.lg-page-question-benefits ul {
	margin: auto;
}

.lg-page-question-benefits ul li {
	padding-top: .25em;
}

.lg-page-question-button {
	font-size: 100%;
	width: 150px;
	line-height: 2em;
}

.lg-page-question-message {
	font-size: 70%;
	font-weight: normal;
	padding-top: 1.5em;
}

table.prompt-list {
	margin: auto;
	max-width: 50%;
}

table.prompt-list td {
	font-size: 90%;
	padding: 5px;
}

.prompt-format-icon {
	height: 20px;
}

.prompt-format-icon:hover {
	cursor: pointer;
}

.prompt-list-note {
	font-size: .8em;
	font-style: italic;
	text-align: center;
	margin: auto;
	padding: 1em;
	max-width: 50%;
}

.rp-txt {
	width: 250px;
}

.terms {
	font-size: 75%;
	padding: 15px 75px;
}

.ibuy-purchase-summary {
	padding:20px;
	width: 70%;
	margin: auto;
}

.ibuy-payment-info {
	padding: 20px;
	width: 70%;
	margin: auto;
}

.ibuy-payment-info input.full-width,  .ibuy-payment-info select.full-width {
	width: 200px;
}

.ibuy-payment-info #ccCode {
	width: 50px;
}

.contact-us-container {
	width: 100%;
	border-collapse: separate;
	box-sizing: initial;
	margin: auto;
}

.contact-us-email input {
	width: 100%;
	min-width: 385px;
}

.contact-us-email textarea {
	width: 90%;
	min-width: 350px;
	height: 144px;
}

.contact-us-phone-message {
	white-space: normal;
	width: 450px;
	font-size: 85%;
}

.contact-us-phone input {
	width: 100%;
	min-width: 385px;
}

.contact-us-phone textarea {
	width: 90%;
	min-width: 350px;
	height: 144px;
}

.trophy-grades, #game-achievements {
	width: 80%;
	margin: auto;
}

#game-achievements {
	margin-top: 2em !important;
}

.trophy-grades thead tr:first-child th, #game-achievements thead tr:first-child th {
	background-color: #C1E1FF;
}

.update-school {
	margin: auto;
}

.update-school input, .update-school select {
	width: 250px;
}

.cc-type {
	width: 200px;
}

.cc-ccv {
	width: 50px;
}

.browsers  {
	width: 75%;
	border-collapse:collapse;
}

.browsers thead {
	background-color: #1F8EC2;
	color: #ffffff;
}

.browsers tfoot {
	background-color: #C0C0C0;
	font-size: .7em;
	text-align: center;
}

.browsers th, .browsers td {
	border: 1px solid black;
}

.browsers td {
	padding: 3px;
	margin: 3px;
}

.os {
	font-weight: bold;
	font-size: 1em;
	text-align: center;
}

.spacer {
	height: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
	background-color: black;
	font-size: .4em;
}

.center {
	text-align: center;
}

#test-success {
	color: green;
	font-weight: bold;
	display: none;
}

#test-failure {
	color: red;
	font-weight: bold;
}

.coins-view-spent {
	font-size: 90%;
	width: 100%;
}

.dialog-loading-container {
	width: 95%;
	min-width: 450px;
	text-align: center;
	margin: auto;	
}

.dialog-please-wait {
	width: 100%;
	margin: auto;
	padding-bottom: 3em;
}

.dialog-please-wait h1 {
	padding-top: 1em;
}

.settings-first-cell {
	width: 75%;
	white-space: nowrap;
}

.settings-table {
	margin: auto;
	width: 400px;
}

#message-form, #recipient-select-form {
	font-size: .85em;
}

#message-form fieldset, #recipient-select-form fieldset { 
	padding:0;
	border:0;
	margin-top:25px;
}

#message-form, #recipient-select-form label {
	display:block; 
}
   
#message-form input.text, #message-form textarea, #recipient-select-form select {
	margin-bottom: 1em;
	width: 95%;
	padding: .4em;
	resize: none;
}

#message-form img {
	padding: .4em;
	vertical-align: top;
	cursor: pointer;
}

#to {
	height: 1.4em;
	width: 85% !important;
	min-width: 400px;
}

#message-view {
	font-size: .85em;
}

table.messages {
	margin: 1em 0;
	border-collapse: collapse;
	width: 100%;
}

table.messages thead tr th.multi-select {
	min-width: 17px;
}

table.messages thead tr th.msg-from,  table.messages thead tr th.msg-to {
	width: 150px;
}

table.messages thead tr th.msg-date {
	width: 60px;
}

table.messages thead tr th.msg-options {
	width: 150px;
}

table.messages tbody tr td.msg-from, table.messages tbody tr td.msg-to {
	white-space: nowrap;
}

table.messages tbody tr td.msg-date {
	white-space: nowrap;
}

table.messages tbody tr td.msg-options {
	white-space: nowrap;
}

#message-tabs {
	height: 615px;
	overflow: auto;
}

#box-display {
	height: 615px;
	overflow: auto;
	width: 99%;
	margin: 0px 5px 5px 5px;
}

.pageFooter {
	width: 100%;
	border-top: 1px solid rgba(68, 68, 68, .5);
	padding-top: 5px;
}

.pageSelector {
	text-align: right;
	font-size: .8em;
	display: inline;
	float: right;
}

.pageLabel {
	float: left;
	text-align: left;
	font-size: .8em;
	display: inline;
}

.expired-assignment-hint {
	font-size: .85em;
	font-style: italic;
}

.gMenu-lesson-button
,.gMenu-speed-button {
	height: 60px;
	width: 100%;
	vertical-align: middle;
	text-align:left;
}

.gMenu-lesson-button-text
,.gMenu-speed-button-text {
	float: left;
	line-height: 35px;
	width: 35%;
	text-align: right;
}

.gMenu-lesson-button-img {
	float: right;
	margin-top: -2.5px;
	margin-right: 107.5px;
	height: 45px;
}

.gMenu-speed-button-img {
	float: right;
	margin-top: -5px;
	margin-right: 75px;
}

.gMenu-lesson-button-complete {
	height: 60px;
	width: 100%;
	background-color: #9AE485;
}

.gMenu-lesson-button-complete img.icon {
	padding-right: 10px;
	box-sizing: content-box;
}

.gMenu-lesson-button-complete span.lesson-review {
	font-size: .8em;
}

.gMenu-mode-button {
	height: 90px;
	width: 100%;
	vertical-align: middle;
}

.gMenu-mode-button-text {
	float: left;
	line-height: 60px;
	width: 35%;
	text-align: right;
}

.gMenu-mode-button-img {
	float: right;
	margin-right: 100px;
	margin-top: 5px;
	height: 50px;
}

.gMenu-last-button {
	margin: 0 auto 10px;
}

#menu-games-show-more {
	text-align: center;
	margin: auto;
	width: 85%;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	padding: 5px 0;
	font-size: 85%;
	color: #0000EE;
	cursor: pointer;
	margin-top: 1em;
}
	
#menu-games-secondary {
	display: none;
}

#view-missed-container {
	width: 100%;
	font-size: 14px;
	margin: auto 0;
	position: relative;
}

#view-missed-container td {
	padding: 0;
}

#view-missed-testContainer {
	width: 792px;
	max-width: 792px;
	min-width: 792px;
	overflow: auto;
	margin: 0 auto;
}

#view-missed-corAnsDisplay {
	font-weight: bold;
	width: 80%;
	text-align: center;
	margin: 2em auto;
}

.nav-button-container {
	min-width: 60px;
	max-width: 60px;
	width: 60px;
}

#view-missed-prevQuestion, #view-missed-nextQuestion {
	vertical-align: middle;
	cursor: pointer;
	width: 60px;
}

#view-missed-prevQuestion {
	text-align: left;
}

#view-missed-nextQuestion {
	float: right;
}

#view-missed-topDisplay {
	width: 100%;
	padding: 5px;
	background-color: #C1E1FF;
	text-align: center;
	box-sizing: border-box;
}

#view-missed-topqNum {
	float: left;
	vertical-align: middle;
	padding-right: 5px;
	line-height: 20px;
}

#view-missed-contentcontainer {
	margin:0;
	padding: 4px;
}

#view-missed-bottomDisplay {
	text-align:center;
	padding-top:10px;
}

.game-button-container-full {
	width: 100%;
}

.game-button-container-left {
	width: 48%;
	float: left;
}

.game-button-container-right {
	width: 48%;
	float: right;
}

.game-button-container-full button {
	height: 60px;
	width: 100%;
	vertical-align: middle;
	text-align: left;
}

.game-button-container-left button, .game-button-container-right button {
	margin-top: 10px;
	height: 60px;
	width: 100%;
	vertical-align: middle;
	text-align: left;
}

.game-button-container-full button div
,.game-button-container-left button div
,.game-button-container-right button div {
	float: left;
	line-height: 35px;
}

.game-button-container-full button img
,.game-button-container-left button img
,.game-button-container-right button img {
	float: right;
	vertical-align: middle;
	height: 39px;
}

#progressImg {
	height: 14px;
	vertical-align: middle;
	padding-left: 5px;
	border: 0;
}

#brProgress {
	padding: 5px 0px 0px 5px;
	vertical-align: middle;
}

#progRow #prog-bar-cell {
	white-space: nowrap;
	vertical-align: middle;
}

.prog-bar-container {
	width: 100px;
	height: 10px;
}

#ques-comment-container {
	margin: auto;
	text-align: center;
}

.ques-comment-button {
	width: 300px;
	height: 75px;
	margin: 20px 5px 10px 5px;
}

#user-question-comment {
	 max-width: 526px;
	 margin: auto;
}

#user-question-comment-message textarea {
	width: 500px;
	height: 100px;
}

#user-question-comment-info {
	text-align: left;
	padding-top: 25px;
}

#user-question-comment-info div.pageInfoBox {
	font-size: .7em;
}

.assign-pbar-td
,.bulk-print-pbar-td
,.inv-rprt-pbar-td {
	max-width: 100px;
	white-space: nowrap;
}

.content-tree-pbar-td {
	max-width: 150px;
	white-space: nowrap;
}

.assign-pbar
,.bulk-print-pbar
,.inv-rprt-pbar {
	width: 55px;
	height: 10px;
	vertical-align: middle;
}

.content-tree-pbar {
	width: 115px;
	height: 12.5px;
	vertical-align: middle;
}

.assign-pbar canvas  {
	vertical-align: 5%;
}

.assign-img {
	height: 12px;
	width: 12px;
	vertical-align: middle;
}

.ps-progress {
	width: 105px;
	height: 10px;
}

.ps-progress canvas {
	vertical-align: middle;
}

#progLab {
	font-size: 90%;
}

.assign-pbar:hover, .content-tree-pbar:hover, .ps-progress:hover {
	text-decoration: none;
}

.ls-progress-div {
	width: 100px;
	height: 10px;
}

#changeSchoolCode {
	width: 100px;
	text-align: center;
}

table.code-container {
	width: 75%;
	margin: 0 auto;
	border-spacing: 22px;
}

table.code-container td {
	border: 1px solid #C1E1FF;
}

div.codeHeader {
	background-color: #C1E1FF;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 7.5px;
	line-height: 25px;
	vertical-align: middle;
}

div.codeBody {
	overflow: auto;
	font-size: 150%;
	font-family: courier;
	text-align: center;
	font-weight: bold;
	padding: 1em;
}

.nowrap {
	white-space: nowrap;
}

.ask-reset-container {
	text-align: center;
	font-size: .8em;
	vertical-align: middle;
	line-height: 17px;
	padding-top: .8em;
}

#email-access-code-addresses, #clever-request-body, #new-sso-request-body, #classLink-request-body {
	height: 100px;
	width: 475px;
}

.add-students-big-button {
	width: 245px;
	height: 75px;
}

.add-students-big-button img {
	border: 0;
	width: 25px;
}

.assignment-view {
	font-size: .85em;
}

#assignment-tabsContainer, #gs-tabsContainer {
	padding: .3em;
	min-height: 600px;
}

.assignmentTab {
	display: none;
	overflow: auto;
	height: 100%;
}

.scheduler.ui-state-error { 
	padding: .3em; 
}

.scheduler.validateTips {
	border: 1px solid transparent;
	padding: 0.3em;
}

.scheduler.label {
	font-size: 0.8em;
	color: black;
}

input[type="text"].scheduler, input[type="select"].scheduler {
	font-size: .8em;
	width: 200px;
}

#p-username, #p-password, #p-cpword {
	width: 210px;
}

#free-subscription-message-header {
	text-align: center;
	font-size: 1.2em;
	color: red;
	font-weight: bold;
}

 #free-subscription-message-header img {
 	padding-bottom: .5em;
 	width: 24px;
 }
 
 #free-subscription-message-body {
 	margin: auto;
 	width: 50%;
 	padding-top: 1.5em;
 }
 
#free-subscription-message-body ul {
	margin-top: 0; 
}

#free-subscription-message-administrator {
	margin: auto;
	text-align: center;
	padding-bottom: .5em;
	width: 55%;
}

#free-subscription-message-question {
	text-align: center;
	padding-top: .5em;
	font-weight: bold;
}

#free-subscription-message-footer {
	margin-top: 2em;
	font-size: .85em;
	text-align: center;
}

#free-subscription-message-footer a {
	color: #0000EE;
}

.ms-important-message {
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	width: 90%;
	margin: auto;
}

.sso-sync-icon {
	width: 30px;
}

#award-logoContainer {
	margin: 0 auto 2em;
}

#award-pageContainer {
	width: 95%;
	text-align: center;
	position: relative;
	margin: 10px auto 0;
	height: 9.5in;
}

#award-imgContainer {
	margin: 0 auto;
	position: relative;
	width: 500px;
	max-width: 500px;
	height: 560px;
}

#award-imgContainer img {
	vertical-align: top;
	height: 550px;
}

#award-messageContainer {
	margin: 0 auto;
	position: absolute;
	max-width: 300px;
	width: 300px;
	top: 300px;
	left: 100px;
	font-weight: bold;
	font-size: 1.4em;
}

#award-certText {
	font-size: 1.2em;
	margin: 0 auto 2em;
	max-width: 500px;
}

.fixed-dialog {
	position: fixed;
}

.hoverImage:hover {
	cursor: pointer;
}

#bkp-pageNavigator {
	width: 100%;
	text-align: center;
	padding: 0 1em 1em;
	margin: auto;
	font-size: 1.2em;
	border-bottom: 2px solid black;
	background-color: rgba(255,255,255,0.9);
	box-sizing: border-box;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
}

#bkp-pageNavigator > img {
	vertical-align: middle;
}

#test-ques-icons {
	font-size: 80%;
	line-height: 20px;
	text-align: right;
	white-space: nowrap;
}

.dialog-iframe {
	border: 0;
	width: 100%;
	height: 98%;
}

/* assessments */
#assessment-header {
	width: 100%;
	margin: auto;
	padding: 0 0 5px 0;
	background-color: #C1E1FF;
	text-align: center;
	position: relative;
	line-height: normal;
}

#assessment-name {
	font-size: 1.2em;;
	font-weight: bold;
	padding: 3px;
	margin: auto;
	position: relative;
}

#assessment-header-control-options {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: .75em;
}

#assessment-on-question {
	position: relative;
	font-size: 1em;;
	padding: 3px;
	margin: auto;
}

#topTime {
	position: absolute;
	right: 8px;
	top: 5px;
}

.repHeadTab #topTime,  #topDisplay #topTime {
	position: relative;
	right: inherit;
	top: inherit;
}

#test-ques-header-icons {
	float: right;
}

#assessment-header-question-control-options {
	position: absolute;
	right: 5px;
	bottom: -1.25em;
}

/* footer */
#assessment-footer {
	width: 100%;
	max-width: 100%;
	margin: auto;
	padding: 5px 0;
	background-color: #C1E1FF;
	text-align: center;
	display: inline-block;
	white-space: nowrap;
	position: relative;
	line-height: normal;
}

/* question nav */
#assessment-footer div#question-nav {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 auto;
	position: relative;
	white-space: nowrap;
}

#assessment-footer div#question-nav button#page-down, #assessment-footer div#question-nav button#page-up {
	border-radius: 50%;
	padding: 0 10px;
	font-size: 1.5em;
	text-align: center;
	margin-top: 2px;
}

#assessment-footer div#question-nav button#page-down
,#assessment-footer div#question-nav button#page-up {
	float: left;
	margin-top: 6px;
}

#assessment-footer div#question-nav div#question-select {
	overflow-x: hidden;
	overflow-y: hidden;
	width: 420px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

#assessment-footer div#question-nav div#question-select::-webkit-scrollbar {
	display: none;
}

#assessment-footer div#question-nav div#question-select ul {
	list-style: none;
	padding: 5px 0;
	margin: 0 auto;
	float: left;
	white-space: nowrap;
}

#assessment-footer div#question-nav div#question-select ul li {
	display: inline-block;
	margin: auto;
	padding: 6px 2px;
	border: 2px solid #C1E1FF;
	border-radius: 50%;
	border-collapse: seperate;
	position: relative;
}

#assessment-footer div#question-nav div#question-select ul li span {
	text-decoration: none;
	padding: 4px 8px;
	border-radius: 50%;
	margin: auto;
}

#assessment-footer div#question-nav div#question-select ul li span.answered {
	background-color: #80ff80;
}

#assessment-footer div#question-nav div#question-select ul li span.review {
	
}

#assessment-footer div#question-nav div#question-select ul li span.review::after {
	content: url("/images/icons/flag_orange.png");
	width: 16px;
	height: 16px;
	opacity: 0.9;
	left: 6px;
	top: -8px;
	position: absolute;
}

#assessment-footer div#question-nav div#question-select ul li.active {
	border-color: #0000FF;
}

#assessment-footer div#question-nav div#question-select ul li:not(.active):hover {
	border-style: dotted;
	border-color: #0000FF;
	cursor: pointer;
}

#assessment-footer div#control-options {
	margin: 0 auto;
	padding: 0 10px;
	display: inline-block;
	white-space: nowrap;
}

#assessment-pause {
	display: none;
	position: fixed;
	z-index: 4;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.95);
}

#assessment-pause div#resume-content {
	margin: 0 auto;
	padding: 20px;
	text-align: center;
}

#resume-test-button {
	width: 300px;
	height: 200px;
	font-size: 20px;
}

#resume-test-button > img {
	height: 40px;
}

#assessment-results-icon {
	width: 12px;
	height: 12px;
}

#assessment-results-container {
	margin: auto;
	min-width: 400px;
	max-width: 600px;
}

#price-estimator {
	color: #0000EE;
}

#sub-tree-header {
	width: 100%;
	padding: 10px 5px;
	box-sizing: border-box;
}

.adoHlp {
	box-sizing: content-box;
}

#waitOppScreen {
	box-sizing: content-box;
}

.medal-coin-box-plus {
	padding: 10px;
	text-align: center;
	font-size: 300%;
	font-weight: bold;
}

.medal-coin-box-coin-container {
	text-align: center;
	font-size: 150%;
	font-weight: bold;
}

.medal-coin-box-coin {
	width: 50px;
	height: 50px;
}

.coins-spent-details {
	font-size: 40%;
}

table.ra_resultsTbl  {
	margin:auto;
	padding:10px 0px 10px 0px;
}

table.ra_resultsTbl td {
	padding:5px 0px 5px 3px;
	width:50%;
}

ul.raHlist {
	list-style: none;
	font-size:80%;
}

ul.raHlist li {
	display: inline;
	padding-left:10px;
	padding-right:10px;
}

img.fluencyImg {
	max-height:150px;
    max-width:750px;
    margin:auto;
}
div.fluencyK {
	font-size:24px;
	line-height:2.0;
}
div.fluency1st {
	font-size:24px;
	line-height:2.0;
}
div.fluency2nd {
	font-size:24px;
	line-height:2.0;
}
div.fluency3rd {
	font-size:22px;
	line-height:1.9;
}
div.fluency4th {
	font-size:20px;
	line-height:1.8;
}
div.fluency5th {
	font-size:18px;
	line-height:1.7;
}
div.fluency6th {
	font-size:16px;
	line-height:1.6;
}
div.fluency7th {
	font-size:16px;
	line-height:1.6;
}
div.fluency8th {
	font-size:16px;
	line-height:1.6;
}

div.fluencyDiv {
	text-align:center;
	padding:20px;
}

#processContainer {
	display: none;
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

#processContainer > .please-wait {
	width: 500px;
	margin: 20px auto;
	text-align: center;
}

#processContainer > .please-wait > h1 {
	padding-top: 1em;
}

.practice-header {
	background-color: #FFD5AA;
}

.test-header {
	background-color: #AAFFAA;
}

.green-button {
	background-color: #AAFFAA;
	border-color: #008000;
}

.red-button {
	background-color: #FF8080;
	border-color: red;
}

/* start: fluency product */
ul#fluency-story-selection {
	margin: 0;
	padding: 20px 0;
	width: 100%;
}

ul#fluency-story-selection li {
	display: inline-block;
	width: 32%;
	list-style-type: none;
	text-align: center;
}

ol#fluency-story-selection {
	margin: 1em auto;
	padding: 0;
	text-align: center;
	list-style-position: inside;
}

ol#fluency-story-selection li {
	width: 32%;
	margin: 1em auto;
}

ul#fluency-story-selection li button
,ol#fluency-story-selection li button {
	padding: 20px 20px;
	font-size: 18px;
	width: 90%;
}

ul#fluency-my-summary {
	width: 100%;
	display: inline-block;
	margin: 10px 0 0;
	padding: 0;
}

ul#fluency-my-summary li {
	width: 32%;
	display: inline-block;
	list-style-type: none;
	text-align: center;
}

ul#fluency-my-summary li:first-child {
	text-align: right;
}

ul#fluency-my-summary li:last-child {
	text-align: left;
}

.pointer {
	cursor: pointer;
}

#fluency-reading-results {
	width: 90%;
}
/* end: fluency product */