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


.wrapperNewsBoxScroll {
	height: 289px;
	padding: 10px 0px 0px 0px;
	width: 224px;
	background: #acacac url(../bckg_rightBoxCollection.jpg) top left no-repeat;
	
}

#myMidColumnScroll {/* Typical fixed height and fixed width example */

width: 98%;
height: 390px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;

margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
background: transparent url(../) top left no-repeat;
border: 0px solid #0f0;
}

#myMidColumnScroll p{margin-top: 0px;}

#myColumnScroll {
/* Typical fixed height and fixed width example */

width: 98%;
height: 490px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;

margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
background: transparent url(../) top left no-repeat;
}

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


#myMidColumnScroll  .vscrollerbase {
background-color:none;


}

#myMidColumnScroll  .vscrollerbar {
width: 15px;
margin-top: 0px;
}

#myMidColumnScroll .vscrollerbar {
background: url(scrolls_one_column.png) -31px -0px repeat-y;
width:15px;

}

#myMidColumnScroll .vscrollerbar {

padding: 10px;
z-index: 2;
}

#myMidColumnScroll  .vscrollerbarbeg { 
/* Top image holder for vertical scrollbar*/
/*background:  url(scrolls_one_column.png) -0px 0px no-repeat;*/
/*width: 7px;*/
/* Height of this class is normally set by the script, to fit the scrollbar, but Webkit (Safari's rendering
engine) currently has a bug on no-repeat for negatively positioned backgrounds, causing the top
image to repeat on certain sizes. In this style, we do not need our script to strech the
vscrollerbarbeg, so we can fix the problem by forcing the size using CSS with an !important decleration: */
/*height: 4px !important;*/
}

#myMidColumnScroll .vscrollerbarend {
/* Bottom image holder for vertical scrollbar*/
/* background:  url(scrolls_one_column.png) -0px 0px no-repeat; */
/*width: 7px;
height: 0px;*/
}

/* Following are for scrollbase images, may not always be required */

#myMidColumnScroll .vscrollerbase {
/* Vertical scrollbar's base body */ 
background: url(scrolls_one_column.png) -11px -0px repeat-y;
height: 15px;
width: 15px;
}

#myMidColumnScroll .vscrollerbasebeg {
/* Vertical scrollbar's base top-cap */
/* This may be used for holding the up arrow */
background:  url(scrolls_one_column.png) 6px 0px no-repeat;
width: 20px;
/* height of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
height: 16px !important; /*  Safari BG repeat fix */
}

#myMidColumnScroll .vscrollerbaseend {
/* Vertical scrollbar's base bottom-cap */
/* This may be used for holding the down arrow */
background:  url(scrolls_one_column.png) 6px 6px no-repeat;
height: 16px;
width: 25px;
}
#myMidColumnScroll .scrollerjogbox:hover {
background:  url(scrolls_one_column.png) -45px -0px ;
background-repeat: no-repeat-x;
}

#myMidColumnScroll .hscrollerbase {
/* hscrollerbase is the div that holds the scrollbar (parent of hscrollerbar) */
height: 5px;
background-color: #cfcfcf;
}

#myMidColumnScroll .hscrollerbar {
height: 5px;
background-color: #58565f;
}