rc-web@5: #chat,
rc-web@5: #nickname,
rc-web@5: #messages {
rc-web@38:   width: 350px;
rc-web@5: }
rc-web@5: #chat {
rc-web@38:   position: relative;
rc-web@38:   border: 0px solid #ccc;
rc-web@38:   background: black;
rc-web@38:   border-radius: 15px;
rc-web@5: }
rc-web@5: #nickname,
rc-web@5: #connecting {
rc-web@38:   position: absolute;
rc-web@38:   height: 185px;
rc-web@38:   z-index: 100;
rc-web@38:   left: 0;
rc-web@38:   top: 0;
rc-web@38:   background: black;
rc-web@38:   text-align: center;
rc-web@38:   width: 350px;
rc-web@38:   font: 15px Georgia;
rc-web@38:   color: white;
rc-web@5:   display: block;
rc-web@5: }
rc-web@5: #nickname .wrap,
rc-web@5: #connecting .wrap {
rc-web@38:   padding-top: 60px;
rc-web@5: }
rc-web@5: #nickname input {
rc-web@5:   border: 1px solid #ccc;
rc-web@5:   padding: 10px;
rc-web@5: }
rc-web@5: #nickname input:focus {
rc-web@5:   border-color: #999;
rc-web@5:   outline: 0;
rc-web@5: }
rc-web@5: #nickname #nickname-err {
rc-web@5:   color: #8b0000;
rc-web@5:   font-size: 12px;
rc-web@5:   visibility: hidden;
rc-web@5: }
rc-web@5: .connected #connecting {
rc-web@5:   display: none;
rc-web@5: }
rc-web@5: .nickname-set #nickname {
rc-web@5:   display: none;
rc-web@5: }
rc-web@5: #messages {
rc-web@38:   height: 160px;
rc-web@38:   !background: #eee;
rc-web@38:   background: black;
rc-web@5: }
rc-web@5: #messages em {
rc-web@38:   !text-shadow: 0 1px 0 #fff;
rc-web@38:   !color: #999;
rc-web@38:   color: white;
rc-web@5: }
rc-web@5: #messages p {
rc-web@5:   padding: 0;
rc-web@5:   margin: 0;
rc-web@38:   font: 11px Helvetica, Arial;
rc-web@38:   padding: 0px 10px;
rc-web@38:   color: white;
rc-web@5: }
rc-web@5: #messages p b {
rc-web@5:   display: inline-block;
rc-web@5:   padding-right: 10px;
rc-web@38:   color: white;
rc-web@5: }
rc-web@5: #messages p:nth-child(even) {
rc-web@38:   !background: #fafafa;
rc-web@38:   background: black;
rc-web@38:   color: white;
rc-web@5: }
rc-web@38: #messages #nicknames {
rc-web@38:   background: black;
rc-web@38:   padding: 2px 4px 4px;
rc-web@38:   font: 11px Helvetica;
rc-web@38:   color: white;
rc-web@38: }
rc-web@5: #messages #nicknames span {
rc-web@5:   color: #000;
rc-web@38:   color: white;
rc-web@5: }
rc-web@5: #messages #nicknames b {
rc-web@5:   display: inline-block;
rc-web@38:   background: black;
rc-web@5:   margin-right: 5px;
rc-web@38:   color: yellow;
rc-web@5: }
rc-web@5: #messages #lines {
rc-web@38:   height: 140px;
rc-web@5:   overflow: auto;
rc-web@38:   overflow-x: hidden;
rc-web@5:   overflow-y: auto;
rc-web@5: }
rc-web@5: #messages #lines::-webkit-scrollbar {
rc-web@5:   width: 6px;
rc-web@5:   height: 6px;
rc-web@5: }
rc-web@5: #messages #lines::-webkit-scrollbar-button:start:decrement,
rc-web@5: #messages #lines ::-webkit-scrollbar-button:end:increment {
rc-web@5:   display: block;
rc-web@5:   height: 10px;
rc-web@5: }
rc-web@5: #messages #lines::-webkit-scrollbar-button:vertical:increment {
rc-web@5:   background-color: #fff;
rc-web@5: }
rc-web@5: #messages #lines::-webkit-scrollbar-track-piece {
rc-web@5:   background-color: #fff;
rc-web@5:   -webkit-border-radius: 3px;
rc-web@5: }
rc-web@5: #messages #lines::-webkit-scrollbar-thumb:vertical {
rc-web@5:   height: 50px;
rc-web@5:   background-color: #ccc;
rc-web@5:   -webkit-border-radius: 3px;
rc-web@5: }
rc-web@5: #messages #lines::-webkit-scrollbar-thumb:horizontal {
rc-web@5:   width: 50px;
rc-web@5:   background-color: #fff;
rc-web@5:   -webkit-border-radius: 3px;
rc-web@5: }
rc-web@5: #send-message {
rc-web@38:   background: gray;
rc-web@5:   position: relative;
rc-web@38:   border-radius:5px;
rc-web@5: }
rc-web@5: #send-message input {
rc-web@38:   border: none;
rc-web@38:   height: 20px;
rc-web@38:   padding: 0 0px;
rc-web@38:   line-height: 20px;
rc-web@5:   vertical-align: middle;
rc-web@38:   width: 330px;
rc-web@38:   background:gray;
rc-web@38:   color: yellow;
rc-web@38:   border-radius:5px;
rc-web@5: }
rc-web@5: #send-message input:focus {
rc-web@5:   outline: 0;
rc-web@5: }
rc-web@38: #send-message button {
rc-web@38:   position: absolute;
rc-web@38:   top: 3px;
rc-web@5:   right: 5px;
rc-web@38: }
rc-web@38: button {
rc-web@38:   margin: 0;
rc-web@38:   -webkit-user-select: none;
rc-web@38:   -moz-user-select: none;
rc-web@38:   user-select: none;
rc-web@38:   display: inline-block;
rc-web@38:   text-decoration: none;
rc-web@38:   background: #43a1f7;
rc-web@38:   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #43a1f7), color-stop(1, #377ad0));
rc-web@38:   background: -webkit-linear-gradient(top, #43a1f7 0%, #377ad0 100%);
rc-web@38:   background: -moz-linear-gradient(top, #43a1f7 0%, #377ad0 100%);
rc-web@38:   background: linear-gradient(top, #43a1f7 0%, #377ad0 100%);
rc-web@38:   border: 1px solid #2e70c4;
rc-web@38:   -webkit-border-radius: 16px;
rc-web@38:   -moz-border-radius: 16px;
rc-web@38:   border-radius: 16px;
rc-web@38:   color: #fff;
rc-web@38:   font-family: "lucida grande", sans-serif;
rc-web@38:   font-size: 11px;
rc-web@38:   font-weight: normal;
rc-web@38:   line-height: 1;
rc-web@38:   !padding: 3px 10px 5px 10px;
rc-web@38:   text-align: center;
rc-web@38:   text-shadow: 0 -1px 1px #2d6dc0;
rc-web@38: }
rc-web@38: button:hover,
rc-web@38: button.hover {
rc-web@38:   background: darker;
rc-web@38:   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #43a1f7), color-stop(1, #2e70c4));
rc-web@38:   background: -webkit-linear-gradient(top, #43a1f7 0%, #2e70c4 100%);
rc-web@38:   background: -moz-linear-gradient(top, #43a1f7 0%, #2e70c4 100%);
rc-web@38:   background: linear-gradient(top, #43a1f7 0%, #2e70c4 100%);
rc-web@38:   border: 1px solid #2e70c4;
rc-web@38:   cursor: pointer;
rc-web@38:   text-shadow: 0 -1px 1px #2c6bbb;
rc-web@38: }
rc-web@38: button:active,
rc-web@38: button.active {
rc-web@38:   background: #2e70c4;
rc-web@38:   border: 1px solid #2e70c4;
rc-web@38:   border-bottom: 1px solid #2861aa;
rc-web@38:   text-shadow: 0 -1px 1px #2b67b5;
rc-web@38: }
rc-web@38: button:focus,
rc-web@38: button.focus {
rc-web@38:   outline: none;
rc-web@38:   -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.40), 0 0 4px 0 #377ad0;
rc-web@38:   -moz-box-shadow: 0 1px 0 0 rgba(255,255,255,0.40), 0 0 4px 0 #377ad0;
rc-web@38:   box-shadow: 0 1px 0 0 rgba(255,255,255,0.40), 0 0 4px 0 #377ad0;
rc-web@5: }