/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {
width: 15px;
background: #D7EBDF url(basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}
.vscrollerbar {
width: 15px;
background: #99CBCB url(basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
}
.hscrollerbase {
height: 15px;
background: #D7EBDF url(horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}
.hscrollerbar {
height: 15px;
background: #99CBCB url(horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend {
background: url(basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
.hscrollerbarbeg {
background: url(basebarcaps_verticalbarbody.png) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url(basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C url(horizontalbarbody_cornerjog.png) 0px 0px;
}
.vscrollerbasebeg {
background: url(basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbaseend {
background: url(basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}
.hscrollerbasebeg {
background: url(basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(basebarcaps_verticalbarbody.png) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */

#mycustomscroll {
	/* Typical fixed height and fixed width example (content area only)! ...
	ACTUAL width and height will be wider and taller by 20 pixels or so (measure by above values and padding below) */
width: 200px;
	height: 400px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
position: relative;
	background-color: #0f4a34;
	margin: 0;
	padding: 10px;
	opacity:0.65;
	filter:alpha(opacity=65);
	color: #FFF;
}

#mycustomscroll_top {
	/* Typical fixed height and fixed width example (content area only)! ...
	ACTUAL width and height will be wider and taller by 20 pixels or so (measure by above values and padding below) */
width: 200px;
	height: 270px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
position: relative;
	background-color: #231f20;
	margin: 0;
	padding: 10px;
	opacity:0.40;
	filter:alpha(opacity=40);
	color: #FFF;
}

#mycustomscroll_bottom {
	/* Typical fixed height and fixed width example (content area only)! ...
	ACTUAL width and height will be wider and taller by 20 pixels or so (measure by above values and padding below) */
width: 200px;
	height: 110px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
position: relative;
	background-color: #555E5A;
	margin: 0;
	padding: 10px;
	opacity:0.40;
	filter:alpha(opacity=40);
	color: #9ba684;
}
#mycustomscroll_wide {
	/* Typical fixed height and fixed width example (content area only)! ...
	ACTUAL width and height will be wider and taller by 20 pixels or so (measure by above values and padding below) */
width: 335px;
	height: 400px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
position: relative;
	background-color: #0f4a34;
	margin: 0;
	padding: 10px;
	opacity:0.65;
	filter:alpha(opacity=65);
	color: #FFF;
}
.no-top-margin {
	margin-top: 0px;
}