.comment_instance {
  opacity: .85;
  border-spacing: 0;
  font-size: 90%;
  margin-bottom: 25px;
  width: 100%;
  background-color: #fbfae8;
  border: 3px solid #d6d8d6;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px; }

.comment_head {
  background-color: #e9e9e2;
  padding: 3px 3px 3px 0;
  font-weight: bold;
  font-size: 90%; }

.comment_head span {
  padding-right: 3px; }

.comment_body {
  padding: 3px; }

.comment_reply {
  float: right !important;
  margin: -4px 10px 0 0; }

#tn_comment_bot {
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 20px;
  float: none; }

.phone #tn_comment_bot {
  background-position: 3px 5px;
  width: 100%;
  display: inline-block;
  padding: 3px 0 3px 23px; }

#tn_comment_bot span.navitemtext {
  display: inline; }

.notphone #add_comment_span .tn_comment {
  margin-top: 0;
  padding-top: 0; }

#comment_list .title {
  color: #518988; }

.comment_text {
  font-size: 10px;
  width: 98%; }

#add_comment_here {
  margin-top: 15px;
  margin-bottom: 25px; }

#comment_thanks {
  padding: 10px;
  background-color: #8f908f;
  border: 3px solid #ccc;
  color: #eff0f0;
  font-size: 130%; }

#add_comment {
  background-color: #eff0f0;
  padding: 5px;
  border: 2px solid #d6d8d6; }

.desktop #add_comment {
  margin: 0 -8px 0 -8px;
  padding: 3px 6px 3px 6px; }

#add_comment h4 {
  margin: 0; }

#add_comment .explanation {
  padding: 2px 3px 0 3px; }

#add_comment p.instructions {
  font-size: 95%;
  color: #000; }

#add_comment p.disclaimer {
  font-size: 85%;
  font-style: italic; }

#add_comment textarea {
  width: 100%;
  height: 120px;
  padding: 5px;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-size: 90%; }

#add_comment .field input, #add_comment textarea {
  border: 3px solid #ccc;
  display: block; }

.phone #add_comment .field {
  float: none !important; }

.phone #add_comment .field input {
  width: 100%; }

.phone #add_comment .ok_cancel_div {
  margin-top: 8px; }

.btn {
  font-size: 12px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 2px solid #ccc; }

#comment_form_errors {
  color: red;
  font-weight: bold; }

.tn_comment, .cmnt_btn {
  background-image: url("comment.png"); }

.comment_body pre {
  white-space: pre-wrap; }

.comment_status:before {
  content: "Status="; }

.comment_severity:before {
  content: "Severity="; }

.comment_id:before {
  content: "Id="; }

.required {
  color: red; }
