.topline{background-color:#fafafa; border:1px solid #ddd; padding:10px 0 10px 10px; margin-bottom:10px}
.topline .nameregion{float:left}
.topline .nameregion span{color:#333}
.topline .images{float:left; margin-right:10px}
.editbtn{float:right}
.editbtn a:hover{text-decoration:none}
/* viewprofile_top */
.top_profile .left{float:left; margin-right:10px}
.top_profile .nameregion{float:left; width:180px}
.top_profile .right{float:left; margin-left:10px}
/*.top_profile .right label{float:left; clear:both}*/
/* tuiguang */
.UIEMUASFrame_link{background-color:#fff; border:1px solid #fc6; border-left:none; padding:5px 0 10px 10px; width:140px; height:135px; overflow:hidden; text-align:center}
.UIEMUASFrame_title, .UIEMUASFrame_content{text-align:left}
.UIEMUASFrame_content{font-size:12px; color:#666; line-height:1.2em}
.tg_tab{background-image:url(/images/tg_tab.gif); width:126px; height:23px; position:absolute; top:161px; right:10px; font-size:14px; font-weight:bold; text-align:right}
.creative_preview_loading{margin:3px 10px 3px 0}
.infobar{float:right; width:300px; margin-top:20px}
.pt5{padding-top:5px}
.resume{width:560px;border-top:2px dashed #ddd;margin:10px 0;padding-top:5px}
.resume .editlink{float:left; width:90px; text-align:right}
.resume .editcontent{float:left; width:440px;margin-left:10px; border-left:2px solid #ddd; padding-left:5px; margin-bottom:10px}
.resume .editcontent td{padding:2px}
.resume .editcontent p{margin-bottom:3px}
.resume .editcontent span{width:100px; display:block; float:left; text-align:right}
.resume .editcontent .con{display:block;margin-left:100px}
.resume .editcontent select{margin-bottom:5px}

.resume .images{float:left; width:180px; text-align:center}
.resume .editcontent300{float:left; width:300px; margin-left:10px; border-left:2px solid #ddd; padding-left:5px}
.resume .editcontent300 select{margin-bottom:5px}

.resume .editposition{margin:20px 0}
.resume .additional h3{font-size:14px}
.resume .additional .hdr{font-size:12px; font-weight:normal;display:block;margin:5px 0}
.resume .additional p{background:url(/images/icon_comments.gif) no-repeat; text-indent:20px; word-wrap:break-word; word-break:break-all;margin:5px 0}
.headportrait{float:left}
.headportrait .images{float:left; width:150px; text-align:center; margin-right:30px}
.headportrait .upload{float:left; width:350px}
/* appraise */
.appraise{border:1px dashed #ddd; padding:0 10px; margin:20px 0;overflow:visible}
.appraise ul{margin-bottom:10px}
.appraise li{border-bottom:1px solid #ddd; padding:0 0 5px 0}
.titleinfo{width:260px;padding-left:5px;color:#999;background-color:#fff;position:relative;z-index:10;top:-10px}
.appraise .date{font-size:12px; color:#999}
.appraise .username{color:#999; float:right; background:url(/images/icon_addendorse1_17x13.gif) no-repeat; background-position:5px 2px; padding-left:20px; width:auto}
/* friend */
#css_main_zm{width:28px; border:1px solid #CCC; border-right:none; float:left; padding-top:5px; padding-bottom:5px; margin-top:30px}
#css_main_zm li{text-align:center; margin:0; padding:0 0 3px 0; color:#CCC; border-bottom:none}
*+html #css_main_zm li{padding:0 0 1px 2px}
#css_main_zm .a_z{border:1px solid #9CF; background-color:#E0EEFF; height:16px; width:16px; text-align:center; margin:0; padding:0 0 3px 0; font-weight:bold; color:#36C; margin-left:5px}
*+html #css_main_zm .a_z{padding:0 0 1px 2px}
.friendlist{border:1px solid #CCC; float:left; padding:10px}
.friendlist .mainlist{padding:0 5px 15px 5px; float:left; height:60px; width:155px; border:1px solid #CCC; margin:5px; display:block}
*+html .friendlist .mainlist{padding:5px}
.friendlist .mainlist .img1{position:relative; top:0px; right:0px; z-index:10; height:12px; width:12px; float:right}
.friendlist .mainlist span{color:#999; font-size:12px}
/* webprofile */
.webprofile_warp{width:520px}
.webprofile_warp .content{border:2px solid #D8E7FA; padding:5px; margin-bottom:20px}
.webprofile_warp a{font-weight:normal; text-decoration:none}
.webprofile_warp a:visited{text-decoration:none}
.webprofile_top{background-color:#D8E7FA; height:26px; width:510px; padding-top:10px; padding-left:10px; font-size:14px; color:#36c; font-weight:bold}
.webprofile_options{background-color:#f0f0f0; height:23px; color:#000; border-left:1px solid #fff; border-right:1px solid #fff; clear:both; padding-top:6px 0 0 15px}
/* paper */
.papercon{padding-top:5px; border-bottom:1px solid #ddd}
.papercon .date{color:#999}
.papercon p{margin:5px 0}
/* favorite team */
.ob{float:left; margin:0; width:69px; text-align:center}
.ob dt{margin:0px; overflow:hidden; height:40px; text-align:center}
.ob dd{margin:0px; overflow:hidden; height:50px; width:67px; text-align:center; line-height:1.2em}
.ob dd span{color:#999;font-size:12px;display:block}
/* contact icon */
.editcontent b{background:url(/images/ico_contact.png) no-repeat;display:inline-block;height:20px;width:20px;vertical-align:middle}
.editcontent b.ico_email{background-position:-20px 0}
.editcontent b.ico_phone{background-position:0 0}
.editcontent b.ico_mobile{background-position:-40px 0}
.editcontent b.ico_fax{background-position:0 -20px}
.editcontent b.ico_msn{background-position:-60px 0}
.editcontent b.ico_yahoo{background-position:-80px 0}
.editcontent b.ico_QQ{background-position:-100px 0}
.editcontent b.ico_skype{background-position:-120px 0}
.editcontent b.ico_wangwang{background-position:-140px 0}
.editcontent b.ico_gtalk{background-position:-160px 0}
.editcontent b.ico_other{background-position:0 -40px}
/* viewprofiletop */
b.icon_arrow{background:url(/images/icon_24x24.png) no-repeat 0 -24px;display:inline-block;height:24px;width:24px;vertical-align:middle}
/* noticelist */
.noticelist {border-bottom:1px dashed #ccc;padding:5px 0}
.noticelist b{background:url(/images/ico_app_s.png) no-repeat;display:inline-block;height:20px;width:20px;vertical-align:middle}
.noticelist b.ico_photos {background-position:0 -81px}
.noticelist b.ico_team {background-position:0 -61px}
.noticelist b.ico_contact {background-position:0 -1px}
.noticelist b.ico_answer {background-position:0 -41px}
.noticelist b.ico_event {background-position:0 -201px}
.noticelist b.ico_jobs {background-position:0 -281px}
.noticelist b.ico_test {background-position:0 -301px}
.noticelist b.ico_notice {background-position:0 -401px}
.noticelist b.ico_book {background-position:0 -161px}
.noticelist b.ico_games {background-position:0 -261px}
.noticelist b.ico_offer {background-position:0 -181px}
/* background icon */
b.icon_add{background:url(/images/icon_16x16.png) no-repeat 0 -142px;display:inline-block;height:20px;width:20px;vertical-align:middle}
b.icon_help{background:url(/images/icon_16x16.png) no-repeat -20px -63px;display:inline-block;height:20px;width:20px;vertical-align:middle}
b.spam_on{background:url(/images/icon_spam.png) no-repeat 0 0;display:inline-block;height:11px;width:11px;vertical-align:middle}
b.spam_off{background:url(/images/icon_spam.png) no-repeat 0 -11px;display:inline-block;height:11px;width:11px;vertical-align:middle}