html, body, table, td, th, input, textarea
{
	font-family: "Segoe UI", sans-serif;
	font-size: 10pt;
}

body
{
	margin: 0;
	padding: 0;
}

form
{
	margin: 0;
	padding: 0;
}

/* roster-company-h1 technically should be in roster.css but we put it here so that it stays consistent. */

h1, h2, h3, .roster-company-h1
{
	font-variant: small-caps;
	font-family: "Cambria", serif;
	font-weight: bold;
}

h1, .roster-company-h1
{
	font-weight: bold;
	font-size: 160%;
	margin: 0;
	padding: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

h2
{
	font-size: 150%;
	margin: 0;
	padding: 0;
	margin-bottom: 0.9em;
}

h3
{
	font-size: 125%;
	margin: 0;
	padding: 0;
	margin-top: 1em;
	margin-bottom: 1em;
}

p
{
	text-align: justify;
}

/* Used on the main page for dividers. */

.section-header
{
	margin-top: 1.5em;
	margin-bottom: 1em;
}

.section-header span
{
	font-weight: bold;
}

/* The link bar, the bar of links along the top of the screen */

.linkbar
{
	width: 99%;
}

.linkbar-button
{
	font-weight: bold;
	font-size: 9pt;
	white-space: nowrap;
}

.linkbar-button a
{
	text-decoration: none;
}

.linkbar-button-left
{
	width: 6px;
	height: 22px;
}

.linkbar-button-right
{
	width: 6px;
	height: 22px;
}

.linkbar-table td
{
	padding-top: 1px;
	padding-bottom: 1px;
}

/* Header stuff */

.header-login
{
	padding-right: 4px;
}

/* Sidebar stuff */

.sidebar
{
	width: 1%;
	white-space: nowrap;
	padding-right: 14px;
}

.sidebar-links
{
	border: 1px solid;
	padding-top: 1em;
	padding-bottom: 1em;
}

.sidebar-links .head
{
	font-weight: bold;
	text-align: center;
	border: 1px solid;
}

.sidebar-links a, .sidebar-links span
{
	/*font-weight: bold;*/
	text-align: left;
	display: block;
	white-space: nowrap;
	padding-right: 8px;
}

.sidebar .border
{
	text-align: center;
}

/* Main content */

.main
{
	padding-top: 0.5em;
	padding-bottom: 1em;
	padding-left: 16px;
	padding-right: 16px;
}

.quote
{
	margin-left: 2em;
	margin-right: 1em;
}

.quote-author
{
	text-align: right;
	padding-right: 3em;
}

.quote-add
{
	margin: 0;
	font-size: smaller;
	text-align: right;
	padding-right: 3em;
}

.section-more
{
	margin: 0;
	padding-left: 3em;
}

/* This technically belongs in user/roster.css but it must match the padding of .main and so we put it here so that we can easily keep them in synch */

.roster-backlinks
{
	margin-left: -16px;
	margin-right: -16px;
}

.section-header
{
	margin-left: -16px;
	margin-right: -16px;
}

.section-header span
{
	margin-left: 16px;
}

.main-oath
{
	margin: 1em;
	margin-left: 2em;
	font-style: italic;
}

.main-banner
{
	float: right;
	margin-left: 2em;
	margin-bottom: 1em;
}

.main-banner-company a
{
	font-size: 125%;
	text-decoration: none;
	font-variant: small-caps;
	font-family: "Cambria", serif;
}

.main-banner-main
{
	padding: 1em;
}

.main-banner-inner th
{
	padding-right: 4px;
	padding-bottom: 0.5em;
}

.main-banner-inner td
{
	padding-bottom: 0.5em;
}

.main-banner-inner div
{
	font-size: 90%;
	padding-left: 1.5em;
}

.main-banner-inner ul
{
	margin: 0;
	padding: 0;
}

.btn-login
{
	width: 112px;
	height: 30px;
	padding-left: 4px;
	padding-right: 4px;
}

.random-screen
{
	max-width: 295px;
	text-align: center;
	font-size: 75%;
	padding-bottom: 24px;
}

.random-screen img
{
	border: 1px solid;
}