add ajaxchat library - needs a lot of integration work to handle decentralisation (e.g. chatroom@website) and zotid w/permissions (e.g. ACL controlled chatrooms); we can also rip out a lot of stuff we don't need.

24 files changed, 2733 insertions, 0 deletions

diff --git a/library/ajaxchat/chat/css/Cobalt.css b/library/ajaxchat/chat/css/Cobalt.css
new file mode 100644
index 000000000..08c4e363b
--- /dev/null
+++ b/library/ajaxchat/chat/css/Cobalt.css
@@ -0,0 +1,122 @@
+/*
+ * @package AJAX_Chat
+ * @author Sebastian Tschan
+ * @author Philip Nicolcev
+ * @copyright (c) Sebastian Tschan
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ * 
+ * Color palette inspired by PunBB style "Cobalt":
+ * http://punbb.org/
+ */
+
+@import url('global.css');
+@import url('fonts.css');
+@import url('print.css');
+
+@media screen,projection,handheld {
+
+	/* Buttons */
+	#content #bbCodeContainer input, #content #logoutButton, #content #submitButton, #loginForm #loginButton {
+		background-color:#1a1a1a;
+		color:#ababab;
+		border: 0;
+	}
+	#content select, #loginForm select, #loginForm input, #content textarea {
+		background-color:#383838;
+		color:#ababab;
+		border: 1px solid #565656;
+	}
+	
+	/* Status Icon */
+	#content #statusIconContainer {
+		background-image: url('../img/loading-sprite.png'); 
+	}
+	#content .statusContainerOff {
+		background-position: 0px 0px;
+	}
+	#content .statusContainerOn {
+		background-position: 0px -22px;
+	}
+	#content .statusContainerAlert {
+		background-position: 0px -44px;
+	}
+	
+	/* Other Theme Elements */
+	#loginContent {
+		background-color:#2A2A2A;
+		color:#D4D4D4;
+	}
+	#loginContent h1 {
+		color:#D4D4D4;
+	}
+	#loginContent a {
+		color:#60A0DC;
+	}
+	#loginContent #loginFormContainer #loginButton {
+		background-color:#424242;
+		color:#D4D4D4;
+	}
+	#loginContent #errorContainer {
+		color:red;
+	}
+	
+	#content {
+		background-color:#2A2A2A;
+		color:#D4D4D4;
+	}
+	#content h1 {
+		color:#D4D4D4;
+	}
+	#content a {
+		color:#60A0DC;
+	}
+	#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #colorCodesContainer {
+		border: 1px solid #565656;
+		background-color:#383838;
+	}
+	#content #bbCodeContainer, #content #emoticonsContainer  {
+		background-color:#383838;
+		padding: 5px;
+	}
+	#content #colorCodesContainer a {
+		border-color:black;
+	}
+	#content #optionsContainer input {
+	    background-color:transparent;
+	}
+	#content .rowEven {
+		background-color:#565656;
+	}
+	#content .rowOdd {
+		background-color:#484848;
+	}
+	#content .guest {
+		color:gray;
+	}
+	#content .user {
+		color:#D4D4D4;
+	}
+	#content .moderator {
+		color:#00AA00;
+	}
+	#content .admin {
+		color:red;
+	}
+	#content .chatBot {
+		color:#60A0DC;
+	}
+	#content #chatList .chatBotErrorMessage {
+		color:red;
+	}
+	#content #chatList a {
+		color:#60A0DC;
+	}
+	#content #chatList .deleteSelected {
+		border-color:red;
+	}
+	#content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3 {
+		background-color:#383838;
+		color:#D4D4D4;
+	}
+}
\ No newline at end of file
diff --git a/library/ajaxchat/chat/css/Core.css b/library/ajaxchat/chat/css/Core.css
new file mode 100644
index 000000000..104fb1b8a
--- /dev/null
+++ b/library/ajaxchat/chat/css/Core.css
@@ -0,0 +1,115 @@
+/*
+ * @package AJAX_Chat
+ * @author Sebastian Tschan
+ * @author Philip Nicolcev
+ * @copyright (c) Sebastian Tschan
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ * 
+ * Color palette inspired by Simple Machines Forum style "SMF Default Theme - Core":
+ * http://www.simplemachines.org/
+ */
+
+@import url('global.css');
+@import url('fonts.css');
+@import url('print.css');
+
+@media screen,projection,handheld {
+
+	/* Buttons */
+	#content #bbCodeContainer input, #content #logoutButton, #content #submitButton, #loginForm #loginButton {
+		background-color:#CDE7FF;
+		color:#333333;
+		border: 1px solid #787878;
+	}
+	#content select, #loginForm select, #loginForm input, #content textarea {
+		color:#333333;
+		border: 1px solid #787878;
+	}
+
+	/* Status Icon */
+	#content #statusIconContainer {
+		background-image: url('../img/loading-sprite.png'); 
+	}
+	#content .statusContainerOff {
+		background-position: 0px 0px;
+	}
+	#content .statusContainerOn {
+		background-position: 0px -22px;
+	}
+	#content .statusContainerAlert {
+		background-position: 0px -44px;
+	}
+	
+	#loginContent {
+		background-color:#E5E5E8;
+		color:#000;
+	}
+	#loginContent h1 {
+		color:#000;
+	}
+	#loginContent a {
+		color:#000;
+	}
+	#loginContent #errorContainer {
+		color:red;
+	}
+	#content {
+		background-color:#E5E5E8;
+		color:#000;
+	}
+	#content h1 {
+		color:#000;
+	}
+	#content a {
+		color:#000;
+	}
+	#content input, #content select, #content textarea {
+		background-color:#FFF;
+		color:#000;
+	}
+	#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #colorCodesContainer, #content #emoticonsContainer {
+		border-color:#ADADAD;
+		background-color:#FFF;
+	}
+	#content #colorCodesContainer a {
+		border-color:black;
+	}
+	#content #optionsContainer input {
+	    background-color:transparent;
+	}
+	#content .rowEven {
+		background-color:#ECEDF3;
+	}
+	#content .rowOdd {
+		background-color:#F6F6F6;
+	}
+	#content .guest {
+		color:gray;
+	}
+	#content .user {
+		color:#000;
+	}
+	#content .moderator {
+		color:#0000FF;
+	}
+	#content .admin {
+		color:#FF0000;
+	}
+	#content .chatBot {
+		color:#476C8E;
+	}
+	#content #chatList .chatBotErrorMessage {
+		color:red;
+	}
+	#content #chatList a {
+		color:#476C8E;
+	}
+	#content #chatList .deleteSelected {
+		border-color:red;
+	}
+	#content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3 {
+		background-color:#88A6C0;
+		color:#FFF;
+	}
+}
\ No newline at end of file
diff --git a/library/ajaxchat/chat/css/Lithium.css b/library/ajaxchat/chat/css/Lithium.css
new file mode 100644
index 000000000..877615838
--- /dev/null
+++ b/library/ajaxchat/chat/css/Lithium.css
@@ -0,0 +1,116 @@
+/*
+ * @package AJAX_Chat
+ * @author Sebastian Tschan
+ * @author Philip Nicolcev
+ * @copyright (c) Sebastian Tschan
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ * 
+ * Color palette inspired by PunBB style "Lithium":
+ * http://punbb.org/
+ */
+
+@import url('global.css');
+@import url('fonts.css');
+@import url('print.css');
+
+@media screen,projection,handheld {
+
+	/* Buttons */
+	#content #bbCodeContainer input, #content #logoutButton, #content #submitButton, #loginForm #loginButton {
+		background-color:#6C8A3F;
+		color: #fff;
+		border: 1px solid #6C8A3F;
+	}
+	#content select, #loginForm select, #loginForm input, #content textarea {
+		color:#333333;
+		border: 1px solid #6C8A3F;
+	}
+	
+	/* Status Icon */
+	#content #statusIconContainer {
+		background-image: url('../img/loading-sprite.png'); 
+	}
+	#content .statusContainerOff {
+		background-position: 0px 0px;
+	}
+	#content .statusContainerOn {
+		background-position: 0px -22px;
+	}
+	#content .statusContainerAlert {
+		background-position: 0px -44px;
+	}
+	
+	/* Other Theme Elements */
+	#loginContent {
+		background-color:#F1F1F1;
+		color:#333333;
+	}
+	#loginContent h1 {
+		color:#333333;
+	}
+	#loginContent a {
+		color:#638137;
+	}
+	#loginContent input, #loginContent select {
+		background-color:#FFF;
+		color:#333333;
+	}
+	#loginContent #errorContainer {
+		color:red;
+	}
+	#content {
+		background-color:#F1F1F1;
+		color:#333333;
+	}
+	#content h1 {
+		color:#333333;
+	}
+	#content a {
+		color:#638137;
+	}
+	#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #colorCodesContainer, #content textarea {
+		border-color:#6C8A3F;
+		background-color:#FFF;
+	}
+	#content #colorCodesContainer a {
+		border-color:black;
+	}
+	#content #optionsContainer input {
+	    background-color:transparent;
+	}
+	#content .rowEven {
+		background-color:#F1F1F1;
+	}
+	#content .rowOdd {
+		background-color:#DEDFDF;
+	}
+	#content .guest {
+		color:gray;
+	}
+	#content .user {
+		color:#000;
+	}
+	#content .moderator {
+		color:#00AA00;
+	}
+	#content .admin {
+		color:red;
+	}
+	#content .chatBot {
+		color:#638137;
+	}
+	#content #chatList .chatBotErrorMessage {
+		color:red;
+	}
+	#content #chatList a {
+		color:#638137;
+	}
+	#content #chatList .deleteSelected {
+		border-color:red;
+	}
+	#content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3 {
+		background-color:#6C8A3F;
+		color:#FFF;
+	}
+}
\ No newline at end of file
diff --git a/library/ajaxchat/chat/css/Mercury.css b/library/ajaxchat/chat/css/Mercury.css
new file mode 100644
index 000000000..f7e12d53f
--- /dev/null
+++ b/library/ajaxchat/chat/css/Mercury.css
@@ -0,0 +1,154 @@
+/*
+ * @package AJAX_Chat
+ * @author Sebastian Tschan
+ * @author Philip Nicolcev
+ * @copyright (c) Sebastian Tschan
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ * 
+ * Color palette inspired by PunBB style "Mercury":
+ * http://punbb.org/
+ */
+
+@import url('global.css');
+@import url('fonts.css');
+@import url('print.css');
+
+@media screen,projection,handheld {
+
+	/* Status Icon */
+	#content #statusIconContainer {
+		background-image: url('../img/loading-sprite.png'); 
+	}
+	#content .statusContainerOff {
+		background-position: 0px 0px;
+	}
+	#content .statusContainerOn {
+		background-position: 0px -22px;
+	}
+	#content .statusContainerAlert {
+		background-position: 0px -44px;
+	}
+
+	#content input, #content select, #content textarea { 
+		border: 1px solid #565656; 
+	}
+	#content textarea { 
+		border-color: #383838; 
+	}
+	#content input { 
+		border-radius: 3px; 
+	}
+	#loginContent {
+		background-color:#2A2A2A;
+		color:#D4D4D4;
+	}
+	#loginContent h1 {
+		color:#D4D4D4;
+	}
+	#loginContent a {
+		color:#F6B620;
+	}
+	#loginContent input, #loginContent select {
+		background-color:#424242;
+		border-color:#565656;
+		color:#D4D4D4;
+	}
+	#loginContent #loginFormContainer #loginButton {
+		background-color:#424242;
+		color:#D4D4D4;
+		border-radius: 3px;
+	}
+	#loginContent #errorContainer {
+		color:red;
+	}
+	
+	#content {
+		background-color:#2A2A2A;
+		color:#D4D4D4;
+	}
+	#content h1 {
+		color:#D4D4D4;
+	}
+	#content a {
+		color:#F6B620;
+	}
+	#content input, #content select, #content textarea {
+		background-color:#383838;
+		color:#D4D4D4;
+	}
+	#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #colorCodesContainer, #content #emoticonsContainer {
+		border: 0;
+		background-color:#383838;
+	}
+	#content #colorCodesContainer {
+		padding: 5px; 
+		box-shadow: 2px 2px 4px #000;
+		border-radius: 3px;
+	}
+	#content #onlineListContainer {
+		background: #383838;
+	}
+	#content #onlineListContainer #onlineList div { 
+		margin: 0 1px 1px 1px;
+		border-radius: 5px;
+		background: #404040;
+	}
+	#content #onlineListContainer #onlineList ul {
+		margin-top: 1px;
+		list-style: none;
+	}
+	#content #emoticonsContainer { 
+		border-radius: 3px; 
+	}
+	#content #bbCodeContainer { 
+		border: 0; padding-left: 0; 
+	}
+	#content #bbCodeContainer input, #content #logoutButton, #content #submitButton {
+		background-color:#383838;
+		color:#D4D4D4;
+	}
+	#content #bbCodeContainer input:hover, #content #logoutButton:hover, #content #submitButton:hover {
+		background-color:#565656;
+	}
+	#content #optionsContainer input.button { 
+		border: 0; 
+	}
+	#content #optionsContainer input {
+	    background-color:transparent;
+	}
+	#content .rowEven {
+		background-color:#505050;
+	}
+	#content .rowOdd {
+		background-color:#484848;
+	}
+	#content .guest {
+		color:gray;
+	}
+	#content .user {
+		color:#D4D4D4;
+	}
+	#content .moderator {
+		color:#00AA00;
+	}
+	#content .admin {
+		color:red;
+	}
+	#content .chatBot {
+		color:#F6B620;
+	}
+	#content #chatList .chatBotErrorMessage {
+		color:red;
+	}
+	#content #chatList a {
+		color:#F6B620;
+	}
+	#content #chatList .deleteSelected {
+		border-color:red;
+	}
+	#content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3 {
+		color:#D4D4D4;
+		height: 15px;
+	}
+}
\ No newline at end of file
diff --git a/library/ajaxchat/chat/css/MyBB.css b/library/ajaxchat/chat/css/MyBB.css
new file mode 100644
index 000000000..9daa19d56
--- /dev/null
+++ b/library/ajaxchat/chat/css/MyBB.css
@@ -0,0 +1,115 @@
+/*
+ * @package AJAX_Chat
+ * @author Sebastian Tschan
+ * @author Philip Nicolcev
+ * @copyright (c) Sebastian Tschan
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ * 
+ * Color palette inspired by MyBB style "MyBB Default":
+ * http://www.mybboard.net/
+ */
+
+@import url('global.css');
+@import url('fonts.css');
+@import url('print.css');
+
+@media screen,projection,handheld {
+	
+	/* Buttons */
+	#content #bbCodeContainer input, #content #logoutButton, #content #submitButton, #loginForm #loginButton {
+		background-color:#02619f;
+		color:#fff;
+		font-weight: bold;
+		border: 0px solid #02619f;
+		border-radius: 5px;
+	}
+	#content select, #loginForm select, #loginForm input, #content textarea {
+		color:#333333;
+		border: 1px solid #02619f;
+		border-radius: 5px;
+	}
+
+	/* Status Icon */
+	#content #statusIconContainer {
+		background-image: url('../img/loading-sprite.png'); 
+	}
+	#content .statusContainerOff {
+		background-position: 0px 0px;
+	}
+	#content .statusContainerOn {
+		background-position: 0px -22px;
+	}
+	#content .statusContainerAlert {
+		background-position: 0px -44px;
+	}
+	#loginContent {
+		background-color:#FFF;
+		color:#000;
+	}
+	#loginContent h1 {
+		color:#000;
+	}
+	#loginContent a {
+		color:#000;
+	}
+	#loginContent #errorContainer {
+		color:red;
+	}
+	#content {
+		background-color:#FFF;
+		color:#000;
+	}
+	#content h1 {
+		color:#000;
+	}
+	#content a {
+		color:#000;
+	}
+	#content input, #content select, #content textarea {
+		background-color:#FFF;
+		color:#000;
+	}
+	#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #colorCodesContainer, #content #emoticonsContainer {
+		border-color:#ADADAD;
+		background-color:#E5E5E8;
+	}
+	#content #colorCodesContainer a {
+		border-color:black;
+	}
+	#content #optionsContainer input {
+	    background-color:transparent;
+	}
+	#content .rowEven, #content .rowOdd {
+		background-color:#EFEFEF;
+		border-bottom: 1px solid #bdccf7;
+	}
+	#content .guest {
+		color:gray;
+	}
+	#content .user {
+		color:#000;
+	}
+	#content .moderator {
+		color:#0000FF;
+	}
+	#content .admin {
+		color:#FF0000;
+	}
+	#content .chatBot {
+		color:#476C8E;
+	}
+	#content #chatList .chatBotErrorMessage {
+		color:red;
+	}
+	#content #chatList a {
+		color:#476C8E;
+	}
+	#content #chatList .deleteSelected {
+		border-color:red;
+	}
+	#content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3 {
+		background-color:#02619f;
+		color:#FFF;
+	}
+}
\ No newline at end of file
diff --git a/library/ajaxchat/chat/css/Oxygen.css b/library/ajaxchat/chat/css/Oxygen.css
new file mode 100644
index 000000000..916317483
--- /dev/null
+++ b/library/ajaxchat/chat/css/Oxygen.css
@@ -0,0 +1,116 @@
+/*
+ * @package AJAX_Chat
+ * @author Sebastian Tschan
+ * @author Philip Nicolcev
+ * @copyright (c) Sebastian Tschan
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ * 
+ * Color palette inspired by PunBB style "Oxygen":
+ * http://punbb.org/
+ */
+
+@import url('global.css');
+@import url('fonts.css');
+@import url('print.css');
+
+@media screen,projection,handheld {
+
+	/* Buttons */
+	#content #bbCodeContainer input, #content #logoutButton, #content #submitButton, #loginForm #loginButton {
+		background-color:#0066B9;
+		color: #fff;
+		border: 1px solid #0066B9;
+	}
+	#content select, #loginForm select, #loginForm input, #content textarea {
+		color:#333333;
+		border: 1px solid #0066B9;
+	}
+	
+	/* Status Icon */
+	#content #statusIconContainer {
+		background-image: url('../img/loading-sprite.png'); 
+	}
+	#content .statusContainerOff {
+		background-position: 0px 0px;
+	}
+	#content .statusContainerOn {
+		background-position: 0px -22px;
+	}
+	#content .statusContainerAlert {
+		background-position: 0px -44px;
+	}
+	
+	/* Other Theme Elements */
+	#loginContent {
+		background-color:#F1F1F1;
+		color:#333333;
+	}
+	#loginContent h1 {
+		color:#333333;
+	}
+	#loginContent a {
+		color:#0066B9;
+	}
+	#loginContent input, #loginContent select {
+		background-color:#FFF;
+		color:#333333;
+	}
+	#loginContent #errorContainer {
+		color:red;
+	}
+	#content {
+		background-color:#F1F1F1;
+		color:#333333;
+	}
+	#content h1 {
+		color:#333333;
+	}
+	#content a {
+		color:#0066B9;
+	}
+	#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #colorCodesContainer, #content textarea {
+		border-color:#0066B9;
+		background-color:#FFF;
+	}
+	#content #colorCodesContainer a {
+		border-color:black;
+	}
+	#content #optionsContainer input {
+	    background-color:transparent;
+	}
+	#content .rowEven {
+		background-color:#F1F1F1;
+	}
+	#content .rowOdd {
+		background-color:#DEDFDF;
+	}
+	#content .guest {
+		color:gray;
+	}
+	#content .user {
+		color:#000;
+	}
+	#content .moderator {
+		color:#00AA00;
+	}
+	#content .admin {
+		color:red;
+	}
+	#content .chatBot {
+		color:#0066B9;
+	}
+	#content #chatList .chatBotErrorMessage {
+		color:red;
+	}
+	#content #chatList a {
+		color:#0066B9;
+	}
+	#content #chatList .deleteSelected {
+		border-color:red;
+	}
+	#content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3 {
+		background-color:#0066B9;
+		color:#FFF;
+	}
+}
\ No newline at end of file
diff --git a/library/ajaxchat/chat/css/Plum.css b/library/ajaxchat/chat/css/Plum.css
new file mode 100644
index 000000000..a1aec9fde
--- /dev/null
+++ b/library/ajaxchat/chat/css/Plum.css
@@ -0,0 +1,112 @@
+/*
+ * @package AJAX_Chat
+ * @author Rosina Ramirez
+ * @copyright (c) Rosina Ramirez
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ */
+
+@import url('global.css');
+@import url('fonts.css');
+@import url('print.css');
+
+@media screen,projection,handheld {
+
+	#content input, select, #content textarea, #loginButton { 
+		border: 0; box-shadow:1px 1px 4px 0px rgba(0,0,0,0.5);
+	}
+	#content textarea { border-color: #383838; }
+	#content input, #loginButton { border-radius: 8px; }
+	#loginContent, #content {
+		background-color:#2A112F;
+		color:#9765A0;
+	}
+	a {
+		color:#DA83A1;
+	}
+	input, select {
+		background:#17081a;
+		border: 1px solid rgba(0,0,0,1);
+		color:#9765A0;
+	}
+	#loginContent #errorContainer {
+		color:red;
+	}
+	h1 {
+		color:#CDA6D2;
+	}
+	
+	#content textarea {
+		background:rgba(0,0,0,0.3);
+		color:#9765A0;
+	}
+	#content #chatList{
+		background: url('plum_images/plum.png') no-repeat bottom right rgba(0,0,0,0.3);
+	}
+	#content #colorCodesContainer {
+		padding: 5px; 
+		box-shadow: 2px 2px 4px #000;
+		border-radius: 3px;
+		background:rgba(225,225,225,0.2)
+	}
+	#content #onlineListContainer, #content #helpContainer, #content #settingsContainer {
+		background: url('plum_images/plum2.png') no-repeat bottom left rgba(0,0,0,0.3);
+	}
+	#content #onlineListContainer #onlineList ul {
+		list-style: none;
+	}
+	#content #emoticonsContainer { border-radius: 3px; }
+	#content #bbCodeContainer { border: 0; padding-left: 0; }
+	#content #statusIconContainer { background-image: url('../img/loading-sprite.png'); }
+	#content .statusContainerOff {
+		background-position: 0px 0px;
+	}
+	#content .statusContainerOn {
+		background-position: 0px -22px;
+	}
+	#content .statusContainerAlert {
+		background-position: 0px -44px;
+	}
+	#content #bbCodeContainer input, #content #logoutButton, #content #submitButton, #loginButton {
+		background-color:#461124;
+		color:#DAABBC;
+	}
+	#content #bbCodeContainer input:hover, #content #logoutButton:hover, #content #submitButton:hover, #loginButton:hover {
+		background-color:#591E33;
+	}
+	#content #optionsContainer input.button { border: 0; }
+	#content #optionsContainer input {
+	    background-color:transparent;
+	}
+	#content .rowEven {
+		background:rgba(0,0,0,0.2);
+	}
+	#content .rowOdd {
+		background:rgba(0,0,0,0.3);
+	}
+	#content .guest {
+		color:gray;
+	}
+	#content .user {
+		color:#CDA6D2;
+	}
+	#content .moderator {
+		color:#00AA00;
+	}
+	#content .admin {
+		color:red;
+	}
+	#content .chatBot {
+		color:#CDA6D2;
+	}
+	#content #chatList .chatBotErrorMessage {
+		color:red;
+	}
+	#content #chatList .deleteSelected {
+		border-color:red;
+	}
+	#content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3 {
+		color:#CDA6D2;
+		height: 15px;
+	}
+}
\ No newline at end of file
diff --git a/library/ajaxchat/chat/css/Sulfur.css b/library/ajaxchat/chat/css/Sulfur.css
new file mode 100644
index 000000000..f7d721ccf
--- /dev/null
+++ b/library/ajaxchat/chat/css/Sulfur.css
@@ -0,0 +1,116 @@
+/*
+ * @package AJAX_Chat
+ * @author Sebastian Tschan
+ * @author Philip Nicolcev
+ * @copyright (c) Sebastian Tschan
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ * 
+ * Color palette inspired by PunBB style "Sulfur":
+ * http://punbb.org/
+ */
+
+@import url('global.css');
+@import url('fonts.css');
+@import url('print.css');
+
+@media screen,projection,handheld {
+
+	/* Buttons */
+	#content #bbCodeContainer input, #content #logoutButton, #content #submitButton, #loginForm #loginButton {
+		background-color:#B84623;
+		color: #fff;
+		border: 1px solid #B84623;
+	}
+	#content select, #loginForm select, #loginForm input, #content textarea {
+		color:#333333;
+		border: 1px solid #B84623;
+	}
+	
+	/* Status Icon */
+	#content #statusIconContainer {
+		background-image: url('../img/loading-sprite.png'); 
+	}
+	#content .statusContainerOff {
+		background-position: 0px 0px;
+	}
+	#content .statusContainerOn {
+		background-position: 0px -22px;
+	}
+	#content .statusContainerAlert {
+		background-position: 0px -44px;
+	}
+	
+	/* Other Theme Elements */
+	#loginContent {
+		background-color:#F1F1F1;
+		color:#333333;
+	}
+	#loginContent h1 {
+		color:#333333;
+	}
+	#loginContent a {
+		color:#B84623;
+	}
+	#loginContent input, #loginContent select {
+		background-color:#FFF;
+		color:#333333;
+	}
+	#loginContent #errorContainer {
+		color:red;
+	}
+	#content {
+		background-color:#F1F1F1;
+		color:#333333;
+	}
+	#content h1 {
+		color:#333333;
+	}
+	#content a {
+		color:#B84623;
+	}
+	#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #colorCodesContainer, #content textarea {
+		border-color:#B84623;
+		background-color:#FFF;
+	}
+	#content #colorCodesContainer a {
+		border-color:black;
+	}
+	#content #optionsContainer input {
+	    background-color:transparent;
+	}
+	#content .rowEven {
+		background-color:#F1F1F1;
+	}
+	#content .rowOdd {
+		background-color:#DEDFDF;
+	}
+	#content .guest {
+		color:gray;
+	}
+	#content .user {
+		color:#000;
+	}
+	#content .moderator {
+		color:#00AA00;
+	}
+	#content .admin {
+		color:red;
+	}
+	#content .chatBot {
+		color:#B84623;
+	}
+	#content #chatList .chatBotErrorMessage {
+		color:red;
+	}
+	#content #chatList a {
+		color:#B84623;
+	}
+	#content #chatList .deleteSelected {
+		border-color:red;
+	}
+	#content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3 {
+		background-color:#B84623;
+		color:#FFF;
+	}
+}
\ No newline at end of file
diff --git a/library/ajaxchat/chat/css/Uranium.css b/library/ajaxchat/chat/css/Uranium.css
new file mode 100644
index 000000000..7ff9b648d
--- /dev/null
+++ b/library/ajaxchat/chat/css/Uranium.css
@@ -0,0 +1,178 @@
+/*
+ * @package AJAX_Chat
+ * @author Rosina Ramirez
+ * @copyright (c) Rosina Ramirez
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ * 
+ */
+
+@import url('global.css');
+@import url('fonts.css');
+@import url('print.css');
+
+@media screen,projection,handheld {
+
+	input, select, textarea, #content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content .rowEven,
+	#content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3, #content #inputFieldContainer, #loginContent input
+	{ border-radius: 5px; -webkit-border-radius:5px;border:0;}
+	#loginContent a {
+		color:#4c9546;
+	}
+	#content #inputFieldContainer{height:46px; background:#0E0E0E;padding:0;}
+	#content #inputFieldContainer #inputField{box-shadow: inset 1px 1px 5px 1px #000; border:0;height: 40px;padding: 3px 0.5%;width: 99%;}
+	#content #inputFieldContainer #inputField:focus{outline:none;box-shadow:0px 0px 8px 1px #376e34;}
+	#loginContent #loginFormContainer #loginButton {
+		background-color:#424242;
+		color:#b0b8a8;
+		border-radius: 3px;
+	}
+	#loginContent #errorContainer {
+		color:red;
+	}
+	
+	#content, #loginContent {
+	background-color: #464646;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#464646), to(#181818));
+	background-image: -webkit-linear-gradient(top, #464646, #181818);
+	background-image:    -moz-linear-gradient(top, #464646, #181818);
+	background-image:      -o-linear-gradient(top, #464646, #181818);
+	background-image:         linear-gradient(to bottom, #464646, #181818);
+	color:#b0b8a8;
+	}
+	h1, h3 {
+		color:#e2e9db;
+		text-shadow: 1px 1px 2px #191919;
+	}
+	#content a {
+		color:#4c9546;
+	}
+	#loginContent input, #loginContent select{background:#171717; color:#b0b8a8;}
+	input, select{padding: 3px;}
+	#content input,#content select,#content textarea {
+		background-color:#0e0e0e;
+		color:#b0b8a8;
+	}
+	#content #colorCodesContainer,#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #inputFieldContainer,
+	#loginContent input[type=text], #loginContent input[type=password]{
+	box-shadow: 0px 0px 8px 1px #495a49; -webkit-box-shadow: 0px 0px 8px 1px #495a49;
+	}
+	#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer {
+		background-color:#171717;
+		border:0;
+	}
+	#content #chatList:after, #content #chatList:before{
+		content:'';
+		display:block;
+		position:absolute;
+		border-radius: 5px;
+	}
+	#content #chatList:before{top:17px;left:0px;width:0px;height:98%;box-shadow: 1px 0px 8px 1px #000;}
+	#content #chatList:after{top:0px;left:17px;width:98%;height:0px;box-shadow: 0px 1px 8px 1px #000;}
+	
+	#content #onlineListContainer #onlineList div { 
+		margin: 0 1px 1px 1px;
+		background: none;
+	}
+	#content #onlineListContainer #onlineList ul {
+		margin-top: 1px;
+		list-style: none;
+	}
+	
+	#content #helplist table, #content  #settingsList table{border-spacing:0;}
+	#content #emoticonsContainer { border-radius: 3px; }
+	#content #bbCodeContainer { border: 0; padding-left: 0; }
+	#content #statusIconContainer { background-image: url('../img/loading-sprite.png'); }
+	#content .statusContainerOff {
+		background-position: 0px 0px;
+	}
+	#content .statusContainerOn {
+		background-position: 0px -22px;
+	}
+	#content .statusContainerAlert {
+		background-position: 0px -44px;
+	}
+	#content #bbCodeContainer input {
+		background-color: #d8ffd6;
+		background-image: -webkit-gradient(linear, left top, left bottom, from(#d8ffd6), to(#467a44));
+		background-image: -webkit-linear-gradient(top, #d8ffd6, #467a44);
+		background-image:    -moz-linear-gradient(top, #d8ffd6, #467a44);
+		background-image:      -o-linear-gradient(top, #d8ffd6, #467a44);
+		background-image:         linear-gradient(to bottom, #d8ffd6, #467a44);
+		color:#1d1d1d;
+	}
+	#content #bbCodeContainer input:hover{
+		background-color: #ffffff;
+		background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#08ff35));
+		background-image: -webkit-linear-gradient(top, #ffffff, #08ff35);
+		background-image:    -moz-linear-gradient(top, #ffffff, #08ff35);
+		background-image:      -o-linear-gradient(top, #ffffff, #08ff35);
+		background-image:         linear-gradient(to bottom, #ffffff, #08ff35);
+	}
+	#content #bbCodeContainer input:active, #content #logoutButton:active, #content #submitButton:active, #loginContent #loginButton:active{box-shadow:0px 0px 8px 1px #38ff56;}
+	#content #logoutButton, #content #submitButton,#loginContent #loginButton{
+		background-color: #4fff58;
+		background-image: -webkit-gradient(linear, left top, left bottom, from(#4fff58), to(#194221));
+		background-image: -webkit-linear-gradient(top, #4fff58, #194221);
+		background-image:    -moz-linear-gradient(top, #4fff58, #194221);
+		background-image:      -o-linear-gradient(top, #4fff58, #194221);
+		background-image:         linear-gradient(to bottom, #4fff58, #194221);
+		font-weight:bold; color:#fff;
+		text-shadow:0px 0px 5px #000;
+	}
+	#content #logoutButton:hover, #content #submitButton:hover, #loginContent #loginButton:hover{
+		background-color: #99ffa8;
+		background-image: -webkit-gradient(linear, left top, left bottom, from(#99ffa8), to(#002405));
+		background-image: -webkit-linear-gradient(top, #99ffa8, #002405);
+		background-image:    -moz-linear-gradient(top, #99ffa8, #002405);
+		background-image:      -o-linear-gradient(top, #99ffa8, #002405);
+		background-image:         linear-gradient(to bottom, #99ffa8, #002405);
+	}
+
+	#content #colorCodesContainer{
+		border:0;
+		background:rgba(0,0,0,0.7);
+		padding:7px;
+	}
+	#content #colorCodesContainer a{border-radius:10px; box-shadow:0px 0px 3px 1px rgba(255,255,255,0.3); margin:0 5px;border:0;}
+	#content #optionsContainer input.button { border: 0; padding: 0; margin-right: 5px;}
+	#content #optionsContainer input {
+	    background-color:transparent;
+	}
+	#content .rowEven {
+		background-color:#131413;
+	}
+	#content .guest {
+		color:gray;
+	}
+	#content .user {
+		color:#b0b8a8;
+	}
+	#content .moderator {
+		color:#00AA00;
+	}
+	#content .admin {
+		color:red;
+	}
+	#content .chatBot {
+		color:#4c9546;
+	}
+	#content #chatList .chatBotErrorMessage {
+		color:red;
+	}
+	#content #chatList a {
+		color:#4c9546;
+	}
+	#content #chatList .deleteSelected {
+		border-color:red;
+	}
+	#content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3 {
+	background-color: #171717;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#3b6c37), to(#171717));
+	background-image: -webkit-linear-gradient(top, #3b6c37, #223220, #171717);
+	background-image:    -moz-linear-gradient(top, #3b6c37, #223220, #171717);
+	background-image:      -o-linear-gradient(top, #3b6c37, #223220, #171717);
+	background-image:         linear-gradient(to bottom, #3b6c37, #223220, #171717);
+	}
+
+}
\ No newline at end of file
diff --git a/library/ajaxchat/chat/css/beige.css b/library/ajaxchat/chat/css/beige.css
new file mode 100644
index 000000000..7c30bbe6d
--- /dev/null
+++ b/library/ajaxchat/chat/css/beige.css
@@ -0,0 +1,114 @@
+/*
+ * @package AJAX_Chat
+ * @author Sebastian Tschan
+ * @author Philip Nicolcev
+ * @copyright (c) Sebastian Tschan
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ */
+
+@import url('global.css');
+@import url('fonts.css');
+@import url('print.css');
+
+@media screen,projection,handheld {
+
+	/* Buttons */
+	#content #bbCodeContainer input, #content #logoutButton, #content #submitButton, #loginForm #loginButton {
+		background-color:#d9ce72;
+		color:#333333;
+		border: 1px solid #c8b360;
+		background-image: linear-gradient(to bottom, #d9ce72, #e1d995);
+	}
+	#content select, #loginForm select, #loginForm input, #content textarea {
+		color:#333333;
+		border: 1px solid #c8b360;
+	}
+	
+	/* Status Icon */
+	#content #statusIconContainer {
+		background-image: url('../img/loading-sprite.png'); 
+	}
+	#content .statusContainerOff {
+		background-position: 0px 0px;
+	}
+	#content .statusContainerOn {
+		background-position: 0px -22px;
+	}
+	#content .statusContainerAlert {
+		background-position: 0px -44px;
+	}
+	
+	/* Other Theme Elements */
+	#loginContent {
+		background-color:#F7F5DC;
+		color:#000;
+	}
+	#loginContent h1 {
+		color:#000;
+	}
+	#loginContent a {
+		color:#000;
+	}
+	#loginContent input, #loginContent select {
+		background-color:#FFF;
+		color:#000;
+	}
+	#loginContent #errorContainer {
+		color:red;
+	}
+	#content {
+		background-color:#eee9be;
+		color:#000;
+	}
+	#content h1 {
+		color:#000;
+	}
+	#content a {
+		color:#000;
+	}
+	#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #colorCodesContainer, #content textarea {
+		border-color:gray;
+		background-color:#FFF;
+	}
+	#content #colorCodesContainer a {
+		border-color:black;
+	}
+	#content #optionsContainer input {
+	    background-color:transparent;
+	}
+	#content .rowEven {
+		background-color:#FFFFF0;
+	}
+	#content .rowOdd {
+		background-color:#F7F5DC;
+	}
+	#content .guest {
+		color:gray;
+	}
+	#content .user {
+		color:#000;
+	}
+	#content .moderator {
+		color:#00AA00;
+	}
+	#content .admin {
+		color:red;
+	}
+	#content .chatBot {
+		color:#FF6600;
+	}
+	#content #chatList .chatBotErrorMessage {
+		color:red;
+	}
+	#content #chatList a {
+		color:#1E90FF;
+	}
+	#content #chatList .deleteSelected {
+		border-color:red;
+	}
+	#content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3 {
+		background-color:#FFFFF0;
+		color:#000;
+	}
+}
\ No newline at end of file
diff --git a/library/ajaxchat/chat/css/black.css b/library/ajaxchat/chat/css/black.css
new file mode 100644
index 000000000..292b5d10c
--- /dev/null
+++ b/library/ajaxchat/chat/css/black.css
@@ -0,0 +1,115 @@
+/*
+ * @package AJAX_Chat
+ * @author Sebastian Tschan
+ * @author Philip Nicolcev
+ * @copyright (c) Sebastian Tschan
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ */
+
+@import url('global.css');
+@import url('fonts.css');
+@import url('print.css');
+
+@media screen,projection,handheld {
+
+	/* Buttons */
+	#content #bbCodeContainer input, #content #logoutButton, #content #submitButton, #loginForm #loginButton {
+		background-color:#000;
+		color:#f0f0f0;
+		border: 1px solid #808080;
+		background-image: linear-gradient(to bottom, #222, #000);
+	}
+	#content select, #loginForm select, #loginForm input, #content textarea {
+		background-color:#000;
+		color:#fafafa;
+		border: 1px solid #808080;
+	}
+	
+	/* Status Icon */
+	#content #statusIconContainer {
+		background-image: url('../img/loading-sprite.png'); 
+	}
+	#content .statusContainerOff {
+		background-position: 0px 0px;
+	}
+	#content .statusContainerOn {
+		background-position: 0px -22px;
+	}
+	#content .statusContainerAlert {
+		background-position: 0px -44px;
+	}
+	
+	/* Other Theme Elements */
+	#loginContent {
+		background-color:#000;
+		color:#FFF;
+	}
+	#loginContent h1 {
+		color:#FFF;
+	}
+	#loginContent a {
+		color:#FFF;
+	}
+	#loginContent input, #loginContent select {
+		background-color:#212121;
+		color:#FFF;
+	}
+	#loginContent #errorContainer {
+		color:red;
+	}
+	#content {
+		background-color:#000;
+		color:#FFF;
+	}
+	#content h1 {
+		color:#FFF;
+	}
+	#content a {
+		color:#FFF;
+	}
+	#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #colorCodesContainer, #content textarea {
+		border-color:gray;
+		background-color:#000;
+	}
+	#content #colorCodesContainer a {
+		border-color:black;
+	}
+	#content #optionsContainer input {
+	    background-color:transparent;
+	}
+	#content .rowEven {
+		background-color:#212121;
+	}
+	#content .rowOdd {
+		background-color:#000;
+	}
+	#content .guest {
+		color:gray;
+	}
+	#content .user {
+		color:#FFF;
+	}
+	#content .moderator {
+		color:#00AA00;
+	}
+	#content .admin {
+		color:red;
+	}
+	#content .chatBot {
+		color:#FF6600;
+	}
+	#content #chatList .chatBotErrorMessage {
+		color:red;
+	}
+	#content #chatList a {
+		color:#1E90FF;
+	}
+	#content #chatList .deleteSelected {
+		border-color:red;
+	}
+	#content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3 {
+		background-color:#212121;
+		color:#FFF;
+	}
+}
\ No newline at end of file
diff --git a/library/ajaxchat/chat/css/fonts.css b/library/ajaxchat/chat/css/fonts.css
new file mode 100644
index 000000000..e12f628cc
--- /dev/null
+++ b/library/ajaxchat/chat/css/fonts.css
@@ -0,0 +1,100 @@
+/*
+ * @package AJAX_Chat
+ * @author Sebastian Tschan
+ * @copyright (c) Sebastian Tschan
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ */
+
+/* Fonts */
+#loginContent {
+	font-family:Verdana, Arial, Helvetica, sans-serif;
+	font-size:0.8em;
+}
+#loginContent h1 {
+	font-size:1.3em;
+	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
+	font-weight:bold;
+}
+#loginContent a {
+	text-decoration:none;
+}
+#loginContent a:hover {
+	text-decoration:underline;
+}
+#loginContent #loginRegisteredUsers {
+    font-size:0.8em;
+}
+#loginContent #copyright {
+	font-size:0.8em;
+}
+#content {
+	font-family:Verdana, Arial, Helvetica, sans-serif;
+	font-size:0.8em;
+}
+#content h1 {
+	font-size:1.3em;
+	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
+	font-weight:bold;
+}
+#content h3 {
+	font-size:1.0em;
+}
+#content a {
+	text-decoration:none;
+}
+#content a:hover {
+	text-decoration:underline;
+}
+#content #copyright {
+	font-size:0.8em;
+}
+#content #chatList span.dateTime {
+	font-size:0.7em;
+}
+#content #chatList span.guest {
+	font-weight:bold;
+}
+#content #chatList span.user {
+	font-weight:bold;
+}
+#content #chatList span.moderator {
+	font-weight:bold;
+}
+#content #chatList span.admin {
+	font-weight:bold;
+}
+#content #chatList span.chatBot {
+	font-weight:bold;
+	font-style:italic;
+}
+#content #chatList .chatBotMessage {
+	font-style:italic;
+}
+#content #chatList .chatBotErrorMessage {
+	font-style:italic;
+}
+#content #chatList .privmsg {
+	font-style:italic;
+}
+#content #chatList .action {
+	font-style:italic;
+}
+#content #chatList q {
+	font-variant:small-caps;
+}
+#content #chatList code {
+    font-size:1.2em;
+}
+#content #onlineListContainer #onlineList div {
+	font-size:0.9em;
+}
+#content #helpContainer #helpList td {
+	font-size:0.9em;
+}
+#content #helpContainer #helpList td.code {
+	font-style:italic;
+}
+#content #settingsContainer #settingsList td {
+	font-size:0.9em;
+}
\ No newline at end of file
diff --git a/library/ajaxchat/chat/css/global.css b/library/ajaxchat/chat/css/global.css
new file mode 100644
index 000000000..eff916fc9
--- /dev/null
+++ b/library/ajaxchat/chat/css/global.css
@@ -0,0 +1,278 @@
+/*
+ * @package AJAX_Chat
+ * @author Sebastian Tschan
+ * @author Philip Nicolcev
+ * @copyright (c) Sebastian Tschan
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ */
+
+/* Positioning */
+#loginContent {
+	position:absolute;
+	width:100%;
+	height:100%;
+}
+#loginContent #loginHeadlineContainer {
+	margin: 100px 100px 0 100px;
+}
+#loginContent #loginFormContainer, #loginContent #errorContainer {
+	margin: 0 100px;
+}
+#loginContent #loginFormContainer div {
+	margin-bottom:7px;
+}
+#loginContent #loginRegisteredUsers {
+    padding-top:5px;
+}
+#loginContent #copyright {
+	margin: 20px 100px 0 100px;
+}
+#content {
+	position:absolute;
+	width:100%;
+	height:100%;
+}
+#content #copyright {
+	position:absolute;
+	right:20px;
+	top:20px;
+}
+#content #headlineContainer {
+	position:absolute;
+	left:20px;
+	top:5px;
+}
+#content #logoutChannelContainer {
+	position:absolute;
+	left:20px;
+	top:50px;
+}
+#content #logoutChannelContainer select{
+	width: 105px;
+	height: 22px;
+}
+#content #statusIconContainer {
+	position:absolute;
+	right:20px;
+	top:50px;
+	width: 22px;
+	height: 22px;
+}
+#content #chatList {
+	position:absolute;
+	left:20px;
+	right:230px;
+	top:85px;
+	bottom:150px;
+	overflow:auto;
+}
+#content #inputFieldContainer {
+	position:absolute;
+	left:20px;
+	right:20px;
+	bottom:95px;
+	padding-right:4px;
+}
+#content #submitButtonContainer {
+	position:absolute;
+	right:20px;
+	bottom:60px;
+}
+#content #onlineListContainer {
+	position:absolute;
+	right:20px;
+	top:85px;
+	width:200px;
+	bottom:150px;
+}
+#content #helpContainer {
+	position:absolute;
+	right:20px;
+	top:85px;
+	width:360px;
+	bottom:150px;
+}
+#content #settingsContainer {
+	position:absolute;
+	right:20px;
+	top:85px;
+	width:360px;
+	bottom:150px;
+}
+#content #bbCodeContainer {
+	position:absolute;
+	left:20px;
+	bottom:20px;
+	padding:3px;
+}
+#content #colorCodesContainer {
+	position:absolute;
+	left:20px;
+	bottom:55px;
+	padding:3px;
+	z-index:1;
+}
+#content #emoticonsContainer {
+	position:absolute;
+	left:20px;
+	bottom:57px;
+	padding:3px;
+}
+#content #optionsContainer {
+	position:absolute;
+	right:20px;
+	bottom:20px;
+	padding:3px;
+	padding-right:0px;
+}
+#content #bbCodeContainer input, #content #logoutButton, #content #submitButton, #loginContent #loginButton {
+	padding: 4px 10px;
+}
+#content #colorCodesContainer a {
+	display:block;
+	float:left;
+	width:20px;
+	height:20px;
+}
+#content #optionsContainer input {
+    vertical-align:middle;
+}
+#content #optionsContainer input.button {
+    width:22px;
+	height:22px;
+}
+#content #emoticonsContainer a {
+	margin-left:1px;
+	margin-right:1px;
+}
+#content #emoticonsContainer img {
+	vertical-align:middle;
+	margin-bottom:2px;
+}
+#content #headlineContainer h1 {
+	margin-left:auto;
+	margin-top:12px;
+}
+#content #chatList div {
+	padding: 2px 10px;
+}
+#content #chatList img {
+	vertical-align:middle;
+	margin-bottom:2px;
+}
+#content #chatList cite {
+	margin-right:5px;
+}
+#content #chatList .bbCodeImage {
+	vertical-align:top;
+	overflow:auto;
+	margin:5px;
+}
+#content #chatList .delete {
+	display:block;
+	float:right;
+	width:10px;
+	height:10px;
+	margin-top:2px;
+	padding-left:5px;
+	background:url('../img/delete.png') no-repeat right;
+}
+#content #inputFieldContainer #inputField {
+	width:100%;
+	height:40px;
+}
+#content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3 {
+	height:30px;
+	padding: 4px 10px;
+	margin:0px;
+	text-align:center;
+}
+#content #onlineListContainer #onlineList, #content #helpContainer #helpList, #content #settingsContainer #settingsList {
+	position:absolute;
+	left:0px;
+	right:0px;
+	top:25px;
+	bottom:0px;
+	overflow:auto;
+}
+#content #onlineListContainer #onlineList div {
+	padding: 2px 10px;
+}
+#content #onlineListContainer #onlineList a {
+	display:block;
+}
+#content #onlineListContainer #onlineList ul {
+	margin: 5px 0;
+	padding-left:20px;
+}
+#content #helpContainer #helpList td, #content #settingsContainer #settingsList td {
+	padding: 4px 10px;
+	vertical-align:top;
+}
+#content #settingsContainer #settingsList td {
+	vertical-align:middle;
+}
+#content #settingsContainer #settingsList td.setting {
+	width:115px;
+}
+#content #settingsContainer #settingsList input.text {
+	width:100px;
+}
+#content #settingsContainer #settingsList select.left {
+	text-align:right;
+}
+#content #settingsContainer #settingsList input.button {
+    width:22px;
+	height:22px;
+	vertical-align:middle;
+	margin-bottom:2px;
+}
+
+/* Buttons */
+#content #optionsContainer #helpButton {
+	background:url('../img/help.png') no-repeat;
+}
+#content #optionsContainer #settingsButton {
+	background:url('../img/settings.png') no-repeat;
+}
+#content #optionsContainer #onlineListButton {
+	background:url('../img/users.png') no-repeat;
+}
+#content #optionsContainer #audioButton {
+	background:url('../img/audio.png') no-repeat 0px 0px;
+}
+#content #optionsContainer #audioButton.off {
+	background-position: 0px 100%;
+}
+#content #optionsContainer #autoScrollButton {
+	background:url('../img/autoscroll.png') no-repeat 0px 0px;
+}
+#content #optionsContainer #autoScrollButton.off {
+	background-position: 0px 100%;
+}
+#content #settingsContainer #settingsList input.playback {
+	background:url('../img/playback.png') no-repeat;
+}
+
+/* Borders */
+#content img {
+	border:none;
+}
+#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #colorCodesContainer, 
+#content #colorCodesContainer a, #content textarea {
+	border-width:1px;
+	border-style:solid;
+}
+#content #chatList .deleteSelected {
+	border-width:1px;
+	border-style:dotted;
+}
+#content #helpContainer #helpList table, #content #settingsContainer #settingsList table {
+	border-collapse:collapse;
+}
+
+/* Misc */
+#content #bbCodeContainer input, #content #optionsContainer input.button, #content #settingsContainer #settingsList input.button, #content #logoutButton, #content #submitButton, #loginContent #loginButton {
+	cursor:pointer;
+}
\ No newline at end of file
diff --git a/library/ajaxchat/chat/css/grey.css b/library/ajaxchat/chat/css/grey.css
new file mode 100644
index 000000000..36d55d6a4
--- /dev/null
+++ b/library/ajaxchat/chat/css/grey.css
@@ -0,0 +1,115 @@
+/*
+ * @package AJAX_Chat
+ * @author Sebastian Tschan
+ * @author Philip Nicolcev
+ * @author Philip Nicolcev
+ * @copyright (c) Sebastian Tschan
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ */
+
+@import url('global.css');
+@import url('fonts.css');
+@import url('print.css');
+
+@media screen,projection,handheld {
+
+	/* Buttons */
+	#content #bbCodeContainer input, #content #logoutButton, #content #submitButton, #loginForm #loginButton {
+		background-color:#8a8a8a;
+		color:#fff;
+		border: 1px solid #808080;
+		background-image: linear-gradient(to bottom, #8a8a8a, #444);
+	}
+	#content select, #loginForm select, #loginForm input, #content textarea {
+		color:#333333;
+		border: 1px solid #808080;
+	}
+	
+	/* Status Icon */
+	#content #statusIconContainer {
+		background-image: url('../img/loading-sprite.png'); 
+	}
+	#content .statusContainerOff {
+		background-position: 0px 0px;
+	}
+	#content .statusContainerOn {
+		background-position: 0px -22px;
+	}
+	#content .statusContainerAlert {
+		background-position: 0px -44px;
+	}
+	
+	/* Other Theme Elements */
+	#loginContent {
+		background-color:#F6F6F6;
+		color:#000;
+	}
+	#loginContent h1 {
+		color:#000;
+	}
+	#loginContent a {
+		color:#000;
+	}
+	#loginContent input, #loginContent select {
+		background-color:#FFF;
+		color:#000;
+	}
+	#loginContent #errorContainer {
+		color:red;
+	}
+	#content {
+		background-color:#d0d0d0;
+		color:#000;
+	}
+	#content h1 {
+		color:#000;
+	}
+	#content a {
+		color:#000;
+	}
+	#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #colorCodesContainer, #content textarea {
+		border-color:gray;
+		background-color:#FFF;
+	}
+	#content #colorCodesContainer a {
+		border-color:black;
+	}
+	#content #optionsContainer input {
+	    background-color:transparent;
+	}
+	#content .rowEven {
+		background-color:#FFF;
+	}
+	#content .rowOdd {
+		background-color:#F6F6F6;
+	}
+	#content .guest {
+		color:gray;
+	}
+	#content .user {
+		color:#000;
+	}
+	#content .moderator {
+		color:#00AA00;
+	}
+	#content .admin {
+		color:red;
+	}
+	#content .chatBot {
+		color:#FF6600;
+	}
+	#content #chatList .chatBotErrorMessage {
+		color:red;
+	}
+	#content #chatList a {
+		color:#1E90FF;
+	}
+	#content #chatList .deleteSelected {
+		border-color:red;
+	}
+	#content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3 {
+		background-color:#FFF;
+		color:#000;
+	}
+}
\ No newline at end of file
diff --git a/library/ajaxchat/chat/css/ie5-6.css b/library/ajaxchat/chat/css/ie5-6.css
new file mode 100644
index 000000000..c6ddda3b6
--- /dev/null
+++ b/library/ajaxchat/chat/css/ie5-6.css
@@ -0,0 +1,70 @@
+/*
+ * @package AJAX_Chat
+ * @author Sebastian Tschan
+ * @copyright (c) Sebastian Tschan
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ */
+
+
+/*
+ * Positioning adjustments for IE versions < 7
+ */
+
+body {
+	width:100%;
+	height:100%;
+}
+#content #chatList {
+	position:static;
+	margin-right:230px;
+	margin-left:20px;
+	margin-top:85px;
+	height:360px;
+}
+#content #onlineListContainer {
+	height:360px;
+}
+#content #helpContainer {
+	height:360px;
+}
+#content #settingsContainer {
+	height:360px;
+}
+#content #inputFieldContainer {
+	top:460px;
+	padding:0px;
+}
+#content #submitButtonContainer {
+	top:517px;
+}
+#content #bbCodeContainer {
+	top:550px;
+}
+#content #colorCodesContainer {
+	top:516px;
+}
+#content #emoticonsContainer {
+	top:517px;
+}
+#content #optionsContainer {
+	top:555px;
+}
+#content #inputFieldContainer #inputField {
+	width:94%;
+}
+#content #onlineListContainer #onlineList {
+	width:100%;
+	height:335px;
+	overflow:auto;
+}
+#content #helpContainer #helpList {
+	width:100%;
+	height:335px;
+	overflow:auto;
+}
+#content #settingsContainer #settingsList {
+	width:100%;
+	height:335px;
+	overflow:auto;
+}
\ No newline at end of file
diff --git a/library/ajaxchat/chat/css/index.html b/library/ajaxchat/chat/css/index.html
new file mode 100644
index 000000000..e69de29bb
--- /dev/null
+++ b/library/ajaxchat/chat/css/index.html
diff --git a/library/ajaxchat/chat/css/plum_images/plum.png b/library/ajaxchat/chat/css/plum_images/plum.png
new file mode 100644
index 000000000..bd9f6ae6a
--- /dev/null
+++ b/library/ajaxchat/chat/css/plum_images/plum.png
diff --git a/library/ajaxchat/chat/css/plum_images/plum2.png b/library/ajaxchat/chat/css/plum_images/plum2.png
new file mode 100644
index 000000000..b6c3b9011
--- /dev/null
+++ b/library/ajaxchat/chat/css/plum_images/plum2.png
diff --git a/library/ajaxchat/chat/css/print.css b/library/ajaxchat/chat/css/print.css
new file mode 100644
index 000000000..a37857df6
--- /dev/null
+++ b/library/ajaxchat/chat/css/print.css
@@ -0,0 +1,114 @@
+/*
+ * @package AJAX_Chat
+ * @author Sebastian Tschan
+ * @copyright (c) Sebastian Tschan
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ */
+
+
+/*
+ * Print layout
+ */
+
+@media print {
+
+	#content {
+		position:static;
+	}
+	#content #copyright {
+		display:none;
+	}
+	#content #headlineContainer {
+		display:none;
+	}
+	#content #logoutChannelContainer {
+		display:none;
+	}
+	#content #statusIconContainer {
+		display:none;
+	}
+	#content #chatList {
+		position:static;
+		overflow:visible;
+	}
+	#content #inputFieldContainer {
+		display:none;
+	}
+	#content #submitButtonContainer {
+		display:none;
+	}
+	#content #onlineListContainer {
+		display:none;
+	}
+	#content #helpContainer {
+		display:none;
+	}
+	#content #settingsContainer {
+		display:none;
+	}
+	#content #bbCodeContainer {
+		display:none;
+	}
+	#content #colorCodesContainer {
+		display:none;
+	}
+	#content #emoticonsContainer {
+		display:none;
+	}
+	#content #optionsContainer {
+		display:none;
+	}
+	#content #chatList div {
+		padding-bottom:5px;
+	}
+	#content #chatList img {
+		vertical-align:middle;
+		margin-bottom:2px;
+	}
+	#content #chatList cite {
+		margin-right:5px;
+	}
+	#content #chatList .delete {
+	    display:none;
+	}
+	
+	#content #chatList {
+		border:none;
+	}
+	
+	#content {
+		font-family:'times new roman', times, serif;
+		font-size:1.0em;
+		text-align:justify;
+	}
+	#content #chatList code {
+		font-size:0.8em;
+	}
+	
+	#content {
+		color:#000;
+	}
+	#content .guest {
+		color:gray;
+	}
+	#content .user {
+		color:#000;
+	}
+	#content .moderator {
+		color:#00AA00;
+	}
+	#content .admin {
+		color:red;
+	}
+	#content .chatBot {
+		color:#FF6600;
+	}
+	#content #chatList .chatBotErrorMessage {
+		color:red;
+	}
+	#content #chatList a {
+		color:#1E90FF;
+	}
+
+}
\ No newline at end of file
diff --git a/library/ajaxchat/chat/css/prosilver.css b/library/ajaxchat/chat/css/prosilver.css
new file mode 100644
index 000000000..867c30d2d
--- /dev/null
+++ b/library/ajaxchat/chat/css/prosilver.css
@@ -0,0 +1,154 @@
+/*
+ * @package AJAX_Chat
+ * @author Sebastian Tschan
+ * @author Philip Nicolcev
+ * @copyright (c) Sebastian Tschan
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ * 
+ * Color palette inspired by phpBB style "prosilver":
+ * http://www.phpbb.com/
+ */
+
+@import url('global.css');
+@import url('fonts.css');
+@import url('print.css');
+
+@media screen,projection,handheld {
+
+	/* Firefox button padding fix */
+	#content #bbCodeContainer input::-moz-focus-inner, #content #logoutButton::-moz-focus-inner, #content #submitButton::-moz-focus-inner {
+		border:0;
+		padding:0;
+	}
+	
+	/* Buttons */
+	#content #bbCodeContainer input, #content #logoutButton, #content #submitButton, #loginForm #loginButton {
+		background-color:#F7F5F1;
+		color:#333333;
+		border: 1px solid #8a8a8a;
+		background-image: linear-gradient(to bottom, #fafafa, #cdcdcd);
+		background-image: -webkit-linear-gradient(top, #fafafa, #cdcdcd);
+	}
+	#content select, #loginForm select, #loginForm input, #content textarea {
+		background-color:#FFF;
+		color:#333333;
+		border: 1px solid #ababab;
+	}
+	
+	/* Status Icon */
+	#content #statusIconContainer {
+		background-image: url('../img/loading-sprite.png'); 
+	}
+	#content .statusContainerOff {
+		background-position: 0px 0px;
+	}
+	#content .statusContainerOn {
+		background-position: 0px -22px;
+	}
+	#content .statusContainerAlert {
+		background-position: 0px -44px;
+	}
+	
+	/* Headers */
+	#loginContent h1 {
+		color:#333333;
+	}
+	#content #headlineContainer h1 { 
+		color: white;
+		margin-left: 20px;
+	}
+	#content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3 {
+		background-color:#0c95d9;
+		color:#fff;
+		height: 25px;
+	}
+	
+	/* Other Theme Elements */
+	#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #colorCodesContainer {
+		border-color: #ababab;
+	}
+	#content #chatList .deleteSelected {
+		border-width:1px;
+		border-style:dotted;
+	}
+	#content #helpContainer #helpList table, #content #settingsContainer #settingsList table {
+		border-collapse:collapse;
+	}
+	#loginContent {
+		background-color:#F9F9F9;
+		color:#28313F;
+	}
+	#loginContent a {
+		color:#333333;
+	}
+	#loginContent input, #loginContent select {
+		background-color:#FFF;
+		color:#333333;
+	}
+	#loginContent #loginFormContainer #loginButton {
+		background-color:#F7F5F1;
+		color:#333333;
+	}
+	#loginContent #errorContainer {
+		color:red;
+	}
+	#content #headlineContainer { 
+		top: 0;
+		left: 0;
+		width: 100%;
+		background: #0c95d9;
+	}
+	#content #copyright, #content #copyright a {
+		color: white;
+	}
+	#content {
+		background-color:#F9F9F9;
+		color:#28313F;
+	}
+	#content a {
+		color:#333333;
+	}
+	#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #colorCodesContainer, #content #emoticonsContainer {
+		background-color:#FFF;
+	}
+	#content #colorCodesContainer {
+		box-shadow: 2px 2px 2px #777; 
+	}
+	#content #colorCodesContainer a {
+		border-color:black;
+	}
+	#content #optionsContainer input {
+	    background-color:transparent;
+	}
+	#content .rowEven {
+		background-color:#eaf1f6;
+	}
+	#content .rowOdd {
+		background-color:#e1eaf2;
+	}
+	#content .guest {
+		color:gray;
+	}
+	#content .user {
+		color:#333333;
+	}
+	#content .moderator {
+		color:#00AA00;
+	}
+	#content .admin {
+		color:#AA0000;
+	}
+	#content .chatBot {
+		color:#D31141;
+	}
+	#content #chatList .chatBotErrorMessage {
+		color:red;
+	}
+	#content #chatList a {
+		color:#D31141;
+	}
+	#content #chatList .deleteSelected {
+		border-color:red;
+	}
+}
\ No newline at end of file
diff --git a/library/ajaxchat/chat/css/shoutbox.css b/library/ajaxchat/chat/css/shoutbox.css
new file mode 100644
index 000000000..d22a92a74
--- /dev/null
+++ b/library/ajaxchat/chat/css/shoutbox.css
@@ -0,0 +1,168 @@
+/*
+ * @package AJAX_Chat
+ * @author Sebastian Tschan
+ * @copyright (c) Sebastian Tschan
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ */
+
+
+/*
+ * Positioning
+ */
+#ajaxChatContent #ajaxChatChatList {
+	height:300px;
+	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 #ajaxChatInputField {
+	width:90%;
+}
+#ajaxChatContent #ajaxChatCopyright {
+	margin-top:5px;
+}
+#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.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 .moderator {
+	color:#00AA00;
+}
+#ajaxChatContent .admin {
+	color:red;
+}
+#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;
+}
diff --git a/library/ajaxchat/chat/css/subSilver.css b/library/ajaxchat/chat/css/subSilver.css
new file mode 100644
index 000000000..80f8b75b4
--- /dev/null
+++ b/library/ajaxchat/chat/css/subSilver.css
@@ -0,0 +1,117 @@
+/*
+ * @package AJAX_Chat
+ * @author Sebastian Tschan
+ * @author Philip Nicolcev
+ * @copyright (c) Sebastian Tschan
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ * 
+ * Color palette inspired by phpBB style "subSilver":
+ * http://www.phpbb.com/
+ */
+
+@import url('global.css');
+@import url('fonts.css');
+@import url('print.css');
+
+@media screen,projection,handheld {
+
+	/* Status Icon */
+	#content #statusIconContainer {
+		background-image: url('../img/loading-sprite.png'); 
+	}
+	#content .statusContainerOff {
+		background-position: 0px 0px;
+	}
+	#content .statusContainerOn {
+		background-position: 0px -22px;
+	}
+	#content .statusContainerAlert {
+		background-position: 0px -44px;
+	}
+	
+	#loginContent {
+		background-color:#E5E5E5;
+		color:#000;
+	}
+	#loginContent h1 {
+		color:#006699;
+	}
+	#loginContent a {
+		color:#000;
+	}
+	#loginContent input, #loginContent select {
+		background-color:#FFF;
+		color:#000;
+	}
+	#loginContent #loginFormContainer #loginButton {
+		background-color:#F7F5F1;
+		color:#000;
+	}
+	#loginContent #errorContainer {
+		color:red;
+	}
+	
+	#content {
+		background-color:#E5E5E5;
+		color:#000;
+	}
+	#content h1 {
+		color:#006699;
+	}
+	#content a {
+		color:#000;
+	}
+	#content input, #content select, #content textarea {
+		background-color:#FFF;
+		color:#000;
+	}
+	#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #colorCodesContainer, #content textarea{
+		border-color:#006699;
+		background-color:#FFF;
+	}
+	#content #bbCodeContainer input, #content #logoutButton, #content #submitButton {
+		background-color:#F7F5F1;
+		color:#000;
+	}
+	#content #colorCodesContainer a {
+		border-color:black;
+	}
+	#content #optionsContainer input {
+	    background-color:transparent;
+	}
+	#content .rowEven {
+		background-color:#DEE3E7;
+	}
+	#content .rowOdd {
+		background-color:#EFEFEF;
+	}
+	#content .guest {
+		color:gray;
+	}
+	#content .user {
+		color:#000;
+	}
+	#content .moderator {
+		color:#006600;
+	}
+	#content .admin {
+		color:#FFA34F;
+	}
+	#content .chatBot {
+		color:#DD6900;
+	}
+	#content #chatList .chatBotErrorMessage {
+		color:red;
+	}
+	#content #chatList a {
+		color:#006699;
+	}
+	#content #chatList .deleteSelected {
+		border-color:red;
+	}
+	#content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3 {
+		background-color:#DEE3E7;
+		color:#006699;
+	}
+}
\ No newline at end of file
diff --git a/library/ajaxchat/chat/css/subblack2.css b/library/ajaxchat/chat/css/subblack2.css
new file mode 100644
index 000000000..3043754aa
--- /dev/null
+++ b/library/ajaxchat/chat/css/subblack2.css
@@ -0,0 +1,117 @@
+/*
+ * @package AJAX_Chat
+ * @author Sebastian Tschan
+ * @author Philip Nicolcev
+ * @copyright (c) Sebastian Tschan
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ * 
+ * Color palette inspired by phpBB style "subblack2":
+ * http://www.phpbb.com/
+ */
+
+@import url('global.css');
+@import url('fonts.css');
+@import url('print.css');
+
+@media screen,projection,handheld {
+	
+	/* Status Icon */
+	#content #statusIconContainer {
+		background-image: url('../img/loading-sprite.png'); 
+	}
+	#content .statusContainerOff {
+		background-position: 0px 0px;
+	}
+	#content .statusContainerOn {
+		background-position: 0px -22px;
+	}
+	#content .statusContainerAlert {
+		background-position: 0px -44px;
+	}
+	
+	#loginContent {
+		background-color:#000;
+		color:#FFFFCC;
+	}
+	#loginContent h1 {
+		color:#FFFFCC;
+	}
+	#loginContent a {
+		color:#FFFFCC;
+	}
+	#loginContent input, #loginContent select {
+		background-color:#212121;
+		color:#FFFFCC;
+	}
+	#loginContent #loginFormContainer #loginButton {
+		background-color:#212121;
+		color:#FFFFCC;
+	}
+	#loginContent #errorContainer {
+		color:red;
+	}
+	
+	#content {
+		background-color:#000;
+		color:#FFFFCC;
+	}
+	#content h1 {
+		color:#CC9900;
+	}
+	#content a {
+		color:#FFFFCC;
+	}
+	#content input, #content select, #content textarea {
+		background-color:#212121;
+		color:#FFFFCC;
+	}
+	#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #bbCodeContainer, #content #colorCodesContainer, #content #emoticonsContainer {
+		border-color:gray;
+		background-color:#212121;
+	}
+	#content #bbCodeContainer input, #content #logoutButton, #content #submitButton {
+		background-color:#212121;
+		color:#FFFFCC;
+	}
+	#content #colorCodesContainer a {
+		border-color:black;
+	}
+	#content #optionsContainer input {
+	    background-color:transparent;
+	}
+	#content .rowEven {
+		background-color:#212121;
+	}
+	#content .rowOdd {
+		background-color:#000;
+	}
+	#content .guest {
+		color:gray;
+	}
+	#content .user {
+		color:#FFFFCC;
+	}
+	#content .moderator {
+		color:#00AA00;
+	}
+	#content .admin {
+		color:red;
+	}
+	#content .chatBot {
+		color:#CC9900;
+	}
+	#content #chatList .chatBotErrorMessage {
+		color:red;
+	}
+	#content #chatList a {
+		color:#FFCC00;
+	}
+	#content #chatList .deleteSelected {
+		border-color:red;
+	}
+	#content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3 {
+		background-color:#212121;
+		color:#FFCC00;
+	}
+}
\ No newline at end of file
diff --git a/library/ajaxchat/chat/css/vBulletin.css b/library/ajaxchat/chat/css/vBulletin.css
new file mode 100644
index 000000000..91a7e1a7e
--- /dev/null
+++ b/library/ajaxchat/chat/css/vBulletin.css
@@ -0,0 +1,127 @@
+/*
+ * @package AJAX_Chat
+ * @author Sebastian Tschan
+ * @author Philip Nicolcev
+ * @copyright (c) Sebastian Tschan
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ * 
+ * Color palette inspired by vBulletin style "Standard-Style":
+ * http://www.vbulletin.com/
+ */
+
+@import url('global.css');
+@import url('fonts.css');
+@import url('print.css');
+
+@media screen,projection,handheld {
+
+	/* Buttons */
+	#content #bbCodeContainer input, #content #logoutButton, #content #submitButton, #loginForm #loginButton {
+		background-color:#7192A8;
+		color:#fff;
+		border: 0;
+	}
+	#content select, #loginForm select, #loginForm input, #content textarea {
+		background-color:#7192A8;
+		color:#fff;
+		border: 1px solid #2F4456;
+	}
+
+	/* Status Icon */
+	#content #statusIconContainer {
+		background-image: url('../img/loading-sprite.png'); 
+	}
+	#content .statusContainerOff {
+		background-position: 0px 0px;
+	}
+	#content .statusContainerOn {
+		background-position: 0px -22px;
+	}
+	#content .statusContainerAlert {
+		background-position: 0px -44px;
+	}
+	
+	#loginContent {
+		background-color:#E1E1E2;
+		color:#000;
+	}
+	#loginContent h1 {
+		color:#3B5485;
+	}
+	#loginContent a {
+		color:#3B5485;
+	}
+	#loginContent #errorContainer {
+		color:red;
+	}
+	#content {
+		background-color:#E1E1E2;
+		color:#000;
+	}
+	#content #headlineContainer h1 {
+		color:#fff;
+		margin-left: 20px;
+	}
+	#content #headlineContainer { 
+		top: 0;
+		left: 10px;
+		right: 10px;
+		background: #2F4456;
+		border-radius: 0px 0px 5px 5px;
+	}
+	#content #copyright, #content #copyright a {
+		color: white;
+	}
+	#content a {
+		color:#3B5485;
+	}
+	#content input, #content select, #content textarea {
+		background-color:#FFF;
+		color:#000;
+	}
+	#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #colorCodesContainer {
+		border-color:#0B198C;
+		background-color:#FFF;
+	}
+	#content #colorCodesContainer a {
+		border-color:black;
+	}
+	#content #optionsContainer input {
+	    background-color:transparent;
+	}
+	#content .rowEven {
+		background-color:#E1E4F2;
+	}
+	#content .rowOdd {
+		background-color:#F5F5FF;
+	}
+	#content .guest {
+		color:gray;
+	}
+	#content .user {
+		color:#000;
+	}
+	#content .moderator {
+		color:#00AA00;
+	}
+	#content .admin {
+		color:red;
+	}
+	#content .chatBot {
+		color:#3B5485;
+	}
+	#content #chatList .chatBotErrorMessage {
+		color:red;
+	}
+	#content #chatList a {
+		color:#3B5485;
+	}
+	#content #chatList .deleteSelected {
+		border-color:red;
+	}
+	#content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3 {
+		background-color:#7192A8;
+		color:#FFF;
+	}
+}
\ No newline at end of file