/* comment_simple edit and list css */
.comment{ width:100%; font-size:12px;}
.comment h1{ line-height:30px; float:left; font-weight:bold; font-size:14px;}
.comment h2{ line-height:30px; float:right; font-size:12px;}
.comment em{ color:#F00; line-height:30px; font-size:12px;}
.comment a{ font-size:12px;}

.commentTitle{ width:95%; margin:auto; height:30px;}
.commentTitle a{ font-size:12px;}
.commentTitle span{ line-height:30px; float:left; font-size:14px; font-weight:bold; color:#2b4099;}
.commentTitle em{ float:right; padding-right:1%; font-size:12px; line-height:28px;}
.commentTitleLeft{ height:30px; float:left; line-height:30px; font-size:14px; font-weight:bold; color:#2b4099;}
.commentTitleRight{ width:100px; height:30px; float:right; line-height:30px; text-align:right;}

.commentForm{ width:95%; margin:auto; height:140px;}
.commentFormScore{ width:95%; margin:auto; height:240px;}		
.commentForm1{ float:left;text-align:right; width:100%; line-height:26px;}
.commentFormLeft1{ float:left;text-align:right; width:80px; line-height:26px;}
.commentFormRight1{ float:left;}
.commentFormLeft2{ float:left;text-align:right; margin-top:10px; width:80px; line-height:26px;}
.commentFormRight2{ float:left; margin-top:10px;}
.commentFormRight3{ float:right; margin-top:10px;}
.commentContent{width:100%; height:80px; border:1px solid #ccc; line-height:24px;}	
.commentContentScore{width:100%; height:80px; border:0px solid #ccc; line-height:24px;}	
.commentCaptcha{ width:100px; height:26px; border:1px solid #ccc; line-height:26px;}
.publishButton{ background:#ff7e0c; width:80px; height:30px; line-height:30px; color:#fff; border:0; cursor:pointer; text-align:center;}

.commentLogin{ width:100%;font-size:14px;color:red;margin:10px 10px 10px 23px;}
.commentLogin a{ font-size:14px; font-weight:bold;}

#commentList{ line-height:30px; float:right; margin-right:5px; font-size:12px;}
#commentList a{ font-size:12px;}
#commentListContainer{ width:97%; margin:auto; line-height:24px; font-size:12px;}

.clear{ clear:both;}
.clear-10{ clear:both; height:10px;}


/* comment_simple page css */
.container{ margin:auto; width:990px;}
.width990{ float:left; width:990px; margin-bottom: 10px;}
.commentHeader{ width:100%;}
.commentBlock{ border:1px solid #d8d8d8; background:#fcfcfc;}
.marginTop10{ margin-top:10px;}
.commentTopic{ width:97%; margin:auto;}
.commentTopic h1{ font-size:28px; padding:20px 0; font-family:"微软雅黑","黑体"; text-align:center; line-height:30px;}
.commentTopic a{ font-size:28px;}
.commentTopic a:hover{ color:#ff0000;}
.commentTopicRelease{ line-height:30px; text-align:center; color:#999; font-size:12px;}
dl.commentDataList dt{ margin:5px 0 0 0;}
dl.commentDataList dd{ margin:0 0 5px 0; color:#8e8e8e;}
dl.commentDataList dd.line{ border-bottom:1px dotted #ccc;}
dl.commentDataList dt span{ color:#d80c18;}

/* comment_grade css */
.stMain { display: block; margin: 0; padding: 0; }
.stContainer { padding: 40px; overflow: hidden; position: relative; }
.stMain div.tabContent { display: block; position: absolute; margin-top: 200px; padding: 10px; border: 1px solid #dbdbdb; text-align: left; }
.stMain ul.tabAnchor { border: 1px solid #dbdbdb; display: inline-block; list-style-type: none; position: relative; padding: 9px 10px; margin: 28px 0 0 0; clear: both; z-index: 100; width: 968px; }
.stMain ul.tabAnchor li { position: relative; margin: 0; padding: 0; float: left; }
.stMain ul.tabAnchor li a:hover { color: #656565; }
.stMain ul.tabAnchor li a:hover { color: #fa9418; text-decoration: underline; }
#filterGrade li { display: block; margin: 0 30px 0 15px; padding: 5px 0 5px 18px; height: 13px; width: 70px; font-size: 12px; color: #666; background: url(../img/images/pltabs.jpg) no-repeat 0 -22px; }
#filterGrade .liActive { color: #656565; cursor: text; background-position: 0 7px; font-weight: bold; }
#filterTag { border: 1px solid #dbdbdb; margin-top: 8px; padding: 15px 0px 5px 27px; }
#filterTag span { display: block; font: 14px/24px "微软雅黑"; float: left; }
#filterTag .filterTagList { width: 880px; }
#filterTag a { background: #fbfbfb; border: 1px solid #dbdbdb; display: block; float: left; padding: 2px 6px 2px 6px; font: 14px/20px "微软雅黑"; margin: 0 28px 12px 0; }
#filterTag .cur { color: #ff0000; background: #fbfbfb; border: 1px solid #ff0000; display: block; float: left; padding: 2px 6px 2px 6px; font: 14px/20px "微软雅黑"; margin: 0 28px 12px 0; }
#filterTag #more { background: url(../img/images/more.jpg) no-repeat; padding: 0; width: 32px; height: 28px; }
#filterTag #more:hover { background-position: 0 -28px; }

#commentInput { border: 1px solid #dbdbdb; margin-top: 8px; padding: 0px 0px; position: relative; }
#commentInput .required{color: #ff0000;}
#commentInput #gradeSelect { border-bottom: 1px solid #dbdbdb; margin-top: 0px; padding: 15px 0px 5px 27px; width:100%; }
#commentInput #tagSelect { border-bottom: 0px solid #dbdbdb; margin-top: 0px; padding: 10px 0px 0px 27px; width:100%; }
#commentInput #tagSelect #tagSelectLeft {color: background: #fbfbfb; border: 0px solid #dbdbdb; display: block; float: left; padding: 2px 8px 2px 0px; font: 12px/26px "微软雅黑"; margin: 0 0px 12px 0; }
#commentInput #tagSelect #tagSelectRight {color: background: #fbfbfb; border: 0px solid #dbdbdb; display: block; float: left; padding: 2px 8px 2px 0px; font: 12px/26px "微软雅黑"; margin: 0 0px 12px 0; }
#commentInput #tagSelect a {color: background: #fbfbfb; border: 1px solid #dbdbdb; display: block; float: left; padding: 2px 8px 2px 8px; font: 14px/20px "微软雅黑"; margin: 0 28px 0px 0; }
#commentInput #tagSelect a:hover { color: #000000; text-decoration:none; cursor:pointer; }
#commentInput #tagSelect .cur { color: #ff0000; background: #fbfbfb; border: 1px solid #ff0000; display: block; float: left; padding: 2px 8px 2px 8px; font: 14px/20px "微软雅黑"; margin: 0 28px 0px 0; }
#commentInput #tagSelect .cur:hover { color: #ff0000; text-decoration:none; cursor:pointer; }
#commentInput #tagSelect div{ border: 0px solid #dbdbdb; margin-top: 40px; padding: 0px 0px 0px 0px; width:100%; }
#commentInput #tagSelect textarea { border: 1; width: 821px; height: 100px; overflow: hidden; color: #000000; margin:0 0 2px 50px; padding: 3px 3px 3px 3px;}
#commentInput #tagSelect div.noTag{ border: 0px solid #dbdbdb; margin-top: 0px; padding: 0px 0px 0px 0px; width:100%; }
#commentInput #tagSelect div.noTag textarea { border: 1; width: 821px; height: 100px; overflow: hidden; color: #000000; margin:0 0 7px 50px; padding: 3px 3px 3px 3px;}
#commentInput #dl { position: absolute; top: 0px; left: 0px; width: 100%; height: 100px;}
#commentInput #dl div { color: #333; text-align: center; margin-top: 100px; font-family: "微软雅黑"; width: 100%; height: 100px;}
#commentInput #dl div span { color: #F00; }
#commentInput #dl div a { color: #fa9418; text-decoration: none; font-family: "微软雅黑" }
#commentInput #dl div a:hover { color: #fa9418; text-decoration: underline; font-family: "微软雅黑" }
#commentInput #sub { border: 1px solid #dbdbdb; background: #fbfbfb; display: block; width: 64px; height: 22px; line-height: 22px; text-align: center; position: absolute; right: 30px; bottom: 7px; }
#commentInput #publishButton { position: absolute; right: 0px; bottom: 0px; }

#tabs_container { border: 1px solid #dbdbdb; padding: 0 22px; margin-top: 10px; overflow: hidden; position: relative; }
/* #tabs_container div { border: 0px solid #dbdbdb; padding: 0 22px; } */
#tabs_container .li { border-bottom: 1px solid #dbdbdb; margin-bottom: 8px; padding: 15px 0 20px; }
#tabs_container .fl { border: none; padding: 0; width: 60px; text-align: center; float: left; }
#tabs_container .fl p { line-height: 20px; }
#tabs_container .user { border: 0px solid #ff7e0a; width: 38px; height: 38px; margin-bottom: 4px; }
#tabs_container .fr { border: none; padding: 0; width: 838px; float: right;  text-align:left; }
#tabs_container .fr p { font: 14px/22px "微软雅黑"; margin-bottom: 15px; }
#tabs_container .fr .fl { border: 0px solid #ff7e0a; color: #a5a5a5; width: 160px; text-align:left;}
#tabs_container .fr .fr { border: 0px solid #ff7e0a; float: right; text-align:right; color: #00F; font-size: 14px; }
#tabs_container .fr .fr a { color: #666; cursor:pointer; }
#tabs_container .fr .fr a:hover { color: #ff0000; }
#tabs_container .fr .fr a span { font-size: 12px; }
#tabs_container .pagelist { border: none; color: #666; text-align: center; word-spacing: 12px; padding: 15px 0 25px; }
#tabs_container .replyInput { border:0px solid #dbdbdb; border-top:none; height:28px; padding:10px 0; display:none;}
#tabs_container .replyInput textarea{ border:1px solid #dbdbdb; margin-top:20px; height:120px; width:838px;}
#tabs_container .replyInput .replyButton{ border:1px solid #dbdbdb; border-top:none; height:28px; padding:10px 0;}
#tabs_container .replyInput .replyButton input{ float:right; height:28px; margin-right:10px; padding:0 15px;}

#tabs_container .pagebar { border:0; text-align: center;}
#tabs_container .pagebar div { border:0; font-size:12px;}
#tabs_container .pagebar div a{ font-size:12px;}
#tabs_container .pagebar div select{ font-size:12px;}

.replyView { border: 1px solid #dbdbdb; padding: 0 22px; margin-top: 10px; overflow: hidden; position: relative; display:none;}
.replyViewLi { border-bottom: 1px solid #dbdbdb; margin-bottom: 8px; padding: 15px 0 20px; }
.replyViewFl { border: 0px solid #dbdbdb; padding: 0; width: 60px; text-align: center; color: #000000; float: left;}
.replyViewFl p { line-height: 20px; text-align: center; }
.replyViewUser { border: 0px solid #ff7e0a; width: 38px; height: 38px; margin-bottom: 4px; }
.replyViewFr { border: 0px solid #dbdbdb; padding: 0; width: 700px; float: right;  text-align:left; color: #000000;}
.replyViewFr p { font: 14px/22px "微软雅黑"; margin-bottom: 15px; }
.replyViewFrFl { border: 0px solid #ff7e0a; color: #a5a5a5; width: 160px; text-align:left; }

.commentNumberDisplay a {
	margin-left: 20px;
    display: inline-block;
    height: 23px;
    padding-left: 36px;
    padding-right: 10px;
    background-color: #ebf5fd;
    background-image: url(../img/images/comment_icon.png);
    background-repeat: no-repeat;
    background-position: left 30;
    font-weight: bold;
    font-size: 13px;
    font-family: 'tahoma';
}