﻿/* icons
--------------------------------------------- */

span.icon {
    float: left;
    display: block;
    background: url(/images/icons/icons.png?_c=20130613) no-repeat 0 0;
}

    span.icon.inline {
        float: none;
        display: inline-block;
        margin: 0 5px -3px 4px;
    }

        span.icon.inline.small, span.icon.inline.smaller {
            float: none;
            display: inline-block;
            margin: 0 1px 0 4px;
            *margin: 0 3px 2px 4px;
        }

        span.icon.inline.small {
            margin-right: 3px;
            *margin-right: 6px;
        }

    span.icon.normal.small {
        float: left;
        display: block;
        margin: 6px 5px 2px 0; /*6px 5px 2px 4px;*/
    }

a.inline-icon-link {
    white-space: nowrap;
}

    a.inline-icon-link:hover {
        text-decoration: none;
    }

        a.inline-icon-link:hover span.link-text {
            text-decoration: underline;
        }

a:hover span.icon.small, a:hover span.icon.smaller {
    text-decoration: none !important;
}

li span.icon, span.icon,
.controls li span.icon.default {
    margin-right: 7px;
    width: 16px;
    height: 16px;
}

    li span.icon.small, span.icon.small {
        width: 12px;
        height: 12px;
    }

    span.icon.smaller {
        width: 10px;
        height: 10px;
    }

    span.icon.larger {
        width: 20px;
        height: 20px;
    }

p.visibilty span.icon, .featured span.icon {
    margin-top: 2px;
}

p.feeds span.icon {
    margin-right: 7px;
    width: 16px;
    height: 16px;
}

span.icon.padded {
    margin-top: 3px;
}

.actions li span.icon, .progress li span.icon, .controls li span.icon, dl.info dd span.icon {
    margin-right: 5px;
    width: 10px;
    height: 10px;
}

/* menu */

span.messages.icon {
    background-position: -64px 0;
}

a span.messages.icon {
    background-position: -64px -16px;
}

a:hover span.messages.icon {
    background-position: -64px -32px;
}

a span.largePlus.icon {
    background-position: -80px 0px;
}

a:hover span.copy {
    background-position: -306px -90px;
}

a:hover span.report {
    background-position: -281px -90px;
}

a:hover span.conclude {
    background-position: -294px -90px;
}

span.plus.icon.large {
    background-position: -24px -116px;
    width: 8px;
    height: 10px;
    margin: 5px -2px 0px 7px;
}

    span.plus.icon.large:hover {
        background-position: -24px -116px;
    }

a:hover span.report {
    background-position: -272px -90px;
}

a:hover span.largePlus.icon {
    background-position: -80px -32px;
}

span.largeCheck.icon {
    background-position: -96px 0px;
}

span.cart.icon {
    background-position: 0 0;
}

a span.cart.icon {
    background-position: 0 -16px;
}

a:hover span.cart.icon {
    background-position: 0 -32px;
}

span.invert-cart.icon {
    background-position: -144px 0;
}

a span.invert-cart.icon {
    background-position: -144px -16px;
}

a:hover span.invert-cart.icon {
    background-position: -144px -32px;
}

span.account.icon {
    background-position: -16px 0;
}

a span.account.icon {
    background-position: -16px -16px;
}

a:hover span.account.icon {
    background-position: -16px -32px;
}

span.forums.icon {
    background-position: -32px 0;
}

a span.forums.icon {
    background-position: -32px -16px;
}

a:hover span.forums.icon {
    background-position: -32px -32px;
}

span.help.icon {
    background-position: -48px 0;
}

a span.help.icon {
    background-position: -48px -16px;
}

a:hover span.help.icon {
    background-position: -48px -32px;
}

span.support.icon {
    background-position: -112px 0;
}

a span.support.icon {
    background-position: -112px -16px;
}

a:hover span.support.icon {
    background-position: -112px -32px;
}

span.exiting-link.icon {
    background-position: -192px -16px;
}

a:hover span.exiting-link.icon {
    background-position: -192px -32px;
}

/* issue */

span.publisher-digital.icon {
    margin-right: 6px;
    height: 16px;
    width: 16px;
    background-position: -64px -64px;
}

span.private.icon, span.restricted.icon {
    margin-right: 6px;
    height: 16px;
    width: 16px;
    background-position: -64px -48px;
}

span.restricted.icon {
    background-position: -80px -48px;
}

a span.show.icon {
    background-position: 0 -48px;
}

a:hover span.show.icon {
    background-position: 0 -64px;
}

a span.email.icon {
    background-position: -16px -48px;
}

a:hover span.email.icon {
    background-position: -16px -64px;
}

a span.email.icon.large {
    background-position: -240px 0px;
}

a:hover span.email.icon.large {
    background-position: -240px 0px;
}

a span.link.icon.large {
    background-position: -260px 0px;
}

a:hover span.link.icon.large {
    background-position: -260px 0px;
}

a span.share.icon {
    background-position: -32px -48px;
}

a:hover span.share.icon {
    background-position: -32px -64px;
}

a span.favourite.icon {
    background-position: -48px -48px;
}

a:hover span.favourite.icon {
    background-position: -48px -64px;
}

span.favourite.icon {
    background-position: -48px -64px;
}

span.heart.icon {
    background-position: -180px -80px;
}

span.heart-only.icon {
    background-position: -160px -16px;
}

.disabled span.heart-only.icon {
    background-position: -160px 0px;
}

span.preview.icon.large {
    background-position: -280px 0px;
    margin-right: 3px;
}

span.red-heart.icon {
    background-position: -160px -30px;
}

/* actions */

a span.download.icon {
    background-position: -96px -48px;
}

a:hover span.download.icon {
    background-position: -96px -64px;
}

a span.reload.icon {
    background-position: -112px -48px;
}

a:hover span.reload.icon {
    background-position: -112px -64px;
}

a span.organize.icon {
    background-position: -128px -48px;
}

a:hover span.organize.icon {
    background-position: -128px -64px;
}

span.wrench.icon {
    background-position: -128px 0;
}

a span.wrench.icon {
    background-position: -128px -16px;
}

a:hover span.wrench.icon {
    background-position: -128px -32px;
}

span.remove.icon {
    background-position: -176px 0;
}

a span.remove.icon {
    background-position: -176px -16px;
}

a:hover span.remove.icon {
    background-position: -176px -32px;
}


/* progress */

span.checked.icon {
    background-position: -30px -80px;
}

a:hover span.checked.icon {
    background-position: -30px -90px;
}

div.issue ul.progress span.checked.icon {
    margin-top: 5px;
}

/* Odd icons (feeds, ) */

span.feed.icon {
    background-position: 0 -100px;
}

span.settings-saved.icon {
    background-position: -16px -100px;
}

span.circle-cancel2.icon {
    width: 14px;
    height: 14px;
    background-position: -32px -100px;
}

a:hover span.circle-cancel2.icon {
    background-position: -32px -100px;
}

span.search-button.icon {
    background-position: -49px -100px;
    margin-right: 0;
    margin-left: 2px;
}

/* 12 x 12 icons */

span.address-group.icon {
    background-position: 0 -116px;
}

a span.address-group.icon {
    background-position: 0 -128px;
}

a:hover span.address-group.icon {
    background-position: 0 -140px;
}

span.outbound-link.icon {
    background-position: -12px -116px;
}

a span.outbound-link.icon {
    background-position: -12px -128px;
}

a:hover span.outbound-link.icon {
    background-position: -12px -140px;
}

a span.toggle.off.icon {
    background-position: -24.5px -128px; /* decimal part fixes rendering bug */
}

a span.toggle.on.icon {
    background-position: -24.5px -140px; /* decimal part fixes rendering bug */
}

span.facebook.icon {
    background-position: -36px -116px;
}

a span.facebook.icon {
    background-position: -36px -116px;
}

a:hover span.facebook.icon {
    background-position: -36px -140px;
}

span.twitter.icon {
    background-position: -48px -116px;
}

a span.twitter.icon {
    background-position: -48px -116px;
}

a:hover span.twitter.icon {
    background-position: -48px -140px;
}

span.link.icon {
    background-position: -60px -116px;
}

a span.link.icon {
    background-position: -60px -116px;
}

a:hover span.link.icon {
    background-position: -60px -140px;
}

span.collapse.icon {
    background-position: -72px -116px;
}

a span.collapse.icon {
    background-position: -72px -116px;
}

a:hover span.collapse.icon {
    background-position: -72px -140px;
}

span.expand.icon {
    background-position: -84px -116px;
}

a span.expand.icon {
    background-position: -84px -116px;
}

a:hover span.expand.icon {
    background-position: -84px -140px;
}

span.expand2.icon {
    background-position: -114px -116px;
}

a span.expand2.icon {
    background-position: -114px -116px;
}

a:hover span.expand2.icon {
    background-position: -114px -140px;
}

span.remove-item.icon {
    background-position: -96px -116px;
    margin: 0;
    position: relative;
    top: 2px;
    left: 2px;
}

/* 16 x 16 icons (to refactor into here) */
span.buy-print.icon {
    background-position: -192px 0;
    width: 17px;
    margin-left: 2px;
    margin-right: 2px;
    *margin-right: 5px;
}

span.product-info.icon {
    background-position: -225px 0;
    width: 15px;
    margin-left: 2px;
    margin-right: 2px;
    *margin-right: 5px;
}

span.warning.icon {
    background-position: -210px 0;
}

/* 10 x 10 icons (to refactor into here) */
/* these get the "smaller" css class */
a span.new.icon {
    background-position: 0 -80px;
}

a:hover span.new.icon {
    background-position: 0 -90px;
}

a span.edit.icon {
    background-position: -10px -80px;
}

a:hover span.edit.icon {
    background-position: -10px -90px;
}

a span.upload.icon {
    background-position: -20px -80px;
}

a:hover span.upload.icon {
    background-position: -20px -90px;
}

a span.accept.icon {
    background-position: -30px -80px;
}

a:hover span.accept.icon {
    background-position: -30px -90px;
}

a span.cancel.icon {
    background-position: -40px -80px;
}

a:hover span.cancel.icon {
    background-position: -40px -90px;
}

a span.trash.icon {
    background-position: -50px -80px;
}

a:hover span.trash.icon {
    background-position: -50px -90px;
}

a span.proof.icon {
    background-position: -60px -80px;
}

a:hover span.proof.icon {
    background-position: -60px -90px;
}

a span.flag.icon {
    background-position: -70px -80px;
}

a:hover span.flag.icon {
    background-position: -70px -90px;
}

a span.problem.icon {
    background-position: -80px -80px;
}

a:hover span.problem.icon {
    background-position: -80px -90px;
}

a span.track.icon {
    background-position: -90px -80px;
}

a:hover span.track.icon {
    background-position: -90px -90px;
}

a span.promote.icon {
    background-position: -100px -80px;
}

a:hover span.promote.icon {
    background-position: -100px -90px;
}

a span.down.icon {
    background-position: -110px -80px;
}

a:hover span.down.icon {
    background-position: -110px -90px;
}

a span.stats.icon {
    background-position: -120px -80px;
}

a:hover span.stats.icon {
    background-position: -120px -90px;
}

a span.contact.icon {
    background-position: -130px -80px;
}

a:hover span.contact.icon {
    background-position: -130px -90px;
}

a span.reply.icon {
    background-position: -140px -80px;
}

a:hover span.reply.icon {
    background-position: -140px -90px;
}

a span.mini-cancel.icon {
    background-position: -150px -80px;
}

a:hover span.mini-cancel.icon {
    background-position: -150px -90px;
}

span.error.icon {
    background-position: -160px -90px;
}

a span.plus.icon {
    background-position: -170px -80px;
}

a:hover span.plus.icon {
    background-position: -170px -90px;
}

a span.heart.icon {
    background-position: -180px -80px;
}

a:hover span.heart.icon {
    background-position: -180px -90px;
}

a span.print.icon {
    background-position: -190px -80px;
}

a:hover span.print.icon {
    background-position: -190px -90px;
}

span.buy-digital.icon {
    background-position: -200px -80px;
}

a span.delete.icon {
    background-position: -210px -80px;
}

a:hover span.delete.icon {
    background-position: -210px -90px;
}

a span.add-to-cart.icon {
    background-position: -220px -80px;
}

a:hover span.add-to-cart.icon {
    background-position: -220px -90px;
}

a span.move-to-collection.icon {
    background-position: -230px -80px;
}

a:hover span.move-to-collection.icon {
    background-position: -230px -90px;
}

span.zoom.icon {
    background-position: -240px -80px;
}

a:hover span.zoom.icon {
    background-position: -240px -90px;
}

span.account2.icon {
    background-position: -250px -80px;
}

a:hover span.account2.icon {
    background-position: -250px -90px;
}

span.support2.icon {
    background-position: -260px -80px;
}

a:hover span.support2.icon {
    background-position: -260px -90px;
}

span.my-library.icon {
    background-position: -270px -80px;
}

a:hover span.my-library.icon {
    background-position: -270px -90px;
}

span.download2.icon {
    background-position: -88px -154px;
}

span.order.icon {
    background-position: -101px -154px;
}

span.report {
    background-position: -272px -80px;
    width: 11px;
}

span.icon.comment, span.icon.comment:hover {
    margin-top: -4px;
    width: 14px;
    height: 18px;
    background-position: -214px -170px;
}

    span.icon.comment.minus, span.icon.comment.minus:hover {
        background-position: -230px -170px;
    }


/* 20 x 20 icons */

span.icon.cancel3 {
    background-position: 0 -200px;
}

a:hover span.icon.cancel3 {
    background-position: 0 -230px;
}

a:focus span.icon.cancel3 {
    background-position: 0 -260px;
}

/* in-button icons */
a.mc-button span.icon,
button.mc-button span.icon {
    margin-bottom: -1px;
    float: left;
}

a.mc-button.mini span.icon,
button.mc-button.mini span.icon {
    margin-bottom: -4px;
    margin-top: -1px;
    float: left;
}

a.mc-button span.button-text,
button.mc-button span.button-text {
    float: left;
}

span.single-download.icon {
    background-position: 0 -152px;
    width: 10px;
    height: 15px;
}

a.disabled span.single-download.icon,
span.single-download-loose.icon {
    background-position: -10px -152px;
}

span.single-download-loose.icon {
    width: 9px;
    height: 16px;
    margin-right: 1px;
    *margin-right: 4px;
    margin-top: 4px;
    margin-left: 0;
}

a span.buy-print-button.icon {
    background-position: -20px -152px;
    width: 17px;
}



a span.buy-digital-button.icon {
    background-position: -38px -152px;
    width: 10px;
}

a span.upload-button.icon,
button span.upload-button.icon {
    background-position: -48px -152px;
    width: 9px;
}

a span.save-draft.icon,
button span.save-draft.icon {
    background-position: -58px -152px;
    width: 13px;
}

a span.create.icon,
button span.create.icon {
    background-position: -72px -152px;
    width: 14px;
}

/* other sizes */

a span.circle-cancel.icon {
    background-position: 0 -172px;
}

a:hover span.circle-cancel.icon {
    background-position: -18px -172px;
}

span.digital-bundle.icon {
    width: 21px;
    height: 22px;
    background-position: -40px -170px;
}

span.inline.digital-bundle.icon {
    margin-bottom: -8px;
    *margin-top: 0;
    margin-right: 2px;
    *margin-right: 5px;
    margin-left: 0;
}

span.digital-toggle.icon {
    width: 20px;
    height: 20px;
    background-position: -62px -170px;
}

    span.digital-toggle.icon.on {
        width: 20px;
        height: 20px;
        background-position: -83px -170px;
    }

span.helpbox-caret.icon {
    width: 19px;
    height: 11px;
    background-position: -104px -170px;
}

span.large-error.icon {
    width: 16px;
    height: 16px;
    background-position: -126px -173px;
}

span.large-error2.icon {
    width: 16px;
    height: 16px;
    background-position: -174px -173px;
}

span.large-warning.icon {
    width: 16px;
    height: 16px;
    background-position: -142px -173px;
}

span.large-success.icon {
    width: 16px;
    height: 16px;
    background-position: -158px -173px;
}

span.view-all.icon {
    width: 19px;
    height: 19px;
    background-position: -193px -173px;
}

.view-all.icon.inline {
    margin-top: -4px;
    vertical-align: middle;
    margin-right: 0;
}

span.bullet {
    display: inline-block;
    content: " ";
    background: url(/images/icons/icons.png?_c=20110811) no-repeat 0 0;
    background-position: -96px -136px;
    min-width: 8px;
}

span.round-back.icon {
    width: 19px;
    height: 19px;
    background-position: -247px -171px;
}
