@charset "UTF-8";
/* CSS Document */
#chat-user-list{
	padding: 5px;
	max-height: 300px;
	overflow: auto;
}

.user-list ul{
	margin: 0; 
	padding: 0;
	text-decoration: none;
}

.user-list-item{
	background-color:white;
}

.users-online-ext{
	color: darkslategrey;
	font-size: smaller;
	float: right;
	line-height: inherit;
}

#container-chat-windows{
	position:fixed; 
	z-index:99; 
	bottom: 20px; 
	left:180px; 
	max-height: 200px; 
	max-width:1000px;
}

#container-chat-windows li{
	z-index:100; 
	display:none; 
	position:relative; 
	width: 200px; 
	margin-right: 5px; 
	background-color: white; 
	height: 200px; 
	border: thin darkgrey solid; 
	float:left;
	text-decoration: none;
}

#container-chat-windows li a span{
	font-size: smaller; 
	color: darkgrey; 
	position: absolute; 
	top: 3px; 
	left: 3px; 
	padding-bottom: 3px;
}

.chat_text{
	font-size: smaller; 
	color: darkgrey;
}

.chat-message-body{
	position:absolute; 
	bottom: 26px; 
	width:192px; 
	margin: 3px; 
	height: 150px;
	word-wrap: break-word;
	overflow: auto;
}

.chat-input{
	width: 165px;
	height: 22px !important;
	padding: 0px;
	margin: 0px;
}

.link_to_chat_button{
	padding: 0 2px 2px 0;
}

li.offline a{
	color: #999;
}

.input-chat{
	position:absolute;
	bottom:0px; 
	width:100%;
	height: 26px;
	margin: 1px 2px;
}

#online-user-container{
	 z-index:99; 
	 display:inline;
	 width: 150px; 
	 position: fixed; 
	 bottom: 19px; 
	 left: 0px; 
	 background-color:white; 
	 border-top: thin #AAA solid;
	 border-right: thin #AAA solid;
	 border-top-right-radius: 8px;
	 
	 -webkit-box-shadow: -2px 2px 5px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    -2px 2px 5px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         -2px 2px 5px 0px rgba(50, 50, 50, 0.2);
}

#online-user-header{
	padding: 3px;
	height: 20px;
	line-height: 20px;
	background: #D1D1D1;
	background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	border-top-right-radius: 8px;
}

#online-user-header a, #online-user-header a:visited, #online-user-header a:active{
	color: darkslategrey;
	text-decoration: none;
}

#online-user-header a:hover{
	color: white;
	text-decoration: none;
}

#online-user-container a{
	text-decoration: none;
}