Add documentation to master branch

Change-Id: I2504bb10f1ae73ec0cbc08b7ba5a88925caa1674
author: Markus Koivisto <markus@vaadin.com> 2016-01-22 14:55:18 +0200
committer: Markus Koivisto <markus@vaadin.com> 2016-01-22 14:55:18 +0200
commit: 99d6de546c74f0eed230ea8253dda6b85109d2e7 (patch)
tree: 10fc21c557566fe3241e6e13499df18d80f8dcb2 /documentation/gwt
parent: 610736d9f373d4b37fd39ff8f90aabd13eab7926 (diff)
download: vaadin-framework-99d6de546c74f0eed230ea8253dda6b85109d2e7.tar.gz
vaadin-framework-99d6de546c74f0eed230ea8253dda6b85109d2e7.zip
34 files changed, 13514 insertions, 0 deletions
diff --git a/documentation/gwt/chapter-gwt.asciidoc b/documentation/gwt/chapter-gwt.asciidoc
new file mode 100644
index 0000000000..32f6e09ccf
--- /dev/null
+++ b/documentation/gwt/chapter-gwt.asciidoc
@@ -0,0 +1,39 @@
+[[gwt]]
+== Integrating with the Server-Side
+
+((("Google Web Toolkit", "widgets", id="term.gwt", range="startofrange")))
+
+
+((("widgets")))
+This chapter describes how you can integrate client-side widgets or JavaScript
+components with a server-side component. The client-side implementations of all
+standard server-side components in Vaadin use the same client-side interfaces
+and patterns.
+
+
+include::gwt-overview.asciidoc[leveloffset=+2]
+
+include::gwt-eclipse.asciidoc[leveloffset=+2]
+
+include::gwt-server-side.asciidoc[leveloffset=+2]
+
+include::gwt-connector.asciidoc[leveloffset=+2]
+
+include::gwt-shared-state.asciidoc[leveloffset=+2]
+
+include::gwt-rpc.asciidoc[leveloffset=+2]
+
+include::gwt-extension.asciidoc[leveloffset=+2]
+
+include::gwt-styling.asciidoc[leveloffset=+2]
+
+include::gwt-componentcontainer.asciidoc[leveloffset=+2]
+
+include::gwt-advanced.asciidoc[leveloffset=+2]
+
+include::gwt-addons.asciidoc[leveloffset=+2]
+
+include::gwt-vaadin-6-migration.asciidoc[leveloffset=+2]
+
+include::gwt-javascript.asciidoc[leveloffset=+2]
+(((range="endofrange", startref="term.gwt")))
diff --git a/documentation/gwt/gwt-addons.asciidoc b/documentation/gwt/gwt-addons.asciidoc
new file mode 100644
index 0000000000..df2e2f268f
--- /dev/null
+++ b/documentation/gwt/gwt-addons.asciidoc
@@ -0,0 +1,318 @@
+---
+title: Creating Add-ons
+order: 11
+layout: page
+---
+
+[[gwt.addons]]
+= Creating Add-ons
+
+((("add-ons", "creating", id="term.gwt.addons", range="startofrange")))
+
+
+Add-ons are the most convenient way to reuse Vaadin code, either commercially or
+free. Vaadin Directory serves as the store for the add-ons. You can distribute
+add-ons both as JAR libraries and Zip packages.
+
+Creating a typical add-on package involves the following tasks:
+
+* Compile server-side classes
+* Compile JavaDoc (optional)
+* Build the JAR
+
+** Include Vaadin add-on manifest
+** Include the compiled server-side classes
+** Include the compiled JavaDoc (optional)
+** Include sources of client-side classes for widget set compilation (optional)
+** Include any JavaScript dependency libraries (optional)
+** Exclude any test or demo code in the project
+
+
+The exact contents depend on the add-on type. Component add-ons often include a
+widget set, but not always, such as JavaScript components or pure server-side
+components. You can also have data container and theme add-ons, as well as
+various tools.
+
+It is common to distribute the JavaDoc in a separate JAR, but you can also
+include it in the same JAR.
+
+[[gwt.addons.export]]
+== Exporting Add-on in Eclipse
+
+If you use the Vaadin Plugin for Eclipse for your add-on project, you can simply
+export the add-on from Eclipse.
+
+. Select the project and then "File > Export" from the menu
+
+. In the export wizard that opens, select "Vaadin > Vaadin Add-on Package", and
+click [guibutton]#Next#
+
+. In the [guilabel]#Select the resources to export# panel, select the content that
+should be included in the add-on package. In general, you should include sources
+in [filename]#src# folder (at least for the client-side package), compiled
+server-side classes, themes in [filename]#WebContent/VAADIN/themes#. These are
+all included automatically. You probably want to leave out any demo or example
+code.
+
++
+[[figure.gwt.addons.export]]
+.Exporting a Vaadin Add-on
+image::img/addon-export.png[]
+
++
+If you are submitting the add-on to Vaadin Directory, the
+[guilabel]#Implementation title# should be exactly the name of the add-on in
+Directory. The name may contain spaces and most other letters. Notice that __it
+is not possible to change the name later__.
+
++
+The [guilabel]#Implementation version# is the version of your add-on. Typically
+experimental or beta releases start from 0.1.0, and stable releases from 1.0.0.
+
++
+The [guilabel]#Widgetsets# field should list the widget sets included in the
+add-on, separated by commas. The widget sets should be listed by their class
+name, that is, without the [filename]#.gwt.xml# extension.
+
++
+The [guilabel]#JAR file# is the file name of the exported JAR file. It should
+normally include the version number of the add-on. You should follow the Maven
+format for the name, such as [filename]#myaddon-1.0.0.jar#.
+
++
+Finally, click [guibutton]#Finish#.
+
+
+
+ifdef::web[]
+[[gwt.addons.ant]]
+== Building Add-on with Ant
+
+Building an add-on with Ant is similar to building Vaadin applications. Vaadin
+libraries and other dependencies are retrieved and included in the classpath
+using Apache Ivy.
+
+In the following, we assume the same structure as in the Eclipse project
+example. Let us put the build script in the [filename]#build# folder under the
+project. We begin the Ant script as follows:
+
+[subs="normal"]
+----
+&lt;?xml version="1.0"?&gt;
+
+&lt;project xmlns:ivy="antlib:org.apache.ivy.ant"
+         name="**My Own add-on**"
+         basedir=".."
+         default="package-jar"&gt;
+
+----
+The namespace declaration is all you need to do to enable Ivy in Ant 1.6 and
+later. For earlier Ant versions, please see the Ivy documentation.
+
+[[gwt.addons.ant.configuration]]
+=== Configuration and Initialization
+
+In the example script, we organize most settings in a [literal]#++configure++#
+target and then initialize the build in [literal]#++init++# target.
+
+[subs="normal"]
+----
+//Update these settings for your project structure
+
+&lt;target name="configure"&gt;
+    &lt;!-- Where project source files are located --&gt;
+    &lt;property name="src-location" value="**src**" /&gt;
+        
+    &lt;!-- Name of the widget set. --&gt;
+    &lt;property name="widgetset" value="**com.example.myaddon.widgetset.MyAddonWidgetset**"/&gt;
+
+    &lt;!-- Addon version --&gt;
+    &lt;property name="version" value="**0.1.0**"/&gt;
+    
+    &lt;!-- Compilation result directory --&gt;
+    &lt;property name="result-dir" value="build/result"/&gt;
+    
+    &lt;!-- The target name of the built add-on JAR --&gt;
+    &lt;property name="target-jar"
+        value="${result-dir}/**myaddon**-${version}.jar"/&gt;
+&lt;/target&gt;
+
+//Initialize build
+
+&lt;target name="init" depends="configure"&gt;
+    &lt;!-- Construct and check classpath --&gt;
+    &lt;path id="compile.classpath"&gt;
+        &lt;pathelement path="build/classes" /&gt;
+        &lt;pathelement path="${src-location}" /&gt;
+        &lt;fileset dir="${result-dir}/lib"&gt;
+            &lt;include name="*.jar"/&gt;
+        &lt;/fileset&gt;
+    &lt;/path&gt;
+
+    &lt;mkdir dir="${result-dir}"/&gt;
+&lt;/target&gt;
+
+----
+You will need to make some configuration also in the [literal]#++package-jar++#
+target in addition to the [literal]#++configure++# target.
+
+
+[[gwt.addons.ant.compiling]]
+=== Compiling the Server-Side
+
+Compiling the add-on requires the Vaadin libraries and any dependencies. We use
+Apache Ivy for resolving the dependencies and retrieving the library JARs.
+
+
+----
+<!-- Retrieve dependencies with Ivy -->
+<target name="resolve" depends="init">
+    <ivy:retrieve
+        pattern="${result-dir}/lib/[artifact].[ext]"/>
+</target>
+----
+
+The [literal]#++pattern++# attribute for the [literal]#++<retrieve>++# task
+specifies where the dependencies are stored, in the above case in the
+[filename]#build/result/lib# directory.
+
+Compiling the server-side classes is then straight-forward:
+
+
+----
+<!-- Compile server-side -->
+<target name="compile-server-side"
+        depends="init, resolve">
+    <delete dir="${result-dir}/classes"/>
+    <mkdir dir="${result-dir}/classes"/>
+
+    <javac srcdir="${src-location}"
+           destdir="${result-dir}/classes">
+        <classpath>
+            <path refid="compile.classpath"/>
+        </classpath>
+    </javac>
+</target>
+----
+
+
+[[gwt.addons.ant.javadoc]]
+=== Compiling the JavaDoc
+
+You may want to include API documentation for the add-on in the same or in a
+different JAR file. You can do it as follows, using the configuration we defined
+earlier. You may want to exclude the client-side classes and any test and demo
+classes from the JavaDoc, as is done in this example, if they are in the same
+source tree.
+
+[subs="normal"]
+----
+&lt;!-- Compile JavaDoc --&gt;
+&lt;target name="compile-javadoc" depends="init"&gt;
+    &lt;delete dir="${result-dir}/javadoc"/&gt;
+    &lt;mkdir dir="${result-dir}/javadoc"/&gt;
+
+    &lt;javadoc destdir="${result-dir}/javadoc"&gt;
+        &lt;sourcefiles&gt;
+            &lt;fileset dir="${src-location}" id="src"&gt;
+                &lt;include name="**/*.java"/&gt;
+                
+                &lt;!-- Excluded stuff from the package --&gt;
+                &lt;exclude name="**++*++++*++/client/++*++++*++/++*++**"/&gt;
+                &lt;exclude name="**++*++++*++/demo/++*++++*++/++*++**"/&gt;
+                &lt;exclude name="**++*++++*++/MyDemoUI.java**"/&gt;
+            &lt;/fileset&gt;
+        &lt;/sourcefiles&gt;
+        &lt;classpath&gt;
+            &lt;path refid="compile.classpath"/&gt;
+        &lt;/classpath&gt;
+    &lt;/javadoc&gt;
+&lt;/target&gt;
+----
+
+[[gwt.addons.ant.package]]
+=== Packaging the JAR
+
+An add-on JAR typically includes the following:
+
+* Vaadin add-on manifest
+* The compiled server-side classes
+* The compiled JavaDoc (optional)
+* Sources of client-side classes (optional)
+* Any JavaScript dependency libraries (optional)
+
+Let us begin crafting the target. The JAR requires the compiled server-side
+classes and the optional API documentation.
+
+
+----
+<!-- Build the JAR -->
+<target name="package-jar"
+        depends="compile-server-side, compile-javadoc">
+    <jar jarfile="${target-jar}" compress="true">
+----
+
+First, you need to include a manifest that defines basic information about the
+add-on. The implementation title must be the exact title of the add-on, as shown
+in the Vaadin Directory title. The vendor is you. The manifest also includes the
+license title and file reference for the add-on.
+
+[subs="normal"]
+----
+&lt;!-- Manifest required by Vaadin Directory --&gt;
+&lt;manifest&gt;
+    &lt;attribute name="Vaadin-Package-Version"
+               value="1" /&gt;
+    &lt;attribute name="Vaadin-Widgetsets"
+               value="${widgetset}" /&gt;
+    &lt;attribute name="Implementation-Title"
+               value="**My Own Addon**" /&gt;
+    &lt;attribute name="Implementation-Version"
+               value="${version}" /&gt;
+    &lt;attribute name="Implementation-Vendor"
+               value="**Me Myself**" /&gt;
+    &lt;attribute name="Vaadin-License-Title"
+               value="**Apache2**" /&gt;
+    &lt;attribute name="Vaadin-License-File"
+        value="**http://www.apache.org/licenses/LICENSE-2.0**" /&gt;
+&lt;/manifest&gt;
+----
+The rest of the [literal]#++package-jar++# target goes as follows. As was done
+in the JavaDoc compilation, you also need to exclude any test or demo code in
+the project here. You need to modify at least the emphasized parts for your
+project.
+
+[subs="normal"]
+----
+        &lt;!-- Include built server-side classes --&gt;
+        &lt;fileset dir="build/result/classes"&gt;
+            &lt;patternset&gt;
+                &lt;include name="**com/example/myaddon/++*++++*++/++*++**"/&gt;
+                &lt;exclude name="**++*++++*++/client/++*++++*++/++*++**"/&gt;
+                &lt;exclude name="**++*++++*++/demo/++*++++*++/++*++**"/&gt;
+                &lt;exclude name="**++*++++*++/test/++*++++*++/++*++**"/&gt;
+                &lt;exclude name="**++*++++*++/MyDemoUI++*++**"/&gt;
+            &lt;/patternset&gt;
+        &lt;/fileset&gt;
+    
+        &lt;!-- Include widget set sources --&gt;
+        &lt;fileset dir="src"&gt;
+            &lt;patternset&gt;
+                &lt;include name="**com/exaple/myaddon/++*++++*++/++*++**"/&gt;
+            &lt;/patternset&gt;
+        &lt;/fileset&gt;
+    
+        &lt;!-- Include JavaDoc in the JAR --&gt;
+        &lt;fileset dir="${result-dir}/javadoc"
+                 includes="**/*"/&gt;
+    &lt;/jar&gt;
+&lt;/target&gt;
+----
+
+You should now be ready to run the build script with Ant.
+
+endif::web[]
+
+(((range="endofrange", startref="term.gwt.addons")))
+
+
diff --git a/documentation/gwt/gwt-advanced.asciidoc b/documentation/gwt/gwt-advanced.asciidoc
new file mode 100644
index 0000000000..51fc2ef3db
--- /dev/null
+++ b/documentation/gwt/gwt-advanced.asciidoc
@@ -0,0 +1,64 @@
+---
+title: Advanced Client-Side Topics
+order: 10
+layout: page
+---
+
+[[gwt.advanced]]
+= Advanced Client-Side Topics
+
+In the following, we mention some topics that you may encounter when integrating
+widgets.
+
+[[gwt.advanced.phases]]
+== Client-Side Processing Phases
+
+Vaadin's client-side engine reacts to changes from the server in a number of
+phases, the order of which can be relevant for a connector. The processing
+occurs in the [methodname]#handleUIDLMessage()# method in
+[classname]#ApplicationConnection#, but the logic can be quite overwhelming, so
+we describe the phases in the following summary.
+
+. Any dependencies defined by using [classname]#@JavaScript# or
+[classname]#@StyleSheet# on the server-side class are loaded. Processing does
+not continue until the browser confirms that they have been loaded.
+
+. New connectors are instantiated and [methodname]#init()# is run for each
+[interfacename]#Connector#.
+
+. State objects are updated, but no state change event is fired yet.
+
+. The connector hierarchy is updated, but no hierarchy change event is fired yet.
+[methodname]#setParent()# and [methodname]#setChildren()# are run in this phase.
+
+. Hierarchy change events are fired. This means that all state objects and the
+entire hierarchy are already up to date when this happens. The DOM hierarchy
+should in theory be up to date after all hierarchy events have been handled,
+although there are some built-in components that for various reasons do not
+always live up to this promise.
+
+. Captions are updated, causing [methodname]#updateCaption()# to be invoked on
+layouts as needed.
+
+. [classname]#@DelegateToWidget# is handled for all changed state objects using
+the annotation.
+
+. State change events are fired for all changed state objects.
+
+. [methodname]#updateFromUIDL()# is called for legacy connectors.
+
+. All RPC methods received from the server are invoked.
+
+. Connectors that are no longer included in the hierarchy are unregistered. This
+calls [methodname]#onUnregister()# on the [interfacename]#Connector#.
+
+. The layout phase starts, first checking the sizes and positions of all elements,
+and then notifying any [interfacename]#ElementResizeListener#s, as well as
+calling the appropriate layout method for the connectors that implement either
+[classname]#SimpleManagedLayout# or [classname]#DirectionalManagedLayout#
+interface.
+
+
+
+
+
diff --git a/documentation/gwt/gwt-componentcontainer.asciidoc b/documentation/gwt/gwt-componentcontainer.asciidoc
new file mode 100644
index 0000000000..8bdb4e6d7f
--- /dev/null
+++ b/documentation/gwt/gwt-componentcontainer.asciidoc
@@ -0,0 +1,20 @@
+---
+title: Component Containers
+order: 9
+layout: page
+---
+
+[[gwt.componentcontainer]]
+= Component Containers
+
+Component containers, such as layout components, are a special group of
+components that require some consideration. In addition to handling state, they
+need to manage communicating the hierarchy of their contained components to the
+other side.
+
+The easiest way to implement a component container is extend the
+[classname]#AbstractComponentContainer#, which handles the synchronization of
+the container server-side components to the client-side.
+
+
+
diff --git a/documentation/gwt/gwt-connector.asciidoc b/documentation/gwt/gwt-connector.asciidoc
new file mode 100644
index 0000000000..9872e73dbe
--- /dev/null
+++ b/documentation/gwt/gwt-connector.asciidoc
@@ -0,0 +1,93 @@
+---
+title: Integrating the Two Sides with a Connector
+order: 4
+layout: page
+---
+
+[[gwt.connector]]
+= Integrating the Two Sides with a Connector
+
+A client-side widget is integrated with a server-side component with a
+__connector__. A connector is a client-side class that communicates changes to
+the widget state and events to the server-side.
+
+A connector normally gets the state of the server-side component by the __shared
+state__, described later in
+<<dummy/../../../framework/gwt/gwt-shared-state#gwt.shared-state,"Shared
+State">>.
+
+[[gwt.connector.basic]]
+== A Basic Connector
+
+The basic tasks of a connector is to hook up to the widget and handle events
+from user interaction and changes received from the server. A connector also has
+a number of routine infrastructure methods which need to be implemented.
+
+
+----
+@Connect(MyComponent.class)
+public class MyComponentConnector
+        extends AbstractComponentConnector {
+
+    @Override
+    public MyComponentWidget getWidget() {
+        return (MyComponentWidget) super.getWidget();
+    }
+
+    @Override
+    public MyComponentState getState() {
+        return (MyComponentState) super.getState();
+    }
+
+    @Override
+    public void onStateChanged(StateChangeEvent stateChangeEvent)
+    {
+        super.onStateChanged(stateChangeEvent);
+        
+        // Do something useful
+        final String text = getState().text;
+        getWidget().setText(text);
+    }
+}
+----
+
+Here, we handled state change with the crude [methodname]#onStateChanged()#
+method that is called when any of the state properties is changed. A finer and
+simpler handling is achieved by using the [classname]#@OnStateChange# annotation
+on a handler method for each property, or by [classname]#@DelegateToWidget# on a
+shared state property, as described later in
+<<dummy/../../../framework/gwt/gwt-shared-state#gwt.shared-state,"Shared
+State">>.
+
+
+[[gwt.connector.communication]]
+== Communication with the Server-Side
+
+The main task of a connector is to communicate user interaction with the widget
+to the server-side and receive state changes from the server-side and relay them
+to the widget.
+
+Server-to-client communication is normally done using a __shared state__, as
+described in
+<<dummy/../../../framework/gwt/gwt-shared-state#gwt.shared-state,"Shared
+State">>, as well as RPC calls. The serialization of the state data is handled
+completely transparently.
+
+ifdef::web[]
+Once the client-side engine receives the changes from the server, it reacts to
+them by creating and notifying connectors that in turn manage widgets. This is
+described in
+<<dummy/../../../framework/gwt/gwt-advanced#gwt.advanced.phases,"Client-Side
+Processing Phases">> in more
+detail.
+endif::web[]
+
+For client-to-server communication, a connector can make remote procedure calls
+(RPC) to the server-side. Also, the server-side component can make RPC calls to
+the connector. For a thorough description of the RPC mechanism, refer to
+<<dummy/../../../framework/gwt/gwt-rpc#gwt.rpc,"RPC Calls Between Client- and
+Server-Side">>.
+
+
+
+
diff --git a/documentation/gwt/gwt-eclipse.asciidoc b/documentation/gwt/gwt-eclipse.asciidoc
new file mode 100644
index 0000000000..adbaf9fea1
--- /dev/null
+++ b/documentation/gwt/gwt-eclipse.asciidoc
@@ -0,0 +1,162 @@
+---
+title: Starting It Simple With Eclipse
+order: 2
+layout: page
+---
+
+[[gwt.eclipse]]
+= Starting It Simple With Eclipse
+
+((("Eclipse", "widget development", id="term.gwt.eclipse", range="startofrange")))
+
+
+Let us first take the easy way and create a simple component with Eclipse. While
+you can develop new widgets with any IDE or even without, you may find Eclipse
+and the Vaadin Plugin for it useful, as it automates all the basic routines of
+widget development, most importantly the creation of new widgets.
+
+[[gwt.eclipse.widget]]
+== Creating a Widget
+
+. Right-click the project in the Project Explorer and select "New > Other...".
+
+. In the wizard selection, select "Vaadin > Vaadin Widget" and click
+[guibutton]#Next#.
+
+ifdef::web[]
++
+image::img/widget-new-select.png[]
+endif::web[]
+
+. In the [guilabel]#New Component Wizard#, make the following settings.
+
++
+image::img/widget-new-settings.png[]
+
+[guilabel]#Source folder#:: The root folder of the entire source tree. The default value is the default
+source tree of your project, and you should normally leave it unchanged unless
+you have a different project structure.
+
+[guilabel]#Package#:: The parent package under which the new server-side component should be created.
+If the project does not already have a widget set, one is created under this
+package in the [package]#widgetset# subpackage. The subpackage will contain the
+[filename]#.gwt.xml# descriptor that defines the widget set and the new widget
+stub under the [package]#widgetset.client# subpackage.
+
+[guilabel]#Name#:: The class name of the new __server-side component__. The name of the client-side
+widget stub will be the same but with "- [classname]#Widget#" suffix, for
+example, [classname]#MyComponentWidget#. You can rename the classes afterwards.
+
+[guilabel]#Superclass#:: The superclass of the server-side component. It is
+[classname]#AbstractComponent# by default, but
+[classname]#com.vaadin.ui.AbstractField# or
+[classname]#com.vaadin.ui.AbstractSelect# are other commonly used superclasses.
+If you are extending an existing component, you should select it as the
+superclass. You can easily change the superclass later.
+
+[guilabel]#Template#:: Select which template to use. The default is [guilabel]#Full fledged#, which
+creates the server-side component, the client-side widget, the connector, a
+shared state object, and an RPC object. The [guilabel]#Connector only# leaves
+the shared state and RPC objects out.
+
+
+
++
+Finally, click [guibutton]#Finish# to create the new component.
+
+
+The wizard will:
+
+* Create a server-side component stub in the base package
+
+* If the project does not already have a widget set, the wizard creates a GWT
+module descriptor file ( [filename]#.gwt.xml#) in the base package and modifies
+the servlet class or the [filename]#web.xml# deployment descriptor to specify
+the widget set class name parameter for the application
+
+* Create a client-side widget stub (along with the connector and shared state and
+RPC stubs) in the [filename]#client.componentname# package under the base
+package
+
+
+The structure of the server-side component and the client-side widget, and the
+serialization of component state between them, is explained in the subsequent
+sections of this chapter.
+
+To compile the widget set, click the [guibutton]#Compile widget set# button in
+the Eclipse toolbar. See <<gwt.eclipse.compiling>> for details. After the
+compilation finishes, you should be able to run your application as before, but
+using the new widget set. The compilation result is written under the
+[filename]#WebContent/VAADIN/widgetsets# folder. When you need to recompile the
+widget set in Eclipse, see <<gwt.eclipse.compiling>>. For detailed information
+on compiling widget sets, see
+<<dummy/../../../framework/clientside/clientside-compiling#clientside.compiling,"Compiling
+a Client-Side Module">>.
+
+The following setting is inserted in the [filename]#web.xml# deployment
+descriptor to enable the widget set:
+
+[subs="normal"]
+----
+&lt;init-param&gt;
+    &lt;description&gt;Application widgetset&lt;/description&gt;
+    &lt;param-name&gt;widgetset&lt;/param-name&gt;
+    &lt;param-value&gt;__com.example.myproject.widgetset.MyprojectApplicationWidgetset__&lt;/param-value&gt;
+&lt;/init-param&gt;
+----
+You can refactor the package structure if you find need for it, but GWT compiler
+requires that the client-side code __must__ always be stored under a package
+named " [filename]#client#" or a package defined with a [literal]#++source++#
+element in the widget set descriptor.
+
+
+[[gwt.eclipse.compiling]]
+== Compiling the Widget Set
+
+After you edit a widget, you need to compile the widget set. The Vaadin Plugin
+for Eclipse automatically suggests to compile the widget set in various
+situations, such as when you save a client-side source file. If this gets
+annoying, you can disable the automatic recompilation in the Vaadin category in
+project settings, by selecting the [guilabel]#Suspend automatic widgetset
+builds# option.
+
+You can compile the widget set manually by clicking the [guibutton]#Compile
+widgetset# button in the Eclipse toolbar, shown in
+<<figure.gwt.eclipse.compiling.toolbar>>, while the project is open and
+selected. If the project has multiple widget set definition files, you need to
+select the one to compile in the Project Explorer.
+
+[[figure.gwt.eclipse.compiling.toolbar]]
+.The [guibutton]#Compile Widgetset# Button in Eclipse Toolbar
+image::img/widgetset-compiling-toolbar-hi.png[]
+
+The compilation progress is shown in the [guilabel]#Console# panel in Eclipse,
+illustrated in <<figure.gwt.eclipse.compiling>>. You should note especially the
+list of widget sets found in the class path.
+
+[[figure.gwt.eclipse.compiling]]
+.Compiling a Widget Set
+image::img/widgetset-compiling.png[]
+
+The compilation output is written under the
+[filename]#WebContent/VAADIN/widgetsets# folder, in a widget set specific
+folder.
+
+You can speed up the compilation significantly by compiling the widget set only
+for your browser during development. The generated [filename]#.gwt.xml#
+descriptor stub includes a disabled element that specifies the target browser.
+See
+<<dummy/../../../framework/clientside/clientside-module#gwt.module.compilation-limiting,"Limiting
+Compilation Targets">> for more details on setting the [literal]#++user-agent++#
+property.
+
+For more information on compiling widget sets, see
+<<dummy/../../../framework/clientside/clientside-compiling#clientside.compiling,"Compiling
+a Client-Side Module">>. Should you compile a widget set outside Eclipse, you
+need to refresh the project by selecting it in [guilabel]#Project Explorer# and
+pressing F5.
+
+
+(((range="endofrange", startref="term.gwt.eclipse")))
+
+
diff --git a/documentation/gwt/gwt-extension.asciidoc b/documentation/gwt/gwt-extension.asciidoc
new file mode 100644
index 0000000000..efaece40ab
--- /dev/null
+++ b/documentation/gwt/gwt-extension.asciidoc
@@ -0,0 +1,145 @@
+---
+title: Component and UI Extensions
+order: 7
+layout: page
+---
+
+[[gwt.extension]]
+= Component and UI Extensions
+
+Adding features to existing components by extending them by inheritance creates
+a problem when you want to combine such features. For example, one add-on could
+add spell-check to a [classname]#TextField#, while another could add client-side
+validation. Combining such add-on features would be difficult if not impossible.
+You might also want to add a feature to several or even to all components, but
+extending all of them by inheritance is not really an option. Vaadin includes a
+component plug-in mechanism for these purposes. Such plug-ins are simply called
+__extensions__.
+
+Also a UI can be extended in a similar fashion. In fact, some Vaadin features
+such as the JavaScript execution are UI extensions.
+
+Implementing an extension requires defining a server-side extension class and a
+client-side connector. An extension can have a shared state with the connector
+and use RPC, just like a component could.
+
+[[gwt.extension.server-side]]
+== Server-Side Extension API
+
+The server-side API for an extension consists of class that extends (in the Java
+sense) the [classname]#AbstractExtension# class. It typically has an
+__extend()__ method, a constructor, or a static helper method that takes the
+extended component or UI as a parameter and passes it to __super.extend()__.
+
+For example, let us have a trivial example with an extension that takes no
+special parameters, and illustrates the three alternative APIs:
+
+
+----
+public class CapsLockWarning extends AbstractExtension {
+    // You could pass it in the constructor
+    public CapsLockWarning(PasswordField field) {
+        super.extend(field);
+    }
+
+    // Or in an extend() method
+    public void extend(PasswordField field) {
+        super.extend(field);
+    }
+
+    // Or with a static helper
+    public static addTo(PasswordField field) {
+        new CapsLockWarning().extend(field);
+    }
+}
+----
+
+The extension could then be added to a component as follows:
+
+
+----
+PasswordField password = new PasswordField("Give it");
+
+// Use the constructor
+new CapsLockWarning(password);
+
+// ... or with the extend() method
+new CapsLockWarning().extend(password);
+
+// ... or with the static helper
+CapsLockWarning.addTo(password);
+
+layout.addComponent(password);
+----
+
+Adding a feature in such a "reverse" way is a bit unusual in the Vaadin API, but
+allows type safety for extensions, as the method can limit the target type to
+which the extension can be applied, and whether it is a regular component or a
+UI.
+
+
+[[gwt.extension.connector]]
+== Extension Connectors
+
+An extension does not have a corresponding widget on the client-side, but only
+an extension connector that extends the [classname]#AbstractExtensionConnector#
+class. The server-side extension class is specified with a
+[literal]#++@Connect++# annotation, just like in component connectors.
+
+An extension connector needs to implement the [methodname]#extend()# method,
+which allows hooking to the extended component. The normal extension mechanism
+is to modify the extended component as needed and add event handlers to it to
+handle user interaction. An extension connector can share a state with the
+server-side extension as well as make RPC calls, just like with components.
+
+In the following example, we implement a "Caps Lock warning" extension. It
+listens for changes in Caps Lock state and displays a floating warning element
+over the extended component if the Caps Lock is on.
+
+
+----
+@Connect(CapsLockWarning.class)
+public class CapsLockWarningConnector
+        extends AbstractExtensionConnector {
+
+    @Override
+    protected void extend(ServerConnector target) {
+        // Get the extended widget
+        final Widget pw =
+                ((ComponentConnector) target).getWidget();
+
+        // Preparations for the added feature
+        final VOverlay warning = new VOverlay();
+        warning.setOwner(pw);
+        warning.add(new HTML("Caps Lock is enabled!"));
+
+        // Add an event handler
+        pw.addDomHandler(new KeyPressHandler() {
+            public void onKeyPress(KeyPressEvent event) {
+                if (isEnabled() && isCapsLockOn(event)) {
+                    warning.showRelativeTo(passwordWidget);
+                } else {
+                    warning.hide();
+                }
+            }
+        }, KeyPressEvent.getType());
+    }
+
+    private boolean isCapsLockOn(KeyPressEvent e) {
+        return e.isShiftKeyDown() ^
+               Character.isUpperCase(e.getCharCode());
+    }
+}
+----
+
+The [methodname]#extend()# method gets the connector of the extended component
+as the parameter, in the above example a [classname]#PasswordFieldConnector#. It
+can access the widget with the [methodname]#getWidget()#.
+
+An extension connector needs to be included in a widget set. The class must
+therefore be defined under the [filename]#client# package of a widget set, just
+like with component connectors.
+
+
+
+
diff --git a/documentation/gwt/gwt-javascript.asciidoc b/documentation/gwt/gwt-javascript.asciidoc
new file mode 100644
index 0000000000..517740b33a
--- /dev/null
+++ b/documentation/gwt/gwt-javascript.asciidoc
@@ -0,0 +1,299 @@
+---
+title: Integrating JavaScript Components and Extensions
+order: 13
+layout: page
+---
+
+[[gwt.javascript]]
+= Integrating JavaScript Components and Extensions
+
+((("JavaScript integration", id="term.gwt.javascript", range="startofrange")))
+
+
+Vaadin allows simplified integration of pure JavaScript components, as well as
+component and UI extensions. The JavaScript connector code is published from the
+server-side. As the JavaScript integration does not involve GWT programming, no
+widget set compilation is needed.
+
+[[gwt.javascript.example]]
+== Example JavaScript Library
+
+There are many kinds of component libraries for JavaScript. In the following, we
+present a simple library that provides one object-oriented JavaScript component.
+We use this example later to show how to integrate it with a server-side Vaadin
+component.
+
+The example library includes a single [classname]#MyComponent# component,
+defined in [filename]#mylibrary.js#.
+
+
+----
+// Define the namespace
+var mylibrary = mylibrary || {};
+
+mylibrary.MyComponent = function (element) {
+	element.innerHTML =
+		"<div class='caption'>Hello, world!</div>" +
+		"<div class='textinput'>Enter a value: " +
+		"<input type='text' name='value'/>" +
+		"<input type='button' value='Click'/>" +
+		"</div>";
+
+	// Style it
+	element.style.border = "thin solid red";
+	element.style.display = "inline-block";
+
+	// Getter and setter for the value property
+	this.getValue = function () {
+		return element.
+		    getElementsByTagName("input")[0].value;
+	};
+	this.setValue = function (value) {
+		element.getElementsByTagName("input")[0].value =
+		    value;
+	};
+
+	// Default implementation of the click handler
+	this.click = function () {
+		alert("Error: Must implement click() method");
+	};
+
+	// Set up button click
+	var button = element.getElementsByTagName("input")[1];
+	var self = this; // Can't use this inside the function
+	button.onclick = function () {
+		self.click();
+	};
+};
+----
+
+When used in an HTML page, the library would be included with the following
+definition:
+
+
+----
+<script type="text/javascript"
+        src="mylibrary.js"></script>
+----
+
+You could then use it anywhere in the HTML document as follows:
+
+
+----
+<!-- Placeholder for the component -->    
+<div id="foo"></div>
+    
+<!-- Create the component and bind it to the placeholder -->
+<script type="text/javascript">
+    window.foo = new mylibrary.MyComponent(
+            document.getElementById("foo"));
+    window.foo.click = function () {
+        alert("Value is " + this.getValue());
+    }
+</script>
+----
+
+[[figure.gwt.javascript.example]]
+.A JavaScript Component Example
+image::img/javascript-component.png[]
+
+You could interact with the component with JavaScript for example as follows:
+
+
+----
+<a href="javascript:foo.setValue('New value')">Click here</a>
+----
+
+
+[[gwt.javascript.server-side]]
+== A Server-Side API for a JavaScript Component
+
+To begin integrating such a JavaScript component, you would need to sketch a bit
+how it would be used from a server-side Vaadin application. The component should
+support writing the value as well as listening for changes to it.
+
+
+----
+final MyComponent mycomponent = new MyComponent();
+
+// Set the value from server-side
+mycomponent.setValue("Server-side value");
+
+// Process a value input by the user from the client-side
+mycomponent.addValueChangeListener(
+        new MyComponent.ValueChangeListener() {
+    @Override
+    public void valueChange() {
+        Notification.show("Value: " + mycomponent.getValue());
+    }
+});
+
+layout.addComponent(mycomponent);
+----
+
+[[gwt.javascript.server-side.component]]
+=== Basic Server-Side Component
+
+A JavaScript component extends the [classname]#AbstractJavaScriptComponent#,
+which handles the shared state and RPC for the component.
+
+
+----
+package com.vaadin.book.examples.client.js;
+
+@JavaScript({"mylibrary.js", "mycomponent-connector.js"})
+public class MyComponent extends AbstractJavaScriptComponent {
+    public interface ValueChangeListener extends Serializable {
+        void valueChange();
+    }
+    ArrayList<ValueChangeListener> listeners =
+            new ArrayList<ValueChangeListener>();
+    public void addValueChangeListener(
+                   ValueChangeListener listener) {
+        listeners.add(listener);
+    }
+    
+    public void setValue(String value) {
+        getState().value = value;
+    }
+    
+    public String getValue() {
+        return getState().value;
+    }
+
+    @Override
+    protected MyComponentState getState() {
+        return (MyComponentState) super.getState();
+    }
+}
+----
+
+Notice later when creating the JavaScript connector that its name must match the
+package name of this server-side class.
+
+The shared state of the component is as follows:
+
+
+----
+public class MyComponentState extends JavaScriptComponentState {
+    public String value;
+}
+----
+
+If the member variables are private, you need to have public setters and getters
+for them, which you can use in the component.
+
+
+
+[[gwt.javascript.connector]]
+== Defining a JavaScript Connector
+
+A JavaScript connector is a function that initializes the JavaScript component
+and handles communication between the server-side and the JavaScript code.//TOD
+Clarify -
+code?
+
+A connector is defined as a connector initializer function that is added to the
+[literal]#++window++# object. The name of the function must match the
+server-side class name, with the full package path. Instead of the Java dot
+notation for the package name, underscores need to be used as separators.
+
+The Vaadin client-side framework adds a number of methods to the connector
+function. The [methodname]#this.getElement()# method returns the HTML DOM
+element of the component. The [methodname]#this.getState()# returns a shared
+state object with the current state as synchronized from the server-side.
+
+
+----
+window.com_vaadin_book_examples_client_js_MyComponent =
+function() {
+    // Create the component
+    var mycomponent =
+        new mylibrary.MyComponent(this.getElement());
+    
+    // Handle changes from the server-side
+    this.onStateChange = function() {
+        mycomponent.setValue(this.getState().value);
+    };
+
+    // Pass user interaction to the server-side
+    var self = this;
+    mycomponent.click = function() {
+        self.onClick(mycomponent.getValue());
+    };
+};
+----
+
+In the above example, we pass user interaction using the JavaScript RPC
+mechanism, as described in the next section.
+
+
+[[gwt.javascript.rpc]]
+== RPC from JavaScript to Server-Side
+
+User interaction with the JavaScript component has to be passed to the
+server-side using an RPC (Remote Procedure Call) mechanism. The JavaScript RPC
+mechanism is almost equal to regular client-side widgets, as described in
+<<dummy/../../../framework/gwt/gwt-rpc#gwt.rpc,"RPC Calls Between Client- and
+Server-Side">>.
+
+[[gwt.javascript.rpc.handling]]
+=== Handling RPC Calls on the Server-Side
+
+Let us begin with the RPC function registration on the server-side. RPC calls
+are handled on the server-side in function handlers that implement the
+[interfacename]#JavaScriptFunction# interface. A server-side function handler is
+registered with the [methodname]#addFunction()# method in
+[classname]#AbstractJavaScriptComponent#. The server-side registration actually
+defines a JavaScript method that is available in the client-side connector
+object.
+
+Continuing from the server-side [classname]#MyComponent# example we defined
+earlier, we add a constructor to it that registers the function.
+
+
+----
+public MyComponent() {
+    addFunction("onClick", new JavaScriptFunction() {
+        @Override
+        public void call(JsonArray arguments) {
+            getState().setValue(arguments.getString(0));
+            for (ValueChangeListener listener: listeners)
+                listener.valueChange();
+        }
+    });
+}
+----
+
+
+[[gwt.javascript.rpc.calling]]
+=== Making an RPC Call from JavaScript
+
+An RPC call is made simply by calling the RPC method in the connector. In the
+constructor function of the JavaScript connector, you could write as follows
+(the complete connector code was given earlier):
+
+
+----
+window.com_vaadin_book_examples_gwt_js_MyComponent =
+    function() {
+        ...
+        var connector = this;
+        mycomponent.click = function() {
+            connector.onClick(mycomponent.getValue());
+        };
+    };
+----
+
+Here, the [literal]#++mycomponent.click++# is a function in the example
+JavaScript library, as described in <<gwt.javascript.example>>. The
+[methodname]#onClick()# is the method we defined on the server-side. We pass a
+simple string parameter in the call.
+
+You can pass anything that is valid in JSON notation in the parameters.
+
+
+
+(((range="endofrange", startref="term.gwt.javascript")))
+
+
diff --git a/documentation/gwt/gwt-overview.asciidoc b/documentation/gwt/gwt-overview.asciidoc
new file mode 100644
index 0000000000..16841ab791
--- /dev/null
+++ b/documentation/gwt/gwt-overview.asciidoc
@@ -0,0 +1,86 @@
+---
+title: Overview
+order: 1
+layout: page
+---
+
+[[gwt.overview]]
+= Overview
+
+Vaadin components consist of two parts: a server-side and a client-side
+component. The latter are also called __widgets__ in Google Web Toolkit (GWT)
+parlance. A Vaadin application uses the API of the server-side component, which
+is rendered as a client-side widget in the browser. As on the server-side, the
+client-side widgets form a hierarchy of layout widgets and regular widgets as
+the leaves.
+
+[[figure.gwt.overview.widget-integration]]
+.Integration of Client-Side Widgets
+image::img/widget-integration-hi.png[]
+
+The communication between a client-side widget and a server-side component is
+managed with a __connector__ that handles syncronizing the widget state and
+events to and from the server-side.
+((("connector")))
+
+When rendering the user interface, a client-side connector and a widget are
+created for each server-side component. The mapping from a component to a
+connector is defined in the connector class with a [literal]#++@Connect++#
+annotation, and the widget is created by the connector class.
+((("@Connect")))
+
+The state of a server-side component is synchronized automatically to the
+client-side widget using a __shared state__ object. A shared state object
+extends [classname]#AbstractComponentState# and it is used both in the
+server-side and the client-side component. On the client-side, a connector
+always has access to its state instance, as well to the state of its parent
+component state and the states of its children. ((("state
+object")))
+((("[classname]#AbstractComponentState#")))
+
+The state sharing assumes that state is defined with standard Java types, such
+as primitive and boxed primitive types, [classname]#String#, arrays, and certain
+collections ( [classname]#List#, [classname]#Set#, and [classname]#Map#) of the
+supported types. Also the Vaadin [classname]#Connector# and some special
+internal types can be shared.
+
+In addition to state, both server- and client-side can make remote procedure
+calls (RPC) to the other side. RPC is used foremost for event notifications. For
+example, when a client-side connector of a button receives a click, it sends the
+event to the server-side using RPC.
+
+[[gwt.overview.project]]
+== Project Structure
+
+Widget set compilation, as described in
+<<dummy/../../../framework/clientside/clientside-module#clientside.module,"Client-Side
+Module Descriptor">>, requires using a special project structure, where the
+client-side classes are located under a [filename]#client# package under the
+package of the module descriptor. Any static resources, such as stylesheets and
+images, should be located under a [filename]#public# folder (not Java package).
+The source for the server-side component may be located anywhere, except not in
+the client-side package.
+
+The basic project structure is illustrated in <<figure.gwt.overview.project>>.
+
+[[figure.gwt.overview.project]]
+.Basic Widget Integration Project Structure
+image::img/gwt-widget-files-hi.png[]
+
+The Eclipse wizard, described in
+<<dummy/../../../framework/gwt/gwt-eclipse#gwt.eclipse,"Starting It Simple With
+Eclipse">>, creates a widget integration skeleton with the above structure.
+
+
+[[gwt.overview.javascript]]
+== Integrating JavaScript Components
+
+In addition to the GWT widget integration, Vaadin offers a simplified way to
+integrate pure JavaScript components. The JavaScript connector code is published
+from the server-side. As the JavaScript integration does not involve GWT
+programming, no widget set compilation is needed.
+((("JavaScript")))
+
+
+
+
diff --git a/documentation/gwt/gwt-rpc.asciidoc b/documentation/gwt/gwt-rpc.asciidoc
new file mode 100644
index 0000000000..b67773dbfe
--- /dev/null
+++ b/documentation/gwt/gwt-rpc.asciidoc
@@ -0,0 +1,112 @@
+---
+title: RPC Calls Between Client- and Server-Side
+order: 6
+layout: page
+---
+
+[[gwt.rpc]]
+= RPC Calls Between Client- and Server-Side
+
+Vaadin supports making Remote Procedure Calls (RPC) between a server-side
+component and its client-side widget counterpart. RPC calls are normally used
+for communicating stateless events, such as button clicks or other user
+interaction, in contrast to changing the shared state. Either party can make an
+RPC call to the other side. When a client-side widget makes a call, a server
+request is made. Calls made from the server-side to the client-side are
+communicated in the response of the server request during which the call was
+made.
+
+If you use Eclipse and enable the "Full-Fledged" widget in the New Vaadin Widget
+wizard, it automatically creates a component with an RPC stub.
+
+[[gwt.rpc.server-side]]
+== RPC Calls to the Server-Side
+
+RPC calls from the client-side to the server-side are made through an RPC
+interface that extends the [interfacename]#ServerRpc# interface. A server RPC
+interface simply defines any methods that can be called through the interface.
+
+For example:
+
+
+----
+public interface MyComponentServerRpc extends ServerRpc {
+    public void clicked(String buttonName);
+}
+----
+
+The above example defines a single [methodname]#clicks()# RPC call, which takes
+a [classname]#MouseEventDetails# object as the parameter.
+
+You can pass the most common standard Java types, such as primitive and boxed
+primitive types, [classname]#String#, and arrays and some collections (
+[classname]#List#, [classname]#Set#, and [classname]#Map#) of the supported
+types. Also the Vaadin [classname]#Connector# and some special internal types
+can be passed.
+
+An RPC method must return void - the widget set compiler should complain if it
+doesn't.
+
+[[gwt.rpc.server-side.calling]]
+=== Making a Call
+
+Before making a call, you need to instantiate the server RPC object with
+[methodname]#RpcProxy.create()#. After that, you can make calls through the
+server RPC interface that you defined, for example as follows:
+
+
+----
+@Connect(MyComponent.class)
+public class MyComponentConnector
+       extends AbstractComponentConnector {
+
+    public MyComponentConnector() {
+        getWidget().addClickHandler(new ClickHandler() {
+            public void onClick(ClickEvent event) {
+                final MouseEventDetails mouseDetails =
+                     MouseEventDetailsBuilder
+                         .buildMouseEventDetails(
+                                 event.getNativeEvent(),
+                                 getWidget().getElement());
+                MyComponentServerRpc rpc =
+                    getRpcProxy(MyComponentServerRpc.class);
+
+                // Make the call
+                rpc.clicked(mouseDetails.getButtonName());
+            }
+        });
+    }
+}
+----
+
+
+[[gwt.rpc.server-side.handling]]
+=== Handling a Call
+
+RPC calls are handled in a server-side implementation of the server RPC
+interface. The call and its parameters are serialized and passed to the server
+in an RPC request transparently.
+
+
+----
+public class MyComponent extends AbstractComponent {
+    private MyComponentServerRpc rpc =
+    new MyComponentServerRpc() {
+        private int clickCount = 0;
+        
+        public void clicked(String buttonName) {
+            Notification.show("Clicked " + buttonName);
+        }
+    };
+
+    public MyComponent() {
+        ...
+        registerRpc(rpc);
+    }
+}
+----
+
+
+
+
+
diff --git a/documentation/gwt/gwt-server-side.asciidoc b/documentation/gwt/gwt-server-side.asciidoc
new file mode 100644
index 0000000000..1139b78a39
--- /dev/null
+++ b/documentation/gwt/gwt-server-side.asciidoc
@@ -0,0 +1,38 @@
+---
+title: Creating a Server-Side Component
+order: 3
+layout: page
+---
+
+[[gwt.server-side]]
+= Creating a Server-Side Component
+
+Typical server-side Vaadin applications use server-side components that are
+rendered on the client-side using their counterpart widgets. A server-side
+component must manage state synchronization between the widget on the
+client-side, in addition to any server-side logic.
+
+[[gwt.server-side.basic]]
+== Basic Server-Side Component
+
+The component state is usually managed by a __shared state__, described later in
+<<dummy/../../../framework/gwt/gwt-shared-state#gwt.shared-state,"Shared
+State">>.
+
+
+----
+public class MyComponent extends AbstractComponent {
+    public MyComponent() {
+        getState().setText("This is MyComponent");
+    }
+
+    @Override
+    protected MyComponentState getState() {
+        return (MyComponentState) super.getState();
+    }
+}
+----
+
+
+
+
diff --git a/documentation/gwt/gwt-shared-state.asciidoc b/documentation/gwt/gwt-shared-state.asciidoc
new file mode 100644
index 0000000000..5594dd169c
--- /dev/null
+++ b/documentation/gwt/gwt-shared-state.asciidoc
@@ -0,0 +1,296 @@
+---
+title: Shared State
+order: 5
+layout: page
+---
+
+[[gwt.shared-state]]
+= Shared State
+
+The basic communication from a server-side component to its the client-side
+widget counterpart is handled using a __shared state__. The shared state is
+serialized transparently. It should be considered read-only on the client-side,
+as it is not serialized back to the server-side.
+
+A shared state object simply needs to extend the
+[classname]#AbstractComponentState#. The member variables should normally be
+declared as public.
+
+
+----
+public class MyComponentState extends AbstractComponentState {
+    public String text;
+}
+----
+
+A shared state should never contain any logic. If the members have private
+visibility for some reason, you can also use public setters and getters, in
+which case the property must not be public.
+
+[[gwt.shared-state.location]]
+== Location of Shared-State Classes
+
+The shared-state classes are used by both server- and client-side classes, but
+widget set compilation requires that they must be located in a client-side
+source package. The default location is under a [filename]#client# package under
+the package of the [filename]#.gwt.xml# descriptor. If you wish to organize the
+shared classes separately from other client-side code, you can define separate
+client-side source packages for pure client-side classes and any shared classes.
+In addition to shared state classes, shared classes could include enumerations
+and other classes needed by shared-state or RPC communication.
+
+For example, you could have the following definitions in the
+[filename]#.gwt.xml# descriptor:
+
+
+----
+    <source path="client" />
+    <source path="shared" />
+----
+
+The paths are relative to the package containing the descriptor.
+
+
+[[gwt.shared-state.component]]
+== Accessing Shared State on Server-Side
+
+A server-side component can access the shared state with the
+[methodname]#getState()# method. It is required that you override the base
+implementation with one that returns the shared state object cast to the proper
+type, as follows:
+
+
+----
+@Override
+public MyComponentState getState() {
+    return (MyComponentState) super.getState();
+}
+----
+
+You can then use the [methodname]#getState()# to access the shared state object
+with the proper type.
+
+
+----
+public MyComponent() {
+    getState().setText("This is the initial state");
+    ....
+}
+----
+
+
+[[gwt.shared-state.connector]]
+== Handing Shared State in a Connector
+
+A connector can access a shared state with the [methodname]#getState()# method.
+The access should be read-only. It is required that you override the base
+implementation with one that returns the proper shared state type, as follows:
+
+
+----
+@Override
+public MyComponentState getState() {
+    return (MyComponentState) super.getState();
+}
+----
+
+State changes made on the server-side are communicated transparently to the
+client-side. When a state change occurs, the [methodname]#onStateChanged()#
+method in the connector is called. You should should always call the superclass
+method before anything else to handle changes to common component properties.
+
+
+----
+@Override
+public void onStateChanged(StateChangeEvent stateChangeEvent) {
+    super.onStateChanged(stateChangeEvent);
+		
+    // Copy the state properties to the widget properties
+    final String text = getState().getText();
+    getWidget().setText(text);
+}
+----
+
+The crude [methodname]#onStateChanged()# method is called when any of the state
+properties is changed, allowing you to have even complex logic in how you
+manipulate the widget according to the state changes. In most cases, however,
+you can handle the property changes more easily and also more efficiently by
+using instead the [classname]#@OnStateChange# annotation on the handler methods
+for each property, as described next in <<gwt.shared-state.onstatechange>>, or
+by delegating the property value directly to the widget, as described in
+<<gwt.shared-state.delegatetowidget>>.
+
+ifdef::web[]
+The processing phases of state changes are described in more detail in
+<<dummy/../../../framework/gwt/gwt-advanced#gwt.advanced.phases,"Client-Side
+Processing Phases">>.
+endif::web[]
+
+
+[[gwt.shared-state.onstatechange]]
+== Handling Property State Changes with [classname]#@OnStateChange#
+
+The [classname]#@OnStateChange# annotation can be used to mark a connector
+method that handles state change on a particular property, given as parameter
+for the annotation. In addition to higher clarity, this avoids handling all
+property changes if a state change occurs in only one or some of them. However,
+if a state change can occur in multiple properties, you can only use this
+technique if the properties do not have interaction that prevents handling them
+separately in arbitrary order.
+
+We can replace the [methodname]#onStateChange()# method in the earlier connector
+example with the following:
+
+
+----
+@OnStateChange("text")
+void updateText() {
+    getWidget().setText(getState().text);
+}
+----
+
+If the shared state property and the widget property have same name and do not
+require any type conversion, as is the case in the above example, you could
+simplify this even further by using the [classname]#@DelegateToWidget#
+annotation for the shared state property, as described in
+<<gwt.shared-state.delegatetowidget>>.
+
+
+[[gwt.shared-state.delegatetowidget]]
+== Delegating State Properties to Widget
+
+The [classname]#@DelegateToWidget# annotation for a shared state property
+defines automatic delegation of the property value to the corresponding widget
+property of the same name and type, by calling the respective setter for the
+property in the widget.
+
+
+----
+public class MyComponentState extends AbstractComponentState {
+    @DelegateToWidget
+    public String text;
+}
+----
+
+This is equivalent to handling the state change in the connector, as done in the
+example in <<gwt.shared-state.onstatechange>>.
+
+If you want to delegate a shared state property to a widget property of another
+name, you can give the property name as a string parameter for the annotation.
+
+
+----
+public class MyComponentState extends AbstractComponentState {
+    @DelegateToWidget("description")
+    public String text;
+}
+----
+
+
+[[gwt.shared-state.referring]]
+== Referring to Components in Shared State
+
+While you can pass any regular Java objects through a shared state, referring to
+another component requires special handling because on the server-side you can
+only refer to a server-side component, while on the client-side you only have
+widgets. References to components can be made by referring to their connectors
+(all server-side components implement the [interfacename]#Connector# interface).
+
+
+----
+public class MyComponentState extends AbstractComponentState {
+    public Connector otherComponent;
+}
+----
+
+You could then access the component on the server-side as follows:
+
+
+----
+public class MyComponent {
+    public void MyComponent(Component otherComponent) {
+        getState().otherComponent = otherComponent;
+    }
+
+    public Component getOtherComponent() {
+        return (Component)getState().otherComponent;
+    }
+
+    // And the cast method
+    @Override
+    public MyComponentState getState() {
+        return (MyComponentState) super.getState();
+    }
+}
+----
+
+On the client-side, you should cast it in a similar fashion to a
+[classname]#ComponentConnector#, or possibly to the specific connector type if
+it is known.
+
+
+[[gwt.shared-state.resource]]
+== Sharing Resources
+
+Resources, which commonly are references to icons or other images, are another
+case of objects that require special handling. A [interfacename]#Resource#
+object exists only on the server-side and on the client-side you have an URL to
+the resource. You need to use the [methodname]#setResource()# and
+[methodname]#getResource()# on the server-side to access a resource, which is
+serialized to the client-side separately.
+
+Let us begin with the server-side API:
+
+
+----
+public class MyComponent extends AbstractComponent {
+    ...
+
+    public void setMyIcon(Resource myIcon) {
+        setResource("myIcon", myIcon);
+    }
+
+    public Resource getMyIcon() {
+        return getResource("myIcon");
+    }
+}
+----
+
+On the client-side, you can then get the URL of the resource with
+[methodname]#getResourceUrl()#.
+
+
+----
+@Override
+public void onStateChanged(StateChangeEvent stateChangeEvent) {
+    super.onStateChanged(stateChangeEvent);
+    ...
+	
+    // Get the resource URL for the icon
+    getWidget().setMyIcon(getResourceUrl("myIcon"));
+}
+----
+
+The widget could then use the URL, for example, as follows:
+
+
+----
+public class MyWidget extends Label {
+    ...
+    
+    Element imgElement = null;
+    
+    public void setMyIcon(String url) {
+        if (imgElement == null) {
+            imgElement = DOM.createImg();
+            getElement().appendChild(imgElement);
+        }
+        
+        DOM.setElementAttribute(imgElement, "src", url);
+    }
+}
+----
+
+
+
+
diff --git a/documentation/gwt/gwt-styling.asciidoc b/documentation/gwt/gwt-styling.asciidoc
new file mode 100644
index 0000000000..0071039316
--- /dev/null
+++ b/documentation/gwt/gwt-styling.asciidoc
@@ -0,0 +1,88 @@
+---
+title: Styling a Widget
+order: 8
+layout: page
+---
+
+[[gwt.styling]]
+= Styling a Widget
+
+To make your widget look stylish, you need to style it. There are two basic ways
+to define CSS styles for a component: in the widget sources and in a theme. A
+default style should be defined in the widget sources, and different themes can
+then modify the style.
+
+[[gwt.styling.class]]
+== Determining the CSS Class
+
+The CSS class of a widget element is normally defined in the widget class and
+set with [methodname]#setStyleName()#. A widget should set the styles for its
+sub-elements as it desires.
+
+For example, you could style a composite widget with an overall style and with
+separate styles for the sub-widgets as follows:
+
+
+----
+public class MyPickerWidget extends ComplexPanel {
+    public static final String CLASSNAME = "mypicker";
+
+    private final TextBox textBox = new TextBox();
+    private final PushButton button = new PushButton("...");
+
+    public MyPickerWidget() {
+        setElement(Document.get().createDivElement());
+        setStylePrimaryName(CLASSNAME);
+
+        textBox.setStylePrimaryName(CLASSNAME + "-field");
+        button.setStylePrimaryName(CLASSNAME + "-button");
+
+        add(textBox, getElement());
+        add(button, getElement());
+
+        button.addClickHandler(new ClickHandler() {
+            public void onClick(ClickEvent event) {
+              Window.alert("Calendar picker not yet supported!");
+            }
+        });
+    }
+}
+----
+
+In addition, all Vaadin components get the [literal]#++v-widget++# class. If it
+extends an existing Vaadin or GWT widget, it will inherit CSS classes from that
+as well.
+
+
+[[gwt.styling.default]]
+== Default Stylesheet
+
+A client-side module, which is normally a widget set, can include stylesheets.
+They must be placed under the [filename]#public# folder under the folder of the
+widget set, a described in
+<<dummy/../../../framework/clientside/clientside-module#clientside.module.stylesheet,"Specifying
+a Stylesheet">>.
+
+For example, you could style the widget described above as follows:
+
+
+----
+.mypicker {
+	white-space: nowrap;
+}
+
+.mypicker-button {
+	display: inline-block;
+	border: 1px solid black;
+	padding: 3px;
+	width: 15px;
+	text-align: center;
+}
+----
+
+Notice that some size settings may require more complex handling and calculating
+the sizes dynamically.
+
+
+
+
diff --git a/documentation/gwt/gwt-vaadin-6-migration.asciidoc b/documentation/gwt/gwt-vaadin-6-migration.asciidoc
new file mode 100644
index 0000000000..6cecc581c5
--- /dev/null
+++ b/documentation/gwt/gwt-vaadin-6-migration.asciidoc
@@ -0,0 +1,58 @@
+---
+title: Migrating from Vaadin 6
+order: 12
+layout: page
+---
+
+[[gwt.vaadin-6-migration]]
+= Migrating from Vaadin 6
+
+((("Vaadin 6 Migration", "add-ons", id="term.gwt.vaadin-6-migration", range="startofrange")))
+
+
+The client-side architecture was redesigned almost entirely in Vaadin 7. In
+Vaadin 6, state synchronization was done explicitly by serializing and
+deserializing the state on the server- and client-side. In Vaadin 7, the
+serialization is handled automatically by the framework using state objects.
+
+In Vaadin 6, a server-side component serialized its state to the client-side
+using the [interfacename]#Paintable# interface in the client-side and
+deserialized the state through the [interfacename]#VariableOwner# interface. In
+Vaadin 7, these are done through the [interfacename]#ClientConnector# interface.
+
+On the client-side, a widget deserialized its state through the
+[interfacename]#Paintable# interface and sent state changes through the
+[interfacename]#ApplicationConnection# object. In Vaadin 7, these are replaced
+with the [interfacename]#ServerConnector#.
+
+In addition to state synchronization, Vaadin 7 has an RPC mechanism that can be
+used for communicating events. They are especially useful for events that are
+not associated with a state change, such as a button click.
+
+The framework ensures that the connector hierarchy and states are up-to-date
+when listeners are called.
+
+[[gwt.vaadin-6-migration.quick]]
+== Quick (and Dirty) Migration
+
+Vaadin 7 has a compatibility layer that allows quick conversion of a widget.
+
+. Create a connector class, such as [classname]#MyConnector#, that extends
+[classname]#LegacyConnector#. Implement the [methodname]#getWidget()# method.
+
+. Move the [literal]#++@ClientWidget(MyWidget.class)++# from the server-side
+component, say [classname]#MyComponent#, to the [classname]#MyConnector# class
+and make it [literal]#++@Connect(MyComponent.class)++#.
+
+. Have the server-side component implement the LegacyComponent interface to enable
+compatibility handling.
+
+. Remove any calls to [literal]#++super.paintContent()++#
+
+. Update any imports on the client-side
+
+
+
+(((range="endofrange", startref="term.gwt.vaadin-6-migration")))
+
+
diff --git a/documentation/gwt/img/addon-export.png b/documentation/gwt/img/addon-export.png
new file mode 100644
index 0000000000..d6463ba050
--- /dev/null
+++ b/documentation/gwt/img/addon-export.png
diff --git a/documentation/gwt/img/gwt-hostedmode-project-1.png b/documentation/gwt/img/gwt-hostedmode-project-1.png
new file mode 100644
index 0000000000..c52ebceab3
--- /dev/null
+++ b/documentation/gwt/img/gwt-hostedmode-project-1.png
diff --git a/documentation/gwt/img/gwt-widget-files-hi.png b/documentation/gwt/img/gwt-widget-files-hi.png
new file mode 100644
index 0000000000..15db99550e
--- /dev/null
+++ b/documentation/gwt/img/gwt-widget-files-hi.png
diff --git a/documentation/gwt/img/gwt-widget-files-lo.png b/documentation/gwt/img/gwt-widget-files-lo.png
new file mode 100644
index 0000000000..e974b2ce25
--- /dev/null
+++ b/documentation/gwt/img/gwt-widget-files-lo.png
diff --git a/documentation/gwt/img/gwt-widgets-hi.png b/documentation/gwt/img/gwt-widgets-hi.png
new file mode 100644
index 0000000000..e004c74041
--- /dev/null
+++ b/documentation/gwt/img/gwt-widgets-hi.png
diff --git a/documentation/gwt/img/gwt-widgets-lo.png b/documentation/gwt/img/gwt-widgets-lo.png
new file mode 100644
index 0000000000..82a4babdf0
--- /dev/null
+++ b/documentation/gwt/img/gwt-widgets-lo.png
diff --git a/documentation/gwt/img/javascript-component.png b/documentation/gwt/img/javascript-component.png
new file mode 100644
index 0000000000..379f50a404
--- /dev/null
+++ b/documentation/gwt/img/javascript-component.png
diff --git a/documentation/gwt/img/widget-integration-hi.png b/documentation/gwt/img/widget-integration-hi.png
new file mode 100644
index 0000000000..fc44d9944b
--- /dev/null
+++ b/documentation/gwt/img/widget-integration-hi.png
diff --git a/documentation/gwt/img/widget-integration-lo.png b/documentation/gwt/img/widget-integration-lo.png
new file mode 100644
index 0000000000..01fa1e39fc
--- /dev/null
+++ b/documentation/gwt/img/widget-integration-lo.png
diff --git a/documentation/gwt/img/widget-new-select.png b/documentation/gwt/img/widget-new-select.png
new file mode 100644
index 0000000000..ab2c94b706
--- /dev/null
+++ b/documentation/gwt/img/widget-new-select.png
diff --git a/documentation/gwt/img/widget-new-settings.png b/documentation/gwt/img/widget-new-settings.png
new file mode 100644
index 0000000000..717d4f19fb
--- /dev/null
+++ b/documentation/gwt/img/widget-new-settings.png
diff --git a/documentation/gwt/img/widgetset-compiling-toolbar-hi.png b/documentation/gwt/img/widgetset-compiling-toolbar-hi.png
new file mode 100644
index 0000000000..79e14ec60e
--- /dev/null
+++ b/documentation/gwt/img/widgetset-compiling-toolbar-hi.png
diff --git a/documentation/gwt/img/widgetset-compiling-toolbar-lo.png b/documentation/gwt/img/widgetset-compiling-toolbar-lo.png
new file mode 100644
index 0000000000..70b3e9bfb4
--- /dev/null
+++ b/documentation/gwt/img/widgetset-compiling-toolbar-lo.png
diff --git a/documentation/gwt/img/widgetset-compiling.png b/documentation/gwt/img/widgetset-compiling.png
new file mode 100644
index 0000000000..93d0d891cb
--- /dev/null
+++ b/documentation/gwt/img/widgetset-compiling.png
diff --git a/documentation/gwt/original-drawings/gwt-custom-architecture.svg b/documentation/gwt/original-drawings/gwt-custom-architecture.svg
new file mode 100644
index 0000000000..e6075310b2
--- /dev/null
+++ b/documentation/gwt/original-drawings/gwt-custom-architecture.svg
@@ -0,0 +1,2747 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="744.09448"
+   height="1052.3622"
+   id="svg2475"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   sodipodi:docname="gwt-custom-architecture.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   inkscape:export-filename="/home/magi/itmill/doc/cheatsheet/vaadin-cheatsheet.png"
+   inkscape:export-xdpi="600.02155"
+   inkscape:export-ydpi="600.02155"
+   version="1.0">
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     gridtolerance="10"
+     guidetolerance="10"
+     objecttolerance="6"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2"
+     inkscape:cx="624.5333"
+     inkscape:cy="640.06515"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1680"
+     inkscape:window-height="1026"
+     inkscape:window-x="1280"
+     inkscape:window-y="0"
+     inkscape:snap-nodes="true"
+     inkscape:snap-bbox="true"
+     units="mm"
+     inkscape:snap-global="true"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-guide="true"
+     inkscape:snap-intersection-line-segments="true">
+    <inkscape:grid
+       spacingy="1mm"
+       spacingx="1mm"
+       empspacing="5"
+       units="mm"
+       enabled="true"
+       visible="true"
+       id="grid4674"
+       type="xygrid"
+       dotted="false"
+       originx="0mm"
+       originy="0mm" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="24.804688,1049.8125"
+       id="guide3041" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2477">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient10356">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop10358" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop10360" />
+    </linearGradient>
+    <pattern
+       patternUnits="userSpaceOnUse"
+       width="19.488184"
+       height="5.3149635"
+       patternTransform="translate(442.02756,179.82281)"
+       id="pattern31837">
+      <path
+         id="path31833"
+         d="M 0.88582677,4.4291368 L 18.602357,4.4291368"
+         style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.77165353;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="path31835"
+         d="M 0.88582677,0.88582677 L 18.602357,0.88582677"
+         style="opacity:1;fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.77165353;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </pattern>
+    <pattern
+       inkscape:collect="always"
+       xlink:href="#pattern31837"
+       id="pattern31843"
+       patternTransform="matrix(0.8219623,-0.5106659,0.5106659,0.8219623,407.01829,190.47423)" />
+    <pattern
+       inkscape:collect="always"
+       xlink:href="#pattern31843"
+       id="pattern39357"
+       patternTransform="matrix(0.8219623,-0.5106659,0.5106659,0.8219623,450.53409,296.58029)" />
+    <marker
+       inkscape:stockid="CurvyCross"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="CurvyCross"
+       style="overflow:visible">
+      <g
+         id="g18903"
+         transform="scale(0.6)">
+        <path
+           id="path18905"
+           d="M 4.6254930,-5.0456926 C 1.8654930,-5.0456926 -0.37450702,-2.8056926 -0.37450702,-0.045692580 C -0.37450702,2.7143074 1.8654930,4.9543074 4.6254930,4.9543074"
+           style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt;marker-start:none;marker-end:none" />
+        <path
+           id="path18907"
+           d="M -5.4129913,-5.0456926 C -2.6529913,-5.0456926 -0.41299131,-2.8056926 -0.41299131,-0.045692580 C -0.41299131,2.7143074 -2.6529913,4.9543074 -5.4129913,4.9543074"
+           style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt;marker-start:none;marker-end:none" />
+      </g>
+    </marker>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient4794"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient4590"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient841"
+       id="linearGradient4390"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9208103,1.086)"
+       x1="10.800377"
+       y1="-94.637573"
+       x2="116.61332"
+       y2="-94.637573" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient4376"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient3095"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       id="linearGradient1683">
+      <stop
+         style="stop-color:#db1f0c;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1684" />
+      <stop
+         style="stop-color:#761006;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop1685" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient24714"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       id="linearGradient2263">
+      <stop
+         style="stop-color:#ff9696;stop-opacity:0.61960787;"
+         offset="0"
+         id="stop2264" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.70103091;"
+         offset="1.0000000"
+         id="stop2265" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient2891">
+      <stop
+         style="stop-color:#ff0000;stop-opacity:0.68041235;"
+         offset="0"
+         id="stop2892" />
+      <stop
+         style="stop-color:#ff0000;stop-opacity:0.14432989;"
+         offset="1"
+         id="stop2893" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient24524"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <marker
+       inkscape:stockid="TriangleOutL"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutL"
+       style="overflow:visible">
+      <path
+         id="path3964"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="scale(0.8,0.8)" />
+    </marker>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient2870"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient239278"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       id="linearGradient865">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop866" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.00000000;"
+         offset="1.0000000"
+         id="stop868" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1400">
+      <stop
+         style="stop-color:#000000;stop-opacity:0.67843139;"
+         offset="0.0000000"
+         id="stop1401" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.32941177;"
+         offset="0.56999999"
+         id="stop1403" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.00000000;"
+         offset="1.0000000"
+         id="stop1402" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient233706"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       y2="383.76529"
+       y1="843.20789"
+       xlink:href="#linearGradient1507"
+       x2="547.80804"
+       x1="201.38963"
+       id="linearGradient1506"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient3450"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       id="linearGradient1290">
+      <stop
+         style="stop-color:#b2a269;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1291" />
+      <stop
+         style="stop-color:#6d5b18;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop1292" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient846">
+      <stop
+         style="stop-color:#e7e7e7;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop847" />
+      <stop
+         style="stop-color:#a5a5a5;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop848" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient841">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop842" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.00000000;"
+         offset="1.0000000"
+         id="stop843" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient853">
+      <stop
+         style="stop-color:#000000;stop-opacity:0.29752067;"
+         offset="0.00000000"
+         id="stop854" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.00000000;"
+         offset="1.0000000"
+         id="stop855" />
+    </linearGradient>
+    <linearGradient
+       y2="287.73825"
+       y1="169.4436"
+       xlink:href="#linearGradient1492"
+       x2="622.33325"
+       x1="741.63898"
+       id="linearGradient1497"
+       gradientTransform="scale(0.9552926,1.0467997)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1501">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1502" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.0000000;"
+         offset="1.0000000"
+         id="stop1504" />
+    </linearGradient>
+    <linearGradient
+       y2="418.53635"
+       y1="236.12772"
+       xlink:href="#linearGradient1501"
+       x2="330.88034"
+       x1="687.96375"
+       id="linearGradient1499"
+       gradientTransform="scale(0.9890091,1.011113)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1492">
+      <stop
+         style="stop-color:#dadada;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1493" />
+      <stop
+         style="stop-color:#f1f1f1;stop-opacity:1.0000000;"
+         offset="0.34923077"
+         id="stop1496" />
+      <stop
+         style="stop-color:#f0f0f0;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop1494" />
+    </linearGradient>
+    <linearGradient
+       y2="689.86005"
+       y1="230.07422"
+       xlink:href="#linearGradient1492"
+       x2="351.7063"
+       x1="728.96643"
+       id="linearGradient1495"
+       gradientTransform="scale(0.955425,1.0466546)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1507">
+      <stop
+         style="stop-color:#000000;stop-opacity:0.095505618;"
+         offset="0.0000000"
+         id="stop1508" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.0000000;"
+         offset="1.0000000"
+         id="stop1510" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient3877"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       id="linearGradient1699">
+      <stop
+         style="stop-color:#017eff;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1700" />
+      <stop
+         style="stop-color:#ecfaff;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop1701" />
+    </linearGradient>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="DiamondEmpty"
+       style="overflow:visible">
+      <path
+         id="path7"
+         d="M 0,-5 L -5,0 L 0,5 L 5,0 L 0,-5 z"
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="translate(-5,0)" />
+    </marker>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient19816"
+       id="radialGradient3268"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,541.12253,30.198804)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7299"
+       id="radialGradient3270"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient19816"
+       id="radialGradient3272"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6000725,2.3808346e-3,-3.7621654e-3,0.5955044,664.61868,-4.8275956)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7299"
+       id="radialGradient3274"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7299"
+       id="radialGradient3276"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7299"
+       id="radialGradient3278"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <linearGradient
+       id="linearGradient7299">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop7301" />
+      <stop
+         style="stop-color:#a090e7;stop-opacity:1"
+         offset="1"
+         id="stop7303" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7299"
+       id="radialGradient3280"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <linearGradient
+       id="linearGradient5596">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop5598" />
+      <stop
+         style="stop-color:#e7e790;stop-opacity:0.56489879"
+         offset="1"
+         id="stop5600" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient19816">
+      <stop
+         id="stop19818"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1;" />
+      <stop
+         id="stop19820"
+         offset="1"
+         style="stop-color:#e7e790;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient11508">
+      <stop
+         id="stop11510"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1;" />
+      <stop
+         id="stop11512"
+         offset="1"
+         style="stop-color:#008401;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3286">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop3288" />
+      <stop
+         style="stop-color:#79e291;stop-opacity:1;"
+         offset="1"
+         id="stop3290" />
+    </linearGradient>
+    <marker
+       inkscape:stockid="Arrow2Lend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow2Lend"
+       style="overflow:visible">
+      <path
+         id="path16811"
+         style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
+         transform="matrix(-1.1,0,0,-1.1,-1.1,0)" />
+    </marker>
+    <linearGradient
+       id="linearGradient7447">
+      <stop
+         style="stop-color:#ff6161;stop-opacity:1;"
+         offset="0"
+         id="stop7449" />
+      <stop
+         style="stop-color:#840929;stop-opacity:1;"
+         offset="1"
+         id="stop7451" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient7485">
+      <stop
+         style="stop-color:#b6bcef;stop-opacity:1;"
+         offset="0"
+         id="stop7487" />
+      <stop
+         style="stop-color:#4026b1;stop-opacity:1;"
+         offset="1"
+         id="stop7489" />
+    </linearGradient>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="EmptyArrow2"
+       style="overflow:visible">
+      <path
+         id="path13"
+         d="M 0,0 L 0,-5 L -10,0 L 0,5 L 0,0 z"
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="matrix(-1,0,0,-1,-10,0)" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lstart"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow1Lstart"
+       style="overflow:visible">
+      <path
+         id="path5210"
+         d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="matrix(0.8,0,0,0.8,10,0)" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotS"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotS">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z"
+         id="path3636" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutS"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutS"
+       style="overflow:visible">
+      <path
+         id="path3717"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <inkscape:path-effect
+       copytype="single_stretched"
+       pattern="M 349.202,225.086 L 405.895,331.386 L 370.462,338.472 "
+       prop_scale="1"
+       id="path-effect2503"
+       effect="skeletal" />
+    <inkscape:path-effect
+       prop_scale="1"
+       id="path-effect2499"
+       effect="skeletal" />
+    <inkscape:path-effect
+       pattern-nodetypes="cc"
+       pattern="M 432.28346,272.83462 L 403.93701,216.14171"
+       prop_scale="1"
+       id="path-effect2497"
+       effect="skeletal" />
+    <marker
+       style="overflow:visible"
+       id="Arrow1Send"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow1Send">
+      <path
+         transform="matrix(-0.2,0,0,-0.2,-1.2,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z"
+         id="path3641" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow1Lend"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z"
+         id="path3629" />
+    </marker>
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective3487" />
+    <marker
+       style="overflow:visible"
+       id="Arrow2Sendp"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2Sendp">
+      <path
+         transform="matrix(-0.3,0,0,-0.3,0.69,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
+         style="font-size:12px;fill:#f39300;fill-rule:evenodd;stroke:#f39300;stroke-width:0.625;stroke-linejoin:round"
+         id="path28139" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutSK"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutSK">
+      <path
+         transform="scale(0.2,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path36611" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutSH"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutSH">
+      <path
+         transform="scale(0.2,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path36614" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutSA"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutSA">
+      <path
+         transform="scale(0.2,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path36617" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutSKF"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutSKF">
+      <path
+         transform="scale(0.2,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path36620" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutS9"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutS9">
+      <path
+         transform="scale(0.2,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path36623" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2SendpA"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2SendpA">
+      <path
+         transform="matrix(-0.3,0,0,-0.3,0.69,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
+         style="font-size:12px;fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:0.625;stroke-linejoin:round"
+         id="path3396" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2Sendpg"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2Sendpg">
+      <path
+         transform="matrix(-0.3,0,0,-0.3,0.69,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
+         style="font-size:12px;fill:#fcc988;fill-rule:evenodd;stroke:#fcc988;stroke-width:0.625;stroke-linejoin:round"
+         id="path3360" />
+    </marker>
+    <filter
+       id="filter2780"
+       inkscape:label="White Halo"
+       width="1.1"
+       height="1.1">
+      <feMorphology
+         id="feMorphology2782"
+         operator="dilate"
+         radius="3"
+         result="result0" />
+      <feFlood
+         id="feFlood2786"
+         flood-color="rgb(255,255,255)"
+         flood-opacity="1"
+         in="result0"
+         result="result3" />
+      <feComposite
+         id="feComposite2623"
+         in="result3"
+         in2="result0"
+         operator="in"
+         result="result4" />
+      <feMerge
+         id="feMerge2629">
+        <feMergeNode
+           inkscape:collect="always"
+           id="feMergeNode2631"
+           in="result4" />
+        <feMergeNode
+           inkscape:collect="always"
+           id="feMergeNode2633"
+           in="SourceGraphic" />
+      </feMerge>
+    </filter>
+    <marker
+       inkscape:stockid="TriangleOutSn"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSn"
+       style="overflow:visible">
+      <path
+         id="path4441"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutS9F"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutS9F"
+       style="overflow:visible">
+      <path
+         id="path4444"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSI"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSI"
+       style="overflow:visible">
+      <path
+         id="path4447"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSO"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSO"
+       style="overflow:visible">
+      <path
+         id="path4450"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSW"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSW"
+       style="overflow:visible">
+      <path
+         id="path4453"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSB"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSB"
+       style="overflow:visible">
+      <path
+         id="path4456"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSZ"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSZ"
+       style="overflow:visible">
+      <path
+         id="path4459"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSq"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSq">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z"
+         id="path5853" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSBO"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSBO"
+       style="overflow:visible">
+      <path
+         id="path7501"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z"
+         id="path9463" />
+    </marker>
+    <filter
+       height="1.1"
+       width="1.1"
+       inkscape:label="Black Halo"
+       id="filter10694">
+      <feMorphology
+         result="result0"
+         radius="3"
+         operator="dilate"
+         id="feMorphology10696" />
+      <feFlood
+         result="result3"
+         in="result0"
+         flood-opacity="1"
+         flood-color="rgb(0,0,0)"
+         id="feFlood10698" />
+      <feComposite
+         result="result4"
+         operator="in"
+         in2="result0"
+         in="result3"
+         id="feComposite10700" />
+      <feMerge
+         id="feMerge10702">
+        <feMergeNode
+           in="result4"
+           id="feMergeNode10704"
+           inkscape:collect="always" />
+        <feMergeNode
+           in="SourceGraphic"
+           id="feMergeNode10706"
+           inkscape:collect="always" />
+      </feMerge>
+    </filter>
+    <marker
+       inkscape:stockid="TriangleOutSu"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSu"
+       style="overflow:visible">
+      <path
+         id="path8127"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSI8"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSI8"
+       style="overflow:visible">
+      <path
+         id="path8130"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSr"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSr"
+       style="overflow:visible">
+      <path
+         id="path8133"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSM"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSM"
+       style="overflow:visible">
+      <path
+         id="path8136"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSb"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSb"
+       style="overflow:visible">
+      <path
+         id="path8139"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       id="marker18095"
+       orient="auto"
+       markerHeight="5.7450776"
+       markerWidth="4.6297302">
+      <g
+         id="g11064"
+         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path11050"
+           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path11035"
+           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      </g>
+    </marker>
+    <marker
+       id="marker44971"
+       orient="auto"
+       markerHeight="5.7450781"
+       markerWidth="4.6297355">
+      <g
+         id="g18059"
+         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path18061"
+           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path18063"
+           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
+           style="fill:#d9d9cd;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      </g>
+    </marker>
+    <marker
+       id="marker52016"
+       orient="auto"
+       markerHeight="5.7450786"
+       markerWidth="4.6297302">
+      <g
+         id="g52010"
+         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path52012"
+           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path52014"
+           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
+           style="fill:#f39300;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      </g>
+    </marker>
+    <marker
+       id="marker64887"
+       orient="auto"
+       markerHeight="5.745079"
+       markerWidth="4.6297255">
+      <g
+         id="g64855"
+         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path64857"
+           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path64859"
+           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
+           style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      </g>
+    </marker>
+    <marker
+       id="marker4057"
+       orient="auto"
+       markerHeight="5.745079"
+       markerWidth="4.6297302">
+      <g
+         id="g51986"
+         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path51988"
+           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path51990"
+           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      </g>
+    </marker>
+    <marker
+       id="marker72805"
+       orient="auto"
+       markerHeight="4.5568175"
+       markerWidth="4.0334239">
+      <path
+         sodipodi:nodetypes="cccscccsssssssscccsccc"
+         id="path18057"
+         d="M -2.0167119,0.50456824 L 0.29578813,0.50456824 L -0.61046187,1.4108182 C -0.80893187,1.6092982 -0.80893187,1.9310982 -0.61046187,2.1295682 C -0.41198187,2.3280482 -0.090181874,2.3280482 0.10828813,2.1295682 L 1.8270381,0.39519824 L 1.8739181,0.36394824 C 1.8768781,0.36103824 1.8710181,0.35130824 1.8739181,0.34831824 C 1.9016181,0.31973824 1.9314681,0.28982824 1.9520381,0.25456824 C 1.9663581,0.23002824 1.9734781,0.20252824 1.9832881,0.17644824 C 1.9894681,0.16108824 1.9943181,0.14535824 1.9989181,0.12956824 C 2.0144781,0.07151824 2.0202881,0.01710824 2.0145381,-0.04230176 C 2.0126081,-0.07122176 2.0058581,-0.09213176 1.9989181,-0.12043176 C 1.9934681,-0.14075176 1.9913481,-0.16326176 1.9832881,-0.18293176 C 1.9750781,-0.20334176 1.9630581,-0.22603176 1.9520381,-0.24543176 C 1.9293181,-0.28436176 1.9052381,-0.32406176 1.8739181,-0.35480176 L 0.10828813,-2.1204318 C 0.003838126,-2.2318118 -0.14579187,-2.2893518 -0.29796187,-2.2766818 C -0.49535187,-2.2632018 -0.66784187,-2.1344918 -0.73546187,-1.9485518 C -0.80308187,-1.7626218 -0.75309187,-1.5544218 -0.61046187,-1.4173018 L 0.32703813,-0.49543176 L -2.0167119,-0.49543176"
+         style="fill:#f39300;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </marker>
+    <marker
+       id="marker72808"
+       orient="auto"
+       markerHeight="4.5568123"
+       markerWidth="4.0334177">
+      <path
+         sodipodi:nodetypes="cccscccsssssssscccsccc"
+         id="path72801"
+         d="M -2.016709,0.50457301 L 0.29579105,0.50457301 L -0.61045895,1.410823 C -0.80893895,1.609293 -0.80893895,1.931093 -0.61045895,2.129573 C -0.41198895,2.328043 -0.090188953,2.328043 0.10829105,2.129573 L 1.827041,0.39519301 L 1.873911,0.36394301 C 1.876881,0.36103301 1.871021,0.35130301 1.873911,0.34832301 C 1.901621,0.31974301 1.931461,0.28982301 1.952041,0.25457301 C 1.966361,0.23003301 1.973481,0.20252301 1.983291,0.17644301 C 1.989471,0.16108301 1.994321,0.14536301 1.998911,0.12957301 C 2.014471,0.071523013 2.020281,0.017103013 2.014541,-0.042306987 C 2.012611,-0.071226987 2.005851,-0.092126987 1.998911,-0.12042699 C 1.993461,-0.14075699 1.991351,-0.16325699 1.983291,-0.18292699 C 1.975071,-0.20334699 1.963051,-0.22602699 1.952041,-0.24542699 C 1.929311,-0.28436699 1.905241,-0.32405699 1.873911,-0.35480699 L 0.10829105,-2.120427 C 0.003831047,-2.231807 -0.14578895,-2.289357 -0.29795895,-2.276677 C -0.49534895,-2.263207 -0.66784895,-2.134487 -0.73545895,-1.948557 C -0.80307895,-1.762617 -0.75308895,-1.554427 -0.61045895,-1.417307 L 0.32704105,-0.49542699 L -2.016709,-0.49542699"
+         style="fill:#d9d9cd;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSuN"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSuN">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#f39300;fill-rule:evenodd;stroke:#f39300;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z"
+         id="path81580" />
+    </marker>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient92445"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.8305603,1.0914308e-3,-1.9528524e-3,0.2729933,281.94958,112.36765)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112303"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.8305603,1.0914308e-3,-1.9528524e-3,0.2729933,281.94958,112.36765)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112301"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.8305603,1.0914308e-3,-1.9528524e-3,0.2729933,281.94958,112.36765)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112299"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.293791,1.3701286e-2,-5.3144349e-3,0.5018339,-46.792176,73.88505)"
+       r="95.092682"
+       fy="112.14567"
+       fx="153.46323"
+       cy="112.14567"
+       cx="153.46323"
+       id="radialGradient112297"
+       xlink:href="#linearGradient11508"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112295"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112293"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112291"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112289"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112287"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient1694">
+      <stop
+         id="stop1695"
+         offset="0.0000000"
+         style="stop-color:#ffffff;stop-opacity:0.0000000;" />
+      <stop
+         id="stop1696"
+         offset="1.0000000"
+         style="stop-color:#ffffff;stop-opacity:1.0000000;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient112278">
+      <stop
+         id="stop112280"
+         offset="0.0000000"
+         style="stop-color:#0c1fdb;stop-opacity:1.0000000;" />
+      <stop
+         id="stop112282"
+         offset="1.0000000"
+         style="stop-color:#062d76;stop-opacity:1.0000000;" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="scale(1.475472,0.677749)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient1686"
+       inkscape:collect="always"
+       x1="242.39842"
+       x2="242.39842"
+       xlink:href="#linearGradient1683"
+       y1="1035.3337"
+       y2="636.25543" />
+    <linearGradient
+       gradientTransform="scale(1.475472,0.677749)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient1690"
+       inkscape:collect="always"
+       x1="240.86183"
+       x2="240.86183"
+       xlink:href="#linearGradient1683"
+       y1="635.74658"
+       y2="1038.9441" />
+    <linearGradient
+       gradientTransform="scale(1.479463,0.675921)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient1692"
+       inkscape:collect="always"
+       x1="244.8598"
+       x2="244.8598"
+       xlink:href="#linearGradient1694"
+       y1="827.01349"
+       y2="646.06177" />
+    <linearGradient
+       gradientTransform="matrix(0,1.475472,-0.677749,0,0,0)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient112273"
+       inkscape:collect="always"
+       x1="303.90472"
+       x2="-93.992599"
+       xlink:href="#linearGradient1683"
+       y1="-492.41382"
+       y2="-492.41382" />
+    <linearGradient
+       gradientTransform="matrix(0,1.475472,-0.677749,0,0,0)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient112271"
+       inkscape:collect="always"
+       x1="-92.98716"
+       x2="315.00735"
+       xlink:href="#linearGradient1683"
+       y1="-477.69666"
+       y2="-477.69669" />
+    <linearGradient
+       gradientTransform="matrix(0,1.475473,-0.677749,0,0,0)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient1705"
+       inkscape:collect="always"
+       x1="112.06259"
+       x2="-170.00552"
+       xlink:href="#linearGradient1694"
+       y1="-485.28952"
+       y2="-485.28973" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient5287"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient5285"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient5283"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient5281"
+       xlink:href="#linearGradient11508"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient11602"
+       xlink:href="#linearGradient19816"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient15668"
+       xlink:href="#linearGradient7299"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="148.38934"
+       x2="389.01984"
+       y1="148.38934"
+       x1="96.085953"
+       id="linearGradient5355"
+       xlink:href="#linearGradient5349"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4152">
+      <stop
+         id="stop4154"
+         offset="0"
+         style="stop-color:#6b6bff;stop-opacity:1;" />
+      <stop
+         id="stop4156"
+         offset="1"
+         style="stop-color:#6b6bff;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5349">
+      <stop
+         id="stop5351"
+         offset="0"
+         style="stop-color:#000000;stop-opacity:1;" />
+      <stop
+         id="stop5353"
+         offset="1"
+         style="stop-color:#000000;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient112247">
+      <stop
+         id="stop112249"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1" />
+      <stop
+         id="stop112251"
+         offset="1"
+         style="stop-color:#a090e7;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient9263">
+      <stop
+         id="stop9265"
+         offset="0"
+         style="stop-color:#000000;stop-opacity:0" />
+      <stop
+         id="stop9267"
+         offset="1"
+         style="stop-color:#000000;stop-opacity:0;" />
+    </linearGradient>
+    <marker
+       style="overflow:visible"
+       id="marker112241"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutL">
+      <path
+         transform="scale(0.8,0.8)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path16734" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleInL"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleInL">
+      <path
+         transform="scale(-0.8,-0.8)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path16743" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutM"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutM">
+      <path
+         transform="scale(0.4,0.4)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path16731" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="marker112234"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z"
+         id="path16829" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="marker112230"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2Lend">
+      <path
+         transform="matrix(-1.1,0,0,-1.1,-1.1,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
+         style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
+         id="path112232" />
+    </marker>
+    <linearGradient
+       id="linearGradient112224">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop112226" />
+      <stop
+         style="stop-color:#e7e790;stop-opacity:1;"
+         offset="1"
+         id="stop112228" />
+    </linearGradient>
+    <marker
+       style="overflow:visible"
+       id="marker112220"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(-1,0,0,-1,-10,0)"
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,0 L 0,-5 L -10,0 L 0,5 L 0,0 z"
+         id="path112222" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="EmptyArrow"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(-1,0,0,-1,-10,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,0 L 0,-5 L -12.5,0 L 0,5 L 0,0 z M -0.5,0 L -0.5,-4.5 L -12,0 L -0.5,4.5 L -0.5,0 z"
+         id="path9" />
+    </marker>
+    <linearGradient
+       id="linearGradient112212">
+      <stop
+         id="stop112214"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1;" />
+      <stop
+         id="stop112216"
+         offset="1"
+         style="stop-color:#79e291;stop-opacity:1;" />
+    </linearGradient>
+    <marker
+       style="overflow:visible"
+       id="marker112208"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="translate(-5,0)"
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,-5 L -5,0 L 0,5 L 5,0 L 0,-5 z"
+         id="path112210" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DiamondL"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DiamondL">
+      <path
+         transform="scale(0.8,0.8)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,-7.0710768 L -7.0710894,0 L 0,7.0710589 L 7.0710462,0 L 0,-7.0710768 z"
+         id="path4404" />
+    </marker>
+    <linearGradient
+       id="linearGradient112200">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop112202" />
+      <stop
+         style="stop-color:#e27979;stop-opacity:1"
+         offset="1"
+         id="stop112204" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient11516">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop11518" />
+      <stop
+         style="stop-color:#a090e7;stop-opacity:1"
+         offset="1"
+         id="stop11520" />
+    </linearGradient>
+    <marker
+       style="overflow:visible"
+       id="Arrow2Lstart"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2Lstart">
+      <path
+         transform="matrix(1.1,0,0,1.1,1.1,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
+         style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
+         id="path6743" />
+    </marker>
+    <inkscape:perspective
+       id="perspective112192"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective9300"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective9574"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective9882"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective10244"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient10356"
+       id="linearGradient10362"
+       x1="407.48032"
+       y1="968.17322"
+       x2="669.66157"
+       y2="968.17322"
+       gradientUnits="userSpaceOnUse" />
+    <inkscape:perspective
+       id="perspective5379"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective5446"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective7010"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+  </defs>
+  <metadata
+     id="metadata2480">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1"
+     style="display:inline">
+    <text
+       id="text4185"
+       y="306.07721"
+       x="621.04919"
+       style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"
+       sodipodi:linespacing="125%"><tspan
+         y="306.07721"
+         x="621.04919"
+         sodipodi:role="line"
+         style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan4191">Makes XMLHttpRequest</tspan></text>
+    <flowRoot
+       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       id="flowRoot2485"
+       xml:space="preserve"
+       transform="translate(0.8858251,-0.3900341)"><flowRegion
+         id="flowRegion2487"><rect
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+           y="238.07646"
+           x="262.85715"
+           height="120"
+           width="184.28572"
+           id="rect2489" /></flowRegion><flowPara
+         id="flowPara2491" /></flowRoot>    <g
+       transform="translate(-2.6856035,22.824252)"
+       id="g3178" />
+    <flowRoot
+       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       id="flowRoot8724"
+       xml:space="preserve"
+       transform="translate(0.8858251,-0.3900341)"><flowRegion
+         id="flowRegion8726"><rect
+           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+           y="752.14441"
+           x="39.286312"
+           height="22.868153"
+           width="29.904507"
+           id="rect8728" /></flowRegion><flowPara
+         id="flowPara8730" /></flowRoot>    <g
+       transform="matrix(0.5,0,0,0.5,104.22881,0.4040411)"
+       id="g18053" />
+    <flowRoot
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       id="flowRoot6905"
+       transform="translate(-179.02978,-418.06896)"><flowRegion
+         id="flowRegion6907"><use
+           transform="translate(1.467046,-91.03536)"
+           x="0"
+           y="0"
+           xlink:href="#rect4654"
+           id="use6909"
+           width="744.09448"
+           height="1052.3622" /></flowRegion><flowPara
+         id="flowPara6911">VariableOwner</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       id="flowRoot6913"
+       transform="translate(-451.39331,-789.85008)"><flowRegion
+         id="flowRegion6915"><use
+           transform="translate(1.467046,-91.03536)"
+           x="0"
+           y="0"
+           xlink:href="#rect4654"
+           id="use6917"
+           width="744.09448"
+           height="1052.3622" /></flowRegion><flowPara
+         id="flowPara6919">VariableOwner</flowPara></flowRoot>    <g
+       style="opacity:1;display:inline"
+       id="g39423"
+       transform="translate(206.81066,290.95386)">
+      <flowRoot
+         xml:space="preserve"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         id="flowRoot39425"
+         transform="translate(-5.2378947,106.19782)"><flowRegion
+           id="flowRegion39427"><use
+             transform="translate(1.467046,-91.03536)"
+             x="0"
+             y="0"
+             xlink:href="#rect4654"
+             id="use39429"
+             width="744.09448"
+             height="1052.3622" /></flowRegion><flowPara
+           id="flowPara39431">Sizeable</flowPara></flowRoot>      <g
+         id="g39433"
+         transform="translate(-46.062995,-30.433073)">
+        <flowRoot
+           xml:space="preserve"
+           style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+           id="flowRoot39435"
+           transform="translate(-5.2378947,106.19782)"><flowRegion
+             id="flowRegion39437"><use
+               transform="translate(1.467046,-91.03536)"
+               x="0"
+               y="0"
+               xlink:href="#rect4654"
+               id="use39439"
+               width="744.09448"
+               height="1052.3622" /></flowRegion><flowPara
+             id="flowPara39441">Sizeable</flowPara></flowRoot>      </g>
+      <flowRoot
+         xml:space="preserve"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         id="flowRoot39443"
+         transform="translate(75.734798,-715.9695)"><flowRegion
+           id="flowRegion39445"><use
+             transform="translate(1.467046,-91.03536)"
+             x="0"
+             y="0"
+             xlink:href="#rect4654"
+             id="use39447"
+             width="744.09448"
+             height="1052.3622" /></flowRegion><flowPara
+           id="flowPara39449">VariableOwner</flowPara></flowRoot>      <g
+         style="display:inline"
+         id="g39451"
+         transform="translate(123.00096,-20.40135)">
+        <rect
+           style="opacity:1;fill:#f39300;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+           id="rect39453"
+           width="138.189"
+           height="35.43309"
+           x="167.13719"
+           y="232.20705"
+           ry="3.7880721" />
+        <text
+           id="text39455"
+           y="253.39159"
+           x="179.05836"
+           style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+           xml:space="preserve"><tspan
+             y="253.39159"
+             x="179.05836"
+             id="tspan39457"
+             sodipodi:role="line">AbstractComponent</tspan></text>
+      </g>
+    </g>
+    <g
+       style="opacity:1;display:inline"
+       id="g39459"
+       transform="translate(340.44161,-112.12466)">
+      <rect
+         style="opacity:1;fill:#d9d9cd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect39461"
+         width="70.392639"
+         height="35.43309"
+         x="167.13719"
+         y="232.20705"
+         ry="3.7880721" />
+      <text
+         id="text39463"
+         y="253.03885"
+         x="180.51506"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="253.03885"
+           x="180.51506"
+           id="tspan39465"
+           sodipodi:role="line">Widget</tspan></text>
+    </g>
+    <g
+       style="opacity:1;fill:#49c2f1;fill-opacity:1;display:inline"
+       id="g39467"
+       transform="translate(422.80098,-112.12465)">
+      <rect
+         style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#49c2f1;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect39469"
+         width="70.866135"
+         height="35.433071"
+         x="191.07704"
+         y="232.20705"
+         ry="3.7880721" />
+      <text
+         id="text39471"
+         y="253.39159"
+         x="226.28407"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;fill:#49c2f1;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="253.39159"
+           x="226.28407"
+           id="tspan39473"
+           sodipodi:role="line"
+           style="fill:#49c2f1;fill-opacity:1">MyWidget</tspan></text>
+    </g>
+    <path
+       sodipodi:nodetypes="cc"
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:3.89763784;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#marker18095);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+       d="M 613.87802,137.79893 L 577.97144,137.79893"
+       id="path39475"
+       inkscape:connector-type="polyline" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot17420"
+       style="font-size:10px;opacity:1"
+       transform="translate(-901.04469,-383.91286)"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"><flowRegion
+         id="flowRegion17422"><rect
+           id="rect17424"
+           width="45"
+           height="18"
+           x="1495"
+           y="507.36218"
+           style="font-size:10px" /></flowRegion><flowPara
+         id="flowPara17426">...</flowPara></flowRoot>    <g
+       style="opacity:1;display:inline"
+       id="g17430"
+       transform="translate(421.30178,-24.183732)">
+      <rect
+         style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#49c2f1;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect17432"
+         width="77.952766"
+         height="35.433243"
+         x="189.03285"
+         y="232.13176"
+         ry="3.7880721" />
+      <text
+         id="text17434"
+         y="253.39159"
+         x="226.45808"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;fill:#49c2f1;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="253.39159"
+           x="226.45808"
+           id="tspan17436"
+           sodipodi:role="line">VMyWidget</tspan></text>
+    </g>
+    <path
+       sodipodi:nodetypes="cc"
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:3.89763784;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#marker18095);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+       d="M 649.31103,206.44803 L 649.31107,157.01547"
+       id="path17438"
+       inkscape:connector-type="polyline"
+       inkscape:connection-start="#g17430"
+       inkscape:connection-end="#g39467" />
+    <g
+       style="opacity:1;display:inline"
+       id="g17457"
+       transform="translate(340.03339,-24.259052)">
+      <rect
+         style="opacity:1;fill:#d9d9cd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect17459"
+         width="77.952766"
+         height="35.433086"
+         x="164.00203"
+         y="232.20705"
+         ry="3.7880721" />
+      <text
+         id="text17461"
+         y="253.17523"
+         x="201.76237"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="253.17523"
+           x="201.76237"
+           id="tspan17463"
+           sodipodi:role="line">Paintable</tspan></text>
+    </g>
+    <path
+       sodipodi:nodetypes="cc"
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:3.89763784;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#marker18095);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+       d="M 608.83463,225.66461 L 581.98819,225.66458"
+       id="path17465"
+       inkscape:connector-type="polyline"
+       inkscape:connection-end="#g17457"
+       inkscape:connection-start="#g17430" />
+    <g
+       style="opacity:1;display:inline"
+       id="g17467"
+       transform="translate(346.88124,29.879808)">
+      <rect
+         style="opacity:1;fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect17469"
+         width="152.3622"
+         height="35.433071"
+         x="160.69756"
+         y="232.13174"
+         ry="3.7880721" />
+      <text
+         id="text17471"
+         y="254.30551"
+         x="234.41504"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="254.30551"
+           x="234.41504"
+           sodipodi:role="line"
+           id="tspan17475">ApplicationConnection</tspan></text>
+      <text
+         id="text39409"
+         y="239.02148"
+         x="164.24088"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="239.02148"
+           x="164.24088"
+           sodipodi:role="line"
+           id="tspan39411">com.vaadin.terminal.gwt.client.</tspan></text>
+    </g>
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:1, 2;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect39497"
+       width="230.31499"
+       height="67.322838"
+       x="489.86221"
+       y="98.82254"
+       ry="3.7880721" />
+    <path
+       sodipodi:open="true"
+       transform="translate(55.457988,12.815138)"
+       sodipodi:end="6.2827149"
+       sodipodi:start="0"
+       d="M 491.37734,228.54329 A 4.1726308,4.3281136 0 1 1 491.37734,228.54125"
+       sodipodi:ry="4.3281136"
+       sodipodi:rx="4.1726308"
+       sodipodi:cy="228.54329"
+       sodipodi:cx="487.20471"
+       id="path80520"
+       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.12598419;stroke-linecap:round;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:2.12598425, 2.12598425;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       sodipodi:type="arc" />
+    <path
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:2.83464575;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#DotSu);stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
+       d="M 542.76669,263.54512 L 542.68974,241.28846"
+       id="path80518"
+       inkscape:connector-type="polyline" />
+    <flowRoot
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;opacity:1;fill:#49c2f1;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       id="flowRoot80522"
+       transform="translate(341.83362,64.299257)"><flowRegion
+         id="flowRegion80524"><use
+           transform="translate(1.467046,-91.03536)"
+           x="0"
+           y="0"
+           xlink:href="#rect4654"
+           id="use80526"
+           width="744.09448"
+           height="1052.3622" /></flowRegion><flowPara
+         id="flowPara80528">1</flowPara></flowRoot>    <text
+       id="text18086"
+       y="254.72804"
+       x="550.22314"
+       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;opacity:1;fill:#49c2f1;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       xml:space="preserve"><tspan
+         y="254.72804"
+         x="550.22314"
+         id="tspan18088"
+         sodipodi:role="line">n</tspan></text>
+    <text
+       id="text18090"
+       y="112.99577"
+       x="493.40552"
+       style="font-size:10px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       xml:space="preserve"><tspan
+         y="112.99577"
+         x="493.40552"
+         id="tspan18092"
+         sodipodi:role="line">Google Web Toolkit</tspan></text>
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:1, 2;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect18094"
+       width="230.31496"
+       height="138.18898"
+       x="489.86221"
+       y="173.23199"
+       ry="3.7880721" />
+    <text
+       id="text18096"
+       y="187.40521"
+       x="493.40552"
+       style="font-size:10px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       xml:space="preserve"><tspan
+         y="187.40521"
+         x="493.40552"
+         id="tspan18098"
+         sodipodi:role="line">Vaadin Client-Side Integration</tspan></text>
+    <g
+       style="opacity:1;display:inline"
+       id="g18100"
+       transform="translate(346.88124,129.09241)">
+      <rect
+         style="opacity:1;fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect18102"
+         width="152.3622"
+         height="35.433071"
+         x="160.69756"
+         y="232.13174"
+         ry="3.7880721" />
+      <text
+         id="text18104"
+         y="253.39159"
+         x="236.56898"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="253.39159"
+           x="236.56898"
+           sodipodi:role="line"
+           id="tspan18106">CommunicationManager</tspan></text>
+      <text
+         id="text31853"
+         y="239.21835"
+         x="164.24086"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="239.21835"
+           x="164.24086"
+           sodipodi:role="line"
+           id="tspan31855">com.vaadin.terminal.server.</tspan></text>
+    </g>
+    <path
+       sodipodi:nodetypes="cc"
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:3.89763784;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:url(#CurvyCross);marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+       d="M 615.75989,361.22415 L 615.75989,297.44463"
+       id="path20937"
+       inkscape:connector-type="polyline" />
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:1, 2;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect29628"
+       width="230.31499"
+       height="258.46454"
+       x="489.86218"
+       y="343.5076"
+       ry="3.7880721" />
+    <g
+       style="opacity:1;display:inline"
+       id="g29630"
+       transform="translate(361.70138,178.62338)">
+      <rect
+         style="opacity:1;fill:#d9d9cd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect29632"
+         width="74.409454"
+         height="35.433071"
+         x="167.13719"
+         y="232.20705"
+         ry="3.7880721" />
+      <text
+         id="text29634"
+         y="253.94359"
+         x="203.12589"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="253.94359"
+           x="203.12589"
+           id="tspan29636"
+           sodipodi:role="line">Paintable</tspan></text>
+      <text
+         id="text31857"
+         y="239.29366"
+         x="170.6805"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="239.29366"
+           x="170.6805"
+           sodipodi:role="line"
+           id="tspan31859">com.vaadin.terminal.</tspan></text>
+    </g>
+    <path
+       sodipodi:open="true"
+       transform="translate(78.814249,182.28714)"
+       sodipodi:end="6.2827149"
+       sodipodi:start="0"
+       d="M 491.37734,228.54329 A 4.1726308,4.3281136 0 1 1 491.37734,228.54125"
+       sodipodi:ry="4.3281136"
+       sodipodi:rx="4.1726308"
+       sodipodi:cy="228.54329"
+       sodipodi:cx="487.20471"
+       id="path29638"
+       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.12598419;stroke-linecap:round;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:2.12598425, 2.12598425;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       sodipodi:type="arc" />
+    <path
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:2.83464575;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#DotSu);stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
+       d="M 566.28891,396.2131 L 566.17788,410.83043"
+       id="path29640"
+       inkscape:connector-type="polyline"
+       inkscape:connection-end="#g29630" />
+    <text
+       id="text29642"
+       y="406.84302"
+       x="571.8631"
+       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;opacity:1;fill:#49c2f1;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       xml:space="preserve"><tspan
+         y="406.84302"
+         x="571.8631"
+         id="tspan29644"
+         sodipodi:role="line">n</tspan></text>
+    <g
+       style="opacity:1;display:inline"
+       id="g29646"
+       transform="translate(340.21386,327.32072)">
+      <rect
+         style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#49c2f1;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect29648"
+         width="95.669289"
+         height="35.433056"
+         x="177.9948"
+         y="232.13174"
+         ry="3.7880721" />
+      <text
+         id="text29650"
+         y="253.39159"
+         x="226.45808"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;fill:#49c2f1;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="253.39159"
+           x="226.45808"
+           id="tspan29652"
+           sodipodi:role="line">MyComponent</tspan></text>
+    </g>
+    <rect
+       style="opacity:1;fill:url(#pattern39357);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.83464575;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect29654"
+       width="70.866173"
+       height="24.80315"
+       x="589.18512"
+       y="315.16116"
+       ry="2.6516509" />
+    <text
+       id="text31847"
+       y="323.33075"
+       x="620.76477"
+       style="font-size:10px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"><tspan
+         y="323.33075"
+         x="620.76477"
+         id="tspan31849"
+         sodipodi:role="line">Server connection:</tspan><tspan
+         y="335.83075"
+         x="620.76477"
+         sodipodi:role="line"
+         id="tspan31851">UIDL / JSON / HTTP(S)</tspan></text>
+    <g
+       style="opacity:1;display:inline"
+       id="g31861"
+       transform="translate(358.15809,224.0328)">
+      <rect
+         style="opacity:1;fill:#d9d9cd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect31863"
+         width="81.496056"
+         height="35.433067"
+         x="167.13719"
+         y="232.20705"
+         ry="3.7880721" />
+      <text
+         id="text31865"
+         y="253.46689"
+         x="208.33708"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="253.46689"
+           x="208.33708"
+           id="tspan31867"
+           sodipodi:role="line">Component</tspan></text>
+      <text
+         id="text31869"
+         y="239.29366"
+         x="170.6805"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="239.29366"
+           x="170.6805"
+           sodipodi:role="line"
+           id="tspan31871">com.vaadin.ui.</tspan></text>
+    </g>
+    <path
+       sodipodi:nodetypes="cc"
+       style="opacity:1;fill:#d9d9cd;fill-opacity:1;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:3.89763784;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#marker44971);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+       d="M 566.04331,456.23985 L 566.0433,446.2635"
+       id="path31873"
+       inkscape:connector-type="polyline"
+       inkscape:connection-start="#g31861"
+       inkscape:connection-end="#g29630" />
+    <text
+       id="text35578"
+       y="441.57971"
+       x="577.30432"
+       style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"><tspan
+         y="441.57971"
+         x="577.30432"
+         sodipodi:role="line"
+         id="tspan35582"
+         style="font-size:8px;font-style:oblique;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:FreeSans;-inkscape-font-specification:FreeSans Oblique">paint()</tspan></text>
+    <text
+       id="text39308"
+       y="533.98322"
+       x="504.96332"
+       style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"><tspan
+         y="533.98322"
+         x="504.96332"
+         sodipodi:role="line"
+         style="font-size:8px;font-style:oblique;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:FreeSans;-inkscape-font-specification:FreeSans Oblique"
+         id="tspan39312">getTag()</tspan></text>
+    <text
+       id="text39320"
+       y="533.98322"
+       x="581.10388"
+       style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"><tspan
+         y="533.98322"
+         x="581.10388"
+         sodipodi:role="line"
+         style="font-size:8px;font-style:oblique;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:FreeSans;-inkscape-font-specification:FreeSans Oblique"
+         id="tspan39322">paintContent()</tspan></text>
+    <text
+       id="text39324"
+       y="182.64143"
+       x="665.93225"
+       style="font-size:6px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"
+       sodipodi:linespacing="125%"><tspan
+         y="182.64143"
+         x="665.93225"
+         sodipodi:role="line"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan39330">Must implement</tspan><tspan
+         y="190.14143"
+         x="665.93225"
+         sodipodi:role="line"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan39387">updateFromUIDL()</tspan><tspan
+         y="197.64143"
+         x="665.93225"
+         sodipodi:role="line"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan41293">to deserialize state</tspan><tspan
+         y="205.14143"
+         x="665.93225"
+         sodipodi:role="line"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan41295">from server</tspan></text>
+    <path
+       sodipodi:nodetypes="cc"
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:3.89763784;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#marker18095);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+       d="M 566.0433,557.95246 L 566.04331,538.19265"
+       id="path39332"
+       inkscape:connector-type="polyline"
+       inkscape:connection-start="#g29646"
+       inkscape:connection-end="#g39423" />
+    <text
+       id="text39351"
+       y="205.12175"
+       x="500.49213"
+       style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       xml:space="preserve"><tspan
+         y="205.12175"
+         x="500.49213"
+         sodipodi:role="line"
+         id="tspan39353">com.vaadin.terminal.gwt.client.</tspan></text>
+    <text
+       id="text39363"
+       y="355.59467"
+       x="493.86993"
+       style="font-size:10px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       xml:space="preserve"><tspan
+         y="355.59467"
+         x="493.86993"
+         id="tspan39365"
+         sodipodi:role="line">Server-Side Integration</tspan></text>
+    <text
+       id="text39367"
+       y="548.01917"
+       x="623.17151"
+       style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"
+       sodipodi:linespacing="125%"><tspan
+         y="548.01917"
+         x="623.17151"
+         sodipodi:role="line"
+         style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan39373">Must implement </tspan><tspan
+         y="558.01917"
+         x="623.17151"
+         sodipodi:role="line"
+         style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan10255">changeVariables() for</tspan><tspan
+         y="568.01917"
+         x="623.17151"
+         sodipodi:role="line"
+         style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan41267">deserialization and</tspan><tspan
+         y="578.01917"
+         x="623.17151"
+         sodipodi:role="line"
+         style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan4143">paintContent() for</tspan><tspan
+         y="588.01917"
+         x="623.17151"
+         sodipodi:role="line"
+         style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan10263">serialization using the</tspan><tspan
+         y="598.01917"
+         x="623.17151"
+         sodipodi:role="line"
+         style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan41283">PaintTarget interface.</tspan></text>
+    <text
+       id="text39379"
+       y="236.34618"
+       x="514.09521"
+       style="font-size:6px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"><tspan
+         y="236.34618"
+         x="514.09521"
+         sodipodi:role="line"
+         style="font-size:6px;font-style:oblique;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:FreeSans;-inkscape-font-specification:FreeSans Oblique"
+         id="tspan39381">updateFromUIDL()</tspan></text>
+    <path
+       sodipodi:open="true"
+       transform="translate(162.10637,35.357838)"
+       sodipodi:end="6.2827149"
+       sodipodi:start="0"
+       d="M 491.37734,228.54329 A 4.1726308,4.3281136 0 1 1 491.37734,228.54125"
+       sodipodi:ry="4.3281136"
+       sodipodi:rx="4.1726308"
+       sodipodi:cy="228.54329"
+       sodipodi:cx="487.20471"
+       id="path39385"
+       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.12598419;stroke-linecap:round;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:2.12598425, 2.12598425;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       sodipodi:type="arc" />
+    <path
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:2.83464575;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#DotSu);stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
+       d="M 649.30143,244.88127 L 649.29188,264.02924"
+       id="path39383"
+       inkscape:connector-type="polyline"
+       inkscape:connection-start="#g17430" />
+    <text
+       id="text39389"
+       y="293.70444"
+       x="514.1615"
+       style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"
+       sodipodi:linespacing="125%"><tspan
+         y="293.70444"
+         x="514.1615"
+         sodipodi:role="line"
+         style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan39393">updateVariable()</tspan></text>
+    <text
+       id="text39397"
+       y="251.18474"
+       x="666.13989"
+       style="font-size:6px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"
+       sodipodi:linespacing="125%"><tspan
+         y="251.18474"
+         x="666.13989"
+         sodipodi:role="line"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan39401">Needs to call</tspan><tspan
+         y="258.68475"
+         x="666.13989"
+         sodipodi:role="line"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan3019">updateVariable() to</tspan><tspan
+         y="266.18475"
+         x="666.13989"
+         sodipodi:role="line"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan41291">to serialize state to</tspan><tspan
+         y="273.68475"
+         x="666.13989"
+         sodipodi:role="line"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan10346">server</tspan></text>
+    <text
+       id="text39405"
+       y="258.27136"
+       x="642.34912"
+       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;opacity:1;fill:#49c2f1;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       xml:space="preserve"><tspan
+         y="258.27136"
+         x="642.34912"
+         id="tspan39407"
+         sodipodi:role="line">1</tspan></text>
+    <path
+       inkscape:connector-type="polyline"
+       id="path4676"
+       d="M 566.04331,502.75956 L 566.04331,491.67291"
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f39300;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#marker52016);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+       inkscape:connection-end="#g31861"
+       inkscape:connection-start="#g39423" />
+    <g
+       style="opacity:1;display:inline"
+       id="g41251"
+       transform="translate(471.16378,224.47694)">
+      <rect
+         style="opacity:1;fill:#d9d9cd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect41253"
+         width="95.669289"
+         height="35.889771"
+         x="149.80078"
+         y="231.76292"
+         ry="3.7880721" />
+      <text
+         id="text41255"
+         y="253.02277"
+         x="197.12627"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="253.02277"
+           x="197.12627"
+           id="tspan41257"
+           sodipodi:role="line">PaintTarget</tspan></text>
+      <text
+         id="text41259"
+         y="238.84953"
+         x="153.34409"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="238.84953"
+           x="153.34409"
+           sodipodi:role="line"
+           id="tspan41261">com.vaadin.terminal.</tspan></text>
+    </g>
+    <path
+       inkscape:connector-type="polyline"
+       id="path41269"
+       d="M 632.18017,506.73099 L 648.60872,492.12963"
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f39300;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#marker52016);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+       inkscape:connection-end="#g41251" />
+    <text
+       id="text41271"
+       y="499.56174"
+       x="665.98163"
+       style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"
+       sodipodi:linespacing="125%"><tspan
+         y="499.56174"
+         x="665.98163"
+         sodipodi:role="line"
+         style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan41273">addAttribute()</tspan><tspan
+         y="509.56174"
+         x="665.98163"
+         sodipodi:role="line"
+         style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan41275">addVariable()</tspan><tspan
+         y="519.56177"
+         x="665.98163"
+         sodipodi:role="line"
+         style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan41277" /></text>
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot10241"
+       style="font-size:10px;opacity:1;display:inline"
+       transform="translate(-924.45188,32.730089)"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"><flowRegion
+         id="flowRegion10243"><rect
+           id="rect10245"
+           width="45"
+           height="18"
+           x="1495"
+           y="507.36218"
+           style="font-size:10px" /></flowRegion><flowPara
+         id="flowPara10247">...</flowPara></flowRoot>    <text
+       id="text10319"
+       y="109.52374"
+       x="650.04742"
+       style="font-size:6px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"
+       sodipodi:linespacing="125%"><tspan
+         y="109.52374"
+         x="650.04742"
+         sodipodi:role="line"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan10327">Any GWT widget -</tspan><tspan
+         y="117.02374"
+         x="650.04742"
+         sodipodi:role="line"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan10338">an existing or your own</tspan></text>
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#49c2f1;stroke-width:0.88582677;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
+       d="M 663.48425,244.09813 C 663.48425,261.81467 663.48425,275.9879 663.48425,275.9879 L 716.63385,275.9879"
+       id="path3023"
+       sodipodi:nodetypes="ccc" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#49c2f1;stroke-width:0.88582677;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
+       d="M 663.04134,209.10799 C 663.04134,209.10799 663.04134,177.21822 663.04134,177.21822 L 716.19094,177.21822"
+       id="path4137"
+       sodipodi:nodetypes="ccc" />
+    <g
+       style="opacity:1;display:inline"
+       id="g4149"
+       transform="translate(478.2504,178.87065)">
+      <rect
+         style="opacity:1;fill:#d9d9cd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect4151"
+         width="95.669289"
+         height="35.433067"
+         x="142.71416"
+         y="231.76292"
+         ry="3.7880721" />
+      <text
+         id="text4153"
+         y="253.02277"
+         x="191.00067"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="253.02277"
+           x="191.00067"
+           id="tspan4155"
+           sodipodi:role="line">VariableOwner</tspan></text>
+      <text
+         id="text4157"
+         y="238.84953"
+         x="146.25746"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="238.84953"
+           x="146.25746"
+           sodipodi:role="line"
+           id="tspan4159">com.vaadin.terminal.</tspan></text>
+      <text
+         id="text4161"
+         y="262.61942"
+         x="170.55461"
+         style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         xml:space="preserve"><tspan
+           y="262.61942"
+           x="170.55461"
+           sodipodi:role="line"
+           id="tspan4163"
+           style="font-size:8px;font-style:oblique;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:FreeSans;-inkscape-font-specification:FreeSans Oblique">changeVariables()</tspan></text>
+    </g>
+    <path
+       sodipodi:nodetypes="cc"
+       style="opacity:1;fill:#d9d9cd;fill-opacity:1;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:3.89763784;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#marker44971);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+       d="M 603.59673,461.55519 L 615.89069,446.80245"
+       id="path4165"
+       inkscape:connector-type="polyline" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#49c2f1;stroke-width:0.88582677;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
+       d="M 613.87795,572.24267 C 613.87795,572.24267 613.87795,540.3529 613.87795,540.3529 L 716.63385,540.3529"
+       id="path4171"
+       sodipodi:nodetypes="ccc" />
+    <text
+       id="text4173"
+       y="510.23032"
+       x="558.37817"
+       style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"
+       sodipodi:linespacing="125%"><tspan
+         y="510.23032"
+         x="558.37817"
+         sodipodi:role="line"
+         style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan4179">(Implements paint())</tspan></text>
+  </g>
+</svg>
diff --git a/documentation/gwt/original-drawings/gwt-hostedmode-project-annotated.svg b/documentation/gwt/original-drawings/gwt-hostedmode-project-annotated.svg
new file mode 100644
index 0000000000..e131105e49
--- /dev/null
+++ b/documentation/gwt/original-drawings/gwt-hostedmode-project-annotated.svg
@@ -0,0 +1,311 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="210mm"
+   height="297mm"
+   id="svg1901"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   sodipodi:docname="gwt-hostedmode-project-annotated.svg"
+   sodipodi:docbase="/home/magi/.encfs/plain/itmill/workspace/toolkit5/doc/manual/original-drawings/gwt"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <defs
+     id="defs1903">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective46" />
+    <marker
+       inkscape:stockid="TriangleOutL"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="TriangleOutL"
+       style="overflow:visible">
+      <path
+         id="path3994"
+         d="M 5.77,0.0 L -2.88,5.0 L -2.88,-5.0 L 5.77,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt;marker-start:none"
+         transform="scale(0.8)" />
+    </marker>
+    <inkscape:perspective
+       id="perspective2546"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.98994949"
+     inkscape:cx="356.00434"
+     inkscape:cy="623.849"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     gridtolerance="10000"
+     inkscape:window-width="1279"
+     inkscape:window-height="1025"
+     inkscape:window-x="1280"
+     inkscape:window-y="0"
+     showgrid="false" />
+  <metadata
+     id="metadata1906">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Taso 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="opacity:1">
+    <image
+       y="41.719334"
+       x="15.285729"
+       id="image2548"
+       height="787"
+       width="398"
+       sodipodi:absref="/home/magi/itmill/doc-6.2/manual/img/gwt/gwt-hostedmode-project-1.png"
+       xlink:href="/home/magi/itmill/doc-6.2/manual/img/gwt/gwt-hostedmode-project-1.png" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 424.28571,119.50504 C 473.57142,118.79075 391.69409,238.68848 471.84699,242.35347 C 388.2458,245.51364 474.28571,389.63991 425,389.63991"
+       id="path2900"
+       sodipodi:nodetypes="ccc" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot2902"
+       style="font-size:16px;font-style:oblique;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans;-inkscape-font-specification:Bitstream Vera Sans Oblique"
+       transform="translate(12.836838,18.144301)"><flowRegion
+         id="flowRegion2904"><rect
+           id="rect2906"
+           width="210"
+           height="65.714287"
+           x="463.57144"
+           y="213.79076"
+           style="font-size:16px;font-style:oblique;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans;-inkscape-font-specification:Bitstream Vera Sans Oblique" /></flowRegion><flowPara
+         id="flowPara2908">The Source Files (*)</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot2912"
+       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;opacity:1;font-family:Bitstream Vera Sans"
+       transform="translate(12.756373,510.51146)"><flowRegion
+         id="flowRegion2914"><rect
+           id="rect2916"
+           width="210"
+           height="65.714287"
+           x="463.57144"
+           y="213.79076"
+           style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans" /></flowRegion><flowPara
+         id="flowPara2918">Vaadin Library (*)</flowPara></flowRoot>    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#TriangleOutL);stroke-opacity:1;display:inline"
+       d="M 473.10225,732.84728 L 313.81653,761.41871"
+       id="path2922"
+       inkscape:connector-type="polyline" />
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 415.93752,464.85307 C 431.5598,464.58175 402.85826,483.59805 433.26144,484.60969 C 403.04967,485.73434 432.89387,505.92924 416.37874,505.5721"
+       id="path4091"
+       sodipodi:nodetypes="ccc" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot4093"
+       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;opacity:1;font-family:Bitstream Vera Sans"
+       transform="translate(11.982935,251.01943)"><flowRegion
+         id="flowRegion4095"><rect
+           id="rect4097"
+           width="304.28571"
+           height="39.285717"
+           x="463.57144"
+           y="213.79076"
+           style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans" /></flowRegion><flowPara
+         id="flowPara4099">Google Web Toolkit Libraries (*)</flowPara></flowRoot>    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#TriangleOutL);stroke-opacity:1;display:inline"
+       d="M 473.1327,477.51807 L 440.75495,483.4267"
+       id="path4101"
+       inkscape:connector-type="polyline"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#TriangleOutL);stroke-opacity:1;display:inline"
+       d="M 472.26541,687.44268 L 212.78462,700.50473"
+       id="path4115"
+       inkscape:connector-type="polyline" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot4119"
+       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;opacity:1;font-family:Bitstream Vera Sans"
+       transform="translate(11.982935,463.55608)"><flowRegion
+         id="flowRegion4121"><rect
+           id="rect4123"
+           width="304.28571"
+           height="39.285717"
+           x="463.57144"
+           y="213.79076"
+           style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans" /></flowRegion><flowPara
+         id="flowPara4125">Compiled widgetsets</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot4127"
+       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;opacity:1;font-family:Bitstream Vera Sans"
+       transform="translate(12.350123,314.09045)"><flowRegion
+         id="flowRegion4129"><rect
+           id="rect4131"
+           width="304.28571"
+           height="39.285717"
+           x="463.57144"
+           y="213.79076"
+           style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans" /></flowRegion><flowPara
+         id="flowPara4133">Widgetset build script</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot4135"
+       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;opacity:1;font-family:Bitstream Vera Sans"
+       transform="translate(11.31106,564.69749)"><flowRegion
+         id="flowRegion4137"><rect
+           id="rect4139"
+           width="304.28571"
+           height="39.285717"
+           x="463.57144"
+           y="213.79076"
+           style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans" /></flowRegion><flowPara
+         id="flowPara4141">Deployment descriptor</flowPara></flowRoot>    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#TriangleOutL);stroke-opacity:1;display:inline"
+       d="M 468.39811,791.44124 L 170.46047,796.18743"
+       id="path4143"
+       inkscape:connector-type="polyline"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#TriangleOutL);stroke-opacity:1;display:inline"
+       d="M 471.25526,540.71164 L 233.69398,566.38387"
+       id="path4145"
+       inkscape:connector-type="polyline"
+       sodipodi:nodetypes="cc" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot2552"
+       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;opacity:1;font-family:Bitstream Vera Sans"
+       transform="translate(10.547935,-71.968455)"><flowRegion
+         id="flowRegion2554"><rect
+           id="rect2556"
+           width="304.28571"
+           height="39.285717"
+           x="463.57144"
+           y="213.79076"
+           style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans" /></flowRegion><flowPara
+         id="flowPara2558">The new server-side component</flowPara></flowRoot>    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#TriangleOutL);stroke-opacity:1;display:inline"
+       d="M 468.56776,150.74748 L 211.81358,174.3994"
+       id="path2560"
+       inkscape:connector-type="polyline"
+       sodipodi:nodetypes="cc" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot2562"
+       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;opacity:1;font-family:Bitstream Vera Sans"
+       transform="translate(10.510626,-39.22151)"><flowRegion
+         id="flowRegion2564"><rect
+           id="rect2566"
+           width="304.28571"
+           height="39.285717"
+           x="463.57144"
+           y="213.79076"
+           style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans" /></flowRegion><flowPara
+         id="flowPara2568">The application</flowPara></flowRoot>    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#TriangleOutL);stroke-opacity:1;display:inline"
+       d="M 468.53045,185.37259 L 276.42603,199.93314"
+       id="path2570"
+       inkscape:connector-type="polyline"
+       sodipodi:nodetypes="cc" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot2572"
+       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;opacity:1;font-family:Bitstream Vera Sans"
+       transform="translate(11.77857,79.716869)"><flowRegion
+         id="flowRegion2574"><rect
+           id="rect2576"
+           width="304.28571"
+           height="39.285717"
+           x="463.57144"
+           y="213.79076"
+           style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans" /></flowRegion><flowPara
+         id="flowPara2578">Default style for the widget set</flowPara></flowRoot>    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#TriangleOutL);stroke-opacity:1;display:inline"
+       d="M 468.06944,304.75318 L 206.2645,289.00915"
+       id="path2580"
+       inkscape:connector-type="polyline"
+       sodipodi:nodetypes="cc" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot2582"
+       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;opacity:1;font-family:Bitstream Vera Sans"
+       transform="translate(11.920705,142.10267)"><flowRegion
+         id="flowRegion2584"><rect
+           id="rect2586"
+           width="304.28571"
+           height="39.285717"
+           x="463.57144"
+           y="213.79076"
+           style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans" /></flowRegion><flowPara
+         id="flowPara2588">A custom GWT widget</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot2590"
+       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;opacity:1;font-family:Bitstream Vera Sans"
+       transform="translate(10.37383,176.10267)"><flowRegion
+         id="flowRegion2592"><rect
+           id="rect2594"
+           width="304.28571"
+           height="39.285717"
+           x="463.57144"
+           y="213.79076"
+           style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans" /></flowRegion><flowPara
+         id="flowPara2596">The Vaadin integration widget</flowPara></flowRoot>    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#TriangleOutL);stroke-opacity:1;display:inline"
+       d="M 470.08692,365.11676 L 231.51549,360.48441"
+       id="path2598"
+       inkscape:connector-type="polyline"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#TriangleOutL);stroke-opacity:1;display:inline"
+       d="M 470.08692,398.4518 L 216.36321,384.72808"
+       id="path2600"
+       inkscape:connector-type="polyline"
+       sodipodi:nodetypes="cc" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot2602"
+       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;opacity:1;font-family:Bitstream Vera Sans"
+       transform="translate(13.677615,110.84885)"><flowRegion
+         id="flowRegion2604"><rect
+           id="rect2606"
+           width="304.28571"
+           height="39.285717"
+           x="463.57144"
+           y="213.79076"
+           style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans" /></flowRegion><flowPara
+         id="flowPara2608">The widget set definition file</flowPara></flowRoot>    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#TriangleOutL);stroke-opacity:1;display:inline"
+       d="M 470.09591,333.3864 L 295.16409,314.61191"
+       id="path2618"
+       inkscape:connector-type="polyline"
+       sodipodi:nodetypes="cc" />
+  </g>
+</svg>
diff --git a/documentation/gwt/original-drawings/gwt-widget-files.svg b/documentation/gwt/original-drawings/gwt-widget-files.svg
new file mode 100644
index 0000000000..e8a593de8a
--- /dev/null
+++ b/documentation/gwt/original-drawings/gwt-widget-files.svg
@@ -0,0 +1,1970 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="210mm"
+   height="297mm"
+   id="svg1901"
+   sodipodi:version="0.32"
+   inkscape:version="0.48.2 r9819"
+   sodipodi:docname="gwt-widget-files.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:modified="true"
+   version="1.1">
+  <defs
+     id="defs1903">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective41239" />
+    <linearGradient
+       id="linearGradient1699">
+      <stop
+         style="stop-color:#017eff;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1700" />
+      <stop
+         style="stop-color:#ecfaff;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop1701" />
+    </linearGradient>
+    <linearGradient
+       xlink:href="#linearGradient841"
+       id="linearGradient1944" />
+    <radialGradient
+       xlink:href="#linearGradient841"
+       r="14.610766"
+       id="radialGradient856"
+       fy="202.26838"
+       fx="35.230234"
+       cy="131.97556"
+       cx="34.1285"
+       gradientTransform="scale(2.2802787,0.4385429)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       y2="-69.63434"
+       y1="-117.11155"
+       xlink:href="#linearGradient1507"
+       x2="126.79182"
+       x1="115.92603"
+       id="linearGradient1556"
+       gradientTransform="scale(0.5909046,1.6923205)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       y2="383.7653"
+       y1="843.20789"
+       xlink:href="#linearGradient1507"
+       x2="547.80806"
+       x1="201.38964"
+       id="linearGradient1506"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       y2="418.53634"
+       y1="236.12772"
+       xlink:href="#linearGradient1501"
+       x2="330.88033"
+       x1="687.96373"
+       id="linearGradient1499"
+       gradientTransform="scale(0.9890091,1.011113)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       y2="287.73826"
+       y1="169.44361"
+       xlink:href="#linearGradient1492"
+       x2="622.33327"
+       x1="741.63899"
+       id="linearGradient1497"
+       gradientTransform="scale(0.9552926,1.0467997)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       y2="689.86002"
+       y1="230.07422"
+       xlink:href="#linearGradient1492"
+       x2="351.7063"
+       x1="728.96644"
+       id="linearGradient1495"
+       gradientTransform="scale(0.955425,1.0466546)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1492">
+      <stop
+         style="stop-color:#dadada;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1493" />
+      <stop
+         style="stop-color:#f1f1f1;stop-opacity:1.0000000;"
+         offset="0.34923077"
+         id="stop1496" />
+      <stop
+         style="stop-color:#f0f0f0;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop1494" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1501">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1502" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.0000000;"
+         offset="1.0000000"
+         id="stop1504" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1507">
+      <stop
+         style="stop-color:#000000;stop-opacity:0.095505618;"
+         offset="0.0000000"
+         id="stop1508" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.0000000;"
+         offset="1.0000000"
+         id="stop1510" />
+    </linearGradient>
+    <radialGradient
+       xlink:href="#linearGradient853"
+       r="48.175187"
+       id="radialGradient861"
+       fy="152.04478"
+       fx="51.138559"
+       cy="171.4256"
+       cx="50.460038"
+       gradientTransform="scale(1.5547505,0.64319)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient853">
+      <stop
+         style="stop-color:#000000;stop-opacity:0.29752067;"
+         offset="0.00000000"
+         id="stop854" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.00000000;"
+         offset="1.0000000"
+         id="stop855" />
+    </linearGradient>
+    <linearGradient
+       y2="197.13656"
+       y1="1.1644779"
+       xlink:href="#linearGradient853"
+       x2="37.213289"
+       x1="133.68162"
+       id="linearGradient859"
+       gradientTransform="scale(1.3864154,0.7212846)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       xlink:href="#linearGradient846"
+       id="linearGradient850"
+       gradientTransform="scale(0.9646355,1.036661)"
+       x1="30.408737"
+       y1="87.607189"
+       x2="86.629186"
+       y2="87.607189"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient846">
+      <stop
+         style="stop-color:#e7e7e7;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop847" />
+      <stop
+         style="stop-color:#a5a5a5;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop848" />
+    </linearGradient>
+    <linearGradient
+       y2="54.652753"
+       y1="96.863347"
+       xlink:href="#linearGradient846"
+       x2="129.31949"
+       x1="131.7996"
+       id="linearGradient858"
+       gradientTransform="scale(0.9424607,1.0610522)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       y2="85.035176"
+       y1="83.628501"
+       xlink:href="#linearGradient846"
+       x2="56.191431"
+       x1="38.806116"
+       id="linearGradient851"
+       gradientTransform="scale(1.7828975,0.5608847)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       y2="26.470001"
+       y1="173.90754"
+       xlink:href="#linearGradient1290"
+       x2="-129.90755"
+       x1="-132.24597"
+       id="linearGradient860"
+       gradientTransform="scale(0.8297524,1.2051788)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1290">
+      <stop
+         style="stop-color:#b2a269;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1291" />
+      <stop
+         style="stop-color:#6d5b18;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop1292" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient841">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop842" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.00000000;"
+         offset="1.0000000"
+         id="stop843" />
+    </linearGradient>
+    <radialGradient
+       xlink:href="#linearGradient853"
+       r="24.002857"
+       id="radialGradient864"
+       fy="147.87567"
+       fx="50.886028"
+       cy="164.70526"
+       cx="50.886028"
+       gradientTransform="scale(1.5144268,0.6603158)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       y2="85.416771"
+       y1="83.615703"
+       xlink:href="#linearGradient846"
+       x2="102.17324"
+       x1="31.956963"
+       id="linearGradient849"
+       gradientTransform="scale(0.9409737,1.062729)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       y2="104.05719"
+       y1="100.73712"
+       xlink:href="#linearGradient853"
+       x2="44.801419"
+       x1="12.204311"
+       id="linearGradient840"
+       gradientTransform="scale(1.1388142,0.8781063)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       y2="60.889287"
+       y1="60.489965"
+       xlink:href="#linearGradient841"
+       x2="123.6407"
+       x1="158.26196"
+       id="linearGradient845"
+       gradientTransform="scale(0.7584832,1.3184208)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       xlink:href="#linearGradient841"
+       id="linearGradient844" />
+    <linearGradient
+       y2="72.56311"
+       y1="48.488918"
+       xlink:href="#linearGradient841"
+       x2="112.24639"
+       x1="111.10228"
+       id="linearGradient852"
+       gradientTransform="scale(1.1433927,0.8745902)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient227220"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38964"
+       y1="843.20789"
+       x2="547.80806"
+       y2="383.7653" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient227266"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38964"
+       y1="843.20789"
+       x2="547.80806"
+       y2="383.7653" />
+    <linearGradient
+       xlink:href="#linearGradient1507"
+       id="linearGradient233555" />
+    <linearGradient
+       y2="0.0078125000"
+       y1="0.97656250"
+       xlink:href="#linearGradient1507"
+       x2="0.78260869"
+       x1="0.052173913"
+       id="linearGradient233553" />
+    <linearGradient
+       y2="0.54687500"
+       y1="-0.54545456"
+       xlink:href="#linearGradient1501"
+       x2="0.062992126"
+       x1="0.94656491"
+       id="linearGradient233551" />
+    <linearGradient
+       y2="1.3281250"
+       y1="0.32812500"
+       xlink:href="#linearGradient1492"
+       x2="-0.37606838"
+       x1="0.63247865"
+       id="linearGradient233549" />
+    <linearGradient
+       y2="1.1796875"
+       y1="0.21093750"
+       xlink:href="#linearGradient1492"
+       x2="0.085470088"
+       x1="0.88034189"
+       id="linearGradient233547" />
+    <linearGradient
+       id="linearGradient233539">
+      <stop
+         style="stop-color:#c6c6c6;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop233541" />
+      <stop
+         style="stop-color:#f1f1f1;stop-opacity:1.0000000;"
+         offset="0.34923077"
+         id="stop233543" />
+      <stop
+         style="stop-color:#f0f0f0;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop233545" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient233533">
+      <stop
+         style="stop-color:#000000;stop-opacity:0.095505618;"
+         offset="0.0000000"
+         id="stop233535" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.0000000;"
+         offset="1.0000000"
+         id="stop233537" />
+    </linearGradient>
+    <radialGradient
+       xlink:href="#linearGradient1400"
+       r="68.379425"
+       id="radialGradient858"
+       fy="77.944687"
+       fx="79.895966"
+       cy="77.944687"
+       cx="79.895966"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       xlink:href="#linearGradient853"
+       r="200.73203"
+       id="radialGradient852"
+       fy="325.76621"
+       fx="240.38737"
+       cy="477.83306"
+       cx="227.0055"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient233522">
+      <stop
+         style="stop-color:#e3f9ff;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop233524" />
+      <stop
+         style="stop-color:#73bee7;stop-opacity:1.0000000;"
+         offset="0.36194703"
+         id="stop867" />
+      <stop
+         style="stop-color:#438ec5;stop-opacity:1.0000000;"
+         offset="0.62534887"
+         id="stop856" />
+      <stop
+         style="stop-color:#477daf;stop-opacity:1.0000000;"
+         offset="0.72607356"
+         id="stop1185" />
+      <stop
+         style="stop-color:#2b5798;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop233529" />
+    </linearGradient>
+    <linearGradient
+       y2="112.48578"
+       y1="199.48993"
+       xlink:href="#linearGradient865"
+       x2="61.94431"
+       x1="152.00712"
+       id="linearGradient870"
+       gradientTransform="scale(1.0693225,0.9351716)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       y2="46.947097"
+       y1="25.611177"
+       xlink:href="#linearGradient865"
+       x2="82.344438"
+       x1="105.80702"
+       id="linearGradient864"
+       gradientTransform="scale(1.1084886,0.9021293)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       y2="40.053987"
+       y1="-53.39077"
+       xlink:href="#linearGradient865"
+       x2="38.977112"
+       x1="43.397979"
+       id="linearGradient1010"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       y2="24.174611"
+       y1="180.92995"
+       xlink:href="#linearGradient865"
+       x2="53.211626"
+       x1="77.291655"
+       id="linearGradient1011"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       y2="89.232159"
+       y1="483.82793"
+       xlink:href="#linearGradient1400"
+       x2="-127.58335"
+       x1="-83.094155"
+       id="linearGradient882"
+       gradientTransform="scale(0.8280565,1.2076471)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       y2="-0.079579733"
+       y1="4.0796266"
+       xlink:href="#linearGradient1400"
+       x2="0.52828526"
+       x1="0.99722022"
+       id="linearGradient233515"
+       gradientTransform="scale(1.001713,0.998290)" />
+    <linearGradient
+       y2="89.599754"
+       y1="484.19555"
+       xlink:href="#linearGradient1400"
+       x2="-126.92083"
+       x1="-82.431632"
+       id="linearGradient842"
+       gradientTransform="scale(0.8311735,1.2031182)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       y2="0.092356689"
+       y1="0.83121020"
+       xlink:href="#linearGradient839"
+       x2="0.35897437"
+       x1="0.93772894"
+       id="linearGradient233512" />
+    <linearGradient
+       id="linearGradient839">
+      <stop
+         style="stop-color:#4f4f4f;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop840" />
+      <stop
+         style="stop-color:#bebebe;stop-opacity:1.0000000;"
+         offset="0.27444443"
+         id="stop233509" />
+      <stop
+         style="stop-color:#fff;stop-opacity:1;"
+         offset="1"
+         id="stop841" />
+    </linearGradient>
+    <linearGradient
+       y2="0.41287878"
+       y1="0.34090909"
+       xlink:href="#linearGradient883"
+       x2="0.70434785"
+       x1="1.8869566"
+       id="linearGradient233505" />
+    <linearGradient
+       id="linearGradient883">
+      <stop
+         style="stop-color:#1f1f1f;stop-opacity:0.55371898;"
+         offset="0.0000000"
+         id="stop884" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.0000000;"
+         offset="1.0000000"
+         id="stop885" />
+    </linearGradient>
+    <linearGradient
+       y2="145.51297"
+       y1="98.665952"
+       xlink:href="#linearGradient899"
+       x2="41.235089"
+       x1="40.913932"
+       id="linearGradient848"
+       gradientTransform="scale(1.0773318,0.9282192)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient899">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.0000000;"
+         offset="0.0000000"
+         id="stop900" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop901" />
+    </linearGradient>
+    <linearGradient
+       y2="187.93358"
+       y1="160.06661"
+       xlink:href="#linearGradient1501"
+       x2="38.546809"
+       x1="35.646257"
+       id="linearGradient1530"
+       gradientTransform="scale(1.5213696,0.6573025)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1527">
+      <stop
+         style="stop-color:#000;stop-opacity:1;"
+         offset="0"
+         id="stop1528" />
+      <stop
+         style="stop-color:#fff;stop-opacity:1;"
+         offset="1"
+         id="stop1529" />
+    </linearGradient>
+    <radialGradient
+       xlink:href="#linearGradient1646"
+       r="0.50000000"
+       id="radialGradient1645"
+       fy="0.67187500"
+       fx="0.38759691"
+       cy="0.50000000"
+       cx="0.50000000" />
+    <linearGradient
+       id="linearGradient1646">
+      <stop
+         style="stop-color:#ff0000;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1647" />
+      <stop
+         style="stop-color:#a00000;stop-opacity:0.71372551;"
+         offset="0.69372094"
+         id="stop1649" />
+      <stop
+         style="stop-color:#960000;stop-opacity:0.0000000;"
+         offset="1.0000000"
+         id="stop1648" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient865">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop866" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.00000000;"
+         offset="1.0000000"
+         id="stop868" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1400">
+      <stop
+         style="stop-color:#000000;stop-opacity:0.67843139;"
+         offset="0.0000000"
+         id="stop1401" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.32941177;"
+         offset="0.56999999"
+         id="stop1403" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.00000000;"
+         offset="1.0000000"
+         id="stop1402" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient233476">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop233478" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.0000000;"
+         offset="1.0000000"
+         id="stop233480" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient233596"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38964"
+       y1="843.20789"
+       x2="547.80806"
+       y2="383.7653" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient233706"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38964"
+       y1="843.20789"
+       x2="547.80806"
+       y2="383.7653" />
+    <linearGradient
+       y2="0.48113209"
+       y1="0.83018869"
+       xlink:href="#linearGradient882"
+       x2="0.51764709"
+       x1="0.24705882"
+       id="linearGradient1063" />
+    <linearGradient
+       y2="-1.0859375"
+       y1="0.51562500"
+       xlink:href="#linearGradient832"
+       x2="-0.40136054"
+       x1="0.76870745"
+       id="linearGradient2577" />
+    <linearGradient
+       y2="0.67187500"
+       y1="0.23437500"
+       xlink:href="#linearGradient838"
+       x2="0.91729325"
+       x1="0.48872182"
+       id="linearGradient2516" />
+    <linearGradient
+       y2="0.71875000"
+       y1="0.46093750"
+       xlink:href="#linearGradient838"
+       x2="0.42335767"
+       x1="0.68613136"
+       id="linearGradient2515" />
+    <linearGradient
+       y2="-0.77419353"
+       y1="0.50806451"
+       xlink:href="#linearGradient2387"
+       x2="0.15686275"
+       x1="0.56470591"
+       id="linearGradient2407" />
+    <linearGradient
+       y2="0.44531250"
+       y1="0.53906250"
+       xlink:href="#linearGradient850"
+       x2="0.51724136"
+       x1="0.42068964"
+       id="linearGradient239208" />
+    <linearGradient
+       y2="0.0078125000"
+       y1="0.97656250"
+       xlink:href="#linearGradient1507"
+       x2="0.78260869"
+       x1="0.052173913"
+       id="linearGradient239206" />
+    <linearGradient
+       y2="0.54687500"
+       y1="-0.55303031"
+       xlink:href="#linearGradient1501"
+       x2="0.062992126"
+       x1="1.5572519"
+       id="linearGradient239204" />
+    <linearGradient
+       y2="1.3281250"
+       y1="0.32812500"
+       xlink:href="#linearGradient1492"
+       x2="-0.37606838"
+       x1="0.63247865"
+       id="linearGradient239202" />
+    <linearGradient
+       y2="1.1796875"
+       y1="0.21093750"
+       xlink:href="#linearGradient1492"
+       x2="0.085470088"
+       x1="0.88034189"
+       id="linearGradient239200" />
+    <linearGradient
+       id="linearGradient239192">
+      <stop
+         style="stop-color:#dadada;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop239194" />
+      <stop
+         style="stop-color:#f1f1f1;stop-opacity:1.0000000;"
+         offset="0.34923077"
+         id="stop239196" />
+      <stop
+         style="stop-color:#f0f0f0;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop239198" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient239186">
+      <stop
+         style="stop-color:#000000;stop-opacity:0.095505618;"
+         offset="0.0000000"
+         id="stop239188" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.0000000;"
+         offset="1.0000000"
+         id="stop239190" />
+    </linearGradient>
+    <linearGradient
+       y2="-0.11480361"
+       y1="3.3240275"
+       xlink:href="#linearGradient882"
+       x2="0.90986663"
+       x1="-1.1108099"
+       id="linearGradient1064" />
+    <linearGradient
+       y2="0.38461539"
+       y1="0.47435898"
+       xlink:href="#linearGradient850"
+       x2="0.54577464"
+       x1="0.63380283"
+       id="linearGradient239183" />
+    <linearGradient
+       id="linearGradient239176">
+      <stop
+         style="stop-color:#071422;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop851" />
+      <stop
+         style="stop-color:#2c528a;stop-opacity:1.0000000;"
+         offset="0.50000000"
+         id="stop853" />
+      <stop
+         style="stop-color:#a3bfdf;stop-opacity:1.0000000;"
+         offset="0.75000000"
+         id="stop239180" />
+      <stop
+         style="stop-color:#59708a;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop852" />
+    </linearGradient>
+    <linearGradient
+       y2="-6.6841485e-006"
+       y1="2.0080366"
+       xlink:href="#linearGradient882"
+       x2="0.58098590"
+       x1="0.58098590"
+       id="linearGradient881" />
+    <linearGradient
+       y2="0.54166669"
+       y1="0.22395833"
+       xlink:href="#linearGradient838"
+       x2="0.77464789"
+       x1="0.50352114"
+       id="linearGradient837" />
+    <linearGradient
+       id="linearGradient838">
+      <stop
+         style="stop-color:#a5a5a5;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop839" />
+      <stop
+         style="stop-color:#dadada;stop-opacity:1.0000000;"
+         offset="0.17875445"
+         id="stop239166" />
+      <stop
+         style="stop-color:#656565;stop-opacity:1.0000000;"
+         offset="0.48317710"
+         id="stop239168" />
+      <stop
+         style="stop-color:#d5d5d5;stop-opacity:1.0000000;"
+         offset="0.61641997"
+         id="stop239170" />
+      <stop
+         style="stop-color:#454545;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop239172" />
+    </linearGradient>
+    <linearGradient
+       y2="0.80000001"
+       y1="0.012500000"
+       xlink:href="#linearGradient844"
+       x2="0.57394367"
+       x1="0.71830988"
+       id="linearGradient843" />
+    <linearGradient
+       id="linearGradient239158">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop845" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.00000000;"
+         offset="1.0000000"
+         id="stop239161" />
+    </linearGradient>
+    <linearGradient
+       y2="1.1954023"
+       y1="0.28160921"
+       xlink:href="#linearGradient832"
+       x2="1.1725352"
+       x1="0.78521127"
+       id="linearGradient835" />
+    <linearGradient
+       id="linearGradient832">
+      <stop
+         style="stop-color:#000;stop-opacity:1;"
+         offset="0"
+         id="stop833" />
+      <stop
+         style="stop-color:#fff;stop-opacity:1;"
+         offset="1"
+         id="stop834" />
+    </linearGradient>
+    <linearGradient
+       y2="0.37869984"
+       y1="0.73598528"
+       xlink:href="#linearGradient832"
+       x2="-0.055982146"
+       x1="0.59630799"
+       id="linearGradient921" />
+    <linearGradient
+       y2="0.43650794"
+       y1="0.047619049"
+       xlink:href="#linearGradient844"
+       x2="0.46666667"
+       x1="0.86538464"
+       id="linearGradient880" />
+    <linearGradient
+       y2="0.33730158"
+       y1="0.66666669"
+       xlink:href="#linearGradient882"
+       x2="0.52358490"
+       x1="0.12264151"
+       id="linearGradient889" />
+    <linearGradient
+       y2="0.51984125"
+       y1="0.087301590"
+       xlink:href="#linearGradient844"
+       x2="0.44897959"
+       x1="0.68877554"
+       id="linearGradient890" />
+    <linearGradient
+       y2="-0.84883720"
+       y1="0.40697673"
+       xlink:href="#linearGradient2387"
+       x2="0.65098041"
+       x1="0.63529414"
+       id="linearGradient836" />
+    <linearGradient
+       y2="-0.54651165"
+       y1="0.74418604"
+       xlink:href="#linearGradient2387"
+       x2="0.56078434"
+       x1="0.55686277"
+       id="linearGradient2386" />
+    <linearGradient
+       id="linearGradient2387">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.0000000;"
+         offset="0.0000000"
+         id="stop2388" />
+      <stop
+         style="stop-color:#fff;stop-opacity:1;"
+         offset="1"
+         id="stop2389" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient239140">
+      <stop
+         style="stop-color:#000000;stop-opacity:0.33333334;"
+         offset="0.00000000"
+         id="stop883" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.00000000;"
+         offset="1.0000000"
+         id="stop239143" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient239134">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop239136" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.0000000;"
+         offset="1.0000000"
+         id="stop239138" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient239278"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38964"
+       y1="843.20789"
+       x2="547.80806"
+       y2="383.7653" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient2732"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38964"
+       y1="843.20789"
+       x2="547.80806"
+       y2="383.7653" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient2792"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38964"
+       y1="843.20789"
+       x2="547.80806"
+       y2="383.7653" />
+    <linearGradient
+       xlink:href="#linearGradient841"
+       id="linearGradient3815" />
+    <radialGradient
+       xlink:href="#linearGradient841"
+       r="0.54606670"
+       id="radialGradient3813"
+       fy="3.5200000"
+       fx="0.54117650"
+       cy="0.89285713"
+       cx="0.50000000" />
+    <linearGradient
+       y2="0.79687500"
+       y1="-0.56250000"
+       xlink:href="#linearGradient1507"
+       x2="0.62222224"
+       x1="0.31111112"
+       id="linearGradient3811" />
+    <linearGradient
+       y2="0.0078125000"
+       y1="0.97656250"
+       xlink:href="#linearGradient1507"
+       x2="0.78260869"
+       x1="0.052173913"
+       id="linearGradient3809" />
+    <linearGradient
+       y2="0.54687500"
+       y1="0.14062500"
+       xlink:href="#linearGradient1501"
+       x2="0.062992126"
+       x1="0.85826772"
+       id="linearGradient3807" />
+    <linearGradient
+       y2="1.3281250"
+       y1="0.32812500"
+       xlink:href="#linearGradient1492"
+       x2="-0.37606838"
+       x1="0.63247865"
+       id="linearGradient3805" />
+    <linearGradient
+       y2="1.1796875"
+       y1="0.21093750"
+       xlink:href="#linearGradient1492"
+       x2="0.085470088"
+       x1="0.88034189"
+       id="linearGradient3803" />
+    <linearGradient
+       id="linearGradient3795">
+      <stop
+         style="stop-color:#dadada;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop3797" />
+      <stop
+         style="stop-color:#f1f1f1;stop-opacity:1.0000000;"
+         offset="0.34923077"
+         id="stop3799" />
+      <stop
+         style="stop-color:#f0f0f0;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop3801" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3789">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop3791" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.0000000;"
+         offset="1.0000000"
+         id="stop3793" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3783">
+      <stop
+         style="stop-color:#000000;stop-opacity:0.095505618;"
+         offset="0.0000000"
+         id="stop3785" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.0000000;"
+         offset="1.0000000"
+         id="stop3787" />
+    </linearGradient>
+    <radialGradient
+       xlink:href="#linearGradient853"
+       r="0.50000000"
+       id="radialGradient3781"
+       fy="0.29885057"
+       fx="0.50704223"
+       cy="0.50000000"
+       cx="0.50000000" />
+    <linearGradient
+       id="linearGradient3775">
+      <stop
+         style="stop-color:#000000;stop-opacity:0.29752067;"
+         offset="0.00000000"
+         id="stop3777" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.00000000;"
+         offset="1.0000000"
+         id="stop3779" />
+    </linearGradient>
+    <linearGradient
+       y2="1.2905406"
+       y1="-1.1486486"
+       xlink:href="#linearGradient853"
+       x2="0.26408452"
+       x1="1.4647887"
+       id="linearGradient3773" />
+    <linearGradient
+       xlink:href="#linearGradient846"
+       id="linearGradient3771" />
+    <linearGradient
+       id="linearGradient3765">
+      <stop
+         style="stop-color:#e7e7e7;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop3767" />
+      <stop
+         style="stop-color:#a5a5a5;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop3769" />
+    </linearGradient>
+    <linearGradient
+       y2="0.049019609"
+       y1="1.2647059"
+       xlink:href="#linearGradient846"
+       x2="0.57142860"
+       x1="0.64285713"
+       id="linearGradient3763" />
+    <linearGradient
+       y2="0.35555556"
+       y1="0.32222223"
+       xlink:href="#linearGradient846"
+       x2="0.80985916"
+       x1="0.39788732"
+       id="linearGradient3761" />
+    <linearGradient
+       y2="-0.74324322"
+       y1="0.81081080"
+       xlink:href="#linearGradient1290"
+       x2="0.50000000"
+       x1="0.47535211"
+       id="linearGradient3759" />
+    <linearGradient
+       id="linearGradient3753">
+      <stop
+         style="stop-color:#b2a269;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop3755" />
+      <stop
+         style="stop-color:#6d5b18;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop3757" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3747">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop3749" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.00000000;"
+         offset="1.0000000"
+         id="stop3751" />
+    </linearGradient>
+    <radialGradient
+       xlink:href="#linearGradient853"
+       r="0.50000000"
+       id="radialGradient3745"
+       fy="0.14942528"
+       fx="0.50000000"
+       cy="0.50000000"
+       cx="0.50000000" />
+    <linearGradient
+       y2="0.46354166"
+       y1="0.43229166"
+       xlink:href="#linearGradient846"
+       x2="1.2288733"
+       x1="0.010563380"
+       id="linearGradient3743" />
+    <linearGradient
+       y2="0.46568626"
+       y1="0.38235295"
+       xlink:href="#linearGradient853"
+       x2="0.59469700"
+       x1="-0.22348484"
+       id="linearGradient3741" />
+    <linearGradient
+       y2="0.50490195"
+       y1="0.49019608"
+       xlink:href="#linearGradient841"
+       x2="0.10833333"
+       x1="1.3833333"
+       id="linearGradient3739" />
+    <linearGradient
+       xlink:href="#linearGradient841"
+       id="linearGradient3737" />
+    <linearGradient
+       y2="0.50735295"
+       y1="-1.0294118"
+       xlink:href="#linearGradient841"
+       x2="0.63483149"
+       x1="0.56179774"
+       id="linearGradient3735" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient3859"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38964"
+       y1="843.20789"
+       x2="547.80806"
+       y2="383.7653" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient3877"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38964"
+       y1="843.20789"
+       x2="547.80806"
+       y2="383.7653" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient5044"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38964"
+       y1="843.20789"
+       x2="547.80806"
+       y2="383.7653" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient2988"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38964"
+       y1="843.20789"
+       x2="547.80806"
+       y2="383.7653" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient3288"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38964"
+       y1="843.20789"
+       x2="547.80806"
+       y2="383.7653" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient3450"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38964"
+       y1="843.20789"
+       x2="547.80806"
+       y2="383.7653" />
+    <clipPath
+       id="clipPath16"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path18"
+         d="M 0,512 512,512 512,0 0,0 0,512 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath16-5"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path18-4"
+         d="M 0,512 512,512 512,0 0,0 0,512 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath16-4"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path18-3"
+         d="M 0,512 512,512 512,0 0,0 0,512 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath16-5-2"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path18-4-5"
+         d="M 0,512 512,512 512,0 0,0 0,512 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath16-2"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path18-36"
+         d="M 0,512 512,512 512,0 0,0 0,512 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath16-7"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path18-6"
+         d="M 0,512 512,512 512,0 0,0 0,512 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath16-5-4"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path18-4-6"
+         d="M 0,512 512,512 512,0 0,0 0,512 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath16-5-7"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path18-4-55"
+         d="M 0,512 512,512 512,0 0,0 0,512 z" />
+    </clipPath>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient3756"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38964"
+       y1="843.20789"
+       x2="547.80806"
+       y2="383.7653" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient3924"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38964"
+       y1="843.20789"
+       x2="547.80806"
+       y2="383.7653" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient4092"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38964"
+       y1="843.20789"
+       x2="547.80806"
+       y2="383.7653" />
+    <clipPath
+       id="clipPath16-5-7-9"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path18-4-55-8"
+         d="M 0,512 512,512 512,0 0,0 0,512 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath16-5-8"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path18-4-9"
+         d="M 0,512 512,512 512,0 0,0 0,512 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath16-7-1"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path18-6-1"
+         d="M 0,512 512,512 512,0 0,0 0,512 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath16-6"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path18-5"
+         d="M 0,512 512,512 512,0 0,0 0,512 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath16-4-6"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path18-3-0"
+         d="M 0,512 512,512 512,0 0,0 0,512 z" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.979899"
+     inkscape:cx="213.79324"
+     inkscape:cy="800.37791"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     gridtolerance="10000"
+     inkscape:window-width="1650"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     showgrid="true"
+     inkscape:snap-bbox="true"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4821"
+       empspacing="4"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true"
+       units="mm"
+       spacingx="10px"
+       spacingy="10px"
+       originx="10px"
+       originy="30px"
+       empcolor="#0000ff"
+       empopacity="0.34901961" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata1906">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Background">
+    <rect
+       style="color:#000000;fill:#efefe9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3.54330707;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect18450"
+       width="750"
+       height="40"
+       x="20"
+       y="82.362183"
+       ry="3.7880721" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#rect18450"
+       id="use20502"
+       transform="translate(0,320)"
+       width="744.09448"
+       height="1052.3622" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#use20502"
+       id="use20504"
+       transform="translate(0,-80)"
+       width="744.09448"
+       height="1052.3622" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#use20504"
+       id="use20506"
+       transform="translate(0,-80)"
+       width="744.09448"
+       height="1052.3622" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#use20506"
+       id="use20508"
+       transform="translate(0,-80)"
+       width="744.09448"
+       height="1052.3622" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#rect18450"
+       id="use20510"
+       transform="translate(0,400)"
+       width="744.09448"
+       height="1052.3622" />
+  </g>
+  <g
+     inkscape:label="Taso 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="opacity:1">
+    <path
+       style="fill:none;stroke:#c3c3b0;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 50,182.36218 40,0"
+       id="path2806-0-2-7"
+       sodipodi:nodetypes="cc"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#c3c3b0;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 130,382.36218 40,0"
+       id="path2806-0-4-7-7-2-9"
+       sodipodi:nodetypes="cc"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#c3c3b0;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 130,302.36218 40,0"
+       id="path2806-0-4-7-7-6"
+       sodipodi:nodetypes="cc"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#c3c3b0;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 130,342.36218 40,0"
+       id="path2806-0-4-7-7-2"
+       sodipodi:nodetypes="cc"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#c3c3b0;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 50,142.36218 40,0"
+       id="path2806-0-2"
+       sodipodi:nodetypes="cc"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#c3c3b0;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 130,232.36218 0,190 40,0"
+       id="path2806-5-7-5"
+       sodipodi:nodetypes="ccc"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#c3c3b0;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 129.94645,262.32852 40,0"
+       id="path2806-0-4-7-7"
+       sodipodi:nodetypes="cc"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#c3c3b0;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 89.94643,192.32852 0,30 40.00002,0"
+       id="path2806-5-7"
+       sodipodi:nodetypes="ccc"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#c3c3b0;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 50,102.36218 40,0"
+       id="path2806-0"
+       sodipodi:nodetypes="cc"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#c3c3b0;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 50,62.362183 0,399.999997 40,0"
+       id="path2806"
+       sodipodi:nodetypes="ccc"
+       inkscape:connector-curvature="0" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot227292"
+       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch"
+       transform="translate(-16.184336,38.417737)"><flowRegion
+         id="flowRegion227294"><rect
+           id="rect227296"
+           width="309.39084"
+           height="32.675373"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch" /></flowRegion><flowPara
+         id="flowPara227298">MyComponentWidgetSet.gwt.xml</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot227316"
+       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch"
+       transform="translate(-17.332774,80.393241)"><flowRegion
+         id="flowRegion227318"><rect
+           id="rect227320"
+           width="120.20815"
+           height="28.284271"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch" /></flowRegion><flowPara
+         id="flowPara227322">client</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot233630"
+       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch"
+       transform="translate(-17.230469,358.40656)"><flowRegion
+         id="flowRegion233632"><rect
+           id="rect233634"
+           width="120.20815"
+           height="28.284271"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch" /></flowRegion><flowPara
+         id="flowPara233636">public</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot233754"
+       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch"
+       transform="translate(-57.279297,-41.950563)"><flowRegion
+         id="flowRegion233756"><rect
+           id="rect233758"
+           width="354.63956"
+           height="30.655067"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch" /></flowRegion><flowPara
+         id="flowPara233760">com.example.mycomponent</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot2672"
+       style="font-size:20px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       transform="translate(353.825,41.475251)"><flowRegion
+         id="flowRegion2674"><rect
+           id="rect2676"
+           width="294.63956"
+           height="30.655067"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:20px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light" /></flowRegion><flowPara
+         id="flowPara2678">- GWT module descriptor</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot2680"
+       style="font-size:20px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       transform="translate(353.825,82.105403)"><flowRegion
+         id="flowRegion2682"><rect
+           id="rect2684"
+           width="284.63956"
+           height="30.655067"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:20px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light" /></flowRegion><flowPara
+         id="flowPara2686">- client-side source code</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot2716"
+       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch"
+       transform="translate(-16.031986,-1.0695234)"><flowRegion
+         id="flowRegion2718"><rect
+           id="rect2720"
+           width="219.63956"
+           height="30.655067"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch" /></flowRegion><flowPara
+         id="flowPara2722">MyComponent.java</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot2724"
+       style="font-size:20px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       transform="translate(353.825,0.54956493)"><flowRegion
+         id="flowRegion2726"><rect
+           id="rect2728"
+           width="334.63956"
+           height="25.655067"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:20px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light" /></flowRegion><flowPara
+         id="flowPara2730">- server-side component</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3016"
+       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch"
+       transform="translate(63.869141,158.52057)"><flowRegion
+         id="flowRegion3018"><rect
+           id="rect3020"
+           width="250.77042"
+           height="23.205917"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch" /></flowRegion><flowPara
+         id="flowPara3022">MyComponentWidget.java</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3024"
+       style="font-size:20px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       transform="translate(354.625,160.12922)"><flowRegion
+         id="flowRegion3026"><rect
+           id="rect3028"
+           width="334.63956"
+           height="25.655067"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:20px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light" /></flowRegion><flowPara
+         id="flowPara3030">- client-side widget</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot2800"
+       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch"
+       transform="translate(23.50707,117.61822)"><flowRegion
+         id="flowRegion2802"><rect
+           id="rect2804"
+           width="240.13956"
+           height="32.601776"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch" /></flowRegion><flowPara
+         id="flowPara2806">mycomponent</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3050"
+       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch"
+       transform="translate(63.869141,198.64798)"><flowRegion
+         id="flowRegion3052"><rect
+           id="rect3054"
+           width="290.77042"
+           height="33.078506"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch" /></flowRegion><flowPara
+         id="flowPara3056">MyComponentConnector.java</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3058"
+       style="font-size:20px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       transform="translate(353.825,200.59018)"><flowRegion
+         id="flowRegion3060"><rect
+           id="rect3062"
+           width="334.63956"
+           height="25.655067"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:20px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light" /></flowRegion><flowPara
+         id="flowPara3064">- integration connector</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3106"
+       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch"
+       transform="translate(23.560547,397.60854)"><flowRegion
+         id="flowRegion3108"><rect
+           id="rect3110"
+           width="173.74623"
+           height="30.304577"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch" /></flowRegion><flowPara
+         id="flowPara3112">mycomponent</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3114"
+       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch"
+       transform="translate(62.75293,438.61725)"><flowRegion
+         id="flowRegion3116"><rect
+           id="rect3118"
+           width="154.63956"
+           height="25.655067"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch" /></flowRegion><flowPara
+         id="flowPara3120">styles.css</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3276"
+       style="font-size:20px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       transform="translate(353.825,440.59018)"><flowRegion
+         id="flowRegion3278"><rect
+           id="rect3280"
+           width="254.63956"
+           height="25.655067"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:20px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light" /></flowRegion><flowPara
+         id="flowPara3282">- widget style sheet</flowPara></flowRoot>    <g
+       id="g5070"
+       transform="translate(75,-1.9519981)">
+      <g
+         style="fill:#ffffff"
+         id="g10-3"
+         inkscape:label="Document"
+         transform="matrix(0.07998562,0,0,-0.07998562,-3.457336,124.5086)">
+        <g
+           style="fill:#ffffff"
+           id="g12-5">
+          <g
+             style="fill:#ffffff"
+             id="g14-37"
+             clip-path="url(#clipPath16-7)">
+            <g
+               style="fill:#ffffff"
+               id="g20-5"
+               transform="translate(130.7402,72.7832)">
+              <path
+                 style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+                 d="m -53.03125,-51.03125 c 0,156.89583 0,313.79167 0,470.6875 79.697917,0 159.39583,0 239.09375,0 38.0995,-38.50483 76.38809,-76.93507 114.96875,-114.84375 0,-119.28125 0,-238.5625 0,-357.84375 -118.02083,0 -236.041667,0 -354.0625,0 l 0,1 0,1 z"
+                 id="path22-1"
+                 inkscape:connector-curvature="0" />
+            </g>
+          </g>
+        </g>
+      </g>
+      <g
+         id="g10"
+         inkscape:label="Document"
+         transform="matrix(0.07998562,0,0,-0.07998562,-3.454656,124.51136)">
+        <g
+           id="g12">
+          <g
+             id="g14"
+             clip-path="url(#clipPath16)">
+            <g
+               id="g20"
+               transform="translate(130.7402,72.7832)">
+              <path
+                 inkscape:connector-curvature="0"
+                 d="m 0,0 0,366.626 141.613,0 c 37.201,0 19.275,-88.18 19.275,-88.18 0,0 86,20.901 87.104,-18.534 L 247.992,0 0,0 z m 265.701,300.338 -83.997,83.994 -7.331,7.333 -199.411,0 0,-416.701 298.071,0 0,318.039 -7.332,7.335 z"
+                 style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+                 id="path22" />
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+    <g
+       id="g3611"
+       transform="translate(29.266699,-39.505171)">
+      <g
+         style="fill:#ffffff"
+         id="g10-4-6"
+         inkscape:label="Folder"
+         transform="matrix(0.07998562,0,0,-0.07998562,1.9122928,122.28074)">
+        <g
+           style="fill:#ffffff"
+           id="g12-1-3">
+          <g
+             style="fill:#ffffff"
+             id="g14-3-3"
+             clip-path="url(#clipPath16-5-7)">
+            <g
+               style="fill:#ffffff"
+               id="g20-8-1"
+               transform="translate(457.2109,384.8115)">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path22-2-6"
+                 d="m -10.5,-331.25 c -131.67908,1.3418 -263.4169,-1.1568 -395.0625,1.46875 -18.88471,5.30331 -27.52917,27.22938 -24.73835,45.43731 -1.55601,77.91039 -6.95457,155.70331 -9.44915,233.56269 1.77368,10.078123 9.09422,18.689545 16.96875,24.3125 -7.92842,11.339555 -4.63436,26.46294945 -1.53125,38.90625 3.68504,11.473091 13.32222,21.527751 25.03125,23.90625 0.64926,16.281394 12.799,32.511879 29.125,35.84375 22.86963,4.535758 46.21236,-0.619376 69.28125,1.375 24.0007,0.11428 49.36546,3.030008 72.0903,-6.135877 9.90405,-6.591274 15.08127,-18.090353 17.75345,-29.301623 68.21593,-0.629281 136.557909,2.010461 204.6875,-1.625 25.807558,-4.763359 37.808461,-40.8363988 21.25,-60.8125 18.342476,-9.723258 25.076089,-33.322653 20.303985,-52.744757 -5.299272,-59.854233 -5.942784,-120.000983 -8.718706,-180.002273 -1.05619,-17.57576 -1.245293,-35.40606 -3.647779,-52.78422 C 17.916478,-323.16042 3.5572264,-331.96135 -10.5,-331.25 z"
+                 style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+            </g>
+          </g>
+        </g>
+      </g>
+      <g
+         id="g10-4"
+         inkscape:label="Folder"
+         transform="matrix(0.07998562,0,0,-0.07998562,1.9122928,122.28074)">
+        <g
+           id="g12-1">
+          <g
+             id="g14-3"
+             clip-path="url(#clipPath16-5)">
+            <g
+               id="g20-8"
+               transform="translate(457.2109,384.8115)">
+              <path
+                 inkscape:connector-curvature="0"
+                 d="m 0,0 c 0,8.98 -7.277,16.256 -16.258,16.256 l -205.648,0 c -6.429,0.161 -11.384,11.842 -11.384,16.31 l 0.003,1.903 c 0,9.546 -7.737,17.28 -17.28,17.28 l -109.476,0 c -9.544,0 -17.281,-7.734 -17.281,-17.28 l 0.004,-1.903 c 0,-4.5 -5.021,-16.322 -11.516,-16.322 l 0.154,0 C -397.525,16.087 -404.647,8.88 -404.647,0 l 0,-11.223 L 0,-11.223 0,0 z m 0,-42.313 0,0.316 -404.647,0 0,-0.327 c -7.956,-1.549 -13.959,-8.547 -13.959,-16.955 0,0 5.683,-86.463 6.726,-117.611 1.045,-31.147 3.844,-114.727 3.844,-114.727 0,-9.544 1.973,-17.281 11.514,-17.281 l 388.458,0 c 9.543,0 11.513,7.737 11.513,17.281 0,0 2.804,83.58 3.845,114.727 1.044,31.148 6.727,117.611 6.727,117.611 0,8.432 -6.035,15.441 -14.021,16.966"
+                 style="fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:none"
+                 id="path22-2" />
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g5070"
+       id="use9613"
+       transform="translate(-0.0534785,40.204061)"
+       width="744.09448"
+       height="1052.3622" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g3611"
+       id="use9661"
+       transform="translate(38.683833,121.63259)"
+       width="744.09448"
+       height="1052.3622" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g5070"
+       id="use9667"
+       transform="translate(79.94643,200.60484)"
+       width="744.09448"
+       height="1052.3622" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g3611"
+       id="use9663"
+       transform="translate(78.32959,160.11735)"
+       width="744.09448"
+       height="1052.3622" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g5070"
+       id="use9665"
+       transform="translate(79.94643,160.20136)"
+       width="744.09448"
+       height="1052.3622" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g5070"
+       id="use9802"
+       transform="translate(80,240.32065)"
+       width="744.09448"
+       height="1052.3622" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g5070"
+       id="use9804"
+       transform="translate(80,280.34097)"
+       width="744.09448"
+       height="1052.3622" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g5070"
+       id="use9806"
+       transform="translate(80,320.32065)"
+       width="744.09448"
+       height="1052.3622" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3050-7"
+       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch"
+       transform="translate(63.869141,238.52057)"><flowRegion
+         id="flowRegion3052-5"><rect
+           id="rect3054-7"
+           width="290.77042"
+           height="33.078506"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch" /></flowRegion><flowPara
+         id="flowPara3056-7">MyComponentState.java</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3050-7-4"
+       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch"
+       transform="translate(63.869141,278.87771)"><flowRegion
+         id="flowRegion3052-5-6"><rect
+           id="rect3054-7-8"
+           width="290.77042"
+           height="33.078506"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch" /></flowRegion><flowPara
+         id="flowPara3056-7-8">MyComponentClientRpc.java</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3050-7-4-9"
+       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch"
+       transform="translate(63.869141,318.61725)"><flowRegion
+         id="flowRegion3052-5-6-9"><rect
+           id="rect3054-7-8-2"
+           width="290.77042"
+           height="33.078506"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Courier 10 Pitch;-inkscape-font-specification:Courier 10 Pitch" /></flowRegion><flowPara
+         id="flowPara3056-7-8-3">MyComponentServerRpc.java</flowPara></flowRoot>    <path
+       style="fill:none;stroke:#c3c3b0;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 90,462.36218 0,40 40,0"
+       id="path2806-5-7-0"
+       sodipodi:nodetypes="ccc"
+       inkscape:connector-curvature="0" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g3611"
+       id="use9669"
+       transform="translate(38.232234,399.89847)"
+       width="744.09448"
+       height="1052.3622" />
+    <path
+       style="fill:none;stroke:#c3c3b0;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 130,502.36218 0,40 40,0"
+       id="path2806-5-7-0-7"
+       sodipodi:nodetypes="ccc"
+       inkscape:connector-curvature="0" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g5070"
+       id="use9673"
+       transform="translate(80,440.16626)"
+       width="744.09448"
+       height="1052.3622" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g3611"
+       id="use9671"
+       transform="translate(78.545225,439.83781)"
+       width="744.09448"
+       height="1052.3622" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3058-2"
+       style="font-size:20px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       transform="translate(353.825,240.44224)"><flowRegion
+         id="flowRegion3060-1"><rect
+           id="rect3062-9"
+           width="334.63956"
+           height="25.655067"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:20px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light" /></flowRegion><flowPara
+         id="flowPara3064-1">- shared state</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3058-2-7"
+       style="font-size:20px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       transform="translate(353.825,282.22794)"><flowRegion
+         id="flowRegion3060-1-5"><rect
+           id="rect3062-9-4"
+           width="334.63956"
+           height="25.655067"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:20px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light" /></flowRegion><flowPara
+         id="flowPara3064-1-9">- server-to-client RPC interface</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3058-2-7-7"
+       style="font-size:20px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       transform="translate(353.825,322.96508)"><flowRegion
+         id="flowRegion3060-1-5-8"><rect
+           id="rect3062-9-4-4"
+           width="334.63956"
+           height="25.655067"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:20px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light" /></flowRegion><flowPara
+         id="flowPara3064-1-9-1">- client-to-server RPC interface</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3276-6"
+       style="font-size:20px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       transform="translate(353.825,360.79938)"><flowRegion
+         id="flowRegion3278-3"><rect
+           id="rect3280-9"
+           width="290.81454"
+           height="19.855688"
+           x="135.36044"
+           y="91.707115"
+           style="font-size:20px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light" /></flowRegion><flowPara
+         id="flowPara3282-9">- static content for widget set</flowPara></flowRoot>  </g>
+</svg>
diff --git a/documentation/gwt/original-drawings/gwt-widgets.svg b/documentation/gwt/original-drawings/gwt-widgets.svg
new file mode 100644
index 0000000000..258fa50172
--- /dev/null
+++ b/documentation/gwt/original-drawings/gwt-widgets.svg
@@ -0,0 +1,1337 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="744.09448"
+   height="1052.3622"
+   id="svg1901"
+   sodipodi:version="0.32"
+   inkscape:version="0.45"
+   sodipodi:docname="gwt-widgets.svg"
+   sodipodi:docbase="/home/magi/.encfs/plain/itmill/workspace/toolkit5/doc/manual/original-drawings/gwt"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   version="1.0"
+   sodipodi:modified="true">
+  <defs
+     id="defs1903">
+    <marker
+       inkscape:stockid="Arrow2Lstart"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow2Lstart"
+       style="overflow:visible">
+      <path
+         id="path6743"
+         style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
+         transform="matrix(1.1,0,0,1.1,1.1,0)" />
+    </marker>
+    <linearGradient
+       id="linearGradient11516">
+      <stop
+         id="stop11518"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1" />
+      <stop
+         id="stop11520"
+         offset="1"
+         style="stop-color:#a090e7;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient11508">
+      <stop
+         id="stop11510"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1;" />
+      <stop
+         id="stop11512"
+         offset="1"
+         style="stop-color:#e27979;stop-opacity:1" />
+    </linearGradient>
+    <marker
+       inkscape:stockid="DiamondL"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="DiamondL"
+       style="overflow:visible">
+      <path
+         id="path4404"
+         d="M 0,-7.0710768 L -7.0710894,0 L 0,7.0710589 L 7.0710462,0 L 0,-7.0710768 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="scale(0.8,0.8)" />
+    </marker>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="DiamondEmpty"
+       style="overflow:visible">
+      <path
+         id="path7"
+         d="M 0,-5 L -5,0 L 0,5 L 5,0 L 0,-5 z "
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="translate(-5,0)" />
+    </marker>
+    <linearGradient
+       id="linearGradient3286">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop3288" />
+      <stop
+         style="stop-color:#79e291;stop-opacity:1;"
+         offset="1"
+         id="stop3290" />
+    </linearGradient>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="EmptyArrow"
+       style="overflow:visible">
+      <path
+         id="path9"
+         d="M 0,0 L 0,-5 L -12.5,0 L 0,5 L 0,0 z M -0.5,0 L -0.5,-4.5 L -12,0 L -0.5,4.5 L -0.5,0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="matrix(-1,0,0,-1,-10,0)" />
+    </marker>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="EmptyArrow2"
+       style="overflow:visible">
+      <path
+         id="path13"
+         d="M 0,0 L 0,-5 L -10,0 L 0,5 L 0,0 z "
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="matrix(-1,0,0,-1,-10,0)" />
+    </marker>
+    <linearGradient
+       id="linearGradient19816">
+      <stop
+         id="stop19818"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1;" />
+      <stop
+         id="stop19820"
+         offset="1"
+         style="stop-color:#e7e790;stop-opacity:1;" />
+    </linearGradient>
+    <marker
+       inkscape:stockid="Arrow2Lend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow2Lend"
+       style="overflow:visible">
+      <path
+         id="path16811"
+         style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
+         transform="matrix(-1.1,0,0,-1.1,-1.1,0)" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow1Lend"
+       style="overflow:visible">
+      <path
+         id="path16829"
+         d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="matrix(-0.8,0,0,-0.8,-10,0)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutM"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutM"
+       style="overflow:visible">
+      <path
+         id="path16731"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="scale(0.4,0.4)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleInL"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleInL"
+       style="overflow:visible">
+      <path
+         id="path16743"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="scale(-0.8,-0.8)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutL"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutL"
+       style="overflow:visible">
+      <path
+         id="path16734"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="scale(0.8,0.8)" />
+    </marker>
+    <linearGradient
+       id="linearGradient9263">
+      <stop
+         style="stop-color:#000000;stop-opacity:0"
+         offset="0"
+         id="stop9265" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop9267" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient7299">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop7301" />
+      <stop
+         style="stop-color:#a090e7;stop-opacity:1"
+         offset="1"
+         id="stop7303" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5349">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop5351" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop5353" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4152">
+      <stop
+         style="stop-color:#6b6bff;stop-opacity:1;"
+         offset="0"
+         id="stop4154" />
+      <stop
+         style="stop-color:#6b6bff;stop-opacity:0;"
+         offset="1"
+         id="stop4156" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5349"
+       id="linearGradient5355"
+       x1="96.085953"
+       y1="148.38934"
+       x2="389.01984"
+       y2="148.38934"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       inkscape:collect="always"
+       x="-0.14729276"
+       width="1.2945855"
+       y="-0.24504527"
+       height="1.4900905"
+       id="filter12627">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="9.7515538"
+         id="feGaussianBlur12629" />
+    </filter>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7299"
+       id="radialGradient15668"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient19816"
+       id="radialGradient11602"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient11508"
+       id="radialGradient5281"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3286"
+       id="radialGradient5283"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3286"
+       id="radialGradient5285"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3286"
+       id="radialGradient5287"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <linearGradient
+       y2="-485.28973"
+       y1="-485.28952"
+       xlink:href="#linearGradient1694"
+       x2="-170.00552"
+       x1="112.06259"
+       inkscape:collect="always"
+       id="linearGradient1705"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-4.959101e-18,1.475473,-0.677749,-2.277931e-18,0.000000,0.000000)" />
+    <linearGradient
+       y2="-477.69669"
+       y1="-477.69666"
+       xlink:href="#linearGradient1683"
+       x2="315.00735"
+       x1="-92.987160"
+       inkscape:collect="always"
+       id="linearGradient1701"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-4.959102e-18,1.475472,-0.677749,-2.277933e-18,0.000000,0.000000)" />
+    <linearGradient
+       y2="-492.41382"
+       y1="-492.41382"
+       xlink:href="#linearGradient1683"
+       x2="-93.992599"
+       x1="303.90472"
+       inkscape:collect="always"
+       id="linearGradient1700"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-4.959102e-18,1.475472,-0.677749,-2.277933e-18,0.000000,0.000000)" />
+    <linearGradient
+       y2="646.06177"
+       y1="827.01349"
+       xlink:href="#linearGradient1694"
+       x2="244.85980"
+       x1="244.85980"
+       inkscape:collect="always"
+       id="linearGradient1692"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(1.479463,0.675921)" />
+    <linearGradient
+       y2="1038.9441"
+       y1="635.74658"
+       xlink:href="#linearGradient1683"
+       x2="240.86183"
+       x1="240.86183"
+       inkscape:collect="always"
+       id="linearGradient1690"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(1.475472,0.677749)" />
+    <linearGradient
+       y2="636.25543"
+       y1="1035.3337"
+       xlink:href="#linearGradient1683"
+       x2="242.39842"
+       x1="242.39842"
+       inkscape:collect="always"
+       id="linearGradient1686"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(1.475472,0.677749)" />
+    <linearGradient
+       id="linearGradient1683">
+      <stop
+         style="stop-color:#0c1fdb;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1684" />
+      <stop
+         style="stop-color:#062d76;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop1685" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1694">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.0000000;"
+         offset="0.0000000"
+         id="stop1695" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop1696" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3286"
+       id="radialGradient2532"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3286"
+       id="radialGradient2306"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3286"
+       id="radialGradient2324"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3286"
+       id="radialGradient2340"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3286"
+       id="radialGradient2358"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient11508"
+       id="radialGradient4338"
+       cx="153.46323"
+       cy="112.14567"
+       fx="153.46323"
+       fy="112.14567"
+       r="95.092682"
+       gradientTransform="matrix(1.293791,1.3701286e-2,-5.3144349e-3,0.5018339,-46.792176,73.88505)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3286"
+       id="radialGradient7456"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.8305603,1.0914308e-3,-1.9528524e-3,0.2729933,281.94958,112.36765)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3286"
+       id="radialGradient7472"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.8305603,1.0914308e-3,-1.9528524e-3,0.2729933,281.94958,112.36765)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3286"
+       id="radialGradient7488"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.8305603,1.0914308e-3,-1.9528524e-3,0.2729933,281.94958,112.36765)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4142136"
+     inkscape:cx="371.1889"
+     inkscape:cy="745.94895"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     gridtolerance="10000"
+     inkscape:window-width="1458"
+     inkscape:window-height="1025"
+     inkscape:window-x="1280"
+     inkscape:window-y="0"
+     showgrid="true"
+     showguides="true"
+     inkscape:connector-spacing="10"
+     inkscape:guide-bbox="true"
+     width="744.09449px"
+     height="1052.3622px" />
+  <metadata
+     id="metadata1906">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Taso 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="opacity:1">
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect5374"
+       width="717.97919"
+       height="376.46448"
+       x="15.656854"
+       y="7.3119302" />
+    <rect
+       style="opacity:1;fill:#ecffe9;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect3151"
+       width="710.5"
+       height="259.5"
+       x="19.5"
+       y="12.862183"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90" />
+    <g
+       style="opacity:1"
+       id="g3113"
+       transform="matrix(0.6800927,0,0,0.6800927,213.86822,241.73998)"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <rect
+         transform="matrix(1.3641168,0,0,0.9169701,-96.115129,-14.042082)"
+         ry="4.2643418"
+         rx="7.9527607"
+         y="148.81375"
+         x="150.73732"
+         height="78.525383"
+         width="131.38252"
+         id="rect3115"
+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.04604626;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter12627)" />
+      <rect
+         ry="5.1089139"
+         rx="8.6772833"
+         y="108.66392"
+         x="94.870857"
+         height="79.553078"
+         width="189.04082"
+         id="rect3117"
+         style="opacity:1;fill:url(#radialGradient4338);fill-opacity:1;stroke:#747ce9;stroke-width:1.14454818;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <flowRoot
+         xml:space="preserve"
+         id="flowRoot3119"
+         style="font-size:20px;text-align:center;text-anchor:middle"
+         transform="translate(-97.142857,61.846737)"><flowRegion
+           id="flowRegion3121"><rect
+             id="rect3123"
+             width="187.14285"
+             height="48.571426"
+             x="192.85715"
+             y="73.790756"
+             style="font-size:20px;text-align:center;text-anchor:middle" /></flowRegion><flowPara
+           id="flowPara3125">My Widget</flowPara></flowRoot>    </g>
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3153"
+       style="font-size:14px;opacity:1"
+       transform="translate(-986.02393,-706.24807)"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"><flowRegion
+         id="flowRegion3155"><rect
+           id="rect3157"
+           width="199"
+           height="32"
+           x="1011"
+           y="720.36218"
+           style="font-size:14px" /></flowRegion><flowPara
+         id="flowPara3159">Google Web Toolkit</flowPara></flowRoot>    <g
+       style="opacity:1"
+       id="g4148"
+       transform="matrix(0.6800927,0,0,0.6800927,213.23949,-21.150155)"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <rect
+         transform="matrix(1.3641168,0,0,0.9169701,-96.115129,-14.042082)"
+         ry="4.2643418"
+         rx="7.9527607"
+         y="148.81375"
+         x="150.73732"
+         height="78.525383"
+         width="131.38252"
+         id="rect4150"
+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.04604626;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter12627)" />
+      <rect
+         ry="5.1089139"
+         rx="8.6772833"
+         y="108.66392"
+         x="94.870857"
+         height="79.553078"
+         width="189.04082"
+         id="rect4152"
+         style="opacity:1;fill:url(#radialGradient2532);fill-opacity:1;stroke:#747ce9;stroke-width:1.14454818;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <flowRoot
+         xml:space="preserve"
+         id="flowRoot4154"
+         style="font-size:20px;text-align:center;text-anchor:middle"
+         transform="translate(-97.142857,61.846737)"><flowRegion
+           id="flowRegion4156"><rect
+             id="rect4158"
+             width="187.14285"
+             height="48.571426"
+             x="192.85715"
+             y="73.790756"
+             style="font-size:20px;text-align:center;text-anchor:middle" /></flowRegion><flowPara
+           id="flowPara4160">Widget</flowPara></flowRoot>    </g>
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"
+       d="M 419.05652,172.36218 L 368.31474,111.47205"
+       id="path5151"
+       inkscape:connector-type="polyline"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"
+       inkscape:connection-end="#g4148"
+       inkscape:connection-start="#g2310" />
+    <g
+       style="opacity:1"
+       id="g2292"
+       transform="matrix(0.6800927,0,0,0.6800927,-4.131778,-20.260018)"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <rect
+         transform="matrix(1.3641168,0,0,0.9169701,-96.115129,-14.042082)"
+         ry="4.2643418"
+         rx="7.9527607"
+         y="148.81375"
+         x="150.73732"
+         height="78.525383"
+         width="131.38252"
+         id="rect2294"
+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.04604626;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter12627)" />
+      <rect
+         ry="5.1089139"
+         rx="8.6772833"
+         y="108.66392"
+         x="94.870857"
+         height="79.553078"
+         width="189.04082"
+         id="rect2296"
+         style="opacity:1;fill:url(#radialGradient2306);fill-opacity:1;stroke:#747ce9;stroke-width:1.14454818;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <flowRoot
+         xml:space="preserve"
+         id="flowRoot2298"
+         style="font-size:20px;text-align:center;text-anchor:middle"
+         transform="translate(-97.142857,61.846737)"><flowRegion
+           id="flowRegion2300"><rect
+             id="rect2302"
+             width="187.14285"
+             height="48.571426"
+             x="192.85715"
+             y="73.790756"
+             style="font-size:20px;text-align:center;text-anchor:middle" /></flowRegion><flowPara
+           id="flowPara2304">UIObject</flowPara></flowRoot>    </g>
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"
+       d="M 277.37127,82.188672 L 192.62873,82.535693"
+       id="path2308"
+       inkscape:connector-type="polyline"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"
+       inkscape:connection-end="#g2292"
+       inkscape:connection-start="#g4148" />
+    <g
+       style="opacity:1"
+       id="g2310"
+       transform="matrix(0.6800927,0,0,0.6800927,313.23949,98.849845)"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <rect
+         transform="matrix(1.3641168,0,0,0.9169701,-96.115129,-14.042082)"
+         ry="4.2643418"
+         rx="7.9527607"
+         y="148.81375"
+         x="150.73732"
+         height="78.525383"
+         width="131.38252"
+         id="rect2312"
+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.04604626;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter12627)" />
+      <rect
+         ry="5.1089139"
+         rx="8.6772833"
+         y="108.66392"
+         x="94.870857"
+         height="79.553078"
+         width="189.04082"
+         id="rect2314"
+         style="opacity:1;fill:url(#radialGradient2324);fill-opacity:1;stroke:#747ce9;stroke-width:1.14454818;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <flowRoot
+         xml:space="preserve"
+         id="flowRoot2316"
+         style="font-size:20px;text-align:center;text-anchor:middle"
+         transform="translate(-97.142857,61.846737)"><flowRegion
+           id="flowRegion2318"><rect
+             id="rect2320"
+             width="187.14285"
+             height="48.571426"
+             x="192.85715"
+             y="73.790756"
+             style="font-size:20px;text-align:center;text-anchor:middle" /></flowRegion><flowPara
+           id="flowPara2322">FocusWidget</flowPara></flowRoot>    </g>
+    <g
+       style="opacity:1"
+       id="g2326"
+       transform="matrix(0.6800927,0,0,0.6800927,35.868222,99.739982)"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <rect
+         transform="matrix(1.3641168,0,0,0.9169701,-96.115129,-14.042082)"
+         ry="4.2643418"
+         rx="7.9527607"
+         y="148.81375"
+         x="150.73732"
+         height="78.525383"
+         width="131.38252"
+         id="rect2328"
+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.04604626;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter12627)" />
+      <rect
+         ry="5.1089139"
+         rx="8.6772833"
+         y="108.66392"
+         x="94.870857"
+         height="79.553078"
+         width="189.04082"
+         id="rect2330"
+         style="opacity:1;fill:url(#radialGradient2340);fill-opacity:1;stroke:#747ce9;stroke-width:1.14454818;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <flowRoot
+         xml:space="preserve"
+         id="flowRoot2332"
+         style="font-size:20px;text-align:center;text-anchor:middle"
+         transform="translate(-97.142857,61.846737)"><flowRegion
+           id="flowRegion2334"><rect
+             id="rect2336"
+             width="187.14285"
+             height="48.571426"
+             x="192.85715"
+             y="73.790756"
+             style="font-size:20px;text-align:center;text-anchor:middle" /></flowRegion><flowPara
+           id="flowPara2338">Composite</flowPara></flowRoot>    </g>
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"
+       d="M 209.67767,173.25232 L 300.32233,111.47205"
+       id="path2342"
+       inkscape:connector-type="polyline"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"
+       inkscape:connection-start="#g2326"
+       inkscape:connection-end="#g4148" />
+    <g
+       style="opacity:1"
+       id="g2344"
+       transform="matrix(0.6800927,0,0,0.6800927,497.86822,-20.260018)"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <rect
+         transform="matrix(1.3641168,0,0,0.9169701,-96.115129,-14.042082)"
+         ry="4.2643418"
+         rx="7.9527607"
+         y="148.81375"
+         x="150.73732"
+         height="78.525383"
+         width="131.38252"
+         id="rect2346"
+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.04604626;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter12627)" />
+      <rect
+         ry="5.1089139"
+         rx="8.6772833"
+         y="108.66392"
+         x="94.870857"
+         height="79.553078"
+         width="189.04082"
+         id="rect2348"
+         style="opacity:1;fill:url(#radialGradient2358);fill-opacity:1;stroke:#747ce9;stroke-width:1.14454818;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <flowRoot
+         xml:space="preserve"
+         id="flowRoot2350"
+         style="font-size:20px;text-align:center;text-anchor:middle"
+         transform="translate(-97.142857,61.846737)"><flowRegion
+           id="flowRegion2352"><rect
+             id="rect2354"
+             width="187.14285"
+             height="48.571426"
+             x="192.85715"
+             y="73.790756"
+             style="font-size:20px;text-align:center;text-anchor:middle" /></flowRegion><flowPara
+           id="flowPara2356">Panel</flowPara></flowRoot>    </g>
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"
+       d="M 562,82.599862 L 410,82.124503"
+       id="path3347"
+       inkscape:connector-type="polyline"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"
+       inkscape:connection-start="#g2344"
+       inkscape:connection-end="#g4148" />
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"
+       d="M 307.26663,315.25232 L 203.3621,232.36218"
+       id="path4340"
+       inkscape:connector-type="polyline"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"
+       inkscape:connection-end="#g2326"
+       inkscape:connection-start="#g3113" />
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"
+       d="M 364.86799,315.25232 L 423.132,231.47205"
+       id="path4342"
+       inkscape:connector-type="polyline"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"
+       inkscape:connection-end="#g2310"
+       inkscape:connection-start="#g3113" />
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"
+       d="M 410.62873,315.66828 L 562.14988,249.0889"
+       id="path4344"
+       inkscape:connector-type="polyline"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"
+       inkscape:connection-start="#g3113" />
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"
+       d="M 344.24368,315.25232 L 343.75632,111.47205"
+       id="path4348"
+       inkscape:connector-type="polyline"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"
+       inkscape:connection-end="#g4148"
+       inkscape:connection-start="#g3113" />
+    <g
+       id="g5345"
+       transform="translate(156,-76)">
+      <rect
+         ry="0"
+         y="352.36218"
+         x="110"
+         height="30"
+         width="20"
+         id="rect4356"
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         id="text4352"
+         y="375.52625"
+         x="119.95703"
+         style="font-size:22px;font-style:normal;font-weight:bold;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
+         xml:space="preserve"><tspan
+           y="375.52625"
+           x="119.95703"
+           id="tspan4354"
+           sodipodi:role="line">?</tspan></text>
+    </g>
+    <g
+       style="opacity:1"
+       id="g5350"
+       transform="translate(223.49999,-75.499979)">
+      <rect
+         ry="0"
+         y="352.36218"
+         x="110"
+         height="30"
+         width="20"
+         id="rect5352"
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         id="text5354"
+         y="375.52625"
+         x="119.95703"
+         style="font-size:22px;font-style:normal;font-weight:bold;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
+         xml:space="preserve"><tspan
+           y="375.52625"
+           x="119.95703"
+           id="tspan5356"
+           sodipodi:role="line">?</tspan></text>
+    </g>
+    <g
+       style="opacity:1"
+       id="g5358"
+       transform="translate(261.99999,-75.999979)">
+      <rect
+         ry="0"
+         y="352.36218"
+         x="110"
+         height="30"
+         width="20"
+         id="rect5360"
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         id="text5362"
+         y="375.52625"
+         x="119.95703"
+         style="font-size:22px;font-style:normal;font-weight:bold;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
+         xml:space="preserve"><tspan
+           y="375.52625"
+           x="119.95703"
+           id="tspan5364"
+           sodipodi:role="line">?</tspan></text>
+    </g>
+    <g
+       style="opacity:1"
+       id="g5366"
+       transform="translate(339.99999,-75.999979)">
+      <rect
+         ry="0"
+         y="352.36218"
+         x="110"
+         height="30"
+         width="20"
+         id="rect5368"
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         id="text5370"
+         y="375.52625"
+         x="119.95703"
+         style="font-size:22px;font-style:normal;font-weight:bold;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
+         xml:space="preserve"><tspan
+           y="375.52625"
+           x="119.95703"
+           id="tspan5372"
+           sodipodi:role="line">?</tspan></text>
+    </g>
+    <g
+       style="opacity:1"
+       id="g7442"
+       transform="matrix(0.6800927,0,0,0.6800927,490.22046,109.82903)"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <rect
+         transform="matrix(0.9009522,0,0,0.4664334,1.0077707,62.115564)"
+         ry="4.2643418"
+         rx="7.9527607"
+         y="148.81375"
+         x="150.73732"
+         height="78.525383"
+         width="131.38252"
+         id="rect7444"
+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.04604626;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter12627)" />
+      <rect
+         ry="2.3385966"
+         rx="5.4563403"
+         y="126.07393"
+         x="130.99585"
+         height="36.415283"
+         width="118.87027"
+         id="rect7446"
+         style="opacity:1;fill:url(#radialGradient7456);fill-opacity:1;stroke:#747ce9;stroke-width:0.61405361;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <flowRoot
+         xml:space="preserve"
+         id="flowRoot7448"
+         style="font-size:14.70387745px;text-align:center;text-anchor:middle"
+         transform="translate(-97.142857,61.846737)"><flowRegion
+           id="flowRegion7450"><rect
+             id="rect7452"
+             width="187.14285"
+             height="48.571426"
+             x="192.85715"
+             y="73.790756"
+             style="font-size:14.70387745px;text-align:center;text-anchor:middle" /></flowRegion><flowPara
+           id="flowPara7454">ComplexPanel</flowPara></flowRoot>    </g>
+    <g
+       style="opacity:1"
+       id="g7458"
+       transform="matrix(0.6800927,0,0,0.6800927,441.22046,76.829031)"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <rect
+         transform="matrix(0.9009522,0,0,0.4664334,1.0077707,62.115564)"
+         ry="4.2643418"
+         rx="7.9527607"
+         y="148.81375"
+         x="150.73732"
+         height="78.525383"
+         width="131.38252"
+         id="rect7460"
+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.04604626;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter12627)" />
+      <rect
+         ry="2.3385966"
+         rx="5.4563403"
+         y="126.07393"
+         x="130.99585"
+         height="36.415283"
+         width="118.87027"
+         id="rect7462"
+         style="opacity:1;fill:url(#radialGradient7472);fill-opacity:1;stroke:#747ce9;stroke-width:0.61405361;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <flowRoot
+         xml:space="preserve"
+         id="flowRoot7464"
+         style="font-size:14.70387745px;text-align:center;text-anchor:middle"
+         transform="translate(-97.142857,61.846737)"><flowRegion
+           id="flowRegion7466"><rect
+             id="rect7468"
+             width="187.14285"
+             height="48.571426"
+             x="192.85715"
+             y="73.790756"
+             style="font-size:14.70387745px;text-align:center;text-anchor:middle" /></flowRegion><flowPara
+           id="flowPara7470">SimplePanel</flowPara></flowRoot>    </g>
+    <g
+       style="opacity:1"
+       id="g7474"
+       transform="matrix(0.6800927,0,0,0.6800927,549.11949,142.7712)"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <rect
+         transform="matrix(0.9009522,0,0,0.4664334,1.0077707,62.115564)"
+         ry="4.2643418"
+         rx="7.9527607"
+         y="148.81375"
+         x="150.73732"
+         height="78.525383"
+         width="131.38252"
+         id="rect7476"
+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.04604626;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter12627)" />
+      <rect
+         ry="2.3385966"
+         rx="5.4563403"
+         y="126.07393"
+         x="130.99585"
+         height="36.415283"
+         width="118.87027"
+         id="rect7478"
+         style="opacity:1;fill:url(#radialGradient7488);fill-opacity:1;stroke:#747ce9;stroke-width:0.61405361;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <flowRoot
+         xml:space="preserve"
+         id="flowRoot7480"
+         style="font-size:14.70387745px;text-align:center;text-anchor:middle"
+         transform="translate(-97.142857,61.846737)"><flowRegion
+           id="flowRegion7482"><rect
+             id="rect7484"
+             width="187.14285"
+             height="48.571426"
+             x="192.85715"
+             y="73.790756"
+             style="font-size:14.70387745px;text-align:center;text-anchor:middle" /></flowRegion><flowPara
+           id="flowPara7486">HTMLTable</flowPara></flowRoot>    </g>
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"
+       d="M 581.16183,162.36218 L 610.79704,112.36218"
+       id="path7490"
+       inkscape:connector-type="polyline"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"
+       inkscape:connection-end="#g2344"
+       inkscape:connection-start="#g7458" />
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"
+       d="M 622.32377,195.36218 L 626.74134,112.36218"
+       id="path7492"
+       inkscape:connector-type="polyline"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"
+       inkscape:connection-start="#g7442"
+       inkscape:connection-end="#g2344" />
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"
+       d="M 675.71612,228.30435 L 637.94311,112.36218"
+       id="path7494"
+       inkscape:connector-type="polyline"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"
+       inkscape:connection-end="#g2344"
+       inkscape:connection-start="#g7474" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="Alaluokat"
+     style="display:inline">
+    <text
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
+       x="299.46771"
+       y="40.752563"
+       id="text5376"><tspan
+         sodipodi:role="line"
+         id="tspan5378"
+         x="299.46771"
+         y="40.752563">FileUpload</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
+       x="237.46774"
+       y="49.078735"
+       id="text6367"><tspan
+         sodipodi:role="line"
+         id="tspan6369"
+         x="237.46774"
+         y="49.078735">Hidden</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
+       x="421.6904"
+       y="61.996704"
+       id="text6375"><tspan
+         sodipodi:role="line"
+         id="tspan6377"
+         x="421.6904"
+         y="61.996704">Image</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
+       x="402.75195"
+       y="127.47937"
+       id="text6379"><tspan
+         sodipodi:role="line"
+         id="tspan6381"
+         x="402.75195"
+         y="127.47937">Label</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
+       x="427.46774"
+       y="103.07874"
+       id="text6383"><tspan
+         sodipodi:role="line"
+         id="tspan6385"
+         x="427.46774"
+         y="103.07874">MenuBar</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
+       x="387.48993"
+       y="45.903458"
+       id="text6371"><tspan
+         sodipodi:role="line"
+         id="tspan6373"
+         x="387.48993"
+         y="45.903458">Hyperlink</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Bitstream Vera Sans"
+       x="74.930115"
+       y="168.28252"
+       id="text7414"><tspan
+         sodipodi:role="line"
+         id="tspan7416"
+         x="74.930115"
+         y="168.28252">TabBar</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Bitstream Vera Sans"
+       x="36.035156"
+       y="200.19226"
+       id="text7418"><tspan
+         sodipodi:role="line"
+         id="tspan7420"
+         x="36.035156"
+         y="200.19226">TabPanel</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Bitstream Vera Sans"
+       x="61.938736"
+       y="247.13531"
+       id="text7422"><tspan
+         sodipodi:role="line"
+         id="tspan7424"
+         x="61.938736"
+         y="247.13531">DisclosurePanel</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Bitstream Vera Sans"
+       x="130.56972"
+       y="164.74698"
+       id="text7426"><tspan
+         sodipodi:role="line"
+         id="tspan7428"
+         x="130.56972"
+         y="164.74698">SuggestBox</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Bitstream Vera Sans"
+       x="424.48349"
+       y="164.38301"
+       id="text7430"><tspan
+         sodipodi:role="line"
+         id="tspan7432"
+         x="424.48349"
+         y="164.38301">TextBoxBase</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Bitstream Vera Sans"
+       x="438.82227"
+       y="242.19226"
+       id="text7434"><tspan
+         sodipodi:role="line"
+         id="tspan7436"
+         x="438.82227"
+         y="242.19226">ButtonBase</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Bitstream Vera Sans"
+       x="359.41599"
+       y="242.26526"
+       id="text7438"><tspan
+         sodipodi:role="line"
+         id="tspan7440"
+         x="359.41599"
+         y="242.26526">ListBox</tspan></text>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Luokkanuolet"
+     style="display:none">
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.44561747px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"
+       d="M 268.70057,41.906619 L 288.29571,52.362183"
+       id="path6387"
+       inkscape:connector-type="polyline"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"
+       inkscape:connection-end="#g4148" />
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.44561747px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"
+       d="M 337.28993,34.481998 L 339.70072,52.362183"
+       id="path7380"
+       inkscape:connector-type="polyline"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"
+       inkscape:connection-end="#g4148" />
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.44561747px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"
+       d="M 421.43563,57.816521 L 410,61.361287"
+       id="path7384"
+       inkscape:connector-type="polyline"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"
+       inkscape:connection-end="#g4148" />
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.44561747px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"
+       d="M 435.57777,77.261957 L 410,78.5577"
+       id="path7386"
+       inkscape:connector-type="polyline"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"
+       inkscape:connection-end="#g4148" />
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.44561747px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"
+       d="M 426.38538,97.060947 L 410,94.060484"
+       id="path7388"
+       inkscape:connector-type="polyline"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"
+       inkscape:connection-end="#g4148" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 380,52.362183 L 380,52.362183"
+       id="path7397"
+       inkscape:connector-type="polyline"
+       inkscape:connection-end="#g4148" />
+    <path
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.44561747px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"
+       d="M 419.31431,40.492406 L 397.64378,52.362183"
+       id="path7382"
+       inkscape:connector-type="polyline"
+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"
+       inkscape:connection-end="#g4148" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Varjot" />
+</svg>
diff --git a/documentation/gwt/original-drawings/simplified-integration.svg b/documentation/gwt/original-drawings/simplified-integration.svg
new file mode 100644
index 0000000000..a1b9c1e8f2
--- /dev/null
+++ b/documentation/gwt/original-drawings/simplified-integration.svg
@@ -0,0 +1,2398 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="744.09448"
+   height="1052.3622"
+   id="svg2475"
+   sodipodi:version="0.32"
+   inkscape:version="0.48.2 r9819"
+   sodipodi:docname="simplified-integration.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   inkscape:export-filename="/home/magi/itmill/doc/cheatsheet/vaadin-cheatsheet.png"
+   inkscape:export-xdpi="600.02155"
+   inkscape:export-ydpi="600.02155"
+   version="1.0">
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     gridtolerance="10"
+     guidetolerance="10"
+     objecttolerance="6"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.4"
+     inkscape:cx="496.50597"
+     inkscape:cy="620.68046"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1672"
+     inkscape:window-height="1019"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:snap-nodes="true"
+     inkscape:snap-bbox="true"
+     units="mm"
+     inkscape:snap-global="true"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-guide="true"
+     inkscape:snap-intersection-line-segments="true"
+     inkscape:window-maximized="0">
+    <inkscape:grid
+       spacingy="1mm"
+       spacingx="1mm"
+       empspacing="5"
+       units="mm"
+       enabled="true"
+       visible="true"
+       id="grid4674"
+       type="xygrid"
+       dotted="false"
+       originx="0mm"
+       originy="0mm" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="248.0315,981.49606"
+       id="guide3041" />
+    <sodipodi:guide
+       id="guide9173"
+       position="616.53543,641.33858"
+       orientation="1,0" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2477">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient10356">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop10358" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop10360" />
+    </linearGradient>
+    <pattern
+       patternUnits="userSpaceOnUse"
+       width="19.488184"
+       height="5.3149635"
+       patternTransform="translate(442.02756,179.82281)"
+       id="pattern31837">
+      <path
+         id="path31833"
+         d="M 0.88582677,4.4291368 L 18.602357,4.4291368"
+         style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.77165353;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="path31835"
+         d="M 0.88582677,0.88582677 L 18.602357,0.88582677"
+         style="opacity:1;fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.77165353;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </pattern>
+    <pattern
+       inkscape:collect="always"
+       xlink:href="#pattern31837"
+       id="pattern31843"
+       patternTransform="matrix(0.8219623,-0.5106659,0.5106659,0.8219623,407.01829,190.47423)" />
+    <pattern
+       inkscape:collect="always"
+       xlink:href="#pattern31843"
+       id="pattern39357"
+       patternTransform="matrix(1.2292733,-0.7637186,0.7637186,1.2292733,253.27252,439.9282)" />
+    <marker
+       inkscape:stockid="CurvyCross"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="CurvyCross"
+       style="overflow:visible">
+      <g
+         id="g18903"
+         transform="scale(0.6)">
+        <path
+           id="path18905"
+           d="M 4.6254930,-5.0456926 C 1.8654930,-5.0456926 -0.37450702,-2.8056926 -0.37450702,-0.045692580 C -0.37450702,2.7143074 1.8654930,4.9543074 4.6254930,4.9543074"
+           style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt;marker-start:none;marker-end:none" />
+        <path
+           id="path18907"
+           d="M -5.4129913,-5.0456926 C -2.6529913,-5.0456926 -0.41299131,-2.8056926 -0.41299131,-0.045692580 C -0.41299131,2.7143074 -2.6529913,4.9543074 -5.4129913,4.9543074"
+           style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt;marker-start:none;marker-end:none" />
+      </g>
+    </marker>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient4794"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient4590"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient841"
+       id="linearGradient4390"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9208103,1.086)"
+       x1="10.800377"
+       y1="-94.637573"
+       x2="116.61332"
+       y2="-94.637573" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient4376"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient3095"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       id="linearGradient1683">
+      <stop
+         style="stop-color:#db1f0c;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1684" />
+      <stop
+         style="stop-color:#761006;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop1685" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient24714"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       id="linearGradient2263">
+      <stop
+         style="stop-color:#ff9696;stop-opacity:0.61960787;"
+         offset="0"
+         id="stop2264" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.70103091;"
+         offset="1.0000000"
+         id="stop2265" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient2891">
+      <stop
+         style="stop-color:#ff0000;stop-opacity:0.68041235;"
+         offset="0"
+         id="stop2892" />
+      <stop
+         style="stop-color:#ff0000;stop-opacity:0.14432989;"
+         offset="1"
+         id="stop2893" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient24524"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <marker
+       inkscape:stockid="TriangleOutL"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutL"
+       style="overflow:visible">
+      <path
+         id="path3964"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="scale(0.8,0.8)" />
+    </marker>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient2870"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient239278"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       id="linearGradient865">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop866" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.00000000;"
+         offset="1.0000000"
+         id="stop868" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1400">
+      <stop
+         style="stop-color:#000000;stop-opacity:0.67843139;"
+         offset="0.0000000"
+         id="stop1401" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.32941177;"
+         offset="0.56999999"
+         id="stop1403" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.00000000;"
+         offset="1.0000000"
+         id="stop1402" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient233706"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       y2="383.76529"
+       y1="843.20789"
+       xlink:href="#linearGradient1507"
+       x2="547.80804"
+       x1="201.38963"
+       id="linearGradient1506"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient3450"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       id="linearGradient1290">
+      <stop
+         style="stop-color:#b2a269;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1291" />
+      <stop
+         style="stop-color:#6d5b18;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop1292" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient846">
+      <stop
+         style="stop-color:#e7e7e7;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop847" />
+      <stop
+         style="stop-color:#a5a5a5;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop848" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient841">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop842" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.00000000;"
+         offset="1.0000000"
+         id="stop843" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient853">
+      <stop
+         style="stop-color:#000000;stop-opacity:0.29752067;"
+         offset="0.00000000"
+         id="stop854" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.00000000;"
+         offset="1.0000000"
+         id="stop855" />
+    </linearGradient>
+    <linearGradient
+       y2="287.73825"
+       y1="169.4436"
+       xlink:href="#linearGradient1492"
+       x2="622.33325"
+       x1="741.63898"
+       id="linearGradient1497"
+       gradientTransform="scale(0.9552926,1.0467997)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1501">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1502" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.0000000;"
+         offset="1.0000000"
+         id="stop1504" />
+    </linearGradient>
+    <linearGradient
+       y2="418.53635"
+       y1="236.12772"
+       xlink:href="#linearGradient1501"
+       x2="330.88034"
+       x1="687.96375"
+       id="linearGradient1499"
+       gradientTransform="scale(0.9890091,1.011113)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1492">
+      <stop
+         style="stop-color:#dadada;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1493" />
+      <stop
+         style="stop-color:#f1f1f1;stop-opacity:1.0000000;"
+         offset="0.34923077"
+         id="stop1496" />
+      <stop
+         style="stop-color:#f0f0f0;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop1494" />
+    </linearGradient>
+    <linearGradient
+       y2="689.86005"
+       y1="230.07422"
+       xlink:href="#linearGradient1492"
+       x2="351.7063"
+       x1="728.96643"
+       id="linearGradient1495"
+       gradientTransform="scale(0.955425,1.0466546)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1507">
+      <stop
+         style="stop-color:#000000;stop-opacity:0.095505618;"
+         offset="0.0000000"
+         id="stop1508" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.0000000;"
+         offset="1.0000000"
+         id="stop1510" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient3877"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       id="linearGradient1699">
+      <stop
+         style="stop-color:#017eff;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1700" />
+      <stop
+         style="stop-color:#ecfaff;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop1701" />
+    </linearGradient>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="DiamondEmpty"
+       style="overflow:visible">
+      <path
+         id="path7"
+         d="M 0,-5 L -5,0 L 0,5 L 5,0 L 0,-5 z"
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="translate(-5,0)" />
+    </marker>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient19816"
+       id="radialGradient3268"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,541.12253,30.198804)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7299"
+       id="radialGradient3270"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient19816"
+       id="radialGradient3272"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6000725,2.3808346e-3,-3.7621654e-3,0.5955044,664.61868,-4.8275956)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7299"
+       id="radialGradient3274"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7299"
+       id="radialGradient3276"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7299"
+       id="radialGradient3278"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <linearGradient
+       id="linearGradient7299">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop7301" />
+      <stop
+         style="stop-color:#a090e7;stop-opacity:1"
+         offset="1"
+         id="stop7303" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7299"
+       id="radialGradient3280"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <linearGradient
+       id="linearGradient5596">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop5598" />
+      <stop
+         style="stop-color:#e7e790;stop-opacity:0.56489879"
+         offset="1"
+         id="stop5600" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient19816">
+      <stop
+         id="stop19818"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1;" />
+      <stop
+         id="stop19820"
+         offset="1"
+         style="stop-color:#e7e790;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient11508">
+      <stop
+         id="stop11510"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1;" />
+      <stop
+         id="stop11512"
+         offset="1"
+         style="stop-color:#008401;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3286">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop3288" />
+      <stop
+         style="stop-color:#79e291;stop-opacity:1;"
+         offset="1"
+         id="stop3290" />
+    </linearGradient>
+    <marker
+       inkscape:stockid="Arrow2Lend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow2Lend"
+       style="overflow:visible">
+      <path
+         id="path16811"
+         style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
+         transform="matrix(-1.1,0,0,-1.1,-1.1,0)" />
+    </marker>
+    <linearGradient
+       id="linearGradient7447">
+      <stop
+         style="stop-color:#ff6161;stop-opacity:1;"
+         offset="0"
+         id="stop7449" />
+      <stop
+         style="stop-color:#840929;stop-opacity:1;"
+         offset="1"
+         id="stop7451" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient7485">
+      <stop
+         style="stop-color:#b6bcef;stop-opacity:1;"
+         offset="0"
+         id="stop7487" />
+      <stop
+         style="stop-color:#4026b1;stop-opacity:1;"
+         offset="1"
+         id="stop7489" />
+    </linearGradient>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="EmptyArrow2"
+       style="overflow:visible">
+      <path
+         id="path13"
+         d="M 0,0 L 0,-5 L -10,0 L 0,5 L 0,0 z"
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="matrix(-1,0,0,-1,-10,0)" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lstart"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow1Lstart"
+       style="overflow:visible">
+      <path
+         id="path5210"
+         d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="matrix(0.8,0,0,0.8,10,0)" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotS"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotS">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z"
+         id="path3636" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutS"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutS"
+       style="overflow:visible">
+      <path
+         id="path3717"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <inkscape:path-effect
+       copytype="single_stretched"
+       pattern="M 349.202,225.086 L 405.895,331.386 L 370.462,338.472 "
+       prop_scale="1"
+       id="path-effect2503"
+       effect="skeletal" />
+    <inkscape:path-effect
+       prop_scale="1"
+       id="path-effect2499"
+       effect="skeletal" />
+    <inkscape:path-effect
+       pattern-nodetypes="cc"
+       pattern="M 432.28346,272.83462 L 403.93701,216.14171"
+       prop_scale="1"
+       id="path-effect2497"
+       effect="skeletal" />
+    <marker
+       style="overflow:visible"
+       id="Arrow1Send"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow1Send">
+      <path
+         transform="matrix(-0.2,0,0,-0.2,-1.2,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z"
+         id="path3641" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow1Lend"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z"
+         id="path3629" />
+    </marker>
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective3487" />
+    <marker
+       style="overflow:visible"
+       id="Arrow2Sendp"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2Sendp">
+      <path
+         transform="matrix(-0.3,0,0,-0.3,0.69,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
+         style="font-size:12px;fill:#f39300;fill-rule:evenodd;stroke:#f39300;stroke-width:0.625;stroke-linejoin:round"
+         id="path28139" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutSK"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutSK">
+      <path
+         transform="scale(0.2,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path36611" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutSH"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutSH">
+      <path
+         transform="scale(0.2,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path36614" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutSA"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutSA">
+      <path
+         transform="scale(0.2,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path36617" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutSKF"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutSKF">
+      <path
+         transform="scale(0.2,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path36620" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutS9"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutS9">
+      <path
+         transform="scale(0.2,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path36623" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2SendpA"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2SendpA">
+      <path
+         transform="matrix(-0.3,0,0,-0.3,0.69,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
+         style="font-size:12px;fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:0.625;stroke-linejoin:round"
+         id="path3396" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2Sendpg"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2Sendpg">
+      <path
+         transform="matrix(-0.3,0,0,-0.3,0.69,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
+         style="font-size:12px;fill:#fcc988;fill-rule:evenodd;stroke:#fcc988;stroke-width:0.625;stroke-linejoin:round"
+         id="path3360" />
+    </marker>
+    <filter
+       id="filter2780"
+       inkscape:label="White Halo"
+       width="1.1"
+       height="1.1">
+      <feMorphology
+         id="feMorphology2782"
+         operator="dilate"
+         radius="3"
+         result="result0" />
+      <feFlood
+         id="feFlood2786"
+         flood-color="rgb(255,255,255)"
+         flood-opacity="1"
+         in="result0"
+         result="result3" />
+      <feComposite
+         id="feComposite2623"
+         in="result3"
+         in2="result0"
+         operator="in"
+         result="result4" />
+      <feMerge
+         id="feMerge2629">
+        <feMergeNode
+           inkscape:collect="always"
+           id="feMergeNode2631"
+           in="result4" />
+        <feMergeNode
+           inkscape:collect="always"
+           id="feMergeNode2633"
+           in="SourceGraphic" />
+      </feMerge>
+    </filter>
+    <marker
+       inkscape:stockid="TriangleOutSn"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSn"
+       style="overflow:visible">
+      <path
+         id="path4441"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutS9F"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutS9F"
+       style="overflow:visible">
+      <path
+         id="path4444"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSI"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSI"
+       style="overflow:visible">
+      <path
+         id="path4447"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSO"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSO"
+       style="overflow:visible">
+      <path
+         id="path4450"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSW"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSW"
+       style="overflow:visible">
+      <path
+         id="path4453"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSB"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSB"
+       style="overflow:visible">
+      <path
+         id="path4456"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSZ"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSZ"
+       style="overflow:visible">
+      <path
+         id="path4459"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSq"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSq">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z"
+         id="path5853" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSBO"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSBO"
+       style="overflow:visible">
+      <path
+         id="path7501"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z"
+         id="path9463" />
+    </marker>
+    <filter
+       height="1.1"
+       width="1.1"
+       inkscape:label="Black Halo"
+       id="filter10694">
+      <feMorphology
+         result="result0"
+         radius="3"
+         operator="dilate"
+         id="feMorphology10696" />
+      <feFlood
+         result="result3"
+         in="result0"
+         flood-opacity="1"
+         flood-color="rgb(0,0,0)"
+         id="feFlood10698" />
+      <feComposite
+         result="result4"
+         operator="in"
+         in2="result0"
+         in="result3"
+         id="feComposite10700" />
+      <feMerge
+         id="feMerge10702">
+        <feMergeNode
+           in="result4"
+           id="feMergeNode10704"
+           inkscape:collect="always" />
+        <feMergeNode
+           in="SourceGraphic"
+           id="feMergeNode10706"
+           inkscape:collect="always" />
+      </feMerge>
+    </filter>
+    <marker
+       inkscape:stockid="TriangleOutSu"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSu"
+       style="overflow:visible">
+      <path
+         id="path8127"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSI8"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSI8"
+       style="overflow:visible">
+      <path
+         id="path8130"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSr"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSr"
+       style="overflow:visible">
+      <path
+         id="path8133"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSM"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSM"
+       style="overflow:visible">
+      <path
+         id="path8136"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSb"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSb"
+       style="overflow:visible">
+      <path
+         id="path8139"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       id="marker18095"
+       orient="auto"
+       markerHeight="5.7450776"
+       markerWidth="4.6297302">
+      <g
+         id="g11064"
+         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path11050"
+           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path11035"
+           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      </g>
+    </marker>
+    <marker
+       id="marker44971"
+       orient="auto"
+       markerHeight="5.7450781"
+       markerWidth="4.6297355">
+      <g
+         id="g18059"
+         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path18061"
+           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path18063"
+           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
+           style="fill:#d9d9cd;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      </g>
+    </marker>
+    <marker
+       id="marker52016"
+       orient="auto"
+       markerHeight="5.7450786"
+       markerWidth="4.6297302">
+      <g
+         id="g52010"
+         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path52012"
+           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path52014"
+           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
+           style="fill:#f39300;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      </g>
+    </marker>
+    <marker
+       id="marker64887"
+       orient="auto"
+       markerHeight="5.745079"
+       markerWidth="4.6297255">
+      <g
+         id="g64855"
+         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path64857"
+           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path64859"
+           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
+           style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      </g>
+    </marker>
+    <marker
+       id="marker4057"
+       orient="auto"
+       markerHeight="5.745079"
+       markerWidth="4.6297302">
+      <g
+         id="g51986"
+         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path51988"
+           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path51990"
+           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      </g>
+    </marker>
+    <marker
+       id="marker72805"
+       orient="auto"
+       markerHeight="4.5568175"
+       markerWidth="4.0334239">
+      <path
+         sodipodi:nodetypes="cccscccsssssssscccsccc"
+         id="path18057"
+         d="M -2.0167119,0.50456824 L 0.29578813,0.50456824 L -0.61046187,1.4108182 C -0.80893187,1.6092982 -0.80893187,1.9310982 -0.61046187,2.1295682 C -0.41198187,2.3280482 -0.090181874,2.3280482 0.10828813,2.1295682 L 1.8270381,0.39519824 L 1.8739181,0.36394824 C 1.8768781,0.36103824 1.8710181,0.35130824 1.8739181,0.34831824 C 1.9016181,0.31973824 1.9314681,0.28982824 1.9520381,0.25456824 C 1.9663581,0.23002824 1.9734781,0.20252824 1.9832881,0.17644824 C 1.9894681,0.16108824 1.9943181,0.14535824 1.9989181,0.12956824 C 2.0144781,0.07151824 2.0202881,0.01710824 2.0145381,-0.04230176 C 2.0126081,-0.07122176 2.0058581,-0.09213176 1.9989181,-0.12043176 C 1.9934681,-0.14075176 1.9913481,-0.16326176 1.9832881,-0.18293176 C 1.9750781,-0.20334176 1.9630581,-0.22603176 1.9520381,-0.24543176 C 1.9293181,-0.28436176 1.9052381,-0.32406176 1.8739181,-0.35480176 L 0.10828813,-2.1204318 C 0.003838126,-2.2318118 -0.14579187,-2.2893518 -0.29796187,-2.2766818 C -0.49535187,-2.2632018 -0.66784187,-2.1344918 -0.73546187,-1.9485518 C -0.80308187,-1.7626218 -0.75309187,-1.5544218 -0.61046187,-1.4173018 L 0.32703813,-0.49543176 L -2.0167119,-0.49543176"
+         style="fill:#f39300;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </marker>
+    <marker
+       id="marker72808"
+       orient="auto"
+       markerHeight="4.5568123"
+       markerWidth="4.0334177">
+      <path
+         sodipodi:nodetypes="cccscccsssssssscccsccc"
+         id="path72801"
+         d="M -2.016709,0.50457301 L 0.29579105,0.50457301 L -0.61045895,1.410823 C -0.80893895,1.609293 -0.80893895,1.931093 -0.61045895,2.129573 C -0.41198895,2.328043 -0.090188953,2.328043 0.10829105,2.129573 L 1.827041,0.39519301 L 1.873911,0.36394301 C 1.876881,0.36103301 1.871021,0.35130301 1.873911,0.34832301 C 1.901621,0.31974301 1.931461,0.28982301 1.952041,0.25457301 C 1.966361,0.23003301 1.973481,0.20252301 1.983291,0.17644301 C 1.989471,0.16108301 1.994321,0.14536301 1.998911,0.12957301 C 2.014471,0.071523013 2.020281,0.017103013 2.014541,-0.042306987 C 2.012611,-0.071226987 2.005851,-0.092126987 1.998911,-0.12042699 C 1.993461,-0.14075699 1.991351,-0.16325699 1.983291,-0.18292699 C 1.975071,-0.20334699 1.963051,-0.22602699 1.952041,-0.24542699 C 1.929311,-0.28436699 1.905241,-0.32405699 1.873911,-0.35480699 L 0.10829105,-2.120427 C 0.003831047,-2.231807 -0.14578895,-2.289357 -0.29795895,-2.276677 C -0.49534895,-2.263207 -0.66784895,-2.134487 -0.73545895,-1.948557 C -0.80307895,-1.762617 -0.75308895,-1.554427 -0.61045895,-1.417307 L 0.32704105,-0.49542699 L -2.016709,-0.49542699"
+         style="fill:#d9d9cd;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSuN"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSuN">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#f39300;fill-rule:evenodd;stroke:#f39300;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z"
+         id="path81580" />
+    </marker>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient92445"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.8305603,1.0914308e-3,-1.9528524e-3,0.2729933,281.94958,112.36765)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112303"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.8305603,1.0914308e-3,-1.9528524e-3,0.2729933,281.94958,112.36765)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112301"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.8305603,1.0914308e-3,-1.9528524e-3,0.2729933,281.94958,112.36765)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112299"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.293791,1.3701286e-2,-5.3144349e-3,0.5018339,-46.792176,73.88505)"
+       r="95.092682"
+       fy="112.14567"
+       fx="153.46323"
+       cy="112.14567"
+       cx="153.46323"
+       id="radialGradient112297"
+       xlink:href="#linearGradient11508"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112295"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112293"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112291"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112289"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112287"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient1694">
+      <stop
+         id="stop1695"
+         offset="0.0000000"
+         style="stop-color:#ffffff;stop-opacity:0.0000000;" />
+      <stop
+         id="stop1696"
+         offset="1.0000000"
+         style="stop-color:#ffffff;stop-opacity:1.0000000;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient112278">
+      <stop
+         id="stop112280"
+         offset="0.0000000"
+         style="stop-color:#0c1fdb;stop-opacity:1.0000000;" />
+      <stop
+         id="stop112282"
+         offset="1.0000000"
+         style="stop-color:#062d76;stop-opacity:1.0000000;" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="scale(1.475472,0.677749)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient1686"
+       inkscape:collect="always"
+       x1="242.39842"
+       x2="242.39842"
+       xlink:href="#linearGradient1683"
+       y1="1035.3337"
+       y2="636.25543" />
+    <linearGradient
+       gradientTransform="scale(1.475472,0.677749)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient1690"
+       inkscape:collect="always"
+       x1="240.86183"
+       x2="240.86183"
+       xlink:href="#linearGradient1683"
+       y1="635.74658"
+       y2="1038.9441" />
+    <linearGradient
+       gradientTransform="scale(1.479463,0.675921)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient1692"
+       inkscape:collect="always"
+       x1="244.8598"
+       x2="244.8598"
+       xlink:href="#linearGradient1694"
+       y1="827.01349"
+       y2="646.06177" />
+    <linearGradient
+       gradientTransform="matrix(0,1.475472,-0.677749,0,0,0)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient112273"
+       inkscape:collect="always"
+       x1="303.90472"
+       x2="-93.992599"
+       xlink:href="#linearGradient1683"
+       y1="-492.41382"
+       y2="-492.41382" />
+    <linearGradient
+       gradientTransform="matrix(0,1.475472,-0.677749,0,0,0)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient112271"
+       inkscape:collect="always"
+       x1="-92.98716"
+       x2="315.00735"
+       xlink:href="#linearGradient1683"
+       y1="-477.69666"
+       y2="-477.69669" />
+    <linearGradient
+       gradientTransform="matrix(0,1.475473,-0.677749,0,0,0)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient1705"
+       inkscape:collect="always"
+       x1="112.06259"
+       x2="-170.00552"
+       xlink:href="#linearGradient1694"
+       y1="-485.28952"
+       y2="-485.28973" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient5287"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient5285"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient5283"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient5281"
+       xlink:href="#linearGradient11508"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient11602"
+       xlink:href="#linearGradient19816"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient15668"
+       xlink:href="#linearGradient7299"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="148.38934"
+       x2="389.01984"
+       y1="148.38934"
+       x1="96.085953"
+       id="linearGradient5355"
+       xlink:href="#linearGradient5349"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4152">
+      <stop
+         id="stop4154"
+         offset="0"
+         style="stop-color:#6b6bff;stop-opacity:1;" />
+      <stop
+         id="stop4156"
+         offset="1"
+         style="stop-color:#6b6bff;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5349">
+      <stop
+         id="stop5351"
+         offset="0"
+         style="stop-color:#000000;stop-opacity:1;" />
+      <stop
+         id="stop5353"
+         offset="1"
+         style="stop-color:#000000;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient112247">
+      <stop
+         id="stop112249"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1" />
+      <stop
+         id="stop112251"
+         offset="1"
+         style="stop-color:#a090e7;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient9263">
+      <stop
+         id="stop9265"
+         offset="0"
+         style="stop-color:#000000;stop-opacity:0" />
+      <stop
+         id="stop9267"
+         offset="1"
+         style="stop-color:#000000;stop-opacity:0;" />
+    </linearGradient>
+    <marker
+       style="overflow:visible"
+       id="marker112241"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutL">
+      <path
+         transform="scale(0.8,0.8)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path16734" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleInL"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleInL">
+      <path
+         transform="scale(-0.8,-0.8)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path16743" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutM"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutM">
+      <path
+         transform="scale(0.4,0.4)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path16731" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="marker112234"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z"
+         id="path16829" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="marker112230"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2Lend">
+      <path
+         transform="matrix(-1.1,0,0,-1.1,-1.1,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
+         style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
+         id="path112232" />
+    </marker>
+    <linearGradient
+       id="linearGradient112224">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop112226" />
+      <stop
+         style="stop-color:#e7e790;stop-opacity:1;"
+         offset="1"
+         id="stop112228" />
+    </linearGradient>
+    <marker
+       style="overflow:visible"
+       id="marker112220"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(-1,0,0,-1,-10,0)"
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,0 L 0,-5 L -10,0 L 0,5 L 0,0 z"
+         id="path112222" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="EmptyArrow"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(-1,0,0,-1,-10,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,0 L 0,-5 L -12.5,0 L 0,5 L 0,0 z M -0.5,0 L -0.5,-4.5 L -12,0 L -0.5,4.5 L -0.5,0 z"
+         id="path9" />
+    </marker>
+    <linearGradient
+       id="linearGradient112212">
+      <stop
+         id="stop112214"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1;" />
+      <stop
+         id="stop112216"
+         offset="1"
+         style="stop-color:#79e291;stop-opacity:1;" />
+    </linearGradient>
+    <marker
+       style="overflow:visible"
+       id="marker112208"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="translate(-5,0)"
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,-5 L -5,0 L 0,5 L 5,0 L 0,-5 z"
+         id="path112210" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DiamondL"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DiamondL">
+      <path
+         transform="scale(0.8,0.8)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,-7.0710768 L -7.0710894,0 L 0,7.0710589 L 7.0710462,0 L 0,-7.0710768 z"
+         id="path4404" />
+    </marker>
+    <linearGradient
+       id="linearGradient112200">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop112202" />
+      <stop
+         style="stop-color:#e27979;stop-opacity:1"
+         offset="1"
+         id="stop112204" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient11516">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop11518" />
+      <stop
+         style="stop-color:#a090e7;stop-opacity:1"
+         offset="1"
+         id="stop11520" />
+    </linearGradient>
+    <marker
+       style="overflow:visible"
+       id="Arrow2Lstart"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2Lstart">
+      <path
+         transform="matrix(1.1,0,0,1.1,1.1,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
+         style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
+         id="path6743" />
+    </marker>
+    <inkscape:perspective
+       id="perspective112192"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective9300"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective9574"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective9882"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective10244"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient10356"
+       id="linearGradient10362"
+       x1="407.48032"
+       y1="968.17322"
+       x2="669.66157"
+       y2="968.17322"
+       gradientUnits="userSpaceOnUse" />
+    <inkscape:perspective
+       id="perspective5379"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective5446"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective7010"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <marker
+       id="marker18095-5"
+       orient="auto"
+       markerHeight="5.7450776"
+       markerWidth="4.6297302">
+      <g
+         id="g11064-2"
+         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
+        <path
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path11050-5"
+           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+        <path
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path11035-0"
+           d="m 366.65625,515.40625 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+      </g>
+    </marker>
+    <marker
+       id="marker18095-2"
+       orient="auto"
+       markerHeight="5.7450776"
+       markerWidth="4.6297302">
+      <g
+         id="g11064-9"
+         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
+        <path
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path11050-0"
+           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+        <path
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path11035-07"
+           d="m 366.65625,515.40625 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+      </g>
+    </marker>
+    <marker
+       id="marker18095-4"
+       orient="auto"
+       markerHeight="5.7450776"
+       markerWidth="4.6297302">
+      <g
+         id="g11064-5"
+         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
+        <path
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path11050-2"
+           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+        <path
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path11035-6"
+           d="m 366.65625,515.40625 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+      </g>
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu-3"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu">
+      <path
+         inkscape:connector-curvature="0"
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path9463-7" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu8"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu8">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="marker-end:none;fill-rule:evenodd;marker-start:none;stroke:#f39300;stroke-width:1pt;fill:#f39300"
+         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z"
+         id="path6738" />
+    </marker>
+    <marker
+       id="marker18095-3"
+       orient="auto"
+       markerHeight="5.7450776"
+       markerWidth="4.6297302">
+      <g
+         id="g11064-8"
+         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path11050-7"
+           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path11035-7"
+           d="m 366.65625,515.40625 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+      </g>
+    </marker>
+    <marker
+       id="marker18095-31"
+       orient="auto"
+       markerHeight="5.7450776"
+       markerWidth="4.6297302">
+      <g
+         id="g11064-4"
+         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path11050-6"
+           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path11035-3"
+           d="m 366.65625,515.40625 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+      </g>
+    </marker>
+    <marker
+       id="marker18095-56"
+       orient="auto"
+       markerHeight="5.7450776"
+       markerWidth="4.6297302">
+      <g
+         id="g11064-22"
+         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path11050-67"
+           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path11035-5"
+           d="m 366.65625,515.40625 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+      </g>
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu-8"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path9463-3"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu-1"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path9463-8"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu8-6"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu8">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#f39300;fill-rule:evenodd;stroke:#f39300;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path6738-5"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu8-9"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu8">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#f39300;fill-rule:evenodd;stroke:#f39300;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path6738-52"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu8-65"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu8">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#f39300;fill-rule:evenodd;stroke:#f39300;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path6738-55"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu8I"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu8I">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="marker-end:none;fill-rule:evenodd;marker-start:none;stroke:#d9d9cd;stroke-width:1pt;fill:#d9d9cd"
+         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z"
+         id="path10009" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu-11"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu">
+      <path
+         inkscape:connector-curvature="0"
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path9463-9" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu8-8"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu8">
+      <path
+         inkscape:connector-curvature="0"
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#f39300;fill-rule:evenodd;stroke:#f39300;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path6738-551" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu8-1"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu8">
+      <path
+         inkscape:connector-curvature="0"
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#f39300;fill-rule:evenodd;stroke:#f39300;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path6738-9" />
+    </marker>
+    <marker
+       id="marker18095-7"
+       orient="auto"
+       markerHeight="5.7450776"
+       markerWidth="4.6297302">
+      <g
+         id="g11064-46"
+         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
+        <path
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path11050-1"
+           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+        <path
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path11035-79"
+           d="m 366.65625,515.40625 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+      </g>
+    </marker>
+    <marker
+       id="marker18095-0"
+       orient="auto"
+       markerHeight="5.7450776"
+       markerWidth="4.6297302">
+      <g
+         id="g11064-23"
+         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
+        <path
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path11050-8"
+           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+        <path
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path11035-77"
+           d="m 366.65625,515.40625 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+      </g>
+    </marker>
+    <marker
+       id="marker18095-22"
+       orient="auto"
+       markerHeight="5.7450776"
+       markerWidth="4.6297302">
+      <g
+         id="g11064-84"
+         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
+        <path
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path11050-3"
+           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+        <path
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path11035-08"
+           d="m 366.65625,515.40625 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+      </g>
+    </marker>
+  </defs>
+  <metadata
+     id="metadata2480">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1"
+     style="display:inline">
+    <g
+       style="display:inline"
+       id="g7535-6"
+       transform="translate(17.716533,283.46456)">
+      <rect
+         ry="5.6651931"
+         y="209.0551"
+         x="287.00787"
+         height="95.669296"
+         width="318.89764"
+         id="rect18094-4"
+         style="fill:#9f9f9f;fill-opacity:1;stroke:none;stroke-width:1.4955349;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+      <text
+         xml:space="preserve"
+         style="font-size:14.95534801px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         x="293.43646"
+         y="298.02994"
+         id="text18096-3"><tspan
+           sodipodi:role="line"
+           id="tspan18098-4"
+           x="293.43646"
+           y="298.02994">Server-Side</tspan></text>
+    </g>
+    <g
+       id="g7535"
+       transform="translate(17.716537,10.629918)">
+      <rect
+         ry="5.6651931"
+         y="294.09448"
+         x="287.00787"
+         height="170.07875"
+         width="318.89764"
+         id="rect18094"
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.4955349;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+      <text
+         xml:space="preserve"
+         style="font-size:14.95534801px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         x="293.30185"
+         y="312.20316"
+         id="text18096"><tspan
+           sodipodi:role="line"
+           id="tspan18098"
+           x="293.30185"
+           y="312.20316">Client-Side (GWT)</tspan></text>
+    </g>
+    <text
+       id="text4185"
+       y="488.17264"
+       x="379.13385"
+       style="font-size:11.96427917px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"
+       sodipodi:linespacing="125%"><tspan
+         y="488.17264"
+         x="379.13385"
+         sodipodi:role="line"
+         style="font-size:11.96427917px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan4191">RPC</tspan></text>
+    <flowRoot
+       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       id="flowRoot2485"
+       xml:space="preserve"
+       transform="matrix(1.4955348,0,0,1.4955348,-357.7434,-49.154891)"><flowRegion
+         id="flowRegion2487"><rect
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+           y="238.07646"
+           x="262.85715"
+           height="120"
+           width="184.28572"
+           id="rect2489" /></flowRegion><flowPara
+         id="flowPara2491" /></flowRoot>    <g
+       transform="matrix(1.4955348,0,0,1.4955348,-363.08461,-14.437119)"
+       id="g3178" />
+    <flowRoot
+       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       id="flowRoot8724"
+       xml:space="preserve"
+       transform="matrix(1.4955348,0,0,1.4955348,-357.7434,-49.154891)"><flowRegion
+         id="flowRegion8726"><rect
+           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+           y="752.14441"
+           x="39.286312"
+           height="22.868153"
+           width="29.904507"
+           id="rect8728" /></flowRegion><flowPara
+         id="flowPara8730" /></flowRoot>    <g
+       transform="matrix(0.7477674,0,0,0.7477674,-203.19038,-47.967324)"
+       id="g18053" />
+    <flowRoot
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       id="flowRoot6905"
+       transform="matrix(1.4955348,0,0,1.4955348,-626.81346,-673.80827)"><flowRegion
+         id="flowRegion6907"><use
+           transform="translate(1.467046,-91.03536)"
+           x="0"
+           y="0"
+           xlink:href="#rect4654"
+           id="use6909"
+           width="744.09448"
+           height="1052.3622" /></flowRegion><flowPara
+         id="flowPara6911">VariableOwner</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       id="flowRoot6913"
+       transform="matrix(1.4955348,0,0,1.4955348,-1034.1426,-1229.8198)"><flowRegion
+         id="flowRegion6915"><use
+           transform="translate(1.467046,-91.03536)"
+           x="0"
+           y="0"
+           xlink:href="#rect4654"
+           id="use6917"
+           width="744.09448"
+           height="1052.3622" /></flowRegion><flowPara
+         id="flowPara6919">VariableOwner</flowPara></flowRoot>    <path
+       style="fill:none;stroke:#ffffff;stroke-width:4.6062994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-end:none;display:inline"
+       d="m 407.48031,403.93698 0,-17.71653"
+       id="path4600-1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <g
+       style="fill:#49c2f1;fill-opacity:1;display:inline"
+       id="g39467"
+       transform="matrix(1.4955348,0,0,1.4955348,50.851808,-14.202877)">
+      <rect
+         style="fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:3.08003473;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect39469"
+         width="94.770302"
+         height="35.538864"
+         x="191.07704"
+         y="232.20705"
+         ry="3.7880721" />
+      <text
+         id="text39471"
+         y="253.11447"
+         x="238.51103"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="253.11447"
+           x="238.51103"
+           id="tspan39473"
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1">Widget</tspan></text>
+    </g>
+    <g
+       style="display:inline"
+       id="g17430"
+       transform="matrix(1.4955348,0,0,1.4955348,68.804364,56.775859)">
+      <rect
+         style="fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect17432"
+         width="94.770302"
+         height="35.538864"
+         x="179.07294"
+         y="232.13176"
+         ry="3.7880721" />
+      <text
+         id="text17434"
+         y="254.22119"
+         x="226.17159"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="254.22119"
+           x="226.17159"
+           id="tspan17436"
+           sodipodi:role="line">Connector</tspan></text>
+    </g>
+    <flowRoot
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;opacity:1;fill:#49c2f1;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       id="flowRoot80522"
+       transform="matrix(1.4955348,0,0,1.4955348,152.15588,47.590195)"><flowRegion
+         id="flowRegion80524"><use
+           transform="translate(1.467046,-91.03536)"
+           x="0"
+           y="0"
+           xlink:href="#rect4654"
+           id="use80526"
+           width="744.09448"
+           height="1052.3622" /></flowRegion><flowPara
+         id="flowPara80528">1</flowPara></flowRoot>    <g
+       style="display:inline"
+       id="g29646"
+       transform="matrix(1.4955348,0,0,1.4955348,72.027926,174.65172)">
+      <rect
+         style="fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect29648"
+         width="94.770294"
+         height="35.538868"
+         x="176.91748"
+         y="224.39095"
+         ry="3.7880721" />
+      <text
+         id="text29650"
+         y="245.34038"
+         x="225.27211"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="245.34038"
+           x="225.27211"
+           id="tspan29652"
+           sodipodi:role="line">Component</tspan></text>
+    </g>
+    <path
+       style="fill:none;stroke:#49c2f1;stroke-width:4.6062994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-start:none;marker-mid:none;marker-end:url(#marker18095);display:inline"
+       d="m 407.48031,481.88974 0,-33.62587"
+       id="path4600-4-3"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <g
+       style="display:inline"
+       id="g17430-7-9"
+       transform="matrix(1.4955348,0,0,1.4955348,246.4335,112.32303)">
+      <rect
+         style="fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect17432-9-2"
+         width="66.993073"
+         height="36.304977"
+         x="176.39357"
+         y="230.52861"
+         ry="3.7880721" />
+      <text
+         id="text17434-3-8"
+         y="253.0011"
+         x="193.95917"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="253.0011"
+           x="193.95917"
+           id="tspan17436-2-5"
+           sodipodi:role="line">State</tspan></text>
+    </g>
+    <path
+       style="fill:none;stroke:#49c2f1;stroke-width:4.6062994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-start:none;marker-mid:none;marker-end:url(#marker18095);display:inline"
+       d="m 407.48031,478.34643 0,40.38295"
+       id="path4600-4-3-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;stroke:#49c2f1;stroke-width:4.6062994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-start:none;marker-mid:none;marker-end:url(#marker18095);display:inline"
+       d="m 471.25984,538.58266 88.58268,-1e-5 0,-35.72242"
+       id="path4600-4-3-5"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccc" />
+    <path
+       style="fill:none;stroke:#49c2f1;stroke-width:4.6062994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-start:none;marker-mid:none;marker-end:url(#marker18095);display:inline"
+       d="m 559.84252,460.6299 0,-28.34646 -94.02142,0"
+       id="path4600-4-3-5-9"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccc" />
+  </g>
+</svg>
diff --git a/documentation/gwt/original-drawings/widget-integration.svg b/documentation/gwt/original-drawings/widget-integration.svg
new file mode 100644
index 0000000000..f78ee7b07d
--- /dev/null
+++ b/documentation/gwt/original-drawings/widget-integration.svg
@@ -0,0 +1,2933 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="744.09448"
+   height="1052.3622"
+   id="svg2475"
+   sodipodi:version="0.32"
+   inkscape:version="0.48.2 r9819"
+   sodipodi:docname="widget-integration.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   inkscape:export-filename="/home/magi/itmill/doc/cheatsheet/vaadin-cheatsheet.png"
+   inkscape:export-xdpi="600.02155"
+   inkscape:export-ydpi="600.02155"
+   version="1.0">
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     gridtolerance="10"
+     guidetolerance="10"
+     objecttolerance="6"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2"
+     inkscape:cx="416.10717"
+     inkscape:cy="367.53322"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1672"
+     inkscape:window-height="1019"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:snap-nodes="true"
+     inkscape:snap-bbox="true"
+     units="mm"
+     inkscape:snap-global="true"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-guide="true"
+     inkscape:snap-intersection-line-segments="true"
+     inkscape:window-maximized="0">
+    <inkscape:grid
+       spacingy="1mm"
+       spacingx="1mm"
+       empspacing="5"
+       units="mm"
+       enabled="true"
+       visible="true"
+       id="grid4674"
+       type="xygrid"
+       dotted="false"
+       originx="0mm"
+       originy="0mm" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="248.0315,981.49606"
+       id="guide3041" />
+    <sodipodi:guide
+       id="guide9173"
+       position="616.53543,641.33858"
+       orientation="1,0" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2477">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient10356">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop10358" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop10360" />
+    </linearGradient>
+    <pattern
+       patternUnits="userSpaceOnUse"
+       width="19.488184"
+       height="5.3149635"
+       patternTransform="translate(442.02756,179.82281)"
+       id="pattern31837">
+      <path
+         id="path31833"
+         d="M 0.88582677,4.4291368 L 18.602357,4.4291368"
+         style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.77165353;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="path31835"
+         d="M 0.88582677,0.88582677 L 18.602357,0.88582677"
+         style="opacity:1;fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.77165353;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </pattern>
+    <pattern
+       inkscape:collect="always"
+       xlink:href="#pattern31837"
+       id="pattern31843"
+       patternTransform="matrix(0.8219623,-0.5106659,0.5106659,0.8219623,407.01829,190.47423)" />
+    <pattern
+       inkscape:collect="always"
+       xlink:href="#pattern31843"
+       id="pattern39357"
+       patternTransform="matrix(1.2292733,-0.7637186,0.7637186,1.2292733,253.27252,439.9282)" />
+    <marker
+       inkscape:stockid="CurvyCross"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="CurvyCross"
+       style="overflow:visible">
+      <g
+         id="g18903"
+         transform="scale(0.6)">
+        <path
+           id="path18905"
+           d="M 4.6254930,-5.0456926 C 1.8654930,-5.0456926 -0.37450702,-2.8056926 -0.37450702,-0.045692580 C -0.37450702,2.7143074 1.8654930,4.9543074 4.6254930,4.9543074"
+           style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt;marker-start:none;marker-end:none" />
+        <path
+           id="path18907"
+           d="M -5.4129913,-5.0456926 C -2.6529913,-5.0456926 -0.41299131,-2.8056926 -0.41299131,-0.045692580 C -0.41299131,2.7143074 -2.6529913,4.9543074 -5.4129913,4.9543074"
+           style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt;marker-start:none;marker-end:none" />
+      </g>
+    </marker>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient4794"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient4590"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient841"
+       id="linearGradient4390"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9208103,1.086)"
+       x1="10.800377"
+       y1="-94.637573"
+       x2="116.61332"
+       y2="-94.637573" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient4376"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient3095"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       id="linearGradient1683">
+      <stop
+         style="stop-color:#db1f0c;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1684" />
+      <stop
+         style="stop-color:#761006;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop1685" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient24714"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       id="linearGradient2263">
+      <stop
+         style="stop-color:#ff9696;stop-opacity:0.61960787;"
+         offset="0"
+         id="stop2264" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.70103091;"
+         offset="1.0000000"
+         id="stop2265" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient2891">
+      <stop
+         style="stop-color:#ff0000;stop-opacity:0.68041235;"
+         offset="0"
+         id="stop2892" />
+      <stop
+         style="stop-color:#ff0000;stop-opacity:0.14432989;"
+         offset="1"
+         id="stop2893" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient24524"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <marker
+       inkscape:stockid="TriangleOutL"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutL"
+       style="overflow:visible">
+      <path
+         id="path3964"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="scale(0.8,0.8)" />
+    </marker>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient2870"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient239278"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       id="linearGradient865">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop866" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.00000000;"
+         offset="1.0000000"
+         id="stop868" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1400">
+      <stop
+         style="stop-color:#000000;stop-opacity:0.67843139;"
+         offset="0.0000000"
+         id="stop1401" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.32941177;"
+         offset="0.56999999"
+         id="stop1403" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.00000000;"
+         offset="1.0000000"
+         id="stop1402" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient233706"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       y2="383.76529"
+       y1="843.20789"
+       xlink:href="#linearGradient1507"
+       x2="547.80804"
+       x1="201.38963"
+       id="linearGradient1506"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient3450"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       id="linearGradient1290">
+      <stop
+         style="stop-color:#b2a269;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1291" />
+      <stop
+         style="stop-color:#6d5b18;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop1292" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient846">
+      <stop
+         style="stop-color:#e7e7e7;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop847" />
+      <stop
+         style="stop-color:#a5a5a5;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop848" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient841">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop842" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.00000000;"
+         offset="1.0000000"
+         id="stop843" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient853">
+      <stop
+         style="stop-color:#000000;stop-opacity:0.29752067;"
+         offset="0.00000000"
+         id="stop854" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.00000000;"
+         offset="1.0000000"
+         id="stop855" />
+    </linearGradient>
+    <linearGradient
+       y2="287.73825"
+       y1="169.4436"
+       xlink:href="#linearGradient1492"
+       x2="622.33325"
+       x1="741.63898"
+       id="linearGradient1497"
+       gradientTransform="scale(0.9552926,1.0467997)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1501">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1502" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.0000000;"
+         offset="1.0000000"
+         id="stop1504" />
+    </linearGradient>
+    <linearGradient
+       y2="418.53635"
+       y1="236.12772"
+       xlink:href="#linearGradient1501"
+       x2="330.88034"
+       x1="687.96375"
+       id="linearGradient1499"
+       gradientTransform="scale(0.9890091,1.011113)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1492">
+      <stop
+         style="stop-color:#dadada;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1493" />
+      <stop
+         style="stop-color:#f1f1f1;stop-opacity:1.0000000;"
+         offset="0.34923077"
+         id="stop1496" />
+      <stop
+         style="stop-color:#f0f0f0;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop1494" />
+    </linearGradient>
+    <linearGradient
+       y2="689.86005"
+       y1="230.07422"
+       xlink:href="#linearGradient1492"
+       x2="351.7063"
+       x1="728.96643"
+       id="linearGradient1495"
+       gradientTransform="scale(0.955425,1.0466546)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1507">
+      <stop
+         style="stop-color:#000000;stop-opacity:0.095505618;"
+         offset="0.0000000"
+         id="stop1508" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.0000000;"
+         offset="1.0000000"
+         id="stop1510" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient3877"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <linearGradient
+       id="linearGradient1699">
+      <stop
+         style="stop-color:#017eff;stop-opacity:1.0000000;"
+         offset="0.0000000"
+         id="stop1700" />
+      <stop
+         style="stop-color:#ecfaff;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop1701" />
+    </linearGradient>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="DiamondEmpty"
+       style="overflow:visible">
+      <path
+         id="path7"
+         d="M 0,-5 L -5,0 L 0,5 L 5,0 L 0,-5 z"
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="translate(-5,0)" />
+    </marker>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient19816"
+       id="radialGradient3268"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,541.12253,30.198804)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7299"
+       id="radialGradient3270"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient19816"
+       id="radialGradient3272"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6000725,2.3808346e-3,-3.7621654e-3,0.5955044,664.61868,-4.8275956)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7299"
+       id="radialGradient3274"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7299"
+       id="radialGradient3276"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7299"
+       id="radialGradient3278"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <linearGradient
+       id="linearGradient7299">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop7301" />
+      <stop
+         style="stop-color:#a090e7;stop-opacity:1"
+         offset="1"
+         id="stop7303" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7299"
+       id="radialGradient3280"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       cx="-147.5"
+       cy="97.300964"
+       fx="-147.5"
+       fy="97.300964"
+       r="109.42857" />
+    <linearGradient
+       id="linearGradient5596">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop5598" />
+      <stop
+         style="stop-color:#e7e790;stop-opacity:0.56489879"
+         offset="1"
+         id="stop5600" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient19816">
+      <stop
+         id="stop19818"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1;" />
+      <stop
+         id="stop19820"
+         offset="1"
+         style="stop-color:#e7e790;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient11508">
+      <stop
+         id="stop11510"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1;" />
+      <stop
+         id="stop11512"
+         offset="1"
+         style="stop-color:#008401;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3286">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop3288" />
+      <stop
+         style="stop-color:#79e291;stop-opacity:1;"
+         offset="1"
+         id="stop3290" />
+    </linearGradient>
+    <marker
+       inkscape:stockid="Arrow2Lend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow2Lend"
+       style="overflow:visible">
+      <path
+         id="path16811"
+         style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
+         transform="matrix(-1.1,0,0,-1.1,-1.1,0)" />
+    </marker>
+    <linearGradient
+       id="linearGradient7447">
+      <stop
+         style="stop-color:#ff6161;stop-opacity:1;"
+         offset="0"
+         id="stop7449" />
+      <stop
+         style="stop-color:#840929;stop-opacity:1;"
+         offset="1"
+         id="stop7451" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient7485">
+      <stop
+         style="stop-color:#b6bcef;stop-opacity:1;"
+         offset="0"
+         id="stop7487" />
+      <stop
+         style="stop-color:#4026b1;stop-opacity:1;"
+         offset="1"
+         id="stop7489" />
+    </linearGradient>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="EmptyArrow2"
+       style="overflow:visible">
+      <path
+         id="path13"
+         d="M 0,0 L 0,-5 L -10,0 L 0,5 L 0,0 z"
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="matrix(-1,0,0,-1,-10,0)" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lstart"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow1Lstart"
+       style="overflow:visible">
+      <path
+         id="path5210"
+         d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="matrix(0.8,0,0,0.8,10,0)" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotS"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotS">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z"
+         id="path3636" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutS"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutS"
+       style="overflow:visible">
+      <path
+         id="path3717"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <inkscape:path-effect
+       copytype="single_stretched"
+       pattern="M 349.202,225.086 L 405.895,331.386 L 370.462,338.472 "
+       prop_scale="1"
+       id="path-effect2503"
+       effect="skeletal" />
+    <inkscape:path-effect
+       prop_scale="1"
+       id="path-effect2499"
+       effect="skeletal" />
+    <inkscape:path-effect
+       pattern-nodetypes="cc"
+       pattern="M 432.28346,272.83462 L 403.93701,216.14171"
+       prop_scale="1"
+       id="path-effect2497"
+       effect="skeletal" />
+    <marker
+       style="overflow:visible"
+       id="Arrow1Send"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow1Send">
+      <path
+         transform="matrix(-0.2,0,0,-0.2,-1.2,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z"
+         id="path3641" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow1Lend"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z"
+         id="path3629" />
+    </marker>
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective3487" />
+    <marker
+       style="overflow:visible"
+       id="Arrow2Sendp"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2Sendp">
+      <path
+         transform="matrix(-0.3,0,0,-0.3,0.69,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
+         style="font-size:12px;fill:#f39300;fill-rule:evenodd;stroke:#f39300;stroke-width:0.625;stroke-linejoin:round"
+         id="path28139" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutSK"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutSK">
+      <path
+         transform="scale(0.2,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path36611" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutSH"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutSH">
+      <path
+         transform="scale(0.2,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path36614" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutSA"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutSA">
+      <path
+         transform="scale(0.2,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path36617" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutSKF"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutSKF">
+      <path
+         transform="scale(0.2,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path36620" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutS9"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutS9">
+      <path
+         transform="scale(0.2,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path36623" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2SendpA"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2SendpA">
+      <path
+         transform="matrix(-0.3,0,0,-0.3,0.69,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
+         style="font-size:12px;fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:0.625;stroke-linejoin:round"
+         id="path3396" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2Sendpg"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2Sendpg">
+      <path
+         transform="matrix(-0.3,0,0,-0.3,0.69,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
+         style="font-size:12px;fill:#fcc988;fill-rule:evenodd;stroke:#fcc988;stroke-width:0.625;stroke-linejoin:round"
+         id="path3360" />
+    </marker>
+    <filter
+       id="filter2780"
+       inkscape:label="White Halo"
+       width="1.1"
+       height="1.1">
+      <feMorphology
+         id="feMorphology2782"
+         operator="dilate"
+         radius="3"
+         result="result0" />
+      <feFlood
+         id="feFlood2786"
+         flood-color="rgb(255,255,255)"
+         flood-opacity="1"
+         in="result0"
+         result="result3" />
+      <feComposite
+         id="feComposite2623"
+         in="result3"
+         in2="result0"
+         operator="in"
+         result="result4" />
+      <feMerge
+         id="feMerge2629">
+        <feMergeNode
+           inkscape:collect="always"
+           id="feMergeNode2631"
+           in="result4" />
+        <feMergeNode
+           inkscape:collect="always"
+           id="feMergeNode2633"
+           in="SourceGraphic" />
+      </feMerge>
+    </filter>
+    <marker
+       inkscape:stockid="TriangleOutSn"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSn"
+       style="overflow:visible">
+      <path
+         id="path4441"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutS9F"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutS9F"
+       style="overflow:visible">
+      <path
+         id="path4444"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSI"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSI"
+       style="overflow:visible">
+      <path
+         id="path4447"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSO"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSO"
+       style="overflow:visible">
+      <path
+         id="path4450"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSW"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSW"
+       style="overflow:visible">
+      <path
+         id="path4453"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSB"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSB"
+       style="overflow:visible">
+      <path
+         id="path4456"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSZ"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSZ"
+       style="overflow:visible">
+      <path
+         id="path4459"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSq"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSq">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z"
+         id="path5853" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSBO"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSBO"
+       style="overflow:visible">
+      <path
+         id="path7501"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z"
+         id="path9463" />
+    </marker>
+    <filter
+       height="1.1"
+       width="1.1"
+       inkscape:label="Black Halo"
+       id="filter10694">
+      <feMorphology
+         result="result0"
+         radius="3"
+         operator="dilate"
+         id="feMorphology10696" />
+      <feFlood
+         result="result3"
+         in="result0"
+         flood-opacity="1"
+         flood-color="rgb(0,0,0)"
+         id="feFlood10698" />
+      <feComposite
+         result="result4"
+         operator="in"
+         in2="result0"
+         in="result3"
+         id="feComposite10700" />
+      <feMerge
+         id="feMerge10702">
+        <feMergeNode
+           in="result4"
+           id="feMergeNode10704"
+           inkscape:collect="always" />
+        <feMergeNode
+           in="SourceGraphic"
+           id="feMergeNode10706"
+           inkscape:collect="always" />
+      </feMerge>
+    </filter>
+    <marker
+       inkscape:stockid="TriangleOutSu"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSu"
+       style="overflow:visible">
+      <path
+         id="path8127"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSI8"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSI8"
+       style="overflow:visible">
+      <path
+         id="path8130"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSr"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSr"
+       style="overflow:visible">
+      <path
+         id="path8133"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSM"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSM"
+       style="overflow:visible">
+      <path
+         id="path8136"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSb"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSb"
+       style="overflow:visible">
+      <path
+         id="path8139"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)" />
+    </marker>
+    <marker
+       id="marker18095"
+       orient="auto"
+       markerHeight="5.7450776"
+       markerWidth="4.6297302">
+      <g
+         id="g11064"
+         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path11050"
+           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path11035"
+           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      </g>
+    </marker>
+    <marker
+       id="marker44971"
+       orient="auto"
+       markerHeight="5.7450781"
+       markerWidth="4.6297355">
+      <g
+         id="g18059"
+         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path18061"
+           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path18063"
+           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
+           style="fill:#d9d9cd;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      </g>
+    </marker>
+    <marker
+       id="marker52016"
+       orient="auto"
+       markerHeight="5.7450786"
+       markerWidth="4.6297302">
+      <g
+         id="g52010"
+         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path52012"
+           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path52014"
+           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
+           style="fill:#f39300;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      </g>
+    </marker>
+    <marker
+       id="marker64887"
+       orient="auto"
+       markerHeight="5.745079"
+       markerWidth="4.6297255">
+      <g
+         id="g64855"
+         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path64857"
+           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path64859"
+           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
+           style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      </g>
+    </marker>
+    <marker
+       id="marker4057"
+       orient="auto"
+       markerHeight="5.745079"
+       markerWidth="4.6297302">
+      <g
+         id="g51986"
+         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path51988"
+           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path51990"
+           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      </g>
+    </marker>
+    <marker
+       id="marker72805"
+       orient="auto"
+       markerHeight="4.5568175"
+       markerWidth="4.0334239">
+      <path
+         sodipodi:nodetypes="cccscccsssssssscccsccc"
+         id="path18057"
+         d="M -2.0167119,0.50456824 L 0.29578813,0.50456824 L -0.61046187,1.4108182 C -0.80893187,1.6092982 -0.80893187,1.9310982 -0.61046187,2.1295682 C -0.41198187,2.3280482 -0.090181874,2.3280482 0.10828813,2.1295682 L 1.8270381,0.39519824 L 1.8739181,0.36394824 C 1.8768781,0.36103824 1.8710181,0.35130824 1.8739181,0.34831824 C 1.9016181,0.31973824 1.9314681,0.28982824 1.9520381,0.25456824 C 1.9663581,0.23002824 1.9734781,0.20252824 1.9832881,0.17644824 C 1.9894681,0.16108824 1.9943181,0.14535824 1.9989181,0.12956824 C 2.0144781,0.07151824 2.0202881,0.01710824 2.0145381,-0.04230176 C 2.0126081,-0.07122176 2.0058581,-0.09213176 1.9989181,-0.12043176 C 1.9934681,-0.14075176 1.9913481,-0.16326176 1.9832881,-0.18293176 C 1.9750781,-0.20334176 1.9630581,-0.22603176 1.9520381,-0.24543176 C 1.9293181,-0.28436176 1.9052381,-0.32406176 1.8739181,-0.35480176 L 0.10828813,-2.1204318 C 0.003838126,-2.2318118 -0.14579187,-2.2893518 -0.29796187,-2.2766818 C -0.49535187,-2.2632018 -0.66784187,-2.1344918 -0.73546187,-1.9485518 C -0.80308187,-1.7626218 -0.75309187,-1.5544218 -0.61046187,-1.4173018 L 0.32703813,-0.49543176 L -2.0167119,-0.49543176"
+         style="fill:#f39300;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </marker>
+    <marker
+       id="marker72808"
+       orient="auto"
+       markerHeight="4.5568123"
+       markerWidth="4.0334177">
+      <path
+         sodipodi:nodetypes="cccscccsssssssscccsccc"
+         id="path72801"
+         d="M -2.016709,0.50457301 L 0.29579105,0.50457301 L -0.61045895,1.410823 C -0.80893895,1.609293 -0.80893895,1.931093 -0.61045895,2.129573 C -0.41198895,2.328043 -0.090188953,2.328043 0.10829105,2.129573 L 1.827041,0.39519301 L 1.873911,0.36394301 C 1.876881,0.36103301 1.871021,0.35130301 1.873911,0.34832301 C 1.901621,0.31974301 1.931461,0.28982301 1.952041,0.25457301 C 1.966361,0.23003301 1.973481,0.20252301 1.983291,0.17644301 C 1.989471,0.16108301 1.994321,0.14536301 1.998911,0.12957301 C 2.014471,0.071523013 2.020281,0.017103013 2.014541,-0.042306987 C 2.012611,-0.071226987 2.005851,-0.092126987 1.998911,-0.12042699 C 1.993461,-0.14075699 1.991351,-0.16325699 1.983291,-0.18292699 C 1.975071,-0.20334699 1.963051,-0.22602699 1.952041,-0.24542699 C 1.929311,-0.28436699 1.905241,-0.32405699 1.873911,-0.35480699 L 0.10829105,-2.120427 C 0.003831047,-2.231807 -0.14578895,-2.289357 -0.29795895,-2.276677 C -0.49534895,-2.263207 -0.66784895,-2.134487 -0.73545895,-1.948557 C -0.80307895,-1.762617 -0.75308895,-1.554427 -0.61045895,-1.417307 L 0.32704105,-0.49542699 L -2.016709,-0.49542699"
+         style="fill:#d9d9cd;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSuN"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSuN">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#f39300;fill-rule:evenodd;stroke:#f39300;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z"
+         id="path81580" />
+    </marker>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1507"
+       id="linearGradient92445"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.9446888,1.0585496)"
+       x1="201.38963"
+       y1="843.20789"
+       x2="547.80804"
+       y2="383.76529" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.8305603,1.0914308e-3,-1.9528524e-3,0.2729933,281.94958,112.36765)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112303"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.8305603,1.0914308e-3,-1.9528524e-3,0.2729933,281.94958,112.36765)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112301"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.8305603,1.0914308e-3,-1.9528524e-3,0.2729933,281.94958,112.36765)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112299"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.293791,1.3701286e-2,-5.3144349e-3,0.5018339,-46.792176,73.88505)"
+       r="95.092682"
+       fy="112.14567"
+       fx="153.46323"
+       cy="112.14567"
+       cx="153.46323"
+       id="radialGradient112297"
+       xlink:href="#linearGradient11508"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112295"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112293"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112291"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112289"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient112287"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient1694">
+      <stop
+         id="stop1695"
+         offset="0.0000000"
+         style="stop-color:#ffffff;stop-opacity:0.0000000;" />
+      <stop
+         id="stop1696"
+         offset="1.0000000"
+         style="stop-color:#ffffff;stop-opacity:1.0000000;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient112278">
+      <stop
+         id="stop112280"
+         offset="0.0000000"
+         style="stop-color:#0c1fdb;stop-opacity:1.0000000;" />
+      <stop
+         id="stop112282"
+         offset="1.0000000"
+         style="stop-color:#062d76;stop-opacity:1.0000000;" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="scale(1.475472,0.677749)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient1686"
+       inkscape:collect="always"
+       x1="242.39842"
+       x2="242.39842"
+       xlink:href="#linearGradient1683"
+       y1="1035.3337"
+       y2="636.25543" />
+    <linearGradient
+       gradientTransform="scale(1.475472,0.677749)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient1690"
+       inkscape:collect="always"
+       x1="240.86183"
+       x2="240.86183"
+       xlink:href="#linearGradient1683"
+       y1="635.74658"
+       y2="1038.9441" />
+    <linearGradient
+       gradientTransform="scale(1.479463,0.675921)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient1692"
+       inkscape:collect="always"
+       x1="244.8598"
+       x2="244.8598"
+       xlink:href="#linearGradient1694"
+       y1="827.01349"
+       y2="646.06177" />
+    <linearGradient
+       gradientTransform="matrix(0,1.475472,-0.677749,0,0,0)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient112273"
+       inkscape:collect="always"
+       x1="303.90472"
+       x2="-93.992599"
+       xlink:href="#linearGradient1683"
+       y1="-492.41382"
+       y2="-492.41382" />
+    <linearGradient
+       gradientTransform="matrix(0,1.475472,-0.677749,0,0,0)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient112271"
+       inkscape:collect="always"
+       x1="-92.98716"
+       x2="315.00735"
+       xlink:href="#linearGradient1683"
+       y1="-477.69666"
+       y2="-477.69669" />
+    <linearGradient
+       gradientTransform="matrix(0,1.475473,-0.677749,0,0,0)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient1705"
+       inkscape:collect="always"
+       x1="112.06259"
+       x2="-170.00552"
+       xlink:href="#linearGradient1694"
+       y1="-485.28952"
+       y2="-485.28973" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient5287"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient5285"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient5283"
+       xlink:href="#linearGradient3286"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient5281"
+       xlink:href="#linearGradient11508"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient11602"
+       xlink:href="#linearGradient19816"
+       inkscape:collect="always" />
+    <radialGradient
+       r="109.42857"
+       fy="97.300964"
+       fx="-147.5"
+       cy="97.300964"
+       cx="-147.5"
+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient15668"
+       xlink:href="#linearGradient7299"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="148.38934"
+       x2="389.01984"
+       y1="148.38934"
+       x1="96.085953"
+       id="linearGradient5355"
+       xlink:href="#linearGradient5349"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4152">
+      <stop
+         id="stop4154"
+         offset="0"
+         style="stop-color:#6b6bff;stop-opacity:1;" />
+      <stop
+         id="stop4156"
+         offset="1"
+         style="stop-color:#6b6bff;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5349">
+      <stop
+         id="stop5351"
+         offset="0"
+         style="stop-color:#000000;stop-opacity:1;" />
+      <stop
+         id="stop5353"
+         offset="1"
+         style="stop-color:#000000;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient112247">
+      <stop
+         id="stop112249"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1" />
+      <stop
+         id="stop112251"
+         offset="1"
+         style="stop-color:#a090e7;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient9263">
+      <stop
+         id="stop9265"
+         offset="0"
+         style="stop-color:#000000;stop-opacity:0" />
+      <stop
+         id="stop9267"
+         offset="1"
+         style="stop-color:#000000;stop-opacity:0;" />
+    </linearGradient>
+    <marker
+       style="overflow:visible"
+       id="marker112241"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutL">
+      <path
+         transform="scale(0.8,0.8)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path16734" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleInL"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleInL">
+      <path
+         transform="scale(-0.8,-0.8)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path16743" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutM"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutM">
+      <path
+         transform="scale(0.4,0.4)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
+         id="path16731" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="marker112234"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z"
+         id="path16829" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="marker112230"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2Lend">
+      <path
+         transform="matrix(-1.1,0,0,-1.1,-1.1,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
+         style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
+         id="path112232" />
+    </marker>
+    <linearGradient
+       id="linearGradient112224">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop112226" />
+      <stop
+         style="stop-color:#e7e790;stop-opacity:1;"
+         offset="1"
+         id="stop112228" />
+    </linearGradient>
+    <marker
+       style="overflow:visible"
+       id="marker112220"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(-1,0,0,-1,-10,0)"
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,0 L 0,-5 L -10,0 L 0,5 L 0,0 z"
+         id="path112222" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="EmptyArrow"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(-1,0,0,-1,-10,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,0 L 0,-5 L -12.5,0 L 0,5 L 0,0 z M -0.5,0 L -0.5,-4.5 L -12,0 L -0.5,4.5 L -0.5,0 z"
+         id="path9" />
+    </marker>
+    <linearGradient
+       id="linearGradient112212">
+      <stop
+         id="stop112214"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1;" />
+      <stop
+         id="stop112216"
+         offset="1"
+         style="stop-color:#79e291;stop-opacity:1;" />
+    </linearGradient>
+    <marker
+       style="overflow:visible"
+       id="marker112208"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="translate(-5,0)"
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,-5 L -5,0 L 0,5 L 5,0 L 0,-5 z"
+         id="path112210" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DiamondL"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DiamondL">
+      <path
+         transform="scale(0.8,0.8)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,-7.0710768 L -7.0710894,0 L 0,7.0710589 L 7.0710462,0 L 0,-7.0710768 z"
+         id="path4404" />
+    </marker>
+    <linearGradient
+       id="linearGradient112200">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop112202" />
+      <stop
+         style="stop-color:#e27979;stop-opacity:1"
+         offset="1"
+         id="stop112204" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient11516">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop11518" />
+      <stop
+         style="stop-color:#a090e7;stop-opacity:1"
+         offset="1"
+         id="stop11520" />
+    </linearGradient>
+    <marker
+       style="overflow:visible"
+       id="Arrow2Lstart"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2Lstart">
+      <path
+         transform="matrix(1.1,0,0,1.1,1.1,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
+         style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
+         id="path6743" />
+    </marker>
+    <inkscape:perspective
+       id="perspective112192"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective9300"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective9574"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective9882"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective10244"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient10356"
+       id="linearGradient10362"
+       x1="407.48032"
+       y1="968.17322"
+       x2="669.66157"
+       y2="968.17322"
+       gradientUnits="userSpaceOnUse" />
+    <inkscape:perspective
+       id="perspective5379"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective5446"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective7010"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <marker
+       id="marker18095-5"
+       orient="auto"
+       markerHeight="5.7450776"
+       markerWidth="4.6297302">
+      <g
+         id="g11064-2"
+         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
+        <path
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path11050-5"
+           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+        <path
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path11035-0"
+           d="m 366.65625,515.40625 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+      </g>
+    </marker>
+    <marker
+       id="marker18095-2"
+       orient="auto"
+       markerHeight="5.7450776"
+       markerWidth="4.6297302">
+      <g
+         id="g11064-9"
+         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
+        <path
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path11050-0"
+           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+        <path
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path11035-07"
+           d="m 366.65625,515.40625 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+      </g>
+    </marker>
+    <marker
+       id="marker18095-4"
+       orient="auto"
+       markerHeight="5.7450776"
+       markerWidth="4.6297302">
+      <g
+         id="g11064-5"
+         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
+        <path
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path11050-2"
+           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+        <path
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path11035-6"
+           d="m 366.65625,515.40625 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+      </g>
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu-3"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu">
+      <path
+         inkscape:connector-curvature="0"
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path9463-7" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu8"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu8">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="marker-end:none;fill-rule:evenodd;marker-start:none;stroke:#f39300;stroke-width:1pt;fill:#f39300"
+         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z"
+         id="path6738" />
+    </marker>
+    <marker
+       id="marker18095-3"
+       orient="auto"
+       markerHeight="5.7450776"
+       markerWidth="4.6297302">
+      <g
+         id="g11064-8"
+         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path11050-7"
+           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path11035-7"
+           d="m 366.65625,515.40625 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+      </g>
+    </marker>
+    <marker
+       id="marker18095-31"
+       orient="auto"
+       markerHeight="5.7450776"
+       markerWidth="4.6297302">
+      <g
+         id="g11064-4"
+         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path11050-6"
+           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path11035-3"
+           d="m 366.65625,515.40625 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+      </g>
+    </marker>
+    <marker
+       id="marker18095-56"
+       orient="auto"
+       markerHeight="5.7450776"
+       markerWidth="4.6297302">
+      <g
+         id="g11064-22"
+         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path11050-67"
+           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path11035-5"
+           d="m 366.65625,515.40625 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+      </g>
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu-8"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path9463-3"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu-1"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path9463-8"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu8-6"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu8">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#f39300;fill-rule:evenodd;stroke:#f39300;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path6738-5"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu8-9"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu8">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#f39300;fill-rule:evenodd;stroke:#f39300;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path6738-52"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu8-65"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu8">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#f39300;fill-rule:evenodd;stroke:#f39300;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path6738-55"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu8I"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu8I">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="marker-end:none;fill-rule:evenodd;marker-start:none;stroke:#d9d9cd;stroke-width:1pt;fill:#d9d9cd"
+         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z"
+         id="path10009" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu-11"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu">
+      <path
+         inkscape:connector-curvature="0"
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path9463-9" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu8-8"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu8">
+      <path
+         inkscape:connector-curvature="0"
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#f39300;fill-rule:evenodd;stroke:#f39300;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path6738-551" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu8-1"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu8">
+      <path
+         inkscape:connector-curvature="0"
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#f39300;fill-rule:evenodd;stroke:#f39300;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path6738-9" />
+    </marker>
+  </defs>
+  <metadata
+     id="metadata2480">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1"
+     style="display:inline">
+    <g
+       transform="translate(9.6407029,-336.85484)"
+       id="g7540">
+      <rect
+         ry="5.6651931"
+         y="843.54773"
+         x="241.1908"
+         height="301.18109"
+         width="365.70398"
+         id="rect29628"
+         style="fill:none;stroke:#000000;stroke-width:1.4955349;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:1.4955348, 2.9910696;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+      <text
+         xml:space="preserve"
+         style="font-size:14.95534801px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         x="245.14299"
+         y="921.89264"
+         id="text39363"><tspan
+           sodipodi:role="line"
+           id="tspan39365"
+           x="245.14299"
+           y="921.89264">Server-Side</tspan><tspan
+           id="tspan9618"
+           sodipodi:role="line"
+           x="245.14299"
+           y="940.58685">Integration</tspan></text>
+      <flowRoot
+         style="fill:black;stroke:none;stroke-opacity:1;stroke-width:1px;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:1;font-family:Sans;font-style:normal;font-weight:normal;font-size:40px;line-height:125%;letter-spacing:0px;word-spacing:0px"
+         id="flowRoot9620"
+         xml:space="preserve"><flowRegion
+           id="flowRegion9622"><rect
+             y="542.53821"
+             x="326.68332"
+             height="317.49094"
+             width="320.31937"
+             id="rect9624" /></flowRegion><flowPara
+           id="flowPara9626" /></flowRoot>    </g>
+    <rect
+       style="fill:none;stroke:#000000;stroke-width:1.4955349;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:1.4955348, 2.9910696;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect39497"
+       width="368.50394"
+       height="100.68364"
+       x="248.03149"
+       y="95.669266"
+       ry="5.6651931" />
+    <text
+       id="text4185"
+       y="458.18918"
+       x="503.08469"
+       style="font-size:11.96427917px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"
+       sodipodi:linespacing="125%"><tspan
+         y="458.18918"
+         x="503.08469"
+         sodipodi:role="line"
+         style="font-size:11.96427917px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan4191">XMLHttpRequest</tspan></text>
+    <flowRoot
+       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       id="flowRoot2485"
+       xml:space="preserve"
+       transform="matrix(1.4955348,0,0,1.4955348,-357.7434,-49.154891)"><flowRegion
+         id="flowRegion2487"><rect
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+           y="238.07646"
+           x="262.85715"
+           height="120"
+           width="184.28572"
+           id="rect2489" /></flowRegion><flowPara
+         id="flowPara2491" /></flowRoot>    <g
+       transform="matrix(1.4955348,0,0,1.4955348,-363.08461,-14.437119)"
+       id="g3178" />
+    <flowRoot
+       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       id="flowRoot8724"
+       xml:space="preserve"
+       transform="matrix(1.4955348,0,0,1.4955348,-357.7434,-49.154891)"><flowRegion
+         id="flowRegion8726"><rect
+           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+           y="752.14441"
+           x="39.286312"
+           height="22.868153"
+           width="29.904507"
+           id="rect8728" /></flowRegion><flowPara
+         id="flowPara8730" /></flowRoot>    <g
+       transform="matrix(0.7477674,0,0,0.7477674,-203.19038,-47.967324)"
+       id="g18053" />
+    <flowRoot
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       id="flowRoot6905"
+       transform="matrix(1.4955348,0,0,1.4955348,-626.81346,-673.80827)"><flowRegion
+         id="flowRegion6907"><use
+           transform="translate(1.467046,-91.03536)"
+           x="0"
+           y="0"
+           xlink:href="#rect4654"
+           id="use6909"
+           width="744.09448"
+           height="1052.3622" /></flowRegion><flowPara
+         id="flowPara6911">VariableOwner</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       id="flowRoot6913"
+       transform="matrix(1.4955348,0,0,1.4955348,-1034.1426,-1229.8198)"><flowRegion
+         id="flowRegion6915"><use
+           transform="translate(1.467046,-91.03536)"
+           x="0"
+           y="0"
+           xlink:href="#rect4654"
+           id="use6917"
+           width="744.09448"
+           height="1052.3622" /></flowRegion><flowPara
+         id="flowPara6919">VariableOwner</flowPara></flowRoot>    <g
+       style="display:inline"
+       id="g39423"
+       transform="matrix(1.4955348,0,0,1.4955348,-54.777836,349.37892)">
+      <flowRoot
+         xml:space="preserve"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         id="flowRoot39425"
+         transform="translate(-5.2378947,106.19782)"><flowRegion
+           id="flowRegion39427"><use
+             transform="translate(1.467046,-91.03536)"
+             x="0"
+             y="0"
+             xlink:href="#rect4654"
+             id="use39429"
+             width="744.09448"
+             height="1052.3622" /></flowRegion><flowPara
+           id="flowPara39431">Sizeable</flowPara></flowRoot>      <g
+         id="g39433"
+         transform="translate(-46.062995,-30.433073)">
+        <flowRoot
+           xml:space="preserve"
+           style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+           id="flowRoot39435"
+           transform="translate(-5.2378947,106.19782)"><flowRegion
+             id="flowRegion39437"><use
+               transform="translate(1.467046,-91.03536)"
+               x="0"
+               y="0"
+               xlink:href="#rect4654"
+               id="use39439"
+               width="744.09448"
+               height="1052.3622" /></flowRegion><flowPara
+             id="flowPara39441">Sizeable</flowPara></flowRoot>      </g>
+      <flowRoot
+         xml:space="preserve"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         id="flowRoot39443"
+         transform="translate(75.734798,-715.9695)"><flowRegion
+           id="flowRegion39445"><use
+             transform="translate(1.467046,-91.03536)"
+             x="0"
+             y="0"
+             xlink:href="#rect4654"
+             id="use39447"
+             width="744.09448"
+             height="1052.3622" /></flowRegion><flowPara
+           id="flowPara39449">VariableOwner</flowPara></flowRoot>      <g
+         style="display:inline"
+         id="g39451"
+         transform="translate(123.00096,-20.40135)">
+        <rect
+           style="fill:#f39300;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+           id="rect39453"
+           width="138.189"
+           height="35.43309"
+           x="167.13719"
+           y="232.20705"
+           ry="3.7880721" />
+        <text
+           id="text39455"
+           y="252.89734"
+           x="171.76772"
+           style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+           xml:space="preserve"><tspan
+             y="252.89734"
+             x="171.76772"
+             id="tspan39457"
+             sodipodi:role="line">AbstractComponent</tspan></text>
+        <text
+           id="text39351-1-0-7"
+           y="241.36755"
+           x="171.69571"
+           style="font-size:6.00000048px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+           xml:space="preserve"><tspan
+             y="241.36755"
+             x="171.69571"
+             sodipodi:role="line"
+             id="tspan39353-9-4-4">com.vaadin.ui</tspan></text>
+      </g>
+    </g>
+    <g
+       style="display:inline"
+       id="g39459"
+       transform="matrix(1.4955348,0,0,1.4955348,19.331852,-219.7147)">
+      <rect
+         style="fill:#d9d9cd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect39461"
+         width="94.770302"
+         height="35.433075"
+         x="160.02942"
+         y="229.8378"
+         ry="3.7880721" />
+      <text
+         id="text39463"
+         y="250.52808"
+         x="164.65993"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="250.52808"
+           x="164.65993"
+           id="tspan39465"
+           sodipodi:role="line">Widget</tspan></text>
+      <text
+         id="text31857-5-9"
+         y="238.99831"
+         x="164.58794"
+         style="font-size:5.99999952px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="238.99831"
+           x="164.58794"
+           sodipodi:role="line"
+           id="tspan31859-2-9">com.google.gwt.user.client.ui</tspan></text>
+    </g>
+    <path
+       style="fill:none;stroke:#49c2f1;stroke-width:6.02362204;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-end:url(#DotSu);display:inline"
+       d="m 496.06298,317.00147 0,-139.84646"
+       id="path4600-1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <g
+       style="fill:#49c2f1;fill-opacity:1;display:inline"
+       id="g39467"
+       transform="matrix(1.4955348,0,0,1.4955348,157.15102,-223.25799)">
+      <rect
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#49c2f1;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect39469"
+         width="73.446983"
+         height="35.43306"
+         x="191.07704"
+         y="232.20705"
+         ry="3.7880721" />
+      <text
+         id="text39471"
+         y="248.15881"
+         x="226.07834"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;fill:#49c2f1;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="248.15881"
+           x="226.07834"
+           id="tspan39473"
+           sodipodi:role="line"
+           style="fill:#49c2f1;fill-opacity:1">MyWidget</tspan></text>
+      <text
+         id="text10319"
+         y="255.48111"
+         x="198.09482"
+         style="font-size:6.00000048px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         xml:space="preserve"
+         sodipodi:linespacing="125%"><tspan
+           y="255.48111"
+           x="198.09482"
+           sodipodi:role="line"
+           style="font-size:6.00000048px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+           id="tspan10338">An existing widget</tspan><tspan
+           y="262.98111"
+           x="198.09482"
+           sodipodi:role="line"
+           style="font-size:6.00000048px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+           id="tspan3455">or your own</tspan></text>
+    </g>
+    <path
+       sodipodi:nodetypes="cc"
+       style="fill:none;stroke:#49c2f1;stroke-width:5.82905245;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-start:none;marker-mid:none;marker-end:url(#marker18095);display:inline"
+       d="m 442.91339,152.36218 -46.063,0"
+       id="path39475"
+       inkscape:connector-type="polyline"
+       inkscape:connector-curvature="0" />
+    <g
+       style="display:inline"
+       id="g17430"
+       transform="matrix(1.4955348,0,0,1.4955348,114.86736,-28.263509)">
+      <rect
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#49c2f1;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect17432"
+         width="101.67927"
+         height="35.433243"
+         x="179.07294"
+         y="232.13176"
+         ry="3.7880721" />
+      <text
+         id="text17434"
+         y="248.08353"
+         x="224.18752"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;fill:#49c2f1;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="248.08353"
+           x="224.18752"
+           id="tspan17436"
+           sodipodi:role="line">MyConnector</tspan></text>
+    </g>
+    <g
+       style="display:inline"
+       id="g17467"
+       transform="matrix(1.4955348,0,0,1.4955348,138.80507,46.145963)">
+      <rect
+         style="fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect17469"
+         width="152.3622"
+         height="35.433071"
+         x="160.69756"
+         y="232.13174"
+         ry="3.7880721" />
+      <text
+         id="text17471"
+         y="252.82204"
+         x="231.55074"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="252.82204"
+           x="231.55074"
+           sodipodi:role="line"
+           id="tspan17475">ApplicationConnection</tspan></text>
+      <text
+         id="text39409"
+         y="241.29225"
+         x="165.25607"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="241.29225"
+           x="165.25607"
+           sodipodi:role="line"
+           id="tspan39411">com.vaadin.client</tspan></text>
+    </g>
+    <flowRoot
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;opacity:1;fill:#49c2f1;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       id="flowRoot80522"
+       transform="matrix(1.4955348,0,0,1.4955348,152.15588,47.590195)"><flowRegion
+         id="flowRegion80524"><use
+           transform="translate(1.467046,-91.03536)"
+           x="0"
+           y="0"
+           xlink:href="#rect4654"
+           id="use80526"
+           width="744.09448"
+           height="1052.3622" /></flowRegion><flowPara
+         id="flowPara80528">1</flowPara></flowRoot>    <text
+       id="text18090"
+       y="113.77798"
+       x="254.32547"
+       style="font-size:14.95534801px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       xml:space="preserve"><tspan
+         y="113.77798"
+         x="254.32547"
+         id="tspan18092"
+         sodipodi:role="line">Client-Side Framework</tspan></text>
+    <g
+       id="g7535">
+      <rect
+         ry="5.6651931"
+         y="209.0551"
+         x="248.03149"
+         height="255.1181"
+         width="368.50391"
+         id="rect18094"
+         style="fill:none;stroke:#000000;stroke-width:1.4955349;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:1.4955348, 2.9910696;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+      <text
+         xml:space="preserve"
+         style="font-size:14.95534801px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         x="254.82117"
+         y="231.69943"
+         id="text18096"><tspan
+           sodipodi:role="line"
+           id="tspan18098"
+           x="254.82117"
+           y="231.69943">Client-Side Integration</tspan></text>
+    </g>
+    <g
+       style="display:inline"
+       id="g18100"
+       transform="matrix(1.4955348,0,0,1.4955348,138.80507,177.24832)">
+      <rect
+         style="fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect18102"
+         width="152.3622"
+         height="35.433071"
+         x="160.69756"
+         y="232.13174"
+         ry="3.7880721" />
+      <text
+         id="text18104"
+         y="252.82204"
+         x="237.1282"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="252.82204"
+           x="237.1282"
+           sodipodi:role="line"
+           id="tspan18106">CommunicationManager</tspan></text>
+      <text
+         id="text31853"
+         y="241.29227"
+         x="165.25607"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="241.29227"
+           x="165.25607"
+           sodipodi:role="line"
+           id="tspan31855">com.vaadin.server</tspan></text>
+    </g>
+    <path
+       sodipodi:nodetypes="cc"
+       style="fill:none;stroke:#49c2f1;stroke-width:5.82905245;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-start:none;marker-mid:url(#CurvyCross);marker-end:none;display:inline"
+       d="m 496.06299,524.40943 0,-92.12599"
+       id="path20937"
+       inkscape:connector-type="polyline"
+       inkscape:connector-curvature="0" />
+    <g
+       style="display:inline"
+       id="g29630"
+       transform="matrix(1.4955348,0,0,1.4955348,129.17437,248.00185)">
+      <rect
+         style="fill:#d9d9cd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect29632"
+         width="137.41693"
+         height="35.43306"
+         x="167.13719"
+         y="232.20705"
+         ry="3.7880721" />
+      <text
+         id="text29634"
+         y="252.89734"
+         x="171.2397"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="252.89734"
+           x="171.2397"
+           id="tspan29636"
+           sodipodi:role="line">ClientConnector</tspan></text>
+      <text
+         id="text31857"
+         y="241.36755"
+         x="171.69571"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="241.36755"
+           x="171.69571"
+           sodipodi:role="line"
+           id="tspan31859">com.vaadin.server</tspan></text>
+    </g>
+    <path
+       sodipodi:open="true"
+       transform="matrix(1.4955348,0,0,1.4955348,-197.13554,257.02443)"
+       sodipodi:end="6.2827149"
+       sodipodi:start="0"
+       d="m 491.94323,228.54329 a 4.7385135,4.7385135 0 1 1 -1e-5,-0.002"
+       sodipodi:ry="4.7385135"
+       sodipodi:rx="4.7385135"
+       sodipodi:cy="228.54329"
+       sodipodi:cx="487.20471"
+       id="path29638"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.12598419;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       sodipodi:type="arc" />
+    <text
+       id="text29642"
+       y="590.72156"
+       x="519.97064"
+       style="font-size:17.94641876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;fill:#49c2f1;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       xml:space="preserve"><tspan
+         y="590.72156"
+         x="519.97064"
+         id="tspan29644"
+         sodipodi:role="line">n</tspan></text>
+    <g
+       style="display:inline"
+       id="g29646"
+       transform="matrix(1.4955348,0,0,1.4955348,112.93645,393.39005)">
+      <rect
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#49c2f1;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect29648"
+         width="137.41693"
+         height="35.433044"
+         x="177.9948"
+         y="232.13174"
+         ry="3.7880721" />
+      <text
+         id="text29650"
+         y="248.08353"
+         x="224.30263"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;fill:#49c2f1;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="248.08353"
+           x="224.30263"
+           id="tspan29652"
+           sodipodi:role="line">MyComponent</tspan></text>
+    </g>
+    <rect
+       style="fill:url(#pattern39357);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.83464575;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect29654"
+       width="105.98283"
+       height="37.093971"
+       x="460.62991"
+       y="467.71652"
+       ry="3.9656363" />
+    <path
+       sodipodi:nodetypes="cc"
+       style="fill:none;stroke:#49c2f1;stroke-width:4.23931122;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker-start:none;marker-mid:none;marker-end:url(#DotSu);display:inline"
+       d="m 495.81616,371.6201 0,23.21146"
+       id="path39383"
+       inkscape:connector-type="polyline"
+       inkscape:connector-curvature="0" />
+    <text
+       id="text4185-8"
+       y="308.10019"
+       x="416.72385"
+       style="font-size:11.96427917px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"
+       sodipodi:linespacing="125%"><tspan
+         y="308.10019"
+         x="416.72385"
+         sodipodi:role="line"
+         style="font-size:11.96427917px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan4191-0">«extends...»</tspan></text>
+    <g
+       id="g6138"
+       transform="translate(245.24491,13.033297)">
+      <rect
+         ry="5.6651931"
+         y="387.36038"
+         x="-131.85909"
+         height="167.3125"
+         width="240.19713"
+         id="rect18094-6"
+         style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.4955349;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:1.4955348, 2.9910696;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+      <text
+         xml:space="preserve"
+         style="font-size:14.95534801px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         x="-124.77247"
+         y="405.07693"
+         id="text18096-2"><tspan
+           sodipodi:role="line"
+           id="tspan18098-9"
+           x="-124.77247"
+           y="405.07693">Shared</tspan></text>
+      <g
+         style="display:inline"
+         id="g17430-7"
+         transform="matrix(1.4955348,0,0,1.4955348,-359.25086,135.86855)">
+        <rect
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#49c2f1;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+           id="rect17432-9"
+           width="129.86864"
+           height="35.433243"
+           x="166.26268"
+           y="232.13176"
+           ry="3.7880721" />
+        <text
+           id="text17434-3"
+           y="248.08353"
+           x="170.1252"
+           style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;fill:#49c2f1;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+           xml:space="preserve"><tspan
+             y="248.08353"
+             x="170.1252"
+             id="tspan17436-2"
+             sodipodi:role="line">MyComponentState</tspan></text>
+      </g>
+      <g
+         style="display:inline"
+         id="g39423-1-2"
+         transform="matrix(1.4955348,0,0,1.4955348,-544.29666,101.95228)">
+        <flowRoot
+           xml:space="preserve"
+           style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+           id="flowRoot39425-7-5"
+           transform="translate(-5.2378947,106.19782)"><flowRegion
+             id="flowRegion39427-5-7"><use
+               transform="translate(1.467046,-91.03536)"
+               x="0"
+               y="0"
+               xlink:href="#rect4654"
+               id="use39429-4-5"
+               width="744.09448"
+               height="1052.3622" /></flowRegion><flowPara
+             id="flowPara39431-8-2">Sizeable</flowPara></flowRoot>        <g
+           id="g39433-4-3"
+           transform="translate(-46.062995,-30.433073)">
+          <flowRoot
+             xml:space="preserve"
+             style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+             id="flowRoot39435-3-3"
+             transform="translate(-5.2378947,106.19782)"><flowRegion
+               id="flowRegion39437-1-5"><use
+                 transform="translate(1.467046,-91.03536)"
+                 x="0"
+                 y="0"
+                 xlink:href="#rect4654"
+                 id="use39439-1-0"
+                 width="744.09448"
+                 height="1052.3622" /></flowRegion><flowPara
+               id="flowPara39441-0-4">Sizeable</flowPara></flowRoot>        </g>
+        <flowRoot
+           xml:space="preserve"
+           style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+           id="flowRoot39443-9-0"
+           transform="translate(75.734798,-715.9695)"><flowRegion
+             id="flowRegion39445-0-4"><use
+               transform="translate(1.467046,-91.03536)"
+               x="0"
+               y="0"
+               xlink:href="#rect4654"
+               id="use39447-0-4"
+               width="744.09448"
+               height="1052.3622" /></flowRegion><flowPara
+             id="flowPara39449-6-9">VariableOwner</flowPara></flowRoot>        <g
+           style="display:inline"
+           id="g39451-9-7"
+           transform="translate(123.00096,-20.40135)">
+          <rect
+             style="fill:#f39300;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+             id="rect39453-6-1"
+             width="130.30916"
+             height="33.169598"
+             x="166.99391"
+             y="232.56483"
+             ry="3.7880721" />
+          <text
+             id="text39455-6-5"
+             y="252.29591"
+             x="171.16541"
+             style="font-size:10.69851398px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+             xml:space="preserve"
+             sodipodi:linespacing="125%"><tspan
+               y="252.29591"
+               x="171.16541"
+               id="tspan39457-4-0"
+               sodipodi:role="line">ComponentState</tspan></text>
+        </g>
+        <text
+           id="text39351-1"
+           y="221.32399"
+           x="294.55338"
+           style="font-size:6.00000048px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+           xml:space="preserve"><tspan
+             y="221.32399"
+             x="294.55338"
+             sodipodi:role="line"
+             id="tspan39353-9">com.vaadin.shared</tspan></text>
+      </g>
+      <path
+         style="fill:none;stroke:#49c2f1;stroke-width:6.02362204;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-end:url(#marker18095);display:inline"
+         d="m 38.219653,483.02968 0,-21.25985"
+         id="path4600-4"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cc" />
+      <path
+         style="fill:none;stroke:#f39300;stroke-width:6.02362204;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-end:url(#DotSu8);display:inline"
+         d="m -121.22916,454.68322 10.62992,0"
+         id="path4600-1-5-6"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cc" />
+    </g>
+    <path
+       sodipodi:open="true"
+       transform="matrix(1.8694191,0,0,1.8694191,-613.13036,5.0402525)"
+       sodipodi:end="6.2827149"
+       sodipodi:start="0"
+       d="m 491.94323,228.54329 a 4.7385135,4.7385135 0 1 1 -1e-5,-0.002"
+       sodipodi:ry="4.7385135"
+       sodipodi:rx="4.7385135"
+       sodipodi:cy="228.54329"
+       sodipodi:cx="487.20471"
+       id="path29638-1"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.12598419;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       sodipodi:type="arc" />
+    <text
+       id="text4185-8-9"
+       y="306.25204"
+       x="303.37244"
+       style="font-size:11.96427917px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"
+       sodipodi:linespacing="125%"><tspan
+         y="306.25204"
+         x="303.37244"
+         sodipodi:role="line"
+         style="font-size:11.96427917px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan4191-0-1">«has»</tspan></text>
+    <path
+       style="fill:none;stroke:#f39300;stroke-width:6.02362204;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-end:url(#marker52016);display:inline"
+       d="m 531.49606,669.68503 0,-28.34647"
+       id="path4600-4-1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;stroke:#49c2f1;stroke-width:6.02362204;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-end:url(#marker18095);display:inline"
+       d="m 531.49606,740.55116 0,-21.25985"
+       id="path4600-4-3"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <text
+       id="text31847"
+       y="479.47568"
+       x="363.61795"
+       style="font-size:14.95534801px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"><tspan
+         y="479.47568"
+         x="363.61795"
+         id="tspan31849"
+         sodipodi:role="line">Server connection:</tspan><tspan
+         y="498.16986"
+         x="363.61795"
+         sodipodi:role="line"
+         id="tspan31851">HTTP(S) / JSON</tspan></text>
+    <path
+       style="fill:none;stroke:#49c2f1;stroke-width:4.96062994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-end:url(#DotSu);display:inline"
+       d="m 531.49606,574.01572 0,24.80315"
+       id="path4600-1-6"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <text
+       id="text4185-8-9-4"
+       y="687.35822"
+       x="333.1142"
+       style="font-size:11.96427917px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"
+       sodipodi:linespacing="125%"><tspan
+         y="687.35822"
+         x="333.1142"
+         sodipodi:role="line"
+         style="font-size:11.96427917px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan4191-0-1-4">«has»</tspan></text>
+    <path
+       style="fill:none;stroke:#f39300;stroke-width:6.02362204;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-end:none;display:inline"
+       d="m 124.01575,467.71651 0,226.77166 258.66142,0"
+       id="path4600-1-5-6-1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccc" />
+    <g
+       style="display:inline"
+       id="g29630-7"
+       transform="matrix(1.4955348,0,0,1.4955348,8.7019307,-106.32886)">
+      <rect
+         style="fill:#f39300;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect29632-3"
+         width="150.45576"
+         height="35.43306"
+         x="167.13719"
+         y="232.20705"
+         ry="3.7880721" />
+      <text
+         id="text29634-0"
+         y="251.95493"
+         x="169.84711"
+         style="font-size:9.36119975000000082px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold;writing-mode:lr;line-height:125%"
+         xml:space="preserve"
+         sodipodi:linespacing="125%"><tspan
+           y="251.95493"
+           x="169.84711"
+           id="tspan29636-4"
+           sodipodi:role="line">AbstractComponentConnector</tspan></text>
+      <text
+         id="text31857-5"
+         y="240.42516"
+         x="170.30312"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+         xml:space="preserve"><tspan
+           y="240.42516"
+           x="170.30312"
+           sodipodi:role="line"
+           id="tspan31859-2">com.vaadin.client.ui</tspan></text>
+    </g>
+    <path
+       style="fill:none;stroke:#49c2f1;stroke-width:6.02362204;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-end:url(#marker18095)"
+       d="m 407.48031,318.89762 0,-28.34646"
+       id="path4600"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       sodipodi:open="true"
+       transform="matrix(1.8694191,0,0,1.8694191,-545.82916,-133.42038)"
+       sodipodi:end="6.2827149"
+       sodipodi:start="0"
+       d="m 491.94323,228.54329 a 4.7385135,4.7385135 0 1 1 -1e-5,-0.002"
+       sodipodi:ry="4.7385135"
+       sodipodi:rx="4.7385135"
+       sodipodi:cy="228.54329"
+       sodipodi:cx="487.20471"
+       id="path29638-1-4"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.12598419;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       sodipodi:type="arc" />
+    <path
+       style="fill:none;stroke:#49c2f1;stroke-width:4.96062992;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-end:url(#DotSu);display:inline"
+       d="m 379.13386,421.65352 -14.17323,0 0,-127.55905"
+       id="path4600-1-9"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccc" />
+    <text
+       id="text39405-7"
+       y="311.5777"
+       x="374.49985"
+       style="font-size:17.94641876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;text-anchor:middle;fill:#49c2f1;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
+       xml:space="preserve"><tspan
+         y="311.5777"
+         x="374.49985"
+         id="tspan39407-9"
+         sodipodi:role="line">n</tspan></text>
+    <text
+       id="text4185-8-9-5"
+       y="387.74811"
+       x="367.15198"
+       style="font-size:11.96427917px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"
+       sodipodi:linespacing="125%"><tspan
+         y="387.74811"
+         x="367.15198"
+         sodipodi:role="line"
+         style="font-size:11.96427917px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan4191-0-1-2">«has»</tspan></text>
+    <text
+       id="text4185-8-9-5-5"
+       y="387.74811"
+       x="501.79764"
+       style="font-size:11.96427917px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"
+       sodipodi:linespacing="125%"><tspan
+         y="387.74811"
+         x="501.79764"
+         sodipodi:role="line"
+         style="font-size:11.96427917px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan4191-0-1-2-7">«knows»</tspan></text>
+    <path
+       style="fill:none;stroke:#f39300;stroke-width:4.96062992;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-end:url(#DotSu8);display:inline"
+       d="m 297.6378,294.09447 0,138.18897"
+       id="path4600-1-5-6-3"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <text
+       id="text4185-8-2"
+       y="145.10806"
+       x="409.00732"
+       style="font-size:11.96427917px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;display:inline;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+       xml:space="preserve"
+       sodipodi:linespacing="125%"><tspan
+         y="145.10806"
+         x="409.00732"
+         sodipodi:role="line"
+         style="font-size:11.96427917px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
+         id="tspan4191-0-5">«...»</tspan></text>
+  </g>
+</svg>
author	Markus Koivisto <markus@vaadin.com>	2016-01-22 14:55:18 +0200
committer	Markus Koivisto <markus@vaadin.com>	2016-01-22 14:55:18 +0200
commit	99d6de546c74f0eed230ea8253dda6b85109d2e7 (patch)
tree	10fc21c557566fe3241e6e13499df18d80f8dcb2 /documentation/gwt
parent	610736d9f373d4b37fd39ff8f90aabd13eab7926 (diff)
download	vaadin-framework-99d6de546c74f0eed230ea8253dda6b85109d2e7.tar.gz vaadin-framework-99d6de546c74f0eed230ea8253dda6b85109d2e7.zip