Tema do IRCCLOUD com fonte de homem

gistfile1.css

html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Consolas", "Menlo", "Ubuntu Mono", "Courier", monospace;
    font-size: 14px;
    color: #222;
    background-color: #1F1F1F;
}
body.app {
    overflow-y: hidden;
    width: 100%;
    height: 100%;
}
body.disconnected {
    background-color: #FFEE97;
}

div#container {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 915px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: normal;
}
h3, h4, h5, h6 {
    font-size: 0.9em;
}
a {
    color: #1DC9FF;
}
a img,
iframe {
    border: 0;
}
ul, ol, li {
    margin: 0;
    padding: 0;
    font-size: 1em;
}
ul, ul li {
    list-style: none;
}
p, form {
    margin: 0;
    padding: 0;
    font-size: 1em;
}
table {
    margin: 0;
    border-spacing: 0;
}
hr {
    border: 0;
    border-top: 1px solid #ddd;
    outline: 0;
    margin: 15px 0;
    padding: 0;
    height: 1px;
}
a:hover, a:active {
    color: #FFC200;
    outline: 0;
}
label,
input[type=button],
input[type=submit],
button {
    margin: 0;
    cursor: pointer;
    outline: 0;
}
b, strong {
    font-weight: bold;
}
li.mono,
p.mono {
    font-family: "Consolas", "Menlo", "Ubuntu Mono", "Courier", monospace;
    font-size: 13px;
}
textarea, input {
    font-family: "Consolas", "Menlo", "Ubuntu Mono", "Courier", monospace;
    font-size: 14px;
	margin: 0;
  	padding: 0;
}



::-webkit-scrollbar {
    width: 14px;
    height: 10px;
}
::-webkit-scrollbar-track-piece {
    background-color: #1f1f1f;
    background-clip: padding-box;
    border: 3px solid #fff;
    border: 0;
    border-radius: 0;
}
::-webkit-scrollbar-thumb {
    background-color: #666;
    background-clip: padding-box;
    border: 3px solid #fff;
    border: 0;
    border-radius: 0;
}
#sidebar::-webkit-scrollbar-track-piece,
#sidebar::-webkit-scrollbar-thumb {
    border-color: #D9E7FF;
}
body.disconnected #sidebar::-webkit-scrollbar-track-piece,
body.disconnected #sidebar::-webkit-scrollbar-thumb {
    border-color: #FFEE97;
}
::-webkit-scrollbar-thumb:window-inactive {
    background-color: #444;
}
#sidebar::-webkit-scrollbar-thumb:window-inactive {
    background-color: #444;
}


#mainwrapper {
    height: 100%;
    padding-right: 201px;
}

table#maintable {
    width: 100%;
    height: 100%;
}
td#maincell {
    height: 100%;
    vertical-align: top;
}

div#sidebarwrapper {
    position: absolute;
    top: 0;
    right: 0;
    
    width: 201px;
    height: 100%;
}




#headercell {
    height: 1px;
    padding: 0;
    line-height: 36px;
    font-size: 14px;
}
#headercell a,
h1#title a,
#footer a,
#sidebar #limits a {
    color: #17ABF1;
    text-decoration: none;
}
#headercell a:hover,
h1#title a:hover,
#footer a:hover,
#sidebar #limits a:hover {
    color: #FFC305;
}
h1#title a {
    text-decoration: none;
}
h1#title {
    margin-top: 10px;
    line-height: 18px;
    font-size: 18px;
}
h1#title span.logo {
    vertical-align: top;
    display: inline-block;
    width: 10px;
    height: 36px;
    margin-top: -10px;
    line-height: 0;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 5px 5px;
}
body.valentine h1#title span.logo {
    background-image: url(http://www.irccloud.com/static/logo-heart.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
       only screen and (max-moz-device-pixel-ratio: 2),
       only screen and (min-resolution: 192dpi) {
    h1#title span.logo {
        background-image: url(http://www.irccloud.com/static/logo@2x.png);
        background-size: auto 26px;
    }
    body.valentine h1#title span.logo {
        background-image: url(http://www.irccloud.com/static/logo-heart@2x.png);
    }
}
h1#title span.logotype {
    margin-left: -5px;
    color: #89AFF0;
}
h1#title span.logotype span.cloud {
    color: #ADB9CF;
}
h1#title span.logotype span.beta {
    font-size: 15px;
}
#statusMessage {
    font-size: 14px;
    margin-left: 5px;
}
#statusActions {
    float: right;
    font-size: 13px;
    color: #C0DBFF;
    padding-right: 12px;
}
#statusActions b,
#statusActions strong {
    color: #89C269;
}
form#logout,
#feedbackFooterLink {
    display: none;
}
#headercell.authed form#logout {
    display: inline-block;
}

#headercell #settings,
#headercell #shortcuts,
#headercell #orgsHeaderLink {
    display: none;
}
#settingsContainer,
#invitesContainer,
#shortcutsContainer,
#orgsContainer {
    display: none;
    font-size: 18px;
    line-height: 1.3;
    position: absolute;
    z-index: 2000;
}

#alertSoundFlashWarning {
    display: none;
}
a#testAlertSound {
    padding-left: 20px;
    background-image: url(http://www.irccloud.com/static/sound_low.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    text-decoration: none;
}
a#testAlertSound:hover {
    text-decoration: underline;
}



#invites {
    margin-right: 5px;
    text-decoration: none;
}
#invites.disabled {
    display: none;
}
#invites span.numInvites {
    display: none;
    margin: -4px 0 0 5px;
    padding: 1px 4px 2px 5px;
    font-size: 80%;
    line-height: 1.2;
    color: #fff;
    background-color: #54B43C;
    border-width: 0 1px 1px 0;
    background-clip: padding-box;
    border-radius: 0;
    font-weight: normal;
}
#invites.showBadge span.numInvites {
    display: inline-block;
}

textarea#invitesEmail {
    width: 540px;
}



button {
    display: inline-block;
    width: auto;
    overflow: visible; 
    zoom: 1;
    padding: 2px;
    border: 0;
    background: none;
}
button span,
button a {
    position: relative;
    display: block;
    padding: 0.4em 1em;
    border: 1px solid #ddd;
    border: 0;
    border-color: #ddd #aaa #aaa #ddd;
    box-shadow: none;
    background-color: #747474;
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5);
    background-image: none;
    background-clip: padding-box;
    line-height: 1.4;
    text-align: center;
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
    border-radius: 0;
}
button b.bullet {
    font-size: 7px;
    color: #fff;
}
button i.spin {
    float: right;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 0 0 5px;
    background: transparent url('http://www.irccloud.com/static/spin.gif') no-repeat 0 0;
}
button.action i.spin {
    background-image: url(http://www.irccloud.com/static/spin-action.gif);
}
button.delete i.spin {
    background-image: url(http://www.irccloud.com/static/spin-delete.gif);
}
button a,
button a:hover {
    color: #222;
    text-decoration: none;
}
button:active span,
button:active a {
    top: 1px;
    left: 1px;
}
button.active:active span,
button.active:active a,
button[disabled]:active span,
button[disabled]:active a {
    top: 0;
    left: 0;
}
button:focus a,
button:focus span {
    outline: auto 4px #1E72FF;
    outline-offset: -2px;
}
button.left {
    margin-right: -1px;
}
button.left span,
button.left a {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
button.middle {
    margin-right: -1px;
}
button.middle span,
button.middle a {
    border-radius: 0;
}

button.right span,
button.right a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
button:not([disabled]):hover span,
button:not([disabled]):hover a {
    border-color: #ccc #888 #888 #ccc;
    border: 0;
    background-color: #919191;
    background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
    background-image: linear-gradient(to bottom, #f5f5f5, #eee);
    background-image: none
}
button:not([disabled]):active span,
button:not([disabled]):active a {
    border-color: #ccc;
    box-shadow: none;
}
button img {
    margin-top: -3px;
    vertical-align: middle;
}
button[disabled] span,
button[disabled] a {
    border-color: #ddd;
}
button[disabled] span,
button[disabled] a,
button[disabled].action span,
button[disabled].action a,
button[disabled].delete span,
button[disabled].delete a {
    color: #aaa;
    cursor: default;
}
button.action span,
button.action a {
    color: #0E5D00;
    border-color: #97CE37 #65A200 #65A200 #97CE37;
    background-color: #CAFF73;
    background-image: -webkit-linear-gradient(top, #F0FFCE, #CAFF73);
    background-image: linear-gradient(to bottom, #F0FFCE, #CAFF73);
    box-shadow: none;
}
button:not([disabled]).action:hover span,
button:not([disabled]).action:hover a {
    border-color: #82C900 #529000 #529000 #82C900;
    background-color: #B2F44D;
    background-image: -webkit-linear-gradient(top, #D9FF84, #B2F44D);
    background-image: linear-gradient(to bottom, #D9FF84, #B2F44D);
}
button:not([disabled]).action:active span,
button:not([disabled]).action:active a {
    border-color: #82C900;
}

button.delete span,
button.delete a {
    color: #fff;
    border-color: #d20004;
    background-color: #ff1f1a;
    background-image: -webkit-linear-gradient(top, #fb6669, #ff1f1a);
    background-image: linear-gradient(to bottom, #fb6669, #ff1f1a);
}
button[disabled].delete span,
button[disabled].delete a {
    color: #aaa;
    cursor: default;
}
button:not([disabled]).delete:hover span,
button:not([disabled]).delete:hover a {
    border-color: #d20004 #600000 #600000 #d20004;
    background-color: #ff1f1a;
    background-image: -webkit-linear-gradient(top, #fb6669, #d20004);
    background-image: linear-gradient(to bottom, #fb6669, #d20004);
}
button:not([disabled]).delete:active span,
button:not([disabled]).delete:active a {
    border-color: #d20004;
}

button.active span,
button.active a,
button.active:hover span,
button.active:hover a {
    border-color: #1E72FF;
    color: #fff;
    background-color: #1E72FF;
    background-image: none;
    box-shadow: none;
}
button.active b.bullet {
    color: #fff;
}



.mainContainer {
    display: none;
    position: relative;
    height: 100%;
    overflow: auto;
    background-color: #fff;
    border: 1px solid #C0DBFF;
    border-width: 1px 2px 0 0;
    border-top-right-radius: 0;
}
.mainContainerShow {
    display: block;
}
.mainContainerFull {
    height: auto;
    margin-right: 10px;
    border-bottom: 2px solid #C0DBFF;
    border-bottom-right-radius: 0;
}
.mainForm,
.mainContent {
    padding: 0.7em 0.7em 0.7em 0.7em;
    font-size: 20px;
    line-height: 1.3;
}
.mainForm p,
.mainContent p,
.mainContent ul,
.mainContent ol,
.mainContent form,
.mainContent .userError,
.mainContent .userInfo,
.mainContent .userSuccess {
    margin: 0.7em 0;
}
.mainContentText {
    width: 40em;
    padding-right: 5em;
    padding-bottom: 1em;
    font-size: 18px;
    line-height: 1.4;
}
.mainContentText h2 {
    margin: 0.7em 0;
    font-size: 0.9em;
    font-weight: bold;
}
.mainContentText h2 a {
    color: #000;
    text-decoration: none;
}
.mainContentText h2 a:hover {
    text-decoration: underline;
}
.mainContentText p,
.mainContentText li {
    font-size: 0.8em;
}

.mainContentText .userError p,
.mainContentText .userSuccess p,
.mainContentText .userInfo p {
    font-size: 1em;
}
.mainContentText ol,
.mainContentText ul {
    margin-left: 1em;
}
.mainContentText ul,
.mainContentText ul li {
    list-style: square;
}

.mainContent form .input,
.mainForm .input,
#orgJoinForm .input {
    width: 400px;
}

.mainOverlay {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}
.mainOverlayContent {
    overflow: auto;
    margin: 40px;
    padding: 20px 25px 20px 25px;
    border: 1px solid #000;
    max-height: 80%;
    font-size: 20px;
    line-height: 1.3;
    background-color: #fff;
    box-shadow: none;
}

p.screenshot {
    margin-left: -5px;
}

#inviteFields {
    display: none;
}



div#sidebar {
    height: 100%;
    width: 100%;
    
    overflow: auto;
    
    font-size: 14px;
    line-height: 1.3;
}
div#sidebar button {
    width: 100%;
}

.sidebarIndicator {
    display: none;
    position: absolute;
    right: 0;
    width: 200px;
    height: 9px;
    border: 1px solid;
}
.sidebarIndicatorFailed {
    background-color: #F8DF26;
    border-color: #DBB300;
}
.sidebarIndicatorUnread {
    background-color: #1E72FF;
    border-color: #123e92;
}
.sidebarIndicatorBadged {
    background-color: #ff1f1a;
    border-color: #D20004;
}
#sidebarIndicatorAbove {
    top: 0;
    border-width: 0 0 1px 1px;
}
#sidebarIndicatorBelow {
    bottom: 0;
    border-width: 1px 0 0 1px;
}



#sidebar .info {
    display: none;
    margin: 10px;
    background-color: #1E72FF;
    color: #fff;
}
#sidebar .infoBlank {
    background-color: transparent;
    color: #222;
}
#sidebar .info a {
    color: #fff;
}
#sidebar .info p,
#sidebar .info h2 {
    padding: 10px;
}
#sidebar .info .userSuccess,
#sidebar .info .userError,
#sidebar .info .userInfo {
    margin: 0 10px 10px 10px;
    font-size: 14px;
    line-height: 1.1;
}
#sidebar .info h2 {
    font-size: 17px;
    line-height: 1.1;
}
#sidebar .info p.form {
    margin: 10px 0;
    padding: 0 10px;
}
#sidebar .info p.form .input {
    width: 153px;
    border-color: #123e92;
}
#sidebar .info p.form .input:focus {
    border-color: #D9E7FF;
}
#sidebar .info p.button,
#sidebar .info p.more {
    color: #777;
    background-color: #F2F7FC;
}
#sidebar .info p.button a,
#sidebar .info p.more a {
    color: #777;
}
#forgotForm,
#resendVerify {
    display: none;
}
#resendVerifyThrobber {
    display: none;
    font-weight: bold;
}
#sidebar #verifyNotice {
    background-color: #5FA800;
}



#sidebar #limits {
    display: none;
}
#sidebar #limits a {
    display: block;
    padding-bottom: 6px;
    color: #C2C2C2;
    background-color: #374553;
    text-decoration: none;
}
#sidebar #limits a span.highlight {
    color: #FF1E66;
}
#sidebar #limits a strong {
    color: #222;
}
#sidebar #limits a:hover span.highlight {
    color: #FF1E66;
}
#sidebar #limits p {
    padding: 6px 10px 0 10px;
}
#sidebar #limits h2 {
    border: 0;
    padding: 6px 10px 5px 10px;
    font-size: 15px;
    line-height: 1;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #55668A;
    color: #fff;
}
#sidebar #limits h2.limitedTrial {
    border-color: #d20004;
    background-color: #ff1f1a;
}
#sidebar #limits a:hover h2 {
    background-color: #FF1E66;
}
#sidebar #limits a:hover h2.limitedTrial {
    background-color: #d20004;
    background-color: #ff1f1a;
}
#sidebar #limits span.trialRemain {
    float: right;
    margin: -2px -5px 0 0;
    padding: 3px 7px;
    font-size: 12px;
    background-color: #455668;
    color: #FFF;
}
#sidebar #limits .price {
    float: left;
    width: 50px;
    padding: 7px 8px 0 6px;
    text-align: center;
    color: #d20004;
    font-size: 13px;
    overflow: hidden;
}
#sidebar #limits .price .badge {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 5px;
    background-color: #d20004;
    font-size: 15px;
    color: #fff;
}
#sidebar #limits a:hover .price {
    color: #ff1f1a;
}
#sidebar #limits a:hover .price .badge {
    background-color: #ff1f1a;
}
#sidebar #limits .freeTrial,
#sidebar #limits .limitedTrial,
#sidebar #limits .zombieWarning {
    display: none;
}



p#addNetwork {
    display: none;
    margin: 10px;
}
p#addNetwork a {
    display: block;
    padding: 3px 7px 2px 24px;
    background: #E2EDFF url('http://www.irccloud.com/static/world_add.png') no-repeat 4px 4px;
    background: none;
    background-color: #55668A;
    border-bottom: 1px solid #C0DBFF;
    border-bottom: 0;
    text-decoration: none;
    color: #fff;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}
p#addNetwork a:hover {
    background-color: #2b3345;
}
p#addNetwork.selected a {
    color: #fff;
    background-color: #1E72FF;
    background-position: 9px 4px;
    padding-left: 29px;
    border-color: #1E72FF;
    margin-left: -5px;
    font-weight: bold;
}

h2#addNetworkHeading {
    font-size: 17px;
    padding-left: 29px;
    background-image: url('http://www.irccloud.com/static/world_add.png');
    background-repeat: no-repeat;
    background-position: 8px 50%;
    background-color: #C0DBFF;
}

div#addNetworkContents {
    padding: 10px;
}

form.addNetworkForm {
    background-color: #fff;
}

form.addNetworkForm h2 {
    border-top: 1px solid #ccc;
    font-size: 16px;
    margin: 1.2em 0 0.8em 0;
    color: #777;
}
form.addNetworkForm .collapsed h2 {
    border-top: 0;
    padding-top: 1px;
}
form.addNetworkForm h2 span,
form.addNetworkForm h2 a {
    float: left;
    display: block;
    margin: -0.7em 0 0 0;
    padding: 0 0.5em 0 0;
    background-color: #fff;
}
form.addNetworkForm h2 a {
    color: #777;
}
form.addNetworkForm h2 a:hover {
    color: #555;
}
form.addNetworkForm h2 a {
    text-decoration: none;
}
form.addNetworkForm .collapsed h2 a {
    text-decoration: underline;
}
form.addNetworkForm h2.addNetworkIdentityHeading span {
    padding-left: 20px;
    background-image: url('http://www.irccloud.com/static/status_offline.png');
    background-position: 0 1px;
    background-repeat: no-repeat;
}
form.addNetworkForm h2.addNetworkAdvancedHeading a {
    padding-left: 20px;
    background-image: url('http://www.irccloud.com/static/cog.png');
    background-position: 0 1px;
    background-repeat: no-repeat;
}

form.addNetworkForm .collapsed table {
    display: none;
}

form.addNetworkForm table.form {
    table-layout: fixed;
    width: auto;
    margin-bottom: 0.8em;
}
#orgAddChannelForm table.form {
    margin-bottom: 0.5em;
}
#orgAddChannelForm p.addNetworkSubmit {
    margin-top: 0.5em;
}
form.addNetworkForm table.form th,
form.addNetworkForm table.form td {
    padding-right: 0;
    width: 180px;
}
form.addNetworkForm table.form .hostname {
    width: 270px;
}
form.addNetworkForm table.form .port,
form.addNetworkForm table.form .ssl {
    width: 90px;
}
form.addNetworkForm table.form .ssl {
    vertical-align: middle;
}
form.addNetworkForm input.addNetworkSSL {
    margin: 0 5px;
}
form.addNetworkForm span.addNetworkafterSSL {
    position: relative;
    top: 1px;
}
form.addNetworkForm span.addNetworkafterSSL img {
    margin-top: -5px;
}
form.addNetworkForm table.form .input {
    width: auto;
}
form.addNetworkForm table.form input,
form.addNetworkForm table.form img,
form.addNetworkForm table.form button {
    vertical-align: middle;
}

form.addNetworkForm table.form input.addNetworkHostnameSelect {
    width: 227px;
    padding-right: 25px;
}
form.addNetworkForm table.form input.addNetworkHostnameSelect:focus {
    margin-right: 0;
}
form.addNetworkForm table.form span.dropdown {
    position: relative;
    display: inline-block;
    width: 25px;
    margin-left: -26px;
    padding: 3px 0;
    outline: 0;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    color: #aaa;
    cursor: pointer;
}
form.addNetworkForm table.form span.focusDropdown {
    margin-left: -27px;
}
form.addNetworkForm table.form span.dropdown:hover {
    color: #222;
}
form.addNetworkForm table.form input.addNetworkPort {
    width: 80px;
}
form.addNetworkForm table.form textarea.addNetworkChannels,
form.addNetworkForm table.form textarea.addNetworkCommands {
    width: 500px;
}
form.addNetworkForm p.addNetworkSubmit button {
    margin: 1em 1em 0 0;
}

#addNetworkLimits {
    margin: 1em 0;
}
#addNetworkLimits .limitProgressBar {
    margin: 10px 0;
}



p#upgradeCurrent b {
    padding: 3px 5px;
    background-color: #1E72FF;
    color: #fff;
}

div#upgradeContainer {
    display: none;
}
div#upgradeContainer.loggedOut h1.loggedIn,
div#upgradeContainer.loggedOut #upgradeCurrent,
div#upgradeContainer.loggedOut #upgradeAccountInfo,
div#upgradeContainer.loggedIn  h1.loggedOut,
#upgradeSSBFluid,
#upgradeDisabled,
.upgradeCurrentOrg,
.upgradeCurrentOrg .subscription,
.upgradeCurrentOrg.subscribed .upgrade,
.orgCurrentUpgrade,
.orgCurrentUpgrade .active,
.orgCurrentUpgrade.active .inactive {
    display: none;
}
.upgradeCurrentOrg.subscribed .subscription,
.orgCurrentUpgrade.active .active {
    display: inline;
}
body .upgradeCurrentOrg,
body .orgCurrentUpgrade {
    margin-bottom: 20px;
    margin-right: 200px;
}
body.ssbFluid div#upgradeContainer.loggedIn #upgradeSSBFluid,
div#upgradeContainer.disabled #upgradeDisabled {
    display: block;
}
body.ssbFluid div#upgradeContainer.disabled #upgradeSSBFluid {
    display: none;
}



#buffers {
    margin: 10px;
}

#buffers li.connection {
    margin-bottom: 10px;
    background-color: #374553;
}
#buffers ul.archives {
    background-color: #f4f4f4;
}
#buffers a.buffer,
#buffers p.join a,
#buffers p.archiveToggle a {
    display: block;
    padding: 3px 0 2px 17px;
    text-decoration: none;
    color: #959EB1;
}
#buffers ul.archives a.buffer {
    color: #aaa;
}
#buffers h2 a.buffer {
    background-color: #55668A;
    border-bottom: 0;
    background-image: url('http://www.irccloud.com/static/world.png');
    background-position: 4px 4px;
    background-repeat: no-repeat;
}
#buffers .ssl h2 a.buffer {
    background-image: url('http://www.irccloud.com/static/world_shield.png');
}
#buffers h2.selected a.buffer {
    background-position: 9px 4px;
}
#buffers a.buffer:hover {
    background-color: #2A801F;
}
#buffers ul.archives a:hover {
    background-color: #eee;
}
#buffers .active a.buffer {
    color: #fff;
}
#buffers ul.archives .active a.buffer {
    color: #666;
}
#buffers .selected a.buffer,
#buffers .selected a.buffer:hover {
    color: #fff;
    background-color: #9CC7FF;
    border-color: #9CC7FF;
}
#buffers ul.archives .selected a.buffer,
#buffers ul.archives .selected a.buffer:hover {
    color: #eee;
    background-color: #aaa;
    border-color: #aaa;
}
#buffers .active.selected a.buffer,
#buffers .active.selected a.buffer:hover {
    background-color: #27A554;
    border-color: #1E72FF;
}
#buffers ul.archives .active.selected a.buffer,
#buffers ul.archives .active.selected a.buffer:hover {
    background-color: #666;
    border-color: #666;
}

#buffers .unread a.buffer,
#buffers .selected a.buffer {
    font-weight: bold;
}
#buffers ul.buffers .unread a.buffer,
#buffers ul.buffers .selected a.buffer,
#buffers h2.unread,
#buffers h2.selected {
    margin-left: -5px;
}
#buffers ul.buffers .unread a.buffer,
#buffers h2.unread {
    border-left: 5px solid #9CC7FF;
}
#buffers ul.buffers .selected a.buffer,
#buffers h2.selected {
    border-left: 0;
}
#buffers ul.archives .unread a.buffer {
    border-color: #aaa;
}
#buffers ul.buffers .active.unread a.buffer,
#buffers h2.active.unread {
    border-left-color: #27A554;
}
#buffers ul.archives .active.unread a.buffer {
    border-color: #666;
}

#buffers ul.conversations {
    margin-top: 5px;
}

#buffers ul.archives {
    display: none;
}
#buffers ul.openArchives {
    display: block;
}

#buffers li.buffer a {
    display: block;
}
#buffers .selected span.label {
    padding-left: 12px;
}

#buffers li.password a,
#buffers li.conversation a {
    background-position: 4px 3px;
    background-repeat: no-repeat;
}
#buffers li.password a {
    background-image: url('http://www.irccloud.com/static/lock.png');
}
#buffers li.conversation a {

}
#buffers li.active.conversation.active a {

}
#buffers li.selected.conversation a,
#buffers li.selected.password a {
    background-position: 9px 2px;
}

#buffers span.label {
    display: block;
    padding: 0 7px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#buffers h2.loading a.buffer {
    background-image: url('http://www.irccloud.com/static/server-load.gif');
}
#buffers h2.loading a.buffer:hover {
    background-image: url('http://www.irccloud.com/static/server-load-hover.gif');
}
#buffers h2.loading.selected a.buffer {
    background-image: url('http://www.irccloud.com/static/server-load-selected.gif');
}
#buffers h2.loading.failed a.buffer {
    background-image: url('http://www.irccloud.com/static/server-load-failed.gif');
}
#buffers h2.loading.failed a.buffer:hover {
    background-image: url('http://www.irccloud.com/static/server-load-failed-hover.gif');
}
#buffers h2.loading.failed.selected a.buffer {
    background-image: url('http://www.irccloud.com/static/server-load-failed-selected.gif');
}
#buffers h2.failed a.buffer {
    background-color: #ffee97;
    border-color: #dbb300;
    color: #dbb300;
}
#buffers h2.failed a.buffer:hover {
    background-color: #f8df26;
}
#buffers h2.failed.selected a.buffer,
#buffers h2.failed.selected a.buffer:hover {
    background-color: #f8df26;
    border-color: #f8df26;
    color: #632800;
}
#buffers span.badge,
#buffers span.deferBadge {
    display: none;
    float: right;
    margin: 4px 5px 0 5px;
    padding: 1px 3px 0 4px;
    font-size: 80%;
    line-height: 1.3;
}
#buffers span.deferBadge {
    color: #ccc;
}
#buffers span.badge {
    color: #fff;
    background-color: #D20004;
    border: 0;
    border-width: 0 1px 1px 0;
    background-clip: padding-box;
    font-weight: bold;
    border-radius: 0;
    padding: 0 5px;
}
#buffers .activeBadge span.badge,
#buffers .timeout span.deferBadge {
    display: block;
}

#buffers h2 a.join {
    display: none;
    float: right;
    width: 24px;
    height: 24px;
    margin-top: -1px;
    background-image: url('http://www.irccloud.com/static/add.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}
#buffers h2 a.join.show {
    display: block;
}
#buffers h2 a.join:hover {
    background-position: 0 -24px;
}

#buffers p.join.hide {
    display: none;
}
#buffers p.join a {
    padding: 6px 7px 5px 0;
    color: #468900;
}
#buffers p.join a:hover {
    color: #376800;
    background-color: #DAF5AA;
}
#buffers p.join span.icon {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    margin-top: -5px;
    background-image: url('http://www.irccloud.com/static/add.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}
#buffers p.join a:hover span.icon {
    background-position: 0 -24px;
}

#buffers p.archiveToggle {
    display: none;
}
#buffers p.archiveToggle.show {
    display: block;
}
#buffers p.archiveToggle a {
    padding: 6px 7px 5px 24px;
    color: #666;
}
#buffers p.archiveToggle a:hover {
    background-color: #ddd;
    color: #222;
}
#buffers p.openArchiveToggle a,
#buffers p.openArchiveToggle a:hover {
    background-color: #ddd;
    color: #222;
}

#buffers p.passwordedWarning {
    font-size: 14px;
    line-height: 1.25;
    background-color: #fdcfcf;
    color: #600000;
}
#buffers p.passwordedWarning span {
    display: block;
    padding: 6px 7px 7px 7px;
}
#buffers p.passwordedWarning a {
    display: block;
    padding: 6px 7px 7px 7px;
    background-color: #fb6669;
    color: #fff;
    text-decoration: none;
}
#buffers p.passwordedWarning a:hover {
    background-color: #ff1f1a;
}
p.passwordedWarning {
    display: none;
}
.connected p.passwordedWarning {
    display: block;
}
body.passwordedServersAllowed .passwordedWarning {
    display: none;
}



table.buffer {
    display: none;
    width: 100%;
    height: 100%;
    border: 0;
    border-width: 0;
}



.bufferHead {
    overflow: hidden;
    padding: 6px 9px;
    background-color: #333;
    padding-bottom: 12px;
    border-bottom: 0;
    border-top-right-radius: 0;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4);
    position: relative;
    z-index: 999;
}

td.statuscell {
    height: 1px;
}
td.statuscell div.status p.buttons {
    float: right;
}
td.statuscell div.status p.buttons button {
    margin-left: 8px;
}
td.statuscell div.status p.buttons button span,
td.statuscell div.status p.buttons button a {
    padding: 0.2em 0.6em;
    font-size: 12px;
}
td.statuscell div.status p.buttons button.active span {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
td.statuscell div.status p.buttons button.leave,
td.statuscell div.status p.buttons button.disconnect,
td.statuscell div.status p.buttons button.show {
    display: none;
}
table.channel.active td.statuscell div.status p.buttons button.rejoin,
table.server.active td.statuscell div.status p.buttons button.reconnect,
table.server.loading td.statuscell div.status p.buttons button.reconnect,
table.server.badRetry td.statuscell div.status p.buttons button.reconnect,
table.channel.active td.statuscell div.status p.buttons button.delete,
table.server.active td.statuscell div.status p.buttons button.delete,
table.channel.active td.statuscell div.status p.buttons button.hide,
table.buffer.archived td.statuscell div.status p.buttons button.hide {
    display: none;
}
table.channel.active td.statuscell div.status p.buttons button.leave,
table.server.active td.statuscell div.status p.buttons button.disconnect,
table.server.loading td.statuscell div.status p.buttons button.disconnect,
table.server.badRetry td.statuscell div.status p.buttons button.disconnect,
table.buffer.archived td.statuscell div.status p.buttons button.show {
    display: inline-block;
}
td.statuscell div.status h2.bufferHeading {
    padding: 4px 0 0 1px;
    color: #A0A0A0;
    white-space: pre-wrap;

    
 -ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;

    text-indent: 2px;
    font-size: 13px;
    line-height: 1.3;
    font-weight: normal;
}
td.statuscell div.status h2.bufferHeadingCollapsed {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
td.statuscell div.status h2.bufferHeading span.label {
    margin-right: 2px;
    font-size: 13px;
    font-weight: bold;
    color: #D3D3D3;
}
table.server td.statuscell div.status h2.bufferHeading {
    padding-top: 0;
    background-position: 0 2px;
}
table.password td.statuscell div.status h2.bufferHeading {
    background-position: 0 5px;
}
table.server td.statuscell div.status h2.bufferHeading,
table.password td.statuscell div.status h2.bufferHeading {
    background-repeat: no-repeat;
    text-indent: 20px;
}
table.password td.statuscell div.status h2.bufferHeading {
    background-image: url('http://www.irccloud.com/static/lock.png');
}
table.server td.statuscell div.status h2.bufferHeading {
    background-image: url('http://www.irccloud.com/static/world.png');
}
table.ssl td.statuscell div.status h2.bufferHeading {
    background-image: url('http://www.irccloud.com/static/world_shield.png');
}
td.statuscell div.status .identity {
    font-size: 14px;
}
td.statuscell div.status .identity span.realname {
    color: #888;
    font-size: 14px;
}

.whoisInfo {
    line-height: 1.3;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.whoisInfo p,
.whoisInfo ul {
    margin: 0 0 0.2em 0;
}
.whoisInfo li {
    list-style-type: square;
    list-style-position: inside;
}



td.buffermaincell {
    height: 100%;
}
div.buffermainwrapper {
    position: relative;
    
    height: 100%;
}
div.buffermain {
    height: 100%;
    background-color: #222;
}
table.chat {
    width: 100%;
    height: 100%;
}


td.viewportcell {
    height: 100%
}
div.viewport {
    position: relative;
    height: 100%;
}
div.scroll {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
}



.extras {
    display: none;
}
.extras span.extrasBar,
.extras span.extrasDismiss {
    cursor: pointer;
}
.extras span.extrasDismiss {
    float: right;
    display: inline-block;
    margin: 3px 3px 0 10px;
    padding: 0 5px;
    border-radius: 0;
    color: #fff;
    background-color: #56A4F7;
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    text-decoration: none;
    margin-right: 17px;
}
.extras span.extrasDismiss:hover {
    background-color: #123e92;
}
.extras span.extrasBar {
    display: block;
    padding: 0 5px;
    color: #fff;
    background-color: #1E72FF;
    font-size: 14px;
    line-height: 26px;
    font-weight: normal;
    text-decoration: none;
    padding-right: 14px;
    margin-right: 14px;
}
.extras span.extrasBar:hover {
    background-color: #123e92;
}
.extras .extrasBadge {
    display: inline-block;
    padding: 1px 3px 0 4px;
    font-size: 13px;
    line-height: 1.3;
    color: #fff;
    background-color: #FF1F1A;
    border: 1px solid #D20004;
    border-width: 0 1px 1px 0;
    background-clip: padding-box;
    font-weight: bold;
    border-radius: 0;
}


.connectionStatus {
    display: none;
    
    margin-top: 3px;
    padding: 5px 7px;
    
    border: 1px solid #C0DBFF;
    border-width: 1px 0;
    
    background-color: #e2edff;
    color: #123e92;
    
    font-size: 13px;
}
.connectionStatus.fail {
    border-color: #DBB300;
    border-width: 1px 0;
    
    color: #632800;
    
    background-color: #F8DF26;
    background-image: -webkit-linear-gradient(top, #EEC500, #F8DF26);
    background-image: linear-gradient(to bottom, #EEC500, #F8DF26);
}
.connectionStatus.away,
.connectionStatus.reconnect,
.connectionStatus.upgrade,
.connectionStatus.disconnect,
.connectionStatus.edit {
    padding: 0;
    border-width: 0;
}
.connectionStatus.away a,
.connectionStatus.reconnect a,
.connectionStatus.disconnect a,
.connectionStatus.upgrade a,
.connectionStatus.edit a {
    display: block;
    padding: 5px 7px;
    border: 1px solid #ccc;
    border-width: 1px 0;

    text-decoration: none;
}
.connectionStatus.away a {
    border-color: #ccc;
    background-color: #eaeaea;
    color: #222;
}
.connectionStatus.reconnect a,
.connectionStatus.upgrade a,
.connectionStatus.disconnect a,
.connectionStatus.edit a {
    border-color: #C0DBFF;
    background-color: #e2edff;
    color: #123e92;
}
.connectionStatus.fail.reconnect a,
.connectionStatus.fail.upgrade a,
.connectionStatus.fail.disconnect a,
.connectionStatus.fail.edit a {
    border-color: #DBB300;
    background-color: #F8DF26;
    background-image: -webkit-linear-gradient(top, #EEC500, #F8DF26);
    background-image: linear-gradient(to bottom, #EEC500, #F8DF26);
    color: #632800;
}
.connectionStatus.away a:hover {
    background-color: #eee;
    color: #000;
}
.connectionStatus.reconnect a:hover,
.connectionStatus.upgrade a:hover,
.connectionStatus.disconnect a:hover,
.connectionStatus.edit a:hover {
    border-color: #9CC7FF;
    background-color: #C0DBFF;
    color: #1D40FF;
}
.connectionStatus.fail.reconnect a:hover,
.connectionStatus.fail.upgrade a:hover,
.connectionStatus.fail.disconnect a:hover,
.connectionStatus.fail.edit a:hover {
    border-color: #DBB300;
    background-color: #F8DF26;
    background-image: -webkit-linear-gradient(top, #EEC500, #F8DF26);
    background-image: linear-gradient(to bottom, #EEC500, #F8DF26);
    color: #632800;
}
.connectionStatus.away span.back,
.connectionStatus.reconnect span.reconnect,
.connectionStatus.upgrade span.upgrade,
.connectionStatus.disconnect span.disconnect,
.connectionStatus.edit span.edit {
    float: right;
}
.connectionStatus.away span.back {
    color: #aaa;
}
.connectionStatus.reconnect span.reconnect,
.connectionStatus.upgrade span.upgrade,
.connectionStatus.disconnect span.disconnect,
.connectionStatus.edit span.edit {
    color: #9CC7FF;
}
.connectionStatus.fail.reconnect span.reconnect,
.connectionStatus.fail.upgrade span.upgrade,
.connectionStatus.fail.disconnect span.disconnect,
.connectionStatus.fail.edit span.edit {
    color: #DBB300;
}
.connectionStatus.away a:hover span.back {
    color: #999;
}
.connectionStatus.reconnect a:hover span.reconnect,
.connectionStatus.upgrade a:hover span.upgrade,
.connectionStatus.disconnect a:hover span.disconnect,
.connectionStatus.edit a:hover span.edit {
    color: #1D40FF;
}
.connectionStatus.fail.reconnect a:hover span.reconnect,
.connectionStatus.fail.upgrade a:hover span.upgrade,
.connectionStatus.fail.disconnect a:hover span.disconnect,
.connectionStatus.fail.edit a:hover span.edit {
    color: #632800;
}


.inputInfo {
    position: fixed;
    left: 10px;
    bottom: 0;
    display: none;
    
    border: 2px solid #1E72FF;
    
    box-shadow: none;
    
    background-color: #161616;
    background-image: -webkit-linear-gradient(top, #fff, #e2edff);
    background-image: linear-gradient(to bottom, #fff, #e2edff);
    background-image: none;
    
    font-size: 13px;
    border-radius: 0;
    border: 0;
    padding: 7px 2px;
}
.inputInfo span.item {
    display: inline-block;
    padding: 5px 7px;
    line-height: 15px;
    cursor: pointer;
}
.inputInfo span.item a {
    text-decoration: none;
    color: #AAA;
}
.inputInfo span.original {
    color: #1E72FF;
    color: #87CA31;
}
.inputInfo span.away,
.inputInfo span.away a,
.inputInfo span.hlago {
    color: #aaa;
}
.inputInfo span.hlago {
    font-size: 11px;
}
.inputInfo span.highlight,
.inputInfo span.item:hover {
    background-color: #87CA31;
}
.inputInfo span.highlight,
.inputInfo span.item:hover,
.inputInfo span.highlight a,
.inputInfo span.item:hover a {
    color: #111;
}
.inputInfo span.highlight.away,
.inputInfo span.item:hover.away,
.inputInfo span.highlight span.hlago,
.inputInfo span.item:hover span.hlago {
    color: #123e92;
}
.inputInfo span.hint {
    float: right;
    padding: 7px 7px;
    font-size: 11px;
    color: #4E4E4E;
}



div.memberwrapper {
    display: none;
    
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    
    width: 170px;
    height: 98%;
    
    border-left: 1px solid #C0DBFF;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    background-color: #1F1F1F;
    border: 0;
    margin-top: 9px;
}
.showMembers div.buffermain {
    padding-right: 170px;
}
.showMembers div.memberwrapper {
    display: block;
}

ul.memberList {
    font-size: 14px;
    line-height: 1;
}

ul.memberList a {
    color: #7C7C7C;
    text-decoration: none;
    font-size: 12px;
}
ul.memberList a:hover {
    text-decoration: underline;
}
ul.memberList li.user a.away {
    color: #aaa;
}

ul.memberList li {
    overflow: hidden;
    text-overflow: ellipsis;
}
ul.memberList li.category ul {
    border-bottom: 1px solid #ccc;
    border: 0;
}
ul.memberList li.members ul {
    border-bottom: 0;
}
ul.memberList li.category h2 {
    padding: 8px 8px 1px 8px;
    color: #666;
}
ul.memberList li.members h2 {
    color: #fff;
    background-color: #2A2A2A;
    padding: 8px 7px;
    font-size: 12px;
}
ul.memberList li.category h2 span.mode_symbol,
ul.memberList li.category h2 span.mode_pill {
    float: right;
}
ul.memberList li.category h2 span.memberCount {
    float: right;
    color: #999;
    font-size: 12px;
    line-height: 1;
}
ul.memberList li.category ul {
    padding: 5px 0;
}
div.log div.row span.mode_OWNER,
.inputInfo span.mode_OWNER,
.nickcell span.mode_OWNER,
#memberContextMenu h3 span.mode_OWNER {
    color: #E7AA00;
}
ul.memberList li.owner h2 {
    color: #E7AA00;
    background-color: #2A2A2A;
    padding: 8px 7px;
    font-size: 12px;
}
ul.memberList li.owner h2 span.memberCount {
    color: #FED85C;
}
ul.memberList li.owner ul {
    border-color: #FEE374;
    background-color: #222;
    border: 0;
}
div.log div.row span.mode_ADMIN,
.inputInfo span.mode_ADMIN,
.nickcell span.mode_ADMIN,
#memberContextMenu h3 span.mode_ADMIN {
    color: #A664CF;
}
ul.memberList li.admin h2 {
    color: #BA78E4;
    background-color: #2A2A2A;
    padding: 8px 7px;
    font-size: 12px;
}
ul.memberList li.admin h2 span.memberCount {
    color: #B580FF;
}
ul.memberList li.admin ul {
    border-color: #C69DFF;
    background-color: #1F1F1F;
    border: 0;
}
div.log div.row span.mode_OP,
.inputInfo span.mode_OP,
.nickcell span.mode_OP,
#memberContextMenu h3 span.mode_OP {
    color: #BA1719;
}
ul.memberList li.ops h2 {
    color: #E44B4D;
    background-color: #2A2A2A;
    padding: 8px 7px;
    font-size: 12px;
}
ul.memberList li.ops h2 span.memberCount {
    color: #FCADAF;
}
ul.memberList li.ops ul {
    border-color: #BA1719;
    background-color: #1F1F1F;
    border: 0;
}
div.log div.row span.mode_HALFOP,
.inputInfo span.mode_HALFOP,
.nickcell span.mode_HALFOP,
#memberContextMenu h3 span.mode_HALFOP {
    color: #B55900;
}
ul.memberList li.halfops h2 {
    color: #B55900;
    background-color: #1F1F1F;
}
ul.memberList li.halfops h2 span.memberCount {
    color: #FDCC9A;
}
ul.memberList li.halfops ul {
    border-color: #F7D7AB;
    background-color: #1F1F1F;
    border: 0;
}
div.log div.row span.mode_VOICED,
.inputInfo span.mode_VOICED,
.nickcell span.mode_VOICED,
#memberContextMenu h3 span.mode_VOICED {
    color: #25B100;
}
ul.memberList li.voiced h2 {
    color: #93BD88;
    background-color: #2A2A2A;
    padding: 8px 7px;
    font-size: 12px;
}
ul.memberList li.voiced h2 span.memberCount {
    color: #9EEB4A;
}
ul.memberList li.voiced ul {
    border-color: #C7FF7A;
    background-color: #1F1F1F;
    border: 0;
}
ul.memberList li.category li.user {
    padding: 2px 8px;
}
div.log div.row span.mode_MEMBER,
.inputInfo span.mode_MEMBER,
.nickcell span.mode_MEMBER,
#memberContextMenu h3 span.mode_MEMBER {
    color: #777;
}



div.dateWrapper {
    display: none;
    position: fixed;
}
div.dateWrapper table.date {
    width: 100%;
    table-layout: fixed;
}
div.dateWrapper table.date td {
    padding: 4px 5px 3px 5px;
}
div.dateWrapper table.date td {
    width: 50%;
}
div.dateWrapper table.date td.clockcell {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
div.dateWrapper table.date td.scrollDate {
    text-align: right;
}
div.dateWrapper table.date td.timeago {
    text-align: left;
}



div.log {
    position: relative;
    padding-top: 2px;
    color: #afafaf;
}
div.log a,
div.log a.away,
div.log div.row.pending a,
.overlaycontainer a.away {
    color: #9CC7FF;
}
div.log .embedSpin {
    display: none;
}
div.log span.embedWrap {
    position: relative;
    display: none;
    margin: 5px 0;
}
.inlineimages div.log span.embedWrap,
.inlineimages div.log .embedSpin {
    display: block;
}
div.log span.embedWrap a.embedClose {
    display: none;
    position: absolute;
    top: -7px;
    left: 0;
    margin-left: -12px;
    width: 24px;
    height: 24px;
    background: transparent url(http://www.irccloud.com/static/embed_close.png) no-repeat 0 0;
    color: #fff;
    text-decoration: none;
}
div.log span.embedWrap:hover a.embedClose,
div.log span.embedWrap a.embedClose:hover {
    display: block;
}
div.log span.embedWrap a.embedClose:hover {
    background-position-y: -26px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
       only screen and (max-moz-device-pixel-ratio: 2),
       only screen and (min-resolution: 192dpi) {
    div.log span.embedWrap a.embedClose {
        background-image: url(http://www.irccloud.com/static/embed_close@2x.png);
        background-size: 24px auto;
    }
}

.g,
.inlineimages div.log a.imageUrl {
    display: block;
    position: absolute;
    white-space: pre-wrap;
    word-wrap: break-word;
    left: -999px;
    top: -999px;
}
div.log div.chat,
div.log div.status,
div.log div.notice,
div.log div.groupedLines,
div.log div.warning,
div.log div.error,
div.log div.table,
div.log div.me {
    color: #D1D1D1;
}
div.log div.chat a,
div.log div.status a,
div.log div.notice a,
div.log div.groupedLines a,
div.log div.warning a,
div.log div.error a,
div.log div.table a,
div.log div.me a {
    color: #9CC7FF;
}
div.log span.message a.user,
div.log span.message a.server {
    color: #777;
}
div.log span.message a.user:hover,
div.log span.message a.server:hover {
    color: #222;
}
div.log div.status {
    background-color: #191919;
}
div.log div.notice {
    background-color: #374553;
}
div.log div.warning {
    background-color: #925428;
}
div.log div.error {
    background-color: #EC1944;
    color: #fff;
}
div.log div.highlight {
    background-color: #292929;
}
div.log div.self {
    background-color: #292929;
}
div.log div.pending {
    color: #aaa;
}
div.log div.pendingError {
    background-color: #eee;
}
div.log div.monospace span.message,
div.log div.notice span.message,
div.log div.warning span.message,
div.log div.error span.message,
div.log div.groupedLines {
    font-family: "Consolas", "Menlo", "Ubuntu Mono", "Courier", monospace;
    font-size: 13px;
}
span.white     { color: white; }
span.black     { color: black; }
span.navy      { color: navy; }
span.green     { color: green; }
span.red       { color: red; }
span.maroon    { color: brown; }
span.purple    { color: purple; }
span.orange    { color: orange; }
span.yellow    { color: yellow; }
span.lime      { color: lime; }
span.teal      { color: teal; }
span.cyan      { color: cyan; }
span.blue      { color: blue; }
span.magenta   { color: magenta; }
span.grey      { color: grey; }
span.silver    { color: silver; }
span.bg-white  { background-color: white; }
span.bg-black  { background-color: black; }
span.bg-navy   { background-color: navy; }
span.bg-green  { background-color: green; }
span.bg-red    { background-color: red; }
span.bg-maroon { background-color: brown; }
span.bg-purple { background-color: purple; }
span.bg-orange { background-color: orange; }
span.bg-yellow { background-color: yellow; }
span.bg-lime   { background-color: lime; }
span.bg-teal   { background-color: teal; }
span.bg-cyan   { background-color: cyan; }
span.bg-blue   { background-color: blue; }
span.bg-magenta{ background-color: magenta; }
span.bg-grey   { background-color: grey; }
span.bg-silver { background-color: silver; }

div.log div.messageRow {
    white-space: pre-wrap;
    word-wrap: break-word;
}

div.log div.messageRow:hover {
    background-color: #1b1b1b;
}





.time-12hr.time-noseconds div.log div.messageRow,
.time-24hr.time-seconds div.log div.messageRow {
    padding-left: 65px;
}
.time-12hr.time-noseconds div.log span.date,
.time-12hr.time-noseconds td.timecell,
.time-24hr.time-seconds div.log span.date,
.time-24hr.time-seconds td.timecell {
    width: 60px;
}
.time-12hr.time-noseconds div.log span.date,
.time-24hr.time-seconds div.log span.date {
    margin-left: -65px;
}


.time-12hr.time-seconds div.log div.messageRow {
    padding-left: 82px;
}
.time-12hr.time-seconds div.log span.date,
.time-12hr.time-seconds td.timecell {
    width: 77px;
}
.time-12hr.time-seconds div.log span.date {
    margin-left: -82px;
}


.time-24hr.time-noseconds div.log div.messageRow {
    padding-left: 50px;
}
.time-24hr.time-noseconds div.log span.date,
.time-24hr.time-noseconds td.timecell {
    width: 45px;
}
.time-24hr.time-noseconds div.log span.date {
    margin-left: -50px;
}



div.log div.row span a.author,
td.nickcell a.nick {
    font-weight: normal;
    color: #777;
    text-decoration: none;
}
td.nickcell a.nick {
    margin-right: 3px;
}
div.log span.date,
td.timecell {
    font-size: 11px;
    line-height: 1.6;
    color: #5A5A5A;
    text-align: center;
}



div.log div.hover span.date {
    color: #f1f1f1;
}
td.nickcell a.nick:hover,
ul.memberList li.hover a,
ul.memberList li a:hover,
div.log div.row span a.user:hover,
div.log div.row span a.user.hover,
div.log div.row span a.user.hover:hover,
div.log div.row span a.server:hover,
div.log div.row span a.server.hover,
div.log div.row span a.server.hover:hover {
    color: #fff;
    text-decoration: underline;
}
div.log div.messageRow a.author.hover {
    text-decoration: none;
}

div.log div.messageRow.hover {
    text-decoration: none;
    background-color: #191919;
}



div.log div.row {
    padding: 2px 5px;
}
div.log div.highlight {
    padding-top: 2px;
    padding-bottom: 2px;
}
div.log span.date {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-right: 5px;
}

div.log div.me span.message {
    font-style: italic;
}


span.mode_symbol,
span.mode_pill {
    display: inline;
    margin: 0 3px 0px 0;
    font-family: "Inconsolata", "Ubuntu Mono", "Menlo", "Consolas", "Courier", monospace;
    font-size: 15px;
}
span.mode_pill {
    font-weight: bold;
}
span.mode_pill,
.mode-hidesymbol span.mode_symbol {
    display: none;
}
.mode-hidesymbol span.mode_pill {
    display: inline;
}


ul.memberList span.mode_symbol {
    margin-left: 0;
    margin-right: 3px;
}
.mode-hidesymbol ul.memberList span.mode_symbol {
    margin-right: 5px;
}


td.nickcell a.nick {
    color: #ddd;
}

div.log div.groupedLines {
    padding: 5px;
    border: 1px solid #ddd;
    background-color: #2D3A50;
    border-radius: 0;
}
div.log div.groupedLines h2 {
    margin: 0 0 8px 0;
}
div.viewport div.scroll div.log div.type_motd_response,
div.viewport div.scroll div.log div.type_info_response {
    padding: 10px;
}

div.log img.image,
div.log i.image {
    display: none;
    opacity: 0;
    max-width: 92%;
    max-height: 250px;
}
div.log img.imageRendered {
    display: inline-block;
}
div.log img.spin {
    vertical-align: text-top;
    margin: 3px 0 0 3px;
}
div.log iframe.video,
div.log i.video {
    display: none;
}
.inlineimages div.log iframe.video {
    display: block;
}

div.log div.part hr {
    border-top: 4px double #bbb;
    margin: 5px;
}
div.log div.lastSeen,
div.log div.bottomSeen,
div.log div.focusSeen {
    padding-top: 12px;
    padding-bottom: 14px;
}
div.log div.lastSeen.hidden,
div.log div.bottomSeen.hidden,
div.log div.focusSeen.hidden {
    display: none;
}
div.log div.lastSeen hr,
div.log div.bottomSeen hr,
div.log div.focusSeen hr {
    border-top: 3px solid #CC2323;
    margin: 0;
    margin-top: 2px;
}
div.log div.lastSeen p,
div.log div.bottomSeen p,
div.log div.focusSeen p {
    width: 100%;
    margin-top: -2px;
    line-height: 0;
    font-size: 12px;
    text-align: center;
}
div.log div.lastSeen span.text,
div.log div.bottomSeen span,
div.log div.focusSeen span {
    padding: 3px 10px;
    background-color: #DA132B;
    color: #FFF;
}

div.log div.loadMore {
    padding: 10px;
    text-align: center;
    padding: 0 0 1px 0;
    margin-bottom: 10px;
    border: 0;
    margin-top: 10px;
    margin-right: 10px;
}
.clockShown div.log div.loadMore,
.clockShown div.log div.fetch {
    padding-top: 30px;
}
div.log div.loadMore button {
    width: 100%;
    padding: 0;
}

div.log div.backlogDivider hr,
div.log div.fetch hr {
    margin: 20px 0;
}
div.log div.initialFetch,
div.log div.fetchFailed,
.clockShown div.log div.fetchFailed {
    padding-top: 0;
}
div.log div.backlogDivider hr,
div.log div.fetch hr {
    border-color: #54B43C;
}
div.log div.fetch p {
    float: left;
    width: 100%;
    height: 15px;
    margin-top: -30px;
    line-height: 15px;
    font-size: 14px;
    text-align: center;
}
div.log div.fetch span {
    padding: 3px 10px;
    background-color: #54B43C;
    color: #fff;
}
div.log div.dateChange {
    padding: 0 0 1px 0;
    margin-bottom: 7px;
    margin-top: 12px;
}
div.log div.dateChange p {
    padding: 4px 5px 3px 5px;
}
div.log div.dateChange p,
div.dateWrapper table {
    border-bottom: 1px solid #e5e5e5;
    border: 0;
    color: #fff;
    background-color: #EC1944;
    background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
    background-image: linear-gradient(to bottom, #f5f5f5, #eee);
    background-image: none;
    box-shadow: none;
    text-align: center;
    font-size: 12px;
    padding: 5px 0;
}



div.log div.joinPartGroup {
    display: none;
}
table.expandJoinPart div.log div.joinPartGroup,
div.log div.joinPartGroup.expanded {
    display: block;
}
div.log div.joinPartGroup.expanded {
    border-bottom: 1px solid #ddd;
}
table.expandJoinPart div.log div.joinPartGroup {
    border: 0;
}
div.log div.joinPartGroup.expanded div.messageRow {
    background-color: #111;
}
table.expandJoinPart div.log div.joinPartGroup div.messageRow {
    background-color: transparent;
}
div.log div.groupedJoinPart {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border: 0;
    cursor: pointer;
    background: #222;
}
div.log div.groupedJoinPart:hover,
div.log div.groupedJoinPart.expanded {
    background-color: #333;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #e5e5e5;
    border: 0;
}
div.messageRow.type_joined_channel span.joinPartWidget,
div.messageRow.type_parted_channel span.joinPartWidget,
div.messageRow.type_quit span.joinPartWidget,
div.messageRow.type_nickchange span.joinPartWidget,
div.messageRow.type_user_channel_mode span.joinPartWidget,
table.expandJoinPart div.log div.groupedJoinPart span.joinPartWidget,
table.expandJoinPart div.log div.joinPartGroup span.joinPartWidget {
    display: none;
}
div.log div.groupedJoinPart span.joinPartWidget,
div.log div.joinPartGroup span.joinPartWidget {
    display: inline-block;
    width: 14px;
    background-repeat: no-repeat;
    background-position: -4px 50%;
}

div.log div.joinPartGroup span.joinPartWidget {
    background-image: url(http://www.irccloud.com/static/dotted-vertical.png);
}
div.log div.groupedJoinPart span.joinPartWidget {
    background-image: url(http://www.irccloud.com/static/bullet_toggle_plus.png);
}
div.log div.groupedJoinPart.expanded span.joinPartWidget {
    background-image: url(http://www.irccloud.com/static/bullet_toggle_minus.png);
}
div.log span.me_prefix {
    color: #bbb;
    font-style: italic;
}
div.log span.prefix {
    color: #fff;
}
div.log div.groupedJoinPart span.mode {
    color: #fff;
}

table.expandJoinPart div.log div.groupedJoinPart,
table.hideJoinPart div.groupedJoinPart,
table.hideJoinPart div.joinPartGroup,
table.hideJoinPart div.messageRow.type_joined_channel,
table.hideJoinPart div.messageRow.type_parted_channel,
table.hideJoinPart div.messageRow.type_quit,
table.hideJoinPart div.messageRow.type_nickchange,
table.hideJoinPart div.messageRow.type_user_channel_mode,
div.messageRow.ignored {
    display: none;
}



td.bufferinputcell {
    height: 1px;
}
.away td.bufferinputcell {
    background: #eaeaea;
}
table.bufferinput,
table.nickinput {
    width: 100%;
}

td.timecell {
    padding-top: 16px;
    vertical-align: top;
}

div.nickinputwrapper {
    margin: 9px 9px 10px 0;
    padding: 1px 0 0 0;
    padding: 0;
    border: 1px solid #bbb;
    border-top: 1px solid #999;
    border: 0;
    background-color: #ddd;
    background-clip: padding-box;
    border-radius: 0;
}
table.nickinput {
    border-radius: 0;
}
td.nickcell {
    vertical-align: top;
}
td.inputcell {
    padding: 5px 4px 1px 7px;
    background-color: #151515;
}
td.nickcell {
    width: 1px;
    padding: 4px 9px 1px 8px;
    border-right: 0;
    white-space: nowrap;
    background-color: #313131;
    background-image: -webkit-linear-gradient(top, #eee, #fff);
    background-image: linear-gradient(to bottom, #eee, #fff);
    background-image: none;
}
.password td.inputcell form.input {
    padding-right: 19px;
    background-image: url('http://www.irccloud.com/static/lock.png');
    background-repeat: no-repeat;
    background-position: 100% 0;
}
td.inputcell textarea {
    width: 100%;
    height: 20px;
    border: 0;
    outline: 0;
    overflow: hidden;
    resize: none;
    background-color: #151515;
    color: #FFF;
}
div.shim {
    position: absolute;
    top: -1000em;
    left: -1000em;
    white-space: pre-wrap;
    word-wrap: break-word;
}
td.nickcell a.nick,
td.inputcell textarea,
div.log div.messageRow,
div.log div.me a.user,
div.log div.me a.server {
    line-height: 18px;
    font-family: "Consolas", "Menlo", "Ubuntu Mono", "Courier", monospace;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.1px;
}



#signupOrgInfo {
    display: none;
}

#nickservContainer {
    display: none;
}
.accountContainer {
    position: absolute;
    top: 50px;
    left: 50%;
    width: 550px;
    max-height: 80%;
    overflow: auto;
    margin-left: -275px;
    padding: 20px 25px 20px 25px;
    font-size: 20px;
    line-height: 1.3;
    background-color: #fff;
    box-shadow: none;
}
.accountContainer h2,
.mainForm h2,
.mainContent form h2 {
    margin: 0 0 0.5em 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
}
.accountContainer h3,
.mainContent form h3,
.mainForm h3 {
    margin: -0.7em 0 0.7em 0;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.3;
    color: #888;
}
p.explanation,
li.explanation {
    margin: 0.6em 0;
}
p.explanation,
li.explanation,
ul.explanation,
span.explanation {
    font-size: 80%;
    line-height: 1.2;
}
ul.explanation li {
    margin: 0.3em 1.2em;
    list-style-type: square;
    list-style-position: outside;
}
.explanation {
    color: #777;
    font-weight: normal;
}
.accountContainer table.form,
.accountContainer table.checkboxForm,
.mainForm table.form,
.mainForm table.checkboxForm,
.mainContent table.form,
.mainContent table.checkboxForm {
    margin-bottom: 0.7em;
}
table.form,
table.checkboxForm {
    width: 100%;
}

table.form td,
table.form th,
table.checkboxForm td,
table.checkboxForm th {
    vertical-align: top;
    padding: 0.3em 0 0.2em 0;
}
table.form th,
table.checkboxForm th {
    font-weight: normal;
    text-align: left;
}
table.form th {
    padding-right: 1em;
}
table.form td.submitCell,
table.checkboxForm td.submitCell {
    text-align: right;
    padding-right: 0;
}
table.form th {
    width: 200px;
}
table.form td {
    width: 320px;
}
table.checkboxForm td {
    width: 20px;
    padding-right: 0.5em;
}

.form .input {
    padding: 3px;
    font-size: 15px;
    line-height: 18px;
    border: 1px solid #aaa;
    border-radius: 0;
    background-clip: padding-box;
}
.form textarea.input {
    line-height: 1.3;
}
table.form td .input {
    width: 320px;
}
.form .input:focus {
    border: 2px solid #1E72FF;
    margin: -1px;
    outline: none;
    border: 0;
}

table.form td button.action {
    margin-left: 1em;
}
p.form {
    margin: 0.7em 0 0.3em 0;
    line-height: 1.4;
}
.userError,
.userSuccess,
.userInfo {
    margin: 0.7em 0 0.3em 0;
    padding: 7px;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    background-clip: padding-box;
}
.userError p,
.userSuccess p,
.userInfo p {
    margin: 0.5em 0;
}
.userError {
    display: none;
    border-color: #F99FA0;
    background-color: #FDCFCF;
    color: #600000;
}
.userSuccess {
    display: none;
    border-color: #97CE37;
    background-color: #F0FFCE;
    color: #0E5D00;
}
.showUserError {
    display: block;
}
.userInfo {
    border-color: #FC9100;
    background-color: #FDFFBC;
    color: #CD5100;
}
#forgotSuccess .userSuccess {
    display: block;
}

.userInfo img,
.userError img,
.userSuccess img {
    vertical-align: text-top;
}


label.remember {
    font-size: 80%;
}



#orgListScreen,
#orgJoinScreen,
#orgJoinForm,
#orgJoinAlready,
#orgJoinConnectionsWrapper,
#orgCreateScreen,
#orgCreatePrice,
#orgDetailScreen,
#orgDetailScreenReturn,
#orgCreateYours,
#orgInvitees,
#orgMembersWrapper,
#orgMembersWrapper table,
#orgDeleteConfirm,
#orgLeaveConfirm,
#orgLeaveLastFree,
.billingCancelConfirm,
#orgEditForm .edit,
#orgMembersManage,
.pay,
.payComplete,
.payPastDue,
#orgAddConnections,
#orgAddMoreConnections,
#orgAddConnectionsHead,
#orgMembersSave,
#orgProgression,
#orgDetailConnections .edit,
#orgsFooterLink {
    display: none;
}

#orgCreateForm .input {
    width: 320px;
}

.payComplete .userSuccess {
    display: block;
    font-size: 22px
}
.payStatus,
.payStatusPayPal {
    font-size: 18px
}
.payComplete .userSuccess img,
.payStatus img,
.payStatusPayPal img {
    vertical-align: middle;
}
.payButtonWrapper {
    margin: 0.6em 0;
}
.payPalForm,
#tpl-solo-paypal-form {
    display: inline-block;
}
#orgAddConnections {
    overflow: hidden;
}

#orgProgression {
    margin: 0 0 1em 0;
    padding: 5px 0;
    background-color: #C6F28E;
    font-size: 12px;
}
#orgProgression.show {
    display: inline-block;
}
#orgProgression span.progress {
    margin-left: 7px;
    padding-left: 29px;
    background-image: url('http://www.irccloud.com/static/arrow_right.png');
    background-repeat: no-repeat;
    background-position: 0 50%;
}
#orgProgression span.complete {
    background-image: url('http://www.irccloud.com/static/tick.png');
}
#orgProgression span.active.start {
    margin-left: 5px;
    padding-left: 0;
    background: none;
}
#orgProgression span.progress span {
    padding-right: 7px;
    display: inline-block;
    list-style-position: inside;
    list-style-type: decimal;
    color: #0E5D00;
}
#orgProgression span.active span {
    margin-right: 5px;
    padding: 5px 7px;
    border: 1px solid;
    border-color: #65A200 #97CE37 #97CE37 #65A200;
    background-color: #F0FFCE;
    color: #000;
    font-weight: bold;
}

#orgList {
    margin: 0.5em 0;
}

#orgDeleteConfirm,
#orgLeaveConfirm,
#orgLeaveConfirmOnlyAdmin,
.billingCancelConfirm {
    padding: 0.5em 1em;
    margin: 0.5em 0;
}
#orgLeaveConfirmOnlyAdmin button.cancel {
    float: right;
}

.orgHeading {
    line-height: 1.5;
}
#orgDetailVitals {
    margin: 0.5em 0;
    font-size: 90%;
}
#orgDetailVitals th {
    text-align: left;
    padding-right: 1em;
    font-weight: normal;
    line-height: 1.6;
    color: #777;
    vertical-align: top;
}
#orgDetailVitals td {
    line-height: 1.6;
    vertical-align: top;
}

#orgDetailConnections {
    margin: 0.5em 0;
}
#orgsContainer div.removedNetwork {
    opacity: 0.5;
    background: #eee;
}
#orgsContainer div.network {
    max-width: 30em;
    margin: 1em 0;
    line-height: 1.5;
    font-size: 90%;
}
#orgsContainer div.network p.head {
    margin: 0;
    padding: 5px 5px 5px 23px;
    background-color: #97CE37;
    color: #0E5D00;
    font-size: 15px;
    background-image: url('http://www.irccloud.com/static/world.png');
    background-position: 4px 50%;
    background-repeat: no-repeat;
}
#orgsContainer div.network p.head.ssl {
    background-image: url('http://www.irccloud.com/static/world_shield.png');
}
#orgsContainer div.network p.head img {
    position: relative;
    top: 3px;
}
#orgsContainer div.network p.head small.delete {
    float: right;
}
#orgsContainer div.network .channels {
    padding: 5px 7px;
    font-size: 14px;
    background-color: #F0FFCE;
    border: 1px solid #ddd;
    border-top: 0;
}
#orgsContainer div.network.hasPass .channels {

}
#orgsContainer .matchConnChoiceExplanation {
    color: #0E5D00;
}
#orgsContainer button.matchConnTitle span {
    padding: 3px 4px 2px 4px;
}
#orgsContainer button.matchConnTitle img {
    position: relative;
    top: 1px;
}
#orgsContainer .matchConn {
    display: none;
    margin: 0.3em 0;
    line-height: 1;
}
#orgsContainer .matchConn.active {
    display: block;
}
#orgsContainer .matchConn .chans .chan {
    display: inline-block;
    margin: 0 0.5em 0 0;
    padding: 3px 4px;
    border: 1px solid #C0DBFF;
    text-decoration: none;
    background-color: #e2edff;
    color: #777;
    font-weight: normal;
    text-decoration: line-through;
}
#orgsContainer .matchConn .chans .chan.pass {
    padding-left: 17px;
    background-position: 0 2px;
    background-repeat: no-repeat;
    background-image: url('http://www.irccloud.com/static/lock.png');
}
#orgsContainer .matchConn .chans .chan.found {
    border-color: #97CE37 #65A200 #65A200 #97CE37;
    background-color: #C6F28E;
    color: #0E5D00;
    text-decoration: none;
}
#orgsContainer .matchConn .chans .chan.chosen {
    border-color: #C0DBFF #9CC7FF #9CC7FF #C0DBFF;
    background-color: #D9E7FF;
    color: #1D40FF;
    text-decoration: none;
}

#orgsContainer p.revealPass {
    padding: 2px 7px 3px 7px;
    border: 1px solid #ddd;
    border-top: 0;
    background-color: #eee;
    color: #777;
    font-size: 13px;
    line-height: 1.5;
}
#orgsContainer p.revealPass span.pass {
    display: none;
    margin: 0 0.5em;
    color: #333;
}

#orgAddMoreConnections span.add {
    display: none;
}

#orgNetworkEditor {
    font-size: 90%;
}

table.orgMembers {
    width: auto;
    margin: 0.5em 0;
    font-size: 90%;
}
table.orgMembers tr.pending {
    
}
table.orgMembers th {
    text-align: left;
    width: auto;
    vertical-align: top
}
table.orgMembers td {
    width: auto;
    vertical-align: top
}
table.orgMembers .email {
    width: 340px;
}
textarea#orgAddMembersEmail {
    width: 400px;
}
table.orgMembers .admin {
    width: 100px;
}
table.orgMembers .removed {
    opacity: 0.5;
}
table.orgMembers a.undo {
    display: none;
}
table.orgMembers .removed a.remove {
    display: none;
}
table.orgMembers .removed a.undo {
    display: inline;
}
table.orgMembers .resent,
table.orgMembers .resending,
table.orgMembers .resendFail {
    display: none;
}



.loadingItems,
.loadingBilling {
    display: none;
    margin: 20px 0 0 0;
    font-size: 80%;
    color: #aaa;
}
.isLoadingItems .loadingItems,
.isLoadingBilling .loadingBilling {
    display: block;
}
.billingDetails h2 {
    margin: 20px 0 10px 0;
}
table.billing {
    display: block;
    margin: 10px -5px;
    padding: 5px;
    background-color: #D9E7FF;
    font-size: 16px;
}
.cancelled table.billing {
    color: #444;
    background-color: #eee;
}
table.billing th {
    text-align: right;
    width: 120px;
    padding-right: 1em;
    font-weight: normal;
    color: #666;
    vertical-align: top;
}
table.billing .failed {
    background-color: #FDCFCF;
    color: #600000;
}
table.billing td {
    vertical-align: top;
}
table.billing table.invoice_items td,
table.billing table.invoices td,
table.billing table.charges td {
    padding-right: 5px;
}
table.billing table.invoice_items th {
    width: auto;
    padding-right: 5px;
    font-weight: bold;
    color: #000;
}



.overlaycontainer,
.editNetworkOverlay {
    display: none;
    position: absolute;
    top: 0;
    left: 6%;
    width: 88%;
    max-height: 90%;
    overflow: auto;
    border: 1px solid #bbb;
    border-top: 0;
    box-shadow: none;
    background-color: #fff;
}

form.editForm {
    padding: 10px;
}
.overlay_container_prompt {
    left: 20%;
    width: 60%;
}
.overlay_container_class_inline_image_confirm p.content {
    padding-left: 25px;
    background: transparent url('http://www.irccloud.com/static/mixedcontent-chrome.png') no-repeat 0 0;
}

.overlay {
    margin: 0 10px;
}

.overlaycontainer {
    padding-top: 10px;
}
.overlay_container_head {
    padding-top: 0;
}
.overlay .heading {
    margin: 0 0 0.7em 0;
}
.overlay .heading h2 {
    font-size: 16px;
    line-height: 1.2;
}
.accountContainer button.close,
.overlaycontainer button.confirm,
.overlaycontainer button.close,
.mainOverlayContent button.close {
    float: right;
}

p.submitPara button,
p.submitPara button.close {
    padding-left: 0;
}
p.submitPara button.close {
    float: none;
}

.overlaycontainer button.confirm,
.overlaycontainer button.close {
    margin: -5px 5px 5px 5px;
}
.overlaycontainer button.confirm span,
.overlaycontainer button.close span {
    font-size: 12px;
    line-height: 1.2;
    padding: 0.3em 0.5em;
}
.overlaycontents {
    padding-bottom: 10px;
}
.overlaycontents button.confirm,
.overlaycontents button.close {
    margin: -5px 0 10px 10px;
}
.overlaycontents button.confirm span,
.overlaycontents button.close span {
    padding: 0.5em 0.8em;
}
.overlay_container_head button.confirm,
.overlay_container_head button.close {
    margin-top: 5px;
}
.overlay_container_prompt .overlaycontents input {
    width: 98%;
}
.overlay p,
.overlay li {
    font-size: 14px;
    line-height: 1.4;
}
.overlay table {
    width: 100%;
    font-size: 14px;
    line-height: 1.2;
}
.overlay table td,
.overlay table th {
    vertical-align: top;
    border-left: 1px solid #d9e7ff;
}
.overlay table td:first-child,
.overlay table th:first-child {
    border-left: none;
}
.overlay table thead th,
.overlay table thead td {
    background-color: #e2edff;
    text-align: left;
    padding: 5px 5px 4px 5px;
}
.overlay table tbody th,
.overlay table tbody td {
    padding: 3px 5px 3px 5px;
    text-align: left;
}
.overlayTable tr.even td {
    background-color: #f2f7fc;
}
.overlay td.data_list_response_num_members {
    text-align: right;
}
.overlay td.data_map_list,
.overlay td.data_ignore_list,
.overlay td.data_links_response,
.overlay td.data_trace_response,
.overlay_container_type_notice .overlay,
.overlay_container_type_services_down .overlay,
.overlay_container_type_time .overlay,
.overlay_container_type_watch_status .overlay {
    font-family: "Consolas", "Menlo", "Ubuntu Mono", "Courier", monospace;
    font-size: 90%;
    line-height: 1.6;
    white-space: pre-wrap;
}
.overlay td.data_who_special_response {
    white-space: nowrap;
}
.overlay td.data_ignore_list.unignored {
    opacity: 0.5;
}

.overlay_container_type_remote_isupport_params_key .overlay table {
    table-layout: fixed;
}
.overlay th.data_remote_isupport_params_key {
    width: 150px;
}
.overlay table table th {
    padding-left: 0;
}
.overlay table table td {
    background-color: #e2edff;
}
.overlay th.data_remote_isupport_params_object_key {
    width: 100px;
}

.overlayHead {
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #777;
    color: #ddd;
    background-color: #777;
    background-image: -webkit-linear-gradient(top, #777, #aaa);
    background-image: linear-gradient(to bottom, #777, #aaa);
}
.overlayNewHead {
    margin-top: 10px;
}
.overlay_container_prompt .overlayHead {
    border-color: #123e92;
    color: #C0DBFF;
    background-color: #123e92;
    background-image: -webkit-linear-gradient(top, #123e92, #1E72FF);
    background-image: linear-gradient(to bottom, #123e92, #1E72FF);
}
.overlayHead a,
.overlayHead b {
    color: #fff;
}
.overlay_container_type_notice .overlayHead a,
.overlay_container_type_services_down .overlayHead a,
.overlay_container_type_time .overlayHead a,
.overlay_container_type_watch_status .overlayHead a {
    color: #eee;
}
.overlay_container_prompt .overlayHead a {
    text-decoration: none;
}
.overlay_container_prompt .overlayHead a:hover {
    text-decoration: underline;
}

.overlay_container_type_global_system_message {
    border-color: #FDB834;
    background-color: #FFF7AD;
}
.overlay_container_type_connecting_restricted {
    border-color: #DBB300;
    background-color: #FFF7AD;
}
.overlay_container_type_connecting_restricted .overlayHead {
    color: #632800;
    background-color: #F8DF26;
    background-image: -webkit-linear-gradient(top, #EEC500, #F8DF26);
    background-image: linear-gradient(to bottom, #EEC500, #F8DF26);
}
.overlay_container_type_connecting_restricted .overlayHead a {
    color: #AF3A00;
}



.ui-autocomplete {
    font-size: 15px;
    position: absolute;
    border: 2px solid #1E72FF;
    border-top: 0;
    background-color: #fff;
}
.ui-helper-hidden-accessible {
    display: none;
}
.ui-menu-item a {
    display: block;
    padding: 4px;
}
.ui-menu-item a img {
    margin-bottom: -3px;
}
.ui-menu-item a span.host {
    font-size: 14px;
    color: #C0DBFF;
}
a.ui-state-hover,
a.ui-state-focus,
a.ui-state-hover span.host,
a.ui-state-focus span.host {
    background-color: #1E72FF;
    color: #C0DBFF;
}
.ui-menu-item a strong {
    color: #1D40FF;
}
a.ui-state-hover strong,
a.ui-state-focus strong {
    color: #fff;
}
li.autoCompleteFooter a {
    padding: 5px;
    color: #aaa;
}
li.autoCompleteFooter a.ui-state-hover,
li.autoCompleteFooter a.ui-state-focus {
    color: #fff;
}



iframe.invisible {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 0;
    background: transparent;
}



#loadingBarContainer {
    display: none;
}
#loadingBarContainer p {
    padding: 0.5em;
}
#loadingBar {
    height: 20px;
}
#loadingBar div.step {
    float: left;
    background: #1E72FF;
    height: 20px;
    width: 0;
}


.contextMenu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    padding: 0 0 5px 0;
    border: 1px solid #C0DBFF;
    background-color: #202020;
    border: 7px solid #191919;
}
#memberContextMenu {
    box-shadow: none;
    border-radius: 0;
}
.bufferContextMenu {
    padding: 5px 0;
    border-width: 1px 2px 1px 1px;
    border-top: 1px solid #C0DBFF;
    background-color: #7A7A7A;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 7px solid #272727;
    color: #FFF;
    position: absolute;
    z-index: 1000;
}
.contextMenu .info {
    margin: 5px 15px;
    white-space: pre-wrap;
    word-wrap: break-word;
    color: #B4B4B4;
    font-size: 12px;
}
.contextMenu .modAction,
.contextMenu .opMember,
.contextMenu .dopMember,
.contextMenu .kickMember {
    display: none;
}

#channelContextMenu .modeLine {
    margin: 5px 0;
    padding: 8px 20px 0 20px;
    border-top: 1px solid #C0DBFF;
    border: 0;
    background-color: #2D363F;
    padding-bottom: 8px;
}
#channelContextMenu ul.modeList {
    margin: 5px 20px;
}
#channelContextMenu ul.modeList li {
    padding: 5px 0 0 0;
    list-style-type: square;
    list-style-position: inside;
    font-size: 14px;
    line-height: 16px;
}

#memberContextMenu div.userContext {
    padding: 10px 0 7px 0;
    background-color: #2D363F;
}
#memberContextMenu h3 {
    margin: 0 15px 5px 15px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
#memberContextMenu h3 a {
    font-weight: bold;
}

.contextMenu a {
    color: #fff;
    text-decoration: none;
}
.contextMenu a:hover {
    text-decoration: underline;
}
.contextMenu small {
    color: #777;
    font-weight: normal;
}
.contextMenu ul.actions {
    position: relative;
}
#memberContextMenu ul.actions {
    display: none;
    border-top: 1px solid #1D1D1D;
    padding: 5px 0 0 0;
}
.contextMenu ul.actions li a {
    display: block;
    text-decoration: none;
}
#memberContextMenu ul.actions li a {
    padding: 5px 15px;
}
.bufferContextMenu ul.actions li a {
    padding: 5px 20px;
}
.bufferContextMenu ul.actions li a,
#channelContextMenu.topicControl ul.actions li a.topic {
    color: #DBDBDB;
    font-size: 12px;
    cursor: default;
    background-color: transparent;
}

#memberContextMenu ul.actions li a,
.bufferContextMenu.active ul.actions li a,
.bufferContextMenu ul.actions li a.delete,
.bufferContextMenu ul.actions li a.unread,
.bufferContextMenu ul.actions li a.images,
.bufferContextMenu ul.actions li a.joinpart,
.bufferContextMenu ul.actions li a.joinpartcollapse,
.bufferContextMenu ul.actions li a.ignores,
#channelContextMenu.active.mod ul.actions li a.topic {
    color: #fff;
    cursor: auto;
    font-size: 12px;
}
#memberContextMenu ul.actions li a:hover,
.bufferContextMenu.active ul.actions li a:hover,
.bufferContextMenu ul.actions li a.delete:hover,
.bufferContextMenu ul.actions li a.unread:hover,
.bufferContextMenu ul.actions li a.images:hover,
.bufferContextMenu ul.actions li a.joinpart:hover,
.bufferContextMenu ul.actions li a.joinpartcollapse:hover,
.bufferContextMenu ul.actions li a.ignores:hover,
#channelContextMenu.active.mod ul.actions li a.topic:hover {
    background-color: #1A1A1A;
}

.bufferContextMenu ul.actions li.collapseJoinPart {
    display: none;
}
.bufferContextMenu.showingJoinPart ul.actions li.collapseJoinPart {
    display: block;
}

.bufferContextMenu ul.actions li a.delete {
    color: #ff1f1a;
}
.bufferContextMenu.active ul.actions li a.delete {
    display: none;
}

#channelContextMenu ul.actions li.showMembers a,
.bufferContextMenu ul.actions li.trackUnread a,
.bufferContextMenu ul.actions li.showJoinPart a,
.bufferContextMenu ul.actions li.collapseJoinPart a,
.bufferContextMenu ul.actions li.inlineImages a {
    background-image: url(http://www.irccloud.com/static/tick-small.png);
    background-repeat: no-repeat;
    background-position: -16px 0;
}
#channelContextMenu.showMemberList ul.actions li.showMembers a,
.bufferContextMenu.trackingUnread ul.actions li.trackUnread a,
.bufferContextMenu.showingJoinPart ul.actions li.showJoinPart a,
.bufferContextMenu.inlineImagesEnabled ul.actions li.inlineImages a {
    background-position: 3px 50%;
}
.bufferContextMenu ul.actions li.collapseJoinPart a {
    text-indent: 13px;
}
.bufferContextMenu.collapsingJoinPart ul.actions li.collapseJoinPart a {
    background-position: 16px 50%;
}

.contextMenu form.messageForm {
    padding: 5px 15px;
}
.contextMenu form.messageForm p {
    color: #777;
    margin-bottom: 10px;
}
.contextMenu input.message {
    width: 100%;
    border: 2px solid #171717;
    margin: -1px;
    outline: none;
    background-color: #171717;
    color: #FFF;
}



table.shortcuts {
    color: #777;
}
table.shortcuts tr.heading th {
    padding: 10px 0;
}
table.shortcuts th {
    padding-right: 20px;
    text-align: right;
    font-weight: normal;
    white-space: nowrap;
}
table.shortcuts kbd {
    color: #000;
    font-family: "Consolas", "Menlo", "Ubuntu Mono", "Courier", monospace;
    font-size: 90%;
    font-weight: bold;
}
table.shortcuts kbd span {
    color: #777;
}



#footer {
    margin: 5px 10px 0 10px;
    padding-bottom: 5px;
    font-size: 11px;
    line-height: 1.4;
    color: #8D8D8D;
}
#footer p {
    margin: 0.5em 0;
}
#footer a {
    margin-right: 7px;
    color: #555761;
}
#footer a:hover {
    color: #a1a1a1;
}


#webSocketContainer div {
    width: 28px;
    height: 28px;
}


#sm2-container {
    position: absolute;
    
    left: -9999em;
    top: -9999em;
    width: 1px;
    height: 1px;
    overflow: hidden;
    
    _overflow: hidden;
}

#sm2-container object,
#sm2-container embed {
    margin-right: -33px;
    width: 27px;
    height: 27px;
    max-height: 27px;
}
#sm2-container.swf_loaded object,
#sm2-container.swf_unblocked embed {
    width: 1px;
}

#sm2-container.swf_timedout {
    
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: 29px;
    padding-right: 2px;
    float: right;
    margin: 5px 6px 0 0;
    background: #e2edff;
}

#sm2-container span.flashblock {
    display: none;
    float: right;
    margin: 0 5px 0 33px;
    line-height: 30px;
    white-space: nowrap;
}
#sm2-container.swf_timedout span.flashblock {
    display: inline-block;
    font-size: 14px;
    color: #888;
}

#sm2-container.swf_error {
    
    display: none;
}

#connectionPools {
    border-collapse: collapse;
}
#connectionPools th,
#connectionPools td {
    padding: 1px 5px;
    text-align: left;
    border: 1px solid #ddd;
}
#connectionPools th {
    background: #eee;
}