.profile .profile-img { width: 140px; height: 140px; display: table-cell; padding: 1em}
.profile .profile-details {display: table-cell; vertical-align: top; padding: 1em}
.profile-listing { display: table; border-collapse: separate}
.profile-listing .profile {display: table-row}
#page-body .profile .profile-details h3 {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
#page-body .profile .profile-details h3 a {
    border-bottom: 1px dashed #c03240;
    color: #c03240;
}
.height-limited {
    position: relative;
    overflow: hidden;
    max-height: 110px;
}

.height-limited .read-more {
    position: absolute;
    bottom: 0;
    margin: 0 !important;
    height: 40px;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), #fff 50%);
    width: 100%;
}

/* different background colour if used inside tabs */
.sys_section-content .height-limited .read-more {
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), #e7e7e7 50%);
}

/* remove gradient when expanded because of safari */
.height-limited .read-more.read-less {
    background-image: none !important;
}

.height-limited .read-more a {
    position: absolute;
    bottom: 0;
    background: url('../png/icon-plus-10px-light.png') no-repeat left 13px #fff;
    padding: 8px 20px 0 16px;
}

.height-limited .read-more .closed-text {
    display: none;
}

.read-more.read-less a {
    background: url('../png/icon-minus-10px-light.png') no-repeat left 13px #fff;
}

.sys_section-content .height-limited .read-more a {
    background: url('../png/icon-plus-10px-light.png') no-repeat left 13px #e7e7e7;
}

.sys_section-content .read-more.read-less a {
    background: url('../png/icon-minus-10px-light.png') no-repeat left 13px #e7e7e7;
}
@media screen and (max-width:480px) {
    .profile .profile-img { display: none; }
    .profile .profile-details a { word-break: break-all; }
}