#scroll_demo {
	position:relative;
	width:500px;
	height:200px;
	overflow-y:scroll;
	padding:20px;
}

.hoverScrollArea {
	width:530px;
	text-align: center;
}

body {
	padding:30px;
	margin:0px;
}

body > .hoverScrollArea {
	width:100%;
	height:25px;
	right:0px;
}

a.ui-jHover {
}

.demo {
	padding:20px;
	margin-bottom: 20px;
}

.docs {
	padding:20px;
}

#hover_control {
	position:fixed;
	top:20px;
	right:20px;
	width:150px;
}

#switcher {
position:fixed;
top:120px;
right: 20px;
}

.hoverScrollArea .ui-icon {
	margin-left:auto;
	margin-right: auto;
}

			/*demo page css*/
			body{ font: 75% "Trebuchet MS", sans-serif; }
			.demoHeaders { margin-top: 2em; }
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}