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