@charset "utf-8";
/* 	Stylesheet for Opera chat.
	Style name: mIRC
 	By Tommy A. Olsen, toman AT webtoman.com 
*/
html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 3px 0;
	background-color: white;
	color: black;
	font: 600 12px Fixedsys, Terminal, monospace;  /* <--- This is the font of all messages */
	line-height:1em;
}

table {
	display:block;
	border-collapse:collapse;
	
}
tr {
	display:block;
	margin:0;
	line-height:1em;
	padding-bottom:1px;
}

td {
	display:inline;
}
td:first-child + td {
	white-space: nowrap;
}
td:first-child + td +td {
	padding-left:.7em;
}
.time {
	color:ThreeDShadow;
	float:right;
	position:relative;
	bottom:-0.2em;
	margin-left:1.2em;
}
html|img {
	display:inline-block;
	height: 0px !important;
	width: auto !important;
	background-image: none !important;
	content: attr(title);
	vertical-align:middle;
	position:relative;
	bottom:-0.2em;
}
.highlight {
	color: #7F0000; /* <--- This is the color of messages that mention your nick */
}

div.highlight {
	display: inline;
}

/* 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:nickmention;
}
.highlight:after {
content:counter(nickmention);
display:block;
position:fixed;
top:0;
right:0;
width:auto;
height:auto;
padding:2px;
background:threedface;
color:menutext;
border:1px outset threedface;
font:menu;
}
*/
/* Nick counter end */


.self {
	color: #309;
}

.self-message {
	color: #309; /* <--- This is the color of your own messages */
}

.sender {
}
.sender-message {
}

.sender:before,.self:before {
	content:"<";
}
.sender:after,.self:after {
	content:">";
}

.self-action,.action,.join,.leave,.nick,.operator,.voiced,.diconnect,.whois,.status,.topic,.moderated,.limit,.password,.unknown-mode,.topic-protection,.secret,.disconnect {
	content: "*";
	color: #009300;
}
.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 {
	color: #009300;
}
.join {
}
.join-message {
}
.leave {
}
.leave-message {
}
.nick {
}
.nick-message {
}
.operator {
}
.operator-message {
}
.voiced {
}
.voiced-message {
}
.disconnect {
	color: #00007F;	
}
.disconnect-message {
	color: #00007F;
}
.self-action {
	color: #9C009C;
}
.self-action-message {
	color: #9C009C;
}
.action {
	color: #9C009C;	
}
.action-message {
	color: #9C009C;
}
.whois {
	width:	6em;
}
.whois-message {
}
.status {
	width:	6em;
}
.status-message {
}
.topic {
	width:	6em;
}
.topic-message {
}
.moderated {
	width:	6em;
}
.moderated-message {
}
.limit {
	width:	6em;
}
.limit-message {
}
.topic-protection {
	width:	6em;
}
.topic-protection-message {
}
.password {
	width:	6em;
}
.password-message {
}
.secret {
	width:	6em;
}
.secret-message {
}
.unknown-mode {
	width:	6em;
}
.unknown-mode-message {
}

.smiley-happy {
	content:attr(title);
	/*width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Happy");*/
}

.smiley-unhappy {
	content:attr(title);
	/*width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Unhappy");*/
}

.smiley-wink {
	content:attr(title);
	/*width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Wink");*/
}

.smiley-surprised {
	content:attr(title);
	/*width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Surprised");*/
}

.smiley-grin {
	content:attr(title);
	/*width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Grin");*/
}

.smiley-cool {
	content:attr(title);
	/*width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Cool");*/
}

.smiley-indifferent {
	content:attr(title);
	/*width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Indifferent");*/
}

.smiley-cry {
	content:attr(title);
	/*width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Cry");*/
}

.smiley-angry {
	content:attr(title);
	/*width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Angry");*/
}

.smiley-tongue {
	content:attr(title);
	/*width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Tongue");*/
}

.smiley-pacman {
	content:attr(title);
	/*width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Pacman");*/
}