#myGallery
{
    BORDER-RIGHT: #000 1px solid;
    BORDER-TOP: #000 1px solid;
    Z-INDEX: 5;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 640px;
    BORDER-BOTTOM: #000 1px solid;
    HEIGHT: 480px
}
#myGallerySet
{
    BORDER-RIGHT: #000 1px solid;
    BORDER-TOP: #000 1px solid;
    Z-INDEX: 5;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 460px;
    BORDER-BOTTOM: #000 1px solid;
    HEIGHT: 345px
}
#flickrGallery
{
    BORDER-RIGHT: #000 1px solid;
    BORDER-TOP: #000 1px solid;
    Z-INDEX: 5;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 460px;
    BORDER-BOTTOM: #000 1px solid;
    HEIGHT: 345px
}
#flickrGallery
{
    WIDTH: 500px;
    HEIGHT: 334px
}
#myGallery IMG.thumbnail
{
    DISPLAY: none
}
#myGallerySet IMG.thumbnail
{
    DISPLAY: none
}
.jdGallery
{
    OVERFLOW: hidden;
    POSITION: relative
}
.jdGallery IMG
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    MARGIN: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}
.jdGallery .slideElement
{
    BACKGROUND-POSITION: center center;
    BACKGROUND-IMAGE: url(img/loading-bar-black.gif);
    WIDTH: 100%;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 100%;
    BACKGROUND-COLOR: #000
}
.jdGallery .loadingElement
{
    BACKGROUND-POSITION: center center;
    LEFT: 0px;
    BACKGROUND-IMAGE: url(img/loading-bar-black.gif);
    WIDTH: 100%;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 100%;
    BACKGROUND-COLOR: #000
}
.jdGallery .slideInfoZone
{
    Z-INDEX: 10;
    BACKGROUND: #333;
    LEFT: 0px;
    MARGIN: 0px;
    OVERFLOW: hidden;
    WIDTH: 100%;
    COLOR: #fff;
    BOTTOM: 0px;
    TEXT-INDENT: 0px;
    POSITION: absolute;
    HEIGHT: 40px
}
 HTML .jdGallery .slideInfoZone
{
    BOTTOM: -1px
}
.jdGallery .slideInfoZone H2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 100%;
    PADDING-BOTTOM: 0px;
    MARGIN: 2px 5px;
    PADDING-TOP: 0px
}
.jdGallery .slideInfoZone P
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 100%;
    PADDING-BOTTOM: 0px;
    MARGIN: 2px 5px;
    COLOR: #eeeeee;
    PADDING-TOP: 0px
}
.jdGallery DIV.carouselContainer
{
    Z-INDEX: 10;
    LEFT: 0px;
    MARGIN: 0px;
    WIDTH: 100%;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 135px
}
.jdGallery A.carouselBtn
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-SIZE: 13px;
    RIGHT: 30px;
    BACKGROUND: #333;
    PADDING-BOTTOM: 0px;
    CURSOR: pointer;
    COLOR: #fff;
    BOTTOM: 0px;
    PADDING-TOP: 0px;
    POSITION: absolute;
    HEIGHT: 20px;
    TEXT-ALIGN: center
}
.jdGallery .carousel
{
    BACKGROUND: #333;
    LEFT: 0px;
    MARGIN: 0px;
    OVERFLOW: hidden;
    WIDTH: 100%;
    COLOR: #fff;
    TEXT-INDENT: 0px;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 115px
}
.jdExtCarousel
{
    OVERFLOW: hidden;
    POSITION: relative
}
.jdGallery .carousel .carouselWrapper
{
    LEFT: 0px;
    OVERFLOW: hidden;
    WIDTH: 100%;
    POSITION: absolute;
    TOP: 10px;
    HEIGHT: 78px
}
.jdExtCarousel .carouselWrapper
{
    LEFT: 0px;
    OVERFLOW: hidden;
    WIDTH: 100%;
    POSITION: absolute;
    TOP: 10px;
    HEIGHT: 78px
}
.jdGallery .carousel .carouselInner
{
    POSITION: relative
}
.jdExtCarousel .carouselInner
{
    POSITION: relative
}
.jdGallery .carousel .carouselInner .thumbnail
{
    BORDER-RIGHT: #fff 1px solid;
    BORDER-TOP: #fff 1px solid;
    BACKGROUND: #000 center center;
    FLOAT: left;
    BORDER-LEFT: #fff 1px solid;
    CURSOR: pointer;
    BORDER-BOTTOM: #fff 1px solid
}
.jdExtCarousel .carouselInner .thumbnail
{
    BORDER-RIGHT: #fff 1px solid;
    BORDER-TOP: #fff 1px solid;
    BACKGROUND: #000 center center;
    FLOAT: left;
    BORDER-LEFT: #fff 1px solid;
    CURSOR: pointer;
    BORDER-BOTTOM: #fff 1px solid
}
.jdGallery .wall .thumbnail
{
    MARGIN-BOTTOM: 10px
}
.jdExtCarousel .wall .thumbnail
{
    MARGIN-BOTTOM: 10px
}
.jdGallery .carousel .label
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 13px;
    LEFT: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BOTTOM: 5px;
    PADDING-TOP: 0px;
    POSITION: absolute
}
.jdExtCarousel .label
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 13px;
    LEFT: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BOTTOM: 5px;
    PADDING-TOP: 0px;
    POSITION: absolute
}
.jdGallery .carousel .wallButton
{
    BORDER-RIGHT: #888 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #888 1px solid;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10px;
    RIGHT: 10px;
    BACKGROUND: #222;
    PADDING-BOTTOM: 1px;
    MARGIN: 0px;
    BORDER-LEFT: #888 1px solid;
    CURSOR: pointer;
    BOTTOM: 5px;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #888 1px solid;
    POSITION: absolute
}
.jdExtCarousel .wallButton
{
    BORDER-RIGHT: #888 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #888 1px solid;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10px;
    RIGHT: 10px;
    BACKGROUND: #222;
    PADDING-BOTTOM: 1px;
    MARGIN: 0px;
    BORDER-LEFT: #888 1px solid;
    CURSOR: pointer;
    BOTTOM: 5px;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #888 1px solid;
    POSITION: absolute
}
.jdGallery .carousel .label .number
{
    COLOR: #b5b5b5
}
.jdExtCarousel .label .number
{
    COLOR: #b5b5b5
}
.jdGallery A
{
    FONT-SIZE: 100%;
    TEXT-DECORATION: none
}
.jdGallery A.right
{
    Z-INDEX: 10;
    FILTER: alpha(opacity=20);
    WIDTH: 25%;
    CURSOR: pointer;
    POSITION: absolute;
    HEIGHT: 99%;
    moz-opacity: 0.2;
    khtml-opacity: 0.2;
    opacity: 0.2
}
.jdGallery A.left
{
    Z-INDEX: 10;
    FILTER: alpha(opacity=20);
    WIDTH: 25%;
    CURSOR: pointer;
    POSITION: absolute;
    HEIGHT: 99%;
    moz-opacity: 0.2;
    khtml-opacity: 0.2;
    opacity: 0.2
}
 HTML .jdGallery A.right
{
    FILTER: alpha(opacity=50)
}
 HTML .jdGallery A.left
{
    FILTER: alpha(opacity=50)
}
.jdGallery A.right:hover
{
    FILTER: alpha(opacity=80);
    moz-opacity: 0.8;
    khtml-opacity: 0.8;
    opacity: 0.8
}
.jdGallery A.left:hover
{
    FILTER: alpha(opacity=80);
    moz-opacity: 0.8;
    khtml-opacity: 0.8;
    opacity: 0.8
}
.jdGallery A.left
{
    BACKGROUND: url(img/fleche1.png) no-repeat left center;
    LEFT: 0px;
    TOP: 0px
}
 HTML .jdGallery A.left
{
    BACKGROUND: url(img/fleche1.gif) no-repeat left center
}
.jdGallery A.right
{
    RIGHT: 0px;
    BACKGROUND: url(img/fleche2.png) no-repeat right center;
    TOP: 0px
}
 HTML .jdGallery A.right
{
    BACKGROUND: url(img/fleche2.gif) no-repeat right center
}
.jdGallery A.open
{
    LEFT: 0px;
    WIDTH: 100%;
    TOP: 0px;
    HEIGHT: 100%
}
.withArrows A.open
{
    Z-INDEX: 10;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    LEFT: 25%;
    WIDTH: 50%;
    CURSOR: pointer;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 99%;
    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)
}
.jdGallery A.gallerySelectorBtn
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-SIZE: 13px;
    Z-INDEX: 15;
    BACKGROUND: #333;
    FILTER: alpha(opacity=40);
    LEFT: 30px;
    PADDING-BOTTOM: 0px;
    CURSOR: pointer;
    COLOR: #fff;
    PADDING-TOP: 0px;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 20px;
    TEXT-ALIGN: center;
    moz-opacity: .4;
    khtml-opacity: 0.4;
    opacity: .4
}
.jdGallery .gallerySelector
{
    Z-INDEX: 20;
    BACKGROUND: #000;
    LEFT: 0px;
    WIDTH: 100%;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 100%
}
.jdGallery .gallerySelector H2
{
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 20px;
    FONT-SIZE: 20px;
    PADDING-BOTTOM: 10px;
    MARGIN: 0px;
    COLOR: #fff;
    LINE-HEIGHT: 30px;
    PADDING-TOP: 10px
}
.jdGallery .gallerySelector .gallerySelectorWrapper
{
    OVERFLOW: hidden
}
.jdGallery .gallerySelector .gallerySelectorInner DIV.galleryButton
{
    BORDER-RIGHT: #888 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #888 1px solid;
    MARGIN-TOP: 10px;
    PADDING-LEFT: 5px;
    FLOAT: left;
    PADDING-BOTTOM: 5px;
    MARGIN-LEFT: 10px;
    BORDER-LEFT: #888 1px solid;
    CURSOR: pointer;
    COLOR: #fff;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #888 1px solid;
    HEIGHT: 40px
}
.jdGallery .gallerySelector .gallerySelectorInner DIV.hover
{
    BACKGROUND: #333
}
.jdGallery .gallerySelector .gallerySelectorInner DIV.galleryButton DIV.preview
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BACKGROUND: #000 center center;
    FLOAT: left;
    BORDER-LEFT: medium none;
    WIDTH: 40px;
    MARGIN-RIGHT: 5px;
    BORDER-BOTTOM: medium none;
    HEIGHT: 40px
}
.jdGallery .gallerySelector .gallerySelectorInner DIV.galleryButton H3
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
.jdGallery .gallerySelector .gallerySelectorInner DIV.galleryButton P.info
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #aaa;
    PADDING-TOP: 0px
}