body{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	margin-right: 5%;
	margin-left: 5%;
	font-size: 12px ;
	SCROLLBAR-FACE-color: Gray; 
	SCROLLBAR-HIGHLIGHT-color: white; 
	SCROLLBAR-SHADOW-color: #DAA520; 
	SCROLLBAR-3DLIGHT-color: silver; 
	SCROLLBAR-ARROW-color: white; 
	SCROLLBAR-TRACK-color: #FFE4B5; 
	SCROLLBAR-DARKSHADOW-color: gold;
	background-image: url(img/zadek.jpg);
}
p{
	text-align: left;
	margin: 0px;
	font-size: 12px;
	
	}
div,span,td{
	font-size: 13px;
	color: darkblue;
}
button p.RTLText{
	text-align: center;
}
.RTLGapBox{
	text-align: right;
	font-size: 150%;
	direction: rtl;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
.Guess{
	font-weight: bold;
}
.CorrectAnswer{
	font-weight: bold;
}
div.Titles{
	padding: 13px;
	text-align: center;
	color: darkblue;
}
button{
	display: inline;
}
.ExerciseTitle{
	font-size: 18px;
	color: black;
}
.ExerciseSubtitle{
	color: black;
}
div#Timer{
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: darkblue;
}
span#TimerText{
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	display: none;
	color: darkblue;
}
span.Instructions{
}
div.ExerciseText{
}
.FeedbackText{
	color: darkblue;
}
span.LeftItem{
	font-size: 13px;
	color: darkblue;
}
span.RightItem{
	font-weight: bold;
	font-size: 13px;
	color: darkblue;
}
span.CorrectMark{
}
div.Feedback {
	background-color: #FFEED0;
	left: 33%;
	width: 34%;
	top: 100%;
	z-index: -1;
	border-style: outset;
	border-width: 5px;
	padding: 5px;
	text-align: center;
	color: black;
	position: absolute;
	display: none;
	font-size: 12px;
}
div.ExerciseDiv{
	color: darkblue;
}

/* JMatch flashcard styles */
table.FlashcardTable{
	background-color: transparent;
	color: darkblue;
	border-color: darkblue;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2em;
	margin-bottom: 2em;
	width: 90%;
	position: relative;
	align: center;
	padding: 0px;
}
table.FlashcardTable tr{
	border-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #BC8F8F;
}
table.FlashcardTable td.Showing{
	font-size: large;
	text-align: center;
	width: 50%;
	display: table-cell;
	padding: 2em;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	color: darkblue;
	background-color: #FFEFD5;
}
table.FlashcardTable td.Hidden{
	display: none;
}
/* JMix styles */
div#SegmentDiv{
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
}
a.ExSegment{
	font-size: medium;
	font-weight: bold;
	text-decoration: none;
	color: darkblue;
}
span.RemainingWordList{
	font-style: italic;
}
div.DropLine {
	position: absolute;
	text-align: center;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: darkblue;
	width: 80%;
}
input{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: larger;
}
.ClozeWordList{
	text-align: center;
	font-weight: bold;
}
div.ClozeBody{
	text-align: left;
	margin-top: 2em;
	margin-bottom: 2em;
	line-height: 2.0
}
span.GapSpan{
	font-weight: bold;
	color: green;
}
/* JCross styles */
table.CrosswordGrid{
	margin: auto auto 1em auto;
	border-collapse: collapse;
	border-style: outset;
	padding: 0px;
}
table.CrosswordGrid td{
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	vertical-align: middle;
	font-size: large;
	padding: 0px;
	margin: 0px;
	border: 1px;
	border-style: outset;
	
}
table.CrosswordGrid td.BlankCell{
	background-image: url(img/zadek.jpg);
	color: red;
}
table.CrosswordGrid td.LetterOnlyCell{
	text-align: center;
	vertical-align: middle;
	background-color: #ffffff;
	color: red;
	font-weight: bold;
}
table.CrosswordGrid td.NumLetterCell{
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	color: red;
	padding: 1px;
	font-weight: bold;
}
.NumLetterCellText{
	cursor: pointer;
	font-size: 15px;
	color: red;
	font-weight: bold;
}
.GridNum{
	vertical-align: super;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #812644;;
}
table#Clues{
	margin: auto;
	vertical-align: top;
}
table#Clues td{
	vertical-align: top;
}
table.ClueList{
  margin: auto;
  color: #812644;
}
td.ClueNum{
	text-align: right;
	font-weight: bold;
	color: #812644;
	vertical-align: top;
}
.ClueNum{
	text-align: right;
	font-weight: bold;
	color: #812644;
	vertical-align: top;
}
td.Clue{
	text-align: left;
}
div#ClueEntry{
	text-align: left;
	margin-bottom: 1em;
}
div.Keypad{
	text-align: center;
}
div.Keypad button{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	background-color: #ffffff;
	color: darkblue;
	width: 2em;
}
div.QuestionNavigation{
	text-align: center;
}
.QNum{
	margin: 0em 1em 0.5em 1em;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}
textarea{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: larger;
}
.QuestionText{
	font-size: 13px;
	color: black;
	font-style: normal;
	font-weight: bolder;
}
h2{
	font-size: 14px;
	color: red;
	
}
h1{
	font-size: 14px;
	color: green;	
	
}
h3{
	font-size: 14px;
	color: green;
	font-style: normal;
	
}
.Answer{
	font-size: 120%;
	letter-spacing: 0.1em;
}
.Highlight{
	color: black;
	background-color: #FFE4E1;
	font-weight: bold;
	font-size: 120%;
}
ol.QuizQuestions{
	text-align: left;
	font-size: 12px;
	list-style-type: none;
}
li.QuizQuestion{
	font-size: 13px;
	color: darkblue;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	font-weight: bold;
}
ol.MCAnswers{
	text-align: left;
	list-style-type: upper-alpha;
	padding: 1em;
}
ol.MCAnswers li{
	margin-bottom: 1em;
}
ol.MSelAnswers{
	text-align: left;
	list-style-type: lower-alpha;
	padding: 1em;
}
div.ShortAnswer{
	padding: 1em;
}
div.StdDiv{
	background-color: #FFEED0;
	text-align: center;
	font-size: 12px;
	color: black;
	padding: 8px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: darkblue;
	margin: 1px;
	border: outset;
}
.FuncButton {
	text-align: center;
	border-style: solid;
	border-left-color: #FFEBCD;
	border-top-color: #FAF4CA;
	border-right-color: #706233;
	border-bottom-color: #706233;
	color: darkblue;
	background-color: #DAA520;
	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}
.FuncButtonUp {
	color: #e0c567;
	text-align: center;
	border-style: solid;
	border-left-color: #FAF4CA;
	border-top-color: #FAF4CA;
	border-right-color: #706233;
	border-bottom-color: #706233;
	background-color: darkblue;
	color: #e0c567;
	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}
.FuncButtonDown {
	color: #e0c567;
	text-align: center;
	border-style: solid;
	border-left-color: #706233;
	border-top-color: #706233;
	border-right-color: #FAF4CA;
	border-bottom-color: #FAF4CA;
	background-color: darkblue;
	color: #e0c567;
	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}
/*BeginNavBarStyle*/
div.NavButtonBar{
	text-align: center;
	margin: 2px 0px 2px 0px;
	clear: both;
	font-size: 12px;
}
.NavButton {
	border-style: solid;	
	border-left-color: #cccccc;
	border-top-color: #cccccc;
	border-right-color: #FAF4CA;
	border-bottom-color: #FAF4CA;	
	color: darkblue;
	border-width: 2px;
	cursor: pointer;
	background-image: url(img/zadek.jpg);
	border: outset;
}
.NavButtonUp {
	border-style: solid;
	border-left-color: #cccccc;
	border-top-color: #cccccc;
	border-right-color: #FAF4CA;
	border-bottom-color: #FAF4CA;
	color: #999999;
	background-color: darkblue;
	border-width: 2px;
	cursor: pointer;	
}
.NavButtonDown {
	border-style: solid;
	border-left-color: gold;
	border-top-color: silver;
	border-right-color: blue;
	border-bottom-color: blue;
	color: white;
	background-color: darkblue;
	border-width: 2px;
	cursor: pointer;	
}
/*EndNavBarStyle*/
a{
	color: blue;
	text-decoration: underline;
}
a:visited{
	color: #A52A2A;
	text-decoration: overline;
}
a:hover{
	color: #FFA500;
	text-decoration: overline;
}
div.CardStyle {
	position: absolute;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	color: darkblue;
	background-color: #e0c567;
	left: -50px;
	top: -50px;
	overflow: visible;
}
.rtl{
	text-align: right;
	font-size: large;
}
INPUT {
	FONT-SIZE: 12px; 
	FONT-FAMILY: Arial, Tahoma, sans-serif
	background: #FFE4B5;
}
SELECT {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	background-color: #FFE4B5;
	background-attachment: scroll;
}
.bila {
border: 1px solid black;
width: 100%;
background: #FFFAFA;
font-size: 95%;
margin: 10px;