#game {
	position:relative;
	width: 500px;
	height: 500px;
	margin-left: auto;
    margin-right: auto;
    border: solid 1px black;
}

#grid {
	position:relative;
    top: 10px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	/*the height/width gets set in gameDisplay*/
}

div.square {
	background-color: white;
	border: solid 1px black;
	position: absolute;
	font-size: 8pt;
    background-position: center;
}

#bottomToolBar {
	width: 500px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	top:10px;
}

#topToolBar {
   	width: 500px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	top:10px;
	text-align: center;
}

#moves {
	width : 90px;
	height : 18px;
	border: solid 1px black;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	line-height: 18px;
	color: white;
	background-color: #006633;
	top: 21px;
	left: 10px;

}



#startOver {

	width: 90px;
	position: absolute;
	top: 81px;
	left: 400px;

}

#showSolution {

	position: absolute;
	top: 85px;
	left: 10px;
	width:90px;
}

#newGame {

	width: 90px;
	position: absolute;
	top: 41px;
	left: 400px;

}

#best {

	width : 90px;
	height : 18px;
	border: solid 1px black;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	line-height: 18px;
	color: white;
	background-color: #003366;
	top: 53px;
	left: 10px;

}

#gameID {
	width: 300px;
}

#up {
	height: 40px;
	width: 40px;
	position: absolute;
	top:10px;
	left: 230px;
	background-image: url("up.jpg");
	color:black;
	text-align: center;
	line-height:40px;
	vertical-align: right;
}

#left {
	height: 40px;
	width: 40px;
	position: absolute;
	top:51px;
	left: 190px;
	background-image: url("left.jpg");
	color:black;
	text-align: center;
	line-height:40px;
	vertical-align: middle;
}

#right {
	height: 40px;
	width: 40px;
	position: absolute;
	top:51px;
	left: 270px;
	background-image: url("right.jpg");
	color:black;
	text-align: center;
	line-height:40px;
	vertical-align: middle;
}

#down {
	height: 40px;
	width: 40px;
	position: absolute;
	top: 51px;
	left: 230px;
	background-image: url("down.jpg");
	color:black;
	text-align: center;
	line-height:40px;
	vertical-align: top;
	font-family: Arial;
}