.myGallery, #myGallerySet, #flickrGallery {
	width   : 400px;
	height  : 345px;
	z-index : 5;
	border  : 1px solid #CCC;
}

#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    : #FFF;
	background-repeat   : no-repeat;
	background-position : center center;
	background-image    : url('../images/loading-bar-black.gif');
}

.jdGallery .loadingElement {
	width               : 100%;
	height              : 100%;
	position            : absolute;
	left                : 0;
	top                 : 0;
	background-color    : #000;
	background-repeat   : no-repeat;
	background-position : center center;
	background-image    : url('../images/loading-bar-black.gif');
}

.jdGallery .slideInfoZone {
	position    : absolute;
	z-index     : 10;
	width       : 100%;
	margin      : 0px;
	left        : 0;
	bottom      : 0;
	height      : 60px;
	background  : #333;
	color       : #fff;
	text-indent : 0;
	overflow    : hidden;
}

* html .jdGallery .slideInfoZone {
	bottom : -1px;
}

.jdGallery .slideInfoZone h2 {
	padding     : 0;
	font-size   : 90%;
	margin      : 0;
	margin      : 2px 5px;
	font-weight : normal;
	color       : #EEEEEE;
}

.jdGallery .slideInfoZone p {
	padding   : 0;
	font-size : 90%;
	margin    : 2px 5px;
	color     : #eee;
}

.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('../images/carousel_btn.gif') no-repeat;*/
	text-align : center;
	padding    : 0 10px;
	font-size  : 13px;
	background : #333;
	color      : #fff;
	cursor     : pointer;
}

.jdGallery .carousel {
	position    : absolute;
	width       : 100%;
	margin      : 0px;
	left        : 0;
	top         : 0;
	height      : 115px;
	background  : #333;
	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          : #000;
	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  : 10px;
	position   : absolute;
	bottom     : 5px;
	right      : 10px;
	padding    : 1px 2px;
	margin     : 0;
	background : #222;
	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);
	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);
	opacity : 0.8;
}

.jdGallery a.left {
	left       : 0;
	top        : 0;
	background : url('../images/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left {
	background : url('../images/fleche1.gif') no-repeat center left;
}

.jdGallery a.right {
	right      : 0;
	top        : 0;
	background : url('../images/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right {
	background : url('../images/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;
	opacity    : 0.8;
}

.withArrows a.open:hover {
	background : url('../images/open.png') no-repeat center center;
}

* html .withArrows a.open:hover {
	background : url('../images/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('../images/carousel_btn.gif') no-repeat;*/
	text-align : center;
	padding    : 0 10px;
	font-size  : 13px;
	background : #333;
	color      : #fff;
	cursor     : pointer;
	opacity    : .4;
	filter     : alpha(opacity=40);
}

.jdGallery .gallerySelector {
	z-index    : 20;
	width      : 100%;
	height     : 100%;
	position   : absolute;
	top        : 0;
	left       : 0;
	background : #000;
}

.jdGallery .gallerySelector h2 {
	margin      : 0;
	padding     : 10px 20px 10px 20px;
	font-size   : 20px;
	line-height : 30px;
	color       : #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper {
	overflow : hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {
	margin-left : 10px;
	margin-top  : 10px;
	border      : 1px solid #888;
	padding     : 5px;
	height      : 40px;
	color       : #fff;
	cursor      : pointer;
	float       : left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover {
	background : #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
	background          : #000;
	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;
}