/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
	.scrollgeneric 
		{
			line-height: 1px;
			font-size: 1px;
			position: absolute;
			top: 0; left: 0;
		}

.vscrollerbase 
	{
		width:22px;
	}


.vscrollerbar
	{
		background-image: url('/includes/scrollbars/B4242C/scrollbar_B4242C.png');
		width: 22px;
		/* following is the bit that allows us fixed height scrollbars */
		height: 24px !important;
		/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/

		background-image: url(/includes/scrollbars/B4242C/scrollbar_B4242C.png);
		/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
		using alpha images, thay have to be transparent.*/
	}

* html 
	.vscrollerbar
		{
			/* IE6 alpha png trick */
			/* IE7 is not affected by this trick, as it perfectly handles the normal png */
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/includes/scrollbars/B4242C/scrollbar_B4242C.png');
				background-image: none;
		}

/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */

	.hscrollerbase 
		{
			height: 22px;
		}

	.hscrollerbar 
		{	
			background-image: url('/includes/scrollbars/B4242C/scrollbar_B4242C_h.png');
			width: 24px;
			height: 22px; 
			background-image: url(/includes/scrollbars/B4242C/scrollbar_B4242C_h.png);
		}

* html 
	.hscrollerbar
		{
			/* IE6 alpha png trick */
			/* IE7 is not affected by this trick, as it perfectly handles the normal png */
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/includes/scrollbars/B4242C/scrollbar_B4242C_h.png');
				background-image: none;
		}

.vscrollerbar, .hscrollerbar 
	{
		/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
		used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
		padding: 0px;
		z-index: 2;
	}

/* properties for scroller jog box, just in case */
	.scrollerjogbox 
		{
			width: 0px;
			height: 0px;
			top: auto; left: auto;
			bottom: 0px; right: 0px;
			background: #B4242C;
		}


/* Scroll Bar Master Styling Ends Here */

