.app-header {
    background-color: #323232;
    padding: 10px;
}

.app-header h1 {
    font-size: 18px;
}

.app-header h1,
.app-header label {
    color: #eee;
}

.x-btn-default-large .btn-add,
.x-btn-default-toolbar-large .btn-add {
    background-image: url(../button/images/add.gif) !important;
}
.x-btn-default-small .btn-add,
.x-btn-default-toolbar-small .btn-add,
.x-menu-item-link .btn-add {
    background-image: url(../button/images/add16.gif) !important;
}
.x-btn-default-medium .btn-add,
.x-btn-default-toolbar-medium .btn-add {
    background-image: url(../button/images/add24.gif) !important;
}

/* hack - should't be needed.  fixes a bug in the framework where tab panel inside of */
/* a border-layout's region gets double bordering */
.south-west-panel .x-tab-bar-top .x-tab-bar-body { border: 1px solid transparent; }