html, body {
	border: 0;
	margin: 0;

	background: #c0c0c0;

	font-family: Ubuntu Mono;
}

.app-teaser {
	display: block;

	position: relative;

	background: #dfdfdf;

	color: #232323;

	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;

	text-align: center;

	padding: 10px 25px 40px 10px;

	margin: 10px;

	box-shadow: 0 0 3px rgba(0, 0, 0, 0.27);
}

.app-teaser h1 {
	text-align: center;
}


input[type="file"],
input[type="button"],
input[type="submit"],
button {
	margin: 10px;
	
	cursor: pointer;

	border: 0;

	padding: 12px 23px;

	background-image: -webkit-linear-gradient(top, rgba(128,128,128,0.05), rgba(128,128,128,0.15));
	background-image: -moz-linear-gradient(top, rgba(128,128,128,0.05), rgba(128,128,128,0.15));
	background-image: -o-linear-gradient(top, rgba(128,128,128,0.05), rgba(128,128,128,0.15));
	background-image: -ms-linear-gradient(top, rgba(128,128,128,0.05), rgba(128,128,128,0.15));
	background-image: linear-gradient(top, rgba(128,128,128,0.05), rgba(128,128,128,0.15));
	border-color: rgba(0,0,0,0.15);

	color: #454545;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;

	border: 1px solid #dfdfdf;

	box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);

	-webkit-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}

input[type="button"]:hover,
input[type="submit"]:hover,
button:hover {
	background-color: #aaaaaa;
}


table,
td,
td > img,
th {

	background-image: -webkit-linear-gradient(top, rgba(128,128,128,0.05), rgba(128,128,128,0.15));
	background-image: -moz-linear-gradient(top, rgba(128,128,128,0.05), rgba(128,128,128,0.15));
	background-image: -o-linear-gradient(top, rgba(128,128,128,0.05), rgba(128,128,128,0.15));
	background-image: -ms-linear-gradient(top, rgba(128,128,128,0.05), rgba(128,128,128,0.15));
	background-image: linear-gradient(top, rgba(128,128,128,0.05), rgba(128,128,128,0.15));
	border-color: rgba(0,0,0,0.15);

	color: #454545;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;

	border: 1px solid #dfdfdf;

	box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);

	padding: 5px 15px;
}

td > img {
	padding: 0;
}

tr:hover > td,
th {
	background-color: #c0c0c0;
}

td img {
	max-width: 270px;
	max-height: 45vh;
}

table {
	margin: 0 auto;
	width: 820px;
}