body{
        font-family: Comic Sans MS;
        background-color: #ffffcc;
        color: #00753A;

        margin-right: 5%;
        margin-left: 5%;
        font-size: 14pt;
}

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

div,span,td{
        font-size: 14pt;
        color: #00753A;
}

.RTLText{
        text-align: right;
        font-size: 14pt;
        direction: rtl;
        font-family: Comic Sans MS;
}

.CentredRTLText{
        text-align: center;
        font-size: 14pt;
        direction: rtl;
        font-family: Comic Sans MS;
}

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

.RTLGapBox{
        text-align: right;
        font-size: 14pt;
        direction: rtl;
        font-family: Comic Sans MS;
}

.Guess{
        font-weight: bold;
}

.CorrectAnswer{
        font-weight: bold;
}

div.Titles{
        padding: 10px;
        text-align: center;
        color: #00753A;
}

button{
        display: inline;
}

.ExerciseTitle{
        font-size: 24pt;
        color: #00753A;
}

.ExerciseSubtitle{
        color: #00753A;
}

span.Instructions{

}

div.ExerciseText{

}

.FeedbackText{
         font-size: 10pt;
         color: #00753A;
}

span.LeftItem{
        font-size: 20pt;
        color: #00753A;
}

span.RightItem{
        font-weight: bold;
        font-size: 14pt;
        color: #00753A;
}

span.CorrectMark{

}

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

div.ExerciseDiv{
        color: #00753A;
}


/* JCloze styles */

input{
        font-family: Comic Sans MS;
        font-size: 14pt;
}

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

/* JQuiz styles */

div.QuestionNavigation{
        text-align: center;
}

.QNum{
        margin: 0em 1em 0.5em 1em;
        font-weight: bold;
        vertical-align: middle;
}

textarea{
        font-family: Comic Sans MS;
        font-size: 14pt;
}

.QuestionText{

}

.Answer{
        font-size: 14pt;
        letter-spacing: 0.1em;
}

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

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: #ffffcc;
        text-align: center;
        font-size: 14pt;
        color: #00753A;
        padding: 0px;
        border-style: solid;
        border-width: 0px 0px 0px 0px;
        border-color: #00753A;
        margin: 1px;
}

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

        border-left-color: #ffffe5;
        border-top-color: #ffffe5;
        border-right-color: #7f7f66;
        border-bottom-color: #7f7f66;
        color: #00753A;
        background-color: #ffffcc;

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

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

        border-left-color: #ffffe5;
        border-top-color: #ffffe5;
        border-right-color: #7f7f66;
        border-bottom-color: #7f7f66;

        background-color: #00753A;
        color: #ffffcc;
        border-width: 2px;
        padding: 3px 6px 3px 6px;
        cursor: pointer;
}

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

        border-left-color: #7f7f66;
        border-top-color: #7f7f66;
        border-right-color: #ffffe5;
        border-bottom-color: #ffffe5;
        background-color: #00753A;
        color: #ffffcc;

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

/*BeginNavBarStyle*/

div.NavButtonBar{
        background-color: #ffffff;
        text-align: center;
        margin: 2px 0px 2px 0px;
        clear: both;
        font-size: 14pt;
}

.NavButton {
        border-style: solid;

        border-left-color: #ffffff;
        border-top-color: #ffffff;
        border-right-color: #7f7f7f;
        border-bottom-color: #7f7f7f;
        background-color: #ffffff;
        color: #000000;

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

.NavButtonUp {
        border-style: solid;

        border-left-color: #ffffff;
        border-top-color: #ffffff;
        border-right-color: #7f7f7f;
        border-bottom-color: #7f7f7f;
        color: #ffffff;
        background-color: #000000;

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

.NavButtonDown {
        border-style: solid;

        border-left-color: #7f7f7f;
        border-top-color: #7f7f7f;
        border-right-color: #ffffff;
        border-bottom-color: #ffffff;
        color: #ffffff;
        background-color: #000000;

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

/*EndNavBarStyle*/


div.CardStyle {
        position: absolute;
        font-family: Comic Sans MS;
        font-size: 14pt;
        padding: 5px;
        border-style: solid;
        border-width: 1px;
        color: #00753A;
        background-color: #ffffcc;
        left: -50px;
        top: -50px;
        overflow: visible;
}

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