/*
 * mBLAST Legacy Theme for Ext JS
 */

/* Panels */

.x-panel {
  border-style: solid;
  border-color: #d0d0d0;
}

.x-panel-body {
  border-color: #d0d0d0;
  background-color: #e8e8e8;
}

.x-panel-bbar .x-toolbar {
  border-color: #d0d0d0;
}

.x-panel-tbar .x-toolbar {
  border-color: #d0d0d0;
}

.x-panel-header {
  font: bold 14px Verdana,Geneva,sans-serif;
  line-height: 18px;
  color: #ffffff;
  background-color: #204EA9;
  background-image: none;
}

.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
  border-color: #d0d0d0;
}
.x-panel-body-noheader, .x-panel-mc .x-panel-body {
  border-color: #d0d0d0;
}
.x-panel-tl .x-panel-header {
  color: #333;
}
.x-panel-tc {
  background-image: url(../images/mblastlegacy/panel/top-bottom.gif);
}
.x-panel-tl {
  background-image: url(../images/mblastlegacy/panel/corners-sprite.gif);
  border-color: #d0d0d0;
}
.x-panel-tr {
  background-image: url(../images/mblastlegacy/panel/corners-sprite.gif);
}
.x-panel-bc {
  background-image: url(../images/mblastlegacy/panel/top-bottom.gif);
}
.x-panel-bl {
  background-image: url(../images/mblastlegacy/panel/corners-sprite.gif);
}
.x-panel-br {
  background-image: url(../images/mblastlegacy/panel/corners-sprite.gif);
}
.x-panel-mc {
  background: #f1f1f1;
}
.x-panel-mc .x-panel-body {
  background: transparent;
  border: 0 none;
}
.x-panel-ml {
  background-image: url(../images/mblastlegacy/panel/left-right.gif);
}
.x-panel-mr {
  background-image: url(../images/mblastlegacy/panel/left-right.gif);
}

/* Grids */

.x-grid3-row td, .x-grid3-summary-row td, .x-tree-node {
  font: normal 12px arial,tahoma,helvetica,sans-serif;
}

.x-grid3-hd-row td {
  font: bold 12px arial,tahoma,helvetica,sans-serif;
}

.x-grid3 {
  background-color:#f3f3ec;
}

.x-grid3-row-over {
  background: #ffffff;
}

/* Tools */
.x-tool {
  background-image: url(../images/mblastlegacy/panel/tool-sprites.gif);
}

/* Ghosting */
.x-panel-ghost {
  background: #e0e0e0;
}

.x-panel-ghost ul {
  border-color: #b0b0b0;
}

.x-grid-panel .x-panel-mc .x-panel-body {
  border: 1px solid #d0d0d0;
}

/* Buttons */

.x-btn-left{
  background-image: url(../images/mblastlegacy/button/btn-sprite.gif);
}
.x-btn-right{
  background-image: url(../images/mblastlegacy/button/btn-sprite.gif);
}
.x-btn-center{
  background-image: url(../images/mblastlegacy/button/btn-sprite.gif);
}

/* Layout classes */

.x-border-layout-ct {
  xbackground: #f0f0f0;
  background: #ffffff;
}

.x-accordion-hd {
  background-image: url(../images/mblastlegacy/panel/light-hd.gif);
}

.x-layout-collapsed{
  background-color: #eee;
  border-color: #e0e0e0;
}
.x-layout-collapsed-over{
   background-color: #fbfbfb;
}


/* qtips */
.x-tip .x-tip-top {
  background-image: url(../images/mblastlegacy/qtip/tip-sprite.gif);
}
.x-tip .x-tip-top-left {
  background-image: url(../images/mblastlegacy/qtip/tip-sprite.gif);
}
.x-tip .x-tip-top-right {
  background-image: url(../images/mblastlegacy/qtip/tip-sprite.gif);
}
.x-tip .x-tip-ft {
  background-image: url(../images/mblastlegacy/qtip/tip-sprite.gif);
}
.x-tip .x-tip-ft-left {
  background-image: url(../images/mblastlegacy/qtip/tip-sprite.gif);
}
.x-tip .x-tip-ft-right {
  background-image: url(../images/mblastlegacy/qtip/tip-sprite.gif);
}
.x-tip .x-tip-bd-left {
  background-image: url(../images/mblastlegacy/qtip/tip-sprite.gif);
}
.x-tip .x-tip-bd-right {
  background-image: url(../images/mblastlegacy/qtip/tip-sprite.gif);
}

/* Toolbars */

.x-toolbar {
  border-color: #d0d0d0;
  background: #f0f4f5 url(../images/mblastlegacy/toolbar/bg.gif) repeat-x top left;
}
.x-toolbar button {
  color: #444;
}
.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
  background-image: url(../images/mblastlegacy/toolbar/btn-arrow.gif);
}

.x-toolbar .x-btn-text {
  font: normal 11px Verdana,Geneva,sans-serif;
  color: #000000;
}

.x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
  background-image: url(../images/mblastlegacy/toolbar/btn-arrow.gif);
}
.x-toolbar .x-btn-over .x-btn-left{
  background-image: url(../images/mblastlegacy/toolbar/tb-btn-sprite.gif);
}
.x-toolbar .x-btn-over .x-btn-right{
  background-image: url(../images/mblastlegacy/toolbar/tb-btn-sprite.gif);
}
.x-toolbar .x-btn-over .x-btn-center{
  background-image: url(../images/mblastlegacy/toolbar/tb-btn-sprite.gif);
}
.x-toolbar .x-btn-over button {
  color: #111;
}
.x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
  background-image: url(../images/mblastlegacy/toolbar/tb-btn-sprite.gif);
}
.x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
  background-image: url(../images/mblastlegacy/toolbar/tb-btn-sprite.gif);
}

.x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{
  background-image: url(../images/mblastlegacy/toolbar/tb-btn-sprite.gif);
}
.x-toolbar .ytb-sep {
  background-image: url(../images/default/grid/grid-split.gif);
}

/* Tabs */

.x-tab-panel-header, .x-tab-panel-footer {
  background: #EAEAEA;
  border-color: #d0d0d0;
}


.x-tab-panel-header {
  border-color: #d0d0d0;
}

.x-tab-panel-footer {
  border-color: #d0d0d0;
}

ul.x-tab-strip-top {
  background: none;
  border-color: #d0d0d0;
  padding-top: 2px;
  background-color: #204EA9;
}

ul.x-tab-strip-bottom {
  background-image: url(../images/mblastlegacy/tabs/tab-strip-btm-bg.gif);
  border-color: #d0d0d0;
}

.x-tab-strip span.x-tab-strip-text {
  font: bold 14px Verdana,Geneva,sans-serif;
  color: #333;
}

.x-tab-strip-over span.x-tab-strip-text {
  color: #111;
}

.x-tab-strip-active span.x-tab-strip-text {
  color: #333;
}

.x-tab-strip-disabled .x-tabs-text {
  color: #aaaaaa;
}

.x-tab-strip-top .x-tab-right {
  background-image: url(../images/mblastlegacy/tabs/tabs-sprite.gif);
}

.x-tab-strip-top .x-tab-left {
  background-image: url(../images/mblastlegacy/tabs/tabs-sprite.gif);
}
.x-tab-strip-top .x-tab-strip-inner {
  background-image: url(../images/mblastlegacy/tabs/tabs-sprite.gif);
}

.x-tab-strip-bottom .x-tab-right {
  background-image: url(../images/mblastlegacy/tabs/tab-btm-inactive-right-bg.gif);
}

.x-tab-strip-bottom .x-tab-left {
  background-image: url(../images/mblastlegacy/tabs/tab-btm-inactive-left-bg.gif);
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
  background-image: url(../images/mblastlegacy/tabs/tab-btm-right-bg.gif);
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
  background-image: url(../images/mblastlegacy/tabs/tab-btm-left-bg.gif);
}

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
  background-image: url(../images/mblastlegacy/tabs/tab-close.gif);
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close: hover{
  background-image: url(../images/mblastlegacy/tabs/tab-close.gif);
}

.x-tab-panel-body {
  border-color: #d0d0d0;
  background: #fff;
}
.x-tab-panel-bbar .x-toolbar {
  border-color: #d0d0d0;
}

.x-tab-panel-tbar .x-toolbar {
  border-color: #d0d0d0;
}

.x-tab-panel-header-plain .x-tab-strip-spacer {
  border-color: #d0d0d0;
  background: #eaeaea;
}

.x-tab-scroller-left {
  background-image: url(../images/mblastlegacy/tabs/scroll-left.gif);
  border-color: #aeaeae;
}
.x-tab-scroller-right {
  background-image: url(../images/mblastlegacy/tabs/scroll-right.gif);
  border-color: #aeaeae;
}

/* Trees */

.x-tree, .x-tree-node {
  background-color: #F3F3EC;
}

.x-tree-node .x-tree-node-over {
  background-color: #ffffff;
}

/* Window */

.x-window-proxy {
  background: #e0e0e0;
  border-color: #b0b0b0;
}

.x-window-tl .x-window-header {
  color: #555;
}
.x-window-tc {
  background-image: url(../images/mblastlegacy/window/top-bottom.png);
}
.x-window-tl {
  background-image: url(../images/mblastlegacy/window/left-corners.png);
}
.x-window-tr {
  background-image: url(../images/mblastlegacy/window/right-corners.png);
}
.x-window-bc {
  background-image: url(../images/mblastlegacy/window/top-bottom.png);
}
.x-window-bl {
  background-image: url(../images/mblastlegacy/window/left-corners.png);
}
.x-window-br {
  background-image: url(../images/mblastlegacy/window/right-corners.png);
}
.x-window-mc {
  border: 1px solid #d0d0d0;
  background: #e8e8e8;
}

.x-window-ml {
  background-image: url(../images/mblastlegacy/window/left-right.png);
}
.x-window-mr {
  background-image: url(../images/mblastlegacy/window/left-right.png);
}
.x-panel-ghost .x-window-tl {
  border-color: #d0d0d0;
}
.x-panel-collapsed .x-window-tl {
  border-color: #d0d0d0;
}

.x-window-plain .x-window-mc {
  background: #e8e8e8;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
}

.x-window-plain .x-window-body {
  border-left: 1px solid #eee;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  background: transparent !important;
}

body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
  background-color: #e4e4e4;
}


/* misc */
.x-html-editor-wrap {
  border-color: #d0d0d0;
}

/* Borders go last for specificity */
.x-panel-noborder .x-panel-body-noborder {
  border-width: 0;
}

.x-panel-noborder .x-panel-header-noborder {
  border-width: 0;
  border-bottom: 1px solid #d0d0d0;
}

.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
  border-width: 0;
  border-bottom: 1px solid #d0d0d0;
}

.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
  border-width: 0;
  border-top: 1px solid #d0d0d0;
}

.x-window-noborder .x-window-mc {
  border-width: 0;
}
.x-window-plain .x-window-body-noborder {
  border-width: 0;
}

.x-tab-panel-noborder .x-tab-panel-body-noborder {
  border-width: 0;
}

.x-tab-panel-noborder .x-tab-panel-header-noborder {
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}

.x-tab-panel-noborder .x-tab-panel-footer-noborder {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}

.x-tab-panel-bbar-noborder .x-toolbar {
  border-width: 0;
  border-top: 1px solid #d0d0d0;
}

.x-tab-panel-tbar-noborder .x-toolbar {
  border-width: 0;
  border-bottom: 1px solid #d0d0d0;
}

.x-tree-dir
{
    BACKGROUND-COLOR: #f3f3ec
}
.x-tree-node-dir
{
    BACKGROUND-COLOR: #f3f3ec
}
.x-tree-node-bold a span {
  background-color: #f3f3ec;
  font-weight: bold;
  color: #ff0000
}
.x-tree-dir .x-tree-node .x-tree-node-over
{
    BACKGROUND-COLOR: #ffffff
}
.x-tree-dir .x-tree-node .x-tree-selected
{
    BACKGROUND-COLOR: #e8e8e8
}
.x-tree-dir .x-panel-body
{
background-color:#f3f3ec;
}
.x-toolbar-dir
{
    PADDING-LEFT: 200px;
    BORDER-LEFT-COLOR: #d0d0d0;
    BACKGROUND: #ffffff;
    BORDER-BOTTOM-COLOR: #d0d0d0;
    BORDER-TOP-COLOR: #d0d0d0;
    BORDER-RIGHT-COLOR: #d0d0d0
}
.x-toolbar-dir BUTTON
{
    COLOR: #444
}
.x-toolbar-dir .x-btn-menu-arrow-wrap .x-btn-center BUTTON
{
    BACKGROUND-IMAGE: url(/ext/resources/images/mblastlegacy/toolbar/btn-arrow.gif)
}
.x-toolbar-dir .x-btn-text
{
    BORDER-RIGHT: #5c5d61 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: medium none;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 80%;
    BACKGROUND-IMAGE: url(/images/newui/btnback.gif);
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: medium none;
    WIDTH: 100px;
    CURSOR: pointer;
    COLOR: #ffffff;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #5c5d61 1px solid;
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: Verdana, Geneva, sans-serif
}
.x-toolbar-dir .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center BUTTON
{
    BACKGROUND-IMAGE: url(/ext/resources/images/mblastlegacy/toolbar/btn-arrow.gif)
}
.x-toolbar-dir .x-btn-over .x-btn-left
{
    BACKGROUND-IMAGE: url(/ext/resources/images/mblastlegacy/toolbar/tb-btn-sprite.gif)
}
.x-toolbar-dir .x-btn-over .x-btn-right
{
    BACKGROUND-IMAGE: url(/ext/resources/images/mblastlegacy/toolbar/tb-btn-sprite.gif)
}
.x-toolbar-dir .x-btn-over .x-btn-center
{
    BACKGROUND-IMAGE: url(/ext/resources/images/mblastlegacy/toolbar/tb-btn-sprite.gif)
}
.x-toolbar-dir .x-btn-over BUTTON
{
    COLOR: #111
}