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