body { 
  margin: auto auto;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  width: 350px;
  margin-top: 20px;
}

/*if no comments are posted error return*/
.zero_comments {
  border: solid 1px #bdba00;
  background-color: #fffded;
  padding: 5px;
  text-align: center;
  font-size: 16px;
  color: #000;
  width: 300px;
  margin:auto;
}

.zero_comments_ban {
  border: solid 1px #bdba00;
  background-color: #fffded;
  padding: 5px;
  text-align: center;
  font-size: 16px;
  color: #000;
  width: 300px;
  margin:auto;
  font-weight: bold;
}

.zero_comments_error {
  border: solid 1px #bdba00;
  background-color: #fffded;
  padding: 5px;
  text-align: center;
  font-size: 16px;
  color: #000;
  width: 300px;
  margin:auto;
}

/* comment form */
.form_box { color: #fff; border: solid 1px #b7b7b7; background-color: #173967; width: 300px; margin: auto; padding: 10px; }

/* input box */
.onebartext {
  border: solid 1px #898989;
  width: 300px;
  height: 1.6em;
  padding-top: 6px;
}

.captcha {
  position: relative;
  float: right;
  margin-right: 40px;
  margin-top: -37px;
  border: 1px solid #898989;
  width: 85px;
  height: 1.4em;
  padding-top: 10px;
  text-align: center;
  font-size: 18px;
}

.onebartext:focus {
  border: solid 1px #00aeed;
  width: 300px;
  height: 1.6em;
  padding-top: 6px;
}

.textbox_comments {
  border: solid 1px #898989;
  width: 300px;
  height: 140px;
}

.textbox_comments:focus {
  border: solid 1px #00aeed;
  width: 300px;
  height: 140px;
}

/*submit button for comment */
.submit_comment {
  border: double #9e0b11;
  background-color: #fff;
  padding: 5px;
  width: 130px;
}

.submit_comment:hover {
  border: double #173967;
  background-color: #fff;
  padding: 5px;
  width: 130px;
}

/*labels E.G: Your Name, Your Comment */
.titles {
  font-size: 14px;
  margin-bottom: 5px;
}

/* post a comment style */
.head_title { font-size: 17px; color: #9e0b11; font-weight: bold; margin-left: 75px; margin-bottom: 10px; }

/*errors */
.error_return {
  color: #173967;
  font-weight: bold;
  background: #fff;
  border: solid 1px;
  padding: 3px 3px 5px;
  width: 250px;
  margin-bottom: 10px;
  margin-left: 74px;
}

.img_error {
  margin-bottom: -2px;
}

/* footer */
.footer { color: #dcdcdc; font-size: 10px; clear: both; margin-left: 75px; margin-top: 3px; margin-bottom: 10px; }

.footer a { color: #dcdcdc; font-size: 10px; }

.footer a:hover { color: #dcdcdc; font-size: 10px; border-bottom: 1px solid #e6eaf2; }

/* How many pages exist */
.pages {
  margin-bottom: -46px;
  margin-left: 74px;
  margin-top: 10px;
  font-size: 16px;
  color: #8b8b8b;
  font-size: 10px;
}


/* Pagination */
.pagination {
  position: relative;
  margin-left: 50px;
  width: 250px;
  padding: 10px;
  font-size: 10px;
  text-align: center;
}

.pagination a {
  padding: 2px;
  color: #777;
  text-decoration: none;
  text-align: center;
  width: 70px;
  height: 70px;
  font-size: 10px;
}

span.active { border: solid 1px #e6eaf2; font-size: 10px; padding: 2px 4px 1px; }

span.active:hover { font-size: 10px; border: solid 1px #e6eaf2; }

span.inactive {
  border: solid 1px #e6eaf2;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 1px;
  font-size: 10px;  
  color: #8b8b8b;     
}

/* comments style */
.comment_wrap { color: #000; width: 300px; margin: auto auto 20px; border: solid 1px #8b8b8b; background-color: #fff; font-size: 12px; }

.comment_wrap:hover {
  
}

.comment_wrap_txt {
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 13px;
  color: #000;  
}

.comment_heads { border-bottom: 1px solid #8b8b8b; height: 27px; width: 100%; background-color: #9e0b11; font-size: 10px; font-weight: bold; }

.comment_heads_txt {
  padding-left: 5px;
  padding-top: 3px;
  color: #ffffff;bold
}

span.right_comment { float: left; position: relative; margin-left: 100px; padding-right: 5px; color: #8b8b8b; font-size: 8px; margin-top: -12px; }

/* Glcode Format for Quote */
.qoute_header {
  border-top: 1px solid #898989;
  border-left: 1px solid #898989;
  border-right: 1px solid #898989;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 8px;
  margin-top: 5px;
  margin-right: 5px;
  background-color: #fff;
} 

.quote_body {
  margin-right: 5px;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #898989;
  border-right: 1px solid #898989;
  border-bottom: 1px solid #898989;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  background-color: #fff;
} 

/* Rich_edit toolbar (if enabled \\\'yes\\\') */
.rich_toolbar {
  margin-bottom: -2px;
  padding: 2px;
  border-top: 1px solid #898989;
  border-left: 1px solid #898989;
  border-right: 1px solid #898989;
  width: 300px;
  background-color: #fff;
}

/* rich_edit buttons */
.rich_buttons {
  padding: 3px;
  border: 1px solid #fff;
}

.rich_buttons:hover {
   border: 1px solid #898989;
}

/* hypertext */
.comment_wrap_txt a {
  color: #023A67;
  text-decoration: none;
  border-bottom: 1px dashed #023A67;
}

.right_comment a {
  color: #023A67;
  text-decoration: none;
  border: none;
}

.right_comment a:hover  {
  border-bottom: 1px dashed #023A67;
}