diff --git a/wise-doc/src/main/webapp/css/thirdparty.css b/mindplot/src/main/javascript/widget/lightbox.css
similarity index 62%
rename from wise-doc/src/main/webapp/css/thirdparty.css
rename to mindplot/src/main/javascript/widget/lightbox.css
index 5c1bf0d8..71654504 100644
--- a/wise-doc/src/main/webapp/css/thirdparty.css
+++ b/mindplot/src/main/javascript/widget/lightbox.css
@@ -1,59 +1,49 @@
-/***************************************************************************************************
-Title : Lightbox CSS
-Author : Kevin Hale
-URL : http://particletree.com/features/lightbox-gone-wild/
-
-Created : January 13, 2006
-Modified : February 1, 2006
-
-/*******************************************/
-
-#lightbox {
-    display: none;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    z-index: 9999;
-    width: 300px;
-    height: 300px;
-    margin: -150px 0 0 -150px;
-}
-
-#lightbox[id] {
-    position: fixed;
-}
-
-#overlay-lightbox {
-    display: none;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 3000px; /* IE hack */
-    height: 3000px; /* IE hack */
-    z-index: 5000;
-    /*background-color: snow;*/
-    background-color:#000;
-    -moz-opacity: 0.8;
-    opacity: .80;
-    filter: alpha( opacity = 80 );
-}
-
-#overlay-lightbox[id] {
-    position: fixed;
-}
-
-#lightbox.done #lbLoadMessage {
-    display: none;
-}
-
-#lightbox.done #lbContent {
-    display: block;
-}
-
-#lightbox.loading #lbContent {
-    display: none;
-}
-
-#lightbox.loading #lbLoadMessage {
-    display: block;
+#lightbox {
+    display: none;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 9999;
+    width: 300px;
+    height: 300px;
+    margin: -150px 0 0 -150px;
+}
+
+#lightbox[id] {
+    position: fixed;
+}
+
+#overlay-lightbox {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 3000px; /* IE hack */
+    height: 3000px; /* IE hack */
+    z-index: 5000;
+    /*background-color: snow;*/
+    background-color: #000;
+    -moz-opacity: 0.8;
+    opacity: .80;
+    filter: alpha(opacity = 80);
+}
+
+#overlay-lightbox[id] {
+    position: fixed;
+}
+
+#lightbox.done #lbLoadMessage {
+    display: none;
+}
+
+#lightbox.done #lbContent {
+    display: block;
+}
+
+#lightbox.loading #lbContent {
+    display: none;
+}
+
+#lightbox.loading #lbLoadMessage {
+    display: block;
 }
\ No newline at end of file
diff --git a/wise-doc/src/main/webapp/css/commonLibs.css b/wise-doc/src/main/webapp/css/commonLibs.css
deleted file mode 100644
index 6bb678ff..00000000
--- a/wise-doc/src/main/webapp/css/commonLibs.css
+++ /dev/null
@@ -1,73 +0,0 @@
-/*Moodal Dialog styles*/
-
-/* moodalbox CSS */
-
-div#mb_overlay {
-    position: absolute;
-    left: 0;
-    width: 100%;
-    background-color: #000;
-    cursor: pointer;
-    z-index: 98;
-}
-
-div#mb_center, div#mb_bottom {
-    position: absolute;
-    left: 50%;
-    overflow: hidden;
-    background-color: #DDD;
-    z-index: 98;
-}
-
-div#mb_center {
-    background-color: #FFF;
-}
-
-div#mb_contents {
-    width: 400px;
-    height: 400px;
-    border: 10px solid #DDD;
-    overflow: auto;
-    background-color: #FFF;
-    visibility: hidden;
-}
-
-.mb_loading {
-    background: #DDD url( ../images/loading.gif ) no-repeat center center;
-}
-
-#mb_error {
-    font-size: 1.2em;
-    color: #CD0000;
-    font-weight: bold;
-    text-align: center;
-    padding: 0.5em;
-    font-family: Verdana, Helvetica, sans-serif;
-}
-
-#mb_error em {
-    font-size: 0.8em;
-}
-
-div#mb_bottom {
-    font-family: Verdana, Helvetica, sans-serif;
-    font-size: 10px;
-    color: #666;
-    line-height: 1.4em;
-    text-align: left;
-    border: 10px solid #DDD;
-    border-top-style: none;
-}
-
-a#mb_close_link {
-    display: block;
-    float: right;
-    width: 66px;
-    height: 22px;
-    background: transparent url( ../images/closelabel.gif ) no-repeat center;
-    margin: 5px 0;
-}
-
-div#mb_caption {
-    margin-right: 71px;
-}
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/css/commonLibs.css b/wise-webapp/src/main/webapp/css/commonLibs.css
deleted file mode 100644
index 6bb678ff..00000000
--- a/wise-webapp/src/main/webapp/css/commonLibs.css
+++ /dev/null
@@ -1,73 +0,0 @@
-/*Moodal Dialog styles*/
-
-/* moodalbox CSS */
-
-div#mb_overlay {
-    position: absolute;
-    left: 0;
-    width: 100%;
-    background-color: #000;
-    cursor: pointer;
-    z-index: 98;
-}
-
-div#mb_center, div#mb_bottom {
-    position: absolute;
-    left: 50%;
-    overflow: hidden;
-    background-color: #DDD;
-    z-index: 98;
-}
-
-div#mb_center {
-    background-color: #FFF;
-}
-
-div#mb_contents {
-    width: 400px;
-    height: 400px;
-    border: 10px solid #DDD;
-    overflow: auto;
-    background-color: #FFF;
-    visibility: hidden;
-}
-
-.mb_loading {
-    background: #DDD url( ../images/loading.gif ) no-repeat center center;
-}
-
-#mb_error {
-    font-size: 1.2em;
-    color: #CD0000;
-    font-weight: bold;
-    text-align: center;
-    padding: 0.5em;
-    font-family: Verdana, Helvetica, sans-serif;
-}
-
-#mb_error em {
-    font-size: 0.8em;
-}
-
-div#mb_bottom {
-    font-family: Verdana, Helvetica, sans-serif;
-    font-size: 10px;
-    color: #666;
-    line-height: 1.4em;
-    text-align: left;
-    border: 10px solid #DDD;
-    border-top-style: none;
-}
-
-a#mb_close_link {
-    display: block;
-    float: right;
-    width: 66px;
-    height: 22px;
-    background: transparent url( ../images/closelabel.gif ) no-repeat center;
-    margin: 5px 0;
-}
-
-div#mb_caption {
-    margin-right: 71px;
-}
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/css/editor.css b/wise-webapp/src/main/webapp/css/editor.css
index d6b71201..c27b9d86 100644
--- a/wise-webapp/src/main/webapp/css/editor.css
+++ b/wise-webapp/src/main/webapp/css/editor.css
@@ -1,6 +1,6 @@
 @import "common.css";
-@import "commonLibs.css";
-@import "thirdparty.css";
+@import "widget/lightbox.css";
+@import "libraries/moodialog/css/MooDialog.css";
 
 html {
     overflow: hidden;
@@ -735,4 +735,20 @@ div#toolbar .topicRelation:hover {
 
 div#toolbar .relationshiplabel {
     width: 56px;
+}
+
+div#toolbar .buttonActive {
+    width: 32px;
+    height: 36px;
+    float: left;
+    margin: 0 1px;
+    cursor: pointer;
+    border: 1px solid black;
+    border-top-color: white;
+    border-left-color: white;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -o-user-select: none;
+    user-select: none;
 }
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/css/thirdparty.css b/wise-webapp/src/main/webapp/css/thirdparty.css
deleted file mode 100644
index 3dbd98b5..00000000
--- a/wise-webapp/src/main/webapp/css/thirdparty.css
+++ /dev/null
@@ -1,272 +0,0 @@
-/***************************************************************************************************
-Title : Lightbox CSS
-Author : Kevin Hale
-URL : http://particletree.com/features/lightbox-gone-wild/
-
-Created : January 13, 2006
-Modified : February 1, 2006
-
-/*******************************************/
-
-#lightbox {
-    display: none;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    z-index: 9999;
-    width: 300px;
-    height: 300px;
-    margin: -150px 0 0 -150px;
-}
-
-#lightbox[id] {
-    position: fixed;
-}
-
-#overlay {
-    display: none;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 3000px; /* IE hack */
-    height: 3000px; /* IE hack */
-    z-index: 5000;
-    background-color: snow;
-    -moz-opacity: 0.8;
-    opacity: .80;
-    filter: alpha( opacity = 80 );
-}
-
-#overlay[id] {
-    position: fixed;
-}
-
-#lightbox.done #lbLoadMessage {
-    display: none;
-}
-
-#lightbox.done #lbContent {
-    display: block;
-}
-
-#lightbox.loading #lbContent {
-    display: none;
-}
-
-#lightbox.loading #lbLoadMessage {
-    display: block;
-}
-
-/*Pop Up Menu*/
-.leftMenu {
-    float: left;
-}
-
-.subMenu2 {
-    visibility: hidden;
-    position: absolute;
-    z-index: 4;
-    background-color: white;
-    border: 1px solid black;
-    clear: both;
-    text-align:left;
-    width: 90px;
-}
-
-.subMenu2 {
-
-    border: 1px solid #093a9d;
-    background-color: #E2F0F6;
-}
-
-.subMenu2 a {
-    display: block;
-    text-decoration: none; /*margin: 4px;*/
-    font-size: 13px;
-    padding: 3px;
-}
-
-.subMenu2Sep {
-
-    border-bottom: 1px solid  #093a9d;
-}
-
-.subMenu2 a:hover, .subMenu2 .menuButton:hover {
-    background-color: #4D79CF;
-    color: white;
-}
-
-.subMenu .menuLink {
-    padding: 4px;
-}
-
-.subMenu2 .menuButton {
-    cursor: pointer;
-    font-size: 13px;
-    padding: 5px;
-    color: black;
-}
-
-/* Windoo main window and frames */
-div.windoo {
-    position: absolute;
-    /*overflow: hidden;*/
-}
-
-div.windoo .windoo-drag {
-    cursor: move;
-}
-
-div.windoo div.windoo-body {
-    position: relative;
-    overflow: auto;
-    width: auto;
-    padding: 0;
-    text-align: left;
-}
-
-div.windoo div.windoo-frame {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    line-height: 0;
-}
-
-div.windoo div.windoo-frame .strut {
-    line-height: 0;
-    font-size: 0px;
-}
-
-div.windoo div.windoo-frame .title {
-    overflow: hidden;
-}
-
-div.windoo div.windoo-frame .title .title-text {
-    width: 100%;
-    overflow: hidden;
-}
-
-/* Windoo buttons */
-div.windoo a.windoo-button {
-    position: absolute;
-    display: block;
-    text-align: center;
-    text-decoration: none;
-    overflow: hidden;
-    text-indent: -1000em;
-    outline: none;
-    z-index: 10;
-}
-
-/* Minimized and maximazed states */
-div.windoo-maximized .windoo-sizer, div.windoo-minimized .windoo-sizer, div.windoo-rolled .windoo-sizer, div.windoo-minimized a.windoo-button {
-    display: none !important;
-}
-
-div.windoo-minimized a.windoo-restore {
-    display: block !important;
-}
-
-div.windoo-minimized div.windoo-body, div.windoo-minimized .windoo-pane,
-    div.windoo-rolled div.windoo-body, div.windoo-rolled .windoo-pane {
-    display: none !important;
-}
-
-/* Windoo sizers */
-div.windoo .windoo-sizer {
-    position: absolute;
-    overflow: hidden;
-    background: url( '../images/s.gif' );
-    z-index: 5;
-    -moz-user-select: none;
-}
-
-div.windoo .windoo-north {
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 6px;
-    cursor: n-resize;
-}
-
-div.windoo .windoo-south {
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: 6px;
-    cursor: s-resize;
-}
-
-div.windoo .windoo-west {
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 6px;
-    cursor: w-resize;
-}
-
-div.windoo .windoo-east {
-    top: 0;
-    right: 0;
-    height: 100%;
-    width: 6px;
-    cursor: e-resize;
-}
-
-div.windoo .windoo-nw,
-    div.windoo .windoo-ne,
-    div.windoo .windoo-sw,
-    div.windoo .windoo-se {
-    width: 9px;
-    height: 9px;
-}
-
-div.windoo .windoo-nw {
-    top: 0;
-    left: 0;
-    cursor: nw-resize;
-}
-
-div.windoo .windoo-ne {
-    top: 0;
-    right: 0;
-    cursor: ne-resize;
-}
-
-div.windoo .windoo-sw {
-    bottom: 0;
-    left: 0;
-    cursor: sw-resize;
-}
-
-div.windoo .windoo-se {
-    bottom: 0;
-    right: 0;
-    cursor: se-resize;
-}
-
-/* Windoo ghost sizer */
-div.windoo-ghost {
-    border: dotted #0d0 2px;
-    position: absolute;
-    -moz-user-select: none;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    background: transparent url( '../images/s.gif' );
-}
-
-/* Windoo simple shadow */
-div.windoo-shadow-simple {
-    position: absolute;
-    padding: 0;
-    overflow: hidden;
-}
-
-div.windoo-shadow-simple div.c {
-}
-
-/* Modal window shadow overlay */
-div.windoo-modal-overlay {
-}
diff --git a/wise-webapp/src/main/webapp/jsp/mindmapEditor.jsp b/wise-webapp/src/main/webapp/jsp/mindmapEditor.jsp
index e61ba6d0..fe14b33a 100644
--- a/wise-webapp/src/main/webapp/jsp/mindmapEditor.jsp
+++ b/wise-webapp/src/main/webapp/jsp/mindmapEditor.jsp
@@ -14,20 +14,16 @@
     <meta http-equiv="X-UA-Compatible" content="chrome=1">
     <![endif]-->
 
-    <!-- Internet Explorer 8 Hack -->
     <meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
     <title><spring:message code="SITE.TITLE"/> - ${mindmap.title} </title>
     <link rel="stylesheet" type="text/css" href="../css/editor.css"/>
-    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/thirdparty.css"/>
-    <script type='text/javascript'
-            src='https://ajax.googleapis.com/ajax/libs/mootools/1.3.2/mootools-yui-compressed.js'></script>
-    <script type='text/javascript' src='../js/libraries/mootools/mootools-more-1.3.2.1-yui.js'></script>
 
+    <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/mootools/1.3.2/mootools-yui-compressed.js'></script>
+    <script type='text/javascript' src='../js/libraries/mootools/mootools-more-1.3.2.1-yui.js'></script>
     <script type="text/javascript" src="../dwr/engine.js"></script>
     <script type="text/javascript" src="../dwr/interface/LoggerService.js"></script>
-
-    <script type='text/javascript' src='../js/editorLib.js'></script>
     <script type='text/javascript' src='../js/core.js'></script>
+    <script type='text/javascript' src='../js/editorLib.js'></script>
 
     <link rel="icon" href="../images/favicon.ico" type="image/x-icon">
     <link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon">