html
{
	width: 100%;
	height: auto;
}
body
{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family:"bitstream vera sans","trebuchet ms";
	font-size: 12px;
	color: #DBDBDB;
	
	margin: 0;
	padding: 0;
	
	background-color: Black;
}
ul
{
	margin: 0;
	padding: 0;
}
p
{
	font-size: 12px;	
	margin: 0px;
	padding: 0px;
}
a
{
	/*color: #DBDBDB;*/
	color: Yellow;
	text-decoration: none;
	font-weight: bold;
}
a:hover
{
	text-decoration: underline;
}
a.selected
{
	color: Yellow;
	text-decoration: underline;
}
a.footer
{
	color: #DBDBDB;
	font-weight: normal;
}
a.footer:hover
{
	text-decoration: underline;
}
a.nolink
{
	color: #DBDBDB;		
}
a.nolink:hover
{
	text-decoration: none;	
}
h2
{	
	font-size: 18px;
	text-align: center;
}
h4, h1
{
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
div
{
	position: relative;
	padding: 0;
	margin: 0;	
}
table
{
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
table th, table td
{
	text-align: left;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}
div#MainDiv
{
	position: relative;
	text-align: center;
	width: 1200px;
	height: auto;
	margin-left: auto;
	margin-right: auto;	
	background-image: url("../images/backgroud1280x1000.jpg");
}
div#MainDiv div
{
	/*border: solid 1px #999999;*/
}


/*** Header
**********************************************************************************/
div#HeaderDiv
{
	position: relative;
	float: left;
	width: 100%;
	height: 100px;
	
	border-bottom: solid 4px #5D0A06;
	background-image: url("../images/header1280x100.jpg");
}
	/* TV Logo */
	div#HeaderDiv div#TvLogo
	{
		position: absolute;
		top: 4px;
		left: 5px;
		height: 90px;
		width: 209px;
		/*background-image: url("../images/TVlogo90x209.jpg");*/
	}
	/* VideoStudio Logo*/
	div#HeaderDiv div#VideoStudioLogo
	{
		position: absolute;
		top: 4px;
		right: 5px;
		height: 50px;
		width: 93px;
		/*background-image: url("../images/logo_videostudio93x50.jpg");*/
	}

	/* Menu */
	div#HeaderDiv div.menu
	{
		position: absolute;
		top: 70px;
		right: 0px;
		
		font-size: 16px;
		font-weight: bold;
	}
	div#HeaderDiv div.menu ul
	{
		list-style: none;
	}
	div#HeaderDiv div.menu li
	{
		display: inline;
		padding: 0px 15px 0px 0px;
	}

	/* Title */
	div#HeaderDiv div.title
	{
		position: relative;
		top: 20px;
		width: 550px;
		margin-left: auto;
		margin-right: auto;
		margin: margin;
		font-size: 14px;
		color: #C1C1C1;
		padding: 0;
	}
	div#HeaderDiv div.title h2
	{
		margin: 0;
		padding: 0;	
	}	
	div#HeaderDiv div.title div.test
	{
		color: Yellow;
		font-weight: bold;
		font-size: 12px;
		
	}


/*** Content
**********************************************************************************/

div#MiddleDiv
{
	position: relative;
	float: left;
	width: 100%;	
	background-image: url("../images/background1280x1000.jpg");
}
	div#MiddleDiv div#ContentDiv
	{		
		position: relative;
		float:left;
		width: 1052px;
		height: 100%;
		padding-bottom: 15px;
		border-right: solid 2px #5D0A06;
	}

		/* About site (O televizi) */
		
		div#ContentDiv div.about
		{
			width: 100%;
			height: auto;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 3px;
		}
			div#ContentDiv div.about div.leftImg
			{
				float: left;
				margin: 5px 5px 5px 0px;
			}					
			div#ContentDiv div.about div.text
			{
				float: left;
				text-align: justify;
				width: 620px;
				margin-left: 5px;
				margin-right: 5px;
			}		
			div#ContentDiv div.about div.rigthImg
			{
				float: left;
				margin: 5px 5px 5px 5px;
			}						

			div#ContentDiv div.about div.block
			{
				margin-top: 18px;
				width: 100%;
				background: #030000 url('../images/h80.gif') repeat-x scroll 0 0;
			}
			div#ContentDiv div.about div.blockFotoGalerie
			{
				width: 1040px;
			}	
				div#ContentDiv div.about div.blockFotoGalerie div.content
				{
					padding-left: 7px;
				}	
				div#ContentDiv div.about div.block div.contentTxt
				{
					padding: 10px 10px 10px 10px;
					width: 97%;
				}			
					div#ContentDiv div.about div.block div.item
					{
						padding: 2px 2px 2px 2px;
						margin: 0;
					}	
					div#ContentDiv div.about div.block div.item img
					{
						width: 202px;
					}				
			
		/* Contact site (Kontakt) */
		div#ContentDiv div.contact
		{
		}
		div#ContentDiv div.contact div
		{
			position: relative;
			float: left;
			width: auto;
		}
		div#ContentDiv div.contact div.header
		{
			width: 100%;			
			margin: 20px 5px 20px 5px;
		}	
			div#ContentDiv div.contact div.header h3
			{
				margin-top: 0px;
				font-size: 18px;
			}
		div#ContentDiv div.contact div#ContactVS
		{
			width: 100%;
			padding-top: 20px;
		}
		div#ContentDiv div.contact div#ContactVS div.name
		{
			margin-left: auto;
			margin-right: auto;
			width: 100%;
		}	
		div#ContentDiv div.contact div#ContactVS div.textContact
		{
			width: 50%;
		}		
		div#ContentDiv div.contact div#ContactVS div.textContact div
		{
			float: right;
			text-align: right;
			width: 270px;
		}	
		div#ContentDiv div.contact div#ContactVS div.logoContact
		{
			padding-top: 30px;
			width: 50%;
		}	
		div#ContentDiv div.contact div.logoContact img
		{
			width: 250px;
			height: 134px;
		}						
			
			
/*** Right Column
**********************************************************************************/
	div#MiddleDiv div#RigthColumn
	{
		position: relative;
		float: right;
		width: 138px;
		height: 99%;
		
		padding: 4px 4px 4px 4px;		
	}
		div#MiddleDiv div#RigthColumn div.sponsor
		{
			width: 100%;
			text-align: center;
			padding: 5px 0px 5px 0px;
		}
		div#MiddleDiv div#RigthColumn div.sponsor img
		{
			margin-left: auto;
			margin-right: auto;
		}		


/*** Home site
**********************************************************************************/
div#MiddleDiv div#ContentDiv div.home
{
	padding-left: 4px;
	padding-top: 3px;
}
div.block
{
	position: relative;
	float: left;	
	margin: 4px 6px 4px 0px;
	padding: 0px 0px 0px 0px;
}	
	div.block a
	{
		margin: 0px 2px 0px 2px;	
	}
	div.block a.selected
	{	
	}
	div.block div.header
	{
		margin-bottom: 2px;
		width: 100%;		
	}
		div.header div.title
		{
			width: 100%;		
			text-align: center;
			padding-top: 2px;
			padding-bottom: 2px;
			margin-bottom: 3px;
			border-bottom: solid 2px #250000;
		}
			div.header div.title h2
			{
				font-size: 18px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
			}	
		div.header div.controls
		{
			line-height: 20px;
			padding-bottom: 12px;
		}
	div.content
	{
		width: auto;
		padding: 0px 2px 0px 2px;
	}
		div.content div.item
		{
			float: left;
			margin: 2px 2px 2px 2px;
		}	
			/* progress containers*/
			div#ctl00_ContentPlaceHolder1_UpdateProgress2, div#ctl00_ContentPlaceHolder1_ArchivVideoControl_ArchivProgress, div#ctl00_ContentPlaceHolder1_UpdateProgress1
			{
				position: absolute;
				top: 0px;
				left: 0px;
				bottom: 0px;
				right: 0px;
				background-color: black;
				background-image: url('../images/loader.gif');
				background-repeat:no-repeat;
				background-position: center center;
				opacity: 0.85;
				-moz-opacity:.85;
				filter:alpha(opacity=85);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=85)";
				z-index: 10;
			}
			
	div.block div.footer
	{
		padding-top: 4px;
		background-image: url('../images/h35.gif');
	}
		div.footer div.paging
		{

		}	
.visible
{
	visibility: visible;
}
.hidden
{
	visibility: hidden;
}
			
	


			
/* Play Buttons */
div.home div#FilmDiv
{	
	float: left;
	width: auto;
	padding: 6px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}
	div.home div#FilmDiv div.content
	{
		padding: 0px 0px 0px 0px;
	}
	div.home div#FilmDiv div.playbtn
	{					
		width: 110px;
		height: 46px;
		clear: both;
	}
	div.home div#FilmDiv div.first
	{
	}

	div.home div#FilmDiv div.playbtn div
	{
		position: absolute;
		top: 0px;
		left: 0px;
	}
	div.home div#FilmDiv div.playbtn table
	{
		height: 46px;
		width: 100px;	
		margin: 0px 0px 0px 0px;
	}
	
	div.home div#FilmDiv div.playbtn table td
	{
		height: 26px;
		width: 100%;
		vertical-align: middle;
		text-align: center;
		padding: 2px 2px 2px 2px;
	}
	
/* Player Div */
div.home div#PlayerDiv
{
	width: 500px;
	height: 305px;
	background-color: #212121;	
} 
	/* content */
	div#PlayerDiv div.content
	{
		padding: 0px 0px 0px 0px;
		width: 100%;
		height: 100%;
	}
	div#PlayerDiv div#FlashPlayerDiv
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}			
	div#PlayerDiv div#AdvertSplashDiv
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: auto;
		background:#000000 url(../images/h80.png) repeat-x scroll 0 0;		
		opacity: 0.80;
		-moz-opacity:.80;
		filter:alpha(opacity=80);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
		border-bottom: 1px solid #CCCCCC;
		z-index: 102;					
	}
			div#PlayerDiv div#AdvertSplashDiv div#AdvertImg
			{
				position: relative;
				float: left;	
			}
			div#PlayerDiv div#AdvertSplashDiv div#AdvertText
			{
				position: absolute;
				top: 0px;
				right: 0px;
				left: 98px;	
				height: 53px;
				text-align: left;
			}
			div#PlayerDiv div#AdvertSplashDiv div img
			{
				height: 53px;
			}
			div#PlayerDiv div#AdvertSplashDiv div h2
			{
				font-size: 14px;
				font-weight: bold;
				padding: 0;
				margin: 0;
				text-align: left;
			}			
			div#PlayerDiv div#AdvertSplashDiv div p
			{
				margin: 0;
				padding: 0;
			}
			div#PlayerDiv div#AdvertSplashDiv div.title
			{
				position: absolute;
				right: 0px;
				top: 0px;
				padding: 0px 2px 0px 2px;
				background-color: #212121;
			}
			div#PlayerDiv div#AdvertSplashDiv div.controls
			{
				position: absolute;
				right: 52px;
				top: 0px;
				padding: 0px 2px 0px 2px;
			}						
			div#PlayerDiv div#AdvertSplashDiv div.controls a:hover
			{
				text-decoration: underline;	
			}
	
	div#PlayerDiv div#SplashDiv
	{
		width: 100%;
		height: 100%;	
		z-index: 100;
	}
	
		div#PlayerDiv div#SplashDiv div.playbtn
		{
			position: absolute;
			top: 50px;
			left: 208px;
			width: 83px;
			height: 83px;
			background-image: url('../images/palyer_play_large.png');
			cursor: pointer;
			z-index: 100;
		}	
		
		div#PlayerDiv div#SplashDiv div#SplashImageDiv
		{
			position: absolute;
			top: 0px;
			left: 0px;
		}
		
			div#PlayerDiv div#SplashDiv div#SplashImageDiv img
			{
				height: 305px;
			}

			div#PlayerDiv div#SplashDiv div#SplashImageDiv img.f4x3
			{
				position: absolute;
				left: 60px;
				width: 380px;
			}
			
			div#PlayerDiv div#SplashDiv div#SplashImageDiv img.f16x9
			{
				width: 500px;
			}
	
		div#PlayerDiv div#SplashDiv div.info 
		{
			position: absolute;
			bottom: 0px;
			left: 0px;
			height: auto;
			padding: 0px 5px 2px 5px;
			width: 490px; /* 500 - 5 - 5*/
			
			background:#000000 url(../images/h80.png) repeat-x scroll 0 0;
			border-top:1px solid #CCCCCC;
			color:#FFFFFF;
			opacity: 0.70;
			-moz-opacity:.70;
			filter:alpha(opacity=70);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
			text-align: justify;
		}
			div#PlayerDiv div#SplashDiv div.info h2
			{
				margin: 2px 0px 0px 0px;
				font-size: 16px;
				padding: 0;
			}	
		
	
/* Resent Videos */	
div.home div#RecentVideoDiv
{
	float: left;
	width: 419px;
	background: #030000 url('../images/h80.gif') repeat-x scroll 0 0;
}	

/* Adverts */	
div.home div#AdvertsDiv
{
	float: left;
	width: 419px;	
	background: #030000 url('../images/h80.gif') repeat-x scroll 0 0;
}
	div#AdvertsDiv div.header div.paging
	{
		position: absolute;
		top: 6px;
		right: 8px;
	}
	
	div#AdvertsDiv div.content
	{
		height: 70px;
	}
	div#AdvertsDiv div.content div.item div.videoImg
	{
		height: 58px;
		width: 95px;
		
	}
	div#AdvertsDiv div.content div.item div.videoImg img
	{
		height: 58px;
		width: 95px;
	}
	div#AdvertsDiv div.footer
	{
		display: none;
	}

/* Archiv */
div.home div#ArchivDiv
{
	width: 615px;
	background: #030000 url('../images/h80.gif') repeat-x scroll 0 0;
}
	div#ArchivDiv div.header div.controls
	{
		height: 20px;		
	}
	div#ArchivDiv div.header div.controls div.sort
	{
		width: auto;
		float: left;
		padding-left: 4px;
	}
	div#ArchivDiv div.header div.controls div.select
	{
		width: auto;
		float: right;
		padding-right: 4px;
	}
	div#ArchivDiv div.content
	{
		height: 480px;	
	}
		/* Video Icon */
		div.video
		{		
			border: solid 2px /*Transparent;*/ #212121;
		}
		div#ArchivDiv div.content
		{
			overflow: auto;
		}
		div#ArchivDiv div.content div.item	
		{	
			/*background: #000000 url('../images/h80.png') repeat-x scroll 0 0;*/
			margin: 10px 6px 10px 6px;
			width: 187px;	
			height: 95px;
		}
			div#ArchivDiv div.content div.item	div.img
			{				
				margin: 2px 2px 2px 2px;			
				background-color: #181818;
			}
			div#ArchivDiv div.content div.item	div.img1
			{		
				float: left;		
			}
			div#ArchivDiv div.content div.item	div.img0
			{		
				float: left;		
			}				
			div#ArchivDiv div.content img
			{			
				height: 50px;	
				width: 90px;
			}
			div#ArchivDiv div.content div.item	div.text
			{	
				width: 96px;
				text-align: left;
				padding: 2px 2px 2px 3px;				
				_word-wrap: break-word;
				overflow: hidden;
				word-wrap: break-word
			}		
			div#ArchivDiv div.content div.item2
			{
				float: left;	
				width: 270px;
				height: 120px;
				padding: 5px 5px 12px 5px;
				margin: 4px 6px 16px 6px;
				text-align: justify;
				overflow: hidden;			
			}
			div#ArchivDiv div.content div.item2 img
			{
				float: right;
				padding: 0px 0px 0px 10px;
			}
			div#ArchivDiv div.content div.item2 h1
			{
				font-size: 14px;
				padding-bottom: 5px;
			}																					
			div#ArchivDiv div.content div.item	div.text0
			{	
				float: right;
				/*text-align: right;*/		
			}
			div#ArchivDiv div.content div.item	div.text1
			{	
				float: right;
			}
				div#ArchivDiv div.content div.item	div.title
				{	
					font-size: 14px;	
					font-weight: bold;
				}
				div#ArchivDiv div.content div.item	div.date
				{
					font-size: 12px;	
				}				
				div#ArchivDiv div.content div.item	div.location
				{	
					font-size: 12px;	
				}
				
							
		/*div#ArchivDiv div.content div.item	
		{	
			background: #000000 url('../images/h80.png') repeat-x scroll 0 0;	
			margin-top: 4px;	
			height: 83px;
			width: 297px;	
		}
			div#ArchivDiv div.content div.item	div.img
			{		
				float: left;				
				text-align: center;	
				margin: 3px 3px 3px 3px;
				height: 77px;
				width: 142px;				
				background-color: #181818;
			}
				div#ArchivDiv div.content div.item	div.img img.f4x3
				{			
					height: 77px;	
					width: 142px;
				}
				div#ArchivDiv div.content div.item	div.img img.f16x9
				{						
					height:77px;
					width: 142px;
				}	
			div#ArchivDiv div.content div.item	div.text
			{	
				float: left;
				width: 142px;
				text-align: left;
				padding: 2px 3px 2px 3px;
			}
				div#ArchivDiv div.content div.item	div.title
				{	
					font-size: 14px;	
					font-weight: bold;
				}
				div#ArchivDiv div.content div.item	div.date
				{
					font-size: 12px;	
				}				
				div#ArchivDiv div.content div.item	div.location
				{	
					font-size: 12px;	
				}*/
	

	
/*Info board*/
div.home div#InfoBoardDiv
{
	width: 419px;
	background: #030000 url('../images/h80.gif') repeat-x scroll 0 0;
}
	div#InfoBoardDiv div.header div.controls
	{
		padding: 2px 2px 4px 2px;
	}	
	div#InfoBoardDiv div.header div.controls a
	{
		margin: 0px 2px 0px 2px;
	}
	
	div#InfoBoardDiv div.content
	{
		padding-right: 5px;
		padding-left: 5px;
		height: 458px;
		overflow: auto;
	}	
	
	div#InfoBoardDiv div.content div.item
	{
		float: none;
		padding: 0px 4px 0px 4px;
		margin: 4px 0px 10px 0px;
		text-align: left;
	}	
	div#InfoBoardDiv div.content div.item div.title h3
	{
		font-weight: bold;
		font-size: 14px;
		padding: 0px 0px 2px 0px;
		margin: 30px 0px 5px 0px;		
		border-bottom: solid 1px gray;
		border-top: solid 1px gray;
	}
	div#InfoBoardDiv div.content div.item div.desc img
	{
		/* Inline styles */		
	}
		
	div#InfoBoardDiv div.content div#InfoBoardDiv p
	{
		text-align: justify;
	}

	div#InfoBoardDiv div.content div#InfoBoardDiv div.date
	{
		width: 100%;
		text-align: left;
		border-bottom: solid 1px #999999;
		margin: 2px 0px 2px 0px; 
	}

	div.selected
	{
		border: solid 2px Yellow;
	}	
	div.video div.videoImg
	{
		width: 130px;
		height: 74px;
		text-align: center;
		background-color: #212121;
	}
	div.video div.videoImg img.f4x3
	{
		width: 99px;
		height: 74px;
	}
	div.video div.videoImg img.f16x9
	{
		width: 130px;
		height: 74px;
	}	
	div.videoTitle
	{
		position: absolute;
		bottom: 0px;
		width: 100%;
		font-weight: bold;
		border-top: solid 1px #999999;
		
		opacity: 0.80;
		-moz-opacity:.80;
		filter:alpha(opacity=80);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
		background: #000000 url('../images/h80.png') repeat-x scroll 0 0;
	}	
	
	div#ArchivDiv div.video
	{

	}
	div#ArchivDiv div.video div.videoImg
	{
		width: 113px;
		height: 64px;
		text-align: center;
		background-color: #212121;
	}
	div#ArchivDiv div.video div.videoImg img.f4x3
	{
		width: 85px;
		height: 64px;
	}
	div#ArchivDiv div.video div.videoImg img.f16x9
	{
		width: 113px;
		height: 64px;
	}


/*** Footer Div
 ***************************************************************************/
div#FooterDiv
{
	padding: 5px 0px 5px 0px;
	border-top: solid 3px #5D0A06;
	margin-bottom: 20px;
}


/* General classes */
.clickable
{
	cursor: pointer;	
}
.clear
{
	clear: both;
}
.separator
{
	padding: 10px 0px 0px 0px;
}
.phoneNumber
{
	color: Yellow;
	font-weight: bold;
}	
div.logo img
{
	border-style: none;
}
.horizontalSpacer
{
	height: 6px;
}
div#SmallLogoDiv
{
	position: absolute;
	left: 15px;
	top: 15px;
	z-index: 101;
}
div#SmallLogoDiv img
{
	width: 80px;
	height: 34px;

}