/* Controls Bar
----------------------------*/
#controls-wrapper { margin:0 auto; height:30px; width:100%; bottom:0px; left:0; z-index:4; position:fixed; background-color:#000; z-index:9999999; }
#controls { /*overflow:hidden; */height:100%; position:relative; text-align:left; z-index:5; }
#slidecounter { float:left; color:#c00; font:11px "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0px 10px 0 15px; line-height:30px; font-weight:normal; hight:30px;}
#slidecaption { }
#slidecaption2 { overflow:hidden; float:left; color:#000; font:10px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; margin:0 20px 0 0; line-height:30px; letter-spacing:1px; height:30px}

#navigation { float:right; margin:0px 20px 0 0; }
#play-button{ float:left; margin-top:1px;border-right:1px solid #333; background:url('img/common/bg-hover.png') repeat-x 0 44px; }
#play-button:hover{ background-position:0 1px; cursor:pointer; }
				
				
				
#prevslide, #nextslide, #lastslide{ position:absolute; height:43px; width:43px; bottom:15%; margin-top:-21px; opacity:0.6;z-index:998; }
#topslide,#topslide2{ position:absolute; height:auto; width:auto; bottom:50%; right:0px; margin-top:-21px; opacity:0.6; }
		 
#prevslide{ right:10px; background:url('../img/common/forward.png'); }
#nextslide{ left:10px; background:url('../img/common/back.png'); }
#lastslide{ right:10px; background:url('../img/common/forward.png'); display:none; }
#prevslide:active, #nextslide:active, #lastslide:active { margin-top:-19px; }
#prevslide:hover, #nextslide:hover, #lastslide:hover, #topslide:hover, #topslide2:hover { cursor:pointer; }

	
					
ul#slide-list{ padding:15px 0; float:left; position:absolute; left:50%; }
ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; }
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }
ul#slide-list li a{ display:block; width:12px; height:12px;  }
ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }
				
#tray-button{ float:right; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; border-left:0px solid #333; color:#FFF; font:10px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; height:30px; line-height:30px;}
#tray-button img { margin-bottom:3px} 
#tray-button:hover{ cursor:pointer; color:#90C; }
	
	
/* Thumbnail Navigation
----------------------------*/	
#nextthumb,#prevthumb { z-index:2; display:none; position:fixed; bottom:61px; height:75px; width:100px; overflow:hidden; background:#ddd; border:1px solid #000; }
#nextthumb { right:12px; }
#prevthumb { left:12px; }
#nextthumb img, #prevthumb img { width:150px; height:auto;  }
#nextthumb:active, #prevthumb:active { bottom:59px; }
#nextthumb:hover, #prevthumb:hover { cursor:pointer; }
	
	
/* Thumbnail Tray
----------------------------*/			
#thumb-tray{ position:fixed; z-index:3; bottom:0; left:0; background:url('../img/common/bg-black.png'); height:83px; width:100%; overflow:hidden; text-align:center; }

ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; }
ul#thumb-list li{ background:#111; list-style:none; display:inline; width:80px; height:62px; overflow:hidden; float:left; margin:0; }
ul#thumb-list li img { width:80px; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); }
ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
ul#thumb-list li:hover{ cursor:pointer; }