#myGallery, #myGallerySet, #flickrGallery



{



	width: 220px;



	height: 180px;



	z-index:5;



	border: 1px solid blue;/* HERE */



	background: none;



	margin-bottom: 10px;



}







#flickrGallery



{



	width: 500px;



	height: 334px;



}







#myGallery img.thumbnail, #myGallerySet img.thumbnail



{



	display: none;



}







.jdGallery



{



	overflow: hidden;



	position: relative;



}







.jdGallery img



{



	border: 0;



	margin: 0;



}







.jdGallery .slideElement



{



	width: 100%;



	height: 100%;



	background-color: #ffffff;



	background-repeat: no-repeat;



	background-position: center center;



	background-image: url('img/loading-bar-black.gif');



}







.jdGallery .loadingElement



{



	width: 100%;



	height: 100%;



	position: absolute;



	left: 0;



	top: 0;



	background-color: #ffffff;



	background-repeat: no-repeat;



	background-position: center center;



	background-image: url('img/loading-bar-black.gif');



}







.jdGallery .slideInfoZone



{



	position: absolute;



	z-index: 10;



	width: 100%;



	margin: 0px;



	left: 0;



	bottom: 0;



	height: 45px;



	background: #EEE;



	color: #000000;



	text-indent: 0;



	text-align: left;



	overflow: hidden;



	font-family: Tahoma;



}







* html .jdGallery .slideInfoZone



{



	bottom: -1px;



}







.jdGallery .slideInfoZone h2



{



	padding: 0;



	font-size: 13px;



	margin: 0;



	margin: 2px 5px;



	font-weight: bold;



	color: inherit;



}







.jdGallery .slideInfoZone p



{



	padding: 0;



	font-size: 10px;



	margin: 2px 5px;



	color: #000;



}







.jdGallery div.carouselContainer



{



	position: absolute;



	height: 135px;



	width: 100%;



	z-index: 10;



	margin: 0px;



	left: 0;



	top: 0;



}







.jdGallery a.carouselBtn



{



	position: absolute;



	bottom: 0;



	right: 30px;



	height: 20px;



	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/



	text-align: center;



	padding: 0 10px;



	font-size: 13px;



	background: #888888;



	color: #000000;



	cursor: pointer;



}







.jdGallery .carousel



{



	position: absolute;



	width: 100%;



	margin: 0px;



	left: 0;



	top: 0;



	height: 115px;



	background: #888888;



	color: #fff;



	text-indent: 0;



	overflow: hidden;



}







.jdExtCarousel



{



	overflow: hidden;



	position: relative;



}







.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper



{



	position: absolute;



	width: 100%;



	height: 78px;



	top: 10px;



	left: 0;



	overflow: hidden;



}







.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner



{



	position: relative;



}







.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail



{



	cursor: pointer;



	background: none;



	background-position: center center;



	float: left;



	border: solid 1px #fff;



}







.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail



{



	margin-bottom: 10px;



}







.jdGallery .carousel .label, .jdExtCarousel .label



{



	font-size: 13px;



	position: absolute;



	bottom: 5px;



	left: 10px;



	padding: 0;



	margin: 0;



}







.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton



{



	font-size: 12px;



	position: absolute;



	bottom: 5px;



	right: 10px;



	padding: 1px 2px;



	margin: 0;



	background: none;



	border: 1px solid #888;



	cursor: pointer;



}







.jdGallery .carousel .label .number, .jdExtCarousel .label .number



{



	color: #b5b5b5;



}







.jdGallery a



{



	font-size: 100%;



	text-decoration: none;



	color: inherit;



}







.jdGallery a.right, .jdGallery a.left



{



	position: absolute;



	height: 99%;



	width: 25%;



	cursor: pointer;



	z-index:10;



	filter:alpha(opacity=20);



	-moz-opacity:0.2;



	-khtml-opacity: 0.2;



	opacity: 0.2;



}







* html .jdGallery a.right, * html .jdGallery a.left



{



	filter:alpha(opacity=50);



}







.jdGallery a.right:hover, .jdGallery a.left:hover



{



	filter:alpha(opacity=80);



	-moz-opacity:0.8;



	-khtml-opacity: 0.8;



	opacity: 0.8;



}







.jdGallery a.left



{



	left: 0;



	top: 0;



	background: url('img/fleche1.png') no-repeat center left;



}







* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }







.jdGallery a.right



{



	right: 0;



	top: 0;



	background: url('img/fleche2.png') no-repeat center right;



}







* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }







.jdGallery a.open



{



	left: 0;



	top: 0;



	width: 100%;



	height: 100%;



}







.withArrows a.open



{



	position: absolute;



	top: 0;



	left: 25%;



	height: 99%;



	width: 50%;



	cursor: pointer;



	z-index: 10;



	background: none;



	-moz-opacity:0.8;



	-khtml-opacity: 0.8;



	opacity: 0.8;



}







.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }







* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;



	filter:alpha(opacity=80); }



	



	



/* Gallery Sets */







.jdGallery a.gallerySelectorBtn



{



	z-index: 15;



	position: absolute;



	top: 0;



	left: 30px;



	height: 20px;



	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/



	text-align: center;



	padding: 0 10px;



	font-size: 12px;



	font-weight: bold;



	border: 1px solid #bbb;



	background: #fff;



	color: #444;



	cursor: pointer;



	opacity: .5;



	-moz-opacity: .5;



	-khtml-opacity: 0.5;



	filter:alpha(opacity=50);



}







.jdGallery .gallerySelector



{



	z-index: 20;



	width: 100%;



	height: 100%;



	position: absolute;



	top: 0;



	left: 0;



	background: #fff;



}







.jdGallery .gallerySelector h2



{



	margin: 0;



	padding: 10px 20px 10px 20px;



	font-size: 14px;



	line-height: 20px;



	color: #000;



}







.jdGallery .gallerySelector .gallerySelectorWrapper



{



	overflow: hidden;



}







.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton



{



	margin-left: 10px;



	margin-top: 10px;



	border: 1px solid #444;



	padding: 5px;



	height: 40px;



	color: #000;



	cursor: pointer;



	float: left;



}







.jdGallery .gallerySelector .gallerySelectorInner div.hover



{



	background: #EEE;



}







.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview



{



	background: #fff;



	background-position: center center;



	float: left;



	border: none;



	width: 40px;



	height: 40px;



	margin-right: 5px;



}







.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3



{



	margin: 0;



	padding: 0;



	font-size: 12px;



	font-weight: normal;



}







.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info



{



	margin: 0;



	padding: 0;



	font-size: 12px;



	font-weight: normal;



	color: #aaa;



}