#controls
{
color: black;
background-color: white;
border: groove;
}

input, select, option
{
font-size: 14pt;
}

#instructions
{
font-size: 150%;
}

#info
{
display: block;
width: 750px;
max-width: 750px;
min-width: 750px;
text-align: right;
margin: 0px;
padding: 0px;
}

#sphere
{
display: inline;
width: 750px;
height: 750px;
max-width: 750px;
min-width: 750px;
margin: 0px;
padding: 0px;
}

table.euler td
{
padding-left: 10px; padding-right: 10px;
text-align: center;
border: solid black 2px;
}

table.euler tr.headers
{
background-color: #eeeeee;
}
	
table.euler
{
border-collapse: collapse;
background-color: white;
}

.flashIt
{
-webkit-animation: flashIt 1s;
animation: flashIt 1s;
}

@-webkit-keyframes flashIt
{
0% {text-shadow: 0 0 0.0em red, 0 0 0.0em red, 0 0 0.0em red, 0 0 0.0em red;}
50% {text-shadow: 0 0 1.0em red, 0 0 1.0em red, 0 0 1.0em red, 0 0 1.0em red;}
100% {text-shadow: 0 0 0.0em red, 0 0 0.0em red, 0 0 0.0em red, 0 0 0.0em red;}
}

@keyframes flashIt
{
0% {text-shadow: 0 0 0.0em red, 0 0 0.0em red, 0 0 0.0em red, 0 0 0.0em red;}
50% {text-shadow: 0 0 1.0em red, 0 0 1.0em red, 0 0 1.0em red, 0 0 1.0em red;}
100% {text-shadow: 0 0 0.0em red, 0 0 0.0em red, 0 0 0.0em red, 0 0 0.0em red;}
}