5 background-image: url(../images/gray/layout/gradient-bg.gif);
\r
6 background-color:#EAE8D5;
\r
7 border:1px solid #b3b6b0;
\r
12 .x-dlg-proxy .tabset{
\r
13 background:url(../images/gray/layout/gradient-bg.gif);
\r
15 .x-dlg .x-dlg-header {
\r
16 background: url(../images/gray/basic-dialog/hd-sprite.gif) repeat-x 0px -82px;
\r
17 background-color:#333333;
\r
19 .x-dlg .x-dlg-header-left {
\r
20 background: url(../images/gray/basic-dialog/hd-sprite.gif) no-repeat 0px -41px;
\r
22 .x-dlg .x-dlg-header-right {
\r
23 background: url(../images/gray/basic-dialog/hd-sprite.gif) no-repeat right 0px;
\r
25 .x-dlg .x-dlg-dlg-body{
\r
27 border:1px solid #b3b6b0;
\r
28 border-top:0px none;
\r
30 .x-dlg .x-tabs-top .roo-tabbody{
\r
31 border:1px solid #b3b6b0;
\r
32 border-top:0px none;
\r
34 .x-dlg .x-tabs-bottom .roo-tabbody{
\r
35 border:1px solid #b3b6b0;
\r
36 border-bottom:0px none;
\r
38 .x-dlg .x-layout-container .roo-tabbody{
\r
41 .x-dlg .x-dlg-close {
\r
42 background-image:url(../images/gray/basic-dialog/close.gif);
\r
44 .x-dlg div.x-resizable-handle-east{
\r
45 background-image:url(../images/gray/basic-dialog/e-handle.gif);
\r
48 .x-dlg div.x-resizable-handle-south{
\r
49 background-image:url(../images/gray/basic-dialog/s-handle.gif);
\r
52 .x-dlg div.x-resizable-handle-west{
\r
53 background-image:url(../images/gray/basic-dialog/e-handle.gif);
\r
56 .x-dlg div.x-resizable-handle-southeast{
\r
57 background-image:url(../images/gray/basic-dialog/se-handle.gif);
\r
58 background-position: bottom right;
\r
63 .x-dlg div.x-resizable-handle-southwest{
\r
64 background-image:url(../images/gray/sizer/sw-handle-dark.gif);
\r
65 background-position: top right;
\r
70 .x-dlg div.x-resizable-handle-north{
\r
71 background-image:url(../images/gray/s.gif);
\r
79 border-bottom:1px solid #aca899;
\r
81 .x-tabs-strip .on .x-tabs-text {
\r
85 .x-tabs-top .x-tabs-strip .on .x-tabs-right {
\r
86 background: url(../images/gray/tabs/tab-sprite.gif) no-repeat right 0px;
\r
88 .x-tabs-top .x-tabs-strip .on .x-tabs-left {
\r
89 background: url(../images/gray/tabs/tab-sprite.gif) no-repeat 0px -100px;
\r
91 .x-tabs-top .x-tabs-strip .x-tabs-right {
\r
92 background: url(../images/gray/tabs/tab-sprite.gif) no-repeat right -50px;
\r
94 .x-tabs-top .x-tabs-strip .x-tabs-left {
\r
95 background: url(../images/gray/tabs/tab-sprite.gif) no-repeat 0px -150px;
\r
97 .x-tabs-strip .x-tabs-closable .close-icon{
\r
98 background-image:url(../images/gray/layout/layout-sprite.gif);
\r
99 background-position: 50% -60px;
\r
101 .x-tabs-strip .on .close-icon{
\r
102 background-image:url(../images/gray/layout/layout-sprite.gif);
\r
103 background-position: 50% -60px;
\r
105 .x-tabs-strip .x-tabs-closable .close-over{
\r
106 background-image:url(../images/gray/layout/layout-sprite.gif);
\r
107 background-position: 50% -72px;
\r
110 .x-tabs-bottom .x-tabs-wrap {
\r
111 border-bottom:0px none;
\r
113 border-top:1px solid #aca899;
\r
115 .x-tabs-bottom .x-tabs-strip .x-tabs-right {
\r
116 background: url(../images/gray/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left;
\r
118 .x-tabs-bottom .x-tabs-strip .x-tabs-left {
\r
119 background: url(../images/gray/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right;
\r
121 .x-tabs-bottom .x-tabs-strip .on .x-tabs-right {
\r
122 background: url(../images/gray/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
\r
124 .x-tabs-bottom .x-tabs-strip .on .x-tabs-left {
\r
125 background: url(../images/gray/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
\r
130 .x-tip .x-tip-header-right{
\r
131 background: url(../images/gray/basic-dialog/hd-sprite.gif) no-repeat right 0px;
\r
133 .x-tip .x-tip-header-left{
\r
134 background: url(../images/gray/basic-dialog/hd-sprite.gif) no-repeat 0px -41px;
\r
136 .x-tip .x-tip-header{
\r
137 background: url(../images/gray/basic-dialog/hd-sprite.gif) repeat-x 0px -82px;
\r
139 .x-tip .x-tip-close{
\r
140 background-image: url(../images/gray/basic-dialog/close.gif);
\r
143 background: #e7e7e7 url(../images/gray/qtip/bg.gif);
\r
144 border: 1px solid #ababab;
\r
149 .x-layout-container{
\r
150 background-color:#f3f2e7;
\r
152 .x-layout-collapsed{
\r
153 background-color:#f3f2e7;
\r
154 border:1px solid #aca899;
\r
156 .x-layout-collapsed-over{
\r
157 background-color:#fbfbef;
\r
160 border:1px solid #aca899;
\r
162 .x-layout-nested-layout .x-layout-panel {
\r
166 background-color:#f3f2e7;
\r
168 .x-layout-panel-header{
\r
169 background-image: url(../images/gray/layout/panel-title-light-bg.gif);
\r
170 border-bottom:1px solid #aca899;
\r
172 .x-layout-tools-button-over{
\r
173 border:1px solid #aca899;
\r
176 background-image:url(../images/gray/layout/layout-sprite.gif);
\r
177 background-repeat: no-repeat;
\r
178 background-position: 50% -48px;
\r
180 .x-layout-collapse-west,.x-layout-expand-east{
\r
181 background-image:url(../images/gray/layout/layout-sprite.gif);
\r
182 background-repeat: no-repeat;
\r
183 background-position: 50% 0;
\r
185 .x-layout-expand-west,.x-layout-collapse-east{
\r
186 background-image:url(../images/gray/layout/layout-sprite.gif);
\r
187 background-repeat: no-repeat;
\r
188 background-position: 50% -12px;
\r
190 .x-layout-collapse-north,.x-layout-expand-south{
\r
191 background-image:url(../images/gray/layout/layout-sprite.gif);
\r
192 background-repeat: no-repeat;
\r
193 background-position: 50% -24px;
\r
195 .x-layout-expand-north,.x-layout-collapse-south{
\r
196 background-image:url(../images/gray/layout/layout-sprite.gif);
\r
197 background-repeat: no-repeat;
\r
198 background-position: 50% -36px;
\r
201 background-image:url(../images/gray/sizer/e-handle-dark.gif);
\r
204 background-image:url(../images/gray/sizer/s-handle-dark.gif);
\r
206 .x-layout-panel .x-tabs-wrap{
\r
207 background:url(../images/gray/layout/gradient-bg.gif);
\r
209 .x-layout-nested-layout .x-layout-panel-north {
\r
210 border-bottom:1px solid #aca899;
\r
212 .x-layout-nested-layout .x-layout-panel-south {
\r
213 border-top:1px solid #aca899;
\r
215 .x-layout-nested-layout .x-layout-panel-east {
\r
216 border-left:1px solid #aca899;
\r
218 .x-layout-nested-layout .x-layout-panel-west {
\r
219 border-right:1px solid #aca899;
\r
221 .x-layout-panel-dragover {
\r
222 border: 2px solid #aca899;
\r
224 .x-layout-panel-proxy {
\r
225 background-image: url(../images/gray/layout/gradient-bg.gif);
\r
226 background-color:#f3f2e7;
\r
227 border:1px dashed #aca899;
\r
231 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east{
\r
232 background:url(../images/gray/sizer/e-handle.gif);
\r
233 background-position: left;
\r
235 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-west{
\r
236 background:url(../images/gray/sizer/e-handle.gif);
\r
237 background-position: left;
\r
239 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south{
\r
240 background:url(../images/gray/sizer/s-handle.gif);
\r
241 background-position: top;
\r
243 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-north{
\r
244 background:url(../images/gray/sizer/s-handle.gif);
\r
245 background-position: top;
\r
247 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
\r
248 background:url(../images/gray/sizer/se-handle.gif);
\r
249 background-position: top left;
\r
251 .x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{
\r
252 background:url(../images/gray/sizer/nw-handle.gif);
\r
253 background-position:bottom right;
\r
255 .x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{
\r
256 background:url(../images/gray/sizer/ne-handle.gif);
\r
257 background-position: bottom left;
\r
259 .x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{
\r
260 background:url(../images/gray/sizer/sw-handle.gif);
\r
261 background-position: top right;
\r
263 .x-resizable-proxy{
\r
264 border: 1px dashed #615e55;
\r
270 background: #efefe3 url(../images/gray/toolbar/gray-bg.gif) repeat-x;
\r