/* Layout ------------ */

html {	font-size: 100%;}

body.game { 
	background: url(gfx/bg.jpg) no-repeat 50% 0 #01060e;
 
}

body.game2 { 
	background: linear-gradient(transparent,#70178040), url(gfx/bg2.jpg) 50% 0 #01060e;
	
}

a:link {
    color: yellow;
}

a:visited {
    color: yellow;
}

a:hover {
    color: yellow;
}

a:active {
    color: yellow;
}

/*background: linear-gradient(transparent,#01060e), url("gfx/bg2.jpg") 50% 0 #01060e;*/

a.button
{

font-family: Verdana;
background: url(gfx/button1.png) top left;
background-repeat: no-repeat
margin:0px 12px;
font-size: 18px; 
font-weight: bold;
width: 241px;
height: 65px;
letter-spacing: 0px;
line-height: 65px;
display: block;
float: center;
border: none;
color: #FFFFFF;
text-decoration: none;
text-align: center;
}


table.HISCORE
{ 
font-family: Verdana;
font-weight: normal;
font-size: 9px;
width: 140px;
border: 0px;
border-collapse:collapse;
border-spacing: 0px;
text-shadow: 2px 2px 3px #000;
} 

table.HISCORE th
{ 
font-size: 10px;
color: #FFFF00;
padding: 2px;
}

table.HISCORE tr.alt
{
color: #CCCCCC;
}

.container {width: 900px; margin: 0 auto; font-size: 1.2em;  color: #555;}


a.button:hover, a.button:active {
background: url(gfx/button2.png) top left;
color: #FFFF00;
}


a.button2
{
font-family: Verdana;
background: url(gfx/button_small1.png) top left;
background-repeat: no-repeat
margin:0px 12px;
font-size: 18px; 
font-weight: bold;
width: 179px;
height: 65px;
letter-spacing: 0px;
line-height: 65px;
display: block;
float: center;
border: none;
color: #FFFFFF;
text-decoration: none;
text-align: center;
}

a.button2:hover, a.button2:active {
background: url(gfx/button_small2.png) top left;
color: #FFFF00;
}



body {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	background-color: #666666;	
	color: #FFF;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;		
}

table.box { border:0; width:316px; height:298px; background-image: url(gfx/box.png); background-repeat: no-repeat; }
td.heading { height:40px; padding: 0px 20px; horizontal-align:center; vertical-align:center; font-weight: bold; }
td.txt { font-size: 11px; height:100%; padding: 10px 20px;  horizontal-align:center;  vertical-align:top; text-shadow: 2px 2px 3px #000; }

#footer_status_right
{
    color: white;    
    font-family: Arial, Verdana;
    font-size: 12px;    
}

#footer_status_right a
{
	padding: 10;
    color:white;
    font-family:Arial,Verdana;
    font-size:12px;
    text-decoration: none;
}

#footer_status_right  a:link {text-decoration: none;  color:white;}
#footer_status_right  a:visited {text-decoration: none; color:white;}
#footer_status_right  a:active {text-decoration: none;  color:white;}
#footer_status_right  a:hover {text-decoration: underline;  color:white;}

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 200%;
	opacity: .80;
	z-index: 9998;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99998;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	border: 0;
	margin: -20px -20px 0 0;
	z-index: 99999;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

div.head 
{
	font-family: Verdana;font-size: 20px; font-weight: bold;
	margin:0px 60px ;
}

div.text
{
	horizontal-align:center;  vertical-align:top; text-shadow: 2px 2px 3px #000;
	font-family: Verdana;
	font-size: 14px;
	padding: 10;

line-height: 22px;
	margin:20px 60px;
}