/*
 * author: Sebastian Roehrich
 * date: 10-11-2015
 * last updated: 17-11-2015
 * version: 1.1
 */

body
{
	font: normal 1em Verdana;
	color: rgb(0, 0, 0);
	margin: 0;
	padding:0;
	border:0;
	font-size: 20px;
	line-height: 90%;
	background-color:rgb(123, 123, 123);
}
#maindiv {
	text-align:center;
}
#displaying {
	text-align:center;
}
h1
{
	font: bold 3em Georgia;
	margin: 1em 0 1em;
}
small
{
	color: #666666;
}
.pointsDisplay {
	background-color: #c18d8b;
	font-size: larger;
	width: 60px;
}
.totalPointsDisplay {
	background-color: #8bc1a5;
	font-size: smaller;
}
div {
	text-align:center;
}
input {
	 text-align: center;
	 width:50px;
	 margin: 2px;
}
input[type='radio'] {
	margin: 0px;
	height: 25px;
	width: 25px;
}
.shipPoints {
	width:70px;
}
.zeroBtn {
	background:#7070F5;
}
.halfBtn {
	background:#B5B657;
}
.fullBtn {
	background:#B54949;
}
.radioBtn {
	
}
.savebutton {
	width:70px;
	background-color: #3ac33d;
}
.loadbutton {
	width:70px;
	background-color: #cc8c32;
}
@media (max-width:1000px) {
	input {
		font-size:smaller;
	}
	select {
		width:40px;
		height:40px;
		font-size:20px;
	}
	input[type='radio'] {
		margin: 0px;
		height: 20px;
		width: 20px;
	}
	.savebutton {
		font-size:20px;
	}
	.loadbutton {
		font-size:20px;
	}
}

@media (max-width:500px) {
	input {
		font-size:30px;
	}
	input[type='radio'] {
		margin: 0px;
		height: 10px;
		width: 10px;
	}
	.savebutton {
		font-size:15px;
	}
	.loadbutton {
		font-size:15px;
	}
}