.system-icons {
    display: -webkit-box;
    padding: 5px;
    margin: 0;
}

    .system-icons li {
        display: inline-block;
    }

    .system-icons a {
        background-image: url(systemicons_essential.png);
        background-repeat: no-repeat;
        display: inline-block;
        border: none;
        height: 48px;
        width: 48px;
    }

    .system-icons a:hover {
        opacity: 0.3;
    }
        .system-icons a.home {
            background-position: -0px -2px;
        }

        .system-icons a.edit {
            background-position: -652px -0px;
        }

        .system-icons a.add {
            background-position: -99px -1397px;
        }

        .system-icons a.delete {
            background-position: -400px -248px;
        }

        .system-icons a.refresh {
            background-position: -151px -1146px;
        }

        .system-icons a.search {
            background-position: -99px -1347px;
        }

        .system-icons a.ok {
            background-position: -0px -1397px;
        }

        .system-icons a.cancel {
            background-position: -50px -1397px;
        }

        .system-icons a.duplicate {
            background-position: -199px -398px;
        }

        .system-icons a.save {
            background-position: -50px -400px;
        }

        .system-icons a.okclose {
            background-position: -0px -1447px;
        }