// NOTE: This is a modified version of the global.css of cognitone.com

html,body{height:100%;}
/* Default font */
body {
	font-family: "Verdana", "Arial", sans-serif; 
	font-size:10pt;	
	background-color:#4A4E51;
	color:#333333;	
}
a {text-decoration:none}
a:hover {text-decoration:none; color:#396F89;}
a:link, a:visited {text-decoration:underline;color:#396F89} 

/* hyperlinks */
p a, ol li a {
	color:#396F89;
	text-decoration:none;
	border-bottom:1px dotted #396F89;
}
p  a:hover, ol li a:hover {text-decoration:none; color:#396F89;}
p  a:link, p a:visited, ol li a:link, ol li a:visited {text-decoration:none; color:#396F89;} 

hr {height:0px;border:1px solid #CCCCCC;}
img {border:0}

/* default headlines in normal text */
h1, h2, h3, h4 {font-weight:bold;color:#396F89}
h1 a {text-decoration:none}
h1 {font-size:20pt}
h2 {font-size:14pt}
h3 {font-size:12pt}

.big {font-weight:bold;font-size:18pt;line-height:14pt;}
.small{font-size:8pt}
.tiny{font-size:8pt} 

ol li, ul li {margin-bottom:0.5em;}
.boxright p {line-height:140%;}
.padded {padding:8px}

/* background colors & default font sizes */
.paper {background-color:white}
.form {background-color:#FFFFCC}
.error {color:#FF0000; font-weight:bold}
.achtung {background-color:#FFF572}

/* #navTopLinks, #navTopLogo, #navTopMenu are single-instance object ids */

#navTopLinks {
	display:block;
	position:absolute; top:6px;	left:0px;
	margin-left:20px;
	font-weight:bold; }

#navTopLogo {
	display:block;
	position:absolute; top:0px;	right:8px;
	z-index:2; }

#navTopMenu {
	display:block;
	z-index:4;
	position:absolute; left:0px; top:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px; }

#navTopMenu ul {
	padding:0px;
	margin:0px 0px 0px 14px;
	list-style:none; } 
		
#navTopMenu li {	
	float:left;
	background:#6E7277 url(/images/grad20.png) repeat-x;
	padding:10px 10px 11px 10px;
	margin-right:2px;
	margin-bottom:0px;	
	display:block;
	/*height:35px;*/
	overflow:hidden; }

#navTopMenu li.current {
	color:#5E6266;
	border-top:4px solid #FFCC66;
	background:#F0F0F0 url(/images/grad10.png) repeat-x; }

#navTopMenu li a:hover {
	color:black; }	

#navTopMenu li a {
	text-decoration:none;
	color:white;}

#navTopMenu li.current a {
	text-decoration:none;
	color:black;}

	
/* left-side navigation block, level B */

ul.navListB {	
	display:block;
	list-style:none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	width:auto;
	margin:20px 0px 20px 0px;
	padding:0px;}

ul.navListB li {
	display:block;
	margin:8px 0px 0px 0px; 
	padding-right:8px; }

ul.navListB li a, ul.navListB li a:visited, ul.navListB li a:link {
	text-decoration:none; 
	color:#5E6266;
	font-weight:bold; }

ul.navListB li a:hover {
	text-decoration:underline; }
		
ul.navListB li.current {
	background: #E5E8EC url(/images/grad20.png) repeat-x;
	height:2em;
	padding-top:0.5em;
	font-weight:bold !important;
	border-left:10px solid #FFCC00; }


/* left-side navigation block, level C */

ul.navListC {
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
	margin-bottom:2em; }
	
ul.navListC li {
	display:block;
	color:#00548E }

ul.navListC li a, ul.navListC li a:visited, ul.navListC li a:link {	
	font-weight:normal;
	text-decoration:none;
	color:#6E7277; }

ul.navListC li a:hover {
	text-decoration:underline; }
	
ul.navListC li.current {
	border-left:8px solid #FFCC00; }

/* links placed on body background at top and bottom of page */
.menuD { 
	padding:8px 0px 4px 0px;
	font-size:9pt; 
	color:#D4D7DB; }
.menuD A:link, .menuD A:visited, .menuD A:active {color:#D4D7DB;text-decoration:none}
.menuD A:hover {color:white;text-decoration:underline}
		
/* bottom site map */
.sitemap {
	margin:1px 0px 12px 0px;
	padding:0px;
	height:auto;
	overflow:hidden;
	font-size:8pt;
	color:#D4D7DB;	
	background-color:#6E7277; }
.sitemap-column {
	margin:8px 1px 12px 0px;
	padding:4px 0px 4px 4px;	
	width:126px;
	height:210px;
	float:left }	
	
.divider {
	border-right:1px solid #7E8387; }
		
.sitemap A:link, .sitemap A:visited, .sitemap A:active {text-decoration:none;color:#E5E8EC}
.sitemap A:hover {color:black}
.sitemap ul {
	list-style:none;
	margin-left:8px;
	padding-left:0px; }
	
.sitemap li {
	margin-bottom:3px;
	margin-left:0px;
	padding-left:0px; }	

.sitemap h4 {
	margin-bottom:0px;
	margin-left:8px;
	padding-left:0px;
	color:#E5E8EC;
	font-size:120%;
	font-weight:bold;} 
.sitemap li.current {
	color:white;
	font-weight:bold !important;}	

/* outer frame that contains everything */
.container {
	width:800px;
	height:auto;
	overflow:hidden;
	margin:0px auto;
	position:relative;
}

/* layout box spaning full container width */
.boxmain {
	display:block;
	clear:both;
	width:100%;
	overflow:hidden;
}

/* layout wrapper used as container around .boxleft and .boxright */
.boxfull {	
	width:800px;	
	overflow:hidden;
	vertical-align:top;	
	background-color:white;	
}

/* left side navigation box */
.boxleft {
	float:left;
	width:150px;
	margin:0px;	
	padding:0px;
	vertical-align:top;	
	text-align:right;
	/*background-color:#F7FAFC url(/images/grad20.png) repeat-x;*/
	border-right:1px solid #D4D7DB;
}

/* righthand content area for pages with left-side navigation */
.boxright {
	float:right;
	width:610px;
	overflow:hidden;	
	margin:0px;
	padding:12px 20px 24px 16px;	
	vertical-align:top;
	background-color:white;		
}

/* inset layout box for pages w/o left-side navigation */
.boxinset {	
	width:776px;	
	overflow:hidden;
	vertical-align:top;	
	background-color:white;	
	padding:12px;
}

/* specify arbitrary areas for use with text content */
.content {
	vertical-align:top;
	background-color:white; }

.textflow {
	line-height:140%; }

/* teaser columns on homepage */
.teaser-column {
	float:left;
	overflow:hidden;
	height:220px;
	margin:0px 1px 0px 0px;	
	padding:0px 1px 0px 0px;
	vertical-align:top;	
	background-color:white;
}
.teaser-column p {padding:4px; font-size:9pt;}

/* column headings with gradient background */
.caption {
	clear:left;
	font-size:10pt;
	text-align:center;
	vertical-align:bottom;
	background:#C2C6CA url(/images/grad20.png) repeat-x;
	color:7E8387;	
	padding:4px;
	margin:0px;
	height:auto;
	min-height:20px;
}

.grad-small {
	background-image: url(/images/grad10.png);
	background-repeat:repeat-x;}

.grad-medium {
	background-image: url(/images/grad20.png);
	background-repeat:repeat-x;}

.grad-large {
	background-image: url(/images/gradsoft.png);
	background-repeat:repeat-x;}

/* ads and teasers in left navigation area */
.hint {
	display:block;
	font-size:8pt;
	text-align:right;
	line-height:120%;
	padding:8px;
}

/* lizard watermark picture */
.watermark {
	background-color: #FFFFFF;
	background-image: url(/images/fossil_background.gif);
	background-repeat: no-repeat;
	background-position: center;
}





/* PHP BB Styles */

/* This is the border line & background colour round the entire page */
.bodyline	{
	/* background-color: #FFFFFF;  */
	border: 2px #FFFFFF solid;
}

/* This is the outline round the main forum tables */
.forumline	{
	background-color: #FFFFFF; 
	border: 0px #FFFFFF solid;
}

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #F3F3F3; border-style: solid; border: black; border-width: 1px 1px 1px 1px; }
td.row2	{ background-color: #F3F3F3; border-style: solid; border: black; border-width: 1px 1px 1px 1px; }
td.row3	{ background-color: #F3F3F3; border-style: solid; border: black; border-width: 1px 1px 1px 1px; }

/*
  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; 
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #111111; font-weight : bold; font-size: 9pt;
	/* background-color: #FFFFFF; */
	height: 25px;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
	/* background-color:#FFFFFF;  */
	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 {
   height: 29px;
   border-width: 0px 0px 0px 0px;
   background-color:#F3F3F3;
}

td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
   background-color:#E3E3E3;
}

td.catHead {
   height: 29px;
   border-width: 0px 0px 0px 0px;
   /* background-color:#FFFFFF; */
}

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #000000; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
	background-color: #FFFFFF; 
	border: #FFFFFF; border-style: solid;
}

th.thHead,td.catHead { 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: 1px 0px 1px 0px; }
th.thCornerL { border-width: 1px 0px 1px 0px; }
th.thCornerR { border-width: 1px 0px 1px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle	{
	font-weight: bold; 
	font-size: 20pt;
	text-decoration: none; line-height : 120%; color : #333333;
}

/* General text */
.gen { font-size : 10pt; }
.genmed { font-size : 9pt; }
.gensmall { font-size : 8pt; }
.gen,.genmed,.gensmall { color : #111111; }
a.gen,a.genmed,a.gensmall { color: #111111; text-decoration: none; }
a.gen:visited,a.genmed:visited,a.gensmall:visited { color: #111111; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #396F89; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size: 9pt; color : #111111 }
a.mainmenu		{ text-decoration: underline; color : #396F89;  }
a.mainmenu:visited	{ text-decoration: underline; color : #396F89; }
a.mainmenu:hover{ text-decoration: underline; color : #396F89; }

/* Forum category titles */
.cattitle		{ font-size: 11pt; font-weight: bold; color : #396F89}
a.cattitle		{ text-decoration: none; color : #396F89; }
a.cattitle:visited		{ text-decoration: none; color : #396F89; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-size: 10pt; font-weight: bold; color : #396F89; }
a.forumlink 	{ text-decoration: none; color : #396F89; }
a.forumlink:visited 	{ text-decoration: none; color : #396F89; }
a.forumlink:hover{ text-decoration: underline; color : #396F89; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; color : #396F89; text-align: left; font-size: 9pt;}
a.nav			{ font-weight: bold; text-decoration: none; color : #396F89; text-align: left;}
a.nav:visited	{ font-weight: bold; text-decoration: none; color : #396F89; text-align: left;}
a.nav:hover		{ font-weight: bold; text-decoration: underline; color : #396F89; text-align: left;}

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-size: 10pt; font-weight: bold; color : #111111; }
a.topictitle:link   { text-decoration: none; color : #396F89; }
a.topictitle:visited { text-decoration: none; color : #396F89; }
a.topictitle:hover	{ text-decoration: underline; color : #396F89; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size: 8pt; color : #111111;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size: 8pt; color : #111111; }

/* The content of the posts (body of text) */
.postsubject { font-size: 11pt; font-weight:bold; line-height: 16pt; padding-left:12px; margin-bottom:4px;}
.postbody { font-size:9pt; color:black; padding-left:12px; padding-right: 12px; margin-top:0px;}
a.postlink:link	{ text-decoration: none; color : #396F89 }
a.postlink:visited { text-decoration: none; color : #396F89; }
a.postlink:hover { text-decoration: underline; color : #396F89}

/* Quote & Code blocks */
.code {
	font-size: 8pt; 
	color: #668400;
	background-color: #FAFAFA; border: #E3E3E3; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-size: 8pt; 
	color: #111111; 
	line-height: 16px;
	background-color: #FAFAFA; 
	border: #E3E3E3; 
	border-style: solid;
	border-width: 1px; 
}

/* Copyright and bottom info */
.copyright		{ font-size: 8pt; color: #111111; }
a.copyright		{ color: #396F89; text-decoration: none;}
a.copyright:visited		{ color: #396F89; text-decoration: none;}
a.copyright:hover { color: #396F89; text-decoration: underline;}

/* Form elements */

input, textarea, text, select, border {
	color : #111111;
	border-color: #111111;
	text-indent: 2px;
	margin: 2px;
	padding: 2px;
	font-size:12px;
/*	border-width: 0px; */
/*	border-style: solid; */
}

.noborder {
	border-color : white;
	margin 0px;
	padding 0px;
	border-width: 0px;
	border-style: none;
}

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #F3F3F3;
	color : #111111;
}

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

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

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