body {
	background-color: gray;
	padding: 0;
	margin: 0;
	font-size: medium;
}
h1,h2,h3,h4,h5 {
	font-family: arial;
}
#wrapper {
	margin: 0 2em;
	background-color: white;
	padding: 0 2em 2em 2em;
}
header {
	padding: 5px;
}
footer {
	padding: 10px;
}
h1 {
	border-radius: 5px;
	color: #eee;
	background-color: #003366;
	border: 1px solid #ccc;
	text-shadow: 1px 1px 1px #ccc;
	padding: 0.5em;
}
h2 {
	border-radius: 5px;
	color: #eee;
	background-color: #003366;
	border: 1px solid #ccc;
	margin-bottom: 10px;
		padding: 0.5em;
}
table.table {
	width: auto;
}
p.softname {
	font-size: x-large;
	font-weight: bold;
}
table {
	border-collapse: collapse;
}
td,th {
	border: 1px solid gray;
	padding: 0.5em;
}
.btnlink {
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	background-color: #99CC00;
	color:white;
	text-align: center;
	border-radius: 5px;
}
.btn-primary {
	background-color: #3366CC;
	color:white;
	font-weight: bold;
	padding: 1em 2em;
	border-radius: 5px;
	text-decoration: none;
}
th {
	min-width: 2em;
	background: #669933;
	color:white;
}
input[type=text],input[type=email],select {
	padding: 0.5em;
	border-radius: 5px;
}

@media only all and (max-width: 600px){
	div#wrapper {
		margin:0;
		padding: 0.2em;
	}
	
}