@charset "UTF-8";
@import url("icons.css");
#HTMLBLOCK {
    text-align: center;
}

#HTMLBLOCK h1 {
    font-size:3em;
    font-family:"DisplayText";
    color:#8fc549;
    margin-bottom: 1em;
    
}
#HTMLBLOCK p {
    font-size:1.5em;
    color:#000;
    line-height: 1.35em;
    margin-bottom: 1.5em;
	
}
#HTMLBLOCK p2 {
    font-size:1.2em;
    color:#2eacbe;
    line-height: 1.35em;
}
/*CONTENT TEXT STYLING*/
/*Basic Utility CSS*/
.clear {
	clear: both;
}
.textRight {
	text-align: right;
}
.textLeft {
	text-align: left;
}
.textCenter {
	text-align: center;
}
.underlineText {
	border-bottom: solid .1em #c00;
}
.circleText {
	border:solid .1em #c00;
    border-radius:50%;
}

.wsunderlineText {
	border-bottom:solid .1em rgba(0,0,0,.6);
}
.wscircleText {
	border:solid .1em rgba(0,0,0,.6);
    border-radius:50%;
}
/*WS020*/

#WS020 .wscharText {
    margin-right:.2em;
}
#WS020 .wsunderlineText {
    margin-right:.2em;
}
#WS020 .wsunderlineText .wscharText:last-child {
    margin-right:0em;
}

/*l4bv1*/
#l4bv1 .iconHeader {
   position:relative;
   height:5em;
   background:#fff;
   border:solid 2px #333; 
}

/*WS033*/
#WS033 .wscharText {
    margin-right:.2em;
}
#WS033 .wsunderlineText {
    margin-right:.05em;
    padding-left:.15em;
}
#WS033 .wsunderlineText .wscharText:last-child {
    margin-right:0em;
}

#WS033 .syllablesTableWord {
    letter-spacing: .1em;
}

#WS033 .wscircleText {
    padding-left:.1em;
    margin-left:0;
}


.greyStroke {
	color:#ccc;
}
.longSound {
	position:relative;
	
	display:inline-block;
}
.longSoundStroke {
	position:absolute;
	bottom:0;
	border-top:solid .1em #000;
	height:.85em;
	width:100%;
}
.rightSpace75em {
	margin-right:.75em;
}
.buttonBack {
	/*Begin Colorzilla*/
	background: #b5ef4a;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1ZWY0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmQ2NDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #b5ef4a 0%, #a2d642 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5ef4a), color-stop(100%, #a2d642));
	background: -webkit-linear-gradient(top, #b5ef4a 0%, #a2d642 100%);
	background: -o-linear-gradient(top, #b5ef4a 0%, #a2d642 100%);
	background: -ms-linear-gradient(top, #b5ef4a 0%, #a2d642 100%);
	background: linear-gradient(to bottom, #b5ef4a 0%, #a2d642 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5ef4a', endColorstr='#a2d642', GradientType=0 );
/*End Colorzilla*/
}
.centerBlock {
	width:100%;
	text-align:center;
}
.setupButton {
	font-size:1.2em;
	font-family:'BoldText';
	clear:both;
	display:inline-block;
	margin-top:1em;
	width:8em;
	border: solid 1px #0e8c9e;
	border-radius:.25em;
	color:#0e8c9e;
	font-weight:bold;
	padding:1em;
	cursor:pointer;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhZjZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzhjZjFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iIzdjZDdlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZWFjYmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #aaf6ff 0%, #8cf1ff 20%, #7cd7e2 62%, #2eacbe 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaf6ff), color-stop(20%,#8cf1ff), color-stop(62%,#7cd7e2), color-stop(100%,#2eacbe));

background: -webkit-linear-gradient(top,  #aaf6ff 0%,#8cf1ff 20%,#7cd7e2 62%,#2eacbe 100%);

background: -o-linear-gradient(top,  #aaf6ff 0%,#8cf1ff 20%,#7cd7e2 62%,#2eacbe 100%);

background: -ms-linear-gradient(top,  #aaf6ff 0%,#8cf1ff 20%,#7cd7e2 62%,#2eacbe 100%);

background: linear-gradient(to bottom,  #aaf6ff 0%,#8cf1ff 20%,#7cd7e2 62%,#2eacbe 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaf6ff', endColorstr='#2eacbe',GradientType=0 );

}
/*Screen Table is used for standard interface screens*/
.screenTable {
	display: inline-block;
}
.screenTable td {
	vertical-align: top;/*padding-bottom:1em;*/
}
/*Text formatting CSS*/
h1.bigTitle {
	font-family: 'BoldText';
	font-size: 4em;
}
.instructText {
	font-size: 1.2em;
	padding-top: .25em;
	padding-right: .5em;
}
.titleImage {
	padding-top: 2em;
	padding-bottom: .5em;
	height: 5em;
	width: auto;
}
/*Letter Tiles*/
.letterTileBack {
	position:relative;
	display:inline-block;
	height: 6.8em;
	width:7.25em;
	margin-left: .5em;
	cursor: pointer;
}

.underlineLetterTile {
   height:8em;
    display:inline-block;
    border-bottom:solid .5em #c00;
    transition: all .5s 0s;
    margin-right:.25em;
}

.noUnderlineLetterTile {
   height:8em;
    display:inline-block;
    margin-right:.25em;
}
.hideUnderline {
    border-bottom:solid .5em rgba(0,0,0,0);
}
.letterTile {
	position:absolute;
	display: block;
	height: 6em;
	width:6.25em;
	background-color: #fff;
	border: solid .15em rgba(0,0,0,.5);
	border-radius: .25em;
	box-shadow: .25em .25em .25em rgba(0,0,0,.5);
	cursor: pointer;
}
.letterTilePhonemic {
	position:absolute;
	display: block;
	height: 6em;
	width:5em;
	/*background-color: #fff;*/
	margin-left: .25em;
	cursor: pointer;
}

.letterTileSpacer {
	height:4em;
	width:1em;

}
.letterTileSpacerSmall {
		height:1em;
	width:1em;
}
.letterTileContent {
	position:relative;
	font-family: 'TileText';
	font-size: 3em;
	line-height: 1.65em;
	/*letter-spacing:-.1em;*/
	text-align: center;
	padding-left: 0em;
	padding-right: 0em;
	padding-top: 0em;
	border-bottom: solid .07em #333;
	padding-bottom: 0em;
	margin-bottom:0em;
    margin-left:.05em;
    margin-right:.05em;
}

.letterTileVowel {
	/*border-bottom: solid .07em #c00;
	color:#c00;*/
}
.letterTilePhonemicContent {
	position:relative;
	font-family: 'TileText';
	font-size: 3em;
	line-height: 1em;
	text-align: center;
	padding-top: .25em;
	padding-bottom: .5em;
	margin-bottom: .5em;
	/*background-color: #fff;*/
}
.letterTileSelected {
	color: #c00;
	border-bottom: solid .07em #c00;
}
.letterTileHidden {
	display:none;
	/*background-color:#0f0;*/
}
.letterTileTransparent {
    opacity:0;
}
.letterTileWider {
	width:12em;
}
.letterTileShiftRight {
	margin-left:2em;
}
.letterTileLeftArrow {
	position:absolute;
	left:4em;
	top:.5em;
	width:12em;
	height:4em;
	z-index:1000000;
	background-image:url(../img/arrowLeft.png);
	background-size: auto 100%;
	background-repeat:no-repeat;
}

.letterTileUpArrow {
	position:absolute;
	left:.7em;
	top:5em;
	width:4em;
	height:12em;
	z-index:1000000;
	background-image:url(../img/arrowUp.png);
	background-size: 100% auto;
	background-repeat:no-repeat;
}
.letterTileGreen {
	background-color:#0c0;
}
.letterTileBlue {
	background-color:#00c;
}
.letterTileRed {
	background-color:#f00;
}
.letterTileYellow {
	background-color:#ff0;
}
.letterTilePurple {
	background-color:#90c;
}
.letterTileOrange {
	background-color:#fa0;
}

.letterTileBlank {
    opacity:0;
}
/*Larger LetterTiles*/


.ltBoxLarge {
	position:relative;
	display:inline-block;
	height: 12em;
	width: 12em;
	text-align:center;
}
.ltPhonemicLarge {
	position:absolute;
	left:0;
	display:inline-block;
	width:100%;
	height:100%;
	font-size:1.8em;
}
.ltLarge {
	position:absolute;
	display:inline-block;
	left:0;
	text-align:center;
	width:100%;
	height:100%;
	background-color: #fff;
	font-size:1.8em;
	background-color: #fff;
	border: solid .10em rgba(0,0,0,.3);
	border-radius: .25em;
	box-shadow: .25em .25em .25em rgba(0,0,0,.5);
}
.ltPhonemicContentLarge {
	display:inline-block;
	font-family: 'BoldText';
	font-size: 3em;
	line-height: 1em;
	text-align: center;
	padding-top: .25em;
	padding-bottom: .5em;
	margin-bottom: .5em;
}
.ltContentLarge {
	position:relative;
	font-family: 'BoldText';
	font-size: 3em;
	line-height: 1em;
	text-align: center;
	padding-top: .25em;
	padding-bottom: .5em;
	margin-bottom: .5em;
	margin-left:.1em;
	margin-right:.1em;
	
	border-bottom: solid .07em #333;
}

/*Standard LetterTiles*/
.hidden {
	display:none;
}
.ltBoxStandard {
	font-size:.7em;
	position:relative;
	height: 11em;
	width: 11em;
	text-align:center;
}
.ltBoxLong {
	font-size:.7em;
	position:relative;
	height: 11em;
	width: 22em;
	text-align:center;
}
.ltContentStandard {
	position:relative;
	font-family: 'TileText';
	font-size: 3em;
	line-height: 1em;
	text-align: center;
	padding-top: .25em;
	padding-bottom: .25em;
	margin-bottom: .5em;
	margin-left:.1em;
	margin-right:.1em;
	border-bottom: solid .07em #333;
}
/*Tile Grid Table*/
.gridWrap {
	width:100%;
	text-align:center;
}
.grid9 {
	display:inline-block;
}
.grid9 td {
	padding-bottom:.5em;
	padding-left:.25em;
	padding-right:.25em;
}
/*Heart word styles*/
.heartWord {
	font-size:4em;
}

.heartWordBlock {
	position:relative;
	width:6em;
	height:2.5em;
	font-size:3em;
	text-align:center;
}
.heartWordBlockText {
	position:absolute;
	width:100%;
	text-align:center;
	font-size:1.5em;
}
.heartWordBlockTextMultiple {
	position:absolute;
	width:100%;
	text-align:center;
	font-size:1em;
}
/*Letter Sounds Picker*/
.letterSoundsPicker {
	border-radius: .25em;
	border: solid .1em #adcc3f;
	font-size: 1.2em;
	display: inline-block;
	float: left;
	margin-left: .25em;
	background-color: #e9f4be;
	padding: 1em;
	width: 6em;
	cursor: pointer;
	margin-bottom: 1em;
}
.letterSoundSelector {
	font-size:1em;
	line-height:1.2em;
	font-family:'BodyText';
	border: none;
	padding: 0;
	margin:0;
	cursor: pointer;
	background-image:none;
	outline: none;
	-webkit-appearance:none;
    width:7em;
    background-color:rgba(0,0,0,0);
}
.letterSoundSelector option{
	padding:0em;
	margin:0em;
    background-color:#e9f4be;
}

.lockSelect {
	background-image:url(../img/lock.png);
	background-repeat:no-repeat;
	background-position:1em center;
	background-size: auto 50%;
}

.letterSoundPickerComplete {
	border-radius: .25em;
	border: solid .1em #adcc3f;
	font-size: 1.2em;
	display: block;
	float: left;
	margin-left: .25em;
	padding: 1em;
	padding-left: 0em;
	padding-right: 0em;
	width: 8em;
	color: #fff;
	cursor: pointer;
	background-color: #e9f4be;
}
.dotBulletNum {
    position:relative;
    left:-.7em;
	border-radius: 50%;
	background-color: #1d70c4;
	color: #fff;
	font-family: 'BodyText';
	font-size: 1.5em;
    line-height:1.0em;
	width: 1.2em;
	height: 1em;
	padding: .2em;
    padding-left:0em;
	margin-top: .5em;
    letter-spacing: -.15em;
    text-align:center;
}
.circleNum {
	border-radius: 50%;
	color: #333;
	display:inline-block;
	font-family: 'BodyText';
	font-size: 2.1em;
	width: 1em;
	height: 1em;
	padding: .2em;
	margin-top: .6em;
	margin-right: .15em;
	margin-left: .15em;
	border:solid .1em #fff;
}

.circleNumSelected {
	border:solid .07em #333;
}

.radioLetterTable {
	font-size:1.1em;
}
.radioLetterTile {
	position: relative;
	font-family: 'TileText';
	font-size: 3em;
	box-shadow: 0 0 .05em #000;
	border-radius: .15em;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	width: 2.25em;
	display: inline-block;
	height: 1.25em;
	padding-top: .2em;
	margin-right: 0em;
	background-color:#fff;
}
.radioButton {
	border: solid 1px #666;
	border-radius: 50%;
	height: .25em;
	width: .25em;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.radioButtonSelect {
	background-color: #adcc3f;
	transition:all .2s 0s;
}

.radioButtonHidden {
	background-color: rgba(255,255,255,0);
}

.colSpacer {
	width:1em;
}
.wordButton {
	border-radius: .4em;
	border: solid .1em #adcc3f;
	font-size: 1.2em;
	display: inline-block;
	margin-left: .25em;
	padding: .25em;
	padding-left: 0;
	padding-right: 0;
	padding-top: .4em;
	padding-bottom: .8em;
	margin-bottom: .5em;
	width: 11em;
	color: #fff;
	cursor: pointer;
	background-color: #e9f4be;
}
.word {
	font-size: 3.25em;
}
.syllaboardWord {
	font-family:'BoldText';
font-size:5em;	
margin-top:.75em;
margin-bottom:1.25em;
}
.syllaboardWord span {
	display:inline-block;
	height:.9em;
}

.syllaboardTile {
	position: relative;
	display: inline-block;
	height: 7.75em;
	/*width:15em;*/
    padding-right:2.5em;
    padding-left:2.5em;
	background-color: #fff;
	border: solid .15em rgba(0,0,0,1);
	border-radius: .25em;
	box-shadow: .25em .25em .25em rgba(0,0,0,.5);
	margin:.5em;
    margin-right:1em;
    margin-left:1em;
}
.syllaboardTileHidden {
    opacity:0;
}
.syllaboardTileContent {
	font-family: 'BoardText';
	font-size: 5.5em;
	line-height: 1em;
	text-align: center;
	padding-top: .15em;
	padding-bottom: .25em;
	margin-bottom: .25em;
}

.sylBox {
	position:relative;
	width:auto;
	display:inline-block;
}
.syllaboardBox {
	display:inline-block;
	width:auto;
	height:12em;	
}
.syllaboardHolder {
	position: relative;
	display: block;
	float:left;
	height: 9em;
	width:auto;
	text-align:center;
}

.syllaboardVowelPair {
    position:relative;
    display:inline-block;
}
.syllaboardVowelPairUnderline {
    position:absolute;
    background-color:#c00;
    bottom:0;
    left:0;
    right:0;
    height:.1em;
    display:none;
}
.hiddenText {
	color:#fff;
}
.vowelText {
	color:#c00;
}
.syllablesTable {
	font-size:.9em;
	max-width:98%;
    position:relative;
     border:solid .25em #1d70c4;
    border-radius:1.5em;
}
.syllablesTable td {
	position:relative;

}
.syllablesTable td:first-child {
	padding-top:.6em;
}
.syllablesTableText {
	background-color:#1d70c4;
    color:#fff;
	/*width:5.5em;*/
    height:4.5em;
    position:relative;
	/*border:solid 1px #333;
	border-bottom:none;*/
}

.syllablesTable tr:first-child td:last-child {
    border-top-right-radius:1em;
}

.syllablesTable tr:last-child td:last-child {
    border-bottom-right-radius:1.2em;
}

.syllablesTableTextHeader {
    position:absolute;
    bottom:.5em;
    left:0;
    right:0;
    text-align:center;
    font-size:1.3em;
	line-height:1.2em;
    text-transform: uppercase;
    font-family:'BoldText';
}
.syllableTablesTextCellBorder {
	position:absolute;
	left:.25em;
	right:.25em;
	bottom:0;
	top:0;
	border:solid 1px #1d70c4;
}
.syllablesTable tr:last-child td .syllableTablesTextCellBorder {
    border-bottom:none;
}
.syllableTableHead {
	/*background-color:#2dacbd;
	border:solid 2px #000;
	color:#fff;*/
	font-weight:bold;
}
.syllablesTableWord {
	font-family:'BoldText';
	font-size:2.5em;
	width:4em;
	text-align:left;
	line-height:1.5em;
	padding-top:.2em;
	padding-right:1em;
}
.syllableTablesCell {
	position:relative;
	width:7em;
	height:6em;
	padding:0;
	margin:0;
    background-color:#fff;
    background-image:url(../img/cellDot.png);
    background-position:right top;
    background-repeat:repeat-y;
    background-size:.5em auto;
}
/*l0cv0 styling for template from blast */

#l0cv0 .syllablesTable {
    font-size: .9em;
    max-width: 98%;
    position: relative;
    border: solid 0em #1d70c4;
    border-radius: 1.5em;
}
#l0cv0 .syllableTablesCell {
	position:relative;
	width:7em;
	height:6em;
	background-color:#fff;
	padding:0;
	margin:0;
    background-image:none;
}

#l0cv0 .noCheck {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:block;
	border:solid .5px #333;
}
#l0cv0 .checkMark {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-image:url(../img/checkMarkBlack.png);
	background-size:auto 60%;
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
	border:solid .5px #333;
}
#l0cv0 .checkMark.hiddenCheck {
    background-image:none;
}
#l0cv0 .checkMarkX2 {
	background-image:url(../img/checkMarkBlackx2.png);
}


#l0cv0 .syllablesTableCellArtwork {
	position:relative;
}
#l0cv0  .syllablesTableCellArtworkDiv {
	position:absolute;
	bottom:0;
	width:100%;
	height:140%;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size: 100% auto;
	z-index:2000;
}
#l0cv0  .syllablesTableText {
	/*background-color:#fff;*/
	text-align:center;
	/*width:5.5em;*/
	font-size:1.25em;
	line-height:1.2em;
	height:2.75em;
	padding-top:.25em;
	/*border:solid 1px #333;
	border-bottom:none;*/
}
#l0cv0  .syllableTablesTextCellBorder {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	border:solid .5px #333;
    background-color:#fff;
    padding:.25em;
}
#l0cv0  .syllableTableTextHead {
    position:relative;
    z-index: 10;
    padding:.25em;
    color:#333;
}
/*#l0cv0  .syllableTableTextHead {
    position:relative;
    z-index: 10;
    padding:.25em;
}

#l0cv0  .syllableTableHead {
	font-weight:bold;
}
#l0cv0  .syllablesTableWord {
	font-family:'BodyText';
	font-size:4em;
	width:4em;
	text-align:left;
	line-height:.9em;
	padding-top:.2em;
	padding-right:1em;
}
#l0cv0  .syllableTablesCell {
	position:relative;
	width:7em;
	height:6em;
	background-color:#fff;
	padding:0;
	margin:0;
}*/

#l0cv0  .syllablesTableCellSpacer {
	width:.75em;
}
#l0cv0  .syllableTablesArtworkCell {
	position:relative;
	width:7em;
	height:5em;
}
#l0cv0  .syllableTablesArtworkCellBorder {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff;
	border:solid .5px #333;
	display:block;
}
/*END l0cv0 styling -------------*/

.syllablesTableCellSpacer {
	width:.75em;
}
.syllableTablesArtworkCell {
	position:relative;
	width:7em;
	height:5em;
}
.syllableTablesArtworkCellBorder {
	position:absolute;
	top:0;
	left:.25em;
	right:.25em;
	bottom:0;
	background-color:#fff;
	border:solid 1px #1d70c4;
	display:block;
    
}
.syllablesTableCellArtwork {
	position:relative;
}
.syllablesTableCellArtworkDiv {
	position:absolute;
	bottom:0;
	width:100%;
	height:140%;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size: 100% auto;
	z-index:2000;
}

.noRightBorder {
   background-image:none;
}

.tableCellApple {
	background-image:url(../img/tcApple.png);
}

.tableCellEdge {
	background-image:url(../img/tcEdge.png);
}


.tableCellItchy {
	background-image:url(../img/tcItchy.png);
}

.tableCellOctopus {
	background-image:url(../img/tcOctopus.png);
}
.tableCellUp {
	background-image:url(../img/tcUp.png);
}
.syllableTablesCellBorder {
	position:absolute;
	top:0;
	left:.25em;
	right:.5em;
	bottom:0;
	border-bottom:solid 1px #1d70c4;

}
.syllableTablesCellBorder2 {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
		border-bottom:solid 2px #1d70c4;
    /*border-right:dotted 2px #1d70c4;*/
}
.syllablesTableBanner {
	width:100%;
	height:5.5em;
	background-image:url(../img/hdChallenging.png);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position: 4.75em center;
	display:inline-block;
	margin-bottom:-.8em;
	margin-top: 1em;
	clear:both;
}
.noCheck {
	position:absolute;
	top:0;
	left:.6em;
	right:.7em;
	bottom:0;
	display:block;
    border-bottom:solid 1px #1d70c4;
    /*border-right:dotted 2px #1d70c4;*/
}

.syllablesTable tr:last-child td .noCheck {
    border-bottom:none;
}
.syllablesTable tr:last-child td .checkMark {
    border-bottom:none;
}

.syllablesTable tr:last-child td .syllableTablesCellBorder {
    border-bottom:none;
}

.syllablesTable tr td:last-child  .noCheck {
    border-right:none;
}
.syllablesTable tr td:last-child  .checkMark {
    border-right:none;
}

.syllablesTable tr td:last-child .syllableTablesCellBorder {
    border-right:none;
}
.checkMark {
    position:absolute;
	top:0;
	left:.6em;
	right:.7em;
	bottom:0;
    background-image:url(../img/checkMark.png);
	background-size:auto 60%;
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
    border-bottom:solid 1px #1d70c4;
    /*border-right:dotted 2px #1d70c4;*/
}

.checkMarkX2 {
	background-image:url(../img/checkMarkx2.png);
}
/*WS008 Fixes*/
#WS008 {
	font-size:.9em;
}
#WS008 .circleNum {
	margin-bottom:.25em;
	display:inline-block;
}
#WS008 .syllablesTableText {
	font-size:1.8em;
	border:solid 1px #333;
	width:6em;
}
#WS008 .syllableTablesCell {
	border:solid 1px #333;
}

#WS008 .checkMark {
	border:none;
	background-size:auto 36%;
}
#WS008 .syllablesTableCellArtwork {
	margin-top:-1em;
	height:120%;
	width:100%;
	background-size:80% auto;
	background-position:center center;
	background-repeat:no-repeat;
}
/*End WS008 fixes*/
.wordParts {
	margin-top:2em;
	font-size:.9em;
}
.wordParts td {
	margin-bottom:.25em;
}
.wordPartsText {
	font-family:'BoldText';
	font-size:3.5em;
	text-align:left;
	padding-left:.2em;
}
.wordPartText span {
	text-align:center;
}
.wordPartsMiddleCol {
	display:inline-block;
	width:1em;
}
.wordPartsMiddleColWide {
	display:inline-block;
	width:8em;
}
.wordPartsNumberShift {
	padding-top:.6em;
}

.wordPartsLetter {
	display:inline-block;
	width:1.1em;
	height:1.2em;
	padding-top:.2em;
	text-align:center;
}

.wordPartsSyllable {
	border:solid .07em #6f8a0f;
	border-radius:.25em;
	margin-right:.1em;
	transition: all 200ms 0s;
}
.wordsNoStroke {
	border:solid .07em rgba(0,0,0,0);
}

.wordPartsVowel {
	border:solid .07em #c00;
	border-radius:50%;
	transition: all 200ms 0s;
	position:relative;
	overflow:visible;
}
.vowelNoStroke {
	border:solid .07em rgba(0,0,0,0);
}

.wordPartsSchwa {
	border-bottom:solid .1em #93c;
	position:absolute;
	bottom:-.15em;
	left:0;
	right:0;
	height:.25em;
}
.schwaNoStroke {
	border:solid .1em rgba(0,0,0,0);
}


.vowelSchwaCombo {
	position:relative;
	overflow:visible;
}
.dotBulletNum2Digit {
	width:1.6em;
	height:1.6em;
	padding:0;
	line-height:1.75em;
	margin-right:0;
}
.dotBulletNum1Digit {
		width:1.6em;
	height:1.6em;
	padding:0;
	line-height:1.75em;
	margin-right:0;
}
.dottedWord {
	font-family:'BoldText';
	display:inline-block;
	font-size:5em;
	width:3em;
	padding-top:.1em;
	padding-bottom:.15em;
	border:dotted .07em #2eacbe;
	border-radius:.1em;
	margin:.4em;
	cursor:pointer;
}



.titleSlide {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-size: 40% auto;
	background-repeat:no-repeat;
	background-position:16em 8em;
    padding-top:20em;
	text-align:left;
}

.titleLogo {
	position:absolute;
	left:13em;
	top:8em;
	width:10em;
	height: 10em;
	background-color:var(--hdwGreen);
	border-radius:1.4em;
}

.titleText {
	position:absolute;
	left:26em;
	top:9.5em;
	width:auto;
	height: 8em;
}
.titleUnitBlock {
    width:56.25em;
    height:auto;
    background-size:auto 100%;
    background-position:right top;
    background-repeat:no-repeat;
}
.titleSlide h1 {
	font-size:3.25em;
	color:#333;
	padding:0;
    padding-top:.2em;
    padding-left:8.65em;
    /*background-color:#678d36;*/
	margin:0em;
    margin-left:-.75em;
    margin-bottom:.25em;
    font-family:'DisplayText';
    width:9em;

}

.titleSlide h2 {
	font-size:4em;
	color:#333;
	padding:0;
    padding-left:6.4em;
	margin:0;
    font-family:'BoldText';
	line-height: 1em;;
}

.titleOne {
	/*background-image:url(../img/title1.png);*/
}

.schwaLetter {
	position:relative;
	display:inline-block;
	width:1.15em;
	height:1em;
	padding-bottom:.15em;
	margin-right:-.75em;
	cursor:pointer;
}

.schwaSelected {
	position:absolute;
	top:.12em;
	left:.12em;
	width:.75em;
	height:.75em;
	border:solid .07em #c00;
	border-radius:50%;
}

.schwaTable td {
	padding:.5em;
}

.schwaTable {
	display:inline-block;
}

.dottedWordText {
	font-family:'BoldText';
	display:inline-block;
	font-size:5em;
	padding-top:1em;
	padding-bottom:1em;
	cursor:pointer;
}
.dottedWordOnly {
	border:dotted .07em #048395;
	border-radius:.1em;
	cursor:pointer;
	padding-top:.05em;
	padding-bottom:.05em;
	padding-left:.1em;
	padding-right:.1em;
	margin-left:-.1em;
	margin-right:-.1em;
}


.underlineTextTight {
	display:inline-block;
	margin-bottom:0em;
	border-bottom:solid .1em #c00;
}

.stoplightGroup {
	/*border:solid 1px #000;*/
	border-radius:1em;
	padding:1em;
	margin-top:3em;
	width:auto;
	display:inline-block;
	clear:both;
}
.stoplight {
	display:inline-block;
	width:1.5em;
	height:1.5em;
	border:solid 1px #999;
	border-radius:50%;
	background-color:#fff;
	box-shadow:inset .25em .25em .25em rgba(0,0,0,.5);
	transition:all 1s 0s;
	background-repeat:no-repeat;
	background-size:90% auto;
	background-position:center center;
	margin-left:.5em;
	margin-right:.5em;
}
.stopRedOff {
	/*background-image:url(../img/ltsLookOff.png);*/
}
.stopYellowOff {
	/*background-image:url(../img/ltsThinkOff.png);*/
}
.stopGreenOff {
	/*background-image:url(../img/ltsSayOff.png);*/
}
.stopRed {
	background-color:#c00;	
	/*background-image:url(../img/ltsLookOn.png);
	border:solid 1px #000;*/
}
.stopYellow {
	background-color:#cc0;	
	/*background-image:url(../img/ltsThinkOn.png);
	border:solid 1px #000;*/
}
.stopGreen {
	background-color:#0c0;	
	/*background-image:url(../img/ltsSayOn.png);
	border:solid 1px #000;*/
}
.readARow {
	width:100%;
	height:5em;
	margin-bottom:2em;
	position:relative;
	display:inline-block;
}
.readARowLetterTiles {
	width:90%;
	height:7.5em;
	margin-bottom:2em;
	position:relative;
	display:inline-block;
}
.readARowBlocker {
	position:absolute;
	width:100%;
	height:100%;
	border: solid 1px #3d8c00;
	border-radius:.5em;
	box-shadow: .5em .5em .5em rgba(0,0,0,.5);
	/*Begin Colorzilla*/
	background: #b5ef4a;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1ZWY0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmQ2NDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #b5ef4a 0%, #a2d642 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5ef4a), color-stop(100%, #a2d642));
	background: -webkit-linear-gradient(top, #b5ef4a 0%, #a2d642 100%);
	background: -o-linear-gradient(top, #b5ef4a 0%, #a2d642 100%);
	background: -ms-linear-gradient(top, #b5ef4a 0%, #a2d642 100%);
	background: linear-gradient(to bottom, #b5ef4a 0%, #a2d642 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5ef4a', endColorstr='#a2d642', GradientType=0 );
/*End Colorzilla*/
	z-index:2;
}

.readARowLabel {
	text-align:left;
	position:absolute;
	width:10%;
	float:left;
	color:#2eacbe;
}

.readARowBlock {
	width:33%;
	padding-top:.6em;
	text-align:center;
	float:left;
	font-size:3em;
}

.readARowBlockLetterTiles {
	width:33%;
	padding-top:2.5em;
	text-align:center;
	float:left;
	font-size:.5em;
}

.readARowWords {
	margin-top:.5em;
	font-size:1.85em;
}

/*Vowel Poster*/
.halfTable {
	float:left;
	width:47%;
}
.halfTableCenter {
	display:inline-block;
	width:60%;	
}
.tableSpacer {
	display:inline-block;
	width:6%;
	float:left;
}
.vowelPoster {
	margin-top:1em;
	font-size:.8em;
		background-color:rgba(225,236,185,1.00);
		width:100%;
}
.longPoster {
			background-color:rgba(213,236,240,1.00);
}
.vowelPosterContentRow {
	height:6em;
}
.vowelPoster td {
	padding:1em;
	vertical-align:middle;
}
.vowelPoster tr:first-child td:first-child {
	text-align:left;
	background-color:#adcc3f;
	color:#fff;
}
.longPoster tr:first-child td:first-child {
	background-color:#2eacbe;
}

.vowelPoster tr:nth-child(2) td {
	text-align:left;
}
.vowelPoster tr:nth-child(n+3) td {
	background-color:#fff;
		border-bottom:solid 1px #ADCC3F;
}
.vowelPoster tr:nth-child(n+3) td:nth-child(2) {
	font-size:3em;
	padding:.2em;
}
tr:nth-child(n+3) td:first-child {
	background-color:rgba(0,0,0,0);
	border-bottom:none;
}

.vowelPoster h3 {
	font-size:1.75em;
	font-weight:bold;
}

.vowelPosterApple {
	width:3em;
	background-image:url(../img/tcApple.png);
	background-repeat:no-repeat;
	background-size:120% auto;
	background-position:center -1em;
}
.vowelPosterEdge {
	width:3em;
	background-image:url(../img/tcEdge.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:center center;
}
.vowelPosterItch {
	width:3em;
	background-image:url(../img/tcItchy.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:center center;
}
.vowelPosterOctopus {
	width:3em;
	background-image:url(../img/tcOctopus.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:center center;
}
.vowelPosterUp {
	width:3em;
	background-image:url(../img/tcUp.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:center center;
}

.vowelPosterLetter {
font-size:4em;
font-family:'TileText';	
}

.blueLetter {
	color:#039;
}

.redLetter {
	color:#900;
}

.greenLetter {
	color:#090;
}

.orangeLetter {
	color:#960;
}

.purpleLetter {
	color: #609;
}
/*Mark It*/
.markItLetter {
	margin:0;
	padding:0;
	width:auto;
}
.markIt {
	margin-top:2em;
	font-size:.9em;
}
.markIt tr {

}
.markIt td {
	padding-bottom:1.5em;
}
.markItWord {
	font-family:'BoldText';
	font-size:3em;
	text-align:left;
	padding-left:.2em;
	padding-bottom:0;
}
.markItText {
	padding-left:.25em;
	padding-top:.5em;	
}
.markItText span {
	text-align:left;
	width:auto;
	display:inline;
	padding:0;
	margin-left:.25em;
	margin-right:.25em;
}

.markItTextSpacerSpan {
	width:.25em
}

.markItMiddleCol {
	display:inline-block;
	width:8em;
}
.markItNumberShift {
	padding-top:.2em;
}
.markItUnderLine {
	padding-bottom:-.5em;
	border-bottom:solid .1em #c00;
}
.markItLetter {
	display:inline-block;
	width:1.1em;
	height:1.2em;
	padding-top:.2em;
	text-align:center;
}

.markItSyllable {
	border:solid .07em #6f8a0f;
	border-radius:.25em;
	margin-right:.1em;
	transition: all 200ms 0s;
}



/*Mark It Banners*/
.markItBanner {
	width:100%;
	height:5.5em;
	background-image:url(../img/hdMarkIt.png);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position: 4.75em center;
	display:inline-block;
	margin-bottom:-4em;
	margin-top: .25em;
	clear:both;
}

/*Challenging Banners*/
.challengingBanner {
	width:100%;
	height:5.5em;
	background-image:url(../img/hdChallenging.png);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position: 4.75em center;
	display:inline-block;
	margin-bottom:-.8em;
	margin-top: 1em;
	clear:both;
}

.challengingBannerNormal {
	background-image:url(../img/hdChallenging.png);
}

.challengingBannerMore {
	background-image:url(../img/hdMoreChallengingWords.png);
}

.challengingBannerMost {
	background-image:url(../img/hdMostChallengingWords.png);
}

/*Real Nonsense Table*/
.realNonsenseTable {
	margin-top:1em;
	font-size:.9em;
}
.realNonsenseTable td:first-child {
	padding-top:.75em;
	padding-right:1em;
}
.realNonsenseTableText {
	border:solid 1px #2dacbd;
	text-align:center;
	width:6em;
	font-size:1.7em;
	font-family:'BoldText';
	line-height:1.2em;
	color:#fff;
	background-color:#2dacbd;
	height:1.5em;
	padding-top:.25em;
}
.realNonsenseTableWord {
	font-family:'BoldText';
	font-size:4em;
	width:3em;
	text-align:left;
	line-height:.9em;
	padding-top:.2em;
	padding-right:1em;
}
.realNonsenseTablesCell {
	position:relative;
	width:7em;
	height:6em;
	border:solid 1px #333;
	background-color:#fff;
}
.realNonsenseVowel {
	color:#c00;
}

/*Build word boxes*/
.buildWordBox {
	position:absolute;
	display:block;
	width:auto;
}
.buildWordTile {
	display: inline-block;
	height: 7.75em;
	width:auto;
	background-color: rgba(255,255,255,1);
	border: solid .15em rgba(0,0,0,1);
	border-radius: .25em;
	box-shadow: .25em .25em .25em rgba(0,0,0,.5);
	margin:4em;
	padding-left:1em;
	padding-right:1em;
	transition: all 1s 0s;
}

.buildWordTileNoStroke {
	margin:0;
	padding-left:0;
	padding-right:0;
	border: solid 0 rgba(0,0,0,0);
	background-color: rgba(255,255,255,0);
	box-shadow: .25em .25em .25em rgba(0,0,0,0);
}

.buildWordTileContent {
	font-family: 'TileText';
	font-size: 4em;
	line-height: 1em;
	text-align: center;
	padding-top: .5em;
	padding-bottom: .25em;
	margin-bottom: .25em;
	letter-spacing:.2em;
}


/*Closed Syllables*/
.closeSyllableEnd {
	position:absolute;
	top:-.25em;
	bottom:-.25em;
	left:-.25em;
	right:-.25em;
	border:solid .5em #c00;
	border-radius:.5em;
	display:none;
	z-index:100000;
}

.closeSyllableArrow {
	position:absolute;
	background-image:url(../img/arrowUp.png);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:center center;
	width:100%;
	height:5em;
	top:4.5em;
	display:none;
		z-index:100000;
}

/*closed Syllable Tiles*/
.closedSyllableTileBack {
	position:relative;
	display:inline-block;
}

.closedSyllableTile {
	position:relative;
	display: inline-block;
	height: 6em;
	width:5em;
	background-color: #fff;
	border: solid .10em rgba(0,0,0,1);
	border-radius: .25em;
	margin-left: .25em;
	box-shadow: .25em .25em .25em rgba(0,0,0,.5);
	cursor: pointer;
}

.closedSyllableTileContent {
	position:relative;
	font-family: 'TileText';
	font-size: 3em;
	line-height: 1em;
	text-align: center;
	padding-top: .25em;
	border-bottom: solid .07em #333;
	padding-bottom: .5em;
	margin-bottom: .5em;
	background-color: #fff;
}

.closedSyllableVowel {
	color:#c00;
	border-bottom: solid .07em #c00;
}

/*SS001 Elements*/
#SS001 {
	font-size:.8em;
}
#SS001 .dottedWordText{
	padding-bottom:.25em;
}
.hiddenBorder {
	border-color:rgba(0,0,0,0);
}
.dottedWordOnly {
	transition:all .5s 0s;
}

.underlineTextTight {
	transition:all .5s 0s;
}
/*SS002 Elements*/
#SS002 {
	font-size:.8em;
}
#SS002 .dottedWordText{
	padding-bottom:.25em;
}
/*LT001 Elements*/
.vowelTable {
	background-color:#fff;
	box-shadow:inset .25em .25em .25em rgba(0,0,0,.5);
	display:inline-block;	
	padding:2em;
	border:solid .25em #555;
	border-radius:2em;
}

/*LT002 Elements*/
.letterTable {
	display:inline-block;
}

/*LT004 Elements*/
.letterTableDiv {
	position:relative;	
	display:inline-block;
}
.letterTableRow {
	position:relative;	
	overflow:visible;
}
.tableRowBlocker {
	position:absolute;
	top:-.25em;
	left:0;
	bottom:.75em;
	right:0;
border: solid 1px #3d8c00;
	border-radius:.5em;
	box-shadow: .5em .5em .5em rgba(0,0,0,.5);
	/*Begin Colorzilla*/
	background: #b5ef4a;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1ZWY0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmQ2NDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #b5ef4a 0%, #a2d642 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5ef4a), color-stop(100%, #a2d642));
	background: -webkit-linear-gradient(top, #b5ef4a 0%, #a2d642 100%);
	background: -o-linear-gradient(top, #b5ef4a 0%, #a2d642 100%);
	background: -ms-linear-gradient(top, #b5ef4a 0%, #a2d642 100%);
	background: linear-gradient(to bottom, #b5ef4a 0%, #a2d642 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5ef4a', endColorstr='#a2d642', GradientType=0 );
/*End Colorzilla*/
	z-index:2;
}

/*LT006 elements*/
.isWordCheck {
	position:absolute;
	top:0;
	left:0;
	height:6em;
	width:5em;
	background-image:url(../img/checkMark.png);
	background-size:90% auto;
	background-position: center center;
	background-repeat:no-repeat;
	display:inline-block;
}

.notWordCheck {
	position:absolute;
	top:0;
	left:0;
	height:6em;
	width:5em;
	background-image:url(../img/checkMarkX.png);
	background-size:90% auto;
	background-position: center center;
	background-repeat:no-repeat;
	display:inline-block;
	
}

/*LT007 */
#LT007 {
    padding-bottom:6em;
}

.challengeDiv {
}

.divInline {
	display:inline-block;
}
.padBottom1em {
	padding-bottom:1em;
}
.halfBlock {
	width:30em;
	display:inline-block;
	vertical-align:top;
}
.alignLeft {
	text-align:left;	
}
.collapseBlock {
	width:auto;
	position:relative;
	display:inline-block;
}
.hiddenCheck {
	background-image:none;	
}
.checkString {
    background-image:none;
    font-size:2.5em;
    font-family:'BoldText';
    line-height:2.5em;
    margin-left:-.6em;
    width:2.5em;
}
.hiddenString {
    color:#fff;
}


.hiddenCirc {
	border:solid .1em rgba(255,255,255,0);	
}



/*WS016*/
#WS016 .floatingBlock {
    width:8em;

    
}
.longAccentBlock, .shortAccentBlock {
 position:relative; 
    overflow: visible;
}
.longAccent, .shortAccent {
    position:absolute;
    top:-.4em;
    left:.1em;
    right:.1em;
    height:.4em;
    display:inline-block;
}
.longAccent {
    border-bottom:solid .1em rgba(0,0,0,1);
}
.shortAccent {
    border-radius:50%;
    border-bottom:solid .1em rgba(0,0,0,1);
}
.columnHead {
	font-family: 'BoldText';
	font-size: 2.5em;
	margin-top:1.25em;
}
.colLeft {
position:absolute;
	top:.5em;
	left:0;
	right:50%;
	bottom:0;
}

.colRight {
position:absolute;
	top:.5em;
	left:50%;
	right:0;
	bottom:0;
}
#WS019 .floatingBlock{
    width:7.5em;
    
}
#WS019colLeft {
    position:absolute;
	top:1em;
	left:0%;
	right:66%;
	bottom:0;
}
#WS019colCenter {
    position:absolute;
	top:1em;
	left:33%;
	right:33%;
	bottom:0;
}
#WS019colRight {
    position:absolute;
	top:1em;
	left:66%;
	right:0;
	bottom:0;
}

#WS020 {
    font-size:.8em;
}
#WS020 td.syllableTablesCell:nth-child(3) {   
    width:9em;
    text-align:center;
}

#WS020 td.syllableTablesCell:nth-child(3) .checkString{   
    width:3.4em;
}
#WS020 td.syllableTablesCell:nth-child(4) .checkMark {   
    text-align:center;
    width:100%;
    margin-left:-.5em;
}
#WS021 {
    font-size:.8em;
}
#WS022 {
    font-size:.75em;
}
#WS022 .syllableTablesCell {
    width:12em;
}

#WS022 .checkMark {
   width:100%;
}

#WS023 {
    font-size:.8em;
}


#WS024 .floatingBlock {
	position:absolute;
	border-radius: .4em;
	border: solid 1px #adcc3f;
	font-size: 2em;
    line-height:1.1em;
	padding: .25em;
	padding-left: 0;
	padding-right: 0;
	padding-top: .2em;
	padding-bottom: .2em;
	width: 7.5em;

}
#WS024colLeft {
    position:absolute;
	top:3em;
    font-size:.75em;
	left:0%;
	right:75%;
	bottom:0;

}
#WS024colLeftCenter {
    position:absolute;
    top:3em;
    font-size:.75em;
	left:25%;
	right:50%;
	bottom:0;
}
#WS024colRightCenter {
    position:absolute;
    top:3em;
    font-size:.75em;
	left:50%;
	right:25%;
	bottom:0;
}
#WS024colRight {
    position:absolute;
		top:3em;
    font-size:.75em;
	left:75%;
	right:0;
	bottom:0;
}
#WS025 .columnHead {
    font-size:1.75em;
    font-family:"DisplayText";
    margin-top:.25em;
}
#WS025col1, #WS025col2, #WS025col3, #WS025col4, #WS025col5 {
    position:absolute;
    top:3em;
    bottom:0;
}

#WS025col1 {
 left:0;
 right:80%;
}
#WS025col2 {
 left:20%;
 right:60%;
}
#WS025col3 {
 left:40%;
 right:40%;
}
#WS025col4 {
 left:60%;
 right:20%;
}
#WS025col5 {
 left:80%;
 right:0%;
}

#WS025 .floatingBlock {
 font-size:2.25em;   
}
#WS025 .floatBlockArea {
 top:6em;   
}

.floatBlockArea {
	position:absolute;
	top:8em;
	bottom:0;
	left:0;
	right:0;
}
.floatingBlock {
	position:absolute;
	border-radius: .4em;
	border: solid 1px #adcc3f;
	font-size: 2.5em;
    line-height:1.1em;
	display: block;
	padding: .25em;
	padding-left: 0;
	padding-right: 0;
	padding-top: .2em;
	padding-bottom: .2em;
	width: 5.5em;
	color: #fff;
	/*Begin Colorzilla*/
	background: #b5ef4a;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1ZWY0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmQ2NDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #b5ef4a 0%, #a2d642 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5ef4a), color-stop(100%, #a2d642));
	background: -webkit-linear-gradient(top, #b5ef4a 0%, #a2d642 100%);
	background: -o-linear-gradient(top, #b5ef4a 0%, #a2d642 100%);
	background: -ms-linear-gradient(top, #b5ef4a 0%, #a2d642 100%);
	background: linear-gradient(to bottom, #b5ef4a 0%, #a2d642 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5ef4a', endColorstr='#a2d642', GradientType=0 );
/*End Colorzilla*/
	box-shadow: .1em .1em .1em rgba(0,0,0,.5);
    
    /*Global Floating Block change 9_2016*/
    font-family:'DisplayText';
    /*option 1*/
    /*color:#fff;
    text-shadow: 0em 0em .1em rgba(0,0,0,.75);*/
    /*option 2*/
    color:#333;
}

/*for WS026*/
#WS026 {
    font-size:.70em;
}
#WS026 #WS026Table td.syllablesTableText.subhead   {
height:2.75em;
    width:8em;
}

#WS026 #WS026Table tr:nth-child(n+3) td:nth-child(2n+3)  {
    border-right: dotted 1px #1d70c4;
    background-image:none;
}

#WS026 #WS026Table tr:nth-child(n+3) td:last-child  {
    border-right: none;
    background-image:none;
}

#WS027 {
    font-size:.8em;
}
#WS027 td:nth-child(n+4) .syllablesTableTextHeader{
    font-family:sans-serif;
    text-transform:none;
}

#WS028 span.schwaCircle {
    border:solid .15em #93c;;
    border-radius:50%;
    transition: all 250ms 0s;
}

#WS028 span.hideCircle {
    border:solid .15em rgba(0,0,0,0);
}


/*New WS CSS 4_1_16*/
#WS030 {
    font-size:.8em;
}
#WS030 td.syllableTablesCell:nth-child(3) {   
    width:9em;
    text-align:center;
}

#WS030 td.syllableTablesCell:nth-child(3) .checkString{   
    width:3.4em;
}
#WS030 td.syllableTablesCell:nth-child(4) .checkMark {   
    text-align:center;
    width:100%;
    margin-left:-.5em;
}

#WS030 .syllablesTableWord {   
   letter-spacing:.15em;
}
#WS030 .wsunderlineText {
	margin-right:.15em;
	margin-left:0em;
letter-spacing:.05em;
    border-bottom: solid .15em rgba(0,0,0,0);
}
#WS031 {
    font-size:.8em;
}
#WS031 .wsunderlineText {
    border-bottom: solid .15em rgba(0,0,0,0);
}
#WS032 {
    font-size:.70em;
}
#WS032 #WS032Table td.syllablesTableText.subhead   {
height:2.75em;
    width:8em;
}

#WS032 #WS032Table tr:nth-child(n+3) td:nth-child(2n+3)  {
    border-right: dotted 1px #1d70c4;
    background-image:none;
}

#WS032 #WS032Table tr:nth-child(n+3) td:last-child  {
    border-right: none;
    background-image:none;
}

#WS032 .wsunderlineText {
    border-bottom: solid .15em rgba(0,0,0,0);
}
#WS032 .wscircleText {
    border: solid .1em rgba(0,0,0,0);
}
#WS033 {
    font-size:.8em;
}
#WS033 .syllableTablesCell {
    width:14em;
}

#WS033 .checkMark {
   width:100%;
}

#WS033 .wsunderlineText {
    border-bottom: solid .15em rgba(0,0,0,0);
}

#WS034 {
    font-size:.8em;
}

#WS034 .wsunderlineText {
    border-bottom: solid .15em rgba(0,0,0,0);
}
#WS034 .wscircleText {
    border: solid .1em rgba(0,0,0,0);
}

/*for GL003*/
.GL003HeartWordText {
	font-size:.8em;
}
.emSpace {
	display:inline-block;
	width:1em;
}
.emSpace4 {
	display:inline-block;
	width:4em;
}
/*for GL004*/
.readARowBlockLetterTiles .ltBoxLarge {
	margin-left:1em;
}

/*Full Screen shot IM001*/
.fullImage {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-repeat:no-repeat;
	background-size:auto 80%;
	background-position:center center;
}

/* for Generic tables */
.oneEm {
	width:1em;
}
.oneNHalfEm {
	width:1.5em;
}

.twoEm {
	width:2em;
}

.twoNHalfEm {
	width:2.5em;
}

.threeEm {
	width:3em;
}
.fourEm {
	width:4em;
}
.fiveEm {
	width:5em;
}

.sixEm {
	width:6em;
}

.sevenEm {
	width:7em;
}

.eightEm {
	width:8em;
}

.middleAlign {
	vertical-align:middle;
}

.schwaText {
	font-size:3em;
	line-height:2em;
	font-family:'BoldText';
	color:#c00;
}

.schwaHidden {
	color:#fff;
}


#SB001 .sylBox {
    height:24em;
}
/*SB001 Larger Tiles*/
#SB001 .syllaboardTile {
    width:8em;
}

/*SB005 Styles*/
#SB005 span {
    letter-spacing: .1em;
    padding-left:.025em;
    margin-left:.025em;
    margin-right:.025em;
}
/*SB008 10_29_14*/
#SB008 .buildWordTile {
	margin:1em;
	height:10em;
	width:15em;
	transition:none;
}

#SB012 .SB012Vowel{
    color:#000;
}

#SB012 .SB012Vowel.hiddenText{
    color:rgba(0,0,0,0);
}

#SB012 .SB012Vowel.underline{
    border-bottom:solid .1em #c00;
}
#SB012 .SB012Vowel.underline.hiddenUnderline{
    border-bottom:solid .1em rgba(0,0,0,0);
}

#SB014 span {
    letter-spacing: .1em;
    padding-left:.025em;
    padding-bottom:.1em;
    margin-left:.025em;
    margin-right:.025em;
}

.floatPanel {
	position:absolute;
	bottom:1em;
	left:1em;
	right:1em;
	
	z-index:5000;
}


.floatButton {
	font-size:1.5em;
	line-height:1.2em;
	font-family:'BoldText';
	color:#3d8c00;
	border: solid 1px #3d8c00;
	background-color:#fff;
	padding: .5em;
	padding-left:1em;
	padding-right:1em;
	margin:0;
	margin-right:.25em;
	margin-left:.25em;
	cursor: pointer;
	background-image:none;
	outline: none;
	-webkit-appearance:none;
	float:left;
	border-radius:.5em;
	
	/*Begin Colorzilla*/
	background: #b5ef4a;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1ZWY0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmQ2NDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #b5ef4a 0%, #a2d642 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5ef4a), color-stop(100%, #a2d642));
	background: -webkit-linear-gradient(top, #b5ef4a 0%, #a2d642 100%);
	background: -o-linear-gradient(top, #b5ef4a 0%, #a2d642 100%);
	background: -ms-linear-gradient(top, #b5ef4a 0%, #a2d642 100%);
	background: linear-gradient(to bottom, #b5ef4a 0%, #a2d642 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5ef4a', endColorstr='#a2d642', GradientType=0 );
/*End Colorzilla*/
}
.rightButton {
float:right;	
}
.floatButtonSelect {
	border: solid 1px #a2d642;
	background:#3d8c00;
	color:#a2d642;
}

/*l3Ev2 Adjustment*/

#l3ev2 .syllaboardHolder {
    width:auto;
}

#l3ev2 .syllaboardTile {
    width:auto;
    padding-left:1em;
    padding-right:1em;
}
#l3ev2Word.syllaboardWord {
	margin-top:.75em;
	margin-bottom:.75em;
}

.SB003Circle {
    border:solid .1em #90c;
    border-radius:40%;
    display:inline-block;
}

.SB003Circle.circleHidden {
    border:solid .1em rgba(0,0,0,0);
}
#SB003 .underlineText {
    display:inline-block;
    height: 1.0em;
    margin-left:.025em;
    margin-right:.025em;
}
#SB003 .SB003Circle {
    display:inline-block;
    height:1.1em;
}
#SB003 .SB003Consonant, #SB003 .SB003Vowel {
    margin-right:.05em;
    margin-left:.05em;
    padding:.02em;
    display:inline-block;
    height:2em;
} 
#SB003 .underlineText.underlineHidden {
    border-bottom:solid .1em rgba(0,0,0,0);
}
#SB003Word.syllaboardWord {
	margin-top:.75em;
	margin-bottom:.75em;
    letter-spacing: .01em;
}



#SB008 div#SB008Instruct {
	font-size:1.2em;
	position:absolute;
	top:10%;
	left:20%;
	right:20%;
	background-color:	#fff;
	border:solid .25em rgba(180,208,70,1.00);
	box-shadow: .25em .25em .25em rgba(0,0,0,.5);
	padding:1em;
	border-radius: 1em;
	text-align:left;
}
#SB008Instruct h1 {
	font-size:1.2em;
	font-family: 'BoldText';
	color: rgba(53,181,198,1.00);
	line-height:1em;
	padding:0;
	margin:0;
	margin-bottom:.5em;
}
#SB008Instruct p {
	font-size:1.2em;
	font-family: 'BodyText';
	color: #333;
		margin-bottom:1em;
}
#SB008Instruct h4 {
	font-size:1em;
	font-family: 'BoldText';
	color: rgba(53,181,198,1.00);
	text-align:center;
}

#SB008Instruct ol {
	list-style:outside;
	list-style:decimal;
	margin-left:2em;
	margin-bottom: 1.5em;
}

#SB008Instruct ol li{
	margin-bottom: .5em;
	line-height:1.2em;
}
/*SB004 styles*/
#SB004Boards span.SB004Vowel {
	color:#000;
}

#SB004Boards span.SB004Vowel.hiddenText, #SB004Boards span.SB004Schwa.hiddenText  {
	color:#fff;
}

#SB004Boards .underLineSchwa  {
	display:inline-block;
	border-bottom:solid .1em #93c;
}

/*SB009 Styles*/
#SB009 .SB009Vowel {
    margin-right:.05em;
    margin-left:.05em;
}
#SB009 .SB009ConsonantChar {
    margin-right:.05em;
    margin-left:.05em;
}

/*SB010 Styles*/
#SB010 {
    text-align:center;
    position:relative;
}
#SB010 .syllaboardTile {
    transition:all .5s;
    opacity:0;
}
#SB010syllaboardTiles {
    text-align:center;
    width:100%;
    height:9em;

}
#SB010 .syllaboardHolder {
    display:inline-block;
    float:none;
}

#SB011 #SB011Word .SB011Consonant {
	letter-spacing:.1em;
}
#SB011 .SB011under {
	border-bottom: solid .1em #c00;
	transition: all .5s 0s;
}
#SB011 #SB011Word .SB011Vowel {
	margin-left:.05em;
	margin-right:.05em;
}
#SB011 .hideSpanUnder {
	border-bottom:solid .1em rgba(0,0,0,0);
}

#SB014 {
 font-size:.9em;   
}
#SB014 .SB014hiddenText {
 color:rgba(0,0,0,0);    
}

#SB014 .syllaboardTileContent .SB014Suffix {
 color:rgba(0,0,0,1);
}

#SB014 .syllaboardTileContent .SB014Suffix.SB014hiddenText{
 color:rgba(0,0,0,0);   
}

#SB015 {
 font-size:.9em;   
}


#SB015 .SB015hiddenText {
 color:rgba(0,0,0,0);    
    
}

#SB015Word .SB015Vowel, #SB015Word .SB015Suffix {
  transition: all .5s 0s;  
      margin-left:.05em;
    border-bottom:solid .1em rgba(0,0,0,0);
    padding-bottom:.02em;
}

 #SB015Word .SB015Suffix {
    padding-bottom:.02em;
}

#SB015Word .SB015Vowel.underlineText, #SB015Word .SB015Suffix.underlineText {
  transition: all .5s 0s;  
      margin-left:.05em;
    border-bottom:solid .1em #c00;
}

#SB015 .syllaboardTileContent .SB015Suffix, #SB015 .syllaboardTileContent .SB015Vowel {
 color:rgba(0,0,0,1);
}

#SB015 .syllaboardTileContent .SB015Suffix.SB015hiddenText{
 color:rgba(0,0,0,0);   
}
#SB015 .syllaboardTileContent .SB015Vowel.SB015hiddenText{
 color:rgba(0,0,0,0);   
}



#SB016 {
 font-size:.9em;   
}

#SB017Word.syllaboardWord {
	margin-top:.75em;
	margin-bottom:.75em;
    letter-spacing: .01em;
}

#SB017 .SB017Vowel {
     margin-right:.01em;
    margin-left:.01em;
}

#SB018Word.syllaboardWord {
	margin-top:.75em;
	margin-bottom:.75em;
    letter-spacing: .01em;
}

#SB018 .SB018Vowel {
     margin-right:.01em;
    margin-left:.01em;
}
/*MI001 Adjustments*/
#MI001 {
   font-size:.9em; 
}

#MI009 {
 font-size:.9em;   
}
#MI009 .markItCircle {
	border:solid .07em #6f8a0f;
	border-radius:.25em;
	margin-right:.1em;
	transition: all 200ms 0s;
	padding-left:.1em;
	padding-right:.1em;
}

#MI009 .markItCircleHidden {
	border:solid .07em rgba(0,0,0,0);
}
#MI009 .markIt {
    margin-top:4em;
}
#MI009 .markIt td {
   padding-bottom:.4em; 
}
#MI010 {
font-size:.8em;	
}
#MI010 .markItCircle {
	border:solid .07em #6f8a0f;
	border-radius:.25em;
	margin-right:.1em;
	transition: all 200ms 0s;
	padding-left:.1em;
	padding-right:.1em;
}

#MI010 .markItCircleHidden {
	border:solid .07em rgba(0,0,0,0);
}
#MI011 {
	font-size:.8em;
}

#MI011 .markIt{
	margin-top:4em;
}
#MI012 {
	font-size:.8em;
}

#MI012 .wordPartsVowel {
	border-radius:0;
	border: none;
	border-bottom: solid .15em #cc00cc;
}

#MI012 .wordPartsSyllable {
	padding-bottom:.2em;
	padding-top:.2em;
}

#MI012 .vowelNoStroke{
	border-bottom: solid .15em rgba(0,0,0,0);
}


/*MI013 specific*/
#MI013 {
    font-size:.9em;
}
#MI013 .screenTable.markIt {
	font-size:.8em;
	margin-top:3em;
}

#MI013 .screenTable .markItMiddleCol {
	width:2em;
}
#MI013 .markItWord {
	margin-bottom:.10em;
    padding-bottom:.1em;
}

#MI013 .markIt td {
   padding-bottom:1em; 
}
#MI013 .markItText span {
	padding:0;
	margin-left:.1em;
	margin-right:.1em;
	letter-spacing:.05em;
}

#MI013 .wordPartsSyllable {
    display:inline;
    padding-left:0;
    padding-right:0;
    padding-bottom:.4em;
    border-radius:.6em;
	margin:0;
}

#MI013 .wordPartsSyllable.sylHidden {
    border:solid .07em rgba(255,0,0,0);

}

/*MI014 size adjustment*/

#MI014 {
	font-size:.7em;	
}

#MI014 .wordPartsMiddleCol {
	width:3em;
}
#MI014 .wordPartsVowel {
	border:none;
	border-bottom:solid .1em #c00;
	border-radius:0;
	margin-bottom:-.5em;
	display:inline-block;
}

#MI014 .wordPartsVowel.vowelNoStroke{
	border:none;
	border-bottom:solid .1em rgba(0,0,0,0);;
}

/*MI015 specific*/
#MI015 {
	font-size:.7em;
    padding-top:5em;
}
#MI015 .markItBanner{
	margin-bottom:-2em;
}
#MI015 .markItWord {
margin-bottom:.25em;	

}
#MI015 .markItMiddleCol {
    width:2em;
}

#MI015 .spanUnderline {
    border-bottom:solid .1em #C00;
    margin:0;
}

#MI015 .underlineHidden {
    border-bottom:solid .1em rgba(0,0,0,0);
}

/*MI016 specific*/
#MI016 {
    font-size:.9em;
}
#MI016 .screenTable.markIt {
	font-size:.8em;
	margin-top:3em;
}

#MI016 .screenTable .markItMiddleCol {
	width:2em;
}
#MI016 .markItWord {
	margin-bottom:.10em;
        padding-bottom:.1em;
}

#MI016 .markIt td {
   padding-bottom:1em; 
}

#MI016 .wordPartsSyllable {
    display:inline;
        padding-left:0;
    padding-right:0;
    padding-bottom:.4em;
    border-radius:.6em;
}

#MI016 .wordPartsSyllable.sylHidden {
    border:solid .07em rgba(255,0,0,0);

}

#MI016 span {
   margin-left:.1em;
   margin-right:.1em;

}


/*MI002 size adjustment*/

#MI002 {
	font-size:.75em;	
}

#MI002 .wordPartsVowel {
    border:none;
    border-bottom: solid .09em #c00;
    border-radius:0;
    transition: all 200ms 0s;
    position: relative;
    overflow: visible;
}
#MI002 .vowelNoStroke {
	border-bottom:solid .09em rgba(0,0,0,0);
}
/*MI003 styles*/

#MI003 {
font-size:.8em;	
}
#MI003 .wordPartsSchwa{
	height:1em;
	width:1em;
	position:absolute;
	top:-.1em;
	border:solid .07em #93c;
	border-radius:50%;
	transition: all 200ms 0s;
}
#MI003 .wordPartsVowel{
	border:none;
	border-bottom:solid .1em #c00;
	position:static;
	border-radius:0;
}

#MI003 .wordsNoStroke {
 border:solid .07em rgba(0,0,0,0);	
}
#MI003 .vowelNoStroke {
 border-bottom:solid .1em rgba(0,0,0,0);	
}

#MI003 .schwaNoStroke {
 border:solid .07em rgba(0,0,0,0);	
}
/*MI003 styles end*/
/*WS009 styles*/
#WS009 .schwaCount {
	font-size:3em;
	line-height:1.9em;
	color:#93c;
	font-family:'BoldText';
}

#WS009 .checkMark {
	border:none;
}

#WS009 td.syllablesTableText {
	vertical-align:middle;
	height:auto;
	border:solid 1px #333;
	border-bottom:none;
}

#WS009 td.syllableTablesCell {
		border:solid 1px #333;
	border-bottom:none;
}

#WS009 tr:last-child td.syllableTablesCell {
		border-bottom:solid 1px #333;
}

#WS009 td.reverseHead {
	background-color:#2eacbe;
	color:#fff;
	height:2em;
}

/*WS010 styles*/
#WS010 .schwaCount {
	font-size:3em;
	line-height:1.9em;
	color:#93c;
	font-family:'BoldText';
}

#WS010 .checkMark {
	border:none;
}

#WS010 td.syllablesTableText {
	vertical-align:middle;
	height:auto;
	border:solid 1px #333;
	border-bottom:none;
}

#WS010 td.syllableTablesCell {
		border:solid 1px #333;
	border-bottom:none;
}

#WS010 tr:last-child td.syllableTablesCell {
		border-bottom:solid 1px #333;
}

#WS010 td.reverseHead {
	background-color:#2eacbe;
	color:#fff;
	height:2em;
}

/*WS012 styles*/
#WS012 .checkMark {
	border:none;
}

#WS012 td.syllablesTableText {
	vertical-align:middle;
	height:auto;
	border:solid 1px #333;
	border-bottom:none;
}

#WS012 td.syllableTablesCell {
		border:solid 1px #333;
	border-bottom:none;
}

#WS012 tr:last-child td.syllableTablesCell {
		border-bottom:solid 1px #333;
}

#WS012 td.reverseHead {
	background-color:#2eacbe;
	color:#fff;
	height:2em;
}

/*WS013 styles*/
#WS013 {
	font-size:.9em;
}
#WS013 .schwaCount {
	font-size:3em;
	line-height:1.9em;
	color:#93c;
	font-family:'BoldText';
}

#WS013 .checkMark {
	border:none;
}

#WS013 td.syllablesTableText {
	vertical-align:middle;
	height:auto;
	border:solid 1px #333;
	border-bottom:none;
}

#WS013 td.syllableTablesCell {
		border:solid 1px #333;
	border-bottom:none;
}

#WS013 tr:last-child td.syllableTablesCell {
		border-bottom:solid 1px #333;
}

#WS013 td.reverseHead {
	background-color:#2eacbe;
	color:#fff;
	height:2em;
}

/*WS014 styles*/
#WS014 {
	font-size:.8em;
}
#WS014 .schwaCount {
	font-size:3em;
	line-height:1.9em;
		color:#93c;
	font-family:'BoldText';
}

#WS014 .checkMark {
	border:none;
}

#WS014 td.syllablesTableText {
	vertical-align:middle;
	height:auto;
	border:solid 1px #333;
	border-bottom:none;
}

#WS014 td.syllableTablesCell {
		border:solid 1px #333;
	border-bottom:none;
}

#WS014 tr:last-child td.syllableTablesCell {
		border-bottom:solid 1px #333;
}

#WS014 td.reverseHead {
	background-color:#2eacbe;
	color:#fff;
	height:3.5em;
	vertical-align:middle;
}
#WS014 td.fatHead {
	height:2em;
	vertical-align:middle;
}

#WS014 .circleNum {
	margin-bottom:.25em;
	display:inline-block;
	font-size:2.2em;
}

#WS014 .bulletCell {
	width:3em;
}



#WS014 .howMany {
	width:8em;
}
/*#LT011 */
#LT011 {
	font-size:.85em;
}
.hiddenTile {
}

.hiddenTile div {
	display:none;
}

#CT003 .tileBackUnderline {
    position:absolute;
    bottom:-.25em;
    left:0em;
    right:0em;
    z-index: 100;

}
#CT003 .letterTileBack {
   height:7em;

}

#CT006ColorTiles {
    position:relative;
    width:auto;
    display:inline-block;
}

#CT006LetterTiles {
    position:relative;
    width:auto;
    display:inline-block;
}
#CT006 .colorTile {
    position:relative;
    display:inline-block;
}
#CT006 .letterTile {
    transition:all .25s 0s;
}
#CT006 .letterTileBack {
    margin-left:.5em;
    margin-right:.5em;
}


#CT006 .letterTileContent {
    min-width: .7em;

}

/*#CT006 .underline {
   position:absolute;
    left:-.15em;
    right:-.15em;
    bottom:-.75em;
    border-bottom:solid .15em #c00;
    transition:all .5s 0s;
}*/

#CT006 .underline {
    /*border-bottom:solid .25em #c00;*/
    transition:all .5s 0s;
    display:inline-block;
    padding:0;
	padding-bottom:1em;
    position:relative;
}

#CT006 .underline .stroke {
    border-bottom: solid .5em #c00;
    transition:all .5s 0s;
    position:absolute;
    bottom:0;
    left:.5em;
    right:1em;
    height:.5em;
}
#CT006 .underline.underlineHidden .stroke {
    border-bottom:solid .25em rgba(0,0,0,0);
}

#CT006 .underline .letterTileBack {

}

#CT006 .underline.underlineHidden {
    border-bottom:solid .25em rgba(0,0,0,0);
}

/*#CT006 .circle {
   position:absolute;
    left:-.25em;
    top:-.25em;
    right:-.25em;
    bottom:-.75em;
    border-radius:50%;
    border:solid .1em #c00;
}*/
#CT006 .circle {
    border-radius:50%;
    border:solid .25em #c00;
        transition:all .5s 0s;
    display:inline-block;
    padding-top:2em;
}

#CT006 .circle.circleHidden {
    border:solid .25em rgba(0,0,0,0);
}
/*CT010*/

#CT010 .arrow {
	position:absolute;
	background-image:url(../img/arrowUp.png);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:center center;
	width:100%;
	height:5em;
	top:4.5em;
	z-index:100000;
	display:none;
}
#CT011 .letterTile {
   top:1em;
}
#CT011 .tileBackUnderline .letterTile {
    margin-top:.5em;
}

#CT011 .tileBackUnderline {
    position:relative;
    display:inline-block;
    height:100%;
    width:auto;
    padding:0;
    margin:0;
    border-bottom:solid .5em rgba(0,0,0,0);
}

#CT011 .tileBackUnderline.showUnderline {
    border-bottom:solid .5em #900;
}

/*l6hv1 and others with Connectors*/
.letterConnector {
	position:absolute;
	top:10em;
	left:5em;
	width:10em;
	height:5em;
	border-bottom:solid .5em #c00;
	border-radius:50%;
	z-index:10000;
	display:none;
}

.tileBackUnderline {
	position:absolute;
	left:0;
	bottom:-1em;
	height:1em;
	width:90%;
	border-bottom:solid .5em #c00;
    z-index:1;
	display:none;
}
/*LT012 specific*/
#LT012 .letterTile .vowel {
	color:#c00;	
}

/*MI004*/
#MI004 {
	font-size:.9em;	
}
#MI004 .markItBanner{
	margin-bottom:-2em;
}
#MI004 .markItWord {
margin-bottom:.25em;	
}

/*LT012 specific*/
#l6ov1 .schwaRadioText {
	color:#906;
}
/*WS004 specific*/

#WS004 .syllablesTableText {
	border:solid 1px #333;
	border-bottom:none;
}

/*MI007 specific*/

#MI007 .screenTable.markIt {
	font-size:.8em;
	margin-top:3em;
}

#MI007 .screenTable .markItMiddleCol {
	width:2em;
}
#MI007 .markItWord {
	margin-bottom:.40em;
}
#MI007 .markItText span {
	padding:0;
	margin-left:.15em;
	letter-spacing:.05em;
}

#MI007 .wordPartsSyllable {
    display:inline;
        padding-left:0;
    padding-right:0;
    padding-bottom:.4em;
    border-radius:.6em;
}

#MI007 .wordPartsSyllable.sylHidden {
    border:solid .07em rgba(255,0,0,0);

}

#SB007 #SB007Tile1 {
	width:20em;
	margin-left:-1em;
}

/*LT015 class for underlining a group of tiles*/
.blockUnderline {
	display:inline-block;
	border-bottom:solid .5em #c00;
	transform:"all 500ms 0ms";
	-webkit-transform:"all 500ms 0ms";
    margin-left:.25em;
}

.blockUnderlineHidden {
	border-bottom:solid .5em rgba(0,0,0,0);
		transform:"all 500ms 0ms";
	-webkit-transform:"all 500ms 0ms";
}

#l6vv1 .wordPartsVowel {
	border:none;
}
#l6vv1 .wordPartsText {
padding-top:.25em;
}
#l6vv1 .underLineOnly {
    position:relative;
} 

#l6vv1 .subUnderLine {
    position:absolute;
    bottom:.1em;
    left:0;
    right:0;
    border-bottom:solid .1em #c00;
}

#l6vv1 .underLineOnlyHidden {
	border-bottom:solid .1em rgba(0,0,0,0);
}

#LT016 .letterTileBack {
	width:7em;
}
#LT016 .letterTile {
	width:6em;
}
#LT016 .letterTileContent {
	letter-spacing:.05em;
}

.LT018Circle {
  border:solid .05em #c00; 
    border-radius:.25em;
    padding:.05em;
    margin:-.05em;
}

.LT018Underline {
  border-bottom:solid .1em #c00;   
}
#LT018 .LT018Hidden {
   color:rgba(0,0,0,0); 
}

.LT018Underline.LT018CircUnderlineHidden {
   border-bottom:solid .05em rgba(0,0,0,0);  
}

.LT018Circle.LT018CircUnderlineHidden {
   border:solid .05em rgba(0,0,0,0);  
}

#LT028 {
    font-size:.8em;
}

#LT029 {
    font-size:3em;
    font-family:'BoldText';
    line-height:1.2em;
}

#LT029 .words {
    text-align:left;
    display:inline-block;
    padding-top:1em;
     vertical-align: top;
    margin-right:1.5em;
    margin-left:1.5em;
    letter-spacing: 0em;
    line-height: 1.5em;
}
#LT029 .letter {
    margin-right:.05em;
}

#LT029 .LT029Circle .letter:last-child {
    margin-right: 0em;
}

.LT029Circle {
  border:solid .07em #c00; 
    border-radius:.25em;
    margin-right: .05em;
}

#LT029 .LT029Underline .letter:last-child{ 
    margin-right:0em;
}

.LT029Underline {
  border-bottom:solid .07em #c00;  
    margin-right:.05em;
}
#LT029 .LT029Hidden {
   color:rgba(0,0,0,0); 
}

.LT029Underline.LT029CircUnderlineHidden {
   border-bottom:solid .07em rgba(0,0,0,0);  
}

.LT029Circle.LT029CircUnderlineHidden {
   border:solid .07em rgba(0,0,0,0);  
}

#WS015 .syllableTablesCell {
    border:solid .25em #333;
}

#WS015 .checkMark {
    border:none;
}

#WS015 .syllablesTableText.reverseHead {
    background-color:#2eacbe;
     border:solid .15em #333;
    color:#fff;
    font-family:'BoldText';
    line-height:2.5em;
}


#WS017 .syllableTablesCell {
    border:solid .25em #333;
}

#WS017 .checkMark {
    border:none;
}

#WS017 .syllablesTableText.reverseHead {
    background-color:#2eacbe;
     border:solid .15em #333;
    color:#fff;
    font-family:'BoldText';
}

#WS017 .wide {
    width:8em;
}


#WS018 {
	font-size:.9em;
}
#WS018 .schwaCount {
	font-size:3em;
	line-height:1.9em;
	color:#93c;
	font-family:'BoldText';
}

#WS018 .checkMark {
	border:none;
}

#WS018 td.syllablesTableText {
	vertical-align:middle;
	height:auto;
	border:solid 1px #333;
	border-bottom:none;
}

#WS018 td.syllableTablesCell {
		border:solid 1px #333;
	border-bottom:none;
}

#WS018 tr:last-child td.syllableTablesCell {
		border-bottom:solid 1px #333;
}

#WS018 td.reverseHead {
	background-color:#2eacbe;
	color:#fff;
	height:2em;
}

#WS018 td.syllablesTableCellSpacer {
    width:.5em;
}

#l7bv2 .wordPartsSyllable {
    padding:0;
    padding-bottom:.1em;
    padding-top:.1em;
    margin:0;
    letter-spacing:.25em;
}

#l7bv2 .wordPartsSyllable.underline {

    display:inline-block;
    border:solid .1em rgba(204,0,0,0);
    border-radius:0;
    border-bottom:solid .1em rgba(204,0,0,1);
    
}
#l7bv2 .wordPartsSyllable.underline.uHidden {
     border:solid .1em rgba(204,0,0,0);
}

#l7bv2 .wordPartsSyllable.suffix.sHidden {
     
    border:solid .1em rgba(255,0,0,0);
}

#l7bv2 .wordPartsSyllable.suffix {
    display:inline-block;
    border:solid .1em rgba(204,0,0,1);
    margin-left:-.2em;
    padding-left:.15em;
    border-radius:.5em;
}

/*HD Passages CSS*/
.HDCanvas {
 position:absolute;   
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
}

.canvasBlock {
   position:absolute;   
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
}
.hdDrawTools {
    position:absolute;
    bottom:0;
    right:0;
    z-index:1000;
}
.hdPassageBlocker {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1001;
    background-color:rgba(29,112,196,.75);
    display:none;
}
.hdDrawTools li {
    background-color:#527707;
    color:#fff;
    height:1.5em;
    display:block;
	float:left;
    /*background-image:url(../img/drawingTools/pencilIcon.png);*/
    background-size:auto 75%;
    background-position:.5em center;
    background-repeat:no-repeat;
    border-right:solid .15em rgba(255,255,255,.5);
    font-family:'BoldText';
    font-size:1.25em;
    position:relative;
    padding-left:2em;
    padding-right:.75em;
    padding-top:.5em;
    cursor:pointer;
}

.hdDrawTools .buttonImage {
  background-image:url(../img/drawingTools/pencilIcon.png);
  background-size:auto 75%;
  background-position:.5em center;
  background-repeat:no-repeat;
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;  
  cursor:pointer;
    z-index:0;
}

.hdDrawTools li:last-child {
   border-top-right-radius: 1em; 
    /*border-right:solid .15em #693;*/
    border-right:none;
}
#RI001 h1 {
    font-size:3em;
    text-align:left;
    color:#0c4887;
    font-family:'DisplayText';
}
#RI001 h2 {
    text-align:left;
    line-height:1.5em;
    font-size:1.5em;
    color:#000;
}
#RI001ImgBlock {
    position:absolute;
    top:0;
    left:0;
    right:50%;
    bottom:0;
    padding-top:8em;
    float:left;
    text-align:right;
}
#RI001ImgBlock img {
    width:auto;
    height:80%;
}
#RI001TextBlock{
    position:absolute;
    top:0;
    right:0;
    left:50%;
    bottom:0;
    float:left;
    padding-top:8em;
}
#RI002 {
	font-size:.8em;
}

#RI002 h1 {
 color:#527707;;  
        font-family:'DisplayText';
}
#RI002 strong {
 color:#12569b; 
    font-family:'BoldText';
}

#RI002 em {
 font-family:'ItalicText';   
}

#RI002 em strong {
 font-family:'BoldItalicText';   
}
#RI002 ol {
 list-style:decimal;
    padding-left:1em;
    margin-left:1em;
    padding-right:2em;
    font-size:1.5em;
}
#RI002 li .extraSpace {
   clear:left;
    padding-top:.5em;
}
#RI002List li {
 text-align:left; 
    margin-bottom:1em;
}
#RI003 h1 {
    color:rgb(82 119 7);
    font-family:'DisplayText';
    padding-bottom:1em;
    padding-top:1em;
}

#RI003 li { 
    font-family:'BoldText';
    color:#155ea7; 
    font-size:1.75em;
    padding-bottom:1em;
}

#RI004 h1 {
    color:#527707;
    font-family:'DisplayText';
    padding-bottom:1em;
    padding-top:1em;

}

#RI004 li { 
    font-family:'BoldText';
    text-align:left;
    color:#12569b; 
    font-size:1.75em;
    padding-bottom:1em;
    padding-left:1.1em;
    text-indent:-1.1em;
    
}

#HD001 {
    position:absolute;
    top:0;
    left:0em;
    right:0;
    bottom:0; 
    font-size:1em;

}
#HD001 input[type="number"]::-webkit-inner-spin-button,
#HD001 input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#HD001Init {
   /* background-image:url(../img/drawingTools/pencilIcon.png);*/
}
#HD001Erase .buttonImage{
   background-image:url(../img/drawingTools/trashIcon.png);
}
#HD001Clear {
   /* background-image:url(../img/drawingTools/trashIcon.png);*/
}
#HD001Next  {
	font-family: 'DisplayText';
    position: absolute;
    font-size: 1.5em;
    line-height: 2em;
    border-top-left-radius: .5em;
    bottom: 0em;
    right: 0em;
    width: 4em;
    padding: 0em;
    color: #fff;
    background-color: rgb(82, 119, 7);
    cursor: pointer;
	border: .2em solid transparent;
    transition: border-color 0.2s ease;
}
#HD001Next:focus {
	border: .2em solid #fff;
}

#HD001Next:hover {
	border: .2em solid #fff;
}

/*#HD001Next .buttonImage {
    background-image:url(../img/drawingTools/nextIcon.png);
}*/
#HD001Init.hdDrawToolActive {
    background-image:url(../img/drawingTools/pencilIcon.png);
}
#HD001Erase.hdDrawToolActive {
   background-image:url(../img/drawingTools/trashIcon.png);
}
#HD001Clear.hdDrawToolActive {
    background-image:url(../img/drawingTools/trashIcon.png);
}
#HD001Next.hdDrawToolActive {
    /*background-image:url(../img/drawingTools/nextIcon.png);*/
}
li.hdDrawToolActive {
    /*box-shadow:inset .25em .25em .25em rgba(0,0,0,.5);*/
        background-color:#527707;
		
    
    color:#fff;
}

li.hdDrawToolActive a {
    color:#fff;
	font-weight: bolder;
    transform: scale(0.98);
}

.hdPassageScroll {
    position:absolute;
    top:3em;
    bottom:4em;
    left:1em;
    right:12em;
    overflow:auto;
    z-index:100;
}

.hdPassageBlock {
    position:relative;
 	width:auto;  
    height:auto;
    font-size:1em;
    overflow: hidden;
    z-index:101;
}

.hdPassageScroll h1 {
     color:#0B4279;  
    font-family:'BoldText';
    margin-bottom:0;
}

.hdPassageTable {
    display:inline-block;
    text-align:left;
    margin-bottom: 2em;
}
.hdPassageText {
    width:55em;
    text-align:left;
    color:#333;
    line-height: 1.4em;
    font-size:.95em;
}

.hdPassageCount {
    padding-left:1em;
    text-align:right;
    color:#0B4279;
    font-family:'BoldText';
}
.hdPassageDivider {
    margin-top:1em;
    margin-bottom:.5em;
    display:block;
     color:#0B4279;
    font-family:'BoldText';
    /*background-color:#1d70c4;*/
    border-bottom: solid .15em #1d70c4;
}
/*HD Reader Timer CSS*/
#HD001Timer {
   position:absolute;
    right:1em;
    height:12em;
    width:12em;
    top:3em;
    font-size:.8em;
    z-index: 1002;
}
.audioClip {
    height:0;
    width:0;
}
.timerRing {
    position:absolute;
    top:1em;
    left:1em;
    right:1em;
    bottom:1em;
    background-color:#fff;
    border-radius:50%;
    border:solid .75em #527707c9;
    /*box-shadow: .25em .25em .25em rgba(0,0,0,.5);*/
}

.timerFace {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff;
    border-radius:50%;
    /*box-shadow:inset .25em .25em .25em rgba(0,0,0,.5);*/
}

.timerVal {
    position:absolute;
    width:100%;
    top:.5em;
    text-align:center;
    color:  #527707;
    font-family:'BoldText';
    font-size:2em;
}

.timerHand {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0; 
}

.timerHandArt {
    position:absolute;
    top:5%;
    bottom:35%;
    left:48.5%;
    right:48.5%;
    background-color: #1d70c4;
    z-index:1010;

}

.timerHandArtCenter {
    position:absolute;
    top:40%;
    bottom:40%;
    left:40%;
    right:40%;
    border-radius:50%;
    background-color: #1d70c4;
    z-index:1011;
    box-shadow:0em 0em .15em rgba(0,0,0,.75);
}

.startTimer {
    position:absolute;
    top:.7em;
    right:.5em;
        -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
    width: 2.5em;
    height:2.5em;
    background-color:#105faf;
    /*background-image:url(../img/timerArt/play.png);*/
    background-size:70% auto;
    background-position:.6em .4em;
    background-repeat:no-repeat;

    padding:0em;
    border-top-right-radius:50%;
    border-bottom-right-radius:50%;
    /*border-top-left-radius:50%;*/
}

.stopTimer {
      /*background-image:url(../img/timerArt/stop.png);*/
}
.startTimerTrigger {
    font-family:'BoldText';
    position:absolute;
    color:#fff;
    padding-top:.5em;
    padding-left:.5em;
    top:.75em;
    right:.15em;
    height:2.75em;
    width:3em;
    cursor:pointer;  
    z-index:10000;
}
/*HDWordCalculator CSS*/
#HD001Calculator {
    position:absolute;
    bottom:6em;
    right:0;
    width:41em;
    overflow:hidden;
    height:24em;
    z-index:99;
}

.numberPicker {
    display:none;
    position:absolute;
    left:0;
    height:11.5em;
    padding-bottom:1.5em;
    background-image:url(../img/pointerNumberGreen.png);
    background-position: center bottom;
    background-size: 2em auto;
    background-repeat:no-repeat;
}
.numberPicker .numberPickerInput {
    background-color:#1d70c4;
    border-radius:.75em;
    padding:1em;
    box-shadow:.25em .25em .25em rgba(0,0,0,.5);
}

.numberPicker .numberPickerInput td {
    display:inline-block;
    font-size:1.25em;
height:2em;
    width:2em;
    background-color:#fff;
    line-height:1.9em;
    font-family:'DisplayText';
    color:#1d70c4;
    cursor:pointer;
    border:solid .15em #1d70c4;
    border-radius:.5em;
    margin:.05em;
}

.numberPicker .numberPickerInput td:hover {

    
    color:#0d4e91;
	border: solid .15em #1d70c4;
    border-radius: .5em;
    margin: .05em;

}

.numberPickerInput td.closePicker, .numberPickerInput td.clearPicker {
    background-color:#fff;
	color: #1d70c4;   
}


.numberPickerInput .numberPickerInputLabel {
  font-size:.75em;  
    position:relative;
    top:-.1em;
}
.numberPickerInput td.closePicker:hover, .numberPickerInput td.clearPicker:hover {
    background-color:#fff;
    border:solid .15em #0d4e91;
    color:#0d4e91;
}
.numberPicker tr:nth-child(n+3) td:first-child {
    background-color: #fff;

}
.calculatorBox {
    position:absolute;
    width:36em;
	height:16em;
    right:-38em;
    bottom:0;
    transition:"all 1s 1s";
    z-index:1001;
    overflow: visible;
    padding-right:2em;
}
.calculatorTab {
    background-color:#1d70c4;
    position:absolute;
    top:3em;
    left:-2.5em;
    bottom:3em;
    width:2.5em;
    border-top-left-radius:1em;
	border: 0.218em transparent;
    border-bottom-left-radius:1em;
    cursor:pointer;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.calculatorTab:hover {
    border: 0.218em solid #fff;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.calcTabLabel{
    font-size:1.2em;
    width:5em;
    margin-top:.4em;
    margin-top:1em;
    transform-origin: 3em 2.4em;
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    color:#fff;
    font-family:'BoldText';
}
.calcTabLabel{
    font-size:1em;
    width:9em;
    margin-top:.4em;
    margin-top:4em;
    transform-origin: 3em 2.4em;
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    color:#fff;
    font-family:'BoldText';

}
.calcInput {
    color: #1d70c4;
    font-family:'BoldText';
    outline: none;
    border:none;
    padding:0;
    font-size:1.1em;
    text-align:center;
    width:3em;
    padding-left:1em;
}
.calcTable {
    color: #1d70c4;
     font-family:'BoldText';
    font-size:.9em;
    box-shadow:.25em .25em .25em rgba(0,0,0,.5);

}

.calcTable input {

}

.calcTable td {
    padding:.5em;
    white-space: nowrap;
}

.calculatorBox .calcTable tr td.calcTableDisabled {
     background-color:#ccc;   
}
.calculatorBox .calcTable tr td.calcTableDisabled input {
     background-color:#ccc;   
}
.calculatorBox .calcTable tr td.calcTableAuto {
     background-color: #adF;  
}
.calculatorBox .calcTable tr td.calcTableResult {
     background-color: #dfa;  
}
.calcTable tr:first-child td:nth-child(n+2) {
    background-color:#1d70c4;
    color:#fff;
    font-family:'BoldText';
}
.calcTable tr:nth-child(n+2) td:first-child {
    background-color:#e9eef1;
    color:#0d4e91;
    font-family:'BoldText';
}
.calcTable tr:nth-child(n+2) td {
    background-color:#fff;
    border:solid .1em #0b4b8b;
}
.calcTable tr:nth-child(n+2) td:nth-child(1) {
    text-align:right;
}

.calcTable tr:nth-child(n+2) td:nth-child(n+2) {
    text-align:center;
    font-family:'DisplayText';
    color:#063e77;
}

/*----------------------------------*/

.calcTable th {
    padding:.5em;
    white-space: nowrap;
}

.calculatorBox .calcTable tr th.calcTableDisabled {
     background-color:#ccc;   
}
.calculatorBox .calcTable tr th.calcTableDisabled input {
     background-color:#ccc;   
}
.calculatorBox .calcTable tr th.calcTableAuto {
     background-color: #adF;  
}
.calculatorBox .calcTable tr th.calcTableResult {
     background-color: #dfa;  
}
.calcTable tr:first-child th:nth-child(n+2) {
    background-color:#1d70c4;
    color:#fff;
    font-family:'BoldText';
}
.calcTable tr:nth-child(n+2) th:first-child {
    background-color:#e9eef1;
    color:#0d4e91;
    font-family:'BoldText';
}
.calcTable tr:nth-child(n+2) th {
    background-color:#fff;
    border:solid .1em #0b4b8b;
}
.calcTable tr:nth-child(n+2) th:nth-child(1) {
    text-align:right;
}

.calcTable tr:nth-child(n+2) th:nth-child(n+2) {
    text-align:center;
    font-family:'DisplayText';
    color:#063e77;
}
/*----------------------------------*/
.calcTableA {
    
}
/*Video Formatting*/
.videoEmbed {
   width:62em;
    height:44em;
	position:relative;
	top:0em;
}
.videoFrame {
    width:70em;
    height:40em;
    position:relative;
    display:inline-block;
    background-color:rgba(255,255,255,0);
    overflow: hidden;
}

.videoFrame iframe {
    height:100%;
    width:100%;
}

.videoCopyright {
    color:#1059a3;
    font-family:"BoldText";
    position:absolute;
    bottom:1em;
    left:0;
    right:0;
    text-align:center;
}
#VI001 {
  
}
.vidInfo {
    padding:1em;
    line-height: 1.2em;

}
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
.video {
    position:relative;
    z-index:1000;
    display:inline-block;
    width:auto;
    height:25em;
    box-shadow:.25em .25em .25em rgba(0,0,0,.5);
}
/*VI001 Elements*/


#CD015 {
	font-size:.75em;
	padding-top:1em;
}

#CD015IconBlock {
	padding-top:3em;
}
 #CD015 .letterTileBack {
    position:relative;
    font-size:1.85em;
    margin:0;
	 width:auto;
}
#CD015 .letterTile {
    display: inline-block;
	padding:0;
	margin:.2em;
    position: relative;
    font-size: 2em;
    height: 2.1em;
	width:auto;
    min-width: 1.5em;
    border: solid .02em rgba(0,0,0,.8);
    border-radius: .05em;
    box-shadow: 0.05em 0.05em 0.25em rgba(0,0,0,0);
    cursor: pointer;
    text-align: center;
    line-height: 1.8em;
    font-family: 'DisplayText';
    z-index: 2000;
}

#CD015 .letterTile span {
	display:inline-block;
	padding:0;
	margin:0;
	width:auto;
	min-width:1.45em;
}
#CD015 .letter, #CD015 .vowel {
	border-bottom: solid .07em #333;

}