/*
*	COMMON LAYOUT PANE FORMATTING
*/
.pane ,				/* outer pane class */
.ui-layout-pane {	/* inner pane class */
	padding: 0;/* alignment & padding is on the .innerPane*/
	overflow: auto; /* will be auto-set to 'hidden' for any pane with a 'scrolling content div' */
}

.ui-layout-north .innerPane {
	/*border-bottom:2px solid #A2B037;*/
	margin-bottom:5px;
}

.ui-layout-south .innerPane {
	/*border-top:2px solid #A2B037;*/
	margin-top:10px;
}

.innerPane {
    /*background:#fff;*/
	padding:5px 5px 0 5px;
}

/* inner divs inside Outer East/West panes */
.header { 
	/*font-weight: bold;*/
	text-align: center;
	padding: 2px 0 4px;
	position: relative;
	overflow: hidden;
}
.subhead ,
.footer {
	/*background: #d6d6d6 url(/_assets/jquery/layout/img/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x;*/
	padding: 3px 10px;
	/*font-size: 0.85em;*/
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}

/*
.subhead { border-bottom: 1px solid #777; }
.footer  { border-top: 1px solid #777; }
 */


/*
*	OUTER LAYOUT RESIZERS & TOGGLERS
*/

.resizer-west-open ,
.resizer-east-open {
	opacity: 0.1;
	filter: alpha(opacity=10);
}
.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);
	*/
}

/*
*	extJS-STYLE RESIZER/SLIDER-BAR (CLOSED)
*/
.resizer-west-closed ,
.resizer-east-closed {
	background: #ccc;
}
.resizer-west-closed:hover ,
.resizer-east-closed:hover {
	background: #EAEFC2;
}


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

span.button-close-south	{ right: 0; }
span.button-pin-south	{ left:	 1px; }

/**REFACTOR IF TIME**/
 

/* CUSTOM pin-buttons */
span.button-pin-up 		  		{ background: url(/_assets/jquery/layout/img/pin-up-off.gif) no-repeat center; }
span.button-pin-up:hover   		{ background: url(/_assets/jquery/layout/img/pin-up-on.gif)  no-repeat center; }
span.button-pin-down 	  		{ background: url(/_assets/jquery/layout/img/pin-dn-off.gif) no-repeat center; }
span.button-pin-down:hover 		{ background: url(/_assets/jquery/layout/img/pin-dn-on.gif)  no-repeat center; }
/* CUSTOM close-buttons */
span.button-close-west			{ background: url(/_assets/jquery/layout/img/go-lt-off.gif) no-repeat center; }
span.button-close-west:hover	{ background: url(/_assets/jquery/layout/img/go-lt-on.gif)  no-repeat center; }
span.button-close-east			{ background: url(/_assets/jquery/layout/img/go-rt-off.gif) no-repeat center; }
span.button-close-east:hover	{ background: url(/_assets/jquery/layout/img/go-rt-on.gif)  no-repeat center; }
span.button-close-south			{ background: url(/_assets/jquery/layout/img/go-dn-off.gif) no-repeat center; }
span.button-close-south:hover	{ background: url(/_assets/jquery/layout/img/go-dn-on.gif)  no-repeat center; }
/* STANDARD toggler-buttons - when the east/west panes are 'closed' */
.toggler-west-closed		{ background: url(/_assets/jquery/layout/img/go-rt-off.gif) no-repeat center; }
.toggler-west-closed:hover	{ background: url(/_assets/jquery/layout/img/go-rt-on.gif)  no-repeat center; }
.toggler-east-closed		{ background: url(/_assets/jquery/layout/img/go-lt-off.gif) no-repeat center; }
.toggler-east-closed:hover	{ background: url(/_assets/jquery/layout/img/go-lt-on.gif)  no-repeat center; }
.toggler-south-closed		{ background: url(/_assets/jquery/layout/img/go-up-off.gif) no-repeat center; }
.toggler-south-closed:hover	{ background: url(/_assets/jquery/layout/img/go-up-on.gif)  no-repeat center; }