/*********************************************************************
 *
 * BASICS
 *
 *********************************************************************/

html, body, form, p {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'microsoft sans serif', tahoma, verdana, sans-serif;
	font-size: 11pt; /* set, so as to normalize across browsers. in points, so as to make sense on multiple media */
}

img {
	border-width: 0;
}

/****************************
 * TEXT
 ****************************/

h1, .h1 {
	margin: 0 0 0.1em 0;

	font-size: 1.8em;
}

h2, .h2 {
	margin: 1.2em 0 0.6em 0;

	font-size: 1.5em;
}

h3, .h3 {
	margin: 0.7em 0 0 0;

	font-size: 1.2em;
	font-weight: bold;
}

h4, .h4 {
	margin: 0.6em 0 0 0;

	font-size: 1.1em;
	font-weight: bold;
}

h5, .h5 {
	margin: 0.5em 0 0 0;

	font-size: 1em;
	font-weight: bold;
}

p, .p {
	margin: 0 0 0.4em 0;

	font-size: 1em;
	line-height: 1.4em;
}

strong, .strong, b {
	color: #722F2B;
	font-weight: bold;
}

em, .em, i {
	font-style: italic;
}

blockqoute, blockquote p {
	font-size: 1em;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.email,
.article-body a.article-mail-link {
	border-bottom: dashed 1px #888888;
}

a.email:hover,
.article-body a.article-mail-link:hover {
	text-decoration: none;
}

.error, .error-text, .error-message {
	color: #FF0000;
}

.error-text {
	font-weight: bold;
}

.error-message {
	margin: 5px 0 5px 0;

	font-size: 1.1em;
}

.comment-text {
	color: #888888;
}

.right-aligned-content {
	text-align: right;
}

.no-break {
	white-space: nowrap;
}

ul {
	margin: 0 0 0 -20px;

	list-style-image: url(images/bullet.png);
}

ul li {
	margin: 0;
}

ol {
	margin: 0 0 0 -17px;

	list-style-type: decimal;
}

ol li {
	margin: 0;
}

li li, li p {
	font-size: 1em;
}

/****************************
 * TABLES
 ****************************/

table, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;

	vertical-align: top;
	text-align: left;
	font-size: 1em;
}

th {
	font-weight: bold;
}

th p, td p {
	font-size: 1em;
}

.normal-table {
	width: auto;
}

.hidden-auto-table {
	width: 100%;
}

.normal-table, .hidden-table, .data-grid, .free-data-grid, .data-grid-pager table {
	margin: 10px 20px 10px 10px;
}

.normal-table, .data-grid, .free-data-grid, .data-grid-pager table {
	border: 1px solid #B1AFA8;
}

.normal-table th, .normal-table td,
.data-grid th, .data-grid td,
.free-data-grid th, .free-data-grid td {
	padding: 2px 6px 2px 6px;
}

.normal-table th,
.data-grid th,
.free-data-grid th {
	color: #FFFFFF;
	background-color: #2C809E;
}

.normal-table .odd-row,
.data-grid .odd-row,
.free-data-grid .odd-row {
	background-color: #F0F0F0;
}

.compact-table table {
	width: auto;
}

.hidden-table, .hidden-table th, .hidden-table td {
}

.indent-col {
	width: 20px;
}

/****************************
 * FORMS
 ****************************/

input, textarea, select {
	font-family: inherit;
	font-size: 1em;
}

.numeric-input, .numeric-output, .numeric-input-output, .numeric-borderless {
	text-align: right;
}

.hidden-auto-table, .hidden-auto-table th, .hidden-auto-table td,
.data-form-radio-table, .data-form-radio-table th, .data-form-radio-table td {
}

.data-grid, .article-body .data-grid {
	width: 700px;
}

.free-data-grid, .article-body .free-data-grid {
	width: auto;
}

.data-grid th, .data-grid td, 
.free-data-grid th, .free-data-grid td {
	border: 1px solid #B1AFA8;
}

.data-grid-pager table {
	margin: 3px;
}

.data-grid-pager table td {
	border: 0;
}

.data-grid-pager table td span {
	color: #2C809E;
	font-weight: bold;
}

.data-form {
}

.data-form p {
	margin: 10px 20px 0 10px;

	text-align: left;
}

.data-form-fieldset fieldset, .data-form-table {
	margin: 5px 20px 0 0;
	padding: 5px;

	border: 1px solid #B1AFA8;
}

.data-form-fieldset legend {
	color: #888888;
}

.data-form-fieldset label, .data-form-label {
	padding-left: 2px;
	color: #888888;
}

.data-form-item {
	margin: 6px 0 6px 0;
}

.data-form-item input, .data-form-item textarea, .data-form-item select, .data-form-item-literal, p.data-form-item-literal,
.data-form-checkbox-table, .data-form-checkbox-table-3,
.quick-search-input, .front-search-input,
.numeric-input, .numeric-output, .numeric-input-output, .numeric-borderless {
	padding: 2px;
	background-color: #F5FFFA;
}

.data-form-item input, .data-form-item textarea, .data-form-item select,
.data-form-checkbox-table, .data-form-checkbox-table-3,
.quick-search-input, .front-search-input,
.numeric-input {
	border: 1px solid #404040;
}

.data-form-item select {
	position: relative;
	top: 2px;
}

table.data-form-radio-table {
	width: auto;
}

.data-form-radio-table input, .data-form-checkbox input {
	border: 0;
	background: 0;
}

.data-form-item-literal, p.data-form-item-literal {
	min-height: 1.2em;
	margin: 0;
}

.data-form-item-literal, p.data-form-item-literal,
.numeric-output, .numeric-input-output {
	border: 1px solid #B1AFA8;
}

.data-form-narrow-input {
	width: 150px;
}

.data-form-medium-input {
	width: 350px;
}

.data-form-wide-input, .data-form-item-literal, .mce-editor {
	width: 700px;
}

.data-form-checkbox-table, .data-form-checkbox-table-3 {
	margin-top: 4px;
	width: 706px;
}

.data-form-checkbox-table-3 td {
	width: 235px;
}

.buttons {
	padding: 5px 10px 5px 5px;
}

.button,
.data-form-item input.button {
	color: #722F2B;
	font-size: 0.9em;

	border: 1px solid #404040;
	background-color: #ECECEC;
}

/*********************************************************************
 *
 * TABS
 *
 *********************************************************************/

.tabs {
	display: table;
}

.tabs ul {
	margin: 0 0 0 -40px;
	list-style-type: none;
	list-style-image: none;
}

.tabs li {
	display: table;
	float: left;
	margin: 0;
}

.red-normal-tab,
.blue-normal-tab {
	margin: 0 0 0 4px;
}

.red-normal-tab-top-left, .red-normal-tab-top-middle, .red-normal-tab-top-right,
.blue-normal-tab-top-left, .blue-normal-tab-top-middle, .blue-normal-tab-top-right,
.red-big-tab-top-left, .red-big-tab-top-middle, .red-big-tab-top-right,
.blue-big-tab-top-left, .blue-big-tab-top-middle, .blue-big-tab-top-right {
	float: left;
}

.red-normal-tab-top-left-body, .red-normal-tab-top-right-body,
.blue-normal-tab-top-left-body, .blue-normal-tab-top-right-body {
	width: 7px;
}

.red-normal-tab-top-left-body, .red-normal-tab-top-middle-body, .red-normal-tab-top-right-body,
.blue-normal-tab-top-left-body, .blue-normal-tab-top-middle-body, .blue-normal-tab-top-right-body {
	height: 17px;
}

.red-big-tab-top-left-body, .red-big-tab-top-right-body,
.blue-big-tab-top-left-body, .blue-big-tab-top-right-body {
	width: 9px;
}

.red-big-tab-top-left-body, .red-big-tab-top-middle-body, .red-big-tab-top-right-body,
.blue-big-tab-top-left-body, .blue-big-tab-top-middle-body, .blue-big-tab-top-right-body {
	height: 20px;
}

.red-normal-tab-content,
.blue-normal-tab-content,
.red-big-tab-content,
.blue-big-tab-content {
	padding: 2px 3px 0 0;

	font-family: 'myriad pro', sans-serif;
	font-size: 13px; /* in px to control height exactly */
	text-transform: uppercase;
	white-space: nowrap;
}

html>/**/body .red-normal-tab-content,
html>/**/body .blue-normal-tab-content,
html>/**/body .red-big-tab-content,
html>/**/body .blue-big-tab-content { /* for FF */
	padding-right: 1px;
}

html:first-child .red-normal-tab-content,
html:first-child .blue-normal-tab-content,
html:first-child .red-big-tab-content,
html:first-child .blue-big-tab-content { /* for Opera */
	padding-right: 3px; /* reset */
}

.red-normal-tab-content, .red-normal-tab-content :link, .red-normal-tab-content :visited,
.red-big-tab-content, .red-big-tab-content :link, .red-big-tab-content :visited {
	color: #722F2B;
}

.blue-normal-tab-content, .blue-normal-tab-content :link, .blue-normal-tab-content :visited,
.blue-big-tab-content, .blue-big-tab-content :link, .blue-big-tab-content :visited {
	color: #2982AD; /* old was #2C809E */
}

.red-normal-tab-top-left-body {
	background-image: url(images/red-normal-tab-top-left.png);
}

.red-normal-tab-top-middle-body {
	background-image: url(images/red-normal-tab-top.png);
}

.red-normal-tab-top-right-body {
	background-image: url(images/red-normal-tab-top-right.png);
}

.blue-normal-tab-top-left-body {
	background-image: url(images/blue-normal-tab-top-left.png);
}

.blue-normal-tab-top-middle-body {
	background-image: url(images/blue-normal-tab-top.png);
}

.blue-normal-tab-top-right-body {
	background-image: url(images/blue-normal-tab-top-right.png);
}

.red-big-tab-top-left-body {
	background-image: url(images/red-big-tab-top-left.png);
}

.red-big-tab-top-middle-body {
	background-image: url(images/red-big-tab-top.png);
}

.red-big-tab-top-right-body {
	background-image: url(images/red-big-tab-top-right.png);
}

.blue-big-tab-top-left-body {
	background-image: url(images/blue-big-tab-top-left.png);
}

.blue-big-tab-top-middle-body {
	background-image: url(images/blue-big-tab-top.png);
}

.blue-big-tab-top-right-body {
	background-image: url(images/blue-big-tab-top-right.png);
}

/*********************************************************************
 *
 * BOXES
 *
 *********************************************************************/

.box {
	margin: 0;
	padding: 0;
}

.red-normal-box,
.blue-normal-box,
.greenish-normal-box,
.bluish-normal-box {
	margin: 0 0 6px 0;
}

.red-big-box {
	margin: 0;
}

.red-normal-box-body,
.blue-normal-box-body,
.greenish-normal-box-body,
.bluish-normal-box-body,
.red-big-box-body {
	width: inherit;
}

.red-normal-box-top-left-body, .red-normal-box-top-right-body,
.red-normal-box-bottom-left-body, .red-normal-box-bottom-right-body {
	width: 7px;
}

.red-normal-box-top-middle, .red-normal-box-middle-middle, .red-normal-box-bottom-middle {
	padding: 0 7px 0 7px;
}

.red-normal-box-top-left-body, .red-normal-box-top-middle-body, .red-normal-box-top-right-body,
.red-normal-box-bottom-left-body, .red-normal-box-bottom-middle-body, .red-normal-box-bottom-right-body {
	height: 8px;
}

.blue-normal-box-top-left-body, .blue-normal-box-top-right-body,
.blue-normal-box-bottom-left-body, .blue-normal-box-bottom-right-body,
.greenish-normal-box-top-left-body, .greenish-normal-box-top-right-body,
.greenish-normal-box-bottom-left-body, .greenish-normal-box-bottom-right-body,
.bluish-normal-box-top-left-body, .bluish-normal-box-top-right-body,
.bluish-normal-box-bottom-left-body, .bluish-normal-box-bottom-right-body {
	width: 5px;
}

.blue-normal-box-top-middle, .blue-normal-box-middle-middle, .blue-normal-box-bottom-middle,
.greenish-normal-box-top-middle, .greenish-normal-box-middle-middle, .greenish-normal-box-bottom-middle,
.bluish-normal-box-top-middle, .bluish-normal-box-middle-middle, .bluish-normal-box-bottom-middle {
	padding: 0 5px 0 5px;
}

.blue-normal-box-top-left-body, .blue-normal-box-top-middle-body, .blue-normal-box-top-right-body,
.blue-normal-box-bottom-left-body, .blue-normal-box-bottom-middle-body, .blue-normal-box-bottom-right-body,
.greenish-normal-box-top-left-body, .greenish-normal-box-top-middle-body, .greenish-normal-box-top-right-body,
.greenish-normal-box-bottom-left-body, .greenish-normal-box-bottom-middle-body, .greenish-normal-box-bottom-right-body,
.bluish-normal-box-top-left-body, .bluish-normal-box-top-middle-body, .bluish-normal-box-top-right-body,
.bluish-normal-box-bottom-left-body, .bluish-normal-box-bottom-middle-body, .bluish-normal-box-bottom-right-body {
	height: 5px;
}

.red-big-box-top-left-body, .red-big-box-top-right-body,
.red-big-box-bottom-left-body, .red-big-box-bottom-right-body {
	width: 11px;
}

.red-big-box-top-middle, .red-big-box-middle-middle, .red-big-box-bottom-middle {
	padding: 0 11px 0 11px;
}

.red-big-box-top-left-body, .red-big-box-top-middle-body, .red-big-box-top-right-body {
	height: 10px;
}

.red-big-box-bottom-left-body, .red-big-box-bottom-middle-body, .red-big-box-bottom-right-body {
	height: 15px;
}

.red-normal-box-top-left-body, .red-normal-box-middle-left-body, .red-normal-box-bottom-left-body,
.blue-normal-box-top-left-body, .blue-normal-box-middle-left-body, .blue-normal-box-bottom-left-body, 
.greenish-normal-box-top-left-body, .greenish-normal-box-middle-left-body, .greenish-normal-box-bottom-left-body,
.bluish-normal-box-top-left-body, .bluish-normal-box-middle-left-body, .bluish-normal-box-bottom-left-body,
.red-big-box-top-left-body, .red-big-box-middle-left-body, .red-big-box-bottom-left-body {
	float: left;
}

.red-normal-box-top-right-body, .red-normal-box-middle-right-body, .red-normal-box-bottom-right-body, 
.blue-normal-box-top-right-body, .blue-normal-box-middle-right-body, .blue-normal-box-bottom-right-body, 
.greenish-normal-box-top-right-body, .greenish-normal-box-middle-right-body, .greenish-normal-box-bottom-right-body, 
.bluish-normal-box-top-right-body, .bluish-normal-box-middle-right-body, .bluish-normal-box-bottom-right-body, 
.red-big-box-top-right-body, .red-big-box-middle-right-body, .red-big-box-bottom-right-body {
	float: right;
}

.red-normal-box-middle,
.blue-normal-box-middle,
.greenish-normal-box-middle,
.bluish-normal-box-middle,
.red-big-box-middle {
	display: table;
	width: 100%;
}

.red-normal-box-middle-left,
.blue-normal-box-middle-left,
.greenish-normal-box-middle-left,
.bluish-normal-box-middle-left,
.red-big-box-middle-left {
	background-position: 0 0;
	background-repeat: repeat-y;
}

.red-normal-box-middle-right,
.blue-normal-box-middle-right,
.greenish-normal-box-middle-right,
.bluish-normal-box-middle-right,
.red-big-box-middle-right {
	background-position: 100% 0;
	background-repeat: repeat-y;
}

.red-normal-box-middle-left, .red-normal-box-middle-left-body, .red-normal-box-middle-right, .red-normal-box-middle-right-body,
.blue-normal-box-middle-left, .blue-normal-box-middle-left-body, .blue-normal-box-middle-right, .blue-normal-box-middle-right-body,
.greenish-normal-box-middle-left, .greenish-normal-box-middle-left-body, .greenish-normal-box-middle-right, .greenish-normal-box-middle-right-body,
.bluish-normal-box-middle-left, .bluish-normal-box-middle-left-body, .bluish-normal-box-middle-right, .bluish-normal-box-middle-right-body,
.red-big-box-middle-left, .red-big-box-middle-left-body, .red-big-box-middle-right, .red-big-box-middle-right-body {
	height: 100%;
}

.blue-normal-box-middle-middle, .red-normal-box-middle-middle {
	overflow: hidden;
}

.red-normal-box-middle-middle-body,
.red-big-box-middle-middle-body {
	background-color: #FFFFFF;
}

.blue-normal-box-middle-middle-body {
	background-color: #FCFCFC;
}

.greenish-normal-box-middle-middle-body {
	background-color: #F5FFFA;
}

.bluish-normal-box-middle-middle-body {
	background-color: #F5FAFF;
}

.red-normal-box-content,
.blue-normal-box-content,
.greenish-normal-box-content,
.bluish-normal-box-content,
.red-big-box-content {
	width: inherit;
	font-size: 1em;
}

.blue-normal-box-content {
	padding: 0 3px 0 3px;
}

.red-normal-box-content a,
.blue-normal-box-content a,
.greenish-normal-box-content a,
.bluish-normal-box-content a,
.red-big-box-content a {
	color: #722F2B;
}

.blue-normal-box-content ul {
	margin-top: 4px;
	margin-bottom: 4px;
}

.red-normal-box-top-left-body {
	background-image: url(images/red-normal-box-top-left.png);
}

.red-normal-box-top-middle-body {
	background-image: url(images/red-normal-box-top.png);
}

.red-normal-box-top-right-body {
	background-image: url(images/red-normal-box-top-right.png);
}

.red-normal-box-middle-left {
	background-image: url(images/red-normal-box-left.png);
}

.red-normal-box-middle-right {
	background-image: url(images/red-normal-box-right.png);
}

.red-normal-box-bottom-left-body {
	background-image: url(images/red-normal-box-bottom-left.png);
}

.red-normal-box-bottom-middle-body {
	background-image: url(images/red-normal-box-bottom.png);
}

.red-normal-box-bottom-right-body {
	background-image: url(images/red-normal-box-bottom-right.png);
}

.blue-normal-box-top-right-body {
	background-image: url(images/blue-normal-box-top-right.png);
}

.blue-normal-box-top-middle-body {
	background-image: url(images/blue-normal-box-top.png);
}

.blue-normal-box-top-left-body {
	background-image: url(images/blue-normal-box-top-left.png);
}

.blue-normal-box-middle-left {
	background-image: url(images/blue-normal-box-left.png);
}

.blue-normal-box-middle-right {
	background-image: url(images/blue-normal-box-right.png);
}

.blue-normal-box-bottom-left-body {
	background-image: url(images/blue-normal-box-bottom-left.png);
}

.blue-normal-box-bottom-middle-body {
	background-image: url(images/blue-normal-box-bottom.png);
}

.blue-normal-box-bottom-right-body {
	background-image: url(images/blue-normal-box-bottom-right.png);
}

.greenish-normal-box-top-left-body {
	background-image: url(images/greenish-normal-box-top-left.png);
}

.greenish-normal-box-top-middle-body {
	background-image: url(images/greenish-normal-box-top.png);
}

.greenish-normal-box-top-right-body {
	background-image: url(images/greenish-normal-box-top-right.png);
}

.greenish-normal-box-middle-left {
	background-image: url(images/greenish-normal-box-left.png);
}

.greenish-normal-box-middle-right {
	background-image: url(images/greenish-normal-box-right.png);
}

.greenish-normal-box-bottom-left-body {
	background-image: url(images/greenish-normal-box-bottom-left.png);
}

.greenish-normal-box-bottom-middle-body {
	background-image: url(images/greenish-normal-box-bottom.png);
}

.greenish-normal-box-bottom-right-body {
	background-image: url(images/greenish-normal-box-bottom-right.png);
}

.bluish-normal-box-top-left-body {
	background-image: url(images/bluish-normal-box-top-left.png);
}

.bluish-normal-box-top-right-body {
	background-image: url(images/bluish-normal-box-top-right.png);
}

.bluish-normal-box-top-middle-body {
	background-image: url(images/bluish-normal-box-top.png);
}

.bluish-normal-box-middle-left {
	background-image: url(images/bluish-normal-box-left.png);
}

.bluish-normal-box-middle-right {
	background-image: url(images/bluish-normal-box-right.png);
}

.bluish-normal-box-bottom-left-body {
	background-image: url(images/bluish-normal-box-bottom-left.png);
}

.bluish-normal-box-bottom-middle-body {
	background-image: url(images/bluish-normal-box-bottom.png);
}

.bluish-normal-box-bottom-right-body {
	background-image: url(images/bluish-normal-box-bottom-right.png);
}

.red-big-box-top-left-body {
	background-image: url(images/red-big-box-top-left.png);
}

.red-big-box-top-right-body {
	background-image: url(images/red-big-box-top-right.png);
}

.red-big-box-top-middle-body {
	background-image: url(images/red-big-box-top.png);
}

.red-big-box-middle-left {
	background-image: url(images/red-big-box-left.png);
}

.red-big-box-middle-right {
	background-image: url(images/red-big-box-right.png);
}

.red-big-box-bottom-left-body {
	background-image: url(images/red-big-box-bottom-left.png);
}

.red-big-box-bottom-middle-body {
	background-image: url(images/red-big-box-bottom.png);
}

.red-big-box-bottom-right-body {
	background-image: url(images/red-big-box-bottom-right.png);
}

/*********************************************************************
 *
 * CONTENT
 *
 *********************************************************************/

.content,
.red-content,
.blue-content {
	margin: 0 5px 0 5px;
	padding: 0 12px 0 3px;
}

.red-content-header,
.blue-content-header {
	background-image: url(images/hr-horz.png);
	background-position: 0 100%;
	background-repeat: repeat-x;
	padding: 0 0 4px 0;
}

.red-content-path-header,
.blue-content-path-header {
	padding-bottom: 6px;
}

.red-content-header-main-path,
.blue-content-header-main-path {
	font-size: 1.1em;
	font-style: italic;
	color: #000000;
}

.red-content-header-path,
.blue-content-header-path {
	padding-right: 2px; /* to adjust for the italic slant */
	font-size: 0.9em;
	font-style: italic;
	color: #000000;
}

.red-content-header-super-title,
.blue-content-header-super-title {
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
}

.red-content-header-title,
.blue-content-header-title {
	font-size: 1.3em;
	font-weight: bold;
}

.red-content-header-sub-title, 
.blue-content-header-sub-title {
	font-size: 1.1em;
	font-weight: bold;
}

.blue-content-header-super-title, .blue-content-header-super-title a, 
.blue-content-header-title, .blue-content-header-title a, 
.blue-content-header-sub-title, .blue-content-header-sub-title a {
	padding: 0;
	margin: 0;
}

.red-content-header-main-path a, .red-content-header-path a,
.red-content-header-super-title, .red-content-header-super-title a, 
.red-content-header-title, .red-content-header-title a, 
.red-content-header-sub-title, .red-content-header-sub-title a {
	color: #722F2B;
}

.blue-content-header-main-path a, .blue-content-header-path a,
.blue-content-header-super-title, .blue-content-header-super-title a, 
.blue-content-header-title, .blue-content-header-title a, 
.blue-content-header-sub-title, .blue-content-header-sub-title a {
	color: #2C809E;
}

.red-content-footer,
.blue-content-footer {
	clear: both;
	
	background-image: url(images/hr-horz.png);
	background-repeat: repeat-x;
	background-position: 0 4px;
	padding: 8px 0 0 0;

	font-size: 1.1em;
	font-weight: normal;
}

.red-content-footer p,
.blue-content-footer p {
	margin: 0;
}

.alt-panel-text {
	display: inline-block;
}

/*********************************************************************
 *
 * MISC
 *
 *********************************************************************/

.hr-horz {
	height: 3px;

	margin-top: 6px;

	background-image: url(images/hr-horz.png);
	background-repeat: repeat-x;

	font-size: 3px;
}

.hr-vert {
	height: 100%;

	background-image: url(images/hr-vert.png);
	background-repeat: repeat-y;
}

/*********************************************************************
 *
 * SPECIFICS
 *
 *********************************************************************/

/****************************
 * MASTER
 ****************************/

html {
	height: 100%;
}

body {
	height: 100%;

	background-color: #DDDBD7;
}

form {
	height: 100%;
}

.page {
	display: table;
	height: 100%;
	width: 100%;

	background-color: #FFFFFF;
	background-image: url(images/bg-left.png);
	background-repeat: repeat-y;
}

.page-body {
	display: table;
	height: 100%;
	width: inherit;

	margin: 0;
	padding: 0;

	background-image: url(images/bottom-left-1.png);
	background-repeat: no-repeat;
	background-position: 0 100%;
}

.page-top, .page-middle, .page-bottom {
	display: table-row;
}

.page-top-left, .page-top-middle, .page-top-right,
.page-middle-left, .page-middle-middle, .page-middle-right,
.page-bottom-left, .page-bottom-middle, .page-bottom-right {
	display: table-cell;
	vertical-align: top;
}

.page-bottom-middle {
	height: 107px;
	width: 100%;

	background-image: url(images/bottom-left-2.png);
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-color: #DDDBD7;
}

.page-bottom-middle-body {
	min-width: 470px; /* so that the sponsor banners to fit on one row */
}

/****************************
 * STANDARD
 ****************************/

.header {
	background-color: #DDDBD7;
}

.header .tabs {
	padding: 15px 0 0 12px;
}

.icons {
	display: table;
	float: right;
	white-space: nowrap;
}

.icons ul {
	list-style-type: none;
	list-style-image: none;
	white-space: nowrap;
}

.icons li {
	float: left;
	margin: 0 0 0 5px;
}

.header .icons {
	margin: 5px 5px 0 0;
}

.box .icons {
	position: relative;
	top: -2px;
}

.menu {
	width: 157px;
}

.logo {
}

.tool-boxes {
	margin: 6px 3px 0 5px;
}

.tool-box .tabs ul {
	list-style-type: none;
	list-style-image: none;
}

.tool-box .red-normal-box-content {
	overflow: hidden; /* so that long names don't make the menu wider then it is designed to bear */
	z-index: 1; /* so that we are sure that menu items can be pressed */
}

.tool-box .red-normal-box-content ul {
	position: relative;
	top: -2px;

	margin: 0;
	padding: 0;

	list-style-type: none;
	list-style-image: none;
}

.tool-box .red-normal-box-content ul li {
	margin: 0;
	padding: 0 0 0 18px;
	
	background-image: url(images/bullet.png);
	background-position: 0 1px;
	background-repeat: no-repeat;
}

.tool-box .hr-horz {
	margin-bottom: 4px;
}

.quick-search {
	position: relative;
	left: 3px;
}

.quick-search-input {
	width: 100px;
}

.quick-search-button {
	position: relative;
	top: 5px;

	margin: 0 0 0 4px;
}

.main {
	padding: 0 6px 0 6px;
}

.sponsors {
	display: table;
	height: 100%;
	width: 100%;
}

.sponsors p {
	font-size: 14px; /* in px to control total .sponsors height exactly */
}

.sponsors ul {
	display: table;
	margin-top: 4px;
	list-style-type: none;
	list-style-image: none;
	white-space: nowrap;
}

.sponsors li {
	float: left;
	margin-right: 6px;
}

/****************************
 * DEFAULT
 ****************************/

.split-table {
	width: 100%;
}

.split-table-left-col {
	width: 50%;
	padding: 0 6px 0 0;
}

.split-table-right-col {
	width: 50%;
	padding: 0 0 0 6px;
	background-image: url(images/hr-vert.png);
	background-position: 0 0;
	background-repeat: repeat-y;
}

#welcome-table .split-table-left-col {
	width: 45%;
}

#welcome-table .split-table-right-col {
	width: 55%;
}

#welcome-table .split-table-left-col {
	vertical-align: middle;
	text-align: center;
}

#welcome-table .split-table-right-col a {
	color: #2C809E;
}

#welcome-table h1 {
	font-size: 1.3em;
	line-height: 1.4em;
}

#welcome-table p {
	font-size: 1.2em;
	line-height: 1em;
}

.front-search {
	margin: 16px 0 0 0;
}

.front-search-input {
	width: 60%;
}

.front-forum-input {
	width: 95%;
}

.quick-links-table-left-col {
	background-image: url(images/bullet.png);
	background-position: 5px 5px;
	background-repeat: no-repeat;

	padding: 4px 0 0 20px;
}

.quick-links-table-right-col {
	padding: 4px 0 0 6px;
}

table#first-table {
}

td#first-table-left-col {
	width: 65%;
	padding: 0 6px 0 0;
}

td#first-table-right-col {
	width: 35%;
	padding: 0 0 0 6px;
}

html:first-child #first-table .blue-normal-box-middle-left,
html:first-child #first-table .greenish-normal-box-middle-left,
html:first-child #first-table .bluish-normal-box-middle-left { /* for Opera */
	margin: -1px;
}

#first-table .article-body {
	max-height: 350px;
	overflow: auto;
}

#first-table .blue-content-header {
	margin-bottom: 6px;
}

#first-table .article-list-item a {
	color: #2C809E;
}

#first-table .greenish-normal-box .article-list ul {
	list-style-image: url(images/article-bullet-greenish.png);
}

#first-table .bluish-normal-box .article-list ul {
	list-style-image: url(images/article-bullet-bluish.png);
}

/****************************
 * ARTICLE
 ****************************/

.toc {
	border: 1px solid #BBB;
	background-color: #FAFAFA;
	padding: 5px;
	font-size: 85%;
}

.toc h2 {
	display: inline;
	border: none;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}

.toctitle {
	text-align: center;
}

.toc ul {
	list-style-type: none;
	list-style-image: none;
	margin-left: 0;
	padding-left: 0;
	text-align: left;
}

.toc ul ul {
	margin: 0 0 0 2em;
}

p.article-img, p.article-img-left, p.article-img-right {
	/* clear out what is set for editor in article.css */
	margin: 0;
	padding: 0;
	border: 0;

	background-color: transparent;
}

.article-equation-container {
	display: inline;
	height: 100%;
	padding: 9px 6px 3px 6px;
	
	vertical-align: middle;

	border-style: solid;
	border-width: 1px;
	border-color: #EAF1DD;

	background-color: #FFFFFF;
}

.article-equation-box {
	display: inline;
}

.equation-img-cloned {
}

.equation-img-pusher {
	width: 1px;
	vertical-align: middle;
}

p.article-img {
	margin: 0 auto 0 auto;
}

.article-img-container {
	display: table;
	margin: 4px;
	padding: 5px;

	text-align: center;

	border-style: solid;
	border-width: 1px;
	border-color: #000000;

	background-color: #EAF1DD;
}

.article-img-box {
	font-size: 1px;
}

.article-img-cloned {
	border-style: solid;
	border-width: 1px;
	border-color: #B1AFA8;
}

.article-img-caption {
	margin: 0 auto 0 auto;
	padding: 5px;

	font-family: 'microsoft sans-serif', arial, verdana, sans-serif;
	font-size: 0.9em;
	color: #1F497D;
	text-align: center;
}

.article-icons {
}

.article-body a.article-internal-link {
}

.article-body a.article-image-link {
	display: table;
	padding: 0 16px 0 0;
	
	background-image: url(images/icon-image-link.png);
	background-position: 100% 4px;
	background-repeat: no-repeat;
}

.article-body a.image-internal-link {
	display: table;
	padding: 0 16px 0 0;
	
	background-image: url(images/icon-image-popup-link.png);
	background-position: 100% 4px;
	background-repeat: no-repeat;
}

* html .article-body a.image-internal-link { /* for IE6 */
	display: block;
}

.article-body a.other-internal-link {
}

.article-body a.article-external-link {
	background-image: url(images/icon-external-link.png);
	background-position: 100% 4px;
	background-repeat: no-repeat;
	padding: 0 16px 0 0;
}

.article-body a.missing-article-link {
	color: #FF0000;
}

.article-body span.missing-article-link,
.article-body span.stub-article-link {
	color: #888888;
	font-weight: bold;
}

.link-printout {
	color: #888888;
}

/****************************
 * FORUM
 ****************************/

.forum-body br {
	font-size: 1.6em; /* this is to enable us to emulate p's in the forum bodies with br's */
}

.forum-body h1, .forum-body .h1,
.forum-body h2, .forum-body .h2,
.forum-body h3, .forum-body .h3,
.forum-body h4, .forum-body .h4,
.forum-body h5, .forum-body .h5 {
	color: #2C809E;
}

.forum-body h3 a,
/*.forum-body a.email,*/
a.forum-topic-link,
a.topic-message-link {
	color: #2C809E;
}

/****************************
 * KEYWORDS, TITLES, IMAGES, PARTS
 ****************************/

.keyword-table td,
.images-table td {
	width: 233px;
}

.titles-table td {
	width: 350px;
}

.keyword-capital, .title-capital, .images-title, .parts-title {
	margin: 8px 0 8px 0;
	padding: 8px 0 4px 0;

	background-image: url(images/hr-horz.png);
	background-position: 0 100%;
	background-repeat: repeat-x;
}

.keyword-capital h2, .title-capital h2, .images-capital h2, .parts-capital h2 {
	margin: 0;
	font-size: 1.8em;
	font-weight: normal;
	text-transform: capitalize;
}

.keyword-content, .title-content, .parts-content {
	background-image: url(images/bullet.png);
	background-position: 5px 5px;
	background-repeat: no-repeat;

	padding: 4px 0 0 20px;
}

.image-content {
	padding: 4px 0 10px 20px;
}

.image-content a {
	padding: 0 0 0 12px;
}

.keyword-empty, .title-empty, .image-empty, .parts-empty {
}

.keywords-path-link, .title-path-link, .image-path-link, .parts-path-link {
	font-size: 0.9em;
	font-style: italic;
	padding-right: 4px; /* to adjust for the italic slant */
}

.keywords-path-link a, .title-path-link a, .image-path-link a, .parts-path-link a {
	color: #2C809E;
}

.keywords-anchor-link, .title-anchor-link, .image-anchor-link, .parts-anchor-link {
	text-transform: capitalize;
}

/****************************
 * ANALYTICS
 ****************************/

.analytics-frame {
	width: 100%;

	margin: 0 12px 0 0;
	border: 1px solid #722F2B;
}

/****************************
 * DIALOG
 ****************************/

.dialog-frame {
	width: 100%;

	margin: 0 12px 0 0;
	border: 1px solid #722F2B;
}

/****************************
 * CONTROLS
 ****************************/

.pane-control {
	display: block;
}

.pane {
	position: absolute;
}

.red-control, .red-long-control {
	padding: 0;
	margin: 0;
	border: 1px solid #722F2B;
}

.red-long-control {
	height: 220px;
	overflow: auto;
}