/* comment formats */
div.comments {font-size:.95em;line-height:140%;padding:0 10px;}
ol.comments {margin:0 0 10px 20px;padding:0 2px 0 5px;}
ul.comments {margin:0;padding:0;list-style-type:none;}
ul.comments.nest {margin-left:.8vw;padding-left:4px;border-left:1px dotted #cccccc;}
ol.comments li, ul.comments li {padding:5px 0 0 0;margin:10px 0 0 0;}
div.comments h4, div.comments h5 {margin-bottom:0;padding-bottom:0;}
div.comments p {margin-left:0;margin-bottom:5px;padding-right:5px;}
.cname {background:#eff4fa;padding:5px;margin:3px 0;}
.cdate {float:right;margin:10px;margin-top:0;}
.cbody {margin-top:2px;overflow-wrap:break-word;}
.cbody hr {border:none;background-color:#404040;height:1px;width:95%;}
.cbody h1, .cbody h2 {color:#404040;}
.cbody ol {margin:2px 2px 2px 32px;padding:0;}
.cbody ul {margin:2px 2px 2px 30px;padding:0;}
.cbody ol li {margin:0;padding:2px 2px 2px 5px;}
.cbody ul li {margin:0;padding:2px 2px 2px 7px;}
.cbody>p>code {background-color:#f0f7ff;border:1px solid #d0dfef;border-radius:5px;display:inline-block;margin:3px;margin-left:2em;max-width:90%;padding:2px;}
.cbody blockquote {font-style:italic;}
.commentsubject {margin:5px 0 13px 0;padding:0;overflow-wrap:break-word;}
ol.comments li p, ul.comments li p {padding:0;margin:5px;}
.commentname {display:inline-block;clear:both;margin:0 0 10px 0;padding-top:5px;vertical-align:top;}
.commentname img {margin-bottom:-2px;margin-right:10px;float:left;}
.frontandcenter {width:600px;border:solid black 1px;}
p.cmt_ops {font-size:8pt;}
img.cmnt-icon.tds {background:url('../images/in-badge-dk.png') no-repeat bottom;padding-bottom:12px;}
img.cmnt-icon.staff {background:url('../images/staff-badge.png') no-repeat bottom;padding-bottom:12px;}

.awfun {float:right;background:url('../images/awards.png') top left no-repeat;background-position:0 -27px;width:24px;height:24px;margin:1px 2px;padding:0 !important;}
.awins {float:right;background:url('../images/awards.png') top left no-repeat;width:24px;height:24px;margin:1px 2px;padding:0 !important;}
.abusiveflag {color:#ccc;font-style:italic;padding:2px;font-size:11px;}
.abusivetoggle {text-decoration:underline;}

/* comment rating and bookmarking */
.rate_cmnt {margin:0 0 0 7px;padding:0;font-size:8pt;font-weight:normal;color:#000000;float:right;}
.rate_cmnt label {padding-left:0px;margin-left:0px;}
.rate_cmnt label.positive {color:#55aa77;}
.rate_cmnt label.negative {color:#aa5555;}
.rate_cmnt ul {list-style:none;margin:0;padding:0;}
.rate_cmnt li.comment_rating {color:#006622;width:5em;font-family:calibri, arial, sans-serif;float:left;padding:2px;margin:0 0 0 1px;background:url('../images/c-bar.png');border-left:solid 1px #c0c0c0;border-top:solid 1px #c0c0c0;border-right:solid 1px #606060;border-bottom:solid 1px #606060;text-align:center;line-height:12px;}
.rate_cmnt li.negative {color:#aa1100;}
.rate_cmnt li.ed {width:2em;}
.rate_cmnt li.down {background: url('../images/c-bar-d.png') #94a9bf;border-left:solid 1px #606060;border-top:solid 1px #606060;border-right:solid 1px #c0c0c0;border-bottom:solid 1px #c0c0c0;}

div.comment-buttons {border-top:0;box-sizing:content-box;float:right;margin:0;padding:0;position:relative;}	
div.comment-buttons a {background-position:6px 50%, 0 0;background-repeat:no-repeat;border-right:1px solid #acc;box-shadow:0 1px 1px rgba(0,0,0,.5) inset;color:white;cursor:pointer;display:inline-block;font-family:Calibri, Arial, sans-serif;font-size:10px;height:10px;line-height: 1;padding:4px 6px 4px 22px;text-decoration:none;}
div.comment-buttons a:first-of-type {border-bottom-left-radius: 8px;}
div.comment-buttons a:last-of-type {border-bottom-right-radius:8px;border-right:0;}
div.comment-buttons a:after {position:absolute;top:20px;right:8px;color:black;display:none;width:300%;text-align:right;font-style:italic;font-size:11px;line-height:1.2;}
div.comment-buttons a:hover:after {display:block;}
div.comment-buttons a.ec-button {background-color:#11853a;background-image:linear-gradient(to bottom, #08d137, #11853a);background-position:0 0;padding-left:9px;}
div.comment-buttons a.ec-button:before {content: "EC";}
div.comment-buttons a.insightful-button:before, .funny-button:before {content: "+";}
div.comment-buttons a.fw-button:before {content: "FW";}
div.comment-buttons a.lw-button:before {content: "LW";}
div.comment-buttons a.report-button:before {content: "\00A0";}
div.comment-buttons a.ec-button.down {background-color:#6ecf84;background-image:none;}
div.comment-buttons a.insightful-button {background-color:#11853a;background-image:url('../images/icons/icon-insightful-12px.png'), linear-gradient(to bottom, #08d137, #11853a);}
div.comment-buttons a.insightful-button.down {background-color:#6ecf84;background-image:url('../images/icons/icon-insightful-12px.png');}
div.comment-buttons a.insightful-button:after {color:#5a6;content:"Rate this comment as Insightful.";}
div.comment-buttons a.insightful-button.down:after {content:"You have rated this comment as Insightful.";}
div.comment-buttons a.funny-button {background-color:#11853a;background-image:url('../images/icons/icon-funny-12px.png'), linear-gradient(to bottom, #08d137, #11853a);}
div.comment-buttons a.funny-button.down {background-color:#6ecf84;background-image:url('../images/icons/icon-funny-12px.png');}
div.comment-buttons a.funny-button:after {color:#5a6;content:"Rate this comment as Funny.";}
div.comment-buttons a.funny-button.down:after {content:"You have rated this comment as Funny.";}
div.comment-buttons a.fw-button {background-color:#226894;background-image:url('../images/icons/icon-fw-12px.png'), linear-gradient(to bottom, #3498db, #226894);}
div.comment-buttons a.fw-button.down {background-color:#80adcb;background-image:url('../images/icons/icon-fw-12px.png');cursor:not-allowed;}
div.comment-buttons a.fw-button.off {background-color:#aaa;background-image:url('../images/icons/icon-fw-12px.png'), linear-gradient(to bottom, #ccc, #999);color:#dfdfdf;cursor:help;}
div.comment-buttons a.fw-button:after {color:#3498db;content:"Make this comment the First Word.";}
div.comment-buttons a.fw-button.down:after {content:"The First Word has already been claimed!";}
div.comment-buttons a.fw-button.off:after {color:#aaa;content:"Purchase credits to promote this comment.";}
div.comment-buttons a.lw-button {background-color:#226894;background-image:url('../images/icons/icon-lw-12px.png'), linear-gradient(to bottom, #3498db, #226894);}
div.comment-buttons a.lw-button.down {background-color:#80adcb;background-image:url('../images/icons/icon-lw-12px.png');cursor:not-allowed;}
div.comment-buttons a.lw-button.off {background-color:#aaa;background-image:url('../images/icons/icon-lw-12px.png'), linear-gradient(to bottom, #ccc, #999);color:#dfdfdf;cursor:help;}
div.comment-buttons a.lw-button:after {color:#3498db;content:"Make this comment the Last Word.";}
div.comment-buttons a.lw-button.down:after {content:"The Last Word has already been claimed!";}
div.comment-buttons a.lw-button.off:after {color:#aaa;content:"Purchase credits to promote this comment.";}
div.comment-buttons a.report-button {background-color:#a55;background-image:url('../images/icons/icon-report-12px.png'), linear-gradient(to bottom, #e99, #722);padding:4px 8px 4px 6px;width:12px;}
div.comment-buttons a.report-button.down {background-image:url('../images/icons/icon-report-12px.png');background-color:#d99;}
div.comment-buttons a.report-button:after {color:#c77;content:"Flag this comment as abusive/trolling/spam.";}
div.comment-buttons a.report-button.down:after {content:"You have flagged this comment.";}

ul.cmnt_score {list-style:none;margin:0;padding:0;position:absolute;z-index:998;background:transparent;}
ul.cmnt_score li.cr_count {border:none;color:#006622;width:28px;font-family:calibri,arial,sans-serif;font-size:12px;font-weight:bold;float:left;padding:2px;margin:0 1px 0 2px;text-align:center;}
ul.cmnt_score li.negative {color:#aa1100;}
ul.cmnt_score li.ed {width:26px;}
div.cr_stats a {border:none;color:black;cursor:pointer;display:inline;box-shadow:none;}
.stats_exp {display:none;border:solid 1px black;position:absolute;z-index:999;background:white;}
.close_cr_stats {float:right;margin-left:.5em;}

.bmrk_cmnt {display:none;padding:0;font-size:8pt;font-weight:bold;color:#ffffff;}
.rcthx {text-align:right;margin:5px 3px 0 20px;padding:3px;position:absolute;z-index:999;background-color:#ffffff;border:1px solid #808080;}

/* highlighting styles */
li.cmt > div  {border-top:1px solid #c3d9ff;padding:0 1px 4px 6px;}
li.cmt > div.staff  {padding:0   0   3px 5px;background:#eff4fa;border:1px solid #aec6e0;}
li.cmt > div.hl     {padding:0   0   3px 5px;background:#f8fcff;border:1px solid #0060ac;}
li.cmt > div.author {padding:1px 1px 4px 6px;background:#f8fcff;}
li.cmt > div.new    {border-left:4px solid #6CC417;}
li.cmt > div.abusivecomment {display:none;border-top-color:#ccc;}

li.cmt > div.staff div.commentname {border:0;}
li.cmt > div.hl div.commentname {border:0;}
li.cmt > div.author div.commentname {border:0;}

/* reply-to-this comment styles */
div.creply-form {background:#999999;border:1px solid #999999;margin:0 2vw;max-width:520px;position:absolute;width:96vw;z-index:999;display:none;}
div.creply-form>h3, div.creply-form>a.cmmt_close {color:#ffffff;}
div.creply-form>h3 {padding:10px;}
div.creply-form>form.comment-form {background:#eeeeee;}
@media screen and (max-width:760px) {
	div.creply-form {width:auto;}
}
.cmmt_close {float: right;padding: 3px;}

/* for reg user anonymous commenting */
.cmnt_anon_input_row {display:none;}

/* first/last word styles */
div.callout {margin:0 0 10px 0;padding:38px;background-color:#eff4fa;color:#555;position:relative;}
div.callout span#lq {font-family:Georgia,"Times New Roman",Times,serif;font-weight:bold;font-size:80px;color:#aaa;position:absolute;top:20px;left:-6px;}
div.callout span#rq {font-family:Georgia,"Times New Roman",Times,serif;font-weight:bold;font-size:80px;color:#aaa;position:absolute;bottom:-16px;right:-6px;}
div.callout a, div.callout a:hover {color:inherit;text-decoration:none;}
div.calloutbody {font:normal 1.6em/1.4 Georgia,"Times New Roman",Times,serif;overflow-wrap:break-word;word-break:break-word;}
div.cobodylong {font-size:1.1em;line-height:1.5;}
div.calloutbody h3 {font-size:75%;font-weight:normal;font-style:normal;text-transform:uppercase;letter-spacing:1px;color:#7a7a7a;margin:0 0 10px;}
div.calloutbody h3 {font-size:120%;}
div.calloutby {margin-top:8px;text-align:right;font-size:75%;color:#7a7a7a;}
span.calloutcred {font-size:80%;font-style:italic;}
div.cobylong{font-size:120%;}

div#comment-add {border-top:1px solid #894e01;padding:5px;}
form.comment-form {padding:5px;}
form.comment-form p {margin:2px;}
form.comment-form ul {padding-left:2em;}
form.comment-form input[type=text], form.comment-form textarea {font-family:'Trebuchet MS','Arial','Helvetica',sans-serif;margin:2px;max-width:500px;width:100%;}

div.commentform {border-top:1px solid #894e01;padding:5px;}
div.cmmt_form {background: #eeeeee;border: 1px solid #999999;position: absolute;width: 600px;z-index:999;display:none;}