#enter {padding: 0; min-width: 0}
#everything {width: auto}
#enter #everything {position: relative; margin: 0}
#loginDialog {z-index: 500}
#globalHeader {z-index: 300}
#enter #globalHeader {position: fixed; top: 0; right: 0; left: 0; width: auto; min-width: 447px; height: 5.55em; padding: 1em 0 0; background: #fffff4 url(http://3.assets.lingr.com/images/backgrounds/gradient-pale-orange.gif.v1225400284) repeat-x 0 0 fixed}
#archives #globalHeader {padding-bottom: 0.25em}
#enter .globalMenu {margin-bottom: 0}
#enter #globalActionsA {position: absolute; right: 0; z-index: 5; margin-right: 0; padding-right: 24px; background: #fffff4 url(http://3.assets.lingr.com/images/backgrounds/gradient-pale-orange.gif.v1225400284) repeat-x 0 0 fixed}
#enter #globalActionsB {padding-left: 25px}
#enter .menuWrapper {z-index: 35}
#enter #pageHeader {height: 3.75em; margin: 0; text-align: left}
#enter #globalHeader .headerWrapper {display: block; overflow: hidden; float: left; position: relative; width: 65%; min-width: 291px; height: 3.75em; margin-right: 0; text-align: left; white-space: nowrap}
#enter #globalHeader h1 {display: block; width: 100%; height: 100%; margin: -1px 1px 0 25px; background: #fffff4 url(http://3.assets.lingr.com/images/backgrounds/gradient-pale-orange.gif.v1225400284) repeat-x 0 0 fixed; border-bottom: 1px solid #eee}
#connectionStatus {position: absolute; top: 0; right: 0; left: 65%; width: auto; margin: 0 30px 0 0; color: #555; line-height: 1; text-transform: lowercase; text-align: right}
#connectionStatus.connected {color: #cb7500}
#connectionStatus.disconnected {color: #801500}
#connectionStatus .text {display: none; position: absolute; top: 58%; right: 62px; margin-top: -0.5em; padding-right: 0.5em; line-height: 1}
#connectionStatus.disconnected .disconnected {margin-top: -1em}
#connectionStatus.connecting .connecting, #connectionStatus.disconnected .disconnected, #connectionStatus.leaving .leaving {display: inline}
#connectionStatus.connected .connected {display: inline; visibility: hidden}
#connectionStatus.connected:hover .connected, #connectionStatus.connected:focus .connected, #connectionStatus.connected.hover .connected {visibility: visible}
#connectionStatus .image {display: block; position: absolute; top: 0; right: 0; width: 62px; height: 42px; background: transparent url(http://4.assets.lingr.com/images/logo/connection-status.png.v1225400284) no-repeat 0 0}
#connectionStatus.connected .image {background-position: 0 -42px}
#connectionStatus.disconnected .image {background-position: 0 -84px}
#connectionStatus img {visibility: hidden}
#enter #loginDialog {position: fixed; right: 30px}
#enter #columnA {float: none; position: relative; width: 65%; min-width: 291px; height: 100%}
#archives #columnA {float: left; width: 65%; margin-bottom: 1em}
#messages {overflow: hidden; position: relative; z-index: 10; width: auto; height: 100%; margin: 0 0 7.75em 24px; padding-top: 6.55em; background: #fff; border: solid #eee; border-width: 0 1px}
#archives #messages {z-index: 1; height: auto; margin: 0; padding: 0; border-width: 1px}
#messages li {position: relative}
#messages .broadcastMessage {margin: 0.4em 0; padding: 0.65em 1.25em 0.75em 34px; color: #cb7500; background: #fff url(http://1.assets.lingr.com/images/backgrounds/gradient-green.png.v1225400284) repeat-x left bottom; border: solid #d9dba6; border-width: 1px 0; text-align: center; font-size: 144%; line-height: 1}
#messages .systemMessage {padding: 0 1.25em 0 34px; color: #aaa; text-align: right; font-size: 107%}
#messages .systemMessage.archives, #messages .systemMessage.noMessage {padding: 0.6em 1.25em 0.7em 34px; text-align: center; font-size: 144%}
#messages .systemMessage.start {margin-bottom: 0.4em; border-bottom: 1px solid #eee}
#messages .systemMessage.archives.end {margin-top: 0.4em; border-top: 1px solid #eee}
#archives #messages .systemMessage.noMessage {padding-bottom: 0.8em}
#messages .systemMessage.noMessage {color: #cb7500}
#messages .systemMessage em {color: #a07f60}
#messages .systemMessage.me em {color: #8b8e64}
#messages .publicHandle.me .handleText {color: #768000}
#messages .messageText.me {color: #7b7e54}
#messages .systemMessage.noMessage em {color: inherit}
#messages .publicHandle {z-index: 1; padding: 0.5em 1.3em 0.25em 34px}
#messages .publicHandle.redundant, #messages .privateHandle.redundant {display: none}
#messages .publicHandle img {position: absolute; top: 0; left: 4px; z-index: 1; margin-top: 0.5em}
#messages .publicHandle .handleText {color: #793b00; font-size: 122%; line-height: 0.75}
#messages .publicHandle a:focus .handleText, #messages .publicHandle a:hover .handleText {color: #de8000}
#messages .publicHandle.automaton .handleText {color: #805f40}
#messages .publicHandle .timestamp {float: right; color: #e1bb88; font-size: 92%; line-height: 1.33}
#messages .messageText {padding: 0.2em 0 0.2em 30px}
#messages .messageText.automaton {color: #777}
#messages .messageText:target .messageTextContainer {background: #ffffe1}
#messages .messageText.highlight, #messages .messageText.highlight .messageTextContainer, #messages .messageText.highlight .paste {background: #f0ffee}
#messages .messageText.stickyHighlight {background: #f0ffee}
#messages .messageText .permalink {position: absolute; left: 100%; margin-left: -1em; color: #e1bb88; font-size: 92%; line-height: 1.56em}
#messages .messageText .permalink:focus, #messages .messageText .permalink:hover {color: #de8000; background: #f0ffee}
#messages .permalinking {display: none; margin: 0.5em 0 0 -30px; padding: 0.4em 0.93em 0.4em 34px; background: #e7ffe3; border: solid #d9dba6; border-width: 1px 0}
#messages .messageText.stickyHighlight .permalinking {display: block}
#messages .permalinking input.permalinkUrl {width: 98%; margin: 0.25em 0}
#messages .permalinking form {padding-top: 0.5em; text-align: center}
#messages .messageTextContainer {display: block; padding: 0 0.93em 0 4px; font-size: 144%; line-height: 1; word-wrap: break-word}
#messages .messageText img.decorated {position: relative; max-width: 100%}
#messages .messageText img.saying, #messages .messageText img.pming {position: absolute; left: 100%; margin-left: -18px}
#messages .messageText .shrink {width: 400px}
#messages .messageText .youTube, #messages .messageText .youTube * {width: 400px; max-width: 100%; height: 330px}
#messages .messageText .googleVideo, #messages .messageText .googleVideo * {width: 400px; max-width: 100%; height: 326px}
#messages .messageText .mp3 {width: 300px; max-width: 100%; height: 20px}
#messages .messageText .paste {padding: 0.3em 0.4em; background: #f9fff8}
#messages .messageText .paste.raw {background: #f3fdfd}
#messages .messageText .paste.raw .pretty, #messages .messageText .paste.raw .viewPaste {display: none}
#messages .messageText pre {display: none; overflow: auto; white-space: pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word}
#messages .messageText .paste.raw pre {display: block}
#messages .messageText .viewPaste {font-size: 0.65em; text-align: right}
#messages .messageText .miniBadge img {margin-right: 0.4em; vertical-align: middle}
#messages .messageText a.decorated {vertical-align: super; margin-left: 0.3em; font-size: 0.8em}
#messages .messageText img.emoticon {vertical-align: middle; height: 0.95em; margin-top: -2px}
#messages .privateHandle, #messages .privateMessageText {background: #f3fdfd; border: solid #eee}
#messages .me.privateHandle, #messages .me.privateMessageText {background: #f9fff8}
#messages .privateHandle {vertical-align: middle; margin-top: 0.2em; padding: 0.45em 12px 0.25em; color: #888; border-width: 1px 0 0; text-align: center}
#messages .privateHandle .timestamp {position: absolute; top: 0.5em; right: 1.3em; color: #e1bb88; font-size: 92%; line-height: 1.33}
#messages .privateHandle .pm {position: absolute; top: 0.5em; left: 12px}
#messages .privateHandle .handleContent {position: relative; z-index: 1; line-height: 1.1}
#messages .privateHandle .handleContent .senderHandle, #messages .privateHandle .handleContent .targetHandle {font-size: 107%}
#messages .privateHandle .handleContent a {color: #793b00}
#messages .privateHandle .handleContent a:focus, #messages .privateHandle .handleContent a:hover {color: #de8000}
#messages .privateHandle .handleContent span.senderHandle, #messages .privateHandle .handleContent span.targetHandle {color: #768000}
#messages .privateHandle img {vertical-align: middle; padding-right: 0.15em}
#messages .privateMessageText {margin-bottom: 0.25em; padding-left: 16px; border-width: 0 0 1px}
#messages .privateMessageText.notLast {margin: 0; border-color: #f3fdfd}
#messages .me.notLast {border-color: #f9fff8}
#messages .privateMessageText .messageTextContainer {font-size: 122%; line-height: 1.1}
#messages .privateMessageText .messageTextContainer a.reply {float: right; padding-left: 0.5em; font-size: 0.64em; line-height: 1.1}
#messages .me .messageTextContainer a.reply {display: none}
#ieScrollAnchor {display: none}
#profile {position: fixed !important; top: 5.5em; right: 33%; z-index: 305; width: 42%; background: #fff url(http://1.assets.lingr.com/images/backgrounds/gradient-green.png.v1225400284) repeat-x left bottom; border: 1px solid #d9dba6; cursor: move; text-transform: none}
#hideProfile {position: absolute; top: 5px; right: 5px; z-index: 1; width: 10px; height: 10px; background: #fff url(http://1.assets.lingr.com/images/room/remove-tag.png.v1225400285) no-repeat 0 0}
#hideProfile:focus, #hideProfile:hover {background-position: -10px 0}
#profileDetails {overflow: hidden; margin: 0.6em 18px 0.35em 0.85em}
#profile img {vertical-align: middle; float: left; padding: 0 0.5em 0.25em 0}
#profile .handle {display: block; padding-bottom: 0.25em; color: #cb7500; font-family: 'Georgia', 'Times', sans-serif; font-size: 182%; line-height: 1; font-weight: normal; letter-spacing: 2px; text-align: left; word-wrap: break-word}
#profile .description p {padding-bottom: 0.5em; font-size: 107%}
#profile .description.noProfile.notMe p {padding: 0.25em 0 1em; color: #555; text-align: center}
#profile .description .edit {display: block; position: relative; top: -0.25em; z-index: 1; text-align: center; font-size: 92%; line-height: 1; text-transform: lowercase}
form#profilePM {margin-top: 0.25em; padding: 0.75em 0 0.25em; border-top: 1px solid #eee; text-align: center}
form#profilePM label {display: block; margin-bottom: 0.25em; color: #555; font-size: 107%; line-height: 1.1}
form#profilePM #profilePMText {width: 100%; height: 3em; margin-bottom: 0.25em; font-size: 144%}
#enter #columnB {position: fixed; top: 6.55em; right: 0; bottom: 0; left: 65%; width: auto; height: 100%; margin: 3px 24px 0 16px}
#archives #columnB {float: right; width: 32%}
#enter #columnB .columnContainer {clear: both; position: relative; z-index: 1; width: 100%}
#columnB h2 {padding-bottom: 0.1em; text-align: center; font-family: 'Gill Sans', 'Verdana', 'Helvetica', sans-serif; font-size: 122%; line-height: 1; letter-spacing: 1px}
#columnB .columnContent {padding: 0}
.searchModule {margin-bottom: 1em; text-align: center}
form.search {padding: 0.8em 0 0.25em; background: #fffff3 url(http://4.assets.lingr.com/images/backgrounds/gradient-ivory-short.gif.v1225400284) repeat-x left bottom; border: solid #eee; border-width: 1px 0; text-align: center}
form.search * {vertical-align: top}
form.search label.query {position: relative; top: 0.1em; padding-right: 0.15em; color: #793b00; font-size: 144%}
form.search #q {width: 50%; margin: 0 0.1em 0.3em 0; font-size: 144%; line-height: 1.3}
form.search #searchSubmit {margin-bottom: 0.2em}
#aboutThisRoom {margin-bottom: 4%; word-wrap: break-word}
#search, #archives #aboutThisRoom {margin-bottom: 0; padding-bottom: 1em}
#roomDescription {padding-bottom: 0.4em; color: #444}
#showExtendedRoomDescription, #hideExtendedRoomDescription {font-size: 92%}
#roomTimezone, #roomOwner, #roomPrivacy {padding-right: 0.5em; color: #999; font-size: 92%; text-align: right; margin-bottom: 0.2em}
#roomTimezone em, #roomOwner em, #roomPrivacy em {color: #666}
.tagCloud {margin-bottom: 0.2em}
.tagCloud a {overflow: hidden; position: static; margin-bottom: 2px; padding: 3px 0.5em 2px; background: #fff; border: 1px solid; border-color: #eee #ccc #ccc #eee; line-height: 2; text-decoration: none; white-space: nowrap}
#showExtendedRoomTagCloud, #hideExtendedRoomTagCloud {margin: 0; padding: 0; background: transparent; border: 0; font-size: 92%; line-height: 1}
.tagCloud a:focus, .tagCloud a:hover {background: #e1f6fa url(http://3.assets.lingr.com/images/backgrounds/gradient-blue.gif.v1225400284) repeat-x left -20px}
.tag {font-size: 92%}
.etcetera {clear: both; position: relative; min-height: 24px; padding-bottom: 1em}
.links {position: relative; z-index: 1; margin: 0 6px 0 92px; color: #888; text-align: right}
.guest .links {margin-left: 37px}
#archives .links {margin-left: 55px}
#archives.guest .links {margin-left: 6px; text-align: center}
.links a {text-align: center; font-size: 92%; line-height: 1; text-transform: lowercase; white-space: nowrap}
.controls {position: absolute; bottom: 0; left: 0; width: 100%; height: 1em; padding-top: 24px}
.controls .icon {display: block; position: absolute}
#soundToggle .icon {top: 0; left: 6px; width: 24px; height: 24px; background: transparent url(http://4.assets.lingr.com/images/room/sound.gif.v1225400285) no-repeat -24px 0}
#favoriteToggle .icon {top: 2px; left: 35px; width: 22px; height: 22px; background: transparent url(http://3.assets.lingr.com/images/room/favorite.gif.v1225400285) no-repeat -22px 0}
#archives #favoriteToggle .icon {left: 6px}
#radarToggle .icon {top: 0; left: 62px; width: 24px; height: 24px; background: transparent url(http://2.assets.lingr.com/images/room/radar.gif.v1225400285) no-repeat -24px 0}
#archives #radarToggle .icon {left: 33px}
#soundToggle:focus .icon, #soundToggle:hover .icon {background-position: -24px -24px}
#favoriteToggle:focus .icon, #favoriteToggle:hover .icon {background-position: -22px -22px}
#radarToggle:focus .icon, #radarToggle:hover .icon {background-position: -24px -24px}
#soundToggle.on .icon, #favoriteToggle.on .icon, #radarToggle.on .icon {background-position: 0 0}
#soundToggle.on:focus .icon, #soundToggle.on:hover .icon {background-position: 0 -24px}
#favoriteToggle.on:focus .icon, #favoriteToggle.on:hover .icon {background-position: 0 -22px}
#radarToggle.on:focus .icon, #radarToggle.on:hover .icon {background-position: 0 -24px}
.controls .text {display: block; visibility: hidden; overflow: hidden; position: absolute; right: 0; bottom: 0; left: 0; width: auto; height: 1em; text-align: left; font-size: 92%; line-height: 1}
.controls .on:focus .on, .controls .on:hover .on, .controls .off:focus .off, .controls .off:hover .off {visibility: visible}
#roster {overflow: auto; max-height: 48%; border-bottom: 1px solid #eee}
#roster ul.columnContent {padding: 0.25em 0.5em; background: #fff; border-top: 1px solid #eee}
#archives #roster ul {overflow: hidden}
#enter #roster li {white-space: nowrap}
#archives #roster li {word-wrap: break-word}
#enter #roster .total {margin: 0 -0.3em 0.3em; padding: 0.2em 0.25em 0.35em; color: #555; background: #f8f8f8; font-size: 92%; line-height: 1; text-align: center; white-space: normal; text-shadow: 2px 2px 2px #ccc}
#enter #roster .total.only {margin-bottom: 0}
#roster #noChatters {padding: 0.35em 0 0.6em 4px}
#roster li img {vertical-align: middle; width: 24px; height: 24px; padding: 0 4px 0.15em 0}
#roster .handle {line-height: 1; color: #793b00}
#roster .automaton .handle {color: #ccc}
#roster .me .handle {color: #768000}
#everything #roster li a:focus, #everything #roster li a:hover {color: #de8000}
#chatroomGlobalMessage {position: absolute; bottom: 6.8em; width: 100%; margin-bottom: 0.25em; color: #793b00; background: #e1f6fa url(http://3.assets.lingr.com/images/backgrounds/gradient-blue.gif.v1225400284) repeat-x left top; border: solid #d4dee3; border-width: 1px 0; line-height: 1; text-align: center}
.hideGlobalMessage {right: 8px}
#chatroomGlobalMessage div {padding: 0.5em 22px 0.6em 0.6em}
#chatFooterWrapper {clear: both; position: fixed; right: 0; bottom: 0; left: 0; z-index: 20; width: 65%; min-width: 291px; height: 7.75em; background: transparent}
#chatFooterWrapper.hasNoHandle .hasHandle, #chatFooterWrapper.hasHandle .hasNoHandle {display: none}
#chatFooter {clear: none; width: auto; height: 100%; margin-left: 24px; background: inherit; border: solid #ccc; border-width: 1px 1px 0 1px}
#chatFooter form {clear: both; width: 100%; background: #ffffe1}
#speakField, #initialHandle {font-size: 152%}
#initialHandleForm {height: 100%; text-align: center}
#initialHandleLabel {display: block; padding: 0.3em 0 0.45em; color: #768000; font-size: 182%; line-height: 1}
#initialHandleWrapper {display: block; position: relative; width: 50%; margin: 0 auto; padding: 0 18px 0.5em 26px}
#initialHandleForm img#initialHandleIcon {position: absolute; top: 42%; left: -26px; margin-top: -24px}
#initialHandleForm img#initialHandleProgress {position: absolute; top: 42%; right: -10px; margin-top: -10px}
#initialHandle {width: 100%; padding: 0.1em}
#initialHandleSubmit {display: block; margin: 0 auto}
#speakFormWrapper {position: relative; height: 100%; background: #ffffe1}
#userImage {position: absolute; top: 0.4em; left: 4px; z-index: 1}
#speakHandleWrapper {display: block; overflow: hidden; width: 100%; padding: 0.4em 0 0 33px; white-space: nowrap}
#speakHandle, .inPlaceEditorSaving {padding-right: 24px; color: #768000; cursor: text; font-size: 122%}
#speakHandle {background: transparent url(http://2.assets.lingr.com/images/room/edit.png.v1225400285) no-repeat -15px -13px; cursor: pointer}
#speakHandle:focus, #speakHandle:hover, #speakHandle.hover {background-color: #ffff99; background-position: right center}
.inPlaceEditorSaving {background: transparent url(http://1.assets.lingr.com/images/shared/progress-flower-orange.gif.v1225400285) no-repeat right center}
.inPlaceEditorForm {display: inline}
.inPlaceEditorForm input {margin-right: 6px}
.inPlaceEditorFormField {width: 42%}
#speakForm {position: absolute; top: 2.1em; bottom: 0.8em; width: 100%; height: auto}
#speakField {position: absolute; top: 0; bottom: 0; width: 70%; height: 100%; margin: 0 8px 0 34px}
#speakFormSubmit {position: absolute; top: 0; left: 70%; margin-left: 42px}
#observerLeaveRoom, #chatterLeaveRoom {position: absolute; right: 8px; bottom: 0; left: 70%; width: auto; margin-left: 42px; line-height: 1}
#observerLeaveRoom {bottom: 4px; left: auto; text-align: right}
#archivePeriod {padding-bottom: 1.25em}
#archivePeriod h2 {display: block; position: relative; width: 100%; padding-bottom: 0.45em}
#archivePeriod h2 * {display: block; overflow: hidden}
#archivePeriod h2 .otherMonth {position: absolute; top: 0; width: 25%}
#archivePeriod h2 .otherMonth.previous {left: 0; text-align: right}
#archivePeriod h2 .otherMonth.next {right: 0; text-align: left}
#archivePeriod h2 span.otherMonth {visibility: hidden}
#archivePeriod h2 .currentMonth {height: 1.1em; margin: 0 25%}
#archivePeriod h2 .currentYear {overflow: visible; display: block; width: 50%; margin: 0 auto}
#archivePeriod table {margin: 0 auto; border-collapse: collapse; line-height: 1; text-align: center}
#archivePeriod th, #archivePeriod td {width: 1.2em; font-weight: normal}
#archivePeriod th {padding: 0 0.15em; color: #805f40}
#archivePeriod th.sundays, #archivePeriod td.sundays {padding-left: 1.5em}
#archivePeriod th.saturdays, #archivePeriod td.saturdays {padding-right: 1.5em}
#archivePeriod th span {font-size: 0.8em}
#archivePeriod tbody {background: #fff; border: solid #eee; border-width: 1px 0}
#archivePeriod td a, #archivePeriod td span {display: block; padding: 0.2em 0; border: 1px solid #fff}
#archivePeriod .outOfDuration {color: #d4dee3}
#archivePeriod .noMessages a {color: #7e949e}
#archivePeriod .otherMonth a {color: #b3c7cf}
#archivePeriod .today a {color: #805f40}
#archivePeriod td a:hover, #archivePeriod td a:focus, #archivePeriod .selectedDay a {color: #de8000; background: #e1f6fa url(http://3.assets.lingr.com/images/backgrounds/gradient-blue.gif.v1225400284) repeat-x left -20px; border-color: #eee #ccc #ccc #eee}