/* 
 * CREDITS: 
 * Copyright (c) 2009 Massimiliano Balestrieri
 * $Date: 2010-06-25 09:21:30 +0200 (ven, 25 giu 2010) $
 * $Revision: 7 $
 * $Author: massimiliano.balestrieri $
 * $HeadURL: https://jbgallery.googlecode.com/svn/trunk/jbgallery-2.0.css $
 * $Id: jbgallery-2.0.css 7 2010-06-25 07:21:30Z 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;font-family:FreeSans,Arial,Helvetica,sans-serif;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{min-height:auto;min-width:auto;}

/*CENTERED*/
#jbg.centered{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:1;
	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:0px;z-index:1000;} 
#jbgs-opacity{background:#333;}
#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;background:url('sprite.html') no-repeat;}
.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;background:url('sprite.html') no-repeat;background-position:-32px 0px;}



/*TOP*/
#jbgs-top,#jbgs-top-opacity{width:100%;height:32px;position:absolute;top:0px;z-index:1000;}
#jbgs-top-opacity{background:#333;}
#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 {
	visibility:hidden;
	position:absolute;
	z-index:1000;
	left:50%;
	top:96px;
	width:500px;
	overflow:hidden; 
	margin-left:-465px;
	background:url(../images/tile.png) 0% 0% repeat;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:15px;
}/*height:375px;*/
#jbg-caption-opacity{position:absolute}/*height:385px;*/
#jbg-caption{font-size:12px; color:#fff; font-family:Verdana, Geneva, sans-serif}
#jbg-caption div {color:#fff}
#jbg-caption strong {color:#f4dc14}


/**********************************************  MENUSIMPLE ********************************************** */
ul#jbg-menu, #jbg-menu-opacity{
	z-index:1000;
	padding:0px;
	margin:0px;
	position:absolute;
	
}
#jbg-menu-opacity{width:100%;height:25px;background:#000; display:none !important}

ul#jbg-menu{
	font-size:13px; 
	margin-left:13px;
	background:url(../images/pagin_bg.gif) 0px 0 repeat-x;
	padding:8px 10px 10px 8px;
	top:83px;
	left:50%;
	margin-left:329px;
}
ul#jbg-menu li{list-style:none; display:block; float:left; margin:0px}
ul#jbg-menu li a{
	border:0;
	text-decoration:none;
	color:#000;
	background:url(../images/bull.png) -21px 0 no-repeat;
	display:block; 
	width:20px;
	margin-right:4px;
	height:20px;
	float:left;
	text-indent:-9000px;
	text-align: center;
	font-size: 13px;
	line-height: 21px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}/*-moz-outline:none;*/	
ul#jbg-menu li a:hover, ul#jbg-menu li a.selected{
	background:url(../images/bull.png) 0px 0 no-repeat;
	color: white;
}/*-moz-outline:none;*/	

ul#jbg-menu li a.visited{color:#000000;}
ul#jbg-menu li a.selected{color:#fff;}
	ul#jbg-menu li a.visited:hover{color:#fff;}


/*controls*/
.jbg-play{}
.jbg-stop{}
.jbg-next{ display:none !important}
.jbg-prev{ display:none !important}
.jbg-info{
	position:absolute; 
	background:url(../images/marker.png) 0 -58px no-repeat !important; 
	right: 7px !important;
	top: -84px;
	text-indent: -5000px;
}