html,body {
	background: #7c7c7c url(images/body.gif);
	padding: 0;
	margin: 0;
	color: #FFFFFF;
}

body {
	padding: 0 5px;
}

/* General font families for common tags */
font,th,td,p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a,a:visited {
	color: #414141;
}

a:hover {
	text-decoration: underline;
	color: #D1D1D1;
}

hr {
	height: 0px;
	border: solid #414141 0px;
	border-top-width: 1px;
}

form {
	display: inline;
	padding: 0;
	margin: 0;
}

img {
	border: 0;
}

br.spacer {
	height: 5px;
	font-size: 5px;
	line-height: 5px;
	overflow: hidden;
}

caption {
	margin: 0;
	padding: 0;
}

iframe {
	border: none;
	background-color: #EAEEF3;
}

/* Header and Logo */
#maintable {
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-color: #000;
}

#logotable {
	background: url(images/logo_bg.gif) top left repeat-x;
}

#buttonstable {
	margin-bottom: 5px;
	border-bottom: solid 1px #000;
	border-top: solid 1px #000;
}

#buttonstable td {
	background: url(images/buttons.gif) top left repeat-x;
	height: 21px;
	overflow: hidden;
}

#header-buttons {
	font-size: 11px;
	color: #D1D1D1;
	padding-bottom: 2px;
}

#header-buttons a,#header-buttons a:visited {
	color: #FFF;
	text-decoration: none;
}

#header-buttons a:hover {
	color: #D1D1D1;
	text-decoration: underline;
}

#content-simple {
	padding: 3px;
	border-color: #000;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	background-color: #919191;
}

/* This is the border line & background colour round the entire content */
.content-row {
	background-color: #919191;
}

td.content {
	background-color: #919191;
	padding: 5px;
}

/* This is the outline round the main forum tables */
.forumline {
	border: solid 1px #000;
	background: #313131 url(images/cell.gif) top left repeat-x;
}

/* Forum header */
.forumheader td {
	background: url(images/hdr_mid.gif) left bottom repeat-x;
	font-size: 12px;
	font-weight: bold;
	color: #4296C5;
}

.forumheader a,.forumheader a:visited {
	color: #919191;
	background: #4A6786 url(images/th.gif) repeat-x scroll left;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}

.forumheader a:hover {
	color: #D0D0D0;
	background: #4A6786 url(images/th.gif) repeat-x scroll left;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: underline;
}

.forumheader-mid {
	padding-top: 0px;
}

/* pm popup */
.pm-old {
	display: none;
}

.pm-new {
	margin: 30px;
}

.pm-new a,.pm-new a:visited {
	border: solid 1px #D1D1D1;
	padding: 25px 45px;
	color: #414141;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	background: #313131 url(images/cell.gif) top left repeat-x;
}

.pm-new a:hover,.pm-new a:active {
	color: #D1D1D1;
}

/* Main table cell colours and backgrounds */
td.row1,td.row2,td.row3,td.row3Right,td.postbottom {
	border-left: solid 1px #404040;
	border-right: solid 1px #121212;
	border-top: solid 1px #3C3C3C;
	border-bottom: solid 1px #131313;
	background: #919191 url(images/cell.gif) top left repeat-x;
}

/* Header cells - the blue and silver gradient backgrounds */
th,td.spaceRow,td.th {
	color: #CCDFF0;
	font-size: 11px;
	font-weight: bold;
	background: #4A6786 url(images/th.gif) top left repeat-x;
	white-space: nowrap;
	padding: 0 5px;
	text-align: center;
	height: 26px;
}

th.left {
	text-align: left;
}

td.catBottom {
	background: #26629A url(images/catbottom.gif) top left repeat-x;
	height: 24px;
	padding: 1px 3px;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.spaceRow2 {
	background: #2C2C2C url(images/cathead.gif) top left repeat-x;
	height: 24px;
	padding: 0 3px;
}

td.spaceRow,td.spaceRow2 {
	height: 2px;
	overflow: hidden;
	font-size: 2px;
	line-height: 2px;
	padding: 0;
}

.cat,.catHead,.catSides,.catLeft,.catRight,.catBottom {
	font-size: 12px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.catHead {
	font-size: 12px;
}

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2 {
	font-weight: bold;
	font-size: 22px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 120%;
	color: #D0D0D0;
}

/* General text */
.gen {
	font-size: 12px;
}

.genmed {
	font-size: 11px;
}

.gensmall {
	font-size: 10px;
}

.gen,.genmed,.gensmall {
	color: #D0D0D0;
}

a.gen,a.genmed,a.gensmall {
	color: #414141;
	text-decoration: none;
}

a.gen:hover,a.genmed:hover,a.gensmall:hover {
	color: #D1D1D1;
	text-decoration: underline;
}

.generror {
	color: #FFF;
}

.progress {
	background-color: #D1D1D1;
}

/* Forum title: Text and link to the forums used in: index.php */
.forumlink {
	font-weight: bold;
	font-size: 12px;
	color: #414141;
}

a.forumlink {
	text-decoration: none;
	color: #414141;
}

a.forumlink:hover {
	text-decoration: underline;
	color: #D1D1D1;
}

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav {
	font-weight: bold;
	font-size: 11px;
	color: #D0D0D0;
}

a.nav {
	text-decoration: none;
	color: #414141;
}

a.nav:hover {
	text-decoration: underline;
}

/* titles for the topics: could specify viewed link colour too */
.topictitle {
	font-weight: bold;
	font-size: 11px;
	color: #D0D0D0;
}

a.topictitle:link {
	text-decoration: none;
	color: #414141;
}

a.topictitle:visited {
	text-decoration: none;
	color: #18568F;
}

a.topictitle:hover {
	text-decoration: underline;
	color: #D1D1D1;
}

/* new thread link */
.link-new a,.link-new a:visited,.link-new a.topictitle,.link-new a.topictitle:visited
	{
	color: #D1D1D1;
}

.link-new a:hover,.link-new a:active,.link-new a.topictitle:hover,.link-new a.topictitle:active
	{
	color: #CCDFF0;
}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name {
	font-size: 11px;
}

.postername {
	font-size: 11px;
	font-weight: bold;
	color: #414141;
	line-height: 1.5em;
}

/* Location, number of posts, post date etc */
.postdetails {
	font-size: 10px;
}

.posterrank {
	font-size: 9px;
	color: #B0B0B0;
}

.posterprofile {
	font-size: 10px;
	color: #D0D0D0;
}

/* The content of the posts (body of text) */
.postbody {
	font-size: 12px;
}

.postbody a {
	text-decoration: none;
	color: #414141;
}

.postbody a:visited {
	text-decoration: none;
	color: #18568F;
}

.postbody a:hover {
	text-decoration: underline;
	color: #D1D1D1;
}

/* Other post stuff */
td.postbottom {
	background: #919191 url(images/profile.gif) top left repeat-x;
	font-size: 10px;
	color: #D0D0D0;
	white-space: nowrap;
}

.postsubject {
	font-size: 12px;
	font-weight: bold;
	color: #414141;
}

/* Quote & Code blocks */
.quote-table,.code-table {
	border-left: solid 1px #090909;
	border-top: solid 1px #090909;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	margin: 5px 0;
}

.quote-corner,.code-corner {
	background-color: #2671B6;
	border-right: solid 1px #000;
}

.quote-left {
	background: #2671B6 url(images/quote_left.gif) center center no-repeat;
	border-right: solid 1px #000;
}

.code-left {
	background: #2671B6 url(images/code_left.gif) center center no-repeat;
	border-right: solid 1px #000;
}

.quote-header,.code-header {
	border-bottom: solid 1px #000;
	padding: 0 5px;
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
	background-color: #2E2E2E;
	color: #D0D0D0;
}

.quote-text {
	color: #D0D0D0;
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	line-height: 125%;
	padding: 3px 5px;
	background-color: #2E2E2E;
}

.code-text {
	font-family: Courier, 'Courier New', sans-serif;
	color: #D0D0D0;
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	line-height: 125%;
	padding: 3px 5px;
	background-color: #2E2E2E;
}

/* Copyright and bottom info */
.copyright {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #AAA;
	letter-spacing: -1px;
}

.copyright a,.copyright a:visited {
	text-decoration: none;
	color: #AAA;
}

.copyright a:hover,.copyright a:active {
	text-decoration: underline;
	color: #FFF;
}

/* Form elements */
input,textarea,select {
	color: #919191;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

input.post,textarea {
	border: solid 1px #414141;
	background-color: #919191;
	color: #D0D0D0;
}

* html input.post,* html textarea {
	border-color: #D0D0D0;
}

input.post:hover,textarea:hover {
	border-color: #D0D0D0;
}

input.post:focus,textarea:focus {
	border-color: #D1D1D1;
	color: #FFF;
}

select {
	background-color: #919191;
	border: solid 1px #000;
	color: #D0D0D0;
}

input {
	text-indent: 2px;
}

/* The buttons used for bbCode styling in message post */
input.button {
	background-color: #313131;
	color: #D0D0D0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px #444;
}

input.button:hover {
	background-color: #444;
	color: #FFF;
}

* html input.button {
	color: #000;
}

/* The main submit button option */
input.mainoption {
	background-color: #919191;
	color: #D0D0D0;
	font-weight: bold;
	border: solid 1px #000;
}

/* None-bold submit button */
input.liteoption {
	background-color: #919191;
	color: #D0D0D0;
	border: solid 1px #000;
}

input.mainoption:hover,input.liteoption:hover {
	border-color: #D0D0D0;
}

input.mainoption:focus,input.liteoption:focus {
	color: #FFF;
	border-color: #D1D1D1;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline {
	background-color: #313131;
	border: solid 1px #313131;
	color: #D0D0D0;
}

/*
	Styled checkboxes and radio buttons.
	Created by Philip Howard, GamingHeadlines.co.uk
	Web: http://www.gamingheadlines.co.uk/wod/formstyle/index.html
*/
.checkbox {
	background: url(images/CheckboxUnchecked.gif) no-repeat center center;
	display: block;
	width: 16px;
	height: 16px;
}

a.checkbox,a.checkboxchecked {
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	cursor: hand;
}

a.checkbox {
	background: url(images/CheckboxUnchecked.gif) no-repeat center center;
}

a.checkboxchecked {
	background: url(images/CheckboxChecked.gif) no-repeat center center;
}

.radiobox {
	background: url(images/RadioboxUnchecked.gif) no-repeat center center;
	display: block;
	width: 16px;
	height: 16px;
}

a.radiobox,a.radioboxchecked {
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	cursor: hand;
}

a.radiobox {
	background: url(images/RadioboxUnchecked.gif) no-repeat center center;
}

a.radioboxchecked {
	background: url(images/RadioboxChecked.gif) no-repeat center center;
}

.inputhidden {
	display: none;
}