#scroller
{
  position: relative;
  top: 0px;
  left: 0px;
	overflow: hidden;
	clip: rect(0px 179px 251px 0px);
	
	width: 179px;
	height: 251px;
}

#container
{
	overflow: hidden; 
	width: 179px; 
	height: 251px; 
	padding: 0px;
	margin: 0px;
  background-color: #efefef;
}

#content
{
  position: relative;
	width: 160px; 
	
	padding: 6px;
	margin: 0px;
}

#scrollUp
{
	z-index: 10; 
	left: 169px; 
	position: absolute; 
	top: 0px;
}

#scrollDn 
{
	z-index: 10; 
	left: 169px; 
	position: absolute; 
	top: 239px
}

#scrollbar 
{
	left: 169px; 
	width: 10px; 
	clip: rect(0px 10px 230px 0px); 
	position: absolute; 
	top: 10px; 
	height: 230px; 
	background-color: #eeeeee; 
}

#thumb 
{
	z-index: 5; 
	left: 0px; 
	position: absolute; 
	top: 1px;
}

#thumbArrowUp 
{
	z-index: 2; 
	left: 2px; 
	visibility: hidden; 
	position: absolute;
}

#thumbArrowDn 
{
	z-index: 2; 
	left: 2px; 
	visibility: hidden; 
	position: absolute;
}

#marker 
{
	z-index: 5; 
	left: 1px; 
	visibility: hidden; 
	width: 10px; 
	clip: rect(0px 10px 1px 0px); 
	position: absolute; 
	top: 0px; 
	height: 1px; 
	background-color: #333333; 
}

#elevUp 
{
	z-index: 4; 
	left: 0px; 
	background-image: url(/images/scroller/elevator1.gif); 
	width: 10px; 
	clip: rect(0px 10px 239px 0px); 
	position: absolute; 
	top: 0px; 
	height: 239px; 
}

#elevDn 
{
	z-index: 4; 
	left: 0px; 
	background-image: url(/images/scroller/elevator1.gif); 
	width: 10px; 
	clip: rect(0px 10px 239px 0px); 
	position: absolute; 
	top: 0px; 
	height: 239px; 
}