/*
 *	LAYOUT PANE FORMATTING
 */

.ui-layout-north {
	border-bottom:#fff 1px solid ;
	margin:0px;
	padding:0px;
	height:auto;
}


#center-panel{
	background-color: #f5f6f7;
	border-right: 1px solid #CED3D9;
	/*padding: 10px 2em 3em;*/
	overflow: auto;
}

.ui-layout-east {
	background-color: #F1F2F3;
	border-left: 0px solid #DFE2E6;

}
.ui-layout-west {
	background-color: #F1F2F3;
	border-right: 0px solid #DFE2E6;

}
/* inner divs inside Outer East/West panes */


/*
*	LAYOUT RESIZERS & TOGGLERS
*/

.ui-layout-resizer-sliding {
	opacity: 0.1;
	filter: alpha(opacity=10);
	background-color: #999;
}
.ui-layout-resizer-sliding:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* north-pane is not resizable*/
.ui-layout-resizer-north-dragging ,
.ui-layout-resizer-north:hover		{ background: none; visibility:none; }
.ui-layout-resizer-south-dragging ,
.ui-layout-resizer-south:hover		{ background: none; visibility:none; }
	
.ui-layout-resizer-west-dragging ,
.ui-layout-resizer-west-open:hover	{ background: url(/img/resizable-e.gif) repeat-y center; }
.ui-layout-resizer-east-dragging ,
.ui-layout-resizer-east-open:hover	{ background: url(/img/resizable-e.gif) repeat-y center; }

/* IE6 * HACK - always show resizer graphics because IE6 cannot understand elem:hover */
/** html .ui-layout-resizer-north		{ background: url(../img/resizable-n.gif) repeat-x center !important; } */
* html .ui-layout-resizer-south		{ background: none; visibility:none; }
* html .ui-layout-resizer-west-open	{ background: url(/img/resizable-e.gif) repeat-y center    !important; }
* html .ui-layout-resizer-east-open	{ background: url(/img/resizable-e.gif) repeat-y center    !important; }

/*
*	SIMPLE TOGGLER BUTTONS
*/

.ui-layout-toggler-north-open ,
.ui-layout-toggler-south-closed { background: url(/img/toggle-up.gif) no-repeat center bottom; }
.ui-layout-toggler-north-closed ,
.ui-layout-toggler-south-open   { background: url(/img/toggle-dn.gif) no-repeat center top; }
.ui-layout-toggler-east-closed ,
.ui-layout-toggler-west-open    { background: url(/img/toggle-lt.gif) no-repeat center right; }
.ui-layout-toggler-west-closed ,
.ui-layout-toggler-east-open    { background: url(/img/toggle-rt.gif) no-repeat center left; }