.slideShow { border: 1px solid #ccc; background-color:#555;}
.slideShow .slideAnchor { display: block; }
.slideShow .slideImage { border: none; background-color: #000; background-position: 50% 50%; background-repeat:no-repeat;}
.slideShow .slideController { background-color: #ddd; border-top: 1px solid #ccc; height: 20px; text-align: right;}

.slideShow .button { height: 20px; width: 15px; font-size: 2px; margin: 0px 2px; }
.slideShow .slideBack { margin-left: 4px; }
.slideBack, .slideNext, .slidePlayPause { float: left; }
.selectSlideButtons { float: right; }
.slideSelect { float: left; }

/* SPHERE THEME */
.sphere .slideController { background: url(../images/slideshow/sphere.png) 0px -150px repeat-x; }
.sphere .button { cursor: pointer; background: url(../images/slideshow/sphere.png) 0px 0px no-repeat; }
.sphere .selectSlideButtons .on { background-position: -100px 0px; }
.sphere .selectSlideButtons div:hover { background-position: -150px 0px; }
.sphere .play { background-position: -0px -50px; }
.sphere .pause { background-position: -100px -50px; }
.sphere div.play:hover { background-position: -50px -50px; }
.sphere div.pause:hover { background-position: -150px -50px; }
.sphere .slideBack { background-position: 0px -100px; }
.sphere .slideNext { background-position: -100px -100px; }
.sphere div.slideBack:hover { background-position: -50px -100px; }
.sphere div.slideNext:hover { background-position: -150px -100px; }