body {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:80%;
}

.ui-layout-pane {
background:#FFF;
border:1px solid #BBB;
overflow:auto;
padding:10px;
}

.ui-layout-content {
position:relative;
overflow:auto;
padding:10px;
}

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

.ui-layout-resizer-open-hover,/* hover-color to 'resize' */
.ui-layout-resizer-dragging {
background:#C4E1A4;
}

.ui-layout-resizer-dragging {
border-left:1px solid #BBB;
border-right:1px solid #BBB;
}

.ui-layout-resizer-dragging-limit {
background:#E1A4A4;
}

.ui-layout-resizer-closed-hover {
background:#EBD5AA;
}

.ui-layout-resizer-sliding {
opacity:.10;
filter:alpha(opacity=10);
}

.ui-layout-resizer-sliding-hover {
opacity:1px;
filter:alpha(opacity=100);
}

.ui-layout-resizer-north-sliding-hover {
border-bottom-width:1px;
}

.ui-layout-resizer-south-sliding-hover {
border-top-width:1px;
}

.ui-layout-resizer-west-sliding-hover {
border-right-width:1px;
}

.ui-layout-resizer-east-sliding-hover {
border-left-width:1px;
}

.ui-layout-toggler {
border:1px solid #BBB;
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 {
background-color:#FC6;
opacity:1px;
filter:alpha(opacity=100);
}

.ui-layout-toggler-north,.ui-layout-toggler-south {
border-width:0 1px;
}

.ui-layout-toggler-west,.ui-layout-toggler-east {
border-width:1px 0;
}

.ui-layout-resizer-sliding ui-layout-toggler {
display:none;
}

.ui-layout-toggler .content {
color:#666;
font-size:12px;
font-weight:700;
width:100%;
padding-bottom:0.35ex;
}