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

html {
margin: 0px;
padding: 0px;
background-color:window;
}

body {
margin: 0px;
padding: 0px;
color: black;
font:menu;
font-size: 12px;
}
table {
border-collapse: collapse;
width:100%;
}

/* 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 */

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

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

td img {
vertical-align: middle;
}

.time {
font:status-bar;
font-size:12px;
color: #000;
width:3em;
padding: 3px 4px;
background-color:ThreeDFace;
}

.highlight {
padding:2px;
border:solid infotext;
border-width: 1px 0;
background-color:infobackground;
color:infoText;
}
div.highlight {
display: table-cell;
}

.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-color:ThreeDFace;
border-right:1px outset ThreeDFace;
}

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

.self-message {

}

.sender {
color: #9a2200;
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: #227;
text-align: right;
}

.join-message {
color: #227;
}

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

.leave-message {
color: #722;
}

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

.nick-message {
color: #227;
}

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

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

.voiced-message {
color: #227;
}

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

.disconnect-message {
color: #722;
}

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

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

.action {
text-align: right;
}

.action-message {
color: #727;
}

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

}

.whois-message {
color: #7B7D7F;
}

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

}

.status-message {
color: #7B7D7F;
}

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

}

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

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

}

.moderated-message {
color: #7B7D7F;
}

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

}

.limit-message {
color: #7B7D7F;
}

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

}

.topic-protection-message {
color: #7B7D7F;
}

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

}

.password-message {
color: #7B7D7F;
}

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

}

.secret-message {
color: orange;
}

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

}

.unknown-mode-message {
color: #7B7D7F;
}

.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");
}