/**

* @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; }