/* Based on the original Style Sheet for the fisubsilver v2 Theme for phpBB version 2+
Edited by Daz  - http://www.forumimages.com - last updated 26-06-03 */

/* The content of the posts (body of text) */
body
	{
	background:#748391 url(images/forumline_bg.gif);
	color:#000000;
	font:12px Verdana,Arial,Helvetica,sans-serif;margin:6px;padding:0;
	LEFTMARGIN:0;
	TOPMARGIN:0;
	MARGINWIDTH:0;
	MARGINHEIGHT:0;
	padding: 0;
	scrollbar-3dlight-color:#000000;
	scrollbar-arrow-color:#080808;
	scrollbar-darkshadow-color:#98aab1;
	scrollbar-face-color:#dee3e7;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#dee3e7;
	scrollbar-track-color:#efefef;
	}

/* General font families for common tags */
font,th,td,p{font:12px Verdana,Arial,Helvetica,sans-serif}

/* General text */
.gensmall{font-size:10px}
td.genmed,.genmed{font-size:11px}
td.genmed2,.genmed2{
	font-size:11px;
	background:#C5C7C7 url(images/forumline_bg.gif);
	color:#000000;
	font-weight:bold;
	white-space:wrap;
	text-align:center;
	padding-left:8px;
	padding-right:8px}
.explaintitle{font-size:11px;font-weight:bold;color:#000000}

/* General page style */
a:link,a:active,a:visited,a.postlink
	{
	color:#592D0A;
	text-decoration:none;

	}
a:hover
	{
	color:#405361;
	text-decoration: underline;
	}

/* titles for the topics:could specify viewed link colour too */
.topictitle{font-size:11px;font-weight:bold}
a.topictitle:visited{color:#5493b4}
a.topictitle:hover
	{
	color:#405361;
	text-decoration: underline;
	}

/* titles for the statistics mod tables only */
.cattitle{font-size:11px;font-weight:bold}
a.cattitle:visited{color:#5493b4}
a.cattitle:hover{color:#Fafafa}

/* titles for the topics:could specify viewed link colour too */
td.cathead{font-weight:bold;letter-spacing:1px;background:#C5C7C7;
height:29px;text-indent:4px}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name{font-size:11px;font-weight: bold}

hr{border: 0px solid #ffffff;border-top-width:1px;height:0px}

/* Category gradients*/
td.cat{font-weight:bold;letter-spacing:1px;background:#C5C7C7;
height:29px;text-indent:4px}

/* Main table cell colours and backgrounds */
.row1{background:#C5C7C7}
.row2,.helpline{background:#748391}
.row3{background:#C2BEB5}
td.spacerow{background:#C5C7C7}

/* This is for the table cell above the Topics,Post & Last posts on the index.php */
td.rowpic{background: #748391;}

/* Table Header cells */
th	{
	background:#C5C7C7 url(images/forumline_bg.gif);
	color:#000000;
	font-size:11px;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
	padding-left:8px;
	padding-right:8px}

/* This is the border line & background colour round the entire page */
.bodyline	
	{
	background: #748391;
	border:0px solid #000000;
	border-top: 0px;
	border-right: 1px;
	border-left: 1px;
	border-bottom: 0px;
	}
	

/* This is the outline round the main forum tables */
.forumline
	{
	background:#666666;
	padding: 0px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	}
/* This is a special hack for Countdown Mod tables */
.forumline2
	{
	background:#C5C7C7;
	padding: 0px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	}

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1{
font:bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;text-decoration:none;color:#000000}

.subtitle,h2{font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none}

/* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */
.nav{font-size:11px;font-weight:bold}
.postbody{
	font-size:12px;
	line-height:125%;	
	}

/* Location,number of posts,post date etc */
.postdetails{font-size:10px;color:#00396a;}

/* Quote blocks */

	
.quote
	{
	border:0px solid #000000;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	background:#C0C0C0;
	font:12px Courier,"Courier New",sans-serif;
	}
	

.quotetitle
	{
	background: #748391 url(images/forumline_bg.gif);
	border:1px solid #9ca9b4;
	padding:5px;width:90%;
	font-weight:bold; 
	text-align:left; 
	margin-top:10px;
	}
	
.quotediv
	{
	background:#C0C0C0;
	color:#006600;
	border:0px solid #000000;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	border-top:0; 
	font:12px Courier,"Courier New",sans-serif;
	padding:5px;
	overflow:auto;
	width:90%;
	text-align:left;
	}	
	
	

/* Code blocks */
.code
	{
	border:0px solid #000000;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	background:#C0C0C0;
	font:12px Courier,"Courier New",sans-serif;
	}
	

.codetitle
	{
	background: #748391 url(images/forumline_bg.gif);
	border:1px solid #9ca9b4;
	padding:5px;width:90%;
	font-weight:bold; 
	text-align:left; 
	margin-top:10px;
	}
	
.codediv
	{
	background:#C0C0C0;
	color:#006600;
	border:0px solid #000000;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	border-top:0; 
	font:12px Courier,"Courier New",sans-serif;
	padding:5px;
	overflow:auto;
	width:90%;
	text-align:left;
	}	
	
	

/* This is for the error messages that pop up */
.errorline
	{
	border:0px solid #000000;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	background:#C0C0C0;
	}
	
/* Form elements */
form{display:inline}

input
	{font:11px Verdana,Arial,Helvetica,sans-serif;
	}

select
	{background:#C5C7C7;
	font:11px Verdana,Arial,Helvetica,sans-serif;
	}

input.post,textarea.post
	{
	border:1px solid #000000;
	font:11px Verdana,Arial,Helvetica,sans-serif;
	padding-top:4px;
	padding-left:4px;
	border:0px solid #000000;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	background:#C0C0C0;
	}

input.button,input.liteoption,.fakebut
	{
	border:0px solid #000000;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	background:#C0C0C0;
	font-size:11px}
input.catbutton
	{
	border:0px solid #000000;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	background:#C0C0C0;
	font-size:10px
	}

input.mainoption
	{
	border:0px solid #000000;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	background:#C0C0C0;
	font-size:11px;
	font-weight:bold}

a.but,a.but:hover,a.but:visited
	{
	color:#000000;
	background: #C0C0C0;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	text-decoration:BOLD;
	}

/* This is the line in the posting page which shows the rollover
help line. Colour value in row2 */
.helpline{border:0 solid;font-size:10px}

/* This is the gradient background at the top of the page */
.topbkg
	{
	background: #738392;
	border: 0px solid #666666;
	border-width: 1px 1px 0px 1px;
	}
.topnav
	{
	font-size:10px;
	background: #C6C8C8; 
	padding-top: 2px;
	padding-bottom: 2px;
	color:#000000;
	text-decoration:BOLD;
	white-space:nowrap;
	border: 0px solid #666666;
	border-width: 0px 1px 0px 1px;
	}

/* Admin & Moderator Colours MODification */
.admin,.mod{font-size:10px;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:#Fafafa}

/* 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}

/* Background images for tables */
.tbl{border-collapse:collapse;height:4px;}
.tbll{background: url(images/tb4_l.gif) no-repeat;width:8px}
.tblbot{background: url(images/tb4_m.gif) repeat-x;width:100%}
.tblbot2{background: url(images/tb4_m.gif) repeat-x;width:427px}
.tblr{background: url(images/tb4_r.gif) no-repeat;width:8px}

.tblt{border-collapse:collapse;height:4px;width:100%}
.tbltl{background: url(images/top_left.gif) no-repeat;width:9px}
.tbltm
	{
	background: url(images/center_top.gif) repeat-x;
	width:50%;
	font-size:11px;
	font-weight:bold;
	height:20px;
	white-space:nowrap;
	text-align:left;
	}
	
.tbltmr
	{
	background: url(images/center_topright.gif) no-repeat;
	width:3px
	}
	
.tbltmr1
	{
	background: url(images/center_topright1.gif) repeat-x;
	width:50%;
	}
	
.tbltr
	{
	background: url(images/top_right.gif) no-repeat;
	width:9px;
	}



/* FI Colour Palette MOD - START */
.colouter,.col{border:1px solid #000;margin-left:10px}
.colouter{border-right-width:0;cursor:pointer}
.col{margin:0;padding:0 0 0 7px;display:inline;border-width:1px 1px 0 0;font-size:7px}
/* FI Colour Palette MOD - END */

abbr, acronym {
	border-bottom: 1px dotted #333;
	cursor: help;
}

.tab_links, a.tab_links:hover, a.tab_links:link, a.tab_links:active, a.tab_links:visited { 
	font-size: 11px;
	color: #82C5E3; 
	text-decoration: none;
}

a.tab_links:hover { 
	text-decoration: underline;
}

.tab_headers, th.tab_headers {
	color: #82C5E3; 
	font-size: 11px; 
	font-weight : bold;
	padding-left: 4px;
	padding-right: 8px;
	border: #82C5E3; 
	border-style: solid; 
	border-width: 1px 1px 0px 1px;
	background-color: #000000;
}

.tab_border	{ background-color: #E5E5E5; border: 0px;}

.filler, th.filler {
	background-color:#E5E5E5; 
	background-image:none;
}

.header_background
	{
	font-size:10px;
	color:#82C5E3;
/*	background: #000000 url(images/full_header_background.gif) repeat-x; */
	height: 95px;
	}
.half_header_background
	{
	color:#00C0FF;
/* 	background: #000000 url(images/half_header_background.gif) repeat-x; */
	height: 73px;
	}	
.nav_background
	{
	font-size:10px;
/*	background: #000000 url(images/nav_background.gif) repeat-x; */
	color:#FFF;
	height:33px;
	text-align:center;
	white-space:nowrap;
	border: 0px solid #91a0ae;
	}
.newsnav
	{
	background: transparent url(images/newsnav.gif) repeat-x;
	color:#82C5E3;
	height:29px;
	white-space:nowrap;
	}
	
.header_qlinks
	{
	background: #000000 url(images/qlinks_background.gif) repeat-x;
	font-size: 9px;
	v-align: top;
	}

.u_login
	{
	background: url(images/u_login.jpg) no-repeat;
	height: 27px;
	}
	
.u_password
	{
	background: url(images/u_password.jpg) no-repeat;
	height: 27px
	}
.login_bg
	{
	background: url(images/login_bg.gif) repeat-x;
	font-size: 9px;
	color: #FFFFFF;
	}

input.lsub { 
background-image: url(images/l_go.jpg);	
background-repeat: no-repeat;	
height: 22px;	
width: 69px;
border: 0px; 
cursor: default;
}

input.lsub1 { 
background-image: url(images/menu-search.gif);	
background-repeat: repeat-x;	
height: 33px;	
width: 74px;
border: 0px; 
cursor: default;
}

input.lsub_lite { 
background: url(images/l_go_lite.jpg) repeat-x;	
height: 22px;	
width: 69px; 
border: 0px; 
cursor: hand;
}

input.log { 
background: #C0C0C0;	
border: 1px inset #E0E0E0; 
font: 9px  Verdana, Arial, Helvetica, sans-serif,; 
line-height: 11px; 
padding-right: 4px;
color:#000000;
}	

.doiley { 
	background: TRANSPARENT url(images/doiley.gif) no-repeat left 0px; 
	}


.border_bot_center
	{
	background: #000000 url(images/border_bot_center.gif) repeat-x;
	color : #FFFFFF; 
	font: bold 9px  Verdana, Arial, Helvetica, sans-serif,; 
	line-height: 11px; 
	}
	
.border_side_left
	{
	background: #000000 url(images/border_side_left.gif) repeat-y;
	width: 45px;
	}
.border_side_right
	{
	background: #000000 url(images/border_side_right.gif) repeat-y;
	width: 45px;
	}
	
.border_top_right
	{
	background: #000000 url(images/border_top_right.gif) no-repeat;
	width: 45px;
	}	
.border_top_left
	{
	background: #000000 url(images/border_top_left.gif) no-repeat;
	width: 45px;
	}	
	
.topper	
	{
	background: TRANSPARENT url(images/search-bg.gif) repeat-x;
	height: 34px;
	}	
.btopper	
	{
	background: TRANSPARENT url(images/search-bbg.gif) repeat-x;
	height: 34px;
	}
/*
	Styled checkboxes and radio buttons.
	Created by Philip Howard, GamingHeadlines.co.uk
	Web: http://www.gamingheadlines.co.uk/wod/formstyle/index.html
*/
.checkbox {
	background: url(images/CheckboxUnchecked.gif) no-repeat center center;
	display: block; 
	width: 16px; 
	height:16px;
}
a.checkbox, a.checkboxchecked {
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	cursor: hand;
}
a.checkbox {
	background: url(images/CheckboxUnchecked.gif) no-repeat center center;
}
a.checkboxchecked {
	background: url(images/CheckboxChecked.gif) no-repeat center center;
}

.radiobox {
	background: url(images/RadioboxUnchecked.gif) no-repeat center center;
	display: block; 
	width: 16px; 
	height:16px;
}
a.radiobox, a.radioboxchecked {
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	cursor: hand;
}
a.radiobox {
	background: url(images/RadioboxUnchecked.gif) no-repeat center center;
}
a.radioboxchecked {
	background: url(images/RadioboxChecked.gif) no-repeat center center;
}

.inputhidden { display: none; }	


/*================ lightbox ================*/
/* #lightbox{	
	position: absolute;	
	left: 0; 
	width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0;
}
#lightbox img{ 
	width: auto; 
	height: auto;
}
#lightbox 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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ /*display: block; */
/*	background: transparent url(../../images/lightbox/blank.gif) no-repeat; */ /* Trick IE into showing hover *//*
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
*/
#img_container { height:120px; }
  #img_container ul {display:block;padding:0;margin:0;list-style:none;}
  #img_container ul li{float:left;width:100px;margin:10px;}
  #img_container ul li a img {
      width:93px;
      height:93px;
      border:1px solid #574331;
      padding:5px;
      background:#eee;
  }
  #img_container ul li a:hover img { border-color: darkred; }


