@CHARSET "ISO-8859-1";

body {
	font-family: Veradana, Arial;
	background: #FCFAF5;
}

div.chat #messages,div.chat #users,div.chat #controls {
	border: 1px solid #aaa;
	margin: 0;
	background-color: white;
}

div.chat #messages,div.chat #users {
	height: 100%;
	overflow-y: scroll;
	box-shadow:2px 2px 8px #BDB8A4;
	-moz-box-shadow:2px 2px 8px #BDB8A4;
}

div.chat #users
{
	margin-left: 1em;
}
	
div.chat #controls {
	height: auto;
	margin: 1em 0;
	background: none;
	background:url('../img/toolbarBg.png') repeat-x;
	box-shadow:2px 2px 8px #BDB8A4;
	-moz-box-shadow:2px 2px 8px #BDB8A4;
	/*border:1px solid #DCD9CB;*/
	border:1px solid #CCC9BB;
	  
}

div.chat #users {
	float: right;
	width: 200px;
}

div.chat #users h1 {
	margin: 0 0 .1em 0;
	padding: .2em;
	background: #eee;
	font-size: 100%;
	border-bottom: 1px solid #999;
	color: #000;
}

div.chat #users ul {
	list-style: none outside;
	margin: 0;
	padding: 0;
}

div.chat #users li {
	list-style: none outside;
	margin: 0;
	padding: 0.125em 0;
	padding-left: .5em;
}

div.chat #users li.inactive {
	text-decoration: line-through;
}

div.chat .name {
	/*font-family: monospace;*/
	width: 100px;
	/*overflow:hidden;*/
	text-align: right;
	display: block;
	background: #FAFAFA;
	padding: .3em;
	display: inline;
	/*display: inline-block;*/
	padding-right: .5em;
	margin-right: .5em;
}

div.chat .name a {
	text-decoration: none;
	color: inherit;
}

div.chat .message {
	margin:0;
	padding: .3em;
	/*border-bottom: 1px solid #F8F8F8;*/
	clear: both;
}

div.chat .sysmessage {
	padding: .3em;
	/*border-bottom: 1px solid #F8F8F8;*/
	font-variant: small-caps;
	font-size: 90%;
	background: #EEE;
	border-bottom: 1px solid #ddd;
}

div.chat .text {
	font-family: Georgia;
}

div.chat .sysmessage .text {
	font-family: Arial;
	font-style: italic;
	/*font-weight: bold;*/
}

div.chat .alt {
	background-color: #FFFEFD;
}

.p-shadow {
	background: transparent url(shadowAlpha.png) no-repeat scroll right
		bottom !important;
	clear: both;
	float: left;
	margin: 10px 0 0 10px !important;
	width: 90%;
}

input#msg {
	font-size: 120%;
	border-top: 1px solid #BCB9AB;
	border-left: 1px solid #BCB9AB;
	border-bottom: 1px solid #F7F5EC;
	border-right: 1px solid #F7F5EC;
}

div#simplemodal-container
{
	padding: 1em;
	background: #fff url('../img/boxbg.png') repeat-x bottom;
}

div#loginDialog
{
}
	

div#loginError
{
	border: 1px solid #900;
	background: #fee;
	color: #300;
	margin: 1em;
	padding: .5em;
}

.toolbar
{
	background: url('../img/chatToolbar.png') no-repeat;
	width: 32px;
	height: 32px;
}

img.emoticon
{
	width: 19px;
	height: 19px;
	background: url('../img/emoticons.png') no-repeat;
	background-position: -38px 0px;
	vertical-align: text-bottom;
}

div.stalker
{
	position: fixed;
	width: 100%;
	height:32px;
	background: url('../img/scrollTop.png') repeat-x;
}