/* RadSplitter Web 2.0 skin */

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

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

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

/* splitter table wrapper */
.RadSplitter_Web20 .pane,
.RadSplitter_Web20 .paneHorizontal
{
	padding:0px;
	text-align:left;
}

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

.RadSplitter_Web20 .resizeBar,
.RadSplitter_Web20 .slideContainerResize,
.RadSplitter_Web20 .resizeBarOver,
.RadSplitter_Web20 .slideContainerResizeOver,
.RadSplitter_Web20 .resizeBarInactive
{
	width:6px;	
	background:#92b4e0;
	border-right:solid 1px #6788be;
}

.RadSplitter_Web20 .resizeBarHorizontal,
.RadSplitter_Web20 .slideContainerResizeHorizontal,
.RadSplitter_Web20 .resizeBarInactiveHorizontal
{
	height:6px;
	background:#92b4e0;
	border-bottom:solid 1px #6788be;
}

.RadSplitter_Web20 .resizeBarOver,
.RadSplitter_Web20 .slideContainerResizeOverHorizontal,
.RadSplitter_Web20 .resizeBarOverHorizontal
{
	background:#92b4e0;
	border-right:solid 1px #6788be;
	border-bottom:solid 1px #6788be;
}

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

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

/* Colapse Bar */
.RadSplitter_Web20 .collapseBarWrapper
{
	width:4px;
	margin:auto;
}

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

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

.RadSplitter_Web20 .collapseBarHorizontalWrapper
{
	height:4px;
	margin:auto;
}

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

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

.RadSplitter_Web20 .collapseBarCollapseOver
{	
	cursor:pointer;
	width:4px;
	height:7px;
	margin:auto;
	text-align:center;
	background:url(Splitter/splitbar_collapse_h.gif);
}

.RadSplitter_Web20 .collapseBarExpandOver
{	
	cursor:pointer;
	width:4px;
	height:7px;
	margin:auto;
	text-align:center;
	background:url(Splitter/splitbar_expand_h.gif);
}

.RadSplitter_Web20 .collapseBarHorizontalCollapseOver
{	
	cursor:pointer;
	width:7px;
	height:4px;
	margin:auto;
	text-align:center;
	float:left;
	background:url(Splitter/splitbar_collapse_v.gif);
}

.RadSplitter_Web20 .collapseBarHorizontalExpandOver
{	
	cursor:pointer;
	width:7px;
	height:4px;
	margin:auto;
	text-align:center;
	float:right;
	background:url(Splitter/splitbar_expand_v.gif);
}

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

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

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

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

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

/* pane tabs */
.RadSplitter_Web20 .tabsContainer 
{
	color:#333;
	vertical-align:top;
}

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

.RadSplitter_Web20 .paneTabContainerExpanded
{
	background:url('Splitter/paneTabContainerExpanded.gif') repeat-y;
	color:#000066;
	font:bold 11px Arial, Verdana, Sans-serif;
	width:21px;
}

.RadSplitter_Web20 .paneTabContainerDocked
{
	background:white url('Splitter/paneTabContainerDocked.gif') repeat-y;
	border-top:solid 1px #597603;
	border-bottom:solid 1px #597603;
	border-right:solid 1px #597603;
	color:#000;
}

/* tabs on right position */
.RadSplitter_Web20 .right .paneTabContainer,
.RadSplitter_Web20 .right .paneTabContainerExpanded
{
	background:url('Splitter/paneTabContainerRight.gif') repeat-y;
	border-top:solid 1px #6788be;
	border-bottom:solid 1px #6788be;
	border-left:solid 1px #6788be;
	border-right:0px;
}

.RadSplitter_Web20 .right .paneTabContainerDocked
{
	background:url('Splitter/paneTabContainerDockedRight.gif') repeat-y;
	border-top:solid 1px #597603;
	border-bottom:solid 1px #597603;
	border-left:solid 1px #597603;
	border-right:0px;
}

.RadSplitter_Web20 .right .paneTabContainerExpanded
{
	background:#e1e6eb url('Splitter/paneTabContainerExpandedRight.gif') right;
}

/* tabs on top position */
.RadSplitter_Web20 .top .paneTabContainer,
.RadSplitter_Web20 .top .paneTabContainerExpanded
{
	background:url('Splitter/paneTabContainerTop.gif') repeat-x top;
	border-right:solid 1px #6788be;
	border-left:solid 1px #6788be;
	border-top:solid 1px #6788be;
	border-bottom:0px;											
	float:left;
	padding:0px 6px;
	height:21px;
	width:auto;
}

.RadSplitter_Web20 .top .paneTabContainerDocked
{
	background:url('Splitter/paneTabContainerDockedTop.gif') repeat-x top;
	border-right:solid 1px #597603;
	border-left:solid 1px #597603;
	border-top:solid 1px #597603;
	border-bottom:0px;											
	float:left;
	padding:0px 6px;
	height:21px;
	width:auto;
}

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

.RadSplitter_Web20 .top .paneTabText
{
	writing-mode:lr-tb;/* Web20 */
}

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

/* tabs on bottom position */
.RadSplitter_Web20 .bottom .paneTabContainer,
.RadSplitter_Web20 .bottom .paneTabContainerExpanded
{
	background:url('Splitter/paneTabContainerBottom.gif') repeat-x top;
	border-right:solid 1px #6788be;
	border-left:solid 1px #6788be;
	border-bottom:solid 1px #6788be;
	border-top:0px;											
	float:left;
	padding:0px 6px;
	height:21px;
	width:auto;
}

.RadSplitter_Web20 .bottom .paneTabContainerDocked
{
	background:url('Splitter/paneTabContainerDockedBottom.gif') repeat-x top;
	border-right:solid 1px #597603;
	border-left:solid 1px #597603;
	border-bottom:solid 1px #597603;
	border-top:0px;											
	float:left;
	padding:0px 6px;
	height:21px;
	width:auto;
}

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

.RadSplitter_Web20 .bottom .paneTabText
{
	writing-mode:lr-tb;/* Web20 */
}

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

/* End tabs on bottom position */
.RadSplitter_Web20 .paneTabText
{
	writing-mode:tb-rl;
	font:10px Verdana, Arial, Helvetica;
	white-space:nowrap;
	margin:2px;
}

.RadSplitter_Web20 .paneTabIcon
{
	margin:2px;
}

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

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

.RadSplitter_Web20 .slideContainerResize,
.RadSplitter_Web20 .slideContainerResizeHorizontal,
.RadSplitter_Web20 .slideContainerResizeOver,
.RadSplitter_Web20 .slideContainerResizeOverHorizontal
{ 
     background:#92b4e0;
     border-left:solid 1px #1583bd;
     border-right:solid 1px #7fbbdb;
     width:3px;
}

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

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

.RadSplitter_Web20 .slideHeaderIconWrapper
{
	width:21px;
}

.RadSplitter_Web20 .slideHeaderIconsWrapper
{
	float:right;
}

.RadSplitter_Web20 .slideHeaderUndockIcon,
.RadSplitter_Web20 .slideHeaderDockIcon,
.RadSplitter_Web20 .slideHeaderCollapseIcon,
.RadSplitter_Web20 .slideHeaderUndockIconOver,
.RadSplitter_Web20 .slideHeaderDockIconOver,
.RadSplitter_Web20 .slideHeaderCollapseIconOver
{	
	width:11px;
	height:11px;
	float:left;
	cursor:hand;
	cursor:pointer;
	margin-right:10px;
} 

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

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

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

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

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

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

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

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