body { 
  margin: auto auto;
  font-size: 12px;

  margin-top: 0px;
}

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

.zero_comments_ban {
  border: 1px solid #bdba00;
  background-color: ##E5E5E5;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 16px;
  color: #000;
  width: 280px;
  margin:auto auto;
  font-weight: bold;
}

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

/* comment form */
.form_box {
  border: 1px solid #b7b7b7;
  background-color: #ececec;
  width: 330px;
  margin: auto;
  padding: 10px; font-family:Arial; font-size:12
}

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

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

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

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

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

/*submit button for comment */
.submit_comment {
  border: medium double #CCCCCC;
  background-color: #FEF8AF;
  padding: 5px;
  width: 130px; font-family:Arial; font-size:13; font-weight:bold
}

:hover.submit_comment {
  border: medium solid #833014;
  background-color: #FFDAC4;
  padding: 5px;
  width: 130px; font-family:Arial; font-size:13; font-weight:bold
}

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

/* post a comment style */
.head_title {
  font-size: 13;
  color: #582012;
  margin-left: 75px;
  margin-bottom: 10px; font-family:Arial; font-weight:bold
}

/*errors */
.error_return {
  color: #F33333;
  font-weight: bold;
  background: #feedea;
  border: 1px solid #e5325e;
  padding-bottom: 5px;
  width: 343px;
  margin-bottom: 10px;
  margin-left: 74px; font-family:Arial; font-size:12; padding-left:3px; padding-right:3px; padding-top:3px
}

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

/* footer */
.footer {
  clear: both;
  margin-left: 75px;
  margin-top: 3px;
  margin-bottom: 10px; font-family:Arial; color:#C99B47; font-size:10px; text-align:right
}

.footer a {
  text-decoration: none;
  color: #C99B47;font-family:Arial; font-size:10px; text-align:right
}

.footer a:hover {
  text-decoration: none;
  color: #C99B47;
  font-family:Arial; font-size:10px; text-align:right; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px
}

/* How many pages exist */
.pages {
  margin-bottom: 0px;
  margin-left: 0px;
  margin-top: 0px;
  font-size: 16px;
  color: #373737;
  font-size: 12; font-family:serif
}


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

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

span.active {
  border: 1px solid #732004;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 15px       
  color: 0;
}

span:hover.active {
  border: 1px solid #8dcb41;
}

span.inactive {
  border: 1px solid #DFC4AA;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 15px;  
  color: #DFC4AA;     
}

/* comments style */
.comment_wrap {
  width: 348px;
  border: 1px solid #732004;
  margin-bottom: 20px;
  background-color: #EEE3CC;
  font-size: 12; margin-left:auto; margin-right:auto; margin-top:auto; font-family:Arial
}

:hover.comment_wrap {
  background-color: #fffded; font-family:Arial; font-size:12
}

.comment_wrap_txt {
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 13px; font-family:Arial; font-size:12
}

.comment_heads {
  height: 27px;
  width: 100%;
  background-color: #CB926B;
  font-size: 12;font-family:Arial; font-weight:bold; color:#FFFFFF; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px
}

.comment_heads_txt {
  padding-left: 5px;
  padding-top: 3px;
  color: #532824;font-family:Arial; font-size:12; letter-spacing:0; background-color:#E1CEA6
}

span.right_comment {
  float: right;
  position: relative;
  margin-top: -20px;
  color: #774526;font-family:Arial; font-size:10px; text-align:right
}

/* Glcode Format for Quote */
.qoute_header {
  border:1px solid #898989; padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 8px;
  margin-top: 5px;
  margin-right: 5px;
  background-color: #FFFFFF;font-family:Arial; font-size:11; font-weight:bold
} 

.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; font-family:Arial; font-size:10px
} 

/* 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: 296px;
  background-color: #fff;
}

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

:hover.rich_buttons {
   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;
}