/*
 * @package AJAX_Chat
 * @author Sebastian Tschan
 * @copyright (c) Sebastian Tschan
 * @license Modified MIT License
 * @link https://blueimp.net/ajax/
 */


/*
 * Positioning
 */
#ajaxChatContent  #ajaxChatChatList div {
	padding-left:5px;
	padding-top:2px;
	padding-right:5px;
	padding-bottom:2px;
}
#ajaxChatContent #ajaxChatChatList img {
	vertical-align:middle;
	margin-bottom:2px;
}
#ajaxChatContent #ajaxChatChatList cite {
	margin-right:5px;
}
#ajaxChatContent #ajaxChatChatList .bbCodeImage {
	vertical-align:top;
	overflow:auto;
	margin:5px;
}
#ajaxChatContent #ajaxChatChatList .delete {
	float:right;
	width:10px;
	height:10px;
	margin-top:5px;
	margin-left:5px;
}
#ajaxChatContent #ajaxChatInputFieldContainer #ajaxChatInputField {
	width:90%;
}
#ajaxChatContent #ajaxChatCopyright {}
#ajaxChatContent #ajaxChatInputFieldContainer.write_forbidden {
	display:none;
}

/*
 * Borders
 */

#ajaxChatContent img {
	border:none;
}
#ajaxChatContent #ajaxChatChatList .deleteSelected {
	border-width:1px;
	border-style:dotted;
}

/*
 * Fonts
 */

#ajaxChatContent {
	font-size:0.9em;
}
#ajaxChatContent a {
	text-decoration:none;
}
#ajaxChatContent a:hover {
	text-decoration:underline;
}
#ajaxChatContent #ajaxChatCopyright {
	font-size:0.8em;
}
#ajaxChatContent #ajaxChatChatList span.dateTime {
	font-size:0.7em;
}
#ajaxChatContent #ajaxChatChatList span.guest {
	font-size:0.9em;
	font-weight:bold;
}
#ajaxChatContent #ajaxChatChatList span.user {
	font-size:0.9em;
	font-weight:bold;
}
#ajaxChatContent #ajaxChatChatList span.customUser {
	font-size:0.9em;
	font-weight:bold;
}
#ajaxChatContent #ajaxChatChatList span.vip {
	font-size:0.9em;
	font-weight:bold;
}
#ajaxChatContent #ajaxChatChatList span.moderator {
	font-size:0.9em;
	font-weight:bold;
}
#ajaxChatContent #ajaxChatChatList span.admin {
	font-size:0.9em;
	font-weight:bold;
}
#ajaxChatContent #ajaxChatChatList span.chatBot {
	font-size:0.9em;
	font-weight:bold;
	font-style:italic;
}
#ajaxChatContent #ajaxChatList .chatBotMessage {
	font-style:italic;
}
#ajaxChatContent #ajaxChatChatList .chatBotErrorMessage {
	font-style:italic;
}
#ajaxChatContent #ajaxChatChatList .privmsg {
	font-style:italic;
}
#ajaxChatContent #ajaxChatChatList .action {
	font-style:italic;
}
#ajaxChatContent #ajaxChatChatList q {
	font-variant:small-caps;
}
#ajaxChatContent #ajaxChatChatList code {
	font-size:1.2em;
}

/*
 * Colors
 */

#ajaxChatContent #ajaxChatChatList {
	color:#000;
}
#ajaxChatContent #ajaxChatChatList {
	background-color:#FFF;
}
#ajaxChatContent .rowEven {
	background-color:#FFF;
}
#ajaxChatContent .rowOdd {
	background-color:#F6F6F6;
}
#ajaxChatContent .guest {
	color:gray;
}
#ajaxChatContent .user {
	color:#000;
}
#ajaxChatContent .customUser {
	color:#915717;
}
#ajaxChatContent .vip {
	color:#915717;
}
#ajaxChatContent .moderator {
	color:#0000FF;
}
#ajaxChatContent .admin {
	color:#FF0000;
}
#ajaxChatContent .chatBot {
	color:#FF6600;
}
#ajaxChatContent #ajaxChatChatList .chatBotErrorMessage {
	color:red;
}
#ajaxChatContent #ajaxChatChatList a {
	color:#1E90FF;
}
#ajaxChatContent #ajaxChatChatList .delete {
	background:url('../img/delete.png') no-repeat right;
}
#ajaxChatContent #ajaxChatChatList .deleteSelected {
	border-color:red;
}

/*
 *Custom
 */
.ShoutCenter {
	border: 1px solid #b8b8b8;
	padding: 3px 3px 3px 6px;
	margin: 8px 4px 2px 2px;	
}
#shout_top {
	float: left;
	margin: 5px 0;
	padding: 0;
	width: 100%;
}

#content #emoticonsContainer a {
	margin-left:1px;
	margin-right:1px;
	z-index:1;
}
#content #emoticonsContainer img {
	vertical-align:middle;
	margin-bottom:2px;
	padding: 2px;
}

.windowshout {
	background: #ffffff linear-gradient(to bottom, #ffffff 0%, #f1f3f5 95%) repeat scroll 0 0;
	border: 1px solid #ddd;
	border-radius: 2px;
	box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
	margin: 12px 0 0;
	overflow: auto;
	padding: 12px 5px;
	line-height: 1.1em;
}

.windowshout span {
	font-size: 1.0em;
	color: #346;
	text-shadow: 1px 1px 0 #fff;
	padding-left:  5px;
	}

#inputFieldContainer textarea {
	width: 80%;
}