web_ui_elements.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg
  xmlns:dc="http://purl.org/dc/elements/1.1/"
  xmlns:cc="http://creativecommons.org/ns#"
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xmlns:svg="http://www.w3.org/2000/svg"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
  xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
  width="1000"
  height="485"
  id="svg2"
  version="1.1"
  inkscape:version="0.47+devel r9530"
  sodipodi:docname="web_ui_elements.svg">
 <defs
   id="defs4">
  <linearGradient
    id="gradient_titlebar">
   <stop
     id="stop17132"
     offset="0"
     style="stop-color:#f5f5f5;stop-opacity:1;" />
   <stop
     id="stop17134"
     offset="0.01"
     style="stop-color:#e1e1e1;stop-opacity:1;" />
   <stop
     id="stop17136"
     offset="1"
     style="stop-color:#c8c8c8;stop-opacity:1;" />
  </linearGradient>
  <linearGradient
    inkscape:collect="always"
    id="gradient_blue">
   <stop
     style="stop-color:#004ac0;stop-opacity:1"
     offset="0"
     id="stop16346" />
   <stop
     style="stop-color:#3771c8;stop-opacity:1"
     offset="1"
     id="stop16348" />
  </linearGradient>
  <linearGradient
    id="gradient_buttonlike">
   <stop
     style="stop-color:#ffffff;stop-opacity:1;"
     offset="0"
     id="stop12131" />
   <stop
     style="stop-color:#f5f5f5;stop-opacity:1;"
     offset="0.01"
     id="stop12887" />
   <stop
     style="stop-color:#e6e6e6;stop-opacity:1;"
     offset="1"
     id="stop12133" />
  </linearGradient>
  <linearGradient
    id="gradient_3Deffect">
   <stop
     style="stop-color:#c0c0c0;stop-opacity:0.99607843;"
     offset="0"
     id="stop12119" />
   <stop
     style="stop-color:#ffffff;stop-opacity:1"
     offset="1"
     id="stop12121" />
  </linearGradient>
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient12351"
    gradientUnits="userSpaceOnUse"
    x1="158.03836"
    y1="248.10315"
    x2="158.03836"
    y2="229.01125" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_3Deffect"
    id="linearGradient12353"
    gradientUnits="userSpaceOnUse"
    x1="171.29663"
    y1="254.7854"
    x2="171.29663"
    y2="229.96588" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_3Deffect"
    id="linearGradient13098"
    gradientUnits="userSpaceOnUse"
    x1="165.93369"
    y1="266.04608"
    x2="165.93369"
    y2="217.69229" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient13100"
    gradientUnits="userSpaceOnUse"
    x1="171.29663"
    y1="254.7854"
    x2="171.29663"
    y2="229.96588" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient13131"
    gradientUnits="userSpaceOnUse"
    x1="375"
    y1="474.36218"
    x2="375"
    y2="496.36218" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient13143"
    gradientUnits="userSpaceOnUse"
    x1="375"
    y1="474.36218"
    x2="375"
    y2="496.36218" />
  <filter
    inkscape:collect="always"
    id="filter14045"
    x="-0.18903524"
    width="1.3780705"
    y="-0.11629435"
    height="1.2325886"
    color-interpolation-filters="sRGB">
   <feGaussianBlur
     inkscape:collect="always"
     stdDeviation="0.85630603"
     id="feGaussianBlur14047" />
  </filter>
  <linearGradient
    id="gradient_buttonlike-1">
   <stop
     style="stop-color:#c8c8c8;stop-opacity:1;"
     offset="0"
     id="stop12131-3" />
   <stop
     style="stop-color:#dcdcdc;stop-opacity:1;"
     offset="1"
     id="stop12133-3" />
  </linearGradient>
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient14581"
    gradientUnits="userSpaceOnUse"
    gradientTransform="matrix(0.80888879,0,0,0.85704498,19.302233,463.9162)"
    x1="83.692307"
    y1="60.027164"
    x2="83.692307"
    y2="72.861961" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient14585"
    gradientUnits="userSpaceOnUse"
    gradientTransform="matrix(0.80888879,0,0,0.85704498,9.302233,458.9162)"
    x1="83.692307"
    y1="60.027164"
    x2="83.692307"
    y2="72.861961" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient24259"
    gradientUnits="userSpaceOnUse"
    gradientTransform="matrix(0.80888879,0,0,0.85704498,39.302233,458.9162)"
    x1="83.692307"
    y1="60.027164"
    x2="83.692307"
    y2="72.861961" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient24261"
    gradientUnits="userSpaceOnUse"
    gradientTransform="matrix(0.80888879,0,0,0.85704498,19.302233,463.9162)"
    x1="83.692307"
    y1="60.027164"
    x2="83.692307"
    y2="72.861961" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient10416"
    gradientUnits="userSpaceOnUse"
    x1="375"
    y1="474.36218"
    x2="375"
    y2="496.36218"
    gradientTransform="matrix(1.6722688,0,0,1,-208.73943,250)" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient14247"
    gradientUnits="userSpaceOnUse"
    gradientTransform="matrix(1.6722688,0,0,1,-138.73943,250)"
    x1="375"
    y1="474.36218"
    x2="375"
    y2="496.36218" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient14267"
    gradientUnits="userSpaceOnUse"
    x1="158.03836"
    y1="248.10315"
    x2="158.03836"
    y2="229.01125" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_3Deffect"
    id="linearGradient14269"
    gradientUnits="userSpaceOnUse"
    x1="171.29663"
    y1="254.7854"
    x2="171.29663"
    y2="229.96588" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient14297"
    gradientUnits="userSpaceOnUse"
    x1="158.03836"
    y1="248.10315"
    x2="158.03836"
    y2="229.01125" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_3Deffect"
    id="linearGradient14299"
    gradientUnits="userSpaceOnUse"
    x1="171.29663"
    y1="254.7854"
    x2="171.29663"
    y2="229.96588" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike-1"
    id="linearGradient14761"
    gradientUnits="userSpaceOnUse"
    gradientTransform="matrix(1.672269,0,0,1,-178.73954,215)"
    x1="375"
    y1="474.36218"
    x2="375"
    y2="496.36218" />
  <filter
    inkscape:collect="always"
    id="filter16289"
    x="-0.14399999"
    width="1.288"
    y="-0.14399999"
    height="1.288"
    color-interpolation-filters="sRGB">
   <feGaussianBlur
     inkscape:collect="always"
     stdDeviation="0.9"
     id="feGaussianBlur16291" />
  </filter>
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient16332"
    gradientUnits="userSpaceOnUse"
    gradientTransform="matrix(1.5739648,0,0,1.1597638,-856.74681,-39.55321)"
    x1="123.93111"
    y1="-329.76266"
    x2="123.93111"
    y2="-340.10959" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient16334"
    gradientUnits="userSpaceOnUse"
    gradientTransform="matrix(1.5739648,0,0,1.1597638,-531.74681,264.44679)"
    x1="123.93111"
    y1="-329.76266"
    x2="123.93111"
    y2="-340.10959" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike-1"
    id="linearGradient16336"
    gradientUnits="userSpaceOnUse"
    gradientTransform="matrix(0.93333322,0,0,0.76666656,312.23335,399.78456)"
    x1="118"
    y1="287.36218"
    x2="130"
    y2="287.36218" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient16338"
    gradientUnits="userSpaceOnUse"
    gradientTransform="translate(304,325)"
    x1="118"
    y1="287.36218"
    x2="130"
    y2="287.36218" />
  <filter
    inkscape:collect="always"
    id="filter16340"
    x="-0.069600001"
    width="1.1392"
    y="-0.15466668"
    height="1.3093333"
    color-interpolation-filters="sRGB">
   <feGaussianBlur
     inkscape:collect="always"
     stdDeviation="5.8"
     id="feGaussianBlur16342" />
  </filter>
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_blue"
    id="linearGradient16350"
    x1="250"
    y1="822.36218"
    x2="250"
    y2="802.36218"
    gradientUnits="userSpaceOnUse" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_blue"
    id="linearGradient16358"
    x1="10"
    y1="0"
    x2="10"
    y2="-60"
    gradientUnits="userSpaceOnUse"
    gradientTransform="matrix(0.91304348,0,0,1,10,10)" />
  <clipPath
    clipPathUnits="userSpaceOnUse"
    id="clipPath17124">
   <rect
     style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999988;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="rect17126"
     width="1000"
     height="49.999939"
     x="480"
     y="472.36218" />
  </clipPath>
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_titlebar"
    id="linearGradient17261"
    gradientUnits="userSpaceOnUse"
    gradientTransform="matrix(8.394957,0,0,2.4583347,-2126.1339,-689.59129)"
    x1="374.76474"
    y1="473.26892"
    x2="374.76474"
    y2="484.86215" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient17263"
    gradientUnits="userSpaceOnUse"
    gradientTransform="matrix(8.394957,0,0,2.4583347,-2126.1339,-689.59129)"
    x1="339.02988"
    y1="475.50623"
    x2="339.02988"
    y2="499.09943" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient17265"
    gradientUnits="userSpaceOnUse"
    gradientTransform="matrix(0.48739546,0,0,1,335.16366,35)"
    x1="375"
    y1="474.36218"
    x2="375"
    y2="496.36218" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient17267"
    gradientUnits="userSpaceOnUse"
    gradientTransform="matrix(0.24369799,0,0,1,474.83172,35)"
    x1="375"
    y1="474.36218"
    x2="375"
    y2="496.36218" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient17269"
    gradientUnits="userSpaceOnUse"
    x1="158.03836"
    y1="248.10315"
    x2="158.03836"
    y2="229.01125" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_3Deffect"
    id="linearGradient17271"
    gradientUnits="userSpaceOnUse"
    x1="171.29663"
    y1="254.7854"
    x2="171.29663"
    y2="229.96588" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient17273"
    gradientUnits="userSpaceOnUse"
    x1="158.03836"
    y1="248.10315"
    x2="158.03836"
    y2="229.01125" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_3Deffect"
    id="linearGradient17275"
    gradientUnits="userSpaceOnUse"
    x1="171.29663"
    y1="254.7854"
    x2="171.29663"
    y2="229.96588" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_buttonlike"
    id="linearGradient17277"
    gradientUnits="userSpaceOnUse"
    x1="158.03836"
    y1="248.10315"
    x2="158.03836"
    y2="229.01125" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_3Deffect"
    id="linearGradient17279"
    gradientUnits="userSpaceOnUse"
    x1="171.29663"
    y1="254.7854"
    x2="171.29663"
    y2="229.96588" />
  <pattern
    patternTransform="matrix(10,0,0,9.9999999,-10,74.999994)"
    id="pattern18745"
    xlink:href="#Checkerboard-0"
    inkscape:collect="always" />
  <pattern
    inkscape:stockid="Checkerboard"
    id="Checkerboard-0"
    patternTransform="translate(0,0) scale(10,10)"
    height="2"
    width="2"
    patternUnits="userSpaceOnUse"
    inkscape:collect="always">
   <rect
     id="rect18081-6"
     height="1"
     width="1"
     y="0"
     x="0"
     style="fill:black;stroke:none" />
   <rect
     id="rect18083-6"
     height="1"
     width="1"
     y="1"
     x="1"
     style="fill:black;stroke:none" />
  </pattern>
  <linearGradient
    inkscape:collect="always"
    id="linearGradient21859-1">
   <stop
     style="stop-color:#ffffff;stop-opacity:1"
     offset="0"
     id="stop21861-5" />
   <stop
     style="stop-color:#ffffff;stop-opacity:0"
     offset="1"
     id="stop21863-0" />
  </linearGradient>
  <linearGradient
    y2="562.36218"
    x2="90"
    y1="562.36218"
    x1="-10"
    gradientTransform="matrix(1,0,0,0.97979799,-630,-310.95082)"
    gradientUnits="userSpaceOnUse"
    id="linearGradient21882"
    xlink:href="#linearGradient21859-1"
    inkscape:collect="always" />
  <linearGradient
    inkscape:collect="always"
    xlink:href="#gradient_blue"
    id="linearGradient11236"
    gradientUnits="userSpaceOnUse"
    gradientTransform="matrix(2.35,0,0,0.86666696,-736.5,100.64807)"
    x1="570"
    y1="762.36218"
    x2="570"
    y2="747.36218" />
  <clipPath
    clipPathUnits="userSpaceOnUse"
    id="clipPath22609">
   <rect
     style="opacity:0.5;color:#000000;fill:#404040;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="rect22611"
     width="480"
     height="250"
     x="450"
     y="402.36218" />
  </clipPath>
 </defs>
 <sodipodi:namedview
   id="base"
   pagecolor="#ffffff"
   bordercolor="#666666"
   borderopacity="1.0"
   inkscape:pageopacity="0.0"
   inkscape:pageshadow="2"
   inkscape:zoom="1"
   inkscape:cx="481.35124"
   inkscape:cy="217.38497"
   inkscape:document-units="px"
   inkscape:current-layer="layer1"
   showgrid="false"
   guidecolor="#7901ff"
   guideopacity="0.25098039"
   guidehicolor="#ff015b"
   guidehiopacity="0.25098039"
   inkscape:window-width="1280"
   inkscape:window-height="754"
   inkscape:window-x="0"
   inkscape:window-y="25"
   inkscape:window-maximized="1"
   inkscape:snap-nodes="false"
   inkscape:snap-bbox="true"
   inkscape:bbox-paths="false"
   showguides="true"
   inkscape:guide-bbox="true">
  <inkscape:grid
    type="xygrid"
    id="grid5588"
    empspacing="5"
    visible="true"
    enabled="true"
    snapvisiblegridlinesonly="true"
    color="#0179ff"
    opacity="0.0627451"
    empcolor="#0078ff"
    empopacity="0.1254902" />
 </sodipodi:namedview>
 <metadata
   id="metadata7">
  <rdf:RDF>
   <cc:Work
     rdf:about="">
    <dc:format>image/svg+xml</dc:format>
    <dc:type
      rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
    <dc:title></dc:title>
   </cc:Work>
  </rdf:RDF>
 </metadata>
 <g
   inkscape:groupmode="layer"
   id="layer2"
   inkscape:label="Background"
   transform="translate(10,135)"
   sodipodi:insensitive="true">
  <rect
    transform="scale(1,-1)"
    y="-349.5"
    x="-9.5"
    height="419"
    width="999"
    id="rect17281"
    style="color:#000000;fill:#fafafa;fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:0.99999994;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
  <rect
    style="opacity:0.02999998;color:#000000;fill:url(#pattern18745);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
    id="rect18724"
    width="998"
    height="419"
    x="-9"
    y="-350"
    transform="scale(1,-1)" />
  <rect
    y="-50"
    x="10"
    height="60"
    width="420"
    id="rect14939"
    style="color:#000000;fill:url(#linearGradient16358);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.60000002;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
    rx="5"
    ry="5" />
  <text
    xml:space="preserve"
    style="font-size:13px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Droid Sans;-inkscape-font-specification:Arial Bold"
    x="25"
    y="-22"
    id="text14931"
    sodipodi:linespacing="100%"><tspan
     sodipodi:role="line"
     id="tspan14933"
     x="25"
     y="-22"
     style="font-size:18px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#ffffff;font-family:Arial;-inkscape-font-specification:Arial Bold">Inkscape Mockup Toolkit</tspan></text>
  <text
    xml:space="preserve"
    style="font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Droid Sans;-inkscape-font-specification:Droid Sans"
    x="25"
    y="-5"
    id="text14935"
    sodipodi:linespacing="100%"><tspan
     sodipodi:role="line"
     id="tspan14937"
     x="25"
     y="-5"
     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;fill:#ffffff;font-family:Arial;-inkscape-font-specification:Arial">SVG UI Elements for Web Design</tspan></text>
 </g>
 <g
   inkscape:label="UI Elements"
   inkscape:groupmode="layer"
   id="layer1"
   transform="translate(10,-317.36218)"
   style="display:inline">
  <image
    sodipodi:absref="/home/aj/proj/inkscape_mockup_toolkit/bitmaps/map_world_light_z1.png"
    xlink:href="bitmaps/map_world_light_z1.png"
    inkscape:label="mapbox_map"
    clip-path="url(#clipPath22609)"
    width="512"
    height="512"
    id="mapbox_map"
    x="434"
    y="322.36218" />
  <rect
    y="653.01221"
    x="10.65"
    height="23.700006"
    width="198.7"
    id="text_field"
    style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:1.29999983;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
    inkscape:label="text_field"
    ry="2"
    rx="2" />
  <g
    id="radio_unselected"
    inkscape:label="radio_unselected"
    transform="translate(-10,-35)">
   <path
     sodipodi:type="arc"
     style="color:#000000;fill:url(#linearGradient12351);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:2.12132263;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="path12137"
     sodipodi:cx="164.40233"
     sodipodi:cy="239.61787"
     sodipodi:rx="13.788582"
     sodipodi:ry="13.788582"
     d="M 178.19091,239.61787 A 13.788582,13.788582 0 1 1 150.61375,239.61787 13.788582,13.788582 0 1 1 178.19091,239.61787 z"
     transform="matrix(0.471404,0,0,-0.471404,-49.499913,663.319)" />
   <path
     transform="matrix(0.3988802,0,0,0.3988802,-37.576831,454.78335)"
     d="M 178.19091,239.61787 A 13.788582,13.788582 0 1 1 150.61375,239.61787 13.788582,13.788582 0 1 1 178.19091,239.61787 z"
     sodipodi:ry="13.788582"
     sodipodi:rx="13.788582"
     sodipodi:cy="239.61787"
     sodipodi:cx="164.40233"
     id="path12139"
     style="opacity:0.5;color:#000000;fill:none;stroke:url(#linearGradient12353);stroke-width:2.50701809;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     sodipodi:type="arc" />
  </g>
  <g
    inkscape:label="radio_selected"
    id="radio_selected"
    transform="translate(-10,-65)">
   <path
     transform="matrix(0.471404,0,0,-0.471404,-49.499913,663.319)"
     d="M 178.19091,239.61787 A 13.788582,13.788582 0 1 1 150.61375,239.61787 13.788582,13.788582 0 1 1 178.19091,239.61787 z"
     sodipodi:ry="13.788582"
     sodipodi:rx="13.788582"
     sodipodi:cy="239.61787"
     sodipodi:cx="164.40233"
     id="path14263"
     style="color:#000000;fill:url(#linearGradient14267);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:2.12132263;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     sodipodi:type="arc" />
   <path
     sodipodi:type="arc"
     style="opacity:0.5;color:#000000;fill:none;stroke:url(#linearGradient14269);stroke-width:2.50701809;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="path14265"
     sodipodi:cx="164.40233"
     sodipodi:cy="239.61787"
     sodipodi:rx="13.788582"
     sodipodi:ry="13.788582"
     d="M 178.19091,239.61787 A 13.788582,13.788582 0 1 1 150.61375,239.61787 13.788582,13.788582 0 1 1 178.19091,239.61787 z"
     transform="matrix(0.3988802,0,0,0.3988802,-37.576831,454.78335)" />
   <path
     sodipodi:type="arc"
     style="opacity:0.98000004;color:#000000;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="path12145"
     sodipodi:cx="158.5"
     sodipodi:cy="233.5"
     sodipodi:rx="2.5"
     sodipodi:ry="2.5"
     d="M 161,233.5 A 2.5,2.5 0 1 1 156,233.5 2.5,2.5 0 1 1 161,233.5 z"
     transform="matrix(1.2,0,0,1.2,-162.2,270.16218)" />
  </g>
  <g
    id="button"
    inkscape:label="button">
   <rect
     ry="2"
     rx="2"
     y="472.86215"
     x="310.49997"
     height="23.999998"
     width="119.00001"
     id="rect12355"
     style="color:#000000;fill:url(#linearGradient13143);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
   <text
     sodipodi:linespacing="100%"
     id="text13075"
     y="488.36218"
     x="370"
     style="font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;line-height:100%;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Droid Sans;-inkscape-font-specification:Droid Sans"
     xml:space="preserve"><tspan
      style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;text-anchor:middle;font-family:Arial;-inkscape-font-specification:Arial"
      y="488.36218"
      x="370"
      id="tspan13077"
      sodipodi:role="line">Button</tspan></text>
  </g>
  <g
    inkscape:label="radio_unselected_disabled"
    id="radio_unselected_disabled"
    style="opacity:0.5"
    transform="translate(20,-35)">
   <path
     transform="matrix(0.471404,0,0,0.471404,-49.499913,437.40535)"
     d="M 178.19091,239.61787 A 13.788582,13.788582 0 1 1 150.61375,239.61787 13.788582,13.788582 0 1 1 178.19091,239.61787 z"
     sodipodi:ry="13.788582"
     sodipodi:rx="13.788582"
     sodipodi:cy="239.61787"
     sodipodi:cx="164.40233"
     id="path13094"
     style="color:#000000;fill:url(#linearGradient13098);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:2.12132263;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     sodipodi:type="arc" />
   <path
     sodipodi:type="arc"
     style="opacity:0.5;color:#000000;fill:none;stroke:url(#linearGradient13100);stroke-width:2.50701809;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="path13096"
     sodipodi:cx="164.40233"
     sodipodi:cy="239.61787"
     sodipodi:rx="13.788582"
     sodipodi:ry="13.788582"
     d="M 178.19091,239.61787 A 13.788582,13.788582 0 1 1 150.61375,239.61787 13.788582,13.788582 0 1 1 178.19091,239.61787 z"
     transform="matrix(0.3988802,0,0,0.3988802,-37.576831,454.78335)" />
  </g>
  <g
    id="button_disabled"
    transform="translate(0,35)"
    style="opacity:0.5"
    inkscape:label="button_disabled">
   <rect
     style="color:#000000;fill:url(#linearGradient13131);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="rect13125"
     width="119.00001"
     height="23.999998"
     x="310.49997"
     y="472.86215"
     rx="2"
     ry="2" />
   <text
     xml:space="preserve"
     style="font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;line-height:100%;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Droid Sans;-inkscape-font-specification:Droid Sans"
     x="370"
     y="488.36218"
     id="text13127"
     sodipodi:linespacing="100%"><tspan
      sodipodi:role="line"
      id="tspan13129"
      x="370"
      y="488.36218"
      style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;text-anchor:middle;font-family:Arial;-inkscape-font-specification:Arial">Button (disabled)</tspan></text>
  </g>
  <g
    inkscape:label="cursor_black"
    id="cursor_black"
    transform="translate(15.93507,38.605588)">
   <path
     sodipodi:nodetypes="cccccccc"
     id="path14033"
     d="M 149.08703,442.97535 149.08703,459.41558 152.79933,455.79166 154.92063,460.12269 C 155.44023,461.29407 158.14153,460.35221 157.37343,458.78581 L 155.27423,454.28906 159.95873,454.28906 149.08703,442.97535 z"
     style="opacity:0.6;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:block;overflow:visible;filter:url(#filter14045);enable-background:accumulate"
     inkscape:connector-curvature="0" />
   <rect
     y="438.75659"
     x="144.06493"
     height="25"
     width="20"
     id="rect14035"
     style="color:#000000;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
   <path
     style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:block;overflow:visible;enable-background:accumulate"
     d="M 148.55673,441.94502 148.55673,458.38525 152.26903,454.76133 154.39033,459.09236 C 154.90993,460.26373 157.61113,459.32188 156.84313,457.75548 L 154.74383,453.25873 159.42843,453.25873 148.55673,441.94502 z"
     id="path14037"
     sodipodi:nodetypes="cccccccc"
     inkscape:connector-curvature="0" />
  </g>
  <g
    transform="translate(-14.06493,38.605588)"
    id="cursor_white"
    inkscape:label="cursor_white">
   <path
     inkscape:connector-curvature="0"
     style="opacity:0.6;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:block;overflow:visible;filter:url(#filter14045);enable-background:accumulate"
     d="M 149.08703,442.97535 149.08703,459.41558 152.79933,455.79166 154.92063,460.12269 C 155.44023,461.29407 158.14153,460.35221 157.37343,458.78581 L 155.27423,454.28906 159.95873,454.28906 149.08703,442.97535 z"
     id="path14051"
     sodipodi:nodetypes="cccccccc" />
   <rect
     style="color:#000000;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="rect14053"
     width="20"
     height="25"
     x="144.06493"
     y="438.75659" />
   <path
     inkscape:connector-curvature="0"
     sodipodi:nodetypes="cccccccc"
     id="path14055"
     d="M 148.55673,441.94502 148.55673,458.38525 152.26903,454.76133 154.39033,459.09236 C 154.90993,460.26373 157.61113,459.32188 156.84313,457.75548 L 154.74383,453.25873 159.42843,453.25873 148.55673,441.94502 z"
     style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:block;overflow:visible;enable-background:accumulate" />
  </g>
  <rect
    inkscape:label="text_area"
    style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:1.29999983;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
    id="text_area"
    width="418.70001"
    height="98.699936"
    x="10.65"
    y="543.01221"
    rx="2"
    ry="1.9999998" />
  <g
    id="cursor_white_pointer"
    transform="translate(-11,5)"
    inkscape:label="cursor_white_pointer">
   <rect
     style="color:#000000;fill:#878787;fill-opacity:0;fill-rule:nonzero;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:0.39215686;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter14498-8);enable-background:accumulate"
     id="rect16293"
     width="20"
     height="20"
     x="196"
     y="472.36218" />
   <path
     style="opacity:0.6;fill:#000000;fill-opacity:1;stroke:none;filter:url(#filter16289)"
     d="M 198.5,483.86218 199.5,481.86218 201.5,481.86218 201.5,475.86218 202.5,474.86218 203.5,474.86218 204.5,475.86218 204.5,478.86218 206.5,478.86218 207.5,479.86218 209.5,479.86218 210.5,480.86218 212.5,480.86218 213.5,481.86218 213.5,488.86218 212.5,489.86218 199.5,489.86218 198.5,488.86218 z"
     id="path16140"
     inkscape:connector-curvature="0" />
   <path
     inkscape:connector-curvature="0"
     id="path16120"
     d="M 198.5,482.86218 199.5,480.86218 201.5,480.86218 201.5,474.86218 202.5,473.86218 203.5,473.86218 204.5,474.86218 204.5,477.86218 206.5,477.86218 207.5,478.86218 209.5,478.86218 210.5,479.86218 212.5,479.86218 213.5,480.86218 213.5,487.86218 212.5,488.86218 199.5,488.86218 198.5,487.86218 z"
     style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:round;stroke-opacity:1" />
   <path
     inkscape:connector-curvature="0"
     id="path16126"
     d="M 204,477.86218 205,481.86218 205,477.86218 z"
     style="fill:#000000;fill-opacity:1;stroke:none" />
   <path
     style="fill:#000000;fill-opacity:1;stroke:none"
     d="M 207,478.86218 208,482.86218 208,478.86218 z"
     id="path16128"
     inkscape:connector-curvature="0" />
   <path
     inkscape:connector-curvature="0"
     id="path16130"
     d="M 210,479.36218 211,483.36218 211,479.36218 z"
     style="fill:#000000;fill-opacity:1;stroke:none" />
   <path
     sodipodi:nodetypes="ccccc"
     inkscape:connector-curvature="0"
     id="path16132"
     d="M 203,485.36218 205,485.36218 205,483.86218 203,484.36218 z"
     style="fill:#999999;fill-opacity:1;stroke:none" />
   <path
     style="fill:#999999;fill-opacity:1;stroke:none"
     d="M 206,485.36218 208,485.36218 208,483.86218 206,484.36218 z"
     id="path16134"
     inkscape:connector-curvature="0"
     sodipodi:nodetypes="ccccc" />
   <path
     sodipodi:nodetypes="ccccc"
     inkscape:connector-curvature="0"
     id="path16136"
     d="M 209,485.36218 211,485.36218 211,483.86218 209,484.36218 z"
     style="fill:#999999;fill-opacity:1;stroke:none" />
   <path
     sodipodi:nodetypes="ccccc"
     style="fill:#000000;fill-opacity:1;stroke:none"
     d="M 201,480.86218 201,483.86218 202,485.36218 202,480.86218 z"
     id="path16138"
     inkscape:connector-curvature="0" />
  </g>
  <g
    id="scrollbar"
    transform="translate(-5,-40)"
    inkscape:label="scrollbar">
   <g
     id="scrollbar_button_down"
     transform="translate(0,10)"
     inkscape:label="scrollbar_button_down">
    <rect
      ry="2"
      rx="1.9999999"
      y="-434.5"
      x="-671.86218"
      height="14"
      width="19.000002"
      id="rect14201"
      style="color:#000000;fill:url(#linearGradient16332);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      transform="matrix(0,-1,-1,0,0,0)" />
    <path
      style="fill:#ffffff;fill-opacity:1;stroke:none;display:inline"
      d="M 424,663.36218 431,663.36218 427.5,667.36218 z"
      id="path14983"
      inkscape:connector-curvature="0"
      sodipodi:nodetypes="cccc" />
    <path
      sodipodi:nodetypes="cccc"
      inkscape:connector-curvature="0"
      id="path14203"
      d="M 424,662.36218 431,662.36218 427.5,666.36218 z"
      style="fill:#333333;stroke:none;display:inline" />
   </g>
   <g
     id="scrollbar_button_up"
     transform="translate(304,255)"
     inkscape:label="scrollbar_button_up">
    <rect
      transform="matrix(0,-1,-1,0,0,0)"
      style="color:#000000;fill:url(#linearGradient16334);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      id="rect14975"
      width="19.000002"
      height="14"
      x="-346.86218"
      y="-130.5"
      rx="1.9999999"
      ry="2" />
    <path
      sodipodi:nodetypes="cccc"
      inkscape:connector-curvature="0"
      id="path14981"
      d="M 120,338.36218 127,338.36218 123.5,334.36218 z"
      style="fill:#ffffff;fill-opacity:1;stroke:none;display:inline" />
    <path
      style="fill:#333333;stroke:none;display:inline"
      d="M 120,337.36218 127,337.36218 123.5,333.36218 z"
      id="path14977"
      inkscape:connector-curvature="0"
      sodipodi:nodetypes="cccc" />
   </g>
   <rect
     y="597.86218"
     x="420.5"
     height="69"
     width="13.999975"
     id="scrollbar_gutter"
     style="color:#000000;fill:url(#linearGradient16336);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     inkscape:label="scrollbar_gutter" />
   <rect
     style="color:#000000;fill:url(#linearGradient16338);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="scrollbar_handle"
     width="14"
     height="29.000004"
     x="420.5"
     y="597.86218"
     rx="1.9999974"
     ry="1.9999973"
     inkscape:label="scrollbar_handle" />
  </g>
  <rect
    ry="1.9999995"
    rx="1.9999999"
    y="508.86206"
    x="71.5"
    height="13.00012"
    width="13.000001"
    id="checkbox_unselected"
    style="color:#000000;fill:url(#linearGradient14585);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:0.99999982;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
    inkscape:label="checkbox_unselected" />
  <g
    id="checkbox_selected"
    inkscape:label="checkbox_selected"
    transform="translate(-10,-35)">
   <rect
     ry="1.9999995"
     rx="1.9999999"
     y="513.86206"
     x="81.5"
     height="13.00012"
     width="13.000001"
     id="rect14579"
     style="color:#000000;fill:url(#linearGradient14581);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:0.99999982;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
   <g
     transform="matrix(0.49999862,0,0,0.50000258,-20.958036,427.36168)"
     id="g21475-9"
     style="display:inline">
    <path
      inkscape:connector-curvature="0"
      style="fill:#000000;fill-opacity:1;stroke:none"
      d="M 209.91665,187.11114 215.91667,195 225.91669,179.00008 225.91669,176.0001 215.91667,188.11113 209.91665,183.77784 z"
      id="path9628-5"
      sodipodi:nodetypes="ccccccc"
      inkscape:export-filename="/tmp/new-rmap-icons.png"
      inkscape:export-xdpi="45"
      inkscape:export-ydpi="45" />
   </g>
  </g>
  <rect
    style="opacity:0.5;color:#000000;fill:url(#linearGradient24259);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:0.99999982;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
    id="checkbox_unselected_disabled"
    width="13.000001"
    height="13.00012"
    x="101.5"
    y="508.86206"
    rx="1.9999999"
    ry="1.9999995"
    inkscape:label="checkbox_unselected_disabled" />
  <g
    id="checkbox_selected_disabled"
    transform="translate(20,-35)"
    style="opacity:0.5"
    inkscape:label="checkbox_selected_disabled">
   <rect
     style="color:#000000;fill:url(#linearGradient24261);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:0.99999982;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="rect24253"
     width="13.000001"
     height="13.00012"
     x="81.5"
     y="513.86206"
     rx="1.9999999"
     ry="1.9999995" />
   <g
     style="display:inline"
     id="g24255"
     transform="matrix(0.49999862,0,0,0.50000258,-20.958036,427.36168)">
    <path
      inkscape:export-ydpi="45"
      inkscape:export-xdpi="45"
      inkscape:export-filename="/tmp/new-rmap-icons.png"
      sodipodi:nodetypes="ccccccc"
      id="path24257"
      d="M 209.91665,187.11114 215.91667,195 225.91669,179.00008 225.91669,176.0001 215.91667,188.11113 209.91665,183.77784 z"
      style="fill:#000000;fill-opacity:1;stroke:none"
      inkscape:connector-curvature="0" />
   </g>
  </g>
  <g
    inkscape:label="dropdown"
    transform="translate(-300,0)"
    id="dropdown">
   <rect
     style="color:#000000;fill:url(#linearGradient10416);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="rect10410"
     width="199"
     height="23.999998"
     x="310.5"
     y="722.86218"
     rx="1.9999998"
     ry="2" />
   <path
     sodipodi:nodetypes="ccc"
     inkscape:connector-curvature="0"
     id="path14438"
     d="M 496.5,737.86218 499.5,740.86218 502.5,737.86218"
     style="fill:none;stroke:#ffffff;stroke-width:1.60000002;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
   <path
     style="fill:none;stroke:#404040;stroke-width:1.60000002;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
     d="M 496.5,736.86218 499.5,739.86218 502.5,736.86218"
     id="path15792-8"
     inkscape:connector-curvature="0"
     sodipodi:nodetypes="ccc" />
   <path
     style="fill:none;stroke:#ffffff;stroke-width:1.60000002;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
     d="M 496.5,733.86218 499.5,730.86218 502.5,733.86218"
     id="path14440"
     inkscape:connector-curvature="0"
     sodipodi:nodetypes="ccc" />
   <path
     sodipodi:nodetypes="ccc"
     inkscape:connector-curvature="0"
     id="path13363"
     d="M 496.5,732.86218 499.5,729.86218 502.5,732.86218"
     style="fill:none;stroke:#404040;stroke-width:1.60000002;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
   <text
     sodipodi:linespacing="100%"
     id="text13075-5"
     y="739.36218"
     x="316"
     style="font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Droid Sans;-inkscape-font-specification:Droid Sans"
     xml:space="preserve"><tspan
      style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;text-anchor:start;font-family:Arial;-inkscape-font-specification:Arial"
      y="739.36218"
      x="316"
      id="tspan13077-5"
      sodipodi:role="line">Dropdown Selector</tspan></text>
  </g>
  <rect
    inkscape:label="text_field_disabled"
    style="opacity:0.5;color:#000000;fill:#f0f0f0;fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:1.29999983;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
    id="text_field_disabled"
    width="198.7"
    height="23.700006"
    x="10.65"
    y="688.01221"
    rx="2"
    ry="2" />
  <g
    id="dropdown_disabled"
    transform="translate(-370,35)"
    inkscape:label="dropdown_disabled"
    style="opacity:0.5">
   <rect
     ry="2"
     rx="2"
     y="722.86218"
     x="380.5"
     height="23.999998"
     width="199"
     id="rect14231"
     style="color:#000000;fill:url(#linearGradient14247);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
   <path
     style="fill:none;stroke:#ffffff;stroke-width:1.60000002;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
     d="M 566.5,737.86218 569.5,740.86218 572.5,737.86218"
     id="path14442"
     inkscape:connector-curvature="0"
     sodipodi:nodetypes="ccc" />
   <path
     sodipodi:nodetypes="ccc"
     inkscape:connector-curvature="0"
     id="path14233"
     d="M 566.5,736.86218 569.5,739.86218 572.5,736.86218"
     style="fill:none;stroke:#404040;stroke-width:1.60000002;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
   <path
     sodipodi:nodetypes="ccc"
     inkscape:connector-curvature="0"
     id="path14444"
     d="M 566.5,733.86218 569.5,730.86218 572.5,733.86218"
     style="fill:none;stroke:#ffffff;stroke-width:1.60000002;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
   <path
     style="fill:none;stroke:#404040;stroke-width:1.60000002;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
     d="M 566.5,732.86218 569.5,729.86218 572.5,732.86218"
     id="path14235"
     inkscape:connector-curvature="0"
     sodipodi:nodetypes="ccc" />
   <text
     sodipodi:linespacing="100%"
     id="text13075-5-3"
     y="739.36218"
     x="386"
     style="font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Droid Sans;-inkscape-font-specification:Droid Sans"
     xml:space="preserve"><tspan
      style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;text-anchor:start;font-family:Arial;-inkscape-font-specification:Arial"
      y="739.36218"
      x="386"
      id="tspan13077-5-7"
      sodipodi:role="line">Dropdown Selector (disabled)</tspan></text>
  </g>
  <g
    transform="translate(20,-65)"
    id="radio_selected_disabled"
    inkscape:label="radio_selected_disabled"
    style="opacity:0.5">
   <path
     sodipodi:type="arc"
     style="color:#000000;fill:url(#linearGradient14297);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:2.12132263;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="path14291"
     sodipodi:cx="164.40233"
     sodipodi:cy="239.61787"
     sodipodi:rx="13.788582"
     sodipodi:ry="13.788582"
     d="M 178.19091,239.61787 A 13.788582,13.788582 0 1 1 150.61375,239.61787 13.788582,13.788582 0 1 1 178.19091,239.61787 z"
     transform="matrix(0.471404,0,0,-0.471404,-49.499913,663.319)" />
   <path
     transform="matrix(0.3988802,0,0,0.3988802,-37.576831,454.78335)"
     d="M 178.19091,239.61787 A 13.788582,13.788582 0 1 1 150.61375,239.61787 13.788582,13.788582 0 1 1 178.19091,239.61787 z"
     sodipodi:ry="13.788582"
     sodipodi:rx="13.788582"
     sodipodi:cy="239.61787"
     sodipodi:cx="164.40233"
     id="path14293"
     style="opacity:0.5;color:#000000;fill:none;stroke:url(#linearGradient14299);stroke-width:2.50701809;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     sodipodi:type="arc" />
   <path
     transform="matrix(1.2,0,0,1.2,-162.2,270.16218)"
     d="M 161,233.5 A 2.5,2.5 0 1 1 156,233.5 2.5,2.5 0 1 1 161,233.5 z"
     sodipodi:ry="2.5"
     sodipodi:rx="2.5"
     sodipodi:cy="233.5"
     sodipodi:cx="158.5"
     id="path14295"
     style="opacity:0.98000004;color:#000000;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     sodipodi:type="arc" />
  </g>
  <g
    id="dropdown_pressed"
    inkscape:label="dropdown_pressed"
    transform="translate(-110,-35)">
   <rect
     ry="2"
     rx="2"
     y="687.86218"
     x="340.49997"
     height="23.999998"
     width="199.00003"
     id="rect14426"
     style="color:#000000;fill:url(#linearGradient14761);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
   <path
     style="fill:none;stroke:#ffffff;stroke-width:1.60000002;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
     d="M 526.5,702.86218 529.5,705.86218 532.5,702.86218"
     id="path14454"
     inkscape:connector-curvature="0"
     sodipodi:nodetypes="ccc" />
   <path
     sodipodi:nodetypes="ccc"
     inkscape:connector-curvature="0"
     id="path14428"
     d="M 526.5,701.86218 529.5,704.86218 532.5,701.86218"
     style="fill:none;stroke:#404040;stroke-width:1.60000002;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
   <path
     sodipodi:nodetypes="ccc"
     inkscape:connector-curvature="0"
     id="path14456"
     d="M 526.5,698.86218 529.5,695.86218 532.5,698.86218"
     style="fill:none;stroke:#ffffff;stroke-width:1.60000002;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
   <path
     style="fill:none;stroke:#404040;stroke-width:1.60000002;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
     d="M 526.5,697.86218 529.5,694.86218 532.5,697.86218"
     id="path14430"
     inkscape:connector-curvature="0"
     sodipodi:nodetypes="ccc" />
   <text
     xml:space="preserve"
     style="font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Droid Sans;-inkscape-font-specification:Droid Sans"
     x="346"
     y="704.36218"
     id="text14432"
     sodipodi:linespacing="100%"><tspan
      sodipodi:role="line"
      id="tspan14434"
      x="346"
      y="704.36218"
      style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;text-anchor:start;font-family:Arial;-inkscape-font-specification:Arial">Dropdown Selector (pressed)</tspan></text>
  </g>
  <g
    inkscape:label="button_normal"
    transform="translate(55,-60)"
    id="g16270" />
  <g
    id="menu"
    transform="translate(-10,-100)"
    inkscape:label="menu">
   <rect
     y="782.36218"
     x="240"
     height="90"
     width="200"
     id="rect14530"
     style="opacity:0.6;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.60000002;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter16340);enable-background:accumulate" />
   <rect
     ry="3"
     rx="3.0000002"
     y="777.36218"
     x="240"
     height="90"
     width="200"
     id="rect14458"
     style="color:#000000;fill:#f5f5f5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.60000002;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
   <rect
     y="802.36218"
     x="240"
     height="19.999998"
     width="200"
     id="rect14542"
     style="color:#000000;fill:url(#linearGradient16350);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.60000002;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
   <text
     xml:space="preserve"
     style="font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Droid Sans;-inkscape-font-specification:Droid Sans"
     x="250"
     y="796.36218"
     id="text14548"
     sodipodi:linespacing="100%"><tspan
      sodipodi:role="line"
      id="tspan14550"
      x="250"
      y="796.36218"
      style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;text-anchor:start;fill:#000000;fill-opacity:1;font-family:Arial;-inkscape-font-specification:Arial">Popup Menu Option</tspan></text>
   <text
     sodipodi:linespacing="100%"
     id="text14560"
     y="816.36218"
     x="250"
     style="font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Droid Sans;-inkscape-font-specification:Droid Sans"
     xml:space="preserve"><tspan
      style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Arial;-inkscape-font-specification:Arial"
      y="816.36218"
      x="250"
      id="tspan14562"
      sodipodi:role="line">Selected option</tspan></text>
   <text
     sodipodi:linespacing="100%"
     id="text14620"
     y="836.36218"
     x="250"
     style="font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Droid Sans;-inkscape-font-specification:Droid Sans"
     xml:space="preserve"><tspan
      style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;text-anchor:start;fill:#000000;fill-opacity:1;font-family:Arial;-inkscape-font-specification:Arial"
      y="836.36218"
      x="250"
      id="tspan14622"
      sodipodi:role="line">Another Option</tspan></text>
   <text
     xml:space="preserve"
     style="font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Droid Sans;-inkscape-font-specification:Droid Sans"
     x="250"
     y="856.36218"
     id="text14624"
     sodipodi:linespacing="100%"><tspan
      sodipodi:role="line"
      id="tspan14626"
      x="250"
      y="856.36218"
      style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;text-anchor:start;fill:#000000;fill-opacity:1;font-family:Arial;-inkscape-font-specification:Arial">Last Option</tspan></text>
  </g>
  <g
    id="browser_chrome"
    transform="translate(-490,-155)"
    inkscape:label="browser_chrome">
   <rect
     ry="5"
     rx="5"
     clip-path="url(#clipPath17124)"
     style="color:#000000;fill:url(#linearGradient17261);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:0.99999994;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="rect16530"
     width="999"
     height="59"
     x="480.5"
     y="472.86212" />
   <path
     sodipodi:nodetypes="ccccccccc"
     inkscape:connector-curvature="0"
     id="path17066"
     d="M 480.5,537.86218 480.5,501.86218 550,501.86218 C 559.94975,501.86218 555.22703,477.86218 565,477.86218 L 735,477.86218 C 745.12652,477.86218 740.05025,501.86218 750,501.86218 L 1479.5,501.86218 1479.5,537.86218 z"
     style="color:#000000;fill:url(#linearGradient17263);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
   <rect
     style="color:#000000;fill:url(#linearGradient17265);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="rect17140"
     width="58.000061"
     height="23.999998"
     x="486.49994"
     y="507.86215"
     rx="3"
     ry="3" />
   <rect
     y="508.36218"
     x="515"
     height="22.999998"
     width="1"
     id="rect17151"
     style="color:#000000;fill:#a0a0a0;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
   <rect
     ry="3"
     rx="3"
     y="507.86215"
     x="550.49994"
     height="23.999998"
     width="29.000061"
     id="rect17153"
     style="color:#000000;fill:url(#linearGradient17267);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:0.99999994;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
   <rect
     rx="1.9999999"
     y="508.01221"
     x="590.64996"
     height="23.700006"
     width="883.70001"
     id="browser_chrome_url_field"
     style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:1.29999995;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     inkscape:label="browser_chrome_url_field"
     ry="2" />
   <g
     id="g17161"
     inkscape:label="radio_unselected"
     transform="translate(464,-66)">
    <path
      sodipodi:type="arc"
      style="color:#000000;fill:url(#linearGradient17269);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:1.96979809;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      id="path17163"
      sodipodi:cx="164.40233"
      sodipodi:cy="239.61787"
      sodipodi:rx="13.788582"
      sodipodi:ry="13.788582"
      d="M 178.19091,239.61787 A 13.788582,13.788582 0 1 1 150.61375,239.61787 13.788582,13.788582 0 1 1 178.19091,239.61787 z"
      transform="matrix(0.50766607,0,0,-0.50766637,-54.96148,672.50812)" />
    <path
      transform="matrix(0.43514227,0,0,0.43514266,-43.038397,446.59422)"
      d="M 178.19091,239.61787 A 13.788582,13.788582 0 1 1 150.61375,239.61787 13.788582,13.788582 0 1 1 178.19091,239.61787 z"
      sodipodi:ry="13.788582"
      sodipodi:rx="13.788582"
      sodipodi:cy="239.61787"
      sodipodi:cx="164.40233"
      id="path17165"
      style="opacity:0.5;color:#000000;fill:none;stroke:url(#linearGradient17271);stroke-width:2.29809761;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      sodipodi:type="arc" />
   </g>
   <g
     transform="translate(484,-66)"
     inkscape:label="radio_unselected"
     id="g17171">
    <path
      transform="matrix(0.50766607,0,0,-0.50766637,-54.96148,672.50812)"
      d="M 178.19091,239.61787 A 13.788582,13.788582 0 1 1 150.61375,239.61787 13.788582,13.788582 0 1 1 178.19091,239.61787 z"
      sodipodi:ry="13.788582"
      sodipodi:rx="13.788582"
      sodipodi:cy="239.61787"
      sodipodi:cx="164.40233"
      id="path17173"
      style="color:#000000;fill:url(#linearGradient17273);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:1.96979809;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      sodipodi:type="arc" />
    <path
      sodipodi:type="arc"
      style="opacity:0.5;color:#000000;fill:none;stroke:url(#linearGradient17275);stroke-width:2.29809761;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      id="path17175"
      sodipodi:cx="164.40233"
      sodipodi:cy="239.61787"
      sodipodi:rx="13.788582"
      sodipodi:ry="13.788582"
      d="M 178.19091,239.61787 A 13.788582,13.788582 0 1 1 150.61375,239.61787 13.788582,13.788582 0 1 1 178.19091,239.61787 z"
      transform="matrix(0.43514227,0,0,0.43514266,-43.038397,446.59422)" />
   </g>
   <g
     id="g17181"
     inkscape:label="radio_unselected"
     transform="translate(504,-66)">
    <path
      sodipodi:type="arc"
      style="color:#000000;fill:url(#linearGradient17277);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:1.96979809;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      id="path17183"
      sodipodi:cx="164.40233"
      sodipodi:cy="239.61787"
      sodipodi:rx="13.788582"
      sodipodi:ry="13.788582"
      d="M 178.19091,239.61787 A 13.788582,13.788582 0 1 1 150.61375,239.61787 13.788582,13.788582 0 1 1 178.19091,239.61787 z"
      transform="matrix(0.50766607,0,0,-0.50766637,-54.96148,672.50812)" />
    <path
      transform="matrix(0.43514227,0,0,0.43514266,-43.038397,446.59422)"
      d="M 178.19091,239.61787 A 13.788582,13.788582 0 1 1 150.61375,239.61787 13.788582,13.788582 0 1 1 178.19091,239.61787 z"
      sodipodi:ry="13.788582"
      sodipodi:rx="13.788582"
      sodipodi:cy="239.61787"
      sodipodi:cx="164.40233"
      id="path17185"
      style="opacity:0.5;color:#000000;fill:none;stroke:url(#linearGradient17279);stroke-width:2.29809761;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      sodipodi:type="arc" />
   </g>
   <path
     style="fill:#ffffff;fill-opacity:1;stroke:none"
     d="M 506,515.36218 506,526.36218 496,520.86218 z"
     id="path17195"
     inkscape:connector-curvature="0"
     sodipodi:nodetypes="cccc" />
   <path
     sodipodi:nodetypes="cccc"
     inkscape:connector-curvature="0"
     id="path17191"
     d="M 506,514.36218 506,525.36218 496,519.86218 z"
     style="fill:#404040;fill-opacity:1;stroke:none" />
   <path
     sodipodi:nodetypes="cccc"
     inkscape:connector-curvature="0"
     id="path17197"
     d="M 525,515.36218 525,526.36218 535,520.86218 z"
     style="fill:#ffffff;fill-opacity:1;stroke:none" />
   <path
     style="fill:#404040;fill-opacity:1;stroke:none"
     d="M 525,514.36218 525,525.36218 535,519.86218 z"
     id="path17193"
     inkscape:connector-curvature="0"
     sodipodi:nodetypes="cccc" />
   <path
     style="fill:#ffffff;fill-opacity:1;stroke:none"
     d="M 1453,515.36218 1453,526.36218 1463,520.86218 z"
     id="path17211"
     inkscape:connector-curvature="0"
     sodipodi:nodetypes="cccc" />
   <path
     sodipodi:nodetypes="cccc"
     inkscape:connector-curvature="0"
     id="path17213"
     d="M 1455,514.36218 1455,525.36218 1465,519.86218 z"
     style="fill:#808080;fill-opacity:1;stroke:none" />
   <text
     sodipodi:linespacing="100%"
     id="text17215"
     y="495.36218"
     x="570"
     style="font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Droid Sans;-inkscape-font-specification:Droid Sans"
     xml:space="preserve"><tspan
      style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Arial;-inkscape-font-specification:Arial"
      y="495.36218"
      x="570"
      id="tspan17217"
      sodipodi:role="line">Example Website</tspan></text>
   <path
     sodipodi:type="arc"
     style="color:#000000;fill:none;stroke:#ffffff;stroke-width:2.19444442;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="path17225"
     sodipodi:cx="565.0625"
     sodipodi:cy="126.75"
     sodipodi:rx="4.9375"
     sodipodi:ry="4.9375"
     d="M 568.55384,123.25866 A 4.9375,4.9375 0 1 1 561.57116,123.25866"
     transform="matrix(0.91139247,0,0,0.91139247,49.506294,405.34318)"
     sodipodi:start="5.4977871"
     sodipodi:end="10.210176"
     sodipodi:open="true" />
   <path
     style="fill:#ffffff;fill-opacity:1;stroke:none"
     d="M 565,521.36218 571,515.36218 565,515.36218 z"
     id="path17227"
     inkscape:connector-curvature="0"
     sodipodi:nodetypes="cccc" />
   <path
     sodipodi:open="true"
     sodipodi:end="10.210176"
     sodipodi:start="5.4977871"
     transform="matrix(0.91139247,0,0,0.91139247,49.506294,404.34318)"
     d="M 568.55384,123.25866 A 4.9375,4.9375 0 1 1 561.57116,123.25866"
     sodipodi:ry="4.9375"
     sodipodi:rx="4.9375"
     sodipodi:cy="126.75"
     sodipodi:cx="565.0625"
     id="path17221"
     style="color:#000000;fill:none;stroke:#404040;stroke-width:2.19444442;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     sodipodi:type="arc" />
   <path
     sodipodi:nodetypes="cccc"
     inkscape:connector-curvature="0"
     id="path17223"
     d="M 565,520.36218 571,514.36218 565,514.36218 z"
     style="fill:#404040;fill-opacity:1;stroke:none" />
   <text
     xml:space="preserve"
     style="font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Droid Sans;-inkscape-font-specification:Droid Sans"
     x="600"
     y="524.36218"
     id="text17283"
     sodipodi:linespacing="100%"><tspan
      sodipodi:role="line"
      id="tspan17285"
      x="600"
      y="524.36218"
      style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Arial;-inkscape-font-specification:Arial">http://www.example.com/</tspan></text>
  </g>
  <g
    transform="translate(-510,-145)"
    id="mapbox_controls"
    inkscape:label="mapbox_controls">
   <g
     id="g20952">
    <g
      transform="translate(966,180)"
      id="g8380">
     <path
       style="color:#000000;fill:#000000;fill-opacity:0.75294118;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
       d="M 512,85 C 510.338,85 509,86.338 509,88 L 509,96 503,96 C 501.338,96 500,97.338 500,99 L 500,111 C 500,112.662 501.338,114 503,114 L 509,114 509,122 C 509,123.662 510.338,125 512,125 L 524,125 C 525.662,125 527,123.662 527,122 L 527,114 533,114 C 534.662,114 536,112.662 536,111 L 536,99 C 536,97.338 534.662,96 533,96 L 527,96 527,88 C 527,86.338 525.662,85 524,85 L 512,85 z"
       transform="translate(-496,292.36218)"
       id="rect8376"
       inkscape:connector-curvature="0" />
    </g>
    <path
      inkscape:connector-curvature="0"
      style="fill:#ffffff;fill-opacity:1;stroke:none"
      d="M 988,562.36218 991,566.36218 985,566.36218 988,562.36218 z"
      id="path8384"
      sodipodi:nodetypes="cccc" />
    <path
      inkscape:connector-curvature="0"
      sodipodi:nodetypes="cccc"
      id="path9158"
      d="M 988,592.36218 985,588.36218 991,588.36218 988,592.36218 z"
      style="fill:#ffffff;fill-opacity:1;stroke:none" />
    <path
      inkscape:connector-curvature="0"
      style="fill:#ffffff;fill-opacity:1;stroke:none"
      d="M 973,577.36218 977,574.36218 977,580.36218 973,577.36218 z"
      id="path9160"
      sodipodi:nodetypes="cccc" />
    <path
      inkscape:connector-curvature="0"
      sodipodi:nodetypes="cccc"
      id="path9162"
      d="M 1003,577.36218 999,574.36218 999,580.36218 1003,577.36218 z"
      style="fill:#ffffff;fill-opacity:1;stroke:none" />
   </g>
   <g
     id="g20961">
    <path
      inkscape:connector-curvature="0"
      style="color:#000000;fill:#000000;fill-opacity:0.75294118;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      d="M 982,609.375 C 980.338,609.375 979,610.713 979,612.375 L 979,627.375 997,627.375 997,612.375 C 997,610.713 995.662,609.375 994,609.375 L 982,609.375 z"
      id="rect8376-6" />
    <rect
      style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      id="rect9189"
      width="2.0000007"
      height="7.9999914"
      x="987"
      y="614.36218"
      rx="1"
      ry="1" />
    <rect
      ry="1"
      rx="1"
      y="-992"
      x="617.36218"
      height="7.9999914"
      width="2.0000007"
      id="rect9191"
      style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      transform="matrix(0,1,-1,0,0,0)" />
   </g>
   <rect
     y="628.36218"
     x="979"
     height="16"
     width="18"
     id="rect9193"
     style="opacity:0.25;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
   <rect
     style="opacity:0.25;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="rect9195"
     width="18"
     height="16"
     x="979"
     y="645.36218" />
   <rect
     y="662.36218"
     x="979"
     height="16"
     width="18"
     id="rect9197"
     style="opacity:0.25;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
   <rect
     style="opacity:0.25;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="rect9203"
     width="18"
     height="16"
     x="979"
     y="679.36218" />
   <rect
     y="696.36218"
     x="979"
     height="16"
     width="18"
     id="rect9205"
     style="opacity:0.25;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
   <rect
     style="opacity:0.25;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="rect9207"
     width="18"
     height="16"
     x="979"
     y="713.36218" />
   <g
     id="g20970"
     transform="translate(0,-34)">
    <path
      id="path9215"
      d="M 982,782.375 C 980.338,782.375 979,781.037 979,779.375 L 979,764.375 997,764.375 997,779.375 C 997,781.037 995.662,782.375 994,782.375 L 982,782.375 z"
      style="color:#000000;fill:#000000;fill-opacity:0.75294118;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      inkscape:connector-curvature="0" />
    <rect
      transform="matrix(0,1,-1,0,0,0)"
      style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      id="rect9217"
      width="2.0000007"
      height="7.9999914"
      x="772.36218"
      y="-992"
      rx="1"
      ry="1" />
   </g>
   <g
     id="g20966"
     transform="translate(0,-34)">
    <rect
      style="color:#000000;fill:#000000;fill-opacity:0.75294118;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      id="rect9219"
      width="20"
      height="7"
      x="978"
      y="734.36218"
      rx="2"
      ry="2" />
    <rect
      style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      id="rect9221"
      width="14"
      height="1"
      x="981"
      y="737.36218"
      rx="0.5"
      ry="0.5" />
   </g>
  </g>
  <rect
    style="color:#000000;fill:none;stroke:#a0a0a0;stroke-width:0.99999994;stroke-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
    id="rect21083"
    width="479"
    height="249.00003"
    x="450.5"
    y="402.86215" />
  <g
    id="g11224"
    inkscape:label="media_player"
    transform="translate(-40,-15)">
   <rect
     style="color:#000000;fill:#000000;fill-opacity:0.50196078;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="media_player"
     width="480"
     height="35.000008"
     x="490"
     y="687.36218"
     rx="5"
     ry="5" />
   <g
     id="g11206">
    <rect
      style="color:#000000;fill:#000000;fill-opacity:0.50196078;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      id="rect11159"
      width="50"
      height="25.000011"
      x="495"
      y="692.36218"
      rx="3"
      ry="3" />
    <path
      sodipodi:nodetypes="cccc"
      inkscape:connector-curvature="0"
      id="path11161"
      d="M 513,697.36218 513,712.36218 528,704.86218 z"
      style="fill:#ffffff;fill-opacity:1;stroke:none" />
   </g>
   <rect
     style="opacity:0.5;color:#000000;fill:#000000;fill-opacity:0.75294118;fill-rule:nonzero;stroke:#000000;stroke-width:1.29999995;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="rect11163"
     width="353.70001"
     height="13.699999"
     x="555.65002"
     y="698.01221"
     rx="2.9999998"
     ry="2.9999998" />
   <g
     id="g11195"
     transform="translate(-25,0)">
    <rect
      ry="3"
      rx="3"
      y="692.36218"
      x="940"
      height="25.000011"
      width="25"
      id="rect11173"
      style="color:#000000;fill:#000000;fill-opacity:0.00392157;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
    <path
      style="fill:#ffffff;fill-opacity:1;stroke:none"
      d="M 955,385 955,390 957,390 960,395 961,395 961,380 960,380 957,385 z"
      id="path11175"
      inkscape:connector-curvature="0"
      transform="translate(-10,317.36218)" />
    <path
      style="fill:none;stroke:#ffffff;stroke-width:1.79999995;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
      d="M 954,702.36218 C 955.5,703.36218 955.5,706.36218 954,707.36218"
      id="path11177"
      inkscape:connector-curvature="0"
      sodipodi:nodetypes="cc" />
    <path
      sodipodi:nodetypes="cc"
      inkscape:connector-curvature="0"
      id="path11179"
      d="M 956.5,699.11218 C 960,702.36218 960,707.36218 956.5,710.61218"
      style="fill:none;stroke:#ffffff;stroke-width:1.79999995;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
   </g>
   <g
     id="g11238">
    <rect
      style="color:#000000;fill:#000000;fill-opacity:0.00392157;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      id="rect11240"
      width="25"
      height="25.000011"
      x="940"
      y="692.36218"
      rx="3"
      ry="3" />
    <path
      style="fill:#ffffff;fill-opacity:1;stroke:none"
      d="M 955,365 955,370 960,365 z"
      id="path11248"
      inkscape:connector-curvature="0"
      transform="translate(-10,332.36218)"
      sodipodi:nodetypes="cccc" />
    <path
      sodipodi:nodetypes="cccc"
      inkscape:connector-curvature="0"
      id="path11250"
      d="M 945,712.36218 945,707.36218 950,712.36218 z"
      style="fill:#ffffff;fill-opacity:1;stroke:none" />
    <path
      sodipodi:nodetypes="cccc"
      inkscape:connector-curvature="0"
      id="path11252"
      d="M 960,697.36218 960,702.36218 955,697.36218 z"
      style="fill:#ffffff;fill-opacity:1;stroke:none" />
    <path
      style="fill:#ffffff;fill-opacity:1;stroke:none"
      d="M 960,712.36218 960,707.36218 955,712.36218 z"
      id="path11254"
      inkscape:connector-curvature="0"
      sodipodi:nodetypes="cccc" />
    <path
      style="fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
      d="M 947,699.36218 950,702.36218"
      id="path11256"
      inkscape:connector-curvature="0" />
    <path
      inkscape:connector-curvature="0"
      id="path11258"
      d="M 958,699.36218 955,702.36218"
      style="fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
    <path
      inkscape:connector-curvature="0"
      id="path11260"
      d="M 958,710.36218 955,707.36218"
      style="fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
    <path
      style="fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
      d="M 947,710.36218 950,707.36218"
      id="path11262"
      inkscape:connector-curvature="0" />
   </g>
  </g>
  <g
    id="media_player_playing"
    inkscape:label="media_player_playing"
    transform="translate(-40,-15)">
   <rect
     ry="5"
     rx="5"
     y="737.36218"
     x="490"
     height="35.000008"
     width="480"
     id="rect11131"
     style="color:#000000;fill:#000000;fill-opacity:0.50196078;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
   <rect
     ry="2.9999998"
     rx="2.9999998"
     y="748.01221"
     x="555.65002"
     height="13.699999"
     width="353.69998"
     id="rect11137"
     style="opacity:0.5;color:#000000;fill:#000000;fill-opacity:0.75294118;fill-rule:nonzero;stroke:#000000;stroke-width:1.29999995;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
   <rect
     style="color:#000000;fill:url(#linearGradient11236);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
     id="rect11139"
     width="94"
     height="12.999998"
     x="556"
     y="748.36218"
     rx="2"
     ry="2" />
   <g
     id="g11201">
    <rect
      ry="3"
      rx="3"
      y="742.36218"
      x="495"
      height="25.000011"
      width="50"
      id="rect11133"
      style="color:#000000;fill:#000000;fill-opacity:0.50196078;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
    <rect
      style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.29999995;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      id="rect11169"
      width="4"
      height="15"
      x="513"
      y="747.36218" />
    <rect
      y="747.36218"
      x="523"
      height="15"
      width="4"
      id="rect11171"
      style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.29999995;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
   </g>
   <g
     id="g11189"
     transform="translate(-25,0)">
    <rect
      style="color:#000000;fill:#000000;fill-opacity:0.00392157;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      id="rect11181"
      width="25"
      height="25.000011"
      x="940"
      y="742.36218"
      rx="3"
      ry="3" />
    <path
      inkscape:connector-curvature="0"
      id="path11183"
      d="M 945,752.36218 945,757.36218 947,757.36218 950,762.36218 951,762.36218 951,747.36218 950,747.36218 947,752.36218 z"
      style="fill:#ffffff;fill-opacity:1;stroke:none" />
    <path
      sodipodi:nodetypes="cc"
      inkscape:connector-curvature="0"
      id="path11185"
      d="M 954,752.36218 C 955.5,753.36218 955.5,756.36218 954,757.36218"
      style="fill:none;stroke:#ffffff;stroke-width:1.79999995;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
    <path
      style="fill:none;stroke:#ffffff;stroke-width:1.79999995;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
      d="M 956.5,749.11218 C 960,752.36218 960,757.36218 956.5,760.61218"
      id="path11187"
      inkscape:connector-curvature="0"
      sodipodi:nodetypes="cc" />
   </g>
   <g
     transform="translate(0,49.999997)"
     style="display:inline"
     id="g11238-5">
    <rect
      style="color:#000000;fill:#000000;fill-opacity:0.00392157;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      id="rect11240-4"
      width="25"
      height="25.000011"
      x="940"
      y="692.36218"
      rx="3"
      ry="3" />
    <path
      style="fill:#ffffff;fill-opacity:1;stroke:none"
      d="M 955,365 955,370 960,365 z"
      id="path11248-2"
      inkscape:connector-curvature="0"
      transform="translate(-10,332.36218)"
      sodipodi:nodetypes="cccc" />
    <path
      sodipodi:nodetypes="cccc"
      inkscape:connector-curvature="0"
      id="path11250-2"
      d="M 945,712.36218 945,707.36218 950,712.36218 z"
      style="fill:#ffffff;fill-opacity:1;stroke:none" />
    <path
      sodipodi:nodetypes="cccc"
      inkscape:connector-curvature="0"
      id="path11252-3"
      d="M 960,697.36218 960,702.36218 955,697.36218 z"
      style="fill:#ffffff;fill-opacity:1;stroke:none" />
    <path
      style="fill:#ffffff;fill-opacity:1;stroke:none"
      d="M 960,712.36218 960,707.36218 955,712.36218 z"
      id="path11254-9"
      inkscape:connector-curvature="0"
      sodipodi:nodetypes="cccc" />
    <path
      style="fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
      d="M 947,699.36218 950,702.36218"
      id="path11256-6"
      inkscape:connector-curvature="0" />
    <path
      inkscape:connector-curvature="0"
      id="path11258-5"
      d="M 958,699.36218 955,702.36218"
      style="fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
    <path
      inkscape:connector-curvature="0"
      id="path11260-7"
      d="M 958,710.36218 955,707.36218"
      style="fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
    <path
      style="fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
      d="M 947,710.36218 950,707.36218"
      id="path11262-4"
      inkscape:connector-curvature="0" />
   </g>
  </g>
 </g>
 <g
   inkscape:groupmode="layer"
   id="layer3"
   inkscape:label="Preview Area"
   style="display:none"
   transform="translate(0,-2.6171875e-6)">
  <rect
    style="color:#000000;fill:url(#linearGradient21882);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
    id="rect21857"
    width="640"
    height="485"
    x="-640"
    y="0"
    transform="scale(-1,1)"
    inkscape:export-filename="/home/aj/proj/inkscape_mockup_toolkit/web_ui_preview.png"
    inkscape:export-xdpi="90"
    inkscape:export-ydpi="90" />
 </g>
</svg>