.header_user_info {
    float: left;
    width: 50%;
    font-size: 11px;
    text-align: center;
}

@media (min-width: 480px) {
    .header_user_info {
        width: auto;
        font-size: inherit;
        text-align: left;
    }
}

@media (min-width: 768px) {
    .header_user_info {
        float: right;
    }
}



.header_user_info a {
    color: #666464;
    font-weight: bold;
    display: block;
    padding: 8px 9px 11px 0;
    cursor: pointer;
    line-height: 18px;
    text-transform: uppercase;
    border-bottom: solid 4px transparent;
}


.header_user_info a:hover, .header_user_info a.active {
    border-bottom-color: #666464;
    color: #666464;
}