@charset "utf-8";

/* CSS style sheet for Instant Messenger */

/* Copyright 2000-2003 Opera Software */

/* Converted to use system colors by James Card 2003-12-20 */

html {

margin: 0px;

padding: 0px;

}

body {

margin: 0px;

padding: 0px;

background-color: Window;

color: WindowText;

font: Menu;

font-size: 100%;

}

table {

border-collapse: collapse;

}

td {

vertical-align: top;

padding: 3px 5px;

}

td + td {

border-right: solid thin ButtonShadow;

}

td + td + td {

border: none;

}

td img {

vertical-align: middle;

}

.time {

color: ButtonText;

background-color: ButtonFace;

}

div.highlight {

display: table-cell;

border: thin solid InactiveBorder;

padding: 1px;

background-color: InactiveCaption;

color: InactiveCaptionText;

}

span.highlight {

border: thin solid InactiveBorder;

padding: 1px;

background-color: InactiveCaption;

color: InactiveCaptionText;

}

.self {

color: ButtonText;

background-color: ButtonFace;

text-align: right;

}

.self-message {

font-weight: bolder;

}

.sender {

color: ButtonText;

background-color: ButtonFace;

text-align: right;

}

.sender-message {

}

.join {

color: ButtonText;

background-color: ButtonFace;

text-align: right;

font-size: 80%;

}

.join-message {

color: GrayText;

font-size: 80%;

}

/* .join:before { content: "\21E8"; } */

.leave {

color: ButtonText;

background-color: ButtonFace;

text-align: right;

font-size: 80%;

}

.leave-message {

color: GrayText;

font-size: 80%;

}

.nick {

color: ButtonText;

background-color: ButtonFace;

text-align: right;

}

.nick-message {

color: GrayText;

border-left: 1ex solid ButtonShadow;

}

.disconnect {

color: ButtonText;

background-color: ButtonFace;

text-align: right;

font-size: 80%;

}

.disconnect-message {

color: GrayText;

font-size: 80%;

}

.self-action {

background-color: ButtonFace;

text-align: right;

}

.self-action-message {

color: GrayText;

font-weight: bolder;

border: solid thin WindowFrame;

}

.action {

background-color: ButtonFace;

text-align: right;

}

.action-message {

color: GrayText;

border: solid thin WindowFrame;

}

.action-message:before, .self-action-message:before {

content: "\2023\2009";	

}

.status {

width:	6em;

color: ButtonText;

background-color: ButtonFace;

text-align: right;

}

.status-message {

color: GrayText;

border-left: 1ex solid GrayText;

}

.smiley-happy {

width: -o-skin;

height: -o-skin;

background-image: -o-skin("Smiley Happy");

}

.smiley-unhappy {

width: -o-skin;

height: -o-skin;

background-image: -o-skin("Smiley Unhappy");

}

.smiley-wink {

width: -o-skin;

height: -o-skin;

background-image: -o-skin("Smiley Wink");

}

.smiley-surprised {

width: -o-skin;

height: -o-skin;

background-image: -o-skin("Smiley Surprised");

}

.smiley-grin {

width: -o-skin;

height: -o-skin;

background-image: -o-skin("Smiley Grin");

}

.smiley-cool {

width: -o-skin;

height: -o-skin;

background-image: -o-skin("Smiley Cool");

}

.smiley-indifferent {

width: -o-skin;

height: -o-skin;

background-image: -o-skin("Smiley Indifferent");

}

.smiley-cry {

width: -o-skin;

height: -o-skin;

background-image: -o-skin("Smiley Cry");

}

.smiley-angry {

width: -o-skin;

height: -o-skin;

background-image: -o-skin("Smiley Angry");

}

.smiley-tongue {

width: -o-skin;

height: -o-skin;

background-image: -o-skin("Smiley Tongue");

}