Test Site CSS

/*  div wrapped around entire staff list  */
div.staff-member-listing {

}

div[rel=show-staff] {
    cursor: pointer;
}

/*  div wrapped around each staff member  */
div.staff-member {
    padding-bottom: 2em;
    border-bottom: thin dotted #aaa;
position:relative;
display: inline-block !important;
padding: 0 1em;
border:none;
}

/*  "Even" staff member  */
div.staff-member.even {

}

/*  "Odd" staff member  */
div.staff-member.odd {
    margin-top: 2em;
}

/*  Last staff member  */
div.staff-member.last {
    padding-bottom: 0;
    border: none;
}

/*  Wrap around staff info  */

.staff-member-info-wrap {
    display:none;
    background: #eee;
    position: absolute;
    border-radius: 11px;
    border: thin solid #ccc;
    padding: 1em;
    font-size: .75em;
    width: 180%;
    top: -2%;
    left: 104%;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, .2);
        z-index: 1000;
}

/*  [staff-bio-formatted]  */
div.staff-member-bio {

}

/*  p tags within [staff-bio-formatted]  */
div.staff-member-bio p {

}

/*  [staff-photo]  */
img.staff-member-photo {
    float: left;
}

/*  [staff-email-link]  */
.staff-member-email {

}

/*  [staff-name-formatted]  */
div.staff-member-listing h3.staff-member-name {
    margin: 0;
}

/*  [staff-position-formatted]  */
div.staff-member-listing h4.staff-member-position {
    margin: 0;
    font-style: italic;
}

/* Clearfix for div.staff-member */
div.staff-member:after {
    content: "";
    display: block;
    clear: both;
}

/* Clearfix for <= IE7 */
* html div.staff-member { height: 1%; }
div.staff-member { display: block; }