Custom styles override the new CSS styling feature.

[imp0stor]

When applying additional styles or static styles the new styling features do not work properly.

chat.CSS:
.chat .allMsg {
border-radius: 10px 10px 10px 10px !important;
border: 1px solid #cfcfcf;
padding-top:4px;
padding-bottom:4px;
padding-right:4px;
padding-left:4px;
color: #F0F0F0;
background-color: #7F7F7F;
background-image: -moz-linear-gradient(#5aa1d8, #2489d6);
background-image: -o-linear-gradient(#5aa1d8, #2489d6);
background-image: linear-gradient(#5aa1d8, #2489d6);
-pie-background: linear-gradient(#5aa1d8, #2489d6);
border: 1px solid #258cda;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #85b9e0;
-webkit-box-shadow: inset 0 1px 0 0 #85b9e0;
-o-box-shadow: inset 0 1px 0 0 #85b9e0;
box-shadow: inset 0 1px 0 0 #85b9e0;
color: #fff !important;
text-shadow: 0 1px 0 #1976be;
font-size:11px;
}

.chat .allMsg .user {
font-weight:6666;
font-size:14px;
line-height:1;
color: #EFEFEF;
text-align:center;
font-variant:small-caps;
}

.clickable,
.allMsg .user {
cursor: pointer;
}

.block-unblock-user,
.toggle-message,
.spam-user,
.friend-user,
.add-

remove-user {
cursor: pointer;
width: 11px;
height: 11px;
margin-right: 5px;
}

.blocked .user,
.blocked

.block-unblock-user,
.blocked .toggle-message {
color: rgb(211, 209, 207) !important;
}

.message-text.collapsed {

display: block;
height: 2px;
visibility: hidden;
}

span.time {
margin-left: 5px;
}

.report-user {
cursor:

pointer;
margin-top: 2px;
}