.box #scroll {
	width: 198px;
	padding-left: 1px;
	font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
}
.box #scroll h1 {
	font-size: 80%;
	font-weight: bold;
	display: block;
	text-align: left;	
	margin-bottom: 4px;
	padding-bottom: 4px;
}
.box #scroll h2 {
	font-size: 80%;
	font-weight: normal;
	color: #666;
}
.box #scroll a {
	font-weight: normal;
	text-decoration: none;
}
.box #scroll a:hover {
	text-decoration: underline;
}

.box #scroll_wrap
{
	height: 200px; /* default height. Changed by javascript! */
	width: 198px;
}

.box #scroll_mask
{
	position: absolute;
	height: 200px;
	width: 198px;
	clip: rect(0px 198px 300px 0px);
}

.scroll_move
{
	width: 180px;
	position: absolute;
	/* left: 0px; */
	top: -2000px;
	padding: 8px; 
}
#scroll_controls
{
	text-align: right;
	padding: 10px;
	font-size: 10px;
}

#scroll_left_controls
{
	float: left;
	font-size: 10px;
}
#scroll img {
	border: none;
}
#ls
{
	margin-left: 1px;
	width: 198px;
}
#ls-wrap
{
	height: 180px;
	width: 198px;
}
#ls-mask
{
	position: absolute;
	height: 300px;
	width: 198px;
	clip: rect(0px 198px 300px 0px);
}
.ls-story
{
	width: 182px;
	padding: 8px;
	position: absolute;
	top: -5000px;
	text-align: left;
}
#ls-story-0
{
	top: 0px;
}
#ls-controls
{
	text-align: right;
	padding: 8px;
	font-size: 80%;
}
#ls-controls img
{
	display: inline;
	border: none;
	cursor: pointer;
}
#ls-play-pause
{
	float: left;
}





#ls div.ls-story span.ls-head
{
	font-size: 80%;
	font-weight: bold;
	display: block;
	text-align: left;
	margin-bottom: 4px;
	padding-bottom: 4px;
	display: block;
	border-bottom: 1px solid #a1b4cd;
}
#ls div.ls-story span.ls-body
{
	font-size: 50%;
	font-weight: normal;
	color: #666;
	display: block;
}
#ls div.link-scroll-story a
{
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}