@import 'common.css';
a
{
	color: #B62222;
	text-decoration: underline;
}
	a img
	{
		border: none;
	}
	
textarea
{
	border: 1px solid #F0ABAB;
	background: #FFFFF0;
	font-size: 11px;
}
.red
{
	color: #CE0000;
}
.dNone
{
	display: none;
}

/** Górna belka **/
#topBg
{
	width: 100%;	
	background: url(../gfx/body_bg.gif) repeat-x top;
	margin: 0px;
	border-bottom: 1px solid #292929;
}
#top
{
	background: url(../gfx/top_bg.gif) repeat-x;
	width: 1000px;
	height: 47px;
	margin: 0px;
	text-align: left;
	margin: auto;
}
	#top .input
	{
		margin: auto;
		width: 600px;
		float: left;
	}
	#top .logo
	{
		float: left;
	}
	#top .searcher
	{
		float: left;
		margin: 10px 0px 0px 0px;
		width: 350px;
	}
	#top .btn
	{
		float: left;
		margin: 13px 0px 0px 0px;
	}
	
#searcher
{
	width: 325px;
	background: url(../gfx/inputbg.gif) repeat-x;
	border: 1px solid #F1B2B2;
	height: 20px;
	color: #B22323;
	padding: 3px 2px 0px 2px;
}
input.text
{
	background: url(../gfx/inputbg.gif) repeat-x;
	border: 1px solid #F1B2B2;
	padding: 3px 2px 0px 2px;
	height: 18px;
	font-size: 11px;
}

.options
{
	float: right;
}
	.options strong
	{
		color: #CECECE;
	}
	.options div
	{
		float: left;
		padding: 10px 0px 0px 20px;
		color: #969696;
		font-size: 11px;
		font-family: Tahoma, Verdana, Arial;
	}
	.options div.link
	{
		margin: 5px 0px 0px 40px;
	}
		.options div.link a
		{
			font-weight: bold;
			text-decoration: underline;
			font-size: 11px;
		}
	.options div img
	{
		float: left;
		margin-right: 5px;
	}
		.options div a
		{
			text-decoration: none;
			color: #CACACA;
		}
		.options div a:hover
		{
			color: #E6E6E6;
		}
#topFrame
{
	background: #111111 url(../gfx/top_down.gif) repeat-x bottom;
}
#vidInfo
{
	height: 88px;
	width: 100%;
	background: #111111;
	color: #C9C9C9;
	padding-top: 2px;
}
	#vidInfo .inner
	{
		width: 1000px;
		margin: auto;
	}
	#vidInfo .left
	{
		text-align: left;
		width: 475px;
		float: left;
	}
	#vidInfo .left h1
	{
		font-size: 14px;
		color: #E6E6E6;
		margin: 0px 0px 5px 0px;
	}
	#vidInfo .left .addInfo
	{
		width: 155px;
		float: left;
		text-align: left;
		margin: 0px 0px 0px 5px;
		line-height: 120%;
	}
		#vidInfo .left .addInfo ul
		{
			padding: 0px;
			margin: 0px;
			list-style: none;
		}
			#vidInfo .left .addInfo ul li
			{
				margin-bottom: 2px;
			}
	#vidInfo .tags
	{
		width: 315px;
		float: left;
		height: 53px;
	}
		#vidInfo .tags .tagTitle
		{
			font-weight: bold;
			float: left;
			margin-right: 5px;
		}
		#vidInfo .tags #tagBox
		{
			float: left;
			margin-right: 10px;
			width: 157px;
		}
		#vidInfo .tags .buttons
		{
			float: left;
		}
		#vidInfo #tagInfo
		{
			font-size: 10px;
			margin-top: 5px;
		}
	#vidInfo .right
	{
		float: right;
		width: 520px;
		padding: 0px;
	}
		#vidInfo .right .item
		{
			float: left;
			margin-right: 5px;
		}
		#vidInfo .right a img
		{
			width: 75px;
			height: 55px;
			border: 1px solid #404040;
			padding: 1px;
		}
		.back
		{
			margin: 0px auto;
			padding: 2px 0px 4px 0px;
			text-align: right;
			height: 15px;
			background: #111111 url(../gfx/top_down.gif) repeat-x bottom;
			width: 1000px;
			color: #999999;
		}
			.back .left
			{
				float: left;
			}
			.back .right
			{
				float: right;
			}
			.back a
			{
				color: #DEDEDE;
			}
			.back a:hover
			{
				color: #F4F4F4;
			}
		#vidInfo .tabs
		{
			text-align: left;
			padding: 0px;
		}
			#vidInfo .tabs ul
			{
				list-style: none;
				margin: 0px;
				padding: 0px;
			}
				#vidInfo .tabs ul li
				{
					float: left;
					padding: 2px 8px;
					color: #DCDCDC;
					font-weight: bold;
				}
					#vidInfo .tabs ul li a
					{
						
					}
					#vidInfo .tabs ul li.selected
					{
						background: #494949;
						border-top: 1px solid #535353;
						border-right: 1px solid #535353;
						border-left: 1px solid #535353;
					}
		#vidInfo #tabContent
		{
			background: url(../gfx/top_bg.gif) repeat-x;
			padding: 2px;
			height: 50px;
			text-align: left;
		}
			#vidInfo #tabContent #info_com, #vidInfo #tabContent #info_rec
			{
				float: left;
				width: 80px;
				text-align: left;
				font-size: 10px;
				padding: 2px 4px;
				font-family: Tahoma, Trebuchet MS, Arial;
			}
				#vidInfo #tabContent #info_com .red, #vidInfo #tabContent #info_rec .error
				{
					color: #E60000;
				}
			#vidInfo #tabContent .recommend
			{
				float: left;
				width: 420px;
			}	
				#vidInfo #tabContent .recommend div
				{
					margin-top: 5px;
					float: left;
				}
				#vidInfo #tabContent .recommend p
				{
					font-size: 10px;
					text-align: left;
					color: #787878;
					margin: 0px;
					clear: both;
					margin-left: 25px;
				}
					#vidInfo #tabContent .recommend p strong
					{
						color: #C82626;
					}
					#vidInfo #tabContent .recommend div span
					{
						color: #787878;
						font-size: 10px;
					}
				#vidInfo #tabContent .recommend input.text
				{
					width: 170px;
					padding: 2px;
					height: 14px;
				}

/************* INFRAME ****************/
.topInfo
{
	font-size: 12px;
	margin: 20px 0px;
	color: #585858;
}