/* BorderContainer */

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

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

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

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

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

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

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

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

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