@import "reset.css";
body { font-family: Arial,ËÎÌå; background:#ffffff;}

#content-holder  { width:none; _height:1%; }
div#splitpane-sidebar { background:url(); width:336px; }
div#splitpane-content { width:600px; _width:590px; }
div#sidebar-contents { padding:0; }
div#sidebar-bottom { background:url(); }

h3.topic { background:url(images/ico_topic.gif) no-repeat 5px center }
h3.hot-topic { background:url(images/ico_hot_topic.gif) no-repeat 5px center; }
h3.hot-group-topic { background:url(images/ico_topic.gif) no-repeat 5px center; }

li { margin:0; padding:0; }
ul { margin:0; padding:0; }

.reply { color:#999; }
.reply b { color:#666; }
.reply b.new { color:#C60; }
.author ,.author a { color:#39c; }
.signDefaultStyle { _width:200px; _background:#000; }

.f-l { float:left; }
.f-r { float:right; }

.time { color:#415765; }
.group a { color:#099; }

a { color:#036; }


.home-holder div#splitpane-sidebar { margin-top:0; width:250px; _margin-right:5px; }
.home-holder #system-message { float:left;margin:20px 10px; width:510px; }
.home-holder #sidebar-contents li span.f-r { font-size:12px; color:#999; }
.home-holder #sidebar-contents li span.f-r a { color:#9e2a35; }
.home-holder #sidebar-contents .box ul.data-list div.icon { margin-top:0; }
.home-holder #sidebar-contents .box ul.data-list div.withImg { margin-left:65px; }
.home-holder #sidebar-contents .box ul.data-list div.withImg p { margin:0; }
.home-holder div#splitpane-content  { width:695px; overflow:hidden; padding:15px 0 15px 7px; }

.home-holder #splitpane-content .box { margin:7px;background:#FFF; }
.home-holder #splitpane-content .box .hd {
	padding:0 5px; background:transparent url(images/side_hd.gif) repeat-x scroll 0 0;
	border:1px solid; border-color:#CAEAE9 #D7E2E8 #D6E5EC #D8E2E4;
	height:27px; line-height:27px;
}
.home-holder #splitpane-content .box .hd h3 { font-size:14px; font-weight:bold; }
.home-holder #splitpane-content .box .bd { padding:2px 5px; }
.home-holder #splitpane-content .time { color:#999; text-align:right; font-size:12px; margin-bottom:0 }
.home-holder .homeleft { width:247px; background:#f2f2f2; border:1px solid #e5e5e5; padding-right:0; }
.home-holder #splitpane-content .homeleft .data-list { margin-top:8px; }

.home-holder .homeleft .data-list .icon {  padding:2px; border:1px solid #eee; display:inline; float:left; }
.home-holder .homeleft .data-list .withImg { margin-left:40px; color:#323232; }
.home-holder .homeleft .data-list .withImg a { color:#323232; }
.home-holder .homeleft .data-list blockquote { background:none; clear:both; margin:0; padding:0; color:#9c9c9c; font-style:italic; }
.home-holder .homeleft .data-list blockquote a { color:#a7a9be; }
.home-holder .homeleft .data-list span.author { padding-left:15px; background:url(images/newsfeed_topic.gif) no-repeat; }
.home-holder .homeleft .data-list span.author a { color:#3097c4; }
.home-holder .homeright { width:445px; float:left; _width:440px; }
.home-holder #splitpane-content  .homeright .box { margin-top:0; margin-right:0; }
.home-holder #splitpane-content  .homeright .data-table caption { 
	background:transparent url(images/side_hd.gif) repeat-x scroll 0 0;
	border:1px solid; border-color:#CAEAE9 #D7E2E8 #D6E5EC #D8E2E4;
	height:27px; line-height:27px
 }
.home-holder .data-table .reply { padding-left:15px; background:url(images/newsfeed_topic.gif) no-repeat left center; }
.home-holder .data-list div.title { background-position:left 7px; }
.home-holder div#splitpane-content .data-list td { padding:0; }
.home-holder h3.hot-group-topic { padding-left:25px; }
.home-holder div#splitpane-content span.group { padding-left:20px; background:url(images/newsfeed_group.gif) no-repeat left center; }
.home-holder div#splitpane-content span.reply { padding-left:15px; background:url(images/newsfeed_topic.gif) no-repeat left center; margin-left:20px; }
.home-holder div#splitpane-content td.reply { padding:0; background-image:url(); }

#info-header { width:316px; height:40px; padding:8px 10px; margin:35px 10px 0 0; border:1px solid #7abcd6; background:#d7ebf6; float:right; position:relative; }
#info-header a { color:#000; margin-right:5px; }
#info-header a:hover { text-decoration:underline; }
#info-header div.main { position:absolute; left:55px; top:7px; }
#info-header p { margin-bottom:0px; clear:right;}
#info-header p span a { color:#386b86; font-size:12px; }
#info-header a.add { padding:1px 5px; border:1px solid #a8d5ec; color:#d90008; padding-left:20px; background:#e9f6fc url(images/ico_pen.gif) no-repeat 2px center;  }
#info-header b.new { color:#d90008; }

ul.data-list li span.author { padding-left:20px; background:url(images/ico_author.gif) no-repeat left center; } 

ul.simple-list {}
ul.simple-list li { margin:0; padding:5px 0 0 12px; list-style-type:none; margin-bottom:5px;  border-top:1px dotted #d9d9d9; background:url(images/ico_arrow.gif) no-repeat left 10px; }
ul.simple-list li.first { border:none; }

ul.simple-icon-list {}
ul.simple-icon-list li { display:-moz-inline-box; display:inline-block; *display:inline; *zoom:1; margin:3px 4px 0 0; *margin-right:7px; padding:3px; }
ul.simple-icon-list li img { border:2px solid #ececea; }


#sidebar-contents .box { background:#f0f2f1; border:1px solid #e5e5e5; margin:15px 0; padding:10px 9px; }
#sidebar-contents .box .hd {  background:url(images/side_hd.gif) repeat-x; height:27px; line-height:27px; border:1px solid; border-color:#caeae9 #d7e2e8 #d6e5ec #d8e2e4; }
#sidebar-contents .box .hd span { float:right; margin-right:15px; }
#sidebar-contents .box .hd h3 { padding-left:10px; color:#000; font-weight:bold; font-size:14px; }
#sidebar-contents .box .bd { background:#fcfafb; padding:6px 8px; }

#sidebar-contents .box ul.simple-list li { margin:0; padding-left:12px; }

#sidebar-contents .box ul.simple-icon-list li { margin:3px 4px 0 0; *margin-right:7px; padding:3px; }

#sidebar-contents .box ul.data-list li { padding-top:5px; margin-bottom:5px; border-bottom:none; border-top:1px dotted #d9d9d9; height:1%; overflow:hidden; }
#sidebar-contents .box ul.data-list li.first { border:none; }
#sidebar-contents .box ul.data-list li .group span.f-r a { color:#de0014; }
#sidebar-contents .box ul.data-list li .group span.author a { color:#39c; }
#sidebar-contents .box ul.data-list li .infos { background:url(images/ico_arrow.gif) no-repeat 10px center; margin-right:0; }
#sidebar-contents .box ul.data-list .title { margin:0; padding-left:15px; background:Url(images/ico_pp.gif) no-repeat left 3px; }
#sidebar-contents .box ul.data-list div.icon { border:1px solid #ddd; padding:2px; float:left; margin-top:8px; }
#sidebar-contents .box ul.data-list div.withImg { margin-left:40px; }
#sidebar-contents .box ul.data-list div.withImg .title { padding-left:0; background:url(); }
#sidebar-contents .box ul.data-list div.withImg .infos { padding-left:10px; background-position:left center; }
#sidebar-contents .box ul.data-list img.f-l { float:left;  }
#sidebar-contents .box ul.data-list div.withImg .infos-rich { margin-top:5px; padding-bottom:3px; }
#sidebar-contents .box ul.data-list div.withImg .infos-rich span { margin-right:10px; }
#sidebar-contents .box ul.data-list div.withImg .infos-rich span.time { padding-left:18px; background:Url(images/ico_pencil.gif) no-repeat left center; }

#search-header { padding-left:25px; background:url(images/ico_search.gif) no-repeat left top; }
#search-header select { border:1px solid #83d1e8;   }
#search-header input.text { border:1px solid #83d1e8; }
#search-header input.submit { border:1px solid #83d1e8; background:#f3f7ff; color:#6e6f71; margin-left:5px; *padding-top:2px; -moz-border-radius:5px; -webkit-border-radius:5px; }

div#splitpane-content .box { margin-bottom:10px; }
div#splitpane-content .box .hd { border-bottom:1px solid #c4e8de; height:30px; line-height:30px; }
div#splitpane-content .box .hd h2 { border:none; color:#000; font-weight:bold; float:left; margin-right:35px; margin-bottom:0; }
div#splitpane-content .box .hd .tabmenu { position:relative; top:1px; *top:0; _top:7px; height:30px; *height:31px; overflow:hidden; }
div#splitpane-content .box .hd .tabmenu a { 
	display:-moz-inline-box; display:inline-block; *zoom:1; *display:inline; 
	height:29px; overflow:hidden; padding-left:6px; margin:0; background:url(images/tabmenu.gif) no-repeat 0 0;
}
div#splitpane-content .box .hd .tabmenu span { 
	display:-moz-inline-box; display:inline-block; *zoom:1; *display:inline; 
	height:29px; overflow:hidden; padding-left:6px; margin:0;
}
div#splitpane-content .box .hd .tabmenu a span { 
	display:-moz-inline-box; display:inline-block; *zoom:1; *display:inline;
	padding-right:6px; background:url(images/tabmenu.gif) no-repeat right 0; color:#315474;
}
div#splitpane-content .box .hd .tabmenu a.on { background-position: 0 -29px; position:relative; top:1px; }
div#splitpane-content .box .hd .tabmenu a.on span { background-position:right -29px; color:#000; }

div#splitpane-content .box .bd { /*clear:both;*/ }
div#splitpane-content .box .fd { height:3px; border-bottom: 1px solid #c4e8de; }


div#splitpane-content .data-table { }
div#splitpane-content .data-table td.title a { color:#036; }
div#splitpane-content .data-table caption { height:30px; line-height:30px; }
div#splitpane-content .data-table caption h3 { float:left; padding-left:25px; color:#000; font-weight:bold; font-size:14px; }
div#splitpane-content .data-table caption span { float:right; margin-right:20px; }
div#splitpane-content .data-table td { padding:3px; }
div#splitpane-content .data-table td.title a:link { color:#036; }
div#splitpane-content .data-table td.title a:visited { color:#999; } 
div#splitpane-content .data-table td.time { color:#415765;text-align:center;  }
div#splitpane-content .data-table td.reply { font-weight:bold; text-align:center;  }
div#splitpane-content .data-table td.group { text-align:center; }
div#splitpane-content .data-table td.group a { color:#099; }
div#splitpane-content .data-table td.title { padding-left:15px; background:url(images/ico_arrow.gif) no-repeat 5px center; }

.data-list div.title { padding:3px 15px 3px 20px; margin:5px 0; background:#f1f1f1 Url(images/ico_author.gif) no-repeat left center; }
.data-list div.title span.reply { float:right; }
.data-list .icon { display:inline; float:left; }
.data-list li { list-style-type:none; border-bottom:1px dotted #9d9d9d; margin-bottom:10px; padding-bottom:5px; height:1%; overflow:hidden; }
.data-list td .time { float:right; margin-right:15px; color:#666; }
.data-list div.infos { padding-left:20px; background:url(images/ico_pen.gif) no-repeat left 3px; color:#000; margin-right:85px; }
.data-list div.infos span { color:#666; }

.author-info p a.add-friend { color:#b13849; padding-left:15px; background:url(images/ico_addfriend.gif) no-repeat left center; }
.author-info p a.send-mail { color:#b13849; padding-left:15px; background:url(images/ico_sendmail.gif) no-repeat left center; }
.author-info p a.message { color:#b13849; padding-left:15px; background:url(images/ico_pen_red.gif) no-repeat left center; }
.author-info p a.add-application { color:#646464; padding-left:15px; background:url(images/ico_add_app.gif) no-repeat left center; }
.author-info ul { margin:0; padding:0; margin:10px 0; }
.author-info li { list-style-type:none; margin:5px 0; }
.author-info li a { color:#41669a; font-size:14px; font-weight:bold; }

.article-content .location { margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #EEE; }
.article-content .author-info { width:85px; padding-right:10px; float:left; font-size:12px; }
.article-content .author-info img { border:1px solid #EEE; }
.article-content .author-info p { margin:5px 0; line-height:150%; }
.article-content .author-info .author-name { color:#3996c2; font-weight:bold; font-size:14px; margin-top:8px; }
.article-content .main-content .author-info { float:none; *float:left; width:100%; min-height:90px; position:relative; }

.article-content .main-content { margin-left:100px; }


div#content-holder .article-content .main-content h1 { font-size:16px; font-weight:bold; line-height:200%; text-align:center; color:#376b9b; border-bottom:1px dotted #c9c9c9; }
.article-content .main-content p.infos { text-align:right; line-height:200%; font-size:12px; }
.article-content .main-content p.infos span.comment { padding-left:15px; background:url(images/ico_pp2.gif) no-repeat left center; color:#376b9b; }
.article-content .main-content p.infos span.date { padding-left:15px; background:url(images/ico_date.gif) no-repeat left center; color:#262e39; margin-left:10px; }

div#content-holder .article-content  .main-content h2 { margin-bottom:0; border:none; font-size:14px; font-weight:bold; color:#2c9cce; float:left; margin-right:20px; }
.article-content  .main-content .abstract { border-bottom:1px dotted #c5c5c5; color:#696969; }
.article-content  .main-content .abstract span { float:right; padding-left:15px; background:url(images/ico_pencil.gif) no-repeat left center; }
.article-content  .main-content .author-tools { float:right; }
.article-content  .main-content .detail-info { color:#333; font-weight:bold; padding-bottom:15px; }
.article-content  .main-content .detail-info span.label { color:#6a6a6a; font-weight:normal; }

div#content-holder .article-content .main-content .newsfeed h2 { color:#416482; }
.newsfeed ul { margin:10px 0; padding:0; }
.newsfeed li { list-style-type:none; margin:3px 0; color:#6c6c6c; border-bottom:1px solid #eaeaea; padding-bottom:3px; padding-left:20px; background:url(images/ico_pen.gif) no-repeat left 3px;  }
.newsfeed li.friend { background-image: url(images/newsfeed_friend.gif);}
.newsfeed li.topic { background-image: url(images/newsfeed_topic.gif);}
.newsfeed li.message { background-image: url(images/ico_pencil.gif);}
.newsfeed li.group { background-image: url(images/newsfeed_group.gif);}
.newsfeed li.share { background-image: url(images/newsfeed_share.gif);}
.newsfeed li.pic { background-image: url(images/newsfeed_pic.gif);}
.newsfeed li.friend img { border:1px solid #e3e3e3; padding:3px; }
.newsfeed li span.eventime { float:right; color:#999; font-size:12px; }
.newsfeed span.author , .newsfeed span.topic , .newsfeed span.group { margin:0 3px; }
.newsfeed li .topic a { color:#316192; font-weight:bold; }
.newsfeed li div.detail { color:#000; }
.newsfeed li div.detail p { margin-bottom:0; color:#000; }
.newsfeed li div.detail span.sign { color:#d7d7d7; font-size:24px; margin:0 3px; font-family:Impact,"Bauhaus 93";}
.newsfeed p.more { text-align:right; }

.article-content .blog-keyword { padding-left:20px; background:url(images/ico_tag.gif) no-repeat left center; color:#7590bf; }
.article-content .blog-keyword a { color:#7590bf; }
.article-content .blog-keyword span { color:#979797; }
.article-content .blog-tools { border-top:1px dotted #cbcbcb; padding-top:5px; color:#99a2ab; }
.article-content .blog-tools a { color:#99a2ab; }
.article-content .blog-tools span.f-r a { color:#c30215; margin-left:5px; }
.article-content .blog-tools span.f-r a img { position:relative; top:3px; _top:1px; }

.article-comment { clear:both; border-top:1px solid #c6eae0; margin-top:-8px; padding-top:10px; }
.article-comment h3 { font-size:14px; font-weight:bold; padding-left:20px; line-height:200%; background:url(images/ico_comment.gif) no-repeat left center; border-bottom:1px solid #ebebeb;  }
.article-comment h3 span { color:#999; font-size:12px; font-weight:normal; }
.article-comment h3 span b { margin:0 3px; color:#000; }
.article-comment ul { margin:0; padding:0 10px; }
.article-comment li { list-style-type:none; margin:12px 0; height:1%; overflow:hidden; }
.article-comment .commenter { float:left; width:90px; _width:95px; background:url(images/ico_comment_arrow.gif) no-repeat right 10px; position:relative; left:1px; }
.article-comment .commenter p.img { padding:4px; border:1px solid #ddd; display:-moz-inline-box; display:inline-block; *zoom:1; *display:inline; }
.article-comment .comment-content { margin-left:90px; padding:10px 10px 0; border:1px solid #eae8e9; color:#3c3c3c; -moz-border-radius:5px; -webkit-border-radius:5px; }
.article-comment .comment-content .tools { color:#9c9c9c; border-top:1px dotted #cacaca; margin:10px 0 0; } 
.article-comment .comment-content .tools a { color:#999; }

.pagination { text-align:center; }
.pagination a { display:-moz-inline-box; display:inline-block; *display:inline; *zoom:1; padding:1px 10px; border:1px solid #f3f2f7; background:#f5f9fa; font-weight:bold; color:#658ba2; }
div#content-holder  .pagination a:hover { color:#000; text-decoration:none; }
.pagination a.on { border-color:#85a2c2; background-color:#5a7da5; color:#fcfcfa; }
div#content-holder .pagination a.on:hover { color:#fcfcfa; }
.pagination a.prev, .pagination a.next { border-color:#87a2bd; font-weight:normal; padding:0 5px; }
.pagination a.prev { padding-left:10px; background:#f6feff url(images/ico_prev.gif) no-repeat 2px center; }
.pagination a.next { padding-right: 10px; background:#f6feff url(images/ico_arrow.gif) no-repeat 45px center; }

.write-comment p { text-align:right; }
.write-comment h4 { font-size:14px; color:#676767; padding-left:20px; background:url(images/ico_comment.gif) no-repeat left center;  margin-bottom:3px; }
.write-comment  a { color:#c80015; }
.write-comment  textarea { width:98%; height:90px; border:1px solid #e9e7e8; }
.write-comment .submit { border:1px solid #a6d6ec; background:#e5f3f4 url(images/ico_pen.gif) no-repeat 4px center; color:#000; cursor:pointer; margin-top:3px; *padding-top:2px; padding-left:20px;  }

/* edit-sign */
#edit-sign { width:350px; height:27px; *height:28px; border:1px solid #dadada; background:#ffffeb; -moz-border-radius:5px; -webkit-border-radius:5px; position:absolute; top:33px; left:50px; }
#edit-sign form { position:relative; top:-9px; background:url(images/edit_sign.gif) no-repeat 10px top; }
#edit-sign form input { margin:12px 5px 0; }
#edit-sign form input.txt { width:280px; border:none; *width:270px; }
#edit-sign form input.btn { background:#f5fafd; border:1px solid #abd3ca; padding:1px 5px; *padding:3px 5px 0; -moz-border-radius:5px; -webkit-border-radius:5px; cursor:pointer; }

/* my group newsfeed */
.act-create { margin-left:10px; color:#d30000; font-size:14px; }
.article-content ul.data-list { margin:0; padding:0; } 
#my-group ul.data-list li { float:left; width:45%; height:80px; overflow:hidden; margin:8px 5px 0; }
#my-group ul.data-list .group span.f-r a { color:#c9000f; }


/* mail */
#my-mail p.table-act { height:35px; line-height:35px; background:#c1d9f3; color:#000; padding:0 10px; margin-bottom:0; text-align:right; clear:right; }
#my-mail p.table-act span.btns { float:left; }
#my-mail p.table-act span.pagination { float:right; }
#my-mail .mail-list { margin-top:1px; }
#my-mail .mail-list th { background:#f3f4f8; border-bottom:1px solid #c6c7cb; border-right:1px solid #c6c7cb; font-weight:normal; text-align:left; padding-left:15px; }
#my-mail .mail-list td { padding-left:15px; }
#my-mail td.actions { border:none; border-top:1px solid #e4e5e7; padding:5px 15px; background:#f3f4f8; color:#808088; font-size:12px; }


table#user-card { background:#FFF; border:1px solid #94a6be; }
table#user-card td { padding:0 2px; color:#616161; }
table#user-card b { color:#2e2e2e; }
table#user-card b.username { color:#3899d0; }

.popWindow table { background:#ffffeb; border:1px solid #dcdcdc; color:#333; -moz-border-radius:8px; -webkit-border-radius:8px; }
#splitpane-content .popWindow table td { border:none; border-bottom:1px solid #EEE;  }
#splitpane-content .popWindow table tfoot td { border:none; font-weight:bold; }

div.middle-search { padding:5px 15px 5px 35px; background:#fafafa url(images/ico_search.gif) no-repeat 10px center;  }
div.middle-search form { margin:0; }

#splitpane-content table.share-table td { border:none; }
.share-box { padding-right:10px; border-bottom:1px solid #efefef; }

div#splitpane-sidebar  #community_blog td { border-width:0 0 1px; }
div#splitpane-sidebar #hot_blog td { border-width: 0; } 

#sidebar-contents #putupBooks { width:251px; height:200px; overflow:hidden; padding:0; border:none; padding-top:65px; background:url(images/putupbooks.jpg) no-repeat;position:relative }
#sidebar-contents #putupBooks .hd1 { display:block;position:absolute;top:24px;left:107px;height:40px;line-height:40px }
#sidebar-contents #putupBooks .bd { background:transparent;position:relative;padding:20px 8px 5px 8px; }
#sidebar-contents #putupBooks p { margin:0; color:#0c264d; }
#sidebar-contents #putupBooks span { margin:0; color:#0c264d;position:absolute;top:44px;left:55px }
#sidebar-contents #putupBooks p .p1 { margin:40px 0 0 0; color:#0c264d; }
#sidebar-contents #putupBooks .book, #sidebar-contents #putupBooks .book a { color:#f7d98d; font-weight:bold;line-height:34px }
#sidebar-contents #putupBooks .author { color:#0c264d;font-weight:bold;position:absolute;top:22px;left:56px}