/* 
   CSS for image flow event list of Teile-TV Events  
   used for external display of the event list carousel
*/
@media screen, projection {
	.imageflow {
		overflow:hidden;
		position:relative; 
		text-align:left;
		visibility:hidden;
		width:500px;	
		height:200px;	
		left:-80px;
	}
	.imageflow img {
		border:none;
		position:absolute; 
		top:0px; 
		visibility:hidden;
		-ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */
	}
	.imageflow p {
		margin:0 auto;
		text-align:center;
	}
	.imageflow .loading {
		border:1px solid white;
		height:15px;
		left:50%;
		margin-left:-106px;
		padding:5px;
		position:relative;
		visibility:visible;
		width:200px;
	}
	.imageflow .loading_bar {
		background:#fff;
		height:15px;
		visibility:visible;
		width:1%;
	}
	.imageflow .navigation{
		z-index:10000;
	}
	.imageflow .caption {
		font-size:10pt;
		font-weight:bold;
		position:relative; 
		text-align:center;
		z-index:10001;
		margin-top:4px;
		color:#0F6FA5;
	}
	.imageflow .scrollbar {
		border-bottom:1px solid #b3b3b3;
		position:relative; 
		visibility:hidden;
		z-index:10002;
		height:1px;
	}
	.imageflow .slider {
		background-image:url(slider.png);
		background-repeat:no-repeat;
		height:14px;
		margin:-6px 0 0 -7px;
		position:absolute;
		width:14px;
		z-index:10003;
	}
	.imageflow .images {
		overflow:hidden;
		white-space:nowrap;
	}
    .imageflow .button {
		cursor:pointer;
		height:17px;
		position:relative;
		width:17px;
	}
	.imageflow .previous {
		background: url(/resource/system/images/ImageFlow_ButtonPrevious.gif) top left no-repeat;
		float:left;
		margin: -76px 0 0 -12px;
	}
	.imageflow .next {
		background: url(/resource/system/images/ImageFlow_ButtonNext.gif) top left no-repeat;
		float:right;	
		margin:-76px 0px 0 0px; 
	} 
}