/*
 * Members page Styling
 */
@charset "utf-8";

.membersPage {
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
    text-align: center;
}

.membersPage a {
    color: inherit;
}

.membersPage .userBox {
    background: linear-gradient(180deg, #C2AFFE, #B19EED) no-repeat scroll left top / cover #C2AFFE;
    margin: 7px;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 0 .5em #000;
    display: inline-block;
    vertical-align: top;
    transition: box-shadow .2s;
}

.membersPage .userBox {
    padding: 10px;
    line-height: 330%;
}

.membersPage .userBox:hover {
    box-shadow: 0 0 1em #000;
    cursor: pointer;
}

.membersPage .userBox:active {
    box-shadow: 0 0 1.5em #609;
}

.membersPage .userBox img {
    margin: 0 auto;
}

.membersPage .userBox .userBoxUserName {
    font-weight: 700;
}

.membersPage .boxes .userBox {
    width: 200px;
    height: 230px;
}

.membersPage .boxes .userBox img {
    width: 200px;
    height: 200px;
    display: block;
}

.membersPage .rectangles .userBox {
    width: 300px;
    height: 100px;
    text-align: left;
}

.membersPage .rectangles .userBox img {
    width: 100px;
    height: 100px;
    display: inline-block;
}

.membersPage .rectangles .userBox .userBoxUserName {
    display: inline-block;
    vertical-align: top;
    padding: 30px 10px;
}

.membersPage .list table {
    margin: 10px auto;
    background: #C2AFFE;
    box-shadow: 0 0 3px #9475B2;
    border: 1px solid #9475B2;
    max-width: 1024px;
    width: auto;
    border-radius: 3px;
    border-spacing: 0;
}

.membersPage .list table td,
.membersPage .list table th {
    padding: 4px 8px;
}

.membersPage .list thead th {
    border-bottom: 1px solid #9475B2;
    background: #A586C4;
}

.membersPage .list tfoot th {
    border-top: 1px solid #9475B2;
    background: #A586C4;
}