/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Master button styles - note that up and down versions 
have been removed in this example */

.simply-scroll-btn {
	position: absolute;
	width: 10%;
	height: 100%;
	z-index:3;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.simply-scroll-btn:hover {
	background-color: rgba(255, 255, 255, 0.1);
	opacity: 1;
	filter: alpha(opacity=100);
}
.simply-scroll-btn-left {
	left: 0;
	bottom: 0;
	background-image: url('../images/scroll-left.png');
}
.simply-scroll-btn-left.disabled, .simply-scroll-btn-right.disabled {
	display: none;
}
.simply-scroll-btn-right {
	right: 0;
	bottom: 0;
	background-image: url('../images/scroll-right.png');
}
/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 100%;
	border-top: 1px solid rgb(127, 127, 127);
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid rgb(127, 127, 127);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 100%;
	height: 100%;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	cursor: pointer;
	float: left; /* Horizontal scroll only */
	width: 25%;
	height: 100%;
	padding: 2%;
	border-right: 1px solid rgb(127, 127, 127);
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}
.simply-scroll .simply-scroll-list li .history-summary {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.simply-scroll .simply-scroll-list li:hover {
	background: rgba(255, 255, 255, .08);
}
.simply-scroll .simply-scroll-list li.select {
	background: rgba(255, 255, 255, 0.2);
}
.simply-scroll .simply-scroll-list li hr {
	display: block;
	width: 0;
	height: 2px;
	margin-bottom: 20px;
	background: #947d5d;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
.simply-scroll .simply-scroll-list li.select hr {
	width: 80px;
} 
.simply-scroll .simply-scroll-list li.select .history-summary {
	opacity: 1;
	filter: alpha(opacity=100);
}