/* 
 * CREDITS: 
 * Copyright (c) 2009 Massimiliano Balestrieri
 * $Date: 2010-06-23 15:31:04 +0200 (mer, 23 giu 2010) $
 * $Revision: 5 $
 * $Author: massimiliano.balestrieri $
 * $HeadURL: https://jbgallery.googlecode.com/svn/trunk/jbgallery-2.0.css $
 * $Id: jbgallery-2.0.css 5 2010-06-23 13:31:04Z 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;
background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    font-weight: bold;
    outline: medium none;
    padding: 3px;
}

html.jbg,body.jbg,.jbgallery,.jbgallery table,.jbgallery td{overflow:hidden;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: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;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;}
#jbgs li img{height:51px;width: 51px;border:2px solid #999;}
#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;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*/


/**********************************************  MENUSIMPLE ********************************************** */


#jbg-caption-opacity,#jbg-caption{visibility:hidden;position:absolute;z-index:1000;right:.7%;top:45px;width:480px;padding:10px;}/*height:375px;*/
#jbg-caption-opacity{background:#000; -moz-border-radius: 10px;
-webkit-border-radius: 10px;
filter:alpha(opacity=60) !important; 
	-moz-opacity:0.6 !important;
	-khtml-opacity: 0.6 !important;
	opacity: 0.6 !important;
	}/*height:385px;*/
#jbg-caption{color:#fff;overflow-y:auto;font-size:13px;}

/**********************************************  MENUSIMPLE ********************************************** */
#jbg-menu-opacity{z-index:100; margin:0px; position:absolute;top:5px;right:.7%;
width:98.6%;height:25px;padding-bottom:10px; -moz-border-radius: 10px;
-webkit-border-radius: 10px; background:#000;
filter:alpha(opacity=60) !important; 
	-moz-opacity:0.6 !important;
	-khtml-opacity: 0.6 !important;
	opacity: 0.6 !important;
	}

ul#jbg-menu{font-size:11px; right:2%; top:7px; z-index:1000;padding:0px;margin:0px;position:absolute; right:1%;}

ul#jbg-menu li{list-style:none;display:block;float:left;padding:4px;}

ul#jbg-menu li a{border:0;text-decoration:none;color:#000; text-indent:-10000px; display:block; width:30px; height:25px; }/*-moz-outline:none;*/	

ul#jbg-menu li a.visited{color:yellow;}
ul#jbg-menu li a.selected{color:red;}

/*controls*/
#jbg-menu .jbg-play{
	background:url(images/playButton.png) center center no-repeat;
	width:20px;
	}
	
	.jbg-play:hover, .jbg-stop:hover, .jbg-next:hover, .jbg-prev:hover, .jbg-info:hover{
		opacity: 0.6;
	}
#jbg-menu .jbg-stop{
	background:url(images/stopButton.png) center center no-repeat;
	width:24px;}
#jbg-menu .jbg-next{
	background:url(images/nextButton.png) center center no-repeat;}
#jbg-menu .jbg-prev{
	background:url(images/prevButton.png) center center no-repeat;}
#jbg-menu .jbg-info{
	background:url(images/captionButton.png) center center no-repeat; width:30px;}	

#brand{position:absolute;
top:10px;
left:1.3%;
width:53px;
height:25px;
background:url(images/cloudbrand.png) top left no-repeat;
z-index:1000;
}

#creditsOpacity{
	z-index:100; margin:0px; position:absolute;bottom:5px;left:.7%;
width:200px;height:20px;padding-bottom:10px; -moz-border-radius: 10px;
-webkit-border-radius: 10px; background:#000;
filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;

}

#credits{
z-index:1001;position:absolute;left:1.3%;bottom:5px;height:22px;width:400px;color:#fff;
text-decoration:none;
font-size:11px; 
 
}
#twitteryo{position:absolute;
left:160px;
top:-6px;
width:20px;
height:25px;
background:url(images/twitteryo.png) top left no-repeat;
	}
	
#credits p{
	margin:0;
	padding:0;
position:relative;
	text-shadow: 0px 0px 3px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 1px #000;
	font-size:12px;
	letter-spacing:1px;
	}
	#contact{
		position:absolute;
		right:0px;
		top:10px;
	}