/***************************************************************************
IMPORTANT NOTE.
Every class can be extended in the plugin by setting the styleExtension parameter.

This will result in an extra class in the format baseClass_styleExtension.

i.e. if the styleExtension parameter was set to "NewsFeed", then
ScrollerThumbnailList would also have the class ScrollerThumbnailList_NewsFeed.

This is to allow instantiation of different layouts on the same page if required.
***************************************************************************/

/*This is the wireframe structure part of the css*/

/*the overall container*/
.ScrollerContentContainer{
	position:relative;
}

/*the thumbnails are all in here*/
.ScrollerThumbnailContainer{

}

.ScrollerThumbnailContainer ul{

}

.ScrollerThumbnailContainer li{

}

/*an inner wrapper for everything in the li*/
.ScrollerThumbnailContainer li div.ScrollerThumbnailInner{

}

/*everything in the li is also wrapped in a hyperlink*/
.ScrollerThumbnailContainer li a{

}

/*the image is in a div*/
.ScrollerThumbnailContainer li div.ScrollerThumbnailImageDiv{

}

.ScrollerThumbnailContainer li div.ScrollerThumbnailImageDiv img{

}


/*each li also has a wrapper for a title and description if required*/
.ScrollerThumbnailContainer li div.ScrollerThumbnailTextContainer{
	visibility:hidden;
	display:none;
	width:0px;
	height:0px;
}

/*where the image title is kept*/
div.ScrollerThumbnailTextContainer div.ScrollerTitleDiv{

}

/*where the image caption is kept*/
div.ScrollerThumbnailTextContainer div.ScrollerCaption{

}






/*the previous button always has two classes, ScrollerPrevious and either ScrollerPreviousHorizontal or ScrollerPreviousVertical*/
.ScrollerPrevious{

}

.ScrollerPreviousHorizontal{

	background: url('../../images/Scroller/back.gif');
	height:80px;
	width:50px;
	float:left;
}

.ScrollerPreviousVertical{

	background: url('../../images/Scroller/back_Vert.gif');
	height:50px;
	width:100px;
}

.ScrollerPrevious span{

}

/*the next button always has two classes, ScrollerNext and either ScrollerNextHorizontal or ScrollerNextVertical*/
.ScrollerNext{

}

.ScrollerNextHorizontal{

	background: url('../../images/Scroller/forward.gif');
	height:80px;
	width:50px;
	position:absolute;
	top:0px;
	right:0px;
}

.ScrollerNextVertical{

	background: url('../../images/Scroller/forward_Vert.gif');
	height:50px;
	width:100px;
}

.ScrollerNext span{

}

		
		

/*the tooltip stuff*/
.ScrollerToolTip{

}

.ScrollerToolTipInner{

}

/*where the image title and caption are kept*/
.ScrollerToolTipInner div.ScrollerThumbnailTextContainer{

}

/*where the image title is kept*/
.ScrollerToolTipInner div.ScrollerTitleDiv{

}

/*where the image caption is kept*/
.ScrollerToolTipInner div.ScrollerCaption{

}











/*This is the jquery stuff*/

/*this is used by jquery to hide the contents until fully loaded - should be visibility:hidden*/
.ScrollerContentContainerWrapperHidden{
	/*don't bother hiding for now as the jCarosel stuff doesn't like it when the container is hidden while it loads*/
}

/*This needs to be visible, jquery uses this to show all the contents once loaded*/
.ScrollerContentContainerWrapper{
}