<?xml version="1.0" encoding="UTF-8"?>

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" onload="wrapalltext()" viewBox="-3.2 0 453.9000000000001 288.93">

  <title>Symbian OS v9.4 System Model: DRAFT 1.1</title>

  <defs>

    <style type="text/css">

    text.layer, text.block, text.subblock, text.collection, text.component,

    text.cbox, text.lgrp, text.label, text.lgd {

		fill:black;

		font-family: Arial;

    }

    text.title {

		fill:red;

		font-weight: bold;

		font-size: 4.233px;  /*  12pt  */			

		font-family: Arial;

    }    

    text.component {		

		font-size: 1.940px;  /*  5.5pt  */

		font-weight: bold

	}

 	text.lgd, 

	text.layer, text.block {

		font-size: 4.233px;  /*  12pt  */

		font-weight: bold;

	}

	text.label {		

		font-size: 1.940px;  /*  5.5pt  */

		font-weight: bold

	}

	text.cbox {		

		font-size: 1.411px;  /*  4pt  */

		font-weight: bold

	}

	text.lgrp {

		font-size: 12.699px;  /*  36pt  */

		font-weight: normal;

	}

	text.subblock {

		font-size: 2.822px;  /*  8pt  */		

	}

	text.collection {

		font-size: 2.469px;  /*  7pt  */		

	}

	/* thin border */

	rect.legend, rect.collection, rect.cbox {

		stroke-width: 0.0882px;  /*  0.25pt  */

		stroke: black

	}

	/* thick border */

	rect.layer, rect.subblock, rect.block  {

		stroke-width: 0.2469px;  /*  0.7pt  */

		stroke: black

	}

	rect.layer {

		fill: #e6e6e6

	}

	rect.block {

		fill: #b3b3b3

	}

	rect.subblock {

		fill: #e6e6e6

	}

	rect.collection {

		fill: white

	}

	rect.legend {

		fill: white

	}

 </style>

    <radialGradient id="Patternradial-grad" gradientUnits="userSpaceOnUse" cx="10" cy="10" r="14">

      <stop offset="0%" stop-color="white" stop-opacity="1"/>

      <stop offset="100%" stop-opacity="0" stop-color="white"/>

    </radialGradient>

    <linearGradient id="Patternstriped-diag-up" spreadMethod="repeat" gradientUnits="userSpaceOnUse" x1="0%" x2="15%" y1="0%" y2="15%">

      <stop offset="0%" stop-opacity="0" stop-color="white"/>

      <stop offset="20%" stop-color="#ccc" stop-opacity="1"/>

      <stop offset="40%" stop-opacity="0" stop-color="white"/>

      <stop offset="100%" stop-opacity="0" stop-color="white"/>

    </linearGradient>

    <pattern id="Patternbig-X" patternUnits="userSpaceOnUse" x="0" y="0" width="100%" height="100%" viewBox="0 0 10 10">

      <path d="M 1 1 L 9 9 M 1 9  L 9 1" stroke="#555" stroke-width="1.15" stroke-linecap="round"/>

    </pattern>

    <symbol id="Borderbox" viewBox="0 0 20 20">

      <path d="M 0 0 L 0 20 L 20 20 L 20 0 z" stroke="black"/>

    </symbol>

    <symbol id="Borderbox-clipLB" viewBox="0 0 20 20">

      <path d="M 0 0 L 0 15 L 5 20 L 20 20 L 20 0 z" stroke="black"/>

    </symbol>

    <symbol id="Borderbox-clipLT" viewBox="0 0 20 20">

      <path d="M 5 0 L 0 5 L 0 20 L 20 20 L 20 0 z" stroke="black"/>

    </symbol>

    <symbol id="Borderbox-clipRB" viewBox="0 0 20 20">

      <path d="M 0 0 L 0 20 L 15 20 L 20 15 L 20 0 z" stroke="black"/>

    </symbol>

    <symbol id="Borderbox-clipRT" viewBox="0 0 20 20">

      <path d="M 0 0 L 0 20 L 20 20 L 20 5 L 15 0 z" stroke="black"/>

    </symbol>

    <symbol id="Borderbox-clipAll" viewBox="0 0 20 20">

      <path d="M 5 0 L 0 5 L 0 15 L 5 20 L 15 20 L 20 15 L 20 5 L 15 0 z" stroke="black"/>

    </symbol>

  </defs>

  <!--Drawing in static mode: false-->

  <script type="text/ecmascript"><![CDATA[ 

var svgns="http://www.w3.org/2000/svg";

var curId = '';

function clear(id) {

	if(curId != '') off(curId);

	return curId=id;

}

function on(id) {

	var cur =document.getElementById(id)

	cur.setAttribute('visibility','visible');

	]]><![CDATA[

	return cur;

}

function off(id) {

	document.getElementById(id).setAttribute('visibility','hidden');

}

]]><![CDATA[

function splitup(txt) {

	var a = new Array;

	var t = txt;

	var found		

	while((found = t.match(/(^[\u3041-\u309e\u30a1-\u30fe\u4e00-\ufa2d])([\u3041-\u309e\u30a1-\u30fe\u4e00-\ufa2d].*)$/))|| ( found = t.match(/^([^ \u200b\xad-]+[ \u200b\xad-]+)(.*)$/))) {

			a.push(found[1]);

			t=found[2];

	}

	a.push(t);

	return a;

}

function splitable(node) {

 	return node.firstChild.nodeType == 3 && node.firstChild.data.match(/[\t\n\r \u200b\xad-]/);

}

function crush(node, len) {

	node.setAttribute('letter-spacing','-0.1');

	if( node.getComputedTextLength() > len) 

		node.setAttribute('letter-spacing','-0.2');

}

function whatSize(txt) { // convert a length into pixels

	if(txt.match(/^[0-9.-]+$/)) return txt;

	var a = document.createElementNS(svgns,'rect');

	a.setAttribute('x',0);

	a.setAttribute('y',0);

	a.setAttribute('width',txt);

	var l = a.getBBox().width;

	delete a;

	return l;

}

function wrapalltext(node) {

    if(!node) node= document;

    var all = node.getElementsByTagNameNS(svgns,'text');

    var i=0;

    for (i=0; i<all.length; i++) {

	var cur = all.item(i);

	var w =0;

	if(cur.hasAttribute('ref')) {

		w = document.getElementById(cur.getAttribute('ref')).getBBox().width * 0.9;

	} else if (cur.hasAttribute('width')) {

		w = whatSize(cur.getAttribute('width'));

	}

	if (w)	wraptext(cur,w)

	}

}

function wraptext(cur,l) {

	if(cur.firstChild.nodeType != 3)  return; // must be just a text node

	if(cur.getBBox().width < l )  {

		cur.firstChild.data = cur.firstChild.data.replace(/\xad\u200b/g,"");

		return; // no need -- won't wrap

	}

	var t = cur.firstChild.data.replace(/\s+/," ");  // normalize all spaces

	t = t.replace(/^ +/,"").replace(/ +$/,"");  // trim spaces

	var words =splitup(t); 	// each word ends with the split character (if any)

	if (words.length<2)  {

		crush(cur, l);

		return;

	}

	cur.removeChild(cur.firstChild)

	var tspan = document.createElementNS(svgns,'tspan');

	cur.appendChild(tspan);

	var txt = document.createTextNode(words[0]);

	tspan.appendChild(txt);

	var off=-100;

	var zero =0;

	for (i =1;i< words.length;i++) {

		var was = txt.data;

		txt.data+=words[i];

		if (tspan.getComputedTextLength() -zero > l) { // if the line with this word at the end is bigger than the available space...

			txt.data=was.replace(/ +$/,"").replace(/\xad(.)/,"$1").replace(/\u200b/g,""); // remove zero-width spaces and trailing spaces and soft hyphens

			// if it's still too big then decrease the letter spacing

			if( tspan.getComputedTextLength() > l ) 	crush(tspan,l);

			tspan = document.createElementNS(svgns,'tspan');

			tspan.setAttribute('baseline-shift',off+"%");

			off-=100;

			tspan.setAttribute('x',cur.getAttribute('x'));

			cur.appendChild(tspan);

			txt = document.createTextNode('');

			tspan.appendChild(txt);

			zero = tspan.getComputedTextLength;

			txt.data+=words[i];

		}

	}

	var align =cur.getAttribute('dominant-baseline');

	if(align=='' || align=='ideographic') {

		cur.setAttribute('baseline-shift',(-100-off)+"%");

	 } else{

	 	 if(align=='mathematical')

			cur.setAttribute('baseline-shift',((-100-off ) / 2 )+"%");

		else if(align=='hanging') 

			cur.setAttribute('baseline-shift',0+"%")

	 }

}

   ]]></script>

  <g class="layer" transform="translate(0 3.2)">

    <g class="layer-detail" transform="translate(364.7000000000001 3.2)">

      <rect x="0" class="layer" y="-3.2" width="82.8" height="66"/>

      <text text-anchor="middle" dominant-baseline="ideographic" class="layer" width="82.8" x="41.4" y="60.5">Programming Support</text>

      <g>

        <g class="block" transform="translate( 0 0)">

          <rect class="block" x="0" width="82.8" height="66" y="-3.2"/>

          <text text-anchor="middle" class="block" width="82.8" x="41.4" y="61.8" dominant-baseline="ideographic">Java J2ME</text>

          <g>

            <g class="collection" transform="translate(0 0)">

              <rect class="collection" x="0" y="0" height="15.6" width="55.800000000000004"/>

              <text text-anchor="start" dominant-baseline="hanging" class="collection" y="0.4" x="1.4" width="54.400000000000006">MIDP 2.0 Profile</text>

              <g transform="translate(0 6.299999999999999)">

                <g class="component" id="MIDPLCDUI">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="0" y="0" xlink:href="#Borderbox-clipRB" style="fill:#c0d9d9;stroke-width: 0.3;"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="4.65" width="9.3">MIDP LCDUI</text>

                </g>

                <g class="component" id="MIDPRMS">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="9.3" y="0" xlink:href="#Borderbox-clipRB" style="fill:#c0d9d9;stroke-width: 0.3;"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="13.950000000000001" width="9.3">MIDP RMS</text>

                </g>

                <g class="component" id="MIDPIO">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="18.6" y="0" xlink:href="#Borderbox-clipRB" style="fill:#c0d9d9;stroke-width: 0.3;"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="23.25">MIDP IO</text>

                </g>

                <g class="component" id="MIDPDeviceControl">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="27.900000000000002" y="0" xlink:href="#Borderbox-clipRB" style="fill:#c0d9d9;stroke-width: 0.3;"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="32.550000000000004" width="9.3">MIDP Device Control</text>

                </g>

                <g class="component" id="SecurityPolicy">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="37.2" y="0" xlink:href="#Borderbox-clipLT" style="fill:#c0d9d9;stroke-width: 1; stroke-dasharray: 2,1,1,2;"/>

                  <use width="9.3" height="9.3" x="37.2" y="0" style="fill: url(#Patternstriped-diag-up); stroke: none; stroke-width: 0;" xlink:href="#Borderbox-clipLT"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="41.85" width="9.3">Security Policy</text>

                </g>

                <g class="component" id="MIDPGSMSecurityRP">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="46.5" y="0" xlink:href="#Borderbox-clipRB" style="fill:#c0d9d9;stroke-width: 1; stroke-dasharray: 2,1,1,2;"/>

                  <use width="9.3" height="9.3" x="46.5" y="0" style="fill: url(#Patternstriped-diag-up); stroke: none; stroke-width: 0;" xlink:href="#Borderbox-clipRB"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="51.15" width="9.3">MIDP GSM Security RP</text>

                </g>

              </g>

            </g>

            <g class="collection" transform="translate(0 18.8)">

              <rect class="collection" x="0" y="0" height="15.6" width="65.10000000000001"/>

              <text text-anchor="start" dominant-baseline="hanging" class="collection" y="0.4" x="1.4" width="63.70000000000001">MIDP 2.0 Packages</text>

              <g transform="translate(0 6.299999999999999)">

                <g class="component" id="MIDPFileGCF">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="0" y="0" xlink:href="#Borderbox-clipRT" style="fill:#c0d9d9;stroke-width: 0.3;"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="4.65" width="9.3">MIDP File GCF</text>

                </g>

                <g class="component" id="MobileMediaAPI1.1">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="9.3" y="0" xlink:href="#Borderbox-clipRT" style="fill:#c0d9d9;stroke-width: 0.3;"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="13.950000000000001" width="9.3">Mobile Media API 1.1</text>

                </g>

                <g class="component" id="Mobile3D1.0">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="18.6" y="0" xlink:href="#Borderbox-clipRT" style="fill:#c0d9d9;stroke-width: 0.3;"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="23.25" width="9.3">Mobile 3D 1.0</text>

                </g>

                <g class="component" id="JTWI1.0">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="27.900000000000002" y="0" xlink:href="#Borderbox-clipRT" style="fill:#c0d9d9;stroke-width: 0.3;"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="32.550000000000004" width="9.3">JTWI 1.0</text>

                </g>

                <g class="component" id="MIDPPIM">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="37.2" y="0" xlink:href="#Borderbox-clipRT" style="fill:#c0d9d9;stroke-width: 0.3;"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="41.85" width="9.3">MIDP PIM</text>

                </g>

                <g class="component" id="Bluetooth1.0">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="46.5" y="0" xlink:href="#Borderbox-clipRT" style="fill:#c0d9d9;stroke-width: 1; stroke-dasharray: 2,1,1,2;"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="51.15" width="9.3">Bluetooth 1.0</text>

                </g>

                <g class="component" id="WMA1.1">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="55.800000000000004" y="0" xlink:href="#Borderbox-clipRT" style="fill:#c0d9d9;stroke-width: 1; stroke-dasharray: 2,1,1,2;"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="60.45">WMA 1.1</text>

                </g>

              </g>

            </g>

            <g class="collection" transform="translate(0 37.6)">

              <rect class="collection" x="0" y="0" height="15.6" width="27.900000000000002"/>

              <text text-anchor="start" dominant-baseline="hanging" class="collection" y="0.4" x="1.4" width="26.500000000000004">CLDC 1.1</text>

              <g transform="translate(0 6.299999999999999)">

                <g class="component" id="JavaIO">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="0" y="0" xlink:href="#Borderbox-clipRB" style="fill:#c0d9d9;stroke-width: 0.3;"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="4.65">Java IO</text>

                </g>

                <g class="component" id="JavaLang">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="9.3" y="0" xlink:href="#Borderbox-clipRB" style="fill:#c0d9d9;stroke-width: 0.3;"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="13.950000000000001" width="9.3">Java Lang</text>

                </g>

                <g class="component" id="JavaUtilities">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="18.6" y="0" xlink:href="#Borderbox-clipRB" style="fill:#c0d9d9;stroke-width: 0.3;"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="23.25" width="9.3">Java Utilities</text>

                </g>

              </g>

            </g>

            <g class="collection" transform="translate(30.000000000000004 37.6)">

              <rect class="collection" x="0" y="0" height="15.6" width="18.6"/>

              <text text-anchor="start" dominant-baseline="hanging" class="collection" y="0.4" x="1.4" width="17.200000000000003">Bluetooth &amp; SMS Push</text>

              <g transform="translate(0 6.299999999999999)">

                <g class="component" id="Bluetooth1.0">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="0" y="0" xlink:href="#Borderbox-clipRT" style="fill:#c0d9d9;stroke-width: 1; stroke-dasharray: 2,1,1,2;"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="4.65" width="9.3">Bluetooth 1.0</text>

                </g>

                <g class="component" id="WMA1.1">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="9.3" y="0" xlink:href="#Borderbox-clipRT" style="fill:#c0d9d9;stroke-width: 1; stroke-dasharray: 2,1,1,2;"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="13.950000000000001">WMA 1.1</text>

                </g>

              </g>

            </g>

            <g class="collection" transform="translate(50.70000000000001 37.6)">

              <rect class="collection" x="0" y="0" height="15.6" width="18.6"/>

              <text text-anchor="start" dominant-baseline="hanging" class="collection" y="0.4" x="1.4" width="17.200000000000003">Low Level Plugins</text>

              <g transform="translate(0 6.299999999999999)">

                <g class="component" id="LCDUIPlugin">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="0" y="0" xlink:href="#Borderbox-clipRB" style="fill:#c0d9d9;stroke-width: 1; stroke-dasharray: 2,1,1,2;"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="4.65" width="9.3">LCDUI plugin</text>

                </g>

                <g class="component" id="RuntimePlugin">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="9.3" y="0" xlink:href="#Borderbox-clipRB" style="fill:#c0d9d9;stroke-width: 1; stroke-dasharray: 2,1,1,2;"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="13.950000000000001" width="9.3">Runtime plugin</text>

                </g>

              </g>

            </g>

            <g class="collection" transform="translate(67.2 18.8)">

              <rect class="collection" x="0" y="0" height="15.6" width="15.6"/>

              <text text-anchor="start" dominant-baseline="hanging" class="collection" y="0.4" x="1.4" width="14.2">Virtual Machine</text>

              <g transform="translate(0 6.299999999999999)">

                <g class="component" id="CLDCHi1.1">

                  <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item19.mouseover" end="i1-item19.mouseout"/>

                  <use width="9.3" height="9.3" x="0" y="0" xlink:href="#Borderbox-clipRB" style="fill:#c0d9d9;stroke-width: 0.3;"/>

                  <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="4.65" width="9.3">CLDC Hi 1.1</text>

                </g>

              </g>

            </g>

          </g>

        </g>

      </g>

    </g>

  </g>

  <g class="layer" transform="translate(0 3.2)">

    <rect x="0.3" y="0.3" width="9.3" rx="4.65" ry="4.65" class="layer" height="22"/>

    <text text-anchor="middle" dominant-baseline="mathematical" class="layer" transform="rotate(-90)" y="4.95" width="22" x="-11.3">UI Framework</text>

    <g class="layer-detail" transform="translate(258.2000000000001 3.2)">

      <rect x="-245.40000000000012" class="layer" y="-3.2" width="349.8000000000001" height="22"/>

      <g>

        <g class="collection" transform="translate(0 0)">

          <rect class="collection" x="0" y="0" height="15.6" width="55.800000000000004"/>

          <text text-anchor="start" dominant-baseline="hanging" class="collection" y="0.4" x="1.4" width="54.400000000000006">UI Support</text>

          <g transform="translate(0 6.299999999999999)">

            <g class="component" id="GraphicsEffects">

              <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item23.mouseover" end="i1-item23.mouseout"/>

              <use width="9.3" height="9.3" x="0" y="0" xlink:href="#Borderbox-clipRT" style="fill:#00ff00;stroke-width: 0.3;"/>

              <use width="9.3" height="9.3" x="0" y="0" style="fill: url(#Patternradial-grad); stroke: none; stroke-width: 0;" xlink:href="#Borderbox-clipRT"/>

              <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="4.65" width="9.3">Graphics Effects</text>

            </g>

            <g class="component" id="UIGraphicsUtilities">

              <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item23.mouseover" end="i1-item23.mouseout"/>

              <use width="9.3" height="9.3" x="9.3" y="0" xlink:href="#Borderbox-clipLB" style="fill:#00ff00;stroke-width: 0.3;"/>

              <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="13.950000000000001" width="9.3">UI Graphics Utilities</text>

            </g>

            <g class="component" id="Grid">

              <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item23.mouseover" end="i1-item23.mouseout"/>

              <use width="9.3" height="9.3" x="18.6" y="0" xlink:href="#Borderbox-clipRT" style="fill:#00ff00;stroke-width: 0.3;"/>

              <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="23.25">Grid</text>

            </g>

            <g class="component" id="Clock">

              <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item23.mouseover" end="i1-item23.mouseout"/>

              <use width="9.3" height="9.3" x="27.900000000000002" y="0" xlink:href="#Borderbox-clipRT" style="fill:#00ff00;stroke-width: 1; stroke-dasharray: 2,1,1,2;"/>

              <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="32.550000000000004">Clock</text>

            </g>

            <g class="component" id="BMPAnimation">

              <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item23.mouseover" end="i1-item23.mouseout"/>

              <use width="9.3" height="9.3" x="37.2" y="0" xlink:href="#Borderbox-clipRT" style="fill:#00ff00;stroke-width: 1; stroke-dasharray: 2,1,1,2;"/>

              <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="41.85" width="9.3">BMP Animation</text>

            </g>

            <g class="component" id="Animation">

              <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item23.mouseover" end="i1-item23.mouseout"/>

              <use width="9.3" height="9.3" x="46.5" y="0" xlink:href="#Borderbox-clipRT" style="fill:#00ff00;stroke-width: 1; stroke-dasharray: 2,1,1,2;"/>

              <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="51.15" width="9.3">Animation</text>

            </g>

          </g>

        </g>

        <g class="collection" transform="translate(57.900000000000006 0)">

          <rect class="collection" x="0" y="0" height="15.6" width="46.5"/>

          <text text-anchor="start" dominant-baseline="hanging" class="collection" y="0.4" x="1.4" width="45.1">UI Application Framework</text>

          <g transform="translate(0 6.299999999999999)">

            <g class="component" id="UIKON">

              <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item23.mouseover" end="i1-item23.mouseout"/>

              <use width="9.3" height="9.3" x="0" y="0" xlink:href="#Borderbox-clipLB" style="fill:#00ff00;stroke-width: 0.3;"/>

              <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="4.65">Uikon</text>

            </g>

            <g class="component" id="UIKONErrorResolverPlugin">

              <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item23.mouseover" end="i1-item23.mouseout"/>

              <use width="9.3" height="9.3" x="9.3" y="0" xlink:href="#Borderbox-clipLB" style="fill:#00ff00;stroke-width: 1; stroke-dasharray: 2,1,1,2;"/>

              <use width="9.3" height="9.3" x="9.3" y="0" style="fill:url(#Patternstriped-diag-up); stroke: none; stroke-width: 0;" xlink:href="#Borderbox-clipLB"/>

              <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="13.950000000000001" width="9.3">UIKON Error Resolver Plugin</text>

            </g>

            <g class="component" id="UILookandFeel">

              <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item23.mouseover" end="i1-item23.mouseout"/>

              <use width="9.3" height="9.3" x="18.6" y="0" xlink:href="#Borderbox-clipLB" style="fill:#00ff00;stroke-width: 0.3;"/>

              <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="23.25" width="9.3">UI Look &amp;Feel</text>

            </g>

            <g class="component" id="ControlEnvironment">

              <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item23.mouseover" end="i1-item23.mouseout"/>

              <use width="9.3" height="9.3" x="27.900000000000002" y="0" xlink:href="#Borderbox-clipLB" style="fill:#00ff00;stroke-width: 0.3;"/>

              <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="32.550000000000004" width="9.3">Control Environ­ment</text>

            </g>

            <g class="component" id="FEPBase">

              <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item23.mouseover" end="i1-item23.mouseout"/>

              <use width="9.3" height="9.3" x="37.2" y="0" xlink:href="#Borderbox-clipLB" style="fill:#00ff00;stroke-width: 0.3;"/>

              <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="41.85" width="9.3">FEP Base</text>

            </g>

          </g>

        </g>

      </g>

    </g>

  </g>

  <g class="layer" transform="translate(0 28.4)">

    <rect x="0.3" y="0.3" width="9.3" rx="4.65" ry="4.65" class="layer" height="40.800000000000004"/>

    <text text-anchor="middle" dominant-baseline="mathematical" class="layer" transform="rotate(-90)" y="4.95" width="40.800000000000004" x="-20.700000000000003">Application Services</text>

    <g class="layer-detail" transform="translate(12.8 3.2)">

      <rect x="0" class="layer" y="-3.2" width="349.8000000000001" height="40.800000000000004"/>

      <g>

        <g class="collection" transform="translate(0 0)">

          <rect class="collection" x="0" y="0" height="15.6" width="37.2"/>

          <text text-anchor="start" dominant-baseline="hanging" class="collection" y="0.4" x="1.4" width="35.800000000000004">PIM Application Services</text>

          <g transform="translate(0 6.299999999999999)">

            <g class="component" id="Calendar">

              <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item22.mouseover" end="i1-item22.mouseout"/>

              <use width="9.3" height="9.3" x="0" y="0" xlink:href="#Borderbox-clipLT" style="fill:#ffff80;stroke-width: 0.3;"/>

              <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="4.65" width="9.3">Calendar</text>

            </g>

            <g class="component" id="AgendaModel">

              <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item22.mouseover" end="i1-item22.mouseout"/>

              <use width="9.3" height="9.3" x="9.3" y="0" xlink:href="#Borderbox-clipLT" style="fill:#ffff80;stroke-width: 0.3;"/>

              <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="13.950000000000001" width="9.3">Agenda Model</text>

            </g>

            <g class="component" id="AgendaVersitPlugin">

              <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item22.mouseover" end="i1-item22.mouseout"/>

              <use width="9.3" height="9.3" x="18.6" y="0" xlink:href="#Borderbox-clipRT" style="fill:#ffff80;stroke-width: 1; stroke-dasharray: 2,1,1,2;"/>

              <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="23.25" width="9.3">vCal Plugin</text>

            </g>

            <g class="component" id="ContactsModel">

              <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item22.mouseover" end="i1-item22.mouseout"/>

              <use width="9.3" height="9.3" x="27.900000000000002" y="0" xlink:href="#Borderbox-clipLT" style="fill:#ffff80;stroke-width: 0.3;"/>

              <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="32.550000000000004" width="9.3">Contacts Model</text>

            </g>

          </g>

        </g>

        <g class="collection" transform="translate(0 18.8)">

          <rect class="collection" x="0" y="0" height="15.6" width="46.5"/>

          <text text-anchor="start" dominant-baseline="hanging" class="collection" y="0.4" x="1.4" width="45.1">PIM Application Support</text>

          <g transform="translate(0 6.299999999999999)">

            <g class="component" id="vCardandvCal">

              <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item22.mouseover" end="i1-item22.mouseout"/>

              <use width="9.3" height="9.3" x="0" y="0" xlink:href="#Borderbox-clipRT" style="fill:#ffff80;stroke-width: 0.3;"/>

              <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="4.65" width="9.3">vCard &amp;vCal</text>

            </g>

            <g class="component" id="AlarmServer">

              <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item22.mouseover" end="i1-item22.mouseout"/>

              <use width="9.3" height="9.3" x="9.3" y="0" xlink:href="#Borderbox-clipRT" style="fill:#ffff80;stroke-width: 0.3;"/>

              <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="13.950000000000001" width="9.3">Alarm Server</text>

            </g>

            <g class="component" id="ChineseCalendarConverter">

              <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item22.mouseover" end="i1-item22.mouseout"/>

              <use width="9.3" height="9.3" x="18.6" y="0" xlink:href="#Borderbox-clipRT" style="fill:#ffff80;stroke-width: 0.3;"/>

              <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="23.25" width="9.3">Chinese Calendar Cnvter.</text>

            </g>

            <g class="component" id="FileConverterPlugins">

              <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item22.mouseover" end="i1-item22.mouseout"/>

              <use width="9.3" height="9.3" x="27.900000000000002" y="0" xlink:href="#Borderbox-clipRT" style="fill:#ffff80;stroke-width: 1; stroke-dasharray: 2,1,1,2;"/>

              <text text-anchor="middle" dominant-baseline="mathematical" class="component" y="4.8" x="32.550000000000004" width="9.3">File Cnvter. Plugins</text>

            </g>

            <g class="component" id="BackupRestoreNotification">

              <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="i1-item22.mouseover" end="i1-item22.mouseout"/>