/* CSS Document */
/**********************************************************************************
*	Filename: panel-carousel.css
*	Purpose: All the CSS Rules required to design web pages.
*	Author: Vicky Shinde vicky.shinde[at]gmail[dot]com
**********************************************************************************/
#controls-wrapper{height:42px;left:0;margin:0 auto;position:absolute;top:472px;width:100%;z-index:4;}
#controls{height:100%;overflow:hidden;position:relative;text-align:left;z-index:5; margin-top:-6px;}
*+html #controls-wrapper{z-index:-5;}
#slidecounter{color:#999;float:left;font:14px "Helvetica Neue", Helvetica, Arial, sans-serif;line-height:42px;margin:0 10px 0 15px;text-shadow:#000 0 -1px 0;}
#slidecaption{color:#FFF;float:left;font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif;line-height:42px;margin:0 20px 0 0;overflow:hidden;text-shadow:#000 1px 1px 2px;}
#play-button{background:url(../images/bg-hover.png) repeat-x 0 44px;border-right:1px solid #333;float:left;margin-top:1px;}
#prevslide,#nextslide{float:left;height:37px;width:21px;}
#prevslide{background:url(../images/back.png);}
#nextslide{background:url(../images/forward.png);}
ul#slide-list{float:left;left:50%;padding:0px 0px 5px 0;position:absolute;}
ul#slide-list li{float:left;height:14px;list-style:none;margin:0 5px 0 0;width:14px;}
ul#slide-list li.current-slide a,ul#slide-list li.current-slide a:hover{background-position:0 -14px;}
ul#slide-list li a{background:url(../images/nav-dot.png) no-repeat 0 0;display:block;height:14px;width:14px;}
ul#slide-list li a:hover{background-position:0 -14px;cursor:pointer;}
#tray-button{background:url(../images/bg-hover.png) repeat-x 0 44px;border-left:1px solid #333;float:right;margin-top:1px;}
#progress-back{background:url(../images/progress-back.png) repeat-x;bottom:42px;height:8px;left:0;position:fixed;width:100%;z-index:5;}
#progress-bar{background:url(../images/progress-bar.png) repeat-x;height:8px;position:relative;width:100%;}
#nextthumb,#prevthumb{-webkit-box-shadow:0 0 5px #000;background:#ddd;border:1px solid #fff;bottom:61px;display:none;height:75px;overflow:hidden;position:fixed;width:100px;z-index:2;}
#nextthumb{right:12px;}
#prevthumb{left:12px;}
#nextthumb img,#prevthumb img{height:auto;width:150px;}
#nextthumb:active,#prevthumb:active{bottom:59px;}
#thumb-tray{-moz-box-shadow:0 0 4px #000;-webkit-box-shadow:0 0 4px #000;background:url(../images/bg-black.png);bottom:0;box-shadow:0 0 4px #000;height:150px;left:0;overflow:hidden;position:fixed;text-align:center;width:100%;z-index:3;}
#thumb-back,#thumb-forward{bottom:42px;height:108px;position:absolute;width:40px;z-index:5;}
#thumb-back{background:url(../images/thumb-back.png) no-repeat center center;left:0;}
#thumb-forward{background:url(../images/thumb-forward.png) no-repeat center center;right:0;}
#thumb-back:hover,#thumb-forward:hover{background-color:rgba(256,256,256,0.1);cursor:pointer;}
#thumb-back:hover{border-right:1px solid rgba(256,256,256,0.2);}
#thumb-forward:hover{border-left:1px solid rgba(256,256,256,0.2);}
ul#thumb-list{display:inline-block;left:0;list-style:none;padding:0;position:relative;}
ul#thumb-list li{background:#111;display:inline;float:left;height:108px;list-style:none;margin:0;overflow:hidden;width:150px;}
ul#thumb-list li img{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);filter:alpha(opacity=60);height:auto;opacity:0.5;width:200px;}
ul#thumb-list li.current-thumb img,ul#thumb-list li:hover img{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);opacity:1;}
#play-button:hover,#tray-button:hover{background-position:0 1px;cursor:pointer;}
#prevslide:hover,#nextslide:hover,#nextthumb:hover,#prevthumb:hover,ul#thumb-list li:hover{cursor:pointer;}