/*
  HPO Theme for phpBB version 2+
  Created by Jason Alsing
  http://www.alsingsonline.com
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body   {
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color: #006699;
	scrollbar-darkshadow-color: #98AAB1;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-track-color: #EFEFEF;
	background-color: #FFFFFF;
	background-color: #999999;
}

.dom_overview_abshidden {
        position: absolute;
        visibility: hidden;
        width: 300px;
}


/* General font families for common tags */
font,th,td,p  {
	color: #000000;
	font-family: Luucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a:link,a:active,a:visited   {
	color: #666666;
	text-decoration: none;
}

a:hover	 { 
	color: #FF0000; 
	text-decoration: none
}

hr { 
	border-style: solid; 
	border-width: 1px 0px 0px 0px; 
	border-color: #999999; 
	height: 0px; 
}

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

.bodyline2	{
	border: 0px #000000 solid;
	background-color: E9E9E9;
}


.forumline	  {
	font-size: none;
	background-color: #000000;
}

.forumline2	  {
	font-size: none;
	border: 1px #000000 solid;
	background-color: #999999;
}

/* Main table cell colours and backgrounds */
td.row1	  {
	background-color: #EBEBEB;
}
td.row2	   {
	border: none;
	background-color: #EBEBEB;
}
td.row3	  {
	background-color: #EBEBEB;
}


/*
  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 gray background.
  However, you could replace this with a bitmap specific for each forum
*/

td.rowpic {
                background-color: #E9E9E9;
                background-image: url(images/cellpic2.jpg);
                background-repeat: repeat-y;
}


/* Header cells - the red gradient backgrounds */
th	  { 
	color: #F2F0E9; 
	font-weight: bold; 
	font-size: 11px; 
	background-color: #850000;
	background-image: url(images/cellpic3.gif); 
	height: 25px 
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom  { 
	background-color: #CCCCCC;
	background-image: url(images/cellpic1.gif); 
	background-repeat: repeat-x;
	height: 25px
}


/*
  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: #CC0000;
	background-color: #BBBBBB;
}

th.thHead,td.catHead  { 
	font-size: 12px 
}
th.thSides,td.catSides,td.spaceRow	  { }
th.thRight,td.catRight,td.row3Right	  { }
th.thLeft,td.catLeft	   { }
th.thBottom,td.catBottom   { }
th.thTop	  { }
th.thCornerL  { }
th.thCornerR  { }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	 { 
	color: #666666; 
	font-weight: bold; 
	font-size: 18px; 
	font-family: Luucida Grande, Veerdana, Arial, Helvetica, sans-serif; 
	text-decoration: none; 
}

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall  { color: #000000 }
a.gen,a.genmed,a.gensmall   { 
	color: #666666; 
	text-decoration: none;
}

a.gen:hover,a.genmed:hover,a.gensmall:hover {
	color: #FF0000; 
	text-decoration: none;
}
/* Event Registration Begin */
.genoption0 { font-size : 12px; font-weight : bold; color : #CCCCCC; text-decoration:none; }
a.genoption00 { font-size : 12px; font-weight : bold; color : #CCCCCC; text-decoration:none; }
.genoption1 { font-size : 12px; font-weight : bold; color : #008000; text-decoration:none; }
a.genoption1 { font-size : 12px; font-weight : bold; color : #008000; text-decoration:none; }
.genoption2 { font-size : 12px; font-weight : bold; color : #0000ff; text-decoration:none; }
a.genoption2 { font-size : 12px; font-weight : bold; color : #0000ff; text-decoration:none; }
.genoption3 { font-size : 12px; font-weight : bold; color : #ff0000; text-decoration:none; }
a.genoption3 { font-size : 12px; font-weight : bold; color : #ff0000; text-decoration:none; }
/* Event Registration End */




/* The register, login, search etc links at the top of the page */
.menutable {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.mainmenu		  {
	color: #333333;
	font-size: 11px;
	font-weight: bold;
}

a.mainmenu		  {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

a.mainmenu:visited  { 
	color: #333333; 
	text-decoration: none; 
}

a.mainmenu:hover  {
	color: #FF0000;
	text-decoration: none;
}


/* Forum category titles */
.cattitle		  {
	color: #333333;
	font-weight: bold;
	font-size: 11px;

}
a.cattitle	 { 
	color: #000000; 
	text-decoration: none; 
}

a.cattitle:hover  { 
	color: #FF0000;
}


/* Forum title: Text and link to the forums used in: index.php */
.forumlink	 { 
	color: #000000; 
	font-weight: bold; 
	font-size: 12px; 
}
a.forumlink   { 
	color: #666666; 
	text-decoration: none; 
}
a.forumlink:hover  { 
	color: #FF0000; 
	text-decoration: none;
}


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav	  { 
	color: #494949; 
	font-weight: bold; 
	font-size: 10px;
}
a.nav	  { 
	color: 666666; 
	text-decoration: none; 
}
a.nav:visited  { 
	color: #666666; 
	text-decoration: none; 
}
a.nav:hover  { 
	color: #FF0000; 
	text-decoration: none;
}


/* titles for the topics: could specify viewed link colour too */
.topictitle  { 
	color: #333333; 
	font-weight: bold; 
	font-size: 11px; 
}
a.topictitle:link     { 
	color: #666666; 
	text-decoration: none; 
}
a.topictitle:visited   { 
	color: #666666; 
	text-decoration: none; 
}
a.topictitle:hover	  { 
	color: #FF0000; 
	text-decoration: none;
}


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

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


/* The content of the posts (body of text) */
.dom_overview_abshidden {
	position: absolute;
	visibility: hidden;
	width: 300px;
}
.postbody {
	font-size : 13px;
	font-family: Veerdana, Arial, Helvetica, sans-serif;
}
a.postlink:link	  { 
	color: #666666; 
	text-decoration: none; 
}
a.postlink:visited   { 
	color: #666666; 
	text-decoration: none; 
}
a.postlink:hover   { 
	color: #FF0000; 
	text-decoration: none;
}


/* Quote & Code blocks */
.code   {
	color: #000000;
	font-size: 13px;
	font-family: Courier, "Courier New", sans-serif;
	border: solid 1px #999999;
	background-color: #CCCCCC;
}

.quote   {
	color: #000000;
	font-style: italic;
	font-size: 12px;
	line-height: 125%;
	font-family: Luucida Grande, Veerdana, Arial, Helvetica, sans-serif;
	border: solid 1px #999999;
	background-color: #CCCCCC
}


/* Copyright and bottom info */
.copyright		 {
	color: #494949;
	font-size: 10px;
	font-family: Luucida Grande, Veerdana, Arial, Helvetica, sans-serif;
}
a.copyright { 
	color: #494949; 
	text-decoration: none; 
}
a.copyright:hover  { 
	color: #FF0000; 
	text-decoration: none;
}


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

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

input { text-indent : 2px; }

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

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

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

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

.smilie	  { 
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 10px;
}
a.smilie	  { 
	color: #F3C922; 
	text-decoration: none; 
}
a.smilie:visited  { 
	color: #F3C922; 
	text-decoration: none; 
}
a.smilie:hover  { 
	color: #F3C922; 
	text-decoration: none;
}


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