body{ margin:0; padding: 0; background: white;   font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; line-height: 20px}
.middleplacer{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/stat/balls.jpg) no-repeat; background-size: contain; background-position: center center; height: 100%; width: 100%}

.tablerow{
	display: table;
	text-align: center;
	width: 100%;
	margin-bottom: 30px;
}
.tablecell{
	display: table-cell;
}
.verticalalign{
	vertical-align: middle;
}
.btn{
	padding: 15px;
	background: url(../images/stat/olbut.png) repeat-x;
	border-radius: 5px;
	line-height: 20px;
	color:white;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 2px solid #229cd4;
	border-left: 2px solid #229cd4;
	display: inline-block;
}
.btn:hover{
	border-bottom: none;
	border-left: none;
}
.allcaps{
	text-transform: uppercase;
}
.bluetext{
	color: #229cd4;
}
.bigtext{
	font-size: 24px;
	line-height: 30px;
}
img{
	max-width: 100%;
}
.table{
	display: table;
	height: inherit;
	vertical-align: middle;
	width: inherit;
}
.fourohfour{
	position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/stat/404bk.jpg) no-repeat; background-size: contain; background-position: center center; height: 100%; width: 100%
}
.fivehundred{
	position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/stat/500bk.jpg) no-repeat; background-size: contain; background-position: center center; height: 100%; width: 100%
}

.fourohthree{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../images/stat/403bk.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	height: 100%;
	width: 100%
}

.fourohthree.verticle{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../images/stat/403bk-verticle.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	height: 100%;
	width: 100%
}