BODY  { BACKGROUND-COLOR: #FFFFFF; FONT-FAMILY: Geneva, Arial, sans-serif; COLOR: #000000;  MARGIN-LEFT: 0%; FONT-SIZE: 10pt; MARGIN-RIGHT: 0%; background-position: left top; background-image:url('_img/bckrnd.jpg'); background-repeat:repeat-x }
.from { font-weight: bold; color:#FFFFFF; font-size:16pt; background-color:#FF7337 }


P { 	TEXT-ALIGN: left; MARGIN: 0px; FONT-SIZE: 11pt }
TABLE { COLOR: #000000; FONT-SIZE: 11pt }
DIV { COLOR: #000000; FONT-SIZE: 11pt }
SPAN { COLOR: #000000; FONT-SIZE: 11pt }
TD { COLOR: #000000; FONT-SIZE: 100% }
DIV.Titles { TEXT-ALIGN: center; PADDING-BOTTOM: 0.5em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; COLOR: #000000; PADDING-TOP: 0.5em }
BUTTON { DISPLAY: inline; FONT-FAMILY: Geneva, Arial, sans-serif; FONT-SIZE: 100% }
.ExerciseSubtitle { COLOR: #000000; FONT-SIZE: 120% }
.RTLText { TEXT-ALIGN: right; FONT-FAMILY: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva, Arial, sans-serif; DIRECTION: rtl; FONT-SIZE: 150% }
.CentredRTLText { TEXT-ALIGN: center; FONT-FAMILY: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva, Arial, sans-serif; DIRECTION: rtl; FONT-SIZE: 150% }
BUTTON P.RTLText { TEXT-ALIGN: center }
.RTLGapBox { TEXT-ALIGN: right; FONT-FAMILY: "Times New Roman", Geneva, Arial, sans-serif; DIRECTION: rtl; FONT-SIZE: 150%; FONT-WEIGHT: none  }
.Guess { FONT-WEIGHT: bold }
.CorrectAnswer { FONT-WEIGHT: bold }
DIV#Timer { TEXT-ALIGN: center; PADDING-BOTTOM: 0.25em; PADDING-LEFT: 0.25em; PADDING-RIGHT: 0.25em; COLOR: #000000; MARGIN-LEFT: auto; MARGIN-RIGHT: auto; PADDING-TOP: 0.25em }
SPAN#TimerText { BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; PADDING-BOTTOM: 0.25em; PADDING-LEFT: 0.25em; PADDING-RIGHT: 0.25em; DISPLAY: none; COLOR: #000000; BORDER-TOP: 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: 1px solid; PADDING-TOP: 0.25em }
SPAN.Instructions { }
DIV.ExerciseText { }
.FeedbackText { COLOR: #000000 }
.FeedbackText SPAN.CorrectAnswer { COLOR: #000000 }
.FeedbackText SPAN.Guess { COLOR: #000000 }
.FeedbackText SPAN.Answer { COLOR: #000000 }
.LeftItem { TEXT-ALIGN: left; COLOR: #000000; FONT-SIZE: 100% }
.RightItem { COLOR: #000000; FONT-SIZE: 100%; FONT-WEIGHT: bold }
SPAN.CorrectMark { }
INPUT { FONT-FAMILY: Geneva, Arial, sans-serif; FONT-SIZE: 120% }
TEXTAREA { FONT-FAMILY: Geneva, Arial, sans-serif; FONT-SIZE: 120% }
SELECT { FONT-SIZE: 100% }
DIV.ExerciseDiv { COLOR: #000000 }
TABLE.FlashcardTable { POSITION: relative; BORDER-BOTTOM-COLOR: #000000; TEXT-ALIGN: center; PADDING-BOTTOM: 0px; BACKGROUND-COLOR:transparent; BORDER-TOP-COLOR: #000000; MARGIN: 2em 5%; PADDING-LEFT: 0px; WIDTH: 90%; PADDING-RIGHT: 0px; COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BORDER-LEFT-COLOR: #000000; PADDING-TOP: 0px }
TABLE.FlashcardTable TR { BORDER-BOTTOM-STYLE: none; PADDING-BOTTOM: 0px; BORDER-RIGHT-STYLE: none; BACKGROUND-COLOR: #80ff80; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none; PADDING-TOP: 0px }
TABLE.FlashcardTable TD.Showing { BORDER-BOTTOM: 1px solid; TEXT-ALIGN: center; BORDER-LEFT: 1px solid; PADDING-BOTTOM: 2em; BACKGROUND-COLOR: #80ff80; MARGIN: 0px; PADDING-LEFT: 2em; WIDTH: 50%; PADDING-RIGHT: 2em; DISPLAY: table-cell; COLOR: #000000; FONT-SIZE: 140%; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; PADDING-TOP: 2em }
TABLE.FlashcardTable TD.Hidden { 	DISPLAY: none }
DIV#SegmentDiv { 	TEXT-ALIGN: center; MARGIN-TOP: 2em; MARGIN-BOTTOM: 2em }
SPAN.RemainingWordList { 	FONT-STYLE: italic }
.ClozeWordList { 	TEXT-ALIGN: center; FONT-WEIGHT: bold }
TABLE.CrosswordGrid {	PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #000000; MARGIN: auto auto 1em; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-COLLAPSE: collapse; PADDING-TOP: 0px }
TABLE.CrosswordGrid TBODY TR TD {	BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #000000 1px solid; PADDING-BOTTOM: 1px; MARGIN: 0px; PADDING-LEFT: 1px; WIDTH: 1.5em; PADDING-RIGHT: 1px; HEIGHT: 1.5em; COLOR: #000000; FONT-SIZE: 140%; VERTICAL-ALIGN: middle; BORDER-TOP: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; PADDING-TOP: 1px }
TABLE.CrosswordGrid SPAN {	COLOR: #000000 }
TABLE.CrosswordGrid TD.BlankCell {	BACKGROUND-COLOR: #000000; COLOR: #000000 }
TABLE.CrosswordGrid TD.LetterOnlyCell { TEXT-ALIGN: center; BACKGROUND-COLOR: #ffffff; COLOR: #000000; VERTICAL-ALIGN: middle; FONT-WEIGHT: bold }
TABLE.CrosswordGrid TD.NumLetterCell { 	TEXT-ALIGN: left; PADDING-BOTTOM: 1px; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; COLOR: #000000; VERTICAL-ALIGN: top; FONT-WEIGHT: bold; PADDING-TOP: 1px }
.NumLetterCellText {	COLOR: #000000; CURSOR: pointer }
.GridNum {	COLOR: #000000; FONT-SIZE: 66%; VERTICAL-ALIGN: super; FONT-WEIGHT: bold; TEXT-DECORATION: none }
:hover.GridNum {	COLOR: #000000 }
:visited.GridNum {	COLOR: #000000 }
TABLE#Clues {	MARGIN: auto; VERTICAL-ALIGN: top }
TABLE#Clues TD {	VERTICAL-ALIGN: top }
TABLE.ClueList {	MARGIN: auto }
TD.ClueNum {	TEXT-ALIGN: right; VERTICAL-ALIGN: top; FONT-WEIGHT: bold }
TD.Clue {	TEXT-ALIGN: left }
DIV#ClueEntry {	TEXT-ALIGN: left; MARGIN-BOTTOM: 1em }
DIV.Keypad {	TEXT-ALIGN: center; DISPLAY: none; MARGIN-BOTTOM: 0.5em }
DIV.Keypad BUTTON {	BACKGROUND-COLOR: #ffffff; WIDTH: 2em; FONT-FAMILY: Geneva, Arial, sans-serif; COLOR: #000000; FONT-SIZE: 120% }
DIV.QuestionNavigation {	TEXT-ALIGN: center }
.QNum {	MARGIN: 0em 1em 0.5em; VERTICAL-ALIGN: middle; FONT-WEIGHT: bold }
TEXTAREA {	FONT-FAMILY: Geneva, Arial, sans-serif }
.QuestionText {	TEXT-ALIGN: left; MARGIN: 0px; FONT-SIZE: 100% }
.PartialAnswer {	LETTER-SPACING: 0.1em; COLOR: #000000; FONT-SIZE: 120% }
.Highlight {	BACKGROUND-COLOR: #ffff00; COLOR: #000000; FONT-SIZE: 120%; FONT-WEIGHT: bold }
OL.QuizQuestions {	TEXT-ALIGN: left; LIST-STYLE-TYPE: none }
LI.QuizQuestion {	BORDER-BOTTOM: 1px solid; BORDER-LEFT: 0px solid; PADDING-BOTTOM: 1em; PADDING-LEFT: 1em; PADDING-RIGHT: 1em; BORDER-TOP: 0px solid; BORDER-RIGHT: 0px solid; PADDING-TOP: 1em }
OL.MCAnswers {	TEXT-ALIGN: left; PADDING-BOTTOM: 1em; LIST-STYLE-TYPE: upper-alpha; PADDING-LEFT: 1em; PADDING-RIGHT: 1em; PADDING-TOP: 1em }
OL.MCAnswers LI { MARGIN-BOTTOM: 1em }
OL.MSelAnswers {	TEXT-ALIGN: left; PADDING-BOTTOM: 1em; LIST-STYLE-TYPE: lower-alpha; PADDING-LEFT: 1em; PADDING-RIGHT: 1em; PADDING-TOP: 1em }
DIV.ShortAnswer {	PADDING-BOTTOM: 1em; PADDING-LEFT: 1em; PADDING-RIGHT: 1em; PADDING-TOP: 1em }
DIV.NavButtonBar {	TEXT-ALIGN: center; BACKGROUND-COLOR: #ffffff; MARGIN: 2px 0px; CLEAR: both; FONT-SIZE: 100% }
.NavButton {	BORDER-BOTTOM: #004000 2px solid; BORDER-LEFT: #7fbf7f 2px solid; BACKGROUND-COLOR: #008000; COLOR: #ffffff; BORDER-TOP: #7fbf7f 2px solid; CURSOR: pointer; BORDER-RIGHT: #004000 2px solid }
.NavButtonUp {	BORDER-BOTTOM: #004000 2px solid; BORDER-LEFT: #7fbf7f 2px solid; BACKGROUND-COLOR: #ffffff; COLOR: #008000; BORDER-TOP: #7fbf7f 2px solid; CURSOR: pointer; BORDER-RIGHT: #004000 2px solid }
.NavButtonDown {	BORDER-BOTTOM: #7fbf7f 2px solid; BORDER-LEFT: #004000 2px solid; BACKGROUND-COLOR: #ffffff; COLOR: #008000; BORDER-TOP: #004000 2px solid; CURSOR: pointer; BORDER-RIGHT: #7fbf7f 2px solid }

A {	COLOR: #000000 }
A:visited {	COLOR: #000000 }
A:hover {COLOR: #000000;	background-color:#FFFFFF  }
.Answer {	LETTER-SPACING: 0.1em; FONT-SIZE: 120%;}
DIV.DropLine { 	BORDER-BOTTOM: 1px solid #000000; POSITION: absolute; TEXT-ALIGN: center; HEIGHT:40px; WIDTH: 100%; background-color:#E5E5E5 }
.ExSegment { 	COLOR: #000000; FONT-SIZE: 120%; FONT-WEIGHT: none; TEXT-DECORATION: none }
:hover.ExSegment { 	COLOR:#000000; FONT-SIZE: 120%; FONT-WEIGHT: none; TEXT-DECORATION: none }
DIV.Titles { WIDTH:100%; TEXT-ALIGN: center; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: #000000; PADDING-TOP: 5px }
.ExerciseTitle { COLOR: #666666; FONT-SIZE: 12pt }
DIV.StdDiv { WIDTH:100%; BORDER-BOTTOM: #000000 0px solid; TEXT-ALIGN: center; BORDER-LEFT: #000000 0px solid; PADDING-BOTTOM: 5px;  PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px; MARGIN-BOTTOM: 1px; COLOR: #000000; FONT-SIZE: 9pt; BORDER-TOP: #000000 0px solid; BORDER-RIGHT: #000000 0px solid }
DIV.ClozeBody { TEXT-ALIGN: left; LINE-HEIGHT: 1; MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px,  ; FONT-SIZE: 10pt}
SPAN.GapSpan {	FONT-WEIGHT:bold }
DIV.Feedback { Z-INDEX: 1; BORDER-BOTTOM: 1px solid; POSITION: absolute; TEXT-ALIGN: center; BORDER-LEFT: 1px solid; PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #FFFFC0; PADDING-LEFT: 5px; WIDTH: 450px; HEIGHT:200px; PADDING-RIGHT: 5px; DISPLAY: none; COLOR: #000000; FONT-SIZE: 15pt; BORDER-TOP: 1px solid; TOP: 2%; BORDER-RIGHT: 1px solid; PADDING-TOP: 5px; LEFT: 33% }
.FeedbackText { COLOR: #000000; }
.FuncButton     {	BORDER-BOTTOM:#407F40 2px solid ; TEXT-ALIGN: center; BORDER-LEFT: #BFFFBF 2px solid ; PADDING-BOTTOM: 3px; BACKGROUND-COLOR: #BEB9FF; PADDING-LEFT: 6px; PADDING-RIGHT: 6px;  BORDER-TOP: #BFFFBF 2px solid ; CURSOR: pointer; BORDER-RIGHT: #407F40 2px solid ; PADDING-TOP: 3px; FONT-FAMILY: Geneva, Arial, sans-serif; COLOR: #000000; FONT-SIZE: 12pt }
.FuncButtonUp   {	BORDER-BOTTOM:#407f40 2px solid ; TEXT-ALIGN: center; BORDER-LEFT: #bfffbf 2px solid ; PADDING-BOTTOM: 3px; BACKGROUND-COLOR: #BEB9FF; PADDING-LEFT: 6px; PADDING-RIGHT: 6px;  BORDER-TOP: #bfffbf 2px solid ; CURSOR: pointer; BORDER-RIGHT: #407f40 2px solid ; PADDING-TOP: 3px; FONT-FAMILY: Geneva, Arial, sans-serif; COLOR: #000000; FONT-SIZE: 12pt; }
.FuncButtonDown {	BORDER-BOTTOM:#bfffbf 2px solid ; TEXT-ALIGN: center; BORDER-LEFT: #BFFFBF 2px solid ; PADDING-BOTTOM: 3px; BACKGROUND-COLOR: #BEB9FF; PADDING-LEFT: 6px; PADDING-RIGHT: 6px;  BORDER-TOP: #BFFFBF 2px solid ; CURSOR: pointer; BORDER-RIGHT: #407f40 2px solid ; PADDING-TOP: 3px; FONT-FAMILY: Geneva, Arial, sans-serif; COLOR: #000000; FONT-SIZE: 12pt; }
DIV.CardStyle {	height: 70px; width:300px; BORDER-RIGHT: 0px solid; BORDER-BOTTOM: 0px solid; BORDER-LEFT: 0px solid; BORDER-TOP: 0px solid; POSITION: absolute;  PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #FFDD3F; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FONT-FAMILY: Geneva, Arial, sans-serif; COLOR: #000000; FONT-SIZE: 11pt; OVERFLOW: visible;  TOP: -50px;  PADDING-TOP: 5px; LEFT: -0px }
.rtl { 	TEXT-ALIGN: right; FONT-SIZE: 12pt }