BODY {

	
}


.myscroll {
	OVERFLOW: auto; WIDTH: 449px; POSITION: relative; HEIGHT: 400px;
	scrollbar : auto;
}


.mycustomscroll2 {
	OVERFLOW: auto; WIDTH:700px; POSITION: relative; HEIGHT: 400px;
	scrollbar : auto;
}


.scrollgeneric {
	FONT-SIZE: 1px; LINE-HEIGHT: 1px; POSITION: absolute
}
.vscrollerbase {
	WIDTH: 15px; TOP: 0px
}
.vscrollerbar {
	WIDTH: 15px; TOP: 0px
}
.vscrollerbar {
	LEFT: 0px
}
.hscrollerbase {
	LEFT: 0px; HEIGHT: 15px
}
.hscrollerbar {
	LEFT: 0px; HEIGHT: 15px
}
.hscrollerbar {
	TOP: 0px
}
.hscrollerbar {
	
}
.vscrollerbar {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; Z-INDEX: 2; PADDING-BOTTOM: 0px; PADDING-TOP: 12px
}
.hscrollerbar {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; Z-INDEX: 2; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.vscrollerbarbeg {
	BACKGROUND: #559ad0 0px -10px; WIDTH: 15px; TOP: 0px; HEIGHT: auto
}
.vscrollerbarend {
	BACKGROUND: 0px -10px; WIDTH: 15px
}
.hscrollerbarbeg {
	BACKGROUND: -10px 0px; LEFT: 0px; WIDTH: auto; HEIGHT: 15px
}
.hscrollerbarend {
	BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 10px; HEIGHT: 15px
}
.vscrollerbase {
	BACKGROUND-IMAGE: none; BACKGROUND-COLOR: #e5e5e5
}
.hscrollerbase {
	BACKGROUND-IMAGE: none; BACKGROUND-COLOR: #e5e5e5
}
.hscrollerbasebeg {
	BACKGROUND: no-repeat -22px 0px; LEFT: 0px; TOP: 0px; HEIGHT: 15px
}
.hscrollerbaseend {
	BACKGROUND: no-repeat; WIDTH: 7px; TOP: 0px; HEIGHT: 15px
}
.vscrollerbasebeg {
	BACKGROUND: url(../images/arrow.jpg) no-repeat 0px 0px; WIDTH: 15px; TOP: 0px; HEIGHT: 20px
}
.vscrollerbaseend {
	BACKGROUND: url(../images/arrow-dn.jpg) no-repeat 0px 0px; WIDTH: 15px; BOTTOM: 0px
}
.scrollerjogbox {
	RIGHT: 0px; BACKGROUND: white 50% 50%; WIDTH: 15px; BOTTOM: 0px; HEIGHT: 15px
}