/*
=================
default styles for contact cards
=================
*/
.contactcard {clear: both;}
.contactcard span { display: block; }

.contactcard .userphoto {float: left;margin-right: 10px; display: table-cell; }
.contactcard .contactinfo {display: table-cell; }
.contactcard .name { padding-top: 0.5em; font-size: 1.6rem; }
.contactcard .bio { padding-top: 0.5em; }
.contactcard .nophoto {
	display: block;
	float: left;
	width: 180px;
	height: 150px;
	margin-right: 10px;
}
.directory .letters {
	font-weight: bold;
}

.directory .deptlist {
	font-size: small;
}

.directory .usertable {
	border: 0;
	padding: 2px;
}

.directory .userrow {
	text-align: left;
	background-color: #f9f9f9;
	vertical-align: top;
	font-size: small;
	padding: 1px;
	border-top: 1px solid white;
}

.directory .userrow td {
	padding: 2px;
	text-align: left;
}

.directory td.top {
	text-align: right;
	font-size: x-small;
}

.directory .name {
	width: 17%;
}

.directory .department {
	width: auto;
}

.directory .phone {
	width: 16%;
}

.directory .office {
	width: 11%;
}

.directory .mail {
	width: 30%;
}

.directory .departmentsel::before {
	content: "View by department: ";
}

.directory .namesearch::before {
	content: "Name Search: ";
}