/*
 * Splitter container. Set this to the desired width and height
 * of the combined left and right panes. In this example, the
 * height is fixed and the width is the full width of the body,
 * less the margin on the splitter itself.
 */
#MySplitter
{
    height: 445px;
    margin: 0 20px 0 0; /* No padding allowed */
}
/*
 * Left-side element of the splitter. Use pixel units for the
 * min-width and max-width; the splitter plugin parses them to
 * determine the splitter movement limits. Set the width to
 * the desired initial width of the element; the plugin changes
 * the width of this element dynamically.
 */
#LeftPane
{
    /*background: #efe;*/
    overflow: auto;
    background: White; /*#f4f9fc;*/
    background-image: url("../images/splitterborder.png"); /* No margin or border allowed */
}
/*
 * Right-side element of the splitter.
 */
#RightPane
{
    overflow: auto;
    padding: 0 20px 0 20px; /* No margin or border allowed */
    line-height: 20px;
}
/* 
 * Splitter bar style; the .active class is added when the
 * mouse is over the splitter or the splitter is focused
 * via the keyboard taborder or an accessKey. 
 */
#MySplitter .vsplitbar
{
    width: 8px;
    background: #F18A21 url(../images/splitter/vgrabber.gif) no-repeat center; /*#93c9e5*/
    cursor: e-resize; /* in case col-resize isn't supported */
    cursor: col-resize;
}
#MySplitter .vsplitbar.active, #MySplitter .vsplitbar:hover
{
    background: #F18A21 url(../images/splitter/vgrabber.gif) no-repeat center;
}

/* No splitter on the page */
#NoSplitter
{
    position: relative;
    min-height: 400px;
    margin: 0 20px 0 0;
}

div#navControl
{
    width: auto;
    position: relative;
    overflow: hidden;
}
/*
div#navControl a:link , div#navControl a:visited
{
    color: #F18A21;
}

div#navControl a:active, div#navControl a:hover
{
    background-color: #F18A21;
    color: White;
}

*/