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

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

#mycustomscroll .vscrollerbase {
	width: 10px;
	background-image:url(/opoimgs/scrollborder.png);
	
	/*background-color: #003366;
	opacity:0.4;filter:alpha(opacity=50); */
}
#mycustomscroll .vscrollerbar {
	width: 10px;
	padding: 8px;
	background-color: #FFFFFF;	
}

#mycustomscroll .vscrollerbasebeg {
width: 10px;
height: 10px;
/* background: url(scrollbase_beg.png) no-repeat;
height is auto set to fill the base */
}

#mycustomscroll .vscrollerbaseend {
height: 10px; width: 10px;
/* background: url(scrollbase_end.png) no-repeat;*/
}

#mycustomscroll .hscrollerbase {
height: 10px;
background-color: white;
}
#mycustomscroll .hscrollerbar {
height: 10px;
background-color: black;
}

#mycustomscroll .scrollerjogbox {
width: 10px;
height: 10px;
top: 10px; left: auto;
bottom: 10px; right: 0px;
background-color: gray;
}


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

#mycustomscrollXL .vscrollerbase {
	width: 10px;
	background-image:url(/opoimgs/scrollXLborder.png);
	/*opacity:0.4;filter:alpha(opacity=50); */
}
#mycustomscrollXL .vscrollerbar {
	width: 10px;
	padding: 8px;
	background-color: #003366;	
}

#mycustomscrollXL .vscrollerbasebeg {
width: 10px;
height: 10px;
/*background: url(scrollbase2_beg.png) no-repeat;
 height is auto set to fill the base */
}

#mycustomscrollXL .vscrollerbaseend {
height: 10px; width: 10px;
/*background: url(scrollbase2_end.png) no-repeat;*/
}

#mycustomscrollXL .hscrollerbase {
height: 10px;
background-color: white;
}
#mycustomscrollXL .hscrollerbar {
height: 10px;
background-color: black;
}

#mycustomscrollXL .scrollerjogbox {
width: 10px;
height: 10px;
top: 10px; left: auto;
bottom: 10px; right: 0px;
background-color: gray;
}


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

#myTextcroll .vscrollerbase {
	width: 10px;
	background-image:url(/opoimgs/scrollTextborder.png);
	
	/*background-color: #003366;
	opacity:0.4;filter:alpha(opacity=50); */
}
#myTextcroll .vscrollerbar {
	width: 10px;
	padding: 8px;
	background-color: #FFFFFF;	
}

#myTextcroll .vscrollerbasebeg {
width: 10px;
height: 10px;
/* background: url(scrollbase_beg.png) no-repeat;
height is auto set to fill the base */
}

#myTextcroll .vscrollerbaseend {
height: 10px; width: 10px;
/* background: url(scrollbase_end.png) no-repeat;*/
}

#myTextcroll .hscrollerbase {
height: 10px;
background-color: white;
}
#myTextcroll .hscrollerbar {
height: 10px;
background-color: black;
}

#myTextcroll .scrollerjogbox {
width: 10px;
height: 10px;
top: 10px; left: auto;
bottom: 10px; right: 0px;
background-color: gray;
}