@charset "utf-8";
/* 	Stylesheet for Opera chat.
	Style name: City Blues Light
 	By Tommy A. Olsen, toman AT webtoman.com 
*/

html {
margin: 0px;
padding: 0px;
background: #EFEEF0;
}

body {
margin: 0px;
padding: 0px;
background: transparent;
color: black;
font-family:sans-serif;
font-size: 12px;
}
span[style] {
letter-spacing:1px;
}
table {
border-collapse: collapse;
width:100%;
}

td:first-child + td {
white-space: nowrap;
}

td {
vertical-align:top;
padding: 3px 5px;
}

td img {
vertical-align: middle;
}

.time {
width:3em;
font:status-bar;
font-size:12px;
color: #eee;
padding: 3px 4px;
/* Diagonal stripes on time */
 background: #645D68 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAABmJLR0QA%2FwD%2FAP%2BgvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1AcPByQ6nZMWTgAAADZJREFUeNpdyiEOACAMBMEtBMODa6pr%2BmXE4QhgJ2OSyCgBRLoB9LHmAwDth4ySSeKGM2%2BIdNtkoxgNTH3upgAAAABJRU5ErkJggg%3D%3D) repeat fixed;

/* Horizontal stripes on time */
/* background: #645D68 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAABmJLR0QA%2FwD%2FAP%2BgvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1AcSCx0KHqfdfgAAAB10RVh0Q29tbWVudABDcmVhdGVkIHdpdGggVGhlIEdJTVDvZCVuAAAAFUlEQVR42mNoqer8z8DAwMDAAGcBAD2qBQ1o7Q1TAAAAAElFTkSuQmCC) repeat fixed; */

/* 'Cobic' background on time */
/* background: #645D68 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABmJLR0QA%2FwD%2FAP%2BgvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1AcSEBEVL2nTFgAAAB10RVh0Q29tbWVudABDcmVhdGVkIHdpdGggVGhlIEdJTVDvZCVuAAAAlElEQVR42l2OMXLCQBAEW3unEyvsyD%2FgX2QO%2BLoDEASYUt3NigC5Cmvirunuvo%2BnaskUit5Hv6qpfHzufy7n6QCQgRSKBEStdVhiSfM874EAusxrC0CrzYFFLYqZKSJ6A3D3K2AAKaeqUBl2ww3ASil3H3fT%2BtSpKUvqH7%2BPLx99ypLyu3PbZJL6P%2BcK%2FGuyrXPb9ATOYlk0jlpvNwAAAABJRU5ErkJggg%3D%3D) repeat fixed; */
}

.highlight {
padding:2px;
border:solid #888;
border-width:1px 0;
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn%2FAACA6QAAdTAAAOpgAAA6mAAAF2%2BSX8VGAAAAEElEQVR42mJ4cfd1BUCAAQAIigMp46%2B5jQAAAABJRU5ErkJggg%3D%3D);
}
div.highlight {
display: table-cell;
}

/* If you want to have a counter for your nick in the top right corner of each chat window, uncomment the code right below... */

/* Nick counter start */
/*
.highlight {
counter-increment:personal;
}
.highlight:after {
content:"Nick mentions: " counter(personal);
display:block;
width:auto;
text-align:right;
font-family:monospace;
padding: .1em .5em;
position:fixed;
top:0;
right:0;
background: window -o-skin("Header Button Skin");
*/
/* Nick counter end */

.self,.self-action,.action,.sender,.join,.leave,.nick,.operator,.voiced,.diconnect,.whois,.status,.topic,.moderated,.limit,.password,.unknown-mode,.topic-protection,.secret,.disconnect {
width:4em;
background: #E6E5E8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAIAAADJDItPAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn%2FAACA6QAAdTAAAOpgAAA6mAAAF2%2BSX8VGAAAAXUlEQVR42gAfAOD%2FAVFNVTEvMURGQyYqJfn4%2BdfU2NDO0eHh4eDh3%2Bbp5gKIiQEvAAggAtIAAURAGiCACEgDBBABaYAAIiANEEAEpAECiIA0QAARkAYIIALSAAEGAHS5ErD3Z3XiAAAAAElFTkSuQmCC) repeat-y scroll left;
padding-left:12px;
}

.self {
color: #009;
text-align: right;
}

.self-message {

}

.sender {
color: #900;
text-align: right;
}

.sender-message {
}

.join-message,.leave-message,.nick-message,.operator-message,.voiced-message,.diconnect-message,.whois-message,.status-message,.topic-message,.moderated-message,.limit-message,.password-message,.unknown-mode-message,.topic-protection-message,.secret-message,.disconnect-message {
font:normal .9em inherit;
}


.join {
color: #008;
text-align: right;
}

.join-message {
color: #008;
}

.leave {
color: #800;
text-align: right;
}

.leave-message {
color: #800;
}

.nick {
color: #008;
text-align: right;
}

.nick-message {
color: #008;
}

.operator {
content:"OP";
color: #008;
text-align: right;
font-size:.9em;
}
.operator-message {
color: #008;
}

.voiced {
color: #008;
text-align: right;
}

.voiced-message {
color: #008;
}

.disconnect {
color: #008;
text-align: right;
}

.disconnect-message {
color: #500;
}

.self-action {
text-align: right;
}

.self-action-message {
color: #909;
}

.action {
text-align: right;
}

.action-message {
color: #909;
}

.whois {
width:6em;
color: #446;
font-style:italic;
text-align: right;

}

.whois-message {
color: #446;
}

.status {
width:6em;
color: #446;
text-align: right;

}

.status-message {
color: #446;
}

.topic {
width: 6em;
color: #008;
text-align: right;

}

.topic-message {
font-weight:bolder;
}

.moderated {
width:6em;
color: #446;
text-align: right;

}

.moderated-message {
color: #446;
}

.limit {
width:6em;
color: #446;
text-align: right;

}

.limit-message {
color: #446;
}

.topic-protection {
width:6em;
color: #446;
text-align: right;

}

.topic-protection-message {
color: #446;
}

.password {
width:6em;
color: #446;
text-align: right;

}

.password-message {
color: #446;
}

.secret {
width:6em;
color: #446;
text-align: right;

}

.secret-message {
color: #446;
}

.unknown-mode {
width:6em;
color: #446;
text-align: right;

}

.unknown-mode-message {
color: #446;
}

.smiley-happy {
width: -o-skin;
height: -o-skin;
content: -o-skin("Smiley Happy");
}

.smiley-unhappy {
width: -o-skin;
height: -o-skin;
content: -o-skin("Smiley Unhappy");
}

.smiley-wink {
width: -o-skin;
height: -o-skin;
content: -o-skin("Smiley Wink");
}

.smiley-surprised {
width: -o-skin;
height: -o-skin;
content: -o-skin("Smiley Surprised");
}

.smiley-grin {
width: -o-skin;
height: -o-skin;
content: -o-skin("Smiley Grin");
}

.smiley-cool {
width: -o-skin;
height: -o-skin;
content: -o-skin("Smiley Cool");
}

.smiley-indifferent {
width: -o-skin;
height: -o-skin;
content: -o-skin("Smiley Indifferent");
}

.smiley-cry {
width: -o-skin;
height: -o-skin;
content: -o-skin("Smiley Cry");
}

.smiley-angry {
width: -o-skin;
height: -o-skin;
content: -o-skin("Smiley Angry");
}

.smiley-tongue {
width: -o-skin;
height: -o-skin;
content: -o-skin("Smiley Tongue");
}
.smiley-pacman {
width: -o-skin;
height: -o-skin;
content: -o-skin("Smiley Pacman");
}