.selectFriends {
	margin-left:10px;
	padding-top:5px;
}

.selectFriends .item {
	float:left;
	margin:0 5px 5px 0;
	width:216px;
	height:50px;
	padding:5px;
	background:url(sprites.png) no-repeat left top;
	cursor:pointer;
}

.selectFriends .avatar {
	width:48px;
	height:48px;
	float:left;
	padding:2px;
	margin-right:10px;
	position:relative;
}

.selectFriends .selected .avatar {
	background:url(sprites.png) no-repeat left -120px;
}

.selectFriends .userName {
	font-size:1.2em;
	font-weight:bold;
	color:#35a0d8;
	margin-bottom:0.5em;
	display:block;
}

.selectFriends .userEmotion {
	color:#d3692f;
	font-size:1.1em;
	display:block;
}

.selectFriends .userEmotionSet {
	color:#6a6a6a;
	font-style:italic;	
	display:block;
}

.selectFriends .item:hover {
	background:url(sprites.png) no-repeat left -172px;
}

.selectFriends .item.selected {
	background:url(sprites.png) no-repeat left -60px;
}

.selectFriends .selected * {
	color:#fff;
}

.selectFriends .friendshowselected {
	display:none;
}

.selectFriends .selected .friendshowselected {
	width:17px;
	height:17px;
	background:url(sprites.png) no-repeat -102px -120px;
	position:absolute;
	top:-5px;
	right:-5px;
	display:block;
}