body {
	background-color: silver;
	margin: 0;
}

h1 {
	background-color: darkred;
	color: white;
	padding: 1em;
	margin: 0;
}

nav ul {
	list-style-type: none;
	background-color: black;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
nav ul li {
	float: left;
	margin: 1px;
}
nav ul li a {
	text-decoration: none;
	display: block;
	color: silver;
	padding: 1em;
	border-radius: 1em;
}
nav ul li a:hover {
	background-color: darkred;
	color: white;
}

main {
	margin: 1em;
}

table.list {
	border-collapse: collapse;
	width: 100%;
}
table.list thead {
	background-color: darkgray;
}
table.list, table.list th, table.list td {
    border: 1px solid gray;
	width: auto;
	vertical-align: top;
}
table.list td:last-child {
	padding: 0.5em;
    width: 100%;
}

table.upload th {
	text-align: right;
	vertical-align: top;
}
table.upload td {
	max-width: 500px;
}
table.upload td * {
	width: 100%;
}
table.upload input[type="number"] {
	width: auto;
	text-align: right;
}

ul.actions {
	list-style-type: none;
	width: 100%;
	padding: 0;
	margin: 0;
}
ul.actions li {
	float: left;
}
ul.actions li::before {
  content: "|";
  padding: 0 0.5em ;
}

ul.actions li:first-child::before {
  content: "";
  padding: 0;
}