/*** $Console-Buttons ***/
.bottomConsole ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.bottomConsole a {
    display: block;
    text-indent: -9999em;
}
.bottomConsole_messagesBtn {
    left: 90px;
    top: -21px;
}
.bottomConsole_incentivesBtn {
    left: 331px;
    top: -21px;
}
.bottomConsole_dashboardBtn {
    left: 206px;
    top: -23px;
}
.messagesNone,
.messages,
.messagesUnread {
    display: block;
    height: 96px;
    text-indent: -9999px;
    width: 96px;
}

.messagesNone {
    background: url("../../../images/student-portal/messagseNone.png") no-repeat;
}
.messages:after,
.messagesUnread:after {
    background-position: -96px 0;
    content: "";
    display: block;
    height: 96px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 96px;
    transition: opacity .7s ease-out;
}

.messages:hover:after,
.messagesUnread:hover:after {
    opacity: 1;
}

.messages:after {
    background-position: -96px 0;
}

.messagesUnread,
.messagesUnread:after {
    background: url("../../../images/student-portal/messagesUnread.png") no-repeat;
}

.messagesUnread img {
    display: block;
    left: 23px;
    position: absolute;
    top: 43px;
    z-index: 1;
    animation: unreadBounce 1s infinite;
}

.messagesUnread:hover img {
    animation: unreadBounce .5s infinite;
}

.messagesUnread:after {
    background-position: -96px 0;
}

.messagesUnread:hover:before {
    animation: unreadMessage 1.7s steps(52) infinite;
}

@keyframes unreadBounce {
    0% {
        transform: scale(1.0);
        animation-timing-function: ease-out;
    }
    50% {
        transform: scale(.8);
        animation-timing-function: ease-in;
    }
    0% {
        transform: scale(1.0);
    }
}
@keyframes unreadMessage {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -4888px 0;
    }
}
.bottomConsole_messagesLink:after,
.bottomConsole_statsLink:after,
.bottomConsole_incentivesLink:after {
    content:"";
    display: block;
    background-position: 0 0;
    opacity: 0;
    transition: opacity 200ms ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
}
.bottomConsole *:focus:after,
.bottomConsole *:hover:after {
    opacity: 1;
}
.bottomConsole_messagesLink,
.bottomConsole_messagesLink:after {
    height: 96px;
    width: 96px;
    background: url("../../../images/student-portal/messagesBtn.png") no-repeat;
}
.bottomConsole_messagesLink {
    background-position: -96px 0;
    position: relative;
}
.bottomConsole_statsLink,
.bottomConsole_statsLink:after {
    height: 100px;
    width: 104px;
    background: url("../../../images/student-portal/statsBtn.png");
}
.bottomConsole_statsLink {
    background-position: -104px 0;
    position: relative;
}
.bottomConsole_incentivesLink,
.bottomConsole_incentivesLink:after {
    height: 96px;
    width: 96px;
    background: url("../../../images/student-portal/starShop.png");
}
.bottomConsole_incentivesLink {
    background-position: -96px 0;
    position: relative;
}
.bottomConsole li { position: absolute; }