/** Contenedor General **/

#comments-box {
  width: 778px;
  border-style: solid;
  border-color: #CCCCCC;
  border-width: 1px;
  border-bottom: none;
}

#comments-box .blueLine {
  border: none;
  border-bottom: 1px solid #1292f1;
  padding: 0;
}

#comments-box h2 {
  color: #000;
  font-weight: bold;
  font-size: 1.1em;
  padding: 4px;
  margin: 0;
  border: none;
  font-family: sans-serif, Arial;
}

/** Listado de comentarios **/

#listComments {
  padding: 3px 0 0 0;
  margin: 0;
}

#listComments ul {
  width: 760px;
  padding: 5px;
  margin: 0 5px 5px 5px;
  border: 1px  solid #ccccc;
}

#listComments ul li {
  overflow: hidden;
  font-size: .9em;
  padding: 5px;
  border: 1px solid #ccc;
  border-top: none;
}

#listComments ul li.odd {
  background: #eff8fc;
}

#listComments li.first {
  position: relative;
  border-top: 1px solid #ccc;
}

#listComments .name, #listComments .dateAnunciante, #listComments .date,
#listComments .nameAnunciante, #listComments .comment, #listComments li p {
  position: relative;
  margin: 0;
  padding: 0;
}

#listComments div.separator{
  border-top: 1px solid #cfcfcf;
  margin: 4px 6px 4px 8px;
}


#listComments .name {
  font-weight: bold;
  color: #1292f1;
}

#listComments .date {
  float: right;
  padding-right: 5px;
}

#listComments .dateAnunciante {
  float: right;
  color: #60a211;
  padding-right: 5px;
}

#listComments .nameAnunciante {
  color: #60a211;
  padding-left: 25px;
}

#listComments .comment {
  padding: 0 0 5px 41px;
}

#listComments li p {
  padding: 3px 0 0 0;
}

#listComments blockquote {
  margin: 0;
  padding: 0;
}

#listComments blockquote p {
  overflow: hidden;
}

/** Formulario **/

#frmComments form {
  border: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  margin: 0;
  padding: 10px;
  width: 758px;
  margin-bottom: 1em;
  background: #eff8fc;
  font-size: .9em;
  min-height: 2.2em;
  _height: 2.2em; /* hack ie */
}

#frmComments input,
#frmComments textarea {
  font-size: 1.1em;
  border: 1px solid #94817A; 
}

#frmComments textarea {
  width: 550px;
}

#frmComments div.line input {
  width: 250px;
}

#frmComments div.line {
  margin: 0 0 8px 0;
  text-align: left;
  clear: both;
}

#frmComments label {
  float: left;
  padding: 0;
  width: 130px;
  text-align: top;
}

#frmComments label.errorLbl {
  padding: 0 0 0 130px;
  width: 100%;
  text-align: top;
  color: red;
  font-weight: bold;
}

#frmComments p.title {
  font-weight: bold;
  margin: 2px 0 15px 0;
  text-align: left;
}

#frmComments .postButton {
  width: 520px;
  margin-top: 10px;
  margin-left: 130px;
  padding: 0;
}

#frmComments div.line div.postButton input {
  width: 150px;
  margin-left: 0;
  padding: 0;
}

#txtOk {
  border: 1px solid #CCCCCC;
  background: #eff8fc;
  color: #699E42;
  font-weight: bold;
  padding: 10px 5px 10px 5px;
  width: 768px;
}

#r1 {
  margin-bottom: 7px;
}

/* Captcha */
div.captcha {
  margin: 0;
  padding: 0;
}
div.captcha label {
  margin-top: 7px;
}

div.captcha img {
  margin-left: 5px;
}

div.captcha input {
  float: left;
  margin-top: 7px;
  width: 150px;
}

/** misc **/
.hide {display: none;}
.show {display:block;}