BODY {background-color: #ffffff;
      font-family: Arial, Helvetica, sans-serif;
      color: #000000;
}
A:link {color:#800000}
A:visited {color:#bf8040}
A:hover {color:#e45c06}
A:active {color:#800000}
A{text-decoration:none}
A{font-weight:bold}
A{line-height: 21px}

A:link img {border: 0px }
A:visited img {border-color: bf8040 }
A:hover img {border-color:bf8040}
A:active img {border-color:e45c06}

.fonttable, .fonttable TD, .fonttable TH
{
font-family:sans-serif;
font-size:10pt;
color:black;
background-color:FFFFFF;
}
body {margin: 8px 8px 8px 8px;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
}
p {font-size: 1.0em;
line-height: 21px}
br {font-size: 1.0em;
line-height: 21px}
li {font-size: 1.0em;
line-height: 21px}
td {font-size: 1.0em;
line-height: 21px}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
.Table1 td {
      border: 2px solid #C2BCAA;
      padding: 5px;
}
.Table1 th {
      border: 2px solid #C2BCAA;
      padding: 5px;
}
.answerbox {
  position: relative;
  text-decoration: none;
}
.answerbox span {
  margin-left: 100em;
  position: absolute;
  padding:5px
}
.answerbox:hover span {
  outline:#000000 dotted thin;
  background-color:CCFFFF;
  color:#000000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  left: 1em;
  margin-left: 50;
  position: absolute;
  top: 0em;
  width: 425px;
}
div.answerQ {
  width:470px;
  height:130px;
  border:1px solid #000000;
  background-color:CCFFFF;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 21px;
  padding:5px;
  overflow:auto;
}
div.answerPhysio {
  width:665px;
  height:165px;
  border:1px solid #000000;
  background-color:FAEBD7;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 21px;
  padding:5px;
  overflow:auto;
}
div.floating-box {
  position:fixed;
  margin: -200px 0 0 75px;
  width:400px;
  height:130px;
  border:1px solid #000000;
  background-color:CCFFFF;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 21px;
  padding:5px;
  overflow:auto;
  visibility:hidden;
  z-index:100;
}
#textchange {
    -webkit-animation: colors 7s;
    -moz-animation: colors 7s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
}
@-webkit-keyframes colors {
    0%   {color: green;}
    30%  {color: red;}
    80%  {color: blue;}
    100% {color: green;}
}
@keyframes colors {
    0%   {color: green;}
    30%  {color: red;}
    80%  {color: blue;}
    100% {color: green;}
}
@-moz-keyframes colors {
    0%   {color: green;}
    30%  {color: red;}
    80%  {color: blue;}
    100% {color: green;}
}
#bounce {
     -webkit-transition: all 1s ease-in-out;
     -moz-transition: all 1s ease-in-out;
      transition: all 1s ease-in-out;
}
#target:hover #bounce {
    -webkit-animation: bounce 3s;
    -moz-animation: bounce 3s;
    animation: bounce 3s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes bounce { 
    0% {opacity: 0; 
        -webkit-transform: translateX(100px);} 
    60% {opacity: 1; 
        -webkit-transform: translateX(-30px);} 
    80% {-webkit-transform: translateX(10px);} 
    100% {-webkit-transform: translateX(0);} 
} 
@keyframes bounce { 
    0% {opacity: 0; 
        transform: translateX(100px);} 
    60% {opacity: 1; 
        transform: translateX(-30px);} 
    80% {transform: translateX(10px);} 
    100% {transform: translateX(0);} 
} 
@-moz-keyframes bounce { 
    0% {opacity: 0; 
        transform: translateX(100px);} 
    60% {opacity: 1; 
        transform: translateX(-30px);} 
    80% {transform: translateX(10px);} 
    100% {transform: translateX(0);} 
}
#shake:hover { 
    -webkit-animation-name: shake; 
    -moz-animation-name: shake;
    animation-name: shake; 
    -webkit-animation-duration: 1s; 
    -moz-animation-duration: 1s;
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    -moz-animation-fill-mode: both;
    animation-fill-mode: both; 
} 
@-webkit-keyframes shake { 
  0% { -webkit-transform: translateX(0%); } 
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 
  30% { -webkit-transform: translateX(20%) rotate(3deg); } 
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 
  60% { -webkit-transform: translateX(10%) rotate(2deg); } 
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 
  100% { -webkit-transform: translateX(0%); } 
} 
@keyframes shake { 
  0% { transform: translateX(0%); } 
  15% { transform: translateX(-25%) rotate(-5deg); } 
  30% { transform: translateX(20%) rotate(3deg); } 
  45% { transform: translateX(-15%) rotate(-3deg); } 
  60% { transform: translateX(10%) rotate(2deg); } 
  75% { transform: translateX(-5%) rotate(-1deg); } 
  100% { transform: translateX(0%); } 
}
.enlarge {
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  transition: all 200ms linear;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}
.enlarge:hover {
  -webkit-transform: scale(1.1) translateZ(0);
  -moz-transform: scale(1.1) translateZ(0);
  transform: scale(1.1) translateZ(0);
}
.reset {
   background-color:#F5D7CD;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   color: #000000;
   width:110px;
   height:25px;
   font-size: 90%;
   text-decoration: none;
}
.reset:hover {
   border: none;
   background-color:#993300;
   color:#FFFFFF;
}