symbian3/single/sysdefs/sf3pkg.svg
changeset 430 4f50419ea4dc
child 446 b73548d05e72
equal deleted inserted replaced
429:e24ea1a074d0 430:4f50419ea4dc
       
     1 <?xml version="1.0" encoding="UTF-8"?>
       
     2 <?AdobeSVGViewer resolution="600"?>
       
     3 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:m="http://exslt.org/math" version="1.1" onload="wrapalltext()" viewBox="-3.2 -3.2 2102.899999999999 686.7023744025573" class="package-fixed" onscroll="resized()" onzoom="resized()" onresize="resized()">
       
     4  <title>Symbian OS ^3 System Model: %d %b %Y</title>
       
     5  <defs>
       
     6   <style type="text/css">
       
     7     text.layer, text.package, text.collection, text.component,
       
     8     text.cbox, text.lgrp, text.label, text.lgd {
       
     9 		fill:black;
       
    10 		font-family: Arial;
       
    11     }
       
    12     text.title {
       
    13 		fill:red;
       
    14 		font-weight: bold;
       
    15 		font-size: 3.2249999999999996px;	
       
    16 		font-family: Arial;
       
    17     }    
       
    18     text.component {		
       
    19 		font-size: 1.940px;  /*  5.5pt  */
       
    20 		font-weight: bold;
       
    21 	}
       
    22  	text.lgd, 
       
    23 	text.layer, text.package {
       
    24 		font-size: 4.233px;  /*  12pt  */
       
    25 		font-weight: bold;
       
    26 	}
       
    27 	text.label {		
       
    28 		font-size: 1.940px;  /*  5.5pt  */
       
    29 		font-weight: bold
       
    30 	}
       
    31 	 text.level {
       
    32 		font-style: italic;
       
    33 		fill: blue;
       
    34 	}
       
    35 	g.layer text.level {		
       
    36 		font-size: 7.055px;  /*  20pt  */
       
    37 		font-style: italic;
       
    38 		fill: red;
       
    39 	}
       
    40 	g.package text.level {		
       
    41 		font-size: 4.233px;  /*  12pt  */
       
    42 	}
       
    43 	g.nested text.level {		
       
    44 		font-size: 3.175px;  /*  8pt  */
       
    45 	}
       
    46 	
       
    47 	text.cbox {		
       
    48 		font-size: 1.411px;  /*  4pt  */
       
    49 		font-weight: bold
       
    50 	}
       
    51 	text.lgrp {
       
    52 		font-size: 12.699px;  /*  36pt  */
       
    53 		font-weight: normal;
       
    54 	}
       
    55 
       
    56 g.placeholder text.package,
       
    57 svg.package text.package,
       
    58 svg.package-fixed text.package {
       
    59 		font-size: 11.288px;  /*  32pt  */
       
    60 		font-weight: normal;
       
    61 	}
       
    62 
       
    63 
       
    64 
       
    65 	g.nested text.package {
       
    66 		font-size: 2.822px;  /*  8pt  */
       
    67 	}
       
    68 	
       
    69 	svg.collection g.nested text.package,
       
    70 	svg.collection-fixed g.nested text.package  {
       
    71 		font-size: 4.233px;  /*  12pt  */
       
    72 	}
       
    73 	
       
    74 	svg.package g.nested text.package,
       
    75 	svg.package-fixed g.nested text.package  {
       
    76 		font-size: 7.055px;  /*  20pt  */
       
    77 	}
       
    78 
       
    79 	text.collection {
       
    80 		font-size: 2.469px;  /*  7pt  */
       
    81 	}
       
    82 	
       
    83 	g.placeholder text.collection,
       
    84 	svg.collection text.collection,
       
    85 	svg.collection-fixed text.collection  {
       
    86 		font-size: 3.7035px;  /*  10.5pt  */
       
    87 	} 
       
    88 
       
    89 	/* thin border */
       
    90 	rect.legend, rect.collection, rect.cbox {
       
    91 		stroke-width: 0.0882px;  /*  0.25pt  */
       
    92 		stroke: black
       
    93 	}
       
    94 	/* thick border */
       
    95 	rect.layer, rect.package  {
       
    96 		stroke-width: 0.2469px;  /*  0.7pt  */
       
    97 		stroke: black
       
    98 	}
       
    99 	rect.layer {
       
   100 		fill: #e6e6e6
       
   101 	}
       
   102 	rect.package {
       
   103 		fill: #b3b3b3
       
   104 	}
       
   105 	g.nested rect.package {
       
   106 		fill: #e6e6e6
       
   107 	}
       
   108 	rect.collection {
       
   109 		fill: white
       
   110 	}
       
   111 	rect.legend {
       
   112 		fill: white
       
   113 	}
       
   114 	
       
   115 	 @media print {
       
   116 		#Zoom {visibility: hidden}
       
   117 	  }
       
   118  </style>
       
   119   <radialGradient id="Patternradial-grad" gradientUnits="objectBoundingBox" cx="50%" cy="50%" r="70%">
       
   120    <stop offset="0%" stop-color="white" stop-opacity="1"/>
       
   121    <stop offset="100%" stop-opacity="0" stop-color="white"/>
       
   122   </radialGradient>
       
   123   <linearGradient id="Patternstriped-diag-up" spreadMethod="repeat" gradientUnits="userSpaceOnUse" x1="0" x2="3" y1="0" y2="3">
       
   124    <stop offset="0%" stop-opacity="0" stop-color="white"/>
       
   125    <stop offset="20%" stop-color="#ccc" stop-opacity="1"/>
       
   126    <stop offset="40%" stop-opacity="0" stop-color="white"/>
       
   127    <stop offset="100%" stop-opacity="0" stop-color="white"/>
       
   128   </linearGradient>
       
   129   <pattern id="Patternbig-X" patternUnits="objectBoundingBox" x="0" y="0" width="100%" height="100%" viewBox="0 0 10 10">
       
   130    <path d="M 1 1 L 9 9 M 1 9  L 9 1" stroke="#555" stroke-width="1.15" stroke-linecap="round"/>
       
   131   </pattern>
       
   132   <radialGradient id="Patternoutgrad" cx="50%" cy="50%" r="100%" fx="50%" fy="50%">
       
   133    <stop offset="36%" stop-color="white" stop-opacity="0"/>
       
   134    <stop offset="43%" stop-color="white" stop-opacity="0.6"/>
       
   135    <stop offset="50%" stop-color="white" stop-opacity="0"/>
       
   136    <stop offset="100%" stop-color="black" stop-opacity="0"/>
       
   137   </radialGradient>
       
   138   <radialGradient id="Patterningrad" cx="50%" cy="50%" r="100%" fx="50%" fy="50%">
       
   139    <stop offset="0%" stop-color="white" stop-opacity="0.45"/>
       
   140    <stop offset="36%" stop-color="yellow" stop-opacity="0"/>
       
   141    <stop offset="43%" stop-color="yellow" stop-opacity="0.6"/>
       
   142    <stop offset="50%" stop-color="yellow" stop-opacity="0"/>
       
   143    <stop offset="100%" stop-color="black" stop-opacity="0"/>
       
   144   </radialGradient>
       
   145   <symbol id="Borderbox" viewBox="0 0 20 20">
       
   146    <path d="M 0 0 L 0 20 L 20 20 L 20 0 z" stroke="black"/>
       
   147   </symbol>
       
   148   <symbol id="Borderbox-clipRT" viewBox="0 0 20 20">
       
   149    <path d="M 0 0 L 0 20 L 20 20 L 20 5 L 15 0 z" stroke="black"/>
       
   150   </symbol>
       
   151   <symbol id="Borderbox-clipAll" viewBox="0 0 20 20">
       
   152    <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"/>
       
   153   </symbol>
       
   154   <symbol id="Borderround" viewBox="0 0 20 20">
       
   155    <circle cx="10" cy="10" r="10" stroke="black"/>
       
   156   </symbol>
       
   157   <symbol id="Borderhexagon" viewBox="0 0 20 20">
       
   158    <path d="M 0 10 L 5.8 0 L 14.2 0 L 20 10 L 14.2 20 L 5.8 20 z" stroke="black"/>
       
   159   </symbol>
       
   160   <s:style xmlns:s="http://www.w3.org/2000/svg" type="text/css">
       
   161 	svg.package-fixed text.layer, 	svg.package text.layer
       
   162 	svg.package text.package, svg.package-fixed text.package {
       
   163 		font-size: 17.00px;
       
   164 		font-weight: normal
       
   165 	} 
       
   166 	
       
   167 	svg.collection-fixed text.layer,  svg.collection text.layer {
       
   168 		font-size: 12px;
       
   169 		font-weight: normal
       
   170 	} 
       
   171 	svg.collection-fixed	text.package {
       
   172 		font-size: 6px;
       
   173 		font-weight: normal;
       
   174 	}
       
   175     </s:style>
       
   176   <symbol id="BorderShape2" viewBox="0 0 20 20">
       
   177    <s:path xmlns:s="http://www.w3.org/2000/svg" d="M 0 0 L 0 20 L 20 20 L 20 8 L 17.6 5.6 A 2.7 2.7 30 1 0 14.4 2.4 L12 0 z" stroke="black"/>
       
   178   </symbol>
       
   179   <s:radialGradient xmlns:s="http://www.w3.org/2000/svg" gradientUnits="userSpaceOnUse" cx="10" cy="10" r="14" id="PatternOverlay1">
       
   180    <s:stop offset="15%" stop-color="white" stop-opacity="0"/>
       
   181    <s:stop offset="20%" stop-color="white" stop-opacity="0.75"/>
       
   182    <s:stop offset="25%" stop-color="white" stop-opacity="0"/>
       
   183    <s:stop offset="35%" stop-color="white" stop-opacity="0"/>
       
   184    <s:stop offset="40%" stop-color="white" stop-opacity="0.75"/>
       
   185    <s:stop offset="45%" stop-color="white" stop-opacity="0"/>
       
   186    <s:stop offset="55%" stop-color="white" stop-opacity="0"/>
       
   187    <s:stop offset="60%" stop-color="white" stop-opacity="0.75"/>
       
   188    <s:stop offset="65%" stop-color="white" stop-opacity="0"/>
       
   189   </s:radialGradient>
       
   190   <s:pattern xmlns:s="http://www.w3.org/2000/svg" patternUnits="userSpaceOnUse" x="0" y="0" width="100%" height="100%" viewBox="0 0 10 10" id="PatternOverlay4">
       
   191    <s:path d="M 1 1 L 9 9 M 1 9  L 9 1" stroke="yellow" stroke-width="0.7" stroke-linecap="round"/>
       
   192   </s:pattern>
       
   193   <s:pattern xmlns:s="http://www.w3.org/2000/svg" patternUnits="userSpaceOnUse" x="0" y="0" width="100%" height="100%" viewBox="0 0 10 10" id="PatternOverlay5">
       
   194    <s:path d="M 1 1 L 9 9 M 1 9  L 9 1" stroke="blue" stroke-width="0.7" stroke-linecap="round"/>
       
   195   </s:pattern>
       
   196   <s:pattern xmlns:s="http://www.w3.org/2000/svg" patternUnits="userSpaceOnUse" x="0" y="0" width="100%" height="100%" viewBox="0 0 10 10" id="PatternOverlay6">
       
   197    <s:path d="M 1 1 L 9 9 M 1 9  L 9 1" stroke="yellow" stroke-width="0.7" stroke-linecap="round"/>
       
   198   </s:pattern>
       
   199   <s:radialGradient xmlns:s="http://www.w3.org/2000/svg" gradientUnits="userSpaceOnUse" cx="10" cy="10" r="14" id="PatternOverlay8">
       
   200    <s:stop offset="0%" stop-color="yellow" stop-opacity="1"/>
       
   201    <s:stop offset="85%" stop-opacity="0" stop-color="white"/>
       
   202    <s:stop offset="100%" stop-opacity="0" stop-color="white"/>
       
   203   </s:radialGradient>
       
   204   <s:radialGradient xmlns:s="http://www.w3.org/2000/svg" gradientUnits="userSpaceOnUse" cx="10" cy="10" r="14" id="PatternOverlay9">
       
   205    <s:stop offset="0%" stop-color="rgb(180  52 255)" stop-opacity="1"/>
       
   206    <s:stop offset="85%" stop-opacity="0" stop-color="white"/>
       
   207    <s:stop offset="100%" stop-opacity="0" stop-color="white"/>
       
   208   </s:radialGradient>
       
   209  </defs>
       
   210  <script type="text/ecmascript"><![CDATA[ 
       
   211 
       
   212 var svgns="http://www.w3.org/2000/svg";
       
   213 
       
   214 ]]><![CDATA[
       
   215 
       
   216 function splitup(txt) {
       
   217 	var a = new Array;
       
   218 	var t = txt;
       
   219 	var found		
       
   220 	while((found = t.match(/(^[\u3041-\u309e\u30a1-\u30fe\u4e00-\ufa2d])([\u3041-\u309e\u30a1-\u30fe\u4e00-\ufa2d].*)$/))|| ( found = t.match(/^([^ \u200b\xad-]+[ \u200b\xad-]+)(.*)$/))) {
       
   221 			a.push(found[1]);
       
   222 			t=found[2];
       
   223 	}
       
   224 	a.push(t);
       
   225 	return a;
       
   226 }
       
   227 
       
   228 
       
   229 function splitable(node) {
       
   230  	return node.firstChild.nodeType == 3 && node.firstChild.data.match(/[\t\n\r \u200b\xad-]/);
       
   231 }
       
   232 
       
   233 function crush(node, len) {
       
   234 	node.setAttribute('letter-spacing','-0.075em');
       
   235 	if( node.getComputedTextLength() > len) 
       
   236 		node.setAttribute('letter-spacing','-0.15em');
       
   237 }
       
   238 
       
   239 function whatSize(txt) { // convert a length into pixels
       
   240 	if(txt.match(/^[0-9.-]+$/)) return txt;
       
   241 	return;
       
   242 }
       
   243 
       
   244 
       
   245 function wrapalltext(node) {
       
   246     if(!node) node= document;
       
   247     var all = node.getElementsByTagNameNS(svgns,'text');
       
   248     var i=0;
       
   249     for (i=0; i<all.length; i++) {
       
   250 		var cur = all.item(i);
       
   251 		var w=0;
       
   252 		if (cur.hasAttribute('width')) {
       
   253 			w = whatSize(cur.getAttribute('width'));
       
   254 		}
       
   255 	if (w)	wraptext(cur,w)
       
   256 	}
       
   257 }
       
   258 
       
   259 
       
   260 function wraptext(cur,l) {
       
   261 	if(cur.firstChild.nodeType != 3)  return; // must be just a text node
       
   262 	if(cur.getBBox().width < l )  {
       
   263 		cur.firstChild.data = cur.firstChild.data.replace(/[\xad\u200b]/g,"");
       
   264 		return; // no need -- won't wrap
       
   265 	}
       
   266 	var t = cur.firstChild.data.replace(/\s+/," ");  // normalize all spaces
       
   267 	t = t.replace(/^ +/,"").replace(/ +$/,"");  // trim spaces
       
   268 	var words =splitup(t); 	// each word ends with the split character (if any)
       
   269 	if (words.length<2)  {
       
   270 		crush(cur, l);
       
   271 		return;
       
   272 	}
       
   273 	cur.removeChild(cur.firstChild)
       
   274 	var tspan = document.createElementNS(svgns,'tspan');
       
   275 	var first = tspan;	
       
   276 	cur.appendChild(tspan);
       
   277 	var txt = document.createTextNode(words[0]);
       
   278 	tspan.appendChild(txt);
       
   279 	tspan.setAttribute('x',cur.getAttribute('x'));	// Opera needs this
       
   280 	var nlines=1;
       
   281 	var zero =0;
       
   282 	for (i =1;i< words.length;i++) {
       
   283 		var was = txt.data;
       
   284 		txt.data+=words[i];
       
   285 		if (tspan.getComputedTextLength() -zero > l) { // if the line with this word at the end is bigger than the available space...
       
   286 			txt.data=was.replace(/ +$/,"").replace(/\xad(.)/,"$1").replace(/\u200b/g,""); // remove zero-width spaces and trailing spaces and soft hyphens
       
   287 			// if it's still too big then decrease the letter spacing
       
   288 			if( tspan.getComputedTextLength() > l ) crush(tspan,l);
       
   289 			tspan = document.createElementNS(svgns,'tspan');
       
   290 			tspan.setAttribute('dy',"1em");
       
   291 			nlines++;
       
   292 			tspan.setAttribute('x',cur.getAttribute('x'));
       
   293 			cur.appendChild(tspan);
       
   294 			txt = document.createTextNode('');
       
   295 			tspan.appendChild(txt);
       
   296 			zero = tspan.getComputedTextLength();
       
   297 			txt.data+=words[i];
       
   298 		}
       
   299 	}
       
   300 	txt.data=txt.data.replace(/ +$/,"").replace(/\xad(.)/,"$1").replace(/\u200b/g,""); // remove zero-width spaces and trailing spaces and soft hyphens
       
   301 	if( tspan.getComputedTextLength() > l ) 	crush(tspan,l);
       
   302 	var align =cur.getAttribute('dy');
       
   303 	if(align=='0.375em') {	// middle aligned
       
   304 		first.setAttribute('dy',((1-nlines ) / 2 + 0.375 )+"em");
       
   305 	}  else if(align=='0.75em' || align=='1em')  {  // top (or above) aligned
       
   306 		first.setAttribute('dy',align)	
       
   307 	}  else  { // bottom aligned (default)
       
   308 		first.setAttribute('dy',(1-nlines)+"em");
       
   309 	}
       
   310 }
       
   311 
       
   312   
       
   313 ]]><![CDATA[
       
   314 
       
   315 var curId = '';
       
   316 function clear(id) {
       
   317 	if(curId != '') off(curId);
       
   318 	return curId=id;
       
   319 }
       
   320 
       
   321 
       
   322 function on(id) {
       
   323 	var cur =document.getElementById(id)
       
   324 	cur.setAttribute('visibility','visible');
       
   325 	]]><![CDATA[
       
   326 	if(!cur.hasAttribute('wrapenated')) {
       
   327 		cur.setAttribute('wrapenated','true');
       
   328 		wrapalltext(cur)
       
   329 	}
       
   330 	]]><![CDATA[
       
   331 	return cur;
       
   332 }
       
   333 
       
   334 function off(id) {
       
   335 	document.getElementById(id).setAttribute('visibility','hidden');
       
   336 }
       
   337 ]]><![CDATA[
       
   338 
       
   339 var pandandzoom=null;
       
   340 function endpanning()
       
   341         {
       
   342         if(pandandzoom)
       
   343 	        {
       
   344     	    window.clearInterval(pandandzoom)
       
   345         	pandandzoom=null
       
   346         	}
       
   347         }
       
   348 
       
   349 function repeatpan(x,y)
       
   350         {
       
   351         endpanning()
       
   352         panning(x,y)
       
   353         pandandzoom = window.setInterval('panning('+x+','+y+')', 100);
       
   354         }
       
   355 
       
   356 function panning(x,y)
       
   357         {
       
   358         document.rootElement.currentTranslate.x += x
       
   359         document.rootElement.currentTranslate.y += y
       
   360         }
       
   361 
       
   362 function repeatzoom(z)
       
   363         {
       
   364         endpanning()
       
   365         zoom(z)
       
   366         pandandzoom = window.setInterval('zoom('+z+')', 100);
       
   367         }
       
   368 
       
   369 function zoom(z)
       
   370 		{
       
   371 		var viewbox = document.documentElement.getAttribute("viewBox").split(' ');
       
   372  		var x = Number(viewbox[0]);
       
   373  		var y = Number(viewbox[1]);
       
   374  		var width = Number(viewbox[2]);
       
   375  		var height = Number(viewbox[3]);
       
   376  		if( window.innerWidth==0 || window.innerHeight ==0 || height ==0) {return}
       
   377  		var s = width  / window.innerWidth;
       
   378  		if ( width / height < window.innerWidth / window.innerHeight)
       
   379  			{
       
   380 			s = height  / window.innerHeight;
       
   381 			width = window.innerWidth * s;
       
   382 			}
       
   383 		else	
       
   384 			{
       
   385  			height = window.innerHeight * s;
       
   386  			}
       
   387  			
       
   388  		x = x - 0.5* (width - viewbox[2]) + ( -document.rootElement.currentTranslate.x ) * s  / document.rootElement.currentScale ;
       
   389 		y = y - 0.5* (height - viewbox[3]) + ( -document.rootElement.currentTranslate.y ) * s  / document.rootElement.currentScale ;
       
   390 		width = width / document.rootElement.currentScale;
       
   391 		height = height / document.rootElement.currentScale;
       
   392         document.rootElement.currentTranslate.x=
       
   393         	document.rootElement.currentTranslate.x *z - 0.5*window.innerWidth* (z -1 )
       
   394         document.rootElement.currentTranslate.y=
       
   395         	document.rootElement.currentTranslate.y *z - 0.5*window.innerHeight* (z -1 )
       
   396         document.rootElement.currentScale*=z
       
   397 		}
       
   398 
       
   399 ]]><![CDATA[
       
   400 function resized()
       
   401 		{
       
   402 		var viewbox = document.documentElement.getAttribute("viewBox").split(' ');
       
   403  		var x = Number(viewbox[0]);
       
   404  		var y = Number(viewbox[1]);
       
   405  		var width = Number(viewbox[2]);
       
   406  		var height = Number(viewbox[3]);
       
   407  		if( window.innerWidth==0 || window.innerHeight ==0 || height ==0) {return}
       
   408  		var s = width  / window.innerWidth;
       
   409  		if ( width / height < window.innerWidth / window.innerHeight)
       
   410  			{
       
   411 			s = height  / window.innerHeight;
       
   412 			width = window.innerWidth * s;
       
   413 			}
       
   414 		else	
       
   415 			{
       
   416  			height = window.innerHeight * s;
       
   417  			}
       
   418 ]]><![CDATA[
       
   419 		var e = document.getElementById('Zoom');
       
   420 		var trans = 'translate(';
       
   421 		trans+= x - 0.5* (width - viewbox[2]) + ( -document.rootElement.currentTranslate.x ) * s  / document.rootElement.currentScale ;
       
   422 		trans+=' ';
       
   423 		trans+= y - 0.5* (height - viewbox[3]) + ( -document.rootElement.currentTranslate.y ) * s  / document.rootElement.currentScale ;
       
   424 		trans+=') scale(';
       
   425 		trans+=  (height / window.innerHeight) *3.2 / document.rootElement.currentScale;
       
   426 		trans+=')';
       
   427 		e.setAttribute('transform',trans);
       
   428 ]]><![CDATA[		
       
   429  		}
       
   430 	]]></script>
       
   431  <g id="os" transform="translate(3.1999999999999993 395.6)" class="layer">
       
   432   <rect x="0.3" y="0.3" width="9.3" rx="4.65" ry="4.65" class="layer" height="222.8"/>
       
   433   <text text-anchor="middle" dy="0.375em" class="layer" transform="rotate(-90)" y="4.95" width="222.8" height="9.3" x="-111.7">OS</text>
       
   434   <g class="layer-detail" transform="translate(333.19999999999976 3.2)">
       
   435    <rect x="-320.39999999999975" class="layer" y="-3.2" width="2080.499999999999" height="222.8"/>
       
   436    <g>
       
   437     <g id="kernelhwsrv" class="package" transform="translate( 0 119.20000000000002)">
       
   438      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color0.mouseover" end="s8-color0.mouseout"/>
       
   439      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:tan;"/>
       
   440      <text text-anchor="middle" class="package" width="78" x="39" y="47.60000000000002" dy="0.375em" height="78.4">Kernel &amp; HW Services</text>
       
   441      <g transform="translate(0 3.2)"/>
       
   442     </g>
       
   443     <g id="boardsupport" class="package" transform="translate( 80.1 119.20000000000002)">
       
   444      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color0.mouseover" end="s8-color0.mouseout"/>
       
   445      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:tan;"/>
       
   446      <text text-anchor="middle" class="package" width="78" x="39" y="47.60000000000002" dy="0.375em" height="97.2">Board Support</text>
       
   447      <g transform="translate(0 3.2)"/>
       
   448     </g>
       
   449     <g id="buildtools" class="package" transform="translate( 160.2 119.20000000000002)">
       
   450      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color12.mouseover" end="s8-color12.mouseout"/>
       
   451      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:darkgray;"/>
       
   452      <text text-anchor="middle" class="package" width="78" x="39" y="47.60000000000002" dy="0.375em" height="78.4">Build Tools</text>
       
   453      <g transform="translate(0 3.2)"/>
       
   454     </g>
       
   455     <g id="ossrv" class="package" transform="translate( 0 0)">
       
   456      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color0.mouseover" end="s8-color0.mouseout"/>
       
   457      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:tan;"/>
       
   458      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">Generic OS Services</text>
       
   459      <g transform="translate(0 3.2)"/>
       
   460     </g>
       
   461     <g id="persistentdata" class="package" transform="translate( 80.1 0)">
       
   462      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color0.mouseover" end="s8-color0.mouseout"/>
       
   463      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:tan;"/>
       
   464      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">Persistent Data Services</text>
       
   465      <g transform="translate(0 3.2)"/>
       
   466     </g>
       
   467     <g id="devicesrv" class="package" transform="translate( 160.2 0)">
       
   468      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color0.mouseover" end="s8-color0.mouseout"/>
       
   469      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:tan;"/>
       
   470      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">Dev­ice Services</text>
       
   471      <g transform="translate(0 3.2)"/>
       
   472     </g>
       
   473     <g id="security" class="package" transform="translate( 240.29999999999998 0)">
       
   474      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color1.mouseover" end="s8-color1.mouseout"/>
       
   475      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:rgb(228,14,98);"/>
       
   476      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">OS Security</text>
       
   477      <g transform="translate(0 3.2)"/>
       
   478     </g>
       
   479     <g id="lbs" class="package" transform="translate( 320.4 0)">
       
   480      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color2.mouseover" end="s8-color2.mouseout"/>
       
   481      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:whitesmoke;"/>
       
   482      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="97.2">Locating Services</text>
       
   483      <g transform="translate(0 3.2)"/>
       
   484     </g>
       
   485     <g id="commsfw" class="package" transform="translate( 400.5 0)">
       
   486      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color4.mouseover" end="s8-color4.mouseout"/>
       
   487      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:moccasin;"/>
       
   488      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="97.2">Comms Frame­work</text>
       
   489      <g transform="translate(0 3.2)"/>
       
   490     </g>
       
   491     <g id="networkingsrv" class="package" transform="translate( 480.6 0)">
       
   492      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color4.mouseover" end="s8-color4.mouseout"/>
       
   493      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:moccasin;"/>
       
   494      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">Network­ing Services</text>
       
   495      <g transform="translate(0 3.2)"/>
       
   496     </g>
       
   497     <g id="wlan" class="package" transform="translate( 560.7 0)">
       
   498      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color4.mouseover" end="s8-color4.mouseout"/>
       
   499      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:moccasin;"/>
       
   500      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">WLAN</text>
       
   501      <g transform="translate(0 3.2)"/>
       
   502     </g>
       
   503     <g id="cellularsrv" class="package" transform="translate( 640.8000000000001 0)">
       
   504      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color3.mouseover" end="s8-color3.mouseout"/>
       
   505      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:darkkhaki;"/>
       
   506      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">Cellular Baseband Services</text>
       
   507      <g transform="translate(0 3.2)"/>
       
   508     </g>
       
   509     <g id="bt" class="package" transform="translate( 720.9000000000001 0)">
       
   510      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color5.mouseover" end="s8-color5.mouseout"/>
       
   511      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:orchid;"/>
       
   512      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">Blue­tooth</text>
       
   513      <g transform="translate(0 3.2)"/>
       
   514     </g>
       
   515     <g id="usb" class="package" transform="translate( 801.0000000000001 0)">
       
   516      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color5.mouseover" end="s8-color5.mouseout"/>
       
   517      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:orchid;"/>
       
   518      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">USB</text>
       
   519      <g transform="translate(0 3.2)"/>
       
   520     </g>
       
   521     <g id="mm" class="package" transform="translate( 881.1000000000001 0)">
       
   522      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color8.mouseover" end="s8-color8.mouseout"/>
       
   523      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:rgb(175,212,240);"/>
       
   524      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">Multi­media</text>
       
   525      <g transform="translate(0 3.2)"/>
       
   526     </g>
       
   527     <g id="imagingext" class="package" transform="translate( 961.2000000000002 0)">
       
   528      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color8.mouseover" end="s8-color8.mouseout"/>
       
   529      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:rgb(175,212,240);"/>
       
   530      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">Imaging Exten­sions</text>
       
   531      <g transform="translate(0 3.2)"/>
       
   532     </g>
       
   533     <g id="graphics" class="package" transform="translate( 1041.3 0)">
       
   534      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color10.mouseover" end="s8-color10.mouseout"/>
       
   535      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:orange;"/>
       
   536      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">Graphics</text>
       
   537      <g transform="translate(0 3.2)"/>
       
   538     </g>
       
   539     <g id="textandloc" class="package" transform="translate( 1121.3999999999999 0)">
       
   540      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color10.mouseover" end="s8-color10.mouseout"/>
       
   541      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:orange;"/>
       
   542      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="97.2">Text &amp; Localis­ation Services</text>
       
   543      <g transform="translate(0 3.2)"/>
       
   544     </g>
       
   545     <g id="xmlsrv" class="package" transform="translate( 1201.4999999999998 0)">
       
   546      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color11.mouseover" end="s8-color11.mouseout"/>
       
   547      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:slateblue;"/>
       
   548      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="97.2">XML Services</text>
       
   549      <g transform="translate(0 3.2)"/>
       
   550     </g>
       
   551     <g id="deviceplatformrelease" class="package" transform="translate( 1281.5999999999997 0)">
       
   552      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color12.mouseover" end="s8-color12.mouseout"/>
       
   553      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:darkgray;"/>
       
   554      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="59.6">Dev­ice Platform Release</text>
       
   555      <g transform="translate(0 3.2)"/>
       
   556     </g>
       
   557     <g id="osrndtools" class="package" transform="translate( 1361.6999999999996 0)">
       
   558      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color12.mouseover" end="s8-color12.mouseout"/>
       
   559      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:darkgray;"/>
       
   560      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="40.8">OS R&amp;D tools</text>
       
   561      <g transform="translate(0 3.2)"/>
       
   562     </g>
       
   563    </g>
       
   564   </g>
       
   565  </g>
       
   566  <g id="mw" transform="translate(3.1999999999999993 169.6)" class="layer">
       
   567   <rect x="0.3" y="0.3" width="9.3" rx="4.65" ry="4.65" class="layer" height="222.8"/>
       
   568   <text text-anchor="middle" dy="0.375em" class="layer" transform="rotate(-90)" y="4.95" width="222.8" height="9.3" x="-111.7">Middleware</text>
       
   569   <g class="layer-detail" transform="translate(12.8 3.2)">
       
   570    <rect x="0" class="layer" y="-3.2" width="2080.499999999999" height="222.8"/>
       
   571    <g>
       
   572     <g id="appsupport" class="package" transform="translate( 0 100.4)">
       
   573      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color11.mouseover" end="s8-color11.mouseout"/>
       
   574      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:slateblue;"/>
       
   575      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="116.00000000000001">Generic App Support</text>
       
   576      <g transform="translate(0 3.2)"/>
       
   577     </g>
       
   578     <g id="securitysrv" class="package" transform="translate( 80.1 100.4)">
       
   579      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color1.mouseover" end="s8-color1.mouseout"/>
       
   580      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:rgb(228,14,98);"/>
       
   581      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="97.2">Security Services</text>
       
   582      <g transform="translate(0 3.2)"/>
       
   583     </g>
       
   584     <g id="drm" class="package" transform="translate( 160.2 100.4)">
       
   585      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color1.mouseover" end="s8-color1.mouseout"/>
       
   586      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:rgb(228,14,98);"/>
       
   587      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="97.2">DRM</text>
       
   588      <g transform="translate(0 3.2)"/>
       
   589     </g>
       
   590     <g id="locationsrv" class="package" transform="translate( 0 0)">
       
   591      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color2.mouseover" end="s8-color2.mouseout"/>
       
   592      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:whitesmoke;"/>
       
   593      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="78.4">Location Services</text>
       
   594      <g transform="translate(0 3.2)"/>
       
   595     </g>
       
   596     <g id="accesssec" class="package" transform="translate( 240.29999999999998 100.4)">
       
   597      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color4.mouseover" end="s8-color4.mouseout"/>
       
   598      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:moccasin;"/>
       
   599      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="97.2">Access Security</text>
       
   600      <g transform="translate(0 3.2)"/>
       
   601     </g>
       
   602     <g id="ipconnmgmt" class="package" transform="translate( 320.4 100.4)">
       
   603      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color4.mouseover" end="s8-color4.mouseout"/>
       
   604      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:moccasin;"/>
       
   605      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="97.2">IP Connect­ivity Mgmt.</text>
       
   606      <g transform="translate(0 3.2)"/>
       
   607     </g>
       
   608     <g id="netprotocols" class="package" transform="translate( 400.5 100.4)">
       
   609      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color4.mouseover" end="s8-color4.mouseout"/>
       
   610      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:moccasin;"/>
       
   611      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="97.2">High-level Internet Protocols</text>
       
   612      <g transform="translate(0 3.2)"/>
       
   613     </g>
       
   614     <g id="ipappprotocols" class="package" transform="translate( 480.6 100.4)">
       
   615      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color4.mouseover" end="s8-color4.mouseout"/>
       
   616      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:moccasin;"/>
       
   617      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="78.4">IP App Protocols</text>
       
   618      <g transform="translate(0 3.2)"/>
       
   619     </g>
       
   620     <g id="wirelessacc" class="package" transform="translate( 80.1 0)">
       
   621      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color4.mouseover" end="s8-color4.mouseout"/>
       
   622      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:moccasin;"/>
       
   623      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="59.6">Wireless Access</text>
       
   624      <g transform="translate(0 3.2)"/>
       
   625     </g>
       
   626     <g id="vpnclient" class="package" transform="translate( 160.2 0)">
       
   627      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color4.mouseover" end="s8-color4.mouseout"/>
       
   628      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:moccasin;"/>
       
   629      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="59.6">VPN Client</text>
       
   630      <g transform="translate(0 3.2)"/>
       
   631     </g>
       
   632     <g id="ipappsrv" class="package" transform="translate( 240.29999999999998 0)">
       
   633      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color3.mouseover" end="s8-color3.mouseout"/>
       
   634      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:darkkhaki;"/>
       
   635      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="97.2">IP App Services</text>
       
   636      <g transform="translate(0 3.2)"/>
       
   637     </g>
       
   638     <g id="phonesrv" class="package" transform="translate( 320.4 0)">
       
   639      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color3.mouseover" end="s8-color3.mouseout"/>
       
   640      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:darkkhaki;"/>
       
   641      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="97.2">Telephony &amp; SIM Services</text>
       
   642      <g transform="translate(0 3.2)"/>
       
   643     </g>
       
   644     <g id="messagingmw" class="package" transform="translate( 400.5 0)">
       
   645      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color7.mouseover" end="s8-color7.mouseout"/>
       
   646      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:lightpink;"/>
       
   647      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="59.6">Messag­ing Middle­ware</text>
       
   648      <g transform="translate(0 3.2)"/>
       
   649     </g>
       
   650     <g id="imsrv" class="package" transform="translate( 480.6 0)">
       
   651      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color7.mouseover" end="s8-color7.mouseout"/>
       
   652      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:lightpink;"/>
       
   653      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="97.2">Instant Msg. &amp; Presence Services</text>
       
   654      <g transform="translate(0 3.2)"/>
       
   655     </g>
       
   656     <g id="legacypresence" class="package" transform="translate( 560.7 0)">
       
   657      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color7.mouseover" end="s8-color7.mouseout"/>
       
   658      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:lightpink;"/>
       
   659      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="59.6">Legacy Presence Services</text>
       
   660      <g transform="translate(0 3.2)"/>
       
   661     </g>
       
   662     <g id="opensrv" class="package" transform="translate( 640.8000000000001 0)">
       
   663      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color7.mouseover" end="s8-color7.mouseout"/>
       
   664      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:lightpink;"/>
       
   665      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="78.4">Open Services</text>
       
   666      <g transform="translate(0 3.2)"/>
       
   667     </g>
       
   668     <g id="remotemgmt" class="package" transform="translate( 720.9000000000001 0)">
       
   669      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color6.mouseover" end="s8-color6.mouseout"/>
       
   670      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:darkseagreen;"/>
       
   671      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="97.2">Remote Manage­ment</text>
       
   672      <g transform="translate(0 3.2)"/>
       
   673     </g>
       
   674     <g id="remotestorage" class="package" transform="translate( 560.7 100.4)">
       
   675      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color5.mouseover" end="s8-color5.mouseout"/>
       
   676      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:orchid;"/>
       
   677      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="40.8">Remote Storage</text>
       
   678      <g transform="translate(0 3.2)"/>
       
   679     </g>
       
   680     <g id="remoteconn" class="package" transform="translate( 640.8000000000001 100.4)">
       
   681      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color5.mouseover" end="s8-color5.mouseout"/>
       
   682      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:orchid;"/>
       
   683      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="97.2">Remote Connect­ivity</text>
       
   684      <g transform="translate(0 3.2)"/>
       
   685     </g>
       
   686     <g id="srvdiscovery" class="package" transform="translate( 720.9000000000001 100.4)">
       
   687      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color5.mouseover" end="s8-color5.mouseout"/>
       
   688      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:orchid;"/>
       
   689      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="97.2">Service Discovery &amp; Usage</text>
       
   690      <g transform="translate(0 3.2)"/>
       
   691     </g>
       
   692     <g id="dlnasrv" class="package" transform="translate( 801.0000000000001 0)">
       
   693      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color5.mouseover" end="s8-color5.mouseout"/>
       
   694      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:orchid;"/>
       
   695      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="97.2">DLNA Services</text>
       
   696      <g transform="translate(0 3.2)"/>
       
   697     </g>
       
   698     <g id="btservices" class="package" transform="translate( 801.0000000000001 100.4)">
       
   699      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color5.mouseover" end="s8-color5.mouseout"/>
       
   700      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:orchid;"/>
       
   701      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="97.2">Blue­tooth Services</text>
       
   702      <g transform="translate(0 3.2)"/>
       
   703     </g>
       
   704     <g id="usbservices" class="package" transform="translate( 881.1000000000001 100.4)">
       
   705      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color5.mouseover" end="s8-color5.mouseout"/>
       
   706      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:orchid;"/>
       
   707      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="97.2">USB Services</text>
       
   708      <g transform="translate(0 3.2)"/>
       
   709     </g>
       
   710     <g id="shortlinkconn" class="package" transform="translate( 961.2000000000002 100.4)">
       
   711      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color5.mouseover" end="s8-color5.mouseout"/>
       
   712      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:orchid;"/>
       
   713      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="97.2">Shortlink Connectivity</text>
       
   714      <g transform="translate(0 3.2)"/>
       
   715     </g>
       
   716     <g id="imghandling" class="package" transform="translate( 881.1000000000001 0)">
       
   717      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color8.mouseover" end="s8-color8.mouseout"/>
       
   718      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:rgb(175,212,240);"/>
       
   719      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="59.6">Image Handling</text>
       
   720      <g transform="translate(0 3.2)"/>
       
   721     </g>
       
   722     <g id="metadatasrv" class="package" transform="translate( 961.2000000000002 0)">
       
   723      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color8.mouseover" end="s8-color8.mouseout"/>
       
   724      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:rgb(175,212,240);"/>
       
   725      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="97.2">Legacy Metadata Services</text>
       
   726      <g transform="translate(0 3.2)"/>
       
   727     </g>
       
   728     <g id="mds" class="package" transform="translate( 1041.3 0)">
       
   729      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color8.mouseover" end="s8-color8.mouseout"/>
       
   730      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:rgb(175,212,240);"/>
       
   731      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="78.4">Metadata Services</text>
       
   732      <g transform="translate(0 3.2)"/>
       
   733     </g>
       
   734     <g id="mmuifw" class="package" transform="translate( 1121.3999999999999 0)">
       
   735      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color8.mouseover" end="s8-color8.mouseout"/>
       
   736      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:rgb(175,212,240);"/>
       
   737      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="78.4">Multi­media UI Fmwk.</text>
       
   738      <g transform="translate(0 3.2)"/>
       
   739     </g>
       
   740     <g id="videoutils" class="package" transform="translate( 1201.4999999999998 0)">
       
   741      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color8.mouseover" end="s8-color8.mouseout"/>
       
   742      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:rgb(175,212,240);"/>
       
   743      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="59.6">Video Utils</text>
       
   744      <g transform="translate(0 3.2)"/>
       
   745     </g>
       
   746     <g id="mmmw" class="package" transform="translate( 1041.3 100.4)">
       
   747      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color8.mouseover" end="s8-color8.mouseout"/>
       
   748      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:rgb(175,212,240);"/>
       
   749      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="97.2">Multi­media Middle­ware</text>
       
   750      <g transform="translate(0 3.2)"/>
       
   751     </g>
       
   752     <g id="helix" class="package" transform="translate( 1121.3999999999999 100.4)">
       
   753      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color8.mouseover" end="s8-color8.mouseout"/>
       
   754      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:rgb(175,212,240);"/>
       
   755      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="97.2">Helix</text>
       
   756      <g transform="translate(0 3.2)"/>
       
   757     </g>
       
   758     <g id="camerasrv" class="package" transform="translate( 1281.5999999999997 0)">
       
   759      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color8.mouseover" end="s8-color8.mouseout"/>
       
   760      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:rgb(175,212,240);"/>
       
   761      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="59.6">Camera Services</text>
       
   762      <g transform="translate(0 3.2)"/>
       
   763     </g>
       
   764     <g id="mmappfw" class="package" transform="translate( 1361.6999999999996 0)">
       
   765      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color8.mouseover" end="s8-color8.mouseout"/>
       
   766      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:rgb(175,212,240);"/>
       
   767      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="59.6">Multi­media App Fmwk.</text>
       
   768      <g transform="translate(0 3.2)"/>
       
   769     </g>
       
   770     <g id="inputmethods" class="package" transform="translate( 1201.4999999999998 100.4)">
       
   771      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color10.mouseover" end="s8-color10.mouseout"/>
       
   772      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:orange;"/>
       
   773      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="59.6">Input Methods</text>
       
   774      <g transform="translate(0 3.2)"/>
       
   775     </g>
       
   776     <g id="qt" class="package placeholder" transform="translate( 1281.5999999999997 100.4)">
       
   777      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color10.mouseover" end="s8-color10.mouseout"/>
       
   778      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:orange;"/>
       
   779      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="15.600000000000001">Qt</text>
       
   780      <g transform="translate(0 3.2)"/>
       
   781     </g>
       
   782     <g id="classicui" class="package" transform="translate( 1361.6999999999996 100.4)">
       
   783      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color10.mouseover" end="s8-color10.mouseout"/>
       
   784      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:orange;"/>
       
   785      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="97.2">Classic UI</text>
       
   786      <g transform="translate(0 3.2)"/>
       
   787     </g>
       
   788     <g id="svgt" class="package" transform="translate( 1441.7999999999995 100.4)">
       
   789      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color10.mouseover" end="s8-color10.mouseout"/>
       
   790      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:orange;"/>
       
   791      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="40.8">SVG Tiny</text>
       
   792      <g transform="translate(0 3.2)"/>
       
   793     </g>
       
   794     <g id="uiaccelerator" class="package" transform="translate( 1521.8999999999994 100.4)">
       
   795      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color10.mouseover" end="s8-color10.mouseout"/>
       
   796      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:orange;"/>
       
   797      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="97.2">UI Accel­erator</text>
       
   798      <g transform="translate(0 3.2)"/>
       
   799     </g>
       
   800     <g id="uiresources" class="package" transform="translate( 1601.9999999999993 100.4)">
       
   801      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color10.mouseover" end="s8-color10.mouseout"/>
       
   802      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:orange;"/>
       
   803      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="116.00000000000001">UI Resources</text>
       
   804      <g transform="translate(0 3.2)"/>
       
   805     </g>
       
   806     <g id="hapticsservices" class="package" transform="translate( 1682.0999999999992 100.4)">
       
   807      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color10.mouseover" end="s8-color10.mouseout"/>
       
   808      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:orange;"/>
       
   809      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="59.6">Haptics Services</text>
       
   810      <g transform="translate(0 3.2)"/>
       
   811     </g>
       
   812     <g id="gsprofilesrv" class="package" transform="translate( 1762.1999999999991 100.4)">
       
   813      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color10.mouseover" end="s8-color10.mouseout"/>
       
   814      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:orange;"/>
       
   815      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="116.00000000000001">General Settings &amp; Profiles Services</text>
       
   816      <g transform="translate(0 3.2)"/>
       
   817     </g>
       
   818     <g id="homescreensrv" class="package" transform="translate( 1441.7999999999995 0)">
       
   819      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color10.mouseover" end="s8-color10.mouseout"/>
       
   820      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:orange;"/>
       
   821      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="97.2">Home Screen Services</text>
       
   822      <g transform="translate(0 3.2)"/>
       
   823     </g>
       
   824     <g id="appinstall" class="package" transform="translate( 1842.299999999999 100.4)">
       
   825      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color11.mouseover" end="s8-color11.mouseout"/>
       
   826      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:slateblue;"/>
       
   827      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="78.4">App Install­ation</text>
       
   828      <g transform="translate(0 3.2)"/>
       
   829     </g>
       
   830     <g id="serviceapifw" class="package" transform="translate( 1521.8999999999994 0)">
       
   831      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color11.mouseover" end="s8-color11.mouseout"/>
       
   832      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:slateblue;"/>
       
   833      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="97.2">Service API Frame­work</text>
       
   834      <g transform="translate(0 3.2)"/>
       
   835     </g>
       
   836     <g id="serviceapi" class="package" transform="translate( 1601.9999999999993 0)">
       
   837      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color11.mouseover" end="s8-color11.mouseout"/>
       
   838      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:slateblue;"/>
       
   839      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="78.4">Service API</text>
       
   840      <g transform="translate(0 3.2)"/>
       
   841     </g>
       
   842     <g id="web" class="package" transform="translate( 1682.0999999999992 0)">
       
   843      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color11.mouseover" end="s8-color11.mouseout"/>
       
   844      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:slateblue;"/>
       
   845      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="97.2">Web</text>
       
   846      <g transform="translate(0 3.2)"/>
       
   847     </g>
       
   848     <g id="websrv" class="package" transform="translate( 1922.399999999999 100.4)">
       
   849      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color11.mouseover" end="s8-color11.mouseout"/>
       
   850      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:slateblue;"/>
       
   851      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="97.2">Web Services</text>
       
   852      <g transform="translate(0 3.2)"/>
       
   853     </g>
       
   854     <g id="platformtools" class="package" transform="translate( 2002.4999999999989 100.4)">
       
   855      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color12.mouseover" end="s8-color12.mouseout"/>
       
   856      <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:darkgray;"/>
       
   857      <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000003" dy="0.375em" height="15.600000000000001">Platform Tools</text>
       
   858      <g transform="translate(0 3.2)"/>
       
   859     </g>
       
   860     <g id="uitools" class="package" transform="translate( 1762.1999999999991 0)">
       
   861      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color12.mouseover" end="s8-color12.mouseout"/>
       
   862      <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:darkgray;"/>
       
   863      <text text-anchor="middle" class="package" width="78" x="39" y="47.6" dy="0.375em" height="78.4">UI Tools</text>
       
   864      <g transform="translate(0 3.2)"/>
       
   865     </g>
       
   866    </g>
       
   867   </g>
       
   868  </g>
       
   869  <g id="app" transform="translate(3.1999999999999993 0)" class="layer">
       
   870   <rect x="0.3" y="0.3" width="9.3" rx="4.65" ry="4.65" class="layer" height="166.4"/>
       
   871   <text text-anchor="middle" dy="0.375em" class="layer" transform="rotate(-90)" y="4.95" width="166.4" height="9.3" x="-83.5">Applications</text>
       
   872   <g class="layer-detail" transform="translate(12.8 3.2)">
       
   873    <rect x="0" class="layer" y="-3.2" width="2080.499999999999" height="166.4"/>
       
   874    <g>
       
   875     <g id="location" class="package" transform="translate( 0 0)">
       
   876      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color2.mouseover" end="s8-color2.mouseout"/>
       
   877      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:whitesmoke;"/>
       
   878      <text text-anchor="middle" class="package" width="78" x="39" y="38.2" dy="0.375em" height="78.4">Location Apps</text>
       
   879      <g transform="translate(0 3.2)"/>
       
   880     </g>
       
   881     <g id="mmsharinguis" class="package" transform="translate( 0 81.60000000000001)">
       
   882      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color3.mouseover" end="s8-color3.mouseout"/>
       
   883      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:darkkhaki;"/>
       
   884      <text text-anchor="middle" class="package" width="78" x="39" y="38.19999999999999" dy="0.375em" height="59.6">Multi­media Sharing UIs</text>
       
   885      <g transform="translate(0 3.2)"/>
       
   886     </g>
       
   887     <g id="phone" class="package" transform="translate( 80.1 0)">
       
   888      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color3.mouseover" end="s8-color3.mouseout"/>
       
   889      <rect class="package" x="0" width="78" height="160" y="0" style="fill:darkkhaki;"/>
       
   890      <text text-anchor="middle" class="package" width="78" x="39" y="79" dy="0.375em" height="78.4">Phone Apps</text>
       
   891      <g transform="translate(0 3.2)"/>
       
   892     </g>
       
   893     <g id="videotelephony" class="package" transform="translate( 160.2 0)">
       
   894      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color3.mouseover" end="s8-color3.mouseout"/>
       
   895      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:darkkhaki;"/>
       
   896      <text text-anchor="middle" class="package" width="78" x="39" y="38.2" dy="0.375em" height="78.4">Video Telephony Apps</text>
       
   897      <g transform="translate(0 3.2)"/>
       
   898     </g>
       
   899     <g id="iptelephony" class="package" transform="translate( 240.29999999999998 0)">
       
   900      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color3.mouseover" end="s8-color3.mouseout"/>
       
   901      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:darkkhaki;"/>
       
   902      <text text-anchor="middle" class="package" width="78" x="39" y="38.2" dy="0.375em" height="78.4">IP Telephony</text>
       
   903      <g transform="translate(0 3.2)"/>
       
   904     </g>
       
   905     <g id="settingsuis" class="package" transform="translate( 160.2 81.60000000000001)">
       
   906      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color6.mouseover" end="s8-color6.mouseout"/>
       
   907      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:darkseagreen;"/>
       
   908      <text text-anchor="middle" class="package" width="78" x="39" y="38.19999999999999" dy="0.375em" height="40.8">Settings UIs</text>
       
   909      <g transform="translate(0 3.2)"/>
       
   910     </g>
       
   911     <g id="contentcontrol" class="package" transform="translate( 240.29999999999998 81.60000000000001)">
       
   912      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color6.mouseover" end="s8-color6.mouseout"/>
       
   913      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:darkseagreen;"/>
       
   914      <text text-anchor="middle" class="package" width="78" x="39" y="38.19999999999999" dy="0.375em" height="40.8">Content Control Daemons</text>
       
   915      <g transform="translate(0 3.2)"/>
       
   916     </g>
       
   917     <g id="devicecontrol" class="package" transform="translate( 320.4 81.60000000000001)">
       
   918      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color6.mouseover" end="s8-color6.mouseout"/>
       
   919      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:darkseagreen;"/>
       
   920      <text text-anchor="middle" class="package" width="78" x="39" y="38.19999999999999" dy="0.375em" height="59.6">Dev­ice Control Daemons</text>
       
   921      <g transform="translate(0 3.2)"/>
       
   922     </g>
       
   923     <g id="printing" class="package" transform="translate( 400.5 81.60000000000001)">
       
   924      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color5.mouseover" end="s8-color5.mouseout"/>
       
   925      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:orchid;"/>
       
   926      <text text-anchor="middle" class="package" width="78" x="39" y="38.19999999999999" dy="0.375em" height="15.600000000000001">Printing</text>
       
   927      <g transform="translate(0 3.2)"/>
       
   928     </g>
       
   929     <g id="files" class="package" transform="translate( 320.4 0)">
       
   930      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color7.mouseover" end="s8-color7.mouseout"/>
       
   931      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:lightpink;"/>
       
   932      <text text-anchor="middle" class="package" width="78" x="39" y="38.2" dy="0.375em" height="40.8">File Manager Apps</text>
       
   933      <g transform="translate(0 3.2)"/>
       
   934     </g>
       
   935     <g id="utils" class="package" transform="translate( 400.5 0)">
       
   936      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color7.mouseover" end="s8-color7.mouseout"/>
       
   937      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:lightpink;"/>
       
   938      <text text-anchor="middle" class="package" width="78" x="39" y="38.2" dy="0.375em" height="15.600000000000001">Utility Apps</text>
       
   939      <g transform="translate(0 3.2)"/>
       
   940     </g>
       
   941     <g id="contacts" class="package" transform="translate( 480.6 0)">
       
   942      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color7.mouseover" end="s8-color7.mouseout"/>
       
   943      <rect class="package" x="0" width="78" height="160" y="0" style="fill:lightpink;"/>
       
   944      <text text-anchor="middle" class="package" width="78" x="39" y="79" dy="0.375em" height="78.4">Contacts Apps</text>
       
   945      <g transform="translate(0 3.2)"/>
       
   946     </g>
       
   947     <g id="organizer" class="package" transform="translate( 560.7 0)">
       
   948      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color7.mouseover" end="s8-color7.mouseout"/>
       
   949      <rect class="package" x="0" width="78" height="160" y="0" style="fill:lightpink;"/>
       
   950      <text text-anchor="middle" class="package" width="78" x="39" y="79" dy="0.375em" height="97.2">Organizer App Suite</text>
       
   951      <g transform="translate(0 3.2)"/>
       
   952     </g>
       
   953     <g id="messaging" class="package" transform="translate( 640.8000000000001 0)">
       
   954      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color7.mouseover" end="s8-color7.mouseout"/>
       
   955      <rect class="package" x="0" width="78" height="160" y="0" style="fill:lightpink;"/>
       
   956      <text text-anchor="middle" class="package" width="78" x="39" y="79" dy="0.375em" height="78.4">Messag­ing Apps</text>
       
   957      <g transform="translate(0 3.2)"/>
       
   958     </g>
       
   959     <g id="commonemail" class="package" transform="translate( 720.9000000000001 0)">
       
   960      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color7.mouseover" end="s8-color7.mouseout"/>
       
   961      <rect class="package" x="0" width="78" height="160" y="0" style="fill:lightpink;"/>
       
   962      <text text-anchor="middle" class="package" width="78" x="39" y="79" dy="0.375em" height="78.4">Email Apps</text>
       
   963      <g transform="translate(0 3.2)"/>
       
   964     </g>
       
   965     <g id="conversations" class="package" transform="translate( 801.0000000000001 0)">
       
   966      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color7.mouseover" end="s8-color7.mouseout"/>
       
   967      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:lightpink;"/>
       
   968      <text text-anchor="middle" class="package" width="78" x="39" y="38.2" dy="0.375em" height="78.4">Conversa­tion Apps</text>
       
   969      <g transform="translate(0 3.2)"/>
       
   970     </g>
       
   971     <g id="im" class="package" transform="translate( 881.1000000000001 0)">
       
   972      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color7.mouseover" end="s8-color7.mouseout"/>
       
   973      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:lightpink;"/>
       
   974      <text text-anchor="middle" class="package" width="78" x="39" y="38.2" dy="0.375em" height="78.4">Instant Msg. Apps</text>
       
   975      <g transform="translate(0 3.2)"/>
       
   976     </g>
       
   977     <g id="dictionary" class="package" transform="translate( 801.0000000000001 81.60000000000001)">
       
   978      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color7.mouseover" end="s8-color7.mouseout"/>
       
   979      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:lightpink;"/>
       
   980      <text text-anchor="middle" class="package" width="78" x="39" y="38.19999999999999" dy="0.375em" height="40.8">Dictio­nary</text>
       
   981      <g transform="translate(0 3.2)"/>
       
   982     </g>
       
   983     <g id="camera" class="package" transform="translate( 961.2000000000002 0)">
       
   984      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color9.mouseover" end="s8-color9.mouseout"/>
       
   985      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:#ffff00;"/>
       
   986      <text text-anchor="middle" class="package" width="78" x="39" y="38.2" dy="0.375em" height="15.600000000000001">Camera Apps</text>
       
   987      <g transform="translate(0 3.2)"/>
       
   988     </g>
       
   989     <g id="imgeditor" class="package" transform="translate( 1041.3 0)">
       
   990      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color9.mouseover" end="s8-color9.mouseout"/>
       
   991      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:#ffff00;"/>
       
   992      <text text-anchor="middle" class="package" width="78" x="39" y="38.2" dy="0.375em" height="40.8">Image Editor Apps</text>
       
   993      <g transform="translate(0 3.2)"/>
       
   994     </g>
       
   995     <g id="videoeditor" class="package" transform="translate( 1121.3999999999999 0)">
       
   996      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color9.mouseover" end="s8-color9.mouseout"/>
       
   997      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:#ffff00;"/>
       
   998      <text text-anchor="middle" class="package" width="78" x="39" y="38.2" dy="0.375em" height="40.8">Video Editor Apps</text>
       
   999      <g transform="translate(0 3.2)"/>
       
  1000     </g>
       
  1001     <g id="videoplayer" class="package" transform="translate( 1201.4999999999998 0)">
       
  1002      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color9.mouseover" end="s8-color9.mouseout"/>
       
  1003      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:#ffff00;"/>
       
  1004      <text text-anchor="middle" class="package" width="78" x="39" y="38.2" dy="0.375em" height="78.4">Video Player Apps</text>
       
  1005      <g transform="translate(0 3.2)"/>
       
  1006     </g>
       
  1007     <g id="photos" class="package" transform="translate( 1281.5999999999997 0)">
       
  1008      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color9.mouseover" end="s8-color9.mouseout"/>
       
  1009      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:#ffff00;"/>
       
  1010      <text text-anchor="middle" class="package" width="78" x="39" y="38.2" dy="0.375em" height="78.4">Photos</text>
       
  1011      <g transform="translate(0 3.2)"/>
       
  1012     </g>
       
  1013     <g id="musicplayer" class="package" transform="translate( 1361.6999999999996 0)">
       
  1014      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color9.mouseover" end="s8-color9.mouseout"/>
       
  1015      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:#ffff00;"/>
       
  1016      <text text-anchor="middle" class="package" width="78" x="39" y="38.2" dy="0.375em" height="78.4">Music Player Apps</text>
       
  1017      <g transform="translate(0 3.2)"/>
       
  1018     </g>
       
  1019     <g id="radio" class="package" transform="translate( 1441.7999999999995 0)">
       
  1020      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color9.mouseover" end="s8-color9.mouseout"/>
       
  1021      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:#ffff00;"/>
       
  1022      <text text-anchor="middle" class="package" width="78" x="39" y="38.2" dy="0.375em" height="40.8">Radio Apps</text>
       
  1023      <g transform="translate(0 3.2)"/>
       
  1024     </g>
       
  1025     <g id="internetradio" class="package placeholder" transform="translate( 1521.8999999999994 0)">
       
  1026      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color9.mouseover" end="s8-color9.mouseout"/>
       
  1027      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:#ffff00;"/>
       
  1028      <text text-anchor="middle" class="package" width="78" x="39" y="38.2" dy="0.375em" height="15.600000000000001">Internet Radio Apps</text>
       
  1029      <g transform="translate(0 3.2)"/>
       
  1030     </g>
       
  1031     <g id="tv" class="package placeholder" transform="translate( 881.1000000000001 81.60000000000001)">
       
  1032      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color9.mouseover" end="s8-color9.mouseout"/>
       
  1033      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:#ffff00;"/>
       
  1034      <text text-anchor="middle" class="package" width="78" x="39" y="38.19999999999999" dy="0.375em" height="15.600000000000001">TV Apps</text>
       
  1035      <g transform="translate(0 3.2)"/>
       
  1036     </g>
       
  1037     <g id="voicerec" class="package" transform="translate( 1601.9999999999993 0)">
       
  1038      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color9.mouseover" end="s8-color9.mouseout"/>
       
  1039      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:#ffff00;"/>
       
  1040      <text text-anchor="middle" class="package" width="78" x="39" y="38.2" dy="0.375em" height="15.600000000000001">Voice Recorder Apps</text>
       
  1041      <g transform="translate(0 3.2)"/>
       
  1042     </g>
       
  1043     <g id="screensaver" class="package" transform="translate( 1682.0999999999992 0)">
       
  1044      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color10.mouseover" end="s8-color10.mouseout"/>
       
  1045      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:orange;"/>
       
  1046      <text text-anchor="middle" class="package" width="78" x="39" y="38.2" dy="0.375em" height="40.8">Screen Saver Apps</text>
       
  1047      <g transform="translate(0 3.2)"/>
       
  1048     </g>
       
  1049     <g id="homescreen" class="package" transform="translate( 1762.1999999999991 0)">
       
  1050      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color10.mouseover" end="s8-color10.mouseout"/>
       
  1051      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:orange;"/>
       
  1052      <text text-anchor="middle" class="package" width="78" x="39" y="38.2" dy="0.375em" height="59.6">Home Screen Apps</text>
       
  1053      <g transform="translate(0 3.2)"/>
       
  1054     </g>
       
  1055     <g id="graphicsuis" class="package" transform="translate( 961.2000000000002 81.60000000000001)">
       
  1056      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color10.mouseover" end="s8-color10.mouseout"/>
       
  1057      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:orange;"/>
       
  1058      <text text-anchor="middle" class="package" width="78" x="39" y="38.19999999999999" dy="0.375em" height="40.8">Graphics UIs</text>
       
  1059      <g transform="translate(0 3.2)"/>
       
  1060     </g>
       
  1061     <g id="profile" class="package" transform="translate( 1842.299999999999 0)">
       
  1062      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color10.mouseover" end="s8-color10.mouseout"/>
       
  1063      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:orange;"/>
       
  1064      <text text-anchor="middle" class="package" width="78" x="39" y="38.2" dy="0.375em" height="15.600000000000001">Profiles</text>
       
  1065      <g transform="translate(0 3.2)"/>
       
  1066     </g>
       
  1067     <g id="speechsrv" class="package" transform="translate( 1041.3 81.60000000000001)">
       
  1068      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color10.mouseover" end="s8-color10.mouseout"/>
       
  1069      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:orange;"/>
       
  1070      <text text-anchor="middle" class="package" width="78" x="39" y="38.19999999999999" dy="0.375em" height="59.6">Speech Recog­nition UIs</text>
       
  1071      <g transform="translate(0 3.2)"/>
       
  1072     </g>
       
  1073     <g id="homescreentools" class="package" transform="translate( 1121.3999999999999 81.60000000000001)">
       
  1074      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color10.mouseover" end="s8-color10.mouseout"/>
       
  1075      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:orange;"/>
       
  1076      <text text-anchor="middle" class="package" width="78" x="39" y="38.19999999999999" dy="0.375em" height="40.8">Home Screen Tools</text>
       
  1077      <g transform="translate(0 3.2)"/>
       
  1078     </g>
       
  1079     <g id="webuis" class="package" transform="translate( 1201.4999999999998 81.60000000000001)">
       
  1080      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color11.mouseover" end="s8-color11.mouseout"/>
       
  1081      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:slateblue;"/>
       
  1082      <text text-anchor="middle" class="package" width="78" x="39" y="38.19999999999999" dy="0.375em" height="40.8">Web UIs</text>
       
  1083      <g transform="translate(0 3.2)"/>
       
  1084     </g>
       
  1085     <g id="jrt" class="package" transform="translate( 1281.5999999999997 81.60000000000001)">
       
  1086      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color11.mouseover" end="s8-color11.mouseout"/>
       
  1087      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:slateblue;"/>
       
  1088      <text text-anchor="middle" class="package" width="78" x="39" y="38.19999999999999" dy="0.375em" height="78.4">Java Runtime</text>
       
  1089      <g transform="translate(0 3.2)"/>
       
  1090     </g>
       
  1091     <g id="conntools" class="package" transform="translate( 1361.6999999999996 81.60000000000001)">
       
  1092      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color4.mouseover" end="s8-color4.mouseout"/>
       
  1093      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:moccasin;"/>
       
  1094      <text text-anchor="middle" class="package" width="78" x="39" y="38.19999999999999" dy="0.375em" height="40.8">Connect­ivity Tools</text>
       
  1095      <g transform="translate(0 3.2)"/>
       
  1096     </g>
       
  1097     <g id="rndtools" class="package" transform="translate( 1441.7999999999995 81.60000000000001)">
       
  1098      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color12.mouseover" end="s8-color12.mouseout"/>
       
  1099      <rect class="package" x="0" width="78" height="78.4" y="0" style="fill:darkgray;"/>
       
  1100      <text text-anchor="middle" class="package" width="78" x="39" y="38.19999999999999" dy="0.375em" height="78.4">R&amp;D tools</text>
       
  1101      <g transform="translate(0 3.2)"/>
       
  1102     </g>
       
  1103     <g id="helps" class="package" transform="translate( 1922.399999999999 0)">
       
  1104      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color10.mouseover" end="s8-color10.mouseout"/>
       
  1105      <rect class="package" x="0" width="78" height="160" y="0" style="fill:orange;"/>
       
  1106      <text text-anchor="middle" class="package" width="78" x="39" y="79" dy="0.375em" height="78.4">Help Apps</text>
       
  1107      <g transform="translate(0 3.2)"/>
       
  1108     </g>
       
  1109     <g id="techview" class="package" transform="translate( 2002.4999999999989 0)">
       
  1110      <set attributeName="opacity" attributeType="XML" to="0.5" fill="remove" begin="s8-color10.mouseover" end="s8-color10.mouseout"/>
       
  1111      <rect class="package" x="0" width="78" height="160" y="0" style="fill:orange;"/>
       
  1112      <text text-anchor="middle" class="package" width="78" x="39" y="79" dy="0.375em" height="116.00000000000001">Techview</text>
       
  1113      <g transform="translate(0 3.2)"/>
       
  1114     </g>
       
  1115    </g>
       
  1116   </g>
       
  1117  </g>
       
  1118  <g id="legend-root" class="legend" transform="translate(1806.8894999999993 624.8000000000001) translate(292.8105 0) scale(5.736679524812121) translate(-292.8105)">
       
  1119   <text text-anchor="middle" class="title" x="276.47525" y="0">
       
  1120    <tspan dy="0.75em" x="276.47525">Symbian OS ^3</tspan>
       
  1121    <tspan dy="1em" x="276.47525">System Model</tspan>
       
  1122    <tspan font-style="italic" dy="1em" id="release-version" x="276.47525">%d %b %Y</tspan>
       
  1123   </text>
       
  1124   <g id="legend-box">
       
  1125    <rect class="legend" rx="5" ry="5" height="8.1" width="260.14" x="0" y="0"/>
       
  1126    <g transform="translate(5 2.5)">
       
  1127     <text text-anchor="start" class="lgd" dy="0.375em" x="0" y="1.5499999999999998">Key</text>
       
  1128     <g transform="translate(12 0)">
       
  1129      <g transform="translate(0 0)">
       
  1130       <text text-anchor="end" class="label" dy="0.375em" x="13.5" y="1.5499999999999998" width="13.5">Technology Domain:</text>
       
  1131       <g id="s8-color0">
       
  1132        <rect class="cbox" height="3.1" width="15.5" fill="tan" x="15" y="-0.0000000000000002220446049250313"/>
       
  1133        <text text-anchor="middle" class="cbox" width="15.5" dy="0.375em" x="22.75" y="1.5499999999999998">OS Base Services (5)</text>
       
  1134       </g>
       
  1135       <g id="s8-color1">
       
  1136        <rect class="cbox" height="3.1" width="15.5" fill="rgb(228,14,98)" x="30.5" y="-0.0000000000000002220446049250313"/>
       
  1137        <text text-anchor="middle" class="cbox" width="15.5" dy="0.375em" x="38.25" y="1.5499999999999998">Security (3)</text>
       
  1138       </g>
       
  1139       <g id="s8-color2">
       
  1140        <rect class="cbox" height="3.1" width="15.5" fill="whitesmoke" x="46" y="-0.0000000000000002220446049250313"/>
       
  1141        <text text-anchor="middle" class="cbox" width="15.5" dy="0.375em" x="53.75" y="1.5499999999999998">Location (3)</text>
       
  1142       </g>
       
  1143       <g id="s8-color3">
       
  1144        <rect class="cbox" height="3.1" width="15.5" fill="darkkhaki" x="61.5" y="-0.0000000000000002220446049250313"/>
       
  1145        <text text-anchor="middle" class="cbox" width="15.5" dy="0.375em" x="69.25" y="1.5499999999999998">Personal Communications (7)</text>
       
  1146       </g>
       
  1147       <g id="s8-color4">
       
  1148        <rect class="cbox" height="3.1" width="15.5" fill="moccasin" x="77" y="-0.0000000000000002220446049250313"/>
       
  1149        <text text-anchor="middle" class="cbox" width="15.5" dy="0.375em" x="84.75" y="1.5499999999999998">Data Communications (10)</text>
       
  1150       </g>
       
  1151       <g id="s8-color5">
       
  1152        <rect class="cbox" height="3.1" width="15.5" fill="orchid" x="92.5" y="-0.0000000000000002220446049250313"/>
       
  1153        <text text-anchor="middle" class="cbox" width="15.5" dy="0.375em" x="100.25" y="1.5499999999999998">Device Connectivity (10)</text>
       
  1154       </g>
       
  1155       <g id="s8-color6">
       
  1156        <rect class="cbox" height="3.1" width="15.5" fill="darkseagreen" x="108" y="-0.0000000000000002220446049250313"/>
       
  1157        <text text-anchor="middle" class="cbox" width="15.5" dy="0.375em" x="115.75" y="1.5499999999999998">Dev­ice Manage­ment (4)</text>
       
  1158       </g>
       
  1159       <g id="s8-color7">
       
  1160        <rect class="cbox" height="3.1" width="15.5" fill="lightpink" x="123.5" y="-0.0000000000000002220446049250313"/>
       
  1161        <text text-anchor="middle" class="cbox" width="15.5" dy="0.375em" x="131.25" y="1.5499999999999998">Productivity (13)</text>
       
  1162       </g>
       
  1163       <g id="s8-color8">
       
  1164        <rect class="cbox" height="3.1" width="15.5" fill="rgb(175,212,240)" x="139" y="-0.0000000000000002220446049250313"/>
       
  1165        <text text-anchor="middle" class="cbox" width="15.5" dy="0.375em" x="146.75" y="1.5499999999999998">Multi­media (11)</text>
       
  1166       </g>
       
  1167       <g id="s8-color9">
       
  1168        <rect class="cbox" height="3.1" width="15.5" fill="#ffff00" x="154.5" y="-0.0000000000000002220446049250313"/>
       
  1169        <text text-anchor="middle" class="cbox" width="15.5" dy="0.375em" x="162.25" y="1.5499999999999998">Multimedia Apps (10)</text>
       
  1170       </g>
       
  1171       <g id="s8-color10">
       
  1172        <rect class="cbox" height="3.1" width="15.5" fill="orange" x="170" y="-0.0000000000000002220446049250313"/>
       
  1173        <text text-anchor="middle" class="cbox" width="15.5" dy="0.375em" x="177.75" y="1.5499999999999998">User Interface (19)</text>
       
  1174       </g>
       
  1175       <g id="s8-color11">
       
  1176        <rect class="cbox" height="3.1" width="15.5" fill="slateblue" x="185.5" y="-0.0000000000000002220446049250313"/>
       
  1177        <text text-anchor="middle" class="cbox" width="15.5" dy="0.375em" x="193.25" y="1.5499999999999998">Runtimes and Web (9)</text>
       
  1178       </g>
       
  1179       <g id="s8-color12">
       
  1180        <rect class="cbox" height="3.1" width="15.5" fill="darkgray" x="201" y="-0.0000000000000002220446049250313"/>
       
  1181        <text text-anchor="middle" class="cbox" width="15.5" dy="0.375em" x="208.75" y="1.5499999999999998">Tools (6)</text>
       
  1182       </g>
       
  1183      </g>
       
  1184     </g>
       
  1185     <text text-anchor="middle" class="label" dy="0.375em" x="241.82" y="1.5499999999999998">
       
  1186      <tspan dy="0em" x="241.82">110 Packages</tspan>
       
  1187     </text>
       
  1188    </g>
       
  1189   </g>
       
  1190  </g>
       
  1191  <g id="Zoom" onload="resized()">
       
  1192   <set attributeType="CSS" attributeName="opacity" to="0.8" fill="freeze" begin="Zoom.mouseover"/>
       
  1193   <set attributeType="CSS" attributeName="opacity" to="0.8" fill="freeze" begin="Zoomin.mouseover"/>
       
  1194   <set attributeType="CSS" attributeName="opacity" to="0.8" fill="freeze" begin="Zoomout.mouseover"/>
       
  1195   <animate attributeType="CSS" attributeName="opacity" from="0.8" to="0" fill="freeze" dur="0.5s" begin="10s"/>
       
  1196   <animate attributeType="CSS" attributeName="opacity" from="0.8" to="0" fill="freeze" dur="0.2s" begin="Zoom.mouseout"/>
       
  1197   <animate attributeType="CSS" attributeName="opacity" from="0.8" to="1" fill="freeze" dur="0.5s" begin="0.3s"/>
       
  1198   <path d="M0,0 l15,0 l0,30 a 7.5,7.5 18 0,1 -15, 0Z" fill="rgb(0,102,153)" opacity="0.8"/>
       
  1199   <g onclick="zoom(1.25)">
       
  1200    <path d="M7.5,4.5 l0,3 m1.5,-1.5 l-3,0" stroke="yellow" stroke-width="1" pointer-events="none"/>
       
  1201    <circle id="Zoomin" r="4.5" cx="7.5" cy="6" fill="url(#Patternoutgrad)">
       
  1202     <set attributeType="XML" attributeName="fill" to="url(#Patterningrad)" fill="freeze" begin="Zoomin.mouseover"/>
       
  1203     <set attributeType="XML" attributeName="fill" to="url(#Patternoutgrad)" fill="freeze" begin="Zoomin.mouseout"/>
       
  1204    </circle>
       
  1205   </g>
       
  1206   <g onclick="zoom(0.8)">
       
  1207    <path d="M5.5,18 l4,0" stroke="yellow" stroke-width="1" pointer-events="none"/>
       
  1208    <circle r="4.5" cx="7.5" cy="18" fill="url(#Patternoutgrad)" id="Zoomout">
       
  1209     <set attributeType="XML" attributeName="fill" to="url(#Patterningrad)" fill="freeze" begin="Zoomout.mouseover"/>
       
  1210     <set attributeType="XML" attributeName="fill" to="url(#Patternoutgrad)" fill="freeze" begin="Zoomout.mouseout"/>
       
  1211    </circle>
       
  1212   </g>
       
  1213   <path id="MoveUp" d="M7.5,25  l1.5,3 l-3,0 Z" fill-opacity="0.2" stroke-opacity="0.7" stroke-linejoin="round" fill="white" stroke="white" stroke-width="0.4" onmousedown="repeatpan(0,20)" onmouseup="endpanning()">
       
  1214    <set attributeType="XML" attributeName="stroke" to="yellow" end="MoveUp.mouseout" begin="MoveUp.mouseover"/>
       
  1215   </path>
       
  1216   <path id="MoveDown" d="M6,33  l3,0 l-1.5,3 Z" fill-opacity="0.2" stroke-linejoin="round" stroke-opacity="0.7" fill="white" stroke="white" stroke-width="0.4" onmousedown="repeatpan(0,-20)" onmouseup="endpanning()">
       
  1217    <set attributeType="XML" attributeName="stroke" to="yellow" end="MoveDown.mouseout" begin="MoveDown.mouseover"/>
       
  1218   </path>
       
  1219   <path id="MoveRight" d="M10,29  l3,1.5 l-3,1.5 Z" fill-opacity="0.2" stroke-linejoin="round" stroke-opacity="0.7" fill="white" stroke="white" stroke-width="0.4" onmousedown="repeatpan(-20,0)" onmouseup="endpanning()">
       
  1220    <set attributeType="XML" attributeName="stroke" to="yellow" end="MoveRight.mouseout" begin="MoveRight.mouseover"/>
       
  1221   </path>
       
  1222   <path id="MoveLeft" d="M5,29  l0,3 l-3,-1.5 Z" fill-opacity="0.2" stroke-linejoin="round" stroke-opacity="0.7" fill="white" stroke="white" stroke-width="0.4" onmousedown="repeatpan(20,0)" onmouseup="endpanning()">
       
  1223    <set attributeType="XML" attributeName="stroke" to="yellow" end="MoveLeft.mouseout" begin="MoveLeft.mouseover"/>
       
  1224   </path>
       
  1225  </g>
       
  1226 </svg>