/*
 * Default font and spacing for all text.
 */
body, td, th
{
	margin: 4px;
	font-family: verdana;
	font-size: 0.8em;
}

/*
 * Keep everything centralized across the page, with a light grey background
 * around the edges.
 */
body
{
	text-align: center;
	background-color: #e5e5e5;
}

/*
 * Style used for text-only message body - use same font as everywhere else
 * instead of usual default fixed width font.
 */
pre
{
	font-family: verdana;
}

/*
 * Keep headings in proportion to the rest of the text.
 */
h1
{
	font-size: medium;
}

h2
{
	font-size: small;
}

/*
 * Make subheadings within documents stand out more.
 */
.documenttable h2
{
	font-size: 1.2em;
	color: #0A6DB2;
}

/*
 * Don't want any borders around images in links!
 */
img
{
	border: 0;
}

/*
 * Tables used to hold lists of groups/messages, form details and documents.
 * Keep the table centralized across the page, with adequate space around it.
 */
.maintable, .formtable, .documenttable
{
	margin: 1em;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

/*
 * Let tables for list of groups/messages take up most of the page width.
 */
.maintable
{
	width: 75%;
}

/*
 * Forms and documents look better with a narrower containing table.
 */
.formtable, .documenttable
{
	width: 50%;
}

/*
 * Make table headings stand out with a background gradient.
 */
.maintable th, .formtable th, .documenttable th
{
	background-image: url('/images/fillheading.png');
	height: 40px;
	font-size: 0.8em;
}

/*
 * Use a light background and border color for all table contents, and keep the
 * text away from the edges.
 */
.maintable td, .formtable td, .documenttable td
{
	background-color: #EFEFEF;
	padding: 4px;
	border-top: solid 1px silver;
}

/*
 * Make links to groups in the group list larger.
 */
a.groupname
{
	font-size: 1.2em;
}

/*
 * Place a solid border around the outside of the page and the content tables.
 */
#outside, .maintable, .formtable, .documenttable
{
	border: solid 1px gray;
	padding: 2px;
	background-color: white;
}

/*
 * Highlight the links at the top of the page with a background image, and make
 * sure the images used for the buttons don't wrap onto a second line.
 */
#top
{
	background-image: url('/images/filltop.png');
	background-repeat: repeat-x;
	height: 112px;
	overflow-x: hide;
	white-space: nowrap;
}

/*
 * Keep the name of the current user discreetly on the left.
 */
#loginname
{
	padding-left: 1em;
	text-align: left;
}

/*
 * Make the links in the breadcrumbs bar larger so they don't get lost.
 */
#breadcrumbs
{
	font-weight: bold;
	font-size: 1.1em;
	padding-left: 1em;
	text-align: left;
}

/*
 * Keep some space between images in the breadcrumbs bar (RSS/Atom/NNTP links etc.)
 */
#breadcrumbs img
{
	margin-left: 1em;
}

/*
 * Do not underline links in the main content tables, except when the mouse is over them.
 */
td a
{
	text-decoration: none;
	color: #585768;
}

td a:hover, .documenttable a
{
	text-decoration: underline;
}

/*
 * Display a shadow underneath the main body of the page.
 */
#footer
{
	width: 100%;
	color: #c0c0c0;
	background: url('/images/shadow.gif');
	background-repeat: repeat-x;
	padding-top: 20px;
	text-align: center;
	font-size: xx-small;
}

/*
 * Place the buttons for performing actions on a message (reply, delete etc.) to the right
 * of the message content.
 */
div.messageactions
{
	float: right;
}

/*
 * Keep plenty of space around the details of a message.
 */
div.message
{
	margin: 10px;
	padding: 10px;
}

/*
 * Highlight the text in column subheadings.
 */
tr.subheadings td
{
	font-weight: bold;
	background-color: #C8D1D7;
	color: #006699;
}

/*
 * Use alternating column background colors to make it easier to find the correct information.
 */
td.highlight
{
	background-color: #DEE3E7;
}