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



/* Borders */

.RadSplitter,

.RadSplitter .rspSlideZone,

.RadSplitter .rspSlideContainer,

.RadSplitter .rspPaneTabContainer,



/* Vertical RadSplitter items */

.RadSplitter .rspPane, 

.RadSplitter .rspResizeBar,

.RadSplitter .rspSlideContainerResize,



/* Horizontal RadSplitter items */

.RadSplitter .rspPaneHorizontal, 

.RadSplitter .rspResizeBarHorizontal,

.RadSplitter .rspSlideContainerResizeHorizontal

{

	border-width:0;

	border-style:solid;

}



.RadSplitter

{

	border-collapse:separate;

}



/* We need to use !important here in order to override the inline border settings of a pane in a nested splitter. */

.rspNested .rspLastItem

{	

	border-right-width:0px !important;

}

.rspNestedHorizontal .rspLastItem

{

	border-bottom-width:0px !important;

}



/* RadSlidingPane resize element */

.RadSplitter .rspSlideContainerResize

{

	border-width:0 1px;

}



.RadSplitter .rspSlideContainerResizeHorizontal

{

	border-width:1px 0;

}



/* RadPane */

.RadSplitter .rspPane,

.RadSplitter .rspPaneHorizontal 

{

	padding:0px;

}



/* RadSlidingPane elements position */

.RadSplitter .rspSlidePane,

.RadSplitter .rspSlideContainer

{

	position:absolute;

	top:0;

	left:0;	

}



/* hidden RadSlidingPane */

.RadSplitter .rspSlidePane

{

	top:-9999px;

	overflow:hidden;

}



/* RadSlidingPane title - determines the height of the RadSlidingPane header */

.RadSplitter .rspSlideHeader .rspSlideTitle

{	

	line-height:25px;

	height:25px;

	overflow:hidden;

	margin:0 5px;

	white-space:nowrap;

	text-overflow:ellipsis;

}



/* RadSlidingPane command button wrapper */

.RadSplitter .rspSlideHeaderIconWrapper

{

	width:17px;

	padding:0 3px;

}



/* RadSlidingPane command buttons */

.RadSplitter .rspSlideHeaderDockIcon,

.RadSplitter .rspSlideHeaderUndockIcon,

.RadSplitter .rspSlideHeaderCollapseIcon

{	

	width:15px;

	height:15px;

	cursor:pointer;

	font-size:1px;

	line-height:1px;

	margin-left:3px;

} 



/* RadSlidingPane tabs container */

.RadSplitter .rspTabsContainer 

{

	vertical-align:top;

}



/* RadSlidingPane tab - SlideDirection=Right/Left */

.RadSplitter .rspPaneTabContainer

{

	padding:6px 0px;	

	overflow:hidden;

	cursor:pointer;

	text-align:center;

	font-size:1px;

	border-width:0 1px 1px 0;

}



.RadSplitter .rspRight .rspPaneTabContainer

{

	border-width:0 0 1px 1px;

}



/* RadSlidingPane tab - SlideDirection=Top/Bottom */

.RadSplitter .rspTop .rspPaneTabContainer,

.RadSplitter .rspBottom .rspPaneTabContainer

{

	float:left;

	padding:0px 6px;

	border-width:1px 1px 0 0;

}



.RadSplitter .rspBottom .rspPaneTabContainer

{

	border-width:0 1px 1px 0;

}



/* RadSlidingPane tab text */

.RadSplitter .rspPaneTabText

{

	writing-mode:tb-rl;	

	white-space:nowrap;

}



.RadSplitter .rspTop .rspPaneTabText,

.RadSplitter .rspBottom .rspPaneTabText

{

	writing-mode:lr-tb;

}



/* RadSlidingPane tab icon */

.RadSplitter .rspPaneTabText,

.RadSplitter .rspPaneTabIcon

{

	margin:2px;

}



.RadSplitter .rspTop .rspPaneTabIcon,

.RadSplitter .rspBottom .rspPaneTabIcon

{

	display:block; 

	float:left;

}



/* RadSplitBar/RadSlidingPane resize elements */

.RadSplitter .rspResizeBar,

.RadSplitter .rspResizeBarHorizontal,

.RadSplitter .rspSlideContainerResize,

.RadSplitter .rspSlideContainerResizeHorizontal

{

	padding:0px;

	font-size:1px;

	line-height:1px;

	text-align:center;

	vertical-align:middle;

}



.RadSplitter .rspResizeBar,

.RadSplitter .rspSlideContainerResize

{

	cursor:w-resize;

}



.RadSplitter .rspResizeBarHorizontal,

.RadSplitter .rspSlideContainerResizeHorizontal

{

	cursor:n-resize;

}



/* RadSplitBar/RadSlidingPane resize helper elements */

.RadSplitter .rspHelperBarDrag,

.RadSplitter .rspHelperBarSlideDrag

{

	font-size:1px;

	background-color:#ccc;

	filter:alpha(opacity=60);

	opacity:0.6;

	-moz-opacity:0.6;

}



/* Cannot move RadSplitBar/RadSlidingPane resize element */

.RadSplitter .rspHelperBarError,

.RadSplitter .rspHelperBarSlideError

{

	background-color:#f60;

}



/* RadSplitBar buttons */

.RadSplitter .rspCollapseBarWrapper

{

	width:4px;

	height:54px;

	margin:auto;

}



.RadSplitter .rspCollapseBarHorizontalWrapper

{

    height:4px;

    width:54px;

    margin:auto;

}



.RadSplitter .rspCollapseBarExpand,

.RadSplitter .rspCollapseBarCollapse,



.RadSplitter .rspCollapseBarHorizontalExpand,

.RadSplitter .rspCollapseBarHorizontalCollapse,



.RadSplitter .rspCollapseBarSpacer

{

    margin:0px;

    padding:0px;

    border:0px none;

    font-size:1px;

    cursor:pointer;

    outline:none

}



.RadSplitter .rspCollapseBarExpand:focus::-moz-focus-inner,

.RadSplitter .rspCollapseBarCollapse:focus::-moz-focus-inner,



.RadSplitter .rspCollapseBarHorizontalExpand:focus::-moz-focus-inner,

.RadSplitter .rspCollapseBarHorizontalCollapse:focus::-moz-focus-inner

{

	border-color:transparent;

}



.RadSplitter .rspCollapseBarExpand,

.RadSplitter .rspCollapseBarCollapse

{	

	width:4px;

	height:27px;

	line-height:27px;

}



.RadSplitter .rspCollapseBarHorizontalExpand,

.RadSplitter .rspCollapseBarHorizontalCollapse

{

    width:27px;

	height:4px;

	line-height:4px;

}



/* Cannot collapse/expand a pane */

.RadSplitter .rspCollapseBarExpandError,

.RadSplitter .rspCollapseBarCollapseError,

.RadSplitter .rspCollapseBarHorizontalExpandError,

.RadSplitter .rspCollapseBarHorizontalCollapseError

{

    background-color:red;

}



/* VisibleDuringInit */

.rspHideRadSplitter

{

	position:absolute;

	top:-9999px;

}



/* RadSlidingPane content elements overflow problem in Firefox */

.rspHideContentOverflow div

{

	overflow:hidden !important;

}



.rspHideContentOverflow iframe

{

	visibility:hidden !important;

}



/* Backwards compatibility */



/* RadSlidingPane title text */

.RadSplitter .rspSlideTitle,

/* RadSlidingPane tab text */

.RadSplitter .rspPaneTabText

{

    font:normal 10px "Segoe UI", Arial, Sans-serif;

}    

.RadSplitter .rspSlideTitle

{	

    font-size:12px;

}



/* New rendering of splitbar buttons */

.RadSplitter .rspCollapseBarSpacer

{

	visibility:hidden;

	vertical-align:middle;

}

.RadSplitter .rspCollapseBarHorizontalExpand,

.RadSplitter .rspCollapseBarHorizontalCollapse

{

    float:none;

    vertical-align:middle;

}

.RadSplitter .rspCollapseBarCollapse,

.RadSplitter .rspCollapseBarExpand

{

	margin:0 auto;

	display:block;

}

.RadSplitter .rspCollapseBarExpand

{	

    background-position:-4px 0;

}