<<<<Created freely by cyber-MX "www.net-pixel.com">>>>
/* General page style. The scroll bar colours only visible in IE5.5+ */

body{
background: #E7ECEF;
color:#006699;
font:12px Verdana,Arial,Helvetica,sans-serif;
scrollbar-3dlight-color:#d1d7dc;
scrollbar-arrow-color:#5E7388;
scrollbar-darkshadow-color:#98aab1;
scrollbar-face-color:#B9C3CF;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#dee3e7;
scrollbar-track-color:#E7ECEF
}
/* General font families for common tags */
font,th,td,p{color:#5E7388; font:11px Verdana,Arial,Helvetica,sans-serif}
a:link,a:active,a:visited,a.postlink:link{color:#5E7388;text-decoration:none}
a:hover{color:#006699;text-decoration:none}
.postbody{font-size:12px}

hr{border:0px solid #d1d7dc; border-top-width:1px; height:0px}

/* This is the border line & background colour round the entire page */
.bodyline{background:#ffffff;border:1px solid #5E7388}

/* This is the outline round the main forum tables */
.forumline{background:#ffffff;border:1px solid #5E7388}

/* This is for the error messages that pop up */
.errorline	{ background-color: #add8e6; border:1px solid #98aab1}

/* Main table cell colours and backgrounds */
td.row1{background:#DEE3E8}
td.row2{background:#E4E8EC}
td.row3{background: #C7D1DA}

/*
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:#ffffff url(images/cellpic1.gif) repeat-y}

/* Header cells - the blue and silver gradient backgrounds */
th{background: #5E7388 url(images/cellpic3.gif);
color: #5E7388;
font-size:11px;
font-weight:bold;
height:25px}

td.cat,td.cathead,td.catsides,td.catleft,td.catright,td.catbottom{
background:#d1d7dc url(images/cellpic1.gif);
border:#F7F9FA;
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{border-width:0px 0px 0px 0px;height:28px}
th.thhead,th.thsides,th.thtop,th.thleft,th.thright,th.thbottom,th.thcornerl,th.thcornerr{
border:#F7F9FA;
border-style:solid;
font-weight:bold;
height:28px}

td.row3right,td.spacerow{
background:#cad9ea;
border:#F7F9FA;
border-style:solid
}
th.thhead,td.cathead{border-width:1px 1px 0px 1px}
th.thsides,td.catsides,td.spacerow{border-width:0px 1px 0px 1px}
th.thright,td.catright,td.row3right{border-width:0px 1px 0px 0px}
th.thleft,td.catleft{border-width:0px 0px 0px 1px}
th.thbottom,td.catbottom{border-width:0px 1px 1px 1px}
th.thtop{border-width:1px 0px 0px 0px}
th.thcornerl{border-width:1px 0px 0px 1px}
th.thcornerr{border-width:1px 1px 0px 0px}

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1{
color:#000000;
font:bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none}
.subtitle,h2{
color:#000000;
font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none}

/* General text */
.gen{font-weight:bold}
.genmed{font-size:11px}
.gensmall{font-size:11px}

/* Forum category titles and forum links*/
.cattitle,.forumlink{font-weight:bold; letter-spacing:1px}

/* 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}

/* titles for the topics:could specify viewed link colour too */
.topictitle{color:#000000;font-size:11px;font-weight:bold}
a.topictitle:visited{color:#5493b4}
a.topictitle:hover{color:#dd6900}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name{color:#000000;font-size:11px}

/* Location,number of posts,post date etc */
.postdetails{color:#000000;font-size:10px}

/* The content of the posts (body of text) */
a.postlink:visited{color:#5493b4;text-decoration:none}

/* Quote & Code blocks */
.code{
background:#fafafa;
border:1px solid #5E7388;
color:#006600;
font:11px Courier,'Courier New',sans-serif
}
.quote{
background:#fafafa;
border:1px solid #5E7388;
color:#444444;
font:11px/125% Verdana,Arial,Helvetica,sans-serif}

/* Copyright and bottom info */
.copyright{font:10px Verdana,Arial,Helvetica,sans-serif}
a.copyright{color:#444444}
a.copyright:hover{color:#000000;text-decoration:none}

/* Form elements */
input,textarea,select{
border-color:#6C7E90;
color:#6C7E90;
font:normal 11px Verdana,Arial,Helvetica,sans-serif}

/* The text input fields background colour */
input.post,textarea.post,select{background:#EAEDF2}
input{text-indent:2px}


/* The main submit button option */
input.mainoption{background:#F0F2F4;font-weight:bold}

/* None-bold submit button */
input.liteoption{background:#F0F2F4;font-weight:normal}

/* 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:#D9DFE6;border-style:none}

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formie.css");
