/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background: url(images/bgforum.jpg) #1d1d1d no-repeat top center;
margin:0 auto;
padding:0;
text-align:center;
}

img {border:none; padding:0; margin:0;}

span.COUNTER br {display:none;}

/* DIV style */

#content {width:974px; height:auto; padding:0; background-color:	#151515; margin:0 auto; } /*stała szerokość forum oraz kolor tła forum*/

#wraper {width:966px; height:auto; padding:0;  margin:0 auto;   } /*szerokość tabel forum poniżej topa*/

#forum {width:auto; height:auto;}

#logo {background: #222 url(images/header.jpg) no-repeat; overflow:hidden; width:974px; height:209px;  text-align:left;} /* ustawienia topa strony */

#infoheader {overflow:hidden;  width:974px; height:22px; }

.infotop {height:16px; _height:22px; width:801px; _width:813px; background:transparent; float:left; padding:6px 0 0 12px;}
.infologin {height:22px;  width:161px; background:transparent; float:left;}
.infotop span {color:#777373; font-size:10px;}

.rejimg {margin-left:10px; margin-top:7px;}
.naszeserwery {width:974px; height:36px;  background: url(images/naszeserwery.jpg) #222  no-repeat;}


#menuheader {overflow:hidden;  width:974px; height:33px; }
.menuheaderleft {width:634px; height:33px; background:transparent; float:left;}
.menuheaderright {width:340px; height:33px; background:transparent; float:left; position:relative;}

.inputlogin {background: url(images/inputlogin.jpg) no-repeat; width:129px; height:18px; color:#0D0E0F;
	position:absolute; top:8px; right:185px;
	font-size:10px;} 	 /*ustawienia pola logowania "nick"*/

.inputpassword {background: url(images/inputhaslo.jpg) no-repeat; width:129px; height:18px; color:#0D0E0F;
	position:absolute; top:8px; right:44px;
	font-size:10px;}    /*ustawienia pola logowania "hasło"*/

.zaloguj {background: url(images/submitzaloguj.jpg) no-repeat; width:20px; height:15px;
	position:absolute; top:8px; right:11px;}    /*ustawienia pola logowania "zaloguj"*/
	
#logowl  {overflow:hidden;  width:974px; height:154px; position:relative; }
.reklamalogo {margin:36px 0 0 41px;}
.ultrastyle {position:absolute;
right:207px;
top:10px;
}

.zapamietaj{position:absolute; right:207px; top:151px; color:#fcfcfc;}
.zapamietajinput {position:absolute; right:187px; top:148px;}
a.przypomnij {position:absolute; right:38px; top:149px; color:#fcfcfc; text-decoration: none;}
a.przypomnij:hover {  text-decoration: underline;}
a.zare { color:#2dbffc; text-decoration: none; font-weight:bold;}
a.zare:hover { color:#3cc2fa; text-decoration: underline; font-weight:bold;}
.rejestracja {position:absolute; right:39px; top:134px;  }
.loginin  {position:absolute; right:7px; top:10px;  }
a.loginlinki,a.loginlinki:hover {font-size:11px; font-weight:bold; color:#ffffff; text-decoration: none;}
.witajna {position:absolute; left:117px; top:11px;  }
.data  {position:absolute; left:303px; top:11px; }

#stopka {background: url(images/stopka.jpg) no-repeat; overflow:hidden; width:974px; height:41px; padding:0; margin:0 auto; text-align:left;} /* ustawienia stopki strony */
.stopkabg {width:100%; background: url(images/bgbottom.jpg) no-repeat bottom center #1d1d1d;}

.sponsorzy {width:966px; height:36px; background: url(images/sponsorzy.jpg) no-repeat bottom center #1d1d1d;}

.COUNTER {margin-left:5px;}

.bgstaty {background: url(images/bgstaty.jpg) repeat-x top left #151515; padding:5px;}

/* Ustawienia menu */

ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:600px; 	/* szerokość menu*/
	position:relative;
	display:block;
	height:30px;   	/* wysokość menu*/
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	background:transparent  /* tło menu*/
	font-family:Helvetica,Arial,Verdana,sans-serif;
	
}
ul#menu li{
	display:block;
	float:left;
	width:auto;
	margin:0;
	padding:0;}
ul#menu li a{
	display:block;
	float:left;
	color:#8b8e97;   
	width:auto;
	text-decoration:none;
	font-weight:bold;
	padding:11px 14px 0;
	height:24px;
	
	}
ul#menu li a:hover{
	background:transparent url("images/hover.png") no-repeat center bottom; 	/* efekt podświetlenia menu*/
	color:#fff;
	}


 /*tło dla każdej komórki forum na stronie głównej */

.row3q {
	background:url(images/rowq3images.jpg) no-repeat top left #161616;
	border-top: 2px solid  #161616;
	
	}
	
.row1q {
	background:url(images/rowq1images.jpg) no-repeat top left #161616;
	padding:5px;
	border-top: 2px solid  #161616;
	}
	
.row2q {
	background:url(images/rowq2images.jpg) no-repeat top right #161616;
	color:#e5423f;
	font-weight:bold;
	font-family:verdana;
	font-size:12px;
	border-top: 2px solid  #161616;
	}
	
.row4q {
	background:url(images/rowq4images.jpg) no-repeat top right #161616;
	border-top: 2px solid  #161616;
	}
	
	
	
th.spec1 {background:url(images/cellpicgl.jpg) no-repeat #1c1c1e top left; height:38px;  font-weight:bold;color:#f3f3f3; font-size:12px;}
th.spec2 {background:url(images/cellpicgl2.jpg) no-repeat #1c1c1e top left; height:38px; font-weight:bold; color:#ff0000;}
th.spec3 {background:url(images/cellpicgl1.jpg) repeat-x #1c1c1e top left; height:38px;  font-weight:bold; color:#ff0000;}
th.spec4 {background:url(images/cellpicgl.jpg) no-repeat #1c1c1e top right; height:38px; font-weight:bold; color:#ff0000;}



/* General font families for common tags */
font,th,td,p, div			{ font-family: Tahoma, Arial, Helvetica, sans-serif; }
a:link,a:active,a:visited	{  font-family: Tahoma; color : #e5423f; text-decoration: none;}
p, td ,div		{ font-size : 11px; color : #cccccc; }
a:hover			{ text-decoration: underline; color : #FFFFFF; }
hr				{ height: 0px; border: solid #2F2F2F 0px; border-top-width: 1px; }

/* This is the border line & background colour round the entire page */
.bodyline { background-color: #161616; border: 1px #98AAB1 solid; }  /* --> ustaw w  #content */

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

/*
Start Advanced BBCode Box MOD
*/
.postimage {
	cursor: pointer;
	cursor: hand;
}
.postimage:hover {
	background-color: #C2CFE5;
	cursor: pointer;
	cursor: hand;
}

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

td.row_beer1 { background:#0e0e0f; font-weight:bold; padding:3px; }
td.row_beer2 { background:#0e0e0f; font-weight:bold; padding:3px;}


/*
	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;
background-image: url('images/cellpic2.jpg');
background-repeat: repeat-y; height: 22px;
}

/* Header cells - the blue and silver gradient backgrounds */
th {
font-size: 11px; font-weight: bold;
background-color:	#000; height: 32px;
background-image:	url(images/cellpic3.png);
}

td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(images/cellpic7.jpg);
background-color:#D1D7DC; 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,td.catHead,td.catBottom { background-color: #C7D0D7; background-image: url('images/cellpic7.jpg'); height: 22px; }
th.thHead,th.thSides,th.thLeft,th.thRight,th.thBottom {
font-weight: bold; color: #FFFFFF; height: 28px; background: url(images/cellpic8.jpg) repeat-x; border:none;
}

th.thCornerL,th.thTop,th.thCornerR {color: #fff; font-size: 12px; font-weight: bold; 
background-color: #222; background-image: url('images/cellpic7.jpg'); height: 36px; }

th.thCornerL1,th.thTop1,th.thCornerR1 {color: #fff; font-size: 12px; font-weight: bold; 
background-color: #222; background-image: url('images/cellpic3.png'); height: 36px; }


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

th.thHead,td.catHead			{ font-size: 12px; border-width: 0px; }
th.thSides,td.catSides,td.spaceRow	{ border-width: 0px; }
th.thRight,td.catRight,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 : #cccccc;
}

/* General text */
.gen						{ font-size : 11px; }
.genmed					{ font-size : 11px; }
.gen,.genmed,.gensmall			{ color : #b7b0b0;font-size : 11px; }
a.gen,a.genmed,a.gensmall			{ color: #b7b0b0; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #fff; text-decoration: underline; }
a.autor, a.autor:hover {color: #efefef; text-decoration: none;}

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #dfdfdf; }
a.mainmenu		{ text-decoration: none; color : #dfdfdf; }
a.mainmenu:hover	{ text-decoration: underline; color : #dfdfdf; }

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #dfdfdf;}
a.cattitle		{ text-decoration: none; color : #dfdfdf; }
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 : #e5423f; }
a.forumlink:hover	{ text-decoration: underline; color : #fff; }
a.forumlink		{ text-decoration: none; color : #e5423f; }

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

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

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

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

/* The content of the posts (body of text) */
.postbody		{ font-size : 12px; line-height: 18px; }
a.postlink:link	        { font-weight: bold; text-decoration: none; color : #e5423f; }
a.postlink:visited	{ font-weight: normal; text-decoration: none; color : #e5423f; }
a.postlink:hover	{ font-weight: bold; text-decoration: underline; color : #FFFFFF; }

/* Quote & Code blocks */
.code {
-webkit-border-radius: 15px; /* Safari, Chrome */
-khtml-border-radius: 15px;    /* Konqueror */
-moz-border-radius: 15px; /* Firefox */
border-radius: 15px;
font-family:		Courier, 'Courier New', sans-serif; font-size: 11px; color: #dfdfdf;
background-color:	#2F2F2F; border: #424242; border-style: solid;
border-left-width:	1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;

padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
}


.quote {
-webkit-border-radius: 15px; /* Safari, Chrome */
-khtml-border-radius: 15px;    /* Konqueror */
-moz-border-radius: 15px; /* Firefox */
border-radius: 15px;

font-family:		Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #dfdfdf; line-height: 125%;
background-color:	#2F2F2F; border: #424242; border-style: solid;
border-left-width:	1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;

padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
}


/* Copyright and bottom info */
.copyright		{ font-size : 12px; color: #898888; font-family: Tahoma, Arial, Helvetica, sans-serif; }
a.copyright		{ text-decoration: none; color : #898888; }
a.copyright:hover	{ text-decoration: underline; color : #dfdfdf; }

.copyright1		{ font-size : 12px; color: #000; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:bold;
}
a.copyright1	{ text-decoration: none; color : #000; }
a.copyright1:hover{ text-decoration: underline; color : #000; }

.copyright2		{ margin-left:118px; font-size : 12px; color: #000; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:bold;
}
/* Form elements */

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

input,textarea, select {
color : #cccccc;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
background-color : #1D1D1F; border: 1px solid #4F4F4F;
}

/* The text input fields background colour */
input.post, textarea.post, select			{ background-color : #1D1D1F; border: 1px solid #4F4F4F; }
input.post2, textarea.post2, select	{ background-color : #1D1D1F; border: 1px solid #4F4F4F; }
input						{ text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
background-image : url(images/button.gif); repeat-x
color :			#000000;
font-size:		11px;
font-family: Tahoma;
font-weight: bold;
cursor:			pointer; padding:1px;

}

/* The main submit button option */
input.mainoption {
background-image : url(images/button.gif); repeat-x
font-weight: bold;
font-family: Tahoma;
cursor:			pointer;
}

/* None-bold submit button */
input.liteoption {
background-image : url(images/button.gif); repeat-x
font-weight: bold;
font-family: Tahoma;
cursor:			pointer;
}
input.liteoption_search {
background-image : url(images/button.gif); repeat-x
font-weight: bold;
font-family: Tahoma;
cursor:			pointer;
}
input.liteoption_3 {
background-image : url(images/button.gif); repeat-x
font-weight: bold;
font-family: Tahoma;
cursor:			pointer;
}
input.liteoption_4 {
background-image : url(images/button.gif); repeat-x
font-weight: bold;
font-family: Tahoma;
cursor:			pointer;
}
input.liteoption_5 {
background-image : url(images/button.gif); repeat-x
font-weight: bold;
font-family: Tahoma;
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: #1F1F1F; 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:#0075AF;
height: 21px; white-space: nowrap; text-align: center; border: 0px solid #91a0ae; border-width: 1px 0 1px 0; }

.pm { font-size: 11px; text-decoration: none; color: #FF0000; } 

.table0
{
	background-color : #222;
	border-bottom-color : #2F2F2F;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	
	
	border-top-color : #b5b5b5;
	border-top-style : solid;
	border-top-width : 0px;
	color : #cccccc;
	font-size : 10px;
}

.pagination {
	color: #666;
	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: #EAEBEB;
	color: #000;
	border-color: #D4D7DA;
	border: #D4D7DA 1px solid;
	padding: 1px;
	text-decoration: none;
}
.pagination a:hover {
	background-color: #FFF;
	color: #666;
	border-color: #EAECEF;
	border: #EAECEF 1px solid;
	text-decoration: none;
	padding: 1px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border:none;
overflow: scroll; /*leave this value alone*/
width:686px; /*Width of Carousel Viewer itself*/
height: 70px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-top:13px; /*margin around each panel*/
width: 120px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.roratebaner {overflow:hidden;  width:964px; height:73px; background: url(images/bgwymiana.jpg) no-repeat transparent; margin:0 auto;}
.roratebanerleft {float:left; width:728px; height:73px;}
.roratebanerright{float:left; width:236px; height:73px; text-align:left; padding-top:8px;}

.inforeklama {color:#000; font-size:11px;  font-weight:bold; line-height:20px;}

.seotags { text-decoration: none; font-weight: bolder; color: #a4a4a4; }
a.seotags { color: #5d5d5d; font-weight: bolder; text-decoration: none; }
a.seotags:hover { color: #e5423f; font-weight: bolder; text-decoration: underline; }

.seotags_2 { text-decoration: none; font-weight: bolder; font-size: large; color: #a4a4a4; }
a.seotags_2 { color: #e5423f; font-weight: bolder; font-size: large; text-decoration: none; }
a.seotags_2:hover { color: #ffffff; font-weight: bolder; font-size: large; text-decoration: underline; }

.beer		{ font-weight: bold; font-size: 9px; color : #e5423f; }
a.beer		{ text-decoration: none; color : #e5423f; }


td.row4{background-color:#1f1f1f;border:1px solid #292929;text-align:center}
td.row5{background-color:#1a1a1a;border:1px solid #242424;text-align:center}

.pwdChkTbl {font-family:Tahoma,sans-serif; font-weight:bold; width:200px; border:0; 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}

a.profile_menu:link	{ text-decoration: none; color : #FFFFFF; }
a.profile_menu:visited	{ text-decoration: none; color : #FFFFFF; }
a.profile_menu:hover	{ text-decoration: underline; color : #b3b3b3; }

#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 */

/* Resizable textarea */
.grippie {
	background: #EEEEEE url(images/grippie.png) no-repeat scroll center 2px;
	border-color: #B4BAC0;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	cursor: s-resize;
	height: 9px;
	overflow: hidden;
}

.grippie:active {
	border-color: #DDDDDD;
}

.resizable-textarea textarea {
	display: block;
	margin-bottom: 0;
	width: 95%;
	height: 20%;
}

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