/* border style definition */
table.RadSplitter_Inox,
.RadSplitter_Inox .resizeBar,
.RadSplitter_Inox .slideContainerResize,
.RadSplitter_Inox .resizeBarOver,
.RadSplitter_Inox .slideContainerResizeOver,
.RadSplitter_Inox .resizeBarInactive,
.RadSplitter_Inox .resizeBarHorizontal,
.RadSplitter_Inox .resizeBarOverHorizontal,
.RadSplitter_Inox .resizeBarInactiveHorizontal,
.RadSplitter_Inox .slideContainerResizeHorizontal,
.RadSplitter_Inox .slideContainerResizeOverHorizontal,
.RadSplitter_Inox .pane, 
.RadSplitter_Inox .paneHorizontal
{
	border: 1px solid #787878;
}

/* applies to the RadSlidingPanes */
div.RadSplitter_Inox,
table.slideContainer
{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

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

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

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

.RadSplitter_Inox .resizeBar,
.RadSplitter_Inox .slideContainerResize,
.RadSplitter_Inox .resizeBarOver,
.RadSplitter_Inox .slideContainerResizeOver,
.RadSplitter_Inox .slideContainerResizeOverHorizontal,
.RadSplitter_Inox .resizeBarInactive
{
	background: url(Splitter/resizeBar.gif);
	width:8px;	
}

.RadSplitter_Inox .resizeBarHorizontal,
.RadSplitter_Inox .resizeBarOverHorizontal,
.RadSplitter_Inox .slideContainerResizeHorizontal,
.RadSplitter_Inox .slideContainerResizeOverHorizontal,
.RadSplitter_Inox .resizeBarInactiveHorizontal
{
	background: url(Splitter/resizeBarHorizontal.gif);
	height:8px;
}

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

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

/********************* Colapse Bar *****************************/
/*
.RadSplitter_Inox .collapseBar
{	

}

.RadSplitter_Inox .collapseBarHorizontal
{	

}

.RadSplitter_Inox .collapseBarOver
{
	background: url(Splitter/collapseBarOver.gif);
}

.RadSplitter_Inox .collapseBarOverHorizontal
{
	background: url(Splitter/collapseBarHorizontalOver.gif);
}
.RadSplitter_Inox .collapseBarError, 
.RadSplitter_Inox .collapseBarErrorHorizontal
{
	background-color:red;
}
*/

.RadSplitter_Inox .collapseBarWrapper
{
	width: 8px;
	margin: auto;
}

.RadSplitter_Inox .collapseBarCollapse
{	
	cursor: pointer;
	width: 8px;
	height: 41px;
	margin: auto;
	text-align:center;
	background: url(Splitter/splitbar_collapse_h.gif);
}

.RadSplitter_Inox .collapseBarExpand
{	
	cursor: pointer;
	width: 8px;
	height: 41px;
	margin: auto;
	text-align:center;
	background: url(Splitter/splitbar_expand_h.gif);
}

.RadSplitter_Inox .collapseBarHorizontalWrapper
{
	height: 8px;
	margin: auto;
}

.RadSplitter_Inox .collapseBarHorizontalCollapse
{	
	cursor: pointer;
	width: 41px;
	height: 8px;
	margin: auto;
	text-align:center;
	float: left;
	background: url(Splitter/splitbar_collapse_v.gif);
}

.RadSplitter_Inox .collapseBarHorizontalExpand
{	
	cursor: pointer;
	width: 41px;
	height: 8px;
	margin: auto;
	text-align:center;
	float: right;
	background: url(Splitter/splitbar_expand_v.gif);
}

.RadSplitter_Inox .collapseBarCollapseOver
{	
	cursor: pointer;
	width: 8px;
	height: 41px;
	margin: auto;
	text-align:center;
	background: white url(Splitter/splitbar_collapse_h.gif);
}

.RadSplitter_Inox .collapseBarExpandOver
{	
	cursor: pointer;
	width: 8px;
	height: 41px;
	margin: auto;
	text-align:center;
	background: white url(Splitter/splitbar_expand_h.gif);
}

.RadSplitter_Inox .collapseBarHorizontalCollapseOver
{	
	cursor: pointer;
	width: 41px;
	height: 8px;
	margin: auto;
	text-align:center;
	float: left;
	background: white url(Splitter/splitbar_collapse_v.gif);
}

.RadSplitter_Inox .collapseBarHorizontalExpandOver
{	
	cursor: pointer;
	width: 41px;
	height: 8px;
	margin: auto;
	text-align:center;
	float: right;
	background: white url(Splitter/splitbar_expand_v.gif);
}

.RadSplitter_Inox .collapseBarCollapseError
{	
	cursor: pointer;
	width: 8px;
	height: 41px;
	margin: auto;
	text-align:center;
	background: red url(Splitter/splitbar_collapse_h.gif);
}

.RadSplitter_Inox .collapseBarExpandError
{	
	cursor: pointer;
	width: 8px;
	height: 41px;
	margin: auto;
	text-align:center;
	background: red url(Splitter/splitbar_expand_h.gif);
}

.RadSplitter_Inox .collapseBarHorizontalCollapseError
{	
	cursor: pointer;
	width: 41px;
	height: 8px;
	margin: auto;
	text-align:center;
	float: left;
	background: red url(Splitter/splitbar_collapse_v.gif);
}

.RadSplitter_Inox .collapseBarHorizontalExpandError
{	
	cursor: pointer;
	width: 41px;
	height: 8px;
	margin: auto;
	text-align:center;
	float: right;
	background: red url(Splitter/splitbar_expand_v.gif);
}

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

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

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

.RadSplitter_Inox .paneTabContainer,
.RadSplitter_Inox .paneTabContainerExpanded,
.RadSplitter_Inox .paneTabContainerDocked,
.RadSplitter_Inox .paneTabContainerHorizontal,
.RadSplitter_Inox .paneTabContainerExpandedHorizontal,
.RadSplitter_Inox .paneTabContainerDockedHorizontal
{
	width: 26px;
	height:auto;
	overflow:hidden;
	cursor:default;
	text-align:center;
	font: bold 11px Arial, Verdana, Sans-serif;
	color: #171717;
	padding: 6px 0px;
	background: #e5e5e5 url('Splitter/paneTabContainer.gif') repeat-y;
	border-top: solid 1px #787878;
	border-bottom: solid 1px #787878;
	border-right: solid 1px #787878;
}

.RadSplitter_Inox .paneTabContainerExpanded
{
	background: #e1e6eb url('Splitter/paneTabContainerExpanded.gif') repeat-y;
	color: #171717;
	font: bold 11px Arial, Verdana, Sans-serif;
	width: 21px;
	border-top: solid 1px #8689a8;
	border-bottom: solid 1px #8689a8;
	border-right: solid 1px #878aab;
	border-left: 0px;
	width: 26px;
}

.RadSplitter_Inox .paneTabContainerDocked
{
	background: url('Splitter/paneTabContainerDocked.gif') repeat-y;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #f4f4f4;
	border-right: solid 1px #828282;
	border-left: 0px;
	color: #000;
}

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


.RadSplitter_Inox .tabsContainer.right
{
}


.RadSplitter_Inox .right .paneTabContainer,
.RadSplitter_Inox .right .paneTabContainerExpanded
{
	background: #e1e6eb url('Splitter/paneTabContainerRight.gif') right;
	border-top: solid 1px #dadada;
	border-bottom: solid 1px #b6b6b6;
	border-left: solid 1px #b6b6b6;
	border-right: 0px;
	width: 21px;
}

.RadSplitter_Inox .right .paneTabContainerDocked
{
	background: url('Splitter/paneTabContainerDockedRight.gif') repeat-y;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #f4f4f4;
	border-left: solid 1px #828282;
	border-right: 0px;
	color: #000;
}

.RadSplitter_Inox .right .paneTabContainerExpanded
{
	background: #e1e6eb url('Splitter/paneTabContainerExpandedRight.gif') right;
	color: #474b5b;
	border-top: solid 1px #cbd6f4;
	border-bottom: solid 1px #cfd8f6;
	border-left: solid 1px #9eb8dd;
	border-right: 0px;
	width: 21px;
}

.RadSplitter_Inox .right .paneTabContainerDocked
{
	border-left: solid 1px #8e8e8e;
}


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

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

.RadSplitter_Inox .tabsContainer .top
{
}


.RadSplitter_Inox .top .paneTabContainer,
.RadSplitter_Inox .top .paneTabContainerExpanded
{											
	background: #e1e6eb url('Splitter/paneTabContainerHorizontal.gif') repeat-x top;
	border-top: solid 1px #b6b6b6;
	border-bottom: 0px;
	border-left: solid 1px #dadada;
	border-right: solid 1px #b6b6b6;	
	float:left;
	padding: 0px 6px;
	height: 21px;
	width:auto;
}

.RadSplitter_Inox .top .paneTabContainerDocked
{	
	background: url('Splitter/paneTabContainerDockedHorizontal.gif') repeat-x top;
	color: #000;											
	border-top: solid 1px #828282;
	border-bottom: 0px;
	border-left: solid 1px #eee;
	border-right: solid 1px #f4f4f4;	
	float:left;
	padding: 0px 6px;
	height: 21px;
	width:auto;
}


.RadSplitter_Inox .top .paneTabContainerExpanded
{	
	background: #e1e6eb url('Splitter/paneTabContainerExpandedTop.gif') repeat-x top;
	color: #474b5b;											
	border-top: solid 1px #9eb8dd;
	border-bottom: 0px;
	border-left: solid 1px #cbd6f4;
	border-right: solid 1px #cfd8f6;
}

.RadSplitter_Inox .top .paneTabContainerDocked
{
	border-top: solid 1px #8e8e8e;
}

.RadSplitter_Inox .top .paneTabText
{
	writing-mode: lr-tb;/* Inox */
}

.RadSplitter_Inox .top .paneTabIcon
{
	display: block; 
	float: left
}

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

.RadSplitter_Inox .tabsContainer .bottom
{
}

.RadSplitter_Inox .bottom .paneTabContainer,
.RadSplitter_Inox .bottom .paneTabContainerExpanded
{
	background: #e1e6eb url('Splitter/paneTabContainerHorizontal.gif') repeat-x top;
	border-top: 0px;
	border-bottom: solid 1px #b6b6b6;
	border-left: solid 1px #dadada;
	border-right: solid 1px #b6b6b6;	
	float:left;
	padding: 0px 6px;
	height: 21px;
	width:auto;
}

.RadSplitter_Inox .bottom .paneTabContainerDocked
{
	background: url('Splitter/paneTabContainerDockedHorizontal.gif') repeat-x bottom;
	color: #000;											
	border-top: 0px;
	border-bottom: 0px;
	border-left: solid 1px #eee;
	border-right: solid 1px #f4f4f4;	
	float:left;
	padding: 0px 6px;
	height: 21px;
	width:auto;
}


.RadSplitter_Inox .bottom .paneTabContainerExpanded
{
	background: #e1e6eb url('Splitter/paneTabContainerExpandedBottom.gif') repeat-x bottom;
	color: #474b5b;
	border-top: 0px;
	border-bottom: solid 1px #9eb8dd;
	border-left: solid 1px #cbd6f4;
	border-right: solid 1px #cfd8f6;
}

.RadSplitter_Inox .bottom .paneTabContainerDocked
{
	border-bottom: solid 1px #8e8e8e;
}

.RadSplitter_Inox .bottom .paneTabText
{
	writing-mode: lr-tb;/* Inox */
}

.RadSplitter_Inox .bottom .paneTabIcon
{
	display: block; 
	float: left
}

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

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

.RadSplitter_Inox .paneTabIcon
{
	margin:2px;
}

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

.RadSplitter_Inox .slideContainerDocked
{
	
}

.RadSplitter_Inox .slideHeader, 
.RadSplitter_Inox .slideHeaderDocked
{
	background: url('Splitter/slideHeader.gif') repeat-x;
	height: 27px;
}

.RadSplitter_Inox .slideContainerResize
{ 
     background: url('Splitter/resizeBar.gif') repeat-y;
     width: 3px;
     border-left: solid 1px #828282;
     border-right: solid 1px #828282;
}

.RadSplitter_Inox .slideContainerResizeHorizontal
{ 
     background: url('Splitter/slideContainerResizeHorizontal.gif') repeat-x;
     width: 3px;
     border-top: solid 1px #828282;
     border-bottom: solid 1px #828282;
}

.RadSplitter_Inox .slideContainerResizeOver,
.RadSplitter_Inox .slideContainerResizeOverHorizontal
{
	background:#fff none;
}

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

.RadSplitter_Inox .slideContainerResizeHorizontal,
.RadSplitter_Inox .slideContainerResizeOverHorizontal
{
	border-left:0px;
	border-right:0px;
}
/*
.RadSplitter_Inox .slideHeaderIcon
{
	
} 

.RadSplitter_Inox .slideHeaderIconOver
{
	cursor: hand;
	cursor: pointer;
} 
*/

.RadSplitter_Inox .slideHeaderIconWrapper
{
	width: 11px;
	padding-right: 4px;
}

.RadSplitter_Inox .slideHeaderIconsWrapper
{
	float: right;
}

.RadSplitter_Inox .slideHeaderUndockIcon,
.RadSplitter_Inox .slideHeaderDockIcon,
.RadSplitter_Inox .slideHeaderCollapseIcon
{	
	width: 11px;
	height: 11px;
	float: left;
} 

.RadSplitter_Inox .slideHeaderUndockIconOver,
.RadSplitter_Inox .slideHeaderDockIconOver,
.RadSplitter_Inox .slideHeaderCollapseIconOver
{	
	width: 11px;
	height: 11px;
	float: left;
	cursor: hand;
	cursor: pointer;
} 

.RadSplitter_Inox .slideHeaderUndockIcon,
.RadSplitter_Inox .slideHeaderUndockIconOver
{
	background: url(Splitter/undock.gif); 
}

.RadSplitter_Inox .slideHeaderDockIcon,
.RadSplitter_Inox .slideHeaderDockIconOver
{
	background: url(Splitter/dock.gif); 
}

.RadSplitter_Inox .slideHeaderCollapseIcon,
.RadSplitter_Inox .slideHeaderCollapseIconOver
{
	background: url(Splitter/close.gif); 
}

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

.RadSplitter_Inox .slideTitleContainer
{
	background-color:#f7f7f7;
	background: url(Splitter/slideHeader.gif) repeat-x;
}

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

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

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