.ic, .icon {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    background: url(../../images/system/icons.png) no-repeat;
    width: 25px;
    height: 25px;
    margin-bottom: 3px;
}
.ic-home,
.ic-user,
.ic-mail,
.ic-warn,
.ic-hint,
.ic-arrowD,
.ic-arrowR,
.ic-add {
    width: 20px;
    height: 20px;
    margin-bottom: 4px;
}
.ic-gopage { background-position: -200px 0; }
.ic-home   { background-position: 0 -135px; }
.ic-user   { background-position: -20px -135px; }
.ic-mail   { background-position: -40px -135px; }
.ic-warn   { background-position: -60px -135px; }
.ic-hint   { background-position: -80px -135px; }
.ic-arrowD { background-position: -100px -135px; }
.ic-arrowR { background-position: -120px -135px; }
.ic-q      { background-position: -200px -50px; }
.ic-a      { background-position: -200px -75px; }
.ic-add    { background-position: -140px -135px; }

.tab-ic-1 { background-position:      0 -50px; }
.tab-ic-2 { background-position:  -25px -50px; }
.tab-ic-3 { background-position:  -50px -50px; }
.tab-ic-4 { background-position:  -75px -50px; }
.tab-ic-5 { background-position: -100px -50px; }
.tab-ic-6 { background-position: -125px -50px; }
.tab-ic-7 { background-position: -150px -50px; }
.tab-ic-8 { background-position: -175px -50px; }
li.active .tab-ic-1 { background-position:      0 -75px; }
li.active .tab-ic-2 { background-position:  -25px -75px; }
li.active .tab-ic-3 { background-position:  -50px -75px; }
li.active .tab-ic-4 { background-position:  -75px -75px; }
li.active .tab-ic-5 { background-position: -100px -75px; }
li.active .tab-ic-6 { background-position: -125px -75px; }
li.active .tab-ic-7 { background-position: -150px -75px; }
li.active .tab-ic-8 { background-position: -175px -75px; }

.panel-title .ic {
    width: 35px;
    height: 35px;
    margin-bottom: 5px;
}
.title-ic-1 { background-position:     0 -100px; }
.title-ic-2 { background-position: -35px -100px; }
.title-ic-3 { background-position: -70px -100px; }

.btn-ic-1  { background-position:      0 -25px; }
.btn-ic-2  { background-position:  -25px -25px; }
.btn-ic-3  { background-position:  -50px -25px; }
.btn-ic-4  { background-position:  -75px -25px; }
.btn-ic-5  { background-position: -100px -25px; }
.btn-ic-6  { background-position: -125px -25px; }
.btn-ic-7  { background-position: -150px -25px; }
.btn-ic-8  { background-position: -175px -25px; }
.btn-ic-9  { background-position: -200px -25px; }
.btn-ic-10 { background-position: -225px -25px; }
.btn-ic-11 { background-position: -250px -25px; }
.btn-ic-12 { background-position: -275px -25px; }

.ic-catalog {
    width: 13px;
    height: 13px;
}
.ic-catalog-1 { background: #FF9326; }
.ic-catalog-2 { background: #9AD035; }
.ic-catalog-3 { background: #EB5683; }
.ic-catalog-4 { background: #666FDD; }
.ic-catalog-5 { background: #B062DF; }

.ic-refresh {
    background-image: url(../../images/system/login/refresh.png);
    height: 26px;
}