diff --git a/Client/core/CClientVariables.cpp b/Client/core/CClientVariables.cpp
index 85dee800fa..01b3006234 100644
--- a/Client/core/CClientVariables.cpp
+++ b/Client/core/CClientVariables.cpp
@@ -357,6 +357,7 @@ void CClientVariables::LoadDefaults()
     DEFAULT("discord_rpc_share_data", false);                                         // Consistent Rich Presence data sharing
     DEFAULT("discord_rpc_share_data_firsttime", false);                               // Display the user data sharing consent dialog box - for the first time
     DEFAULT("browser_enable_gpu", true);                                              // Enable GPU in CEF? (allows stuff like WebGL to function)
+    DEFAULT("cgui_modern_interface", true);                                           // Enable modern CGUI interface (testing for upcoming main menu revamp)
 
     if (!Exists("locale"))
     {
diff --git a/Client/core/CCore.cpp b/Client/core/CCore.cpp
index 12e8cf81d5..fdd3df84e3 100644
--- a/Client/core/CCore.cpp
+++ b/Client/core/CCore.cpp
@@ -1020,6 +1020,8 @@ void CCore::DeinitGUI()
 void CCore::InitGUI(IDirect3DDevice9* pDevice)
 {
     m_pGUI = InitModule<CGUI>(m_GUIModule, "GUI", "InitGUIInterface", pDevice);
+    m_pGUI->SetXMLParser(m_pXML);
+    m_pGUI->SetGraphics(m_pGraphics);
 }
 
 void CCore::CreateGUI()
diff --git a/Client/core/CGUI.cpp b/Client/core/CGUI.cpp
index 6273536347..149ee89eeb 100644
--- a/Client/core/CGUI.cpp
+++ b/Client/core/CGUI.cpp
@@ -44,6 +44,7 @@ CLocalGUI::CLocalGUI()
 
     m_LastSettingsRevision = -1;
     m_LocaleChangeCounter = 0;
+    CVARS_GET("cgui_modern_interface", m_ModernSkinEnabled);
 }
 
 CLocalGUI::~CLocalGUI()
@@ -138,6 +139,12 @@ void CLocalGUI::CreateWindows(bool bGameIsAlreadyLoaded)
 {
     CGUI* pGUI = CCore::GetSingleton().GetGUI();
 
+    bool modern;
+    CVARS_GET("cgui_modern_interface", modern);
+
+    if (modern)
+        pGUI->SetModernSkinEnabled(true);
+
     // Create chatbox
     m_pChat = new CChat(pGUI, CVector2D(0.0125f, 0.015f));
     m_pChat->SetVisible(false, true);
@@ -171,6 +178,9 @@ void CLocalGUI::CreateWindows(bool bGameIsAlreadyLoaded)
     // Create our news headlines if we're already ingame
     if (bGameIsAlreadyLoaded)
         m_pMainMenu->GetNewsBrowser()->CreateHeadlines();
+
+    if (modern)
+        pGUI->SetModernSkinEnabled(false);
 }
 
 void CLocalGUI::CreateObjects(IUnknown* pDevice)
@@ -212,6 +222,8 @@ void CLocalGUI::DestroyObjects()
 
 void CLocalGUI::DoPulse()
 {
+    bool didSetSkin = false;
+
     m_pVersionUpdater->DoPulse();
 
     CClientVariables* cvars = CCore::GetSingleton().GetCVars();
@@ -228,7 +240,10 @@ void CLocalGUI::DoPulse()
         if (currentSkinName != m_LastSkinName)
         {
             if (!CCore::GetSingleton().GetModManager()->IsLoaded())
+            {
                 SetSkin(currentSkinName);
+                didSetSkin = true;
+            }
             else
             {
                 CCore::GetSingleton().GetConsole()->Printf("Please disconnect before changing skin");
@@ -273,6 +288,28 @@ void CLocalGUI::DoPulse()
                 }
             }
         }
+
+        // Check for modern skin change
+        bool modern;
+        CVARS_GET("cgui_modern_interface", modern);
+
+        if (modern != m_ModernSkinEnabled)
+        {
+            if (!CCore::GetSingleton().GetModManager()->IsLoaded())
+            {
+                m_ModernSkinEnabled = modern;
+
+                if (!didSetSkin)
+                {
+                    SetSkin(m_LastSkinName);
+                }
+            }
+            else
+            {
+                CCore::GetSingleton().GetConsole()->Printf("Please disconnect before setting modern interface");
+                cvars->Set("cgui_modern_interface", m_ModernSkinEnabled);
+            }
+        }
     }
 }
 
diff --git a/Client/core/CGUI.h b/Client/core/CGUI.h
index f667082844..70b3337339 100644
--- a/Client/core/CGUI.h
+++ b/Client/core/CGUI.h
@@ -118,4 +118,5 @@ class CLocalGUI : public CSingleton<CLocalGUI>
     SString m_LastSkinName;
     SString m_LastLocaleName;
     uint    m_LocaleChangeCounter;
+    bool    m_ModernSkinEnabled;
 };
diff --git a/Client/core/CSettings.cpp b/Client/core/CSettings.cpp
index 566a374247..20a6534a9c 100644
--- a/Client/core/CSettings.cpp
+++ b/Client/core/CSettings.cpp
@@ -947,7 +947,7 @@ void CSettings::CreateGUI()
 
     m_pLabelBrowserBlacklistAdd = reinterpret_cast<CGUILabel*>(pManager->CreateLabel(m_pEditBrowserBlacklistAdd, _("Enter a domain e.g. google.com")));
     m_pLabelBrowserBlacklistAdd->SetPosition(CVector2D(10.0f, 3.0f), false);
-    m_pLabelBrowserBlacklistAdd->SetTextColor(0, 0, 0);
+    m_pLabelBrowserBlacklistAdd->SetPlaceholderColors();
     m_pLabelBrowserBlacklistAdd->SetSize(CVector2D(1, 1), true);
     m_pLabelBrowserBlacklistAdd->SetAlpha(0.7f);
     m_pLabelBrowserBlacklistAdd->SetProperty("MousePassThroughEnabled", "True");
@@ -982,7 +982,7 @@ void CSettings::CreateGUI()
 
     m_pLabelBrowserWhitelistAdd = reinterpret_cast<CGUILabel*>(pManager->CreateLabel(m_pEditBrowserWhitelistAdd, _("Enter a domain e.g. google.com")));
     m_pLabelBrowserWhitelistAdd->SetPosition(CVector2D(10.0f, 3.0f), false);
-    m_pLabelBrowserWhitelistAdd->SetTextColor(0, 0, 0);
+    m_pLabelBrowserWhitelistAdd->SetPlaceholderColors();
     m_pLabelBrowserWhitelistAdd->SetSize(CVector2D(1, 1), true);
     m_pLabelBrowserWhitelistAdd->SetAlpha(0.7f);
     m_pLabelBrowserWhitelistAdd->SetProperty("MousePassThroughEnabled", "True");
@@ -1272,6 +1272,7 @@ void CSettings::CreateGUI()
     m_pChatLoadPreset->SetClickHandler(GUI_CALLBACK(&CSettings::OnChatLoadPresetClick, this));
     m_pInterfaceLanguageSelector->SetSelectionHandler(GUI_CALLBACK(&CSettings::OnLanguageChanged, this));
     m_pInterfaceSkinSelector->SetSelectionHandler(GUI_CALLBACK(&CSettings::OnSkinChanged, this));
+    m_pInterfaceModern->SetClickHandler(GUI_CALLBACK(&CSettings::OnModernClick, this));
     m_pMapAlpha->SetOnScrollHandler(GUI_CALLBACK(&CSettings::OnMapAlphaChanged, this));
     m_pAudioMasterVolume->SetOnScrollHandler(GUI_CALLBACK(&CSettings::OnMasterVolumeChanged, this));
     m_pAudioRadioVolume->SetOnScrollHandler(GUI_CALLBACK(&CSettings::OnRadioVolumeChanged, this));
@@ -2055,6 +2056,11 @@ void CSettings::CreateInterfaceTabGUI()
         // Language
         pLabel = reinterpret_cast<CGUILabel*>(pManager->CreateLabel(m_pTabInterface, strLanguage));
         pLabel->SetPosition(CVector2D(vecTemp.fX, vecTemp.fY + 20.0f));
+
+        m_pInterfaceModernLabel = reinterpret_cast<CGUILabel*>(pManager->CreateLabel(m_pTabInterface, _("Use modern interface")));
+        m_pInterfaceModernLabel->SetPosition(CVector2D(vecTemp.fX + fIndentX + fComboWidth + 35.0f, vecTemp.fY + 20.0f));
+        m_pInterfaceModernLabel->AutoSize();
+
         pLabel->GetPosition(vecTemp);
         pLabel->AutoSize();
 
@@ -2063,6 +2069,14 @@ void CSettings::CreateInterfaceTabGUI()
         m_pInterfaceLanguageSelector->SetSize(CVector2D(fComboWidth, 200.0f));
         m_pInterfaceLanguageSelector->SetReadOnly(true);
 
+        m_pInterfaceModern = reinterpret_cast<CGUICheckBox*>(pManager->CreateCheckBox(m_pTabInterface, ""));
+        m_pInterfaceModern->SetPosition(CVector2D(vecTemp.fX + fIndentX + fComboWidth + 10.0f, vecTemp.fY - 1.0f));
+        m_pInterfaceModern->SetSize(CVector2D(20.0f, 20.0f));
+
+        bool modern;
+        CVARS_GET("cgui_modern_interface", modern);
+        m_pInterfaceModern->SetSelected(modern);
+
         // Grab languages and populate
         for (const auto& strLocale : g_pCore->GetLocalization()->GetAvailableLocales())
         {
@@ -3711,6 +3725,10 @@ void CSettings::SaveData()
     CVARS_SET("server_can_flash_window", m_pFlashWindow->GetSelected());
     CVARS_SET("allow_tray_notifications", m_pTrayBalloon->GetSelected());
 
+    // Save modern skin setting
+    CVARS_SET("cgui_modern_interface", m_pInterfaceModern->GetSelected());
+
+
     // Set our new skin last, as it'll destroy all our GUI
     pItem = m_pInterfaceSkinSelector->GetSelectedItem();
     if (pItem)
@@ -4926,3 +4944,15 @@ bool CSettings::IsActive()
 {
     return m_pWindow->IsActive();
 }
+
+bool CSettings::OnModernClick(CGUIElement* pElement)
+{
+    if (m_bIsModLoaded)
+    {
+        m_pInterfaceModern->SetSelected(!m_pInterfaceModern->GetSelected());
+        g_pCore->ShowMessageBox(_("Error") + _E("CC82"), _("Please disconnect before changing the modern interface"), MB_BUTTON_OK | MB_ICON_INFO);
+        m_pWindow->MoveToBack();
+        return true;
+    }
+    return true;
+}
diff --git a/Client/core/CSettings.h b/Client/core/CSettings.h
index 91a14ca40e..4678d94826 100644
--- a/Client/core/CSettings.h
+++ b/Client/core/CSettings.h
@@ -288,6 +288,9 @@ class CSettings
     CGUIComboBox* m_pInterfaceSkinSelector;
     CGUIButton*   m_pInterfaceLoadSkin;
 
+    CGUILabel* m_pInterfaceModernLabel;
+    CGUICheckBox* m_pInterfaceModern;
+
     CGUIComboBox* m_pChatPresets;
     CGUIButton*   m_pChatLoadPreset;
 
@@ -408,6 +411,8 @@ class CSettings
     bool OnTabChanged(CGUIElement* pElement);
     void ReloadBrowserLists();
 
+    bool OnModernClick(CGUIElement* pElement);
+
 private:
     void CreateInterfaceTabGUI();
     void UpdateChatColorPreview(eChatColorType eType);
diff --git a/Client/core/ServerBrowser/CServerBrowser.cpp b/Client/core/ServerBrowser/CServerBrowser.cpp
index 2ea47cafdf..eb9f3f1bab 100644
--- a/Client/core/ServerBrowser/CServerBrowser.cpp
+++ b/Client/core/ServerBrowser/CServerBrowser.cpp
@@ -333,7 +333,7 @@ void CServerBrowser::CreateTab(ServerBrowserType type, const char* szName)
 
     m_pLabelAddressDescription[type] = reinterpret_cast<CGUILabel*>(pManager->CreateLabel(m_pEditAddress[type], "Enter an address [IP:Port]"));
     m_pLabelAddressDescription[type]->SetPosition(CVector2D(10, 5), false);
-    m_pLabelAddressDescription[type]->SetTextColor(0, 0, 0);
+    m_pLabelAddressDescription[type]->SetPlaceholderColors();
     m_pLabelAddressDescription[type]->AutoSize(m_pLabelAddressDescription[type]->GetText().c_str());
     m_pLabelAddressDescription[type]->SetAlpha(0.6f);
     m_pLabelAddressDescription[type]->SetProperty("MousePassThroughEnabled", "True");
@@ -421,7 +421,7 @@ void CServerBrowser::CreateTab(ServerBrowserType type, const char* szName)
 
     m_pLabelSearchDescription[type] = reinterpret_cast<CGUILabel*>(pManager->CreateLabel(m_pEditSearch[type], _("Search servers...")));
     m_pLabelSearchDescription[type]->SetPosition(CVector2D(10, 3), false);
-    m_pLabelSearchDescription[type]->SetTextColor(0, 0, 0);
+    m_pLabelSearchDescription[type]->SetPlaceholderColors();
     m_pLabelSearchDescription[type]->SetSize(CVector2D(1, 1), true);
     m_pLabelSearchDescription[type]->SetAlpha(0.6f);
     m_pLabelSearchDescription[type]->SetProperty("MousePassThroughEnabled", "True");
diff --git a/Client/gui/CGUIButton_Impl.cpp b/Client/gui/CGUIButton_Impl.cpp
index ac48dc86f5..b34426d268 100644
--- a/Client/gui/CGUIButton_Impl.cpp
+++ b/Client/gui/CGUIButton_Impl.cpp
@@ -22,7 +22,7 @@ CGUIButton_Impl::CGUIButton_Impl(CGUI_Impl* pGUI, CGUIElement* pParent, const ch
     pGUI->GetUniqueName(szUnique);
 
     // Create the window and set default settings
-    m_pWindow = pGUI->GetWindowManager()->createWindow(CGUIBUTTON_NAME, szUnique);
+    m_pWindow = pGUI->GetWindowManager()->createWindow(pGUI->ResolveModernName(CGUIBUTTON_NAME), szUnique);
     m_pWindow->setDestroyedByParent(false);
 
     m_pWindow->setText(CGUI_Impl::GetUTFString(szCaption));
diff --git a/Client/gui/CGUICheckBox_Impl.cpp b/Client/gui/CGUICheckBox_Impl.cpp
index e7967fe126..884c1f9270 100644
--- a/Client/gui/CGUICheckBox_Impl.cpp
+++ b/Client/gui/CGUICheckBox_Impl.cpp
@@ -22,7 +22,7 @@ CGUICheckBox_Impl::CGUICheckBox_Impl(CGUI_Impl* pGUI, CGUIElement* pParent, cons
     pGUI->GetUniqueName(szUnique);
 
     // Create the window and set default settings
-    m_pWindow = pGUI->GetWindowManager()->createWindow(CGUICHECKBOX_NAME, szUnique);
+    m_pWindow = pGUI->GetWindowManager()->createWindow(pGUI->ResolveModernName(CGUICHECKBOX_NAME), szUnique);
     m_pWindow->setDestroyedByParent(false);
 
     m_pWindow->setText(CGUI_Impl::GetUTFString(szCaption));
diff --git a/Client/gui/CGUIComboBox_Impl.cpp b/Client/gui/CGUIComboBox_Impl.cpp
index b5783e8848..a5605c7a34 100644
--- a/Client/gui/CGUIComboBox_Impl.cpp
+++ b/Client/gui/CGUIComboBox_Impl.cpp
@@ -22,7 +22,7 @@ CGUIComboBox_Impl::CGUIComboBox_Impl(CGUI_Impl* pGUI, CGUIElement* pParent, cons
     pGUI->GetUniqueName(szUnique);
 
     // Create the window and set default settings
-    m_pWindow = pGUI->GetWindowManager()->createWindow(CGUICOMBOBOX_NAME, szUnique);
+    m_pWindow = pGUI->GetWindowManager()->createWindow(pGUI->ResolveModernName(CGUICOMBOBOX_NAME), szUnique);
     m_pWindow->setDestroyedByParent(false);
 
     // This needs a better alternative, so changing comboBox will change this - Jyrno42
diff --git a/Client/gui/CGUIEdit_Impl.cpp b/Client/gui/CGUIEdit_Impl.cpp
index ddb7c91f17..badbd0675e 100644
--- a/Client/gui/CGUIEdit_Impl.cpp
+++ b/Client/gui/CGUIEdit_Impl.cpp
@@ -22,7 +22,7 @@ CGUIEdit_Impl::CGUIEdit_Impl(CGUI_Impl* pGUI, CGUIElement* pParent, const char*
     pGUI->GetUniqueName(szUnique);
 
     // Create the edit and set default settings
-    m_pWindow = pGUI->GetWindowManager()->createWindow(CGUIEDIT_NAME, szUnique);
+    m_pWindow = pGUI->GetWindowManager()->createWindow(pGUI->ResolveModernName(CGUIEDIT_NAME), szUnique);
     m_pWindow->setDestroyedByParent(false);
     m_pWindow->setRect(CEGUI::Absolute, CEGUI::Rect(0.00f, 0.00f, 0.128f, 0.24f));
 
diff --git a/Client/gui/CGUIGridList_Impl.cpp b/Client/gui/CGUIGridList_Impl.cpp
index bed682670a..f351a08ea7 100644
--- a/Client/gui/CGUIGridList_Impl.cpp
+++ b/Client/gui/CGUIGridList_Impl.cpp
@@ -32,9 +32,9 @@ CGUIGridList_Impl::CGUIGridList_Impl(CGUI_Impl* pGUI, CGUIElement* pParent, bool
 
     // Create the window and set default settings
     if (bFrame)
-        m_pWindow = pGUI->GetWindowManager()->createWindow(CGUIGRIDLIST_NAME, szUnique);
+        m_pWindow = pGUI->GetWindowManager()->createWindow(pGUI->ResolveModernName(CGUIGRIDLIST_NAME), szUnique);
     else
-        m_pWindow = pGUI->GetWindowManager()->createWindow(CGUIGRIDLISTNOFRAME_NAME, szUnique);
+        m_pWindow = pGUI->GetWindowManager()->createWindow(pGUI->ResolveModernName(CGUIGRIDLISTNOFRAME_NAME), szUnique);
 
     m_pWindow->setDestroyedByParent(false);
     m_pWindow->setRect(CEGUI::Relative, CEGUI::Rect(0.00f, 0.00f, 0.40f, 0.40f));
diff --git a/Client/gui/CGUILabel_Impl.cpp b/Client/gui/CGUILabel_Impl.cpp
index c07103da79..1b470abc7a 100644
--- a/Client/gui/CGUILabel_Impl.cpp
+++ b/Client/gui/CGUILabel_Impl.cpp
@@ -22,7 +22,7 @@ CGUILabel_Impl::CGUILabel_Impl(CGUI_Impl* pGUI, CGUIElement* pParent, const char
     pGUI->GetUniqueName(szUnique);
 
     // Create the window and set default settings
-    m_pWindow = pGUI->GetWindowManager()->createWindow(CGUILABEL_NAME, szUnique);
+    m_pWindow = pGUI->GetWindowManager()->createWindow(pGUI->ResolveModernName(CGUILABEL_NAME), szUnique);
     m_pWindow->setDestroyedByParent(false);
 
     // Store the pointer to this CGUI element in the CEGUI element
@@ -164,3 +164,27 @@ float CGUILabel_Impl::GetTextExtent()
 
     return 0.0f;
 }
+
+void CGUILabel_Impl::InvertTextColor()
+{
+    auto& color = GetTextColor();
+    SetTextColor(255 - color.R, 255 - color.G, 255 - color.B);
+}
+
+void CGUILabel_Impl::SetPlaceholderColors()
+{
+    auto* text = reinterpret_cast<CEGUI::StaticText*>(m_pWindow);
+
+    if (!text->isPropertyPresent("PlaceholderTextColours"))
+    {
+        InvertTextColor();
+        return;
+    }
+
+    auto& prop = text->getProperty("PlaceholderTextColours");
+
+    unsigned int color = 0;
+    const char*  buffer = prop.c_str();
+    sscanf(buffer, "tl:%x tr:%x bl:%x br:%x", &color, &color, &color, &color);
+    SetTextColor(color >> 16, (color >> 8) & 0xFF, color & 0xFF);
+}
diff --git a/Client/gui/CGUILabel_Impl.h b/Client/gui/CGUILabel_Impl.h
index 121c7cb3e6..563ebab70e 100644
--- a/Client/gui/CGUILabel_Impl.h
+++ b/Client/gui/CGUILabel_Impl.h
@@ -43,7 +43,11 @@ class CGUILabel_Impl : public CGUILabel, public CGUIElement_Impl
 
     eCGUIType GetType() { return CGUI_LABEL; };
 
+    void InvertTextColor();
+    void SetPlaceholderColors();
+
     #define EXCLUDE_SET_TEXT
     #include "CGUIElement_Inc.h"
     #undef EXCLUDE_SET_TEXT
+
 };
diff --git a/Client/gui/CGUIListItem_Impl.cpp b/Client/gui/CGUIListItem_Impl.cpp
index 0a2e8c6569..a5ffabccb9 100644
--- a/Client/gui/CGUIListItem_Impl.cpp
+++ b/Client/gui/CGUIListItem_Impl.cpp
@@ -11,6 +11,8 @@
 
 #include "StdInc.h"
 
+extern CGUI_Impl* g_pGUI;
+
 CGUIListItem_Impl::CGUIListItem_Impl(const char* szText, unsigned int uiType, CGUIStaticImage_Impl* pImage)
 {
     ItemType = uiType;
@@ -33,7 +35,7 @@ CGUIListItem_Impl::CGUIListItem_Impl(const char* szText, unsigned int uiType, CG
     {
         // Set flags and properties
         m_pListItem->setAutoDeleted(false);
-        m_pListItem->setSelectionBrushImage("CGUI-Images", "ListboxSelectionBrush");
+        m_pListItem->setSelectionBrushImage("CGUI-Images", g_pGUI->ResolveModernName("ListboxSelectionBrush"));
     }
 
     m_pData = NULL;
diff --git a/Client/gui/CGUIMemo_Impl.cpp b/Client/gui/CGUIMemo_Impl.cpp
index 61746b29f0..845f38c0a1 100644
--- a/Client/gui/CGUIMemo_Impl.cpp
+++ b/Client/gui/CGUIMemo_Impl.cpp
@@ -22,7 +22,7 @@ CGUIMemo_Impl::CGUIMemo_Impl(CGUI_Impl* pGUI, CGUIElement* pParent, const char*
     pGUI->GetUniqueName(szUnique);
 
     // Create the window and set default settings
-    m_pWindow = pGUI->GetWindowManager()->createWindow(CGUIMEMO_NAME, szUnique);
+    m_pWindow = pGUI->GetWindowManager()->createWindow(pGUI->ResolveModernName(CGUIMEMO_NAME), szUnique);
     m_pWindow->setDestroyedByParent(false);
 
     // Store the pointer to this CGUI element in the CEGUI element
diff --git a/Client/gui/CGUIProgressBar_Impl.cpp b/Client/gui/CGUIProgressBar_Impl.cpp
index 113afc5fa9..f7e17c39f5 100644
--- a/Client/gui/CGUIProgressBar_Impl.cpp
+++ b/Client/gui/CGUIProgressBar_Impl.cpp
@@ -22,7 +22,7 @@ CGUIProgressBar_Impl::CGUIProgressBar_Impl(CGUI_Impl* pGUI, CGUIElement* pParent
     pGUI->GetUniqueName(szUnique);
 
     // Create the window and set default settings
-    m_pWindow = pGUI->GetWindowManager()->createWindow(CGUILABEL_NAME, szUnique);
+    m_pWindow = pGUI->GetWindowManager()->createWindow(pGUI->ResolveModernName(CGUILABEL_NAME), szUnique);
     m_pWindow->setDestroyedByParent(false);
 
     // Store the pointer to this CGUI element in the CEGUI element
diff --git a/Client/gui/CGUIRadioButton_Impl.cpp b/Client/gui/CGUIRadioButton_Impl.cpp
index dee554707d..cd07ee2e96 100644
--- a/Client/gui/CGUIRadioButton_Impl.cpp
+++ b/Client/gui/CGUIRadioButton_Impl.cpp
@@ -22,7 +22,7 @@ CGUIRadioButton_Impl::CGUIRadioButton_Impl(CGUI_Impl* pGUI, CGUIElement* pParent
     pGUI->GetUniqueName(szUnique);
 
     // Create the window and set default settings
-    m_pWindow = pGUI->GetWindowManager()->createWindow(CGUIRADIOBUTTON_NAME, szUnique);
+    m_pWindow = pGUI->GetWindowManager()->createWindow(pGUI->ResolveModernName(CGUIRADIOBUTTON_NAME), szUnique);
     m_pWindow->setDestroyedByParent(false);
 
     m_pWindow->setText(CGUI_Impl::GetUTFString(szCaption));
diff --git a/Client/gui/CGUIScrollBar_Impl.cpp b/Client/gui/CGUIScrollBar_Impl.cpp
index 07e8cc61ad..2375d9c81c 100644
--- a/Client/gui/CGUIScrollBar_Impl.cpp
+++ b/Client/gui/CGUIScrollBar_Impl.cpp
@@ -23,7 +23,7 @@ CGUIScrollBar_Impl::CGUIScrollBar_Impl(CGUI_Impl* pGUI, bool bHorizontal, CGUIEl
     pGUI->GetUniqueName(szUnique);
 
     // Create the window and set default settings
-    m_pWindow = pGUI->GetWindowManager()->createWindow(bHorizontal ? CGUISCROLLBAR_HORIZONTAL_NAME : CGUISCROLLBAR_VERTICAL_NAME, szUnique);
+    m_pWindow = pGUI->GetWindowManager()->createWindow(pGUI->ResolveModernName(bHorizontal ? CGUISCROLLBAR_HORIZONTAL_NAME : CGUISCROLLBAR_VERTICAL_NAME), szUnique);
     m_pWindow->setDestroyedByParent(false);
 
     // Store the pointer to this CGUI element in the CEGUI element
diff --git a/Client/gui/CGUIScrollPane_Impl.cpp b/Client/gui/CGUIScrollPane_Impl.cpp
index 2849308aa1..92d3762636 100644
--- a/Client/gui/CGUIScrollPane_Impl.cpp
+++ b/Client/gui/CGUIScrollPane_Impl.cpp
@@ -25,7 +25,7 @@ CGUIScrollPane_Impl::CGUIScrollPane_Impl(CGUI_Impl* pGUI, CGUIElement* pParent)
     pGUI->GetUniqueName(szUnique);
 
     // Create the window and set default settings
-    m_pWindow = pGUI->GetWindowManager()->createWindow(CGUISCROLLPANE_NAME, szUnique);
+    m_pWindow = pGUI->GetWindowManager()->createWindow(pGUI->ResolveModernName(CGUISCROLLPANE_NAME), szUnique);
     m_pWindow->setDestroyedByParent(false);
     m_pWindow->setRect(CEGUI::Relative, CEGUI::Rect(0.9f, 0.9f, 0.9f, 0.9f));
 
diff --git a/Client/gui/CGUIStaticImage_Impl.cpp b/Client/gui/CGUIStaticImage_Impl.cpp
index b57d75f0ca..7d8af1cb20 100644
--- a/Client/gui/CGUIStaticImage_Impl.cpp
+++ b/Client/gui/CGUIStaticImage_Impl.cpp
@@ -29,7 +29,7 @@ CGUIStaticImage_Impl::CGUIStaticImage_Impl(CGUI_Impl* pGUI, CGUIElement* pParent
     pGUI->GetUniqueName(szUnique);
 
     // Create the control and set default properties
-    m_pWindow = pGUI->GetWindowManager()->createWindow(CGUISTATICIMAGE_NAME, szUnique);
+    m_pWindow = pGUI->GetWindowManager()->createWindow(pGUI->ResolveModernName(CGUISTATICIMAGE_NAME), szUnique);
     m_pWindow->setDestroyedByParent(false);
     m_pWindow->setRect(CEGUI::Relative, CEGUI::Rect(0.0f, 0.0f, 1.0f, 1.0f));
     reinterpret_cast<CEGUI::StaticImage*>(m_pWindow)->setBackgroundEnabled(false);
diff --git a/Client/gui/CGUITabPanel_Impl.cpp b/Client/gui/CGUITabPanel_Impl.cpp
index 8ad196a467..b44d6b78df 100644
--- a/Client/gui/CGUITabPanel_Impl.cpp
+++ b/Client/gui/CGUITabPanel_Impl.cpp
@@ -25,7 +25,7 @@ CGUITabPanel_Impl::CGUITabPanel_Impl(CGUI_Impl* pGUI, CGUIElement* pParent)
     pGUI->GetUniqueName(szUnique);
 
     // Create the window and set default settings
-    m_pWindow = pGUI->GetWindowManager()->createWindow(CGUITABPANEL_NAME, szUnique);
+    m_pWindow = pGUI->GetWindowManager()->createWindow(pGUI->ResolveModernName(CGUITABPANEL_NAME), szUnique);
     m_pWindow->setDestroyedByParent(false);
     m_pWindow->setRect(CEGUI::Relative, CEGUI::Rect(0.9f, 0.9f, 0.9f, 0.9f));
     reinterpret_cast<CEGUI::TabControl*>(m_pWindow)->setAbsoluteTabTextPadding(10.0f);
diff --git a/Client/gui/CGUIWebBrowser_Impl.cpp b/Client/gui/CGUIWebBrowser_Impl.cpp
index 308f2945d0..b3f7b90531 100644
--- a/Client/gui/CGUIWebBrowser_Impl.cpp
+++ b/Client/gui/CGUIWebBrowser_Impl.cpp
@@ -26,7 +26,7 @@ CGUIWebBrowser_Impl::CGUIWebBrowser_Impl(CGUI_Impl* pGUI, CGUIElement* pParent)
     pGUI->GetUniqueName(szUnique);
 
     // Create the control and set default properties
-    m_pWindow = pGUI->GetWindowManager()->createWindow(CGUIWEBBROWSER_NAME, szUnique);
+    m_pWindow = pGUI->GetWindowManager()->createWindow(pGUI->ResolveModernName(CGUIWEBBROWSER_NAME), szUnique);
     m_pWindow->setDestroyedByParent(false);
     m_pWindow->setRect(CEGUI::Relative, CEGUI::Rect(0.0f, 0.0f, 1.0f, 1.0f));
     reinterpret_cast<CEGUI::StaticImage*>(m_pWindow)->setBackgroundEnabled(false);
diff --git a/Client/gui/CGUIWindow_Impl.cpp b/Client/gui/CGUIWindow_Impl.cpp
index 6936cbdbc9..d9e7fd36d0 100644
--- a/Client/gui/CGUIWindow_Impl.cpp
+++ b/Client/gui/CGUIWindow_Impl.cpp
@@ -32,7 +32,7 @@ CGUIWindow_Impl::CGUIWindow_Impl(CGUI_Impl* pGUI, CGUIElement* pParent, const ch
     if (!m_pWindow)
     {
         // Create new here
-        m_pWindow = pGUI->GetWindowManager()->createWindow(CGUIWINDOW_NAME, szUnique);
+        m_pWindow = pGUI->GetWindowManager()->createWindow(pGUI->ResolveModernName(CGUIWINDOW_NAME), szUnique);
         m_pWindow->setRect(CEGUI::Relative, CEGUI::Rect(0.10f, 0.10f, 0.60f, 0.90f));
         m_pWindow->setAlpha(0.8f);
 
diff --git a/Client/gui/CGUI_Impl.cpp b/Client/gui/CGUI_Impl.cpp
index 67d625ed5e..0229a7bfbd 100644
--- a/Client/gui/CGUI_Impl.cpp
+++ b/Client/gui/CGUI_Impl.cpp
@@ -11,24 +11,30 @@
 
 #include "StdInc.h"
 #include "CEGUIExceptions.h"
+#include <xml/CXMLFile.h>
+#include <xml/CXMLNode.h>
+#include <xml/CXMLAttributes.h>
+#include <xml/CXMLAttribute.h>
+#include <core/CCoreInterface.h>
+#include <fstream>
 
 using std::list;
 
-#define CGUI_MTA_DEFAULT_FONT       "tahoma.ttf"        // %WINDIR%/font/<...>
-#define CGUI_MTA_DEFAULT_FONT_BOLD  "tahomabd.ttf"      // %WINDIR%/font/<...>
-#define CGUI_MTA_CLEAR_FONT         "verdana.ttf"       // %WINDIR%/font/<...>
+#define CGUI_MTA_DEFAULT_FONT      "tahoma.ttf"              // %WINDIR%/font/<...>
+#define CGUI_MTA_DEFAULT_FONT_BOLD "tahomabd.ttf"            // %WINDIR%/font/<...>
+#define CGUI_MTA_CLEAR_FONT        "verdana.ttf"             // %WINDIR%/font/<...>
 
-#define CGUI_MTA_DEFAULT_REG        "Tahoma (TrueType)"
-#define CGUI_MTA_DEFAULT_REG_BOLD   "Tahoma Bold (TrueType)"
-#define CGUI_MTA_CLEAR_REG          "Verdana (TrueType)"
+#define CGUI_MTA_DEFAULT_REG      "Tahoma (TrueType)"
+#define CGUI_MTA_DEFAULT_REG_BOLD "Tahoma Bold (TrueType)"
+#define CGUI_MTA_CLEAR_REG        "Verdana (TrueType)"
 
-#define CGUI_MTA_SUBSTITUTE_FONT    "cgui/unifont.ttf"  // GTA/MTA/<...>
-#define CGUI_MTA_SANS_FONT          "cgui/sans.ttf"     // GTA/MTA/<...>
-#define CGUI_SA_HEADER_FONT         "cgui/saheader.ttf" // GTA/MTA/<...>
-#define CGUI_SA_GOTHIC_FONT         "cgui/sagothic.ttf" // GTA/MTA/<...>
-#define CGUI_SA_HEADER_SIZE         26
-#define CGUI_SA_GOTHIC_SIZE         47
-#define CGUI_MTA_SANS_FONT_SIZE     9
+#define CGUI_MTA_SUBSTITUTE_FONT "cgui/unifont.ttf"             // GTA/MTA/<...>
+#define CGUI_MTA_SANS_FONT       "cgui/sans.ttf"                // GTA/MTA/<...>
+#define CGUI_SA_HEADER_FONT      "cgui/saheader.ttf"            // GTA/MTA/<...>
+#define CGUI_SA_GOTHIC_FONT      "cgui/sagothic.ttf"            // GTA/MTA/<...>
+#define CGUI_SA_HEADER_SIZE      26
+#define CGUI_SA_GOTHIC_SIZE      47
+#define CGUI_MTA_SANS_FONT_SIZE  9
 
 CGUI_Impl::CGUI_Impl(IDirect3DDevice9* pDevice) : m_HasSchemeLoaded(false), m_fCurrentServerCursorAlpha(1.0f)
 {
@@ -115,7 +121,15 @@ void CGUI_Impl::SetSkin(const char* szName)
         CEGUI::SchemeManager::getSingleton().unloadScheme(m_CurrentSchemeName);
     }
 
-    PushGuiWorkingDirectory(CalcMTASAPath(PathJoin("skins", szName)));
+    bool bConvertSkin = ConvertToModernSkin(szName);
+
+    if (!bConvertSkin)
+    {
+        BrowseToSolution("gui-skin", EXIT_GAME_FIRST, SString("Error converting skin '%s' to modern", szName));
+        return;
+    }
+
+    PushGuiWorkingDirectory(CalcMTASAPath(PathJoin("MTA", "cgui", "modern", "autogenerated")));
 
     CEGUI::Scheme* scheme = CEGUI::SchemeManager::getSingleton().loadScheme("CGUI.xml");
     m_CurrentSchemeName = scheme->getName().c_str();
@@ -123,7 +137,7 @@ void CGUI_Impl::SetSkin(const char* szName)
 
     PopGuiWorkingDirectory();
 
-    CEGUI::System::getSingleton().setDefaultMouseCursor("CGUI-Images", "MouseArrow");
+    CEGUI::System::getSingleton().setDefaultMouseCursor("CGUI-Images", "MouseArrowModern"); // Always use modern mouse arrow
 
     // Destroy any windows we already have
     CEGUI::WindowManager::getSingleton().destroyAllWindows();
@@ -150,6 +164,351 @@ void CGUI_Impl::SetSkin(const char* szName)
     m_eInputMode = INPUTMODE_NO_BINDS_ON_EDIT;
 }
 
+bool CGUI_Impl::ConvertToModernSkin(const char* skinName)
+{
+    if (!m_pXML)
+    {
+        AddReportLog(1337, "ConvertToModernSkin: XML interface not initialized");
+        return false;
+    }
+
+    if (!m_pGraphics)
+    {
+        AddReportLog(1337, "ConvertToModernSkin: Graphics interface not initialized");
+        return false;
+    }
+
+    // Duplicate all the CGUI files in the skin folder to a temporary folder
+    SString skinPath = CalcMTASAPath(PathJoin("skins", skinName));
+
+    if (!DirectoryExists(skinPath))
+    {
+        AddReportLog(1337, "ConvertToModernSkin: Skin folder not found");
+        return false;
+    }
+
+    SString modernPath = PathJoin("MTA", "cgui", "modern");
+    SString tempPath = CalcMTASAPath(PathJoin(modernPath, "autogenerated"));
+    SString modernVersionPath = CalcMTASAPath(PathJoin(modernPath, ".version"));
+    SString tempVersionPath = PathJoin(tempPath, ".version");
+
+    if (!DirectoryExists(tempPath))
+    {
+        CreateDirectory(tempPath, 0);
+    }
+    else
+    {
+        // Verify if the modern skin version has changed since the skin was last converted
+        std::ifstream modernVersionFile(modernVersionPath);
+        std::string   modernVersion;
+
+        if (modernVersionFile.is_open())
+        {
+            std::getline(modernVersionFile, modernVersion);
+            modernVersionFile.close();
+        }
+        
+        std::ifstream tempVersionFile(tempVersionPath);
+        std::string   tempVersion;
+
+        if (tempVersionFile.is_open())
+        {
+            std::getline(tempVersionFile, tempVersion);
+            tempVersionFile.close();
+        }
+
+        if (!modernVersion.empty() && !tempVersion.empty() && modernVersion == tempVersion)
+        {
+            // Verify if the skin has changed, or if files already up to date
+            SString hashesPath = PathJoin(tempPath, ".integrity");
+
+            if (FileExists(hashesPath))
+            {
+                std::ifstream hashesFile(hashesPath);
+
+                if (hashesFile.good())
+                {
+                    std::string checkSkinName;
+                    std::getline(hashesFile, checkSkinName);
+
+                    if (checkSkinName == skinName)
+                    {
+                        SString lookNFeelXmlPath = PathJoin(skinPath, "CGUI.lnf.xml");
+                        SString imagesetXmlPath = PathJoin(skinPath, "CGUI.is.xml");
+                        SString imagesetPngPath = PathJoin(skinPath, "CGUI.png");
+                        SString schemeXmlPath = PathJoin(skinPath, "CGUI.xml");
+
+                        SString lookNFeelXmlHash = CMD5Hasher::CalculateHexString(lookNFeelXmlPath);
+                        SString imagesetXmlHash = CMD5Hasher::CalculateHexString(imagesetXmlPath);
+                        SString imagesetPngHash = CMD5Hasher::CalculateHexString(imagesetPngPath);
+                        SString schemeXmlHash = CMD5Hasher::CalculateHexString(schemeXmlPath);
+
+                        std::string hashes;
+                        std::getline(hashesFile, hashes);
+
+                        if (hashes == lookNFeelXmlHash + imagesetXmlHash + imagesetPngHash + schemeXmlHash)
+                        {
+                            hashesFile.close();
+                            return true;
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    // Copy all files from requested skin to 'temporary' folder
+    SString skinLookNFeelXmlPath = PathJoin(skinPath, "CGUI.lnf.xml");
+    SString skinImagesetXmlPath = PathJoin(skinPath, "CGUI.is.xml");
+    SString skinImagesetPngPath = PathJoin(skinPath, "CGUI.png");
+    SString skinSchemeXmlPath = PathJoin(skinPath, "CGUI.xml");
+
+    if (!FileExists(skinLookNFeelXmlPath) || !FileExists(skinImagesetXmlPath) || !FileExists(skinImagesetPngPath) || !FileExists(skinSchemeXmlPath))
+    {
+        AddReportLog(1337, "ConvertToModernSkin: Skin files not found");
+        return false;
+    }
+
+    SString tempLookNFeelXmlPath = PathJoin(tempPath, "CGUI.lnf.xml");
+    SString tempImagesetXmlPath = PathJoin(tempPath, "CGUI.is.xml");
+    SString tempImagesetPngPath = PathJoin(tempPath, "CGUI.png");
+    SString tempSchemeXmlPath = PathJoin(tempPath, "CGUI.xml");
+
+    CopyFile(skinLookNFeelXmlPath, tempLookNFeelXmlPath, 0);
+    CopyFile(skinImagesetXmlPath, tempImagesetXmlPath, 0);
+    CopyFile(skinImagesetPngPath, tempImagesetPngPath, 0);
+    CopyFile(skinSchemeXmlPath, tempSchemeXmlPath, 0);
+
+    if (!FileExists(tempLookNFeelXmlPath) || !FileExists(tempImagesetXmlPath) || !FileExists(tempImagesetPngPath) || !FileExists(tempSchemeXmlPath))
+    {
+        AddReportLog(1337, "ConvertToModernSkin: Failed to copy skin files");
+        return false;
+    }
+
+    // Store the hashes of each file under .skinname
+    SString       integrityFilePath = PathJoin(tempPath, ".integrity");
+    std::ofstream integrityFileStream(integrityFilePath, std::ofstream::out | std::ofstream::trunc);
+
+    if (!integrityFileStream.is_open())
+    {
+        AddReportLog(1337, "ConvertToModernSkin: Failed to open integrity file stream");
+        return false;
+    }
+
+    SString lookNFeelXmlHash = CMD5Hasher::CalculateHexString(skinLookNFeelXmlPath);
+    SString imagesetXmlHash = CMD5Hasher::CalculateHexString(skinImagesetXmlPath);
+    SString imagesetPngHash = CMD5Hasher::CalculateHexString(skinImagesetPngPath);
+    SString schemeXmlHash = CMD5Hasher::CalculateHexString(skinSchemeXmlPath);
+
+    integrityFileStream << skinName << std::endl;
+    integrityFileStream << lookNFeelXmlHash << imagesetXmlHash << imagesetPngHash << schemeXmlHash;
+    integrityFileStream.close();
+
+    // Open the modern XML templates (using TinyXML)
+    SString modernTemplatesPath = CalcMTASAPath(PathJoin(modernPath, "templates"));
+    SString modernLookNFeelPath = PathJoin(modernTemplatesPath, "looknfeel.xml");
+    SString modernSchemePath = PathJoin(modernTemplatesPath, "scheme.xml");
+    SString modernImagesetXmlPath = PathJoin(modernTemplatesPath, "imageset.xml");
+    SString modernImagesetPngPath = PathJoin(modernTemplatesPath, "imageset.png");
+
+    if (!FileExists(modernLookNFeelPath) || !FileExists(modernSchemePath) || !FileExists(modernImagesetXmlPath) || !FileExists(modernImagesetPngPath))
+    {
+        AddReportLog(1337, "ConvertToModernSkin: Modern skin templates not found");
+        return false;
+    }
+
+    // Load the modern LookNFeel, read-only
+    CXMLFile* modernLookNFeelFile = m_pXML->CreateXML(modernLookNFeelPath, false, true);
+
+    if (!modernLookNFeelFile || !modernLookNFeelFile->Parse())
+    {
+        AddReportLog(1337, "ConvertToModernSkin: Failed to open/parse modern LookNFeel");
+        return false;
+    }
+
+    // Load the requested skin's LookNFeel, read-write
+    CXMLFile* skinLookNFeelFile = m_pXML->CreateXML(tempLookNFeelXmlPath);
+
+    if (!skinLookNFeelFile || !skinLookNFeelFile->Parse())
+    {
+        AddReportLog(1337, "ConvertToModernSkin: Failed to open/parse skin LookNFeel");
+        return false;
+    }
+
+    // Copy the modern LookNFeel into the skin LookNFeel
+    CXMLNode* modernRootNode = modernLookNFeelFile->GetRootNode();
+    modernRootNode->CopyChildrenInto(skinLookNFeelFile->GetRootNode(), true, false);
+
+    // Save the skin LookNFeel
+    if (!skinLookNFeelFile->Write())
+    {
+        AddReportLog(1337, "ConvertToModernSkin: Failed to write skin LookNFeel");
+        return false;
+    }
+
+    delete modernLookNFeelFile;
+    delete skinLookNFeelFile;
+
+    // Load the modern scheme, read-only
+    CXMLFile* modernSchemeFile = m_pXML->CreateXML(modernSchemePath, false, true);
+
+    if (!modernSchemeFile || !modernSchemeFile->Parse())
+    {
+        AddReportLog(1337, "ConvertToModernSkin: Failed to open/parse modern scheme");
+        return false;
+    }
+
+    // Load the requested skin's scheme, read-write
+    CXMLFile* skinSchemeFile = m_pXML->CreateXML(tempSchemeXmlPath);
+
+    if (!skinSchemeFile || !skinSchemeFile->Parse())
+    {
+        AddReportLog(1337, "ConvertToModernSkin: Failed to open/parse skin scheme");
+        return false;
+    }
+
+    // Copy the modern scheme into the skin scheme
+    modernRootNode = modernSchemeFile->GetRootNode();
+    modernRootNode->CopyChildrenInto(skinSchemeFile->GetRootNode(), true, false);
+
+    // Save the skin scheme
+    if (!skinSchemeFile->Write())
+    {
+        AddReportLog(1337, "ConvertToModernSkin: Failed to write skin scheme");
+        return false;
+    }
+
+    delete modernSchemeFile;
+    delete skinSchemeFile;
+
+    // Load the imagesets as CTextureItem
+    auto renderManager = m_pGraphics->GetRenderItemManager();
+    auto modernImagesetTexture = renderManager->CreateTexture(modernImagesetPngPath);
+    auto skinImagesetTexture = renderManager->CreateTexture(skinImagesetPngPath);
+
+    if (!modernImagesetTexture || !skinImagesetTexture)
+    {
+        AddReportLog(1337, "ConvertToModernSkin: Failed to create imageset textures");
+        return false;
+    }
+
+    // Create a render target to hold both imagesets
+    int width = modernImagesetTexture->m_uiSizeX + skinImagesetTexture->m_uiSizeX;
+    auto renderTarget =
+        renderManager->CreateRenderTarget(width, std::max(modernImagesetTexture->m_uiSizeY, skinImagesetTexture->m_uiSizeY), false, true, 0, true);
+
+    auto device = m_pGraphics->GetDevice();
+
+    if (!m_HasSchemeLoaded && device->BeginScene() != D3D_OK)
+    {
+        AddReportLog(1337, "ConvertToModernSkin: Failed to begin scene for imageset drawing");
+        return false;
+    }
+
+    // Start draw batch
+    renderManager->SetRenderTarget(renderTarget, true);
+
+    // Draw the imagesets side-by-side
+    m_pGraphics->DrawTexture(skinImagesetTexture, 0, 0, 1, 1, 0, 0, 0, 0xFFFFFFFF, 0, 0, 1, 1, true);
+    m_pGraphics->DrawTexture(modernImagesetTexture, skinImagesetTexture->m_uiSizeX, 0, 1, 1, 0, 0, 0, 0xFFFFFFFF, 0, 0, 1, 1, true);
+
+    // Stop draw batch
+    renderManager->RestoreDefaultRenderTarget();
+
+    if (!m_HasSchemeLoaded && device->EndScene() != D3D_OK)
+    {
+        AddReportLog(1337, "ConvertToModernSkin: Failed to end scene for imageset drawing");
+        return false;
+    }
+
+    D3DXSaveTextureToFile(tempImagesetPngPath, D3DXIFF_PNG, renderTarget->m_pD3DTexture, 0);
+
+    if (!FileExists(tempImagesetPngPath))
+    {
+        AddReportLog(1337, "ConvertToModernSkin: Failed to save imageset texture");
+        return false;
+    }
+
+    // Load the requested skin's imageset, read-write
+    CXMLFile* tempImagesetFile = m_pXML->CreateXML(tempImagesetXmlPath);
+
+    if (!tempImagesetFile || !tempImagesetFile->Parse())
+    {
+        AddReportLog(1337, "ConvertToModernSkin: Failed to open/parse skin imageset");
+        return false;
+    }
+
+    // Load the modern imageset, read-only
+    CXMLFile* modernImagesetFile = m_pXML->CreateXML(modernImagesetXmlPath, false, true);
+
+    if (!modernImagesetFile || !modernImagesetFile->Parse())
+    {
+        AddReportLog(1337, "ConvertToModernSkin: Failed to open/parse modern imageset");
+        return false;
+    }
+
+    // Adjust each Image in the modern imageset to have the correct offset (XPos, YPos)
+    modernRootNode = modernImagesetFile->GetRootNode();
+
+    for (uint i = 0; i < modernRootNode->GetSubNodeCount(); i++)
+    {
+        CXMLNode* node = modernRootNode->GetSubNode(i);
+        CXMLAttributes& attributes = node->GetAttributes();
+
+        auto xPos = attributes.Find("XPos");
+
+        if (xPos)
+        {
+            try
+            {
+                auto x = std::stoi(xPos->GetValue());
+                xPos->SetValue((uint)x + skinImagesetTexture->m_uiSizeX);
+            }
+            catch (std::invalid_argument)
+            {
+                AddReportLog(1337, "ConvertToModernSkin: Invalid XPos value in imageset");
+                return false;
+            }
+        }
+    }
+
+    // Set the Imageset root node NativeHorzRes and NativeVertRes to the modern imageset's resolution
+    CXMLAttributes& skinAttributes = tempImagesetFile->GetRootNode()->GetAttributes();
+    CXMLAttributes& modernAttributes = modernImagesetFile->GetRootNode()->GetAttributes();
+
+    auto skinHorzRes = skinAttributes.Find("NativeHorzRes");
+    auto skinVertRes = skinAttributes.Find("NativeVertRes");
+    auto modernHorzRes = modernAttributes.Find("NativeHorzRes");
+    auto modernVertRes = modernAttributes.Find("NativeVertRes");
+
+    if (skinHorzRes && skinVertRes && modernHorzRes && modernVertRes)
+    {
+        skinHorzRes->SetValue(modernHorzRes->GetValue().c_str());
+        skinVertRes->SetValue(modernVertRes->GetValue().c_str());
+    }
+
+    // Copy the modern imageset into the skin imageset
+    modernRootNode->CopyChildrenInto(tempImagesetFile->GetRootNode(), true, false);
+
+    // Save the skin imageset
+    if (!tempImagesetFile->Write())
+    {
+        AddReportLog(1337, "ConvertToModernSkin: Failed to write skin imageset");
+        return false;
+    }
+
+    // Copy the modern version file
+    CopyFile(modernVersionPath, tempVersionPath, 0);
+
+    if (!FileExists(tempVersionPath))
+    {
+        AddReportLog(1337, "ConvertToModernSkin: Failed to copy modern version file");
+        return false;
+    }
+
+    return true;
+}
+
 void CGUI_Impl::SetBidiEnabled(bool bEnabled)
 {
     m_pSystem->SetBidiEnabled(bEnabled);
@@ -1700,3 +2059,8 @@ CEGUI::Window* CGUI_Impl::GetMasterWindow(CEGUI::Window* wnd)
     }
     return wnd;
 }
+
+std::string CGUI_Impl::ResolveModernName(const char* name)
+{
+    return m_bUseModernSkin ? std::string(name) + "Modern" : name;
+}
diff --git a/Client/gui/CGUI_Impl.h b/Client/gui/CGUI_Impl.h
index 3015380866..c93593144c 100644
--- a/Client/gui/CGUI_Impl.h
+++ b/Client/gui/CGUI_Impl.h
@@ -16,6 +16,8 @@ class CGUI_Impl;
 #include <gui/CGUI.h>
 #include <list>
 #include <windows.h>
+#include <xml/CXML.h>
+#include <core/CGraphicsInterface.h>
 
 #define CGUI_CHAR_SIZE 6
 
@@ -279,6 +281,12 @@ class CGUI_Impl : public CGUI, public CGUITabList
     CGUIWindow* LoadLayout(CGUIElement* pParent, const SString& strFilename);
     bool        LoadImageset(const SString& strFilename);
 
+    void        SetModernSkinEnabled(bool bEnabled) { m_bUseModernSkin = bEnabled; }
+    std::string ResolveModernName(const char* name);
+
+    void SetXMLParser(CXML* pXML) { m_pXML = pXML; }
+    void SetGraphics(CGraphicsInterface* pGraphicsInterface) { m_pGraphics = pGraphicsInterface; }
+
 private:
     CGUIButton*      _CreateButton(CGUIElement_Impl* pParent = NULL, const char* szCaption = "");
     CGUICheckBox*    _CreateCheckBox(CGUIElement_Impl* pParent = NULL, const char* szCaption = "", bool bChecked = false);
@@ -300,6 +308,8 @@ class CGUI_Impl : public CGUI, public CGUITabList
                                    bool bAutoScale = false);
     void      ApplyGuiWorkingDirectory();
 
+    bool ConvertToModernSkin(const char* skinName);
+
     IDirect3DDevice9* m_pDevice;
 
     CEGUI::Renderer*        m_pRenderer;
@@ -350,4 +360,8 @@ class CGUI_Impl : public CGUI, public CGUITabList
     bool         m_HasSchemeLoaded;
     SString      m_CurrentSchemeName;
     CElapsedTime m_RenderOkTimer;
+
+    bool                m_bUseModernSkin = false;
+    CGraphicsInterface* m_pGraphics;
+    CXML*               m_pXML;
 };
diff --git a/Client/mods/deathmatch/logic/CTransferBox.cpp b/Client/mods/deathmatch/logic/CTransferBox.cpp
index 1fb33f54bc..d5b16df17d 100644
--- a/Client/mods/deathmatch/logic/CTransferBox.cpp
+++ b/Client/mods/deathmatch/logic/CTransferBox.cpp
@@ -66,7 +66,7 @@ void CTransferBox::CreateTransferWindow()
     float fTempX = (m_progressBar->GetSize().fX - m_GUI->GetTextExtent(m_infoLabel->GetText().c_str()) - TRANSFERBOX_ICONSIZE - 4) * 0.5f;
     m_infoLabel->SetPosition(CVector2D(fTempX + TRANSFERBOX_ICONSIZE + 4, 0));
     m_infoLabel->SetSize(CVector2D(fTransferBoxWidth, TRANSFERBOX_PROGRESSHEIGHT));
-    m_infoLabel->SetTextColor(0, 0, 0);
+    m_infoLabel->SetPlaceholderColors();
     m_infoLabel->SetVerticalAlign(CGUI_ALIGN_VERTICALCENTER);
 
     for (size_t i = 0; i < m_iconImages.size(); ++i)
diff --git a/Client/sdk/core/CGraphicsInterface.h b/Client/sdk/core/CGraphicsInterface.h
index b8e0ef744b..ebdf479e6b 100644
--- a/Client/sdk/core/CGraphicsInterface.h
+++ b/Client/sdk/core/CGraphicsInterface.h
@@ -103,6 +103,12 @@ enum class eRenderStage
     POST_GUI
 };
 
+class CTextureItem;
+class CMaterialItem;
+class CRenderItemManagerInterface;
+class CScreenGrabberInterface;
+class CPixelsManagerInterface;
+
 class CGraphicsInterface
 {
 public:
diff --git a/Client/sdk/gui/CGUI.h b/Client/sdk/gui/CGUI.h
index d6e27bd3da..d4d40c2f09 100644
--- a/Client/sdk/gui/CGUI.h
+++ b/Client/sdk/gui/CGUI.h
@@ -37,6 +37,9 @@ class CGUI;
 #include "CGUIComboBox.h"
 #include "CGUITypes.h"
 
+class CXML;
+class CGraphicsInterface;
+
 // Path defines for CGUI
 #define CGUI_ICON_MESSAGEBOX_INFO       "cgui\\images\\info.png"
 #define CGUI_ICON_MESSAGEBOX_QUESTION   "cgui\\images\\question.png"
@@ -169,4 +172,8 @@ class CGUI
 
     virtual CGUIWindow* LoadLayout(CGUIElement* pParent, const SString& strFilename) = 0;
     virtual bool        LoadImageset(const SString& strFilename) = 0;
+
+    virtual void SetModernSkinEnabled(bool bEnabled) = 0;
+    virtual void SetXMLParser(CXML* pXML) = 0;
+    virtual void SetGraphics(CGraphicsInterface* pGraphicsInterface) = 0;
 };
diff --git a/Client/sdk/gui/CGUILabel.h b/Client/sdk/gui/CGUILabel.h
index b7eebff98d..993eb30bb4 100644
--- a/Client/sdk/gui/CGUILabel.h
+++ b/Client/sdk/gui/CGUILabel.h
@@ -36,4 +36,7 @@ class CGUILabel : public CGUIElement
     virtual float GetCharacterWidth(int iCharIndex) = 0;
     virtual float GetFontHeight() = 0;
     virtual float GetTextExtent() = 0;
+
+    virtual void InvertTextColor() = 0;
+    virtual void SetPlaceholderColors() = 0;
 };
diff --git a/Shared/XML/CXMLNodeImpl.cpp b/Shared/XML/CXMLNodeImpl.cpp
index 3c83fb7606..4ab9b43a52 100644
--- a/Shared/XML/CXMLNodeImpl.cpp
+++ b/Shared/XML/CXMLNodeImpl.cpp
@@ -365,10 +365,13 @@ CXMLNode* CXMLNodeImpl::CopyNode(CXMLNode* pParent)
     return dynamic_cast<CXMLNode*>(pNew);
 }
 
-bool CXMLNodeImpl::CopyChildrenInto(CXMLNode* pDestination, bool bRecursive)
+bool CXMLNodeImpl::CopyChildrenInto(CXMLNode* pDestination, bool bRecursive, bool bDelete)
 {
-    // Delete all the children of the target
-    pDestination->DeleteAllSubNodes();
+    if (bDelete)
+    {
+        // Delete all the children of the target
+        pDestination->DeleteAllSubNodes();
+    }
 
     // Iterate through our children if we have. Otherwize just copy the content
     if (m_Children.size() > 0)
@@ -405,14 +408,18 @@ bool CXMLNodeImpl::CopyChildrenInto(CXMLNode* pDestination, bool bRecursive)
                 {
                     if (!pMyChildNode->CopyChildrenInto(pNewChildNode, true))
                     {
-                        pDestination->DeleteAllSubNodes();
+                        if (bDelete)
+                            pDestination->DeleteAllSubNodes();
+
                         return false;
                     }
                 }
             }
             else
             {
-                pDestination->DeleteAllSubNodes();
+                if (bDelete)
+                    pDestination->DeleteAllSubNodes();
+
                 return false;
             }
         }
diff --git a/Shared/XML/CXMLNodeImpl.h b/Shared/XML/CXMLNodeImpl.h
index 369d23d79c..550bf1030a 100644
--- a/Shared/XML/CXMLNodeImpl.h
+++ b/Shared/XML/CXMLNodeImpl.h
@@ -71,7 +71,7 @@ class CXMLNodeImpl : public CXMLNode
     bool IsUsingIDs() { return m_bUsingIDs; };
 
     CXMLNode* CopyNode(CXMLNode* pParent = NULL);
-    bool      CopyChildrenInto(CXMLNode* pDestination, bool bRecursive);
+    bool      CopyChildrenInto(CXMLNode* pDestination, bool bRecursive, bool bDelete = true);
 
     TiXmlElement* GetNode();
     void          DeleteWrapper();
diff --git a/Shared/data/MTA San Andreas/MTA/cgui/modern/.version b/Shared/data/MTA San Andreas/MTA/cgui/modern/.version
new file mode 100644
index 0000000000..8a9ecc2ea9
--- /dev/null
+++ b/Shared/data/MTA San Andreas/MTA/cgui/modern/.version	
@@ -0,0 +1 @@
+0.0.1
\ No newline at end of file
diff --git a/Shared/data/MTA San Andreas/MTA/cgui/modern/templates/imageset.png b/Shared/data/MTA San Andreas/MTA/cgui/modern/templates/imageset.png
new file mode 100644
index 0000000000..9103dd11fc
Binary files /dev/null and b/Shared/data/MTA San Andreas/MTA/cgui/modern/templates/imageset.png differ
diff --git a/Shared/data/MTA San Andreas/MTA/cgui/modern/templates/imageset.xml b/Shared/data/MTA San Andreas/MTA/cgui/modern/templates/imageset.xml
new file mode 100644
index 0000000000..aa65d63cf6
--- /dev/null
+++ b/Shared/data/MTA San Andreas/MTA/cgui/modern/templates/imageset.xml	
@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Imageset Name="CGUI-Images" Imagefile="CGUI.png" NativeHorzRes="800" NativeVertRes="600" >
+    <Image Name="TabTopModern" XPos="75" YPos="128" Width="20" Height="7" />
+    <Image Name="TabLeftModern" XPos="71" YPos="135" Width="4" Height="25" />
+    <Image Name="FrameTopModern" XPos="44" YPos="164" Width="16" Height="8" />
+    <Image Name="TabRightModern" XPos="95" YPos="135" Width="6" Height="25" />
+    <Image Name="ButtonTopModern" XPos="41" YPos="128" Width="22" Height="5" />
+    <Image Name="Frame2TopModern" XPos="6" YPos="128" Width="22" Height="5" />
+    <Image Name="FrameLeftModern" XPos="36" YPos="172" Width="8" Height="17" />
+    <Image Name="ButtonLeftModern" XPos="36" YPos="133" Width="5" Height="22" />
+    <Image Name="Frame2LeftModern" XPos="1" YPos="133" Width="5" Height="22" />
+    <Image Name="FrameRightModern" XPos="60" YPos="172" Width="8" Height="17" />
+    <Image Name="HeaderLineModern" XPos="87" YPos="189" Width="1" Height="1" />
+    <Image Name="MouseArrowModern" XPos="2" YPos="0" Width="11" Height="15" />
+    <Image Name="SButtonTopModern" XPos="6" YPos="164" Width="22" Height="5" />
+    <Image Name="TabTopLeftModern" XPos="71" YPos="128" Width="4" Height="7" />
+    <Image Name="ButtonRightModern" XPos="63" YPos="133" Width="5" Height="22" />
+    <Image Name="Frame2RightModern" XPos="28" YPos="133" Width="5" Height="22" />
+    <Image Name="FrameBottomModern" XPos="44" YPos="189" Width="16" Height="8" />
+    <Image Name="ProgressTopModern" XPos="52" YPos="31" Width="1" Height="7" />
+    <Image Name="SButtonLeftModern" XPos="1" YPos="169" Width="5" Height="22" />
+    <Image Name="ShadowBrushModern" XPos="6" YPos="133" Width="22" Height="22" />
+    <Image Name="TabTopRightModern" XPos="95" YPos="128" Width="6" Height="7" />
+    <Image Name="TitleBarTopModern" XPos="26" YPos="249" Width="22" Height="5" />
+    <Image Name="ButtonBottomModern" XPos="41" YPos="155" Width="22" Height="6" />
+    <Image Name="ButtonCenterModern" XPos="41" YPos="133" Width="22" Height="22" />
+    <Image Name="CheckboxMarkModern" XPos="89" YPos="37" Width="16" Height="16" />
+    <Image Name="Frame2BottomModern" XPos="6" YPos="155" Width="22" Height="6" />
+    <Image Name="FrameTopLeftModern" XPos="36" YPos="164" Width="8" Height="8" />
+    <Image Name="GenericBrushModern" XPos="44" YPos="172" Width="16" Height="17" />
+    <Image Name="LargeUpArrowModern" XPos="5" YPos="29" Width="9" Height="6" />
+    <Image Name="ProgressLeftModern" XPos="42" YPos="38" Width="10" Height="1" />
+    <Image Name="SButtonRightModern" XPos="28" YPos="169" Width="5" Height="22" />
+    <Image Name="SmallUpArrowModern" XPos="20" YPos="66" Width="5" Height="3" />
+    <Image Name="ButtonTopLeftModern" XPos="36" YPos="128" Width="5" Height="5" />
+    <Image Name="CheckboxHoverModern" XPos="89" YPos="19" Width="16" Height="16" />
+    <Image Name="Frame2TopLeftModern" XPos="1" YPos="128" Width="5" Height="5" />
+    <Image Name="FrameTopRightModern" XPos="60" YPos="164" Width="8" Height="8" />
+    <Image Name="ProgressRightModern" XPos="53" YPos="38" Width="10" Height="1" />
+    <Image Name="SButtonBottomModern" XPos="6" YPos="191" Width="22" Height="6" />
+    <Image Name="SButtonCenterModern" XPos="6" YPos="169" Width="22" Height="22" />
+    <Image Name="ScrollUpArrowModern" XPos="0" YPos="22" Width="19" Height="19" />
+    <Image Name="TabBackgroundModern" XPos="75" YPos="135" Width="20" Height="25" />
+    <Image Name="ButtonTopRightModern" XPos="63" YPos="128" Width="5" Height="5" />
+    <Image Name="CheckboxNormalModern" XPos="89" YPos="1" Width="16" Height="16" />
+    <Image Name="Frame2TopRightModern" XPos="28" YPos="128" Width="5" Height="5" />
+    <Image Name="HeaderSplitterModern" XPos="68" YPos="35" Width="2" Height="8" />
+    <Image Name="LargeDownArrowModern" XPos="5" YPos="74" Width="9" Height="6" />
+    <Image Name="LargeLeftArrowModern" XPos="31" YPos="75" Width="5" Height="10" />
+    <Image Name="ProgressBottomModern" XPos="52" YPos="39" Width="1" Height="7" />
+    <Image Name="SButtonTopLeftModern" XPos="1" YPos="164" Width="5" Height="5" />
+    <Image Name="ScrollbarThumbModern" XPos="45" YPos="49" Width="19" Height="20" />
+    <Image Name="SmallDownArrowModern" XPos="26" YPos="66" Width="5" Height="3" />
+    <Image Name="SmallLeftArrowModern" XPos="20" YPos="66" Width="5" Height="3" />
+    <Image Name="TitleBarBorderModern" XPos="15" YPos="121" Width="18" Height="4" />
+    <Image Name="FrameBottomLeftModern" XPos="36" YPos="189" Width="8" Height="8" />
+    <Image Name="HeaderMainBrushModern" XPos="50" YPos="249" Width="5" Height="5" />
+    <Image Name="LargeRightArrowModern" XPos="72" YPos="75" Width="5" Height="10" />
+    <Image Name="MouseEsWeCursorModern" XPos="39" YPos="109" Width="19" Height="10" />
+    <Image Name="MouseMoveCursorModern" XPos="104" YPos="104" Width="22" Height="22" />
+    <Image Name="ProgressTopLeftModern" XPos="42" YPos="31" Width="10" Height="7" />
+    <Image Name="RadioButtonMarkModern" XPos="107" YPos="1" Width="16" Height="16" />
+    <Image Name="SButtonTopRightModern" XPos="28" YPos="164" Width="5" Height="5" />
+    <Image Name="ScrollDownArrowModern" XPos="0" YPos="65" Width="19" Height="19" />
+    <Image Name="ScrollLeftArrowModern" XPos="22" YPos="70" Width="20" Height="20" />
+    <Image Name="SmallRightArrowModern" XPos="26" YPos="66" Width="5" Height="3" />
+    <Image Name="TitleBarTopLeftModern" XPos="44" YPos="200" Width="18" Height="19" />
+    <Image Name="ButtonBottomLeftModern" XPos="36" YPos="155" Width="5" Height="6" />
+    <Image Name="Frame2BackgroundModern" XPos="6" YPos="133" Width="22" Height="22" />
+    <Image Name="Frame2BottomLeftModern" XPos="1" YPos="155" Width="5" Height="6" />
+    <Image Name="FrameBottomRightModern" XPos="60" YPos="189" Width="8" Height="8" />
+    <Image Name="HeaderBottomEdgeModern" XPos="71" YPos="162" Width="32" Height="1" />
+    <Image Name="ProgressTopRightModern" XPos="53" YPos="31" Width="10" Height="7" />
+    <Image Name="RadioButtonHoverModern" XPos="107" YPos="19" Width="16" Height="16" />
+    <Image Name="ScrollRightArrowModern" XPos="66" YPos="70" Width="20" Height="20" />
+    <Image Name="TitleBarTopRightModern" XPos="64" YPos="200" Width="18" Height="19" />
+    <Image Name="ButtonBottomRightModern" XPos="63" YPos="155" Width="5" Height="6" />
+    <Image Name="CheckboxMarkHoverModern" XPos="107" YPos="55" Width="16" Height="16" />
+    <Image Name="Frame2BottomRightModern" XPos="28" YPos="155" Width="5" Height="6" />
+    <Image Name="RadioButtonNormalModern" XPos="107" YPos="37" Width="16" Height="16" />
+    <Image Name="SButtonBottomLeftModern" XPos="1" YPos="191" Width="5" Height="6" />
+    <Image Name="ProgressBackgroundModern" XPos="52" YPos="38" Width="1" Height="1" />
+    <Image Name="ProgressBottomLeftModern" XPos="42" YPos="39" Width="10" Height="7" />
+    <Image Name="SButtonBottomRightModern" XPos="28" YPos="191" Width="5" Height="6" />
+    <Image Name="TitleBarBackgroundModern" XPos="62" YPos="200" Width="2" Height="19" />
+    <Image Name="ComboboxButtonHoverModern" XPos="106" YPos="127" Width="18" Height="20" />
+    <Image Name="EWSizingCursorImageModern" XPos="15" YPos="107" Width="22" Height="10" />
+    <Image Name="FrameTopLeftSquaredModern" XPos="71" YPos="164" Width="8" Height="8" />
+    <Image Name="HorzScrollContainerModern" XPos="42" YPos="70" Width="24" Height="20" />
+    <Image Name="NSSizingCursorImageModern" XPos="1" YPos="104" Width="10" Height="22" />
+    <Image Name="ProgressBottomRightModern" XPos="53" YPos="39" Width="10" Height="7" />
+    <Image Name="TitleBarTopSelectedModern" XPos="2" YPos="249" Width="22" Height="5" />
+    <Image Name="VertScrollContainerModern" XPos="0" YPos="41" Width="19" Height="24" />
+    <Image Name="ComboboxButtonNormalModern" XPos="106" YPos="148" Width="18" Height="20" />
+    <Image Name="Frame2TopLeftSquaredModern" XPos="1" YPos="128" Width="5" Height="5" />
+    <Image Name="FrameTopRightSquaredModern" XPos="95" YPos="164" Width="8" Height="8" />
+    <Image Name="RadioButtonMarkHoverModern" XPos="107" YPos="73" Width="16" Height="16" />
+    <Image Name="ListboxSelectionBrushModern" XPos="79" YPos="172" Width="16" Height="17" />
+    <Image Name="NESWSizingCursorImageModern" XPos="83" YPos="104" Width="18" Height="18" />
+    <Image Name="NWSESizingCursorImageModern" XPos="59" YPos="104" Width="18" Height="18" />
+    <Image Name="ProgressBarDimSegmentModern" XPos="74" YPos="31" Width="5" Height="15" />
+    <Image Name="ProgressBarLitSegmentModern" XPos="67" YPos="31" Width="5" Height="15" />
+    <Image Name="FrameBottomRightSquaredModern" XPos="95" YPos="189" Width="8" Height="8" />
+    <Image Name="TitleBarTopLeftSelectedModern" XPos="2" YPos="200" Width="18" Height="19" />
+    <Image Name="Frame2BottomRightSquaredModern" XPos="28" YPos="155" Width="5" Height="6" />
+    <Image Name="TitleBarTopRightSelectedModern" XPos="22" YPos="200" Width="18" Height="19" />
+    <Image Name="TitleBarBackgroundSelectedModern" XPos="20" YPos="200" Width="2" Height="19" />
+</Imageset>
diff --git a/Shared/data/MTA San Andreas/MTA/cgui/modern/templates/looknfeel.xml b/Shared/data/MTA San Andreas/MTA/cgui/modern/templates/looknfeel.xml
new file mode 100644
index 0000000000..2608d5171f
--- /dev/null
+++ b/Shared/data/MTA San Andreas/MTA/cgui/modern/templates/looknfeel.xml	
@@ -0,0 +1,2177 @@
+<?xml version="1.0" ?>
+<Falagard>
+    <WidgetLook name="CGUI/SharedModern">
+        <ImagerySection name="Frame">
+            <FrameComponent>
+                <Area>
+                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+                </Area>
+                <Image type="TopLeftCorner" imageset="CGUI-Images" image="FrameTopLeftModern" />
+                <Image type="TopRightCorner" imageset="CGUI-Images" image="FrameTopRightModern" />
+                <Image type="BottomLeftCorner" imageset="CGUI-Images" image="FrameBottomLeftModern" />
+                <Image type="BottomRightCorner" imageset="CGUI-Images" image="FrameBottomRightModern" />
+                <Image type="LeftEdge" imageset="CGUI-Images" image="FrameLeftModern" />
+                <Image type="TopEdge" imageset="CGUI-Images" image="FrameTopModern" />
+                <Image type="RightEdge" imageset="CGUI-Images" image="FrameRightModern" />
+                <Image type="BottomEdge" imageset="CGUI-Images" image="FrameBottomModern" />
+                <Image type="Background" imageset="CGUI-Images" image="GenericBrushModern" />
+            </FrameComponent>
+        </ImagerySection>
+      
+        <ImagerySection name="Frame2">
+            <FrameComponent>
+                <Area>
+                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+                </Area>
+                <Image type="TopLeftCorner" imageset="CGUI-Images" image="Frame2TopLeftModern" />
+                <Image type="TopRightCorner" imageset="CGUI-Images" image="Frame2TopRightModern" />
+                <Image type="BottomLeftCorner" imageset="CGUI-Images" image="Frame2BottomLeftModern" />
+                <Image type="BottomRightCorner" imageset="CGUI-Images" image="Frame2BottomRightModern" />
+                <Image type="LeftEdge" imageset="CGUI-Images" image="Frame2LeftModern" />
+                <Image type="TopEdge" imageset="CGUI-Images" image="Frame2TopModern" />
+                <Image type="RightEdge" imageset="CGUI-Images" image="Frame2RightModern" />
+                <Image type="BottomEdge" imageset="CGUI-Images" image="Frame2BottomModern" />
+                <Image type="Background" imageset="CGUI-Images" image="Frame2BackgroundModern" />
+            </FrameComponent>
+        </ImagerySection>
+      
+        <ImagerySection name="FrameOnly">
+            <FrameComponent>
+                <Area>
+                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+                </Area>
+                <Image type="TopLeftCorner" imageset="CGUI-Images" image="FrameTopLeftModern" />
+                <Image type="TopRightCorner" imageset="CGUI-Images" image="FrameTopRightModern" />
+                <Image type="BottomLeftCorner" imageset="CGUI-Images" image="FrameBottomLeftModern" />
+                <Image type="BottomRightCorner" imageset="CGUI-Images" image="FrameBottomRightModern" />
+                <Image type="LeftEdge" imageset="CGUI-Images" image="FrameLeftModern" />
+                <Image type="TopEdge" imageset="CGUI-Images" image="FrameTopModern" />
+                <Image type="RightEdge" imageset="CGUI-Images" image="FrameRightModern" />
+                <Image type="BottomEdge" imageset="CGUI-Images" image="FrameBottomModern" />
+            </FrameComponent>
+        </ImagerySection>
+
+        <ImagerySection name="BackgroundOnly">
+            <FrameComponent>
+                <Area>
+                    <Dim type="LeftEdge"><AbsoluteDim value="8" /></Dim>
+                    <Dim type="TopEdge"><AbsoluteDim value="8" /></Dim>
+                    <Dim type="RightEdge"><UnifiedDim scale="1" offset="-8" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge"><UnifiedDim scale="1" offset="-8" type="BottomEdge" /></Dim>
+                </Area>
+                <Image type="Background" imageset="CGUI-Images" image="GenericBrushModern" />
+            </FrameComponent>
+        </ImagerySection>
+
+    </WidgetLook>
+
+    <WidgetLook name="CGUI/ScrollablePaneModern">
+		    <NamedArea name="ViewableArea">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+                <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+            </Area>
+		    </NamedArea>
+        <Child  type="CGUI/HorizontalScrollbarModern" nameSuffix="__auto_hscrollbar__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><UnifiedDim scale="1" offset="-20" type="Width" /></Dim>
+                <Dim type="Height" ><AbsoluteDim value="20" /></Dim>
+            </Area>
+            <VertAlignment type="BottomAligned" />
+        </Child>
+        <Child  type="CGUI/VerticalScrollbarModern" nameSuffix="__auto_vscrollbar__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><AbsoluteDim value="20" /></Dim>
+                <Dim type="Height" ><UnifiedDim scale="1" offset="-20" type="Height" /></Dim>
+            </Area>
+            <HorzAlignment type="RightAligned" />
+        </Child>
+        <StateImagery name="Enabled" />
+        <StateImagery name="Disabled" />
+    </WidgetLook>
+	
+    <WidgetLook name="CGUI/TitlebarModern">
+        <Property name="CaptionColour" value="FFFFFFFF" />
+        <Property name="MovingCursorImage" value="set:CGUI-Images image:MouseMoveCursorModern" />
+        <ImagerySection name="caption">
+            <TextComponent>
+                <Area>
+                    <Dim type="LeftEdge"><AbsoluteDim value="22" /></Dim>
+                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge"><UnifiedDim scale="1" offset="-22" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+                </Area>
+                <ColourProperty name="CaptionColour" />
+                <VertFormat type="CentreAligned" />
+                <HorzFormat type="CentreAligned" />
+            </TextComponent>
+        </ImagerySection>
+        <ImagerySection name="normal">
+            <FrameComponent>
+                <Area>
+                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+                </Area>
+                <Image type="TopLeftCorner" imageset="CGUI-Images" image="TitleBarTopLeftModern" />
+                <Image type="TopRightCorner" imageset="CGUI-Images" image="TitleBarTopRightModern" />
+                <Image type="BottomLeftCorner" imageset="CGUI-Images" image="TitleBarBorderModern" />
+                <Image type="BottomRightCorner" imageset="CGUI-Images" image="TitleBarBorderModern" />
+                <Image type="LeftEdge" imageset="CGUI-Images" image="TitleBarBorderModern" />
+                <Image type="TopEdge" imageset="CGUI-Images" image="TitleBarTopModern" />
+                <Image type="RightEdge" imageset="CGUI-Images" image="TitleBarBorderModern" />
+                <Image type="BottomEdge" imageset="CGUI-Images" image="TitleBarBackgroundModern" />
+                <Image type="Background" imageset="CGUI-Images" image="TitleBarBackgroundModern" />
+            </FrameComponent>
+        </ImagerySection>
+        <ImagerySection name="selected">
+            <FrameComponent>
+                <Area>
+                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+                </Area>
+                <Image type="TopLeftCorner" imageset="CGUI-Images" image="TitleBarTopLeftSelectedModern" />
+                <Image type="TopRightCorner" imageset="CGUI-Images" image="TitleBarTopRightSelectedModern" />
+                <Image type="BottomLeftCorner" imageset="CGUI-Images" image="TitleBarBorderModern" />
+                <Image type="BottomRightCorner" imageset="CGUI-Images" image="TitleBarBorderModern" />
+                <Image type="LeftEdge" imageset="CGUI-Images" image="TitleBarBorderModern" />
+                <Image type="TopEdge" imageset="CGUI-Images" image="TitleBarTopSelectedModern" />
+                <Image type="RightEdge" imageset="CGUI-Images" image="TitleBarBorderModern" />
+                <Image type="BottomEdge" imageset="CGUI-Images" image="TitleBarBackgroundSelectedModern" />
+                <Image type="Background" imageset="CGUI-Images" image="TitleBarBackgroundSelectedModern" />
+            </FrameComponent>
+        </ImagerySection>
+        <StateImagery name="Active">
+            <Layer>
+                <Section section="caption" />
+		            <Section section="selected">
+                    <!--<Colours topLeft="FF202020" topRight="FF202020" bottomLeft="FF202020" bottomRight="FF202020" />-->
+		            </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Inactive">
+            <Layer>
+                <Section section="caption" />
+		            <Section section="normal">
+                    <!--<Colours topLeft="FF101010" topRight="FF101010" bottomLeft="FF101010" bottomRight="FF101010" />-->
+		            </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="normal">
+            <Layer>
+                <Section section="caption" />
+		<Section section="main">
+	                <Colours topLeft="FF303030" topRight="FF303030" bottomLeft="FF303030" bottomRight="FF303030" />
+		</Section>
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+
+    <WidgetLook name="CGUI/TabButtonModern">
+        <Property name="NormalTextColour" value="FF7D7D7D" redrawOnWrite="true" />
+        <Property name="HoverTextColour" value="FF7D7D7D" redrawOnWrite="true" />
+        <Property name="PushedTextColour" value="FFFFFFFF" redrawOnWrite="true" />
+        <Property name="DisabledTextColour" value="FF000000" redrawOnWrite="true" />
+        <Property name="WantsMultiClickEvents" value="False" />
+        <ImagerySection name="frame">
+            <FrameComponent>
+                <Area>
+                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+		                <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+                </Area>
+                <Image type="TopLeftCorner" imageset="CGUI-Images" image="Frame2TopLeftModern" />
+                <Image type="TopRightCorner" imageset="CGUI-Images" image="Frame2TopRightModern" />
+                <Image type="LeftEdge" imageset="CGUI-Images" image="Frame2LeftModern" />
+                <Image type="TopEdge" imageset="CGUI-Images" image="Frame2TopModern" />
+                <Image type="RightEdge" imageset="CGUI-Images" image="Frame2RightModern" />
+                <Image type="Background" imageset="CGUI-Images" image="Frame2BackgroundModern" />
+            </FrameComponent>
+        </ImagerySection>
+        <ImagerySection name="inactive_frame">
+            <FrameComponent>
+                <Area>
+                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+		                <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+                </Area>
+                <Image type="TopLeftCorner" imageset="CGUI-Images" image="FrameTopLeftModern" />
+                <Image type="TopRightCorner" imageset="CGUI-Images" image="FrameTopRightModern" />
+                <Image type="LeftEdge" imageset="CGUI-Images" image="FrameLeftModern" />
+                <Image type="TopEdge" imageset="CGUI-Images" image="FrameTopModern" />
+                <Image type="RightEdge" imageset="CGUI-Images" image="FrameRightModern" />
+                <Image type="Background" imageset="CGUI-Images" image="GenericBrushModern" />
+            </FrameComponent>
+        </ImagerySection>
+        <ImagerySection name="label">
+            <TextComponent>
+                <Area>
+                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+                </Area>
+                <VertFormat type="CentreAligned" />
+                <HorzFormat type="WordWrapCentreAligned" />
+            </TextComponent>
+        </ImagerySection>
+        <StateImagery name="Normal">
+            <Layer>
+                <Section section="inactive_frame">
+                    <Colours topLeft="FF171717" topRight="FF171717" bottomLeft="FF171717" bottomRight="FF171717" />
+                </Section>
+                <Section section="label">
+                    <ColourProperty name="NormalTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Hover">
+            <Layer>
+                <Section section="inactive_frame">
+                    <Colours topLeft="FF303030" topRight="FF303030" bottomLeft="FF303030" bottomRight="FF303030" />
+                </Section>
+                <Section section="label">
+                    <ColourProperty name="HoverTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Selected">
+            <Layer>
+                <Section section="frame">
+                    <Colours topLeft="FFEEEEEE" topRight="FFEEEEEE" bottomLeft="FFEEEEEE" bottomRight="FFEEEEEE" />
+                </Section>
+                <Section section="label">
+                    <ColourProperty name="PushedTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Disabled">
+            <Layer>
+                <Section section="inactive_frame">
+                    <Colours topLeft="FF505050" topRight="FF505050" bottomLeft="FF505050" bottomRight="FF505050" />
+                </Section>
+                <Section section="label">
+                    <ColourProperty name="DisabledTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+    
+    <WidgetLook name="CGUI/TabPaneModern">
+        <ImagerySection name="normal">
+            <FrameComponent>
+                <Area>
+                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+                </Area>
+                <Image type="TopLeftCorner" imageset="CGUI-Images" image="Frame2TopLeftModern" />
+                <Image type="TopRightCorner" imageset="CGUI-Images" image="Frame2TopRightModern" />
+                <Image type="BottomLeftCorner" imageset="CGUI-Images" image="Frame2BottomLeftModern" />
+                <Image type="BottomRightCorner" imageset="CGUI-Images" image="Frame2BottomRightModern" />
+                <Image type="LeftEdge" imageset="CGUI-Images" image="Frame2LeftModern" />
+                <Image type="TopEdge" imageset="CGUI-Images" image="Frame2TopModern" />
+                <Image type="RightEdge" imageset="CGUI-Images" image="Frame2RightModern" />
+                <Image type="BottomEdge" imageset="CGUI-Images" image="Frame2BottomModern" />
+                <Image type="Background" imageset="CGUI-Images" image="Frame2BackgroundModern" />
+            </FrameComponent>
+        </ImagerySection>
+        <StateImagery name="Enabled">
+            <Layer>
+              <Section section="normal">
+                <Colours topLeft="FFEEEEEE" topRight="FFEEEEEE" bottomLeft="FFEEEEEE" bottomRight="FFEEEEEE" />
+              </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Disabled">
+            <Layer>
+                <Section section="normal">
+                    <Colours topLeft="FF242424" topRight="FF242424" bottomLeft="FF242424" bottomRight="FF242424" />
+                </Section>
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+    
+    <WidgetLook name="CGUI/TabControlModern">
+        <Property name="TabButtonType" value="CGUI/TabButtonModern" />
+        <Child  type="CGUI/TabPaneModern" nameSuffix="__auto_TabPane__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+            </Area>
+        </Child>
+        <Child  type="DefaultWindow" nameSuffix="__auto_TabPane__Buttons">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+            </Area>
+        </Child>
+        <StateImagery name="Enabled" />
+        <StateImagery name="Disabled" />
+    </WidgetLook>
+
+    <WidgetLook name="CGUI/ButtonModern">
+        <Property name="NormalTextColour" value="FF7C7C7C" redrawOnWrite="true" />
+        <Property name="HoverTextColour" value="FFFFFFFF" redrawOnWrite="true" />
+        <Property name="PushedTextColour" value="FF7C7C7C" redrawOnWrite="true" />
+        <Property name="DisabledTextColour" value="FF383838" redrawOnWrite="true" />
+        <Property name="WantsMultiClickEvents" value="False" />
+        <ImagerySection name="label">
+            <TextComponent>
+                <Area>
+                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge"><UnifiedDim scale="1" offset="-4" type="BottomEdge" /></Dim>
+                </Area>
+                <VertFormat type="CentreAligned" />
+                <HorzFormat type="WordWrapCentreAligned" />
+            </TextComponent>
+        </ImagerySection>
+        <StateImagery name="Normal">
+            <Layer>
+                <Section look="CGUI/SharedModern" section="Frame2">
+                    <Colours topLeft="FF606060" topRight="FF606060" bottomLeft="FF606060" bottomRight="FF606060" />
+                </Section>
+                <Section section="label">
+                    <ColourProperty name="NormalTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Hover">
+            <Layer>
+                <Section look="CGUI/SharedModern" section="Frame2">
+
+                </Section>
+                <Section section="label">
+                    <ColourProperty name="HoverTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Pushed">
+            <Layer>
+                <Section look="CGUI/SharedModern" section="Frame2">
+
+                </Section>
+                <Section section="label">
+                    <ColourProperty name="PushedTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Disabled">
+            <Layer>
+                <Section look="CGUI/SharedModern" section="Frame2">
+                    <Colours topLeft="FF282828" topRight="FF282828" bottomLeft="FF282828" bottomRight="FF282828" />
+                </Section>
+                <Section section="label">
+                    <ColourProperty name="DisabledTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+
+    <WidgetLook name="CGUI/FrameWindowModern">
+        <Property name="NSSizingCursorImage" value="set:CGUI-Images image:NSSizingCursorImageModern" />
+        <Property name="EWSizingCursorImage" value="set:CGUI-Images image:EWSizingCursorImageModern" />
+        <Property name="NWSESizingCursorImage" value="set:CGUI-Images image:NWSESizingCursorImageModern" />
+        <Property name="NESWSizingCursorImage" value="set:CGUI-Images image:NESWSizingCursorImageModern" />
+        <Property name="RollUpEnabled" value="False" />
+        <NamedArea name="ClientWithTitleWithFrame">
+            <Area>
+                <Dim type="LeftEdge"><AbsoluteDim value="8" /></Dim>
+                    <Dim type="TopEdge"><WidgetDim widget="__auto_titlebar__" dimension="BottomEdge" /></Dim>
+                <Dim type="RightEdge"><UnifiedDim scale="1" offset="-8" type="RightEdge" /></Dim>
+                <Dim type="BottomEdge"><UnifiedDim scale="1" offset="-8" type="BottomEdge" /></Dim>
+            </Area>
+        </NamedArea>
+        <NamedArea name="ClientWithTitleNoFrame">
+            <Area>
+                <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge"><WidgetDim widget="__auto_titlebar__" dimension="BottomEdge" /></Dim>
+                <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+                <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+            </Area>
+        </NamedArea>
+        <NamedArea name="ClientNoTitleWithFrame">
+            <Area>
+                <Dim type="LeftEdge"><AbsoluteDim value="8" /></Dim>
+                <Dim type="TopEdge"><AbsoluteDim value="8" /></Dim>
+                <Dim type="RightEdge"><UnifiedDim scale="1" offset="-8" type="RightEdge" /></Dim>
+                <Dim type="BottomEdge"><UnifiedDim scale="1" offset="-8" type="BottomEdge" /></Dim>
+            </Area>
+        </NamedArea>
+        <NamedArea name="ClientNoTitleNoFrame">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+            </Area>
+        </NamedArea>
+        <Child type="CGUI/TitlebarModern" nameSuffix="__auto_titlebar__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                <Dim type="Height" ><FontDim type="LineSpacing" padding="5" /></Dim>
+            </Area>
+            <Property name="AlwaysOnTop" value="False" />
+        </Child>
+        <Child type="CGUI/ButtonModern" nameSuffix="__auto_closebutton__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="-8" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="8" /></Dim>
+                <Dim type="Width" ><AbsoluteDim value="8" /></Dim>
+                <Dim type="Height" ><AbsoluteDim value="8" /></Dim>
+            </Area>
+            <HorzAlignment type="RightAligned" />
+            <Property name="AlwaysOnTop" value="True" />
+        </Child>
+        <ImagerySection name="withtitle_frame">
+            <FrameComponent>
+                <Area>
+                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+                </Area>
+                <Image type="TopLeftCorner" imageset="CGUI-Images" image="Frame2TopLeftModern" />
+                <Image type="TopRightCorner" imageset="CGUI-Images" image="Frame2TopRightModern" />
+                <Image type="BottomLeftCorner" imageset="CGUI-Images" image="Frame2BottomLeftModern" />
+                <Image type="BottomRightCorner" imageset="CGUI-Images" image="Frame2BottomRightModern" />
+                <Image type="LeftEdge" imageset="CGUI-Images" image="Frame2LeftModern" />
+                <Image type="TopEdge" imageset="CGUI-Images" image="Frame2TopModern" />
+                <Image type="RightEdge" imageset="CGUI-Images" image="Frame2RightModern" />
+                <Image type="BottomEdge" imageset="CGUI-Images" image="Frame2BottomModern" />
+                <Image type="Background" imageset="CGUI-Images" image="Frame2BackgroundModern" />
+              <Colours topLeft="FF202020" topRight="FF202020" bottomLeft="FF202020" bottomRight="FF202020" />
+            </FrameComponent>
+        </ImagerySection>
+        <ImagerySection name="notitle_frame">
+            <FrameComponent>
+                <Area>
+                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+                </Area>
+                <Image type="TopLeftCorner" imageset="CGUI-Images" image="Frame2TopLeftModern" />
+                <Image type="TopRightCorner" imageset="CGUI-Images" image="Frame2TopRightModern" />
+                <Image type="BottomLeftCorner" imageset="CGUI-Images" image="Frame2BottomLeftModern" />
+                <Image type="BottomRightCorner" imageset="CGUI-Images" image="Frame2BottomRightModern" />
+                <Image type="LeftEdge" imageset="CGUI-Images" image="Frame2LeftModern" />
+                <Image type="TopEdge" imageset="CGUI-Images" image="Frame2TopModern" />
+                <Image type="RightEdge" imageset="CGUI-Images" image="Frame2RightModern" />
+                <Image type="BottomEdge" imageset="CGUI-Images" image="Frame2BottomModern" />
+                <Image type="Background" imageset="CGUI-Images" image="Frame2BackgroundModern" />
+              <Colours topLeft="FF202020" topRight="FF202020" bottomLeft="FF202020" bottomRight="FF202020" />
+            </FrameComponent>
+        </ImagerySection>
+        <ImagerySection name="withtitle_noframe_client_area">
+            <FrameComponent>
+                <Area>
+                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge"><WidgetDim widget="__auto_titlebar__" dimension="BottomEdge" /></Dim>
+                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+                </Area>
+                <Image type="TopLeftCorner" imageset="CGUI-Images" image="Frame2TopLeftModern" />
+                <Image type="TopRightCorner" imageset="CGUI-Images" image="Frame2TopRightModern" />
+                <Image type="BottomLeftCorner" imageset="CGUI-Images" image="Frame2BottomLeftModern" />
+                <Image type="BottomRightCorner" imageset="CGUI-Images" image="Frame2BottomRightModern" />
+                <Image type="LeftEdge" imageset="CGUI-Images" image="Frame2LeftModern" />
+                <Image type="TopEdge" imageset="CGUI-Images" image="Frame2TopModern" />
+                <Image type="RightEdge" imageset="CGUI-Images" image="Frame2RightModern" />
+                <Image type="BottomEdge" imageset="CGUI-Images" image="Frame2BottomModern" />
+                <Image type="Background" imageset="CGUI-Images" image="Frame2BackgroundModern" />
+              <Colours topLeft="FF202020" topRight="FF202020" bottomLeft="FF202020" bottomRight="FF202020" />
+            </FrameComponent>
+        </ImagerySection>
+        <ImagerySection name="notitle_noframe_client_area">
+            <FrameComponent>
+                <Area>
+                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+                </Area>
+                <Image type="TopLeftCorner" imageset="CGUI-Images" image="Frame2TopLeftModern" />
+                <Image type="TopRightCorner" imageset="CGUI-Images" image="Frame2TopRightModern" />
+                <Image type="BottomLeftCorner" imageset="CGUI-Images" image="Frame2BottomLeftModern" />
+                <Image type="BottomRightCorner" imageset="CGUI-Images" image="Frame2BottomRightModern" />
+                <Image type="LeftEdge" imageset="CGUI-Images" image="Frame2LeftModern" />
+                <Image type="TopEdge" imageset="CGUI-Images" image="Frame2TopModern" />
+                <Image type="RightEdge" imageset="CGUI-Images" image="Frame2RightModern" />
+                <Image type="BottomEdge" imageset="CGUI-Images" image="Frame2BottomModern" />
+                <Image type="Background" imageset="CGUI-Images" image="Frame2BackgroundModern" />
+              <Colours topLeft="FF202020" topRight="FF202020" bottomLeft="FF202020" bottomRight="FF202020" />
+            </FrameComponent>
+        </ImagerySection>
+        <StateImagery name="ActiveWithTitleWithFrame">
+            <Layer>
+                <Section section="withtitle_frame" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="InactiveWithTitleWithFrame">
+            <Layer>
+                <Section section="withtitle_frame" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="DisabledWithTitleWithFrame">
+            <Layer>
+                <Section section="withtitle_frame" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="ActiveWithTitleNoFrame">
+            <Layer>
+                <Section section="withtitle_noframe_client_area" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="InactiveWithTitleNoFrame">
+            <Layer>
+                <Section section="withtitle_noframe_client_area" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="DisabledWithTitleNoFrame">
+            <Layer>
+                <Section section="withtitle_noframe_client_area" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="ActiveNoTitleWithFrame">
+            <Layer>
+                <Section section="notitle_frame" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="InactiveNoTitleWithFrame">
+            <Layer>
+                <Section section="notitle_frame" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="DisabledNoTitleWithFrame">
+            <Layer>
+                <Section section="notitle_frame" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="ActiveNoTitleNoFrame">
+            <Layer>
+                <Section section="notitle_noframe_client_area" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="InactiveNoTitleNoFrame">
+            <Layer>
+                <Section section="notitle_noframe_client_area" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="DisabledNoTitleNoFrame">
+            <Layer>
+                <Section section="notitle_noframe_client_area" />
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+
+    <WidgetLook name="CGUI/EditboxModern">
+        <PropertyDefinition name="ReadOnlyBGColour" initialValue="FFDFDFDF" />
+        <Property name="NormalTextColour" value="FFFFFFFF" redrawOnWrite="true" />
+        <Property name="SelectedTextColour" value="FF808080" redrawOnWrite="true" />
+        <Property name="ActiveSelectionColour" value="FF607FFF" redrawOnWrite="true"/>
+        <Property name="InactiveSelectionColour" value="FFDDDDDD" redrawOnWrite="true" />
+        <NamedArea name="TextArea">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="7" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="3" /></Dim>
+                <Dim type="RightEdge" ><UnifiedDim scale="1.0" offset="-7" type="RightEdge" /></Dim>
+                <Dim type="BottomEdge" ><UnifiedDim scale="1.0" offset="-3" type="BottomEdge" /></Dim>
+            </Area>
+        </NamedArea>
+        <ImagerySection name="selection">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
+                </Area>
+                <Image imageset="CGUI-Images" image="GenericBrushModern" />
+                <VertFormat type="Stretched" />
+                <HorzFormat type="Stretched" />
+            </ImageryComponent>
+        </ImagerySection>
+        <ImagerySection name="Carat">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="Width" ><AbsoluteDim value="2" /></Dim>
+                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
+                </Area>
+                <Image imageset="CGUI-Images" image="GenericBrushModern" />
+                <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
+                <VertFormat type="Stretched" />
+                <HorzFormat type="Stretched" />
+            </ImageryComponent>
+        </ImagerySection>
+        <StateImagery name="Enabled">
+            <Layer>
+                <Section look="CGUI/SharedModern" section="Frame" />
+                <Section section="TextArea">
+                    <ColourProperty name="NormalTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="ReadOnly">
+            <Layer>
+                <Section look="CGUI/SharedModern" section="Frame" >
+                    <ColourProperty name="ReadOnlyBGColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Disabled">
+            <Layer>
+                <Section look="CGUI/SharedModern" section="Frame" >
+                    <ColourProperty name="ReadOnlyBGColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="ActiveSelection">
+            <Layer>
+                <Section section="selection">
+                    <ColourProperty name="ActiveSelectionColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="InactiveSelection">
+            <Layer>
+                <Section section="selection">
+                    <ColourProperty name="InactiveSelectionColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+
+    <WidgetLook name="CGUI/VerticalScrollbarThumbModern">
+        <Property name="VertFree" value="True" />
+        <ImagerySection name="thumb">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+                </Area>
+                <Image imageset="CGUI-Images" image="ScrollbarThumbModern" />
+              <!--<Colours topLeft="FFC1D1DA" topRight="FFC1D1DA" bottomLeft="FFC1D1DA" bottomRight="FFC1D1DA" />-->
+                <VertFormat type="Stretched" />
+                <HorzFormat type="Stretched" />
+            </ImageryComponent>
+        </ImagerySection>
+        <StateImagery name="Normal">
+            <Layer>
+                <Section section="thumb" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Hover">
+            <Layer>
+                <Section section="thumb" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Pushed">
+            <Layer>
+                <Section section="thumb" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Disabled">
+            <Layer>
+                <Section section="thumb">
+                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+                </Section>
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+
+    <WidgetLook name="CGUI/HorizontalScrollbarThumbModern">
+        <Property name="HorzFree" value="True" />
+        <ImagerySection name="thumb">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="Width" ><UnifiedDim scale="0.9" type="Width" /></Dim>
+                    <Dim type="Height" ><UnifiedDim scale="0.9" type="Height" /></Dim>
+                </Area>
+                <Image imageset="CGUI-Images" image="ScrollbarThumbModern" />
+              <!--<Colours topLeft="FFC1D1DA" topRight="FFC1D1DA" bottomLeft="FFC1D1DA" bottomRight="FFC1D1DA" />-->
+                <VertFormat type="Stretched" />
+                <HorzFormat type="Stretched" />
+            </ImageryComponent>
+        </ImagerySection>
+        <StateImagery name="Normal">
+            <Layer>
+                <Section section="thumb" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Hover">
+            <Layer>
+                <Section section="thumb" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Pushed">
+            <Layer>
+                <Section section="thumb" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Disabled">
+            <Layer>
+                <Section section="thumb">
+                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+                </Section>
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+
+    <WidgetLook name="CGUI/HorizontalScrollbarModern">
+        <NamedArea name="ThumbTrackArea">
+            <Area>
+                <Dim type="LeftEdge"><WidgetDim widget="__auto_decbtn__" dimension="RightEdge" /></Dim>
+                <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                <Dim type="RightEdge">
+                    <UnifiedDim scale="1" type="RightEdge">
+                        <DimOperator op="Subtract">
+                            <WidgetDim widget="__auto_incbtn__" dimension="Width" />
+                        </DimOperator>
+                    </UnifiedDim>
+                </Dim>
+                <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+            </Area>
+        </NamedArea>
+        <Child  type="CGUI/ButtonModern" nameSuffix="__auto_incbtn__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><UnifiedDim scale="1" type="Height" /></Dim>
+                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+            </Area>
+            <VertAlignment type="CentreAligned" />
+            <HorzAlignment type="RightAligned" />
+            <Property name="UseStandardImagery" value="False" />
+            <Property name="NormalImage" value="set:CGUI-Images image:ScrollRightArrowModern" />
+            <Property name="HoverImage" value="set:CGUI-Images image:ScrollRightArrowModern" />
+            <Property name="PushedImage" value="set:CGUI-Images image:ScrollRightArrowModern" />
+            <Property name="DisabledImage" value="set:CGUI-Images image:ScrollRightArrowModern" />
+        </Child>
+        <Child  type="CGUI/ButtonModern" nameSuffix="__auto_decbtn__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><UnifiedDim scale="1" type="Height" /></Dim>
+                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+            </Area>
+            <VertAlignment type="CentreAligned" />
+            <Property name="UseStandardImagery" value="False" />
+            <Property name="NormalImage" value="set:CGUI-Images image:ScrollLeftArrowModern" />
+            <Property name="HoverImage" value="set:CGUI-Images image:ScrollLeftArrowModern" />
+            <Property name="PushedImage" value="set:CGUI-Images image:ScrollLeftArrowModern" />
+            <Property name="DisabledImage" value="set:CGUI-Images image:ScrollLeftArrowModern" />
+        </Child>
+        <Child  type="CGUI/HorizontalScrollbarThumbModern" nameSuffix="__auto_thumb__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><UnifiedDim scale="1" type="Height" /></Dim>
+                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+            </Area>
+        </Child>
+        <ImagerySection name="main">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge"><WidgetDim widget="__auto_decbtn__" dimension="RightEdge" /></Dim>
+                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge">
+                        <UnifiedDim scale="1" type="RightEdge">
+                            <DimOperator op="Subtract">
+                                <WidgetDim widget="__auto_incbtn__" dimension="Width" />
+                            </DimOperator>
+                        </UnifiedDim>
+                    </Dim>
+                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+                </Area>
+                <Image imageset="CGUI-Images" image="HorzScrollContainerModern" />
+                <VertFormat type="Stretched" />
+                <HorzFormat type="Stretched" />
+            </ImageryComponent>
+        </ImagerySection>
+        <StateImagery name="Enabled">
+            <Layer>
+              <Section section="main" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Disabled">
+            <Layer>
+                <Section section="main">
+                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+                </Section>
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+
+    <WidgetLook name="CGUI/VerticalScrollbarModern">
+        <Property name="VerticalScrollbar" value="True" />
+        <NamedArea name="ThumbTrackArea">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><WidgetDim widget="__auto_decbtn__" dimension="BottomEdge" /></Dim>
+                <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
+                <Dim type="BottomEdge" >
+                    <UnifiedDim scale="1.0" type="BottomEdge">
+                        <DimOperator op="Subtract">
+                            <WidgetDim widget="__auto_incbtn__" dimension="Height" />
+                        </DimOperator>
+                    </UnifiedDim>
+                </Dim>
+            </Area>
+        </NamedArea>
+        <Child  type="CGUI/ButtonModern" nameSuffix="__auto_incbtn__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                <Dim type="Height" ><UnifiedDim scale="1" type="Width" /></Dim>
+            </Area>
+            <VertAlignment type="BottomAligned" />
+            <HorzAlignment type="CentreAligned" />
+            <Property name="UseStandardImagery" value="False" />
+            <Property name="NormalImage" value="set:CGUI-Images image:ScrollDownArrowModern" />
+            <Property name="HoverImage" value="set:CGUI-Images image:ScrollDownArrowModern" />
+            <Property name="PushedImage" value="set:CGUI-Images image:ScrollDownArrowModern" />
+            <Property name="DisabledImage" value="set:CGUI-Images image:ScrollDownArrowModern" />
+        </Child>
+        <Child  type="CGUI/ButtonModern" nameSuffix="__auto_decbtn__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                <Dim type="Height" ><UnifiedDim scale="1" type="Width" /></Dim>
+            </Area>
+            <HorzAlignment type="CentreAligned" />
+            <Property name="UseStandardImagery" value="False" />
+            <Property name="NormalImage" value="set:CGUI-Images image:ScrollUpArrowModern" />
+            <Property name="HoverImage" value="set:CGUI-Images image:ScrollUpArrowModern" />
+            <Property name="PushedImage" value="set:CGUI-Images image:ScrollUpArrowModern" />
+            <Property name="DisabledImage" value="set:CGUI-Images image:ScrollUpArrowModern" />
+        </Child>
+        <Child  type="CGUI/VerticalScrollbarThumbModern" nameSuffix="__auto_thumb__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                <Dim type="Height" ><UnifiedDim scale="1" type="Width" /></Dim>
+            </Area>
+        </Child>
+        <ImagerySection name="main">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><WidgetDim widget="__auto_decbtn__" dimension="BottomEdge" /></Dim>
+                    <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge" >
+                        <UnifiedDim scale="1.0" type="BottomEdge">
+                            <DimOperator op="Subtract">
+                                <WidgetDim widget="__auto_incbtn__" dimension="Height" />
+                            </DimOperator>
+                        </UnifiedDim>
+                    </Dim>
+                </Area>
+                <Image imageset="CGUI-Images" image="VertScrollContainerModern" />
+                <VertFormat type="Stretched" />
+                <HorzFormat type="Stretched" />
+            </ImageryComponent>
+        </ImagerySection>
+        <StateImagery name="Enabled">
+            <Layer>
+              <Section section="main"/>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Disabled">
+            <Layer>
+                <Section section="main">
+                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+                </Section>
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+
+    <WidgetLook name="CGUI/StaticImageModern">
+        <Property name="BackgroundEnabled" value="False" />
+        <Property name="FrameEnabled" value="False" />
+        <StateImagery name="Enabled" />
+        <StateImagery name="Disabled" />
+        <StateImagery name="EnabledFrame">
+            <Layer>
+                <Section look="CGUI/SharedModern" section="FrameOnly">
+                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="DisabledFrame">
+            <Layer>
+                <Section look="CGUI/SharedModern" section="FrameOnly">
+                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="EnabledBackground">
+            <Layer>
+                <Section look="CGUI/SharedModern" section="BackgroundOnly">
+                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="DisabledBackground">
+            <Layer>
+                <Section look="CGUI/SharedModern" section="BackgroundOnly">
+                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+                </Section>
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+
+    <WidgetLook name="CGUI/StaticTextModern">
+        <Property name="BackgroundEnabled" value="True" />
+        <Property name="FrameEnabled" value="True" />
+		<Property name="TextColours" value="tl:FFFFFFFF tr:FFFFFFFF bl:FFFFFFFF br:FFFFFFFF" />
+        <PropertyDefinition name="PlaceholderTextColours" initialValue="tl:FFFFFFFF tr:FFFFFFFF bl:FFFFFFFF br:FFFFFFFF" />
+        <NamedArea name="TextRenderArea">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+                <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+            </Area>
+        </NamedArea>
+        <Child  type="CGUI/HorizontalScrollbarModern" nameSuffix="__auto_hscrollbar__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><UnifiedDim scale="1" offset="-20" type="Width" /></Dim>
+                <Dim type="Height" ><AbsoluteDim value="20" /></Dim>
+            </Area>
+            <VertAlignment type="BottomAligned" />
+        </Child>
+        <Child  type="CGUI/VerticalScrollbarModern" nameSuffix="__auto_vscrollbar__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><AbsoluteDim value="20" /></Dim>
+                <Dim type="Height" ><UnifiedDim scale="1" offset="-20" type="Height" /></Dim>
+            </Area>
+            <HorzAlignment type="RightAligned" />
+        </Child>
+        <StateImagery name="Enabled" />
+        <StateImagery name="Disabled" />
+        <StateImagery name="EnabledFrame">
+            <Layer>
+                <Section look="CGUI/SharedModern" section="FrameOnly">
+                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="DisabledFrame">
+            <Layer>
+                <Section look="CGUI/SharedModern" section="FrameOnly">
+                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="EnabledBackground">
+            <Layer>
+                <Section look="CGUI/SharedModern" section="BackgroundOnly">
+                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="DisabledBackground">
+            <Layer>
+                <Section look="CGUI/SharedModern" section="BackgroundOnly">
+                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+                </Section>
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+
+    <WidgetLook name="CGUI/ListHeaderSegmentModern">
+      <Property name="NormalTextColour" value="FFFFFFFF" />
+      <Property name="DragGhost" value="FF909090" />
+      <Property name="SizingCursorImage" value="set:CGUI-Images image:MouseEsWeCursorModern" />
+      <Property name="MovingCursorImage" value="set:CGUI-Images image:MouseMoveCursorModern" />
+      <ImagerySection name="segment">
+        <ImageryComponent>
+          <Area>
+            <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+            <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+            <Dim type="RightEdge" ><AbsoluteDim value="0" /></Dim>
+            <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+          </Area>
+          <Image imageset="CGUI-Images" image="HeaderMainBrushModern" />
+          <VertFormat type="Stretched" />
+          <HorzFormat type="Stretched" />
+        </ImageryComponent>
+      </ImagerySection>
+      <ImagerySection name="frame">
+        <FrameComponent>
+          <Area>
+            <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+            <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+            <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+            <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+          </Area>
+          <Image type="TopLeftCorner" imageset="CGUI-Images" image="Frame2TopLeftModern" />
+          <Image type="TopRightCorner" imageset="CGUI-Images" image="Frame2TopRightModern" />
+          <Image type="LeftEdge" imageset="CGUI-Images" image="Frame2LeftModern" />
+          <Image type="TopEdge" imageset="CGUI-Images" image="Frame2TopModern" />
+          <Image type="RightEdge" imageset="CGUI-Images" image="Frame2RightModern" />
+          <Image type="Background" imageset="CGUI-Images" image="Frame2BackgroundModern" />
+        </FrameComponent>
+      </ImagerySection>
+      <ImagerySection name="ascend_icon">
+        <ImageryComponent>
+          <Area>
+            <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+            <Dim type="TopEdge" ><AbsoluteDim value="10" /></Dim>
+            <Dim type="Width" ><ImageDim imageset="CGUI-Images" image="SmallUpArrowModern" dimension="Width" /></Dim>
+            <Dim type="Height" ><ImageDim imageset="CGUI-Images" image="SmallUpArrowModern" dimension="Height" /></Dim>
+          </Area>
+          <Image imageset="CGUI-Images" image="SmallUpArrowModern" />
+        </ImageryComponent>
+      </ImagerySection>
+      <ImagerySection name="descend_icon">
+        <ImageryComponent>
+          <Area>
+            <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+            <Dim type="TopEdge" ><AbsoluteDim value="10" /></Dim>
+            <Dim type="Width" ><ImageDim imageset="CGUI-Images" image="SmallDownArrowModern" dimension="Width" /></Dim>
+            <Dim type="Height" ><ImageDim imageset="CGUI-Images" image="SmallDownArrowModern" dimension="Height" /></Dim>
+          </Area>
+          <Image imageset="CGUI-Images" image="SmallDownArrowModern" />
+        </ImageryComponent>
+      </ImagerySection>
+      <ImagerySection name="label">
+        <TextComponent>
+          <Area>
+            <Dim type="LeftEdge"><AbsoluteDim value="7" /></Dim>
+            <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+            <Dim type="RightEdge" ><UnifiedDim scale="1" type="RightEdge" /></Dim>
+            <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+          </Area>
+          <VertFormat type="CentreAligned" />
+        </TextComponent>
+      </ImagerySection>
+      <ImagerySection name="delim">
+        <ImageryComponent>
+          <Area>
+            <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+            <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
+            <Dim type="BottomEdge" ><UnifiedDim scale="1.0" offset="-1" type="BottomEdge" /></Dim>
+            <Dim type="TopEdge" ><UnifiedDim scale="1" offset="-2" type="BottomEdge" /></Dim>
+          </Area>
+          <Image imageset="CGUI-Images" image="HeaderLineModern" />
+          <VertFormat type="Stretched" />
+          <HorzFormat type="Stretched" />
+        </ImageryComponent>
+      </ImagerySection>
+      <StateImagery name="Normal">
+        <Layer>
+          <Section section="delim">
+            <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
+          </Section>
+          <Section section="label">
+            <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
+          </Section>
+        </Layer>
+      </StateImagery>
+      <StateImagery name="Hover">
+        <Layer>
+          <Section section="delim">
+            <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
+          </Section>
+          <Section section="label">
+            <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
+          </Section>
+        </Layer>
+      </StateImagery>
+      <StateImagery name="SplitterHover">
+        <Layer>
+          <Section section="delim">
+            <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
+          </Section>
+          <Section section="label">
+            <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
+          </Section>
+        </Layer>
+      </StateImagery>
+      <StateImagery name="DragGhost" clipped="false" >
+        <Layer priority="1" >
+          <Section section="label">
+            <Colours topLeft="7FFFFFFF" topRight="7FFFFFFF" bottomLeft="7FFFFFFF" bottomRight="7FFFFFFF" />
+          </Section>
+        </Layer>
+      </StateImagery>
+      <StateImagery name="AscendingSortIcon">
+        <Layer>
+          <Section section="ascend_icon" />
+        </Layer>
+      </StateImagery>
+      <StateImagery name="DescendingSortIcon">
+        <Layer>
+          <Section section="descend_icon" />
+        </Layer>
+      </StateImagery>
+      <StateImagery name="GhostAscendingSortIcon" clipped="false">
+        <Layer priority="1" >
+          <Section section="ascend_icon">
+            <Colours topLeft="90FFFFFF" topRight="90FFFFFF" bottomLeft="90FFFFFF" bottomRight="90FFFFFF" />
+          </Section>
+        </Layer>
+      </StateImagery>
+      <StateImagery name="GhostDescendingSortIcon" clipped="false">
+        <Layer priority="1" >
+          <Section section="descend_icon">
+            <Colours topLeft="90FFFFFF" topRight="90FFFFFF" bottomLeft="90FFFFFF" bottomRight="90FFFFFF" />
+          </Section>
+        </Layer>
+      </StateImagery>
+
+      <StateImagery name="Disabled">
+        <Layer>
+          <Section section="delim">
+            <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
+          </Section>
+          <Section section="label">
+            <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
+          </Section>
+        </Layer>
+      </StateImagery>
+    </WidgetLook>
+  
+    <WidgetLook name="CGUI/ListHeaderModern">
+      <Property name="SegmentWidgetType" value="CGUI/ListHeaderSegmentModern" />
+      <StateImagery name="Enabled" />
+      <StateImagery name="Disabled" />
+    </WidgetLook>
+
+    <WidgetLook name="CGUI/MultiColumnListModern">
+    <Property name="NormalTextColour" value="FFFFFFFF" redrawOnWrite="true" />
+    <Property name="HoverTextColour" value="FFFFFFFF" redrawOnWrite="true" />
+    <Property name="PushedTextColour" value="FFFFFFFF" redrawOnWrite="true" />
+    <Property name="DisabledTextColour" value="FFFFFFFF" redrawOnWrite="true" />
+    <NamedArea name="ItemRenderingArea">
+      <Area>
+        <Dim type="LeftEdge" >
+          <ImageDim imageset="CGUI-Images" image="FrameLeftModern" dimension="Width" />
+        </Dim>
+        <Dim type="TopEdge" >
+          <WidgetDim widget="__auto_listheader__" dimension="BottomEdge" />
+        </Dim>
+        <Dim type="RightEdge" >
+          <UnifiedDim scale="1" type="RightEdge">
+            <DimOperator op="Subtract">
+              <ImageDim imageset="CGUI-Images" image="FrameRightModern" dimension="Width" />
+            </DimOperator>
+          </UnifiedDim>
+        </Dim>
+        <Dim type="BottomEdge" >
+          <UnifiedDim scale="1" type="BottomEdge">
+            <DimOperator op="Subtract">
+              <ImageDim imageset="CGUI-Images" image="FrameBottomModern" dimension="Height" />
+            </DimOperator>
+          </UnifiedDim>
+        </Dim>
+      </Area>
+    </NamedArea>
+    <NamedArea name="ItemRenderingAreaHScroll">
+      <Area>
+        <Dim type="LeftEdge" >
+          <ImageDim imageset="CGUI-Images" image="FrameLeftModern" dimension="Width" />
+        </Dim>
+        <Dim type="TopEdge" >
+          <WidgetDim widget="__auto_listheader__" dimension="BottomEdge" />
+        </Dim>
+        <Dim type="RightEdge" >
+          <UnifiedDim scale="1" type="RightEdge">
+            <DimOperator op="Subtract">
+              <ImageDim imageset="CGUI-Images" image="FrameRightModern" dimension="Width" />
+            </DimOperator>
+          </UnifiedDim>
+        </Dim>
+        <Dim type="BottomEdge" >
+          <UnifiedDim scale="1" type="BottomEdge">
+            <DimOperator op="Subtract">
+              <WidgetDim widget="__auto_hscrollbar__" dimension="Height" />
+            </DimOperator>
+          </UnifiedDim>
+        </Dim>
+      </Area>
+    </NamedArea>
+    <NamedArea name="ItemRenderingAreaVScroll">
+      <Area>
+        <Dim type="LeftEdge" >
+          <ImageDim imageset="CGUI-Images" image="FrameLeftModern" dimension="Width" />
+        </Dim>
+        <Dim type="TopEdge" >
+          <WidgetDim widget="__auto_listheader__" dimension="BottomEdge" />
+        </Dim>
+        <Dim type="RightEdge" >
+          <UnifiedDim scale="1" type="RightEdge">
+							  <DimOperator op="Subtract">
+								  <WidgetDim widget="__auto_vscrollbar__" dimension="Width" />
+							  </DimOperator>
+						  </UnifiedDim>
+					  </Dim>
+					  <Dim type="BottomEdge" >
+						  <UnifiedDim scale="1" type="BottomEdge">
+							  <DimOperator op="Subtract">
+								  <ImageDim imageset="CGUI-Images" image="FrameBottomModern" dimension="Height" />
+							  </DimOperator>
+						  </UnifiedDim>
+					  </Dim>
+				  </Area>
+			  </NamedArea>
+			  <NamedArea name="ItemRenderingAreaHVScroll">
+				  <Area>
+					  <Dim type="LeftEdge" ><ImageDim imageset="CGUI-Images" image="FrameLeftModern" dimension="Width" /></Dim>
+					  <Dim type="TopEdge" ><WidgetDim widget="__auto_listheader__" dimension="BottomEdge" /></Dim>
+					  <Dim type="RightEdge" >
+						  <UnifiedDim scale="1" type="RightEdge">
+							  <DimOperator op="Subtract">
+								  <WidgetDim widget="__auto_vscrollbar__" dimension="Width" />
+							  </DimOperator>
+						  </UnifiedDim>
+					  </Dim>
+					  <Dim type="BottomEdge" >
+						  <UnifiedDim scale="1" type="BottomEdge">
+							  <DimOperator op="Subtract">
+								  <WidgetDim widget="__auto_hscrollbar__" dimension="Height" />
+							  </DimOperator>
+						  </UnifiedDim>
+					  </Dim>
+				  </Area>
+			  </NamedArea>
+			  <Child  type="CGUI/ListHeaderModern" nameSuffix="__auto_listheader__">
+				  <Area>
+					  <Dim type="LeftEdge" ><ImageDim imageset="CGUI-Images" image="FrameLeftModern" dimension="Width" /></Dim>
+					  <Dim type="TopEdge" ><AbsoluteDim value="3" /></Dim>
+					  <Dim type="RightEdge" >
+					      <UnifiedDim scale="1" type="RightEdge"> 
+					          <DimOperator op="Subtract"> 
+					              <AbsoluteDim value="25" />
+					          </DimOperator> 
+					      </UnifiedDim> 
+					  </Dim>
+					  <Dim type="Height" >
+						  <FontDim type="LineSpacing">
+							  <DimOperator op="Multiply">
+								  <AbsoluteDim value="1.5" />
+							  </DimOperator>
+						  </FontDim>
+					  </Dim>
+				  </Area>
+			  </Child>
+        <Child  type="CGUI/HorizontalScrollbarModern" nameSuffix="__auto_hscrollbar__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><UnifiedDim scale="1" offset="-20" type="Width" /></Dim>
+                <Dim type="Height" ><AbsoluteDim value="19" /></Dim>
+            </Area>
+            <VertAlignment type="BottomAligned" />
+        </Child>
+        <Child  type="CGUI/VerticalScrollbarModern" nameSuffix="__auto_vscrollbar__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+	        <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><AbsoluteDim value="19" /></Dim>
+	        <Dim type="BottomEdge" ><UnifiedDim scale="1" offset="-20" type="BottomEdge" /></Dim>
+            </Area>
+            <HorzAlignment type="RightAligned" />
+        </Child>
+        <ImagerySection name="main">
+            <FrameComponent>
+                <Area>
+                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+                </Area>
+                <Image type="TopLeftCorner" imageset="CGUI-Images" image="Frame2TopLeftModern" />
+                <Image type="TopRightCorner" imageset="CGUI-Images" image="Frame2TopRightModern" />
+	              <Image type="BottomLeftCorner" imageset="CGUI-Images" image="Frame2BottomLeftModern" />
+                <Image type="BottomRightCorner" imageset="CGUI-Images" image="Frame2BottomRightModern" />
+                <Image type="LeftEdge" imageset="CGUI-Images" image="Frame2LeftModern" />
+                <Image type="TopEdge" imageset="CGUI-Images" image="Frame2TopModern" />
+                <Image type="RightEdge" imageset="CGUI-Images" image="Frame2RightModern" />
+                <Image type="BottomEdge" imageset="CGUI-Images" image="Frame2BottomModern" />
+                <Image type="Background" imageset="CGUI-Images" image="Frame2BackgroundModern" />
+            </FrameComponent>
+        </ImagerySection>
+      
+			  <StateImagery name="Enabled">
+				  <Layer>
+            <Section section="main">
+              <Colours topLeft="FF333333" topRight="FF333333" bottomLeft="FF333333" bottomRight="FF333333" />
+            </Section>
+				  </Layer>
+			  </StateImagery>
+			  <StateImagery name="Disabled">
+				  <Layer>
+            <Section section="main">
+              <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+            </Section>
+				  </Layer>
+			  </StateImagery>
+		  </WidgetLook>
+
+    <WidgetLook name="CGUI/MultiLineEditboxModern">
+        <Property name="SelectionBrushImage" value="set:CGUI-Images image:GenericBrushModern" />
+        <Property name="NormalTextColour" value="FFFFFFFF" redrawOnWrite="true" />
+        <Property name="SelectedTextColour" value="FF000000" redrawOnWrite="true" />
+        <Property name="ActiveSelectionColour" value="FF9F9F9F" redrawOnWrite="true" />
+        <Property name="InactiveSelectionColour" value="FF808080" redrawOnWrite="true" />
+        <NamedArea name="TextArea">
+            <Area>
+                <Dim type="LeftEdge" ><ImageDim imageset="CGUI-Images" image="FrameLeftModern" dimension="Width" /></Dim>
+                <Dim type="TopEdge" ><ImageDim imageset="CGUI-Images" image="FrameTopModern" dimension="Height" /></Dim>
+                <Dim type="RightEdge" >
+                    <UnifiedDim scale="1" type="RightEdge">
+                        <DimOperator op="Subtract">
+                            <ImageDim imageset="CGUI-Images" image="FrameRightModern" dimension="Width" />
+                        </DimOperator>
+                    </UnifiedDim>
+                </Dim>
+                <Dim type="BottomEdge" >
+                    <UnifiedDim scale="1" type="BottomEdge">
+                        <DimOperator op="Subtract">
+                            <ImageDim imageset="CGUI-Images" image="FrameBottomModern" dimension="Height" />
+                        </DimOperator>
+                    </UnifiedDim>
+                </Dim>
+            </Area>
+        </NamedArea>
+        <Child  type="CGUI/HorizontalScrollbarModern" nameSuffix="__auto_hscrollbar__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="5" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="-5" /></Dim>
+                <Dim type="Width" ><UnifiedDim scale="1" offset="-25" type="Width" /></Dim>
+                <Dim type="Height" ><AbsoluteDim value="20" /></Dim>
+            </Area>
+            <VertAlignment type="BottomAligned" />
+        </Child>
+        <Child  type="CGUI/VerticalScrollbarModern" nameSuffix="__auto_vscrollbar__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="-5" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="5" /></Dim>
+                <Dim type="Width" ><AbsoluteDim value="20" /></Dim>
+                <Dim type="Height" ><UnifiedDim scale="1" offset="-10" type="Height" /></Dim>
+            </Area>
+            <HorzAlignment type="RightAligned" />
+        </Child>
+        <ImagerySection name="Carat">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="Width" ><AbsoluteDim value="2" /></Dim>
+                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
+                </Area>
+                <Image imageset="CGUI-Images" image="GenericBrushModern" />
+                <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
+                <VertFormat type="Stretched" />
+                <HorzFormat type="Stretched" />
+            </ImageryComponent>
+        </ImagerySection>
+        <StateImagery name="Enabled">
+            <Layer>
+                <Section look="CGUI/SharedModern" section="Frame" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="ReadOnly">
+            <Layer>
+                <Section look="CGUI/SharedModern" section="Frame" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Disabled">
+            <Layer>
+                <Section look="CGUI/SharedModern" section="Frame" />
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+
+    <WidgetLook name="CGUI/ProgressBarModern">
+        <NamedArea name="ProgressArea">
+            <Area>
+                <Dim type="LeftEdge" ><ImageDim imageset="CGUI-Images" image="ProgressLeftModern" dimension="Width" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="RightEdge" >
+                    <UnifiedDim scale="1" type="RightEdge">
+                        <DimOperator op="Subtract">
+                            <ImageDim imageset="CGUI-Images" image="ProgressRightModern" dimension="Width" />
+                        </DimOperator>
+                    </UnifiedDim>
+                </Dim>
+                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+            </Area>
+        </NamedArea>
+        <ImagerySection name="frame">
+            <FrameComponent>
+                <Area>
+                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+                </Area>
+                <Image type="TopLeftCorner" imageset="CGUI-Images" image="ProgressTopLeftModern" />
+                <Image type="TopRightCorner" imageset="CGUI-Images" image="ProgressTopRightModern" />
+                <Image type="BottomLeftCorner" imageset="CGUI-Images" image="ProgressBottomLeftModern" />
+                <Image type="BottomRightCorner" imageset="CGUI-Images" image="ProgressBottomRightModern" />
+                <Image type="LeftEdge" imageset="CGUI-Images" image="ProgressLeftModern" />
+                <Image type="TopEdge" imageset="CGUI-Images" image="ProgressTopModern" />
+                <Image type="RightEdge" imageset="CGUI-Images" image="ProgressRightModern" />
+                <Image type="BottomEdge" imageset="CGUI-Images" image="ProgressBottomModern" />
+                <Image type="Background" imageset="CGUI-Images" image="ProgressBackgroundModern" />
+            </FrameComponent>
+        </ImagerySection>
+        <ImagerySection name="progress_lights" >
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+                </Area>
+                <Image imageset="CGUI-Images" image="ProgressBarLitSegmentModern" />
+                <VertFormat type="Stretched" />
+                <HorzFormat type="Tiled" />
+            </ImageryComponent>
+        </ImagerySection>
+        <StateImagery name="Enabled">
+            <Layer>
+                <Section section="frame" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Disabled">
+            <Layer>
+                <Section section="frame">
+                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="EnabledProgress">
+            <Layer>
+                <Section section="progress_lights" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="DisabledProgress">
+            <Layer>
+                <Section section="progress_lights">
+                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+                </Section>
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+
+    <WidgetLook name="CGUI/CheckboxModern">
+        <Property name="NormalTextColour" value="FFFFFFFF" redrawOnWrite="true" />
+        <ImagerySection name="label">
+            <TextComponent>
+                <Area>
+                    <Dim type="LeftEdge" >
+                        <ImageDim imageset="CGUI-Images" image="CheckboxNormalModern" dimension="Width">
+                            <DimOperator op="Add">
+                                <AbsoluteDim value="3" />
+                            </DimOperator>
+                        </ImageDim>
+                    </Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge" ><UnifiedDim scale="1" type="Width" /></Dim>
+                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+                </Area>
+                <VertFormat type="CentreAligned" />
+                <HorzFormat type="LeftAligned" />
+            </TextComponent>
+        </ImagerySection>
+        <ImagerySection name="normal">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+                </Area>
+                <Image imageset="CGUI-Images" image="CheckboxNormalModern" />
+                <VertFormat type="CentreAligned" />
+                <HorzFormat type="LeftAligned" />
+            </ImageryComponent>
+        </ImagerySection>
+        <ImagerySection name="hover">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+                </Area>
+                <Image imageset="CGUI-Images" image="CheckboxMarkHoverModern" />
+                <VertFormat type="CentreAligned" />
+                <HorzFormat type="LeftAligned" />
+            </ImageryComponent>
+        </ImagerySection>
+        <ImagerySection name="selectedhover">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+                </Area>
+                <Image imageset="CGUI-Images" image="CheckboxHoverModern" />
+                <VertFormat type="CentreAligned" />
+                <HorzFormat type="LeftAligned" />
+            </ImageryComponent>
+        </ImagerySection>
+        <ImagerySection name="selected">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+                </Area>
+                <Image imageset="CGUI-Images" image="CheckboxMarkModern" />
+                <VertFormat type="CentreAligned" />
+                <HorzFormat type="LeftAligned" />
+            </ImageryComponent>
+        </ImagerySection>
+        <StateImagery name="Normal">
+            <Layer>
+                <Section section="normal" />
+                <Section section="label">
+                    <ColourProperty name="NormalTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Hover">
+            <Layer>
+                <Section section="hover" />
+                <Section section="label">
+                    <ColourProperty name="HoverTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Disabled">
+            <Layer>
+                <Section section="normal">
+                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+                </Section>
+                <Section section="label">
+                    <ColourProperty name="DisabledTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="SelectedNormal">
+            <Layer>
+                <Section section="selected" />
+                <Section section="label">
+                    <ColourProperty name="NormalTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="SelectedHover">
+            <Layer>
+                <Section section="selectedhover" />
+                <Section section="label">
+                    <ColourProperty name="HoverTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="SelectedDisabled">
+            <Layer>
+                <Section section="selected">
+                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+                </Section>
+                <Section section="label">
+                    <ColourProperty name="DisabledTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+
+    <WidgetLook name="CGUI/RadioButtonModern">
+        <ImagerySection name="label">
+            <TextComponent>
+                <Area>
+                    <Dim type="LeftEdge" >
+                        <ImageDim imageset="CGUI-Images" image="RadioButtonNormalModern" dimension="Width">
+                            <DimOperator op="Add">
+                                <AbsoluteDim value="3" />
+                            </DimOperator>
+                        </ImageDim>
+                    </Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge" ><UnifiedDim scale="1" type="Width" /></Dim>
+                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+                </Area>
+                <VertFormat type="CentreAligned" />
+                <HorzFormat type="LeftAligned" />
+            </TextComponent>
+        </ImagerySection>
+        <ImagerySection name="normal">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+                </Area>
+                <Image imageset="CGUI-Images" image="RadioButtonNormalModern" />
+                <VertFormat type="CentreAligned" />
+                <HorzFormat type="LeftAligned" />
+            </ImageryComponent>
+        </ImagerySection>
+        <ImagerySection name="hover">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+                </Area>
+                <Image imageset="CGUI-Images" image="RadioButtonHoverModern" />
+                <VertFormat type="CentreAligned" />
+                <HorzFormat type="LeftAligned" />
+            </ImageryComponent>
+        </ImagerySection>
+        <ImagerySection name="selectedhover">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+                </Area>
+                <Image imageset="CGUI-Images" image="RadioButtonMarkHoverModern" />
+                <VertFormat type="CentreAligned" />
+                <HorzFormat type="LeftAligned" />
+            </ImageryComponent>
+        </ImagerySection>
+        <ImagerySection name="selected">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+                </Area>
+                <Image imageset="CGUI-Images" image="RadioButtonMarkModern" />
+                <VertFormat type="CentreAligned" />
+                <HorzFormat type="LeftAligned" />
+            </ImageryComponent>
+        </ImagerySection>
+        <StateImagery name="Normal">
+            <Layer>
+                <Section section="normal" />
+                <Section section="label">
+                    <ColourProperty name="NormalTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Hover">
+            <Layer>
+                <Section section="hover" />
+                <Section section="label">
+                    <ColourProperty name="HoverTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Disabled">
+            <Layer>
+                <Section section="normal">
+                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+                </Section>
+                <Section section="label">
+                    <ColourProperty name="DisabledTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="SelectedNormal">
+            <Layer>
+                <Section section="selected" />
+                <Section section="label">
+                    <ColourProperty name="NormalTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="SelectedHover">
+            <Layer>
+                <Section section="selectedhover" />
+                <Section section="label">
+                    <ColourProperty name="HoverTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="SelectedDisabled">
+            <Layer>
+                <Section section="normal">
+                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+                </Section>
+                <Section section="select_mark">
+                    <Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+                </Section>
+                <Section section="label">
+                    <ColourProperty name="DisabledTextColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+
+  <WidgetLook name="CGUI/ComboDropListModern">
+    <NamedArea name="ItemRenderingArea">
+      <Area>
+        <Dim type="LeftEdge" >
+          <ImageDim imageset="CGUI-Images" image="Frame2LeftModern" dimension="Width" />
+        </Dim>
+        <Dim type="TopEdge" >
+          <ImageDim imageset="CGUI-Images" image="Frame2TopModern" dimension="Height" />
+        </Dim>
+        <Dim type="RightEdge" >
+          <UnifiedDim scale="1" type="RightEdge">
+            <DimOperator op="Subtract">
+              <ImageDim imageset="CGUI-Images" image="Frame2RightModern" dimension="Width" />
+            </DimOperator>
+          </UnifiedDim>
+        </Dim>
+        <Dim type="BottomEdge" >
+          <UnifiedDim scale="1" type="BottomEdge">
+            <DimOperator op="Subtract">
+              <ImageDim imageset="CGUI-Images" image="Frame2BottomModern" dimension="Height" />
+            </DimOperator>
+          </UnifiedDim>
+        </Dim>
+      </Area>
+    </NamedArea>
+    <NamedArea name="ItemRenderingAreaHScroll">
+      <Area>
+        <Dim type="LeftEdge" >
+          <ImageDim imageset="CGUI-Images" image="Frame2LeftModern" dimension="Width" />
+        </Dim>
+        <Dim type="TopEdge" >
+          <ImageDim imageset="CGUI-Images" image="Frame2TopModern" dimension="Height" />
+        </Dim>
+        <Dim type="RightEdge" >
+          <UnifiedDim scale="1" type="RightEdge">
+            <DimOperator op="Subtract">
+              <ImageDim imageset="CGUI-Images" image="Frame2RightModern" dimension="Width" />
+            </DimOperator>
+          </UnifiedDim>
+        </Dim>
+        <Dim type="BottomEdge" >
+          <UnifiedDim scale="1" type="BottomEdge">
+            <DimOperator op="Subtract">
+              <WidgetDim widget="__auto_hscrollbar__" dimension="Height" />
+            </DimOperator>
+          </UnifiedDim>
+        </Dim>
+      </Area>
+    </NamedArea>
+    <NamedArea name="ItemRenderingAreaVScroll">
+      <Area>
+        <Dim type="LeftEdge" >
+          <ImageDim imageset="CGUI-Images" image="Frame2LeftModern" dimension="Width" />
+        </Dim>
+        <Dim type="TopEdge" >
+          <ImageDim imageset="CGUI-Images" image="Frame2TopModern" dimension="Height" />
+        </Dim>
+        <Dim type="RightEdge" >
+          <UnifiedDim scale="1" type="RightEdge">
+            <DimOperator op="Subtract">
+              <WidgetDim widget="__auto_vscrollbar__" dimension="Width" />
+            </DimOperator>
+          </UnifiedDim>
+        </Dim>
+        <Dim type="BottomEdge" >
+          <UnifiedDim scale="1" type="BottomEdge">
+            <DimOperator op="Subtract">
+              <ImageDim imageset="CGUI-Images" image="Frame2BottomModern" dimension="Height" />
+            </DimOperator>
+          </UnifiedDim>
+        </Dim>
+      </Area>
+    </NamedArea>
+    <NamedArea name="ItemRenderingAreaHVScroll">
+      <Area>
+        <Dim type="LeftEdge" >
+          <ImageDim imageset="CGUI-Images" image="Frame2LeftModern" dimension="Width" />
+        </Dim>
+        <Dim type="TopEdge" >
+          <ImageDim imageset="CGUI-Images" image="Frame2TopModern" dimension="Height" />
+        </Dim>
+        <Dim type="RightEdge" >
+          <UnifiedDim scale="1" type="RightEdge">
+            <DimOperator op="Subtract">
+              <WidgetDim widget="__auto_vscrollbar__" dimension="Width" />
+            </DimOperator>
+          </UnifiedDim>
+        </Dim>
+        <Dim type="BottomEdge" >
+          <UnifiedDim scale="1" type="BottomEdge">
+            <DimOperator op="Subtract">
+              <WidgetDim widget="__auto_hscrollbar__" dimension="Height" />
+            </DimOperator>
+          </UnifiedDim>
+        </Dim>
+      </Area>
+    </NamedArea>
+    <Child  type="CGUI/HorizontalScrollbarModern" nameSuffix="__auto_hscrollbar__">
+      <Area>
+        <Dim type="LeftEdge" >
+          <AbsoluteDim value="0" />
+        </Dim>
+        <Dim type="TopEdge" >
+          <AbsoluteDim value="0" />
+        </Dim>
+        <Dim type="Width" >
+          <UnifiedDim scale="1" offset="-20" type="Width" />
+        </Dim>
+        <Dim type="Height" >
+          <AbsoluteDim value="19" />
+        </Dim>
+      </Area>
+      <VertAlignment type="BottomAligned" />
+    </Child>
+    <Child  type="CGUI/VerticalScrollbarModern" nameSuffix="__auto_vscrollbar__">
+      <Area>
+        <Dim type="LeftEdge" >
+          <AbsoluteDim value="0" />
+        </Dim>
+        <Dim type="TopEdge" >
+          <AbsoluteDim value="0" />
+        </Dim>
+        <Dim type="Width" >
+          <AbsoluteDim value="19" />
+        </Dim>
+        <Dim type="Height" >
+          <UnifiedDim scale="1" offset="-20" type="Height" />
+        </Dim>
+      </Area>
+      <HorzAlignment type="RightAligned" />
+    </Child>
+    <ImagerySection name="main">
+      <FrameComponent>
+        <Area>
+          <Dim type="LeftEdge" >
+            <AbsoluteDim value="0" />
+          </Dim>
+          <Dim type="TopEdge" >
+            <AbsoluteDim value="0" />
+          </Dim>
+          <Dim type="Width" >
+            <UnifiedDim scale="1" type="Width" />
+          </Dim>
+          <Dim type="Height" >
+            <UnifiedDim scale="1" type="Height" />
+          </Dim>
+        </Area>
+        <Image type="TopLeftCorner" imageset="CGUI-Images" image="Frame2TopLeftModern" />
+        <Image type="TopRightCorner" imageset="CGUI-Images" image="Frame2TopRightModern" />
+        <Image type="BottomLeftCorner" imageset="CGUI-Images" image="Frame2BottomLeftModern" />
+        <Image type="BottomRightCorner" imageset="CGUI-Images" image="Frame2BottomRightModern" />
+        <Image type="LeftEdge" imageset="CGUI-Images" image="Frame2LeftModern" />
+        <Image type="RightEdge" imageset="CGUI-Images" image="Frame2RightModern" />
+        <Image type="TopEdge" imageset="CGUI-Images" image="Frame2TopModern" />
+        <Image type="BottomEdge" imageset="CGUI-Images" image="Frame2BottomModern" />
+        <Image type="Background" imageset="CGUI-Images" image="Frame2BackgroundModern" />
+      </FrameComponent>
+    </ImagerySection>
+    <StateImagery name="Enabled">
+      <Layer>
+        <Section section="main" />
+      </Layer>
+    </StateImagery>
+    <StateImagery name="Disabled">
+      <Layer>
+        <Section section="main">
+          <Colours topLeft="FF333333" topRight="FF333333" bottomLeft="FF333333" bottomRight="FF333333" />
+        </Section>
+      </Layer>
+    </StateImagery>
+  </WidgetLook>
+
+    <WidgetLook name="CGUI/ComboEditboxModern">
+        <PropertyDefinition name="ReadOnlyBGColour" initialValue="FFDFDFDF" />
+        <Property name="NormalTextColour" value="FFFFFFFF" redrawOnWrite="true" />
+        <Property name="SelectedTextColour" value="FF000000" redrawOnWrite="true" />
+        <Property name="ActiveSelectionColour" value="FF607FFF" redrawOnWrite="true" />
+        <Property name="InactiveSelectionColour" value="FF808080" redrawOnWrite="true" />
+        <NamedArea name="TextArea">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="7" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="3" /></Dim>
+                <Dim type="RightEdge" ><UnifiedDim scale="1.0" offset="-7" type="RightEdge" /></Dim>
+                <Dim type="BottomEdge" ><UnifiedDim scale="1.0" offset="-3" type="BottomEdge" /></Dim>
+            </Area>
+        </NamedArea>
+        <ImagerySection name="ComboEditboxFrame">
+            <FrameComponent>
+                <Area>
+                    <Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+                </Area>
+                <Image type="TopLeftCorner" imageset="CGUI-Images" image="FrameTopLeftModern" />
+                <Image type="TopRightCorner" imageset="CGUI-Images" image="FrameTopRightSquaredModern" />
+                <Image type="BottomLeftCorner" imageset="CGUI-Images" image="FrameBottomLeftModern" />
+                <Image type="BottomRightCorner" imageset="CGUI-Images" image="FrameBottomRightSquaredModern" />
+                <Image type="LeftEdge" imageset="CGUI-Images" image="FrameLeftModern" />
+                <Image type="TopEdge" imageset="CGUI-Images" image="FrameTopModern" />
+                <Image type="RightEdge" imageset="CGUI-Images" image="FrameRightModern" />
+                <Image type="BottomEdge" imageset="CGUI-Images" image="FrameBottomModern" />
+                <Image type="Background" imageset="CGUI-Images" image="GenericBrushModern" />
+            </FrameComponent>
+        </ImagerySection>
+        <ImagerySection name="selection">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
+                </Area>
+                <Image imageset="CGUI-Images" image="GenericBrushModern" />
+                <VertFormat type="Stretched" />
+                <HorzFormat type="Stretched" />
+            </ImageryComponent>
+        </ImagerySection>
+        <ImagerySection name="Carat">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="Width" ><AbsoluteDim value="2" /></Dim>
+                    <Dim type="BottomEdge" ><UnifiedDim scale="1.0" type="BottomEdge" /></Dim>
+                </Area>
+                <Image imageset="CGUI-Images" image="GenericBrushModern" />
+                <Colours topLeft="FFFFFFFF" topRight="FFFFFFFF" bottomLeft="FFFFFFFF" bottomRight="FFFFFFFF" />
+                <VertFormat type="Stretched" />
+                <HorzFormat type="Stretched" />
+            </ImageryComponent>
+        </ImagerySection>
+        <StateImagery name="Enabled">
+            <Layer>
+                <Section look="CGUI/ComboEditboxModern" section="ComboEditboxFrame" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="ReadOnly">
+            <Layer>
+                <Section look="CGUI/ComboEditboxModern" section="ComboEditboxFrame" >
+                    <ColourProperty name="ReadOnlyBGColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Disabled">
+            <Layer>
+                <Section look="CGUI/ComboEditboxModern" section="ComboEditboxFrame" >
+                    <ColourProperty name="ReadOnlyBGColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="ActiveSelection">
+            <Layer>
+                <Section section="selection">
+                    <ColourProperty name="ActiveSelectionColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+        <StateImagery name="InactiveSelection">
+            <Layer>
+                <Section section="selection">
+                    <ColourProperty name="InactiveSelectionColour" />
+                </Section>
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+
+  <WidgetLook name="CGUI/ComboboxModern">
+    <Child  type="CGUI/ComboEditboxModern" nameSuffix="__auto_editbox__">
+      <Area>
+        <Dim type="LeftEdge" >
+          <AbsoluteDim value="0" />
+        </Dim>
+        <Dim type="TopEdge" >
+          <AbsoluteDim value="0" />
+        </Dim>
+        <Dim type="RightEdge" >
+          <UnifiedDim scale="1" type="RightEdge">
+            <DimOperator op="Subtract">
+              <FontDim type="LineSpacing">
+                <DimOperator op="Multiply">
+                  <AbsoluteDim value="1.5" />
+                </DimOperator>
+              </FontDim>
+            </DimOperator>
+          </UnifiedDim>
+        </Dim>
+        <Dim type="Height" >
+          <FontDim type="LineSpacing">
+            <DimOperator op="Multiply">
+              <AbsoluteDim value="1.5" />
+            </DimOperator>
+          </FontDim>
+        </Dim>
+      </Area>
+    </Child>
+    <Child  type="CGUI/ComboDropListModern" nameSuffix="__auto_droplist__">
+      <Area>
+        <Dim type="LeftEdge" >
+          <AbsoluteDim value="0" />
+        </Dim>
+        <Dim type="TopEdge" >
+          <WidgetDim widget="__auto_editbox__" dimension="BottomEdge" />
+        </Dim>
+        <Dim type="Width" >
+          <UnifiedDim scale="1" type="Width" />
+        </Dim>
+        <Dim type="BottomEdge" >
+          <UnifiedDim scale="1" type="BottomEdge" />
+        </Dim>
+      </Area>
+    </Child>
+    <Child  type="CGUI/ImageButtonModern" nameSuffix="__auto_button__">
+      <Area>
+        <Dim type="LeftEdge" >
+          <AbsoluteDim value="0" />
+        </Dim>
+        <Dim type="TopEdge" >
+          <AbsoluteDim value="0" />
+        </Dim>
+        <Dim type="Width" >
+          <WidgetDim widget="__auto_editbox__" dimension="Height" />
+        </Dim>
+        <Dim type="Height" >
+          <WidgetDim widget="__auto_editbox__" dimension="Height" />
+        </Dim>
+      </Area>
+      <HorzAlignment type="RightAligned" />
+	  <Property name="NormalImage" value="set:CGUI-Images image:ComboboxButtonNormalModern" />
+	  <Property name="HoverImage" value="set:CGUI-Images image:ComboboxButtonHoverModern" />
+      <Property name="PushedImage" value="set:CGUI-Images image:ComboboxButtonHoverModern" />
+	  <Property name="DisabledImage" value="set:CGUI-Images image:ComboboxButtonNormalModern" />
+    </Child>
+    <StateImagery name="Enabled" />
+    <StateImagery name="Disabled" />
+  </WidgetLook>
+  
+    <WidgetLook name="CGUI/ImageButtonModern">
+        <Property name="VertImageFormatting" value="Stretched" redrawOnWrite="true" />
+        <Property name="HorzImageFormatting" value="Stretched" redrawOnWrite="true" />
+		<Property name="WantsMultiClickEvents" value="False" />
+        <ImagerySection name="normal">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+                </Area>
+                <ImageProperty name="NormalImage" />
+                <VertFormatProperty name="VertImageFormatting" />
+                <HorzFormatProperty name="HorzImageFormatting" />
+            </ImageryComponent>
+        </ImagerySection>
+        <ImagerySection name="hover">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+                </Area>
+                <ImageProperty name="HoverImage" />
+                <VertFormatProperty name="VertImageFormatting" />
+                <HorzFormatProperty name="HorzImageFormatting" />
+            </ImageryComponent>
+        </ImagerySection>
+        <ImagerySection name="pushed">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+                </Area>
+                <ImageProperty name="PushedImage" />
+                <VertFormatProperty name="VertImageFormatting" />
+                <HorzFormatProperty name="HorzImageFormatting" />
+            </ImageryComponent>
+        </ImagerySection>
+        <ImagerySection name="disabled">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                    <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+                </Area>
+                <ImageProperty name="DisabledImage" />
+                <VertFormatProperty name="VertImageFormatting" />
+                <HorzFormatProperty name="HorzImageFormatting" />
+            </ImageryComponent>
+        </ImagerySection>
+        <StateImagery name="Normal">
+            <Layer>
+                <Section section="normal" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Hover">
+            <Layer>
+                <Section section="hover" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Pushed">
+            <Layer>
+                <Section section="pushed" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="PushedOff">
+            <Layer>
+                <Section section="hover" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Disabled">
+            <Layer>
+                <Section section="disabled" />
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+</Falagard>
diff --git a/Shared/data/MTA San Andreas/MTA/cgui/modern/templates/scheme.xml b/Shared/data/MTA San Andreas/MTA/cgui/modern/templates/scheme.xml
new file mode 100644
index 0000000000..fa92aeb85d
--- /dev/null
+++ b/Shared/data/MTA San Andreas/MTA/cgui/modern/templates/scheme.xml	
@@ -0,0 +1,28 @@
+<?xml version="1.0" ?>
+<GUIScheme>
+	<FalagardMapping WindowType="CGUI/TitlebarModern" TargetType="Falagard/Titlebar" LookNFeel="CGUI/TitlebarModern" />
+	<FalagardMapping WindowType="CGUI/ButtonModern" TargetType="Falagard/Button" LookNFeel="CGUI/ButtonModern" />
+	<FalagardMapping WindowType="CGUI/FrameWindowModern" TargetType="Falagard/FrameWindow" LookNFeel="CGUI/FrameWindowModern" />
+	<FalagardMapping WindowType="CGUI/EditboxModern" TargetType="Falagard/Editbox" LookNFeel="CGUI/EditboxModern" />
+	<FalagardMapping WindowType="CGUI/VerticalScrollbarThumbModern" TargetType="Falagard/Thumb" LookNFeel="CGUI/VerticalScrollbarThumbModern" />
+	<FalagardMapping WindowType="CGUI/VerticalScrollbarModern" TargetType="Falagard/Scrollbar" LookNFeel="CGUI/VerticalScrollbarModern" />
+	<FalagardMapping WindowType="CGUI/HorizontalScrollbarThumbModern" TargetType="Falagard/Thumb" LookNFeel="CGUI/HorizontalScrollbarThumbModern" />
+	<FalagardMapping WindowType="CGUI/HorizontalScrollbarModern" TargetType="Falagard/Scrollbar" LookNFeel="CGUI/HorizontalScrollbarModern" />
+	<FalagardMapping WindowType="CGUI/StaticImageModern" TargetType="Falagard/StaticImage" LookNFeel="CGUI/StaticImageModern" />
+	<FalagardMapping WindowType="CGUI/StaticTextModern" TargetType="Falagard/StaticText" LookNFeel="CGUI/StaticTextModern" />
+	<FalagardMapping WindowType="CGUI/MultiLineEditboxModern" TargetType="Falagard/MultiLineEditbox" LookNFeel="CGUI/MultiLineEditboxModern" />
+	<FalagardMapping WindowType="CGUI/MultiColumnListModern" TargetType="Falagard/MultiColumnList" LookNFeel="CGUI/MultiColumnListModern" />
+	<FalagardMapping WindowType="CGUI/ListHeaderModern" TargetType="Falagard/ListHeader" LookNFeel="CGUI/ListHeaderModern" />
+	<FalagardMapping WindowType="CGUI/ListHeaderSegmentModern" TargetType="Falagard/ListHeaderSegment" LookNFeel="CGUI/ListHeaderSegmentModern" />
+  <FalagardMapping WindowType="CGUI/TabButtonModern" TargetType="Falagard/TabButton" LookNFeel="CGUI/TabButtonModern" />
+	<FalagardMapping WindowType="CGUI/TabControlModern" TargetType="Falagard/TabControl" LookNFeel="CGUI/TabControlModern" />
+	<FalagardMapping WindowType="CGUI/TabPaneModern" TargetType="Falagard/TabPane" LookNFeel="CGUI/TabPaneModern" />
+	<FalagardMapping WindowType="CGUI/ProgressBarModern" TargetType="Falagard/ProgressBar" LookNFeel="CGUI/ProgressBarModern" />
+	<FalagardMapping WindowType="CGUI/CheckboxModern" TargetType="Falagard/Checkbox" LookNFeel="CGUI/CheckboxModern" />
+	<FalagardMapping WindowType="CGUI/RadioButtonModern" TargetType="Falagard/RadioButton" LookNFeel="CGUI/RadioButtonModern" />
+	<FalagardMapping WindowType="CGUI/ScrollablePaneModern" TargetType="Falagard/ScrollablePane" LookNFeel="CGUI/ScrollablePaneModern" />
+	<FalagardMapping WindowType="CGUI/ComboDropListModern" TargetType="Falagard/ComboDropList" LookNFeel="CGUI/ComboDropListModern" />
+	<FalagardMapping WindowType="CGUI/ComboEditboxModern" TargetType="Falagard/Editbox" LookNFeel="CGUI/ComboEditboxModern" />
+	<FalagardMapping WindowType="CGUI/ComboboxModern" TargetType="Falagard/Combobox" LookNFeel="CGUI/ComboboxModern" />
+	<FalagardMapping WindowType="CGUI/ImageButtonModern" TargetType="Falagard/Button" LookNFeel="CGUI/ImageButtonModern" />
+</GUIScheme>
diff --git a/Shared/sdk/xml/CXMLNode.h b/Shared/sdk/xml/CXMLNode.h
index 80051930e6..016175928f 100644
--- a/Shared/sdk/xml/CXMLNode.h
+++ b/Shared/sdk/xml/CXMLNode.h
@@ -53,7 +53,7 @@ class CXMLNode : public CXMLCommon
     virtual void SetTagContentf(const char* szFormat, ...) = 0;
 
     virtual CXMLNode* CopyNode(CXMLNode* pParent) = 0;
-    virtual bool      CopyChildrenInto(CXMLNode* pDestination, bool bRecursive) = 0;
+    virtual bool      CopyChildrenInto(CXMLNode* pDestination, bool bRecursive, bool bDelete = true) = 0;
 
     virtual bool IsValid() = 0;
 
@@ -62,4 +62,5 @@ class CXMLNode : public CXMLCommon
     virtual void    SetCommentText(const char* szCommentText, bool bLeadingBlankLine = false) = 0;
 
     virtual std::string ToString() = 0;
+    virtual void        AddToList(CXMLNode* pNode) = 0;
 };