#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 .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 .slideInfoZone h2

{

padding: 0;

font-size: 14px;

margin: 0;

margin: 2px 5px;

font-weight: bold;

color: #FFFFFF;

}



.jdGallery .slideInfoZone p

{

padding: 0;

font-size: 11px;

margin: 2px 5px;

color: #fff;

}



.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: #8e0c3a;

color: #fff;

cursor: pointer;

}



.jdGallery .carousel

{

position: absolute;

width: 100%;

margin: 0px;

left: 0;

top: 0;

height: 115px;

background: #8e0c3a;

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: #ffffff;
font-weight: bold;

}



.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: 13px;

background: #000;

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

}



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

}