.transparentSingle {
background-color:silver;
height:50px;
width:50px;
visibility: visible;
left: 10px;
top:10px;
position: absolute; 
border-width: 2px; 
border-style: solid; 
border-color: black;
text-decoration: overline;
}

.NoTrEgg {
background-color:#CCCCFF;
height:50px;
width:50px;
visibility: visible;
filter:alpha(opacity=80);
opacity: .8;
left: 10px;
top:10px;
position: absolute; 
border-width: 2px; 
border-style: solid; 
border-color: black;
text-decoration: overline;
}


.info {
border:2px; 
border-color:white; 
border-style:solid;
}

.cloud{
background-image:url('images/Frame.png'); 
width:150px; 
height:60px; 
text-align:left; 
vertical-align:bottom; 
font-size:small;
border-width: 1px; 
border-style: solid; 
border-color: white;

}

.playAreaDiv
{
border:1px solid rgb(255, 151, 29);	
}

.buttonDIV
{
position:relative; 
left:0px; 
top:0px; 
width:120px; 
height:30px;
}

.toneDIV
{
border: 1px solid black;
position:relative; 
left:0px; 
top:0px; 
width:42px; 
height:42px;
}

.play
{
border:4px solid black;
vertical-align:top;
margin-left:auto; 
margin-right:auto;
width:800px;
height:500px;
background-image:url('images/BG2.jpg')
}

h1
{
text-align:center;
}

div.title
{
width:150px;
height: 20px;
border:1px solid black;
text-align:center;
position:absolute;
}

p
{
color: black; font-size: 20px; 
text-align: center;
} 

td.footer
{
height: 20px;
text-align:center;
vertical-align:middle;
}

td.central
{
border:4px solid rgb(64, 0, 129);
color: black; 
font-size: 20px; 
font-style:inherit;
width:500px;
height:500px;
}

tr.footer
{
height: 100px;
}



