html{height:99%;overflow:hidden}
html.auto_resize_iframe{height:auto}
body{padding:0px;margin:0px auto;font-size:12px;height:99%;line-height:20px;}

#logo{width:110px;height:24px;margin:2px 10px 0px 21px;background:url(./im/logo.jpg) no-repeat;float:left}
body.auto_resize_iframe{height:auto}
talbe,a{font-size:12px}
a{color:#000;text-decoration:none}
a:link,a:visited{color:#3B5998;text-decoration:none}
a:hover{color:#3B5998;text-decoration:underline}
a:visited{}
h5,h4,h3,h2,h1,p{margin:2px;padding:0px}
img{border:0}
.l{float:left}
.r{float:right}
.unline{border-bottom:1px solid #BFCADE}
.hover .r{display:block !important}
.content{margin:0px auto;background:#fff;height:100%;overflow-y:auto;overflow-x:hidden;position:relative; text-align:left;}

.L1{width:940px;margin:0px auto 50px auto; text-align:left; height:30px;background:#fff;overflow:hidden;}
.L1 .r{padding-right:20px;text-align:right}
.L1 .r{padding-right:20px;text-align:right;background:url(./im/l1_r_bg.gif) right 0px no-repeat;height:30px;margin-top:0px;overflow:hidden;}
.L1 .l{float:left;background: url(./im/l1_l_bg.gif) 0px 1px no-repeat;height:30px;}
.L0 .L1 .l{background:url(./im/l1_l_bg2.gif) 0px 0px no-repeat;}
.L0 .L1 .r{background-image:url(./im/l1_r_bg2.gif)}

.L2{width:940px;margin:0px auto 50px auto; text-align:left; background:#fff;}

#navi{width:940px;height:32px;line-height:32px;overflow:hidden;margin:5px auto;background:#F0F0F0}
#navi .first{float:left;width:20px;height:100%;overflow:hidden;background:#F0F0F0}
.must{color:red}
.round{}
.round .t,.round .b{height:2px;width:100%;overflow:hidden}
.round .c{width:100%;overflow:hidden}
.round .t-l,.round .t-r,.round .b-l,.round .b-r,.round .c-l,.round .c-r{width:2px;overflow:hidden;background-repeat:no-repeat;float:left}
.round .t-c,.round .c-c,.round .b-c{float:left}
.round .t-l{background-image:url(./im/round-t-l.gif)}.round .t-c{height:1px;border-top:1px solid #A6A6A6}.round .t-r{background-image:url(./im/round-t-r.gif)}
.round .t *,.round .b *{overflow:hidden}
.round .b-l{background-image:url(./im/round-b-l.gif)}.round .b-c{height:1px;border-bottom:1px solid #A6A6A6}.round .b-r{background-image:url(./im/round-b-r.gif)}


.round .c{width:100%}
.round .c-l,.round .c-c,.round .c-r{height:100%}
.round .c-l{width:1px;border-left:1px solid #A6A6A6}.round .c-r{width:1px;border-right:1px solid #A6A6A6}
.inputNote{color:#aaa}
a.edit{overflow:hidden;height:18px;width:18px;text-indent:-100px;margin-top:3px;display:block;background:#fff url(./im/bt_edit_off.jpg) 100% 0px no-repeat}
a.edit:hover{background-image:url(./im/bt_edit_on.jpg)}
a.edit2{height:18px;line-height:18px;margin:2px 0px 2px 0px;display:block;padding-right:20px;background:url(./im/bt_edit_off.jpg) right center no-repeat;float:right}
a.edit2:hover{background:url(./im/bt_edit_on.jpg) right center no-repeat}


.tabbar2{height:18px;margin-top:10px;padding:0px 10px;border-bottom:1px solid #898989}
.tabbar2 a{display:inline-block;padding:0px 5px;height:17px;line-height:18px;border:1px solid #898989;border-bottom:0px;background:#F1F1F1;color:#333;float:left;overflow:hidden}
.tabbar2 a.on,.tabbar2 a.on:visited{display:inline-block;padding:0px 5px;height:18px;line-height:18px;background:#6D84B4;color:#fff}
.tabbar2 .r,.tabbar .r{float:right}


.tabbar{height:25px;width:100%;margin-top:3px;overflow:hidden}
.tabbar a{float:left;height:23px;width:50px;overflow:hidden;line-height:24px;background:#D8DFEA;font-weight:bold;border:1px solid #EDEFF4;text-align:center}
.tabbar .off:hover{background:#627AAD;color:#fff;cursor:hand}
.tabbar .on{background:#fff;border-bottom:0px;height:24px;border:1px solid #D8DFEA;color:#000}

.add1,.add{width:16px;height:16px;background:url(./im/ico_add2.gif) no-repeat;display:block;overflow:hidden}
a:hover .add1,.on .add1,.add:hover{background-image:url(./im/ico_add.gif)}

.pagebar{height:18px;padding:10px}

/********blog************************************/
.blog .bar{height:23px;margin-top:10px}
.my{margin-top:-30px !important;position:relative}
.face{height:65px}
.face img{height:60px;width:60px;margin-left:10px;float:left}
.face .text{height:60px;width:60px;margin:10px;float:left}
.face .text2{height:60px;width:auto;margin:10px;float:left}
.form label{width:100px;text-align:right;margin-right:5px;float:left;font-weight:bold}
.form textarea{width:60%;height:100px }
.form div.line{min-height:30px;line-height:30px;overflow:visible;clear:both}
.form div.l20{min-height:20px;line-height:20px;overflow:visible;clear:both}
.form div.l20 .c{float:left}

.blog .subject{border-top:1px solid #94A3C4;border-bottom:1px solid #D8DFEA;min-height:50px;background:#F7F7F7;padding-left:10px;clear:both}
.blog .subject h5{margin:2px}
.blog .body{margin:10px 0px}


/********group************************************/
.group .title{height:30px}

.group .block{margin-top:10px;margin-top:0px;padding:0px}
.group .block h5{border-bottom:1px solid #E2E7EF;padding:0px 4px}
.group .r{float:right}
.group .block .box div{padding:0px 10px}
.group .friend{height:400px}
.group .friend span{padding:5px !important;padding:5px 3px;width:132px;height:40px;overflow:hidden;position:relative;float:left;cursor:hand}
.group .friend input{position:absolute;bottom:-4px;left:-4px}
.group .friend img{float:left;width:40px;height:40px;float:left}
.group .friend label{float:right;width:90px;ovflow-x:hidden}




/******************message ********************/
.message{background:#F7F7F7;border-top:1px solid #898989;margin-top:40px;min-height:100px}
.message .bar{height:18px;margin-top:-20px;padding:0px 10px;position:relative !important;position:absolute}
.message .bar a{display:inline-block;padding:0px 5px;height:18px;line-height:18px;border:1px solid #898989;border-bottom:0px;background:#F1F1F1;color:#333;float:left}
.message .bar a.on{display:inline-block;padding:0px 5px;height:18px;line-height:18px;background:#6D84B4;color:#fff}
.message .bar .r{float:right}
.message .block{width:90%;margin:10px auto}
.message .block .box{margin:10px 0px}



/** msgbox**/
/**
.msg-box{position:absolute;width:465px;min-height:50px;height:auto !important;height:50px;overflow-x:hidden;top:5%;left:30%}
.msg-box .t{background:url(./im/msg_box_t.gif) 0px 0px no-repeat;height:10px;cursor:move;overflow:hidden}
.msg-box .b{background:url(./im/msg_box_b.gif) 0px 0px no-repeat;height:10px;cursor:move;overflow:hidden}
.box-content .ajax_albums span{width:80px !important;height:100px !important}
.box-bar,.box-content,.box-footer{background:url(./im/msg_box_c.gif) repeat-y;padding:0px 10px;clear:both;float:none}
.box-bar{background-color:#3B5998;height:32px;line-height:32px;color:#fff;overflow:hidden;font-size:14px}
.box-bar a,.box-bar a:link,.box-bar a:visited{color:#fff;float:right;margin-right:5px;width:20px;text-align:center}
.box-bar H5{float:left;margin-left:5px;width:80%;height:100%;overflow:hidden;text-overflow:ellipsis}
.box-content{line-height:18px;background-color:#fff;padding:2px 5% border:1px solid red}
.box-content *{margin-top:0px;margin-bottom:0px;}
.box-footer{background-color:#fff;height:32px;line-height:18px;margin-top:-3px}
**/
.msg-box-bg{position:absolute;width:465px;overflow-x:hidden;z-index:100;filter:alpha(opacity=50);opacity:0.50;cursor:move}
.msg-box-bg .t{background:url(./im/msg_box_t.gif) 0px 0px no-repeat;height:10px;overflow:hidden}
.msg-box-bg .c{background:#fff url(./im/msg_box_c.gif)  repeat-y;overflow-x:hidden}
.msg-box-bg .b{background:url(./im/msg_box_b.gif) 0px 0px no-repeat;height:10px;overflow:hidden}

.msg-box,.chat-box{position:absolute;width:445px;min-height:50px;height:auto !important;height:50px;overflow-x:hidden;top:5%;left:30%;z-index:101}
.box-content .ajax_albums span{width:80px !important;height:100px !important}
.box-bar,.box-content,.box-footer{clear:both;float:none}
.box-bar{background-color:#8FA3DA;height:32px;line-height:32px;color:#fff;overflow:hidden;font-size:14px}
.box-bar a{background:url(./im/x.gif) center center no-repeat;text-indent:-999px;}
.box-bar a,.box-bar a:link,.box-bar a:visited{color:#fff;float:right;margin-right:5px;width:20px;text-align:center}
.box-bar H5{float:left;margin-left:5px;width:80%;height:100%;overflow:hidden;text-overflow:ellipsis}
.box-content{line-height:18px;background-color:#fff;padding:2px 5%}
.box-footer{background-color:#fff;height:32px;line-height:18px;margin-top:-3px;text-align:center}
button{border:1px solid #E7E7E7;background:##F0F0F0;border-right:1px solid #666;border-bottom:1px solid #666;line-height:20px;min-width:60px;width:60px;margin:2px}
button.submit{border:1px solid #BDC7D8;background:#3B5998;border-right:1px solid #666;border-bottom:1px solid #666;color:#fff}


.index .round .cc{width:920px;line-height:28px;color:#aaa;color:#333}
.index .round .c{height:60px;position:none}
.index .round .hello{background:#fff;padding:0px 2px;margin-top:-16px;margin-left:-5px;font-weight:bold;position:relative;width:200px}
.index .l{width:300px;margin:0px 5px;line-height:18px}


.index h5{margin:2px 0;padding-left:10px}
.index .list div{border-bottom:1px solid #D8DFEA}
.index .list div{background-image:url(./im/003.jpg);background-position:10px 35%;background-repeat:no-repeat;height:23px;padding-left:35px;line-height:23px}
.index .list div.all{background-image:url(./im/001.jpg)}
.index .list div.circs{background-image:url(./im/003.jpg)}
.index .list div.event{background-image:url(./im/004.jpg)}
.index .list div.blog{background-image:url(./im/note.gif)}
.index .list div.photo{background-image:url(./im/img.jpg)}
.index .list div.group{background-image:url(./im/002.jpg)}
.index .list div.friend-group{background-image:url(./im/arrow_b.gif);background-position:12px 35%;color:#797A7C;cursor:hand;}
.index .list div.friend-group2{background-image:url(./im/arrow_r.gif);background-position:12px 35%;color:#797A7C;cursor:hand}
#friend-group{padding-left:5px;height:auto;background-image:none}
.index .list div.hover {background-color:#D8DFEA}
.index .list div.on{background-color:#8497BF;color:#fff}
.index .list div.on *{color:#fff}
.index .list div.on .r{display:block}
.index .list div .r{display:none;width:18px;padding:0px;text-indent:-1000px;margin:2px}
.index .list .fgray,.index .list .fblue{background-image:none;padding-left:8px}
.circs .icon{background-position:80% 35%;background-repeat:no-repeat}
.circ5{background-image:url(./im/ico_befriend.gif)}
.circ6{background-image:url(./im/note.gif)}
.circ7{background-image:url(./im/icon_s_groupd.gif)}
.circ8{background-image:url(./im/ico_s_group2.gif)}
.circ11{background-image:url(./im/edit_profile.gif)}
.textnote{background:url(./im/text_note.gif) no-repeat;line-height:20px;color:#fff;margin-top:-25px;margin-left:-15px;overflow:hidden;padding:0px 5px}
.textnote nobr{float:left;background:#6d84b4;height:20px;padding:0px 5px; overflow:hidden;}
.textnote a{text-decoration: none}

#lang_list{border:3px double #ccc}
#lang_list div{padding:1px 5px;margin:1px 5px;cursor:hand}
#lang_list .hover{background:#3B5998;color:#fff}

.delbt1{width:18px;height:18px;background:url(./im/x_to_hide.gif) no-repeat;display:none}
.delbt1:hover{background:url(./im/x_to_hide_hover.gif) no-repeat}
.delbt2{background:url(./im/x_del.gif) no-repeat;width:18px;height:18px;display:block;display:none}

.sharebox{width:538px;clear:both;padding-top:10px}
.sharebox .t{height:4px;background:url(./im/round_t3.gif) no-repeat;overflow:hidden;overflow:hidden}
.sharebox .c{width:533px;border-left:1px solid #B5B5B5;border-right:1px solid #B5B5B5;min-height:20px;background:#F2F2F2;float:left;position:relative}
.sharebox .b{height:5px;background:url(./im/round_b3.gif) no-repeat;overflow:hidden;overflow:hidden;clear:both;overflow:hidden}

.sharebox2 .t{height:4px;background:url(./im/round_t2.gif) no-repeat;overflow:hidden;overflow:hidden}
.sharebox2 .c{width:532px;border-left:1px solid #E5E5E5;border-right:1px solid #E5E5E5;min-height:20px;background:#F7F7F7;float:left;position:relative}
.sharebox2 .b{height:5px;background:url(./im/round_b2.gif) no-repeat;overflow:hidden;overflow:hidden;clear:both;overflow:hidden}

.sharebox .c div{margin:2px 10px}
.sharebox textarea{width:450px;min-height:30px;height:30px;border:1px solid #B5C9EA;overflow:hidden}
.sharebox .textarea{width:440px;min-height:30px;height:auto !important;height:30px;padding:5px;font-size:14px;font-family:'微软雅黑,黑体';float:left}
.sharebox button{width:39px;height:28px;border:1px solid #264B78;overflow:hidden;background:#566FA8;color:#fff;line-height:28px}
.sharebox  .pluging{display:none}
.sharebox .show .pluging{display:block}
.sharebox .block{width:420px;min-height:50px;border:1px solid #B5C9EA;background:#fff}
.sharebox .block .bar{border-bottom:1px solid #B5C9EA}
.sharebox .block .box a{padding:20px 15px;text-align:center;text-decoration:none}
.sharebox .block .box label{color:#888}
.sharebox .block .box a:hover P{text-decoration:underline}
.notifybt{width:40px;height:30px;background:url(../../img/notify_bt.gif) no-repeat;position:absolute;bottom:5px;cursor:hand}
#sharebox{margin:0px}
.share-main{padding:10px 20px 10px 20px; margin-left:10px; background:#fff;border:1px solid #bbb;border-top:1px solid #AEAEAE;font-size:14px;width:415px;word-wrap: break-word; word-break: break-all;}

.userstate{margin:10px 0px;clear:both}
.userstate * {display:inline-block}
.userstate #user_grade{background:url(./im/star.gif) 0px 0px no-repeat}
.userstate .usergrade1{width:15px;margin-right:35px}
.userstate .usergrade2{width:30px;margin-right:20px}
.userstate .usergrade3{width:45px;margin-right:5px}
.userstate .usergrade4{width:60px}
.userstate .usergrade5{width:75px}
.userstate .usergrade6{width:90px}
.userstate .usergrade7{width:105px}
.userstate .usergrade8{width:120px}
.userstate .usergrade9{width:135px}
.userstate .usergrade10{width:150px}

.usermsg{clear:both}
.usermsg center{width:480px;}
.usermsg h5{border-bottom:1px solid #eaeaea;color:#3B5B98;background:url(./im/006.jpg) 0px 8px no-repeat;padding-left:25px;line-height:26px}
.usermsg h5 label{color:#C93602;width:20px;text-align:center;display:inline-block;}
.usermsg div{background-repeat:no-repeat;padding-left:20px;width:100px;float:left;text-align:left;}
.usermsg div label{padding:0px 5px;color:#C93602}
.usermsg div .on{color:#C93602;font-weight:both}
.usermsg .msg1{background-image:url(./im/msg/invitee.jpg)}
.usermsg .msg2{background:url(./im/005.jpg) 0px 2px no-repeat;}
.usermsg .reply{background-image:url(./im/msg/reply.gif)}
.usermsg .blog_subscribe{background-image:url(./im/msg/subscribe.gif)}
.usermsg .event_subscribe{background-image:url(./im/msg/event_subscribe.gif)}
.sel_mood_box a{display:inline-block;width:80px;color:#C93602}


.userdoodle{clear:both;margin-top:10px;width:533px}
.userdoodle h5{width:515px;color:#3B5999;background:url(./im/blue_unline.gif) repeat-x;height:32px;line-height:32px;padding:0px 10px;overflow:hidden;font-weight:normal;font-size:14px}
.userdoodle h5 .l{}
.userdoodle h5 .l,.userdoodle h5 .l:visited{width:95px;height:24px;margin:6px 1px 0px 1px;color:#797A7C;background:#F4F5F9;line-height:26px;text-align:center;overflow:hidden;font-size:14px}
.userdoodle h5 .on,.userdoodle h5 .on:visited{background:#fff;color:#3B5999;height:26px;border:1px solid #D8E4F0;border-bottom:1px;}
.userdoodle h5 .r{color:#797A7C;font-size:12px}
.userdoodle h5 .r font{width:20px;display:inline-block;text-align:center}

.userdoodle .bar{line-height:26px}
.userdoodle .bar a{display:inline-block;margin:0px 5px;color:#3B5B98}
.userdoodle .bar a.on{color:#747474}

.yellow_bt a{display:block;border:1px solid #FEE77F;height:20px;text-align:center;background:url(./im/yellow_bt.jpg) repeat-x;color:#000}
.yellow_bt a:link,.yellow_bt a:visited{color:#000}
.yellow_bt {height:22px;width:70px;border:1px solid #FFAA33;overflow:hidden}
.mood{}
.fblue14,.fblue14 a{font-size:14px;color:#3B5A9A}
.fblue,.fblue a{color:#3B5A9A}
.fgray,.fgray a{color:#797A7C}
.forange,.forange a{color:#C93602}




.friendface {border:1px solid #ECEBF0;padding:3px;margin:2px;display:inline-block;position:relative;float:none}
.friendface .opbar{height:20px;position:absolute;left:0px;top:0px;display:none;width:100px;width:100%}
.box .hover .opbar{display:block}



.face50{width:65px;height:65px;position:relative}
.face50 img{width:50px;height:50px;position:absolute;left:5px;top:5px}
.face50 a{width:50px;height:50px;position:absolute;left:5px;top:5px;background:url(im/img_frm_51.gif) no-repeat;display:block}

.face40{width:40px;height:50px;position:relative;float:left;}
.face40 img{width:35px;height:35px;position:absolute;left:5px;top:5px;}
.face40 a{width:36px;height:36px;position:absolute;background:url(./im/img_frm_36.gif) no-repeat;left:5px !important;left:5px;top:5px;}

.more{width:10px;height:10px;background:url(im/more.gif) no-repeat;margin:6px 6px 0px 6px;float:right}
.pop-u-state{width:300px;background-color:#fff; border:#ebebeb 5px solid;min-height:150px;height:auto !important;height:150px;z-index:1000;}
.pop-u-state .avatar{margin-right:10px;float:left;}
.pop-u-state a,.pop-u-state img{position:static;background:none;float:none;}

.date_bg{width:60px;height:20px;background:url(./im/date_bg.jpg) no-repeat;color:#fff;}

.open{width:10px;height:10px;background:url(im/more.gif) no-repeat;margin:6px 6px 0px 6px;cursor:hand}
.hidden{width:10px;height:10px;background:url(im/hidden.gif) no-repeat;margin:6px 6px 0px 6px;cursor:hand}

#u_modify_pwd .block .title{display:block}
#u_modify_pwd .block form{display:none}
#u_modify_pwd .gray_block .title{display:none}
#u_modify_pwd .gray_block form{display:block}

.page-box{height:30px;text-align:right;float:both;}
.page-box a,.page-box span{display:inline-block;border:#9aafe5 1px solid;COLOR: #2e6ab1;padding:2px 5px;margin:1px;}
.page-box a:hover{BACKGROUND-COLOR: lightyellow}
.page-box .current,.page-box a.current:hover{border:navy 1px solid;COLOR: #fff;BACKGROUND-COLOR: #2e6ab1}
.newblog{background:url(im/ico_add2.gif) no-repeat; padding-left:18px;display:block}

.chat-box .box-content{height:320px;padding:5px;background:#fff}
.chat-list{width:350px;height:300px;overflow:auto;float:left;border:1px solid #ccc;background:#fff}
.chat-list .item{display:block;border-top:2px solid #eee;margin:5px;}
.chat-user-list{width:19%;height:300px;overflow:auto;float:left;border:1px solid #ccc;background:#fff}
.chat-user-list .face50{left:12px}
.chat-box div.box-footer{height:80px !important}

.onlineuserlinse{width:400px;height:200px;border:3px double #ccc;z-index:1000;position:absolute;bottom:20px;right:20px;overflow-y:auto;overflow-x:hidden;background:#f8f8f8}
.onlineuserlinse div{width:50px;height:70px;float:left;overflow:hidden;cursor:hand;background:#fff;margin:1px}
.onlineuserlinse div center{width:50px;float:left;overflow:hidden;cursor:hand;text-overflow:ellipsis;}
#UList.on{background:#fff;}
.uplaod-img-bar{padding-top:5px}
.uplaod-img-bar a,.uplaod-img-bar a:visited{text-decoration: none;padding:4px 8px}
.uplaod-img-bar a.on,.uplaod-img-bar a.on:visited{background:#eee;}