body{
    font-family:arial,helvetica,sans-serif;
     margin: 0px;
}

a{color:#0000ff; text-decoration:underline;}
a:Visited{color:#800080; text-decoration:underline; }
a:Hover{color:#ff0000; text-decoration:underline; }

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: #eaeaea;
    text-align: center;
    font-size: 100%;
    color: #000000;
    padding: 0.5em;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #d3d3d3;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 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;
}


span.Instructions{

}

div.ExerciseText{

}

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

.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: #ffffdd;
    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;
}



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

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

    border-left-color: #f4f4f4;
    border-top-color: #f4f4f4;
    border-right-color: #757575;
    border-bottom-color: #757575;
    color: #000000;
    background-color: #eaeaea;

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

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

    border-left-color: #f4f4f4;
    border-top-color: #f4f4f4;
    border-right-color: #757575;
    border-bottom-color: #757575;

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

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

    border-left-color: #757575;
    border-top-color: #757575;
    border-right-color: #f4f4f4;
    border-bottom-color: #f4f4f4;
    background-color: #000000;
    color: #eaeaea;

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

/*BeginNavBarStyle*/

div.NavButtonBar{
    background-color: #d3d3d3;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
    clear: both;
    font-size: 100%;
}

.NavButton {
    border-style: solid;
    
    border-left-color: #d3d3d3;
    border-top-color: #d3d3d3;
    border-right-color: #d3d3d3;
    border-bottom-color: #d3d3d3;
    background-color: #d3d3d3;
    color: #000000;

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

.NavButtonUp {
    border-style: solid;

    border-left-color: #e9e9e9;
    border-top-color: #e9e9e9;
    border-right-color: #696969;
    border-bottom-color: #696969;
    color: #000000;
    background-color: #d3d3d3;

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

.NavButtonDown {
    border-style: solid;

    border-left-color: #696969;
    border-top-color: #696969;
    border-right-color: #e9e9e9;
    border-bottom-color: #e9e9e9;
    color: #d3d3d3;
    background-color: #d3d3d3;

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

/*EndNavBarStyle*/

#BannerAdA{
    background-color: #336698;
    text-align: center;
    padding: 10px;
    border-color: #336699;
    margin-left: 0px;
    margin-right: 0px;
}

.BannerAdA{
    background-color: #336698;
    text-align: center;
    padding: 10px;
    border-color: #336699;
    margin-left: 0px;
    margin-right: 0px;
}

.centered{
    padding: 15px;
    text-align: center;
}

#MenuStrip{
    background-color: #ffffdd;
    text-align: left;
    font-size: 100%;
    color: #000000;
    padding: 3px;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #336699;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
}

.MenuStrip{
    background-color: #ffffdd;
    text-align: left;
    font-size: 100%;
    color: #000000;
    padding: 3px;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #336699;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
}

#EPLogo{
    text-align: center;
    margin-top: 10px;
}

.EPLogo{
    text-align: center;
    margin-top: 10px;
}

#CopyrightBar{
    background-color: #ffffdd;
    a: 80%;
    text-align: center;
    font-size: 80%;
    padding: 5px;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #336699;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
}

.CopyrightBar{
    background-color: #ffffdd;
    a: 80%;
    text-align: center;
    font-size: 80%;
    padding: 5px;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #336699;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
}

a img {border: none;}

.WebSource{

	font-size: 80%;
	font-weight: bold;
}