@charset "utf-8";


.clearight{ clear:both; height:10px; overflow:hidden;}
.clearleft-c { clear:left; height:0px;}
.side-vote-num{ margin:0; width:278px; border:1px solid #5F99CF; background:#EFF7FF; padding:4px 10px 2px 10px;}
.side-vote-num p{ margin:6px 0;}
.side-vote-num .vote-num{ color:#6B6B6B;}
.side-vote-num .vote-info{ color:#6B6B6B;}
.side-vote-num .vote-info a{ color:#1C3679;}
.side-vote-num .vote-info a:hover{ color:#1C3679;}
.side-vote-num .vote-num .Cred-num{ color:#FF4500; padding:0 5px; font-size:14px; font-weight:bold;}
.side-vote-num .vote-num .Cblue-num{ color:#3152A6; padding:0 5px; font-size:14px; font-weight:bold;}

.votenum-box{ margin:10px 0;background:url(/img/common/comment-num-bg.gif) repeat-x; height:64px;}
.votenum-sider{ height:64px; background:url(/img/common/comment-tab.gif) no-repeat left 0;}
.votenum-inder{ height:60px; background:url(/img/common/comment-tab.gif) no-repeat right -64px; margin-left:10px; padding-right:10px; padding-top:4px;}
.votenum-inder .numbox{ height:21px; clear:both; padding-top:4px;}
.votenum-inder .numbox a{color:#336699; text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif}
.votenum-inder .numbox a:hover{ color:#336699;}
.votenum-inder .numbox .num-bar{ float:left; padding-top:7px; height:18px;}
.votenum-inder .numbox .num-votes{ float:left; color:#CC0000;  font-size:180%;  padding:0 3px;}
.votenum-inder .numbox .num-comments{ float:left; color:#CC0000; font-size:180%; padding:0 3px;}

/* dig users */
.digusers{ margin:2px 15px; width:auto;}
.digusers ul{ line-height:22px;}
.digusers li{ float:left; width:120px;}
.digusers li a{ font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#336699;}
.digusers li a:hover{ color:#336699; text-decoration:none;}

/* Comment */
.add-comment-box{ margin:0; padding:0 10px; overflow:hidden;}
.add-comment-box .add-tab{ margin-bottom:10px; height:29px; background:url(../../img/common/bg-line.gif) repeat-x; text-align:left; line-height:25px;}
.add-comment-box .add-box{}
.add-comment-box .add-box textarea{ font-size:14px; font-family:Arial, Helvetica, sans-serif;}

/* Comments */
.forbox{ margin:0 10px; overflow:hidden; height:auto;}
.forbox .fortab{ margin:0 10px 0 0;background:#F1F2F3; height:25px; overflow:hidden;}
.forbox .fortab .forname{ float:left; height:25px; line-height:25px; padding-left:6px; font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif}
.forbox .fortab .forname a{ color:#336699;}
.forbox .fortab .forname a:hover{ color:#CC0000;}
.forbox .fortab .fordate{ float:left; line-height:25px; height:25px; color:#888; margin-left:10px;}
.forbox .fortab .forscre{ float:right; height:25px; overflow:hidden; margin-right:2px; }
.forbox .fortab .forscre .scre{ float:left; font-size:11px; margin-right:6px;color:#888;line-height:25px; height:25px;}
.forarrow { float:left;height:18px; margin-right:4px; padding-top:8px; background-position:center center; background-repeat:no-repeat;  width:18px; cursor:pointer;}
.forarrow.forup { background-image:url(/img/common/icon_up.png);}
.forarrow.fordo { background-image:url(/img/common/icon_down.png);}
.forbox .forcont{ margin:0 10px 0 0; font-size:14px; line-height:22px; color:#333; padding:6px 0 10px 6px;}
.forbox .forcont a{ font-size:12px; color:#999; text-decoration:underline;}
.forbox .forcont a:hover{ color:#333;}

/* Comments */
#comment_tip{ margin-left:10px; padding-top:2px; color:#FC0303}
#commentform{ margin:10px 0 10px 0;}
#commentform textarea{ height:90px; display:inline; width:500px; margin-bottom:6px;}
#commentform .btn-submit{ width:70px; height:25px; line-height:20px; font-size:12px;}
#commentform .btn-cancel{ width:50px; height:25px; line-height:20px; font-size:12px; margin-left:5px;}