/*================ Scroll ===============*/
.scroll-pane
{
width: 100%;
max-height: 142px;
overflow: hidden;
position:relative;
border:solid #C6C8CA;
border-width:0 1px 1px 0;
}
.scroll-pane-autocom
{
max-height: 142px;
overflow: hidden;
position:relative;
border:solid #C6C8CA;
border-width:0 1px 1px 0;
}
.jspContainer
{
max-height: 142px;
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
position: absolute;
top: -5px;
right: 0;
width: 8px;
height: 100%;
background: #e5e5e5;
}
.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
display:none;
background: #e5e5e5;
}
.jspVerticalBar *, .jspHorizontalBar *
{
margin: 0;
padding: 0;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: #fff;
padding-top:5px !important;
position: relative;
}
.jspDrag
{
background: #e5e5e5;
position: relative;
top: 0;
width:5px !important;
left: 0;
cursor: pointer;
}
.jspDrag:hover
{
background: #ccc;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled
{
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow
{
height: 16px;
width: 5px;
margin: 0 auto;
}
.jspHorizontalBar .jspArrow
{
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
}
.grid-container3 .jspPane
{
    width:100% !important;
}
.grid-container3  .jspVerticalBar
{
    background:none;
    top:0px;
    right:2px;
}
.grid-container3 .jspTrack
{
    background:none;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
margin: 0 -3px 0 0;
}

.toolbar_cont .scroll-pane
{
    border-right:0px solid !important;
}
.bg-tree .scroll-pane
{
    height:303px;
    max-height:303px;
}
.bg-tree .jspContainer
{
    max-height:303px;
}