@import 'common.css';

#content
{
	text-align: left;
	padding: 0px 20px;
}
h1
{
	font-size: 26px;
}
h2
{
	font-size: 18px;
}
.bold
{
	font-weight: bold;
}
.center
{
	text-align: center;
}
.red
{
	color: #B32222;
}
p.error, p.info
{
	color: #B22222;
	font-weight: bold;
	margin: 15px 0px;
}
p.info
{
	color: #208421;
}
.formRow
{
	clear: both;
	padding: 5px 0px;
}
	.formRow .title
	{
		float: left;
		text-align: right;
		margin-right: 3px;
		width: 60px;
	}
	.formRow .field
	{
		float: left;
	}
a
{
	color: #9D1E1E;
	text-decoration: underline;
}
	a img
	{
		border: none;
	}
.grey
{
	color: #626262;
}
select
{
	font-size: 14px;
}
form
{
	margin: 0px;
	padding: 0px;
}
.header
{
	width: 100%;
	border-bottom: 1px solid #AFAFAF;
	padding: 0px;
	text-align: left;
}
	.header h1, .header h1 .title
	{
		font-size: 22px;
		padding: 20px 0px 0px 0px;
		margin: 10px 0px;
		font-family: Trebuchet MS, Arial;
		color: #8F8F8F;
	}
	.header a, .header h1 .title
	{
		color: #9F1E1E;
		text-decoration: none;
		font-style: italic;
	}
	.header span
	{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	.header span .big
	{
		font-size: 16px;
	}

#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;
}
textarea.textarea
{
	border: 1px solid #F1B2B2;
	font-size: 11px;
	background: #FFFFF0;
}

.pages
{
	text-align: center;
	margin: 15px 0px;
	color: #A81E1E;
	font-size: 11px;
	width: 720px;
}
	.pages a
	{
		color: #444444;
		margin: 0px 1px;
	}
div.img img
{
	width: 130px;
	height: 97px;
}

.suggestBox
{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
}
.suggestBox strong
{
	color: #B22222;
}
.suggestBox ul
{
	margin:3px 0px;
	padding-left: 13px; 
}
.suggestBox ul li
{
	color: #B22222;
	list-style: square;
	font-size: 12px;
}
.suggestBox .info
{
	border: 1px solid #FFD7A6;
	background: #FFF8F0;
	line-height: 140%;
	margin: 5px 0px 0px 0px;
	padding: 8px;
	-moz-border-radius: 6px;
	margin: 10px 0px;
	font-size: 12px;
}
	
/** G�rna belka **/
#topBg
{
	width: 100%;	
	background: url(../gfx/body_bg.gif) repeat-x top;
	margin: 0px;
}
#top
{
	background: url(../gfx/top_bg.gif) repeat-x;
	width: 1000px;
	height: 47px;
	margin: 0px;
	text-align: center;
	margin: auto;
}
	#top .input
	{
		margin: auto;
		width: 750px;
	}
	#top .logo
	{
		float: left;
	}
	#top .searcher
	{
		float: left;
		margin: 10px 0px 0px 0px;
		width: 350px;
	}
	#top .btn
	{
		float: left;
		margin: 13px 0px 0px 0px;
	}
#topDown
{
	background: url(../gfx/top_down.gif) repeat-x;
	height: 27px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	width: 1000px;
	margin: 0px auto;
}
#topDown ul
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	list-style: none;
}
	#topDown ul li
	{
		margin: 0px 15px 0px 0px;
		padding-top: 8px;
		float: left;
	}
		#topDown ul li a
		{
			color: #D6D6D6;
			font-size: 11px;
		}
		#topDown ul li.selected
		{
			padding-top: 0px;
		}
			#topDown ul li div
			{
				float: left;
			}
			#topDown ul li .left, #topDown ul li .right
			{
				
				width: 9px;
				height: 29px;
			}
			#topDown ul li .left
			{
				background: url(../gfx/tab_left.gif) no-repeat;
			}
			#topDown ul li .center
			{
				background: White;
				height: 29px;
				font-size: 12px;
				font-weight: bold;
				padding: 7px 10px 0px 10px;
			}
			#topDown ul li .right
			{
				background: url(../gfx/tab_right.gif) no-repeat;
			}


/******** BUTTONS *********/
input.sButtLarge
{
	background: url(../gfx/button_szukaj.gif) no-repeat;
}

/******** MODU�Y *********/
	
/****** SZUKAJ *****/
.results
{
	margin: 10px 0px;
	width: 700px;
	float: left;
}
	.results .suggestBox .info
	{
		margin-bottom: 0px; 
	}
	.header .res
	{
		float: left;
		margin: 0px 0px 5px 0px;
		font-weight: bold;
	}
	  .header .res .time
	  {  
	    font-weight: normal;
	    font-size: 11px;
	  }
	.results .options
	{
		/*float: right;*/
		font-size: 12px;
		margin: 0px 0px 5px 0px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		border-bottom: 1px solid #AFAFAF;
		padding: 0px 0px 7px 0px;
		font-weight: bold;
	}
	.results .options div.lft
	{
		float: left;
		margin-right: 15px;
	}
	.results .options div.rgt
	{
		float: right;
	}
	.results .header .options a
	{
		font-size: 11px;
		font-weight: normal;
		font-style: normal;
		text-decoration: underline;
	}

	/***** KAFELKI *****/
	.results .item_tile
	{
		float: left;
		background: url(../gfx/item_bg.gif) no-repeat bottom left;
		width: 170px;
		height: 200px;
		margin: 10px 5px 10px 0px;
		padding: 0px;
	}
		.results .item_tile .title
		{
			text-align: center;
			font-weight: bold;
			height: 28px;
			padding: 0px;
			overflow: hidden;
		}
			.results .item_tile .title a
			{
				/*text-decoration: none;*/
				color: #4E4E4E;
			}
				.results .item_tile .title a:hover, .results .item_list .title a:hover
				{
					color: #A21F1F;
				}
		.results .item_tile .op
		{
			margin: 3px 10px;
			font-size: 10px;
			padding: 0px;
		}
			.results .item_tile .op a
			{
				margin-right: 3px;
			}
		.results .item_tile .op .left
		{
			float: left;
			padding: 0px 0px 0px 10px;
		}
		.results .item_tile .op .right
		{
			float: right;
			padding: 2px 10px 0 0;
			font-size: 12px;
			font-family: Arial;
			color: green;
		}
			.results .item_tile .op .right img
			{
				vertical-align: middle;
			}
		.results .item_tile div.img
		{
			margin: 3px 18px 7px 18px;
		}
		.results .item_tile div.img a img
		{
			border: 1px solid #D9D9D9;
		}

	.results .item_tile .buttons
	{
		width: 130px; 
		margin-left: 17px; 
	}
		.results .item_tile .buttons .fastView
		{
			float: left;
			margin: 0px;
			padding: 0px;
			width: 60px;
		}
		.results .item_tile .view
		{
			text-align: right;
			margin: 0px 0px 3px 0px;
			float: right;
			padding: 0px;
		}
			.results .item_tile .buttons img.logo
			{
				margin: 0px 16px 0px 0px;
			}
		
	/***** LISTA *****/
	.results .item_list
	{
		border-bottom: 1px solid #EC9292;
		padding: 5px 0px 8px 0px;
		margin: 5px 0px;
	}
		.results .border 
		{
			border-top: 1px solid #EC9292;
			padding-top: 8px;
		}
		.results .item_list .left
		{
			float: left;
			width: 500px;
		}
		.results .item_list .right
		{
			float: right;
			width: 170px;
			text-align: left;
			border-left: 1px dotted #B8B8B8;
			padding: 5px 0px 5px 10px;
			margin-top: 0px;
		}
			.results .item_list .right ul
			{
				text-align: left;
				margin: 10px 0px 10px 0px;
			}
				.results .item_list .right ul li
				{
					list-style: none;
					margin: 2px 0px;
				}
				.results .item_list .right .servUrl
				{
				  color: green;
				  font-size: 12px;
				  font-family: Arial;
				}
		.results .item_list .img
		{
			float: left;
			margin-right: 10px;
		}
			.results .item_list .img img
			{
				padding: 2px;
				border: 1px solid #B8B8B8;
			}
		.results .item_list .desc
		{
			float: left;
			width: 350px;
			height: 75px;
		}
		.results .item_list .title
		{
			margin: 0px 0px 5px 0px;
		}
		.results .item_list .title a
		{
			font-size: 12px;
			font-weight: bold;
			/*color: #676767;*/
			color: #4E4E4E;
		}
		.results .item_list .buttons
		{
			text-align: left;
		}
		.results .item_list .buttons div
		{
		  width: 70px;
		  height: 25px;
		  float: left;
		}
	.results .info
	{
		border: 1px solid #FFD7A6;
		padding: 10px;
		background: #FFF8F0;
		margin-bottom: 130px;
	}
		.results .info .loader
		{
			float: left;
		}
		.results .info .desc
		{
			float: left;
			margin-left: 10px;
		}
			.results .info .desc .title
			{
				font-size: 12px;
				color: #B22222;
				font-weight: bold;
				margin-bottom: 3px;
			}
.rightBox
{
	float: right;
	width: 234px;
	border-left: 1px solid #F2B9B9;
	padding: 0px 0px 0px 6px;
	margin-top: 10px;
}
	.rightBox p
	{
		margin: 0px;
		font-size: 11px;
	}
	.rightBox .none
	{
		font-size: 12px;
		margin-top: 10px;
		font-style: italic;
	}
.common
{
	/*font-family: Trebuchet MS, Arial;*/
	margin-top: 3px;
}
	.common h2
	{
		font-size: 12px;
		margin: 5px 0px 5px 0px;
	}
	.common ul li, .common ol li
	{
		margin-top: 4px;
		font-size: 12px;
	}
	.common a
	{
		margin-right: 7px;
		/*color: #3D3D3D;*/
		font-size: 12px;
	}
		.common a:hover
		{
			color: #A21F1F;
		}
	.common .fRight li
	{
		float: left;
		margin-right: 10px;
	}
		
/**** VIDEO ****/
.header .back
{
	font-size: 11px;
	padding: 3px 0px;
	text-align: right;
}
	.header .back a
	{
		font-style: normal;
		text-decoration: underline;
	}
.videoBox
{
	margin: 10px 0px;
	width: 100%;
	padding: 0px;
}
	.videoBox .header
	{
		color: #222222;
	}
	.videoBox .embed
	{
		float: left;
		width: 425px;
		height: 355px;
	}
		.videoBox .embed .options
		{
			margin-top: 5px;
			width: 410px;
			height: 40px;
			padding: 5px;
		}
			.videoBox .embed .options img
			{
				vertical-align: middle;
			}
			.videoBox .embed .options ul li
			{
				float: left;
				text-align: center;
				list-style: none;
				margin-right: 20px;
			}
			.videoBox .embed .options ul li a
			{
				text-decoration: none;
				font-size: 12px;
				font-family: Tahoma, Arial;
				font-weight: bold;
			}
.videoInfo
{
	float: right;
	width: 510px;
}
	.videoInfo .top
	{
		height: 16px;
		width: 509px;
		background: url(../gfx/videoinfo_top.gif) no-repeat;
	}
	.videoInfo .content
	{
		width: 509px;
		background: url(../gfx/videoinfo_bg.gif) repeat-y;
		padding: 0px 13px;
	}
	.videoInfo .bottom
	{
		width: 509px;
		height: 19px;
		background: url(../gfx/videoinfo_bottom.gif) no-repeat;
	}
	.videoInfo .header, .similarVideos .header, .lastViewed .header
	{
		border-bottom: 1px solid #A52A2A;
		font-size: 11px;
		font-weight: bold;
		padding: 3px 0px;
		width: 220px;
	}
	.videoInfo .left
	{
		width: 230px;
		float: left;
	}
	.videoInfo .title
	{
		padding: 5px 0px;
		font-size: 12px;
		font-weight: bold;
		color: #2E2E2E;
	}
	.videoInfo .desc
	{
		height: 100px;
		margin-top: 5px;
	}
	.videoInfo .addInfo
	{
		float: left;
		width: 230px;
		margin: 0px 0px 5px 10px;
	}
	.videoInfo .addInfo .title
	{
		font-size: 11px;
	}
	.videoInfo .addInfo .buttons
	{
		margin-top: 10px;
		text-align: right;
		width: 100%;
	}
	.videoInfo .addInfo .tagTitle
	{
		font-size: 11px;
		font-weight: bold;
		color: #2E2E2E;
		float: left;
		margin: 0px;
		width: 40px;
	}
		.videoInfo .addInfo a
		{
			color: #A52A2A; 
		}
		.videoInfo .addInfo .hits
		{
			clear: both;
			color: #9F1E1E;
			margin-top: 10px;
			font-size: 10px;
		}
			.videoInfo .addInfo .hits span
			{
				color: #1B1B1B;
			}
		.videoInfo .addInfo .buttons
		{
			margin-right: 15px;
		}
		#tagBox
		{
			float: left;
			width: 188px;
		}
		#tags
		{
			background: #FDFDEE;
			border: 1px solid #EFB4B4;
			font-size: 11px;
			color: #454545;
		}
	.similarVideos
	{
		float: left;
		width: 320px;
		margin: 10px 0px 0px 30px
	}
		.similarVideos .toolBar
		{
			padding: 5px;
			background: #EFEFEF;
			text-align: right;
		}
		.similarVideos .header
		{
			width: 100%;
		}
	.similarVideos .content
	{
		width: 100%;
		height: 350px;
		overflow: auto;
	}	
		.similarVideos .content .item
		{
			height: 95px;
			width: 100%;
			background: url(../gfx/video_bg.gif) no-repeat;
			margin: 5px 0px 15px 0px;
			clear: both;
		}
			.similarVideos .content .item .title
			{
				font-weight: bold;
				padding: 10px 15px 0px 14px;
				width: 220px;
				font-size: 10px;
			}
			.similarVideos .content .item .img
			{
				margin: 5px 5px 5px 14px;
				float: left;
			}
				.similarVideos .content .item .img img
				{
					width: 85px;
					height: 62px;
					padding: 2px;
					border: 1px solid #B0B0B0;
				}	
			.similarVideos .content .item .desc
			{
				float: left;
				width: 165px;
				margin: 5px 10px 5px 5px;
				font-size: 10px;
			}
	.lastViewed
	{
		width: 165px;
		float: left;
		margin: 10px 0px 0px 15px;
		text-align: center;
	}
		.lastViewed .header
		{
			width: 100%;
		}
		.lastViewed .item
		{
			margin: 10px auto 5px auto;
		}
			.lastViewed .item .title
			{
				font-weight: bold;
				font-size: 10px;
				margin: 4px 0px;
			}
			.lastViewed .item .img img
			{
				padding: 2px;
				border: 1px solid #B0B0B0;
				width: 100px;
				height: 77px;
			}
			
/******** Chmurka wyszuka� ***********/
.leftCloudBox
{
	float: left;
	width: 72%;
}
.rightCloudBox
{
	float: right;
	width: 25%;
}
.cloud
{
	font-family: Trebuchet MS, Arial;
	width: 938px;
	padding: 10px;
	background: #FFF9F2;
	border: 1px solid #EB9494;
}
	.cloud a
	{
		text-decoration: none;
		margin-right: 10px;
	}
		.cloud a:hover
		{
			text-decoration: underline;
		}
		
/******** STRONA ******************/
.page, .page h3
{
	text-align: justify;
	line-height: 140%;
	font-size: 12px;
}
	.page ul li
	{
		list-style: square;
		margin-left: 40px;
		margin-top: 5px;
	}
.page h3
{
	margin-top: 20px;
}
.page h2
{
	color: #C22626;
	font-family: Trebuchet MS, Tahoma, Arial, Verdana;
	margin-bottom: 5px;
	padding-left: 30px;
	background: url(../gfx/arrow.gif) no-repeat left;
	font-size: 20px;
}
.page .item
{
	margin-top: 20px;
	font-size: 12px;
	color: #404040;
}
	.page .item div.content
	{
		line-height: 150%;
		float: left;
		width: 490px;
	}
		.page .item div.content p
		{
			text-align: justify;
			margin: 5px 0px;
		}
	.page .item div.img
	{
		float: right;
		width: 450px;
		text-align: center;
	}

/**** WYRӯNIONE *****/
ul.period
{
	margin-top: 4px;
}
	ul.period li
	{
		float: left;
		margin-right: 15px;
	}