/* 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: #F7F7F7;
    color: #000000;
    margin-right: 1%;
    margin-left: 1%;
    font-size: small;
     background-image: url(../../Scripts/banner.png);
    background-position: top left;
    background-repeat: repeat-x;
/*         Image is 924*92 >> resize it */
    background-size: 602px 60px;
    height: 60px;
    margin-top: 60px;
}
p {
    text-align: left;
    margin: 0px;
    font-size: 100%;
}
img {
    margin: auto;
    padding: 0;
}
table,
div,
span,
td {
    font-size: 100%;
    color: #000000;
}
div.Titles {
    padding: 0;
    text-align: center;
    color: #000033;
}
button {
    font-family: Geneva, Arial, sans-serif;
    font-size: 100%;
    display: inline;
}
.ExerciseTitle {
    font-size: 140%;
    color: #000033;
    text-align: left;
}
.ExerciseSubtitle {
    font-size: 120%;
    color: #000033;
    text-align: left;
}
div.StdDiv {
    background-color: white;
    /*text-align: center;*/
    font-size: 100%;
    color: #000000;
    padding: 0.5em;
    border-color: #000000;
    margin-bottom: 1px;
    border: 1pt solid gray;
    border-radius: 5px;
}
/* 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: #000033;
}
span#TimerText {
    padding: 0.25em;
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
    display: none;
    color: #000033;
}
span.Instructions {} #InstructionsDiv {
    background-color: white;
    color: black;
    font-weight: 600;
}
#Instructions {
    color: black;
    font-weight: 600;
}
div.ExerciseText {} .FeedbackText,
.FeedbackText span.CorrectAnswer,
.FeedbackText span.Guess,
.FeedbackText span.Answer {
    color: #000033;
}
.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: #ffffff;
    left: 33%;
    width: 34%;
    top: 33%;
    z-index: 1;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    text-align: center;
    color: #000033;
    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: 1%;
    margin-right: 1%;
    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: #bbbbee;
}
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: #bbbbee;
}
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: #000033;
    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: #000033;
}
.Highlight {
    color: #000000;
    background-color: #ffff00;
    font-weight: bold;
    font-size: 120%;
}
ol.QuizQuestions {
    text-align: left;
    list-style-type: none;
    width: 100%;
    padding: 0;
}
li.QuizQuestion {
    padding: 0;
    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: 1pt solid gray;
    border-radius: 15px;
    box-shadow: 2px 2px 1px #888888;
    background-color: #FFEA00;
    cursor: pointer;
}
.FuncButtonUp {
    color: #bbbbee;
    text-align: center;
    border-style: solid;
    border: 1pt solid gray;
    border-radius: 15px;
    box-shadow: 2px 2px 1px #888888;
    background-color: #FFEA00;
    border-width: 2px;
    padding: 3px 6px 3px 6px;
    cursor: pointer;
}
.FuncButtonDown {
    color: #bbbbee;
    text-align: center;
    border-style: solid;
    border: 1pt solid gray;
    border-radius: 15px;
    box-shadow: 2px 2px 1px #888888;
    background-color: #FFEA00;
    border-width: 2px;
    padding: 3px 6px 3px 6px;
    cursor: pointer;
}
/*BeginNavBarStyle*/

div.NavButtonBar {
    display: none;
    background-color: #000066;
    text-align: center;
    margin: 2px 0px 2px 0px;
    clear: both;
    font-size: 100%;
}
.NavButton {
    border-style: solid;
    border-left-color: #7f7fb2;
    border-top-color: #7f7fb2;
    border-right-color: #000033;
    border-bottom-color: #000033;
    background-color: #000066;
    color: #ffffff;
    border-width: 2px;
    cursor: pointer;
}
.NavButtonUp {
    border-style: solid;
    border-left-color: #7f7fb2;
    border-top-color: #7f7fb2;
    border-right-color: #000033;
    border-bottom-color: #000033;
    color: #000066;
    background-color: #ffffff;
    border-width: 2px;
    cursor: pointer;
}
.NavButtonDown {
    border-style: solid;
    border-left-color: #000033;
    border-top-color: #000033;
    border-right-color: #7f7fb2;
    border-bottom-color: #7f7fb2;
    color: #000066;
    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: #bbbbee;
    left: -50px;
    top: -50px;
    overflow: visible;
}
.rtl {
    text-align: right;
    font-size: 140%;
}