﻿@charset "utf-8";

/* ImageFlow Settings
==================================== */
@media screen, projection {
	.imageflow {
		overflow:hidden;
		position:relative; 
		text-align:left;
		/*visibility:hidden;*/
		width:100%;
	}
	.imageflow img {
		border:solid 1px #CCCCCC;
		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-weight:bold;
		position:relative; 
		text-align:center;
		z-index:10001;
	}
	.imageflow .caption a {
	   font-size:9px;
   }
   .imageflow .caption span {
      display:block;
      margin-bottom:4px;
   }
	.imageflow .scrollbar {
		visibility:hidden;
		z-index:10002;
		height:16px;
		background:#000000 url(../images/imageflow/scrollbar.gif) repeat-x 0px -16px;
      position:relative;
	}
	.imageflow .scrollbarLeft {
	   left:0px;
	   width:88px;
      background:#000000 url(../images/imageflow/scrollbar.gif) no-repeat 0px 0px;
      z-index:10003;
      height:16px;
      position:absolute;
   }
	.imageflow .scrollbarRight {
      right:-1px;
      width:88px;
      background:#000000 url(../images/imageflow/scrollbar.gif) no-repeat 0px -32px;
	   z-index:10003;
      height:16px;
      position:absolute;
   }
	.imageflow .slider {
		background:url(../images/imageflow/slider.png) no-repeat;
		height:14px;
		margin:2px 0 0 -7px;
		position:absolute;
		width:14px;
		z-index:10004;
	}
	.imageflow .slideshow {
		cursor:pointer;
		height:14px;
		margin:20px 0 0 20px;
		position:absolute;
		width:14px;
		z-index:10004;
	}
	.imageflow .slideshow.pause {
		background:url(../images/imageflow/button_pause.png) no-repeat;
	}
	.imageflow .slideshow.play {
		background:url(../images/imageflow/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/imageflow/button_left.png) top left no-repeat;
		float:left;
		margin: -7px 0 0 -30px;
	}
	.imageflow .next {
		background: url(../images/imageflow/button_right.png) top left no-repeat;
		float:right;	
		margin:-7px -30px 0 30px;
	}
}
