/* Slideshow thumbnails */
#thumbnails {position: absolute; display: block; overflow: auto;
	opacity: 0;
	-moz-opacity: 0;
	-o-opacity: 0;
	-khtml-opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-overflow-scrolling: touch;
}
#thumbnails .jspVerticalBar {width: 5px;}
#thumbnails .jspHorizontalBar {height: 5px;}
#thumbnails ul {display: block; position: relative;}
#thumbnails ul li {cursor: pointer;
	opacity: 0.7;
	-moz-opacity: 0.7;
	-o-opacity: 0.7;
	-khtml-opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=70);
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;	
}
#thumbnails ul li:hover,
#thumbnails ul li.sel {
	opacity: 1.0;
	-moz-opacity: 1.0;
	-o-opacity: 1.0;
	-khtml-opacity: 1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;	
}
#thumbnails ul li.loading {opacity: 0;}
#thumbnails ul li .thumb {display: block; text-align: center; vertical-align: middle; padding-top: 0; overflow: hidden;}
#thumbnails ul li img {max-height: none; max-width: none;}
#thumbnails ul li img.portrait-fit {height: 100%; width: auto !important;}
#thumbnails ul li img.landscape-fit {width: 100%; height: auto !important;}

body.show_thumbnails #thumbnails {display: block; opacity: 1.0; filter: alpha(opacity=100);}
body.thumbs_over #thumbnails{background-color: #f6f6f6;}

#thumbnails::-webkit-scrollbar,
#blogThumbnails::-webkit-scrollbar {width: 5px; height: 5px;}

body.thumbs_over #thumbnails {display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -499; margin-bottom: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
body.thumbs_over.show_thumbnails #thumbnails {display: block; z-index: 499; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
body.thumbs_over #thumbnails ul {padding: 5px;}
body.thumbs_over.thumbs_fit #thumbnails li,
body.thumbs_over.thumbs_cropped #thumbnails li {position: relative; float: left; margin: 5px;}
body.thumbs_over.thumbs_normal #thumbnails li img {width: 100%; }

body.thumbs_bottom #thumbnails,
body.thumbs_top #thumbnails,
body.thumbs_bottom #thumbnails .jspPane,
body.thumbs_top #thumbnails .jspPane {text-align: center;}
body.thumbs_bottom #thumbnails ul, 
body.thumbs_top #thumbnails ul,
body.thumbs_bottom #thumbnails .jspPane ul,
body.thumbs_top #thumbnails .jspPane ul {margin: 0 auto;}

body.mobile.thumbs_over #thumbnails {
	-webkit-transition: left 200ms ease-in-out, right 200ms ease-in-out;
	-moz-transition: left 200ms ease-in-out, right 200ms ease-in-out;
	-o-transition: left 200ms ease-in-out, right 200ms ease-in-out;
	-ms-transition: left 200ms ease-in-out, right 200ms ease-in-out;
	transition: left 200ms ease-in-out, right 200ms ease-in-out;
}
body.mobile.menu_open.thumbs_over #thumbnails {left: 85%; right: -85%;}