.spellWord {
color: #006600; /* 333300, CC6600, FF0000, #B8B8B8 */
font-family:verdana; 
font-size:90%; 
font-weight:bold;
text-align:center;
width:90%;
}
.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; 
}
.test_question0
{
display:block;    
padding: 10px;
color:black;
font-family:Arial;
font-size:100%;
text-align:justify;
background-color:#b8d0ca;
min-height:20px;
}
.test_question1
{
display:block;    
padding: 10px;
color:black;
font-family:Arial;
font-size:100%;
text-align:justify;
min-height:20px;
background-color:#b8d0ca;
}
.test_answer
{
display:block;    
padding: 10px;
color:black;
font-family:Arial;
font-size:100%;
text-align:justify;
}
.ewnormaltextPanelList
{
display:block;    
padding: 0px;
max-height:920px;
max-width:564px;
overflow:auto;
}
.printPageList
{
display:block;    
padding: 0px;
width:100%;
height:30px;
font-size:80%;
overflow:auto;
background:aliceblue;
}
.cardFrame0{
display:block;    
    border-width: 2px;
    border-style:solid;
    border-color:darkgray;
    padding:5px 5px 5px 5px; 
    border-radius:5px;
margin:5px 5px 5px 5px; 
}
.cardFrame1{
display:block;    
    border-width: 2px;
    border-style:solid;
    border-color:darkslategrey;
    padding:5px 5px 5px 5px; 
    border-radius:5px;
margin:5px 5px 5px 5px; 
}
.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; 
}
.glface{
display:inline-block;    
color: black;
border:solid 1px lightgray; 
font-family:verdana; 
font-size:100%; 
font-weight:normal;
text-align:center;
vertical-align:middle;
margin:3px;
height:28px;
width:120px;
cursor:pointer;
}
.word_small_container
{
    display:inline-block;
	position:relative;
	border:2px solid;
	border-color:White; 
	border-style:ridge;  
	padding: 0;
	font-family:Arial;
	font-size:70%;
	font-weight:normal;
	text-align:left;
	top:1px;
	left:1px;
	width:178px;
	height:66px;
	z-index:0;
}
.word_small
{
  	border-width:0;
	padding: 0px;
	font-family: Verdana;
	font-size: 135%;
	font-weight:bold;
	text-align: center;
	color:Navy;
	vertical-align: middle;
	width:100%;
	height:38px;
	z-index:0;  
}
.word_buttons
{
    display:table-cell; 
  	border-width:0;
	padding: 0px;
	font-family: Verdana;
	font-size: 100%;
	font-weight:normal;
	text-align: center;
	vertical-align: middle;
	top:0px;
	width:100%;
	height:38px;
	z-index:0;  
}  
.word_in_detail
{
    display:block;
	font-family: Verdana;
	font-size: 137%;
	font-weight:bolder;
	text-align: center;
    margin-top:10px;
    margin-bottom:10px;
	color:darkgreen;
	width:100%;
	z-index:10;      
}
.exp2_in_detail 
{
    display:block;
	font-family: Verdana;
	font-size: 100%;
	font-weight:normal;
	text-align:left;
    margin-left:10px;
    margin-right:10px;
	color:darkblue;
    height:20px;
    overflow:auto;
	width:auto;
	z-index:10;
}
.explanation_in_detail 
{
    display:block;
	font-family: Verdana;
	font-size: 100%;
	font-weight:normal;
	text-align:left;
    margin:0px 10px;
    padding: 0px;
	color:darkblue;
    height:112px;
    overflow:auto;
	width:auto;
	z-index:10;      
}
.detailMiddleDiv 
{
    display:inline-block;
    position :relative; 
    padding :2px 2px 2px 2px; 
    z-index:10; 
    border-width: 3px;
    border-style: outset;
    border-color: #307D7E;
    background-image:url('../pic/vocabularycard_small.jpg');
    color: navy; 
    font-family:verdana; 
    font-size:100%; 
    height: 210px;
    width:270px;
    box-shadow: 7px 7px 3px #888888;
    margin:5px;
}
.detailMiddleDiv2 {
	display: inline-block;
	position: relative;
	padding: 2px 2px 2px 2px;
	z-index: 10;
	border-width: 3px;
	border-style: outset;
	border-color: #307D7E;
	background-image: url('../pic/vocabularycard_middle.jpg');
	color: navy;
	font-family: verdana;
	font-size: 100%;
	height: 260px;
	width: 350px;
	box-shadow: 7px 7px 3px #888888;
	margin: 5px;
}
.explanation_in_detail2 {
	display: block;
	font-family: Verdana;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	margin: 0px 10px;
	padding: 0px;
	color: darkblue;
	height: 162px;
	overflow: auto;
	width: auto;
	z-index: 10;
}
.commandsLine {
    color:navy;
    font-family: Verdana;
	font-style:normal;
	font-size:80%;
    margin:5px;
    text-align:center;
}
.wordBigCard {
    display:block;
	font-family: Verdana;
	font-size: 188%;
	font-weight:bolder;
	text-align: center;
    margin-top:8px;
    margin-bottom:4px;
	color:darkgreen;
	width:100%;
	height:50px; 
}
.ex2BigCard {
    display:block;
	font-family: Verdana;
	font-size: 110%;
	font-weight:normal;
	text-align: left;
    margin-top:3px;
    margin-bottom:3px;
	color:navy;
	width:100%;
	height:160px; 
    overflow:auto;
}
.popPanel {
    background-color:white;
    background-image:url('../pic/vocabularycard_middle.jpg'); 
    background-repeat:no-repeat;
    background-position:center; 
    padding:5px;
}