.dialogs {
    border-collapse: separate;
    background-color: white;
}

.dialogs td {
    border-width: 1px;
    border-style: solid;
    border-color: #0b2244;
}

.topPanel {
/*    width: 980px;
    margin: auto;
*/
}

.dialogHeader {
    background-color: #019616;
    height: 26px;
    width: 978px;
    background-image: url('/images/bg_menu.jpg');
}

.dialogLeftPanel {
    width: 236px;
    height: 500px;
    vertical-align: top;
    position: relative;
}

.userIcon {
    height: 50px;
/*    width: 50px;
    float: left;*/
}

.zoomable {
    cursor: url("/images/zoom.cur"), default;
}

.user_name {
    width: 135px;
    float: left;
    font-size: 12px;
    margin: 15px 10px 10px;
    overflow: hidden;
}

.user_name_full {
    float: left;
    overflow: hidden;
    text-decoration: underline;
    width: 108px;
}

.nimUserCardBase {
    width: 232px;
    margin: 0 5px 10px;
    min-height: 50px;
    cursor: pointer;
    cursor: hand;
    color: Black;
    position: relative;
/*
    border-top: 1px solid gray;
    padding-top: 8px;
*/
}

.userCardSelected {
    background-color: #99CC33;
    color: #FFFFFF;
    font-weight: bold;
}

.userCardSelected .arrow {
    float: right;
    background-color: #99CC33
}

.listAll {
    background-color: #FFFFFF;
    color: #666666;
    cursor: pointer;
    padding-bottom: 10px;
    text-align: center;
/*    text-decoration: underline;*/
    padding-top: 22px;
}

.dialogRightPanel {
    height: 600px;
    width: 726px;
    background-color: #cfd8e5;
    vertical-align: top;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
}

.userCardSelected .arrow b {
    background-color: #EAEFE4;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #99CC33;
    border-style: solid;
    border-width: 0 0 0 1px;
    display: block;
    height: 2px;
    overflow: hidden;
}

.message_from {
    color: #031e42;
    font-weight: bold;
}

.message_time {
    float: right;
    color: #00a779;
    font-weight: bold;
}

.message_body {
    width: 520px;
}

.message_board {
    display: none;
    position: relative;
}

.message_board form {
    margin: 0px;
    position: relative;
}

.message_body_input {
    height: 77px;
    margin-top: 32px;
    width: 535px;
}

.message_submit {
    height: 82px;
    position: absolute;
    text-align: center;
    top: 22px;
    width: 83px;
    margin-left: 15px;
    margin-right: 0px;
    left: 550px;
    background-image: url('/images/send_offer.jpg');
    cursor: hand;
    cursor: pointer;
}

.messages {
    height: 285px;
    overflow-y: scroll;
    padding-right: 10px;
    margin-bottom: 10px;
}

.message_from.me {
    color: #ff9c00 ;
}

.empty_dilogs, .empty_messages {
    font-size: 20px;
    margin-top: 20px;
}

.message_sending {
    visibility: hidden;
}

.message_sending img {
    position: relative; 
    top: 2px;
    margin-right: 5px;
}

.userIconWrap {
    float: left;
    overflow: hidden;
    text-align: right;
    width: 50px;
}

.message_body_er {
    margin-left: 0;
    width: 540px;    
}

.user_location {
    font-size: 9px;
    text-decoration: none;
    clear: both;
}

.message_footer {
    position: absolute;
    top: 335px;
    width: 655px;
}

#non_answered_chb {
    height: 16px;
    width: 20px;
}

.dialogHeader_non_answered {
    font-size: 20px;
    background-color: white;
    color: red;
}

.dialogHeader a:hover {
    text-decoration: none;
}

.mes_label {
  background-color: blue;
  border-radius: 5px;
  width: 86px;
  color: white;
  float: left;
  height: 15px;
  text-align: center;
  margin-right: 2px;
  z-index: 999;
}

.mes_label_more {
    width: 55px !important;
    background-color: red !important;
}

.mes_labels {
  position: absolute;
  font-size: 11px;
  width: 218px;
  left: 61px;
  overflow: hidden;
}

.mes_labels_long {
    width: 895px;
}

.mes_label_hidden {
    display: none;
}

.like_buttons {
    position: absolute;
    right: -3px;
    top: 290px;
    font-size: 15px;
}

.like_button {
    float: right;    
    background-color: #00a779;
    color: white;
    width: 135px;
    height: 30px;
    border-radius: 8px;
    padding-top: 11px;
    padding-bottom: 5px;
    margin: 5px;
    cursor: pointer;
    background-image: url('/images/like.png');
    background-repeat: no-repeat;
    background-size: 40px;
    padding-left: 55px;
    background-position-x: 10px;
    background-position-y: 3px;
    text-align: left;
}

.dislike_button {
    float: right;
    background-color: #031e42;
    color: white;
    width: 170px;
    height: 40px;
    border-radius: 8px;
    margin: 5px;
    padding: 3px;
    cursor: pointer;
    background-image: url('/images/dislike.png');
    background-repeat: no-repeat;
    background-size: 40px;
    padding-left: 55px;
    background-position-x: 10px;
    background-position-y: 3px;
    text-align: left;
}

.like_send, .like_send_close {
    font-size: 18px;
    background-color: #00a779;
    color: white;
    border: 0px;
    border-radius: 7px;
    cursor: pointer;
    padding: 8px;
}

.like_reason {
    width: 450px;
    height: 100px;
    margin-top: 3px;
    margin-bottom: 6px;
}

.like_buttons_thanks {
  background-image: url('/images/thanks.png');
  background-repeat: no-repeat;
  opacity: 1;
  text-align: center;
  width: 275px;
  height: 40px;
  font-size: 20px;
  padding-top: 15px;
  color: azure;
  background-color: #55D;
  border-radius: 8px;
  background-position: 5px;
  padding-right: 10px;
  cursor: default;
  padding-left: 30px;
}

.like_in_messages {
  background-color: #00a779;
  color: white;
  width: 240px;
  height: 30px;
  border-radius: 8px;
  padding-top: 11px;
  padding-bottom: 5px;
  margin: 5px;
  cursor: pointer;
  background-image: url('/images/like.png');
  background-repeat: no-repeat;
  background-size: 40px;
  padding-left: 55px;
  background-position-x: 10px;
  background-position-y: 3px;
  text-align: left;
}