/* Core - Layout
------------------------*/

/* import section start
-------------------------------- list
reset.css
global.css
module/dialog.css
-------------------------------------*/

/*----------------------------------------
Xiaonei CSS Base Core
Reset Settings
----------------------------------------*/

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td ,input {
	margin: 0;
	padding: 0; 
}

body {
	font-size:12px;
	font-family:Tahoma,Verdana,sans-serif, simsun;
	color:#666666;
}
body {background:transparent url(../../imgpro/bg/v2_body_bj.png) repeat-x scroll center top;}
a img, :link img, :visited img {border: 0;}

table {border-collapse:collapse;}

ul {list-style:none;}

q:before, q:after,blockquote:before, blockquote:after {content: "";}

/* Base - Global.css , imported on 2008-08-10
-----------------------------------------------------------------------------------------*/
/* Link */
a {color:#2e63b9;text-decoration:none;cursor:pointer}
a:link, a:visited {color:#2e63b9;text-decoration:none;cursor:pointer}
a:hover {color:#2e63b9;text-decoration:underline;cursor:pointer}
a.action{border-bottom:1px solid #005eac;display:block;padding:3px 0px 3px 9px;text-decoration:none;}
a.action:hover{background-color:#005eac;color:#fff;text-decoration:none;}
/*200903020 yang*/
.green{ color:#669900}
.green:link{ color:#669900}
.green:visited{ color:#669900}
.green:hover{ color:#669900}
/*
090319 change

a.share {float:left;display: block;padding:4px 10px;width:40px;line-height: 1.0em;border: 1px solid #7F93BC;color: #525C97;background: #FFF url(/img/share.gif) no-repeat right center;}
a.share:hover {color: #FFF;background: #F17B05 url(/img/share_hover.gif) no-repeat right center;text-decoration: none;}
*/

/* Elements */


h1 {font-size:16px;}
h2 {font-size:14px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:12px;}
h6 {font-size:12px;}

small {font-size:11px;}
blockquote {}
strong {}
option{padding-left:5px;}
em {font-style:normal;font-weight:normal;}

/* Standard */
.pipe {margin:0 3px; color:#aaa; font-size:11px;}
.hyphen {padding:0 5px; font-size:14px;}
.status-em {margin:0 0.15em;cursor: pointer;border:0;}
.shadow {border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.description, .time {color:#808080;}

.float-left {float:left;}
.float-right {float:right;}
.clear-both {clear:both;}

.hide {display:none;}
.show {display:block;}

.small {font-size:11px;font-family:tahoma, mingliu;}
.large {font-size:14px;}
.empty{visibility:hidden;}

.quote {background:url(/img/quote_start.gif) no-repeat;margin-top:8px;padding:0 0 0 18px;}
.quote q {background:transparent url(/img/quote_end.gif) no-repeat 100% 100%;color:#555;display:inline;padding-right:18px;}

.x-to-hide {background:url(../../images/10_remove.gif) no-repeat;width:16px;height:16px;text-decoration:none;display:block;}
.x-to-hide:hover {background:url(../../images/10_remove.gif) no-repeat 0 -34px;text-decoration:none;}

/* List */
.icon {background-repeat:no-repeat;background-position:center center;}
.l-icon {padding:3px 0 3px 20px;background-repeat:no-repeat;background-position:0 2px;}

.icon-list li{background:url(../../images/inco.gif) no-repeat;}

.icon-list .l-hs {background-position: 0 -345px;}
.icon-list .l-game {background-position: 0 -285px;}
.icon-list .l-recommend {background-position: 0 -119px;}
.icon-list .l-request {background-position: 0 -138px;}
.icon-list .l-poke {background-position: 0 3px;}
.icon-list .l-detail {background-position: 0 -445px;}
.icon-list .l-tag {background-position: 0 -285px;}
.icon-list .l-im {background-position: 0 -205px;}
.icon-list .l-invite {background-position: 0 -125px;}
.icon-list .l-findfriends {background-position: 0 -65px;}
.icon-list .l-gossip{background-position: 0 -488px;}
.icon-list .l-msnfriend{background-position: 0 -2px;}
.icon-list .l-contact{background-position: 0 -165px;}

.icon-list .l-blog {background-position:0 -220px;}
.icon-list .l-photo {background-position: 0 -178px;}
.icon-list .l-friend {background-position: 0 -20px;}
.icon-list .l-group {background-position: 0 -45px;}
.icon-list .l-class {background-position: 0 -365px;}
.icon-list .l-film {background-position: 0 -245px;}
.icon-list .l-share {background-position: 0 -242px;}
.icon-list .l-event {background-position: 0 -305px;}
.icon-list .l-poll{background-position: 0 -78px;}
.l-poll-s1{background:url(/img/poll.gif) 2px 3px no-repeat!important; height:40px; line-height:40px; padding:15px 0 8px 40px!important;}
.icon-list .l-app {background-position: 0 -185px;}
.icon-list .l-gift {background-position: 0 -30px;}
.icon-list .l-test{background-position: 0 -485px;}

.icon-list li {padding-left:20px;line-height:1.5em;background-repeat:no-repeat;background-position:0 2px;}
.icon-list li a {display:block;}

.profile-poll .phead{ margin-bottom:5px;}
.profile-poll .l-poll{ margin-bottom:5px;}
.profile-poll .ujoin{ border-bottom:1px solid #d8dfea; margin-bottom:5px;}


/*--CornerStyle 1 --*/
.rcorner-s1,.rcorner-s1-l,.rcorner-s1-bottom,.rcorner-s1-bottom-l{ height:3px; font-size:0; background:url(/imgpro/box/corner.png) 0 0 no-repeat; clear:both; display:block; position:relative; text-align:left;}

.rcorner-s1,.rcorner-s1-bottom{ right:-1px; width:auto;}
.rcorner-s1-l,.rcorner-s1-bottom-l{ left:-2px; width:3px;}
.rcorner-s1{ background-position:100% -6px; position:absolute; width:100%; margin-top:-1px;_left:1px;}
.rcorner-s1-l{ background-position:0 0;}
.rcorner-s1-bottom-l{ background-position:0 -3px;}
.rcorner-s1-bottom{background-position:100% -9px; position:absolute; width:100%; bottom:-1px;_left:1px;}
/**html .rcorner-s1-bottom{ bottom:-2px;}*/

/* Form */
fieldset {border:none;}
input, select { vertical-align:middle; font-size:12px; }
label { color:#666; cursor:pointer; font-weight:bold; }
textarea {border:1px solid #86ae3b;padding:3px;font-size:12px;overflow:auto;}
select, label, textarea,input {     font-family:'lucida grande',tahoma,verdana,arial,simsun,sans-serif; }
.input-text {border:1px solid #86ae3b;padding:3px;}
.input-checkbox {margin-right:5px;}
.input-file {border:1px solid #86ae3b;}
.input-button{ background:url(../../images/2_button.png) 0 0 no-repeat; color:#666; cursor:pointer; font-size:12px; text-align:center; }
.input-button5{ background:url(../../images/2_button.png) 0 -30px no-repeat; color:#666; cursor:pointer; font-size:12px; text-align:center;width:100px;height:24px;line-height:24px;margin:0;padding:0;border:0;}
.input-submit { background:url(../../images/nav_bg.png) no-repeat 0 -248px ; color:#fff; cursor:pointer; font-size:12px; width:60px;text-align:center;border:none;padding:3px 0 4px 0;}

/*.input-submit{background:#b8e56b ;border-color:#fff #7fbb1e #7fbb1e #fff;border-style:solid;border-width:1px;color:#FFFFFF;cursor:pointer;font-size:12px;padding:2px 15px;text-align:center; margin-top:2px; color:#333333}*/


*html .input-submit { background:url(../../images/nav_bg.png) no-repeat 0 -248px ; color:#fff; cursor:pointer; font-size:12px; width:60px;text-align:center;border:none;padding:3px 0 4px 0;}
*+html .input-submit { background:url(../../images/nav_bg.png) no-repeat 0 -248px ; color:#fff; cursor:pointer; font-size:12px; width:60px;text-align:center;border:none;height:24px;line-height:20px;}

.input-submit-no { background:url(../../images/nav_bg.png) no-repeat 0 -278px ; color:#fff; cursor:pointer; font-size:12px; width:60px; text-align:center;border:none; color:#666666;padding:3px 0 4px 0;}
*html .input-submit-no { background:url(../../images/nav_bg.png) no-repeat 0 -278px ; color:#fff; cursor:pointer; font-size:12px; width:60px; height:24px;text-align:center;border:none; color:#666666;line-height:21px;}
*+html .input-submit-no { background:url(../../images/nav_bg.png) no-repeat 0 -278px ; color:#fff; cursor:pointer; font-size:12px; width:60px; height:24px;text-align:center;border:none; color:#666666;line-height:22px;}

.input-message { background:url(../../images/nav_bg.png) no-repeat 0 -307px ; color:#fff; cursor:pointer; font-size:12px; width:60px; height:25px; line-height:20px;text-align:center;border:none}
button.gray,
input.gray {background:url(../../images/nav_bg.png) no-repeat 0 -278px ; color:#fff; cursor:pointer; font-size:12px; width:60px; text-align:center;border:none; color:#666666;padding:3px 0 4px 0;}

input.mini {padding:2px;}
input.large {padding:3px 15px;font-size:14px;}

/* Error */
.messages_div, .errors_div { margin:10px; padding:10px; border:1px solid; text-align:center; line-height:20px;}
.messages_div { border-color:#7db91f; background:#eaffb5;}
.errors_div { border-color:#ff7b00; background:#faca81;}

/*  PNG Fix
------------*/
.png-img { background-repeat:no-repeat; height:64px; width:64px;border:#d3d3d3 1px solid;margin-left:6px }
.png-img a { display:block; height:64px; text-decoration:none; }

/*  clearFix
----------------------------------------*/
.clearfix:after,.feed:after, .feed-content .headline:after, .comment:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix,.feed, .feed-content .headline, .comment {
    display:inline-block;
}
.clearfix,.feed, .feed-content .headline, .comment {display:block;}

/*---------------------------------------
Module autosug 080716 By YanQiang
---------------------------------------*/

.m-autosug{z-index:10; position:absolute; min-height:200px; min-width:100px; overflow:hidden;}
.m-autosug-iframe{ position:absolute; z-index:-1; height:100%;top:0;left:0;scrolling:no;}

.m-autosug .m-autosug-content{ border:1px solid #86ae3b; background-color:#fff; }
.m-autosug ul li{ padding:3px 10px; border-bottom:1px solid #e0e0e0;}
.m-autosug p{ line-height:1.3em;}
.m-autosug em{ font-weight:bold; background-color:#d9e0ea;}
.m-autosug small{ font-size:11px; font-family:MingLiU; color:#878787; padding-left:3px;}

.m-autosug-content .m-autosug-hover{ background-color:#3b5998; color:#fff;}
.m-autosug-content .m-autosug-hover em{ background-color:#6670a6;}
.m-autosug-content .m-autosug-hover small{ color:#95a5c6; }

.min-width-rule{ width:110px; height:1px; font-size:0; margin-bottom:-1px; }

/*---------------------------------------
Module autosug END
---------------------------------------*/

/* Module dialog , imported on 2008-08-10
-----------------------------------------------------------------------------------------*/
.generic_dialog{height:0px;  left:0px;  overflow:visible;  position:absolute;  top:0px;  width:100%;  z-index:10000;}
#generic_dialog_iframe{filter:alpha(opacity=0);  left:0px;  position:absolute;  top:0px;  z-index:3;}
.generic_dialog .generic_dialog_popup{height:0px;  overflow:visible;  position:relative;}
.generic_dialog div.dialog_loading{background-color:#f2f2f2;  border:1px solid #606060;  font-size:24px;  padding:10px;}
#generic_dialog_overlay{z-index:99;  display:block;  position:absolute;  top:0px;  left:0px;  width:100%;}
table.pop_dialog_table{border-collapse:collapse;  margin:auto;  table-layout:fixed;  width:465px;}
table.pop_dialog_table.shorter{width:270px;}
td.pop_topleft,td.pop_topright,td.pop_bottomleft,td.pop_bottomright{height:10px;  overflow:hidden;  padding:0px!important;  width:10px!important;}
td.pop_topleft{background-image:url(../../images/pop_dialog_top_left.png); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rrimg.com/img/pop_dialog_top_left.png',sizingMethod='crop') !important;  }
td.pop_topright{background-image:url(/img/pop_dialog_top_right.png)!important;  background-image:none;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rrimg.com/img/pop_dialog_top_right.png',sizingMethod='crop') !important;  }
td.pop_bottomleft{background-image:url(/img/pop_dialog_bottom_left.png)!important;  background-image:none;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rrimg.com/img/pop_dialog_bottom_left.png',sizingMethod='crop') !important;  }
td.pop_bottomright{background-image:url(/img/pop_dialog_bottom_right.png)!important;  background-image:none;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rrimg.com/img/pop_dialog_bottom_right.png',sizingMethod='scale') !important;  }
td.pop_border{background-image:url(/img/pop_dialog_border.png)!important;  background-image:none;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rrimg.com/img/pop_dialog_border.png',sizingMethod='scale') !important;  }
td.pop_content{background-color:white;  padding:0px;}
td.pop_content.morpadding_bluebg{padding:10px; background-color:#d2d9e6;}
td.pop_content h2{float:none !important;background:url(../../images/2_share.png) repeat-x;color: white;font-size: 14px;font-weight: bold;margin: 0px;}
td.pop_content h2 span{display:block;  padding:4px 10px 5px 10px;}
td.pop_content h2 a.floatright{float:right; }
td.pop_content .selectfilter{ margin:5px 0;}
td.pop_content .dialog_content{background:#fff;  border:1px solid #CCCCCC;  border-top-width:0px;}
td.pop_content .dialog_content.borderblue{border:1px #8598c0 solid;}
td.pop_content .dialog_body{ padding:10px;background:#f6f6f6;}
td.pop_content .dialog_body .sugestform{padding:10px 0 5px 0;border:1px solid #d3d3d3;background:#fff;}
td.pop_content .dialog_summary{background:#f2f2f2;  padding:8px 10px 8px 10px;  border-bottom:1px solid #ccc;}
td.pop_content .dialog_summary  p.centertext{margin:30px; text-align:center; line-height:20px;}
td.pop_content .dialog_summary ul.classlist{list-style:none;}
td.pop_content .dialog_summary ul.classlist li{list-style:none; height:25px; line-height:25px;}
td.pop_content .dialog_summary ul.classlist li input.floatleft{background:none; float:left; vertical-align:middle; margin-right:5px; margin-top:7px;}
*html td.pop_content .dialog_summary ul.classlist li input.floatleft{margin:0; margin-top:3px;}
*+html td.pop_content .dialog_summary ul.classlist li input.floatleft{margin:0; margin-top:3px;}
td.pop_content .dialog_summary ul.classlist li .gray{color:#b4b4b4;}
td.pop_content .dialog_summary.higher{height:100px; padding:10px;}
td.pop_content .dialog_buttons{background:#F6F6F6;  padding:8px;  text-align:right;}
td.pop_content .dialog_buttons.alignleft{text-align:left;}
td.pop_content .dialog_buttons input{margin-left:5px;}
td.pop_content .dialog_buttons_left_msg{float:left;}
.contextual_dialog .generic_dialog_popup{width:360px;}
.contextual_dialog .contextual_arrow, .contextual_dialog .contextual_arrow_rev{background-image:url('/img/minifeed_dialog_triangle.gif');  background-repeat:no-repeat;  height:12px;  position:relative;  top:1px;}
.contextual_dialog .contextual_arrow_rev{background-image:url('/img/minifeed_dialog_triangle_rev.gif');}
.contextual_dialog .contextual_arrow span, .contextual_dialog .contextual_arrow_rev span{display:none;}
.contextual_dialog h2{color:black;  padding-bottom:4px;}
.contextual_dialog .contextual_dialog_content{background-color:#f0f0f0;  border:1px solid #b7b7b7;  border-bottom:2px solid #3B5888;  line-height:15px;  padding:8px 10px 10px 10px;}
.contextual_dialog .dialog_buttons{padding-top:10px;}
.contextual_dialog .dialog_buttons input{margin-right:10px;}
.errorDialog td.pop_content h2{background:transparent url(../../images/2_share.png) repeat-x scroll 0 0;color:white;float:none !important;
font-size:14px;font-weight:bold;margin:0;}
.errorDialog td.pop_content h2 span{padding:6px 10px 7px;}
.errorDialog td.pop_content{border:1px solid #ee7c90;}
.errorDialog td.pop_content .dialog_content{border:none;}
.errorDialog td.pop_content .dialog_content .dialog_body{padding:15px;}
ul.square_bullets{color:#3B5888;    list-style-image:none;    list-style-position:outside;    list-style-type:square;    padding-left:20px;}

/* popup div start*/
/*090321 change*//*090324 yang border:solid #898989;border-width:1px;*/
#dialog_content .tabs{padding-top:15px;border-bottom:1px solid #898989;}
#dialog_content .toggle_tabs{list-style:none;/*width:231px*/;margin:0 auto;}
#dialog_content .toggle_tabs li{float:left;background:#f1f1f1 url(/img/toggle_tab_bg.gif) repeat-x 0 1px;}
#dialog_content .toggle_tabs li a{/*border:solid #898989;border-width:1px;*/border-left:0;padding:3px 15px 3px;display:block;color:#333;margin-bottom:-1px;}
*html #dialog_content .toggle_tabs li a{padding:3px 15px 3px;}
*+html #dialog_content .toggle_tabs li a{padding:5px 15px 2px;}
#dialog_content .toggle_tabs li a.selected{color:#fff;background:#F17B05;border-color:#3b5888;text-decoration:none;}
#dialog_content .toggle_tabs li.first a{/*border:1px solid #898989;*/}
#dialog_content .toggle_tabs li.first a.selected{border-color:#3b5888 #5973a9;}
td.pop_content h2 a{float:right;padding:6px 10px;color:#fff;font-weight:normal;font-size:12px; }
td.pop_content h2 a:hover{color:#fff; }
.share_send,.share_post{background:#f7f7f7 none repeat scroll 0%;}
.share_send{}
.share-preview{background:#f7f7f7;}
.share_fields{padding:10px 0 5px 0;border:solid #d3d3d3;border-width:0px 1px 1px;background:#fff;}
.composer_fields dt{float:left;margin:0pt;padding:0pt 10px 0pt 20px;text-align:right;width:65px;}
.composer_fields dd{float:left;margin:0pt 0pt 10px;width:300px;}
.composer_fields dd#dd_privacy_field{margin:0; }
.composer_fields textarea{height:50px; margin:0pt;overflow:auto;}
.composer_fields label{color:#000;font-weight:bold;padding-top:4px;display:block; }
.attachment_stage{background-color:#f6f6f6;}
.attachment_stage_area{overflow:hidden;padding:10px;}
.share-title {font-weight:bold;color:#000; }
.share_info{color:#666;line-height:19px;}
.share_info a{color:#79ba14;}
.share_info a:hover{color:#79ba14;}
.share_info a:visited{color:#79ba14;}

.share_info.share-with-pic{margin-left:115px;}
.share_thumb{border:1px solid #ccc;float:left; margin-right:5px;}
.share_thumb img{border:3px solid #fff; }
/*20090322yang*/
.share-description{line-height:18px; color:#808080; font-weight:normal}
.share-description span{color:#333;}
.share-description a{margin-right:3px;}
.share_buttons{text-align:center;padding:0 60px 10px 0;}
.share_buttons input{margin:0 5px; }
.share_pop_dialog div.tokenizer, .share_pop_dialog input.inputtext, .share_pop_dialog textarea{width:295px; border:1px solid #8496BA; }
.share_pop_dialog input.inputtext, .share_pop_dialog textarea{padding:5px 0pt 5px 3px;}
.loading{padding:10px;font-size:14px; font-weight:bold;}
.messages_div{font-size:14px;}
.share-description strong{color:#333; }

/* popup div end */
.friend-request{overflow:hidden;zoom:1;padding:10px;}
.friend-request .avatar{float:left;margin-right:15px;}
.friend-request .avatar img{width:100px;}
.friend-request .msg{width:275px;float:left; border:0;}
.friend-request #addMsgBox p{padding-bottom:0.2em;}
.twin_comment_holder label{font-weight:normal;float:right;padding:0;margin-top:-6px;position:relative;}
.twin_comment_holder label input{margin-right:5px;background:#F7F7F7}
* html .twin_comment_holder label input{margin:0;padding:0;vertical-align:middle}
*+html .twin_comment_holder label input{margin:0;padding:0;vertical-align:middle}

/*for recommendpop style*/
td.pop_content .dialog_body h1.general{font-size:15px; margin-bottom:15px;}
td.pop_content .dialog_body p.altbox{color:#999; margin-bottom:15px; padding-bottom:3px; border-bottom:1px #e0e0e0 solid;}
td.pop_content .dialog_body p.namefilter{margin-bottom:15px;}
td.pop_content .dialog_body p.namefilter label{color:#999; font-weight:bold;}
td.pop_content .dialog_body p.namefilter .inputtext{width:200px;}
td.pop_content .dialog_body #list-results .selector{height:200px; margin-bottom:15px;}
table.pop_dialog_table.w515{width:515px;}
td.pop_content .msbbox_yellow{margin:10px; border:1px #e2c822 solid; background-color:#fff9d7; padding:15px; text-align:center;}

/*msg*/
.dialog_body.msg{border:1px solid #555;}
.dialog_body.msg h4{color:#333;font-size:14px;text-align:center;padding:10px;border:1px solid #e2c822;background:#fff9d7;}
.dialog_body.msg.error h4{border-color:#dd3c10;background:#ffebe8;}
.dialog_body h4.err-msg{color:#dd3c10;margin-bottom:5px;}


/* new msg */
.msgbox{border:solid 1px #9dd120;background:#eaffb5; padding:10px}
.yes{padding-left:25px;background:url(/imgpro/icons/yes.gif) no-repeat left center}
.msgtitle{color:#f90}

/* oh my god /*
/* popup */
.popupwrap {
display:none;
overflow:hidden;
position:absolute;
padding:10px; border:1px solid;
border-color:#fff #666 #666 #fff;
background:#d8dfea;
text-align:left;
z-index:1000;
}
.popupwrap iframe {
position:absolute;
top:0;left:0;
z-index:-1;
filter:mask();
width:3000px;
height:3000px;
display:hidden;
}
.popup {
display:block;
padding:10px;
border:1px solid #3B5888;
background:#f7f7f7;
}
.popup h4 {
color:#333;
border-bottom:1px solid #e8eef6;
line-height:24px;
}
.popup p {
margin:5px 0;
color:#000;}
.popup p.operation {text-align:right;}
#commendit {width:300px;}
/* styling for poke */
#pan {width:300px;}
#poke_confirm, #poke_working, #poke_ok {display:none;}
#poke_ok, #poke_working {text-align:center;}




/* import section end --- */




/*just for a beta preview*/
.beta-bar {background:url(/imgpro/theme/xn/beta_bar.gif) repeat-x 0 100%;height:26px;}
.beta-bar .clearfix {padding:5px 10px 0;}
.beta-bar .green {color:green;padding-left:6px;}
.beta-bar a.red {color:red;}
/*just for a beta preview*/

/* Global
-----------*/

/*hi修改#header #navigation */
#header{width:990px;margin:0 auto;overflow:hidden; background:url(../../imgpro/logo/logo_bg.png);display: block; height:41px}
#main {width:990px;margin:0 auto;/*padding:0 7px 0 4px;*/}
#logo{float:left;}
#navigation {float:left;width:801px;}
/*#main{clear:both;margin-top:10px;padding-bottom:5px;background:url(/imgpro/bg/v2_main_box.png) no-repeat -990px bottom;overflow:hidden;}*/
#main {clear:both; margin-top:20px;background:transparent url(../../imgpro/bg/v2_main_box_repeat.gif) repeat-y scroll -990px top; }
#main:after {content:"."; display:block; height:0; clear: both; visibility: hidden; }
* html>body #main { display: inline-block; width: 100%; }
* html #main { zoom:1;}
*+html #main { zoom:1;}
.main_pic{ width:990px; margin:0 auto; overflow:hidden; height:6px}
/* #sidebar{width:134px;float:left;background: url(/imgpro/bg/v2_l_top.png) no-repeat right top;} */
#sidebar {background-color:#f9f9f9;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;float:left;width:132px;} 
#sidebar .sidebar-top{margin:-5px -1px -50px -1px;height:50px;background:url(../../imgpro/bg/v2_l_top.gif) no-repeat left top;}
*html #sidebar .sidebar-top{position:relative;}
/*#mainContent {width:855px;float:right;overflow:hidden}*/
.sidebar-bottom{ background:url(../../images/left_bttom.gif); width:140px; height:10px; overflow:hidden}
#mainContent{width:838px;float:left;margin-top:-9px; margin-left:12px; display:inline}
* html #mainContent{position:relative;}
#secSidebar{margin-top:4px;float:right;min-height:22px;width:220px; margin-right:4px; display:inline;}
*html #secSidebar {margin-right:3px!important}

#secSidebar .cornerlt, #secSidebar .cornerrt {position:relative;background:url(../../imgpro/bg/v2_cornerr_l_r.png) no-repeat;width:9px; height:9px;top:0;;left:9px;}
#secSidebar .cornerrt{float:right;background-position:right 0;width:220px;}
* html #secSidebar .cornerrt {right:-1px;}
#logo h1 a {background:url(/imgpro/logo/logo.gif) no-repeat center 1px;display:block;height:32px;text-indent:-2000em;width:106px;outline:none;}
#footer { clear:both; width:990px;margin:20px auto 30px;}
#footer .blank-holder{position:relative;width:990px;overflow:hidden;height:10px;margin-top:-20px;margin-bottom:20px;background:url(../../imgpro/bg/v2_main_box.gif) no-repeat -990px bottom;
}
#profile #footer .blank-holder{ background-position:left bottom}
* html #footer .blank-holder{margin-top:-24px;height:14px;}
*+html #footer .blank-holder{margin-top:-24px;height:14px;}
#footer .copyright {border-top:1px solid #ECE2ED;margin:0 0 10px;overflow:hidden;padding:5px;color:#808080;font-size:12px}
#footer .pipe {padding:0 6px;}
.tab-content {cursor: default;}
.hidden-area {display:none;}
.dashnotic{ background-color:#feffcf; border-bottom:1px solid #ccc; margin-bottom:5px; padding:10px 15px;}
.dashnotic h2{ margin-bottom:10px;}
.dashnotic p{ margin-bottom:10px;}

/* Nav
---------*/
.menu-bar {background:#f7f7f7;z-index:20;padding-bottom:10px;}
.navigation-wrapper {width:960px;margin:0 auto;}
.navigation {width:960px;background:#3b5888 url(/imgpro/theme/xn/nav_bg.gif) no-repeat left bottom;}
.navigation .nav-body {margin-left:106px;background:#5d74a2 url(/imgpro/theme/xn/nav_bg.gif) no-repeat right -28px;}
.navigation .nav-main {float:left;padding-left:15px;background:url(/imgpro/theme/xn/nav_bg.gif) no-repeat;}
.navigation .nav-main .menu-title a {color:#fff;}
.navigation .nav-other {float:right;}
.navigation .nav-other .menu {margin:0;}
.navigation .nav-other .menu-title a {font-size:12px;color:#c3cddf;padding:3px 5px;}
.navigation .nav-other .last {margin-right:10px;}
.nav-shadow {width:950px;border-bottom:1px solid #ccc;height:0px;overflow:hidden;margin:0 auto;}
.dropmenu-holder{position:relative;margin:0 auto;width:990px;height:0;z-index:9999;}


.navigation .menu {float:left;height:27px;padding-top:5px;margin-right:10px;}
.navigation .menu-title {font-size:14px;}
.navigation .info-edit .menu-title {padding-top:4px}
.navigation .menu-title a {padding:2px 5px;display:block;color:#fff;outline:0;}
.navigation .menu-title.with-arrow a {padding-right:17px;background:url(/imgpro/arrow/dropdown.gif) no-repeat right -1px;}
.navigation .info-edit .menu-title a {font-size:12px;display:inline;padding:0;color:#D8DFEA;}
.navigation .menu-title a:hover {text-decoration:none;background-color:#7d90b5;}
.navigation .menu-title.with-arrow a:hover {background-position:right bottom;}
.navigation .info-edit .menu-title a:hover {text-decoration:underline;background:none;color:#FFF}
.navigation .menu-title a .count {font-weight:bold;color:#fff;font-size:14px;}

.navigation #searchMenu {margin-right:0;}
.navigation #searchMenu .menu-title a {color:#fff;}
#navSearch {float:left;margin:4px 10px 0 5px;}
#navSearch #search-input {float:left;}
#navSearch #search-submit{float:left;width:21px;}
#navSearch #search-input #navSearchInput {background:white url(/imgpro/theme/xn/search_shadow.gif) no-repeat top left;border:1px solid #315091;border-right:0px;float:left;margin:0px;padding:3px 4px;width:136px;}
#navSearch #search-submit a{background:#6d84b4 url(/imgpro/theme/xn/search_input_gloss.gif) top center repeat-x;border:1px solid #315091;display:block;font-size:11px;margin:0px;padding:0px;text-decoration:none;width:19px;}
#navSearch #search-submit a span{background:url(/imgpro/theme/xn/search_glass.gif) 0% 70% no-repeat;display:block;margin:0px;padding:3px 0px;}
#navSearch #search-submit a:active{background:#5b75ab;border:1px solid #3b5998;border:1px solid #315091;}
#navSearch #search-submit a:active span{background:url(/imgpro/theme/xn/search_glass.gif) 100% 70% no-repeat;}

.nav-other .topnotify{ position:relative; cursor:pointer; border:1px solid #5d74a2; border-bottom:0; float:left; margin-top:3px; margin-right:5px; width:30px; height:24px; background:url(/imgpro/bg/note_topstyle_off.gif) 3px center no-repeat;}
.nav-other .topnotify.active,
.nav-other .topnotify.notifyselect{ border:1px solid #3b5888; border-bottom:0; background:#fff url(/imgpro/bg/note_topstyle_on.gif) 3px center no-repeat;}
.nav-other .topnotify .notifycount{ position:absolute; text-align:center; font-weight:bold; color:#fff; padding:8px 0 2px 0; width:27px; overflow:hidded; background:url(/imgpro/bg/notifycountbg.gif) top center no-repeat; margin:18px 0pt 0pt 12px;}

.nav-other .notelist{ z-index:9999; position:absolute; width:200px; margin-top:24px; margin-left:-1px; cursor:default; border:1px solid #3b5888; border-top:0; background:#fff url(/imgpro/bg/notifylistbg.gif) 30px top no-repeat;}
.nav-other .notelist .notelistfooter{ padding:3px 5px; margin-top:5px; background-color:#526ea6; color:#fff; font-weight:bold;}
.nav-other .notelist .notelistfooter .close{ float:right; display:block; width:15px; height:15px; background:url(/imgpro/bg/close_window.gif) center top no-repeat;}
.nav-other .notelist .notelistfooter .close:hover{ background-position:center -17px;}

.nav-other .notelist .notifyitem{ padding:0 8px;}
.nav-other .notelist .notifyitem.hover .close{ display:block!important;}
.nav-other .notelist .notifyitem .close{ display:none; float:right; margin-top:6px; width:15px; height:15px; background:url(/imgpro/bg/close_window.gif) center top no-repeat;}
/*.nav-other .notelist .notifyitem.highlight{ background-color:#fffbe2;}*/
.nav-other .notelist .notifyico{ float:left; margin:8px 5px 0 3px;}
/*.nav-other .notelist .notifybody{ border-bottom:1px solid #eee; padding:8px 20px 8px 24px}*/


/* Dropdown Menu
----------------------*/
.full-page-holder {/*border-top:1px solid #e9e9e9;background:#fff;*/padding-top:10px;}
.full-page {/*width:950px;*/margin:0 auto;}

/* Dropdown Menu
----------------------*/
.menu-dropdown {position:absolute;top:-99999px;left:-99999px;z-index:200;background:#fff;}
.menu-dropdown-border{border:1px solid #3b5888;}
.menu-dropdown .menu-holder {float:left;padding:5px 0;}
.menu-dropdown .menu-dropdown-border h4 {font-weight:normal;color:#808080;padding:5px 10px 0;font-weight:normal;}
.menu-dropdown .menu-item {border-left:1px solid #86ae3b;width:133px;}
.menu-dropdown .recent-app .menu-item {border:none;}
.menu-dropdown .menu-item li a {height:24px;line-height:24px;overflow:hidden;display:block;padding:0 5px 0 33px;text-decoration:none;background-repeat:no-repeat;background-position:10px center;}
.menu-dropdown .menu-item li.show-more a {padding-right:10px;text-align:right;}
.menu-dropdown .menu-item li.title {color:#808080;padding:0 10px 5px;}
.menu-dropdown .menu-item a:hover {background-color:#3b5888;color:#fff;text-decoration:none;}
.menu-dropdown .separator {height:1px;margin:0px 10px;overflow:hidden;clear:both;background:#d8dfea;}
.menu-dropdown .app-actions {padding:5px 10px;}
.menu-dropdown .app-actions li.title {color:#808080;font-size:12px;}
.menu-dropdown .app-actions li {line-height:1.6em;}
.menu-dropdown .recent-app li.last-app {background:#feffde;}

.all-app .menu-item {float:left;}

.menu-dropdown .search-menu{ padding:3px 0;}
.menu-dropdown .search-menu li a{ display:block; padding:5px 40px 5px 20px; }
.menu-dropdown .search-menu li a:hover{ background-color:#3b5888; color:#fff; text-decoration:none;}



/* Ad Settings
----------------*/
.blank-holder .banner {height:60px;background:#f0f0f0;padding:3px;}
.banner .float-left {width:690px;height:60px;overflow:hidden;}
.banner .float-right {width:260px;height:60px;overflow:hidden;}
.navigation .blank-holder {border:2px solid #3b5888;}
.navigation .blank-holder .banner {background:#3b5888;padding:1px;}

.blank-bar {float:left; width:120px;}
.ad-bar {padding:5px 5px 0;width:120px;background:#f7f7f7;}
.ad-bar h3 {margin-bottom:5px;font-size:12px;padding:6px 10px 4px;text-align:center;border-bottom: 1px solid #E9E9E9;}
.ad-bar iframe {margin-bottom:5px;}
.ad-bar .block { width:108px; margin-bottom:5px; background: #FFFFFF; padding:0 5px 5px; border:1px solid #D8DFEA; border-color:#D8DFEA #D8DFEA #3B5888; overflow:hidden;}
.ad-bar .block iframe {margin-bottom:0;}
.ad-bar .block p {padding-left:5px;}
.ad-bar .block p#postannouncement{padding-left:0;}
.ad-bar .block h3 {padding:2px 5px; color:#808080; font-size:12px; line-height:15px; font-weight:normal; text-align:center;}
.ad-bar #postannouncement a{display:block; height:18px; margin:0 5px; border:1px solid; border-color:#d8dfea #0e1f5b #0e1f5b #d8dfea; background:#3B5888; color:#fff; line-height:18px; text-align:center; text-decoration:none; cursor:pointer;}

/* Globe buttonStyle
----------------------*/
.imgbtn-1{ background:url(/imgpro/bg/btnbg1.png) left -23px no-repeat; padding:3px 0 5px 20px; font-weight:bold; }
.imgbtn-1 span{ color:#333; background:#fff url(/imgpro/bg/btnbg1.png) right -46px no-repeat; padding:3px 10px 5px 0; }
.imgbtn-1:hover span{ text-decoration:underline;}

/*page clip
----------------*/
ol.pageclip{ float:right; list-style:none; overflow:hidden; display:block; }
ol.pageclip li{ float:left; }
ol.pageclip li a{ display:block; padding:3px; font-size:11px; text-decoration:none!important; }
ol.pageclip li a:hover{ background-color:#3b5888; color:#fff;}
ol.pageclip li a.next{ font-size:12px; padding-bottom:4px;}
ol.pageclip li.current a{ border-bottom:2px solid #3b5888; }

/*
Module: Webpage
------------------*/

.m-chat-box{ display:none; position:fixed; z-index:99999; width:100%; bottom:0;}
.m-chat{ position:relative; height:25px; background:url(/imgpro/chat/bar_bg_bw.gif) repeat-x; border-left:1px solid #b5b5b5; margin:0 15px; display:block;}
.m-chat-button{ cursor:hand; border-right:1px solid #b5b5b5; height:25px;}
.m-chat-button-hover{ background-color:#fff!important; border-top:1px solid #b5b5b5;}

.m-allchattab{float:right; max-width:738px;}
*+html .m-allchattab{max-width:873px;}
.m-allchattab,x:-moz-any-link,x:default{ max-width:873px;}

.m-chat-tabbar{ float:right; height:25px;}
.m-chat-chattab{ height:25px;}
.m-chat-chattab,x:-moz-any-link{ width:auto;}
.m-chat-chattab,x:-moz-any-link,x:default{ float:left; }
.m-chat-presence{ display:inline!important; float:none!important;}

.m-chat-button-notifications,
.m-chat-button-status{ float:right; cursor:pointer; border-right:1px solid #b5b5b5; }
.m-chat-button-onlinefriends{ float:right; cursor:pointer;}
.m-chat-button-status{ background:url(/imgpro/chat/im_online.gif) 50% no-repeat; width:20px; height:15px; padding:6px 3px 4px 5px; border-left:1px solid #e5e5e5; margin-bottom:-2px; margin-top:1px; }
.m-chat-button-status.m-chat-button-hover{ background:url(/imgpro/chat/im_online.gif) 50% no-repeat; width:20px; height:15px; padding:5px 3px 4px 5px; margin-bottom:0; margin-top:0; }

.m-chat-button-status.offline{ background-image:url(/imgpro/chat/im_offline.gif); border-left:1px solid #e5e5e5; margin-bottom:-2px;}
.m-chat-button-notifications{ position:relative; background:url(/imgpro/chat/notifications.gif) 50% no-repeat; width:20px; height:15px; padding:6px 3px 4px 6px; border-left:1px solid #b5b5b5; margin-bottom:-2px; margin-top:1px;}
.m-chat-button-notifications.m-chat-button-hover{ padding:6px 3px 3px 6px; margin-bottom:0; margin-top:0;}

.m-chat-button-onlinefriends{ position:relative; background:url(/imgpro/chat/onlinegroup_mini.gif) 5px 53% no-repeat; height:15px; padding:6px 0 4px 24px; width:116px; border-left:1px solid #b5b5b5; margin-bottom:-2px; margin-top:1px;}
.m-chat-button-onlinefriends.m-chat-button-hover{ padding:6px 0 3px 24px; margin-bottom:0; margin-top:0;}

.m-chat-button-chattab{ font-weight:bold; padding:6px 3px 4px 6px; float:right; width:127px; border-left:1px solid #b5b5b5;  cursor:pointer;}
.m-chat-button-chattab.offline{ background-color:#cfcfcf; border-top:1px solid #b5b5b5; padding-bottom:3px;}
.m-chat-button-chattab.uhavemsg{ background:url(/imgpro/chat/bar_bg.gif) repeat-x; color:#c3cddf; position:relative;}
.m-chat-button-chattab.uhavemsg .x{ background-position:50% -21px;}
.m-chat-button-chattab .chattab-name{ width:100px; overflow:hidden; height:15px;}
.m-chat-button-chattab .chattab-name span.online{ padding-right:13px; background:url(/imgpro/chat/im_online_dot.gif) right 50% no-repeat;}

.m-chat-button-chattab .chattab-name span.offline{ padding-right:13px; color:#555; background:url(/imgpro/chat/im_idle_dot.gif) right 50% no-repeat;}
.m-chat-button-chattab .chattab-name span.imonline{ padding-right:13px; color:#555; background:url(/imgpro/chat/client-available-dot.gif) right 50% no-repeat;}
.m-chat-button-chattab.uhavemsg .chattab-name span.imonline{ color:#fff!important;}
.m-chat-button-chattab .x{ background:url(/imgpro/chat/close_tab.gif) 50% -4px no-repeat; width:14px; height:12px; cursor:pointer; margin-top:3px; display:inline; float:right;}

.m-chat-button-chattab.m-chat-button-hover{ padding-top:5px;}
.m-chat-button-chattab.m-chat-button-hover .chattab-name span{ text-decoration:underline; }
.m-chat-button-chattab.m-chat-button-hover .x{ background-position:50% -38px}

.m-chat-button-chattab.showmore{width:3px; font-weight:normal; position:relative;}
.m-chat-button-chattab.showmore .m-chat-msgcount{ right:-8px;}

.m-chat-button-chattab.showmore a{ text-decoration:none; color:#333;}
.m-chat-button-chattab.showmore.leftbtn{padding:6px 20px 4px 0; margin-top:1px; float:left; }
.m-chat-button-chattab.showmore.leftbtn a{ font-size:11px; background:url(/imgpro/chat/tab_next.gif) left no-repeat; padding-left:12px;}
.m-chat-button-chattab.showmore.leftbtn.disable{ background-color:#ccc;}
.m-chat-button-chattab.showmore.leftbtn.disable a{ background:url(/imgpro/chat/tab_next_disable.gif) left no-repeat;}

.m-chat-button-chattab.showmore.rightbtn{ padding:6px 16px 4px 5px;}
.m-chat-button-chattab.showmore.rightbtn{ padding:6px 16px 4px 5px; margin-top:1px;}
.m-chat-button-chattab.showmore.rightbtn a{ font-size:11px; background:url(/imgpro/chat/tab_previous.gif) right no-repeat; padding-right:12px;}
.m-chat-button-chattab.showmore.rightbtn.disable{ padding:6px 16px 4px 5px; background-color:#ccc;}
.m-chat-button-chattab.showmore.rightbtn.disable a{ font-size:11px; background:url(/imgpro/chat/tab_previous_disable.gif) right no-repeat; padding-right:12px;}

.m-chat-button-active{ border-color:#333!important; margin-top:0px!important; padding-top:5px; background-color:#fff; border-width:0 1px 1px 1px; border-style:solid;}
.m-chat-button-onlinefriends.m-chat-button-active{width:116px; border-right-color:#333;}
.m-chat-button-active .chattab-name span{ color:#555; text-decoration:underline;}

.m-chat-windowshadow{ width:227px; height:278px; margin-left:-102px; position:fixed; bottom:24px; padding:5px 5px 0 5px; background:url(/imgpro/chat/window_shadow.png) center top no-repeat;}
.m-chat-windowshadow,x:-moz-any-link{ margin-left:-101px;}
*+html .m-chat-windowshadow{ margin-left:-102px;}
.m-chat-window{ width:226px; height:auto; margin-left:-97px; border:1px solid #333; border-bottom:0; position:fixed; bottom:24px; background:#fff url(/imgpro/chat/chat_window_bg.gif) 0 bottom no-repeat; cursor:default;}

.m-chat-window,x:-moz-any-link,x:default{ margin-left:-97px; }

.m-chat-window .m-chat-notice{ padding:5px; background-color:#e5e5e5; margin-bottom:3px;}
.m-chat-window .m-chat-notice .close{ display:block; float:right; width:13px; height:13px; background:url(/imgpro/chat/close_window.gif) -2px -2px no-repeat;}
.m-chat-window .m-chat-notice .close:hover{ background-color:#3b5888; background-position:-2px -19px;}

.m-chat-window .chat-head{ width:100%; background-color:#526EA6; }
.m-chat-window .chat-head .chat-info-pic{ width:50px; height:50px; overflow:hidden; position:absolute; margin:4px;}
.m-chat-window .chat-head .head-name{ padding:4px 0 3px; color:#fff; font-weight:bold; margin-left:58px;}
.m-chat-window .chat-head .head-name a{ color:#fff; text-decoration:none;}
.m-chat-window .chat-head .head-btn{ float:right; margin-right:2px; margin-top:2px; width:32px;}
.m-chat-window .chat-head .head-btn .close{ background:url(/imgpro/chat/close_window.gif) center top no-repeat; display:block; float:right; height:15px; width:15px;}
.m-chat-window .chat-head .head-btn .close:hover{ background-position:center -17px;}
.m-chat-window .chat-head .head-btn .minimize{ background:url(/imgpro/chat/minimize.gif) center top no-repeat; display:block; float:right; height:15px; width:15px;}
.m-chat-window .chat-head .head-btn .minimize:hover{ background-position:center -16px;}

.m-chat-window .chat-info{ min-height:32px; background-color:#eee; padding:2px 0 2px 55px; border-bottom:1px solid #ccc;}
.m-chat-window .chat-info .chat-info-status{ font-size:11px; font-family:Arial,MingLiU; margin-left:4px; margin-right:1em; font-weight:normal; }
*+html .m-chat-window .chat-info .chat-info-status{ text-overflow:ellipsis; white-space:nowrap; overflow: hidden; }
.m-chat-window .chat-info .chat-info-status-time{ font-size:10px; color:#808080; margin-left:4px; font-weight:normal;}

.m-chat-window .chat-conv{ height:190px; overflow-y:auto; overflow-x:hidden; font-weight:normal; border-bottom:1px solid #b9c4da;}
.m-chat-window .chat-conv table{ width:100%; }
.m-chat-window .chat-conv td{ padding:5px; border-bottom:1px solid #eee;}
.m-chat-window .chat-conv td.clearcon{ font-size:12px; font-family:MingLiU; border-bottom:1px solid #e0e0e0;}
.m-chat-window .chat-conv td.date-divider-first,
.m-chat-window .chat-conv td.date-divider{color:#808080; font-weight:bold; *?嶊top:6px;}
.m-chat-window .chat-conv td .sending{ padding:3px 0 3px 28px ; margin:3px -5px; background:#fff9d7 url(/imgpro/chat/indicator_blue_small.gif) 5px 50% no-repeat;}
.m-chat-window .chat-conv td.visibility-change{ font-weight:bold; background-color:#f7f7f7; color:#808080;}
.m-chat-window .chat-conv td .self,
.m-chat-window .chat-conv td .other{ color:#808080;}
.m-chat-window .chat-conv td .time-stamp{ float:right; font-size:10px; font-weight:normal; color:#999; }

.m-chat-window .chat-input{ padding:4px 4px 6px 24px; background:url(/imgpro/chat/im.gif) 4px 7px no-repeat; border-top:1px solid #93a2c1;}
*+html .m-chat-window .chat-input{ padding-top:2px; }
.m-chat-window .chat-input textarea.chat-shadow-input{ padding:3; height:13px; overflow:hidden; border:0; width:96%;}
.m-chat-window .chat-input input.chat-shadow-input{ padding:3px; overflow:hidden; border:0; width:96%; font-weight:normal;}

.m-chat-msgcount{ color:#fff; background:url(/imgpro/chat/notifycountbg.gif) center top no-repeat; text-align:center; width:26px; height:24px; padding-top:1px; position:absolute; right:-10px; top:-10px; font-size:12px; font-weight:bold;}
.uhavemsg .m-chat-msgcount{right:15px;}

.m-chat-window.buddy-list{ background:#fff url(/imgpro/chat/buddy_list_menu_bg.gif) 1px bottom no-repeat; width:201px; min-height:57px; margin-left:-25px; }
.m-chat-window.buddy-list,x:-moz-any-link,x:default{ margin-left:-25px; }
*+html .m-chat-window.buddy-list{ margin-left:-103px;}
.m-chat-window.buddy-list .chat-head .head-name{ margin-left:5px;}

.m-chat-window.buddy-list .chat-conv{ max-height:200px; min-height:20px; height:auto; border-bottom:0; margin-bottom:1px;}
*+html .m-chat-window.buddy-list .chat-conv{ padding-right:13px;}
.m-chat-window.buddy-list .chat-conv td{ padding:0; border-bottom:0;}
.m-chat-window.buddy-list .chat-conv .buddy-list-item{}
.m-chat-window.buddy-list .chat-conv .buddy-list-item a{ padding:2px 5px;}
.m-chat-window.buddy-list .chat-conv .buddy-list-item a:hover{ background-color:#3b5998; color:#fff; text-decoration:none;}
.m-chat-window.buddy-list .chat-conv .buddy-list-item .buddy-list-item-name{ float:left; width:100px; height:1.3em; overflow:hidden; }
.m-chat-window.buddy-list .chat-conv .buddy-list-item .available-dot{ float:right; background:url(/imgpro/chat/im_idle_dot.gif) center no-repeat; height:9px; width:9px;}
.m-chat-window.buddy-list .chat-conv .buddy-list-item  a:hover .available-dot{ background-image:url(/imgpro/chat/im_idle_dot_alt.gif);}
.m-chat-window.buddy-list .chat-conv .buddy-list-item.available .available-dot{ background-image:url(/imgpro/chat/im_online_dot.gif);}
.m-chat-window.buddy-list .chat-conv .buddy-list-item.available a:hover .available-dot{ background-image:url(/imgpro/chat/im_online_dot_alt.gif);}

.m-chat-window.buddy-list .chat-conv .buddy-list-item .im-available-dot{ float:right; background:url(/imgpro/chat/client-available-dot.gif) center no-repeat; height:9px; width:9px;}
.m-chat-window.buddy-list .chat-conv .buddy-list-item  a:hover .im-available-dot{ background-image:url(/imgpro/chat/client-available-dot-hover.gif);}

.m-chat-window.buddy-list .chat-conv .buddy-list-item img{ width:25px; float:left; margin-right:3px; display:none;}
.m-chat-window.buddy-list .chat-conv .buddy-list-item.available img{ display:inline;}

.m-chat-window.buddy-list .chat-conv .buddy-list-item.available span.friendico{ float:left; background-color:#fff; border:1px solid #ccc; margin-right:5px; width:24px; height:24px; overflow:hidden;}

.m-chat-windowshadow.status-control{ bottom:30px; margin-left:-183px; width:200px; background:none; height:0;}
.m-chat-windowshadow.status-control,x:-moz-any-link{ margin-left:-182px;}
.m-chat-window.status-control{ background:#fff url(/imgpro/chat/notifications_menu_bg.gif) -70px bottom no-repeat; width:200px; height:auto; margin-left:-178px; margin-bottom:1px;}
.m-chat-window.status-control,x:-moz-any-link,x:default{}

.m-chat-window.status-control .chat-head .head-name{ margin-left:5px;}
.m-chat-window.status-control .chat-conv{ min-height:80px; height:auto; overflow:visible; border-bottom:0; }
.m-chat-window.status-control .actionbar{ padding:3px 9px 4px; text-align:right; background-color:#eee; font-family:MingLiU; font-size:11px;}
.m-chat-window.status-control .chat-conv .setoption{ background-color:#eee; }
.m-chat-window.status-control .chat-conv .setoption .optionlist{ margin:0 9px; width:90%; }
.m-chat-window.status-control .chat-conv .setoption td{ border-bottom:0; text-align:left; padding:5px 3px;}
.m-chat-window.status-control .chat-conv .setoption td.checkboxitem{ width:12px; }
.m-chat-window.status-control .chat-conv .ifonline{ margin:0 9px; padding:6px 0 7px 30px; /*border-bottom:1px solid #e0e0e0;*/ }
.m-chat-window.status-control .chat-conv .ifonline.online{ background:url(/imgpro/chat/im_online.gif) 5px 50% no-repeat; }
.m-chat-window.status-control .chat-conv .ifonline.offline{ background:url(/imgpro/chat/im_offline.gif) 5px 50% no-repeat;}
.m-chat-window.status-control .chat-conv .statusbox{ overflow:hidden; padding:5px; margin:0 9px; }
.m-chat-window.status-control .chat-conv .statusbox img{ float:left; width:25px; margin-right:5px; }
.m-chat-window.status-control .chat-conv .statusbox .status-body{ margin-left:30px;}
.m-chat-window.status-control .chat-conv .statusbox .status-body p{ line-height:1.2em;}
.m-chat-window.status-control .chat-conv .statusbox .status-body .status-content{ display:block;}
.m-chat-window.status-control .chat-conv .statusbox .status-body .status-meta{ font-family:MingLiU; font-size:11px; }
.m-chat-window.status-control .chat-conv .statusbox .status-body .status-meta .time{ color:#808080;}
.m-chat-window.status-control .chat-conv .statusbox .editor{ display:block; clear:both; margin-top:5px; padding:5px 0; border-top:1px solid #eee; }
.m-chat-window.status-control .chat-conv .statusbox .editor select{ width:100%; }
.m-chat-window.status-control .chat-conv .statusbox .editor .btnchange{ text-align:right; font-family:MingLiU; font-size:11px; }

.m-chat-windowshadow.notifications{ bottom:30px; margin-left:-183px; width:193px; background:none; height:0;}
.m-chat-windowshadow.notifications,x:-moz-any-link{ margin-left:-142px;}
.m-chat-window.notifications{ background:#fff url(/imgpro/chat/notifications_menu_bg.gif) -101px bottom no-repeat; width:200px; height:auto; margin-left:-148px; margin-bottom:1px;}
.m-chat-window.notifications,x:-moz-any-link,x:default{}

.m-chat-window.notifications .chat-head .head-name{ margin-left:5px;}
.m-chat-window.notifications .chat-conv{ max-height:200px; padding:5px; margin-bottom:1px; height:auto; overflow-y:auto; overflow-x:hidden; border-bottom:0; }
.m-chat-window.notifications .actionbar{ padding:3px 9px 4px; text-align:right; font-family:MingLiU; font-size:12px;}

.m-chat-window.notifications .chat-conv .notifyitem{ margin:top; }
.m-chat-window.notifications .chat-conv .notifyitem .notifyico{ float:left;}
.m-chat-window.notifications .chat-conv .notifyitem .close{ display:block; visibility:hidden; float:right; width:13px; height:13px; background:url(/imgpro/chat/close_window.gif) -2px -2px no-repeat;}
.m-chat-window.notifications .chat-conv .notifyitem.new{ background-color:#fffbe2;}
.m-chat-window.notifications .chat-conv .notifyitem.hover .close{ display:block; visibility:visible;}
.m-chat-window.notifications .chat-conv .notifyitem.hover .close:hover{ background-color:#F07B05; background-position:-2px -19px;}

.m-chat-window.notifications .chat-conv .notifyitem .notifybody{ margin-left:22px; padding:0 10px 5px 0; margin-top:5px; border-bottom:1px solid #eee;}
.m-chat-window.notifications .chat-conv .notifyitem .notifybody span{ margin-left:3px;}
.m-chat-window.notifications .chat-conv .notifyitem .notifybody .time{ clear:#808080; font-family:MingLiU; font-size:11px;}

.admin-menu {background:#f7f7f7;padding:5px;}
.admin-menu a {color:red; display:block;}
.admin-menu ul {background:#fff;border:1px solid #d8dfea;}
.admin-menu ul li {line-height:16px;padding-left:5px;}

.m-chat .chatnote{ float:left; position:absolute; height:25px; line-height:25px;}
.m-chat .chatnote .imico{ float:left; margin:4px 3px 0 3px;}
.m-chat .chatnote em{ font-weight:bold; color:#3b5888;}

.chattip{ position:absolute; margin-top:-34px; right:5px;}
.m-chat-button-notifications .chattip{ width:38px;}
.chattip .chattip-content{padding:3px 7px; color:#fff; background-color:#2b2b2b;}
.chattip .chattip-for{ height:4px; background:url(/imgpro/chat/angle_bottom.gif) right 0 no-repeat; margin-right:5px;}

.chatnote .chattip{ margin-top:-28px; width:77px; left:4px; height:16px; line-height:16px;}
*+html .chatnote .chattip{ margin-top:-34px;}
.chatnote .chattip .chattip-for{ background:url(/imgpro/chat/angle_bottom.gif) left 0 no-repeat; margin-left:5px;}

.m-chat-box.offline{ width:auto; right:0;}
.m-chat-box.offline .chatnote{ border-right:1px solid #b5b5b5;}
.m-chat-box.offline .chatnote .imico{margin:4px 6px 0;}
.m-chat-box.offline .m-chat{ width:61px;}

/*section-header style
------------------------*/
.section-header{ padding:4px 10px;_height:1px; }
.section-header h5 .count{ color:#808080; font-weight:normal; margin-left:3px; }

/*Globle Layout
-------------------------------*/

#sidebar2{ z-index:99; position:relative; float:left; margin-top:50px; width:132px; background-color:#fcfcf3; border:1px solid #ECE2ED; min-height:300px; _height:300px;}
#widebar2{float:right;position: relative; width:856px; border-width: 0 1px 1px 0;}
.mainbox{ position:relative; overflow:hidden; width:990px; margin:0 auto 20px auto; text-align:left; }
.content{ clear:both;}
.content:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/*20090410yang.single-column{ _height:300px; min-height:300px;}*/

/*headbox*/
/*090318 change*/
.page-title{ overflow:hidden; zoom:1; padding:10px 10px 6px 10px; line-height:1.5em;/*background:url(../../images/2_bloghome.png) no-repeat; margin-top:10px; */}
.page-title_new{background:none; padding-left:30px; color:#656565}
.page-title .inline{ font-size:14px; line-height:1.2em;}
.page-title h2.inline{ float:left; margin-right:10px;}
.page-title span.section-icon{display:block;height:24px;width:24px;float:left;}
.page-title .friendheadpic{ float:left; background:url(../../imgpro/bg/headbg-50.png) left top no-repeat; display:block; height:57px; padding:4px 0 0 4px; width:57px; margin:10px 15px 0 10px;}
.page-title .friendheadpic a{ display:block; height:50px; width:50px; overflow:hidden; background:url() center center;}
.page-title .title-text{ float:left; padding-top:15px;}
.page-title .title-text h2{ margin-bottom:7px;}
.page-title .title-text a{color:#7db91e;}

.page-title .rightbtn{ float:right;}
.page-title .uploadbtn{ float:right; background:url(../../imgpro/bg/btnbg.png) 0 no-repeat; display:block; width:74px; height:26px; line-height:26px; font-weight:bold; font-size:14px; padding-left:31px; margin-top:-5px;}
.page-title .uploadbtn a{ color:#fff;}
/*tabStyle
--------------------------*/

/*090318 change*/   /*2009 0319 yang padding:0 0 0 10px;*/
.tab-menu{background:transparent url(../../imgpro/bg/v2_feedbottombg.gif) repeat-x scroll center bottom;line-height:normal;overflow:hidden;padding-left:10px;margin:0 0 14px 23px!important; clear:both; width:98%; margin:0 0 14px 13px!important; }
.tab-menu ul li {display:inline;margin-right:6px;text-align:center; float:left;text-decoration:none;}
.tab-menu ul li a {font-weight:bold;padding:0 0 0 0;float:left; }
.tab-menu ul li a:visited{text-decoration:none;}

.tab-menu ul li a span {float:left;padding:9px 10px 4px 10px;line-height:18px;font-size:14px;font-weight:bold;background:transparent url(../../imgpro/bg/v2_tab_menubg.gif) no-repeat scroll right -111px;height:21px;}

.tab-menu ul li a:hover span {background:url(../../images/v2_tab_menubg.gif) right -73px no-repeat;text-decoration:none; height:21px;  }
.tab-menu ul li a:hover {height:34px; overflow:hidden; background:url(../../images/v2_tab_menubg.gif) no-repeat 0px -148px;padding:0 0 0 0px;text-decoration:none}

.tab-menu ul li.selected{ background:url(../../images/v2_tab_menubg.gif) no-repeat left -73px;height:34px;padding:0 0 0 0px;}
.tab-menu ul li.selected a{ font-weight:bold; background:url(../../images/v2_tab_menubg.gif) right 0px no-repeat;color:#333 !important; height:34px;padding:0;}
.tab-menu ul li.selected a span{ background:url(../../images/v2_tab_menubg.gif) right 0px no-repeat;}
.tab-menu ul li.selected a:hover{background:url(../../images/v2_tab_menubg.gif) right 0px no-repeat;color:#333 !important; height:21px;padding:9px 10px 4px 10px;text-decoration:none}
.tab-menu ul li.selected a:hover span{background:none;padding:0 0 0 0px;}
.tab-menu ul li.selected:hover{background:url(../../images/v2_tab_menubg.gif) left -73px no-repeat;padding:0; text-decoration:none }




.tab-menu ul li.ml{margin-left:5px} 
/*background:transparent url(../../imgpro/bg/v2_tab_menubg.gif) no-repeat scroll 0px -187px;*/

.tab-menu li div.fortabsbg, .tab-menu li a {display:block;font-size:14px;font-weight:bold;line-height:18px;padding:9px 15px 4px 5px;height:33px;float:left;background:transparent url(../../imgpro/bg/v2_tab_menubg.gif) no-repeat scroll 0px -187px;}

/*  new post */
.newpost_btn{display:block;background:url(/imgpro/bg/newbtnbg.png) 0 no-repeat; display:block; width:60px; height:23px; line-height:23px; font-weight:bold; font-size:12px; padding-left:26px;float:left;margin:8px 0 0 10px}
a.newpost_btn{color:#fff!important}
a.newpost_btn:hover{text-decoration:none;color:#fff;}

/*friends headpicList
-----------------------*/
.pheadpic-list{ overflow:hidden; zoom:1;}
/*20090322yang*/
.pheadpic-list li{ float:left; width:84px; padding:8px 8px 4px;height:90px; margin-right:1px; margin-bottom:1px; }
.know_mopper li{padding:18px 8px 0; height:82px;}
.pheadpic-list .green_visit{  float:left; /*background:url(../../images/nav_bg.png) no-repeat -82px 0;*/}
.pheadpic-list li .olname,
.pheadpic-list li .small{ display:block; height:1.2em; line-height:1.2em; width:84px; text-align:center; overflow:hidden;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.pheadpic-list li .olname a:link{ text-decoration:none}
.pheadpic-list li .olname a:visited{ text-decoration:none}
.pheadpic-list li .olname a:hover{ text-decoration:none}
.pheadpic-list li .olname img,
.pheadpic-list li .small img{ margin-right:2px;}
/*20090403yang*/
.pheadpic-list li .small{ color:#808080; vertical-align:bottom; margin-top:2px}
.pheadpic-list .pheadpic{background:transparent url(../../images/invitation_bg.gif) no-repeat scroll left top;display:block; width:50px; height:50px; margin-bottom:5px;padding:3px 4px 6px 3px; margin-left:12px;}
.pheadpic-list .pheadpic a{ display:block; width:50px; height:50px; overflow:hidden; background:url() center center no-repeat;}

/* common float list */
.floatlist{overflow:hidden;zoom:1}
.floatlist li{float:left; margin-bottom:20px;}
.twocol li{width:50%}
.twocol li a{color:#7db91e;}
.twocol li a:hover{color:#7db91e;}
.twocol li a:visited{color:#7db91e;}
/* new profile */
#statusUpdateTime{ margin-left:5px;}

/*hide chat*/
*html .bottomstatus{ display:none;}

/*corner*/
.cornerlt,.cornerlb,.cornerrt,.cornerrb{ position:absolute; width:5px; height:5px; font-size:0; background:url(/imgpro/bg/anglebg.png) no-repeat; }
.cornerlt{background-position:0 0; left:-1px; top:-1px;}
.cornerlb{background-position:0 -5px; left:-1px; bottom:-1px;}
.cornerrt{background-position:0 0; right:-1px; top:-1px;}
/*20090409yang right:-1px;*/
.cornerrb{background-position:-5px -5px; bottom:-1px;}

.main-wrap{width:990px;margin:0 auto;background:url(/imgpro/bg/main_wrap.png) repeat-y;}
.main-wrap .mainbox{margin-bottom:0;background:url(/imgpro/bg/main_box.png) no-repeat -990px bottom;}
.main-wrap .blank-bar{margin-left:7px;}

/*pageclip for FriendSelectModule*/
.fselect-pager{float:right; overflow:hidden; zoom:1; padding-right:20px; margin-top:-5px;}
.fselect-pager li{ border:0!important; float:left; margin:0!important; margin-right:1px; padding:0!important;}
.fselect-pager li a{ padding:1px 3px; display:block; font-size:11px; text-decoration:none; font-family:Arial; border-top:2px solid #fff;}
.fselect-pager li a:hover,
.fselect-pager li.current a{ border-top:2px solid #E36B0F;}
.fselect-pager li a:hover{text-decoration:none;}
/*pageclip for FriendSelectModule End*/

/* for minifeed */
a.mini-share {
background:#FFFFFF url(/imgpro/theme/xn/share.gif) no-repeat scroll right center;
border:1px solid #7F93BC;
color:#525C97;
display:block;
font-family:mingliu;
font-size:11px;
line-height:11px;
padding:3px 2px 1px;
text-decoration:none;
width:43px;
}
a.mini-share:hover {
background:#005EAC url(/imgpro/theme/xn/share_hover.gif) no-repeat scroll right center;
border:1px solid #3B5888;
color:#FFFFFF;
text-decoration:none;
}
#blogpage .text-article p em {font-style:italic;}
#blogpage .text-article p strong {font-weight:bold;}
#blogpage .text-article p {color:#333;}
#blogpage .text-article ul {list-style:disc inside;}
#blogpage .text-article ol {list-style:decimal inside;}

/* popup div start*/
/*090321 change*/
.share_popup .tabs{padding-top:15px;border-bottom:1px solid #d3d3d3;}
.share_popup .toggle_tabs{list-style:none;}
.share_popup .toggle_tabs li{float:left;background:url(../../images/2_share.png) repeat-x 0 -42px;margin-bottom:-1px;}
.share_popup .toggle_tabs li a{padding:3px 15px 3px;display:block;color:#fff;margin-bottom:-1px;}
*html .share_popup .toggle_tabs li a{padding:3px 15px 3px;}
*+html .share_popup .toggle_tabs li a{padding:5px 15px 2px;}
.share_popup .toggle_tabs li a.selected{background:#FFFFFF none repeat scroll 0 0;
border-color:#D3D3D3 #D3D3D3 #FFFFFF;border-style:solid;border-width:1px;color:#000000;text-decoration:none;}

.share_popup .toggle_tabs li.first a{}
.share_popup .toggle_tabs li.first a.selected{border:1px solid #d3d3d3;border-bottom:none;border-bottom:1px solid #fff;}
td.pop_content h2 a{float:right;padding:6px 10px;color:#fff;font-weight:normal;font-size:12px; }
td.pop_content h2 a:hover{color:#fff; }
.share_send,.share_post{background:#f7f7f7 none repeat scroll 0%;}
.share_send{}
.share-preview{background:#f7f7f7;}
.share_fields {padding:10px 0 5px 0; }
.composer_fields dt{float:left;margin:0pt;padding:0pt 10px 0pt 20px;text-align:right;width:65px;}
.composer_fields dd{float:left;margin:0pt 0pt 10px;width:300px;}
.composer_fields dd#dd_privacy_field{margin:0; }
.composer_fields textarea{height:50px; margin:0pt;overflow:auto;}
.composer_fields label{color:#000;font-weight:bold;padding-top:4px;display:block; }
.attachment_stage{background-color:#f6f6f6;}
.attachment_stage_area{overflow:hidden;padding:10px;}
.share-title {font-weight:bold;color:#000; }
.share_info{color:#666;line-height:19px;}
.share_info a{color:#79ba14;}
.share_info a:hover{color:#79ba14;}
.share_info a:visited{color:#79ba14;}

.music-summary{ margin-top:5px;}
.share_info.share-with-pic{margin-left:115px;}
.share_thumb{border:1px solid #ccc;float:left; margin-right:5px;}
.share_thumb img{border:3px solid #fff; }
.share-description{line-height:18px; color:#808080;}
.share-description span{color:#333;}
.share-description a{margin-right:3px;}
.share_buttons{text-align:center;padding:0 60px 10px 0;}
.share_buttons input{margin:0 5px; }
.share_popup div.tokenizer, .share_popup input.inputtext, .share_popup textarea{width:270px; border:1px solid #79ba14;float:left;}
.share_popup input.inputtext, .share_popup textarea{padding:5px 0pt 5px 3px;}
/*  share_popup 20090401yang*/

.tokenizer{overflow:hidden;padding:0px 0px 3px 3px;width:100%;/*background:#fff*/;font-size:12px;}
.tokenizer_locked{background:#f4f4f4;}
.tokenizer,
.tokenizer *{cursor:text
}
.tokenizer input{width:100%;}
.tokenizer .tokenizer_input,
.tokenizer .token{margin-right:3px;margin-top:1px;}
.tokenizer .tab_stop,
.tokenizer .tokenizer_stretcher{display:block;float:left;overflow:hidden;width:0px;}
.tokenizer .tab_stop{height:0px;}
.tokenizer .tokenizer_stretcher{padding-top:7px;}
.tokenizer .tab_stop input{border:0px solid black;display:inline;position:relative;left:-500px;}
.tokenizer_input_borderless div{left:4px;margin-left:-1px;overflow:hidden;position:relative;}
.tokenizer_input_borderless div input{border:3px solid white!important;border-left:none;display:block;margin:-2px 0px -2px -2px;padding:0px!important;}
.tokenizer div:-moz-first-node{padding-top:1px!important;}
.tokenizer_input{width:150px;overflow:hidden;padding:1px 0px;}
.tokenizer_input input,
.tokenizer_input_shadow{border:0px solid black;font-size:12px;padding:3px 5px;white-space:pre;width:68px;margin-top:1px;}
.tokenizer_input_shadow{display:inline;left:-10000px;position:absolute;top:-10000px;}
.tokenizer .tokenizer_input_shadow{height:0px;display:block;left:0px;overflow:hidden;position:relative;top:0px;}
div.tokenizer .token{float:left;background-image:url(/img/fb/token.gif);background-repeat:no-repeat;color:black;white-space:nowrap;margin-top:3px;}
div.tokenizer .token span{background-image:url(/img/fb/token.gif);background-position:top right;background-repeat:no-repeat;display:block;}
div.tokenizer .token span span{background-position:bottom right;}
div.tokenizer .token span span span{background-position:bottom left;}
div.tokenizer .token span span span span{background-image:none;padding:2px 3px 2px 5px;}
div.tokenizer.tokenizer_locked .token span span span span{padding-right:5px;}
html div.tokenizer_locked .token:hover,
html div.tokenizer_locked .token:hover span{background-image:url(/img/fb/token.gif);}
div.tokenizer .token:hover,
div.tokenizer .token:hover span{background-image:url(/img/fb/token_hover.gif);text-decoration:none;}
div.tokenizer .token_selected,
div.tokenizer .token_selected span,
div.tokenizer .token_selected:hover,
div.tokenizer .token_selected:hover span{background-image:url(/img/fb/token_selected.gif);color:white;text-decoration:none;}
div.tokenizer .token span.x,
div.tokenizer .token span.x_hover,
div.tokenizer .token:hover span.x,
div.tokenizer .token:hover span.x_hover{background-image:url(/img/fb/token_x.gif);background-position:4px 2px;cursor:pointer;display:inline;padding:0px 8px 0 5px;}
div.tokenizer.tokenizer_locked .token span.x,
div.tokenizer.tokenizer_locked .token span.x_hover{display:none;}
div.standard_tokenizer div.tokenizer{border:solid 1px #8F96BD;}
/*end*/
.messages_div{font-size:14px;}
.share-description strong{color:#333; }

/* popup div end */
.friend-request{overflow:hidden;zoom:1}
.friend-request .avatar{float:left;margin-right:15px;}
.friend-request .avatar img{width:100px;}
.friend-request .msg{width:275px;float:left; border:0;}
.friend-request #addMsgBox p{padding-bottom:0.2em;}
.twin_comment_holder label{font-weight:normal;float:right;padding:0;margin-top:-6px;position:relative;}
.twin_comment_holder label input{margin-right:5px;background:#F7F7F7}
* html .twin_comment_holder label input{margin:0;padding:0;vertical-align:middle}
*+html .twin_comment_holder label input{margin:0;padding:0;vertical-align:middle}

/*for recommendpop style*/
td.pop_content .dialog_body h1.general{font-size:15px; margin-bottom:15px;}
td.pop_content .dialog_body p.altbox{color:#999; margin-bottom:15px; padding-bottom:3px; border-bottom:1px #e0e0e0 solid;}
td.pop_content .dialog_body p.namefilter{margin-bottom:15px;}
td.pop_content .dialog_body p.namefilter label{color:#999; font-weight:bold;}
td.pop_content .dialog_body p.namefilter .inputtext{width:200px;}
td.pop_content .dialog_body #list-results .selector{height:200px; margin-bottom:15px;}
table.pop_dialog_table.w515{width:515px;}
td.pop_content .msbbox_yellow{margin:10px; border:1px #e2c822 solid; background-color:#fff9d7; padding:15px; text-align:center;}

/* for foot set */
.footset {margin-top:10px;}
.footset a{color:#7db91e;text-decoration:underline;background:url(../../images/10_shezhi1.png) no-repeat 2px;padding-left:15px;}
.footset a:hover{background:url(../../images/10_shezhi2.png) no-repeat 2px;}
.footlock h2{/*background:transparent url(/imgpro/privacy/lockfoot.gif) no-repeat scroll 171px center;*/line-height:2em;}

/*2009.2.24 request border*/
.border_bottom{border-bottom:1px #E9E9E9 solid}

/*2009.3.18 yang*/
.feed-header{width:100%;line-height:normal;background:transparent url(../../imgpro/bg/v2_feedbottombg.gif) repeat-x scroll center bottom; height:34px; }

.feed-header ul {margin:0;padding:0 10px 0;list-style:none;zoom:1;}
.feed-header ul li {display:inline;margin-right:6px;text-align:center; float:left;}
.feed-header ul li a {font-weight:bold;padding:0 0 0 10px;float:left;cursor:pointer }
.feed-header ul li a:link{text-decoration:none;}
.feed-header ul li a:visited{text-decoration:none;}
.feed-header ul li a:hover{text-decoration:none;}
.feed-header ul li a span {float:left;padding:9px 15px 4px 5px;line-height:18px;font-size:14px;font-weight:bold;}


.feed-header ul li a:hover span {background:url(../../images/v2_tab_menubg.gif) right -73px no-repeat;text-decoration:none; height:34px;  }
.feed-header ul li a:hover {height:34px; overflow:hidden; background:url(../../images/v2_tab_menubg.gif) no-repeat 0px -148px }

.feed-header ul li.current a,.feed-header .current a:hover{ background:url(../../images/v2_tab_menubg.gif) left -73px no-repeat;height:34px;}
.feed-header ul li.current a span,.feed-header .current a:hover span{ font-weight:bold; background:url(../../images/v2_tab_menubg.gif) right 0px no-repeat;color:#333 !important; height:21px; overflow:hidden;}

.reply-border{border-top:1px #E9E9E9 solid}

.sectionbg{background:transparent url(/imgpro/bg/v2_profile_title_bg.png) no-repeat scroll 0 0;padding:6px 12px 6px 11px;}
.gift-bg{ float:right;  margin-top:6px;}



#secSidebar .center{text-align:center !important;}
#secSidebar .m30-0 {margin:30px 0;}
#secSidebar .m10-0 {margin:10px 0;}

.feed-header a {background:transparent url(../../imgpro/bg/v2_tab_menubg.gif) no-repeat scroll 0px -187px;margin:0;padding:0 0 0 10px;text-decoration:none;}
.feed-header a span {float:none;}
.feed-header a span {background:transparent url(../../imgpro/bg/v2_tab_menubg.gif) no-repeat scroll right -187px;display:block;font-size:14px;font-weight:bold;line-height:18px;padding:9px 15px 4px 5px;height:21px;}


/*20090421yang*/
.feed-header a:hover span {background-position:right -147px;}
.feed-header a:hover {background-position:left 1px;}

.feed-header ul li.current a,.feed-header .current a:hover{ background:url(../../images/v2_tab_menubg.gif) left -73px no-repeat;height:34px;}
.feed-header ul li.current a span,.feed-header .current a:hover span{ font-weight:bold; background:url(../../images/v2_tab_menubg.gif) right 0px no-repeat;color:#333 !important; height:21px; overflow:hidden;}


.reply-border{border-top:1px #E9E9E9 solid}

.sectionbg{background:transparent url(/imgpro/bg/v2_profile_title_bg.png) no-repeat scroll 0 0;padding:6px 12px 6px 11px;margin-top:10px}
/* tooltip */
.tooltip {position:absolute;z-index:1;float:left;}
.tooltip .share-n-hide {float:right;margin:5px;}
.tooltip .toptipshadow{}
.tooltip .toptipcontent{background-color:#FFF; border-style:solid; border-color:#C0C0C0; border-width:1px;background-color:#FEFFCF;padding:5px;}
.tooltip .footangle{ position:relative;margin-top:-1px;height:7px; background:url(/imgpro/bg/tooltipfootangle.gif) -125px 0 no-repeat;}
.tooltip .headangle{ position:relative;margin-bottom:-1px;height:7px; background:url(/imgpro/bg/tooltipheadangle.gif) -125px 0 no-repeat;}
* html .tooltip .headangle,
* html .tooltip .footangle {overflow:hidden;font-size:0;line-height:0;zoom:1;}

/*2009.2.20 apply*/
#sidebar .app-list li.apply a,#sidebar .app-list li.on-line a{border:1px solid #FCFCF3;border-right:0 none;background:url(/imgpro/icons/v2_more_app.gif) no-repeat scroll 116px 10px;font-weight:normal!important;background-color:transparent!important;padding-left:11px!important;text-align:left!important;height:28px!important;line-height:28px!important;margin-top:10px!important}
#sidebar .app-list li.on-line a,#sidebar .app-list li.on-line a:hover{padding-right:2px;border:1px solid #C0C0C0;border-right:0 none;font-weight:normal!important;background-color:#fff!important;padding-left:11px!important;text-align:left!important}

.more-apply-main .more-apply-left{width:133px;background:transparent url(/imgpro/bg/v2_menu_left.gif) no-repeat left bottom;cursor:pointer;padding-left:3px}
.more-apply-main .more-apply-left .more-apply-list{background:#fff url(/imgpro/bg/v2_apply_bg_l.gif) repeat-y scroll right bottom;padding-bottom:10px;}
.more-apply-main .more-apply-left .more-apply-list ul{background:url(/imgpro/bg/v2_apply_bg_t.gif) no-repeat right top;padding-top:5px}
.more-apply-main .more-apply-left .more-apply-list li{margin-right:2px}
.more-apply-main .more-apply-left .more-apply-list li a{font-size:14px;font-weight:bold;display:block;height:40px;line-height:40px;overflow:hidden;padding:0 5px 0 40px;background:url() 10px 9px no-repeat;}
.more-apply-main .more-apply-left .more-apply-list li a:hover{background-color:#FFFF8C;}

/*statuscmtitem-x-to-hide*/
.statuscmtitem .x-to-hide{background:transparent url(/imgpro/icons/x_to_hide.png) no-repeat scroll 0 0;display:block;height:14px;width:14px;text-decoration:none}
.center {text-align:center;}.m30-0{margin:30px 0;}
.m10-0{margin:10px 0;}
a.fc-gray,
a.fc-gray:hover{color:gray;}

/* clearFix*/
.clearfix:after,.feed:after,.feed-content .headline:after,.comment:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix,.feed,.feed-content .headline,.comment{display:inline-block}
.clearfix,.feed,.feed-content .headline,.comment {display:block}

/*2009.3.18 Module: Webpager*/
.m-chat-box{position:fixed;z-index:99999;width:100%;bottom:0}
.m-chat{position:relative;height:25px;background:url(/imgpro/chat/v2_bar_bg_bw.gif) repeat-x;border-left:1px solid #BFDAEE;margin:0 15px;display:block}
.m-chat-button{cursor:hand;border-right:1px solid #BFDAEE;height:25px}
.m-chat-button-hover{background-color:#fff!important;border-top:1px solid #BFDAEE}
.m-allchattab{float:right;max-width:738px}
* html .m-allchattab{max-width:873px}
.m-allchattab,x:-moz-any-link,x:default{max-width:873px}
.m-chat-tabbar{float:right;height:25px}
.m-chat-chattab{height:25px}
.m-chat-chattab,x:-moz-any-link{width:auto}
.m-chat-chattab,x:-moz-any-link,x:default{float:left}
.m-chat-presence{display:inline!important; float:none!important}
.m-chat-button-notifications,
.m-chat-button-status{float:right;cursor:pointer; border-right:1px solid #BFDAEE}
.m-chat-button-onlinefriends{float:right;cursor:pointer}
.m-chat-button-status{background:url(/imgpro/chat/v2_im_online.gif) 50% no-repeat;width:20px;height:15px;padding:6px 3px 4px 5px;border-left:1px solid #BFDAEE;margin-bottom:-2px;margin-top:1px}
.m-chat-button-status.m-chat-button-hover{background:url(/imgpro/chat/v2_im_online.gif) 50% no-repeat;width:20px;height:15px;padding:6px 3px 4px 5px;margin-bottom:0;margin-top:0}
.m-chat-button-status.offline{background-image:url(/imgpro/chat/v2_im_offline.gif);border-left:1px solid #BFDAEE;margin-bottom:-2px}
* html .offline{background-image:none;border-left-style:none;margin-bottom:0}
* html .m-chat-presence .offline{background-image:url(/imgpro/chat/im_offline.gif); border-left:1px solid #BFDAEE;margin-bottom:-2px}
.m-chat-button-notifications{position:relative; background:url(/imgpro/chat/notifications.gif) 50% no-repeat;width:20px;height:15px;padding:6px 3px 4px 6px;border-left:1px solid #BFDAEE;margin-bottom:-2px;margin-top:1px}
.m-chat-button-notifications.m-chat-button-hover{padding:6px 3px 3px 6px;margin-bottom:0;margin-top:0}
.m-chat-button-onlinefriends{position:relative;background:url(/imgpro/chat/v2_onlinegroup_mini.gif) 5px 53% no-repeat;height:15px;padding:6px 0 4px 24px;width:147px;border-left:1px solid #BFDAEE;margin-bottom:-2px;margin-top:1px}
.m-chat-button-onlinefriends.m-chat-button-hover{padding:6px 0 3px 24px;margin-bottom:0;margin-top:0}
.m-chat-button-chattab{font-weight:700;padding:6px 3px 4px 6px;float:right;width:127px;border-left:1px solid #BFDAEE;cursor:pointer}
.m-chat-button-chattab.offline{ border-top:1px solid #BFDAEE;padding-bottom:3px}
.m-chat-button-chattab.uhavemsg{background:url(/imgpro/chat/bar_bg.gif) repeat-x;color:#c3cddf;position:relative}
.m-chat-button-chattab.uhavemsg .x{background-position:50% -21px}
.m-chat-button-chattab .chattab-name{width:100px;overflow:hidden;height:15px}
.m-chat-button-chattab .chattab-name span.online{padding-right:20px;/*background:url(/imgpro/chat/v2_im_online_dot.gif) 24px 50% no-repeat*/}
.m-chat-button-chattab .chattab-name span.offline{padding-right:13px;color:#555;background:url(/imgpro/chat/im_idle_dot.gif) right 50% no-repeat}
.m-chat-button-chattab .chattab-name span.imonline{padding-right:13px;color:#555;background:url(/imgpro/chat/client-available-dot.gif) right 50% no-repeat}
.m-chat-button-chattab.uhavemsg .chattab-name span.imonline{color:#fff!important}
.m-chat-button-chattab .x{background:url(/imgpro/chat/close_tab.gif) 50% -4px no-repeat;width:14px;height:12px;cursor:pointer;margin-top:3px;display:inline;float:right}
.m-chat-button-chattab.m-chat-button-hover{padding-top:5px}
.m-chat-button-chattab.m-chat-button-hover .chattab-name span{text-decoration:underline}
.m-chat-button-chattab.m-chat-button-hover .x{background-position:50% -38px}
.m-chat-button-chattab.showmore{width:3px;font-weight:400;position:relative}
.m-chat-button-chattab.showmore .m-chat-msgcount{right:-8px}
.m-chat-button-chattab.showmore a{text-decoration:none; color:#333}
.m-chat-button-chattab.showmore.leftbtn{padding:6px 20px 4px 0;margin-top:1px; float:left}
.m-chat-button-chattab.showmore.leftbtn a{font-size:11px;background:url(/imgpro/chat/tab_next.gif) left no-repeat;padding-left:12px}
.m-chat-button-chattab.showmore.leftbtn.disable{background-color:#ccc}
.m-chat-button-chattab.showmore.leftbtn.disable a{background:url(/imgpro/chat/tab_next_disable.gif) left no-repeat}
.m-chat-button-chattab.showmore.rightbtn{padding:6px 16px 4px 5px}
.m-chat-button-chattab.showmore.rightbtn{padding:6px 16px 4px 5px;margin-top:1px}
.m-chat-button-chattab.showmore.rightbtn a{font-size:11px; background:url(/imgpro/chat/tab_previous.gif) right no-repeat;padding-right:12px}
.m-chat-button-chattab.showmore.rightbtn.disable{padding:6px 16px 4px 5px;background-color:#ccc}
.m-chat-button-chattab.showmore.rightbtn.disable a{font-size:11px;background:url(/imgpro/chat/tab_previous_disable.gif) right no-repeat;padding-right:12px}
.m-chat-button-active{border-color:#F8981E!important;margin-top:0px!important;padding-top:5px;background-color:#fff;border-width:0 1px 1px;border-style:solid}
.m-chat-button-onlinefriends.m-chat-button-active{width:147px;border-right-color:#333}
.m-chat-button-active .chattab-name span{color:#555;text-decoration:underline}
.m-chat-windowshadow{width:227px;height:278px;margin-left:-102px;position:fixed;bottom:24px;padding:5px 5px 0;background:url(/imgpro/chat/window_shadow.png) center top no-repeat}
.m-chat-windowshadow,x:-moz-any-link{margin-left:-101px}
* html .m-chat-windowshadow{margin-left:-102px}
.m-chat-window{width:226px;height:auto;margin-left:-97px;border:1px solid #F8981E;border-bottom:0;position:fixed;bottom:24px;background:#fff url(/imgpro/chat/v2_chat_window_bg.gif) 0 bottom no-repeat;cursor:default}
.m-chat-window,x:-moz-any-link,x:default{margin-left:-97px}
.m-chat-window .m-chat-notice{padding:5px;background-color:#e5e5e5;margin-bottom:3px;overflow:hidden;color:#005EAC}
.m-chat-window .m-chat-notice .close{display:block;float:right;width:13px;height:13px;background:url(/imgpro/chat/close_window.gif) -2px -2px no-repeat}
.m-chat-window .m-chat-notice .close:hover{background-color:#005eac;background-position:-2px -19px}
.m-chat-window .chat-head{width:100%;background-color:#F8981D}
.m-chat-window .chat-head .chat-info-pic{width:50px;height:50px;overflow:hidden;position:absolute;margin:4px}
.m-chat-window .chat-head .head-name{padding:4px 0 3px;color:#fff;font-weight:700;margin-left:58px}
.m-chat-window .chat-head .head-name a{color:#fff;text-decoration:none}
.m-chat-window .chat-head .head-btn{float:right;margin-right:2px;margin-top:2px;width:32px}
.m-chat-window .chat-head .head-btn .close{background:url(/imgpro/chat/close_window.gif) center -17px no-repeat;display:block;float:right;height:15px;width:15px}
.m-chat-window .chat-head .head-btn .close:hover{background-position:center top}
.m-chat-window .chat-head .head-btn .minimize{background:url(/imgpro/chat/v2_minimize.gif) center top no-repeat;display:block;float:right;height:15px;width:15px}
.m-chat-window .chat-head .head-btn .minimize:hover{background-position:center -16px}
.m-chat-window .chat-info{min-height:32px;background-color:#EFF7FC;padding:2px 0 2px 55px;border-bottom:1px solid #ccc}
.m-chat-window .chat-info .chat-info-status{color:#333;font-size:11px;font-family:Arial,MingLiU;margin-left:4px;margin-right:1em;font-weight:400}
*+html .m-chat-window .chat-info .chat-info-status{text-overflow:ellipsis;white-space:nowrap;overflow: hidden}
.m-chat-window .chat-info .chat-info-status-time{font-size:10px;color:gray;margin-left:4px;font-weight:400}
.m-chat-window .chat-conv{height:190px;overflow-y:auto;overflow-x:hidden;font-weight:400;border-bottom:1px solid #F8981D}
* html .m-chat-button-status .m-chat-window .chat-conv {height:90px;}
* html .m-chat-button-notifications .m-chat-window .chat-conv {height:190px;}
* html .m-chat-button-onlinefriends .m-chat-window .chat-conv {height:190px;}
.m-chat-window .chat-conv table{width:100%}
.m-chat-window .chat-conv td{color:#333;padding:5px;border-bottom:1px solid #eee}
.m-chat-window .chat-conv td.clearcon{font-size:12px;font-family:MingLiU;border-bottom:1px solid #e0e0e0}
.m-chat-window .chat-conv td.date-divider-first,
.m-chat-window .chat-conv td.date-divider{color:gray;font-weight:700;*padding-top:6px}
.m-chat-window .chat-conv td .sending{padding:3px 0 3px 28px;margin:3px -5px;background:#fff9d7 url(/imgpro/chat/indicator_blue_small.gif) 5px 50% no-repeat}
.m-chat-window .chat-conv td.visibility-change{font-weight:bold;background-color:#f7f7f7;color:gray}
.m-chat-window .chat-conv td .self,
.m-chat-window .chat-conv td .other{color:gray}
.m-chat-window .chat-conv td .time-stamp{float:right;font-size:10px;font-weight:normal;color:#999}
.m-chat-window .chat-conv td .dlxnt{background:#FFF7C6;line-height:22px;padding:5px;margin:-5px}
.m-chat-window .chat-input{padding:4px 4px 6px 24px;background:url(/imgpro/chat/im.gif) 4px 7px no-repeat;border-top:1px solid #F8981D}
*+html .m-chat-window .chat-input{padding-top:2px}
.m-chat-window .chat-input .input-button{ width:34px;*text-indent:-6px;}
.m-chat-window .chat-input textarea.chat-shadow-input{padding:3px;height:13px;overflow:hidden;border:0;width:96%}
.m-chat-window .chat-input input.chat-shadow-input{padding:3px;overflow:hidden;border:0;width:158px;font-weight:normal;}
.m-chat-msgcount{color:#fff;background:url(/imgpro/chat/notifycountbg.gif) center top no-repeat;text-align:center;width:26px;height:24px;padding-top:1px;position:absolute;right:-10px;top:-10px;font-size:12px;font-weight:bold}
.uhavemsg .m-chat-msgcount{right:15px}
.m-chat-window.buddy-list{background:#fff url(/imgpro/chat/v2_buddy_list_menu_bg.gif) left bottom no-repeat;width:201px;min-height:57px;margin-left:-25px}
.m-chat-window.buddy-list,x:-moz-any-link,x:default{margin-left:-25px}
*+html .m-chat-window.buddy-list{margin-left:-97px}
.m-chat-window.buddy-list .chat-head .head-name{margin-left:5px}
.m-chat-window.buddy-list .chat-conv{max-height:200px;min-height:20px;height:auto;border-bottom:0;margin-bottom:1px}
*+html .m-chat-window.buddy-list .chat-conv{padding-right:13px}
.m-chat-window.buddy-list .chat-conv td{padding:0;border-bottom:0}
.m-chat-window.buddy-list .chat-conv .buddy-list-item a{padding:2px 5px}
.m-chat-window.buddy-list .chat-conv .buddy-list-item .buddy-list-item-name{float:left;width:100px;height:1.3em;overflow:hidden;color:#005EAC}
.m-chat-window.buddy-list .chat-conv .buddy-list-item a:hover{background-color:#FFFFCC;text-decoration:none}
.m-chat-window.buddy-list .chat-conv .buddy-list-item a:hover .buddy-list-item-name{text-decoration:none}
.m-chat-window.buddy-list .chat-conv .buddy-list-item .available-dot{float:right;background:url(/imgpro/chat/im_idle_dot.gif) center no-repeat;height:11px;width:11px}
.m-chat-window.buddy-list .chat-conv .buddy-list-item a:hover .available-dot{background-image:url(/imgpro/chat/im_idle_dot_alt.gif)}
.m-chat-window.buddy-list .chat-conv .buddy-list-item.available .available-dot{background-image:url(/imgpro/chat/v2_im_online_dot.gif)}
.m-chat-window.buddy-list .chat-conv .buddy-list-item.available a:hover .available-dot{background-image:url(/imgpro/chat/v2_im_online_dot.gif)}
.m-chat-window.buddy-list .chat-conv .buddy-list-item .im-available-dot{float:right;background:url(/imgpro/chat/client-available-dot.gif) center no-repeat;height:11px;width:11px}
.m-chat-window.buddy-list .chat-conv .buddy-list-item  a:hover .im-available-dot{background-image:url(/imgpro/chat/client-available-dot-hover.gif)}
.m-chat-window.buddy-list .chat-conv .buddy-list-item img{width:25px;float:left;margin-right:3px;display:none}
.m-chat-window.buddy-list .chat-conv .buddy-list-item.available img{display:inline}
.m-chat-window.buddy-list .chat-conv .buddy-list-item.available span.friendico{float:left;background-color:#fff;border:1px solid #ccc;margin-right:5px;width:24px;height:24px;overflow:hidden}
.m-chat-windowshadow.status-control{bottom:30px;margin-left:-183px;width:200px;background:none;height:0}
.m-chat-windowshadow.status-control,x:-moz-any-link{margin-left:-182px}
.m-chat-window.status-control{background:#fff url(/imgpro/chat/v2_notifications_menu_bg.gif) -70px bottom no-repeat;width:200px;height:auto;margin-left:-178px;margin-bottom:1px}
.m-chat-window.status-control .chat-head .head-name{margin-left:5px}
.m-chat-window.status-control .chat-conv{min-height:80px;height:auto;overflow:visible;border-bottom:0}
.m-chat-window.status-control .actionbar{padding:3px 9px 4px;text-align:right;background-color:#eee;font-family:MingLiU;font-size:11px}
.m-chat-window.status-control .chat-conv .setoption{background-color:#EFF7FC}
.m-chat-window.status-control .chat-conv .setoption .optionlist{margin:0 9px; width:90%}
.m-chat-window.status-control .chat-conv .setoption td{border-bottom:0;text-align:left;padding:5px 3px}
.m-chat-window.status-control .chat-conv .setoption td.checkboxitem{width:12px}
.m-chat-window.status-control .chat-conv .ifonline{margin:0 9px;padding:6px 0 7px 30px; /*border-bottom:1px solid #e0e0e0;*/ }
.m-chat-window.status-control .chat-conv .ifonline.online{background:url(/imgpro/chat/v2_im_online.gif) 5px 50% no-repeat}
.m-chat-window.status-control .chat-conv .ifonline.offline{background:url(/imgpro/chat/v2_im_offline.gif) 5px 50% no-repeat}
.m-chat-window.status-control .chat-conv .statusbox{overflow:hidden;padding:5px; margin:0 9px}
.m-chat-window.status-control .chat-conv .statusbox img{float:left;width:25px;margin-right:5px}
.m-chat-window.status-control .chat-conv .statusbox .status-body{margin-left:30px}
.m-chat-window.status-control .chat-conv .statusbox .status-body p{line-height:1.2em}
.m-chat-window.status-control .chat-conv .statusbox .status-body .status-content{display:block}
.m-chat-window.status-control .chat-conv .statusbox .status-body .status-meta{font-family:MingLiU;font-size:11px}
.m-chat-window.status-control .chat-conv .statusbox .status-body .status-meta .time{color:gray}
.m-chat-window.status-control .chat-conv .statusbox .editor{display:block;clear:both;margin-top:5px;padding:5px 0;border-top:1px solid #eee}
.m-chat-window.status-control .chat-conv .statusbox .editor select{width:100%}
.m-chat-window.status-control .chat-conv .statusbox .editor .btnchange{text-align:right;font-family:MingLiU; ont-size:11px}
.m-chat-windowshadow.notifications{bottom:30px;margin-left:-183px;width:193px;background:none;height:0}
.m-chat-windowshadow.notifications,x:-moz-any-link{margin-left:-142px}
.m-chat-window.notifications{background:#fff url(/imgpro/chat/notifications_menu_bg.gif) -101px bottom no-repeat;width:200px;height:auto;margin-left:-148px;margin-bottom:1px}
.m-chat-window.notifications .chat-head .head-name{margin-left:5px}
.m-chat-window.notifications .chat-conv{max-height:200px;padding:5px;margin-bottom:1px;height:auto;overflow-y:auto;overflow-x:hidden;border-bottom:0}
.m-chat-window.notifications .actionbar{padding:3px 9px 4px;text-align:right;font-family:MingLiU;font-size:12px}
.m-chat-window.notifications .chat-conv .notifyitem{clear:both;}
.m-chat-window.notifications .chat-conv .notifyitem .notifyico{float:left; margin-top:2px}
* html .m-chat-window.notifications .chat-conv .notifyitem .notifyico{margin-top:8px}
*+html .m-chat-window.notifications .chat-conv .notifyitem .notifyico{margin-top:10px}
.m-chat-window.notifications .chat-conv .notifyitem .close{display:block;visibility:hidden;float:right;width:13px;height:13px;background:url(/imgpro/chat/close_window.gif) -2px -2px no-repeat}
.m-chat-window.notifications .chat-conv .notifyitem.hover .close{display:block;visibility:visible}
.m-chat-window.notifications .chat-conv .notifyitem.hover .close:hover{background-color:#005eac;background-position:-2px -19px}
.m-chat-window.notifications .chat-conv .notifyitem .notifybody{margin-left:22px;padding:0 10px 5px 0;margin-top:5px;border-bottom:1px solid #eee;color:#333!important}
.m-chat-window.notifications .chat-conv .notifyitem .notifybody img{margin-bottom:-3px; *margin-bottom:0}
*html .m-chat-window.notifications .chat-conv .notifyitem .notifybody{}

.m-chat-window.notifications .chat-conv .notifyitem .notifybody a{color:#005EAC!important}
.m-chat-window.notifications .chat-conv .notifyitem .notifybody span{margin-left:3px}
.m-chat-window.notifications .chat-conv .notifyitem .notifybody .time{clear:gray;font-family:MingLiU;font-size:11px}
.m-chat-window.notifications .chat-conv .notifyitem .notifybody img{vertical-align:text-bottom;}
.admin-menu{background:#f7f7f7;padding:5px}
.admin-menu a{color:red; display:block}
.admin-menu ul{background:#fff;border:1px solid #d8dfea}
.admin-menu ul li{line-height:16px;padding-left:5px}
.m-chat .chatnote{float:left;position:absolute;height:25px;line-height:25px}
.m-chat .chatnote a{color:#005EAC}
.m-chat .chatnote .imico{float:left;margin:4px 3px 0}
.m-chat .chatnote em{font-weight:700;color:#005eac}
.chattip{position:absolute;margin-top:-34px;right:5px}
.m-chat-button-notifications .chattip{width:38px}
.chattip .chattip-content{padding:3px 7px;color:#fff;background-color:#2b2b2b}
.chattip .chattip-for{height:4px;background:url(/imgpro/chat/angle_bottom.gif) right 0 no-repeat;margin-right:5px}
.chatnote .chattip{margin-top:-28px;width:77px;left:-4px;height:16px;line-height:16px}
* html .chatnote .chattip{margin-top:-34px;margin-left:0px;position:absolute}
.chatnote .chattip .chattip-for{background:url(/imgpro/chat/angle_bottom.gif) left 0 no-repeat;margin-left:5px}
.m-chat-box.offline{width:auto;right:0}
.m-chat-box.offline .chatnote{/*border-right:1px solid #BFDAEE*/}
.m-chat-box.offline .chatnote .imico{margin:2px 4px 0}
.m-chat-box.offline .m-chat{width:61px}
.sortholder{overflow:hidden;height:22px;position:relative;background-color:#fff;padding:5px}
.sortholder span.sorticon{background:url(/imgpro/chat/sorticon.gif) no-repeat center;display:block;width:21px;height:20px;border-right:none;float:left}
.sortholder .input-text{width:160px;float:left;border:1px solid #F8991F;background-color:#FFFFCC;padding:2px}
.sortholder button.cancel{border:none;text-indent:-999em;overflow:hidden;width:16px;height:16px;position:absolute;padding:0;background:url(http://xnimg.cn/imgpro/theme/xn/cancel.gif) no-repeat center;top:7px;left:175px;z-index:999}
.gray-text{color:#ccc;}

.m-chat .chatnote .statusico{float:left;margin:1px 2px; border-right:1px solid #BFDAEE; cursor:pointer}
.m-chat .chatnote .noticecontainer{position:absolute; bottom:30px; z-index:9999; margin-left:-1px;}
.m-chat .chatnote .noticecontainer .anglebottom{ height:5px; background:url(/imgpro/arrow/anglebottom.gif) 15px 0 no-repeat}
.m-chat .chatnote .noticebox_shadow{border:3px solid #7f7f7f;width:380px}
.m-chat .chatnote .noticebox{width:370px; background-color:#fff; border:1px solid #676767;padding:5px; line-height:1.2;table-layout:fixed;word-wrap:break-word;word-break:break-all;overflow:hidden}
.m-chat .chatnote .noticebox .closenotice{ text-indent:-999em; float:right; width:10px; height:10px; background:url(/imgpro/bg/close_window.gif) -5px -5px no-repeat;}
.m-chat .chatnote .noticebox .closenotice:hover{ background-position:-5px -38px}
.m-chat .chatnote .noticebox .headpic{ float:left; margin-right:5px; display:inline; background-color:#ccc; background-repeat:no-repeat; background-position:center; width:25px; height:25px}
.m-chat .chatnote .noticebox .noticecontent{ float:left; width:300px; margin-bottom:5px}
.noticebox .noticecontent .friendname{margin-bottom:5px}
.noticebox .noticecontent .friendname span{color:#808080}
.noticebox .noticecontent .contenttext{line-height:1.3}
.noticebox .noticecontent .contenttext img{margin-right:3px}

.m-chat .chatnote .noticebox .replybox .replytext{width:362px; height:32px}
.m-chat .chatnote .noticebox .replybox .actionbox{text-align:right}
.m-chat .chatnote .noticebox .replybox .input-button{ margin-top:3px; padding:3px}

.m-chat .chatnote .status_input .input-text{width:210px; border-color:#666 #ccc #ccc #666; padding:2px;margin:4px;}

.send-error{color:#999999;background:url(/imgpro/icons/attention.gif) 0 center no-repeat;padding:5px 20px}
.m-chat-window.buddy-list{}

/*--Home Friends Searrch--*/
/*#secSidebar .friends-search{padding:10px}
#secSidebar .friends-search .search-bg{background:#FFFFFF url(/imgpro/bg/friends_srarch.png) no-repeat 3px 50%;padding-left:20px;width:122px;border:none 0;padding:5px 3px 7px 30px}*/
#secSidebar .friends-search{padding:10px}
#secSidebar .friends-search .search-bg{background:#FFFFFF url(/imgpro/bg/srarch_bg.png) no-repeat 3px 50%;padding-left:20px;width:122px;padding:5px 3px 6px 22px}

/* Status */
#pageStatus .h50 {height:50px;}
#pageStatus .w560 {width:559px;}
.font11 {font-size:11px;}
.ml60 {margin-left:60px;}
.mb5 {margin-bottom:5px;}

/* 2009.3.30 Merge base.css
---------------------------
-------------------------*/
/*--pagepro--*/
.pager-top { padding:0 20px; line-height:2em;overflow:hidden; zoom:1;}
.pager-top.moretopmargin{ margin-top:10px;}
.pager-top span {/*display:block;*/float:left;display:inline}
* html .pager-top span {padding-bottom:5px;}
*+html .pager-top span {padding-bottom:4px;}
.pager-top span.pipe {display:inline;width:auto;float:none;}
.pager-bottom {padding:0 20px; margin-bottom:10px; line-height:2em;overflow:hidden; zoom:1; clear:both; }
.pagerpro,
.pager-top ol.pagerpro,
.pager-top span.pagerpro{float:none!important;text-align:center;margin:0 auto; display:block; width:420px; height:25px; line-height:25px}
.pager-top .pagerproleft{float:right;}
.pager-bottom span.pagerpro{float:none!important;position:relative;text-align:center;margin:0 auto; display:block; width:420px; height:25px; line-height:25px;}
.pagerpro li{list-style:none inside; display:inline}
.pagerpro a{ padding:3px 7px; border:1px solid #e9e9e9;text-decoration:none;}
.pagerpro a:hover{ background-color:#FFFF8C;border:1px #F8981D solid}
.pagerpro a.firstpage,
.pagerpro a.previous{ margin-right:8px;}
.pagerpro a.nextpage{ margin-left:8px;}
.pagerpro em{color:#F8981D;font-weight:bold;font-family:Lucida Grande;}
.pagerpro a.current,
.pagerpro a.current:hover{background-color:transparent;border:0 none;color:#000000;font-weight:bold}
#pages-jump a {background: #FFF;border: 1px solid #D8DFEA;color: #3B5888;padding: 2px 6px;text-decoration: none;}
#pages-jump span a {background: none;border: none;padding: 0;}
#pages-jump span a:hover {text-decoration: underline;}
#pages-jump .this-page {font-weight: bold;padding: 2px 6px;}
#pages-jump.bottom {border-top: 1px solid #CCC;margin-top: 10px;}
#pages-jump .right-line {float: right;}
#pages-jump .left-line {float: left;}
#pages-jump strong {margin: 0 0.25em;}
*html .bottom {border-top: 1px solid #CCC;margin-top: 10px;}
.no-page {height: 2.0em !important;line-height: 2.0em !important;}
.no-page.align-left {text-align: left !important;}

/*--share--*/
.share-actions {overflow:hidden;width:62px;float: right;font-weight:normal;position: relative;}
a.share {float:left;display: block;padding:4px 10px;width:40px;line-height: 1.0em;color: #525C97;background:url(/imgpro/bg/v2_share.png) no-repeat 0 0;border:0 none}
a.share:hover {text-decoration: none;background:url(/imgpro/bg/v2_share.png) no-repeat 0 -20px;color:#525C97}

/* basement for the compatibility
#appCompatible .full-page {width:840px !important}
#appCompatible .compatible {width:658px !important;}
#appCompatible .compatible #content {width:656px !important;}
-------------------------------------*/

/* layout
-----------*/
.no-ad-center .compatible {margin:0 auto;float:none;}
.no-ad-center .blank-bar {float:none;width:810px;margin:10px auto 0;}
.compatible {border:5px solid #e5e5e5;float:left;width:800px;overflow:hidden;}
.compatible #content {width:798px;border:1px solid #aaa;}
/*#content{ float:left; width:798px;}*/
#content:after {content:".";display:block;height:auto;*height:0;clear:both;visibility:hidden;}
#content {display:inline-block;}
#content {display:block;}
.font-normal {font-weight:normal;}
cite { font-style:normal;}
a {cursor:pointer;}

/*global
--------------*/
.hide{ display:none;}

/* new media buttons
--------------*/
 a.new-media { color:#777; }
.new-media{display:block;float:left;color:#777;text-decoration:none;background:url(/img/new_media_button.gif) no-repeat;}
.new-media .tr{background:url(/img/new_media_button.gif) no-repeat top right;}
.new-media .bl{background:url(/img/new_media_button.gif) no-repeat bottom left;}
.new-media .br{background:url(/img/new_media_button.gif) no-repeat bottom right;}
.new-media span{background:url(/img/new_media_button_plus.gif) no-repeat 9px center;color:#333;font-weight:bold;display:block;padding:3px 9px 5px 22px;}
*+html .new-media span{padding:5px 9px 4px 22px;}
.new-media:hover{text-decoration:underline;color:#777;}
.new-media:active,
.new-media:active .tr,
.new-media:active .bl,
.new-media:active .br{background-image:url(/img/new_media_button_active.gif);}

/* section header
-------------*/
#section-header {padding:0 15px 15px 15px;overflow:hidden;zoom:1;}
#section-header .section-avatar {float:left;height:50px;margin-right:10px;margin-top:18px;overflow:hidden;position:relative;width:50px;z-index:1;}
#section-header .section-avatar a {display: block;height: 50px;width: 50px;background-position: 50% 50%;background-repeat: no-repeat;}
#section-header .section-info {float:left;padding-top:23px;width:706px}
#section-header .section-info .section-gray{ margin-bottom:3px;}
#section-header .section-actions .share {float:right;}
#section-header .section-actions .new-media-shell {float:right;}
#section-header h2 em {font-weight: normal;font-style: normal;}


/* Aux Position */
.clear {clear: both;}
.no-float {float: none !important;}
.go-inline {display: inline;}
.go-block {display: block;}
.top-margin {margin-top: 1.0em;}
.bottom-margin {margin-bottom: 1.0em;}
.vertical-margin {margin: 10px 0;}
.float-right {float: right;}
.float-left {float: left;}
.center {text-align: center !important;}
.align-left {text-align: left !important;}
.align-right {text-align: right !important;}

/*error page*/
#errorPage .errors_div {background: none;border: none;text-align: left;margin: 0;padding: 0;font-weight: bold;font-size: 1.2em;}
#errorPage #content {padding:35px;width:728px;}
#errorPage #content p.notes {margin: 1.0em 0;color: #808080;}
#errorPage #content ul {list-style: square inside;color: #3B5888;}

/* link
--------------*/
a.sudo { color:#dc5173;}
a.sudo:hover { background:#dc5173;}
ul.actions {list-style:none;}
ul.actions li {line-height:1.5em;text-indent:0.5em;border-bottom: 1px solid #D8DFEA;}
ul.actions a { display:block; width:100px; text-decoration:none;}
ul.actions a:hover { background:#e4f8c3; color:#fff; text-decoration:none;}

/* styling for the icons with link */
table.personIconList{ width:99%;}
a.photoicon img { padding:2px; border:1px solid #d8dfea; background:#fff;}
a.photoicon:hover img { border-color:#3B5888; background:#d8dfea;}
a.albumicon img { padding:4px; border:1px solid #d8dfea; background:#fff;}
a.albumicon:hover img { border-color:#3B5888; background:#d8dfea;}
/* styling for the tables with user icons */
.personInfo { overflow:hidden; width:70px; vertical-align:bottom;}
.personInfo.aligntop{ vertical-align:top;}
.personIcon { width:52px; overflow:hidden;}
.personIcon td { width:52px; text-align:center;}
.personName { padding:5px 0 2px; width:51px; text-align:center; line-height:15px; overflow:hidden;}
.personName a { display:block; white-space:nowrap;}
/* styling for the forms */
form#basicInfoForm h4 { margin:5px 60px; padding-left:20px; border-bottom:1px solid #d8dfea; color:#3B5888; font-size:12px; text-align:left; line-height:20px;}
form .notes { margin:10px 0; padding:10px; border:1px solid #d8dfea; background:#fff; text-align:center; line-height:24px;}
form .notes h4 { margin:5px 60px; padding-left:20px; border-bottom:1px solid #d8dfea; color:#3B5888; font-size:12px; text-align:left; line-height:20px;}
form .notes p, form .notes ol, form .notes ul { margin:0 60px; padding-left:20px; text-align:left; line-height:24px;}
form .notes em { font-style:normal; color:#dd3c10;}
form .notes span.url { margin-left:15px;}
form .hint em { font-style:normal; color:#dd3c10;}
form .required, form .optional { clear:both; padding:2px 0; line-height:24px;overflow:hidden;zoom:1}
form .required h4, form .optional h4 { margin:5px 80px 5px 150px; padding-left:10px; border-bottom:1px solid #d8dfea; color:#3B5888; font-size:12px; line-height:20px;}
form .required h4, form .optional h4, form .required p, form .optional p { margin:5px 80px 5px 150px; padding-left:10px;}
form .required label, form .optional label,.bindmsn label { float:left; width:150px; margin:0 10px 0 0; color:#808080; font-weight:bold; text-align:right;}
form .required .labelCheckbox, form .optional .labelCheckbox { display:block; float:none; width:auto; margin:0 0 0 160px; color:#000; font-weight:normal; text-align:left;}
form .required .labelCheckbox input, form .optional .labelCheckbox input { margin-right:10px;}
form .required em, form .optional em { padding:0 2px; font-style:normal;}
form .actions { margin:10px 0;text-align:center;}
form .actions-left{margin:10px 0 10px 160px;}
form .required .labelRadio, form .optional .labelRadio { display:block; float:none; width:auto; margin:0; padding-left:160px; color:#000; font-weight:normal; text-align:left;}
form .wide textarea { width:350px; margin-left:160px;}
form .required .labelRadio input, form .optional .labelRadio input { margin-right:10px;}
.wideform .wide { text-align:center;}
.wideform .wide textarea { width:500px; margin:0;}
.wideform .actions { padding:0; text-align:center;}
.wideform .actions a { margin:0 50px;}
.narrowform .wide label { display:block; float:none; width:100%; margin:0; color:#000; text-align:left;}
.narrowform .actions { padding:0; text-align:left;}
/* styling for the highlights */
.highlight {color: #333;}
.highlight h2 {height: 2.0em;line-height: 2.0em;}
.highlight h5 {height: 2.0em;line-height: 2.0em;font-size: 1.2em;}
.highlight h5 span {padding-left: 1.2em;background: url(/img/sigh.gif) no-repeat 0 50%;}
.highlight.error {border: 1px solid #DD3C10;text-align: center;background: #FFEBE8;}
.white .highlight.yellow {border: 1px solid #E0E0E0;background: #FFFFE1;text-align: center;}
.gray .highlight.yellow {border: 1px solid #E0E0E0;background: #FFF;text-align: center;}
.highlight.narrow {margin: 10px 30px;}
.highlight .highlight-border {display: block;position: relative;border: 1px solid #3B5888;padding: 10px;}
.highlight.error .highlight-border {border-color: #FFEBE8;padding: 6px;}
.highlight.yellow .highlight-border {border: 0;padding: 20px;}
#userFriendUniv .highlight ul {margin-left: 0.5em;}
#userFriendUniv .highlight li {width: auto;float: none;text-indent: 1.0em;background: url(/img/arrow.gif) no-repeat 0 4px;}
/*shareBtn
.share-actions {overflow:hidden;width:62px;float: right;font-weight:normal;position: relative;}
a.share {float:left;display: block;padding:4px 10px;width:40px;line-height: 1.0em;border: 1px solid #7F93BC;color: #525C97;background: #FFF url(/img/share.gif) no-repeat right center;}
a.share:hover {color: #FFF;background: #0077cc url(/img/share_hover.gif) no-repeat right center;text-decoration: none;}*/
/*2009.3.6 shareBtn*/
.share-actions {overflow:hidden;width:62px;float: right;font-weight:normal;position: relative;}
a.share {float:left;display: block;padding:4px 10px;width:40px;line-height: 1.0em;color: #525C97;background:url(/imgpro/bg/v2_share.png) no-repeat 0 0;border:0 none}
a.share:hover {text-decoration: none;background:url(/imgpro/bg/v2_share.png) no-repeat 0 -20px;color:#525C97}

/* Oak */
#oak {zoom: 1;overflow: hidden;}
#oak.white {background: #FFF;}
#oak.gray {background: #F7F7F7;}
#oak.white-gray {background: url(/img/white_gray_bg.gif) repeat-y right top;width:840px;margin-right:15px;}
#oak.gray-gray {background: #F7F7F7 url(/img/white_gray_bg.gif) repeat-y right top;}
*html .white {background: #FFF;}
*html .gray {background: #F7F7F7;}
*html .white-gray {background: url(/img/white_gray_bg.gif) repeat-y right top;width:840px;margin-right:15px;}
*html .gray-gray {background: #F7F7F7 url(/img/white_gray_bg.gif) repeat-y right top;}
#single-column {clear: both; padding:20px 0;}
#single-column h2{padding-left:22px}
#single-column.multifriends{ padding:30px;}
#wide-column {width:660px;float:left; margin:10px 20px;_display:inline; overflow: hidden;}
#side-column{width: 162px;float: left;}
#side-column .single-box {padding: 10px;background: #F0F0F0;border-top: 1px solid #CCC;border-bottom: 1px solid #CCC;margin: 0.8em 10px 0.8em 0;position: relative;}
#side-column .top-box {padding: 10px;}
#side-column .mid-box {padding: 10px;border-bottom: 1px solid #CCC;border-top: 1px solid #FFF;}
#side-column .bottom-box {padding: 10px;border-top: 1px solid #FFF;}
#side-column .no-margin {margin: 0;}
#equal-left {float: left;width: 48.5%;}
#equal-right {float: right;width: 48.5%;}
.cube {padding: 10px;}
.gray .cube {border: 1px solid #D8DFEA;background: #FFF;padding: 10px;}
.gray-gray .cube {border: 1px solid #D8DFEA;background: #FFF;padding: 10px;}
.gray .side-cube {padding: 0.5em;margin-bottom: 1.0em;line-height: 1.5em;}
.gray .side-cube ul {padding: 0.5em;list-style: square inside;}
.blocks {padding: 12px;}
.blocks h3 {background:#D8DFEA none repeat scroll 0%;border-top:1px solid #3B5888;color:#3B5888;height:2.0em;line-height:2.0em;text-indent: 1.0em;margin-bottom: 0.6em;}

#self-nav {padding: 14px 10px 0;border-bottom: 1px solid #3B5888;}
#self-nav ul {list-style: none;overflow: auto;zoom: 1;}
#self-nav li {float: left;margin: 0 2px;}
#self-nav li a {height: 1.8em;line-height: 1.8em;display: block;color: #3B5888;text-align: center;padding: 0 0.6em;}
#self-nav li a:hover {background:#D8DFEA;text-decoration:none;}
*html #self-nav li a {height: 1.3em;line-height: 1.0em;padding-top: 0.5em;white-space: nowrap;width: 1px;}
#self-nav .selected a {color: #FFF;background: #3B5888;}
#self-nav .selected a:hover {color: #FFF;background: #3B5888;}
#self-nav .float-right {line-height: 1.8em;}

/*page jumper*/
#pages-jump {clear: both;height: 3.0em;line-height: 3.0em;position: relative;text-align: center;z-index: 10; margin-bottom:10px;}
#pages-jump a {background: #FFF;border: 1px solid #D8DFEA;color: #3B5888;padding: 2px 6px;text-decoration: none;}
#pages-jump span a {background: none;border: none;padding: 0;}
#pages-jump span a:hover {text-decoration: underline;}
#pages-jump .this-page {font-weight: bold;padding: 2px 6px;}
#pages-jump.bottom {border-top: 1px solid #CCC;margin-top: 10px;}
#pages-jump .right-line {float: right;}
#pages-jump .left-line {float: left;}
#pages-jump strong {margin: 0 0.25em;}
.no-page {height:2em !important;line-height:2em !important;}
.pager-top.bordertop{ border:0; border-top:1px #ccc solid;}

/* commentlist */
.commentlist { list-style:none;}
.commentlist li { padding:5px 10px;}
.commentlist .odd { background:#f7f7f7; border-top:1px solid #d8dfea; border-bottom:1px solid #d8dfea;}
.commentlist .even { background:#fff;}
.commentlist .content {padding:5px;}
.comment { /*padding-left:60px;*/}
.comment:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.comment .picture { float:left; width:60px; /*margin-left:-60px;*/}
* html .comment .picture { display:inline;}
.comment .usericon img { width:50px; max-height:75px;}
.comment .info { line-height:20px;}
.comment .floor { float:right; color:#808080;}
.commentlist, .comment { *zoom:1;}
#comments .info{height: 20px;background:#F7F7F7 none repeat scroll 0% 50%;border-top:1px #d8dfea solid;float: left;width:520px}
#comments .info span.author,#comments .info span.timestamp,#comments .info span.reply,#comments .info span.remove {float: left;}
*+html #comments .info span.timestamp {margin-top: -2px;}
#comments .info span.reply,#comments .info span.remove {padding: 0 0.5em;float:right;}
#comments .info span.author {padding-left: 0.5em;}
#comments .info .super-actions {float: left;padding-top: 3px;}
*+html #comments .info .super-actions {float: right;padding-top: 1px;}
* html #comments .commentlist {position: relative;}
#comments .info .super-actions-menu {top: 19px;}
*+html #comments .info .super-actions-menu,*+html #threadlist .info .super-actions-menu {top: 17px;}
#comments .info .super-actions,#comments .info span.timestamp{ float:right;}

/* super-actions */
.super-actions {position: relative;}
.super-actions a {background: url(/img/super_actions.gif) no-repeat 0 0;display: block;height: 16px;line-height: 16px;width: 16px;}
.super-actions a:hover {background: url(/img/super_actions.gif) no-repeat 0 100%;}
.super-actions-menu {visibility:hidden;position: absolute;top: 18px;right: 0;border: 1px solid #B8B7AF;border-color: #B8B7AF #727271 #727271 #B8B7AF;list-style: none;width: 64px;z-index: 1000;}
.super-actions-menu li a.red{ color:#FF0000;}
.super-actions-menu li {padding: 0 !important;}
.super-actions-menu li a {display: block;background: #FFF !important;padding-right: 10%;width: 90%;line-height: 20px;height: 20px;text-align: right;border-bottom: 1px solid #DEDEEF;}
.super-actions-menu li a:hover {text-decoration: none;color: #FFF;background: #5D74A2 !important;}
.super-actions-menu li.report a {border-bottom: 0;}
.super-actions:hover ul,.super-actions a:hover ul {visibility:visible;}

/* compatibility of blog
-----------------------*/
.text-article {width:548px !important}
h3.title-article {font-size:12px !important}
.timestamp, .editarticle, h3.title-article .edit {font-weight:normal !important}
.top-box h3, .bottom-box h3 {font-size:12px !important}
iframe#rte {border:none;height:390px;margin:5px 0pt;overflow:hidden;}
/*#blog-releative {margin-right:140px;}*/
/* compatibility of share
-----------------------*/
#pageShare #wide-column {width:660px !important}
.share-tips h3, .share-link h3 {font-size:12px !important}
.share-body h3 {font-size:12px !important}
.share-body {width:600px !important}
.share-body.no-ava {width:100% !important}

/* compatibility of friends
-----------------------*/
.noborder_bottom {border-bottom:none !important}
h3.title-article {font-size:12px;}
.timestamp, .time, .date {color:#808080;font-size:10px;font-weight:normal}
h3.title-article span {font-weight:normal;}
.list-blog, .list-box {padding-bottom:10px;}
.text-article {width:548px !important}
#blogpage #comments .info span.remove {float: right;}

/* compatibility of friends
--------------------------------*/
#pageFriends .inviteexpl h2 {color:#000;}
#pageFriends .invite_box .invite_friendlist .resultlist {width:100%;}

/* compatibility of privacy
-----------------------*/
#pagePrivacy #content { padding-top:15px;}

/* compatibility of account
-----------------------*/
#profilePage #wide-column.form-network {width:605px !important}

/* compatibility of inbox
-----------------------*/
.compatible .message_rows .subject .subject_wrap {width:502px;}
.compatible .message_rows .delete_msg a {text-decoration:none;}
.compatible .message .body .text {width:500px;}
#pageMessage .compatible .message .attached_item {width:480px;}
#pageMessage .compatible #oak .composer_fields {width:558px;}
#pageMessage .compatible #oak .composer_fields dd {width:482px;}
#pageMessage .compatible #oak .composer_fields .field #subject_field, #pageMessage .compatible #oak .composer_fields textarea {width:455px;}
#pageMessage .compatible .wide-column {width:612px;}
#pageMessage .compatible .opi-content {width:540px;}
#pageMessage .compatible .opi-content .headline .title {width:538px;}
#pageMessage .compatible #oak .composer_fields dd .tokenizer {width:458px;}
.compatible #message_post_status {width:441px;}

/* compatibility of poke
-----------------------*/
#contentInner {width:auto !important; padding:10px 20px !important}
#contentInner #pokeMore {margin-top:10px;}
#contentInner #pokeList {margin-bottom:10px;}

/* compatibility of notify
-----------------------*/
#pageNotify #wide-column {width:636px !important}
#dashboardPage #wide-column {width:598px !important}
/* compatibility of avatar-table */
#avatar-table td {padding: 0 10px;}
/* compatibility of pager */
.page {clear: both;margin: 0.75em 0;text-align: center;overflow: hidden;zoom: 1;padding: 3px;}
.page .this-page { padding:2px 6px; font-weight:bold;}
.page a { position:relative; padding:2px 6px; border:solid 1px #d8dfea; background:#fff; color:#3B5888; text-decoration:none;}
.page a:hover { border:solid 1px #d8dfea; color:#fff; background:#3B5888; text-decoration:none;}
.page .pageCount { display:block; color:#808080; text-align:center; padding-top:10px;}
.page select { float:left;}

/* compatibility of Friends' Friends */
#toc { position:relative; height:28px; line-height:28px; word-break:break-all;}
#toc a { text-decoration:none;}
.crumbs, .snav { padding:0 10px;}
.crumbs a { text-decoration:none; font-weight:bold;}
#toc .status { float:right; color:#808080;}
#toc .status.sign {background: url(/img/sigh.gif) no-repeat left center; text-indent: 0.6em;}
#toc .op { color:#808080;}
#toc .op a { font-weight:normal;}
#toc .count { padding:0 3px; color:#3B5888; font-weight:bold;}
#toc form { float:right;}
#toc input#name, #toc input#groupname { border:1px solid #98A8C2; padding:3px;}
#toc strong { padding:0 3px;}
.stdcontainer { clear:both; margin:0 20px;}
.stdcontainer:after { content:"."; display:block; font-size:0; clear:both; visibility:hidden;}
.stdcontainer { *zoom:1;}
.infolist { margin:10px 0; list-style:none;}
.infolist div { margin:5px 0; padding:10px; border:1px solid #d8dfea; background:#fff;}
.infolist div:after { content:"."; display:block; clear:both; height:0; visibility:hidden;}
.infolist div { *zoom:1;}
.infolist .image { float:left; margin-right:10px; overflow:hidden;}
.infolist .info { float:left; table-layout:fixed; overflow:hidden;}
.infolist .info caption { padding:3px 0; color:#808080; font-weight:bold; text-align:left; word-break:break-all;}
.infolist .info th { color:#808080; font-weight:normal; text-align:left; vertical-align:top;}
.infolist .info .count, .infolist .info .date, .infolist .info .time { padding:0 2px; font-size:11px;}
.infolist .actions { float:right; list-style:none; width:100px;}
.infolist .actions li { border-bottom:1px solid #d8dfea; background:#fff; color:#808080; text-indent:8px;}
/* compatibility of Poke */
#pan { width:300px;}
#poke_confirm, #poke_working, #poke_ok { display:none;}
#poke_ok, #poke_working { text-align:center;}
/* compatibility of old popup */
.popupwrap { display:none; overflow: hidden; position:absolute; padding:10px; border:1px solid; border-color:#fff #666 #666 #fff; background:#d8dfea; text-align:left; z-index:1000;}
.popupwrap iframe {position:absolute;top:0;left:0;z-index:-1;filter:mask();width:3000px;height:3000px;display:hidden;}
.popup { display:block; padding:10px; border:1px solid #3B5888; background:#f7f7f7;}
.popup h4 { color:#333; border-bottom:1px solid #e8eef6; line-height:24px;}
.popup p { margin:5px 0; color:#000;}
.popup p.operation { text-align:right;}
#commendit { width:300px;}
/* compatibility of notice boxs */
.attention, .warning, .success, .none, .messages_div, .errors_div { margin:0 16px; border:1px solid; text-align:center; line-height:20px;}
.stdcontainer .attention, .stdcontainer .warning, .stdcontainer .success, .stdcontainer .none, .stdcontainer .messages_div, .stdcontainer .errors_div { margin:10px 0;}
.gnrcontainer .attention, .gnrcontainer .warning, .gnrcontainer .success, .gnrcontainer .none, .gnrcontainer .messages_div, .gnrcontainer .errors_div { margin:10px 0;}
.attention { border-color:#ffe222; background:#fffbe2;}
.attention strong { font-size:1.2em;}
.warning { border-color:#dd3c10; background:#ffebe8;}
.success { border-color:#3B5888; background:#f7f7f7;}
.none { border-color:#d8dfea; background:#fff;}
.messages_div { border-color:#ffe222; background:#fffbe2; margin-bottom:10px;}
.errors_div	{ border-color:#dd3c10; background:#ffebe8;}
.updated {background:#FFF8CC;border-bottom:1px solid #FFE222;}
/* ompatibility of Form Elements */
.subcontainer form { margin:0; background:#FFF; padding:20px}
.submit-form {position:relative}
.submit-form h3 { border-bottom:1px solid #D8DFEA; line-height:1.75em;margin-bottom:5px;}
.submit-form p { clear:left; padding:2px 0; line-height:1.5em;}
.submit-form p.label { line-height:18px;margin-bottom:2.0em;}
.submit-form p.operation {margin-top: 1.5em;}
.submit-form p select {width: 10.0em;}
.submit-form p em { color:#808080; font-style:normal; font-weight:bold; padding:2px 2px 0pt 0pt;}
.submit-form label { float:left; position:relative; width:100px; margin:0 10px 0 0; color:#808080; font-weight:bold; text-align:right;}
.submit-form label.empty {color:#FFF}
.submit-form .errors_div {margin:0}
.submit-form span {color:#808080;padding-left:1.0em;}
.submit-form #univDeptComponent_Span,
.submit-form #univDormComponent_Span{ padding-left:0;}
/* photo upload */
.compatible .edit-form {width:500px;}
.compatible .edit-form textarea {width:450px;}
/* tag photo */
#target .target-title h3 {font-size:12px;}
#target .target-body label {font-weight:normal;color:#333;}


/* ompatibility of Photo Comments */
.photo-comments #wide-column{width:560px !important;}

/* compatibility of Sui bian kan kan */
.compatible #people, #result {width:778px;}
#browsesociety .compatible #people, #browsesociety .compatible #result {width:605px;}
#browsesociety .compatible #province {width:93px;}
.compatible #helpMenu table {width:757px;}
.compatible #helpMenu table td {vertical-align:top;}
/* Talk Page */
#talkpage #content { padding:15px 0 0;}
#talkpage #talk { overflow:hidden; width:584px; padding:10px; border:1px solid #d8dfea; background:#fff;}
#talkpage #message { width:598px; padding:3px;}
#talkpage #starttalk { padding-bottom:5px; border-bottom:1px solid #d8dfea;}
#talkpage .pnav { margin:5px 0;}
#allRead {text-align:center; margin-top:10px}
/* compatibility of News Feeds Page */
.compatible .opi-content{width: 555px;}
/* compatibility of APP */
.developer .compatible h3 {font-size:12px;}
.developer .compatible .w210 .app_stats_box h3 {overflow:hidden;width:186px;}
.products .compatible .wide_column{width:595px;}
.products .compatible .info_wide{width:489px;}
.fbpage_profile .compatible .profile-image{width:548px;}
.fbpage_profile .compatible .profile-widecolumn{width:548px;}
.apps-config #promo_main{float:right;padding-top:26px;}
.applications .dialog_body p{margin:10px 0;}
.applications .messages_div{font-size:14px;margin:10px 0 10px;}
.apps-config{padding:10px 20px 20px;}
.apps-config h2{line-height:2.0em;}
#promo_main a{cursor:pointer;}
.apps-config .title_header{width:380px;}
.apps-config p{line-height:1.5em;}
.apps-config table{width:99%;    border-top:1px solid #DDD;    margin-top:20px;}
.apps-config table td{border-bottom:1px solid #DDD;    padding:7px 0;    vertical-align:middle;}
.apps-config table td.icon{width:22px;}
.apps-config table td.info{font-size:14px;font-weight:bold;padding:0 10px 0 0;}
body.applications .apps-config table td.info{width:190px;}
body.applications .apps-config table td.action a.remove{background:url(/img/remove.gif) no-repeat 0 55%;    padding-left:1.2em;}
.apps-config table td.info .about{font-size:12px;font-weight:normal;}
.apps-config table td.info .paren{color:#333;}
.apps-config table td.privacy_summary{padding:0 5px;}
.apps-config table td.restrictions{color:#666;padding:5px;}
.apps-config table td.action{width:50px;text-align:right;padding-right:6px;}
.apps-config table td.action a.add{background:url(/img/app_add.gif) no-repeat 0 55%;padding-left:1.2em;}
.browse_more_button{float:left;border:1px solid #145c9a;background:#526ea6;border-right-color:#0e1f5b;border-bottom-color:#0e1f5b;}
.browse_more_button div{border-top:1px solid #6e84b3;padding:3px 24px 5px 15px;background:url(/img/white_arrow_on_blue.gif) no-repeat center right;color:#fff;}
*+html .browse_more_button div{padding:4px 24px 4px 15px;}
.browse_more_button:hover{background-color:#40578a;text-decoration:none;}
.browse_more_button:active{border:1px solid #324a7b;background:#526ea6;border-right-color:#758bb7;border-bottom-color:#758bb7;background-color:#39548a;text-decoration:none;}
.browse_more_button:active div{border-top:1px solid #39548a;}
.developer .compatible #wide-column.w406{width: 556px;}
.compatible .dev_app_infos_shadow {width:569px;}
.compatible .dev_app_infos {width:568px;}
.compatible .dev_app_list {width:190px;}
.compatible .dev_app_list li {width:189px;}
.compatible .dev_app_list li.selected {width:190px;}

/* univlist */
#univlist, #searchSchoolList, #highSchoolList { position:absolute; width:606px; z-index:9999;}
#univlist_provinces { border-bottom:1px solid #3B5888;}
#univlist_provinces td { vertical-align:middle; color:#808080; text-align:center; font-size:13px;}
#univlist_provinces a { font-size:12px;display:block; text-decoration:none;}
#univlist_provinces td.activetab a { background:#3B5888; color:#fff;}
#univlist_provinces:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#univlist_provinces { *zoom:1;}
#univlist_univs { list-style:none; padding:5px 10px; border:1px solid #d8dfea; background:#fff;}
#univlist_univs:after { content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden;}
#univlist_univs { *zoom:1;}
#univlist_univs li { float:left; width:140px; border-bottom:1px solid #f4f4f4; line-height:23px;}
#univlist_univs li.univ { width:112px;}
#univlist_univs li a:hover { background:#3B5888; color:#fff; text-decoration:none;}
#searchlist_school { list-style:none; padding:5px 10px; border:1px solid #d8dfea; background:#fff;}
#searchlist_school:after { content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden;}
#searchlist_school { *zoom:1;}
#searchlist_school li { float:left; width:140px; border-bottom:1px solid #f4f4f4; line-height:23px;}
#searchlist_school li.univ { width:112px;}
#searchlist_school li a:hover { background:#3B5888; color:#fff; text-decoration:none;}
#univlist .operation a { margin-right:180px;}
#uniList {width: 612px;}
.popup-wrapper {border: 10px solid #D8DFEA;position: absolute;z-index: 9999;overflow: hidden;}
.popup-wrapper iframe {position:absolute;top:0;left:0;z-index:-1;filter:mask();width:3000px;height:3000px;display:hidden;}
.popup-content {border: 1px solid #3B5888;background: #F7F7F7;padding: 6px;overflow: hidden;zoom: 1;}
#popup-country {font: 13px sans-serif;list-style: none;overflow: hidden;zoom: 1;}
#popup-country li {float: left;line-height: 26px;padding: 0 4px 0 5px;background: url(/img/popup_country_separator.gif) no-repeat 0 50%;}
* html #popup-country li {background-position: 0 40%;}
#popup-country li a {word-break: keep-all;}
#popup-country li#c_0, #popup-country li#c_13 {background: none;}
#popup-country li a {display: block;}
#popup-country li.active a {font-weight: bold;color: #000;}
#popup-country li.active a:hover {text-decoration: none;}
#popup-province, #popup-province-hs {list-style: none;overflow: hidden;zoom: 1;border: 1px solid #C3C3C3;background: #FFF;padding: 3px;}
#popup-province li, #popup-province-hs li {float: left;width: 33px;text-align: center;}
#popup-province li a, #popup-province-hs li a {height: 18px;line-height: 18px;}
#popup-province li.active a, #popup-province-hs li.active a {background: #3B5888;color: #FFF;}
#popup-province li.active a:hover, #popup-province-hs li.active a:hover {text-decoration: none;}
#popup-province li a, #popup-province-hs li a {display: block;}
#popup-province li#p_0_3, #popup-province li#p_0_20, #popup-province li#p_0_26, #popup-province li#p_0_9 {width: 44px;}
#popup-province-hs li#hsp_0_5, #popup-province-hs li#hsp_0_8, #popup-province-hs li#hsp_0_22, #popup-province-hs li#hsp_0_25 {width: 44px;}
#popup-unis, #popup-unis-hs {list-style: none;overflow-x: hidden;overflow-y:auto;height:200px;zoom: 1;border: 1px solid #C3C3C3;background: #FFF;padding: 10px 0 10px 10px;margin: 5px 0;}
#popup-unis li, #popup-unis-hs li {float: left;width: 160px;padding: 4px 12px;background: url(/img/school_list_dot.gif) no-repeat 0 9px;}
#popup-unis li a:hover, #popup-unis-hs li a:hover {background: #3B5888;color: #FFF;text-decoration: none;}
* html #popup-unis li {height: 1.3em;}
#uniList .canbutton {float: right;}
.module-popupcity{background-color:#fff; padding:3px 8px; border:1px solid #C3C3C3; overflow:hidden; zoom:1; margin:5px 0; }
.module-popupcity li{ list-style:none; margin-right:5px; height:18px; float:left; word-break:keep-all; line-height:18px;}
.module-qulist{ background-color:#fff; overflow:hidden; zoom:1; padding:3px 8px; border:1px #c3c3c3 solid; margin-bottom:5px;}
.module-qulist li{ display:inline-block; list-style:none; margin-right:5px; float:left; word-break:keep-all; height:18px; line-height:18px; }
.module-schoollist{ background-color:#fff; height:200px; padding:5px; overflow-y:scroll; overflow-x:hidden; border:1px #c3c3c3 solid; margin-bottom:5px;}
.module-schoollist li{ float:left; list-style:none; display:block; width:170px; height:18px; line-height:18px; overflow:hidden; padding-left:10px; margin-right:5px; background:url(/img/school_list_dot.gif) left 5px no-repeat; }
/* compatible for demo page */
#demoPage .compatible #wide-column {width:595px;}
/* Compatible for global */

.mt0{ margin-top:0px!important;}
.m10{ margin:10px;}
.m20_auto{ margin:20px auto;}
.mb10{ margin-bottom:10px;}
.m10_0{ margin:10px 0;}
.m0_10{ margin:0 10px;}
.m10_20_compatibleIE{ margin:10px 20px; _margin:20px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mb5{ margin-bottom:5px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.ml35{ margin-left:35px;}
.ml60{ margin-left:60px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:14px;}
*html .mr15{ margin-right:15px; }

.p0{ padding:2px!important;}
.p2_0{ padding:2px 0;}
.p5{ padding:5px;}
.p10{ padding:10px;}
.pl10{ padding-left:10px;}
.pl20{ padding-left:20px!important;}
.pr8{ padding-right:8px;}
.pt10{ padding-top:10px;}
.pb10{ padding-bottom:10px!important;}

.p20{ padding:20px;}
.pb5{ padding-bottom:5px;}
.pr5{ padding-right:5px;}
.bb_ccc{ border-bottom:1px solid #ccc;}
.bb_d8dfea{ border-bottom:1px solid #d8dfea;}
.graybg{ background-color:#f7f7f7;}
.wauto{ width:auto;}
.w40{ width:40px;}
.w60{ width:60px;}
.w70{ width:70px;}
.w80{ width:80px;}
.w100{ width:100px;}
.w150{ width:150px;}
.w180{ width:180px;}
.w190{ width:190px;}
.w200{ width:200px;}
.w245{ width:245px;}
.w260{ width:260px;}
.w280{ width:280px;}
.w300{ width:300px;}
.w330{ width:330px;}
.w370{ width:370px;}
.w390{ width:390px;}
.w560{ width:559px; _width:556px;}
.w610{ width:610px;}

/*for indexbottom webpagerEnter*/
.onlinestatebar{ position:fixed; background:url(/img/im/bar_bg_bw.gif) repeat-x; height:25px; right:15px; bottom:0; background-color:#e5e5e5; overflow:hidden; width:220px;}

.im-alreadyrun{ position:fixed; background:url(/imgpro/chat/im-alreadyrun.gif) center center no-repeat; height:25px; right:15px; bottom:0;  overflow:hidden; width:145px;}


.onlinestatebar .statebar_m1{ float:left; width:135px;}
.onlinestatebar .statebar_m1 a{ color:#3B5888!important; text-decoration:none!important; border-left:1px #b5b5b5 solid; border-right:1px #b5b5b5 solid; background-color:#e5e5e5; margin-top:1px; display:block; height:24px; line-height:24px; padding-left:30px; background:url(/img/im/onlinegroup_mini.gif) 10px center no-repeat;}
.onlinestatebar .statebar_m1 a:hover{ text-decoration:none; background-color:#fff !important;}


.onlinestatebar .statebar_m2{ width:31px; float:right; }
.onlinestatebar .statebar_m2 a{ color:#3b5888!important; border-right:1px #b5b5b5 solid; margin-top:1px; display:block; height:24px; line-height:24px; background:url(/img/im/notifications.gif) 6px center no-repeat;}
.onlinestatebar .statebar_m2 a:hover{ background-color:#fff !important;}

.noticecounte a.msgnb{ background:none !important; display:inline !important; height:auto !important; line-height:normal !important; border-right:0 !important; margin:0!important; color:#fff; }
.noticecounte a.msgnb:hover{ background:none!important; text-decoration:underline;}
.noticecounte{ position:absolute; z-index:9999; top:0; right:0; font-size:13px; font-weight:bold; padding-top:4px; text-align:center; width:26px; height:23px; background:url(/imgpro/chat/notifycountbg.gif) center no-repeat;}
.noticecounte a{ color:#fff!important; font-family:Arial; text-decoration:none;}


.onlinestatecont,
.xnimdownload{ display:none; position:fixed; right:15px; z-index:99999px; width:220px; bottom:24px; border:1px #333 solid; border-bottom:0;}
.onlinestatecont h3,
.xnimdownload h3{ height:23px; line-height:23px; color:#fff; padding:0 5px 0 10px; margin-bottom:0; background-color:#526ea6; }
.onlinestatecont h3 span a.closebtn,
.xnimdownload h3 span a.closebtn{ display:block; width:17px; height:23px; background:url(/img/im/minimize.gif) top center no-repeat;}
.onlinestatecont h3 span a.closebtn:hover,
.xnimdownload h3 span a.closebtn:hover{ background-position:0 -15px; }


.onlinestatecont.onlineactive{ display:inline !important; background:#fff url(/img/im/onlinefriend_menu_bg.gif) -146px bottom no-repeat !important; bottom:24px;}
.onlinestatebar.onlineactive{ border-left-color:#333; background:none;}

.onlinestatebar.onlineactive .statebar_m1 a{ background-color:#fff !important; border-bottom:1px #333 solid; border-right-color:#333; font-family:Arial; border-left-color:#333; margin-top:0;}
.onlinestatebar.onlineactive .statebar_m2 a{ background-color:#e5e5e5;}

.onlinestatecont.statusactive{ display:inline !important; background:#FFFFFF url(/img/im/status_menu_bg.gif) no-repeat scroll }
*html .onlinestatecont.statusactive{ background:#FFFFFF url(/img/im/status_menu_bg.gif) no-repeat; }
.onlinestatebar.statusactive{ background:none;}
.onlinestatebar.statusactive .statebar_m1 a{ border-right-color:#333; background-color:#e5e5e5;}
.onlinestatebar.statusactive .statebar_m2 a{ background-color:#fff !important; margin-top:0; border-right-color:#333; border-bottom:1px solid #333;}

.onlinestatebar .statebar_m3{ width:54px; float:left;}
.onlinestatebar .statebar_m3 a{ color:#3b5888!important; border-left:1px #b5b5b5 solid; margin-top:1px; display:block; height:24px; line-height:24px; background:url(/imgpro/chat/imlogo.gif) 4px center no-repeat;}
.onlinestatebar .statebar_m3 a:hover{ background-color:#fff!important;}
.onlinestatebar.onlineactive .statebar_m3 a,
.onlinestatebar.statusactive .statebar_m3 a{ background-color:#e5e5e5;}

.onlinestatecont table.friendstatuslist{ width:194px; margin:3px;}
.onlinestatecont table.friendstatuslist a{ color:#3b5888;}
.onlinestatecont table.friendstatuslist img{ border:0;}
.onlinestatecont table.friendstatuslist tr.line{ height:1px; line-height:1px; background-color:#e0e0e0;}
.onlinestatecont table.friendstatuslist tr.line td{ height:1px; padding:0;}
.onlinestatecont table.friendstatuslist td{ vertical-align:middle; padding:3px;}
.onlinestatecont table.friendstatuslist td p{ display:block; height:17px; overflow:hidden; color:#808080; padding:0 !important;}
*html .onlinestatecont table.friendstatuslist td p{width:130px; height:17px; line-height:20px;}
*+html .onlinestatecont table.friendstatuslist td p{width:130px; height:17px;}


.onlinestatecont table.friendstatuslist td.con a,
/*.onlinestatecont table.friendstatuslist td.constatus a{ display:block; float:left; width:40px; height:17px; overflow:hidden; }*/

.onlinestatecont table.friendstatuslist td.constatus a{ float:left; height:17px; overflow:hidden; }

*+html .onlinestatecont table.friendstatuslist td.con a{ margin-top:3px;}
*+html .onlinestatecont table.friendstatuslist td.constatus a{ height:17px; line-height:17px; background-color:#3}
.onlinestatecont table.friendstatuslist td.con span{ color:#808080; margin-left:3px; overflow:hidden; }
/**html .onlinestatecont table.friendstatuslist td.con span{ width:85px;}*/
*+html .onlinestatecont table.friendstatuslist td.con span{ height:17px; line-height:17px; }
*+html .onlinestatecont table.friendstatuslist td.constatus a{ height:17px; line-height:17px; }
.onlinestatecont table.friendstatuslist td.constatus span{ float:left; width:110px; height:17px; margin-left:3px; overflow:hidden; }
.onlinestatecont table.friendstatuslist td.pic{ width:25px; }
.onlinestatecont table.friendstatuslist td.pic.aligntop{ vertical-align:top; padding-top:8px;}
.onlinestatecont table.friendstatuslist td.pic img{ width:25px;}
.onlinestatecont table.friendstatuslist td.statusico{  width:20px; }
.onlinestatecont table.friendstatuslist td.statusico span{ display:block; float:left; width:12px; height:12px; background:url(/img/im/im_online_dot.gif) center center no-repeat;}
.onlinestatecont table.friendstatuslist td.statusico .offline{ background:url(/img/im/im_offline_dot.gif) center center no-repeat;}


*html #onlinestatebar{ position:absolute; bottom:0; z-index:99;}
*html #onlinemystate{ position:absolute; bottom:24; z-index:100;}
*html #onlinestatecont{ position:absolute; bottom:24px; z-index:100;}
*html #xnimdownload{ position:absolute; bottom:24px; z-index:100;}
.friendstatuslistbox{ overflow-y:auto;overflow-x:hidden; height:180px;}

*html #bt{position:absolute;bottom:0px;right:0px;z-index:9911;}
*html .bottomstatus{  width:236px!important; height:27px; right:5pt; position:absolute; z-index:99999;bottom:auto; clear:both;}

.m-chat-window-IE6{ width:218px; height:auto; margin-left:0px;  border-bottom:0; position:fixed; bottom:24px; background:#fff url(/img/im/status_menu_bg.gif) -73px bottom no-repeat; cursor:default;}

.m-chat-window-IE6 .chat-head{ width:100%; background-color:#526EA6; }
.m-chat-window-IE6 .chat-head .chat-info-pic{ width:50px; height:50px; overflow:hidden; position:absolute; margin:4px;}
.m-chat-window-IE6 .chat-head .head-name{ padding:4px 0 3px 5px; color:#fff; font-weight:bold;}
.m-chat-window-IE6 .chat-head .head-name a{ color:#fff; text-decoration:none;}
.m-chat-window-IE6 .chat-head .head-btn{ float:right; margin-right:2px; margin-top:2px; width:32px;}
.m-chat-window-IE6 .chat-head .head-btn .close{ background:url(/imgpro/chat/close_window.gif) center top no-repeat; display:block; float:right; height:15px; width:15px;}
.m-chat-window-IE6 .chat-head .head-btn .close:hover{ background-position:center -17px;}
.m-chat-window-IE6 .chat-head .head-btn .minimize{ background:url(/imgpro/chat/minimize.gif) center top no-repeat; display:block; float:right; height:15px; width:15px;}
.m-chat-window-IE6 .chat-head .head-btn .minimize:hover{ background-position:center -16px;}
.m-chat-window-IE6.notifications .chat-conv{ max-height:200px; padding:5px; margin-bottom:1px; height:auto; overflow-y:auto; overflow-x:hidden; border-bottom:0; }
.m-chat-window-IE6.notifications .actionbar{ padding:3px 9px 4px; text-align:right; font-family:MingLiU; font-size:12px;}

.m-chat-window-IE6.notifications .chat-conv .notifyitem{ padding-top:5px; overflow:hidden; zoom:1;}
.m-chat-window-IE6.notifications .chat-conv .notifyitem .notifyico{ float:left;}
.m-chat-window-IE6.notifications .chat-conv .notifyitem .close{ display:block; visibility:hidden; float:right; width:13px; height:13px; background:url(/imgpro/chat/close_window.gif) -2px -2px no-repeat;}
.m-chat-window-IE6.notifications .chat-conv .notifyitem.new{ background-color:#fffbe2;}
.m-chat-window-IE6.notifications .chat-conv .notifyitem.hover .close{ display:block; visibility:visible;}
.m-chat-window-IE6.notifications .chat-conv .notifyitem.hover .close:hover{ background-color:#3b5888; background-position:-2px -19px;}
.m-chat-window-IE6.notifications .chat-conv .notifyitem .notifybody{ overflow:hidden; width:135px; margin-left:22px; padding:0 0 5px 0; border-bottom:1px solid #eee;}
.m-chat-window-IE6.notifications .chat-conv .notifyitem .notifybody a{ color:#3b5888; text-decoration:none;}
.m-chat-window-IE6.notifications .chat-conv .notifyitem .notifybody span{ margin-left:3px;}
.m-chat-window-IE6.notifications .chat-conv .notifyitem .notifybody .time{ clear:#808080; font-family:MingLiU; font-size:11px;}

.xnimdownload.imdownloadctive{ display:inline !important; background:#FFFFFF url(/img/im/status_menu_bg.gif) no-repeat scroll -101px bottom;}

*html .xnimdownload.imdownloadctive{ background:#FFFFFF url(/img/im/imdownload_bg.gif) 0 bottom no-repeat; }
.onlinestatebar.imdownloadctive{ background:none;}
.onlinestatebar.imdownloadctive .statebar_m1 a,
.onlinestatebar.imdownloadctive .statebar_m2 a{ background-color:#e5e5e5;}
.onlinestatebar.imdownloadctive .statebar_m3 a{ background-color:#fff !important; margin-top:0; border-left-color:#333; border-bottom:1px solid #333;}
.onlinestatebar.imdownloadctive .statebar_m1 a{border-left:1px solid #333;}

*html .xnimdownload.imdownloadctive{ }
.xnimdownload .notebox{ padding:5px;}
.xnimdownload .notebox a{ text-decoration:none; color:#3b5888;}
.xnimdownload .notebox img{ border:0;}
.xnimdownload ul{ padding-left:10px; margin:5px 0; list-style:none;}
.xnimdownload ul li{ line-height:1.5;}
#onlineFriendsCount{ font-family:Arial, Helvetica, sans-serif;}

/* guide */
.compatible .opi-content .headline .title {width:555px;}
.compatible .opi-guide-add {padding:0 10px;}
/* iconlist */
.iconlist { list-style:none;}
.iconlist li { clear:both; margin:5px 0; overflow:hidden;}
.iconlist li .icon { float:left; margin-right:5px;}
.iconlist li .icon img { width:20px; max-height:30px;}

/* a strange problem in inbox page */
.inbox {_border-top:1px solid #fff;}

/* Talk Page */
#talkpage .compatible #talk {width:753px;}
/* Friends -> People U May Know */
#friendpage .compatible #friends { clear:both;}
#friendpage ol#friends.peoplelist .info, .people .info caption {width:auto !important;}
#friendpage ol#friends.peoplelist .info th {width:40px;}
/* guide hs */
.invite-hs {padding:10px 0;}
.invite-hs span {font-size:14px;color:red;font-weight:bold;}
.invite-hs .greenbtn {margin-left:10px;clear: both; padding:5px 0 5px 10px; height:25px; line-height:25px; color:#fff; background:url(/img/greenbtnbg.gif) left no-repeat;font-size:14px;}
.invite-hs .greenbtntext{ color:#fff;padding:5px 10px 5px 0; font-weight:bold; background:url(/img/greenbtleft.gif) right no-repeat;}

.invite-hs-done {font-size:14px;margin-top:5px;background:url(/img/hs_guide.png) no-repeat;height:46px;width:352px;padding:10px 15px;}

/* Mobile in accountpage */
.wap-container{}
.wap{border-top: 1px solid #D8DFEA; padding: 20px;margin-top:10px;}
.wap .frame-nav-holder{float:left;width:340px;}
.frame-nav-holder h4{padding-bottom:10px;}
.wap .frame-nav, .wap .m-link{margin-bottom:10px;background:#fff;border:1px solid #98A8C2;padding:10px;}
.wap .frame-nav h5{padding:0 0 10px;}
.wap .frame-nav ul{padding:0 0 5px 10px;}
.wap .frame-nav li{list-style-type:square;list-style-position:inside;color:#3B5998;padding-bottom:5px;}
.wap .frame-nav li a{text-decoration:underline;font-weight:bold;}
.wap .frame-nav li span{padding-top:3px;display:block;color:#000;padding-left:18px;}
.wap .m-link{text-align:center;font-size:24px;font-weight:bold;}

.wap .frame-holder{position:relative;float:right;margin-right:100px;_margin-right:50px;width:244px;height:361px;background:transparent url(http://rrimg.com/img/wapdemobg.gif) no-repeat;}
.wap .iframe{overflow:hidden;margin:73px 13px 42px 13px;width:218px;height:245px;}
.wap .frame-cover{background:url(http://rrimg.com/img/spacer.png) repeat;width:202px;height:245px;position:absolute;top:73px;left:13px;z-index:9999;}
/* add pic-btn */
.btn-addpic {background:url(/imgpro/btn/btnadd1.png) no-repeat;width:52px;height:19px;border:none;cursor:pointer;}

.msnbinding{}
form .msnbinding h4{color:#333333}
form .msnbinding ol{padding-left:179px}
form .msnbinding li{}

.chat-conv p.p-self{width:200px;table-layout:fixed;word-wrap:break-word;overflow:hidden;}
.chat-conv p.p-other{width:200px;table-layout:fixed;word-wrap:break-word;overflow:hidden;}