/* General page style. The scroll bar colours only visible in IE5.5+ */
body { 
background-color:		#FFFFFF;
scrollbar-face-color:		#E4E9ED;
scrollbar-highlight-color:	#FFFFFF;
scrollbar-shadow-color:		#BACADC;
scrollbar-3dlight-color:	#D1D7DC;
scrollbar-arrow-color:		#006699;
scrollbar-track-color:		#F3F8FD;
scrollbar-darkshadow-color:	#4E6E8E;
background-image:		url();
margin:				0px;
}

/* General font families for common tags */
font,th,td,p			{ font-family: Verdana, Arial, Helvetica, sans-serif; }
a:link,a:active,a:visited	{ color: #3E6DA7; text-decoration: none; }
a:hover				{ text-decoration: underline; color: #5A81A9; }
p, td				{ font-size: 11px; color: #4D6E90; }
hr				{ height: 0px; border: solid #F3F8FD 0px; border-top-width: 1px; }

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

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

/* Main table cell colours and backgrounds */
td.row1				{ background-color: #FFFFFF; }
td.row2				{ background-color: #F3F8FD; }
td.row3				{ background-color: #FFFFFF; }
td.row_helped			{ background-color: #F3F8FD; }

/*
	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: #F3F8FD; background-repeat: repeat-y; height: 14px; }

/* Header cells - the blue and silver gradient backgrounds */
th				{ color: #4D6E90; font-size: 11px; font-weight: bold; background-color:	#FFFFFF; height: 22px;
				  background-image: url('images/cellpic3.jpg'); }

td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image:		url('images/cellpic3.jpg');
background-color:		#D1D7DC;
border:				#FFFFFF;
border-style:			solid;
height:				22px;
}

/*
	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 	{ background-color: #F3F8FD; height: 22px; }

th.thHead,th.thSides,th.thLeft,th.thRight,th.thBottom {
font-weight:			bold;
border:				#FFFFFF;
height:				22px;
}

th.thCornerL,th.thTop,th.thCornerR { 
color:				#4D6E90;
font-size:			70%;
font-weight:			bold;
background-color:		#FFFFFF;
background-image:		url('images/cellpic3.jpg'); 
height:				22px;
}

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

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

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

/* General text */
.gen				{ font-size: 12px; }
.genmed				{ font-size: 11px; }
.gensmall			{ font-size: 10px; }
.gen,.genmed,.gensmall		{ color: #4D6E90; }
a.gen,a.genmed,a.gensmall	{ color: #3E6DA7; text-decoration: none; }
a.gen:hover			{ color: #3E6DA7; text-decoration: underline; }
a.genmed:hover			{ color: #3E6DA7; text-decoration: underline; }
a.gensmall:hover		{ color: #3E6DA7; text-decoration: underline; }

/* Who is online & Shoutbox */
.wio				{ font-size: 12px; color: #4D6E90; font-weight: bold; text-align: left; }
a.wio				{ text-decoration: none; color: #4D6E90; font-weight: bold; text-align: left; }
a.wio:hover			{ text-decoration: none; color: #4D6E90; font-weight: bold; text-align: left; }
a.wio:visited 			{ color: #4D6E90; font-weight: bold; text-align: left; }
a.wio:active 			{ color: #4D6E90; font-weight: bold; text-align: left; }

/* The register, login, search etc links at the top of the page */
.mainmenu			{ font-size: 11px; color: #4D6E90 }
a.mainmenu			{ text-decoration: none; color: #4D6E90; }
a.mainmenu:hover		{ font-weight: bold; text-decoration: none; color: #4D6E90; }
td.mainmenu			{ text-decoration: none; color: #4D6E90; text-align: center; }
td.mainmenu:hover		{ background-image: url('images/pasek.jpg'); height: 22px; color: #4D6E90; text-decoration: none;
				  text-align: center; font-weight: bold; }

.menutop			{ font-size : 12px; color: #4D6E90 }
a.menutop			{ text-decoration: none; color: #4D6E90; }
a.menutop:hover			{ text-decoration: underline; color: #4D6E90; }

/* Forum category titles */
.cattitle			{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color: #4D6E90}
a.cattitle			{ text-decoration: none; color : #4D6E90; }
a.cattitle:hover		{ text-decoration: underline; }

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

/* 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 : #4D6E90;}
a.nav				{ text-decoration: none; color : #4D6E90; }
a.nav:hover			{ text-decoration: underline; }

/* Titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2		{ font-weight: bold; font-size: 11px; color: #4D6E90; }
a.topictitle:link		{ text-decoration: none; color: #4D6E90; }
a.topictitle:visited		{ text-decoration: none; color: #5493B4; }
a.topictitle:hover		{ text-decoration: underline; color: #DD6900; }

/* Bottom */
td.bottom			{ background-image: url('images/cellpic3.jpg'); color: #4D6E90; font-size: 11px; font-weight: bold; height: 22px; }

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

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

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

/* Quote & Code blocks */
.code				{ font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #4D6E99; background-color: #F3F8FD;
				  border: #BACADC; 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: #4D6E99; line-height: 125%;
				  background-color: #F3F8FD; border: #BACADC; border-style: solid; border-left-width: 1px; border-top-width: 1px;
				  border-right-width: 1px; border-bottom-width:	1px; }
.sbquote			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4D6E90; line-height: 125%;
				  background-color: #F3F8FD; border: #BACADC; 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; color: #4D6E90; font-family: Verdana, Arial, Helvetica, sans-serif; }
a.copyright			{ text-decoration: none; color: #3A6DA7; }
a.copyright:hover		{ text-decoration: underline; color: #3E6DA7; }

/* Form elements */

form				{ margin: 0; }
form				{ display: inline; }

input,textarea, select		{ color: #4D6E90; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }

/* The text input fields background colour */
input.post, input.post2,	{ background-color: #F3F8FD; }
textarea.post,textarea.post2,	{ background-color: #F3F8FD; }
select				{ background-color: #F3F8FD; }
input				{ text-indent: 2px; }

/* The buttons used for bbCode styling in message post */
input.button			{ background-color: #F3F8FD; color: #4D6E91; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; 					  cursor: pointer; border: 1px #000000 solid; }

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

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

/* Quick login on the top */
input.login			{ background-image: url('images/sl/login_text.jpg'); width: 122px; height: 14px; border: 0px; }
input.haslo			{ background-image: url('images/sl/haslo_text.jpg'); width: 125px; height: 14px; border: 0px; }
input.zaloguj			{ background-image: url('images/sl/zaloguj.jpg'); width: 66px; height: 18px; border: 0px; cursor: pointer; }

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

/* Highlight bad words for moderators instead of censoring them */
span.badwordhighlight		{ background-color: #FFFF00; }
.topbkg				{ background: #DBE3EE url('images/cellpic_bkg.jpg') repeat-x; }
.topnav				{ font-size: 10px; background: #E5EBF3 url('images/cellpic_nav.gif') repeat-x; color: #DD6900; height: 21px;
				  white-space: nowrap; text-align: center; border: 0px solid #91A0AE; border-width: 1px 0px 1px 0px; }
.pm				{ font-size: 11px; text-decoration: none; color: #FF0000; } 
.table0				{ background-color: #EFEFEF; color: #000000; font-size: 10px; }

/* Pagination */
.pagination			{ color: #4D6E90; font-size: 10px; font-weight:	bold; padding: 3px; padding-bottom: 4px; cursor: pointer;
				  text-decoration: none; }

.pagination a, .pagination a:visited, .pagination a:active {
background-color:		#F3F8FD;
color:				#000000;
border-color:			#BACADC;
border:				#BACADC 1px solid;
padding:			1px;
text-decoration:		none;
}
.pagination a:hover {
background-color:		#EDF4FA;
color:				#666666;
border-color:			#BACADC;
border:				#BACADC 1px solid;
text-decoration:		none;
padding:			1px;
}

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

.pwdChkTbl			{ font-family: Tahoma,sans-serif; font-weight: bold; width: 200px; border: 0px; height: 5px; }
.pwdChkTbl span 		{ font-size: 70%; }
.pwdChkCon0			{ border: solid 0px }
.pwdChkCon1			{ background-color: #FF4545; border: solid 0px }
.pwdChkCon2			{ background-color: #FFD35E; border: solid 0px }
.pwdChkCon3 			{ background-color: #3ABB1C; border: solid 0px }
.pwdChkCon4			{ background-color: #3ABB1C; border: solid 0px }

/* Lightbox */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: 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; 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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

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