.scroll-pane {width: 650px; height: 330px; overflow: hidden;}
.scroll-content-item { width: 98%; border-bottom:1px dotted #cbcbcb; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; padding-bottom:12px; font-size:13px; }
.scroll-pane .ui-slider {position: relative; text-align: left; }
.scroll-pane .ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: default; }
.scroll-content-item .by{font-size:10px; color:#939393}
.scroll-pane-vertical { height: 100%; width: 100%; }
.scroll-content-vertical { overflow: hidden; width: 100%; height: auto; float: left; }
.scroll-bar-wrap-vertical { padding: 0; margin: 0; width: 10px; height: 99%; float: right; }
.scroll-bar-wrap-vertical .ui-slider { background: none; border:0; height: 100%; width: 10px; margin: 0;  }
.scroll-bar-wrap-vertical .ui-handle-helper-parent { position: relative; width: 10px; height: 100%; margin: 0 auto; }
.scroll-bar-wrap-vertical .ui-slider-handle { left:0em; width: 8px; margin-left: 0em; margin-bottom: -2px; }
.scroll-bar-wrap-vertical .ui-slider-handle .ui-icon { margin:  0; position: relative; left: 50%; }

.scroll-pane .ui-state-default,
.scroll-pane .ui-widget-content .ui-state-default,
.scroll-pane .ui-widget-header .ui-state-default {
    border: none;
    background: #dedede none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-mozilla-border-radius:5px;
}
.scroll-pane .ui-state-hover,
.scroll-pane .ui-widget-content .ui-state-hover,
.scroll-pane .ui-widget-header .ui-state-hover,
.scroll-pane .ui-state-focus,
.scroll-pane .ui-widget-content .ui-state-focus,
.scroll-pane .ui-widget-header .ui-state-focus {
    background: #858484;
    cursor:  pointer;
}
.scroll-pane .ui-state-active,
.scroll-pane .ui-widget-content .ui-state-active,
.scroll-pane .ui-widget-header .ui-state-active {
    border: none;
    background: #858484;
}

.scroll-bar-wrap-vertical {background: #fff;}

.scroll-bar-wrap-vertical .ui-slider-handle { width: 5px; background: #fff; margin-bottom: 0px; }


.scrollsec .scroll-bar-wrap-vertical .ui-slider-handle { width: 18px; background:url(../images/budgetBattle.gif) no-repeat -369px -112px; display:block; margin-bottom: 0px; margin-left:-4px }
.scrollsec .scroll-bar-wrap-vertical { padding: 0; margin: 0; width: 18px; height: 99%; float: right; padding-top:35px }
.scrollsec .scroll-bar-wrap-vertical .ui-slider { background: #333333; border:0; height: 100%; width: 18px; margin: 0;  }
.scrollsec .scroll-bar-wrap-vertical {background: #333333;}
.scroll-content-items { position:relative; width: 97%; border-bottom:1px solid #1e1a1a; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; font-size:11px; color:#fff; padding:5px 10px 8px 10px; }