/* Tiny Scrollbar */

/* scrollbar1 */
#scrollbar1 {
	width: 334px;
}
#scrollbar1 .viewport {
	width: 318px;
	height: 380px;
	overflow: hidden;
	position: relative;
}
#scrollbar1 .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}
#scrollbar1 .scrollbar{
	background: transparent url(./images/bg-scrollbar-track-y.png) no-repeat 0 0;
	position: relative;
	background-position: 0 0;
	float: right;
	width: 15px;
}
#scrollbar1 .track {
	background: transparent url(./images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
	height: 100%;
	width:13px;
	position: relative;
	padding: 0 1px;
}
#scrollbar1 .thumb {
	background: transparent url(./images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
	height: 20px;
	width: 25px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -5px;
}
#scrollbar1 .thumb .end {
	background: transparent url(./images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
	overflow: hidden;
	height: 5px;
	width: 25px;
}
#scrollbar1 .disable {
	display: none;
}

/* scrollbar2 */
#scrollbar2 {
	width: 334px;
}
#scrollbar2 .viewport {
	width: 318px;
	height: 200px;
	overflow: hidden;
	position: relative;
}
#scrollbar2 .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}
#scrollbar2 .scrollbar{
	background: transparent url(./images/bg-scrollbar-track-y.png) no-repeat 0 0;
	position: relative;
	background-position: 0 0;
	float: right;
	width: 15px;
}
#scrollbar2 .track {
	background: transparent url(./images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
	height: 100%;
	width:13px;
	position: relative;
	padding: 0 1px;
}
#scrollbar2 .thumb {
	background: transparent url(./images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
	height: 20px;
	width: 25px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -5px;
}
#scrollbar2 .thumb .end {
	background: transparent url(./images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
	overflow: hidden;
	height: 5px;
	width: 25px;
}
#scrollbar2 .disable {
	display: none;
}

/* scrollbar3 */
#scrollbar3 {
	width: 510px;
}
#scrollbar3 .viewport {
	width: 485px;
	height: 95px;
	overflow: hidden;
	position: relative;
}
#scrollbar3 .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}
#scrollbar3 .scrollbar{
	background: transparent url(./images/bg-scrollbar-track-y.png) no-repeat 0 0;
	position: relative;
	background-position: 0 0;
	float: right;
	width: 15px;
}
#scrollbar3 .track {
	background: transparent url(./images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
	height: 100%;
	width:13px;
	position: relative;
	padding: 0 1px;
}
#scrollbar3 .thumb {
	background: transparent url(./images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
	height: 20px;
	width: 25px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -5px;
}
#scrollbar3 .thumb .end {
	background: transparent url(./images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
	overflow: hidden;
	height: 5px;
	width: 25px;
}
#scrollbar3 .disable {
	display: none;
}

/* scrollbar4,5 */
#scrollbar4,
#scrollbar5 {
	width: 360px;
}
#scrollbar4 .viewport,
#scrollbar5 .viewport {
	width: 330px;
	height: 250px;
	overflow: hidden;
	position: relative;
}
#scrollbar4 .overview,
#scrollbar5 .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}
#scrollbar4 .scrollbar,
#scrollbar5 .scrollbar {
	background: transparent url(./images/bg-scrollbar-track-y.png) no-repeat 0 0;
	position: relative;
	background-position: 0 0;
	float: right;
	width: 15px;
}
#scrollbar4 .track,
#scrollbar5 .track {
	background: transparent url(./images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
	height: 100%;
	width:13px;
	position: relative;
	padding: 0 1px;
}
#scrollbar4 .thumb,
#scrollbar5 .thumb {
	background: transparent url(./images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
	height: 20px;
	width: 25px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -5px;
}
#scrollbar4 .thumb .end,
#scrollbar5 .thumb .end {
	background: transparent url(./images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
	overflow: hidden;
	height: 5px;
	width: 25px;
}
#scrollbar4 .disable,
#scrollbar5 .disable {
	display: none;
}

/* scrollbar6 */
#scrollbar6 {
	width: 345px;
	margin: 5px 0 0 0;
}
#scrollbar6 .viewport {
	width: 330px;
	height: 130px;
	overflow: hidden;
	position: relative;
}
#scrollbar6 .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}
#scrollbar6 .scrollbar {
	background: transparent url(./images/bg-scrollbar-track-y.png) no-repeat 0 0;
	position: relative;
	background-position: 0 0;
	float: right;
	width: 15px;
}
#scrollbar6 .track {
	background: transparent url(./images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
	height: 100%;
	width:13px;
	position: relative;
	padding: 0 1px;
}
#scrollbar6 .thumb {
	background: transparent url(./images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
	height: 20px;
	width: 25px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -5px;
}
#scrollbar6 .thumb .end {
	background: transparent url(./images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
	overflow: hidden;
	height: 5px;
	width: 25px;
}
#scrollbar6 .disable {
	display: none;
}