/*
 * 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%;
	}

div#header, div#footer, div#contents {
/*	width: 800px;
	max-width: 800px;
	width:expression(document.body.clientWidth > 800? "800px": "auto");*/
	}

/* 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: 4px;
	}

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

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;
	}

.center table {	/* centre align ff/cg tables */
	margin-left: auto;
	margin-right: auto;
	}

.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;
	}

optgroup {
	font-family: verdana, geneva, helvetica, arial, sans-serif;
	text-decoration: none;
	font-style: normal;
	}

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

ul {
	list-style-type: square;
	}

ol li {
/*	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 */
html>/**/body .message_table th {	/* FireFox only */ 
	text-align: center;
	}

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;
	}

table.grid_separate {
	border-collapse: separate !important;
	}

.grid table {
	padding: 0;
	margin: 0;
	}

.grid tr
	{
	text-align: center;
	height: 26px;	/* td height plus border width */
	padding: 0;
	}
	
.grid th, .grid td
	{
	text-align: center;
	width: 25px;
	padding: 0;
	}

.grid1 tr
	{
	height: 16px;
	}
	
.grid1 th, .grid1 td
	{
	width: 15px;
	}

.grid3 tr
	{
	height: 36px;
	}
	
.grid3 th, .grid3 td
	{
	width: 35px;
	}

.grid4 tr
	{
	height: 46px;
	}
	
.grid4 th, .grid4 td
	{
	width: 45px;
	}

.grid5 tr
	{
	height: 56px;
	}
	
.grid5 th, .grid5 td
	{
	width: 55px;
	}



/* 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;
	}

.formatting_bar a, .formatting_bar a:link, .formatting_bar a:visited, .formatting_bar a:hover {
	padding-left: 4px;
	padding-right: 4px;
}

a.button_on {
	border: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

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

.AutoSuggest {
/*    font-family: Tahoma;
    font-size: 8pt;
    background-color: white;
    border: 1px solid black; */
    position: absolute;
    cursor: default;
    overflow: auto;
    overflow-x: hidden;
    text-align: left !important;
}

.AutoSuggest_item {
    padding: 1px;
    padding-left: 5px;
    color: black;
    width: 100%;
}

.AutoSuggest_item_highlighted {
    padding: 1px;
    padding-left: 5px;
    color: white;
    background-color: #3399ff;
}