/*Page related styles for you to view*/
#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 300px;
	height: 200px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	padding: 15px;
	background:  #99B127 url(flexscroll-bg.jpg) no-repeat left bottom;
	color: #FFFFFF;
	margin-bottom: 15px;
	font-size: 1em;
	line-height: 1.3em;
}
#mycustomscrollPurple {
	/* Typical fixed height and fixed width example */
	width: 300px;
	height:380px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	padding: 15px;
	background:  #59277E url(flexscroll-bgPurple.jpg) no-repeat left bottom;
	color: #FFFFFF;
	margin-bottom: 15px;
	font-size: 1em;
	line-height: 1.3em;
}
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
	line-height: 1px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: hand;
	cursor: pointer;
	}
.vscrollerbase {
	width: 15px;
	background: #FFFFFF url(basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}
.vscrollerbar {
	width: 15px;
	background: #FFFFFF url(basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
	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;
}
/*.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;
	width: 15px;
	height: 15px;
}
.scrollerjogbox:hover {
	background: #FFFFFF url(basebarcaps_verticalbarbody.png) -45px -15px;
	border: 1px solid #663366;
	}
*/
/* Scroll Bar Master Styling Ends Here */