.chat-window {
	font-family: Tahoma,Arial,Georgia,"Trebuchet MS",sans-serif;
	font-size: 11px;
}

.chat-icon {
	background-color: transparent;
	background-image: url(../../images/chat-icons.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	text-indent: -99999px;
	display: block;
	overflow: hidden;
}

.chat-emoticon {
	vertical-align: bottom;
}

.chat-window .titlebar {
	padding: 5px;
	color: #303A00;
	font-weight: bold;
	background-color: #F4F6E7;
}
.chat-window .titlebar .text .chat-icon {
	background-position: -128px -96px;
	vertical-align: bottom;
	float: left;
}
.chat-window-current .titlebar {
	background-color: #BDD357;
}

.chat-window .content {
	padding: 5px;
	background-color: #fff;
}

.chat-window .input textarea {
	padding: 2px;
	margin: 1px;
	overflow-x: hidden;
	overflow-y: auto;
	font-family: inherit;
	font-size: 11px;
}
.chat-window-current .input textarea  {
	border: 2px solid #BDD357;
}

.chat-window .messages {
	color: #000;
	overflow: auto;
	padding-right: 4px;
}

.chat-window .message {
	margin-bottom: 3px;
}

.chat-window .system-message .body {
	font-size: smaller;
	color: #333;
}
.chat-window .system-message .chat-icon {
	background-position: -16px -144px;
	vertical-align: middle;
	display: inline-block;
}
.chat-window .system-message.error .chat-icon {
	background-position: 0px -144px;
}
.chat-window .system-message.error .body {
	color: #ea2227;
}

.chat-window .message .from {
	font-weight: bold;
	color: #333;
}

.chat-window .message .timestamp {
	font-size: smaller;
	color: #787878;
}

.chat-window .connection-status {
	color: #787878;
	padding-top: 2px;
}
.chat-window .connection-status .chat-icon {
	margin-right: 2px;
	vertical-align: middle;
	float: left;
}
.chat-window .connection-status .chat-icon.error,
.chat-window .connection-status .chat-icon.disconnected {
	background-position: 0px -144px;
}
.chat-window .connection-status .chat-icon.connecting,
.chat-window .connection-status .chat-icon.reconnecting {
	background-position: -80px -112px;
}

/* 
 * Maly czat (ze znajomymi)
 */
 
.buddy-chat-window.chat-window {
	position: fixed;
	bottom: 25px;
	right: 0;
	width: 225px;
	border: 1px solid #787878;
	z-index: 1024;
}

.buddy-chat-window.chat-window .titlebar .window-actions {
	float: right;
}

.buddy-chat-window.chat-window .titlebar .window-actions a {
	text-decoration: none;
	color: inherit;
	font-weight: bold;
}
.buddy-chat-window.chat-window .titlebar .window-actions a:hover {
	background-color: #D5E292;
}
.buddy-chat-window.chat-window .titlebar .window-actions a.close-window {
	background-position: -96px -128px;
	float: left;
}
.buddy-chat-window.chat-window .titlebar .window-actions a.toggle-window {
	background-position: -128px -48px;
	float: left;
}

.buddy-chat-window.chat-window .titlebar .text {
	float: left;
	width: 85%;
}

.buddy-chat-window.chat-window .input textarea {
	height: 36px;
	width: 204px;
}

.buddy-chat-window.chat-window .messages {
	height: 200px;
	line-height: 16px;
}

/* 
 * Czat w Centrum Porad
 */
 
.advice-center-chat.chat-window {
	margin: 0;
	padding: 0;
}
.advice-center-chat.chat-window .input {
	padding-top: 10px;
}
.advice-center-chat.chat-window .input textarea {
	height: 50px;
}
.advice-center-chat.chat-window .message {
	margin-bottom: 10px;
}
.advice-center-chat.chat-window .user-message .body {
	margin-left: 20px;
}
.advice-center-chat.chat-window #status .timer-finished {
	color: #ea2227;
}
.advice-center-chat.chat-window #status .closed {
	color: #ea2227;
}
.advice-center-chat.chat-window .titlebar {
	font-weight: normal;
}
.advice-center-chat.chat-window .titlebar .text {
	font-size: 12px;
	font-weight: bold;
}
.advice-center-chat.chat-window .titlebar .user {
	background-color: transparent;
	background-image: url(../../img/ico/hipek_off.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left center;
	padding-left: 13px;
}
.advice-center-chat.chat-window .titlebar .user.user-online {
	background-image: url(../../img/ico/hipek.png);
}
.advice-center-chat.chat-window #status #time {
	background-color: transparent;
	background-image: url(../../images/icons/clock.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left center;
	padding-left: 20px;
}
.advice-center-chat.chat-window #status #time.locked {
	background-image: url(../../images/icons/clock_stop.png);
}
.advice-center-chat.chat-window #status #time.times-up {
	background-image: url(../../images/icons/clock_red.png);
}
.advice-center-chat.chat-window #status #toggle_time {
	color: inherit;
	font-weight: bold;
	padding: 3px;
}
.advice-center-chat.chat-window #status #toggle_time:hover {
	background-color: #D5E292;
}