@charset "utf-8";

body {
	font-family: "Verdana", Arial, serif;
}

#titleText {
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	margin-top: 0;
}

header {
	background: linear-gradient(#50bee1, #386d7e);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 42px;
	padding-top: 5px;
	padding-left: 5px;
}

#steamLogout {
	display: inline-block;
	position: absolute;
	top: 7px;
	right: 10px;
}

#steamLoginBox {
	display: block;
	text-align: center;
}

.dataError {
	color: red;
}

#mainArea {
	background: linear-gradient(white, rgb(220,220,255));
	position: fixed;
	top: 42px;
	left: 0;
    bottom: 0;
    right: 0;
}

#mainFrame {
	width: 100%;
	height: 100%;
}

.headerButton {
	-moz-box-shadow:inset 0px 39px 0px -24px #73c9e5;
	-webkit-box-shadow:inset 0px 39px 0px -24px #73c9e5;
	box-shadow:inset 0px 39px 0px -24px #73c9e5;
	background-color:#5dc1e3;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3693b3;
}
.headerButton:hover {
	background-color:#5ec7eb;
}

.headerButtonCurrent {
	-moz-box-shadow:inset 0px 39px 0px -24px #73c9e5;
	-webkit-box-shadow:inset 0px 39px 0px -24px #73c9e5;
	box-shadow:inset 0px 39px 0px -24px #73c9e5;
	background-color:#5dc1e3;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 15px;
	text-shadow:0px 1px 0px #3693b3;
	text-decoration: underline;
}
.headerButtonCurrent:hover {
	background-color:#5ec7eb;
}

.headerButton:active {
	position:relative;
	top:1px;
}

.headerButton:focus {
	outline:0;
}

.headerButtonCurrent:focus {
	outline:0;
}

button {
	-moz-box-shadow: 0px 5px 7px -3.5px #276873;
	-webkit-box-shadow: 0px 5px 7px -3.5px #276873;
	box-shadow: 0px 5px 7px -3.5px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-weight:bold;
	height: 25px;
	padding: 4px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
	box-sizing: border-box;
	moz-box-sizing: border-box;
	webkit-box-sizing: border-box;
}
button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color:#408c99;
}
button:active {
	position:relative;
	top:1px;
}
button:focus {
	outline: none;
}