/* 
 * 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:#e8e8e8;}
html.loading *{visibility:hidden;}

html.jbg a{outline:none;}

html.jbg,body.jbg,.jbgallery,.jbgallery table,.jbgallery td{overflow:hidden;background:#e8e8e8; 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:#e8e8e8;}
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("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;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.png') 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.png') 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;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; background:#000}
#jbgs-h-prev{background-position: 0 121px;left:0px; background:#000;}
#jbgs-h-next{background-position: 0 105px;right:0px; background:#000;}
/*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;}

/**********************************************  MENUSIMPLE ********************************************** */
ul#jbg-menu, #jbg-menu-opacity{z-index:1000;padding:0px;margin:0px; left:356px	; position:absolute;top:665px;  }
#jbg-menu-opacity{width:100%;background:none; display:none;}

ul#jbg-menu{font-size:11px; line-height:16px; padding-left:78px;}
ul#jbg-menu li{list-style:none; display:inline; float:left}
ul#jbg-menu li a{display:block;  border:0;text-decoration:none;color:#fff; width:31px; height:29px; background:url(../images/but.png) top left no-repeat; padding-top:2px; text-indent:-1000em}/*-moz-outline:none;*/	
ul#jbg-menu li a.selected, ul#jbg-menu li a:hover.selected{color:#000; background:url(../images/but-act.png) top left no-repeat}
ul#jbg-menu li a:hover{background:url(../images/but-act.png) top left no-repeat}

/*controls*/
ul#jbg-menu .jbg-play{}
ul#jbg-menu .jbg-stop{}
ul#jbg-menu .jbg-next{width:35px;height:33px; background:url(../images/next.png) top left no-repeat; float:left; position:absolute; left:35px}
ul#jbg-menu .jbg-prev{width:36px;height:33px; background:url(../images/prev.png) top left no-repeat; float:left; position:absolute; left:0}
ul#jbg-menu .jbg-next:hover{width:35px;height:33px; background:url(../images/next.png) top left no-repeat; float:left; position:absolute; left:35px}
ul#jbg-menu .jbg-prev:hover{width:36px;height:33px; background:url(../images/prev.png) top left no-repeat; float:left; position:absolute; left:0}
ul#jbg-menu .jbg-info{display:none}