/**
 *	Basic Layout Theme
 * 
 *	This theme uses the default layout class-names for all classes
 *	Add any 'custom class-names', from options: paneClass, resizerClass, togglerClass
 */
.ui-layout-pane
{
	/* all 'panes' */
	background: #FFF;
	border: 1px thin #BBB;
	padding: 10px;
	overflow: auto;
} 
.ui-layout-resizer { /* all 'resizer-bars' */ 
	background: #DDD; 
} 
.ui-layout-toggler
{
	/* all 'toggler-buttons' */
	background: #C0C0C0;
}
.ui-layout-center
{
	overflow-x: hidden;
	-ms-overflow-x: hidden;
}
.ui-layout-west
{
	padding: 0px;
	margin-left: -20px;
	height:		100%;
	overflow: hidden;				
	overflow-y: auto;
}
#container {
	background:	777;
	/* HEIGHT */
	height:		100%;					
	min-height:	300px;
	_height:	300px; /* min-height for IE6 */
	/* WIDTH */
	max-width:	1920px;
	min-width:	700px;
	_width:		700px; /* min-width for IE6 */
	/* HORIZONTAL CENTERING */
	/* margin:		0 auto; */
	overflow: visible;
	width:		100%;
}
/*
 *	Container sizing
 *
 *	Borders and padding are normally *added* to the width/height of the DIV
 *	However you can get height:100% AND padding/borders by using a nested layout. 
 *	The outer-layout is just a single pane: center, which is where you add your vertical padding.
 *	Inside this is your *real layout*. 
 */
#paddingWrapper
{
	/*padding:	20px 10px;*/
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #BBB;
	background: white;
}
.pane {
	display:	none; /* will appear when layout inits */
}
#resulttreeindex
{
	overflow-y: auto;
}