rc-web@5: #nicknames {
rc-web@5:   position: relative;
rc-web@5:   background-color: #666;
rc-web@5:   padding: 6px 6px 6px;
rc-web@5:   font: 15px Helvetica; 
rc-web@5: }
rc-web@5: 
rc-web@5: .nickname-set #nickname {
rc-web@5:   display: none;
rc-web@5: }
rc-web@5: 
rc-web@5: #chat,
rc-web@5: #nickname,
rc-web@5: 
rc-web@5: #messages {
rc-web@5:   width: 300px;
rc-web@5:   background-color: white;
rc-web@5:   z-index: 2;
rc-web@5: }
rc-web@5: 
rc-web@5: #chat {
rc-web@5:   left: 700px;
rc-web@5:   top: 500px;
rc-web@5:   border: 1px solid #ccc;
rc-web@5:   background-color: white;
rc-web@5:   font: 12px Helvetica; 
rc-web@5:   position: absolute;
rc-web@5:   z-index: 2;
rc-web@5:   opacity:0.5;
rc-web@5: }
rc-web@5: 
rc-web@5: #chatclient {
rc-web@5:   right: 2px;
rc-web@5:   border: 1px solid #ccc;
rc-web@5:   background-color: black;
rc-web@5: #  width: 300px;
rc-web@5:   font: 12px Helvetica; 
rc-web@5:   position: absolute;
rc-web@5:   bottom:50px;
rc-web@5: }
rc-web@5: 
rc-web@5: #nickname,
rc-web@5: #connecting {
rc-web@5:   position: relative;
rc-web@5:   height: 210px;
rc-web@5:   width: 300px;
rc-web@5:   color: #666;
rc-web@5:   display: block;
rc-web@5:   top:150px;
rc-web@5:   font: 12px Helvetica; 
rc-web@5: }
rc-web@5: 
rc-web@5: #nickname .wrap,
rc-web@5: #connecting .wrap {
rc-web@5:   padding-top: 10px;
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@5:   height: 100px;
rc-web@5: }
rc-web@5: 
rc-web@5: #messages em {
rc-web@5:   text-shadow: 0 1px 0 #fff;
rc-web@5:   color: #999;
rc-web@5: }
rc-web@5: 
rc-web@5: #messages p {
rc-web@5:   padding: 0;
rc-web@5:   margin: 0;
rc-web@5:   font: 12px Helvetica, Arial;
rc-web@5:   padding: 5px 10px;
rc-web@5:   color:light-gray;
rc-web@5:   background: white;
rc-web@5: }
rc-web@5: #messages p b {
rc-web@5:   display: inline-block;
rc-web@5:   padding-right: 10px;
rc-web@5:   color:black;
rc-web@5:  background: white;
rc-web@5: }
rc-web@5: #messages p:nth-child(even) {
rc-web@5:   background: white;
rc-web@5:   color: gray;
rc-web@5: }
rc-web@5: 
rc-web@5: #messages #nicknames span {
rc-web@5:   color: #000;
rc-web@5:   color: blue;
rc-web@5: }
rc-web@5: #messages #nicknames b {
rc-web@5:   display: inline-block;
rc-web@5:   color: blue;
rc-web@5:   background: #999;
rc-web@5:   padding: 3px 6px;
rc-web@5:   margin-right: 5px;
rc-web@5:   -webkit-border-radius: 10px;
rc-web@5:   -moz-border-radius: 10px;
rc-web@5:   border-radius: 10px;
rc-web@5:   text-shadow: 0 1px 0 #666;
rc-web@5: }
rc-web@5: #messages #lines {
rc-web@5:   height: 80px;
rc-web@5:   overflow: auto;
rc-web@5:   overflow-x:hidden;
rc-web@5:   overflow-y: auto;
rc-web@5:   background-color: white;
rc-web@5:   font-size: 18px;
rc-web@5:   color: black;
rc-web@5: }
rc-web@5: #messages #lines::-webkit-scrollbar {
rc-web@5:   width: 6px;
rc-web@5:   height: 6px;
rc-web@5:   color: blue;
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:   color: blue;
rc-web@5: }
rc-web@5: #messages #lines::-webkit-scrollbar-button:vertical:increment {
rc-web@5:   background-color: #fff;
rc-web@5:  color: blue;
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:   color: blue;
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:  color: black;
rc-web@5: }
rc-web@5: #send-message {
rc-web@5:   background: #fff;
rc-web@5:   position: relative;
rc-web@5: }
rc-web@5: #send-message input {
rc-web@5:   height: 30px;
rc-web@5:   line-height: 30px;
rc-web@5:   vertical-align: middle;
rc-web@5:   width: 300px;
rc-web@5:   border: 1px solid #ccc;
rc-web@5:   background-color:white;
rc-web@5:   color: black;
rc-web@5:   font: 15px Helvetica, Arial;
rc-web@5: }
rc-web@5: #send-message input:focus {
rc-web@5:   outline: 0;
rc-web@5: }
rc-web@5: #send-message button { 
rc-web@5:  position: absolute;
rc-web@5:   top: 5px;
rc-web@5:   right: 5px;
rc-web@5: }