﻿@charset "utf-8";

#hotspots 
{
    position: relative;
    margin-left:auto; 
    margin-right:auto;
}
#hotspots img
{
    touch-action: none;
    border-radius: 0.5em;
} 
#hotspots p 
{ 
    color: #FFFFFF;  
    background: #000000; 
    opacity: 0.7; 
    display: none; 
    position: absolute; 
    left: 0%; 
    top: 0%; 
    width: 100%;
    border-radius: 0.5em 0.5em 0 0; 
    text-align: center;
    padding: 5px; 
    margin: 0;
    font-size: 1.25em;
    z-index: 1000;
}
#hotspots b 
{ 
    display: block; 
    position: absolute; 
    -webkit-transition:0.75s;
    -moz-transition:0.75s;
    -o-transition:0.75s; 
    transition: 0.75s;
}
#hotspots a:hover
{
}
#hotspots div:hover p 
{ 
    display: block; 
}
#hotspots div:hover b 
{ 
    width: 0px; 
}
/* work around bugs in IE9 and IE10 */
#hotspots a, #hotspots b 
{
  background: transparent 0 0 repeat scroll url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  cursor: pointer;
}
body 
{
	background-color: #000000;
}
#toptext 
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: medium;
}
#says table
{
    width: 100%;
    min-height: 2em;
    margin-left:auto; 
    margin-right:auto;
}
#says table a
{
	color: #FFFF00;	
	text-decoration: none;
    width: 100%;
    display: block;
}
#says td
{
    text-align: center; 
    background-color: #303030; 
    color: #FFFF00;	  
}
#says td:hover
{
    background-color: #505050; 
    cursor: pointer;  
}
#say0_0, #say1_0, #say2_0, #say0_1, #say2_1, #say1_2
{
    display: none;
}
#say1_1
{
    width: 100%;
    border-radius: 0.5em;
}
#say0_2
{
    width: 50%;
    border-radius: 0.5em 0 0 0.5em;
}
#say2_2
{
    width: 50%;
    border-radius: 0 0.5em 0.5em 0;
}
#say0_3
{
    width: 33%;
    border-radius: 0.5em 0 0 0.5em;
}
#say1_3
{
    width: 33%;
}
#say2_3
{
    width: 33%;
    border-radius: 0 0.5em 0.5em 0;
}
#score
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: medium;
}
#score a
{
    color: #FFFF00;	
	text-decoration: none;
}
#center, #says
{
    text-align: center;
    margin:0 auto;
}
.imgborder
{
    border: 1px solid #D0D000;
    box-shadow: 0 0 10px 1px #D0D000;
}
.imgborder2 
{
    border: 1px solid #000000;
}
.debug
{
    margin-left:4px;
    margin-right:0px;
	color: #FFFFFF;
    font-weight:normal; 
	font-size: medium;
    text-align: left;
}
.debug a
{
    color: #FFFF00;	
    text-decoration: none;
}
.debug td
{
    width: 33%;
}
