html,
body {
	background: transparent;
}

div.friend-items {
	border-radius: 5px;
	background-color: #F8F8F8;
	height: 62px;
	padding: 5px 5px 0;
	clear: both;
	margin: 10px 5px 5px;
	border: 1px #E9E9E9 solid;
	overflow: auto;
}

div.friend-item {
	font-size: 8pt;
	border-radius: 4px;
	background-color: #FFF;
	padding: 2px 2px 2px 10px;
	float: left;
	display: inline-block;
	margin: 0 5px 5px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizinh: border-box;
	border: 1px #D8D8D8 solid;
	overflow: hidden;
	max-height: 26px;
	cursor: default;
}
div.friend-item * {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	float: left;
}
div.friend-item em {
	color: silver;
	margin-left: 10px;
}
div.friend-item div.remove,
div.friend-item div.add {
	font-size: 7pt;
	color: silver;
	padding: 0 5px;
	border-radius: 2px;
	background-color: #F7F7F7;
	cursor: pointer;
	margin-left: 10px;
}
div.friend-item div.add {
	color: #136ABA;
	background-color: #EAF3FC;
}
div.friend-item div.remove:hover {
	color: red;
	background-color: #F0F0F0;
}
div.friend-item div.add:hover {
	color: white;
	background-color: #B9DBFC;
}

div#sending {
	display: none;
}