body {
    background: #cac4e1;
}

.x-window-default {
    border: solid 1px #4a5eaa;
    background: white;
        
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.x-grid-header-ct,
.x-column-header,
.x-tab-bar {
    position: relative;
    background-color: transparent;
    background-image: none;
    background-color: #C7DA2D;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#EEF4BE),color-stop(100%,#C7DA2D));
    background-image: -webkit-linear-gradient(top,#EEF4BE,#C7DA2D);
    background-image: -moz-linear-gradient(top,#EEF4BE,#C7DA2D);
    background-image: -o-linear-gradient(top,#EEF4BE,#C7DA2D);
    background-image: -ms-linear-gradient(top,#EEF4BE,#C7DA2D);
    background-image: linear-gradient(top,#EEF4BE,#C7DA2D);
    font-size: 11px;
}

.x-boundlist-selected,
.x-boundlist-item-over {
    background: #E7ECF1;
    border-color: #CAC4E1;
}

.x-tab-bar-strip {
    background: #eef4be;
}

.x-grid-with-col-lines .x-grid-cell.x-grid-cell-last,
.x-column-header-last {
    border: none;
}

.x-column-header,
.x-grid-with-col-lines .x-grid-cell,
.x-progress-default,
.x-progress,
.x-boundlist,
.x-panel .x-grid-body,
.x-panel-body-default,
.x-grid-header-ct,
.x-tab-bar-strip,
.x-tab-bar-body,
.x-tab {
    border-color: #4a5eaa;
}  

.x-progress-default .x-progress-text {
    color: black;
}

.x-progress-default .x-progress-bar {
    height: 20px;
    border: none;
    background-image: none;
    background-color: #E7FA5D;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#F1F7C1),color-stop(45%,#E7FA5D),color-stop(46%,#C7DA2D),color-stop(50%,#C7DA2D),color-stop(51%,#B7CA1D),color-stop(100%,#E7FA5D));
    background-image: -webkit-linear-gradient(top,#F1F7C1,#E7FA5D 45%,#C7DA2D 46%,#C7DA2D 50%,#B7CA1D 51%,#E7FA5D);
    background-image: -moz-linear-gradient(top,#F1F7C1,#E7FA5D 45%,#C7DA2D 46%,#C7DA2D 50%,#B7CA1D 51%,#E7FA5D);
    background-image: -o-linear-gradient(top,#F1F7C1,#E7FA5D 45%,#C7DA2D 46%,#C7DA2D 50%,#B7CA1D 51%,#E7FA5D);
    background-image: -ms-linear-gradient(top,#F1F7C1,#E7FA5D 45%,#C7DA2D 46%,#C7DA2D 50%,#B7CA1D 51%,#E7FA5D);
    background-image: linear-gradient(top,#F1F7C1,#E7FA5D 45%,#C7DA2D 46%,#C7DA2D 50%,#B7CA1D 51%,#E7FA5D);
} 

.x-tab button {
    color: #444;
}
.x-tab-active button {
    color: black;
}

.x-tab-default-top {
    background-image: none;
    background-color: #E7FA5D;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#C7DA2D),color-stop(25%,#F1F7C1),color-stop(45%,#E7FA5D));
    background-image: -webkit-linear-gradient(top,#C7DA2D,#F1F7C1 25%,#E7FA5D 45%);
    background-image: -moz-linear-gradient(top,#C7DA2D,#F1F7C1 25%,#E7FA5D 45%);
    background-image: -o-linear-gradient(top,#C7DA2D,#F1F7C1 25%,#E7FA5D 45%);
    background-image: -ms-linear-gradient(top,#C7DA2D,#F1F7C1 25%,#E7FA5D 45%);
    background-image: linear-gradient(top,#C7DA2D,#F1F7C1 25%,#E7FA5D 45%);
}

.x-tab-default-top.x-tab-active {
    background-image: none;
    background-color: #EEF4BE;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,white),color-stop(25%,#F1F7C1),color-stop(45%,#EEF4BE));
    background-image: -webkit-linear-gradient(top,white,#F1F7C1 25%,#EEF4BE 45%);
    background-image: -moz-linear-gradient(top,white,#F1F7C1 25%,#EEF4BE 45%);
    background-image: -o-linear-gradient(top,white,#F1F7C1 25%,#EEF4BE 45%);
    background-image: -ms-linear-gradient(top,white,#F1F7C1 25%,#EEF4BE 45%);
    background-image: linear-gradient(top,white,#E8FCFF 25%,#EEF4BE 45%);
}

.x-window-header-default-top {
    border-color: #4a5eaa;
    background: #4a5eaa;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding-bottom: 4px;
}
.x-window-header-text-default,
.x-window-header-text-container {
    color: white;
}
.x-message-box .x-window-body,
.x-window-body-default {
    border: none;
    background: white;
}



.x-docked-top {
    border-radius: 0;
}

.x-column-header .x-column-header-over,
.x-panel-header-default-framed-top,
.x-panel-header-default {
    font-size: 11px;
    border: none;
    background-image: none;
    background-color: #E7FA5D;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#F1F7C1),color-stop(45%,#E7FA5D),color-stop(46%,#C7DA2D),color-stop(50%,#C7DA2D),color-stop(51%,#B7CA1D),color-stop(100%,#E7FA5D));
    background-image: -webkit-linear-gradient(top,#F1F7C1,#E7FA5D 45%,#C7DA2D 46%,#C7DA2D 50%,#B7CA1D 51%,#E7FA5D);
    background-image: -moz-linear-gradient(top,#F1F7C1,#E7FA5D 45%,#C7DA2D 46%,#C7DA2D 50%,#B7CA1D 51%,#E7FA5D);
    background-image: -o-linear-gradient(top,#F1F7C1,#E7FA5D 45%,#C7DA2D 46%,#C7DA2D 50%,#B7CA1D 51%,#E7FA5D);
    background-image: -ms-linear-gradient(top,#F1F7C1,#E7FA5D 45%,#C7DA2D 46%,#C7DA2D 50%,#B7CA1D 51%,#E7FA5D);
    background-image: linear-gradient(top,#F1F7C1,#E7FA5D 45%,#C7DA2D 46%,#C7DA2D 50%,#B7CA1D 51%,#E7FA5D);
    -moz-box-shadow: #f4f8fd 0 1px 0 0 inset;
    -webkit-box-shadow: #F4F8FD 0 1px 0 0 inset;
    -o-box-shadow: #f4f8fd 0 1px 0 0 inset;
    box-shadow: #F4F8FD 0 1px 0 0 inset;
    color: black;
}

.x-menu-body {
    background: white !important;
}

.x-menu-body .x-menu-item-active .x-menu-item-link { 
    background: none;
    background-color: #EEF4BE;
    border-color: #4a5eaa;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#C7DA2D),color-stop(100%,#EEF4BE));
    background-image: -webkit-linear-gradient(top,#C7DA2D,#EEF4BE);
    background-image: -moz-linear-gradient(top,#C7DA2D,#EEF4BE);
    background-image: -o-linear-gradient(top,#C7DA2D,#EEF4BE);
    background-image: -ms-linear-gradient(top,#C7DA2D,#EEF4BE);
    background-image: linear-gradient(top,#C7DA2D,#EEF4BE);
}

.x-tool img {
    background-image: url(../../resources/themes/images/default/tool-sprites.gif);
}

.x-panel-default-framed {
    background: white;
    border-color: #4a5eaa;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.x-box-inner {
    overflow: visible;
}

.x-panel-body {
    background: white;
}

.x-grid-row-selected .x-grid-cell-special,
.x-grid-row-selected .x-grid-cell, 
.x-grid-row-selected .x-grid-rowwrap-div {
    border-style:       dotted;
    border-color:       #CAC4E1;
    background-color:   #E7ECF1 !important;
    background-image: none;
}


/***********************/
/**  Forms and Input  **/
/***********************/

#username-inputEl,
#password-inputEl {
    border-radius: 4px;
    border: solid 2px #cac4e1;
    box-shadow: inset 0 0 10px #cac4e1;
}

.x-form-radio {
    background: url(../../resources/themes/images/default/checkbox_unchecked.png) no-repeat;
    background-position: 0 0;
    cursor: pointer;
}

.x-form-cb-checked .x-form-radio {
    background: url(../../resources/themes/images/default/checkbox_checked.png) no-repeat;
    background-position: 0 0;
}

.x-form-text {
    border: solid 1px #4a5eaa;
}

.x-trigger-cell {
    width: 20px !important;
}
.x-form-arrow-trigger,
.x-form-arrow-trigger.x-unselectable {
    background-position: 0 0;
    border: solid 1px #4a5eaa;
    border-left: none;
    position: relative;
    left: -1px;
    width: 21px;
    height: 22px;
    background: url(../../resources/themes/images/default/down_arrow.png) no-repeat;
}

.x-btn-default-small {
    background: url(../../resources/themes/images/default/button_bg.png) repeat-x;
    border: solid 4px #ccc;
    box-shadow: 0 0 2px black, 0 0 2px black;
    border-radius: 4px;
    margin: 2px;
}

.x-btn-default-small.x-over {
    background: url(../../resources/themes/images/default/button_bg_over.png) repeat-x;
}

/********************/
/**  Login Window  **/
/********************/

.login-window {
    padding: 0;
}
.login-window .x-panel-header {
    border: none;
    border-bottom: solid 1px #4a5eaa;
    height: 30px;
    box-shadow: none;
    background: url(../../resources/themes/images/default/inoc_logo_small.png) no-repeat;
    background-position: 5px 2px;
}
.login-window .x-panel-header-text {
    color: #4a5eaa;
    font-weight: bold;
    float: right;
    line-height: 26px;
}
.login-window .x-panel-default-framed {
    border: none;
}
.login-window .x-panel-body {
    top: 40px !important;
    left: 10px !important;
}


.groupToolboxBody {
    border: none;
}
.groupToolbox {
    border-right: solid 1px #4a5eaa;
}

.groupQuerybar {
    border: none;
    border-bottom: solid 1px #4a5eaa;
    border-left: solid 1px #4a5eaa;
    border-right: solid 1px #4a5eaa;
}

.toolboxTop .x-panel-body,
.toolboxBottom .x-panel-body {
    border: none;
    border-top: solid 1px #4a5eaa !important;
}

.min-tray {
    position: absolute;
    bottom: 5px;
    left: 0px;
    padding-right: 45px;
    width: 100%;
    z-index: 50000;
    overflow: hidden;
}

.min-tray div {
    max-width: 225px;
    height: 41px;
    display: block;
    float: left;
    margin: 0 5px;
    font-size: 12px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #e7ecf1;
    border: solid 1px #cac4e1;
    padding: 5px;
   
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;

    -moz-box-shadow: 0 0 4px #8a84a1;
    -webkit-box-shadow: 0 0 4px #8a84a1;
    box-shadow: 0 0 4px #8a84a1;
}