/* BorderContainer */

.default .dijitBorderContainer {
	background-color: #fcfcfc;
	padding: 5px;
}

.default .dijitSplitContainer-child,
.default .dijitBorderContainer-child {
	/* By default put borders on all children of BorderContainer,
	 *  to give illusion of borders on the splitters themselves.
	 */
	border: 1px #ccc solid;
}

.default .dijitBorderContainer-dijitTabContainerTop,
.default .dijitBorderContainer-dijitTabContainerBottom,
.default .dijitBorderContainer-dijitTabContainerLeft,
.default .dijitBorderContainer-dijitTabContainerRight {
	/* except that TabContainer defines borders on it's sub-nodes (tablist and dijitTabPaneWrapper),
	 * so override rule setting border on domNode
	 */
	 border: none;
}

.default .dijitBorderContainer-dijitBorderContainer {
	/* also, make nested BorderContainers look like a single big widget with lots of splitters */
	border: none;
	padding: 0;
}

.default .dijitSplitterH,
.default .dijitGutterH {
	background:#fcfcfc;
	border:0;
	height:5px;
}

.default .dijitSplitterH .dijitSplitterThumb {
	background:#B0B0B0 none;
	height:1px;
	top:2px;
	width:19px;
}

.default .dijitSplitterV,
.default .dijitGutterV {
	background:#fcfcfc;
	border:0;
	width:5px;
}

.default .dijitSplitterV .dijitSplitterThumb {
	background:#B0B0B0 none;
	height:19px;
	left:2px;
	width:1px;
}

/* active splitter */
.default .dijitSplitterActive {
	font-size: 1px;
	background-image: none;
	background-color: #aaa;
	-moz-opacity: 0.6;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
	margin: 0;
}
