body{
font-family: Arial,Helvetica,sans-serif;
background-color: #cccccc;
color: #000000;
font-size: medium;
}
p{
text-align: left;
font-size: 100%;
}
div.Titles{
padding: 0.25em;
text-align: center;
color: #000000;
}
button{
font-family: Arial,Helvetica,sans-serif;
font-size: 100%;
display: inline;
}
.ExerciseTitle{
font-size: 130%;
color: #000000;
}
div.StdDiv{
background-color: #ffffff;
text-align: center;
font-size: 100%;
color: #000066;
padding: 0.5em 1em 0em 1em;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #000066;
margin: auto;
width: 240px;
}
img {
vertical-align: middle;
}
div.ImgDiv{
background-color: #ffffff;
text-align: center;
font-size: 100%;
color: #000066;
padding: 1.5em;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #000066;
margin: auto;
width: 320px;
}
.FeedbackText {
color: #000000;
}
div.Feedback {
background-color: #93dfd0;
left: 26%;
width: 48%;
top: 33%;
z-index: 1;
border-style: solid;
border-width: 1px;
padding: 5% 3% 5% 3%;
text-align: center;
color: #000000;
position: absolute;
display: none;
font-size: 100%;
}
div.ExerciseDiv{
color: #000000;
}
ol.QuizQuestions{
text-align: left;
list-style-type: none;
}
li.QuizQuestion{
padding: 1em;
}
ol.MCAnswers{
text-align: left;
list-style-type: upper-alpha;
padding: 0em 1em 0em 1em;
}
ol.MCAnswers li{
margin-bottom: 1em;
}

.FuncButton {

border-style: solid;
border-left-color: #e5e5e5;
border-top-color: #e5e5e5;
border-right-color: #666666;
border-bottom-color: #666666; 
color: #000000;
border-width: 0px;
padding:8px;
cursor: pointer;
  transition-duration: 0.7s;
}
.FuncButtonUp {
border-style: solid;
border-left-color: #e5e5e5;
border-top-color: #e5e5e5;
border-right-color: #666666;
border-bottom-color: #666666;
color: #ff5555; 
padding:8px;
border-width: 0px;
cursor: pointer;
  background-color: #ff5555;  
  color: white;
  transition-duration: 0.3s;
}
.FuncButtonDown {
border-style: solid;
border-left-color: #e5e5e5;
border-top-color: #e5e5e5;
border-right-color: #666666;
border-bottom-color: #666666;
color: #ff5555; 
padding:8px;
border-width: 0px;
cursor: pointer;
  background-color: #ff5555;  
  color: white;
  transition-duration: 0.3s;
}
div.NavButtonBar{ 
text-align: center;
padding: 0.5em;
clear: both;
font-size: 100%;
}
.NavButton {
border-style: solid;
border-left-color: #e5e5e5;
border-top-color: #e5e5e5;
border-right-color: #666666;
border-bottom-color: #666666; 
color: #000000;
border-width: 0px;
padding:8px;
cursor: pointer;
  transition-duration: 0.7s;
}
.NavButtonUp {
border-style: solid;
border-left-color: #e5e5e5;
border-top-color: #e5e5e5;
border-right-color: #666666;
border-bottom-color: #666666;
color: #ff5555; 
padding:8px;
border-width: 0px;
cursor: pointer;
  background-color: #ff5555;  
  color: white;
  transition-duration: 0.3s;
}
.NavButtonDown {
border-style: solid;
border-left-color: #666666;
border-top-color: #666666;
border-right-color: #e5e5e5;
border-bottom-color: #e5e5e5;
color: #ff5555; 
padding:8px;
border-width: 0px;
cursor: pointer;
  transition-duration: 0.3s;
  background-color: #ff5555; 
  color: white;
}
span.b {font-weight:bold}
span.r {color:red}
span.br {font-weight:bold; color:red}