/* css homepage construction */
.jg{ margin:25px 0px 15px 15px;}
.jg1{ margin:0px 0px 10px 30px;}
#homepage{ background:url(images/user_index/bg_right.gif) right top repeat-y;}
.detail_left{ width:600px;}
.detail_left1{ width:570px;}
.detail_right{ width:260px;  margin-right:8px;}
.grayframe{height:auto !important; width:280px;  min-height:550px; }

/* css imgpicframe  */
.img-wrapper{ background: url(images/user_index/shadows.gif) right bottom no-repeat; clear:right; float:left; position:relative; }
.img-wrapper img{ margin:-5px 5px 5px -5px; background-color:#fff; border:1px solid #ddd; padding:5px; position:relative; display:block;}

/* css user detail  */
.user_left{ width:160px; padding-left:40px;}
.user_left ul.link_go{ margin-top:5px;}
.user_left ul.link_go li{ float:left; margin-top:5px;margin-right:10px; width:50px; padding-left:5px;}
.user_left ul.link_go li span.dot{ background:url(images/user_index/list_dot_1.gif) 1px 50% no-repeat; margin:0 2px; padding:0 2px; display:none;}
.userId{ margin:5px 5px 0 5px; font-weight:bold;}
.user_left ul.zl{ margin-top:15px; margin-left:5px;}
.user_left ul.zl li{padding-bottom:5px;}
.user_right{ width:330px; margin-left:0px;}
.user_right p{ margin-bottom:5px; padding-bottom:3px;}
.user_right p span.U_name{ font-size:14px; font-weight:bold;}
.user_right span.U_sz1{color:#8690A5; font-size:10px; font-style:italic;color:#8690A5; font-family:Verdana, Arial, Helvetica, sans-serif;}
.user_right span.U_sz a#setstate ,.Istatus{ color:#8690A5; font-size:10px; font-style:italic;color:#8690A5; font-family:Verdana, Arial, Helvetica, sans-serif;}
.user_right p span.U_sz a:hover{ color:#8690A5; text-decoration:none;}
.user_right span.U_sz img{ margin-left:5px;}
.user_right p b,.user_right div b{ color:#f60; margin-right:10px; font-weight:normal;}
.user_right .mylovebox{ border:1px solid #e5fad4; margin-top:15px; margin-bottom:5px;}
.user_right .mylovebox h2{ color:#6b3; background-color:#f5fcf0; padding-bottom:8px;}
.user_right .mylovebox p{ line-height:3em; padding:5px 10px;}
.user_right .mylovebox .fixit{ text-align:right; padding-right:10px; margin:5px 0px 10px;}
ul.otherdetail{ line-height:2.0em;}
ul.otherdetail li{ float:left; width:200px;}
ul.otherdetail li label{ text-align:right;  float:left;}
ul.otherdetail span.dms{ margin-right:25px;}
p.aboutme{ line-height:1.4em;}

/* css user information and actionlist */
.boxp{ padding:15px 15px 10px;}
ul.message{ padding:5px; margin:15px 0;}
ul.message img{ margin-right:5px;}
ul.message li{ width:95px; float:left; margin-top:5px;}
ul.message span a.orange{ color:#f60;}
p.message{ padding:15px 25px 5px;}
p.message span{ margin-right:25px;}
.item_1{ margin-bottom:15px; }
.item_1 h2{ padding:0px 10px;font-size:14px; font-weight:bold; position:relative;padding-bottom:8px;background:url(../global/images/item_bg.gif) repeat-x;}
.item_1 h2 span.closespread{ position:absolute; right:10px; top:10px; bottom:10px; }

/* css user events*/
table.e_list1{ margin-top:15px;}
table.e_list1 td{ line-height:1.5em;} 
table.e_list1 td span{ color:#999;}

/* css user data*/
.my_data{ margin:15px 10px; border-right:#dec 1px dashed; padding-right:10px; height:350px; width:400px;}
.my_data h4{color:#f60; font-weight:bold; margin:15px 0 5px;}
.my_data p{ padding:0.2em 2em; clear:both;}
.my_data p label{ color:#666;float:left; width:100px; line-height:1.3em; text-align:right;}
.my_wzdata{ margin:15px 5px;}
.my_wzdata h4{color:#f60; font-weight:bold; margin:15px 0 5px;}
.my_wzdata p{ padding:0.2em 2em;}
.my_wzdata .orange{color:#6b3; margin-right:10px;}
.my_wzdata .ms{color:#999; margin:0 5px;}
.my_wzdata h5{color:#999; font-weight:bold; margin:15px 0 5px; font-size:12px; padding-bottom:5px; border-bottom:#f1f1f1 solid 1px;}
.my_wzdata p.data_no{ padding-left:20px; background: url(images/user_index/ico_datano.gif) 0 50% no-repeat;}
.my_wzdata p.data_yes{ padding-left:20px; background: url(images/user_index/ico_datayes.gif) 0 50% no-repeat; color:#999;}
.see_data{ margin:15px; margin-left:35px; padding-right:10px;  width:450px;}
.see_data h4{color:#f60; font-weight:bold; margin:15px 0 5px;}
.see_data p{ padding:0.2em 2em;clear:both;}
.see_data p label{ color:#666;float:left; width:100px; line-height:1.3em; text-align:right;}

/*user index status uppop div css*/
#setstate{ text-decoration:none;}
#changemood span{ margin-right:10px;}
/*#homgpage .changename the same with friend manage*/
/*#homepage .changename{ width:180px; padding:10px; position:absolute; left:0; top:20px; z-index:99; background:#ffffff; border:1px solid #f1f1f1;}
#homepage .changename .btn{width:140px; margin:0 auto;}*/

.integrity{ padding:3px 5px 0; width:99px; height:15px; background:url(images/user_index/bg_integrity.gif) left top no-repeat;}
.integrity .percent{ background:url(images/user_index/bg_percent.gif) left top repeat-x;}
/*the mood uppop div css*/
.selectmood .hd{ text-align:right;}
.selectmood .hd span.close{ cursor:pointer;}
.selectmood ul li{ width:44px;padding:0px 5px 3px; margin:0px 3px 3px; float:left; cursor:pointer; border:1px solid #fff;}
.selectmood ul li.now{border:1px solid #f60;}
.selectmood ul li:hover{ border:1px solid #f60;}
.selectmood ul li img{ position:relative; top:1px; margin-right:5px;}
/*the guest index popedom */
.gus_ps{ width:380px; margin:20px auto; padding:10px; border:1px solid #f1f1f1;}
.gus_ps h2{padding:5px 0 10px; font-size:14px; font-weight:bold; color:#6b3; }
.gus_ps h3{font-size:13px; font-weight:bold; color:#5D7883; padding:0 0 5px;}
.gus_ps p{ line-height:1.5; padding:3px 0;}
.gus_ps .btn_y_box1{ margin:20px 0;}

/*user index comment css*/
.user_cm .uls_cn { width:450px;}

/*user search css*/
.sub_searchdetail{ position:relative;padding:10px; margin-bottom:10px; width:580px; background-color:#f5fcf0; border:#e5fad4 1px solid;}
.sub_searchdetail .close{display:none; position:absolute; right:10px; top:10px; cursor:pointer;}
.sub_searchdetail h3 span{ color:#999; font-size:12px; font-weight:normal;}
.sub_searchdetail h3{ padding-left:20px; padding-bottom:10px; margin:5px; font-size:13px; font-weight:bold;}
.sub_searchdetail h3 a{ color:#6b3;}
.sub_searchdetail p{ margin:10px;line-height:25px;}
.sub_searchdetail p label{ width:70px; text-align:right;}

/*活动次数图标*/
.U_ev{display:inline-block; height:20px; line-height:16px; overflow:hidden;}
.eventcount{background-position:0 0;width:16px;}

/*point css*/
.dj_txt{ display:inline-block; position:relative; left:-10px; padding-left:10px;}
.U_dj{ background:url(images/user_index/exp.png) left top no-repeat;display:inline-block; height:16px; line-height:16px; overflow:hidden;}
.star1{background-position:0 0;width:16px;}
.star2{background-position:0 -16px;width:32px;}
.star3{background-position:0 -32px;width:48px;}
.star4{background-position:0 -48px;width:16px;}
.star5{background-position:0 -64px;width:32px;}
.star6{background-position:0 -80px;width:48px;}
.star7{background-position:0 -96px;width:64px;}
.star8{background-position:0 -112px;width:32px;}
.star9{background-position:0 -128px;width:48px;}
.star10{background-position:0 -144px;width:64px;}
.star11{background-position:0 -160px;width:80px;}
.star12{background-position:0 -176px;width:48px;}
.star13{background-position:0 -192px;width:64px;}
.star14{background-position:0 -208px;width:80px;}
.star15{background-position:0 -224px;width:96px;}
.star16{background-position:0 -240px;width:16px;}
.star17{background-position:0 -256px;width:32px;}
.star18{background-position:0 -272px;width:48px;}
.star19{background-position:0 -288px;width:80px;}
.star20{background-position:0 -304px;width:32px;}
.star21{background-position:0 -320px;width:64px;}
.star22{background-position:0 -336px;width:80px;}
.star23{background-position:0 -352px;width:32px;}
.star24{background-position:0 -368px;width:64px;}
.star25{background-position:0 -384px;width:80px;}
.star26{background-position:0 -400px;width:96px;}
.star27{background-position:0 -416px;width:112px;}
.star28{background-position:0 -432px;width:80px;}
.star29{background-position:0 -448px;width:96px;}
.star30{background-position:0 -464px;width:112px;}
.star31{background-position:0 -480px;width:128px;}
.star32{background-position:0 -496px;width:32px;}
.star33{background-position:0 -512px;width:48px;}
.star34{background-position:0 -528px;width:64px;}
.star35{background-position:0 -544px;width:80px;}
.star36{background-position:0 -560px;width:48px;}
.star37{background-position:0 -576px;width:64px;}
.star38{background-position:0 -592px;width:80px;}
.star39{background-position:0 -608px;width:96px;}
.star40{background-position:0 -624px;width:64px;}
.star41{background-position:0 -640px;width:80px;}
.star42{background-position:0 -656px;width:96px;}
.star43{background-position:0 -672px;width:128px;}
.star44{background-position:0 -688px;width:98px;}
.star45{background-position:0 -704px;width:128px;}
.star46{background-position:0 -720px;width:112px;}
.star47{background-position:0 -736px;width:136px;}
.star48{background-position:0 -752px;width:48px;}
.b1 {background:url(images/bor1.jpg) repeat-x;background-position:0px 0px;border-top:solid 1px white;}
.b2 {background:url(images/bor2.jpg) repeat-x bottom left;}
.b3 {background:url(images/bor3.jpg) repeat-y;}
.b4 {background:url(images/bor4.jpg) repeat-y top right;}
.c1,.c2,.c3,.c4 {width:14px;height:14px;background:url(images/corner.jpg);}
.c1 {float:left;background-position:top left;}
.c2 {float:right;background-position:-82px 0px;}
.c3 {float:left;background-position:0px -80px;}
.c4 {float:right;background-position:-82px -80px;}

/*宝典*/
.pblink {width:200px;margin:4px;background:url(images/user_index/list_dot_1.gif) no-repeat left center;padding-left:7px;}
.pbleft {width:580px;}
#pbnavi a{font-weight:bold;font-size:13px;margin:8px 16px;display:block;padding-left:8px;}
#pbnavi a.on {color:#999999;background:url(images/account/ico_sectab_nowarrow.gif) no-repeat left top;}
.pbintro {padding:6px;background:url(images/bg1.gif) repeat-x; }
.pbitem {background:url(images/bg2.gif) no-repeat;padding:5px 0px 0px 15px;}
.tdpad {vertical-align:top;padding:6px;}
.tdpad p{line-height:20px;margin-top:14px;}
.mcolor {color:#666666;font-size:12px;}
#pbpath {font-weight:bold;}
