@charset "utf-8";
/* CSS Document */

#photo_container { width:968px; margin-left: 10px; background-color:#FFF; float:left; display:inline; }
#photo_list { margin:0px 10px 10px 10px; width:auto; clear:both; border-top:1px solid #ccc; overflow:hidden; }
#photo_list_four { margin:0px 10px 10px 10px; width:auto; clear:both; overflow:hidden; }
/*好友列表样式*/
#ul { margin:0px; padding:0px; list-style:none; }
#ul li { width:926px!important; width:946px; border-top:1px solid #cccccc; clear:both; padding-bottom:10px; margin:0px; display: inline-block; list-style:none; padding-top:10px; padding-left:10px; padding-right:10px; }
/*好友列表样式all*/


.friend_all { width:220px; float:left; padding:10px 0 10px 0px; margin:0px; display:inline; list-style:none; }
.friend_family { width:300px; float:left; padding:10px 0 10px 0px; display:inline; list-style:none; }
.myself_tou { width:220px; float:left; padding:10px 0 0px 0px; margin:0px; display:inline; list-style:none; }
/*一行俩个的样式*/

#lieul { margin:0px; padding:0px; list-style:none; }
#lieul li { width:440px; *width:454px;
_width:473px; float:left; padding:10px; margin:0px; list-style:none; }
#lie { border-bottom:1px dotted #ccc; width:auto; clear:both; height:90px; }
/*一行俩个样式的结束*/

#img_list { float:left; width:54px; height:54px; margin-top:2px; margin-left:4px; }
#img_list .img { border:1px solid #999999; padding:1px; }
#list_message { float:left; margin-left:15px; width:auto; display:inline; }
#height24 { height:18px; }
#messages_one { width:50px; float:left }
#messages_two { width:auto; float:left; padding-right:10px; }
#height24 .ll { display: block;/*对宽度的定义,根据情况修改*/ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width:130px; }
#height24 .ll:after { content:"..."; }
.family_name { display:block; margin-left:14px; width:100px; overflow:hidden; }
#bianji, #bianji02 { width:100px; float:right; _margin-top:-55px; }
.line_xian { border-bottom:1px dashed #999; float:left; display:inline; margin:5px 0 5px 0; width:954px; }
#img_per { margin-left: 10px; }
#delete { width:35px !important; width:50px; padding-left:15px; height:18px; line-height:18px; float:left; display:block; background:url(../../images/blog/blog_biao2.jpg) no-repeat; padding-top:-8px; background-position:left; }
#edit { width:35px !important; width:50px; padding-left:15px; height:18px; line-height:18px; float:left; display:block; background:url(../../images/friend/more.gif) no-repeat; background-position:left; }
/* 名片  电话薄*/

#post { width:688px !important; width:708px; padding-top:15px; padding-bottom: 5px; padding-left: 15px; float:left; }
#friend_qie { padding-top:10px; padding-bottom: 5px; padding-left:15px; width:940px; clear:both; }
#friend_qie .haoyou_many { width:150px; float:right; margin-top:-20px; text-align:right; }
.search { height: 24px; width: 24px; border:1px solid #c7c7c7; background-image: url(../../images/friend/search.jpg); cursor: pointer; }
.input { border:1px solid #c7c7c7; height:20px; width:160px; display:inline; margin:0px; margin-top:0px !important; margin-top:-1px; }
/*------------*/
#zu { width:40px; height:17px; line-height:17px; text-align:left; float:left; }
#zu_hui { margin:0px 5px 0px 5px; height:15px; line-height:15px; width:60px; text-align:center; float:left; color:#FFF; text-decoration:none; }
#zu_blue { margin:0px 5px 0px 5px; height:15px; line-height:15px; width:44px; text-align:center; float:left; color:#FFF; text-decoration:none; }
#zu_list { width:610px; float:left; text-align:left; }
#zu_list ul { margin: 0px; padding: 0px; list-style: none; clear:both; }
#zu_list ul li { height: 17px; line-height: 17px; margin-left: 10px; margin-bottom: 10px; float:left; display:inline; }
#zu_list ul li.divline { white-space:nowrap; display:block; min-width: 34px; }
#zu_list ul li div.blueleft { background-image:url(../../images/friend/blueleft.gif); background-repeat:no-repeat; background-position:left center; padding: 0px 0px 0px 5px; height: 17px; line-height: 17px; float:left; white-space:nowrap; }
#zu_list ul li div.blueright { background-image:url(../../images/friend/blueleft.gif); background-repeat:no-repeat; background-position:right center; height: 17px; padding: 0px 5px 0px 0px; width:1px; float:left; white-space:nowrap; }
#zu_list ul li div.grayleft { background-image:url(../../images/friend/grayleft.gif); background-repeat:no-repeat; background-position:left center; padding: 0px 0px 0px 5px; height: 17px; line-height: 17px; float:left; white-space:nowrap; }
#zu_list ul li div.grayright { background-image:url(../../images/friend/grayleft.gif); background-repeat:no-repeat; background-position:right center; height: 17px; padding: 0px 5px 0px 0px; width:1px; float:left; white-space:nowrap; }
#zu_list ul li.botbg1 { background-color:#ccc; line-height: 17px; }
#zu_list ul li.botbg2 { background-color: #0077d4; line-height: 17px; }
#zu_list ul li div a { vertical-align:middle!important; _vertical-align:-3px; }


/*圆角*/	

/*.spiffy{display:block;}   
.spiffy *{   
    display:expression("block");   
   display:-moz-box;   
   height:1px;   
   overflow:hidden;   
   font-size:.01em;   
   background:#CC0000  
   }
  
   
.spiffy1{   
   margin-left:3px;   
  margin-right:3px;   
  padding-left:1px;   
  padding-right:1px;   
  border-left:1px solid #e99191;   
  border-right:1px solid #e99191;   
  background:#d83f3f;
  }   
 .spiffy2{   
   margin-left:1px;   
  margin-right:1px;   
  padding-right:1px;   
   padding-left:1px;   
   border-left:1px solid #f9e5e5;   
   border-right:1px solid #f9e5e5;   
   background:#d53030;
   }   
 .spiffy3{   
   margin-left:1px;   
   margin-right:1px;   
   border-left:1px solid #d53030;   
   border-right:1px solid #d53030;
   }   
 .spiffy4{   
   border-left:1px solid #e99191;   
  border-right:1px solid #e99191;
  }   
.spiffy5{   
   border-left:1px solid #d83f3f;   
   border-right:1px solid #d83f3f;
   }   
 .spiffyfg{   
  background:#CC0000;
  background:#CC0000  
    float:left;       /*for Firefox*/  
   /*  float:expression("none"); *//*for IE      */  
/*  } */




*/ /*圆角结束*/
#bottom5 {
margin-bottom:5px;
}
#bottom { text-align:left; }
#bottom_b { text-align:left; margin-right:10px; }
#both { clear:both; height:1px; line-height:1px; }
/*---------------- 好友页面样式------------------------*/

#friend_box { margin:0px 0px 10px 10px; width:950px; float:left; display:inline; }
.td { padding:0px; margin:0px; text-align:center }
.top_bian { border-top:1px solid #CCC; padding:8px; text-align:left; }
.top_bian_noborder { padding:4px 8px; text-align:left; }
#black_border_fiter { background-color:#FFF; padding:0px; }
/*漂浮样式*/

#per_son { position:absolute; left:30%; top:144px; width:625px; z-index:1; height:auto; /*	padding:6px;
*/ background-color:#FFF; border:1px solid #000; }
#per_son_top { width: 625px; height: 63px; text-align: left; background-image:url(../../images/blueline.gif); }
#per_son .td { vertical-align:top; }
#per_son .hiddenbtn { width:40px; background:url(../../images/friend/hiddenbtn.gif) no-repeat; background-position:0 6px; float:left; }
#per_son .close { width:40px; background:url(../../images/friend/closebtn.gif) no-repeat; background-position:0 6px; float:left; }
#per_son .marleft { margin-left:12px; }
#per_son .textare { width:#c7c7c7; width:420px; height:60px; font-size:12px; }
#per_son .right { float:right; width:100px; line-height:21px; }
#per_infor { width:490px; height: 45px; line-height: 45px; margin-left:10px; float:left; }
#per_btn { width:110px; float:right; margin-top: 15px; }
#cancalwen { width: 50px; height: 30px; line-height: 30px; margin-left: 10px; float:left; }
.small_button_friend { width: 60px; float: left; }
/*好友邀请开始*/
#invite_box { width:968px; margin-left: 10px; background-color:#FFF; float:left; display:inline; }
#box_wen { height: 50px; line-height: 50px; margin-top: 20px; }
#invite_top { width: 928px; margin: 10px 20px 5px 20px; height:40px; line-height: 40px; text-align:left; border-bottom: 1px dotted #ccc; }
#invite_main { width: 868px; margin: 0px 40px 10px 40px; }
#step1wen { width: 808px !important; width: 848px; height: 60px; line-height: 60px; margin-left: 20px; background-image:url(../../images/friend/menu1.jpg); background-repeat:no-repeat; background-position:left center; padding-left: 40px; text-align:left; }
#step1span { margin: 0px 5px; }
.step1wen1 { width:80px; height:30px; line-height:30px; float:left; }
.step1wen2 { width:440px; height:30px; line-height:30px; float:left; }
.step1wen3 { width:300px; height:30px; line-height:30px; float:right; }
.yqlj { width:420px; }
.step1wen4 { width:632px !important; width:638px; height:30px; line-height:30px; padding-left:6px; float:left; }
#step1infor { width: 828px !important; width: 868px; background-color:#f0f5fb; padding:10px 20px 5px 20px; }
#step1infor ul { margin:0px; padding: 0px; list-style:none; }
#step1infor ul li { text-align:left; }
#step1infor ul li span { padding: 0px; height: 30px; line-height: 30px; margin: 0px 5px; text-align:center; vertical-align: middle; }
#step2wen { width: 808px !important; width: 848px; height: 60px; line-height: 60px; margin-left: 20px; background-image:url(../../images/friend/menu2.jpg); background-repeat:no-repeat; background-position:left center; padding-left: 40px; text-align:left; }
#step2infor { width: 828px !important; width: 868px; background-color:#f0f5fb; padding:15px 20px; _padding-right:0px; _width:auto; vertical-align:middle; overflow: hidden; }
#step2infor ul { margin:0px; padding: 0px; list-style:none; }
#step2infor ul li { width:828px; text-align:left; vertical-align:middle; }
#step2infor ul li span { padding: 0px; height: 30px; line-height: 30px; margin: 0px 5px; }
#step2infor ul li span input { }
#step2infor ul li span textarea.steptex { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; }
#step2input { width:140px; height: 35px; margin: 10px 3px 5px 5px; float:left; display:inline; }
#stepinput { width:120px; padding: 0px; height: 30px; margin: 10px 0px; float:left; }
#tiaoguo { width:80px; padding: 0px; height: 30px; margin: 10px 5px; float:left; }
#step2in { width:828px; vertical-align:middle; margin: 0px 5px; overflow:hidden; }
#step3in { width:828px; vertical-align:middle; margin: 0px; overflow:hidden; }
#step3wen { width: 808px !important; width: 848px; height: 60px; line-height: 60px; margin-left: 20px; background-image:url(../../images/friend/menu3.jpg); background-repeat:no-repeat; background-position:left center; padding-left: 40px; text-align:left; clear:both; }
#step3 { width: 828px !important; width: 868px; background-color:#f0f5fb; padding:10px 20px 0 20px; overflow: hidden; /*解决在ff下,背景显示不全问题*/ }
#step3infor { width:560px; float:left; }
#step3infor ul { margin: 0px; padding: 0px; list-style: none; }
#step3infor ul li { width:540px; }
#step3_top { width:540px; margin:2px 5px; padding:0px; }
#step3_bot { width:540px; margin:2px 5px; padding:0px; }
#step3_bot select { height: 30px; }
.step3wen1 { width:50px; height: 30px; line-height: 30px; float:left; text-align:left; }
.step3wen2 { width:250px; height: 30px; line-height: 30px; float:left; vertical-align:middle; text-align:left; }
.step3wen3 { width:20px; height: 30px; line-height: 30px; float:left; text-align:left; }
.step3wen4 { width:200px; height: 30px; line-height: 30px; float:left; text-align:left; }
.step3wen5 { width:240px; height: 30px; line-height: 30px; float:left; vertical-align:middle; text-align:left; }
#step3_btn { width: 490px !important; width: 494px; padding:10px 52px; float: left; clear: left; line-height:23px; }
#step3_left { width:300px; margin:5px 0px; float:left; }
#step4wen { width: 808px !important; width: 848px; height: 60px; line-height: 60px; margin-left: 20px; background-image:url(../../images/friend/menu4.jpg); background-repeat:no-repeat; background-position:left center; padding-left: 40px; text-align:left; clear:both; }
#hiddendiv { width:240px; height: 30px; line-height: 30px; float:left; vertical-align:middle; text-align:left; }
#hiddendiv2 { width:240px; height: 30px; line-height: 30px; float:right; vertical-align:middle; text-align:left; }
/*提示信息开始===========================================================================*/
.comment .bubble_frame2 .arrow_left { BACKGROUND: url(../../images/friend/comment_arrow_left_0.gif) no-repeat center 50%; LEFT: -24px; WIDTH: 24px; POSITION: absolute; TOP: 8px; HEIGHT: 20px }
.comment .bubble_frame2 .author { LEFT: -100px; WIDTH: 85px; POSITION: absolute; TEXT-ALIGN: center }
.comment .bubble_frame2 .posted_comment { MIN-HEIGHT: 60px }
.comment .bubble_frame2 { MARGIN-LEFT: 10px; }
.comment .bubble_frame2 .author .name { FONT-SIZE: 11px }
.comment .bubble_frame2 .author .name a { color: #235c7a; font-size: 12px; text-align: center; }
.comment .bubble_frame2 .manage { FLOAT: right; WIDTH: 65px }
.bubble_frame2 { PADDING-RIGHT: 4px; BORDER-TOP: #ccc 1px solid; BACKGROUND: url(../../images/friend/white_right_edge_0.gif) repeat-y right center; MARGIN: 0pt 0pt 10px; BORDER-LEFT: #ccc 1px solid; POSITION: relative }
.bubble_frame2 .frame { BACKGROUND: url(../../images/friend/white_bottom_edge_0.gif) white repeat-x center bottom; PADDING-BOTTOM: 6px }
.bubble_frame2 .window { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; POSITION: relative }
.bubble_frame2 .corner { BACKGROUND-IMAGE: url(../../images/friend/white_corners_0.gif); POSITION: absolute }
.bubble_frame2 .tl { BACKGROUND-POSITION: left top; LEFT: -2px; WIDTH: 7px; TOP: -2px; HEIGHT: 8px; line-height: 8px; font-size: 2px; }
.bubble_frame2 .tr { BACKGROUND-POSITION: right top; RIGHT: -1px; WIDTH: 11px; TOP: -2px; HEIGHT: 8px; line-height: 8px; font-size: 2px; }
.bubble_frame2 .bl { BACKGROUND-POSITION: left bottom; LEFT: -2px; WIDTH: 7px; BOTTOM: 0px; HEIGHT: 10px; line-height: 10px; font-size: 2px; }
.bubble_frame2 .br { BACKGROUND-POSITION: right bottom; RIGHT: -1px; WIDTH: 11px; BOTTOM: 0px; HEIGHT: 10px; line-height: 10px; font-size: 2px; }
#postwen2 { position:relative; text-align:left; }
/*提示信息样式结束*/

	
	
#step3logo { width:258px; float:right; text-align:center; }
#step3logo ul { margin: 0px; padding: 0px; list-style:none; }
#step3logo ul li { width:114px; height: 35px; margin: 3px 5px; text-align:center; float:left; }
#invite_infor form table tr td.infortext1 { text-align: left; }
#invite_infor form table tr td.infortext2 { text-align: center; }
/*好友邀请结束*/



/*邀请好友二开始*/
#step1a { width: 808px !important; width: 848px; height: 45px; line-height: 45px; margin-left: 20px; background-image:url(../../images/friend/menu1.jpg); background-repeat:no-repeat; background-position:left center; padding-left: 40px; text-align:left; }
#step2a { width: 808px !important; width: 848px; height: 45px; line-height: 45px; margin-left: 20px; background-image:url(../../images/friend/menu2.jpg); background-repeat:no-repeat; background-position:left center; padding-left: 40px; text-align:left; }
#step3a { width: 808px !important; width: 848px; height: 45px; line-height: 45px; margin-left: 20px; background-image:url(../../images/friend/menu3.jpg); background-repeat:no-repeat; background-position:left center; padding-left: 40px; text-align:left; }
#step4a { width: 808px !important; width: 848px; height: 45px; line-height: 45px; margin-left: 20px; background-image:url(../../images/friend/menu4.jpg); background-repeat:no-repeat; background-position:left center; padding-left: 40px; text-align:left; }
#stepinfor { width: 828px !important; width: 868px; background-color:#f0f5fb; padding:10px 20px 5px 20px; }
#errorinfor { width: 740px !important; width: 760px; padding: 10px 10px; border: 1px solid #e3c06c; background-color: #fdffce; margin-bottom:10px; }
#errorinforwen { background-image:url(../../images/friend/jiantou.gif); background-repeat:no-repeat; background-position:left center; padding-left:30px; }
#selectinfor { border:1px solid #ccc; width:500px; height: 200px; }
#selectinfor2 { }
#btninfor { width: 300px; height: 50px; padding: 10px 0px; }
#btninfor #addfriend { width:130px; float: left; }
#btninfor #jumpfriend { width:60px; float: left; }
#peotop { border-left:none; border-right:none; border-top:none; border-bottom:1px solid #c0c0c0; background-color:#ededed; }
#topwen { color:#333; font-size:12px; text-align:left; height:30px; line-height: 30px; }
#topwen input { vertical-align:middle; }
#peoall { width: 500px; }
#peocenter { width:500px; }
#peocenter ul { margin: 0px; padding: 0px; list-style:none; }
#peocenter ul li { width:500px; }
.onepeo { width:500px; margin-top:10px; float:left; display:inline; }
.onepeo ul { margin: 0px; padding: 0px; list-style:none; }
.onepeo ul li { float:left; }
.checkwidth { width:20px; text-align:center; }
.imgwidth { width:60px; margin-left:5px; text-align:center; }
.inforwidth { width:405px; text-align:left; }
#kuang { width:50px !important; width: 58px; _width: 50px; height:50px !important; height:58px; _height: 50px; padding: 3px 3px; border: 1px solid #ccc; }
.onepeo ul li ul { margin-top: 5px; padding: 0px; list-style:none; }
.onepeo ul li ul li { width: 380px!important; width: 390px; height:18px; padding-left: 10px; text-align:left; font-size:12px; }
#nameinfor { width: 280px!important; width: 290px; height:18px; padding-left: 10px; margin-top:10px; }
#nameinfor2 { width: 280px!important; width: 290px; height:18px; padding-left: 10px; }
.peolink { font-size:12px; color: #346699; }
.peolink a:link { color:#346699; text-decoration: none; }
.peolink a:visited { color:#346699; text-decoration: none; }
.peolink a:hover { color:#346699; text-decoration: underline; }
.peolink a:active { color:#346699; text-decoration: none; }
#mailall { width:500px; text-align:left; }
#mailline { width: 500px; height: 25px; border-bottom: 1px solid #ccc; line-height: 25px; float:left; }
#mailline ul { margin: 0px; padding: 0px; list-style:none; }
#mailline ul li { text-align:left; float:left; }
#mailline ul li span { padding:0px 5px; text-align:left; }
.peolinkB { font-size:12px; color: #000; font-weight:bold; }
.peoblack { font-size:12px; color: #000; }
#liuyan { height:30px; line-height: 30px; margin-top:10px; }
#namew { height:30px; line-height: 30px; }
#emailid { margin-bottom:0px; }
#emailid span.emailwen { padding: 0px; height: 30px; line-height: 30px; margin: 0px; }
#iframeborder { width:500px; height:200px; border:1px solid #ccc; }
/*邀请好友二结束*/

.biaoqian { border:1px solid #999; padding:2px; }
.left10 { margin-left:10px; }
.step_sf { margin:0 10px 10px 10px; height:28px; }
.step_sf_botton { margin:0 10px 0px 10px; height:20px; }
.title_sf { width: 808px !important; width: 848px; height: 50px; line-height: 50px; margin-left: 20px; background-image:url(../../images/friend/ico_search.gif); background-repeat:no-repeat; background-position:left center; padding-left: 30px; text-align:left; clear:both; }
.line_friend { height:1px; line-height:1px; overflow:hidden; background:#CCC; margin-top:10px; }
.search_title { margin:0px 0px 5px 0px; line-height:40px; height:40px; padding-left:15px; padding-right:15px; border-bottom:1px dotted #999; }
.search_reson { height:28px; line-height:28px; padding-left:15px; }