/* -----------------------------------------
	Kilka rzeczy ogolnych
-------------------------------------------- */
.pojCommentsHeader{
	background: url(../images/bg_news_top_lower.png) repeat-x;
	height: 25px;
	border-top: 1px solid #f1b88f;
	border-bottom: 1px solid #f1b88f;
	padding: 10px 0px 0px 12px;
}

	#pojContent .pojCommentsHeader h3{
		font-size: 16px;
		font-weight: bold;
		color: #000000;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: none;
	}
	
.pojCommentsLine{
	width: 100%;
	height: 30px;
	line-height: 0px;
	font-size: 0px;
	background-image: url(../images/bg_news_line.png);
	background-repeat: repeat-x;
	background-position: 0px 14px;
}

/* -----------------------------------------
	Komunikat - komentarz dodany
-------------------------------------------- */
#pojCommentAdded{
	padding: 34px 0px 34px 196px;
	border-bottom: 1px solid #F1B88F;
}

	#pojCommentAdded h3{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 315px;
		height: 23px;
		background: url(../images/txt_twoj_komentarz_dodany.png);
		border-bottom: none;
	}

/* -----------------------------------------
	Lista komentarzy przy newsie i pojedynku
-------------------------------------------- */
#pojNewsKomentarzeList{
	padding: 0px 0px 0px 0px;
}

	#pojNewsKomentarzeList .pojOne{
		padding: 14px 20px 14px 20px;
		color: #525252;
		font-size: 13px;
		font-weight: normal;
		border-bottom: 1px solid #f1b88f;
		background-color: #FCF2E2;
	}
	
	#pojNewsKomentarzeList .second{
		background-color: #FFF0D8;	
	}
	
		.pojAvkComments{
			float: left;
			margin-right: 10px;
		}
		.pojCommentLeft{
			float: left;
			width:300px;
		}
		.pojCommentOneUserName{
			display: block;
			float: left;
			color: #a4172d;
			font-size: 14px;
			font-weight: bold;
		}
		
		.txtZobaczScooldesk{
			float: left;
			padding: 4px 0px 0px 10px;
		}
		
			.txtZobaczScooldesk a{
				display: block;
				width: 118px;
				height: 9px;
				background-image: url(../images/gfx_button_zobacz_scooldesk.png);
				line-height: 0px;
				font-size: 0px;
			}
			
			.txtZobaczScooldesk a:hover{
				background-position: 0px -9px;
			}

		.pojCommentOneDate{
			font-size: 11px;
			color: #979797;
			display: block;
			margin-bottom: 5px;
		}

	#pojNewsKomentarzeList .pojNavi{
		padding: 14px 0px 14px 0px;
	}

/* -----------------------------------------
	Formularz dodawania komentarza (newsy i pojedynki)
-------------------------------------------- */
#fNewsComment{
	padding: 21px 9px 0px 9px;
}

	#fNewsComment .txtError{
		background-color: #dc0022;
	}
	
	#fNewsComment .txtError a{
		color: #ffffff;
	}
	
	.txtAddCommentError{
		display: block;
		width: 150px;
	}
	
		.txtAddCommentError span{
			display: block;
			color: #dc0022;
			background-image: url(../images/gfx_arrow_error.png);
			background-repeat: no-repeat;
			background-position: 0px 7px;
			font-size: 12px;
			font-weight: normal;
			padding: 3px 0px 5px 12px;
		}
		
			.txtAddCommentError span span{
				display: inline;
				background-position: right 4px;
				padding: 0px 12px 0px 0px;
			}

	#fNewsCommentTopLeft{
		float: left;
		width: 470px;
	}
	
	#fNewsCommentTopRight{
		float: right;
		width: 218px;
	}

		#txtKategoriaKomentarza{
			display: block;
			width: 152px;
			height: 14px;
			background: url(../images/txt_kategoria_komentarza.png) no-repeat;
			padding: 0px 0px 6px 0px;
		}
		
		#txtTrescKomentarza{
			display: block;
			width: 121px;
			height: 12px;
			background: url(../images/txt_tresc_komentarza.png) no-repeat 0px 20px;
			padding: 20px 0px 6px 0px;
		}
		
		#txtEmotikon{
			display: block;
			width: 62px;
			height: 11px;
			background: url(../images/txt_emotikon.png) no-repeat 0px 0px;
			padding: 0px 0px 6px 0px;
		}
		
		#fNewsComment select{
			width: 237px;
			height: 22px;
			background-color: transparent;
			border: 1px solid #c9c9c9;
		}
		
		#fNewsComment select.txtError{
			background-color: #dc0022;
		}
		
		#pojCommentsTexts{
			width: 448px;
			height: 132px;
			border: 1px solid #c9c9c9;
			overflow-y: scroll;
		}
		
			#pojCommentsTexts a{
				color: #525252;
				text-decoration: none;
				font-weight: normal;
				font-size: 12px;
			}
			
			#pojCommentsTexts a:hover{
				text-decoration: underline;
			}
			
		#pojCommentsImages{
			width: 200px;
			height: 180px;
			border: 1px solid #c9c9c9;
			overflow-y: scroll;
			padding: 7px 4px 7px 4px;
		}
		
			#pojCommentsImages ul{
				width: 180px;
				font-size: 0px;
				line-height: 0px;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
			}
		
				#pojCommentsImages li{
					float: left;
					width: 26px;
					height: 26px;
					padding: 2px 1px 1px 2px;
					border-right: 1px solid #c9c9c9;
					border-bottom: 1px solid #c9c9c9;
					cursor: pointer;
				}
				
				#pojCommentsImages li.active{
					border-right: 1px solid #f1b88f;
					border-bottom: 1px solid #f1b88f;
				}
				
				#pojCommentsImages li.beforeActive{
					border-right: 1px solid #f1b88f;
				}
				
				#pojCommentsImages li.firstFromLeft{
					border-left: 1px solid #c9c9c9;
					padding-left: 1px;
				}
				
				#pojCommentsImages li.firstFromTop{
					border-top: 1px solid #c9c9c9;
					padding-top: 1px;
				}
				
				#pojCommentsImages li.activeTop{
					border-top: 1px solid #f1b88f;
				}
				
				#pojCommentsImages li.activeLeft{
					border-left: 1px solid #f1b88f;
				}
				
				#pojCommentsImages li.overActive{
					border-bottom: 1px solid #f1b88f;
				}

	#fNewsCommentBottom{
		padding: 24px 0px 0px 0px;
	}

		#pojCommentBottomAvatar{
			float: left;
			width: 62px;
			height: 94px;
			background-repeat: no-repeat;
			background-position: 12px 24px;
			background-image: url(../images/gfx_avatar_default.png);
		}
		
		#pojCommentBottomPreviewLeft{
			float: left;
			width: 7px;
			height: 96px;
			background-image: url(../images/bg_comment_preview_left.png);
		}

		#pojCommentBottomPreview{
			float: left;
			width: 604px;
			height: 86px;
			padding: 4px 4px 4px 4px;
			border-top: 1px solid #c9c9c9;
			border-right: 1px solid #c9c9c9;
			border-bottom: 1px solid #c9c9c9;
			overflow-y: scroll;
		}

			#pojPreviewTextDefault{
				width: 278px;
				height: 34px;
				background-image: url(../images/txt_comment_preview_default.png);
			}
			
			#pojCommentBottomPreview span{
				color: #525252;
				text-decoration: none;
				font-weight: normal;
				font-size: 12px;
				cursor: pointer;
			}
			
			#pojCommentBottomPreview span:hover{
				text-decoration: underline;
			}
			
		#txtAbyUsunacTresc{
			display: block;
			background: url(../images/txt_aby_usunac_tresc.png) no-repeat 68px 4px;
			width: 367px;
			height: 15px;
			padding: 4px 0px 0px 68px;
		}

		#btnDodajKomentarz{
			margin-left: auto;
			width: 80px;
			padding-bottom: 20px;
		}

			#btnDodajKomentarz a{
				display: block;
				width: 60px;
				height: 25px;
				background-image: url(../images/gfx_button_dodaj.png);
			}

			#btnDodajKomentarz a:hover{
				background-position: 0px -25px;
			}