.scrollframe {
	position: absolute;
	top: 0px;
	right: 2px;

	width: 16px;
	background-color: #1f1f1f;
	cursor: default;

	background-image: url(../images/scrollbar/scrollbar_bg.png);
	background-position: left top;
	background-repeat: repeat-y;

	z-index: 100;
}

.scrollbar, .scrollbar_click {
	position: relative;
	width: 16px;
	cursor: default;

	background-repeat: repeat-y;
}

.scrollbar:hover {
	background-image: url(../images/scrollbar/scrollbar_bg_over.png);
}

.scrollbar_click {
	background-image: url(../images/scrollbar/scrollbar_bg_click.png);
}

.scrollbox {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	top: 0px;
	width: 16px;

	background-color: #999;
	background-image: url(../images/scrollbar/scrollbox_bg.png);
	background-position: center;

	border-top: 1px solid #7d5c2b;
	border-bottom: 1px solid #7d5c2b;
	cursor: default;
}

.scrolluparrow, .scrolluparrow_click, .scrolldownarrow, .scrolldownarrow_click {
	position: relative;

	background-repeat: no-repeat;

	height: 16px;
	width: 16px;
	background-color: #000;
	cursor: default;
}

.scrolluparrow {
	background-image: url(../images/scrollbar/arrow_up.png);
}

.scrolluparrow:hover {
	background-image: url(../images/scrollbar/arrow_up_over.png);
}

.scrolluparrow_click {
	background-image: url(../images/scrollbar/arrow_up_click.png);
}

.scrolldownarrow {
	background-image: url(../images/scrollbar/arrow_down.png);
}

.scrolldownarrow:hover {
	background-image: url(../images/scrollbar/arrow_down_over.png);
}

.scrolldownarrow_click {
	background-image: url(../images/scrollbar/arrow_down_click.png);
}