/* RadSplitter for ASP.NET AJAX - WebBlue Skin */

/* Borders */
.RadSplitter_Ocif,

/* Vertical RadSplitter items */
.RadSplitter_Ocif .rspPane, 
.RadSplitter_Ocif .rspResizeBar,
.RadSplitter_Ocif .rspSlideContainerResize,

/* Horizontal RadSplitter items */
.RadSplitter_Ocif .rspPaneHorizontal,
.RadSplitter_Ocif .rspResizeBarHorizontal,
.RadSplitter_Ocif .rspSlideContainerResizeHorizontal
{
	border-color:#e1e6ea;
}

.RadSplitter_Ocif .rspPaneTabContainer
{
	border-color:#768ca5;
}

/* When ShowContentDuringLoad="false" */
.RadSplitter_Ocif .rspLoading
{
    background-image: url('Common/loading.gif');
}

/* RadSplitBar/RadSlidingPane resize elements */
.RadSplitter_Ocif .rspResizeBar,
.RadSplitter_Ocif .rspSlideContainerResize
{
	background:#e1e6ea url('Splitter/ResizeBarVerticalSprites.gif') repeat-y 0 0;
    border-right-color:#a2b3c7;
}

.RadSplitter_Ocif .rspResizeBarOver,
.RadSplitter_Ocif .rspSlideContainerResizeOver
{
    background-position:-4px 0;
    border-right-color:#5d9fb7;
}

.RadSplitter_Ocif .rspResizeBarHorizontal,
.RadSplitter_Ocif .rspSlideContainerResizeHorizontal
{
	background:#e1e6ea url('Splitter/ResizeBarHorizontalSprites.gif') repeat-x 0 0;
    border-bottom-color:#a2b3c7;
}

.RadSplitter_Ocif .rspResizeBarOverHorizontal,
.RadSplitter_Ocif .rspSlideContainerResizeOverHorizontal
{
    background-position:0 -4px;
    border-bottom-color:#5d9fb7;
}

/* RadSlidingPane tab */
.RadSplitter_Ocif .rspPaneTabContainer,
/* RadSlidingPane buttons */
.RadSplitter_Ocif .rspSlideHeaderDockIcon,
.RadSplitter_Ocif .rspSlideHeaderUndockIcon,
.RadSplitter_Ocif .rspSlideHeaderCollapseIcon,
/* RadSplitBar buttons */
.RadSplitter_Ocif .rspCollapseBarExpand,
.RadSplitter_Ocif .rspCollapseBarCollapse,

.RadSplitter_Ocif .rspCollapseBarHorizontalExpand,
.RadSplitter_Ocif .rspCollapseBarHorizontalCollapse
{
    background-image:url('Splitter/ExpandCollapseBarsCommands.gif');
    background-repeat:no-repeat;
}

/* RadSlidingPane tab */
.RadSplitter_Ocif .rspPaneTabContainer
{
    background-position:-81px 0;
    background-repeat:repeat-y;
    background-color:#9bafc1;
}

/* RadSplitBar buttons */
.RadSplitter_Ocif .rspCollapseBarCollapse
{	
	background-position:0 0;
}
.RadSplitter_Ocif .rspCollapseBarCollapseOver
{
    background-position:-192px 0;
}

.RadSplitter_Ocif .rspCollapseBarExpand
{	
	background-position:-4px 0;
}
.RadSplitter_Ocif .rspCollapseBarExpandOver
{
    background-position:-196px 0;
}

.RadSplitter_Ocif .rspCollapseBarHorizontalExpand
{
    background-position:-8px -4px;
}
.RadSplitter_Ocif .rspCollapseBarHorizontalExpandOver
{
    background-position:-8px -12px;
}

.RadSplitter_Ocif .rspCollapseBarHorizontalCollapse
{
    background-position:-8px 0;
}
.RadSplitter_Ocif .rspCollapseBarHorizontalCollapseOver
{
    background-position:-8px -8px;
}

/* RadSlidingPane buttons */
.RadSplitter_Ocif .rspSlideHeaderUndockIcon
{
	background-position:-50px 0;
}

.RadSplitter_Ocif .rspSlideHeaderDockIcon
{
	background-position:-35px 0;
}

.RadSplitter_Ocif .rspSlideHeaderCollapseIcon
{
	background-position:-65px 0;
}

/* RadSlidingPane header */
.RadSplitter_Ocif .rspSlideHeader, 
/* RadSlidingPane title */
.RadSplitter_Ocif .rspSlideTitleContainer,
/* RadSlidingPane tab, SlideDirection=Top/Bottom */
.RadSplitter_Ocif .rspBottom .rspPaneTabContainer,
.RadSplitter_Ocif .rspTop .rspPaneTabContainer
{
	background-image:url('Splitter/slideTitleContainerBgr.gif');
	background-repeat:repeat-x;
}

.RadSplitter_Ocif .rspBottom .rspPaneTabContainer,
.RadSplitter_Ocif .rspTop .rspPaneTabContainer
{
    background-position:0 -1px;
}

.RadSplitter_Ocif .rspTabsContainer .rspPaneTabContainerDocked
{
    background:#fff none;
}

/* RadSlidingPane header elements */
.RadSplitter_Ocif .rspSlideTitleContainer,
.RadSplitter_Ocif .rspSlideHeaderIconWrapper
{
	border-bottom:solid 1px #768ca5;
}

/* RadSlidingPane title text */
.RadSplitter_Ocif .rspSlideTitle,
/* RadSlidingPane tab text */
.RadSplitter_Ocif .rspPaneTabText
{
	font:normal 10px "Segoe UI", Arial, Sans-serif;
	color:#fff;
}
.RadSplitter_Ocif .rspSlideTitle
{	
	font-size:12px;
}
.RadSplitter_Ocif .rspPaneTabContainerDocked .rspPaneTabText
{
    color:#000;
}

/* RadSlidingPane content - this element should not be transparent as it shows above content in adjacent RadPanes */
.RadSplitter_Ocif .rspSlideContent
{
	background-color:#fff;
}