.io-chat {margin: 3px 0; height: 100%;}
.io-chat-live {max-height: 200px;}
.io-live {max-height: 300px;}
.io-chat ul {width : 100%; height: 85%;/*300px;*/ height: calc(100% - 31pt); overflow: auto; border: 1px solid gray; box-sizing: border-box;}
.io-live ul {width : 100%; height: 100%; overflow: auto; border: none;}
.io-chat form { background: gray; padding: 3px 0px 4px 0px; width: 100%; }
.io-chat form input { border: 0; padding: 10px; width: 80%; width: calc(95% - 80pt); margin: 0 0.5%; vertical-align:top;}
.io-chat form button { width: 80pt; background: rgb(130, 224, 255); border: none; height: 32px; margin: 0 0.5%; font-size: 12pt;}
.io-chat .io-messages { list-style-type: none; margin: 0; padding: 0; }
.io-chat .io-messages li { padding: 5px 10px; }
.io-chat .io-messages li:nth-child(odd) { background: #eee; }
.io-chat .io-messages li .username { font-weight: bold; float:left; cursor: pointer;}
.io-chat .io-messages li .msg { width: 84%; width: calc(100% - 80pt);}
.io-chat .io-messages li .date { float: right; color: gray; margin-bottom: 1px; width: 80pt;}
.io-chat .io-messages li .chat_adm { float:right;}
.io-accordion.ui-accordion { margin-bottom: 5px; }
.io-accordion.ui-accordion .io-chat.ui-accordion-content { padding:0; }
.io-accordion.ui-accordion h3.ui-state-active { padding: 9pt 20pt; color:#f3ece7; background: #ee6f00; background:transparent linear-gradient(#ee6f00, #d44b01) repeat scroll 0 0; font-size:12pt;}
.io-accordion.ui-accordion h3.ui-state-default { padding: 9pt 20pt; color:#f3ece7; background: #ee6f00; background:transparent linear-gradient(#ee6f00, #d44b01) repeat scroll 0 0; font-size:12pt;}
.io-accordion.ui-accordion h3.ui-state-active .ui-icon { background-image: url("new_design/jquery-ui-footter/images/ui-icons_ffffff_256x240.png"); }
.io-accordion.ui-accordion h3.ui-state-default .ui-icon { background-image: url("new_design/jquery-ui-footter/images/ui-icons_ffffff_256x240.png"); }