/* General page style. The scroll bar colours only visible in IE5.5+ */
body { 
	background-color: #fef7c0;
	scrollbar-face-color: {T_TR_COLOR2};
	scrollbar-highlight-color: {T_TD_COLOR2};
	scrollbar-shadow-color: {T_TR_COLOR2};
	scrollbar-3dlight-color: {T_TR_COLOR3};
	scrollbar-arrow-color:  {T_BODY_LINK};
	scrollbar-track-color: {T_TR_COLOR1};
	scrollbar-darkshadow-color: {T_TH_COLOR1};
	background-image : url(/templates/preSilver/images/YellowBackground.gif);
}


/* Pre's CSS elements: */


.preChartrow{
 clear:both;
 position: relative;
 top: 20;
 width: 100%;
 height: 145px;
 float: left;
}


.preChartnum{
   background-color: #880000; 
   border: 2px #000000 solid; 
   background-image:url(/templates/preCSS/images/RedBackground.gif);
   position: absolute;
   padding: 29px 0px 29px 0px;
   width: 70px;
   float: left;
   text-align: center;
}

.preChartpic{
   position: absolute;
   top: 4px;
   right: 10px;
   float: left;
   vertical-align: middle;
}

.preChartdesc{
   background-color: #000088; 
   border: 2px #000000 solid; 
   background-image:url(/templates/preCSS/images/BlueBackground.gif);
   position: absolute;
   top: 0px;
   left: 76px;
   right: 152px;
   height: 140px;
   float: left;
   vertical-align: middle;
}

.preChartpicreverse{
   position: absolute;
   top: 2px;
   left: 76px;
   float: left;
   vertical-align: middle;
}

.preChartdescreverse{
   background-color: #000088; 
   border: 2px #000000 solid; 
   background-image:url(/templates/preCSS/images/BlueBackground.gif);
   position: absolute;
   top: 0px;
   left: 218px;
   right: 10px;
   height: 140px;
   float: left;
   vertical-align: middle;
}


.preMenu{
 clear:both;
 width: 214px;
 height: 273px;
 float: right;
 position: absolute;
 top: 0px;
 right: 15px;
 z-index: 3;
}


.preContent2{
 clear:both;
 padding: 3px 3px 3px 3px;
}

.preContent{
 clear:both;
 padding: 0px 10px 0px 10px;
 background-color: #ffffff; 
 border: 2px #000000 solid;
}


.bubble{
 clear:both;
 position: absolute;
 top: 100px;
 left: 3px;
 width: 224px;
 height: 162px;
 float: left;
 background-image:url(/templates/preCSS/images/speechbubble.gif);
 z-index:-1;
}

.motd{
 clear:both;
 position: absolute;
 top: 200px;
 left: 10px;
 right: 235px;
 float: left;
 background-color: #ffffff; 
 border: 2px #000000 solid;
 vertical-align: middle;
 z-index: 0;
}

.preLogo{
 clear:both;
 top: -10px;
 width: 545px;
 height: 194px;
 float: left;
}



.preHeaderContainer{
 clear:both;
 position: relative;
 top: 20;
 width: 100%;
 height: 280px;
 float: left;
 z-index: 1;
}


.preFramebuttons{
 clear:both;
 position: relative;
 top: 20;
 width: 100%;
 height: 175px;
 float: left;
 z-index:1;
}

.preFramebutton1{
 position: absolute;
 left: 02%;
 width: 150px;
 height: 170px;
 float: left;
}
.preFramebutton2{
 position: absolute;
 left: 22%;
 width: 150px;
 height: 170px;
 float: left;
}
.preFramebutton3{
 position: absolute;
 left: 42%;
 width: 150px;
 height: 170px;
 float: left;
}
.preFramebutton4{
 position: absolute;
 left: 62%;
 width: 150px;
 height: 170px;
 float: left;
}
.preFramebutton5{
 position: absolute;
 left: 82%;
 width: 150px;
 height: 170px;
 float: left;
}





/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; text-decoration: none; }
a:hover		{ text-decoration: underline; color : {T_BODY_HLINK}; }
hr	{ height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}


/* This is the outline round the main forum tables */
.forumline	{ background-color: #ffffff; border: 0px #000000 solid; }
.whitebg	{ background-color: #ffffff; border: 2px #000000 solid; }
.redbg		{ background-color: #FF8888; border: 2px #000000 solid; background-image:url(/templates/preCSS/images/RedBackground.gif);}
.bluebg		{ background-color: #8888FF; border: 2px #000000 solid; background-image:url(/templates/preCSS/images/BlueBackground.gif);}
.yellowbg	{ background-color: #FFFF88; border: 2px #000000 solid; background-image:url(/templates/preCSS/images/YellowBackground.gif);}


/* Main table cell colours and backgrounds */
td.row1	{ background-color: {T_TR_COLOR1}; background:templates/preSilver/images/RedBackground.gif}
td.row2	{ background-color: {T_TR_COLOR2}; }
td.row3	{ background-color: {T_TR_COLOR3}; }


/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold; 
	background-color: {T_BODY_LINK}; height: 25px;
	background-image: url(templates/preSilver/images/{T_TH_CLASS2});
}


/* The largest text used in the index page title and toptic title etc. */
.maintitle	{
	font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
	text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: {T_BODY_HLINK}; text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink 	{ text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav			{ text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover		{ text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover	{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link	{ text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code { 
	font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
	background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
	background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; 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: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright		{ color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
	color : {T_BODY_TEXT};
	font: normal {T_FONTSIZE2}px {T_FONTFACE1};
	border-color : {T_BODY_TEXT};
}

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

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : {T_TR_COLOR1};
	color : {T_BODY_TEXT};
	font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

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

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

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/preSilver/formIE.css");