*{
	word-wrap:break-word;
	word-break:break-all
}
body,th,td,input,select,textarea,button{
	font:12px/1.5em Verdana,"Lucida Grande",Arial,Helvetica,sans-serif
}
body,h1,h2,h3,h4,h5,h6,p,ul,dl,dt,dd,form,fieldset{
	margin:0;
	padding:0
}
h1,h2,h3,h4,h5,h6{
	font-size:1em
}
ul li{
	list-style:none
}
select{
	margin-right:2px
}
a{
	color:#2C629E;
	text-decoration:none
}
a:hover{
	text-decoration:underline
}
a img{
	border:none
}
.blocklink a{
	padding-left:0.5em;
	line-height:2em;
	display:block
}
.blocklink a:hover{
	background:#2C629E;
	color:#FFF;
	text-decoration:none
}
.blocklink .active a{
	color:#333;
	font-weight:bold
}
caption,th{
	text-align:left
}
caption{
	font-size:14px;
	font-weight:bold
}
caption p{
	font-weight:normal
}
.avatar48{
	padding:5px 0 0 5px;
	width:55px;
	height:55px;
	background:url(../images/48_avatar_bg.gif) no-repeat
}
.avatar48 img{
	width:48px;
	height:48px
}
.threadimg60{
	padding:5px 0 0 5px;
	width:67px;
	height:67px;
	background:url(../images/60_threadimg_bg.gif) no-repeat
}
.threadimg60 img{
	width:60px;
	height:60px
}
.online_icon_p{
	padding:0 0 0 10px;
	width:auto;
	background:transparent url(../images/online_icon.gif) no-repeat left center;
	text-align:left
}
.gray{
	color:#999;
	font-size:12px;
	font-weight:normal
}
.gray a{
	color:#999
}
.green{
	color:green
}
.green a{
	color:green
}
.face{
	margin:0 1px;
	vertical-align:middle
}
.r_option{
	float:right;
	font-size:12px;
	font-weight:normal
}
.r_option .active{
	font-weight:bold
}
.floatleft{
	float:left
}
.floatright{
	float:right
}
.clear,.s_clear{
	clear:both
}
.s_clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.s_clear{
	display:inline-block
}
.s_clear{
	display:block
}
.tracebutton{
	width:69px;
	height:28px;
	background:#EAEBFD url(../images/trace.gif) no-repeat scroll 0 0;
	line-height:28px;
	text-indent:23px;
	text-align:left;
	display:block
}
.a_top,.a_share,.a_rss{
	float:right;
	margin-left:4px;
	padding:0 18px 0 5px;
	width:25px;
	height:15px;
	border:1px solid #7F93BC;
	background:#FFF none no-repeat scroll right top;
	line-height:15px;
	overflow:hidden;
	display:inline
}
.a_top:hover,.a_share:hover,.a_rss:hover{
	background-color:#576EA5;
	background-position:100% -20px;
	color:#FFF;
	text-decoration:none
}
.a_share{
	background-image:url(../images/share.gif)
}
a.c_edit,a.c_delete,a.c_resend,a.c_link{
	float:right;
	width:16px;
	height:16px;
	background:url(../images/settingicon.gif) no-repeat;
	line-height:300px;
	top:0.5em;
	right:2em;
	overflow:hidden;
	display:block
}
a.c_delete{
	background-position:0 -16px
}
a.c_resend{
	background-position:0 -49px
}
a.c_link{
	background-position:0 -64px
}
.float_cancel,.float_delete,.float_more{
	float:right;
	margin:0 10px 0 0;
	padding:0;
	width:16px;
	height:16px;
	background:url(../images/settingicon.gif) no-repeat;
	color:#DABAA9;
	line-height:200px;
	overflow:hidden;
	display:block
}
.float_cancel{
	background-position:0 -14px
}
.float_delete{
	background-position:0 -31px
}
.float_more{
	position:absolute;
	margin:5px 0 0 505px;
	background:url(../images/feedmoreicon.gif) no-repeat 0 0;
	color:#DABAA9
}
.ar_r_t,.ar_l_t,.ar_r_b,.ar_l_b{
	background:url(../images/avatar_bg.gif) no-repeat
}
.ar_r_t{
	float:left;
	background-position:right top
}
.ar_l_t{
	padding:5px 0 0;
	background-position:left top
}
.ar_r_b{
	background-position:right bottom
}
.ar_l_b{
	padding:0 12px 12px 5px;
	background-position:left bottom
}
.ye_r_t,.ye_l_t,.ye_r_b,.ye_l_b{
	background:url(../images/yel_bg.gif) no-repeat
}
.ye_r_t{
	width:100%;
	background-position:right top
}
.ye_l_t{
	padding:5px 0 0;
	background-position:left top
}
.ye_r_b{
	background-position:right bottom
}
.ye_l_b{
	padding:0 5px 5px;
	background-position:left bottom
}
.ybg{
	margin-bottom:2px;
	padding:10px;
	border:1px solid #CCC;
	background:#F7F7F7
}
.ybg table{
	width:100%
}
body{
	background:#FFF
}
#wrap,.wrap{
	margin:0 auto;
	width:970px
}
#ad_header{
	margin:0 auto;
	padding:1px;
	width:966px;
	background:#F7F7F7;
	border:1px solid #3B5998;
	line-height:150%
}
#ad_header a{
	color:#000
}
#ad_contenttop{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	width:100%;
	border-bottom:1px solid #CCC;
	overflow:hidden
}
#ad_contentbottom{
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	width:100%;
	border-top:1px solid #CCC;
	overflow:hidden
}
#header{
	margin:0 0 20px
}
.headerwarp{
	margin:0 auto;
	padding:0 20px;
	width:930px;
	height:40px;
	background:#3B5998 url(../images/header_bg.gif);
	color:#FFF
}
.headerwarp a{
	color:#FFF
}
.headerwarp .logo{
	float:left;
	margin:0 30px 0 0
}
.menu{
	float:left;
	height:40px;
	font-size:14px;
	font-weight:bold
}
.menu li{
	float:left;
	padding:10px;
	line-height:20px;
	vertical-align:top
}
.menu .edit{
	padding-left:4px;
	color:#FFF;
	font-size:12px;
	font-weight:normal
}
.nav_account{
	float:right;
	width:200px;
	white-space:nowrap;
	overflow:hidden
}
.login_thumb{
	float:left;
	margin:6px 6px 0 0;
	padding:3px 0 0 3px;
	width:24px;
	height:24px;
	background:url(../images/thumb20bg.gif) no-repeat;
	display:block
}
.login_thumb img{
	width:20px;
	height:20px
}
li.notify{
	margin:9px 0 0;
	padding:0 0 0 18px;
	width:72px;
	height:20px;
	background:url(../images/notify_bg.gif);
	color:#FFF;
	font-size:12px;
	font-weight:normal
}
.menu li.dropmenu{
	margin:0 10px 0 0;
	padding:10px 15px 10px 10px;
	height:20px;
	background:url(../images/triangle.gif) no-repeat right center;
	overflow:hidden
}
.dropmenu_drop{
	position:absolute;
	top:40px;
	left:125px;
	padding:0 10px 10px;
	width:150px;
	border:1px solid #CCC;
	background:#FFF
}
.dropmenu_drop li{
	padding:5px 10px;
	border-bottom:1px solid #EEE
}
.dropmenu_drop li a{
	color:#2C629E;
	font-size:12px;
	font-weight:normal
}
.dropmenu_drop .active{
	font-weight:bold
}
#main{
	margin:0 0 20px;
	width:100%;
	background:url(../images/appSidebar_bg.gif) repeat-y 0 0;
	overflow:hidden
}
#app_sidebar{
	float:left;
	margin:0 20px 0 0;
	padding:10px 0 0;
	width:140px;
	background:url(../images/appSidebar_top_bg.gif) no-repeat 0 0;
	font-size:14px
}
#app_sidebar .topline{
	border-top:1px dashed #CCC
}
.app_list{
	margin:0 10px 0 10px;
	padding:5px 5px 0 5px;
	overflow:hidden
}
.app_list li{
	position:relative;
	margin:0 0 12px;
	width:110px;
	height:20px;
	line-height:21px;
	overflow:hidden
}
.app_list li img{
	margin:0 5px 0 0;
	vertical-align:middle
}
.app_list em{
	position:absolute;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	right:0px
}
.app_m{
	padding:10px 0 0 20px;
	font-size:12px;
	font-weight:normal
}
.app_m li img{
	margin:0 5px 0 0;
	vertical-align:middle
}
.app_more{
	margin:0 10px 0 10px;
	padding:5px;
	border-bottom:1px dashed #CCC;
	text-align:right
}
.app_more a{
	padding:0 0 0 12px;
	background:url(../images/tri.gif) no-repeat;
	color:#999;
	font-size:12px;
	font-weight:normal
}
.app_more a.off{
	background-position:0 50%
}
.app_more a.on{
	background-position:-100px 50%
}
#app_sidebar .t_input{
	width:110px
}
#mainarea{
	float:left;
	width:810px;
	overflow:hidden
}
.chostlp img{
	float:right;
	padding:5px;
	border:1px solid #FFF;
	border-top:none;
	vertical-align:middle
}
.chostlp img.hover{
	background:#FFF;
	border-color:#CCC
}
.chostlp_drop{
	background:#FFF
}
.chostlp_drop{
	border:1px solid #CCC;
	border-bottom:none
}
.chostlp_drop li{
	padding:5px;
	width:16px;
	height:16px
}
#content{
	float:left;
	margin:0 20px 0 0;
	width:540px;
	overflow:hidden
}
.index_name{
	font-size:14px;
	line-height:30px;
	border-bottom:1px solid #CCC
}
.index_note{
	padding-bottom:15px;
	color:#999
}
#mood_mystatus{
	padding:0 0 10px 0
}
#mood_form{
	padding-top:10px;
	width:390px;
	height:65px;
	clear:both
}
#space_mymenu em{
	font-style:normal;
	font-weight:normal;
	color:#999;
	padding-left:5px
}
#space_mymenu li img{
	margin:0 5px 0 0;
	vertical-align:middle
}
#mood_statusinput{
	position:absolute;
	margin:0 0 0 -4px;
	width:320px;
	height:50px;
	overflow:hidden
}
.statusinput,.statusinput2{
	background:url(../images/statusinputbg.gif) no-repeat
}
.statusinput{
	background-position:0 -50px
}
.statusinput2{
	background-position:0 0
}
#mood_statusinput textarea{
	position:absolute;
	margin:3px 0 0 7px;
	padding:3px;
	width:304px;
	height:38px;
	font-size:14px;
	color:#999;
	border:none;
	outline:none
}
.statussubmit{
	padding:0 0 0 330px;
	width:60px;
	height:50px;
	overflow:hidden;
	z-index:20003
}
.statussubmit .submit{
	position:absolute;
	margin:0;
	padding:0;
	width:60px;
	height:50px;
	background:url(../images/statusinputbg.gif) no-repeat 0 -100px;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	z-index:20003
}
.u_setting{
	padding:5px 0 10px 0;
	width:150px;
	clear:both;
	overflow:hidden
}
.u_setting li{
	float:left;
	padding-left:35px
}
.mgs_list{
	width:100%;
	overflow:hidden;
	clear:both;
	padding:5px 0 10px 0
}
.mgs_list div{
	float:left;
	margin:0 10px 5px 0;
	padding:5px 10px 5px 10px;
	width:140px;
	border:1px solid #CCC;
	line-height:20px
}
.mgs_list img{
	margin:0 5px 0 0;
	vertical-align:middle
}
.mgs_list strong{
	color:#FF7400
}
.c_mgs{
	background:#F7F7F7;
	margin:0 0 20px
}
.c_mgs .ye_l_b{
	padding:5px 10px 10px
}
.tabs_header{
	margin-bottom:15px;
	height:29px;
	border-bottom:1px solid #CCC;
	clear:both;
	overflow:hidden
}
.tabs_header ul.tabs li a,.tabs_header ul.tabs li a span{
	background:url(../images/tab_bg.gif) no-repeat;
	display:block
}
.tabs_header ul.tabs{
	position:absolute;
	z-index:10
}
.tabs_header ul.tabs li{
	float:left;
	margin:0 1px 0 0;
	display:inline
}
.tabs_header ul.tabs li a{
	float:left;
	padding:0 0 0 10px;
	height:30px;
	background-position:left top
}
.tabs_header ul.tabs li a span{
	padding:9px 10px 7px 0;
	background-position:right top;
	font-size:14px;
	line-height:14px
}
.tabs_header ul.tabs li a span img{
	vertical-align:middle
}
.tabs_header ul.tabs li.active a{
	float:left;
	padding:0 0 0 10px;
	height:30px;
	background:url(../images/active_tab_bg.gif) no-repeat left top;
	color:#000;
	display:block
}
.tabs_header ul.tabs li.active a span{
	padding:9px 10px 7px 0;
	background:url(../images/active_tab_bg.gif) no-repeat right top;
	line-height:14px;
	display:block
}
.tabs_header ul.tabs li.null{
	margin:0 0 0 15px;
	padding:0 0 0 25px;
	height:25px;
	background:url(../images/add_button.gif) no-repeat 0 0;
	line-height:24px
}
.tabs_header ul.tabs li.null a{
	padding:0 10px 0 0;
	height:25px;
	background:url(../images/add_button.gif) no-repeat right top;
	color:#FFF;
	font-size:12px
}
.c_header{
	margin:0 0 10px;
	width:100%;
	line-height:26px;
	overflow:hidden
}
.c_header .avatar48{
	float:left;
	margin:0 10px 0 0
}
h2.title{
	margin:0 0 20px;
	font-size:14px
}
h2.title img{
	margin:0 5px 0 0;
	vertical-align:middle
}
.cat{
	margin:0 0 20px;
	padding:10px 0 0;
	background:#EFEFEF url(../images/cat_top.gif) no-repeat left top
}
.cat h3{
	padding:5px 10px;
	background:#CCC;
	color:#FFF
}
.cat ul{
	padding:0 0 10px;
	background:#EFEFEF url(../images/cat_bottom.gif) no-repeat left bottom
}
.cat ul li{
	position:relative;
	padding:5px 10px
}
.cat ul li.current{
	background:#FFF
}
.cat .top{
	border-top:1px solid #FFF
}
.cat select{
	width:130px
}
.comments{
	padding:20px 0
}
.trace h2{
	padding:0 0 10px
}
.trace .avatar_list li{
	float:left;
	margin:0 10px 0 0;
	width:61px;
	border:none
}
.trace .avatar_list p{
	text-align:center
}
.comments h2{
	padding:0 0 10px;
	border-bottom:1px solid #CCC
}
.comments_list .avatar48{
	position:absolute;
	margin:0 0 0 -63px;
	display:inline
}
.comments_list li{
	padding:10px 10px 10px 63px;
	border-bottom:1px solid #CCC;
	font-size:12px;
	line-height:200%;
	overflow:hidden
}
.comments_list .title{
	margin:0 0 10px
}
.comments_list .detail{
	color:#444
}
.comments_list .quote{
	padding:10px;
	border:1px solid #CCC;
	background:#F7F7F7 none repeat scroll 0 0;
	font-size:12px
}
.comments_list .quote .q{
	background:none
}
.comments_list .magicbar{
	float:right;
	margin:0 5px 0 0
}
.space_list table{
	border:1px solid #CCC;
	margin:10px 0
}
.space_list td{
	padding:5px;
	color:#999;
	overflow:hidden
}
.space_list thead td{
	background:#F7F7F7;
	color:#333
}
.space_list .topline{
	padding:5px
}
.space_list tbody tr.alt td{
	background:#F7F7F7
}
.space_list .note{
	padding:5px;
	color:#333
}
.affiche{
	margin:0 0 10px 0;
	padding:10px;
	border:1px solid #CCC;
	background:#F7F7F7;
	overflow:hidden
}
.affiche #space_avatar img{
	margin:0 10px 10px 0;
	padding:3px;
	border:1px solid #CCC;
	background:#FFF
}
.affiche .article{
	padding:5px 0;
	color:#960
}
.task_percent{
	margin:0 0 10px;
	height:30px;
	border:1px solid #3B5998
}
.task_percent .percent{
	height:30px;
	background:#3B5998
}
.task_percent .label{
	position:relative;
	margin:-30px 0 0;
	line-height:30px;
	text-align:center
}
.task_status_progress{
	padding:10px;
	border:1px solid #E2EAED;
	background:#F7F7F7
}
.space_task{
	margin:0 0 10px;
	padding:10px;
	border:1px solid #CCC;
	background:#F7F7F7
}
.task_done{
	border:1px solid #E2EAED;
	background:#F7F7F7
}
.task_status_done{
	padding-left:70px;
	background:transparent url(../images/task_done.gif) no-repeat scroll left center
}
.task_status_done p{
	margin:10px 0
}
.formtable caption.complete{
	padding:10px 0 10px 55px;
	background:url(../images/task_done.gif) no-repeat left center
}
#share_ul{
	padding-bottom:10px;
	border-bottom:1px solid #CCC
}
#share_ul li{
	overflow:hidden
}
#share_ul .title{
	padding:5px;
	border-bottom:1px solid #CCC;
	background:#F7F7F7
}
.page{
	margin:10px 0 0;
	padding:3px;
	text-align:center
}
.page *{
	margin:0 3px 0 0;
	padding:3px 5px;
	border:1px solid #CCC;
	background:#F7F7F7;
	color:#999
}
.page em{
	border-color:#FEE4AB;
	color:#C30;
	font-style:normal
}
.page strong{
	background:#CCC;
	color:#333
}
.page a{
	color:#666
}
.page a:hover{
	background:#CCC;
	text-decoration:none
}
textarea{
	border:1px solid #ddd;
	overflow:auto
}
.t_input,select{
	padding:3px 2px;
	border:1px solid #ddd;
	line-height:16px
}
.button{
	padding:0 5px;
	margin:0 0 0 3px;
	height:24px;
	border:none;
	background:#DDD;
	color:#333;
	line-height:20px;
	letter-spacing:1px;
	cursor:pointer
}
.submit{
	padding:0 5px;
	height:24px;
	border:none;
	background:#3B5998;
	color:#FFF;
	line-height:20px;
	letter-spacing:1px;
	cursor:pointer
}
a.submit{
	padding:5px
}
a.button{
	padding:5px
}
.c_form{
	padding:0.5em 3em
}
.quickpost table{
	width:100%
}
.quickpost td{
	padding:0.2em 0
}
.quickpost textarea{
	width:99%;
	height:70px;
	font-size:1.17em
}
.formtable{
	width:100%
}
.formtable caption{
	padding:10px 0;
	color:#666;
	font-size:12px
}
.formtable caption h2{
	padding-bottom:8px;
	border-bottom:1px solid #CCC;
	color:#333;
	font-size:14px
}
.formtable caption p{
	margin-top:8px
}
.formtable td,.formtable th{
	padding:5px
}
.formtable th{
	padding-right:1em;
	text-align:right
}
.infotable{
	width:100%
}
.infotable th{
	padding-right:1em;
	text-align:right;
	color:#999
}
.infotable .td_title{
	text-align:right;
	font-weight:bold;
	border-bottom:1px solid #ECF1F3;
	color:#999;
	padding:10px 0 0 10px
}
.listtable{
	width:100%
}
.listtable caption{
	padding:10px 0;
	color:#666;
	font-size:12px
}
.listtable caption h2{
	padding-bottom:8px;
	border-bottom:1px solid #CCC;
	color:#333;
	font-size:14px
}
.listtable caption p{
	margin-top:8px
}
.listtable td,.listtable th{
	padding:5px;
	border-bottom:1px dashed #ECF1F3
}
.listtable .title td,.listtable .title th{
	border-bottom:1px solid #CCC;
	font-weight:bold
}
.listtable .line td{
	background:#FCFCFC
}
.h_status{
	margin-bottom:8px;
	padding:5px;
	border-bottom:1px solid #F5F5F5;
	color:#999
}
.h_status .active{
	font-weight:bold
}
.d_content form{
	padding:4px 9px;
	background:#EEE
}
.ajax_selector{
	position:relative;
	z-index:999
}
.ajax_selector_option{
	position:absolute;
	margin-top:-3px;
	padding:3px 2px;
	border:1px solid #CCC;
	background:#FFF;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto
}
.float_del,.float_edit{
	position:absolute;
	width:13px;
	height:14px;
	background:url(../images/delete.gif) no-repeat 0 0;
	top:0.5em;
	right:5px;
	text-indent:-999em;
	overflow:hidden;
	display:block
}
.float_del:hover{
	background-position:0 -14px
}
.float_block{
	background-image:url(../images/block.gif)
}
.float_edit{
	background-image:url(../images/edit.gif);
	right:13px
}
.listcol li{
	float:left;
	width:100%
}
.list2col li{
	float:left;
	padding:3px 0;
	width:150px
}
.magic_list{
	width:740px;
	overflow:hidden
}
.magic_list li{
	float:left;
	margin:0 50px 20px 0;
	width:320px
}
.magic_img{
	float:left;
	margin:0 14px 0 0;
	padding:10px;
	width:76px;
	height:76px;
	background:url(../images/magic_image_bg.gif) 0 0;
	overflow:hidden
}
.magic_info{
	float:left;
	width:200px
}
.magic_info h3{
	margin:0 0 5px;
	font-size:12px
}
.magic_info p{
	margin:0 0 5px;
	color:#333;
	line-height:24px
}
.magic_info p.gray{
	height:40px;
	color:#999;
	line-height:20px;
	overflow:hidden
}
.magic_info .m_button{
	float:right;
	display:block;
	width:62px;
	height:26px;
	background:url(../images/m_button.gif);
	line-height:27px;
	text-align:center;
	color:#FFF;
	overflow:hidden
}
.magic_info .m_off{
	background-position:0 100%
}
.magic_info span{
	font-weight:bold;
	font-size:14px;
	color:#F90;
	vertical-align:middle
}
.magic_info .r_option{
	margin:0 10px
}
.toolly{
	padding:10px;
	overflow:hidden
}
.toolly .magic_img{
	background-position:0 100%
}
.toolly p{
	margin:0 0 10px;
	color:#333;
	line-height:26px
}
.toolly .magic_info p{
	margin:0 0 2px;
	color:#333
}
.toolly .magic_info p.gray{
	height:auto;
	color:#999;
	line-height:20px;
	overflow:hidden
}
.toolly .magic_info{
	width:290px
}
.magicicon{
	margin:0 5px 0 0;
	vertical-align:middle
}
.indexmagic{
	margin:0 0 20px;
	padding:10px 0 10px 60px;
	width:120px;
	height:20px;
	background:url(../images/indexmagic.gif);
	overflow:hidden
}
.indexmagic a{
	float:left;
	margin:3px 10px 0 0
}
.feed li.magichighlight{
	background:#FFC;
	padding:10px 10px 10px 30px
}
.magiccolor1,.magiccolor1 a{
	color:red
}
.magiccolor2,.magiccolor2 a{
	color:#F90
}
.magiccolor3,.magiccolor3 a{
	color:green
}
.magiccolor4,.magiccolor4 a{
	color:#3F0
}
.magiccolor5,.magiccolor5 a{
	color:#00F
}
.magiccolor6,.magiccolor6 a{
	color:#0D9FCF
}
.magiccolor7,.magiccolor7 a{
	color:#CC3366
}
.magiccolor8,.magiccolor8 a{
	color:#C0F
}
.magichongbao{
	margin:0 0 20px;
	width:180px;
	height:40px;
	background:url(../images/hongbao_bg.gif) no-repeat
}
.magichongbao a{
	padding:0 0 0 55px;
	display:block;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#333
}
.magichongbao a span{
	font-size:14px;
	color:red
}
.sub_doing{
	margin:10px 0 0;
	padding:10px 0 0;
	width:477px;
	background:#E9F2FC url(../images/subdoing_top.gif) no-repeat left top;
	color:#333;
	clear:both
}
.sub_doing ol{
	margin:0;
	padding:0 10px 10px;
	background:#E9F2FC url(../images/subdoing_bottom.gif) no-repeat left bottom;
	overflow:hidden
}
.sub_doing ol li{
	margin:0;
	padding:3px 0;
	width:auto;
	border:none
}
.thumb_list{
	line-height:160%
}
.thumb_list ul{
	width:100%;
	overflow:hidden
}
.thumb_list li{
	float:left;
	margin:0 10px 0 0;
	padding:0 0 0 68px;
	width:200px;
	height:100px;
	overflow:hidden
}
.thumb_list .avatar48{
	position:absolute;
	margin:0 5px 0 -68px
}
.thumb_list .online_icon{
	margin:0 3px 0 0
}
.thumb_list p{
	line-height:180%
}
.thumb_list table{
	width:100%;
	table-layout:fixed
}
.thumb_list td{
	padding:5px;
	vertical-align:top
}
.thumb_list .image{
	width:150px
}
.thumb_list .image img{
	width:120px
}
.thumb_list h6{
	font-size:1.17em
}
.thumb_list .op{
	padding:5px 0 10px 0
}
.l_status{
	margin:5px 0;
	padding-bottom:5px;
	border-bottom:1px solid #CCC
}
.l_status .active{
	font-weight:bold
}
.box{
	padding:10px 0 10px 0
}
.box h2{
	margin:10px 0;
	font-size:14px
}
.box h3{
	margin:10px 0;
	font-size:12px
}
.topic_list{
	margin:0 0 20px
}
.topic_list table{
	margin:5px 0 20px;
	width:100%
}
.topic_list td{
	padding:8px 10px;
	color:#999;
	line-height:150%;
	overflow:hidden
}
.topic_list thead td{
	border-bottom:1px solid #CCC;
	color:#333
}
.topic_list td.subject img{
	margin:0 3px 0 0;
	vertical-align:middle
}
.topic_list td.mtag{
	width:120px
}
.topic_list td.author{
	width:100px
}
.topic_list td.author em{
	font-size:11px;
	font-style:normal
}
.topic_list td.lastpost{
	width:90px;
	text-align:right
}
.topic_list tbody tr td{
	border-bottom:1px solid #CCC
}
.topic_list tbody tr.alt td{
	background:#F7F7F7
}
.topic_list p{
	padding-top:6px
}
#sidebar{
	float:right;
	padding:0;
	width:250px;
	overflow:hidden
}
#sidebar .ye_r_t{
	margin:0 0 20px
}
.task_notice{
	position:relative;
	padding:5px;
	background:#F7F7F7
}
.task_notice a.float_cancel{
	position:absolute;
	width:16px;
	height:16px;
	background:url(../images/cancel.gif) no-repeat;
	line-height:200px;
	top:5px;
	right:-8px;
	overflow:hidden;
	display:block
}
.task_notice_body{
	width:100%;
	overflow:hidden
}
.task_notice .icon{
	float:left;
	position:relative;
	margin:0 10px 0 0;
	width:64px;
	height:64px
}
.task_notice h2{
	margin:0 0 5px;
	font-size:12px
}
.task_notice h3{
	margin:10px 0 5px;
	font-size:14px
}
.task_notice p{
	color:#666
}
.task_notice p span.num{
	color:#F60;
	font-size:20px
}
.sidebox{
	margin:0 0 10px
}
.sidebox h2.title{
	margin:0 0 10px;
	padding:6px 10px;
	height:18px;
	background:url(../images/sidebar_title.gif) no-repeat;
	color:#333;
	font-size:12px;
	line-height:18px
}
.sidebox h3.title{
	padding:5px;
	border-bottom:1px solid #CCC;
	background:#F7F7F7
}
.sidebox div.more{
	text-align:right
}
.sidebox ul.friendbox li{
	height:90px
}
.sidebox p.gray{
	color:#999;
	line-height:14px;
	text-align:center
}
.sidebox .content{
	padding:5px
}
.threadfriend{
	padding:0
}
.threadfriend li{
	width:100%;
	overflow:hidden
}
.threadfriend .avatar48{
	float:left;
	margin:0 10px 10px 0
}
.threadfriend p{
	padding:5px 0
}
.threadfriend .quote{
	color:#999
}
#sidebar .avatar_list li{
	padding:8px 11px
}
.sidebox .threadimg60{
	margin:0 0 10px
}
.sendmail li{
	padding:5px 10px;
	position:relative
}
.sendmail li a.c_delete{
	background-position:0 -33px
}
#help p{
	margin:0 0 10px;
	padding:0 10px
}
.menu_list{
	padding:0 10px;
	width:230px;
	overflow:hidden
}
.menu_list li{
	float:left;
	width:50%;
	line-height:180%;
	text-align:center
}
.facebox{
	padding:8px;
	width:250px;
	border:1px solid #CCC;
	background:#FFF;
	z-index:100000
}
.facebox ul li{
	float:left;
	width:25px;
	height:25px;
	overflow:hidden
}
#bottom{
	height:10px;
	background:url(../images/appSidebar_bottom_bg.gif) no-repeat;
	clear:both;
	overflow:hidden
}
#footer{
	padding:10px 0 10px 0;
	border-top:1px solid #CCC;
	color:#333;
	text-align:center
}
#footer a{
	color:#333
}
.noimage{
	float:left;
	margin:0 5px 0 0
}
#ajaxwaitid{
	position:absolute;
	width:100px;
	height:1.6em;
	background:#DD0000;
	color:#FFF;
	line-height:1.6em;
	z-index:100;
	top:0px;
	right:0px;
	overflow:hidden;
	display:none
}
.pipe{
	padding:0 0.4em;
	color:#DDD
}
.article{
	padding:0.5em;
	font-size:14px
}
.article table{
	table-layout:fixed
}
.article ul li{
	margin-left:1.6em;
	list-style:disc
}
.quote{
	margin:0.5em 0;
	padding-left:20px;
	background:url(../images/q_start.gif) no-repeat 0 0;
	overflow:hidden;
	zoom:1
}
.quote .q,.quote blockquote{
	margin:0;
	padding:0 20px 0 0;
	background:url(../images/q_end.gif) no-repeat right bottom;
	color:#666;
	display:inline-block
}
.notice{
	margin-bottom:2px;
	padding:8px;
	border-bottom:1px solid #CCC;
	background:#F7F7F7
}
.ajax_selector{
	position:relative;
	z-index:999
}
.ajax_selector_option{
	position:absolute;
	margin-top:-3px;
	padding:3px 2px;
	border:1px solid #CCC;
	background:#FFF;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto
}
.inajax .formtable{
	width:240px
}
.inajax .formtable .t_input,.inajax .formtable textarea{
	width:170px
}
.btn_line{
	padding:5px 0
}
.popupmenu_popup{
	padding:1em;
	border:3px solid #3B5998;
	background:#F7F7F7;
	line-height:1.4em;
	text-align:left;
	overflow:hidden
}
.popupmenu_popup h1{
	font-size:1.17em;
	padding:0 0 10px 0
}
.popupmenu_popup td{
	padding-bottom:0.4em
}
.popupmenu_popup .float_del{
	background-image:url(../images/delete2.gif)
}
.popupmenu_centerbox{
	border:8px solid #FFAE4A;
	background:#F7F7F7;
	text-align:left;
	min-width:250px;
	max-width:550px
}
.popupmenu_centerbox h1{
	padding:0 10px;
	color:#FF9919;
	font-size:14px;
	line-height:26px;
	cursor:move
}
.popupmenu_centerbox .popupmenu_inner{
	padding:10px;
	color:#444
}
.popupmenu_centerbox .popupmenu_inner td{
	line-height:200%
}
.popupmenu_centerbox .popupmenu_inner .t_input,.popupmenu_centerbox .popupmenu_inner textarea{
	margin:5px 0;
	border-color:#CCC
}
.popupmenu_centerbox .float_del{
	background-image:url(../images/delete2.gif)
}
.popupmenu_centerbox .box{
	width:400px
}
.popupmenu_layer{
	padding:3px 6px 6px 1px;
	width:220px;
	height:80px;
	background:url(../images/ilayer.gif) no-repeat;
	text-align:center
}
.popupmenu_layer p{
	line-height:20px;
	color:#333
}
.popupmenu_layer p.btn_line{
	font-size:14px;
	color:#F30;
	padding:2px 0
}
.popupmenu_layer strong{
	font-weight:normal;
	font-size:18px;
	color:#FFF
}
.line_list li{
	padding:5px 10px 5px 10px;
	border-bottom:1px solid #ECF1F3
}
.line_list img{
	margin:0 2px 0 0;
	vertical-align:middle
}
.avatar_list{
	zoom:1
}
.avatar_list .gray{
	font-size:10px
}
.avatar_list li{
	float:left;
	padding:8px;
	width:60px;
	overflow:hidden
}
.avatar_list p{
	width:100%;
	height:22px;
	line-height:22px;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	-moz-text-overflow:ellipsis
}
.avatar_list p.online_icon_p{
	text-align:left
}
.avatar_list:after{
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	content:"."
}
.bar_text{
	padding:10px 0 0 12px;
	width:110px;
	font-size:12px;
	font-weight:normal
}
.bar_text p{
	line-height:200%
}
.bar_text .title{
	padding:10px 0 5px 0;
	font-weight:bold
}
.m_box{
	margin:0 0 20px;
	width:100%;
	overflow:hidden
}
.news_list,.task{
	line-height:190%
}
.news_list li,.task li{
	padding:0 0 0 20px;
	height:24px;
	background:url(../images/d.gif) no-repeat 5px 10px;
	font-size:12px;
	line-height:24px;
	overflow:hidden
}
li.news_title{
	padding:0;
	height:40px;
	background:none;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	text-align:center
}
.searchfriend{
	margin:0 0 20px;
	background:#F7F7F7
}
.searchfriend .ye_l_b{
	padding:5px 10px 10px 10px
}
.searchfriend p{
	margin:8px 0;
	color:#999
}
.searchfriend .t_input{
	border-color:#CCC
}
.showmessage{
	margin:50px auto;
	width:600px;
	background:#F7F7F7
}
.showmessage h2{
	font-size:14px
}
.showmessage .ye_l_b{
	padding:15px 20px 20px
}
.showmessage p{
	padding:2em 1em;
	font-size:14px;
	overflow:hidden
}
.showmessage .op{
	font-size:12px;
	text-align:right
}
.pm_list{
	margin:0;
	padding:0;
	list-style:none
}
.pm_list li{
	margin:0 0 20px;
	width:100%;
	overflow:hidden
}
.pm_list .pm_body{
	float:left;
	background:url(../images/pm_bg.gif) repeat-y 100% 0
}
.pm_list .pm_h{
	position:relative;
	padding:5px 0 0 15px;
	width:560px;
	background:url(../images/pm_bg.gif) no-repeat 0 0
}
.pm_list .pm_f{
	padding:0 10px 5px;
	background:url(../images/pm_bg.gif) no-repeat -590px 100%
}
.pm_list .pm_c{
	padding:10px;
	color:#444;
	line-height:200%
}
.pm_list .avatar48{
	float:left;
	margin:0 5px 0 0
}
.feed_header{
	position:relative;
	padding:5px 10px 0 15px;
	height:30px;
	background:url(../images/c_title.gif) no-repeat;
	line-height:20px
}
.feed_header .active{
	font-weight:bold
}
.feed{
	margin:0 0 20px;
	width:100%;
	line-height:20px;
	overflow:hidden
}
.feedtime{
	margin:20px 0 10px;
	color:#000
}
.feed li{
	padding:10px 20px;
	border-bottom:1px solid #CCC
}
.feed .type{
	position:absolute;
	margin:1px 0 0 -20px !important;
	margin:3px 0 0 -20px
}
.feed_content img{
	max-width:70px;
	max-height:100px
}
* html .feed_content img{
	width:expression(this.width>70 && this.width/this.height>0.7 ? 70:true);
	height:expression(this.height>100 && this.width/this.height < 0.7 ? 100:true)
}
.feed .detail{
	padding:10px 0 0;
	color:#999
}
.feed a img.summaryimg{
	float:left;
	margin:10px 10px 10px 0;
	padding:2px;
	border:1px solid #DDD
}
.feed a img.summaryimg:hover{
	border-color:#DDD
}
.hotspot{
	float:right;
	margin:10px 0 0 10px;
	width:55px;
	height:50px
}
.hotspot a{
	display:block;
	padding:0 0 20px;
	height:30px;
	text-align:center;
	line-height:30px;
	background:url('image/hotspot.gif');
	font-size:16px;
	color:#F60
}
.feedread{
	color:#CCC
}
.feedread *{
	color:#CCC
}
.feedread .detail{
	color:#CCC
}
.feedread .quote .q{
	color:#CCC
}
.feedcomment{
	margin:0 5em 0 0;
	padding:0.5em;
	background:#F7F7F7
}
.feedcomment td{
	border-bottom:1px solid #FFF
}
.feedop{
	margin:10px 0 0;
	padding:0 0 0 20px;
	background:url(../images/reply.gif) no-repeat 0 2px
}
.fcomment{
	margin:10px 0 0;
	padding:10px 0 0;
	width:477px;
	background:#E9F2FC url(../images/subdoing_top.gif) no-repeat left top;
	color:#333;
	clear:both
}
.fcomment .fc{
	padding:0 10px 10px;
	background:#E9F2FC url(../images/subdoing_bottom.gif) no-repeat left bottom;
	overflow:hidden
}
.fcomment .comments_list li{
	margin:0;
	padding:0 0 10px 42px;
	width:auto;
	border:none;
	line-height:150%
}
.fcomment .comments_list .avatar48{
	margin:0 0 0 -42px;
	padding:0;
	background:none;
	width:32px;
	height:32px
}
.fcomment .comments_list .avatar48 img{
	width:32px;
	height:32px
}
.fcomment .comments_list .title{
	margin:0
}
.feed .fcomment .detail{
	padding:0
}
.digc{
	padding:20px 0 0
}
.digc table{
	margin:0 auto
}
.digc table td{
	padding:10px;
	text-align:center
}
.digc table td .digcolumn{
	position:relative;
	margin:0 auto 10px;
	width:20px;
	height:50px
}
.digc table td .digcolumn .digchart{
	position:absolute;
	left:0;
	bottom:0;
	width:20px;
	text-align:left
}
.digc table td .digcolumn .dc1{
	background:#c30
}
.digc table td .digcolumn .dc2{
	background:#0C0
}
.digc table td .digcolumn .dc3{
	background:#F90
}
.digc table td .digcolumn .dc4{
	background:#06F
}
.digc table td .digcolumn .dc5{
	background:#09C
}
.digc a:hover{
	text-decoration:none
}
.digc table td .digcolumn em{
	position:absolute;
	margin:-25px 0 0 -5px;
	width:30px;
	font-size:11px;
	text-align:center;
	font-style:normal;
	color:#999
}
.digc table td img{
	margin:0 0 10px
}
.digb{
	float:left;
	margin:1px 5px 0 0;
	padding:0 0 0 20px;
	width:34px;
	height:20px;
	background:url(../images/hotbutton.gif) no-repeat 0 0;
	line-height:20px;
	text-align:center;
	font-size:11px;
	color:#FF850D
}
.hot{
	border:1px solid #FF860E;
	padding:2px 5px 2px 2px;
	color:#FF860E;
	margin-right:5px;
	overflow:hidden
}
.hot em{
	font-size:12px;
	font-style:normal;
	padding:2px;
	font-weight:normal;
	color:#FF860E
}
.feed_po{
	float:right;
	margin:0 5px 0 0;
	padding:0 25px 0 0;
	width:60px;
	height:25px;
	text-align:center;
	line-height:25px;
	background:transparent url(../images/button_po.gif) no-repeat;
	color:#fff;
	display:block
}
.albs2{
	padding:0 0 0 10px;
	width:520px;
	background:#F7F7F7;
	overflow:hidden
}
.albs2 li{
	float:left;
	margin:0 13px 0 0;
	padding:8px 0 0 8px;
	width:83px;
	height:105px;
	background:url(../images/albs.gif) no-repeat;
	overflow:hidden
}
.albs2 li img{
	width:80px;
	height:80px
}
.albs2 li a{
	width:75px;
	height:75px;
	overflow:hidden;
	display:block
}
.albs2 p{
	padding-top:5px;
	width:100%;
	height:22px;
	line-height:22px;
	text-align:center;
	white-space:nowrap;
	overflow:hidden
}
.media img{
	width:auto;
	max-width:none;
	height:auto;
	max-height:none
}
* html .media img{
	width:expression(this.width>200 && this.width/this.height>2 ? 200:true);
	height:expression(this.height>100 && this.width/this.height < 2 ? 200:true)
}
.borderbox{
	margin:0;
	padding:10px;
	border:1px solid #CCC
}
.borderbox h2{
	padding:0 0 5px 0;
	border-bottom:1px solid #CCC;
	color:#333;
	font-size:12px
}
.showflash{
	background:#F7F7F7;
	border:1px solid #CCC
}
.searchfriend .avatar_list li{
	padding:7px
}
.atitle{
	padding:10px;
	background:#F7F7F7
}
#header .logo a{
	width:85px;
	height:40px;
	display:block;
	background:transparent url(../images/logo.gif) no-repeat scroll left center;
	overflow:hidden
}
#header .logo a img{
	margin:-200px
}
.photolist div a img{
	max-width:180px;
	max-height:120px;
	zoom:expression( function(elm){
	if (elm.width>180||elm.height>120 ){
	if (elm.width>elm.height){
	elm.width=180
}
else{
	elm.height=120
}

}
elm.style.zoom='1'
}
(this) )
}
.showuser .s_avatar a img{
	max-width:120px;
	max-height:120px;
	zoom:expression( function(elm){
	if (elm.width>180||elm.height>120 ){
	if (elm.width>elm.height){
	elm.width=120
}
else{
	elm.height=120
}

}
elm.style.zoom='1'
}
(this) )
}
.eimage a img{
	max-width:42px;
	max-height:42px;
	zoom:expression( function(elm){
	if (elm.width>42||elm.height>42 ){
	if (elm.width>elm.height){
	elm.width=42
}
else{
	elm.height=42
}

}
elm.style.zoom='1'
}
(this) )
}
.search_table{
	width:100%
}
.search_table th{
	font-size:14px;
	padding:10px;
	border-top:1px solid #E3E3E3
}
.search_table td{
	padding:0 0 10px 5px
}
ins.modify{
	padding-top:5px;
	color:#666;
	text-decoration:none;
	text-align:right;
	display:block
}
.photo_list td{
	vertical-align:middle;
	text-align:center
}
.photo_list img{
	padding:3px;
	max-width:120px;
	max-height:120px;
	border:1px solid #CCC;
	background:#FFF
}
* html .photo_list img{
	width:expression(this.width>120 && this.height < this.width ? 120:true);
	height:expression(this.height>120 ? 120:true)
}
.photobox{
	padding:10px;
	border-bottom:1px solid #eee;
	text-align:center
}
.yinfo{
	margin:10px auto 0;
	padding:10px 0;
	text-align:left
}
.yinfo p{
	margin:0.2em 0
}
.photobox img{
	width:expression(this.width>600 ? 600:true);
	max-width:600px
}
.photobox table{
	margin:0 auto
}
.pic_lb1{
	padding:50px 0
}
.magicframe1{
	background:url(../images/magic/frame/1.bg.gif);
	text-align:center
}
.magicframe2{
	background:url(../images/magic/frame/2.bg.gif)
}
.magicframe3{
	background:#FFC url(../images/magic/frame/3.bg.gif) no-repeat
}
.magicframe4{
	background:url(../images/magic/frame/4.bg.gif)
}
.magicframe .frame_jiao{
	width:14px;
	height:14px
}
.magicframe .frame_x{
	height:14px
}
.magicframe .frame_y{
	width:14px
}
.magicframe .frame_top_left{
	background:url(../images/magic/frame/frame_top_left.png) no-repeat
}
.magicframe .frame_top_right{
	background:url(../images/magic/frame/frame_top_right.png) no-repeat
}
.magicframe .frame_top_middle{
	background:url(../images/magic/frame/frame_top_middle.png) repeat-x
}
.magicframe .frame_bottom_left{
	background:url(../images/magic/frame/frame_bottom_left.png) no-repeat
}
.magicframe .frame_bottom_right{
	background:url(../images/magic/frame/frame_bottom_right.png) no-repeat
}
.magicframe .frame_bottom_middle{
	background:url(../images/magic/frame/frame_bottom_middle.png) repeat-x
}
.magicframe .frame_middle_left{
	background:url(../images/magic/frame/frame_middle_left.png) repeat-y
}
.magicframe .frame_middle_right{
	background:url(../images/magic/frame/frame_middle_right.png) repeat-y
}
.magicframe .frame_middle_middle{
	background:#FFF
}
* html .magicframe .frame_top_left{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="../images/magic/frame/frame_top_left.png")
}
* html .magicframe .frame_top_right{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="../images/magic/frame/frame_top_right.png")
}
* html .magicframe .frame_top_middle{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="../images/magic/frame/frame_top_middle.png")
}
* html .magicframe .frame_bottom_left{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="../images/magic/frame/frame_bottom_left.png")
}
* html .magicframe .frame_bottom_right{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="../images/magic/frame/frame_bottom_right.png")
}
* html .magicframe .frame_bottom_middle{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="../images/magic/frame/frame_bottom_middle.png")
}
* html .magicframe .frame_middle_left{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="../images/magic/frame/frame_middle_left.png")
}
* html .magicframe .frame_middle_right{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="../images/magic/frame/frame_middle_right.png")
}
.event_list{
	margin:20px 0 0
}
.event_list ol{
	margin:0;
	padding:0;
	list-style:none
}
.event_list ol li{
	margin:0 0 20px;
	padding:0 0 10px;
	width:100%;
	border-bottom:1px solid #CCC;
	overflow:hidden
}
.event_list ol li li{
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
	border:none
}
.event_list .event_icon{
	float:left;
	padding:0 10px 10px 0;
	width:110px;
	height:110px;
	text-align:center
}
.event_list .event_icon img{
	padding:4px;
	max-width:100px;
	max-height:100px;
	background:#FFF;
	border:1px solid #DDD;
	zoom:expression( function(elm){
	if (elm.width>100||elm.height>100 ){
	if (elm.width>elm.height){
	elm.width=100
}
else{
	elm.height=100
}

}
elm.style.zoom='1'
}
(this) )
}
.event_list .event_content{
	float:left;
	width:420px;
	line-height:150%
}
.event_list .event_content h4{
	font-size:14px
}
.event_cat,.join_event_list{
	padding:0 10px;
	width:230px;
	overflow:hidden
}
.event_cat li{
	float:left;
	width:110px;
	line-height:180%
}
.event_cat li.on{
	padding:0 0 0 15px;
	width:95px;
	background:transparent url(../images/d.gif) no-repeat scroll 5px 10px;
	font-weight:bold
}