a {
  /* color: #D81C3F; */
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: red;
}
div {
border: 0px green solid;
}
body {
  padding: 0;
  color: #000;
  background: #0051BA;
  font: 0.8em verdana, sans-serif;
  margin: 0;
}

.main {
  position: relative;
}
.header {
  top: 0px;
  left: 0px;
  width: 254px;
  height: 32px;
  background: #0051BA url(../images/header.png) bottom right;
}
.title {
  position: absolute;
  top: 3px;
  width: 100px;
  left: 8px;
  text-align: left;
  font-weight: bold;
  font-size: 0.85em;
  color: #FFF;
}
.resizer {
  position: absolute;
  top: 3px;
  width: 100px;
  left: 200px;
  height: 24px;
  text-align: left;
  font-weight: bold;
  font-size: 0.8em;
  color: #FFF;
}
.animation {
  position: absolute;
  top: 28px;
  left: 8px;
  width: 232px;
  border: 0px solid #000;
  height: 530px;
  overflow: hidden;
  text-align: center;
  background: #0051BA url(../images/animation_02.png) bottom center;
}
.animation-top {
  position: absolute;
  background: #E6F2FF;
  top: 20px;

  width: 232px;
  left: 8px;
  height: 16px;
  background: #0051BA url(../images/animation_01.png) top center;
}
.animation-bottom {
  position: absolute;
  background: #E6F2FF;
  top: 544px;
  width: 232px;
  left: 8px;
  height: 16px;
  background: #0051BA url(../images/animation_03.png) top center;
}
.userinput {
  color: #0051BA;
  display: block;
  margin: 0 0 8px 0;
}
.answer-top {
  position: absolute;
  top: 265px;
  left: 16px;
  height: 16px;
  width: 216px;
  background: #E6F2FF url(../images/answer_01.png) bottom center;
}
.answer-bottom {
  position: absolute;
  top: 474px;
  left: 16px;
  height: 16px;
  width: 216px;
  background: #E6F2FF url(../images/answer_03.png) bottom center;
}
.answer {
  position: absolute;
  overflow: auto;
  font-size: 0.85em;
  top: 274px;
  left: 16px;
  height: 200px;
  width: 216px;
  text-align: left;
  color: #333;
  background: #FFF url(../images/answer_02.png) bottom center;
}
.answer p {
  margin: 0;
  padding: 0 8px 8px 8px;
}
.linksinanswer {
  display: list-item;
  padding: 0 0 0 12px;
  /* list-style: square inside; */
  list-style: disc inside;
  text-decoration: none;
}
.linksinanswer a:link, .linksinanswer a:active, .linksinanswer a:visited {
  /* color: #D81C3F; */
}
.linksinanswer a:hover {
  /* color: #000; */
  color: red;
}
.linksinanswerISI {
  display: list-item;
  padding: 0 0 0 12px;
  /* list-style: square inside; */
  list-style: disc inside;
  text-decoration: none;
}
.linksinanswerISI a:link, .linksinanswerISI a:active, .linksinanswerISI a:visited {
  /* color: #D81C3F; */
  text-decoration: none;

}
.linksinanswerISI a:hover {
  /* color: #000; */
  /* text-decoration: underline; color: red; */
  text-decoration: none;
  color: red;
}
.inputfield {
  position: absolute;
  top: 496px;
  left: 16px;
  }
.inputfield input {
  font-family: verdana;
  font-size: 0.85em;
  padding: 3px;
  width: 208px;
  color: #333;
  }
.submit {
  position: absolute;
  top: 526px;
  left: 16px;
  text-align: right;
}
.submit input {
  padding: 2px;
  color: #000;
  font-size: 0.85em;
  font-weight: bold;
}
.backbutton input {
  padding: 2px;
  color: #000;
  font-size: 0.85em;
  font-weight: bold;
  margin: 0 8px 8px 8px;
}
.footer {
  position: absolute;
  text-align: center;
  top: 560px;
  left: 0;
  padding: 0 8px 0 8px;
  width: 212px;
  height: 60px;
  background: #0051BA url(../images/footer.png) bottom center no-repeat;
}
.footer a:link, .footer a:active, .footer a:visited, .footer a:hover {
 color: #CCC;
}
.close a:link, .close a:active, .close a:visited {
  color: #CCC;
   font-size: 0.85em;
   font-weight: bold;
}
.close a:hover {
  color: #CCC;
}
.copyright {
  color: #CCC;
  font-size: 0.7em;
}
.bottomline {
  position: absolute;
  top: 614px;
  left: 0;
  width: 254px;
  height: 24px;
  background: url(../images/bottomline.png) bottom center;
}
.debuginfo {
  position: relative;
  top: 8px;
  left: 240px;
  width: 280px;
  padding: 4px;
  text-align: left;
  background: #FF9;
  border: 1px solid #000;
}

.debuginfo pre {
  font-family: sans-serif;
  font-size: 0.9em;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.testinfo {
  font-family: sans-serif;
  font-size: 1em;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}