.x-panel-header-text-container-default {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #404040; }

.x-panel-header-default .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a; }

.x-panel-header-default-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-default-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-default-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-default-vertical .x-panel-header-text-container {
  display: none; }

.x-panel-header-text-container-default-framed {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #404040; }

.x-panel-header-default-framed .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a; }

.x-panel-header-default-framed-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-default-framed-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-default-framed-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-default-framed-vertical .x-panel-header-text-container {
  display: none; }

.x-ie7 [class$="-mc"], .x-ie8 [class$="-mc"] {
  margin-top: -1px !important;
  margin-left: -1px !important; }

/*
==============================================================
===================== start ui-button ========================
*/
.x-btn-blue-button-small {
  border-color: #1874c1; }

body.x-nbr .x-btn-blue-button-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-blue-button-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #1979ca; }

.x-btn-blue-button-small .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-blue-button-small-icon button,
.x-btn-blue-button-small-icon a,
.x-btn-blue-button-small-icon .x-btn-inner,
.x-btn-blue-button-small-noicon button,
.x-btn-blue-button-small-noicon a,
.x-btn-blue-button-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-blue-button-small-icon button,
.x-btn-blue-button-small-icon a {
  padding: 0; }
.x-btn-blue-button-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-blue-button-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-blue-button-small-icon-text-left button,
.x-btn-blue-button-small-icon-text-left a {
  height: 16px; }
.x-btn-blue-button-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-blue-button-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-blue-button-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-blue-button-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-blue-button-small-icon-text-right button,
.x-btn-blue-button-small-icon-text-right a {
  height: 16px; }
.x-btn-blue-button-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-blue-button-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-blue-button-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-blue-button-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-blue-button-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-blue-button-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-blue-button-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-blue-button-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-blue-button-small-over {
  border-color: #1a7ccf;
  background-image: none;
  background-color: #1b81d8; }

.x-btn-blue-button-small-focus {
  border-color: #1a7ccf;
  background-image: none;
  background-color: #1b81d8; }

.x-btn-blue-button-small-menu-active,
.x-btn-blue-button-small-pressed {
  border-color: #1566aa;
  background-image: none;
  background-color: #166bb3; }

.x-btn-blue-button-small-disabled {
  border-color: #3c99e7;
  background-image: none;
  background-color: #3c99e7; }

.x-btn-blue-button-medium {
  border-color: #1874c1; }

body.x-nbr .x-btn-blue-button-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-blue-button-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #1979ca; }

.x-btn-blue-button-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-blue-button-medium-icon button,
.x-btn-blue-button-medium-icon a,
.x-btn-blue-button-medium-icon .x-btn-inner,
.x-btn-blue-button-medium-noicon button,
.x-btn-blue-button-medium-noicon a,
.x-btn-blue-button-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-blue-button-medium-icon button,
.x-btn-blue-button-medium-icon a {
  padding: 0; }
.x-btn-blue-button-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-blue-button-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-blue-button-medium-icon-text-left button,
.x-btn-blue-button-medium-icon-text-left a {
  height: 24px; }
.x-btn-blue-button-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-blue-button-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-blue-button-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-blue-button-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-blue-button-medium-icon-text-right button,
.x-btn-blue-button-medium-icon-text-right a {
  height: 24px; }
.x-btn-blue-button-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-blue-button-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-blue-button-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-blue-button-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-blue-button-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-blue-button-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-blue-button-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-blue-button-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-blue-button-medium-over {
  border-color: #1a7ccf;
  background-image: none;
  background-color: #1b81d8; }

.x-btn-blue-button-medium-focus {
  border-color: #1a7ccf;
  background-image: none;
  background-color: #1b81d8; }

.x-btn-blue-button-medium-menu-active,
.x-btn-blue-button-medium-pressed {
  border-color: #1566aa;
  background-image: none;
  background-color: #166bb3; }

.x-btn-blue-button-medium-disabled {
  border-color: #3c99e7;
  background-image: none;
  background-color: #3c99e7; }

.x-btn-blue-button-large {
  border-color: #1874c1; }

body.x-nbr .x-btn-blue-button-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-blue-button-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #1979ca; }

.x-btn-blue-button-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-blue-button-large-icon button,
.x-btn-blue-button-large-icon a,
.x-btn-blue-button-large-icon .x-btn-inner,
.x-btn-blue-button-large-noicon button,
.x-btn-blue-button-large-noicon a,
.x-btn-blue-button-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-blue-button-large-icon button,
.x-btn-blue-button-large-icon a {
  padding: 0; }
.x-btn-blue-button-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-blue-button-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-blue-button-large-icon-text-left button,
.x-btn-blue-button-large-icon-text-left a {
  height: 32px; }
.x-btn-blue-button-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-blue-button-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-blue-button-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-blue-button-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-blue-button-large-icon-text-right button,
.x-btn-blue-button-large-icon-text-right a {
  height: 32px; }
.x-btn-blue-button-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-blue-button-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-blue-button-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-blue-button-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-blue-button-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-blue-button-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-blue-button-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-blue-button-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-blue-button-large-over {
  border-color: #1a7ccf;
  background-image: none;
  background-color: #1b81d8; }

.x-btn-blue-button-large-focus {
  border-color: #1a7ccf;
  background-image: none;
  background-color: #1b81d8; }

.x-btn-blue-button-large-menu-active,
.x-btn-blue-button-large-pressed {
  border-color: #1566aa;
  background-image: none;
  background-color: #166bb3; }

.x-btn-blue-button-large-disabled {
  border-color: #3c99e7;
  background-image: none;
  background-color: #3c99e7; }

.x-btn-blue-button-small .x-btn-icon-el {
  height: 16px; }
.x-btn-blue-button-small .x-btn-glyph {
  line-height: 16px;
  color: white;
  font-size: 20px; }
.x-btn-blue-button-small.x-btn-over .x-btn-glyph {
  color: white; }
.x-btn-blue-button-small.x-btn-pressed .x-btn-glyph, .x-btn-blue-button-small.x-btn-menu-active .x-btn-glyph {
  color: white; }

.x-btn-blue-button-medium .x-btn-icon-el {
  height: 24px; }
.x-btn-blue-button-medium .x-btn-glyph {
  line-height: 24px;
  color: white;
  font-size: 28px; }
.x-btn-blue-button-medium.x-btn-over .x-btn-glyph {
  color: white; }
.x-btn-blue-button-medium.x-btn-pressed .x-btn-glyph, .x-btn-blue-button-medium.x-btn-menu-active .x-btn-glyph {
  color: white; }

.x-btn-blue-button-large .x-btn-icon-el {
  height: 32px; }
.x-btn-blue-button-large .x-btn-glyph {
  line-height: 32px;
  color: white;
  font-size: 36px; }
.x-btn-blue-button-large.x-btn-over .x-btn-glyph {
  color: white; }
.x-btn-blue-button-large.x-btn-pressed .x-btn-glyph, .x-btn-blue-button-large.x-btn-menu-active .x-btn-glyph {
  color: white; }

.x-btn-blue-button-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-blue-button-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-blue-button-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-blue-button-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-blue-button-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-blue-button-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-blue-button-small-icon-text-right {
  /*marko*/ }
  .x-btn-blue-button-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-blue-button-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-blue-button-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-blue-button-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-blue-button-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-blue-button-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-blue-button-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-blue-button-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-blue-button-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-blue-button-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-blue-button-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-blue-button-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

/*
====================== end ui-button==========================
==============================================================
*/
/*
=================== start ui-toolbar-button===================
==============================================================
*/
.x-btn-blue-button-toolbar-small {
  border-color: transparent; }

body.x-nbr .x-btn-blue-button-toolbar-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-blue-button-toolbar-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-blue-button-toolbar-small .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-blue-button-toolbar-small-icon button,
.x-btn-blue-button-toolbar-small-icon a,
.x-btn-blue-button-toolbar-small-icon .x-btn-inner,
.x-btn-blue-button-toolbar-small-noicon button,
.x-btn-blue-button-toolbar-small-noicon a,
.x-btn-blue-button-toolbar-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-blue-button-toolbar-small-icon button,
.x-btn-blue-button-toolbar-small-icon a {
  padding: 0; }
.x-btn-blue-button-toolbar-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-blue-button-toolbar-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-blue-button-toolbar-small-icon-text-left button,
.x-btn-blue-button-toolbar-small-icon-text-left a {
  height: 16px; }
.x-btn-blue-button-toolbar-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-blue-button-toolbar-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-blue-button-toolbar-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-blue-button-toolbar-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-blue-button-toolbar-small-icon-text-right button,
.x-btn-blue-button-toolbar-small-icon-text-right a {
  height: 16px; }
.x-btn-blue-button-toolbar-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-blue-button-toolbar-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-toolbar-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-blue-button-toolbar-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-blue-button-toolbar-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-blue-button-toolbar-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-blue-button-toolbar-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-toolbar-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-blue-button-toolbar-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-blue-button-toolbar-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-toolbar-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-toolbar-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-blue-button-toolbar-small-over {
  border-color: #318df2;
  background-image: none;
  background-color: #499af4; }
  .x-btn-blue-button-toolbar-small-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-blue-button-toolbar-small-focus {
  border-color: #318df2;
  background-image: none;
  background-color: #499af4; }
  .x-btn-blue-button-toolbar-small-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-blue-button-toolbar-small-menu-active,
.x-btn-blue-button-toolbar-small-pressed {
  border-color: #1980f1;
  background-image: none;
  background-color: #318df2; }
  .x-btn-blue-button-toolbar-small-menu-active .x-btn-inner,
  .x-btn-blue-button-toolbar-small-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-blue-button-toolbar-small-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-blue-button-toolbar-small-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-blue-button-toolbar-small-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-blue-button-toolbar-small-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-blue-button-toolbar-medium {
  border-color: transparent; }

body.x-nbr .x-btn-blue-button-toolbar-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-blue-button-toolbar-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-blue-button-toolbar-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-blue-button-toolbar-medium-icon button,
.x-btn-blue-button-toolbar-medium-icon a,
.x-btn-blue-button-toolbar-medium-icon .x-btn-inner,
.x-btn-blue-button-toolbar-medium-noicon button,
.x-btn-blue-button-toolbar-medium-noicon a,
.x-btn-blue-button-toolbar-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-blue-button-toolbar-medium-icon button,
.x-btn-blue-button-toolbar-medium-icon a {
  padding: 0; }
.x-btn-blue-button-toolbar-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-blue-button-toolbar-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-blue-button-toolbar-medium-icon-text-left button,
.x-btn-blue-button-toolbar-medium-icon-text-left a {
  height: 24px; }
.x-btn-blue-button-toolbar-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-blue-button-toolbar-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-blue-button-toolbar-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-blue-button-toolbar-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-blue-button-toolbar-medium-icon-text-right button,
.x-btn-blue-button-toolbar-medium-icon-text-right a {
  height: 24px; }
.x-btn-blue-button-toolbar-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-blue-button-toolbar-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-toolbar-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-blue-button-toolbar-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-blue-button-toolbar-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-blue-button-toolbar-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-blue-button-toolbar-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-toolbar-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-blue-button-toolbar-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-blue-button-toolbar-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-toolbar-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-toolbar-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-blue-button-toolbar-medium-over {
  border-color: #318df2;
  background-image: none;
  background-color: #499af4; }
  .x-btn-blue-button-toolbar-medium-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-blue-button-toolbar-medium-focus {
  border-color: #318df2;
  background-image: none;
  background-color: #499af4; }
  .x-btn-blue-button-toolbar-medium-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-blue-button-toolbar-medium-menu-active,
.x-btn-blue-button-toolbar-medium-pressed {
  border-color: #1980f1;
  background-image: none;
  background-color: #318df2; }
  .x-btn-blue-button-toolbar-medium-menu-active .x-btn-inner,
  .x-btn-blue-button-toolbar-medium-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-blue-button-toolbar-medium-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-blue-button-toolbar-medium-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-blue-button-toolbar-medium-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-blue-button-toolbar-medium-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-blue-button-toolbar-large {
  border-color: transparent; }

body.x-nbr .x-btn-blue-button-toolbar-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-blue-button-toolbar-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-blue-button-toolbar-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-blue-button-toolbar-large-icon button,
.x-btn-blue-button-toolbar-large-icon a,
.x-btn-blue-button-toolbar-large-icon .x-btn-inner,
.x-btn-blue-button-toolbar-large-noicon button,
.x-btn-blue-button-toolbar-large-noicon a,
.x-btn-blue-button-toolbar-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-blue-button-toolbar-large-icon button,
.x-btn-blue-button-toolbar-large-icon a {
  padding: 0; }
.x-btn-blue-button-toolbar-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-blue-button-toolbar-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-blue-button-toolbar-large-icon-text-left button,
.x-btn-blue-button-toolbar-large-icon-text-left a {
  height: 32px; }
.x-btn-blue-button-toolbar-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-blue-button-toolbar-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-blue-button-toolbar-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-blue-button-toolbar-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-blue-button-toolbar-large-icon-text-right button,
.x-btn-blue-button-toolbar-large-icon-text-right a {
  height: 32px; }
.x-btn-blue-button-toolbar-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-blue-button-toolbar-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-toolbar-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-blue-button-toolbar-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-blue-button-toolbar-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-blue-button-toolbar-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-blue-button-toolbar-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-toolbar-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-blue-button-toolbar-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-blue-button-toolbar-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-toolbar-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-toolbar-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-blue-button-toolbar-large-over {
  border-color: #318df2;
  background-image: none;
  background-color: #499af4; }
  .x-btn-blue-button-toolbar-large-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-blue-button-toolbar-large-focus {
  border-color: #318df2;
  background-image: none;
  background-color: #499af4; }
  .x-btn-blue-button-toolbar-large-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-blue-button-toolbar-large-menu-active,
.x-btn-blue-button-toolbar-large-pressed {
  border-color: #1980f1;
  background-image: none;
  background-color: #318df2; }
  .x-btn-blue-button-toolbar-large-menu-active .x-btn-inner,
  .x-btn-blue-button-toolbar-large-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-blue-button-toolbar-large-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-blue-button-toolbar-large-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-blue-button-toolbar-large-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-blue-button-toolbar-large-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-blue-button-toolbar-small .x-btn-icon-el {
  height: 16px; }
.x-btn-blue-button-toolbar-small .x-btn-glyph {
  line-height: 16px;
  color: #666666;
  font-size: 20px; }
.x-btn-blue-button-toolbar-small.x-btn-over .x-btn-glyph {
  color: #f8f9f9; }
.x-btn-blue-button-toolbar-small.x-btn-pressed .x-btn-glyph, .x-btn-blue-button-toolbar-small.x-btn-menu-active .x-btn-glyph {
  color: #f8f9f9; }

.x-btn-blue-button-toolbar-medium .x-btn-icon-el {
  height: 24px; }
.x-btn-blue-button-toolbar-medium .x-btn-glyph {
  line-height: 24px;
  color: #666666;
  font-size: 28px; }
.x-btn-blue-button-toolbar-medium.x-btn-over .x-btn-glyph {
  color: #f8f9f9; }
.x-btn-blue-button-toolbar-medium.x-btn-pressed .x-btn-glyph, .x-btn-blue-button-toolbar-medium.x-btn-menu-active .x-btn-glyph {
  color: #f8f9f9; }

.x-btn-blue-button-toolbar-large .x-btn-icon-el {
  height: 32px; }
.x-btn-blue-button-toolbar-large .x-btn-glyph {
  line-height: 32px;
  color: #666666;
  font-size: 36px; }
.x-btn-blue-button-toolbar-large.x-btn-over .x-btn-glyph {
  color: #f8f9f9; }
.x-btn-blue-button-toolbar-large.x-btn-pressed .x-btn-glyph, .x-btn-blue-button-toolbar-large.x-btn-menu-active .x-btn-glyph {
  color: #f8f9f9; }

.x-btn-blue-button-toolbar-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-blue-button-toolbar-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-blue-button-toolbar-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-blue-button-toolbar-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-blue-button-toolbar-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-blue-button-toolbar-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-blue-button-toolbar-small-icon-text-right {
  /*marko*/ }
  .x-btn-blue-button-toolbar-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-blue-button-toolbar-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-blue-button-toolbar-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-blue-button-toolbar-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-blue-button-toolbar-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-blue-button-toolbar-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-blue-button-toolbar-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-blue-button-toolbar-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-blue-button-toolbar-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-blue-button-toolbar-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-blue-button-toolbar-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-blue-button-toolbar-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

/*
==============================================================
================= start ui-button-active =====================
*/
.x-btn-blue-button-active-small {
  border-color: #7e8b98; }

body.x-nbr .x-btn-blue-button-active-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-blue-button-active-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #87939f; }

.x-btn-blue-button-active-small .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-blue-button-active-small-icon button,
.x-btn-blue-button-active-small-icon a,
.x-btn-blue-button-active-small-icon .x-btn-inner,
.x-btn-blue-button-active-small-noicon button,
.x-btn-blue-button-active-small-noicon a,
.x-btn-blue-button-active-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-blue-button-active-small-icon button,
.x-btn-blue-button-active-small-icon a {
  padding: 0; }
.x-btn-blue-button-active-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-blue-button-active-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-blue-button-active-small-icon-text-left button,
.x-btn-blue-button-active-small-icon-text-left a {
  height: 16px; }
.x-btn-blue-button-active-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-blue-button-active-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-blue-button-active-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-blue-button-active-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-blue-button-active-small-icon-text-right button,
.x-btn-blue-button-active-small-icon-text-right a {
  height: 16px; }
.x-btn-blue-button-active-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-blue-button-active-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-active-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-blue-button-active-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-blue-button-active-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-blue-button-active-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-blue-button-active-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-active-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-blue-button-active-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-blue-button-active-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-active-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-active-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-blue-button-active-small-over {
  border-color: #8c98a3;
  background-image: none;
  background-color: #959faa; }

.x-btn-blue-button-active-small-focus {
  border-color: #8c98a3;
  background-image: none;
  background-color: #87939f; }

.x-btn-blue-button-active-small-menu-active,
.x-btn-blue-button-active-small-pressed {
  border-color: #6c7986;
  background-image: none;
  background-color: #6c7986; }

.x-btn-blue-button-active-small-disabled {
  border-color: #bfc6cc;
  background-image: none;
  background-color: #bfc6cc; }

.x-btn-blue-button-active-medium {
  border-color: #7e8b98; }

body.x-nbr .x-btn-blue-button-active-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-blue-button-active-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #87939f; }

.x-btn-blue-button-active-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-blue-button-active-medium-icon button,
.x-btn-blue-button-active-medium-icon a,
.x-btn-blue-button-active-medium-icon .x-btn-inner,
.x-btn-blue-button-active-medium-noicon button,
.x-btn-blue-button-active-medium-noicon a,
.x-btn-blue-button-active-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-blue-button-active-medium-icon button,
.x-btn-blue-button-active-medium-icon a {
  padding: 0; }
.x-btn-blue-button-active-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-blue-button-active-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-blue-button-active-medium-icon-text-left button,
.x-btn-blue-button-active-medium-icon-text-left a {
  height: 24px; }
.x-btn-blue-button-active-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-blue-button-active-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-blue-button-active-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-blue-button-active-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-blue-button-active-medium-icon-text-right button,
.x-btn-blue-button-active-medium-icon-text-right a {
  height: 24px; }
.x-btn-blue-button-active-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-blue-button-active-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-active-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-blue-button-active-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-blue-button-active-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-blue-button-active-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-blue-button-active-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-active-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-blue-button-active-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-blue-button-active-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-active-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-active-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-blue-button-active-medium-over {
  border-color: #8c98a3;
  background-image: none;
  background-color: #959faa; }

.x-btn-blue-button-active-medium-focus {
  border-color: #8c98a3;
  background-image: none;
  background-color: #87939f; }

.x-btn-blue-button-active-medium-menu-active,
.x-btn-blue-button-active-medium-pressed {
  border-color: #6c7986;
  background-image: none;
  background-color: #6c7986; }

.x-btn-blue-button-active-medium-disabled {
  border-color: #bfc6cc;
  background-image: none;
  background-color: #bfc6cc; }

.x-btn-blue-button-active-large {
  border-color: #7e8b98; }

body.x-nbr .x-btn-blue-button-active-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-blue-button-active-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #87939f; }

.x-btn-blue-button-active-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-blue-button-active-large-icon button,
.x-btn-blue-button-active-large-icon a,
.x-btn-blue-button-active-large-icon .x-btn-inner,
.x-btn-blue-button-active-large-noicon button,
.x-btn-blue-button-active-large-noicon a,
.x-btn-blue-button-active-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-blue-button-active-large-icon button,
.x-btn-blue-button-active-large-icon a {
  padding: 0; }
.x-btn-blue-button-active-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-blue-button-active-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-blue-button-active-large-icon-text-left button,
.x-btn-blue-button-active-large-icon-text-left a {
  height: 32px; }
.x-btn-blue-button-active-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-blue-button-active-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-blue-button-active-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-blue-button-active-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-blue-button-active-large-icon-text-right button,
.x-btn-blue-button-active-large-icon-text-right a {
  height: 32px; }
.x-btn-blue-button-active-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-blue-button-active-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-active-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-blue-button-active-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-blue-button-active-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-blue-button-active-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-blue-button-active-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-active-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-blue-button-active-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-blue-button-active-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-active-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-active-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-blue-button-active-large-over {
  border-color: #8c98a3;
  background-image: none;
  background-color: #959faa; }

.x-btn-blue-button-active-large-focus {
  border-color: #8c98a3;
  background-image: none;
  background-color: #87939f; }

.x-btn-blue-button-active-large-menu-active,
.x-btn-blue-button-active-large-pressed {
  border-color: #6c7986;
  background-image: none;
  background-color: #6c7986; }

.x-btn-blue-button-active-large-disabled {
  border-color: #bfc6cc;
  background-image: none;
  background-color: #bfc6cc; }

.x-btn-blue-button-active-small .x-btn-icon-el {
  height: 16px; }
.x-btn-blue-button-active-small .x-btn-glyph {
  line-height: 16px;
  font-size: 20px; }

.x-btn-blue-button-active-medium .x-btn-icon-el {
  height: 24px; }
.x-btn-blue-button-active-medium .x-btn-glyph {
  line-height: 24px;
  font-size: 28px; }

.x-btn-blue-button-active-large .x-btn-icon-el {
  height: 32px; }
.x-btn-blue-button-active-large .x-btn-glyph {
  line-height: 32px;
  font-size: 36px; }

.x-btn-blue-button-active-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-blue-button-active-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-blue-button-active-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-blue-button-active-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-blue-button-active-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-blue-button-active-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-blue-button-active-small-icon-text-right {
  /*marko*/ }
  .x-btn-blue-button-active-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-blue-button-active-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-blue-button-active-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-blue-button-active-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-blue-button-active-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-blue-button-active-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-blue-button-active-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-blue-button-active-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-blue-button-active-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-blue-button-active-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-blue-button-active-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-blue-button-active-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

.x-window-active .x-btn-blue-button-active-small {
  background-color: #1979ca;
  border-color: #1874c1; }
.x-window-active .x-btn-blue-button-active-small-over,
.x-window-active .x-btn-blue-button-active-small-focus {
  background-color: #1b81d8;
  border-color: #1a7ccf; }
.x-window-active .x-btn-blue-button-active-small-disabled {
  background-color: #3c99e7;
  border-color: #3c99e7; }
.x-window-active .x-btn-blue-button-active-small-pressed {
  background-color: #166bb3;
  border-color: #1566aa; }
.x-window-active .x-btn-blue-button-active-medium {
  background-color: #1979ca;
  border-color: #1874c1; }
.x-window-active .x-btn-blue-button-active-medium-over,
.x-window-active .x-btn-blue-button-active-medium-focus {
  background-color: #1b81d8;
  border-color: #1a7ccf; }
.x-window-active .x-btn-blue-button-active-medium-disabled {
  background-color: #3c99e7;
  border-color: #3c99e7; }
.x-window-active .x-btn-blue-button-active-medium-pressed {
  background-color: #166bb3;
  border-color: #1566aa; }
.x-window-active .x-btn-blue-button-active-large {
  background-color: #1979ca;
  border-color: #1874c1; }
.x-window-active .x-btn-blue-button-active-large-over,
.x-window-active .x-btn-blue-button-active-large-focus {
  background-color: #1b81d8;
  border-color: #1a7ccf; }
.x-window-active .x-btn-blue-button-active-large-disabled {
  background-color: #3c99e7;
  border-color: #3c99e7; }
.x-window-active .x-btn-blue-button-active-large-pressed {
  background-color: #166bb3;
  border-color: #1566aa; }

/*
==================== end ui-button-active ====================
==============================================================
*/
/*
============ start ui-toolbar-button-active ==================
==============================================================
*/
.x-btn-blue-button-active-toolbar-small {
  border-color: transparent; }

body.x-nbr .x-btn-blue-button-active-toolbar-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-blue-button-active-toolbar-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-blue-button-active-toolbar-small .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-blue-button-active-toolbar-small-icon button,
.x-btn-blue-button-active-toolbar-small-icon a,
.x-btn-blue-button-active-toolbar-small-icon .x-btn-inner,
.x-btn-blue-button-active-toolbar-small-noicon button,
.x-btn-blue-button-active-toolbar-small-noicon a,
.x-btn-blue-button-active-toolbar-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-blue-button-active-toolbar-small-icon button,
.x-btn-blue-button-active-toolbar-small-icon a {
  padding: 0; }
.x-btn-blue-button-active-toolbar-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-blue-button-active-toolbar-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-blue-button-active-toolbar-small-icon-text-left button,
.x-btn-blue-button-active-toolbar-small-icon-text-left a {
  height: 16px; }
.x-btn-blue-button-active-toolbar-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-blue-button-active-toolbar-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-blue-button-active-toolbar-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-blue-button-active-toolbar-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-blue-button-active-toolbar-small-icon-text-right button,
.x-btn-blue-button-active-toolbar-small-icon-text-right a {
  height: 16px; }
.x-btn-blue-button-active-toolbar-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-blue-button-active-toolbar-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-active-toolbar-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-blue-button-active-toolbar-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-blue-button-active-toolbar-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-blue-button-active-toolbar-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-blue-button-active-toolbar-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-active-toolbar-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-blue-button-active-toolbar-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-blue-button-active-toolbar-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-active-toolbar-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-active-toolbar-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-blue-button-active-toolbar-small-over {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-blue-button-active-toolbar-small-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-blue-button-active-toolbar-small-focus {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-blue-button-active-toolbar-small-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-blue-button-active-toolbar-small-menu-active,
.x-btn-blue-button-active-toolbar-small-pressed {
  border-color: #99a3ad;
  background-image: none;
  background-color: #a7b0b9; }
  .x-btn-blue-button-active-toolbar-small-menu-active .x-btn-inner,
  .x-btn-blue-button-active-toolbar-small-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-blue-button-active-toolbar-small-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-blue-button-active-toolbar-small-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-blue-button-active-toolbar-small-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-blue-button-active-toolbar-small-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-blue-button-active-toolbar-medium {
  border-color: transparent; }

body.x-nbr .x-btn-blue-button-active-toolbar-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-blue-button-active-toolbar-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-blue-button-active-toolbar-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-blue-button-active-toolbar-medium-icon button,
.x-btn-blue-button-active-toolbar-medium-icon a,
.x-btn-blue-button-active-toolbar-medium-icon .x-btn-inner,
.x-btn-blue-button-active-toolbar-medium-noicon button,
.x-btn-blue-button-active-toolbar-medium-noicon a,
.x-btn-blue-button-active-toolbar-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-blue-button-active-toolbar-medium-icon button,
.x-btn-blue-button-active-toolbar-medium-icon a {
  padding: 0; }
.x-btn-blue-button-active-toolbar-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-blue-button-active-toolbar-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-blue-button-active-toolbar-medium-icon-text-left button,
.x-btn-blue-button-active-toolbar-medium-icon-text-left a {
  height: 24px; }
.x-btn-blue-button-active-toolbar-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-blue-button-active-toolbar-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-blue-button-active-toolbar-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-blue-button-active-toolbar-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-blue-button-active-toolbar-medium-icon-text-right button,
.x-btn-blue-button-active-toolbar-medium-icon-text-right a {
  height: 24px; }
.x-btn-blue-button-active-toolbar-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-blue-button-active-toolbar-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-active-toolbar-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-blue-button-active-toolbar-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-blue-button-active-toolbar-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-blue-button-active-toolbar-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-blue-button-active-toolbar-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-active-toolbar-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-blue-button-active-toolbar-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-blue-button-active-toolbar-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-active-toolbar-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-active-toolbar-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-blue-button-active-toolbar-medium-over {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-blue-button-active-toolbar-medium-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-blue-button-active-toolbar-medium-focus {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-blue-button-active-toolbar-medium-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-blue-button-active-toolbar-medium-menu-active,
.x-btn-blue-button-active-toolbar-medium-pressed {
  border-color: #99a3ad;
  background-image: none;
  background-color: #a7b0b9; }
  .x-btn-blue-button-active-toolbar-medium-menu-active .x-btn-inner,
  .x-btn-blue-button-active-toolbar-medium-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-blue-button-active-toolbar-medium-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-blue-button-active-toolbar-medium-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-blue-button-active-toolbar-medium-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-blue-button-active-toolbar-medium-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-blue-button-active-toolbar-large {
  border-color: transparent; }

body.x-nbr .x-btn-blue-button-active-toolbar-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-blue-button-active-toolbar-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-blue-button-active-toolbar-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-blue-button-active-toolbar-large-icon button,
.x-btn-blue-button-active-toolbar-large-icon a,
.x-btn-blue-button-active-toolbar-large-icon .x-btn-inner,
.x-btn-blue-button-active-toolbar-large-noicon button,
.x-btn-blue-button-active-toolbar-large-noicon a,
.x-btn-blue-button-active-toolbar-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-blue-button-active-toolbar-large-icon button,
.x-btn-blue-button-active-toolbar-large-icon a {
  padding: 0; }
.x-btn-blue-button-active-toolbar-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-blue-button-active-toolbar-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-blue-button-active-toolbar-large-icon-text-left button,
.x-btn-blue-button-active-toolbar-large-icon-text-left a {
  height: 32px; }
.x-btn-blue-button-active-toolbar-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-blue-button-active-toolbar-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-blue-button-active-toolbar-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-blue-button-active-toolbar-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-blue-button-active-toolbar-large-icon-text-right button,
.x-btn-blue-button-active-toolbar-large-icon-text-right a {
  height: 32px; }
.x-btn-blue-button-active-toolbar-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-blue-button-active-toolbar-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-active-toolbar-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-blue-button-active-toolbar-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-blue-button-active-toolbar-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-blue-button-active-toolbar-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-blue-button-active-toolbar-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-active-toolbar-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-blue-button-active-toolbar-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-blue-button-active-toolbar-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-blue-button-active-toolbar-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-blue-button-active-toolbar-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-blue-button-active-toolbar-large-over {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-blue-button-active-toolbar-large-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-blue-button-active-toolbar-large-focus {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-blue-button-active-toolbar-large-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-blue-button-active-toolbar-large-menu-active,
.x-btn-blue-button-active-toolbar-large-pressed {
  border-color: #99a3ad;
  background-image: none;
  background-color: #a7b0b9; }
  .x-btn-blue-button-active-toolbar-large-menu-active .x-btn-inner,
  .x-btn-blue-button-active-toolbar-large-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-blue-button-active-toolbar-large-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-blue-button-active-toolbar-large-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-blue-button-active-toolbar-large-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-blue-button-active-toolbar-large-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-blue-button-active-toolbar-small .x-btn-icon-el {
  height: 16px; }
.x-btn-blue-button-active-toolbar-small .x-btn-glyph {
  line-height: 16px;
  font-size: 20px; }

.x-btn-blue-button-active-toolbar-medium .x-btn-icon-el {
  height: 24px; }
.x-btn-blue-button-active-toolbar-medium .x-btn-glyph {
  line-height: 24px;
  font-size: 28px; }

.x-btn-blue-button-active-toolbar-large .x-btn-icon-el {
  height: 32px; }
.x-btn-blue-button-active-toolbar-large .x-btn-glyph {
  line-height: 32px;
  font-size: 36px; }

.x-btn-blue-button-active-toolbar-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-blue-button-active-toolbar-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-blue-button-active-toolbar-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-blue-button-active-toolbar-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-blue-button-active-toolbar-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-blue-button-active-toolbar-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-blue-button-active-toolbar-small-icon-text-right {
  /*marko*/ }
  .x-btn-blue-button-active-toolbar-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-blue-button-active-toolbar-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-blue-button-active-toolbar-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-blue-button-active-toolbar-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-blue-button-active-toolbar-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-blue-button-active-toolbar-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-blue-button-active-toolbar-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-blue-button-active-toolbar-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-blue-button-active-toolbar-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-blue-button-active-toolbar-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-blue-button-active-toolbar-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-blue-button-active-toolbar-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

.x-window-active .x-btn-blue-button-active-toolbar-small {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-blue-button-active-toolbar-small-over,
.x-window-active .x-btn-blue-button-active-toolbar-small-focus {
  background-color: #499af4;
  border-color: #318df2; }
.x-window-active .x-btn-blue-button-active-toolbar-small-disabled {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-blue-button-active-toolbar-small-pressed {
  background-color: #318df2;
  border-color: #1980f1; }
.x-window-active .x-btn-blue-button-active-toolbar-medium {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-blue-button-active-toolbar-medium-over,
.x-window-active .x-btn-blue-button-active-toolbar-medium-focus {
  background-color: #499af4;
  border-color: #318df2; }
.x-window-active .x-btn-blue-button-active-toolbar-medium-disabled {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-blue-button-active-toolbar-medium-pressed {
  background-color: #318df2;
  border-color: #1980f1; }
.x-window-active .x-btn-blue-button-active-toolbar-large {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-blue-button-active-toolbar-large-over,
.x-window-active .x-btn-blue-button-active-toolbar-large-focus {
  background-color: #499af4;
  border-color: #318df2; }
.x-window-active .x-btn-blue-button-active-toolbar-large-disabled {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-blue-button-active-toolbar-large-pressed {
  background-color: #318df2;
  border-color: #1980f1; }

/*
==============================================================
===================== start ui-panel =========================
*/
.x-panel-blue-panel {
  border-color: #aeb6be; }

.x-panel-header-blue-panel {
  font-size: 11px;
  border-color: #4598f4;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #6badf6; }
  .x-panel-header-blue-panel > .x-panel-header-body .x-tool img:hover {
    background-color: #53a0f5; }
  .x-panel-header-blue-panel > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-panel-header-blue-panel > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }

.x-panel-header-text-blue-panel {
  color: #363636;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }

.x-panel-body-blue-panel {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: black;
  border-width: 1px;
  border-style: solid; }

.x-panel-collapsed .x-window-header-blue-panel,
.x-panel-collapsed .x-panel-header-blue-panel {
  border-color: #4598f4; }

.x-panel-header-blue-panel-vertical {
  border-color: #4598f4; }

.x-panel-header-blue-panel-left,
.x-panel-header-blue-panel-right {
  background-image: none;
  background-color: #6badf6; }

.x-panel-header-blue-panel-right-tc,
.x-panel-header-blue-panel-right-mc,
.x-panel-header-blue-panel-right-bc {
  background-position: right 0; }

.x-panel-header-blue-panel-bottom-tc,
.x-panel-header-blue-panel-bottom-mc,
.x-panel-header-blue-panel-bottom-bc {
  background-position: 0 bottom; }

.x-panel-header-blue-panel + .x-panel-body-blue-panel {
  border-top-color: #4598f4; }

.x-panel-header-blue-panel + .x-toolbar-docked-top {
  border-top-color: #4598f4; }

.x-panel-header-blue-panel.x-accordion-hd {
  background-color: #6badf6 !important;
  border-top-color: #6badf6 !important; }

.x-panel-blue-panel.x-grid-with-row-lines .x-panel-body-blue-panel .x-grid-row-selected .x-grid-cell,
.x-panel-blue-panel.x-grid-with-row-lines .x-panel-body-blue-panel .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #75b2f7 !important;
  background-color: #9bc8f9 !important; }

.x-panel-blue-panel.x-tree-panel .x-panel-body-blue-panel .x-grid-row-selected .x-grid-cell,
.x-panel-blue-panel.x-tree-panel .x-panel-body-blue-panel .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #9bc8f9 !important; }

.x-panel-header-text-container-blue-panel {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #363636; }

.x-panel-header-blue-panel .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #363636; }

.x-panel-header-blue-panel-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-blue-panel-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-blue-panel-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-blue-panel-vertical .x-panel-header-text-container {
  display: none; }

/*
======================= end ui-panel =========================
==============================================================
*/
/*
==============================================================
=================== start ui-panel-framed ====================
*/
.x-panel-blue-panel-framed {
  border-color: #6badf6; }

.x-panel-header-blue-panel-framed {
  font-size: 11px;
  border-color: #6badf6;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #6badf6; }
  .x-panel-header-blue-panel-framed > .x-panel-header-body .x-tool img:hover {
    background-color: #53a0f5; }
  .x-panel-header-blue-panel-framed > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-panel-header-blue-panel-framed > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }

.x-panel-header-text-blue-panel-framed {
  color: #363636;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }

.x-panel-body-blue-panel-framed {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: #333333;
  border-width: 0;
  border-style: solid; }

.x-panel-collapsed .x-window-header-blue-panel-framed,
.x-panel-collapsed .x-panel-header-blue-panel-framed {
  border-color: #6badf6; }

.x-panel-header-blue-panel-framed-vertical {
  border-color: #6badf6; }

.x-panel-header-blue-panel-framed-left,
.x-panel-header-blue-panel-framed-right {
  background-image: none;
  background-color: #6badf6; }

body.x-nbr .x-panel-blue-panel-framed-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-4-4-4-4; }

.x-panel-blue-panel-framed {
  padding: 4px 4px 4px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #f8f9f9; }

body.x-nbr .x-panel-header-blue-panel-framed-top-frameInfo {
  font-family: dh-4-4-0-0-1-2-0-2-3-5-4-5; }

.x-panel-header-blue-panel-framed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 0 2px;
  border-style: solid;
  background-color: #6badf6; }

body.x-nbr .x-panel-header-blue-panel-framed-right-frameInfo {
  font-family: dh-0-4-4-0-1-2-2-0-5-4-5-4; }

.x-panel-header-blue-panel-framed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 0;
  border-style: solid;
  background-color: #6badf6; }

body.x-nbr .x-panel-header-blue-panel-framed-bottom-frameInfo {
  font-family: dh-0-0-4-4-0-2-2-2-3-5-4-5; }

.x-panel-header-blue-panel-framed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 0 2px 2px 2px;
  border-style: solid;
  background-color: #6badf6; }

body.x-nbr .x-panel-header-blue-panel-framed-left-frameInfo {
  font-family: dh-4-0-0-4-1-0-2-2-5-4-5-4; }

.x-panel-header-blue-panel-framed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 0 2px 2px;
  border-style: solid;
  background-color: #6badf6; }

.x-panel .x-panel-header-blue-panel-framed-top {
  border-bottom-width: 1px !important; }

.x-panel .x-panel-header-blue-panel-framed-right {
  border-left-width: 1px !important; }

.x-panel .x-panel-header-blue-panel-framed-bottom {
  border-top-width: 1px !important; }

.x-panel .x-panel-header-blue-panel-framed-left {
  border-right-width: 1px !important; }

body.x-nbr .x-panel-header-blue-panel-framed-collapsed-top-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-blue-panel-framed-collapsed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #6badf6; }

body.x-nbr .x-panel-header-blue-panel-framed-collapsed-right-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-blue-panel-framed-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #6badf6; }

body.x-nbr .x-panel-header-blue-panel-framed-collapsed-bottom-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-blue-panel-framed-collapsed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #6badf6; }

body.x-nbr .x-panel-header-blue-panel-framed-collapsed-left-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-blue-panel-framed-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #6badf6; }

.x-panel-header-blue-panel-framed-right-tc,
.x-panel-header-blue-panel-framed-right-mc,
.x-panel-header-blue-panel-framed-right-bc {
  background-position: right 0; }

.x-panel-header-blue-panel-framed-bottom-tc,
.x-panel-header-blue-panel-framed-bottom-mc,
.x-panel-header-blue-panel-framed-bottom-bc {
  background-position: 0 bottom; }

.x-panel-blue-panel-framed.x-grid-with-row-lines .x-panel-body-blue-panel-framed .x-grid-row-selected .x-grid-cell,
.x-panel-blue-panel-framed.x-grid-with-row-lines .x-panel-body-blue-panel-framed .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #75b2f7 !important;
  background-color: #9bc8f9 !important; }

.x-panel-blue-panel-framed.x-tree-panel .x-panel-body-blue-panel-framed .x-grid-row-selected .x-grid-cell,
.x-panel-blue-panel-framed.x-tree-panel .x-panel-body-blue-panel-framed .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #9bc8f9 !important; }

.x-panel-header-text-container-blue-panel-framed {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #363636; }

.x-panel-header-blue-panel-framed .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #363636; }

.x-panel-header-blue-panel-framed-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-blue-panel-framed-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-blue-panel-framed-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-blue-panel-framed-vertical .x-panel-header-text-container {
  display: none; }

/*
==================== end ui-panel-framed =====================
==============================================================
*/
/*	
==============================================================
================= start ui-panel-active ======================
*/
.x-panel-blue-panel-active {
  border-color: #aeb6be; }

.x-panel-header-blue-panel-active {
  font-size: 11px;
  border-color: #c5cbd0;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
  .x-panel-header-blue-panel-active > .x-panel-header-body .x-tool img:hover {
    background-color: #aeb6be; }
  .x-panel-header-blue-panel-active > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #768391; }
    .x-panel-header-blue-panel-active > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #768391; }

.x-panel-header-text-blue-panel-active {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }

.x-panel-body-blue-panel-active {
  background: #f8f9f9;
  border-color: #c5cbd0;
  color: black;
  border-width: 1px;
  border-style: solid; }

.x-panel-collapsed .x-window-header-blue-panel-active,
.x-panel-collapsed .x-panel-header-blue-panel-active {
  border-color: #c5cbd0; }

.x-panel-header-blue-panel-active-vertical {
  border-color: #c5cbd0; }

.x-panel-header-blue-panel-active-left,
.x-panel-header-blue-panel-active-right {
  background-image: none;
  background-color: #cbd0d5; }

.x-panel-header-blue-panel-active-right-tc,
.x-panel-header-blue-panel-active-right-mc,
.x-panel-header-blue-panel-active-right-bc {
  background-position: right 0; }

.x-panel-header-blue-panel-active-bottom-tc,
.x-panel-header-blue-panel-active-bottom-mc,
.x-panel-header-blue-panel-active-bottom-bc {
  background-position: 0 bottom; }

.x-window-active .x-panel-blue-panel-active {
  border-color: #6badf6; }
.x-window-active .x-panel-header-blue-panel-active + .x-panel-body-blue-panel-active {
  border-top-color: #4598f4; }
.x-window-active .x-panel-header-blue-panel-active + .x-toolbar-docked-top {
  border-top-color: #4598f4; }
.x-window-active .x-panel-header-blue-panel-active.x-accordion-hd {
  background-color: #6badf6 !important;
  border-top-color: #6badf6 !important; }
.x-window-active .x-panel-header-text-blue-panel-active {
  color: #363636; }
.x-window-active .x-panel-header-blue-panel-active {
  border-color: #4598f4;
  background-color: #6badf6; }
  .x-window-active .x-panel-header-blue-panel-active > .x-panel-header-body .x-tool img:hover {
    background-color: #53a0f5; }
  .x-window-active .x-panel-header-blue-panel-active > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-window-active .x-panel-header-blue-panel-active > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }
.x-window-active .x-panel-header-text-blue-panel-active {
  color: #363636; }
.x-window-active .x-panel-collapsed .x-window-header-blue-panel-active,
.x-window-active .x-panel-collapsed .x-panel-blue-panel-active {
  border-color: #4598f4; }
.x-window-active .x-panel-header-blue-panel-active-vertical {
  border-color: #4598f4; }
.x-window-active .x-panel-header-blue-panel-active-left,
.x-window-active .x-panel-header-blue-panel-active-right {
  background-color: #6badf6;
  color: #363636; }
.x-window-active .x-panel-blue-panel-active.x-grid-with-row-lines .x-panel-body-blue-panel-active .x-grid-table .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-blue-panel-active.x-grid-with-row-lines .x-panel-body-blue-panel-active .x-grid-table .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #75b2f7 !important;
  background-color: #9bc8f9 !important; }
.x-window-active .x-panel-blue-panel-active.x-tree-panel .x-panel-body-blue-panel-active .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-blue-panel-active.x-tree-panel .x-panel-body-blue-panel-active .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #9bc8f9 !important; }

.x-panel-header-text-container-blue-panel-active {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #404040; }

.x-window-active .x-panel-header-text-container-blue-panel-active {
  color: #363636; }

.x-panel-header-blue-panel-active .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a; }

.x-window-active .x-panel-header-blue-panel-active .x-panel-header-glyph {
  color: #363636;
  opacity: 0.8; }

.x-panel-header-blue-panel-active-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-blue-panel-active-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-blue-panel-active-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-blue-panel-active-vertical .x-panel-header-text-container {
  display: none; }

/*
==================== end ui-panel-active =====================
==============================================================
*/
/*	
==============================================================
=============== start ui-panel-active-framed =================
*/
.x-panel-blue-panel-active-framed {
  border-color: #cbd0d5; }

.x-panel-header-blue-panel-active-framed {
  font-size: 11px;
  border-color: #aeb6be;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
  .x-panel-header-blue-panel-active-framed > .x-panel-header-body .x-tool img:hover {
    background-color: #aeb6be; }
  .x-panel-header-blue-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #768391; }
    .x-panel-header-blue-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #768391; }

.x-panel-header-text-blue-panel-active-framed {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }

.x-panel-body-blue-panel-active-framed {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: #333333;
  border-width: 0;
  border-style: solid; }

.x-panel-collapsed .x-window-header-blue-panel-active-framed,
.x-panel-collapsed .x-panel-header-blue-panel-active-framed {
  border-color: #aeb6be; }

.x-panel-header-blue-panel-active-framed-vertical {
  border-color: #aeb6be; }

.x-panel-header-blue-panel-active-framed-left,
.x-panel-header-blue-panel-active-framed-right {
  background-image: none;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-blue-panel-active-framed-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-4-4-4-4; }

.x-panel-blue-panel-active-framed {
  padding: 4px 4px 4px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #f8f9f9; }

body.x-nbr .x-panel-header-blue-panel-active-framed-top-frameInfo {
  font-family: dh-4-4-0-0-1-2-0-2-3-5-4-5; }

.x-panel-header-blue-panel-active-framed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 0 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-blue-panel-active-framed-right-frameInfo {
  font-family: dh-0-4-4-0-1-2-2-0-5-4-5-4; }

.x-panel-header-blue-panel-active-framed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 0;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-blue-panel-active-framed-bottom-frameInfo {
  font-family: dh-0-0-4-4-0-2-2-2-3-5-4-5; }

.x-panel-header-blue-panel-active-framed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 0 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-blue-panel-active-framed-left-frameInfo {
  font-family: dh-4-0-0-4-1-0-2-2-5-4-5-4; }

.x-panel-header-blue-panel-active-framed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 0 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

.x-panel .x-panel-header-blue-panel-active-framed-top {
  border-bottom-width: 1px !important; }

.x-panel .x-panel-header-blue-panel-active-framed-right {
  border-left-width: 1px !important; }

.x-panel .x-panel-header-blue-panel-active-framed-bottom {
  border-top-width: 1px !important; }

.x-panel .x-panel-header-blue-panel-active-framed-left {
  border-right-width: 1px !important; }

body.x-nbr .x-panel-header-blue-panel-active-framed-collapsed-top-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-blue-panel-active-framed-collapsed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-blue-panel-active-framed-collapsed-right-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-blue-panel-active-framed-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-blue-panel-active-framed-collapsed-bottom-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-blue-panel-active-framed-collapsed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-blue-panel-active-framed-collapsed-left-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-blue-panel-active-framed-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

.x-panel-header-blue-panel-active-framed-right-tc,
.x-panel-header-blue-panel-active-framed-right-mc,
.x-panel-header-blue-panel-active-framed-right-bc {
  background-position: right 0; }

.x-panel-header-blue-panel-active-framed-bottom-tc,
.x-panel-header-blue-panel-active-framed-bottom-mc,
.x-panel-header-blue-panel-active-framed-bottom-bc {
  background-position: 0 bottom; }

.x-window-active .x-panel-blue-panel-active-framed {
  border-color: #6badf6; }
.x-window-active .x-panel-header-blue-panel-active-framed {
  border-color: #6badf6;
  background-color: #6badf6; }
  .x-window-active .x-panel-header-blue-panel-active-framed > .x-panel-header-body .x-tool img:hover {
    background-color: #53a0f5; }
  .x-window-active .x-panel-header-blue-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-window-active .x-panel-header-blue-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }
.x-window-active .x-panel-header-text-blue-panel-active-framed {
  color: #363636; }
.x-window-active .x-panel-collapsed .x-window-header-blue-panel-active-framed,
.x-window-active .x-panel-collapsed .x-panel-header-blue-panel-active-framed {
  border-color: #6badf6;
  color: #363636; }
.x-window-active .x-panel-header-blue-panel-active-framed-vertical {
  border-color: #6badf6; }
.x-window-active .x-panel-header-blue-panel-active-framed-left,
.x-window-active .x-panel-header-blue-panel-active-framed-right {
  background-color: #6badf6; }
.x-window-active .x-panel-header-blue-panel-active-framed-top {
  background-color: #6badf6; }
.x-window-active .x-panel-header-blue-panel-active-framed-right {
  background-color: #6badf6; }
.x-window-active .x-panel-header-blue-panel-active-framed-bottom {
  background-color: #6badf6; }
.x-window-active .x-panel-header-blue-panel-active-framed-left {
  background-color: #6badf6; }
.x-window-active .x-panel-header-blue-panel-active-framed-collapsed-top {
  background-color: #6badf6; }
.x-window-active .x-panel-header-blue-panel-active-framed-collapsed-right {
  background-color: #6badf6; }
.x-window-active .x-panel-header-blue-panel-active-framed-collapsed-bottom {
  background-color: #6badf6; }
.x-window-active .x-panel-header-blue-panel-active-framed-collapsed-left {
  background-color: #6badf6; }
.x-window-active .x-panel-blue-panel-active-framed.x-grid-with-row-lines .x-panel-body-blue-panel-active-framed .x-grid-table .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-blue-panel-active-framed.x-grid-with-row-lines .x-panel-body-blue-panel-active-framed .x-grid-table .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #75b2f7 !important;
  background-color: #9bc8f9 !important; }
.x-window-active .x-panel-blue-panel-active-framed.x-tree-panel .x-panel-body-blue-panel-active-framed .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-blue-panel-active-framed.x-tree-panel .x-panel-body-blue-panel-active-framed .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #9bc8f9 !important; }

.x-panel-header-text-container-blue-panel-active-framed {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #404040; }

.x-window-active .x-panel-header-text-container-blue-panel-active-framed {
  color: #363636; }

.x-panel-header-blue-panel-active-framed .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a; }

.x-window-active .x-panel-header-blue-panel-active-framed .x-panel-header-glyph {
  color: #363636;
  opacity: 0.8; }

.x-panel-header-blue-panel-active-framed-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-blue-panel-active-framed-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-blue-panel-active-framed-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-blue-panel-active-framed-vertical .x-panel-header-text-container {
  display: none; }

/*
================== end ui-panel-active =======================
==============================================================
*/
/*
==============================================================
================ start ui-progress-active ====================
*/
.x-progress-blue-progress {
  border-color: #1979ca; }
  .x-progress-blue-progress .x-progress-bar {
    border-right-color: #1979ca;
    border-top-color: #1979ca;
    background-image: none;
    background-color: #1979ca; }
  .x-progress-blue-progress .x-progress-text {
    color: white; }
  .x-progress-blue-progress .x-progress-text-back {
    color: #898989; }

/*
==============================================================
================ start ui-progress-active ====================
*/
.x-progress-blue-progress-active-active {
  border-color: #a9b1ba; }
  .x-progress-blue-progress-active-active .x-progress-bar {
    border-right-color: #a9b1ba;
    border-top-color: #a9b1ba;
    background-image: none;
    background-color: #b7bec5; }
  .x-progress-blue-progress-active-active .x-progress-text {
    color: white; }
  .x-progress-blue-progress-active-active .x-progress-text-back {
    color: #898989; }

.x-window-active .x-progress-blue-progress-active-active {
  border-color: #1979ca; }
.x-window-active .x-progress-blue-progress-active-active .x-progress-bar {
  border-right-color: #1979ca;
  border-top-color: #1979ca;
  background-color: #1979ca; }

/*
==============================================================
================= start ui-window-active =====================
*/
.x-window-active.x-window-blue-window-active {
  background-color: #6badf6;
  border-color: #519ef4; }

.x-window-active.x-window-blue-window-active .x-window-header-blue-window-active-top,
.x-window-active.x-window-blue-window-active .x-window-header-blue-window-active-bottom,
.x-window-active.x-window-blue-window-active .x-window-header-blue-window-active-left,
.x-window-active.x-window-blue-window-active .x-window-header-blue-window-active-right {
  background-color: #6badf6; }

.x-window-active.x-window-blue-window-active .x-window-header-text {
  color: #363636; }

.x-window-active.x-window-blue-window-active .x-window-header .x-tool img:hover {
  background-color: #53a0f5; }

.x-window-active.x-window-blue-window-active .x-window-body {
  background-color: #f8f9f9; }

.x-window-active.x-window-blue-window-active img.x-tool-close:hover {
  background-color: #c95656 !important; }

.x-window-active.x-window-blue-window-active img.x-tool-close {
  background-color: #c54a4a !important; }

.x-window-active.x-window-blue-window-active .x-btn-default-small {
  background-color: #1979ca;
  border-color: #1874c1; }
.x-window-active.x-window-blue-window-active .x-btn-default-small-over,
.x-window-active.x-window-blue-window-active .x-btn-default-small-focus {
  background-color: #1b81d8;
  border-color: #1a7ccf; }
.x-window-active.x-window-blue-window-active .x-btn-default-small-disabled {
  background-color: #3c99e7;
  border-color: #3c99e7; }
.x-window-active.x-window-blue-window-active .x-btn-default-small-pressed {
  background-color: #166bb3;
  border-color: #1566aa; }
.x-window-active.x-window-blue-window-active .x-btn-default-medium {
  background-color: #1979ca;
  border-color: #1874c1; }
.x-window-active.x-window-blue-window-active .x-btn-default-medium-over,
.x-window-active.x-window-blue-window-active .x-btn-default-medium-focus {
  background-color: #1b81d8;
  border-color: #1a7ccf; }
.x-window-active.x-window-blue-window-active .x-btn-default-medium-disabled {
  background-color: #3c99e7;
  border-color: #3c99e7; }
.x-window-active.x-window-blue-window-active .x-btn-default-medium-pressed {
  background-color: #166bb3;
  border-color: #1566aa; }
.x-window-active.x-window-blue-window-active .x-btn-default-large {
  background-color: #1979ca;
  border-color: #1874c1; }
.x-window-active.x-window-blue-window-active .x-btn-default-large-over,
.x-window-active.x-window-blue-window-active .x-btn-default-large-focus {
  background-color: #1b81d8;
  border-color: #1a7ccf; }
.x-window-active.x-window-blue-window-active .x-btn-default-large-disabled {
  background-color: #3c99e7;
  border-color: #3c99e7; }
.x-window-active.x-window-blue-window-active .x-btn-default-large-pressed {
  background-color: #166bb3;
  border-color: #1566aa; }

.x-window-active.x-window-blue-window-active .x-tab-bar .x-tab-default {
  border-bottom: 1px solid #1979ca; }
.x-window-active.x-window-blue-window-active .x-tab-bar .x-tab-over {
  background-color: #479fe8; }
.x-window-active.x-window-blue-window-active .x-tab-bar .x-tab-top-active {
  background-color: #1979ca;
  border: 1px solid #1979ca; }
.x-window-active.x-window-blue-window-active .x-tab-bar .x-tab-bottom-active {
  background-color: #1979ca;
  border: 1px solid #1979ca; }
.x-window-active.x-window-blue-window-active .x-tab-bar-bottom .x-tab {
  border-top-color: #1979ca !important;
  border-bottom-color: transparent; }
.x-window-active.x-window-blue-window-active .x-tab-bar-bottom .x-tab-active {
  border-bottom-color: #1979ca; }
.x-window-active.x-window-blue-window-active .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #1979ca;
  border-color: #1979ca; }
.x-window-active.x-window-blue-window-active .x-tab-bar .x-tab-bar-strip-default {
  background-color: #1979ca;
  border-color: #1979ca; }
.x-window-active.x-window-blue-window-active .x-tab-bar-top + .x-panel-body {
  border-top-color: #1979ca; }

.x-window-active.x-window-blue-window-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active.x-window-blue-window-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #75b2f7 !important;
  background-color: #9bc8f9 !important; }

.x-window-blue-window-active {
  border-color: #c1c7cd; }

body.x-nbr .x-window-blue-window-active-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-4-4-4; }

.x-window-blue-window-active {
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

.x-window-body-blue-window-active {
  border-color: #aeb6be;
  border-width: 1px;
  background: #f8f9f9;
  color: black; }

.x-window-header-blue-window-active {
  font-size: 11px;
  border-color: #c1c7cd;
  zoom: 1; }
  .x-window-header-blue-window-active .x-tool .x-tool-close {
    background-color: gray; }
    .x-window-header-blue-window-active .x-tool .x-tool-close:hover {
      background-color: gray; }
  .x-window-header-blue-window-active .x--tool:hover {
    background-color: #bfc6cc; }

.x-window-header-text-blue-window-active {
  color: #4d4d4d;
  font-weight: bold;
  line-height: 22px;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  font-size: 11px; }

body.x-nbr .x-window-header-blue-window-active-top-frameInfo {
  font-family: dh-5-5-0-0-1-1-0-1-4-5-0-5; }

.x-window-header-blue-window-active-top {
  padding: 4px 5px 0 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-blue-window-active-right-frameInfo {
  font-family: dh-0-5-5-0-1-1-1-0-5-4-5-0; }

.x-window-header-blue-window-active-right {
  padding: 5px 4px 5px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-blue-window-active-bottom-frameInfo {
  font-family: dh-0-0-5-5-0-1-1-1-0-5-4-5; }

.x-window-header-blue-window-active-bottom {
  padding: 0 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-blue-window-active-left-frameInfo {
  font-family: dh-5-0-0-5-1-0-1-1-5-0-5-4; }

.x-window-header-blue-window-active-left {
  padding: 5px 0px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-blue-window-active-collapsed-top-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-blue-window-active-collapsed-top {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-blue-window-active-collapsed-right-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-blue-window-active-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-blue-window-active-collapsed-bottom-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-blue-window-active-collapsed-bottom {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-blue-window-active-collapsed-left-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-blue-window-active-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

.x-window-header-text-container-blue-window-active {
  font-weight: bold;
  line-height: 22px;
  padding-left: 2px;
  color: #4d4d4d; }

.x-window-active .x-window-header-text-container-blue-window-active {
  color: #363636;
  /*marko*/ }

.x-window-header-icon-blue-window-active.x-window-header-glyph {
  line-height: 16px;
  text-align: center;
  font-size: 20px;
  color: #595959; }

.x-window-active .x-window-header-blue-window-active .x-window-header-glyph {
  color: #363636; }

/*
==================== end ui-window-active ====================
==============================================================
*/
/*
==============================================================
===================== start ui-window ========================
*/
.x-window-blue-window .x-window-header .x-tool img:hover {
  background-color: #53a0f5; }

.x-window-blue-window .x-window-body {
  background-color: #f8f9f9; }

.x-window-blue-window img.x-tool-close:hover {
  background-color: #c95656 !important; }

.x-window-blue-window img.x-tool-close {
  background-color: #c54a4a !important; }

.x-window-blue-window .x-btn-default-small {
  background-color: #1979ca;
  border-color: #1874c1; }
.x-window-blue-window .x-btn-default-small-over,
.x-window-blue-window .x-btn-default-small-focus {
  background-color: #1b81d8;
  border-color: #1a7ccf; }
.x-window-blue-window .x-btn-default-small-disabled {
  background-color: #3c99e7;
  border-color: #3c99e7; }
.x-window-blue-window .x-btn-default-small-pressed {
  background-color: #166bb3;
  border-color: #1566aa; }
.x-window-blue-window .x-btn-default-medium {
  background-color: #1979ca;
  border-color: #1874c1; }
.x-window-blue-window .x-btn-default-medium-over,
.x-window-blue-window .x-btn-default-medium-focus {
  background-color: #1b81d8;
  border-color: #1a7ccf; }
.x-window-blue-window .x-btn-default-medium-disabled {
  background-color: #3c99e7;
  border-color: #3c99e7; }
.x-window-blue-window .x-btn-default-medium-pressed {
  background-color: #166bb3;
  border-color: #1566aa; }
.x-window-blue-window .x-btn-default-large {
  background-color: #1979ca;
  border-color: #1874c1; }
.x-window-blue-window .x-btn-default-large-over,
.x-window-blue-window .x-btn-default-large-focus {
  background-color: #1b81d8;
  border-color: #1a7ccf; }
.x-window-blue-window .x-btn-default-large-disabled {
  background-color: #3c99e7;
  border-color: #3c99e7; }
.x-window-blue-window .x-btn-default-large-pressed {
  background-color: #166bb3;
  border-color: #1566aa; }

.x-window-blue-window .x-tab-bar .x-tab-default {
  border-bottom: 1px solid #1979ca; }
.x-window-blue-window .x-tab-bar .x-tab-over {
  background-color: #479fe8; }
.x-window-blue-window .x-tab-bar .x-tab-top-active {
  background-color: #1979ca;
  border: 1px solid #1979ca; }
.x-window-blue-window .x-tab-bar .x-tab-bottom-active {
  background-color: #1979ca;
  border: 1px solid #1979ca; }
.x-window-blue-window .x-tab-bar-bottom .x-tab {
  border-top-color: #1979ca !important;
  border-bottom-color: transparent; }
.x-window-blue-window .x-tab-bar-bottom .x-tab-active {
  border-bottom-color: #1979ca; }
.x-window-blue-window .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #1979ca;
  border-color: #1979ca; }
.x-window-blue-window .x-tab-bar .x-tab-bar-strip-default {
  background-color: #1979ca;
  border-color: #1979ca; }
.x-window-blue-window .x-tab-bar-top + .x-panel-body {
  border-top-color: #1979ca; }

.x-window-blue-window .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-blue-window .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #75b2f7 !important;
  background-color: #9bc8f9 !important; }

.x-window-blue-window {
  border-color: #519ef4; }

body.x-nbr .x-window-blue-window-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-4-4-4; }

.x-window-blue-window {
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #6badf6; }

.x-window-body-blue-window {
  border-color: #aeb6be;
  border-width: 1px;
  background: #f8f9f9;
  color: black; }

.x-window-header-blue-window {
  font-size: 11px;
  border-color: #519ef4;
  zoom: 1; }
  .x-window-header-blue-window .x-tool .x-tool-close {
    background-color: gray; }
    .x-window-header-blue-window .x-tool .x-tool-close:hover {
      background-color: gray; }
  .x-window-header-blue-window .x--tool:hover {
    background-color: #3b92f3; }

.x-window-header-text-blue-window {
  color: #363636;
  font-weight: bold;
  line-height: 22px;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  font-size: 11px; }

body.x-nbr .x-window-header-blue-window-top-frameInfo {
  font-family: dh-5-5-0-0-1-1-0-1-4-5-0-5; }

.x-window-header-blue-window-top {
  padding: 4px 5px 0 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #6badf6; }

body.x-nbr .x-window-header-blue-window-right-frameInfo {
  font-family: dh-0-5-5-0-1-1-1-0-5-4-5-0; }

.x-window-header-blue-window-right {
  padding: 5px 4px 5px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: #6badf6; }

body.x-nbr .x-window-header-blue-window-bottom-frameInfo {
  font-family: dh-0-0-5-5-0-1-1-1-0-5-4-5; }

.x-window-header-blue-window-bottom {
  padding: 0 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #6badf6; }

body.x-nbr .x-window-header-blue-window-left-frameInfo {
  font-family: dh-5-0-0-5-1-0-1-1-5-0-5-4; }

.x-window-header-blue-window-left {
  padding: 5px 0px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-color: #6badf6; }

body.x-nbr .x-window-header-blue-window-collapsed-top-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-blue-window-collapsed-top {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #6badf6; }

body.x-nbr .x-window-header-blue-window-collapsed-right-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-blue-window-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #6badf6; }

body.x-nbr .x-window-header-blue-window-collapsed-bottom-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-blue-window-collapsed-bottom {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #6badf6; }

body.x-nbr .x-window-header-blue-window-collapsed-left-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-blue-window-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #6badf6; }

.x-window-header-text-container-blue-window {
  font-weight: bold;
  line-height: 22px;
  padding-left: 2px;
  color: #363636; }

.x-window-header-icon-blue-window.x-window-header-glyph {
  line-height: 16px;
  text-align: center;
  font-size: 20px;
  color: #363636; }

/*
===================== end ui-window ========================
============================================================
*/
/*
==============================================================
===================== start ui-tab ===========================
*/
div.x-panel-blue-tab > .x-tab-bar-top .x-tab {
  border-bottom-color: #1979ca; }
div.x-panel-blue-tab > .x-tab-bar-bottom .x-tab {
  border-top-color: #1979ca !important; }
div.x-panel-blue-tab > .x-tab-bar .x-tab-over {
  background-color: #479fe8; }
div.x-panel-blue-tab > .x-tab-bar .x-tab-active {
  background-color: #1979ca;
  border-color: #1979ca !important; }
div.x-panel-blue-tab > .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #1979ca;
  border-color: #1979ca; }
div.x-panel-blue-tab > .x-tab-bar .x-tab-bar-strip-default {
  background-color: #1979ca;
  border-color: #1979ca; }
div.x-panel-blue-tab .x-tab-bar-top + .x-panel-body-blue-tab {
  border-top-color: #1979ca !important; }
div.x-panel-blue-tab .x-panel-blue-tab {
  border-color: #aeb6be; }
div.x-panel-blue-tab .x-panel-header-blue-tab {
  font-size: 11px;
  border-color: #aeb6be;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
div.x-panel-blue-tab .x-panel-header-text-blue-tab {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }
div.x-panel-blue-tab .x-panel-body-blue-tab {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: black;
  border-width: 1px;
  border-style: solid; }
div.x-panel-blue-tab .x-panel-collapsed .x-window-header-blue-tab,
div.x-panel-blue-tab .x-panel-collapsed .x-panel-header-blue-tab {
  border-color: #aeb6be; }
div.x-panel-blue-tab .x-panel-header-blue-tab-vertical {
  border-color: #aeb6be; }
div.x-panel-blue-tab .x-panel-header-blue-tab-left,
div.x-panel-blue-tab .x-panel-header-blue-tab-right {
  background-image: none;
  background-color: #cbd0d5; }
div.x-panel-blue-tab .x-panel-header-blue-tab-right-tc,
div.x-panel-blue-tab .x-panel-header-blue-tab-right-mc,
div.x-panel-blue-tab .x-panel-header-blue-tab-right-bc {
  background-position: right 0; }
div.x-panel-blue-tab .x-panel-header-blue-tab-bottom-tc,
div.x-panel-blue-tab .x-panel-header-blue-tab-bottom-mc,
div.x-panel-blue-tab .x-panel-header-blue-tab-bottom-bc {
  background-position: 0 bottom; }

div.x-panel-blue-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
div.x-panel-blue-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #75b2f7 !important;
  background-color: #9bc8f9 !important; }

div.x-tabpanel-child .x-panel-blue-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
div.x-tabpanel-child .x-panel-blue-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #75b2f7 !important;
  background-color: #9bc8f9 !important; }

div.x-tabpanel-child .x-tabpanel-child .x-panel-blue-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
div.x-tabpanel-child .x-tabpanel-child .x-panel-blue-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #75b2f7 !important;
  background-color: #9bc8f9 !important; }

.x-tab-blue-tab .x-tab-inner {
  color: #606060; }

.x-tab-blue-tab-over {
  background-color: #479fe8 !important;
  border-bottom-color: #479fe8 !important; }
  .x-tab-blue-tab-over .x-tab-inner {
    color: white; }

.x-panel-blue-tab .x-tab-blue-tab-active {
  background-color: #1979ca !important; }
  .x-panel-blue-tab .x-tab-blue-tab-active .x-tab-inner {
    color: white; }

.x-tab-blue-tab-disabled {
  border-bottom: none !important; }
  .x-tab-blue-tab-disabled .x-tab-inner {
    color: #c3b3b3; }

.x-tab-blue-tab-top {
  padding-left: 10px;
  padding-right: 13px;
  padding-top: 3px; }

.x-tab-blue-tab-bottom {
  padding-left: 10px;
  padding-right: 13px; }
  .x-tab-blue-tab-bottom .x-tab-inner {
    padding-top: 3px;
    display: block; }

.x-tab-bar-blue-tab-right {
  right: 0px !important;
  left: auto !important;
  z-index: 2; }

.x-tab-blue-tab-right {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0px 0px 0px;
  -moz-transform-origin: 0px 0px 0px;
  -ms-transform-origin: 0px 0px 0px;
  -o-transform-origin: 0px 0px 0px;
  transform-origin: 0px 0px 0px;
  border-width: 0px !important; }
  .x-tab-blue-tab-right:first-child {
    margin-left: 0 !important; }
  .x-tab-blue-tab-right .x-tab-inner {
    line-height: 22px; }

.x-tab-blue-tab-right-over {
  background-color: #479fe8;
  border-bottom: 1px solid red; }

.x-tab-blue-tab-right-active {
  background-color: #1979ca; }

.x-tab-blue-tab-right-disabled {
  background-image: none; }

.x-tab-bar-blue-tab-left {
  left: 0px !important;
  right: auto !important;
  z-index: 2; }

.x-tab-blue-tab-left {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 100% 0px 0px;
  -moz-transform-origin: 100% 0px 0px;
  -ms-transform-origin: 100% 0px 0px;
  -o-transform-origin: 100% 0px 0px;
  transform-origin: 100% 0px 0px;
  border-width: 0px !important; }
  .x-tab-blue-tab-left .x-tab-inner {
    line-height: 22px; }
  .x-tab-blue-tab-left:first-child {
    margin-left: 0 !important; }

.x-tab-blue-tab-left-over {
  background-color: #479fe8; }

.x-tab-blue-tab-left-active {
  background-color: #1979ca; }

.x-tab-blue-tab-left-disabled {
  background-image: none; }

.x-tab-bar-strip-blue-tab {
  background-color: #1979ca; }

.x-tab-blue-tab .x-tab-inner {
  font-weight: bold; }

.x-tab-bar-plain .x-tab-bar-body {
  border-width: 0; }

/*
======================= end ui-tab ===========================
==============================================================
*/
/*
==============================================================
================= start ui-tab-active ========================
*/
.x-panel-blue-tab-active .x-panel-blue-tab-active {
  border-color: #aeb6be; }
.x-panel-blue-tab-active .x-panel-header-blue-tab-active {
  font-size: 11px;
  border-color: #aeb6be;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
.x-panel-blue-tab-active .x-panel-header-text-blue-tab-active {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }
.x-panel-blue-tab-active .x-panel-body-blue-tab-active {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: black;
  border-width: 1px;
  border-style: solid; }
.x-panel-blue-tab-active .x-panel-collapsed .x-window-header-blue-tab-active,
.x-panel-blue-tab-active .x-panel-collapsed .x-panel-header-blue-tab-active {
  border-color: #aeb6be; }
.x-panel-blue-tab-active .x-panel-header-blue-tab-active-vertical {
  border-color: #aeb6be; }
.x-panel-blue-tab-active .x-panel-header-blue-tab-active-left,
.x-panel-blue-tab-active .x-panel-header-blue-tab-active-right {
  background-image: none;
  background-color: #cbd0d5; }
.x-panel-blue-tab-active .x-panel-header-blue-tab-active-right-tc,
.x-panel-blue-tab-active .x-panel-header-blue-tab-active-right-mc,
.x-panel-blue-tab-active .x-panel-header-blue-tab-active-right-bc {
  background-position: right 0; }
.x-panel-blue-tab-active .x-panel-header-blue-tab-active-bottom-tc,
.x-panel-blue-tab-active .x-panel-header-blue-tab-active-bottom-mc,
.x-panel-blue-tab-active .x-panel-header-blue-tab-active-bottom-bc {
  background-position: 0 bottom; }

.x-window-active div.x-panel-blue-tab-active > .x-tab-bar-top .x-tab {
  border-bottom-color: #1979ca; }
.x-window-active div.x-panel-blue-tab-active > .x-tab-bar-bottom .x-tab {
  border-top-color: #1979ca !important;
  border-bottom-color: transparent !important; }
.x-window-active div.x-panel-blue-tab-active > .x-tab-bar .x-tab-over {
  background-color: #3193e5; }
.x-window-active div.x-panel-blue-tab-active > .x-tab-bar-bottom .x-tab-active {
  border-bottom-color: #1979ca !important; }
.x-window-active div.x-panel-blue-tab-active > .x-tab-bar .x-tab-active {
  background-color: #1979ca;
  border-color: #1979ca !important; }
.x-window-active div.x-panel-blue-tab-active > .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #1979ca;
  border-color: #1979ca; }
.x-window-active div.x-panel-blue-tab-active > .x-tab-bar .x-tab-bar-strip-default {
  background-color: #1979ca;
  border-color: #1979ca; }
.x-window-active div.x-panel-blue-tab-active .x-tab-bar-top + .x-panel-body-blue-tab-active {
  border-top-color: #1979ca !important; }
.x-window-active div.x-panel-blue-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active div.x-panel-blue-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #75b2f7 !important;
  background-color: #9bc8f9 !important; }
.x-window-active div.x-tabpanel-child .x-panel-blue-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active div.x-tabpanel-child .x-panel-blue-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #75b2f7 !important;
  background-color: #9bc8f9 !important; }
.x-window-active div.x-tabpanel-child div.x-tabpanel-child .x-tabpanel-child .x-panel-blue-tab-active.x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active div.x-tabpanel-child div.x-tabpanel-child .x-tabpanel-child .x-panel-blue-tab-active.x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #75b2f7 !important;
  background-color: #9bc8f9 !important; }

.x-tab-blue-tab-active .x-tab-inner {
  color: #606060; }

.x-tab-blue-tab-active-over {
  background-color: #afb9c3 !important;
  border-bottom-color: #afb9c3 !important; }
  .x-tab-blue-tab-active-over .x-tab-inner {
    color: white; }

.x-panel-blue-tab-active .x-tab-blue-tab-active-active {
  background-color: #8393a2 !important; }
  .x-panel-blue-tab-active .x-tab-blue-tab-active-active .x-tab-inner {
    color: white; }

.x-tab-blue-tab-active-disabled {
  border-bottom: none !important; }
  .x-tab-blue-tab-active-disabled .x-tab-inner {
    color: #c3b3b3; }

.x-tab-blue-tab-active-top {
  padding-left: 10px;
  padding-right: 13px;
  padding-top: 3px; }

.x-tab-blue-tab-active-bottom {
  padding-left: 10px;
  padding-right: 13px; }
  .x-tab-blue-tab-active-bottom .x-tab-inner {
    padding-top: 3px;
    display: block; }

.x-tab-bar-blue-tab-active-right {
  right: 0px !important;
  left: auto !important;
  z-index: 2; }

.x-tab-blue-tab-active-right {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0px 0px 0px;
  -moz-transform-origin: 0px 0px 0px;
  -ms-transform-origin: 0px 0px 0px;
  -o-transform-origin: 0px 0px 0px;
  transform-origin: 0px 0px 0px;
  border-width: 0px !important; }
  .x-tab-blue-tab-active-right:first-child {
    margin-left: 0 !important; }
  .x-tab-blue-tab-active-right .x-tab-inner {
    line-height: 22px; }

.x-tab-blue-tab-active-right-over {
  background-color: #afb9c3;
  border-bottom: 1px solid red; }

.x-tab-blue-tab-active-right-active {
  background-color: #8393a2; }

.x-tab-blue-tab-active-right-disabled {
  background-image: none; }

.x-tab-bar-blue-tab-active-left {
  left: 0px !important;
  right: auto !important;
  z-index: 2; }

.x-tab-blue-tab-active-left {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 100% 0px 0px;
  -moz-transform-origin: 100% 0px 0px;
  -ms-transform-origin: 100% 0px 0px;
  -o-transform-origin: 100% 0px 0px;
  transform-origin: 100% 0px 0px;
  border-width: 0px !important; }
  .x-tab-blue-tab-active-left .x-tab-inner {
    line-height: 22px; }
  .x-tab-blue-tab-active-left:first-child {
    margin-left: 0 !important; }

.x-tab-blue-tab-active-left-over {
  background-color: #afb9c3; }

.x-tab-blue-tab-active-left-active {
  background-color: #8393a2; }

.x-tab-blue-tab-active-left-disabled {
  background-image: none; }

.x-tab-bar-strip-blue-tab-active {
  background-color: #8393a2; }

.x-tab-blue-tab-active .x-tab-inner {
  font-weight: bold; }

.x-tab-bar-plain .x-tab-bar-body {
  border-width: 0; }

.x-window-active .x-tab-blue-tab-active-over {
  background-color: #479fe8 !important;
  border-bottom-color: #479fe8 !important; }
.x-window-active .x-panel-blue-tab-active .x-tab-blue-tab-active-active {
  background-color: #1979ca !important; }
.x-window-active .x-tab-blue-tab-active-disabled {
  border-bottom: none !important; }
.x-window-active .x-tab-blue-tab-active-top {
  padding-left: 10px;
  padding-right: 13px;
  padding-top: 3px; }
.x-window-active .x-tab-blue-tab-active-bottom {
  padding-left: 10px;
  padding-right: 13px; }
  .x-window-active .x-tab-blue-tab-active-bottom .x-tab-inner {
    padding-top: 3px;
    display: block; }
.x-window-active .x-tab-bar-blue-tab-active-right {
  right: 0px !important;
  left: auto !important;
  z-index: 2; }
.x-window-active .x-tab-blue-tab-active-right {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0px 0px 0px;
  -moz-transform-origin: 0px 0px 0px;
  -ms-transform-origin: 0px 0px 0px;
  -o-transform-origin: 0px 0px 0px;
  transform-origin: 0px 0px 0px;
  border-width: 0px !important; }
  .x-window-active .x-tab-blue-tab-active-right:first-child {
    margin-left: 0 !important; }
  .x-window-active .x-tab-blue-tab-active-right .x-tab-inner {
    line-height: 22px; }
.x-window-active .x-tab-blue-tab-active-right-over {
  background-color: #479fe8;
  border-bottom: 1px solid red; }
.x-window-active .x-tab-blue-tab-active-right-active {
  background-color: #1979ca; }
.x-window-active .x-tab-blue-tab-active-right-disabled {
  background-image: none; }
.x-window-active .x-tab-bar-blue-tab-active-left {
  left: 0px !important;
  right: auto !important;
  z-index: 2; }
.x-window-active .x-tab-blue-tab-active-left {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 100% 0px 0px;
  -moz-transform-origin: 100% 0px 0px;
  -ms-transform-origin: 100% 0px 0px;
  -o-transform-origin: 100% 0px 0px;
  transform-origin: 100% 0px 0px;
  border-width: 0px !important; }
  .x-window-active .x-tab-blue-tab-active-left .x-tab-inner {
    line-height: 22px; }
  .x-window-active .x-tab-blue-tab-active-left:first-child {
    margin-left: 0 !important; }
.x-window-active .x-tab-blue-tab-active-left-over {
  background-color: #479fe8; }
.x-window-active .x-tab-blue-tab-active-left-active {
  background-color: #1979ca; }
.x-window-active .x-tab-blue-tab-active-left-disabled {
  background-image: none; }
.x-window-active .x-tab-bar-strip-blue-tab-active {
  background-color: #1979ca; }
.x-window-active .x-tab-blue-tab-active .x-tab-inner {
  font-weight: bold; }
.x-window-active .x-tab-bar-plain .x-tab-bar-body {
  border-width: 0; }

/*
=================== end ui-tab-active ========================
==============================================================
*/
.x-panel-header-text-container-default {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #404040; }

.x-panel-header-default .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a; }

.x-panel-header-default-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-default-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-default-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-default-vertical .x-panel-header-text-container {
  display: none; }

.x-panel-header-text-container-default-framed {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #404040; }

.x-panel-header-default-framed .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a; }

.x-panel-header-default-framed-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-default-framed-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-default-framed-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-default-framed-vertical .x-panel-header-text-container {
  display: none; }

.x-ie7 [class$="-mc"], .x-ie8 [class$="-mc"] {
  margin-top: -1px !important;
  margin-left: -1px !important; }

/*
==============================================================
===================== start ui-button ========================
*/
.x-btn-black-button-small {
  border-color: #424242; }

body.x-nbr .x-btn-black-button-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #474747; }

.x-btn-black-button-small .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-black-button-small-icon button,
.x-btn-black-button-small-icon a,
.x-btn-black-button-small-icon .x-btn-inner,
.x-btn-black-button-small-noicon button,
.x-btn-black-button-small-noicon a,
.x-btn-black-button-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-black-button-small-icon button,
.x-btn-black-button-small-icon a {
  padding: 0; }
.x-btn-black-button-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-black-button-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-small-icon-text-left button,
.x-btn-black-button-small-icon-text-left a {
  height: 16px; }
.x-btn-black-button-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-black-button-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-black-button-small-icon-text-right button,
.x-btn-black-button-small-icon-text-right a {
  height: 16px; }
.x-btn-black-button-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-black-button-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-black-button-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-black-button-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-black-button-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-black-button-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-black-button-small-over {
  border-color: #494949;
  background-image: none;
  background-color: #4e4e4e; }

.x-btn-black-button-small-focus {
  border-color: #494949;
  background-image: none;
  background-color: #4e4e4e; }

.x-btn-black-button-small-menu-active,
.x-btn-black-button-small-pressed {
  border-color: #353535;
  background-image: none;
  background-color: #3a3a3a; }

.x-btn-black-button-small-disabled {
  border-color: #676767;
  background-image: none;
  background-color: #676767; }

.x-btn-black-button-medium {
  border-color: #424242; }

body.x-nbr .x-btn-black-button-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #474747; }

.x-btn-black-button-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-black-button-medium-icon button,
.x-btn-black-button-medium-icon a,
.x-btn-black-button-medium-icon .x-btn-inner,
.x-btn-black-button-medium-noicon button,
.x-btn-black-button-medium-noicon a,
.x-btn-black-button-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-black-button-medium-icon button,
.x-btn-black-button-medium-icon a {
  padding: 0; }
.x-btn-black-button-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-black-button-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-medium-icon-text-left button,
.x-btn-black-button-medium-icon-text-left a {
  height: 24px; }
.x-btn-black-button-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-black-button-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-black-button-medium-icon-text-right button,
.x-btn-black-button-medium-icon-text-right a {
  height: 24px; }
.x-btn-black-button-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-black-button-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-black-button-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-black-button-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-black-button-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-black-button-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-black-button-medium-over {
  border-color: #494949;
  background-image: none;
  background-color: #4e4e4e; }

.x-btn-black-button-medium-focus {
  border-color: #494949;
  background-image: none;
  background-color: #4e4e4e; }

.x-btn-black-button-medium-menu-active,
.x-btn-black-button-medium-pressed {
  border-color: #353535;
  background-image: none;
  background-color: #3a3a3a; }

.x-btn-black-button-medium-disabled {
  border-color: #676767;
  background-image: none;
  background-color: #676767; }

.x-btn-black-button-large {
  border-color: #424242; }

body.x-nbr .x-btn-black-button-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #474747; }

.x-btn-black-button-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-black-button-large-icon button,
.x-btn-black-button-large-icon a,
.x-btn-black-button-large-icon .x-btn-inner,
.x-btn-black-button-large-noicon button,
.x-btn-black-button-large-noicon a,
.x-btn-black-button-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-black-button-large-icon button,
.x-btn-black-button-large-icon a {
  padding: 0; }
.x-btn-black-button-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-black-button-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-large-icon-text-left button,
.x-btn-black-button-large-icon-text-left a {
  height: 32px; }
.x-btn-black-button-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-black-button-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-black-button-large-icon-text-right button,
.x-btn-black-button-large-icon-text-right a {
  height: 32px; }
.x-btn-black-button-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-black-button-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-black-button-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-black-button-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-black-button-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-black-button-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-black-button-large-over {
  border-color: #494949;
  background-image: none;
  background-color: #4e4e4e; }

.x-btn-black-button-large-focus {
  border-color: #494949;
  background-image: none;
  background-color: #4e4e4e; }

.x-btn-black-button-large-menu-active,
.x-btn-black-button-large-pressed {
  border-color: #353535;
  background-image: none;
  background-color: #3a3a3a; }

.x-btn-black-button-large-disabled {
  border-color: #676767;
  background-image: none;
  background-color: #676767; }

.x-btn-black-button-small .x-btn-icon-el {
  height: 16px; }
.x-btn-black-button-small .x-btn-glyph {
  line-height: 16px;
  color: white;
  font-size: 20px; }
.x-btn-black-button-small.x-btn-over .x-btn-glyph {
  color: white; }
.x-btn-black-button-small.x-btn-pressed .x-btn-glyph, .x-btn-black-button-small.x-btn-menu-active .x-btn-glyph {
  color: white; }

.x-btn-black-button-medium .x-btn-icon-el {
  height: 24px; }
.x-btn-black-button-medium .x-btn-glyph {
  line-height: 24px;
  color: white;
  font-size: 28px; }
.x-btn-black-button-medium.x-btn-over .x-btn-glyph {
  color: white; }
.x-btn-black-button-medium.x-btn-pressed .x-btn-glyph, .x-btn-black-button-medium.x-btn-menu-active .x-btn-glyph {
  color: white; }

.x-btn-black-button-large .x-btn-icon-el {
  height: 32px; }
.x-btn-black-button-large .x-btn-glyph {
  line-height: 32px;
  color: white;
  font-size: 36px; }
.x-btn-black-button-large.x-btn-over .x-btn-glyph {
  color: white; }
.x-btn-black-button-large.x-btn-pressed .x-btn-glyph, .x-btn-black-button-large.x-btn-menu-active .x-btn-glyph {
  color: white; }

.x-btn-black-button-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-black-button-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-black-button-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-black-button-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-small-icon-text-right {
  /*marko*/ }
  .x-btn-black-button-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-black-button-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-black-button-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-black-button-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-black-button-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-black-button-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-black-button-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-black-button-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-black-button-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-black-button-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-black-button-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-black-button-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

/*
====================== end ui-button==========================
==============================================================
*/
/*
=================== start ui-toolbar-button===================
==============================================================
*/
.x-btn-black-button-toolbar-small {
  border-color: transparent; }

body.x-nbr .x-btn-black-button-toolbar-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-toolbar-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-black-button-toolbar-small .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-black-button-toolbar-small-icon button,
.x-btn-black-button-toolbar-small-icon a,
.x-btn-black-button-toolbar-small-icon .x-btn-inner,
.x-btn-black-button-toolbar-small-noicon button,
.x-btn-black-button-toolbar-small-noicon a,
.x-btn-black-button-toolbar-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-black-button-toolbar-small-icon button,
.x-btn-black-button-toolbar-small-icon a {
  padding: 0; }
.x-btn-black-button-toolbar-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-black-button-toolbar-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-toolbar-small-icon-text-left button,
.x-btn-black-button-toolbar-small-icon-text-left a {
  height: 16px; }
.x-btn-black-button-toolbar-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-black-button-toolbar-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-toolbar-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-toolbar-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-black-button-toolbar-small-icon-text-right button,
.x-btn-black-button-toolbar-small-icon-text-right a {
  height: 16px; }
.x-btn-black-button-toolbar-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-black-button-toolbar-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-toolbar-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-toolbar-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-black-button-toolbar-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-black-button-toolbar-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-toolbar-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-toolbar-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-black-button-toolbar-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-black-button-toolbar-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-toolbar-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-toolbar-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-black-button-toolbar-small-over {
  border-color: #434343;
  background-image: none;
  background-color: #505050; }
  .x-btn-black-button-toolbar-small-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-toolbar-small-focus {
  border-color: #434343;
  background-image: none;
  background-color: #505050; }
  .x-btn-black-button-toolbar-small-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-toolbar-small-menu-active,
.x-btn-black-button-toolbar-small-pressed {
  border-color: #4a4a4a;
  background-image: none;
  background-color: #4a4a4a; }
  .x-btn-black-button-toolbar-small-menu-active .x-btn-inner,
  .x-btn-black-button-toolbar-small-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-toolbar-small-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-black-button-toolbar-small-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-black-button-toolbar-small-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-black-button-toolbar-small-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-black-button-toolbar-medium {
  border-color: transparent; }

body.x-nbr .x-btn-black-button-toolbar-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-toolbar-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-black-button-toolbar-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-black-button-toolbar-medium-icon button,
.x-btn-black-button-toolbar-medium-icon a,
.x-btn-black-button-toolbar-medium-icon .x-btn-inner,
.x-btn-black-button-toolbar-medium-noicon button,
.x-btn-black-button-toolbar-medium-noicon a,
.x-btn-black-button-toolbar-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-black-button-toolbar-medium-icon button,
.x-btn-black-button-toolbar-medium-icon a {
  padding: 0; }
.x-btn-black-button-toolbar-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-black-button-toolbar-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-toolbar-medium-icon-text-left button,
.x-btn-black-button-toolbar-medium-icon-text-left a {
  height: 24px; }
.x-btn-black-button-toolbar-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-black-button-toolbar-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-toolbar-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-toolbar-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-black-button-toolbar-medium-icon-text-right button,
.x-btn-black-button-toolbar-medium-icon-text-right a {
  height: 24px; }
.x-btn-black-button-toolbar-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-black-button-toolbar-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-toolbar-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-toolbar-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-black-button-toolbar-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-black-button-toolbar-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-toolbar-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-toolbar-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-black-button-toolbar-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-black-button-toolbar-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-toolbar-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-toolbar-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-black-button-toolbar-medium-over {
  border-color: #434343;
  background-image: none;
  background-color: #505050; }
  .x-btn-black-button-toolbar-medium-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-toolbar-medium-focus {
  border-color: #434343;
  background-image: none;
  background-color: #505050; }
  .x-btn-black-button-toolbar-medium-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-toolbar-medium-menu-active,
.x-btn-black-button-toolbar-medium-pressed {
  border-color: #4a4a4a;
  background-image: none;
  background-color: #4a4a4a; }
  .x-btn-black-button-toolbar-medium-menu-active .x-btn-inner,
  .x-btn-black-button-toolbar-medium-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-toolbar-medium-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-black-button-toolbar-medium-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-black-button-toolbar-medium-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-black-button-toolbar-medium-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-black-button-toolbar-large {
  border-color: transparent; }

body.x-nbr .x-btn-black-button-toolbar-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-toolbar-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-black-button-toolbar-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-black-button-toolbar-large-icon button,
.x-btn-black-button-toolbar-large-icon a,
.x-btn-black-button-toolbar-large-icon .x-btn-inner,
.x-btn-black-button-toolbar-large-noicon button,
.x-btn-black-button-toolbar-large-noicon a,
.x-btn-black-button-toolbar-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-black-button-toolbar-large-icon button,
.x-btn-black-button-toolbar-large-icon a {
  padding: 0; }
.x-btn-black-button-toolbar-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-black-button-toolbar-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-toolbar-large-icon-text-left button,
.x-btn-black-button-toolbar-large-icon-text-left a {
  height: 32px; }
.x-btn-black-button-toolbar-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-black-button-toolbar-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-toolbar-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-toolbar-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-black-button-toolbar-large-icon-text-right button,
.x-btn-black-button-toolbar-large-icon-text-right a {
  height: 32px; }
.x-btn-black-button-toolbar-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-black-button-toolbar-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-toolbar-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-toolbar-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-black-button-toolbar-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-black-button-toolbar-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-toolbar-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-toolbar-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-black-button-toolbar-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-black-button-toolbar-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-toolbar-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-toolbar-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-black-button-toolbar-large-over {
  border-color: #434343;
  background-image: none;
  background-color: #505050; }
  .x-btn-black-button-toolbar-large-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-toolbar-large-focus {
  border-color: #434343;
  background-image: none;
  background-color: #505050; }
  .x-btn-black-button-toolbar-large-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-toolbar-large-menu-active,
.x-btn-black-button-toolbar-large-pressed {
  border-color: #4a4a4a;
  background-image: none;
  background-color: #4a4a4a; }
  .x-btn-black-button-toolbar-large-menu-active .x-btn-inner,
  .x-btn-black-button-toolbar-large-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-toolbar-large-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-black-button-toolbar-large-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-black-button-toolbar-large-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-black-button-toolbar-large-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-black-button-toolbar-small .x-btn-icon-el {
  height: 16px; }
.x-btn-black-button-toolbar-small .x-btn-glyph {
  line-height: 16px;
  color: #666666;
  font-size: 20px; }
.x-btn-black-button-toolbar-small.x-btn-over .x-btn-glyph {
  color: #f8f9f9; }
.x-btn-black-button-toolbar-small.x-btn-pressed .x-btn-glyph, .x-btn-black-button-toolbar-small.x-btn-menu-active .x-btn-glyph {
  color: #f8f9f9; }

.x-btn-black-button-toolbar-medium .x-btn-icon-el {
  height: 24px; }
.x-btn-black-button-toolbar-medium .x-btn-glyph {
  line-height: 24px;
  color: #666666;
  font-size: 28px; }
.x-btn-black-button-toolbar-medium.x-btn-over .x-btn-glyph {
  color: #f8f9f9; }
.x-btn-black-button-toolbar-medium.x-btn-pressed .x-btn-glyph, .x-btn-black-button-toolbar-medium.x-btn-menu-active .x-btn-glyph {
  color: #f8f9f9; }

.x-btn-black-button-toolbar-large .x-btn-icon-el {
  height: 32px; }
.x-btn-black-button-toolbar-large .x-btn-glyph {
  line-height: 32px;
  color: #666666;
  font-size: 36px; }
.x-btn-black-button-toolbar-large.x-btn-over .x-btn-glyph {
  color: #f8f9f9; }
.x-btn-black-button-toolbar-large.x-btn-pressed .x-btn-glyph, .x-btn-black-button-toolbar-large.x-btn-menu-active .x-btn-glyph {
  color: #f8f9f9; }

.x-btn-black-button-toolbar-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-black-button-toolbar-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-toolbar-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-black-button-toolbar-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-toolbar-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-black-button-toolbar-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-toolbar-small-icon-text-right {
  /*marko*/ }
  .x-btn-black-button-toolbar-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-black-button-toolbar-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-black-button-toolbar-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-black-button-toolbar-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-black-button-toolbar-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-black-button-toolbar-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-black-button-toolbar-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-black-button-toolbar-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-black-button-toolbar-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-black-button-toolbar-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-black-button-toolbar-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-black-button-toolbar-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

/*
==============================================================
================= start ui-button-active =====================
*/
.x-btn-black-button-active-small {
  border-color: #7e8b98; }

body.x-nbr .x-btn-black-button-active-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-active-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #87939f; }

.x-btn-black-button-active-small .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-black-button-active-small-icon button,
.x-btn-black-button-active-small-icon a,
.x-btn-black-button-active-small-icon .x-btn-inner,
.x-btn-black-button-active-small-noicon button,
.x-btn-black-button-active-small-noicon a,
.x-btn-black-button-active-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-black-button-active-small-icon button,
.x-btn-black-button-active-small-icon a {
  padding: 0; }
.x-btn-black-button-active-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-black-button-active-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-active-small-icon-text-left button,
.x-btn-black-button-active-small-icon-text-left a {
  height: 16px; }
.x-btn-black-button-active-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-black-button-active-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-active-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-active-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-black-button-active-small-icon-text-right button,
.x-btn-black-button-active-small-icon-text-right a {
  height: 16px; }
.x-btn-black-button-active-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-black-button-active-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-active-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-black-button-active-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-black-button-active-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-black-button-active-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-black-button-active-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-black-button-active-small-over {
  border-color: #8c98a3;
  background-image: none;
  background-color: #959faa; }

.x-btn-black-button-active-small-focus {
  border-color: #8c98a3;
  background-image: none;
  background-color: #87939f; }

.x-btn-black-button-active-small-menu-active,
.x-btn-black-button-active-small-pressed {
  border-color: #6c7986;
  background-image: none;
  background-color: #6c7986; }

.x-btn-black-button-active-small-disabled {
  border-color: #bfc6cc;
  background-image: none;
  background-color: #bfc6cc; }

.x-btn-black-button-active-medium {
  border-color: #7e8b98; }

body.x-nbr .x-btn-black-button-active-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-active-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #87939f; }

.x-btn-black-button-active-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-black-button-active-medium-icon button,
.x-btn-black-button-active-medium-icon a,
.x-btn-black-button-active-medium-icon .x-btn-inner,
.x-btn-black-button-active-medium-noicon button,
.x-btn-black-button-active-medium-noicon a,
.x-btn-black-button-active-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-black-button-active-medium-icon button,
.x-btn-black-button-active-medium-icon a {
  padding: 0; }
.x-btn-black-button-active-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-black-button-active-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-active-medium-icon-text-left button,
.x-btn-black-button-active-medium-icon-text-left a {
  height: 24px; }
.x-btn-black-button-active-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-black-button-active-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-active-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-active-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-black-button-active-medium-icon-text-right button,
.x-btn-black-button-active-medium-icon-text-right a {
  height: 24px; }
.x-btn-black-button-active-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-black-button-active-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-active-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-black-button-active-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-black-button-active-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-black-button-active-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-black-button-active-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-black-button-active-medium-over {
  border-color: #8c98a3;
  background-image: none;
  background-color: #959faa; }

.x-btn-black-button-active-medium-focus {
  border-color: #8c98a3;
  background-image: none;
  background-color: #87939f; }

.x-btn-black-button-active-medium-menu-active,
.x-btn-black-button-active-medium-pressed {
  border-color: #6c7986;
  background-image: none;
  background-color: #6c7986; }

.x-btn-black-button-active-medium-disabled {
  border-color: #bfc6cc;
  background-image: none;
  background-color: #bfc6cc; }

.x-btn-black-button-active-large {
  border-color: #7e8b98; }

body.x-nbr .x-btn-black-button-active-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-active-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #87939f; }

.x-btn-black-button-active-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-black-button-active-large-icon button,
.x-btn-black-button-active-large-icon a,
.x-btn-black-button-active-large-icon .x-btn-inner,
.x-btn-black-button-active-large-noicon button,
.x-btn-black-button-active-large-noicon a,
.x-btn-black-button-active-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-black-button-active-large-icon button,
.x-btn-black-button-active-large-icon a {
  padding: 0; }
.x-btn-black-button-active-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-black-button-active-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-active-large-icon-text-left button,
.x-btn-black-button-active-large-icon-text-left a {
  height: 32px; }
.x-btn-black-button-active-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-black-button-active-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-active-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-active-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-black-button-active-large-icon-text-right button,
.x-btn-black-button-active-large-icon-text-right a {
  height: 32px; }
.x-btn-black-button-active-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-black-button-active-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-active-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-black-button-active-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-black-button-active-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-black-button-active-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-black-button-active-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-black-button-active-large-over {
  border-color: #8c98a3;
  background-image: none;
  background-color: #959faa; }

.x-btn-black-button-active-large-focus {
  border-color: #8c98a3;
  background-image: none;
  background-color: #87939f; }

.x-btn-black-button-active-large-menu-active,
.x-btn-black-button-active-large-pressed {
  border-color: #6c7986;
  background-image: none;
  background-color: #6c7986; }

.x-btn-black-button-active-large-disabled {
  border-color: #bfc6cc;
  background-image: none;
  background-color: #bfc6cc; }

.x-btn-black-button-active-small .x-btn-icon-el {
  height: 16px; }
.x-btn-black-button-active-small .x-btn-glyph {
  line-height: 16px;
  font-size: 20px; }

.x-btn-black-button-active-medium .x-btn-icon-el {
  height: 24px; }
.x-btn-black-button-active-medium .x-btn-glyph {
  line-height: 24px;
  font-size: 28px; }

.x-btn-black-button-active-large .x-btn-icon-el {
  height: 32px; }
.x-btn-black-button-active-large .x-btn-glyph {
  line-height: 32px;
  font-size: 36px; }

.x-btn-black-button-active-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-black-button-active-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-active-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-black-button-active-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-active-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-black-button-active-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-active-small-icon-text-right {
  /*marko*/ }
  .x-btn-black-button-active-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-black-button-active-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-black-button-active-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-black-button-active-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-black-button-active-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-black-button-active-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-black-button-active-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-black-button-active-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-black-button-active-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-black-button-active-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-black-button-active-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-black-button-active-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

.x-window-active .x-btn-black-button-active-small {
  background-color: #474747;
  border-color: #424242; }
.x-window-active .x-btn-black-button-active-small-over,
.x-window-active .x-btn-black-button-active-small-focus {
  background-color: #4e4e4e;
  border-color: #494949; }
.x-window-active .x-btn-black-button-active-small-disabled {
  background-color: #676767;
  border-color: #676767; }
.x-window-active .x-btn-black-button-active-small-pressed {
  background-color: #3a3a3a;
  border-color: #353535; }
.x-window-active .x-btn-black-button-active-medium {
  background-color: #474747;
  border-color: #424242; }
.x-window-active .x-btn-black-button-active-medium-over,
.x-window-active .x-btn-black-button-active-medium-focus {
  background-color: #4e4e4e;
  border-color: #494949; }
.x-window-active .x-btn-black-button-active-medium-disabled {
  background-color: #676767;
  border-color: #676767; }
.x-window-active .x-btn-black-button-active-medium-pressed {
  background-color: #3a3a3a;
  border-color: #353535; }
.x-window-active .x-btn-black-button-active-large {
  background-color: #474747;
  border-color: #424242; }
.x-window-active .x-btn-black-button-active-large-over,
.x-window-active .x-btn-black-button-active-large-focus {
  background-color: #4e4e4e;
  border-color: #494949; }
.x-window-active .x-btn-black-button-active-large-disabled {
  background-color: #676767;
  border-color: #676767; }
.x-window-active .x-btn-black-button-active-large-pressed {
  background-color: #3a3a3a;
  border-color: #353535; }

/*
==================== end ui-button-active ====================
==============================================================
*/
/*
============ start ui-toolbar-button-active ==================
==============================================================
*/
.x-btn-black-button-active-toolbar-small {
  border-color: transparent; }

body.x-nbr .x-btn-black-button-active-toolbar-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-active-toolbar-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-black-button-active-toolbar-small .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-black-button-active-toolbar-small-icon button,
.x-btn-black-button-active-toolbar-small-icon a,
.x-btn-black-button-active-toolbar-small-icon .x-btn-inner,
.x-btn-black-button-active-toolbar-small-noicon button,
.x-btn-black-button-active-toolbar-small-noicon a,
.x-btn-black-button-active-toolbar-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-black-button-active-toolbar-small-icon button,
.x-btn-black-button-active-toolbar-small-icon a {
  padding: 0; }
.x-btn-black-button-active-toolbar-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-black-button-active-toolbar-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-active-toolbar-small-icon-text-left button,
.x-btn-black-button-active-toolbar-small-icon-text-left a {
  height: 16px; }
.x-btn-black-button-active-toolbar-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-black-button-active-toolbar-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-active-toolbar-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-active-toolbar-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-black-button-active-toolbar-small-icon-text-right button,
.x-btn-black-button-active-toolbar-small-icon-text-right a {
  height: 16px; }
.x-btn-black-button-active-toolbar-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-black-button-active-toolbar-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-toolbar-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-active-toolbar-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-black-button-active-toolbar-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-black-button-active-toolbar-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-toolbar-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-toolbar-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-black-button-active-toolbar-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-black-button-active-toolbar-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-toolbar-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-toolbar-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-black-button-active-toolbar-small-over {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-black-button-active-toolbar-small-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-active-toolbar-small-focus {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-black-button-active-toolbar-small-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-active-toolbar-small-menu-active,
.x-btn-black-button-active-toolbar-small-pressed {
  border-color: #99a3ad;
  background-image: none;
  background-color: #a7b0b9; }
  .x-btn-black-button-active-toolbar-small-menu-active .x-btn-inner,
  .x-btn-black-button-active-toolbar-small-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-active-toolbar-small-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-black-button-active-toolbar-small-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-black-button-active-toolbar-small-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-black-button-active-toolbar-small-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-black-button-active-toolbar-medium {
  border-color: transparent; }

body.x-nbr .x-btn-black-button-active-toolbar-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-active-toolbar-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-black-button-active-toolbar-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-black-button-active-toolbar-medium-icon button,
.x-btn-black-button-active-toolbar-medium-icon a,
.x-btn-black-button-active-toolbar-medium-icon .x-btn-inner,
.x-btn-black-button-active-toolbar-medium-noicon button,
.x-btn-black-button-active-toolbar-medium-noicon a,
.x-btn-black-button-active-toolbar-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-black-button-active-toolbar-medium-icon button,
.x-btn-black-button-active-toolbar-medium-icon a {
  padding: 0; }
.x-btn-black-button-active-toolbar-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-black-button-active-toolbar-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-active-toolbar-medium-icon-text-left button,
.x-btn-black-button-active-toolbar-medium-icon-text-left a {
  height: 24px; }
.x-btn-black-button-active-toolbar-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-black-button-active-toolbar-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-active-toolbar-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-active-toolbar-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-black-button-active-toolbar-medium-icon-text-right button,
.x-btn-black-button-active-toolbar-medium-icon-text-right a {
  height: 24px; }
.x-btn-black-button-active-toolbar-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-black-button-active-toolbar-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-toolbar-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-active-toolbar-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-black-button-active-toolbar-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-black-button-active-toolbar-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-toolbar-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-toolbar-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-black-button-active-toolbar-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-black-button-active-toolbar-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-toolbar-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-toolbar-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-black-button-active-toolbar-medium-over {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-black-button-active-toolbar-medium-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-active-toolbar-medium-focus {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-black-button-active-toolbar-medium-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-active-toolbar-medium-menu-active,
.x-btn-black-button-active-toolbar-medium-pressed {
  border-color: #99a3ad;
  background-image: none;
  background-color: #a7b0b9; }
  .x-btn-black-button-active-toolbar-medium-menu-active .x-btn-inner,
  .x-btn-black-button-active-toolbar-medium-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-active-toolbar-medium-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-black-button-active-toolbar-medium-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-black-button-active-toolbar-medium-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-black-button-active-toolbar-medium-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-black-button-active-toolbar-large {
  border-color: transparent; }

body.x-nbr .x-btn-black-button-active-toolbar-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-active-toolbar-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-black-button-active-toolbar-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-black-button-active-toolbar-large-icon button,
.x-btn-black-button-active-toolbar-large-icon a,
.x-btn-black-button-active-toolbar-large-icon .x-btn-inner,
.x-btn-black-button-active-toolbar-large-noicon button,
.x-btn-black-button-active-toolbar-large-noicon a,
.x-btn-black-button-active-toolbar-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-black-button-active-toolbar-large-icon button,
.x-btn-black-button-active-toolbar-large-icon a {
  padding: 0; }
.x-btn-black-button-active-toolbar-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-black-button-active-toolbar-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-active-toolbar-large-icon-text-left button,
.x-btn-black-button-active-toolbar-large-icon-text-left a {
  height: 32px; }
.x-btn-black-button-active-toolbar-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-black-button-active-toolbar-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-active-toolbar-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-active-toolbar-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-black-button-active-toolbar-large-icon-text-right button,
.x-btn-black-button-active-toolbar-large-icon-text-right a {
  height: 32px; }
.x-btn-black-button-active-toolbar-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-black-button-active-toolbar-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-toolbar-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-active-toolbar-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-black-button-active-toolbar-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-black-button-active-toolbar-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-toolbar-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-toolbar-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-black-button-active-toolbar-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-black-button-active-toolbar-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-toolbar-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-toolbar-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-black-button-active-toolbar-large-over {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-black-button-active-toolbar-large-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-active-toolbar-large-focus {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-black-button-active-toolbar-large-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-active-toolbar-large-menu-active,
.x-btn-black-button-active-toolbar-large-pressed {
  border-color: #99a3ad;
  background-image: none;
  background-color: #a7b0b9; }
  .x-btn-black-button-active-toolbar-large-menu-active .x-btn-inner,
  .x-btn-black-button-active-toolbar-large-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-active-toolbar-large-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-black-button-active-toolbar-large-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-black-button-active-toolbar-large-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-black-button-active-toolbar-large-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-black-button-active-toolbar-small .x-btn-icon-el {
  height: 16px; }
.x-btn-black-button-active-toolbar-small .x-btn-glyph {
  line-height: 16px;
  font-size: 20px; }

.x-btn-black-button-active-toolbar-medium .x-btn-icon-el {
  height: 24px; }
.x-btn-black-button-active-toolbar-medium .x-btn-glyph {
  line-height: 24px;
  font-size: 28px; }

.x-btn-black-button-active-toolbar-large .x-btn-icon-el {
  height: 32px; }
.x-btn-black-button-active-toolbar-large .x-btn-glyph {
  line-height: 32px;
  font-size: 36px; }

.x-btn-black-button-active-toolbar-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-black-button-active-toolbar-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-active-toolbar-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-black-button-active-toolbar-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-active-toolbar-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-black-button-active-toolbar-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-active-toolbar-small-icon-text-right {
  /*marko*/ }
  .x-btn-black-button-active-toolbar-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-black-button-active-toolbar-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-black-button-active-toolbar-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-black-button-active-toolbar-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-black-button-active-toolbar-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-black-button-active-toolbar-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-black-button-active-toolbar-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-black-button-active-toolbar-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-black-button-active-toolbar-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-black-button-active-toolbar-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-black-button-active-toolbar-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-black-button-active-toolbar-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

.x-window-active .x-btn-black-button-active-toolbar-small {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-black-button-active-toolbar-small-over,
.x-window-active .x-btn-black-button-active-toolbar-small-focus {
  background-color: #505050;
  border-color: #434343; }
.x-window-active .x-btn-black-button-active-toolbar-small-disabled {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-black-button-active-toolbar-small-pressed {
  background-color: #4a4a4a;
  border-color: #4a4a4a; }
.x-window-active .x-btn-black-button-active-toolbar-medium {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-black-button-active-toolbar-medium-over,
.x-window-active .x-btn-black-button-active-toolbar-medium-focus {
  background-color: #505050;
  border-color: #434343; }
.x-window-active .x-btn-black-button-active-toolbar-medium-disabled {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-black-button-active-toolbar-medium-pressed {
  background-color: #4a4a4a;
  border-color: #4a4a4a; }
.x-window-active .x-btn-black-button-active-toolbar-large {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-black-button-active-toolbar-large-over,
.x-window-active .x-btn-black-button-active-toolbar-large-focus {
  background-color: #505050;
  border-color: #434343; }
.x-window-active .x-btn-black-button-active-toolbar-large-disabled {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-black-button-active-toolbar-large-pressed {
  background-color: #4a4a4a;
  border-color: #4a4a4a; }

/*
==============================================================
===================== start ui-panel =========================
*/
.x-panel-black-panel {
  border-color: #aeb6be; }

.x-panel-header-black-panel {
  font-size: 11px;
  border-color: #3f3f3f;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #535353; }
  .x-panel-header-black-panel > .x-panel-header-body .x-tool img:hover {
    background-color: #474747; }
  .x-panel-header-black-panel > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-panel-header-black-panel > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }

.x-panel-header-text-black-panel {
  color: #fafafa;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }

.x-panel-body-black-panel {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: black;
  border-width: 1px;
  border-style: solid; }

.x-panel-collapsed .x-window-header-black-panel,
.x-panel-collapsed .x-panel-header-black-panel {
  border-color: #3f3f3f; }

.x-panel-header-black-panel-vertical {
  border-color: #3f3f3f; }

.x-panel-header-black-panel-left,
.x-panel-header-black-panel-right {
  background-image: none;
  background-color: #535353; }

.x-panel-header-black-panel-right-tc,
.x-panel-header-black-panel-right-mc,
.x-panel-header-black-panel-right-bc {
  background-position: right 0; }

.x-panel-header-black-panel-bottom-tc,
.x-panel-header-black-panel-bottom-mc,
.x-panel-header-black-panel-bottom-bc {
  background-position: 0 bottom; }

.x-panel-header-black-panel + .x-panel-body-black-panel {
  border-top-color: #3f3f3f; }

.x-panel-header-black-panel + .x-toolbar-docked-top {
  border-top-color: #3f3f3f; }

.x-panel-header-black-panel.x-accordion-hd {
  background-color: #535353 !important;
  border-top-color: #535353 !important; }

.x-panel-black-panel.x-grid-with-row-lines .x-panel-body-black-panel .x-grid-row-selected .x-grid-cell,
.x-panel-black-panel.x-grid-with-row-lines .x-panel-body-black-panel .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }

.x-panel-black-panel.x-tree-panel .x-panel-body-black-panel .x-grid-row-selected .x-grid-cell,
.x-panel-black-panel.x-tree-panel .x-panel-body-black-panel .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #a0a0a0 !important; }

.x-panel-header-text-container-black-panel {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #fafafa; }

.x-panel-header-black-panel .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #fafafa; }

.x-panel-header-black-panel-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-black-panel-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-black-panel-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-black-panel-vertical .x-panel-header-text-container {
  display: none; }

/*
======================= end ui-panel =========================
==============================================================
*/
/*
==============================================================
=================== start ui-panel-framed ====================
*/
.x-panel-black-panel-framed {
  border-color: #535353; }

.x-panel-header-black-panel-framed {
  font-size: 11px;
  border-color: #535353;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #535353; }
  .x-panel-header-black-panel-framed > .x-panel-header-body .x-tool img:hover {
    background-color: #474747; }
  .x-panel-header-black-panel-framed > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-panel-header-black-panel-framed > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }

.x-panel-header-text-black-panel-framed {
  color: #fafafa;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }

.x-panel-body-black-panel-framed {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: #333333;
  border-width: 0;
  border-style: solid; }

.x-panel-collapsed .x-window-header-black-panel-framed,
.x-panel-collapsed .x-panel-header-black-panel-framed {
  border-color: #535353; }

.x-panel-header-black-panel-framed-vertical {
  border-color: #535353; }

.x-panel-header-black-panel-framed-left,
.x-panel-header-black-panel-framed-right {
  background-image: none;
  background-color: #535353; }

body.x-nbr .x-panel-black-panel-framed-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-4-4-4-4; }

.x-panel-black-panel-framed {
  padding: 4px 4px 4px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #f8f9f9; }

body.x-nbr .x-panel-header-black-panel-framed-top-frameInfo {
  font-family: dh-4-4-0-0-1-2-0-2-3-5-4-5; }

.x-panel-header-black-panel-framed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 0 2px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-panel-header-black-panel-framed-right-frameInfo {
  font-family: dh-0-4-4-0-1-2-2-0-5-4-5-4; }

.x-panel-header-black-panel-framed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 0;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-panel-header-black-panel-framed-bottom-frameInfo {
  font-family: dh-0-0-4-4-0-2-2-2-3-5-4-5; }

.x-panel-header-black-panel-framed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 0 2px 2px 2px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-panel-header-black-panel-framed-left-frameInfo {
  font-family: dh-4-0-0-4-1-0-2-2-5-4-5-4; }

.x-panel-header-black-panel-framed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 0 2px 2px;
  border-style: solid;
  background-color: #535353; }

.x-panel .x-panel-header-black-panel-framed-top {
  border-bottom-width: 1px !important; }

.x-panel .x-panel-header-black-panel-framed-right {
  border-left-width: 1px !important; }

.x-panel .x-panel-header-black-panel-framed-bottom {
  border-top-width: 1px !important; }

.x-panel .x-panel-header-black-panel-framed-left {
  border-right-width: 1px !important; }

body.x-nbr .x-panel-header-black-panel-framed-collapsed-top-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-black-panel-framed-collapsed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-panel-header-black-panel-framed-collapsed-right-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-black-panel-framed-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-panel-header-black-panel-framed-collapsed-bottom-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-black-panel-framed-collapsed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-panel-header-black-panel-framed-collapsed-left-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-black-panel-framed-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #535353; }

.x-panel-header-black-panel-framed-right-tc,
.x-panel-header-black-panel-framed-right-mc,
.x-panel-header-black-panel-framed-right-bc {
  background-position: right 0; }

.x-panel-header-black-panel-framed-bottom-tc,
.x-panel-header-black-panel-framed-bottom-mc,
.x-panel-header-black-panel-framed-bottom-bc {
  background-position: 0 bottom; }

.x-panel-black-panel-framed.x-grid-with-row-lines .x-panel-body-black-panel-framed .x-grid-row-selected .x-grid-cell,
.x-panel-black-panel-framed.x-grid-with-row-lines .x-panel-body-black-panel-framed .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }

.x-panel-black-panel-framed.x-tree-panel .x-panel-body-black-panel-framed .x-grid-row-selected .x-grid-cell,
.x-panel-black-panel-framed.x-tree-panel .x-panel-body-black-panel-framed .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #a0a0a0 !important; }

.x-panel-header-text-container-black-panel-framed {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #fafafa; }

.x-panel-header-black-panel-framed .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #fafafa; }

.x-panel-header-black-panel-framed-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-black-panel-framed-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-black-panel-framed-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-black-panel-framed-vertical .x-panel-header-text-container {
  display: none; }

/*
==================== end ui-panel-framed =====================
==============================================================
*/
/*	
==============================================================
================= start ui-panel-active ======================
*/
.x-panel-black-panel-active {
  border-color: #aeb6be; }

.x-panel-header-black-panel-active {
  font-size: 11px;
  border-color: #c5cbd0;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
  .x-panel-header-black-panel-active > .x-panel-header-body .x-tool img:hover {
    background-color: #aeb6be; }
  .x-panel-header-black-panel-active > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #768391; }
    .x-panel-header-black-panel-active > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #768391; }

.x-panel-header-text-black-panel-active {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }

.x-panel-body-black-panel-active {
  background: #f8f9f9;
  border-color: #c5cbd0;
  color: black;
  border-width: 1px;
  border-style: solid; }

.x-panel-collapsed .x-window-header-black-panel-active,
.x-panel-collapsed .x-panel-header-black-panel-active {
  border-color: #c5cbd0; }

.x-panel-header-black-panel-active-vertical {
  border-color: #c5cbd0; }

.x-panel-header-black-panel-active-left,
.x-panel-header-black-panel-active-right {
  background-image: none;
  background-color: #cbd0d5; }

.x-panel-header-black-panel-active-right-tc,
.x-panel-header-black-panel-active-right-mc,
.x-panel-header-black-panel-active-right-bc {
  background-position: right 0; }

.x-panel-header-black-panel-active-bottom-tc,
.x-panel-header-black-panel-active-bottom-mc,
.x-panel-header-black-panel-active-bottom-bc {
  background-position: 0 bottom; }

.x-window-active .x-panel-black-panel-active {
  border-color: #535353; }
.x-window-active .x-panel-header-black-panel-active + .x-panel-body-black-panel-active {
  border-top-color: #3f3f3f; }
.x-window-active .x-panel-header-black-panel-active + .x-toolbar-docked-top {
  border-top-color: #3f3f3f; }
.x-window-active .x-panel-header-black-panel-active.x-accordion-hd {
  background-color: #535353 !important;
  border-top-color: #535353 !important; }
.x-window-active .x-panel-header-text-black-panel-active {
  color: #fafafa; }
.x-window-active .x-panel-header-black-panel-active {
  border-color: #3f3f3f;
  background-color: #535353; }
  .x-window-active .x-panel-header-black-panel-active > .x-panel-header-body .x-tool img:hover {
    background-color: #474747; }
  .x-window-active .x-panel-header-black-panel-active > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-window-active .x-panel-header-black-panel-active > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }
.x-window-active .x-panel-header-text-black-panel-active {
  color: #fafafa; }
.x-window-active .x-panel-collapsed .x-window-header-black-panel-active,
.x-window-active .x-panel-collapsed .x-panel-black-panel-active {
  border-color: #3f3f3f; }
.x-window-active .x-panel-header-black-panel-active-vertical {
  border-color: #3f3f3f; }
.x-window-active .x-panel-header-black-panel-active-left,
.x-window-active .x-panel-header-black-panel-active-right {
  background-color: #535353;
  color: #fafafa; }
.x-window-active .x-panel-black-panel-active.x-grid-with-row-lines .x-panel-body-black-panel-active .x-grid-table .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-black-panel-active.x-grid-with-row-lines .x-panel-body-black-panel-active .x-grid-table .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }
.x-window-active .x-panel-black-panel-active.x-tree-panel .x-panel-body-black-panel-active .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-black-panel-active.x-tree-panel .x-panel-body-black-panel-active .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #a0a0a0 !important; }

.x-panel-header-text-container-black-panel-active {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #404040; }

.x-window-active .x-panel-header-text-container-black-panel-active {
  color: #fafafa; }

.x-panel-header-black-panel-active .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a; }

.x-window-active .x-panel-header-black-panel-active .x-panel-header-glyph {
  color: #fafafa;
  opacity: 0.8; }

.x-panel-header-black-panel-active-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-black-panel-active-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-black-panel-active-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-black-panel-active-vertical .x-panel-header-text-container {
  display: none; }

/*
==================== end ui-panel-active =====================
==============================================================
*/
/*	
==============================================================
=============== start ui-panel-active-framed =================
*/
.x-panel-black-panel-active-framed {
  border-color: #cbd0d5; }

.x-panel-header-black-panel-active-framed {
  font-size: 11px;
  border-color: #aeb6be;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
  .x-panel-header-black-panel-active-framed > .x-panel-header-body .x-tool img:hover {
    background-color: #aeb6be; }
  .x-panel-header-black-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #768391; }
    .x-panel-header-black-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #768391; }

.x-panel-header-text-black-panel-active-framed {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }

.x-panel-body-black-panel-active-framed {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: #333333;
  border-width: 0;
  border-style: solid; }

.x-panel-collapsed .x-window-header-black-panel-active-framed,
.x-panel-collapsed .x-panel-header-black-panel-active-framed {
  border-color: #aeb6be; }

.x-panel-header-black-panel-active-framed-vertical {
  border-color: #aeb6be; }

.x-panel-header-black-panel-active-framed-left,
.x-panel-header-black-panel-active-framed-right {
  background-image: none;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-black-panel-active-framed-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-4-4-4-4; }

.x-panel-black-panel-active-framed {
  padding: 4px 4px 4px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #f8f9f9; }

body.x-nbr .x-panel-header-black-panel-active-framed-top-frameInfo {
  font-family: dh-4-4-0-0-1-2-0-2-3-5-4-5; }

.x-panel-header-black-panel-active-framed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 0 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-black-panel-active-framed-right-frameInfo {
  font-family: dh-0-4-4-0-1-2-2-0-5-4-5-4; }

.x-panel-header-black-panel-active-framed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 0;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-black-panel-active-framed-bottom-frameInfo {
  font-family: dh-0-0-4-4-0-2-2-2-3-5-4-5; }

.x-panel-header-black-panel-active-framed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 0 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-black-panel-active-framed-left-frameInfo {
  font-family: dh-4-0-0-4-1-0-2-2-5-4-5-4; }

.x-panel-header-black-panel-active-framed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 0 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

.x-panel .x-panel-header-black-panel-active-framed-top {
  border-bottom-width: 1px !important; }

.x-panel .x-panel-header-black-panel-active-framed-right {
  border-left-width: 1px !important; }

.x-panel .x-panel-header-black-panel-active-framed-bottom {
  border-top-width: 1px !important; }

.x-panel .x-panel-header-black-panel-active-framed-left {
  border-right-width: 1px !important; }

body.x-nbr .x-panel-header-black-panel-active-framed-collapsed-top-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-black-panel-active-framed-collapsed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-black-panel-active-framed-collapsed-right-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-black-panel-active-framed-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-black-panel-active-framed-collapsed-bottom-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-black-panel-active-framed-collapsed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-black-panel-active-framed-collapsed-left-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-black-panel-active-framed-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

.x-panel-header-black-panel-active-framed-right-tc,
.x-panel-header-black-panel-active-framed-right-mc,
.x-panel-header-black-panel-active-framed-right-bc {
  background-position: right 0; }

.x-panel-header-black-panel-active-framed-bottom-tc,
.x-panel-header-black-panel-active-framed-bottom-mc,
.x-panel-header-black-panel-active-framed-bottom-bc {
  background-position: 0 bottom; }

.x-window-active .x-panel-black-panel-active-framed {
  border-color: #535353; }
.x-window-active .x-panel-header-black-panel-active-framed {
  border-color: #535353;
  background-color: #535353; }
  .x-window-active .x-panel-header-black-panel-active-framed > .x-panel-header-body .x-tool img:hover {
    background-color: #474747; }
  .x-window-active .x-panel-header-black-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-window-active .x-panel-header-black-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }
.x-window-active .x-panel-header-text-black-panel-active-framed {
  color: #fafafa; }
.x-window-active .x-panel-collapsed .x-window-header-black-panel-active-framed,
.x-window-active .x-panel-collapsed .x-panel-header-black-panel-active-framed {
  border-color: #535353;
  color: #fafafa; }
.x-window-active .x-panel-header-black-panel-active-framed-vertical {
  border-color: #535353; }
.x-window-active .x-panel-header-black-panel-active-framed-left,
.x-window-active .x-panel-header-black-panel-active-framed-right {
  background-color: #535353; }
.x-window-active .x-panel-header-black-panel-active-framed-top {
  background-color: #535353; }
.x-window-active .x-panel-header-black-panel-active-framed-right {
  background-color: #535353; }
.x-window-active .x-panel-header-black-panel-active-framed-bottom {
  background-color: #535353; }
.x-window-active .x-panel-header-black-panel-active-framed-left {
  background-color: #535353; }
.x-window-active .x-panel-header-black-panel-active-framed-collapsed-top {
  background-color: #535353; }
.x-window-active .x-panel-header-black-panel-active-framed-collapsed-right {
  background-color: #535353; }
.x-window-active .x-panel-header-black-panel-active-framed-collapsed-bottom {
  background-color: #535353; }
.x-window-active .x-panel-header-black-panel-active-framed-collapsed-left {
  background-color: #535353; }
.x-window-active .x-panel-black-panel-active-framed.x-grid-with-row-lines .x-panel-body-black-panel-active-framed .x-grid-table .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-black-panel-active-framed.x-grid-with-row-lines .x-panel-body-black-panel-active-framed .x-grid-table .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }
.x-window-active .x-panel-black-panel-active-framed.x-tree-panel .x-panel-body-black-panel-active-framed .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-black-panel-active-framed.x-tree-panel .x-panel-body-black-panel-active-framed .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #a0a0a0 !important; }

.x-panel-header-text-container-black-panel-active-framed {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #404040; }

.x-window-active .x-panel-header-text-container-black-panel-active-framed {
  color: #fafafa; }

.x-panel-header-black-panel-active-framed .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a; }

.x-window-active .x-panel-header-black-panel-active-framed .x-panel-header-glyph {
  color: #fafafa;
  opacity: 0.8; }

.x-panel-header-black-panel-active-framed-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-black-panel-active-framed-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-black-panel-active-framed-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-black-panel-active-framed-vertical .x-panel-header-text-container {
  display: none; }

/*
================== end ui-panel-active =======================
==============================================================
*/
/*
==============================================================
================ start ui-progress-active ====================
*/
.x-progress-black-progress {
  border-color: #474747; }
  .x-progress-black-progress .x-progress-bar {
    border-right-color: #474747;
    border-top-color: #474747;
    background-image: none;
    background-color: #474747; }
  .x-progress-black-progress .x-progress-text {
    color: white; }
  .x-progress-black-progress .x-progress-text-back {
    color: #898989; }

/*
==============================================================
================ start ui-progress-active ====================
*/
.x-progress-black-progress-active-active {
  border-color: #a9b1ba; }
  .x-progress-black-progress-active-active .x-progress-bar {
    border-right-color: #a9b1ba;
    border-top-color: #a9b1ba;
    background-image: none;
    background-color: #b7bec5; }
  .x-progress-black-progress-active-active .x-progress-text {
    color: white; }
  .x-progress-black-progress-active-active .x-progress-text-back {
    color: #898989; }

.x-window-active .x-progress-black-progress-active-active {
  border-color: #474747; }
.x-window-active .x-progress-black-progress-active-active .x-progress-bar {
  border-right-color: #474747;
  border-top-color: #474747;
  background-color: #474747; }

/*
==============================================================
================= start ui-window-active =====================
*/
.x-window-active.x-window-black-window-active {
  background-color: #535353;
  border-color: #454545; }

.x-window-active.x-window-black-window-active .x-window-header-black-window-active-top,
.x-window-active.x-window-black-window-active .x-window-header-black-window-active-bottom,
.x-window-active.x-window-black-window-active .x-window-header-black-window-active-left,
.x-window-active.x-window-black-window-active .x-window-header-black-window-active-right {
  background-color: #535353; }

.x-window-active.x-window-black-window-active .x-window-header-text {
  color: #fafafa; }

.x-window-active.x-window-black-window-active .x-window-header .x-tool img:hover {
  background-color: #474747; }

.x-window-active.x-window-black-window-active .x-window-body {
  background-color: #f8f9f9; }

.x-window-active.x-window-black-window-active img.x-tool-close:hover {
  background-color: #c95656 !important; }

.x-window-active.x-window-black-window-active img.x-tool-close {
  background-color: #c54a4a !important; }

.x-window-active.x-window-black-window-active .x-btn-default-small {
  background-color: #474747;
  border-color: #424242; }
.x-window-active.x-window-black-window-active .x-btn-default-small-over,
.x-window-active.x-window-black-window-active .x-btn-default-small-focus {
  background-color: #4e4e4e;
  border-color: #494949; }
.x-window-active.x-window-black-window-active .x-btn-default-small-disabled {
  background-color: #676767;
  border-color: #676767; }
.x-window-active.x-window-black-window-active .x-btn-default-small-pressed {
  background-color: #3a3a3a;
  border-color: #353535; }
.x-window-active.x-window-black-window-active .x-btn-default-medium {
  background-color: #474747;
  border-color: #424242; }
.x-window-active.x-window-black-window-active .x-btn-default-medium-over,
.x-window-active.x-window-black-window-active .x-btn-default-medium-focus {
  background-color: #4e4e4e;
  border-color: #494949; }
.x-window-active.x-window-black-window-active .x-btn-default-medium-disabled {
  background-color: #676767;
  border-color: #676767; }
.x-window-active.x-window-black-window-active .x-btn-default-medium-pressed {
  background-color: #3a3a3a;
  border-color: #353535; }
.x-window-active.x-window-black-window-active .x-btn-default-large {
  background-color: #474747;
  border-color: #424242; }
.x-window-active.x-window-black-window-active .x-btn-default-large-over,
.x-window-active.x-window-black-window-active .x-btn-default-large-focus {
  background-color: #4e4e4e;
  border-color: #494949; }
.x-window-active.x-window-black-window-active .x-btn-default-large-disabled {
  background-color: #676767;
  border-color: #676767; }
.x-window-active.x-window-black-window-active .x-btn-default-large-pressed {
  background-color: #3a3a3a;
  border-color: #353535; }

.x-window-active.x-window-black-window-active .x-tab-bar .x-tab-default {
  border-bottom: 1px solid #474747; }
.x-window-active.x-window-black-window-active .x-tab-bar .x-tab-over {
  background-color: #6d6d6d; }
.x-window-active.x-window-black-window-active .x-tab-bar .x-tab-top-active {
  background-color: #474747;
  border: 1px solid #474747; }
.x-window-active.x-window-black-window-active .x-tab-bar .x-tab-bottom-active {
  background-color: #474747;
  border: 1px solid #474747; }
.x-window-active.x-window-black-window-active .x-tab-bar-bottom .x-tab {
  border-top-color: #474747 !important;
  border-bottom-color: transparent; }
.x-window-active.x-window-black-window-active .x-tab-bar-bottom .x-tab-active {
  border-bottom-color: #474747; }
.x-window-active.x-window-black-window-active .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #474747;
  border-color: #474747; }
.x-window-active.x-window-black-window-active .x-tab-bar .x-tab-bar-strip-default {
  background-color: #474747;
  border-color: #474747; }
.x-window-active.x-window-black-window-active .x-tab-bar-top + .x-panel-body {
  border-top-color: #474747; }

.x-window-active.x-window-black-window-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active.x-window-black-window-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }

.x-window-black-window-active {
  border-color: #c1c7cd; }

body.x-nbr .x-window-black-window-active-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-4-4-4; }

.x-window-black-window-active {
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

.x-window-body-black-window-active {
  border-color: #aeb6be;
  border-width: 1px;
  background: #f8f9f9;
  color: black; }

.x-window-header-black-window-active {
  font-size: 11px;
  border-color: #c1c7cd;
  zoom: 1; }
  .x-window-header-black-window-active .x-tool .x-tool-close {
    background-color: gray; }
    .x-window-header-black-window-active .x-tool .x-tool-close:hover {
      background-color: gray; }
  .x-window-header-black-window-active .x--tool:hover {
    background-color: #bfc6cc; }

.x-window-header-text-black-window-active {
  color: #4d4d4d;
  font-weight: bold;
  line-height: 22px;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  font-size: 11px; }

body.x-nbr .x-window-header-black-window-active-top-frameInfo {
  font-family: dh-5-5-0-0-1-1-0-1-4-5-0-5; }

.x-window-header-black-window-active-top {
  padding: 4px 5px 0 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-black-window-active-right-frameInfo {
  font-family: dh-0-5-5-0-1-1-1-0-5-4-5-0; }

.x-window-header-black-window-active-right {
  padding: 5px 4px 5px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-black-window-active-bottom-frameInfo {
  font-family: dh-0-0-5-5-0-1-1-1-0-5-4-5; }

.x-window-header-black-window-active-bottom {
  padding: 0 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-black-window-active-left-frameInfo {
  font-family: dh-5-0-0-5-1-0-1-1-5-0-5-4; }

.x-window-header-black-window-active-left {
  padding: 5px 0px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-black-window-active-collapsed-top-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-black-window-active-collapsed-top {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-black-window-active-collapsed-right-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-black-window-active-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-black-window-active-collapsed-bottom-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-black-window-active-collapsed-bottom {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-black-window-active-collapsed-left-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-black-window-active-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

.x-window-header-text-container-black-window-active {
  font-weight: bold;
  line-height: 22px;
  padding-left: 2px;
  color: #4d4d4d; }

.x-window-active .x-window-header-text-container-black-window-active {
  color: #fafafa;
  /*marko*/ }

.x-window-header-icon-black-window-active.x-window-header-glyph {
  line-height: 16px;
  text-align: center;
  font-size: 20px;
  color: #595959; }

.x-window-active .x-window-header-black-window-active .x-window-header-glyph {
  color: #fafafa; }

/*
==================== end ui-window-active ====================
==============================================================
*/
/*
==============================================================
===================== start ui-window ========================
*/
.x-window-black-window .x-window-header .x-tool img:hover {
  background-color: #474747; }

.x-window-black-window .x-window-body {
  background-color: #f8f9f9; }

.x-window-black-window img.x-tool-close:hover {
  background-color: #c95656 !important; }

.x-window-black-window img.x-tool-close {
  background-color: #c54a4a !important; }

.x-window-black-window .x-btn-default-small {
  background-color: #474747;
  border-color: #424242; }
.x-window-black-window .x-btn-default-small-over,
.x-window-black-window .x-btn-default-small-focus {
  background-color: #4e4e4e;
  border-color: #494949; }
.x-window-black-window .x-btn-default-small-disabled {
  background-color: #676767;
  border-color: #676767; }
.x-window-black-window .x-btn-default-small-pressed {
  background-color: #3a3a3a;
  border-color: #353535; }
.x-window-black-window .x-btn-default-medium {
  background-color: #474747;
  border-color: #424242; }
.x-window-black-window .x-btn-default-medium-over,
.x-window-black-window .x-btn-default-medium-focus {
  background-color: #4e4e4e;
  border-color: #494949; }
.x-window-black-window .x-btn-default-medium-disabled {
  background-color: #676767;
  border-color: #676767; }
.x-window-black-window .x-btn-default-medium-pressed {
  background-color: #3a3a3a;
  border-color: #353535; }
.x-window-black-window .x-btn-default-large {
  background-color: #474747;
  border-color: #424242; }
.x-window-black-window .x-btn-default-large-over,
.x-window-black-window .x-btn-default-large-focus {
  background-color: #4e4e4e;
  border-color: #494949; }
.x-window-black-window .x-btn-default-large-disabled {
  background-color: #676767;
  border-color: #676767; }
.x-window-black-window .x-btn-default-large-pressed {
  background-color: #3a3a3a;
  border-color: #353535; }

.x-window-black-window .x-tab-bar .x-tab-default {
  border-bottom: 1px solid #474747; }
.x-window-black-window .x-tab-bar .x-tab-over {
  background-color: #6d6d6d; }
.x-window-black-window .x-tab-bar .x-tab-top-active {
  background-color: #474747;
  border: 1px solid #474747; }
.x-window-black-window .x-tab-bar .x-tab-bottom-active {
  background-color: #474747;
  border: 1px solid #474747; }
.x-window-black-window .x-tab-bar-bottom .x-tab {
  border-top-color: #474747 !important;
  border-bottom-color: transparent; }
.x-window-black-window .x-tab-bar-bottom .x-tab-active {
  border-bottom-color: #474747; }
.x-window-black-window .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #474747;
  border-color: #474747; }
.x-window-black-window .x-tab-bar .x-tab-bar-strip-default {
  background-color: #474747;
  border-color: #474747; }
.x-window-black-window .x-tab-bar-top + .x-panel-body {
  border-top-color: #474747; }

.x-window-black-window .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-black-window .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }

.x-window-black-window {
  border-color: #454545; }

body.x-nbr .x-window-black-window-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-4-4-4; }

.x-window-black-window {
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #535353; }

.x-window-body-black-window {
  border-color: #aeb6be;
  border-width: 1px;
  background: #f8f9f9;
  color: black; }

.x-window-header-black-window {
  font-size: 11px;
  border-color: #454545;
  zoom: 1; }
  .x-window-header-black-window .x-tool .x-tool-close {
    background-color: gray; }
    .x-window-header-black-window .x-tool .x-tool-close:hover {
      background-color: gray; }
  .x-window-header-black-window .x--tool:hover {
    background-color: #3a3a3a; }

.x-window-header-text-black-window {
  color: #fafafa;
  font-weight: bold;
  line-height: 22px;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  font-size: 11px; }

body.x-nbr .x-window-header-black-window-top-frameInfo {
  font-family: dh-5-5-0-0-1-1-0-1-4-5-0-5; }

.x-window-header-black-window-top {
  padding: 4px 5px 0 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-window-header-black-window-right-frameInfo {
  font-family: dh-0-5-5-0-1-1-1-0-5-4-5-0; }

.x-window-header-black-window-right {
  padding: 5px 4px 5px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-window-header-black-window-bottom-frameInfo {
  font-family: dh-0-0-5-5-0-1-1-1-0-5-4-5; }

.x-window-header-black-window-bottom {
  padding: 0 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-window-header-black-window-left-frameInfo {
  font-family: dh-5-0-0-5-1-0-1-1-5-0-5-4; }

.x-window-header-black-window-left {
  padding: 5px 0px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-window-header-black-window-collapsed-top-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-black-window-collapsed-top {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-window-header-black-window-collapsed-right-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-black-window-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-window-header-black-window-collapsed-bottom-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-black-window-collapsed-bottom {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-window-header-black-window-collapsed-left-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-black-window-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #535353; }

.x-window-header-text-container-black-window {
  font-weight: bold;
  line-height: 22px;
  padding-left: 2px;
  color: #fafafa; }

.x-window-header-icon-black-window.x-window-header-glyph {
  line-height: 16px;
  text-align: center;
  font-size: 20px;
  color: #fafafa; }

/*
===================== end ui-window ========================
============================================================
*/
/*
==============================================================
===================== start ui-tab ===========================
*/
div.x-panel-black-tab > .x-tab-bar-top .x-tab {
  border-bottom-color: #474747; }
div.x-panel-black-tab > .x-tab-bar-bottom .x-tab {
  border-top-color: #474747 !important; }
div.x-panel-black-tab > .x-tab-bar .x-tab-over {
  background-color: #6d6d6d; }
div.x-panel-black-tab > .x-tab-bar .x-tab-active {
  background-color: #474747;
  border-color: #474747 !important; }
div.x-panel-black-tab > .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #474747;
  border-color: #474747; }
div.x-panel-black-tab > .x-tab-bar .x-tab-bar-strip-default {
  background-color: #474747;
  border-color: #474747; }
div.x-panel-black-tab .x-tab-bar-top + .x-panel-body-black-tab {
  border-top-color: #474747 !important; }
div.x-panel-black-tab .x-panel-black-tab {
  border-color: #aeb6be; }
div.x-panel-black-tab .x-panel-header-black-tab {
  font-size: 11px;
  border-color: #aeb6be;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
div.x-panel-black-tab .x-panel-header-text-black-tab {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }
div.x-panel-black-tab .x-panel-body-black-tab {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: black;
  border-width: 1px;
  border-style: solid; }
div.x-panel-black-tab .x-panel-collapsed .x-window-header-black-tab,
div.x-panel-black-tab .x-panel-collapsed .x-panel-header-black-tab {
  border-color: #aeb6be; }
div.x-panel-black-tab .x-panel-header-black-tab-vertical {
  border-color: #aeb6be; }
div.x-panel-black-tab .x-panel-header-black-tab-left,
div.x-panel-black-tab .x-panel-header-black-tab-right {
  background-image: none;
  background-color: #cbd0d5; }
div.x-panel-black-tab .x-panel-header-black-tab-right-tc,
div.x-panel-black-tab .x-panel-header-black-tab-right-mc,
div.x-panel-black-tab .x-panel-header-black-tab-right-bc {
  background-position: right 0; }
div.x-panel-black-tab .x-panel-header-black-tab-bottom-tc,
div.x-panel-black-tab .x-panel-header-black-tab-bottom-mc,
div.x-panel-black-tab .x-panel-header-black-tab-bottom-bc {
  background-position: 0 bottom; }

div.x-panel-black-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
div.x-panel-black-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }

div.x-tabpanel-child .x-panel-black-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
div.x-tabpanel-child .x-panel-black-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }

div.x-tabpanel-child .x-tabpanel-child .x-panel-black-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
div.x-tabpanel-child .x-tabpanel-child .x-panel-black-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }

.x-tab-black-tab .x-tab-inner {
  color: #606060; }

.x-tab-black-tab-over {
  background-color: #6d6d6d !important;
  border-bottom-color: #6d6d6d !important; }
  .x-tab-black-tab-over .x-tab-inner {
    color: white; }

.x-panel-black-tab .x-tab-black-tab-active {
  background-color: #474747 !important; }
  .x-panel-black-tab .x-tab-black-tab-active .x-tab-inner {
    color: white; }

.x-tab-black-tab-disabled {
  border-bottom: none !important; }
  .x-tab-black-tab-disabled .x-tab-inner {
    color: #c3b3b3; }

.x-tab-black-tab-top {
  padding-left: 10px;
  padding-right: 13px;
  padding-top: 3px; }

.x-tab-black-tab-bottom {
  padding-left: 10px;
  padding-right: 13px; }
  .x-tab-black-tab-bottom .x-tab-inner {
    padding-top: 3px;
    display: block; }

.x-tab-bar-black-tab-right {
  right: 0px !important;
  left: auto !important;
  z-index: 2; }

.x-tab-black-tab-right {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0px 0px 0px;
  -moz-transform-origin: 0px 0px 0px;
  -ms-transform-origin: 0px 0px 0px;
  -o-transform-origin: 0px 0px 0px;
  transform-origin: 0px 0px 0px;
  border-width: 0px !important; }
  .x-tab-black-tab-right:first-child {
    margin-left: 0 !important; }
  .x-tab-black-tab-right .x-tab-inner {
    line-height: 22px; }

.x-tab-black-tab-right-over {
  background-color: #6d6d6d;
  border-bottom: 1px solid red; }

.x-tab-black-tab-right-active {
  background-color: #474747; }

.x-tab-black-tab-right-disabled {
  background-image: none; }

.x-tab-bar-black-tab-left {
  left: 0px !important;
  right: auto !important;
  z-index: 2; }

.x-tab-black-tab-left {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 100% 0px 0px;
  -moz-transform-origin: 100% 0px 0px;
  -ms-transform-origin: 100% 0px 0px;
  -o-transform-origin: 100% 0px 0px;
  transform-origin: 100% 0px 0px;
  border-width: 0px !important; }
  .x-tab-black-tab-left .x-tab-inner {
    line-height: 22px; }
  .x-tab-black-tab-left:first-child {
    margin-left: 0 !important; }

.x-tab-black-tab-left-over {
  background-color: #6d6d6d; }

.x-tab-black-tab-left-active {
  background-color: #474747; }

.x-tab-black-tab-left-disabled {
  background-image: none; }

.x-tab-bar-strip-black-tab {
  background-color: #474747; }

.x-tab-black-tab .x-tab-inner {
  font-weight: bold; }

.x-tab-bar-plain .x-tab-bar-body {
  border-width: 0; }

/*
======================= end ui-tab ===========================
==============================================================
*/
/*
==============================================================
================= start ui-tab-active ========================
*/
.x-panel-black-tab-active .x-panel-black-tab-active {
  border-color: #aeb6be; }
.x-panel-black-tab-active .x-panel-header-black-tab-active {
  font-size: 11px;
  border-color: #aeb6be;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
.x-panel-black-tab-active .x-panel-header-text-black-tab-active {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }
.x-panel-black-tab-active .x-panel-body-black-tab-active {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: black;
  border-width: 1px;
  border-style: solid; }
.x-panel-black-tab-active .x-panel-collapsed .x-window-header-black-tab-active,
.x-panel-black-tab-active .x-panel-collapsed .x-panel-header-black-tab-active {
  border-color: #aeb6be; }
.x-panel-black-tab-active .x-panel-header-black-tab-active-vertical {
  border-color: #aeb6be; }
.x-panel-black-tab-active .x-panel-header-black-tab-active-left,
.x-panel-black-tab-active .x-panel-header-black-tab-active-right {
  background-image: none;
  background-color: #cbd0d5; }
.x-panel-black-tab-active .x-panel-header-black-tab-active-right-tc,
.x-panel-black-tab-active .x-panel-header-black-tab-active-right-mc,
.x-panel-black-tab-active .x-panel-header-black-tab-active-right-bc {
  background-position: right 0; }
.x-panel-black-tab-active .x-panel-header-black-tab-active-bottom-tc,
.x-panel-black-tab-active .x-panel-header-black-tab-active-bottom-mc,
.x-panel-black-tab-active .x-panel-header-black-tab-active-bottom-bc {
  background-position: 0 bottom; }

.x-window-active div.x-panel-black-tab-active > .x-tab-bar-top .x-tab {
  border-bottom-color: #474747; }
.x-window-active div.x-panel-black-tab-active > .x-tab-bar-bottom .x-tab {
  border-top-color: #474747 !important;
  border-bottom-color: transparent !important; }
.x-window-active div.x-panel-black-tab-active > .x-tab-bar .x-tab-over {
  background-color: #606060; }
.x-window-active div.x-panel-black-tab-active > .x-tab-bar-bottom .x-tab-active {
  border-bottom-color: #474747 !important; }
.x-window-active div.x-panel-black-tab-active > .x-tab-bar .x-tab-active {
  background-color: #474747;
  border-color: #474747 !important; }
.x-window-active div.x-panel-black-tab-active > .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #474747;
  border-color: #474747; }
.x-window-active div.x-panel-black-tab-active > .x-tab-bar .x-tab-bar-strip-default {
  background-color: #474747;
  border-color: #474747; }
.x-window-active div.x-panel-black-tab-active .x-tab-bar-top + .x-panel-body-black-tab-active {
  border-top-color: #474747 !important; }
.x-window-active div.x-panel-black-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active div.x-panel-black-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }
.x-window-active div.x-tabpanel-child .x-panel-black-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active div.x-tabpanel-child .x-panel-black-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }
.x-window-active div.x-tabpanel-child div.x-tabpanel-child .x-tabpanel-child .x-panel-black-tab-active.x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active div.x-tabpanel-child div.x-tabpanel-child .x-tabpanel-child .x-panel-black-tab-active.x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }

.x-tab-black-tab-active .x-tab-inner {
  color: #606060; }

.x-tab-black-tab-active-over {
  background-color: #afb9c3 !important;
  border-bottom-color: #afb9c3 !important; }
  .x-tab-black-tab-active-over .x-tab-inner {
    color: white; }

.x-panel-black-tab-active .x-tab-black-tab-active-active {
  background-color: #8393a2 !important; }
  .x-panel-black-tab-active .x-tab-black-tab-active-active .x-tab-inner {
    color: white; }

.x-tab-black-tab-active-disabled {
  border-bottom: none !important; }
  .x-tab-black-tab-active-disabled .x-tab-inner {
    color: #c3b3b3; }

.x-tab-black-tab-active-top {
  padding-left: 10px;
  padding-right: 13px;
  padding-top: 3px; }

.x-tab-black-tab-active-bottom {
  padding-left: 10px;
  padding-right: 13px; }
  .x-tab-black-tab-active-bottom .x-tab-inner {
    padding-top: 3px;
    display: block; }

.x-tab-bar-black-tab-active-right {
  right: 0px !important;
  left: auto !important;
  z-index: 2; }

.x-tab-black-tab-active-right {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0px 0px 0px;
  -moz-transform-origin: 0px 0px 0px;
  -ms-transform-origin: 0px 0px 0px;
  -o-transform-origin: 0px 0px 0px;
  transform-origin: 0px 0px 0px;
  border-width: 0px !important; }
  .x-tab-black-tab-active-right:first-child {
    margin-left: 0 !important; }
  .x-tab-black-tab-active-right .x-tab-inner {
    line-height: 22px; }

.x-tab-black-tab-active-right-over {
  background-color: #afb9c3;
  border-bottom: 1px solid red; }

.x-tab-black-tab-active-right-active {
  background-color: #8393a2; }

.x-tab-black-tab-active-right-disabled {
  background-image: none; }

.x-tab-bar-black-tab-active-left {
  left: 0px !important;
  right: auto !important;
  z-index: 2; }

.x-tab-black-tab-active-left {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 100% 0px 0px;
  -moz-transform-origin: 100% 0px 0px;
  -ms-transform-origin: 100% 0px 0px;
  -o-transform-origin: 100% 0px 0px;
  transform-origin: 100% 0px 0px;
  border-width: 0px !important; }
  .x-tab-black-tab-active-left .x-tab-inner {
    line-height: 22px; }
  .x-tab-black-tab-active-left:first-child {
    margin-left: 0 !important; }

.x-tab-black-tab-active-left-over {
  background-color: #afb9c3; }

.x-tab-black-tab-active-left-active {
  background-color: #8393a2; }

.x-tab-black-tab-active-left-disabled {
  background-image: none; }

.x-tab-bar-strip-black-tab-active {
  background-color: #8393a2; }

.x-tab-black-tab-active .x-tab-inner {
  font-weight: bold; }

.x-tab-bar-plain .x-tab-bar-body {
  border-width: 0; }

.x-window-active .x-tab-black-tab-active-over {
  background-color: #6d6d6d !important;
  border-bottom-color: #6d6d6d !important; }
.x-window-active .x-panel-black-tab-active .x-tab-black-tab-active-active {
  background-color: #474747 !important; }
.x-window-active .x-tab-black-tab-active-disabled {
  border-bottom: none !important; }
.x-window-active .x-tab-black-tab-active-top {
  padding-left: 10px;
  padding-right: 13px;
  padding-top: 3px; }
.x-window-active .x-tab-black-tab-active-bottom {
  padding-left: 10px;
  padding-right: 13px; }
  .x-window-active .x-tab-black-tab-active-bottom .x-tab-inner {
    padding-top: 3px;
    display: block; }
.x-window-active .x-tab-bar-black-tab-active-right {
  right: 0px !important;
  left: auto !important;
  z-index: 2; }
.x-window-active .x-tab-black-tab-active-right {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0px 0px 0px;
  -moz-transform-origin: 0px 0px 0px;
  -ms-transform-origin: 0px 0px 0px;
  -o-transform-origin: 0px 0px 0px;
  transform-origin: 0px 0px 0px;
  border-width: 0px !important; }
  .x-window-active .x-tab-black-tab-active-right:first-child {
    margin-left: 0 !important; }
  .x-window-active .x-tab-black-tab-active-right .x-tab-inner {
    line-height: 22px; }
.x-window-active .x-tab-black-tab-active-right-over {
  background-color: #6d6d6d;
  border-bottom: 1px solid red; }
.x-window-active .x-tab-black-tab-active-right-active {
  background-color: #474747; }
.x-window-active .x-tab-black-tab-active-right-disabled {
  background-image: none; }
.x-window-active .x-tab-bar-black-tab-active-left {
  left: 0px !important;
  right: auto !important;
  z-index: 2; }
.x-window-active .x-tab-black-tab-active-left {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 100% 0px 0px;
  -moz-transform-origin: 100% 0px 0px;
  -ms-transform-origin: 100% 0px 0px;
  -o-transform-origin: 100% 0px 0px;
  transform-origin: 100% 0px 0px;
  border-width: 0px !important; }
  .x-window-active .x-tab-black-tab-active-left .x-tab-inner {
    line-height: 22px; }
  .x-window-active .x-tab-black-tab-active-left:first-child {
    margin-left: 0 !important; }
.x-window-active .x-tab-black-tab-active-left-over {
  background-color: #6d6d6d; }
.x-window-active .x-tab-black-tab-active-left-active {
  background-color: #474747; }
.x-window-active .x-tab-black-tab-active-left-disabled {
  background-image: none; }
.x-window-active .x-tab-bar-strip-black-tab-active {
  background-color: #474747; }
.x-window-active .x-tab-black-tab-active .x-tab-inner {
  font-weight: bold; }
.x-window-active .x-tab-bar-plain .x-tab-bar-body {
  border-width: 0; }

/*
=================== end ui-tab-active ========================
==============================================================
*/
.x-panel-header-text-container-default {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #404040; }

.x-panel-header-default .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a; }

.x-panel-header-default-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-default-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-default-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-default-vertical .x-panel-header-text-container {
  display: none; }

.x-panel-header-text-container-default-framed {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #404040; }

.x-panel-header-default-framed .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a; }

.x-panel-header-default-framed-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-default-framed-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-default-framed-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-default-framed-vertical .x-panel-header-text-container {
  display: none; }

.x-ie7 [class$="-mc"], .x-ie8 [class$="-mc"] {
  margin-top: -1px !important;
  margin-left: -1px !important; }

/*
==============================================================
===================== start ui-button ========================
*/
.x-btn-orange-button-small {
  border-color: #dd7d2a; }

body.x-nbr .x-btn-orange-button-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-orange-button-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #de8233; }

.x-btn-orange-button-small .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-orange-button-small-icon button,
.x-btn-orange-button-small-icon a,
.x-btn-orange-button-small-icon .x-btn-inner,
.x-btn-orange-button-small-noicon button,
.x-btn-orange-button-small-noicon a,
.x-btn-orange-button-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-orange-button-small-icon button,
.x-btn-orange-button-small-icon a {
  padding: 0; }
.x-btn-orange-button-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-orange-button-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-orange-button-small-icon-text-left button,
.x-btn-orange-button-small-icon-text-left a {
  height: 16px; }
.x-btn-orange-button-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-orange-button-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-orange-button-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-orange-button-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-orange-button-small-icon-text-right button,
.x-btn-orange-button-small-icon-text-right a {
  height: 16px; }
.x-btn-orange-button-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-orange-button-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-orange-button-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-orange-button-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-orange-button-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-orange-button-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-orange-button-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-orange-button-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-orange-button-small-over {
  border-color: #df8537;
  background-image: none;
  background-color: #e08a40; }

.x-btn-orange-button-small-focus {
  border-color: #df8537;
  background-image: none;
  background-color: #e08a40; }

.x-btn-orange-button-small-menu-active,
.x-btn-orange-button-small-pressed {
  border-color: #cc7021;
  background-image: none;
  background-color: #d57522; }

.x-btn-orange-button-small-disabled {
  border-color: #e7a46a;
  background-image: none;
  background-color: #e7a46a; }

.x-btn-orange-button-medium {
  border-color: #dd7d2a; }

body.x-nbr .x-btn-orange-button-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-orange-button-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #de8233; }

.x-btn-orange-button-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-orange-button-medium-icon button,
.x-btn-orange-button-medium-icon a,
.x-btn-orange-button-medium-icon .x-btn-inner,
.x-btn-orange-button-medium-noicon button,
.x-btn-orange-button-medium-noicon a,
.x-btn-orange-button-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-orange-button-medium-icon button,
.x-btn-orange-button-medium-icon a {
  padding: 0; }
.x-btn-orange-button-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-orange-button-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-orange-button-medium-icon-text-left button,
.x-btn-orange-button-medium-icon-text-left a {
  height: 24px; }
.x-btn-orange-button-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-orange-button-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-orange-button-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-orange-button-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-orange-button-medium-icon-text-right button,
.x-btn-orange-button-medium-icon-text-right a {
  height: 24px; }
.x-btn-orange-button-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-orange-button-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-orange-button-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-orange-button-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-orange-button-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-orange-button-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-orange-button-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-orange-button-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-orange-button-medium-over {
  border-color: #df8537;
  background-image: none;
  background-color: #e08a40; }

.x-btn-orange-button-medium-focus {
  border-color: #df8537;
  background-image: none;
  background-color: #e08a40; }

.x-btn-orange-button-medium-menu-active,
.x-btn-orange-button-medium-pressed {
  border-color: #cc7021;
  background-image: none;
  background-color: #d57522; }

.x-btn-orange-button-medium-disabled {
  border-color: #e7a46a;
  background-image: none;
  background-color: #e7a46a; }

.x-btn-orange-button-large {
  border-color: #dd7d2a; }

body.x-nbr .x-btn-orange-button-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-orange-button-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #de8233; }

.x-btn-orange-button-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-orange-button-large-icon button,
.x-btn-orange-button-large-icon a,
.x-btn-orange-button-large-icon .x-btn-inner,
.x-btn-orange-button-large-noicon button,
.x-btn-orange-button-large-noicon a,
.x-btn-orange-button-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-orange-button-large-icon button,
.x-btn-orange-button-large-icon a {
  padding: 0; }
.x-btn-orange-button-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-orange-button-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-orange-button-large-icon-text-left button,
.x-btn-orange-button-large-icon-text-left a {
  height: 32px; }
.x-btn-orange-button-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-orange-button-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-orange-button-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-orange-button-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-orange-button-large-icon-text-right button,
.x-btn-orange-button-large-icon-text-right a {
  height: 32px; }
.x-btn-orange-button-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-orange-button-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-orange-button-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-orange-button-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-orange-button-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-orange-button-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-orange-button-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-orange-button-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-orange-button-large-over {
  border-color: #df8537;
  background-image: none;
  background-color: #e08a40; }

.x-btn-orange-button-large-focus {
  border-color: #df8537;
  background-image: none;
  background-color: #e08a40; }

.x-btn-orange-button-large-menu-active,
.x-btn-orange-button-large-pressed {
  border-color: #cc7021;
  background-image: none;
  background-color: #d57522; }

.x-btn-orange-button-large-disabled {
  border-color: #e7a46a;
  background-image: none;
  background-color: #e7a46a; }

.x-btn-orange-button-small .x-btn-icon-el {
  height: 16px; }
.x-btn-orange-button-small .x-btn-glyph {
  line-height: 16px;
  color: white;
  font-size: 20px; }
.x-btn-orange-button-small.x-btn-over .x-btn-glyph {
  color: white; }
.x-btn-orange-button-small.x-btn-pressed .x-btn-glyph, .x-btn-orange-button-small.x-btn-menu-active .x-btn-glyph {
  color: white; }

.x-btn-orange-button-medium .x-btn-icon-el {
  height: 24px; }
.x-btn-orange-button-medium .x-btn-glyph {
  line-height: 24px;
  color: white;
  font-size: 28px; }
.x-btn-orange-button-medium.x-btn-over .x-btn-glyph {
  color: white; }
.x-btn-orange-button-medium.x-btn-pressed .x-btn-glyph, .x-btn-orange-button-medium.x-btn-menu-active .x-btn-glyph {
  color: white; }

.x-btn-orange-button-large .x-btn-icon-el {
  height: 32px; }
.x-btn-orange-button-large .x-btn-glyph {
  line-height: 32px;
  color: white;
  font-size: 36px; }
.x-btn-orange-button-large.x-btn-over .x-btn-glyph {
  color: white; }
.x-btn-orange-button-large.x-btn-pressed .x-btn-glyph, .x-btn-orange-button-large.x-btn-menu-active .x-btn-glyph {
  color: white; }

.x-btn-orange-button-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-orange-button-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-orange-button-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-orange-button-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-orange-button-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-orange-button-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-orange-button-small-icon-text-right {
  /*marko*/ }
  .x-btn-orange-button-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-orange-button-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-orange-button-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-orange-button-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-orange-button-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-orange-button-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-orange-button-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-orange-button-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-orange-button-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-orange-button-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-orange-button-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-orange-button-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

/*
====================== end ui-button==========================
==============================================================
*/
/*
=================== start ui-toolbar-button===================
==============================================================
*/
.x-btn-orange-button-toolbar-small {
  border-color: transparent; }

body.x-nbr .x-btn-orange-button-toolbar-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-orange-button-toolbar-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-orange-button-toolbar-small .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-orange-button-toolbar-small-icon button,
.x-btn-orange-button-toolbar-small-icon a,
.x-btn-orange-button-toolbar-small-icon .x-btn-inner,
.x-btn-orange-button-toolbar-small-noicon button,
.x-btn-orange-button-toolbar-small-noicon a,
.x-btn-orange-button-toolbar-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-orange-button-toolbar-small-icon button,
.x-btn-orange-button-toolbar-small-icon a {
  padding: 0; }
.x-btn-orange-button-toolbar-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-orange-button-toolbar-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-orange-button-toolbar-small-icon-text-left button,
.x-btn-orange-button-toolbar-small-icon-text-left a {
  height: 16px; }
.x-btn-orange-button-toolbar-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-orange-button-toolbar-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-orange-button-toolbar-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-orange-button-toolbar-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-orange-button-toolbar-small-icon-text-right button,
.x-btn-orange-button-toolbar-small-icon-text-right a {
  height: 16px; }
.x-btn-orange-button-toolbar-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-orange-button-toolbar-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-toolbar-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-orange-button-toolbar-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-orange-button-toolbar-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-orange-button-toolbar-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-orange-button-toolbar-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-toolbar-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-orange-button-toolbar-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-orange-button-toolbar-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-toolbar-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-toolbar-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-orange-button-toolbar-small-over {
  border-color: #f0940d;
  background-image: none;
  background-color: #f39f23; }
  .x-btn-orange-button-toolbar-small-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-orange-button-toolbar-small-focus {
  border-color: #f0940d;
  background-image: none;
  background-color: #f39f23; }
  .x-btn-orange-button-toolbar-small-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-orange-button-toolbar-small-menu-active,
.x-btn-orange-button-toolbar-small-pressed {
  border-color: #d8850c;
  background-image: none;
  background-color: #f0940d; }
  .x-btn-orange-button-toolbar-small-menu-active .x-btn-inner,
  .x-btn-orange-button-toolbar-small-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-orange-button-toolbar-small-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-orange-button-toolbar-small-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-orange-button-toolbar-small-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-orange-button-toolbar-small-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-orange-button-toolbar-medium {
  border-color: transparent; }

body.x-nbr .x-btn-orange-button-toolbar-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-orange-button-toolbar-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-orange-button-toolbar-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-orange-button-toolbar-medium-icon button,
.x-btn-orange-button-toolbar-medium-icon a,
.x-btn-orange-button-toolbar-medium-icon .x-btn-inner,
.x-btn-orange-button-toolbar-medium-noicon button,
.x-btn-orange-button-toolbar-medium-noicon a,
.x-btn-orange-button-toolbar-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-orange-button-toolbar-medium-icon button,
.x-btn-orange-button-toolbar-medium-icon a {
  padding: 0; }
.x-btn-orange-button-toolbar-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-orange-button-toolbar-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-orange-button-toolbar-medium-icon-text-left button,
.x-btn-orange-button-toolbar-medium-icon-text-left a {
  height: 24px; }
.x-btn-orange-button-toolbar-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-orange-button-toolbar-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-orange-button-toolbar-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-orange-button-toolbar-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-orange-button-toolbar-medium-icon-text-right button,
.x-btn-orange-button-toolbar-medium-icon-text-right a {
  height: 24px; }
.x-btn-orange-button-toolbar-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-orange-button-toolbar-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-toolbar-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-orange-button-toolbar-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-orange-button-toolbar-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-orange-button-toolbar-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-orange-button-toolbar-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-toolbar-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-orange-button-toolbar-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-orange-button-toolbar-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-toolbar-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-toolbar-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-orange-button-toolbar-medium-over {
  border-color: #f0940d;
  background-image: none;
  background-color: #f39f23; }
  .x-btn-orange-button-toolbar-medium-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-orange-button-toolbar-medium-focus {
  border-color: #f0940d;
  background-image: none;
  background-color: #f39f23; }
  .x-btn-orange-button-toolbar-medium-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-orange-button-toolbar-medium-menu-active,
.x-btn-orange-button-toolbar-medium-pressed {
  border-color: #d8850c;
  background-image: none;
  background-color: #f0940d; }
  .x-btn-orange-button-toolbar-medium-menu-active .x-btn-inner,
  .x-btn-orange-button-toolbar-medium-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-orange-button-toolbar-medium-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-orange-button-toolbar-medium-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-orange-button-toolbar-medium-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-orange-button-toolbar-medium-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-orange-button-toolbar-large {
  border-color: transparent; }

body.x-nbr .x-btn-orange-button-toolbar-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-orange-button-toolbar-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-orange-button-toolbar-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-orange-button-toolbar-large-icon button,
.x-btn-orange-button-toolbar-large-icon a,
.x-btn-orange-button-toolbar-large-icon .x-btn-inner,
.x-btn-orange-button-toolbar-large-noicon button,
.x-btn-orange-button-toolbar-large-noicon a,
.x-btn-orange-button-toolbar-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-orange-button-toolbar-large-icon button,
.x-btn-orange-button-toolbar-large-icon a {
  padding: 0; }
.x-btn-orange-button-toolbar-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-orange-button-toolbar-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-orange-button-toolbar-large-icon-text-left button,
.x-btn-orange-button-toolbar-large-icon-text-left a {
  height: 32px; }
.x-btn-orange-button-toolbar-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-orange-button-toolbar-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-orange-button-toolbar-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-orange-button-toolbar-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-orange-button-toolbar-large-icon-text-right button,
.x-btn-orange-button-toolbar-large-icon-text-right a {
  height: 32px; }
.x-btn-orange-button-toolbar-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-orange-button-toolbar-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-toolbar-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-orange-button-toolbar-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-orange-button-toolbar-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-orange-button-toolbar-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-orange-button-toolbar-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-toolbar-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-orange-button-toolbar-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-orange-button-toolbar-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-toolbar-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-toolbar-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-orange-button-toolbar-large-over {
  border-color: #f0940d;
  background-image: none;
  background-color: #f39f23; }
  .x-btn-orange-button-toolbar-large-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-orange-button-toolbar-large-focus {
  border-color: #f0940d;
  background-image: none;
  background-color: #f39f23; }
  .x-btn-orange-button-toolbar-large-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-orange-button-toolbar-large-menu-active,
.x-btn-orange-button-toolbar-large-pressed {
  border-color: #d8850c;
  background-image: none;
  background-color: #f0940d; }
  .x-btn-orange-button-toolbar-large-menu-active .x-btn-inner,
  .x-btn-orange-button-toolbar-large-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-orange-button-toolbar-large-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-orange-button-toolbar-large-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-orange-button-toolbar-large-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-orange-button-toolbar-large-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-orange-button-toolbar-small .x-btn-icon-el {
  height: 16px; }
.x-btn-orange-button-toolbar-small .x-btn-glyph {
  line-height: 16px;
  color: #666666;
  font-size: 20px; }
.x-btn-orange-button-toolbar-small.x-btn-over .x-btn-glyph {
  color: #f8f9f9; }
.x-btn-orange-button-toolbar-small.x-btn-pressed .x-btn-glyph, .x-btn-orange-button-toolbar-small.x-btn-menu-active .x-btn-glyph {
  color: #f8f9f9; }

.x-btn-orange-button-toolbar-medium .x-btn-icon-el {
  height: 24px; }
.x-btn-orange-button-toolbar-medium .x-btn-glyph {
  line-height: 24px;
  color: #666666;
  font-size: 28px; }
.x-btn-orange-button-toolbar-medium.x-btn-over .x-btn-glyph {
  color: #f8f9f9; }
.x-btn-orange-button-toolbar-medium.x-btn-pressed .x-btn-glyph, .x-btn-orange-button-toolbar-medium.x-btn-menu-active .x-btn-glyph {
  color: #f8f9f9; }

.x-btn-orange-button-toolbar-large .x-btn-icon-el {
  height: 32px; }
.x-btn-orange-button-toolbar-large .x-btn-glyph {
  line-height: 32px;
  color: #666666;
  font-size: 36px; }
.x-btn-orange-button-toolbar-large.x-btn-over .x-btn-glyph {
  color: #f8f9f9; }
.x-btn-orange-button-toolbar-large.x-btn-pressed .x-btn-glyph, .x-btn-orange-button-toolbar-large.x-btn-menu-active .x-btn-glyph {
  color: #f8f9f9; }

.x-btn-orange-button-toolbar-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-orange-button-toolbar-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-orange-button-toolbar-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-orange-button-toolbar-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-orange-button-toolbar-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-orange-button-toolbar-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-orange-button-toolbar-small-icon-text-right {
  /*marko*/ }
  .x-btn-orange-button-toolbar-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-orange-button-toolbar-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-orange-button-toolbar-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-orange-button-toolbar-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-orange-button-toolbar-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-orange-button-toolbar-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-orange-button-toolbar-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-orange-button-toolbar-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-orange-button-toolbar-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-orange-button-toolbar-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-orange-button-toolbar-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-orange-button-toolbar-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

/*
==============================================================
================= start ui-button-active =====================
*/
.x-btn-orange-button-active-small {
  border-color: #7e8b98; }

body.x-nbr .x-btn-orange-button-active-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-orange-button-active-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #87939f; }

.x-btn-orange-button-active-small .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-orange-button-active-small-icon button,
.x-btn-orange-button-active-small-icon a,
.x-btn-orange-button-active-small-icon .x-btn-inner,
.x-btn-orange-button-active-small-noicon button,
.x-btn-orange-button-active-small-noicon a,
.x-btn-orange-button-active-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-orange-button-active-small-icon button,
.x-btn-orange-button-active-small-icon a {
  padding: 0; }
.x-btn-orange-button-active-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-orange-button-active-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-orange-button-active-small-icon-text-left button,
.x-btn-orange-button-active-small-icon-text-left a {
  height: 16px; }
.x-btn-orange-button-active-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-orange-button-active-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-orange-button-active-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-orange-button-active-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-orange-button-active-small-icon-text-right button,
.x-btn-orange-button-active-small-icon-text-right a {
  height: 16px; }
.x-btn-orange-button-active-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-orange-button-active-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-active-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-orange-button-active-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-orange-button-active-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-orange-button-active-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-orange-button-active-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-active-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-orange-button-active-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-orange-button-active-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-active-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-active-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-orange-button-active-small-over {
  border-color: #8c98a3;
  background-image: none;
  background-color: #959faa; }

.x-btn-orange-button-active-small-focus {
  border-color: #8c98a3;
  background-image: none;
  background-color: #87939f; }

.x-btn-orange-button-active-small-menu-active,
.x-btn-orange-button-active-small-pressed {
  border-color: #6c7986;
  background-image: none;
  background-color: #6c7986; }

.x-btn-orange-button-active-small-disabled {
  border-color: #bfc6cc;
  background-image: none;
  background-color: #bfc6cc; }

.x-btn-orange-button-active-medium {
  border-color: #7e8b98; }

body.x-nbr .x-btn-orange-button-active-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-orange-button-active-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #87939f; }

.x-btn-orange-button-active-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-orange-button-active-medium-icon button,
.x-btn-orange-button-active-medium-icon a,
.x-btn-orange-button-active-medium-icon .x-btn-inner,
.x-btn-orange-button-active-medium-noicon button,
.x-btn-orange-button-active-medium-noicon a,
.x-btn-orange-button-active-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-orange-button-active-medium-icon button,
.x-btn-orange-button-active-medium-icon a {
  padding: 0; }
.x-btn-orange-button-active-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-orange-button-active-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-orange-button-active-medium-icon-text-left button,
.x-btn-orange-button-active-medium-icon-text-left a {
  height: 24px; }
.x-btn-orange-button-active-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-orange-button-active-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-orange-button-active-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-orange-button-active-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-orange-button-active-medium-icon-text-right button,
.x-btn-orange-button-active-medium-icon-text-right a {
  height: 24px; }
.x-btn-orange-button-active-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-orange-button-active-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-active-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-orange-button-active-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-orange-button-active-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-orange-button-active-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-orange-button-active-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-active-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-orange-button-active-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-orange-button-active-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-active-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-active-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-orange-button-active-medium-over {
  border-color: #8c98a3;
  background-image: none;
  background-color: #959faa; }

.x-btn-orange-button-active-medium-focus {
  border-color: #8c98a3;
  background-image: none;
  background-color: #87939f; }

.x-btn-orange-button-active-medium-menu-active,
.x-btn-orange-button-active-medium-pressed {
  border-color: #6c7986;
  background-image: none;
  background-color: #6c7986; }

.x-btn-orange-button-active-medium-disabled {
  border-color: #bfc6cc;
  background-image: none;
  background-color: #bfc6cc; }

.x-btn-orange-button-active-large {
  border-color: #7e8b98; }

body.x-nbr .x-btn-orange-button-active-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-orange-button-active-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #87939f; }

.x-btn-orange-button-active-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-orange-button-active-large-icon button,
.x-btn-orange-button-active-large-icon a,
.x-btn-orange-button-active-large-icon .x-btn-inner,
.x-btn-orange-button-active-large-noicon button,
.x-btn-orange-button-active-large-noicon a,
.x-btn-orange-button-active-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-orange-button-active-large-icon button,
.x-btn-orange-button-active-large-icon a {
  padding: 0; }
.x-btn-orange-button-active-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-orange-button-active-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-orange-button-active-large-icon-text-left button,
.x-btn-orange-button-active-large-icon-text-left a {
  height: 32px; }
.x-btn-orange-button-active-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-orange-button-active-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-orange-button-active-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-orange-button-active-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-orange-button-active-large-icon-text-right button,
.x-btn-orange-button-active-large-icon-text-right a {
  height: 32px; }
.x-btn-orange-button-active-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-orange-button-active-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-active-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-orange-button-active-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-orange-button-active-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-orange-button-active-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-orange-button-active-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-active-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-orange-button-active-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-orange-button-active-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-active-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-active-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-orange-button-active-large-over {
  border-color: #8c98a3;
  background-image: none;
  background-color: #959faa; }

.x-btn-orange-button-active-large-focus {
  border-color: #8c98a3;
  background-image: none;
  background-color: #87939f; }

.x-btn-orange-button-active-large-menu-active,
.x-btn-orange-button-active-large-pressed {
  border-color: #6c7986;
  background-image: none;
  background-color: #6c7986; }

.x-btn-orange-button-active-large-disabled {
  border-color: #bfc6cc;
  background-image: none;
  background-color: #bfc6cc; }

.x-btn-orange-button-active-small .x-btn-icon-el {
  height: 16px; }
.x-btn-orange-button-active-small .x-btn-glyph {
  line-height: 16px;
  font-size: 20px; }

.x-btn-orange-button-active-medium .x-btn-icon-el {
  height: 24px; }
.x-btn-orange-button-active-medium .x-btn-glyph {
  line-height: 24px;
  font-size: 28px; }

.x-btn-orange-button-active-large .x-btn-icon-el {
  height: 32px; }
.x-btn-orange-button-active-large .x-btn-glyph {
  line-height: 32px;
  font-size: 36px; }

.x-btn-orange-button-active-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-orange-button-active-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-orange-button-active-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-orange-button-active-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-orange-button-active-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-orange-button-active-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-orange-button-active-small-icon-text-right {
  /*marko*/ }
  .x-btn-orange-button-active-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-orange-button-active-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-orange-button-active-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-orange-button-active-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-orange-button-active-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-orange-button-active-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-orange-button-active-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-orange-button-active-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-orange-button-active-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-orange-button-active-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-orange-button-active-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-orange-button-active-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

.x-window-active .x-btn-orange-button-active-small {
  background-color: #de8233;
  border-color: #dd7d2a; }
.x-window-active .x-btn-orange-button-active-small-over,
.x-window-active .x-btn-orange-button-active-small-focus {
  background-color: #e08a40;
  border-color: #df8537; }
.x-window-active .x-btn-orange-button-active-small-disabled {
  background-color: #e7a46a;
  border-color: #e7a46a; }
.x-window-active .x-btn-orange-button-active-small-pressed {
  background-color: #d57522;
  border-color: #cc7021; }
.x-window-active .x-btn-orange-button-active-medium {
  background-color: #de8233;
  border-color: #dd7d2a; }
.x-window-active .x-btn-orange-button-active-medium-over,
.x-window-active .x-btn-orange-button-active-medium-focus {
  background-color: #e08a40;
  border-color: #df8537; }
.x-window-active .x-btn-orange-button-active-medium-disabled {
  background-color: #e7a46a;
  border-color: #e7a46a; }
.x-window-active .x-btn-orange-button-active-medium-pressed {
  background-color: #d57522;
  border-color: #cc7021; }
.x-window-active .x-btn-orange-button-active-large {
  background-color: #de8233;
  border-color: #dd7d2a; }
.x-window-active .x-btn-orange-button-active-large-over,
.x-window-active .x-btn-orange-button-active-large-focus {
  background-color: #e08a40;
  border-color: #df8537; }
.x-window-active .x-btn-orange-button-active-large-disabled {
  background-color: #e7a46a;
  border-color: #e7a46a; }
.x-window-active .x-btn-orange-button-active-large-pressed {
  background-color: #d57522;
  border-color: #cc7021; }

/*
==================== end ui-button-active ====================
==============================================================
*/
/*
============ start ui-toolbar-button-active ==================
==============================================================
*/
.x-btn-orange-button-active-toolbar-small {
  border-color: transparent; }

body.x-nbr .x-btn-orange-button-active-toolbar-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-orange-button-active-toolbar-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-orange-button-active-toolbar-small .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-orange-button-active-toolbar-small-icon button,
.x-btn-orange-button-active-toolbar-small-icon a,
.x-btn-orange-button-active-toolbar-small-icon .x-btn-inner,
.x-btn-orange-button-active-toolbar-small-noicon button,
.x-btn-orange-button-active-toolbar-small-noicon a,
.x-btn-orange-button-active-toolbar-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-orange-button-active-toolbar-small-icon button,
.x-btn-orange-button-active-toolbar-small-icon a {
  padding: 0; }
.x-btn-orange-button-active-toolbar-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-orange-button-active-toolbar-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-orange-button-active-toolbar-small-icon-text-left button,
.x-btn-orange-button-active-toolbar-small-icon-text-left a {
  height: 16px; }
.x-btn-orange-button-active-toolbar-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-orange-button-active-toolbar-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-orange-button-active-toolbar-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-orange-button-active-toolbar-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-orange-button-active-toolbar-small-icon-text-right button,
.x-btn-orange-button-active-toolbar-small-icon-text-right a {
  height: 16px; }
.x-btn-orange-button-active-toolbar-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-orange-button-active-toolbar-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-active-toolbar-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-orange-button-active-toolbar-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-orange-button-active-toolbar-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-orange-button-active-toolbar-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-orange-button-active-toolbar-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-active-toolbar-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-orange-button-active-toolbar-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-orange-button-active-toolbar-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-active-toolbar-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-active-toolbar-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-orange-button-active-toolbar-small-over {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-orange-button-active-toolbar-small-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-orange-button-active-toolbar-small-focus {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-orange-button-active-toolbar-small-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-orange-button-active-toolbar-small-menu-active,
.x-btn-orange-button-active-toolbar-small-pressed {
  border-color: #99a3ad;
  background-image: none;
  background-color: #a7b0b9; }
  .x-btn-orange-button-active-toolbar-small-menu-active .x-btn-inner,
  .x-btn-orange-button-active-toolbar-small-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-orange-button-active-toolbar-small-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-orange-button-active-toolbar-small-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-orange-button-active-toolbar-small-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-orange-button-active-toolbar-small-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-orange-button-active-toolbar-medium {
  border-color: transparent; }

body.x-nbr .x-btn-orange-button-active-toolbar-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-orange-button-active-toolbar-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-orange-button-active-toolbar-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-orange-button-active-toolbar-medium-icon button,
.x-btn-orange-button-active-toolbar-medium-icon a,
.x-btn-orange-button-active-toolbar-medium-icon .x-btn-inner,
.x-btn-orange-button-active-toolbar-medium-noicon button,
.x-btn-orange-button-active-toolbar-medium-noicon a,
.x-btn-orange-button-active-toolbar-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-orange-button-active-toolbar-medium-icon button,
.x-btn-orange-button-active-toolbar-medium-icon a {
  padding: 0; }
.x-btn-orange-button-active-toolbar-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-orange-button-active-toolbar-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-orange-button-active-toolbar-medium-icon-text-left button,
.x-btn-orange-button-active-toolbar-medium-icon-text-left a {
  height: 24px; }
.x-btn-orange-button-active-toolbar-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-orange-button-active-toolbar-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-orange-button-active-toolbar-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-orange-button-active-toolbar-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-orange-button-active-toolbar-medium-icon-text-right button,
.x-btn-orange-button-active-toolbar-medium-icon-text-right a {
  height: 24px; }
.x-btn-orange-button-active-toolbar-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-orange-button-active-toolbar-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-active-toolbar-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-orange-button-active-toolbar-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-orange-button-active-toolbar-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-orange-button-active-toolbar-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-orange-button-active-toolbar-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-active-toolbar-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-orange-button-active-toolbar-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-orange-button-active-toolbar-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-active-toolbar-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-active-toolbar-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-orange-button-active-toolbar-medium-over {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-orange-button-active-toolbar-medium-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-orange-button-active-toolbar-medium-focus {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-orange-button-active-toolbar-medium-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-orange-button-active-toolbar-medium-menu-active,
.x-btn-orange-button-active-toolbar-medium-pressed {
  border-color: #99a3ad;
  background-image: none;
  background-color: #a7b0b9; }
  .x-btn-orange-button-active-toolbar-medium-menu-active .x-btn-inner,
  .x-btn-orange-button-active-toolbar-medium-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-orange-button-active-toolbar-medium-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-orange-button-active-toolbar-medium-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-orange-button-active-toolbar-medium-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-orange-button-active-toolbar-medium-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-orange-button-active-toolbar-large {
  border-color: transparent; }

body.x-nbr .x-btn-orange-button-active-toolbar-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-orange-button-active-toolbar-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-orange-button-active-toolbar-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-orange-button-active-toolbar-large-icon button,
.x-btn-orange-button-active-toolbar-large-icon a,
.x-btn-orange-button-active-toolbar-large-icon .x-btn-inner,
.x-btn-orange-button-active-toolbar-large-noicon button,
.x-btn-orange-button-active-toolbar-large-noicon a,
.x-btn-orange-button-active-toolbar-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-orange-button-active-toolbar-large-icon button,
.x-btn-orange-button-active-toolbar-large-icon a {
  padding: 0; }
.x-btn-orange-button-active-toolbar-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-orange-button-active-toolbar-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-orange-button-active-toolbar-large-icon-text-left button,
.x-btn-orange-button-active-toolbar-large-icon-text-left a {
  height: 32px; }
.x-btn-orange-button-active-toolbar-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-orange-button-active-toolbar-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-orange-button-active-toolbar-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-orange-button-active-toolbar-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-orange-button-active-toolbar-large-icon-text-right button,
.x-btn-orange-button-active-toolbar-large-icon-text-right a {
  height: 32px; }
.x-btn-orange-button-active-toolbar-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-orange-button-active-toolbar-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-active-toolbar-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-orange-button-active-toolbar-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-orange-button-active-toolbar-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-orange-button-active-toolbar-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-orange-button-active-toolbar-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-active-toolbar-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-orange-button-active-toolbar-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-orange-button-active-toolbar-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-orange-button-active-toolbar-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-orange-button-active-toolbar-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-orange-button-active-toolbar-large-over {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-orange-button-active-toolbar-large-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-orange-button-active-toolbar-large-focus {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-orange-button-active-toolbar-large-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-orange-button-active-toolbar-large-menu-active,
.x-btn-orange-button-active-toolbar-large-pressed {
  border-color: #99a3ad;
  background-image: none;
  background-color: #a7b0b9; }
  .x-btn-orange-button-active-toolbar-large-menu-active .x-btn-inner,
  .x-btn-orange-button-active-toolbar-large-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-orange-button-active-toolbar-large-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-orange-button-active-toolbar-large-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-orange-button-active-toolbar-large-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-orange-button-active-toolbar-large-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-orange-button-active-toolbar-small .x-btn-icon-el {
  height: 16px; }
.x-btn-orange-button-active-toolbar-small .x-btn-glyph {
  line-height: 16px;
  font-size: 20px; }

.x-btn-orange-button-active-toolbar-medium .x-btn-icon-el {
  height: 24px; }
.x-btn-orange-button-active-toolbar-medium .x-btn-glyph {
  line-height: 24px;
  font-size: 28px; }

.x-btn-orange-button-active-toolbar-large .x-btn-icon-el {
  height: 32px; }
.x-btn-orange-button-active-toolbar-large .x-btn-glyph {
  line-height: 32px;
  font-size: 36px; }

.x-btn-orange-button-active-toolbar-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-orange-button-active-toolbar-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-orange-button-active-toolbar-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-orange-button-active-toolbar-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-orange-button-active-toolbar-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-orange-button-active-toolbar-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-orange-button-active-toolbar-small-icon-text-right {
  /*marko*/ }
  .x-btn-orange-button-active-toolbar-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-orange-button-active-toolbar-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-orange-button-active-toolbar-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-orange-button-active-toolbar-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-orange-button-active-toolbar-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-orange-button-active-toolbar-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-orange-button-active-toolbar-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-orange-button-active-toolbar-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-orange-button-active-toolbar-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-orange-button-active-toolbar-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-orange-button-active-toolbar-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-orange-button-active-toolbar-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

.x-window-active .x-btn-orange-button-active-toolbar-small {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-orange-button-active-toolbar-small-over,
.x-window-active .x-btn-orange-button-active-toolbar-small-focus {
  background-color: #f39f23;
  border-color: #f0940d; }
.x-window-active .x-btn-orange-button-active-toolbar-small-disabled {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-orange-button-active-toolbar-small-pressed {
  background-color: #f0940d;
  border-color: #d8850c; }
.x-window-active .x-btn-orange-button-active-toolbar-medium {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-orange-button-active-toolbar-medium-over,
.x-window-active .x-btn-orange-button-active-toolbar-medium-focus {
  background-color: #f39f23;
  border-color: #f0940d; }
.x-window-active .x-btn-orange-button-active-toolbar-medium-disabled {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-orange-button-active-toolbar-medium-pressed {
  background-color: #f0940d;
  border-color: #d8850c; }
.x-window-active .x-btn-orange-button-active-toolbar-large {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-orange-button-active-toolbar-large-over,
.x-window-active .x-btn-orange-button-active-toolbar-large-focus {
  background-color: #f39f23;
  border-color: #f0940d; }
.x-window-active .x-btn-orange-button-active-toolbar-large-disabled {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-orange-button-active-toolbar-large-pressed {
  background-color: #f0940d;
  border-color: #d8850c; }

/*
==============================================================
===================== start ui-panel =========================
*/
.x-panel-orange-panel {
  border-color: #aeb6be; }

.x-panel-header-orange-panel {
  font-size: 11px;
  border-color: #f39d1e;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #f5ae45; }
  .x-panel-header-orange-panel > .x-panel-header-body .x-tool img:hover {
    background-color: #f4a32d; }
  .x-panel-header-orange-panel > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-panel-header-orange-panel > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }

.x-panel-header-text-orange-panel {
  color: #363636;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }

.x-panel-body-orange-panel {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: black;
  border-width: 1px;
  border-style: solid; }

.x-panel-collapsed .x-window-header-orange-panel,
.x-panel-collapsed .x-panel-header-orange-panel {
  border-color: #f39d1e; }

.x-panel-header-orange-panel-vertical {
  border-color: #f39d1e; }

.x-panel-header-orange-panel-left,
.x-panel-header-orange-panel-right {
  background-image: none;
  background-color: #f5ae45; }

.x-panel-header-orange-panel-right-tc,
.x-panel-header-orange-panel-right-mc,
.x-panel-header-orange-panel-right-bc {
  background-position: right 0; }

.x-panel-header-orange-panel-bottom-tc,
.x-panel-header-orange-panel-bottom-mc,
.x-panel-header-orange-panel-bottom-bc {
  background-position: 0 bottom; }

.x-panel-header-orange-panel + .x-panel-body-orange-panel {
  border-top-color: #f39d1e; }

.x-panel-header-orange-panel + .x-toolbar-docked-top {
  border-top-color: #f39d1e; }

.x-panel-header-orange-panel.x-accordion-hd {
  background-color: #f5ae45 !important;
  border-top-color: #f5ae45 !important; }

.x-panel-orange-panel.x-grid-with-row-lines .x-panel-body-orange-panel .x-grid-row-selected .x-grid-cell,
.x-panel-orange-panel.x-grid-with-row-lines .x-panel-body-orange-panel .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #f6b24f !important;
  background-color: #f8c375 !important; }

.x-panel-orange-panel.x-tree-panel .x-panel-body-orange-panel .x-grid-row-selected .x-grid-cell,
.x-panel-orange-panel.x-tree-panel .x-panel-body-orange-panel .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #f8c375 !important; }

.x-panel-header-text-container-orange-panel {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #363636; }

.x-panel-header-orange-panel .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #363636; }

.x-panel-header-orange-panel-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-orange-panel-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-orange-panel-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-orange-panel-vertical .x-panel-header-text-container {
  display: none; }

/*
======================= end ui-panel =========================
==============================================================
*/
/*
==============================================================
=================== start ui-panel-framed ====================
*/
.x-panel-orange-panel-framed {
  border-color: #f5ae45; }

.x-panel-header-orange-panel-framed {
  font-size: 11px;
  border-color: #f5ae45;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #f5ae45; }
  .x-panel-header-orange-panel-framed > .x-panel-header-body .x-tool img:hover {
    background-color: #f4a32d; }
  .x-panel-header-orange-panel-framed > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-panel-header-orange-panel-framed > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }

.x-panel-header-text-orange-panel-framed {
  color: #363636;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }

.x-panel-body-orange-panel-framed {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: #333333;
  border-width: 0;
  border-style: solid; }

.x-panel-collapsed .x-window-header-orange-panel-framed,
.x-panel-collapsed .x-panel-header-orange-panel-framed {
  border-color: #f5ae45; }

.x-panel-header-orange-panel-framed-vertical {
  border-color: #f5ae45; }

.x-panel-header-orange-panel-framed-left,
.x-panel-header-orange-panel-framed-right {
  background-image: none;
  background-color: #f5ae45; }

body.x-nbr .x-panel-orange-panel-framed-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-4-4-4-4; }

.x-panel-orange-panel-framed {
  padding: 4px 4px 4px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #f8f9f9; }

body.x-nbr .x-panel-header-orange-panel-framed-top-frameInfo {
  font-family: dh-4-4-0-0-1-2-0-2-3-5-4-5; }

.x-panel-header-orange-panel-framed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 0 2px;
  border-style: solid;
  background-color: #f5ae45; }

body.x-nbr .x-panel-header-orange-panel-framed-right-frameInfo {
  font-family: dh-0-4-4-0-1-2-2-0-5-4-5-4; }

.x-panel-header-orange-panel-framed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 0;
  border-style: solid;
  background-color: #f5ae45; }

body.x-nbr .x-panel-header-orange-panel-framed-bottom-frameInfo {
  font-family: dh-0-0-4-4-0-2-2-2-3-5-4-5; }

.x-panel-header-orange-panel-framed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 0 2px 2px 2px;
  border-style: solid;
  background-color: #f5ae45; }

body.x-nbr .x-panel-header-orange-panel-framed-left-frameInfo {
  font-family: dh-4-0-0-4-1-0-2-2-5-4-5-4; }

.x-panel-header-orange-panel-framed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 0 2px 2px;
  border-style: solid;
  background-color: #f5ae45; }

.x-panel .x-panel-header-orange-panel-framed-top {
  border-bottom-width: 1px !important; }

.x-panel .x-panel-header-orange-panel-framed-right {
  border-left-width: 1px !important; }

.x-panel .x-panel-header-orange-panel-framed-bottom {
  border-top-width: 1px !important; }

.x-panel .x-panel-header-orange-panel-framed-left {
  border-right-width: 1px !important; }

body.x-nbr .x-panel-header-orange-panel-framed-collapsed-top-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-orange-panel-framed-collapsed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #f5ae45; }

body.x-nbr .x-panel-header-orange-panel-framed-collapsed-right-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-orange-panel-framed-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #f5ae45; }

body.x-nbr .x-panel-header-orange-panel-framed-collapsed-bottom-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-orange-panel-framed-collapsed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #f5ae45; }

body.x-nbr .x-panel-header-orange-panel-framed-collapsed-left-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-orange-panel-framed-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #f5ae45; }

.x-panel-header-orange-panel-framed-right-tc,
.x-panel-header-orange-panel-framed-right-mc,
.x-panel-header-orange-panel-framed-right-bc {
  background-position: right 0; }

.x-panel-header-orange-panel-framed-bottom-tc,
.x-panel-header-orange-panel-framed-bottom-mc,
.x-panel-header-orange-panel-framed-bottom-bc {
  background-position: 0 bottom; }

.x-panel-orange-panel-framed.x-grid-with-row-lines .x-panel-body-orange-panel-framed .x-grid-row-selected .x-grid-cell,
.x-panel-orange-panel-framed.x-grid-with-row-lines .x-panel-body-orange-panel-framed .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #f6b24f !important;
  background-color: #f8c375 !important; }

.x-panel-orange-panel-framed.x-tree-panel .x-panel-body-orange-panel-framed .x-grid-row-selected .x-grid-cell,
.x-panel-orange-panel-framed.x-tree-panel .x-panel-body-orange-panel-framed .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #f8c375 !important; }

.x-panel-header-text-container-orange-panel-framed {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #363636; }

.x-panel-header-orange-panel-framed .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #363636; }

.x-panel-header-orange-panel-framed-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-orange-panel-framed-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-orange-panel-framed-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-orange-panel-framed-vertical .x-panel-header-text-container {
  display: none; }

/*
==================== end ui-panel-framed =====================
==============================================================
*/
/*	
==============================================================
================= start ui-panel-active ======================
*/
.x-panel-orange-panel-active {
  border-color: #aeb6be; }

.x-panel-header-orange-panel-active {
  font-size: 11px;
  border-color: #c5cbd0;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
  .x-panel-header-orange-panel-active > .x-panel-header-body .x-tool img:hover {
    background-color: #aeb6be; }
  .x-panel-header-orange-panel-active > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #768391; }
    .x-panel-header-orange-panel-active > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #768391; }

.x-panel-header-text-orange-panel-active {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }

.x-panel-body-orange-panel-active {
  background: #f8f9f9;
  border-color: #c5cbd0;
  color: black;
  border-width: 1px;
  border-style: solid; }

.x-panel-collapsed .x-window-header-orange-panel-active,
.x-panel-collapsed .x-panel-header-orange-panel-active {
  border-color: #c5cbd0; }

.x-panel-header-orange-panel-active-vertical {
  border-color: #c5cbd0; }

.x-panel-header-orange-panel-active-left,
.x-panel-header-orange-panel-active-right {
  background-image: none;
  background-color: #cbd0d5; }

.x-panel-header-orange-panel-active-right-tc,
.x-panel-header-orange-panel-active-right-mc,
.x-panel-header-orange-panel-active-right-bc {
  background-position: right 0; }

.x-panel-header-orange-panel-active-bottom-tc,
.x-panel-header-orange-panel-active-bottom-mc,
.x-panel-header-orange-panel-active-bottom-bc {
  background-position: 0 bottom; }

.x-window-active .x-panel-orange-panel-active {
  border-color: #f5ae45; }
.x-window-active .x-panel-header-orange-panel-active + .x-panel-body-orange-panel-active {
  border-top-color: #f39d1e; }
.x-window-active .x-panel-header-orange-panel-active + .x-toolbar-docked-top {
  border-top-color: #f39d1e; }
.x-window-active .x-panel-header-orange-panel-active.x-accordion-hd {
  background-color: #f5ae45 !important;
  border-top-color: #f5ae45 !important; }
.x-window-active .x-panel-header-text-orange-panel-active {
  color: #363636; }
.x-window-active .x-panel-header-orange-panel-active {
  border-color: #f39d1e;
  background-color: #f5ae45; }
  .x-window-active .x-panel-header-orange-panel-active > .x-panel-header-body .x-tool img:hover {
    background-color: #f4a32d; }
  .x-window-active .x-panel-header-orange-panel-active > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-window-active .x-panel-header-orange-panel-active > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }
.x-window-active .x-panel-header-text-orange-panel-active {
  color: #363636; }
.x-window-active .x-panel-collapsed .x-window-header-orange-panel-active,
.x-window-active .x-panel-collapsed .x-panel-orange-panel-active {
  border-color: #f39d1e; }
.x-window-active .x-panel-header-orange-panel-active-vertical {
  border-color: #f39d1e; }
.x-window-active .x-panel-header-orange-panel-active-left,
.x-window-active .x-panel-header-orange-panel-active-right {
  background-color: #f5ae45;
  color: #363636; }
.x-window-active .x-panel-orange-panel-active.x-grid-with-row-lines .x-panel-body-orange-panel-active .x-grid-table .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-orange-panel-active.x-grid-with-row-lines .x-panel-body-orange-panel-active .x-grid-table .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #f6b24f !important;
  background-color: #f8c375 !important; }
.x-window-active .x-panel-orange-panel-active.x-tree-panel .x-panel-body-orange-panel-active .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-orange-panel-active.x-tree-panel .x-panel-body-orange-panel-active .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #f8c375 !important; }

.x-panel-header-text-container-orange-panel-active {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #404040; }

.x-window-active .x-panel-header-text-container-orange-panel-active {
  color: #363636; }

.x-panel-header-orange-panel-active .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a; }

.x-window-active .x-panel-header-orange-panel-active .x-panel-header-glyph {
  color: #363636;
  opacity: 0.8; }

.x-panel-header-orange-panel-active-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-orange-panel-active-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-orange-panel-active-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-orange-panel-active-vertical .x-panel-header-text-container {
  display: none; }

/*
==================== end ui-panel-active =====================
==============================================================
*/
/*	
==============================================================
=============== start ui-panel-active-framed =================
*/
.x-panel-orange-panel-active-framed {
  border-color: #cbd0d5; }

.x-panel-header-orange-panel-active-framed {
  font-size: 11px;
  border-color: #aeb6be;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
  .x-panel-header-orange-panel-active-framed > .x-panel-header-body .x-tool img:hover {
    background-color: #aeb6be; }
  .x-panel-header-orange-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #768391; }
    .x-panel-header-orange-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #768391; }

.x-panel-header-text-orange-panel-active-framed {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }

.x-panel-body-orange-panel-active-framed {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: #333333;
  border-width: 0;
  border-style: solid; }

.x-panel-collapsed .x-window-header-orange-panel-active-framed,
.x-panel-collapsed .x-panel-header-orange-panel-active-framed {
  border-color: #aeb6be; }

.x-panel-header-orange-panel-active-framed-vertical {
  border-color: #aeb6be; }

.x-panel-header-orange-panel-active-framed-left,
.x-panel-header-orange-panel-active-framed-right {
  background-image: none;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-orange-panel-active-framed-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-4-4-4-4; }

.x-panel-orange-panel-active-framed {
  padding: 4px 4px 4px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #f8f9f9; }

body.x-nbr .x-panel-header-orange-panel-active-framed-top-frameInfo {
  font-family: dh-4-4-0-0-1-2-0-2-3-5-4-5; }

.x-panel-header-orange-panel-active-framed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 0 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-orange-panel-active-framed-right-frameInfo {
  font-family: dh-0-4-4-0-1-2-2-0-5-4-5-4; }

.x-panel-header-orange-panel-active-framed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 0;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-orange-panel-active-framed-bottom-frameInfo {
  font-family: dh-0-0-4-4-0-2-2-2-3-5-4-5; }

.x-panel-header-orange-panel-active-framed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 0 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-orange-panel-active-framed-left-frameInfo {
  font-family: dh-4-0-0-4-1-0-2-2-5-4-5-4; }

.x-panel-header-orange-panel-active-framed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 0 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

.x-panel .x-panel-header-orange-panel-active-framed-top {
  border-bottom-width: 1px !important; }

.x-panel .x-panel-header-orange-panel-active-framed-right {
  border-left-width: 1px !important; }

.x-panel .x-panel-header-orange-panel-active-framed-bottom {
  border-top-width: 1px !important; }

.x-panel .x-panel-header-orange-panel-active-framed-left {
  border-right-width: 1px !important; }

body.x-nbr .x-panel-header-orange-panel-active-framed-collapsed-top-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-orange-panel-active-framed-collapsed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-orange-panel-active-framed-collapsed-right-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-orange-panel-active-framed-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-orange-panel-active-framed-collapsed-bottom-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-orange-panel-active-framed-collapsed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-orange-panel-active-framed-collapsed-left-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-orange-panel-active-framed-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

.x-panel-header-orange-panel-active-framed-right-tc,
.x-panel-header-orange-panel-active-framed-right-mc,
.x-panel-header-orange-panel-active-framed-right-bc {
  background-position: right 0; }

.x-panel-header-orange-panel-active-framed-bottom-tc,
.x-panel-header-orange-panel-active-framed-bottom-mc,
.x-panel-header-orange-panel-active-framed-bottom-bc {
  background-position: 0 bottom; }

.x-window-active .x-panel-orange-panel-active-framed {
  border-color: #f5ae45; }
.x-window-active .x-panel-header-orange-panel-active-framed {
  border-color: #f5ae45;
  background-color: #f5ae45; }
  .x-window-active .x-panel-header-orange-panel-active-framed > .x-panel-header-body .x-tool img:hover {
    background-color: #f4a32d; }
  .x-window-active .x-panel-header-orange-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-window-active .x-panel-header-orange-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }
.x-window-active .x-panel-header-text-orange-panel-active-framed {
  color: #363636; }
.x-window-active .x-panel-collapsed .x-window-header-orange-panel-active-framed,
.x-window-active .x-panel-collapsed .x-panel-header-orange-panel-active-framed {
  border-color: #f5ae45;
  color: #363636; }
.x-window-active .x-panel-header-orange-panel-active-framed-vertical {
  border-color: #f5ae45; }
.x-window-active .x-panel-header-orange-panel-active-framed-left,
.x-window-active .x-panel-header-orange-panel-active-framed-right {
  background-color: #f5ae45; }
.x-window-active .x-panel-header-orange-panel-active-framed-top {
  background-color: #f5ae45; }
.x-window-active .x-panel-header-orange-panel-active-framed-right {
  background-color: #f5ae45; }
.x-window-active .x-panel-header-orange-panel-active-framed-bottom {
  background-color: #f5ae45; }
.x-window-active .x-panel-header-orange-panel-active-framed-left {
  background-color: #f5ae45; }
.x-window-active .x-panel-header-orange-panel-active-framed-collapsed-top {
  background-color: #f5ae45; }
.x-window-active .x-panel-header-orange-panel-active-framed-collapsed-right {
  background-color: #f5ae45; }
.x-window-active .x-panel-header-orange-panel-active-framed-collapsed-bottom {
  background-color: #f5ae45; }
.x-window-active .x-panel-header-orange-panel-active-framed-collapsed-left {
  background-color: #f5ae45; }
.x-window-active .x-panel-orange-panel-active-framed.x-grid-with-row-lines .x-panel-body-orange-panel-active-framed .x-grid-table .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-orange-panel-active-framed.x-grid-with-row-lines .x-panel-body-orange-panel-active-framed .x-grid-table .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #f6b24f !important;
  background-color: #f8c375 !important; }
.x-window-active .x-panel-orange-panel-active-framed.x-tree-panel .x-panel-body-orange-panel-active-framed .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-orange-panel-active-framed.x-tree-panel .x-panel-body-orange-panel-active-framed .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #f8c375 !important; }

.x-panel-header-text-container-orange-panel-active-framed {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #404040; }

.x-window-active .x-panel-header-text-container-orange-panel-active-framed {
  color: #363636; }

.x-panel-header-orange-panel-active-framed .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a; }

.x-window-active .x-panel-header-orange-panel-active-framed .x-panel-header-glyph {
  color: #363636;
  opacity: 0.8; }

.x-panel-header-orange-panel-active-framed-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-orange-panel-active-framed-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-orange-panel-active-framed-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-orange-panel-active-framed-vertical .x-panel-header-text-container {
  display: none; }

/*
================== end ui-panel-active =======================
==============================================================
*/
/*
==============================================================
================ start ui-progress-active ====================
*/
.x-progress-orange-progress {
  border-color: #de8233; }
  .x-progress-orange-progress .x-progress-bar {
    border-right-color: #de8233;
    border-top-color: #de8233;
    background-image: none;
    background-color: #de8233; }
  .x-progress-orange-progress .x-progress-text {
    color: white; }
  .x-progress-orange-progress .x-progress-text-back {
    color: #898989; }

/*
==============================================================
================ start ui-progress-active ====================
*/
.x-progress-orange-progress-active-active {
  border-color: #a9b1ba; }
  .x-progress-orange-progress-active-active .x-progress-bar {
    border-right-color: #a9b1ba;
    border-top-color: #a9b1ba;
    background-image: none;
    background-color: #b7bec5; }
  .x-progress-orange-progress-active-active .x-progress-text {
    color: white; }
  .x-progress-orange-progress-active-active .x-progress-text-back {
    color: #898989; }

.x-window-active .x-progress-orange-progress-active-active {
  border-color: #de8233; }
.x-window-active .x-progress-orange-progress-active-active .x-progress-bar {
  border-right-color: #de8233;
  border-top-color: #de8233;
  background-color: #de8233; }

/*
==============================================================
================= start ui-window-active =====================
*/
.x-window-active.x-window-orange-window-active {
  background-color: #f5ae45;
  border-color: #f4a22a; }

.x-window-active.x-window-orange-window-active .x-window-header-orange-window-active-top,
.x-window-active.x-window-orange-window-active .x-window-header-orange-window-active-bottom,
.x-window-active.x-window-orange-window-active .x-window-header-orange-window-active-left,
.x-window-active.x-window-orange-window-active .x-window-header-orange-window-active-right {
  background-color: #f5ae45; }

.x-window-active.x-window-orange-window-active .x-window-header-text {
  color: #363636; }

.x-window-active.x-window-orange-window-active .x-window-header .x-tool img:hover {
  background-color: #f4a32d; }

.x-window-active.x-window-orange-window-active .x-window-body {
  background-color: #f8f9f9; }

.x-window-active.x-window-orange-window-active img.x-tool-close:hover {
  background-color: #c95656 !important; }

.x-window-active.x-window-orange-window-active img.x-tool-close {
  background-color: #c54a4a !important; }

.x-window-active.x-window-orange-window-active .x-btn-default-small {
  background-color: #de8233;
  border-color: #dd7d2a; }
.x-window-active.x-window-orange-window-active .x-btn-default-small-over,
.x-window-active.x-window-orange-window-active .x-btn-default-small-focus {
  background-color: #e08a40;
  border-color: #df8537; }
.x-window-active.x-window-orange-window-active .x-btn-default-small-disabled {
  background-color: #e7a46a;
  border-color: #e7a46a; }
.x-window-active.x-window-orange-window-active .x-btn-default-small-pressed {
  background-color: #d57522;
  border-color: #cc7021; }
.x-window-active.x-window-orange-window-active .x-btn-default-medium {
  background-color: #de8233;
  border-color: #dd7d2a; }
.x-window-active.x-window-orange-window-active .x-btn-default-medium-over,
.x-window-active.x-window-orange-window-active .x-btn-default-medium-focus {
  background-color: #e08a40;
  border-color: #df8537; }
.x-window-active.x-window-orange-window-active .x-btn-default-medium-disabled {
  background-color: #e7a46a;
  border-color: #e7a46a; }
.x-window-active.x-window-orange-window-active .x-btn-default-medium-pressed {
  background-color: #d57522;
  border-color: #cc7021; }
.x-window-active.x-window-orange-window-active .x-btn-default-large {
  background-color: #de8233;
  border-color: #dd7d2a; }
.x-window-active.x-window-orange-window-active .x-btn-default-large-over,
.x-window-active.x-window-orange-window-active .x-btn-default-large-focus {
  background-color: #e08a40;
  border-color: #df8537; }
.x-window-active.x-window-orange-window-active .x-btn-default-large-disabled {
  background-color: #e7a46a;
  border-color: #e7a46a; }
.x-window-active.x-window-orange-window-active .x-btn-default-large-pressed {
  background-color: #d57522;
  border-color: #cc7021; }

.x-window-active.x-window-orange-window-active .x-tab-bar .x-tab-default {
  border-bottom: 1px solid #de8233; }
.x-window-active.x-window-orange-window-active .x-tab-bar .x-tab-over {
  background-color: #e9aa75; }
.x-window-active.x-window-orange-window-active .x-tab-bar .x-tab-top-active {
  background-color: #de8233;
  border: 1px solid #de8233; }
.x-window-active.x-window-orange-window-active .x-tab-bar .x-tab-bottom-active {
  background-color: #de8233;
  border: 1px solid #de8233; }
.x-window-active.x-window-orange-window-active .x-tab-bar-bottom .x-tab {
  border-top-color: #de8233 !important;
  border-bottom-color: transparent; }
.x-window-active.x-window-orange-window-active .x-tab-bar-bottom .x-tab-active {
  border-bottom-color: #de8233; }
.x-window-active.x-window-orange-window-active .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #de8233;
  border-color: #de8233; }
.x-window-active.x-window-orange-window-active .x-tab-bar .x-tab-bar-strip-default {
  background-color: #de8233;
  border-color: #de8233; }
.x-window-active.x-window-orange-window-active .x-tab-bar-top + .x-panel-body {
  border-top-color: #de8233; }

.x-window-active.x-window-orange-window-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active.x-window-orange-window-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #f6b24f !important;
  background-color: #f8c375 !important; }

.x-window-orange-window-active {
  border-color: #c1c7cd; }

body.x-nbr .x-window-orange-window-active-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-4-4-4; }

.x-window-orange-window-active {
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

.x-window-body-orange-window-active {
  border-color: #aeb6be;
  border-width: 1px;
  background: #f8f9f9;
  color: black; }

.x-window-header-orange-window-active {
  font-size: 11px;
  border-color: #c1c7cd;
  zoom: 1; }
  .x-window-header-orange-window-active .x-tool .x-tool-close {
    background-color: gray; }
    .x-window-header-orange-window-active .x-tool .x-tool-close:hover {
      background-color: gray; }
  .x-window-header-orange-window-active .x--tool:hover {
    background-color: #bfc6cc; }

.x-window-header-text-orange-window-active {
  color: #4d4d4d;
  font-weight: bold;
  line-height: 22px;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  font-size: 11px; }

body.x-nbr .x-window-header-orange-window-active-top-frameInfo {
  font-family: dh-5-5-0-0-1-1-0-1-4-5-0-5; }

.x-window-header-orange-window-active-top {
  padding: 4px 5px 0 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-orange-window-active-right-frameInfo {
  font-family: dh-0-5-5-0-1-1-1-0-5-4-5-0; }

.x-window-header-orange-window-active-right {
  padding: 5px 4px 5px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-orange-window-active-bottom-frameInfo {
  font-family: dh-0-0-5-5-0-1-1-1-0-5-4-5; }

.x-window-header-orange-window-active-bottom {
  padding: 0 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-orange-window-active-left-frameInfo {
  font-family: dh-5-0-0-5-1-0-1-1-5-0-5-4; }

.x-window-header-orange-window-active-left {
  padding: 5px 0px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-orange-window-active-collapsed-top-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-orange-window-active-collapsed-top {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-orange-window-active-collapsed-right-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-orange-window-active-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-orange-window-active-collapsed-bottom-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-orange-window-active-collapsed-bottom {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-orange-window-active-collapsed-left-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-orange-window-active-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

.x-window-header-text-container-orange-window-active {
  font-weight: bold;
  line-height: 22px;
  padding-left: 2px;
  color: #4d4d4d; }

.x-window-active .x-window-header-text-container-orange-window-active {
  color: #363636;
  /*marko*/ }

.x-window-header-icon-orange-window-active.x-window-header-glyph {
  line-height: 16px;
  text-align: center;
  font-size: 20px;
  color: #595959; }

.x-window-active .x-window-header-orange-window-active .x-window-header-glyph {
  color: #363636; }

/*
==================== end ui-window-active ====================
==============================================================
*/
/*
==============================================================
===================== start ui-window ========================
*/
.x-window-orange-window .x-window-header .x-tool img:hover {
  background-color: #f4a32d; }

.x-window-orange-window .x-window-body {
  background-color: #f8f9f9; }

.x-window-orange-window img.x-tool-close:hover {
  background-color: #c95656 !important; }

.x-window-orange-window img.x-tool-close {
  background-color: #c54a4a !important; }

.x-window-orange-window .x-btn-default-small {
  background-color: #de8233;
  border-color: #dd7d2a; }
.x-window-orange-window .x-btn-default-small-over,
.x-window-orange-window .x-btn-default-small-focus {
  background-color: #e08a40;
  border-color: #df8537; }
.x-window-orange-window .x-btn-default-small-disabled {
  background-color: #e7a46a;
  border-color: #e7a46a; }
.x-window-orange-window .x-btn-default-small-pressed {
  background-color: #d57522;
  border-color: #cc7021; }
.x-window-orange-window .x-btn-default-medium {
  background-color: #de8233;
  border-color: #dd7d2a; }
.x-window-orange-window .x-btn-default-medium-over,
.x-window-orange-window .x-btn-default-medium-focus {
  background-color: #e08a40;
  border-color: #df8537; }
.x-window-orange-window .x-btn-default-medium-disabled {
  background-color: #e7a46a;
  border-color: #e7a46a; }
.x-window-orange-window .x-btn-default-medium-pressed {
  background-color: #d57522;
  border-color: #cc7021; }
.x-window-orange-window .x-btn-default-large {
  background-color: #de8233;
  border-color: #dd7d2a; }
.x-window-orange-window .x-btn-default-large-over,
.x-window-orange-window .x-btn-default-large-focus {
  background-color: #e08a40;
  border-color: #df8537; }
.x-window-orange-window .x-btn-default-large-disabled {
  background-color: #e7a46a;
  border-color: #e7a46a; }
.x-window-orange-window .x-btn-default-large-pressed {
  background-color: #d57522;
  border-color: #cc7021; }

.x-window-orange-window .x-tab-bar .x-tab-default {
  border-bottom: 1px solid #de8233; }
.x-window-orange-window .x-tab-bar .x-tab-over {
  background-color: #e9aa75; }
.x-window-orange-window .x-tab-bar .x-tab-top-active {
  background-color: #de8233;
  border: 1px solid #de8233; }
.x-window-orange-window .x-tab-bar .x-tab-bottom-active {
  background-color: #de8233;
  border: 1px solid #de8233; }
.x-window-orange-window .x-tab-bar-bottom .x-tab {
  border-top-color: #de8233 !important;
  border-bottom-color: transparent; }
.x-window-orange-window .x-tab-bar-bottom .x-tab-active {
  border-bottom-color: #de8233; }
.x-window-orange-window .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #de8233;
  border-color: #de8233; }
.x-window-orange-window .x-tab-bar .x-tab-bar-strip-default {
  background-color: #de8233;
  border-color: #de8233; }
.x-window-orange-window .x-tab-bar-top + .x-panel-body {
  border-top-color: #de8233; }

.x-window-orange-window .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-orange-window .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #f6b24f !important;
  background-color: #f8c375 !important; }

.x-window-orange-window {
  border-color: #f4a22a; }

body.x-nbr .x-window-orange-window-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-4-4-4; }

.x-window-orange-window {
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #f5ae45; }

.x-window-body-orange-window {
  border-color: #aeb6be;
  border-width: 1px;
  background: #f8f9f9;
  color: black; }

.x-window-header-orange-window {
  font-size: 11px;
  border-color: #f4a22a;
  zoom: 1; }
  .x-window-header-orange-window .x-tool .x-tool-close {
    background-color: gray; }
    .x-window-header-orange-window .x-tool .x-tool-close:hover {
      background-color: gray; }
  .x-window-header-orange-window .x--tool:hover {
    background-color: #f29915; }

.x-window-header-text-orange-window {
  color: #363636;
  font-weight: bold;
  line-height: 22px;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  font-size: 11px; }

body.x-nbr .x-window-header-orange-window-top-frameInfo {
  font-family: dh-5-5-0-0-1-1-0-1-4-5-0-5; }

.x-window-header-orange-window-top {
  padding: 4px 5px 0 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #f5ae45; }

body.x-nbr .x-window-header-orange-window-right-frameInfo {
  font-family: dh-0-5-5-0-1-1-1-0-5-4-5-0; }

.x-window-header-orange-window-right {
  padding: 5px 4px 5px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: #f5ae45; }

body.x-nbr .x-window-header-orange-window-bottom-frameInfo {
  font-family: dh-0-0-5-5-0-1-1-1-0-5-4-5; }

.x-window-header-orange-window-bottom {
  padding: 0 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #f5ae45; }

body.x-nbr .x-window-header-orange-window-left-frameInfo {
  font-family: dh-5-0-0-5-1-0-1-1-5-0-5-4; }

.x-window-header-orange-window-left {
  padding: 5px 0px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-color: #f5ae45; }

body.x-nbr .x-window-header-orange-window-collapsed-top-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-orange-window-collapsed-top {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #f5ae45; }

body.x-nbr .x-window-header-orange-window-collapsed-right-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-orange-window-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #f5ae45; }

body.x-nbr .x-window-header-orange-window-collapsed-bottom-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-orange-window-collapsed-bottom {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #f5ae45; }

body.x-nbr .x-window-header-orange-window-collapsed-left-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-orange-window-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #f5ae45; }

.x-window-header-text-container-orange-window {
  font-weight: bold;
  line-height: 22px;
  padding-left: 2px;
  color: #363636; }

.x-window-header-icon-orange-window.x-window-header-glyph {
  line-height: 16px;
  text-align: center;
  font-size: 20px;
  color: #363636; }

/*
===================== end ui-window ========================
============================================================
*/
/*
==============================================================
===================== start ui-tab ===========================
*/
div.x-panel-orange-tab > .x-tab-bar-top .x-tab {
  border-bottom-color: #de8233; }
div.x-panel-orange-tab > .x-tab-bar-bottom .x-tab {
  border-top-color: #de8233 !important; }
div.x-panel-orange-tab > .x-tab-bar .x-tab-over {
  background-color: #e9aa75; }
div.x-panel-orange-tab > .x-tab-bar .x-tab-active {
  background-color: #de8233;
  border-color: #de8233 !important; }
div.x-panel-orange-tab > .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #de8233;
  border-color: #de8233; }
div.x-panel-orange-tab > .x-tab-bar .x-tab-bar-strip-default {
  background-color: #de8233;
  border-color: #de8233; }
div.x-panel-orange-tab .x-tab-bar-top + .x-panel-body-orange-tab {
  border-top-color: #de8233 !important; }
div.x-panel-orange-tab .x-panel-orange-tab {
  border-color: #aeb6be; }
div.x-panel-orange-tab .x-panel-header-orange-tab {
  font-size: 11px;
  border-color: #aeb6be;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
div.x-panel-orange-tab .x-panel-header-text-orange-tab {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }
div.x-panel-orange-tab .x-panel-body-orange-tab {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: black;
  border-width: 1px;
  border-style: solid; }
div.x-panel-orange-tab .x-panel-collapsed .x-window-header-orange-tab,
div.x-panel-orange-tab .x-panel-collapsed .x-panel-header-orange-tab {
  border-color: #aeb6be; }
div.x-panel-orange-tab .x-panel-header-orange-tab-vertical {
  border-color: #aeb6be; }
div.x-panel-orange-tab .x-panel-header-orange-tab-left,
div.x-panel-orange-tab .x-panel-header-orange-tab-right {
  background-image: none;
  background-color: #cbd0d5; }
div.x-panel-orange-tab .x-panel-header-orange-tab-right-tc,
div.x-panel-orange-tab .x-panel-header-orange-tab-right-mc,
div.x-panel-orange-tab .x-panel-header-orange-tab-right-bc {
  background-position: right 0; }
div.x-panel-orange-tab .x-panel-header-orange-tab-bottom-tc,
div.x-panel-orange-tab .x-panel-header-orange-tab-bottom-mc,
div.x-panel-orange-tab .x-panel-header-orange-tab-bottom-bc {
  background-position: 0 bottom; }

div.x-panel-orange-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
div.x-panel-orange-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #f6b24f !important;
  background-color: #f8c375 !important; }

div.x-tabpanel-child .x-panel-orange-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
div.x-tabpanel-child .x-panel-orange-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #f6b24f !important;
  background-color: #f8c375 !important; }

div.x-tabpanel-child .x-tabpanel-child .x-panel-orange-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
div.x-tabpanel-child .x-tabpanel-child .x-panel-orange-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #f6b24f !important;
  background-color: #f8c375 !important; }

.x-tab-orange-tab .x-tab-inner {
  color: #606060; }

.x-tab-orange-tab-over {
  background-color: #e9aa75 !important;
  border-bottom-color: #e9aa75 !important; }
  .x-tab-orange-tab-over .x-tab-inner {
    color: white; }

.x-panel-orange-tab .x-tab-orange-tab-active {
  background-color: #de8233 !important; }
  .x-panel-orange-tab .x-tab-orange-tab-active .x-tab-inner {
    color: white; }

.x-tab-orange-tab-disabled {
  border-bottom: none !important; }
  .x-tab-orange-tab-disabled .x-tab-inner {
    color: #c3b3b3; }

.x-tab-orange-tab-top {
  padding-left: 10px;
  padding-right: 13px;
  padding-top: 3px; }

.x-tab-orange-tab-bottom {
  padding-left: 10px;
  padding-right: 13px; }
  .x-tab-orange-tab-bottom .x-tab-inner {
    padding-top: 3px;
    display: block; }

.x-tab-bar-orange-tab-right {
  right: 0px !important;
  left: auto !important;
  z-index: 2; }

.x-tab-orange-tab-right {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0px 0px 0px;
  -moz-transform-origin: 0px 0px 0px;
  -ms-transform-origin: 0px 0px 0px;
  -o-transform-origin: 0px 0px 0px;
  transform-origin: 0px 0px 0px;
  border-width: 0px !important; }
  .x-tab-orange-tab-right:first-child {
    margin-left: 0 !important; }
  .x-tab-orange-tab-right .x-tab-inner {
    line-height: 22px; }

.x-tab-orange-tab-right-over {
  background-color: #e9aa75;
  border-bottom: 1px solid red; }

.x-tab-orange-tab-right-active {
  background-color: #de8233; }

.x-tab-orange-tab-right-disabled {
  background-image: none; }

.x-tab-bar-orange-tab-left {
  left: 0px !important;
  right: auto !important;
  z-index: 2; }

.x-tab-orange-tab-left {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 100% 0px 0px;
  -moz-transform-origin: 100% 0px 0px;
  -ms-transform-origin: 100% 0px 0px;
  -o-transform-origin: 100% 0px 0px;
  transform-origin: 100% 0px 0px;
  border-width: 0px !important; }
  .x-tab-orange-tab-left .x-tab-inner {
    line-height: 22px; }
  .x-tab-orange-tab-left:first-child {
    margin-left: 0 !important; }

.x-tab-orange-tab-left-over {
  background-color: #e9aa75; }

.x-tab-orange-tab-left-active {
  background-color: #de8233; }

.x-tab-orange-tab-left-disabled {
  background-image: none; }

.x-tab-bar-strip-orange-tab {
  background-color: #de8233; }

.x-tab-orange-tab .x-tab-inner {
  font-weight: bold; }

.x-tab-bar-plain .x-tab-bar-body {
  border-width: 0; }

/*
======================= end ui-tab ===========================
==============================================================
*/
/*
==============================================================
================= start ui-tab-active ========================
*/
.x-panel-orange-tab-active .x-panel-orange-tab-active {
  border-color: #aeb6be; }
.x-panel-orange-tab-active .x-panel-header-orange-tab-active {
  font-size: 11px;
  border-color: #aeb6be;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
.x-panel-orange-tab-active .x-panel-header-text-orange-tab-active {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }
.x-panel-orange-tab-active .x-panel-body-orange-tab-active {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: black;
  border-width: 1px;
  border-style: solid; }
.x-panel-orange-tab-active .x-panel-collapsed .x-window-header-orange-tab-active,
.x-panel-orange-tab-active .x-panel-collapsed .x-panel-header-orange-tab-active {
  border-color: #aeb6be; }
.x-panel-orange-tab-active .x-panel-header-orange-tab-active-vertical {
  border-color: #aeb6be; }
.x-panel-orange-tab-active .x-panel-header-orange-tab-active-left,
.x-panel-orange-tab-active .x-panel-header-orange-tab-active-right {
  background-image: none;
  background-color: #cbd0d5; }
.x-panel-orange-tab-active .x-panel-header-orange-tab-active-right-tc,
.x-panel-orange-tab-active .x-panel-header-orange-tab-active-right-mc,
.x-panel-orange-tab-active .x-panel-header-orange-tab-active-right-bc {
  background-position: right 0; }
.x-panel-orange-tab-active .x-panel-header-orange-tab-active-bottom-tc,
.x-panel-orange-tab-active .x-panel-header-orange-tab-active-bottom-mc,
.x-panel-orange-tab-active .x-panel-header-orange-tab-active-bottom-bc {
  background-position: 0 bottom; }

.x-window-active div.x-panel-orange-tab-active > .x-tab-bar-top .x-tab {
  border-bottom-color: #de8233; }
.x-window-active div.x-panel-orange-tab-active > .x-tab-bar-bottom .x-tab {
  border-top-color: #de8233 !important;
  border-bottom-color: transparent !important; }
.x-window-active div.x-panel-orange-tab-active > .x-tab-bar .x-tab-over {
  background-color: #e59d5f; }
.x-window-active div.x-panel-orange-tab-active > .x-tab-bar-bottom .x-tab-active {
  border-bottom-color: #de8233 !important; }
.x-window-active div.x-panel-orange-tab-active > .x-tab-bar .x-tab-active {
  background-color: #de8233;
  border-color: #de8233 !important; }
.x-window-active div.x-panel-orange-tab-active > .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #de8233;
  border-color: #de8233; }
.x-window-active div.x-panel-orange-tab-active > .x-tab-bar .x-tab-bar-strip-default {
  background-color: #de8233;
  border-color: #de8233; }
.x-window-active div.x-panel-orange-tab-active .x-tab-bar-top + .x-panel-body-orange-tab-active {
  border-top-color: #de8233 !important; }
.x-window-active div.x-panel-orange-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active div.x-panel-orange-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #f6b24f !important;
  background-color: #f8c375 !important; }
.x-window-active div.x-tabpanel-child .x-panel-orange-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active div.x-tabpanel-child .x-panel-orange-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #f6b24f !important;
  background-color: #f8c375 !important; }
.x-window-active div.x-tabpanel-child div.x-tabpanel-child .x-tabpanel-child .x-panel-orange-tab-active.x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active div.x-tabpanel-child div.x-tabpanel-child .x-tabpanel-child .x-panel-orange-tab-active.x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #f6b24f !important;
  background-color: #f8c375 !important; }

.x-tab-orange-tab-active .x-tab-inner {
  color: #606060; }

.x-tab-orange-tab-active-over {
  background-color: #afb9c3 !important;
  border-bottom-color: #afb9c3 !important; }
  .x-tab-orange-tab-active-over .x-tab-inner {
    color: white; }

.x-panel-orange-tab-active .x-tab-orange-tab-active-active {
  background-color: #8393a2 !important; }
  .x-panel-orange-tab-active .x-tab-orange-tab-active-active .x-tab-inner {
    color: white; }

.x-tab-orange-tab-active-disabled {
  border-bottom: none !important; }
  .x-tab-orange-tab-active-disabled .x-tab-inner {
    color: #c3b3b3; }

.x-tab-orange-tab-active-top {
  padding-left: 10px;
  padding-right: 13px;
  padding-top: 3px; }

.x-tab-orange-tab-active-bottom {
  padding-left: 10px;
  padding-right: 13px; }
  .x-tab-orange-tab-active-bottom .x-tab-inner {
    padding-top: 3px;
    display: block; }

.x-tab-bar-orange-tab-active-right {
  right: 0px !important;
  left: auto !important;
  z-index: 2; }

.x-tab-orange-tab-active-right {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0px 0px 0px;
  -moz-transform-origin: 0px 0px 0px;
  -ms-transform-origin: 0px 0px 0px;
  -o-transform-origin: 0px 0px 0px;
  transform-origin: 0px 0px 0px;
  border-width: 0px !important; }
  .x-tab-orange-tab-active-right:first-child {
    margin-left: 0 !important; }
  .x-tab-orange-tab-active-right .x-tab-inner {
    line-height: 22px; }

.x-tab-orange-tab-active-right-over {
  background-color: #afb9c3;
  border-bottom: 1px solid red; }

.x-tab-orange-tab-active-right-active {
  background-color: #8393a2; }

.x-tab-orange-tab-active-right-disabled {
  background-image: none; }

.x-tab-bar-orange-tab-active-left {
  left: 0px !important;
  right: auto !important;
  z-index: 2; }

.x-tab-orange-tab-active-left {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 100% 0px 0px;
  -moz-transform-origin: 100% 0px 0px;
  -ms-transform-origin: 100% 0px 0px;
  -o-transform-origin: 100% 0px 0px;
  transform-origin: 100% 0px 0px;
  border-width: 0px !important; }
  .x-tab-orange-tab-active-left .x-tab-inner {
    line-height: 22px; }
  .x-tab-orange-tab-active-left:first-child {
    margin-left: 0 !important; }

.x-tab-orange-tab-active-left-over {
  background-color: #afb9c3; }

.x-tab-orange-tab-active-left-active {
  background-color: #8393a2; }

.x-tab-orange-tab-active-left-disabled {
  background-image: none; }

.x-tab-bar-strip-orange-tab-active {
  background-color: #8393a2; }

.x-tab-orange-tab-active .x-tab-inner {
  font-weight: bold; }

.x-tab-bar-plain .x-tab-bar-body {
  border-width: 0; }

.x-window-active .x-tab-orange-tab-active-over {
  background-color: #e9aa75 !important;
  border-bottom-color: #e9aa75 !important; }
.x-window-active .x-panel-orange-tab-active .x-tab-orange-tab-active-active {
  background-color: #de8233 !important; }
.x-window-active .x-tab-orange-tab-active-disabled {
  border-bottom: none !important; }
.x-window-active .x-tab-orange-tab-active-top {
  padding-left: 10px;
  padding-right: 13px;
  padding-top: 3px; }
.x-window-active .x-tab-orange-tab-active-bottom {
  padding-left: 10px;
  padding-right: 13px; }
  .x-window-active .x-tab-orange-tab-active-bottom .x-tab-inner {
    padding-top: 3px;
    display: block; }
.x-window-active .x-tab-bar-orange-tab-active-right {
  right: 0px !important;
  left: auto !important;
  z-index: 2; }
.x-window-active .x-tab-orange-tab-active-right {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0px 0px 0px;
  -moz-transform-origin: 0px 0px 0px;
  -ms-transform-origin: 0px 0px 0px;
  -o-transform-origin: 0px 0px 0px;
  transform-origin: 0px 0px 0px;
  border-width: 0px !important; }
  .x-window-active .x-tab-orange-tab-active-right:first-child {
    margin-left: 0 !important; }
  .x-window-active .x-tab-orange-tab-active-right .x-tab-inner {
    line-height: 22px; }
.x-window-active .x-tab-orange-tab-active-right-over {
  background-color: #e9aa75;
  border-bottom: 1px solid red; }
.x-window-active .x-tab-orange-tab-active-right-active {
  background-color: #de8233; }
.x-window-active .x-tab-orange-tab-active-right-disabled {
  background-image: none; }
.x-window-active .x-tab-bar-orange-tab-active-left {
  left: 0px !important;
  right: auto !important;
  z-index: 2; }
.x-window-active .x-tab-orange-tab-active-left {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 100% 0px 0px;
  -moz-transform-origin: 100% 0px 0px;
  -ms-transform-origin: 100% 0px 0px;
  -o-transform-origin: 100% 0px 0px;
  transform-origin: 100% 0px 0px;
  border-width: 0px !important; }
  .x-window-active .x-tab-orange-tab-active-left .x-tab-inner {
    line-height: 22px; }
  .x-window-active .x-tab-orange-tab-active-left:first-child {
    margin-left: 0 !important; }
.x-window-active .x-tab-orange-tab-active-left-over {
  background-color: #e9aa75; }
.x-window-active .x-tab-orange-tab-active-left-active {
  background-color: #de8233; }
.x-window-active .x-tab-orange-tab-active-left-disabled {
  background-image: none; }
.x-window-active .x-tab-bar-strip-orange-tab-active {
  background-color: #de8233; }
.x-window-active .x-tab-orange-tab-active .x-tab-inner {
  font-weight: bold; }
.x-window-active .x-tab-bar-plain .x-tab-bar-body {
  border-width: 0; }

/*
=================== end ui-tab-active ========================
==============================================================
*/
.x-panel-header-text-container-default {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #404040; }

.x-panel-header-default .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a; }

.x-panel-header-default-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-default-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-default-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-default-vertical .x-panel-header-text-container {
  display: none; }

.x-panel-header-text-container-default-framed {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #404040; }

.x-panel-header-default-framed .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a; }

.x-panel-header-default-framed-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-default-framed-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-default-framed-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-default-framed-vertical .x-panel-header-text-container {
  display: none; }

.x-ie7 [class$="-mc"], .x-ie8 [class$="-mc"] {
  margin-top: -1px !important;
  margin-left: -1px !important; }

/*
==============================================================
===================== start ui-button ========================
*/
.x-btn-green-button-small {
  border-color: #94a23e; }

body.x-nbr .x-btn-green-button-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-green-button-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #9ba941; }

.x-btn-green-button-small .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-green-button-small-icon button,
.x-btn-green-button-small-icon a,
.x-btn-green-button-small-icon .x-btn-inner,
.x-btn-green-button-small-noicon button,
.x-btn-green-button-small-noicon a,
.x-btn-green-button-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-green-button-small-icon button,
.x-btn-green-button-small-icon a {
  padding: 0; }
.x-btn-green-button-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-green-button-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-green-button-small-icon-text-left button,
.x-btn-green-button-small-icon-text-left a {
  height: 16px; }
.x-btn-green-button-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-green-button-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-green-button-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-green-button-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-green-button-small-icon-text-right button,
.x-btn-green-button-small-icon-text-right a {
  height: 16px; }
.x-btn-green-button-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-green-button-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-green-button-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-green-button-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-green-button-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-green-button-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-green-button-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-green-button-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-green-button-small-over {
  border-color: #9ead42;
  background-image: none;
  background-color: #a5b445; }

.x-btn-green-button-small-focus {
  border-color: #9ead42;
  background-image: none;
  background-color: #a5b445; }

.x-btn-green-button-small-menu-active,
.x-btn-green-button-small-pressed {
  border-color: #838f37;
  background-image: none;
  background-color: #8a973a; }

.x-btn-green-button-small-disabled {
  border-color: #b7c466;
  background-image: none;
  background-color: #b7c466; }

.x-btn-green-button-medium {
  border-color: #94a23e; }

body.x-nbr .x-btn-green-button-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-green-button-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #9ba941; }

.x-btn-green-button-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-green-button-medium-icon button,
.x-btn-green-button-medium-icon a,
.x-btn-green-button-medium-icon .x-btn-inner,
.x-btn-green-button-medium-noicon button,
.x-btn-green-button-medium-noicon a,
.x-btn-green-button-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-green-button-medium-icon button,
.x-btn-green-button-medium-icon a {
  padding: 0; }
.x-btn-green-button-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-green-button-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-green-button-medium-icon-text-left button,
.x-btn-green-button-medium-icon-text-left a {
  height: 24px; }
.x-btn-green-button-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-green-button-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-green-button-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-green-button-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-green-button-medium-icon-text-right button,
.x-btn-green-button-medium-icon-text-right a {
  height: 24px; }
.x-btn-green-button-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-green-button-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-green-button-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-green-button-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-green-button-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-green-button-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-green-button-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-green-button-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-green-button-medium-over {
  border-color: #9ead42;
  background-image: none;
  background-color: #a5b445; }

.x-btn-green-button-medium-focus {
  border-color: #9ead42;
  background-image: none;
  background-color: #a5b445; }

.x-btn-green-button-medium-menu-active,
.x-btn-green-button-medium-pressed {
  border-color: #838f37;
  background-image: none;
  background-color: #8a973a; }

.x-btn-green-button-medium-disabled {
  border-color: #b7c466;
  background-image: none;
  background-color: #b7c466; }

.x-btn-green-button-large {
  border-color: #94a23e; }

body.x-nbr .x-btn-green-button-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-green-button-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #9ba941; }

.x-btn-green-button-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-green-button-large-icon button,
.x-btn-green-button-large-icon a,
.x-btn-green-button-large-icon .x-btn-inner,
.x-btn-green-button-large-noicon button,
.x-btn-green-button-large-noicon a,
.x-btn-green-button-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-green-button-large-icon button,
.x-btn-green-button-large-icon a {
  padding: 0; }
.x-btn-green-button-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-green-button-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-green-button-large-icon-text-left button,
.x-btn-green-button-large-icon-text-left a {
  height: 32px; }
.x-btn-green-button-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-green-button-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-green-button-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-green-button-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-green-button-large-icon-text-right button,
.x-btn-green-button-large-icon-text-right a {
  height: 32px; }
.x-btn-green-button-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-green-button-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-green-button-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-green-button-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-green-button-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-green-button-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-green-button-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-green-button-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-green-button-large-over {
  border-color: #9ead42;
  background-image: none;
  background-color: #a5b445; }

.x-btn-green-button-large-focus {
  border-color: #9ead42;
  background-image: none;
  background-color: #a5b445; }

.x-btn-green-button-large-menu-active,
.x-btn-green-button-large-pressed {
  border-color: #838f37;
  background-image: none;
  background-color: #8a973a; }

.x-btn-green-button-large-disabled {
  border-color: #b7c466;
  background-image: none;
  background-color: #b7c466; }

.x-btn-green-button-small .x-btn-icon-el {
  height: 16px; }
.x-btn-green-button-small .x-btn-glyph {
  line-height: 16px;
  color: white;
  font-size: 20px; }
.x-btn-green-button-small.x-btn-over .x-btn-glyph {
  color: white; }
.x-btn-green-button-small.x-btn-pressed .x-btn-glyph, .x-btn-green-button-small.x-btn-menu-active .x-btn-glyph {
  color: white; }

.x-btn-green-button-medium .x-btn-icon-el {
  height: 24px; }
.x-btn-green-button-medium .x-btn-glyph {
  line-height: 24px;
  color: white;
  font-size: 28px; }
.x-btn-green-button-medium.x-btn-over .x-btn-glyph {
  color: white; }
.x-btn-green-button-medium.x-btn-pressed .x-btn-glyph, .x-btn-green-button-medium.x-btn-menu-active .x-btn-glyph {
  color: white; }

.x-btn-green-button-large .x-btn-icon-el {
  height: 32px; }
.x-btn-green-button-large .x-btn-glyph {
  line-height: 32px;
  color: white;
  font-size: 36px; }
.x-btn-green-button-large.x-btn-over .x-btn-glyph {
  color: white; }
.x-btn-green-button-large.x-btn-pressed .x-btn-glyph, .x-btn-green-button-large.x-btn-menu-active .x-btn-glyph {
  color: white; }

.x-btn-green-button-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-green-button-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-green-button-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-green-button-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-green-button-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-green-button-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-green-button-small-icon-text-right {
  /*marko*/ }
  .x-btn-green-button-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-green-button-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-green-button-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-green-button-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-green-button-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-green-button-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-green-button-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-green-button-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-green-button-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-green-button-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-green-button-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-green-button-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

/*
====================== end ui-button==========================
==============================================================
*/
/*
=================== start ui-toolbar-button===================
==============================================================
*/
.x-btn-green-button-toolbar-small {
  border-color: transparent; }

body.x-nbr .x-btn-green-button-toolbar-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-green-button-toolbar-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-green-button-toolbar-small .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-green-button-toolbar-small-icon button,
.x-btn-green-button-toolbar-small-icon a,
.x-btn-green-button-toolbar-small-icon .x-btn-inner,
.x-btn-green-button-toolbar-small-noicon button,
.x-btn-green-button-toolbar-small-noicon a,
.x-btn-green-button-toolbar-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-green-button-toolbar-small-icon button,
.x-btn-green-button-toolbar-small-icon a {
  padding: 0; }
.x-btn-green-button-toolbar-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-green-button-toolbar-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-green-button-toolbar-small-icon-text-left button,
.x-btn-green-button-toolbar-small-icon-text-left a {
  height: 16px; }
.x-btn-green-button-toolbar-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-green-button-toolbar-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-green-button-toolbar-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-green-button-toolbar-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-green-button-toolbar-small-icon-text-right button,
.x-btn-green-button-toolbar-small-icon-text-right a {
  height: 16px; }
.x-btn-green-button-toolbar-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-green-button-toolbar-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-toolbar-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-green-button-toolbar-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-green-button-toolbar-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-green-button-toolbar-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-green-button-toolbar-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-toolbar-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-green-button-toolbar-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-green-button-toolbar-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-toolbar-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-toolbar-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-green-button-toolbar-small-over {
  border-color: #9cac39;
  background-image: none;
  background-color: #aebf40; }
  .x-btn-green-button-toolbar-small-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-green-button-toolbar-small-focus {
  border-color: #9cac39;
  background-image: none;
  background-color: #aebf40; }
  .x-btn-green-button-toolbar-small-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-green-button-toolbar-small-menu-active,
.x-btn-green-button-toolbar-small-pressed {
  border-color: #8b9933;
  background-image: none;
  background-color: #9cac39; }
  .x-btn-green-button-toolbar-small-menu-active .x-btn-inner,
  .x-btn-green-button-toolbar-small-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-green-button-toolbar-small-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-green-button-toolbar-small-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-green-button-toolbar-small-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-green-button-toolbar-small-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-green-button-toolbar-medium {
  border-color: transparent; }

body.x-nbr .x-btn-green-button-toolbar-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-green-button-toolbar-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-green-button-toolbar-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-green-button-toolbar-medium-icon button,
.x-btn-green-button-toolbar-medium-icon a,
.x-btn-green-button-toolbar-medium-icon .x-btn-inner,
.x-btn-green-button-toolbar-medium-noicon button,
.x-btn-green-button-toolbar-medium-noicon a,
.x-btn-green-button-toolbar-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-green-button-toolbar-medium-icon button,
.x-btn-green-button-toolbar-medium-icon a {
  padding: 0; }
.x-btn-green-button-toolbar-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-green-button-toolbar-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-green-button-toolbar-medium-icon-text-left button,
.x-btn-green-button-toolbar-medium-icon-text-left a {
  height: 24px; }
.x-btn-green-button-toolbar-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-green-button-toolbar-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-green-button-toolbar-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-green-button-toolbar-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-green-button-toolbar-medium-icon-text-right button,
.x-btn-green-button-toolbar-medium-icon-text-right a {
  height: 24px; }
.x-btn-green-button-toolbar-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-green-button-toolbar-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-toolbar-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-green-button-toolbar-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-green-button-toolbar-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-green-button-toolbar-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-green-button-toolbar-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-toolbar-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-green-button-toolbar-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-green-button-toolbar-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-toolbar-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-toolbar-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-green-button-toolbar-medium-over {
  border-color: #9cac39;
  background-image: none;
  background-color: #aebf40; }
  .x-btn-green-button-toolbar-medium-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-green-button-toolbar-medium-focus {
  border-color: #9cac39;
  background-image: none;
  background-color: #aebf40; }
  .x-btn-green-button-toolbar-medium-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-green-button-toolbar-medium-menu-active,
.x-btn-green-button-toolbar-medium-pressed {
  border-color: #8b9933;
  background-image: none;
  background-color: #9cac39; }
  .x-btn-green-button-toolbar-medium-menu-active .x-btn-inner,
  .x-btn-green-button-toolbar-medium-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-green-button-toolbar-medium-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-green-button-toolbar-medium-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-green-button-toolbar-medium-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-green-button-toolbar-medium-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-green-button-toolbar-large {
  border-color: transparent; }

body.x-nbr .x-btn-green-button-toolbar-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-green-button-toolbar-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-green-button-toolbar-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-green-button-toolbar-large-icon button,
.x-btn-green-button-toolbar-large-icon a,
.x-btn-green-button-toolbar-large-icon .x-btn-inner,
.x-btn-green-button-toolbar-large-noicon button,
.x-btn-green-button-toolbar-large-noicon a,
.x-btn-green-button-toolbar-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-green-button-toolbar-large-icon button,
.x-btn-green-button-toolbar-large-icon a {
  padding: 0; }
.x-btn-green-button-toolbar-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-green-button-toolbar-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-green-button-toolbar-large-icon-text-left button,
.x-btn-green-button-toolbar-large-icon-text-left a {
  height: 32px; }
.x-btn-green-button-toolbar-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-green-button-toolbar-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-green-button-toolbar-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-green-button-toolbar-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-green-button-toolbar-large-icon-text-right button,
.x-btn-green-button-toolbar-large-icon-text-right a {
  height: 32px; }
.x-btn-green-button-toolbar-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-green-button-toolbar-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-toolbar-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-green-button-toolbar-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-green-button-toolbar-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-green-button-toolbar-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-green-button-toolbar-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-toolbar-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-green-button-toolbar-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-green-button-toolbar-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-toolbar-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-toolbar-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-green-button-toolbar-large-over {
  border-color: #9cac39;
  background-image: none;
  background-color: #aebf40; }
  .x-btn-green-button-toolbar-large-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-green-button-toolbar-large-focus {
  border-color: #9cac39;
  background-image: none;
  background-color: #aebf40; }
  .x-btn-green-button-toolbar-large-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-green-button-toolbar-large-menu-active,
.x-btn-green-button-toolbar-large-pressed {
  border-color: #8b9933;
  background-image: none;
  background-color: #9cac39; }
  .x-btn-green-button-toolbar-large-menu-active .x-btn-inner,
  .x-btn-green-button-toolbar-large-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-green-button-toolbar-large-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-green-button-toolbar-large-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-green-button-toolbar-large-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-green-button-toolbar-large-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-green-button-toolbar-small .x-btn-icon-el {
  height: 16px; }
.x-btn-green-button-toolbar-small .x-btn-glyph {
  line-height: 16px;
  color: #666666;
  font-size: 20px; }
.x-btn-green-button-toolbar-small.x-btn-over .x-btn-glyph {
  color: #f8f9f9; }
.x-btn-green-button-toolbar-small.x-btn-pressed .x-btn-glyph, .x-btn-green-button-toolbar-small.x-btn-menu-active .x-btn-glyph {
  color: #f8f9f9; }

.x-btn-green-button-toolbar-medium .x-btn-icon-el {
  height: 24px; }
.x-btn-green-button-toolbar-medium .x-btn-glyph {
  line-height: 24px;
  color: #666666;
  font-size: 28px; }
.x-btn-green-button-toolbar-medium.x-btn-over .x-btn-glyph {
  color: #f8f9f9; }
.x-btn-green-button-toolbar-medium.x-btn-pressed .x-btn-glyph, .x-btn-green-button-toolbar-medium.x-btn-menu-active .x-btn-glyph {
  color: #f8f9f9; }

.x-btn-green-button-toolbar-large .x-btn-icon-el {
  height: 32px; }
.x-btn-green-button-toolbar-large .x-btn-glyph {
  line-height: 32px;
  color: #666666;
  font-size: 36px; }
.x-btn-green-button-toolbar-large.x-btn-over .x-btn-glyph {
  color: #f8f9f9; }
.x-btn-green-button-toolbar-large.x-btn-pressed .x-btn-glyph, .x-btn-green-button-toolbar-large.x-btn-menu-active .x-btn-glyph {
  color: #f8f9f9; }

.x-btn-green-button-toolbar-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-green-button-toolbar-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-green-button-toolbar-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-green-button-toolbar-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-green-button-toolbar-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-green-button-toolbar-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-green-button-toolbar-small-icon-text-right {
  /*marko*/ }
  .x-btn-green-button-toolbar-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-green-button-toolbar-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-green-button-toolbar-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-green-button-toolbar-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-green-button-toolbar-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-green-button-toolbar-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-green-button-toolbar-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-green-button-toolbar-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-green-button-toolbar-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-green-button-toolbar-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-green-button-toolbar-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-green-button-toolbar-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

/*
==============================================================
================= start ui-button-active =====================
*/
.x-btn-green-button-active-small {
  border-color: #7e8b98; }

body.x-nbr .x-btn-green-button-active-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-green-button-active-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #87939f; }

.x-btn-green-button-active-small .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-green-button-active-small-icon button,
.x-btn-green-button-active-small-icon a,
.x-btn-green-button-active-small-icon .x-btn-inner,
.x-btn-green-button-active-small-noicon button,
.x-btn-green-button-active-small-noicon a,
.x-btn-green-button-active-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-green-button-active-small-icon button,
.x-btn-green-button-active-small-icon a {
  padding: 0; }
.x-btn-green-button-active-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-green-button-active-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-green-button-active-small-icon-text-left button,
.x-btn-green-button-active-small-icon-text-left a {
  height: 16px; }
.x-btn-green-button-active-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-green-button-active-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-green-button-active-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-green-button-active-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-green-button-active-small-icon-text-right button,
.x-btn-green-button-active-small-icon-text-right a {
  height: 16px; }
.x-btn-green-button-active-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-green-button-active-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-active-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-green-button-active-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-green-button-active-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-green-button-active-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-green-button-active-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-active-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-green-button-active-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-green-button-active-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-active-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-active-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-green-button-active-small-over {
  border-color: #8c98a3;
  background-image: none;
  background-color: #959faa; }

.x-btn-green-button-active-small-focus {
  border-color: #8c98a3;
  background-image: none;
  background-color: #87939f; }

.x-btn-green-button-active-small-menu-active,
.x-btn-green-button-active-small-pressed {
  border-color: #6c7986;
  background-image: none;
  background-color: #6c7986; }

.x-btn-green-button-active-small-disabled {
  border-color: #bfc6cc;
  background-image: none;
  background-color: #bfc6cc; }

.x-btn-green-button-active-medium {
  border-color: #7e8b98; }

body.x-nbr .x-btn-green-button-active-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-green-button-active-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #87939f; }

.x-btn-green-button-active-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-green-button-active-medium-icon button,
.x-btn-green-button-active-medium-icon a,
.x-btn-green-button-active-medium-icon .x-btn-inner,
.x-btn-green-button-active-medium-noicon button,
.x-btn-green-button-active-medium-noicon a,
.x-btn-green-button-active-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-green-button-active-medium-icon button,
.x-btn-green-button-active-medium-icon a {
  padding: 0; }
.x-btn-green-button-active-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-green-button-active-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-green-button-active-medium-icon-text-left button,
.x-btn-green-button-active-medium-icon-text-left a {
  height: 24px; }
.x-btn-green-button-active-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-green-button-active-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-green-button-active-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-green-button-active-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-green-button-active-medium-icon-text-right button,
.x-btn-green-button-active-medium-icon-text-right a {
  height: 24px; }
.x-btn-green-button-active-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-green-button-active-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-active-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-green-button-active-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-green-button-active-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-green-button-active-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-green-button-active-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-active-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-green-button-active-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-green-button-active-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-active-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-active-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-green-button-active-medium-over {
  border-color: #8c98a3;
  background-image: none;
  background-color: #959faa; }

.x-btn-green-button-active-medium-focus {
  border-color: #8c98a3;
  background-image: none;
  background-color: #87939f; }

.x-btn-green-button-active-medium-menu-active,
.x-btn-green-button-active-medium-pressed {
  border-color: #6c7986;
  background-image: none;
  background-color: #6c7986; }

.x-btn-green-button-active-medium-disabled {
  border-color: #bfc6cc;
  background-image: none;
  background-color: #bfc6cc; }

.x-btn-green-button-active-large {
  border-color: #7e8b98; }

body.x-nbr .x-btn-green-button-active-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-green-button-active-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #87939f; }

.x-btn-green-button-active-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-green-button-active-large-icon button,
.x-btn-green-button-active-large-icon a,
.x-btn-green-button-active-large-icon .x-btn-inner,
.x-btn-green-button-active-large-noicon button,
.x-btn-green-button-active-large-noicon a,
.x-btn-green-button-active-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-green-button-active-large-icon button,
.x-btn-green-button-active-large-icon a {
  padding: 0; }
.x-btn-green-button-active-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-green-button-active-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-green-button-active-large-icon-text-left button,
.x-btn-green-button-active-large-icon-text-left a {
  height: 32px; }
.x-btn-green-button-active-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-green-button-active-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-green-button-active-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-green-button-active-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-green-button-active-large-icon-text-right button,
.x-btn-green-button-active-large-icon-text-right a {
  height: 32px; }
.x-btn-green-button-active-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-green-button-active-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-active-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-green-button-active-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-green-button-active-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-green-button-active-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-green-button-active-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-active-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-green-button-active-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-green-button-active-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-active-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-active-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-green-button-active-large-over {
  border-color: #8c98a3;
  background-image: none;
  background-color: #959faa; }

.x-btn-green-button-active-large-focus {
  border-color: #8c98a3;
  background-image: none;
  background-color: #87939f; }

.x-btn-green-button-active-large-menu-active,
.x-btn-green-button-active-large-pressed {
  border-color: #6c7986;
  background-image: none;
  background-color: #6c7986; }

.x-btn-green-button-active-large-disabled {
  border-color: #bfc6cc;
  background-image: none;
  background-color: #bfc6cc; }

.x-btn-green-button-active-small .x-btn-icon-el {
  height: 16px; }
.x-btn-green-button-active-small .x-btn-glyph {
  line-height: 16px;
  font-size: 20px; }

.x-btn-green-button-active-medium .x-btn-icon-el {
  height: 24px; }
.x-btn-green-button-active-medium .x-btn-glyph {
  line-height: 24px;
  font-size: 28px; }

.x-btn-green-button-active-large .x-btn-icon-el {
  height: 32px; }
.x-btn-green-button-active-large .x-btn-glyph {
  line-height: 32px;
  font-size: 36px; }

.x-btn-green-button-active-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-green-button-active-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-green-button-active-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-green-button-active-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-green-button-active-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-green-button-active-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-green-button-active-small-icon-text-right {
  /*marko*/ }
  .x-btn-green-button-active-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-green-button-active-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-green-button-active-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-green-button-active-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-green-button-active-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-green-button-active-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-green-button-active-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-green-button-active-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-green-button-active-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-green-button-active-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-green-button-active-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-green-button-active-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

.x-window-active .x-btn-green-button-active-small {
  background-color: #9ba941;
  border-color: #94a23e; }
.x-window-active .x-btn-green-button-active-small-over,
.x-window-active .x-btn-green-button-active-small-focus {
  background-color: #a5b445;
  border-color: #9ead42; }
.x-window-active .x-btn-green-button-active-small-disabled {
  background-color: #b7c466;
  border-color: #b7c466; }
.x-window-active .x-btn-green-button-active-small-pressed {
  background-color: #8a973a;
  border-color: #838f37; }
.x-window-active .x-btn-green-button-active-medium {
  background-color: #9ba941;
  border-color: #94a23e; }
.x-window-active .x-btn-green-button-active-medium-over,
.x-window-active .x-btn-green-button-active-medium-focus {
  background-color: #a5b445;
  border-color: #9ead42; }
.x-window-active .x-btn-green-button-active-medium-disabled {
  background-color: #b7c466;
  border-color: #b7c466; }
.x-window-active .x-btn-green-button-active-medium-pressed {
  background-color: #8a973a;
  border-color: #838f37; }
.x-window-active .x-btn-green-button-active-large {
  background-color: #9ba941;
  border-color: #94a23e; }
.x-window-active .x-btn-green-button-active-large-over,
.x-window-active .x-btn-green-button-active-large-focus {
  background-color: #a5b445;
  border-color: #9ead42; }
.x-window-active .x-btn-green-button-active-large-disabled {
  background-color: #b7c466;
  border-color: #b7c466; }
.x-window-active .x-btn-green-button-active-large-pressed {
  background-color: #8a973a;
  border-color: #838f37; }

/*
==================== end ui-button-active ====================
==============================================================
*/
/*
============ start ui-toolbar-button-active ==================
==============================================================
*/
.x-btn-green-button-active-toolbar-small {
  border-color: transparent; }

body.x-nbr .x-btn-green-button-active-toolbar-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-green-button-active-toolbar-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-green-button-active-toolbar-small .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-green-button-active-toolbar-small-icon button,
.x-btn-green-button-active-toolbar-small-icon a,
.x-btn-green-button-active-toolbar-small-icon .x-btn-inner,
.x-btn-green-button-active-toolbar-small-noicon button,
.x-btn-green-button-active-toolbar-small-noicon a,
.x-btn-green-button-active-toolbar-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-green-button-active-toolbar-small-icon button,
.x-btn-green-button-active-toolbar-small-icon a {
  padding: 0; }
.x-btn-green-button-active-toolbar-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-green-button-active-toolbar-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-green-button-active-toolbar-small-icon-text-left button,
.x-btn-green-button-active-toolbar-small-icon-text-left a {
  height: 16px; }
.x-btn-green-button-active-toolbar-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-green-button-active-toolbar-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-green-button-active-toolbar-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-green-button-active-toolbar-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-green-button-active-toolbar-small-icon-text-right button,
.x-btn-green-button-active-toolbar-small-icon-text-right a {
  height: 16px; }
.x-btn-green-button-active-toolbar-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-green-button-active-toolbar-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-active-toolbar-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-green-button-active-toolbar-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-green-button-active-toolbar-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-green-button-active-toolbar-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-green-button-active-toolbar-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-active-toolbar-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-green-button-active-toolbar-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-green-button-active-toolbar-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-active-toolbar-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-active-toolbar-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-green-button-active-toolbar-small-over {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-green-button-active-toolbar-small-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-green-button-active-toolbar-small-focus {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-green-button-active-toolbar-small-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-green-button-active-toolbar-small-menu-active,
.x-btn-green-button-active-toolbar-small-pressed {
  border-color: #99a3ad;
  background-image: none;
  background-color: #a7b0b9; }
  .x-btn-green-button-active-toolbar-small-menu-active .x-btn-inner,
  .x-btn-green-button-active-toolbar-small-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-green-button-active-toolbar-small-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-green-button-active-toolbar-small-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-green-button-active-toolbar-small-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-green-button-active-toolbar-small-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-green-button-active-toolbar-medium {
  border-color: transparent; }

body.x-nbr .x-btn-green-button-active-toolbar-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-green-button-active-toolbar-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-green-button-active-toolbar-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-green-button-active-toolbar-medium-icon button,
.x-btn-green-button-active-toolbar-medium-icon a,
.x-btn-green-button-active-toolbar-medium-icon .x-btn-inner,
.x-btn-green-button-active-toolbar-medium-noicon button,
.x-btn-green-button-active-toolbar-medium-noicon a,
.x-btn-green-button-active-toolbar-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-green-button-active-toolbar-medium-icon button,
.x-btn-green-button-active-toolbar-medium-icon a {
  padding: 0; }
.x-btn-green-button-active-toolbar-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-green-button-active-toolbar-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-green-button-active-toolbar-medium-icon-text-left button,
.x-btn-green-button-active-toolbar-medium-icon-text-left a {
  height: 24px; }
.x-btn-green-button-active-toolbar-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-green-button-active-toolbar-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-green-button-active-toolbar-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-green-button-active-toolbar-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-green-button-active-toolbar-medium-icon-text-right button,
.x-btn-green-button-active-toolbar-medium-icon-text-right a {
  height: 24px; }
.x-btn-green-button-active-toolbar-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-green-button-active-toolbar-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-active-toolbar-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-green-button-active-toolbar-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-green-button-active-toolbar-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-green-button-active-toolbar-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-green-button-active-toolbar-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-active-toolbar-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-green-button-active-toolbar-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-green-button-active-toolbar-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-active-toolbar-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-active-toolbar-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-green-button-active-toolbar-medium-over {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-green-button-active-toolbar-medium-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-green-button-active-toolbar-medium-focus {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-green-button-active-toolbar-medium-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-green-button-active-toolbar-medium-menu-active,
.x-btn-green-button-active-toolbar-medium-pressed {
  border-color: #99a3ad;
  background-image: none;
  background-color: #a7b0b9; }
  .x-btn-green-button-active-toolbar-medium-menu-active .x-btn-inner,
  .x-btn-green-button-active-toolbar-medium-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-green-button-active-toolbar-medium-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-green-button-active-toolbar-medium-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-green-button-active-toolbar-medium-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-green-button-active-toolbar-medium-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-green-button-active-toolbar-large {
  border-color: transparent; }

body.x-nbr .x-btn-green-button-active-toolbar-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-green-button-active-toolbar-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-green-button-active-toolbar-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-green-button-active-toolbar-large-icon button,
.x-btn-green-button-active-toolbar-large-icon a,
.x-btn-green-button-active-toolbar-large-icon .x-btn-inner,
.x-btn-green-button-active-toolbar-large-noicon button,
.x-btn-green-button-active-toolbar-large-noicon a,
.x-btn-green-button-active-toolbar-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-green-button-active-toolbar-large-icon button,
.x-btn-green-button-active-toolbar-large-icon a {
  padding: 0; }
.x-btn-green-button-active-toolbar-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-green-button-active-toolbar-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-green-button-active-toolbar-large-icon-text-left button,
.x-btn-green-button-active-toolbar-large-icon-text-left a {
  height: 32px; }
.x-btn-green-button-active-toolbar-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-green-button-active-toolbar-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-green-button-active-toolbar-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-green-button-active-toolbar-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-green-button-active-toolbar-large-icon-text-right button,
.x-btn-green-button-active-toolbar-large-icon-text-right a {
  height: 32px; }
.x-btn-green-button-active-toolbar-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-green-button-active-toolbar-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-active-toolbar-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-green-button-active-toolbar-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-green-button-active-toolbar-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-green-button-active-toolbar-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-green-button-active-toolbar-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-active-toolbar-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-green-button-active-toolbar-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-green-button-active-toolbar-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-green-button-active-toolbar-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-green-button-active-toolbar-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-green-button-active-toolbar-large-over {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-green-button-active-toolbar-large-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-green-button-active-toolbar-large-focus {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-green-button-active-toolbar-large-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-green-button-active-toolbar-large-menu-active,
.x-btn-green-button-active-toolbar-large-pressed {
  border-color: #99a3ad;
  background-image: none;
  background-color: #a7b0b9; }
  .x-btn-green-button-active-toolbar-large-menu-active .x-btn-inner,
  .x-btn-green-button-active-toolbar-large-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-green-button-active-toolbar-large-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-green-button-active-toolbar-large-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-green-button-active-toolbar-large-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-green-button-active-toolbar-large-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-green-button-active-toolbar-small .x-btn-icon-el {
  height: 16px; }
.x-btn-green-button-active-toolbar-small .x-btn-glyph {
  line-height: 16px;
  font-size: 20px; }

.x-btn-green-button-active-toolbar-medium .x-btn-icon-el {
  height: 24px; }
.x-btn-green-button-active-toolbar-medium .x-btn-glyph {
  line-height: 24px;
  font-size: 28px; }

.x-btn-green-button-active-toolbar-large .x-btn-icon-el {
  height: 32px; }
.x-btn-green-button-active-toolbar-large .x-btn-glyph {
  line-height: 32px;
  font-size: 36px; }

.x-btn-green-button-active-toolbar-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-green-button-active-toolbar-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-green-button-active-toolbar-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-green-button-active-toolbar-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-green-button-active-toolbar-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-green-button-active-toolbar-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-green-button-active-toolbar-small-icon-text-right {
  /*marko*/ }
  .x-btn-green-button-active-toolbar-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-green-button-active-toolbar-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-green-button-active-toolbar-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-green-button-active-toolbar-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-green-button-active-toolbar-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-green-button-active-toolbar-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-green-button-active-toolbar-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-green-button-active-toolbar-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-green-button-active-toolbar-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-green-button-active-toolbar-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-green-button-active-toolbar-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-green-button-active-toolbar-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

.x-window-active .x-btn-green-button-active-toolbar-small {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-green-button-active-toolbar-small-over,
.x-window-active .x-btn-green-button-active-toolbar-small-focus {
  background-color: #aebf40;
  border-color: #9cac39; }
.x-window-active .x-btn-green-button-active-toolbar-small-disabled {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-green-button-active-toolbar-small-pressed {
  background-color: #9cac39;
  border-color: #8b9933; }
.x-window-active .x-btn-green-button-active-toolbar-medium {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-green-button-active-toolbar-medium-over,
.x-window-active .x-btn-green-button-active-toolbar-medium-focus {
  background-color: #aebf40;
  border-color: #9cac39; }
.x-window-active .x-btn-green-button-active-toolbar-medium-disabled {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-green-button-active-toolbar-medium-pressed {
  background-color: #9cac39;
  border-color: #8b9933; }
.x-window-active .x-btn-green-button-active-toolbar-large {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-green-button-active-toolbar-large-over,
.x-window-active .x-btn-green-button-active-toolbar-large-focus {
  background-color: #aebf40;
  border-color: #9cac39; }
.x-window-active .x-btn-green-button-active-toolbar-large-disabled {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-green-button-active-toolbar-large-pressed {
  background-color: #9cac39;
  border-color: #8b9933; }

/*
==============================================================
===================== start ui-panel =========================
*/
.x-panel-green-panel {
  border-color: #aeb6be; }

.x-panel-header-green-panel {
  font-size: 11px;
  border-color: #aabb3e;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #b9c85a; }
  .x-panel-header-green-panel > .x-panel-header-body .x-tool img:hover {
    background-color: #b1c247; }
  .x-panel-header-green-panel > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-panel-header-green-panel > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }

.x-panel-header-text-green-panel {
  color: #363636;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }

.x-panel-body-green-panel {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: black;
  border-width: 1px;
  border-style: solid; }

.x-panel-collapsed .x-window-header-green-panel,
.x-panel-collapsed .x-panel-header-green-panel {
  border-color: #aabb3e; }

.x-panel-header-green-panel-vertical {
  border-color: #aabb3e; }

.x-panel-header-green-panel-left,
.x-panel-header-green-panel-right {
  background-image: none;
  background-color: #b9c85a; }

.x-panel-header-green-panel-right-tc,
.x-panel-header-green-panel-right-mc,
.x-panel-header-green-panel-right-bc {
  background-position: right 0; }

.x-panel-header-green-panel-bottom-tc,
.x-panel-header-green-panel-bottom-mc,
.x-panel-header-green-panel-bottom-bc {
  background-position: 0 bottom; }

.x-panel-header-green-panel + .x-panel-body-green-panel {
  border-top-color: #aabb3e; }

.x-panel-header-green-panel + .x-toolbar-docked-top {
  border-top-color: #aabb3e; }

.x-panel-header-green-panel.x-accordion-hd {
  background-color: #b9c85a !important;
  border-top-color: #b9c85a !important; }

.x-panel-green-panel.x-grid-with-row-lines .x-panel-body-green-panel .x-grid-row-selected .x-grid-cell,
.x-panel-green-panel.x-grid-with-row-lines .x-panel-body-green-panel .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #bccb62 !important;
  background-color: #c9d581 !important; }

.x-panel-green-panel.x-tree-panel .x-panel-body-green-panel .x-grid-row-selected .x-grid-cell,
.x-panel-green-panel.x-tree-panel .x-panel-body-green-panel .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #c9d581 !important; }

.x-panel-header-text-container-green-panel {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #363636; }

.x-panel-header-green-panel .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #363636; }

.x-panel-header-green-panel-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-green-panel-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-green-panel-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-green-panel-vertical .x-panel-header-text-container {
  display: none; }

/*
======================= end ui-panel =========================
==============================================================
*/
/*
==============================================================
=================== start ui-panel-framed ====================
*/
.x-panel-green-panel-framed {
  border-color: #b9c85a; }

.x-panel-header-green-panel-framed {
  font-size: 11px;
  border-color: #b9c85a;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #b9c85a; }
  .x-panel-header-green-panel-framed > .x-panel-header-body .x-tool img:hover {
    background-color: #b1c247; }
  .x-panel-header-green-panel-framed > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-panel-header-green-panel-framed > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }

.x-panel-header-text-green-panel-framed {
  color: #363636;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }

.x-panel-body-green-panel-framed {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: #333333;
  border-width: 0;
  border-style: solid; }

.x-panel-collapsed .x-window-header-green-panel-framed,
.x-panel-collapsed .x-panel-header-green-panel-framed {
  border-color: #b9c85a; }

.x-panel-header-green-panel-framed-vertical {
  border-color: #b9c85a; }

.x-panel-header-green-panel-framed-left,
.x-panel-header-green-panel-framed-right {
  background-image: none;
  background-color: #b9c85a; }

body.x-nbr .x-panel-green-panel-framed-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-4-4-4-4; }

.x-panel-green-panel-framed {
  padding: 4px 4px 4px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #f8f9f9; }

body.x-nbr .x-panel-header-green-panel-framed-top-frameInfo {
  font-family: dh-4-4-0-0-1-2-0-2-3-5-4-5; }

.x-panel-header-green-panel-framed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 0 2px;
  border-style: solid;
  background-color: #b9c85a; }

body.x-nbr .x-panel-header-green-panel-framed-right-frameInfo {
  font-family: dh-0-4-4-0-1-2-2-0-5-4-5-4; }

.x-panel-header-green-panel-framed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 0;
  border-style: solid;
  background-color: #b9c85a; }

body.x-nbr .x-panel-header-green-panel-framed-bottom-frameInfo {
  font-family: dh-0-0-4-4-0-2-2-2-3-5-4-5; }

.x-panel-header-green-panel-framed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 0 2px 2px 2px;
  border-style: solid;
  background-color: #b9c85a; }

body.x-nbr .x-panel-header-green-panel-framed-left-frameInfo {
  font-family: dh-4-0-0-4-1-0-2-2-5-4-5-4; }

.x-panel-header-green-panel-framed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 0 2px 2px;
  border-style: solid;
  background-color: #b9c85a; }

.x-panel .x-panel-header-green-panel-framed-top {
  border-bottom-width: 1px !important; }

.x-panel .x-panel-header-green-panel-framed-right {
  border-left-width: 1px !important; }

.x-panel .x-panel-header-green-panel-framed-bottom {
  border-top-width: 1px !important; }

.x-panel .x-panel-header-green-panel-framed-left {
  border-right-width: 1px !important; }

body.x-nbr .x-panel-header-green-panel-framed-collapsed-top-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-green-panel-framed-collapsed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #b9c85a; }

body.x-nbr .x-panel-header-green-panel-framed-collapsed-right-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-green-panel-framed-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #b9c85a; }

body.x-nbr .x-panel-header-green-panel-framed-collapsed-bottom-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-green-panel-framed-collapsed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #b9c85a; }

body.x-nbr .x-panel-header-green-panel-framed-collapsed-left-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-green-panel-framed-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #b9c85a; }

.x-panel-header-green-panel-framed-right-tc,
.x-panel-header-green-panel-framed-right-mc,
.x-panel-header-green-panel-framed-right-bc {
  background-position: right 0; }

.x-panel-header-green-panel-framed-bottom-tc,
.x-panel-header-green-panel-framed-bottom-mc,
.x-panel-header-green-panel-framed-bottom-bc {
  background-position: 0 bottom; }

.x-panel-green-panel-framed.x-grid-with-row-lines .x-panel-body-green-panel-framed .x-grid-row-selected .x-grid-cell,
.x-panel-green-panel-framed.x-grid-with-row-lines .x-panel-body-green-panel-framed .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #bccb62 !important;
  background-color: #c9d581 !important; }

.x-panel-green-panel-framed.x-tree-panel .x-panel-body-green-panel-framed .x-grid-row-selected .x-grid-cell,
.x-panel-green-panel-framed.x-tree-panel .x-panel-body-green-panel-framed .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #c9d581 !important; }

.x-panel-header-text-container-green-panel-framed {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #363636; }

.x-panel-header-green-panel-framed .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #363636; }

.x-panel-header-green-panel-framed-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-green-panel-framed-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-green-panel-framed-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-green-panel-framed-vertical .x-panel-header-text-container {
  display: none; }

/*
==================== end ui-panel-framed =====================
==============================================================
*/
/*	
==============================================================
================= start ui-panel-active ======================
*/
.x-panel-green-panel-active {
  border-color: #aeb6be; }

.x-panel-header-green-panel-active {
  font-size: 11px;
  border-color: #c5cbd0;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
  .x-panel-header-green-panel-active > .x-panel-header-body .x-tool img:hover {
    background-color: #aeb6be; }
  .x-panel-header-green-panel-active > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #768391; }
    .x-panel-header-green-panel-active > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #768391; }

.x-panel-header-text-green-panel-active {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }

.x-panel-body-green-panel-active {
  background: #f8f9f9;
  border-color: #c5cbd0;
  color: black;
  border-width: 1px;
  border-style: solid; }

.x-panel-collapsed .x-window-header-green-panel-active,
.x-panel-collapsed .x-panel-header-green-panel-active {
  border-color: #c5cbd0; }

.x-panel-header-green-panel-active-vertical {
  border-color: #c5cbd0; }

.x-panel-header-green-panel-active-left,
.x-panel-header-green-panel-active-right {
  background-image: none;
  background-color: #cbd0d5; }

.x-panel-header-green-panel-active-right-tc,
.x-panel-header-green-panel-active-right-mc,
.x-panel-header-green-panel-active-right-bc {
  background-position: right 0; }

.x-panel-header-green-panel-active-bottom-tc,
.x-panel-header-green-panel-active-bottom-mc,
.x-panel-header-green-panel-active-bottom-bc {
  background-position: 0 bottom; }

.x-window-active .x-panel-green-panel-active {
  border-color: #b9c85a; }
.x-window-active .x-panel-header-green-panel-active + .x-panel-body-green-panel-active {
  border-top-color: #aabb3e; }
.x-window-active .x-panel-header-green-panel-active + .x-toolbar-docked-top {
  border-top-color: #aabb3e; }
.x-window-active .x-panel-header-green-panel-active.x-accordion-hd {
  background-color: #b9c85a !important;
  border-top-color: #b9c85a !important; }
.x-window-active .x-panel-header-text-green-panel-active {
  color: #363636; }
.x-window-active .x-panel-header-green-panel-active {
  border-color: #aabb3e;
  background-color: #b9c85a; }
  .x-window-active .x-panel-header-green-panel-active > .x-panel-header-body .x-tool img:hover {
    background-color: #b1c247; }
  .x-window-active .x-panel-header-green-panel-active > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-window-active .x-panel-header-green-panel-active > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }
.x-window-active .x-panel-header-text-green-panel-active {
  color: #363636; }
.x-window-active .x-panel-collapsed .x-window-header-green-panel-active,
.x-window-active .x-panel-collapsed .x-panel-green-panel-active {
  border-color: #aabb3e; }
.x-window-active .x-panel-header-green-panel-active-vertical {
  border-color: #aabb3e; }
.x-window-active .x-panel-header-green-panel-active-left,
.x-window-active .x-panel-header-green-panel-active-right {
  background-color: #b9c85a;
  color: #363636; }
.x-window-active .x-panel-green-panel-active.x-grid-with-row-lines .x-panel-body-green-panel-active .x-grid-table .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-green-panel-active.x-grid-with-row-lines .x-panel-body-green-panel-active .x-grid-table .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #bccb62 !important;
  background-color: #c9d581 !important; }
.x-window-active .x-panel-green-panel-active.x-tree-panel .x-panel-body-green-panel-active .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-green-panel-active.x-tree-panel .x-panel-body-green-panel-active .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #c9d581 !important; }

.x-panel-header-text-container-green-panel-active {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #404040; }

.x-window-active .x-panel-header-text-container-green-panel-active {
  color: #363636; }

.x-panel-header-green-panel-active .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a; }

.x-window-active .x-panel-header-green-panel-active .x-panel-header-glyph {
  color: #363636;
  opacity: 0.8; }

.x-panel-header-green-panel-active-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-green-panel-active-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-green-panel-active-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-green-panel-active-vertical .x-panel-header-text-container {
  display: none; }

/*
==================== end ui-panel-active =====================
==============================================================
*/
/*	
==============================================================
=============== start ui-panel-active-framed =================
*/
.x-panel-green-panel-active-framed {
  border-color: #cbd0d5; }

.x-panel-header-green-panel-active-framed {
  font-size: 11px;
  border-color: #aeb6be;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
  .x-panel-header-green-panel-active-framed > .x-panel-header-body .x-tool img:hover {
    background-color: #aeb6be; }
  .x-panel-header-green-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #768391; }
    .x-panel-header-green-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #768391; }

.x-panel-header-text-green-panel-active-framed {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }

.x-panel-body-green-panel-active-framed {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: #333333;
  border-width: 0;
  border-style: solid; }

.x-panel-collapsed .x-window-header-green-panel-active-framed,
.x-panel-collapsed .x-panel-header-green-panel-active-framed {
  border-color: #aeb6be; }

.x-panel-header-green-panel-active-framed-vertical {
  border-color: #aeb6be; }

.x-panel-header-green-panel-active-framed-left,
.x-panel-header-green-panel-active-framed-right {
  background-image: none;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-green-panel-active-framed-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-4-4-4-4; }

.x-panel-green-panel-active-framed {
  padding: 4px 4px 4px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #f8f9f9; }

body.x-nbr .x-panel-header-green-panel-active-framed-top-frameInfo {
  font-family: dh-4-4-0-0-1-2-0-2-3-5-4-5; }

.x-panel-header-green-panel-active-framed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 0 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-green-panel-active-framed-right-frameInfo {
  font-family: dh-0-4-4-0-1-2-2-0-5-4-5-4; }

.x-panel-header-green-panel-active-framed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 0;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-green-panel-active-framed-bottom-frameInfo {
  font-family: dh-0-0-4-4-0-2-2-2-3-5-4-5; }

.x-panel-header-green-panel-active-framed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 0 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-green-panel-active-framed-left-frameInfo {
  font-family: dh-4-0-0-4-1-0-2-2-5-4-5-4; }

.x-panel-header-green-panel-active-framed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 0 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

.x-panel .x-panel-header-green-panel-active-framed-top {
  border-bottom-width: 1px !important; }

.x-panel .x-panel-header-green-panel-active-framed-right {
  border-left-width: 1px !important; }

.x-panel .x-panel-header-green-panel-active-framed-bottom {
  border-top-width: 1px !important; }

.x-panel .x-panel-header-green-panel-active-framed-left {
  border-right-width: 1px !important; }

body.x-nbr .x-panel-header-green-panel-active-framed-collapsed-top-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-green-panel-active-framed-collapsed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-green-panel-active-framed-collapsed-right-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-green-panel-active-framed-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-green-panel-active-framed-collapsed-bottom-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-green-panel-active-framed-collapsed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-green-panel-active-framed-collapsed-left-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-green-panel-active-framed-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

.x-panel-header-green-panel-active-framed-right-tc,
.x-panel-header-green-panel-active-framed-right-mc,
.x-panel-header-green-panel-active-framed-right-bc {
  background-position: right 0; }

.x-panel-header-green-panel-active-framed-bottom-tc,
.x-panel-header-green-panel-active-framed-bottom-mc,
.x-panel-header-green-panel-active-framed-bottom-bc {
  background-position: 0 bottom; }

.x-window-active .x-panel-green-panel-active-framed {
  border-color: #b9c85a; }
.x-window-active .x-panel-header-green-panel-active-framed {
  border-color: #b9c85a;
  background-color: #b9c85a; }
  .x-window-active .x-panel-header-green-panel-active-framed > .x-panel-header-body .x-tool img:hover {
    background-color: #b1c247; }
  .x-window-active .x-panel-header-green-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-window-active .x-panel-header-green-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }
.x-window-active .x-panel-header-text-green-panel-active-framed {
  color: #363636; }
.x-window-active .x-panel-collapsed .x-window-header-green-panel-active-framed,
.x-window-active .x-panel-collapsed .x-panel-header-green-panel-active-framed {
  border-color: #b9c85a;
  color: #363636; }
.x-window-active .x-panel-header-green-panel-active-framed-vertical {
  border-color: #b9c85a; }
.x-window-active .x-panel-header-green-panel-active-framed-left,
.x-window-active .x-panel-header-green-panel-active-framed-right {
  background-color: #b9c85a; }
.x-window-active .x-panel-header-green-panel-active-framed-top {
  background-color: #b9c85a; }
.x-window-active .x-panel-header-green-panel-active-framed-right {
  background-color: #b9c85a; }
.x-window-active .x-panel-header-green-panel-active-framed-bottom {
  background-color: #b9c85a; }
.x-window-active .x-panel-header-green-panel-active-framed-left {
  background-color: #b9c85a; }
.x-window-active .x-panel-header-green-panel-active-framed-collapsed-top {
  background-color: #b9c85a; }
.x-window-active .x-panel-header-green-panel-active-framed-collapsed-right {
  background-color: #b9c85a; }
.x-window-active .x-panel-header-green-panel-active-framed-collapsed-bottom {
  background-color: #b9c85a; }
.x-window-active .x-panel-header-green-panel-active-framed-collapsed-left {
  background-color: #b9c85a; }
.x-window-active .x-panel-green-panel-active-framed.x-grid-with-row-lines .x-panel-body-green-panel-active-framed .x-grid-table .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-green-panel-active-framed.x-grid-with-row-lines .x-panel-body-green-panel-active-framed .x-grid-table .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #bccb62 !important;
  background-color: #c9d581 !important; }
.x-window-active .x-panel-green-panel-active-framed.x-tree-panel .x-panel-body-green-panel-active-framed .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-green-panel-active-framed.x-tree-panel .x-panel-body-green-panel-active-framed .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #c9d581 !important; }

.x-panel-header-text-container-green-panel-active-framed {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #404040; }

.x-window-active .x-panel-header-text-container-green-panel-active-framed {
  color: #363636; }

.x-panel-header-green-panel-active-framed .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a; }

.x-window-active .x-panel-header-green-panel-active-framed .x-panel-header-glyph {
  color: #363636;
  opacity: 0.8; }

.x-panel-header-green-panel-active-framed-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-green-panel-active-framed-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-green-panel-active-framed-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-green-panel-active-framed-vertical .x-panel-header-text-container {
  display: none; }

/*
================== end ui-panel-active =======================
==============================================================
*/
/*
==============================================================
================ start ui-progress-active ====================
*/
.x-progress-green-progress {
  border-color: #9ba941; }
  .x-progress-green-progress .x-progress-bar {
    border-right-color: #9ba941;
    border-top-color: #9ba941;
    background-image: none;
    background-color: #9ba941; }
  .x-progress-green-progress .x-progress-text {
    color: white; }
  .x-progress-green-progress .x-progress-text-back {
    color: #898989; }

/*
==============================================================
================ start ui-progress-active ====================
*/
.x-progress-green-progress-active-active {
  border-color: #a9b1ba; }
  .x-progress-green-progress-active-active .x-progress-bar {
    border-right-color: #a9b1ba;
    border-top-color: #a9b1ba;
    background-image: none;
    background-color: #b7bec5; }
  .x-progress-green-progress-active-active .x-progress-text {
    color: white; }
  .x-progress-green-progress-active-active .x-progress-text-back {
    color: #898989; }

.x-window-active .x-progress-green-progress-active-active {
  border-color: #9ba941; }
.x-window-active .x-progress-green-progress-active-active .x-progress-bar {
  border-right-color: #9ba941;
  border-top-color: #9ba941;
  background-color: #9ba941; }

/*
==============================================================
================= start ui-window-active =====================
*/
.x-window-active.x-window-green-window-active {
  background-color: #b9c85a;
  border-color: #b0c145; }

.x-window-active.x-window-green-window-active .x-window-header-green-window-active-top,
.x-window-active.x-window-green-window-active .x-window-header-green-window-active-bottom,
.x-window-active.x-window-green-window-active .x-window-header-green-window-active-left,
.x-window-active.x-window-green-window-active .x-window-header-green-window-active-right {
  background-color: #b9c85a; }

.x-window-active.x-window-green-window-active .x-window-header-text {
  color: #363636; }

.x-window-active.x-window-green-window-active .x-window-header .x-tool img:hover {
  background-color: #b1c247; }

.x-window-active.x-window-green-window-active .x-window-body {
  background-color: #f8f9f9; }

.x-window-active.x-window-green-window-active img.x-tool-close:hover {
  background-color: #c95656 !important; }

.x-window-active.x-window-green-window-active img.x-tool-close {
  background-color: #c54a4a !important; }

.x-window-active.x-window-green-window-active .x-btn-default-small {
  background-color: #9ba941;
  border-color: #94a23e; }
.x-window-active.x-window-green-window-active .x-btn-default-small-over,
.x-window-active.x-window-green-window-active .x-btn-default-small-focus {
  background-color: #a5b445;
  border-color: #9ead42; }
.x-window-active.x-window-green-window-active .x-btn-default-small-disabled {
  background-color: #b7c466;
  border-color: #b7c466; }
.x-window-active.x-window-green-window-active .x-btn-default-small-pressed {
  background-color: #8a973a;
  border-color: #838f37; }
.x-window-active.x-window-green-window-active .x-btn-default-medium {
  background-color: #9ba941;
  border-color: #94a23e; }
.x-window-active.x-window-green-window-active .x-btn-default-medium-over,
.x-window-active.x-window-green-window-active .x-btn-default-medium-focus {
  background-color: #a5b445;
  border-color: #9ead42; }
.x-window-active.x-window-green-window-active .x-btn-default-medium-disabled {
  background-color: #b7c466;
  border-color: #b7c466; }
.x-window-active.x-window-green-window-active .x-btn-default-medium-pressed {
  background-color: #8a973a;
  border-color: #838f37; }
.x-window-active.x-window-green-window-active .x-btn-default-large {
  background-color: #9ba941;
  border-color: #94a23e; }
.x-window-active.x-window-green-window-active .x-btn-default-large-over,
.x-window-active.x-window-green-window-active .x-btn-default-large-focus {
  background-color: #a5b445;
  border-color: #9ead42; }
.x-window-active.x-window-green-window-active .x-btn-default-large-disabled {
  background-color: #b7c466;
  border-color: #b7c466; }
.x-window-active.x-window-green-window-active .x-btn-default-large-pressed {
  background-color: #8a973a;
  border-color: #838f37; }

.x-window-active.x-window-green-window-active .x-tab-bar .x-tab-default {
  border-bottom: 1px solid #9ba941; }
.x-window-active.x-window-green-window-active .x-tab-bar .x-tab-over {
  background-color: #bcc86f; }
.x-window-active.x-window-green-window-active .x-tab-bar .x-tab-top-active {
  background-color: #9ba941;
  border: 1px solid #9ba941; }
.x-window-active.x-window-green-window-active .x-tab-bar .x-tab-bottom-active {
  background-color: #9ba941;
  border: 1px solid #9ba941; }
.x-window-active.x-window-green-window-active .x-tab-bar-bottom .x-tab {
  border-top-color: #9ba941 !important;
  border-bottom-color: transparent; }
.x-window-active.x-window-green-window-active .x-tab-bar-bottom .x-tab-active {
  border-bottom-color: #9ba941; }
.x-window-active.x-window-green-window-active .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #9ba941;
  border-color: #9ba941; }
.x-window-active.x-window-green-window-active .x-tab-bar .x-tab-bar-strip-default {
  background-color: #9ba941;
  border-color: #9ba941; }
.x-window-active.x-window-green-window-active .x-tab-bar-top + .x-panel-body {
  border-top-color: #9ba941; }

.x-window-active.x-window-green-window-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active.x-window-green-window-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #bccb62 !important;
  background-color: #c9d581 !important; }

.x-window-green-window-active {
  border-color: #c1c7cd; }

body.x-nbr .x-window-green-window-active-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-4-4-4; }

.x-window-green-window-active {
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

.x-window-body-green-window-active {
  border-color: #aeb6be;
  border-width: 1px;
  background: #f8f9f9;
  color: black; }

.x-window-header-green-window-active {
  font-size: 11px;
  border-color: #c1c7cd;
  zoom: 1; }
  .x-window-header-green-window-active .x-tool .x-tool-close {
    background-color: gray; }
    .x-window-header-green-window-active .x-tool .x-tool-close:hover {
      background-color: gray; }
  .x-window-header-green-window-active .x--tool:hover {
    background-color: #bfc6cc; }

.x-window-header-text-green-window-active {
  color: #4d4d4d;
  font-weight: bold;
  line-height: 22px;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  font-size: 11px; }

body.x-nbr .x-window-header-green-window-active-top-frameInfo {
  font-family: dh-5-5-0-0-1-1-0-1-4-5-0-5; }

.x-window-header-green-window-active-top {
  padding: 4px 5px 0 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-green-window-active-right-frameInfo {
  font-family: dh-0-5-5-0-1-1-1-0-5-4-5-0; }

.x-window-header-green-window-active-right {
  padding: 5px 4px 5px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-green-window-active-bottom-frameInfo {
  font-family: dh-0-0-5-5-0-1-1-1-0-5-4-5; }

.x-window-header-green-window-active-bottom {
  padding: 0 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-green-window-active-left-frameInfo {
  font-family: dh-5-0-0-5-1-0-1-1-5-0-5-4; }

.x-window-header-green-window-active-left {
  padding: 5px 0px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-green-window-active-collapsed-top-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-green-window-active-collapsed-top {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-green-window-active-collapsed-right-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-green-window-active-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-green-window-active-collapsed-bottom-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-green-window-active-collapsed-bottom {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-green-window-active-collapsed-left-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-green-window-active-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

.x-window-header-text-container-green-window-active {
  font-weight: bold;
  line-height: 22px;
  padding-left: 2px;
  color: #4d4d4d; }

.x-window-active .x-window-header-text-container-green-window-active {
  color: #363636;
  /*marko*/ }

.x-window-header-icon-green-window-active.x-window-header-glyph {
  line-height: 16px;
  text-align: center;
  font-size: 20px;
  color: #595959; }

.x-window-active .x-window-header-green-window-active .x-window-header-glyph {
  color: #363636; }

/*
==================== end ui-window-active ====================
==============================================================
*/
/*
==============================================================
===================== start ui-window ========================
*/
.x-window-green-window .x-window-header .x-tool img:hover {
  background-color: #b1c247; }

.x-window-green-window .x-window-body {
  background-color: #f8f9f9; }

.x-window-green-window img.x-tool-close:hover {
  background-color: #c95656 !important; }

.x-window-green-window img.x-tool-close {
  background-color: #c54a4a !important; }

.x-window-green-window .x-btn-default-small {
  background-color: #9ba941;
  border-color: #94a23e; }
.x-window-green-window .x-btn-default-small-over,
.x-window-green-window .x-btn-default-small-focus {
  background-color: #a5b445;
  border-color: #9ead42; }
.x-window-green-window .x-btn-default-small-disabled {
  background-color: #b7c466;
  border-color: #b7c466; }
.x-window-green-window .x-btn-default-small-pressed {
  background-color: #8a973a;
  border-color: #838f37; }
.x-window-green-window .x-btn-default-medium {
  background-color: #9ba941;
  border-color: #94a23e; }
.x-window-green-window .x-btn-default-medium-over,
.x-window-green-window .x-btn-default-medium-focus {
  background-color: #a5b445;
  border-color: #9ead42; }
.x-window-green-window .x-btn-default-medium-disabled {
  background-color: #b7c466;
  border-color: #b7c466; }
.x-window-green-window .x-btn-default-medium-pressed {
  background-color: #8a973a;
  border-color: #838f37; }
.x-window-green-window .x-btn-default-large {
  background-color: #9ba941;
  border-color: #94a23e; }
.x-window-green-window .x-btn-default-large-over,
.x-window-green-window .x-btn-default-large-focus {
  background-color: #a5b445;
  border-color: #9ead42; }
.x-window-green-window .x-btn-default-large-disabled {
  background-color: #b7c466;
  border-color: #b7c466; }
.x-window-green-window .x-btn-default-large-pressed {
  background-color: #8a973a;
  border-color: #838f37; }

.x-window-green-window .x-tab-bar .x-tab-default {
  border-bottom: 1px solid #9ba941; }
.x-window-green-window .x-tab-bar .x-tab-over {
  background-color: #bcc86f; }
.x-window-green-window .x-tab-bar .x-tab-top-active {
  background-color: #9ba941;
  border: 1px solid #9ba941; }
.x-window-green-window .x-tab-bar .x-tab-bottom-active {
  background-color: #9ba941;
  border: 1px solid #9ba941; }
.x-window-green-window .x-tab-bar-bottom .x-tab {
  border-top-color: #9ba941 !important;
  border-bottom-color: transparent; }
.x-window-green-window .x-tab-bar-bottom .x-tab-active {
  border-bottom-color: #9ba941; }
.x-window-green-window .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #9ba941;
  border-color: #9ba941; }
.x-window-green-window .x-tab-bar .x-tab-bar-strip-default {
  background-color: #9ba941;
  border-color: #9ba941; }
.x-window-green-window .x-tab-bar-top + .x-panel-body {
  border-top-color: #9ba941; }

.x-window-green-window .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-green-window .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #bccb62 !important;
  background-color: #c9d581 !important; }

.x-window-green-window {
  border-color: #b0c145; }

body.x-nbr .x-window-green-window-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-4-4-4; }

.x-window-green-window {
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #b9c85a; }

.x-window-body-green-window {
  border-color: #aeb6be;
  border-width: 1px;
  background: #f8f9f9;
  color: black; }

.x-window-header-green-window {
  font-size: 11px;
  border-color: #b0c145;
  zoom: 1; }
  .x-window-header-green-window .x-tool .x-tool-close {
    background-color: gray; }
    .x-window-header-green-window .x-tool .x-tool-close:hover {
      background-color: gray; }
  .x-window-header-green-window .x--tool:hover {
    background-color: #a3b43c; }

.x-window-header-text-green-window {
  color: #363636;
  font-weight: bold;
  line-height: 22px;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  font-size: 11px; }

body.x-nbr .x-window-header-green-window-top-frameInfo {
  font-family: dh-5-5-0-0-1-1-0-1-4-5-0-5; }

.x-window-header-green-window-top {
  padding: 4px 5px 0 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #b9c85a; }

body.x-nbr .x-window-header-green-window-right-frameInfo {
  font-family: dh-0-5-5-0-1-1-1-0-5-4-5-0; }

.x-window-header-green-window-right {
  padding: 5px 4px 5px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: #b9c85a; }

body.x-nbr .x-window-header-green-window-bottom-frameInfo {
  font-family: dh-0-0-5-5-0-1-1-1-0-5-4-5; }

.x-window-header-green-window-bottom {
  padding: 0 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #b9c85a; }

body.x-nbr .x-window-header-green-window-left-frameInfo {
  font-family: dh-5-0-0-5-1-0-1-1-5-0-5-4; }

.x-window-header-green-window-left {
  padding: 5px 0px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-color: #b9c85a; }

body.x-nbr .x-window-header-green-window-collapsed-top-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-green-window-collapsed-top {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #b9c85a; }

body.x-nbr .x-window-header-green-window-collapsed-right-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-green-window-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #b9c85a; }

body.x-nbr .x-window-header-green-window-collapsed-bottom-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-green-window-collapsed-bottom {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #b9c85a; }

body.x-nbr .x-window-header-green-window-collapsed-left-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-green-window-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #b9c85a; }

.x-window-header-text-container-green-window {
  font-weight: bold;
  line-height: 22px;
  padding-left: 2px;
  color: #363636; }

.x-window-header-icon-green-window.x-window-header-glyph {
  line-height: 16px;
  text-align: center;
  font-size: 20px;
  color: #363636; }

/*
===================== end ui-window ========================
============================================================
*/
/*
==============================================================
===================== start ui-tab ===========================
*/
div.x-panel-green-tab > .x-tab-bar-top .x-tab {
  border-bottom-color: #9ba941; }
div.x-panel-green-tab > .x-tab-bar-bottom .x-tab {
  border-top-color: #9ba941 !important; }
div.x-panel-green-tab > .x-tab-bar .x-tab-over {
  background-color: #bcc86f; }
div.x-panel-green-tab > .x-tab-bar .x-tab-active {
  background-color: #9ba941;
  border-color: #9ba941 !important; }
div.x-panel-green-tab > .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #9ba941;
  border-color: #9ba941; }
div.x-panel-green-tab > .x-tab-bar .x-tab-bar-strip-default {
  background-color: #9ba941;
  border-color: #9ba941; }
div.x-panel-green-tab .x-tab-bar-top + .x-panel-body-green-tab {
  border-top-color: #9ba941 !important; }
div.x-panel-green-tab .x-panel-green-tab {
  border-color: #aeb6be; }
div.x-panel-green-tab .x-panel-header-green-tab {
  font-size: 11px;
  border-color: #aeb6be;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
div.x-panel-green-tab .x-panel-header-text-green-tab {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }
div.x-panel-green-tab .x-panel-body-green-tab {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: black;
  border-width: 1px;
  border-style: solid; }
div.x-panel-green-tab .x-panel-collapsed .x-window-header-green-tab,
div.x-panel-green-tab .x-panel-collapsed .x-panel-header-green-tab {
  border-color: #aeb6be; }
div.x-panel-green-tab .x-panel-header-green-tab-vertical {
  border-color: #aeb6be; }
div.x-panel-green-tab .x-panel-header-green-tab-left,
div.x-panel-green-tab .x-panel-header-green-tab-right {
  background-image: none;
  background-color: #cbd0d5; }
div.x-panel-green-tab .x-panel-header-green-tab-right-tc,
div.x-panel-green-tab .x-panel-header-green-tab-right-mc,
div.x-panel-green-tab .x-panel-header-green-tab-right-bc {
  background-position: right 0; }
div.x-panel-green-tab .x-panel-header-green-tab-bottom-tc,
div.x-panel-green-tab .x-panel-header-green-tab-bottom-mc,
div.x-panel-green-tab .x-panel-header-green-tab-bottom-bc {
  background-position: 0 bottom; }

div.x-panel-green-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
div.x-panel-green-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #bccb62 !important;
  background-color: #c9d581 !important; }

div.x-tabpanel-child .x-panel-green-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
div.x-tabpanel-child .x-panel-green-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #bccb62 !important;
  background-color: #c9d581 !important; }

div.x-tabpanel-child .x-tabpanel-child .x-panel-green-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
div.x-tabpanel-child .x-tabpanel-child .x-panel-green-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #bccb62 !important;
  background-color: #c9d581 !important; }

.x-tab-green-tab .x-tab-inner {
  color: #606060; }

.x-tab-green-tab-over {
  background-color: #bcc86f !important;
  border-bottom-color: #bcc86f !important; }
  .x-tab-green-tab-over .x-tab-inner {
    color: white; }

.x-panel-green-tab .x-tab-green-tab-active {
  background-color: #9ba941 !important; }
  .x-panel-green-tab .x-tab-green-tab-active .x-tab-inner {
    color: white; }

.x-tab-green-tab-disabled {
  border-bottom: none !important; }
  .x-tab-green-tab-disabled .x-tab-inner {
    color: #c3b3b3; }

.x-tab-green-tab-top {
  padding-left: 10px;
  padding-right: 13px;
  padding-top: 3px; }

.x-tab-green-tab-bottom {
  padding-left: 10px;
  padding-right: 13px; }
  .x-tab-green-tab-bottom .x-tab-inner {
    padding-top: 3px;
    display: block; }

.x-tab-bar-green-tab-right {
  right: 0px !important;
  left: auto !important;
  z-index: 2; }

.x-tab-green-tab-right {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0px 0px 0px;
  -moz-transform-origin: 0px 0px 0px;
  -ms-transform-origin: 0px 0px 0px;
  -o-transform-origin: 0px 0px 0px;
  transform-origin: 0px 0px 0px;
  border-width: 0px !important; }
  .x-tab-green-tab-right:first-child {
    margin-left: 0 !important; }
  .x-tab-green-tab-right .x-tab-inner {
    line-height: 22px; }

.x-tab-green-tab-right-over {
  background-color: #bcc86f;
  border-bottom: 1px solid red; }

.x-tab-green-tab-right-active {
  background-color: #9ba941; }

.x-tab-green-tab-right-disabled {
  background-image: none; }

.x-tab-bar-green-tab-left {
  left: 0px !important;
  right: auto !important;
  z-index: 2; }

.x-tab-green-tab-left {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 100% 0px 0px;
  -moz-transform-origin: 100% 0px 0px;
  -ms-transform-origin: 100% 0px 0px;
  -o-transform-origin: 100% 0px 0px;
  transform-origin: 100% 0px 0px;
  border-width: 0px !important; }
  .x-tab-green-tab-left .x-tab-inner {
    line-height: 22px; }
  .x-tab-green-tab-left:first-child {
    margin-left: 0 !important; }

.x-tab-green-tab-left-over {
  background-color: #bcc86f; }

.x-tab-green-tab-left-active {
  background-color: #9ba941; }

.x-tab-green-tab-left-disabled {
  background-image: none; }

.x-tab-bar-strip-green-tab {
  background-color: #9ba941; }

.x-tab-green-tab .x-tab-inner {
  font-weight: bold; }

.x-tab-bar-plain .x-tab-bar-body {
  border-width: 0; }

/*
======================= end ui-tab ===========================
==============================================================
*/
/*
==============================================================
================= start ui-tab-active ========================
*/
.x-panel-green-tab-active .x-panel-green-tab-active {
  border-color: #aeb6be; }
.x-panel-green-tab-active .x-panel-header-green-tab-active {
  font-size: 11px;
  border-color: #aeb6be;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
.x-panel-green-tab-active .x-panel-header-text-green-tab-active {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }
.x-panel-green-tab-active .x-panel-body-green-tab-active {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: black;
  border-width: 1px;
  border-style: solid; }
.x-panel-green-tab-active .x-panel-collapsed .x-window-header-green-tab-active,
.x-panel-green-tab-active .x-panel-collapsed .x-panel-header-green-tab-active {
  border-color: #aeb6be; }
.x-panel-green-tab-active .x-panel-header-green-tab-active-vertical {
  border-color: #aeb6be; }
.x-panel-green-tab-active .x-panel-header-green-tab-active-left,
.x-panel-green-tab-active .x-panel-header-green-tab-active-right {
  background-image: none;
  background-color: #cbd0d5; }
.x-panel-green-tab-active .x-panel-header-green-tab-active-right-tc,
.x-panel-green-tab-active .x-panel-header-green-tab-active-right-mc,
.x-panel-green-tab-active .x-panel-header-green-tab-active-right-bc {
  background-position: right 0; }
.x-panel-green-tab-active .x-panel-header-green-tab-active-bottom-tc,
.x-panel-green-tab-active .x-panel-header-green-tab-active-bottom-mc,
.x-panel-green-tab-active .x-panel-header-green-tab-active-bottom-bc {
  background-position: 0 bottom; }

.x-window-active div.x-panel-green-tab-active > .x-tab-bar-top .x-tab {
  border-bottom-color: #9ba941; }
.x-window-active div.x-panel-green-tab-active > .x-tab-bar-bottom .x-tab {
  border-top-color: #9ba941 !important;
  border-bottom-color: transparent !important; }
.x-window-active div.x-panel-green-tab-active > .x-tab-bar .x-tab-over {
  background-color: #b3c15d; }
.x-window-active div.x-panel-green-tab-active > .x-tab-bar-bottom .x-tab-active {
  border-bottom-color: #9ba941 !important; }
.x-window-active div.x-panel-green-tab-active > .x-tab-bar .x-tab-active {
  background-color: #9ba941;
  border-color: #9ba941 !important; }
.x-window-active div.x-panel-green-tab-active > .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #9ba941;
  border-color: #9ba941; }
.x-window-active div.x-panel-green-tab-active > .x-tab-bar .x-tab-bar-strip-default {
  background-color: #9ba941;
  border-color: #9ba941; }
.x-window-active div.x-panel-green-tab-active .x-tab-bar-top + .x-panel-body-green-tab-active {
  border-top-color: #9ba941 !important; }
.x-window-active div.x-panel-green-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active div.x-panel-green-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #bccb62 !important;
  background-color: #c9d581 !important; }
.x-window-active div.x-tabpanel-child .x-panel-green-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active div.x-tabpanel-child .x-panel-green-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #bccb62 !important;
  background-color: #c9d581 !important; }
.x-window-active div.x-tabpanel-child div.x-tabpanel-child .x-tabpanel-child .x-panel-green-tab-active.x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active div.x-tabpanel-child div.x-tabpanel-child .x-tabpanel-child .x-panel-green-tab-active.x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #bccb62 !important;
  background-color: #c9d581 !important; }

.x-tab-green-tab-active .x-tab-inner {
  color: #606060; }

.x-tab-green-tab-active-over {
  background-color: #afb9c3 !important;
  border-bottom-color: #afb9c3 !important; }
  .x-tab-green-tab-active-over .x-tab-inner {
    color: white; }

.x-panel-green-tab-active .x-tab-green-tab-active-active {
  background-color: #8393a2 !important; }
  .x-panel-green-tab-active .x-tab-green-tab-active-active .x-tab-inner {
    color: white; }

.x-tab-green-tab-active-disabled {
  border-bottom: none !important; }
  .x-tab-green-tab-active-disabled .x-tab-inner {
    color: #c3b3b3; }

.x-tab-green-tab-active-top {
  padding-left: 10px;
  padding-right: 13px;
  padding-top: 3px; }

.x-tab-green-tab-active-bottom {
  padding-left: 10px;
  padding-right: 13px; }
  .x-tab-green-tab-active-bottom .x-tab-inner {
    padding-top: 3px;
    display: block; }

.x-tab-bar-green-tab-active-right {
  right: 0px !important;
  left: auto !important;
  z-index: 2; }

.x-tab-green-tab-active-right {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0px 0px 0px;
  -moz-transform-origin: 0px 0px 0px;
  -ms-transform-origin: 0px 0px 0px;
  -o-transform-origin: 0px 0px 0px;
  transform-origin: 0px 0px 0px;
  border-width: 0px !important; }
  .x-tab-green-tab-active-right:first-child {
    margin-left: 0 !important; }
  .x-tab-green-tab-active-right .x-tab-inner {
    line-height: 22px; }

.x-tab-green-tab-active-right-over {
  background-color: #afb9c3;
  border-bottom: 1px solid red; }

.x-tab-green-tab-active-right-active {
  background-color: #8393a2; }

.x-tab-green-tab-active-right-disabled {
  background-image: none; }

.x-tab-bar-green-tab-active-left {
  left: 0px !important;
  right: auto !important;
  z-index: 2; }

.x-tab-green-tab-active-left {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 100% 0px 0px;
  -moz-transform-origin: 100% 0px 0px;
  -ms-transform-origin: 100% 0px 0px;
  -o-transform-origin: 100% 0px 0px;
  transform-origin: 100% 0px 0px;
  border-width: 0px !important; }
  .x-tab-green-tab-active-left .x-tab-inner {
    line-height: 22px; }
  .x-tab-green-tab-active-left:first-child {
    margin-left: 0 !important; }

.x-tab-green-tab-active-left-over {
  background-color: #afb9c3; }

.x-tab-green-tab-active-left-active {
  background-color: #8393a2; }

.x-tab-green-tab-active-left-disabled {
  background-image: none; }

.x-tab-bar-strip-green-tab-active {
  background-color: #8393a2; }

.x-tab-green-tab-active .x-tab-inner {
  font-weight: bold; }

.x-tab-bar-plain .x-tab-bar-body {
  border-width: 0; }

.x-window-active .x-tab-green-tab-active-over {
  background-color: #bcc86f !important;
  border-bottom-color: #bcc86f !important; }
.x-window-active .x-panel-green-tab-active .x-tab-green-tab-active-active {
  background-color: #9ba941 !important; }
.x-window-active .x-tab-green-tab-active-disabled {
  border-bottom: none !important; }
.x-window-active .x-tab-green-tab-active-top {
  padding-left: 10px;
  padding-right: 13px;
  padding-top: 3px; }
.x-window-active .x-tab-green-tab-active-bottom {
  padding-left: 10px;
  padding-right: 13px; }
  .x-window-active .x-tab-green-tab-active-bottom .x-tab-inner {
    padding-top: 3px;
    display: block; }
.x-window-active .x-tab-bar-green-tab-active-right {
  right: 0px !important;
  left: auto !important;
  z-index: 2; }
.x-window-active .x-tab-green-tab-active-right {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0px 0px 0px;
  -moz-transform-origin: 0px 0px 0px;
  -ms-transform-origin: 0px 0px 0px;
  -o-transform-origin: 0px 0px 0px;
  transform-origin: 0px 0px 0px;
  border-width: 0px !important; }
  .x-window-active .x-tab-green-tab-active-right:first-child {
    margin-left: 0 !important; }
  .x-window-active .x-tab-green-tab-active-right .x-tab-inner {
    line-height: 22px; }
.x-window-active .x-tab-green-tab-active-right-over {
  background-color: #bcc86f;
  border-bottom: 1px solid red; }
.x-window-active .x-tab-green-tab-active-right-active {
  background-color: #9ba941; }
.x-window-active .x-tab-green-tab-active-right-disabled {
  background-image: none; }
.x-window-active .x-tab-bar-green-tab-active-left {
  left: 0px !important;
  right: auto !important;
  z-index: 2; }
.x-window-active .x-tab-green-tab-active-left {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 100% 0px 0px;
  -moz-transform-origin: 100% 0px 0px;
  -ms-transform-origin: 100% 0px 0px;
  -o-transform-origin: 100% 0px 0px;
  transform-origin: 100% 0px 0px;
  border-width: 0px !important; }
  .x-window-active .x-tab-green-tab-active-left .x-tab-inner {
    line-height: 22px; }
  .x-window-active .x-tab-green-tab-active-left:first-child {
    margin-left: 0 !important; }
.x-window-active .x-tab-green-tab-active-left-over {
  background-color: #bcc86f; }
.x-window-active .x-tab-green-tab-active-left-active {
  background-color: #9ba941; }
.x-window-active .x-tab-green-tab-active-left-disabled {
  background-image: none; }
.x-window-active .x-tab-bar-strip-green-tab-active {
  background-color: #9ba941; }
.x-window-active .x-tab-green-tab-active .x-tab-inner {
  font-weight: bold; }
.x-window-active .x-tab-bar-plain .x-tab-bar-body {
  border-width: 0; }

/*
=================== end ui-tab-active ========================
==============================================================
*/
.x-panel-header-text-container-default {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #404040; }

.x-panel-header-default .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a; }

.x-panel-header-default-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-default-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-default-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-default-vertical .x-panel-header-text-container {
  display: none; }

.x-panel-header-text-container-default-framed {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #404040; }

.x-panel-header-default-framed .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a; }

.x-panel-header-default-framed-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-default-framed-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-default-framed-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-default-framed-vertical .x-panel-header-text-container {
  display: none; }

.x-ie7 [class$="-mc"], .x-ie8 [class$="-mc"] {
  margin-top: -1px !important;
  margin-left: -1px !important; }

/*
==============================================================
===================== start ui-button ========================
*/
.x-btn-red-button-small {
  border-color: #c54848; }

body.x-nbr .x-btn-red-button-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-red-button-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #c75050; }

.x-btn-red-button-small .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-red-button-small-icon button,
.x-btn-red-button-small-icon a,
.x-btn-red-button-small-icon .x-btn-inner,
.x-btn-red-button-small-noicon button,
.x-btn-red-button-small-noicon a,
.x-btn-red-button-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-red-button-small-icon button,
.x-btn-red-button-small-icon a {
  padding: 0; }
.x-btn-red-button-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-red-button-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-red-button-small-icon-text-left button,
.x-btn-red-button-small-icon-text-left a {
  height: 16px; }
.x-btn-red-button-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-red-button-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-red-button-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-red-button-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-red-button-small-icon-text-right button,
.x-btn-red-button-small-icon-text-right a {
  height: 16px; }
.x-btn-red-button-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-red-button-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-red-button-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-red-button-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-red-button-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-red-button-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-red-button-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-red-button-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-red-button-small-over {
  border-color: #c85454;
  background-image: none;
  background-color: #cb5c5c; }

.x-btn-red-button-small-focus {
  border-color: #c85454;
  background-image: none;
  background-color: #cb5c5c; }

.x-btn-red-button-small-menu-active,
.x-btn-red-button-small-pressed {
  border-color: #b83b3b;
  background-image: none;
  background-color: #c03d3d; }

.x-btn-red-button-small-disabled {
  border-color: #d68080;
  background-image: none;
  background-color: #d68080; }

.x-btn-red-button-medium {
  border-color: #c54848; }

body.x-nbr .x-btn-red-button-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-red-button-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #c75050; }

.x-btn-red-button-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-red-button-medium-icon button,
.x-btn-red-button-medium-icon a,
.x-btn-red-button-medium-icon .x-btn-inner,
.x-btn-red-button-medium-noicon button,
.x-btn-red-button-medium-noicon a,
.x-btn-red-button-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-red-button-medium-icon button,
.x-btn-red-button-medium-icon a {
  padding: 0; }
.x-btn-red-button-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-red-button-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-red-button-medium-icon-text-left button,
.x-btn-red-button-medium-icon-text-left a {
  height: 24px; }
.x-btn-red-button-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-red-button-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-red-button-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-red-button-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-red-button-medium-icon-text-right button,
.x-btn-red-button-medium-icon-text-right a {
  height: 24px; }
.x-btn-red-button-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-red-button-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-red-button-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-red-button-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-red-button-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-red-button-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-red-button-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-red-button-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-red-button-medium-over {
  border-color: #c85454;
  background-image: none;
  background-color: #cb5c5c; }

.x-btn-red-button-medium-focus {
  border-color: #c85454;
  background-image: none;
  background-color: #cb5c5c; }

.x-btn-red-button-medium-menu-active,
.x-btn-red-button-medium-pressed {
  border-color: #b83b3b;
  background-image: none;
  background-color: #c03d3d; }

.x-btn-red-button-medium-disabled {
  border-color: #d68080;
  background-image: none;
  background-color: #d68080; }

.x-btn-red-button-large {
  border-color: #c54848; }

body.x-nbr .x-btn-red-button-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-red-button-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #c75050; }

.x-btn-red-button-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-red-button-large-icon button,
.x-btn-red-button-large-icon a,
.x-btn-red-button-large-icon .x-btn-inner,
.x-btn-red-button-large-noicon button,
.x-btn-red-button-large-noicon a,
.x-btn-red-button-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-red-button-large-icon button,
.x-btn-red-button-large-icon a {
  padding: 0; }
.x-btn-red-button-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-red-button-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-red-button-large-icon-text-left button,
.x-btn-red-button-large-icon-text-left a {
  height: 32px; }
.x-btn-red-button-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-red-button-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-red-button-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-red-button-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-red-button-large-icon-text-right button,
.x-btn-red-button-large-icon-text-right a {
  height: 32px; }
.x-btn-red-button-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-red-button-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-red-button-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-red-button-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-red-button-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-red-button-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-red-button-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-red-button-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-red-button-large-over {
  border-color: #c85454;
  background-image: none;
  background-color: #cb5c5c; }

.x-btn-red-button-large-focus {
  border-color: #c85454;
  background-image: none;
  background-color: #cb5c5c; }

.x-btn-red-button-large-menu-active,
.x-btn-red-button-large-pressed {
  border-color: #b83b3b;
  background-image: none;
  background-color: #c03d3d; }

.x-btn-red-button-large-disabled {
  border-color: #d68080;
  background-image: none;
  background-color: #d68080; }

.x-btn-red-button-small .x-btn-icon-el {
  height: 16px; }
.x-btn-red-button-small .x-btn-glyph {
  line-height: 16px;
  color: white;
  font-size: 20px; }
.x-btn-red-button-small.x-btn-over .x-btn-glyph {
  color: white; }
.x-btn-red-button-small.x-btn-pressed .x-btn-glyph, .x-btn-red-button-small.x-btn-menu-active .x-btn-glyph {
  color: white; }

.x-btn-red-button-medium .x-btn-icon-el {
  height: 24px; }
.x-btn-red-button-medium .x-btn-glyph {
  line-height: 24px;
  color: white;
  font-size: 28px; }
.x-btn-red-button-medium.x-btn-over .x-btn-glyph {
  color: white; }
.x-btn-red-button-medium.x-btn-pressed .x-btn-glyph, .x-btn-red-button-medium.x-btn-menu-active .x-btn-glyph {
  color: white; }

.x-btn-red-button-large .x-btn-icon-el {
  height: 32px; }
.x-btn-red-button-large .x-btn-glyph {
  line-height: 32px;
  color: white;
  font-size: 36px; }
.x-btn-red-button-large.x-btn-over .x-btn-glyph {
  color: white; }
.x-btn-red-button-large.x-btn-pressed .x-btn-glyph, .x-btn-red-button-large.x-btn-menu-active .x-btn-glyph {
  color: white; }

.x-btn-red-button-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-red-button-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-red-button-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-red-button-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-red-button-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-red-button-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-red-button-small-icon-text-right {
  /*marko*/ }
  .x-btn-red-button-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-red-button-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-red-button-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-red-button-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-red-button-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-red-button-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-red-button-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-red-button-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-red-button-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-red-button-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-red-button-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-red-button-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

/*
====================== end ui-button==========================
==============================================================
*/
/*
=================== start ui-toolbar-button===================
==============================================================
*/
.x-btn-red-button-toolbar-small {
  border-color: transparent; }

body.x-nbr .x-btn-red-button-toolbar-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-red-button-toolbar-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-red-button-toolbar-small .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-red-button-toolbar-small-icon button,
.x-btn-red-button-toolbar-small-icon a,
.x-btn-red-button-toolbar-small-icon .x-btn-inner,
.x-btn-red-button-toolbar-small-noicon button,
.x-btn-red-button-toolbar-small-noicon a,
.x-btn-red-button-toolbar-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-red-button-toolbar-small-icon button,
.x-btn-red-button-toolbar-small-icon a {
  padding: 0; }
.x-btn-red-button-toolbar-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-red-button-toolbar-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-red-button-toolbar-small-icon-text-left button,
.x-btn-red-button-toolbar-small-icon-text-left a {
  height: 16px; }
.x-btn-red-button-toolbar-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-red-button-toolbar-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-red-button-toolbar-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-red-button-toolbar-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-red-button-toolbar-small-icon-text-right button,
.x-btn-red-button-toolbar-small-icon-text-right a {
  height: 16px; }
.x-btn-red-button-toolbar-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-red-button-toolbar-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-toolbar-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-red-button-toolbar-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-red-button-toolbar-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-red-button-toolbar-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-red-button-toolbar-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-toolbar-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-red-button-toolbar-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-red-button-toolbar-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-toolbar-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-toolbar-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-red-button-toolbar-small-over {
  border-color: #e52d2d;
  background-image: none;
  background-color: #e84444; }
  .x-btn-red-button-toolbar-small-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-red-button-toolbar-small-focus {
  border-color: #e52d2d;
  background-image: none;
  background-color: #e84444; }
  .x-btn-red-button-toolbar-small-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-red-button-toolbar-small-menu-active,
.x-btn-red-button-toolbar-small-pressed {
  border-color: #de1b1b;
  background-image: none;
  background-color: #e52d2d; }
  .x-btn-red-button-toolbar-small-menu-active .x-btn-inner,
  .x-btn-red-button-toolbar-small-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-red-button-toolbar-small-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-red-button-toolbar-small-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-red-button-toolbar-small-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-red-button-toolbar-small-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-red-button-toolbar-medium {
  border-color: transparent; }

body.x-nbr .x-btn-red-button-toolbar-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-red-button-toolbar-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-red-button-toolbar-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-red-button-toolbar-medium-icon button,
.x-btn-red-button-toolbar-medium-icon a,
.x-btn-red-button-toolbar-medium-icon .x-btn-inner,
.x-btn-red-button-toolbar-medium-noicon button,
.x-btn-red-button-toolbar-medium-noicon a,
.x-btn-red-button-toolbar-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-red-button-toolbar-medium-icon button,
.x-btn-red-button-toolbar-medium-icon a {
  padding: 0; }
.x-btn-red-button-toolbar-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-red-button-toolbar-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-red-button-toolbar-medium-icon-text-left button,
.x-btn-red-button-toolbar-medium-icon-text-left a {
  height: 24px; }
.x-btn-red-button-toolbar-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-red-button-toolbar-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-red-button-toolbar-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-red-button-toolbar-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-red-button-toolbar-medium-icon-text-right button,
.x-btn-red-button-toolbar-medium-icon-text-right a {
  height: 24px; }
.x-btn-red-button-toolbar-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-red-button-toolbar-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-toolbar-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-red-button-toolbar-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-red-button-toolbar-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-red-button-toolbar-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-red-button-toolbar-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-toolbar-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-red-button-toolbar-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-red-button-toolbar-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-toolbar-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-toolbar-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-red-button-toolbar-medium-over {
  border-color: #e52d2d;
  background-image: none;
  background-color: #e84444; }
  .x-btn-red-button-toolbar-medium-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-red-button-toolbar-medium-focus {
  border-color: #e52d2d;
  background-image: none;
  background-color: #e84444; }
  .x-btn-red-button-toolbar-medium-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-red-button-toolbar-medium-menu-active,
.x-btn-red-button-toolbar-medium-pressed {
  border-color: #de1b1b;
  background-image: none;
  background-color: #e52d2d; }
  .x-btn-red-button-toolbar-medium-menu-active .x-btn-inner,
  .x-btn-red-button-toolbar-medium-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-red-button-toolbar-medium-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-red-button-toolbar-medium-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-red-button-toolbar-medium-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-red-button-toolbar-medium-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-red-button-toolbar-large {
  border-color: transparent; }

body.x-nbr .x-btn-red-button-toolbar-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-red-button-toolbar-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-red-button-toolbar-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-red-button-toolbar-large-icon button,
.x-btn-red-button-toolbar-large-icon a,
.x-btn-red-button-toolbar-large-icon .x-btn-inner,
.x-btn-red-button-toolbar-large-noicon button,
.x-btn-red-button-toolbar-large-noicon a,
.x-btn-red-button-toolbar-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-red-button-toolbar-large-icon button,
.x-btn-red-button-toolbar-large-icon a {
  padding: 0; }
.x-btn-red-button-toolbar-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-red-button-toolbar-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-red-button-toolbar-large-icon-text-left button,
.x-btn-red-button-toolbar-large-icon-text-left a {
  height: 32px; }
.x-btn-red-button-toolbar-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-red-button-toolbar-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-red-button-toolbar-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-red-button-toolbar-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-red-button-toolbar-large-icon-text-right button,
.x-btn-red-button-toolbar-large-icon-text-right a {
  height: 32px; }
.x-btn-red-button-toolbar-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-red-button-toolbar-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-toolbar-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-red-button-toolbar-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-red-button-toolbar-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-red-button-toolbar-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-red-button-toolbar-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-toolbar-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-red-button-toolbar-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-red-button-toolbar-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-toolbar-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-toolbar-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-red-button-toolbar-large-over {
  border-color: #e52d2d;
  background-image: none;
  background-color: #e84444; }
  .x-btn-red-button-toolbar-large-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-red-button-toolbar-large-focus {
  border-color: #e52d2d;
  background-image: none;
  background-color: #e84444; }
  .x-btn-red-button-toolbar-large-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-red-button-toolbar-large-menu-active,
.x-btn-red-button-toolbar-large-pressed {
  border-color: #de1b1b;
  background-image: none;
  background-color: #e52d2d; }
  .x-btn-red-button-toolbar-large-menu-active .x-btn-inner,
  .x-btn-red-button-toolbar-large-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-red-button-toolbar-large-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-red-button-toolbar-large-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-red-button-toolbar-large-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-red-button-toolbar-large-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-red-button-toolbar-small .x-btn-icon-el {
  height: 16px; }
.x-btn-red-button-toolbar-small .x-btn-glyph {
  line-height: 16px;
  color: #666666;
  font-size: 20px; }
.x-btn-red-button-toolbar-small.x-btn-over .x-btn-glyph {
  color: #f8f9f9; }
.x-btn-red-button-toolbar-small.x-btn-pressed .x-btn-glyph, .x-btn-red-button-toolbar-small.x-btn-menu-active .x-btn-glyph {
  color: #f8f9f9; }

.x-btn-red-button-toolbar-medium .x-btn-icon-el {
  height: 24px; }
.x-btn-red-button-toolbar-medium .x-btn-glyph {
  line-height: 24px;
  color: #666666;
  font-size: 28px; }
.x-btn-red-button-toolbar-medium.x-btn-over .x-btn-glyph {
  color: #f8f9f9; }
.x-btn-red-button-toolbar-medium.x-btn-pressed .x-btn-glyph, .x-btn-red-button-toolbar-medium.x-btn-menu-active .x-btn-glyph {
  color: #f8f9f9; }

.x-btn-red-button-toolbar-large .x-btn-icon-el {
  height: 32px; }
.x-btn-red-button-toolbar-large .x-btn-glyph {
  line-height: 32px;
  color: #666666;
  font-size: 36px; }
.x-btn-red-button-toolbar-large.x-btn-over .x-btn-glyph {
  color: #f8f9f9; }
.x-btn-red-button-toolbar-large.x-btn-pressed .x-btn-glyph, .x-btn-red-button-toolbar-large.x-btn-menu-active .x-btn-glyph {
  color: #f8f9f9; }

.x-btn-red-button-toolbar-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-red-button-toolbar-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-red-button-toolbar-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-red-button-toolbar-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-red-button-toolbar-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-red-button-toolbar-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-red-button-toolbar-small-icon-text-right {
  /*marko*/ }
  .x-btn-red-button-toolbar-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-red-button-toolbar-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-red-button-toolbar-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-red-button-toolbar-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-red-button-toolbar-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-red-button-toolbar-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-red-button-toolbar-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-red-button-toolbar-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-red-button-toolbar-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-red-button-toolbar-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-red-button-toolbar-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-red-button-toolbar-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

/*
==============================================================
================= start ui-button-active =====================
*/
.x-btn-red-button-active-small {
  border-color: #7e8b98; }

body.x-nbr .x-btn-red-button-active-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-red-button-active-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #87939f; }

.x-btn-red-button-active-small .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-red-button-active-small-icon button,
.x-btn-red-button-active-small-icon a,
.x-btn-red-button-active-small-icon .x-btn-inner,
.x-btn-red-button-active-small-noicon button,
.x-btn-red-button-active-small-noicon a,
.x-btn-red-button-active-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-red-button-active-small-icon button,
.x-btn-red-button-active-small-icon a {
  padding: 0; }
.x-btn-red-button-active-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-red-button-active-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-red-button-active-small-icon-text-left button,
.x-btn-red-button-active-small-icon-text-left a {
  height: 16px; }
.x-btn-red-button-active-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-red-button-active-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-red-button-active-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-red-button-active-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-red-button-active-small-icon-text-right button,
.x-btn-red-button-active-small-icon-text-right a {
  height: 16px; }
.x-btn-red-button-active-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-red-button-active-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-active-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-red-button-active-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-red-button-active-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-red-button-active-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-red-button-active-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-active-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-red-button-active-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-red-button-active-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-active-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-active-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-red-button-active-small-over {
  border-color: #8c98a3;
  background-image: none;
  background-color: #959faa; }

.x-btn-red-button-active-small-focus {
  border-color: #8c98a3;
  background-image: none;
  background-color: #87939f; }

.x-btn-red-button-active-small-menu-active,
.x-btn-red-button-active-small-pressed {
  border-color: #6c7986;
  background-image: none;
  background-color: #6c7986; }

.x-btn-red-button-active-small-disabled {
  border-color: #bfc6cc;
  background-image: none;
  background-color: #bfc6cc; }

.x-btn-red-button-active-medium {
  border-color: #7e8b98; }

body.x-nbr .x-btn-red-button-active-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-red-button-active-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #87939f; }

.x-btn-red-button-active-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-red-button-active-medium-icon button,
.x-btn-red-button-active-medium-icon a,
.x-btn-red-button-active-medium-icon .x-btn-inner,
.x-btn-red-button-active-medium-noicon button,
.x-btn-red-button-active-medium-noicon a,
.x-btn-red-button-active-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-red-button-active-medium-icon button,
.x-btn-red-button-active-medium-icon a {
  padding: 0; }
.x-btn-red-button-active-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-red-button-active-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-red-button-active-medium-icon-text-left button,
.x-btn-red-button-active-medium-icon-text-left a {
  height: 24px; }
.x-btn-red-button-active-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-red-button-active-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-red-button-active-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-red-button-active-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-red-button-active-medium-icon-text-right button,
.x-btn-red-button-active-medium-icon-text-right a {
  height: 24px; }
.x-btn-red-button-active-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-red-button-active-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-active-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-red-button-active-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-red-button-active-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-red-button-active-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-red-button-active-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-active-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-red-button-active-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-red-button-active-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-active-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-active-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-red-button-active-medium-over {
  border-color: #8c98a3;
  background-image: none;
  background-color: #959faa; }

.x-btn-red-button-active-medium-focus {
  border-color: #8c98a3;
  background-image: none;
  background-color: #87939f; }

.x-btn-red-button-active-medium-menu-active,
.x-btn-red-button-active-medium-pressed {
  border-color: #6c7986;
  background-image: none;
  background-color: #6c7986; }

.x-btn-red-button-active-medium-disabled {
  border-color: #bfc6cc;
  background-image: none;
  background-color: #bfc6cc; }

.x-btn-red-button-active-large {
  border-color: #7e8b98; }

body.x-nbr .x-btn-red-button-active-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-red-button-active-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #87939f; }

.x-btn-red-button-active-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-red-button-active-large-icon button,
.x-btn-red-button-active-large-icon a,
.x-btn-red-button-active-large-icon .x-btn-inner,
.x-btn-red-button-active-large-noicon button,
.x-btn-red-button-active-large-noicon a,
.x-btn-red-button-active-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-red-button-active-large-icon button,
.x-btn-red-button-active-large-icon a {
  padding: 0; }
.x-btn-red-button-active-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-red-button-active-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-red-button-active-large-icon-text-left button,
.x-btn-red-button-active-large-icon-text-left a {
  height: 32px; }
.x-btn-red-button-active-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-red-button-active-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-red-button-active-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-red-button-active-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-red-button-active-large-icon-text-right button,
.x-btn-red-button-active-large-icon-text-right a {
  height: 32px; }
.x-btn-red-button-active-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-red-button-active-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-active-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-red-button-active-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-red-button-active-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-red-button-active-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-red-button-active-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-active-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-red-button-active-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-red-button-active-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-active-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-active-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-red-button-active-large-over {
  border-color: #8c98a3;
  background-image: none;
  background-color: #959faa; }

.x-btn-red-button-active-large-focus {
  border-color: #8c98a3;
  background-image: none;
  background-color: #87939f; }

.x-btn-red-button-active-large-menu-active,
.x-btn-red-button-active-large-pressed {
  border-color: #6c7986;
  background-image: none;
  background-color: #6c7986; }

.x-btn-red-button-active-large-disabled {
  border-color: #bfc6cc;
  background-image: none;
  background-color: #bfc6cc; }

.x-btn-red-button-active-small .x-btn-icon-el {
  height: 16px; }
.x-btn-red-button-active-small .x-btn-glyph {
  line-height: 16px;
  font-size: 20px; }

.x-btn-red-button-active-medium .x-btn-icon-el {
  height: 24px; }
.x-btn-red-button-active-medium .x-btn-glyph {
  line-height: 24px;
  font-size: 28px; }

.x-btn-red-button-active-large .x-btn-icon-el {
  height: 32px; }
.x-btn-red-button-active-large .x-btn-glyph {
  line-height: 32px;
  font-size: 36px; }

.x-btn-red-button-active-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-red-button-active-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-red-button-active-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-red-button-active-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-red-button-active-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-red-button-active-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-red-button-active-small-icon-text-right {
  /*marko*/ }
  .x-btn-red-button-active-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-red-button-active-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-red-button-active-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-red-button-active-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-red-button-active-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-red-button-active-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-red-button-active-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-red-button-active-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-red-button-active-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-red-button-active-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-red-button-active-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-red-button-active-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

.x-window-active .x-btn-red-button-active-small {
  background-color: #c75050;
  border-color: #c54848; }
.x-window-active .x-btn-red-button-active-small-over,
.x-window-active .x-btn-red-button-active-small-focus {
  background-color: #cb5c5c;
  border-color: #c85454; }
.x-window-active .x-btn-red-button-active-small-disabled {
  background-color: #d68080;
  border-color: #d68080; }
.x-window-active .x-btn-red-button-active-small-pressed {
  background-color: #c03d3d;
  border-color: #b83b3b; }
.x-window-active .x-btn-red-button-active-medium {
  background-color: #c75050;
  border-color: #c54848; }
.x-window-active .x-btn-red-button-active-medium-over,
.x-window-active .x-btn-red-button-active-medium-focus {
  background-color: #cb5c5c;
  border-color: #c85454; }
.x-window-active .x-btn-red-button-active-medium-disabled {
  background-color: #d68080;
  border-color: #d68080; }
.x-window-active .x-btn-red-button-active-medium-pressed {
  background-color: #c03d3d;
  border-color: #b83b3b; }
.x-window-active .x-btn-red-button-active-large {
  background-color: #c75050;
  border-color: #c54848; }
.x-window-active .x-btn-red-button-active-large-over,
.x-window-active .x-btn-red-button-active-large-focus {
  background-color: #cb5c5c;
  border-color: #c85454; }
.x-window-active .x-btn-red-button-active-large-disabled {
  background-color: #d68080;
  border-color: #d68080; }
.x-window-active .x-btn-red-button-active-large-pressed {
  background-color: #c03d3d;
  border-color: #b83b3b; }

/*
==================== end ui-button-active ====================
==============================================================
*/
/*
============ start ui-toolbar-button-active ==================
==============================================================
*/
.x-btn-red-button-active-toolbar-small {
  border-color: transparent; }

body.x-nbr .x-btn-red-button-active-toolbar-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-red-button-active-toolbar-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-red-button-active-toolbar-small .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-red-button-active-toolbar-small-icon button,
.x-btn-red-button-active-toolbar-small-icon a,
.x-btn-red-button-active-toolbar-small-icon .x-btn-inner,
.x-btn-red-button-active-toolbar-small-noicon button,
.x-btn-red-button-active-toolbar-small-noicon a,
.x-btn-red-button-active-toolbar-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-red-button-active-toolbar-small-icon button,
.x-btn-red-button-active-toolbar-small-icon a {
  padding: 0; }
.x-btn-red-button-active-toolbar-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-red-button-active-toolbar-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-red-button-active-toolbar-small-icon-text-left button,
.x-btn-red-button-active-toolbar-small-icon-text-left a {
  height: 16px; }
.x-btn-red-button-active-toolbar-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-red-button-active-toolbar-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-red-button-active-toolbar-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-red-button-active-toolbar-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-red-button-active-toolbar-small-icon-text-right button,
.x-btn-red-button-active-toolbar-small-icon-text-right a {
  height: 16px; }
.x-btn-red-button-active-toolbar-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-red-button-active-toolbar-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-active-toolbar-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-red-button-active-toolbar-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-red-button-active-toolbar-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-red-button-active-toolbar-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-red-button-active-toolbar-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-active-toolbar-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-red-button-active-toolbar-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-red-button-active-toolbar-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-active-toolbar-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-active-toolbar-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-red-button-active-toolbar-small-over {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-red-button-active-toolbar-small-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-red-button-active-toolbar-small-focus {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-red-button-active-toolbar-small-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-red-button-active-toolbar-small-menu-active,
.x-btn-red-button-active-toolbar-small-pressed {
  border-color: #99a3ad;
  background-image: none;
  background-color: #a7b0b9; }
  .x-btn-red-button-active-toolbar-small-menu-active .x-btn-inner,
  .x-btn-red-button-active-toolbar-small-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-red-button-active-toolbar-small-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-red-button-active-toolbar-small-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-red-button-active-toolbar-small-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-red-button-active-toolbar-small-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-red-button-active-toolbar-medium {
  border-color: transparent; }

body.x-nbr .x-btn-red-button-active-toolbar-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-red-button-active-toolbar-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-red-button-active-toolbar-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-red-button-active-toolbar-medium-icon button,
.x-btn-red-button-active-toolbar-medium-icon a,
.x-btn-red-button-active-toolbar-medium-icon .x-btn-inner,
.x-btn-red-button-active-toolbar-medium-noicon button,
.x-btn-red-button-active-toolbar-medium-noicon a,
.x-btn-red-button-active-toolbar-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-red-button-active-toolbar-medium-icon button,
.x-btn-red-button-active-toolbar-medium-icon a {
  padding: 0; }
.x-btn-red-button-active-toolbar-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-red-button-active-toolbar-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-red-button-active-toolbar-medium-icon-text-left button,
.x-btn-red-button-active-toolbar-medium-icon-text-left a {
  height: 24px; }
.x-btn-red-button-active-toolbar-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-red-button-active-toolbar-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-red-button-active-toolbar-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-red-button-active-toolbar-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-red-button-active-toolbar-medium-icon-text-right button,
.x-btn-red-button-active-toolbar-medium-icon-text-right a {
  height: 24px; }
.x-btn-red-button-active-toolbar-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-red-button-active-toolbar-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-active-toolbar-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-red-button-active-toolbar-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-red-button-active-toolbar-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-red-button-active-toolbar-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-red-button-active-toolbar-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-active-toolbar-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-red-button-active-toolbar-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-red-button-active-toolbar-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-active-toolbar-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-active-toolbar-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-red-button-active-toolbar-medium-over {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-red-button-active-toolbar-medium-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-red-button-active-toolbar-medium-focus {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-red-button-active-toolbar-medium-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-red-button-active-toolbar-medium-menu-active,
.x-btn-red-button-active-toolbar-medium-pressed {
  border-color: #99a3ad;
  background-image: none;
  background-color: #a7b0b9; }
  .x-btn-red-button-active-toolbar-medium-menu-active .x-btn-inner,
  .x-btn-red-button-active-toolbar-medium-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-red-button-active-toolbar-medium-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-red-button-active-toolbar-medium-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-red-button-active-toolbar-medium-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-red-button-active-toolbar-medium-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-red-button-active-toolbar-large {
  border-color: transparent; }

body.x-nbr .x-btn-red-button-active-toolbar-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-red-button-active-toolbar-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-red-button-active-toolbar-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-red-button-active-toolbar-large-icon button,
.x-btn-red-button-active-toolbar-large-icon a,
.x-btn-red-button-active-toolbar-large-icon .x-btn-inner,
.x-btn-red-button-active-toolbar-large-noicon button,
.x-btn-red-button-active-toolbar-large-noicon a,
.x-btn-red-button-active-toolbar-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-red-button-active-toolbar-large-icon button,
.x-btn-red-button-active-toolbar-large-icon a {
  padding: 0; }
.x-btn-red-button-active-toolbar-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-red-button-active-toolbar-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-red-button-active-toolbar-large-icon-text-left button,
.x-btn-red-button-active-toolbar-large-icon-text-left a {
  height: 32px; }
.x-btn-red-button-active-toolbar-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-red-button-active-toolbar-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-red-button-active-toolbar-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-red-button-active-toolbar-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-red-button-active-toolbar-large-icon-text-right button,
.x-btn-red-button-active-toolbar-large-icon-text-right a {
  height: 32px; }
.x-btn-red-button-active-toolbar-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-red-button-active-toolbar-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-active-toolbar-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-red-button-active-toolbar-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-red-button-active-toolbar-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-red-button-active-toolbar-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-red-button-active-toolbar-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-active-toolbar-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-red-button-active-toolbar-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-red-button-active-toolbar-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-red-button-active-toolbar-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-red-button-active-toolbar-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-red-button-active-toolbar-large-over {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-red-button-active-toolbar-large-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-red-button-active-toolbar-large-focus {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-red-button-active-toolbar-large-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-red-button-active-toolbar-large-menu-active,
.x-btn-red-button-active-toolbar-large-pressed {
  border-color: #99a3ad;
  background-image: none;
  background-color: #a7b0b9; }
  .x-btn-red-button-active-toolbar-large-menu-active .x-btn-inner,
  .x-btn-red-button-active-toolbar-large-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-red-button-active-toolbar-large-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-red-button-active-toolbar-large-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-red-button-active-toolbar-large-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-red-button-active-toolbar-large-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-red-button-active-toolbar-small .x-btn-icon-el {
  height: 16px; }
.x-btn-red-button-active-toolbar-small .x-btn-glyph {
  line-height: 16px;
  font-size: 20px; }

.x-btn-red-button-active-toolbar-medium .x-btn-icon-el {
  height: 24px; }
.x-btn-red-button-active-toolbar-medium .x-btn-glyph {
  line-height: 24px;
  font-size: 28px; }

.x-btn-red-button-active-toolbar-large .x-btn-icon-el {
  height: 32px; }
.x-btn-red-button-active-toolbar-large .x-btn-glyph {
  line-height: 32px;
  font-size: 36px; }

.x-btn-red-button-active-toolbar-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-red-button-active-toolbar-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-red-button-active-toolbar-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-red-button-active-toolbar-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-red-button-active-toolbar-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-red-button-active-toolbar-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-red-button-active-toolbar-small-icon-text-right {
  /*marko*/ }
  .x-btn-red-button-active-toolbar-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-red-button-active-toolbar-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-red-button-active-toolbar-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-red-button-active-toolbar-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-red-button-active-toolbar-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-red-button-active-toolbar-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-red-button-active-toolbar-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-red-button-active-toolbar-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-red-button-active-toolbar-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-red-button-active-toolbar-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-red-button-active-toolbar-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-red-button-active-toolbar-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

.x-window-active .x-btn-red-button-active-toolbar-small {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-red-button-active-toolbar-small-over,
.x-window-active .x-btn-red-button-active-toolbar-small-focus {
  background-color: #e84444;
  border-color: #e52d2d; }
.x-window-active .x-btn-red-button-active-toolbar-small-disabled {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-red-button-active-toolbar-small-pressed {
  background-color: #e52d2d;
  border-color: #de1b1b; }
.x-window-active .x-btn-red-button-active-toolbar-medium {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-red-button-active-toolbar-medium-over,
.x-window-active .x-btn-red-button-active-toolbar-medium-focus {
  background-color: #e84444;
  border-color: #e52d2d; }
.x-window-active .x-btn-red-button-active-toolbar-medium-disabled {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-red-button-active-toolbar-medium-pressed {
  background-color: #e52d2d;
  border-color: #de1b1b; }
.x-window-active .x-btn-red-button-active-toolbar-large {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-red-button-active-toolbar-large-over,
.x-window-active .x-btn-red-button-active-toolbar-large-focus {
  background-color: #e84444;
  border-color: #e52d2d; }
.x-window-active .x-btn-red-button-active-toolbar-large-disabled {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-red-button-active-toolbar-large-pressed {
  background-color: #e52d2d;
  border-color: #de1b1b; }

/*
==============================================================
===================== start ui-panel =========================
*/
.x-panel-red-panel {
  border-color: #aeb6be; }

.x-panel-header-red-panel {
  font-size: 11px;
  border-color: #e84040;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #ec6464; }
  .x-panel-header-red-panel > .x-panel-header-body .x-tool img:hover {
    background-color: #e94d4d; }
  .x-panel-header-red-panel > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-panel-header-red-panel > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }

.x-panel-header-text-red-panel {
  color: #363636;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }

.x-panel-body-red-panel {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: black;
  border-width: 1px;
  border-style: solid; }

.x-panel-collapsed .x-window-header-red-panel,
.x-panel-collapsed .x-panel-header-red-panel {
  border-color: #e84040; }

.x-panel-header-red-panel-vertical {
  border-color: #e84040; }

.x-panel-header-red-panel-left,
.x-panel-header-red-panel-right {
  background-image: none;
  background-color: #ec6464; }

.x-panel-header-red-panel-right-tc,
.x-panel-header-red-panel-right-mc,
.x-panel-header-red-panel-right-bc {
  background-position: right 0; }

.x-panel-header-red-panel-bottom-tc,
.x-panel-header-red-panel-bottom-mc,
.x-panel-header-red-panel-bottom-bc {
  background-position: 0 bottom; }

.x-panel-header-red-panel + .x-panel-body-red-panel {
  border-top-color: #e84040; }

.x-panel-header-red-panel + .x-toolbar-docked-top {
  border-top-color: #e84040; }

.x-panel-header-red-panel.x-accordion-hd {
  background-color: #ec6464 !important;
  border-top-color: #ec6464 !important; }

.x-panel-red-panel.x-grid-with-row-lines .x-panel-body-red-panel .x-grid-row-selected .x-grid-cell,
.x-panel-red-panel.x-grid-with-row-lines .x-panel-body-red-panel .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #ed6d6d !important;
  background-color: #f29191 !important; }

.x-panel-red-panel.x-tree-panel .x-panel-body-red-panel .x-grid-row-selected .x-grid-cell,
.x-panel-red-panel.x-tree-panel .x-panel-body-red-panel .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #f29191 !important; }

.x-panel-header-text-container-red-panel {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #363636; }

.x-panel-header-red-panel .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #363636; }

.x-panel-header-red-panel-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-red-panel-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-red-panel-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-red-panel-vertical .x-panel-header-text-container {
  display: none; }

/*
======================= end ui-panel =========================
==============================================================
*/
/*
==============================================================
=================== start ui-panel-framed ====================
*/
.x-panel-red-panel-framed {
  border-color: #ec6464; }

.x-panel-header-red-panel-framed {
  font-size: 11px;
  border-color: #ec6464;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #ec6464; }
  .x-panel-header-red-panel-framed > .x-panel-header-body .x-tool img:hover {
    background-color: #e94d4d; }
  .x-panel-header-red-panel-framed > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-panel-header-red-panel-framed > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }

.x-panel-header-text-red-panel-framed {
  color: #363636;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }

.x-panel-body-red-panel-framed {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: #333333;
  border-width: 0;
  border-style: solid; }

.x-panel-collapsed .x-window-header-red-panel-framed,
.x-panel-collapsed .x-panel-header-red-panel-framed {
  border-color: #ec6464; }

.x-panel-header-red-panel-framed-vertical {
  border-color: #ec6464; }

.x-panel-header-red-panel-framed-left,
.x-panel-header-red-panel-framed-right {
  background-image: none;
  background-color: #ec6464; }

body.x-nbr .x-panel-red-panel-framed-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-4-4-4-4; }

.x-panel-red-panel-framed {
  padding: 4px 4px 4px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #f8f9f9; }

body.x-nbr .x-panel-header-red-panel-framed-top-frameInfo {
  font-family: dh-4-4-0-0-1-2-0-2-3-5-4-5; }

.x-panel-header-red-panel-framed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 0 2px;
  border-style: solid;
  background-color: #ec6464; }

body.x-nbr .x-panel-header-red-panel-framed-right-frameInfo {
  font-family: dh-0-4-4-0-1-2-2-0-5-4-5-4; }

.x-panel-header-red-panel-framed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 0;
  border-style: solid;
  background-color: #ec6464; }

body.x-nbr .x-panel-header-red-panel-framed-bottom-frameInfo {
  font-family: dh-0-0-4-4-0-2-2-2-3-5-4-5; }

.x-panel-header-red-panel-framed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 0 2px 2px 2px;
  border-style: solid;
  background-color: #ec6464; }

body.x-nbr .x-panel-header-red-panel-framed-left-frameInfo {
  font-family: dh-4-0-0-4-1-0-2-2-5-4-5-4; }

.x-panel-header-red-panel-framed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 0 2px 2px;
  border-style: solid;
  background-color: #ec6464; }

.x-panel .x-panel-header-red-panel-framed-top {
  border-bottom-width: 1px !important; }

.x-panel .x-panel-header-red-panel-framed-right {
  border-left-width: 1px !important; }

.x-panel .x-panel-header-red-panel-framed-bottom {
  border-top-width: 1px !important; }

.x-panel .x-panel-header-red-panel-framed-left {
  border-right-width: 1px !important; }

body.x-nbr .x-panel-header-red-panel-framed-collapsed-top-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-red-panel-framed-collapsed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #ec6464; }

body.x-nbr .x-panel-header-red-panel-framed-collapsed-right-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-red-panel-framed-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #ec6464; }

body.x-nbr .x-panel-header-red-panel-framed-collapsed-bottom-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-red-panel-framed-collapsed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #ec6464; }

body.x-nbr .x-panel-header-red-panel-framed-collapsed-left-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-red-panel-framed-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #ec6464; }

.x-panel-header-red-panel-framed-right-tc,
.x-panel-header-red-panel-framed-right-mc,
.x-panel-header-red-panel-framed-right-bc {
  background-position: right 0; }

.x-panel-header-red-panel-framed-bottom-tc,
.x-panel-header-red-panel-framed-bottom-mc,
.x-panel-header-red-panel-framed-bottom-bc {
  background-position: 0 bottom; }

.x-panel-red-panel-framed.x-grid-with-row-lines .x-panel-body-red-panel-framed .x-grid-row-selected .x-grid-cell,
.x-panel-red-panel-framed.x-grid-with-row-lines .x-panel-body-red-panel-framed .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #ed6d6d !important;
  background-color: #f29191 !important; }

.x-panel-red-panel-framed.x-tree-panel .x-panel-body-red-panel-framed .x-grid-row-selected .x-grid-cell,
.x-panel-red-panel-framed.x-tree-panel .x-panel-body-red-panel-framed .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #f29191 !important; }

.x-panel-header-text-container-red-panel-framed {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #363636; }

.x-panel-header-red-panel-framed .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #363636; }

.x-panel-header-red-panel-framed-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-red-panel-framed-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-red-panel-framed-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-red-panel-framed-vertical .x-panel-header-text-container {
  display: none; }

/*
==================== end ui-panel-framed =====================
==============================================================
*/
/*	
==============================================================
================= start ui-panel-active ======================
*/
.x-panel-red-panel-active {
  border-color: #aeb6be; }

.x-panel-header-red-panel-active {
  font-size: 11px;
  border-color: #c5cbd0;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
  .x-panel-header-red-panel-active > .x-panel-header-body .x-tool img:hover {
    background-color: #aeb6be; }
  .x-panel-header-red-panel-active > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #768391; }
    .x-panel-header-red-panel-active > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #768391; }

.x-panel-header-text-red-panel-active {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }

.x-panel-body-red-panel-active {
  background: #f8f9f9;
  border-color: #c5cbd0;
  color: black;
  border-width: 1px;
  border-style: solid; }

.x-panel-collapsed .x-window-header-red-panel-active,
.x-panel-collapsed .x-panel-header-red-panel-active {
  border-color: #c5cbd0; }

.x-panel-header-red-panel-active-vertical {
  border-color: #c5cbd0; }

.x-panel-header-red-panel-active-left,
.x-panel-header-red-panel-active-right {
  background-image: none;
  background-color: #cbd0d5; }

.x-panel-header-red-panel-active-right-tc,
.x-panel-header-red-panel-active-right-mc,
.x-panel-header-red-panel-active-right-bc {
  background-position: right 0; }

.x-panel-header-red-panel-active-bottom-tc,
.x-panel-header-red-panel-active-bottom-mc,
.x-panel-header-red-panel-active-bottom-bc {
  background-position: 0 bottom; }

.x-window-active .x-panel-red-panel-active {
  border-color: #ec6464; }
.x-window-active .x-panel-header-red-panel-active + .x-panel-body-red-panel-active {
  border-top-color: #e84040; }
.x-window-active .x-panel-header-red-panel-active + .x-toolbar-docked-top {
  border-top-color: #e84040; }
.x-window-active .x-panel-header-red-panel-active.x-accordion-hd {
  background-color: #ec6464 !important;
  border-top-color: #ec6464 !important; }
.x-window-active .x-panel-header-text-red-panel-active {
  color: #363636; }
.x-window-active .x-panel-header-red-panel-active {
  border-color: #e84040;
  background-color: #ec6464; }
  .x-window-active .x-panel-header-red-panel-active > .x-panel-header-body .x-tool img:hover {
    background-color: #e94d4d; }
  .x-window-active .x-panel-header-red-panel-active > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-window-active .x-panel-header-red-panel-active > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }
.x-window-active .x-panel-header-text-red-panel-active {
  color: #363636; }
.x-window-active .x-panel-collapsed .x-window-header-red-panel-active,
.x-window-active .x-panel-collapsed .x-panel-red-panel-active {
  border-color: #e84040; }
.x-window-active .x-panel-header-red-panel-active-vertical {
  border-color: #e84040; }
.x-window-active .x-panel-header-red-panel-active-left,
.x-window-active .x-panel-header-red-panel-active-right {
  background-color: #ec6464;
  color: #363636; }
.x-window-active .x-panel-red-panel-active.x-grid-with-row-lines .x-panel-body-red-panel-active .x-grid-table .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-red-panel-active.x-grid-with-row-lines .x-panel-body-red-panel-active .x-grid-table .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #ed6d6d !important;
  background-color: #f29191 !important; }
.x-window-active .x-panel-red-panel-active.x-tree-panel .x-panel-body-red-panel-active .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-red-panel-active.x-tree-panel .x-panel-body-red-panel-active .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #f29191 !important; }

.x-panel-header-text-container-red-panel-active {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #404040; }

.x-window-active .x-panel-header-text-container-red-panel-active {
  color: #363636; }

.x-panel-header-red-panel-active .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a; }

.x-window-active .x-panel-header-red-panel-active .x-panel-header-glyph {
  color: #363636;
  opacity: 0.8; }

.x-panel-header-red-panel-active-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-red-panel-active-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-red-panel-active-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-red-panel-active-vertical .x-panel-header-text-container {
  display: none; }

/*
==================== end ui-panel-active =====================
==============================================================
*/
/*	
==============================================================
=============== start ui-panel-active-framed =================
*/
.x-panel-red-panel-active-framed {
  border-color: #cbd0d5; }

.x-panel-header-red-panel-active-framed {
  font-size: 11px;
  border-color: #aeb6be;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
  .x-panel-header-red-panel-active-framed > .x-panel-header-body .x-tool img:hover {
    background-color: #aeb6be; }
  .x-panel-header-red-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #768391; }
    .x-panel-header-red-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #768391; }

.x-panel-header-text-red-panel-active-framed {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }

.x-panel-body-red-panel-active-framed {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: #333333;
  border-width: 0;
  border-style: solid; }

.x-panel-collapsed .x-window-header-red-panel-active-framed,
.x-panel-collapsed .x-panel-header-red-panel-active-framed {
  border-color: #aeb6be; }

.x-panel-header-red-panel-active-framed-vertical {
  border-color: #aeb6be; }

.x-panel-header-red-panel-active-framed-left,
.x-panel-header-red-panel-active-framed-right {
  background-image: none;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-red-panel-active-framed-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-4-4-4-4; }

.x-panel-red-panel-active-framed {
  padding: 4px 4px 4px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #f8f9f9; }

body.x-nbr .x-panel-header-red-panel-active-framed-top-frameInfo {
  font-family: dh-4-4-0-0-1-2-0-2-3-5-4-5; }

.x-panel-header-red-panel-active-framed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 0 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-red-panel-active-framed-right-frameInfo {
  font-family: dh-0-4-4-0-1-2-2-0-5-4-5-4; }

.x-panel-header-red-panel-active-framed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 0;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-red-panel-active-framed-bottom-frameInfo {
  font-family: dh-0-0-4-4-0-2-2-2-3-5-4-5; }

.x-panel-header-red-panel-active-framed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 0 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-red-panel-active-framed-left-frameInfo {
  font-family: dh-4-0-0-4-1-0-2-2-5-4-5-4; }

.x-panel-header-red-panel-active-framed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 0 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

.x-panel .x-panel-header-red-panel-active-framed-top {
  border-bottom-width: 1px !important; }

.x-panel .x-panel-header-red-panel-active-framed-right {
  border-left-width: 1px !important; }

.x-panel .x-panel-header-red-panel-active-framed-bottom {
  border-top-width: 1px !important; }

.x-panel .x-panel-header-red-panel-active-framed-left {
  border-right-width: 1px !important; }

body.x-nbr .x-panel-header-red-panel-active-framed-collapsed-top-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-red-panel-active-framed-collapsed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-red-panel-active-framed-collapsed-right-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-red-panel-active-framed-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-red-panel-active-framed-collapsed-bottom-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-red-panel-active-framed-collapsed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-red-panel-active-framed-collapsed-left-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-red-panel-active-framed-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

.x-panel-header-red-panel-active-framed-right-tc,
.x-panel-header-red-panel-active-framed-right-mc,
.x-panel-header-red-panel-active-framed-right-bc {
  background-position: right 0; }

.x-panel-header-red-panel-active-framed-bottom-tc,
.x-panel-header-red-panel-active-framed-bottom-mc,
.x-panel-header-red-panel-active-framed-bottom-bc {
  background-position: 0 bottom; }

.x-window-active .x-panel-red-panel-active-framed {
  border-color: #ec6464; }
.x-window-active .x-panel-header-red-panel-active-framed {
  border-color: #ec6464;
  background-color: #ec6464; }
  .x-window-active .x-panel-header-red-panel-active-framed > .x-panel-header-body .x-tool img:hover {
    background-color: #e94d4d; }
  .x-window-active .x-panel-header-red-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-window-active .x-panel-header-red-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }
.x-window-active .x-panel-header-text-red-panel-active-framed {
  color: #363636; }
.x-window-active .x-panel-collapsed .x-window-header-red-panel-active-framed,
.x-window-active .x-panel-collapsed .x-panel-header-red-panel-active-framed {
  border-color: #ec6464;
  color: #363636; }
.x-window-active .x-panel-header-red-panel-active-framed-vertical {
  border-color: #ec6464; }
.x-window-active .x-panel-header-red-panel-active-framed-left,
.x-window-active .x-panel-header-red-panel-active-framed-right {
  background-color: #ec6464; }
.x-window-active .x-panel-header-red-panel-active-framed-top {
  background-color: #ec6464; }
.x-window-active .x-panel-header-red-panel-active-framed-right {
  background-color: #ec6464; }
.x-window-active .x-panel-header-red-panel-active-framed-bottom {
  background-color: #ec6464; }
.x-window-active .x-panel-header-red-panel-active-framed-left {
  background-color: #ec6464; }
.x-window-active .x-panel-header-red-panel-active-framed-collapsed-top {
  background-color: #ec6464; }
.x-window-active .x-panel-header-red-panel-active-framed-collapsed-right {
  background-color: #ec6464; }
.x-window-active .x-panel-header-red-panel-active-framed-collapsed-bottom {
  background-color: #ec6464; }
.x-window-active .x-panel-header-red-panel-active-framed-collapsed-left {
  background-color: #ec6464; }
.x-window-active .x-panel-red-panel-active-framed.x-grid-with-row-lines .x-panel-body-red-panel-active-framed .x-grid-table .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-red-panel-active-framed.x-grid-with-row-lines .x-panel-body-red-panel-active-framed .x-grid-table .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #ed6d6d !important;
  background-color: #f29191 !important; }
.x-window-active .x-panel-red-panel-active-framed.x-tree-panel .x-panel-body-red-panel-active-framed .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-red-panel-active-framed.x-tree-panel .x-panel-body-red-panel-active-framed .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #f29191 !important; }

.x-panel-header-text-container-red-panel-active-framed {
  font-weight: bold;
  line-height: 19px;
  padding-left: 2px;
  color: #404040; }

.x-window-active .x-panel-header-text-container-red-panel-active-framed {
  color: #363636; }

.x-panel-header-red-panel-active-framed .x-panel-header-glyph {
  line-height: 15px;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a; }

.x-window-active .x-panel-header-red-panel-active-framed .x-panel-header-glyph {
  color: #363636;
  opacity: 0.8; }

.x-panel-header-red-panel-active-framed-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-red-panel-active-framed-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-red-panel-active-framed-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-red-panel-active-framed-vertical .x-panel-header-text-container {
  display: none; }

/*
================== end ui-panel-active =======================
==============================================================
*/
/*
==============================================================
================ start ui-progress-active ====================
*/
.x-progress-red-progress {
  border-color: #c75050; }
  .x-progress-red-progress .x-progress-bar {
    border-right-color: #c75050;
    border-top-color: #c75050;
    background-image: none;
    background-color: #c75050; }
  .x-progress-red-progress .x-progress-text {
    color: white; }
  .x-progress-red-progress .x-progress-text-back {
    color: #898989; }

/*
==============================================================
================ start ui-progress-active ====================
*/
.x-progress-red-progress-active-active {
  border-color: #a9b1ba; }
  .x-progress-red-progress-active-active .x-progress-bar {
    border-right-color: #a9b1ba;
    border-top-color: #a9b1ba;
    background-image: none;
    background-color: #b7bec5; }
  .x-progress-red-progress-active-active .x-progress-text {
    color: white; }
  .x-progress-red-progress-active-active .x-progress-text-back {
    color: #898989; }

.x-window-active .x-progress-red-progress-active-active {
  border-color: #c75050; }
.x-window-active .x-progress-red-progress-active-active .x-progress-bar {
  border-right-color: #c75050;
  border-top-color: #c75050;
  background-color: #c75050; }

/*
==============================================================
================= start ui-window-active =====================
*/
.x-window-active.x-window-red-window-active {
  background-color: #ec6464;
  border-color: #e94b4b; }

.x-window-active.x-window-red-window-active .x-window-header-red-window-active-top,
.x-window-active.x-window-red-window-active .x-window-header-red-window-active-bottom,
.x-window-active.x-window-red-window-active .x-window-header-red-window-active-left,
.x-window-active.x-window-red-window-active .x-window-header-red-window-active-right {
  background-color: #ec6464; }

.x-window-active.x-window-red-window-active .x-window-header-text {
  color: #363636; }

.x-window-active.x-window-red-window-active .x-window-header .x-tool img:hover {
  background-color: #e94d4d; }

.x-window-active.x-window-red-window-active .x-window-body {
  background-color: #f8f9f9; }

.x-window-active.x-window-red-window-active img.x-tool-close:hover {
  background-color: #c95656 !important; }

.x-window-active.x-window-red-window-active img.x-tool-close {
  background-color: #c54a4a !important; }

.x-window-active.x-window-red-window-active .x-btn-default-small {
  background-color: #c75050;
  border-color: #c54848; }
.x-window-active.x-window-red-window-active .x-btn-default-small-over,
.x-window-active.x-window-red-window-active .x-btn-default-small-focus {
  background-color: #cb5c5c;
  border-color: #c85454; }
.x-window-active.x-window-red-window-active .x-btn-default-small-disabled {
  background-color: #d68080;
  border-color: #d68080; }
.x-window-active.x-window-red-window-active .x-btn-default-small-pressed {
  background-color: #c03d3d;
  border-color: #b83b3b; }
.x-window-active.x-window-red-window-active .x-btn-default-medium {
  background-color: #c75050;
  border-color: #c54848; }
.x-window-active.x-window-red-window-active .x-btn-default-medium-over,
.x-window-active.x-window-red-window-active .x-btn-default-medium-focus {
  background-color: #cb5c5c;
  border-color: #c85454; }
.x-window-active.x-window-red-window-active .x-btn-default-medium-disabled {
  background-color: #d68080;
  border-color: #d68080; }
.x-window-active.x-window-red-window-active .x-btn-default-medium-pressed {
  background-color: #c03d3d;
  border-color: #b83b3b; }
.x-window-active.x-window-red-window-active .x-btn-default-large {
  background-color: #c75050;
  border-color: #c54848; }
.x-window-active.x-window-red-window-active .x-btn-default-large-over,
.x-window-active.x-window-red-window-active .x-btn-default-large-focus {
  background-color: #cb5c5c;
  border-color: #c85454; }
.x-window-active.x-window-red-window-active .x-btn-default-large-disabled {
  background-color: #d68080;
  border-color: #d68080; }
.x-window-active.x-window-red-window-active .x-btn-default-large-pressed {
  background-color: #c03d3d;
  border-color: #b83b3b; }

.x-window-active.x-window-red-window-active .x-tab-bar .x-tab-default {
  border-bottom: 1px solid #c75050; }
.x-window-active.x-window-red-window-active .x-tab-bar .x-tab-over {
  background-color: #da8a8a; }
.x-window-active.x-window-red-window-active .x-tab-bar .x-tab-top-active {
  background-color: #c75050;
  border: 1px solid #c75050; }
.x-window-active.x-window-red-window-active .x-tab-bar .x-tab-bottom-active {
  background-color: #c75050;
  border: 1px solid #c75050; }
.x-window-active.x-window-red-window-active .x-tab-bar-bottom .x-tab {
  border-top-color: #c75050 !important;
  border-bottom-color: transparent; }
.x-window-active.x-window-red-window-active .x-tab-bar-bottom .x-tab-active {
  border-bottom-color: #c75050; }
.x-window-active.x-window-red-window-active .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #c75050;
  border-color: #c75050; }
.x-window-active.x-window-red-window-active .x-tab-bar .x-tab-bar-strip-default {
  background-color: #c75050;
  border-color: #c75050; }
.x-window-active.x-window-red-window-active .x-tab-bar-top + .x-panel-body {
  border-top-color: #c75050; }

.x-window-active.x-window-red-window-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active.x-window-red-window-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #ed6d6d !important;
  background-color: #f29191 !important; }

.x-window-red-window-active {
  border-color: #c1c7cd; }

body.x-nbr .x-window-red-window-active-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-4-4-4; }

.x-window-red-window-active {
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

.x-window-body-red-window-active {
  border-color: #aeb6be;
  border-width: 1px;
  background: #f8f9f9;
  color: black; }

.x-window-header-red-window-active {
  font-size: 11px;
  border-color: #c1c7cd;
  zoom: 1; }
  .x-window-header-red-window-active .x-tool .x-tool-close {
    background-color: gray; }
    .x-window-header-red-window-active .x-tool .x-tool-close:hover {
      background-color: gray; }
  .x-window-header-red-window-active .x--tool:hover {
    background-color: #bfc6cc; }

.x-window-header-text-red-window-active {
  color: #4d4d4d;
  font-weight: bold;
  line-height: 22px;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  font-size: 11px; }

body.x-nbr .x-window-header-red-window-active-top-frameInfo {
  font-family: dh-5-5-0-0-1-1-0-1-4-5-0-5; }

.x-window-header-red-window-active-top {
  padding: 4px 5px 0 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-red-window-active-right-frameInfo {
  font-family: dh-0-5-5-0-1-1-1-0-5-4-5-0; }

.x-window-header-red-window-active-right {
  padding: 5px 4px 5px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-red-window-active-bottom-frameInfo {
  font-family: dh-0-0-5-5-0-1-1-1-0-5-4-5; }

.x-window-header-red-window-active-bottom {
  padding: 0 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-red-window-active-left-frameInfo {
  font-family: dh-5-0-0-5-1-0-1-1-5-0-5-4; }

.x-window-header-red-window-active-left {
  padding: 5px 0px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-red-window-active-collapsed-top-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-red-window-active-collapsed-top {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-red-window-active-collapsed-right-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-red-window-active-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-red-window-active-collapsed-bottom-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-red-window-active-collapsed-bottom {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-red-window-active-collapsed-left-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-red-window-active-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

.x-window-header-text-container-red-window-active {
  font-weight: bold;
  line-height: 22px;
  padding-left: 2px;
  color: #4d4d4d; }

.x-window-active .x-window-header-text-container-red-window-active {
  color: #363636;
  /*marko*/ }

.x-window-header-icon-red-window-active.x-window-header-glyph {
  line-height: 16px;
  text-align: center;
  font-size: 20px;
  color: #595959; }

.x-window-active .x-window-header-red-window-active .x-window-header-glyph {
  color: #363636; }

/*
==================== end ui-window-active ====================
==============================================================
*/
/*
==============================================================
===================== start ui-window ========================
*/
.x-window-red-window .x-window-header .x-tool img:hover {
  background-color: #e94d4d; }

.x-window-red-window .x-window-body {
  background-color: #f8f9f9; }

.x-window-red-window img.x-tool-close:hover {
  background-color: #c95656 !important; }

.x-window-red-window img.x-tool-close {
  background-color: #c54a4a !important; }

.x-window-red-window .x-btn-default-small {
  background-color: #c75050;
  border-color: #c54848; }
.x-window-red-window .x-btn-default-small-over,
.x-window-red-window .x-btn-default-small-focus {
  background-color: #cb5c5c;
  border-color: #c85454; }
.x-window-red-window .x-btn-default-small-disabled {
  background-color: #d68080;
  border-color: #d68080; }
.x-window-red-window .x-btn-default-small-pressed {
  background-color: #c03d3d;
  border-color: #b83b3b; }
.x-window-red-window .x-btn-default-medium {
  background-color: #c75050;
  border-color: #c54848; }
.x-window-red-window .x-btn-default-medium-over,
.x-window-red-window .x-btn-default-medium-focus {
  background-color: #cb5c5c;
  border-color: #c85454; }
.x-window-red-window .x-btn-default-medium-disabled {
  background-color: #d68080;
  border-color: #d68080; }
.x-window-red-window .x-btn-default-medium-pressed {
  background-color: #c03d3d;
  border-color: #b83b3b; }
.x-window-red-window .x-btn-default-large {
  background-color: #c75050;
  border-color: #c54848; }
.x-window-red-window .x-btn-default-large-over,
.x-window-red-window .x-btn-default-large-focus {
  background-color: #cb5c5c;
  border-color: #c85454; }
.x-window-red-window .x-btn-default-large-disabled {
  background-color: #d68080;
  border-color: #d68080; }
.x-window-red-window .x-btn-default-large-pressed {
  background-color: #c03d3d;
  border-color: #b83b3b; }

.x-window-red-window .x-tab-bar .x-tab-default {
  border-bottom: 1px solid #c75050; }
.x-window-red-window .x-tab-bar .x-tab-over {
  background-color: #da8a8a; }
.x-window-red-window .x-tab-bar .x-tab-top-active {
  background-color: #c75050;
  border: 1px solid #c75050; }
.x-window-red-window .x-tab-bar .x-tab-bottom-active {
  background-color: #c75050;
  border: 1px solid #c75050; }
.x-window-red-window .x-tab-bar-bottom .x-tab {
  border-top-color: #c75050 !important;
  border-bottom-color: transparent; }
.x-window-red-window .x-tab-bar-bottom .x-tab-active {
  border-bottom-color: #c75050; }
.x-window-red-window .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #c75050;
  border-color: #c75050; }
.x-window-red-window .x-tab-bar .x-tab-bar-strip-default {
  background-color: #c75050;
  border-color: #c75050; }
.x-window-red-window .x-tab-bar-top + .x-panel-body {
  border-top-color: #c75050; }

.x-window-red-window .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-red-window .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #ed6d6d !important;
  background-color: #f29191 !important; }

.x-window-red-window {
  border-color: #e94b4b; }

body.x-nbr .x-window-red-window-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-4-4-4; }

.x-window-red-window {
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #ec6464; }

.x-window-body-red-window {
  border-color: #aeb6be;
  border-width: 1px;
  background: #f8f9f9;
  color: black; }

.x-window-header-red-window {
  font-size: 11px;
  border-color: #e94b4b;
  zoom: 1; }
  .x-window-header-red-window .x-tool .x-tool-close {
    background-color: gray; }
    .x-window-header-red-window .x-tool .x-tool-close:hover {
      background-color: gray; }
  .x-window-header-red-window .x--tool:hover {
    background-color: #e63737; }

.x-window-header-text-red-window {
  color: #363636;
  font-weight: bold;
  line-height: 22px;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  font-size: 11px; }

body.x-nbr .x-window-header-red-window-top-frameInfo {
  font-family: dh-5-5-0-0-1-1-0-1-4-5-0-5; }

.x-window-header-red-window-top {
  padding: 4px 5px 0 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #ec6464; }

body.x-nbr .x-window-header-red-window-right-frameInfo {
  font-family: dh-0-5-5-0-1-1-1-0-5-4-5-0; }

.x-window-header-red-window-right {
  padding: 5px 4px 5px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: #ec6464; }

body.x-nbr .x-window-header-red-window-bottom-frameInfo {
  font-family: dh-0-0-5-5-0-1-1-1-0-5-4-5; }

.x-window-header-red-window-bottom {
  padding: 0 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #ec6464; }

body.x-nbr .x-window-header-red-window-left-frameInfo {
  font-family: dh-5-0-0-5-1-0-1-1-5-0-5-4; }

.x-window-header-red-window-left {
  padding: 5px 0px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-color: #ec6464; }

body.x-nbr .x-window-header-red-window-collapsed-top-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-red-window-collapsed-top {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #ec6464; }

body.x-nbr .x-window-header-red-window-collapsed-right-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-red-window-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #ec6464; }

body.x-nbr .x-window-header-red-window-collapsed-bottom-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-red-window-collapsed-bottom {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #ec6464; }

body.x-nbr .x-window-header-red-window-collapsed-left-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-red-window-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #ec6464; }

.x-window-header-text-container-red-window {
  font-weight: bold;
  line-height: 22px;
  padding-left: 2px;
  color: #363636; }

.x-window-header-icon-red-window.x-window-header-glyph {
  line-height: 16px;
  text-align: center;
  font-size: 20px;
  color: #363636; }

/*
===================== end ui-window ========================
============================================================
*/
/*
==============================================================
===================== start ui-tab ===========================
*/
div.x-panel-red-tab > .x-tab-bar-top .x-tab {
  border-bottom-color: #c75050; }
div.x-panel-red-tab > .x-tab-bar-bottom .x-tab {
  border-top-color: #c75050 !important; }
div.x-panel-red-tab > .x-tab-bar .x-tab-over {
  background-color: #da8a8a; }
div.x-panel-red-tab > .x-tab-bar .x-tab-active {
  background-color: #c75050;
  border-color: #c75050 !important; }
div.x-panel-red-tab > .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #c75050;
  border-color: #c75050; }
div.x-panel-red-tab > .x-tab-bar .x-tab-bar-strip-default {
  background-color: #c75050;
  border-color: #c75050; }
div.x-panel-red-tab .x-tab-bar-top + .x-panel-body-red-tab {
  border-top-color: #c75050 !important; }
div.x-panel-red-tab .x-panel-red-tab {
  border-color: #aeb6be; }
div.x-panel-red-tab .x-panel-header-red-tab {
  font-size: 11px;
  border-color: #aeb6be;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
div.x-panel-red-tab .x-panel-header-text-red-tab {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }
div.x-panel-red-tab .x-panel-body-red-tab {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: black;
  border-width: 1px;
  border-style: solid; }
div.x-panel-red-tab .x-panel-collapsed .x-window-header-red-tab,
div.x-panel-red-tab .x-panel-collapsed .x-panel-header-red-tab {
  border-color: #aeb6be; }
div.x-panel-red-tab .x-panel-header-red-tab-vertical {
  border-color: #aeb6be; }
div.x-panel-red-tab .x-panel-header-red-tab-left,
div.x-panel-red-tab .x-panel-header-red-tab-right {
  background-image: none;
  background-color: #cbd0d5; }
div.x-panel-red-tab .x-panel-header-red-tab-right-tc,
div.x-panel-red-tab .x-panel-header-red-tab-right-mc,
div.x-panel-red-tab .x-panel-header-red-tab-right-bc {
  background-position: right 0; }
div.x-panel-red-tab .x-panel-header-red-tab-bottom-tc,
div.x-panel-red-tab .x-panel-header-red-tab-bottom-mc,
div.x-panel-red-tab .x-panel-header-red-tab-bottom-bc {
  background-position: 0 bottom; }

div.x-panel-red-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
div.x-panel-red-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #ed6d6d !important;
  background-color: #f29191 !important; }

div.x-tabpanel-child .x-panel-red-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
div.x-tabpanel-child .x-panel-red-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #ed6d6d !important;
  background-color: #f29191 !important; }

div.x-tabpanel-child .x-tabpanel-child .x-panel-red-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
div.x-tabpanel-child .x-tabpanel-child .x-panel-red-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #ed6d6d !important;
  background-color: #f29191 !important; }

.x-tab-red-tab .x-tab-inner {
  color: #606060; }

.x-tab-red-tab-over {
  background-color: #da8a8a !important;
  border-bottom-color: #da8a8a !important; }
  .x-tab-red-tab-over .x-tab-inner {
    color: white; }

.x-panel-red-tab .x-tab-red-tab-active {
  background-color: #c75050 !important; }
  .x-panel-red-tab .x-tab-red-tab-active .x-tab-inner {
    color: white; }

.x-tab-red-tab-disabled {
  border-bottom: none !important; }
  .x-tab-red-tab-disabled .x-tab-inner {
    color: #c3b3b3; }

.x-tab-red-tab-top {
  padding-left: 10px;
  padding-right: 13px;
  padding-top: 3px; }

.x-tab-red-tab-bottom {
  padding-left: 10px;
  padding-right: 13px; }
  .x-tab-red-tab-bottom .x-tab-inner {
    padding-top: 3px;
    display: block; }

.x-tab-bar-red-tab-right {
  right: 0px !important;
  left: auto !important;
  z-index: 2; }

.x-tab-red-tab-right {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0px 0px 0px;
  -moz-transform-origin: 0px 0px 0px;
  -ms-transform-origin: 0px 0px 0px;
  -o-transform-origin: 0px 0px 0px;
  transform-origin: 0px 0px 0px;
  border-width: 0px !important; }
  .x-tab-red-tab-right:first-child {
    margin-left: 0 !important; }
  .x-tab-red-tab-right .x-tab-inner {
    line-height: 22px; }

.x-tab-red-tab-right-over {
  background-color: #da8a8a;
  border-bottom: 1px solid red; }

.x-tab-red-tab-right-active {
  background-color: #c75050; }

.x-tab-red-tab-right-disabled {
  background-image: none; }

.x-tab-bar-red-tab-left {
  left: 0px !important;
  right: auto !important;
  z-index: 2; }

.x-tab-red-tab-left {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 100% 0px 0px;
  -moz-transform-origin: 100% 0px 0px;
  -ms-transform-origin: 100% 0px 0px;
  -o-transform-origin: 100% 0px 0px;
  transform-origin: 100% 0px 0px;
  border-width: 0px !important; }
  .x-tab-red-tab-left .x-tab-inner {
    line-height: 22px; }
  .x-tab-red-tab-left:first-child {
    margin-left: 0 !important; }

.x-tab-red-tab-left-over {
  background-color: #da8a8a; }

.x-tab-red-tab-left-active {
  background-color: #c75050; }

.x-tab-red-tab-left-disabled {
  background-image: none; }

.x-tab-bar-strip-red-tab {
  background-color: #c75050; }

.x-tab-red-tab .x-tab-inner {
  font-weight: bold; }

.x-tab-bar-plain .x-tab-bar-body {
  border-width: 0; }

/*
======================= end ui-tab ===========================
==============================================================
*/
/*
==============================================================
================= start ui-tab-active ========================
*/
.x-panel-red-tab-active .x-panel-red-tab-active {
  border-color: #aeb6be; }
.x-panel-red-tab-active .x-panel-header-red-tab-active {
  font-size: 11px;
  border-color: #aeb6be;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
.x-panel-red-tab-active .x-panel-header-text-red-tab-active {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 19px; }
.x-panel-red-tab-active .x-panel-body-red-tab-active {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: black;
  border-width: 1px;
  border-style: solid; }
.x-panel-red-tab-active .x-panel-collapsed .x-window-header-red-tab-active,
.x-panel-red-tab-active .x-panel-collapsed .x-panel-header-red-tab-active {
  border-color: #aeb6be; }
.x-panel-red-tab-active .x-panel-header-red-tab-active-vertical {
  border-color: #aeb6be; }
.x-panel-red-tab-active .x-panel-header-red-tab-active-left,
.x-panel-red-tab-active .x-panel-header-red-tab-active-right {
  background-image: none;
  background-color: #cbd0d5; }
.x-panel-red-tab-active .x-panel-header-red-tab-active-right-tc,
.x-panel-red-tab-active .x-panel-header-red-tab-active-right-mc,
.x-panel-red-tab-active .x-panel-header-red-tab-active-right-bc {
  background-position: right 0; }
.x-panel-red-tab-active .x-panel-header-red-tab-active-bottom-tc,
.x-panel-red-tab-active .x-panel-header-red-tab-active-bottom-mc,
.x-panel-red-tab-active .x-panel-header-red-tab-active-bottom-bc {
  background-position: 0 bottom; }

.x-window-active div.x-panel-red-tab-active > .x-tab-bar-top .x-tab {
  border-bottom-color: #c75050; }
.x-window-active div.x-panel-red-tab-active > .x-tab-bar-bottom .x-tab {
  border-top-color: #c75050 !important;
  border-bottom-color: transparent !important; }
.x-window-active div.x-panel-red-tab-active > .x-tab-bar .x-tab-over {
  background-color: #d37777; }
.x-window-active div.x-panel-red-tab-active > .x-tab-bar-bottom .x-tab-active {
  border-bottom-color: #c75050 !important; }
.x-window-active div.x-panel-red-tab-active > .x-tab-bar .x-tab-active {
  background-color: #c75050;
  border-color: #c75050 !important; }
.x-window-active div.x-panel-red-tab-active > .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #c75050;
  border-color: #c75050; }
.x-window-active div.x-panel-red-tab-active > .x-tab-bar .x-tab-bar-strip-default {
  background-color: #c75050;
  border-color: #c75050; }
.x-window-active div.x-panel-red-tab-active .x-tab-bar-top + .x-panel-body-red-tab-active {
  border-top-color: #c75050 !important; }
.x-window-active div.x-panel-red-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active div.x-panel-red-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #ed6d6d !important;
  background-color: #f29191 !important; }
.x-window-active div.x-tabpanel-child .x-panel-red-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active div.x-tabpanel-child .x-panel-red-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #ed6d6d !important;
  background-color: #f29191 !important; }
.x-window-active div.x-tabpanel-child div.x-tabpanel-child .x-tabpanel-child .x-panel-red-tab-active.x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active div.x-tabpanel-child div.x-tabpanel-child .x-tabpanel-child .x-panel-red-tab-active.x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #ed6d6d !important;
  background-color: #f29191 !important; }

.x-tab-red-tab-active .x-tab-inner {
  color: #606060; }

.x-tab-red-tab-active-over {
  background-color: #afb9c3 !important;
  border-bottom-color: #afb9c3 !important; }
  .x-tab-red-tab-active-over .x-tab-inner {
    color: white; }

.x-panel-red-tab-active .x-tab-red-tab-active-active {
  background-color: #8393a2 !important; }
  .x-panel-red-tab-active .x-tab-red-tab-active-active .x-tab-inner {
    color: white; }

.x-tab-red-tab-active-disabled {
  border-bottom: none !important; }
  .x-tab-red-tab-active-disabled .x-tab-inner {
    color: #c3b3b3; }

.x-tab-red-tab-active-top {
  padding-left: 10px;
  padding-right: 13px;
  padding-top: 3px; }

.x-tab-red-tab-active-bottom {
  padding-left: 10px;
  padding-right: 13px; }
  .x-tab-red-tab-active-bottom .x-tab-inner {
    padding-top: 3px;
    display: block; }

.x-tab-bar-red-tab-active-right {
  right: 0px !important;
  left: auto !important;
  z-index: 2; }

.x-tab-red-tab-active-right {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0px 0px 0px;
  -moz-transform-origin: 0px 0px 0px;
  -ms-transform-origin: 0px 0px 0px;
  -o-transform-origin: 0px 0px 0px;
  transform-origin: 0px 0px 0px;
  border-width: 0px !important; }
  .x-tab-red-tab-active-right:first-child {
    margin-left: 0 !important; }
  .x-tab-red-tab-active-right .x-tab-inner {
    line-height: 22px; }

.x-tab-red-tab-active-right-over {
  background-color: #afb9c3;
  border-bottom: 1px solid red; }

.x-tab-red-tab-active-right-active {
  background-color: #8393a2; }

.x-tab-red-tab-active-right-disabled {
  background-image: none; }

.x-tab-bar-red-tab-active-left {
  left: 0px !important;
  right: auto !important;
  z-index: 2; }

.x-tab-red-tab-active-left {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 100% 0px 0px;
  -moz-transform-origin: 100% 0px 0px;
  -ms-transform-origin: 100% 0px 0px;
  -o-transform-origin: 100% 0px 0px;
  transform-origin: 100% 0px 0px;
  border-width: 0px !important; }
  .x-tab-red-tab-active-left .x-tab-inner {
    line-height: 22px; }
  .x-tab-red-tab-active-left:first-child {
    margin-left: 0 !important; }

.x-tab-red-tab-active-left-over {
  background-color: #afb9c3; }

.x-tab-red-tab-active-left-active {
  background-color: #8393a2; }

.x-tab-red-tab-active-left-disabled {
  background-image: none; }

.x-tab-bar-strip-red-tab-active {
  background-color: #8393a2; }

.x-tab-red-tab-active .x-tab-inner {
  font-weight: bold; }

.x-tab-bar-plain .x-tab-bar-body {
  border-width: 0; }

.x-window-active .x-tab-red-tab-active-over {
  background-color: #da8a8a !important;
  border-bottom-color: #da8a8a !important; }
.x-window-active .x-panel-red-tab-active .x-tab-red-tab-active-active {
  background-color: #c75050 !important; }
.x-window-active .x-tab-red-tab-active-disabled {
  border-bottom: none !important; }
.x-window-active .x-tab-red-tab-active-top {
  padding-left: 10px;
  padding-right: 13px;
  padding-top: 3px; }
.x-window-active .x-tab-red-tab-active-bottom {
  padding-left: 10px;
  padding-right: 13px; }
  .x-window-active .x-tab-red-tab-active-bottom .x-tab-inner {
    padding-top: 3px;
    display: block; }
.x-window-active .x-tab-bar-red-tab-active-right {
  right: 0px !important;
  left: auto !important;
  z-index: 2; }
.x-window-active .x-tab-red-tab-active-right {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0px 0px 0px;
  -moz-transform-origin: 0px 0px 0px;
  -ms-transform-origin: 0px 0px 0px;
  -o-transform-origin: 0px 0px 0px;
  transform-origin: 0px 0px 0px;
  border-width: 0px !important; }
  .x-window-active .x-tab-red-tab-active-right:first-child {
    margin-left: 0 !important; }
  .x-window-active .x-tab-red-tab-active-right .x-tab-inner {
    line-height: 22px; }
.x-window-active .x-tab-red-tab-active-right-over {
  background-color: #da8a8a;
  border-bottom: 1px solid red; }
.x-window-active .x-tab-red-tab-active-right-active {
  background-color: #c75050; }
.x-window-active .x-tab-red-tab-active-right-disabled {
  background-image: none; }
.x-window-active .x-tab-bar-red-tab-active-left {
  left: 0px !important;
  right: auto !important;
  z-index: 2; }
.x-window-active .x-tab-red-tab-active-left {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 100% 0px 0px;
  -moz-transform-origin: 100% 0px 0px;
  -ms-transform-origin: 100% 0px 0px;
  -o-transform-origin: 100% 0px 0px;
  transform-origin: 100% 0px 0px;
  border-width: 0px !important; }
  .x-window-active .x-tab-red-tab-active-left .x-tab-inner {
    line-height: 22px; }
  .x-window-active .x-tab-red-tab-active-left:first-child {
    margin-left: 0 !important; }
.x-window-active .x-tab-red-tab-active-left-over {
  background-color: #da8a8a; }
.x-window-active .x-tab-red-tab-active-left-active {
  background-color: #c75050; }
.x-window-active .x-tab-red-tab-active-left-disabled {
  background-image: none; }
.x-window-active .x-tab-bar-strip-red-tab-active {
  background-color: #c75050; }
.x-window-active .x-tab-red-tab-active .x-tab-inner {
  font-weight: bold; }
.x-window-active .x-tab-bar-plain .x-tab-bar-body {
  border-width: 0; }

/*
=================== end ui-tab-active ========================
==============================================================
*/