html{
	min-height: 100%;
	background-color:white;
	background-image:linear-gradient(to bottom right, #0099FF, white);
	background-repeat:no-repeat;
}

body{
	display:table;
	margin:auto;
	padding:7px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
}

header{
	clear:both;
}

.headerLogo{
	float:left;
	height:95px;
}

.logo{
	height: 100%;
	width: auto;
}

.headerAd{
	float:left;
}

main{
	clear:both;
}

table{
	border-left:7px solid;
	border-right:7px solid;
	border-color:#330099;
	padding-top:0px;
	padding-bottom:15px;
	margin-right:5px;
	clear:both;
	float:left;
}

tr{
	border:2px solid;
	border-color:yellow;
}

td{
	border:2px solid;
	border-color:yellow;
}

.piece{
	vertical-align:middle;
	border:0px;
	padding:0px;
	margin:0px;
	height:90px;
	width:90px;
}

.gameIO{
	display:table;
	margin:auto;
	vertical-align:middle;
	float:left;
}

.iODiv{
	display:table-row;
	position:relative;
	vertical-align:middle;
}

var{
	font-size:25px;
	font-weight:bold;
	padding-bottom:5px;
}

.difficultySelection{
	display:table;
	vertical-align:middle;
}

.difficultyHeader{
	display:table-header-group;
	font-size:18px;
	font-weight:bold;
	text-decoration:underline;
	margin-top:10px;
	margin-bottom:10px;
}

.difficultyRow{
	display:table-row;
}

.iOButton{
	border-radius:5px;
	margin:3px;
	size:100%;
	width:7em;
	position:center;
	background-image:linear-gradient(white, gray);
}

.iORadioButton{
}

.iOCheckbox{

}

.rightAlign{
	float:right;
}