/*------------------------------------------------------------------

| General page style. The scroll bar colors only visible in IE5.5+ |

------------------------------------------------------------------*/

body {

  background-color: #6699CC;
  background: url(/images/background_repeat.jpg) repeat-x top;
  scrollbar-3dlight-color: #6699CC;

  scrollbar-highlight-color: #99CCFF;

  scrollbar-face-color: #6699CC;

  scrollbar-arrow-color:  #99CCFF;

  scrollbar-shadow-color: #336699;

  scrollbar-darkshadow-color: #000000;

  scrollbar-track-color: #6699CC; }

/*---------------------------------------

| General font families for common tags |

---------------------------------------*/

font,th,td,p {

  font-family: Verdana, Arial, Helvetica, sans-serif; }

a:link,a:active,a:visited {

  text-decoration: none;

  color : #FFFFFF; }

a:hover	{

  text-decoration: none;

  color : #FF0000; }

hr {

  height: 0px;

  border: solid #6699CC 0px;

  border-top-width: 1px;}

.otherline {

  background-color: #C0E0FF;

  border: 3px #99CCFF ridge; }

/*----------------------------------------

| Main table cell colors and backgrounds |

----------------------------------------*/

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

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

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

/*---------------------------------------------------------

| Header cells - the blue and silver gradient backgrounds |

---------------------------------------------------------*/

th {

  color: #99CCFF;

  font-size: 11px;

  font-weight : bold; 

  background-color: #336699;

  height: 25px; }

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

  background-color: #ADD6FE;

  border: #FFFFFF;

  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 {

  height: 28px;

  border-width: 0px 0px 0px 0px; }

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

  font-weight: bold;

  border: #FFFFFF;

  border-style: solid;

  height: 28px; }

td.row3Right {

  background-color: #ADD6FE;

  border: #FFFFFF;

  border-style: solid; }

td.spaceRow {

  background-color: #6699CC;

  border: #FFFFFF;

  border-style: solid; }

th.thHead,td.catHead {

  font-size: 12px;

  border-width: 0px 0px 0px 0px; }



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

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

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

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

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

th.thCornerR                        { border-width: 0px 0px 0px 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: #336699; }

/*--------------

| General text |

--------------*/

.gen      { font-size : 12px; }

.genmed   { font-size : 11px; }

.gensmall { font-size : 10px; }



.gen,.genmed,.gensmall {

  color : #336699; }

a.gen,a.genmed,a.gensmall,a.gensmallmark {

  color: #336699;

  text-decoration: none; }

a.gen:hover,a.genmed:hover,a.gensmall:hover {

  color: #6699CC;

  text-decoration: none; }

a.gensmallmark:hover {

  color: #FFFFFF;

  text-decoration: none; }

/*--------------------------------------------------------------

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

--------------------------------------------------------------*/

.mainmenu {

  font-size: 11px;

  font-weight: bold;

  color: #336699; }

td.mainmenu {

  font-size: 11px;

  background-color: #D4EAFE; }

.menuline {

  background-color: #336699;

  border: 1px #336699 solid; }

a.mainmenu {

  text-decoration: none;

  font-weight: bold;

  color: #336699;  }

a.mainmenu:hover {

  text-decoration: none;

  font-weight: bold;

  color: #6699CC; }

/*-----------------------

| Forum category titles |

-----------------------*/

.cattitle {

  font-weight: bold;

  font-size: 12px;

  letter-spacing: 1px;

  color: #336699; }

a.cattitle {

  text-decoration: none;

  color: #336699; }

a.cattitle:hover {

  text-decoration: none;

  color: #FFFFFF; }

/*-------------------------------------------------------------

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

-------------------------------------------------------------*/

.forumlink {

  font-weight: bold;

  font-size: 12px;

  color: #336699; }

a.forumlink {

  text-decoration: none;

  color: #336699; }

a.forumlink:hover {

  text-decoration: none;

  color: #6699CC; }

/*---------------------------------------------------------------------------------------

| 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: #336699;}

a.nav, a.navnextprev {

  text-decoration: none;

  color: #336699; }

a.nav:hover {

  text-decoration: none;

  color: #6699CC; }

a.navnextprev:hover {

  text-decoration: none;

  color: #FFFFFF; }

/*------------------------------------------------------------------

| Name of poster in viewmsg.php and viewtopic.php and other places |

------------------------------------------------------------------*/

.name {

  font-size: 11px;

  color: #336699;}

/*------------------------------------------

| Location, number of posts, post date etc |

------------------------------------------*/

.postdetails {

  font-size: 10px;

  color: #336699; }

/*-----------------------------------------

| The content of the posts (body of text) |

-----------------------------------------*/

.postbody {

  font-size: 12px;

  line-height: 18px; }

a.postlink:link	{

  text-decoration: none;

  color: #336699; }

a.postlink:visited {

  text-decoration: none;

  color: #336699; }

a.postlink:hover {

  text-decoration: none;

  color: #6699CC; }

/*---------------------

| Quote & Code blocks |

---------------------*/

.code { 

  font-family: Courier, "Courier New", sans-serif;

  font-size: 11px;

  color: #336699;

  background-color: #FAFAFA;

  border: #336699;

  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: #336699;

  line-height: 125%;

  background-color: #FAFAFA;

  border: #336699;

  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;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  color: #336699;

  letter-spacing: -1px; }

a.copyright {

  color: #336699;

  text-decoration: none; }

a.copyright:hover {

  color: #6699CC;

  text-decoration: none; }

/*---------------

| Form elements |

---------------*/

input,textarea, select {

  color: #336699;

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

  border-color: #336699; }

/*----------------------------------------

| The text input fields background color |

----------------------------------------*/

input.post, textarea.post, select {

  background-color: #FAFAFA; }

input {

  text-indent: 2px; }

/*-----------------------------------------------------

| The buttons used for bbCode styling in message post |

-----------------------------------------------------*/

input.button {

  background-color: #99CCFF;

  color: #336699;

  font-size: 11px;

  font-family: Verdana, Arial, Helvetica, sans-serif; }

/*-------------------------------

| The main submit button option |

-------------------------------*/

input.mainoption {

  background-color: #99CCFF;

  font-weight: bold; }

/*-------------------------

| None-bold submit button |

-------------------------*/

input.liteoption {

  background-color: #99CCFF;

  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 |

| color as the background no one will know ;)                       |

-------------------------------------------------------------------*/

.helpline {

  background-color: #C0E0FF;

  border-style: none; }