/* Scrollpane */

#dhtmlgoodies_scrolldiv{
	/* The total width of the scrolling div including scrollbar */
	position:relative;
	width:250px;	/* Width of the scrolling text */
	height:440px;
		/* The height of the scrolling div */
	z-index:120000;
}
#scrolldiv_parentContainer{
	position:absolute;
	width:250px;	/* Width of the scrolling text */
	height:440px;
	overflow:hidden;
	float:left;
	
	z-index:120;
}

/*
CSS for the scrolling content 
*/
#scrolldiv_content{
	padding: 0px;
	position:relative;
	z-index:120;
	color: #38271f;
	
		
}

/*
The scrollbar slider 
*/
#scrolldiv_slider{
	position:relative;
	top:0px;
	left:250px;
	width:12px;
	float:left;
	z-index:120;
	
}

/*
The scrollbar (The bar between the up and down arrow )
*/
#scrolldiv_scrollbar{
	position:relative;
	width:12px;
	height:420px;	/* Total height - 40 pixels */
	left:0px;
	border-left:1px solid #a3a3a3;
	border-right:1px solid #a3a3a3;
	z-index:110000;
	cursor:pointer;
}
/*
The scrollbar handle
*/
#scrolldiv_theScroll{
	position:absolute;
	left:-1px;
	margin:0px;
	padding:0px;
	width:12px;
	height:40px;
	border:1px solid #a3a3a3;
	background-color:#f1ae17;
	
	cursor:pointer;
	z-index:120;
}
/*
Scroll buttons(The up and down arrows)
*/
#scrolldiv_scrollUp,#scrolldiv_scrollDown{
	position:relative;
	left:0px;
	width:12px;
	height:12px;
	line-height:1px;
	font-size:1px;
	color: #BC8FBD;
	text-align:center;
	
	cursor:pointer;
	border:1px solid #a3a3a3;
	background-color:#a3a3a3;
}
#scrolldiv_scrollUp{
	margin-bottom:0px;
	background-image:url('../../../images/uparrow.gif');
	
}
#scrolldiv_scrollDown{
	position:absolute;
	left:0px;
	top:428px;
	z-index:121;
	background-image:url('../../../images/downarrow.gif');
}
#scrolldiv_scrollDown span,#scrolldiv_scrollUp span{
	font-family: Symbol;
}