/* The content of the posts (body of text) */
body{
  spot-color: #9C9CDF;
  background:#39394A;
  color:#E7E7E7;
  font: 10px Verdana,Arial,Helvetica,sans-serif;
  margin:0px;padding:0;
scrollbar-3dlight-color:#006091;
scrollbar-arrow-color:#ffC600;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#5A597C;
scrollbar-highlight-color: #39394A;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#39394A}

/* General font families for common tags */
font,th,td,p{font:105% Verdana,Arial,Helvetica,sans-serif}
p{margin-top:2px;margin-bottom:3px}

/* General text */
.gensmall{font-size:95%}
.gensmallest{font-size:75%}
.smalllegend{font-size:85%}
td.genmed,.genmed{font-size:90%}
.explaintitle{font-size:105%;font-weight:bold;color:white}

/* General page style */
a:link,a:active,a:visited,a.postlink{color:#ffC600;text-decoration:none}
a:hover{color:#0077b5}

/* titles for the topics:could specify viewed link colour too */
.topictitle{font-size:105%;font-weight:bold}
a.topictitle:visited{color:#ce7200}
a.topictitle:hover{color:#0077b5}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name{font-size:105%;font-weight: bold}

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

/* Category gradients*/
td.cat{color:#C0C0C0;font-weight:bold;letter-spacing:1px;text-indent:4px}
a.cattitle,a.cattitle:visited{color:#C0C0C0}
a.cattitle:hover{color:#ffC600}

/* Main table cell colours and backgrounds */
.row1,.row2,.row3,td.rowpic{background:#5A5A7C}

.row1,.row2,.row3,td.rowpic,td.cat,td.spacerow,th{
border:1px solid; border-color:#A5A5BD #000000 #000000 #A5A5BD}

td.spacerow{	}

/* Table Header cells */
th{background:#6B6B8C;color:white;font-size:105%;
font-weight:bold;text-align:center;padding-left:8px;padding-right:8px}

/* This is the border line & background colour round the entire page */
.bodyline{}

/* This is the outline round the main forum tables */
.forumline{background:#39394A}

.bodyline,.forumline,iframe{border:1px solid;border-color: #000000 #A5A5BD #A5A5BD #000000}

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1{
font:bold 105% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;text-decoration:none;color:white}

.subtitle,h2{font:bold 160% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none}

.iplayertitle {
  font-weight: bold;
  font-size: 150%;
  color: white;
  text-align: center;
  padding: 0 0 5 0;
}

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

/* Location,number of posts,post date etc */
.postdetails{font-size:90%;color:#C0C0C0}

/* Quote blocks */
.quote{background:#525252;border:1px solid #000000;color:#C0C0C0;
font-size:105%;line-height:125%}

/* Code blocks */
.code{background:#545454;border:1px solid #000000;color:#fff8dc;
font:105% Courier,"Courier New",sans-serif;padding:5px}

/* This is for the error messages that pop up */
.errorline{background:#ffC600;color:black}

/* Form elements */
form{display:inline}

input[TYPE=TEXT], input[TYPE=PASSWORD], textarea, .fakeinput,input[DISABLED] {
  background-color:#6220A0;
  border: 2 solid #000040;
  color:#E5E5E5;
  background-image:none;
  background-repeat:none;
  padding:2;
  text-shadow:none;
  focus-background:#9C9CDF;
  focus-color:#000000;
  font-size:105%;
}

select {
  background:#6220A0;
  border: 2 solid #000040;
  color:#E5E5E5;
  font-weight:bold;
  padding: 2 3;
  scrollbar-base-color:transparent;
  checked-image:none; 
  unchecked-image:none;
}

OPTION:focus, OPTGROUP:focus {
  background-color: #9C9CDF;
  color:#10284A;
  font-weight:bold;
}


input.button,input.liteoption,.fakebut{background:#F8CF40;font-size:105%;color:black; border:2px solid black;text-shadow:none; font-weight: bold}
input.mainoption{background:#F8CF40;color:black;font-size:105%;font-weight: bold; border:2px solid black; text-shadow:none;text-align:center}
input.catbutton.catbutton{background:#F8CF40;color:black;font-size:105%; border:2px solid black; text-shadow:none;}

a.but,a.but:hover,a.but:visited{color:#ffC600;text-decoration:none}

/* This is the line in the posting page which shows the rollover
help line. Colour value in row2 */
.helpline{border-style:none; background-color:#5A5A7C;}

/* This is the gradient background at the top of the page */
line-height: 140%;font-weight:bold;color:#000000}
.headtitle{font:bold 120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;color: #262626}

.topnav{font-size:105%;background:#5A5A7C;color:#A5A5BD;border:1px solid; border-color:#A5A5BD #000000 #000000 #A5A5BD;}

/* Admin & Moderator Colours MODification */
.admin,.mod{font-size:105%;font-weight:bold}
.admin,a.admin,a.admin:visited{color:#ffa34f}
.mod,a.mod,a.mod:visited{color:#e0e100}
a.admin:hover,a.mod:hover{color:#6ccfff}

/* Specify the space around images */
.imgtopic,.imgicon{margin-left:0}
.imgspace{margin-left:1px;margin-right:2px}
.imgfolder{margin:1px;margin-left:4px;margin-right:4px}

/* Gets rid of the need for border="0" on hyperlinked images */
img{border:0}

/* Background images for tables */
.tbltop{background: url(images/tborder-2.gif) repeat-x}
.tblleft{background: url(images/tborder-4.gif) repeat-y}
.tblright{background:url(images/tborder-6.gif) repeat-y}
.tblbot{background: url(images/tborder-8.gif) repeat-x}