#discussion {
padding-left:0px;
}
#discussion h3 {
color: #174269;
font-size: 140%;
border-bottom: 3px solid #174269;
margin-bottom: 30px;
}
#discussion ol
{
    margin:0px;
    padding:0px;
}
#discussion li.comment {
list-style:none;
margin-bottom: 10px;
min-height: 32px;
border-top: 1px solid #c2c5cc;
padding-top: 10px;
display:block;

}
#discussion li.ch {
border-top: 1px solid #66004f;
}
#discussion li.admin {
border-top: 1px solid #174269;
}
#discussion div.commentheader {
width: 100%;
background-color: #fff;
border-bottom: 1px solid #efefef;

}
#discussion div.commentheader dd.comment-date {
height: 20px;
padding-top: 1px;
line-height: 14px;
}
#discussion div.commentheader li.commentrating,
#discussion div.commentheader li.show,
#discussion div.commentheader li.hide {
height: 20px;
padding-top: 10px;
line-height: 14px;
}

#discussion .loading .comment-date {
background-image: url("/static/images/ajax-loader-transparent.gif");
background-repeat: no-repeat;
background-position: center left;
padding-left: 35px;
}
#discussion li.ch div.commentheader {
background-color: #f7fBF0;/*quan trong*/
border-bottom: 1px solid #dedede;

}
#discussion li.admin div.commentheader {
background-color: #e1f7ff;
border-bottom: 1px solid #dedede;
}
#discussion div.commentheader dl {
display: inline;
padding: 0;
margin: 0;
}
#discussion div.commentheader dd.avatar {
position: absolute;
top: 0;
left: 0;
}
#discussion div.commentheader dd.user {
position: absolute;
left: 42px;
top: 3px;
}
#discussion div.commentheader dd.user a {
font-size: 14px;
font-weight: normal;
text-decoration: underline;
}
#discussion div.commentheader dd.user a:hover {
text-decoration: underline;
}
#discussion div.commentheader dd.badge {
position: absolute;
left: 42px;
bottom: 3px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
}
#discussion div.commentheader dd.ch {
color: #66004f;
background-color: #ffeefc;
}
#discussion div.commentheader dd.staff {
color: #174269;
background-color: #e1f7ff;
}
#discussion div.commentheader dd.comment-date {
float: right;
clear: none;
position: relative;
color: #A9ACB1;
font-size: 12px;
text-align: right;
margin: 0 5px;
}
#discussion div.commentheader dd.commentactions {
float: right;
position: relative;
overflow: hidden;
margin: 0 5px;
}

#discussion div.commentheader dd.commentactions li {
float: left;
clear: none;
display: inline;
font-size: 12px;
}
#discussion div.commentheader li.rate-up-comment a,
#discussion div.commentheader li.rate-down-comment a,
#discussion div.commentheader li.spam-comment a,
#discussion div.commentheader li.delete-comment a,
#discussion div.commentheader li.restore-comment a {
display: block;
height: 32px;
width: 20px;
text-indent: -9000px;
background: transparent url("/static/images/commentrating-sprites.png") no-repeat;
}
#discussion div.commentheader li.spam-comment a {
display: block;
height: 16px;
margin: 8px 0;
width: 20px;
text-indent: -9000px;
text-decoration: none;
background: transparent url("/static/images/spam.png") no-repeat;
}
#discussion div.commentheader li.notspam-comment a {
display: block;
height: 16px;
margin: 8px 0;
width: 20px;
text-indent: -9000px;
text-decoration: none;
background: transparent url("/static/images/notspam.png") no-repeat;
}
#discussion div.commentheader li.show,
#discussion div.commentheader li.hide {
font-size: 14px;
font-weight: bold;
margin-left: 5px;
margin-right: 5px;
}
#discussion div.commentheader li.commentrating {
font-size: 14px;
color: #CCC;
margin-left: 5px;
margin-right: 5px;
}
#discussion div.commentheader li.show a,
#discussion div.commentheader li.hide a {
color: #CCC;
}
#discussion div.commentheader li.show a:hover,
#discussion div.commentheader li.hide a:hover {
text-decoration: underline;
}
#discussion div.commentheader dd.commentactions li.view {
position: absolute;
left: -99999px;
}
#discussion div.commentheader li.neutral { color: #c2c5cc; }
#discussion div.commentheader li.positive { color: #093; }
#discussion div.commentheader li.negative { color: #f00; }
#discussion div.commentheader li.delete-comment { width: 20px; }
#discussion div.commentheader li.delete-comment a:link,
#discussion div.commentheader li.delete-comment a:visited {
width: 20px;
background-position: 0px 0px;
}
#discussion div.commentheader li.delete-comment a:hover {
background-position: 0px -32px;
}
#discussion div.commentheader li.restore-comment { width: 20px; }
#discussion div.commentheader li.restore-comment a:link,
#discussion div.commentheader li.restore-comment a:visited {
width: 20px;
background-position: -66px 0px;
}
#discussion div.commentheader li.restore-comment a:hover {
background-position: -66px -32px;
}
#discussion div.commentheader li.rate-up-comment { width: 23px; }
#discussion div.commentheader li.rate-up-comment a:link,
#discussion div.commentheader li.rate-up-comment a:visited {
width: 23px;
background-position: -20px 0px;
}
#discussion div.commentheader li.rate-up-comment a:hover {
background-position: -20px -32px;
}
#discussion div.commentheader li.rate-down-comment { width: 23px; }
#discussion div.commentheader li.rate-down-comment a:link,
#discussion div.commentheader li.rate-down-comment a:visited {
width: 23px;
margin-right: 10px;
background-position: -43px 0px;
}
#discussion div.commentheader li.rate-down-comment a:hover {
background-position: -43px -32px;
}
#discussion div.commentbody {
padding: 7px 0;
font-size: 14px;
line-height: 1.5;
background-color: #fff;
}
#discussion div.commentbody p {
margin: 7px 0;
padding: 0;
line-height: 1.5;
}
#discussion div.licensed-content-declaration {
font-style: italic;
border: 1px dashed #ccc;
background-color: #fdfdfd;
margin-left: -1em;
padding: 0 1em;
}
#discussion div.licensed-content-declaration ul {
padding-left: 1.5em;
list-style-type: disc;
padding-bottom: 1em;
}
#discussion .nocomments {
padding: 0;
margin: 30px 0;
}
#discussion li.hidden {
border-top: 1px solid #c2c5cc;
background-color: none;
margin-bottom: 0;
}
#discussion li.hidden div.commentheader {
background-color: #fff;
border-bottom: 1px solid #efefef;
opacity: 0.4;
}
#discussion li.hidden dd.badge {
background-color: #fff;
color: #525b6e;
}

#comment-discussion {
padding-right: 40%;
border-top: 2px solid #174269;
padding-bottom: 30px;
}
#comment-discussion h3 {
border: 0;
padding-top: 20px;
}
#comment-discussion textarea {
width: 100%;
height: 100px;
border: 2px solid #A0A7B1;
}
#comment-discussion p {
float: left;
width: 300px;
padding: 5px 0 0;
color: #A9ACB1;
font-size: 80%;
line-height: 1.4;
}
#comment-discussion input.button {
background-color: #a0a7b1;
border: 0;
color: #fff;
display: block;
float: right;
padding: 4px 6px;
margin: 10px -4px 0 0;
text-transform: lowercase;
}
#discussion .commentsclosed {
clear: both;
margin: 2em 0;
}
#discussion-page-controls {
display: block;
clear: both;
margin: 0 0 20px 0;
padding: 0;
font-size: 90%;
text-align: right;
}
#discussion-page-controls a {
margin: 0;
padding: 1px 14px 2px 0;
font-weight: bold;
text-decoration: none;
text-transform: lowercase;
border-bottom: 2px solid #006699;
}
#discussion-page-controls a.show-all-comments {
background: #fefefe url("/static/images/paginate-sprites.png") no-repeat 100% -48px;
}
#discussion-page-controls a.paginate-comments {
background: #fefefe url("/static/images/paginate-sprites.png") no-repeat 100% 0%;
}
#discussion-page-controls a:hover {
border-bottom: 2px solid #0099CC;
}
