/* RadSplitter for ASP.NET AJAX - Base Stylesheet */

/*****************************************************************************/
/* these below are not skin/border size specific. Shared between all skins */
/*****************************************************************************/
.rspNested,
.rspNestedHorizontal 
{
	border-width: 0px !important;
}

/************ rspNested vertical ****************/
.rspNested .rspPane, 
.rspNested .rspResizeBar,
.rspNested .rspResizeBarOver,
.rspNested .rspResizeBarInactive  
{
	border-top: 0px;
	border-bottom: 0px;
}

.rspNested .rspPane.rspFirstItem,
.rspNested .rspResizeBar.rspFirstItem,
.rspNested .rspResizeBarOver.rspFirstItem,
.rspNested .rspResizeBarInactive.rspFirstItem
{
	border-left: 0px;
}

.rspNested .rspPane.rspLastItem, 
.rspNested .rspResizeBar.rspLastItem,
.rspNested .rspResizeBarOver.rspLastItem,
.rspNested .rspResizeBarInactive.rspLastItem
{
	border-right: 0px;
}

.rspNested .rspPane.rspFirstItem.rspLastItem, 
.rspNested .rspResizeBar.rspFirstItem.rspLastItem,
.rspNested .rspResizeBarOver.rspFirstItem.rspLastItem,
.rspNested .rspResizeBarInactive.rspFirstItem.rspLastItem
{
	border-left: 0px;
	border-right: 0px;
}

/************ rspNested horizontal ****************/

.rspNestedHorizontal .rspPaneHorizontal, 
.rspNestedHorizontal .rspResizeBarHorizontal,
.rspNestedHorizontal .rspResizeBarOverHorizontal,
.rspNestedHorizontal .rspResizeBarInactiveHorizontal
{
	border-left: 0px;
	border-right: 0px;
}

.rspNestedHorizontal .rspPaneHorizontal.rspFirstItem,
.rspNestedHorizontal .rspResizeBarHorizontal.rspFirstItem,
.rspNestedHorizontal .rspResizeBarOverHorizontal.rspFirstItem,
.rspNestedHorizontal .rspResizeBarInactiveHorizontal.rspFirstItem
{
	border-top: 0px;
}

.rspNestedHorizontal .rspPaneHorizontal.rspLastItem, 
.rspNestedHorizontal .rspResizeBarHorizontal.rspLastItem,
.rspNestedHorizontal .rspResizeBarOverHorizontal.rspLastItem,
.rspNestedHorizontal .rspResizeBarInactiveHorizontal.rspLastItem
{
	border-bottom: 0px;
}

.rspNestedHorizontal .rspPaneHorizontal.rspFirstItem.rspLastItem, 
.rspNestedHorizontal .rspResizeBarHorizontal.rspFirstItem.rspLastItem,
.rspNestedHorizontal .rspResizeBarOverHorizontal.rspFirstItem.rspLastItem,
.rspNestedHorizontal .rspResizeBarInactiveHorizontal.rspFirstItem.rspLastItem
{
	border-top: 0px;
	border-bottom: 0px;
}

/************ sliding rspPane icons ****************/

.rspSlideHeaderIconWrapper div
{
	font-size: 1px;
	line-height: 1px;
}

/************ VisibleDuringInit ****************/

.rspHideRadSplitter
{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/************ SlidingPanes content elements overflow problem in Firefox ****************/

.rspHideContentOverflow div
{
	overflow: hidden !important;
}

.rspHideContentOverflow iframe
{
	visibility: hidden !important;
}

/* Helper Bar */
.RadSplitter .rspHelperBarDrag, 
.RadSplitter .rspHelperBarSlideDrag,
.RadSplitter .rspHelperBarSlideDragHorizontal,
.RadSplitter .rspHelperBarDragHorizontal
{
	font-size: 1px;
	background-color: #ccc;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	opacity: 0.6;
}

/* resize bar onerror */
.RadSplitter .rspHelperBarError, 
.RadSplitter .rspHelperBarSlideError,
.RadSplitter .rspHelperBarErrorHorizontal
{
	font-size: 1px;
	background-color: #f60;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
	opacity: 0.6;
}

.RadSplitter .rspPane,
.RadSplitter .rspPaneHorizontal 
{
	padding: 0px;
	text-align: left;
}

.RadSplitter .rspResizeBar,
.RadSplitter .rspSlideContainerResize,
.RadSplitter .rspResizeBarOver,
.RadSplitter .rspSlideContainerResizeOver,
.RadSplitter .rspResizeBarInactive
{
	width: 4px;
}

.RadSplitter .rspResizeBarHorizontal,
.RadSplitter .rspResizeBarOverHorizontal,
.RadSplitter .rspSlideContainerResizeHorizontal,
.RadSplitter .rspSlideContainerResizeOverHorizontal,
.RadSplitter .rspResizeBarInactiveHorizontal
{
	height: 4px;
}

.RadSplitter .rspTop .rspPaneTabText,
.RadSplitter .rspBottom .rspPaneTabText
{
	writing-mode: lr-tb; /* Vista */
}

.RadSplitter .rspTop .rspPaneTabIcon,
.RadSplitter .rspBottom .rspPaneTabIcon
{
	display: block; 
	float: left;
}

.RadSplitter .rspHelperBarSlideDrag,
.RadSplitter .rspSlideContainerResize,
.RadSplitter .rspSlideContainerResizeOver
{
	cursor: w-resize;
}

.RadSplitter .rspHelperBarSlideDragHorizontal,
.RadSplitter .rspSlideContainerResizeHorizontal,
.RadSplitter .rspSlideContainerResizeOverHorizontal
{
	cursor: n-resize;
}

/* Helper Bar */
.RadSplitter .rspHelperBarDrag, 
.RadSplitter .rspHelperBarDragHorizontal
{
	font-size: 1px;
	background-color: #ccc;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
	opacity: 0.6;
}

/* resize bar onerror */
.RadSplitter .rspHelperBarError, 
.RadSplitter .rspHelperBarErrorHorizontal
{
	font-size: 1px;
	background-color: #f60;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
	opacity: 0.6;
}

.RadSplitter .rspNestedHorizontal
{
	border: 0 !important;
}

.RadSplitter .rspResizeBarHorizontal,
.RadSplitter .rspResizeBarOverHorizontal
{
    height: 4px;
}

.RadSplitter .rspResizeBar,
.RadSplitter .rspResizeBarOver
{
    width: 4px;
}

.RadSplitter .rspResizeBar,
.RadSplitter .rspResizeBarOver,
.RadSplitter .rspResizeBarInactive,
.RadSplitter .rspSlideContainerResize,
.RadSplitter .rspSlideContainerResizeOver,
.RadSplitter .rspSlideContainerResizeHorizontal,
.RadSplitter .rspSlideContainerResizeOverHorizontal,
.RadSplitter .rspResizeBarHorizontal,
.RadSplitter .rspResizeBarOverHorizontal,
.RadSplitter .rspResizeBarInactiveHorizontal
{
	padding: 0px;
	font-size: 1px;
	text-align: center;
}

.RadSplitter .rspPaneTabContainer,
.RadSplitter .rspPaneTabContainerExpanded,
.RadSplitter .rspPaneTabContainerDocked
{
    width: 2px;
	height: auto;
	overflow: hidden;
	cursor: default;
	text-align: center;
	font-size: 1px;
	padding: 6px 0px;
	border-left: 0;
}

/* tabs on right position */
.RadSplitter .rspTabsContainer .rspRight
{
	width: 23px;
}

/* tabs on top position */
.RadSplitter .rspTabsContainer .rspTop
{
	height: 23px;
}

/* tabs on bottom position */
.RadSplitter .rspTabsContainer .rspBottom
{
	height: 23px;
}

/* End tabs on bottom position */
.RadSplitter .rspPaneTabText
{
	writing-mode: tb-rl;
	font: normal 10px "Segoe UI", Arial, Sans-serif;
	white-space: nowrap;
	margin: 2px;
}

.RadSplitter .rspPaneTabIcon
{
	margin: 2px;
}

/* slide/dock containers */
.RadSplitter .rspSlideContainer 
{
	border-collapse: collapse;
}

.RadSplitter .rspSlideHeader, 
.RadSplitter .rspSlideHeaderDocked,
.RadSplitter .rspBottom .rspPaneTabContainer,
.RadSplitter .rspBottom .rspPaneTabContainerExpanded,
.RadSplitter .rspBottom .rspPaneTabContainerDocked,
.RadSplitter .rspTop .rspPaneTabContainer,
.RadSplitter .rspTop .rspPaneTabContainerExpanded,
.RadSplitter .rspTop .rspPaneTabContainerDocked
{
	height: 18px;
}

.RadSplitter .rspSlideContainerResize,
.RadSplitter .rspSlideContainerResizeHorizontal,
.RadSplitter .rspSlideContainerResizeOver,
.RadSplitter .rspSlideContainerResizeOverHorizontal
{ 
     width: 2px;
}

.RadSplitter .rspSlideContainerResize,
.RadSplitter .rspSlideContainerResizeOver
{
	border-top: 0;
	border-bottom: 0;
}

.RadSplitter .rspSlideContainerResizeHorizontal,
.RadSplitter .rspSlideContainerResizeOverHorizontal
{
	border-left: 0;
	border-right: 0;
}

.RadSplitter .rspSlideHeaderIconsWrapper
{
	float: right;
}

.RadSplitter .rspSlideTitleContainer
{
	height: 25px;
}

.RadSplitter .rspSlideContent, 
.RadSplitter .rspSlideContentDocked
{
	font: 11px 'Segoe UI', Verdana;
	text-align: left;
}

/* Colapse Bar */
.RadSplitter .rspCollapseBarWrapper
{
	width: 3px;
	margin: auto;
}

.RadSplitter .rspBottom .rspPaneTabContainer,
.RadSplitter .rspBottom .rspPaneTabContainerExpanded,
.RadSplitter .rspBottom .rspPaneTabContainerDocked
{
	height: 20px;
	border-top: 0px;
	float: left;
	padding: 0px 6px;
	width: auto;
}

.RadSplitter .rspCollapseBarCollapse,
.RadSplitter .rspCollapseBarCollapseOver,
.RadSplitter .rspCollapseBarExpand,
.RadSplitter .rspCollapseBarExpandOver,
.RadSplitter .rspCollapseBarCollapseError,
.RadSplitter .rspCollapseBarExpandError
{	
	width: 4px;
	height: 27px;
	margin: auto;
	text-align: center;
	background-position: 0 0;
}

.RadSplitter .rspCollapseBarCollapseError,
.RadSplitter .rspCollapseBarHorizontalCollapseError,
.RadSplitter .rspCollapseBarHorizontalExpandError
{
    background-color: red;
}

.RadSplitter .rspCollapseBarHorizontalWrapper
{
    height: 3px;
    margin: auto;
}

.RadSplitter .rspCollapseBarHorizontalExpand,
.RadSplitter .rspCollapseBarHorizontalExpandOver,
.RadSplitter .rspCollapseBarHorizontalCollapse,
.RadSplitter .rspCollapseBarHorizontalCollapseOver,
.RadSplitter .rspCollapseBarHorizontalCollapseError,
.RadSplitter .rspCollapseBarHorizontalExpandError
{
    width: 27px;
	height: 4px;
	margin: auto;
	text-align: center;
	float: right;
}

.RadSplitter .rspTop .rspPaneTabContainer,
.RadSplitter .rspTop .rspPaneTabContainerExpanded,
.RadSplitter .rspTop .rspPaneTabContainerDocked
{
	height: 20px;
	width: auto;
	float: left;
	padding: 0px 6px;
}