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


body{
        font-family: Verdana;
        background-color: #DBD7D7;
        color: #796969;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        font-size: 10pt;
}

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

div,span,td{
        font-size: 10pt;
        color: #796969;
}

.RTLText{
        text-align: right;
        font-size: 100%;
        direction: rtl;
        font-family:  Verdana;
}

.CentredRTLText{
        text-align: center;
        font-size: 100%;
        direction: rtl;
        font-family:  Verdana;
}

button p.RTLText{
        text-align: center;
}

.RTLGapBox{
        text-align: right;
        font-size: 100%;
        direction: rtl;
        font-family:Verdana;
}

.Guess{
        font-weight: bold;
}

.CorrectAnswer{
        font-weight: bold;
}

div.Titles{
        padding: 0px;
        text-align: center;
        color: #796969;
}

button{
        display: inline;
}

.ExerciseTitle{
        font-size: 12pt;
        color: #796969;
}

.ExerciseSubtitle{
        color: #796969;
}

div#Timer{
        padding: 6px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
}

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

span.Instructions{

}

div.ExerciseText{

}

.FeedbackText{

}

span.LeftItem{
        font-size: 10pt;
        color: #796969;
}

span.RightItem{
        font-weight: bold;
        font-size: 10pt;
        color: #796969;
}

span.CorrectMark{

}

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




div.ExerciseDiv{
        color: #796969;
}

/* 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;
        align: center;
        padding: 0px;
}

table.FlashcardTable tr{
        border-style: none;
        margin: 0px;
        padding: 0px;
        background-color: #dddddd;
}

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

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

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

a.ExSegment{
        font-size: 10pt;
        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 */

input{
        font-family: Verdana;
        font-size: 10pt;
}

div.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;
}

table.CrosswordGrid td{
        width: 1.5em;
        height: 1.5em;
        text-align: center;
        vertical-align: middle;
        font-size: 10pt;
        padding: 0px;
        margin: 0px;
        border-style: solid;
        border-width: 1px;
        border-color: #AEA2A2;
}

table.CrosswordGrid td.BlankCell{
        background-color: #796969;
        color: #796969;
}

table.CrosswordGrid td.LetterOnlyCell{
        text-align: center;
        vertical-align: middle;
        background-color: #EFEDED;
        color: #796969;
        font-weight: bold;
}

table.CrosswordGrid td.NumLetterCell{
        text-align: left;
        vertical-align: top;
        background-color: #EFEDED;
        color: #796969;
        padding: 1px;
        font-weight: bold;
}

.NumLetterCellText{
        cursor: pointer;
}

.GridNum{
        vertical-align: super;
        font-size: 6pt;
        font-weight: bold;
        text-decoration: none;
        color: #796969;
}

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;
}

div.Keypad button{
        font-family: Verdana;
        font-size: 120%;
        background-color: #F4F2F2;
        color: #796969;
        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: Verdana;
        font-size: 10pt;
}

.QuestionText{

}

.Answer{
        font-size: 120%;
        letter-spacing: 0.1em;
}

.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;
}

div.StdDiv{
        background-color: #DBD7D7;
        text-align: center;
        font-size: 10pt;
        color: #796969;
        border-color: #796969;
        margin: 1px;
}

.FuncButton {
        text-align: center;
        border-style: solid;

        border-left-color: #eeeeee;
        border-top-color: #eeeeee;
        border-right-color: #6e6e6e;
        border-bottom-color: #6e6e6e;
        color: #796969;
        background-color: #DBD7D7;

        border-width: 2px;
        padding: 3px 6px 3px 6px;
        cursor: pointer;
}

.FuncButtonUp {
        color: #DBD7D7;
        text-align: center;
        border-style: solid;

        border-left-color: #eeeeee;
        border-top-color: #eeeeee;
        border-right-color: #6e6e6e;
        border-bottom-color: #6e6e6e;

        background-color: #796969;
        color: #DBD7D7;
        border-width: 2px;
        padding: 3px 6px 3px 6px;
        cursor: pointer;
}

.FuncButtonDown {
        color: #DBD7D7;
        text-align: center;
        border-style: solid;

        border-left-color: #6e6e6e;
        border-top-color: #6e6e6e;
        border-right-color: #eeeeee;
        border-bottom-color: #eeeeee;
        background-color: #796969;
        color: #DBD7D7;

        border-width: 2px;
        padding: 3px 6px 3px 6px;
        cursor: pointer;
}

/*BeginNavBarStyle*/

div.NavButtonBar{
        background-color: #DBD7D7;
        text-align: center;
        margin: 2px 0px 2px 0px;
        clear: both;
        font-size: 10pt;
        font-family: verdana;
}

.NavButton {
        border-style: solid;
        border-left-color: #DBD7D7;
        border-top-color: #DBD7D7;
        border-right-color: #4c4c4c;
        border-bottom-color: #4c4c4c;
        background-color: #AEA2A2;
        color:#796969;
        font-family: verdana;
        font-weight: bold;
        border-width: 2px;
        cursor: pointer;
}

.NavButtonUp {
        border-style: solid;
        border-left-color: #DBD7D7;
        border-top-color: #DBD7D7;
        border-right-color: #4c4c4c;
        border-bottom-color: #4c4c4c;
        color: #AEA2A2;
        font-family: verdana;
        font-weight: bold;
        background-color: #796969;
        border-width: 2px;
        cursor: pointer;
}

.NavButtonDown {
        border-style: solid;

        border-left-color: #4c4c4c;
        border-top-color: #4c4c4c;
        border-right-color: #DBD7D7;
        border-bottom-color: #DBD7D7;
        color: #AEA2A2;
        font-family: verdana;
        font-weight: bold;
        background-color: #796969;
        border-width: 2px;
        cursor: pointer;
}

/*EndNavBarStyle*/

a{
        color: #0000cc;
}

a: visited{
        color: #0000ff;
}

a:hover{
        color: #0000cc;
}

div.CardStyle {
        position: absolute;
        font-family: Verdana;
        font-size: small;
        padding: 5px;
        border-style: solid;
        border-width: 1px;
        color: #000000;
        background-color: #dddddd;
        left: -50px;
        top: -50px;
        overflow: visible;
}

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