/* Main Index Styles */
.scrollable {
	position:relative;
	overflow:hidden;
	width:490px;
	height:220px;
	margin-bottom:10px;
}

.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

.scrollable .items .item {
	float:left;
	width:468px;
	height:198px;
	display:block;
	background: #9c0;
	border: 1px solid #86b200;
	padding:10px;
	overflow:hidden;
	margin-right:10px;
}

.scrollable .items .hoverItem {background:#83d900;cursor:hand;}

.scrollable .galleryThumbnail {width:200px; float:left; display:block;}
.scrollable .sampleDescription {width:255px; float:left;}
.scrollable .sampleDescription a.more {background:#fff url(/cssimages/icons/portlets-arrow.png) no-repeat 100% 50%;padding:2px 8px 2px 4px;border-right:2px solid #fff;}
#content .scrollable .sampleDescription h2 {margin-top:0;color:#00512f;}
#content .scrollable a {color:#00512f;}
#content .scrollable ul li {background-image:url(/cssimages/icons/li-bullet-white.png);}

/* Category View Samples */
#content .samples li {
	float:left;
	position:relative;
	background:none;
	width:150px;
	height:150px;
	margin-bottom:12px;
	padding:0;
	margin-right: 10px;
}
#content .samples li a.sampleTitle,
#content .samples li a.sampleTitle:visited {
	color:#004963;
}
#content .samples li img {
	border: 1px solid #ddd;
}
#content .samples .sampleTitle {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	background: #fff;
	width:144px;
	padding:3px;
	border: 1px solid #ddd;
}
#content .samples li:hover .sampleTitle,
#content .samples li:hover .galleryThumbnail img {
	background: #9c0;
	border: 1px solid #86b200;
}
#content .samples .galleryThumbnail {
	position:absolute;
	top:0;
	left:0;
	max-height:150px;
	overflow:hidden;
}

/* Detail View Styles */
.documentList a {border: 1px solid #ddd;}
.documentList a:hover {border-color: #86b200;}
#content .samples {padding-bottom:10px}
#content .menu-overview {padding:10px; min-height:200px;}
#sampleDetailView #content .samples li {margin:0 8px 25px 0;}
#sampleDetailView #content .samples li.end {margin-right:0}