#container{
	/* be sure to write position:static if needed; workaround for mozilla*/
	position:absolute;
	top:50px;
	left:100px;
	width:70%;
	height:70%;
	background-color:white;
	border:1px solid grey;	
	overflow:hidden;
	}
/* just replace defaultScroll if you need different styles ex: #myStyle_horizontalScroll  */
/*workaround for mozilla bug*/

#defaultScroll_horizontalScroll{
	height:22px;	
	background-color: #AAAAAA;
	}
#defaultScroll_verticalScroll{
	/*width currently has to be set*/
	width:22px;	
	background-color: #AAAAAA;
	}
#defaultScroll_verticalButtonUp{
		background-image: url(../images/scrollbars/scroll_up.gif);
	}
#defaultScroll_verticalButtonDown{
		background-image: url(../images/scrollbars/scroll_down.gif);
	}
#defaultScroll_horizontalButtonLeft{
		background-image: url(../images/scrollbars/scroll_left.gif);
	}
#defaultScroll_horizontalButtonRight{
		background-image: url(../images/scrollbars/scroll_right.gif);
	}

#defaultScroll_verticalSlider{
	left:1px;
	width:18px;
	z-Index:1;
	background-image:url(../images/scrollbars/scrollbar_vertical.gif);
	background-repeat:repeat-y;
	border-left:1px solid #A1A1A1;
	border-right:1px solid #898989;
	border-top:1px solid #A1A1A1;
	border-bottom:1px solid #898989; 
	}
/* below class is for non IE browsers*/
#defaultScroll_verticalSlider[id]{
	width:16px;
	}		

/* IE7 displays a Border-Chaos Bug so it ignores the height */
#defaultScroll_horizontalSlider{
	height:18px;
	top:1px;
	z-Index:1;
	background-image:url(../images/scrollbars/scrollbar_horizontal.gif);
	background-repeat:repeat-x;
	border-left:1px solid #A1A1A1;
	border-right:1px solid #898989;
	border-top:1px solid #A1A1A1;
	border-bottom:1px solid #898989; 
	}
#defaultScroll_horizontalSlider[id]{
	height:16px;
	}