/* Frame */
.frame {

	overflow: hidden;
}
.frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
}
.frame ul li {
	float: left;
	width: 270px;
	height: 100%;
	margin: 0 10px 0 0;
	padding: 0;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.frame ul li.active {
}

/* Scrollbar */
.scrollbar,
.scrollbar-related{
    margin: 1em 0 1em 0;
    height: 2px;
    background: #ccc;
    line-height: 0;
    position: relative;
    width: 100%;
}
.scrollbar .handle,
.scrollbar-related .handle{
	width: 100px;
	height: 100%;
	background: #000;
	cursor: pointer;
    height: 7px;
    position: absolute;
    top: -2px;
    left: 0;
    border-radius: 2px;
}
.scrollbar .handle .mousearea,
.scrollbar-related .handle .mousearea {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 20px;
}