/* border style definition */
.RadSplitter_Splitter, .RadSplitter_Splitter .resizeBar, .RadSplitter_Splitter .slideContainerResize, .RadSplitter_Splitter .resizeBarOver, .RadSplitter_Splitter .slideContainerResizeOver, .RadSplitter_Splitter .resizeBarInactive, .RadSplitter_Splitter .resizeBarHorizontal, .RadSplitter_Splitter .resizeBarOverHorizontal, .RadSplitter_Splitter .resizeBarInactiveHorizontal, .RadSplitter_Splitter .slideContainerResizeHorizontal, .RadSplitter_Splitter .slideContainerResizeOverHorizontal, .RadSplitter_Splitter .pane, .RadSplitter_Splitter .paneHorizontal
{
	border: 0px solid #c2c2c2;
}

.RadSplitter_Splitter
{
	border-collapse: collapse;
	border-bottom: 1px; /* half the size of the border, but at least 1px */
}

/* splitter table wrapper */

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

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

.RadSplitter_Splitter .resizeBar, .RadSplitter_Splitter .slideContainerResize, .RadSplitter_Splitter .resizeBarOver, .RadSplitter_Splitter .slideContainerResizeOver, .RadSplitter_Splitter .resizeBarInactive
{
	width: 7px;
	background: #f4f4f4 url(../Controls/Splitter/Img/resizeBar.png) repeat-y right;
	border-right: solid 0px #cdcdcd;
}

.RadSplitter_Splitter .resizeBarHorizontal, .RadSplitter_Splitter .slideContainerResizeHorizontal, .RadSplitter_Splitter .slideContainerResizeOverHorizontal, .RadSplitter_Splitter .resizeBarInactiveHorizontal
{
	height: 7px;
	background: #f4f4f4 url(../Controls/Splitter/Img/resizeBarHoriz.png) repeat-x;
	border-bottom: solid 0px #cdcdcd;
}

.RadSplitter_Splitter .slideContainerResizeOverHorizontal, .RadSplitter_Splitter .resizeBarOverHorizontal
{
	height: 7px;
	background: #f4f4f4 url(../Controls/Splitter/Img/resizeBarHoriz.png) repeat-x;
	border-bottom: solid 0px #cdcdcd;
}
.RadSplitter_Splitter .resizeBarOver
{
	width: 7px;
	background: #f4f4f4 url(../Controls/Splitter/Img/resizeBar.png) repeat-y right;
	border-right: solid 0px #cdcdcd;
}
/********************* Helper Bar ******************************/
.RadSplitter_Splitter .helperBarDrag, .RadSplitter_Splitter .helperBarSlideDrag, .RadSplitter_Splitter .helperBarSlideDragHorizontal, .RadSplitter_Splitter .helperBarDragHorizontal
{
	font-size: 1px;
	background-color: #ccc;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	opacity: 0.6;
	z-index: 10000;
}

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

/********************* Colapse Bar *****************************/

.RadSplitter_Splitter .collapseBar
{
}

.RadSplitter_Splitter .collapseBarHorizontal
{
}

.RadSplitter_Splitter .collapseBarOver
{
	background: #dbee9f;
}

.RadSplitter_Splitter .collapseBarOverHorizontal
{
	background: #dbee9f;
}
.RadSplitter_Splitter .collapseBarError, .RadSplitter_Splitter .collapseBarErrorHorizontal
{
	background-color: red;
}

/***********************************************/
/*             SLIDE                           */
/***********************************************/

/************************************************
	sliding zone 
*/
.RadSplitter_Splitter .slideZone
{
	background: white;
}

/************************************************ 
	pane tabs 
*/
.RadSplitter_Splitter .tabsContainer
{
	color: #333;
}

.RadSplitter_Splitter .paneTabContainer, .RadSplitter_Splitter .paneTabContainerExpanded, .RadSplitter_Splitter .paneTabContainerDocked, .RadSplitter_Splitter .paneTabContainerHorizontal, .RadSplitter_Splitter .paneTabContainerExpandedHorizontal, .RadSplitter_Splitter .paneTabContainerDockedHorizontal
{
	width: 21px;
	height: auto;
	overflow: hidden;
	cursor: default;
	text-align: center;
	font: bold 11px Arial, Verdana, Sans-serif;
	color: #333;
	padding: 6px 0px;
	background: #e1e6eb url(../Controls/Splitter/Img/paneTabContainer.gif);
	border-top: solid 1px #dbdbdb;
	border-bottom: solid 1px #dbdbdb;
	border-right: solid 1px #bbb;
}

.RadSplitter_Splitter .paneTabContainerExpanded
{
	background: #e1e6eb url(../Controls/Splitter/Img/paneTabContainerExpanded.gif);
	color: black;
	font: bold 11px Arial, Verdana, Sans-serif;
	width: 21px;
}

.RadSplitter_Splitter .paneTabContainerDocked
{
	background: white url(../Controls/Splitter/Img/paneTabContainerDocked.gif) repeat-y;
	border-color: #c5c5c5;
	border-right: solid 1px #8e8e8e;
	color: #000;
}

/***** tabs on right position *******/


.RadSplitter_Splitter .tabsContainer .right
{
}


.RadSplitter_Splitter .right .paneTabContainer, .RadSplitter_Splitter .right .paneTabContainerExpanded, .RadSplitter_Splitter .right .paneTabContainerDocked
{
	background: #e1e6eb url(../Controls/Splitter/Img/paneTabContainerRight.gif) right;
	border-top: solid 1px #dbdbdb;
	border-bottom: solid 1px #dbdbdb;
	border-left: solid 1px #bbb;
	border-right: 0px;
}


.RadSplitter_Splitter .right .paneTabContainerExpanded
{
	background: #e1e6eb url(../Controls/Splitter/Img/paneTabContainerExpandedRight.gif) right;
}

.RadSplitter_Splitter .right .paneTabContainerDocked
{
	background: url(../Controls/Splitter/Img/paneTabContainerDockedRight.gif) repeat-y;
}


/*****  -- End tabs on right position *******/

/***** tabs on top position *******/

.RadSplitter_Splitter .tabsContainer .top
{
}


.RadSplitter_Splitter .top .paneTabContainer, .RadSplitter_Splitter .top .paneTabContainerExpanded, .RadSplitter_Splitter .top .paneTabContainerDocked
{
	background: #e1e6eb url(../Controls/Splitter/Img/paneTabContainerTop.gif) repeat-x top;
	border-right: solid 1px #dbdbdb;
	border-left: solid 1px #dbdbdb;
	border-top: solid 1px #bbb;
	border-bottom: 0px;
	float: left;
	padding: 0px 6px;
	height: 21px;
	width: auto;
}


.RadSplitter_Splitter .top .paneTabContainerExpanded
{
	background: #e1e6eb url(../Controls/Splitter/Img/paneTabContainerExpandedTop.gif) repeat-x top;
}

.RadSplitter_Splitter .top .paneTabContainerDocked
{
	background: url(../Controls/Splitter/Img/paneTabContainerDockedTop.gif) repeat-x top;
}

.RadSplitter_Splitter .top .paneTabText
{
	writing-mode: lr-tb; /* default */
}

/***** tabs on bottom position *******/

.RadSplitter_Splitter .tabsContainer .bottom
{
}

.RadSplitter_Splitter .bottom .paneTabContainer, .RadSplitter_Splitter .bottom .paneTabContainerExpanded, .RadSplitter_Splitter .bottom .paneTabContainerDocked
{
	background: #e1e6eb url(../Controls/Splitter/Img/paneTabContainerBottom.gif) repeat-x top;
	border-right: solid 1px #dbdbdb;
	border-left: solid 1px #dbdbdb;
	border-bottom: solid 1px #bbb;
	border-top: 0px;
	float: left;
	padding: 0px 6px;
	height: 21px;
	width: auto;
}


.RadSplitter_Splitter .bottom .paneTabContainerExpanded
{
	background: #e1e6eb url(../Controls/Splitter/Img/paneTabContainerExpandedBottom.gif) repeat-x top;
}

.RadSplitter_Splitter .bottom .paneTabContainerDocked
{
	background: url(../Controls/Splitter/Img/paneTabContainerDockedBottom.gif) repeat-x top;
}

.RadSplitter_Splitter .bottom .paneTabText
{
	writing-mode: lr-tb; /* default */
}

/*****  -- End tabs on bottom position *******/

.RadSplitter_Splitter .paneTabText
{
	writing-mode: tb-rl;
	font: 10px Verdana, Arial, Helvetica;
	white-space: nowrap;
	margin: 2px;
}

.RadSplitter_Splitter .paneTabIcon
{
	margin: 2px;
}

/************************************************ 
	slide/dock containers 
*/
.RadSplitter_Splitter .slideContainer
{
	border: 0px solid #e5e5e5;
	border-collapse: collapse;
}

.RadSplitter_Splitter .slideContainerDocked
{
}

.RadSplitter_Splitter .slideHeader, .RadSplitter_Splitter .slideHeaderDocked
{
	background: url(../Controls/Splitter/Img/slideHeader.gif) repeat-x;
	height: 28px;
	vertical-align: top;
}

.RadSplitter_Splitter .slideContainerResize, .RadSplitter_Splitter .slideContainerResizeOver
{
	background: url(../Controls/Splitter/Img/resizeBar.gif);
	width: 2px;
	border-left: solid 1px #c2c2c2;
	border-right: solid 1px #cdcdcd;
}

.RadSplitter_Splitter .slideContainerResizeHorizontal, .RadSplitter_Splitter .slideContainerResizeOverHorizontal
{
	background: url(../Controls/Splitter/Img/slideContainerResizeHorizontal.gif) repeat-x;
	height: 2px;
	border-top: solid 1px #c2c2c2;
	border-bottom: solid 1px #cdcdcd;
}

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

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

.RadSplitter_Splitter .slideHeaderIcon
{
	cursor: hand;
	cursor: pointer;
}

.RadSplitter_Splitter .slideHeaderIconOver
{
	cursor: hand;
	cursor: pointer;
}

.RadSplitter_Splitter .slideTitle, .RadSplitter_Splitter .slideTitleDocked
{
	font: bold 11px Arial, Verdana, Sans-serif;
	color: black;
	white-space: nowrap;
	margin-left: 5px;
	margin-right: 5px;
	text-align: left;
	line-height: 28px;
	cursor: pointer;
	cursor: default;
}

.RadSplitter_Splitter .slideTitleContainer
{
	background-color: #f7f7f7;
	background: url(../Controls/Splitter/Img/slideHeader.gif) repeat-x;
	height: 28px;
}

.RadSplitter_Splitter .slideContent, .RadSplitter_Splitter .slideContentDocked
{
	font: 10px Verdana;
	color: black;
	background-color: white;
	padding: 5px;
	text-align: left;
}

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

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


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

/************ 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;
}
