/**	supersize	**/





#supersized-loader {

position:absolute;

top:65%;

left:50%;

z-index:0;

width:60px;

height:60px;

margin:-30px 0 0 -30px;

text-indent:-999em;

background:url(../../../images/supersized/progress.gif) no-repeat center center;

}

	

#supersized {

position:fixed;

left:0;

top:0;

overflow:hidden;

z-index:-999;

height:100%;

width:100%;

}



#supersized img {

width:auto;

height:auto;

position:relative;

display:none;

outline:none;

border:none;

}



#supersized.speed img {

-ms-interpolation-mode:nearest-neighbor;

image-rendering: -moz-crisp-edges;

}



/*Speed*/



#supersized.quality img {

-ms-interpolation-mode:bicubic;

image-rendering: optimizeQuality;

}



/*Quality*/

		

#supersized a {

z-index:-30;

position:fixed;

overflow:hidden;

top:0; left:0;

width:100%;

height:100%;

background:#111;

display:block;

}



#supersized a.prevslide {

z-index:-20;

}



#supersized a.activeslide {

z-index:-10;

}



#supersized a.image-loading {

background:#111 url(../../../images/supersized/progress.gif) no-repeat center center;

width:100%;

height:100%;

}



#supersized a.prevslide img, #supersized a.activeslide img {

display:inline;

}



.hide_function {

position:absolute !important;

bottom:0px !important;

left:-9999px !important;

}





/**	full screen button **/



.close-box {

position:relative;

float:right;

background: transparent url(../../../images/expand.png) 0 0 no-repeat;

width:46px;

height:60px;

margin: 0px 0px 0 -10px;

cursor:pointer;

z-index:999;

}



.reduce {

/*background: transparent url(../../../images/closebox.png) 0 0 no-repeat !important;*/

/*margin:13px 0px 0 0 !important;*/

}





/**		button controls		**/



#space-button-controls {

float:right;

width:50px;

height:38px;

margin-top:-12px;

background : transparent url(../../../images/black-50.png) 0 0 repeat ;

}



#button-controls {

position:fixed;

right:9px;

bottom:3px;

background: transparent url(../../../images/supersized/up-controls.png) 0 0 no-repeat;

width:37px;

height:30px;

margin: 0;

cursor:pointer;

z-index:999;

}



#button-controls:hover {

background-position: 0 1px;

}



.down-button-controls {

right:70px !important;

bottom:4px !important;

}





/* Controls Bar

----------------------------*/



#controls-wrapper {

margin:0 auto;

height:42px;

width:100%;

bottom:0px;

left:0;

z-index:4;

background:url(../../../images/supersized/nav-bg.png) repeat-x;

position:fixed;

z-index:50;

}



#controls {

overflow:hidden;

height:100%;

position:relative;

text-align:left;

z-index:5;

}



#slidecounter {

float:left;

color:#999;

font-size:100% ;

text-shadow:#000 0 -1px 0;

margin:0px 10px 0 15px;

line-height:42px;

}



#slidecaption {

overflow:hidden;

float:left;

color:#FFF;

font-size:100%;

font-weight:400;

text-shadow:#000 1px 1px 2px;

margin:0 20px 0 12px;

line-height:42px;

}

			

#navigation {

float:right;

margin:0px 20px 0 0;

}



#play-button {

float:left;

margin-top:1px;

border-right:1px solid #333;

background:url('../../../images/supersized/bg-hover.png') repeat-x 0 44px;

}



#play-button:hover {

background-position:0 1px;

cursor:pointer;

}

				

#prevslide, #nextslide {
	position:fixed;
	height:43px;
	width:43px;
	top:50%;
	margin-top:-21px;
	opacity:0.6;
	z-index:20;
	z-index:1;
}



#prevslide {

left:10px;

background:url('../../../images/supersized/back.png');

}



#nextslide {

right:10px;

background:url('../../../images/supersized/forward.png');

}



#prevslide:active, #nextslide:active {

margin-top:-19px;

}



#prevslide:hover, #nextslide: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;

text-indent:-9999px;

background:url('../../../images/supersized/nav-dot.png') no-repeat 0 -24px;

}



ul#slide-list li a:hover {

background-position:0 -12px;

cursor:pointer;

}



#tray-button {

float:right;

margin-top:1px;

border-left:1px solid #333;

background:url('../../../images/supersized/bg-hover.png') repeat-x 0 44px;

}



#tray-button:hover {

background-position:0 1px;

cursor:pointer;

}

		

	

/* Progress Bar

----------------------------*/					



#progress-back {

z-index:20;

position:fixed;

bottom:42px;

height:8px;

width:100%;

background:url('../../../images/supersized/progress-back.png') repeat-x;

}



#progress-bar {

position:relative;

height:8px;

width:100%;

background:url('../../../images/supersized/progress-bar.png') repeat-x;

}

	

	

/* Thumbnail Navigation

----------------------------*/	



#nextthumb,#prevthumb {

z-index:20;

display:none;

position:fixed;

bottom:61px;

height:75px;

width:100px;

overflow:hidden;

background:#ddd;

border:1px solid #fff;

-webkit-box-shadow:0 0 5px #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:20;

bottom:0;

left:0;

background:url(../../../images/supersized/bg-black.png);

height:150px;

width:100%;

overflow:hidden;

text-align:center;

-moz-box-shadow: 0px 0px 4px #000;

-webkit-box-shadow: 0px 0px 4px #000;

box-shadow: 0px 0px 4px #000;

}

		

#thumb-back, #thumb-forward {

position:absolute;

z-index:5;

bottom:42px;

height:108px;

width:40px;

}



#thumb-back {

left:0;

background: url('../../../images/supersized/thumb-back.png') no-repeat center center;

}



#thumb-forward {

right:0;

background:url('../../../images/supersized/thumb-forward.png') no-repeat center center;

}



#thumb-back:hover, #thumb-forward:hover {

cursor:pointer;

background-color:rgba(256,256,256, 0.1);

}



#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;

list-style:none;

position:relative;

left:0px;

padding:0 0px;

}



ul#thumb-list li {

background:#111;

list-style:none;

display:inline;

width:150px;

height:108px;

overflow:hidden;

float:left;

margin:0;

}



ul#thumb-list li img {

width:150px;

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;

}



/**		button 		**/



#pauseplay {

display:block;

background: transparent url(../../../images/supersized/pause.png) 0 0 no-repeat ;

width:54px;

height:42px;

}



.full-screen-button-play {

background: transparent url(../../../images/supersized/play.png) 0 0 no-repeat !important;

}







#tray-arrow {

display:block;

background: transparent url(../../../images/supersized/button-tray-up.png) 0 0 no-repeat ;

width:54px;

height:42px;

}



.full-screen-button-arrow {

background: transparent url(../../../images/supersized/button-tray-down.png) 0 0 no-repeat !important;

}