* {margin:0; padding:0; outline:0}
body {font:12px Verdana,Arial; background:#bbb}
h1 {font:26px Georgia,Verdana}

/* Sets the style for unvisited links. */
a,  a:link {
	color: #0099FF;
	font-weight: bold;
	text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
	color: #0099FF;
	font-weight: bold;
	text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
	color: #FFFFFF;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
	color: #FFFFFF;
}

p {
	line-height:1.4;
	margin-top:10px;
	margin-right: 20px;
}

#wrapper {width:400px; height:200px; margin:40px auto; background:#fff; border-top:4px solid #eee; border-left:4px solid #eee; padding:20px}
#scroll {
	position:relative;
	width:298px;
	height:331px;
	overflow:auto
}
#scrollcontent {
	position:absolute;
	width:280px;
	z-index:200
}
#scrollbar {float:right; position:relative; display:none; width:15px; height:331px; z-index:100; background:url(images/scroll-bg.gif)}
.scroller {position:absolute; top:0; width:15px; cursor:pointer; background-color:#ccc; background-image:url(images/scroll-arrows.gif); background-position:50% 50%; background-repeat:no-repeat}
.buttonclick {background-color:#bbb}