body{ 	background-image:url('images/webback.png');
		background-repeat:repeat;
		padding:0px;
		margin:0px;
		
		text-align:center;
		font-family: Calibri;
			color:white;	
		}
		
#topHeaderImage{
	width:100%;

}

#titleText{
	text-align: center;
	font-family: Calibri, Trebuchet MS, Sans-serif;
	font-weight:bold;
	font-size: 60px;
	color:white;
	text-decoration:none;
	margin:0px;
	padding:0px;
	text-shadow: 0 0 0.8em #000;
}
#titleLink{
	text-decoration:none;
}

#loginArea{
float:left;
text-align:left;
border-left:2px solid #999999;
border-top:2px solid #999999;
border-bottom:2px solid #999999;
width:250px;
padding:10px;
height:460px;
background-color: rgba(0,0,0,0.8);
}

#signUpArea{
float:left;
text-align:left;
width:250px;
border:2px solid #999999;
padding:10px;
height:460px;
background-color: rgba(0,0,0,0.8);
}

	
#canvas{
	/*border:2px solid #999999;*/
}

#container {  
margin-top:10px;
width:870px; 
margin-left:auto;
margin-right:auto; 
font-family:Calibri, Trebuchet MS, Sans-serif;
font-size:20px;
/* border: 2px solid #999999;  */
background-color:black;
height:600px;
background-color: rgba(0,0,0,0);
}
#leftContainer{
float:left;
width:230px;
border-left:2px solid #999999;
border-top:2px solid #999999;
border-bottom:2px solid #999999;
height:80%;
background-color: rgba(0,0,0,0.7);
}

.hotkeypara{
	text-align:left;
	padding-left:5px;
	padding-top:5px;
	margin:0px;
	font-size:14pt;
	font-weight:bold;
	
}

#game{
	float:left;
	width:402px;
	height:602px;
	border:2px solid #999999;
}

#rightContainer{
	float:left;
	width:225px;
	border-top:2px solid #999999;
	border-right:2px solid #999999;
	border-bottom:2px solid #999999;
	min-height:80%;
	background-color: rgba(0,0,0,0.8);
}

#title{
	font-size:30pt;
	padding-top:0px;
	text-align:center;
}

#about{
	text-align:left;
	padding:15px;
	background-color: rgba(0,0,0,0.9);
	border: 2px solid white;
	float:left;
	width:600px;
	min-height:480px;
}

#about a{
	color:#63B8FF;
}

#about a:link{
	color:#63B8FF;
}

#about a:visited{
	color:#63B8FF;
}

#about a:hover{
	color:#63B8FF;
}

#about a:active{
	color:#63B8FF;
}

nav {
font-family:Calibri, Trebuchet MS, Sans-serif;
	color:white;
	
}

nav > a {
font-weight:bold;
	text-decoration: none;
	padding:5px;
	border-bottom:2px solid #CCCCCC;
	background: rgba(100,100,100,0.3);
	text-align:left;
	width:220px;
	height:20px;
	color: white;
	display:block;
}

nav > a:link{
font-weight:bold;
color:white;
	background: rgba(100,100,100,0.3);
}

nav > a:visited{
color:white;
	background: rgba(100,100,100,0.3);
}

nav > a:hover{
	background: rgba(200,200,200,0.3);
}


nav > a:active{
color:white;
	background: rgba(255,255,255,0.3);
}


.searchButton{ 
font-size:12pt;
font-family:Calibri;
border:1px solid #999999;
background: #262626;
color:white;
display:inline;

}
.searchButton:hover {
color:white;
    border: 1px solid #AAAAAA;
    background: #999999;
}
.searchButton:active{
color:white;
background: #BBBBBB;
}

#submitButton{ 
font-size:20pt;
font-family:Calibri;
border:2px solid #999999;
background: #008000;
color:white;
padding:5px; 
-webkit-border-radius:5px; /* higher - more rounded */

}
#submitButton:hover {
    background: #004A00;
}
#submitButton:active{
background: #308014;
}
	
#infobarSurround{
	border-bottom:2px solid #999999;
	height:30px;
	width:100%;
}	
	
#infobar{
float:left;
height:30px;
margin:0px;
padding:0px;
padding-left:5px;
padding-right:5px;
display:inline;
height:20px;
}

#infobar > p {
padding-bottom:1px;
padding-top:2px;
margin:0px;
height:28px;
}

#infobarbutton{
	height:20px;
	float:right;
}

h2{
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:0px;
}

#highScores{
	background-color: rgba(0,0,0,0.8);
	border: 2px solid white;
	float:left;
	width:600px;
	min-height:480px;
	margin-bottom: 30px;
}

#leftScoreSet{
	border-right:2px solid white;
	width:50%;
	float:left;
	display:inline;
	height:100%;

}
#rightScoreSet{
	float:left;
	display:inline;
	height:100%;
width:49%;

}
#scoreTable{
	width:100%;
	height:100%;
}
.scoreTableBig{
float:left;
	width:100%;
}
.bigTD{
	font-size:14pt;
}
.bigTH{
	font-size:20pt;
}

.highlightRow{
	background-color: rgba(0,191,255,0.2);
}

#scoreHead{
	font-size:24pt;
	padding-bottom:5px;
	padding-left:10px;
}
#guestLink{
	text-align:center;
	color:white;
}