@charset "utf-8";
/*author: Pobear Wang*/
/*for date time*/
em.d, em.date{
    margin-left: 5px;
    color: #ccc;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    font-family: mingliu, PMingLiU;
}

a.anchor{
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

p.has_none_record{
    margin: 10px;
    color: #999;
    font-weight: bold;
}

.new_tip2, .new_tip4{
    position: relative;
}

.new_tip2 img, .new_tip4 img{
    position: absolute;
    top: -7px;
}

.new_tip2 img{
    left: 38px;
}

.new_tip4 img{
    left: 62px;
}

.search_area .new_tip2 img{
    top: -10px;
}

/*global action link style*/
span.delete, span.min, span.max, span.edit, span.reply,
span.share, span.remove, span.mod, span.reset
{
    padding-top: 5px;
}

span.delete a, span.min a, span.max a, span.edit a, span.reply a,
span.share a, span.remove a, span.mod a, span.reset a
{
    display: block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-indent: -9999px;
}

span.delete a{
    background: url(../image/action_icon.gif) center -102px no-repeat #f6f9f9;	
}

span.delete a:hover{
    background: url(../image/action_icon.gif) center -148px no-repeat #939;
}

span.min a{
    background: url(../image/action_icon.gif) center -134px no-repeat #f6f9f9;	
}

span.min a:hover{
    background: url(../image/action_icon.gif) center -180px no-repeat #939;	
}

span.reset a{
    background: url(../image/action_icon.gif) center -119px no-repeat #f6f9f9;	
}

span.reset a:hover{
    background: url(../image/action_icon.gif) center -165px no-repeat #939;	
}

span.max a{
    background: url(../image/action_icon.gif) center -418px no-repeat #f6f9f9;	
}

span.max a:hover{
    background: url(../image/action_icon.gif) center -431px no-repeat #939;	
}

span.edit a{
    background: url(../image/action_icon.gif) center -242px no-repeat #f6f9f9;		
}

span.edit a:hover{
    background: url(../image/action_icon.gif) center -258px no-repeat #939;
}

span.reply a{
    background: url(../image/action_icon.gif) center -291px no-repeat #f6f9f9;		
}

span.reply a:hover{
    background: url(../image/action_icon.gif) center -307px no-repeat #939;
}

span.share a{
    background: url(../image/action_icon.gif) center -356px no-repeat #f6f9f9;		
}

span.share a:hover{
    background: url(../image/action_icon.gif) center -370px no-repeat #939;
}

span.remove a{
    background: url(../image/action_icon.gif) center -323px no-repeat;		
}

span.remove a:hover{
    background: url(../image/action_icon.gif) center -340px no-repeat;
}

span.mod a{
    background: url(../image/action_icon.gif) center -385px no-repeat;		
}

span.mod a:hover{
    background: url(../image/action_icon.gif) center -402px no-repeat;
}

/*user link style*/
a.online, b.online{
    padding-left: 10px;
    background: url(../image/online.gif) left 1px no-repeat;
}

b.online{
    padding-left: 8px;
}

/*application icon horizontal background set*/
.app_weight{
    background: url(../image/app_icon.gif) left 2px no-repeat;
}

.app_friend{
    background: url(../image/app_icon.gif) -341px 4px no-repeat;	
}

.app_myconcern{
    background: url(../image/app_icon.gif) -445px 2px no-repeat;
}

.app_signature{
    background: url(../image/app_icon.gif) -472px 2px no-repeat;
}

.app_weight_curve{
    background: url(../image/app_icon.gif) -52px 1px no-repeat;
}

.app_record{
    background: url(../image/app_icon.gif) -26px 2px no-repeat;
}

.app_vote{
    background: url(../image/app_icon.gif) -237px 1px no-repeat;	
}

.app_plan{
    background: url(../image/app_icon.gif) -80px 1px no-repeat;
}

.app_tools{
    background: url(../image/app_icon.gif) -102px 4px no-repeat;
}

.app_food_bank{
    background: url(../image/app_icon.gif) -133px 2px no-repeat;
}

.app_blog{
    background: url(../image/app_icon.gif) -156px 3px no-repeat;
}

.app_photo{
    background: url(../image/app_icon.gif) -182px 4px no-repeat;
}

.app_group{
    background: url(../image/app_icon.gif) -206px 6px no-repeat;
}

.app_share{
    background: url(../image/app_icon.gif) -290px 2px no-repeat;
}

.app_event{
    background: url(../image/app_icon.gif) -264px 3px no-repeat;
}

.app_gift{
    background: url(../image/app_icon.gif) -316px 0 no-repeat;
}

.app_infocomment{
    background: url(../image/app_icon.gif) -499px 1px no-repeat;
}

.app_info{
    background: url(../image/app_icon.gif) -496px 3px no-repeat;
}

.app_groupmember{
    background: url(../image/app_icon.gif) -525px 1px no-repeat;
}

.app_grouppost{
    background: url(../image/app_icon.gif) -554px 1px no-repeat;
}

/*application icon vertical background set*/
.vpp_weight{
    background: url(../image/vtk_icon.gif) left -23px no-repeat;
}

.vpp_weight_curve{
    background: url(../image/vtk_icon.gif) 4px -71px no-repeat;
}

.vpp_record{
    background: url(../image/vtk_icon.gif) 4px -46px no-repeat;
}

.vpp_vote{
    background: url(../image/vtk_icon.gif) 4px -251px no-repeat;	
}

.vpp_plan{
    background: url(../image/vtk_icon.gif) 4px -98px no-repeat;
}

.vpp_tools{
    background: url(../image/vtk_icon.gif) 4px -123px no-repeat;
}

.vpp_food_bank{
    background: url(../image/vtk_icon.gif) 4px -148px no-repeat;
}

.vpp_blog{
    background: url(../image/vtk_icon.gif) 4px -173px no-repeat;
}

.vpp_photo{
    background: url(../image/vtk_icon.gif) 4px -198px no-repeat;
}

.vpp_group{
    background: url(../image/vtk_icon.gif) 4px -223px no-repeat;
}

.vpp_share{
    background: url(../image/vtk_icon.gif) 4px -300px no-repeat;
}

.vpp_event{
    background: url(../image/vtk_icon.gif) 4px -277px no-repeat;
}

.vpp_gift{
    background: url(../image/vtk_icon.gif) 4px -325px no-repeat;
}

.vpp_wander{
    background: url(../image/vtk_icon.gif) 4px -575px no-repeat;
}

.vpp_search{
    background: url(../image/vtk_icon.gif) 4px -604px no-repeat;
}

.vpp_message{
    background: url(../image/vtk_icon.gif) 4px -630px no-repeat;
}

.vpp_calorie_curve{
    background: url(../image/vtk_icon.gif) 4px -654px no-repeat;
}

.vpp_info{
    background: url(../image/vtk_icon.gif) 4px -678px no-repeat;	
}

.vpp_doings{
    background: url(../image/vtk_icon.gif) 4px -756px no-repeat;
}

#postindex .box4 .doings{
    font-size: 12px;
}

#postindex .box4 .doings a{
    padding-left: 0;
}

/*default style for user homepage, for multiple style design*/
#homepage{
    padding-top: 15px;
}

#homepage .trend_list{
    float: none;
    width: 100%;
}

#homepage .app_record .detail{
    border-bottom: none;
}

#profile_image{
    margin-bottom: 5px;
    text-align: center;	
}

#profile_link{
    margin-bottom: 10px;
}

#profile_link li{
    line-height: 200%;
    border-bottom: 1px solid #fcc;
}

#profile_link li a{
    display: block;
    padding-left: 8px;
}

#profile_link li a:hover{
    color: #fcf2f4;
    text-decoration: none;
    background: url(../image/repeat-x.png) repeat-x 0 -80px;
}

#profile_detail{
    margin-bottom: 10px;
    padding: 4px;
    background: #fff0f0;
    border: 1px solid #fcc;
}

#profile_detail p{
    _width: 188px;
    overflow: hidden;
    white-space: nowrap;
}

#profile_detail p span{
    display: block;
    float: left;
    width: 52px;
    color: #999;
    font-weight: bold;
    text-align: right;
}

#profile_detail dt{
    color: #999;
    font-weight: bold;
}

/*base style for rounded avatar*/
.round_image{
    display: block;
    position: relative;
    overflow: hidden;
    background: #fcc;
}

/*.round_image48 .avatar{
    position: absolute;
    vertical-align: middle;
    width: 48px;
    height: 48px;
}*/

.round_corner{
    display:block;
    position:absolute;
    left: 0;
    top: 0;		
    width: 100%;		
    height: 100%;
    overflow: hidden;
}

.round_corner img{
    display: block;
    position: absolute;
    width: 144px;
    height: 128px;
}

.w64{
    width: 64px;
    height: 64px;	
}

.w64 .round_corner img{
    left: 0;
}

.g64{
    width: 64px;
    height: 64px;	
}

.g64 .round_corner img{
    left: 0;
    top: -64px;
}

.w48, .g48{
    width: 48px;
    height: 48px;
}

.w48 .round_corner img{
    left: -64px;
}

.g48 .round_corner img{
    top: -64px;
    left: -64px;
}

.w32{
    width: 32px;
    height: 32px;
}

.w32 .round_corner img{
    left: -112px;
}

.person a{
    cursor: pointer;
}

/*base comments list style*/
.comment_list dt{
    clear: both;
    border-top: 1px solid #fcc;
}

.comment_list dd{
    clear: both;
    margin: 5px 0;
    margin-left: 60px;	
}

.comment_list dt .person{
    float: left;
    padding: 8px 6px;
}

.comment_list dd .person{
    float: left;
    padding: 0 4px;
}

.comment_list dt .info{
    padding: 8px 0;	
}

.comment_list .info{
    float: left;	
}

.comment_list .info p a{
    margin-right: 5px;
}

.comment_list .info p span a{
    margin: 0 2px;	
}

.comment_list .info p b{
    margin-right: 5px;
}

.comment_list .info span{
    float: right;
}

.comment_list .info img{
    vertical-align: middle;
    margin: 0 2px;
}

/*special visitor comment*/
#visitor_comment dt .info{
    width: 480px;
}

#visitor_comment dd .info{
    width: 440px;
}

/*special for space comment list*/
#space_cmt #visitor_comment dt .info{
    width: 700px;
}

#space_cmt #visitor_comment dd .info{
    width: 660px;
}

/*leave message*/
.leave_msg{
    padding: 8px 8px 5px 8px;
    background: #fff4f4;
}

.comment_list dl .leave_msg{
    margin: 0;
    padding: 6px 5px 3px 5px;
}

.leave_msg textarea{
    width: 90%;
    font-size: 14px;
}

.comment_list dl .leave_msg textarea{
    height: 60px;
}

.leave_msg .c{
    margin: 3px 0;
}

/*special for record comment*/
.app_record .comment_list dd{
    margin-left: 0;
}

.app_record .comment_list dd .info{
    width: 480px;
}

/*common color background style*/
.gray_back span{
    background: url(../image/color_back.png) 0 center no-repeat;
}

.gray_back b{
    color: #a5a5a5;
}

.orange_back span{
    background: url(../image/color_back.png) -40px center no-repeat;
}

.orange_back b, .orange{
    color: #f60;
}

.green_back span{
    background: url(../image/color_back.png) -80px center no-repeat;
}

.green_back b, .green{
    color: #9c0;
}

.purple_back span{
    background: url(../image/color_back.png) -120px center no-repeat;
}

.purple_back b{
    color: #93c;
}

.red_back span{
    background: url(../image/color_back.png) -160px center no-repeat;
}

.red_back b{
    color: #ca494b;
}

.red2_back span{
    background: url(../image/color_back.png) -240px center no-repeat;
}

.red2_back b, .red2{
    color: #c63;
}

/*common column nav for box5*/
.box5 h5, .box14c h5, .box4 h5.t, .head_title h5{
    padding-left: 5px;
    height: 25px;
    line-height: 25px;
    background: url(../image/repeat-x.png) repeat-x 0 -110px;
}

.box4 h5.t{
    font-size: 14px;
}

.box5 h5 span, .box14c h5 span, .head_title h5 span{
    padding: 0 5px 0 15px;
    float: right;
    display: block;
    background: url(../image/link_back.gif) left 0 no-repeat;
}

/*list 3 member in one row*/
.row{
    margin: 8px 0 0 6px;
}

.row .person{
    display: block;
    float: left;
    overflow: hidden;
    width: 62px;
    text-align: center;
}

.row .person a{
    display: block;
    line-height: 16px;
    overflow: hidden;
}

/*firefox image center*/
.row .person a span.w48{
    margin-left: 7px;
    *margin-left: 0;
    margin-bottom: 5px;
}

.member_list3{
    padding-bottom: 10px;
}

/*home left column*/
#home_vistor, #user_friend{
    border-right: 1px solid #fcc;
}

/*recommend user list*/
#recommend_user{
    border-left: 1px solid #fcc;
    background: #fff;
}

#recommend_user li{
    display: block;
    clear: both;
    margin: 0 8px;
    padding: 6px 0;
    border-bottom: 1px solid #ffe6e6;
}

#recommend_user .person{
    width: 56px;
    float: left;
}

#recommend_user .content{
    width: 124px;
    float: left;
}

#recommend_user h6{
    overflow: hidden;
}

#recommend_user h6 span{
    float: right;
}

#recommend_user h6 a b{
    color: #ccc;
    font-size: 11px;
    font-family: mingliu, PMingLiU;;
}
#recommend_user h6 a:hover b{
    color: #818;
}

#recommend_user p span{
    color:#fff;
    display:block;
    float:left;
    padding-left:6px;
    width:34px;
}

#recommend_user p b{
    margin-left: 5px;
}

#recommend_user .city{
    margin-left: 10px;
    line-height: 28px;
}

/*profile status*/
#homepage .box18 .box14c{
    clear: left;
}

#homepage .box18 .box4{
    clear: right;
}

#profile_status, #profile_bar{
    clear: both;
}

#profile_status{
    margin-left: 6px;
}

#profile_status h2{
    display: block;
    float: left;
    margin-right: 10px;
    line-height: 28px;
}

#profile_status div.status{
    display: block;
    float: left;
    padding-top: 3px;
    font-size: 13px;
}

#profile_status div.status b{
    font-family: tahoma,mingliu;
    color: #ccc;
    margin: 0 5px;
    font-size: 11px;
}

#profile_status .level_pro{
    clear: both;
    line-height: 22px;
}

#profile_status .level_pro span{
    float: right;
}

#profile_status .level_pro li{
    display: block;
    float: left;
    line-height: 20px;
    cursor: pointer;
}

#profile_status .views{
    color: #999;
}

#profile_status .views strong{
    margin: 0 3px;
    color: #f06;
    font-size: 14px;
    font-family: Georgia;
}

#profile_status .w0{
    width: 0;
    overflow: hidden;
}

#profile_status .w1{
    width: 20px;
}

#profile_status .w2{
    width: 40px;
}

#profile_status .w3{
    width: 60px;
}

#profile_status .t1{
    background: url(../image/level1.gif) left center repeat-x;
}

#profile_status .t2{
    background: url(../image/level2.gif) left center repeat-x;
}

#profile_status .t3{
    background: url(../image/level3.gif) left center repeat-x;
}

#profile_status .next_hours{
    padding-left: 26px;
    color: #cf3100;
    background: url(../image/next_hours.gif) 12px center no-repeat;
}

#profile_bar ul{
    background: url(../image/space_nav_line.gif) left bottom repeat-x;
}

#profile_bar li{
    display: block;
    float: left;
    padding: 0 0 0 9px;
    margin-left: 6px;
    line-height: 22px;
    font-size: 14px;
    background: url(../image/link_back.gif) left -30px no-repeat;
}

#profile_bar li a{
    display: block;
    padding: 3px 15px 0 6px;
    font-weight:bold;
    background: url(../image/link_back.gif) right -58px no-repeat;
}

#profile_bar li.active{
    background: url(../image/link_back.gif) left -86px no-repeat;
}

#profile_bar li.active a{
    color: #333;	
    background: url(../image/link_back.gif) right -116px no-repeat;
}

/*status info filter*/
#trend_filter, #profile_trend, #visitor_comment, #profile_blog, #profile_photo{
    clear: both;
    margin-bottom: 10px;
}

#trend_filter{
    margin: 15px 0 5px 0;
}

#trend_filter ul{
    float: right;
}

.filter_list li{
    display: inline;
    float: left;
    margin: 0 0 0 15px;
}

.filter_list li a{
    display: block;
}

.filter_list li.active{
    padding: 0 0 0 8px;
    line-height: 21px;
    background: url(../image/link_back.gif) left -146px no-repeat;
}

.filter_list li.active a{
    padding: 0 10px 0 2px;
    color: #fff;
    background: url(../image/link_back.gif) right -172px no-repeat #fff;
}

.trend{
    /*padding-left: 20px;*/
    margin-top: 5px;
    border-bottom: 1px solid #ffe6e6;
}

.trend .title{
    background: #fefefe;
    color: #666;
    line-height: 200%;
}

.trend .title a{
    margin: 0 5px;
}

.trend .title span{
    float: right;
}

.trend .title span a{
    margin: 0 2px;	
}

.trend .detail{
    padding: 10px 0;
}

.trend .border{
    padding-bottom: 4px;
    border-bottom: 1px solid #ffe6e6;	
}
/*trend wrap style*/
.trend_wrap{
    clear: both;
    padding: 5px 0;
}

.trend_wrap .person{
    float: left;
    display: inline;
    margin-left: 5px;
    width: 55px;
}

.trend_wrap .trend_list{
    float: left;
    width: 480px;
}

.trend_wrap .detail a img{
    margin: 0 2px;
    padding: 3px;
    background: #f5e2f5;
}

.trend_wrap .detail a:hover img{
    background: #939;
}

#profile_trend h6{
    padding-left: 6px;
    margin-bottom: 4px;
    line-height: 24px;
    font-weight: bold;
    color: #947288;
    background: #fcf2f4;
}

.trend_wrap .trend .detail{
    padding: 4px 0;
    color: #666;
}
/*将不在使用开始*/
.trend_wrap blockquote{
    background: url(../image/quote_left.gif) no-repeat left top;
}

.trend_wrap blockquote p{
    padding: 5px 30px;
    background: url(../image/quote_right.gif) no-repeat right bottom;
    color: #666;
}

.trend_wrap .body{
    color: #888;
}
/*将不在使用结束*/
.trend_wrap blockquote.q{
    float: left;
    clear: left;
    padding-left: 28px;
    background: url(../image/quote_left.gif) no-repeat left -4px;
}

.trend_wrap blockquote.q .c{
    float: none;
    padding-right: 28px;
    color: #333;
    background: url(../image/quote_right.gif) no-repeat right -10px;
}

.trend_wrap .app_photo .border{
    border-bottom: 1px solid #fefefe;
    padding-bottom: 0;
}

/*trend for app weight*/
.app_weight li{
    display: block;
    float: left;
    margin-right: 15px;
    line-height: 18px;	
}

.app_weight li span{
    display: block;
    float: left;
    padding-left: 6px;	
    width: 34px;
    color: #fff;
}

.app_weight li b{
    margin-left: 5px;
    _margin-left: 2px;
}

/*trend for app record*/
.app_record .kcal, .app_record .feeling{
    clear: both;
}

.app_record .feeling{
    width: 520px;
}

.app_record .kcal li{
    display: block;
    float: left;
    margin-right: 15px;
    line-height: 18px;
}

.app_record .kcal li span{
    display: block;
    float: left;
    padding-left: 6px;
    width: 34px;
    color: #fff;
}

.app_record .kcal li b{
    margin-left: 5px;
}

.app_record .kcal li a{
    color: #fff;
}

.feeling blockquote{
    width: 100%;
    margin-top: 10px;
    background: url(../image/quote_back.png) 0 top no-repeat #fff0f0;
}

.feeling blockquote p, .feeling blockquote div{
    padding: 8px 20px 15px 25px;
    background: url(../image/quote_back.png) -520px bottom no-repeat;
}

.feeling blockquote img{
    margin: 0 2px;
    vertical-align: middle;
}

.feeling ul{
    float: right;
}

.feeling li{
    display: block;
    float: left;
    margin-left: 15px;
}

.feeling li.praise a{
    padding-left: 16px;
    color: #9acc68;
    background: url(../image/action_icon.gif) left 2px no-repeat;
}

.feeling li.praise a:hover{
    background: url(../image/action_icon.gif) left -49px no-repeat;	
}

.feeling li.critic a{
    padding-left: 16px;
    color: #f99;
    background: url(../image/action_icon.gif) left -15px no-repeat;
}

.feeling li.critic a:hover{
    background: url(../image/action_icon.gif) left -66px no-repeat;	
}

.feeling li.comment a{
    padding-left: 16px;
    color: #a2a2ff;
    background: url(../image/action_icon.gif) left -32px no-repeat;
}

.feeling li.comment a:hover{
    background: url(../image/action_icon.gif) left -83px no-repeat;	
}

/*profile blog*/
#profile_blog li{
    clear: both;
    padding: 4px 5px;
    border-bottom: 1px solid #fcc;
}

#profile_blog li.first h6 a{
    font-weight: bold;
}

#profile_blog li span{
    float: right;
}

/*profile photo*/
#profile_photo .photo{
    padding: 0 7px;
}

#profile_photo table{
    width: auto;
}

#profile_photo tbody td{
    padding: 10px 0 5px 0;
    width: 135px;	
    text-align: center;
    vertical-align: bottom;
}

#profile_photo img{
    padding: 3px;
    background: #f5e2f5;
}

#profile_photo a:hover img{
    background: #939;	
}

#profile_photo tbody td{
    line-height: 125%;
}

#profile_photo tbody h6{
    text-align: center;
}

#profile_photo tbody p{
    text-align: right;
}

/*登录后首页 post_index*/
#postindex{
    margin-top: 20px;	
}

#postindex .box4{
    width: 159px;
    background-color: #fff;
    border-right: 1px solid #fcc;
}

#postindex .box4 dd{
    padding: 3px 0;
    font-size: 14px;
}

#postindex #home_vistor, #postindex #user_friend{
    background-color: #fff;
    border: none;
    border-left: 1px solid #fcc;
}

#postindex #home_vistor em.d{
    display: block;
    clear: both;
    margin: 0;
}

#postindex .app_weight .none_border{
    border-bottom: none;
}

#postindex .more_trend{
    text-align: center;
    font-size: 13px;
}

#profile_self{
    padding-top: 10px;
    padding-bottom: 15px;
}

#profile_self .avatar{
    float: left;
    width: 70px;
}

#profile_self .content{
    float: left;
}

#profile_self .sign_area{
    clear: both;
}

#profile_self .sign_area p{
    float: left;
    width: 350px;
    min-height:38px;
    _height: 38px;
    background: url(../image/sign_back.gif) top center no-repeat;
}

#profile_self .sign_area span{
    display: block;
    float: left;
}

#profile_self #signature{
    width: 335px;
    height: 28px;
    margin: 5px 5px 5px 10px;
    border: none;
    background: none;
    font-size: 14px;
    color: #999;
}

#profile_self #publish{
    margin-left: 5px;
    width: 50px;
    height: 38px;
    border: none;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: url(../image/sign_btn.gif) no-repeat;
}

/*user profile detail*/
#space_profile{
    padding-top: 10px;
}

#space_profile h4{
    font-size: 12px;
    clear: both;
}

#space_profile h4 span{
    padding: 0 10px;
    float: left;
    display: block;
    position: relative;
    background: #fefefe;
}

#space_profile div.divline{
    border-bottom: 1px solid #fcc;
    margin: -4px 0 0;
    line-height: 18px;
}

#space_profile dl{
    clear: both;
}

#space_profile dt{
    padding: 3px 0;
    margin-left: 10px;
    width: 120px;
    float: left;
    clear:left;
    color: #999;
}

#space_profile dd{
    margin-left: 10px;
    width: 360px;
    float: left;
    padding: 3px 0;
}

#homepage #on_process{
    margin-right: 10px;
    float: left;
    display: inline;
    margin-top: 20px;
    height: 32px;
    width: 540px;
    background: url(../image/indicator_large.gif) no-repeat center center;
}