/* Profile Page - MySpace 2009 Style */

.profile-info-table {
    width: 100%;
    border-collapse: collapse;
}
.profile-info-table td {
    vertical-align: top;
    padding: 2px 8px;
}
.profile-avatar-cell {
    width: 80px;
}
.profile-avatar {
    width: 75px;
    height: 75px;
    object-fit: cover;
    border: 1px solid var(--vid-border);
}
.profile-name-cell {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: var(--vid-text);
    padding-top: 4px;
}
.profile-stats-cell {
    font: 11px Arial, Helvetica, sans-serif;
    color: var(--vid-text-secondary);
}
.stat-link {
    color: var(--vid-link);
    cursor: pointer;
}
.stat-link:hover { text-decoration: underline; }

.profile-actions-cell {
    padding-top: 4px;
}

.ms-btn {
    display: inline-block;
    background: var(--vid-btn-bg);
    border: 1px solid var(--vid-btn-border);
    color: var(--vid-btn-text);
    padding: 3px 10px;
    font: bold 10px Arial, Helvetica, sans-serif;
    cursor: pointer;
    text-decoration: none;
    margin-right: 4px;
}
.ms-btn:hover { opacity: 0.85; text-decoration: none; }

.ms-btn-primary {
    background: linear-gradient(to bottom, var(--vid-header-from), var(--vid-header-to));
    border: 1px solid var(--vid-header-to);
    color: #fff;
}
.ms-btn-primary.following {
    background: var(--vid-btn-bg);
    border: 1px solid var(--vid-btn-border);
    color: var(--vid-btn-text);
}