8 .roo-layout-inactive-content{
14 .roo-layout-active-content{
20 /* overflow:hidden; -- menus inside of contains do not work with this */
22 background-color:white;
23 border:1px solid #98c0f4;
26 .roo-layout-panel-east, .roo-layout-panel-west {
29 .roo-layout-panel-north, .roo-layout-panel-south {
33 .roo-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west {
37 .roo-layout-panel-body{
42 .roo-layout-grid-wrapper{
54 background-color:#f5f5f5;
56 .roo-layout-split-south, .roo-layout-split-north {
57 border-bottom : 1px solid #ddd;
59 .roo-layout-split-east, .roo-layout-split-west {
60 border-right: 1px solid #ddd;
68 .roo-layout-panel-hd.breadcrumb {
72 .roo-layout-panel-hd-text{
78 .roo-layout-panel-hd-tools{
88 .x-layout-tools-button{
94 .x-layout-tools-button-over{
96 border:1px solid #98c0f4;
97 background-color:white;
99 .x-layout-tools-button-inner{
104 background-repeat:no-repeat;
105 background-position:center;
108 background-image:url(../images/default/layout/layout-sprite.gif);
109 background-repeat: no-repeat;
110 background-position: 50% -48px;
112 .x-layout-collapse-west,.x-layout-expand-east{
113 background-image:url(../images/default/layout/layout-sprite.gif);
114 background-repeat: no-repeat;
115 background-position: 50% 0;
117 .x-layout-expand-west,.x-layout-collapse-east{
118 background-image:url(../images/default/layout/layout-sprite.gif);
119 background-repeat: no-repeat;
120 background-position: 50% -12px;
122 .x-layout-collapse-north,.x-layout-expand-south{
123 background-image:url(../images/default/layout/layout-sprite.gif);
124 background-repeat: no-repeat;
125 background-position: 50% -24px;
127 .x-layout-expand-north,.x-layout-collapse-south{
128 background-image:url(../images/default/layout/layout-sprite.gif);
129 background-repeat: no-repeat;
130 background-position: 50% -36px;
133 background-image:url(../images/default/sizer/e-handle.gif);
134 background-position: left;
138 background-image:url(../images/default/sizer/s-handle.gif);
139 background-position: top;
142 .x-layout-panel .x-tabs-wrap{
143 background:url(../images/default/layout/gradient-bg.gif);
150 .roo-layout-panel .roo-tabbody {
151 background-color:white;
156 .roo-layout-component-panel, .roo-layout-nested-layout {
163 .roo-layout-nested-layout .roo-layout-panel {
167 .x-layout-nested-layout .x-layout-panel-north {
168 border-bottom:1px solid #98c0f4;
170 .x-layout-nested-layout .x-layout-panel-south {
171 border-top:1px solid #98c0f4;
173 .x-layout-nested-layout .x-layout-panel-east {
174 border-left:1px solid #98c0f4;
176 .x-layout-nested-layout .x-layout-panel-west {
177 border-right:1px solid #98c0f4;
182 background-color: transparent;
185 .x-layout-panel-dragover {
186 border: 2px solid #6593cf;
188 .x-layout-panel-proxy {
189 background-image: url(../images/default/layout/gradient-bg.gif);
190 background-color:#c3daf9;
191 border:1px dashed #6593cf;
205 -moz-user-select: none;
206 -khtml-user-select: none;
207 -webkit-user-select: none;
211 /** --- split bar dragging ---*/
218 border: 1px solid #000;
221 .roo-splitbar-h,.roo-splitbar-proxy-h{
224 .roo-splitbar-v,.roo-splitbar-proxy-v{
234 border: 1px solid #000;
243 .roo-layout-panel-body .navbar ul.nav-tabs {
248 .roo-layout-panel-body .navbar {