body {
}
.grade_title {
    color: brown; 
    font-size:90%;
    font-weight:bold;
    margin:0px;
    padding:0px;
}
.grade_link {
    text-decoration: none; 
    color:blue ; 
    margin:0px;
    font-size:80%;
    padding:0px;
}
.listWord{
color:darkslategray; 
font-family:Arial; 
font-size:110%; 
font-weight:bold;
text-align:left;
padding-left:6px;
}
.listResult
{
    border-width: 0px;
    border-style:solid;
    border-color: lightgray;
    padding:5px 5px 5px 15px; 
display:block;    
color: DarkSlateGray;
margin: 0px 5px 5px 5px; 
font-family:Arial; 
font-size:120%; 
font-weight:normal;
text-align:left;
top:3px;
left:3px;
}
.elementaryContainer
{
border-width: 0px;
display:block;    
margin: 5px 5px 5px 5px; 
font-family:verdana; 
font-size:100%; 
font-weight:normal;
text-align:left;
/*height:960px;
overflow:auto; */
background-color:white; 
}
/*.cardWord 
{
display:table-cell;    
    border-width: 1px;
    border-style:solid;
    border-color:Gray;
    padding:5px 5px 5px 5px; 
    border-radius:5px;
color: #0A2A29; 
font-family:verdana; 
font-size:120%; 
font-weight:bold;
text-align: center;
vertical-align:middle;
height:150px;
width:250px;
overflow:auto;
background-color:white; 
}
.cardExp 
{
display:table-cell;    
    border-width: 1px;
    border-style:solid;
    border-color:Gray;
    padding:5px 5px 5px 5px; 
    border-radius:5px;
color: navy; 
font-family:verdana; 
font-size:90%; 
font-weight:normal;
text-align:left;
vertical-align:middle;
top:3px;
left:3px;
height:150px;
width:250px;
overflow:auto;
background-color:white; 
}*/
.cardFrame0 {
    display: block;
    border-width: 2px;
    border-style: solid;
    border-color: lightblue;
    padding: 5px 5px 5px 5px;
    border-radius: 5px;
    margin: 5px 5px 5px 5px;
}
.cardFrame1 {
    display: block;
    border-width: 2px;
    border-style: solid;
    border-color: lightgrey;
    padding: 5px 5px 5px 5px;
    border-radius: 5px;
    margin: 15px 5px 5px 5px;
    background-color: #faf9f7;
}
.cardFrameSpelling0 {
    display: block;
    border-width: 2px;
    border-style: solid;
    border-color: lightblue;
    padding: 5px 5px 5px 5px;
    border-radius: 5px;
    margin: 20px 5px 5px 5px;
}
.cardFrameSpelling1 {
    display: block;
    border-width: 2px;
    border-style: solid;
    border-color: lightgrey;
    padding: 5px 5px 5px 5px;
    border-radius: 5px;
    margin: 15px 5px 5px 5px;
}
.spellWord {
    color: #006600; /* 333300, CC6600, FF0000, #B8B8B8 */
font-family:verdana; 
font-size:90%; 
font-weight:bold;
text-align:center;
width:90%;
}
.elementaryContainer2
{
border-width: 0px;
display:block;    
margin: 5px 5px 5px 5px; 
font-family:verdana; 
font-size:100%; 
font-weight:normal;
text-align:left;
background-color:white; 
}
.cardWord 
{
display:table-cell;    
    border-width: 1px;
    border-style:solid;
    border-color:Gray;
    padding:5px 5px 5px 5px; 
    border-radius:5px;
color: #0A2A29; 
font-family:verdana; 
font-size:120%; 
font-weight:bold;
text-align: center;
vertical-align:middle;
height:150px;
width:250px;
overflow:auto;
background-color:white; 
}
.cardExp 
{
display:table-cell;    
    border-width: 1px;
    border-style:solid;
    border-color:Gray;
    padding:5px 5px 5px 5px; 
    border-radius:5px;
color: navy; 
font-family:verdana; 
font-size:90%; 
font-weight:normal;
text-align:left;
vertical-align:middle;
top:3px;
left:3px;
height:150px;
width:250px;
overflow:auto;
background-color:white; 
}
.cardWordx 
{
display:table-cell;    
color: #0A2A29; 
font-family:verdana; 
font-size:120%; 
font-weight:bold;
text-align: center;
vertical-align:middle;
height:150px;
width:640px;
overflow:hidden;
background-color:white; 
}
.cardExpx 
{
display:table-cell;    
color: navy; 
font-family:verdana; 
font-size:90%; 
font-weight:normal;
text-align:left;
vertical-align:middle;
top:3px;
left:3px;
height:150px;
width:auto;
overflow:hidden;
background-color:white; 
}
.ListWord 
{
display:table-cell;    
    border-width: 0px;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align:left;
color: #0A2A29; 
font-family:verdana; 
font-size:100%; 
height:50px;
width:100%;
}
.ListQuestion 
{
display:table-cell;    
border-width: 0px;
padding:0px 0px 0px 0px;
margin-left: 20px;
margin-right: 20px;
text-align:left;
color: black; 
font-family:verdana; 
font-size:100%; 
height:75px;
width:100%;
}
.ListAnswer 
{
display:table-cell;    
border-width: 0px;
padding:0px 0px 0px 0px;
text-align:center;
vertical-align:central;
color: black; 
font-weight:bold;
font-family:verdana; 
font-size:110%; 
height:75px;
width:25%;
}
.ListAnswer3 
{
display:table-cell;    
border-width: 0px;
padding:0px 0px 0px 0px;
text-align:center;
vertical-align:central;
color: black; 
font-weight:bold;
font-family:verdana; 
font-size:110%; 
height:75px;
width:33%;
}
.ListAnswer1 
{
display:table-cell;    
border-width: 0px;
padding:0px 0px 0px 0px;
text-align:center;
vertical-align:central;
color: black; 
font-weight:bold;
font-family:verdana; 
font-size:110%; 
height:75px;
width:100%;
}
.sampleCard{
	display:block;
	position:relative;
	border-color:Gainsboro;
    border: 4px solid;
    border-radius: 15px 50px;
	padding: 12px;
    margin-top:12px;
    margin-left:12px;
    margin-right:12px;
    margin-bottom:12px;
	color:Gainsboro;
	font-style:normal;
	font-size:110%;
	font-weight:normal;
	text-align:left;
	top:0px;
	left:0px;
    width: auto;
	background-color:aliceblue;
}
.sample_sentence {
	display:block;
	position:relative;
	padding: 5px;
	color:black;
	font-style: normal;
	font-size:100%;
	font-weight:normal;
	text-align:left;
	top:0;
	left:0;
}
.sample_book {
	display:block;
	position:relative;
	padding: 5px;
	color:darkgreen;
	font-style: normal;
	font-size:80%;
	font-weight:normal;
	text-align:left;
	top:0;
	left:0;
}
.sample_context {
	display:block;
	position:relative;
	padding: 5px;
	color:cadetblue;
	font-style:italic;
	font-size:80%;
	font-weight:normal;
	text-align:left;
	top:0;
	left:0;
}
.spell_abstract {
    color:darkgray;
	font-size: 90%;
}
.spell_answer {
	display:block;
	position:relative;
    margin: 5px;
	border:2px solid darkgreen;
	border-radius:5px; 
	padding: 20px;
	font-family:Verdana;
    color:blue;
	font-size: 320%;
	font-weight:bolder;
	text-align:center;
	width:80%;
    vertical-align:middle; 
	background-color: aliceblue;
	height:100px;
	z-index:0;
}
.spell_message {
    color:brown;
	font-size: 80%;
}
.fill_in_blank {
 display: inline-block;
 border-style:solid;
 border-width:thin;
 border-color:darkgray;
 width:50px;
 height:65px;
 text-align:center;
 margin: 2px 5px -15px 5px;
}
.fill_in_blank1 {
 display: inline-block;
 border-style:solid;
 border-width:thin;
 border-color:red;
 width:50px;
 height:65px;
 text-align:center;
 background-color: white;
 margin: 2px 5px -15px 5px;
}
.word_container
{
	display:block;
	position:relative;
    margin: 5px;
	border:2px solid #a1a1a1;
	border-radius:5px; 
	padding: 5px;
	font-family:Verdana;
	font-size: 100%;
	font-weight:normal;
	text-align:center;
	width:98%;
	background-color: #FFFFFF;
    vertical-align:middle; 
	color: #585858;
	min-height:370px;
	z-index:0;
}
.word_pick_container
{
	display:block;
	position:relative;
    margin: 5px;
	border:0px;
	padding: 5px;
	font-family:Verdana;
	font-size: 100%;
	font-weight:normal;
	text-align:center;
	width:98%;
    vertical-align:middle; 
	background-color: #FFFFFF;
	min-height:137px;
	z-index:0;
}
.spellingCard_s 
{
display:block;    
    border-width: 1px;
    border-style:solid;
    border-color:Gray;
    padding:5px 5px 5px 5px; 
    border-radius:5px;
color: #0A2A29; 
font-family:verdana; 
font-size:120%; 
font-weight:bold;
text-align: center;
vertical-align:middle;
background-color:white; 
width:96%;
}
.spellWord_s
{
    color: #006600; /* 333300, CC6600, FF0000, #B8B8B8 */
font-family:verdana; 
font-size:90%; 
font-weight:bold;
text-align:center;
width:100%;
}
.FullHead4Generic {
    display: block;
    font-size: 110%;
    font-family: Arial;
    background-color: #e3c88f;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #04300A;
    width: 100%;
}
.glface {
    display: inline-block;
    color: black;
    border: solid 1px lightgray;
    font-family: verdana;
    font-size: 100%;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    margin: 3px;
    height: 33px;
    line-height: 33px;
    width: 150px;
}
.sp_phrase_word {
    color: brown;
    font-weight: bold;
}
.elementaryWord2 {
    display: inline-block;
    position: relative;
    border-color: skyblue;
    border-width: 0;
    margin: 5px 5px;
    color: darkgreen;
    font-family: Verdana;
    font-style: normal;
    font-size: 120%;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}
.elementaryContainer2 {
    border-width: 0px;
    display: block;
    margin: 5px 5px 5px 5px;
    font-family: verdana;
    font-size: 100%;
    font-weight: normal;
    text-align: left;
    background-color: white;
}
.elementaryContainer {
    border-width: 0px;
    display: block;
    margin: 5px 5px 5px 5px;
    font-family: verdana;
    font-size: 100%;
    font-weight: normal;
    text-align: left;
    /*height:960px;
overflow:auto; */
    background-color: white;
}
.cardWordx2 {
    display: table-cell;
    color: #0A2A29;
    font-family: verdana;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    vertical-align: text-top;
    padding-top: 20%;
    height: 130px;
    width: 240px;
    overflow: hidden;
}
.cardExpx2 {
    display: table-cell;
    color: navy;
    font-family: verdana;
    font-size: 90%;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    top: 3px;
    left: 3px;
    height: 150px;
    width: auto;
    overflow: hidden;
}
@media print {
    div {
        page-break-inside: avoid;
    }
}