@import "mixins.less";
.ico {
    .size(16px,16px);
    vertical-align: middle;
    .inline-block();
}
.search-ico:extend(.ico) {
    background: url("../images/hall/searchbtn.png") 0px 0px no-repeat;
    .size(15px,14px);
    margin-right: 0px;
    &:hover {
        background-position: 0px -15px;
    }
    &:active {
        background-position: 0px -30px;
    }
    &.disabled {
        background-position: 0px -45px;
    }
}
.small-search-ico:extend(.ico) {
    background: url("../images/room/search.png") -2px -3px no-repeat;
    .size(11px,11px);
    margin-right: 0px;
    &:hover {
        background-position: -2px -19px;
    }
    &:active {
        background-position: -2px -35px;
    }
    &.disabled {
        background-position: -2px -51px;
    }
}
.room-cio:extend(.ico) {
    background: url("../images/hall/myprogicon.png") no-repeat;
    &.active {
        background: url("../images/hall/myprogicons.png") no-repeat;
    }
    .active & {
        background: url("../images/hall/myprogicons.png") no-repeat;
    }
}
.add-ico:extend(.ico) {
    background: url("../images/hall/czl.png") no-repeat 0px 0px transparent;
    &:hover {
        background-position: 0px -16px;
    }
    &:active {
        background: url("../images/hall/cz.png") no-repeat 0px 0px transparent;
    }
    .active & {
        background: url("../images/hall/cz.png") no-repeat 0px 0px transparent;
    }
}
.collect-ico:extend(.ico) {
    background: url("../images/hall/mysaveicon.png") no-repeat 0px 0px transparent;
    &:active {
        background: url("../images/hall/mysaveicons.png") no-repeat 0px 0px transparent;
    }
    .active & {
        background: url("../images/hall/mysaveicons.png") no-repeat 0px 0px transparent;
    }
}
.time-ico:extend(.ico) {
    background: url("../images/hall/recentprogicon.png") no-repeat 0px 0px transparent;
    &.active {
        background: url("../images/hall/recentprogicons.png") no-repeat 0px 0px transparent;
    }
    .active & {
        background: url("../images/hall/recentprogicons.png") no-repeat 0px 0px transparent;
    }
}
.collect-normal-ico:extend(.ico) {
    background: url("../images/hall/Reserve.png") 0px -2px no-repeat;
    .size(16px,12px);
    cursor: pointer;
    &:hover {
        background-position: 0px -18px;
    }
    &:active {
        background-position: 0px -34px;
    }
    &.active {
        background: url("../images/hall/Reserved.png") 0px -2px no-repeat;
        &:hover {
            background-position: 0px -18px;
        }
    }
    &.disabled {
        background-position: 0px -50px;
    }
}
.delete-ico:extend(.ico) {
    background: url("../images/hall/DelSave.png") 0px 0px no-repeat;
    .size(16px,16px);
    cursor: pointer;
    &:hover {
        background-position: 0px -16px;
    }
    &:active {
        background-position: 0px -32px;
    }
    &.disabled {
        background-position: 0px -48px;
    }
}
.member-ico:extend(.ico) {
    background: url("../images/hall/number.png") 0px 0px no-repeat;
    .size(15px,8px);
}
.star-bg-ico:extend(.ico) {
    background: url("../images/hall/starback.png") no-repeat left top;
    .size(44px,33px);
}

.scrollBar-up-ico:extend(.ico) {
    background: url("../images/scrollbar/scroll_uparrow.png") no-repeat left top;
    .size(8px,5px);
    &:hover {
        background-position: 0px -5px;
    }
}
.scrollBar-down-ico:extend(.ico) {
    background: url("../images/scrollbar/scroll_downarrow.png") no-repeat left top;
    .size(8px,5px);
    &:hover {
        background-position: 0px -5px;
    }
}
.minimum-ico:extend(.ico){
    background: url("../images/capital/minbox.png") no-repeat -11px -6px;
    .size(10px,10px);
    &:hover {
        background-position: -11px -28px;
    }
    &:active {
        background-position: -11px -50px;
    }
}
.maximize-ico:extend(.ico){
    background: url("../images/capital/minbox.png") no-repeat -11px -6px;
    .size(10px,10px);
    &:hover {
        background-position: -11px -28px;
    }
    &:active {
        background-position: -11px -50px;
    }
}
.close-ico:extend(.ico){
    background: url("../images/capital/closebox.png") no-repeat -11px -6px;
    .size(10px,10px);
    &:hover {
        background-position: -11px -28px;
    }
    &:active {
        background-position: -11px -50px;
    }
}
.login-ico:extend(.ico){
    background: url("../images/hall/halllogo.png") no-repeat;
    .size(144px,40px);
}
.up-arrow-ico:extend(.ico){
    background: url("../images/settings/arrow_up.png") no-repeat;
    .size(9px,5px);
    &:hover {
        background-position: 0px -5px;
    }
    &:active {
        background-position: 0px -10px;
    }
}
.down-arrow-ico:extend(.ico){
    background: url("../images/settings/arrow.png") no-repeat;
    .size(9px,5px);
    &:hover {
        background-position: 0px -5px;
    }
    &:active {
        background-position: 0px -10px;
    }
}
.air-ico:extend(.ico){
    background: url("../images/room/ufo.png") no-repeat;
    .size(16px,16px);
    cursor: pointer;
    &:hover {
        background-position: 0px -16px;
    }
    &:active {
        background-position: 0px -32px;
    }
    &.disabled {
        background-position: 0px -48px;
    }
}
.audio-ico:extend(.ico){
    background: url("../images/room/coin_mic.png") -6px -1px no-repeat;
    .size(13px,22px);
    margin-right: 0px;
    &:hover {
        background-position: -6px -25px;
    }
    &:active {
        background-position: -6px -49px;
    }
    &.disabled {
        background-position: -6px -73px;
    }
}
.fail-ico:extend(.ico) {
    background: url("../images/controls/Fail.png") 0px 0px no-repeat;
    .size(15px,15px);
    margin-right: 0px;
}
.loadding-ico {
    background: url("../images/loading.gif") center center no-repeat;
}