/*
 * @package AJAX_Chat
 * @author Sebastian Tschan
 * @copyright (c) Sebastian Tschan
 * @license GNU Affero General Public License
 * @link https://blueimp.net/ajax/
 */


/*
 * Positioning
 */
#ajaxChatContainer {
	width:579px;
	margin-right:10px;
	font-size:14px;
	line-height:20px;
	float:right;
}
#ajaxChatContent #ajaxChatChatList {
	height:192px;
	overflow:auto;
}
#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{

}
#ajaxChatContent #ajaxChatInputFieldContainer #ajaxChatInputField {
	width:95%;
	margin:0 auto;
	display:block;
	border:1px solid #660000;
	background:none;
	color:#FFF;
	padding:0 5px;
}

/*
 * Borders
 */

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


/*
 * Fonts
 */

#ajaxChatContent a {
	text-decoration:none;
}
#ajaxChatContent a:hover {
	text-decoration:underline;
}
#ajaxChatContent #ajaxChatChatList span.dateTime {
	font-size:0.7em;
}
#ajaxChatContent #ajaxChatChatList span.guest {
	font-weight:bold;
}
#ajaxChatContent #ajaxChatChatList span.user {
	font-weight:bold;
}
#ajaxChatContent #ajaxChatChatList span.moderator {
	font-weight:bold;
}
#ajaxChatContent #ajaxChatChatList span.admin {
	font-weight:bold;
}
#ajaxChatContent #ajaxChatChatList span.chatBot {
	font-size:12px;
	font-variant:small-caps;
	font-weight:bold;
	font-style:italic;
}
#ajaxChatContent #ajaxChatList .chatBotMessage {
	font-size:12px;
	font-variant:small-caps;
	font-style:italic;
}
#ajaxChatContent #ajaxChatChatList .chatBotErrorMessage {
	font-size:12px;
	font-variant:small-caps;
	font-style:italic;
}
#ajaxChatContent #ajaxChatChatList .privmsg {
	font-style:italic;
}
#ajaxChatContent #ajaxChatChatList .action {
	font-style:italic;
}
#ajaxChatContent #ajaxChatChatList q {
	font-variant:small-caps;
}
/*
 * Colors
 */

#ajaxChatContent #ajaxChatChatList {
	color:#FFF;
}
#ajaxChatContent .rowEven {

}
#ajaxChatContent .rowOdd {
	background-color:#272727;
}
#ajaxChatContent .guest {
	color:gray;
}
#ajaxChatContent .user {
	color:#FFF;
}
#ajaxChatContent .moderator {
	color:#00AA00;
}
#ajaxChatContent .admin {
	color:#AA0000;
}
#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;
	_background:none;
}
#ajaxChatContent #ajaxChatChatList .deleteSelected {
	border-color:red;
}/*
 * @package AJAX_Chat
 * @author Sebastian Tschan
 * @copyright (c) Sebastian Tschan
 * @license GNU Affero General Public License
 * @link https://blueimp.net/ajax/
 */


/*
 * Positioning
 */
#ajaxChatContainer h2.title > span > a { float:none }
#ajaxChatContainer .title { font-size:16px; }
#ajaxChatContent #ajaxChatChatList {
	height:194px;
	overflow:auto;
	padding-bottom:10px;
}
#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{
	padding:10px 9px 0 0;
	text-align:center;
}
#ajaxChatContent #ajaxChatInputFieldContainer #ajaxChatInputField {
	width:95%;
	display:block;
	border:1px solid #660000;
	background:none;
	color:#FFF;
	height:18px;
}

/*
 * Borders
 */

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


/*
 * Fonts
 */

#ajaxChatContent a {
	text-decoration:none;
}
#ajaxChatContent a:hover {
	text-decoration:underline;
}
#ajaxChatContent #ajaxChatChatList span.dateTime {
	font-size:0.7em;
}
#ajaxChatContent #ajaxChatChatList span.guest {
	font-weight:bold;
}
#ajaxChatContent #ajaxChatChatList span.user {
	font-weight:bold;
}
#ajaxChatContent #ajaxChatChatList span.moderator {
	font-weight:bold;
}
#ajaxChatContent #ajaxChatChatList span.admin {
	font-weight:bold;
}
#ajaxChatContent #ajaxChatChatList span.chatBot {
	font-size:12px;
	font-variant:small-caps;
	font-weight:bold;
	font-style:italic;
}
#ajaxChatContent #ajaxChatList .chatBotMessage {
	font-size:12px;
	font-variant:small-caps;
	font-style:italic;
}
#ajaxChatContent #ajaxChatChatList .chatBotErrorMessage {
	font-size:12px;
	font-variant:small-caps;
	font-style:italic;
}
#ajaxChatContent #ajaxChatChatList .privmsg {
	font-style:italic;
}
#ajaxChatContent #ajaxChatChatList .action {
	font-style:italic;
}
#ajaxChatContent #ajaxChatChatList q {
	font-variant:small-caps;
}
/*
 * Colors
 */

#ajaxChatContent #ajaxChatChatList {
	color:#FFF;
}
#ajaxChatContent .rowEven {

}
#ajaxChatContent .rowOdd {
	background-color:#272727;
}
#ajaxChatContent .guest {
	color:gray;
}
#ajaxChatContent .user {
	color:#FFF;
}
#ajaxChatContent .moderator {
	color:#00AA00;
}
#ajaxChatContent .admin {
	color:#AA0000;
}
#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;
	_background:none;
}
#ajaxChatContent #ajaxChatChatList .deleteSelected {
	border-color:red;
}

#maintable #ajaxChatContainer {
	width:80%;
	font-size:1em;
}
#maintable #ajaxChatContent #ajaxChatChatList {
	height:193px;
	padding:0;
}
#maintable  #ajaxChatContent #ajaxChatInputFieldContainer {
	background:#313131 url(http://gaming.calculatedchaos.com/phpBB3/styles/CCGaming/theme/images/cell.gif) repeat-x scroll left top;
	border-color:#3C3C3C #121212 #131313 #404040;
	border-style:solid;
	border-width:1px;
	padding:5px 0;
}
#maintable  #ajaxChatContent #ajaxChatInputFieldContainer #ajaxChatInputField {
	height:auto;
}