org.eclipse.rap.design.example/theme/business/business.css

   1 /*******************************************************************************
   2  * Copyright (c) 2008, 2015 Innoopract Informationssysteme GmbH and others.
   3  * All rights reserved. This program and the accompanying materials
   4  * are made available under the terms of the Eclipse Public License v1.0
   5  * which accompanies this distribution, and is available at
   6  * http://www.eclipse.org/legal/epl-v10.html
   7  *
   8  * Contributors:
   9  *    Innoopract Informationssysteme GmbH - initial API and implementation
  10  *    EclipseSource - ongoing development
  11  *              hangum(hangum@gmail.com) - TadpoleDBHub
  12  *
  13  * Modify:
  14  *              jeongjaehong(jeongjaehong@gmail.com) - CTab, Button style 변경.
  15  ******************************************************************************/
  16
  17 /* RAP 1.4 default theme for all widgets */
  18
  19 * {
  20   color: #4a4a4a;
  21   background-color: white;
  22   background-image: none;
  23   font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  24 }
  25
  26 *:disabled {
  27   color: #CFCFCF;
  28 }
  29
  30 Widget-Badge {
  31   background-color: #ff0000;
  32   border: none;
  33   border-radius: 10px;
  34   font: 10px Arial, sans-serif;
  35   color: #ffffff;
  36 }
  37
  38 Widget-ToolTip {
  39   padding: 1px 3px 2px 3px;
  40   background-color: #dae9f7;
  41   border: 1px solid #00589f;
  42   border-radius: 2px 2px 2px 2px;
  43   font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  44   color: #4a4a4a;
  45   opacity: 1;
  46   animation: fadeIn 200ms linear, fadeOut 600ms ease-out;
  47   box-shadow: 3px 4px 2px rgba( 0, 0, 0, 0.3 );
  48   text-align: left;
  49 }
  50
  51 Widget-ToolTip-Pointer {
  52   background-image: none;
  53 }
  54
  55 Display {
  56   rwt-shadow-color: #a7a6aa;
  57   rwt-highlight-color: #ffffff;
  58   rwt-darkshadow-color: #85878c;
  59   rwt-lightshadow-color: #dcdfe4;
  60   rwt-thinborder-color: #aca899;
  61   rwt-selectionmarker-color: #fec83c;
  62   rwt-infobackground-color: #ffffff;
  63
  64   rwt-error-image: url( theme/resources/dialog/error.png );
  65   rwt-information-image: url( theme/resources/dialog/information.png );
  66   rwt-question-image: url( theme/resources/dialog/question.png );
  67   rwt-warning-image: url( theme/resources/dialog/warning.png );
  68   rwt-working-image: url( theme/resources/dialog/information.png );
  69
  70   rwt-fontlist: 11px 'Segoe UI', Corbel, Calibri, Tahoma, 'Lucida Sans Unicode';
  71
  72   background-image: url( theme/resources/display/browser_bg.png );
  73   font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  74 }
  75
  76 /* Default theme for all controls */
  77
  78 * {
  79   border: none;
  80   padding: 0px;
  81 }
  82
  83 *[BORDER] {
  84   border: 1px solid #a4a4a4;
  85 }
  86
  87 /* Default theme for all composites */
  88
  89 Composite {
  90   padding: 0px;
  91   opacity: 1;
  92   background-color: #ffffff;
  93   background-image: none;
  94   background-repeat: repeat;
  95   background-position: left top;
  96   border: none;
  97   box-shadow: none;
  98   animation: none;
  99 }
 100
 101 Composite[BORDER] {
 102   background-color: white;
 103   background-image: none;
 104 }
 105
 106 /* Button default theme */
 107
 108 Button {
 109   background-image: none;
 110   background-repeat: repeat;
 111   background-position: left top;
 112   padding: 5px 6px;
 113   spacing: 2px;
 114   cursor: default;
 115   animation: none;
 116   color: #4a4a4a;
 117   background-color: white;
 118   opacity: 1;
 119   text-shadow: none;
 120   text-decoration: none;
 121   box-shadow: none;
 122 }
 123
 124 Button[PUSH], Button[TOGGLE], Button[BORDER] {
 125   border: 1px solid #A4A4A4;
 126   border-radius: 4px;
 127   padding: 3px 6px;
 128   background-image: gradient(
 129     linear, left top, left bottom,
 130     from( #ffffff ),
 131     color-stop( 48%, #f0f0f0 ),
 132     color-stop( 52%, #e0e0e0 ),
 133     to( #ffffff )
 134   );
 135   animation: hoverOut 500ms ease-out;
 136   cursor: pointer;
 137 }
 138
 139 Button[ARROW], Button[ARROW][BORDER] {
 140   border: 1px solid #A4A4A4;
 141   border-radius: 3px;
 142   padding: 4px;
 143   background-image: gradient(
 144     linear, left top, left bottom,
 145     from( #ffffff ),
 146     color-stop( 48%, #f0f0f0 ),
 147     color-stop( 52%, #e0e0e0 ),
 148     to( #ffffff )
 149   );
 150   animation: hoverOut 500ms ease-out;
 151   cursor: pointer;
 152 }
 153
 154 /* 엔터키가 눌릴때 실행될 기본 선택값이 지정된 버튼의 스타일 정의. */
 155 Button[ARROW]:default,
 156 Button[PUSH]:default,
 157 Button[TOGGLE]:default {
 158   color: #333333;
 159   background-color: white;
 160   background-image: gradient(
 161     linear, left top, left bottom,
 162     from( #ffffff ),
 163     color-stop( 48%, #4ca6e2 ),
 164     color-stop( 52%, #4ca6e2 ),
 165     color-stop( 48%, #4ca6e2 ),
 166     to( #ffffff )
 167   );
 168   border: 1px solid #A4A4A4;
 169 }
 170
 171 Button[ARROW]:disabled, Button[PUSH]:disabled, Button[TOGGLE]:disabled {
 172   cursor: default;
 173 }
 174
 175 Button[ARROW]:hover, Button[PUSH]:hover, Button[TOGGLE]:hover {
 176   color: #4ca6e2;
 177   background-image: gradient(
 178     linear, left top, left bottom,
 179     from( #ffffff ),
 180     color-stop( 48%, #f0f0f0 ),
 181     color-stop( 52%, #e0e0e0 ),
 182     to( #cccccc )
 183   );
 184 }
 185
 186 Button[ARROW]:pressed, Button[PUSH]:pressed, Button[TOGGLE]:pressed {
 187   animation: none;
 188   background-image: gradient(
 189     linear, left top, left bottom,
 190     from( #e0e0e0 ),
 191     color-stop( 52%, #e0e0e0 ),
 192     to( #b0b0b0 )
 193   );
 194   padding: 4px 5px 2px 7px;
 195 }
 196
 197 Button[TOGGLE]:selected {
 198   background-image: gradient(
 199     linear, left top, left bottom,
 200     from( #e0e000 ),
 201     color-stop( 30%, #f0f0f0 ),
 202     color-stop( 70%, #e0e0e0 ),
 203     to( #b0b0b0 )
 204   );
 205 }
 206
 207 Button[TOGGLE]:selected:hover {
 208   background-image: gradient(
 209     linear, left top, left bottom,
 210     from( #e0e0e0 ),
 211     color-stop( 52%, #e0e0e0 ),
 212     to( #b0b0b0 )
 213   );
 214 }
 215
 216 Button[CHECK], Button[RADIO] {
 217   spacing: 4px;
 218 }
 219
 220 Button[CHECK][BORDER], Button[RADIO][BORDER] {
 221   background-image: none;
 222 }
 223
 224 Button-CheckIcon {
 225   background-image: url( theme/resources/button/check-unselected.png );
 226 }
 227
 228 Button-CheckIcon:hover {
 229   background-image: url( theme/resources/button/check-unselected-hover.png );
 230 }
 231
 232 Button-CheckIcon:selected {
 233   background-image: url( theme/resources/button/check-selected.png );
 234 }
 235
 236 Button-CheckIcon:selected:hover {
 237   background-image: url( theme/resources/button/check-selected-hover.png );
 238 }
 239
 240 Button-CheckIcon:selected:grayed {
 241   background-image: url( theme/resources/button/check-grayed.png );
 242 }
 243
 244 Button-CheckIcon:selected:grayed:hover {
 245   background-image: url( theme/resources/button/check-grayed-hover.png );
 246 }
 247
 248 Button-RadioIcon {
 249   background-image: url( theme/resources/button/radio-unselected.png );
 250 }
 251
 252 Button-RadioIcon:hover {
 253   background-image: url( theme/resources/button/radio-unselected-hover.png );
 254 }
 255
 256 Button-RadioIcon:selected {
 257   background-image: url( theme/resources/button/radio-selected.png );
 258 }
 259
 260 Button-RadioIcon:selected:hover {
 261   background-image: url( theme/resources/button/radio-selected-hover.png );
 262 }
 263
 264 Button-ArrowIcon[UP] {
 265   background-image: url( theme/resources/button/arrow-up.png );
 266 }
 267
 268 Button-ArrowIcon[DOWN] {
 269   background-image: url( theme/resources/button/arrow-down.png );
 270 }
 271
 272 Button-ArrowIcon[LEFT] {
 273   background-image: url( theme/resources/button/arrow-left.png );
 274 }
 275
 276 Button-ArrowIcon[RIGHT] {
 277   background-image: url( theme/resources/button/arrow-right.png );
 278 }
 279
 280 /* 현재 포커스가 지정된 버튼에 점선 테두리 표시. */
 281 Button-FocusIndicator[ARROW], Button-FocusIndicator[PUSH], Button-FocusIndicator[TOGGLE] {
 282   background-color: transparent;
 283   border: 1px dotted #4ca6e2;
 284   border-radius: 9px;
 285   margin: 1px;
 286   padding: 0px;
 287   opacity: 1;
 288 }
 289
 290 Button-FocusIndicator[CHECK], Button-FocusIndicator[RADIO] {
 291   background-color: transparent;
 292   border: 1px dotted #4ca6e2;
 293   border-radius: 9px;
 294   padding: 2px 2px 2px 1px;
 295   margin: 0px;
 296   opacity: 1;
 297 }
 298
 299 /* Combo default theme */
 300
 301 Combo {
 302   border: 1px solid #c1c1c1;
 303   font: 11px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
 304   background-color: #fcfcfc;
 305   color: #464a4e;
 306   border-radius: 2px;
 307   background-image: gradient(
 308     linear, left top, left bottom,
 309     from( #e2e2e2 ),
 310     color-stop( 15%, #f8f8f8 ),
 311     to( #fbfbfb )
 312   );
 313   text-shadow: none;
 314   box-shadow: none;
 315 }
 316
 317 Combo[BORDER] {
 318   border: 1px solid #c1c1c1;
 319   border-radius: 2px;
 320   box-shadow: none;
 321 }
 322
 323 Combo[BORDER]:focused {
 324   box-shadow: none;
 325   border: 1px solid #c1c1c1;
 326 }
 327
 328 Combo-Button {
 329   cursor: default;
 330   background-color: transparent;
 331   border: none;
 332   border-left: none;
 333   border-radius: 0px 2px 2px 0px;
 334   background-image: gradient(
 335     linear, left top, left bottom,
 336     from( #ffffff ),
 337     color-stop( 48%, #f0f0f0 ),
 338     color-stop( 52%, #e0e0e0 ),
 339     to( #cccccc )
 340   );
 341   width: 18px;
 342 }
 343
 344 Combo-Button:pressed {
 345   background-image: gradient(
 346     linear, left top, left bottom,
 347     from( #e0e0e0 ),
 348     color-stop( 52%, #e0e0e0 ),
 349     to( #b0b0b0 )
 350   );
 351 }
 352
 353 Combo-Button-Icon {
 354   background-image: url( theme/resources/ccombo/down.png );
 355 }
 356
 357 Combo-Button-Icon:hover {
 358   background-image: url( theme/resources/ccombo/down-hover.png );
 359 }
 360
 361 Combo-List {
 362   border: 1px solid #c1c1c1;
 363   border-radius: 0px 0px 2px 2px;
 364   box-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.4 );
 365 }
 366
 367 Combo-List-Item {
 368   color: inherit;
 369   background-color: transparent;
 370   background-image: none;
 371   text-decoration: none;
 372   text-shadow: none;
 373   padding: 3px 5px;
 374 }
 375
 376 Combo-List-Item:hover, Combo-List-Item:even:hover {
 377   background-image: gradient(
 378     linear, left top, left bottom,
 379     from( #dae9f7 ),
 380     to( #d2e0ee )
 381   );
 382 }
 383
 384 Combo-List-Item:selected, Combo-List-Item:even:selected {
 385   color: white;
 386   background-image: gradient(
 387     linear, left top, left bottom,
 388     from( #0078Bf ),
 389     to( #00589f )
 390   );
 391 }
 392
 393 Combo-Field {
 394   padding: 2px 3px;
 395 }
 396
 397 Combo-FocusIndicator {
 398   background-color: transparent;
 399   border: 1px dotted #b8b8b8;
 400   margin: 1px 19px 1px 1px;
 401   opacity: 1;
 402 }
 403
 404 /* DropDown default theme */
 405
 406 DropDown {
 407   border: 1px solid #c1c1c1;
 408   border-radius: 0px;
 409   box-shadow: none;
 410 }
 411
 412 DropDown-Item {
 413   color: inherit;
 414   background-color: transparent;
 415   background-image: none;
 416   text-decoration: none;
 417   text-shadow: none;
 418   padding: 3px 5px;
 419 }
 420
 421 DropDown-Item:hover {
 422   background-image: gradient(
 423     linear, left top, left bottom,
 424     from( #dae9f7 ),
 425     to( #d2e0ee )
 426   );
 427 }
 428
 429 DropDown-Item:selected {
 430   color: white;
 431   background-image: gradient(
 432     linear, left top, left bottom,
 433     from( #0078Bf ),
 434     to( #00589f )
 435   );
 436 }
 437
 438 /* CoolBar default theme */
 439
 440 CoolBar {
 441   background-image: none;
 442 }
 443
 444 CoolItem-Handle {
 445   border: 1px outset;
 446   width: 4px;
 447 }
 448
 449 /* CTabFolder default theme */
 450
 451 CTabFolder {
 452   border-color: #A4A4A4;
 453   border-radius: 4px 10px 0px 0px;
 454 }
 455
 456 CTabItem {
 457   font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
 458   color: #4a4a4a;
 459   background-color: white;
 460   /*background-image: none;*/
 461   background-image: gradient(
 462     linear, left top, left bottom,
 463     from( #fafafa ),
 464     to( #efefef )
 465   );
 466   padding: 3px 15px;
 467   spacing: 4px;
 468   text-shadow: none;
 469   text-decoration: none;
 470 }
 471
 472 CTabItem:selected {
 473   color: white;
 474   background-color: #00589f;
 475   padding: 1px 12px;
 476 }
 477
 478 /* Do not gray out disabled CTabItems, this is SWT behavior */
 479 CTabItem:disabled {
 480   color: black;
 481 }
 482
 483 CTabFolder-DropDownButton-Icon {
 484   background-image: url( theme/resources/ctabfolder/ctabfolder-dropdown.png );
 485 }
 486
 487 CTabFolder-DropDownButton-Icon:hover {
 488   background-image: url( theme/resources/ctabfolder/ctabfolder-dropdown-hover.png );
 489 }
 490
 491 /* Group default theme */
 492
 493 Group {
 494   color: #4a4a4a;
 495   background-color: white;
 496 }
 497
 498 Group-Frame {
 499   margin: 8px 0px 0px;
 500   padding: 8px 2px 2px;
 501   border: 1px solid #cccccc;
 502   border-radius: 2px 2px 2px 2px;
 503 }
 504
 505 Group-Label {
 506   padding: 0px 3px 0px 4px;
 507   font: 11px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
 508   background-color: transparent;
 509   background-image: none;
 510   background-repeat: repeat;
 511   background-position: left top;
 512   border: none;
 513   border-radius: 0;
 514   color: #464a4e;
 515   margin: 1px 10px;
 516   text-shadow: none;
 517 }
 518
 519 /* Label default theme */
 520
 521 Label {
 522   color: #4a4a4a;
 523   background-color: white;
 524   background-image: none;
 525   background-repeat: repeat;
 526   background-position: left top;
 527   border: none;
 528   text-decoration: none;
 529   cursor: default;
 530   opacity: 1;
 531   text-shadow: none;
 532 }
 533
 534 Label[BORDER] {
 535   border: 1px solid #a4a4a4;
 536   border-radius: 2px;
 537 }
 538
 539 Label-SeparatorLine {
 540   background-image: none;
 541   background-color: #cccccc;
 542   border: none;
 543   border-radius: 0;
 544   width: 2px;
 545 }
 546
 547 /* Link default theme */
 548
 549 Link {
 550   color: #4a4a4a;
 551   background-color: #ffffff;
 552   background-image: none;
 553   background-repeat: repeat;
 554   background-position: left top;
 555   text-shadow: none;
 556 }
 557
 558 Link-Hyperlink {
 559   color: #00589f;
 560   text-shadow: none;
 561   text-decoration: underline;
 562 }
 563
 564 Link-Hyperlink:disabled {
 565   color: #959595;
 566 }
 567
 568 /* List default theme */
 569
 570 List {
 571   background-color: white;
 572   border: none;
 573   color: #4a4a4a;
 574 }
 575
 576 List[BORDER] {
 577   border: 1px solid #a4a4a4;
 578 }
 579
 580 List-Item {
 581   background-color: transparent;
 582   color: inherit;
 583   background-image: none;
 584   background-repeat: repeat;
 585   background-position: left top;
 586   text-shadow: none;
 587   padding: 3px 5px;
 588 }
 589
 590 List-Item:hover {
 591   background-color: #dae9f7;
 592   background-image: gradient(
 593     linear, left top, left bottom,
 594     from( #dae9f7 ),
 595     to( #d2e0ee )
 596   );
 597 }
 598
 599 List-Item:selected {
 600   color: white;
 601   background-color: #00589f;
 602   background-image: gradient(
 603     linear, left top, left bottom,
 604     from( #0078Bf ),
 605     to( #00589f )
 606   );
 607 }
 608
 609 List-Item:selected:unfocused {
 610   background-color: #959595;
 611   color: white;
 612   background-image: gradient(
 613     linear, left top, left bottom,
 614     from( #A5A5A5 ),
 615     to( #858585 )
 616   );
 617 }
 618
 619 List-Item:even {
 620   background-color: #f3f3f4;
 621 }
 622
 623 List-Item:even:hover {
 624   background-color: #dae9f7;
 625 }
 626
 627 List-Item:even:selected {
 628   color: white;
 629   background-color: #00589f;
 630   background-image: gradient(
 631     linear, left top, left bottom,
 632     from( #0078Bf ),
 633     to( #00589f )
 634   );
 635 }
 636
 637 List-Item:even:selected:unfocused {
 638   background-color: #959595;
 639   color: white;
 640   background-image: gradient(
 641     linear, left top, left bottom,
 642     from( #A5A5A5 ),
 643     to( #858585 )
 644   );
 645 }
 646
 647 List-GridLine {
 648   color: transparent;
 649 }
 650
 651 /* Menu default theme */
 652
 653 Menu {
 654   background-image: none;
 655   padding: 5px 10px 4px 5px; /*top,right,bottom,left*/
 656   opacity: 1;
 657   animation: none;
 658   color: #0059a5;
 659   background-color: #ffffff;
 660   border: 1px solid #0059a5;
 661   border-radius: 4px 12px 0px 12px;
 662   box-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.3 );
 663 }
 664
 665 MenuItem {
 666   color: black;
 667   background-color: transparent;
 668   opacity: 1;
 669   text-shadow: none;
 670   border: 1px solid #cccccc;
 671   border-radius: 4px 12px;
 672   padding: 5px 20px 4px 5px; /*top,right,bottom,left*/
 673 }
 674
 675 MenuItem[SEPARATOR] {
 676   padding: 0px 3px;
 677 }
 678
 679 MenuItem:hover {
 680   background-color: #dae9f7;
 681   color: #4a4a4a;
 682 }
 683
 684 MenuItem:pressed {
 685   background-color: #00589f;
 686   color: white;
 687 }
 688
 689 MenuItem-CheckIcon {
 690   background-image: url( theme/resources/menu/checkbox.gif );
 691 }
 692
 693 MenuItem-RadioIcon {
 694   background-image: url( theme/resources/menu/radiobutton.gif );
 695 }
 696
 697 MenuItem-CascadeIcon {
 698   background-image: url( theme/resources/menu/arrow.gif );
 699 }
 700
 701 /* ProgressBar default theme */
 702
 703 ProgressBar {
 704   background-color: #ffffff;
 705   background-image: none;
 706   border: 1px solid #A4A4A4;
 707   border-radius: 2px;
 708   width: 16px;
 709 }
 710
 711 ProgressBar-Indicator {
 712   background-color: #00589f;
 713   background-image: none;
 714   opacity: 1;
 715 }
 716
 717 ProgressBar-Indicator:paused {
 718   background-color: #ebebeb;
 719 }
 720
 721 ProgressBar-Indicator:error {
 722   background-color: #cb2020;
 723 }
 724
 725 /* Shell default theme */
 726
 727 Shell {
 728   animation: none;
 729   border: 1px black;
 730   background-color: white;
 731   padding: 0px;
 732   background-image: none;
 733   opacity: 1;
 734   box-shadow: none;
 735 }
 736
 737 Shell[TITLE], Shell[BORDER] {
 738   box-shadow: 5px 5px 3px rgba( 0, 0, 0, 0.5 );
 739   background-color: white;
 740   border: 2px solid #005092;
 741   border-radius: 5px 5px 0px 0px;
 742   padding: 5px;
 743 }
 744
 745 Shell[BORDER]:inactive, Shell[TITLE]:inactive {
 746   border: 2px solid #4b4b4b;
 747   box-shadow: none;
 748 }
 749
 750 Shell:maximized, Shell:maximized:inactive {
 751   border: none;
 752   box-shadow: none;
 753   border-radius: 0px 0px 0px 0px;
 754 }
 755
 756 Shell-DisplayOverlay {
 757   animation: fadeIn 200ms linear, fadeOut 400ms ease-out;
 758   background-image: none;
 759   background-color: #808080;
 760   opacity: 0.2;
 761 }
 762
 763 /* Shell titlebar */
 764
 765 Shell-Titlebar {
 766   background-color: #0080c0;
 767   background-gradient-color: #0080c0;
 768   color: white;
 769   background-image: gradient( linear, left top, left bottom, from( #005fac ), to( #005092 ) );
 770   padding: 2px 5px 2px;
 771   margin: 0px;
 772   height: 22px;
 773   font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
 774   border: none;
 775   border-radius: 1px 1px 0px 0px;
 776   text-shadow: none;
 777 }
 778
 779 Shell-Titlebar:inactive {
 780   background-color: #7996a5;
 781   background-gradient-color: #7996a5;
 782   color: #aaaaaa;
 783   background-image: gradient( linear, left top, left bottom,
 784                               from( #595959 ), to( #4b4b4b ) );
 785 }
 786
 787 /* Shell buttons */
 788
 789 /* Minimize button */
 790
 791 Shell-MinButton {
 792   background-image: url( theme/resources/window/shell-min.png );
 793   margin: 0px 6px 0px 0px;
 794 }
 795
 796 Shell-MinButton:hover {
 797   background-image: url( theme/resources/window/shell-min-hover.png );
 798 }
 799
 800 Shell-MinButton:inactive {
 801   background-image: url( theme/resources/window/shell-min.png );
 802   margin: 0px 6px 0px 0px;
 803 }
 804
 805 Shell-MinButton:inactive:hover {
 806   background-image: url( theme/resources/window/shell-min-hover.png );
 807 }
 808
 809 /* Maximize button */
 810
 811 Shell-MaxButton {
 812   background-image: url( theme/resources/window/shell-max.png );
 813   margin: 0px 6px 0px 0px;
 814 }
 815
 816 Shell-MaxButton:hover {
 817   background-image: url( theme/resources/window/shell-max-hover.png );
 818 }
 819
 820 Shell-MaxButton:inactive {
 821   background-image: url( theme/resources/window/shell-max.png );
 822   margin: 0px 6px 0px 0px;
 823 }
 824
 825 Shell-MaxButton:inactive:hover {
 826   background-image: url( theme/resources/window/shell-max-hover.png );
 827 }
 828
 829 /* Restore button */
 830
 831 Shell-MaxButton:maximized {
 832   background-image: url( theme/resources/window/shell-restore.png );
 833 }
 834
 835 Shell-MaxButton:maximized:hover {
 836   background-image: url( theme/resources/window/shell-restore-hover.png );
 837 }
 838
 839 Shell-MaxButton:maximized:inactive {
 840   background-image: url( theme/resources/window/shell-restore.png );
 841 }
 842
 843 Shell-MaxButton:maximized:inactive:hover {
 844   background-image: url( theme/resources/window/shell-restore-hover.png );
 845 }
 846
 847 /* Close button */
 848
 849 Shell-CloseButton {
 850   background-image: url( theme/resources/window/shell-close.png );
 851   margin: 0px 5px 0px 0px;
 852 }
 853
 854 Shell-CloseButton:hover {
 855   background-image: url( theme/resources/window/shell-close-hover.png );
 856 }
 857
 858 Shell-CloseButton:inactive {
 859   background-image: url( theme/resources/window/shell-close.png );
 860   margin: 0px 5px 0px 0px;
 861 }
 862
 863 Shell-CloseButton:inactive:hover {
 864   background-image: url( theme/resources/window/shell-close-hover.png );
 865 }
 866
 867 /* Spinner default theme */
 868
 869 Spinner {
 870   border: none;
 871   padding: 1px 2px;
 872   color: #464a4e;
 873   background-color: #fcfcfc;
 874   background-image: none;
 875   text-shadow: none;
 876   box-shadow: none;
 877 }
 878
 879 Spinner[BORDER]:focused {
 880   box-shadow: none;
 881   border: none;
 882 }
 883
 884 Spinner[BORDER]:focused {
 885   box-shadow: none;
 886   border: 1px solid #a4a4a4;
 887 }
 888
 889 Spinner-Field {
 890   padding: 2px 3px;
 891 }
 892
 893 Spinner[BORDER] {
 894   border: 1px solid #a4a4a4;
 895   border-radius: 2px 2px 2px 2px;
 896   background-image: gradient(
 897     linear, left top, left bottom,
 898     from( #e2e2e2 ),
 899     color-stop( 15%, #f8f8f8 ),
 900     to( #fbfbfb )
 901   );
 902 }
 903
 904 Spinner-UpButton {
 905   background-color: transparent;
 906   background-image: gradient(
 907     linear, left top, left bottom,
 908     from( #ffffff ),
 909     to( #e0e0e0 )
 910   );
 911   width: 18px;
 912   border: none;
 913   border-left: none;
 914   border-radius: 0px 2px 0px 0px;
 915   cursor: default;
 916 }
 917
 918 Spinner-UpButton:pressed {
 919   background-image: gradient(
 920     linear, left top, left bottom,
 921     from( #ffffff ),
 922     color-stop( 52%, #e0e0e0 ),
 923     to( #b0b0b0 )
 924   );
 925 }
 926
 927 Spinner-UpButton-Icon {
 928   background-image: url( theme/resources/spinner/up.png );
 929 }
 930
 931 Spinner-UpButton-Icon:hover {
 932   background-image: url( theme/resources/spinner/up-hover.png );
 933 }
 934
 935 Spinner-DownButton {
 936   background-color: transparent;
 937   background-image: gradient(
 938     linear, left top, left bottom,
 939     from( #e0e0e0 ),
 940     to( #ffffff )
 941   );
 942   width: 18px;
 943   border: none;
 944   border-left: none;
 945   border-radius: 0px 0px 2px 0px;
 946   cursor: default;
 947 }
 948
 949 Spinner-DownButton:pressed {
 950   background-image: gradient(
 951     linear, left top, left bottom,
 952     from( #b0b0b0 ),
 953     color-stop( 52%, #e0e0e0 ),
 954     to( #ffffff )
 955   );
 956 }
 957
 958 Spinner-DownButton-Icon {
 959   background-image: url( theme/resources/spinner/down.png );
 960 }
 961
 962 Spinner-DownButton-Icon:hover {
 963   background-image: url( theme/resources/spinner/down-hover.png );
 964 }
 965
 966 /* TabFolder default theme */
 967
 968 TabFolder {
 969   border: none;
 970 }
 971
 972 TabFolder[BORDER] {
 973   border: 1px solid #a4a4a4;
 974 }
 975
 976 TabFolder-ContentContainer {
 977   border: 1px solid #a4a4a4;
 978 }
 979
 980 TabItem {
 981   color: #4a4a4a;
 982   background-color: white;
 983   background-image: none;
 984   background-repeat: repeat;
 985   background-position: left top;
 986   text-shadow: none;
 987   padding: 4px 6px 2px 5px;
 988   margin: 7px 1px 1px 0px;
 989   border: 1px solid #a4a4a4;
 990   border-bottom: none;
 991 }
 992
 993 TabItem:bottom {
 994   margin: 1px 1px 7px 0px;
 995   border: 1px solid #a4a4a4;
 996   border-top: none;
 997 }
 998
 999 TabItem:selected {
1000   background-color: white;
1001   background-image: none;
1002   padding: 4px 8px 2px 7px;
1003   margin: 4px -1px 0px -2px;
1004   border: 1px solid #a4a4a4;
1005   border-top: 3px solid #00589f;
1006   border-bottom: none;
1007 }
1008
1009 TabItem:bottom:selected {
1010   margin: 0px -1px 4px -2px;
1011   border: 1px solid #a4a4a4;
1012   border-top: none;
1013   border-bottom: 3px solid #00589f;
1014 }
1015
1016 TabItem:selected:first {
1017   margin: 4px -1px 0px 0px;
1018 }
1019
1020 TabItem:bottom:selected:first {
1021   margin: 0px -1px 4px 0px;
1022 }
1023
1024 TabItem:hover {
1025   background-color: #dae9f7;
1026   background-image: none;
1027 }
1028
1029 /* Table default theme */
1030
1031 Table {
1032   background-color: white;
1033   background-image: none;
1034   color: #4a4a4a;
1035   border: none;
1036 }
1037
1038 Table[BORDER] {
1039   border: 1px solid #a4a4a4;
1040 }
1041
1042 TableItem {
1043   background-color: transparent;
1044   color: inherit;
1045   text-decoration: none;
1046   text-shadow: none;
1047   background-image: none;
1048   text-overflow: clip;
1049 }
1050
1051 TableItem:linesvisible:even {
1052   background-color: #f3f3f4;
1053 }
1054
1055 Table-RowOverlay {
1056   background-color: transparent;
1057   color: inherit;
1058   background-image: none;
1059 }
1060
1061 Table-RowOverlay:hover {
1062   background-color: #dae9f7;
1063 }
1064
1065 Table-RowOverlay:selected {
1066   color: white;
1067   background-color: #00589f;
1068 }
1069
1070 Table-RowOverlay:selected:unfocused {
1071   background-color: #959595;
1072   color: #ffffff;
1073 }
1074
1075 Table-RowOverlay:linesvisible:even:hover {
1076   background-color: #dae9f7;
1077 }
1078
1079 Table-RowOverlay:linesvisible:even:selected {
1080   background-color: #00589f;
1081   color: white;
1082 }
1083
1084 Table-RowOverlay:linesvisible:even:selected:unfocused {
1085   background-color: #959595;
1086   color: #ffffff;
1087 }
1088
1089 TableColumn {
1090   background-color: #f8f8ff;
1091   padding: 2px 3px;
1092   background-image: gradient(
1093     linear, left top, left bottom,
1094     from( #fbfcfd ),
1095     to( #ececec )
1096   );
1097   color: #666666;
1098   font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
1099   border-bottom:none;
1100   text-shadow: none;
1101   text-overflow: clip;
1102 }
1103
1104 TableColumn:hover {
1105   background-image: gradient(
1106     linear, left top, left bottom,
1107     from( #f4f5f6 ),
1108     to( #e6e6e6 )
1109   );
1110   border-bottom: none;
1111 }
1112
1113 TableColumn-SortIndicator {
1114   background-image: none;
1115 }
1116
1117 TableColumn-SortIndicator:up {
1118   background-image: url( theme/resources/column/sort-indicator-up.png );
1119 }
1120
1121 TableColumn-SortIndicator:down {
1122   background-image: url( theme/resources/column/sort-indicator-down.png );
1123 }
1124
1125 Table-Cell {
1126   spacing: 3px;
1127   padding: 5px 4px 4px 4px;
1128 }
1129
1130 Table-GridLine {
1131   color: #dedede;
1132 }
1133
1134 Table-GridLine:horizontal {
1135   color: transparent;
1136 }
1137
1138 Table-Checkbox {
1139   /*
1140   For backward compatibility we have to keep the width property.
1141   Deprecated, use "margin" instead.
1142   */
1143   width: 21px;
1144   margin: 0px;
1145   background-image: url( theme/resources/button/check-unselected.png );
1146 }
1147
1148 Table-Checkbox:hover {
1149   background-image: url( theme/resources/button/check-unselected-hover.png );
1150 }
1151
1152 Table-Checkbox:checked {
1153   background-image: url( theme/resources/button/check-selected.png );
1154 }
1155
1156 Table-Checkbox:checked:hover {
1157   background-image: url( theme/resources/button/check-selected-hover.png );
1158 }
1159
1160 Table-Checkbox:checked:grayed {
1161   background-image: url( theme/resources/button/check-grayed.png );
1162 }
1163
1164 Table-Checkbox:checked:grayed:hover {
1165   background-image: url( theme/resources/button/check-grayed-hover.png );
1166 }
1167
1168 /* Text default theme */
1169
1170 Text {
1171   border: none;
1172   padding: 2px 3px;
1173   color: #464a4e;
1174   background-color: #fcfcfc;
1175   background-image: none;
1176   background-repeat: repeat;
1177   background-position: left top;
1178   text-shadow: none;
1179   box-shadow: none
1180 }
1181
1182 Text[BORDER] {
1183   border: 1px solid #a4a4a4;
1184   border-radius: 2px 2px 2px 2px;
1185   box-shadow: none;
1186   background-image: gradient(
1187     linear, left top, left bottom,
1188     from( #e2e2e2 ),
1189     color-stop( 15%, #f8f8f8 ),
1190     to( #fbfbfb )
1191   );
1192 }
1193
1194 Text[BORDER]:focused,
1195 TEXT[MULTI][BORDER]:focused {
1196   box-shadow: none;
1197   border: 1px solid #a4a4a4;
1198 }
1199
1200 Text[SINGLE] {
1201   /* padding: 2px 3px; */
1202 }
1203
1204 Text[MULTI] {
1205   /* padding: 0px 0px 0px 3px; */
1206   background-image: none;
1207 }
1208
1209 Text[MULTI][BORDER] {
1210   /* padding: 0px 0px 0px 4px; */
1211   box-shadow: none;
1212 }
1213
1214 Text[BORDER]:focused,
1215 Text[MULTI]:focused,
1216 Text[MULTI][BORDER]:focused {
1217  border: 1px solid #a4a4a4;
1218   box-shadow: none;
1219 }
1220
1221 Text-Message {
1222   color: #a7a6aa;
1223   text-shadow: none;
1224 }
1225
1226 Text-Search-Icon {
1227   background-image: url( theme/resources/text/find.png );
1228   spacing: 3px;
1229 }
1230
1231 Text-Cancel-Icon {
1232   background-image: url( theme/resources/text/clear.gif );
1233   spacing: 3px;
1234 }
1235
1236 /* ToolBar default theme */
1237
1238 ToolBar {
1239   color: black;
1240   padding: 0px;
1241   spacing: 0px;
1242   background-color: #ffffff;
1243   background-image: none;
1244   border: none;
1245   opacity: 1;
1246 }
1247
1248 ToolBar[BORDER] {
1249   border: 1px solid #a4a4a4;
1250   border-radius: 2px;
1251 }
1252
1253 ToolItem {
1254   color: inherit;
1255   background-color: transparent;
1256   background-image: none;
1257   border: none;
1258   border-radius: 0px;
1259   padding: 2px 3px;
1260   spacing: 4px;
1261   opacity: 1;
1262   animation: none;
1263   text-shadow: none;
1264 }
1265
1266 ToolItem[FLAT] {
1267   border: none;
1268   padding: 3px 4px;
1269 }
1270
1271 ToolItem:hover {
1272   background-color: white;
1273   border: 1px solid #a4a4a4;
1274   border-radius: 2px 2px 2px 2px;
1275   padding: 2px 3px;
1276 }
1277
1278 ToolItem:pressed, ToolItem:selected {
1279   border: 1px solid #a4a4a4;
1280   border-radius: 2px;
1281   padding: 3px 2px 1px 4px;
1282   background-image: url( theme/resources/toolbar/dotted_white.gif );
1283 }
1284
1285 ToolItem-DropDownIcon {
1286   background-image: url( theme/resources/arrows/down.gif );
1287   border: none;
1288 }
1289
1290 ToolItem-DropDownIcon:hover {
1291   border: 1px inset;
1292 }
1293
1294 ToolItem-Separator {
1295   width: 4px;
1296 }
1297
1298 /* Tree default theme */
1299
1300 Tree, Grid {
1301   background-color: white;
1302   border: none;
1303   color: #4a4a4a;
1304 }
1305
1306 Tree[BORDER], Grid[BORDER] {
1307   border: 1px solid #a4a4a4;
1308 }
1309
1310 TreeItem, GridItem {
1311   background-color: transparent;
1312   color: inherit;
1313   text-decoration: none;
1314   text-shadow: none;
1315   background-image: none;
1316   text-overflow: clip;
1317 }
1318
1319 TreeItem:linesvisible:even, GridItem:linesvisible:even {
1320   background-color: #f3f3f4;
1321 }
1322
1323 Tree-RowOverlay, Grid-RowOverlay {
1324   background-color: transparent;
1325   color: inherit;
1326   background-image: none;
1327 }
1328
1329 Tree-RowOverlay:hover, Grid-RowOverlay:hover {
1330   background-color: #dae9f7;
1331 }
1332
1333 Tree-RowOverlay:selected, Grid-RowOverlay:selected {
1334   background-color: #00589f;
1335   color: #ffffff;
1336 }
1337
1338 Tree-RowOverlay:selected:unfocused, Grid-RowOverlay:selected:unfocused {
1339   background-color: #959595;
1340   color: #ffffff;
1341 }
1342
1343 Tree-RowOverlay:linesvisible:even:hover, Grid-RowOverlay:linesvisible:even:hover {
1344   background-color: #dae9f7;
1345 }
1346
1347 Tree-RowOverlay:linesvisible:even:selected, Grid-RowOverlay:linesvisible:even:selected {
1348   background-color: #00589f;
1349   color: white;
1350 }
1351
1352 Tree-RowOverlay:linesvisible:even:selected:unfocused,
1353 Grid-RowOverlay:linesvisible:even:selected:unfocused {
1354   background-color: #959595;
1355   color: #ffffff;
1356 }
1357
1358 TreeColumn, GridColumn {
1359   background-color: #f8f8ff;
1360   padding: 1px 2px;
1361   background-image: gradient(
1362     linear, left top, left bottom,
1363     from( #fbfcfd ),
1364     to( #ececec )
1365   );
1366   color: #666666;
1367   font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
1368   border-bottom:none;
1369   text-shadow: none;
1370   text-overflow: clip;
1371 }
1372
1373 TreeColumn:hover, GridColumn:hover {
1374   background-image: gradient(
1375     linear, left top, left bottom,
1376     from( #f4f5f6 ),
1377     to( #e6e6e6 )
1378   );
1379   border-bottom:none;
1380 }
1381
1382 TreeColumn-SortIndicator, GridColumn-SortIndicator {
1383   background-image: none;
1384 }
1385
1386 TreeColumn-SortIndicator:up, GridColumn-SortIndicator:up {
1387   background-image: url( theme/resources/column/sort-indicator-up.png );
1388 }
1389
1390 TreeColumn-SortIndicator:down, GridColumn-SortIndicator:down {
1391   background-image: url( theme/resources/column/sort-indicator-down.png );
1392 }
1393
1394 Tree-Cell, Grid-Cell {
1395   spacing: 3px;
1396   padding: 4px 3px 4px 3px;
1397 }
1398
1399 Tree-GridLine, Grid-GridLine {
1400   color: #d0d0d0;
1401 }
1402
1403 Tree-GridLine:horizontal, Grid-GridLine:horizontal {
1404   color: transparent;
1405 }
1406
1407 Tree-Checkbox, Grid-Checkbox {
1408   margin: 0px 2px 0px 0px;
1409   background-image: url( theme/resources/button/check-unselected.png );
1410 }
1411
1412 Tree-Checkbox:hover, Grid-Checkbox:hover {
1413   background-image: url( theme/resources/button/check-unselected-hover.png );
1414 }
1415
1416 Tree-Checkbox:checked, Grid-Checkbox:checked {
1417   background-image: url( theme/resources/button/check-selected.png );
1418 }
1419
1420 Tree-Checkbox:checked:hover, Grid-Checkbox:checked:hover {
1421   background-image: url( theme/resources/button/check-selected-hover.png );
1422 }
1423
1424 Tree-Checkbox:checked:grayed, Grid-Checkbox:checked:grayed {
1425   background-image: url( theme/resources/button/check-grayed.png );
1426 }
1427
1428 Tree-Checkbox:checked:grayed:hover, Grid-Checkbox:checked:grayed:hover {
1429   background-image: url( theme/resources/button/check-grayed-hover.png );
1430 }
1431
1432 Tree-Indent, Grid-Indent {
1433   width: 16px;
1434   background-image: none;
1435 }
1436
1437 Tree-Indent:collapsed, Grid-Indent:collapsed {
1438   background-image: url( theme/resources/tree/tree-collapsed.png );
1439 }
1440
1441 Tree-Indent:collapsed:hover, Grid-Indent:collapsed:hover {
1442   background-image: url( theme/resources/tree/tree-collapsed-hover.png );
1443 }
1444
1445 Tree-Indent:expanded, Grid-Indent:expanded {
1446   background-image: url( theme/resources/tree/tree-expanded.png );
1447 }
1448
1449 Tree-Indent:expanded:hover, Grid-Indent:expanded:hover {
1450   background-image: url( theme/resources/tree/tree-expanded-hover.png );
1451 }
1452
1453 Tree-Indent:line, Grid-Indent:line {
1454   background-image: none;
1455 }
1456
1457 Tree-Indent:first, Grid-Indent:first {
1458   background-image: none;
1459 }
1460
1461 Tree-Indent:first:collapsed, Grid-Indent:first:collapsed {
1462   background-image: url( theme/resources/tree/tree-collapsed.png );
1463 }
1464
1465 Tree-Indent:first:collapsed:hover, Grid-Indent:first:collapsed:hover {
1466   background-image: url( theme/resources/tree/tree-collapsed-hover.png );
1467 }
1468
1469 Tree-Indent:first:expanded, Grid-Indent:first:expanded {
1470   background-image: url( theme/resources/tree/tree-expanded.png );
1471 }
1472
1473 Tree-Indent:first:expanded:hover, Grid-Indent:first:expanded:hover {
1474   background-image: url( theme/resources/tree/tree-expanded-hover.png );
1475 }
1476
1477 Tree-Indent:last, Grid-Indent:last {
1478   background-image: none;
1479 }
1480
1481 Tree-Indent:last:collapsed, Grid-Indent:last:collapsed {
1482   background-image: url( theme/resources/tree/tree-collapsed.png );
1483 }
1484
1485 Tree-Indent:last:collapsed:hover, Grid-Indent:last:collapsed:hover {
1486   background-image: url( theme/resources/tree/tree-collapsed-hover.png );
1487 }
1488
1489 Tree-Indent:last:expanded, Grid-Indent:last:expanded {
1490   background-image: url( theme/resources/tree/tree-expanded.png );
1491 }
1492
1493 Tree-Indent:last:expanded:hover, Grid-Indent:last:expanded:hover {
1494   background-image: url( theme/resources/tree/tree-expanded-hover.png );
1495 }
1496
1497 Tree-Indent:first:last, Grid-Indent:first:last {
1498   background-image: none;
1499 }
1500
1501 Tree-Indent:first:last:collapsed, Grid-Indent:first:last:collapsed {
1502   background-image: url( theme/resources/tree/tree-collapsed.png );
1503 }
1504
1505 Tree-Indent:first:last:collapsed:hover, Grid-Indent:first:last:collapsed:hover {
1506   background-image: url( theme/resources/tree/tree-collapsed-hover.png );
1507 }
1508
1509 Tree-Indent:first:last:expanded, Grid-Indent:first:last:expanded {
1510   background-image: url( theme/resources/tree/tree-expanded.png );
1511 }
1512
1513 Tree-Indent:first:last:expanded:hover, Grid-Indent:first:last:expanded:hover {
1514   background-image: url( theme/resources/tree/tree-expanded-hover.png );
1515 }
1516
1517 /* Scale default theme */
1518
1519 Scale {
1520   background-color: white;
1521   background-image: none;
1522   border-radius: 0;
1523 }
1524
1525 Scale-Thumb {
1526   background-color: #00589f;
1527   background-image: none;
1528   border: 1px solid #a4a4a4;
1529   border-radius: 2px 2px 2px 2px;
1530 }
1531
1532 /* DateTime default theme */
1533
1534 DateTime {
1535   color: #464a4e;
1536   background-color: #fcfcfc;
1537   border: none;
1538   padding: 1px 2px;
1539   font: 11px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
1540   background-image: none;
1541   text-shadow: none;
1542   box-shadow: none;
1543 }
1544
1545 DateTime-Field {
1546   color: inherit;
1547   background-color: transparent;
1548   padding: 2px 3px;
1549   text-shadow: none;
1550 }
1551
1552 DateTime[BORDER] {
1553   border: 1px solid #a4a4a4;
1554   border-radius: 2px 2px 2px 2px;
1555   background-image: gradient(
1556     linear, left top, left bottom,
1557     from( #e2e2e2 ),
1558     color-stop( 15%, #f8f8f8 ),
1559     to( #fbfbfb )
1560   );
1561 }
1562
1563 DateTime[BORDER]:focused {
1564   border: 1px solid #a4a4a4;
1565 }
1566
1567 DateTime-Calendar-Day {
1568   border: none;
1569   color: inherit;
1570   background-color: transparent;
1571   text-shadow: none;
1572 }
1573
1574 DateTime-Calendar-Day:today {
1575   border: 1px solid #ff0000;
1576 }
1577
1578 DateTime-Field:selected, DateTime-Calendar-Day:selected {
1579   background-color: #D2D2D2;
1580   color: #4a4a4a;
1581 }
1582
1583 DateTime-Calendar-Day:selected:hover {
1584   background-color: #00569c;
1585   color: white;
1586 }
1587
1588 DateTime-Calendar-Day:selected:unfocused {
1589   background-color: #c0c0c0;
1590 }
1591
1592 DateTime-Calendar-Day:otherMonth {
1593   background-color: transparent;
1594   color: #808080;
1595 }
1596
1597 DateTime-Calendar-Day:hover {
1598   background-color: #d9e3f3;
1599 }
1600
1601 DateTime-Calendar-Navbar {
1602   border: none;
1603   border-radius: 0;
1604   background-color: #00569c;
1605   color: white;
1606   font: bold 11px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
1607   text-shadow: none;
1608   background-image: none;
1609 }
1610
1611 DateTime-Calendar-PreviousMonthButton {
1612   background-image: url( theme/resources/calendar/lastMonth.png );
1613   cursor: default;
1614 }
1615
1616 DateTime-Calendar-PreviousMonthButton:hover {
1617   background-image: url( theme/resources/calendar/lastMonth-hover.png );
1618 }
1619
1620 DateTime-Calendar-NextMonthButton {
1621   background-image: url( theme/resources/calendar/nextMonth.png );
1622   cursor: default;
1623 }
1624
1625 DateTime-Calendar-NextMonthButton:hover {
1626   background-image: url( theme/resources/calendar/nextMonth-hover.png );
1627 }
1628
1629 DateTime-Calendar-PreviousYearButton {
1630   background-image: url( theme/resources/calendar/lastYear.png );
1631   cursor: default;
1632 }
1633
1634 DateTime-Calendar-PreviousYearButton:hover {
1635   background-image: url( theme/resources/calendar/lastYear-hover.png );
1636 }
1637
1638 DateTime-Calendar-NextYearButton {
1639   background-image: url( theme/resources/calendar/nextYear.png );
1640   cursor: default;
1641 }
1642
1643 DateTime-Calendar-NextYearButton:hover {
1644   background-image: url( theme/resources/calendar/nextYear-hover.png );
1645 }
1646
1647 DateTime-UpButton {
1648   background-color: transparent;
1649   background-image: gradient(
1650     linear, left top, left bottom,
1651     from( #ffffff ),
1652     to( #e0e0e0 )
1653   );
1654   width: 18px;
1655   border: none;
1656   border-left: none;
1657   border-radius: 0px 2px 0px 0px;
1658   cursor: default;
1659 }
1660
1661 DateTime-UpButton:pressed {
1662   background-image: gradient(
1663     linear, left top, left bottom,
1664     from( #ffffff ),
1665     color-stop( 52%, #e0e0e0 ),
1666     to( #b0b0b0 )
1667   );
1668 }
1669
1670 DateTime-UpButton-Icon {
1671   background-image: url( theme/resources/spinner/up.png );
1672 }
1673
1674 DateTime-UpButton-Icon:hover {
1675   background-image: url( theme/resources/spinner/up-hover.png );
1676 }
1677
1678 DateTime-DownButton {
1679   background-color: transparent;
1680   background-image: gradient(
1681     linear, left top, left bottom,
1682     from( #e0e0e0 ),
1683     to( #ffffff )
1684   );
1685   width: 18px;
1686   border: none;
1687   border-left: none;
1688   border-radius: 0px 0px 2px 0px;
1689   cursor: default;
1690 }
1691
1692 DateTime-DownButton:pressed {
1693   background-image: gradient(
1694     linear, left top, left bottom,
1695     from( #b0b0b0 ),
1696     color-stop( 52%, #e0e0e0 ),
1697     to( #ffffff )
1698   );
1699 }
1700
1701 DateTime-DropDownButton {
1702   cursor: default;
1703   background-color: transparent;
1704   border: none;
1705   border-left: none;
1706   border-radius: 0px 2px 2px 0px;
1707   background-image: gradient(
1708     linear, left top, left bottom,
1709     from( #ffffff ),
1710     color-stop( 48%, #f0f0f0 ),
1711     color-stop( 52%, #e0e0e0 ),
1712     to( #cccccc )
1713   );
1714   width: 18px;
1715 }
1716
1717 DateTime-DropDownButton-Icon {
1718   background-image: url( theme/resources/spinner/down.png );
1719 }
1720
1721 DateTime-DropDownButton-Icon:hover {
1722   background-image: url( theme/resources/spinner/down-hover.png );
1723 }
1724
1725 DateTime-DownButton-Icon {
1726   background-image: url( theme/resources/spinner/down.png );
1727 }
1728
1729 DateTime-DownButton-Icon:hover {
1730   background-image: url( theme/resources/spinner/down-hover.png );
1731 }
1732
1733
1734 DateTime-DropDownCalendar {
1735   border: 1px #a7a6aa;
1736 }
1737
1738 /* ExpandBar default theme */
1739
1740 ExpandBar {
1741   color: #4a4a4a;
1742   background-color: white;
1743 }
1744
1745 ExpandBar[BORDER] {
1746   border: 1px solid #C1C1C1;
1747   border-radius: 0;
1748 }
1749
1750 ExpandItem {
1751   border: 1px solid #c1c1c1;
1752   border-radius: 0;
1753 }
1754
1755 ExpandItem-Header {
1756   border: none;
1757   border-radius: 0;
1758   cursor: pointer;
1759   background-image: gradient(
1760     linear, left top, left bottom,
1761     from( #ffffff ),
1762     color-stop( 55%, #e0e0e0 ),
1763     to( #f0f0f0 )
1764   );
1765   text-shadow: none;
1766 }
1767
1768 ExpandItem-Header:disabled {
1769   cursor: default;
1770 }
1771
1772 ExpandItem-Button {
1773   background-image: url( theme/resources/expanditem/expanditem-expand.png );
1774 }
1775
1776 ExpandItem-Button:hover {
1777   background-image: url( theme/resources/expanditem/expanditem-expand-hover.png );
1778 }
1779
1780 ExpandItem-Button:expanded {
1781   background-image: url( theme/resources/expanditem/expanditem-collapse.png );
1782 }
1783
1784 ExpandItem-Button:expanded:hover {
1785   background-image: url( theme/resources/expanditem/expanditem-collapse-hover.png );
1786 }
1787
1788 /* Sash default theme */
1789
1790 Sash {
1791   border: none;
1792   background-image: none;
1793   background-color: transparent;
1794 }
1795
1796 Sash[BORDER] {
1797   border: 1px solid #a4a4a4;
1798 }
1799
1800 Sash:hover {
1801   background-color: #dae9f7;
1802 }
1803
1804 Sash-Handle {
1805   background-image: none;
1806 }
1807
1808 /* Slider default theme */
1809
1810 Slider {
1811   border: none;
1812   border-radius: 0;
1813   background-color: #f3f3f4;
1814 }
1815
1816 /* Thumb */
1817
1818 Slider-Thumb {
1819   background-color: transparent;
1820   border: 1px solid #a4a4a4;
1821   border-radius: 2px 2px 2px 2px;
1822   background-image: none;
1823 }
1824
1825 Slider-Thumb[HORIZONTAL] {
1826   background-image: gradient(
1827     linear, left top, left bottom,
1828     from( #ffffff ),
1829     color-stop( 48%, #f0f0f0 ),
1830     color-stop( 52%, #e0e0e0 ),
1831     to( #cccccc )
1832   );
1833 }
1834
1835 Slider-Thumb[HORIZONTAL]:pressed {
1836   background-image: gradient(
1837     linear, left top, left bottom,
1838     from( #e0e0e0 ),
1839     color-stop( 52%, #e0e0e0 ),
1840     to( #b0b0b0 )
1841   );
1842 }
1843
1844 Slider-Thumb[VERTICAL] {
1845   background-image: gradient(
1846     linear, left top, right top,
1847     from( #ffffff ),
1848     color-stop( 48%, #f0f0f0 ),
1849     color-stop( 52%, #e0e0e0 ),
1850     to( #cccccc )
1851   );
1852 }
1853
1854 Slider-Thumb[VERTICAL]:pressed {
1855   background-image: gradient(
1856     linear, left top, right top,
1857     from( #e0e0e0 ),
1858     color-stop( 52%, #e0e0e0 ),
1859     to( #b0b0b0 )
1860   );
1861 }
1862
1863 /* Buttons */
1864
1865 Slider-UpButton, Slider-DownButton {
1866   background-color: transparent;
1867   border: 1px solid #a4a4a4;
1868   cursor: default;
1869   padding: 0;
1870 }
1871
1872 Slider-UpButton[HORIZONTAL], Slider-DownButton[HORIZONTAL] {
1873   background-image: gradient(
1874     linear, left top, left bottom,
1875     from( #ffffff ),
1876     color-stop( 48%, #f0f0f0 ),
1877     color-stop( 52%, #e0e0e0 ),
1878     to( #cccccc )
1879   );
1880 }
1881
1882 Slider-UpButton[VERTICAL], Slider-DownButton[VERTICAL] {
1883   background-image: gradient(
1884     linear, left top, right top,
1885     from( #ffffff ),
1886     color-stop( 48%, #f0f0f0 ),
1887     color-stop( 52%, #e0e0e0 ),
1888     to( #cccccc )
1889   );
1890 }
1891
1892 Slider-UpButton[HORIZONTAL]:pressed, Slider-DownButton[HORIZONTAL]:pressed {
1893   background-image: gradient(
1894     linear, left top, left bottom,
1895     from( #e0e0e0 ),
1896     color-stop( 52%, #e0e0e0 ),
1897     to( #b0b0b0 )
1898   );
1899 }
1900
1901 Slider-UpButton[VERTICAL]:pressed, Slider-DownButton[VERTICAL]:pressed {
1902   background-image: gradient(
1903     linear, left top, right top,
1904     from( #e0e0e0 ),
1905     color-stop( 52%, #e0e0e0 ),
1906     to( #b0b0b0 )
1907   );
1908 }
1909
1910 /* Rounded Borders */
1911
1912 Slider-UpButton[HORIZONTAL] {
1913   border-radius: 0px 2px 2px 0px;
1914 }
1915
1916 Slider-UpButton[VERTICAL] {
1917   border-radius: 0px 0px 2px 2px;
1918 }
1919
1920 Slider-DownButton[HORIZONTAL] {
1921   border-radius: 2px 0px 0px 2px;
1922 }
1923
1924 Slider-DownButton[VERTICAL] {
1925   border-radius: 2px 2px 0px 0px;
1926 }
1927
1928 /* Button Icons */
1929
1930 Slider-UpButton-Icon[HORIZONTAL] {
1931   background-image: url( theme/resources/slider/right.png );
1932 }
1933
1934 Slider-UpButton-Icon[HORIZONTAL]:hover {
1935   background-image: url( theme/resources/slider/right-hover.png );
1936 }
1937
1938 Slider-UpButton-Icon[VERTICAL] {
1939   background-image: url( theme/resources/spinner/down.png );
1940 }
1941
1942 Slider-UpButton-Icon[VERTICAL]:hover {
1943   background-image: url( theme/resources/spinner/down-hover.png );
1944 }
1945
1946 Slider-DownButton-Icon[HORIZONTAL] {
1947   background-image: url( theme/resources/slider/left.png );
1948 }
1949
1950 Slider-DownButton-Icon[HORIZONTAL]:hover {
1951   background-image: url( theme/resources/slider/left-hover.png );
1952 }
1953
1954 Slider-DownButton-Icon[VERTICAL] {
1955   background-image: url( theme/resources/spinner/up.png );
1956 }
1957
1958 Slider-DownButton-Icon[VERTICAL]:hover {
1959   background-image: url( theme/resources/spinner/up-hover.png );
1960 }
1961
1962 /* ToolTip default theme */
1963
1964 ToolTip {
1965   cursor: default;
1966   border: 1px solid #a4a4a4;
1967   border-radius: 5px 5px 5px 5px;
1968   padding: 3px 3px 3px 3px;
1969   opacity: 1;
1970   color: #000000;
1971   background-image : gradient(
1972     linear, left top, left bottom,
1973     from( #ffffff ),
1974     to( #e4e5f0 )
1975   );
1976   font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
1977   background-color: #fcfcfc;
1978   animation: fadeIn 200ms linear, fadeOut 600ms ease-out;
1979   box-shadow: 4px 4px 2px rgba( 0, 0, 0, 0.4 );
1980 }
1981
1982 ToolTip-Image[ICON_ERROR] {
1983   background-image: url( theme/resources/tooltip/error.png );
1984 }
1985
1986 ToolTip-Image[ICON_INFORMATION] {
1987   background-image: url( theme/resources/tooltip/information.png );
1988 }
1989
1990 ToolTip-Image[ICON_WARNING] {
1991   background-image: url( theme/resources/tooltip/warning.png );
1992 }
1993
1994 ToolTip-Text {
1995   color: #003399;
1996   font: bold 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
1997   text-shadow: none;
1998 }
1999
2000 ToolTip-Message {
2001   color: #000000;
2002   font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
2003   text-shadow: none;
2004 }
2005
2006 /* CCombo default theme */
2007
2008 CCombo {
2009   border: none;
2010   font: 11px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
2011   background-color: #fcfcfc;
2012   color: #464a4e;
2013   border-radius: 0;
2014   background-image: none;
2015   text-shadow: none;
2016   box-shadow: none;
2017 }
2018
2019 CCombo[BORDER] {
2020   border: 1px solid #c1c1c1;
2021   border-radius: 2px;
2022   background-image: gradient(
2023     linear, left top, left bottom,
2024     from( #e2e2e2 ),
2025     color-stop( 15%, #f8f8f8 ),
2026     to( #fbfbfb )
2027   );
2028   box-shadow: none;
2029 }
2030
2031 CCombo[BORDER]:focused {
2032   box-shadow: none;
2033   border: none;
2034 }
2035
2036 CCombo[BORDER]:focused {
2037   box-shadow: none;
2038   border: 1px solid #c1c1c1;
2039 }
2040
2041 CCombo-Button {
2042   cursor: default;
2043   background-color: transparent;
2044   border: none;
2045   border-left: none;
2046   border-radius: 0px 2px 2px 0px;
2047   background-image: gradient(
2048     linear, left top, left bottom,
2049     from( #ffffff ),
2050     color-stop( 48%, #f0f0f0 ),
2051     color-stop( 52%, #e0e0e0 ),
2052     to( #cccccc )
2053   );
2054   width: 18px;
2055 }
2056
2057 CCombo-Button:pressed {
2058   background-image: gradient(
2059     linear, left top, left bottom,
2060     from( #e0e0e0 ),
2061     color-stop( 52%, #e0e0e0 ),
2062     to( #b0b0b0 )
2063   );
2064 }
2065
2066 CCombo-Button-Icon {
2067   background-image: url( theme/resources/ccombo/down.png );
2068 }
2069
2070 CCombo-Button-Icon:hover {
2071   background-image: url( theme/resources/ccombo/down-hover.png );
2072 }
2073
2074 CCombo-Button[FLAT] {
2075   border: none;
2076 }
2077
2078 CCombo-Button[FLAT]:hover {
2079   border: 1px outset;
2080 }
2081
2082 CCombo-List {
2083   border: 1px solid #c1c1c1;
2084   border-radius: 0px 0px 2px 2px;
2085   box-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.4 );
2086 }
2087
2088 CCombo-List-Item {
2089   color: inherit;
2090   background-color: transparent;
2091   background-image: none;
2092   text-decoration: none;
2093   text-shadow: none;
2094   padding: 4px 6px;
2095 }
2096
2097 CCombo-List-Item:hover, CCombo-List-Item:even:hover {
2098   background-image: gradient(
2099     linear, left top, left bottom,
2100     from( #dae9f7 ),
2101     to( #d2e0ee )
2102   );
2103 }
2104
2105 CCombo-List-Item:selected, CCombo-List-Item:even:selected {
2106   color: white;
2107   background-image: gradient(
2108     linear, left top, left bottom,
2109     from( #0078Bf ),
2110     to( #00589f )
2111   );
2112 }
2113
2114 CCombo-Field {
2115   padding: 2px 3px;
2116 }
2117
2118 CCombo-FocusIndicator {
2119   background-color: transparent;
2120   border: 1px dotted #b8b8b8;
2121   margin: 1px 19px 1px 1px;
2122   opacity: 1;
2123 }
2124
2125 /* CLabel default theme */
2126
2127 CLabel {
2128   color: #4a4a4a;
2129   background-color: white;
2130   background-image: none;
2131   background-repeat: repeat;
2132   background-position: left top;
2133   border: none;
2134   padding: 3px;
2135   spacing: 5px;
2136   cursor: default;
2137   opacity: 1;
2138   text-shadow: none;
2139 }
2140
2141 CLabel[BORDER] {
2142   border: 1px solid #a4a4a4;
2143   border-radius: 2px;
2144 }
2145
2146 /* Browser default theme */
2147
2148 Browser {
2149   border: none;
2150 }
2151
2152 Browser[BORDER] {
2153   border: 1px solid #a4a4a4;
2154 }
2155
2156 /* ScrollBar default theme */
2157
2158 ScrollBar {
2159   border: none;
2160   background-color: #f3f3f4;
2161   border-radius: 3px 3px 3px 3px;
2162   width: 15px;
2163   background-image: none;
2164   opacity: 1;
2165 }
2166
2167 ScrollBar-Thumb {
2168   background-color: transparent;
2169   border: 1px solid #b4b4b4;
2170   border-radius: 0px;
2171   background-image: none;
2172   min-height: 20px;
2173 }
2174
2175 ScrollBar-Thumb:pressed {
2176   border: 1px solid #999999;
2177 }
2178
2179 ScrollBar-UpButton, ScrollBar-DownButton {
2180   background-color: transparent;
2181   border: 1px solid #b4b4b4;
2182   cursor: default;
2183 }
2184
2185 /* Rounded Borders */
2186
2187 ScrollBar-UpButton[HORIZONTAL] {
2188   border-radius: 0px 3px 3px 0px;
2189 }
2190
2191 ScrollBar-UpButton[VERTICAL] {
2192   border-radius: 0px 0px 3px 3px;
2193 }
2194
2195 ScrollBar-DownButton[HORIZONTAL] {
2196   border-radius: 3px 0px 0px 3px;
2197 }
2198
2199 ScrollBar-DownButton[VERTICAL] {
2200   border-radius: 3px 3px 0px 0px;
2201 }
2202
2203 /* Icons */
2204
2205 ScrollBar-Thumb-Icon[VERTICAL] {
2206   background-image: url( theme/resources/scrollbar/v-knob.png );
2207 }
2208
2209 ScrollBar-Thumb-Icon[HORIZONTAL] {
2210   background-image: url( theme/resources/scrollbar/h-knob.png );
2211 }
2212
2213 ScrollBar-UpButton-Icon[VERTICAL] {
2214   background-image: url( theme/resources/spinner/down.png );
2215 }
2216
2217 ScrollBar-UpButton-Icon[VERTICAL]:hover {
2218   background-image: url( theme/resources/spinner/down-hover.png );
2219 }
2220
2221 ScrollBar-UpButton-Icon[HORIZONTAL] {
2222   background-image: url( theme/resources/scrollbar/right.png );
2223 }
2224
2225 ScrollBar-UpButton-Icon[HORIZONTAL]:hover {
2226   background-image: url( theme/resources/scrollbar/right-hover.png );
2227 }
2228
2229 ScrollBar-DownButton-Icon[VERTICAL] {
2230   background-image: url( theme/resources/spinner/up.png );
2231 }
2232
2233 ScrollBar-DownButton-Icon[VERTICAL]:hover {
2234   background-image: url( theme/resources/spinner/up-hover.png );
2235 }
2236
2237 ScrollBar-DownButton-Icon[HORIZONTAL] {
2238   background-image: url( theme/resources/scrollbar/left.png );
2239 }
2240
2241 ScrollBar-DownButton-Icon[HORIZONTAL]:hover {
2242   background-image: url( theme/resources/scrollbar/left-hover.png );
2243 }
2244
2245 /* Gradients */
2246
2247 ScrollBar-Thumb[VERTICAL], ScrollBar-UpButton[VERTICAL], ScrollBar-DownButton[VERTICAL] {
2248   background-image: gradient(
2249     linear, left top, right top,
2250     from( #ffffff ),
2251     color-stop( 38%, #f0f0f0 ),
2252     color-stop( 62%, #e0e0e0 ),
2253     to( #ffffff )
2254   );
2255 }
2256
2257 ScrollBar-Thumb[VERTICAL]:hover, ScrollBar-UpButton[VERTICAL]:hover, ScrollBar-DownButton[VERTICAL]:hover {
2258   background-image: gradient(
2259     linear, left top, right top,
2260     from( #ffffff ),
2261     color-stop( 42%, #f0f0f0 ),
2262     color-stop( 58%, #e0e0e0 ),
2263     to( #cccccc )
2264   );
2265 }
2266
2267 ScrollBar-Thumb[VERTICAL]:pressed, ScrollBar-UpButton[VERTICAL]:pressed, ScrollBar-DownButton[VERTICAL]:pressed {
2268   background-image: gradient(
2269     linear, left top, right top,
2270     from( #e0e0e0 ),
2271     color-stop( 52%, #e0e0e0 ),
2272     to( #b0b0b0 )
2273   );
2274 }
2275
2276 ScrollBar-Thumb[HORIZONTAL], ScrollBar-UpButton[HORIZONTAL], ScrollBar-DownButton[HORIZONTAL] {
2277   background-image: gradient(
2278     linear, left top, left bottom,
2279     from( #ffffff ),
2280     color-stop( 38%, #f0f0f0 ),
2281     color-stop( 62%, #e0e0e0 ),
2282     to( #ffffff )
2283   );
2284 }
2285
2286 ScrollBar-Thumb[HORIZONTAL]:hover, ScrollBar-UpButton[HORIZONTAL]:hover, ScrollBar-DownButton[HORIZONTAL]:hover{
2287   background-image: gradient(
2288     linear, left top, left bottom,
2289     from( #ffffff ),
2290     color-stop( 42%, #f0f0f0 ),
2291     color-stop( 58%, #e0e0e0 ),
2292     to( #cccccc )
2293   );
2294 }
2295
2296 ScrollBar-Thumb[HORIZONTAL]:pressed, ScrollBar-UpButton[HORIZONTAL]:pressed, ScrollBar-DownButton[HORIZONTAL]:pressed {
2297   background-image: gradient(
2298     linear, left top, left bottom,
2299     from( #e0e0e0 ),
2300     color-stop( 52%, #e0e0e0 ),
2301     to( #b0b0b0 )
2302   );
2303 }
2304
2305 /******************************************************************************
2306  * Custom variants for workbench styling
2307  ******************************************************************************/
2308
2309 /* Button */
2310
2311 Button.clearButton {
2312   color: #4a4a4a;
2313   background-color: transparent;
2314   background-image: none;
2315   border: none;
2316   padding: 2px;
2317 }
2318
2319 Button.clearButton:pressed, Button.clearButton:hover {
2320   background-image: none;
2321 }
2322
2323 Button-FocusIndicator.clearButton {
2324   border: none;
2325 }
2326
2327 Button.configMenuButton {
2328   color: #4a4a4a;
2329   background-color: transparent;
2330   background-image: none;
2331   border: none;
2332   padding: 1px;
2333 }
2334
2335 Button.configMenuButton:hover, Button.configMenuButton:selected, Button.configMenuButton:pressed {
2336   background-image: none;
2337 }
2338
2339 Button-FocusIndicator.configMenuButton{
2340   border: none;
2341 }
2342
2343 Button.viewClose {
2344   color: #4a4a4a;
2345   background-color: transparent;
2346   background-image: url( img/business/stack_tab_active_close_active.png );
2347   border: none;
2348   padding: 2px;
2349 }
2350
2351 Button.viewClose:pressed {
2352   background-image: url( img/business/stack_tab_active_close_active.png );
2353 }
2354
2355 Button.viewClose:hover {
2356   background-image: url( img/business/stack_tab_active_close_active_hover.png );
2357 }
2358
2359 Button-FocusIndicator.viewClose {
2360   border: none;
2361 }
2362
2363 Button.viewCloseInactive {
2364   color: #4a4a4a;
2365   background-color: transparent;
2366   background-image: url( img/business/stack_tab_inactive_close_active.png );
2367   border: none;
2368 }
2369
2370 Button.viewCloseInactive:pressed {
2371   background-image: url( img/business/stack_tab_inactive_close_active.png );
2372 }
2373
2374 Button.viewCloseInactive:hover {
2375   background-image: url( img/business/stack_tab_inactive_close_active_hover.png );
2376 }
2377
2378 Button-FocusIndicator.viewCloseInactive {
2379   border: none;
2380 }
2381
2382 Button.toolbarOverflowInactive {
2383   color: #4a4a4a;
2384   background-color: transparent;
2385   background-image: url( img/business/toolbar_overflow.png );
2386   border: none;
2387   padding: 2px;
2388 }
2389
2390 Button.toolbarOverflowInactive:pressed {
2391   background-image: url( img/business/toolbar_overflow.png );
2392 }
2393
2394 Button.toolbarOverflowInactive:hover {
2395   background-image: url( img/business/toolbar_overflow_hover.png );
2396 }
2397
2398 Button-FocusIndicator.toolbarOverflowInactive {
2399   border: none;
2400 }
2401
2402 Button.toolbarOverflowActive {
2403   color: #4a4a4a;
2404   background-color: transparent;
2405   background-image: url( img/business/toolbar_overflow_active.png );
2406   border: none;
2407   padding: 2px;
2408 }
2409
2410 Button.toolbarOverflowActive:pressed {
2411   background-image: url( img/business/toolbar_overflow_active.png );
2412 }
2413
2414 Button.toolbarOverflowActive:hover {
2415   background-image: url( img/business/toolbar_overflow_hover_active.png );
2416 }
2417
2418 Button-FocusIndicator.toolbarOverflowActive {
2419   border: none;
2420 }
2421
2422 Button.partActive {
2423   background-color: transparent;
2424   background-image: none;
2425   border: none;
2426   color: #fcfcfc;
2427   font: 11px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
2428 }
2429
2430 Button.partActive:pressed, Button.partActive:hover {
2431   background-image: none;
2432 }
2433
2434 Button-FocusIndicator.partActive {
2435   border: none;
2436 }
2437
2438 Button.partInactive {
2439   background-color: transparent;
2440   background-image: none;
2441   border: none;
2442   color: #666666;
2443   font: 11px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
2444 }
2445
2446 Button.partInactive:pressed, Button.partInactive:hover {
2447   background-image: none;
2448 }
2449
2450 Button-FocusIndicator.partInactive {
2451   border: none;
2452 }
2453
2454 Button.partInActiveActive {
2455   background-color: transparent;
2456   background-image: none;
2457   border: none;
2458   color: #fcfcfc;
2459   font: 11px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
2460 }
2461
2462 Button.partInActiveActive:pressed, Button.partInActiveActive:hover {
2463   background-image: none;
2464 }
2465
2466 Button-FocusIndicator.partInActiveActive {
2467   border: none;
2468 }
2469
2470 Button.perspective {
2471   background-color: transparent;
2472   background-image: none;
2473   border: none;
2474   color: #005091;
2475   font: 11px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
2476 }
2477
2478 Button.perspective:hover {
2479   font: bold 11px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
2480   background-image: none;
2481 }
2482
2483 Button.perspective:pressed {
2484   background-image: none;
2485 }
2486
2487 Button-FocusIndicator.perspective {
2488   border: none;
2489 }
2490
2491 Button.perspectiveActive {
2492   color: #005091;
2493   background-color: transparent;
2494   background-image: none;
2495   border: none;
2496   font: bold 11px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
2497 }
2498
2499 Button.perspectiveActive:pressed, Button.perspectiveActive:hover {
2500   background-image: none;
2501 }
2502
2503 Button-FocusIndicator.perspectiveActive {
2504   border: none;
2505 }
2506
2507 Button.tabOverflowActive {
2508   color: #4a4a4a;
2509   background-color: transparent;
2510   border: none;
2511   padding: 2px;
2512   background-image: url( img/business/stack_tab_overflow_active.png );
2513 }
2514
2515 Button.tabOverflowActive:pressed {
2516   background-image: url( img/business/stack_tab_overflow_active.png );
2517 }
2518
2519 Button.tabOverflowActive:hover {
2520   background-image: url( img/business/stack_tab_overflow_active_hover.png );
2521 }
2522
2523 Button-FocusIndicator.tabOverflowActive {
2524   border: none;
2525 }
2526
2527 Button.tabOverflowInactive {
2528   color: #4a4a4a;
2529   background-color: transparent;
2530   border: none;
2531   padding: 2px;
2532   background-image: url( img/business/stack_tab_overflow_inactive.png );
2533 }
2534
2535 Button.tabOverflowInactive:pressed {
2536   background-image: url( img/business/stack_tab_overflow_inactive.png );
2537 }
2538
2539 Button.tabOverflowInactive:hover {
2540   background-image: url( img/business/stack_tab_overflow_inactive_hover.png );
2541 }
2542
2543 Button-FocusIndicator.tabOverflowInactive {
2544   border: none;
2545 }
2546
2547 /* Shell */
2548
2549 .shellGray {
2550   background-color: #ebebeb;
2551 }
2552
2553 Shell.toolbarLayer {
2554   background-color: #ffffff;
2555   border: none;
2556 }
2557
2558 Shell-DisplayOverlay.confDialog {
2559   animation: fadeIn 150ms linear, fadeOut 400ms ease-out;
2560   background-image: none;
2561   background-color: #999999;
2562   opacity: 0.5;
2563 }
2564
2565 /* Label */
2566
2567 Label.menuBorder {
2568   background-color: #dddddd;
2569 }
2570
2571 Label.stackBorder {
2572   background-color: #ebebeb;
2573 }
2574
2575 Label.standaloneView {
2576   background-color: transparent;
2577   border: none;
2578   color: #666666;
2579   font: 11px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
2580 }
2581
2582 /* Custom Variants */
2583
2584 .compGray {
2585   background-color: #ebebeb;
2586 }
2587
2588 .compTrans {
2589   background-color: transparent;
2590 }
2591
2592 .partBorder {
2593   border: #eb0000;
2594 }
2595
2596 /* Composite */
2597
2598 Composite.tabActive {
2599   border: 1px solid #00589f;
2600   border-radius: 0px 7px 0px 0px;
2601 }
2602
2603 Composite.tabInactive {
2604   border: 1px solid #949494;
2605   border-radius: 0px 7px 0px 0px;
2606 }
2607
2608 Composite.inactiveButton {
2609   background-color: transparent;
2610   border: none;
2611 }
2612
2613 /* Header Toolbar */
2614
2615 ToolBar.header-toolbar {
2616   padding: 0px 0px 0px 5px;
2617   color: white;
2618   spacing: 25px;
2619 }
2620
2621 ToolItem.header-toolbar {
2622   color: white;
2623   border: none;
2624   padding: 3px 5px 3px 7px;
2625   spacing: 10px;
2626 }
2627
2628 ToolItem.header-toolbar:hover {
2629   background-color: transparent;
2630   background-image: gradient(
2631     linear, left top, left bottom,
2632     from( #196eb3 ),
2633     to( #00447a )
2634   );
2635   color: white;
2636   border: 1px solid #004e8d;
2637   padding: 3px 5px 3px 7px;
2638 }
2639
2640 ToolItem-DropDownIcon.header-toolbar {
2641   background-image: url( img/business/toolbar_arrow.png );
2642   border: none;
2643 }
2644
2645 ToolItem-DropDownIcon.header-toolbar:hover {
2646   background-image: url( img/business/toolbar_arrow.png );
2647   border: 1px solid #004e8d;
2648 }
2649
2650 Menu.header-toolbar {
2651   color: #3b8fc2;
2652   background-color: white;
2653   border: 1px solid #005499;
2654   border-radius: 0px 0px 2px 2px;
2655 }
2656
2657 MenuItem.header-toolbar {
2658   color: #004277;
2659 }
2660
2661 MenuItem.header-toolbar:hover {
2662   color: #0369bc;
2663   background-color: transparent;
2664 }
2665
2666
2667 /* Header overflow toolbar */
2668
2669 ToolItem.header-overflow {
2670   color: #004277;
2671   border: none;
2672   padding: 0px 25px 0px 0px;
2673 }
2674
2675 ToolItem.header-overflow:hover {
2676   background-color: transparent;
2677   color: #0369bc;
2678   border: none;
2679 }
2680
2681 ToolItem-DropDownIcon.header-overflow {
2682   background-image: url( img/business/toolbar_overflow_arrow.png );
2683 }
2684
2685 ToolItem-DropDownIcon.header-overflow:hover {
2686   background-image: url( img/business/toolbar_overflow_arrow.png );
2687   border: none;
2688 }
2689
2690 Menu.header-overflow {
2691   color: #656565;
2692   background-color: white;
2693   border: 1px #005499;
2694   border-radius: 2px;
2695 }
2696
2697 MenuItem.header-overflow {
2698   color: #004277;
2699 }
2700
2701 MenuItem.header-overflow:hover {
2702   color: #0369bc;
2703   background-color: transparent;
2704 }
2705
2706 /* MenuBar */
2707
2708 ToolBar.menuBar {
2709   background-color: transparent;
2710   padding: 0px;
2711   color: #0059a5;
2712   spacing: 25px;
2713 }
2714
2715 ToolItem.menuBar {
2716   background-color: transparent;
2717   background-image: none;
2718   border: none;
2719   color: #0059a5;
2720   padding: 0px 10px 0px 10px;
2721   spacing: 5px;
2722 }
2723
2724 ToolItem.menuBar:hover {
2725   background-color: transparent;
2726   background-image: gradient(
2727     linear, left top, left bottom,
2728     from( #ffffff ),
2729     to( #f1f1f1 )
2730   );
2731   border: 1px solid #cccccc;
2732   border-radius: 2px 2px 0px 0px;
2733   color: #0059a5;
2734   padding: 0px 10px 0px 10px;
2735 }
2736
2737 ToolItem-DropDownIcon.menuBar {
2738   background-image: url( img/business/menu_arrow.png );
2739 }
2740
2741 ToolItem-DropDownIcon.menuBar:hover {
2742   background-image: url( img/business/menu_arrow.png );
2743   border: 1px solid #cccccc;
2744 }
2745
2746 Menu.menuBar {
2747   color: #0059a5;
2748   background-color: white;
2749   border: 1px solid #cccccc;
2750   border-radius: 0px 0px 2px 2px;
2751 }
2752
2753 MenuItem.menuBar {
2754   color: #004277;
2755 }
2756
2757 MenuItem.menuBar:hover {
2758   color: #0369bc;
2759   background-color: transparent;
2760 }
2761
2762 /* View ToolBar */
2763
2764 ToolBar.viewToolbar {
2765   background-color: transparent;
2766   padding: 1px 2px;
2767   spacing: 2px;
2768 }
2769
2770 ToolItem.viewToolbar {
2771   border: none;
2772 }
2773
2774 ToolItem:selected.viewToolbar {
2775   padding: 0px;
2776   border: 1px solid #0059a5;
2777 }
2778
2779 ToolItem-DropDownIcon.viewToolbar {
2780   background-image: url( img/business/viewMenu.png );
2781   border: none;
2782 }
2783
2784 /* FileUpload */
2785
2786 FileUpload {
2787   font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
2788   border: 1px solid #A4A4A4;
2789   border-radius: 3px;
2790   padding: 2px 5px;
2791   spacing: 2px;
2792   color: #4a4a4a;
2793   background-color: #ffffff;
2794   background-image: gradient(
2795     linear, left top, left bottom,
2796     from( #ffffff ),
2797     color-stop( 48%, #f0f0f0 ),
2798     color-stop( 52%, #e0e0e0 ),
2799     to( #ffffff )
2800   );
2801   background-repeat: repeat;
2802   background-position: left top;
2803   animation: hoverOut 500ms ease-out;
2804   cursor: pointer;
2805   text-shadow: none;
2806   opacity: 1;
2807 }
2808
2809 FileUpload:disabled {
2810   cursor: default;
2811 }
2812
2813 FileUpload:hover {
2814   background-image: gradient(
2815     linear, left top, left bottom,
2816     from( #ffffff ),
2817     color-stop( 48%, #f0f0f0 ),
2818     color-stop( 52%, #e0e0e0 ),
2819     to( #cccccc )
2820   );
2821 }
2822
2823 FileUpload:pressed {
2824   animation: none;
2825   background-image: gradient(
2826     linear, left top, left bottom,
2827     from( #e0e0e0 ),
2828     color-stop( 52%, #e0e0e0 ),
2829     to( #b0b0b0 )
2830   );
2831   padding: 4px 5px 2px 7px;
2832 }
2833
2834 FileUpload-FocusIndicator {
2835   background-color: transparent;
2836   border: 1px dotted #b8b8b8;
2837   margin: 2px;
2838   padding: 0px;
2839   opacity: 1;
2840 }
2841
2842 SystemMessage-DisplayOverlay {
2843   background-color: rgba( 128, 128, 128, 0.3 );
2844   background-image: none;
2845 }