/* 
 * CREDITS: 
 * Copyright (c) 2009 Massimiliano Balestrieri
 * $Date: 2010-09-01 09:24:35 +0200 (mer, 01 set 2010) $
 * $Revision: 9 $
 * $Author: massimiliano.balestrieri $
 * $HeadURL: https://jbgallery.googlecode.com/svn/trunk/jbgallery-2.0.css $
 * $Id: jbgallery-2.0.css 9 2010-09-01 07:24:35Z massimiliano.balestrieri $
 * Thanks to Aaron Hutten and Simone Parato
*/

/*{border:0px solid #eee;margin:0;padding:0;list-style:none}*/
html.loading{background:#000;}
html.loading *{visibility:hidden;}

html.jbg a{outline:none;}

html.jbg,body.jbg,.jbgallery,.jbgallery table,.jbgallery td{background:#000;width:100%;height:100%; margin:0;padding:0px;}
/*html.ie6{overflow:hidden;}*/

.jbgallery div{position:fixed;width:200%;height:200%;top:-50%;left:-50%;background:#000;}
html.ie6 .jbgallery div{position:absolute;}

.jbgallery td{vertical-align:middle;text-align:center}
.jbgallery img{margin:0 auto}
.jbgallery img.zoom{min-height:50%;min-width:50%;}
.jbgallery img.centered, .jbgallery img.original{min-height:auto;min-width:auto;}

/*CENTERED*/
#jbg.centered, #jbg.original{position:static;width:auto;height:100%;}

/*CENTERED MODAL*/
#jbg.modal{position:absolute;width:200%;top:0;}

/*LOADING*/
#jbg-loading{position:absolute;width:100%;height:100%;/*z-index:1000;*/display:none;}
.jbg-loading{margin:auto;background:transparent url("../images/ajax-loader.gif") no-repeat scroll 50% 50%;height:100%;width:100%;border:4px;display:block;}

/*OPTIONAL CONTENT AND MENU -> customize this */
#jbg-content{top:0px;left:0px;position:absolute;font-size:11px;z-index:1000;width:100%;height:100%;overflow:auto}


/**********************************************  SLIDER ********************************************** */
#jbgs-opacity,#jbgs {width:100%;height:70px;position:absolute;bottom:0;z-index:1000; display:none;} 
#jbgs-opacity{background:#000;}
#jbgs-left,#jbgs-right, #jbgs-wrapper{position:relative;}
#jbgs-left, #jbgs-right, #jbgs-viewer{float:left;height:70px;}
/* LEFT/RIGHT SLIDER*/
#jbgs-left{width:105px;}
#jbgs-right{width:20px;}
/* VIEWER */
#jbgs-viewer{position:relative;overflow:hidden;/*width:1020px;calcolata da jquery?*/}
/* INNER */
#jbgs-inner{position:relative;left:0;top:0;width:20000px;}
/* INNER : todo padding e margin. thumb dimensions*/
#jbgs a{color:#333;}
#jbgs img{border:0;}
#jbgs ul, #jbgs li {margin:0;padding:0;}
#jbgs li {display: block;list-style: none;float: left;height: 51px;width: 60px;}
#jbgs li a {	display:block;padding:3px;margin: 5px 5px 5px 2px;}
/* new - 21/06/2010*/
#jbgs li a div{position:relative;height:51px;width:51px;overflow:hidden;border:2px solid #999999;}
#jbgs li img{height:auto;width:auto;border:0;/*height:51px;width: 51px;border:2px solid #999;*/}
#jbgs img.jbgs-thumb-landscape{height:51px;position:absolute;}
#jbgs img.jbgs-thumb-portrait{width:51px;position:absolute;}
#jbgs li img.focus{border-color:#fff;}

.jbgs-h{position:absolute;}
.jbgs-h, .jbgs-h:hover, .jbgs-h:active{text-align:left;text-indent:-9999px;letter-spacing:-9999px;}/*Simone Parato*/
#jbgs-h-pause,#jbgs-h-play{width:55px;height:28px;left:18px;top:22px;}
#jbgs-h-left,#jbgs-h-right{width:16px;height:49px;top:10px;}
#jbgs-h-left{background-position: 0 0;left:90px;}
#jbgs-h-right{background-position: -16px 0;left:6px;}
#jbgs-h-play{background-position: 0 -49px;}
#jbgs-h-pause{background-position: 0 -76px;}
/*THUMBS*/
.jbgs-thumb{position:absolute;bottom:70px;z-index:1000;}
.jbgs-thumb img{display:block;border:2px solid #fff;}
.jbgs-thumb img.jbgs-thumb-portrait{width:100px;}
.jbgs-thumb img.jbgs-thumb-landscape{height:100px;}
.jbgs-thumb-btn{height:6px;}
.jbgs-thumb-tip{height:6px;width:12px;margin:0 auto;}



/*TOP*/
#jbgs-top,#jbgs-top-opacity{width:100%;height:32px;position:absolute;top:0;z-index:1000;}
#jbgs-top-opacity{background:none;}
#jbgs-top a, #jbgs-top span{color:#fff;font-size:13px;text-decoration:none;}
#jbgs-top-right{position:absolute;right:10px;padding-top:5px;}
#jbgs-top-center{margin:0 auto;width:126px;position:relative}
#jbgs-h-prev,#jbgs-h-next{position:absolute;width:62px;height:16px;top:7px}
#jbgs-h-prev{background-position: 0 -121px;left:0px;}
#jbgs-h-next{background-position: 0 -105px;right:0px;}
/*CAPTION*/
#jbg-caption-opacity,#jbg-caption{visibility:hidden;position:absolute;z-index:1000;right:1px;top:40px;width:500px;overflow:hidden;padding:10px;}/*height:375px;*/
#jbg-caption-opacity{background:#333;}/*height:385px;*/
#jbg-caption{color:#fff;overflow-y:auto;font-size:13px;}

/**********************************************  MENUSIMPLE ********************************************** */
ul#jbg-menu, #jbg-menu-opacity{z-index:1000;padding:0px;margin:0px;position:absolute;bottom:0px;right:0px;}
#jbg-menu-opacity{width:100%;height:0;background:none; position:relative;}
ul#jbg-menu{       float: right;
    font-size: 13px;
    height: 56px;
    right: 8px;
    top: 100px;
}
#jbg-menu-wrapper {
    background-color: rgba(255, 255, 255, 0.3) !important;
    border-radius: 20px 20px 20px 20px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 105px;
    width: 290px;
    behavior: url(js/PIE.php);
    
}
ul#jbg-menu li{list-style:none; float:left; padding:15px 0 0 18px;}
ul#jbg-menu li a{border:0; width:17px; height:12px; margin:0 0 -10px 0; float:left; background-repeat:no-repeat; background-position:-19px 0; background-image:url(../images/thumbs-sprite.png); text-indent:-9999px; position:relative;}/*-moz-outline:none;*/	

ul#jbg-menu li a.selected,
ul#jbg-menu li a:hover {
	background-position:0 0;
}

/*controls*/
.jbg-play,
.jbg-stop,
.jbg-info { 
	display:none !important;
}
ul#jbg-menu li a.jbg-next,
ul#jbg-menu li a.jbg-prev {
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	display:block;
	width:6px;
	height:28px;
	position:relative;
}
ul#jbg-menu li a.jbg-next {
	background-image:url(../images/next.gif);
	margin-right:-6px;
	left:0px;
	top:0px;
}
ul#jbg-menu li a.jbg-prev {
	background-image:url(../images/prev.gif);
	background-position:0 0px;
	margin-left: -15px;
}