ul#letter-list, ul#members-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
	ul#letter-list li {
		float: left;
		margin: 0 4px 3px 0;
	}
		ul#letter-list li a {
			display: block;
			background: #eee;
			width: 20px;
			text-align: center;
			text-decoration: none;
			font-size: 12px;
			color: inherit;
		}
		
		ul#letter-list li a:hover {
			font-weight: bold;
			background: #fff9df;
			color: #f7740a;
		}

ul#members-list li {
	position: relative;
}

	ul#members-list li .item-avatar, .avatar-block img.avatar {
		float: left;
		margin: 0 15px 0 0;
	}
	
	ul#members-list li .item-avatar img, img.avatar {
		border: 3px solid #ddd;
	}
	
	ul#members-list li h4.item-title {
		margin: 0 0 7px 0;	
	}
		
	ul#members-list li .item {
		margin-left: 71px;
	}
	
	ul#members-list li .item-meta {
		margin: 10px 0;
	}
	
	ul#members-list .item-options {
		text-align: right;
		font-size: 0.9em;
		margin: -15px 0 5px 0;
	}
	
	ul#members-list li div.action {
		position: absolute;
		top: 20%;
		right: 1em;
		text-align: right;
	}
		div.action div.friendship-button {
			margin-bottom: 5px;
		}
		
		div.action div.meta {
			font-size: 0.9em;
		}
	
	ul#members-list li a.add, ul#members-list li a.remove, ul#members-list li div.pending {
		background: url(../images/add_friend_button.gif) top left no-repeat;
		text-indent: -999em;
		display: block;
		overflow: hidden;
		width: 102px;
		text-align: left;
	}
	
	ul#members-list li a.remove {
		background: url(../images/remove_friend_button.gif) top left no-repeat;
		width: 121px;
	}

	ul#members-list li div.pending {
		background: url(../images/requested_friend_button.gif) top left no-repeat;
		width: 136px;
	}