5 background-color:#c3daf9;
12 background-color:#c3daf9;
16 border:1px solid #98c0f4;
19 .x-layout-collapsed-over{
21 background-color:#d9e8fb;
23 .x-layout-collapsed-west .x-layout-tools-button{
26 .x-layout-collapsed-east .x-layout-tools-button{
29 .x-layout-collapsed-north, .x-layout-collapsed-south{
32 .x-layout-collapsed .x-layout-tools-button{
37 .x-layout-inactive-content{
43 .x-layout-active-content{
47 position:absolute;border:1px solid #98c0f4;overflow:hidden;background-color:white;
49 .x-layout-panel-east, .x-layout-panel-west {
52 .x-layout-panel-north, .x-layout-panel-south {
55 .x-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west {
61 .x-layout-grid-wrapper{
71 background-color:#c3daf9;
74 background-image: url(../images/default/layout/panel-title-light-bg.gif);
76 border-bottom:1px solid #98c0f4;
79 .x-layout-panel-hd-text{
80 font:normal 11px tahoma, verdana, helvetica;
86 .x-layout-panel-hd-tools{
92 padding-right:2px;width:40px;
94 .x-layout-tools-button{
100 .x-layout-tools-button-over{
102 border:1px solid #98c0f4;
103 background-color:white;
105 .x-layout-tools-button-inner{
110 background-repeat:no-repeat;
111 background-position:center;
114 background-image:url(../images/default/layout/layout-sprite.gif);
115 background-repeat: no-repeat;
116 background-position: 50% -48px;
118 .x-layout-collapse-west,.x-layout-expand-east{
119 background-image:url(../images/default/layout/layout-sprite.gif);
120 background-repeat: no-repeat;
121 background-position: 50% 0;
123 .x-layout-expand-west,.x-layout-collapse-east{
124 background-image:url(../images/default/layout/layout-sprite.gif);
125 background-repeat: no-repeat;
126 background-position: 50% -12px;
128 .x-layout-collapse-north,.x-layout-expand-south{
129 background-image:url(../images/default/layout/layout-sprite.gif);
130 background-repeat: no-repeat;
131 background-position: 50% -24px;
133 .x-layout-expand-north,.x-layout-collapse-south{
134 background-image:url(../images/default/layout/layout-sprite.gif);
135 background-repeat: no-repeat;
136 background-position: 50% -36px;
139 background-image:url(../images/default/sizer/e-handle.gif);
140 background-position: left;
144 background-image:url(../images/default/sizer/s-handle.gif);
145 background-position: top;
148 .x-layout-panel .x-tabs-wrap{
149 background:url(../images/default/layout/gradient-bg.gif);
151 .x-layout-panel .roo-tabbody {
152 background-color:white;
153 overflow:auto;height:100%;
155 .x-layout-component-panel, .x-layout-nested-layout {
162 .x-layout-nested-layout .x-layout-panel {
165 .x-layout-nested-layout .x-layout-panel-north {
166 border-bottom:1px solid #98c0f4;
168 .x-layout-nested-layout .x-layout-panel-south {
169 border-top:1px solid #98c0f4;
171 .x-layout-nested-layout .x-layout-panel-east {
172 border-left:1px solid #98c0f4;
174 .x-layout-nested-layout .x-layout-panel-west {
175 border-right:1px solid #98c0f4;
179 background-color: transparent;
181 .x-layout-panel-dragover {
182 border: 2px solid #6593cf;
184 .x-layout-panel-proxy {
185 background-image: url(../images/default/layout/gradient-bg.gif);
186 background-color:#c3daf9;
187 border:1px dashed #6593cf;
200 -moz-user-select: none;
201 -khtml-user-select: none;
202 -webkit-user-select: none;
207 /** --- split bar dragging ---*/
213 border: 1px solid #000;
216 .x-splitbar-h,.x-splitbar-proxy-h{
219 .x-splitbar-v,.x-splitbar-proxy-v{
228 border: 1px solid #000;