/* jqxSplitter */

#paneOne .paneInner {padding:10px;padding-bottom:40px;}
#paneOne h2 {padding:10px;}
#paneOne .paneInner a.MainContent_LibraryTreeView_0 {text-decoration:none;padding:2px 2px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin:1px 0;display:block;}
#paneOne .paneInner a.MainContent_WorkbookTreeView_0 {text-decoration:none;padding:2px 2px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin:1px 0;display:block;}
#paneOne .paneInner a:hover {background:#f1f5fb;}
#paneOne .paneInner .MainContent_LibraryTreeView_1 a {background:#aabfd6;color: rgb(76, 96, 122);}
#paneOne .paneInner .MainContent_WorkbookTreeView_1 a {background:#aabfd6;color: rgb(76, 96, 122);}
#paneTwo .paneInner {padding:10px;padding-bottom:40px;height:100%;}
#paneTwo h2 {padding:10px;}

.jqx-splitter
{
    overflow: hidden;
    border: 1px solid transparent;
}
/* Split bar's class when the jqxSplitter is with horizontal orientation */
.jqx-splitter-splitbar-vertical
{
    border: 1px solid transparent;
    border-top-width: 0px;
    border-bottom-width: 0px;
    cursor: e-resize;
    cursor: col-resize;
}
/* Split bar's mouse over state */
.jqx-splitter-splitbar-hover
{
    background-color: transparent;
}
/* Split bar's class when the jqxSplitter is with horizontal orientation. */
.jqx-splitter-splitbar-horizontal
{
    border: 1px solid transparent;
    border-left-width: 0px;
    border-right-width: 0px;   
    cursor: n-resize;
    cursor: row-resize;
}
/* This class is applied to the splitter when it's dragged to it's max left/right boundary */
.jqx-splitter-invalid
{
}
/* This class is added to split bar's collapse button when the splitter is with vectical orientation. */
.jqx-splitter-collapse-button-horizontal
{
    cursor: pointer;
    width: 45px;
    height: 5px;
}
/* This class is added to split bar's collapse button when the splitter is with horizontal orientation. */
.jqx-splitter-collapse-button-vertical
{
    cursor: pointer;
    width: 5px;
    height: 45px;
}
/* This class is added when the user disable the splitter. */
.jqx-splitter-splitbar-disabled
{
    cursor: default;
    background: #aaa;
}
/* This class is added when the user disable the splitter. */
.jqx-splitter-splitbar-collapsed
{
    cursor: default;
}
/* This class is added when the user disable the splitter. */
.jqx-splitter-collapse-button-disabled
{
    cursor: default;
}
/* This class is added to split bar's collapse button on mouse over. */
.jqx-splitter-collapse-button-hover
{
}
/* Applied to the jqxSplitter panels. */
.jqx-splitter-panel
{
    overflow: scroll;
    border: none;
    outline: none;
}

.jqx-fill-state-normal{-ms-touch-action: none;font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px; border-color:#aabfd6; background:#f1f5fb; }
.jqx-fill-state-hover {border-color:#aabfd6;  background: #e8e8e8;}
.jqx-fill-state-pressed{border-color:#999; background: #aabfd6;}
.jqx-fill-state-focus {border-color: #555; }
.jqx-fill-state-disabled {cursor: default; color: #000; opacity: .55; filter:Alpha(Opacity=45);}

#splitPanes { float: left;}