#demo-frame > div.demo { padding: 10px !important; }
.scroll-pane { overflow: auto; width: 99%; border: 1px solid black;}
.scroll-content { width: 2440px; float: left; background-image: url(Default.ashx?m=default&h=RapptorSuchGrid.RapptorSuchGrid.Resource.img.ui-bg_glass_75_e6e6e6_1x400.png)}
.scroll-content-item 
{ 
	width: 100px; 
	height: 100px; 
	float: left; 
	margin: 10px; 
	font-size: 3em; 
	line-height: 96px; 
	text-align: center;
	background-image: url(Default.ashx?m=default&h=RapptorSuchGrid.RapptorSuchGrid.Resource.img.ui-bg_highlight-soft_75_cccccc_1x100.png);
}
* html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
.scroll-bar-wrap  
{
	float: left; 
	padding: 1px 1px 1px 1px;
	background-color:#ededed;
	height: 12px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	margin-left:1px;
}

div.scroll-bar-wrap 
{
    *margin-left:0px; /* Applies only to IE 7 and below */
}

.scroll-bar-wrap .ui-corner-all 
{
     -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
.scroll-bar-wrap .ui-slider { background: #ededed; border:0; margin: 0 auto; height: 12px; width:100%;}
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
.scroll-bar-wrap .ui-slider-handle 
{ 
	top: 0;
	height: 10px;
	position:absolute;
	background: #cccccc;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	border: 1px solid #adadad;
}

.ui-state-hover
{
	background-image: url(Default.ashx?m=default&h=RapptorSuchGrid.RapptorSuchGrid.Resource.img.ui-bg_glass_75_e6e6e6_1x400.png) !important;
}
.ui-slider-handle .ui-icon 
{ 
	margin: -8px auto 0; 
	position: relative; 
	top: 50%; 
	background-image: url(Default.ashx?m=default&h=RapptorSuchGrid.RapptorSuchGrid.Resource.img.ui-icons_888888_256x240.png); 
	background-position: 0 -224px; 
	width: 16px;
	height: 16px;
	display:block;
}


.scroll-content-vert { height: 2440px; float: left; background-image: url(Default.ashx?m=default&h=RapptorSuchGrid.RapptorSuchGrid.Resource.img.ui-bg_glass_75_e6e6e6_1x400.png)}
.scroll-pane-vert { overflow: auto; width: 120px; height:100%; border: 1px solid black; float:left;}
.scroll-bar-wrap-vert  
{
	float:left;
	width:12px;
	height: 100%;
	padding: 1px 1px 1px 1px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	background: #ededed
}

.scroll-bar-wrap-vert   .ui-corner-all 
{
     -moz-border-radius: 0px; -webkit-border-radius: 0px;
}

.scroll-bar-wrap-vert .ui-slider-handle .ui-icon 
{ 
	left:-1px;
}
.scroll-bar-wrap-vert .ui-slider-vertical { background: #ededed; border:0; margin: 0 auto; width: 12px; height:100%;z-index: 1}
.scroll-bar-wrap-vert .ui-handle-helper-parent-vert { position: relative; height: 100%; width: 100%; }

.scroll-bar-wrap-vert .ui-slider-handle 
{ 
	width: 10px;
	position:absolute;
	background: #cccccc;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	border: 1px solid #adadad;
	left:0px;
}

.scroll-padding
{
	height:12px;
	width:12px;
	float:left;
	background-color:#EEEEEE;
}