.x-column-header {
    border-right: 1px solid #252525;
    color: white;
    font: normal 14px/16px tahoma, arial, verdana, sans-serif;
    background-image: none;
    background-color: #373c4b;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #575f77), color-stop(50%, #42485a), color-stop(51%, #373c4b), color-stop(100%, #2c303c));
    background-image: -webkit-linear-gradient(top, #575f77, #42485a 50%, #373c4b 51%, #2c303c);
    background-image: -moz-linear-gradient(top, #575f77, #42485a 50%, #373c4b 51%, #2c303c);
    background-image: -o-linear-gradient(top, #575f77, #42485a 50%, #373c4b 51%, #2c303c);
    background-image: linear-gradient(top, #575f77, #42485a 50%, #373c4b 51%, #2c303c);
}

.x-grid-cell {
    color: white;
    font: normal 14px/17px tahoma, arial, verdana, sans-serif;
    background-color: #1f2933;
    border-color: #808080 #454545 #555873 #454545;
    border-style: solid;
}

.x-css-shadow[style] {
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 8px !important;
}

.x-accordion-item .x-accordion-hd {
    background: #5c6b82;
    border-top-color: #606877;
    padding: 0px 5px 0px 5px;
}

.x-grid-cell-inner {
    text-overflow: ellipsis;
    padding: 2px 6px 3px 6px;
    text-shadow: 1px 1px #000;
}

.fof-action-icon {
  height: 16px;
  width: 24px;
  background: url(../../app/resources/option_arrow.png) no-repeat;
  cursor: pointer;
}