/*
 * Style sheet for RolePlay OnLine -- http://rpol.net
 *
 * CSS validated at "http://jigsaw.w3.org/css-validator/" - W3C's online validation service
 */

body {
	margin: 0;
	padding: 0;
	overflow-x: auto;
	overflow-y: auto;
	}

body, div, p, th, td, dd {
	font-family: verdana, geneva, helvetica, arial, sans-serif;
	text-decoration: none;
	cursor: default;
	}

/*
	Start - Font sizes!
				*/

/* Theoretically let's IE get its resizing "bearings" */
html {
	font-size: 100%;
	}

body {
	font-size: 76%;
	}

#header, #footer {
	font-size: 92%;
	}

/* Mainly for Internet Explorer on Windows*/
/* table, input, .select {*/
table {
	font-size:100%;
	}

/* Slightly larger form text (in Internet Explorer)
	doing just "textarea" makes Mozilla have really small text.  Yes, that smaller 108%... */
* html textarea, select {
	font-size: 108%;
	}

/* And last; stop cascading sizes */
li li, li p, td p, blockquote p, .sm .sm, .med .med, .med .sm, .sm .med, html>body pre html>body pre, .serif .mono, .serif .cursive, .mono .serif, .mono .cursive, .cursive .serif, .cursive .mono {
	font-size:100%;
	}

h1 {
	font-size: 133%;
	letter-spacing: 6px;
	}

h2 {
	font-size: 125%;
	letter-spacing: 4px;
	}

h3 {
	font-size: 116%;
	letter-spacing: 2px;
	}

h4 {
	font-size: 108%;
	letter-spacing: 2px;
	}

.med, td.quote {
	font-size: 92%;
	}

.sm, .msg {
	font-size: 83%;
	}

/* Other browsers go weird, so let's set px's for them, they resize anyway */
html>body {
	font-size: 12px;
	}

html>#header, html>#footer {
	font-size: 11px;
	}

/* Mainly for Internet Explorer on Windows*/
/* table, input, .select {*/
html>table {
	font-size: 12px;
	}

/* Slightly larger form text (in Internet Explorer)
	doing just "textarea" makes Mozilla have really small text.  Yes, that smaller 108%... */
html>textarea, html>select {
	font-size: 12px;
	}

html>.med, html>td.quote {
	font-size: 11px;
	}

html>.sm, html>.msg {
	font-size: 10px;
	}

				/*
	End - Font sizes!
*/

p, div.para {
	margin: 18px 0 18px 0;
	}

div {
	margin: 0;
	}

sup {
	vertical-align: super;
	font-size: 76%;
	line-height: normal;
}

.centre, .centre td, .center, .center td {
	text-align: center;
	}

.left {
	text-align: left;
	}

th.left {
	text-align: left !important;
}

.right {
	text-align: right;
	}

th.right {
	text-align: right !important;
}

.middle, .middle * {
	vertical-align: middle;
	}

blockquote {
	margin: 0 10px 0 20px;
	}

form {
	margin: 0;
	}

ul, ol {
	margin-bottom: .5em;
	margin-top: .5em;
	margin-left: 3em;
	padding: 0;
	}

ul {
	list-style-type: square;
	}

li ol {
	list-style: upper-alpha;
	}

hr {
	height: 1px;
	}

a, a:link, a:visited {
	text-decoration: none;
	background-color: transparent;
	}

a.help, a:link.help, a:visited.help {
	background-color: transparent;
	}

a.help {
	color: #f00 !important;
	}

.private, font.private {
	color: #e95000;
	}

/*.hl .highlight td, button, .submit, .submit-hover {*/
button, .submit, .submit-hover, .submit:hover, .submit:active {
	cursor: pointer;
	}

td.shadow {
	border-style: solid;
	border-width: 0 1px 1px 0;
	}

.message .fullbdr tr, .himessage .fullbdr tr {
	text-align: center;
	}

td.quote {
/*	font-size: 11px;*/
	border: 1px inset;
	}


/* Tables, borders, box areas etc */
table.info_table, table.info_box {
	margin: 0.5em 0 0.5em 0;
	}

.info_table th, .info_box th {
	text-align: center;
	}

.info_box {
	padding: 1px 4px 1px 4px;
	text-align: center;
	}

/* Borders, o' so many borders */
.border {
	border-style: solid;
	border-width: 1px;
	}

.border_0000 {
	border-width: 0 0 0 0;
	border-style: none;
	}

.border_1000 {
	border-width: 1px 0 0 0;
	}

.border_0100 {
	border-width: 0 1px 0 0;
	}

.border_0010 {
	border-width: 0 0 1px;
	}

.border_1010 {
	border-width: 1px 0;
	}

.border_1001 {
	border-width: 1px 0 0 1px;
	}

.border_0011 {
	border-width: 0 0 1px 1px;
	}

.border_0110 {
	border-width: 0 1px 1px 0;
	}

.border_0111, .border_0111 td {
	border-width: 0 1px 1px 1px;
	}

.border_0220 {
	border-width: 0 2px 2px 0;
	}

.border_0330 {
	border-width: 0 3px 3px 0;
	}

.border_1331 {
	border-width: 1px 3px 3px 1px;
	}

.border_3113 {
	border-width: 3px 1px 1px 3px;
	}

#stickylist {
	line-height: 130%;
	padding: 4px;
	}

div.stickyblock {
	padding: 2px;
	text-align: left;
	}

.footer th, th.navbar {
	font-weight: normal;
	}

/* For IE and browsers that make logical sense. */
.header img {
	vertical-align: middle;
	}

/* For Firefox, horray for scrollbars when you use "middle" */
html>body #header img {
	vertical-align: top;
	}

html>body .header img {
	padding-top: 1px;
	}

input.smc, .smc input {
	height: 15px;
	width: 15px;
	margin: 0;
	padding: 0;
	}

vis {
	visibility: visible !important;
	}

invis {
	visibility: hidden !important;
	}

input.invis, .invis input {
	background-color: transparent !important;
	border-width: 0px !important;
	font-family: verdana, geneva, helvetica, arial, sans-serif;
	text-align: right;
	cursor: default;
	}

.transparent {
	background-color: transparent !important;
	}

.pad0 {
	padding: 0;
	}

.pad1313, .pad1313 td, .pad1313 th {
	padding: 1px 3px 1px 3px;
	}

.serif {
	font-family: georgia, serif;
	font-size: 109%;
	}

.mono {
	font-family: courier new, courier, monospace;
	font-size: 109%;
	}

.cursive {
	font-family: comic sans ms, cursive;
	font-size: 109%;
	}

div.inline {
	display: inline;
	}

/* Define nothing for this, just a holder so it can be manipulated.  For JAVASCRIPT. */
.js_collapse {
}