#menu{
  list-style:none;
  font-size:0;
}
#menu li{
  width:30%;
  text-align:left;
  display:inline-block;
}
#menu button{
  height:5%;
  width:90%;
  font-size:13px;
  color: #00CC00;
  background-color: #FFF;
 border:1px solid #00CC00;
 font-weight:bold;
}
#menu button:hover{
  color: #FFF;
  background-color: #00CC00;
 border:1px solid #FFF;
}

#bms_messages{
  overflow: auto;
  height: 100%;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background-color: #eee;
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0,2) inset;
}
.bms_message{
  margin:0px;
  padding: 0 14px;
  font-size: 16px;
  word-wrap: break-word;
  white-space: normal;
}
.bms_message_box{
  margin-top: 20px;
  max-width: 100%;
  font-size: 16px;
}
.bms_message_content{
  padding: 20px;
}
.bms_left{
  float:left;
  line-height:1.3em;
}
.bms_left .bms_message_box{
  color: #333;
  background: #fff;
  border: 2px solid #00CC00;
  border-radius: 30px 30px 30px 0px;
  margin-right: 50px;
}

.bms_right{
  float:right;
  line-height: 1.3em;
}
.bms_right .bms_message_box{
  color: #FFF;
  background: #00CC00;
  border: 2px solid #00CC00;
  border-radius: 30px 30px 0px 30px;
  margin-left: 50px;
}
.bms_clear{
  clear:both;
}