/*-------VI Button Start---------*/			
.cnViBtnSilverLite,
.cnViBtnSilver,
.cnViBtnBlue{
	display:table-cell; 
	display:-moz-inline-box;            
	display:inline-block;
	background:url(http://xfiles.cdnmyspace.cn/dir/vi/v1/img/viButtonv2.gif) repeat-x left top;
	text-decoration:none;
	vertical-align:middle;
}
.cnViBtnSilverLite b,
.cnViBtnSilver b,
.cnViBtnBlue b{
	display:block;
	background:url(http://xfiles.cdnmyspace.cn/dir/vi/v1/img/viButtonv2.gif) no-repeat left -24px;
}
.cnViBtnSilverLite i,
.cnViBtnSilver i,
.cnViBtnBlue i{
	display:block;
	display:inline-block;	/*解决IE6下宽度不能auto的Bug*/
	font-style:normal;
	height:12px; line-height:12px;
	padding:6px 10px;
	background:url(http://xfiles.cdnmyspace.cn/dir/vi/v1/img/viButtonv2.gif) no-repeat right -48px;
	color:black;
	font-size:12px;
	font-family:Verdana,'宋体','新宋体',sans-serif;
	cursor:pointer;
}
.cnViBtnSilverLite:hover,
.cnViBtnSilver:hover,
.cnViBtnBlue:hover{
	background:url(http://xfiles.cdnmyspace.cn/dir/vi/v1/img/viButtonv2.gif) repeat-x left -72px;
}
.cnViBtnSilverLite:hover b,
.cnViBtnSilver:hover b,
.cnViBtnBlue:hover b{
	background:url(http://xfiles.cdnmyspace.cn/dir/vi/v1/img/viButtonv2.gif) no-repeat left -96px;
}
.cnViBtnSilverLite:hover i,
.cnViBtnSilver:hover i,
.cnViBtnBlue:hover i{
	background:url(http://xfiles.cdnmyspace.cn/dir/vi/v1/img/viButtonv2.gif) no-repeat right -120px;
}			
.cnViBtnBlue{				
	background-position:left -408px;
}
.cnViBtnBlue b{
	background-position:left -432px;
}
.cnViBtnBlue i{
	background-position:right -456px;
}
.cnViBtnBlue:hover{				
	background-position:left -480px;
}
.cnViBtnBlue:hover b{
	background-position:left -504px;
}
.cnViBtnBlue:hover i{
	background-position:right -528px;
}
.cnViBtnSilverLite{				
	background-position:left -288px;
}
.cnViBtnSilverLite b{
	background-position:left -308px;
}
.cnViBtnSilverLite i{
	background-position:right -328px;
	font-weight:normal;
	padding-top:4px; padding-bottom:4px;
}
.cnViBtnSilverLite:hover{				
	background-position:left -348px;
}
.cnViBtnSilverLite:hover b{
	background-position:left -368px;
}
.cnViBtnSilverLite:hover i{
	background-position:right -388px;
}
.cnViBtnBlue i{
	color:white;
}
.cnViBtnSilverLite span{
	text-decoration:none;
	padding-top:0px; padding-bottom:2px;
	padding-left:18px;
	background:url(http://xfiles.cdnmyspace.cn/dir/music/v1/img/playBtLeft.gif) no-repeat 0 2px;
	*background-position:0 0px;   
	*display:inline-block;
	-display:table-cell;
	color:#464646;
}
/*-------VI Button End---------*/

.add_friend_layer{
	display:none;
	position:absolute;
	width:340px;
	min-height:100px;
	-height:100px;
	padding:10px;
	padding-bottom:20px;
	z-index:20;
	background-color:white;
	border:7px solid #1F52AA;
	font-size:12px;

}
.add_friend_layer dt{
	padding-left:20px;
	background:url(http://xfiles.cdnmyspace.cn/dir/music/v1/img/k_ico_friend.gif) no-repeat left top;
	color:#039;	
	font-weight:bold;
	padding-bottom:5px;
	overflow:hidden;zoom:1;
	text-align:left;
}
.add_friend_layer dt .close{
	float:right;
	cursor:pointer;
}
.add_friend_layer dd{
	margin-left:0;
}
.add_friend_layer dd.hr{
	height:4px;
	background-color:#d5e8fb;
	border-top:1px solid #9ec1e3;
	line-height:0;
	font-size:0;
}
.add_friend_layer .step1Wrapper{
	width:330px;
	margin:0 auto;
}
.add_friend_layer .step1Wrapper .textWrapper{
	padding-top:10px;
	font-size:14px;
	font-weight:bold;
}
.add_friend_layer .step1Wrapper .textWrapper .avatar{
	margin-right:10px;
	padding:2px;
	border:1px solid #c7c7c7;
	width:60px;
	height:60px;
	vertical-align:middle;	
}
.add_friend_layer .step1Wrapper .textWrapper .nick_name{
	color:red;
	
}
.add_friend_layer .step1Wrapper .inputWrapper{
	padding-top:10px;
}
.add_friend_layer .step1Wrapper .follow{
	font-family:"宋体","新宋体",
}
.add_friend_layer .step1Wrapper .follow .foot_line{
	overflow:hidden;
	zoom:1;
}
.add_friend_layer .step1Wrapper .follow input{
	vertical-align:middle;
	-margin-top:-3px;
}
.add_friend_layer .step1Wrapper .count{
	float:right;
	margin-top:-15px;
	color:gray;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.add_friend_layer .step1Wrapper .follow input{
		margin-top:-3px;
	}	
	.add_friend_layer .step1Wrapper .count{
		margin-top:0px;
	}
}


.add_friend_layer .step1Wrapper textarea{
	width:330px;
	height:70px;
	margin-bottom:3px;
	padding:3px;
	font-size:12px;
	color:gray;
	border:1px solid #7F9DB9;
	overflow:hidden;
}
.add_friend_layer .step1Wrapper .optWrapper{
	padding:20px 0 10px;
	text-align:center;
}
.add_friend_layer .step1Wrapper .optWrapper a{
	text-decoration:none;
}

.add_friend_layer .step2Wrapper{
	display:none;
	width:350px;-width:280px;
	margin:0 auto;
	padding:50px 0 50px 45px;
	background:url(http://xfiles.cdnmyspace.cn/dir/friendGroup/img/icoSuccess.gif) no-repeat left 53px;
	line-height:18px;
}
.add_friend_layer .step2Wrapper .nickName{
	margin:0 3px;
	color:#ff6600;
}
.add_friend_layer .step3Wrapper{
	display:none;
	width:250px;
	margin:0 auto;
	padding:50px 0 50px 55px;
	background:url(http://xfiles.cdnmyspace.cn/dir/profile/v1/img/icoInfo.gif) no-repeat left 37px;
	line-height:18px;
	font-size:14px;
}

.add_friend_layer .step1Wrapper .cnViBtnSilver{
	position:static;
}