@CHARSET "UTF-8";

.user-list th {
	text-align: center;
}

.user-list .column-checkbox {
	width: 48px;
	text-align: center;
}

.user-list .column-avator {
	width: 64px;
}

.user-list .column-username {
	width: 200px;
}

.form-field.submit {
	text-align: right;
}

.friends-panel {
	/*border-top: solid 1px #1461A9;*/
	
	/*padding: 4px 0pt;*/
	
	overflow: hidden;
	zoom: 1;
}

.friends-panel li {
	border: solid 1px #D8DFEA;
	
	margin: 0pt 0pt 6px;
	padding: 10px;	
	
	overflow: auto;
	zoom: 1;
}

.friends-panel .detail {
	width: 600px;
	float: left;
}

.friends-panel .detail .avator {
	width: 96px;
	height: auto;
	
	float: left;
	margin: 0pt;
}

.friends-panel .detail .avator img {
	display: block;
	width: 96px;
	height: auto;
}

.friends-panel .detail .bd {
	margin: 0pt 0pt 0pt 10px;
	float: left;
}

.friends-panel .detail .bd span.sign {
	display: block;
	
	margin: 0pt 0pt 4px;	
}

.friends-panel .detail .bd span.sign span.sign-attr {
	color: #787878;	
}

.friends-panel .detail .bd span.sign span.sign-value {

}

.friends-panel .detail .bd span.sign span.sign-value form {
	display: inline;	
}

.friends-panel .detail .bd span.sign span.sign-value span.edit {
	cursor: pointer;
	margin: 0pt 4px;
}

.friends-panel .operation {	
	float: right;
}

.friends-panel .operation span {
	display: block;
	
	border-bottom: solid 1px #D8DFEA;
	
	padding: 2px;
}

.import-form {
	/*background-color: #E6E6E6;*/
	background-color: #F1F1F1;
	border: 1px solid #C9C9C9;
	border-top: 1px solid #A8A8A8;
	
	margin-bottom: 10px;
	padding: 10px;
}

.import-form h3 {
	font-size: 110%;
	font-weight: bold;
	color: #1030CC;	
	
	border-bottom: solid 1px #CCCCCC;
	
	padding: 3px 0pt;
}

.import-form .email {
	background: transparent url(assets/ico-email.gif) left center no-repeat;
	padding-left: 20px;
}

.import-form .wlm {
	background: transparent url(assets/ico-wlm.gif) left center no-repeat;
	padding-left: 20px;
}

.contact-list {
	background-color: #F1F1F1;
	border: 1px solid #C9C9C9;
	border-top: 1px solid #A8A8A8;
	
	width: 100%;
}

.contact-list thead {
	background-color: #E6E6E6;
	border-bottom: 1px solid #A8A8A8;
}

.contact-list th, .contact-list td {
	padding: 3px 5px;
}

.contact-list tbody {
	max-height: 600px;
	
	overflow-x: hidden;
	overflow-y: auto;
}

.contact-list tbody td {
	border: 1px solid #C9C9C9;
}

.contact-list tbody td input {
	vertical-align: middle;
}

/* 可能认识的人列表 */

.friend {
	background: transparent url(assets/friend.gif) left center no-repeat;
	padding-left: 20px !important;
}

.user-avator {
	display: block;
	width: auto;
	height: auto;
	
	float: left;
	
	margin: 5px;
}

.user-avator .head-icon {
	display: block;
	
	width: 64px;
	height: 64px;
	overflow: hidden;
	
	float: left;
}

.user-avator .head-icon img {
	width: 64px;
	float: left;
}

.user-avator .username {
	display: block;
	clear: left;
	
	text-align: center;
}