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

TH, TD.th { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #D4E7FF; height: 25px; font-size: 11px; font-weight: bold; color: #FFFFff; }


TD.row1 { background-color: #ffffff }
TD.row2 { background-color: #F1F1F4}
TD.row3 { background-color: #f4f4f4 }
TD.poll { background-color: #ffffff  }

th {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #7E98CB; height: 25px; font-size: 11px; font-weight: bold; color: #FFFFff; background-image: url(im/cellpic4.gif);} 

/* This is the spacer row between post replies */
TD.spaceRow { color:#FFFFFF; background-color: #f0f0f0; border:  0px }

/*
  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: #E1E8F5; background-image: url(im/cell2r.jpg);background-repeat: repeat-y;} 

tr.rowpic2 {background-color: #E1E8F5}
td.rowpic2 {background-color: #E1E8F5}

/*
  Setting additional nice 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.catSides,td.catLeft,td.catRight,td.catBottom 
{background-image: url(im/cell2l.gif); background-color:#E1E8F5; height: 28px; border: #ffffff; border-style: solid;} 

TD.catHead { height: 29px; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px}
TD.catSides { border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px }
TD.catLeft { border-left-width: 1px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px}
TD.catRight { border-left-width: 0px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px }
TD.cat,TD.catBottom { height: 29px; border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px }

TH.thHead,TH.thSides,TH.thBottom,TH.thCornerL,TH.thCornerR { border: #04369B;}


TH.thHead { font-weight : bold; font-size: 11px; height: 25px; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px;}

TH.thSides { border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px }

TH.thTop { border-left-width: 0px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px }

TH.thLeft { border-left-width: 1px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px }

TH.thRight { border-left-width: 0px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px }

TH.thBottom { border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px }

TH.thCornerL { border-left-width: 1px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px }

TH.thCornerR { border-left-width: 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px }


.bodyline2 { background-color: #D4E7FF; border: #71AAF0; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }
.bodyline3 { background-color: #D4E7FF;}
/*background-color: #7E98CB; border: #04369B;*/
/* This is the outline round the main forum tables */
.forumline { background-color: #04369B; border: 0px #021A4A solid }
.forumline1 { background-color: #D4E7FF; border: 1px #71AAF0 solid }


/* The largest text used in the index page title and toptic title etc. */
.maintitle { font-family: Verdana; font-size: 20px; font-weight: bold; text-decoration: none; line-height: 120%; color: #3D5C98;}
.subtitle { font-family: Verdana; font-size: 11px; font-weight: bold; text-decoration: none; line-height: 100%; color: #486FB7;}


a.sitename { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 20px; font-weight : bold; text-decoration : none; line-height : 120%; color : #043698;}
a.sitename:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 20px; font-weight : bold; text-decoration : none; line-height : 120%; color : #003090;}
a.sitename:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 20px; font-weight : bold; text-decoration : underline; line-height : 120%; color : #FF0000;}
a.sitename:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 20px; font-weight : bold; text-decoration : underline; line-height : 120%; color : #A00000;}

/* General normal text */
.gen    { font-size : 12px; color : #000000;background:#F1F1F4; }
a.gen    { color: #043698; text-decoration: none; }
a.gen:visited    { color: #003090; text-decoration: none; }
a.gen:active    { color: #FF0000; text-decoration: underline; }
a.gen:hover { color: #E00000; text-decoration: underline; }


/* General medium text */
.genmed    { font-size : 11px; color : #000000; }
a.genmed { text-decoration: none; color : #043698; }
a.genmed:visited { text-decoration: none; color : #003090; }
a.genmed:active { text-decoration: underline; color : #FF0000; }
a.genmed:hover { text-decoration: underline; color : #A00000; }


/* General small */
.gensmall  { font-size : 10px; color : #000000; }
a.gensmall { color: #043698; text-decoration: none; }
a.gensmall:visited { color: #003090; text-decoration: none; }
a.gensmall:active { color: #FF0000; text-decoration: underline; }
a.gensmall:hover { color: #A00000; text-decoration: underline; }

/* Text on TD.SpaceRow */
.spaceRow { font-size : 10px; color : #FFFFFF; }
a.spaceRow { color: #FFFFFF; text-decoration: none; }
a.spaceRow:visited { color: #FFFFFF; text-decoration: none; }
a.spaceRow:active { color: #FF0000; text-decoration: underline; }
a.spaceRow:hover { color: #A00000; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu    { font-size : 11px; text-decoration : none; color : #000000 }
a.mainmenu, a.mainmenu:visited    { text-decoration: none; color : #000000;  }
a.mainmenu:active { text-decoration: underline; color : #FF0000; }
a.mainmenu:hover { text-decoration: underline; color : #A00000; }


/* Forum category titles */
.cattitle    { font-size : 12px; letter-spacing: 1px; font-weight : bold; text-decoration : none; color : #043698}
a.cattitle    { text-decoration: none; color : #043698; }
a.cattitle:visited    { text-decoration: none; color : #003090; }
a.cattitle:active { text-decoration: underline; color : #FF0000; }
a.cattitle:hover { text-decoration: underline; color : #A00000; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink    { font-size : 12px; font-weight : bold; text-decoration : none; color : #043698; }
a.forumlink    { text-decoration: none; color : #043698; }
a.forumlink:visited    { text-decoration: none; color : #003090; }
a.forumlink:active    { text-decoration: underline; color : #FF0000; }
a.forumlink:hover { text-decoration: underline; color : #A00000; }


/* 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; text-decoration: none; color: #000000}
a.nav { text-decoration: none; color : #043698; }
a.nav:visited { text-decoration: none; color : #003090; }
a.nav:active { text-decoration: underline; color : #FF0000; }
a.nav:hover { text-decoration: underline; color : #A00000; }


/* titles for the topics: could specify viewed link colour too */
.topictitle    { font-size : 11px; font-weight : bold; text-decoration : none; color : #000000; }
a.topictitle { text-decoration: none; color : #043698; }
a.topictitle:visited { text-decoration: none; color : #003090; }
a.topictitle:active { text-decoration: underline; color : #FF0000; }
a.topictitle:hover { text-decoration: underline; color : #A00000; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name        { font-size : 11px; text-decoration : none; color : #000000;}
a.name        { color: #043698; text-decoration: none;}
a.name:visited { color: #003090; text-decoration: none;}
a.name:active { color: #FF0000; text-decoration: underline;}
a.name:hover { color: #A00000; text-decoration: underline;}


/* Location, number of posts, post date etc */
.postdetails    { font-size : 9px; color : #000000; }
a.postdetails    { color: #043698; text-decoration: none; }
a.postdetails:visited { color: #003090; text-decoration: none; }
a.postdetails:active { color: #FF0000; text-decoration: underline; }
a.postdetails:hover { color: #A00000; text-decoration: underline; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px; line-height: 18px}
a.postlink { text-decoration: none; color : #043698 }
a.postlink:visited { text-decoration: none; color : #003090 }
a.postlink:active { text-decoration: underline; color : #FF0000}
a.postlink:hover { text-decoration: underline; color : #A00000}

/* Errors */
.error { font-size: 11px; font-weight: bold; color: #FFFFC0 }


/* Quote Code (currently not used) */
.code { 
    font-family: Courier, "Courier New", sans-serif; font-size: 11px; color: #001030;
    background-color: #FFFFFF; border: #04369B; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #001030; line-height: 125%;
    background-color: #FFFFFF; border: #04369B; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.editedby { font-size : 10px; line-height : 100%; color : #333333; }

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

/* The text input fields background colour */
input.post, textarea.post, select {
    background-color : #fff;
}

input { text-indent : 2px; }

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

.link_button {
	background-color : #E9EEF9;
	border:1px solid #BCC4CF;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding:5px;
}

/* The main submit button option */
input.mainoption {
    font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
    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-color: #C4D2ED; border-style: none; }

/* Copyright and bottom info */
.copyright    { font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; font-size: 10px; letter-spacing: -1px;}
a.copyright    { color: #333333; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}

#smiles {
	border: 1px solid #D4DDE9;
	background: #fff;
	width:490px;
	height:60px;
	padding:2px 5px 2px 5px;
	overflow:auto;
	white-space: nowrap;

}

.citation {
	margin-left: 20px;
	margin-top: 5px;
	color: #6C7991;
	border-left: 3px solid #D4DDE9;
	background: #EEF6FF url(im/quoting.png) scroll no-repeat top left;
	padding: 25px 5px 5px 5px;
}