div.previousSlide 
{
    width                           : 125px;
    height                          : 100%;
    float                           : left; 
    cursor                          : pointer;   
}
div.previousSlide a
{ 
    width                           : 125px;
    height                          : 100%;
    display                         : block;
    background                      : url('previousSlide.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
}
div.previousSlide a:hover
{ 
    width                           : 125px;
    height                          : 100%;
    display                         : block;
    background                      : url('previousSlide_hover.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
}
div.nextSlide
{
    width                           : 125px;
    height                          : 100%;
    float                           : right; 
    cursor                          : pointer;
}
div.nextSlide a
{ 
    width                           : 125px;
    height                          : 100%;
    display                         : block;
    background                      : url('nextSlide.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
}
div.nextSlide a:hover
{ 
    width                           : 125px;
    height                          : 100%;
    display                         : block;
    background                      : url('nextSlide_hover.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
}
div.previousSlide, div.nextSlide
{
    position                        : relative;
    z-index                         : 100;

	/* These css Rules disable the selection of text when te user clicks on the slideshow arrows */

	-webkit-user-select				: none;
	-khtml-user-select				: none;
	-moz-user-select				: -moz-none;
	-o-user-select					: none;
	user-select						: none;
}

div.SlideshowImagesRoundings
{
   width                            : 100%;
   height                           : 100%; 
   position                         : absolute;
   background-repeat                : no-repeat;
   border-radius                    : 10px;
   -moz-border-radius               : 10px;
   -khtml-border-radius             : 10px;
   -webkit-border-radius            : 10px;
cursor: pointer;
}

div.SlideshowImagesRoundings:hover
{
	opacity: 0.8;
}


div#homePagePicturesSlideshowImages:hover, div#homePageVideoSlideshowImages:hover, div#homePageEventsSlideshowImages:hover, div#homePageDesignSlideshowImages:hover
{
	opacity: 0.8;
}



div.SlideshowImagesRoundings a
{
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1000;
}

/** IMAGE DESCRIPTION **/
div.SlideshowImageDescription
{
    margin-left                     : 10px;
    font-family                     : Arial;
    font-size                       : 15px; 
    line-height                     : 20px;
    color                           : #676767;
}

div.SlideshowImages
{
   width                            : 100%;
   height                           : 100%; 
   position                         : absolute;
   background-repeat                : no-repeat;
}

div.SlideshowImages a
{
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1000;
}

/** SLIDESHOW BAR**/
div.slideshowBar
{
    height                          : 30px;
    float                           : left;
    margin-top                      : 10px;
    margin-left                     : 10px;
}
div.slideshowBarNormal
{
    width                           : 13px;
    height                          : 13px;
    margin                          : 3px;
    float                           : left;
    background                      : url('slideshowBar.png');
    background-repeat               : no-repeat;
	cursor							: pointer;
}
div.slideshowBarActive
{
    width                           : 13px;
    height                          : 13px;
    margin                          : 3px;
    float                           : left;
    background                      : url('slideshowBarActive.png');
    background-repeat               : no-repeat;
	cursor							: pointer;
}
div.slideshowBarDescription a:visited
{
    float                           : left;
    color                           : blue;
}
/** FULL SIZE BUTTON **/
div.slideshowFullSize a
{
    width                           : 100%;
    height                          : 100%; 
    position                        : absolute;
    z-index                         : 99;
}
div.slideshowFullSize a:hover
{
    width                           : 100%;
    height                          : 100%; 
    position                        : absolute;
    z-index                         : 99;
    background                      : url('slideshowFullSize_hover.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
    cursor                          : pointer;
}
/** SLIDESHOW 360 GRADEN BUTTON **/
div.slideshow360Graden a
{
    width                           : 100%;
    height                          : 100%; 
    position                        : absolute;
    z-index                         : 99;
	cursor							: pointer;
}
div.slideshow360Graden a:hover
{
    width                           : 100%;
    height                          : 100%; 
    position                        : absolute;
    z-index                         : 99;
    background                      : url('slideshow360Graden_hover.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
	cursor							: pointer;
}
/** SLIDESHOW PLAY MOVIE BUTTON **/
div.slideshowPlayMovie a
{
    width                           : 100%;
    height                          : 100%; 
    position                        : absolute;
    z-index                         : 99;
	cursor							: pointer;
}
div.slideshowPlayMovie a:hover
{
    width                           : 100%;
    height                          : 100%; 
    position                        : absolute;
    z-index                         : 99;
    background                      : url('slideshowPlayMovie_hover.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
}

/** PAGE OVERLAY **/
div#slideshowOverlay
{
    width                           : 100%;
    height                          : 100%;
    top                             : 0px;
    left                            : 0px;
    display                         : none;
    z-index                         : 200;
    background                      : url('slideshowOverlay.png');
    text-align                      : center;
    position                        : fixed;
    overflow:hidden;
}
/** OVERLAY BOX **/
div#slideshowOverlayBox
{
    width                           : 20px;
    height                          : 20px;
    display                         : none;
    position                        : fixed;
    z-index                         : 8000;
    background                      : #000000;
    border-color                    : #b6b6b6;
    border-style                    : solid;
    border-width                    : 4px;
    -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
   border-radius                    : 25px;
   -moz-border-radius               : 25px;
   -khtml-border-radius             : 25px;
   -webkit-border-radius            : 25px;
}
div#slideshowOverlayBox img
{
    position                        : absolute;
    top                             : 0px;
    left                            : 0px; 
    margin                          : 20px; 
}
div#slideshowOverlayActions
{
    color                           : #f9902e;
    margin                          : 0px;
    margin-left                     : 20px;
    margin-right                    : 20px;
    font-family                     : Arial;
    font-weight                     : bold;
    font-size                       : 15px;
    margin-top                      : -10px;
    padding                         : 0px;
}

div#slideshowOverlayInfo 
{
    height                          : 30px;
    line-height                     : 40px;
    float                           : left;
}
div#slideshowOverlayClose 
{
    width                           : 60px;
    height                          : 58px;
    position                        : absolute;
    right                           : 10px;
    top                             : 10px;
    z-index                         : 999;    
}
/** OVERLAY CLOSE **/
div#slideshowOverlayClose a
{
    width                           : 60px;
    height                          : 58px;
    position                        : absolute;
    right                           : -30px;
    top                             : -30px;
    background                      : url('slideshowOverlayClose.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
    cursor                          : pointer;
    z-index                         : 9990;  
}
img#loadingImage
{
    width                           : 128px;
    height                          : 128px;
    z-index                         : 1000;
    position                        : absolute;
}
div#slideshowControlBar
{
    width                           : 100%;
    height                          : 50px;
    /**background-color                : #e8e5e7;**/
    background                      : url('slideshowControlBar.png');
    position                        : absolute;
    left                            : -4px;
    bottom                          : -4px;
    z-index                         : 999;  
    background-repeat               : repeat-x;
    border-bottom-left-radius       : 25px;
    border-bottom-right-radius      : 25px;
    -moz-border-bottom-left-radius  : 25px;
    -moz-border-bottom-right-radius : 25px;
    -khtml-border-bottom-left-radius : 25px;
    -khtml-border-bottom-right-radius : 25px;
    -webkit-border-bottom-left-radius : 25px; 
    -webkit-border-bottom-right-radius : 25px; 
    border-color                    : #b6b6b6;
    border-style                    : solid;
    border-width                    : 4px;
    display                         : none;
}  
div#slideshowLoopButton 
{
    width                           : 30px;
    height                          : 50px;
    float                           : right; 
    display                         : none;
    margin-right                    : 10px;
    cursor                          : pointer;   
}
div#slideshowLoopButton a
{
    width                           : 30px;
    height                          : 50px;
    display                         : none;
    background                      : url('slideshowLoopButton.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
}   
div#slideshowLoopButton a:hover
{
    width                           : 30px;
    height                          : 50px;
    display                         : none;
    background                      : url('slideshowLoopButton_hover.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
}
div#slideshowLoopButtonPressed 
{
    width                           : 30px;
    height                          : 50px;
    float                           : right;
    display                         : none; 
    margin-right                    : 10px;
    cursor                          : pointer;   
}
div#slideshowLoopButtonPressed a
{
    width                           : 30px;
    height                          : 50px;
    display                         : none;
    background                      : url('slideshowLoopButtonPressed.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
}   
div#slideshowBackButton 
{
    width                           : 30px;
    height                          : 50px;
    float                           : right; 
    margin-right                    : 10px;
    cursor                          : pointer;   
}
div#slideshowBackButton a
{
    width                           : 30px;
    height                          : 50px;
    display                         : block;
    background                      : url('slideshowBackButton.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
}   
div#slideshowBackButton a:hover
{
    width                           : 30px;
    height                          : 50px;
    display                         : block;
    background                      : url('slideshowBackButton_hover.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
}  
div#slideshowNextButton 
{
    width                           : 30px;
    height                          : 50px;
    float                           : right; 
    margin-right                    : 10px;
    cursor                          : pointer;   
}
div#slideshowNextButton a
{
    width                           : 30px;
    height                          : 50px;
    display                         : block;
    background                      : url('slideshowNextButton.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
}   
div#slideshowNextButton a:hover
{
    width                           : 30px;
    height                          : 50px;
    display                         : block;
    background                      : url('slideshowNextButton_hover.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
} 
div#slideshowPlayButton 
{
    width                           : 30px;
    height                          : 50px;
    float                           : right; 
    margin-right                    : 10px;
    cursor                          : pointer;   
}
div#slideshowPlayButton a
{
    width                           : 30px;
    height                          : 50px;
    display                         : block;
    background                      : url('slideshowPlayButton.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
}  
div#slideshowPlayButtonPressed 
{
    width                           : 30px;
    height                          : 50px;
    float                           : right; 
    margin-right                    : 10px;
    cursor                          : pointer;   
}
div#slideshowPlayButtonPressed a
{
    width                           : 30px;
    height                          : 50px;
    display                         : block;
    background                      : url('slideshowPlayButtonPressed.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
}  
div#slideshowPlayButton a:hover
{
    width                           : 30px;
    height                          : 50px;
    display                         : block;
    background                      : url('slideshowPlayButton_hover.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
} 
div#slideshowPauseButton 
{
    width                           : 30px;
    height                          : 50px;
    float                           : right; 
    margin-right                    : 10px;
    cursor                          : pointer;   
}
div#slideshowPauseButton a
{
    width                           : 30px;
    height                          : 50px;
    display                         : block;
    background                      : url('slideshowPauseButton.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
}   
div#slideshowPauseButton a:hover
{
    width                           : 30px;
    height                          : 50px;
    display                         : block;
    background                      : url('slideshowPauseButton_hover.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
} 
div#slideshowPauseButtonPressed 
{
    width                           : 30px;
    height                          : 50px;
    float                           : right; 
    margin-right                    : 10px;
    cursor                          : pointer;   
}
div#slideshowPauseButtonPressed a
{
    width                           : 30px;
    height                          : 50px;
    display                         : block;
    background                      : url('slideshowPauseButtonPressed.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
} 

div#slideshowWindowButton 
{
    width                           : 30px;
    height                          : 50px;
    float                           : right; 
    display                         : none;
    margin-right                    : 10px;
    cursor                          : pointer;   
}
div#slideshowWindowButton a
{
    width                           : 30px;
    height                          : 50px;
    display                         : none;
    background                      : url('slideshowWindowButton.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
}   
div#slideshowWindowButton a:hover
{
    width                           : 30px;
    height                          : 50px;
    display                         : none;
    background                      : url('slideshowWindowButton_hover.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
}
div#slideshowSmugmugButton 
{
    width                           : 30px;
    height                          : 50px;
    float                           : right; 
    margin-right                    : 30px;
    cursor                          : pointer;   
}
div#slideshowSmugmugButton a
{
    width                           : 30px;
    height                          : 50px;
    display                         : block;
    background                      : url('slideshowSmugmugButton.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
}   
div#slideshowSmugmugButton a:hover
{
    width                           : 30px;
    height                          : 50px;
    display                         : block;
    background                      : url('slideshowSmugmugButton_hover.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
}  
div#slideshowStopButton 
{
    width                           : 30px;
    height                          : 50px;
    float                           : right; 
    margin-right                    : 10px;
    cursor                          : pointer;   
}
div#slideshowStopButton a
{
    width                           : 30px;
    height                          : 50px;
    display                         : block;
    background                      : url('slideshowStopButton.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
}   
div#slideshowStopButton a:hover
{
    width                           : 30px;
    height                          : 50px;
    display                         : block;
    background                      : url('slideshowStopButton_hover.png');
    background-repeat               : no-repeat;
    background-position             : 50%;
}  
div#slideshowProgressbarHolder
{
    width                           : 200px;
    height                          : 30px;
    margin-top                      : 15px;
    float                           : left;
    margin-left                     : 20px;
    display                         : none;
    background                      : url('slideshowProgressbarHolder.png');
    background-repeat               : no-repeat;
    z-index                         : 9000;
}
div#slideshowProgress
{
    width                           : 200px;
    height                          : 30px;
    background                      : url('slideshowProgress.png');
    background-repeat               : no-repeat;
    z-index                         : 9500;
    display                         : block;
}
div#slideshowPercentage
{
    width                           : 40px;
    height                          : 30px;
    margin-top                      : 15px;
    text-align                      : right;
    float                           : left;
    display                         : none;
}