.box---chat-lobby-screen-rooms{margin-top:2em;} @media (min-width:983px){.chat-rooms-and-chat-actions{display:flex;display: -webkit-flex;display: -ms-flexbox;display: -ms-flex;display: -moz-flex;} } .chat-rooms h3,.chat-actions h3{border-bottom:0;} .chat-rooms{padding:1em;} .chat-rooms .associated-details:last-child{display:block;} .chat-actions{padding:1em;border-left:1px solid #dddddd;} @media (max-width:982px){.chat-actions{border-top:1px solid #dddddd;border-left: none;} } .chat-actions li{margin:0.5em 0 !important;} .chat-multi-tab{font-size:0.9em;} .chat-multi-tab *{vertical-align: middle;} .chat-posting-area{border:1px solid #000000;padding:0.5em;border-radius:5px;} @media (max-width:982px){.chat-posting-area .left,.chat-posting-area .right{float: none;} .chat-posting-area .right{margin-top:0.25em;} } .chat-posting-area textarea,.chat-posting-area input,.chat-posting-area img{vertical-align: middle;} .chat-posting-area textarea{margin-top:0;margin-right:1em;} @media (max-width:982px){.chat-posting-area textarea{width:100%;} .chat-posting-area .left{float: none;} } @media (min-width:983px){.chat-posting-area textarea{width:20em;} } .below-main-chat-window{margin-top:2em;margin-bottom:4em;} #chat-comcode-panel{margin-top:1em;} .chat-options-title{margin-top:0.5em;} @media (min-width:983px){.box---chat-screen-options::after{display:block;clear:both;content: "";} .chat-room-options,.chat-room-actions{float: left;width:50%;min-height:16em;} .chat-room-options{padding:0.5em;} .chat-room-actions{padding-left:1em;border-left:1px solid #dddddd;} .chat-colour-option,.chat-font-option{float: left;width:50%;} .chat-colour-option{padding-right:0.5em;} } .chat-colour-option label{display:block;} .chat-colour-option p:first-child,.chat-font-option p:first-child{margin-top:0;margin-bottom:0.25em;} .chat-colour-option p:last-child,.chat-font-option p:last-child{margin-top:0.25em;margin-bottom:0;} @media (max-width:982px){.chat-room-options,.chat-room-actions{padding:0.5em;} .chat-options-title,.chat-options,.chat-colour-option,.chat-font-option{margin:1em 0;} .chat-room-options p:last-child{margin:0;} } .messages-window-full-chat{max-height:35em;} .messages-window{vertical-align: top;overflow:auto;} .chat-posting-area + .chat-lobby-convos-area-messages{margin:1em 0;} .chat-message{border:1px solid #000000;background:#000000;padding:1em;margin:1em 0;overflow: hidden;border-radius:4px;} .chat-lobby-convos-area-messages .chat-message{margin:0.6em 0;} .chat-message blockquote{margin:0;} .ghost .chat-message .associated-links-block-group{display: none;} .chat-message-old{background-color:#000000 !important;} .chat-avatar{float: right;width:50px;margin-left:0.5em;} .chat-lobby-convos-area-messages .chat-avatar{width:30px;} .chat-message > div{border:1px dotted #dddddd;border-left:0;margin:0.5em 0.5em 0.5em -0.5em;padding:0.2em;font-size:0.9em;opacity:0.5;transition: opacity 0.2s linear !important;transform: scale(1);margin-right:60px;} .chat-lobby-convos-area-messages .chat-message > div{margin-right:40px;} .chat-message > div:hover,html.is-touch-enabled .chat-message > div{opacity:1;} .chat-operator-staff a,.chat-operator-staff a:visited,.chat-operator-staff a:hover{color:#cc0000;} .chat-message-by{font-style: italic;} .loading-overlay{position:absolute;left:20%;width:60%;top:30%;border:1px solid #000000;background-color:#000000;font-size:1.5em;padding:3em;text-align:center;} .chat-im-convos-wrap{margin-top:3em;} @media (min-width:983px){.chat-im-convos-inner{display:flex;display: -webkit-flex;display: -ms-flexbox;display: -ms-flex;display: -moz-flex;} } .alert-box-wrap{padding-top:3em;} .chat-lobby-friends{padding:1em;} @media (min-width:983px){.chat-lobby-friends{} } .chat-lobby-friends input{vertical-align: middle;} .chat-lobby-friends .form-add-friend{margin-bottom:14px;} .chat-lobby-friends .form-add-friend .input-group{display: inline-flex;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: -ms-inline-flex;display: -moz-inline-flex;width:auto;} .chat-lobby-convos{padding:1em;} @media (min-width:983px){.chat-lobby-convos{border-right:1px solid #dddddd;} } .chat-lobby-convos-tabs{border-left:0;border-right:0;border-top:0;border-bottom:1px solid;border-color:#000000;overflow: hidden;margin-bottom:0.5em;} .chat-lobby-convos-tabs div{float: left;padding:3px 5px 0 5px;border-right:1px solid #000000;border-top:1px solid #000000;text-align:center;} .chat-lobby-convos-tab-first{border-left:1px solid #000000;} .chat-lobby-convos-current-tab{text-shadow:1px 1px 1px #dddddd;} .chat-lobby-convos-tab-new-messages{color:#cc0000;} @media (min-width:983px){.chat-lobby-convos-areas{min-width:26em;} } .chat-participant-avatar{display:block;width:45px;float: left;margin-right:3px;} .chat-lobby-convos-area{overflow: hidden;} .chat-lobby-convos-area-main{overflow: hidden;} .chat-lobby-convos-area-messages{height:20em;} .chat-friends-column{width:25px;} .chat-name-column,.chat-online-column{width:auto;} .chat-choose-column{width:25px;} .im-post-bits{} .im-post-bits .horiz-field-sep{display: inline !important;} .im-post-bits span{float: right;} .im-post-field{margin:0 0 0 1px;width:13.5em;overflow: hidden;} .im-close-button{text-align: right;margin-bottom:1em;} .im-close-button input{width:8em;} .friend-active{opacity:1.0;} .friend-inactive{opacity:0.4;} .friend-actions{} .friend-actions .btn{margin:7px;} .friend-actions input{width:100%;text-align: left;margin:0.2em 0 !important;} .chat-lobby-convos-area-bar{float: right;margin-left:1em;width:10em;overflow: hidden;} .chat-lobby-convos-area-participants{height:19.5em;overflow:auto;} .chat-lobby-convos-area-participants .none{color:#cc0000;} .chat-lobby-im-participant .clearfix a{display:block;} .sound-effects-form p{margin-bottom:0;padding-bottom:1em;} .sitewide-im-popup-body{background-color:#000000 !important;} .chat-sound-effects-checkbox{margin-top: -2.2em;} .im-event{position:fixed;width:11em;z-index:1000;overflow: hidden;background-color:#fffcc4;color:#000000;border:1px solid #000000;box-shadow:0px 0px 20px #ffffff;border-radius:5px;padding:1em;} .im-event p{margin-top:0;} .im-event .im-popup-close-button{float: right;margin:0 0 0.5em 0.5em;cursor: pointer;} .im-event .im-popup-avatar{float: left;width:25px;height:25px;margin-right:0.5em;} .im-event .actions-list{float: right;} .box.box---block-side-shoutbox-message{background-color:#000000;margin-left:30px;position: relative;} .box---block-side-shoutbox-message::before{content:'';width:0;height:0;border-style: solid;border-width:5px 5px 5px 0;border-color: transparent #dddddd transparent transparent;position:absolute;left: -5px;top:15px;} .boxless-space .box---block-side-shoutbox-message::before{display: none;} .shoutbox-message-avatar{position:absolute;left: -30px;} .shoutbox-message-avatar img{width:20px;height:20px;} .shoutbox-message-header{overflow: hidden;} .shoutbox-message-author,.shoutbox-message-time{margin-top:0;margin-bottom:5px;} .shoutbox-message-author{float: left;} .shoutbox-message-time{float: right;} .shoutbox-message{margin:0;} .global-side-panel{position: relative;} .block-side-friends{} ul.icon-links-block-group{list-style-type: none;margin:0;padding:0;float: right;} @media (max-width:982px){ul.icon-links-block-group{margin:1em 0;} } ul.icon-links-block-group > li{list-style-type: none;margin:0 0 0 1em;display: inline-block;min-height:15px;} ul.icon-links-block-group > li > a > .icon{width:14px;height:14px;margin-right:0.3em;}