/* ============================== */
/*    EDA / People                */
/* ============================== */
.people {
	clear: both;
	margin-top: 10px;
}
.people .member {
	text-align: center;
	font-size: 1.5em;
	width: 245px;
	height: 215px;
	margin: 0px 10px 30px 0px;
	padding: 0 0 0 0;
	float: left;
}
.people .memb :hover {
	color: #337ab7;
	text-decoration: none;
}
.people .member img {
	width: 125px;
	height: 125px;
	margin-bottom: 10px;
}
.people .member .role {
	font-size: 80%;
}

/* ============================== */
/*    EDA / People - Former       */
/* ============================== */
.people-former .former {
	text-align: center;
	font-size: 1.5em;
	width: 125px;
	height: 175px;
	margin: 10px 10px 10px 0px;		
	float: left;
}
.people-former .former {
	width: 150px;
	height: 175px;
}
.people-former .former img {
	width: 90px;
	height: 90px;
	margin-bottom: 10px;
}
.people-former .former .name {
	font-size: 90%;
	display: block;
}

.people-former .former .name .first {
	/*width:50px; */
}


/* ============================== */
/*    EDA / People - Gridder      */ 
/* ============================== */
.people .gridder-list, .people .gridder-show {
	font-size: 14px;
}

.people .gridder-list, .people .gridder-show {
	font-size: 14px;
}
.people .gridder-list {
	width: 215px;
}

.people .jumbotron {
	padding-top: 20px;
	padding-left: 0px;
	height: 140px;
	min-width: 500px;
}


.member-details {
	font-size: 12px;
}
.people .member-details p {
	font-size: 14px;
}
.member-details .info {
	padding-right: 15px;
	text-align: right;
}
.member-details .name {
	font-size: 1.8em;
	margin-bottom: 1px;
}
.member-details .role {
	margin-bottom: 3px;
}
.member-details .info .position {
	margin-bottom: 6px;
}
.member-details .info .affiliation {
	margin-bottom: 6px;
}
.member-details .info .address {
	margin-bottom: 8px;
}
.member-details a {
	font-weight: 600;
}
.member-details .blurb p {
	margin-top: 10px;
	font-size: 14px;
	margin-right: 20px;
}
.contact-icon {
	margin-left: 5px;
	margin-right: -1px;
}

/* ============================== */
/*    EDA / People - Gridder      */ 
/* ============================== */

.gridder-show {
    padding: 20px;
    background: #EEE;
    margin-bottom: 1%
}
.gridder-list {
    cursor: pointer;
}
.gridder-list:hover {
    opacity: 1;
}
.hasSelectedItem .gridder-list {
    opacity: 0.5;
}
.hasSelectedItem .gridder-list.selectedItem {
    opacity: 1;
}
.hasSelectedItem .gridder-list:hover {
    opacity: 1;
}
.gridder-navigation {
	position: absolute; 
	right: 10px;
	margin-top: -15px;
	margin-right: -5px;
}