.container
{

	width:600px;
	border:1px solid #ccc;
	background:#ffffff;
	height:130px;
}
div.gallery
{
	float: left;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage
{
	width: 18px;
	height: 18px;
	background: url(/ScrollJS/left.png) no-repeat;
	float: left;
	cursor: pointer;
	margin-right: 0px;
}
ul.gallery
{
	list-style-type: none;

	padding: 3px 0;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}
/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover
{
	background-position: 0px -18px;
	height:100%;
}

/* disabled navigational button */
a.disabled
{
	visibility: hidden !important;
}

/* next button uses another background image */
a.next, a.nextPage
{
	background-image: url(/ScrollJS/right.png);
	margin-left: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
}


/* global */
div.gallery
{
	position: relative;
	overflow: hidden;
	width: 600px;
	height: 130px;
	float: left;
}
/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs
{
	position: absolute;
	width: 20000em;
	clear: both;

}
/* custom positioning for navigational links */a.prev, a.next
{
	margin-top: 70px;
}
#thumbs div img
{
	border:1px solid #C7C8C2;
	width:100px;
	height:75px;
}
#thumbs div
{
	padding: 5px;
	float: left;
	width: 190px;
	color: #fff;
	cursor: pointer;
	line-height: 17px;
}
#thumbs div.hover
{
	background-color: whitesmoke;
}
#thumbs div.active
{
	background-color: #A8A8A8;
	cursor: default;
}
#thumbs .name
{
	font-weight: bold;
	font-size:11px;
}
#thumbs .date
{
	font-size: 10px;
	color: #99CCCC;
}
#thumbs .desc
{
	font-size: 10px;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }