@CHARSET "UTF-8";
#main_messages, #main_player {
  position: relative;
  margin: 10px;
  padding: 10px;
  background-color: #fefefe;
}
#main_messages, #main_player{
  width: 650px; 
}
#main_messages div.currentorder, #main_messages div.reorder, #main_messages div.reload {float: right; }
#main_messages div.reload, #main_messages div.reorder {cursor: pointer; margin-left: 5px; padding-left: 5px; border-left: 1px solid grey;}
#main_messages > div.selected_service{
  padding-left: 10px;
  line-height: 18px;
  margin: 2px 0 5px;
}
#main_messages > div.selected_service > div, #main_messages > div.selected_service > span.mc, #main_messages > div.selected_service > input{
  display: none;
}
#main_messages > ul, #main_player ul {
  clear: both;
  overflow: auto;
  padding: 0px;
  margin: 0px;
}
#main_messages > ul > li.message, #main_player ul > li.message {
  display: block;
  padding: 5px;
  margin-bottom: 10px;
  background-color: #efefef;
  border: 2px solid #ddd;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
}
#main_messages > ul > li.message:nth-child(even) { background-color: #dfdfdf;}
#main_messages > ul > li.message:hover { background-color: #cfcfcf;}
#main_messages > ul > li.message > div, #main_player ul > li.message > div {
  clear: both;
}
#main_messages > ul > li.message > div.info > div, #main_player ul > li.message > div.info > div {
  float: left;
  margin-right: 10px;
}
#main_messages > ul > li.message > div.info > div:last-child { float: right;  margin-right: 0px; clear: right;}

li.message > div.info {color: #555}
li.message > div.info > div.id { color: #333;}
li.message > div.info > div.incoming_datetime { color: #000;}
li.message > div.info > div.user > span.nickname  { color: #000;}
li.message > div.info > div.user > span.prefix {color: #555;}
li.message > div.info > div.user > span.name {color: #000; font-weight: bold;}
li.message > div.info > div.user > span.name.removed:after {content:" *";}
li.message > div.info > div.user > span.carrier_id {color: brown;}
li.message > div.info > div.user > span.num1 {font-style: italic;}
li.message > div.info > div.user > span.num2 {font-style: italic;}
li.message > div.info > div.service > span.name {color: #000;font-weight: bold;}
li.message > div.info > div.service > span.la {color: #000;}

#main_messages > ul > li.message > div.info > div.delete {cursor: pointer;}
#main_messages > ul > li.message > div.info > div.analytika {cursor: pointer;}
#main_messages > ul > li.message > div.sms {
  cursor: pointer;
  font-size: 14px;
  color: navy;
  margin: 5px 0px;
}
#main_messages > ul > li.message > div.sms:hover { color: brown; }
#main_player ul > li.message > div.sms {
  font-size: 14px;
}
#main_messages > ul > li.message > div.locked_by {display: none;}
#main_messages > ul > li.message.locked {
  background-color: #aaa;
}

#main_messages > ul > li.message.locked > div.locked_by {display: block; font-size: 14px; color: #FFEF59;}
#main_messages > ul > li.message.locked > div.locked_by > span.login {font-weight: bold;}
#main_messages > ul > li.message.locked > div.locked_by > span.unlock { cursor: pointer; text-decoration: underline;}
#main_messages > ul > li.message.locked > div.locked_by > span.unlock:hover { color: MidnightBlue;}
#main_messages > ul > li.message.locked > div.info > div.delete {display: none;}
#main_messages > ul > li.message.locked > div.info > div.analytika {display: none;}
#main_messages > ul > li.message.locked > div.sms {cursor: inherit; color: #555}
#main_messages > ul > li.message.locked > div.sms:hover {color: inherit}

#main_player > div.close {
  cursor: pointer;
  font-size: 28px;
  font-weight: bold; 
  position: absolute; 
  top: -15px; 
  right: -15px;
  color: #555;
}
#main_player > div.close:hover {
  color: red;
}
#main_player ul.coversations { height: 200px; margin-bottom: 10px;}
#main_player form[name="form_player_info"] input[type=text] {
  width: 110px;
}


#main_messages > ul > li.shablon, #main_player ul > li.shablon {
  display: none;
}