body
{
	font-family: 'Courier New', Courier, monospace;
}

.leftpad {padding-left: 5px;}

.bold {font-weight: bold;}

.preserve-whitespace {white-space: pre;}

.noselect {user-select: none;}

div.outer
{
	display: table;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: black;
}

div.middle
{
	display: table-cell;
	vertical-align: middle;
}

div.headercontainer
{
	margin: auto;
	max-width: 775px;
}

div.headerbg
{
	background: linear-gradient(to bottom right, #454545, #2b2b2b);
	box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), inset -1px -1px 1px rgba(0, 0, 0, 0.4);
	max-width: 300px;
	border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom: 2px solid;
	padding: 4px;
	clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
}

div.header
{
	color:#fff;
	background: linear-gradient(to bottom right, #191919, #373737);
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.4), inset -2px -2px 2px rgba(255, 255, 255, 0.4);
	max-width: 250px;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.inner
{
	color:#fff;
	background: repeating-linear-gradient(to bottom, rgba(255,255,255,0.0), rgba(255,255,255,0.0) 2px, rgba(255,255,255,0.02) 2px, rgba(255,255,255,0.02) 4px), linear-gradient(to bottom right, #454545, #2b2b2b);
	box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.4), inset -2px -2px 2px rgba(0, 0, 0, 0.4);
	margin: auto;
	max-width: 775px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.listbackground
{
	background: repeating-linear-gradient(to bottom, rgba(255,255,255,0.0), rgba(255,255,255,0.0) 2px, rgba(255,255,255,0.02) 2px, rgba(255,255,255,0.02) 4px), linear-gradient(to bottom right, #2f2f2f, #202020);
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 8px;
	border: 2px #1b1b1b solid;
}

div.logoutbutton
{
	color:#fff;
	background-color: #404040;
	box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), inset -2px -2px 2px rgba(0, 0, 0, 0.4);
	border-top: 2px solid;
	border-color: black;
	border-top-left-radius: 4px;
	margin-left: auto;
	max-width: 100px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	clip-path: polygon(0 0, 100% 0, 100% 70%, 90% 100%, 0 100%);
}

div.logoutbutton:active
{
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4), inset -2px -2px 2px rgba(255, 255, 255, 0.4);
	transform: translateY(2px);
}

.tabs
{
	height: 225px;
	overflow: auto;
}

.bulletin-content
{
	display: none;
	background: #3C3C3C;
	height: 475px;
	overflow: auto;
}

.bulletin-content p {margin-top: 0;}

.tabs label
{
	display: block;
	padding-left: 5px;
	border: 1px solid;
	border-color: transparent;
}

.tabs input[type="radio"]
{
	display: none;
}

.tabs input[type="radio"]:checked + label
{
	background: black;
	border-color: white;
}