.mainContainer{margin:10px auto;width:1002px;overflow: hidden;}
.mainContainer .leftContent{width:720px;min-height:350px;float:left;background-color: #fff;letter-spacing: 1px;overflow: hidden;border: 1px solid #c2c2c2;padding-bottom: 30px;}


.leftContent ul.friendListTitle{border-bottom: 1px solid #d3d3d3;overflow: hidden;padding-left:30px;}
.leftContent ul.friendListTitle li{float:left;color:#194d95;font-size: 14px;line-height: 40px;padding:0 34px;}
.leftContent ul.friendListTitle li.navSelected{color:#ff6a53;}
.leftContent ul.friendListTitle li:hover{cursor: pointer;color:#ff6a53;}

.leftContent ul.friendListContent{clear:both;padding:10px;padding-bottom: 14px;overflow: hidden;}
.leftContent ul.friendListContent li{float:left;padding:9px 33px 0;border:1px solid #d3d3d3;margin:8px;height:152px;width: 91px;}
.leftContent ul.friendListContent li:hover{background-color: #eee;}
.leftContent ul.friendListContent li img{margin-bottom: 5px;border-radius: 50%;}
.leftContent ul.friendListContent li div.friend{
	overflow: hidden;
    margin: 0px auto;
}
.leftContent ul.friendListContent li div.friend p{padding: 0px;font-size:12px;}
.leftContent ul.friendListContent li div p{text-align: center;font-size: 14px;color:#363636;}
.leftContent ul.friendListContent li div p.lightBlue{color:#01a0e9;}
.leftContent ul.friendListContent li div p.lightRed{color:red;}
.leftContent ul.friendListContent li div p.lightBlue:hover{cursor: pointer;color:#f00;}
.turnPage{height: 35px;background: url('../img/common/pager.png') right top no-repeat;clear: both;margin-right:20px;}

 

.searchFriendPane{display:none;width:600px;height:470px;}
.searchFriendPane .header{font-weight: bold;line-height: 30px;padding-left:20px;border-bottom: 1px solid #ddd;}
.conditions{padding:10px;padding-left:30px;	}
.conditions div{margin-top:10px;}

.condition1 input{height:25px;width:300px;}
.condition1 a{float:right;margin-right: 128px;}
.condition2 select{width:109px;height:25px;margin-right:22px;}
.condition3 select{width:66px;height:25px;}
.searchResult{margin-top:30px;padding:4px;border:1px solid #ddd;overflow: hidden;}
.searchResult ul li{float:left;overflow: hidden;padding:13px 9px;}
.searchResult ul li div{margin-top:0;}
.searchResult ul li .resultInfor img{float:left;border-radius: 50%;}
.searchResult ul li .resultInfor p{margin-left:65px;line-height: 20px;}
.resultOperate p{width:50px;text-align:center;float: left;padding: 5px 10px;border: 1px solid #ddd;margin-right: 10px;}
.resultOperate p:hover{background-color: #ddd;cursor: pointer;}
.resultOperate{margin-top:5px;}
.conditions .turnPage{float:right;}
 
.rightContent{float:right;width:270px;overflow:hidden;}
.rightContent .header{
    border: 1px solid #c2c2c2;
    padding: 20px;
    overflow: hidden;
    background-color: #fff;
}
.rightContent .header a{margin-left: 34%;}

.rightContent .recommandFriendList{
	margin-top:10px;
	background-color: #fff;
	border: 1px solid #c2c2c2;
	overflow:hidden;
}   
.rightContent .recommandFriendList .title{line-height: 20px;font-weight: bold;padding-left: 15px;border-bottom: 1px solid #eee;padding:10px;}
.rightContent .recommandFriendList .more{float:right;margin:10px;}
.rightContent .recommandFriendList .more img{vertical-align: middle;margin-bottom: 2px;}
.rightContent .recommandFriendList ul{padding:5px;}
.rightContent .recommandFriendList ul li {padding:5px;}
.rightContent .recommandFriendList ul li:hover{cursor: pointer;background-color: #f1f1f1;}
.rightContent .recommandFriendList ul li a img{float:left;border-radius: 50%;}
.rightContent .recommandFriendList ul li p{padding-left:60px;line-height: 25px;}
.rightContent .recommandFriendList ul li p.name{font-weight: bold;}

.headMsg{width:350px;margin:10px auto;background-color:#fff;display:none;height:200px;overflow: auto;}
.headMsg .head{padding-left:15px;line-height:50px;letter-spacing:2px;font-size:14px;font-weight:bold;color:#284e93;}
.headMsg .head p{font-weight:normal;color:#545454;display:inline;}
.headMsg .content {position:relative;}
.headMsg .headBtn{margin:5px 10px 5px 120px;}
.headMsg .headBtn a{margin-right:10px;}