.tree-control, .tree-control ul {
    padding: 0;
    list-style: none;
}

.tree-control.flipped {
    text-align: right;
}

.tree-control ul {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 16px;
}

.tree-control li {
    margin: 3px;
    white-space: nowrap;
    /*text-overflow: ellipsis;
    overflow: hidden;*/
}

.tree-control li.selected > *.label  {
    background-color: #e0e0ff;
    border: 1px dotted grey;
}

.tree-control .label.hovered {
    background-color: #e8e8ff;
    cursor: pointer;
}

.tree-control .category.label {
    font-weight: bold; 
}

.tree-control.list-control .category.label.hovered {
    border: 0px;
    font-weight: bold; 
    background-color: inherit;
    cursor: inherit;
}

.tree-control .hit-area {
    display: inline-block; 
    height: 12px;
    width: 12px;
    margin-right: 8px;
    cursor: pointer;
}

.tree-control.list-control .hit-area {
    height: 0px;
    width: 0px;
    margin-right: 0px;
}

.tree-control .collapsable-hit-area {
    background: transparent url(images/tree_disclosure_triangles.gif) no-repeat;
    background-position: -32px 0px;
}

.tree-control .expandable-hit-area {
    background: transparent url(images/tree_disclosure_triangles.gif) no-repeat;
    background-position: -14px 0px;
}

.tree-control.flipped ul {
    margin-right: 16px;
}

.tree-control.flipped .hit-area {
    margin-right: 0px;
    margin-left: 8px;
}

.tree-control.flipped .expandable-hit-area {
    background-position: -6px 0px;
}

.popup-control ul {
    padding: 5px;
    border-bottom: solid gray 1px;
    border-right: solid gray 1px;
    border-top: solid lightgray 1px;
    border-left: solid lightgray 1px;
    background-color: #f8f8ff;
}

.h-splitter {
    background: #cbe1fb url(images/splitter_horizontal.gif) 50% 0%;
    height: 6px;
    text-align: left;
    line-height: 0px;
    font-size: 0px;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
}


.v-splitter {
    background: #cbe1fb url(images/splitter_vertical.gif) 0% 50%;
    float: left;
    width: 6px;
    /*height: 100%;*/
    line-height: 0px;
    font-size: 0px;
    border-left:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
}

.h-splitter-button {
    background: transparent url(images/splitter_horizontal_button.gif) 50% -10px;
    margin-left: -28px;
    margin-top: -4px;
    left: 50%;
    height: 10px !important;
    width: 56px;
}

.v-splitter-button {
    background: transparent url(images/splitter_vertical_button.gif) 10px 50%;
    margin-top: -28px;
    margin-left: -4px;
    top: 50%;
    height: 56px;
    width: 10px;
}

.h-splitter-button.flipped {
    background: transparent url(images/splitter_horizontal_button.gif) 50% 0px;
    margin-top: 0px;
}

.v-splitter-button.flipped {
    background: transparent url(images/splitter_vertical_button.gif) 0px 50%;
    margin-left: 0px;
}

.v-splitter.virtual, .h-splitter.virtual, .v-splitter-button.virtual, .h-splitter-button.virtual {
    filter: alpha(opacity=50);
    opacity: .50;
}

.content-nav-bar {
    height: 18px;
    /*background-color: #d2d2d2;
    border-color: #aaaaaa;
    border-width: thin;
    border-style: double;*/
    opacity: .8;
}

.content-nav-bar.flipped {
}

.content-nav-bar-button {
    display: inline-block;
    width: 24px;
    height: 18px;
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.content-nav-bar-button.enabled {
    filter: alpha(opacity=100);
    opacity: 1;
}

.content-nav-bar.flipped .content-nav-bar-button.enabled {
    filter: alpha(opacity=100);
    opacity: 1;
}

.content-nav-back-button {
    background: transparent url(images/page_browser_buttons.gif) 0px;
}

.content-nav-forward-button {
    background: transparent url(images/page_browser_buttons.gif) -24px;
}

.content-nav-prev-button {
    background: transparent url(images/page_browser_buttons.gif) -48px;
}

.content-nav-next-button {
    background: transparent url(images/page_browser_buttons.gif) -72px;
}

.content-nav-back-button.enabled:hover {
    background: transparent url(images/page_browser_buttons_hover.gif) 0px;
}

.content-nav-forward-button.enabled:hover {
    background: transparent url(images/page_browser_buttons_hover.gif) -24px;
}

.content-nav-prev-button.enabled:hover {
    background: transparent url(images/page_browser_buttons_hover.gif) -48px;
}

.content-nav-next-button.enabled:hover {
    background: transparent url(images/page_browser_buttons_hover.gif) -72px;
}

.content-nav-bar:hover {
}

.content-nav-text {
    font-size: small;
    color: #555555;
    margin: 5px;
    vertical-align: 4px;
    cursor: default;
}

.content-nav-bar.flipped .content-nav-text {
}