.togglebutton {
    background : url(../../images/checkbox.gif) no-repeat 0 0 !important;
}

.x-btn-pressed .togglebutton {
    background-position : 0 -16px !important;
}

.action {
    background : url(../../images/play.png) no-repeat 0 0 !important;
}

.sch-ganttpanel .x-table-layout-cell {
    text-align : left;
}

.zoomfit {
    background : url(../../images/zoom-fit.png) no-repeat left center !important;
}

.icon-fullscreen {
    background : url(../../images/monitor.png) no-repeat left center !important;
}

.icon-collapseall {
    background : url(../../images/up.png) no-repeat left center !important;
}

.icon-expandall {
    background : url(../../images/down.png) no-repeat left center !important;
}

.percent {
    margin        : 0 auto;
    width         : 18px;
    border        : 1px solid #3172D7;
    background    : Aqua;
    border-radius : 2px;
    height        : 9px;
    overflow      : hidden;
    text-align    : left;
}

.percent div {
    background : blue;
    height     : 3px;
    margin-top : 2px;
    overflow   : hidden;
}

.percent25 div {
    width : 25%;
}

.percent50 div {
    width : 50%;
}

.percent75 div {
    width : 75%;
}