<style type="text/css">


/* This is the CSS stylesheet used in the exercise. */
/* Elements in square brackets are replaced by data based on configuration settings when the exercise is built. */

/* BeginCorePageCSS */

/* Made with executable version 6.3 Release 0 Build 5 */


/* Hack to hide a nested Quicktime player from IE, which can't handle it. */
* html object.MediaPlayerNotForIE {
 display: none;
}

body{
 font-family: Geneva,Arial,sans-serif;
 background-color: #C0C0C0;
 color: #000000;
 
 margin-right: 5%;
 margin-left: 5%;
 font-size: small;
}

p{
 text-align: left;
 margin: 0px;
 font-size: 100%;
}

table,div,span,td{
 font-size: 100%;
 color: #000000;
}

div.Titles{
 padding: 0.5em;;
 text-align: center;
 color: #000000;
}

button{
 font-family: Geneva,Arial,sans-serif;
 font-size: 100%;
 display: inline;
}

.ExerciseTitle{
 font-size: 140%;
 color: #000000;
}

.ExerciseSubtitle{
 font-size: 120%;
 color: #000000;
}

div.StdDiv{
 background-color: #FFFFFF;
 text-align: center;
 font-size: 100%;
 color: #000000;
 padding: 0.5em;
 border-style: solid;
 border-width: 1px 1px 1px 1px;
 border-color: #000000;
 margin-bottom: 1px;
}

/* EndCorePageCSS */

.RTLText{
 text-align: right;
 font-size: 150%;
 direction: rtl;
 font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial,sans-serif; 
}

.CentredRTLText{
 text-align: center;
 font-size: 150%;
 direction: rtl;
 font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial,sans-serif; 
}

button p.RTLText{
 text-align: center;
}

.RTLGapBox{
 text-align: right;
 font-size: 150%;
 direction: rtl;
 font-family: "Times New Roman", Geneva,Arial,sans-serif;
}

.Guess{
 font-weight: bold;
}

.CorrectAnswer{
 font-weight: bold;
}

div#Timer{
 padding: 0.25em;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 color: #000000;
}

span#TimerText{
 padding: 0.25em;
 border-width: 1px;
 border-style: solid;
 font-weight: bold;
 display: none;
 color: #000000;
}

span.Instructions{

}

div.ExerciseText{

}

.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{
 color: #000099;
}

.LeftItem{
 font-size: 100%;
 color: #000000;
 text-align: left;
}

.RightItem{
 font-weight: bold;
 font-size: 100%;
 color: #000000;
}

span.CorrectMark{

}

input, textarea{
 font-family: Geneva,Arial,sans-serif;
 font-size: 120%;
}

select{
 font-size: 100%;
}

div.Feedback {
 background-color: #C0C0C0;
 left: 33%;
 width: 34%;
 top: 33%;
 z-index: 1;
 border-style: solid;
 border-width: 1px;
 padding: 5px;
 text-align: center;
 color: #000000;
 position: absolute;
 display: none;
 font-size: 100%;
}




div.ExerciseDiv{
 color: #000000;
}

/* JMatch flashcard styles */
table.FlashcardTable{
 background-color: transparent;
 color: #000000;
 border-color: #000000;
 margin-left: 5%;
 margin-right: 5%;
 margin-top: 2em;
 margin-bottom: 2em;
 width: 90%;
 position: relative;
 text-align: center;
 padding: 0px;
}

table.FlashcardTable tr{
 border-style: none;
 margin: 0px;
 padding: 0px;
 background-color: #FFFFFF;
}

table.FlashcardTable td.Showing{
 font-size: 140%;
 text-align: center;
 width: 50%;
 display: table-cell;
 padding: 2em;
 margin: 0px;
 border-style: solid;
 border-width: 1px;
 color: #000000;
 background-color: #FFFFFF;
}

table.FlashcardTable td.Hidden{
 display: none;
}

/* JMix styles */
div#SegmentDiv{
 margin-top: 2em;
 margin-bottom: 2em;
 text-align: center;
}

a.ExSegment{
 font-size: 120%;
 font-weight: bold;
 text-decoration: none;
 color: #000000;
}

span.RemainingWordList{
 font-style: italic;
}

div.DropLine {
 position: absolute;
 text-align: center;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #000000;
 width: 80%;
}

/* JCloze styles */

.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;
}

/* JCross styles */

table.CrosswordGrid{
 margin: auto auto 1em auto;
 border-collapse: collapse;
 padding: 0px;
 background-color: #000000;
}

table.CrosswordGrid tbody tr td{
 width: 1.5em;
 height: 1.5em;
 text-align: center;
 vertical-align: middle;
 font-size: 140%;
 padding: 1px;
 margin: 0px;
 border-style: solid;
 border-width: 1px;
 border-color: #000000;
 color: #000000;
}

table.CrosswordGrid span{
 color: #000000;
}

table.CrosswordGrid td.BlankCell{
 background-color: #000000;
 color: #000000;
}

table.CrosswordGrid td.LetterOnlyCell{
 text-align: center;
 vertical-align: middle;
 background-color: #ffffff;
 color: #000000;
 font-weight: bold;
}

table.CrosswordGrid td.NumLetterCell{
 text-align: left;
 vertical-align: top;
 background-color: #ffffff;
 color: #000000;
 padding: 1px;
 font-weight: bold;
}

.NumLetterCellText{
 cursor: pointer;
 color: #000000;
}

.GridNum{
 vertical-align: super;
 font-size: 66%;
 font-weight: bold;
 text-decoration: none;
 color: #000000;
}

.GridNum:hover, .GridNum:visited{
 color: #000000;
}

table#Clues{
 margin: auto;
 vertical-align: top;
}

table#Clues td{
 vertical-align: top;
}

table.ClueList{
  margin: auto;
}

td.ClueNum{
 text-align: right;
 font-weight: bold;
 vertical-align: top;
}

td.Clue{
 text-align: left;
}

div#ClueEntry{
 text-align: left;
 margin-bottom: 1em;
}

/* Keypad styles */

div.Keypad{
 text-align: center;
 display: none; /* initially hidden, shown if needed */
 margin-bottom: 0.5em;
}

div.Keypad button{
 font-family: Geneva,Arial,sans-serif;
 font-size: 120%;
 background-color: #ffffff;
 color: #000000;
 width: 2em;
}

/* JQuiz styles */

div.QuestionNavigation{
 text-align: center;
}

.QNum{
 margin: 0em 1em 0.5em 1em;
 font-weight: bold;
 vertical-align: middle;
}

textarea{
 font-family: Geneva,Arial,sans-serif;
}

.QuestionText{
 text-align: left;
 margin: 0px;
 font-size: 100%;
}

.Answer{
 font-size: 120%;
 letter-spacing: 0.1em;
}

.PartialAnswer{
 font-size: 120%;
 letter-spacing: 0.1em;
 color: #000000;
}

.Highlight{
 color: #000000;
 background-color: #ffff00;
 font-weight: bold;
 font-size: 120%;
}

ol.QuizQuestions{
 text-align: left;
 list-style-type: none;
}

li.QuizQuestion{
 padding: 1em;
 border-style: solid;
 border-width: 0px 0px 1px 0px;
}

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;
}

.FuncButton {
 text-align: center;
 border-style: solid;

 border-left-color: #ffffff;
 border-top-color: #ffffff;
 border-right-color: #7f7f7f;
 border-bottom-color: #7f7f7f;
 color: #000000;
 background-color: #FFFFFF;

 border-width: 2px;
 padding: 3px 6px 3px 6px;
 cursor: pointer;
}

.FuncButtonUp {
 color: #FFFFFF;
 text-align: center;
 border-style: solid;

 border-left-color: #ffffff;
 border-top-color: #ffffff;
 border-right-color: #7f7f7f;
 border-bottom-color: #7f7f7f;

 background-color: #000000;
 color: #FFFFFF;
 border-width: 2px;
 padding: 3px 6px 3px 6px;
 cursor: pointer;
}

.FuncButtonDown {
 color: #FFFFFF;
 text-align: center;
 border-style: solid;

 border-left-color: #7f7f7f;
 border-top-color: #7f7f7f;
 border-right-color: #ffffff;
 border-bottom-color: #ffffff;
 background-color: #000000;
 color: #FFFFFF;

 border-width: 2px;
 padding: 3px 6px 3px 6px;
 cursor: pointer;
}

/*BeginNavBarStyle*/

div.NavButtonBar{
 background-color: #000000;
 text-align: center;
 margin: 2px 0px 2px 0px;
 clear: both;
 font-size: 100%;
}

.NavButton {
 border-style: solid;
 
 border-left-color: #7f7f7f;
 border-top-color: #7f7f7f;
 border-right-color: #000000;
 border-bottom-color: #000000;
 background-color: #000000;
 color: #ffffff;

 border-width: 2px;
 cursor: pointer; 
}

.NavButtonUp {
 border-style: solid;

 border-left-color: #7f7f7f;
 border-top-color: #7f7f7f;
 border-right-color: #000000;
 border-bottom-color: #000000;
 color: #000000;
 background-color: #ffffff;

 border-width: 2px;
 cursor: pointer; 
}

.NavButtonDown {
 border-style: solid;

 border-left-color: #000000;
 border-top-color: #000000;
 border-right-color: #7f7f7f;
 border-bottom-color: #7f7f7f;
 color: #000000;
 background-color: #ffffff;

 border-width: 2px;
 cursor: pointer; 
}

/*EndNavBarStyle*/

a{
 color: #0000FF;
}

a:visited{
 color: #0000CC;
}

a:hover{
 color: #0000FF;
}

div.CardStyle {
 position: absolute;
 font-family: Geneva,Arial,sans-serif;
 font-size: 100%;
 padding: 5px;
 border-style: solid;
 border-width: 1px;
 color: #000000;
 background-color: #FFFFFF;
 left: -50px;
 top: -50px;
 overflow: visible;
}

.rtl{
 text-align: right;
 font-size: 140%;
}


</style>