/*******************************************************************************
 * The basic stuff
 ******************************************************************************/

body {
	margin: 30px;
	background-color: #cccccc;
	font-family: Arial, Helvetica, San Serif;
	font-size: 9pt;
	color: black;
}

table {
	font-family: Arial, Helvetica, San Serif;
	font-size: 10pt;
}

h1 {
	font-size: 12pt;
}

h2 {
	font-size: 11pt;
}

img {
	border-width: 0px;
	vertical-align: bottom;
}

/*******************************************************************************
 * Base layout
 ******************************************************************************/

/* Base table style for page layout */
table.layout {
	border-width: 0px;
}
/* Layout formatting for page footer */
td.layout-footer {
	border: 1px solid black;
}
/* Page content goes inside here */
table.internal {
	background-color: white;
	border-style: solid;
	border-color: black;
	border-width: 0px 1px 0px 1px;
}
tr {
	vertical-align: top;
}

/*******************************************************************************
 * Page component formatting
 ******************************************************************************/

/* For pages with mostly text, they should be surrounded by this DIV block */
div.text {
	margin: 15pt;
}

/* Copyright message at bottom of page */
p.copyright {
	font-size: 8pt;
	color: white;
	padding: 3px;
}

/* Information layout grid as used by "/contact/index.php" and possibly others */
td.grid {
	padding-right: 12pt;
}
td.grid-spaced {
	padding-right: 12pt;
	padding-bottom: 6pt;
}

/* News postings are each surrounded by the 'posting' DIV element, with the the
   actual content in a 'posting_body' DIV sub-element */
div.posting {
}
div.posting-body {
	margin: 6px 6px 12pt 6px;
}
/* News posting headers are broken into a title and time, both on the same line */
font.post-title {
}
font.post-time {
	font-size: 8pt;
	margin-left: 4pt;
}

/* Forms and such */
form {
	/*border: 1px dashed black;*/
	padding: 15pt;*/
	background-color: #FAF9BD;
	/*background-color: #FFFFCC;*/

}

div.form-footer {
	margin-top: 10pt;
}
input.data-field, textarea {
	padding: 1px;
	border: 1px solid black;
	background-color: white;
	font-family: monospace;
}

/*******************************************************************************
 * General layout
 ******************************************************************************/

div.indent {
	margin-left: 20pt;
}

em {
	font-style: normal;
	font-weight: bold;
}

td ul {
	margin-bottom: 6pt;
	margin-left: 12pt;
}

div.fine-print {
	font-size: 8pt;
	font-style: italic;
}

div.newsflash {
	font-style: italic;
	color: #191919;
}
div.newsflash em {
	font-style: italic;
}
div.newsflash A {
	text-decoration: none;
	color: #191919;
	font-size: 9pt;
}

/*******************************************************************************
 * Press Release stuff
 ******************************************************************************/

/* PR origination (NB: size should match base text size) */
font.pr-orig {
	font-weight: bold;
	font-size: 11pt;
}
font.pr-orig-time {
	font-size: 9pt;
}

/* PR product name */
font.pr-prod {
	font-style: italic;
	font-weight: bold;
}

/* PR contact info (NB: this should be the same at least as large as 'div.pr-fine-print') */
div.pr-contact {
}

/* PR layout (similar to 'table.layout' and 'div.text') */
table.pr-heading-layout {
	width: 700px; /* This is a hack ... '700' is derived from 'layout/layout.php' */
	border-width: 0px;
	margin: 15pt;
}

/*******************************************************************************
 * Product Information stuff
 ******************************************************************************/

table.spec-layout {
	border: 0px;
	border-collapse: collapse;
}