/* 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 {

background:url(img/page/intro/scroll-y.jpg) repeat-y center;

margin:0 auto;

padding:0 0 0 0;

width:10px;

}

.vscrollerbar {

background-color:#000;

width:9px;

}

.hscrollerbase {

height: 10px;

background-color: white;

}

.hscrollerbar {

height: 10px;

background-color: black;

}



.scrollerjogbox {

width: 10px;

height: 10px;

top: auto; left: auto;

bottom: 0px; right: 0px;

background-color: gray;

}



















#mycustomscroll {

/* percentage width without the fix*/

width: 100%;

height: 250px;

overflow: auto;

/* IE overflow fix, position must be relative or absolute*/

position: relative;

background-color: #E7EADE;

margin: 0.3em auto;

padding: 0px;

}



#mycustomscroll2 {

/*percantage width: make it 100% to match container*/

width: 100%;

height: 250px;

overflow-x:hidden;
overflow-y:scroll;

/* IE overflow fix, position must be relative or absolute*/

position: relative;

margin:0px;

/* negative left margin to compensate for the padding,

not related to fleXcroll, and may not be needed elsewhere */

padding: 0px;

}



/*

percentage width: the real percentage is done by the wrapper

this is to fix various IE6 bugs

*/

.percentagewrap {

	width: 100%;

	margin: 0 auto;

	padding: 0px;

	}

	

.fixedwidth {

/* a wide div is used for creating horizontal scrollbars for demonstration purposes */

width: 550px;

height: auto;

position: relative;

color: black;

padding: 1px;

}