/* General styling. */

body {
	background-color: #FFFFFF;
	}

body, div, input, select {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #333333;
	}

a:link, a:visited, a:active {
	color: #000000;
	text-decoration: none;
	}

a:hover {
	color: #80BC00;
	}

form, fieldset, p, ul, ol {
	border: 0;
	margin: 0;
	padding: 0;
	}

dt, legend, #footer {
	display: none;
	}

abbr {
	border: 0;
	}

/* Layout positioning. */

body {
	text-align: center;
	border: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

* html body {
	padding: 1.8em 0 9.6em 0;
	}

#shoutbox {
	width: 100%;
	height: 100%;
	}

#info {
	text-align: left;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	padding: 3px 5px;
	}

#control {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 7.0em;
	margin: 0;
	padding: 0;
	}

#contents {
	position: fixed;
	top: 1.8em;
	right: 3px;
	bottom: 7.4em;
	left: 3px;
	margin: 0;
	padding: 0;
	overflow: auto;
	}

* html #contents {
	width: 96%;
	height: 100%;
	margin: 0 auto;
	}

/* Info bar. */

#info li {
	display: inline;
	}

#info .icon a:link, #info .icon a:visited, #info .icon a:active {
	color: #80BC00;
	}

#info li.icon {
	float: right;
	}

#info li.text {
	display: block;
	height: 1.2em;
	overflow: hidden;
	}

/* Form control. */

#control ul {
	line-height: 8pt;
	}

/* Control: form. */

#fsb ol {
	margin: 0;
	padding: 0 5px;
	}

#fsb ol li {
	display: inline;
	}

label {
	text-align: left;
	clear: both;
	float: left;
	width: auto;
	margin: 1px 0 0 1px;
	padding: 2px 0;
	}

label:after {
	content: ':';
	}

input, select {
	color: #000000;
	background-color: #EAEAEA;
	border: 0;
	}

.input {
	text-align: right;
	}

.input input, .input select {
	border: 1px solid #CCCCCC;
	float: right;
	width: 60%;
	margin: 1px 0 0 2px;
	}

input[disabled] {
	color: #666666;
	}

/* Control: form: control. */

.control {
	text-align: right;
	margin: 3px;
	padding: 0 0 0 2px;
	}

#refresh {
	color: #999999;
	float: left;
	padding: 1px;
	}

/* Contents. */

#contents {
	border: 1px solid #CCCCCC;
	}

/* Contents: Messages. */

#messages li {
	text-align: left;
	background-color: #F6F6F6;
	list-style-type: none;
	margin: 0 0 2px 0;
	padding: 5px;
	}

#messages cite {
	font-style: normal;
	font-weight: bold;
	text-align: left;
	}

#messages cite:after {
	content: ':';
	}

#messages cite a {
	text-decoration: underline;
	}
#messages q {
	text-align: left;
	padding: 0;
	}

#messages q:before, #messages q:after {
	content: '';
	}

#messages q a {
	text-decoration: underline;
	}

#messages q a:before {
	content: '[';
	}

#messages q a:after {
	content: ']';
	}

#messages dl {
	font-size: 7pt;
	text-align: right;
	color: #999999;
	margin: 2px 0 0 0;
	}

#messages dd {
	display: inline;
	margin: 0;
	padding: 0;
	}

/* Contents: Online list. */

#online {
	text-align: left;
	padding: 5px;
	}

#online ul {
	margin: 5px 0 10px 0;
	}

#online ul li {
	list-style-type: square;
	list-style-position: inside;
	}

#online p {
	font-size: 7pt;
	background-color: #F6F6F6;
	padding: 3px;
	}

#online span {
	cursor: help;
	}

/* IE only: bad stuff. */

html {
	scrollbar-arrow-color: #333333;
	scrollbar-base-color: #FFFFFF;
	scrollbar-face-color: #F6F6F6;
	scrollbar-shadow-color: #F6F6F6;
	scrollbar-3dlight-color: #F6F6F6;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	}