.tree_item
{
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-style: Outset;
    border-width: 1px;
    float: left;
    clear: none;
    left: 0;
}
.tree_node
{
    margin-left: 1px;
    margin-right: 1px;
    border-right: 1px solid gray;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    width:100px;
}
.holder
{
    float: left;
    margin: 20px;
    margin-left: 1px;
    margin-right: 1px;
    border-right: 1px solid gray;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    background-color: White;
    display: none;
    position: absolute;
}

.scroll-pane
{
    height: 200px;
    overflow: auto;
    background: #ccc;
    float: left;
}

.winXP .jScrollPaneTrack
{
    background: url(images/filtertree/windows_track.gif) repeat-y;
}
.winXP .jScrollPaneDrag
{
    background: url(images/filtertree/windows_drag_middle.gif) no-repeat 0 50%;
}
.winXP .jScrollPaneDragTop
{
    background: url(images/filtertree/windows_drag_top.gif) no-repeat;
    height: 4px;
}
.winXP .jScrollPaneDragBottom
{
    background: url(images/filtertree/windows_drag_bottom.gif) no-repeat;
    height: 4px;
}
.winXP a.jScrollArrowUp
{
    height: 17px;
    background: url(images/filtertree/windows_arrow_up.gif) no-repeat 0 0;
}
.winXP a.jScrollArrowUp:hover
{
    background-position: 0 -20px;
}
.winXP a.jScrollArrowDown
{
    height: 17px;
    background: url(images/filtertree/windows_arrow_down.gif) no-repeat 0 0;
}
.winXP a.jScrollArrowDown:hover
{
    background-position: 0 -20px;
}
.winXP a.jScrollActiveArrowButton, .winXP a.jScrollActiveArrowButton:hover
{
    background-position: 0 -40px;
}
.left .jScrollPaneTrack
{
    left: 0;
    right: auto;
}
.left a.jScrollArrowUp
{
    left: 0;
    right: auto;
}
.left a.jScrollArrowDown
{
    left: 0;
    right: auto;
}

.jScrollPaneContainer
{
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.jScrollPaneTrack
{
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background: #aaa;
}
.jScrollPaneDrag
{
    position: absolute;
    background: #666;
    cursor: pointer;
    overflow: hidden;
}
.jScrollPaneDragTop
{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom
{
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
a.jScrollArrowUp
{
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden; /*background-color: #666;*/
    height: 9px;
}
a.jScrollArrowUp:hover
{
    /*background-color: #f60;*/
}

a.jScrollArrowDown
{
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden; /*background-color: #666;*/
    height: 9px;
}
a.jScrollArrowDown:hover
{
    /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover
{
    /*background-color: #f00;*/
}
a.jScrollArrowUp
{
    background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover
{
    background-position: 0 -15px;
}
a.jScrollArrowDown
{
    background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover
{
    background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover
{
    background-position: 0 -30px;
}