#dhtmlgoodies_scrolldiv{
		/* The total width of the scrolling div including scrollbar */
		width:800px;
		height:400px;	/* The height of the scrolling div */
	}
	
	
	#scrolldiv_parentContainer{
		width:800px;	/* Width of the scrolling text */
		height:100%;
		overflow:hidden;

		float:left;
		position:relative;
	}
	
	/*
	CSS for the scrolling content 
	*/
	#scrolldiv_content{
		padding: 5px;
		position:relative;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		line-height:130%;
		color: #333;
	}
	
	/*
	The scrollbar slider 
	*/
	#scrolldiv_slider{
		width:15px;
		margin-left:2px;
		height:500px;
		float:left;
	}
	
	/*
	The scrollbar (The bar between the up and down arrow )
	*/
	#scrolldiv_scrollbar{
		width:23px;
		height:460px;	/* Total height - 40 pixels */
		background:url(../images/scroller-bg-rep.png) repeat-y top left;
		position:relative;
		
	}
	/*
	The scrollbar handle
	*/
	#scrolldiv_theScroll{
		margin:1px;
		width:19px;
		height:19px;
		background:url(../images/btn-mid.gif) no-repeat left center;
		position:absolute;	
		top:0px;
		left:0px;
		cursor:pointer;
	}
	/*
	Scroll buttons(The up and down arrows)
	*/
	#scrolldiv_scrollUp,#scrolldiv_scrollDown{
		width:24px;
		height:19px;

		color: #BC8FBD;
		text-align:center;
		font-size:16px;
		line-height:16px;
		cursor:pointer;
	}
	#scrolldiv_scrollUp{
		margin-bottom:0px;
	}
	#scrolldiv_scrollDown{
		margin-top:0px;
	}
	#scrolldiv_scrollDown span,#scrolldiv_scrollUp span{
		font-family: Symbol;
	}