/* 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 0 */


/* 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: #FFFCEB; color: #180500; margin: 0; padding: 0; }

p{
        text-align: left;
        margin: 0px;
        font-size: 12px;
}

table,div,span,td{
        font-size: 12px;
        color: #180500;
}

div.Titles{
        padding: 0.5em;;
        text-align: center;
        color: #B21514;
}

button{
        font-family: Geneva,Arial,sans-serif;
        font-size: 12px;
        display: inline;
}

.ExerciseTitle{
        font-size: 12px;
        color: #B21514;
}

.ExerciseSubtitle{
        font-size: 12px;
        color: #B21514;
}

div.StdDiv{
        background-color: #FGEABA;
        text-align: center;
        font-size: 12px;
        color: #180500;
        padding: 0.5em;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #E0D2A3;
        margin-bottom: 1px;
}

/* EndCorePageCSS */

.RTLText{
        text-align: right;
        font-size: 12px;
        direction: rtl;
        font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial,sans-serif;
}

.CentredRTLText{
        text-align: center;
        font-size: 12px;
        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: 12px;
        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: #B21514;
}

span#TimerText{
        padding: 0.25em;
        border-width: 1px;
        border-style: solid;
        font-weight: bold;
        display: none;
        color: #B21514;
}

span.Instructions{

}

div.ExerciseText{

}

.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{
        color: #B21514;
}

.LeftItem{
        font-size: 12px;
        color: #180500;
        text-align: left;
}

.RightItem{
        font-weight: bold;
        font-size: 12px;
        color: #180500;
}

span.CorrectMark{

}

input, textarea{
        font-family: Geneva,Arial,sans-serif;
        font-size: 12px;
}

select{
        font-size: 12px;
}

div.Feedback {
        background-color: #FFFCEB;
        left: 33%;
        width: 34%;
        top: 33%;
        z-index: 1;
        border-style: solid;
        border-width: 1px;
        padding: 5px;
        text-align: center;
        color: #B21514;
        position: absolute;
        display: none;
        font-size: 12px;
}




div.ExerciseDiv{
        color: #180500;
}

/* JMatch flashcard styles */
table.FlashcardTable{
        background-color: transparent;
        color: #180500;
        border-color: #E0D2A3;
        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: #FGEABA;
}

table.FlashcardTable td.Showing{
        font-size: 12px;
        text-align: center;
        width: 50%;
        display: table-cell;
        padding: 2em;
        margin: 0px;
        border-style: solid;
        border-width: 1px;
        color: #E0D2A3;
        background-color: #FGEABA;
}

table.FlashcardTable td.Hidden{
        display: none;
}

/* JMix styles */
div#SegmentDiv{
        margin-top: 2em;
        margin-bottom: 2em;
        text-align: center;
}

a.ExSegment{
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        color: #180500;
}

span.RemainingWordList{
        font-style: italic;
}

div.DropLine {
        position: absolute;
        text-align: center;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #B21514;
        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: 12px;
        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: 10px;
        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: 12px;
        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: 12px;
}

.Answer{
        font-size: 12px;
        letter-spacing: 0.1em;
}

.PartialAnswer{
        font-size: 12px;
        letter-spacing: 0.1em;
        color: #B21514;
}

.Highlight{
        color: #000000;
        background-color: #ffff00;
        font-weight: bold;
        font-size: 12px;
}

ol.QuizQuestions{
        text-align: left;
        list-style-type: none;
}

li.QuizQuestion{
        padding: 1em;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-color: #F6EABA;
}

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 { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #F6EABA; border: solid 1px #E0D2A3; margin: 3px 0 5px 0; }


.FuncButtonUp { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #D0B27B; border: solid 1px #B18C5A; margin: 3px 0 5px 0; }


.FuncButtonDown { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #D0B27B; border: solid 1px #B18C5A; margin: 3px 0 5px 0; }


/*BeginNavBarStyle*/

div.NavButtonBar{
        background-color: #5C2514;
        text-align: center;
        margin: 2px 0px 2px 0px;
        clear: both;
        font-size: 12px;
}

.NavButton {
        border-style: solid;

        border-left-color: #ad9289;
        border-top-color: #ad9289;
        border-right-color: #2e120a;
        border-bottom-color: #2e120a;
        background-color: #5C2514;
        color: #ffffff;

        border-width: 2px;
        cursor: pointer;
}

.NavButtonUp {
        border-style: solid;

        border-left-color: #ad9289;
        border-top-color: #ad9289;
        border-right-color: #2e120a;
        border-bottom-color: #2e120a;
        color: #5C2514;
        background-color: #ffffff;

        border-width: 2px;
        cursor: pointer;
}

.NavButtonDown {
        border-style: solid;

        border-left-color: #2e120a;
        border-top-color: #2e120a;
        border-right-color: #ad9289;
        border-bottom-color: #ad9289;
        color: #5C2514;
        background-color: #ffffff;

        border-width: 2px;
        cursor: pointer;
}

/*EndNavBarStyle*/

a{
        color: #B180500;
}

a:visited{
        color: #5C2514;
}

a:hover{
        color: #B180500;
}

div.CardStyle {
        position: absolute;
        font-family: Geneva,Arial,sans-serif;
        font-size: 12px;
        padding: 5px;
        border-style: solid;
        border-width: 1px;
        color: #180500;
        background-color: #FGEABA;
        left: -50px;
        top: -50px;
        overflow: visible;
}

.rtl{
        text-align: right;
        font-size: 12px;
}

#InstructionsDiv { background: #FDF6D9; }