<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Canvas</title>

<style type="text/css"><!--
#container { position: relative; }
#imageTemp { position: absolute; top: 1px; left: 1px; }
--></style>

</head>
<body>
<canvas id="imageView" width="600" height="500"></canvas>

<script type="text/javascript">
var canvas, context, canvaso, contexto;
canvaso = document.getElementById('imageView');
context = canvaso.getContext('2d');
context.lineWidth = 5;

context.strokeStyle = '#000000';
context.strokeRect(82, 103, 421, 119);

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 9;

context.lineWidth = 10;

context.lineWidth = 11;

context.lineWidth = 12;

context.lineWidth = 13;

context.lineWidth = 14;

context.strokeStyle = '#B3B3B3';
context.strokeRect(98, 152, 386, 2);

context.lineWidth = 13;

context.lineWidth = 12;

context.lineWidth = 11;

context.lineWidth = 10;

context.lineWidth = 9;

context.lineWidth = 8;

context.lineWidth = 7;

context.strokeStyle = '#0479B3';
context.beginPath();
context.moveTo(96, 148);

context.lineWidth = 6;

context.lineWidth = 5;

context.lineWidth = 4;

context.strokeStyle = '#0479B3';
context.beginPath();
context.moveTo(95, 149);

context.strokeStyle = '#0479B3';
context.strokeRect(94, 148, 393, 2);

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(98, 179);

context.lineTo(100, 179);
context.stroke();

context.lineTo(101, 178);
context.stroke();

context.lineTo(115, 178);
context.stroke();

context.lineTo(145, 178);
context.stroke();

context.lineTo(149, 178);
context.stroke();

context.lineTo(154, 178);
context.stroke();

context.lineTo(165, 176);
context.stroke();

context.lineTo(186, 175);
context.stroke();

context.lineTo(199, 173);
context.stroke();

context.lineTo(201, 173);
context.stroke();

context.lineTo(207, 171);
context.stroke();

context.lineTo(212, 171);
context.stroke();

context.lineTo(214, 171);
context.stroke();

context.lineTo(228, 171);
context.stroke();

context.lineTo(238, 171);
context.stroke();

context.lineTo(238, 172);
context.stroke();

context.lineTo(238, 174);
context.stroke();

context.lineTo(237, 174);
context.stroke();

context.lineTo(233, 174);
context.stroke();

context.lineTo(226, 176);
context.stroke();

context.lineTo(223, 176);
context.stroke();

context.lineTo(217, 176);
context.stroke();

context.lineTo(213, 176);
context.stroke();

context.lineTo(212, 176);
context.stroke();

context.lineTo(210, 176);
context.stroke();

context.lineTo(201, 176);
context.stroke();

context.lineTo(200, 176);
context.stroke();

context.lineTo(193, 178);
context.stroke();

context.lineTo(192, 178);
context.stroke();

context.lineTo(189, 178);
context.stroke();

context.lineTo(184, 178);
context.stroke();

context.lineTo(183, 178);
context.stroke();

context.lineTo(182, 178);
context.stroke();

context.lineTo(178, 178);
context.stroke();

context.lineTo(177, 178);
context.stroke();

context.lineTo(173, 178);
context.stroke();

context.lineTo(169, 177);
context.stroke();

context.lineTo(159, 173);
context.stroke();

context.lineTo(158, 172);
context.stroke();

context.lineTo(155, 169);
context.stroke();

context.lineTo(154, 169);
context.stroke();

context.lineTo(152, 169);
context.stroke();

context.lineTo(149, 168);
context.stroke();

context.lineTo(147, 167);
context.stroke();

context.lineTo(146, 167);
context.stroke();

context.lineTo(145, 166);
context.stroke();

context.lineTo(144, 165);
context.stroke();

context.lineTo(144, 164);
context.stroke();

context.lineTo(144, 163);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.strokeRect(88, 159, 402, 16);

context.lineWidth = 5;

context.strokeStyle = '#FF7C4D';
context.beginPath();
context.moveTo(437, 166);

context.lineTo(439, 169);
context.stroke();

context.lineTo(439, 176);
context.stroke();

context.lineTo(439, 181);
context.stroke();

context.lineTo(439, 182);
context.stroke();

context.lineTo(439, 184);
context.stroke();

context.lineTo(439, 186);
context.stroke();

context.lineTo(439, 186);
context.stroke();

context.strokeStyle = '#FF7C4D';
context.beginPath();
context.moveTo(448, 168);

context.lineTo(448, 170);
context.stroke();

context.lineTo(447, 174);
context.stroke();

context.lineTo(445, 177);
context.stroke();

context.lineTo(445, 178);
context.stroke();

context.lineTo(444, 180);
context.stroke();

context.lineTo(444, 180);
context.stroke();

context.strokeStyle = '#FF7C4D';
context.beginPath();
context.moveTo(444, 180);

context.lineTo(447, 180);
context.stroke();

context.lineTo(455, 180);
context.stroke();

context.lineTo(455, 180);
context.stroke();

context.strokeStyle = '#FF7C4D';
context.beginPath();
context.moveTo(453, 178);

context.lineTo(453, 180);
context.stroke();

context.lineTo(453, 187);
context.stroke();

context.lineTo(453, 187);
context.stroke();

context.strokeStyle = '#FF7C4D';
context.beginPath();
context.moveTo(465, 166);

context.lineTo(464, 167);
context.stroke();

context.lineTo(460, 177);
context.stroke();

context.lineTo(457, 184);
context.stroke();

context.lineTo(455, 186);
context.stroke();

context.lineTo(455, 187);
context.stroke();

context.lineTo(454, 190);
context.stroke();

context.lineTo(454, 190);
context.stroke();

context.strokeStyle = '#FF7C4D';
context.beginPath();
context.moveTo(472, 172);

context.lineTo(475, 174);
context.stroke();

context.lineTo(476, 175);
context.stroke();

context.lineTo(476, 183);
context.stroke();

context.lineTo(470, 183);
context.stroke();

context.lineTo(472, 183);
context.stroke();

context.lineTo(477, 183);
context.stroke();

context.lineTo(478, 187);
context.stroke();

context.lineTo(467, 189);
context.stroke();

context.lineTo(458, 190);
context.stroke();

context.lineTo(458, 190);
context.stroke();

context.strokeStyle = '#FF7C4D';
context.beginPath();
context.moveTo(488, 187);

context.lineTo(487, 187);
context.stroke();

context.lineTo(481, 184);
context.stroke();

context.lineTo(481, 174);
context.stroke();

context.lineTo(493, 165);
context.stroke();

context.lineTo(500, 175);
context.stroke();

context.lineTo(497, 184);
context.stroke();

context.lineTo(495, 186);
context.stroke();

context.lineTo(491, 183);
context.stroke();

context.lineTo(491, 181);
context.stroke();

context.lineTo(491, 180);
context.stroke();

context.lineTo(491, 180);
context.stroke();

context.strokeStyle = '#FF7C4D';
context.beginPath();
context.moveTo(97, 119);

context.lineTo(102, 122);
context.stroke();

context.lineTo(126, 126);
context.stroke();

context.lineTo(172, 128);
context.stroke();

context.lineTo(323, 134);
context.stroke();

context.lineTo(374, 134);
context.stroke();

context.lineTo(449, 139);
context.stroke();

context.lineTo(453, 139);
context.stroke();

context.lineTo(478, 130);
context.stroke();

context.lineTo(480, 130);
context.stroke();

context.lineTo(480, 130);
context.stroke();
</script>
</body>
</html>