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

body
{
    background:#ecf0f6;
    color:#000000;
    font:12px Verdana,Arial,Helvetica,sans-serif;
    margin:0;
    padding:0;
}



/* General font families for common tags */

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



/* General text */

.gensmall{font-size:10px}

td.genmed,.genmed{font-size:11px}

.explaintitle{font-size:11px;font-weight:bold;color:#5c81b1}



/* General page style */

a:link,a:active,a:visited,a.postlink{color:#404040;text-decoration:none}

a:hover{color:#dd6900}



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

.topictitle{font-size:11px;font-weight:bold}

a.topictitle:visited{color:#5493b4}

a.topictitle:hover{color:#dd6900}



/* titles for the statistics mod tables only */

.cattitle{font-size:11px;font-weight:bold}

a.cattitle:visited{color:#5493b4}

a.cattitle:hover{color:#dd6900}



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

td.cathead{font-weight:bold;letter-spacing:1px;background:#bfc5d3 url(images/cellpic1.gif);

height:29px;text-indent:4px}



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

.name{font-size:11px;font-weight: bold}



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



.simpleline{border: 0px solid #ffffff;border-bottom-width:1px;height:5px; width: auto;}



/* Category gradients*/

td.cat{font-weight:bold;letter-spacing:1px;background:#bfc5d3 url(images/cellpic1.gif);

height:29px;text-indent:4px}



/* Main table cell colours and backgrounds */

.row1{background:#f0f0f0}

.row2,.helpline{background:#eeeefF}

.row3{background:#e6e6e6}

td.spacerow{background:#cad9ea}



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

td.rowpic{background:url(images/cellpic1.gif) #F1F8FF repeat}



/* Table Header cells */

th
{
    background:#63aef7 url(images/cellpicx.png);
    color:#404040;
    font-size:11px;
    font-weight:bold;
    height:25px;
    line-height: 25px;
    white-space:nowrap;
    text-align:center;
    padding: 0;
}



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

.bodyline
{
    background-color: #FFFFFF;
    background-image: url(images/bck.png);
    background-repeat: repeat;
    border:           1px solid #98aab1;
}

/* ;background:#005eb2 url(images/leaves.gif)}



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

.forumline{
background:#e6e6e6;border:1px solid #d6dbde;line-height:25px;
}



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

.maintitle,h1{

font:bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;text-decoration:none;color:#404040}



.subtitle,h2{font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;

text-decoration:none}



/* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */

.nav{font-size:11px;font-weight:bold}

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



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

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



/* Quote blocks */

.quote
{
background:#fafafa;border:1px solid #d1d7dc;font-size:11px;line-height:125%
}

.quotediv{background:#fafafa;border: 1px solid #9ca9b4;border-top:0; padding:5px;overflow:auto;width:90%;text-align:left}



/* Code blocks */

.code{background:#fafafa;border:1px solid #d1d7dc;color:#006600;

font:12px Courier,"Courier New",sans-serif;padding:5px}



/* This is for the error messages that pop up */

.errorline{background:#add8e6;border:1px solid #404040}



/* Form elements */

form{display:inline}



input{font:11px Verdana,Arial,Helvetica,sans-serif}



select{background:#ffffff;font:11px Verdana,Arial,Helvetica,sans-serif}



input.post,textarea.post{background:#ffffff;border:1px solid #000000;

font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px}



input.button,input.liteoption,.fakebut{border:1px solid #000000;background:#fafafa;font-size:11px}

input.catbutton{border:1px solid #000000;background:#fafafa;font-size:10px}

input.mainoption{border:1px solid #000000;background:#fafafa;font-size:11px;font-weight:bold}



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



/* This is the line in the posting page which shows the rollover

help line. Colour value in row2 */

.helpline{border:0 solid;font-size:10px}



/* This is the gradient background at the top of the page */

.topbkg{background: #FFFFFF url(images/cellpic_bkg.jpg) repeat-x;color:#000000;}

.topnav{font-size:10px;background: #c7d0df;color:#000000;height:21px;white-space:nowrap;border: 0px solid #000000;border-width: 0px 1px 1px 1px}



/* Admin & Moderator Colours MODification */

.admin,.mod{font-size:11px;font-weight:bold}

.admin,a.admin,a.admin:visited{color:#ffa34f}

.mod,a.mod,a.mod:visited{color:#006600}

a.admin:hover,a.mod:hover{color:#dd6900}



/* Specify the space around images */

.imgtopic,.imgicon{margin-left:3px}

.imgspace{margin-left:1px;margin-right:2px}

.imgfolder{margin:1px 4px 1px 4px}



/* Gets rid of the need for border="0" on hyperlinked images */

img{border:0 solid}



/* Background images for tables */

.tbl{border-collapse:collapse;height:4px;width:100%}

.tbll{background: url(images/tb4_l.gif) no-repeat;width:8px}

.tblbot{background: url(images/tb4_m.gif) repeat-x;width:100%}

.tblr{background: url(images/tb4_r.gif) no-repeat;width:8px}





/* Code blocks */ 

.codetitle{background: #cdd6de;border:1px solid #9ca9b4;padding:5px;width:90%;font-weight:bold; text-align:left; 

margin-top:10px} 

.codediv{background:#fffedf;border: 1px solid #9ca9b4;color:#000000;border-top:0; 

font:12px Courier,"Courier New",sans-serif;padding:5px;overflow:auto;width:90%;text-align:left}







/* FI Colour Palette MOD - START */

.colouter,.col{border:1px solid #000;margin-left:10px}

.colouter{border-right-width:0;cursor:pointer}

.col{margin:0;padding:0 0 0 7px;display:inline;border-width:1px 1px 0 0;font-size:7px}

/* FI Colour Palette MOD - END */



abbr, acronym {

	border-bottom: 1px dotted #333;

	cursor: help;

}



.imgfade{filter:alpha(opacity=50); -moz-opacity:0.5;margin-left:3px}

.imgfull{filter:alpha(opacity=100); -moz-opacity:1;margin-left:3px}



.math    
{
		visibility: hidden
}

/* New lounge style section */

.newstyle_topmenu
{
    border-spacing:     0;
    border:             0;
    height:             26px;
    width:              100%;
    padding-top:        0px;
    margin:             0px;
    padding-left:		15px;
    background-image:   url(newstyle_images/menubar.gif);
}

.newstyle_topmenu div
{
	line-height:		26px;
	height:             26px;
	width:				auto;
	padding-left:		5px;
	padding-right:		5px;
	margin-right:		5px;
	float:				left;
	border:				1px solid transparent;
	cursor:				pointer;
	font-weight:		bold;
}

.newstyle_topmenu div:hover
{
	color:				black;
	border-left:		1px solid #cccccc;
	border-top:			1px solid #cccccc;
	border-right:		1px solid #eeeeee;
	border-bottom:		1px solid #eeeeee;
}

.popmenu
{
	border-bottom:		1px solid #cccccc;
	border-right:		1px solid #cccccc;
	border-top:			1px solid #eeeeee;
	border-left:		1px solid #eeeeee;	
	background-color:	#FFFFFF;
	background-image:	url(newstyle_images/popmenuback.gif);
	background-repeat:  repeat-x;
	padding:			5px;
	position:			absolute;
	top:				115px;
	z-index:			255;
	display:			none;
}

.popmenu_sep
{
	padding-top:		2px;
	width:				auto;
	border-bottom:		1px solid #cccccc;
	height:				2px;
}

.popmenu a
{
	padding-left:	5px;
	padding-right:	5px;
	width:			auto;
	display:		block;
	white-space: 	pre;
	color:			black;
}

.popmenu a:hover
{
	background-color:	#CCCCFF;
	background-image: 	url(newstyle_images/popmenuselect.gif);
	background-repeat:  repeat-x;
}