﻿/*
		VideoDisplay
		created:	26-Jul-2008
		by:			Andreas Bretl


*/



/*		<videoDisplay_3>		*/


div.videoDisplay_3_Container
{
	position : absolute;
	top: 0px;
	left: 0px;
	width: 336px;
	height: 254px;
}

div.videoDisplay_3_Container div.videoDisplay_3_ImageContainer
{
	position : absolute;
	top: 0px;
	left: 0px;
	width: 336px;
	height: 254px;
}



	div.videoDisplay_3_Container div.top_trigger
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 336px;
		height: 175px;
        cursor: pointer;
        
		/*
		background: red;
		filter: Alpha(opacity=60);
		opacity: 0.6;
		-moz-opacity: 0.6;
		*/
	}
	div.videoDisplay_3_Container div.description_container
	{
        position: absolute;
        top: 175px;
        left: 0px;
        width: 336px;
        height: 60px;
        
        background: #000000;
        filter: Alpha(opacity=65);
        opacity: 0.65;
        -moz-opacity: 0.65;	
        
	}
	
		div.videoDisplay_3_Container div.description_container div.description_left_trigger
		{
			position: absolute;
			top: 0px;
			left: 0px;
			height: 60px;
			width: 280px;
			cursor: pointer;
        
			/*
			background: green;
			filter: Alpha(opacity=60);
			opacity: 0.6;
			-moz-opacity: 0.6;
			*/
		}
	
		div.videoDisplay_3_Container div.description_container div.description_right_trigger
		{
			position: absolute;
			top: 0px;
			left: 320px;
			height: 60px;
			width: 16px;
			cursor: pointer;
        
			/*
			background: green;
			filter: Alpha(opacity=60);
			opacity: 0.6;
			-moz-opacity: 0.6;
			*/
		}
	
		div.videoDisplay_3_Container div.description_container div.description_centerTop_trigger
		{
			position: absolute;
			top: 0px;
			left: 280px;
			height: 15px;
			width: 40px;
			cursor: pointer;
        
			/*
			background: green;
			filter: Alpha(opacity=60);
			opacity: 0.6;
			-moz-opacity: 0.6;
			*/
		}
	
		div.videoDisplay_3_Container div.description_container div.description_centerBottom_trigger
		{
			position: absolute;
			top: 35px;
			left: 280px;
			height: 25px;
			width: 40px;
			cursor: pointer;
        
			/*
			background: green;
			filter: Alpha(opacity=60);
			opacity: 0.6;
			-moz-opacity: 0.6;
			*/
		}
	
	
	div.videoDisplay_3_Container div.bottom_trigger
	{
		position: absolute;
		top: 235px;
		left: 0px;
		width: 336px;
		height: 19px;
        cursor: pointer;
        
		/*
		background: red;
		filter: Alpha(opacity=60);
		opacity: 0.6;
		-moz-opacity: 0.6;
		*/
	}
	
   
	
	div.videoDisplay_3_Container div.videoBrand
	{
		position: absolute;
		left: 10px;
		top: 190px;
        font-weight: bold;
		font-size: 8pt;
        color: #00b3e8;
		cursor: pointer;
        font-family: "Arial", Sans-Serif;
	}

	div.videoDisplay_3_Container div.videoDescription
	{
		position: absolute;
		left: 10px;
		top: 210px;
        font-weight: normal;
		font-size: 8pt;
        color: #fff;
		cursor: pointer;
		font-family: "Verdana", Sans-Serif;
	}	
	
div.videoDisplay_3_Container div.control_info
{
	position: absolute;
	top: 190px;
	left: 280px;
	height: 20px;
	width: 20px;
	color: #00b3e8;
	cursor: pointer;
	font-family: "Arial", Sans-Serif;
	
	/*
	background: url("/img/icon_info.png") 50% 50% no-repeat;
	*/
        
	/*
	background: red;
	filter: Alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;	
	*/
}




div.videoDisplay_3_Container div.control_play
{
	position: absolute;
	top: 190px;
	left: 300px;
	height: 20px;
	width: 20px;
	color: #00b3e8;
	cursor: pointer;
	font-family: "Arial", Sans-Serif;
	
	/*
	background: url("../../img/icon_play.png") 50% 50% no-repeat;
	*/
        
	/*
	background: red;
	filter: Alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;	
	*/
}

div.videoDisplay_3_Container div.specialDisplay
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 165px;
	width: 336px;
	font-size: 7.5pt;
	cursor: pointer;
	font-family: "Arial", Sans-Serif;
        
	/*	
	*/
	background: #000;
	filter: Alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
}

	div.videoDisplay_3_Container div.specialDisplay div.specialDisplay_Header
	{
		position: relative;
		top: 10px;
		left: 10px;
		height: 15px;
		width: 316px;
		color: #00b3e8;
		font-size: 8pt;
		font-weight: bold;
	}

	div.videoDisplay_3_Container div.specialDisplay div.specialDisplay_Body
	{
		position: relative;
		top: 15px;
		left: 10px;
		height: 95px;
		width: 316px;
		color: #fff;
		overflow: hidden;
	}

	div.videoDisplay_3_Container div.specialDisplay div.specialDisplay_CompanyLink
	{
		position: absolute;
		top: 130px;
		left: 10px;
		height: 15px;
		width: 316px;
		color: #00b3e8;
		font-size: 7pt;
		font-family: "Arial", Sans-Serif;
	}

	div.videoDisplay_3_Container div.specialDisplay div.specialDisplay_MoreLink
	{
		position: absolute;
		top: 145px;
		left: 10px;
		height: 12px;
		width: 100px;
		color: #00b3e8;
		font-size: 7pt;
		font-family: "Arial", Sans-Serif;
	}

	div.videoDisplay_3_Container div.specialDisplay div.specialDisplay_close
	{
		position: absolute;
		top: 5px;
		left: 311px;
		height: 12px;
		width: 15px;
		color: #00b3e8;
		text-align: right;
		font-weight: bold;
		font-size: 8pt;
		font-family: "Verdana", Sans-Serif;
		text-align: right;
	}
	
	

	div.videoDisplay_3_Container div.specialDisplay div a
	{
		color: #00b3e8;
		text-decoration:none;
	}
	
	


/*		<videoDisplay_3>		*/	



/*		<videoDisplay_2>		*/


div.videoDisplay_2_Container
{
	position : absolute;
	top: 0px;
	left: 0px;
	width: 221px;
	height: 163px;
}

div.videoDisplay_2_Container div.videoDisplay_2_ImageContainer
{
	position : absolute;
	top: 0px;
	left: 0px;
	width: 221px;
	height: 163px;
}



	div.videoDisplay_2_Container div.top_trigger
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 221px;
		height: 85px;
        cursor: pointer;
        
		/*
		background: red;
		filter: Alpha(opacity=60);
		opacity: 0.6;
		-moz-opacity: 0.6;
		*/
	}
	div.videoDisplay_2_Container div.description_container
	{
        position: absolute;
        top: 85px;
        left: 0px;
        width: 221px;
        height: 60px;
        
        background: #000000;
        filter: Alpha(opacity=65);
        opacity: 0.65;
        -moz-opacity: 0.65;	
        
	}
	
		div.videoDisplay_2_Container div.description_container div.description_left_trigger
		{
			position: absolute;
			top: 0px;
			left: 0px;
			height: 60px;
			width: 175px;
			cursor: pointer;
        
			/*
			background: green;
			filter: Alpha(opacity=60);
			opacity: 0.6;
			-moz-opacity: 0.6;
			*/
		}
	
		div.videoDisplay_2_Container div.description_container div.description_right_trigger
		{
			position: absolute;
			top: 0px;
			left: 215px;
			height: 60px;
			width: 6px;
			cursor: pointer;
        
			/*
			background: green;
			filter: Alpha(opacity=60);
			opacity: 0.6;
			-moz-opacity: 0.6;
			*/
		}
	
		div.videoDisplay_2_Container div.description_container div.description_centerTop_trigger
		{
			position: absolute;
			top: 0px;
			left: 175px;
			height: 15px;
			width: 40px;
			cursor: pointer;
        
			/*
			background: green;
			filter: Alpha(opacity=60);
			opacity: 0.6;
			-moz-opacity: 0.6;
			*/
		}
	
		div.videoDisplay_2_Container div.description_container div.description_centerBottom_trigger
		{
			position: absolute;
			top: 35px;
			left: 175px;
			height: 25px;
			width: 40px;
			cursor: pointer;
        
			/*
			background: green;
			filter: Alpha(opacity=60);
			opacity: 0.6;
			-moz-opacity: 0.6;
			*/
		}
	
	
	div.videoDisplay_2_Container div.bottom_trigger
	{
		position: absolute;
		top: 145px;
		left: 0px;
		width: 221px;
		height: 18px;
        cursor: pointer;
        
		/*
		background: red;
		filter: Alpha(opacity=60);
		opacity: 0.6;
		-moz-opacity: 0.6;
		*/
	}
	

	
	div.videoDisplay_2_Container div.videoBrand
	{
		position: absolute;
		left: 10px;
		top: 100px;
        font-weight: bold;
		font-size: 8pt;
        color: #00b3e8;
		cursor: pointer;
        font-family: "Arial", Sans-Serif;
	}

	div.videoDisplay_2_Container div.videoDescription
	{
		position: absolute;
		left: 10px;
		top: 120px;
        font-weight: normal;
		font-size: 8pt;
        color: #fff;
		cursor: pointer;
        /*font-family: "Arial", Sans-Serif;*/
		font-family: "Verdana", Sans-Serif;
	}	
	
div.videoDisplay_2_Container div.control_info
{
	position: absolute;
	top: 100px;
	left: 175px;
	height: 20px;
	width: 20px;
	color: #00b3e8;
	cursor: pointer;
	font-family: "Arial", Sans-Serif;
	
	/*
	background: url("/img/icon_info.png") 50% 50% no-repeat;
	*/
       
	/*
	background: red;
	filter: Alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;	 
	*/
}




div.videoDisplay_2_Container div.control_play
{
	position: absolute;
	top: 100px;
	left: 195px;
	height: 20px;
	width: 20px;
	color: #00b3e8;
	cursor: pointer;
	font-family: "Arial", Sans-Serif;
	
	/*
	background: url("../../img/icon_play.png") 50% 50% no-repeat;
	*/
        
	/*
	background: red;
	filter: Alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;	
	*/
}




/*		<videoDisplay_2>		*/	



/*		<videoDisplay_1>		*/


div.videoDisplay_1_Container
{
	position : absolute;
	top: 0px;
	left: 0px;
	width: 107px;
	height: 80px;
}

div.videoDisplay_1_Container div.videoDisplay_1_ImageContainer
{
	position : absolute;
	top: 0px;
	left: 0px;
	width: 107px;
	height: 80px;
}


div.videoDisplay_1_Container div.description_container
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 107px;
    height: 80px;
    
    background: #000000;
    filter: Alpha(opacity=0);
    opacity: 0.0;
    -moz-opacity: 0.0;	
    
}

div.videoDisplay_1_Container div.videoBrand
{
	position:relative;
	width: 97px;
	font-family: "Arial", Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	color: #00b3e8;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	display: none;
}

div.videoDisplay_1_Container div.videoDescription
{
	position:relative;
	width: 97px;
    font-family: "Verdana", Sans-Serif;
	font-size: 9px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	display: none;
}

div.videoDisplay_1_Container div.overallTrigger
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 107px;
    height: 80px;
    cursor: pointer;
}

/*		<videoDisplay_1>		*/	
