From e6f055e0c400825f77c7fa53c021c570b161c0d8 Mon Sep 17 00:00:00 2001
From: Luzifr <szekely@woltlab.com>
Date: Thu, 22 Sep 2011 16:30:11 +0200
Subject: [PATCH] Style changes (files/declarations)

Deleted unnecessary/old style-files; Renamed "testing.css" to
"style.css"; We now use "style.css" in the front-end; Changed all
style-sheet-links to "@import".
---
 com.woltlab.wcf/template/headInclude.tpl      |  18 +
 .../acp/style/extra/setupWindowStyle-rtl.css  | 209 ----
 .../acp/style/extra/setupWindowStyle.css      | 209 ----
 .../acp/style/{testing.css => style.css}      | 260 ++++-
 .../install/files/acp/templates/header.tpl    |  31 +-
 .../files/acp/templates/setupHeader.tpl       |  38 +-
 wcfsetup/install/files/style/buttons.css      | 157 ---
 wcfsetup/install/files/style/colorPicker.css  | 128 ---
 wcfsetup/install/files/style/containers.css   | 179 ----
 .../install/files/style/extra/ie6-fix-rtl.css | 723 --------------
 .../install/files/style/extra/ie6-fix.css     | 723 --------------
 .../install/files/style/extra/ie7-fix-rtl.css | 428 --------
 .../install/files/style/extra/ie7-fix.css     | 428 --------
 .../install/files/style/extra/ie8-fix-rtl.css |  61 --
 .../install/files/style/extra/ie8-fix.css     |  61 --
 .../install/files/style/extra/print-rtl.css   | 269 -----
 wcfsetup/install/files/style/footer.css       | 148 ---
 wcfsetup/install/files/style/forms.css        | 269 -----
 wcfsetup/install/files/style/global.css       | 646 ------------
 wcfsetup/install/files/style/header.css       | 252 -----
 wcfsetup/install/files/style/imageViewer.css  |  62 --
 .../install/files/style/inlineCalendar.css    |  84 --
 wcfsetup/install/files/style/layout.css       | 128 ---
 wcfsetup/install/files/style/messages.css     | 927 ------------------
 wcfsetup/install/files/style/pageMenu.css     | 125 ---
 .../install/files/style/pageNavigation.css    | 126 ---
 wcfsetup/install/files/style/tabbedMenus.css  | 191 ----
 wcfsetup/install/files/style/tables.css       | 125 ---
 28 files changed, 268 insertions(+), 6737 deletions(-)
 delete mode 100644 wcfsetup/install/files/acp/style/extra/setupWindowStyle-rtl.css
 delete mode 100644 wcfsetup/install/files/acp/style/extra/setupWindowStyle.css
 rename wcfsetup/install/files/acp/style/{testing.css => style.css} (91%)
 delete mode 100644 wcfsetup/install/files/style/buttons.css
 delete mode 100644 wcfsetup/install/files/style/colorPicker.css
 delete mode 100644 wcfsetup/install/files/style/containers.css
 delete mode 100644 wcfsetup/install/files/style/extra/ie6-fix-rtl.css
 delete mode 100644 wcfsetup/install/files/style/extra/ie6-fix.css
 delete mode 100644 wcfsetup/install/files/style/extra/ie7-fix-rtl.css
 delete mode 100644 wcfsetup/install/files/style/extra/ie7-fix.css
 delete mode 100644 wcfsetup/install/files/style/extra/ie8-fix-rtl.css
 delete mode 100644 wcfsetup/install/files/style/extra/ie8-fix.css
 delete mode 100644 wcfsetup/install/files/style/extra/print-rtl.css
 delete mode 100644 wcfsetup/install/files/style/footer.css
 delete mode 100644 wcfsetup/install/files/style/forms.css
 delete mode 100644 wcfsetup/install/files/style/global.css
 delete mode 100644 wcfsetup/install/files/style/header.css
 delete mode 100644 wcfsetup/install/files/style/imageViewer.css
 delete mode 100644 wcfsetup/install/files/style/inlineCalendar.css
 delete mode 100644 wcfsetup/install/files/style/layout.css
 delete mode 100644 wcfsetup/install/files/style/messages.css
 delete mode 100644 wcfsetup/install/files/style/pageMenu.css
 delete mode 100644 wcfsetup/install/files/style/pageNavigation.css
 delete mode 100644 wcfsetup/install/files/style/tabbedMenus.css
 delete mode 100644 wcfsetup/install/files/style/tables.css

diff --git a/com.woltlab.wcf/template/headInclude.tpl b/com.woltlab.wcf/template/headInclude.tpl
index 8f1a73117e..2b7746d8ad 100644
--- a/com.woltlab.wcf/template/headInclude.tpl
+++ b/com.woltlab.wcf/template/headInclude.tpl
@@ -19,3 +19,21 @@
 	WCF.User.init({@$__wcf->user->userID}, '{@$__wcf->user->username|encodeJS}');
 	//]]>
 </script>
+
+{*
+{if $specialStyles|isset}
+	<!-- special styles -->
+	{@$specialStyles}
+{/if}
+*}
+
+<!-- Stylesheets -->
+<style type="text/css">
+	@import url("{@RELATIVE_WCF_DIR}acp/style/style.css") screen;
+	{*
+	
+	@import url("{@RELATIVE_WCF_DIR}acp/style/style-{@$__wcf->getLanguage()->getPageDirection()}.css") screen;
+
+	@import url("{@RELATIVE_WCF_DIR}acp/style/print.css") print;
+	*}
+</style>
diff --git a/wcfsetup/install/files/acp/style/extra/setupWindowStyle-rtl.css b/wcfsetup/install/files/acp/style/extra/setupWindowStyle-rtl.css
deleted file mode 100644
index c5226c40b2..0000000000
--- a/wcfsetup/install/files/acp/style/extra/setupWindowStyle-rtl.css
+++ /dev/null
@@ -1,209 +0,0 @@
-/**
- * Setup Window Styles (RTL)
- *
- * @author		Arian Glander, Harald Szekely
- * @copyright	2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Miscellaneous -- -- -- -- -- */
-
-body {
-	color: #333;
-	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
-	font-size: .82em;
-	background-color: #fff;
-	margin: 0;
-	padding: 0;
-}
-
-.inner {
-	padding: 0 20px 10px 20px;
-}
-
-fieldset {
-	font-size: .82em;
-	border: 1px solid #8da4b7;
-	margin-bottom: 10px;
-	padding: 0;
-	border-radius: 5px;
-}
-
-legend {
-	color: #164369;
-	font-size: 1em;
-	margin: 0 10px;
-	padding: 0 4px;
-}
-
-fieldset p, fieldset div {
-	margin: 8px 0 0 0;
-	padding: 0;
-}
-
-/* -- -- -- -- -- Forms -- -- -- -- -- */
-
-form {
-	margin: 0;
-	padding: 0;
-}
-
-label {
-	margin-bottom: 2px;
-	display: block;
-}
-
-textarea, .inputText {
-	width: 99%;
-}
-
-textarea, select, input[type="text"], input[type="password"] {
-	border-width: 1px;
-	border-style: solid;
-	border-color: #666 #999 #ccc #999;
-	background-color: #fafafa;
-	background-image: url("../../images/setupInputBackground.png");
-	background-position: right top;
-	background-repeat: repeat-x;
-	padding: 2px;
-	min-height: 13px;
-	border-radius: 3px;
-}
-
-textarea:focus, select:focus, .inputText:focus {
-	border: 1px solid #fa2;
-	background-color: #fff9f4;
-	background-image: url("../../images/setupInputBackground.png");
-	background-repeat: repeat-x;
-	outline: 0;
-}
-
-textarea, select, .inputText {
-	border: 1px solid #8da4b7;
-	background-color: #fafafa;
-}
-
-textarea:focus, select:focus, .inputText:focus {
-	border: 1px solid #fa2;
-	background-color: #fff9f4;
-}
-
-input[type="file"] {
-	width: 100%;
-}
-
-textarea, select, input[type="text"], input[type="password"] {
-	padding: 2px;
-}
-
-.select label {
-	margin-bottom: 5px;
-	padding-right: 25px;
-}
-
-.select input {
-	float: right;
-}
-
-.nextButton {
-	text-align: left;
-}
-
-.disabled {
-	color: #b2b2b2;
-}
-
-/* -- -- -- -- -- System Messages -- -- -- -- -- */
-
-/* Success, Warning, Error */
-
-.success, .warning, .error {
-	border-width: 1px;
-	border-style: solid;
-	background-position: 10px center;
-	background-repeat: no-repeat;
-	padding: 7px 45px 7px 10px;
-	border-radius: 5px;
-}
-
-.success {
-	color: #090;
-	border-color: #090;
-	background-color: #efe;
-	background-image: url("../../../icon/successM.png");
-}
-
-.success a, .success a:hover {
-	color: #333;
-}
-
-.warning {
-	color: #660;
-	border-color: #660;
-	background-color: #ffd;
-	background-image: url("../../../icon/warningM.png");
-}
-
-.warning a, .warning a:hover {
-	color: #333;
-}
-
-.error {
-	color: #c00;
-	border-color: #c00;
-	background-color: #fee;
-	background-image: url("../../../icon/errorM.png");
-}
-
-.error a, .error a:hover {
-	color: #333;
-}
-
-.errorField {
-	color: #c00;
-}
-
-.errorField img {
-	vertical-align: middle;
-}
-
-/* -- -- -- -- -- System Exception -- -- -- -- -- */
-
-#systemException {
-	font-family: Verdana, Helvetica, sans-serif;
-	font-size: 1em;
-	border: 1px outset lightgrey;
-	background-color: lightgrey;
-	padding: 3px;
-}
-
-#systemException div {
-	border: 1px inset lightgrey;
-	padding: 4px;
-}
-
-#systemException h1 {
-	color: #fff;
-	font-size: 1.2em;
-	background-color: #154268;
-	margin: 0 0 3px 0;
-	padding: 4px;
-}
-
-#systemException h2 {
-	font-size: 1.1em;
-	margin-bottom: 0;
-}
-
-#systemException pre, #systemException p {
-	font-size: 1em;
-	margin: 0;
-}
-
-#packageUrl {
-	text-decoration: underline;
-	border: none;
-	background: transparent;
-	padding: 0;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/acp/style/extra/setupWindowStyle.css b/wcfsetup/install/files/acp/style/extra/setupWindowStyle.css
deleted file mode 100644
index 4d54a0efcd..0000000000
--- a/wcfsetup/install/files/acp/style/extra/setupWindowStyle.css
+++ /dev/null
@@ -1,209 +0,0 @@
-/**
- * Setup Window Styles (LTR)
- *
- * @author		Arian Glander, Harald Szekely
- * @copyright	2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Miscellaneous -- -- -- -- -- */
-
-body {
-	color: #333;
-	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
-	font-size: .82em;
-	background-color: #fff;
-	margin: 0;
-	padding: 0;
-}
-
-.inner {
-	padding: 0 20px 10px 20px;
-}
-
-fieldset {
-	font-size: .82em;
-	border: 1px solid #8da4b7;
-	margin-bottom: 10px;
-	padding: 0;
-	border-radius: 5px;
-}
-
-legend {
-	color: #164369;
-	font-size: 1em;
-	margin: 0 10px;
-	padding: 0 4px;
-}
-
-fieldset p, fieldset div {
-	margin: 8px 0 0 0;
-	padding: 0;
-}
-
-/* -- -- -- -- -- Forms -- -- -- -- -- */
-
-form {
-	margin: 0;
-	padding: 0;
-}
-
-label {
-	margin-bottom: 2px;
-	display: block;
-}
-
-textarea, .inputText {
-	width: 99%;
-}
-
-textarea, select, input[type="text"], input[type="password"] {
-	border-width: 1px;
-	border-style: solid;
-	border-color: #666 #999 #ccc #999;
-	background-color: #fafafa;
-	background-image: url("../../images/setupInputBackground.png");
-	background-position: left top;
-	background-repeat: repeat-x;
-	padding: 2px;
-	min-height: 13px;
-	border-radius: 3px;
-}
-
-textarea:focus, select:focus, .inputText:focus {
-	border: 1px solid #fa2;
-	background-color: #fff9f4;
-	background-image: url("../../images/setupInputBackground.png");
-	background-repeat: repeat-x;
-	outline: 0;
-}
-
-textarea, select, .inputText {
-	border: 1px solid #8da4b7;
-	background-color: #fafafa;
-}
-
-textarea:focus, select:focus, .inputText:focus {
-	border: 1px solid #fa2;
-	background-color: #fff9f4;
-}
-
-input[type="file"] {
-	width: 100%;
-}
-
-textarea, select, input[type="text"], input[type="password"] {
-	padding: 2px;
-}
-
-.select label {
-	margin-bottom: 5px;
-	padding-left: 25px;
-}
-
-.select input {
-	float: left;
-}
-
-.nextButton {
-	text-align: right;
-}
-
-.disabled {
-	color: #b2b2b2;
-}
-
-/* -- -- -- -- -- System Messages -- -- -- -- -- */
-
-/* Success, Warning, Error */
-
-.success, .warning, .error {
-	border-width: 1px;
-	border-style: solid;
-	background-position: 10px center;
-	background-repeat: no-repeat;
-	padding: 7px 10px 7px 45px;
-	border-radius: 5px;
-}
-
-.success {
-	color: #090;
-	border-color: #090;
-	background-color: #efe;
-	background-image: url("../../../icon/successM.png");
-}
-
-.success a, .success a:hover {
-	color: #333;
-}
-
-.warning {
-	color: #660;
-	border-color: #660;
-	background-color: #ffd;
-	background-image: url("../../../icon/warningM.png");
-}
-
-.warning a, .warning a:hover {
-	color: #333;
-}
-
-.error {
-	color: #c00;
-	border-color: #c00;
-	background-color: #fee;
-	background-image: url("../../../icon/errorM.png");
-}
-
-.error a, .error a:hover {
-	color: #333;
-}
-
-.errorField {
-	color: #c00;
-}
-
-.errorField img {
-	vertical-align: middle;
-}
-
-/* -- -- -- -- -- System Exception -- -- -- -- -- */
-
-#systemException {
-	font-family: Verdana, Helvetica, sans-serif;
-	font-size: 1em;
-	border: 1px outset lightgrey;
-	background-color: lightgrey;
-	padding: 3px;
-}
-
-#systemException div {
-	border: 1px inset lightgrey;
-	padding: 4px;
-}
-
-#systemException h1 {
-	color: #fff;
-	font-size: 1.2em;
-	background-color: #154268;
-	margin: 0 0 3px 0;
-	padding: 4px;
-}
-
-#systemException h2 {
-	font-size: 1.1em;
-	margin-bottom: 0;
-}
-
-#systemException pre, #systemException p {
-	font-size: 1em;
-	margin: 0;
-}
-
-#packageUrl {
-	text-decoration: underline;
-	border: none;
-	background: transparent;
-	padding: 0;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/acp/style/testing.css b/wcfsetup/install/files/acp/style/style.css
similarity index 91%
rename from wcfsetup/install/files/acp/style/testing.css
rename to wcfsetup/install/files/acp/style/style.css
index ddf0609b69..87e82f16cf 100644
--- a/wcfsetup/install/files/acp/style/testing.css
+++ b/wcfsetup/install/files/acp/style/style.css
@@ -1107,10 +1107,11 @@ textarea {
 	box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
 }
 
+/* Show/hide will be done by Javascript now! 
 .preInput:hover .dropdownCaption ~ .dropdown {
 	display: block !important;
 }
-
+*/
 
 
 
@@ -2200,20 +2201,6 @@ li > .badgeButton {
 
 
 
-/* -- -- -- -- -- CSS Experiments (active) -- -- -- -- -- */
-
-
-
-
-
-
-
-
-
-
-
-
-
 /* -- -- -- -- -- ToDo: Clipboard Editor -- -- -- -- -- */
 
 .clipboardEditor {
@@ -2288,31 +2275,6 @@ li > .badgeButton {
 
 
 
-
-
-/* ToDo: Proxy Loading */
-
-.actionProxyLoading {
-	
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 /* -- -- -- -- -- Global Button Color & Effect Library -- -- -- -- -- */
 
 /* Put individual settings to their respective declarations */
@@ -2692,10 +2654,228 @@ input[type='button'][disabled='disabled'],
 
 
 
+/* -- -- -- -- -- CSS Experiments (active) -- -- -- -- -- */
+
+
+
+
+
+
+
+
+
+
+
+/* ToDo: Proxy Loading */
+
+.actionProxyLoading {
+	
+}
+
+
+
+
+
+
+
+
+/* ToDo: User Panel 
+
+this is taken from "userPanel.tpl" (inline-css) 
+will change soon! 
+
+*/
+
+
+/* This style is old and conflicts with the new one! 
+ul#userMenu {
+	margin: 0;
+	padding: 0;
+}
+
+ul#userMenu > li {
+	border-radius: 3px;
+	background-color: rgba(224, 224, 224, 1);
+	margin: 0 3px 0 3px;
+	padding: 7px;
+	display: inline-block;
+	box-shadow: 0 0 5px rgba(151, 151, 151, 1);
+}
+*/
 
+div.userNotificationContainer {
+	border: 1px solid rgba(192, 192, 192, 1);
+	background-color: rgba(224, 224, 224, .9);
+	position: absolute;
+	width: 250px;
+}
 
+div.scrollableContainer {
+	position: relative;
+	width: 250px;
+	overflow: hidden;
+}
 
+div.scrollableContainer div.scrollableItems {
+	position: relative;
+	width: 20000em;
+}
 
+div.scrollableContainer div.scrollableItems > div {
+	border-right: 1px solid rgba(192, 192, 192, 1);
+	float: left;
+	width: 250px;
+}
+
+div.scrollableContainer {
+	font-size: 90%;
+}
+
+div.scrollableContainer > div:first-child ul {
+	margin: 0;
+	padding: 0;
+}
+
+div.scrollableContainer > div:first-child li {
+	border-top: 1px solid rgba(192, 192, 192, 1);
+	padding: 7px;
+}
+
+div.scrollableContainer > div:first-child li:first-child {
+	border-top-width: 0;
+}
+
+div.scrollableContainer > div:first-child p {
+	padding: 7px;
+}
+
+.userNotificationDetails {
+	padding: 7px;
+	width: 236px;
+}
+
+.userNotificationDetails hgroup {
+	margin-bottom: 7px;
+	display: table;
+	width: 100%;
+}
+
+.userNotificationDetails .row {
+	display: table-row;
+}
+
+.userNotificationDetails .row div {
+	text-align: center;
+	display: table-cell;
+	vertical-align: middle;
+}
+
+.userNotificationDetails .row div:first-child {
+	width: 64px;
+}
+
+.userNotificationDetails .row div:last-child {
+	padding-left: 7px;
+}
+
+.userNotificationDetails .avatar img {
+	height: 64px;
+	width: 64px;
+}
+
+.userNotificationDetails h1 {
+	font-size: 110%;
+}
+
+.userNotificationDetails section {
+	border-top: 1px solid rgba(192, 192, 192, 1);
+	padding-top: 7px;
+}
+
+.userNotificationDetails nav {
+	text-align: center;
+	border-top: 1px solid rgba(192, 192, 192, 1);
+	margin-top: 7px;
+	padding-top: 7px;
+}
+
+.userNotificationDetails ul {
+	list-style-type: none;
+	display: inline-block;
+}
+
+.userNotificationDetails li {
+	cursor: pointer;
+	border: 1px solid rgba(192, 192, 192, 1) !important;
+	background-image: -webkit-linear-gradient(top, rgba(224, 224, 224, 1), rgba(192, 192, 192, 1));
+	background-image: -moz-linear-gradient(top, rgba(224, 224, 224, 1), rgba(192, 192, 192, 1));
+	background-image: -ms-linear-gradient(top, rgba(224, 224, 224, 1), rgba(192, 192, 192, 1));
+	background-image: -o-linear-gradient(top, rgba(224, 224, 224, 1), rgba(192, 192, 192, 1));
+	background-image: linear-gradient(top, rgba(224, 224, 224, 1), rgba(192, 192, 192, 1));
+	padding: 3px;
+	display: inline-block;
+}
+
+.userNotificationDetails li:hover {
+	background-image: -webkit-linear-gradient(top, rgb(192, 192, 192, 1), rgb(224, 224, 224,));
+	background-image: -moz-linear-gradient(top, rgb(192, 192, 192, 1), rgb(224, 224, 224,));
+	background-image: -ms-linear-gradient(top, rgb(192, 192, 192, 1), rgb(224, 224, 224,));
+	background-image: -o-linear-gradient(top, rgb(192, 192, 192, 1), rgb(224, 224, 224,));
+	background-image: linear-gradient(top, rgb(192, 192, 192, 1), rgb(224, 224, 224,));
+}
+
+#userNotificationDetailsLoading {
+	background-color: rgba(255, 255, 255, .6);
+	background-image: url('{@RELATIVE_WCF_DIR}icon/ajax-loader.gif');
+	background-position: center center;
+	background-repeat: no-repeat;
+	position: absolute;
+}
+
+	
+	
+
+
+
+/* ToDo: Profile Button 
+
+this is taken from "user.tpl" (inline-css) 
+will change soon! 
+
+*/
+
+
+
+
+
+div#profileButtonContainer {
+	margin: 7px;
+}
+
+div#profileButtonContainer button {
+	cursor: pointer;
+	
+	border: 1px solid rgba(192, 192, 192, 1);
+	border-radius: 3px;
+	
+	background-image: -webkit-linear-gradient(top, rgba(192, 192, 192, 1), rgba(224, 224, 224, 1));
+	background-image: -moz-linear-gradient(top, rgba(192, 192, 192, 1), rgba(224, 224, 224, 1));
+	background-image: -ms-linear-gradient(top, rgba(192, 192, 192, 1), rgba(224, 224, 224, 1));
+	background-image: -o-linear-gradient(top, rgba(192, 192, 192, 1), rgba(224, 224, 224, 1));
+	background-image: linear-gradient(top, rgba(192, 192, 192, 1), rgba(224, 224, 224, 1));
+	
+	margin-right: 3px;
+	padding: 3px;
+	height: 60px;
+}
+
+div#profileButtonContainer button:hover {
+	background-image: -webkit-linear-gradient(top, rgba(224, 224, 224, 1), rgba(192, 192, 192, 1));
+	background-image: -moz-linear-gradient(top, rgba(224, 224, 224, 1), rgba(192, 192, 192, 1));
+	background-image: -ms-linear-gradient(top, rgba(224, 224, 224, 1), rgba(192, 192, 192, 1));
+	background-image: -o-linear-gradient(top, rgba(224, 224, 224, 1), rgba(192, 192, 192, 1));
+	background-image: linear-gradient(top, rgba(224, 224, 224, 1), rgba(192, 192, 192, 1));
+}
 
 
 
diff --git a/wcfsetup/install/files/acp/templates/header.tpl b/wcfsetup/install/files/acp/templates/header.tpl
index 39c20fff94..c7fe48726e 100644
--- a/wcfsetup/install/files/acp/templates/header.tpl
+++ b/wcfsetup/install/files/acp/templates/header.tpl
@@ -22,6 +22,17 @@
 		//]]>
 	</script>
 	
+	<!-- Stylesheets -->
+	<style type="text/css">
+		@import url("{@RELATIVE_WCF_DIR}acp/style/style.css") screen;
+		{*
+		
+		@import url("{@RELATIVE_WCF_DIR}acp/style/style-{@$__wcf->getLanguage()->getPageDirection()}.css") screen;
+	
+		@import url("{@RELATIVE_WCF_DIR}acp/style/print.css") print;
+		*}
+	</style>
+	
 	{*
 	{if $specialStyles|isset}
 		<!-- special styles -->
@@ -29,22 +40,6 @@
 	{/if}
 	*}
 	
-	<!-- Testing stylesheets -->
-	<link rel="stylesheet" type="text/css" href="{@RELATIVE_WCF_DIR}acp/style/testing.css" />
-	<!-- /Testing stylesheets -->
-	
-	{*
-	<style type="text/css">
-		@import url("{@RELATIVE_WCF_DIR}acp/style/style-{@$__wcf->getLanguage()->getPageDirection()}.css");
-	</style>
-	
-	<!--[if IE 8]>
-		<style type="text/css">
-			@import url("{@RELATIVE_WCF_DIR}style/extra/ie8-fix{if $__wcf->getLanguage()->getPageDirection() == 'rtl'}-rtl{/if}.css");
-		</style>
-	<![endif]-->
-	*}
-	
 	<script type="text/javascript">
 		//<![CDATA[
 		$(function() {
@@ -84,7 +79,7 @@
 			<!-- top menu -->
 			<nav id="topMenu" class="topMenu">
 				<div>
-					<ul id="userMenu">
+					<ul id="userMenu" class="userMenu"><!-- ToDo: We need an ID and/or class for each list here, this ID may change! -->
 						<li>
 							<span class="dropdownCaption">{lang}wcf.acp.user.userNote{/lang}</span>
 							<ul class="dropdown">
@@ -174,4 +169,4 @@
 			
 			<!-- CONTENT -->
 			<section id="content" class="content">
-				
+				
\ No newline at end of file
diff --git a/wcfsetup/install/files/acp/templates/setupHeader.tpl b/wcfsetup/install/files/acp/templates/setupHeader.tpl
index c3d6f008a6..e15f589c3f 100644
--- a/wcfsetup/install/files/acp/templates/setupHeader.tpl
+++ b/wcfsetup/install/files/acp/templates/setupHeader.tpl
@@ -22,6 +22,17 @@
 		//]]>
 	</script>
 	
+	<!-- Stylesheets -->
+	<style type="text/css">
+		@import url("{@RELATIVE_WCF_DIR}acp/style/style.css") screen;
+		{*
+		
+		@import url("{@RELATIVE_WCF_DIR}acp/style/style-{@$__wcf->getLanguage()->getPageDirection()}.css") screen;
+	
+		@import url("{@RELATIVE_WCF_DIR}acp/style/print.css") print;
+		*}
+	</style>
+	
 	{*
 	{if $specialStyles|isset}
 		<!-- special styles -->
@@ -29,32 +40,17 @@
 	{/if}
 	*}
 	
-	<!-- Testing stylesheets -->
-	<link rel="stylesheet" type="text/css" href="{@RELATIVE_WCF_DIR}acp/style/testing.css" />
-	<!-- /Testing stylesheets -->
-	
-	{*
-	<style type="text/css">
-		@import url("{@RELATIVE_WCF_DIR}acp/style/style-{@$__wcf->getLanguage()->getPageDirection()}.css");
-	</style>
-	
-	<!--[if IE 8]>
-		<style type="text/css">
-			@import url("{@RELATIVE_WCF_DIR}style/extra/ie8-fix{if $__wcf->getLanguage()->getPageDirection() == 'rtl'}-rtl{/if}.css");
-		</style>
-	<![endif]-->
-	*}
-	
 	<script type="text/javascript">
 		//<![CDATA[
 		$(function() {
 			WCF.Language.addObject({
+				'wcf.global.button.next': '{lang}wcf.global.button.next{/lang}',
 				'wcf.global.loading': '{lang}wcf.global.loading{/lang}',
-				'wcf.global.date.relative.minutes': '{capture assign=relativeMinutes}{lang}wcf.global.date.relative.minutes{/lang}{/capture}{@$relativeMinutes|encodeJS}',
-				'wcf.global.date.relative.hours': '{capture assign=relativeHours}{lang}wcf.global.date.relative.hours{/lang}{/capture}{@$relativeHours|encodeJS}',
-				'wcf.global.date.relative.pastDays': '{capture assign=relativePastDays}{lang}wcf.global.date.relative.pastDays{/lang}{/capture}{@$relativePastDays|encodeJS}',
-				'wcf.global.date.dateTimeFormat': '{lang}wcf.global.date.dateTimeFormat{/lang}',
-				'__days': [ '{lang}wcf.global.date.day.sunday{/lang}', '{lang}wcf.global.date.day.monday{/lang}', '{lang}wcf.global.date.day.tuesday{/lang}', '{lang}wcf.global.date.day.wednesday{/lang}', '{lang}wcf.global.date.day.thursday{/lang}', '{lang}wcf.global.date.day.friday{/lang}', '{lang}wcf.global.date.day.saturday{/lang}' ],
+				'wcf.date.relative.minutes': '{capture assign=relativeMinutes}{lang}wcf.date.relative.minutes{/lang}{/capture}{@$relativeMinutes|encodeJS}',
+				'wcf.date.relative.hours': '{capture assign=relativeHours}{lang}wcf.date.relative.hours{/lang}{/capture}{@$relativeHours|encodeJS}',
+				'wcf.date.relative.pastDays': '{capture assign=relativePastDays}{lang}wcf.date.relative.pastDays{/lang}{/capture}{@$relativePastDays|encodeJS}',
+				'wcf.date.dateTimeFormat': '{lang}wcf.date.dateTimeFormat{/lang}',
+				'__days': [ '{lang}wcf.date.day.sunday{/lang}', '{lang}wcf.date.day.monday{/lang}', '{lang}wcf.date.day.tuesday{/lang}', '{lang}wcf.date.day.wednesday{/lang}', '{lang}wcf.date.day.thursday{/lang}', '{lang}wcf.date.day.friday{/lang}', '{lang}wcf.date.day.saturday{/lang}' ],
 				'wcf.global.thousandsSeparator': '{capture assign=thousandsSeparator}{lang}wcf.global.thousandsSeparator{/lang}{/capture}{@$thousandsSeparator|encodeJS}',
 				'wcf.global.decimalPoint': '{capture assign=decimalPoint}{lang}wcf.global.decimalPoint{/lang}{/capture}{$decimalPoint|encodeJS}',
 				'wcf.global.page.next': '{capture assign=pageNext}{lang}wcf.global.page.next{/lang}{/capture}{@$pageNext|encodeJS}',
diff --git a/wcfsetup/install/files/style/buttons.css b/wcfsetup/install/files/style/buttons.css
deleted file mode 100644
index 267b3be795..0000000000
--- a/wcfsetup/install/files/style/buttons.css
+++ /dev/null
@@ -1,157 +0,0 @@
-/**
- * Button Styles
- *
- * @author		Arian Glander, Harald Szekely
- * @copyright	2006-2011 WoltLab GmbH
- */
- 
-/* -- -- -- -- -- Large Buttons -- -- -- -- -- */
-
-.largeButtons:after {
-	content: "";
-	display: block;
-	clear: both;
-	height: 0;
-}
-
-.largeButtons ul {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-}
-
-.largeButtons li {
-	border: 1px;
-	margin: 0 0 0 5px;
-	float: right;
-}
-
-.largeButtons a {
-	text-decoration: none;
-	white-space: nowrap;
-	border-width: 1px;
-	border-style: solid;
-	padding: 1px 4px;
-	display: block;
-}
-
-.largeButtons span {
-	font-weight: normal;
-}
-
-/* -- -- -- -- -- Small Buttons -- -- -- -- -- */
-
-.smallButtons:after {
-	content: "";
-	display: block;
-	clear: both;
-	height: 0;
-}
-
-.smallButtons ul {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-}
-
-.smallButtons li {
-	border: 1px;
-	margin: 10px 0 0 4px;
-	float: right;
-}
-
-.smallButtons .pageMenu li {
-	border: 0; 
-	margin: 0;
-	padding: 0;
-	float: none;
-}
-
-.smallButtons a {
-	text-decoration: none;
-	line-height: 1.3;
-	border-width: 1px;
-	border-style: solid;
-	padding: 0 2px;
-	display: block;
-	white-space: nowrap;
-}
-
-.smallButtons .pageMenu a {
-	border: 0;
-}
-
-.smallButtons span {
-	font-weight: normal;
-	padding-left: 1px;
-}
-
-.smallButtons img {
-	margin-top: -1px;
-}
-
-.smallButtons > ul > li > a {
-	min-height: 18px !important;
-}
-
-/* -- -- -- -- -- Option Buttons -- -- -- -- -- */
-
-.optionButtons ul {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-}
-
-.optionButtons li {
-	margin-top: .3em;
-	margin-right: 2px;
-	float: left;
-}
-
-.optionButtons .pageMenu li {
-	border: 0;
-	margin: 0;
-	padding: 0;
-	float: none;
-}
-
-.optionButtons a {
-	text-decoration: none;
-	line-height: 1.3;
-	padding: 0 4px 0 4px;
-	display: block;
-}
-
-.optionButtons .pageMenu a {
-	border: 0;
-	margin: 0;
-	padding: 0;
-	float: none;
-}
-
- .optionButtons > ul > li > a {
-	min-height: 18px !important;
-}
-
-/* -- -- -- -- -- Button Bar -- -- -- -- -- */
-
-.buttonBar {
-	border-width: 1px 0 0 0;
-	margin-top: 5px;
-	display: block;
-	clear: both;
-}
-
-.buttonBar p {
-	margin-top: 7px;
-}
-
-.buttonBar .extraButton {
-	margin-left: 10px;
-}
-
-.buttonBar .buttonBarCaption {
-	float: left;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/style/colorPicker.css b/wcfsetup/install/files/style/colorPicker.css
deleted file mode 100644
index af2598277f..0000000000
--- a/wcfsetup/install/files/style/colorPicker.css
+++ /dev/null
@@ -1,128 +0,0 @@
-/**
- * Color Picker Styles
- *
- * @author		Arian Glander, Harald Szekely
- * @copyright	2006-2011 WoltLab GmbH
- */
- 
-/* -- -- -- -- -- Color Picker -- -- -- -- -- */
-
-input.colorPicker {
-	font-family: "Courier New", Courier, monospace;
-	margin-right: 3px;
-	width: auto !important;
-}
-
-input[class~='colorPicker'] + script + img.colorPicker {
-	margin-top: -5px;
-}
-
-img.colorPicker:hover {
-	cursor: pointer;
-}
-
-/* -- -- -- -- -- Color Picker Full -- -- -- -- -- */
-
-#colorPickerFull {
-	border-width: 0 0 1px 1px;
-	border-style: solid:
-	border-color: #000;
-	background-color: #000;
-	position: absolute;
-	height: 192px;
-	width: 304px;
-	z-index: 100;
-}
-
-#colorPickerFull ul {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-	display: block;
-	float: left;
-	position: relative;
-}
-
-#colorPickerFull ul:after {
-	content: "";
-	height: 0;
-	display: block;
-	clear: both;
-}
-
-#colorPickerFull li {
-	border-width: 1px 1px 0 0;
-	border-style: solid:
-	border-color: #000;
-	display: block;
-	float: left;
-	height: 15px;
-	width: 15px;
-}
-
-#colorPickerFull a {
-	border: 1px solid transparent;
-	display: block;
-	height: 13px;
-	width: 13px;
-}
-
-#colorPickerFull a:hover {
-	border: 1px solid #fff !important;
-}
-
-#colorPickerFull .colorColumn {
-	width: 96px;
-}
-
-#colorPickerFull .greyColumn {
-	width: 16px;
-}
-
-/* -- -- -- -- -- Color Picker Simple -- -- -- -- -- */
-
-#colorPickerSimple {
-	background-color: #000;
-	float: left;
-	width: 113px !important;
-	position: absolute;
-	z-index: 100;
-}
-
-#colorPickerSimple ul {
-	list-style: none;
-	margin: 0;
-	padding: 1px 0 0 1px;
-	width: auto;
-}
-
-#colorPickerSimple ul li {
-	font-size: 0 !important;
-	margin: 0 1px 1px 0 !important;
-	padding: 0 !important;
-	float: left !important;
-	display: block !important;
-	height: 15px !important;
-	width: 15px !important;
-}
-
-#colorPickerSimple ul li a, #colorPickerSimple ul li a:hover {
-	background-image: none;
-	background-repeat: no-repeat !important;
-	background-position: 0 !important;
-	margin: 0 !important;
-	padding: 0 !important;
-	display: block !important;
-	height: 15px !important;
-	width: 15px !important;
-}
-
-#colorPickerSimple ul li a:hover {
-	border: 1px solid #fff !important;
-	background-repeat: no-repeat !important;
-	background-position: -1px -1px !important;
-	width: 13px !important;
-	height: 13px !important;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/style/containers.css b/wcfsetup/install/files/style/containers.css
deleted file mode 100644
index 75bfe4b6a2..0000000000
--- a/wcfsetup/install/files/style/containers.css
+++ /dev/null
@@ -1,179 +0,0 @@
-/**
- * Container Styles
- *
- * @author		Arian Glander, Harald Szekely
- * @copyright	2006-2011 WoltLab GmbH
- */
- 
-/* -- -- -- -- -- Border -- -- -- -- -- */
-
-.border {
-	border-width: 1px;
-	margin-bottom: 7px;
-	padding: 1px 0 0 1px;
-}
-
-/* Special */
-
-.borderMarginRemove {
-	margin-top: -8px;
-}
-
-/* -- -- -- -- -- Container Globals -- -- -- -- -- */
-
-.container-1, .container-2, .container-3, .containerHead {
-	margin: 0 1px 1px 0;
-}
-
-.containerHead {
-	padding: 2px 5px;
-}
-
-.content > div {
-	padding: 7px 25px;
-}
-
-.contentStyler p {
-	margin: 5px 0;	
-}
-
-/* -- -- -- -- -- Info Box -- -- -- -- -- */
-
-.infoBox .container-1, .infoBox .container-2 {
-	padding: 4px;
-	clear: both;
-}
-
-.infoBox h3 {
-	margin: 0 !important;
-	font-weight: bold;
-}
-
-/* -- -- -- -- -- Containers with Icons -- -- -- -- -- */
-
-/* Small (16px Icon) */
-
-.containerIconSmall {
-	text-align: center;
-	float: left;
-	width: 30px;
-}
-
-.containerContentSmall {
-	margin-left: 30px;
-}
-
-/* Standard (24px Icon) */
-
-.containerIcon {
-	text-align: center;
-	float: left;
-	width: 30px;
-}
-
-.containerContent {
-	margin-left: 35px;
-}
-
-/* Large (48px Icon) */
-
-.containerIconLarge {
-	text-align: center;
-	float: left;
-	width: 50px;
-}
-
-.containerContentLarge {
-	margin-left: 60px;
-}
-
-/* -- -- -- -- -- Main Headline -- -- -- -- -- */
-
-.mainHeadline {
-	margin: 3px 0 7px 0;
-	padding: 0;
-	clear: both;
-	display: block;
-	min-height: 50px;
-	width: 100%;
-}
-
-.mainHeadline img {
-	float: left;
-}
-
-.mainHeadline .headlineContainer img {
-	float: none;
-}
-
-.mainHeadline .headlineContainer {
-	margin: 7px 0 7px 60px;
-	min-height: 48px;
-}
-
-.mainHeadline .headlineContainer h2 {
-	margin: 0;
-	padding: 0;
-	overflow: hidden;
-}
-
-.mainHeadline .headlineContainer h2 a {
-	text-decoration: none;
-}
-
-.mainHeadline .headlineContainer p {
-	margin: 0;
-	padding: 0;
-}
-
-/* -- -- -- -- -- Sub Headline -- -- -- -- -- */
-
-.subHeadline {
-	font-size: 1.5em;
-	font-weight: normal;
-	border-left-width: 0 !important;
-	border-right-width: 0 !important;
-	border-top-width: 0 !important;
-	margin-top: 7px;
-	margin-bottom: 10px !important;
-	padding-bottom: 7px;
-}
-
-.subHeadline a {
-	text-decoration: none;
-}
-
-.subHeadline span {
-	font-size: 75%;
-}
-
-.subHeadline .inputText {
-	width: 95%;
-}
-
-/* -- -- -- -- -- Fieldset -- -- -- -- -- */
-
-fieldset {
-	border-width: 1px;
-	margin: 10px 0;
-	padding: 5px 13px 10px 13px;
-	display: block;
-}
-
-fieldset:after {
-	content: "";
-	display: block;
-	clear: both;
-	height: 0;
-}
-
-fieldset legend {
-	margin: 0 0 0 -5px;
-	padding: 0 5px;
-}
-
-fieldset fieldset {
-	margin-bottom: 5px;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/style/extra/ie6-fix-rtl.css b/wcfsetup/install/files/style/extra/ie6-fix-rtl.css
deleted file mode 100644
index 8712281d43..0000000000
--- a/wcfsetup/install/files/style/extra/ie6-fix-rtl.css
+++ /dev/null
@@ -1,723 +0,0 @@
-
-/* ### -- -- -- -- -- Bugfix-Styles for Microsoft Internet Explorer 6 -- -- -- -- -- ### */
-
-/* 
-
-File: ie6-fix.css 
-Copyright 2006-2011 by WoltLab GmbH. 
-
-For full XHTML- & CSS-Compatibility be sure to include this File only within the so called "Internet Explorer Comment Hack". 
-
-*/
-
-/* ### -- -- -- -- -- Miscellaneous -- -- -- -- -- ### */
-
-html, body {
-	height: 100%;
-}
-
-#main {
-	height: 0;	
-}
-
-.hidden {
-	width: 0;
-}
-
-.container-1, .container-2, .container-3 {
-	zoom: 1;	
-}
-
-.containerHead, .pageMenu ul li a, .tabMenu ul, .border {
-	height: 0 !important;
-}
-
-.contentHeader, .contentFooter {
-	height: 0;
-}
-
-.avatarDisplay fieldset {
-	display: inline;
-}
-
-.avatarSelect li label {
-	width: 154px;
-	height: 154px;
-}
-
-.avatarSelect img {
-	wcf: expression(
-		this.onclick = new Function("$(this).previous().checked = 'checked';")
-	);
-}
-
-.similarThreads li {
-	height: 0;
-}
-
-.longSelect select {
-	width: 500px;
-}
-
-.tableList .columnTopic div.topic, .mainHeadline .headlineContainer h2 {
-	width: 100%;
-}
-
-.tabMenuContent div.container-1 {
-	padding: 15px 25px 5px;
-}
-
-.content .container-1, .content .container-2, .content .container-3 {
-	padding: 7px 25px;
-}
-
-.mainHeadline {
-	height: 55px;
-}
-
-.smallButtons img {
-	margin-top: 1px;
-}
-
-.sidebar hr {
-	display: none;
-}
-
-/* ### -- -- -- -- -- global.css -- -- -- -- -- ### */
-
-.itemList li {
-	height: 0; /* triggers hasLayout */
-	list-style-type: none; /* list bullets look wrong with lists that trigger hasLayout */
-}
-
-form .disabled, .tabMenu .disabled {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);	
-}
-
-/* ### -- -- -- -- -- User Menu -- -- -- -- -- ### */
-
-#userMenu ul li a { /* this line is needed for the following declaration to work! */
-	text-decoration: underline;
-}
-
-#userMenu ul li a:hover { /* this line only works together with the previous declaration! */
-	text-decoration: none;
-}
-
-/* ### -- -- -- -- -- Login Popup -- -- -- -- -- ### */
-
-.loginPopup {
-	width: 0;	
-}
-
-.loginPopup input {
-	font-size: 1em;
-	width: auto;
-}
-
-/* ### -- -- -- -- -- System Messages/States -- -- -- -- -- ### */
-
-.info, .warning, .error, .success {
-	height: 0;	
-}
-
-.deleted img {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-.infoBox {
-	clear: both !important;
-}
-
-.infoBox ul {
-	margin: 7px 0;
-}
-
-/* ### -- -- -- -- -- Main Menu -- -- -- -- -- ### */
-
-#userNote, #userMenu, #userMenu li, #userMenu ul {
- 	display: inline;
- 	width: auto;
-}
-
-#userMenu li {
-	float: none;
-}
-
-#userPanel .userPanelInner {
-	padding-top: 10px;
-	padding-bottom: 3px;
-}
-
-.mainMenu {
-	height: 0;
-}
-
-.mainMenu li, .mainMenu a {
-	display: inline;
-}
-
-.mainMenu img {
-	margin: 3px 0;
-}
-
-.mainMenu span, .pageMenu span {
-	padding: 0 2px 0 0;
-	display: inline !important;
-}
-
-/* ### -- -- -- -- -- Page -- -- -- -- -- ### */
-
-#page { 
-	height: 100%;
-}
-
-/* ### -- -- -- -- -- Search -- -- -- -- -- ### */
-
-#search {
-	white-space: nowrap;
-	width: 0;
-}
-
-/* ### -- -- -- -- -- Tab Menu & Sub Tab Menu -- -- -- -- -- ### */
-
-.tabMenu li {
-	width: 0 !important;
-}
-
-.subTabMenu {
-	height: 0;
-}
-
-.subTabMenu div {
-	height: 5px;
-}
-
-/* ### -- -- -- -- -- Popup Menu -- -- -- -- -- ### */
-
-.popupMenu {
-	white-space: normal !important;
-	width: 200px !important;
-}
-
-.popupMenu li, .popupMenu a {
-	width: 200px !important;
-}
-
-.pageMenu li, .pageMenu a {
-	height: 0 !important;
-}
-
-/* ### -- -- -- -- -- Page Navigation -- -- -- -- -- ### */
-
-.pageNavigation a {
-	width: 0;
-	height: 0;
-}
-
-.pageNavigation li.children a img {
-	display: none;
-}
-
-.pageNavigation input {
-	padding: 2px 0;
-	width: 1.5em;
-	min-height: 1.4em;
-}
-
-.tableList .statusDisplayIcons {
-	display: inline;
-}
-
-.tableList .statusDisplay .pageNavigation {
-	display: inline;	
-}
-
-/* ### -- -- -- -- -- Fieldset -- -- -- -- -- ### */
-
-fieldset {
-	margin-top: 25px;
-	padding-top: 15px;
-	position: relative;
-}
-
-fieldset legend {
-	padding: 3px;
-	position: absolute;
-	top: -13px;
-	right: 8px;
-}
-
-/* ### -- -- -- -- -- imageViewer.css -- -- -- -- -- ### */
-
-.imageViewerBackground, .imageViewerCurrentImage, .imageViewerMenu, .imageViewerCaption, .overlay {
-	position: absolute !important;
-}
-
-/* ### -- -- -- -- -- Members List (Whitelist / Blacklist) -- -- -- -- -- ### */
-
-.memberList li a {
-	height: auto !important;
-}
-
-.memberList li .memberName {
-	width: 174px;
-	height: 1px;
-}
-
-.memberList li .memberListStatusIcon {
-	position: absolute;
-	right: 5px;
-	top: 20%;
-}
-
-.memberList li a img {
-	position: absolute;
-	left: 4px;
-	top: 20%;
-}
-
-/* ### -- -- -- -- -- PM Layout -- -- -- -- -- ### */
-
-.pmIndex {
-	margin-bottom: 7px;
-}
-
-.pmFolders {
-	height: 0;
-}
-
-.pmUsageBar div {
-	border-bottom: 7px solid #0a0;
-	background-color: #0c0;
-	height: 1px !important;
-}
-
-/* ### -- -- -- -- -- messages.css -- -- -- -- -- ### */
-
-.message, .messageInner, .messageHeader, .messageFooter, .messageFooterLeft, .messageFooterRight, .containerContent, .smallButtons {
-	height: 0;
-}
-
-.messageBody {
-	float: right;
-}
-
-.message .messageTop .messageSidebar {
-	height: 100px;
-}
-
-.message .messageFramedTop .messageSidebar {
-	height: 90px;
-}
-
-.message .guestPost .messageSidebar {
-	height: 40px !important;
-}
-
-.message .messageTop .messageAuthor, .message .messageFramedTop .messageAuthor {
-	border-width: 0;
-	margin-right: 47px;
-	height: 0;
-}
-
-.message .messageLeft .messageAuthor, .message .messageLeft .messageAuthor, .message .messageFramedLeft .messageAuthor, .message .messageFramedLeft .messageAuthor {
-	margin-bottom: -1px;
-}
-
-.message .messageTop .userAvatarFramed, .message .messageFramedTop .userAvatarFramed {
-	height: 0;
-}
-
-.message .messageTop .userAvatar, .message .messageFramedTop .userAvatar, .message .messageTop .userAvatarFramed, .message .messageFramedTop .userAvatarFramed {
-	right: 0 !important;
-	top: 0 !important;
-}
-
-.message .messageLeft .userAvatarFramed, .message .messageRight .userAvatarFramed, .message .messageFramedLeft .userAvatarFramed, .message .messageFramedRight .userAvatarFramed {
-	width: 154px;
-	height: 154px;
-}
-
-.message .messageLeft .userAvatarFramed a, .message .messageRight .userAvatarFramed a, .message .messageFramedLeft .userAvatarFramed a, .message .messageFramedRight .userAvatarFramed a {
-	width: 152px;
-	height: 152px;
-}
-
-.message .messageTop .userAvatarFramed a, .message .messageFramedTop .userAvatarFramed a {
-	position: relative !important;
-	width: 78px;
-	height: 78px;
-}
-
-.message .messageLeft .userAvatarFramed, .message .messageRight .userAvatarFramed, .message .messageFramedLeft .userAvatarFramed, .message .messageFramedRight .userAvatarFramed {
-	margin: 7px 14px;
-}
-
-.message .messageLeft .userMessenger, .message .messageRight .userMessenger, .message .messageFramedLeft .userMessenger, .message .messageFramedRight .userMessenger {
-	position: static !important;
-}
-
-/* fixes thread-page flickering */
-.message .messageContent, .message .messageContentInner {
-	position: relative;
-}
-
-.message .messageHeader .containerIcon {
-	height: 30px;
-}
-
-/* ### -- -- -- -- -- Poll -- -- -- -- -- ### */
-
-.poll .containerContent {
-	height: 0;
-}
-
-.pollOptionBar {
-	font-size: 6px; /* fixes wrong bar-heights */
-	margin: 0;
-}
-
-.pollShowResults, .pollShowForm {
-	height: 0 !important;
-}
-
-/* ### -- -- -- -- -- Code Box -- -- -- -- -- ### */
-
-.codeBox img {
-	margin-top: 5px;
-}
-
-.codeBox table {
-	font-size: 1em;
-}
-
-.codeBox div {
-	width: 100%;
-	overflow-y: hidden;
-}
-
-.codeBox pre {
-	padding-bottom: 2em;
-}
-
-/* ### -- -- -- -- -- wysiwyg.css -- -- -- -- -- ### */
-
-.mceButtonDisabled a img {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-}
-
-div.mceColors {
-	height: 0 !important;
-}
-
-div.mceColors ul {
-	height: 0 !important;
-}
-
-div.mceColors ul li {
-	font-size: 0 !important;
-	margin: 0 !important;
-}
-
-div.mceColors ul li a, div.mceColors ul li a:hover {
-	margin: 0 0 1px 1px !important;
-	width: 15px !important;
-	height: 15px !important;
-}
-
-.editor .container-1, .editor .container-2, .editor .container-3 {
-	padding: 0 !important;
-}
-
-.editor .popupMenu {
-	bottom: 24px !important;
-	height: 0 !important;
-	right: 0 !important;
-	width: auto !important;
-}
-
-.mceToolbar ul {
-	margin: 0 !important;
-}
-
-/* ### -- -- -- -- -- forms.css -- -- -- -- -- ### */
-
-.floatContainer, .formElement, .formGroup, .formGroupField {
-	height: 0;
-}
-
-.formGroup fieldset {
-	margin: 0;
-	padding: 8px;
-	position: static;
-}
-
-form textarea {
-	border-width: 1px;
-	width: 98%;
-}
-
-textarea, .inputText {
-	width: 98%;
-}
-
-/* ### -- -- -- -- -- table.css -- -- -- -- -- ### */
-
-table {
-	border-collapse: collapse;
-}
-
-.tableList {
-	font-size: 1em;
-}
-
-tr.tableHead a img {
-	margin-top: 0;
-}
-
-.tableHead .emptyHead input {
-	margin-top: -1px;
-}
-
-.tableHead a, .tableHead .emptyHead {
-	height: 21px !important;
-}
-
-/* ### -- -- -- -- -- burningboard.css -- -- -- -- -- ### */
-
-#boardlist .container-1, #boardlist .container-2 {
-	display: inline;
-	float: right;
-}
-
-#boardlist li ul .boardlistTitle .containerIcon {
-	display: inline; /* prevents double margin */
-}
-
-#boardlist li ul li ul .boardlistTitle .containerIcon {
-	display: inline; /* prevents double margin */
-}
-
-#boardlist li ul li ul li ul .boardlistTitle .containerIcon {
-	display: inline; /* prevents double margin */
-}
-
-/* ### -- -- -- -- -- calendar.css -- -- -- -- -- ### */
-
-.eventList a {
-	height: 1.8em;	
-}
-
-.otherMonth {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-#repeatByDaySettings .toggleButton ul, #repeatByMonthSettings .toggleButton ul, #repeatByMonthDaySettings .toggleButton ul, #repeatByWeekSettings .toggleButton ul {
-	width: 493px;
-}
-
-.accessRights ul li {
-	height: 0;
-}
-
-.userProfileBox .border .timeLabel a {
-	width: 0;
-}
-
-/* ### -- -- -- -- -- profile.css -- -- -- -- -- ### */			
-
-#userCard {
-	position: relative !important;
-	height: 0;
-}
-
-#userCard .userCardList {
-	position: static !important;
-}
-
-#userCardAvatar .userAvatar {
-	display: inline;
-}
-
-#userCardAvatar .userAvatar a img {
-	clear: both;
-}
-
-#userCardCredits .userPersonals {
-	height: 59px;
-	overflow: visible !important;
-}
-
-#userCard .smallButtons {
-	display: block;
-}
-
-#userCard .smallButtons ul {
-	width: 70%;
-}
-
-#userCard .smallButtons ul li {
-	width: 0;
-}
-
-#userCard .smallButtons ul li a {
-	float: right !important;
-}
-
-.dynContainer {
-	height: 0;
-}
-
-.dynContainer .last {
-	width: auto !important;
-}
-
-#userCard .friendsNone {
-	margin-bottom: -30px !important;
-}
-
-.pageMenu .twoRows a:hover {
-	padding-top: 2px !important;
-	padding-bottom: 4px !important;
-	height: 0 !important;
-}
-
-/* -- -- -- -- -- layout.css -- -- -- -- -- */
-
-.column {
-	margin-bottom: -9999px;
-	padding-bottom: 9999px;
-	display: inline-block;
-}
-
-.column {
-	display: inline;
-	float: right;
-}
-
-.columnInner {
-	height: 0;
-}
-
-.columnContainer {
-	height: 0;
-}
-
-.layout-2 .second {
-	width: auto !important;
-}
-
-.columnInner #editor {
-	width: 97.5%;	
-}
-
-.sidebar, .sidebar * {
-	 display: inline-block;
-}
-
-.sidebar .subTabMenu li a {
-	 display: inline !important;
-}
-
-/* ### -- -- -- -- -- gallery.css -- -- -- -- -- ### */
-
-a .thumbnail img {
-	wcf: expression(
-		this.onclick = new Function("window.location.href= $(this).up('a').href;")
-	);
-}
-
-.galleryPhoto img {
-	width: auto;
-}
-
-.galleryIndex .floatedElement {
-	border: 0;
-	padding: 8px 8px 14px;
-	overflow: hidden !important;
-}
-
-.galleryIndex .marked {
-	border-width: 1px;
-	padding: 7px 7px 13px;
-}
-
-.galleryIndex .thumbnailButtons {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-	visibility: visible !important;
-	width: 103%;
-	bottom: 65px;
-}
-
-.galleryIndex .thumbnailButtons input {
-	margin: 0 2px !important;
-}
-
-.galleryIndex .thumbnailButtons .container-4 {
-	display: inline !important;
-}
-
-.thumbnailView .last {
-	width: auto !important;
-}
-
-.gallery .layout-2 .first {
-	width: 65% !important;
-}
-
-.gallery .layout-2 .second {
-	width: 35% !important;
-}
-
-.sidebar .smallButtons li {
-	width: 0;
-}
-
-.balloon {
-	width: 0 !important;
-}
-
-/* ### -- -- -- -- -- rules.css -- -- -- -- -- -- ### */
-
-.rules ol {
-	margin-right: 20px;	
-}
-
-/* ### -- -- -- -- -- footer.css -- -- -- -- -- ### */
-
-.footerMenu, .footerOptions {
-	height: 0;
-}
-
-.footerOptions {
-	white-space: nowrap;
-}
-
-.footerOptions li {
-	display: inline-block;	
-}
-
-.footerMenu li, .footerMenu a, .footerOptions li, .footerOptions a {
-	display: inline;
-}
-
-.footerMenu img, .footerOptions img {
-	margin: 3px 0;
-}
-
-.footerMenu span, .footerOptions span  {
-	padding: 0 2px 0 0;
-	display: inline !important;
-}
-
-.footerOptions li.extraButton a {
-	padding: 1px 2px !important;
-	display: block;
-}
-
-.footerOptions li.extraButton a img {
-	margin: 0 !important;
-}
-
-/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */
diff --git a/wcfsetup/install/files/style/extra/ie6-fix.css b/wcfsetup/install/files/style/extra/ie6-fix.css
deleted file mode 100644
index 62901aa888..0000000000
--- a/wcfsetup/install/files/style/extra/ie6-fix.css
+++ /dev/null
@@ -1,723 +0,0 @@
-
-/* ### -- -- -- -- -- Bugfix-Styles for Microsoft Internet Explorer 6 -- -- -- -- -- ### */
-
-/* 
-
-File: ie6-fix.css 
-Copyright 2006-2011 by WoltLab GmbH. 
-
-For full XHTML- & CSS-Compatibility be sure to include this File only within the so called "Internet Explorer Comment Hack". 
-
-*/
-
-/* ### -- -- -- -- -- Miscellaneous -- -- -- -- -- ### */
-
-html, body {
-	height: 100%;
-}
-
-#main {
-	height: 0;	
-}
-
-.hidden {
-	width: 0;
-}
-
-.container-1, .container-2, .container-3 {
-	zoom: 1;	
-}
-
-.containerHead, .pageMenu ul li a, .tabMenu ul, .border {
-	height: 0 !important;
-}
-
-.contentHeader, .contentFooter {
-	height: 0;
-}
-
-.avatarDisplay fieldset {
-	display: inline;
-}
-
-.avatarSelect li label {
-	width: 154px;
-	height: 154px;
-}
-
-.avatarSelect img {
-	wcf: expression(
-		this.onclick = new Function("$(this).previous().checked = 'checked';")
-	);
-}
-
-.similarThreads li {
-	height: 0;
-}
-
-.longSelect select {
-	width: 500px;
-}
-
-.tableList .columnTopic div.topic, .mainHeadline .headlineContainer h2 {
-	width: 100%;
-}
-
-.tabMenuContent div.container-1 {
-	padding: 15px 25px 5px;
-}
-
-.content .container-1, .content .container-2, .content .container-3 {
-	padding: 7px 25px;
-}
-
-.mainHeadline {
-	height: 55px;
-}
-
-.smallButtons img {
-	margin-top: 1px;
-}
-
-.sidebar hr {
-	display: none;
-}
-
-/* ### -- -- -- -- -- global.css -- -- -- -- -- ### */
-
-.itemList li {
-	height: 0; /* triggers hasLayout */
-	list-style-type: none; /* list bullets look wrong with lists that trigger hasLayout */
-}
-
-form .disabled, .tabMenu .disabled {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);	
-}
-
-/* ### -- -- -- -- -- User Menu -- -- -- -- -- ### */
-
-#userMenu ul li a { /* this line is needed for the following declaration to work! */
-	text-decoration: underline;
-}
-
-#userMenu ul li a:hover { /* this line only works together with the previous declaration! */
-	text-decoration: none;
-}
-
-/* ### -- -- -- -- -- Login Popup -- -- -- -- -- ### */
-
-.loginPopup {
-	width: 0;	
-}
-
-.loginPopup input {
-	font-size: 1em;
-	width: auto;
-}
-
-/* ### -- -- -- -- -- System Messages/States -- -- -- -- -- ### */
-
-.info, .warning, .error, .success {
-	height: 0;	
-}
-
-.deleted img {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-.infoBox {
-	clear: both !important;
-}
-
-.infoBox ul {
-	margin: 7px 0;
-}
-
-/* ### -- -- -- -- -- Main Menu -- -- -- -- -- ### */
-
-#userNote, #userMenu, #userMenu li, #userMenu ul {
- 	display: inline;
- 	width: auto;
-}
-
-#userMenu li {
-	float: none;
-}
-
-#userPanel .userPanelInner {
-	padding-top: 10px;
-	padding-bottom: 3px;
-}
-
-.mainMenu {
-	height: 0;
-}
-
-.mainMenu li, .mainMenu a {
-	display: inline;
-}
-
-.mainMenu img {
-	margin: 3px 0;
-}
-
-.mainMenu span, .pageMenu span {
-	padding: 0 0 0 2px;
-	display: inline !important;
-}
-
-/* ### -- -- -- -- -- Page -- -- -- -- -- ### */
-
-#page { 
-	height: 100%;
-}
-
-/* ### -- -- -- -- -- Search -- -- -- -- -- ### */
-
-#search {
-	white-space: nowrap;
-	width: 0;
-}
-
-/* ### -- -- -- -- -- Tab Menu & Sub Tab Menu -- -- -- -- -- ### */
-
-.tabMenu li {
-	width: 0 !important;
-}
-
-.subTabMenu {
-	height: 0;
-}
-
-.subTabMenu div {
-	height: 5px;
-}
-
-/* ### -- -- -- -- -- Popup Menu -- -- -- -- -- ### */
-
-.popupMenu {
-	white-space: normal !important;
-	width: 200px !important;
-}
-
-.popupMenu li, .popupMenu a {
-	width: 200px !important;
-}
-
-.pageMenu li, .pageMenu a {
-	height: 0 !important;
-}
-
-/* ### -- -- -- -- -- Page Navigation -- -- -- -- -- ### */
-
-.pageNavigation a {
-	width: 0;
-	height: 0;
-}
-
-.pageNavigation li.children a img {
-	display: none;
-}
-
-.pageNavigation input {
-	padding: 2px 0;
-	width: 1.5em;
-	min-height: 1.4em;
-}
-
-.tableList .statusDisplayIcons {
-	display: inline;
-}
-
-.tableList .statusDisplay .pageNavigation {
-	display: inline;	
-}
-
-/* ### -- -- -- -- -- Fieldset -- -- -- -- -- ### */
-
-fieldset {
-	margin-top: 25px;
-	padding-top: 15px;
-	position: relative;
-}
-
-fieldset legend {
-	padding: 3px;
-	position: absolute;
-	top: -13px;
-	left: 8px;
-}
-
-/* ### -- -- -- -- -- imageViewer.css -- -- -- -- -- ### */
-
-.imageViewerBackground, .imageViewerCurrentImage, .imageViewerMenu, .imageViewerCaption, .overlay {
-	position: absolute !important;
-}
-
-/* ### -- -- -- -- -- Members List (Whitelist / Blacklist) -- -- -- -- -- ### */
-
-.memberList li a {
-	height: auto !important;
-}
-
-.memberList li .memberName {
-	width: 174px;
-	height: 1px;
-}
-
-.memberList li .memberListStatusIcon {
-	position: absolute;
-	left: 5px;
-	top: 20%;
-}
-
-.memberList li a img {
-	position: absolute;
-	right: 4px;
-	top: 20%;
-}
-
-/* ### -- -- -- -- -- PM Layout -- -- -- -- -- ### */
-
-.pmIndex {
-	margin-bottom: 7px;
-}
-
-.pmFolders {
-	height: 0;
-}
-
-.pmUsageBar div {
-	border-bottom: 7px solid #0a0;
-	background-color: #0c0;
-	height: 1px !important;
-}
-
-/* ### -- -- -- -- -- messages.css -- -- -- -- -- ### */
-
-.message, .messageInner, .messageHeader, .messageFooter, .messageFooterLeft, .messageFooterRight, .containerContent, .smallButtons {
-	height: 0;
-}
-
-.messageBody {
-	float: left;
-}
-
-.message .messageTop .messageSidebar {
-	height: 100px;
-}
-
-.message .messageFramedTop .messageSidebar {
-	height: 90px;
-}
-
-.message .guestPost .messageSidebar {
-	height: 40px !important;
-}
-
-.message .messageTop .messageAuthor, .message .messageFramedTop .messageAuthor {
-	border-width: 0;
-	margin-left: 47px;
-	height: 0;
-}
-
-.message .messageLeft .messageAuthor, .message .messageLeft .messageAuthor, .message .messageFramedLeft .messageAuthor, .message .messageFramedLeft .messageAuthor {
-	margin-bottom: -1px;
-}
-
-.message .messageTop .userAvatarFramed, .message .messageFramedTop .userAvatarFramed {
-	height: 0;
-}
-
-.message .messageTop .userAvatar, .message .messageFramedTop .userAvatar, .message .messageTop .userAvatarFramed, .message .messageFramedTop .userAvatarFramed {
-	left: 0 !important;
-	top: 0 !important;
-}
-
-.message .messageLeft .userAvatarFramed, .message .messageRight .userAvatarFramed, .message .messageFramedLeft .userAvatarFramed, .message .messageFramedRight .userAvatarFramed {
-	width: 154px;
-	height: 154px;
-}
-
-.message .messageLeft .userAvatarFramed a, .message .messageRight .userAvatarFramed a, .message .messageFramedLeft .userAvatarFramed a, .message .messageFramedRight .userAvatarFramed a {
-	width: 152px;
-	height: 152px;
-}
-
-.message .messageTop .userAvatarFramed a, .message .messageFramedTop .userAvatarFramed a {
-	position: relative !important;
-	width: 78px;
-	height: 78px;
-}
-
-.message .messageLeft .userAvatarFramed, .message .messageRight .userAvatarFramed, .message .messageFramedLeft .userAvatarFramed, .message .messageFramedRight .userAvatarFramed {
-	margin: 7px 14px;
-}
-
-.message .messageLeft .userMessenger, .message .messageRight .userMessenger, .message .messageFramedLeft .userMessenger, .message .messageFramedRight .userMessenger {
-	position: static !important;
-}
-
-/* fixes thread-page flickering */
-.message .messageContent, .message .messageContentInner {
-	position: relative;
-}
-
-.message .messageHeader .containerIcon {
-	height: 30px;
-}
-
-/* ### -- -- -- -- -- Poll -- -- -- -- -- ### */
-
-.poll .containerContent {
-	height: 0;
-}
-
-.pollOptionBar {
-	font-size: 6px; /* fixes wrong bar-heights */
-	margin: 0;
-}
-
-.pollShowResults, .pollShowForm {
-	height: 0 !important;
-}
-
-/* ### -- -- -- -- -- Code Box -- -- -- -- -- ### */
-
-.codeBox img {
-	margin-top: 5px;
-}
-
-.codeBox table {
-	font-size: 1em;
-}
-
-.codeBox div {
-	width: 100%;
-	overflow-y: hidden;
-}
-
-.codeBox pre {
-	padding-bottom: 2em;
-}
-
-/* ### -- -- -- -- -- wysiwyg.css -- -- -- -- -- ### */
-
-.mceButtonDisabled a img {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-}
-
-div.mceColors {
-	height: 0 !important;
-}
-
-div.mceColors ul {
-	height: 0 !important;
-}
-
-div.mceColors ul li {
-	font-size: 0 !important;
-	margin: 0 !important;
-}
-
-div.mceColors ul li a, div.mceColors ul li a:hover {
-	margin: 0 1px 1px 0 !important;
-	width: 15px !important;
-	height: 15px !important;
-}
-
-.editor .container-1, .editor .container-2, .editor .container-3 {
-	padding: 0 !important;
-}
-
-.editor .popupMenu {
-	bottom: 24px !important;
-	height: 0 !important;
-	left: 0 !important;
-	width: auto !important;
-}
-
-.mceToolbar ul {
-	margin: 0 !important;
-}
-
-/* ### -- -- -- -- -- forms.css -- -- -- -- -- ### */
-
-.floatContainer, .formElement, .formGroup, .formGroupField {
-	height: 0;
-}
-
-.formGroup fieldset {
-	margin: 0;
-	padding: 8px;
-	position: static;
-}
-
-form textarea {
-	border-width: 1px;
-	width: 98%;
-}
-
-textarea, .inputText {
-	width: 98%;
-}
-
-/* ### -- -- -- -- -- table.css -- -- -- -- -- ### */
-
-table {
-	border-collapse: collapse;
-}
-
-.tableList {
-	font-size: 1em;
-}
-
-tr.tableHead a img {
-	margin-top: 0;
-}
-
-.tableHead .emptyHead input {
-	margin-top: -1px;
-}
-
-.tableHead a, .tableHead .emptyHead {
-	height: 21px !important;
-}
-
-/* ### -- -- -- -- -- burningboard.css -- -- -- -- -- ### */
-
-#boardlist .container-1, #boardlist .container-2 {
-	display: inline;
-	float: left;
-}
-
-#boardlist li ul .boardlistTitle .containerIcon {
-	display: inline; /* prevents double margin */
-}
-
-#boardlist li ul li ul .boardlistTitle .containerIcon {
-	display: inline; /* prevents double margin */
-}
-
-#boardlist li ul li ul li ul .boardlistTitle .containerIcon {
-	display: inline; /* prevents double margin */
-}
-
-/* ### -- -- -- -- -- calendar.css -- -- -- -- -- ### */
-
-.eventList a {
-	height: 1.8em;	
-}
-
-.otherMonth {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-#repeatByDaySettings .toggleButton ul, #repeatByMonthSettings .toggleButton ul, #repeatByMonthDaySettings .toggleButton ul, #repeatByWeekSettings .toggleButton ul {
-	width: 493px;
-}
-
-.accessRights ul li {
-	height: 0;
-}
-
-.userProfileBox .border .timeLabel a {
-	width: 0;
-}
-
-/* ### -- -- -- -- -- profile.css -- -- -- -- -- ### */			
-
-#userCard {
-	position: relative !important;
-	height: 0;
-}
-
-#userCard .userCardList {
-	position: static !important;
-}
-
-#userCardAvatar .userAvatar {
-	display: inline;
-}
-
-#userCardAvatar .userAvatar a img {
-	clear: both;
-}
-
-#userCardCredits .userPersonals {
-	height: 59px;
-	overflow: visible !important;
-}
-
-#userCard .smallButtons {
-	display: block;
-}
-
-#userCard .smallButtons ul {
-	width: 70%;
-}
-
-#userCard .smallButtons ul li {
-	width: 0;
-}
-
-#userCard .smallButtons ul li a {
-	float: left !important;
-}
-
-.dynContainer {
-	height: 0;
-}
-
-.dynContainer .last {
-	width: auto !important;
-}
-
-#userCard .friendsNone {
-	margin-bottom: -30px !important;
-}
-
-.pageMenu .twoRows a:hover {
-	padding-top: 2px !important;
-	padding-bottom: 4px !important;
-	height: 0 !important;
-}
-
-/* -- -- -- -- -- layout.css -- -- -- -- -- */
-
-.column {
-	margin-bottom: -9999px;
-	padding-bottom: 9999px;
-	display: inline-block;
-}
-
-.column {
-	display: inline;
-	float: left;
-}
-
-.columnInner {
-	height: 0;
-}
-
-.columnContainer {
-	height: 0;
-}
-
-.layout-2 .second {
-	width: auto !important;
-}
-
-.columnInner #editor {
-	width: 97.5%;	
-}
-
-.sidebar, .sidebar * {
-	 display: inline-block;
-}
-
-.sidebar .subTabMenu li a {
-	 display: inline !important;
-}
-
-/* ### -- -- -- -- -- gallery.css -- -- -- -- -- ### */
-
-a .thumbnail img {
-	wcf: expression(
-		this.onclick = new Function("window.location.href= $(this).up('a').href;")
-	);
-}
-
-.galleryPhoto img {
-	width: auto;
-}
-
-.galleryIndex .floatedElement {
-	border: 0;
-	padding: 8px 8px 14px;
-	overflow: hidden !important;
-}
-
-.galleryIndex .marked {
-	border-width: 1px;
-	padding: 7px 7px 13px;
-}
-
-.galleryIndex .thumbnailButtons {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-	visibility: visible !important;
-	width: 103%;
-	bottom: 65px;
-}
-
-.galleryIndex .thumbnailButtons input {
-	margin: 0 2px !important;
-}
-
-.galleryIndex .thumbnailButtons .container-4 {
-	display: inline !important;
-}
-
-.thumbnailView .last {
-	width: auto !important;
-}
-
-.gallery .layout-2 .first {
-	width: 65% !important;
-}
-
-.gallery .layout-2 .second {
-	width: 35% !important;
-}
-
-.sidebar .smallButtons li {
-	width: 0;
-}
-
-.balloon {
-	width: 0 !important;
-}
-
-/* ### -- -- -- -- -- rules.css -- -- -- -- -- -- ### */
-
-.rules ol {
-	margin-left: 20px;	
-}
-
-/* ### -- -- -- -- -- footer.css -- -- -- -- -- ### */
-
-.footerMenu, .footerOptions {
-	height: 0;
-}
-
-.footerOptions {
-	white-space: nowrap;
-}
-
-.footerOptions li {
-	display: inline-block;	
-}
-
-.footerMenu li, .footerMenu a, .footerOptions li, .footerOptions a {
-	display: inline;
-}
-
-.footerMenu img, .footerOptions img {
-	margin: 3px 0;
-}
-
-.footerMenu span, .footerOptions span  {
-	padding: 0 0 0 2px;
-	display: inline !important;
-}
-
-.footerOptions li.extraButton a {
-	padding: 1px 2px !important;
-	display: block;
-}
-
-.footerOptions li.extraButton a img {
-	margin: 0 !important;
-}
-
-/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */
diff --git a/wcfsetup/install/files/style/extra/ie7-fix-rtl.css b/wcfsetup/install/files/style/extra/ie7-fix-rtl.css
deleted file mode 100644
index 0d7e1eb240..0000000000
--- a/wcfsetup/install/files/style/extra/ie7-fix-rtl.css
+++ /dev/null
@@ -1,428 +0,0 @@
-
-/* ### -- -- -- -- -- Bugfix-Styles for Microsoft Internet Explorer 7 -- -- -- -- -- ### */
-
-/* 
-
-File: ie7-fix.css 
-Copyright 2006-2011 by WoltLab GmbH. 
-
-For full XHTML- & CSS-Compatibility be sure to include this File only within the so called "Internet Explorer Comment Hack". 
-
-*/
-
-/* ### -- -- -- -- -- Miscellaneous -- -- -- -- -- ### */
-
-#main {
-	min-height: 0;	
-}
-
-fieldset {
-	margin-top: 25px;
-}
-
-fieldset legend {
-	margin-top: -18px;
-}
-
-.container-1, .container-2, .container-3 {
-	min-height: 0;
-}
-
-.pageNavigation input {
-	margin-top: 2px !important;
-	margin-bottom: -2px !important;
-	padding: 0 !important;
-	width: 2em !important;
-	height: 10px !important;
-}
-
-.subTabMenu {
-	zoom: 1;	
-}
-
-.subTabMenu .containerHead {
-	min-height: auto;	
-}
-
-.subTabMenu .containerHead > ul {
-	min-height: 0;	
-}
-
-/* ### -- -- -- -- -- tables.css -- -- -- -- -- ### */
-
-table {
-	border-collapse: collapse;
-}
-
-.tableList .statusDisplayIcons {
-	display: inline;
-}
-
-.tableList .statusDisplay .pageNavigation {
-	display: inline;	
-}
-
-/* ### -- -- -- -- -- forms.css -- -- -- -- -- ### */
-
-.formElement {
-	min-height: 0;
-}
-
-.formGroup fieldset {
-	margin: 0;
-}
-
-form .formPrefix div {
-	margin-right: 5px;
-	min-height: 0;
-}
-
-form input[type="file"] {
-	padding: 3px;
-}
-
-textarea, .inputText {
-	width: 98%;
-}
-
-/* ### -- -- -- -- -- wysiwyg.css -- -- -- -- -- ### */
-
-.mceToolbar {
-	min-height: 0;	
-}
-
-.mceButtonDisabled a img {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-}
-
-div.mceColors {
-	min-height: 0 !important;
-	padding-bottom: 1px;
-}
-
-div.mceColors ul {
-	min-height: 0 !important;
-}
-
-#editor .border {
-	margin-top: -1px;
-	padding-bottom: 1px;	
-}
-
-.editor .popupMenu {
-	min-height: 0 !important;
-	right: 0 !important;
-	bottom: 24px !important;
-}
-
-/* ### -- -- -- -- -- header.css -- -- -- -- -- ### **/
-
-#userNote, #userMenu, #userMenu li, #userMenu ul {
- 	display: inline;
-}
-
-#userMenu li {
-	float: none;
-}
-
-#userPanel .userPanelInner {
-	padding-top: 10px;
-	padding-bottom: 3px;
-}
-
-/* ### -- -- -- -- -- footer.css -- -- -- -- -- ### */
-
-#footer, #footerContainer {
-	position: relative;
-}
-
-.footerOptions {
-	white-space: nowrap;
-}
-
-.footerMenu li, .footerOptions li {
-	position: relative;
-}
-
-.footerOptions li.stylePicker {
-	position: relative;
-	top: -7px !important;
-}
-
-.footerOptions li.stylePicker div {
-	top: 25px;
-	right: 5px;
-}
-
-.footerOptions li.date  {
-	margin-bottom: 0 !important;
-}
-
-.footerOptions li.extraButton {
-	position: relative;
-	top: -5px !important;
-}
-
-.footerOptions li.extraButton a {
-	display: block;
-}
-
-.footerOptions li.extraButton a img {
-	margin: 0 !important;
-}
-
-/* ### -- -- -- -- -- Main Menu -- -- -- -- -- ### */
-
-.mainMenu a {
-	min-height: auto;	
-}
-
-.mainMenu > div > ul > li, .mainMenu a, .footerMenu li, .footerMenu a, .footerOptionsInner > ul > li, .footerOptions a {
-	display: inline;
-}
-
-.mainMenu img, .footerMenu img, .footerOptions img {
-	margin: 3px 0;
-}
-
-.mainMenu span, .footerMenu span, .footerOptions span, .pageMenu span {
-	padding: 0 2px 0 0;
-	display: inline !important;
-}
-
-/* ### -- -- -- -- -- messages.css -- -- -- -- -- ### */
-
-.message, .messageInner, .messageHeader, .messageBody, .messageFooter, .userMessenger {
-	min-height: 0 !important;
-}
-
-.messageLeft .messageSidebar, .messageRight .messageSidebar, .messageFramedLeft .messageSidebar, .messageFramedRight .messageSidebar {
-	min-width: 0 !important;
-}
-
-.message .messageTop.guestPost .messageAuthor, .message .messageFramedTop.guestPost .messageAuthor {
-	padding-bottom: 7px;
-}
-
-.messageNumber, .messageMarkCheckBox {
-	float: right;
-}
-
-.message .messageHeader {
-	position: relative;
-}
-
-.messageHeader .popupMenu {
-	top: 29px;
-	right: 0;
-}
-
-.message h3 .inputText, .message h4 .inputText {
-	margin-right: -180px;
-}
-
-.messageTop .userMessenger, .messageFramedTop .userMessenger {
-	float: right;
-}
-
-.messageFooter input {
-	margin: 0 -10px 0 0;
-	padding: 0;
-}
-
-.codeBox div {
-	overflow-y: hidden;
-}
-
-.codeBox pre {
-	padding-bottom: 2em;
-}
-
-.infoBox {
-	clear: both !important;
-}
-
-.infoBox ul {
-	margin: 7px 0;
-}
-
-/* ### -- -- -- -- -- layout.css -- -- -- -- -- ### */
-
-.columnContainer {
-	overflow: hidden;
-}
-
-.column {
-	float: right;
-	margin-bottom: -9999px;
-	padding-bottom: 9999px;
-}
-
-.columnContainerJS {
-	overflow: visible;
-}
-
-.columnJS {
-	float: right;
-	margin: 0 0 1px !important;
-	padding: 0 !important;
-}
-
-.columnInner #editor {
-	width: 99%;	
-}
-
-.layout-2 .container-3, .layout-3 .container-3 {
-	min-height: auto;	
-}
-
-/* we need a better fix here! when the editor is embedded in a floating environment, it will not be displayed. the iframe width needs to be calculated manually (instead of "width: 100%;")! */
-#tplUserMemoEdit .second {
-	float: none;	
-}
-
-.sidebar, .sidebar *, .layout-3 .second {
-	min-height: 0;
-}
-
-/* ### -- -- -- -- -- global.css -- -- -- -- -- ### */
-
-.floatContainer {
-	min-height: 0;
-}
-
-.itemList li {
-	min-height: 0; /* triggers hasLayout */
-	list-style-type: none; /* list bullets look wrong with lists that trigger hasLayout */
-}
-
-form .disabled, .tabMenu .disabled {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);	
-}
-
-/* ### -- -- -- -- -- pageMenu.css -- -- -- -- -- ### */
-
-div.pageMenu .twoRows li a {
-	min-height: 28px !important;
-}
-
-/* ### -- -- -- -- -- profile.css -- -- -- -- -- ### */
-
-.avatarSelect img {
-	wcf: expression(
-		this.onclick = new Function("$(this).previous().checked = 'checked';")
-	);
-}
-
-#userCard {
-	min-height: 0;
-}
-
-#userCardInner {
-	padding: 1px !important;
-	min-height: 0;
-}
-
-#userCard .userAvatar img {
-	margin-bottom: 15px;
-}
-
-#userCardCredits .smallButtons img {
-	margin: 0;
-}
-
-.friendsConnection, .friendsNetwork, .friendsNone, .guestAdvice {
-	min-height: 0;
-	padding: 7px 0 !important;
-	zoom: 1;
-}
-
-/* ### -- -- -- -- -- gallery.css -- -- -- -- -- ### */
-
-a .thumbnail img {
-	wcf: expression(
-		this.onclick = new Function("window.location.href= $(this).up('a').href;")
-	);
-}
-
-.galleryIndex .thumbnailButtons {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-	bottom: 60px;
-}
-
-.galleryIndex .thumbnailButtons input {
-	margin: 0 2px;
-}
-
-.galleryIndex .thumbnailButtons .container-4 {
-	display: inline !important;
-}
-
-.gallery .dataList .buttons * {
-	float: none !important;
-}
-
-.gallery .tagCloud {
-	overflow: hidden;
-}
-
-.thumbnailView .last {
-	width: auto !important;
-}
-
-.gallery .layout-2 .first {
-	width: 65% !important;
-}
-
-.gallery .layout-2 .second {
-	width: 35% !important;
-}
-
-/* ### -- -- -- -- -- buttons.css -- -- -- -- -- ### */
-
-.smallButtons {
-	min-height: 0 !important;
-}
-
-.smallButtons img {
-	margin-top: 1px;
-}
-
-/* ### -- -- -- -- -- privateMessages.css -- -- -- -- -- ### */
-
-.pmFolders {
-	margin-bottom: 7px;
-	min-height: 0;
-}
-
-.pmFolders .pageMenu a,.pmFolders .pageMenu a:hover {
-	padding-top: 10px !important;
-}
-
-/* ### -- -- -- -- -- rules.css -- -- -- -- -- -- ### */
-
-.rules ol {
-	margin-right: 20px;	
-}
-
-/* ### -- -- -- -- -- burningBoard.css -- -- -- -- -- ### */
-
-#boardlist span {
-	 display: inline-block;
-}
-
-/* ### -- -- -- -- -- calendar.css -- -- -- -- -- ### */
-
-.otherMonth {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-.monthView table, .weekView table {
-	border-collapse: separate;
-}
-
-#participantsYes, #participantsNo, #participantsMaybe {
-	zoom: 1;	
-}
-
-/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */
diff --git a/wcfsetup/install/files/style/extra/ie7-fix.css b/wcfsetup/install/files/style/extra/ie7-fix.css
deleted file mode 100644
index c8253e285e..0000000000
--- a/wcfsetup/install/files/style/extra/ie7-fix.css
+++ /dev/null
@@ -1,428 +0,0 @@
-
-/* ### -- -- -- -- -- Bugfix-Styles for Microsoft Internet Explorer 7 -- -- -- -- -- ### */
-
-/* 
-
-File: ie7-fix.css 
-Copyright 2006-2011 by WoltLab GmbH. 
-
-For full XHTML- & CSS-Compatibility be sure to include this File only within the so called "Internet Explorer Comment Hack". 
-
-*/
-
-/* ### -- -- -- -- -- Miscellaneous -- -- -- -- -- ### */
-
-#main {
-	min-height: 0;	
-}
-
-fieldset {
-	margin-top: 25px;
-}
-
-fieldset legend {
-	margin-top: -18px;
-}
-
-.container-1, .container-2, .container-3 {
-	min-height: 0;
-}
-
-.pageNavigation input {
-	margin-top: 2px !important;
-	margin-bottom: -2px !important;
-	padding: 0 !important;
-	width: 2em !important;
-	height: 10px !important;
-}
-
-.subTabMenu {
-	zoom: 1;	
-}
-
-.subTabMenu .containerHead {
-	min-height: auto;	
-}
-
-.subTabMenu .containerHead > ul {
-	min-height: 0;	
-}
-
-/* ### -- -- -- -- -- tables.css -- -- -- -- -- ### */
-
-table {
-	border-collapse: collapse;
-}
-
-.tableList .statusDisplayIcons {
-	display: inline;
-}
-
-.tableList .statusDisplay .pageNavigation {
-	display: inline;	
-}
-
-/* ### -- -- -- -- -- forms.css -- -- -- -- -- ### */
-
-.formElement {
-	min-height: 0;
-}
-
-.formGroup fieldset {
-	margin: 0;
-}
-
-form .formPrefix div {
-	margin-left: 5px;
-	min-height: 0;
-}
-
-form input[type="file"] {
-	padding: 3px;
-}
-
-textarea, .inputText {
-	width: 98%;
-}
-
-/* ### -- -- -- -- -- wysiwyg.css -- -- -- -- -- ### */
-
-.mceToolbar {
-	min-height: 0;	
-}
-
-.mceButtonDisabled a img {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-}
-
-div.mceColors {
-	min-height: 0 !important;
-	padding-bottom: 1px;
-}
-
-div.mceColors ul {
-	min-height: 0 !important;
-}
-
-#editor .border {
-	margin-top: -1px;
-	padding-bottom: 1px;	
-}
-
-.editor .popupMenu {
-	min-height: 0 !important;
-	left: 0 !important;
-	bottom: 24px !important;
-}
-
-/* ### -- -- -- -- -- header.css -- -- -- -- -- ### **/
-
-#userNote, #userMenu, #userMenu li, #userMenu ul {
- 	display: inline;
-}
-
-#userMenu li {
-	float: none;
-}
-
-#userPanel .userPanelInner {
-	padding-top: 10px;
-	padding-bottom: 3px;
-}
-
-/* ### -- -- -- -- -- footer.css -- -- -- -- -- ### */
-
-#footer, #footerContainer {
-	position: relative;
-}
-
-.footerOptions {
-	white-space: nowrap;
-}
-
-.footerMenu li, .footerOptions li {
-	position: relative;
-}
-
-.footerOptions li.stylePicker {
-	position: relative;
-	top: -7px !important;
-}
-
-.footerOptions li.stylePicker div {
-	top: 25px;
-	left: 5px;
-}
-
-.footerOptions li.date  {
-	margin-bottom: 0 !important;
-}
-
-.footerOptions li.extraButton {
-	position: relative;
-	top: -5px !important;
-}
-
-.footerOptions li.extraButton a {
-	display: block;
-}
-
-.footerOptions li.extraButton a img {
-	margin: 0 !important;
-}
-
-/* ### -- -- -- -- -- Main Menu -- -- -- -- -- ### */
-
-.mainMenu a {
-	min-height: auto;	
-}
-
-.mainMenu > div > ul > li, .mainMenu a, .footerMenu li, .footerMenu a, .footerOptionsInner > ul > li, .footerOptions a {
-	display: inline;
-}
-
-.mainMenu img, .footerMenu img, .footerOptions img {
-	margin: 3px 0;
-}
-
-.mainMenu span, .footerMenu span, .footerOptions span, .pageMenu span {
-	padding: 0 0 0 2px;
-	display: inline !important;
-}
-
-/* ### -- -- -- -- -- messages.css -- -- -- -- -- ### */
-
-.message, .messageInner, .messageHeader, .messageBody, .messageFooter, .userMessenger {
-	min-height: 0 !important;
-}
-
-.messageLeft .messageSidebar, .messageRight .messageSidebar, .messageFramedLeft .messageSidebar, .messageFramedRight .messageSidebar {
-	min-width: 0 !important;
-}
-
-.message .messageTop.guestPost .messageAuthor, .message .messageFramedTop.guestPost .messageAuthor {
-	padding-bottom: 7px;
-}
-
-.messageNumber, .messageMarkCheckBox {
-	float: left;
-}
-
-.message .messageHeader {
-	position: relative;
-}
-
-.messageHeader .popupMenu {
-	top: 29px;
-	left: 0;
-}
-
-.message h3 .inputText, .message h4 .inputText {
-	margin-left: -180px;
-}
-
-.messageTop .userMessenger, .messageFramedTop .userMessenger {
-	float: left;
-}
-
-.messageFooter input {
-	margin: 0 0 0 -10px;
-	padding: 0;
-}
-
-.codeBox div {
-	overflow-y: hidden;
-}
-
-.codeBox pre {
-	padding-bottom: 2em;
-}
-
-.infoBox {
-	clear: both !important;
-}
-
-.infoBox ul {
-	margin: 7px 0;
-}
-
-/* ### -- -- -- -- -- layout.css -- -- -- -- -- ### */
-
-.columnContainer {
-	overflow: hidden;
-}
-
-.column {
-	float: left;
-	margin-bottom: -9999px;
-	padding-bottom: 9999px;
-}
-
-.columnContainerJS {
-	overflow: visible;
-}
-
-.columnJS {
-	float: left;
-	margin: 0 0 1px !important;
-	padding: 0 !important;
-}
-
-.columnInner #editor {
-	width: 99%;	
-}
-
-.layout-2 .container-3, .layout-3 .container-3 {
-	min-height: auto;	
-}
-
-/* we need a better fix here! when the editor is embedded in a floating environment, it will not be displayed. the iframe width needs to be calculated manually (instead of "width: 100%;")! */
-#tplUserMemoEdit .second {
-	float: none;	
-}
-
-.sidebar, .sidebar *, .layout-3 .second {
-	min-height: 0;
-}
-
-/* ### -- -- -- -- -- global.css -- -- -- -- -- ### */
-
-.floatContainer {
-	min-height: 0;
-}
-
-.itemList li {
-	min-height: 0; /* triggers hasLayout */
-	list-style-type: none; /* list bullets look wrong with lists that trigger hasLayout */
-}
-
-form .disabled, .tabMenu .disabled {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);	
-}
-
-/* ### -- -- -- -- -- pageMenu.css -- -- -- -- -- ### */
-
-div.pageMenu .twoRows li a {
-	min-height: 28px !important;
-}
-
-/* ### -- -- -- -- -- profile.css -- -- -- -- -- ### */
-
-.avatarSelect img {
-	wcf: expression(
-		this.onclick = new Function("$(this).previous().checked = 'checked';")
-	);
-}
-
-#userCard {
-	min-height: 0;
-}
-
-#userCardInner {
-	padding: 1px !important;
-	min-height: 0;
-}
-
-#userCard .userAvatar img {
-	margin-bottom: 15px;
-}
-
-#userCardCredits .smallButtons img {
-	margin: 0;
-}
-
-.friendsConnection, .friendsNetwork, .friendsNone, .guestAdvice {
-	min-height: 0;
-	padding: 7px 0 !important;
-	zoom: 1;
-}
-
-/* ### -- -- -- -- -- gallery.css -- -- -- -- -- ### */
-
-a .thumbnail img {
-	wcf: expression(
-		this.onclick = new Function("window.location.href= $(this).up('a').href;")
-	);
-}
-
-.galleryIndex .thumbnailButtons {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-	bottom: 60px;
-}
-
-.galleryIndex .thumbnailButtons input {
-	margin: 0 2px;
-}
-
-.galleryIndex .thumbnailButtons .container-4 {
-	display: inline !important;
-}
-
-.gallery .dataList .buttons * {
-	float: none !important;
-}
-
-.gallery .tagCloud {
-	overflow: hidden;
-}
-
-.thumbnailView .last {
-	width: auto !important;
-}
-
-.gallery .layout-2 .first {
-	width: 65% !important;
-}
-
-.gallery .layout-2 .second {
-	width: 35% !important;
-}
-
-/* ### -- -- -- -- -- buttons.css -- -- -- -- -- ### */
-
-.smallButtons {
-	min-height: 0 !important;
-}
-
-.smallButtons img {
-	margin-top: 1px;
-}
-
-/* ### -- -- -- -- -- privateMessages.css -- -- -- -- -- ### */
-
-.pmFolders {
-	margin-bottom: 7px;
-	min-height: 0;
-}
-
-.pmFolders .pageMenu a,.pmFolders .pageMenu a:hover {
-	padding-top: 10px !important;
-}
-
-/* ### -- -- -- -- -- rules.css -- -- -- -- -- -- ### */
-
-.rules ol {
-	margin-left: 20px;	
-}
-
-/* ### -- -- -- -- -- burningBoard.css -- -- -- -- -- ### */
-
-#boardlist span {
-	 display: inline-block;
-}
-
-/* ### -- -- -- -- -- calendar.css -- -- -- -- -- ### */
-
-.otherMonth {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-.monthView table, .weekView table {
-	border-collapse: separate;
-}
-
-#participantsYes, #participantsNo, #participantsMaybe {
-	zoom: 1;	
-}
-
-/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */
diff --git a/wcfsetup/install/files/style/extra/ie8-fix-rtl.css b/wcfsetup/install/files/style/extra/ie8-fix-rtl.css
deleted file mode 100644
index 0531174406..0000000000
--- a/wcfsetup/install/files/style/extra/ie8-fix-rtl.css
+++ /dev/null
@@ -1,61 +0,0 @@
-/**
- * Bugfix-Styles for Microsoft Internet Explorer 8 (RTL)
- *
- * @author		Arian Glander, Harald Szekely
- * @copyright	2009-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Miscellaneous -- -- -- -- -- */
-
-fieldset {
-	margin-top: 25px;
-}
-
-fieldset legend {
-	margin-top: -18px;
-}
-
-.formGroupField > fieldset > legend {
-	margin: 0;
-	padding: 0;
-	display: block !important;
-	width: 0;
-	height: 0;
-	visibility: hidden;
-}
-
-/* -- -- -- -- -- layout.css -- -- -- -- -- */
-
-.layout-1, .layout-2, .layout-3, .layout-4 {
-	box-sizing: border-box;	
-}
-
-/* -- -- -- -- -- global.css -- -- -- -- -- */
-
-form .disabled, .tabMenu .disabled {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);	
-}
-
-/* -- -- -- -- -- calendar.css -- -- -- -- -- */
-
-.otherMonth {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-/* -- -- -- -- -- gallery.css -- -- -- -- -- */
-
-.galleryIndex .thumbnailButtons {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);	
-}
-
-.galleryIndex .thumbnailButtons input {
-	margin: 1px 2px;
-}
-
-/* -- -- -- -- -- wysiwyg.css -- -- -- -- -- */
-
-.mceButtonDisabled a img {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/style/extra/ie8-fix.css b/wcfsetup/install/files/style/extra/ie8-fix.css
deleted file mode 100644
index ef1d35ed2c..0000000000
--- a/wcfsetup/install/files/style/extra/ie8-fix.css
+++ /dev/null
@@ -1,61 +0,0 @@
-/**
- * Bugfix-Styles for Microsoft Internet Explorer 8 (LTR)
- *
- * @author		Arian Glander, Harald Szekely
- * @copyright	2009-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Miscellaneous -- -- -- -- -- */
-
-fieldset {
-	margin-top: 25px;
-}
-
-fieldset legend {
-	margin-top: -18px;
-}
-
-.formGroupField > fieldset > legend {
-	margin: 0;
-	padding: 0;
-	display: block !important;
-	width: 0;
-	height: 0;
-	visibility: hidden;
-}
-
-/* -- -- -- -- -- layout.css -- -- -- -- -- */
-
-.layout-1, .layout-2, .layout-3, .layout-4 {
-	box-sizing: border-box;	
-}
-
-/* -- -- -- -- -- global.css -- -- -- -- -- */
-
-form .disabled, .tabMenu .disabled {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);	
-}
-
-/* -- -- -- -- -- calendar.css -- -- -- -- -- */
-
-.otherMonth {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-/* -- -- -- -- -- gallery.css -- -- -- -- -- */
-
-.galleryIndex .thumbnailButtons {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);	
-}
-
-.galleryIndex .thumbnailButtons input {
-	margin: 1px 2px;
-}
-
-/* -- -- -- -- -- wysiwyg.css -- -- -- -- -- */
-
-.mceButtonDisabled a img {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/style/extra/print-rtl.css b/wcfsetup/install/files/style/extra/print-rtl.css
deleted file mode 100644
index 7f7495430c..0000000000
--- a/wcfsetup/install/files/style/extra/print-rtl.css
+++ /dev/null
@@ -1,269 +0,0 @@
-/**
- * Print Styles (RTL)
- *
- * @author		Arian Glander, Harald Szekely
- * @copyright	2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- General -- -- -- -- -- */
-
-a {
-	color: black;
-}
-
-.copyright {
-	font-size: .7em;
-	text-align: center;
-	padding-top: 20px;
-	clear: both;
-	display: block;
-}
-
-#page {
-	width: auto !important;
-}
-
-/* -- -- -- -- -- Hidden Elements -- -- -- -- -- */
-
-.hidden, #header, #userPanel, .tabMenu, .subTabMenu, .signature, .pmView, th img, .messageNumber, .editNote, .pmFolders, .infoBox, .largeButtons, .smallButtons, .optionButtons, .pageNavigation, .pageOptions, .quickJump,  .userExtras, .scrollUp, .userMessenger, .mainHeadline img, .userAvatar, .userAvatarFramed, .columnUsername img, .userProfileBox, .containerIcon, .userPosts, .userName img, .boardlistLastPost, .boardlistCounter,.boardlistStats, .boardlistUsersOnline, .moderators, .smallPages, .columnIcon img, .columnMarkTopics, .columnMark, .columnReplies, .columnAvatar, .columnViews, .columnLastPost, .breadCrumbs img, legend img, .columnHomepage a img, .columnEmail a img, .columnPosts, .columnRegistrationDate, .userRank, .userTitle, .messageCount, .footerMenu, .footerOptions, .mainMenu, .quickReply, .userSymbols, .userCredits, .statusDisplay, .info, #userCard, #tplUserGalleryPhoto form, .thumbnailButtons, .quoteHeader img, #tplCalendarEvent form, #tplCalendarEvent #participation img, .monthJump {
-	display: none;
-}
-
-/* -- -- -- -- -- Tables -- -- -- -- -- */
-
-table {
-	border-collapse: collapse;
-	width: 100%;
-}
-
-td, th {
-	border: 1px solid black;
-}
-
-th, th a {
-	color: #fff;
-	text-align: right;
-	white-space: nowrap;
-	background-color: #000;
-}
-
-td {
-	vertical-align: top;	
-}
-
-.mainHeadline .headlineContainer h1 {
-	font-size: 1.5em;
-}
-
-.columnIcon {
-	width: 0;
-}
-
-td p, th p {
-	margin: 0;
-	padding: 0;
-}
-
-.columnRating {
-	text-align: center;
-	width: 0;
-}
-
-.columnTopic {
-	width: 80%;
-}
-
-.columnTitle p {
-	overflow: hidden;
-}
-
-.columnDate {
-	white-space: nowrap;
-}
-
-td.columnHomepage a:after {
-	content: ""attr(href)"";
-}
-
-td.columnEmail a[href^="mailto:"]:after {
-	content: ""attr(href)"";
-}
-
-/* -- -- -- -- -- Breadcrumb Style Navigation -- -- -- -- -- */
-
-.breadCrumbs {
-	list-style: none;
-	padding: 0;
-	margin: 0;
-}
-
-.breadCrumbs li {
-	font-style: italic;
-	margin-left: 5px;
-	display: inline;
-}
-
-/* -- -- -- -- -- Message Layout -- -- -- -- -- */
-
-.message {
-	border: 1px solid black;
-	margin: 7px 3px;
-	padding: 13px;
-}
-
-.message hr {
-	display: none;
-}
-
-.messageHeader {
-	font-style: italic;
-	margin: -1em 0 0 0;
-	padding: 0;
-	text-align: left;
-}
-
-.messageHeader p {
-	margin: 0;
-}
-
-.messageContent h3 {
-	font-size: 1em;
-	margin: 0;
-	padding: 7px;
-	clear: both;
-}
-
-.messageBody {
-	border-top: 1px solid black;
-	padding-top: 7px;
-	clear: both;
-}
-
-.messageInner {
-	margin: -10px 0;
-	padding: 0;
-}
-
-.messageText {
-	margin: 7px 0;
-}
-
-.messageAuthor, .messageAuthor .userName {
-	margin: 0;
-	padding: 0;
-}
-
-.messageAuthor .userName {
-	font-style: italic;
-	font-weight: bold;
-	display: inline;
-}
-
-.messageAuthor .userCredits .userTitle {
-	font-size: .8em;
-	margin: 0 0 -10px 0;
-	padding: 0;
-}
-
-blockquote {
-	margin: 5px;
-}
-
-.quoteBox {
-	border: 1px solid black;
-	margin-bottom: 5px;
-	padding: 10px;
-}
-
-.quoteBox h3 {
-	font-style: italic;
-	margin: 0;
-	padding: 0;
-}
-
-.codeBox h3 {
-	font-style: italic;
-	margin: 0;
-	padding: 0;
-}
-
-.poll .containerContent h3 {
-	font-style: italic;
-	margin: 0;
-	padding: 0;
-}
-
-.attachmentPreview fieldset {
-	margin-top: 13px;
-}
-
-.attachmentPreview ul {
-	margin: 0;
-	list-style: none;
-	padding: 0;
-}
-
-.attachmentPreview li {
-	margin-left: 10px;
-	float: right;
-}
-
-.attachmentPreview li img {
-	margin: 0 !important;
-}
-
-.attachmentFile img {
-	display: none;
-}
-
-
-/* -- -- -- -- -- calendar.css -- -- -- -- -- */
-
-#tplCalendarEvent #participation .messageHeader {
-	text-align: right;
-}
-
-/* -- -- -- -- -- Form Element -- -- -- -- -- */
-
-.formElement {
-	margin: 5px 0 3px 0;
-	min-height: 0;
-}
-
-.formElement:after {
-	content: "";
-	height: 0;
-	display: block;
-	clear: both;
-}
-
-/* -- -- -- -- -- Form Field -- -- -- -- -- */
-
-.formField {
-	padding: 0;
-	min-height: 1em;
-	border-bottom: 1px solid black;
-}
-
-.formElement .formField {
-	margin-right: 216px;
-	}
-
-/* -- -- -- -- -- Form Field Label -- -- -- -- -- */
-
-.formFieldLabel {
-	text-align: left;
-	float: right;
-	width: 200px;
-	margin: 0;
-}
-
-fieldset {
-	margin: 20px 1px 0 1px !important;
-}
-
-.formSubmit {
-	display: none;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/style/footer.css b/wcfsetup/install/files/style/footer.css
deleted file mode 100644
index 47f3f2ef8d..0000000000
--- a/wcfsetup/install/files/style/footer.css
+++ /dev/null
@@ -1,148 +0,0 @@
-/**
- * Footer Styles
- *
- * @author		Arian Glander, Harald Szekely
- * @copyright	2008-2011 WoltLab GmbH
- */
- 
-/* -- -- -- -- -- Footer -- -- -- -- -- */
-
-#footer {
-	border-width: 1px 0 0 0;
-	border-style: solid;
-	padding: 10px 0;
-}
-
-#footerContainer {
-	border-top-width: 0;
-}
-
-/* -- -- -- -- -- Footer Menu -- -- -- -- -- */
-
-.footerMenu {
-	margin-bottom: 10px;
-	float: left;
-}
-
-.footerMenu ul {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-}
-
-.footerMenu li {
-	white-space: nowrap;
-	border-width: 0 0 0 1px;
-	border-style: solid;
-	margin-top: 5px;
-	padding: 0 10px;
-	display: inline-block;
-}
-
-.footerMenu li.first, .footerMenu li.firstActive {
-	border-width: 0;
-	padding-left: 0;
-}
-
-.footerMenu a {
-	text-decoration: none;
-	display: block;
-}
-
-.footerMenu span {
-	padding: 3px 0 2px 0;	
-}
-
-.footerMenu a span {
-	text-decoration: underline;
-}
-
-.footerMenu a:hover span {
-	text-decoration: none;
-}
-
-.footerMenu div.popupMenu {
-	font-size: 1em;
-}
-
-/* -- -- -- -- -- Footer Options -- -- -- -- -- */
-
-.footerOptions {
-	margin-bottom: 10px;
-	float: right;
-}
-
-.footerOptions ul {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-}
-
-.footerOptionsInner > ul > li {
-	display: inline-block;
-}
-	
-.footerOptions li {
-	border-width: 0 1px 0 0;
-	border-style: solid;
-	margin-top: 5px;
-	padding: 0 10px 0 7px;
-}
-
-.footerOptions li.last {
-	border-width: 0;
-}
-
-.footerOptions a, .footerOptions em {
-	font-style: normal;
-	text-decoration: none;
-	display: block;
-}
-
-.footerOptionsInner > ul > li > a {
-	min-height: 16px;
-}
-
-.footerOptions span {
-	padding: 3px 0 2px 0;	
-}
-
-.footerOptions a span {
-	text-decoration: underline;
-}
-
-.footerOptions a:hover span {
-	text-decoration: none;
-}
-
-.footerOptions div.popupMenu {
-	font-size: 1em;
-}
-
-/* -- -- -- -- -- Extra Button -- -- -- -- -- */
-
-.footerOptions li.extraButton {
-	border-width: 1px;
-	margin-top: 0 !important;
-	padding: 0;
-}
-
-.footerOptions li.extraButton a {
-	margin: 0;
-	padding: 1px 2px 0 2px;
-}
-
-/* -- -- -- -- -- Copyright -- -- -- -- -- */
-
-.copyright {
-	text-align: center;
-	white-space: nowrap;
-	padding: 10px 0 7px 0;
-	clear: both;
-}
-
-.copyright a {
-	text-decoration: none;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/style/forms.css b/wcfsetup/install/files/style/forms.css
deleted file mode 100644
index 9a630e43a1..0000000000
--- a/wcfsetup/install/files/style/forms.css
+++ /dev/null
@@ -1,269 +0,0 @@
-/**
- * Form Styles
- *
- * @author		Arian Glander, Harald Szekely
- * @copyright	2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Miscellaneous -- -- -- -- -- */
-
-form {
-	margin: 0;
-	padding: 0;
-}
-
-textarea, input, select {
-	font-size: .95em;
-}
-
-input[type="submit"], input[type="reset"], input[type="button"], input[type="file"] {
-	font-size: 1em;
-}
-
-.formSubmit { /* holds submit-buttons "preview, draft, submit" */
-	text-align: center;
-	margin-top: 10px;
-	margin-bottom: 15px;
-}
-
-textarea, .inputText {
-	border-width: 1px;
-	width: 99.5%;
-}
-
-select {
-	border-width: 1px;
-	padding: 2px;
-}
-
-input[type="text"], input[type="password"] {
-	padding: 3px 0 3px 2px;
-}
-
-input[type="file"] {
-	padding: 2px 3px;
-}
-
-select[multiple="multiple"] {
-	padding: 0 !important;
-}
-
-textarea {
-	padding-left: 3px;
-}
-
-input[type="radio"] {
-	margin-left: 0;
-}
-
-select[multiple="multiple"] {
-	width: 100%;
-}
-
-input[type="image"] {
-	margin: 0 3px -3px 0;
-}
-
-.searchInput > input[type="image"] {
-	margin: 0;
-}
-
-.fourDigitInput {
-	width: 40px !important;
-}
-
-.textareaSmall {
-	height: 1.9em; 
-	line-height: 2;
-}
-
-/* -- -- -- -- -- Form Element -- -- -- -- -- */
-
-.formElement {
-	margin: 5px 0 3px 0;
-	min-height: 0;
-}
-
-.formElement:after {
-	content: "";
-	height: 0;
-	display: block;
-	clear: both;
-}
-
-/* -- -- -- -- -- Form Field -- -- -- -- -- */
-
-.formField {
-	padding: 0;
-}
-
-.formElement .formField {
-	margin-left: 216px;
-}
-
-fieldset .formElement .formField {
-	margin-left: 202px;
-}
-
-.formField input, .formField select, .formField textarea {
-	margin: 2px 0;
-}
-
-.formField label {
-	font-size: 1em !important;
-	display: block;
-}
-
-.containerContent .formField {
-	margin-top: -5px;
-}
-
-/* -- -- -- -- -- Form Field Label -- -- -- -- -- */
-
-.formFieldLabel {
-	text-align: right;
-	float: left;
-	width: 200px;
-}
-
-fieldset .formFieldLabel {
-	width: 187px;
-}
-
-/* -- -- -- -- -- Form Field Description -- -- -- -- -- */
-
-.formFieldDesc {
-	padding: 0 0 2px 0;
-}
-
-.formElement .formFieldDesc {
-	margin-left: 216px;
-}
-
-fieldset .formElement .formFieldDesc {
-	margin-left: 202px;
-}
-
-.formCheckBox .formFieldDesc {
-	padding: 0 0 2px 18px;
-}
-
-.formFieldDesc code {
-	font-size: 1.3em;
-}
-
-.formFieldDesc > p {
-	clear: both;
-}
-
-/* -- -- -- -- -- Form Group -- -- -- -- -- */
-
-/* A form group contains serveral sub form elements within a fieldset */
-
-.formGroup {
-	min-height: 0;
-	margin: 5px 0 3px 0;
-}
-
-.formGroup .formGroupLabel {
-	text-align: right;
-	float: left;
-	width: 200px;
-}
-
-fieldset .formGroup .formGroupLabel {
-	width: 187px;
-}
-
-.formGroup .formGroupField {
-	margin-left: 216px;
-}
-
-fieldset .formGroup .formGroupField {
-	margin-left: 203px;
-}
-
-.formGroup .formGroupField legend {
-	display: none;
-}
-
-/* ToDo: Find a better solution for that! Impossible to build long inputs as long as this is active! */
-.formGroup .formGroupField .formElement input {
-	width: auto !important;
-}
-
-/* -- -- -- -- -- Form Prefix -- -- -- -- -- */
-
-.formPrefix select {
-	float: left;
-	width: 150px;
-}
-
-.formPrefix div {
-	margin-left: 155px;
-}
-
-.formPrefix {
-	min-height: 0;
-}
-
-/* -- -- -- -- -- Form Options -- -- -- -- -- */
-
-.formOptions {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-}
-
-.formOptions li {
-	margin-top: 3px;
-	padding-right: 2%;
-	width: 23%;
-	float: left;
-}
-
-.formOptions li span {
-	float: none;
-	padding-left: 12px;
-}
-
-/* -- -- -- -- -- Form Options Long -- -- -- -- -- */
-
-.formOptionsLong {
-	list-style: none;
-	margin: 0 0 7px 0;
-	padding: 0;
-}
-
-.formOptionsLong li {
-	margin: 3px 0 0 0;
-	padding: 0;
-}
-
-.formOptionsLong span, .formOptionsLong label {
-	display: inline;
-}
-
-/* -- -- -- -- -- Form Error -- -- -- -- -- */
-
-.formError, .formError a {
-	color: #c00;
-}
-
-.formError .inputText, .formError textarea, .formError select {
-	border-color: #c00;
-	background-color: #fee;
-}
-
-.formError .mceToolbar select {
-	/* prevents error with dropdown borders within the editor toolbar */
-	border-color: transparent !important;
-}
-
-/* -- -- -- -- Long Select -- -- -- -- */
-
-.longSelect select {
-	width: 100%;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/style/global.css b/wcfsetup/install/files/style/global.css
deleted file mode 100644
index f4ed20546d..0000000000
--- a/wcfsetup/install/files/style/global.css
+++ /dev/null
@@ -1,646 +0,0 @@
-/**
- * Global Styles
- *
- * @author		Arian Glander, Harald Szekely
- * @copyright	2006-2011 WoltLab GmbH
- */
- 
-/* -- -- -- -- -- Miscellaneous -- -- -- -- -- */
-
-* {
-	/* remove the following comment marks for RTL-text support - 
-	note: this line leads to incorrect forum display in 
-	Internet Explorer browsers! */
-	/*unicode-bidi: embed;*/
-	text-overflow: ellipsis;
-}
-
-body, html {
-	margin: 0 !important;
-	padding: 0 !important;
-}
-
-#main {
-	padding: 10px 0 20px 0;	
-}
-
-#main:after {
-	clear: both;
-	display: block;
-	height: 0;
-	content: "";
-}
-
-p {
-	margin: 0;
-	padding: 0;
-}
-
-pre {
-	font-family: "Courier New", Courier, monospace !important;
-}
-
-img {
-	vertical-align: middle;
-	border: 0;
-}
-
-hr {
-	display: none;
-}
-
-.hidden {
-	/* Moves elements out of the viewport in an accessible way 
-	and preserves no space for them. Use this class rather than 
-	"display: none"! */
-	height: 0;
-	overflow: hidden;
-	position: absolute;
-	left: -9000px;
-	max-width: 8000px;
-}
-
-.new {
-	font-weight: bold;
-}
-
-.buddy {
-	font-size: 1.2em;
-}
-
-.dragable * {
-	cursor: move;
-}
-
-.loading {
-	background-color: #fff;
-	background-image: url("../images/spinner.gif");
-	background-position: 50% 50%;
-	background-repeat: no-repeat;
-	min-height: 80px;
-	opacity: .5;	
-}
-
-.rating {
-	float: right;
-}
-
-/* -- -- -- -- -- Headings -- -- -- -- -- */
-
-h1 {
-	margin: 0;
-	padding: 0 0 15px 0;
-}
-
-h1 a {
-	text-decoration: none;
-}
-
-h2, h2 a {
-	text-decoration: none;
-}
-
-h2, h3, h4, h5, h6 {
-	font-size: 1em;
-	font-weight: normal;
-	text-align: left;
-	margin: 0;
-	padding: 0;
-}
-
-#main > h2 {
-	padding-bottom: 7px;
-}
-
-.pointer {
-	cursor: pointer;
-}
-
-/* -- -- -- -- -- Links -- -- -- -- -- */
-
-a {
-	cursor: pointer;
-}
-
-a:hover {
-	text-decoration: none;
-}
-
-/* -- -- -- -- -- External Links -- -- -- -- -- */
-
-.externalURL {
-	background-image: url("../icon/externalURL.png");
-	background-position: right center;
-	background-repeat: no-repeat;
-	padding-right: 15px;
-}
-
-.externalURL:hover {
-	background-image: url("../icon/externalURLHover.png");
-	background-position: right center;
-	background-repeat: no-repeat;
-}
-
-/* -- -- -- -- -- Quick Jump -- -- -- -- -- */
-
-.quickJump {
-	white-space: nowrap;
-	width: auto;
-}
-
-.quickJump select {
-	width: auto;
-	max-width: 50%;
-}
-
-/* -- -- -- -- -- Page Options -- -- -- -- -- */
-
-.pageOptions {
-	float: right;
-}
-
-.pageOptions form, .pageOptions div {
-	display: inline;
-}
-
-.pageOptions a, .pageOptions form {
-	text-decoration: none;
-	margin-left: 10px;
-}
-
-.pageOptions a span {
-	text-decoration: underline;
-}
-
-.pageOptions a:hover span {
-	text-decoration: none;
-}
-
-/* -- -- -- -- -- Breadcrumbs -- -- -- -- -- */
-
-.breadCrumbs {
-	font-size: .95em;
-	list-style: none;
-	margin: 5px 0;
-	padding: 0;
-}
-
-.breadCrumbs li {
-	font-style: italic;
-	margin-right: 1px;
-	display: inline;
-}
-
-.breadCrumbs li a, .messageFooter .breadCrumbs li a {
-	text-decoration: none;
-}
-
-.breadCrumbs li a span, .messageFooter .breadCrumbs li a {
-	text-decoration: underline;
-}
-
-.breadCrumbs li a:hover span, .messageFooter .breadCrumbs li a:hover {
-	text-decoration: none;
-}
-
-.containerHead .breadCrumbs {
-	margin: 0;	
-}
-
-/* -- -- -- -- -- Content Header & Content Footer -- -- -- -- -- */
-
-.contentHeader, .contentFooter {
-	padding-bottom: 7px;
-	width: 100%;
-}
-
-.contentFooter:after, .contentHeader:after {
-	content: "";
-	height: 0;
-	display: block;
-	clear: both;
-}
-
-/* -- -- -- -- -- Floated Elements -- -- -- -- -- */
-
-.floatContainer:after {
-	content: "";
-	height: 0;
-	display: block;
-	clear: both;
-}
-
-.floatedElement {
-	margin: 0 7px 0 0;
-	padding: 0;
-	display: block;
-	float: left;
-	position: relative;
-}
-
-.floatedElement:after {
-	content: "";
-	height: 0;
-	display: block;
-	clear: both;
-}
-
-.floatedElement label {
-	font-size: .85em;
-	white-space: nowrap;
-	display: block;
-	position: absolute;
-	top: -2px;
-}
-
-.floatedElement input, .floatedElement select, .floatedElement p {
-	margin: 1.5em 0 0 0; /* First value was "1.25em" before - this is a test! */
-	width: auto;
-}
-
-.floatedElement a img {
-	margin-top: 12px;
-	display: block;
-}
-
-.floatedElementLabel {
-	min-width: 50px;
-	text-align: right;	
-}
-
-.followsFloatedElement {
-	clear: both;	
-}
-
-.floatedElementContainer {
-	padding: 3px 0;
-}
-
-.floatedElementButtons {
-	float: right;	
-}
-
-.floatedElementButtons input, .floatedElementButtons img {
-	margin: 1.25em 0 0 5px;
-}
-
-.floatTwoColumns {
-	float: left;
-	width: 49%;
-}
-
-/* -- -- -- -- -- ItemList -- -- -- -- -- */
-
-.itemList, .itemList ol, .itemList ul {
-	margin: 0 0 0 20px;
-	padding: 2px 0;
-}
-
-.itemList, .itemList ul {
-	padding-left: 23px;
-}
-
-.itemList {
-	margin: 5px 0;
-}
-
-.itemList .itemListTitle {
-	border-width: 0 0 1px 0 !important;
-	margin: 0;
-	padding: 5px;
-	min-height: 21px;
-}
-
-.itemList h3.itemListTitle, .itemList h4.itemListTitle, .itemList h5.itemListTitle {
-	font-weight: bold;	
-}
-
-.itemList > li:last-child > .itemListTitle {
-	border: 0;
-}
-
-.itemList .buttons {
-	padding: 7px 0 4px 4px;
-	float: right;
-}
-
-.itemList .buttons a {
-	margin-left: 3px !important;
-	padding: 0 !important;
-}
-
-.itemList .buttons input {
-	margin: 0 0 -4px 5px !important;
-	padding: 0 !important;
-}
-
-.itemList .buttons a.extraButton {
-	margin: 0 0 -4px 10px !important;
-	padding: 0 !important;
-}
-
-.itemList .inputText {
-	width: auto;	
-}
-
-.first .itemList {
-	list-style-type: none;
-	padding-left: 0;
-}
-
-#invitationContainer .itemList {
-	margin: 5px 0 0 0;
-}
-
-#invitationContainer .itemList li {
-	list-style-type: square;
-	list-style-image: url("../icon/userS.png");
-}
-
-/* -- -- -- -- -- Social Bookmarks -- -- -- -- -- */
-
-.socialBookmarks {
-	margin: 7px 0 0 0;
-	padding-bottom: 0;
-	padding-left: 0;
-	float: left;
-}
-
-.socialBookmarks:after {
-	content: "";
-	height: 0;
-	display: block;
-	clear: both;
-}
-
-.socialBookmarks li {
-	float: left;
-	margin-bottom: 5px;
-	margin-right: 5px;
-	list-style: none;
-}
-
-/* -- -- -- -- -- Simple Bar -- -- -- -- -- */
-
-.simpleBar ul {
-	text-align: center;
-	list-style-type: none;
-	margin: 7px 0 13px 0;
-	padding: .5em 0;
-}
-
-.simpleBar li {
-	display: inline;
-}
-
-.simpleBar li a {
-	text-decoration: none;
-	padding: .3em 7px;
-}
-
-.simpleBar li.selected a {
-	text-decoration: none;
-	padding: .3em 7px;
-}
-
-.simpleBar li a img {
-	margin: -5px 0;
-}
-
-/* -- -- -- -- -- Slider -- -- -- -- -- */
-
-.slider {
-	margin: 3px 0 10px 0;
-	padding: 1px 2px 0 2px !important;
-	position: relative;
-	width: 250px;
-}
-
-.slider .handle {
-	height: 9px;
-	width: 9px;
-	cursor: move;
-}
-
-/* -- -- -- -- -- Overlays -- -- -- -- -- */
-
-/* Note: This declaration will replace ".imageviewerBackground" in an upcoming version! */
-
-.overlayBackground { 
-	color: #fff;
-	background-color: #000;
-	position: fixed;
-	top: 0;
-	right: 0;
-	left: 0;
-	bottom: 0;
-	z-index: 100;
-}
-
-.overlay {
-	position: fixed;
-	left: 0;
-	top: 0;
-	z-index: 120;
-}
-
-.overlay .buttonBar {
-	padding-bottom: 7px;
-}
-
-.overlay .subHeadline .buttons {
-	float: right;
-}
-
-.overlay .subHeadline .buttons img {
-	display: inline;
-}
-
-/* -- -- -- -- -- System Messages (Success, Warning, Error, Info) -- -- -- -- -- */
-
-/* Note:
-	Change the colors of system messages with care! 
-	Consider that people are used to specific colors 
-	for special events (e.g. Red stands for warning). 
-	Random colors may not work as intended! 
-*/
-
-.success, .warning, .error, .info {
-	background-position: 10px center;
-	background-repeat: no-repeat;
-	margin-bottom: 20px;
-	padding: 7px 10px 7px 45px;
-}
-
-.success {
-	color: #090;
-	background-color: #efe;
-	background-image: url("../icon/successM.png");
-	border-color: #090;
-}
-
-.success a, .success a:hover {
-	color: #333;
-}
-
-.warning {
-	color: #660;
-	background-color: #ffd;
-	background-image: url("../icon/warningM.png");
-	border-color: #660;
-}
-
-.warning a, .warning a:hover {
-	color: #333;
-}
-
-.error {
-	color: #c00;
-	background-color: #fee;
-	background-image: url("../icon/errorM.png");
-	border-color: #c00;
-}
-
-.error a, .error a:hover {
-	color: #333;
-}
-
-.info {
-	color: #06f;
-	background-color: #def;
-	background-image: url("../icon/infoM.png");
-	border-color: #06f;
-}
-
-.info a, .info a:hover {
-	color: #333;
-}
-
-.info .close {
-	float: right;	
-}
-
-/* -- -- -- -- -- Inner Errors -- -- -- -- -- */
-
-.innerError {
-	background-image: url("../icon/errorS.png");
-	background-position: 1px center;
-	background-repeat: no-repeat;
-	margin-bottom: 5px;
-	padding: 5px 5px 5px 25px;
-}
-
-/* -- -- -- -- Disabled -- -- -- -- */
-
-.tableList tr.disabled,
-.tableList tr.disabled:hover,
-.disabled div.messageInner {
-	background-color: #efe; 
-}
-
-.disabled td, .disabled div.messageInner {
-	background-image: none;
-}
-
-.tabMenuContent .disabled .messageInner *,
-.disabled .messageSidebar *,
-.tableList tr.disabled td,
-.tableList tr.disabled td a,
-.tableList tr.disabled td a:hover,
-.tableList tr.disabled td .light,
-.tableList tr.disabled td .light a,
-.tableList tr.disabled:hover .columnTopic .topic a,
-.tableList tr.disabled:hover .columnTitle a,
-.tableList tr.disabled:hover .columnUsername a {
-	color: #090;
-}
-
-.disabled div.messageInner {
-	border-color: #090 !important;
-	border-style: dashed !important;
-}
-
-form .disabled, .tabMenu .disabled {
-	opacity: .5;	
-}
-
-/* -- -- -- -- Deleted -- -- -- -- */
-
-.tableList tr.deleted,
-.tableList tr.deleted:hover,
-.deleted div.messageInner {
-	background-color: #fee;
-}
-
-.deleted td, .deleted div.messageInner {
-	background-image: none;
-}
-
-.tabMenuContent .deleted .messageInner *,
-.deleted .messageSidebar *, 
-.tableList tr.deleted td,
-.tableList tr.deleted td a,
-.tableList tr.deleted td a:hover,
-.tableList tr.deleted td .light,
-.tableList tr.deleted td .light a,
-.tableList tr.deleted:hover .columnTopic .topic a,
-.tableList tr.deleted:hover .columnTitle a,
-.tableList tr.deleted:hover .columnUsername a {
-	color: #c00;
-}
-
-.deleted {
-	border-color: #c00 !important;
-	border-style: dashed !important;
-}
-
-.deleted img {
-	opacity: .5 !important;
-}
-
-/* -- -- -- -- -- Marked -- -- -- -- -- */
-
-.tableList tr.marked,
-.tableList tr.marked:hover,
-.marked div.messageInner,
-li.floatedElement.marked {
-	background-color: #ffd;
-}
-
-.marked td,
-.marked div.messageInner,
-li.floatedElement.marked {
-	background-image: none;
-}
-
-.tabMenuContent .marked .messageInner *,
-.marked .messageSidebar *,
-li.floatedElement.marked *,
-.tableList tr.marked td,
-.tableList tr.marked td a,
-.tableList tr.marked td a:hover,
-.tableList tr.marked td .light,
-.tableList tr.marked td .light a,
-.tableList tr.marked:hover .columnTopic .topic a,
-.tableList tr.marked:hover .columnTitle a,
-.tableList tr.marked:hover .columnUsername a {
-	color: #333;
-}
-
-.marked {
-	border-style: dashed !important;
-}
-
-.tableList .marked, .tableList .deleted, .tableList .activeContainer {
-	border: none !important;
-}
-
-/* -- -- -- -- -- Highlight -- -- -- -- -- */
-
-.highlight {
-	color: #00f;
-	background-color: #ff0;
-	padding: 0 2px;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/style/header.css b/wcfsetup/install/files/style/header.css
deleted file mode 100644
index e3f76f976d..0000000000
--- a/wcfsetup/install/files/style/header.css
+++ /dev/null
@@ -1,252 +0,0 @@
-/**
- * Header Styles
- *
- * @author		Arian Glander, Harald Szekely
- * @copyright	2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- User Note -- -- -- -- -- */
-
-#userNote {
-	white-space: nowrap;
-	padding: 10px 5px 3px 0;
-	display: table-cell;
-	vertical-align: top;
-}
-
-/* -- -- -- -- -- Login Popup -- -- -- -- -- */
-
-.loginPopup {
-	white-space: nowrap;
-	position: absolute;
-	z-index: 100;
-}
-
-.loginPopup .container-1 {
-	padding: 7px 4px 3px 7px;
-}
-
-.loginPopup input[type="text"], .loginPopup input[type="password"] {
-	font-size: 1em;
-	width: auto !important;
-}
-
-.loginPopup input[type="checkbox"] {
-	margin-top: 5px !important;
-	margin-left: 0;
-}
-
-/* -- -- -- -- -- User Menu -- -- -- -- -- */
-
-#userMenu {
-	padding: 10px 5px 3px 5px;
-	display: table-cell;
-	width: 100%;
-	vertical-align: top;
-}
-
-#userMenu ul {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-}
-
-#userMenu li {
-	margin: 0 7px 0 0;
-	float: left;
-}
-
-#userMenu a {
-	text-decoration: none;
-}
-
-#userMenu span {
-	text-decoration: underline;
-	white-space: nowrap;
-}
-
-#userMenu a:hover span {
-	text-decoration: none;
-}
-
-#userMenu .pageMenu {
-	font-size: 1em;
-}
-
-/* -- -- -- -- -- Language Picker -- -- -- -- -- */
-
-#changeLanguageMenu img {
-	margin-left: 0;
-}
-
-#changeLanguageMenu span {
-	margin: 0 0 0 22px !important;
-}
-
-/* -- -- -- -- -- Header Container -- -- -- -- -- */
-
-#header {
-	border-width: 1px 1px 0 1px;
-	border-style: solid;
-	padding: 0;
-	clear: both;
-	position: relative;
-	min-height: 0;
-}
-
-#header:after {
-	content: "";
-	display: block;
-	clear: both;
-	height: 0;
-}
-
-#headerContainer {
-	border-bottom-width: 0;
-}
-
-#mainContainer {
-	border-top-width: 0;
-	border-bottom-width: 0;
-}
-
-/* -- -- -- -- -- Search -- -- -- -- -- */
-
-#search {
-	/* Toggle view: set to "0" for standard view */
-	/* Toggle view: set to "1px" for framed view */
-	border-width: 0; 
-	border-style: solid;
-	/* Toggle view: set to "transparent" for standard view */
-	/* Toggle view: set to any colour value for framed view */
-	background-color: transparent;
-	position: absolute;
-	/* Move search: set to any positive value */
-	top: 13px;
-	right: 13px;
-	z-index: 100;
-}
-
-#search .searchContainer {
-	/* Toggle view: set to "0" for standard view */
-	/* Toggle view: set to "1px" for framed view */
-	border-width: 0;
-	margin: 0;
-	padding: 10px;
-}
-
-#search ul {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-}
-
-#search noscript p {
-	margin: 3px 0 0 0;
-	padding: 0;
-}
-
-#search input.searchSubmit {
-	margin: -1px 0 0 0;
-	padding-left: 1px;
-	vertical-align: middle;
-}
-
-#searchInput {
-	background-image: url("../icon/searchHeadS.png");
-	background-repeat: no-repeat;
-	background-position: 2px center;
-	padding-left: 23px;
-	width: 13em;
-}
-
-.searchOptions {
-	background-image: url("../icon/searchHeadOptionsS.png") !important;
-}
-
-.searchInputMenu {
-	font-size: 1.2em;
-	position: relative;
-}
-
-/* -- -- -- -- -- Page-Logo & -Title -- -- -- -- -- */
-
-#logo {
-	border-width: 1px 1px 0 1px;
-	border-style: solid;
-	margin: 0 0 -1px 0;
-	padding: 0;
-	position: relative;
-	overflow: hidden;
-	z-index: 10;
-}
-
-#logo h1 a, #logo a img {
-	border: 0;
-	margin: 0;
-	padding: 0;
-}
-
-#logo a.pageLogo, #logo h1.pageTitle {
-	margin: 0;
-	padding: 0;
-	display: block;
-	position: absolute;
-	width: 100%;
-	height: 100%;
-}
-
-#logo h1.pageTitle a {
-	display: block;
-	position: relative;
-	height: 100%;
-	z-index: 20;
-}
-
-/* -- -- -- -- -- Main Menu -- -- -- -- -- */
-
-.mainMenu {
-	border-width: 0 1px 1px 1px;
-	border-style: solid;
-}
-
-.mainMenu .mainMenuInner {
-	margin: 0;
-	border-width: 0 1px 1px 1px;
-	border-style: solid;
-}
-
-.mainMenu ul {
-	list-style: none;
-	margin: 0 0 -1px 0;
-	padding: 0;
-}
-
-.mainMenu > div > ul > li {
-	display: inline-block;
-}
-
-.mainMenu a {
-	text-decoration: none;
-	border-width: 1px;
-	border-style: solid;
-	margin: 0 -1px 0 0;
-	padding: 3px 5px 2px 5px;
-	display: block;
-	min-height: 23px;
-	white-space: nowrap !important;
-}
-
-.mainMenu li.first a, .mainMenu li.firstActive a {
-	margin-left: -1px;
-}
-
-.mainMenu span {
-	padding: 0 2px 0 0;
-}
-
-.mainMenu div.popupMenu {
-	font-size: 1em;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/style/imageViewer.css b/wcfsetup/install/files/style/imageViewer.css
deleted file mode 100644
index 8dc000e126..0000000000
--- a/wcfsetup/install/files/style/imageViewer.css
+++ /dev/null
@@ -1,62 +0,0 @@
-/**
- * ImageViewer Styles
- *
- * @author		Arian Glander, Harald Szekely
- * @copyright	2009-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- ImageViewer -- -- -- -- -- */
-
-.imageViewerBackground, .overlayBackground { /* compatibility mode */
-	color: #fff;
-	background-color: #000;
-	position: fixed;
-	top: 0;
-	right: 0;
-	left: 0;
-	bottom: 0;
-	z-index: 100;
-}
-
-.imageViewerCaption {
-	color: #fff;
-	font-size: 1em;
-	font-weight: bold;
-	text-align: center;
-	position: fixed; 
-	top: 5px;
-	right: 0;
-	left: 0;
-	z-index: 110;
-}
-
-.imageViewerCurrentImage {
-	background-color: #fff;
-	border: 10px solid #fff;
-	position: fixed; 
-	width: 400px;
-	height: 300px;
-	z-index: 110;
-}
-
-.imageViewerNavigation {
-	border-width: 5px;
-}
-
-.imageViewerLoading {
-	background-image: url("../images/spinner.gif");
-	background-position: 50% 50%;
-	background-repeat: no-repeat;
-}
-
-.imageViewerMenu {
-	background-image: url("../images/imageViewer/menu.png");
-	padding: 13px 10px;
-	position: fixed;
-	bottom: 10px;
-	height: 24px;
-	width: 224px;
-	z-index: 120;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/style/inlineCalendar.css b/wcfsetup/install/files/style/inlineCalendar.css
deleted file mode 100644
index 7f9a062599..0000000000
--- a/wcfsetup/install/files/style/inlineCalendar.css
+++ /dev/null
@@ -1,84 +0,0 @@
-/**
- * Inline Calendar Styles
- *
- * @author		Arian Glander, Harald Szekely
- * @copyright	2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Inline Calendar -- -- -- -- -- */
-
-.inlineCalendar {
-	position: absolute; 
-	display: none; 
-	z-index: 100;
-	width: 170px;
-}
-
-.inlineCalendarHeader, .inlineCalendarFooter {
-	color: #fff;
-	width: 100%;
-	border-collapse: collapse;
-	border-spacing: 0;
-	table-layout: fixed;
-	border-width: 1px;
-}
-
-.inlineCalendarHeader td, .inlineCalendarFooter td {
-	text-align: center;
-	font-weight: bold;
-	padding: 0;
-}
-
-.inlineCalendarHeader td a, .inlineCalendarFooter td a {
-	text-decoration: none;
-	border-width: 1px;
-	border-style: solid;
-	padding: 1px;
-	display: block;
-}
-
-.inlineCalendarHeader td span, .inlineCalendarFooter td span {
-	border-width: 1px 0;
-	border-style: solid;
-	padding: 1px;
-	display: block;
-}
-
-.inlineCalendarHeader td a:hover, .inlineCalendarFooter td a:hover {
-	text-decoration: none;
-}
-
-.changeElement {
-	width: 1.5em;
-}
-
-.inlineCalendarTable {
-	border-width: 0 1px !important;
-	border-collapse: collapse;
-	border-spacing: 0;
-	border-top: 0;
-	border-bottom: 0;
-	table-layout: fixed;
-	width: 100%; 
-}
-
-.inlineCalendarTable td {
-	padding: 0;
-	margin: 0;
-}
-
-.inlineCalendarTable a {
-	text-align: center;
-	text-decoration: none;
-	border-width: 1px;
-	border-style: solid;
-	margin: 1px;
-	padding: 1px;
-	display: block;
-}
-
-.weekDays {
-	text-align: center;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/style/layout.css b/wcfsetup/install/files/style/layout.css
deleted file mode 100644
index 5f279c3f88..0000000000
--- a/wcfsetup/install/files/style/layout.css
+++ /dev/null
@@ -1,128 +0,0 @@
-/**
- * Layout Styles
- *
- * @author		Arian Glander, Harald Szekely
- * @copyright	2009-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Layout -- -- -- -- -- */
-
-.layout-1, .layout-2, .layout-3, .layout-4 {
-	border-collapse: collapse;
-	display: table;
-	table-layout: fixed;
-	width: 100%;
-}
-
-.columnContainer {
-	display: table-row;
-	border-style: solid;
-	border-width: 0 1px 1px 0;
-}
-
-.column {
-	display: table-cell;
-	margin: 0;
-	padding: 0;
-}
-
-/* -- -- -- -- -- Layout 1 -- -- -- -- -- */
-
-/* 1 column */
-
-.layout-1 .columnInner {
-	padding: 15px 25px;	
-}
-
-/* -- -- -- -- -- Layout 2 -- -- -- -- -- */
-
-/* 1 columns flexible - 65% | 35% */
-
-.layout-2 .first {
-	width: 65%;
-}
-
-.layout-2 .second {
-	width: 35%;	
-}
-
-.layout-2 .columnInner {
-	padding: 15px 25px;	
-}
-
-/* -- -- -- -- -- Layout 3 -- -- -- -- -- */
-
-/* 2 columns fixed - 310px | auto */
-
-.layout-3 .first {
-	width: 310px;
-}
-
-.layout-3 .columnInner {
-	padding: 15px 25px;	
-}
-
-/* -- -- -- -- -- Layout 4 -- -- -- -- -- */
- 
-/* 2 columns fixed - 20% | 60% | 20% */
-
-.layout-4 .first, .layout-4 .third {
-	width: 20%;
-}
-
-.layout-4 .second {
-	width: 60%;
-}
-
-.layout-4 .first .columnInner, .layout-4 .third .columnInner {
-	padding: 0;
-}
-
-.layout-4 .second .columnInner {
-	padding: 0 10px;
-}
-
-/* -- -- -- -- -- Data List -- -- -- -- -- */
-
-.dataList {
-	font-size: 100%;
-	line-height: 1.3;
-	list-style-type: none;
-	margin: 0;
-	padding: 0;
-}
-
-.dataList li {
-	padding: 5px;
-	margin: 0 1px 1px 0;
-}
-
-.dataList li:after {
-	content: "";
-	display: block;
-	clear: both;
-	height: 0;
-}
-
-.dataList .buttons {
-	padding: 7px 4px 4px 10px;
-	float: right;
-}
-
-.dataList .buttons * {
-	margin-right: 3px;	
-}
-
-/* -- -- -- -- -- Content Box -- -- -- -- -- */
-
-.contentBox {
-	padding-bottom: 10px;
-	min-width: 215px;
-}
-
-.contentBox .pageOptions {
-	margin-top: 7px;
-	margin-bottom: 7px;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/style/messages.css b/wcfsetup/install/files/style/messages.css
deleted file mode 100644
index 7134a6af2e..0000000000
--- a/wcfsetup/install/files/style/messages.css
+++ /dev/null
@@ -1,927 +0,0 @@
-/**
- * Message Layout Styles
- *
- * @author		Harald Szekely
- * @copyright	2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Message -- -- -- -- -- */
-
-.message {
-	margin-bottom: 7px;
-	padding: 0;
-	clear: both;
-}
-
-.message h3, .message h4  {
-	font-size: 1.1em;
-	font-weight: bold;
-	margin: 0;
-	padding-top: 7px;
-	overflow: hidden;
-	text-decoration: none;
-	min-height: 0 !important;
-}
-
-.message h3 a, .message h3 a:hover, .message h4 a, .message h4 a:hover {
-	text-decoration: none;
-}
-
-.message:after {
-	content: "";
-	height: 0;
-	display: block;
-	clear: both;
-}
-
-/* -- -- -- -- -- Message Inner -- -- -- -- -- */
-
-.messageInner {
-	border-width: 1px;
-	border-style: solid;
-	margin: 0 !important;
-	padding: 0;
-	display: block;
-}
-
-.messageInner:after {
-	content: "";
-	height: 0;
-	display: block;
-	clear: both;
-}
-
-/* Minimized Post Views */
-
-.messageMinimized .messageInner {
-	padding: 5px 15px !important;
-	clear: both;
-}
-
-.messageMinimized .messageInner p {
-	padding: 0 35px;
-	display: block;
-}
-
-.messageMinimized .messageInner img {
-	float: left;
-}
-
-.messageMinimized .messageInner h3 {
-	padding: 0 11px;
-	display: block;
-}
-
-.messageMinimized.quickReply .messageInner h3 {
-	min-height: 25px !important;
-}
-
-/* -- -- -- -- -- Message Sidebar -- -- -- -- -- */
-
-/* Both Views: Left & Right */
-.message .messageLeft .messageSidebar, .message .messageFramedLeft .messageSidebar, .message .messageRight .messageSidebar, .message .messageFramedRight .messageSidebar {
-	line-height: 1.3;
-	margin: 0 0 -2.3em 0;
-	padding: 0;
-	width: 180px;
-	overflow: hidden;
-}
-
-/* Both Views: Top */
-.message .messageTop .messageSidebar, .message .messageFramedTop .messageSidebar {
-	line-height: 1.3;
-	text-align: left;
-	margin: 0 !important;
-	padding: 10px 0 0 0;
-	float: none;
-	clear: both;
-	width: 100%;
-	position: relative;
-	overflow: hidden;
-}
-
-/* All Views: Guest Posts */
-.message .guestPost .messageSidebar {
-	min-height: 20px !important;
-}
-
-/* Both Views: Left */
-.message .messageLeft .messageSidebar, .message .messageFramedLeft .messageSidebar {
-	float: left;
-}
-
-/* Both Views: Right */
-.message .messageRight .messageSidebar, .message .messageFramedRight .messageSidebar {
-	float: right;
-}
-
-.message .messageSidebar:after {
-	content: "";
-	height: 0;
-	display: block;
-	clear: both;
-}
-
-/* -- Message Sidebar: Message Author -- */
-
-/* Both Views: Top */
-.message .messageTop .messageAuthor, .message .messageFramedTop .messageAuthor {
-	border-width: 0 !important;
-	margin: 0 0 7px 95px;
-	padding: 0 15px 1px 15px;
-	float: left;
-}
-
-/* Both Views: Left & Right */
-.message .messageLeft .messageAuthor, .message .messageRight .messageAuthor, .message .messageFramedLeft .messageAuthor, .message .messageFramedRight .messageAuthor {
-	border-width: 0;
-	margin: 0;
-	padding: 10px 15px 7px 15px;
-	display: block;
-}
-
-/* Framed View: Left & Right - Dividers */
-.message .dividers .messageAuthor {
-	border-width: 0 0 1px 0;
-	border-style: solid;
-	margin-bottom: -1px;
-}
-
-/* All Views: Guest Posts */
-.message .guestPost .messageAuthor {
-	margin-left: 0 !important;
-}
-
-/* -- Message Sidebar: User Name -- */
-
-.message .messageSidebar .userName {
-	margin: 0;
-	padding: 0;
-}
-
-.message .messageSidebar .userName a {
-	text-decoration: none;
-}
-
-.message .messageSidebar .userName a span {
-	font-weight: bold;
-}
-
-/* -- Message Sidebar: User Avatar -- */
-
-/* All Views: Standard Avatar */
-.message .userAvatar {
-	margin: 0;
-	padding: 7px 15px;
-	display: block;
-}
-
-.message .dividers .userAvatar {
-	border-width: 1px 0 0 0 !important;
-	border-style: solid;
-}
-
-.message .userAvatar a {
-	margin: 0;
-	padding: 0;
-}
-
-/* Both Views: Left & Right - Framed Avatar */
-.message .messageLeft .userAvatarFramed, .message .messageRight .userAvatarFramed, .message .messageFramedLeft .userAvatarFramed, .message .messageFramedRight .userAvatarFramed {
-	text-align: left;
-	border-width: 1px;
-	border-style: solid;
-	margin: 7px 13px;
-	padding: 0;
-	width: 152px;
-	height: 152px;
-	position: relative;
-}
-
-.message .messageLeft .userAvatarFramed a, .message .messageRight .userAvatarFramed a, .message .messageFramedLeft .userAvatarFramed a, .message .messageFramedRight .userAvatarFramed a {
-	border-width: 1px;
-	border-style: solid;
-	margin: 0;
-	padding: 0;
-	width: 150px;
-	height: 150px;
-	position: absolute;
-}
-
-/* All Views: Framed Avatar */
-.message .userAvatarFramed a img {
-	position: absolute;
-	top: 50%;
-	left: 50%;
-}
-
-/* Both Views: Top */
-.message .messageTop .userAvatar, .message .messageFramedTop .userAvatar {
-	margin: 10px 15px;
-	padding: 0;
-	width: 76px;
-	height: 76px;
-	position: relative;
-}
-
-/* Top View: Avatar */
-.message .messageTop .userAvatar, .message .messageFramedTop .userAvatar {
-	position: absolute;
-	top: 2px;
-	left: 2px;
-}
-
-/* Top View: Framed Avatar */
-.message .messageTop .userAvatarFramed, .message .messageFramedTop .userAvatarFramed {
-	position: absolute;
-	top: 0;
-	left: 0;
-}
-
-/* Both Views: Top - Framed Avatar */
-.message .messageTop .userAvatarFramed, .message .messageFramedTop .userAvatarFramed {
-	border-width: 1px;
-	border-style: solid;
-	margin: 10px 15px;
-	padding: 0;
-	width: 78px;
-	height: 78px;
-	display: block;
-}
-
-.message .messageTop .userAvatarFramed a, .message .messageFramedTop .userAvatarFramed a {
-	border-width: 1px;
-	border-style: solid;
-	margin: 0;
-	padding: 0;
-	display: block;
-	width: 76px;
-	height: 76px;
-}
-
-/* -- Message Sidebar: User Symbols -- */
-
-/* ToDo: The whole declaration block is not yet ready! */
-
-/* Both Views: Top */
-.message .messageTop .userSymbols, .message .messageFramedTop .userSymbols {
-	border-width: 0 !important;
-	margin: 0 0 7px 0;
-	padding: 0 15px;
-	float: right;
-}
-
-/* Both Views: Left & Right - Dividers */
-.message .dividers .userSymbols {
-	border-width: 1px 0 0 0;
-	border-style: solid;
-}
-
-/* Both Views: Left & Right */
-.message .messageLeft .userSymbols, .message .messageRight .userSymbols, .message .messageFramedLeft .userSymbols, .message .messageFramedRight .userSymbols {
-	margin: 0;
-	padding: 7px 15px;
-}
-
-/* Both Views & Dividers: Left & Right */
-.message .messageLeft.dividers .userSymbols, .message .messageRight.dividers .userSymbols, .message .messageFramedLeft.dividers .userSymbols, .message .messageFramedRight.dividers .userSymbols {
-	border-width: 1px 0 0 0;
-	border-style: solid;
-}
-
-/* All Views */
-.message .userSymbols ul {
-	list-style: none;
-	margin: 0;
-	padding: 2px 0;
-}
-
-/* Top View Filter */
-.message .messageTop .userSymbols ul, .message .messageFramedTop .userSymbols ul {
-	padding: 0;
-}
-
-/* All Views */
-.message .userSymbols ul li {
-	display: inline;
-}
-
-/* -- Message Sidebar: User Credits -- */
-
-/* Both Views: Top */
-.message .messageTop .userCredits, .message .messageFramedTop .userCredits {
-	border-width: 0 !important;
-	margin: 0 0 7px 0;
-	padding: 0;
-	float: right;
-	clear: right;
-}
-
-/* Both Views: Left & Right */
-.message .messageLeft .userCredits, .message .messageRight .userCredits, .message .messageFramedLeft .userCredits, .message .messageFramedRight .userCredits {
-	margin: 0;
-	padding: 7px 15px;
-}
-
-/* Both Views: Left & Right - Dividers */
-.message .dividers .userCredits {
-	border-width: 1px 0 0 0;
-	border-style: solid;
-}
-
-/* All Views */
-.message .userCredits .userPosts a {
-	padding: 0 0 3px 0;
-	display: block;
-}
-
-/* Both Views: Top */
-.message .messageTop .userCredits p, .message .messageFramedTop .userCredits p {
-	margin: 0;
-	padding: 0 15px;
-}
-
-/* -- Message Sidebar: User Messenger -- */
-
-/* Both Views: Top */
-.message .messageTop .userMessenger, .message .messageFramedTop .userMessenger {
-	text-align: left;
-	border-width: 0 !important;
-	margin: 0 0 7px 95px;
-	padding: 0 15px;
-	clear: left;
-}
-
-/* All Views: Guest Posts */
-.message .messageTop.guestPost .userMessenger, .message .messageFramedTop.guestPost .userMessenger {
-	border-width: 0 !important;
-	margin: 0;
-	padding: 10px 15px;
-	position: absolute;
-	top: 0;
-	right: 0;
-}
-
-/* Both Views: Left & Right - Dividers */
-.message .dividers .userMessenger {
-	border-width: 1px 0 0 0;
-	border-style: solid;
-}
-
-/* Both Views: Left & Right */
-.message .messageLeft .userMessenger, .message .messageRight .userMessenger, .message .messageFramedLeft .userMessenger, .message .messageFramedRight .userMessenger {
-	margin: 0;
-	padding: 7px 15px 0 15px;
-}
-
-/* Both Views & Dividers: Left & Right */
-.message .messageLeft.dividers .userMessenger, .message .messageRight.dividers .userMessenger, .message .messageFramedLeft.dividers .userMessenger, .message .messageFramedRight.dividers .userMessenger {
-	border-width: 1px 0 0 0;
-	border-style: solid;
-}
-
-/* All Views */
-.message .userMessenger ul {
-	list-style: none;
-	margin: 0;
-	padding: 2px 0;
-}
-
-/* Top View Filter */
-.message .messageTop .userMessenger ul, .message .messageFramedTop .userMessenger ul {
-	padding: 0;
-}
-
-/* All Views */
-.message .userMessenger ul li {
-	display: inline;
-}
-
-/* -- -- -- -- -- Message Content -- -- -- -- -- */
-
-/* All Views */
-.message .messageContent {
-	border-style: solid;
-	padding: 0;
-}
-
-/* Standard View: Left */
-.message .messageLeft .messageContent {
-	border-width: 0 0 0 1px;
-	margin: 0 0 0 180px; 
-}
-
-/* Framed View: Left */
-.message .messageFramedLeft .messageContent {
-	border-width: 1px;
-	margin: 10px 15px 10px 180px; 
-}
-
-/* Standard View: Right */
-.message .messageRight .messageContent {
-	border-width: 0 1px 0 0;
-	margin: 0 180px 0 0; 
-}
-
-/* Framed View: Right */
-.message .messageFramedRight .messageContent {
-	border-width: 1px;
-	margin: 10px 180px 10px 15px; 
-}
-
-/* Standard View: Top */
-.message .messageTop .messageContent {
-	border-width: 1px 0 0 0;
-	margin: 0; 
-}
-
-/* Framed View: Top */
-.message .messageFramedTop .messageContent {
-	border-width: 1px;
-	margin: 0 15px 10px 15px;
-}
-
-/* All Views */
-.message .messageContent:after {
-	content: "";
-	height: 0;
-	display: block;
-	clear: both;
-}
-
-/* -- -- -- -- -- Message Content Inner -- -- -- -- -- */
-
-.message .messageContentInner {
-	border-width: 0;
-	border-style: solid;
-	margin: 0;
-	padding: 10px 15px;
-}
-
-/* Standard View: Left & Right */
-.message .messageLeft .messageContentInner, .message .messageRight .messageContentInner {
-	border-width: 0; 
-}
-
-/* Framed View: Top, Left & Right */
-.message .messageFramedLeft .messageContentInner, .message .messageFramedRight .messageContentInner, .message .messageFramedTop .messageContentInner {
-	border-width: 1px;
-}
-
-/* All Views */
-.message .messageContentInner:after {
-	content: "";
-	height: 0;
-	display: block;
-	clear: both;
-}
-
-/* -- -- -- -- -- Message Header -- -- -- -- -- */
-
-.message .messageHeader {
-	border-style: solid;
-	border-top-width: 0;
-	border-left-width: 0;
-	border-right-width: 0;
-	margin: 0;
-	padding: 0;
-	min-height: 30px;
-}
-
-.message .messageHeader .containerIcon {
-	text-align: left;
-	margin: 0;
-	padding: 0 0 3px 0;
-	width: 25px;
-}
-
-.message .messageHeader .containerContent {
-	padding-bottom: 7px;
-}
-
-.message .messageHeader .containerContent p {
-	padding: 3px 0 0 0;
-}
-
-.message .messageHeader .messageMarkCheckBox {
-	margin: 0;
-	padding: 0;
-}
-
-.message .messageHeader .messageCount {
-	float: right;
-}
-
-.message .messageHeader .messageNumber {
-	text-decoration: none;
-	margin: 0 0 0 4px;
-	padding: 0 4px;
-}
-
-/* -- -- -- -- -- Message Body -- -- -- -- -- */
-
-.message .messageBody {
-	margin: 0;
-	padding: 7px 0 0 0;
-	display: block;
-	width: 100%;
-	position: relative;
-	overflow: hidden;
-}
-
-.message input {
-	margin-right: 6px;
-}
-
-/* -- -- -- -- -- Poll -- -- -- -- -- */
-
-.message .poll {
-	margin: 0 15px 7px 0;
-	float: left;
-	width: 47%;
-}
-
-.poll .container-1, .poll .container-2, .poll .container-3 {
-	padding: 4px;
-}
-
-.poll .containerContent label {
-	display: block;
-	overflow: hidden;
-}
-
-.poll h4 {
-	font-style: italic;
-	font-weight: bold;
-	padding-top: 0;
-}
-
-.poll .pollResults {
-	font-size: .95em;
-	text-align: right;
-}
-
-.pollOptionBar {
-	margin-right: 4px;
-	float: left;
-	height: 6px;
-}
-
-.pollBarColor1 { /* Blue */
-	background-color: #93befe;
-	border-bottom: 6px solid #468ffc;
-}
-
-.pollBarColor2 { /* Light Blue */
-	background-color: #6be8ff;
-	border-bottom: 6px solid #02c4e7;
-}
-
-.pollBarColor3 { /* Light Green */
-	background-color: #b8fb82;
-	border-bottom: 6px solid #30ff00;
-}
-
-.pollBarColor4 { /* Yellow */
-	background-color: #f6ff00;
-	border-bottom: 6px solid #ede502;
-}
-
-.pollBarColor5 { /* Orange */
-	background-color: #ffc676;
-	border-bottom: 6px solid #ff9600;
-}
-
-.pollBarColor6 { /* Red */
-	background-color: #fe9595;
-	border-bottom: 7px solid #fe4747;
-}
-
-.pollBarColor7 { /* Pink */
-	background-color: #f9f;
-	border-bottom: 6px solid #f6f;
-}
-
-.pollBarColor8 { /* Violet */
-	background-color: #c7a2e7;
-	border-bottom: 7px solid #a56dd5;
-}
-
-.pollBarColor9 { /* Brown */
-	background-color: #e1bb84;
-	border-bottom: 6px solid #ca8a2f;
-}
-
-.pollBarColor10 { /* Charcoal */
-	background-color: #c3bbbb;
-	border-bottom: 6px solid #967e7e;
-}
-
-/* -- -- -- -- -- Signature -- -- -- -- -- */
-
-.message .signature {
-	border-left-width: 0;
-	border-right-width: 0;
-	border-bottom-width: 0;
-	margin: 7px 0 0 0;
-	padding: 7px 0 0 0;
-	overflow: hidden;
-	position: relative;
-}
-
-/* -- -- -- -- -- Edit Note -- -- -- -- -- */
-
-.message .editNote, .message .deleteNote {
-	border-left-width: 0;
-	border-right-width: 0;
-	border-bottom-width: 0;
-	margin: 7px 0 0 0;
-	padding: 7px 0 0 0;
-	position: relative;
-}
-
-/* -- -- -- -- -- Message Footer -- -- -- -- -- */
-
-/* All Views */
-.message .messageFooter, .message .messageFooterLeft, .message .messageFooterRight {
-	text-align: left;
-	border-left: 0;
-	border-right: 0;
-	border-bottom: 0;
-	margin: 7px 0 0 0;
-	padding: 0;
-	clear: both;
-	display: block;
-	position: relative;
-}
-
-.message .messageFooter:after, .message .messageFooterLeft:after, .message .messageFooterRight:after {
-	content: "";
-	height: 0;
-	display: block;
-	clear: both;
-}
-
-/* Standard View */
-.message .messageFooter .breadCrumbs {
-	margin-top: 10px;
-}
-
-/* Standard View - Small Buttons */
-.message .messageFooter .smallButtons li {
-	float: right;
-}
-
-.message .messageFooter .smallButtons .extraButton {
-	margin-left: 10px;
-	margin-right: 0;
-}
-
-/* Left & Right */
-
-/* Left */
-.message .messageFooterLeft {
-	text-align: right;
-}
-
-.message .messageFooterLeft .smallButtons li {
-	float: left;
-}
-
-.message .messageFooterLeft .smallButtons .extraButton {
-	margin-left: 0;
-	margin-right: 10px;
-}
-
-/* Right */
-.message .messageFooterRight {
-	text-align: left;
-}
-
-.message .messageFooterRight .smallButtons li {
-	float: right;
-}
-
-.message .messageFooterRight .smallButtons .extraButton {
-	margin-left: 10px;
-	margin-right: 0;
-}
-
-/* -- -- -- -- -- Attachment Preview -- -- -- -- -- */
-
-/* Holds attachments with thumbnail-previews */
-
-.attachmentPreview {
-	margin-bottom: 0;
-}
-
-.attachmentPreview ul {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-}
-
-.attachmentPreview ul li {
-	border-style: solid;
-	border-width: 1px;
-	margin-bottom: 7px;
-	text-align: center;
-}
-
-.attachmentPreview ul li a {
-	border-style: solid;
-	border-width: 1px;
-	display: block;
-}
-
-.attachmentPreview ul li img {
-	display: inline;
-	position: relative;
-	top: 50%;
-}
-
-.attachmentPreview ul li a span {
-	background-image: url("../icon/zoomInS.png");
-	background-repeat: no-repeat;
-	background-position: right top;
-	margin: 5px 3px 0 0;
-	position: absolute;
-	top: 0;
-	right: 0;
-	width: 95%;
-	height: 95%;
-	visibility: hidden;
-}
-
-.attachmentPreview ul li a:hover span {
-	visibility: visible;
-}
-
-/* -- -- -- -- -- Attachment File -- -- -- -- -- */
-
-/* holds attachment file-type-icons and descriptions (no previews) */
-
-.attachmentFile:after {
-	clear: none;
-}
-
-.attachmentFile input, .attachmentFile button {
-	float: right;
-}
-
-.attachmentFile ul {
-	list-style: none;
-	margin: 0 !important;
-	padding: 0 !important;	
-}
-
-.attachmentFile ul li {
-	border-width: 1px 0 0 0;
-	border-style: solid;
-	margin: 0;
-	padding: 5px 0;
-	min-height: 22px;
-}
-
-.attachmentFile ul li:first-child {
-	border: none;
-}
-
-.attachmentFile ul li div {
-	padding: 3px 0 0 30px;
-}
-
-.attachmentFile ul li a img {
-	float: left;
-}
-
-/* -- -- -- -- -- Attachment Inputs -- -- -- -- -- */
-
-.attachmentsInput {
-	padding: 1px 0 3px 0;
-}
-
-.attachmentsInput input {
-	margin-top: 2px;
-	width: 100%;
-}
-
-.attachmentsInputSubmit {
-	float: right;
-}
-
-/* -- -- -- -- -- Quote Box -- -- -- -- -- */
-
-.quoteBox {
-	border-width: 1px;
-	border-style: solid;
-	margin: 0 0 7px 0;
-	display: block;
-	clear: both;
-	position: relative;
-}
-
-.quoteBox .quoteHeader {
-	margin: 1px 1px 0 1px;
-	padding: 7px 15px 7px 15px;
-}
-
-.quoteBox .quoteBody {
-	margin: 0 1px 1px 1px;
-	padding: 0 15px 5px 15px;
-}
-
-.quoteBox .quoteHeader h3 {
-	font-style: italic;
-	font-weight: bold;
-	margin: 0;
-	padding: 0;
-}
-
-.quoteBox .quoteHeader h3 img {
-	margin-top: -2px;
-	padding-right: 3px;
-	vertical-align: middle;
-}
-
-/* -- -- -- -- -- Code Box -- -- -- -- -- */
-
-.codeBox {
-	border-width: 1px;
-	border-style: solid;
-	margin: 0;
-	padding: 1px;
-	clear: both;
-	position: relative;
-	/* avoid inheritance */
-	font-style: normal;
-	text-align: left;
-	font-weight: normal;
-}
-
-.codeBox h3 {
-	font-style: italic;
-	font-weight: bold;
-	margin: 0;
-	padding: 5px;
-}
-
-.codeBox table {
-	border-spacing: 0;
-	width: 100%;
-}
-
-.codeBox pre {
-	margin: 0;
-	padding: 0 5px;
-	font-family: monospace;
-}
-
-.codeBox .codeLines, .codeBox .codeLineNumbers {
-	vertical-align: top;
-}
-
-.codeBox .codeLineNumbers img {
-	padding: 5px;
-}
-
-.codeBox .codeLineNumbers {
-	text-align: right;
-}
-
-.codeBox .codeLines {
-	width: 100%;	
-}
-
-.codeBox div {
-	overflow: auto;
-}
-
-/* -- -- -- -- -- Smileys -- -- -- -- -- */
-
-.smileys {
-	margin: 0;
-	padding: 0;
-	list-style: none;
-}
-
-.smileys li {
-	margin-right: 5px;
-	display: inline;
-}
-
-/* -- -- -- -- -- Extra -- -- -- -- -- */
-
-/* Post- & PM-Preview need this to get rid of the standard container-x settings */
-.messagePreview .message {
-	margin: -1px 0 0 -1px;
-	padding: 0;
-	border: 0;
-}
-
-/* Breadcrumbs inside Message Footer */
-.message .breadCrumbs {
-	float: left;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/style/pageMenu.css b/wcfsetup/install/files/style/pageMenu.css
deleted file mode 100644
index f95b7eb63c..0000000000
--- a/wcfsetup/install/files/style/pageMenu.css
+++ /dev/null
@@ -1,125 +0,0 @@
-/**
- * Page Menu Styles
- *
- * @author		Arian Glander, Harald Szekely
- * @copyright	2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Page Menu -- -- -- -- -- */
-
-div.pageMenu { 
-	margin: 0;
-	margin-right: 0 !important;
-	text-align: left;
-}
-
-div.pageMenu ul {
-	display: block !important;
-	float: none !important;
-	font-weight: normal !important;
-	list-style: none;
-	margin: 0;
-	padding: 0;
-}
-
-div.pageMenu li {
-	border: 0;
-	display: block !important;
-	float: none !important;
-	margin: 0 !important;
-	padding: 0 !important;
-}
-
-div.pageMenu a, div.pageMenu a:hover {
-	display: block !important;
-	background-color: transparent;
-	background-image: none;
-	border-width: 0;
-	float: none !important;
-	height: auto !important;
-	margin: 0 !important;
-	padding: 5px 7px 5px 35px !important;
-	text-align: left !important;
-	text-decoration: none !important;
-}
-
-div.popupMenu a, div.popupMenu a:hover {
-	padding: 5px 7px !important;
-}
-
-.mainMenu div.popupMenu a, .mainMenu div.popupMenu a:hover {
-	padding: 5px 7px 5px 35px !important;
-}
-
-div.pageMenu img {
-	margin-left: -30px;
-	margin-top: -2px;
-	position: absolute;
-}
-
-div.pageMenu span {
-	display: block;
-	margin: 0 !important;
-	padding: 3px 13px 2px 0 !important;
-	text-decoration: none !important;
-}
-
-div.pageMenu li.container-1, div.pageMenu li.container-2 {
-	margin: 0 1px 1px 0 !important;
-}
-
-/* -- -- -- -- -- Page Menu (2 rows) -- -- -- -- -- */
-/* Note: 
-	 - to be used with label and span
-	 - label contains the key
-	 - span the value
-	 - e.g. <div class="pageMenu"><ul class="twoRows"><li><a href="url2icq"><img .../> <label>ICQ</label> <span>123456789</span></a></li></ul></div>
-*/
-
-div.pageMenu .twoRows li {
-	line-height: 1.3;
-}
-
-div.pageMenu .twoRows a {
-	margin: 0 !important;
-	padding-bottom: 4px !important;
-	padding-top: 2px !important;
-	min-height: 24px;
-}
-
-div.pageMenu .twoRows img {
-	margin-left: -27px;
-	margin-top: 3px;
-}
-
-div.pageMenu .twoRows label {
-	cursor: pointer;
-	display: block;
-	margin: 0 !important;
-	padding: 0 0 0 5px !important;	
-}
-
-div.pageMenu .twoRows a span {
-	display: block;
-	margin: 0 !important;
-	padding: 0 0 0 5px !important;
-	text-decoration: underline !important;
-}
-
-div.pageMenu .twoRows a:hover span {
-	text-decoration: none !important;
-}
-
-/* -- -- -- -- -- Pop Up Menu -- -- -- -- -- */
-
-.popupMenu {
-	border-width: 1px;
-	margin: 0 0 10px 0;
-	opacity: .9 !important;
-	padding: 1px;
-	position: absolute;
-	white-space: nowrap;
-	z-index: 30;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/style/pageNavigation.css b/wcfsetup/install/files/style/pageNavigation.css
deleted file mode 100644
index a7689ceff6..0000000000
--- a/wcfsetup/install/files/style/pageNavigation.css
+++ /dev/null
@@ -1,126 +0,0 @@
-/**
- * Page Navigation Styles
- *
- * @author		Arian Glander, Harald Szekely
- * @copyright	2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Page Navigation -- -- -- -- -- */
-
-.pageNavigation {
-	margin-top: .5em;
-	margin-right: 20px;
-	margin-bottom: 5px;
-	float: left;
-	clear: left;
-}
-
-.pageNavigation ul {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-}
-
-.pageNavigation li {
-	border-width: 1px;
-	border-style: solid;
-	margin-right: 3px;
-	float: left;
-	position: relative;
-}
-
-.pageNavigation li.active, .pageNavigation li:active {
-	border-width: 1px;
-	border-style: solid;
-}
-
-.pageNavigation a, .pageNavigation li span {
-	text-align: center;
-	text-decoration: none;
-	border-width: 1px;
-	border-style: solid;
-	padding: 0 4px;
-	display: block;
-}
-
-.pageNavigation li div {
-	text-align: center;
-	margin-left: -1px;
-	padding: 0 0 .4em 0;
-	position: absolute;
-	bottom: 1.6em;
-	width: 12em; /* opera fix */
-	z-index: 200;
-	display: none;
-	opacity: .9;
-}
-
-.pageNavigation li:hover div {
-	display: block;
-}
-
-.pageNavigation li ul {
-	border: 1px;
-	padding: 0 0 2px 2px;
-	float: left;
-	clear: left;
-}
-
-.pageNavigation li ul li {
-	text-align: right !important;
-	margin-top: 2px;
-}
-
-.pageNavigation .skip, .pageNavigation .skip:hover, .pageNavigation .skip:active {
-	border: none;
-}
-
-.pageNavigation .skip a, .pageNavigation .skip a:hover, .pageNavigation .skip a:active, .pageNavigation .skip span {
-	background-color: transparent;
-	background-image: none !important;
-	border: none;
-	margin: 0;
-	padding: 0;
-}
-
-.pageNavigation .skip {
-	padding: 1px 1px !important;
-	width: 16px;
-}
-
-.pageNavigation .skip img {
-	vertical-align: middle;
-}
-
-.pageNavigation input {
-	text-align: center;
-	background-color: transparent;
-	border: none;
-	margin: 0;
-	padding: 2px 0;
-	width: 2.5em;
-	min-height: 1.84em;
-	display: none;
-}
-
-.pageNavigation .children {
-	padding: 0;
-}
-
-/* Drop Down Menus (also see pageMenu.css) */
-.pageNavigation a, .pageNavigation li ul, .pageNavigation li {
-	border-width: 1px;
-}
-
-/* Drop Down Menus (also see pageMenu.css) */
-.pageNavigation a, .pageNavigation li.children span {
-	border-color: #fff;
-	border-style: solid;
-}
-
-.statusDisplay .pageNavigation {
-	margin: 0;
-	padding: 0 0 2px 0;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/style/tabbedMenus.css b/wcfsetup/install/files/style/tabbedMenus.css
deleted file mode 100644
index c1b527a363..0000000000
--- a/wcfsetup/install/files/style/tabbedMenus.css
+++ /dev/null
@@ -1,191 +0,0 @@
-/**
- * Tabbed Menu Styles
- *
- * @author		Arian Glander, Harald Szekely
- * @copyright	2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Tabs -- -- -- -- -- */
-
-.tabMenu {
-	margin-top: 5px;
-	clear: both;
-	width: 100%;
-}
-
-.tabMenu:after {
-	content: "";
-	clear: both;
-	display: block;
-	height: 0;
-}
-
-.tabMenu ul {
-	margin: 0; 
-	padding: 0 0 0 10px;  
-}
-
-.tabMenu li {
-	list-style: none;
-	border-width: 1px 1px 0 1px;
-	margin-right: 3px;
-	float: left;
-}
-
-.tabMenu li a {
-	text-decoration: none;
-	white-space: nowrap;
-	border-width: 1px;
-	border-style: solid;
-	padding: 2px 5px 0 5px;
-	display: block;
-	position: relative;
-	z-index: 10;
-}
-
-.tabMenu li.activeTabMenu a {
-	border-bottom: none;
-	padding-bottom: 3px;
-	position: relative;
-	z-index: 20;
-}
-
-.tabMenu li a, .tabMenu li.activeTabMenu a {
-	min-height: 24px;
-}
-
-/* -- -- -- -- -- Sub Tab Menu -- -- -- -- -- */
- 
-/* Elements inside the bar below the tabs */
- 
-.subTabMenu {
-	border: 1px;
-	margin-bottom: -1px;
-	margin-top: -2px;
-	padding: 1px;
-	position: relative;
-	z-index: 0;
-}
-
-.subTabMenu:after {
-	content: "";
-	clear: both;
-	display: block;
-	height: 0;
-}
-
-.subTabMenu .containerHead {
-	margin: 0;
-	padding: 2px;
-	min-height: 5px;
-}
-
-.subTabMenu .containerHead h2, .subTabMenu .containerHead h3 {
-	padding: 2px 5px;
-}
-
-.subTabMenu .containerHead:after {
-	content: "";
-	clear: both;
-	display: block;
-	height: 0;
-}
-
-.subTabMenu ul {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-}
-
-.subTabMenu li {
-	float: left;
-}
-
-.subTabMenu li a {
-	text-decoration: none;
-	white-space: nowrap;
-	margin: 1px 2px;
-	padding: 2px 7px;
-	display: block;
-}
-
-.subTabMenu li.activeSubTabMenu a, .subTabMenu li a:hover {
-	border-width: 1px;
-	padding: 1px 6px;
-}
-
-.subTabMenu .containerHead div {
-	font-size: 5px;
-	height: 5px;
-}
-
-/* -- -- -- -- -- Sub Container Menu -- -- -- -- -- */
-
-/* ToDo: Find a more flexible solution */
-
-.contentBox .border .subTabMenu {
-	border: none;
-	margin: 0 0 1px 0;
-	padding: 0;
-}
-
-.contentBox .border .subTabMenu .containerHead {
-	border: none;
-	margin: 0 1px 0 0;
-}
-
-/* -- -- -- -- -- Tab Menu Content -- -- -- -- -- */
-
-/* Content below the Sub Tab Menu */
-
-.tabMenuContent {
-	clear: both;
-}
-
-.tabMenuContent > div {
-	padding: 15px 25px;
-}
-
-.tabMenuContent .subHeadline {
-	margin-bottom: 2px;
-}
-
-.tabMenuContent h3.containerContent {
-	margin-top: 0;
-	margin-bottom: 0;
-}
-
-.tabMenuContent fieldset.noJavaScript {
-	background: transparent;
-	border: 0;
-	margin: 0;
-	padding-top: 13px;
-}
-
-.tabMenuContent legend.noJavaScript {
-	display: none;
-}
-
-.tabMenuContentContainer {
-	clear: both;
-}
-
-.tabMenuContent .message {
-	margin-bottom: 7px;
-}
-
-.tabMenuContent .messageInner .smallButtons:after {
-	clear: none;
-}
-
-.tabMenuContent .message .messageHeading {
-	margin-top: 0 !important;
-}
-
-/* -- -- -- -- -- Specials -- -- -- -- -- */
-
-.tabNavigation { /* still necessary? */
-	float: right;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/style/tables.css b/wcfsetup/install/files/style/tables.css
deleted file mode 100644
index be1c758094..0000000000
--- a/wcfsetup/install/files/style/tables.css
+++ /dev/null
@@ -1,125 +0,0 @@
-/**
- * Table Styles
- *
- * @author		Arian Glander, Harald Szekely
- * @copyright	2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Table List -- -- -- -- -- */
-
-.tableList {
-	border-spacing: 0;
-	margin: 0;
-	padding: 0;
-	width: 100%;
-}
-
-.tableList tbody tr:hover .columnTopic .topic p a, .tableList tbody tr:hover .columnUsername p a, .tableList tbody tr:hover .columnTitle p a {
-	text-decoration: none;
-}
-
-.tableList th {
-	border-width: 0 1px 1px 0;
-	border-style: solid;
-	font-weight: normal;
-}
-
-.tableList td {
-	border-width: 0 1px 1px 0;
-	border-style: solid;
-	padding: 4px;
-}
-
-.tableList td a {
-	text-align: left;
-}
-
-/* -- -- -- -- -- Table Head -- -- -- -- -- */
-
-.tableHead a, .tableHead .emptyHead {
-	border-style: solid;
-	border-width: 0 0 1px 0;
-	display: block;
-	line-height: 1.8;
-	margin: -1px;
-	min-height: 22px;
-	padding: 0 5px;
-	text-align: center;
-	text-decoration: none;
-}
-
-/* do we really need this declaration? 
-.tableHead .emptyHead {
-	white-space: normal;
-}
-*/
-
-.tableHead .emptyHead input {
-	margin-top: 0;
-}
-
-.tableHead {
-	white-space: nowrap;
-}
-
-.tableHead a img {
-	margin-top: -3px;
-	padding: 0;
-}
-
-.tableHead .active a {
-	border-width: 0 0 1px 0;
-}
-
-/* -- -- -- -- -- Column Globals -- -- -- -- -- */
-
-.tableList td.columnText {
-	text-align: left;
-}
-
-.tableList td.columnNumbers, .tableList td.columnDate {
-	text-align: right;
-	white-space: nowrap;
-}
-
-.tableList td.columnID {
-	width: 1%;
-	text-align: right;
-}
-
-.tableList td.columnMark {
-	width: 1%;
-}
-
-/* -- -- -- -- -- Table Row -- -- -- -- -- */
-
-.tableList .statusDisplay {
-	float: right;
-	padding: 1px 0;
-}
-
-.tableList .statusDisplayIcons {
-	display: inline-block;
-	margin-left: 5px;
-}
-
-/* -- -- -- -- -- Column Icon -- -- -- -- -- */
-
-.tableList td.columnIcon {
-	width: 1%;
-	white-space: nowrap;
-}
-
-.tableList td.actionIcons img {
-	display: inline !important;
-}
-
-/* -- -- -- -- -- Special -- -- -- -- -- */
-
-.tableList .deleteNote {
-	border-width: 0 !important;
-	margin-top: 3px;
-	padding-top: 3px;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
-- 
2.20.1