/* jQuery Layout plugin styles */

/* PANES & CONTENT-DIVs */

.ui-layout-pane { background: #f8f8f8; border: 1px solid #BBB; overflow: auto; padding: 0; }
#south {
	border-bottom: 0;
	border-left: 0;
	background: url(images/ffffff-ebebeb_gradient.png) 0 0 repeat-x;
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, rgb(255,255,255)),
		color-stop(0, rgb(235,235,235))
	);
	background: -moz-linear-gradient(
		center top,
		rgb(255,255,255),
		rgb(235,235,235)
	);
	overflow: visible;
}
#map { border-width: 0 1px 0 0; }

/* RESIZER-BARS */

.ui-layout-resizer { background: #DDD; border: 1px solid #BBB; border-width: 0; }

/* Togglers */

.ui-layout-toggler {
	border: 1px solid #BBB; /* match pane-border */
	background-color: #BBB;
	}
	.ui-layout-resizer-hover .ui-layout-toggler {
		opacity: .60;
		filter:  alpha(opacity=60);
	}
	.ui-layout-toggler-hover , /* need when NOT resizable */
	.ui-layout-resizer-hover .ui-layout-toggler-hover { /* need specificity when IS resizable */
		background-color: #999;
		opacity: 1.00;
		filter:  alpha(opacity=100);
	}
	.ui-layout-toggler-north ,
	.ui-layout-toggler-south {
		border-width: 0 1px; /* left/right borders */
	}
	.ui-layout-toggler-west ,
	.ui-layout-toggler-east {
		border-width: 1px 0; /* top/bottom borders */
	}
	/* hide the toggler-button when the pane is 'slid open' */
	.ui-layout-resizer-sliding .ui-layout-toggler {
		display: none;
	}