﻿@charset "utf-8";

/* ImageFlow Settings
==================================== */
@media screen, projection {
	.imageflowimage {border: 1px solid #ffffff;}
	.imageflow {
		overflow:hidden;
		position:relative; 
		text-align:left;
		visibility:hidden;
		background: transparent;
		width: 610px;
		margin: 5px
	}
	.imageflow img {
		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 #ffffff;
		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-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 0.9em;
		font-weight:bold;
		position:relative; 
		text-align:center;
		color: #ffffff;
		z-index:10001;
	}
	.imageflow .caption a {
		color: #ffffff;
		text-decoration: none;
		}
	.imageflow .caption a:hover {
		color: #ffffff;
		text-decoration: underline;
		}
	.imageflow .scrollbar {
		background: #424242;
		border-top: 1px solid #7f7f7f;
		border-bottom: 1px solid #7f7f7f;
		position: relative; 
		visibility: hidden;
		z-index: 10002;
		height: 7px;
	}
	.imageflow .slider {
		background:url("images/slider.png") no-repeat;
		height:14px;
		margin: -1px 0 0 -14px;
		position:absolute;
		width:14px;
		z-index:10003;
	}
	.imageflow .slideshow {
		cursor:pointer;
		height:14px;
		margin:20px 0 0 20px;
		position:absolute;
		width:14px;
		z-index:10003;
	}
	.imageflow .slideshow.pause {
		background:url("images/button_pause.png") no-repeat;
	}
	.imageflow .slideshow.play {
		background:url("images/button_play.png") no-repeat;
	}
	.imageflow .images {
		overflow:hidden;
		white-space:nowrap;
	}
	.imageflow .button {
		cursor:pointer;
		height:17px;
		position:relative;
		width:17px;
	}
	.imageflow .previous {
		background: url("images/button_left.gif") top left no-repeat;
		float:left;
		margin: -5px 0 0 -17px;
	}
	.imageflow .next {
		background: url("images/button_right.gif") top left no-repeat;
		float:right;	
		margin: -5px -17px 0 17px;
	}
}
