/** slideshowOuter - the container div around the whole control **/
.slideshowOuter
{
    width:228px;
    background-color:#ffffff;
    color:#ffffff;
    font-size:10px; 
    text-align:center;
}


/****************************************Thumbnails**************************************/
/* slideshowThumbnailContainer - the container div around the Thumbnail area */
.slideshowThumbnailContainer
{
    background-color:#333333;
}

/* slideshowThumbnailItem - the normal or "off" style for the thumbnails */
.slideshowThumbnailItem
{
    margin:4px;
}

/* slideshowThumbnailActiveItem - specify the Active / Over state for the thumbnail images */
.slideshowThumbnailActiveItem
{
    border:solid 2px #ff0000;    
    margin: 2px;
}



/****************************************Slides**************************************/
/* slideshowSlideContainer - specify the width and height of the slides.  Also any background color / image if not all slides are identical widths. Do NOT specify a width here */
.slideshowSlideContainer 
{
    width:228px;
    height:119px;
}




/****************************************Navigation**************************************/
/* slideshowNavigationContainer - the container div around the navigation controls */
.slideshowNavigationContainer
{
    width:228px;
    background-color:#01515a;   
}



/****************************************Titles**************************************/
/* slideshowTitlesContainer - the container div around the whole set of titles. Specify a width here*/
.slideshowTitlesContainer
{
     display:block;      /*set to "none" to hide titles*/
    width:228px;
    height:25px;
    background-color:#404040;   
}

/*slideshowTitleContainer - the container around each individual title - DO specify width here*/
.slideshowTitleContainer
{  
    width:228px;
    overflow:visible;
    text-align:center;
    color:#ffffff;
}

/*slideshowTitleText - specify any text styles for the titles*/
.slideshowTitleText
{
    font-size:14px;
    margin:5px;
}


/****************************************Descriptions**************************************/
/* slideshowDescriptionsContainer - the container div around the whole set of descriptions. Specify a width here. */
.slideshowDescriptionsContainer
{
     display:block;     /* set to "none" to hide titles*/
    width:228px;
    height:50px;
    background-color:#666666;   
}

/*slideshowDescriptionContainer - the container around each individual descriptions - DO specify width here*/
.slideshowDescriptionContainer
{
    width:228px;
    overflow:visible;
    text-align:center;
    color:#ffffff;
}

/*slideshowDescriptionText - specify any text styles for the descriptions*/
.slideshowDescriptionText
{
    font-size:12px;
    margin:5px;
}