/* General page style. The scroll bar colours only visible in IE5.5+ */

body { 

background-color:		#656565;

scrollbar-face-color:		#EEEEEE;

scrollbar-highlight-color:	#EEEEEE;

scrollbar-shadow-color:		#EEEEEE;

scrollbar-3dlight-color:	#EEEEEE;

scrollbar-arrow-color:		#444444;

scrollbar-track-color:		#EEEEEE;

scrollbar-darkshadow-color:	#98AAB1;

background-image: url(tlo.png);

margin: 4px;

}



/* General font families for common tags */

font,th,td,p			{ font-family: Verdana, Arial, Helvetica, sans-serif }

a:link,a:active,a:visited	{ color : #444444; }

p, td			{ font-size : 11px; color : #000000; }

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

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



/* This is the border line & background colour round the entire page */

.bodyline { background-color: #EEEEEE; border: 1px #98AAB1 solid; }



/* This is the outline round the main forum tables */

.forumline { background-color: #A9B8C2; border: solid #D1D7DC 0px; border-top-width: 1px; }



/* Main table cell colours and backgrounds */

td.row1 { background-color: #EEEEEE; }

td.row2 { background-color: #EEEEEE; }

td.row3 { background-color: #EEEEEE; }

td.row_helped { background-color: #F0EDDE; }



/*

	This is for the table cell above the Topics, Post & Last posts on the index.php page

	By default this is the fading out gradiated silver background.

	However, you could replace this with a bitmap specific for each forum

*/

td.rowpic {

background-color: #EEEEEE;

background-image: url('images/cellpic2.jpg');

background-repeat: repeat-y; height: 22px;

}



/* Header cells - the blue and silver gradient backgrounds */

th {

color:			#EEEEEE; font-size: 11px; font-weight: bold;

background-color:	#444444; height: 25px;

background-image:	url(images/cellpic3.jpg);

}



td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {

background-image: url(images/cellpic1.gif);

background-color:#EEEEEE; border: #EEEEEE; border-style: solid; height: 28px;

}



/*

	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.cat,td.catHead,td.catBottom { background-color: #C7D0D7; background-image: url('images/cellpic1.gif'); height: 22px; }

th.thHead,th.thSides,th.thLeft,th.thRight,th.thBottom {

font-weight: bold; border: #EEEEEE; height: 28px;

}



th.thCornerL,th.thTop,th.thCornerR {color: #EEEEEE; font-size: 70%; font-weight: bold; background-color: #006699; background-image: url('images/cellpic3.jpg'); height: 28px; }



td.row3Right,td.spaceRow { background-color: #EEEEEE; border: #EEEEEE; border-style: solid; }



th.thHead,td.catHead			{ font-size: 12px; border-width: 0px; }

th.thSides,td.catSides,td.spaceRow	{ border-width: 0px; }

th.thRight,td.catRight,td.row3Right	{ border-width: 0px; }

th.thLeft,td.catLeft			{ border-width: 0px; }

th.thBottom,td.catBottom		{ border-width: 0px; }

th.thTop				{ border-width: 0px; }

th.thCornerL				{ border-width: 0px; }

th.thCornerR				{ border-width: 0px; }



/* The largest text used in the index page title and toptic title etc. */

.maintitle {

font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;

text-decoration: none; line-height : 120%; color : #000000;

}



/* General text */

.gen						{ font-size : 12px; }

.genmed					{ font-size : 11px; }

.gensmall					{ font-size : 10px; }

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

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

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



/* The register, login, search etc links at the top of the page */

.mainmenu		{ font-size : 11px; color : #000000 }

a.mainmenu		{ text-decoration: none; color : #444444; }

a.mainmenu:hover	{ text-decoration: underline; color : #FF6C00; }



/* Forum category titles */

.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #444444}

a.cattitle		{ text-decoration: none; color : #444444; }

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



/* Forum title: Text and link to the forums used in: index.php */

.forumlink		{ font-weight: bold; font-size: 12px; color : #444444; }

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

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



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

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

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



/* titles for the topics: could specify viewed link colour too */

.topictitle,h1,h2	{ font-weight: bold; font-size: 11px; color : #000000; }

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

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

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



/* Name of poster in viewmsg.php and viewtopic.php and other places */

.name { font-size : 11px; color : #000000; text-decoration: none}



/* Location, number of posts, post date etc */

.postdetails		{ font-size : 10px; color : #000000; }



/* The content of the posts (body of text) */

.postbody		{ font-size : 12px; line-height: 18px }

a.postlink:link	{ text-decoration: none; color : #444444 }

a.postlink:visited	{ text-decoration: none; color : #444444; }

a.postlink:hover	{ text-decoration: underline; color : #FF6C00 }



/* Quote & Code blocks */

.code {

font-family:		Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;

background-color:	#EEEEEE; border: #EEEEEE; border-style: solid;

border-left-width:	1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;

}



.quote {

font-family:		Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;

background-color:	#EEEEEE; border: #EEEEEE; border-style: solid;

border-left-width:	1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;

}



/* Copyright and bottom info */

.copyright		{ font-size : 10px; color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; }

a.copyright		{ text-decoration: none; color : #006699; }

a.copyright:hover	{ text-decoration: underline; color : #FF6C00; }



/* Form elements */



form { margin: 0; }

form { display: inline; }



input,textarea, select {

color : #000000;

font: normal 11px Verdana, Arial, Helvetica, sans-serif;

}



/* The text input fields background colour */

input.post, textarea.post, select			{ background-color : #EEEEEE; }

input.post2, textarea.post2, select	{ background-color : #EEEEEE; }

input						{ text-indent : 2px; }



/* The buttons used for bbCode styling in message post */

input.button {

background-color :	#EEEEEE;

color :			#000000;

font-size:		11px; font-family: Verdana, Arial, Helvetica, sans-serif;

cursor:			pointer;

}



/* The main submit button option */

input.mainoption {

background-color:	#EEEEEE;

font-weight:		bold;

cursor:			pointer;

}



/* None-bold submit button */

input.liteoption {

background-color:	#EEEEEE;

font-weight:		normal;

cursor:			pointer;

}



/* 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: #EEEEEE; border-style: none; }
td.firstPostAd { 
background-color: #EEEEEE; border: #EEEEEE; border-style: solid; border-width: 1px; text-align: center; 
} 



/* Highlight bad words for moderators instead of censoring them */

span.badwordhighlight { background-color: #FFFF00; }



.topbkg { background: #dbe3ee url(images/cellpic_bkg.jpg) repeat-x }

.topnav { font-size:10px;background: #e5ebf3 url(images/cellpic_nav.gif) repeat-x;color:#dd6900; height: 21px; white-space: nowrap; text-align: center; border: 0px solid #91a0ae; border-width: 1px 0 1px 0 }



.pm { font-size: 11px; text-decoration: none; color: #FF0000 } 

.table0

{

	background-color : #EFEFEF;

	border-bottom-color : #dedede;

	border-bottom-style : solid;

	border-bottom-width : 1;

	border-left-color : #fefefe;

	border-left-style : solid;

	border-left-width : 1px;

	border-right-color : #dedede;

	border-right-style : solid;

	border-right-width : 1px;

	border-top-color : #fefefe;

	border-top-style : solid;

	border-top-width : 1px;

	color : #000000;

	font-size : 10px;

}



.pagination {

	color: #666;

	font-size: 10px;

	font-weight: bold;

	padding: 3px;

	padding-bottom: 4px;

	cursor: pointer;

	text-decoration: none;

}

.pagination a, .pagination a:visited, .pagination a:active {

	background-color: #EAEBEB;

	color: #000;

	border-color: #D4D7DA;

	border: #D4D7DA 1px solid;

	padding: 1px;

	text-decoration: none;

}

.pagination a:hover {

	background-color: #FFF;

	color: #666;

	border-color: #EAECEF;

	border: #EAECEF 1px solid;

	text-decoration: none;

	padding: 1px;

}



/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */

@import url("formIE.css");