body 
{
    font-family: Tahoma, Helvetica, Arial, "sans serif", Sans-Serif;
    font-size: 12px;
    text-align: left;
    background-color: #999999;
    padding: 0px;
    margin: 0px;
}

h1
{
    font-size: 28px;
    font-weight: bold;
    color: #8587FB;
}

img
{
    border-width: 0px;
}

ul
{
    list-style-image: url(/appchat/images/bullet.gif);
}

a, a:link, a:visited
{
    color: #330066;
    text-decoration: underline;
}

a:hover, a:active
{
    color: #FF9900;
    text-decoration: underline;
}

#Main
{
    width: 525px;
    height: 475px;
    background-color: #FFFFFF;
}

#ChatContainer
{
    height: 300px;
    width: 525px;
}

#LoginPanel
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1px;
    height: 1px;
    background-color: #FFFFFF;
    z-index: 50;
}

.TextInput, .ChatMessageInput
{
    border: 1px solid #999999;
}

.ButtonInput
{
 	font-family: Arial, Verdana, Helvetica, sans-serif, "sans serif";
	font-weight: bold;
	font-size: 90%;
	color: #009900;
	border-left-width: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-color: #878787;
	text-decoration: none;
	background: #EEEEEE;
	color: #303030;
}

.ShadowContent, .Shadow
{
	position: relative;
	bottom: 3px;
	right: 3px;
}

.Shadow
{ 
	background-color: #BDBDBD;
}

.ShadowContent
{
	background-color: #FFFFFF;
	color: #000000;
	border: 2px solid #9999FF;
	padding: 2px;
}

.MessageWindow
{
	position: absolute;
	z-index: 100;
	width: 355px;
}

.Hidden
{
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 100px;
	z-index: -100;
}

#MessageWindowContent
{
    text-align: left;
}

#HeaderRow
{
    height: 24px;
    width: 525px;
    text-align: left;
    vertical-align: middle;
    padding: 0px 3px 0px 3px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #434343;
    background-color: #9999FF;
    background-image: url(/appchat/images/cell.gif);
    background-repeat: repeat-x;
    background-position: center center;
}

#HeaderRow h1
{
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    color: #FFFFFF;
}

#ChatCell
{
    height: 248px;
    width: 375px;
    text-align: left;
    vertical-align: top;
}

#UsersCell
{
    height: 248px;
    width: 150px;
    text-align: left;
    vertical-align: top;
    border-left: 1px solid #434343;
}

#UsersContainer
{
    height: 229px;
}

#LoadingIndicatorContainer
{
    height: 19px;
    font-size: 9px;
    text-align: right;
    padding-right: 2px;
    padding-bottom: 2px;
}

#SubmitRow
{
    height: 28px;
    width: 525px;
    text-align: left;
    border-top: 1px solid #434343;
    border-bottom: 1px solid #000000;
    vertical-align: middle;
    padding: 0px 2px 0px 2px;
}

#FontSizeAdjust
{
    font-size: 11px;
    border: 1px solid #434343;
    background-color: #FFFFFF;
    padding: 1px;
    margin-right: 3px;
}

#UsersWindow
{
	padding: 0px 0px 0px 0px;
	text-align: left;
	height: 227px;
	overflow: auto;
	font-size: 11px;
}

.ChatMessages
{
	padding: 0px 2px 0px 2px;
	text-align: left;
	height: 248px;
	overflow: auto;
	font-size: 11px;
}

.ChatMessage
{
	padding-left: 20px;
	text-indent:  -20px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.ChatSystemMessage
{
	background-color: #FDF3C9;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px;
}

.UserListing, .UserListingAlt, .UserListingActive
{
    border-bottom: 1px solid #CCCCCC;
    padding: 2px;
    cursor: pointer;
    cursor: hand;
}

.UserListing
{
    background-color: #FFFFFF;
}

.UserListingAlt
{
    background-color: #EEEEEE;
}

.UserListingActive
{
    background-color: #FFFFFF;
    background-image: url(/appchat/images/bevel.gif);
    background-repeat: repeat-x;
    background-position: center center;
}

.ChatMessageInput
{
    width: 425px;
}

.ColorSwatch
{
	position: relative;
	width: 12px;
	height: 12px;
	border: 1px solid #000000;
	margin-right: 1px;
}

.MediumHeader
{
    font-size: 14px;
    font-weight: bold;
    color: #8587FB;
}

.CloseMessageWindow
{
    font-size: 10px;
    position: relative; 
    float: right;
}