/**
 * W3C suggested default style sheet for HTML 4:
 * [http://www.w3.org/TR/CSS21/sample.html](http://www.w3.org/TR/CSS21/sample.html)
 *
 * @member Global_CSS
 */
.x-panel-header-text-container-default {
  line-height: 21px;
  font-weight: 600;
  color: #535353; }
  .x-panel-header-text-container-default .x-panel-header-text {
    text-shadow: rgba(255, 255, 255, 0.9) 1px 1px; }

.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 50%;
  -moz-transform-origin: 0 0 0 50%;
  -ms-transform-origin: 0 0 0 50%;
  -o-transform-origin: 0 0 0 50%;
  transform-origin: 0 0 0 50%;
  transform: rotate(90deg);
  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 {
  line-height: 21px;
  font-weight: 600;
  color: #535353; }
  .x-panel-header-text-container-default-framed .x-panel-header-text {
    text-shadow: rgba(255, 255, 255, 0.9) 1px 1px; }

.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 50%;
  -moz-transform-origin: 0 0 0 50%;
  -ms-transform-origin: 0 0 0 50%;
  -o-transform-origin: 0 0 0 50%;
  transform-origin: 0 0 0 50%;
  transform: rotate(90deg);
  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-panel-black-panel {
  border-color: #8a8a8a; }

.x-panel-header-black-panel {
  font-size: 14px;
  border-color: #544e4e;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #615a5a;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #665f5f), color-stop(100%, #5e5858));
  background-image: -webkit-linear-gradient(top, #665f5f, #5e5858);
  background-image: -moz-linear-gradient(top, #665f5f, #5e5858);
  background-image: -o-linear-gradient(top, #665f5f, #5e5858);
  background-image: linear-gradient(top, #665f5f, #5e5858); }

.x-panel-header-text-black-panel {
  color: white;
  font-size: 14px;
  font-weight: 600;
  font-family: "Segoe UI", "Lucida Grande", tahoma, arial, verdana, sans-serif;
  line-height: 21px; }

.x-panel-body-black-panel {
  background: #e8e8e8;
  border-color: #8a8a8a;
  color: #1a1a1a;
  border-width: 1px;
  border-style: solid; }

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

.x-panel-header-black-panel-vertical {
  border-color: #544e4e; }

.x-panel-header-black-panel-left,
.x-panel-header-black-panel-right {
  background-image: none;
  background-color: #615a5a;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #665f5f), color-stop(100%, #5e5858));
  background-image: -webkit-linear-gradient(right, #665f5f, #5e5858);
  background-image: -moz-linear-gradient(right, #665f5f, #5e5858);
  background-image: -o-linear-gradient(right, #665f5f, #5e5858);
  background-image: linear-gradient(right, #665f5f, #5e5858); }

.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 {
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset; }

.x-panel-header-text-black-panel {
  text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-panel-body-black-panel {
  -webkit-box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset; }

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

.x-panel-header-black-panel .x-tool img {
  background-image: url('../../themes/images/basic-light/tools/tool-sprites-white.png'); }

.x-accordion-item .x-panel-header-black-panel {
  background-color: #615a5a !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #665f5f), color-stop(100%, #5e5858)) !important;
  background-image: -webkit-linear-gradient(top, #665f5f, #5e5858) !important;
  background-image: -moz-linear-gradient(top, #665f5f, #5e5858) !important;
  background-image: -o-linear-gradient(top, #665f5f, #5e5858) !important;
  background-image: linear-gradient(top, #665f5f, #5e5858) !important;
  border-top-width: 0px !important;
  border-bottom-color: #544e4e !important; }
  .x-accordion-item .x-panel-header-black-panel .x-panel-header-text {
    color: white; }
  .x-accordion-item .x-panel-header-black-panel:hover {
    cursor: pointer; }

.x-accordion-hd-sibling-expanded.x-panel-header-black-panel {
  border-top: 1px solid #544e4e !important; }

.x-panel-black-panel.x-grid .x-grid-row-selected .x-grid-cell, .x-panel-black-panel.x-grid .x-grid-row-selected .x-grid-rowwrap-div {
  border-top-color: #7e7575 !important;
  border-right-color: #7e7575 !important;
  background-color: #887f7f !important; }
.x-panel-black-panel.x-grid .x-grid-row-selected + .x-grid-row .x-grid-cell, .x-panel-black-panel.x-grid .x-grid-row-selected + .x-grid-row .x-grid-rowwrap-div {
  border-top-color: #7e7575 !important; }
.x-panel-black-panel.x-grid .x-grid-row-selected .x-grid-cell-inner {
  color: white; }
.x-panel-black-panel.x-grid .x-grid-row-selected .x-grid-rowbody {
  color: white; }

.x-panel-header-text-container-black-panel {
  line-height: 21px;
  font-weight: 600;
  color: white; }
  .x-panel-header-text-container-black-panel .x-panel-header-text {
    text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.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 50%;
  -moz-transform-origin: 0 0 0 50%;
  -ms-transform-origin: 0 0 0 50%;
  -o-transform-origin: 0 0 0 50%;
  transform-origin: 0 0 0 50%;
  transform: rotate(90deg);
  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; }

.x-panel-black-panel-framed {
  border-color: #8a8a8a; }

.x-panel-header-black-panel-framed {
  font-size: 14px;
  border-color: #544e4e;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #615a5a;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #665f5f), color-stop(100%, #5e5858));
  background-image: -webkit-linear-gradient(top, #665f5f, #5e5858);
  background-image: -moz-linear-gradient(top, #665f5f, #5e5858);
  background-image: -o-linear-gradient(top, #665f5f, #5e5858);
  background-image: linear-gradient(top, #665f5f, #5e5858); }

.x-panel-header-text-black-panel-framed {
  color: white;
  font-size: 14px;
  font-weight: 600;
  font-family: "Segoe UI", "Lucida Grande", tahoma, arial, verdana, sans-serif;
  line-height: 21px; }

.x-panel-body-black-panel-framed {
  background: #e8e8e8;
  border-color: #8a8a8a;
  color: #1a1a1a;
  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: #544e4e; }

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

.x-panel-header-black-panel-framed-left,
.x-panel-header-black-panel-framed-right {
  background-image: none;
  background-color: #615a5a;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #665f5f), color-stop(100%, #5e5858));
  background-image: -webkit-linear-gradient(right, #665f5f, #5e5858);
  background-image: -moz-linear-gradient(right, #665f5f, #5e5858);
  background-image: -o-linear-gradient(right, #665f5f, #5e5858);
  background-image: linear-gradient(right, #665f5f, #5e5858); }

.x-panel-black-panel-framed {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #e8e8e8; }

.x-panel-header-black-panel-framed-top {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 3px 5px 4px 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-image: none;
  background-color: #615a5a;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #665f5f), color-stop(100%, #5e5858));
  background-image: -webkit-linear-gradient(top, #665f5f, #5e5858);
  background-image: -moz-linear-gradient(top, #665f5f, #5e5858);
  background-image: -o-linear-gradient(top, #665f5f, #5e5858);
  background-image: linear-gradient(top, #665f5f, #5e5858); }

.x-panel-header-black-panel-framed-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 5px 4px 5px 4px;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-image: none;
  background-color: #615a5a;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #665f5f), color-stop(100%, #5e5858));
  background-image: -webkit-linear-gradient(right, #665f5f, #5e5858);
  background-image: -moz-linear-gradient(right, #665f5f, #5e5858);
  background-image: -o-linear-gradient(right, #665f5f, #5e5858);
  background-image: linear-gradient(right, #665f5f, #5e5858); }

.x-panel-header-black-panel-framed-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 3px 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-image: none;
  background-color: #615a5a;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #665f5f), color-stop(100%, #5e5858));
  background-image: -webkit-linear-gradient(top, #665f5f, #5e5858);
  background-image: -moz-linear-gradient(top, #665f5f, #5e5858);
  background-image: -o-linear-gradient(top, #665f5f, #5e5858);
  background-image: linear-gradient(top, #665f5f, #5e5858); }

.x-panel-header-black-panel-framed-left {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 5px 4px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-image: none;
  background-color: #615a5a;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #665f5f), color-stop(100%, #5e5858));
  background-image: -webkit-linear-gradient(right, #665f5f, #5e5858);
  background-image: -moz-linear-gradient(right, #665f5f, #5e5858);
  background-image: -o-linear-gradient(right, #665f5f, #5e5858);
  background-image: linear-gradient(right, #665f5f, #5e5858); }

.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; }

.x-panel-header-black-panel-framed-collapsed {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px; }

.x-panel-header-black-panel-framed-collapsed-top {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 3px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #615a5a;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #665f5f), color-stop(100%, #5e5858));
  background-image: -webkit-linear-gradient(top, #665f5f, #5e5858);
  background-image: -moz-linear-gradient(top, #665f5f, #5e5858);
  background-image: -o-linear-gradient(top, #665f5f, #5e5858);
  background-image: linear-gradient(top, #665f5f, #5e5858); }

.x-panel-header-black-panel-framed-collapsed-right {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #615a5a;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #665f5f), color-stop(100%, #5e5858));
  background-image: -webkit-linear-gradient(right, #665f5f, #5e5858);
  background-image: -moz-linear-gradient(right, #665f5f, #5e5858);
  background-image: -o-linear-gradient(right, #665f5f, #5e5858);
  background-image: linear-gradient(right, #665f5f, #5e5858); }

.x-panel-header-black-panel-framed-collapsed-bottom {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 3px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #615a5a;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #665f5f), color-stop(100%, #5e5858));
  background-image: -webkit-linear-gradient(top, #665f5f, #5e5858);
  background-image: -moz-linear-gradient(top, #665f5f, #5e5858);
  background-image: -o-linear-gradient(top, #665f5f, #5e5858);
  background-image: linear-gradient(top, #665f5f, #5e5858); }

.x-panel-header-black-panel-framed-collapsed-left {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #615a5a;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #665f5f), color-stop(100%, #5e5858));
  background-image: -webkit-linear-gradient(right, #665f5f, #5e5858);
  background-image: -moz-linear-gradient(right, #665f5f, #5e5858);
  background-image: -o-linear-gradient(right, #665f5f, #5e5858);
  background-image: linear-gradient(right, #665f5f, #5e5858); }

.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-header-black-panel-framed {
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset, rgba(255, 255, 255, 0.4) 0 1px;
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset, rgba(255, 255, 255, 0.4) 0 1px;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset, rgba(255, 255, 255, 0.4) 0 1px; }

.x-panel-header-text-black-panel-framed {
  text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-panel-black-panel-framed {
  border-top-color: #544e4e !important; }

.x-panel-header-black-panel-framed .x-tool img {
  background-image: url('../../themes/images/basic-light/tools/tool-sprites-white.png'); }

.x-panel-black-panel-framed.x-grid .x-grid-row-selected .x-grid-cell, .x-panel-black-panel-framed.x-grid .x-grid-row-selected .x-grid-rowwrap-div {
  border-top-color: #7e7575 !important;
  border-right-color: #7e7575 !important;
  background-color: #887f7f !important; }
.x-panel-black-panel-framed.x-grid .x-grid-row-selected + .x-grid-row .x-grid-cell, .x-panel-black-panel-framed.x-grid .x-grid-row-selected + .x-grid-row .x-grid-rowwrap-div {
  border-top-color: #7e7575 !important; }
.x-panel-black-panel-framed.x-grid .x-grid-row-selected .x-grid-cell-inner {
  color: white; }

.x-panel-header-text-container-black-panel-framed {
  line-height: 21px;
  font-weight: 600;
  color: white; }
  .x-panel-header-text-container-black-panel-framed .x-panel-header-text {
    text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.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 50%;
  -moz-transform-origin: 0 0 0 50%;
  -ms-transform-origin: 0 0 0 50%;
  -o-transform-origin: 0 0 0 50%;
  transform-origin: 0 0 0 50%;
  transform: rotate(90deg);
  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; }

.x-toolbar-black-toolbar {
  border-color: #8a8a8a;
  background-image: none;
  background-color: #e8e8e8;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(100%, #e6e6e6));
  background-image: -webkit-linear-gradient(top, #ededed, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ededed, #e6e6e6);
  background-image: -o-linear-gradient(top, #ededed, #e6e6e6);
  background-image: linear-gradient(top, #ededed, #e6e6e6); }

.x-toolbar-black-toolbar {
  -webkit-box-shadow: rgba(255, 255, 255, 0.8) 0 1px inset, rgba(255, 255, 255, 0.4) 1px 0 inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.8) 0 1px inset, rgba(255, 255, 255, 0.4) 1px 0 inset;
  box-shadow: rgba(255, 255, 255, 0.8) 0 1px inset, rgba(255, 255, 255, 0.4) 1px 0 inset; }
  .x-toolbar-black-toolbar .x-btn-default-toolbar-small-pressed,
  .x-toolbar-black-toolbar .x-btn-default-toolbar-small-menu-active {
    background-color: #615a5a;
    border-color: #393535;
    background-image: none;
    background-color: #615a5a;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #514b4b), color-stop(20%, #615a5a), color-stop(75%, #615a5a), color-stop(100%, #514b4b));
    background-image: -webkit-linear-gradient(top, #514b4b, #615a5a 20%, #615a5a 75%, #514b4b);
    background-image: -moz-linear-gradient(top, #514b4b, #615a5a 20%, #615a5a 75%, #514b4b);
    background-image: -o-linear-gradient(top, #514b4b, #615a5a 20%, #615a5a 75%, #514b4b);
    background-image: linear-gradient(top, #514b4b, #615a5a 20%, #615a5a 75%, #514b4b); }
  .x-toolbar-black-toolbar .x-btn-default-toolbar-medium-pressed,
  .x-toolbar-black-toolbar .x-btn-default-toolbar-medium-menu-active {
    background-color: #615a5a;
    border-color: #393535;
    background-image: none;
    background-color: #615a5a;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #514b4b), color-stop(20%, #615a5a), color-stop(75%, #615a5a), color-stop(100%, #514b4b));
    background-image: -webkit-linear-gradient(top, #514b4b, #615a5a 20%, #615a5a 75%, #514b4b);
    background-image: -moz-linear-gradient(top, #514b4b, #615a5a 20%, #615a5a 75%, #514b4b);
    background-image: -o-linear-gradient(top, #514b4b, #615a5a 20%, #615a5a 75%, #514b4b);
    background-image: linear-gradient(top, #514b4b, #615a5a 20%, #615a5a 75%, #514b4b); }
  .x-toolbar-black-toolbar .x-btn-default-toolbar-large-pressed,
  .x-toolbar-black-toolbar .x-btn-default-toolbar-lerge-menu-active {
    background-color: #615a5a;
    border-color: #393535;
    background-image: none;
    background-color: #615a5a;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #514b4b), color-stop(20%, #615a5a), color-stop(75%, #615a5a), color-stop(100%, #514b4b));
    background-image: -webkit-linear-gradient(top, #514b4b, #615a5a 20%, #615a5a 75%, #514b4b);
    background-image: -moz-linear-gradient(top, #514b4b, #615a5a 20%, #615a5a 75%, #514b4b);
    background-image: -o-linear-gradient(top, #514b4b, #615a5a 20%, #615a5a 75%, #514b4b);
    background-image: linear-gradient(top, #514b4b, #615a5a 20%, #615a5a 75%, #514b4b); }

.x-panel-black-tab {
  border-color: #8a8a8a; }

.x-panel-header-black-tab {
  font-size: 14px;
  border-color: #544e4e;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #615a5a;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #665f5f), color-stop(100%, #5e5858));
  background-image: -webkit-linear-gradient(top, #665f5f, #5e5858);
  background-image: -moz-linear-gradient(top, #665f5f, #5e5858);
  background-image: -o-linear-gradient(top, #665f5f, #5e5858);
  background-image: linear-gradient(top, #665f5f, #5e5858); }

.x-panel-header-text-black-tab {
  color: white;
  font-size: 14px;
  font-weight: 600;
  font-family: "Segoe UI", "Lucida Grande", tahoma, arial, verdana, sans-serif;
  line-height: 21px; }

.x-panel-body-black-tab {
  background: #e8e8e8;
  border-color: #8a8a8a;
  color: #1a1a1a;
  border-width: 1px;
  border-style: solid; }

.x-panel-collapsed .x-window-header-black-tab,
.x-panel-collapsed .x-panel-header-black-tab {
  border-color: #544e4e; }

.x-panel-header-black-tab-vertical {
  border-color: #544e4e; }

.x-panel-header-black-tab-left,
.x-panel-header-black-tab-right {
  background-image: none;
  background-color: #615a5a;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #665f5f), color-stop(100%, #5e5858));
  background-image: -webkit-linear-gradient(right, #665f5f, #5e5858);
  background-image: -moz-linear-gradient(right, #665f5f, #5e5858);
  background-image: -o-linear-gradient(right, #665f5f, #5e5858);
  background-image: linear-gradient(right, #665f5f, #5e5858); }

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

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

.x-panel-header-black-tab {
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset; }

.x-panel-header-text-black-tab {
  text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-panel-body-black-tab {
  -webkit-box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset; }

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

.x-panel-header-black-tab .x-tool img {
  background-image: url('../../themes/images/basic-light/tools/tool-sprites-white.png'); }

.x-panel-black-tab > .x-tab-bar {
  background-color: #544e4e;
  background-image: none;
  -webkit-box-shadow: #343030 0 1px inset;
  -moz-box-shadow: #343030 0 1px inset;
  box-shadow: #343030 0 1px inset; }
  .x-panel-black-tab > .x-tab-bar .x-tab-bar-body {
    border-right-color: #393535; }
  .x-panel-black-tab > .x-tab-bar.x-tab-bar-default-plain {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .x-panel-black-tab > .x-tab-bar .x-tab-default-top {
    background-color: #544e4e;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #595353), color-stop(100%, #4e4949));
    background-image: -webkit-linear-gradient(top, #595353, #4e4949);
    background-image: -moz-linear-gradient(top, #595353, #4e4949);
    background-image: -o-linear-gradient(top, #595353, #4e4949);
    background-image: linear-gradient(top, #595353, #4e4949);
    border-color: #393535;
    -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 1px inset, #332f2f 0 -1px inset;
    -moz-box-shadow: rgba(255, 255, 255, 0.2) 0 1px inset, #332f2f 0 -1px inset;
    box-shadow: rgba(255, 255, 255, 0.2) 0 1px inset, #332f2f 0 -1px inset; }
    .x-panel-black-tab > .x-tab-bar .x-tab-default-top .x-tab-inner {
      color: white;
      text-shadow: none; }
    .x-panel-black-tab > .x-tab-bar .x-tab-default-top.x-tab-over {
      background-color: #6c6464;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6c6464), color-stop(100%, #544e4e));
      background-image: -webkit-linear-gradient(top, #6c6464, #544e4e);
      background-image: -moz-linear-gradient(top, #6c6464, #544e4e);
      background-image: -o-linear-gradient(top, #6c6464, #544e4e);
      background-image: linear-gradient(top, #6c6464, #544e4e); }
    .x-panel-black-tab > .x-tab-bar .x-tab-default-top.x-tab-active {
      background-color: #e8e8e8;
      border-top-color: #393535;
      -webkit-box-shadow: rgba(255, 255, 255, 0.9) 0 1px inset;
      -moz-box-shadow: rgba(255, 255, 255, 0.9) 0 1px inset;
      box-shadow: rgba(255, 255, 255, 0.9) 0 1px inset;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #ebebeb));
      background-image: -webkit-linear-gradient(top, #f0f0f0, #ebebeb);
      background-image: -moz-linear-gradient(top, #f0f0f0, #ebebeb);
      background-image: -o-linear-gradient(top, #f0f0f0, #ebebeb);
      background-image: linear-gradient(top, #f0f0f0, #ebebeb); }
      .x-panel-black-tab > .x-tab-bar .x-tab-default-top.x-tab-active .x-tab-inner {
        color: #535353;
        text-shadow: rgba(255, 255, 255, 0.8) 1px 1px; }
  .x-panel-black-tab > .x-tab-bar .x-tab-bar-strip-default-top {
    border-top-color: #393535; }
  .x-panel-black-tab > .x-tab-bar .x-tab-close-btn {
    background-image: url('../../themes/images/basic-light/tab/tab-white-close.gif'); }
  .x-panel-black-tab > .x-tab-bar .x-tab-active .x-tab-close-btn {
    background-image: url('../../themes/images/basic-light/tab/tab-default-close.gif'); }
  .x-panel-black-tab > .x-tab-bar .x-tab-black-tab-top {
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-color: #393535; }
  .x-panel-black-tab > .x-tab-bar .x-tab-black-tab {
    padding: 0 15px 0 8px;
    background-color: #544e4e;
    -webkit-box-shadow: #393535 0 -1px inset;
    -moz-box-shadow: #393535 0 -1px inset;
    box-shadow: #393535 0 -1px inset;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #595353), color-stop(100%, #4e4949));
    background-image: -webkit-linear-gradient(top, #595353, #4e4949);
    background-image: -moz-linear-gradient(top, #595353, #4e4949);
    background-image: -o-linear-gradient(top, #595353, #4e4949);
    background-image: linear-gradient(top, #595353, #4e4949); }
    .x-panel-black-tab > .x-tab-bar .x-tab-black-tab .x-tab-inner {
      color: white;
      font-weight: 600;
      line-height: 24px;
      text-shadow: none; }
  .x-panel-black-tab > .x-tab-bar .x-tab-black-tab-over {
    background-color: #6c6464;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6c6464), color-stop(100%, #544e4e));
    background-image: -webkit-linear-gradient(top, #6c6464, #544e4e);
    background-image: -moz-linear-gradient(top, #6c6464, #544e4e);
    background-image: -o-linear-gradient(top, #6c6464, #544e4e);
    background-image: linear-gradient(top, #6c6464, #544e4e); }
  .x-panel-black-tab > .x-tab-bar .x-tab-black-tab-active {
    -webkit-box-shadow: white 1px 0 inset;
    -moz-box-shadow: white 1px 0 inset;
    box-shadow: white 1px 0 inset;
    background-color: #e8e8e8;
    background-image: none; }
    .x-panel-black-tab > .x-tab-bar .x-tab-black-tab-active .x-tab-inner {
      color: #535353;
      text-shadow: white 1px 1px; }
  .x-panel-black-tab > .x-tab-bar .x-tab-black-tab-disabled {
    background-color: #494949;
    background-image: none; }
    .x-panel-black-tab > .x-tab-bar .x-tab-black-tab-disabled .x-tab-inner {
      color: #cccccc; }
  .x-panel-black-tab > .x-tab-bar .x-tab-bar-plain .x-tab:first-child {
    border-left: 1px solid #8a8a8a !important; }
  .x-panel-black-tab > .x-tab-bar .x-tab-bar-strip-black-tab {
    background-color: #e8e8e8;
    border-style: solid;
    border-left-color: #8a8a8a;
    border-right-color: #8a8a8a; }
  .x-panel-black-tab > .x-tab-bar .x-tab-bar-strip-black-tab-top {
    border-top-color: #393535; }
  .x-panel-black-tab > .x-tab-bar .x-tab-bar-strip-black-tab-right {
    border-right: none !important; }
  .x-panel-black-tab > .x-tab-bar .x-tab-bar-strip-black-tab-left {
    border-left: none !important; }
  .x-panel-black-tab > .x-tab-bar .x-tab-bar-body-black-tab-bottom > .x-box-inner {
    -webkit-box-shadow: #8a8a8a 0 1px inset;
    -moz-box-shadow: #8a8a8a 0 1px inset;
    box-shadow: #8a8a8a 0 1px inset; }
  .x-panel-black-tab > .x-tab-bar .x-tab-bar-body-black-tab-right > .x-box-inner {
    -webkit-box-shadow: #8a8a8a 1px 0 inset;
    -moz-box-shadow: #8a8a8a 1px 0 inset;
    box-shadow: #8a8a8a 1px 0 inset; }
  .x-panel-black-tab > .x-tab-bar .x-tab-bar-body-black-tab-left > .x-box-inner {
    -webkit-box-shadow: #8a8a8a -1px 0 inset;
    -moz-box-shadow: #8a8a8a -1px 0 inset;
    box-shadow: #8a8a8a -1px 0 inset; }
  .x-panel-black-tab > .x-tab-bar .x-tab-bar-black-tab-right {
    right: 0px !important;
    left: auto !important;
    z-index: 2; }
  .x-panel-black-tab > .x-tab-bar .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-right: 1px solid #393535; }
    .x-panel-black-tab > .x-tab-bar .x-tab-black-tab-right .x-tab-inner {
      line-height: 24px; }
  .x-panel-black-tab > .x-tab-bar .x-tab-black-tab-right-over {
    background-color: #6c6464; }
  .x-panel-black-tab > .x-tab-bar .x-tab-black-tab-right-active {
    background-color: #e8e8e8; }
  .x-panel-black-tab > .x-tab-bar .x-tab-black-tab-right-disabled {
    background-color: #494949;
    background-image: none; }
    .x-panel-black-tab > .x-tab-bar .x-tab-black-tab-right-disabled .x-tab-inner {
      color: #6f6f6f; }
  .x-panel-black-tab > .x-tab-bar .x-tab-bar-black-tab-left {
    left: 0px !important;
    right: auto !important;
    z-index: 2; }
  .x-panel-black-tab > .x-tab-bar .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-left: 1px solid #393535 !important; }
    .x-panel-black-tab > .x-tab-bar .x-tab-black-tab-left .x-tab-inner {
      line-height: 24px; }
  .x-panel-black-tab > .x-tab-bar .x-tab-black-tab-left-over {
    background-color: #6c6464; }
  .x-panel-black-tab > .x-tab-bar .x-tab-black-tab-left-active {
    background-color: #e8e8e8; }
  .x-panel-black-tab > .x-tab-bar .x-tab-black-tab-left-disabled {
    background-color: #494949;
    background-image: none; }
    .x-panel-black-tab > .x-tab-bar .x-tab-black-tab-left-disabled .x-tab-inner {
      color: #6f6f6f; }

.x-panel-body-black-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected .x-grid-cell, .x-panel-body-black-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected .x-grid-rowwrap-div {
  border-top-color: #7e7575 !important;
  border-right-color: #7e7575 !important;
  background-color: #887f7f !important; }
.x-panel-body-black-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected + .x-grid-row .x-grid-cell, .x-panel-body-black-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected + .x-grid-row .x-grid-rowwrap-div {
  border-top-color: #7e7575 !important; }
.x-panel-body-black-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected .x-grid-cell-inner {
  color: white; }
.x-panel-body-black-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected .x-grid-rowbody {
  color: white; }

.x-btn-black-button-small {
  border-color: #302d2d; }

.x-btn-black-button-small {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #5a5454;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #605959), color-stop(100%, #554f4f));
  background-image: -webkit-linear-gradient(top, #605959, #554f4f);
  background-image: -moz-linear-gradient(top, #605959, #554f4f);
  background-image: -o-linear-gradient(top, #605959, #554f4f);
  background-image: linear-gradient(top, #605959, #554f4f); }

.x-btn-black-button-small .x-btn-inner {
  font-size: 13px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #232020;
  background-image: none;
  background-color: #524d4d; }

.x-btn-black-button-small-focus {
  border-color: #232020;
  background-image: none;
  background-color: #524d4d; }

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

.x-btn-black-button-small-disabled {
  border-color: #4b4545;
  background-image: none;
  background-color: #756c6c; }

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

.x-btn-black-button-medium {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #5a5454;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #605959), color-stop(100%, #554f4f));
  background-image: -webkit-linear-gradient(top, #605959, #554f4f);
  background-image: -moz-linear-gradient(top, #605959, #554f4f);
  background-image: -o-linear-gradient(top, #605959, #554f4f);
  background-image: linear-gradient(top, #605959, #554f4f); }

.x-btn-black-button-medium .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #232020;
  background-image: none;
  background-color: #524d4d; }

.x-btn-black-button-medium-focus {
  border-color: #232020;
  background-image: none;
  background-color: #524d4d; }

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

.x-btn-black-button-medium-disabled {
  border-color: #4b4545;
  background-image: none;
  background-color: #756c6c; }

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

.x-btn-black-button-large {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #5a5454;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #605959), color-stop(100%, #554f4f));
  background-image: -webkit-linear-gradient(top, #605959, #554f4f);
  background-image: -moz-linear-gradient(top, #605959, #554f4f);
  background-image: -o-linear-gradient(top, #605959, #554f4f);
  background-image: linear-gradient(top, #605959, #554f4f); }

.x-btn-black-button-large .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #232020;
  background-image: none;
  background-color: #524d4d; }

.x-btn-black-button-large-focus {
  border-color: #232020;
  background-image: none;
  background-color: #524d4d; }

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

.x-btn-black-button-large-disabled {
  border-color: #4b4545;
  background-image: none;
  background-color: #756c6c; }

.x-btn-black-button-small {
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset; }

.x-btn-black-button-medium {
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset; }

.x-btn-black-button-large {
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset; }

.x-btn-black-button-small-pressed {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.x-btn-black-button-medium-pressed {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.x-btn-black-button-large-pressed {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.x-btn-black-button-small {
  border-bottom-color: #242222; }

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

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

.x-btn-black-button-small-disabled {
  border-bottom-color: #4b4545; }

.x-btn-black-button-medium-disabled {
  border-bottom-color: #4b4545; }

.x-btn-black-button-large-disabled {
  border-bottom-color: #4b4545; }

.x-btn-black-button-small {
  padding: 4px; }

.x-btn-black-button-medium {
  padding: 4px; }

.x-btn-black-button-large {
  padding: 4px; }

.x-btn-black-button-small-icon .x-btn-icon-el {
  width: 16px;
  height: 16px; }

.x-btn-black-button-medium-icon .x-btn-icon-el {
  width: 24px;
  height: 24px; }

.x-btn-black-button-large-icon .x-btn-icon-el {
  width: 32px;
  height: 32px; }

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

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

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

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

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

.x-btn-black-button-large-icon-text-right .x-btn-icon-el {
  width: 32px;
  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; }

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

.x-btn-black-button-toolbar-small {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  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: 13px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #332f2f;
  background-image: none;
  background-color: #595353;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5d5656), color-stop(20%, #5e5858), color-stop(100%, #544e4e));
  background-image: -webkit-linear-gradient(top, #5d5656, #5e5858 20%, #544e4e);
  background-image: -moz-linear-gradient(top, #5d5656, #5e5858 20%, #544e4e);
  background-image: -o-linear-gradient(top, #5d5656, #5e5858 20%, #544e4e);
  background-image: linear-gradient(top, #5d5656, #5e5858 20%, #544e4e); }
  .x-btn-black-button-toolbar-small-over .x-btn-inner {
    color: white; }

.x-btn-black-button-toolbar-small-focus {
  border-color: #332f2f;
  background-image: none;
  background-color: #524d4d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5d5656), color-stop(20%, #5e5858), color-stop(100%, #544e4e));
  background-image: -webkit-linear-gradient(top, #5d5656, #5e5858 20%, #544e4e);
  background-image: -moz-linear-gradient(top, #5d5656, #5e5858 20%, #544e4e);
  background-image: -o-linear-gradient(top, #5d5656, #5e5858 20%, #544e4e);
  background-image: linear-gradient(top, #5d5656, #5e5858 20%, #544e4e); }
  .x-btn-black-button-toolbar-small-focus .x-btn-inner {
    color: white; }

.x-btn-black-button-toolbar-small-menu-active,
.x-btn-black-button-toolbar-small-pressed {
  border-color: #1f1d1d;
  background-image: none;
  background-color: #474141;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #413d3d), color-stop(100%, #514b4b));
  background-image: -webkit-linear-gradient(top, #413d3d, #514b4b);
  background-image: -moz-linear-gradient(top, #413d3d, #514b4b);
  background-image: -o-linear-gradient(top, #413d3d, #514b4b);
  background-image: linear-gradient(top, #413d3d, #514b4b); }
  .x-btn-black-button-toolbar-small-menu-active .x-btn-inner,
  .x-btn-black-button-toolbar-small-pressed .x-btn-inner {
    color: white; }

.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; }

.x-btn-black-button-toolbar-medium {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-black-button-toolbar-medium .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #332f2f;
  background-image: none;
  background-color: #595353;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5d5656), color-stop(20%, #5e5858), color-stop(100%, #544e4e));
  background-image: -webkit-linear-gradient(top, #5d5656, #5e5858 20%, #544e4e);
  background-image: -moz-linear-gradient(top, #5d5656, #5e5858 20%, #544e4e);
  background-image: -o-linear-gradient(top, #5d5656, #5e5858 20%, #544e4e);
  background-image: linear-gradient(top, #5d5656, #5e5858 20%, #544e4e); }
  .x-btn-black-button-toolbar-medium-over .x-btn-inner {
    color: white; }

.x-btn-black-button-toolbar-medium-focus {
  border-color: #332f2f;
  background-image: none;
  background-color: #524d4d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5d5656), color-stop(20%, #5e5858), color-stop(100%, #544e4e));
  background-image: -webkit-linear-gradient(top, #5d5656, #5e5858 20%, #544e4e);
  background-image: -moz-linear-gradient(top, #5d5656, #5e5858 20%, #544e4e);
  background-image: -o-linear-gradient(top, #5d5656, #5e5858 20%, #544e4e);
  background-image: linear-gradient(top, #5d5656, #5e5858 20%, #544e4e); }
  .x-btn-black-button-toolbar-medium-focus .x-btn-inner {
    color: white; }

.x-btn-black-button-toolbar-medium-menu-active,
.x-btn-black-button-toolbar-medium-pressed {
  border-color: #1f1d1d;
  background-image: none;
  background-color: #474141;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #413d3d), color-stop(100%, #514b4b));
  background-image: -webkit-linear-gradient(top, #413d3d, #514b4b);
  background-image: -moz-linear-gradient(top, #413d3d, #514b4b);
  background-image: -o-linear-gradient(top, #413d3d, #514b4b);
  background-image: linear-gradient(top, #413d3d, #514b4b); }
  .x-btn-black-button-toolbar-medium-menu-active .x-btn-inner,
  .x-btn-black-button-toolbar-medium-pressed .x-btn-inner {
    color: white; }

.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; }

.x-btn-black-button-toolbar-large {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-black-button-toolbar-large .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #332f2f;
  background-image: none;
  background-color: #595353;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5d5656), color-stop(20%, #5e5858), color-stop(100%, #544e4e));
  background-image: -webkit-linear-gradient(top, #5d5656, #5e5858 20%, #544e4e);
  background-image: -moz-linear-gradient(top, #5d5656, #5e5858 20%, #544e4e);
  background-image: -o-linear-gradient(top, #5d5656, #5e5858 20%, #544e4e);
  background-image: linear-gradient(top, #5d5656, #5e5858 20%, #544e4e); }
  .x-btn-black-button-toolbar-large-over .x-btn-inner {
    color: white; }

.x-btn-black-button-toolbar-large-focus {
  border-color: #332f2f;
  background-image: none;
  background-color: #524d4d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5d5656), color-stop(20%, #5e5858), color-stop(100%, #544e4e));
  background-image: -webkit-linear-gradient(top, #5d5656, #5e5858 20%, #544e4e);
  background-image: -moz-linear-gradient(top, #5d5656, #5e5858 20%, #544e4e);
  background-image: -o-linear-gradient(top, #5d5656, #5e5858 20%, #544e4e);
  background-image: linear-gradient(top, #5d5656, #5e5858 20%, #544e4e); }
  .x-btn-black-button-toolbar-large-focus .x-btn-inner {
    color: white; }

.x-btn-black-button-toolbar-large-menu-active,
.x-btn-black-button-toolbar-large-pressed {
  border-color: #1f1d1d;
  background-image: none;
  background-color: #474141;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #413d3d), color-stop(100%, #514b4b));
  background-image: -webkit-linear-gradient(top, #413d3d, #514b4b);
  background-image: -moz-linear-gradient(top, #413d3d, #514b4b);
  background-image: -o-linear-gradient(top, #413d3d, #514b4b);
  background-image: linear-gradient(top, #413d3d, #514b4b); }
  .x-btn-black-button-toolbar-large-menu-active .x-btn-inner,
  .x-btn-black-button-toolbar-large-pressed .x-btn-inner {
    color: white; }

.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; }

/*
@include btn-highlight($ui-label:'black-button-toolbar',
	$btn-ui-shadow-over:'rgba(255, 255, 255, 0.1) 0 1px inset',
	$btn-ui-shadow-pressed:'none');
*/
.x-btn-black-button-toolbar-small-over {
  border-bottom-color: #1c1a1a; }

.x-btn-black-button-toolbar-medium-over {
  border-bottom-color: #1c1a1a; }

.x-btn-black-button-toolbar-large-over {
  border-bottom-color: #1c1a1a; }

.x-btn-black-button-toolbar-small-disabled {
  border-bottom-color: #4b4545; }

.x-btn-black-button-toolbar-medium-disabled {
  border-bottom-color: #4b4545; }

.x-btn-black-button-toolbar-large-disabled {
  border-bottom-color: #4b4545; }

.x-btn-black-button-toolbar-small {
  padding: 4px; }

.x-btn-black-button-toolbar-medium {
  padding: 4px; }

.x-btn-black-button-toolbar-large {
  padding: 4px; }

.x-btn-black-button-toolbar-small-icon .x-btn-icon-el {
  width: 16px;
  height: 16px; }

.x-btn-black-button-toolbar-medium-icon .x-btn-icon-el {
  width: 24px;
  height: 24px; }

.x-btn-black-button-toolbar-large-icon .x-btn-icon-el {
  width: 32px;
  height: 32px; }

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

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

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

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

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

.x-btn-black-button-toolbar-large-icon-text-right .x-btn-icon-el {
  width: 32px;
  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; }

.x-window-black-window {
  border-color: #474141;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.x-window-black-window {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: #615a5a; }

.x-window-body-black-window {
  border-color: #8a8a8a;
  border-width: 1px;
  background: #e8e8e8;
  color: black; }

.x-window-header-black-window {
  font-size: 14px;
  border-color: #474141;
  zoom: 1; }

.x-window-header-text-black-window {
  color: white;
  font-weight: 600;
  line-height: 24px;
  /*marko*/
  font-family: "Segoe UI", "Lucida Grande", tahoma, arial, verdana, sans-serif;
  font-size: 14px; }

.x-window-header-black-window-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 4px 5px 0 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #615a5a; }

.x-window-header-black-window-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 5px 4px 5px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: #615a5a; }

.x-window-header-black-window-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 0 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #615a5a; }

.x-window-header-black-window-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 5px 0px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-color: #615a5a; }

.x-window-header-black-window-collapsed-top {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #615a5a; }

.x-window-header-black-window-collapsed-right {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #615a5a; }

.x-window-header-black-window-collapsed-bottom {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #615a5a; }

.x-window-header-black-window-collapsed-left {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #615a5a; }

.x-window-header-black-window .x-tool img {
  background-image: url('../../themes/images/basic-light/tools/tool-sprites-white.png'); }

.x-window-header-text-black-window {
  text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-window-header-text-container-black-window {
  font-weight: 600;
  line-height: 24px;
  color: white; }
  .x-window-header-text-container-black-window .x-window-header-text {
    text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-progress-black-progress {
  border-color: #8a8a8a;
  background-color: #c2c2c2; }
  .x-progress-black-progress .x-progress-bar {
    border-right-color: #8a8a8a;
    border-top-color: #cacaca;
    background-image: none;
    background-color: #5c5555;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #615a5a), color-stop(100%, #565050));
    background-image: -webkit-linear-gradient(top, #615a5a, #565050);
    background-image: -moz-linear-gradient(top, #615a5a, #565050);
    background-image: -o-linear-gradient(top, #615a5a, #565050);
    background-image: linear-gradient(top, #615a5a, #565050); }
  .x-progress-black-progress .x-progress-text {
    color: white; }
  .x-progress-black-progress .x-progress-text-back {
    color: #404040; }

/**
 * W3C suggested default style sheet for HTML 4:
 * [http://www.w3.org/TR/CSS21/sample.html](http://www.w3.org/TR/CSS21/sample.html)
 *
 * @member Global_CSS
 */
.x-panel-header-text-container-default {
  line-height: 21px;
  font-weight: 600;
  color: #535353; }
  .x-panel-header-text-container-default .x-panel-header-text {
    text-shadow: rgba(255, 255, 255, 0.9) 1px 1px; }

.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 50%;
  -moz-transform-origin: 0 0 0 50%;
  -ms-transform-origin: 0 0 0 50%;
  -o-transform-origin: 0 0 0 50%;
  transform-origin: 0 0 0 50%;
  transform: rotate(90deg);
  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 {
  line-height: 21px;
  font-weight: 600;
  color: #535353; }
  .x-panel-header-text-container-default-framed .x-panel-header-text {
    text-shadow: rgba(255, 255, 255, 0.9) 1px 1px; }

.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 50%;
  -moz-transform-origin: 0 0 0 50%;
  -ms-transform-origin: 0 0 0 50%;
  -o-transform-origin: 0 0 0 50%;
  transform-origin: 0 0 0 50%;
  transform: rotate(90deg);
  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-panel-blue-panel {
  border-color: #8a8a8a; }

.x-panel-header-blue-panel {
  font-size: 14px;
  border-color: #3d86c8;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #79abd9;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #81b0db), color-stop(100%, #71a6d7));
  background-image: -webkit-linear-gradient(top, #81b0db, #71a6d7);
  background-image: -moz-linear-gradient(top, #81b0db, #71a6d7);
  background-image: -o-linear-gradient(top, #81b0db, #71a6d7);
  background-image: linear-gradient(top, #81b0db, #71a6d7); }

.x-panel-header-text-blue-panel {
  color: white;
  font-size: 14px;
  font-weight: 600;
  font-family: "Segoe UI", "Lucida Grande", tahoma, arial, verdana, sans-serif;
  line-height: 21px; }

.x-panel-body-blue-panel {
  background: #e8e8e8;
  border-color: #8a8a8a;
  color: #1a1a1a;
  border-width: 1px;
  border-style: solid; }

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

.x-panel-header-blue-panel-vertical {
  border-color: #3d86c8; }

.x-panel-header-blue-panel-left,
.x-panel-header-blue-panel-right {
  background-image: none;
  background-color: #79abd9;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #81b0db), color-stop(100%, #71a6d7));
  background-image: -webkit-linear-gradient(right, #81b0db, #71a6d7);
  background-image: -moz-linear-gradient(right, #81b0db, #71a6d7);
  background-image: -o-linear-gradient(right, #81b0db, #71a6d7);
  background-image: linear-gradient(right, #81b0db, #71a6d7); }

.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 {
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset; }

.x-panel-header-text-blue-panel {
  text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-panel-body-blue-panel {
  -webkit-box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset; }

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

.x-panel-header-blue-panel .x-tool img {
  background-image: url('../../themes/images/basic-light/tools/tool-sprites-white.png'); }

.x-accordion-item .x-panel-header-blue-panel {
  background-color: #79abd9 !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #81b0db), color-stop(100%, #71a6d7)) !important;
  background-image: -webkit-linear-gradient(top, #81b0db, #71a6d7) !important;
  background-image: -moz-linear-gradient(top, #81b0db, #71a6d7) !important;
  background-image: -o-linear-gradient(top, #81b0db, #71a6d7) !important;
  background-image: linear-gradient(top, #81b0db, #71a6d7) !important;
  border-top-width: 0px !important;
  border-bottom-color: #3d86c8 !important; }
  .x-accordion-item .x-panel-header-blue-panel .x-panel-header-text {
    color: white; }
  .x-accordion-item .x-panel-header-blue-panel:hover {
    cursor: pointer; }

.x-accordion-hd-sibling-expanded.x-panel-header-blue-panel {
  border-top: 1px solid #3d86c8 !important; }

.x-panel-blue-panel.x-grid .x-grid-row-selected .x-grid-cell, .x-panel-blue-panel.x-grid .x-grid-row-selected .x-grid-rowwrap-div {
  border-top-color: #71a6d7 !important;
  border-right-color: #71a6d7 !important;
  background-color: #81b0db !important; }
.x-panel-blue-panel.x-grid .x-grid-row-selected + .x-grid-row .x-grid-cell, .x-panel-blue-panel.x-grid .x-grid-row-selected + .x-grid-row .x-grid-rowwrap-div {
  border-top-color: #71a6d7 !important; }
.x-panel-blue-panel.x-grid .x-grid-row-selected .x-grid-cell-inner {
  color: white; }
.x-panel-blue-panel.x-grid .x-grid-row-selected .x-grid-rowbody {
  color: white; }

.x-panel-header-text-container-blue-panel {
  line-height: 21px;
  font-weight: 600;
  color: white; }
  .x-panel-header-text-container-blue-panel .x-panel-header-text {
    text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.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 50%;
  -moz-transform-origin: 0 0 0 50%;
  -ms-transform-origin: 0 0 0 50%;
  -o-transform-origin: 0 0 0 50%;
  transform-origin: 0 0 0 50%;
  transform: rotate(90deg);
  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; }

.x-panel-blue-panel-framed {
  border-color: #8a8a8a; }

.x-panel-header-blue-panel-framed {
  font-size: 14px;
  border-color: #3d86c8;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #79abd9;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #81b0db), color-stop(100%, #71a6d7));
  background-image: -webkit-linear-gradient(top, #81b0db, #71a6d7);
  background-image: -moz-linear-gradient(top, #81b0db, #71a6d7);
  background-image: -o-linear-gradient(top, #81b0db, #71a6d7);
  background-image: linear-gradient(top, #81b0db, #71a6d7); }

.x-panel-header-text-blue-panel-framed {
  color: white;
  font-size: 14px;
  font-weight: 600;
  font-family: "Segoe UI", "Lucida Grande", tahoma, arial, verdana, sans-serif;
  line-height: 21px; }

.x-panel-body-blue-panel-framed {
  background: #e8e8e8;
  border-color: #8a8a8a;
  color: #1a1a1a;
  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: #3d86c8; }

.x-panel-header-blue-panel-framed-vertical {
  border-color: #3d86c8; }

.x-panel-header-blue-panel-framed-left,
.x-panel-header-blue-panel-framed-right {
  background-image: none;
  background-color: #79abd9;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #81b0db), color-stop(100%, #71a6d7));
  background-image: -webkit-linear-gradient(right, #81b0db, #71a6d7);
  background-image: -moz-linear-gradient(right, #81b0db, #71a6d7);
  background-image: -o-linear-gradient(right, #81b0db, #71a6d7);
  background-image: linear-gradient(right, #81b0db, #71a6d7); }

.x-panel-blue-panel-framed {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #e8e8e8; }

.x-panel-header-blue-panel-framed-top {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 3px 5px 4px 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-image: none;
  background-color: #79abd9;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #81b0db), color-stop(100%, #71a6d7));
  background-image: -webkit-linear-gradient(top, #81b0db, #71a6d7);
  background-image: -moz-linear-gradient(top, #81b0db, #71a6d7);
  background-image: -o-linear-gradient(top, #81b0db, #71a6d7);
  background-image: linear-gradient(top, #81b0db, #71a6d7); }

.x-panel-header-blue-panel-framed-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 5px 4px 5px 4px;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-image: none;
  background-color: #79abd9;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #81b0db), color-stop(100%, #71a6d7));
  background-image: -webkit-linear-gradient(right, #81b0db, #71a6d7);
  background-image: -moz-linear-gradient(right, #81b0db, #71a6d7);
  background-image: -o-linear-gradient(right, #81b0db, #71a6d7);
  background-image: linear-gradient(right, #81b0db, #71a6d7); }

.x-panel-header-blue-panel-framed-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 3px 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-image: none;
  background-color: #79abd9;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #81b0db), color-stop(100%, #71a6d7));
  background-image: -webkit-linear-gradient(top, #81b0db, #71a6d7);
  background-image: -moz-linear-gradient(top, #81b0db, #71a6d7);
  background-image: -o-linear-gradient(top, #81b0db, #71a6d7);
  background-image: linear-gradient(top, #81b0db, #71a6d7); }

.x-panel-header-blue-panel-framed-left {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 5px 4px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-image: none;
  background-color: #79abd9;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #81b0db), color-stop(100%, #71a6d7));
  background-image: -webkit-linear-gradient(right, #81b0db, #71a6d7);
  background-image: -moz-linear-gradient(right, #81b0db, #71a6d7);
  background-image: -o-linear-gradient(right, #81b0db, #71a6d7);
  background-image: linear-gradient(right, #81b0db, #71a6d7); }

.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; }

.x-panel-header-blue-panel-framed-collapsed {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px; }

.x-panel-header-blue-panel-framed-collapsed-top {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 3px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #79abd9;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #81b0db), color-stop(100%, #71a6d7));
  background-image: -webkit-linear-gradient(top, #81b0db, #71a6d7);
  background-image: -moz-linear-gradient(top, #81b0db, #71a6d7);
  background-image: -o-linear-gradient(top, #81b0db, #71a6d7);
  background-image: linear-gradient(top, #81b0db, #71a6d7); }

.x-panel-header-blue-panel-framed-collapsed-right {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #79abd9;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #81b0db), color-stop(100%, #71a6d7));
  background-image: -webkit-linear-gradient(right, #81b0db, #71a6d7);
  background-image: -moz-linear-gradient(right, #81b0db, #71a6d7);
  background-image: -o-linear-gradient(right, #81b0db, #71a6d7);
  background-image: linear-gradient(right, #81b0db, #71a6d7); }

.x-panel-header-blue-panel-framed-collapsed-bottom {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 3px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #79abd9;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #81b0db), color-stop(100%, #71a6d7));
  background-image: -webkit-linear-gradient(top, #81b0db, #71a6d7);
  background-image: -moz-linear-gradient(top, #81b0db, #71a6d7);
  background-image: -o-linear-gradient(top, #81b0db, #71a6d7);
  background-image: linear-gradient(top, #81b0db, #71a6d7); }

.x-panel-header-blue-panel-framed-collapsed-left {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #79abd9;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #81b0db), color-stop(100%, #71a6d7));
  background-image: -webkit-linear-gradient(right, #81b0db, #71a6d7);
  background-image: -moz-linear-gradient(right, #81b0db, #71a6d7);
  background-image: -o-linear-gradient(right, #81b0db, #71a6d7);
  background-image: linear-gradient(right, #81b0db, #71a6d7); }

.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-header-blue-panel-framed {
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset, rgba(255, 255, 255, 0.4) 0 1px;
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset, rgba(255, 255, 255, 0.4) 0 1px;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset, rgba(255, 255, 255, 0.4) 0 1px; }

.x-panel-header-text-blue-panel-framed {
  text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-panel-blue-panel-framed {
  border-top-color: #3d86c8 !important; }

.x-panel-header-blue-panel-framed .x-tool img {
  background-image: url('../../themes/images/basic-light/tools/tool-sprites-white.png'); }

.x-panel-blue-panel-framed.x-grid .x-grid-row-selected .x-grid-cell, .x-panel-blue-panel-framed.x-grid .x-grid-row-selected .x-grid-rowwrap-div {
  border-top-color: #71a6d7 !important;
  border-right-color: #71a6d7 !important;
  background-color: #81b0db !important; }
.x-panel-blue-panel-framed.x-grid .x-grid-row-selected + .x-grid-row .x-grid-cell, .x-panel-blue-panel-framed.x-grid .x-grid-row-selected + .x-grid-row .x-grid-rowwrap-div {
  border-top-color: #71a6d7 !important; }
.x-panel-blue-panel-framed.x-grid .x-grid-row-selected .x-grid-cell-inner {
  color: white; }

.x-panel-header-text-container-blue-panel-framed {
  line-height: 21px;
  font-weight: 600;
  color: white; }
  .x-panel-header-text-container-blue-panel-framed .x-panel-header-text {
    text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.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 50%;
  -moz-transform-origin: 0 0 0 50%;
  -ms-transform-origin: 0 0 0 50%;
  -o-transform-origin: 0 0 0 50%;
  transform-origin: 0 0 0 50%;
  transform: rotate(90deg);
  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; }

.x-toolbar-blue-toolbar {
  border-color: #8a8a8a;
  background-image: none;
  background-color: #e8e8e8;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(100%, #e6e6e6));
  background-image: -webkit-linear-gradient(top, #ededed, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ededed, #e6e6e6);
  background-image: -o-linear-gradient(top, #ededed, #e6e6e6);
  background-image: linear-gradient(top, #ededed, #e6e6e6); }

.x-toolbar-blue-toolbar {
  -webkit-box-shadow: rgba(255, 255, 255, 0.8) 0 1px inset, rgba(255, 255, 255, 0.4) 1px 0 inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.8) 0 1px inset, rgba(255, 255, 255, 0.4) 1px 0 inset;
  box-shadow: rgba(255, 255, 255, 0.8) 0 1px inset, rgba(255, 255, 255, 0.4) 1px 0 inset; }
  .x-toolbar-blue-toolbar .x-btn-default-toolbar-small-pressed,
  .x-toolbar-blue-toolbar .x-btn-default-toolbar-small-menu-active {
    background-color: #79abd9;
    border-color: #3d86c8;
    background-image: none;
    background-color: #79abd9;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #619cd2), color-stop(20%, #79abd9), color-stop(75%, #79abd9), color-stop(100%, #619cd2));
    background-image: -webkit-linear-gradient(top, #619cd2, #79abd9 20%, #79abd9 75%, #619cd2);
    background-image: -moz-linear-gradient(top, #619cd2, #79abd9 20%, #79abd9 75%, #619cd2);
    background-image: -o-linear-gradient(top, #619cd2, #79abd9 20%, #79abd9 75%, #619cd2);
    background-image: linear-gradient(top, #619cd2, #79abd9 20%, #79abd9 75%, #619cd2); }
  .x-toolbar-blue-toolbar .x-btn-default-toolbar-medium-pressed,
  .x-toolbar-blue-toolbar .x-btn-default-toolbar-medium-menu-active {
    background-color: #79abd9;
    border-color: #3d86c8;
    background-image: none;
    background-color: #79abd9;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #619cd2), color-stop(20%, #79abd9), color-stop(75%, #79abd9), color-stop(100%, #619cd2));
    background-image: -webkit-linear-gradient(top, #619cd2, #79abd9 20%, #79abd9 75%, #619cd2);
    background-image: -moz-linear-gradient(top, #619cd2, #79abd9 20%, #79abd9 75%, #619cd2);
    background-image: -o-linear-gradient(top, #619cd2, #79abd9 20%, #79abd9 75%, #619cd2);
    background-image: linear-gradient(top, #619cd2, #79abd9 20%, #79abd9 75%, #619cd2); }
  .x-toolbar-blue-toolbar .x-btn-default-toolbar-large-pressed,
  .x-toolbar-blue-toolbar .x-btn-default-toolbar-lerge-menu-active {
    background-color: #79abd9;
    border-color: #3d86c8;
    background-image: none;
    background-color: #79abd9;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #619cd2), color-stop(20%, #79abd9), color-stop(75%, #79abd9), color-stop(100%, #619cd2));
    background-image: -webkit-linear-gradient(top, #619cd2, #79abd9 20%, #79abd9 75%, #619cd2);
    background-image: -moz-linear-gradient(top, #619cd2, #79abd9 20%, #79abd9 75%, #619cd2);
    background-image: -o-linear-gradient(top, #619cd2, #79abd9 20%, #79abd9 75%, #619cd2);
    background-image: linear-gradient(top, #619cd2, #79abd9 20%, #79abd9 75%, #619cd2); }

.x-panel-blue-tab {
  border-color: #8a8a8a; }

.x-panel-header-blue-tab {
  font-size: 14px;
  border-color: #3d86c8;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #79abd9;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #81b0db), color-stop(100%, #71a6d7));
  background-image: -webkit-linear-gradient(top, #81b0db, #71a6d7);
  background-image: -moz-linear-gradient(top, #81b0db, #71a6d7);
  background-image: -o-linear-gradient(top, #81b0db, #71a6d7);
  background-image: linear-gradient(top, #81b0db, #71a6d7); }

.x-panel-header-text-blue-tab {
  color: white;
  font-size: 14px;
  font-weight: 600;
  font-family: "Segoe UI", "Lucida Grande", tahoma, arial, verdana, sans-serif;
  line-height: 21px; }

.x-panel-body-blue-tab {
  background: #e8e8e8;
  border-color: #8a8a8a;
  color: #1a1a1a;
  border-width: 1px;
  border-style: solid; }

.x-panel-collapsed .x-window-header-blue-tab,
.x-panel-collapsed .x-panel-header-blue-tab {
  border-color: #3d86c8; }

.x-panel-header-blue-tab-vertical {
  border-color: #3d86c8; }

.x-panel-header-blue-tab-left,
.x-panel-header-blue-tab-right {
  background-image: none;
  background-color: #79abd9;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #81b0db), color-stop(100%, #71a6d7));
  background-image: -webkit-linear-gradient(right, #81b0db, #71a6d7);
  background-image: -moz-linear-gradient(right, #81b0db, #71a6d7);
  background-image: -o-linear-gradient(right, #81b0db, #71a6d7);
  background-image: linear-gradient(right, #81b0db, #71a6d7); }

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

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

.x-panel-header-blue-tab {
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset; }

.x-panel-header-text-blue-tab {
  text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-panel-body-blue-tab {
  -webkit-box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset; }

.x-panel-header-blue-tab + .x-panel-body-blue-tab {
  border-top-color: #3479b8; }

.x-panel-header-blue-tab .x-tool img {
  background-image: url('../../themes/images/basic-light/tools/tool-sprites-white.png'); }

.x-panel-blue-tab > .x-tab-bar {
  background-color: #659fd3;
  background-image: none;
  -webkit-box-shadow: #3881c4 0 1px inset;
  -moz-box-shadow: #3881c4 0 1px inset;
  box-shadow: #3881c4 0 1px inset; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-bar-body {
    border-right-color: #3d86c8; }
  .x-panel-blue-tab > .x-tab-bar.x-tab-bar-default-plain {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-default-top {
    background-color: #659fd3;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6da4d6), color-stop(100%, #5d9ad1));
    background-image: -webkit-linear-gradient(top, #6da4d6, #5d9ad1);
    background-image: -moz-linear-gradient(top, #6da4d6, #5d9ad1);
    background-image: -o-linear-gradient(top, #6da4d6, #5d9ad1);
    background-image: linear-gradient(top, #6da4d6, #5d9ad1);
    border-color: #3d86c8;
    -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 1px inset, #377fc2 0 -1px inset;
    -moz-box-shadow: rgba(255, 255, 255, 0.2) 0 1px inset, #377fc2 0 -1px inset;
    box-shadow: rgba(255, 255, 255, 0.2) 0 1px inset, #377fc2 0 -1px inset; }
    .x-panel-blue-tab > .x-tab-bar .x-tab-default-top .x-tab-inner {
      color: white;
      text-shadow: none; }
    .x-panel-blue-tab > .x-tab-bar .x-tab-default-top.x-tab-over {
      background-color: #75b3ec;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #75b3ec), color-stop(100%, #659fd3));
      background-image: -webkit-linear-gradient(top, #75b3ec, #659fd3);
      background-image: -moz-linear-gradient(top, #75b3ec, #659fd3);
      background-image: -o-linear-gradient(top, #75b3ec, #659fd3);
      background-image: linear-gradient(top, #75b3ec, #659fd3); }
    .x-panel-blue-tab > .x-tab-bar .x-tab-default-top.x-tab-active {
      background-color: #e8e8e8;
      border-top-color: #8a8a8a;
      -webkit-box-shadow: rgba(255, 255, 255, 0.9) 0 1px inset;
      -moz-box-shadow: rgba(255, 255, 255, 0.9) 0 1px inset;
      box-shadow: rgba(255, 255, 255, 0.9) 0 1px inset;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #ebebeb));
      background-image: -webkit-linear-gradient(top, #f0f0f0, #ebebeb);
      background-image: -moz-linear-gradient(top, #f0f0f0, #ebebeb);
      background-image: -o-linear-gradient(top, #f0f0f0, #ebebeb);
      background-image: linear-gradient(top, #f0f0f0, #ebebeb); }
      .x-panel-blue-tab > .x-tab-bar .x-tab-default-top.x-tab-active .x-tab-inner {
        color: #535353;
        text-shadow: rgba(255, 255, 255, 0.8) 1px 1px; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-bar-strip-default-top {
    border-top-color: #3d86c8; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-close-btn {
    background-image: url('../../themes/images/basic-light/tab/tab-white-close.gif'); }
  .x-panel-blue-tab > .x-tab-bar .x-tab-active .x-tab-close-btn {
    background-image: url('../../themes/images/basic-light/tab/tab-default-close.gif'); }
  .x-panel-blue-tab > .x-tab-bar .x-tab-blue-tab-top {
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-color: #3d86c8; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-blue-tab {
    padding: 0 15px 0 8px;
    background-color: #659fd3;
    -webkit-box-shadow: #3d86c8 0 -1px inset;
    -moz-box-shadow: #3d86c8 0 -1px inset;
    box-shadow: #3d86c8 0 -1px inset;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6da4d6), color-stop(100%, #5d9ad1));
    background-image: -webkit-linear-gradient(top, #6da4d6, #5d9ad1);
    background-image: -moz-linear-gradient(top, #6da4d6, #5d9ad1);
    background-image: -o-linear-gradient(top, #6da4d6, #5d9ad1);
    background-image: linear-gradient(top, #6da4d6, #5d9ad1); }
    .x-panel-blue-tab > .x-tab-bar .x-tab-blue-tab .x-tab-inner {
      color: white;
      font-weight: 600;
      line-height: 24px;
      text-shadow: none; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-blue-tab-over {
    background-color: #75b3ec;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #75b3ec), color-stop(100%, #659fd3));
    background-image: -webkit-linear-gradient(top, #75b3ec, #659fd3);
    background-image: -moz-linear-gradient(top, #75b3ec, #659fd3);
    background-image: -o-linear-gradient(top, #75b3ec, #659fd3);
    background-image: linear-gradient(top, #75b3ec, #659fd3); }
  .x-panel-blue-tab > .x-tab-bar .x-tab-blue-tab-active {
    -webkit-box-shadow: white 1px 0 inset;
    -moz-box-shadow: white 1px 0 inset;
    box-shadow: white 1px 0 inset;
    background-color: #e8e8e8;
    background-image: none; }
    .x-panel-blue-tab > .x-tab-bar .x-tab-blue-tab-active .x-tab-inner {
      color: #535353;
      text-shadow: white 1px 1px; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-blue-tab-disabled {
    background-color: #6697c3;
    background-image: none; }
    .x-panel-blue-tab > .x-tab-bar .x-tab-blue-tab-disabled .x-tab-inner {
      color: #cccccc; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-bar-plain .x-tab:first-child {
    border-left: 1px solid #8a8a8a !important; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-bar-strip-blue-tab {
    background-color: #e8e8e8;
    border-style: solid;
    border-left-color: #8a8a8a;
    border-right-color: #8a8a8a; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-bar-strip-blue-tab-top {
    border-top-color: #3d86c8; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-bar-strip-blue-tab-right {
    border-right: none !important; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-bar-strip-blue-tab-left {
    border-left: none !important; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-bar-body-blue-tab-bottom > .x-box-inner {
    -webkit-box-shadow: #8a8a8a 0 1px inset;
    -moz-box-shadow: #8a8a8a 0 1px inset;
    box-shadow: #8a8a8a 0 1px inset; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-bar-body-blue-tab-right > .x-box-inner {
    -webkit-box-shadow: #8a8a8a 1px 0 inset;
    -moz-box-shadow: #8a8a8a 1px 0 inset;
    box-shadow: #8a8a8a 1px 0 inset; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-bar-body-blue-tab-left > .x-box-inner {
    -webkit-box-shadow: #8a8a8a -1px 0 inset;
    -moz-box-shadow: #8a8a8a -1px 0 inset;
    box-shadow: #8a8a8a -1px 0 inset; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-bar-blue-tab-right {
    right: 0px !important;
    left: auto !important;
    z-index: 2; }
  .x-panel-blue-tab > .x-tab-bar .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-right: 1px solid #3d86c8; }
    .x-panel-blue-tab > .x-tab-bar .x-tab-blue-tab-right .x-tab-inner {
      line-height: 24px; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-blue-tab-right-over {
    background-color: #75b3ec; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-blue-tab-right-active {
    background-color: #e8e8e8; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-blue-tab-right-disabled {
    background-color: #6697c3;
    background-image: none; }
    .x-panel-blue-tab > .x-tab-bar .x-tab-blue-tab-right-disabled .x-tab-inner {
      color: #9dbcd9; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-bar-blue-tab-left {
    left: 0px !important;
    right: auto !important;
    z-index: 2; }
  .x-panel-blue-tab > .x-tab-bar .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-left: 1px solid #3d86c8 !important; }
    .x-panel-blue-tab > .x-tab-bar .x-tab-blue-tab-left .x-tab-inner {
      line-height: 24px; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-blue-tab-left-over {
    background-color: #75b3ec; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-blue-tab-left-active {
    background-color: #e8e8e8; }
  .x-panel-blue-tab > .x-tab-bar .x-tab-blue-tab-left-disabled {
    background-color: #6697c3;
    background-image: none; }
    .x-panel-blue-tab > .x-tab-bar .x-tab-blue-tab-left-disabled .x-tab-inner {
      color: #9dbcd9; }

.x-panel-body-blue-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected .x-grid-cell, .x-panel-body-blue-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected .x-grid-rowwrap-div {
  border-top-color: #71a6d7 !important;
  border-right-color: #71a6d7 !important;
  background-color: #81b0db !important; }
.x-panel-body-blue-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected + .x-grid-row .x-grid-cell, .x-panel-body-blue-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected + .x-grid-row .x-grid-rowwrap-div {
  border-top-color: #71a6d7 !important; }
.x-panel-body-blue-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected .x-grid-cell-inner {
  color: white; }
.x-panel-body-blue-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected .x-grid-rowbody {
  color: white; }

.x-btn-blue-button-small {
  border-color: #367dbe; }

.x-btn-blue-button-small {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #6fa5d6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #77aad8), color-stop(100%, #67a0d4));
  background-image: -webkit-linear-gradient(top, #77aad8, #67a0d4);
  background-image: -moz-linear-gradient(top, #77aad8, #67a0d4);
  background-image: -o-linear-gradient(top, #77aad8, #67a0d4);
  background-image: linear-gradient(top, #77aad8, #67a0d4); }

.x-btn-blue-button-small .x-btn-inner {
  font-size: 13px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #3070aa;
  background-image: none;
  background-color: #639dd3; }

.x-btn-blue-button-small-focus {
  border-color: #3070aa;
  background-image: none;
  background-color: #639dd3; }

.x-btn-blue-button-small-menu-active,
.x-btn-blue-button-small-pressed {
  border-color: #3274b0;
  background-image: none;
  background-color: #3d86c8; }

.x-btn-blue-button-small-disabled {
  border-color: #5796cf;
  background-image: none;
  background-color: #97bee1; }

.x-btn-blue-button-medium {
  border-color: #367dbe; }

.x-btn-blue-button-medium {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #6fa5d6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #77aad8), color-stop(100%, #67a0d4));
  background-image: -webkit-linear-gradient(top, #77aad8, #67a0d4);
  background-image: -moz-linear-gradient(top, #77aad8, #67a0d4);
  background-image: -o-linear-gradient(top, #77aad8, #67a0d4);
  background-image: linear-gradient(top, #77aad8, #67a0d4); }

.x-btn-blue-button-medium .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #3070aa;
  background-image: none;
  background-color: #639dd3; }

.x-btn-blue-button-medium-focus {
  border-color: #3070aa;
  background-image: none;
  background-color: #639dd3; }

.x-btn-blue-button-medium-menu-active,
.x-btn-blue-button-medium-pressed {
  border-color: #3274b0;
  background-image: none;
  background-color: #3d86c8; }

.x-btn-blue-button-medium-disabled {
  border-color: #5796cf;
  background-image: none;
  background-color: #97bee1; }

.x-btn-blue-button-large {
  border-color: #367dbe; }

.x-btn-blue-button-large {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #6fa5d6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #77aad8), color-stop(100%, #67a0d4));
  background-image: -webkit-linear-gradient(top, #77aad8, #67a0d4);
  background-image: -moz-linear-gradient(top, #77aad8, #67a0d4);
  background-image: -o-linear-gradient(top, #77aad8, #67a0d4);
  background-image: linear-gradient(top, #77aad8, #67a0d4); }

.x-btn-blue-button-large .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #3070aa;
  background-image: none;
  background-color: #639dd3; }

.x-btn-blue-button-large-focus {
  border-color: #3070aa;
  background-image: none;
  background-color: #639dd3; }

.x-btn-blue-button-large-menu-active,
.x-btn-blue-button-large-pressed {
  border-color: #3274b0;
  background-image: none;
  background-color: #3d86c8; }

.x-btn-blue-button-large-disabled {
  border-color: #5796cf;
  background-image: none;
  background-color: #97bee1; }

.x-btn-blue-button-small {
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset; }

.x-btn-blue-button-medium {
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset; }

.x-btn-blue-button-large {
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset; }

.x-btn-blue-button-small-pressed {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.x-btn-blue-button-medium-pressed {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.x-btn-blue-button-large-pressed {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.x-btn-blue-button-small {
  border-bottom-color: #3171ac; }

.x-btn-blue-button-medium {
  border-bottom-color: #3171ac; }

.x-btn-blue-button-large {
  border-bottom-color: #3171ac; }

.x-btn-blue-button-small-disabled {
  border-bottom-color: #5796cf; }

.x-btn-blue-button-medium-disabled {
  border-bottom-color: #5796cf; }

.x-btn-blue-button-large-disabled {
  border-bottom-color: #5796cf; }

.x-btn-blue-button-small {
  padding: 4px; }

.x-btn-blue-button-medium {
  padding: 4px; }

.x-btn-blue-button-large {
  padding: 4px; }

.x-btn-blue-button-small-icon .x-btn-icon-el {
  width: 16px;
  height: 16px; }

.x-btn-blue-button-medium-icon .x-btn-icon-el {
  width: 24px;
  height: 24px; }

.x-btn-blue-button-large-icon .x-btn-icon-el {
  width: 32px;
  height: 32px; }

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

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

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

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

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

.x-btn-blue-button-large-icon-text-right .x-btn-icon-el {
  width: 32px;
  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; }

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

.x-btn-blue-button-toolbar-small {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  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: 13px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #377fc2;
  background-image: none;
  background-color: #6da4d6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #73a7d7), color-stop(20%, #75a9d8), color-stop(100%, #659fd3));
  background-image: -webkit-linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3);
  background-image: -moz-linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3);
  background-image: -o-linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3);
  background-image: linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3); }
  .x-btn-blue-button-toolbar-small-over .x-btn-inner {
    color: white; }

.x-btn-blue-button-toolbar-small-focus {
  border-color: #377fc2;
  background-image: none;
  background-color: #639dd3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #73a7d7), color-stop(20%, #75a9d8), color-stop(100%, #659fd3));
  background-image: -webkit-linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3);
  background-image: -moz-linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3);
  background-image: -o-linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3);
  background-image: linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3); }
  .x-btn-blue-button-toolbar-small-focus .x-btn-inner {
    color: white; }

.x-btn-blue-button-toolbar-small-menu-active,
.x-btn-blue-button-toolbar-small-pressed {
  border-color: #2f6ca4;
  background-image: none;
  background-color: #5192ce;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #498dcb), color-stop(100%, #619cd2));
  background-image: -webkit-linear-gradient(top, #498dcb, #619cd2);
  background-image: -moz-linear-gradient(top, #498dcb, #619cd2);
  background-image: -o-linear-gradient(top, #498dcb, #619cd2);
  background-image: linear-gradient(top, #498dcb, #619cd2); }
  .x-btn-blue-button-toolbar-small-menu-active .x-btn-inner,
  .x-btn-blue-button-toolbar-small-pressed .x-btn-inner {
    color: white; }

.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; }

.x-btn-blue-button-toolbar-medium {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-blue-button-toolbar-medium .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #377fc2;
  background-image: none;
  background-color: #6da4d6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #73a7d7), color-stop(20%, #75a9d8), color-stop(100%, #659fd3));
  background-image: -webkit-linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3);
  background-image: -moz-linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3);
  background-image: -o-linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3);
  background-image: linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3); }
  .x-btn-blue-button-toolbar-medium-over .x-btn-inner {
    color: white; }

.x-btn-blue-button-toolbar-medium-focus {
  border-color: #377fc2;
  background-image: none;
  background-color: #639dd3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #73a7d7), color-stop(20%, #75a9d8), color-stop(100%, #659fd3));
  background-image: -webkit-linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3);
  background-image: -moz-linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3);
  background-image: -o-linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3);
  background-image: linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3); }
  .x-btn-blue-button-toolbar-medium-focus .x-btn-inner {
    color: white; }

.x-btn-blue-button-toolbar-medium-menu-active,
.x-btn-blue-button-toolbar-medium-pressed {
  border-color: #2f6ca4;
  background-image: none;
  background-color: #5192ce;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #498dcb), color-stop(100%, #619cd2));
  background-image: -webkit-linear-gradient(top, #498dcb, #619cd2);
  background-image: -moz-linear-gradient(top, #498dcb, #619cd2);
  background-image: -o-linear-gradient(top, #498dcb, #619cd2);
  background-image: linear-gradient(top, #498dcb, #619cd2); }
  .x-btn-blue-button-toolbar-medium-menu-active .x-btn-inner,
  .x-btn-blue-button-toolbar-medium-pressed .x-btn-inner {
    color: white; }

.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; }

.x-btn-blue-button-toolbar-large {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-blue-button-toolbar-large .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #377fc2;
  background-image: none;
  background-color: #6da4d6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #73a7d7), color-stop(20%, #75a9d8), color-stop(100%, #659fd3));
  background-image: -webkit-linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3);
  background-image: -moz-linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3);
  background-image: -o-linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3);
  background-image: linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3); }
  .x-btn-blue-button-toolbar-large-over .x-btn-inner {
    color: white; }

.x-btn-blue-button-toolbar-large-focus {
  border-color: #377fc2;
  background-image: none;
  background-color: #639dd3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #73a7d7), color-stop(20%, #75a9d8), color-stop(100%, #659fd3));
  background-image: -webkit-linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3);
  background-image: -moz-linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3);
  background-image: -o-linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3);
  background-image: linear-gradient(top, #73a7d7, #75a9d8 20%, #659fd3); }
  .x-btn-blue-button-toolbar-large-focus .x-btn-inner {
    color: white; }

.x-btn-blue-button-toolbar-large-menu-active,
.x-btn-blue-button-toolbar-large-pressed {
  border-color: #2f6ca4;
  background-image: none;
  background-color: #5192ce;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #498dcb), color-stop(100%, #619cd2));
  background-image: -webkit-linear-gradient(top, #498dcb, #619cd2);
  background-image: -moz-linear-gradient(top, #498dcb, #619cd2);
  background-image: -o-linear-gradient(top, #498dcb, #619cd2);
  background-image: linear-gradient(top, #498dcb, #619cd2); }
  .x-btn-blue-button-toolbar-large-menu-active .x-btn-inner,
  .x-btn-blue-button-toolbar-large-pressed .x-btn-inner {
    color: white; }

.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; }

/*
@include btn-highlight($ui-label:'blue-button-toolbar',
	$btn-ui-shadow-over:'rgba(255, 255, 255, 0.1) 0 1px inset',
	$btn-ui-shadow-pressed:'none');
*/
.x-btn-blue-button-toolbar-small-over {
  border-bottom-color: #2d69a0; }

.x-btn-blue-button-toolbar-medium-over {
  border-bottom-color: #2d69a0; }

.x-btn-blue-button-toolbar-large-over {
  border-bottom-color: #2d69a0; }

.x-btn-blue-button-toolbar-small-disabled {
  border-bottom-color: #5796cf; }

.x-btn-blue-button-toolbar-medium-disabled {
  border-bottom-color: #5796cf; }

.x-btn-blue-button-toolbar-large-disabled {
  border-bottom-color: #5796cf; }

.x-btn-blue-button-toolbar-small {
  padding: 4px; }

.x-btn-blue-button-toolbar-medium {
  padding: 4px; }

.x-btn-blue-button-toolbar-large {
  padding: 4px; }

.x-btn-blue-button-toolbar-small-icon .x-btn-icon-el {
  width: 16px;
  height: 16px; }

.x-btn-blue-button-toolbar-medium-icon .x-btn-icon-el {
  width: 24px;
  height: 24px; }

.x-btn-blue-button-toolbar-large-icon .x-btn-icon-el {
  width: 32px;
  height: 32px; }

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

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

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

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

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

.x-btn-blue-button-toolbar-large-icon-text-right .x-btn-icon-el {
  width: 32px;
  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; }

.x-window-blue-window {
  border-color: #5192ce;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.x-window-blue-window {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: #79abd9; }

.x-window-body-blue-window {
  border-color: #8a8a8a;
  border-width: 1px;
  background: #e8e8e8;
  color: black; }

.x-window-header-blue-window {
  font-size: 14px;
  border-color: #5192ce;
  zoom: 1; }

.x-window-header-text-blue-window {
  color: white;
  font-weight: 600;
  line-height: 24px;
  /*marko*/
  font-family: "Segoe UI", "Lucida Grande", tahoma, arial, verdana, sans-serif;
  font-size: 14px; }

.x-window-header-blue-window-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 4px 5px 0 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #79abd9; }

.x-window-header-blue-window-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 5px 4px 5px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: #79abd9; }

.x-window-header-blue-window-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 0 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #79abd9; }

.x-window-header-blue-window-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 5px 0px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-color: #79abd9; }

.x-window-header-blue-window-collapsed-top {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #79abd9; }

.x-window-header-blue-window-collapsed-right {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #79abd9; }

.x-window-header-blue-window-collapsed-bottom {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #79abd9; }

.x-window-header-blue-window-collapsed-left {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #79abd9; }

.x-window-header-blue-window .x-tool img {
  background-image: url('../../themes/images/basic-light/tools/tool-sprites-white.png'); }

.x-window-header-text-blue-window {
  text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-window-header-text-container-blue-window {
  font-weight: 600;
  line-height: 24px;
  color: white; }
  .x-window-header-text-container-blue-window .x-window-header-text {
    text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-progress-blue-progress {
  border-color: #8a8a8a;
  background-color: #c2c2c2; }
  .x-progress-blue-progress .x-progress-bar {
    border-right-color: #8a8a8a;
    border-top-color: #cacaca;
    background-image: none;
    background-color: #71a6d7;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #79abd9), color-stop(100%, #69a1d4));
    background-image: -webkit-linear-gradient(top, #79abd9, #69a1d4);
    background-image: -moz-linear-gradient(top, #79abd9, #69a1d4);
    background-image: -o-linear-gradient(top, #79abd9, #69a1d4);
    background-image: linear-gradient(top, #79abd9, #69a1d4); }
  .x-progress-blue-progress .x-progress-text {
    color: white; }
  .x-progress-blue-progress .x-progress-text-back {
    color: #404040; }

/**
 * W3C suggested default style sheet for HTML 4:
 * [http://www.w3.org/TR/CSS21/sample.html](http://www.w3.org/TR/CSS21/sample.html)
 *
 * @member Global_CSS
 */
.x-panel-header-text-container-default {
  line-height: 21px;
  font-weight: 600;
  color: #535353; }
  .x-panel-header-text-container-default .x-panel-header-text {
    text-shadow: rgba(255, 255, 255, 0.9) 1px 1px; }

.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 50%;
  -moz-transform-origin: 0 0 0 50%;
  -ms-transform-origin: 0 0 0 50%;
  -o-transform-origin: 0 0 0 50%;
  transform-origin: 0 0 0 50%;
  transform: rotate(90deg);
  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 {
  line-height: 21px;
  font-weight: 600;
  color: #535353; }
  .x-panel-header-text-container-default-framed .x-panel-header-text {
    text-shadow: rgba(255, 255, 255, 0.9) 1px 1px; }

.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 50%;
  -moz-transform-origin: 0 0 0 50%;
  -ms-transform-origin: 0 0 0 50%;
  -o-transform-origin: 0 0 0 50%;
  transform-origin: 0 0 0 50%;
  transform: rotate(90deg);
  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-panel-green-panel {
  border-color: #8a8a8a; }

.x-panel-header-green-panel {
  font-size: 14px;
  border-color: #648d54;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #8bb17c;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #91b582), color-stop(100%, #85ad76));
  background-image: -webkit-linear-gradient(top, #91b582, #85ad76);
  background-image: -moz-linear-gradient(top, #91b582, #85ad76);
  background-image: -o-linear-gradient(top, #91b582, #85ad76);
  background-image: linear-gradient(top, #91b582, #85ad76); }

.x-panel-header-text-green-panel {
  color: white;
  font-size: 14px;
  font-weight: 600;
  font-family: "Segoe UI", "Lucida Grande", tahoma, arial, verdana, sans-serif;
  line-height: 21px; }

.x-panel-body-green-panel {
  background: #e8e8e8;
  border-color: #8a8a8a;
  color: #1a1a1a;
  border-width: 1px;
  border-style: solid; }

.x-panel-collapsed .x-window-header-green-panel,
.x-panel-collapsed .x-panel-header-green-panel {
  border-color: #648d54; }

.x-panel-header-green-panel-vertical {
  border-color: #648d54; }

.x-panel-header-green-panel-left,
.x-panel-header-green-panel-right {
  background-image: none;
  background-color: #8bb17c;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #91b582), color-stop(100%, #85ad76));
  background-image: -webkit-linear-gradient(right, #91b582, #85ad76);
  background-image: -moz-linear-gradient(right, #91b582, #85ad76);
  background-image: -o-linear-gradient(right, #91b582, #85ad76);
  background-image: linear-gradient(right, #91b582, #85ad76); }

.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 {
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset; }

.x-panel-header-text-green-panel {
  text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-panel-body-green-panel {
  -webkit-box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset; }

.x-panel-header-green-panel + .x-panel-body-green-panel {
  border-top-color: #597d4a; }

.x-panel-header-green-panel .x-tool img {
  background-image: url('../../themes/images/basic-light/tools/tool-sprites-white.png'); }

.x-accordion-item .x-panel-header-green-panel {
  background-color: #8bb17c !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #91b582), color-stop(100%, #85ad76)) !important;
  background-image: -webkit-linear-gradient(top, #91b582, #85ad76) !important;
  background-image: -moz-linear-gradient(top, #91b582, #85ad76) !important;
  background-image: -o-linear-gradient(top, #91b582, #85ad76) !important;
  background-image: linear-gradient(top, #91b582, #85ad76) !important;
  border-top-width: 0px !important;
  border-bottom-color: #648d54 !important; }
  .x-accordion-item .x-panel-header-green-panel .x-panel-header-text {
    color: white; }
  .x-accordion-item .x-panel-header-green-panel:hover {
    cursor: pointer; }

.x-accordion-hd-sibling-expanded.x-panel-header-green-panel {
  border-top: 1px solid #648d54 !important; }

.x-panel-green-panel.x-grid .x-grid-row-selected .x-grid-cell, .x-panel-green-panel.x-grid .x-grid-row-selected .x-grid-rowwrap-div {
  border-top-color: #85ad76 !important;
  border-right-color: #85ad76 !important;
  background-color: #91b582 !important; }
.x-panel-green-panel.x-grid .x-grid-row-selected + .x-grid-row .x-grid-cell, .x-panel-green-panel.x-grid .x-grid-row-selected + .x-grid-row .x-grid-rowwrap-div {
  border-top-color: #85ad76 !important; }
.x-panel-green-panel.x-grid .x-grid-row-selected .x-grid-cell-inner {
  color: white; }
.x-panel-green-panel.x-grid .x-grid-row-selected .x-grid-rowbody {
  color: white; }

.x-panel-header-text-container-green-panel {
  line-height: 21px;
  font-weight: 600;
  color: white; }
  .x-panel-header-text-container-green-panel .x-panel-header-text {
    text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.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 50%;
  -moz-transform-origin: 0 0 0 50%;
  -ms-transform-origin: 0 0 0 50%;
  -o-transform-origin: 0 0 0 50%;
  transform-origin: 0 0 0 50%;
  transform: rotate(90deg);
  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; }

.x-panel-green-panel-framed {
  border-color: #8a8a8a; }

.x-panel-header-green-panel-framed {
  font-size: 14px;
  border-color: #648d54;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #8bb17c;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #91b582), color-stop(100%, #85ad76));
  background-image: -webkit-linear-gradient(top, #91b582, #85ad76);
  background-image: -moz-linear-gradient(top, #91b582, #85ad76);
  background-image: -o-linear-gradient(top, #91b582, #85ad76);
  background-image: linear-gradient(top, #91b582, #85ad76); }

.x-panel-header-text-green-panel-framed {
  color: white;
  font-size: 14px;
  font-weight: 600;
  font-family: "Segoe UI", "Lucida Grande", tahoma, arial, verdana, sans-serif;
  line-height: 21px; }

.x-panel-body-green-panel-framed {
  background: #e8e8e8;
  border-color: #8a8a8a;
  color: #1a1a1a;
  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: #648d54; }

.x-panel-header-green-panel-framed-vertical {
  border-color: #648d54; }

.x-panel-header-green-panel-framed-left,
.x-panel-header-green-panel-framed-right {
  background-image: none;
  background-color: #8bb17c;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #91b582), color-stop(100%, #85ad76));
  background-image: -webkit-linear-gradient(right, #91b582, #85ad76);
  background-image: -moz-linear-gradient(right, #91b582, #85ad76);
  background-image: -o-linear-gradient(right, #91b582, #85ad76);
  background-image: linear-gradient(right, #91b582, #85ad76); }

.x-panel-green-panel-framed {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #e8e8e8; }

.x-panel-header-green-panel-framed-top {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 3px 5px 4px 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-image: none;
  background-color: #8bb17c;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #91b582), color-stop(100%, #85ad76));
  background-image: -webkit-linear-gradient(top, #91b582, #85ad76);
  background-image: -moz-linear-gradient(top, #91b582, #85ad76);
  background-image: -o-linear-gradient(top, #91b582, #85ad76);
  background-image: linear-gradient(top, #91b582, #85ad76); }

.x-panel-header-green-panel-framed-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 5px 4px 5px 4px;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-image: none;
  background-color: #8bb17c;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #91b582), color-stop(100%, #85ad76));
  background-image: -webkit-linear-gradient(right, #91b582, #85ad76);
  background-image: -moz-linear-gradient(right, #91b582, #85ad76);
  background-image: -o-linear-gradient(right, #91b582, #85ad76);
  background-image: linear-gradient(right, #91b582, #85ad76); }

.x-panel-header-green-panel-framed-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 3px 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-image: none;
  background-color: #8bb17c;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #91b582), color-stop(100%, #85ad76));
  background-image: -webkit-linear-gradient(top, #91b582, #85ad76);
  background-image: -moz-linear-gradient(top, #91b582, #85ad76);
  background-image: -o-linear-gradient(top, #91b582, #85ad76);
  background-image: linear-gradient(top, #91b582, #85ad76); }

.x-panel-header-green-panel-framed-left {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 5px 4px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-image: none;
  background-color: #8bb17c;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #91b582), color-stop(100%, #85ad76));
  background-image: -webkit-linear-gradient(right, #91b582, #85ad76);
  background-image: -moz-linear-gradient(right, #91b582, #85ad76);
  background-image: -o-linear-gradient(right, #91b582, #85ad76);
  background-image: linear-gradient(right, #91b582, #85ad76); }

.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; }

.x-panel-header-green-panel-framed-collapsed {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px; }

.x-panel-header-green-panel-framed-collapsed-top {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 3px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #8bb17c;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #91b582), color-stop(100%, #85ad76));
  background-image: -webkit-linear-gradient(top, #91b582, #85ad76);
  background-image: -moz-linear-gradient(top, #91b582, #85ad76);
  background-image: -o-linear-gradient(top, #91b582, #85ad76);
  background-image: linear-gradient(top, #91b582, #85ad76); }

.x-panel-header-green-panel-framed-collapsed-right {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #8bb17c;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #91b582), color-stop(100%, #85ad76));
  background-image: -webkit-linear-gradient(right, #91b582, #85ad76);
  background-image: -moz-linear-gradient(right, #91b582, #85ad76);
  background-image: -o-linear-gradient(right, #91b582, #85ad76);
  background-image: linear-gradient(right, #91b582, #85ad76); }

.x-panel-header-green-panel-framed-collapsed-bottom {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 3px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #8bb17c;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #91b582), color-stop(100%, #85ad76));
  background-image: -webkit-linear-gradient(top, #91b582, #85ad76);
  background-image: -moz-linear-gradient(top, #91b582, #85ad76);
  background-image: -o-linear-gradient(top, #91b582, #85ad76);
  background-image: linear-gradient(top, #91b582, #85ad76); }

.x-panel-header-green-panel-framed-collapsed-left {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #8bb17c;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #91b582), color-stop(100%, #85ad76));
  background-image: -webkit-linear-gradient(right, #91b582, #85ad76);
  background-image: -moz-linear-gradient(right, #91b582, #85ad76);
  background-image: -o-linear-gradient(right, #91b582, #85ad76);
  background-image: linear-gradient(right, #91b582, #85ad76); }

.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-header-green-panel-framed {
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset, rgba(255, 255, 255, 0.4) 0 1px;
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset, rgba(255, 255, 255, 0.4) 0 1px;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset, rgba(255, 255, 255, 0.4) 0 1px; }

.x-panel-header-text-green-panel-framed {
  text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-panel-green-panel-framed {
  border-top-color: #648d54 !important; }

.x-panel-header-green-panel-framed .x-tool img {
  background-image: url('../../themes/images/basic-light/tools/tool-sprites-white.png'); }

.x-panel-green-panel-framed.x-grid .x-grid-row-selected .x-grid-cell, .x-panel-green-panel-framed.x-grid .x-grid-row-selected .x-grid-rowwrap-div {
  border-top-color: #85ad76 !important;
  border-right-color: #85ad76 !important;
  background-color: #91b582 !important; }
.x-panel-green-panel-framed.x-grid .x-grid-row-selected + .x-grid-row .x-grid-cell, .x-panel-green-panel-framed.x-grid .x-grid-row-selected + .x-grid-row .x-grid-rowwrap-div {
  border-top-color: #85ad76 !important; }
.x-panel-green-panel-framed.x-grid .x-grid-row-selected .x-grid-cell-inner {
  color: white; }

.x-panel-header-text-container-green-panel-framed {
  line-height: 21px;
  font-weight: 600;
  color: white; }
  .x-panel-header-text-container-green-panel-framed .x-panel-header-text {
    text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.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 50%;
  -moz-transform-origin: 0 0 0 50%;
  -ms-transform-origin: 0 0 0 50%;
  -o-transform-origin: 0 0 0 50%;
  transform-origin: 0 0 0 50%;
  transform: rotate(90deg);
  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; }

.x-toolbar-green-toolbar {
  border-color: #8a8a8a;
  background-image: none;
  background-color: #e8e8e8;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(100%, #e6e6e6));
  background-image: -webkit-linear-gradient(top, #ededed, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ededed, #e6e6e6);
  background-image: -o-linear-gradient(top, #ededed, #e6e6e6);
  background-image: linear-gradient(top, #ededed, #e6e6e6); }

.x-toolbar-green-toolbar {
  -webkit-box-shadow: rgba(255, 255, 255, 0.8) 0 1px inset, rgba(255, 255, 255, 0.4) 1px 0 inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.8) 0 1px inset, rgba(255, 255, 255, 0.4) 1px 0 inset;
  box-shadow: rgba(255, 255, 255, 0.8) 0 1px inset, rgba(255, 255, 255, 0.4) 1px 0 inset; }
  .x-toolbar-green-toolbar .x-btn-default-toolbar-small-pressed,
  .x-toolbar-green-toolbar .x-btn-default-toolbar-small-menu-active {
    background-color: #8bb17c;
    border-color: #648d54;
    background-image: none;
    background-color: #8bb17c;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7aa669), color-stop(20%, #8bb17c), color-stop(75%, #8bb17c), color-stop(100%, #7aa669));
    background-image: -webkit-linear-gradient(top, #7aa669, #8bb17c 20%, #8bb17c 75%, #7aa669);
    background-image: -moz-linear-gradient(top, #7aa669, #8bb17c 20%, #8bb17c 75%, #7aa669);
    background-image: -o-linear-gradient(top, #7aa669, #8bb17c 20%, #8bb17c 75%, #7aa669);
    background-image: linear-gradient(top, #7aa669, #8bb17c 20%, #8bb17c 75%, #7aa669); }
  .x-toolbar-green-toolbar .x-btn-default-toolbar-medium-pressed,
  .x-toolbar-green-toolbar .x-btn-default-toolbar-medium-menu-active {
    background-color: #8bb17c;
    border-color: #648d54;
    background-image: none;
    background-color: #8bb17c;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7aa669), color-stop(20%, #8bb17c), color-stop(75%, #8bb17c), color-stop(100%, #7aa669));
    background-image: -webkit-linear-gradient(top, #7aa669, #8bb17c 20%, #8bb17c 75%, #7aa669);
    background-image: -moz-linear-gradient(top, #7aa669, #8bb17c 20%, #8bb17c 75%, #7aa669);
    background-image: -o-linear-gradient(top, #7aa669, #8bb17c 20%, #8bb17c 75%, #7aa669);
    background-image: linear-gradient(top, #7aa669, #8bb17c 20%, #8bb17c 75%, #7aa669); }
  .x-toolbar-green-toolbar .x-btn-default-toolbar-large-pressed,
  .x-toolbar-green-toolbar .x-btn-default-toolbar-lerge-menu-active {
    background-color: #8bb17c;
    border-color: #648d54;
    background-image: none;
    background-color: #8bb17c;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7aa669), color-stop(20%, #8bb17c), color-stop(75%, #8bb17c), color-stop(100%, #7aa669));
    background-image: -webkit-linear-gradient(top, #7aa669, #8bb17c 20%, #8bb17c 75%, #7aa669);
    background-image: -moz-linear-gradient(top, #7aa669, #8bb17c 20%, #8bb17c 75%, #7aa669);
    background-image: -o-linear-gradient(top, #7aa669, #8bb17c 20%, #8bb17c 75%, #7aa669);
    background-image: linear-gradient(top, #7aa669, #8bb17c 20%, #8bb17c 75%, #7aa669); }

.x-panel-green-tab {
  border-color: #8a8a8a; }

.x-panel-header-green-tab {
  font-size: 14px;
  border-color: #648d54;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #8bb17c;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #91b582), color-stop(100%, #85ad76));
  background-image: -webkit-linear-gradient(top, #91b582, #85ad76);
  background-image: -moz-linear-gradient(top, #91b582, #85ad76);
  background-image: -o-linear-gradient(top, #91b582, #85ad76);
  background-image: linear-gradient(top, #91b582, #85ad76); }

.x-panel-header-text-green-tab {
  color: white;
  font-size: 14px;
  font-weight: 600;
  font-family: "Segoe UI", "Lucida Grande", tahoma, arial, verdana, sans-serif;
  line-height: 21px; }

.x-panel-body-green-tab {
  background: #e8e8e8;
  border-color: #8a8a8a;
  color: #1a1a1a;
  border-width: 1px;
  border-style: solid; }

.x-panel-collapsed .x-window-header-green-tab,
.x-panel-collapsed .x-panel-header-green-tab {
  border-color: #648d54; }

.x-panel-header-green-tab-vertical {
  border-color: #648d54; }

.x-panel-header-green-tab-left,
.x-panel-header-green-tab-right {
  background-image: none;
  background-color: #8bb17c;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #91b582), color-stop(100%, #85ad76));
  background-image: -webkit-linear-gradient(right, #91b582, #85ad76);
  background-image: -moz-linear-gradient(right, #91b582, #85ad76);
  background-image: -o-linear-gradient(right, #91b582, #85ad76);
  background-image: linear-gradient(right, #91b582, #85ad76); }

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

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

.x-panel-header-green-tab {
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset; }

.x-panel-header-text-green-tab {
  text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-panel-body-green-tab {
  -webkit-box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset; }

.x-panel-header-green-tab + .x-panel-body-green-tab {
  border-top-color: #597d4a; }

.x-panel-header-green-tab .x-tool img {
  background-image: url('../../themes/images/basic-light/tools/tool-sprites-white.png'); }

.x-panel-green-tab > .x-tab-bar {
  background-color: #7da76c;
  background-image: none;
  -webkit-box-shadow: #5f8650 0 1px inset;
  -moz-box-shadow: #5f8650 0 1px inset;
  box-shadow: #5f8650 0 1px inset; }
  .x-panel-green-tab > .x-tab-bar .x-tab-bar-body {
    border-right-color: #648d54; }
  .x-panel-green-tab > .x-tab-bar.x-tab-bar-default-plain {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .x-panel-green-tab > .x-tab-bar .x-tab-default-top {
    background-color: #7da76c;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #83ab72), color-stop(100%, #77a466));
    background-image: -webkit-linear-gradient(top, #83ab72, #77a466);
    background-image: -moz-linear-gradient(top, #83ab72, #77a466);
    background-image: -o-linear-gradient(top, #83ab72, #77a466);
    background-image: linear-gradient(top, #83ab72, #77a466);
    border-color: #648d54;
    -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 1px inset, #5e854f 0 -1px inset;
    -moz-box-shadow: rgba(255, 255, 255, 0.2) 0 1px inset, #5e854f 0 -1px inset;
    box-shadow: rgba(255, 255, 255, 0.2) 0 1px inset, #5e854f 0 -1px inset; }
    .x-panel-green-tab > .x-tab-bar .x-tab-default-top .x-tab-inner {
      color: white;
      text-shadow: none; }
    .x-panel-green-tab > .x-tab-bar .x-tab-default-top.x-tab-over {
      background-color: #92ba83;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #92ba83), color-stop(100%, #7da76c));
      background-image: -webkit-linear-gradient(top, #92ba83, #7da76c);
      background-image: -moz-linear-gradient(top, #92ba83, #7da76c);
      background-image: -o-linear-gradient(top, #92ba83, #7da76c);
      background-image: linear-gradient(top, #92ba83, #7da76c); }
    .x-panel-green-tab > .x-tab-bar .x-tab-default-top.x-tab-active {
      background-color: #e8e8e8;
      border-top-color: #8a8a8a;
      -webkit-box-shadow: rgba(255, 255, 255, 0.9) 0 1px inset;
      -moz-box-shadow: rgba(255, 255, 255, 0.9) 0 1px inset;
      box-shadow: rgba(255, 255, 255, 0.9) 0 1px inset;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #ebebeb));
      background-image: -webkit-linear-gradient(top, #f0f0f0, #ebebeb);
      background-image: -moz-linear-gradient(top, #f0f0f0, #ebebeb);
      background-image: -o-linear-gradient(top, #f0f0f0, #ebebeb);
      background-image: linear-gradient(top, #f0f0f0, #ebebeb); }
      .x-panel-green-tab > .x-tab-bar .x-tab-default-top.x-tab-active .x-tab-inner {
        color: #535353;
        text-shadow: rgba(255, 255, 255, 0.8) 1px 1px; }
  .x-panel-green-tab > .x-tab-bar .x-tab-bar-strip-default-top {
    border-top-color: #648d54; }
  .x-panel-green-tab > .x-tab-bar .x-tab-close-btn {
    background-image: url('../../themes/images/basic-light/tab/tab-white-close.gif'); }
  .x-panel-green-tab > .x-tab-bar .x-tab-active .x-tab-close-btn {
    background-image: url('../../themes/images/basic-light/tab/tab-default-close.gif'); }
  .x-panel-green-tab > .x-tab-bar .x-tab-green-tab-top {
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-color: #648d54; }
  .x-panel-green-tab > .x-tab-bar .x-tab-green-tab {
    padding: 0 15px 0 8px;
    background-color: #7da76c;
    -webkit-box-shadow: #648d54 0 -1px inset;
    -moz-box-shadow: #648d54 0 -1px inset;
    box-shadow: #648d54 0 -1px inset;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #83ab72), color-stop(100%, #77a466));
    background-image: -webkit-linear-gradient(top, #83ab72, #77a466);
    background-image: -moz-linear-gradient(top, #83ab72, #77a466);
    background-image: -o-linear-gradient(top, #83ab72, #77a466);
    background-image: linear-gradient(top, #83ab72, #77a466); }
    .x-panel-green-tab > .x-tab-bar .x-tab-green-tab .x-tab-inner {
      color: white;
      font-weight: 600;
      line-height: 24px;
      text-shadow: none; }
  .x-panel-green-tab > .x-tab-bar .x-tab-green-tab-over {
    background-color: #92ba83;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #92ba83), color-stop(100%, #7da76c));
    background-image: -webkit-linear-gradient(top, #92ba83, #7da76c);
    background-image: -moz-linear-gradient(top, #92ba83, #7da76c);
    background-image: -o-linear-gradient(top, #92ba83, #7da76c);
    background-image: linear-gradient(top, #92ba83, #7da76c); }
  .x-panel-green-tab > .x-tab-bar .x-tab-green-tab-active {
    -webkit-box-shadow: white 1px 0 inset;
    -moz-box-shadow: white 1px 0 inset;
    box-shadow: white 1px 0 inset;
    background-color: #e8e8e8;
    background-image: none; }
    .x-panel-green-tab > .x-tab-bar .x-tab-green-tab-active .x-tab-inner {
      color: #535353;
      text-shadow: white 1px 1px; }
  .x-panel-green-tab > .x-tab-bar .x-tab-green-tab-disabled {
    background-color: #7b9371;
    background-image: none; }
    .x-panel-green-tab > .x-tab-bar .x-tab-green-tab-disabled .x-tab-inner {
      color: #cccccc; }
  .x-panel-green-tab > .x-tab-bar .x-tab-bar-plain .x-tab:first-child {
    border-left: 1px solid #8a8a8a !important; }
  .x-panel-green-tab > .x-tab-bar .x-tab-bar-strip-green-tab {
    background-color: #e8e8e8;
    border-style: solid;
    border-left-color: #8a8a8a;
    border-right-color: #8a8a8a; }
  .x-panel-green-tab > .x-tab-bar .x-tab-bar-strip-green-tab-top {
    border-top-color: #648d54; }
  .x-panel-green-tab > .x-tab-bar .x-tab-bar-strip-green-tab-right {
    border-right: none !important; }
  .x-panel-green-tab > .x-tab-bar .x-tab-bar-strip-green-tab-left {
    border-left: none !important; }
  .x-panel-green-tab > .x-tab-bar .x-tab-bar-body-green-tab-bottom > .x-box-inner {
    -webkit-box-shadow: #8a8a8a 0 1px inset;
    -moz-box-shadow: #8a8a8a 0 1px inset;
    box-shadow: #8a8a8a 0 1px inset; }
  .x-panel-green-tab > .x-tab-bar .x-tab-bar-body-green-tab-right > .x-box-inner {
    -webkit-box-shadow: #8a8a8a 1px 0 inset;
    -moz-box-shadow: #8a8a8a 1px 0 inset;
    box-shadow: #8a8a8a 1px 0 inset; }
  .x-panel-green-tab > .x-tab-bar .x-tab-bar-body-green-tab-left > .x-box-inner {
    -webkit-box-shadow: #8a8a8a -1px 0 inset;
    -moz-box-shadow: #8a8a8a -1px 0 inset;
    box-shadow: #8a8a8a -1px 0 inset; }
  .x-panel-green-tab > .x-tab-bar .x-tab-bar-green-tab-right {
    right: 0px !important;
    left: auto !important;
    z-index: 2; }
  .x-panel-green-tab > .x-tab-bar .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-right: 1px solid #648d54; }
    .x-panel-green-tab > .x-tab-bar .x-tab-green-tab-right .x-tab-inner {
      line-height: 24px; }
  .x-panel-green-tab > .x-tab-bar .x-tab-green-tab-right-over {
    background-color: #92ba83; }
  .x-panel-green-tab > .x-tab-bar .x-tab-green-tab-right-active {
    background-color: #e8e8e8; }
  .x-panel-green-tab > .x-tab-bar .x-tab-green-tab-right-disabled {
    background-color: #7b9371;
    background-image: none; }
    .x-panel-green-tab > .x-tab-bar .x-tab-green-tab-right-disabled .x-tab-inner {
      color: #a3b49d; }
  .x-panel-green-tab > .x-tab-bar .x-tab-bar-green-tab-left {
    left: 0px !important;
    right: auto !important;
    z-index: 2; }
  .x-panel-green-tab > .x-tab-bar .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-left: 1px solid #648d54 !important; }
    .x-panel-green-tab > .x-tab-bar .x-tab-green-tab-left .x-tab-inner {
      line-height: 24px; }
  .x-panel-green-tab > .x-tab-bar .x-tab-green-tab-left-over {
    background-color: #92ba83; }
  .x-panel-green-tab > .x-tab-bar .x-tab-green-tab-left-active {
    background-color: #e8e8e8; }
  .x-panel-green-tab > .x-tab-bar .x-tab-green-tab-left-disabled {
    background-color: #7b9371;
    background-image: none; }
    .x-panel-green-tab > .x-tab-bar .x-tab-green-tab-left-disabled .x-tab-inner {
      color: #a3b49d; }

.x-panel-body-green-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected .x-grid-cell, .x-panel-body-green-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected .x-grid-rowwrap-div {
  border-top-color: #85ad76 !important;
  border-right-color: #85ad76 !important;
  background-color: #91b582 !important; }
.x-panel-body-green-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected + .x-grid-row .x-grid-cell, .x-panel-body-green-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected + .x-grid-row .x-grid-rowwrap-div {
  border-top-color: #85ad76 !important; }
.x-panel-body-green-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected .x-grid-cell-inner {
  color: white; }
.x-panel-body-green-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected .x-grid-rowbody {
  color: white; }

.x-btn-green-button-small {
  border-color: #6e9b5c; }

.x-btn-green-button-small {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #84ac74;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8ab07a), color-stop(100%, #7ea86e));
  background-image: -webkit-linear-gradient(top, #8ab07a, #7ea86e);
  background-image: -moz-linear-gradient(top, #8ab07a, #7ea86e);
  background-image: -o-linear-gradient(top, #8ab07a, #7ea86e);
  background-image: linear-gradient(top, #8ab07a, #7ea86e); }

.x-btn-green-button-small .x-btn-inner {
  font-size: 13px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #638b53;
  background-image: none;
  background-color: #7ba76a; }

.x-btn-green-button-small-focus {
  border-color: #638b53;
  background-image: none;
  background-color: #7ba76a; }

.x-btn-green-button-small-menu-active,
.x-btn-green-button-small-pressed {
  border-color: #547646;
  background-image: none;
  background-color: #648d54; }

.x-btn-green-button-small-disabled {
  border-color: #8ab07a;
  background-image: none;
  background-color: #a0bf94; }

.x-btn-green-button-medium {
  border-color: #6e9b5c; }

.x-btn-green-button-medium {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #84ac74;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8ab07a), color-stop(100%, #7ea86e));
  background-image: -webkit-linear-gradient(top, #8ab07a, #7ea86e);
  background-image: -moz-linear-gradient(top, #8ab07a, #7ea86e);
  background-image: -o-linear-gradient(top, #8ab07a, #7ea86e);
  background-image: linear-gradient(top, #8ab07a, #7ea86e); }

.x-btn-green-button-medium .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #638b53;
  background-image: none;
  background-color: #7ba76a; }

.x-btn-green-button-medium-focus {
  border-color: #638b53;
  background-image: none;
  background-color: #7ba76a; }

.x-btn-green-button-medium-menu-active,
.x-btn-green-button-medium-pressed {
  border-color: #547646;
  background-image: none;
  background-color: #648d54; }

.x-btn-green-button-medium-disabled {
  border-color: #8ab07a;
  background-image: none;
  background-color: #a0bf94; }

.x-btn-green-button-large {
  border-color: #6e9b5c; }

.x-btn-green-button-large {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #84ac74;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8ab07a), color-stop(100%, #7ea86e));
  background-image: -webkit-linear-gradient(top, #8ab07a, #7ea86e);
  background-image: -moz-linear-gradient(top, #8ab07a, #7ea86e);
  background-image: -o-linear-gradient(top, #8ab07a, #7ea86e);
  background-image: linear-gradient(top, #8ab07a, #7ea86e); }

.x-btn-green-button-large .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #638b53;
  background-image: none;
  background-color: #7ba76a; }

.x-btn-green-button-large-focus {
  border-color: #638b53;
  background-image: none;
  background-color: #7ba76a; }

.x-btn-green-button-large-menu-active,
.x-btn-green-button-large-pressed {
  border-color: #547646;
  background-image: none;
  background-color: #648d54; }

.x-btn-green-button-large-disabled {
  border-color: #8ab07a;
  background-image: none;
  background-color: #a0bf94; }

.x-btn-green-button-small {
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset; }

.x-btn-green-button-medium {
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset; }

.x-btn-green-button-large {
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset; }

.x-btn-green-button-small-pressed {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.x-btn-green-button-medium-pressed {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.x-btn-green-button-large-pressed {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.x-btn-green-button-small {
  border-bottom-color: #648d54; }

.x-btn-green-button-medium {
  border-bottom-color: #648d54; }

.x-btn-green-button-large {
  border-bottom-color: #648d54; }

.x-btn-green-button-small-disabled {
  border-bottom-color: #8ab07a; }

.x-btn-green-button-medium-disabled {
  border-bottom-color: #8ab07a; }

.x-btn-green-button-large-disabled {
  border-bottom-color: #8ab07a; }

.x-btn-green-button-small {
  padding: 4px; }

.x-btn-green-button-medium {
  padding: 4px; }

.x-btn-green-button-large {
  padding: 4px; }

.x-btn-green-button-small-icon .x-btn-icon-el {
  width: 16px;
  height: 16px; }

.x-btn-green-button-medium-icon .x-btn-icon-el {
  width: 24px;
  height: 24px; }

.x-btn-green-button-large-icon .x-btn-icon-el {
  width: 32px;
  height: 32px; }

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

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

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

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

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

.x-btn-green-button-large-icon-text-right .x-btn-icon-el {
  width: 32px;
  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; }

.x-btn-green-button-toolbar-small {
  border-color: transparent; }

.x-btn-green-button-toolbar-small {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  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: 13px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #5e854f;
  background-image: none;
  background-color: #83ab72;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #87ae77), color-stop(20%, #88af79), color-stop(100%, #7da76c));
  background-image: -webkit-linear-gradient(top, #87ae77, #88af79 20%, #7da76c);
  background-image: -moz-linear-gradient(top, #87ae77, #88af79 20%, #7da76c);
  background-image: -o-linear-gradient(top, #87ae77, #88af79 20%, #7da76c);
  background-image: linear-gradient(top, #87ae77, #88af79 20%, #7da76c); }
  .x-btn-green-button-toolbar-small-over .x-btn-inner {
    color: white; }

.x-btn-green-button-toolbar-small-focus {
  border-color: #5e854f;
  background-image: none;
  background-color: #7ba76a;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #87ae77), color-stop(20%, #88af79), color-stop(100%, #7da76c));
  background-image: -webkit-linear-gradient(top, #87ae77, #88af79 20%, #7da76c);
  background-image: -moz-linear-gradient(top, #87ae77, #88af79 20%, #7da76c);
  background-image: -o-linear-gradient(top, #87ae77, #88af79 20%, #7da76c);
  background-image: linear-gradient(top, #87ae77, #88af79 20%, #7da76c); }
  .x-btn-green-button-toolbar-small-focus .x-btn-inner {
    color: white; }

.x-btn-green-button-toolbar-small-menu-active,
.x-btn-green-button-toolbar-small-pressed {
  border-color: #4d6d41;
  background-image: none;
  background-color: #6f9d5d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b9659), color-stop(100%, #7aa669));
  background-image: -webkit-linear-gradient(top, #6b9659, #7aa669);
  background-image: -moz-linear-gradient(top, #6b9659, #7aa669);
  background-image: -o-linear-gradient(top, #6b9659, #7aa669);
  background-image: linear-gradient(top, #6b9659, #7aa669); }
  .x-btn-green-button-toolbar-small-menu-active .x-btn-inner,
  .x-btn-green-button-toolbar-small-pressed .x-btn-inner {
    color: white; }

.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; }

.x-btn-green-button-toolbar-medium {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-green-button-toolbar-medium .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #5e854f;
  background-image: none;
  background-color: #83ab72;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #87ae77), color-stop(20%, #88af79), color-stop(100%, #7da76c));
  background-image: -webkit-linear-gradient(top, #87ae77, #88af79 20%, #7da76c);
  background-image: -moz-linear-gradient(top, #87ae77, #88af79 20%, #7da76c);
  background-image: -o-linear-gradient(top, #87ae77, #88af79 20%, #7da76c);
  background-image: linear-gradient(top, #87ae77, #88af79 20%, #7da76c); }
  .x-btn-green-button-toolbar-medium-over .x-btn-inner {
    color: white; }

.x-btn-green-button-toolbar-medium-focus {
  border-color: #5e854f;
  background-image: none;
  background-color: #7ba76a;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #87ae77), color-stop(20%, #88af79), color-stop(100%, #7da76c));
  background-image: -webkit-linear-gradient(top, #87ae77, #88af79 20%, #7da76c);
  background-image: -moz-linear-gradient(top, #87ae77, #88af79 20%, #7da76c);
  background-image: -o-linear-gradient(top, #87ae77, #88af79 20%, #7da76c);
  background-image: linear-gradient(top, #87ae77, #88af79 20%, #7da76c); }
  .x-btn-green-button-toolbar-medium-focus .x-btn-inner {
    color: white; }

.x-btn-green-button-toolbar-medium-menu-active,
.x-btn-green-button-toolbar-medium-pressed {
  border-color: #4d6d41;
  background-image: none;
  background-color: #6f9d5d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b9659), color-stop(100%, #7aa669));
  background-image: -webkit-linear-gradient(top, #6b9659, #7aa669);
  background-image: -moz-linear-gradient(top, #6b9659, #7aa669);
  background-image: -o-linear-gradient(top, #6b9659, #7aa669);
  background-image: linear-gradient(top, #6b9659, #7aa669); }
  .x-btn-green-button-toolbar-medium-menu-active .x-btn-inner,
  .x-btn-green-button-toolbar-medium-pressed .x-btn-inner {
    color: white; }

.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; }

.x-btn-green-button-toolbar-large {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-green-button-toolbar-large .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #5e854f;
  background-image: none;
  background-color: #83ab72;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #87ae77), color-stop(20%, #88af79), color-stop(100%, #7da76c));
  background-image: -webkit-linear-gradient(top, #87ae77, #88af79 20%, #7da76c);
  background-image: -moz-linear-gradient(top, #87ae77, #88af79 20%, #7da76c);
  background-image: -o-linear-gradient(top, #87ae77, #88af79 20%, #7da76c);
  background-image: linear-gradient(top, #87ae77, #88af79 20%, #7da76c); }
  .x-btn-green-button-toolbar-large-over .x-btn-inner {
    color: white; }

.x-btn-green-button-toolbar-large-focus {
  border-color: #5e854f;
  background-image: none;
  background-color: #7ba76a;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #87ae77), color-stop(20%, #88af79), color-stop(100%, #7da76c));
  background-image: -webkit-linear-gradient(top, #87ae77, #88af79 20%, #7da76c);
  background-image: -moz-linear-gradient(top, #87ae77, #88af79 20%, #7da76c);
  background-image: -o-linear-gradient(top, #87ae77, #88af79 20%, #7da76c);
  background-image: linear-gradient(top, #87ae77, #88af79 20%, #7da76c); }
  .x-btn-green-button-toolbar-large-focus .x-btn-inner {
    color: white; }

.x-btn-green-button-toolbar-large-menu-active,
.x-btn-green-button-toolbar-large-pressed {
  border-color: #4d6d41;
  background-image: none;
  background-color: #6f9d5d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b9659), color-stop(100%, #7aa669));
  background-image: -webkit-linear-gradient(top, #6b9659, #7aa669);
  background-image: -moz-linear-gradient(top, #6b9659, #7aa669);
  background-image: -o-linear-gradient(top, #6b9659, #7aa669);
  background-image: linear-gradient(top, #6b9659, #7aa669); }
  .x-btn-green-button-toolbar-large-menu-active .x-btn-inner,
  .x-btn-green-button-toolbar-large-pressed .x-btn-inner {
    color: white; }

.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; }

/*
@include btn-highlight($ui-label:'green-button-toolbar',
	$btn-ui-shadow-over:'rgba(255, 255, 255, 0.1) 0 1px inset',
	$btn-ui-shadow-pressed:'none');
*/
.x-btn-green-button-toolbar-small-over {
  border-bottom-color: #5d834e; }

.x-btn-green-button-toolbar-medium-over {
  border-bottom-color: #5d834e; }

.x-btn-green-button-toolbar-large-over {
  border-bottom-color: #5d834e; }

.x-btn-green-button-toolbar-small-disabled {
  border-bottom-color: #8ab07a; }

.x-btn-green-button-toolbar-medium-disabled {
  border-bottom-color: #8ab07a; }

.x-btn-green-button-toolbar-large-disabled {
  border-bottom-color: #8ab07a; }

.x-btn-green-button-toolbar-small {
  padding: 4px; }

.x-btn-green-button-toolbar-medium {
  padding: 4px; }

.x-btn-green-button-toolbar-large {
  padding: 4px; }

.x-btn-green-button-toolbar-small-icon .x-btn-icon-el {
  width: 16px;
  height: 16px; }

.x-btn-green-button-toolbar-medium-icon .x-btn-icon-el {
  width: 24px;
  height: 24px; }

.x-btn-green-button-toolbar-large-icon .x-btn-icon-el {
  width: 32px;
  height: 32px; }

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

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

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

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

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

.x-btn-green-button-toolbar-large-icon-text-right .x-btn-icon-el {
  width: 32px;
  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; }

.x-window-green-window {
  border-color: #6f9d5d;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.x-window-green-window {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: #8bb17c; }

.x-window-body-green-window {
  border-color: #8a8a8a;
  border-width: 1px;
  background: #e8e8e8;
  color: black; }

.x-window-header-green-window {
  font-size: 14px;
  border-color: #6f9d5d;
  zoom: 1; }

.x-window-header-text-green-window {
  color: white;
  font-weight: 600;
  line-height: 24px;
  /*marko*/
  font-family: "Segoe UI", "Lucida Grande", tahoma, arial, verdana, sans-serif;
  font-size: 14px; }

.x-window-header-green-window-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 4px 5px 0 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #8bb17c; }

.x-window-header-green-window-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 5px 4px 5px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: #8bb17c; }

.x-window-header-green-window-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 0 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #8bb17c; }

.x-window-header-green-window-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 5px 0px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-color: #8bb17c; }

.x-window-header-green-window-collapsed-top {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #8bb17c; }

.x-window-header-green-window-collapsed-right {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #8bb17c; }

.x-window-header-green-window-collapsed-bottom {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #8bb17c; }

.x-window-header-green-window-collapsed-left {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #8bb17c; }

.x-window-header-green-window .x-tool img {
  background-image: url('../../themes/images/basic-light/tools/tool-sprites-white.png'); }

.x-window-header-text-green-window {
  text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-window-header-text-container-green-window {
  font-weight: 600;
  line-height: 24px;
  color: white; }
  .x-window-header-text-container-green-window .x-window-header-text {
    text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-progress-green-progress {
  border-color: #8a8a8a;
  background-color: #c2c2c2; }
  .x-progress-green-progress .x-progress-bar {
    border-right-color: #8a8a8a;
    border-top-color: #cacaca;
    background-image: none;
    background-color: #85ad76;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8bb17c), color-stop(100%, #80a96f));
    background-image: -webkit-linear-gradient(top, #8bb17c, #80a96f);
    background-image: -moz-linear-gradient(top, #8bb17c, #80a96f);
    background-image: -o-linear-gradient(top, #8bb17c, #80a96f);
    background-image: linear-gradient(top, #8bb17c, #80a96f); }
  .x-progress-green-progress .x-progress-text {
    color: white; }
  .x-progress-green-progress .x-progress-text-back {
    color: #404040; }

/**
 * W3C suggested default style sheet for HTML 4:
 * [http://www.w3.org/TR/CSS21/sample.html](http://www.w3.org/TR/CSS21/sample.html)
 *
 * @member Global_CSS
 */
.x-panel-header-text-container-default {
  line-height: 21px;
  font-weight: 600;
  color: #535353; }
  .x-panel-header-text-container-default .x-panel-header-text {
    text-shadow: rgba(255, 255, 255, 0.9) 1px 1px; }

.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 50%;
  -moz-transform-origin: 0 0 0 50%;
  -ms-transform-origin: 0 0 0 50%;
  -o-transform-origin: 0 0 0 50%;
  transform-origin: 0 0 0 50%;
  transform: rotate(90deg);
  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 {
  line-height: 21px;
  font-weight: 600;
  color: #535353; }
  .x-panel-header-text-container-default-framed .x-panel-header-text {
    text-shadow: rgba(255, 255, 255, 0.9) 1px 1px; }

.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 50%;
  -moz-transform-origin: 0 0 0 50%;
  -ms-transform-origin: 0 0 0 50%;
  -o-transform-origin: 0 0 0 50%;
  transform-origin: 0 0 0 50%;
  transform: rotate(90deg);
  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-panel-orange-panel {
  border-color: #8a8a8a; }

.x-panel-header-orange-panel {
  font-size: 14px;
  border-color: #da8225;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #e3a059;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4a562), color-stop(100%, #e29b50));
  background-image: -webkit-linear-gradient(top, #e4a562, #e29b50);
  background-image: -moz-linear-gradient(top, #e4a562, #e29b50);
  background-image: -o-linear-gradient(top, #e4a562, #e29b50);
  background-image: linear-gradient(top, #e4a562, #e29b50); }

.x-panel-header-text-orange-panel {
  color: white;
  font-size: 14px;
  font-weight: 600;
  font-family: "Segoe UI", "Lucida Grande", tahoma, arial, verdana, sans-serif;
  line-height: 21px; }

.x-panel-body-orange-panel {
  background: #e8e8e8;
  border-color: #8a8a8a;
  color: #1a1a1a;
  border-width: 1px;
  border-style: solid; }

.x-panel-collapsed .x-window-header-orange-panel,
.x-panel-collapsed .x-panel-header-orange-panel {
  border-color: #da8225; }

.x-panel-header-orange-panel-vertical {
  border-color: #da8225; }

.x-panel-header-orange-panel-left,
.x-panel-header-orange-panel-right {
  background-image: none;
  background-color: #e3a059;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e4a562), color-stop(100%, #e29b50));
  background-image: -webkit-linear-gradient(right, #e4a562, #e29b50);
  background-image: -moz-linear-gradient(right, #e4a562, #e29b50);
  background-image: -o-linear-gradient(right, #e4a562, #e29b50);
  background-image: linear-gradient(right, #e4a562, #e29b50); }

.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 {
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset; }

.x-panel-header-text-orange-panel {
  text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-panel-body-orange-panel {
  -webkit-box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset; }

.x-panel-header-orange-panel + .x-panel-body-orange-panel {
  border-top-color: #c47521; }

.x-panel-header-orange-panel .x-tool img {
  background-image: url('../../themes/images/basic-light/tools/tool-sprites-white.png'); }

.x-accordion-item .x-panel-header-orange-panel {
  background-color: #e3a059 !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4a562), color-stop(100%, #e29b50)) !important;
  background-image: -webkit-linear-gradient(top, #e4a562, #e29b50) !important;
  background-image: -moz-linear-gradient(top, #e4a562, #e29b50) !important;
  background-image: -o-linear-gradient(top, #e4a562, #e29b50) !important;
  background-image: linear-gradient(top, #e4a562, #e29b50) !important;
  border-top-width: 0px !important;
  border-bottom-color: #da8225 !important; }
  .x-accordion-item .x-panel-header-orange-panel .x-panel-header-text {
    color: white; }
  .x-accordion-item .x-panel-header-orange-panel:hover {
    cursor: pointer; }

.x-accordion-hd-sibling-expanded.x-panel-header-orange-panel {
  border-top: 1px solid #da8225 !important; }

.x-panel-orange-panel.x-grid .x-grid-row-selected .x-grid-cell, .x-panel-orange-panel.x-grid .x-grid-row-selected .x-grid-rowwrap-div {
  border-top-color: #e29b50 !important;
  border-right-color: #e29b50 !important;
  background-color: #e4a562 !important; }
.x-panel-orange-panel.x-grid .x-grid-row-selected + .x-grid-row .x-grid-cell, .x-panel-orange-panel.x-grid .x-grid-row-selected + .x-grid-row .x-grid-rowwrap-div {
  border-top-color: #e29b50 !important; }
.x-panel-orange-panel.x-grid .x-grid-row-selected .x-grid-cell-inner {
  color: white; }
.x-panel-orange-panel.x-grid .x-grid-row-selected .x-grid-rowbody {
  color: white; }

.x-panel-header-text-container-orange-panel {
  line-height: 21px;
  font-weight: 600;
  color: white; }
  .x-panel-header-text-container-orange-panel .x-panel-header-text {
    text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.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 50%;
  -moz-transform-origin: 0 0 0 50%;
  -ms-transform-origin: 0 0 0 50%;
  -o-transform-origin: 0 0 0 50%;
  transform-origin: 0 0 0 50%;
  transform: rotate(90deg);
  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; }

.x-panel-orange-panel-framed {
  border-color: #8a8a8a; }

.x-panel-header-orange-panel-framed {
  font-size: 14px;
  border-color: #da8225;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #e3a059;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4a562), color-stop(100%, #e29b50));
  background-image: -webkit-linear-gradient(top, #e4a562, #e29b50);
  background-image: -moz-linear-gradient(top, #e4a562, #e29b50);
  background-image: -o-linear-gradient(top, #e4a562, #e29b50);
  background-image: linear-gradient(top, #e4a562, #e29b50); }

.x-panel-header-text-orange-panel-framed {
  color: white;
  font-size: 14px;
  font-weight: 600;
  font-family: "Segoe UI", "Lucida Grande", tahoma, arial, verdana, sans-serif;
  line-height: 21px; }

.x-panel-body-orange-panel-framed {
  background: #e8e8e8;
  border-color: #8a8a8a;
  color: #1a1a1a;
  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: #da8225; }

.x-panel-header-orange-panel-framed-vertical {
  border-color: #da8225; }

.x-panel-header-orange-panel-framed-left,
.x-panel-header-orange-panel-framed-right {
  background-image: none;
  background-color: #e3a059;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e4a562), color-stop(100%, #e29b50));
  background-image: -webkit-linear-gradient(right, #e4a562, #e29b50);
  background-image: -moz-linear-gradient(right, #e4a562, #e29b50);
  background-image: -o-linear-gradient(right, #e4a562, #e29b50);
  background-image: linear-gradient(right, #e4a562, #e29b50); }

.x-panel-orange-panel-framed {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #e8e8e8; }

.x-panel-header-orange-panel-framed-top {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 3px 5px 4px 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-image: none;
  background-color: #e3a059;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4a562), color-stop(100%, #e29b50));
  background-image: -webkit-linear-gradient(top, #e4a562, #e29b50);
  background-image: -moz-linear-gradient(top, #e4a562, #e29b50);
  background-image: -o-linear-gradient(top, #e4a562, #e29b50);
  background-image: linear-gradient(top, #e4a562, #e29b50); }

.x-panel-header-orange-panel-framed-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 5px 4px 5px 4px;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-image: none;
  background-color: #e3a059;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e4a562), color-stop(100%, #e29b50));
  background-image: -webkit-linear-gradient(right, #e4a562, #e29b50);
  background-image: -moz-linear-gradient(right, #e4a562, #e29b50);
  background-image: -o-linear-gradient(right, #e4a562, #e29b50);
  background-image: linear-gradient(right, #e4a562, #e29b50); }

.x-panel-header-orange-panel-framed-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 3px 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-image: none;
  background-color: #e3a059;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4a562), color-stop(100%, #e29b50));
  background-image: -webkit-linear-gradient(top, #e4a562, #e29b50);
  background-image: -moz-linear-gradient(top, #e4a562, #e29b50);
  background-image: -o-linear-gradient(top, #e4a562, #e29b50);
  background-image: linear-gradient(top, #e4a562, #e29b50); }

.x-panel-header-orange-panel-framed-left {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 5px 4px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-image: none;
  background-color: #e3a059;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e4a562), color-stop(100%, #e29b50));
  background-image: -webkit-linear-gradient(right, #e4a562, #e29b50);
  background-image: -moz-linear-gradient(right, #e4a562, #e29b50);
  background-image: -o-linear-gradient(right, #e4a562, #e29b50);
  background-image: linear-gradient(right, #e4a562, #e29b50); }

.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; }

.x-panel-header-orange-panel-framed-collapsed {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px; }

.x-panel-header-orange-panel-framed-collapsed-top {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 3px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #e3a059;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4a562), color-stop(100%, #e29b50));
  background-image: -webkit-linear-gradient(top, #e4a562, #e29b50);
  background-image: -moz-linear-gradient(top, #e4a562, #e29b50);
  background-image: -o-linear-gradient(top, #e4a562, #e29b50);
  background-image: linear-gradient(top, #e4a562, #e29b50); }

.x-panel-header-orange-panel-framed-collapsed-right {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #e3a059;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e4a562), color-stop(100%, #e29b50));
  background-image: -webkit-linear-gradient(right, #e4a562, #e29b50);
  background-image: -moz-linear-gradient(right, #e4a562, #e29b50);
  background-image: -o-linear-gradient(right, #e4a562, #e29b50);
  background-image: linear-gradient(right, #e4a562, #e29b50); }

.x-panel-header-orange-panel-framed-collapsed-bottom {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 3px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #e3a059;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4a562), color-stop(100%, #e29b50));
  background-image: -webkit-linear-gradient(top, #e4a562, #e29b50);
  background-image: -moz-linear-gradient(top, #e4a562, #e29b50);
  background-image: -o-linear-gradient(top, #e4a562, #e29b50);
  background-image: linear-gradient(top, #e4a562, #e29b50); }

.x-panel-header-orange-panel-framed-collapsed-left {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #e3a059;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e4a562), color-stop(100%, #e29b50));
  background-image: -webkit-linear-gradient(right, #e4a562, #e29b50);
  background-image: -moz-linear-gradient(right, #e4a562, #e29b50);
  background-image: -o-linear-gradient(right, #e4a562, #e29b50);
  background-image: linear-gradient(right, #e4a562, #e29b50); }

.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-header-orange-panel-framed {
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset, rgba(255, 255, 255, 0.4) 0 1px;
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset, rgba(255, 255, 255, 0.4) 0 1px;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset, rgba(255, 255, 255, 0.4) 0 1px; }

.x-panel-header-text-orange-panel-framed {
  text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-panel-orange-panel-framed {
  border-top-color: #da8225 !important; }

.x-panel-header-orange-panel-framed .x-tool img {
  background-image: url('../../themes/images/basic-light/tools/tool-sprites-white.png'); }

.x-panel-orange-panel-framed.x-grid .x-grid-row-selected .x-grid-cell, .x-panel-orange-panel-framed.x-grid .x-grid-row-selected .x-grid-rowwrap-div {
  border-top-color: #e29b50 !important;
  border-right-color: #e29b50 !important;
  background-color: #e4a562 !important; }
.x-panel-orange-panel-framed.x-grid .x-grid-row-selected + .x-grid-row .x-grid-cell, .x-panel-orange-panel-framed.x-grid .x-grid-row-selected + .x-grid-row .x-grid-rowwrap-div {
  border-top-color: #e29b50 !important; }
.x-panel-orange-panel-framed.x-grid .x-grid-row-selected .x-grid-cell-inner {
  color: white; }

.x-panel-header-text-container-orange-panel-framed {
  line-height: 21px;
  font-weight: 600;
  color: white; }
  .x-panel-header-text-container-orange-panel-framed .x-panel-header-text {
    text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.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 50%;
  -moz-transform-origin: 0 0 0 50%;
  -ms-transform-origin: 0 0 0 50%;
  -o-transform-origin: 0 0 0 50%;
  transform-origin: 0 0 0 50%;
  transform: rotate(90deg);
  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; }

.x-toolbar-orange-toolbar {
  border-color: #8a8a8a;
  background-image: none;
  background-color: #e8e8e8;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(100%, #e6e6e6));
  background-image: -webkit-linear-gradient(top, #ededed, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ededed, #e6e6e6);
  background-image: -o-linear-gradient(top, #ededed, #e6e6e6);
  background-image: linear-gradient(top, #ededed, #e6e6e6); }

.x-toolbar-orange-toolbar {
  -webkit-box-shadow: rgba(255, 255, 255, 0.8) 0 1px inset, rgba(255, 255, 255, 0.4) 1px 0 inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.8) 0 1px inset, rgba(255, 255, 255, 0.4) 1px 0 inset;
  box-shadow: rgba(255, 255, 255, 0.8) 0 1px inset, rgba(255, 255, 255, 0.4) 1px 0 inset; }
  .x-toolbar-orange-toolbar .x-btn-default-toolbar-small-pressed,
  .x-toolbar-orange-toolbar .x-btn-default-toolbar-small-menu-active {
    background-color: #e3a059;
    border-color: #cd7a23;
    background-image: none;
    background-color: #e3a059;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #df913f), color-stop(20%, #e3a059), color-stop(75%, #e3a059), color-stop(100%, #df913f));
    background-image: -webkit-linear-gradient(top, #df913f, #e3a059 20%, #e3a059 75%, #df913f);
    background-image: -moz-linear-gradient(top, #df913f, #e3a059 20%, #e3a059 75%, #df913f);
    background-image: -o-linear-gradient(top, #df913f, #e3a059 20%, #e3a059 75%, #df913f);
    background-image: linear-gradient(top, #df913f, #e3a059 20%, #e3a059 75%, #df913f); }
  .x-toolbar-orange-toolbar .x-btn-default-toolbar-medium-pressed,
  .x-toolbar-orange-toolbar .x-btn-default-toolbar-medium-menu-active {
    background-color: #e3a059;
    border-color: #cd7a23;
    background-image: none;
    background-color: #e3a059;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #df913f), color-stop(20%, #e3a059), color-stop(75%, #e3a059), color-stop(100%, #df913f));
    background-image: -webkit-linear-gradient(top, #df913f, #e3a059 20%, #e3a059 75%, #df913f);
    background-image: -moz-linear-gradient(top, #df913f, #e3a059 20%, #e3a059 75%, #df913f);
    background-image: -o-linear-gradient(top, #df913f, #e3a059 20%, #e3a059 75%, #df913f);
    background-image: linear-gradient(top, #df913f, #e3a059 20%, #e3a059 75%, #df913f); }
  .x-toolbar-orange-toolbar .x-btn-default-toolbar-large-pressed,
  .x-toolbar-orange-toolbar .x-btn-default-toolbar-lerge-menu-active {
    background-color: #e3a059;
    border-color: #cd7a23;
    background-image: none;
    background-color: #e3a059;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #df913f), color-stop(20%, #e3a059), color-stop(75%, #e3a059), color-stop(100%, #df913f));
    background-image: -webkit-linear-gradient(top, #df913f, #e3a059 20%, #e3a059 75%, #df913f);
    background-image: -moz-linear-gradient(top, #df913f, #e3a059 20%, #e3a059 75%, #df913f);
    background-image: -o-linear-gradient(top, #df913f, #e3a059 20%, #e3a059 75%, #df913f);
    background-image: linear-gradient(top, #df913f, #e3a059 20%, #e3a059 75%, #df913f); }

.x-panel-orange-tab {
  border-color: #8a8a8a; }

.x-panel-header-orange-tab {
  font-size: 14px;
  border-color: #da8225;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #e3a059;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4a562), color-stop(100%, #e29b50));
  background-image: -webkit-linear-gradient(top, #e4a562, #e29b50);
  background-image: -moz-linear-gradient(top, #e4a562, #e29b50);
  background-image: -o-linear-gradient(top, #e4a562, #e29b50);
  background-image: linear-gradient(top, #e4a562, #e29b50); }

.x-panel-header-text-orange-tab {
  color: white;
  font-size: 14px;
  font-weight: 600;
  font-family: "Segoe UI", "Lucida Grande", tahoma, arial, verdana, sans-serif;
  line-height: 21px; }

.x-panel-body-orange-tab {
  background: #e8e8e8;
  border-color: #8a8a8a;
  color: #1a1a1a;
  border-width: 1px;
  border-style: solid; }

.x-panel-collapsed .x-window-header-orange-tab,
.x-panel-collapsed .x-panel-header-orange-tab {
  border-color: #da8225; }

.x-panel-header-orange-tab-vertical {
  border-color: #da8225; }

.x-panel-header-orange-tab-left,
.x-panel-header-orange-tab-right {
  background-image: none;
  background-color: #e3a059;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e4a562), color-stop(100%, #e29b50));
  background-image: -webkit-linear-gradient(right, #e4a562, #e29b50);
  background-image: -moz-linear-gradient(right, #e4a562, #e29b50);
  background-image: -o-linear-gradient(right, #e4a562, #e29b50);
  background-image: linear-gradient(right, #e4a562, #e29b50); }

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

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

.x-panel-header-orange-tab {
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset; }

.x-panel-header-text-orange-tab {
  text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-panel-body-orange-tab {
  -webkit-box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset; }

.x-panel-header-orange-tab + .x-panel-body-orange-tab {
  border-top-color: #c47521; }

.x-panel-header-orange-tab .x-tool img {
  background-image: url('../../themes/images/basic-light/tools/tool-sprites-white.png'); }

.x-panel-orange-tab > .x-tab-bar {
  background-color: #df9443;
  background-image: none;
  -webkit-box-shadow: #c47521 0 1px inset;
  -moz-box-shadow: #c47521 0 1px inset;
  box-shadow: #c47521 0 1px inset; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-bar-body {
    border-right-color: #cd7a23; }
  .x-panel-orange-tab > .x-tab-bar.x-tab-bar-default-plain {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-default-top {
    background-color: #df9443;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1994c), color-stop(100%, #de8f3a));
    background-image: -webkit-linear-gradient(top, #e1994c, #de8f3a);
    background-image: -moz-linear-gradient(top, #e1994c, #de8f3a);
    background-image: -o-linear-gradient(top, #e1994c, #de8f3a);
    background-image: linear-gradient(top, #e1994c, #de8f3a);
    border-color: #cd7a23;
    -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 1px inset, #c27421 0 -1px inset;
    -moz-box-shadow: rgba(255, 255, 255, 0.2) 0 1px inset, #c27421 0 -1px inset;
    box-shadow: rgba(255, 255, 255, 0.2) 0 1px inset, #c27421 0 -1px inset; }
    .x-panel-orange-tab > .x-tab-bar .x-tab-default-top .x-tab-inner {
      color: white;
      text-shadow: none; }
    .x-panel-orange-tab > .x-tab-bar .x-tab-default-top.x-tab-over {
      background-color: #e8a863;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8a863), color-stop(100%, #df9443));
      background-image: -webkit-linear-gradient(top, #e8a863, #df9443);
      background-image: -moz-linear-gradient(top, #e8a863, #df9443);
      background-image: -o-linear-gradient(top, #e8a863, #df9443);
      background-image: linear-gradient(top, #e8a863, #df9443); }
    .x-panel-orange-tab > .x-tab-bar .x-tab-default-top.x-tab-active {
      background-color: #e8e8e8;
      border-top-color: #8a8a8a;
      -webkit-box-shadow: rgba(255, 255, 255, 0.9) 0 1px inset;
      -moz-box-shadow: rgba(255, 255, 255, 0.9) 0 1px inset;
      box-shadow: rgba(255, 255, 255, 0.9) 0 1px inset;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #ebebeb));
      background-image: -webkit-linear-gradient(top, #f0f0f0, #ebebeb);
      background-image: -moz-linear-gradient(top, #f0f0f0, #ebebeb);
      background-image: -o-linear-gradient(top, #f0f0f0, #ebebeb);
      background-image: linear-gradient(top, #f0f0f0, #ebebeb); }
      .x-panel-orange-tab > .x-tab-bar .x-tab-default-top.x-tab-active .x-tab-inner {
        color: #535353;
        text-shadow: rgba(255, 255, 255, 0.8) 1px 1px; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-bar-strip-default-top {
    border-top-color: #cd7a23; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-close-btn {
    background-image: url('../../themes/images/basic-light/tab/tab-white-close.gif'); }
  .x-panel-orange-tab > .x-tab-bar .x-tab-active .x-tab-close-btn {
    background-image: url('../../themes/images/basic-light/tab/tab-default-close.gif'); }
  .x-panel-orange-tab > .x-tab-bar .x-tab-orange-tab-top {
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-color: #cd7a23; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-orange-tab {
    padding: 0 15px 0 8px;
    background-color: #df9443;
    -webkit-box-shadow: #cd7a23 0 -1px inset;
    -moz-box-shadow: #cd7a23 0 -1px inset;
    box-shadow: #cd7a23 0 -1px inset;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1994c), color-stop(100%, #de8f3a));
    background-image: -webkit-linear-gradient(top, #e1994c, #de8f3a);
    background-image: -moz-linear-gradient(top, #e1994c, #de8f3a);
    background-image: -o-linear-gradient(top, #e1994c, #de8f3a);
    background-image: linear-gradient(top, #e1994c, #de8f3a); }
    .x-panel-orange-tab > .x-tab-bar .x-tab-orange-tab .x-tab-inner {
      color: white;
      font-weight: 600;
      line-height: 24px;
      text-shadow: none; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-orange-tab-over {
    background-color: #e8a863;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8a863), color-stop(100%, #df9443));
    background-image: -webkit-linear-gradient(top, #e8a863, #df9443);
    background-image: -moz-linear-gradient(top, #e8a863, #df9443);
    background-image: -o-linear-gradient(top, #e8a863, #df9443);
    background-image: linear-gradient(top, #e8a863, #df9443); }
  .x-panel-orange-tab > .x-tab-bar .x-tab-orange-tab-active {
    -webkit-box-shadow: white 1px 0 inset;
    -moz-box-shadow: white 1px 0 inset;
    box-shadow: white 1px 0 inset;
    background-color: #e8e8e8;
    background-image: none; }
    .x-panel-orange-tab > .x-tab-bar .x-tab-orange-tab-active .x-tab-inner {
      color: #535353;
      text-shadow: white 1px 1px; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-orange-tab-disabled {
    background-color: #cf8c44;
    background-image: none; }
    .x-panel-orange-tab > .x-tab-bar .x-tab-orange-tab-disabled .x-tab-inner {
      color: #cccccc; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-bar-plain .x-tab:first-child {
    border-left: 1px solid #8a8a8a !important; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-bar-strip-orange-tab {
    background-color: #e8e8e8;
    border-style: solid;
    border-left-color: #8a8a8a;
    border-right-color: #8a8a8a; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-bar-strip-orange-tab-top {
    border-top-color: #cd7a23; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-bar-strip-orange-tab-right {
    border-right: none !important; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-bar-strip-orange-tab-left {
    border-left: none !important; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-bar-body-orange-tab-bottom > .x-box-inner {
    -webkit-box-shadow: #8a8a8a 0 1px inset;
    -moz-box-shadow: #8a8a8a 0 1px inset;
    box-shadow: #8a8a8a 0 1px inset; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-bar-body-orange-tab-right > .x-box-inner {
    -webkit-box-shadow: #8a8a8a 1px 0 inset;
    -moz-box-shadow: #8a8a8a 1px 0 inset;
    box-shadow: #8a8a8a 1px 0 inset; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-bar-body-orange-tab-left > .x-box-inner {
    -webkit-box-shadow: #8a8a8a -1px 0 inset;
    -moz-box-shadow: #8a8a8a -1px 0 inset;
    box-shadow: #8a8a8a -1px 0 inset; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-bar-orange-tab-right {
    right: 0px !important;
    left: auto !important;
    z-index: 2; }
  .x-panel-orange-tab > .x-tab-bar .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-right: 1px solid #cd7a23; }
    .x-panel-orange-tab > .x-tab-bar .x-tab-orange-tab-right .x-tab-inner {
      line-height: 24px; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-orange-tab-right-over {
    background-color: #e8a863; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-orange-tab-right-active {
    background-color: #e8e8e8; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-orange-tab-right-disabled {
    background-color: #cf8c44;
    background-image: none; }
    .x-panel-orange-tab > .x-tab-bar .x-tab-orange-tab-right-disabled .x-tab-inner {
      color: #dfb181; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-bar-orange-tab-left {
    left: 0px !important;
    right: auto !important;
    z-index: 2; }
  .x-panel-orange-tab > .x-tab-bar .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-left: 1px solid #cd7a23 !important; }
    .x-panel-orange-tab > .x-tab-bar .x-tab-orange-tab-left .x-tab-inner {
      line-height: 24px; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-orange-tab-left-over {
    background-color: #e8a863; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-orange-tab-left-active {
    background-color: #e8e8e8; }
  .x-panel-orange-tab > .x-tab-bar .x-tab-orange-tab-left-disabled {
    background-color: #cf8c44;
    background-image: none; }
    .x-panel-orange-tab > .x-tab-bar .x-tab-orange-tab-left-disabled .x-tab-inner {
      color: #dfb181; }

.x-panel-body-orange-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected .x-grid-cell, .x-panel-body-orange-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected .x-grid-rowwrap-div {
  border-top-color: #e29b50 !important;
  border-right-color: #e29b50 !important;
  background-color: #e4a562 !important; }
.x-panel-body-orange-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected + .x-grid-row .x-grid-cell, .x-panel-body-orange-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected + .x-grid-row .x-grid-rowwrap-div {
  border-top-color: #e29b50 !important; }
.x-panel-body-orange-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected .x-grid-cell-inner {
  color: white; }
.x-panel-body-orange-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected .x-grid-rowbody {
  color: white; }

.x-btn-orange-button-small {
  border-color: #cb7922; }

.x-btn-orange-button-small {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #e19a4e;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e39f57), color-stop(100%, #e09545));
  background-image: -webkit-linear-gradient(top, #e39f57, #e09545);
  background-image: -moz-linear-gradient(top, #e39f57, #e09545);
  background-image: -o-linear-gradient(top, #e39f57, #e09545);
  background-image: linear-gradient(top, #e39f57, #e09545); }

.x-btn-orange-button-small .x-btn-inner {
  font-size: 13px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #b56c1f;
  background-image: none;
  background-color: #df9241; }

.x-btn-orange-button-small-focus {
  border-color: #b56c1f;
  background-image: none;
  background-color: #df9241; }

.x-btn-orange-button-small-menu-active,
.x-btn-orange-button-small-pressed {
  border-color: #ae681d;
  background-image: none;
  background-color: #cd7a23; }

.x-btn-orange-button-small-disabled {
  border-color: #df9241;
  background-image: none;
  background-color: #e9b37a; }

.x-btn-orange-button-medium {
  border-color: #cb7922; }

.x-btn-orange-button-medium {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #e19a4e;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e39f57), color-stop(100%, #e09545));
  background-image: -webkit-linear-gradient(top, #e39f57, #e09545);
  background-image: -moz-linear-gradient(top, #e39f57, #e09545);
  background-image: -o-linear-gradient(top, #e39f57, #e09545);
  background-image: linear-gradient(top, #e39f57, #e09545); }

.x-btn-orange-button-medium .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #b56c1f;
  background-image: none;
  background-color: #df9241; }

.x-btn-orange-button-medium-focus {
  border-color: #b56c1f;
  background-image: none;
  background-color: #df9241; }

.x-btn-orange-button-medium-menu-active,
.x-btn-orange-button-medium-pressed {
  border-color: #ae681d;
  background-image: none;
  background-color: #cd7a23; }

.x-btn-orange-button-medium-disabled {
  border-color: #df9241;
  background-image: none;
  background-color: #e9b37a; }

.x-btn-orange-button-large {
  border-color: #cb7922; }

.x-btn-orange-button-large {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #e19a4e;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e39f57), color-stop(100%, #e09545));
  background-image: -webkit-linear-gradient(top, #e39f57, #e09545);
  background-image: -moz-linear-gradient(top, #e39f57, #e09545);
  background-image: -o-linear-gradient(top, #e39f57, #e09545);
  background-image: linear-gradient(top, #e39f57, #e09545); }

.x-btn-orange-button-large .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #b56c1f;
  background-image: none;
  background-color: #df9241; }

.x-btn-orange-button-large-focus {
  border-color: #b56c1f;
  background-image: none;
  background-color: #df9241; }

.x-btn-orange-button-large-menu-active,
.x-btn-orange-button-large-pressed {
  border-color: #ae681d;
  background-image: none;
  background-color: #cd7a23; }

.x-btn-orange-button-large-disabled {
  border-color: #df9241;
  background-image: none;
  background-color: #e9b37a; }

.x-btn-orange-button-small {
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset; }

.x-btn-orange-button-medium {
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset; }

.x-btn-orange-button-large {
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset; }

.x-btn-orange-button-small-pressed {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.x-btn-orange-button-medium-pressed {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.x-btn-orange-button-large-pressed {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.x-btn-orange-button-small {
  border-bottom-color: #b76d1f; }

.x-btn-orange-button-medium {
  border-bottom-color: #b76d1f; }

.x-btn-orange-button-large {
  border-bottom-color: #b76d1f; }

.x-btn-orange-button-small-disabled {
  border-bottom-color: #df9241; }

.x-btn-orange-button-medium-disabled {
  border-bottom-color: #df9241; }

.x-btn-orange-button-large-disabled {
  border-bottom-color: #df9241; }

.x-btn-orange-button-small {
  padding: 4px; }

.x-btn-orange-button-medium {
  padding: 4px; }

.x-btn-orange-button-large {
  padding: 4px; }

.x-btn-orange-button-small-icon .x-btn-icon-el {
  width: 16px;
  height: 16px; }

.x-btn-orange-button-medium-icon .x-btn-icon-el {
  width: 24px;
  height: 24px; }

.x-btn-orange-button-large-icon .x-btn-icon-el {
  width: 32px;
  height: 32px; }

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

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

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

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

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

.x-btn-orange-button-large-icon-text-right .x-btn-icon-el {
  width: 32px;
  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; }

.x-btn-orange-button-toolbar-small {
  border-color: transparent; }

.x-btn-orange-button-toolbar-small {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  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: 13px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #c27421;
  background-image: none;
  background-color: #e1994c;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e29c52), color-stop(20%, #e29e55), color-stop(100%, #df9443));
  background-image: -webkit-linear-gradient(top, #e29c52, #e29e55 20%, #df9443);
  background-image: -moz-linear-gradient(top, #e29c52, #e29e55 20%, #df9443);
  background-image: -o-linear-gradient(top, #e29c52, #e29e55 20%, #df9443);
  background-image: linear-gradient(top, #e29c52, #e29e55 20%, #df9443); }
  .x-btn-orange-button-toolbar-small-over .x-btn-inner {
    color: white; }

.x-btn-orange-button-toolbar-small-focus {
  border-color: #c27421;
  background-image: none;
  background-color: #df9241;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e29c52), color-stop(20%, #e29e55), color-stop(100%, #df9443));
  background-image: -webkit-linear-gradient(top, #e29c52, #e29e55 20%, #df9443);
  background-image: -moz-linear-gradient(top, #e29c52, #e29e55 20%, #df9443);
  background-image: -o-linear-gradient(top, #e29c52, #e29e55 20%, #df9443);
  background-image: linear-gradient(top, #e29c52, #e29e55 20%, #df9443); }
  .x-btn-orange-button-toolbar-small-focus .x-btn-inner {
    color: white; }

.x-btn-orange-button-toolbar-small-menu-active,
.x-btn-orange-button-toolbar-small-pressed {
  border-color: #a1601b;
  background-image: none;
  background-color: #dc872d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #da8225), color-stop(100%, #df913f));
  background-image: -webkit-linear-gradient(top, #da8225, #df913f);
  background-image: -moz-linear-gradient(top, #da8225, #df913f);
  background-image: -o-linear-gradient(top, #da8225, #df913f);
  background-image: linear-gradient(top, #da8225, #df913f); }
  .x-btn-orange-button-toolbar-small-menu-active .x-btn-inner,
  .x-btn-orange-button-toolbar-small-pressed .x-btn-inner {
    color: white; }

.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; }

.x-btn-orange-button-toolbar-medium {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-orange-button-toolbar-medium .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #c27421;
  background-image: none;
  background-color: #e1994c;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e29c52), color-stop(20%, #e29e55), color-stop(100%, #df9443));
  background-image: -webkit-linear-gradient(top, #e29c52, #e29e55 20%, #df9443);
  background-image: -moz-linear-gradient(top, #e29c52, #e29e55 20%, #df9443);
  background-image: -o-linear-gradient(top, #e29c52, #e29e55 20%, #df9443);
  background-image: linear-gradient(top, #e29c52, #e29e55 20%, #df9443); }
  .x-btn-orange-button-toolbar-medium-over .x-btn-inner {
    color: white; }

.x-btn-orange-button-toolbar-medium-focus {
  border-color: #c27421;
  background-image: none;
  background-color: #df9241;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e29c52), color-stop(20%, #e29e55), color-stop(100%, #df9443));
  background-image: -webkit-linear-gradient(top, #e29c52, #e29e55 20%, #df9443);
  background-image: -moz-linear-gradient(top, #e29c52, #e29e55 20%, #df9443);
  background-image: -o-linear-gradient(top, #e29c52, #e29e55 20%, #df9443);
  background-image: linear-gradient(top, #e29c52, #e29e55 20%, #df9443); }
  .x-btn-orange-button-toolbar-medium-focus .x-btn-inner {
    color: white; }

.x-btn-orange-button-toolbar-medium-menu-active,
.x-btn-orange-button-toolbar-medium-pressed {
  border-color: #a1601b;
  background-image: none;
  background-color: #dc872d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #da8225), color-stop(100%, #df913f));
  background-image: -webkit-linear-gradient(top, #da8225, #df913f);
  background-image: -moz-linear-gradient(top, #da8225, #df913f);
  background-image: -o-linear-gradient(top, #da8225, #df913f);
  background-image: linear-gradient(top, #da8225, #df913f); }
  .x-btn-orange-button-toolbar-medium-menu-active .x-btn-inner,
  .x-btn-orange-button-toolbar-medium-pressed .x-btn-inner {
    color: white; }

.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; }

.x-btn-orange-button-toolbar-large {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-orange-button-toolbar-large .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #c27421;
  background-image: none;
  background-color: #e1994c;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e29c52), color-stop(20%, #e29e55), color-stop(100%, #df9443));
  background-image: -webkit-linear-gradient(top, #e29c52, #e29e55 20%, #df9443);
  background-image: -moz-linear-gradient(top, #e29c52, #e29e55 20%, #df9443);
  background-image: -o-linear-gradient(top, #e29c52, #e29e55 20%, #df9443);
  background-image: linear-gradient(top, #e29c52, #e29e55 20%, #df9443); }
  .x-btn-orange-button-toolbar-large-over .x-btn-inner {
    color: white; }

.x-btn-orange-button-toolbar-large-focus {
  border-color: #c27421;
  background-image: none;
  background-color: #df9241;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e29c52), color-stop(20%, #e29e55), color-stop(100%, #df9443));
  background-image: -webkit-linear-gradient(top, #e29c52, #e29e55 20%, #df9443);
  background-image: -moz-linear-gradient(top, #e29c52, #e29e55 20%, #df9443);
  background-image: -o-linear-gradient(top, #e29c52, #e29e55 20%, #df9443);
  background-image: linear-gradient(top, #e29c52, #e29e55 20%, #df9443); }
  .x-btn-orange-button-toolbar-large-focus .x-btn-inner {
    color: white; }

.x-btn-orange-button-toolbar-large-menu-active,
.x-btn-orange-button-toolbar-large-pressed {
  border-color: #a1601b;
  background-image: none;
  background-color: #dc872d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #da8225), color-stop(100%, #df913f));
  background-image: -webkit-linear-gradient(top, #da8225, #df913f);
  background-image: -moz-linear-gradient(top, #da8225, #df913f);
  background-image: -o-linear-gradient(top, #da8225, #df913f);
  background-image: linear-gradient(top, #da8225, #df913f); }
  .x-btn-orange-button-toolbar-large-menu-active .x-btn-inner,
  .x-btn-orange-button-toolbar-large-pressed .x-btn-inner {
    color: white; }

.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; }

/*
@include btn-highlight($ui-label:'orange-button-toolbar',
	$btn-ui-shadow-over:'rgba(255, 255, 255, 0.1) 0 1px inset',
	$btn-ui-shadow-pressed:'none');
*/
.x-btn-orange-button-toolbar-small-over {
  border-bottom-color: #aa651d; }

.x-btn-orange-button-toolbar-medium-over {
  border-bottom-color: #aa651d; }

.x-btn-orange-button-toolbar-large-over {
  border-bottom-color: #aa651d; }

.x-btn-orange-button-toolbar-small-disabled {
  border-bottom-color: #df9241; }

.x-btn-orange-button-toolbar-medium-disabled {
  border-bottom-color: #df9241; }

.x-btn-orange-button-toolbar-large-disabled {
  border-bottom-color: #df9241; }

.x-btn-orange-button-toolbar-small {
  padding: 4px; }

.x-btn-orange-button-toolbar-medium {
  padding: 4px; }

.x-btn-orange-button-toolbar-large {
  padding: 4px; }

.x-btn-orange-button-toolbar-small-icon .x-btn-icon-el {
  width: 16px;
  height: 16px; }

.x-btn-orange-button-toolbar-medium-icon .x-btn-icon-el {
  width: 24px;
  height: 24px; }

.x-btn-orange-button-toolbar-large-icon .x-btn-icon-el {
  width: 32px;
  height: 32px; }

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

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

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

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

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

.x-btn-orange-button-toolbar-large-icon-text-right .x-btn-icon-el {
  width: 32px;
  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; }

.x-window-orange-window {
  border-color: #dc872d;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.x-window-orange-window {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: #e3a059; }

.x-window-body-orange-window {
  border-color: #8a8a8a;
  border-width: 1px;
  background: #e8e8e8;
  color: black; }

.x-window-header-orange-window {
  font-size: 14px;
  border-color: #dc872d;
  zoom: 1; }

.x-window-header-text-orange-window {
  color: white;
  font-weight: 600;
  line-height: 24px;
  /*marko*/
  font-family: "Segoe UI", "Lucida Grande", tahoma, arial, verdana, sans-serif;
  font-size: 14px; }

.x-window-header-orange-window-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 4px 5px 0 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #e3a059; }

.x-window-header-orange-window-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 5px 4px 5px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: #e3a059; }

.x-window-header-orange-window-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 0 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #e3a059; }

.x-window-header-orange-window-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 5px 0px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-color: #e3a059; }

.x-window-header-orange-window-collapsed-top {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #e3a059; }

.x-window-header-orange-window-collapsed-right {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #e3a059; }

.x-window-header-orange-window-collapsed-bottom {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #e3a059; }

.x-window-header-orange-window-collapsed-left {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #e3a059; }

.x-window-header-orange-window .x-tool img {
  background-image: url('../../themes/images/basic-light/tools/tool-sprites-white.png'); }

.x-window-header-text-orange-window {
  text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-window-header-text-container-orange-window {
  font-weight: 600;
  line-height: 24px;
  color: white; }
  .x-window-header-text-container-orange-window .x-window-header-text {
    text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-progress-orange-progress {
  border-color: #8a8a8a;
  background-color: #c2c2c2; }
  .x-progress-orange-progress .x-progress-bar {
    border-right-color: #8a8a8a;
    border-top-color: #cacaca;
    background-image: none;
    background-color: #e29b50;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3a059), color-stop(100%, #e09648));
    background-image: -webkit-linear-gradient(top, #e3a059, #e09648);
    background-image: -moz-linear-gradient(top, #e3a059, #e09648);
    background-image: -o-linear-gradient(top, #e3a059, #e09648);
    background-image: linear-gradient(top, #e3a059, #e09648); }
  .x-progress-orange-progress .x-progress-text {
    color: white; }
  .x-progress-orange-progress .x-progress-text-back {
    color: #404040; }

/**
 * W3C suggested default style sheet for HTML 4:
 * [http://www.w3.org/TR/CSS21/sample.html](http://www.w3.org/TR/CSS21/sample.html)
 *
 * @member Global_CSS
 */
.x-panel-header-text-container-default {
  line-height: 21px;
  font-weight: 600;
  color: #535353; }
  .x-panel-header-text-container-default .x-panel-header-text {
    text-shadow: rgba(255, 255, 255, 0.9) 1px 1px; }

.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 50%;
  -moz-transform-origin: 0 0 0 50%;
  -ms-transform-origin: 0 0 0 50%;
  -o-transform-origin: 0 0 0 50%;
  transform-origin: 0 0 0 50%;
  transform: rotate(90deg);
  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 {
  line-height: 21px;
  font-weight: 600;
  color: #535353; }
  .x-panel-header-text-container-default-framed .x-panel-header-text {
    text-shadow: rgba(255, 255, 255, 0.9) 1px 1px; }

.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 50%;
  -moz-transform-origin: 0 0 0 50%;
  -ms-transform-origin: 0 0 0 50%;
  -o-transform-origin: 0 0 0 50%;
  transform-origin: 0 0 0 50%;
  transform: rotate(90deg);
  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-panel-red-panel {
  border-color: #8a8a8a; }

.x-panel-header-red-panel {
  font-size: 14px;
  border-color: #df6452;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #e37768;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e57f71), color-stop(100%, #e27364));
  background-image: -webkit-linear-gradient(top, #e57f71, #e27364);
  background-image: -moz-linear-gradient(top, #e57f71, #e27364);
  background-image: -o-linear-gradient(top, #e57f71, #e27364);
  background-image: linear-gradient(top, #e57f71, #e27364); }

.x-panel-header-text-red-panel {
  color: white;
  font-size: 14px;
  font-weight: 600;
  font-family: "Segoe UI", "Lucida Grande", tahoma, arial, verdana, sans-serif;
  line-height: 21px; }

.x-panel-body-red-panel {
  background: #e8e8e8;
  border-color: #8a8a8a;
  color: #1a1a1a;
  border-width: 1px;
  border-style: solid; }

.x-panel-collapsed .x-window-header-red-panel,
.x-panel-collapsed .x-panel-header-red-panel {
  border-color: #df6452; }

.x-panel-header-red-panel-vertical {
  border-color: #df6452; }

.x-panel-header-red-panel-left,
.x-panel-header-red-panel-right {
  background-image: none;
  background-color: #e37768;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e57f71), color-stop(100%, #e27364));
  background-image: -webkit-linear-gradient(right, #e57f71, #e27364);
  background-image: -moz-linear-gradient(right, #e57f71, #e27364);
  background-image: -o-linear-gradient(right, #e57f71, #e27364);
  background-image: linear-gradient(right, #e57f71, #e27364); }

.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 {
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset; }

.x-panel-header-text-red-panel {
  text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-panel-body-red-panel {
  -webkit-box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset; }

.x-panel-header-red-panel + .x-panel-body-red-panel {
  border-top-color: #db503d; }

.x-panel-header-red-panel .x-tool img {
  background-image: url('../../themes/images/basic-light/tools/tool-sprites-white.png'); }

.x-accordion-item .x-panel-header-red-panel {
  background-color: #e37768 !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e57f71), color-stop(100%, #e27364)) !important;
  background-image: -webkit-linear-gradient(top, #e57f71, #e27364) !important;
  background-image: -moz-linear-gradient(top, #e57f71, #e27364) !important;
  background-image: -o-linear-gradient(top, #e57f71, #e27364) !important;
  background-image: linear-gradient(top, #e57f71, #e27364) !important;
  border-top-width: 0px !important;
  border-bottom-color: #df6452 !important; }
  .x-accordion-item .x-panel-header-red-panel .x-panel-header-text {
    color: white; }
  .x-accordion-item .x-panel-header-red-panel:hover {
    cursor: pointer; }

.x-accordion-hd-sibling-expanded.x-panel-header-red-panel {
  border-top: 1px solid #df6452 !important; }

.x-panel-red-panel.x-grid .x-grid-row-selected .x-grid-cell, .x-panel-red-panel.x-grid .x-grid-row-selected .x-grid-rowwrap-div {
  border-top-color: #e16f5f !important;
  border-right-color: #e16f5f !important;
  background-color: #e57f71 !important; }
.x-panel-red-panel.x-grid .x-grid-row-selected + .x-grid-row .x-grid-cell, .x-panel-red-panel.x-grid .x-grid-row-selected + .x-grid-row .x-grid-rowwrap-div {
  border-top-color: #e16f5f !important; }
.x-panel-red-panel.x-grid .x-grid-row-selected .x-grid-cell-inner {
  color: white; }
.x-panel-red-panel.x-grid .x-grid-row-selected .x-grid-rowbody {
  color: white; }

.x-panel-header-text-container-red-panel {
  line-height: 21px;
  font-weight: 600;
  color: white; }
  .x-panel-header-text-container-red-panel .x-panel-header-text {
    text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.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 50%;
  -moz-transform-origin: 0 0 0 50%;
  -ms-transform-origin: 0 0 0 50%;
  -o-transform-origin: 0 0 0 50%;
  transform-origin: 0 0 0 50%;
  transform: rotate(90deg);
  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; }

.x-panel-red-panel-framed {
  border-color: #8a8a8a; }

.x-panel-header-red-panel-framed {
  font-size: 14px;
  border-color: #df6452;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #e37768;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e57f71), color-stop(100%, #e27364));
  background-image: -webkit-linear-gradient(top, #e57f71, #e27364);
  background-image: -moz-linear-gradient(top, #e57f71, #e27364);
  background-image: -o-linear-gradient(top, #e57f71, #e27364);
  background-image: linear-gradient(top, #e57f71, #e27364); }

.x-panel-header-text-red-panel-framed {
  color: white;
  font-size: 14px;
  font-weight: 600;
  font-family: "Segoe UI", "Lucida Grande", tahoma, arial, verdana, sans-serif;
  line-height: 21px; }

.x-panel-body-red-panel-framed {
  background: #e8e8e8;
  border-color: #8a8a8a;
  color: #1a1a1a;
  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: #df6452; }

.x-panel-header-red-panel-framed-vertical {
  border-color: #df6452; }

.x-panel-header-red-panel-framed-left,
.x-panel-header-red-panel-framed-right {
  background-image: none;
  background-color: #e37768;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e57f71), color-stop(100%, #e27364));
  background-image: -webkit-linear-gradient(right, #e57f71, #e27364);
  background-image: -moz-linear-gradient(right, #e57f71, #e27364);
  background-image: -o-linear-gradient(right, #e57f71, #e27364);
  background-image: linear-gradient(right, #e57f71, #e27364); }

.x-panel-red-panel-framed {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #e8e8e8; }

.x-panel-header-red-panel-framed-top {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 3px 5px 4px 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-image: none;
  background-color: #e37768;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e57f71), color-stop(100%, #e27364));
  background-image: -webkit-linear-gradient(top, #e57f71, #e27364);
  background-image: -moz-linear-gradient(top, #e57f71, #e27364);
  background-image: -o-linear-gradient(top, #e57f71, #e27364);
  background-image: linear-gradient(top, #e57f71, #e27364); }

.x-panel-header-red-panel-framed-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 5px 4px 5px 4px;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-image: none;
  background-color: #e37768;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e57f71), color-stop(100%, #e27364));
  background-image: -webkit-linear-gradient(right, #e57f71, #e27364);
  background-image: -moz-linear-gradient(right, #e57f71, #e27364);
  background-image: -o-linear-gradient(right, #e57f71, #e27364);
  background-image: linear-gradient(right, #e57f71, #e27364); }

.x-panel-header-red-panel-framed-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 3px 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-image: none;
  background-color: #e37768;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e57f71), color-stop(100%, #e27364));
  background-image: -webkit-linear-gradient(top, #e57f71, #e27364);
  background-image: -moz-linear-gradient(top, #e57f71, #e27364);
  background-image: -o-linear-gradient(top, #e57f71, #e27364);
  background-image: linear-gradient(top, #e57f71, #e27364); }

.x-panel-header-red-panel-framed-left {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 5px 4px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-image: none;
  background-color: #e37768;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e57f71), color-stop(100%, #e27364));
  background-image: -webkit-linear-gradient(right, #e57f71, #e27364);
  background-image: -moz-linear-gradient(right, #e57f71, #e27364);
  background-image: -o-linear-gradient(right, #e57f71, #e27364);
  background-image: linear-gradient(right, #e57f71, #e27364); }

.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; }

.x-panel-header-red-panel-framed-collapsed {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px; }

.x-panel-header-red-panel-framed-collapsed-top {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 3px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #e37768;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e57f71), color-stop(100%, #e27364));
  background-image: -webkit-linear-gradient(top, #e57f71, #e27364);
  background-image: -moz-linear-gradient(top, #e57f71, #e27364);
  background-image: -o-linear-gradient(top, #e57f71, #e27364);
  background-image: linear-gradient(top, #e57f71, #e27364); }

.x-panel-header-red-panel-framed-collapsed-right {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #e37768;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e57f71), color-stop(100%, #e27364));
  background-image: -webkit-linear-gradient(right, #e57f71, #e27364);
  background-image: -moz-linear-gradient(right, #e57f71, #e27364);
  background-image: -o-linear-gradient(right, #e57f71, #e27364);
  background-image: linear-gradient(right, #e57f71, #e27364); }

.x-panel-header-red-panel-framed-collapsed-bottom {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 3px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #e37768;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e57f71), color-stop(100%, #e27364));
  background-image: -webkit-linear-gradient(top, #e57f71, #e27364);
  background-image: -moz-linear-gradient(top, #e57f71, #e27364);
  background-image: -o-linear-gradient(top, #e57f71, #e27364);
  background-image: linear-gradient(top, #e57f71, #e27364); }

.x-panel-header-red-panel-framed-collapsed-left {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -webkit-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #e37768;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e57f71), color-stop(100%, #e27364));
  background-image: -webkit-linear-gradient(right, #e57f71, #e27364);
  background-image: -moz-linear-gradient(right, #e57f71, #e27364);
  background-image: -o-linear-gradient(right, #e57f71, #e27364);
  background-image: linear-gradient(right, #e57f71, #e27364); }

.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-header-red-panel-framed {
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset, rgba(255, 255, 255, 0.4) 0 1px;
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset, rgba(255, 255, 255, 0.4) 0 1px;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset, rgba(255, 255, 255, 0.4) 0 1px; }

.x-panel-header-text-red-panel-framed {
  text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-panel-red-panel-framed {
  border-top-color: #df6452 !important; }

.x-panel-header-red-panel-framed .x-tool img {
  background-image: url('../../themes/images/basic-light/tools/tool-sprites-white.png'); }

.x-panel-red-panel-framed.x-grid .x-grid-row-selected .x-grid-cell, .x-panel-red-panel-framed.x-grid .x-grid-row-selected .x-grid-rowwrap-div {
  border-top-color: #e16f5f !important;
  border-right-color: #e16f5f !important;
  background-color: #e57f71 !important; }
.x-panel-red-panel-framed.x-grid .x-grid-row-selected + .x-grid-row .x-grid-cell, .x-panel-red-panel-framed.x-grid .x-grid-row-selected + .x-grid-row .x-grid-rowwrap-div {
  border-top-color: #e16f5f !important; }
.x-panel-red-panel-framed.x-grid .x-grid-row-selected .x-grid-cell-inner {
  color: white; }

.x-panel-header-text-container-red-panel-framed {
  line-height: 21px;
  font-weight: 600;
  color: white; }
  .x-panel-header-text-container-red-panel-framed .x-panel-header-text {
    text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.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 50%;
  -moz-transform-origin: 0 0 0 50%;
  -ms-transform-origin: 0 0 0 50%;
  -o-transform-origin: 0 0 0 50%;
  transform-origin: 0 0 0 50%;
  transform: rotate(90deg);
  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; }

.x-toolbar-red-toolbar {
  border-color: #8a8a8a;
  background-image: none;
  background-color: #e8e8e8;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(100%, #e6e6e6));
  background-image: -webkit-linear-gradient(top, #ededed, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ededed, #e6e6e6);
  background-image: -o-linear-gradient(top, #ededed, #e6e6e6);
  background-image: linear-gradient(top, #ededed, #e6e6e6); }

.x-toolbar-red-toolbar {
  -webkit-box-shadow: rgba(255, 255, 255, 0.8) 0 1px inset, rgba(255, 255, 255, 0.4) 1px 0 inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.8) 0 1px inset, rgba(255, 255, 255, 0.4) 1px 0 inset;
  box-shadow: rgba(255, 255, 255, 0.8) 0 1px inset, rgba(255, 255, 255, 0.4) 1px 0 inset; }
  .x-toolbar-red-toolbar .x-btn-default-toolbar-small-pressed,
  .x-toolbar-red-toolbar .x-btn-default-toolbar-small-menu-active {
    background-color: #e37768;
    border-color: #d73d28;
    background-image: none;
    background-color: #e37768;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #de604e), color-stop(20%, #e37768), color-stop(75%, #e37768), color-stop(100%, #de604e));
    background-image: -webkit-linear-gradient(top, #de604e, #e37768 20%, #e37768 75%, #de604e);
    background-image: -moz-linear-gradient(top, #de604e, #e37768 20%, #e37768 75%, #de604e);
    background-image: -o-linear-gradient(top, #de604e, #e37768 20%, #e37768 75%, #de604e);
    background-image: linear-gradient(top, #de604e, #e37768 20%, #e37768 75%, #de604e); }
  .x-toolbar-red-toolbar .x-btn-default-toolbar-medium-pressed,
  .x-toolbar-red-toolbar .x-btn-default-toolbar-medium-menu-active {
    background-color: #e37768;
    border-color: #d73d28;
    background-image: none;
    background-color: #e37768;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #de604e), color-stop(20%, #e37768), color-stop(75%, #e37768), color-stop(100%, #de604e));
    background-image: -webkit-linear-gradient(top, #de604e, #e37768 20%, #e37768 75%, #de604e);
    background-image: -moz-linear-gradient(top, #de604e, #e37768 20%, #e37768 75%, #de604e);
    background-image: -o-linear-gradient(top, #de604e, #e37768 20%, #e37768 75%, #de604e);
    background-image: linear-gradient(top, #de604e, #e37768 20%, #e37768 75%, #de604e); }
  .x-toolbar-red-toolbar .x-btn-default-toolbar-large-pressed,
  .x-toolbar-red-toolbar .x-btn-default-toolbar-lerge-menu-active {
    background-color: #e37768;
    border-color: #d73d28;
    background-image: none;
    background-color: #e37768;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #de604e), color-stop(20%, #e37768), color-stop(75%, #e37768), color-stop(100%, #de604e));
    background-image: -webkit-linear-gradient(top, #de604e, #e37768 20%, #e37768 75%, #de604e);
    background-image: -moz-linear-gradient(top, #de604e, #e37768 20%, #e37768 75%, #de604e);
    background-image: -o-linear-gradient(top, #de604e, #e37768 20%, #e37768 75%, #de604e);
    background-image: linear-gradient(top, #de604e, #e37768 20%, #e37768 75%, #de604e); }

.x-panel-red-tab {
  border-color: #8a8a8a; }

.x-panel-header-red-tab {
  font-size: 14px;
  border-color: #df6452;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #e37768;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e57f71), color-stop(100%, #e27364));
  background-image: -webkit-linear-gradient(top, #e57f71, #e27364);
  background-image: -moz-linear-gradient(top, #e57f71, #e27364);
  background-image: -o-linear-gradient(top, #e57f71, #e27364);
  background-image: linear-gradient(top, #e57f71, #e27364); }

.x-panel-header-text-red-tab {
  color: white;
  font-size: 14px;
  font-weight: 600;
  font-family: "Segoe UI", "Lucida Grande", tahoma, arial, verdana, sans-serif;
  line-height: 21px; }

.x-panel-body-red-tab {
  background: #e8e8e8;
  border-color: #8a8a8a;
  color: #1a1a1a;
  border-width: 1px;
  border-style: solid; }

.x-panel-collapsed .x-window-header-red-tab,
.x-panel-collapsed .x-panel-header-red-tab {
  border-color: #df6452; }

.x-panel-header-red-tab-vertical {
  border-color: #df6452; }

.x-panel-header-red-tab-left,
.x-panel-header-red-tab-right {
  background-image: none;
  background-color: #e37768;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e57f71), color-stop(100%, #e27364));
  background-image: -webkit-linear-gradient(right, #e57f71, #e27364);
  background-image: -moz-linear-gradient(right, #e57f71, #e27364);
  background-image: -o-linear-gradient(right, #e57f71, #e27364);
  background-image: linear-gradient(right, #e57f71, #e27364); }

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

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

.x-panel-header-red-tab {
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px inset; }

.x-panel-header-text-red-tab {
  text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-panel-body-red-tab {
  -webkit-box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.6) 0 1px inset; }

.x-panel-header-red-tab + .x-panel-body-red-tab {
  border-top-color: #db503d; }

.x-panel-header-red-tab .x-tool img {
  background-image: url('../../themes/images/basic-light/tools/tool-sprites-white.png'); }

.x-panel-red-tab > .x-tab-bar {
  background-color: #e06857;
  background-image: none;
  -webkit-box-shadow: #d73d28 0 1px inset;
  -moz-box-shadow: #d73d28 0 1px inset;
  box-shadow: #d73d28 0 1px inset; }
  .x-panel-red-tab > .x-tab-bar .x-tab-bar-body {
    border-right-color: #d94530; }
  .x-panel-red-tab > .x-tab-bar.x-tab-bar-default-plain {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .x-panel-red-tab > .x-tab-bar .x-tab-default-top {
    background-color: #e06857;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e16f5f), color-stop(100%, #de604e));
    background-image: -webkit-linear-gradient(top, #e16f5f, #de604e);
    background-image: -moz-linear-gradient(top, #e16f5f, #de604e);
    background-image: -o-linear-gradient(top, #e16f5f, #de604e);
    background-image: linear-gradient(top, #e16f5f, #de604e);
    border-color: #d94530;
    -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 1px inset, #d53d27 0 -1px inset;
    -moz-box-shadow: rgba(255, 255, 255, 0.2) 0 1px inset, #d53d27 0 -1px inset;
    box-shadow: rgba(255, 255, 255, 0.2) 0 1px inset, #d53d27 0 -1px inset; }
    .x-panel-red-tab > .x-tab-bar .x-tab-default-top .x-tab-inner {
      color: white;
      text-shadow: none; }
    .x-panel-red-tab > .x-tab-bar .x-tab-default-top.x-tab-over {
      background-color: #e57f71;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e57f71), color-stop(100%, #e06857));
      background-image: -webkit-linear-gradient(top, #e57f71, #e06857);
      background-image: -moz-linear-gradient(top, #e57f71, #e06857);
      background-image: -o-linear-gradient(top, #e57f71, #e06857);
      background-image: linear-gradient(top, #e57f71, #e06857); }
    .x-panel-red-tab > .x-tab-bar .x-tab-default-top.x-tab-active {
      background-color: #e8e8e8;
      border-top-color: #8a8a8a;
      -webkit-box-shadow: rgba(255, 255, 255, 0.9) 0 1px inset;
      -moz-box-shadow: rgba(255, 255, 255, 0.9) 0 1px inset;
      box-shadow: rgba(255, 255, 255, 0.9) 0 1px inset;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #ebebeb));
      background-image: -webkit-linear-gradient(top, #f0f0f0, #ebebeb);
      background-image: -moz-linear-gradient(top, #f0f0f0, #ebebeb);
      background-image: -o-linear-gradient(top, #f0f0f0, #ebebeb);
      background-image: linear-gradient(top, #f0f0f0, #ebebeb); }
      .x-panel-red-tab > .x-tab-bar .x-tab-default-top.x-tab-active .x-tab-inner {
        color: #535353;
        text-shadow: rgba(255, 255, 255, 0.8) 1px 1px; }
  .x-panel-red-tab > .x-tab-bar .x-tab-bar-strip-default-top {
    border-top-color: #d94530; }
  .x-panel-red-tab > .x-tab-bar .x-tab-close-btn {
    background-image: url('../../themes/images/basic-light/tab/tab-white-close.gif'); }
  .x-panel-red-tab > .x-tab-bar .x-tab-active .x-tab-close-btn {
    background-image: url('../../themes/images/basic-light/tab/tab-default-close.gif'); }
  .x-panel-red-tab > .x-tab-bar .x-tab-red-tab-top {
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-color: #d94530; }
  .x-panel-red-tab > .x-tab-bar .x-tab-red-tab {
    padding: 0 15px 0 8px;
    background-color: #e06857;
    -webkit-box-shadow: #d94530 0 -1px inset;
    -moz-box-shadow: #d94530 0 -1px inset;
    box-shadow: #d94530 0 -1px inset;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e16f5f), color-stop(100%, #de604e));
    background-image: -webkit-linear-gradient(top, #e16f5f, #de604e);
    background-image: -moz-linear-gradient(top, #e16f5f, #de604e);
    background-image: -o-linear-gradient(top, #e16f5f, #de604e);
    background-image: linear-gradient(top, #e16f5f, #de604e); }
    .x-panel-red-tab > .x-tab-bar .x-tab-red-tab .x-tab-inner {
      color: white;
      font-weight: 600;
      line-height: 24px;
      text-shadow: none; }
  .x-panel-red-tab > .x-tab-bar .x-tab-red-tab-over {
    background-color: #e57f71;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e57f71), color-stop(100%, #e06857));
    background-image: -webkit-linear-gradient(top, #e57f71, #e06857);
    background-image: -moz-linear-gradient(top, #e57f71, #e06857);
    background-image: -o-linear-gradient(top, #e57f71, #e06857);
    background-image: linear-gradient(top, #e57f71, #e06857); }
  .x-panel-red-tab > .x-tab-bar .x-tab-red-tab-active {
    -webkit-box-shadow: white 1px 0 inset;
    -moz-box-shadow: white 1px 0 inset;
    box-shadow: white 1px 0 inset;
    background-color: #e8e8e8;
    background-image: none; }
    .x-panel-red-tab > .x-tab-bar .x-tab-red-tab-active .x-tab-inner {
      color: #535353;
      text-shadow: white 1px 1px; }
  .x-panel-red-tab > .x-tab-bar .x-tab-red-tab-disabled {
    background-color: #cf6253;
    background-image: none; }
    .x-panel-red-tab > .x-tab-bar .x-tab-red-tab-disabled .x-tab-inner {
      color: #cccccc; }
  .x-panel-red-tab > .x-tab-bar .x-tab-bar-plain .x-tab:first-child {
    border-left: 1px solid #8a8a8a !important; }
  .x-panel-red-tab > .x-tab-bar .x-tab-bar-strip-red-tab {
    background-color: #e8e8e8;
    border-style: solid;
    border-left-color: #8a8a8a;
    border-right-color: #8a8a8a; }
  .x-panel-red-tab > .x-tab-bar .x-tab-bar-strip-red-tab-top {
    border-top-color: #d94530; }
  .x-panel-red-tab > .x-tab-bar .x-tab-bar-strip-red-tab-right {
    border-right: none !important; }
  .x-panel-red-tab > .x-tab-bar .x-tab-bar-strip-red-tab-left {
    border-left: none !important; }
  .x-panel-red-tab > .x-tab-bar .x-tab-bar-body-red-tab-bottom > .x-box-inner {
    -webkit-box-shadow: #8a8a8a 0 1px inset;
    -moz-box-shadow: #8a8a8a 0 1px inset;
    box-shadow: #8a8a8a 0 1px inset; }
  .x-panel-red-tab > .x-tab-bar .x-tab-bar-body-red-tab-right > .x-box-inner {
    -webkit-box-shadow: #8a8a8a 1px 0 inset;
    -moz-box-shadow: #8a8a8a 1px 0 inset;
    box-shadow: #8a8a8a 1px 0 inset; }
  .x-panel-red-tab > .x-tab-bar .x-tab-bar-body-red-tab-left > .x-box-inner {
    -webkit-box-shadow: #8a8a8a -1px 0 inset;
    -moz-box-shadow: #8a8a8a -1px 0 inset;
    box-shadow: #8a8a8a -1px 0 inset; }
  .x-panel-red-tab > .x-tab-bar .x-tab-bar-red-tab-right {
    right: 0px !important;
    left: auto !important;
    z-index: 2; }
  .x-panel-red-tab > .x-tab-bar .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-right: 1px solid #d94530; }
    .x-panel-red-tab > .x-tab-bar .x-tab-red-tab-right .x-tab-inner {
      line-height: 24px; }
  .x-panel-red-tab > .x-tab-bar .x-tab-red-tab-right-over {
    background-color: #e57f71; }
  .x-panel-red-tab > .x-tab-bar .x-tab-red-tab-right-active {
    background-color: #e8e8e8; }
  .x-panel-red-tab > .x-tab-bar .x-tab-red-tab-right-disabled {
    background-color: #cf6253;
    background-image: none; }
    .x-panel-red-tab > .x-tab-bar .x-tab-red-tab-right-disabled .x-tab-inner {
      color: #e0998f; }
  .x-panel-red-tab > .x-tab-bar .x-tab-bar-red-tab-left {
    left: 0px !important;
    right: auto !important;
    z-index: 2; }
  .x-panel-red-tab > .x-tab-bar .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-left: 1px solid #d94530 !important; }
    .x-panel-red-tab > .x-tab-bar .x-tab-red-tab-left .x-tab-inner {
      line-height: 24px; }
  .x-panel-red-tab > .x-tab-bar .x-tab-red-tab-left-over {
    background-color: #e57f71; }
  .x-panel-red-tab > .x-tab-bar .x-tab-red-tab-left-active {
    background-color: #e8e8e8; }
  .x-panel-red-tab > .x-tab-bar .x-tab-red-tab-left-disabled {
    background-color: #cf6253;
    background-image: none; }
    .x-panel-red-tab > .x-tab-bar .x-tab-red-tab-left-disabled .x-tab-inner {
      color: #e0998f; }

.x-panel-body-red-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected .x-grid-cell, .x-panel-body-red-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected .x-grid-rowwrap-div {
  border-top-color: #e16f5f !important;
  border-right-color: #e16f5f !important;
  background-color: #e57f71 !important; }
.x-panel-body-red-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected + .x-grid-row .x-grid-cell, .x-panel-body-red-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected + .x-grid-row .x-grid-rowwrap-div {
  border-top-color: #e16f5f !important; }
.x-panel-body-red-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected .x-grid-cell-inner {
  color: white; }
.x-panel-body-red-tab > .x-tabpanel-child > .x-grid-body .x-grid-row-selected .x-grid-rowbody {
  color: white; }

.x-btn-red-button-small {
  border-color: #c83925; }

.x-btn-red-button-small {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #e16d5d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e37566), color-stop(100%, #df6655));
  background-image: -webkit-linear-gradient(top, #e37566, #df6655);
  background-image: -moz-linear-gradient(top, #e37566, #df6655);
  background-image: -o-linear-gradient(top, #e37566, #df6655);
  background-image: linear-gradient(top, #e37566, #df6655); }

.x-btn-red-button-small .x-btn-inner {
  font-size: 13px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #b23321;
  background-image: none;
  background-color: #df6250; }

.x-btn-red-button-small-focus {
  border-color: #b23321;
  background-image: none;
  background-color: #df6250; }

.x-btn-red-button-small-menu-active,
.x-btn-red-button-small-pressed {
  border-color: #b93522;
  background-image: none;
  background-color: #d73d28; }

.x-btn-red-button-small-disabled {
  border-color: #dc5643;
  background-image: none;
  background-color: #e99488; }

.x-btn-red-button-medium {
  border-color: #c83925; }

.x-btn-red-button-medium {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #e16d5d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e37566), color-stop(100%, #df6655));
  background-image: -webkit-linear-gradient(top, #e37566, #df6655);
  background-image: -moz-linear-gradient(top, #e37566, #df6655);
  background-image: -o-linear-gradient(top, #e37566, #df6655);
  background-image: linear-gradient(top, #e37566, #df6655); }

.x-btn-red-button-medium .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #b23321;
  background-image: none;
  background-color: #df6250; }

.x-btn-red-button-medium-focus {
  border-color: #b23321;
  background-image: none;
  background-color: #df6250; }

.x-btn-red-button-medium-menu-active,
.x-btn-red-button-medium-pressed {
  border-color: #b93522;
  background-image: none;
  background-color: #d73d28; }

.x-btn-red-button-medium-disabled {
  border-color: #dc5643;
  background-image: none;
  background-color: #e99488; }

.x-btn-red-button-large {
  border-color: #c83925; }

.x-btn-red-button-large {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #e16d5d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e37566), color-stop(100%, #df6655));
  background-image: -webkit-linear-gradient(top, #e37566, #df6655);
  background-image: -moz-linear-gradient(top, #e37566, #df6655);
  background-image: -o-linear-gradient(top, #e37566, #df6655);
  background-image: linear-gradient(top, #e37566, #df6655); }

.x-btn-red-button-large .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #b23321;
  background-image: none;
  background-color: #df6250; }

.x-btn-red-button-large-focus {
  border-color: #b23321;
  background-image: none;
  background-color: #df6250; }

.x-btn-red-button-large-menu-active,
.x-btn-red-button-large-pressed {
  border-color: #b93522;
  background-image: none;
  background-color: #d73d28; }

.x-btn-red-button-large-disabled {
  border-color: #dc5643;
  background-image: none;
  background-color: #e99488; }

.x-btn-red-button-small {
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset; }

.x-btn-red-button-medium {
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset; }

.x-btn-red-button-large {
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px inset; }

.x-btn-red-button-small-pressed {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.x-btn-red-button-medium-pressed {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.x-btn-red-button-large-pressed {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.x-btn-red-button-small {
  border-bottom-color: #b43321; }

.x-btn-red-button-medium {
  border-bottom-color: #b43321; }

.x-btn-red-button-large {
  border-bottom-color: #b43321; }

.x-btn-red-button-small-disabled {
  border-bottom-color: #dc5643; }

.x-btn-red-button-medium-disabled {
  border-bottom-color: #dc5643; }

.x-btn-red-button-large-disabled {
  border-bottom-color: #dc5643; }

.x-btn-red-button-small {
  padding: 4px; }

.x-btn-red-button-medium {
  padding: 4px; }

.x-btn-red-button-large {
  padding: 4px; }

.x-btn-red-button-small-icon .x-btn-icon-el {
  width: 16px;
  height: 16px; }

.x-btn-red-button-medium-icon .x-btn-icon-el {
  width: 24px;
  height: 24px; }

.x-btn-red-button-large-icon .x-btn-icon-el {
  width: 32px;
  height: 32px; }

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

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

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

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

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

.x-btn-red-button-large-icon-text-right .x-btn-icon-el {
  width: 32px;
  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; }

.x-btn-red-button-toolbar-small {
  border-color: transparent; }

.x-btn-red-button-toolbar-small {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  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: 13px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #cc3a26;
  background-image: none;
  background-color: #e16b5b;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e27162), color-stop(20%, #e27364), color-stop(100%, #df6452));
  background-image: -webkit-linear-gradient(top, #e27162, #e27364 20%, #df6452);
  background-image: -moz-linear-gradient(top, #e27162, #e27364 20%, #df6452);
  background-image: -o-linear-gradient(top, #e27162, #e27364 20%, #df6452);
  background-image: linear-gradient(top, #e27162, #e27364 20%, #df6452); }
  .x-btn-red-button-toolbar-small-over .x-btn-inner {
    color: white; }

.x-btn-red-button-toolbar-small-focus {
  border-color: #cc3a26;
  background-image: none;
  background-color: #df6250;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e27162), color-stop(20%, #e27364), color-stop(100%, #df6452));
  background-image: -webkit-linear-gradient(top, #e27162, #e27364 20%, #df6452);
  background-image: -moz-linear-gradient(top, #e27162, #e27364 20%, #df6452);
  background-image: -o-linear-gradient(top, #e27162, #e27364 20%, #df6452);
  background-image: linear-gradient(top, #e27162, #e27364 20%, #df6452); }
  .x-btn-red-button-toolbar-small-focus .x-btn-inner {
    color: white; }

.x-btn-red-button-toolbar-small-menu-active,
.x-btn-red-button-toolbar-small-pressed {
  border-color: #ac3120;
  background-image: none;
  background-color: #db503d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d94934), color-stop(100%, #de604e));
  background-image: -webkit-linear-gradient(top, #d94934, #de604e);
  background-image: -moz-linear-gradient(top, #d94934, #de604e);
  background-image: -o-linear-gradient(top, #d94934, #de604e);
  background-image: linear-gradient(top, #d94934, #de604e); }
  .x-btn-red-button-toolbar-small-menu-active .x-btn-inner,
  .x-btn-red-button-toolbar-small-pressed .x-btn-inner {
    color: white; }

.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; }

.x-btn-red-button-toolbar-medium {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-red-button-toolbar-medium .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #cc3a26;
  background-image: none;
  background-color: #e16b5b;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e27162), color-stop(20%, #e27364), color-stop(100%, #df6452));
  background-image: -webkit-linear-gradient(top, #e27162, #e27364 20%, #df6452);
  background-image: -moz-linear-gradient(top, #e27162, #e27364 20%, #df6452);
  background-image: -o-linear-gradient(top, #e27162, #e27364 20%, #df6452);
  background-image: linear-gradient(top, #e27162, #e27364 20%, #df6452); }
  .x-btn-red-button-toolbar-medium-over .x-btn-inner {
    color: white; }

.x-btn-red-button-toolbar-medium-focus {
  border-color: #cc3a26;
  background-image: none;
  background-color: #df6250;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e27162), color-stop(20%, #e27364), color-stop(100%, #df6452));
  background-image: -webkit-linear-gradient(top, #e27162, #e27364 20%, #df6452);
  background-image: -moz-linear-gradient(top, #e27162, #e27364 20%, #df6452);
  background-image: -o-linear-gradient(top, #e27162, #e27364 20%, #df6452);
  background-image: linear-gradient(top, #e27162, #e27364 20%, #df6452); }
  .x-btn-red-button-toolbar-medium-focus .x-btn-inner {
    color: white; }

.x-btn-red-button-toolbar-medium-menu-active,
.x-btn-red-button-toolbar-medium-pressed {
  border-color: #ac3120;
  background-image: none;
  background-color: #db503d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d94934), color-stop(100%, #de604e));
  background-image: -webkit-linear-gradient(top, #d94934, #de604e);
  background-image: -moz-linear-gradient(top, #d94934, #de604e);
  background-image: -o-linear-gradient(top, #d94934, #de604e);
  background-image: linear-gradient(top, #d94934, #de604e); }
  .x-btn-red-button-toolbar-medium-menu-active .x-btn-inner,
  .x-btn-red-button-toolbar-medium-pressed .x-btn-inner {
    color: white; }

.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; }

.x-btn-red-button-toolbar-large {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-red-button-toolbar-large .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", "Lucida Grande", 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: #cc3a26;
  background-image: none;
  background-color: #e16b5b;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e27162), color-stop(20%, #e27364), color-stop(100%, #df6452));
  background-image: -webkit-linear-gradient(top, #e27162, #e27364 20%, #df6452);
  background-image: -moz-linear-gradient(top, #e27162, #e27364 20%, #df6452);
  background-image: -o-linear-gradient(top, #e27162, #e27364 20%, #df6452);
  background-image: linear-gradient(top, #e27162, #e27364 20%, #df6452); }
  .x-btn-red-button-toolbar-large-over .x-btn-inner {
    color: white; }

.x-btn-red-button-toolbar-large-focus {
  border-color: #cc3a26;
  background-image: none;
  background-color: #df6250;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e27162), color-stop(20%, #e27364), color-stop(100%, #df6452));
  background-image: -webkit-linear-gradient(top, #e27162, #e27364 20%, #df6452);
  background-image: -moz-linear-gradient(top, #e27162, #e27364 20%, #df6452);
  background-image: -o-linear-gradient(top, #e27162, #e27364 20%, #df6452);
  background-image: linear-gradient(top, #e27162, #e27364 20%, #df6452); }
  .x-btn-red-button-toolbar-large-focus .x-btn-inner {
    color: white; }

.x-btn-red-button-toolbar-large-menu-active,
.x-btn-red-button-toolbar-large-pressed {
  border-color: #ac3120;
  background-image: none;
  background-color: #db503d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d94934), color-stop(100%, #de604e));
  background-image: -webkit-linear-gradient(top, #d94934, #de604e);
  background-image: -moz-linear-gradient(top, #d94934, #de604e);
  background-image: -o-linear-gradient(top, #d94934, #de604e);
  background-image: linear-gradient(top, #d94934, #de604e); }
  .x-btn-red-button-toolbar-large-menu-active .x-btn-inner,
  .x-btn-red-button-toolbar-large-pressed .x-btn-inner {
    color: white; }

.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; }

/*
@include btn-highlight($ui-label:'red-button-toolbar',
	$btn-ui-shadow-over:'rgba(255, 255, 255, 0.1) 0 1px inset',
	$btn-ui-shadow-pressed:'none');
*/
.x-btn-red-button-toolbar-small-over {
  border-bottom-color: #a7301f; }

.x-btn-red-button-toolbar-medium-over {
  border-bottom-color: #a7301f; }

.x-btn-red-button-toolbar-large-over {
  border-bottom-color: #a7301f; }

.x-btn-red-button-toolbar-small-disabled {
  border-bottom-color: #dc5643; }

.x-btn-red-button-toolbar-medium-disabled {
  border-bottom-color: #dc5643; }

.x-btn-red-button-toolbar-large-disabled {
  border-bottom-color: #dc5643; }

.x-btn-red-button-toolbar-small {
  padding: 4px; }

.x-btn-red-button-toolbar-medium {
  padding: 4px; }

.x-btn-red-button-toolbar-large {
  padding: 4px; }

.x-btn-red-button-toolbar-small-icon .x-btn-icon-el {
  width: 16px;
  height: 16px; }

.x-btn-red-button-toolbar-medium-icon .x-btn-icon-el {
  width: 24px;
  height: 24px; }

.x-btn-red-button-toolbar-large-icon .x-btn-icon-el {
  width: 32px;
  height: 32px; }

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

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

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

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

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

.x-btn-red-button-toolbar-large-icon-text-right .x-btn-icon-el {
  width: 32px;
  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; }

.x-window-red-window {
  border-color: #db503d;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.x-window-red-window {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: #e37768; }

.x-window-body-red-window {
  border-color: #8a8a8a;
  border-width: 1px;
  background: #e8e8e8;
  color: black; }

.x-window-header-red-window {
  font-size: 14px;
  border-color: #db503d;
  zoom: 1; }

.x-window-header-text-red-window {
  color: white;
  font-weight: 600;
  line-height: 24px;
  /*marko*/
  font-family: "Segoe UI", "Lucida Grande", tahoma, arial, verdana, sans-serif;
  font-size: 14px; }

.x-window-header-red-window-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 4px 5px 0 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #e37768; }

.x-window-header-red-window-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 5px 4px 5px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: #e37768; }

.x-window-header-red-window-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 0 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #e37768; }

.x-window-header-red-window-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 5px 0px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-color: #e37768; }

.x-window-header-red-window-collapsed-top {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #e37768; }

.x-window-header-red-window-collapsed-right {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #e37768; }

.x-window-header-red-window-collapsed-bottom {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #e37768; }

.x-window-header-red-window-collapsed-left {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #e37768; }

.x-window-header-red-window .x-tool img {
  background-image: url('../../themes/images/basic-light/tools/tool-sprites-white.png'); }

.x-window-header-text-red-window {
  text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-window-header-text-container-red-window {
  font-weight: 600;
  line-height: 24px;
  color: white; }
  .x-window-header-text-container-red-window .x-window-header-text {
    text-shadow: rgba(0, 0, 0, 0.25) -1px -1px; }

.x-progress-red-progress {
  border-color: #8a8a8a;
  background-color: #c2c2c2; }
  .x-progress-red-progress .x-progress-bar {
    border-right-color: #8a8a8a;
    border-top-color: #cacaca;
    background-image: none;
    background-color: #e16f5f;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e37768), color-stop(100%, #e06857));
    background-image: -webkit-linear-gradient(top, #e37768, #e06857);
    background-image: -moz-linear-gradient(top, #e37768, #e06857);
    background-image: -o-linear-gradient(top, #e37768, #e06857);
    background-image: linear-gradient(top, #e37768, #e06857); }
  .x-progress-red-progress .x-progress-text {
    color: white; }
  .x-progress-red-progress .x-progress-text-back {
    color: #404040; }