/**	This file is part of the DYNAMIC CONTENT GALLERY Plugin

*	*******************************************************

*	Copyright 2008-2010  Ade WALKER  (email : info@studiograsshopper.ch)

*

* 	@package	Dynamic Content Gallery

*	@version	3.3.5

*

*	Modified CSS file based on original jd.gallery.css from SmoothGallery

*	See dfcg-gallery-mootools-styles.php for CSS elements set in Settings page.

*

*	v3.2	Line 72	Added text-align left

*	v3.2.2	Removed line 72 text-align left

*	

*/





#myGallery {

	z-index:5;

	}



#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: #000;

	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;

	background: #000;

	color: #fff;

	text-indent: 0;

	overflow: hidden;

}



.jdGallery .slideInfoZone h2

{

	border: 0 !important;

	font-weight: bold !important;

	background: none !important;

}



.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('img/loading-bar-black.gif');

}



* html .jdGallery .slideInfoZone

{

	bottom: -1px;

}



.jdGallery div.carouselContainer

{

	position: absolute;

	height: 135px;

	width: 100%;

	z-index: 10;

	margin: 0px;

	left: 0;

	top: 0;

}



.jdGallery a.carouselBtn

{

	display: none;
	
	position: absolute;

	bottom: 0;

	right: 30px;

	height: 20px;

	width: 100px; background: url('http://premiercarebathing.com/wp-content/plugins/dynamic-content-gallery-plugin/js-mootools/css/img/carousel_btn.gif') no-repeat;

	text-align: center;

	padding: 0 10px;

	font-size: 13px;

	background: #000;

	color: #fff;

	cursor: pointer;

}



.jdGallery .carousel

{

	position: absolute;

	width: 100%;

	margin: 0px;

	left: 0;

	top: 0;

	height: 115px;

	background: #000;

	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);

	-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; }*/



/* IE fix */

/** 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('http://premiercarebathing.com/wp-content/plugins/dynamic-content-gallery-plugin/js-mootools/css/img/carousel_btn.gif') no-repeat;*/

	text-align: center;

	padding: 0 10px;

	font-size: 13px;

	background: #333;

	color: #fff;

	cursor: pointer;

	opacity: .4;

	-moz-opacity: .4;

	-khtml-opacity: 0.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;

}



/* Dynamic Content Gallery Plugin versions 2.0+ */

/************************************************/



/* Added CSS fix for display of arrows in IE7   */

/* Fix arrows in IE7 and problem with top margin */



*:first-child+html .slideInfoZone {

    bottom: -1px;

   }

*:first-child+html .jdGallery a.right, *:first-child+html .jdGallery a.left {

    filter:alpha(opacity=20);

   }

*:first-child+html .jdGallery a.right:hover, *:first-child+html .jdGallery a.left:hover {

    filter:alpha(opacity=80);

   }

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

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

/**:first-child+html a.open:hover {

   background: url('img/open.gif') no-repeat center center;

    filter:alpha(opacity=80);

   }*/

/* End of arrows IE7 fix */