examples/ext/resources/css/xtheme-aero.css

   1 /*\r
   2  * Ext JS Library 1.1.1\r
   3  * Copyright(c) 2006-2007, Ext JS, LLC.\r
   4  * licensing@extjs.com\r
   5  * \r
   6  * http://www.extjs.com/license\r
   7  */\r
   8 \r
   9 /* menus */\r
  10 .x-menu {\r
  11         border: 1px solid #718bb7;\r
  12         z-index: 15000;\r
  13         zoom: 1;\r
  14         background: #f0f0f0 url(../images/aero/menu/menu.gif) repeat-y;\r
  15         padding: 2px;\r
  16 }\r
  17 \r
  18 .x-menu-list{\r
  19         background:transparent;\r
  20         border:0 none;\r
  21 }\r
  22 \r
  23 .x-menu-item-icon {\r
  24         margin-right: 8px;\r
  25 }\r
  26 \r
  27 .x-menu-sep {\r
  28         background-color:#e0e0e0;\r
  29         border-bottom:1px solid #fff;\r
  30         margin-left:3px;\r
  31 }\r
  32 .x-menu-item {\r
  33         color:#222;\r
  34 }\r
  35 .x-menu-item-active {\r
  36         color: #233d6d;\r
  37         background: #ebf3fd url(../images/aero/menu/item-over.gif) repeat-x left bottom;\r
  38         border:1px solid #aaccf6;\r
  39         padding: 0;\r
  40 }\r
  41 \r
  42 .x-date-mmenu .x-menu-list{\r
  43         padding: 0;\r
  44 }\r
  45 \r
  46 .x-date-mmenu .x-menu-list{\r
  47         border: 0 none;\r
  48 }\r
  49 \r
  50 .x-menu .x-color-palette, .x-menu .x-date-picker{\r
  51         margin-left: 26px;\r
  52 }\r
  53 \r
  54 .x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{\r
  55         margin: 0;\r
  56         border: 0 none;\r
  57 }\r
  58 \r
  59 \r
  60 .x-menu-check-item .x-menu-item-icon{\r
  61         background-image: url(../images/aero/menu/unchecked.gif);\r
  62 }\r
  63 \r
  64 .x-menu-item-checked .x-menu-item-icon{\r
  65         background-image:url(../images/aero/menu/checked.gif);\r
  66 }\r
  67 \r
  68 .x-menu-group-item .x-menu-item-icon{\r
  69         background: transparent;\r
  70 }\r
  71 \r
  72 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{\r
  73     background: transparent url(../images/default/menu/group-checked.gif) no-repeat center;\r
  74 }\r
  75 /**\r
  76 * Tabs\r
  77 */\r
  78 .x-tabs-wrap, .x-layout-panel .x-tabs-top .x-tabs-wrap {\r
  79         background: #deecfd;\r
  80         border: 1px solid #8db2e3;\r
  81         padding-bottom: 2px;\r
  82         padding-top: 0;\r
  83 }\r
  84 \r
  85 .x-tabs-strip-wrap{\r
  86         padding-top: 1px;\r
  87         background: url(../images/aero/tabs/tab-strip-bg.gif) #cedff5 repeat-x bottom;\r
  88         border-bottom: 1px solid #8db2e3;\r
  89 }\r
  90 \r
  91 .x-tabs-strip .x-tabs-text {\r
  92         color: #15428b;\r
  93         font: bold 11px tahoma,arial,verdana,sans-serif;\r
  94 }\r
  95 \r
  96 .x-tabs-strip .on .x-tabs-text {\r
  97         cursor: default;\r
  98         color: #15428b;\r
  99 }\r
 100 \r
 101 .x-tabs-top .x-tabs-strip .on .x-tabs-right {\r
 102         background: url(../images/aero/tabs/tab-sprite.gif) no-repeat right 0;\r
 103 }\r
 104 \r
 105 .x-tabs-top .x-tabs-strip .on .x-tabs-left,.x-tabs-top .x-tabs-strip .on a:hover .x-tabs-left{\r
 106         background: url(../images/aero/tabs/tab-sprite.gif) no-repeat 0 -100px;\r
 107 }\r
 108 \r
 109 .x-tabs-top .x-tabs-strip .x-tabs-right {\r
 110         background: transparent url(../images/aero/tabs/tab-sprite.gif) no-repeat right -50px;\r
 111 }\r
 112 \r
 113 .x-tabs-top .x-tabs-strip .x-tabs-left {\r
 114         background: transparent url(../images/aero/tabs/tab-sprite.gif) no-repeat 0 -150px;\r
 115 }\r
 116 \r
 117 .x-tabs-top .x-tabs-body {\r
 118         border: 1px solid #8db2e3;\r
 119         border-top: 0 none;\r
 120 }\r
 121 \r
 122 .x-tabs-bottom .x-tabs-wrap, .x-layout-panel .x-tabs-bottom .x-tabs-wrap {\r
 123         background: #deecfd;\r
 124         border: 1px solid #8db2e3;\r
 125         padding-top: 2px;\r
 126         padding-bottom: 0;\r
 127 }\r
 128 \r
 129 .x-tabs-bottom .x-tabs-strip-wrap{\r
 130         padding-top: 0;\r
 131         padding-bottom: 1px;\r
 132         background: url(../images/aero/tabs/tab-strip-btm-bg.gif) #cedff5 repeat-x top;\r
 133         border-top: 1px solid #8db2e3;\r
 134         border-bottom: 0 none;\r
 135 }\r
 136 \r
 137 .x-tabs-bottom .x-tabs-strip .x-tabs-right {\r
 138         background: transparent url(../images/aero/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;\r
 139 }\r
 140 \r
 141 .x-tabs-bottom .x-tabs-strip .x-tabs-left {\r
 142         background: transparent url(../images/aero/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;\r
 143 }\r
 144 \r
 145 .x-tabs-bottom .x-tabs-strip .on .x-tabs-right,.x-tabs-bottom .x-tabs-strip .on a:hover {\r
 146         background: url(../images/aero/tabs/tab-btm-right-bg.gif) no-repeat bottom left;\r
 147 }\r
 148 \r
 149 .x-tabs-bottom .x-tabs-strip .on .x-tabs-left,.x-tabs-bottom .x-tabs-strip .on a:hover .x-tabs-left {\r
 150         background: url(../images/aero/tabs/tab-btm-left-bg.gif) no-repeat bottom right;\r
 151 }\r
 152 \r
 153 .x-tabs-bottom .x-tabs-body {\r
 154         border: 1px solid #8db2e3;\r
 155         border-bottom: 0 none;\r
 156 }\r
 157 \r
 158 /*\r
 159 * Basic-Dialog \r
 160 */\r
 161 .x-dlg-proxy {\r
 162         background: #c7dffc;\r
 163         border: 1px solid #a5ccf9;\r
 164 }\r
 165 \r
 166 .x-dlg-shadow{\r
 167         background: #cccccc;\r
 168         opacity: .3;\r
 169         -moz-opacity: .3;\r
 170         filter: alpha(opacity=30);\r
 171 }\r
 172 \r
 173 .x-dlg {\r
 174         background: transparent;\r
 175 }\r
 176 \r
 177 .x-dlg .x-dlg-hd {\r
 178         background: url(../images/aero/basic-dialog/hd-sprite.gif) repeat-x 0 -82px;\r
 179         background-color: #aabaca;\r
 180         color: #15428b;\r
 181         zoom: 1;\r
 182         padding-top: 7px;\r
 183 }\r
 184 \r
 185 .x-dlg .x-dlg-hd-left {\r
 186         opacity: .85;\r
 187         -moz-opacity: .85;\r
 188         filter: alpha(opacity=80);\r
 189         background: url(../images/aero/basic-dialog/hd-sprite.gif) no-repeat 0 -41px;\r
 190         zoom: 1;\r
 191 }\r
 192 \r
 193 .x-dlg-modal .x-dlg-hd-left {\r
 194         opacity: .75;\r
 195         -moz-opacity: .75;\r
 196         filter: alpha(opacity=70);\r
 197 }\r
 198 \r
 199 .x-dlg .x-dlg-hd-right {\r
 200         background: url(../images/aero/basic-dialog/hd-sprite.gif) no-repeat right 0;\r
 201         zoom: 1;\r
 202 }\r
 203 \r
 204 .x-dlg .x-dlg-dlg-body{\r
 205         padding: 0 0 0;\r
 206         position: absolute;\r
 207         top: 24px;\r
 208         left: 0;\r
 209         z-index: 1;\r
 210         border: 0 none;\r
 211         background: transparent;\r
 212 }\r
 213 \r
 214 .x-dlg .x-dlg-bd{\r
 215         background: #ffffff;\r
 216         border: 1px solid #96b9e6;\r
 217 }\r
 218 \r
 219 .x-dlg .x-dlg-ft{\r
 220         border: 0 none;\r
 221         background: transparent;\r
 222         padding-bottom: 8px;\r
 223 }\r
 224 \r
 225 .x-dlg .x-dlg-bg{\r
 226         filter: alpha(opacity=80);\r
 227         opacity: .85;\r
 228         -moz-opacity: .85;\r
 229         zoom: 1;\r
 230 }\r
 231 \r
 232 .x-dlg-modal .x-dlg-bg {\r
 233         opacity: .75;\r
 234         -moz-opacity: .75;\r
 235         filter: alpha(opacity=70);\r
 236 }\r
 237 \r
 238 .x-dlg .x-dlg-bg-center {\r
 239         padding: 2px 7px 7px 7px;\r
 240         background: transparent url(../images/aero/basic-dialog/bg-center.gif) repeat-x bottom;\r
 241         zoom: 1;\r
 242 }\r
 243 \r
 244 .x-dlg .x-dlg-bg-left{\r
 245         padding-left: 7px;\r
 246         background: transparent url(../images/aero/basic-dialog/bg-left.gif) no-repeat bottom left;\r
 247         zoom: 1;\r
 248 }\r
 249 \r
 250 .x-dlg .x-dlg-bg-right{\r
 251         padding-right: 7px;\r
 252         background: transparent url(../images/aero/basic-dialog/bg-right.gif) no-repeat bottom right;\r
 253         zoom: 1;\r
 254 }\r
 255 \r
 256 .x-dlg-auto-tabs .x-dlg-dlg-body, .x-dlg-auto-layout .x-dlg-dlg-body{\r
 257         background: transparent;\r
 258         border: 0 none;\r
 259 }\r
 260 \r
 261 .x-dlg-auto-tabs .x-dlg-bd, .x-dlg-auto-layout .x-dlg-bd{\r
 262         background: #ffffff;\r
 263         border: 1px solid #e9f3f5;\r
 264 }\r
 265 \r
 266 .x-dlg-auto-tabs .x-tabs-top .x-tabs-body,.x-dlg-auto-tabs .x-tabs-bottom .x-tabs-body{\r
 267         border-color: #8db2e3;\r
 268 }\r
 269 \r
 270 .x-dlg-auto-tabs .x-tabs-top .x-tabs-wrap,.x-dlg-auto-tabs .x-tabs-bottom .x-tabs-wrap{\r
 271         border-color: #8db2e3;\r
 272 }\r
 273 \r
 274 .x-dlg .x-dlg-toolbox {\r
 275         width: 50px;\r
 276         height: 20px;\r
 277         right: 5px;\r
 278         top: 5px;\r
 279 }\r
 280 \r
 281 .x-dlg .x-dlg-close, .x-dlg .x-dlg-collapse {\r
 282         width: 21px;\r
 283         height: 20px;\r
 284         margin: 0;\r
 285 }\r
 286 \r
 287 .x-dlg .x-dlg-close {\r
 288         background-image: url(../images/aero/basic-dialog/aero-close.gif);\r
 289 }\r
 290 \r
 291 .x-dlg .x-dlg-collapse {\r
 292         background-image: url(../images/aero/basic-dialog/collapse.gif);\r
 293 }\r
 294 \r
 295 .x-dlg-collapsed {\r
 296         border-bottom: 1px solid #96b9e6;\r
 297 }\r
 298 \r
 299 .x-dlg .x-dlg-close-over {\r
 300         background-image: url(../images/aero/basic-dialog/aero-close-over.gif);\r
 301 }\r
 302 \r
 303 .x-dlg .x-dlg-collapse-over {\r
 304         background-image: url(../images/aero/basic-dialog/collapse-over.gif);\r
 305 }\r
 306 \r
 307 .x-dlg-collapsed .x-dlg-collapse {\r
 308         background-image: url(../images/aero/basic-dialog/expand.gif);\r
 309 }\r
 310 \r
 311 .x-dlg-collapsed .x-dlg-collapse-over {\r
 312         background-image: url(../images/aero/basic-dialog/expand-over.gif);\r
 313 }\r
 314 \r
 315 .x-dlg div.x-resizable-handle-east{\r
 316         background-image: url(../images/aero/s.gif);\r
 317         border: 0 none;\r
 318 }\r
 319 \r
 320 .x-dlg div.x-resizable-handle-south{\r
 321         background-image: url(../images/aero/s.gif);\r
 322         border: 0 none;\r
 323 }\r
 324 \r
 325 .x-dlg div.x-resizable-handle-west{\r
 326         background-image: url(../images/aero/s.gif);\r
 327         border: 0 none;\r
 328 }\r
 329 \r
 330 .x-dlg div.x-resizable-handle-southeast{\r
 331         background-image: url(../images/aero/basic-dialog/se-handle.gif);\r
 332         background-position: bottom right;\r
 333         width: 9px;\r
 334         height: 9px;\r
 335         border: 0;\r
 336         right: 2px;\r
 337         bottom: 2px;\r
 338 }\r
 339 \r
 340 .x-dlg div.x-resizable-handle-southwest{\r
 341         background-image: url(../images/aero/s.gif);\r
 342         background-position: top right;\r
 343         margin-left: 1px;\r
 344         margin-bottom: 1px;\r
 345         border: 0;\r
 346 }\r
 347 \r
 348 .x-dlg div.x-resizable-handle-north{\r
 349         background-image: url(../images/aero/s.gif);\r
 350         border: 0 none;\r
 351 }\r
 352 \r
 353 #x-msg-box .x-dlg-bd{\r
 354         background: #cfe0f5;\r
 355         border: 0 none;\r
 356 }\r
 357 \r
 358 body.x-masked #x-msg-box .x-dlg-bd, body.x-body-masked #x-msg-box .x-dlg-bd{\r
 359         background: #c4d2e3;\r
 360         border: 0 none;\r
 361 }\r
 362 \r
 363 /* BorderLayout */\r
 364 .x-layout-container{\r
 365         background: #deecfd;\r
 366 }\r
 367 \r
 368 .x-layout-collapsed{\r
 369         background-color: #deecfd;\r
 370         border: 1px solid #99bbe8;\r
 371 }\r
 372 \r
 373 .x-layout-collapsed-over{\r
 374         background-color: #f5f9fe;\r
 375 }\r
 376 \r
 377 .x-layout-panel{\r
 378         border: 1px solid #99bbe8;\r
 379 }\r
 380 \r
 381 .x-layout-nested-layout .x-layout-panel {\r
 382         border: 0 none;\r
 383 }\r
 384 \r
 385 .x-layout-split{\r
 386         background-color: #deecfd;\r
 387 }\r
 388 \r
 389 .x-layout-panel-hd{\r
 390         background: url(../images/aero/grid/grid-hrow.gif) #ebeadb repeat-x;\r
 391         border-bottom: 1px solid #99bbe8;\r
 392 }\r
 393 \r
 394 .x-layout-panel-hd-text {\r
 395         color: #15428b;\r
 396         font: bold 11px tahoma,arial,verdana,sans-serif;\r
 397 }\r
 398 \r
 399 .x-layout-split-h{\r
 400         background: #deecfd;\r
 401 }\r
 402 \r
 403 .x-layout-split-v{\r
 404         background: #deecfd;\r
 405 }\r
 406 \r
 407 .x-layout-panel .x-tabs-top .x-tabs-wrap{\r
 408         border: 0 none;\r
 409         border-bottom: 1px solid #8db2e3;\r
 410 }\r
 411 \r
 412 .x-layout-panel .x-tabs-bottom .x-tabs-wrap{\r
 413         border: 0 none;\r
 414         border-top: 1px solid #8db2e3;\r
 415 }\r
 416 \r
 417 .x-layout-nested-layout .x-layout-panel-north {\r
 418         border-bottom: 1px solid #99bbe8;\r
 419 }\r
 420 \r
 421 .x-layout-nested-layout .x-layout-panel-south {\r
 422         border-top: 1px solid #99bbe8;\r
 423 }\r
 424 \r
 425 .x-layout-nested-layout .x-layout-panel-east {\r
 426         border-left: 1px solid #99bbe8;\r
 427 }\r
 428 \r
 429 .x-layout-nested-layout .x-layout-panel-west {\r
 430         border-right: 1px solid #99bbe8;\r
 431 }\r
 432 \r
 433 .x-layout-panel-dragover {\r
 434         border: 2px solid #99bbe8;\r
 435 }\r
 436 \r
 437 .x-layout-panel-proxy {\r
 438         background-image: url(../images/aero/layout/gradient-bg.gif);\r
 439         background-color: #f3f2e7;\r
 440         border: 1px dashed #99bbe8;\r
 441 }\r
 442 \r
 443 .x-layout-container .x-layout-tabs-body{\r
 444         border: 0 none;\r
 445 }\r
 446 \r
 447 /** Resizable */\r
 448 .x-resizable-proxy{\r
 449         border: 1px dashed #3b5a82;\r
 450 }\r
 451 \r
 452 /* grid */\r
 453 .x-grid-hd-text {\r
 454         color: #15428b;\r
 455         font-weight: bold;\r
 456 }\r
 457 \r
 458 .x-grid-locked .x-grid-body td {\r
 459         background: #fbfdff;\r
 460         border-right: 1px solid #deecfd;\r
 461         border-bottom: 1px solid #deecfd !important;\r
 462 }\r
 463 \r
 464 .x-grid-locked .x-grid-body td .x-grid-cell-inner {\r
 465         border-top: 0 none;\r
 466 }\r
 467 \r
 468 .x-grid-locked .x-grid-row-alt td{\r
 469         background: #f5fafe;\r
 470 }\r
 471 \r
 472 .x-grid-locked .x-grid-row-selected td{\r
 473         color: #ffffff !important;\r
 474         background-color: #316ac5 !important;\r
 475 }\r
 476 \r
 477 .x-grid-hd{\r
 478         border-bottom: 0;\r
 479         background: none;\r
 480 }\r
 481 \r
 482 .x-grid-hd-row{\r
 483         height: auto;\r
 484 }\r
 485 \r
 486 .x-grid-hd-over {\r
 487         border-bottom: 0 none;\r
 488 }\r
 489 \r
 490 .x-grid-hd-over .x-grid-hd-body{\r
 491         background: none;\r
 492         border-bottom: 0 none;\r
 493 }\r
 494 \r
 495 .x-grid-hd-over .x-grid-hd-body{\r
 496         background-color: transparent;\r
 497         border-bottom: 0;\r
 498 }\r
 499 \r
 500 .x-grid-split {\r
 501         background-image: url(../images/aero/grid/grid-blue-split.gif);\r
 502 }\r
 503 \r
 504 .x-grid-header{\r
 505         background: url(../images/aero/grid/grid-hrow.gif);\r
 506         border: 0 none;\r
 507         border-bottom: 1px solid #6f99cf;\r
 508 }\r
 509 \r
 510 .x-grid-row-alt{\r
 511         background-color: #f5f5f5;\r
 512 }\r
 513 \r
 514 .x-grid-row-over td, .x-grid-locked .x-grid-row-over td{\r
 515         background-color: #d9e8fb;\r
 516 }\r
 517 \r
 518 .x-grid-col {\r
 519         border-right: 1px solid #eeeeee;\r
 520         border-bottom: 1px solid #eeeeee;\r
 521 }\r
 522 \r
 523 .x-grid-header .x-grid-hd-inner {\r
 524         padding-bottom: 1px;\r
 525 }\r
 526 \r
 527 .x-grid-header  .x-grid-hd-text {\r
 528         padding-bottom: 3px;\r
 529 }\r
 530 \r
 531 .x-grid-hd-over .x-grid-hd-inner {\r
 532         border-bottom: 1px solid #316ac5;\r
 533         padding-bottom: 0;\r
 534 }\r
 535 \r
 536 .x-grid-hd-over .x-grid-hd-text {\r
 537         background: #d5e4f5;\r
 538         border-bottom: 1px solid #ffffff;\r
 539         padding-bottom: 2px;\r
 540 }\r
 541 \r
 542 .x-grid-header .sort-asc .x-grid-hd-inner, .x-grid-header .sort-desc .x-grid-hd-inner {\r
 543         border-bottom: 1px solid #316ac5;\r
 544         padding-bottom: 0;\r
 545 }\r
 546 \r
 547 .x-grid-header .sort-asc  .x-grid-hd-text, .x-grid-header .sort-desc .x-grid-hd-text {\r
 548         border-bottom: 0 none;\r
 549         padding-bottom: 3px;\r
 550 }\r
 551 \r
 552 .x-grid-header .sort-asc .x-grid-sort-icon {\r
 553         background-image: url(../images/aero/grid/sort_asc.gif);\r
 554 }\r
 555 \r
 556 .x-grid-header .sort-desc .x-grid-sort-icon {\r
 557         background-image: url(../images/aero/grid/sort_desc.gif);\r
 558 }\r
 559 \r
 560 .x-dd-drag-proxy .x-grid-hd-inner{\r
 561         background: url(../images/aero/grid/grid-hrow.gif) #ebeadb repeat-x;\r
 562         height: 22px;\r
 563         width: 120px;\r
 564 }\r
 565 \r
 566 .x-grid-locked td.x-grid-row-marker, .x-grid-locked .x-grid-row-selected td.x-grid-row-marker{\r
 567         background: url(../images/aero/grid/grid-hrow.gif) #ebeadb repeat-x 0 0 !important;\r
 568         vertical-align: middle !important;\r
 569         color: #000000;\r
 570         padding: 0;\r
 571         border-top: 1px solid #ffffff;\r
 572         border-bottom: 1px solid #6f99cf !important;\r
 573         border-right: 1px solid #6f99cf !important;\r
 574         text-align: center;\r
 575 }\r
 576 \r
 577 .x-grid-locked td.x-grid-row-marker div, .x-grid-locked .x-grid-row-selected td.x-grid-row-marker div{\r
 578         padding: 0 4px;\r
 579         color: #15428b !important;\r
 580         text-align: center;\r
 581 }\r
 582 \r
 583 /** Toolbar */\r
 584 .x-toolbar{\r
 585         padding: 2px 2px 2px 2px;\r
 586         background: url(../images/default/toolbar/tb-bg.gif) #d0def0 repeat-x;\r
 587 }\r
 588 \r
 589 .x-toolbar .ytb-sep{\r
 590         background-image: url(../images/aero/grid/grid-blue-split.gif);\r
 591 }\r
 592 \r
 593 .x-toolbar .x-btn-over .x-btn-left{\r
 594         background: url(../images/aero/toolbar/tb-btn-sprite.gif) no-repeat 0 0;\r
 595 }\r
 596 \r
 597 .x-toolbar .x-btn-over .x-btn-right{\r
 598         background: url(../images/aero/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;\r
 599 }\r
 600 \r
 601 .x-toolbar .x-btn-over .x-btn-center{\r
 602         background: url(../images/aero/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;\r
 603 }\r
 604 \r
 605 .x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{\r
 606         background: url(../images/aero/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;\r
 607 }\r
 608 \r
 609 .x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{\r
 610         background: url(../images/aero/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px;\r
 611 }\r
 612 \r
 613 .x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{\r
 614         background: url(../images/aero/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px;\r
 615 }\r
 616 \r
 617 /*************** TABS 2 *****************/\r
 618 /**\r
 619 * Tabs\r
 620 */\r
 621 .x-tab-panel-header, .x-tab-panel-footer {\r
 622         background: #deecfd;\r
 623         border: 1px solid #8db2e3;\r
 624 }\r
 625 \r
 626 .x-tab-panel-header {\r
 627         background: #deecfd;\r
 628         border: 1px solid #8db2e3;\r
 629         padding-bottom: 2px;\r
 630 }\r
 631 \r
 632 .x-tab-panel-footer {\r
 633         background: #deecfd;\r
 634         border: 1px solid #8db2e3;\r
 635         padding-top: 2px;\r
 636 }\r
 637 \r
 638 .x-tab-strip-top{\r
 639         padding-top: 1px;\r
 640         background: url(../images/aero/tabs/tab-strip-bg.gif) #cedff5 repeat-x bottom;\r
 641         border-bottom: 1px solid #8db2e3;\r
 642 }\r
 643 \r
 644 .x-tab-strip-bottom{\r
 645         padding-bottom: 1px;\r
 646         background: url(../images/aero/tabs/tab-strip-btm-bg.gif) #cedff5 repeat-x top;\r
 647         border-top: 1px solid #8db2e3;\r
 648         border-bottom: 0 none;\r
 649 }\r
 650 \r
 651 .x-tab-strip .x-tab-strip-text {\r
 652         color: #15428b;\r
 653         font: bold 11px tahoma,arial,verdana,sans-serif;\r
 654 }\r
 655 \r
 656 .x-tab-strip .x-tab-strip-active .x-tab-text {\r
 657         cursor: default;\r
 658         color: #15428b;\r
 659 }\r
 660 \r
 661 .x-tab-strip-top .x-tab-strip-active .x-tab-right {\r
 662         background: url(../images/aero/tabs/tab-sprite.gif) no-repeat right 0;\r
 663 }\r
 664 \r
 665 .x-tab-strip-top .x-tab-strip-active .x-tab-left {\r
 666         background: url(../images/aero/tabs/tab-sprite.gif) no-repeat 0 -100px;\r
 667 }\r
 668 \r
 669 .x-tab-strip-top .x-tab-right {\r
 670         background: url(../images/aero/tabs/tab-sprite.gif) no-repeat right -50px;\r
 671 }\r
 672 \r
 673 .x-tab-strip-top .x-tab-left {\r
 674         background: url(../images/aero/tabs/tab-sprite.gif) no-repeat 0 -150px;\r
 675 }\r
 676 \r
 677 .x-tab-strip-bottom .x-tab-right {\r
 678         background: url(../images/aero/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;\r
 679 }\r
 680 \r
 681 .x-tab-strip-bottom .x-tab-left {\r
 682         background: url(../images/aero/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;\r
 683 }\r
 684 \r
 685 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {\r
 686         background: url(../images/aero/tabs/tab-btm-right-bg.gif) no-repeat bottom left;\r
 687 }\r
 688 \r
 689 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {\r
 690         background: url(../images/aero/tabs/tab-btm-left-bg.gif) no-repeat bottom right;\r
 691 }\r
 692 \r
 693 .x-tab-panel-body-top {\r
 694         border: 1px solid #8db2e3;\r
 695         border-top: 0 none;\r
 696 }\r
 697 \r
 698 .x-tab-panel-body-bottom {\r
 699         border: 1px solid #8db2e3;\r
 700         border-bottom: 0 none;\r
 701 }\r