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

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

/************ nested vertical ****************/
.nested .pane, 
.nested .resizeBar,
.nested .resizeBarOver,
.nested .resizeBarInactive  
{
	border-top: 0px;
	border-bottom: 0px;
}

.nested .pane.firstItem,
.nested .resizeBar.firstItem,
.nested .resizeBarOver.firstItem,
.nested .resizeBarInactive.firstItem
{
	border-left: 0px;
}

.nested .pane.lastItem, 
.nested .resizeBar.lastItem,
.nested .resizeBarOver.lastItem,
.nested .resizeBarInactive.lastItem
{
	border-right: 0px;
}

.nested .pane.firstItem.lastItem, 
.nested .resizeBar.firstItem.lastItem,
.nested .resizeBarOver.firstItem.lastItem,
.nested .resizeBarInactive.firstItem.lastItem
{
	border-left: 0px;
	border-right: 0px;
}

/************ nested horizontal ****************/

.nestedHorizontal .paneHorizontal, 
.nestedHorizontal .resizeBarHorizontal,
.nestedHorizontal .resizeBarOverHorizontal,
.nestedHorizontal .resizeBarInactiveHorizontal
{
	border-left: 0px;
	border-right: 0px;
}

.nestedHorizontal .paneHorizontal.firstItem,
.nestedHorizontal .resizeBarHorizontal.firstItem,
.nestedHorizontal .resizeBarOverHorizontal.firstItem,
.nestedHorizontal .resizeBarInactiveHorizontal.firstItem
{
	border-top: 0px;
}

.nestedHorizontal .paneHorizontal.lastItem, 
.nestedHorizontal .resizeBarHorizontal.lastItem,
.nestedHorizontal .resizeBarOverHorizontal.lastItem,
.nestedHorizontal .resizeBarInactiveHorizontal.lastItem
{
	border-bottom: 0px;
}

.nestedHorizontal .paneHorizontal.firstItem.lastItem, 
.nestedHorizontal .resizeBarHorizontal.firstItem.lastItem,
.nestedHorizontal .resizeBarOverHorizontal.firstItem.lastItem,
.nestedHorizontal .resizeBarInactiveHorizontal.firstItem.lastItem
{
	border-top: 0px;
	border-bottom: 0px;
}

/************ sliding pane icons ****************/

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

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

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

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

.hideContentOverflow div
{
	overflow: hidden !important;
}

.hideContentOverflow iframe
{
	visibility: hidden !important;
}

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

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

.RadSplitter .pane,
.RadSplitter .paneHorizontal 
{
	padding: 0px;
	text-align: left;
}

.RadSplitter .resizeBar,
.RadSplitter .slideContainerResize,
.RadSplitter .resizeBarOver,
.RadSplitter .slideContainerResizeOver,
.RadSplitter .resizeBarInactive
{
	width: 4px;
}

.RadSplitter .resizeBarHorizontal,
.RadSplitter .resizeBarOverHorizontal,
.RadSplitter .slideContainerResizeHorizontal,
.RadSplitter .slideContainerResizeOverHorizontal,
.RadSplitter .resizeBarInactiveHorizontal
{
	height: 4px;
}

.RadSplitter .top .paneTabText,
.RadSplitter .bottom .paneTabText
{
	writing-mode: lr-tb; /* Vista */
}

.RadSplitter .top .paneTabIcon,
.RadSplitter .bottom .paneTabIcon
{
	display: block; 
	float: left;
}

.RadSplitter .helperBarSlideDrag,
.RadSplitter .slideContainerResize,
.RadSplitter .slideContainerResizeOver
{
	cursor: w-resize;
}

.RadSplitter .helperBarSlideDragHorizontal,
.RadSplitter .slideContainerResizeHorizontal,
.RadSplitter .slideContainerResizeOverHorizontal
{
	cursor: n-resize;
}

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

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

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

.RadSplitter .resizeBarHorizontal,
.RadSplitter .resizeBarOverHorizontal
{
    height: 4px;
}

.RadSplitter .resizeBar,
.RadSplitter .resizeBarOver
{
    width: 4px;
}

.RadSplitter .resizeBar,
.RadSplitter .resizeBarOver,
.RadSplitter .resizeBarInactive,
.RadSplitter .slideContainerResize,
.RadSplitter .slideContainerResizeOver,
.RadSplitter .slideContainerResizeHorizontal,
.RadSplitter .slideContainerResizeOverHorizontal,
.RadSplitter .resizeBarHorizontal,
.RadSplitter .resizeBarOverHorizontal,
.RadSplitter .resizeBarInactiveHorizontal
{
	padding: 0px;
	font-size: 1px;
	text-align: center;
}

.RadSplitter .paneTabContainer,
.RadSplitter .paneTabContainerExpanded,
.RadSplitter .paneTabContainerDocked
{
    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 .tabsContainer.right
{
	width: 23px;
}

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

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

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

.RadSplitter .paneTabIcon
{
	margin: 2px;
}

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

.RadSplitter .slideHeader, 
.RadSplitter .slideHeaderDocked,
.RadSplitter .bottom .paneTabContainer,
.RadSplitter .bottom .paneTabContainerExpanded,
.RadSplitter .bottom .paneTabContainerDocked,
.RadSplitter .top .paneTabContainer,
.RadSplitter .top .paneTabContainerExpanded,
.RadSplitter .top .paneTabContainerDocked
{
	height: 18px;
}

.RadSplitter .slideContainerResize,
.RadSplitter .slideContainerResizeHorizontal,
.RadSplitter .slideContainerResizeOver,
.RadSplitter .slideContainerResizeOverHorizontal
{ 
     width: 2px;
}

.RadSplitter .slideContainerResize,
.RadSplitter .slideContainerResizeOver
{
	border-top: 0;
	border-bottom: 0;
}

.RadSplitter .slideContainerResizeHorizontal,
.RadSplitter .slideContainerResizeOverHorizontal
{
	border-left: 0;
	border-right: 0;
}

.RadSplitter .slideHeaderIconsWrapper
{
	float: right;
}

.RadSplitter .slideTitleContainer
{
	height: 25px;
}

.RadSplitter .slideContent, 
.RadSplitter .slideContentDocked
{
	font: 11px 'Segoe UI', Verdana;
	padding: 5px;
	text-align: left;
}

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

.RadSplitter .bottom .paneTabContainer,
.RadSplitter .bottom .paneTabContainerExpanded,
.RadSplitter .bottom .paneTabContainerDocked
{
	height: 20px;
	border-top: 0px;
	float: left;
	padding: 0px 6px;
	width: auto;
}

.RadSplitter .collapseBarCollapse,
.RadSplitter .collapseBarCollapseOver,
.RadSplitter .collapseBarExpand,
.RadSplitter .collapseBarExpandOver,
.RadSplitter .collapseBarCollapseError
{	
	width: 4px;
	height: 27px;
	margin: auto;
	text-align: center;
	background-position: 0 0;
}

.RadSplitter .collapseBarCollapseError,
.RadSplitter .collapseBarHorizontalCollapseError,
.RadSplitter .collapseBarHorizontalExpandError
{
    background-color: red;
}

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

.RadSplitter .collapseBarHorizontalExpand,
.RadSplitter .collapseBarHorizontalExpandOver,
.RadSplitter .collapseBarHorizontalCollapse,
.RadSplitter .collapseBarHorizontalCollapseOver,
.RadSplitter .collapseBarHorizontalCollapseError,
.RadSplitter .collapseBarHorizontalExpandError
{
    width: 27px;
	height: 4px;
	margin: auto;
	text-align: center;
	float: right;
}

.RadSplitter .top .paneTabContainer,
.RadSplitter .top .paneTabContainerExpanded,
.RadSplitter .top .paneTabContainerDocked
{
	height: 20px;
	width: auto;
	float: left;
	padding: 0px 6px;
}