<!DOCTYPE HTML>

<html>

<head>
    <title>WiseMapping - Editor </title>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
</head>

<body>
    <div id="header">

        <div id="headerInfo">
            <div id="headerActions"></div>
            <div id="headerLogo"></div>
            <div id="headerMapTitle">Title: <span>Welcome</span></div>
        </div>
        <div id="toolbar">
            <div id="editTab" class="tabContent">
                <div id="persist" class="buttonContainer">
                    <div id="save" class="buttonOn">
                        <img src="images/save.png" />
                    </div>
                    <div id="discard" class="buttonOn">
                        <img src="images/discard.png" />
                    </div>
                </div>
                <div id="edit" class="buttonContainer">
                    <div id="undoEdition" class="buttonOn">
                        <img src="images/undo.png" />
                    </div>
                    <div id="redoEdition" class="buttonOn">
                        <img src="images/redo.png" />
                    </div>
                </div>
                <div id="zoom" class="buttonContainer">
                    <div id="zoomIn" class="buttonOn">
                        <img src="images/zoom-in.png" />
                    </div>
                    <div id="zoomOut" class="buttonOn">
                        <img src="images/zoom-out.png" />
                    </div>
                </div>
                <div id="node" class="buttonContainer">
                    <div id="topicShape" class="buttonExtOn">
                        <img src="images/topic-shape.png" />
                    </div>
                    <div id="addTopic" class="buttonOn">
                        <img src="images/topic-add.png" />
                    </div>
                    <div id="deleteTopic" class="buttonOn">
                        <img src="images/topic-delete.png" />
                    </div>
                    <div id="topicBorder" class="buttonOn">
                        <img src="images/topic-border.png" />
                    </div>
                    <div id="topicColor" class="buttonExtOn">
                        <img src="images/topic-color.png" />
                    </div>
                    <div id="topicIcon" class="buttonExtOn">
                        <img src="images/topic-icon.png" />
                    </div>
                    <div id="topicNote" class="buttonOn">
                        <img src="images/topic-note.png" />
                    </div>
                    <div id="topicLink" class="buttonOn">
                        <img src="images/topic-link.png" />
                    </div>
                    <div id="topicRelation" class="buttonOn">
                        <img src="images/topic-relation.png" />
                    </div>
                </div>
                <div id="font" class="buttonContainer">
                    <div id="fontFamily" class="buttonOn">
                        <img src="images/font-type.png" />
                    </div>
                    <div id="fontSize" class="buttonExtOn">
                        <img src="images/font-size.png" />
                    </div>
                    <div id="fontBold" class="buttonOn">
                        <img src="images/font-bold.png" />
                    </div>
                    <div id="fontItalic" class="buttonOn">
                        <img src="images/font-italic.png" />
                    </div>
                    <div id="fontColor" class="buttonExtOn" style="padding-top:4px">
                        <img src="images/font-color.png" />

                    </div>
                </div>
            </div>
        </div>
        <div id="headerNotifier"></div>
    </div>

    <div id="mindplot" onselectstart="return false;"></div>
</body>

</html>