form {overflow: hidden;}
.space {
    margin: 20px 0;
}
.reply-space {
    margin-left: 55px;
}
.border-radius{
    border-radius: 12px;
}
.chat-header{
    border: 1px solid #ddd;
    border-radius:12px;
    margin-bottom:10px;
    padding: 10px;
    font: 23px Arial;
}
.chat-header .comments-show-order {
    float:right;
    margin-top:2px;
}
.chat-header .comments-show-order a,
.chat-header .comments-show-order a:active,
.chat-header .comments-show-order a:visited {
    color:#5293D5;
    font-size:16px;
    cursor:pointer;
}
.chat-header .comments-show-order a:hover {
    text-decoration: underline;
}
.wrapper-reply-block {
    overflow: hidden;
}
.wrapper-top-box {
    overflow: hidden;
    background-color: #FDFDFD;
    padding: 20px 0 10px;
}
.wrapper-post-comment-box {
    overflow: hidden;
    background-color: #F7F7F7;
    padding: 10px 0 15px;
    border: 1px solid #ddd;
    border-radius: 12px;
    margin-bottom:25px;
}
.wrapper-message-box {
    overflow: hidden;
    position: relative;
    padding-top: 3px;
}
.wrapper-message-box .avatar {
    width: 53px;
    float: left;
    vertical-align: top;
    margin-left: 5px;
    border: 1px solid #DBDBDB;
}
@media (max-width: 590px) 
{
    div.wrapper-message-box .wrapper-comment-reply {
        width: 67%;
    }
}
@media (max-width: 360px) 
{
    div.wrapper-message-box .wrapper-comment-reply {
        width: 61%;
    }
}
.wrapper-message-box .wrapper-comment-reply {
    width: 68%;
    overflow: hidden;
    border: 1px solid #DBDBDB;
    display: inline-block;
    margin-left: 18px;
}
.wrapper-message-box .wrapper-comment {
    overflow: hidden;
    border: 1px solid #DBDBDB;
    float: left;
    margin-left: 18px;
    width: 70%;
}
.wrapper-message-box textarea.wrapper-comment {
    overflow: hidden;
    background:#fff;
    border: 1px solid #DBDBDB;
    display: inline-block;
    margin-left: 18px;
    margin-bottom: 13px;
    max-width: 70%;
    font: 13px Arial;
    padding: 14px 0px 14px 20px;
}
.wrapper-message-box input.wrapper-author,
.wrapper-message-box input.wrapper-email {
    margin: 0 0 13px 78px;
    max-width: 70%;
    width: 70%;
}
.wrapper-message-box .pipka-blue {
    background: url('/wp-content/plugins/comments_unipress/resources/img/pipka-sprite.jpg') 0 -3px no-repeat;
    width: 14px;
    height: 16px;
    top: 11px;
    left: 63px;
    position: absolute;
}
.wrapper-message-box .pipka-white {
    background: url('/wp-content/plugins/comments_unipress/resources/img/pipka-sprite.jpg') 0 -50px no-repeat;
    width: 14px;
    height: 16px;
    top: 11px;
    left: 63px;
    position: absolute;
}
.wrapper-message-box .pipka-grey {
    background: url('/wp-content/plugins/comments_unipress/resources/img/pipka-sprite.jpg') 0 -27px no-repeat;
    width: 14px;
    height: 16px;
    top: 11px;
    left: 63px;
    position: absolute;
}
.wrapper-message-box .comment-like-area {
    width:70%;
    margin:3px 0 0 80px;
}
.wrapper-message-box .like-blue {
    width:60px;
    float:left;
	padding-left: 7px;
}
.wrapper-message-box .like-blue a,
.wrapper-message-box .like-blue a:active {   
    font: bold 11px Arial;
    color: #5293D5;
    text-decoration: none;
    text-transform: uppercase;
	vertical-align: top;
}
.wrapper-message-box .like-blue a:hover {
	text-decoration: underline;
}
.wrapper-message-box .comment-like-area .like-blue a i {
    font-size:0px;
    width:16px;
    height:16px;
}

.wrapper-message-box .wrapper-comment-reply .like-blue {
    background-color: #f7f7f7;
	width: 100%;
}

.wrapper-message-box .comment-like-area .cups-area {
    width:85%;
    padding-bottom:10px;
	padding-left: 5px;
}
.reply-space .cups-area {
    margin-right:12px;
}
.wrapper-message-box .wrapper-comment .heading-text {
    background-color: #5293D5;
    color: #fff;
    font: bold 14px Arial;
    padding: 8px 20px;
}
.wrapper-message-box .wrapper-comment .chat-text {
    font: 13px Arial;
    padding: 14px 20px;
    color: #0B0B0B;
    background-color: #fff;
}
.wrapper-message-box .wrapper-comment-reply .heading-text {
    background-color: #F7F7F7;
    color: #1168AF;
    font: bold 14px Arial;
    padding: 8px 20px;
    border-bottom: 1px solid #DBDBDB;
}
.wrapper-message-box .heading-text .comment-date {font-weight: normal;}
.wrapper-message-box .wrapper-comment .heading-text .comment-edit-link,
.wrapper-message-box .wrapper-comment .heading-text .comment-date {
    float:right;
    color:#fff;
}
.wrapper-message-box .wrapper-comment .heading-text .comment-edit-link a {
    color:#fff;
}
.wrapper-message-box .wrapper-comment-reply .heading-text .comment-edit-link,
.wrapper-message-box .wrapper-comment-reply .heading-text .comment-date {
    float:right;
    color:#1168AF;
}
.wrapper-message-box .wrapper-comment-reply .heading-text .comment-edit-link a {
    color:#1168AF;
}
.comment-edit-link:before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font: 16px/1 Genericons;
    text-decoration: inherit;
    vertical-align: text-bottom;
    content: "\f411";
    margin-left: 10px;
}
.wrapper-message-box .wrapper-comment-reply .chat-text {
    font: 13px Arial;
    padding: 14px 20px;
    color: #0B0B0B;
    background-color: #F7F7F7;
}
.wrapper-message-box .chat-text a,
.wrapper-message-box .chat-text a:active,
.wrapper-message-box .chat-text a:hover {
    color:#3288C1;
}
.wrapper-message-box .wrapper-comment .chat-reply-link {
    color: #1168AF;
    text-align: right;
    padding: 0 9px 7px 0;
    background-color: #fff;    
	float: right;
}
.wrapper-message-box .wrapper-comment .chat-reply-link a {
    font: bold 11px Arial;
    color: #5293D5;
    text-decoration: none;
    text-transform: uppercase;
}
.wrapper-message-box .wrapper-comment .chat-reply-link a:hover {
    text-decoration: underline;
}
.wrapper-message-box .chat-btns {
    overflow: hidden;
    position: relative;
    margin-left: 78px;
    float:left;
    width: 74%;
}
.wrapper-edit-comment .chat-btns {
    margin-left: 18px;
}
.wrapper-message-box .chat-btns .comment-preview-block {
    max-width:210px;
    max-height:130px;
    text-align:left;
    position:relative;
    float:left;
}
.wrapper-message-box .chat-btns div a span.skip-uploading {
    background: #E0E0E0 url('/wp-content/plugins/comments_unipress/resources/img/cross.png') no-repeat center center;
    cursor: pointer;
    display: inline-block;
    height:100%;
    position: absolute;    
    left:0px;
    width:100%;
    z-index:1;
    opacity:0.1;
    filter:alpha(opacity:10);
    padding:0px;
    
}
.wrapper-message-box .chat-btns div a:hover span.skip-uploading {
    opacity:0.7;
    filter:alpha(opacity:70);
}
.wrapper-message-box .comment-upload-preview,
.wrapper-message-box .comment-preview-thumb,
.wrapper-message-box .comment-media {
    max-width:210px;
    max-height:130px;
}
.wrapper-message-box .comment-media {
    position: relative;
    display:inline-block;
    margin-top:10px;
}
.wrapper-message-box .comment-media i {
    cursor:pointer;
    background: url('/wp-content/plugins/comments_unipress/resources/img/zoom.png') no-repeat center center;
    display: inline-block;
    height:100%;
    position: absolute;    
    left:0px;
    width:100%;
    z-index:1;
    opacity:0.3;
    filter:alpha(opacity:30);
    padding:0px;
}
.wrapper-message-box .comment-media:hover i {
    opacity:100;
    filter:alpha(opacity:100);
}
.wrapper-message-box .chat-btns a.btn-camera {
    width: 62px;
    height: 35px;
    display: block;
    float: left;
    overflow:hidden;
    position: relative;
}
.wrapper-message-box .chat-btns a.btn-camera input {
    opacity: 0;
    filter:alpha(opacity:0);
    cursor: pointer;
    height: 56px;
    max-width: 100px;
    position: absolute;
    right: -16px;
    top: -12px;
    width: 100px;
}
.wrapper-message-box .chat-btns a.btn-camera span {
    background: url('/wp-content/plugins/comments_unipress/resources/img/photo-camera.png') center center no-repeat;
    padding: 1.1em 1.1em;
    background-size: 38%;
}
.wrapper-message-box .chat-btns button,
.wrapper-message-box .chat-btns .button {
    padding:0px;
    text-decoration: none;
    font: bold 0.9em 'Trebuchet MS',Arial, Helvetica;
    display: inline-block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #9c9c9c;
    border: 1px solid rgba(0, 0, 0, 0.3);            
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
}
.wrapper-message-box .chat-btns button, 
.wrapper-message-box .chat-btns button span,
.wrapper-message-box .chat-btns .button, 
.wrapper-message-box .chat-btns .button span {
    -moz-border-radius: .3em;
    border-radius: .3em;
}
.wrapper-message-box .chat-btns button span,
.wrapper-message-box .chat-btns .button span {
    border-top: 1px solid #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.6em 0.6em;        
}
.wrapper-message-box .chat-btns button:hover,
.wrapper-message-box .chat-btns .button:hover {
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}
.wrapper-message-box .chat-btns button:active,
.wrapper-message-box .chat-btns .button:active {
    position: relative;
    top: 1px;
}
@media (max-width: 370px) 
{
    div.wrapper-message-box .chat-btns .button-blue,
    div.wrapper-message-box .chat-btns .button-grey,
    div.wrapper-message-box .chat-btns .button-green {
        clear: both;
    }    
    div.wrapper-message-box .chat-btns .button-blue,
    div.wrapper-message-box .chat-btns .button-green {
        float: left;
        margin-top: 13px;
    }
}
.wrapper-message-box .chat-btns .button-blue {
    background: #0D4991;
    background: -webkit-gradient(linear, left top, left bottom, from(#3288C1), to(#0D4991) );
    background: -moz-linear-gradient(-90deg, #3288C1, #0D4991);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3288C1', endColorstr='#0D4991');
    float: right;
    margin-right:3px;
}
.wrapper-message-box .chat-btns .button-blue:hover {
    background: #3288C1;
    background: -webkit-gradient(linear, left top, left bottom, from(#0D4991), to(#3288C1) );
    background: -moz-linear-gradient(-90deg, #0D4991, #3288C1);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0D4991', endColorstr='#3288C1');            
}
.wrapper-message-box .chat-btns .button-blue:active {
    background: #0D4991;
}
.wrapper-message-box .button-red {
    color: #BA0000;
    float: right;
    font: bold 0.8em 'Trebuchet MS',Arial,Helvetica;
    position: absolute;
    right: 150px;
    top: 11px;
}
.wrapper-message-box .chat-btns .button-green {
    background: #009900;
    background: -webkit-gradient(linear, left top, left bottom, from(#00cc66), to(#009900) );
    background: -moz-linear-gradient(-90deg, #00cc66, #009900);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00cc66', endColorstr='#009900');
    float: right;
    margin-right:3px;
}
.wrapper-message-box .chat-btns .button-green:hover {
    background: #00cc66;
    background: -webkit-gradient(linear, left top, left bottom, from(#009900), to(#00cc66) );
    background: -moz-linear-gradient(-90deg, #009900, #00cc66);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#009900', endColorstr='#00cc66');            
}
.wrapper-message-box .chat-btns .button-green:active {
    background: #009900;
}
.wrapper-message-box .chat-btns .button-grey {
    background: #E0E0E0;
    background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#E0E0E0) );
    background: -moz-linear-gradient(-90deg, #F8F8F8, #E0E0E0);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F8F8F8', endColorstr='#E0E0E0');
    float: left;
}
.wrapper-message-box .chat-btns .button-grey:hover {
    background: #F8F8F8;
    background: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#F8F8F8) );
    background: -moz-linear-gradient(-90deg, #E0E0E0, #F8F8F8);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E0E0E0', endColorstr='#F8F8F8');            
}
.wrapper-message-box .chat-btns .button-grey:active {
    background: #E0E0E0;
}
.wrapper-post-comments .chat-footer {
    text-align: center;
    width: 81%;
}
.wrapper-post-comments .load-more-comments-btn {
    background: #fff;
    position:relative;
    border: 1px solid #5293D5;
    border-radius: 5px 5px 5px 5px;
    color: #5293D5;
    margin: 0 0 15px 0px;
    width: 200px;
    font-family: Helvetica;
}
.wrapper-post-comments .load-more-comments-btn img {
    position:absolute;
    top:10px;
    left:10px;
}
.wrapper-post-comments a.user-profile-link,
.wrapper-post-comments a.user-profile-link:hover,
.wrapper-post-comments a.user-profile-link:active, 
.wrapper-post-comments a.user-profile-link:visited {
    cursor:pointer;
    font:bold 14px Arial;
    text-decoration: none;
}
.wrapper-post-comments .wrapper-comment a.user-profile-link{color:#FFFFFF;}
.wrapper-post-comments .wrapper-comment-reply a.user-profile-link{color:#196AAF;}
.navigation { list-style:none; font-size:12px; }
.navigation li{ display:inline; }
.navigation li a{ display:block; float:left; color: #5293D5; padding:4px 9px; margin-right:7px; border:1px solid #5293D5; }
.navigation li a:hover {color:#5293D5;}
.navigation li span.current { display:block; float:left; padding:4px 9px; margin-right:7px; border:1px solid #efefef; background-color:#f5f5f5; }
.navigation li span.dots { display:block; float:left; padding:4px 9px; margin-right:7px; }