/*
*	COMMON LAYOUT PANE FORMATTING
*/
.pane, /* outer pane class */
.ui-layout-pane
{ /* inner pane class */
	background-color: #FFF;
	/*border: 1px solid #777;*/
	border: none;
	padding: 0; /* alignment & padding is on the inner-divs */
	overflow: auto; /* will be auto-set to 'hidden' for any pane with a 'scrolling content div' */
}


/*
*	OUTER-LAYOUT PANE FORMATTING
*/
.pane-north,
.pane-south,
.pane-west,
.pane-east
{
	overflow: hidden;
}

.pane-north
{
	border-bottom: none;
}

	.pane-north .content,
	.pane-south .content
	{
		text-align: center;
	}

.pane-center
{
	padding: 0px; /* for outer layout */
}

/* inner divs inside Outer East/West panes */
.header {
    /*background: #80ade5 url(img/80ade5_40x100_textures_04_highlight_hard_100.png) 0 50% repeat-x;*/
    /* background: #97BF0D; */
    border-bottom: 1px solid #777;
    font-weight: bold;
    text-align: center;
    padding: 2px 0 4px;
    position: relative;
    overflow: hidden;
    height: 16px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: var(--tab-selected-background-color);
}

.subhead,
.footer
{
	background: #d6d6d6 url(img/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
	padding: 3px 10px;
	font-size: 0.9em;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}

.subhead
{
	border-bottom: 1px solid #777;
}

.footer
{
	border-top: 1px solid #777;
}

#mainContent .footer
{
	border-top: 1px solid #BBB;
}

.content
{
	padding: 0px;
	position: relative;
	overflow: auto;
}

/*
*	OUTER LAYOUT RESIZERS & TOGGLERS
*/

/* north-pane is not resizable
.resizer-north-dragging ,
.resizer-north:hover		{ background: url(img/resizable-n.gif) repeat-x center; }*/
.resizer-south-dragging,
.resizer-south:hover
{
	/*background: url(img/resizable-s.gif) repeat-x center;*/
}

.resizer-west-dragging,
.resizer-west-open:hover
{
	/*background: url(img/resizable-w.gif) repeat-y center;*/
}

.resizer-east-dragging,
.resizer-east-open:hover
{
	/*background: url(img/resizable-e.gif) repeat-y center; */
}

.resizer-west-open,
.resizer-east-open
{
	/*background-color: #999;*/
	background-color: #ccc;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

	.resizer-west-open:hover,
	.resizer-east-open:hover
	{
		opacity: 1;
		filter: alpha(opacity=100);
	}

.resizer-dragging
{
	/* see draggable.opacity option
	opacity: 0.5;
	filter: alpha(opacity=50);
	*/
}

.resizer-dragging-limit
{
	background: #FF3300 !important;
}

/* IE6 * HACK - always show resizer graphics because IE6 cannot understand elem:hover */
/** html .resizer-north		{ background: url(img/resizable-n.gif) repeat-x center !important; } */
* html .resizer-south
{
	background: url(img/resizable-s.gif) repeat-x center !important;
}

* html .resizer-west-open
{
	background: url(img/resizable-w.gif) repeat-y center !important;
}

* html .resizer-east-open
{
	background: url(img/resizable-e.gif) repeat-y center !important;
}
/** html .resizer-north , */
* html .resizer-south,
* html .resizer-west-open,
* html .resizer-east-open
{
	opacity: 0.1 !important;
	filter: alpha(opacity=10) !important;
}

/*
*	SIMPLE TOGGLER BUTTONS (used on Outer Layout North/South only)
*/

.toggler-north-open,
.toggler-south-closed
{
	background: url(img/toggle-up.gif) no-repeat center bottom;
}

.toggler-north-closed,
.toggler-south-open
{
	background: url(img/toggle-dn.gif) no-repeat center top;
}

.toggler-east-closed,
.toggler-west-open {
    background-color: var(--tab-selected-background-color);
    /*background: url(img/toggle-lt.gif) no-repeat center right; */
}

.toggler-west-closed,
.toggler-east-open {
    background-color: var(--tab-selected-background-color);
    /* background: url(img/toggle-rt.gif) no-repeat center left; */
}


/*
*	extJS-STYLE RESIZER/SLIDER-BAR (CLOSED)
*/
.resizer-west-closed,
.resizer-east-closed
{
	background: #CCC;
	margin-left: 23px;
	/*background: #777 url(img/D1E6FC_40x100_textures_10_dots_medium_90.png) 0 0 repeat;*/
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}

	.resizer-west-closed:hover,
	.resizer-east-closed:hover
	{
		background: #CCC;
	}

/*
 *	extJS-STYLE TOGGLE & PIN BUTTONS
 *
 *	these 'extra buttons' are INSIDE the east/west panes
 */

/* CUSTOM pin/close buttons */
span.button-pin,
span.button-close,
span.button-exit-west,
span.button-exit-east
{
	position: absolute;
	top: 0;
	width: 20px;
	height: 20px;
	z-index: 2;
	display: block;
	cursor: pointer;
}

span.button-close-west
{
	left: 25px;
}

span.button-close-east
{
	right: 0;
}

span.button-pin-west
{
	right: 4px;
}

span.button-pin-east
{
	left: 1px;
}

span.button-exit-west
{
	right: 22px;
}

span.button-exit-east
{
	left: 21px;
}

/* CUSTOM pin-buttons */
span.button-pin-up
{
	background: url(img/pin-up-off.gif) no-repeat center;
}

	span.button-pin-up:hover
	{
		background: url(img/pin-up-on.gif) no-repeat center;
	}

span.button-pin-down
{
	background: url(img/pin-dn-off.gif) no-repeat center;
}

	span.button-pin-down:hover
	{
		background: url(img/pin-dn-on.gif) no-repeat center;
	}

/* CUSTOM close-buttons */
span.button-close-west
{
	background: url(img/go-lt-off.gif) no-repeat center;
}

	span.button-close-west:hover
	{
		background: url(img/go-lt-on.gif) no-repeat center;
	}

span.button-close-east
{
	background: url(img/go-rt-off.gif) no-repeat center;
}

	span.button-close-east:hover
	{
		background: url(img/go-rt-on.gif) no-repeat center;
	}

/* STANDARD toggler-buttons - when the east/west panes are 'closed' */
.toggler-west-closed
{
	/*background: url(img/go-rt-off.gif) no-repeat center;*/
}

	.toggler-west-closed:hover
	{
		/*background: url(img/go-rt-on.gif) no-repeat center;*/
	}

.toggler-east-closed
{
	/*background: url(img/go-lt-off.gif) no-repeat center;*/
}

	.toggler-east-closed:hover
	{
		/*background: url(img/go-lt-on.gif) no-repeat center;*/
	}

/* CUSTOM exit-buttons */
span.button-exit-west
{
	background: url(img/go-exit-off.gif) no-repeat center;
}

	span.button-exit-west:hover
	{
		background: url(img/go-exit-on.gif) no-repeat center;
	}

span.button-exit-east
{
	background: url(img/go-exit-off.gif) no-repeat center;
}

	span.button-exit-east:hover
	{
		background: url(img/go-exit-on.gif) no-repeat center;
	}