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