/* CSS file created by Bill Beardslee */

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: #FFFFFF;
	scrollbar-face-color: #326666;
	scrollbar-base-color: #908B56;
	scrollbar-highlight-color: #CFCA8F;
	scrollbar-shadow-color: #000000;
	scrollbar-3dlight-color: #999999;
	scrollbar-arrow-color:  #CFCA8F;
	scrollbar-track-color: #CFCA8F;
	scrollbar-darkshadow-color: #908B56;
	margin-top: 10px;
}

/* General font families for common tags */
font,th,td,p			{ font-family:  Verdana, Tahoma, Arial, sans-serif; }
a:link,a:active,a:visited	{ text-decoration: none; }
a:hover				{ text-decoration: underline; }
hr				{ height: 1px; border: solid #908B56 1px; border-top-width: 1px; }
/*div { border: solid #fff 0px; }*/


h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	text-decoration: none; line-height: 100%; color: #666666;
}

/* color: #000000; font-size: 12px; line-height: 18px; margin: 8px 0; */

/* This is the border line & background color around the entire page */
.bodyline td { background: #CFCA8F; border: 1px #000000 solid; padding: 6px; margin-bottom: 1px; }

/* This is the outline surrounding the main blocks  width: 100%; */
//.forumlinemain	{ background-color: #666666; border: 1px #cccccc solid; padding: 4px; width: 100%; margin-bottom: 2px; }
.forumlinemain	{ border: 1px #cccccc solid; padding: 4px; margin-bottom: 2px; }


/* This is the outline round the main forum tables width: 100%; */
.forumline { background-color: #CFCA8F; border: 2px #326666 solid; padding: 0px; margin-bottom: 1px; }

/* Main table cell colors and backgrounds - background-image: url(http://www.csaii.com/images/gradient.jpg); height: 30px; background-repeat: repeat-y; */
td.row1	{ background-color: #CFCA8F; }
td.row2	{ background-color: #FFFFFF; }
td.row3	{ background-color: #326666; background-image: url(http://www.csaii.com/images/gradient4.jpg); height: 30px; }
td.row4	{ background-color: #F5F5DC; }

/*
  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: #FFFFFF;
	background-repeat: repeat-y;
}

/* Header cells - the gradient backgrounds cellpic3.gif */
th {
	color: #000000; font-size: 10px; font-weight : bold;
	background-color: #908B56; height: 25px;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
	background-color: #908B56;
	height: 25px;
	background-image: url(http://www.csaii.com/images/cathead.jpg);
}


/*
  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: 25px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR { font-weight: bold; height: 25px; }

td.row3Right,td.spaceRow { background-color: #666666; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead			{ border-left: solid 1px #908B56; border-top: solid 1px #666; font-size: 16px; font-weight: bold; font-family: Verdana,Tahoma,Arial,sans-serif; color: #333; }
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-left: solid 1px #999999; border-top: solid 1px #999999; }
th.thBottom,td.catBottom		{ border-left: solid 1px #999999; border-top: solid 1px #999999; }
th.thTop				{ border-left: solid 1px #999999; border-top: solid 1px #999999; }
th.thCornerL				{ border-left: solid 1px #999999; border-top: solid 1px #999999; }
th.thCornerR				{ border-left: solid 1px #999999; border-top: solid 1px #999999; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle {
	font-weight: bold; font-size: 22px; font-family: Arial, Tahoma, Verdana, sans-serif;
	text-decoration: none; line-height: 120%; color: #000000;
}

/* General text fffff0 */
.gen							{ font-size: 12px; line-height: 18px }
.genmed							{ font-size: 11px; line-height: 16px }
.gensmall						{ font-size: 10px; line-height: 14px }
.genbig							{ font-size: 14px; font-weight: bold; color: #333; line-height: 16px }
.genlarge						{ font-size: 14px; font-weight: bold; color: #333; line-height: 16px }
.gen,.genmed,.gensmall					{ color: #000000; }
a.gen,a.genmed,a.gensmall				{ font-weight: normal; color: #326666; text-decoration: none; line-height: 16px }
a.gen:visited,a.genmed:visited,a.gensmall:visited	{ font-weight: normal; color: #326666; text-decoration: none; line-height: 16px }
a.gen:hover,a.genmed:hover,a.gensmall:hover		{ font-weight: normal; color: #666666; text-decoration: underline; line-height: 16px }

.genbold,.genmedbold,.gensmallbold
a.genbold,a.genmedbold,a.gensmallbold				{ font-weight: bold; color: #326666; text-decoration: none; line-height: 16px }				{ font-weight: bold; line-height: 18px }
a.genbold:visited,a.genmedbold:visited,a.gensmallbold:visited	{ font-weight: bold; color: #326666; text-decoration: none; line-height: 16px }
a.genbold:hover,a.genmedbold:hover,a.gensmallbold:hover		{ font-weight: bold; color: #666666; text-decoration: underline; line-height: 16px }

.helloname	{ font-size: 14px; font-weight: bold; color: #228B22; line-height: 16px }

/* The register, login, search etc links at the top of the page ffffff*/
.mainmenu		{ font-size: 12px; color:  #ffffff; line-height: 16px }
a.mainmenu		{ font-weight: bold; text-decoration: none; color: #ffffff; }
a.mainmenu:visited	{ text-decoration: none; color: #ffffff; }
a.mainmenu:hover	{ text-decoration: underline; color: #666666; }


/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 11px ; color: #000000}
a.cattitle:link		{ text-decoration: none; color: #000000; }
a.cattitle:visited	{ text-decoration: none; color: #000000; }
a.cattitle:active	{ text-decoration: none; color: #000000; }
a.cattitle:hover	{ text-decoration: none; color: #666666; }


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


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


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.intro		{ font-weight: bold; font-size: 11px; color: #666666; }
a.intro:link	{ text-decoration: none; color: #666666; }
a.intro:visited	{ text-decoration: none; color: #666666; }
a.intro:active	{ text-decoration: none; color: #666666; }
a.intro:hover	{ text-decoration: underline;color: #CCCCCC; }


/* titles for the topics: could specify viewed link color too */
.topictitle		{ font-weight: bold; font-size: 11px; color: #000000; height: 18px; background-image: url(images/cellpic2.jpg); }
a.topictitle:link	{ text-decoration: none; color: #ffffff; }
a.topictitle:visited	{ text-decoration: none; color: #ffffff; }
a.topictitle:hover	{ text-decoration: underline; color : #666666; }


/* Name of poster */
.name { font-size: 11px; color: #000000; }

.activeyes { font-weight: bold; font-size: 12px; color: #228B22; }
.activeno { font-weight: bold; font-size: 12px; color: #FF0000; }

.autologinyes { font-weight: normal; font-size: 12px; color: #228B22; }
.autologinno { font-weight: normal; font-size: 12px; color: #FF0000; }

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

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

/* The red color text */
.pm	{ font-size: 12px; text-decoration: none; font-weight: bold; color: #FF0000; }

.req		{ font-size: 12px; text-decoration: none; font-weight: normal; color: #FF0000; line-height: 14px; }
.reqmed		{ font-size: 11px; text-decoration: none; font-weight: normal; color: #FF0000; line-height: 14px; }
.reqsmall	{ font-size: 10px; text-decoration: none; font-weight: normal; color: #FF0000; line-height: 14px; }
.reqbig		{ font-size: 14px; text-decoration: none; font-weight: normal; color: #FF0000; line-height: 14px; }

/* Extra classes if needed */
.form_status_online	{ font-size: 12px; text-decoration: none; font-weight: normal; color: #00CC00; }
.form_status_offline 	{ font-size: 12px; text-decoration: none; font-weight: normal; color: #FF0000; }

/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; 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: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #D1D7DC; 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: #000000; letter-spacing: -1px;}
a.copyright		{ font-size: 10px; color: #666666; text-decoration: none;}
a.copyright:visited	{ font-size: 10px; color: #666666; text-decoration: none;}
a.copyright:active	{ font-size: 10px; color: #666666; text-decoration: none;}
a.copyright:hover	{ font-size: 10px; color: #CCCCCC; text-decoration: underline;}


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


/* display: block;*/
/*input.radio { width: 22px; height: 22px; float: center; background: #F5F5DC; color: #0f0; border: 0px solid #000; }*/


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

/* Force first letter uppercase */
input.npost { text-transform: capitalize; background-color: #FFFFFF; }

input { text-indent: 2px; }

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

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

/* None-bold submit button F5F5DC */
input.liteoption {
	background-color: #FFF8DC;
	font-weight: normal;
}

/* Caution button */
/* None-bold submit button */
input.cautionoption {
	background-color: #FFFF00;
	font-weight: normal;
}


.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #000;
text-decoration: none; 
color: #000;
background-color: #F5F5DC;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #000;
color: #000;
background-color: #CFCA8F;
}

.pagination a.currentpage{
background-color: white;
color: #FFF !important;
border-color: #000;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #000;
border-color: #000;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}


.hiddenPic	{ display: none; }

/* 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: #DEE3E7; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://www.csaii.com/formIE.css");