/**



* @id $Id$



* @author  mod_slideshow3.php



* @package  JB Slideshow3



* @copyright Copyright (C) 2006 - 2010 Joomla Bamboo. http://www.joomlabamboo.com  All rights reserved.



* @license  GNU/GPL license: http://www.gnu.org/copyleft/gpl.html



*/



/* @group Slideshow 3 */



.slideShowNav li { list-style-type: none; float: left; margin-right: 15px; }

.slideShowNav a { margin:0; padding:0; border: none; text-decoration: none }

.slideShowNav.indexNav a, .slideShowNav.indexNavButtons a { margin: 5px; padding: 3px 5px; border: 1px solid #ccc; background: #fff; color: #444; font-weight: bold; float:left; }

.slideShowNav.indexNav a :hover { background: #CCC }

.slideShowNav.indexNav a.activeSlide { background: #DDD }

.slideShowContainerNone, .slideShowContainerDark, .slideShowContainerLight, .slideShowContainerBrown, .slideShowContainerGreen, .slideShowContainerRed, .slideShowContainerPurple { position: relative; display:none }

.slideshowContent, .slideshowImage { position: absolute; float: left }

.slideshowImage { background: url(../images/loading.gif) no-repeat center center }

.slideshowImage img { position:absolute; }

.slideshowContent { padding: 5px; overflow:hidden; }

.scroller { background: none; }

.slideshowContent.light { background: url(../images/lightOverlay.png) repeat; color: #000; }

.slideshowContent.dark { background: url(../images/blackoverlay.png) repeat; color: #fff; }

.slideshowContent.dark a { color: #ccc; }

.ssReadMore { padding:3px 7px 3px 7px; background: #CCC; color: #444; }

div.ssPager.vertical { position:absolute; margin:0px; }

div.ssPager.horizontal { position:absolute; margin:0px; }

.scrollButtonVertical, .scrollButtonHorizontal { float:left; position:absolute; z-index:99 }

.ssNavButtons { float:left; clear:left }

.ssPrev { padding: 3px 5px; cursor: pointer; color: #444; }

.ssNext { padding: 3px 5px; cursor: pointer; color: #444; }

.slideshowNav { float:left }

.slideShowNav.indexNavButtons a.activeSlide, #slideShowNav.indexNavButtons a:hover { background: url(../images/blackNav.png) no-repeat center center; border: none; text-indent: -1000px; color: #353535; }

.slideShowNav.indexNavButtons a { background: url(../images/whiteNav.png) no-repeat center center; border: none; text-indent: -1000px; color: #fff }

.tickerLabel { float: left; line-height: 1.6em; }

.scrollContainer { position:relative; overflow:hidden; }

span.activeIndicator { display:none; }

img.navThumb, img.navThumbborder { float: left; margin-right: 10px }

img.navThumb.thumbRight, img.navThumbborder.thumbRight { float: right; margin-right: 10px; }

span.thumbtitle { font-size: 0.95em; margin-left: 8px; display: block; }

span.thumbtitleright { font-size: 0.95em; margin-left: 8px; display: block; float:left; }

div.slideShowDescription { position:absolute; overflow:hidden; padding:5px; z-index:49; float:left; }

div.slideShowDescription.light { background: url(../images/lightOverlay.png) repeat; color: #000; }

div.slideShowDescription.dark { background: url(../images/blackoverlay.png) repeat; color: #fff; }

.slideShowContainerNone div.scrollButtonVertical, .slideShowContainerNone div.scrollButtonHorizontal { cursor:pointer; }

.slideShowContainerNone div.scrollButtonVertical.scrollPrevious { background: url(../images/prev_vert.png) no-repeat 45% 45% }

.slideShowContainerNone div.scrollButtonVertical.scrollNext { background: url(../images/next_vert.png) no-repeat 47% 47% }

.slideShowContainerNone div.scrollButtonHorizontal.scrollPrevious { background: url(../images/prev_horz.png) no-repeat 47% 47% }

.slideShowContainerNone div.scrollButtonHorizontal.scrollNext { background: url(../images/next_horz.png) no-repeat 47% 47% }

.slideShowContainerNone div.ssPager { }

.slideShowContainerNone .ssPager li a.activeSlide { background: #F9F9F9; color:#000; }

.slideShowContainerNone .ssPager li img { }

div.slideshowTitle h2  { display:inline;margin:10px 0 0 2px;}

div.slideshowDate { display:inline;margin:2px;}

div.catname { display:inline;margin:2px;}

span.catname { font-style:italic; }

/* @end */



/*Dark Styles*/



.slideShowContainerDark { background: #111216; padding: 10px 0; border-bottom: 1px solid #414141 }

.slideShowContainerDark .slideshowContent { color: #fff; padding: 6px 0 2px 20px }

.slideShowContainerDark .slideshowContent h2 a { color: #fff; font-size: 0.6em }

.slideShowContainerDark .slideShowNav.indexNav a { border: 0; padding: 0; background: none; float:left; }

.slideShowContainerDark .slideshowImage img.border, .slideShowContainerDark img.navThumb.border { border: none; padding: 0 }

.slideShowContainerDark .slideshowImage a { border: none }

.slideShowContainerDark .slideshowContent span.readmore { float: right; margin-right: 20px; background: url(../images/yellowButton.png) no-repeat; height: 32px; width: 120px; margin-top: -12px; text-align: center; text-transform: uppercase; font-size: 90%; padding-top: 10px }

.slideShowContainerDark a:hover { color: #333 }

.slideShowContainerDark .ssPager a { color: #fff; }

.slideShowContainerDark .ssPager a:hover { color: #fff; }

.slideShowContainerDark .ssPager li a.activeSlide { background: #28282A; border-top: 1px solid #414141; color:#fff; border-bottom: 1px solid #111216; }

.slideShowContainerDark .ssPager li { height:47px; background: url(../images/slideshowtitle.png) repeat-x right top; padding-top: 2px; margin-bottom: 17px }

.slideShowContainerDark .bgOverlay { background: url(../images/blackoverlay.png) }

.slideShowContainerDark div.scrollButtonVertical, .slideShowContainerDark div.scrollButtonHorizontal { border-bottom: 1px solid #111216; border-right: 1px solid #111216; border-top: 1px solid #414141; border-left: 1px solid #414141; cursor:pointer; }

.slideShowContainerDark div.scrollButtonVertical.scrollPrevious { background: url(../images/prev_vert.png) no-repeat 45% 45% #1C1C1E }

.slideShowContainerDark div.scrollButtonVertical.scrollNext { background: url(../images/next_vert.png) no-repeat 47% 47% #1C1C1E }

.slideShowContainerDark div.scrollButtonHorizontal.scrollPrevious { background: url(../images/prev_horz.png) no-repeat 47% 47% #1C1C1E }

.slideShowContainerDark div.scrollButtonHorizontal.scrollNext { background: url(../images/next_horz.png) no-repeat 47% 47% #1C1C1E }

.slideShowContainerDark div.ssPager { background:#111216; }