input.GapBox{

}

span.CorrectAnswer{
	font-weight: bold;
}


div.ExerciseText{
	line-height: 2.0;
	text-align: justify;
}

.FeedbackText{
	font-size: 10pt;
	padding: 1px;
}

/****************************************************
* This div is used to display the score when a user
* selects the "Check Answers" button
*****************************************************/
div.Feedback {
	position: absolute; left:220px; top:350px;
	top: 33%;
	z-index: 1;
	background-color: #f1f1f1;
	border: solid 2px #000;
	padding: 5px;
	text-align: center;
	color: #000000;
	display: none;
	font-size: 10pt;
}


.WordListStyle{
	text-align: center;
	font-weight: bold;
	color: #000000;
}



div.ExerciseDiv{
	color: #000000;
}

div.StdDivInstruction{
	text-align: center;
	font-size: 14pt;
	color: #000000;
	padding: 2px;
	margin: 1px;
	position:absolute; left:20%; top:215px;
	width: 565px; 
}


div.StdDiv{
	font-family: Tahoma;
	font-size: 10pt;
	text-align: center;
	font-size: 9pt;
	color: #000000;
	padding: 2px;
	margin: 1px;
	position:absolute; left:20%; top:255px;
	width: 565px;
}

div.StdDivMain{
	font-family: Tahoma;
	font-size: 10pt;
	background-color: #eeeeee;
	text-align: center;
	font-size: 9pt;
	color: #000000;
	padding: 2px;
	border:1px solid #808080;
	margin: 1px;
	position:absolute; left:210px; top:340px;
	width: 565px;
}

.FunctionButton {
/***
	background-color: #C0C0C0;
	color: #000000;
	font-size: 10pt;
	text-align: center;
	border-style: solid;
	border-color: #eeeeee;
	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
*****/
  font-weight: bold;
}


div.NavButtonBar button {
	border-style: solid;
	border-color: #000080;
	background-color: #000080;
	border-width: 2px;
	padding: 2px 2px 2px 2px;
	color: #FFFFCC;
	cursor: pointer;	
}

div.LeftCardStyle {
  min-width: 70px;
  text-align: center;
	position: absolute;
	padding: 5px;
	border: solid 1px #000;
	background-color: #fff;
	left: -50px;
	top: -50px;
	overflow: visible;
}

div.RightCardStyle {
  text-align: center;
	position: absolute; /* left:210px; top:350px; */
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	background-color: #eeeeee;
	left: -50px;
	top: -50px;
	overflow: visible;
}

.CardTable {

position: absolute; left: 210px; top: 340px; background-color:#00FFFF
}


