/* 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 { width: 10px; background-color: none; }
.vscrollerbar { width: 10px; background-color: #EFD7AD; }
.hscrollerbase { height: 10px; background-color:none; }
.hscrollerbar { height: 10px; background-color: #EFD7AD; }
.scrollerjogbox { width: 10px; height: 10px; top: auto; left: auto; bottom: 0px; right: 0px; background-color: #FFEBCE; } 


/******************************* tutorsty ********************/

#mycustomscroll {
/* percentage width without the fix*/
width: 80%;
height: 250px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #E7EADE;
margin: 0.3em auto;
padding: 15px;
}

#mycustomscroll2 { /*percantage width: make it 100% to match container*/
width: 451px;
height: 750px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color:none;
margin: 0.3em auto 0.3em -20px;
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
padding: 0px; padding-left:20px;
}

/*
percentage width: the real percentage is done by the wrapper
this is to fix various IE6 bugs
*/
.percentagewrap { width: 80%; margin: 0 auto; padding: 10px; }
	
.fixedwidth { width: 550px; height: auto; position: relative; color: black; padding: 1px;} /* a wide div is used for creating horizontal scrollbars for demonstration purposes */