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

/* Basic body colours */
body {
	background: #fafafa;

	scrollbar-face-color: #eeeeee;
	scrollbar-shadow-color: #d5d5d5;
	scrollbar-highlight-color: #f8f8f8;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #f8f8f8;
	scrollbar-arrow-color: #000000;
}


/* Colouring of text around the site */
body, th, td, .normal_text, textarea, select, option, button, legend, .form {
	color: #000000;
	}


/* Messages, ie the stuff in threads */
td.message, td.message_alt {
	border-color: #cccccc;
	border-style: solid;
	border-width: 0 1px 1px 0;
	}

td.message {
	background: #eeeeee;
	}

td.message_alt {
	background: #e8e8e8;
	}

.messsage_information {
	border: #cccccc dashed;
	border-width: 1px 0 0 0;
	margin: 0.5em 0 0 0;	/* Gap before the section starts (vertical space before the border) */
	font-style: italic;
	color: #3a76d6;
	}

.hide {
	color: #eeeeee;		/* Colour of hidden text (ie same as the backgound) in a normal message (td.message) */
	}

.message_alt .hide {
	color: #e8e8e8;		/* Colour of hidden text (ie same as the background) in td.message_alt */
	}

td.message .links {
	color: #cccccc;		/* Sets the font colour, mainly for the pipes between links */
	}

td.message_alt .links {
	color: #bbbbbb;		/* Sets the font colour, mainly for the pipes between links */
	}

.message_table {		/* Things like character list, message boxes */
	padding: 1px;
	border-collapse: collapse !important;	/* Stop double borders */
	}

.message_table th {
	background: #dddddd;		/* Background shading of table headers */
	border: 1px solid #cccccc;
	border-bottom-color: #bbbbbb;	/* If desired, I wouldn't make it too different */
	}

.message_table td {
	background: #eeeeee;		/* Shading of normal table cells */
	border: 1px solid #cccccc;
	}

.message_alt td.quote, .message td.quote .quote {	/* We could go nuts here ... */
	background-color: #eeeeee;	/* Generally the same as td.message */
	}

.message td.quote, .message_alt td.quote .quote {
	background-color: #e8e8e8;	/* Generally the same as td.message_alt */
	}

.page_linkds, .page_links td, .page_links th {
	border: 1px solid #cccccc;
	border-width: 0 1px 1px 1px;
	border-collapse: collapse !important;
	empty-cells: show;
	padding: 1px 2px 1px 2px;
	}


/* Sticky List (Game List) */
#stickylist {
	background-color: #dddddd;
	color: #000000;
	}

div.stickyblock {
	background-color: #eeeeee;
	border: 1px #cccccc dashed;
	}


/* Header and Footer colouring */
#header {
	background: #eeeeee;	/* The background colour of the header */
	border-bottom: 4px solid #cccccc;
	}

#contents {
	}

#footer {
	background: #dddddd;	/* The background colour of the footer */
	border: 0 solid #bbbbbb;
	border-width: 4px 0 4px 0;
	}

.header td {
	color: #cccccc;		/* Sets the font colour, mainly for the pipes between links */
	}

.footer td {
	color: #bbbbbb;		/* Sets the font colour, mainly for the pipes between links */
	}

#quick_login {
	background: #eeeeee;	/* The background colour of the quick login bar next to the header */
	border: 4px solid #cccccc;
	border-width: 0 4px 4px 4px;
	padding-right: 5px;
	}

/* Colouring of hyperlinks, everwhere */
a, a:link, a:visited, .link-colour, .msg a:hover:before, .msg a:hover:after {
	color: #3a76d6;
	}

a:hover, a:active, .alink-colour, .msg a:before, .msg a:after {
	color: #cc0000;
	}

#header a {
	border-color: #000000;
	}

#header a:hover, #header a:active {
	background-color: #dddddd;
	border-color: #aaaaaa;
	}

#footer a {
	border-color: #000000;
	}

#footer a:hover, #footer a:active {
	background-color: #cccccc;
	border-color: #999999;
	}


/* Form colouring */
.form input, .input, .password, .submit, textarea, select, option, button, .submit, .submit-hover {
	background: #f5f5f5;
	border: 1px solid #cccccc;
	margin: 0;
	}

.submit {
	cursor: pointer;
	background: #eeeeee !important;
	color: #3a76d6 !important;
	border-width: 1px 2px 2px 1px !important;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffdddddd');
	}

.submit-hover, .submit:hover, .submit:active {
	background: #e5e5ea !important;
	color: #cc0000 !important;
	border-width: 1px 2px 2px 1px !important;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffc5c5ca');
	}

/* Repeats of above, but keeping the child selectors separate as it breaks IE processing */
input[type='submit'], input[type='button'] {
	cursor: pointer;
	background: #eeeeee !important;
	color: #3a76d6 !important;
	border-width: 1px 2px 2px 1px !important;
	}
  
input[type='submit']:hover, input[type='button']:hover {
	background: #e5e5ea !important;
	color: #cc0000 !important;
	border-width: 1px 2px 2px 1px !important;
	}

input[type='submit'], input[type='button'] {
	padding: 1px 6px 1px 6px;
	}


/* Tables, borders, box areas etc (not those used for users in messages) */
.border {
	border-color: #cccccc;
	}

.info_table {		/* Things like character list, message boxes */
	border: 1px solid #cccccc;
	padding: 1px;
	}

.info_table th {
	background: #dddddd;
	color: #000000;
	border-bottom: 1px solid #cccccc;
	}

.info_table td {
	background: #eeeeee;
	color: #000000;
	}

.info_box {
	background: #eeeeee;
	border: 1px solid #cccccc;
	border-bottom-color: #bbbbbb;
	border-right-color: #bbbbbb;
	border-width: 1px 2px 2px 1px;
	}

.info_box td, .info_box th {
	}

.selection_table {	/* The main table on the main menu and game/forum menu */
	padding: 1px;
	}

.selection_table th, div.side-tab {
	background: #dddddd;
	color: #000000;
	}

.selection_table td, div.niftybox {
	background: #eeeeee;
	color: #000000;
	}

.highlight td {
	background-color: #e8e8e8;
}

hr {
	color: #aaaaaa;
}