.selectClass {
   font-size: 20px;
   font-family: 'Impact';
   background-color: #eff807
}

.circleButton
{
    border: none;
    outline:0;
    border-radius: 10px;
    min-width: 225px;
    min-height: 100px;
    text-align: center;
    background-color: #ffc400;
}

.alertButton
{
    border: none;
    outline:0;
    border-radius: 10px;
    min-width: 80px;
    min-height: 50px;
    text-align: center;
    font-size: 16pt;
    background-color: #13bff2;
}


.border
{
  position:absolute;
  left:0px;
  width:100%;
  height:5px;
  background:#f41347;
}

#top
{
 position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100px;
}

#top2
{
  position:absolute;
  left:0px;
  top:105px;
  width:100%;
  height:60px;
  background:#67bced;
}

#bottom
{
  position:absolute;
  font-size:140pt; 
  color:blue;
  left:0px;
  top:795px;
  width:100%;
  height:190px;
  background:#67bced;
}

#puzzle
{
 position:absolute;
  left:10px;
  top:15px;
  width:250px;
  height:50px; 
}

.RWP 
{
  background-color:#67bced;
  position:absolute;
  top:5px;
  width:50px;
  height:50px;
}

.RWS
{
  background-color:black;
  text-align:center;
  position:absolute;
  top:10px;
  width:60px;
  height:40px;
}

.Life
{
 position:absolute;
 width:50px;
 height:50px;
 top:5px;
}

#level
{
 position:absolute;
 width:200px;
 height:50px;
 top:5px;
 left:10px;
}

.exercise
{
  position:absolute;
  left:30px; 
  top:10px; 
  height:100px; 
  width:200px;
}

.operF
{
 position:absolute;
  left:0px;
  font-size:500%; 
  color:white;
}

.timer
{
 position:absolute;
 width:50px;
 height:50px;
 top:5px;
 left:240px;
 font-size: 32pt;
 color:yellow;
}

.CA1
{
 position:absolute;
 width:300px;
 height:300px;
}

.D1
{
  position:absolute;
  left:5px;
  top:5px;
  width: 290px; 
  height: 290px; 
  border-radius: 100%; 
  background:#00ceff;
}

.D1A
{
  position:absolute;
  left:5px;
  top:5px;
  width: 290px; 
  height: 290px; 
  border-radius: 100%; 
  background:#acb5fd;
}

.D1B
{
  position:absolute;
  left:5px;
  top:5px;
  width: 290px; 
  height: 290px; 
  border-radius: 100%; 
  background:#ffb100;
}

.D1C
{
  position:absolute;
  left:5px;
  top:5px;
  width: 290px; 
  height: 290px; 
  border-radius: 100%; 
  background:#f0a3fa;
}

.D1D
{
  position:absolute;
  left:5px;
  top:5px;
  width: 290px; 
  height: 290px; 
  border-radius: 100%; 
  background:#898989;
}

.Oper
{
  position:absolute;
  left:15px;
  top:80px; 
  width:400px; 
  height:100px;
}

.Mark
{
  position:absolute;
  left:245px;
  top:245px;
  width:60px;
  height:60px;
}

#dialogoverlay{
	display: none;
	opacity: .8;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #FFF;
	width: 100%;
	z-index: 10;
}
#dialogbox{
	display: none;
	position: fixed;
	background: #000;
	border-radius:7px; 
	width:550px;
	z-index: 10;
}
#dialogbox > div{ background:#FFF; margin:8px; }
#dialogbox > div > #dialogboxhead{ background: #000; font-size:19px; padding:10px; color:#CCC; }
#dialogbox > div > #dialogboxbody{ background:#13bff2; padding:20px; color:#FFF; }
#dialogbox > div > #dialogboxfoot{ background: #000; padding:10px; text-align:right; }