/*-------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---------*/

.introFriendWrapper{

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

}
.introFriendWrapper 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;
}
.introFriendWrapper dt .close{
	float:right;
	cursor:pointer;
}
.introFriendWrapper dd{
	margin-left:0;
}
.introFriendWrapper dd.hr{
	height:4px;
	background-color:#d5e8fb;
	border-top:1px solid #9ec1e3;
	line-height:0;
	font-size:0;
}
.introFriendWrapper .step1Wrapper{
	width:290px;
	margin:0 auto;
}
.introFriendWrapper .step1Wrapper .textWrapper{
	padding-top:35px;
	line-height:20px;
}
.introFriendWrapper .step1Wrapper .textWrapper .nickName{
	margin:0 3px;
	color:#ff6600;
}
.introFriendWrapper .step1Wrapper .inputWrapper{
	padding-top:25px;
}
.introFriendWrapper .step1Wrapper  .friendPicker{
	width:260px;
}
.introFriendWrapper .step1Wrapper  .friendPanelTriger{
	margin-left:265px;
	*margin-top:20px;
}
.introFriendWrapper .step1Wrapper .optWrapper{
	padding:20px 0 45px;
	text-align:center;
}
.introFriendWrapper .step1Wrapper .optWrapper a{
	text-decoration:none;
}
.introFriendWrapper .step1Wrapper .optWrapper .error{
	padding-bottom:10px;
	color:red;
	visibility:hidden;
}
.introFriendWrapper .step2Wrapper{
	display:none;
	width:350px;
	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;
}
.introFriendWrapper .step2Wrapper .nickName{
	margin:0 3px;
	color:#ff6600;
}
.introFriendWrapper .step3Wrapper{
	display:none;
	width:250px;
	margin:0 auto;
	padding:50px 0 50px 45px;
	background:url(http://xfiles.cdnmyspace.cn/dir/friendGroup/img/icoError.gif) no-repeat left 47px;
	line-height:18px;
	font-size:14px;
}
/*----好友选择组件页面样式开始----*/
.friendPicker{
	width:230px;
	padding:2px 20px 0 0;			
	border:1px solid #7F9DB9;
	overflow:hidden;
	zoom:1;
	font-size:12px;
}
.friendPanelTriger{
	position:absolute;
	z-index:1;
	margin-top:3px;
	margin-left:240px;				
	cursor:pointer;
}
.friendPicker input{
	float:left;
	width:50px;
	height:17px;
	margin-bottom:2px;
	border:0;
}
.friendPicker .friendUnit{
	float:left;			
	margin-left:2px;
	padding-left:3px;
	margin-bottom:2px;
	background:url(http://xfiles.cdnmyspace.cn/dir/vi/v2/img/k_friend_l.gif) no-repeat left top;
}
.friendPicker .friendUnit .close{
	margin-left:3px;
	margin-top:-2px;
	cursor:pointer;
}			
.friendPicker .friendUnitR{
	-float:left;
	height:17px;line-height:17px;vertical-align:middle;
	-height:14px;-padding-top:3px;
	padding-right:3px;
	white-space:nowrap;
	background-color:#E0E5EE;
	cursor:default;
	background:url(http://xfiles.cdnmyspace.cn/dir/vi/v2/img/k_friend_r.gif) no-repeat right top;
	color:gray;
	font-family:'宋体','新宋体';
}
.friendPicker .email .friendUnitR{
	color:black;
}
.friendPicker .error{
	background:url(http://xfiles.cdnmyspace.cn/dir/vi/v2/img/k_friend_l3.gif) no-repeat left top;
}
.friendPicker .error .friendUnitR{
	color:black;
	background:url(http://xfiles.cdnmyspace.cn/dir/vi/v2/img/k_friend_r3.gif) no-repeat right top;	
}					
.friendPicker .cur{
	background:url(http://xfiles.cdnmyspace.cn/dir/vi/v2/img/k_friend_l2.gif) no-repeat left top;
}
.friendPicker .cur .friendUnitR{
	color:black;
	background:url(http://xfiles.cdnmyspace.cn/dir/vi/v2/img/k_friend_r2.gif) no-repeat right top;	
}
.friendPicker .curError{
	background:url(http://xfiles.cdnmyspace.cn/dir/vi/v2/img/k_friend_l4.gif) no-repeat left top;
}
.friendPicker .curError .friendUnitR{
	color:black;
	background:url(http://xfiles.cdnmyspace.cn/dir/vi/v2/img/k_friend_r4.gif) no-repeat right top;	
}



/*----好友选择组件自动完成样式开始----*/
.autoSuggest ul{
	background-color:white;
	border:1px solid #7f9db9;
	margin:0 auto;
	padding:0;
	list-style:none;
	overflow-x:hidden;
	font-size:12px;
}
.autoSuggest li{
	height:25px;
	padding-top:5px;
	padding-left:15px;
	border-top:1px solid #e5ebf1;
	white-space:nowrap;
	color:gray;
}
.autoSuggest .isNull,
.autoSuggest .tip{
	height:25px;
	padding-top:5px;
	padding-left:15px;
	border-top:1px solid #e5ebf1;
	white-space:nowrap;
	padding-left:5px;
	background-color:#eff6fe;
	color:gray;
}
.autoSuggest .max{
	color:red;
}
.autoSuggest li img{
	width:20px;
	height:20px;
	vertical-align:middle;
}
.autoSuggest li label{
	padding-left:5px;
	color:gray;
}
.autoSuggest li.cur{
	background-color:#eff6fe;
}
.autoSuggest li.cur label{
	color:black;
}

/*----好友选择组件选择面板样式开始----*/
.friendSelectorWrapper{
	display:none;
	position:absolute;
	z-index:1000;
	width:320px;
	padding:10px 0;
	background-color:#eff6fe;
	border:1px solid #7f9db9;
	margin-top:1px;
	font-size:12px;
}
.friendSelectorWrapper .topSeg{
	overflow:hidden;
	zoom:1;
	padding:0 5px 10px 10px;
}	
.friendSelectorWrapper .topSeg select{
	float:right;
	width:85px;
}
.friendSelectorWrapper .isNull{
	padding-top:30px;
	font-size:14px;
	font-style:italic;
	color:gray;
	text-align:center;
}
.friendSelectorWrapper ul{
	clear:right;
	height:200px;
	overflow-y:scroll;
	zoom:1;
	background-color:white;
	border-top:1px solid #e5ebf1;
	border-bottom:1px solid #e5ebf1;
	margin:0;padding:0;
}
.friendSelectorWrapper li{
	float:left;
	width:135px;
	height:25px;
	padding-top:5px;
	padding-left:15px;
	border-bottom:1px solid #e5ebf1;
	white-space:nowrap;
	overflow:hidden;
}
.friendSelectorWrapper li input{
	vertical-align:middle;
	*margin-top:-3px;
	margin-right:3px;
}
.friendSelectorWrapper li img{
	width:20px;
	height:20px;
	vertical-align:middle;
}
.friendSelectorWrapper li label span{
	padding-left:5px;
	color:gray;
}
.friendSelectorWrapper .botSeg{
	padding:10px 0 0 20px;
}
.friendSelectorWrapper .botSeg .tip{
	float:right;
	padding:5px 10px 0 0;
	color:red;
	display:none;
}	
/*----好友多选组件样式结束----*/




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