#comments {margin: 10px;}
.comment {background:url('images/bg_comment.png') no-repeat; display: block; overflow: hidden; position: relative; width:auto; min-height:205px; margin:0 auto; padding:20px; background-size: 100% 100%}
.comment a {border-bottom: 1px dotted #0066CC; color: #0066CC; text-decoration: none;}
.comment_item {margin-left: 10px; overflow: hidden;}
#comments textarea {background: none repeat scroll 0 0 #FFF; border: 1px solid #bfc5cb; border-radius: 7px; height: 75px !important; width: 98% !important; padding: 0 1% !important; margin: 0 auto; display: block;}
#comments input[type="text"]{background:#FFF; border: 1px solid #bfc5cb; border-radius:7px; }
.captcha_wrapper > img {border: 1px solid #bfc5cb !important; border-radius:7px; float: left !important; margin: -3px 5px 0 0 !important; width: 77px;}
.comment_btn.ok, .comment_btn.cancel {background:#EEEEEE !important; border:1px solid #9a9a9a; border-radius:6px; color: #525252 !important; cursor: pointer; display: inline-block; height: 26px; line-height: 26px; margin:0px; padding: 0 10px;}
#commentForm {margin-bottom:30px;}
#comments .comment_header {background: none repeat scroll 0 0 white; border: 1px solid #C2C2C2; color: #008DD2; float:left; margin-bottom: 5px; overflow: auto; padding: 5px; width: 97%;}
#comments .comment_body {background: none repeat scroll 0 0 white; border: 1px solid #C2C2C2; color: #555; margin-bottom: 5px; overflow: auto; padding: 5px; width: 97%;}

.comment_btn.ok {
    float: right !important;
    margin: -10px 0 0 10px !important;
    padding: 0 !important;
    position: relative;
    min-width: 85px !important;
    width: 20% !important;
}

.captcha_wrapper.cms_captcha #captcha_field {float: left !important; position: relative !important; padding:8px 5px; top:-3px; width:200px;}

.comment_btn.cancel {
    float: right;
    margin-bottom: 0 !important;
    margin-top: 8px !important;
    padding: 0 !important;
    position: relative;
    min-width: 85px !important;
    width: 20% !important;
}

.cmsCaptchaUpdate {
    float: left;
    margin-left: 5px;
}

.captcha_wrapper.cms_captcha {
    float: left;
    min-width: 320px;
    padding: 5px;
    width: 70%;
    overflow: hidden;
}

.form {
    clear: both;
    float: left;
    padding: 0 0 0px 0px !important;
    width: auto !important;
}


#comments .comment_header {
    border-radius: 5px 5px 5px 5px;
}

#comments .comment_body {
    border-radius: 5px 5px 5px 5px;
}


#comments .pull-left {height: 18px; margin-bottom: 5px;}
.comment_date {float: right; background-image: url("emag3.png"); background-repeat: no-repeat;  padding-left: 20px;}
.comment_author {background-image: url("emag.png"); background-repeat: no-repeat; padding-left: 15px;}
.childs .comment_author {background-image: url("emag2.png"); background-repeat: no-repeat; padding-left: 40px;}
.comment_notification {margin: 5px; color:#525252; display: block;}
.error {color: red; display: block; padding: 5px; text-align: left;}
.captcha_wrapper.cms_captcha .error {bottom: 1px; display: block; float: left; position: absolute; width: 100%;}
.comment_item {margin-left: 5px!important;}
.comment_item .comment {left: 357px; position: fixed; top: 25%; width: 550px; z-index: 20;}
.toggle {font-weight: bold; cursor: pointer; width:154px; border-bottom: 1px dashed #ccc; margin-bottom: 10px;}
.toggle:hover {border-bottom:0; padding-bottom:1px;}
.comment_item .comment {box-shadow: 0 0 0 5074px rgba(122, 122, 122, 0.5)!important; left: 50%!important; margin-left: -275px !important; margin-top: -100px !important; min-height: 200px !important; position: fixed !important;  top: 50%! important; width: 550px !important; z-index: 20 !important; background:#fff; border-radius:10px; border:2px solid #0066CC; }
.childs{margin-left:10px!important;}
#comments .comment_header {margin-top: 10px !important;}
#commentsBody .item {padding-left:100px; border-bottom:1px solid #8acfef; padding-bottom:25px; margin-bottom:25px; overflow: hidden; background:url('images/bg_com_item.png') left 50% no-repeat;}
#commentsBody .item .date {float:right;}