#comments .title{
  line-height:30px;
  font-size:1.5em;
  float:left;
  color:#888;
}
#comments .title, ol.commentlist * { margin: 0; padding: 0; }
.clearer { clear: both; line-height:0px !important; font-size:0px !important; height:0px !important; }
.floatleft { float:left }
.floatright { float:right }

#comments a:link { color:#4C8EB9; }
#comments a:visited { color:#4C8EB9; }
#comments a:hover { color:#70A4C7; } 

#comments a.comment-reply-link{ color:#fff; text-decoration:none;}

ol.commentlist { list-style: none; }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }

/*comments panel*/
#comments {margin:25px 0px 20px 20px;}
#comments .comments-header {background:url(/static/reviews_app/img/comment-header-bg.png) no-repeat 0px 0px;padding:0px 0px 0px 43px;}
#comments .comments-header h2 {padding-top:3px;text-transform:uppercase;font-size:23px;color:#333;float:left;}
#comments .leave-comment {margin:8px 0px 0px 20px;font-size:.9em;float:left;}

/*comments list*/
ol.commentlist {margin-top:15px;}
ol.commentlist .author-image {float:left;margin-top:14px;}
ol.commentlist .comment-wrapper {float:left;width:570px;margin-left:8px;}
ol.commentlist .comment-arrow {position:relative;z-index:2;float:left;width:14px;height:41px;margin-top:17px;background:url(/static/reviews_app/img/comment-arrow.png) no-repeat 0px 0px;}
ol.commentlist .comment-inner {position:relative;z-index:1;float:left;width:518px;padding:17px 10px 8px 16px;border:1px solid #BECEDA;background:#EDF4F8;margin-left:-1px;margin-bottom:25px;
-moz-border-radius: 5px;
border-radius: 5px;
}
ol.commentlist .comment-author {font-weight:bold;font-size:.9em;color:#333;margin-bottom:15px;float:left;}
ol.commentlist .comment-meta {font-size:10px;padding:2px 0px 2px 15px;float:left;color:#888;}
ol.commentlist .comment-meta a {color:#888;}
ol.commentlist .comment-meta a:hover {color:#AAA;}
ol.commentlist .comment-moderation {color:#C00;padding-bottom:10px;}
ol.commentlist .comment-text {font-size:13px;line-height:1.5em;color:#444;}
ol.commentlist .reply a {margin-top:5px;float:right;display:block;padding:3px 6px;color:#FFF;text-transform:uppercase;background:url(/static/reviews_app/img/reply-button-bg.png) no-repeat 0px 0px;font-size:.85em;}
/*comment rating style */
ol.commentlist .rating-wrapper {float:right;}
ol.commentlist .number, ol.commentlist .letter {font-size:1em;padding:3px 8px 1px 8px;}
#comments .comment_rating_label {float:left;padding-right:15px;}
#comments .comment_rating {float:left;padding-bottom:8px;}
#comments .selectBox-dropdown {min-width:80px;}
/*nested levels*/
ol.commentlist ul.children {margin-left:71px;list-style-type:none;}
ol.commentlist ul.children .comment-wrapper {width:500px;}
ol.commentlist ul.children .comment-inner {width:446px;}
ol.commentlist ul.children ul.children .comment-wrapper {width:430px;}
ol.commentlist ul.children ul.children .comment-inner {width:375px;}
ol.commentlist ul.children ul.children ul.children .comment-wrapper {width:355px;}
ol.commentlist ul.children ul.children ul.children .comment-inner {width:304px;}
ol.commentlist ul.children ul.children ul.children ul.children {margin-left:0px;}
  
/*respond section*/
#comments #respond {padding:0px 0px 50px 0px;color:#888;font-size:.95em;}
#comments #respond h2 {font-size:1.5em;color:#555;font-weight:bold;}
#comments #respond .title {padding:3px 0px 15px 35px;background:url(/static/reviews_app/img/response-bg.png) no-repeat 0px 0px;}
#comments .comment-form-author, #comments .comment-form-phone, #comments .comment-form-email, #comments .comment-form-url, #comments .comment-form-phone, #comments .comment-form-comment {float:left;margin-right:10px;margin-bottom:15px;}

#comments .label {margin:7px 0px 15px 0px;font-size:1em;color:#555;display:block;}
#comments .label .required {font-style:italic;color:#999;}
#comments .input-wrapper {
  background:url("/static/reviews_app/img/comment-input-bg.png") repeat 0px 0px;
  border:1px solid #BECEDA;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#comments .input-wrapper .shadow {background:url(/static/reviews_app/img/comment-shadow.png) repeat-x 0px 0px;}
#comments .input-wrapper .icon {padding:0px 0px 0px 0px;}
#comments .comment-form-author .icon {background:url(/static/reviews_app/img/comment-name-bg.png) no-repeat 8px 11px;}
#comments .comment-form-email .icon {background:url(/static/reviews_app/img/comment-email-bg.png) no-repeat 8px 11px;}
#comments .comment-form-url .icon {background:url(/static/reviews_app/img/comment-url-bg.png) no-repeat 8px 11px;}
#comments .comment-form-phone .icon {background:url(/static/reviews_app/img/comment-phone-bg.png) no-repeat 8px 11px;}

#comments input, #comments textarea {
  -moz-border-radius: 0;
  border-radius:0;
  margin:0; 
  padding:12px 0px 12px 35px;
  border:none;
  background:none;
  font-size:1.0em;
  text-shadow:none;
  height:auto;
  color:#333;
}
#commentform label{display:inline-block;}
#comments #commentform input[type="text"] {width:162px; padding-left:32px;}
#comments #commentform textarea {width:602px;height:150px;padding-left:12px;}

#comments #respond #submit_button, #comments #respond #submit {
  padding:13px 0px 13px 0px;
  color:#FFF;
  text-transform:uppercase;
  font-size:1.1em;
  background:url("/static/reviews_app/img/comment-button.png") no-repeat 0px 0px;
  width:122px;
  cursor:pointer;
  height:auto;
  text-align:center;
}
/*nested levels*/
#comments ol.commentlist #respond, #comments ul.children #respond {margin-left:75px;}
#comments ol.commentlist #respond input {width:500px;}
#comments ol.commentlist #respond textarea {width:522px;}
#comments ul.children #respond input {width:430px;}
#comments ul.children #respond textarea {width:452px;}
#comments ul.children ul.children #respond input {width:365px;}
#comments ul.children ul.children #respond textarea {width:387px;}
#comments ul.children ul.children ul.children #respond input {width:290px;}
#comments ul.children ul.children ul.children #respond textarea {width:312px;}

/*tablets*/
@media screen and (max-width: 1028px) {
ol.commentlist .comment-wrapper {width:420px;}
ol.commentlist .comment-inner {width:355px;padding:10px 5px 8px 8px;}
ol.commentlist ul.children {margin-left:30px;}
ol.commentlist ul.children .comment-wrapper {width:390px;}
ol.commentlist ul.children .comment-inner {width:325px;}
ol.commentlist ul.children ul.children .comment-wrapper {width:360px;}
ol.commentlist ul.children ul.children .comment-inner {width:295px;}
ol.commentlist ul.children ul.children ul.children .comment-wrapper {width:330px;}
ol.commentlist ul.children ul.children ul.children .comment-inner {width:265px;}
#comments .label {margin-bottom:8px;}
}


/*smart phones*/
@media screen and (max-width: 767px) {
#comments .input-wrapper {display:block;}
#comments, ol.commentlist {padding-left:0; margin-left:0;}
/*#comments #commentform input[type="text"], #commentform label.error {width:132px;}*/
#comments {width:300px;}
.main-content.full-width #comments {width:300px;}
#comments .leave-comment {font-size:.8em;}
ol.commentlist .author-image {display:none;}
ol.commentlist .comment-wrapper {width:300px;margin-left:0px;}
ol.commentlist .comment-inner {width:278px;padding:12px 10px 8px 10px;margin-bottom:15px;}
ol.commentlist .comment-arrow {display:none;}
ol.commentlist .comment-author {float:none;margin-bottom:7px;}
ol.commentlist .comment-meta {float:none;padding-left:0px;}
ol.commentlist ul.children {margin-left:15px;}
ol.commentlist ul.children .comment-wrapper {width:285px;}
ol.commentlist ul.children .comment-inner {width:263px;}
ol.commentlist ul.children ul.children .comment-wrapper {width:260px;}
ol.commentlist ul.children ul.children .comment-inner {width:248px;}
ol.commentlist ul.children ul.children ul.children .comment-wrapper {width:245px;}
ol.commentlist ul.children ul.children ul.children .comment-inner {width:233px;}
#comments #commentform textarea {width:285px;}

#comments ol.commentlist #respond, #comments ul.children #respond {margin-left:0px;}
#comments ol.commentlist #respond textarea {width:285px;}
#comments ul.children #respond textarea {width:270px;}
#comments ul.children ul.children #respond textarea {width:255px;}
#comments ul.children ul.children ul.children #respond textarea {width:240px;}
#comments .label {margin-bottom:7px;display:inline-block;}
#comments .comment-form-author, #comments .comment-form-email, #comments .comment-form-phone, #comments .comment-form-url, #comments .comment-form-comment {margin-bottom:8px;float:none;}
#comments .comment-form-url {margin-right:10px;}
#comments input {width:260px;}
#comments ol.commentlist #respond input {width:260px;}
#comments ul.children #respond input {width:245px;}
#comments ul.children ul.children #respond input {width:230px;}
#comments ul.children ul.children ul.children #respond input {width:215px;}
}

.alert {
  border: medium none;
  border-radius: 5px;
  font-weight: 600;
  padding: 1.25em;
  text-transform: uppercase;
  margin: 20px 0;
  display:table;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-notify {
  background-color:#fcf8e3;
  border-color:#faebcc;
  color:#8a6d3b
}
.alert button {
  color: inherit;
  opacity: 1;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button.close, button.close:after {
  margin: 0;
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  cursor: pointer;
  padding: 0;
}
#commentform label.error{
  color:brown;
  display:block;
  line-height:100%;
  position:absolute;
/*
  left:-1000px;
  top:-1000px; */
}
#comments input.error, #comments textarea.error{
  border:1px solid #f00;
}
label.error, form label.error{
  color:brown;
}
.clear{
  width:100%;
  clear:both;
}