<br />
<b>Warning</b>:  Undefined array key "dontDL" in <b>/var/www/vhosts/tarquin-howto/webroot/operaStyles/ChatStyleSample.php</b> on line <b>24</b><br />
@charset "utf-8";
/* CSS style sheet for Instant Messenger */
/* Copyright 2000-2004 Opera Software and Mark Wilton-Jones (modified from Opera's original stylesheet) */

html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	color: black;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}

table {
	border-collapse: collapse;
	width: 100%;
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAABCAIAAADGob6oAAAALHRFWHRDcmVhdGlvbiBUaW1lAFdlZCAzMSBNYXIgMjAwNCAxNzoyMTo0MCAtMDAwMIfj7x0AAAAHdElNRQfUAx8QGSSxhCc5AAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC%2FxhBQAAACxJREFUeNpj%2FA8FDP8ZGIAkA5iEsRHiYB6c%2FR%2FBRpH6j6oMbuB%2FbIYzDIi9AHODdI0nWSafAAAAAElFTkSuQmCC) repeat-y scroll 100% 0;
}

td {
	vertical-align: top;
	padding: 3px 5px;
}

td img {
	vertical-align: middle;
}

.time {
	color: #000;

	/* uncomment one line and comment out the other to change what style you want */

		/* top to bottom fade
	background: #b0c9f2 url(data:image/jpeg;base64,%2F9j%2F4AAQSkZJRgABAQIASABIAAD%2F2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7%2F2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7%2FwAARCAEEAMgDASIAAhEBAxEB%2F8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL%2F8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4%2BTl5ufo6erx8vP09fb3%2BPn6%2F8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL%2F8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3%2BPn6%2F9oADAMBAAIRAxEAPwDRIpCKfikIr9JueKMIpCKfikIp3AiIpCKlIpCKLiIiKMU8ikIp3AZSYp5FIRTuAwikIp%2BKMU7gREUhFS4pCKdwIiKQipSKaRRcCMikIqQikIp3AiIpCKlxSEU7gR44pMVIRTSKdwGEUhFPxSYp3AYRRT8UUXA3CKQipCKQiuS4EeKTFSEUhFFwGEU0ipMUhFO4yPFBFPxSEU7gRkUhFSEUhFO4EWKQipSKQii4iIikxUhFIRTuAzFJinkUhFO4DCKaRUmKTFO4EZFIRUmKQincCMikIqQikIouBERSEVKRSEU7gREUVIRRTuBuEUhFS4pCK47jsREUhFSEUhFO4iPFIRUhFIRTuBGRSYqQikxTuBGRSYqQikIouAwimkVJikIqrjI8UhFSYpCKLgRkUhFSEUhFO4EWKQipCKQincRGRSYqQikIouBHikxUhFIRTuBGRSEVJikxTuBGRRT8UU7gbpFIRUhFJiuO4yMikIqQikIp3AiIpCKlxSEU7gREUmKkIpCKLhYjIpCKkIpCKdxEeKQipCKQincCMikxUhFIRTuBGRSYqTFIRRcZGRSEVJikIqrgRkU3FSkUhFFwIiKQipSKaRTuIjIppFSkUhFO4ERFFSEUUXA3SKTFSEUhFcgyMikIqQimkU7gMIpCKfijFMCMikxUhFJii4yIikIqQikIp3ERkUhFSEUhFO4EZFIRUhFIRRcLEZFIRUhFIRTuIiIpCKlIpCKdwIiKTFSEUhFO4DMUhFPIpCKdwGEU0ipSKbincYwiinkUUXA3CKQipSKQrXJcCIikIqUimkU7gRkUhFSEUhFO4EZFNxUpFNIp3AZikIp%2BKQii4EZFIRUmKMU7gREUmKlIppFFxkZFIRUhFIRTERkUhFSYpMU7gRkUhFSEUhFFwsREUhFSkUhFO4iIikIqQikIp3AjxRTyKKdwOgK00rVgrTStcdxlcikxU5WmladwIStNIqYrTSKdwIiKQipSKQrTuBFikIqQikIp3AjIppFSkUhFO4ERFJipCKQincCPFIRUhFIRRcCMikxUhFGKdwIiKCKeRSEU7jI8UhFSYpCKLiIyKQipCKQincCIiipCKKLhY6MrSEVMVppWuK4EJWmlanK00rTuBAVppWpyKQrVXArlaQrU5WmladwICKQipitNK07gRFaaRUxWmkU7gREUhFSkU0rTuBGRTSKlIpCKdwIiKQipSKaRTuBHikIqTFIRTuBHikIqQikxRcCMikIqQijFO4ERFFPIoouM6grTStTFaQiuC4iArTStWCtNK07gVytNK1YK00rVXAgK00ipytNK07gQlaaVqYrSEU7gQFaaVqcikK1VwK5WmlasFaaVp3AgIpCKmK00rTuBCRSEVKVpCKq4ERFIRUhFIVp3AiIpMVKRSEUXAiIpCKkIpCKdwGYopxFFFwOsK00rU5FNK159wICtIVqcrTStO4EBFIVqYrTStO4EJWmlanK00incCArTStTlaQrVXArlaaVqwVppWncCuRSEVOVppWncCErTStTFaaRVXAhK00rU5FNK07gQFaaVqcrTStO4EJFNK1MVpCtVcCErSEVKVppFO4EZFFPK0UXA68rTStWCtNK15twK5WkIqcrTStO4yArSFamK00rVXEQlaaVqcimladwICtNK1OVppWncCEimlamK0hWncCArTStTlaQincCArTStTlaaVqrgQFaaVqcrTStO4EBFIRUxWmladwIStNK1OVppFVcCArTStWCKaVp3ArlaKmK0U7gdeVpCtS4pCK824yEimlanK00rTuIgK00rU5WkK07jICtNK1OVppWncRAVpCKmK00rTuMhK00rU5WmkVVxEBWmlanK0hWncCArTSKnK00rTuBARSFamK0hWncCArTStTkU0incCArTStWCtNK1VwK5WkK1OVppWncCAiipStFO4HVUUUVwAFJilooAaRSFafRQBEVppWpsUhFO4yErTStTFaQrTuBAVppWpytIVp3EVytNK1YK00rTuBARTStTlaaVqrgQlaaVqYrSEU7gQFaaVqcikK07gQFaaRU5WmladwICKQrUxWmladwIStFSEUU7gdBRRRXIAUUUUAFFFFABRRRQAYpMUtFADStNK1JRigCErSEVNikK07jICtIVqYrTStO4EJWmlanIppWncRAVppWpytIVqrgQEU0rU5WmladwICtNK1OVppFO4EBWipitFO4GrRRRXOAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAYpMUtFADStNK1JRigCErSEVNimladwIStNK1OVppWncZAVppWrBFNK07iK5WipitFO4FuiiiswCiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKAEIpMU6igBhWkK1JSEUARFaKlxRTuMWiiikIKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA%2F9k%3D) no-repeat fixed 0 0;		*/

		/* left to right fade - use your own colour */
	background: #838acd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAABCAYAAABOgffqAAAAK3RFWHRDcmVhdGlvbiBUaW1lAFR1ZSA2IEFwciAyMDA0IDE3OjEwOjQxIC0wMDAw8o2buAAAAAd0SU1FB9QEBhAaECQsREoAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAEZ0FNQQAAsY8L%2FGEFAAAAHUlEQVR42mNkAILr936wASlqYxYgZoViNiQ21cQASPUDrmVSRT4AAAAASUVORK5CYII%3D) repeat-y scroll 100% 0;

}

div.highlight {
	display: table-cell;
	border: 1px dotted #552;
	padding: 1px;
	background-color: #ffffe1;
}

span.highlight {
	border: 1px dotted #552;
	padding: 1px;
	background-color: #ffffe1;
}

.self, .self-action {
	background: #eff2fd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAABCAIAAADrWgR%2BAAAALHRFWHRDcmVhdGlvbiBUaW1lAFdlZCAzMSBNYXIgMjAwNCAxNDo0NTo0OCAtMDAwMOiYp40AAAAHdElNRQfUAx8SJCDfhX%2FwAAAACXBIWXMAABwgAAAcIAHND5ueAAAABGdBTUEAALGPC%2FxhBQAAADpJREFUeNpjvH7vB8MoGAVDFjAygkkwRpAgcUY0cRQuXAEWcYQsihUIlYzY1MMlMV3FiE0x1JiWVa8AiJcFBU1%2F%2BB8AAAAASUVORK5CYII%3D) repeat-y scroll 100% 0;
}

.self {
	color: #009;
	text-align: right;
}

.self-message {
	font-weight: bolder;
}

.sender, .join, .leave, .nick, .operator, .voiced, .disconnect, .action, .whois, .status, .topic, .moderated, .limit, .topic-protection, .password, .secret, .unknown-mode {
	background: #d7def8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAABCAIAAADrWgR%2BAAAALHRFWHRDcmVhdGlvbiBUaW1lAFdlZCAzMSBNYXIgMjAwNCAxNDo0NTo0OCAtMDAwMOiYp40AAAAHdElNRQfUAx8SIziDqHFhAAAACXBIWXMAABwgAAAcIAHND5ueAAAABGdBTUEAALGPC%2FxhBQAAABdJREFUeNpjvH7vB8MoGAWjYIDAosMfAXFUBQV68mS5AAAAAElFTkSuQmCC) repeat-y scroll 100% 0;
}

.sender {
	color: #900;
	text-align: right;
}

.sender-message {
}

.join {
	color: #090;
	text-align: right;
}

.join-message {
	color: #090;
}

.leave {
	color: #090;
	text-align: right;
}

.leave-message {
	color: #090;
}

.nick {
	color: #090;
	text-align: right;
}

.nick-message {
	color: #090;
}

.operator {
	color: #090;
	text-align: right;
}

.operator-message {
	color: #090;
}

.voiced {
	color: #090;
	text-align: right;
}

.voiced-message {
	color: #090;
}

.disconnect {
	color: #090;
	text-align: right;
}

.disconnect-message {
	color: #090;
}

.self-action {
	text-align: right;
}

.self-action-message {
	color: #909;
}

.action {
	text-align: right;
}

.action-message {
	color: #909;
}

.whois {
	width:	6em;
	color: gray;
	text-align: right;
}

.whois-message {
	color: gray;
}

.status {
	width:	6em;
	color: gray;
	text-align: right;
}

.status-message {
	color: gray;
}

.topic {
	width:	6em;
	color: gray;
	text-align: right;
}

.topic-message {
	color: gray;
}

.moderated {
	width:	6em;
	color: gray;
	text-align: right;
}

.moderated-message {
	color: gray;
}

.limit {
	width:	6em;
	color: gray;
	text-align: right;
}

.limit-message {
	color: gray;
}

.topic-protection {
	width:	6em;
	color: gray;
	text-align: right;
}

.topic-protection-message {
	color: gray;
}

.password {
	width:	6em;
	color: gray;
	text-align: right;
}

.password-message {
	color: gray;
}

.secret {
	width:	6em;
	color: gray;
	text-align: right;
}

.secret-message {
	color: gray;
}

.unknown-mode {
	width:	6em;
	color: gray;
	text-align: right;	
}

.unknown-mode-message {
	color: gray;
}

.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");
}

.smiley-pacman {
	width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Pacman");
}

td:first-child + td { white-space: nowrap; }
