#tools {
    display: block;
    float: right;
}
.iconbox {
    float: left;
    margin: 0;
    padding: 0;
    width: 82px;
    text-align: center;
    height: 56px;
}
.icon {
    float: left;
    margin: 0;
    padding: 0;
    width: 82px;
    line-height: 84px;
    font-size: 11px;
    color: #FFF;
    height: 56px;
}
.icon:hover {
    color: #FFF;
    font-weight: bold;
}
.mailbox {
    background: transparent url('/assets/img/re_icon_notices.png') no-repeat;
    background-position: 50% 0%;
}
.mailbox:hover {
    background: transparent url('/assets/img/re_icon_notices_b.png') no-repeat;
     background-position: 50% 0%;
}
.sdah {
    background: transparent url('/assets/img/re_icon_sdah.png') no-repeat;
    background-position: 50% 0%;
}
.sdah:hover {
    background: transparent url('/assets/img/re_icon_sdah_b.png') no-repeat;
     background-position: 50% 0%;
}
.search {
    background: transparent url('/assets/img/re_icon_search.png') no-repeat;
    background-position: 50% 0%;
}
.search:hover {
    background: transparent url('/assets/img/re_icon_search_b.png') no-repeat;
     background-position: 50% 0%;
}
.resumes {
    background: transparent url('/assets/img/re_icon_resume.png') no-repeat;
    background-position: 50% 0%;
}
.resumes:hover {
    background: transparent url('/assets/img/re_icon_resume_b.png') no-repeat;
     background-position: 50% 0%;
}
.portfolio {
    background: transparent url('/assets/img/re_icon_portfolio.png') no-repeat;
    background-position: 50% 0%;
}
.portfolio:hover {
    background: transparent url('/assets/img/re_icon_portfolio_b.png') no-repeat;
     background-position: 50% 0%;
}
.profile {
    background: transparent url('/assets/img/re_icon_profile.png') no-repeat;
    background-position: 50% 0%;
}
.profile:hover {
    background: transparent url('/assets/img/re_icon_profile_b.png') no-repeat;
     background-position: 50% 0%;
}
.config {
    background: transparent url('/assets/img/re_icon_config.png') no-repeat;
    background-position: 50% 0%;
}
.config:hover {
    background: transparent url('/assets/img/re_icon_config_b.png') no-repeat;
     background-position: 50% 0%;
}
.help {
    background: transparent url('/assets/img/re_icon_help.png') no-repeat;
    background-position: 50% 0%;
}
.help:hover {
    background: transparent url('/assets/img/re_icon_help_b.png') no-repeat;
     background-position: 50% 0%;
}
.mailboxhot {
    background: transparent url('/assets/img/re_icon_notices.png') no-repeat;
    background-position: 50% 0%;
}
.mailboxhot:hover {
    background: transparent url('/assets/img/re_icon_notices_b.png') no-repeat;
     background-position: 50% 0%;
}
.feedback {
    background: transparent url('/assets/img/re_icon_feedback.png') no-repeat;
    background-position: 50% 0%;
}
.feedback:hover {
    background: transparent url('/assets/img/re_icon_feedback_b.png') no-repeat;
     background-position: 50% 0%;
}
.dashboard {
    background: transparent url('/assets/img/re_icon_dashboard.png') no-repeat;
    background-position: 50% 0%;
}
.dashboard:hover {
    background: transparent url('/assets/img/re_icon_dashboard_b.png') no-repeat;
     background-position: 50% 0%;
}
.mailbox.hot {
    background-position: 52% 2%;
    color: #6CF;
    font-weight: bold;
}
.mailboxhot.hot {
    background-position: 52% 2%;
    color: #6CF;
    font-weight: bold;
}
.search.hot {
    background-position: 52% 2%;
    color: #6CF;
    font-weight: bold;
}
.dashboard.hot {
    background-position: 52% 2%;
    color: #6CF;
    font-weight: bold;
}
.resumes.hot {
    background-position: 52% 2%;
    color: #6CF;
    font-weight: bold;
}
.portfolio.hot {
    background-position: 52% 2%;
    color: #6CF;
    font-weight: bold;
}
.config.hot {
    background-position: 52% 2%;
    color: #6CF;
    font-weight: bold;
}
.help.hot {
    background-position: 52% 2%;
    color: #6CF;
    font-weight: bold;
}
.feedback.hot {
    background-position: 52% 2%;
    color: #6CF;
    font-weight: bold;
}