/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
  background-color           :#E1E1E1;
  color						 :#000000;

  font						 :12px Verdana,Arial,Helvetica,sans-serif;
  margin					 :1px;
  padding					 :0px;
}

/* General font families for common tags */
font,th,td,p 
{ 
  font-family: Verdana;  
  font-size: 11px; 
}

a:link,a:active,a:visited { color: #000000; text-decoration: none; }
a:hover	{ text-decoration: none; color : #c00; }

.vote { text-decoration: none; color : #19BB33; }

a.cal { text-decoration:none;
color:#c00; }
a.cal:visited { text-decoration:none;
color:#484848; }
a.cal:hover { text-decoration:none; 
color:#000080;}


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	
{
  font-weight: bold; 
  font-size: 22px; 
  font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
  text-decoration: underline; 
  color : #213975;
}

a.maintitle,h1,h2	
{
  font-weight: bold; 
  font-size: 22px; 
  font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
  text-decoration: underline; 
  color : #213975;
}

/* General text */
.gen { font-size : 11px; color : #000000; text-decoration: none;    }
a.gen { color: #ff0000; text-decoration: none; }
a.gen:visited	{ color: #ff0000; text-decoration: none; }
a.gen:hover	{ color: #19BB33; text-decoration: none; }

.genmed { font-size : 11px; color : #000000; text-decoration: none;}
a.genmed { color: #000000; text-decoration: none;}
a.genmed:visited	{ color: #000000; text-decoration: none; }
a.genmed:hover	{ color: #19BB33; text-decoration: none; }

.gensmall { font-size : 10px; color : #000000; text-decoration: none;}
a.gensmall { color:#000000; text-decoration: none; }
a.gensmall:visited	{ color:#000000; text-decoration: none; }
a.gensmall:hover { color: #ff0000; text-decoration: none; }

h3 {
	font:120% Verdana;
	margin:10px 0;
	font-weight:bold;
	border-bottom: 1px solid #c00;
}

h5 {
	font:13pt Verdana;
	margin:10px 0;
	font-weight:bold;
	color:#cc0000;
}

h6 {
	font:120% Verdana;
	margin:10px 0;
	font-weight:bold;
	color:#cc6633;
}

h7 {
	font:120% Verdana;
	margin:10px 0;
	font-weight:bold;
	color:#cc6633;
}

h4 {
	font:100%;
	margin:10px 0;
	font-weight:bold;
	color: #ff8000;
}

.view{
	font: Trebuchet MS;
	text-decoration:none;
    font-size: 11px; 
	color:#000000;
}

.cat{
	font: Trebuchet MS;
	text-decoration:none;
	font-weight:bold;
    font-size: 11px; 
	color:#000000;
}

a.cat { 
	font: Trebuchet MS;
	text-decoration:none;
	font-weight:bold;
    font-size: 11px; 
	color:#383838;
}
a.cat:visited	{ 
	font: Trebuchet MS;
	text-decoration:none;
	font-weight:bold;
    font-size: 11px; 
	color:#383838;
}
a.cat:hover	{ 
	font: Trebuchet MS;
	text-decoration:none;
	font-weight:bold;
    font-size: 11px; 
	color:#c00;
}

.index{
	font: Trebuchet MS;
	text-decoration:none;
	font-weight:bold;
    font-size: 11px; 
	color:#c00;
}

a.index { 
	font: Trebuchet MS;
	text-decoration:none;
	font-weight:bold;
    font-size: 11px; 
	color:#c00;
}
a.index:visited	{ 
	font: Trebuchet MS;
	text-decoration:none;
	font-weight:bold;
    font-size: 11px; 
	color:#c00;
}
a.index:hover	{ 
	font: Trebuchet MS;
	text-decoration:none;
	font-weight:bold;
    font-size: 11px; 
	color:#484848;
}

.footer { font-size : 10px;color : #fff; text-decoration: none; }
a.footer { color: #fff; text-decoration: underline; }
a.footer:visited	{ color: #fff; text-decoration: underline; }
a.footer:hover	{ color: #19BB33; text-decoration: overline; }

.genportal {   
   color: #000000;
   font-style: italic;
   font-size: 11px;
}

.gentext {   
   color: #000000;
   font-size: 12px;
   font-weight: bold;
}


.genhuge { font-size: 48px; color: #004801; text-decoration: none; font-weight: bold }

.gen2 { font-size : 14px;  color: #004801; text-decoration: none; font-weight: bold  }

.gensmall2 { font-size : 10px; color: #004801; text-decoration: none; }

.navsub { color : #004801; text-decoration: none; }


/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 12px; color : #c00; font-weight:bold; }
a.mainmenu		{ text-decoration: none; color : #c00;  }
a.mainmenu:visited { text-decoration: none; color : #c00; }
a.mainmenu:hover{ text-decoration: none; color : #19BB33; }


/* Forum category titles */
.cattitle		{ font-size: 11px; color : #ffffff; font-weight:bold}
a.cattitle		{ text-decoration: none; color : #fffff; font-weight:bold }
a.cattitle:visited { text-decoration: none; color : #ffffff; font-weight:bold }
a.cattitle:hover{  color: #19BB33; text-decoration: none; font-weight:bold }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ 
   color : #ffffff;    
   text-decoration:none; 
   font-weight: bold; 
   font-size: 18px; 
}

a.forumlink 	{ 
   color : #ffffff;    
   text-decoration:none; 
   font-weight: bold; 
   font-size: 18px; 
}

a.forumlink:visited { 
   color : #ffffff;    
   text-decoration:none; 
   font-weight: bold; 
   font-size: 18px; 
}

a.forumlink:hover{ 
   color : #ffffff;    
   text-decoration:none; 
   font-weight: bold; 
   font-size: 18px; 
}

.viewlink		{ font-size: 12px; color : #000000; }
a.viewlink 	{ text-decoration: none; color : #000000; }
a.viewlink:visited { text-decoration: none; color : #000000; }
a.viewlink:hover{ text-decoration: none; color : #19BB33; }

.red		{ font-size: 12px; color : #cc0000; font-weight:bold }
a.red 	{ text-decoration: none; color : #cc0000;  font-weight:bold }
a.red:visited { text-decoration: none; color : #cc0000;  font-weight:bold }
a.red:hover{ text-decoration: none; color : #19BB33;  font-weight:bold }

.nav { 
  font-family: Verdana;  
  font-size: 11px; 
color: #383838;
}
a.nav			{ 
text-decoration: none; 
color: #383838; 
  font-family: Verdana;  
  font-size: 11px; 
}
a.nav:visited { 
text-decoration: none; 
color: #383838; 
  font-family: Verdana;  
  font-size: 11px; 
}
a.nav:hover		{ 
text-decoration: none; 
color : #c00; 
  font-family: Verdana;  
  font-size: 11px; 
}


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 12px; color : #cc0000; }
a.topictitle:link   { text-decoration: none; color : #117B22; }
a.topictitle:visited { text-decoration: none; color : #117B22; }
a.topictitle:hover	{ text-decoration: underline; color : #c00; }


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

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

.username		{ font-size : 14px; color : #0000FF; }
a.username:link	{ font-size : 14px; color : #0000FF; }
a.username:visited { font-size : 14px; color : #0000FF; }
a.username:hover { font-size : 14px; color : #0000FF; }

/* The content of the posts (body of text) */
.postbody { font-size : 12px; color: #000000;}
a.postlink:link	{ text-decoration: underline; color : #213975; }
a.postlink:visited { text-decoration: none; color : #213975; }
a.postlink:hover { text-decoration: none; color : #19BB33; }


/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #004801; letter-spacing: -1px;}
a.copyright		{ color: #004801; text-decoration: none;}
a.copyright:link   { color : #c00; text-decoration: none;}
a.copyright:visited { color : #c00; text-decoration: none;}
a.copyright:hover { color: #19BB33; text-decoration: underline;}


/* Form elements */
textarea, select {
  background:#fafafa;
  font-size:10px;
  color: #000000
}


/* 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 { color : #004801; background-color: #708090; border-style: none; }

abbr, acronym
{
  border-bottom:1px dotted #FF0000;
  margin:0px;
  font: italic;
  color: red;
  cursor:help;
}

/* Admin & Moderator Colours MODification */
.admin,.mod {font-size:11px; font-weight:bold }
.admin,a.admin,a.admin:visited { color:#ffa34f }
.mod,a.mod,a.mod:visited { color:#006600 }
a.admin:hover,a.mod:hover {color:#dd6900 }


/* Specify the space around images */
.imgtopic,.imgicon { margin-left:3px }

.imgspace { margin-left:1px;margin-right:2px }

.imgfolder { margin:1px 4px 1px 4px }


/* Gets rid of the need for border="0" on hyperlinked images */
img { border:0 solid }


.orionmenu { padding:2px; }

.opac img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: 0.7;}
 
.opac:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1;} 

/* Lexicon navigation*/
.letter { font:bold 10pt Verdana; text-decoration:none }
.letter:hover { text-decoration:underline }
.letter2 { font:bold 11pt Verdana; text-decoration:none; }
.letter3 { font:bold 10pt Verdana; color:#C0C0C0 }

/* Lexicon categorie */
.categorie { font: 7pt Verdana; color:#B0B0F0; text-decoration:none }

/* Lexicon crosslinks */
crosslink: { color : #000000; }
a.crosslink:link { text-decoration: none; color : #117B22; }
a.crosslink:visited { text-decoration: none; color : #117B22; } 
a.crosslink:hover { text-decoration: none; color : #c00; }


.jumpbox_title {
   color: #000000;
   font-style: italic;
   font-size: 12px;
   font-weight: bold;
}

.jumpbox_forum {
   color: #000000;
   font-style: normal;
   font-size: 12px;
}

.jumpbox_active {
   color: #000000;
   font-style: italic;
   font-size: 12px;
}

a.vbmh
{
	background-color: #cccccc;
	color: #000;
	font-size: 8pt;
	font-weight: bold;
  background-image: url(images/cellpic3.gif);
}

a.vbmh:hover
{
	color: #000;
}

.vbm { font-family: Verdana, Tahoma, Arial, "Times New Roman", serif; font-size : 10pt; background-color: #ccc; }

#dropmenudiv{
position:absolute;
border:1px solid #000000;
border-bottom-width: 1px;
font:normal 12px Verdana;
white-space: nowrap;
line-height:18px;
z-index:100;
text-align:left;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #CCCCCC;
color: #000;
padding: 1px 0;
text-decoration: none;
}

#dropmenudiv a:hover{
background-color: #ffffff;
color: #383838;
}

#tspan a {
display:block;
text-indent: 3px;
padding: 2px;
font:bold 12px Verdana;
}

#greybox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#greybox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}