.ui-layout-resizer-sliding { 
background-color : #999; 
} 
.ui-layout-resizer-north-dragging, .ui-layout-resizer-north:hover { 
background : url(http://layout.jquery-dev.net/lib/img/resizable-n.gif) repeat-x center; 
} 
.ui-layout-resizer-south-dragging, .ui-layout-resizer-south:hover { 
background : url(http://layout.jquery-dev.net/lib/img/resizable-s.gif) repeat-x center; 
} 
.ui-layout-resizer-west-dragging, .ui-layout-resizer-west-open:hover { 
background : url(http://layout.jquery-dev.net/lib/img/resizable-w.gif) repeat-y center; 
} 
.ui-layout-resizer-east-dragging, .ui-layout-resizer-east-open:hover { 
background : url(http://layout.jquery-dev.net/lib/img/resizable-e.gif) repeat-y center; 
} 
* html .ui-layout-resizer-south { 
background : url(http://layout.jquery-dev.net/lib/img/resizable-s.gif) repeat-x center !important ; 
} 
* html .ui-layout-resizer-west-open { 
background : url(http://layout.jquery-dev.net/lib/img/resizable-w.gif) repeat-y center !important ; 
} 
* html .ui-layout-resizer-east-open { 
background : url(http://layout.jquery-dev.net/lib/img/resizable-e.gif) repeat-y center !important ; 
} 
.ui-layout-toggler-north-open, .ui-layout-toggler-south-closed { 
background : url(http://layout.jquery-dev.net/lib/img/toggle-up.gif) no-repeat center bottom; 
} 
.ui-layout-toggler-north-closed, .ui-layout-toggler-south-open { 
background : url(http://layout.jquery-dev.net/lib/img/toggle-dn.gif) no-repeat center top; 
} 
.ui-layout-toggler-east-closed, .ui-layout-toggler-west-open { 
background : url(http://layout.jquery-dev.net/lib/img/toggle-lt.gif) no-repeat right center; 
} 
.ui-layout-toggler-east-open { 
background : url(http://layout.jquery-dev.net/lib/img/toggle-rt.gif) no-repeat left center; 
} 
.ui-layout-resizer-west-closed { 
background-color : #ddd; 
border-top : 1px solid #677; 
border-bottom : 1px solid #677; 
border-left : 1px solid #677; 
} 
.ui-layout-resizer-west-closed:hover { 
background-color : #e6e6e6; 
} 
.ui-layout-resizer-west-closed:hover .content { 
color : #c30; 
} 
.ui-layout-toggler-west-closed { 
background-color : #eee; 
border-top : 1px solid #fff; 
border-left : 1px solid #fff; 
border-bottom : 1px solid #677; 
} 
.ui-layout-toggler-west-closed:hover { 
background-color : #f6f6f6; 
} 
.ui-layout-toggler-west-closed .content { 
color : #033; 
font-size : 12px !important ; 
font-weight : bold; 
text-transform : uppercase; 
text-align : center; 
padding-right : 1px; 
} 
.pane, .ui-layout-pane { 
/*background-color : #fff;*/ 
border : 0; 
padding : 0; 
overflow : auto; 
margin : 0; 
} 
.pane-north, .pane-south { 
overflow : hidden; 
} 
.pane-north { 
border-bottom : none; 
} 
.pane-north .content, .pane-south .content { 
text-align : center; 
} 
.pane-center { 
padding : 0; 
margin : 0; 
} 
.pane-west { 
background-color : #f6f6f6; 
padding : 0; 
margin : 0; 
} 
#mainContent .ui-layout-pane { 
padding : 0; 
} 
#mainContent .ui-layout-north, #mainContent .ui-layout-south { 
text-align : center; 
} 
#mainContent .ui-layout-center { 
padding : 0 !important ; 
margin : 0; 
} 
#mainContent .ui-layout-content { 
padding : 0; 
} 
#mainContent .ui-layout-center h3 { 
font-size : 1em; 
padding : 5px; 
margin : 0; 
} 
.resizer-south-dragging, .resizer-south:hover { 
background : url(http://layout.jquery-dev.net/demos/img/resizable-s.gif) repeat-x center; 
} 
.resizer-west-dragging, .resizer-west-open:hover { 
background : url(http://layout.jquery-dev.net/demos/img/resizable-w.gif) repeat-y center; 
} 
.resizer-east-dragging, .resizer-east-open:hover { 
background : url(http://layout.jquery-dev.net/demos/img/resizable-e.gif) repeat-y center; 
} 
.resizer-west-open, .resizer-east-open { 
background-color : #999; 
} 
* html .resizer-south { 
background : url(http://layout.jquery-dev.net/demos/img/resizable-s.gif) repeat-x center !important ; 
} 
* html .resizer-west-open { 
background : url(http://layout.jquery-dev.net/demos/img/resizable-w.gif) repeat-y center !important ; 
} 
* html .resizer-east-open { 
background : url(http://layout.jquery-dev.net/demos/img/resizable-e.gif) repeat-y center !important ; 
} 
.toggler-north-open, .toggler-south-closed { 
background : url(http://layout.jquery-dev.net/demos/img/toggle-up.gif) no-repeat center bottom; 
} 
.toggler-north-closed, .toggler-south-open { 
background : url(http://layout.jquery-dev.net/demos/img/toggle-dn.gif) no-repeat center top; 
} 
.resizer-west-closed, .resizer-east-closed { 
background : #d1e6fc url(http://layout.jquery-dev.net/demos/img/D1E6FC_40x100_textures_10_dots_medium_90.png) repeat 0% 0%; 
border-top : 1px solid #777; 
border-bottom : 1px solid #777; 
} 
.resizer-west-closed:hover, .resizer-east-closed:hover { 
background : #d1e6fc; 
} 
ul.toolbar { 
position : relative; 
overflow : hidden; 
height : auto; 
margin : 0; 
padding : 2px; 
width : 100%; 
list-style : none; 
text-align : left; 
background : #d6d6d6 url(http://layout.jquery-dev.net/demos/img/d6d6d6_40x100_textures_02_glass_80.png) repeat-x 0% 50%; 
border-top : 1px solid #bbb; 
} 
ul.toolbar li { 
font-size : 10px; 
margin : 0; 
padding : 2px 7px; 
float : right; 
color : #000; 
border : 1px solid transparent; 
border-right-color : #bbb; 
cursor : pointer; 
} 
ul.toolbar li:hover { 
color : #005; 
background : #eee url(http://layout.jquery-dev.net/demos/img/eeeeee_40x100_textures_02_glass_90.png) repeat-x 0% 50%; 
border-top-color : #bbb; 
border-bottom-color : #bbb; 
} 
ul.toolbar li.first:hover { 
border-left-color : #bbb; 
} 
ul.toolbar li span { 
width : 15px; 
height : 15px; 
margin-left : -3px; 
margin-right : 0.75ex; 
vertical-align : middle; 
display : block; 
display : inline-block; 
} 
li.button-toggle-north span, li.button-open-south span { 
background : url(http://layout.jquery-dev.net/demos/img/go-up-on.gif) no-repeat center; 
} 
li.button-close-south span { 
background : url(http://layout.jquery-dev.net/demos/img/go-dn-on.gif) no-repeat center; 
} 
li.button-pin-up span { 
background : url(http://layout.jquery-dev.net/demos/img/pin-up-on.gif) no-repeat center; 
} 
li.button-pin-down span { 
background : url(http://layout.jquery-dev.net/demos/img/pin-dn-on.gif) no-repeat center; 
} 
span.button-pin, span.button-close { 
position : absolute; 
top : 0; 
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-pin-up { 
background : url(http://layout.jquery-dev.net/demos/img/pin-up-off.gif) no-repeat center; 
} 
span.button-pin-up:hover { 
background : url(http://layout.jquery-dev.net/demos/img/pin-up-on.gif) no-repeat center; 
} 
span.button-pin-down { 
background : url(http://layout.jquery-dev.net/demos/img/pin-dn-off.gif) no-repeat center; 
} 
span.button-pin-down:hover { 
background : url(http://layout.jquery-dev.net/demos/img/pin-dn-on.gif) no-repeat center; 
} 
span.button-close-west { 
background : url(http://layout.jquery-dev.net/demos/img/go-lt-off.gif) no-repeat center; 
} 
span.button-close-west:hover { 
background : url(http://layout.jquery-dev.net/demos/img/go-lt-on.gif) no-repeat center; 
} 
span.button-close-east { 
background : url(http://layout.jquery-dev.net/demos/img/go-rt-off.gif) no-repeat center; 
} 
span.button-close-east:hover { 
background : url(http://layout.jquery-dev.net/demos/img/go-rt-on.gif) no-repeat center; 
} 
.toggler-west-closed { 
background : url(http://layout.jquery-dev.net/demos/img/go-rt-off.gif) no-repeat center; 
} 
.toggler-west-closed:hover { 
background : url(http://layout.jquery-dev.net/demos/img/go-rt-on.gif) no-repeat center; 
} 
.toggler-east-closed { 
background : url(http://layout.jquery-dev.net/demos/img/go-lt-off.gif) no-repeat center; 
} 
.toggler-east-closed:hover { 
background : url(http://layout.jquery-dev.net/demos/img/go-lt-on.gif) no-repeat center; 
} 
#mainContent .ui-layout-resizer-closed:hover { 
background : #ffedca !important ; 
} 
#mainContent .ui-layout-resizer-open:hover, #mainContent .ui-layout-resizer-dragging { 
background : #c4e1a4 !important ; 
} 
#mainContent .ui-layout-resizer-drag-limit { 
background : #ff3300 !important ; 
} 
#mainContent .ui-layout-resizer-north, #mainContent .ui-layout-resizer-south { 
border-left : 1px solid #bbb !important ; 
border-right : 1px solid #bbb !important ; 
} 
#mainContent .ui-layout-resizer-north-closed { 
border-top : 1px solid #bbb !important ; 
} 
#mainContent .ui-layout-resizer-south-closed { 
border-bottom : 1px solid #bbb !important ; 
} 
#mainContent .ui-layout-resizer-west-closed { 
border-left : 1px solid #bbb !important ; 
} 
#mainContent .ui-layout-resizer-east-closed { 
border-right : 1px solid #bbb !important ; 
} 
#mainContent .ui-layout-resizer:hover .ui-layout-toggler:hover { 
background : #fd9 !important ; 
border-color : #cb7 !important ; 
} 
#mainContent .ui-layout-resizer-sliding .ui-layout-toggler { 
display : none !important ; 
} 
#mainContent .ui-layout-resizer-sliding:hover .ui-layout-toggler { 
display : block !important ; 
}