.im-nav {margin: 20px 0 !important;}
.im-nav .top-msg {margin: 3px 0; padding: 2px; border: 1px solid #ddddaa; background: #ffffdd;}
.im-nav .nav {text-align: right;}
.im-nav .nav a {margin-left: 10px;}

.pager {margin: 20px 0;}


.imstatus-wrapper {margin: 10px 10px 0 10px;}
.imstatus-wrapper .imstatus {margin: 10px 10px 0 5px;}
.imstatus-wrapper .imstatus i {font-size: 18px; vertical-align: text-bottom;}



.iminbox {padding: 10px;}
table.imtable {width: 100%; border-collapse: collapse; margin: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;}
table.imtable tr {border-bottom: 1px solid #DDD;}
table.imtable th {font-size: 12px; padding: 2px; text-align: left; background: #DDD;}
table.imtable th:first-child {border-top-left-radius: 2px;}
table.imtable th:last-child {border-top-right-radius: 2px;}
table.imtable td {vertical-align: top; padding: 8px 4px; background-color: inherit;}
table.imtable td i {vertical-align: initial; font-size: 16px;}
table.imtable tr.caption th {padding: 10px 5px; text-align: left; background: #F2F2F2; font-size: 16px; font-weight: normal;}
table.imtable .ckcell {width: 20px; text-align: center; vertical-align: middle;}
table.imtable .rpcell {width: 20px; text-align: center; vertical-align: middle;}
table.imtable .fromcell {width: 150px; padding-right: 10px;}
table.imtable .delcell {width: 20px; text-align: center; vertical-align: middle;}
table.imtable .thcell {}
table.imtable .unseen {background: #F2F2F2;}
table.imtable .unseen .nick {font-weight: bold;}
table.imtable .unseen .subject {font-weight: bold;}
table.imtable .date {font-size: 9px; font-style: italic; font-family: arial; margin-top: 4px;}
table.imtable .msg {margin-top: 4px;}

table.imth .fromcell {text-align: right; padding-right: 15px;}
table.imth #reply .msgcell {padding: 10px 20px 10px 10px;}
table.imth #reply textarea {width: 100%; height: 200px;}
table.imth #reply .msgactions {margin: 0;}
.imthnav {float: right; margin-right: 15px;}
.imthnav > a {margin-left: 10px;}
.imthrecp {margin-left: 10px;}


.imwrapper {margin: 10px; background: #F2F2F2; padding: 15px; }
.imwrapper table.imftable {width: 100%; border-collapse: collapse; margin: 0; background: #FFF;}
.imwrapper table.imftable td {padding: 10px 5px; vertical-align: top;}
.imwrapper table.imftable .sfcap {width: 140px; text-align: right;}
.imwrapper table.imftable .sfdata input {width: 95%;}
.imwrapper table.imftable .sfdata textarea {width: 95%; height: 200px;}
.imwrapper table.imftable .sfdata em {font-size: 11px;}
.imwrapper table.imftable .ui-state-error {width: 95%; margin-top: 5px; padding: 3px;}
.imwrapper > div {background: #FFF; padding: 15px;}
.imwrapper-head {margin: 30px 10px 5px 10px; font-size: 16px; }


.imoptions-bl .status {margin-top: 15px;}
form.iminbox[name="imOptionsForm"] {margin-top: 20px;}


.msgactions {margin: 10px 0;}
.msgactions .sndmsg {padding: 5px; margin-left: 30px;}
.msgactions .after-send input {vertical-align: sub;}


.nomsgs {background: #FFF; border: 10px solid #F2F2F2; padding: 10px; margin: 40px 10px; text-align: center;}

.imerrbox {margin: 10px 0; padding: 4px; font-weight: bold; color: #880000; background: #ffeeee; border:1px solid #880000;}


ul.im-nav {margin: 20px 0;}
ul.im-nav > li {position: relative; }
ul.im-nav > li.active i, ul.im-nav > li:hover i {color: #4682B4;}
ul.im-nav > li .fa-stack {font-size: 13px;}
ul.im-nav i.arrow {position: absolute; top: -7px; left: 7px;}