#smallfield H1
{
  text-align:center;
  margin-top:0;
}
#spinner
{
  position:absolute;
  border:2em;
  left:50%;
  width:4em;
  height:4em;
  margin-left:-2em;
  bottom:3.5em;
}

.bg_span
{
  width:1.35em;
  height:1.35em;
  display:block;
  float:left;
  overflow:hidden;
  position:relative;
}

.bg_point, .bg_black
{
  width:1.35em;
  height:1.35em;
  position:absolute;
  cursor:pointer;
}

.bg_black, .bg_selected .bg_point {display:none}
.bg_selected .bg_black, .bg_point {display:block}

.bg_image
{
  position:absolute;
}

#bg_div
{
  position:absolute;
  top:22em;
  width:19.6em;
  padding-left:1em;
}

#latinno_div
{
  position:absolute;
  bottom:0.5em;
  left:1em;
  cursor:pointer;
}
#latinyes_div
{
  position:absolute;
  bottom:0.5em;
  right:1em;
  cursor:pointer;
}

#latinno_div.latin_NO, #latinyes_div.latin_YES
{
  font-weight:bold;
  color:white;
}
#latinno_div:hover, #latinyes_div:hover
{
  text-decoration:underline;
}

#scorediv
{
  position:absolute;
  width:19.5em;
  left:0;
  bottom:0;
  text-align:center;
}

#scorediv span
{
  font-size:1.5em;
  cursor:pointer;
}
.scoregood, .namescoregood
{
  color:#00DD00;
  cursor:pointer;
}
.scorewrong, .namescorewrong
{
  color:#FF0000;
  cursor:pointer;
}

.namescore
{
  background-color:black;
  color: #fff7e6;
  margin-left:9px;
  font-weight:bold;
}

img, map, map:hover, area, area:hover
{
  border:none;
}