@charset "utf-8";

/* Space , Css */
.sidecol{ height:auto; padding-top:6px;margin:0;}
.uname{ font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif}
.addfriend{ margin:5px 0 5px 0;}
.addfriend a{ color:#fff; text-decoration:none;}
.addfriend a:hover{ color:#fff; text-decoration:none;}
.addfriend h3{ background:url(/img/common/icon-addfriend.gif) no-repeat; width:55px; height:18px; padding:3px 0 0 15px;}
.addfriend h4{ background:url(/img/common/icon-addedfriend.gif) no-repeat; width:55px; height:18px; padding:3px 0 0 15px;}
.addfriend h5{ background:url(/img/common/icon-staticfriend.gif) no-repeat; width:55px; height:18px; padding:3px 0 0 15px;}
.aboutnum{ font-size:150%; font-weight:bold; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif;padding-top:0px;}
.aboutnum span{ font-size:12px; color:#666; font-weight:normal;}
.messagebox{ border-top:1px solid #666; margin:2px 0 0 0; height:25px;}
.messagebox h2{ float:left; background:url(/img/common/icon-message.gif) no-repeat 4px 6px; padding:3px 0 0 28px;}
.messagebox h6{ float:right;padding:3px 0 0 28px; color:#777}
.messagebox a{ color:#4779AF; text-decoration:none;}
.messagebox a:hover{ color:#000; text-decoration:none;}


/* Setting,friends */
.usertable{ margin:10px 10px 10px 10px;}
.usertable h1{ margin:15px 0 12px 0; padding:0; font-size:14px; font-weight:bold;color:#333;}
.usertable h2{ margin:5px 0; padding:0;}
.usertable .add_a_friend{ width:320px; height:20px; border:1px solid #808080; line-height:22px;}
.usertable .add{ width:50px; height:24px; line-height:18px; margin-left:5px; font-size:12px;}
.usertable .friendslist{ margin:5px 0;}
.usertable .friendslist ul{ clear:both; line-height:22px;}
.usertable .friendslist .user_name{ width:160px; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif}
.usertable .friendslist .send_message{ width:120px; font-size:12px;}
.usertable .friendslist .user_remove{ width:auto; font-size:12px;}
.usertable .friendslist li{ float:left;color:#FF0000}
.usertable .friendslist li a{ color:#336699; text-decoration:none; padding:0 4px;}
.usertable .friendslist li a:hover{ color:#336699; text-decoration:none;}

/* Setting,update */
.updatetable{ margin:0px 10px 10px 10px;}
.updatetable h1{ margin:10px 0 15px 0; padding:0; font-size:14px; font-weight:bold;color:#333;}
.updatetable h1 span{ font-size:12px; color:#FF6600; margin-left:20px; font-weight:normal;}
.updatetable .updatebox{ width:500px;}
.updatetable .updateCol {border-left:1px solid #CEE3F8; border-right:1px solid #CEE3F8; 
padding:0 10px 7px 10px;background:#CEE3F8; width:478px;}
.updatetable .u-blank{ width:100%; overflow:hidden; height:15px; font-size:1px;}
.updatetable .updateCol .u-bar{color:#000; padding:4px 0 2px 0;}
.updatetable .updateCol .u-bar span{ color:#999;}
.updatetable .updateCol .u-field{ padding:4px 0 0px 0;}
.updatetable .updateCol .u-field input{ width:474px; height:18px; border:1px solid #808080; padding:4px 0 5px 2px; font-size:16px}
.updatetable .b1 {height:1px; font-size:1px; overflow:hidden; display:block; background:#CEE3F8; margin:0 4px;}
.updatetable .b2 {height:1px; font-size:1px; overflow:hidden; display:block; background:#CEE3F8; border-right:2px solid #CEE3F8; border-left:2px solid #CEE3F8; margin:0 2px;}
.updatetable .b3 {height:1px; font-size:1px; overflow:hidden; display:block; background:#CEE3F8; border-right:1px solid #CEE3F8; border-left:1px solid #CEE3F8; margin:0 1px;}
.updatetable .b4 {height:2px; font-size:1px; overflow:hidden; display:block; background:#CEE3F8; border-right:1px solid #CEE3F8; border-left:1px solid #CEE3F8; margin:0 0px;}
.updatetable .submit{ padding:0px;clear:both; text-align:left; margin:10px 0;}
.updatetable .submit button{ width:80px; height:24px;text-align:center;font-size:12px;padding-top:0px!important;padding-top:2px;}
.messageShare{ width:522px; float:left;border-right:1px solid #ddd; margin-top:10px;}
.messageSharer{ width:200px; float:left; padding:20px 0 0 12px;}
.messageSharer li{ margin:8px 0;font-size:12px; color:#336699;font-family:Verdana, Arial, Helvetica, sans-serif}
.messageSharer li a{ color:#336699; text-decoration:none; padding:0 4px;}
.messageSharer li a:hover{ color:#336699; text-decoration:underline;}


/* Message */
.messageTable{ margin:10px 10px 10px 10px; padding:0;}
.messageTable h4{ font-size:12px; color:#FF4500;}
.message{ margin-bottom:25px; overflow:hidden;}
.message .tagline{ font-size:12px; color:#888;}
.message .author{ font-size:12px; color:#336699;font-family:Verdana, Arial, Helvetica, sans-serif;}
.message .author a{ color:#336699;}
.message .author a:hover{ color:#CC0000;}
.message .f{color:#FF4500;}
.message .f a{ color:#FF4500;}
.message .f a:hover{ color:#FF4500;}
.message .subject{ color:#000; font-weight:bold; margin:6px 0 0px 12px;}
.message .share{ font-size:12px; margin-left:12px; margin-top:10px;}
.message .share a{ color:#FF4500; text-decoration:none;}
.message .share a:hover{ color:#FF4500; text-decoration:underline;}
.message .body{ color:#000; line-height:22px; margin-left:24px; font-size:12px;}
.message .reply{ color:#888; margin-top:6px;  margin-left:24px;}
.message .reply a{ color:#888; margin-right:12px;}
.message .reply a:hover{ color:#888;}

/* Table,comments */
.commentbox{ margin:3px 0 3px 10px;}
.commentbox .parent{ font-size:15px; color:blue; word-spacing:3px; margin-bottom:3px;}
.commentbox .parent span{ font-size:10px; color:#888; margin-left:5px;font-family:Verdana, Arial, Helvetica, sans-serif}
.commentbox .parent a{ text-decoration:none; color:blue;}
.commentbox .parent a:hover{ text-decoration:none; color:red;}
.commentbox .parent span a{ text-decoration:none; color:#888;}
.commentbox .parent span a:hover{ color:#888; text-decoration:underline;}
.commentbox .voted-comment{ float:left; margin:0px 10px 0 0px; overflow:hidden;}
.commentbox .voted-comment .voted-up{ text-align:left; margin:3px 0 4px 0; cursor:pointer;}
.commentbox .voted-comment .voted-down{ text-align:left;cursor:pointer;}
.commentbox .comment-body .usertext{ color:#888;font-family:Verdana, Arial, Helvetica, sans-serif}
.commentbox .comment-body .usertext a{ color:#336699; font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif}
.commentbox .comment-body .comment-content{ color:#464545; line-height:22px;}
.commentbox .comment-body .comment-content a{ color:#888;}
.commentbox .comment-body .comment-content a:hover{ color:#888;}

/* Tree navs ,right */
.topic-block{ margin:10px 0px;overflow:hidden;}
.topic-block .widget-place{float:left;width:260px;height:auto;min-height:200px; margin-right:12px;}/*height:400px;*/
.topic-block .widget-place .widget{ margin-bottom:6px; background:#F1F1F1; height:19px;}
.topic-block .widget-place .widget .widget-sider{ height:19px; background:url(/img/common/fb_drag_bg.gif) no-repeat left 0;}
.topic-block .widget-place .widget .widget-inder{ height:17px; background:url(/img/common/fb_drag_bg.gif) no-repeat right -19px; font-family:"Courier New", Courier, monospace; color:#666; padding:2px 0 0 5px; cursor:move;}
.topic-block .widget-place .widget .widget-inder a{ text-decoration:none; color:#888;}
.topic-block .widget-place .widget .widget-inder a:hover{ text-decoration:underline; color:#888;}
.topic-block .widget-place .widget .widget-inder span{ margin-right:5px; color:#FF6F6F; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.widget-placeholder {border:1px dashed #FF99CC;}

/* Top links */
.toplink_css{float:left; border:1px solid #eee; margin-left:40px; padding:37px 30px; height:530px; width:200px; margin-top:10px;}