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

<?AdobeSVGViewer resolution="600"?>

 <title>Symbian OS ^3 System Model: date</title>

 <defs>

  <style type="text/css">

    text.layer, text.package, text.collection, text.component,

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

		fill:black;

		font-family: Arial;

    }

    text.title {

		fill:red;

		font-weight: bold;

		font-size: 3.2249999999999996px;	

		font-family: Arial;

    }    

    text.component {		

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

		font-weight: bold;

	}

 	text.lgd, 

	text.layer, text.package {

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

		font-weight: bold;

	}

	text.label {		

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

		font-weight: bold

	}

	 text.level {

		font-style: italic;

		fill: blue;

	}

	g.layer text.level {		

		font-size: 7.055px;  /*  20pt  */

		font-style: italic;

		fill: red;

	}

	g.package text.level {		

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

	}

	g.nested text.level {		

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

	}

	text.cbox {		

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

		font-weight: bold

	}

	text.lgrp {

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

		font-weight: normal;

	}

g.placeholder text.package,

svg.package text.package,

svg.package-fixed text.package {

		font-size: 11.288px;  /*  32pt  */

		font-weight: normal;

	}

	g.nested text.package {

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

	}

	svg.collection g.nested text.package,

	svg.collection-fixed g.nested text.package  {

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

	}

	svg.package g.nested text.package,

	svg.package-fixed g.nested text.package  {

		font-size: 7.055px;  /*  20pt  */

	}

	text.collection {

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

	}

	g.placeholder text.collection,

	svg.collection text.collection,

	svg.collection-fixed text.collection  {

		font-size: 3.7035px;  /*  10.5pt  */

	} 

	/* thin border */

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

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

		stroke: black

	}

	/* thick border */

	rect.layer, rect.package  {

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

		stroke: black

	}

	rect.layer {

		fill: #e6e6e6

	}

	rect.package {

		fill: #b3b3b3

	}

	g.nested rect.package {

		fill: #e6e6e6

	}

	rect.collection {

		fill: white

	}

	rect.legend {

		fill: white

	}

	 @media print {

		#Zoom {visibility: hidden}

	  }

 </style>

  <radialGradient id="Patternradial-grad" gradientUnits="objectBoundingBox" cx="50%" cy="50%" r="70%">

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

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

  </radialGradient>

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

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

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

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

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

  </linearGradient>

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

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

  </pattern>

  <radialGradient id="Patternoutgrad" cx="50%" cy="50%" r="100%" fx="50%" fy="50%">

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

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

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

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

  </radialGradient>

  <radialGradient id="Patterningrad" cx="50%" cy="50%" r="100%" fx="50%" fy="50%">

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

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

   <stop offset="43%" stop-color="yellow" stop-opacity="0.6"/>

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

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

  </radialGradient>

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

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

  </symbol>

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

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

  </symbol>

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

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

  </symbol>

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

   <circle cx="10" cy="10" r="10" stroke="black"/>

  </symbol>

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

   <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"/>

  </symbol>

  <s:style xmlns:s="http://www.w3.org/2000/svg" type="text/css">

	svg.package-fixed text.layer, 	svg.package text.layer

	svg.package text.package, svg.package-fixed text.package {

		font-size: 17.00px;

		font-weight: normal

	} 

	svg.collection-fixed text.layer,  svg.collection text.layer {

		font-size: 12px;

		font-weight: normal

	} 

	svg.collection-fixed	text.package {

		font-size: 6px;

		font-weight: normal;

	}

    </s:style>

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

   <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"/>

  </symbol>

  <s:radialGradient xmlns:s="http://www.w3.org/2000/svg" gradientUnits="userSpaceOnUse" cx="10" cy="10" r="14" id="PatternOverlay1">

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

   <s:stop offset="20%" stop-color="white" stop-opacity="0.75"/>

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

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

   <s:stop offset="40%" stop-color="white" stop-opacity="0.75"/>

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

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

   <s:stop offset="60%" stop-color="white" stop-opacity="0.75"/>

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

  </s:radialGradient>

  <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">

   <s:path d="M 1 1 L 9 9 M 1 9  L 9 1" stroke="yellow" stroke-width="0.7" stroke-linecap="round"/>

  </s:pattern>

  <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">

   <s:path d="M 1 1 L 9 9 M 1 9  L 9 1" stroke="blue" stroke-width="0.7" stroke-linecap="round"/>

  </s:pattern>

  <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">

   <s:path d="M 1 1 L 9 9 M 1 9  L 9 1" stroke="yellow" stroke-width="0.7" stroke-linecap="round"/>

  </s:pattern>

  <s:radialGradient xmlns:s="http://www.w3.org/2000/svg" gradientUnits="userSpaceOnUse" cx="10" cy="10" r="14" id="PatternOverlay8">

   <s:stop offset="0%" stop-color="yellow" stop-opacity="1"/>

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

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

  </s:radialGradient>

  <s:radialGradient xmlns:s="http://www.w3.org/2000/svg" gradientUnits="userSpaceOnUse" cx="10" cy="10" r="14" id="PatternOverlay9">

   <s:stop offset="0%" stop-color="rgb(180  52 255)" stop-opacity="1"/>

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

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

  </s:radialGradient>

 </defs>

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

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

]]><![CDATA[

function splitup(txt) {

	var a = new Array;

	var t = txt;

	var found		

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

			a.push(found[1]);

			t=found[2];

	}

	a.push(t);

	return a;

}

function splitable(node) {

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

}

function crush(node, len) {

	node.setAttribute('letter-spacing','-0.075em');

	if( node.getComputedTextLength() > len) 

		node.setAttribute('letter-spacing','-0.15em');

}

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

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

	return;

}

function wrapalltext(node) {

    if(!node) node= document;

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

    var i=0;

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

		var cur = all.item(i);

		var w=0;

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

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

		}

	if (w)	wraptext(cur,w)

	}

}

function wraptext(cur,l) {

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

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

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

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

	}

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

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

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

	if (words.length<2)  {

		crush(cur, l);

		return;

	}

	cur.removeChild(cur.firstChild)

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

	var first = tspan;	

	cur.appendChild(tspan);

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

	tspan.appendChild(txt);

	tspan.setAttribute('x',cur.getAttribute('x'));	// Opera needs this

	var nlines=1;

	var zero =0;

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

		var was = txt.data;

		txt.data+=words[i];

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

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

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

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

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

			tspan.setAttribute('dy',"1em");

			nlines++;

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

			cur.appendChild(tspan);

			txt = document.createTextNode('');

			tspan.appendChild(txt);

			zero = tspan.getComputedTextLength();

			txt.data+=words[i];

		}

	}

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

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

	var align =cur.getAttribute('dy');

	if(align=='0.375em') {	// middle aligned

		first.setAttribute('dy',((1-nlines ) / 2 + 0.375 )+"em");

	}  else if(align=='0.75em' || align=='1em')  {  // top (or above) aligned

		first.setAttribute('dy',align)	

	}  else  { // bottom aligned (default)

		first.setAttribute('dy',(1-nlines)+"em");

	}

}

]]><![CDATA[

var curId = '';

function clear(id) {

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

	return curId=id;

}

function on(id) {

	var cur =document.getElementById(id)

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

	]]><![CDATA[

	if(!cur.hasAttribute('wrapenated')) {

		cur.setAttribute('wrapenated','true');

		wrapalltext(cur)

	}

	]]><![CDATA[

	return cur;

}

function off(id) {

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

}

]]><![CDATA[

var pandandzoom=null;

function endpanning()

        {

        if(pandandzoom)

	        {

    	    window.clearInterval(pandandzoom)

        	pandandzoom=null

        	}

        }

function repeatpan(x,y)

        {

        endpanning()

        panning(x,y)

        pandandzoom = window.setInterval('panning('+x+','+y+')', 100);

        }

function panning(x,y)

        {

        document.rootElement.currentTranslate.x += x

        document.rootElement.currentTranslate.y += y

        }

function repeatzoom(z)

        {

        endpanning()

        zoom(z)

        pandandzoom = window.setInterval('zoom('+z+')', 100);

        }

function zoom(z)

		{

		var viewbox = document.documentElement.getAttribute("viewBox").split(' ');

 		var x = Number(viewbox[0]);

 		var y = Number(viewbox[1]);

 		var width = Number(viewbox[2]);

 		var height = Number(viewbox[3]);

 		if( window.innerWidth==0 || window.innerHeight ==0 || height ==0) {return}

 		var s = width  / window.innerWidth;

 		if ( width / height < window.innerWidth / window.innerHeight)

 			{

			s = height  / window.innerHeight;

			width = window.innerWidth * s;

			}

		else	

			{

 			height = window.innerHeight * s;

 			}

 		x = x - 0.5* (width - viewbox[2]) + ( -document.rootElement.currentTranslate.x ) * s  / document.rootElement.currentScale ;

		y = y - 0.5* (height - viewbox[3]) + ( -document.rootElement.currentTranslate.y ) * s  / document.rootElement.currentScale ;

		width = width / document.rootElement.currentScale;

		height = height / document.rootElement.currentScale;

        document.rootElement.currentTranslate.x=

        	document.rootElement.currentTranslate.x *z - 0.5*window.innerWidth* (z -1 )

        document.rootElement.currentTranslate.y=

        	document.rootElement.currentTranslate.y *z - 0.5*window.innerHeight* (z -1 )

        document.rootElement.currentScale*=z

		}

]]><![CDATA[

function resized()

		{

		var viewbox = document.documentElement.getAttribute("viewBox").split(' ');

 		var x = Number(viewbox[0]);

 		var y = Number(viewbox[1]);

 		var width = Number(viewbox[2]);

 		var height = Number(viewbox[3]);

 		if( window.innerWidth==0 || window.innerHeight ==0 || height ==0) {return}

 		var s = width  / window.innerWidth;

 		if ( width / height < window.innerWidth / window.innerHeight)

 			{

			s = height  / window.innerHeight;

			width = window.innerWidth * s;

			}

		else	

			{

 			height = window.innerHeight * s;

 			}

]]><![CDATA[

		var e = document.getElementById('Zoom');

		var trans = 'translate(';

		trans+= x - 0.5* (width - viewbox[2]) + ( -document.rootElement.currentTranslate.x ) * s  / document.rootElement.currentScale ;

		trans+=' ';

		trans+= y - 0.5* (height - viewbox[3]) + ( -document.rootElement.currentTranslate.y ) * s  / document.rootElement.currentScale ;

		trans+=') scale(';

		trans+=  (height / window.innerHeight) *3.2 / document.rootElement.currentScale;

		trans+=')';

		e.setAttribute('transform',trans);

]]><![CDATA[		

 		}

	]]></script>

 <g id="os" transform="translate(3.1999999999999993 395.6)" class="layer">

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

  <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>

   <g>

    <g id="kernelhwsrv" class="package" transform="translate( 0 119.20000000000002)">

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

     <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:tan;"/>

     <text text-anchor="middle" class="package" width="78" x="39" y="47.60000000000002" dy="0.375em" height="78.4">Kernel &amp; HW Services</text>

     <g transform="translate(0 3.2)"/>

    </g>

    <g id="boardsupport" class="package" transform="translate( 80.1 119.20000000000002)">

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

     <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:tan;"/>

     <text text-anchor="middle" class="package" width="78" x="39" y="47.60000000000002" dy="0.375em" height="97.2">Board Support</text>

     <g transform="translate(0 3.2)"/>

    </g>

    <g id="buildtools" class="package" transform="translate( 160.2 119.20000000000002)">

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

     <rect class="package" x="0" width="78" height="97.2" y="0" style="fill:darkgray;"/>

     <text text-anchor="middle" class="package" width="78" x="39" y="47.60000000000002" dy="0.375em" height="78.4">Build Tools</text>

     <g transform="translate(0 3.2)"/>

    </g>

    <g id="ossrv" class="package" transform="translate( 0 0)">

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

     <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:tan;"/>

     <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">Generic OS Services</text>

     <g transform="translate(0 3.2)"/>

    </g>

    <g id="persistentdata" class="package" transform="translate( 80.1 0)">

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

     <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:tan;"/>

     <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">Persistent Data Services</text>

     <g transform="translate(0 3.2)"/>

    </g>

    <g id="devicesrv" class="package" transform="translate( 160.2 0)">

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

     <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:tan;"/>

     <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">Dev­ice Services</text>

     <g transform="translate(0 3.2)"/>

    </g>

    <g id="security" class="package" transform="translate( 240.29999999999998 0)">

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

     <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:rgb(228,14,98);"/>

     <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">OS Security</text>

     <g transform="translate(0 3.2)"/>

    </g>

    <g id="lbs" class="package" transform="translate( 320.4 0)">

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

     <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:whitesmoke;"/>

     <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="97.2">Locating Services</text>

     <g transform="translate(0 3.2)"/>

    </g>

    <g id="commsfw" class="package" transform="translate( 400.5 0)">

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

     <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:moccasin;"/>

     <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="97.2">Comms Frame­work</text>

     <g transform="translate(0 3.2)"/>

    </g>

    <g id="networkingsrv" class="package" transform="translate( 480.6 0)">

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

     <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:moccasin;"/>

     <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">Network­ing Services</text>

     <g transform="translate(0 3.2)"/>

    </g>

    <g id="wlan" class="package" transform="translate( 560.7 0)">

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

     <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:moccasin;"/>

     <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">WLAN</text>

     <g transform="translate(0 3.2)"/>

    </g>

    <g id="cellularsrv" class="package" transform="translate( 640.8000000000001 0)">

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

     <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:darkkhaki;"/>

     <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">Cellular Baseband Services</text>

     <g transform="translate(0 3.2)"/>

    </g>

    <g id="bt" class="package" transform="translate( 720.9000000000001 0)">

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

     <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:orchid;"/>

     <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">Blue­tooth</text>

     <g transform="translate(0 3.2)"/>

    </g>

    <g id="usb" class="package" transform="translate( 801.0000000000001 0)">

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

     <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:orchid;"/>

     <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">USB</text>

     <g transform="translate(0 3.2)"/>

    </g>

    <g id="mm" class="package" transform="translate( 881.1000000000001 0)">

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

     <rect class="package" x="0" width="78" height="116.00000000000001" y="0" style="fill:rgb(175,212,240);"/>

     <text text-anchor="middle" class="package" width="78" x="39" y="57.00000000000001" dy="0.375em" height="116.00000000000001">Multi­media</text>

     <g transform="translate(0 3.2)"/>

    </g>

    <g id="imagingext" class="package" transform="translate( 961.2000000000002 0)">

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