From 236fd1d9f2009083fbbfce7190c27fbf1d7c88b8 Mon Sep 17 00:00:00 2001
From: yo mama <pepper@scannerjammer.com>
Date: Fri, 7 Aug 2015 18:33:30 -0700
Subject: getting ready

---
 frontend/imgrid/3ddirs.txt                         |  256 +
 frontend/imgrid/backup.html                        |  466 ++
 frontend/imgrid/colors/1.html                      |   59 +
 frontend/imgrid/colors/blackshim.png               |  Bin 0 -> 382 bytes
 frontend/imgrid/colors/colors/1.html               |   59 +
 frontend/imgrid/colors/colors/blackshim.png        |  Bin 0 -> 382 bytes
 frontend/imgrid/colors/colors/grayshim.png         |  Bin 0 -> 399 bytes
 frontend/imgrid/colors/colors/hoverbutton.png      |  Bin 0 -> 1337 bytes
 frontend/imgrid/colors/colors/index.html           | 3507 +++++++++++++
 .../imgrid/colors/colors/js/backgroundswitcher.js  |   38 +
 frontend/imgrid/colors/colors/js/colordict.js      |    3 +
 .../imgrid/colors/colors/js/colordictionaries2.js  |    3 +
 .../imgrid/colors/colors/js/ditherbackground.gif   |  Bin 0 -> 52 bytes
 .../imgrid/colors/colors/js/goldenfunctions.js     |   33 +
 .../imgrid/colors/colors/js/hexrgbnametoggle.js    |  148 +
 .../imgrid/colors/colors/js/hoverbackground.jpg    |  Bin 0 -> 661 bytes
 frontend/imgrid/colors/colors/js/hovercss.js       |   31 +
 .../imgrid/colors/colors/js/iftransparentcss.js    |   25 +
 .../imgrid/colors/colors/js/jquery-1.6.4.min.js    |    4 +
 frontend/imgrid/colors/colors/js/jquery.cookie.js  |   96 +
 .../imgrid/colors/colors/js/setupdimensions.js     |  173 +
 .../imgrid/colors/colors/js/wrkshp/colors.html     | 5429 ++++++++++++++++++++
 frontend/imgrid/colors/colors/js/wrkshp/hexes      |    1 +
 frontend/imgrid/colors/colors/js/wrkshp/maker.py   |   33 +
 frontend/imgrid/colors/colors/js/wrkshp/names      |    1 +
 frontend/imgrid/colors/colors/js/wrkshp/rgbs       |    1 +
 frontend/imgrid/colors/colors/junk/ScrollEffect.js |   86 +
 .../colors/colors/junk/ScrollEffectcomingsoon.js   |  237 +
 frontend/imgrid/colors/colors/junk/brush.ani       |  Bin 0 -> 12950 bytes
 frontend/imgrid/colors/colors/junk/colordictOLD.js |    2 +
 .../imgrid/colors/colors/junk/colorpicker.html     |  254 +
 frontend/imgrid/colors/colors/junk/colorpixx.css   | 2047 ++++++++
 frontend/imgrid/colors/colors/junk/colorpixx.js    |   92 +
 frontend/imgrid/colors/colors/junk/colors.html     | 5429 ++++++++++++++++++++
 frontend/imgrid/colors/colors/junk/colorsbest.html | 3606 +++++++++++++
 frontend/imgrid/colors/colors/junk/divlist.js      |    2 +
 frontend/imgrid/colors/colors/junk/divlistmaker    |   32 +
 frontend/imgrid/colors/colors/junk/mapmaker.html   | 3586 +++++++++++++
 frontend/imgrid/colors/colors/junk/picker.js       |   15 +
 frontend/imgrid/colors/colors/junk/scrollio.html   | 3850 ++++++++++++++
 frontend/imgrid/colors/colors/junk/separate        |  126 +
 frontend/imgrid/colors/colors/junk/todo.txt        |  135 +
 .../imgrid/colors/colors/junk/withscroller.html    | 3850 ++++++++++++++
 frontend/imgrid/colors/colors/minimap.html         | 3891 ++++++++++++++
 frontend/imgrid/colors/colors/minoan.gif           |  Bin 0 -> 16077 bytes
 frontend/imgrid/colors/colors/savior.html          | 3582 +++++++++++++
 frontend/imgrid/colors/colors/test.html            |   56 +
 frontend/imgrid/colors/colors/vase.gif             |  Bin 0 -> 8214 bytes
 frontend/imgrid/colors/colors/vase.png             |  Bin 0 -> 9650 bytes
 frontend/imgrid/colors/colors/vaseshim.png         |  Bin 0 -> 508 bytes
 frontend/imgrid/colors/colors/whiteshim.png        |  Bin 0 -> 395 bytes
 frontend/imgrid/colors/grayshim.png                |  Bin 0 -> 399 bytes
 frontend/imgrid/colors/hoverbutton.png             |  Bin 0 -> 1337 bytes
 frontend/imgrid/colors/index.html                  | 3507 +++++++++++++
 frontend/imgrid/colors/js/backgroundswitcher.js    |   38 +
 frontend/imgrid/colors/js/colordict.js             |    3 +
 frontend/imgrid/colors/js/colordictionaries2.js    |    3 +
 frontend/imgrid/colors/js/ditherbackground.gif     |  Bin 0 -> 52 bytes
 frontend/imgrid/colors/js/goldenfunctions.js       |   33 +
 frontend/imgrid/colors/js/hexrgbnametoggle.js      |  148 +
 frontend/imgrid/colors/js/hoverbackground.jpg      |  Bin 0 -> 661 bytes
 frontend/imgrid/colors/js/hovercss.js              |   31 +
 frontend/imgrid/colors/js/iftransparentcss.js      |   25 +
 frontend/imgrid/colors/js/jquery-1.6.4.min.js      |    4 +
 frontend/imgrid/colors/js/jquery.cookie.js         |   96 +
 frontend/imgrid/colors/js/setupdimensions.js       |  173 +
 frontend/imgrid/colors/js/wrkshp/colors.html       | 5429 ++++++++++++++++++++
 frontend/imgrid/colors/js/wrkshp/hexes             |    1 +
 frontend/imgrid/colors/js/wrkshp/maker.py          |   33 +
 frontend/imgrid/colors/js/wrkshp/names             |    1 +
 frontend/imgrid/colors/js/wrkshp/rgbs              |    1 +
 frontend/imgrid/colors/junk/ScrollEffect.js        |   86 +
 .../imgrid/colors/junk/ScrollEffectcomingsoon.js   |  237 +
 frontend/imgrid/colors/junk/brush.ani              |  Bin 0 -> 12950 bytes
 frontend/imgrid/colors/junk/colordictOLD.js        |    2 +
 frontend/imgrid/colors/junk/colorpicker.html       |  254 +
 frontend/imgrid/colors/junk/colorpixx.css          | 2047 ++++++++
 frontend/imgrid/colors/junk/colorpixx.js           |   92 +
 frontend/imgrid/colors/junk/colors.html            | 5429 ++++++++++++++++++++
 frontend/imgrid/colors/junk/colorsbest.html        | 3606 +++++++++++++
 frontend/imgrid/colors/junk/divlist.js             |    2 +
 frontend/imgrid/colors/junk/divlistmaker           |   32 +
 frontend/imgrid/colors/junk/mapmaker.html          | 3586 +++++++++++++
 frontend/imgrid/colors/junk/picker.js              |   15 +
 frontend/imgrid/colors/junk/scrollio.html          | 3850 ++++++++++++++
 frontend/imgrid/colors/junk/separate               |  126 +
 frontend/imgrid/colors/junk/todo.txt               |  135 +
 frontend/imgrid/colors/junk/withscroller.html      | 3850 ++++++++++++++
 frontend/imgrid/colors/minimap.html                | 3891 ++++++++++++++
 frontend/imgrid/colors/minoan.gif                  |  Bin 0 -> 16077 bytes
 frontend/imgrid/colors/savior.html                 | 3582 +++++++++++++
 frontend/imgrid/colors/test.html                   |   56 +
 frontend/imgrid/colors/vase.gif                    |  Bin 0 -> 8214 bytes
 frontend/imgrid/colors/vase.png                    |  Bin 0 -> 9650 bytes
 frontend/imgrid/colors/vaseshim.png                |  Bin 0 -> 508 bytes
 frontend/imgrid/colors/whiteshim.png               |  Bin 0 -> 395 bytes
 frontend/imgrid/css/cssreset.css                   |    7 +
 frontend/imgrid/css/general.css                    |   91 +
 frontend/imgrid/css/jquery-ui-1.8.16.custom.css    |  313 ++
 .../images/ui-bg_flat_0_aaaaaa_40x100.png          |  Bin 0 -> 180 bytes
 .../images/ui-bg_flat_75_ffffff_40x100.png         |  Bin 0 -> 178 bytes
 .../images/ui-bg_glass_55_fbf9ee_1x400.png         |  Bin 0 -> 120 bytes
 .../images/ui-bg_glass_65_ffffff_1x400.png         |  Bin 0 -> 105 bytes
 .../images/ui-bg_glass_75_dadada_1x400.png         |  Bin 0 -> 159 bytes
 .../images/ui-bg_glass_75_e6e6e6_1x400.png         |  Bin 0 -> 110 bytes
 .../images/ui-bg_glass_95_fef1ec_1x400.png         |  Bin 0 -> 119 bytes
 .../ui-bg_highlight-soft_75_cccccc_1x100.png       |  Bin 0 -> 101 bytes
 .../smoothness/images/ui-icons_222222_256x240.png  |  Bin 0 -> 4369 bytes
 .../smoothness/images/ui-icons_2e83ff_256x240.png  |  Bin 0 -> 4369 bytes
 .../smoothness/images/ui-icons_454545_256x240.png  |  Bin 0 -> 4369 bytes
 .../smoothness/images/ui-icons_888888_256x240.png  |  Bin 0 -> 4369 bytes
 .../smoothness/images/ui-icons_cd0a0a_256x240.png  |  Bin 0 -> 4369 bytes
 .../css/smoothness/jquery-ui-1.8.16.custom.css     |  313 ++
 frontend/imgrid/dist/3dmap.jar                     |  Bin 0 -> 42525 bytes
 frontend/imgrid/dist/3dmap.jnlp                    |   38 +
 frontend/imgrid/dist/deployment/v1/gluegen-rt.jnlp |   63 +
 .../dist/deployment/v1/jar/applet-launcher.jar     |  Bin 0 -> 65584 bytes
 .../v1/jar/gluegen-rt-natives-linux-amd64.jar      |  Bin 0 -> 8213 bytes
 .../v1/jar/gluegen-rt-natives-linux-i586.jar       |  Bin 0 -> 8086 bytes
 .../v1/jar/gluegen-rt-natives-macosx-ppc.jar       |  Bin 0 -> 7167 bytes
 .../v1/jar/gluegen-rt-natives-macosx-universal.jar |  Bin 0 -> 8474 bytes
 .../v1/jar/gluegen-rt-natives-solaris-amd64.jar    |  Bin 0 -> 8116 bytes
 .../v1/jar/gluegen-rt-natives-solaris-i586.jar     |  Bin 0 -> 7909 bytes
 .../v1/jar/gluegen-rt-natives-solaris-sparc.jar    |  Bin 0 -> 8345 bytes
 .../v1/jar/gluegen-rt-natives-solaris-sparcv9.jar  |  Bin 0 -> 8456 bytes
 .../v1/jar/gluegen-rt-natives-windows-amd64.jar    |  Bin 0 -> 8275 bytes
 .../v1/jar/gluegen-rt-natives-windows-i586.jar     |  Bin 0 -> 6783 bytes
 .../imgrid/dist/deployment/v1/jar/gluegen-rt.jar   |  Bin 0 -> 25059 bytes
 .../deployment/v1/jar/jogl-natives-linux-amd64.jar |  Bin 0 -> 253122 bytes
 .../deployment/v1/jar/jogl-natives-linux-i586.jar  |  Bin 0 -> 228834 bytes
 .../deployment/v1/jar/jogl-natives-macosx-ppc.jar  |  Bin 0 -> 136490 bytes
 .../v1/jar/jogl-natives-macosx-universal.jar       |  Bin 0 -> 444191 bytes
 .../v1/jar/jogl-natives-solaris-amd64.jar          |  Bin 0 -> 191870 bytes
 .../v1/jar/jogl-natives-solaris-i586.jar           |  Bin 0 -> 234616 bytes
 .../v1/jar/jogl-natives-solaris-sparc.jar          |  Bin 0 -> 225183 bytes
 .../v1/jar/jogl-natives-solaris-sparcv9.jar        |  Bin 0 -> 214380 bytes
 .../v1/jar/jogl-natives-windows-amd64.jar          |  Bin 0 -> 77832 bytes
 .../v1/jar/jogl-natives-windows-i586.jar           |  Bin 0 -> 62493 bytes
 frontend/imgrid/dist/deployment/v1/jar/jogl.jar    |  Bin 0 -> 1174256 bytes
 frontend/imgrid/dist/deployment/v1/jar/testKeys    |  Bin 0 -> 1289 bytes
 frontend/imgrid/dist/deployment/v1/jogl-awt.jnlp   |   71 +
 frontend/imgrid/dist/http/commons-codec-1.4.jar    |  Bin 0 -> 62139 bytes
 .../imgrid/dist/http/commons-logging-1.1.1.jar     |  Bin 0 -> 64455 bytes
 frontend/imgrid/dist/http/httpclient-4.1.2.jar     |  Bin 0 -> 376114 bytes
 .../imgrid/dist/http/httpclient-cache-4.1.2.jar    |  Bin 0 -> 111811 bytes
 frontend/imgrid/dist/http/httpcore-4.1.2.jar       |  Bin 0 -> 195688 bytes
 frontend/imgrid/dist/http/httpmime-4.1.2.jar       |  Bin 0 -> 29817 bytes
 frontend/imgrid/dist/http/plugin.jar               |  Bin 0 -> 1778787 bytes
 frontend/imgrid/dist/index.html                    |   24 +
 frontend/imgrid/dist/temp/HeightMap.jpg            |  Bin 0 -> 2779 bytes
 frontend/imgrid/dist/temp/Texture.jpg              |  Bin 0 -> 12198 bytes
 frontend/imgrid/dist/testKeys                      |  Bin 0 -> 1289 bytes
 frontend/imgrid/dist_embedded/3DMapAllWin.jar      |  Bin 0 -> 5018834 bytes
 frontend/imgrid/dist_embedded/index.html           |   16 +
 frontend/imgrid/favicon.ico                        |  Bin 0 -> 1406 bytes
 frontend/imgrid/greatgrids/blackplant.png          |  Bin 0 -> 64921 bytes
 frontend/imgrid/greatgrids/copy.html               |  327 ++
 frontend/imgrid/greatgrids/facebookimage.jpg       |  Bin 0 -> 20532 bytes
 frontend/imgrid/greatgrids/facebookimage.png       |  Bin 0 -> 72703 bytes
 frontend/imgrid/greatgrids/gallery.html            |  404 ++
 frontend/imgrid/greatgrids/greatgrids.ico          |  Bin 0 -> 12606 bytes
 frontend/imgrid/greatgrids/grids.ico               |  Bin 0 -> 3658 bytes
 frontend/imgrid/greatgrids/grids.png               |  Bin 0 -> 1379 bytes
 frontend/imgrid/greatgrids/hey.html                |  300 ++
 frontend/imgrid/greatgrids/images/LaL1S.jpg        |  Bin 0 -> 105785 bytes
 frontend/imgrid/greatgrids/images/gg1.png          |  Bin 0 -> 266089 bytes
 frontend/imgrid/greatgrids/images/gg2.png          |  Bin 0 -> 965977 bytes
 frontend/imgrid/greatgrids/images/gg3.png          |  Bin 0 -> 934098 bytes
 frontend/imgrid/greatgrids/images/gg4.png          |  Bin 0 -> 645523 bytes
 frontend/imgrid/greatgrids/images/gg5.png          |  Bin 0 -> 382033 bytes
 frontend/imgrid/greatgrids/images/gg6.png          |  Bin 0 -> 676701 bytes
 frontend/imgrid/greatgrids/images/gg7.png          |  Bin 0 -> 69309 bytes
 frontend/imgrid/greatgrids/images/gg8.jpg          |  Bin 0 -> 105785 bytes
 frontend/imgrid/greatgrids/images/gg8.png          |  Bin 0 -> 450435 bytes
 frontend/imgrid/greatgrids/index.html              |  430 ++
 frontend/imgrid/greatgrids/plain.html              |   28 +
 frontend/imgrid/greatgrids/screen.html             |  400 ++
 frontend/imgrid/greatgrids/tinybackground.gif      |  Bin 0 -> 52 bytes
 frontend/imgrid/greatgrids/tinybackground2.gif     |  Bin 0 -> 54 bytes
 frontend/imgrid/img/athenafinal.gif                |  Bin 0 -> 5831355 bytes
 frontend/imgrid/img/background.gif                 |  Bin 0 -> 189710 bytes
 frontend/imgrid/img/blackplant.png                 |  Bin 0 -> 64921 bytes
 frontend/imgrid/img/blackplant2.png                |  Bin 0 -> 49197 bytes
 frontend/imgrid/img/blackplant3.png                |  Bin 0 -> 90183 bytes
 frontend/imgrid/img/bros.png                       |  Bin 0 -> 284120 bytes
 frontend/imgrid/img/facebookimage.png              |  Bin 0 -> 5694 bytes
 frontend/imgrid/img/generating.gif                 |  Bin 0 -> 6679 bytes
 frontend/imgrid/img/harrisbros.png                 |  Bin 0 -> 284176 bytes
 frontend/imgrid/img/imgrid.png                     |  Bin 0 -> 171444 bytes
 frontend/imgrid/img/oldathena.gif                  |  Bin 0 -> 1007360 bytes
 frontend/imgrid/img/test.gif                       |  Bin 0 -> 138525 bytes
 frontend/imgrid/img/thatbackground.gif             |  Bin 0 -> 110 bytes
 frontend/imgrid/index.html                         |  484 ++
 frontend/imgrid/indexOLD.html                      |  140 +
 frontend/imgrid/indexnewold.html                   |  336 ++
 frontend/imgrid/indexold.html                      |  322 ++
 frontend/imgrid/intro.html                         |  106 +
 frontend/imgrid/jeremy.html                        |  398 ++
 frontend/imgrid/jmd.html                           |  346 ++
 frontend/imgrid/js/colordictbackup.js              |    4 +
 frontend/imgrid/js/colors_iframe.js                |   45 +
 frontend/imgrid/js/imgrid-main.js                  |  121 +
 frontend/imgrid/js/jquery-1.6.4.min.js             |    4 +
 frontend/imgrid/js/jquery-ui-1.8.16.custom.min.js  |   84 +
 frontend/imgrid/js/maincopy.js                     |  109 +
 frontend/imgrid/js/popup.js                        |   69 +
 frontend/imgrid/js/sliders.js                      |   83 +
 frontend/imgrid/old.html                           |  461 ++
 frontend/imgrid/oldindex.html                      |  307 ++
 frontend/imgrid/safety.html                        |  488 ++
 frontend/imgrid/sj6v1.zip                          |  Bin 0 -> 167449 bytes
 211 files changed, 88380 insertions(+)
 create mode 100755 frontend/imgrid/3ddirs.txt
 create mode 100755 frontend/imgrid/backup.html
 create mode 100755 frontend/imgrid/colors/1.html
 create mode 100755 frontend/imgrid/colors/blackshim.png
 create mode 100755 frontend/imgrid/colors/colors/1.html
 create mode 100755 frontend/imgrid/colors/colors/blackshim.png
 create mode 100755 frontend/imgrid/colors/colors/grayshim.png
 create mode 100755 frontend/imgrid/colors/colors/hoverbutton.png
 create mode 100755 frontend/imgrid/colors/colors/index.html
 create mode 100755 frontend/imgrid/colors/colors/js/backgroundswitcher.js
 create mode 100755 frontend/imgrid/colors/colors/js/colordict.js
 create mode 100755 frontend/imgrid/colors/colors/js/colordictionaries2.js
 create mode 100755 frontend/imgrid/colors/colors/js/ditherbackground.gif
 create mode 100755 frontend/imgrid/colors/colors/js/goldenfunctions.js
 create mode 100755 frontend/imgrid/colors/colors/js/hexrgbnametoggle.js
 create mode 100755 frontend/imgrid/colors/colors/js/hoverbackground.jpg
 create mode 100755 frontend/imgrid/colors/colors/js/hovercss.js
 create mode 100755 frontend/imgrid/colors/colors/js/iftransparentcss.js
 create mode 100755 frontend/imgrid/colors/colors/js/jquery-1.6.4.min.js
 create mode 100755 frontend/imgrid/colors/colors/js/jquery.cookie.js
 create mode 100755 frontend/imgrid/colors/colors/js/setupdimensions.js
 create mode 100755 frontend/imgrid/colors/colors/js/wrkshp/colors.html
 create mode 100755 frontend/imgrid/colors/colors/js/wrkshp/hexes
 create mode 100755 frontend/imgrid/colors/colors/js/wrkshp/maker.py
 create mode 100755 frontend/imgrid/colors/colors/js/wrkshp/names
 create mode 100755 frontend/imgrid/colors/colors/js/wrkshp/rgbs
 create mode 100755 frontend/imgrid/colors/colors/junk/ScrollEffect.js
 create mode 100755 frontend/imgrid/colors/colors/junk/ScrollEffectcomingsoon.js
 create mode 100755 frontend/imgrid/colors/colors/junk/brush.ani
 create mode 100755 frontend/imgrid/colors/colors/junk/colordictOLD.js
 create mode 100755 frontend/imgrid/colors/colors/junk/colorpicker.html
 create mode 100755 frontend/imgrid/colors/colors/junk/colorpixx.css
 create mode 100755 frontend/imgrid/colors/colors/junk/colorpixx.js
 create mode 100755 frontend/imgrid/colors/colors/junk/colors.html
 create mode 100755 frontend/imgrid/colors/colors/junk/colorsbest.html
 create mode 100755 frontend/imgrid/colors/colors/junk/divlist.js
 create mode 100755 frontend/imgrid/colors/colors/junk/divlistmaker
 create mode 100755 frontend/imgrid/colors/colors/junk/mapmaker.html
 create mode 100755 frontend/imgrid/colors/colors/junk/picker.js
 create mode 100755 frontend/imgrid/colors/colors/junk/scrollio.html
 create mode 100755 frontend/imgrid/colors/colors/junk/separate
 create mode 100755 frontend/imgrid/colors/colors/junk/todo.txt
 create mode 100755 frontend/imgrid/colors/colors/junk/withscroller.html
 create mode 100755 frontend/imgrid/colors/colors/minimap.html
 create mode 100755 frontend/imgrid/colors/colors/minoan.gif
 create mode 100755 frontend/imgrid/colors/colors/savior.html
 create mode 100755 frontend/imgrid/colors/colors/test.html
 create mode 100755 frontend/imgrid/colors/colors/vase.gif
 create mode 100755 frontend/imgrid/colors/colors/vase.png
 create mode 100755 frontend/imgrid/colors/colors/vaseshim.png
 create mode 100755 frontend/imgrid/colors/colors/whiteshim.png
 create mode 100755 frontend/imgrid/colors/grayshim.png
 create mode 100755 frontend/imgrid/colors/hoverbutton.png
 create mode 100755 frontend/imgrid/colors/index.html
 create mode 100755 frontend/imgrid/colors/js/backgroundswitcher.js
 create mode 100755 frontend/imgrid/colors/js/colordict.js
 create mode 100755 frontend/imgrid/colors/js/colordictionaries2.js
 create mode 100755 frontend/imgrid/colors/js/ditherbackground.gif
 create mode 100755 frontend/imgrid/colors/js/goldenfunctions.js
 create mode 100755 frontend/imgrid/colors/js/hexrgbnametoggle.js
 create mode 100755 frontend/imgrid/colors/js/hoverbackground.jpg
 create mode 100755 frontend/imgrid/colors/js/hovercss.js
 create mode 100755 frontend/imgrid/colors/js/iftransparentcss.js
 create mode 100755 frontend/imgrid/colors/js/jquery-1.6.4.min.js
 create mode 100755 frontend/imgrid/colors/js/jquery.cookie.js
 create mode 100755 frontend/imgrid/colors/js/setupdimensions.js
 create mode 100755 frontend/imgrid/colors/js/wrkshp/colors.html
 create mode 100755 frontend/imgrid/colors/js/wrkshp/hexes
 create mode 100755 frontend/imgrid/colors/js/wrkshp/maker.py
 create mode 100755 frontend/imgrid/colors/js/wrkshp/names
 create mode 100755 frontend/imgrid/colors/js/wrkshp/rgbs
 create mode 100755 frontend/imgrid/colors/junk/ScrollEffect.js
 create mode 100755 frontend/imgrid/colors/junk/ScrollEffectcomingsoon.js
 create mode 100755 frontend/imgrid/colors/junk/brush.ani
 create mode 100755 frontend/imgrid/colors/junk/colordictOLD.js
 create mode 100755 frontend/imgrid/colors/junk/colorpicker.html
 create mode 100755 frontend/imgrid/colors/junk/colorpixx.css
 create mode 100755 frontend/imgrid/colors/junk/colorpixx.js
 create mode 100755 frontend/imgrid/colors/junk/colors.html
 create mode 100755 frontend/imgrid/colors/junk/colorsbest.html
 create mode 100755 frontend/imgrid/colors/junk/divlist.js
 create mode 100755 frontend/imgrid/colors/junk/divlistmaker
 create mode 100755 frontend/imgrid/colors/junk/mapmaker.html
 create mode 100755 frontend/imgrid/colors/junk/picker.js
 create mode 100755 frontend/imgrid/colors/junk/scrollio.html
 create mode 100755 frontend/imgrid/colors/junk/separate
 create mode 100755 frontend/imgrid/colors/junk/todo.txt
 create mode 100755 frontend/imgrid/colors/junk/withscroller.html
 create mode 100755 frontend/imgrid/colors/minimap.html
 create mode 100755 frontend/imgrid/colors/minoan.gif
 create mode 100755 frontend/imgrid/colors/savior.html
 create mode 100755 frontend/imgrid/colors/test.html
 create mode 100755 frontend/imgrid/colors/vase.gif
 create mode 100755 frontend/imgrid/colors/vase.png
 create mode 100755 frontend/imgrid/colors/vaseshim.png
 create mode 100755 frontend/imgrid/colors/whiteshim.png
 create mode 100755 frontend/imgrid/css/cssreset.css
 create mode 100755 frontend/imgrid/css/general.css
 create mode 100755 frontend/imgrid/css/jquery-ui-1.8.16.custom.css
 create mode 100755 frontend/imgrid/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png
 create mode 100755 frontend/imgrid/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png
 create mode 100755 frontend/imgrid/css/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png
 create mode 100755 frontend/imgrid/css/smoothness/images/ui-bg_glass_65_ffffff_1x400.png
 create mode 100755 frontend/imgrid/css/smoothness/images/ui-bg_glass_75_dadada_1x400.png
 create mode 100755 frontend/imgrid/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png
 create mode 100755 frontend/imgrid/css/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png
 create mode 100755 frontend/imgrid/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png
 create mode 100755 frontend/imgrid/css/smoothness/images/ui-icons_222222_256x240.png
 create mode 100755 frontend/imgrid/css/smoothness/images/ui-icons_2e83ff_256x240.png
 create mode 100755 frontend/imgrid/css/smoothness/images/ui-icons_454545_256x240.png
 create mode 100755 frontend/imgrid/css/smoothness/images/ui-icons_888888_256x240.png
 create mode 100755 frontend/imgrid/css/smoothness/images/ui-icons_cd0a0a_256x240.png
 create mode 100755 frontend/imgrid/css/smoothness/jquery-ui-1.8.16.custom.css
 create mode 100755 frontend/imgrid/dist/3dmap.jar
 create mode 100755 frontend/imgrid/dist/3dmap.jnlp
 create mode 100755 frontend/imgrid/dist/deployment/v1/gluegen-rt.jnlp
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/applet-launcher.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-linux-amd64.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-linux-i586.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-macosx-ppc.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-macosx-universal.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-solaris-amd64.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-solaris-i586.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-solaris-sparc.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-solaris-sparcv9.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-windows-amd64.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-windows-i586.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/gluegen-rt.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/jogl-natives-linux-amd64.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/jogl-natives-linux-i586.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/jogl-natives-macosx-ppc.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/jogl-natives-macosx-universal.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/jogl-natives-solaris-amd64.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/jogl-natives-solaris-i586.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/jogl-natives-solaris-sparc.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/jogl-natives-solaris-sparcv9.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/jogl-natives-windows-amd64.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/jogl-natives-windows-i586.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/jogl.jar
 create mode 100755 frontend/imgrid/dist/deployment/v1/jar/testKeys
 create mode 100755 frontend/imgrid/dist/deployment/v1/jogl-awt.jnlp
 create mode 100755 frontend/imgrid/dist/http/commons-codec-1.4.jar
 create mode 100755 frontend/imgrid/dist/http/commons-logging-1.1.1.jar
 create mode 100755 frontend/imgrid/dist/http/httpclient-4.1.2.jar
 create mode 100755 frontend/imgrid/dist/http/httpclient-cache-4.1.2.jar
 create mode 100755 frontend/imgrid/dist/http/httpcore-4.1.2.jar
 create mode 100755 frontend/imgrid/dist/http/httpmime-4.1.2.jar
 create mode 100755 frontend/imgrid/dist/http/plugin.jar
 create mode 100755 frontend/imgrid/dist/index.html
 create mode 100755 frontend/imgrid/dist/temp/HeightMap.jpg
 create mode 100755 frontend/imgrid/dist/temp/Texture.jpg
 create mode 100755 frontend/imgrid/dist/testKeys
 create mode 100755 frontend/imgrid/dist_embedded/3DMapAllWin.jar
 create mode 100755 frontend/imgrid/dist_embedded/index.html
 create mode 100755 frontend/imgrid/favicon.ico
 create mode 100755 frontend/imgrid/greatgrids/blackplant.png
 create mode 100755 frontend/imgrid/greatgrids/copy.html
 create mode 100755 frontend/imgrid/greatgrids/facebookimage.jpg
 create mode 100755 frontend/imgrid/greatgrids/facebookimage.png
 create mode 100755 frontend/imgrid/greatgrids/gallery.html
 create mode 100755 frontend/imgrid/greatgrids/greatgrids.ico
 create mode 100755 frontend/imgrid/greatgrids/grids.ico
 create mode 100755 frontend/imgrid/greatgrids/grids.png
 create mode 100755 frontend/imgrid/greatgrids/hey.html
 create mode 100755 frontend/imgrid/greatgrids/images/LaL1S.jpg
 create mode 100755 frontend/imgrid/greatgrids/images/gg1.png
 create mode 100755 frontend/imgrid/greatgrids/images/gg2.png
 create mode 100755 frontend/imgrid/greatgrids/images/gg3.png
 create mode 100755 frontend/imgrid/greatgrids/images/gg4.png
 create mode 100755 frontend/imgrid/greatgrids/images/gg5.png
 create mode 100755 frontend/imgrid/greatgrids/images/gg6.png
 create mode 100755 frontend/imgrid/greatgrids/images/gg7.png
 create mode 100755 frontend/imgrid/greatgrids/images/gg8.jpg
 create mode 100755 frontend/imgrid/greatgrids/images/gg8.png
 create mode 100755 frontend/imgrid/greatgrids/index.html
 create mode 100755 frontend/imgrid/greatgrids/plain.html
 create mode 100755 frontend/imgrid/greatgrids/screen.html
 create mode 100755 frontend/imgrid/greatgrids/tinybackground.gif
 create mode 100755 frontend/imgrid/greatgrids/tinybackground2.gif
 create mode 100755 frontend/imgrid/img/athenafinal.gif
 create mode 100755 frontend/imgrid/img/background.gif
 create mode 100755 frontend/imgrid/img/blackplant.png
 create mode 100755 frontend/imgrid/img/blackplant2.png
 create mode 100755 frontend/imgrid/img/blackplant3.png
 create mode 100755 frontend/imgrid/img/bros.png
 create mode 100755 frontend/imgrid/img/facebookimage.png
 create mode 100755 frontend/imgrid/img/generating.gif
 create mode 100755 frontend/imgrid/img/harrisbros.png
 create mode 100755 frontend/imgrid/img/imgrid.png
 create mode 100755 frontend/imgrid/img/oldathena.gif
 create mode 100755 frontend/imgrid/img/test.gif
 create mode 100755 frontend/imgrid/img/thatbackground.gif
 create mode 100755 frontend/imgrid/index.html
 create mode 100755 frontend/imgrid/indexOLD.html
 create mode 100755 frontend/imgrid/indexnewold.html
 create mode 100755 frontend/imgrid/indexold.html
 create mode 100755 frontend/imgrid/intro.html
 create mode 100755 frontend/imgrid/jeremy.html
 create mode 100755 frontend/imgrid/jmd.html
 create mode 100755 frontend/imgrid/js/colordictbackup.js
 create mode 100644 frontend/imgrid/js/colors_iframe.js
 create mode 100755 frontend/imgrid/js/imgrid-main.js
 create mode 100755 frontend/imgrid/js/jquery-1.6.4.min.js
 create mode 100755 frontend/imgrid/js/jquery-ui-1.8.16.custom.min.js
 create mode 100755 frontend/imgrid/js/maincopy.js
 create mode 100755 frontend/imgrid/js/popup.js
 create mode 100755 frontend/imgrid/js/sliders.js
 create mode 100755 frontend/imgrid/old.html
 create mode 100755 frontend/imgrid/oldindex.html
 create mode 100755 frontend/imgrid/safety.html
 create mode 100755 frontend/imgrid/sj6v1.zip

(limited to 'frontend/imgrid')

diff --git a/frontend/imgrid/3ddirs.txt b/frontend/imgrid/3ddirs.txt
new file mode 100755
index 0000000..5c00c34
--- /dev/null
+++ b/frontend/imgrid/3ddirs.txt
@@ -0,0 +1,256 @@
+00
+01
+02
+03
+04
+05
+06
+07
+08
+09
+0a
+0b
+0c
+0d
+0e
+0f
+10
+11
+12
+13
+14
+15
+16
+17
+18
+19
+1a
+1b
+1c
+1d
+1e
+1f
+20
+21
+22
+23
+24
+25
+26
+27
+28
+29
+2a
+2b
+2c
+2d
+2e
+2f
+30
+31
+32
+33
+34
+35
+36
+37
+38
+39
+3a
+3b
+3c
+3d
+3e
+3f
+40
+41
+42
+43
+44
+45
+46
+47
+48
+49
+4a
+4b
+4c
+4d
+4e
+4f
+50
+51
+52
+53
+54
+55
+56
+57
+58
+59
+5a
+5b
+5c
+5d
+5e
+5f
+60
+61
+62
+63
+64
+65
+66
+67
+68
+69
+6a
+6b
+6c
+6d
+6e
+6f
+70
+71
+72
+73
+74
+75
+76
+77
+78
+79
+7a
+7b
+7c
+7d
+7e
+7f
+80
+81
+82
+83
+84
+85
+86
+87
+88
+89
+8a
+8b
+8c
+8d
+8e
+8f
+90
+91
+92
+93
+94
+95
+96
+97
+98
+99
+9a
+9b
+9c
+9d
+9e
+9f
+a0
+a1
+a2
+a3
+a4
+a5
+a6
+a7
+a8
+a9
+aa
+ab
+ac
+ad
+ae
+af
+b0
+b1
+b2
+b3
+b4
+b5
+b6
+b7
+b8
+b9
+ba
+bb
+bc
+bd
+be
+bf
+c0
+c1
+c2
+c3
+c4
+c5
+c6
+c7
+c8
+c9
+ca
+cb
+cc
+cd
+ce
+cf
+d0
+d1
+d2
+d3
+d4
+d5
+d6
+d7
+d8
+d9
+da
+db
+dc
+dd
+de
+df
+e0
+e1
+e2
+e3
+e4
+e5
+e6
+e7
+e8
+e9
+ea
+eb
+ec
+ed
+ee
+ef
+f0
+f1
+f2
+f3
+f4
+f5
+f6
+f7
+f8
+f9
+fa
+fb
+fc
+fd
+fe
+ff
diff --git a/frontend/imgrid/backup.html b/frontend/imgrid/backup.html
new file mode 100755
index 0000000..86ee325
--- /dev/null
+++ b/frontend/imgrid/backup.html
@@ -0,0 +1,466 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">  
+<html>
+<!--
+        *                       pepper                          *
+       ***                          and                        ***
+       ****                        JMD                        ****
+       *   ******      internet CHAMPIONS               ******   *
+       *         ***************************************         *
+        **            *       ______*______       *            **
+          *****      *        ______*______        *      *****
+               *******        ______*______        *******
+            ***       ****          *         ****        ***
+                ****** *oo*******  ***  *******oo* ******
+                     *   *o********* *********o*   *
+                      *   *                   *   *
+                       *   *   _         _   *   *
+                        *   *  -_       _-  *   *
+                         *  *   -_     _-   *  *
+                          * *     -___-     * *
+                           *                 *
+                          *********************
+                          *      **   **      *
+                            *    **   **    *
+                              *  _-----_  *
+                                *********
+
+-->         
+<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
+    <meta name="description" content="IMGRID A 3D GRID-PLANE GENERATOR" >
+    <meta name="keywords" content="photoblaster, 3D" >
+    <meta name=Author content="Pepper Dreamteamer - 2011 www.facebook.com/AAAFFF">
+	<link rel="shortcut icon" href="http://asdf.us/imgrid/favicon.ico">
+    <link rel="image_src" href="http://vfile.com/public/img/1.png" > 
+   <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
+    <meta property="og:title" content="imgrid" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="http://asdf.us/imgrid" />
+    <meta property="og:site_name" content="IMGRID - A 3D-GRID-PLANE GENERATOR" />
+		<meta property="og:image" content="http://asdf.us/imgrid/greatgrids/images/gg7.png"/>
+    <title>IMGRID - a 3D GRID-PLANE GENERATOR</title>
+		
+		<link rel="stylesheet" href="general.css" type="text/css" media="screen" />  
+		<link href='jquery-ui-1.8.16.custom.css' rel='stylesheet' type='text/css' />
+		<link href='cssreset.css' rel='stylesheet' type='text/css'/>
+	<link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
+		<style type='text/css'>
+			body
+				{
+				font-family: 'Varela Round', sans-serif;
+				font-size:10pt;
+				}
+				h1
+				{
+				font-size:18px;
+				width:50%;
+				margin:10px;
+				padding:10px;
+				}
+			#flatcontrols
+				{
+				width:40%;
+				margin:10px;
+				padding:10px;
+				}
+			.gridadj,.background,.dimensions,.links
+				{
+				display:none;
+				}
+			#thegrid,#thedimensions,#thebackground,#links
+				{
+				background-color:whitesmoke;
+				margin-left:20px;
+				-moz-box-shadow: 0px 0px 9px 3px #8B7D7B;
+				-webkit-box-shadow: 0px 0px 9px 3px #8B7D7B;
+				box-shadow: 0px 0px 9px 3px  #8B7D7B;
+				}
+			#links
+				{
+				line-height:2;
+				padding:10px;
+				}
+			.results
+				{
+				display:none;
+				position:relative;
+				}
+				#result
+					{
+					position:fixed;
+					left:50%;
+					top:20px;
+					padding-right:15px;
+					}
+				#output-img img
+					{
+					max-height:70%;
+					max-width:100%;
+					}
+				#output-url
+					{
+					width:100%;
+					}
+				.slider
+					{
+					background-color:#eee5de;
+					display:inline-block;
+					width:50%;
+					}
+				#opacity-slider, #spacing-slider
+					{
+					width:100%;
+					display:inline-block;
+					margin-right:0;
+					margin-left:0;
+					}
+			input
+				{
+				width:70px;
+				}
+			.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
+				{
+				background-color:#555;
+				}
+			.urlinput
+				{
+				width:60%;
+				}
+				a
+				{
+				background-color:white;
+				max-width:100px;
+				}
+				a:link 
+					{
+					color: black;
+					}
+				a:visited 
+					{
+					COLOR: black;
+					}
+				a:hover 
+					{
+					COLOR: black;
+					}	
+				a:active 
+					{
+					COLOR: black;
+					}
+				table td
+					{
+					padding:4px;
+					}
+				table tr
+					{
+//					border: solid 2px;
+					}
+				.gridmore, .backgroundmore, .dimensionsmore, .linksmore
+					{
+					cursor:pointer;
+					}
+				#gridplug,#backgroundplug,#dimensionsplug,#linksplug
+					{
+					font-size:20px;
+					text-align:center;
+					}
+button {
+   background: white;
+   color: #000000;
+   font-size: 18px;
+   font-family: Georgia, serif;
+   text-decoration: none;
+   vertical-align: middle;
+   }
+.button:hover {
+   border-top-color: #78e072;
+   background: #78e072;
+   color: #000000;
+   }
+table
+		{
+		empty-cells:show;
+		}
+.generate
+		{
+		position:absolute;
+		left:320px;
+		top:240px;
+				-moz-box-shadow: 0px 0px 9px 3px pink;
+				-webkit-box-shadow: 0px 0px 9px 3px pink;
+				box-shadow: 0px 0px 9px 3px pink;
+		}
+		</style>
+</head>
+<body>
+			<div id='intro' style='position:absolute;top:0px;left:0px;width:100%;height:100%;background-image:url(background.gif);'><div style="background-image:url(background.gif); z-index:1000; height:inherit; width:inherit; position:fixed; left:50%; top:20px">
+					<img src="athenafinal.gif"></img>
+			</div></div>
+
+<a href="http://asdf.us/imgrid/index.html" style:'cursor:pointer'><img src='http://asdf.us/im/8d/imgrid_1324285217_imgrid_1324210455_imgrid_1324210353_gradient_darkseagreencyan_1317343959___.png' style='position:fixed; top:-200px; z-index:-100;'></img>
+<div style='font-size:30px;'><img style="width:500px" src="http://asdf.us/im/42/imgrid_1324542588_.png"></img></div></a>
+<div style="font-size:12px;margin-left:20px;margin-bottom:20px;">3D-GRID-PLANE GENERATOR
+<br>
+hit enter or click GENERATE to get your 2D plane
+
+<span id='genbutton'><button id='generate'>GENERATE</button></span>
+</div>
+
+<form id='theform'>
+	<div id="flatcontrols">
+<table>
+<tr><td class='dimensionsmore'>DIMENSIONS</td>
+	
+		<td>	<div id='dimensionsplug' class='dimensionsmore'>+</div></td></tr>
+		</table>
+			<div id='thedimensions'>
+			<table class='dimensions'>
+					<tr><td>HEIGHT</td>
+					<td>	<input id='img-height' type='text' value='500'><span style="font-size:12px">PX</span></input></td></td>
+					<tr><td>WIDTH</td>
+					<td><input id='img-width' type='text' value='700'><span style="font-size:12px">PX</span></input></td></td>
+			<tr style="line-height:10px"><td>&nbsp</tr><td>
+			</table>
+<table style="width:100%" class="dimensions">
+			<tr><td>SWING&nbsp<input id='swing' type='text' value='0'></input></td></tr>
+				<tr id="swingslider" class="slider"></tr>
+			<tr><td>TILT&nbsp<input id='tilt' type='text' value='0'></input></td></tr>
+				<tr id="tiltslider" class="slider"></tr>
+			<tr><td>ROLL&nbsp<input id='roll' type='text' value='0'></input></td></tr>
+				<tr id="rollslider" class="slider"></tr>
+			<tr><td>ZOOM&nbsp (in/out) &nbsp<input id='zoom' type='text' value='0'></input></td></tr>
+				<tr id="zoomslider" class="slider" value='0'></tr>
+
+</table>
+<table class="dimensions">			
+				<tr><td>&nbsp</td></tr>
+				<tr><td>CROP WHITESPACE</td><td><input type="checkbox" id="trim" value="false"></input></td></tr>
+				<tr><td>&nbsp</td></tr>
+				</table>
+<table class='dimensions'>
+			<tr><td>IMAGE FORMAT</td><td>
+		<select id='format'>
+			<option selected='selected' value='png'>PNG</option>
+			<option value='gif'>GIF</option>
+			<option value='jpg'>JPG</option>
+		</select></td></tr></table>
+			</div>
+<table>
+<tr><td class='gridmore'>GRID AND IMAGE</td>
+	
+		<td>	<div id='gridplug' class='gridmore'>+</div></td></tr>
+		</table>
+
+		<div id='thegrid'>
+<table class='gridadj'>
+			<tr><td>USE IMAGE INSTEAD OF GRID</td>
+			<td><input type="text" class="urlinput" type="text" id="imageinstead" value="">IMG URL eg:http://ww...</input></td>
+			</tr></table>
+	<table class='gridadj'>
+			<tr><td>GRID THICKNESS:</td>
+												<td><input id='line-thickness' type='text' value='1'></td><td><span style="font-size:12px">PX&nbsp&nbsp</span></input></td></tr>
+			
+					<tr class='gridadj'><td>GRID COLOR:</td>
+					<td><input id='line-color' type='text' value='BLACK'></input></td>
+					<td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></td>
+					</tr>
+
+					</table>
+					<table>
+						<tr class='gridadj'>
+							<td>GRID OPACITY: </td>
+						<td><input id='line-opacity' type='text' value='1'></input></td>
+						<td style="width:140px; height: .8em; margin:0; padding:0;" class="slider" style="margin:0;padding:0;"id="opacity-slider"></td>
+						</tr>
+
+						<tr class='gridadj'>
+									<td>GRID SPACING: </td>
+						<td><input id='line-spacing' type='text' value='0'></input></td>
+						<td class="slider" style="margin:0;padding:0;" id="spacing-slider"></td></tr>
+								
+						<tr class='gridadj'><td>USE ONLY VERTICAL LINES</td><td><input type="checkbox" id="v-lines" value="false"></input></td></tr>
+									
+									<tr class='gridadj'><td>USE ONLY HORIZONTAL LINES</td><td><input type="checkbox" id="h-lines" value="false" ></input></td></tr>
+							</table>
+<table class='gridadj'><td>GRID BACKGROUND COLOR <input type="text" id="bg-color" value="transparent"></td><td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></input></td>
+			
+			</table>
+									<table class='gridadj'>
+			<tr><td>OR GRID BACKGROUND IMAGE</td>
+			<td><input class="urlinput" type="text" id="bg-image" value="">IMG URL eg:http://ww...</input></td></tr>
+		</table>
+
+<table class='gridadj'>
+			<tr><td>GRID-TRANSITION</td>
+		<td><select id="transition">
+			<option selected="selected" value='background'>none</option>
+			<option value="dither">dithered</option>
+			<option value="random">noise</option>
+			<option value="tile">infinite</option>
+			<option value="edge">extended-edge</option>
+		</select></td></tr>
+			
+</table>
+			<table class='gridadj'>
+			<tr><td>DROP SHADOW</td><td><input type='checkbox' id='shadow' value='false'</input></td></tr>
+
+
+</table>
+</div>
+
+
+		<table style='width:150px;'>
+				<tr><td class="backgroundmore">BACKGROUND</td>
+					<td><div id="backgroundplug" class="backgroundmore">+</div></td>
+					</tr>
+			</table>
+<div id='thebackground'>
+			<table class='background'><td>BACKGROUND COLOR</td><td><input type="text" value="transparent" id="planebgcolor"></input></td>
+			<td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></td>			</table>
+			<table class="background">
+
+			<tr><td>OR BACKGROUND IMAGE</td><td><input class='urlinput' type="text" value="" id="planebgimage">IMG URL eg:http://ww...</input></td></tr>
+		</table>
+
+			<table class='background'><tr><td>SKYCOLOR</td><td><input type="text" value="none" id="skycolor">for the area above the horizon-line</input></td>
+			<td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></td>
+			</tr>
+</table>
+
+</div>
+<table>
+	<tr><td>&nbsp</td></tr>
+	<tr><td>USERNAME</td><td><input type=text value="" id='username'></input></td><td><div class='linksmore' id='linksplug'>+</div></td>
+<td>	<div id='links' class='links'>
+	<a class='links' href="http://asdf.us/im/gallery">PHOTOBLASTER GALLERY</a><br>
+	<a class='links' href="http://asdf.us/imgrid/greatgrids/">THE GREAT GRIDS GALLERY</a><br>
+	<a class='links' href="http://asdf.us/im">MAIN PHOTOBLASTER EDITOR</a></br>
+<div id="fb-root" style="position:fixed; bottom:10px; right:10px;background-color: transparent;"></div><script src="http://connect.facebook.net/en_US/all.js#appId=236917449658413&amp;xfbml=1"></script><fb:like href="http://asdf.us/im/" send="false" width="347" show_faces="false" colorscheme="light" font="" style="background-color: transparent;"></fb:like>
+	
+	</div>
+
+</td></tr></table>
+
+<br>
+
+
+</div>
+
+</div>
+
+</form>
+<div id='result'>
+	<span id="output-cmd" class='results'>
+</span>
+	<span id="output-img" class='results'></span>
+	<input id="output-url" class='results'></input>
+	<div id="output-info" class='results'></div>
+</div>
+
+
+
+
+<span class='copyright' style="position:fixed; bottom:10px; left:10px;">COPYRIGHT 2011 PEPPER DREAMTEAMER</span><a href='http://asdf.us/imgrid/greatgrids/index.html'><img class='copyright' style='display:inline; position:fixed; bottom:10px; left:290px; width:100px' src="blackplant.png"></img></a>
+<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
+<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
+<script type='text/javascript'> 
+$(document).ready(function()
+	{
+	$('#intro').fadeOut(1000,function()
+		{
+		$('#intro').remove()
+		})
+	});
+</script>
+<script type="text/javascript" src="sliders.js"></script>
+<script type="text/javascript" src="main.js"></script>
+<!--<script src="popup.js" type="text/javascript"></script>--> 
+<!--<script type="text/javascript" src="picker.js"></script>-->
+<script type='text/javascript'>
+		linksclicked = 'false';
+		$('#linksplug').click(function(){
+			$('.links').toggle('300')
+			
+			if(linksclicked === 'false'){
+					$('#linksplug').html('-')
+					$('.links').css({'min-width':'275px','word-space':'nowrap','min-height':'100px'})
+					linksclicked = 'true'
+					}
+			else{
+					$('#linksplug').html('+')
+					$('#links').css('padding','0px');
+					linksclicked = 'false'
+					}	
+			$('.copyright').hide()
+				$("body,html").scrollTop(5000);					
+												})
+
+		gridmoreclicked = 'false';
+		$('.gridmore').click(function(){
+			$('.gridadj').toggle('300')
+
+			if(gridmoreclicked === 'false'){
+					$('#gridplug').html('-')
+					$('#thegrid').css('padding','5px');
+					gridmoreclicked = 'true'
+					$("html,body").scrollTop(1000);					
+					}
+			else{
+					$('#gridplug').html('+')
+					$('#thegrid').css('padding','0px');
+					gridmoreclicked = 'false'
+					}	
+			$('.copyright').hide()
+												})
+
+
+
+	backgroundmoreclicked = 'false';
+	$('#backgroundplug').html('+');
+	$('.backgroundmore').click(function(){
+			$('.background').toggle('300')
+			if(backgroundmoreclicked === 'false'){
+					$('#thebackground').css('padding','5px');
+					$('#backgroundplug').html('-')
+					$("html,body").scrollTop(1000);					
+					backgroundmoreclicked = 'true'
+					}
+			else{
+					$('#backgroundplug').html('+')
+					$('#thebackground').css('padding','0px');
+					backgroundmoreclicked = 'false'
+					}	
+			$('.copyright').hide()
+			});
+
+
+	dimensionsmoreclicked = 'false';
+	$('#dimensionsplug').html('+');
+	$('.dimensionsmore').click(function(){
+			$('.dimensions').toggle('300')
+			if(dimensionsmoreclicked === 'false'){
+					$('#dimensionsplug').html('-')
+					$('#thedimensions').css('padding','5px');
+					$("html,body").scrollTop(1000);					
+					dimensionsmoreclicked = 'true'
+					}
+			else{
+					$('#dimensionsplug').html('+')
+					$('#thedimensions').css('padding','0px');
+					dimensionsmoreclicked = 'false'
+					}	
+			$('.copyright').hide()
+			});
+
+
+	$('#bg-color').click(function(){
+					nonecheck = $('#bg-color').val()
+					if(nonecheck === 'none')
+							{
+							$('#bg-color').val('')
+							}
+		});
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/1.html b/frontend/imgrid/colors/1.html
new file mode 100755
index 0000000..284b791
--- /dev/null
+++ b/frontend/imgrid/colors/1.html
@@ -0,0 +1,59 @@
+<html>
+<!--<link rel="stylesheet" href="css/normalize.css">-->
+<head>
+		<style type='text/css'>
+		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0;}
+		body
+			{
+			margin-bottom:0px;
+			margin-left:0px;
+			margin-right:0px;
+			margin-top:0px;
+			}
+		#master
+			{
+			width:404px;
+			}
+		.slaves
+			{
+			width:100px;
+			background-color:gray;
+			height:40px;
+			display:inline-block;
+			}
+		</style>
+
+
+</head>
+<body>
+<div id='master'>
+<div class='slaves' style='background-color:pink'></div>
+<div class='slaves' style='background-color:blue'></div>
+<div class='slaves' style='background-color:dodgerblue'></div>
+<div class='slaves' style='background-color:red'></div>
+
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+
+</div>
+<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
+<script type='text/javascript'>
+$('.slaves').mouseover(function()
+	{
+	$(this).css('width','120px')
+	$('#master').css('width','500')
+	}).mouseout(function()
+	{
+	$(this).css({'width':'100px','position':'static'})
+  $('#master').css('width','440')
+
+	});
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/blackshim.png b/frontend/imgrid/colors/blackshim.png
new file mode 100755
index 0000000..a122193
Binary files /dev/null and b/frontend/imgrid/colors/blackshim.png differ
diff --git a/frontend/imgrid/colors/colors/1.html b/frontend/imgrid/colors/colors/1.html
new file mode 100755
index 0000000..284b791
--- /dev/null
+++ b/frontend/imgrid/colors/colors/1.html
@@ -0,0 +1,59 @@
+<html>
+<!--<link rel="stylesheet" href="css/normalize.css">-->
+<head>
+		<style type='text/css'>
+		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0;}
+		body
+			{
+			margin-bottom:0px;
+			margin-left:0px;
+			margin-right:0px;
+			margin-top:0px;
+			}
+		#master
+			{
+			width:404px;
+			}
+		.slaves
+			{
+			width:100px;
+			background-color:gray;
+			height:40px;
+			display:inline-block;
+			}
+		</style>
+
+
+</head>
+<body>
+<div id='master'>
+<div class='slaves' style='background-color:pink'></div>
+<div class='slaves' style='background-color:blue'></div>
+<div class='slaves' style='background-color:dodgerblue'></div>
+<div class='slaves' style='background-color:red'></div>
+
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+
+</div>
+<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
+<script type='text/javascript'>
+$('.slaves').mouseover(function()
+	{
+	$(this).css('width','120px')
+	$('#master').css('width','500')
+	}).mouseout(function()
+	{
+	$(this).css({'width':'100px','position':'static'})
+  $('#master').css('width','440')
+
+	});
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/colors/blackshim.png b/frontend/imgrid/colors/colors/blackshim.png
new file mode 100755
index 0000000..a122193
Binary files /dev/null and b/frontend/imgrid/colors/colors/blackshim.png differ
diff --git a/frontend/imgrid/colors/colors/grayshim.png b/frontend/imgrid/colors/colors/grayshim.png
new file mode 100755
index 0000000..6f71223
Binary files /dev/null and b/frontend/imgrid/colors/colors/grayshim.png differ
diff --git a/frontend/imgrid/colors/colors/hoverbutton.png b/frontend/imgrid/colors/colors/hoverbutton.png
new file mode 100755
index 0000000..b14281e
Binary files /dev/null and b/frontend/imgrid/colors/colors/hoverbutton.png differ
diff --git a/frontend/imgrid/colors/colors/index.html b/frontend/imgrid/colors/colors/index.html
new file mode 100755
index 0000000..93b1a9b
--- /dev/null
+++ b/frontend/imgrid/colors/colors/index.html
@@ -0,0 +1,3507 @@
+<html>
+<head>
+
+<style type='text/css'>
+
+body
+{
+margin:0;
+}
+
+#colorpicker
+{
+
+width:100%;
+font-family:helvetica; 
+font-size:10px; 
+//background-color: gray;
+//background-image: url("http://asdf.us/im/6f/gradient_bgdither_1321255670_pepper.gif");
+background-color: black;
+background-image: url("http://dump.fm/static/img/bg.dither.gif")
+
+}
+
+#container div
+{
+text-align:left;
+display: -moz-inline-stack;
+display:inline-block;
+vertical-align:bottom;
+min-height: 30px;
+zoom: 1;
+word-wrap: break-word;
+*display: inline;
+cursor:pointer;
+}
+
+#container
+{
+margin:0 auto;
+width:31%;
+padding-top:100px;
+padding-right:10px;
+padding-left:10px;
+text-align:center;
+}
+
+#colornames
+{
+color:white;
+position:fixed;
+font-size:50px;
+top:50px;
+left:2%;
+width:400px;
+}
+
+#switches
+		{
+		position:fixed;
+		top:20px;
+		right:1%;
+		height:400px;
+		width:300px;
+		font-size:20px;
+		border-style: groove;
+		border-width: 4px;
+		background-color:gray;
+		padding:2px;
+		box-shadow: 10px 10px 5px #141414;
+		}
+
+#infoswitch, #hexswitch, #backgroundswitch
+		{
+		background-image:url(http://asdf.us/im/58/gradient_whitegray80_1321305183_1321305241_pepper.jpg);
+		cursor:pointer;
+		}
+#preview
+		{
+		height:150px;
+		}
+
+
+#holder
+		{
+		float:bottom;
+		}
+
+#transparent
+		{
+		font-size:12px;
+		}
+#namespace
+		{
+		width:inherit;
+		}
+#d0
+{background-color:#FFFAFA}
+
+#d1
+{background-color:#FFFAFA}
+
+#d2
+{background-color:#EEE9E9}
+
+#d3
+{background-color:#FFC1C1}
+
+#d4
+{background-color:#EEB4B4}
+
+#d5
+{background-color:#CDC9C9}
+
+#d6
+{background-color:#F08080}
+
+#d7
+{background-color:#FF6A6A}
+
+#d8
+{background-color:#CD9B9B}
+
+#d9
+{background-color:#EE6363}
+
+#d10
+{background-color:#BC8F8F}
+
+#d11
+{background-color:#FF4040}
+
+#d12
+{background-color:#FF3030}
+
+#d13
+{background-color:#EE3B3B}
+
+#d14
+{background-color:#CD5C5C}
+
+#d15
+{background-color:#CD5555}
+
+#d16
+{background-color:#EE2C2C}
+
+#d17
+{background-color:#8B8989}
+
+#d18
+{background-color:#CD3333}
+
+#d19
+{background-color:#FF0000}
+
+#d20
+{background-color:#FF0000}
+
+#d21
+{background-color:#8B6969}
+
+#d22
+{background-color:#CD2626}
+
+#d23
+{background-color:#EE0000}
+
+#d24
+{background-color:#B22222}
+
+#d25
+{background-color:#A52A2A}
+
+#d26
+{background-color:#CD0000}
+
+#d27
+{background-color:#8B3A3A}
+
+#d28
+{background-color:#8B2323}
+
+#d29
+{background-color:#8B1A1A}
+
+#d30
+{background-color:#8B0000}
+
+#d31
+{background-color:#8B0000}
+
+#d32
+{background-color:#800000}
+
+#d33
+{background-color:#FFAEB9}
+
+#d34
+{background-color:#CD8C95}
+
+#d35
+{background-color:#8B5F65}
+
+#d36
+{background-color:#EEA2AD}
+
+#d37
+{background-color:#FFB6C1}
+
+#d38
+{background-color:#FFC0CB}
+
+#d39
+{background-color:#DC143C}
+
+#d40
+{background-color:#FFB5C5}
+
+#d41
+{background-color:#EEA9B8}
+
+#d42
+{background-color:#CD919E}
+
+#d43
+{background-color:#8B636C}
+
+#d44
+{background-color:#8B475D}
+
+#d45
+{background-color:#DB7093}
+
+#d46
+{background-color:#EE799F}
+
+#d47
+{background-color:#FF82AB}
+
+#d48
+{background-color:#CD6889}
+
+#d49
+{background-color:#FFF0F5}
+
+#d50
+{background-color:#FFF0F5}
+
+#d51
+{background-color:#CDC1C5}
+
+#d52
+{background-color:#EEE0E5}
+
+#d53
+{background-color:#8B8386}
+
+#d54
+{background-color:#B03060}
+
+#d55
+{background-color:#CD6090}
+
+#d56
+{background-color:#CD3278}
+
+#d57
+{background-color:#FF3E96}
+
+#d58
+{background-color:#EE3A8C}
+
+#d59
+{background-color:#8B2252}
+
+#d60
+{background-color:#EE6AA7}
+
+#d61
+{background-color:#FF6EB4}
+
+#d62
+{background-color:#8B3A62}
+
+#d63
+{background-color:#FF69B4}
+
+#d64
+{background-color:#FF1493}
+
+#d65
+{background-color:#FF1493}
+
+#d66
+{background-color:#EE1289}
+
+#d67
+{background-color:#CD1076}
+
+#d68
+{background-color:#8B0A50}
+
+#d69
+{background-color:#FF34B3}
+
+#d70
+{background-color:#EE30A7}
+
+#d71
+{background-color:#CD2990}
+
+#d72
+{background-color:#8B1C62}
+
+#d73
+{background-color:#C71585}
+
+#d74
+{background-color:#D02090}
+
+#d75
+{background-color:#EE7AE9}
+
+#d76
+{background-color:#DA70D6}
+
+#d77
+{background-color:#FF83FA}
+
+#d78
+{background-color:#CD69C9}
+
+#d79
+{background-color:#8B4789}
+
+#d80
+{background-color:#FFE1FF}
+
+#d81
+{background-color:#EED2EE}
+
+#d82
+{background-color:#FFBBFF}
+
+#d83
+{background-color:#EEAEEE}
+
+#d84
+{background-color:#D8BFD8}
+
+#d85
+{background-color:#CDB5CD}
+
+#d86
+{background-color:#DDA0DD}
+
+#d87
+{background-color:#EE82EE}
+
+#d88
+{background-color:#CD96CD}
+
+#d89
+{background-color:#8B7B8B}
+
+#d90
+{background-color:#FF00FF}
+
+#d91
+{background-color:#FF00FF}
+
+#d92
+{background-color:#FF00FF}
+
+#d93
+{background-color:#8B668B}
+
+#d94
+{background-color:#EE00EE}
+
+#d95
+{background-color:#CD00CD}
+
+#d96
+{background-color:#8B008B}
+
+#d97
+{background-color:#8B008B}
+
+#d98
+{background-color:#800080}
+
+#d99
+{background-color:#BA55D3}
+
+#d100
+{background-color:#E066FF}
+
+#d101
+{background-color:#D15FEE}
+
+#d102
+{background-color:#B452CD}
+
+#d103
+{background-color:#7A378B}
+
+#d104
+{background-color:#9400D3}
+
+#d105
+{background-color:#9932CC}
+
+#d106
+{background-color:#BF3EFF}
+
+#d107
+{background-color:#9A32CD}
+
+#d108
+{background-color:#B23AEE}
+
+#d109
+{background-color:#68228B}
+
+#d110
+{background-color:#A020F0}
+
+#d111
+{background-color:#4B0082}
+
+#d112
+{background-color:#8A2BE2}
+
+#d113
+{background-color:#912CEE}
+
+#d114
+{background-color:#7D26CD}
+
+#d115
+{background-color:#551A8B}
+
+#d116
+{background-color:#9B30FF}
+
+#d117
+{background-color:#9370DB}
+
+#d118
+{background-color:#AB82FF}
+
+#d119
+{background-color:#9F79EE}
+
+#d120
+{background-color:#8968CD}
+
+#d121
+{background-color:#5D478B}
+
+#d122
+{background-color:#483D8B}
+
+#d123
+{background-color:#8470FF}
+
+#d124
+{background-color:#7B68EE}
+
+#d125
+{background-color:#6A5ACD}
+
+#d126
+{background-color:#836FFF}
+
+#d127
+{background-color:#7A67EE}
+
+#d128
+{background-color:#6959CD}
+
+#d129
+{background-color:#473C8B}
+
+#d130
+{background-color:#F8F8FF}
+
+#d131
+{background-color:#E6E6FA}
+
+#d132
+{background-color:#0000FF}
+
+#d133
+{background-color:#0000FF}
+
+#d134
+{background-color:#0000EE}
+
+#d135
+{background-color:#0000CD}
+
+#d136
+{background-color:#0000CD}
+
+#d137
+{background-color:#00008B}
+
+#d138
+{background-color:#00008B}
+
+#d139
+{background-color:#191970}
+
+#d140
+{background-color:#000080}
+
+#d141
+{background-color:#000080}
+
+#d142
+{background-color:#4169E1}
+
+#d143
+{background-color:#4876FF}
+
+#d144
+{background-color:#436EEE}
+
+#d145
+{background-color:#3A5FCD}
+
+#d146
+{background-color:#27408B}
+
+#d147
+{background-color:#6495ED}
+
+#d148
+{background-color:#B0C4DE}
+
+#d149
+{background-color:#CAE1FF}
+
+#d150
+{background-color:#BCD2EE}
+
+#d151
+{background-color:#A2B5CD}
+
+#d152
+{background-color:#6E7B8B}
+
+#d153
+{background-color:#6C7B8B}
+
+#d154
+{background-color:#C6E2FF}
+
+#d155
+{background-color:#B9D3EE}
+
+#d156
+{background-color:#9FB6CD}
+
+#d157
+{background-color:#778899}
+
+#d158
+{background-color:#778899}
+
+#d159
+{background-color:#708090}
+
+#d160
+{background-color:#708090}
+
+#d161
+{background-color:#1E90FF}
+
+#d162
+{background-color:#1E90FF}
+
+#d163
+{background-color:#1C86EE}
+
+#d164
+{background-color:#104E8B}
+
+#d165
+{background-color:#1874CD}
+
+#d166
+{background-color:#F0F8FF}
+
+#d167
+{background-color:#36648B}
+
+#d168
+{background-color:#4682B4}
+
+#d169
+{background-color:#63B8FF}
+
+#d170
+{background-color:#5CACEE}
+
+#d171
+{background-color:#4F94CD}
+
+#d172
+{background-color:#4A708B}
+
+#d173
+{background-color:#87CEFF}
+
+#d174
+{background-color:#7EC0EE}
+
+#d175
+{background-color:#6CA6CD}
+
+#d176
+{background-color:#87CEFA}
+
+#d177
+{background-color:#607B8B}
+
+#d178
+{background-color:#B0E2FF}
+
+#d179
+{background-color:#A4D3EE}
+
+#d180
+{background-color:#8DB6CD}
+
+#d181
+{background-color:#87CEEB}
+
+#d182
+{background-color:#9AC0CD}
+
+#d183
+{background-color:#00BFFF}
+
+#d184
+{background-color:#00BFFF}
+
+#d185
+{background-color:#00B2EE}
+
+#d186
+{background-color:#00688B}
+
+#d187
+{background-color:#009ACD}
+
+#d188
+{background-color:#BFEFFF}
+
+#d189
+{background-color:#B2DFEE}
+
+#d190
+{background-color:#ADD8E6}
+
+#d191
+{background-color:#68838B}
+
+#d192
+{background-color:#B0E0E6}
+
+#d193
+{background-color:#98F5FF}
+
+#d194
+{background-color:#8EE5EE}
+
+#d195
+{background-color:#7AC5CD}
+
+#d196
+{background-color:#53868B}
+
+#d197
+{background-color:#00F5FF}
+
+#d198
+{background-color:#00E5EE}
+
+#d199
+{background-color:#00C5CD}
+
+#d200
+{background-color:#00868B}
+
+#d201
+{background-color:#5F9EA0}
+
+#d202
+{background-color:#5F9EA0}
+
+#d203
+{background-color:#00CED1}
+
+#d204
+{background-color:#F0FFFF}
+
+#d205
+{background-color:#F0FFFF}
+
+#d206
+{background-color:#E0FFFF}
+
+#d207
+{background-color:#E0FFFF}
+
+#d208
+{background-color:#E0EEEE}
+
+#d209
+{background-color:#D1EEEE}
+
+#d210
+{background-color:#BBFFFF}
+
+#d211
+{background-color:#AFEEEE}
+
+#d212
+{background-color:#AEEEEE}
+
+#d213
+{background-color:#97FFFF}
+
+#d214
+{background-color:#C1CDCD}
+
+#d215
+{background-color:#B4CDCD}
+
+#d216
+{background-color:#8DEEEE}
+
+#d217
+{background-color:#96CDCD}
+
+#d218
+{background-color:#79CDCD}
+
+#d219
+{background-color:#838B8B}
+
+#d220
+{background-color:#7A8B8B}
+
+#d221
+{background-color:#00FFFF}
+
+#d222
+{background-color:#00FFFF}
+
+#d223
+{background-color:#00FFFF}
+
+#d224
+{background-color:#668B8B}
+
+#d225
+{background-color:#00EEEE}
+
+#d226
+{background-color:#528B8B}
+
+#d227
+{background-color:#00CDCD}
+
+#d228
+{background-color:#008B8B}
+
+#d229
+{background-color:#008B8B}
+
+#d230
+{background-color:#008080}
+
+#d231
+{background-color:#2F4F4F}
+
+#d232
+{background-color:#2F4F4F}
+
+#d233
+{background-color:#48D1CC}
+
+#d234
+{background-color:#20B2AA}
+
+#d235
+{background-color:#40E0D0}
+
+#d236
+{background-color:#458B74}
+
+#d237
+{background-color:#7FFFD4}
+
+#d238
+{background-color:#7FFFD4}
+
+#d239
+{background-color:#76EEC6}
+
+#d240
+{background-color:#66CDAA}
+
+#d241
+{background-color:#66CDAA}
+
+#d242
+{background-color:#00FA9A}
+
+#d243
+{background-color:#F5FFFA}
+
+#d244
+{background-color:#00FF7F}
+
+#d245
+{background-color:#00FF7F}
+
+#d246
+{background-color:#00EE76}
+
+#d247
+{background-color:#00CD66}
+
+#d248
+{background-color:#008B45}
+
+#d249
+{background-color:#3CB371}
+
+#d250
+{background-color:#2E8B57}
+
+#d251
+{background-color:#43CD80}
+
+#d252
+{background-color:#54FF9F}
+
+#d253
+{background-color:#2E8B57}
+
+#d254
+{background-color:#4EEE94}
+
+#d255
+{background-color:#32814B}
+
+#d256
+{background-color:#F0FFF0}
+
+#d257
+{background-color:#F0FFF0}
+
+#d258
+{background-color:#E0EEE0}
+
+#d259
+{background-color:#C1FFC1}
+
+#d260
+{background-color:#B4EEB4}
+
+#d261
+{background-color:#9AFF9A}
+
+#d262
+{background-color:#98FB98}
+
+#d263
+{background-color:#C1CDC1}
+
+#d264
+{background-color:#90EE90}
+
+#d265
+{background-color:#90EE90}
+
+#d266
+{background-color:#9BCD9B}
+
+#d267
+{background-color:#8FBC8F}
+
+#d268
+{background-color:#7CCD7C}
+
+#d269
+{background-color:#838B83}
+
+#d270
+{background-color:#00FF00}
+
+#d271
+{background-color:#00FF00}
+
+#d272
+{background-color:#32CD32}
+
+#d273
+{background-color:#698B69}
+
+#d274
+{background-color:#00EE00}
+
+#d275
+{background-color:#548B54}
+
+#d276
+{background-color:#00CD00}
+
+#d277
+{background-color:#228B22}
+
+#d278
+{background-color:#008B00}
+
+#d279
+{background-color:#008000}
+
+#d280
+{background-color:#006400}
+
+#d281
+{background-color:#7CFC00}
+
+#d282
+{background-color:#7FFF00}
+
+#d283
+{background-color:#7FFF00}
+
+#d284
+{background-color:#76EE00}
+
+#d285
+{background-color:#66CD00}
+
+#d286
+{background-color:#458B00}
+
+#d287
+{background-color:#ADFF2F}
+
+#d288
+{background-color:#A2CD5A}
+
+#d289
+{background-color:#CAFF70}
+
+#d290
+{background-color:#BCEE68}
+
+#d291
+{background-color:#6E8B3D}
+
+#d292
+{background-color:#556B2F}
+
+#d293
+{background-color:#6B8E23}
+
+#d294
+{background-color:#C0FF3E}
+
+#d295
+{background-color:#B3EE3A}
+
+#d296
+{background-color:#9ACD32}
+
+#d297
+{background-color:#9ACD32}
+
+#d298
+{background-color:#698B22}
+
+#d299
+{background-color:#FFFFF0}
+
+#d300
+{background-color:#FFFFF0}
+
+#d301
+{background-color:#FFFFE0}
+
+#d302
+{background-color:#FFFFE0}
+
+#d303
+{background-color:#F5F5DC}
+
+#d304
+{background-color:#EEEEE0}
+
+#d305
+{background-color:#FAFAD2}
+
+#d306
+{background-color:#EEEED1}
+
+#d307
+{background-color:#CDCDC1}
+
+#d308
+{background-color:#CDCDB4}
+
+#d309
+{background-color:#8B8B83}
+
+#d310
+{background-color:#8B8B7A}
+
+#d311
+{background-color:#FFFF00}
+
+#d312
+{background-color:#FFFF00}
+
+#d313
+{background-color:#EEEE00}
+
+#d314
+{background-color:#CDCD00}
+
+#d315
+{background-color:#8B8B00}
+
+#d316
+{background-color:#808000}
+
+#d317
+{background-color:#BDB76B}
+
+#d318
+{background-color:#EEE685}
+
+#d319
+{background-color:#8B8970}
+
+#d320
+{background-color:#FFF68F}
+
+#d321
+{background-color:#CDC673}
+
+#d322
+{background-color:#8B864E}
+
+#d323
+{background-color:#EEE8AA}
+
+#d324
+{background-color:#FFFACD}
+
+#d325
+{background-color:#FFFACD}
+
+#d326
+{background-color:#F0E68C}
+
+#d327
+{background-color:#CDC9A5}
+
+#d328
+{background-color:#EEE9BF}
+
+#d329
+{background-color:#D1C166}
+
+#d330
+{background-color:#8B8878}
+
+#d331
+{background-color:#FFD700}
+
+#d332
+{background-color:#FFD700}
+
+#d333
+{background-color:#EEC900}
+
+#d334
+{background-color:#CDAD00}
+
+#d335
+{background-color:#8B7500}
+
+#d336
+{background-color:#EEDD82}
+
+#d337
+{background-color:#8B814C}
+
+#d338
+{background-color:#FFEC8B}
+
+#d339
+{background-color:#CDBE70}
+
+#d340
+{background-color:#EEDC82}
+
+#d341
+{background-color:#CDC8B1}
+
+#d342
+{background-color:#EEE8CD}
+
+#d343
+{background-color:#FFF8DC}
+
+#d344
+{background-color:#FFF8DC}
+
+#d345
+{background-color:#DAA520}
+
+#d346
+{background-color:#FFC125}
+
+#d347
+{background-color:#EEB422}
+
+#d348
+{background-color:#CD9B1D}
+
+#d349
+{background-color:#8B6914}
+
+#d350
+{background-color:#B8860B}
+
+#d351
+{background-color:#FFB90F}
+
+#d352
+{background-color:#EEAD0E}
+
+#d353
+{background-color:#CD950C}
+
+#d354
+{background-color:#8B6508}
+
+#d355
+{background-color:#FFFAF0}
+
+#d356
+{background-color:#EED8AE}
+
+#d357
+{background-color:#FDF5E6}
+
+#d358
+{background-color:#F5DEB3}
+
+#d359
+{background-color:#FFE7BA}
+
+#d360
+{background-color:#CDBA96}
+
+#d361
+{background-color:#FFA500}
+
+#d362
+{background-color:#FFA500}
+
+#d363
+{background-color:#EE9A00}
+
+#d364
+{background-color:#CD8500}
+
+#d365
+{background-color:#8B5A00}
+
+#d366
+{background-color:#8B7E66}
+
+#d367
+{background-color:#FFE4B5}
+
+#d368
+{background-color:#FFEFD5}
+
+#d369
+{background-color:#CDB38B}
+
+#d370
+{background-color:#FFEBCD}
+
+#d371
+{background-color:#FFDEAD}
+
+#d372
+{background-color:#FFDEAD}
+
+#d373
+{background-color:#EECFA1}
+
+#d374
+{background-color:#8B795E}
+
+#d375
+{background-color:#8B8378}
+
+#d376
+{background-color:#FAEBD7}
+
+#d377
+{background-color:#D2B48C}
+
+#d378
+{background-color:#8B7D6B}
+
+#d379
+{background-color:#DEB887}
+
+#d380
+{background-color:#EEDFCC}
+
+#d381
+{background-color:#FFD39B}
+
+#d382
+{background-color:#CDAA7D}
+
+#d383
+{background-color:#EEC591}
+
+#d384
+{background-color:#FFEFDB}
+
+#d385
+{background-color:#8B7355}
+
+#d386
+{background-color:#CDC0B0}
+
+#d387
+{background-color:#FF8C00}
+
+#d388
+{background-color:#EED5B7}
+
+#d389
+{background-color:#FFE4C4}
+
+#d390
+{background-color:#FFE4C4}
+
+#d391
+{background-color:#CDB79E}
+
+#d392
+{background-color:#FF7F00}
+
+#d393
+{background-color:#FAF0E6}
+
+#d394
+{background-color:#EE7600}
+
+#d395
+{background-color:#CD6600}
+
+#d396
+{background-color:#8B4500}
+
+#d397
+{background-color:#CD853F}
+
+#d398
+{background-color:#FFA54F}
+
+#d399
+{background-color:#EE9A49}
+
+#d400
+{background-color:#CD853F}
+
+#d401
+{background-color:#8B5A2B}
+
+#d402
+{background-color:#FFDAB9}
+
+#d403
+{background-color:#FFDAB9}
+
+#d404
+{background-color:#8B7765}
+
+#d405
+{background-color:#EECBAD}
+
+#d406
+{background-color:#CDAF95}
+
+#d407
+{background-color:#F4A460}
+
+#d408
+{background-color:#8B8682}
+
+#d409
+{background-color:#EEE5DE}
+
+#d410
+{background-color:#CDC5BF}
+
+#d411
+{background-color:#D2691E}
+
+#d412
+{background-color:#FF7F24}
+
+#d413
+{background-color:#EE7621}
+
+#d414
+{background-color:#CD661D}
+
+#d415
+{background-color:#8B4513}
+
+#d416
+{background-color:#8B4513}
+
+#d417
+{background-color:#FFF5EE}
+
+#d418
+{background-color:#FFF5EE}
+
+#d419
+{background-color:#8B4726}
+
+#d420
+{background-color:#A0522D}
+
+#d421
+{background-color:#FF8247}
+
+#d422
+{background-color:#EE7942}
+
+#d423
+{background-color:#CD6839}
+
+#d424
+{background-color:#CD8162}
+
+#d425
+{background-color:#FFA07A}
+
+#d426
+{background-color:#FFA07A}
+
+#d427
+{background-color:#8B5742}
+
+#d428
+{background-color:#EE9572}
+
+#d429
+{background-color:#FF7F50}
+
+#d430
+{background-color:#FF4500}
+
+#d431
+{background-color:#FF4500}
+
+#d432
+{background-color:#EE4000}
+
+#d433
+{background-color:#CD3700}
+
+#d434
+{background-color:#8B2500}
+
+#d435
+{background-color:#E9967A}
+
+#d436
+{background-color:#FF8C69}
+
+#d437
+{background-color:#EE8262}
+
+#d438
+{background-color:#CD7054}
+
+#d439
+{background-color:#8B4C39}
+
+#d440
+{background-color:#FF7256}
+
+#d441
+{background-color:#EE6A50}
+
+#d442
+{background-color:#CD5B45}
+
+#d443
+{background-color:#8B3E2F}
+
+#d444
+{background-color:#8B3626}
+
+#d445
+{background-color:#FF6347}
+
+#d446
+{background-color:#FF6347}
+
+#d447
+{background-color:#EE5C42}
+
+#d448
+{background-color:#CD4F39}
+
+#d449
+{background-color:#8B7D7B}
+
+#d450
+{background-color:#EED5D2}
+
+#d451
+{background-color:#FFE4E1}
+
+#d452
+{background-color:#FFE4E1}
+
+#d453
+{background-color:#FA8072}
+
+#d454
+{background-color:#CDB7B5}
+
+#d455
+{background-color:#FFFFFF}
+
+#d456
+{background-color:#FFFFFF}
+
+#d457
+{background-color:#FFFFFF}
+
+#d458
+{background-color:#FFFFFF}
+
+#d459
+{background-color:#FCFCFC}
+
+#d460
+{background-color:#FCFCFC}
+
+#d461
+{background-color:#FAFAFA}
+
+#d462
+{background-color:#FAFAFA}
+
+#d463
+{background-color:#F7F7F7}
+
+#d464
+{background-color:#F7F7F7}
+
+#d465
+{background-color:#F5F5F5}
+
+#d466
+{background-color:#F5F5F5}
+
+#d467
+{background-color:#F5F5F5}
+
+#d468
+{background-color:#F2F2F2}
+
+#d469
+{background-color:#F2F2F2}
+
+#d470
+{background-color:#F0F0F0}
+
+#d471
+{background-color:#F0F0F0}
+
+#d472
+{background-color:#EDEDED}
+
+#d473
+{background-color:#EDEDED}
+
+#d474
+{background-color:#EBEBEB}
+
+#d475
+{background-color:#EBEBEB}
+
+#d476
+{background-color:#E8E8E8}
+
+#d477
+{background-color:#E8E8E8}
+
+#d478
+{background-color:#E5E5E5}
+
+#d479
+{background-color:#E5E5E5}
+
+#d480
+{background-color:#E3E3E3}
+
+#d481
+{background-color:#E3E3E3}
+
+#d482
+{background-color:#E0E0E0}
+
+#d483
+{background-color:#E0E0E0}
+
+#d484
+{background-color:#DEDEDE}
+
+#d485
+{background-color:#DEDEDE}
+
+#d486
+{background-color:#DCDCDC}
+
+#d487
+{background-color:#DBDBDB}
+
+#d488
+{background-color:#DBDBDB}
+
+#d489
+{background-color:#D9D9D9}
+
+#d490
+{background-color:#D9D9D9}
+
+#d491
+{background-color:#D6D6D6}
+
+#d492
+{background-color:#D6D6D6}
+
+#d493
+{background-color:#D4D4D4}
+
+#d494
+{background-color:#D4D4D4}
+
+#d495
+{background-color:#D3D3D3}
+
+#d496
+{background-color:#D3D3D3}
+
+#d497
+{background-color:#D1D1D1}
+
+#d498
+{background-color:#D1D1D1}
+
+#d499
+{background-color:#CFCFCF}
+
+#d500
+{background-color:#CFCFCF}
+
+#d501
+{background-color:#CCCCCC}
+
+#d502
+{background-color:#CCCCCC}
+
+#d503
+{background-color:#C9C9C9}
+
+#d504
+{background-color:#C9C9C9}
+
+#d505
+{background-color:#C7C7C7}
+
+#d506
+{background-color:#C7C7C7}
+
+#d507
+{background-color:#C4C4C4}
+
+#d508
+{background-color:#C4C4C4}
+
+#d509
+{background-color:#C2C2C2}
+
+#d510
+{background-color:#C2C2C2}
+
+#d511
+{background-color:#C0C0C0}
+
+#d512
+{background-color:#BFBFBF}
+
+#d513
+{background-color:#BFBFBF}
+
+#d514
+{background-color:#BDBDBD}
+
+#d515
+{background-color:#BDBDBD}
+
+#d516
+{background-color:#BABABA}
+
+#d517
+{background-color:#BABABA}
+
+#d518
+{background-color:#B8B8B8}
+
+#d519
+{background-color:#B8B8B8}
+
+#d520
+{background-color:#B5B5B5}
+
+#d521
+{background-color:#B5B5B5}
+
+#d522
+{background-color:#B3B3B3}
+
+#d523
+{background-color:#B3B3B3}
+
+#d524
+{background-color:#B0B0B0}
+
+#d525
+{background-color:#B0B0B0}
+
+#d526
+{background-color:#ADADAD}
+
+#d527
+{background-color:#ADADAD}
+
+#d528
+{background-color:#ABABAB}
+
+#d529
+{background-color:#ABABAB}
+
+#d530
+{background-color:#A9A9A9}
+
+#d531
+{background-color:#A9A9A9}
+
+#d532
+{background-color:#A8A8A8}
+
+#d533
+{background-color:#A8A8A8}
+
+#d534
+{background-color:#A6A6A6}
+
+#d535
+{background-color:#A6A6A6}
+
+#d536
+{background-color:#A3A3A3}
+
+#d537
+{background-color:#A3A3A3}
+
+#d538
+{background-color:#A1A1A1}
+
+#d539
+{background-color:#A1A1A1}
+
+#d540
+{background-color:#9E9E9E}
+
+#d541
+{background-color:#9E9E9E}
+
+#d542
+{background-color:#9C9C9C}
+
+#d543
+{background-color:#9C9C9C}
+
+#d544
+{background-color:#999999}
+
+#d545
+{background-color:#999999}
+
+#d546
+{background-color:#969696}
+
+#d547
+{background-color:#969696}
+
+#d548
+{background-color:#949494}
+
+#d549
+{background-color:#949494}
+
+#d550
+{background-color:#919191}
+
+#d551
+{background-color:#919191}
+
+#d552
+{background-color:#8F8F8F}
+
+#d553
+{background-color:#8F8F8F}
+
+#d554
+{background-color:#8C8C8C}
+
+#d555
+{background-color:#8C8C8C}
+
+#d556
+{background-color:#8A8A8A}
+
+#d557
+{background-color:#8A8A8A}
+
+#d558
+{background-color:#878787}
+
+#d559
+{background-color:#878787}
+
+#d560
+{background-color:#858585}
+
+#d561
+{background-color:#858585}
+
+#d562
+{background-color:#828282}
+
+#d563
+{background-color:#828282}
+
+#d564
+{background-color:#808080}
+
+#d565
+{background-color:#7F7F7F}
+
+#d566
+{background-color:#7F7F7F}
+
+#d567
+{background-color:#7E7E7E}
+
+#d568
+{background-color:#7D7D7D}
+
+#d569
+{background-color:#7D7D7D}
+
+#d570
+{background-color:#7A7A7A}
+
+#d571
+{background-color:#7A7A7A}
+
+#d572
+{background-color:#787878}
+
+#d573
+{background-color:#787878}
+
+#d574
+{background-color:#757575}
+
+#d575
+{background-color:#757575}
+
+#d576
+{background-color:#737373}
+
+#d577
+{background-color:#737373}
+
+#d578
+{background-color:#707070}
+
+#d579
+{background-color:#707070}
+
+#d580
+{background-color:#6E6E6E}
+
+#d581
+{background-color:#6E6E6E}
+
+#d582
+{background-color:#6B6B6B}
+
+#d583
+{background-color:#6B6B6B}
+
+#d584
+{background-color:#696969}
+
+#d585
+{background-color:#696969}
+
+#d586
+{background-color:#696969}
+
+#d587
+{background-color:#696969}
+
+#d588
+{background-color:#666666}
+
+#d589
+{background-color:#666666}
+
+#d590
+{background-color:#636363}
+
+#d591
+{background-color:#636363}
+
+#d592
+{background-color:#616161}
+
+#d593
+{background-color:#616161}
+
+#d594
+{background-color:#5E5E5E}
+
+#d595
+{background-color:#5E5E5E}
+
+#d596
+{background-color:#5C5C5C}
+
+#d597
+{background-color:#5C5C5C}
+
+#d598
+{background-color:#595959}
+
+#d599
+{background-color:#595959}
+
+#d600
+{background-color:#575757}
+
+#d601
+{background-color:#575757}
+
+#d602
+{background-color:#545454}
+
+#d603
+{background-color:#545454}
+
+#d604
+{background-color:#525252}
+
+#d605
+{background-color:#525252}
+
+#d606
+{background-color:#4F4F4F}
+
+#d607
+{background-color:#4F4F4F}
+
+#d608
+{background-color:#4D4D4D}
+
+#d609
+{background-color:#4D4D4D}
+
+#d610
+{background-color:#4A4A4A}
+
+#d611
+{background-color:#4A4A4A}
+
+#d612
+{background-color:#474747}
+
+#d613
+{background-color:#474747}
+
+#d614
+{background-color:#454545}
+
+#d615
+{background-color:#454545}
+
+#d616
+{background-color:#424242}
+
+#d617
+{background-color:#424242}
+
+#d618
+{background-color:#404040}
+
+#d619
+{background-color:#404040}
+
+#d620
+{background-color:#3D3D3D}
+
+#d621
+{background-color:#3D3D3D}
+
+#d622
+{background-color:#3B3B3B}
+
+#d623
+{background-color:#3B3B3B}
+
+#d624
+{background-color:#383838}
+
+#d625
+{background-color:#383838}
+
+#d626
+{background-color:#363636}
+
+#d627
+{background-color:#363636}
+
+#d628
+{background-color:#333333}
+
+#d629
+{background-color:#333333}
+
+#d630
+{background-color:#303030}
+
+#d631
+{background-color:#303030}
+
+#d632
+{background-color:#2E2E2E}
+
+#d633
+{background-color:#2E2E2E}
+
+#d634
+{background-color:#2B2B2B}
+
+#d635
+{background-color:#2B2B2B}
+
+#d636
+{background-color:#292929}
+
+#d637
+{background-color:#292929}
+
+#d638
+{background-color:#262626}
+
+#d639
+{background-color:#262626}
+
+#d640
+{background-color:#242424}
+
+#d641
+{background-color:#242424}
+
+#d642
+{background-color:#212121}
+
+#d643
+{background-color:#212121}
+
+#d644
+{background-color:#1F1F1F}
+
+#d645
+{background-color:#1F1F1F}
+
+#d646
+{background-color:#1C1C1C}
+
+#d647
+{background-color:#1C1C1C}
+
+#d648
+{background-color:#1A1A1A}
+
+#d649
+{background-color:#1A1A1A}
+
+#d650
+{background-color:#171717}
+
+#d651
+{background-color:#171717}
+
+#d652
+{background-color:#141414}
+
+#d653
+{background-color:#141414}
+
+#d654
+{background-color:#121212}
+
+#d655
+{background-color:#121212}
+
+#d656
+{background-color:#0F0F0F}
+
+#d657
+{background-color:#0F0F0F}
+
+#d658
+{background-color:#0D0D0D}
+
+#d659
+{background-color:#0D0D0D}
+
+#d660
+{background-color:#0A0A0A}
+
+#d661
+{background-color:#0A0A0A}
+
+#d662
+{background-color:#080808}
+
+#d663
+{background-color:#080808}
+
+#d664
+{background-color:#050505}
+
+#d665
+{background-color:#050505}
+
+#d666
+{background-color:#030303}
+
+#d667
+{background-color:#030303}
+
+#d668
+{background-color:#000000}
+
+#d669
+{background-color:#000000}
+
+#d670
+{background-color:#000000}
+
+#d671
+{background-color:#000000}
+
+#d672
+{background-color:#000000}
+
+#d673
+{background-color:#000000}
+.colors
+{
+height:30;
+width:10px;
+}
+</style></head><body>
+<div id='colorpicker'>
+<div id='container'>
+<div id='d0' class='colors'>
+snow</div>
+<div id='d1' class='colors'>
+snow1</div>
+<div id='d2' class='colors'>
+snow2</div>
+<div id='d3' class='colors'>
+RosyBrown1</div>
+<div id='d4' class='colors'>
+RosyBrown2</div>
+<div id='d5' class='colors'>
+snow3</div>
+<div id='d6' class='colors'>
+LightCoral</div>
+<div id='d7' class='colors'>
+IndianRed1</div>
+<div id='d8' class='colors'>
+RosyBrown3</div>
+<div id='d9' class='colors'>
+IndianRed2</div>
+<div id='d10' class='colors'>
+RosyBrown</div>
+<div id='d11' class='colors'>
+brown1</div>
+<div id='d12' class='colors'>
+firebrick1</div>
+<div id='d13' class='colors'>
+brown2</div>
+<div id='d14' class='colors'>
+IndianRed</div>
+<div id='d15' class='colors'>
+IndianRed3</div>
+<div id='d16' class='colors'>
+firebrick2</div>
+<div id='d17' class='colors'>
+snow4</div>
+<div id='d18' class='colors'>
+brown3</div>
+<div id='d19' class='colors'>
+red</div>
+<div id='d20' class='colors'>
+red1</div>
+<div id='d21' class='colors'>
+RosyBrown4</div>
+<div id='d22' class='colors'>
+firebrick3</div>
+<div id='d23' class='colors'>
+red2</div>
+<div id='d24' class='colors'>
+firebrick</div>
+<div id='d25' class='colors'>
+brown</div>
+<div id='d26' class='colors'>
+red3</div>
+<div id='d27' class='colors'>
+IndianRed4</div>
+<div id='d28' class='colors'>
+brown4</div>
+<div id='d29' class='colors'>
+firebrick4</div>
+<div id='d30' class='colors'>
+DarkRed</div>
+<div id='d31' class='colors'>
+red4</div>
+<div id='d32' class='colors'>
+maroon</div>
+<div id='d33' class='colors'>
+LightPink1</div>
+<div id='d34' class='colors'>
+LightPink3</div>
+<div id='d35' class='colors'>
+LightPink4</div>
+<div id='d36' class='colors'>
+LightPink2</div>
+<div id='d37' class='colors'>
+LightPink</div>
+<div id='d38' class='colors'>
+pink</div>
+<div id='d39' class='colors'>
+crimson</div>
+<div id='d40' class='colors'>
+pink1</div>
+<div id='d41' class='colors'>
+pink2</div>
+<div id='d42' class='colors'>
+pink3</div>
+<div id='d43' class='colors'>
+pink4</div>
+<div id='d44' class='colors'>
+PaleVioletRed4</div>
+<div id='d45' class='colors'>
+PaleVioletRed</div>
+<div id='d46' class='colors'>
+PaleVioletRed2</div>
+<div id='d47' class='colors'>
+PaleVioletRed1</div>
+<div id='d48' class='colors'>
+PaleVioletRed3</div>
+<div id='d49' class='colors'>
+LavenderBlush</div>
+<div id='d50' class='colors'>
+LavenderBlush1</div>
+<div id='d51' class='colors'>
+LavenderBlush3</div>
+<div id='d52' class='colors'>
+LavenderBlush2</div>
+<div id='d53' class='colors'>
+LavenderBlush4</div>
+<div id='d54' class='colors'>
+maroon</div>
+<div id='d55' class='colors'>
+HotPink3</div>
+<div id='d56' class='colors'>
+VioletRed3</div>
+<div id='d57' class='colors'>
+VioletRed1</div>
+<div id='d58' class='colors'>
+VioletRed2</div>
+<div id='d59' class='colors'>
+VioletRed4</div>
+<div id='d60' class='colors'>
+HotPink2</div>
+<div id='d61' class='colors'>
+HotPink1</div>
+<div id='d62' class='colors'>
+HotPink4</div>
+<div id='d63' class='colors'>
+HotPink</div>
+<div id='d64' class='colors'>
+DeepPink</div>
+<div id='d65' class='colors'>
+DeepPink1</div>
+<div id='d66' class='colors'>
+DeepPink2</div>
+<div id='d67' class='colors'>
+DeepPink3</div>
+<div id='d68' class='colors'>
+DeepPink4</div>
+<div id='d69' class='colors'>
+maroon1</div>
+<div id='d70' class='colors'>
+maroon2</div>
+<div id='d71' class='colors'>
+maroon3</div>
+<div id='d72' class='colors'>
+maroon4</div>
+<div id='d73' class='colors'>
+MediumVioletRed</div>
+<div id='d74' class='colors'>
+VioletRed</div>
+<div id='d75' class='colors'>
+orchid2</div>
+<div id='d76' class='colors'>
+orchid</div>
+<div id='d77' class='colors'>
+orchid1</div>
+<div id='d78' class='colors'>
+orchid3</div>
+<div id='d79' class='colors'>
+orchid4</div>
+<div id='d80' class='colors'>
+thistle1</div>
+<div id='d81' class='colors'>
+thistle2</div>
+<div id='d82' class='colors'>
+plum1</div>
+<div id='d83' class='colors'>
+plum2</div>
+<div id='d84' class='colors'>
+thistle</div>
+<div id='d85' class='colors'>
+thistle3</div>
+<div id='d86' class='colors'>
+plum</div>
+<div id='d87' class='colors'>
+violet</div>
+<div id='d88' class='colors'>
+plum3</div>
+<div id='d89' class='colors'>
+thistle4</div>
+<div id='d90' class='colors'>
+fuchsia</div>
+<div id='d91' class='colors'>
+magenta</div>
+<div id='d92' class='colors'>
+magenta1</div>
+<div id='d93' class='colors'>
+plum4</div>
+<div id='d94' class='colors'>
+magenta2</div>
+<div id='d95' class='colors'>
+magenta3</div>
+<div id='d96' class='colors'>
+DarkMagenta</div>
+<div id='d97' class='colors'>
+magenta4</div>
+<div id='d98' class='colors'>
+purple</div>
+<div id='d99' class='colors'>
+MediumOrchid</div>
+<div id='d100' class='colors'>
+MediumOrchid1</div>
+<div id='d101' class='colors'>
+MediumOrchid2</div>
+<div id='d102' class='colors'>
+MediumOrchid3</div>
+<div id='d103' class='colors'>
+MediumOrchid4</div>
+<div id='d104' class='colors'>
+DarkViolet</div>
+<div id='d105' class='colors'>
+DarkOrchid</div>
+<div id='d106' class='colors'>
+DarkOrchid1</div>
+<div id='d107' class='colors'>
+DarkOrchid3</div>
+<div id='d108' class='colors'>
+DarkOrchid2</div>
+<div id='d109' class='colors'>
+DarkOrchid4</div>
+<div id='d110' class='colors'>
+purple</div>
+<div id='d111' class='colors'>
+indigo</div>
+<div id='d112' class='colors'>
+BlueViolet</div>
+<div id='d113' class='colors'>
+purple2</div>
+<div id='d114' class='colors'>
+purple3</div>
+<div id='d115' class='colors'>
+purple4</div>
+<div id='d116' class='colors'>
+purple1</div>
+<div id='d117' class='colors'>
+MediumPurple</div>
+<div id='d118' class='colors'>
+MediumPurple1</div>
+<div id='d119' class='colors'>
+MediumPurple2</div>
+<div id='d120' class='colors'>
+MediumPurple3</div>
+<div id='d121' class='colors'>
+MediumPurple4</div>
+<div id='d122' class='colors'>
+DarkSlateBlue</div>
+<div id='d123' class='colors'>
+LightSlateBlue</div>
+<div id='d124' class='colors'>
+MediumSlateBlue</div>
+<div id='d125' class='colors'>
+SlateBlue</div>
+<div id='d126' class='colors'>
+SlateBlue1</div>
+<div id='d127' class='colors'>
+SlateBlue2</div>
+<div id='d128' class='colors'>
+SlateBlue3</div>
+<div id='d129' class='colors'>
+SlateBlue4</div>
+<div id='d130' class='colors'>
+GhostWhite</div>
+<div id='d131' class='colors'>
+lavender</div>
+<div id='d132' class='colors'>
+blue</div>
+<div id='d133' class='colors'>
+blue1</div>
+<div id='d134' class='colors'>
+blue2</div>
+<div id='d135' class='colors'>
+blue3</div>
+<div id='d136' class='colors'>
+MediumBlue</div>
+<div id='d137' class='colors'>
+blue4</div>
+<div id='d138' class='colors'>
+DarkBlue</div>
+<div id='d139' class='colors'>
+MidnightBlue</div>
+<div id='d140' class='colors'>
+navy</div>
+<div id='d141' class='colors'>
+NavyBlue</div>
+<div id='d142' class='colors'>
+RoyalBlue</div>
+<div id='d143' class='colors'>
+RoyalBlue1</div>
+<div id='d144' class='colors'>
+RoyalBlue2</div>
+<div id='d145' class='colors'>
+RoyalBlue3</div>
+<div id='d146' class='colors'>
+RoyalBlue4</div>
+<div id='d147' class='colors'>
+CornflowerBlue</div>
+<div id='d148' class='colors'>
+LightSteelBlue</div>
+<div id='d149' class='colors'>
+LightSteelBlue1</div>
+<div id='d150' class='colors'>
+LightSteelBlue2</div>
+<div id='d151' class='colors'>
+LightSteelBlue3</div>
+<div id='d152' class='colors'>
+LightSteelBlue4</div>
+<div id='d153' class='colors'>
+SlateGray4</div>
+<div id='d154' class='colors'>
+SlateGray1</div>
+<div id='d155' class='colors'>
+SlateGray2</div>
+<div id='d156' class='colors'>
+SlateGray3</div>
+<div id='d157' class='colors'>
+LightSlateGray</div>
+<div id='d158' class='colors'>
+LightSlateGrey</div>
+<div id='d159' class='colors'>
+SlateGray</div>
+<div id='d160' class='colors'>
+SlateGrey</div>
+<div id='d161' class='colors'>
+DodgerBlue</div>
+<div id='d162' class='colors'>
+DodgerBlue1</div>
+<div id='d163' class='colors'>
+DodgerBlue2</div>
+<div id='d164' class='colors'>
+DodgerBlue4</div>
+<div id='d165' class='colors'>
+DodgerBlue3</div>
+<div id='d166' class='colors'>
+AliceBlue</div>
+<div id='d167' class='colors'>
+SteelBlue4</div>
+<div id='d168' class='colors'>
+SteelBlue</div>
+<div id='d169' class='colors'>
+SteelBlue1</div>
+<div id='d170' class='colors'>
+SteelBlue2</div>
+<div id='d171' class='colors'>
+SteelBlue3</div>
+<div id='d172' class='colors'>
+SkyBlue4</div>
+<div id='d173' class='colors'>
+SkyBlue1</div>
+<div id='d174' class='colors'>
+SkyBlue2</div>
+<div id='d175' class='colors'>
+SkyBlue3</div>
+<div id='d176' class='colors'>
+LightSkyBlue</div>
+<div id='d177' class='colors'>
+LightSkyBlue4</div>
+<div id='d178' class='colors'>
+LightSkyBlue1</div>
+<div id='d179' class='colors'>
+LightSkyBlue2</div>
+<div id='d180' class='colors'>
+LightSkyBlue3</div>
+<div id='d181' class='colors'>
+SkyBlue</div>
+<div id='d182' class='colors'>
+LightBlue3</div>
+<div id='d183' class='colors'>
+DeepSkyBlue</div>
+<div id='d184' class='colors'>
+DeepSkyBlue1</div>
+<div id='d185' class='colors'>
+DeepSkyBlue2</div>
+<div id='d186' class='colors'>
+DeepSkyBlue4</div>
+<div id='d187' class='colors'>
+DeepSkyBlue3</div>
+<div id='d188' class='colors'>
+LightBlue1</div>
+<div id='d189' class='colors'>
+LightBlue2</div>
+<div id='d190' class='colors'>
+LightBlue</div>
+<div id='d191' class='colors'>
+LightBlue4</div>
+<div id='d192' class='colors'>
+PowderBlue</div>
+<div id='d193' class='colors'>
+CadetBlue1</div>
+<div id='d194' class='colors'>
+CadetBlue2</div>
+<div id='d195' class='colors'>
+CadetBlue3</div>
+<div id='d196' class='colors'>
+CadetBlue4</div>
+<div id='d197' class='colors'>
+turquoise1</div>
+<div id='d198' class='colors'>
+turquoise2</div>
+<div id='d199' class='colors'>
+turquoise3</div>
+<div id='d200' class='colors'>
+turquoise4</div>
+<div id='d201' class='colors'>
+cadet blue</div>
+<div id='d202' class='colors'>
+CadetBlue</div>
+<div id='d203' class='colors'>
+DarkTurquoise</div>
+<div id='d204' class='colors'>
+azure</div>
+<div id='d205' class='colors'>
+azure1</div>
+<div id='d206' class='colors'>
+LightCyan</div>
+<div id='d207' class='colors'>
+LightCyan1</div>
+<div id='d208' class='colors'>
+azure2</div>
+<div id='d209' class='colors'>
+LightCyan2</div>
+<div id='d210' class='colors'>
+PaleTurquoise1</div>
+<div id='d211' class='colors'>
+PaleTurquoise</div>
+<div id='d212' class='colors'>
+PaleTurquoise2</div>
+<div id='d213' class='colors'>
+DarkSlateGray1</div>
+<div id='d214' class='colors'>
+azure3</div>
+<div id='d215' class='colors'>
+LightCyan3</div>
+<div id='d216' class='colors'>
+DarkSlateGray2</div>
+<div id='d217' class='colors'>
+PaleTurquoise3</div>
+<div id='d218' class='colors'>
+DarkSlateGray3</div>
+<div id='d219' class='colors'>
+azure4</div>
+<div id='d220' class='colors'>
+LightCyan4</div>
+<div id='d221' class='colors'>
+aqua</div>
+<div id='d222' class='colors'>
+cyan</div>
+<div id='d223' class='colors'>
+cyan1</div>
+<div id='d224' class='colors'>
+PaleTurquoise4</div>
+<div id='d225' class='colors'>
+cyan2</div>
+<div id='d226' class='colors'>
+DarkSlateGray4</div>
+<div id='d227' class='colors'>
+cyan3</div>
+<div id='d228' class='colors'>
+cyan4</div>
+<div id='d229' class='colors'>
+DarkCyan</div>
+<div id='d230' class='colors'>
+teal</div>
+<div id='d231' class='colors'>
+DarkSlateGray</div>
+<div id='d232' class='colors'>
+DarkSlateGrey</div>
+<div id='d233' class='colors'>
+MediumTurquoise</div>
+<div id='d234' class='colors'>
+LightSeaGreen</div>
+<div id='d235' class='colors'>
+turquoise</div>
+<div id='d236' class='colors'>
+aquamarine4</div>
+<div id='d237' class='colors'>
+aquamarine</div>
+<div id='d238' class='colors'>
+aquamarine1</div>
+<div id='d239' class='colors'>
+aquamarine2</div>
+<div id='d240' class='colors'>
+aquamarine3</div>
+<div id='d241' class='colors'>
+MediumAquamarine</div>
+<div id='d242' class='colors'>
+MediumSpringGreen</div>
+<div id='d243' class='colors'>
+MintCream</div>
+<div id='d244' class='colors'>
+SpringGreen</div>
+<div id='d245' class='colors'>
+SpringGreen1</div>
+<div id='d246' class='colors'>
+SpringGreen2</div>
+<div id='d247' class='colors'>
+SpringGreen3</div>
+<div id='d248' class='colors'>
+SpringGreen4</div>
+<div id='d249' class='colors'>
+MediumSeaGreen</div>
+<div id='d250' class='colors'>
+SeaGreen</div>
+<div id='d251' class='colors'>
+SeaGreen3</div>
+<div id='d252' class='colors'>
+SeaGreen1</div>
+<div id='d253' class='colors'>
+SeaGreen4</div>
+<div id='d254' class='colors'>
+SeaGreen2</div>
+<div id='d255' class='colors'>
+MediumForestGreen</div>
+<div id='d256' class='colors'>
+honeydew</div>
+<div id='d257' class='colors'>
+honeydew1</div>
+<div id='d258' class='colors'>
+honeydew2</div>
+<div id='d259' class='colors'>
+DarkSeaGreen1</div>
+<div id='d260' class='colors'>
+DarkSeaGreen2</div>
+<div id='d261' class='colors'>
+PaleGreen1</div>
+<div id='d262' class='colors'>
+PaleGreen</div>
+<div id='d263' class='colors'>
+honeydew3</div>
+<div id='d264' class='colors'>
+LightGreen</div>
+<div id='d265' class='colors'>
+PaleGreen2</div>
+<div id='d266' class='colors'>
+DarkSeaGreen3</div>
+<div id='d267' class='colors'>
+DarkSeaGreen</div>
+<div id='d268' class='colors'>
+PaleGreen3</div>
+<div id='d269' class='colors'>
+honeydew4</div>
+<div id='d270' class='colors'>
+green1</div>
+<div id='d271' class='colors'>
+lime</div>
+<div id='d272' class='colors'>
+LimeGreen</div>
+<div id='d273' class='colors'>
+DarkSeaGreen4</div>
+<div id='d274' class='colors'>
+green2</div>
+<div id='d275' class='colors'>
+PaleGreen4</div>
+<div id='d276' class='colors'>
+green3</div>
+<div id='d277' class='colors'>
+ForestGreen</div>
+<div id='d278' class='colors'>
+green4</div>
+<div id='d279' class='colors'>
+green</div>
+<div id='d280' class='colors'>
+DarkGreen</div>
+<div id='d281' class='colors'>
+LawnGreen</div>
+<div id='d282' class='colors'>
+chartreuse</div>
+<div id='d283' class='colors'>
+chartreuse1</div>
+<div id='d284' class='colors'>
+chartreuse2</div>
+<div id='d285' class='colors'>
+chartreuse3</div>
+<div id='d286' class='colors'>
+chartreuse4</div>
+<div id='d287' class='colors'>
+GreenYellow</div>
+<div id='d288' class='colors'>
+DarkOliveGreen3</div>
+<div id='d289' class='colors'>
+DarkOliveGreen1</div>
+<div id='d290' class='colors'>
+DarkOliveGreen2</div>
+<div id='d291' class='colors'>
+DarkOliveGreen4</div>
+<div id='d292' class='colors'>
+DarkOliveGreen</div>
+<div id='d293' class='colors'>
+OliveDrab</div>
+<div id='d294' class='colors'>
+OliveDrab1</div>
+<div id='d295' class='colors'>
+OliveDrab2</div>
+<div id='d296' class='colors'>
+OliveDrab3</div>
+<div id='d297' class='colors'>
+YellowGreen</div>
+<div id='d298' class='colors'>
+OliveDrab4</div>
+<div id='d299' class='colors'>
+ivory</div>
+<div id='d300' class='colors'>
+ivory1</div>
+<div id='d301' class='colors'>
+LightYellow</div>
+<div id='d302' class='colors'>
+LightYellow1</div>
+<div id='d303' class='colors'>
+beige</div>
+<div id='d304' class='colors'>
+ivory2</div>
+<div id='d305' class='colors'>
+LightGoldenrodYellow</div>
+<div id='d306' class='colors'>
+LightYellow2</div>
+<div id='d307' class='colors'>
+ivory3</div>
+<div id='d308' class='colors'>
+LightYellow3</div>
+<div id='d309' class='colors'>
+ivory4</div>
+<div id='d310' class='colors'>
+LightYellow4</div>
+<div id='d311' class='colors'>
+yellow</div>
+<div id='d312' class='colors'>
+yellow1</div>
+<div id='d313' class='colors'>
+yellow2</div>
+<div id='d314' class='colors'>
+yellow3</div>
+<div id='d315' class='colors'>
+yellow4</div>
+<div id='d316' class='colors'>
+olive</div>
+<div id='d317' class='colors'>
+DarkKhaki</div>
+<div id='d318' class='colors'>
+khaki2</div>
+<div id='d319' class='colors'>
+LemonChiffon4</div>
+<div id='d320' class='colors'>
+khaki1</div>
+<div id='d321' class='colors'>
+khaki3</div>
+<div id='d322' class='colors'>
+khaki4</div>
+<div id='d323' class='colors'>
+PaleGoldenrod</div>
+<div id='d324' class='colors'>
+LemonChiffon</div>
+<div id='d325' class='colors'>
+LemonChiffon1</div>
+<div id='d326' class='colors'>
+khaki</div>
+<div id='d327' class='colors'>
+LemonChiffon3</div>
+<div id='d328' class='colors'>
+LemonChiffon2</div>
+<div id='d329' class='colors'>
+MediumGoldenRod</div>
+<div id='d330' class='colors'>
+cornsilk4</div>
+<div id='d331' class='colors'>
+gold</div>
+<div id='d332' class='colors'>
+gold1</div>
+<div id='d333' class='colors'>
+gold2</div>
+<div id='d334' class='colors'>
+gold3</div>
+<div id='d335' class='colors'>
+gold4</div>
+<div id='d336' class='colors'>
+LightGoldenrod</div>
+<div id='d337' class='colors'>
+LightGoldenrod4</div>
+<div id='d338' class='colors'>
+LightGoldenrod1</div>
+<div id='d339' class='colors'>
+LightGoldenrod3</div>
+<div id='d340' class='colors'>
+LightGoldenrod2</div>
+<div id='d341' class='colors'>
+cornsilk3</div>
+<div id='d342' class='colors'>
+cornsilk2</div>
+<div id='d343' class='colors'>
+cornsilk</div>
+<div id='d344' class='colors'>
+cornsilk1</div>
+<div id='d345' class='colors'>
+goldenrod</div>
+<div id='d346' class='colors'>
+goldenrod1</div>
+<div id='d347' class='colors'>
+goldenrod2</div>
+<div id='d348' class='colors'>
+goldenrod3</div>
+<div id='d349' class='colors'>
+goldenrod4</div>
+<div id='d350' class='colors'>
+DarkGoldenrod</div>
+<div id='d351' class='colors'>
+DarkGoldenrod1</div>
+<div id='d352' class='colors'>
+DarkGoldenrod2</div>
+<div id='d353' class='colors'>
+DarkGoldenrod3</div>
+<div id='d354' class='colors'>
+DarkGoldenrod4</div>
+<div id='d355' class='colors'>
+FloralWhite</div>
+<div id='d356' class='colors'>
+wheat2</div>
+<div id='d357' class='colors'>
+OldLace</div>
+<div id='d358' class='colors'>
+wheat</div>
+<div id='d359' class='colors'>
+wheat1</div>
+<div id='d360' class='colors'>
+wheat3</div>
+<div id='d361' class='colors'>
+orange</div>
+<div id='d362' class='colors'>
+orange1</div>
+<div id='d363' class='colors'>
+orange2</div>
+<div id='d364' class='colors'>
+orange3</div>
+<div id='d365' class='colors'>
+orange4</div>
+<div id='d366' class='colors'>
+wheat4</div>
+<div id='d367' class='colors'>
+moccasin</div>
+<div id='d368' class='colors'>
+PapayaWhip</div>
+<div id='d369' class='colors'>
+NavajoWhite3</div>
+<div id='d370' class='colors'>
+BlanchedAlmond</div>
+<div id='d371' class='colors'>
+NavajoWhite</div>
+<div id='d372' class='colors'>
+NavajoWhite1</div>
+<div id='d373' class='colors'>
+NavajoWhite2</div>
+<div id='d374' class='colors'>
+NavajoWhite4</div>
+<div id='d375' class='colors'>
+AntiqueWhite4</div>
+<div id='d376' class='colors'>
+AntiqueWhite</div>
+<div id='d377' class='colors'>
+tan</div>
+<div id='d378' class='colors'>
+bisque4</div>
+<div id='d379' class='colors'>
+burlywood</div>
+<div id='d380' class='colors'>
+AntiqueWhite2</div>
+<div id='d381' class='colors'>
+burlywood1</div>
+<div id='d382' class='colors'>
+burlywood3</div>
+<div id='d383' class='colors'>
+burlywood2</div>
+<div id='d384' class='colors'>
+AntiqueWhite1</div>
+<div id='d385' class='colors'>
+burlywood4</div>
+<div id='d386' class='colors'>
+AntiqueWhite3</div>
+<div id='d387' class='colors'>
+DarkOrange</div>
+<div id='d388' class='colors'>
+bisque2</div>
+<div id='d389' class='colors'>
+bisque</div>
+<div id='d390' class='colors'>
+bisque1</div>
+<div id='d391' class='colors'>
+bisque3</div>
+<div id='d392' class='colors'>
+DarkOrange1</div>
+<div id='d393' class='colors'>
+linen</div>
+<div id='d394' class='colors'>
+DarkOrange2</div>
+<div id='d395' class='colors'>
+DarkOrange3</div>
+<div id='d396' class='colors'>
+DarkOrange4</div>
+<div id='d397' class='colors'>
+peru</div>
+<div id='d398' class='colors'>
+tan1</div>
+<div id='d399' class='colors'>
+tan2</div>
+<div id='d400' class='colors'>
+tan3</div>
+<div id='d401' class='colors'>
+tan4</div>
+<div id='d402' class='colors'>
+PeachPuff</div>
+<div id='d403' class='colors'>
+PeachPuff1</div>
+<div id='d404' class='colors'>
+PeachPuff4</div>
+<div id='d405' class='colors'>
+PeachPuff2</div>
+<div id='d406' class='colors'>
+PeachPuff3</div>
+<div id='d407' class='colors'>
+SandyBrown</div>
+<div id='d408' class='colors'>
+seashell4</div>
+<div id='d409' class='colors'>
+seashell2</div>
+<div id='d410' class='colors'>
+seashell3</div>
+<div id='d411' class='colors'>
+chocolate</div>
+<div id='d412' class='colors'>
+chocolate1</div>
+<div id='d413' class='colors'>
+chocolate2</div>
+<div id='d414' class='colors'>
+chocolate3</div>
+<div id='d415' class='colors'>
+chocolate4</div>
+<div id='d416' class='colors'>
+SaddleBrown</div>
+<div id='d417' class='colors'>
+seashell</div>
+<div id='d418' class='colors'>
+seashell1</div>
+<div id='d419' class='colors'>
+sienna4</div>
+<div id='d420' class='colors'>
+sienna</div>
+<div id='d421' class='colors'>
+sienna1</div>
+<div id='d422' class='colors'>
+sienna2</div>
+<div id='d423' class='colors'>
+sienna3</div>
+<div id='d424' class='colors'>
+LightSalmon3</div>
+<div id='d425' class='colors'>
+LightSalmon</div>
+<div id='d426' class='colors'>
+LightSalmon1</div>
+<div id='d427' class='colors'>
+LightSalmon4</div>
+<div id='d428' class='colors'>
+LightSalmon2</div>
+<div id='d429' class='colors'>
+coral</div>
+<div id='d430' class='colors'>
+OrangeRed</div>
+<div id='d431' class='colors'>
+OrangeRed1</div>
+<div id='d432' class='colors'>
+OrangeRed2</div>
+<div id='d433' class='colors'>
+OrangeRed3</div>
+<div id='d434' class='colors'>
+OrangeRed4</div>
+<div id='d435' class='colors'>
+DarkSalmon</div>
+<div id='d436' class='colors'>
+salmon1</div>
+<div id='d437' class='colors'>
+salmon2</div>
+<div id='d438' class='colors'>
+salmon3</div>
+<div id='d439' class='colors'>
+salmon4</div>
+<div id='d440' class='colors'>
+coral1</div>
+<div id='d441' class='colors'>
+coral2</div>
+<div id='d442' class='colors'>
+coral3</div>
+<div id='d443' class='colors'>
+coral4</div>
+<div id='d444' class='colors'>
+tomato4</div>
+<div id='d445' class='colors'>
+tomato</div>
+<div id='d446' class='colors'>
+tomato1</div>
+<div id='d447' class='colors'>
+tomato2</div>
+<div id='d448' class='colors'>
+tomato3</div>
+<div id='d449' class='colors'>
+MistyRose4</div>
+<div id='d450' class='colors'>
+MistyRose2</div>
+<div id='d451' class='colors'>
+MistyRose</div>
+<div id='d452' class='colors'>
+MistyRose1</div>
+<div id='d453' class='colors'>
+salmon</div>
+<div id='d454' class='colors'>
+MistyRose3</div>
+<div id='d455' class='colors'>
+white</div>
+<div id='d456' class='colors'>
+gray100</div>
+<div id='d457' class='colors'>
+grey100</div>
+<div id='d458' class='colors'>
+grey100</div>
+<div id='d459' class='colors'>
+gray99</div>
+<div id='d460' class='colors'>
+grey99</div>
+<div id='d461' class='colors'>
+gray98</div>
+<div id='d462' class='colors'>
+grey98</div>
+<div id='d463' class='colors'>
+gray97</div>
+<div id='d464' class='colors'>
+grey97</div>
+<div id='d465' class='colors'>
+gray96</div>
+<div id='d466' class='colors'>
+grey96</div>
+<div id='d467' class='colors'>
+WhiteSmoke</div>
+<div id='d468' class='colors'>
+gray95</div>
+<div id='d469' class='colors'>
+grey95</div>
+<div id='d470' class='colors'>
+gray94</div>
+<div id='d471' class='colors'>
+grey94</div>
+<div id='d472' class='colors'>
+gray93</div>
+<div id='d473' class='colors'>
+grey93</div>
+<div id='d474' class='colors'>
+gray92</div>
+<div id='d475' class='colors'>
+grey92</div>
+<div id='d476' class='colors'>
+gray91</div>
+<div id='d477' class='colors'>
+grey91</div>
+<div id='d478' class='colors'>
+gray90</div>
+<div id='d479' class='colors'>
+grey90</div>
+<div id='d480' class='colors'>
+gray89</div>
+<div id='d481' class='colors'>
+grey89</div>
+<div id='d482' class='colors'>
+gray88</div>
+<div id='d483' class='colors'>
+grey88</div>
+<div id='d484' class='colors'>
+gray87</div>
+<div id='d485' class='colors'>
+grey87</div>
+<div id='d486' class='colors'>
+gainsboro</div>
+<div id='d487' class='colors'>
+gray86</div>
+<div id='d488' class='colors'>
+grey86</div>
+<div id='d489' class='colors'>
+gray85</div>
+<div id='d490' class='colors'>
+grey85</div>
+<div id='d491' class='colors'>
+gray84</div>
+<div id='d492' class='colors'>
+grey84</div>
+<div id='d493' class='colors'>
+gray83</div>
+<div id='d494' class='colors'>
+grey83</div>
+<div id='d495' class='colors'>
+LightGray</div>
+<div id='d496' class='colors'>
+LightGrey</div>
+<div id='d497' class='colors'>
+gray82</div>
+<div id='d498' class='colors'>
+grey82</div>
+<div id='d499' class='colors'>
+gray81</div>
+<div id='d500' class='colors'>
+grey81</div>
+<div id='d501' class='colors'>
+gray80</div>
+<div id='d502' class='colors'>
+grey80</div>
+<div id='d503' class='colors'>
+gray79</div>
+<div id='d504' class='colors'>
+grey79</div>
+<div id='d505' class='colors'>
+gray78</div>
+<div id='d506' class='colors'>
+grey78</div>
+<div id='d507' class='colors'>
+gray77</div>
+<div id='d508' class='colors'>
+grey77</div>
+<div id='d509' class='colors'>
+gray76</div>
+<div id='d510' class='colors'>
+grey76</div>
+<div id='d511' class='colors'>
+silver</div>
+<div id='d512' class='colors'>
+gray75</div>
+<div id='d513' class='colors'>
+grey75</div>
+<div id='d514' class='colors'>
+gray74</div>
+<div id='d515' class='colors'>
+grey74</div>
+<div id='d516' class='colors'>
+gray73</div>
+<div id='d517' class='colors'>
+grey73</div>
+<div id='d518' class='colors'>
+gray72</div>
+<div id='d519' class='colors'>
+grey72</div>
+<div id='d520' class='colors'>
+gray71</div>
+<div id='d521' class='colors'>
+grey71</div>
+<div id='d522' class='colors'>
+gray70</div>
+<div id='d523' class='colors'>
+grey70</div>
+<div id='d524' class='colors'>
+gray69</div>
+<div id='d525' class='colors'>
+grey69</div>
+<div id='d526' class='colors'>
+gray68</div>
+<div id='d527' class='colors'>
+grey68</div>
+<div id='d528' class='colors'>
+gray67</div>
+<div id='d529' class='colors'>
+grey67</div>
+<div id='d530' class='colors'>
+DarkGray</div>
+<div id='d531' class='colors'>
+DarkGrey</div>
+<div id='d532' class='colors'>
+gray66</div>
+<div id='d533' class='colors'>
+grey66</div>
+<div id='d534' class='colors'>
+gray65</div>
+<div id='d535' class='colors'>
+grey65</div>
+<div id='d536' class='colors'>
+gray64</div>
+<div id='d537' class='colors'>
+grey64</div>
+<div id='d538' class='colors'>
+gray63</div>
+<div id='d539' class='colors'>
+grey63</div>
+<div id='d540' class='colors'>
+gray62</div>
+<div id='d541' class='colors'>
+grey62</div>
+<div id='d542' class='colors'>
+gray61</div>
+<div id='d543' class='colors'>
+grey61</div>
+<div id='d544' class='colors'>
+gray60</div>
+<div id='d545' class='colors'>
+grey60</div>
+<div id='d546' class='colors'>
+gray59</div>
+<div id='d547' class='colors'>
+grey59</div>
+<div id='d548' class='colors'>
+gray58</div>
+<div id='d549' class='colors'>
+grey58</div>
+<div id='d550' class='colors'>
+gray57</div>
+<div id='d551' class='colors'>
+grey57</div>
+<div id='d552' class='colors'>
+gray56</div>
+<div id='d553' class='colors'>
+grey56</div>
+<div id='d554' class='colors'>
+gray55</div>
+<div id='d555' class='colors'>
+grey55</div>
+<div id='d556' class='colors'>
+gray54</div>
+<div id='d557' class='colors'>
+grey54</div>
+<div id='d558' class='colors'>
+gray53</div>
+<div id='d559' class='colors'>
+grey53</div>
+<div id='d560' class='colors'>
+gray52</div>
+<div id='d561' class='colors'>
+grey52</div>
+<div id='d562' class='colors'>
+gray51</div>
+<div id='d563' class='colors'>
+grey51</div>
+<div id='d564' class='colors'>
+fractal</div>
+<div id='d565' class='colors'>
+gray50</div>
+<div id='d566' class='colors'>
+grey50</div>
+<div id='d567' class='colors'>
+gray</div>
+<div id='d568' class='colors'>
+gray49</div>
+<div id='d569' class='colors'>
+grey49</div>
+<div id='d570' class='colors'>
+gray48</div>
+<div id='d571' class='colors'>
+grey48</div>
+<div id='d572' class='colors'>
+gray47</div>
+<div id='d573' class='colors'>
+grey47</div>
+<div id='d574' class='colors'>
+gray46</div>
+<div id='d575' class='colors'>
+grey46</div>
+<div id='d576' class='colors'>
+gray45</div>
+<div id='d577' class='colors'>
+grey45</div>
+<div id='d578' class='colors'>
+gray44</div>
+<div id='d579' class='colors'>
+grey44</div>
+<div id='d580' class='colors'>
+gray43</div>
+<div id='d581' class='colors'>
+grey43</div>
+<div id='d582' class='colors'>
+gray42</div>
+<div id='d583' class='colors'>
+grey42</div>
+<div id='d584' class='colors'>
+DimGray</div>
+<div id='d585' class='colors'>
+DimGrey</div>
+<div id='d586' class='colors'>
+gray41</div>
+<div id='d587' class='colors'>
+grey41</div>
+<div id='d588' class='colors'>
+gray40</div>
+<div id='d589' class='colors'>
+grey40</div>
+<div id='d590' class='colors'>
+gray39</div>
+<div id='d591' class='colors'>
+grey39</div>
+<div id='d592' class='colors'>
+gray38</div>
+<div id='d593' class='colors'>
+grey38</div>
+<div id='d594' class='colors'>
+gray37</div>
+<div id='d595' class='colors'>
+grey37</div>
+<div id='d596' class='colors'>
+gray36</div>
+<div id='d597' class='colors'>
+grey36</div>
+<div id='d598' class='colors'>
+gray35</div>
+<div id='d599' class='colors'>
+grey35</div>
+<div id='d600' class='colors'>
+gray34</div>
+<div id='d601' class='colors'>
+grey34</div>
+<div id='d602' class='colors'>
+gray33</div>
+<div id='d603' class='colors'>
+grey33</div>
+<div id='d604' class='colors'>
+gray32</div>
+<div id='d605' class='colors'>
+grey32</div>
+<div id='d606' class='colors'>
+gray31</div>
+<div id='d607' class='colors'>
+grey31</div>
+<div id='d608' class='colors'>
+gray30</div>
+<div id='d609' class='colors'>
+grey30</div>
+<div id='d610' class='colors'>
+gray29</div>
+<div id='d611' class='colors'>
+grey29</div>
+<div id='d612' class='colors'>
+gray28</div>
+<div id='d613' class='colors'>
+grey28</div>
+<div id='d614' class='colors'>
+gray27</div>
+<div id='d615' class='colors'>
+grey27</div>
+<div id='d616' class='colors'>
+gray26</div>
+<div id='d617' class='colors'>
+grey26</div>
+<div id='d618' class='colors'>
+gray25</div>
+<div id='d619' class='colors'>
+grey25</div>
+<div id='d620' class='colors'>
+gray24</div>
+<div id='d621' class='colors'>
+grey24</div>
+<div id='d622' class='colors'>
+gray23</div>
+<div id='d623' class='colors'>
+grey23</div>
+<div id='d624' class='colors'>
+gray22</div>
+<div id='d625' class='colors'>
+grey22</div>
+<div id='d626' class='colors'>
+gray21</div>
+<div id='d627' class='colors'>
+grey21</div>
+<div id='d628' class='colors'>
+gray20</div>
+<div id='d629' class='colors'>
+grey20</div>
+<div id='d630' class='colors'>
+gray19</div>
+<div id='d631' class='colors'>
+grey19</div>
+<div id='d632' class='colors'>
+gray18</div>
+<div id='d633' class='colors'>
+grey18</div>
+<div id='d634' class='colors'>
+gray17</div>
+<div id='d635' class='colors'>
+grey17</div>
+<div id='d636' class='colors'>
+gray16</div>
+<div id='d637' class='colors'>
+grey16</div>
+<div id='d638' class='colors'>
+gray15</div>
+<div id='d639' class='colors'>
+grey15</div>
+<div id='d640' class='colors'>
+gray14</div>
+<div id='d641' class='colors'>
+grey14</div>
+<div id='d642' class='colors'>
+gray13</div>
+<div id='d643' class='colors'>
+grey13</div>
+<div id='d644' class='colors'>
+gray12</div>
+<div id='d645' class='colors'>
+grey12</div>
+<div id='d646' class='colors'>
+gray11</div>
+<div id='d647' class='colors'>
+grey11</div>
+<div id='d648' class='colors'>
+gray10</div>
+<div id='d649' class='colors'>
+grey10</div>
+<div id='d650' class='colors'>
+gray9</div>
+<div id='d651' class='colors'>
+grey9</div>
+<div id='d652' class='colors'>
+gray8</div>
+<div id='d653' class='colors'>
+grey8</div>
+<div id='d654' class='colors'>
+gray7</div>
+<div id='d655' class='colors'>
+grey7</div>
+<div id='d656' class='colors'>
+gray6</div>
+<div id='d657' class='colors'>
+grey6</div>
+<div id='d658' class='colors'>
+gray5</div>
+<div id='d659' class='colors'>
+grey5</div>
+<div id='d660' class='colors'>
+gray4</div>
+<div id='d661' class='colors'>
+grey4</div>
+<div id='d662' class='colors'>
+gray3</div>
+<div id='d663' class='colors'>
+grey3</div>
+<div id='d664' class='colors'>
+gray2</div>
+<div id='d665' class='colors'>
+grey2</div>
+<div id='d666' class='colors'>
+gray1</div>
+<div id='d667' class='colors'>
+grey1</div>
+<div id='d668' class='colors'>
+black</div>
+<div id='d669' class='colors'>
+gray0</div>
+<div id='d670' class='colors'>
+grey0</div>
+<div id='d671' class='colors'>
+opaque</div>
+<div id='d672' class='colors'>
+none</div>
+<div id='d673' class='colors'>
+transparent</div>
+</div>
+
+<div id='colornames'>
+CLICK TO CHOOSE THE COLOR
+</div>
+
+<div id='switches'>
+	<span id='title'>OPTIONS</span>
+	<div id='hexswitch' class='theswitches'>&nbsp</div>
+	<br>
+	<div id='infoswitch' class='theswitches'>CLICK TO TOGGLE PALATE INFO<span id='infospace'></span></div>
+	<br>
+	<div id='backgroundswitch' class='theswitches'>CLICK TO TOGGLE BACKGROUNDS</div>
+	<br>
+	<div id='preview'></div>
+	<div id='nameholder'>YOU WILL CHOOSE:<br><input id='namespace' style='width:inherit' type='text'></input></div>
+	<br>
+	<span id='transparent'>to choose transparent as a color, click <span id='transbutton'>HERE</span><span id='extra'></span></span>
+</div>
+<div id='vasebackground' style='position:fixed; z-index:2; height:120px; width:69px; top:2px; right:30px;'></div>
+
+<div id='vase' style='position:fixed; z-index:3; height:120px; width:69px; top:2px; right:30px; background-image:url(vase.png)'></div>
+<div id='vaseshim' style='position:fixed; z-index:4; height:120px; width:69px; top:2px; right:30px; background-image:url(vaseshim.png)'></div>
+<script type='text/javascript' src='js/jquery-1.6.4.min.js'></script>
+<script type='text/javascript' src='js/colordict.js'></script>
+<script type='text/javascript' src='js/colordictionaries2.js'></script>
+
+<script type='text/javascript' src='js/goldenfunctions.js'></script>
+<script type='text/javascript' src='js/hovercss.js'></script>
+<script type='text/javascript' src='js/iftransparentcss.js'></script>
+<script type='text/javascript' src='js/backgroundswitcher.js'></script>
+<script type='text/javascript' src='js/hexrgbnametoggle.js'></script>
+<script type='text/javascript' src='js/setupdimensions.js'></script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/colors/js/backgroundswitcher.js b/frontend/imgrid/colors/colors/js/backgroundswitcher.js
new file mode 100755
index 0000000..74e8367
--- /dev/null
+++ b/frontend/imgrid/colors/colors/js/backgroundswitcher.js
@@ -0,0 +1,38 @@
+backgroundstate = 2;
+function switchbackground()
+  {
+  if(backgroundstate == 1)
+    {
+    $('#colorpicker').css('background-color','black')
+    $('#colorpicker').css('background-image','url(js/ditherbackground.gif)')
+    backgroundstate = 2;
+    $('#colornames').css('color', 'white')
+    $('#colornames').css('text-shadow', 'black 1px 2px')
+    $('#vaseshim').css('background-image','url(vaseshim.png)')
+		}
+  else if(backgroundstate == 2)
+    {
+    $('#colorpicker').css('background-color','black')
+    $('#colorpicker').css('background-image', 'none')
+		$('#vaseshim').css('background-image','url(blackshim.png)')
+    backgroundstate = 3;
+    }
+  else if(backgroundstate == 3)
+		{
+		$('#colorpicker').css('background-color','gray')
+		$('#colorpicker').css('background-image','none')
+		$('#vaseshim').css('background-image','url(grayshim.png)')
+		backgroundstate = 0;
+		}
+	else if(backgroundstate == 0)
+    {
+    $('#colorpicker').css('background-color', 'white')
+    $('#colorpicker').css('background-image', 'none')
+    $('#colornames').css('color', '#7F7F7F')
+    $('#vaseshim').css('background-image','url(whiteshim.png)')
+		backgroundstate = 1
+    }
+  }
+
+$('#backgroundswitch').click(function(){switchbackground()})
+
diff --git a/frontend/imgrid/colors/colors/js/colordict.js b/frontend/imgrid/colors/colors/js/colordict.js
new file mode 100755
index 0000000..5c69bc8
--- /dev/null
+++ b/frontend/imgrid/colors/colors/js/colordict.js
@@ -0,0 +1,3 @@
+var nametohex = {'grey21': '#363636', 'yellow': '#FFFF00', 'grey61': '#9C9C9C', 'HotPink3': '#CD6090', 'grey63': '#A1A1A1', 'grey62': '#9E9E9E', 'grey65': '#A6A6A6', 'AliceBlue': '#F0F8FF', 'grey67': '#ABABAB', 'grey66': '#A8A8A8', 'LightCyan1': '#E0FFFF', 'grey68': '#ADADAD', 'LightCyan3': '#B4CDCD', 'LightCyan2': '#D1EEEE', 'LightCyan4': '#7A8B8B', 'gray32': '#525252', 'gray33': '#545454', 'DarkTurquoise': '#00CED1', 'gray31': '#4F4F4F', 'gray36': '#5C5C5C', 'gray37': '#5E5E5E', 'gray34': '#575757', 'gray35': '#595959', 'aquamarine4': '#458B74', 'gray38': '#616161', 'gray39': '#636363', 'aquamarine1': '#7FFFD4', 'aquamarine3': '#66CDAA', 'aquamarine2': '#76EEC6', 'CadetBlue4': '#53868B', 'CadetBlue3': '#7AC5CD', 'CadetBlue2': '#8EE5EE', 'CadetBlue1': '#98F5FF', 'crimson': '#DC143C', 'VioletRed1': '#FF3E96', 'VioletRed2': '#EE3A8C', 'VioletRed3': '#CD3278', 'VioletRed4': '#8B2252', 'brown': '#A52A2A', 'DarkGoldenrod': '#B8860B', 'gray8': '#141414', 'SlateGrey': '#708090', 'NavajoWhite2': '#EECFA1', 'gray2': '#050505', 'cyan': '#00FFFF', 'gray0': '#000000', 'gray1': '#030303', 'fractal': '#808080', 'gray7': '#121212', 'gray4': '#0A0A0A', 'gray5': '#0D0D0D', 'grey60': '#999999', 'DarkBlue': '#00008B', 'gray98': '#FAFAFA', 'DarkKhaki': '#BDB76B', 'gray99': '#FCFCFC', 'teal': '#008080', 'grey11': '#1C1C1C', 'coral4': '#8B3E2F', 'grey12': '#1F1F1F', 'grey64': '#A3A3A3', 'PaleGreen1': '#9AFF9A', 'PaleGreen3': '#7CCD7C', 'PaleGreen2': '#90EE90', 'PaleGreen4': '#548B54', 'grey14': '#242424', 'lavender': '#E6E6FA', 'grey15': '#262626', 'chartreuse3': '#66CD00', 'chartreuse2': '#76EE00', 'chartreuse1': '#7FFF00', 'chartreuse4': '#458B00', 'RosyBrown': '#BC8F8F', 'blue': '#0000FF', 'NavajoWhite': '#FFDEAD', 'opaque': '#000000', 'maroon4': '#8B1C62', 'maroon3': '#CD2990', 'maroon2': '#EE30A7', 'maroon1': '#FF34B3', 'gold3': '#CDAD00', 'gold2': '#EEC900', 'gold1': '#FFD700', 'gold4': '#8B7500', 'LightSlateGrey': '#778899', 'gray30': '#4D4D4D', 'DarkGreen': '#006400', 'SkyBlue': '#87CEEB', 'GhostWhite': '#F8F8FF', 'LavenderBlush': '#FFF0F5', 'SeaGreen': '#2E8B57', 'BlanchedAlmond': '#FFEBCD', 'gray60': '#999999', 'DarkOliveGreen': '#556B2F', 'firebrick2': '#EE2C2C', 'firebrick1': '#FF3030', 'firebrick4': '#8B1A1A', 'sienna': '#A0522D', 'blue1': '#0000FF', 'lime': '#00FF00', 'gray55': '#8C8C8C', 'blue2': '#0000EE', 'DarkViolet': '#9400D3', 'blue4': '#00008B', 'peru': '#CD853F', 'DarkMagenta': '#8B008B', 'LightBlue2': '#B2DFEE', 'red2': '#EE0000', 'red1': '#FF0000', 'LightBlue1': '#BFEFFF', 'LightBlue4': '#68838B', 'red4': '#8B0000', 'MediumSpringGreen': '#00FA9A', 'chocolate': '#D2691E', 'ForestGreen': '#228B22', 'DarkRed': '#8B0000', 'olive': '#808000', 'HotPink2': '#EE6AA7', 'HotPink1': '#FF6EB4', 'HotPink4': '#8B3A62', 'grey18': '#2E2E2E', 'grey19': '#303030', 'none': '#000000', 'PeachPuff': '#FFDAB9', 'MediumGoldenRod': '#D1C166', 'moccasin': '#FFE4B5', 'grey10': '#1A1A1A', 'chocolate1': '#FF7F24', 'chocolate2': '#EE7621', 'chocolate3': '#CD661D', 'chocolate4': '#8B4513', 'wheat2': '#EED8AE', 'grey16': '#292929', 'grey17': '#2B2B2B', 'gray69': '#B0B0B0', 'gray68': '#ADADAD', 'gray65': '#A6A6A6', 'gray64': '#A3A3A3', 'gray67': '#ABABAB', 'gray66': '#A8A8A8', 'gray61': '#9C9C9C', 'coral': '#FF7F50', 'gray63': '#A1A1A1', 'gray62': '#9E9E9E', 'LightGoldenrod': '#EEDD82', 'turquoise4': '#00868B', 'seashell2': '#EEE5DE', 'seashell3': '#CDC5BF', 'magenta': '#FF00FF', 'seashell1': '#FFF5EE', 'tan': '#D2B48C', 'seashell4': '#8B8682', 'pink': '#FFC0CB', 'LightSlateBlue': '#8470FF', 'SteelBlue1': '#63B8FF', 'SteelBlue3': '#4F94CD', 'SteelBlue2': '#5CACEE', 'SteelBlue4': '#36648B', 'grey89': '#E3E3E3', 'grey88': '#E0E0E0', 'grey87': '#DEDEDE', 'grey86': '#DBDBDB', 'grey85': '#D9D9D9', 'grey84': '#D6D6D6', 'grey83': '#D4D4D4', 'grey82': '#D1D1D1', 'grey81': '#CFCFCF', 'grey80': '#CCCCCC', 'ivory2': '#EEEEE0', 'khaki4': '#8B864E', 'khaki1': '#FFF68F', 'khaki2': '#EEE685', 'khaki3': '#CDC673', 'salmon1': '#FF8C69', 'salmon3': '#CD7054', 'salmon2': '#EE8262', 'salmon4': '#8B4C39', 'LightPink': '#FFB6C1', 'gray9': '#171717', 'green': '#008000', 'brown2': '#EE3B3B', 'brown3': '#CD3333', 'brown1': '#FF4040', 'brown4': '#8B2323', 'cadet blue': '#5F9EA0', 'orange4': '#8B5A00', 'orange1': '#FFA500', 'orange3': '#CD8500', 'orange2': '#EE9A00', 'gray3': '#080808', 'gray6': '#0F0F0F', 'yellow4': '#8B8B00', 'yellow3': '#CDCD00', 'yellow2': '#EEEE00', 'yellow1': '#FFFF00', 'PapayaWhip': '#FFEFD5', 'bisque2': '#EED5B7', 'OliveDrab4': '#698B22', 'bisque3': '#CDB79E', 'OliveDrab1': '#C0FF3E', 'OliveDrab2': '#B3EE3A', 'OliveDrab3': '#9ACD32', 'SkyBlue4': '#4A708B', 'SkyBlue1': '#87CEFF', 'SkyBlue3': '#6CA6CD', 'SkyBlue2': '#7EC0EE', 'grey58': '#949494', 'grey59': '#969696', 'grey54': '#8A8A8A', 'grey55': '#8C8C8C', 'grey56': '#8F8F8F', 'grey57': '#919191', 'grey50': '#7F7F7F', 'silver': '#C0C0C0', 'grey52': '#858585', 'grey53': '#878787', 'cyan2': '#00EEEE', 'cyan3': '#00CDCD', 'gray23': '#3B3B3B', 'RosyBrown4': '#8B6969', 'gray25': '#404040', 'CornflowerBlue': '#6495ED', 'cyan4': '#008B8B', 'gray26': '#424242', 'gray29': '#4A4A4A', 'LimeGreen': '#32CD32', 'MistyRose': '#FFE4E1', 'navy': '#000080', 'gray94': '#F0F0F0', 'gray95': '#F2F2F2', 'gray96': '#F5F5F5', 'gray97': '#F7F7F7', 'gray90': '#E5E5E5', 'gray91': '#E8E8E8', 'gray92': '#EBEBEB', 'gray93': '#EDEDED', 'MediumPurple': '#9370DB', 'MidnightBlue': '#191970', 'cornsilk': '#FFF8DC', 'red': '#FF0000', 'grey69': '#B0B0B0', 'DarkOrchid4': '#68228B', 'blue3': '#0000CD', 'LightSteelBlue': '#B0C4DE', 'DarkOrchid1': '#BF3EFF', 'DarkOrchid2': '#B23AEE', 'DarkOrchid3': '#9A32CD', 'grey72': '#B8B8B8', 'FloralWhite': '#FFFAF0', 'grey70': '#B3B3B3', 'DarkSeaGreen': '#8FBC8F', 'grey71': '#B5B5B5', 'gray17': '#2B2B2B', 'grey77': '#C4C4C4', 'tomato4': '#8B3626', 'tomato1': '#FF6347', 'tomato3': '#CD4F39', 'tomato2': '#EE5C42', 'DarkSlateGray1': '#97FFFF', 'DarkSlateGray2': '#8DEEEE', 'DarkSlateGray3': '#79CDCD', 'DarkSlateGray4': '#528B8B', 'SteelBlue': '#4682B4', 'MediumSlateBlue': '#7B68EE', 'OrangeRed': '#FF4500', 'grey79': '#C9C9C9', 'MediumVioletRed': '#C71585', 'burlywood': '#DEB887', 'white': '#FFFFFF', 'tomato': '#FF6347', 'DodgerBlue': '#1E90FF', 'RoyalBlue4': '#27408B', 'RoyalBlue1': '#4876FF', 'RoyalBlue3': '#3A5FCD', 'RoyalBlue2': '#436EEE', 'MistyRose1': '#FFE4E1', 'MistyRose3': '#CDB7B5', 'MistyRose2': '#EED5D2', 'MistyRose4': '#8B7D7B', 'LightGray': '#D3D3D3', 'LightYellow': '#FFFFE0', 'DarkOrange': '#FF8C00', 'DarkGray': '#A9A9A9', 'SlateGray': '#708090', 'turquoise3': '#00C5CD', 'turquoise2': '#00E5EE', 'turquoise1': '#00F5FF', 'burlywood2': '#EEC591', 'burlywood4': '#8B7355', 'DarkSlateGray': '#2F4F4F', 'linen': '#FAF0E6', 'grey47': '#787878', 'snow': '#FFFAFA', 'grey46': '#757575', 'gray58': '#949494', 'gray59': '#969696', 'IndianRed4': '#8B3A3A', 'purple4': '#551A8B', 'gray52': '#858585', 'gray53': '#878787', 'purple1': '#9B30FF', 'IndianRed1': '#FF6A6A', 'purple3': '#7D26CD', 'purple2': '#912CEE', 'thistle3': '#CDB5CD', 'thistle2': '#EED2EE', 'SpringGreen2': '#00EE76', 'SpringGreen3': '#00CD66', 'SpringGreen4': '#008B45', 'thistle4': '#8B7B8B', 'LightPink2': '#EEA2AD', 'LightPink3': '#CD8C95', 'LightPink1': '#FFAEB9', 'LightPink4': '#8B5F65', 'MediumPurple1': '#AB82FF', 'MediumPurple2': '#9F79EE', 'MediumPurple3': '#8968CD', 'MediumPurple4': '#5D478B', 'MediumTurquoise': '#48D1CC', 'DimGray': '#696969', 'gray14': '#242424', 'grey100': '#FFFFFF', 'OrangeRed3': '#CD3700', 'OrangeRed2': '#EE4000', 'OrangeRed1': '#FF4500', 'LightSeaGreen': '#20B2AA', 'gold': '#FFD700', 'OrangeRed4': '#8B2500', 'NavajoWhite4': '#8B795E', 'NavajoWhite1': '#FFDEAD', 'LawnGreen': '#7CFC00', 'NavajoWhite3': '#CDB38B', 'LightGoldenrod4': '#8B814C', 'LightGoldenrod1': '#FFEC8B', 'LightGoldenrod3': '#CDBE70', 'LightGoldenrod2': '#EEDC82', 'gray21': '#363636', 'PaleGreen': '#98FB98', 'green4': '#008B00', 'green1': '#00FF00', 'green3': '#00CD00', 'green2': '#00EE00', 'MediumOrchid': '#BA55D3', 'black': '#000000', 'gray20': '#333333', 'orchid4': '#8B4789', 'DodgerBlue1': '#1E90FF', 'DodgerBlue2': '#1C86EE', 'DodgerBlue3': '#1874CD', 'DodgerBlue4': '#104E8B', 'orchid1': '#FF83FA', 'orchid2': '#EE7AE9', 'orchid3': '#CD69C9', 'DarkSeaGreen4': '#698B69', 'DarkSeaGreen3': '#9BCD9B', 'DarkSeaGreen2': '#B4EEB4', 'DarkSeaGreen1': '#C1FFC1', 'gray100': '#FFFFFF', 'BlueViolet': '#8A2BE2', 'bisque4': '#8B7D6B', 'MediumOrchid4': '#7A378B', 'MintCream': '#F5FFFA', 'MediumOrchid1': '#E066FF', 'bisque1': '#FFE4C4', 'MediumOrchid3': '#B452CD', 'MediumOrchid2': '#D15FEE', 'gray': '#7E7E7E', 'DeepSkyBlue': '#00BFFF', 'LightGrey': '#D3D3D3', 'grey78': '#C7C7C7', 'gray22': '#383838', 'plum4': '#8B668B', 'plum3': '#CD96CD', 'plum2': '#EEAEEE', 'plum1': '#FFBBFF', 'DarkSlateGrey': '#2F4F4F', 'DarkOrchid': '#9932CC', 'OliveDrab': '#6B8E23', 'gray83': '#D4D4D4', 'grey49': '#7D7D7D', 'grey48': '#7A7A7A', 'thistle': '#D8BFD8', 'violet': '#EE82EE', 'grey43': '#6E6E6E', 'grey42': '#6B6B6B', 'LightSalmon4': '#8B5742', 'grey40': '#666666', 'LightSalmon2': '#EE9572', 'LightSalmon3': '#CD8162', 'grey45': '#737373', 'LightSalmon1': '#FFA07A', 'honeydew': '#F0FFF0', 'gray18': '#2E2E2E', 'gray19': '#303030', 'LightCyan': '#E0FFFF', 'gray15': '#262626', 'gray16': '#292929', 'gray82': '#D1D1D1', 'gray10': '#1A1A1A', 'gray11': '#1C1C1C', 'gray12': '#1F1F1F', 'gray13': '#212121', 'grey93': '#EDEDED', 'PaleGoldenrod': '#EEE8AA', 'gainsboro': '#DCDCDC', 'AntiqueWhite3': '#CDC0B0', 'AntiqueWhite2': '#EEDFCC', 'AntiqueWhite1': '#FFEFDB', 'gray27': '#454545', 'SlateBlue': '#6A5ACD', 'AntiqueWhite4': '#8B8378', 'DimGrey': '#696969', 'VioletRed': '#D02090', 'WhiteSmoke': '#F5F5F5', 'grey38': '#616161', 'grey39': '#636363', 'grey36': '#5C5C5C', 'grey37': '#5E5E5E', 'grey34': '#575757', 'grey35': '#595959', 'aqua': '#00FFFF', 'grey33': '#545454', 'grey30': '#4D4D4D', 'grey31': '#4F4F4F', 'NavyBlue': '#000080', 'sienna4': '#8B4726', 'gray81': '#CFCFCF', 'gray80': '#CCCCCC', 'sienna1': '#FF8247', 'gray86': '#DBDBDB', 'sienna3': '#CD6839', 'sienna2': '#EE7942', 'gray89': '#E3E3E3', 'gray88': '#E0E0E0', 'SlateBlue4': '#473C8B', 'gray87': '#DEDEDE', 'LightSteelBlue1': '#CAE1FF', 'magenta3': '#CD00CD', 'IndianRed': '#CD5C5C', 'SlateBlue2': '#7A67EE', 'SlateBlue1': '#836FFF', 'LightBlue': '#ADD8E6', 'PeachPuff4': '#8B7765', 'seashell': '#FFF5EE', 'SaddleBrown': '#8B4513', 'PeachPuff1': '#FFDAB9', 'PeachPuff2': '#EECBAD', 'PeachPuff3': '#CDAF95', 'aquamarine': '#7FFFD4', 'LemonChiffon2': '#EEE9BF', 'LemonChiffon1': '#FFFACD', 'tan4': '#8B5A2B', 'tan3': '#CD853F', 'tan2': '#EE9A49', 'tan1': '#FFA54F', 'LemonChiffon4': '#8B8970', 'orange': '#FFA500', 'OldLace': '#FDF5E6', 'PowderBlue': '#B0E0E6', 'RosyBrown3': '#CD9B9B', 'RoyalBlue': '#4169E1', 'LightSkyBlue4': '#607B8B', 'LightSkyBlue1': '#B0E2FF', 'LightSkyBlue2': '#A4D3EE', 'LightSkyBlue3': '#8DB6CD', 'LightYellow1': '#FFFFE0', 'LightYellow2': '#EEEED1', 'LightYellow3': '#CDCDB4', 'LightYellow4': '#8B8B7A', 'goldenrod4': '#8B6914', 'goldenrod1': '#FFC125', 'goldenrod2': '#EEB422', 'goldenrod3': '#CD9B1D', 'grey32': '#525252', 'LemonChiffon': '#FFFACD', 'burlywood1': '#FFD39B', 'YellowGreen': '#9ACD32', 'LightCoral': '#F08080', 'burlywood3': '#CDAA7D', 'ivory3': '#CDCDC1', 'firebrick3': '#CD2626', 'ivory1': '#FFFFF0', 'grey8': '#141414', 'ivory4': '#8B8B83', 'grey9': '#171717', 'DarkSalmon': '#E9967A', 'SlateGray1': '#C6E2FF', 'SlateGray2': '#B9D3EE', 'SlateGray3': '#9FB6CD', 'SlateGray4': '#6C7B8B', 'RosyBrown2': '#EEB4B4', 'RosyBrown1': '#FFC1C1', 'gray85': '#D9D9D9', 'gray84': '#D6D6D6', 'LightGreen': '#90EE90', 'LavenderBlush1': '#FFF0F5', 'grey73': '#BABABA', 'LavenderBlush3': '#CDC1C5', 'LavenderBlush2': '#EEE0E5', 'grey76': '#C2C2C2', 'LavenderBlush4': '#8B8386', 'grey74': '#BDBDBD', 'grey75': '#BFBFBF', 'pink1': '#FFB5C5', 'pink3': '#CD919E', 'pink2': '#EEA9B8', 'pink4': '#8B636C', 'gray47': '#787878', 'gray46': '#757575', 'gray45': '#737373', 'gray44': '#707070', 'gray43': '#6E6E6E', 'gray42': '#6B6B6B', 'gray41': '#696969', 'gray40': '#666666', 'gray49': '#7D7D7D', 'gray48': '#7A7A7A', 'MediumAquamarine': '#66CDAA', 'MediumForestGreen': '#32814B', 'azure1': '#F0FFFF', 'azure3': '#C1CDCD', 'azure2': '#E0EEEE', 'indigo': '#4B0082', 'azure4': '#838B8B', 'firebrick': '#B22222', 'DarkGrey': '#A9A9A9', 'magenta4': '#8B008B', 'SlateBlue3': '#6959CD', 'magenta2': '#EE00EE', 'magenta1': '#FF00FF', 'grey51': '#828282', 'chartreuse': '#7FFF00', 'grey41': '#696969', 'DarkOliveGreen4': '#6E8B3D', 'turquoise': '#40E0D0', 'DarkOliveGreen1': '#CAFF70', 'DarkOliveGreen3': '#A2CD5A', 'DarkOliveGreen2': '#BCEE68', 'grey6': '#0F0F0F', 'grey7': '#121212', 'grey4': '#0A0A0A', 'grey5': '#0D0D0D', 'grey2': '#050505', 'grey3': '#080808', 'grey0': '#000000', 'grey1': '#030303', 'gray50': '#7F7F7F', 'cyan1': '#00FFFF', 'gray51': '#828282', 'gray24': '#3D3D3D', 'HotPink': '#FF69B4', 'DarkGoldenrod4': '#8B6508', 'gray54': '#8A8A8A', 'DarkGoldenrod1': '#FFB90F', 'DarkGoldenrod2': '#EEAD0E', 'DarkGoldenrod3': '#CD950C', 'IndianRed2': '#EE6363', 'DeepPink': '#FF1493', 'gray28': '#474747', 'IndianRed3': '#CD5555', 'DarkCyan': '#008B8B', 'GreenYellow': '#ADFF2F', 'LightSalmon': '#FFA07A', 'DarkOrange4': '#8B4500', 'DarkOrange1': '#FF7F00', 'transparent': '#000000', 'DarkOrange3': '#CD6600', 'orchid': '#DA70D6', 'purple': '#800080', 'wheat4': '#8B7E66', 'wheat1': '#FFE7BA', 'wheat3': '#CDBA96', 'SpringGreen1': '#00FF7F', 'coral3': '#CD5B45', 'coral2': '#EE6A50', 'coral1': '#FF7256', 'thistle1': '#FFE1FF', 'PaleTurquoise': '#AFEEEE', 'bisque': '#FFE4C4', 'DeepPink3': '#CD1076', 'DeepPink2': '#EE1289', 'DeepPink1': '#FF1493', 'khaki': '#F0E68C', 'wheat': '#F5DEB3', 'MediumSeaGreen': '#3CB371', 'DeepPink4': '#8B0A50', 'salmon': '#FA8072', 'grey44': '#707070', 'DarkSlateBlue': '#483D8B', 'PaleVioletRed4': '#8B475D', 'PaleVioletRed1': '#FF82AB', 'PaleVioletRed2': '#EE799F', 'PaleVioletRed3': '#CD6889', 'AntiqueWhite': '#FAEBD7', 'PaleTurquoise4': '#668B8B', 'PaleTurquoise3': '#96CDCD', 'PaleTurquoise2': '#AEEEEE', 'PaleTurquoise1': '#BBFFFF', 'gray56': '#8F8F8F', 'plum': '#DDA0DD', 'beige': '#F5F5DC', 'SpringGreen': '#00FF7F', 'azure': '#F0FFFF', 'honeydew1': '#F0FFF0', 'honeydew2': '#E0EEE0', 'honeydew3': '#C1CDC1', 'honeydew4': '#838B83', 'gray57': '#919191', 'snow4': '#8B8989', 'snow2': '#EEE9E9', 'snow3': '#CDC9C9', 'snow1': '#FFFAFA', 'SandyBrown': '#F4A460', 'grey13': '#212121', 'SeaGreen4': '#2E8B57', 'SeaGreen3': '#43CD80', 'SeaGreen2': '#4EEE94', 'SeaGreen1': '#54FF9F', 'grey29': '#4A4A4A', 'grey28': '#474747', 'grey25': '#404040', 'grey24': '#3D3D3D', 'grey27': '#454545', 'grey26': '#424242', 'fuchsia': '#FF00FF', 'grey20': '#333333', 'grey23': '#3B3B3B', 'grey22': '#383838', 'gray78': '#C7C7C7', 'gray79': '#C9C9C9', 'gray76': '#C2C2C2', 'gray77': '#C4C4C4', 'gray74': '#BDBDBD', 'gray75': '#BFBFBF', 'gray72': '#B8B8B8', 'gray73': '#BABABA', 'gray70': '#B3B3B3', 'gray71': '#B5B5B5', 'ivory': '#FFFFF0', 'LemonChiffon3': '#CDC9A5', 'DeepSkyBlue4': '#00688B', 'DeepSkyBlue3': '#009ACD', 'DeepSkyBlue2': '#00B2EE', 'DeepSkyBlue1': '#00BFFF', 'cornsilk4': '#8B8878', 'cornsilk2': '#EEE8CD', 'cornsilk3': '#CDC8B1', 'CadetBlue': '#5F9EA0', 'cornsilk1': '#FFF8DC', 'grey90': '#E5E5E5', 'grey91': '#E8E8E8', 'grey92': '#EBEBEB', 'goldenrod': '#DAA520', 'grey94': '#F0F0F0', 'grey95': '#F2F2F2', 'grey96': '#F5F5F5', 'grey97': '#F7F7F7', 'grey98': '#FAFAFA', 'grey99': '#FCFCFC', 'red3': '#CD0000', 'LightSteelBlue2': '#BCD2EE', 'LightSteelBlue3': '#A2B5CD', 'LightSteelBlue4': '#6E7B8B', 'LightBlue3': '#9AC0CD', 'maroon': '#800000', 'LightSkyBlue': '#87CEFA', 'LightGoldenrodYellow': '#FAFAD2', 'MediumBlue': '#0000CD', 'LightSlateGray': '#778899', 'DarkOrange2': '#EE7600', 'PaleVioletRed': '#DB7093'}
+var divlist = ['#d0', '#d1', '#d2', '#d3', '#d4', '#d5', '#d6', '#d7', '#d8', '#d9', '#d10', '#d11', '#d12', '#d13', '#d14', '#d15', '#d16', '#d17', '#d18', '#d19', '#d20', '#d21', '#d22', '#d23', '#d24', '#d25', '#d26', '#d27', '#d28', '#d29', '#d30', '#d31', '#d32', '#d33', '#d34', '#d35', '#d36', '#d37', '#d38', '#d39', '#d40', '#d41', '#d42', '#d43', '#d44', '#d45', '#d46', '#d47', '#d48', '#d49', '#d50', '#d51', '#d52', '#d53', '#d54', '#d55', '#d56', '#d57', '#d58', '#d59', '#d60', '#d61', '#d62', '#d63', '#d64', '#d65', '#d66', '#d67', '#d68', '#d69', '#d70', '#d71', '#d72', '#d73', '#d74', '#d75', '#d76', '#d77', '#d78', '#d79', '#d80', '#d81', '#d82', '#d83', '#d84', '#d85', '#d86', '#d87', '#d88', '#d89', '#d90', '#d91', '#d92', '#d93', '#d94', '#d95', '#d96', '#d97', '#d98', '#d99', '#d100', '#d101', '#d102', '#d103', '#d104', '#d105', '#d106', '#d107', '#d108', '#d109', '#d110', '#d111', '#d112', '#d113', '#d114', '#d115', '#d116', '#d117', '#d118', '#d119', '#d120', '#d121', '#d122', '#d123', '#d124', '#d125', '#d126', '#d127', '#d128', '#d129', '#d130', '#d131', '#d132', '#d133', '#d134', '#d135', '#d136', '#d137', '#d138', '#d139', '#d140', '#d141', '#d142', '#d143', '#d144', '#d145', '#d146', '#d147', '#d148', '#d149', '#d150', '#d151', '#d152', '#d153', '#d154', '#d155', '#d156', '#d157', '#d158', '#d159', '#d160', '#d161', '#d162', '#d163', '#d164', '#d165', '#d166', '#d167', '#d168', '#d169', '#d170', '#d171', '#d172', '#d173', '#d174', '#d175', '#d176', '#d177', '#d178', '#d179', '#d180', '#d181', '#d182', '#d183', '#d184', '#d185', '#d186', '#d187', '#d188', '#d189', '#d190', '#d191', '#d192', '#d193', '#d194', '#d195', '#d196', '#d197', '#d198', '#d199', '#d200', '#d201', '#d202', '#d203', '#d204', '#d205', '#d206', '#d207', '#d208', '#d209', '#d210', '#d211', '#d212', '#d213', '#d214', '#d215', '#d216', '#d217', '#d218', '#d219', '#d220', '#d221', '#d222', '#d223', '#d224', '#d225', '#d226', '#d227', '#d228', '#d229', '#d230', '#d231', '#d232', '#d233', '#d234', '#d235', '#d236', '#d237', '#d238', '#d239', '#d240', '#d241', '#d242', '#d243', '#d244', '#d245', '#d246', '#d247', '#d248', '#d249', '#d250', '#d251', '#d252', '#d253', '#d254', '#d255', '#d256', '#d257', '#d258', '#d259', '#d260', '#d261', '#d262', '#d263', '#d264', '#d265', '#d266', '#d267', '#d268', '#d269', '#d270', '#d271', '#d272', '#d273', '#d274', '#d275', '#d276', '#d277', '#d278', '#d279', '#d280', '#d281', '#d282', '#d283', '#d284', '#d285', '#d286', '#d287', '#d288', '#d289', '#d290', '#d291', '#d292', '#d293', '#d294', '#d295', '#d296', '#d297', '#d298', '#d299', '#d300', '#d301', '#d302', '#d303', '#d304', '#d305', '#d306', '#d307', '#d308', '#d309', '#d310', '#d311', '#d312', '#d313', '#d314', '#d315', '#d316', '#d317', '#d318', '#d319', '#d320', '#d321', '#d322', '#d323', '#d324', '#d325', '#d326', '#d327', '#d328', '#d329', '#d330', '#d331', '#d332', '#d333', '#d334', '#d335', '#d336', '#d337', '#d338', '#d339', '#d340', '#d341', '#d342', '#d343', '#d344', '#d345', '#d346', '#d347', '#d348', '#d349', '#d350', '#d351', '#d352', '#d353', '#d354', '#d355', '#d356', '#d357', '#d358', '#d359', '#d360', '#d361', '#d362', '#d363', '#d364', '#d365', '#d366', '#d367', '#d368', '#d369', '#d370', '#d371', '#d372', '#d373', '#d374', '#d375', '#d376', '#d377', '#d378', '#d379', '#d380', '#d381', '#d382', '#d383', '#d384', '#d385', '#d386', '#d387', '#d388', '#d389', '#d390', '#d391', '#d392', '#d393', '#d394', '#d395', '#d396', '#d397', '#d398', '#d399', '#d400', '#d401', '#d402', '#d403', '#d404', '#d405', '#d406', '#d407', '#d408', '#d409', '#d410', '#d411', '#d412', '#d413', '#d414', '#d415', '#d416', '#d417', '#d418', '#d419', '#d420', '#d421', '#d422', '#d423', '#d424', '#d425', '#d426', '#d427', '#d428', '#d429', '#d430', '#d431', '#d432', '#d433', '#d434', '#d435', '#d436', '#d437', '#d438', '#d439', '#d440', '#d441', '#d442', '#d443', '#d444', '#d445', '#d446', '#d447', '#d448', '#d449', '#d450', '#d451', '#d452', '#d453', '#d454', '#d455', '#d456', '#d457', '#d458', '#d459', '#d460', '#d461', '#d462', '#d463', '#d464', '#d465', '#d466', '#d467', '#d468', '#d469', '#d470', '#d471', '#d472', '#d473', '#d474', '#d475', '#d476', '#d477', '#d478', '#d479', '#d480', '#d481', '#d482', '#d483', '#d484', '#d485', '#d486', '#d487', '#d488', '#d489', '#d490', '#d491', '#d492', '#d493', '#d494', '#d495', '#d496', '#d497', '#d498', '#d499', '#d500', '#d501', '#d502', '#d503', '#d504', '#d505', '#d506', '#d507', '#d508', '#d509', '#d510', '#d511', '#d512', '#d513', '#d514', '#d515', '#d516', '#d517', '#d518', '#d519', '#d520', '#d521', '#d522', '#d523', '#d524', '#d525', '#d526', '#d527', '#d528', '#d529', '#d530', '#d531', '#d532', '#d533', '#d534', '#d535', '#d536', '#d537', '#d538', '#d539', '#d540', '#d541', '#d542', '#d543', '#d544', '#d545', '#d546', '#d547', '#d548', '#d549', '#d550', '#d551', '#d552', '#d553', '#d554', '#d555', '#d556', '#d557', '#d558', '#d559', '#d560', '#d561', '#d562', '#d563', '#d564', '#d565', '#d566', '#d567', '#d568', '#d569', '#d570', '#d571', '#d572', '#d573', '#d574', '#d575', '#d576', '#d577', '#d578', '#d579', '#d580', '#d581', '#d582', '#d583', '#d584', '#d585', '#d586', '#d587', '#d588', '#d589', '#d590', '#d591', '#d592', '#d593', '#d594', '#d595', '#d596', '#d597', '#d598', '#d599', '#d600', '#d601', '#d602', '#d603', '#d604', '#d605', '#d606', '#d607', '#d608', '#d609', '#d610', '#d611', '#d612', '#d613', '#d614', '#d615', '#d616', '#d617', '#d618', '#d619', '#d620', '#d621', '#d622', '#d623', '#d624', '#d625', '#d626', '#d627', '#d628', '#d629', '#d630', '#d631', '#d632', '#d633', '#d634', '#d635', '#d636', '#d637', '#d638', '#d639', '#d640', '#d641', '#d642', '#d643', '#d644', '#d645', '#d646', '#d647', '#d648', '#d649', '#d650', '#d651', '#d652', '#d653', '#d654', '#d655', '#d656', '#d657', '#d658', '#d659', '#d660', '#d661', '#d662', '#d663', '#d664', '#d665', '#d666', '#d667', '#d668', '#d669', '#d670', '#d671', '#d672', '#d673']
+var divtoname = {'#d322': 'khaki4', '#d600': 'gray34', '#d118': 'MediumPurple1', '#d119': 'MediumPurple2', '#d114': 'purple3', '#d115': 'purple4', '#d116': 'purple1', '#d117': 'MediumPurple', '#d110': 'purple', '#d111': 'indigo', '#d112': 'BlueViolet', '#d113': 'purple2', '#d529': 'grey67', '#d231': 'DarkSlateGray', '#d339': 'LightGoldenrod3', '#d233': 'MediumTurquoise', '#d232': 'DarkSlateGrey', '#d235': 'turquoise', '#d234': 'LightSeaGreen', '#d237': 'aquamarine', '#d236': 'aquamarine4', '#d239': 'aquamarine2', '#d238': 'aquamarine1', '#d332': 'gold1', '#d333': 'gold2', '#d334': 'gold3', '#d335': 'gold4', '#d336': 'LightGoldenrod', '#d337': 'LightGoldenrod4', '#d424': 'LightSalmon3', '#d425': 'LightSalmon', '#d426': 'LightSalmon1', '#d427': 'LightSalmon4', '#d420': 'sienna', '#d421': 'sienna1', '#d422': 'sienna2', '#d423': 'sienna3', '#d587': 'grey41', '#d586': 'gray41', '#d585': 'DimGrey', '#d584': 'DimGray', '#d428': 'LightSalmon2', '#d429': 'coral', '#d581': 'grey43', '#d580': 'gray43', '#d89': 'thistle4', '#d88': 'plum3', '#d349': 'goldenrod4', '#d348': 'goldenrod3', '#d81': 'thistle2', '#d80': 'thistle1', '#d83': 'plum2', '#d82': 'plum1', '#d85': 'thistle3', '#d84': 'thistle', '#d87': 'violet', '#d86': 'plum', '#d601': 'grey34', '#d67': 'DeepPink3', '#d66': 'DeepPink2', '#d65': 'DeepPink1', '#d64': 'DeepPink', '#d63': 'HotPink', '#d62': 'HotPink4', '#d61': 'HotPink1', '#d60': 'HotPink2', '#d69': 'maroon1', '#d68': 'DeepPink4', '#d510': 'grey76', '#d511': 'silver', '#d512': 'gray75', '#d513': 'grey75', '#d514': 'gray74', '#d515': 'grey74', '#d516': 'gray73', '#d517': 'grey73', '#d518': 'gray72', '#d519': 'grey72', '#d150': 'LightSteelBlue2', '#d151': 'LightSteelBlue3', '#d152': 'LightSteelBlue4', '#d153': 'SlateGray4', '#d154': 'SlateGray1', '#d155': 'SlateGray2', '#d156': 'SlateGray3', '#d157': 'LightSlateGray', '#d158': 'LightSlateGrey', '#d159': 'SlateGray', '#d565': 'gray50', '#d564': 'fractal', '#d567': 'gray', '#d566': 'grey50', '#d561': 'grey52', '#d560': 'gray52', '#d563': 'grey51', '#d562': 'gray51', '#d604': 'gray32', '#d605': 'grey32', '#d606': 'gray31', '#d607': 'grey31', '#d569': 'grey49', '#d568': 'gray49', '#d602': 'gray33', '#d603': 'grey33', '#d125': 'SlateBlue', '#d124': 'MediumSlateBlue', '#d127': 'SlateBlue2', '#d126': 'SlateBlue1', '#d121': 'MediumPurple4', '#d120': 'MediumPurple3', '#d123': 'LightSlateBlue', '#d122': 'DarkSlateBlue', '#d359': 'wheat1', '#d129': 'SlateBlue4', '#d128': 'SlateBlue3', '#d301': 'LightYellow', '#d300': 'ivory1', '#d303': 'beige', '#d302': 'LightYellow1', '#d305': 'LightGoldenrodYellow', '#d304': 'ivory2', '#d307': 'ivory3', '#d306': 'LightYellow2', '#d309': 'ivory4', '#d308': 'LightYellow3', '#d462': 'grey98', '#d351': 'DarkGoldenrod1', '#d464': 'grey97', '#d465': 'gray96', '#d466': 'grey96', '#d467': 'WhiteSmoke', '#d463': 'gray97', '#d268': 'PaleGreen3', '#d269': 'honeydew4', '#d266': 'DarkSeaGreen3', '#d267': 'DarkSeaGreen', '#d264': 'LightGreen', '#d265': 'PaleGreen2', '#d262': 'PaleGreen', '#d263': 'honeydew3', '#d260': 'DarkSeaGreen2', '#d261': 'PaleGreen1', '#d598': 'gray35', '#d29': 'firebrick4', '#d28': 'brown4', '#d23': 'red2', '#d22': 'firebrick3', '#d21': 'RosyBrown4', '#d20': 'red1', '#d27': 'IndianRed4', '#d26': 'red3', '#d25': 'brown', '#d24': 'firebrick', '#d599': 'grey35', '#d338': 'LightGoldenrod1', '#d419': 'sienna4', '#d418': 'seashell1', '#d230': 'teal', '#d415': 'chocolate4', '#d414': 'chocolate3', '#d417': 'seashell', '#d416': 'SaddleBrown', '#d411': 'chocolate', '#d410': 'seashell3', '#d413': 'chocolate2', '#d412': 'chocolate1', '#d398': 'tan1', '#d399': 'tan2', '#d392': 'DarkOrange1', '#d393': 'linen', '#d390': 'bisque1', '#d391': 'bisque3', '#d396': 'DarkOrange4', '#d397': 'peru', '#d394': 'DarkOrange2', '#d395': 'DarkOrange3', '#d194': 'CadetBlue2', '#d195': 'CadetBlue3', '#d196': 'CadetBlue4', '#d197': 'turquoise1', '#d190': 'LightBlue', '#d191': 'LightBlue4', '#d192': 'PowderBlue', '#d193': 'CadetBlue1', '#d198': 'turquoise2', '#d199': 'turquoise3', '#d330': 'cornsilk4', '#d331': 'gold', '#d640': 'gray14', '#d641': 'grey14', '#d642': 'gray13', '#d643': 'grey13', '#d644': 'gray12', '#d645': 'grey12', '#d646': 'gray11', '#d647': 'grey11', '#d648': 'gray10', '#d649': 'grey10', '#d668': 'black', '#d486': 'gainsboro', '#d487': 'gray86', '#d484': 'gray87', '#d485': 'grey87', '#d482': 'gray88', '#d483': 'grey88', '#d480': 'gray89', '#d481': 'grey89', '#d521': 'grey71', '#d520': 'gray71', '#d523': 'grey70', '#d522': 'gray70', '#d525': 'grey69', '#d524': 'gray69', '#d488': 'grey86', '#d489': 'gray85', '#d430': 'OrangeRed', '#d660': 'gray4', '#d169': 'SteelBlue1', '#d168': 'SteelBlue', '#d661': 'grey4', '#d161': 'DodgerBlue', '#d160': 'SlateGrey', '#d163': 'DodgerBlue2', '#d162': 'DodgerBlue1', '#d165': 'DodgerBlue3', '#d164': 'DodgerBlue4', '#d167': 'SteelBlue4', '#d166': 'AliceBlue', '#d635': 'grey17', '#d634': 'gray17', '#d637': 'grey16', '#d636': 'gray16', '#d631': 'grey19', '#d630': 'gray19', '#d633': 'grey18', '#d632': 'gray18', '#d639': 'grey15', '#d638': 'gray15', '#d368': 'PapayaWhip', '#d222': 'cyan', '#d223': 'cyan1', '#d220': 'LightCyan4', '#d221': 'aqua', '#d226': 'DarkSlateGray4', '#d227': 'cyan3', '#d224': 'PaleTurquoise4', '#d225': 'cyan2', '#d228': 'cyan4', '#d229': 'DarkCyan', '#d590': 'gray39', '#d538': 'gray63', '#d539': 'grey63', '#d591': 'grey39', '#d451': 'MistyRose', '#d450': 'MistyRose2', '#d453': 'salmon', '#d452': 'MistyRose1', '#d455': 'white', '#d454': 'MistyRose3', '#d457': 'grey100', '#d456': 'gray100', '#d459': 'gray99', '#d458': 'grey100', '#d592': 'gray38', '#d593': 'grey38', '#d594': 'gray37', '#d595': 'grey37', '#d596': 'gray36', '#d597': 'grey36', '#d297': 'YellowGreen', '#d296': 'OliveDrab3', '#d295': 'OliveDrab2', '#d294': 'OliveDrab1', '#d293': 'OliveDrab', '#d292': 'DarkOliveGreen', '#d291': 'DarkOliveGreen4', '#d290': 'DarkOliveGreen2', '#d356': 'wheat2', '#d357': 'OldLace', '#d354': 'DarkGoldenrod4', '#d355': 'FloralWhite', '#d352': 'DarkGoldenrod2', '#d353': 'DarkGoldenrod3', '#d299': 'ivory', '#d298': 'OliveDrab4', '#d468': 'gray95', '#d534': 'gray65', '#d535': 'grey65', '#d52': 'LavenderBlush2', '#d53': 'LavenderBlush4', '#d50': 'LavenderBlush1', '#d51': 'LavenderBlush3', '#d56': 'VioletRed3', '#d57': 'VioletRed1', '#d54': 'maroon', '#d55': 'HotPink3', '#d58': 'VioletRed2', '#d59': 'VioletRed4', '#d469': 'grey95', '#d558': 'gray53', '#d559': 'grey53', '#d576': 'gray45', '#d577': 'grey45', '#d574': 'gray46', '#d575': 'grey46', '#d572': 'gray47', '#d573': 'grey47', '#d570': 'gray48', '#d571': 'grey48', '#d671': 'opaque', '#d670': 'grey0', '#d673': 'transparent', '#d672': 'none', '#d578': 'gray44', '#d579': 'grey44', '#d589': 'grey40', '#d588': 'gray40', '#d4': 'RosyBrown2', '#d5': 'snow3', '#d6': 'LightCoral', '#d7': 'IndianRed1', '#d0': 'snow', '#d1': 'snow1', '#d2': 'snow2', '#d3': 'RosyBrown1', '#d8': 'RosyBrown3', '#d9': 'IndianRed2', '#d136': 'MediumBlue', '#d137': 'blue4', '#d134': 'blue2', '#d135': 'blue3', '#d132': 'blue', '#d133': 'blue1', '#d130': 'GhostWhite', '#d131': 'lavender', '#d583': 'grey42', '#d138': 'DarkBlue', '#d139': 'MidnightBlue', '#d312': 'yellow1', '#d313': 'yellow2', '#d310': 'LightYellow4', '#d311': 'yellow', '#d316': 'olive', '#d317': 'DarkKhaki', '#d314': 'yellow3', '#d315': 'yellow4', '#d318': 'khaki2', '#d319': 'LemonChiffon4', '#d259': 'DarkSeaGreen1', '#d258': 'honeydew2', '#d253': 'SeaGreen4', '#d252': 'SeaGreen1', '#d251': 'SeaGreen3', '#d250': 'SeaGreen', '#d257': 'honeydew1', '#d256': 'honeydew', '#d255': 'MediumForestGreen', '#d254': 'SeaGreen2', '#d345': 'goldenrod', '#d344': 'cornsilk1', '#d612': 'gray28', '#d347': 'goldenrod2', '#d461': 'gray98', '#d346': 'goldenrod1', '#d479': 'grey90', '#d341': 'cornsilk3', '#d478': 'gray90', '#d340': 'LightGoldenrod2', '#d343': 'cornsilk', '#d342': 'cornsilk2', '#d528': 'gray67', '#d408': 'seashell4', '#d409': 'seashell2', '#d406': 'PeachPuff3', '#d407': 'SandyBrown', '#d404': 'PeachPuff4', '#d405': 'PeachPuff2', '#d402': 'PeachPuff', '#d403': 'PeachPuff1', '#d400': 'tan3', '#d401': 'tan4', '#d552': 'gray56', '#d460': 'grey99', '#d16': 'firebrick2', '#d17': 'snow4', '#d14': 'IndianRed', '#d15': 'IndianRed3', '#d12': 'firebrick1', '#d13': 'brown2', '#d10': 'RosyBrown', '#d11': 'brown1', '#d532': 'gray66', '#d533': 'grey66', '#d530': 'DarkGray', '#d531': 'DarkGrey', '#d536': 'gray64', '#d537': 'grey64', '#d18': 'brown3', '#d19': 'red', '#d329': 'MediumGoldenRod', '#d328': 'LemonChiffon2', '#d178': 'LightSkyBlue1', '#d179': 'LightSkyBlue2', '#d172': 'SkyBlue4', '#d173': 'SkyBlue1', '#d170': 'SteelBlue2', '#d171': 'SteelBlue3', '#d176': 'LightSkyBlue', '#d177': 'LightSkyBlue4', '#d174': 'SkyBlue2', '#d175': 'SkyBlue3', '#d626': 'gray21', '#d627': 'grey21', '#d624': 'gray22', '#d625': 'grey22', '#d622': 'gray23', '#d623': 'grey23', '#d620': 'gray24', '#d621': 'grey24', '#d628': 'gray20', '#d629': 'grey20', '#d219': 'azure4', '#d218': 'DarkSlateGray3', '#d217': 'PaleTurquoise3', '#d216': 'DarkSlateGray2', '#d215': 'LightCyan3', '#d214': 'azure3', '#d213': 'DarkSlateGray1', '#d212': 'PaleTurquoise2', '#d211': 'PaleTurquoise', '#d210': 'PaleTurquoise1', '#d669': 'gray0', '#d582': 'gray42', '#d442': 'coral3', '#d443': 'coral4', '#d440': 'coral1', '#d441': 'coral2', '#d446': 'tomato1', '#d447': 'tomato2', '#d444': 'tomato4', '#d445': 'tomato', '#d448': 'tomato3', '#d449': 'MistyRose4', '#d280': 'DarkGreen', '#d281': 'LawnGreen', '#d282': 'chartreuse', '#d283': 'chartreuse1', '#d284': 'chartreuse2', '#d285': 'chartreuse3', '#d286': 'chartreuse4', '#d287': 'GreenYellow', '#d288': 'DarkOliveGreen3', '#d289': 'DarkOliveGreen1', '#d361': 'orange', '#d360': 'wheat3', '#d367': 'moccasin', '#d366': 'wheat4', '#d365': 'orange4', '#d364': 'orange3', '#d49': 'LavenderBlush', '#d48': 'PaleVioletRed3', '#d45': 'PaleVioletRed', '#d44': 'PaleVioletRed4', '#d47': 'PaleVioletRed1', '#d46': 'PaleVioletRed2', '#d41': 'pink2', '#d40': 'pink1', '#d43': 'pink4', '#d42': 'pink3', '#d358': 'wheat', '#d527': 'grey68', '#d526': 'gray68', '#d614': 'gray27', '#d543': 'grey61', '#d542': 'gray61', '#d541': 'grey62', '#d540': 'gray62', '#d547': 'grey59', '#d546': 'gray59', '#d545': 'grey60', '#d544': 'gray60', '#d662': 'gray3', '#d663': 'grey3', '#d549': 'grey58', '#d548': 'gray58', '#d666': 'gray1', '#d667': 'grey1', '#d664': 'gray2', '#d665': 'grey2', '#d103': 'MediumOrchid4', '#d102': 'MediumOrchid3', '#d101': 'MediumOrchid2', '#d100': 'MediumOrchid1', '#d107': 'DarkOrchid3', '#d106': 'DarkOrchid1', '#d105': 'DarkOrchid', '#d104': 'DarkViolet', '#d109': 'DarkOrchid4', '#d108': 'DarkOrchid2', '#d244': 'SpringGreen', '#d245': 'SpringGreen1', '#d246': 'SpringGreen2', '#d247': 'SpringGreen3', '#d240': 'aquamarine3', '#d241': 'MediumAquamarine', '#d242': 'MediumSpringGreen', '#d243': 'MintCream', '#d327': 'LemonChiffon3', '#d326': 'khaki', '#d325': 'LemonChiffon1', '#d324': 'LemonChiffon', '#d248': 'SpringGreen4', '#d249': 'MediumSeaGreen', '#d321': 'khaki3', '#d320': 'khaki1', '#d350': 'DarkGoldenrod', '#d439': 'salmon4', '#d438': 'salmon3', '#d98': 'purple', '#d99': 'MediumOrchid', '#d96': 'DarkMagenta', '#d97': 'magenta4', '#d94': 'magenta2', '#d95': 'magenta3', '#d92': 'magenta1', '#d93': 'plum4', '#d90': 'fuchsia', '#d91': 'magenta', '#d433': 'OrangeRed3', '#d432': 'OrangeRed2', '#d431': 'OrangeRed1', '#d74': 'VioletRed', '#d75': 'orchid2', '#d76': 'orchid', '#d77': 'orchid1', '#d70': 'maroon2', '#d71': 'maroon3', '#d72': 'maroon4', '#d73': 'MediumVioletRed', '#d437': 'salmon2', '#d78': 'orchid3', '#d79': 'orchid4', '#d436': 'salmon1', '#d435': 'DarkSalmon', '#d434': 'OrangeRed4', '#d507': 'gray77', '#d506': 'grey78', '#d505': 'gray78', '#d504': 'grey79', '#d503': 'gray79', '#d502': 'grey80', '#d501': 'gray80', '#d500': 'grey81', '#d509': 'gray76', '#d508': 'grey77', '#d473': 'grey93', '#d369': 'NavajoWhite3', '#d147': 'CornflowerBlue', '#d146': 'RoyalBlue4', '#d145': 'RoyalBlue3', '#d144': 'RoyalBlue2', '#d143': 'RoyalBlue1', '#d142': 'RoyalBlue', '#d141': 'NavyBlue', '#d140': 'navy', '#d149': 'LightSteelBlue1', '#d148': 'LightSteelBlue', '#d472': 'gray93', '#d613': 'grey28', '#d363': 'orange2', '#d611': 'grey29', '#d610': 'gray29', '#d617': 'grey26', '#d616': 'gray26', '#d615': 'grey27', '#d362': 'orange1', '#d619': 'grey25', '#d618': 'gray25', '#d208': 'azure2', '#d209': 'LightCyan2', '#d200': 'turquoise4', '#d201': 'cadet blue', '#d202': 'CadetBlue', '#d203': 'DarkTurquoise', '#d204': 'azure', '#d205': 'azure1', '#d206': 'LightCyan', '#d207': 'LightCyan1', '#d608': 'gray30', '#d609': 'grey30', '#d374': 'NavajoWhite4', '#d375': 'AntiqueWhite4', '#d376': 'AntiqueWhite', '#d377': 'tan', '#d370': 'BlanchedAlmond', '#d371': 'NavajoWhite', '#d372': 'NavajoWhite1', '#d373': 'NavajoWhite2', '#d477': 'grey91', '#d476': 'gray91', '#d475': 'grey92', '#d474': 'gray92', '#d378': 'bisque4', '#d379': 'burlywood', '#d471': 'grey94', '#d470': 'gray94', '#d279': 'green', '#d278': 'green4', '#d275': 'PaleGreen4', '#d274': 'green2', '#d277': 'ForestGreen', '#d276': 'green3', '#d271': 'lime', '#d270': 'green1', '#d273': 'DarkSeaGreen4', '#d272': 'LimeGreen', '#d38': 'pink', '#d39': 'crimson', '#d30': 'DarkRed', '#d31': 'red4', '#d32': 'maroon', '#d33': 'LightPink1', '#d34': 'LightPink3', '#d35': 'LightPink4', '#d36': 'LightPink2', '#d37': 'LightPink', '#d658': 'gray5', '#d389': 'bisque', '#d388': 'bisque2', '#d381': 'burlywood1', '#d380': 'AntiqueWhite2', '#d383': 'burlywood2', '#d382': 'burlywood3', '#d385': 'burlywood4', '#d384': 'AntiqueWhite1', '#d387': 'DarkOrange', '#d386': 'AntiqueWhite3', '#d189': 'LightBlue2', '#d188': 'LightBlue1', '#d183': 'DeepSkyBlue', '#d182': 'LightBlue3', '#d181': 'SkyBlue', '#d180': 'LightSkyBlue3', '#d187': 'DeepSkyBlue3', '#d186': 'DeepSkyBlue4', '#d185': 'DeepSkyBlue2', '#d184': 'DeepSkyBlue1', '#d657': 'grey6', '#d656': 'gray6', '#d655': 'grey7', '#d654': 'gray7', '#d653': 'grey8', '#d652': 'gray8', '#d651': 'grey9', '#d650': 'gray9', '#d550': 'gray57', '#d659': 'grey5', '#d551': 'grey57', '#d495': 'LightGray', '#d494': 'grey83', '#d497': 'gray82', '#d496': 'LightGrey', '#d491': 'gray84', '#d490': 'grey85', '#d493': 'gray83', '#d492': 'grey84', '#d554': 'gray55', '#d555': 'grey55', '#d556': 'gray54', '#d557': 'grey54', '#d499': 'gray81', '#d498': 'grey82', '#d323': 'PaleGoldenrod', '#d553': 'grey56'}
diff --git a/frontend/imgrid/colors/colors/js/colordictionaries2.js b/frontend/imgrid/colors/colors/js/colordictionaries2.js
new file mode 100755
index 0000000..a4acbf2
--- /dev/null
+++ b/frontend/imgrid/colors/colors/js/colordictionaries2.js
@@ -0,0 +1,3 @@
+rgbtohex = {'rgb(255, 235, 205)': '#FFEBCD', 'rgb(205, 155, 155)': '#CD9B9B', 'rgb(0, 0, 128)': '#000080', 'rgb(179, 238, 58)': '#B3EE3A', 'rgb(205, 51, 51)': '#CD3333', 'rgb(118, 238, 198)': '#76EEC6', 'rgb(214, 214, 214)': '#D6D6D6', 'rgb(189, 189, 189)': '#BDBDBD', 'rgb(139, 131, 120)': '#8B8378', 'rgb(0, 238, 238)': '#00EEEE', 'rgb(137, 104, 205)': '#8968CD', 'rgb(85, 107, 47)': '#556B2F', 'rgb(107, 107, 107)': '#6B6B6B', 'rgb(205, 205, 180)': '#CDCDB4', 'rgb(218, 112, 214)': '#DA70D6', 'rgb(34, 139, 34)': '#228B22', 'rgb(245, 222, 179)': '#F5DEB3', 'rgb(139, 90, 43)': '#8B5A2B', 'rgb(255, 246, 143)': '#FFF68F', 'rgb(205, 91, 69)': '#CD5B45', 'rgb(255, 187, 255)': '#FFBBFF', 'rgb(162, 181, 205)': '#A2B5CD', 'rgb(238, 118, 0)': '#EE7600', 'rgb(238, 154, 73)': '#EE9A49', 'rgb(194, 194, 194)': '#C2C2C2', 'rgb(184, 134, 11)': '#B8860B', 'rgb(93, 71, 139)': '#5D478B', 'rgb(255, 182, 193)': '#FFB6C1', 'rgb(139, 69, 0)': '#8B4500', 'rgb(105, 89, 205)': '#6959CD', 'rgb(238, 173, 14)': '#EEAD0E', 'rgb(151, 255, 255)': '#97FFFF', 'rgb(205, 150, 205)': '#CD96CD', 'rgb(255, 69, 0)': '#FF4500', 'rgb(0, 134, 139)': '#00868B', 'rgb(0, 238, 0)': '#00EE00', 'rgb(255, 106, 106)': '#FF6A6A', 'rgb(186, 186, 186)': '#BABABA', 'rgb(143, 188, 143)': '#8FBC8F', 'rgb(139, 99, 108)': '#8B636C', 'rgb(224, 102, 255)': '#E066FF', 'rgb(100, 149, 237)': '#6495ED', 'rgb(0, 139, 69)': '#008B45', 'rgb(178, 223, 238)': '#B2DFEE', 'rgb(205, 192, 176)': '#CDC0B0', 'rgb(0, 206, 209)': '#00CED1', 'rgb(104, 131, 139)': '#68838B', 'rgb(155, 205, 155)': '#9BCD9B', 'rgb(139, 76, 57)': '#8B4C39', 'rgb(205, 149, 12)': '#CD950C', 'rgb(67, 205, 128)': '#43CD80', 'rgb(54, 54, 54)': '#363636', 'rgb(0, 205, 205)': '#00CDCD', 'rgb(99, 184, 255)': '#63B8FF', 'rgb(238, 233, 233)': '#EEE9E9', 'rgb(205, 201, 201)': '#CDC9C9', 'rgb(156, 156, 156)': '#9C9C9C', 'rgb(139, 125, 123)': '#8B7D7B', 'rgb(148, 148, 148)': '#949494', 'rgb(102, 205, 170)': '#66CDAA', 'rgb(139, 54, 38)': '#8B3626', 'rgb(255, 181, 197)': '#FFB5C5', 'rgb(173, 216, 230)': '#ADD8E6', 'rgb(46, 46, 46)': '#2E2E2E', 'rgb(164, 211, 238)': '#A4D3EE', 'rgb(232, 232, 232)': '#E8E8E8', 'rgb(105, 105, 105)': '#696969', 'rgb(205, 193, 197)': '#CDC1C5', 'rgb(20, 20, 20)': '#141414', 'rgb(139, 139, 131)': '#8B8B83', 'rgb(255, 114, 86)': '#FF7256', 'rgb(0, 104, 139)': '#00688B', 'rgb(205, 41, 144)': '#CD2990', 'rgb(127, 127, 127)': '#7F7F7F', 'rgb(255, 239, 213)': '#FFEFD5', 'rgb(238, 238, 209)': '#EEEED1', 'rgb(242, 242, 242)': '#F2F2F2', 'rgb(240, 230, 140)': '#F0E68C', 'rgb(238, 207, 161)': '#EECFA1', 'rgb(25, 25, 112)': '#191970', 'rgb(205, 79, 57)': '#CD4F39', 'rgb(84, 84, 84)': '#545454', 'rgb(110, 139, 61)': '#6E8B3D', 'rgb(255, 215, 0)': '#FFD700', 'rgb(143, 143, 143)': '#8F8F8F', 'rgb(238, 59, 59)': '#EE3B3B', 'rgb(166, 166, 166)': '#A6A6A6', 'rgb(255, 160, 122)': '#FFA07A', 'rgb(51, 51, 51)': '#333333', 'rgb(224, 238, 224)': '#E0EEE0', 'rgb(139, 121, 94)': '#8B795E', 'rgb(110, 123, 139)': '#6E7B8B', 'rgb(26, 26, 26)': '#1A1A1A', 'rgb(238, 99, 99)': '#EE6363', 'rgb(178, 58, 238)': '#B23AEE', 'rgb(238, 197, 145)': '#EEC591', 'rgb(171, 171, 171)': '#ABABAB', 'rgb(237, 237, 237)': '#EDEDED', 'rgb(238, 0, 0)': '#EE0000', 'rgb(139, 71, 38)': '#8B4726', 'rgb(82, 139, 139)': '#528B8B', 'rgb(139, 105, 105)': '#8B6969', 'rgb(160, 32, 240)': '#A020F0', 'rgb(78, 238, 148)': '#4EEE94', 'rgb(205, 85, 85)': '#CD5555', 'rgb(205, 181, 205)': '#CDB5CD', 'rgb(184, 184, 184)': '#B8B8B8', 'rgb(255, 222, 173)': '#FFDEAD', 'rgb(8, 8, 8)': '#080808', 'rgb(255, 248, 220)': '#FFF8DC', 'rgb(175, 238, 238)': '#AFEEEE', 'rgb(255, 130, 71)': '#FF8247', 'rgb(13, 13, 13)': '#0D0D0D', 'rgb(0, 139, 139)': '#008B8B', 'rgb(187, 255, 255)': '#BBFFFF', 'rgb(147, 112, 219)': '#9370DB', 'rgb(0, 128, 0)': '#008000', 'rgb(238, 64, 0)': '#EE4000', 'rgb(238, 18, 137)': '#EE1289', 'rgb(54, 100, 139)': '#36648B', 'rgb(176, 176, 176)': '#B0B0B0', 'rgb(0, 0, 238)': '#0000EE', 'rgb(238, 154, 0)': '#EE9A00', 'rgb(188, 143, 143)': '#BC8F8F', 'rgb(240, 255, 255)': '#F0FFFF', 'rgb(191, 62, 255)': '#BF3EFF', 'rgb(171, 130, 255)': '#AB82FF', 'rgb(205, 173, 0)': '#CDAD00', 'rgb(255, 48, 48)': '#FF3030', 'rgb(122, 197, 205)': '#7AC5CD', 'rgb(139, 87, 66)': '#8B5742', 'rgb(204, 204, 204)': '#CCCCCC', 'rgb(205, 129, 98)': '#CD8162', 'rgb(224, 224, 224)': '#E0E0E0', 'rgb(218, 165, 32)': '#DAA520', 'rgb(205, 145, 158)': '#CD919E', 'rgb(139, 62, 47)': '#8B3E2F', 'rgb(238, 122, 233)': '#EE7AE9', 'rgb(152, 251, 152)': '#98FB98', 'rgb(240, 128, 128)': '#F08080', 'rgb(162, 205, 90)': '#A2CD5A', 'rgb(79, 79, 79)': '#4F4F4F', 'rgb(169, 169, 169)': '#A9A9A9', 'rgb(255, 127, 0)': '#FF7F00', 'rgb(139, 28, 98)': '#8B1C62', 'rgb(253, 245, 230)': '#FDF5E6', 'rgb(141, 238, 238)': '#8DEEEE', 'rgb(238, 213, 210)': '#EED5D2', 'rgb(208, 32, 144)': '#D02090', 'rgb(0, 205, 0)': '#00CD00', 'rgb(139, 71, 137)': '#8B4789', 'rgb(205, 201, 165)': '#CDC9A5', 'rgb(0, 229, 238)': '#00E5EE', 'rgb(205, 140, 149)': '#CD8C95', 'rgb(124, 205, 124)': '#7CCD7C', 'rgb(220, 220, 220)': '#DCDCDC', 'rgb(238, 229, 222)': '#EEE5DE', 'rgb(87, 87, 87)': '#575757', 'rgb(70, 130, 180)': '#4682B4', 'rgb(205, 104, 137)': '#CD6889', 'rgb(15, 15, 15)': '#0F0F0F', 'rgb(38, 38, 38)': '#262626', 'rgb(238, 180, 34)': '#EEB422', 'rgb(205, 200, 177)': '#CDC8B1', 'rgb(238, 210, 238)': '#EED2EE', 'rgb(150, 150, 150)': '#969696', 'rgb(0, 255, 127)': '#00FF7F', 'rgb(139, 126, 102)': '#8B7E66', 'rgb(205, 175, 149)': '#CDAF95', 'rgb(152, 245, 255)': '#98F5FF', 'rgb(0, 250, 154)': '#00FA9A', 'rgb(120, 120, 120)': '#787878', 'rgb(238, 118, 33)': '#EE7621', 'rgb(128, 128, 0)': '#808000', 'rgb(139, 137, 112)': '#8B8970', 'rgb(107, 142, 35)': '#6B8E23', 'rgb(219, 219, 219)': '#DBDBDB', 'rgb(205, 205, 0)': '#CDCD00', 'rgb(180, 205, 205)': '#B4CDCD', 'rgb(115, 115, 115)': '#737373', 'rgb(131, 139, 139)': '#838B8B', 'rgb(0, 178, 238)': '#00B2EE', 'rgb(94, 94, 94)': '#5E5E5E', 'rgb(135, 135, 135)': '#878787', 'rgb(145, 145, 145)': '#919191', 'rgb(205, 0, 0)': '#CD0000', 'rgb(16, 78, 139)': '#104E8B', 'rgb(133, 133, 133)': '#858585', 'rgb(205, 38, 38)': '#CD2626', 'rgb(255, 193, 193)': '#FFC1C1', 'rgb(205, 183, 181)': '#CDB7B5', 'rgb(122, 55, 139)': '#7A378B', 'rgb(154, 192, 205)': '#9AC0CD', 'rgb(191, 239, 255)': '#BFEFFF', 'rgb(219, 112, 147)': '#DB7093', 'rgb(121, 205, 205)': '#79CDCD', 'rgb(238, 232, 170)': '#EEE8AA', 'rgb(102, 205, 0)': '#66CD00', 'rgb(255, 185, 15)': '#FFB90F', 'rgb(176, 196, 222)': '#B0C4DE', 'rgb(255, 236, 139)': '#FFEC8B', 'rgb(205, 105, 201)': '#CD69C9', 'rgb(250, 250, 250)': '#FAFAFA', 'rgb(245, 245, 220)': '#F5F5DC', 'rgb(238, 106, 80)': '#EE6A50', 'rgb(64, 64, 64)': '#404040', 'rgb(238, 220, 130)': '#EEDC82', 'white': '#000000', 'rgb(125, 38, 205)': '#7D26CD', 'rgb(205, 133, 63)': '#CD853F', 'rgb(139, 102, 139)': '#8B668B', 'rgb(71, 71, 71)': '#474747', 'rgb(118, 238, 0)': '#76EE00', 'rgb(192, 255, 62)': '#C0FF3E', 'rgb(0, 0, 139)': '#00008B', 'rgb(248, 248, 255)': '#F8F8FF', 'rgb(3, 3, 3)': '#030303', 'rgb(176, 226, 255)': '#B0E2FF', 'rgb(139, 105, 20)': '#8B6914', 'rgb(255, 105, 180)': '#FF69B4', 'rgb(124, 252, 0)': '#7CFC00', 'rgb(238, 238, 224)': '#EEEEE0', 'rgb(139, 69, 19)': '#8B4513', 'rgb(139, 0, 139)': '#8B008B', 'rgb(31, 31, 31)': '#1F1F1F', 'rgb(159, 182, 205)': '#9FB6CD', 'rgb(181, 181, 181)': '#B5B5B5', 'rgb(0, 245, 255)': '#00F5FF', 'rgb(105, 139, 105)': '#698B69', 'rgb(159, 121, 238)': '#9F79EE', 'rgb(205, 198, 115)': '#CDC673', 'rgb(77, 77, 77)': '#4D4D4D', 'rgb(139, 90, 0)': '#8B5A00', 'rgb(122, 122, 122)': '#7A7A7A', 'rgb(224, 238, 238)': '#E0EEEE', 'rgb(50, 129, 75)': '#32814B', 'rgb(202, 225, 255)': '#CAE1FF', 'rgb(255, 110, 180)': '#FF6EB4', 'rgb(238, 48, 167)': '#EE30A7', 'rgb(220, 20, 60)': '#DC143C', 'rgb(127, 255, 212)': '#7FFFD4', 'rgb(205, 179, 139)': '#CDB38B', 'rgb(28, 28, 28)': '#1C1C1C', 'rgb(229, 229, 229)': '#E5E5E5', 'rgb(47, 79, 79)': '#2F4F4F', 'rgb(59, 59, 59)': '#3B3B3B', 'rgb(69, 139, 116)': '#458B74', 'rgb(255, 211, 155)': '#FFD39B', 'rgb(139, 119, 101)': '#8B7765', 'rgb(238, 230, 133)': '#EEE685', 'rgb(10, 10, 10)': '#0A0A0A', 'rgb(144, 238, 144)': '#90EE90', 'rgb(99, 99, 99)': '#636363', 'rgb(188, 238, 104)': '#BCEE68', 'rgb(255, 231, 186)': '#FFE7BA', 'rgb(154, 50, 205)': '#9A32CD', 'rgb(46, 139, 87)': '#2E8B57', 'rgb(145, 44, 238)': '#912CEE', 'rgb(255, 240, 245)': '#FFF0F5', 'rgb(67, 110, 238)': '#436EEE', 'rgb(238, 180, 180)': '#EEB4B4', 'rgb(108, 166, 205)': '#6CA6CD', 'rgb(173, 173, 173)': '#ADADAD', 'rgb(176, 48, 96)': '#B03060', 'rgb(23, 23, 23)': '#171717', 'rgb(138, 138, 138)': '#8A8A8A', 'rgb(139, 137, 137)': '#8B8989', 'rgb(209, 193, 102)': '#D1C166', 'rgb(139, 123, 139)': '#8B7B8B', 'rgb(154, 255, 154)': '#9AFF9A', 'rgb(130, 130, 130)': '#828282', 'rgb(255, 99, 71)': '#FF6347', 'rgb(205, 183, 158)': '#CDB79E', 'rgb(205, 102, 29)': '#CD661D', 'rgb(128, 0, 0)': '#800000', 'rgb(0, 0, 255)': '#0000FF', 'rgb(255, 52, 179)': '#FF34B3', 'rgb(250, 235, 215)': '#FAEBD7', 'rgb(163, 163, 163)': '#A3A3A3', 'rgb(56, 56, 56)': '#383838', 'rgb(85, 26, 139)': '#551A8B', 'rgb(139, 58, 58)': '#8B3A3A', 'rgb(168, 168, 168)': '#A8A8A8', 'rgb(255, 225, 255)': '#FFE1FF', 'rgb(125, 125, 125)': '#7D7D7D', 'rgb(131, 111, 255)': '#836FFF', 'rgb(95, 158, 160)': '#5F9EA0', 'rgb(165, 42, 42)': '#A52A2A', 'rgb(245, 255, 250)': '#F5FFFA', 'rgb(255, 218, 185)': '#FFDAB9', 'rgb(255, 228, 225)': '#FFE4E1', 'rgb(216, 191, 216)': '#D8BFD8', 'rgb(139, 101, 8)': '#8B6508', 'rgb(205, 104, 57)': '#CD6839', 'rgb(255, 131, 250)': '#FF83FA', 'rgb(82, 82, 82)': '#525252', 'rgb(117, 117, 117)': '#757575', 'rgb(255, 165, 0)': '#FFA500', 'rgb(255, 64, 64)': '#FF4040', 'rgb(255, 165, 79)': '#FFA54F', 'rgb(205, 55, 0)': '#CD3700', 'rgb(188, 210, 238)': '#BCD2EE', 'rgb(238, 121, 159)': '#EE799F', 'rgb(5, 5, 5)': '#050505', 'rgb(217, 217, 217)': '#D9D9D9', 'rgb(205, 186, 150)': '#CDBA96', 'rgb(139, 131, 134)': '#8B8386', 'rgb(185, 211, 238)': '#B9D3EE', 'rgb(235, 235, 235)': '#EBEBEB', 'rgb(230, 230, 250)': '#E6E6FA', 'rgb(41, 41, 41)': '#292929', 'rgb(205, 92, 92)': '#CD5C5C', 'rgb(131, 139, 131)': '#838B83', 'rgb(123, 104, 238)': '#7B68EE', 'rgb(128, 0, 128)': '#800080', 'rgb(139, 26, 26)': '#8B1A1A', 'rgb(141, 182, 205)': '#8DB6CD', 'rgb(212, 212, 212)': '#D4D4D4', 'rgb(238, 162, 173)': '#EEA2AD', 'rgb(255, 255, 0)': '#FFFF00', 'rgb(192, 192, 192)': '#C0C0C0', 'rgb(139, 71, 93)': '#8B475D', 'rgb(0, 100, 0)': '#006400', 'rgb(139, 37, 0)': '#8B2500', 'rgb(198, 226, 255)': '#C6E2FF', 'rgb(24, 116, 205)': '#1874CD', 'rgb(178, 34, 34)': '#B22222', 'rgb(28, 134, 238)': '#1C86EE', 'rgb(255, 0, 255)': '#FF00FF', 'rgb(33, 33, 33)': '#212121', 'rgb(209, 238, 238)': '#D1EEEE', 'rgb(255, 127, 80)': '#FF7F50', 'rgb(0, 154, 205)': '#009ACD', 'rgb(255, 255, 224)': '#FFFFE0', 'rgb(75, 0, 130)': '#4B0082', 'rgb(160, 82, 45)': '#A0522D', 'rgb(138, 43, 226)': '#8A2BE2', 'rgb(238, 224, 229)': '#EEE0E5', 'rgb(106, 90, 205)': '#6A5ACD', 'rgb(227, 227, 227)': '#E3E3E3', 'rgb(255, 250, 250)': '#FFFAFA', 'rgb(255, 174, 185)': '#FFAEB9', 'rgb(205, 0, 205)': '#CD00CD', 'rgb(126, 126, 126)': '#7E7E7E', 'rgb(139, 10, 80)': '#8B0A50', 'rgb(186, 85, 211)': '#BA55D3', 'rgb(205, 133, 0)': '#CD8500', 'rgb(211, 211, 211)': '#D3D3D3', 'rgb(69, 69, 69)': '#454545', 'rgb(222, 222, 222)': '#DEDEDE', 'rgb(221, 160, 221)': '#DDA0DD', 'rgb(255, 255, 240)': '#FFFFF0', 'rgb(112, 112, 112)': '#707070', 'rgb(209, 95, 238)': '#D15FEE', 'rgb(0, 255, 0)': '#00FF00', 'rgb(238, 233, 191)': '#EEE9BF', 'rgb(92, 92, 92)': '#5C5C5C', 'rgb(205, 112, 84)': '#CD7054', 'rgb(255, 228, 196)': '#FFE4C4', 'rgb(255, 192, 203)': '#FFC0CB', 'rgb(238, 130, 238)': '#EE82EE', 'rgb(122, 103, 238)': '#7A67EE', 'rgb(238, 121, 66)': '#EE7942', 'rgb(102, 139, 139)': '#668B8B', 'rgb(250, 240, 230)': '#FAF0E6', 'rgb(247, 247, 247)': '#F7F7F7', 'rgb(32, 178, 170)': '#20B2AA', 'rgb(97, 97, 97)': '#616161', 'rgb(150, 205, 205)': '#96CDCD', 'rgb(158, 158, 158)': '#9E9E9E', 'rgb(238, 58, 140)': '#EE3A8C', 'rgb(255, 228, 181)': '#FFE4B5', 'rgb(0, 197, 205)': '#00C5CD', 'rgb(205, 96, 144)': '#CD6090', 'rgb(205, 16, 118)': '#CD1076', 'rgb(240, 240, 240)': '#F0F0F0', 'rgb(176, 224, 230)': '#B0E0E6', 'rgb(199, 21, 133)': '#C71585', 'rgb(238, 203, 173)': '#EECBAD', 'rgb(173, 255, 47)': '#ADFF2F', 'rgb(238, 174, 238)': '#EEAEEE', 'rgb(191, 191, 191)': '#BFBFBF', 'rgb(222, 184, 135)': '#DEB887', 'rgb(18, 18, 18)': '#121212', 'rgb(83, 134, 139)': '#53868B', 'rgb(139, 134, 130)': '#8B8682', 'rgb(142, 229, 238)': '#8EE5EE', 'rgb(0, 139, 0)': '#008B00', 'rgb(240, 255, 240)': '#F0FFF0', 'rgb(104, 34, 139)': '#68228B', 'rgb(193, 255, 193)': '#C1FFC1', 'rgb(0, 0, 0)': '#000000', 'rgb(139, 58, 98)': '#8B3A62', 'rgb(89, 89, 89)': '#595959', 'rgb(72, 118, 255)': '#4876FF', 'rgb(108, 123, 139)': '#6C7B8B', 'rgb(255, 20, 147)': '#FF1493', 'rgb(255, 250, 240)': '#FFFAF0', 'rgb(132, 112, 255)': '#8470FF', 'rgb(255, 62, 150)': '#FF3E96', 'rgb(139, 125, 107)': '#8B7D6B', 'rgb(64, 224, 208)': '#40E0D0', 'rgb(148, 0, 211)': '#9400D3', 'rgb(238, 106, 167)': '#EE6AA7', 'rgb(238, 44, 44)': '#EE2C2C', 'rgb(72, 209, 204)': '#48D1CC', 'rgb(205, 155, 29)': '#CD9B1D', 'rgb(139, 0, 0)': '#8B0000', 'rgb(238, 92, 66)': '#EE5C42', 'rgb(238, 216, 174)': '#EED8AE', 'rgb(65, 105, 225)': '#4169E1', 'rgb(0, 205, 102)': '#00CD66', 'rgb(96, 123, 139)': '#607B8B', 'rgb(210, 180, 140)': '#D2B48C', 'rgb(135, 206, 255)': '#87CEFF', 'rgb(252, 252, 252)': '#FCFCFC', 'rgb(61, 61, 61)': '#3D3D3D', 'rgb(205, 102, 0)': '#CD6600', 'rgb(58, 95, 205)': '#3A5FCD', 'rgb(30, 144, 255)': '#1E90FF', 'rgb(245, 245, 245)': '#F5F5F5', 'rgb(255, 130, 171)': '#FF82AB', 'rgb(60, 179, 113)': '#3CB371', 'rgb(139, 139, 122)': '#8B8B7A', 'rgb(139, 136, 120)': '#8B8878', 'rgb(139, 34, 82)': '#8B2252', 'rgb(238, 223, 204)': '#EEDFCC', 'rgb(238, 213, 183)': '#EED5B7', 'rgb(250, 250, 210)': '#FAFAD2', 'rgb(255, 250, 205)': '#FFFACD', 'rgb(39, 64, 139)': '#27408B', 'rgb(84, 139, 84)': '#548B54', 'rgb(238, 221, 130)': '#EEDD82', 'rgb(139, 95, 101)': '#8B5F65', 'rgb(210, 105, 30)': '#D2691E', 'rgb(139, 139, 0)': '#8B8B00', 'rgb(238, 149, 114)': '#EE9572', 'rgb(0, 255, 255)': '#00FFFF', 'rgb(71, 60, 139)': '#473C8B', 'rgb(207, 207, 207)': '#CFCFCF', 'rgb(153, 50, 204)': '#9932CC', 'rgb(36, 36, 36)': '#242424', 'rgb(153, 153, 153)': '#999999', 'rgb(250, 128, 114)': '#FA8072', 'rgb(174, 238, 238)': '#AEEEEE', 'rgb(139, 117, 0)': '#8B7500', 'rgb(139, 35, 35)': '#8B2323', 'rgb(92, 172, 238)': '#5CACEE', 'rgb(48, 48, 48)': '#303030', 'rgb(139, 129, 76)': '#8B814C', 'rgb(72, 61, 139)': '#483D8B', 'rgb(238, 169, 184)': '#EEA9B8', 'rgb(69, 139, 0)': '#458B00', 'rgb(0, 128, 128)': '#008080', 'rgb(255, 255, 255)': '#FFFFFF', 'rgb(244, 164, 96)': '#F4A460', 'rgb(154, 205, 50)': '#9ACD32', 'rgb(126, 192, 238)': '#7EC0EE', 'rgb(209, 209, 209)': '#D1D1D1', 'rgb(74, 112, 139)': '#4A708B', 'rgb(112, 128, 144)': '#708090', 'rgb(105, 139, 34)': '#698B22', 'rgb(110, 110, 110)': '#6E6E6E', 'rgb(179, 179, 179)': '#B3B3B3', 'rgb(205, 50, 120)': '#CD3278', 'rgb(119, 136, 153)': '#778899', 'rgb(139, 115, 85)': '#8B7355', 'rgb(255, 193, 37)': '#FFC125', 'rgb(224, 255, 255)': '#E0FFFF', 'rgb(66, 66, 66)': '#424242', 'rgb(193, 205, 193)': '#C1CDC1', 'rgb(0, 191, 255)': '#00BFFF', 'rgb(205, 205, 193)': '#CDCDC1', 'rgb(238, 238, 0)': '#EEEE00', 'rgb(255, 140, 105)': '#FF8C69', 'rgb(135, 206, 235)': '#87CEEB', 'rgb(238, 201, 0)': '#EEC900', 'rgb(238, 232, 205)': '#EEE8CD', 'rgb(0, 0, 205)': '#0000CD', 'rgb(238, 130, 98)': '#EE8262', 'rgb(155, 48, 255)': '#9B30FF', 'rgb(43, 43, 43)': '#2B2B2B', 'rgb(240, 248, 255)': '#F0F8FF', 'rgb(238, 0, 238)': '#EE00EE', 'rgb(128, 128, 128)': '#808080', 'rgb(193, 205, 205)': '#C1CDCD', 'rgb(50, 205, 50)': '#32CD32', 'rgb(201, 201, 201)': '#C9C9C9', 'rgb(255, 239, 219)': '#FFEFDB', 'rgb(196, 196, 196)': '#C4C4C4', 'rgb(135, 206, 250)': '#87CEFA', 'rgb(139, 134, 78)': '#8B864E', 'rgb(79, 148, 205)': '#4F94CD', 'rgb(74, 74, 74)': '#4A4A4A', 'rgb(255, 0, 0)': '#FF0000', 'rgb(233, 150, 122)': '#E9967A', 'rgb(205, 190, 112)': '#CDBE70', 'rgb(84, 255, 159)': '#54FF9F', 'rgb(205, 170, 125)': '#CDAA7D', 'rgb(127, 255, 0)': '#7FFF00', 'rgb(102, 102, 102)': '#666666', 'rgb(180, 238, 180)': '#B4EEB4', 'rgb(122, 139, 139)': '#7A8B8B', 'rgb(255, 140, 0)': '#FF8C00', 'rgb(205, 197, 191)': '#CDC5BF', 'rgb(140, 140, 140)': '#8C8C8C', 'rgb(199, 199, 199)': '#C7C7C7', 'rgb(202, 255, 112)': '#CAFF70', 'rgb(255, 245, 238)': '#FFF5EE', 'rgb(189, 183, 107)': '#BDB76B', 'rgb(0, 238, 118)': '#00EE76', 'rgb(180, 82, 205)': '#B452CD', 'rgb(255, 127, 36)': '#FF7F24', 'rgb(161, 161, 161)': '#A1A1A1'}
+rgbtoname = {'rgb(255, 235, 205)': 'BlanchedAlmond', 'rgb(205, 155, 155)': 'RosyBrown3', 'rgb(0, 0, 128)': 'NavyBlue', 'rgb(179, 238, 58)': 'OliveDrab2', 'rgb(205, 51, 51)': 'brown3', 'rgb(118, 238, 198)': 'aquamarine2', 'rgb(214, 214, 214)': 'grey84', 'rgb(189, 189, 189)': 'grey74', 'rgb(139, 131, 120)': 'AntiqueWhite4', 'rgb(0, 238, 238)': 'cyan2', 'rgb(137, 104, 205)': 'MediumPurple3', 'rgb(85, 107, 47)': 'DarkOliveGreen', 'rgb(107, 107, 107)': 'grey42', 'rgb(205, 205, 180)': 'LightYellow3', 'rgb(218, 112, 214)': 'orchid', 'rgb(34, 139, 34)': 'ForestGreen', 'rgb(245, 222, 179)': 'wheat', 'rgb(139, 90, 43)': 'tan4', 'rgb(255, 246, 143)': 'khaki1', 'rgb(205, 91, 69)': 'coral3', 'rgb(255, 187, 255)': 'plum1', 'rgb(162, 181, 205)': 'LightSteelBlue3', 'rgb(238, 118, 0)': 'DarkOrange2', 'rgb(238, 154, 73)': 'tan2', 'rgb(194, 194, 194)': 'grey76', 'rgb(184, 134, 11)': 'DarkGoldenrod', 'rgb(93, 71, 139)': 'MediumPurple4', 'rgb(255, 182, 193)': 'LightPink', 'rgb(139, 69, 0)': 'DarkOrange4', 'rgb(105, 89, 205)': 'SlateBlue3', 'rgb(238, 173, 14)': 'DarkGoldenrod2', 'rgb(151, 255, 255)': 'DarkSlateGray1', 'rgb(205, 150, 205)': 'plum3', 'rgb(255, 69, 0)': 'OrangeRed1', 'rgb(0, 134, 139)': 'turquoise4', 'rgb(0, 238, 0)': 'green2', 'rgb(255, 106, 106)': 'IndianRed1', 'rgb(186, 186, 186)': 'grey73', 'rgb(143, 188, 143)': 'DarkSeaGreen', 'rgb(139, 99, 108)': 'pink4', 'rgb(224, 102, 255)': 'MediumOrchid1', 'rgb(100, 149, 237)': 'CornflowerBlue', 'rgb(0, 139, 69)': 'SpringGreen4', 'rgb(178, 223, 238)': 'LightBlue2', 'rgb(205, 192, 176)': 'AntiqueWhite3', 'rgb(0, 206, 209)': 'DarkTurquoise', 'rgb(104, 131, 139)': 'LightBlue4', 'rgb(155, 205, 155)': 'DarkSeaGreen3', 'rgb(139, 76, 57)': 'salmon4', 'rgb(205, 149, 12)': 'DarkGoldenrod3', 'rgb(67, 205, 128)': 'SeaGreen3', 'rgb(54, 54, 54)': 'grey21', 'rgb(0, 205, 205)': 'cyan3', 'rgb(99, 184, 255)': 'SteelBlue1', 'rgb(238, 233, 233)': 'snow2', 'rgb(205, 201, 201)': 'snow3', 'rgb(156, 156, 156)': 'grey61', 'rgb(139, 125, 123)': 'MistyRose4', 'rgb(148, 148, 148)': 'grey58', 'rgb(102, 205, 170)': 'MediumAquamarine', 'rgb(139, 54, 38)': 'tomato4', 'rgb(255, 181, 197)': 'pink1', 'rgb(173, 216, 230)': 'LightBlue', 'rgb(46, 46, 46)': 'grey18', 'rgb(164, 211, 238)': 'LightSkyBlue2', 'rgb(232, 232, 232)': 'grey91', 'rgb(105, 105, 105)': 'grey41', 'rgb(205, 193, 197)': 'LavenderBlush3', 'rgb(20, 20, 20)': 'grey8', 'rgb(139, 139, 131)': 'ivory4', 'rgb(255, 114, 86)': 'coral1', 'rgb(0, 104, 139)': 'DeepSkyBlue4', 'rgb(205, 41, 144)': 'maroon3', 'rgb(127, 127, 127)': 'grey50', 'rgb(255, 239, 213)': 'PapayaWhip', 'rgb(238, 238, 209)': 'LightYellow2', 'rgb(242, 242, 242)': 'grey95', 'rgb(240, 230, 140)': 'khaki', 'rgb(238, 207, 161)': 'NavajoWhite2', 'rgb(25, 25, 112)': 'MidnightBlue', 'rgb(205, 79, 57)': 'tomato3', 'rgb(84, 84, 84)': 'grey33', 'rgb(110, 139, 61)': 'DarkOliveGreen4', 'rgb(255, 215, 0)': 'gold1', 'rgb(143, 143, 143)': 'grey56', 'rgb(238, 59, 59)': 'brown2', 'rgb(166, 166, 166)': 'grey65', 'rgb(255, 160, 122)': 'LightSalmon1', 'rgb(51, 51, 51)': 'grey20', 'rgb(224, 238, 224)': 'honeydew2', 'rgb(139, 121, 94)': 'NavajoWhite4', 'rgb(110, 123, 139)': 'LightSteelBlue4', 'rgb(26, 26, 26)': 'grey10', 'rgb(238, 99, 99)': 'IndianRed2', 'rgb(178, 58, 238)': 'DarkOrchid2', 'rgb(238, 197, 145)': 'burlywood2', 'rgb(171, 171, 171)': 'grey67', 'rgb(237, 237, 237)': 'grey93', 'rgb(238, 0, 0)': 'red2', 'rgb(139, 71, 38)': 'sienna4', 'rgb(82, 139, 139)': 'DarkSlateGray4', 'rgb(139, 105, 105)': 'RosyBrown4', 'rgb(160, 32, 240)': 'purple', 'rgb(78, 238, 148)': 'SeaGreen2', 'rgb(205, 85, 85)': 'IndianRed3', 'rgb(205, 181, 205)': 'thistle3', 'rgb(184, 184, 184)': 'grey72', 'rgb(255, 222, 173)': 'NavajoWhite1', 'rgb(8, 8, 8)': 'grey3', 'rgb(255, 248, 220)': 'cornsilk1', 'rgb(175, 238, 238)': 'PaleTurquoise', 'rgb(255, 130, 71)': 'sienna1', 'rgb(13, 13, 13)': 'grey5', 'rgb(0, 139, 139)': 'DarkCyan', 'rgb(187, 255, 255)': 'PaleTurquoise1', 'rgb(147, 112, 219)': 'MediumPurple', 'rgb(0, 128, 0)': 'green', 'rgb(238, 64, 0)': 'OrangeRed2', 'rgb(238, 18, 137)': 'DeepPink2', 'rgb(54, 100, 139)': 'SteelBlue4', 'rgb(176, 176, 176)': 'grey69', 'rgb(0, 0, 238)': 'blue2', 'rgb(238, 154, 0)': 'orange2', 'rgb(188, 143, 143)': 'RosyBrown', 'rgb(240, 255, 255)': 'azure1', 'rgb(191, 62, 255)': 'DarkOrchid1', 'rgb(171, 130, 255)': 'MediumPurple1', 'rgb(205, 173, 0)': 'gold3', 'rgb(255, 48, 48)': 'firebrick1', 'rgb(122, 197, 205)': 'CadetBlue3', 'rgb(139, 87, 66)': 'LightSalmon4', 'rgb(204, 204, 204)': 'grey80', 'rgb(205, 129, 98)': 'LightSalmon3', 'rgb(224, 224, 224)': 'grey88', 'rgb(218, 165, 32)': 'goldenrod', 'rgb(205, 145, 158)': 'pink3', 'rgb(139, 62, 47)': 'coral4', 'rgb(238, 122, 233)': 'orchid2', 'rgb(152, 251, 152)': 'PaleGreen', 'rgb(240, 128, 128)': 'LightCoral', 'rgb(162, 205, 90)': 'DarkOliveGreen3', 'rgb(79, 79, 79)': 'grey31', 'rgb(169, 169, 169)': 'DarkGrey', 'rgb(255, 127, 0)': 'DarkOrange1', 'rgb(139, 28, 98)': 'maroon4', 'rgb(253, 245, 230)': 'OldLace', 'rgb(141, 238, 238)': 'DarkSlateGray2', 'rgb(238, 213, 210)': 'MistyRose2', 'rgb(208, 32, 144)': 'VioletRed', 'rgb(0, 205, 0)': 'green3', 'rgb(139, 71, 137)': 'orchid4', 'rgb(205, 201, 165)': 'LemonChiffon3', 'rgb(0, 229, 238)': 'turquoise2', 'rgb(205, 140, 149)': 'LightPink3', 'rgb(124, 205, 124)': 'PaleGreen3', 'rgb(220, 220, 220)': 'gainsboro', 'rgb(238, 229, 222)': 'seashell2', 'rgb(87, 87, 87)': 'grey34', 'rgb(70, 130, 180)': 'SteelBlue', 'rgb(205, 104, 137)': 'PaleVioletRed3', 'rgb(15, 15, 15)': 'grey6', 'rgb(38, 38, 38)': 'grey15', 'rgb(238, 180, 34)': 'goldenrod2', 'rgb(205, 200, 177)': 'cornsilk3', 'rgb(238, 210, 238)': 'thistle2', 'rgb(150, 150, 150)': 'grey59', 'rgb(0, 255, 127)': 'SpringGreen1', 'rgb(139, 126, 102)': 'wheat4', 'rgb(205, 175, 149)': 'PeachPuff3', 'rgb(152, 245, 255)': 'CadetBlue1', 'rgb(0, 250, 154)': 'MediumSpringGreen', 'rgb(120, 120, 120)': 'grey47', 'rgb(238, 118, 33)': 'chocolate2', 'rgb(128, 128, 0)': 'olive', 'rgb(139, 137, 112)': 'LemonChiffon4', 'rgb(107, 142, 35)': 'OliveDrab', 'rgb(219, 219, 219)': 'grey86', 'rgb(205, 205, 0)': 'yellow3', 'rgb(180, 205, 205)': 'LightCyan3', 'rgb(115, 115, 115)': 'grey45', 'rgb(131, 139, 139)': 'azure4', 'rgb(0, 178, 238)': 'DeepSkyBlue2', 'rgb(94, 94, 94)': 'grey37', 'rgb(135, 135, 135)': 'grey53', 'rgb(145, 145, 145)': 'grey57', 'rgb(205, 0, 0)': 'red3', 'rgb(16, 78, 139)': 'DodgerBlue4', 'rgb(133, 133, 133)': 'grey52', 'rgb(205, 38, 38)': 'firebrick3', 'rgb(255, 193, 193)': 'RosyBrown1', 'rgb(205, 183, 181)': 'MistyRose3', 'rgb(122, 55, 139)': 'MediumOrchid4', 'rgb(154, 192, 205)': 'LightBlue3', 'rgb(191, 239, 255)': 'LightBlue1', 'rgb(219, 112, 147)': 'PaleVioletRed', 'rgb(121, 205, 205)': 'DarkSlateGray3', 'rgb(238, 232, 170)': 'PaleGoldenrod', 'rgb(102, 205, 0)': 'chartreuse3', 'rgb(255, 185, 15)': 'DarkGoldenrod1', 'rgb(176, 196, 222)': 'LightSteelBlue', 'rgb(255, 236, 139)': 'LightGoldenrod1', 'rgb(205, 105, 201)': 'orchid3', 'rgb(250, 250, 250)': 'grey98', 'rgb(245, 245, 220)': 'beige', 'rgb(238, 106, 80)': 'coral2', 'rgb(64, 64, 64)': 'grey25', 'rgb(238, 220, 130)': 'LightGoldenrod2', 'white': 'none', 'rgb(125, 38, 205)': 'purple3', 'rgb(205, 133, 63)': 'tan3', 'rgb(139, 102, 139)': 'plum4', 'rgb(71, 71, 71)': 'grey28', 'rgb(118, 238, 0)': 'chartreuse2', 'rgb(192, 255, 62)': 'OliveDrab1', 'rgb(0, 0, 139)': 'DarkBlue', 'rgb(248, 248, 255)': 'GhostWhite', 'rgb(3, 3, 3)': 'grey1', 'rgb(176, 226, 255)': 'LightSkyBlue1', 'rgb(139, 105, 20)': 'goldenrod4', 'rgb(255, 105, 180)': 'HotPink', 'rgb(124, 252, 0)': 'LawnGreen', 'rgb(238, 238, 224)': 'ivory2', 'rgb(139, 69, 19)': 'SaddleBrown', 'rgb(139, 0, 139)': 'magenta4', 'rgb(31, 31, 31)': 'grey12', 'rgb(159, 182, 205)': 'SlateGray3', 'rgb(181, 181, 181)': 'grey71', 'rgb(0, 245, 255)': 'turquoise1', 'rgb(105, 139, 105)': 'DarkSeaGreen4', 'rgb(159, 121, 238)': 'MediumPurple2', 'rgb(205, 198, 115)': 'khaki3', 'rgb(77, 77, 77)': 'grey30', 'rgb(139, 90, 0)': 'orange4', 'rgb(122, 122, 122)': 'grey48', 'rgb(224, 238, 238)': 'azure2', 'rgb(50, 129, 75)': 'MediumForestGreen', 'rgb(202, 225, 255)': 'LightSteelBlue1', 'rgb(255, 110, 180)': 'HotPink1', 'rgb(238, 48, 167)': 'maroon2', 'rgb(220, 20, 60)': 'crimson', 'rgb(127, 255, 212)': 'aquamarine1', 'rgb(205, 179, 139)': 'NavajoWhite3', 'rgb(28, 28, 28)': 'grey11', 'rgb(229, 229, 229)': 'grey90', 'rgb(47, 79, 79)': 'DarkSlateGrey', 'rgb(59, 59, 59)': 'grey23', 'rgb(69, 139, 116)': 'aquamarine4', 'rgb(255, 211, 155)': 'burlywood1', 'rgb(139, 119, 101)': 'PeachPuff4', 'rgb(238, 230, 133)': 'khaki2', 'rgb(10, 10, 10)': 'grey4', 'rgb(144, 238, 144)': 'PaleGreen2', 'rgb(99, 99, 99)': 'grey39', 'rgb(188, 238, 104)': 'DarkOliveGreen2', 'rgb(255, 231, 186)': 'wheat1', 'rgb(154, 50, 205)': 'DarkOrchid3', 'rgb(46, 139, 87)': 'SeaGreen4', 'rgb(145, 44, 238)': 'purple2', 'rgb(255, 240, 245)': 'LavenderBlush1', 'rgb(67, 110, 238)': 'RoyalBlue2', 'rgb(238, 180, 180)': 'RosyBrown2', 'rgb(108, 166, 205)': 'SkyBlue3', 'rgb(173, 173, 173)': 'grey68', 'rgb(176, 48, 96)': 'maroon', 'rgb(23, 23, 23)': 'grey9', 'rgb(138, 138, 138)': 'grey54', 'rgb(139, 137, 137)': 'snow4', 'rgb(209, 193, 102)': 'MediumGoldenRod', 'rgb(139, 123, 139)': 'thistle4', 'rgb(154, 255, 154)': 'PaleGreen1', 'rgb(130, 130, 130)': 'grey51', 'rgb(255, 99, 71)': 'tomato1', 'rgb(205, 183, 158)': 'bisque3', 'rgb(205, 102, 29)': 'chocolate3', 'rgb(128, 0, 0)': 'maroon', 'rgb(0, 0, 255)': 'blue1', 'rgb(255, 52, 179)': 'maroon1', 'rgb(250, 235, 215)': 'AntiqueWhite', 'rgb(163, 163, 163)': 'grey64', 'rgb(56, 56, 56)': 'grey22', 'rgb(85, 26, 139)': 'purple4', 'rgb(139, 58, 58)': 'IndianRed4', 'rgb(168, 168, 168)': 'grey66', 'rgb(255, 225, 255)': 'thistle1', 'rgb(125, 125, 125)': 'grey49', 'rgb(131, 111, 255)': 'SlateBlue1', 'rgb(95, 158, 160)': 'CadetBlue', 'rgb(165, 42, 42)': 'brown', 'rgb(245, 255, 250)': 'MintCream', 'rgb(255, 218, 185)': 'PeachPuff1', 'rgb(255, 228, 225)': 'MistyRose1', 'rgb(216, 191, 216)': 'thistle', 'rgb(139, 101, 8)': 'DarkGoldenrod4', 'rgb(205, 104, 57)': 'sienna3', 'rgb(255, 131, 250)': 'orchid1', 'rgb(82, 82, 82)': 'grey32', 'rgb(117, 117, 117)': 'grey46', 'rgb(255, 165, 0)': 'orange1', 'rgb(255, 64, 64)': 'brown1', 'rgb(255, 165, 79)': 'tan1', 'rgb(205, 55, 0)': 'OrangeRed3', 'rgb(188, 210, 238)': 'LightSteelBlue2', 'rgb(238, 121, 159)': 'PaleVioletRed2', 'rgb(5, 5, 5)': 'grey2', 'rgb(217, 217, 217)': 'grey85', 'rgb(205, 186, 150)': 'wheat3', 'rgb(139, 131, 134)': 'LavenderBlush4', 'rgb(185, 211, 238)': 'SlateGray2', 'rgb(235, 235, 235)': 'grey92', 'rgb(230, 230, 250)': 'lavender', 'rgb(41, 41, 41)': 'grey16', 'rgb(205, 92, 92)': 'IndianRed', 'rgb(131, 139, 131)': 'honeydew4', 'rgb(123, 104, 238)': 'MediumSlateBlue', 'rgb(128, 0, 128)': 'purple', 'rgb(139, 26, 26)': 'firebrick4', 'rgb(141, 182, 205)': 'LightSkyBlue3', 'rgb(212, 212, 212)': 'grey83', 'rgb(238, 162, 173)': 'LightPink2', 'rgb(255, 255, 0)': 'yellow1', 'rgb(192, 192, 192)': 'silver', 'rgb(139, 71, 93)': 'PaleVioletRed4', 'rgb(0, 100, 0)': 'DarkGreen', 'rgb(139, 37, 0)': 'OrangeRed4', 'rgb(198, 226, 255)': 'SlateGray1', 'rgb(24, 116, 205)': 'DodgerBlue3', 'rgb(178, 34, 34)': 'firebrick', 'rgb(28, 134, 238)': 'DodgerBlue2', 'rgb(255, 0, 255)': 'magenta1', 'rgb(33, 33, 33)': 'grey13', 'rgb(209, 238, 238)': 'LightCyan2', 'rgb(255, 127, 80)': 'coral', 'rgb(0, 154, 205)': 'DeepSkyBlue3', 'rgb(255, 255, 224)': 'LightYellow1', 'rgb(75, 0, 130)': 'indigo', 'rgb(160, 82, 45)': 'sienna', 'rgb(138, 43, 226)': 'BlueViolet', 'rgb(238, 224, 229)': 'LavenderBlush2', 'rgb(106, 90, 205)': 'SlateBlue', 'rgb(227, 227, 227)': 'grey89', 'rgb(255, 250, 250)': 'snow1', 'rgb(255, 174, 185)': 'LightPink1', 'rgb(205, 0, 205)': 'magenta3', 'rgb(126, 126, 126)': 'gray', 'rgb(139, 10, 80)': 'DeepPink4', 'rgb(186, 85, 211)': 'MediumOrchid', 'rgb(205, 133, 0)': 'orange3', 'rgb(211, 211, 211)': 'LightGrey', 'rgb(69, 69, 69)': 'grey27', 'rgb(222, 222, 222)': 'grey87', 'rgb(221, 160, 221)': 'plum', 'rgb(255, 255, 240)': 'ivory1', 'rgb(112, 112, 112)': 'grey44', 'rgb(209, 95, 238)': 'MediumOrchid2', 'rgb(0, 255, 0)': 'lime', 'rgb(238, 233, 191)': 'LemonChiffon2', 'rgb(92, 92, 92)': 'grey36', 'rgb(205, 112, 84)': 'salmon3', 'rgb(255, 228, 196)': 'bisque1', 'rgb(255, 192, 203)': 'pink', 'rgb(238, 130, 238)': 'violet', 'rgb(122, 103, 238)': 'SlateBlue2', 'rgb(238, 121, 66)': 'sienna2', 'rgb(102, 139, 139)': 'PaleTurquoise4', 'rgb(250, 240, 230)': 'linen', 'rgb(247, 247, 247)': 'grey97', 'rgb(32, 178, 170)': 'LightSeaGreen', 'rgb(97, 97, 97)': 'grey38', 'rgb(150, 205, 205)': 'PaleTurquoise3', 'rgb(158, 158, 158)': 'grey62', 'rgb(238, 58, 140)': 'VioletRed2', 'rgb(255, 228, 181)': 'moccasin', 'rgb(0, 197, 205)': 'turquoise3', 'rgb(205, 96, 144)': 'HotPink3', 'rgb(205, 16, 118)': 'DeepPink3', 'rgb(240, 240, 240)': 'grey94', 'rgb(176, 224, 230)': 'PowderBlue', 'rgb(199, 21, 133)': 'MediumVioletRed', 'rgb(238, 203, 173)': 'PeachPuff2', 'rgb(173, 255, 47)': 'GreenYellow', 'rgb(238, 174, 238)': 'plum2', 'rgb(191, 191, 191)': 'grey75', 'rgb(222, 184, 135)': 'burlywood', 'rgb(18, 18, 18)': 'grey7', 'rgb(83, 134, 139)': 'CadetBlue4', 'rgb(139, 134, 130)': 'seashell4', 'rgb(142, 229, 238)': 'CadetBlue2', 'rgb(0, 139, 0)': 'green4', 'rgb(240, 255, 240)': 'honeydew1', 'rgb(104, 34, 139)': 'DarkOrchid4', 'rgb(193, 255, 193)': 'DarkSeaGreen1', 'rgb(0, 0, 0)': 'opaque', 'rgb(139, 58, 98)': 'HotPink4', 'rgb(89, 89, 89)': 'grey35', 'rgb(72, 118, 255)': 'RoyalBlue1', 'rgb(108, 123, 139)': 'SlateGray4', 'rgb(255, 20, 147)': 'DeepPink1', 'rgb(255, 250, 240)': 'FloralWhite', 'rgb(132, 112, 255)': 'LightSlateBlue', 'rgb(255, 62, 150)': 'VioletRed1', 'rgb(139, 125, 107)': 'bisque4', 'rgb(64, 224, 208)': 'turquoise', 'rgb(148, 0, 211)': 'DarkViolet', 'rgb(238, 106, 167)': 'HotPink2', 'rgb(238, 44, 44)': 'firebrick2', 'rgb(72, 209, 204)': 'MediumTurquoise', 'rgb(205, 155, 29)': 'goldenrod3', 'rgb(139, 0, 0)': 'red4', 'rgb(238, 92, 66)': 'tomato2', 'rgb(238, 216, 174)': 'wheat2', 'rgb(65, 105, 225)': 'RoyalBlue', 'rgb(0, 205, 102)': 'SpringGreen3', 'rgb(96, 123, 139)': 'LightSkyBlue4', 'rgb(210, 180, 140)': 'tan', 'rgb(135, 206, 255)': 'SkyBlue1', 'rgb(252, 252, 252)': 'grey99', 'rgb(61, 61, 61)': 'grey24', 'rgb(205, 102, 0)': 'DarkOrange3', 'rgb(58, 95, 205)': 'RoyalBlue3', 'rgb(30, 144, 255)': 'DodgerBlue1', 'rgb(245, 245, 245)': 'WhiteSmoke', 'rgb(255, 130, 171)': 'PaleVioletRed1', 'rgb(60, 179, 113)': 'MediumSeaGreen', 'rgb(139, 139, 122)': 'LightYellow4', 'rgb(139, 136, 120)': 'cornsilk4', 'rgb(139, 34, 82)': 'VioletRed4', 'rgb(238, 223, 204)': 'AntiqueWhite2', 'rgb(238, 213, 183)': 'bisque2', 'rgb(250, 250, 210)': 'LightGoldenrodYellow', 'rgb(255, 250, 205)': 'LemonChiffon1', 'rgb(39, 64, 139)': 'RoyalBlue4', 'rgb(84, 139, 84)': 'PaleGreen4', 'rgb(238, 221, 130)': 'LightGoldenrod', 'rgb(139, 95, 101)': 'LightPink4', 'rgb(210, 105, 30)': 'chocolate', 'rgb(139, 139, 0)': 'yellow4', 'rgb(238, 149, 114)': 'LightSalmon2', 'rgb(0, 255, 255)': 'cyan1', 'rgb(71, 60, 139)': 'SlateBlue4', 'rgb(207, 207, 207)': 'grey81', 'rgb(153, 50, 204)': 'DarkOrchid', 'rgb(36, 36, 36)': 'grey14', 'rgb(153, 153, 153)': 'grey60', 'rgb(250, 128, 114)': 'salmon', 'rgb(174, 238, 238)': 'PaleTurquoise2', 'rgb(139, 117, 0)': 'gold4', 'rgb(139, 35, 35)': 'brown4', 'rgb(92, 172, 238)': 'SteelBlue2', 'rgb(48, 48, 48)': 'grey19', 'rgb(139, 129, 76)': 'LightGoldenrod4', 'rgb(72, 61, 139)': 'DarkSlateBlue', 'rgb(238, 169, 184)': 'pink2', 'rgb(69, 139, 0)': 'chartreuse4', 'rgb(0, 128, 128)': 'teal', 'rgb(255, 255, 255)': 'grey100', 'rgb(244, 164, 96)': 'SandyBrown', 'rgb(154, 205, 50)': 'YellowGreen', 'rgb(126, 192, 238)': 'SkyBlue2', 'rgb(209, 209, 209)': 'grey82', 'rgb(74, 112, 139)': 'SkyBlue4', 'rgb(112, 128, 144)': 'SlateGrey', 'rgb(105, 139, 34)': 'OliveDrab4', 'rgb(110, 110, 110)': 'grey43', 'rgb(179, 179, 179)': 'grey70', 'rgb(205, 50, 120)': 'VioletRed3', 'rgb(119, 136, 153)': 'LightSlateGrey', 'rgb(139, 115, 85)': 'burlywood4', 'rgb(255, 193, 37)': 'goldenrod1', 'rgb(224, 255, 255)': 'LightCyan1', 'rgb(66, 66, 66)': 'grey26', 'rgb(193, 205, 193)': 'honeydew3', 'rgb(0, 191, 255)': 'DeepSkyBlue1', 'rgb(205, 205, 193)': 'ivory3', 'rgb(238, 238, 0)': 'yellow2', 'rgb(255, 140, 105)': 'salmon1', 'rgb(135, 206, 235)': 'SkyBlue', 'rgb(238, 201, 0)': 'gold2', 'rgb(238, 232, 205)': 'cornsilk2', 'rgb(0, 0, 205)': 'MediumBlue', 'rgb(238, 130, 98)': 'salmon2', 'rgb(155, 48, 255)': 'purple1', 'rgb(43, 43, 43)': 'grey17', 'rgb(240, 248, 255)': 'AliceBlue', 'rgb(238, 0, 238)': 'magenta2', 'rgb(128, 128, 128)': 'fractal', 'rgb(193, 205, 205)': 'azure3', 'rgb(50, 205, 50)': 'LimeGreen', 'rgb(201, 201, 201)': 'grey79', 'rgb(255, 239, 219)': 'AntiqueWhite1', 'rgb(196, 196, 196)': 'grey77', 'rgb(135, 206, 250)': 'LightSkyBlue', 'rgb(139, 134, 78)': 'khaki4', 'rgb(79, 148, 205)': 'SteelBlue3', 'rgb(74, 74, 74)': 'grey29', 'rgb(255, 0, 0)': 'red1', 'rgb(233, 150, 122)': 'DarkSalmon', 'rgb(205, 190, 112)': 'LightGoldenrod3', 'rgb(84, 255, 159)': 'SeaGreen1', 'rgb(205, 170, 125)': 'burlywood3', 'rgb(127, 255, 0)': 'chartreuse1', 'rgb(102, 102, 102)': 'grey40', 'rgb(180, 238, 180)': 'DarkSeaGreen2', 'rgb(122, 139, 139)': 'LightCyan4', 'rgb(255, 140, 0)': 'DarkOrange', 'rgb(205, 197, 191)': 'seashell3', 'rgb(140, 140, 140)': 'grey55', 'rgb(199, 199, 199)': 'grey78', 'rgb(202, 255, 112)': 'DarkOliveGreen1', 'rgb(255, 245, 238)': 'seashell1', 'rgb(189, 183, 107)': 'DarkKhaki', 'rgb(0, 238, 118)': 'SpringGreen2', 'rgb(180, 82, 205)': 'MediumOrchid3', 'rgb(255, 127, 36)': 'chocolate1', 'rgb(161, 161, 161)': 'grey63'}
+hextorgb = {'#EE1289': 'rgb(238, 18, 137)', '#EE8262': 'rgb(238, 130, 98)', '#C4C4C4': 'rgb(196, 196, 196)', '#556B2F': 'rgb(85, 107, 47)', '#FF8C00': 'rgb(255, 140, 0)', '#8B7B8B': 'rgb(139, 123, 139)', '#0000EE': 'rgb(0, 0, 238)', '#EED5D2': 'rgb(238, 213, 210)', '#BA55D3': 'rgb(186, 85, 211)', '#FFF5EE': 'rgb(255, 245, 238)', '#912CEE': 'rgb(145, 44, 238)', '#2F4F4F': 'rgb(47, 79, 79)', '#32814B': 'rgb(50, 129, 75)', '#D15FEE': 'rgb(209, 95, 238)', '#F0FFF0': 'rgb(240, 255, 240)', '#B23AEE': 'rgb(178, 58, 238)', '#8B7765': 'rgb(139, 119, 101)', '#3D3D3D': 'rgb(61, 61, 61)', '#54FF9F': 'rgb(84, 255, 159)', '#636363': 'rgb(99, 99, 99)', '#8B8386': 'rgb(139, 131, 134)', '#FF4040': 'rgb(255, 64, 64)', '#EEA9B8': 'rgb(238, 169, 184)', '#C2C2C2': 'rgb(194, 194, 194)', '#800080': 'rgb(128, 0, 128)', '#545454': 'rgb(84, 84, 84)', '#EE3A8C': 'rgb(238, 58, 140)', '#8A8A8A': 'rgb(138, 138, 138)', '#FF00FF': 'rgb(255, 0, 255)', '#436EEE': 'rgb(67, 110, 238)', '#8B864E': 'rgb(139, 134, 78)', '#0A0A0A': 'rgb(10, 10, 10)', '#808000': 'rgb(128, 128, 0)', '#E3E3E3': 'rgb(227, 227, 227)', '#1874CD': 'rgb(24, 116, 205)', '#BCD2EE': 'rgb(188, 210, 238)', '#A9A9A9': 'rgb(169, 169, 169)', '#F4A460': 'rgb(244, 164, 96)', '#FF3030': 'rgb(255, 48, 48)', '#FFEBCD': 'rgb(255, 235, 205)', '#B0C4DE': 'rgb(176, 196, 222)', '#00CDCD': 'rgb(0, 205, 205)', '#C0FF3E': 'rgb(192, 255, 62)', '#FFD700': 'rgb(255, 215, 0)', '#242424': 'rgb(36, 36, 36)', '#8B2252': 'rgb(139, 34, 82)', '#4EEE94': 'rgb(78, 238, 148)', '#CD3278': 'rgb(205, 50, 120)', '#00E5EE': 'rgb(0, 229, 238)', '#CD853F': 'rgb(205, 133, 63)', '#ADD8E6': 'rgb(173, 216, 230)', '#C7C7C7': 'rgb(199, 199, 199)', '#CD2990': 'rgb(205, 41, 144)', '#EEE5DE': 'rgb(238, 229, 222)', '#66CD00': 'rgb(102, 205, 0)', '#878787': 'rgb(135, 135, 135)', '#FFA54F': 'rgb(255, 165, 79)', '#A2B5CD': 'rgb(162, 181, 205)', '#BC8F8F': 'rgb(188, 143, 143)', '#C9C9C9': 'rgb(201, 201, 201)', '#D1C166': 'rgb(209, 193, 102)', '#8B2323': 'rgb(139, 35, 35)', '#B3EE3A': 'rgb(179, 238, 58)', '#EEEED1': 'rgb(238, 238, 209)', '#AEEEEE': 'rgb(174, 238, 238)', '#BDBDBD': 'rgb(189, 189, 189)', '#FF7F00': 'rgb(255, 127, 0)', '#FFC0CB': 'rgb(255, 192, 203)', '#EE3B3B': 'rgb(238, 59, 59)', '#CDC8B1': 'rgb(205, 200, 177)', '#CDB38B': 'rgb(205, 179, 139)', '#CDBA96': 'rgb(205, 186, 150)', '#B4EEB4': 'rgb(180, 238, 180)', '#40E0D0': 'rgb(64, 224, 208)', '#8B795E': 'rgb(139, 121, 94)', '#27408B': 'rgb(39, 64, 139)', '#424242': 'rgb(66, 66, 66)', '#CDB7B5': 'rgb(205, 183, 181)', '#CAE1FF': 'rgb(202, 225, 255)', '#F0FFFF': 'rgb(240, 255, 255)', '#2E8B57': 'rgb(46, 139, 87)', '#87CEEB': 'rgb(135, 206, 235)', '#CD00CD': 'rgb(205, 0, 205)', '#CDAA7D': 'rgb(205, 170, 125)', '#836FFF': 'rgb(131, 111, 255)', '#ABABAB': 'rgb(171, 171, 171)', '#EEB4B4': 'rgb(238, 180, 180)', '#8B7355': 'rgb(139, 115, 85)', '#F0E68C': 'rgb(240, 230, 140)', '#CDCDB4': 'rgb(205, 205, 180)', '#4D4D4D': 'rgb(77, 77, 77)', '#B8B8B8': 'rgb(184, 184, 184)', '#B4CDCD': 'rgb(180, 205, 205)', '#008B8B': 'rgb(0, 139, 139)', '#828282': 'rgb(130, 130, 130)', '#00EEEE': 'rgb(0, 238, 238)', '#708090': 'rgb(112, 128, 144)', '#9AFF9A': 'rgb(154, 255, 154)', '#FFA07A': 'rgb(255, 160, 122)', '#EBEBEB': 'rgb(235, 235, 235)', '#FFB5C5': 'rgb(255, 181, 197)', '#00688B': 'rgb(0, 104, 139)', '#DBDBDB': 'rgb(219, 219, 219)', '#191970': 'rgb(25, 25, 112)', '#FF83FA': 'rgb(255, 131, 250)', '#A1A1A1': 'rgb(161, 161, 161)', '#838B8B': 'rgb(131, 139, 139)', '#FFA500': 'rgb(255, 165, 0)', '#00FF7F': 'rgb(0, 255, 127)', '#EEAD0E': 'rgb(238, 173, 14)', '#B03060': 'rgb(176, 48, 96)', '#96CDCD': 'rgb(150, 205, 205)', '#CD3333': 'rgb(205, 51, 51)', '#CDBE70': 'rgb(205, 190, 112)', '#7CCD7C': 'rgb(124, 205, 124)', '#97FFFF': 'rgb(151, 255, 255)', '#DAA520': 'rgb(218, 165, 32)', '#8B3A3A': 'rgb(139, 58, 58)', '#6B6B6B': 'rgb(107, 107, 107)', '#FFFAF0': 'rgb(255, 250, 240)', '#757575': 'rgb(117, 117, 117)', '#BFBFBF': 'rgb(191, 191, 191)', '#00EE76': 'rgb(0, 238, 118)', '#FFFAFA': 'rgb(255, 250, 250)', '#6E8B3D': 'rgb(110, 139, 61)', '#EEE685': 'rgb(238, 230, 133)', '#FF3E96': 'rgb(255, 62, 150)', '#EE0000': 'rgb(238, 0, 0)', '#FDF5E6': 'rgb(253, 245, 230)', '#E066FF': 'rgb(224, 102, 255)', '#8DB6CD': 'rgb(141, 182, 205)', '#FF7256': 'rgb(255, 114, 86)', '#7CFC00': 'rgb(124, 252, 0)', '#838B83': 'rgb(131, 139, 131)', '#BF3EFF': 'rgb(191, 62, 255)', '#8B6914': 'rgb(139, 105, 20)', '#00CD66': 'rgb(0, 205, 102)', '#525252': 'rgb(82, 82, 82)', '#A4D3EE': 'rgb(164, 211, 238)', '#00868B': 'rgb(0, 134, 139)', '#8DEEEE': 'rgb(141, 238, 238)', '#787878': 'rgb(120, 120, 120)', '#8B1C62': 'rgb(139, 28, 98)', '#616161': 'rgb(97, 97, 97)', '#4876FF': 'rgb(72, 118, 255)', '#9F79EE': 'rgb(159, 121, 238)', '#212121': 'rgb(33, 33, 33)', '#C1CDC1': 'rgb(193, 205, 193)', '#CD69C9': 'rgb(205, 105, 201)', '#E0EEEE': 'rgb(224, 238, 238)', '#8B7E66': 'rgb(139, 126, 102)', '#8A2BE2': 'rgb(138, 43, 226)', '#CDCD00': 'rgb(205, 205, 0)', '#EE5C42': 'rgb(238, 92, 66)', '#6E6E6E': 'rgb(110, 110, 110)', '#EEAEEE': 'rgb(238, 174, 238)', '#DC143C': 'rgb(220, 20, 60)', '#CD919E': 'rgb(205, 145, 158)', '#528B8B': 'rgb(82, 139, 139)', '#AFEEEE': 'rgb(175, 238, 238)', '#CD6889': 'rgb(205, 104, 137)', '#E6E6FA': 'rgb(230, 230, 250)', '#EE00EE': 'rgb(238, 0, 238)', '#999999': 'rgb(153, 153, 153)', '#F0F8FF': 'rgb(240, 248, 255)', '#595959': 'rgb(89, 89, 89)', '#FF7F50': 'rgb(255, 127, 80)', '#A6A6A6': 'rgb(166, 166, 166)', '#DEDEDE': 'rgb(222, 222, 222)', '#262626': 'rgb(38, 38, 38)', '#6CA6CD': 'rgb(108, 166, 205)', '#8B8B83': 'rgb(139, 139, 131)', '#474747': 'rgb(71, 71, 71)', '#F7F7F7': 'rgb(247, 247, 247)', '#548B54': 'rgb(84, 139, 84)', '#48D1CC': 'rgb(72, 209, 204)', '#C1CDCD': 'rgb(193, 205, 205)', '#E0EEE0': 'rgb(224, 238, 224)', '#FFB90F': 'rgb(255, 185, 15)', '#FFD39B': 'rgb(255, 211, 155)', '#8B5A2B': 'rgb(139, 90, 43)', '#EEE9BF': 'rgb(238, 233, 191)', '#BCEE68': 'rgb(188, 238, 104)', '#8470FF': 'rgb(132, 112, 255)', '#8B0A50': 'rgb(139, 10, 80)', '#FFF68F': 'rgb(255, 246, 143)', '#EEA2AD': 'rgb(238, 162, 173)', '#CD5B45': 'rgb(205, 91, 69)', '#7FFF00': 'rgb(127, 255, 0)', '#8B8378': 'rgb(139, 131, 120)', '#9BCD9B': 'rgb(155, 205, 155)', '#454545': 'rgb(69, 69, 69)', '#D1D1D1': 'rgb(209, 209, 209)', '#EEE8AA': 'rgb(238, 232, 170)', '#668B8B': 'rgb(102, 139, 139)', '#EE30A7': 'rgb(238, 48, 167)', '#FFC125': 'rgb(255, 193, 37)', '#8B475D': 'rgb(139, 71, 93)', '#D8BFD8': 'rgb(216, 191, 216)', '#404040': 'rgb(64, 64, 64)', '#EEEE00': 'rgb(238, 238, 0)', '#CDB5CD': 'rgb(205, 181, 205)', '#00C5CD': 'rgb(0, 197, 205)', '#00CED1': 'rgb(0, 206, 209)', '#CFCFCF': 'rgb(207, 207, 207)', '#008B00': 'rgb(0, 139, 0)', '#7A7A7A': 'rgb(122, 122, 122)', '#B8860B': 'rgb(184, 134, 11)', '#1C86EE': 'rgb(28, 134, 238)', '#8B5742': 'rgb(139, 87, 66)', '#1A1A1A': 'rgb(26, 26, 26)', '#8B008B': 'rgb(139, 0, 139)', '#0F0F0F': 'rgb(15, 15, 15)', '#CD3700': 'rgb(205, 55, 0)', '#7F7F7F': 'rgb(127, 127, 127)', '#FF6EB4': 'rgb(255, 110, 180)', '#6959CD': 'rgb(105, 89, 205)', '#90EE90': 'rgb(144, 238, 144)', '#8B4789': 'rgb(139, 71, 137)', '#EE7AE9': 'rgb(238, 122, 233)', '#8968CD': 'rgb(137, 104, 205)', '#080808': 'rgb(8, 8, 8)', '#CDC9C9': 'rgb(205, 201, 201)', '#BDB76B': 'rgb(189, 183, 107)', '#9370DB': 'rgb(147, 112, 219)', '#EEDC82': 'rgb(238, 220, 130)', '#3CB371': 'rgb(60, 179, 113)', '#F5FFFA': 'rgb(245, 255, 250)', '#303030': 'rgb(48, 48, 48)', '#B9D3EE': 'rgb(185, 211, 238)', '#575757': 'rgb(87, 87, 87)', '#F5F5DC': 'rgb(245, 245, 220)', '#BABABA': 'rgb(186, 186, 186)', '#0000CD': 'rgb(0, 0, 205)', '#FF8247': 'rgb(255, 130, 71)', '#F2F2F2': 'rgb(242, 242, 242)', '#EED5B7': 'rgb(238, 213, 183)', '#FFEC8B': 'rgb(255, 236, 139)', '#EE7600': 'rgb(238, 118, 0)', '#8B636C': 'rgb(139, 99, 108)', '#8B814C': 'rgb(139, 129, 76)', '#FFE4B5': 'rgb(255, 228, 181)', '#4F94CD': 'rgb(79, 148, 205)', '#CDAD00': 'rgb(205, 173, 0)', '#CD5555': 'rgb(205, 85, 85)', '#8B7500': 'rgb(139, 117, 0)', '#473C8B': 'rgb(71, 60, 139)', '#B0E0E6': 'rgb(176, 224, 230)', '#FFFF00': 'rgb(255, 255, 0)', '#CD96CD': 'rgb(205, 150, 205)', '#006400': 'rgb(0, 100, 0)', '#FAFAFA': 'rgb(250, 250, 250)', '#53868B': 'rgb(83, 134, 139)', '#8B4513': 'rgb(139, 69, 19)', '#98FB98': 'rgb(152, 251, 152)', '#63B8FF': 'rgb(99, 184, 255)', '#FFAEB9': 'rgb(255, 174, 185)', '#EE6A50': 'rgb(238, 106, 80)', '#87CEFF': 'rgb(135, 206, 255)', '#87CEFA': 'rgb(135, 206, 250)', '#ADFF2F': 'rgb(173, 255, 47)', '#008B45': 'rgb(0, 139, 69)', '#EE4000': 'rgb(238, 64, 0)', '#8B6969': 'rgb(139, 105, 105)', '#00008B': 'rgb(0, 0, 139)', '#DB7093': 'rgb(219, 112, 147)', '#7EC0EE': 'rgb(126, 192, 238)', '#3B3B3B': 'rgb(59, 59, 59)', '#8C8C8C': 'rgb(140, 140, 140)', '#5F9EA0': 'rgb(95, 158, 160)', '#EE799F': 'rgb(238, 121, 159)', '#CD6090': 'rgb(205, 96, 144)', '#8B8682': 'rgb(139, 134, 130)', '#458B74': 'rgb(69, 139, 116)', '#EECFA1': 'rgb(238, 207, 161)', '#76EE00': 'rgb(118, 238, 0)', '#000080': 'rgb(0, 0, 128)', '#228B22': 'rgb(34, 139, 34)', '#8B8B00': 'rgb(139, 139, 0)', '#B5B5B5': 'rgb(181, 181, 181)', '#CD950C': 'rgb(205, 149, 12)', '#EE82EE': 'rgb(238, 130, 238)', '#EDEDED': 'rgb(237, 237, 237)', '#F5DEB3': 'rgb(245, 222, 179)', '#3A5FCD': 'rgb(58, 95, 205)', '#00FA9A': 'rgb(0, 250, 154)', '#F0F0F0': 'rgb(240, 240, 240)', '#D1EEEE': 'rgb(209, 238, 238)', '#2E2E2E': 'rgb(46, 46, 46)', '#EEC591': 'rgb(238, 197, 145)', '#8B3E2F': 'rgb(139, 62, 47)', '#CD8162': 'rgb(205, 129, 98)', '#9AC0CD': 'rgb(154, 192, 205)', '#8B8989': 'rgb(139, 137, 137)', '#EED8AE': 'rgb(238, 216, 174)', '#551A8B': 'rgb(85, 26, 139)', '#919191': 'rgb(145, 145, 145)', '#949494': 'rgb(148, 148, 148)', '#778899': 'rgb(119, 136, 153)', '#FFFACD': 'rgb(255, 250, 205)', '#458B00': 'rgb(69, 139, 0)', '#008000': 'rgb(0, 128, 0)', '#FFFFF0': 'rgb(255, 255, 240)', '#E0E0E0': 'rgb(224, 224, 224)', '#EEB422': 'rgb(238, 180, 34)', '#A020F0': 'rgb(160, 32, 240)', '#5CACEE': 'rgb(92, 172, 238)', '#CD4F39': 'rgb(205, 79, 57)', '#CDC0B0': 'rgb(205, 192, 176)', '#6E7B8B': 'rgb(110, 123, 139)', '#9E9E9E': 'rgb(158, 158, 158)', '#CDC673': 'rgb(205, 198, 115)', '#104E8B': 'rgb(16, 78, 139)', '#E0FFFF': 'rgb(224, 255, 255)', '#FFFFFF': 'rgb(255, 255, 255)', '#6C7B8B': 'rgb(108, 123, 139)', '#FFC1C1': 'rgb(255, 193, 193)', '#D6D6D6': 'rgb(214, 214, 214)', '#8B4726': 'rgb(139, 71, 38)', '#CD9B1D': 'rgb(205, 155, 29)', '#FF6347': 'rgb(255, 99, 71)', '#FF34B3': 'rgb(255, 52, 179)', '#7D7D7D': 'rgb(125, 125, 125)', '#121212': 'rgb(18, 18, 18)', '#B0E2FF': 'rgb(176, 226, 255)', '#8B3A62': 'rgb(139, 58, 98)', '#CD5C5C': 'rgb(205, 92, 92)', '#4A4A4A': 'rgb(74, 74, 74)', '#B0B0B0': 'rgb(176, 176, 176)', '#D9D9D9': 'rgb(217, 217, 217)', '#A2CD5A': 'rgb(162, 205, 90)', '#8B0000': 'rgb(139, 0, 0)', '#FF6A6A': 'rgb(255, 106, 106)', '#CD6600': 'rgb(205, 102, 0)', '#FFEFDB': 'rgb(255, 239, 219)', '#E9967A': 'rgb(233, 150, 122)', '#EEE9E9': 'rgb(238, 233, 233)', '#D4D4D4': 'rgb(212, 212, 212)', '#383838': 'rgb(56, 56, 56)', '#7A67EE': 'rgb(122, 103, 238)', '#4169E1': 'rgb(65, 105, 225)', '#5E5E5E': 'rgb(94, 94, 94)', '#00F5FF': 'rgb(0, 245, 255)', '#FFEFD5': 'rgb(255, 239, 213)', '#CDAF95': 'rgb(205, 175, 149)', '#CCCCCC': 'rgb(204, 204, 204)', '#00BFFF': 'rgb(0, 191, 255)', '#CDB79E': 'rgb(205, 183, 158)', '#969696': 'rgb(150, 150, 150)', '#4F4F4F': 'rgb(79, 79, 79)', '#1E90FF': 'rgb(30, 144, 255)', '#FCFCFC': 'rgb(252, 252, 252)', '#EE2C2C': 'rgb(238, 44, 44)', '#8B6508': 'rgb(139, 101, 8)', '#696969': 'rgb(105, 105, 105)', '#FF7F24': 'rgb(255, 127, 36)', '#8FBC8F': 'rgb(143, 188, 143)', '#66CDAA': 'rgb(102, 205, 170)', '#6495ED': 'rgb(100, 149, 237)', '#0D0D0D': 'rgb(13, 13, 13)', '#EEE0E5': 'rgb(238, 224, 229)', '#666666': 'rgb(102, 102, 102)', '#B2DFEE': 'rgb(178, 223, 238)', '#B22222': 'rgb(178, 34, 34)', '#4B0082': 'rgb(75, 0, 130)', '#FF82AB': 'rgb(255, 130, 171)', '#AB82FF': 'rgb(171, 130, 255)', '#79CDCD': 'rgb(121, 205, 205)', '#FFE4C4': 'rgb(255, 228, 196)', '#DEB887': 'rgb(222, 184, 135)', '#5D478B': 'rgb(93, 71, 139)', '#8B3626': 'rgb(139, 54, 38)', '#FFFFE0': 'rgb(255, 255, 224)', '#FFE4E1': 'rgb(255, 228, 225)', '#171717': 'rgb(23, 23, 23)', '#EEDFCC': 'rgb(238, 223, 204)', '#9400D3': 'rgb(148, 0, 211)', '#BFEFFF': 'rgb(191, 239, 255)', '#8B7D6B': 'rgb(139, 125, 107)', '#FF8C69': 'rgb(255, 140, 105)', '#C6E2FF': 'rgb(198, 226, 255)', '#1C1C1C': 'rgb(28, 28, 28)', '#FF4500': 'rgb(255, 69, 0)', '#FFE7BA': 'rgb(255, 231, 186)', '#808080': 'rgb(128, 128, 128)', '#EE9572': 'rgb(238, 149, 114)', '#CD8500': 'rgb(205, 133, 0)', '#8B5A00': 'rgb(139, 90, 0)', '#9932CC': 'rgb(153, 50, 204)', '#EECBAD': 'rgb(238, 203, 173)', '#CD8C95': 'rgb(205, 140, 149)', '#292929': 'rgb(41, 41, 41)', '#CD1076': 'rgb(205, 16, 118)', '#7A378B': 'rgb(122, 55, 139)', '#FF0000': 'rgb(255, 0, 0)', '#698B22': 'rgb(105, 139, 34)', '#ADADAD': 'rgb(173, 173, 173)', '#EEE8CD': 'rgb(238, 232, 205)', '#DDA0DD': 'rgb(221, 160, 221)', '#7D26CD': 'rgb(125, 38, 205)', '#DA70D6': 'rgb(218, 112, 214)', '#DCDCDC': 'rgb(220, 220, 220)', '#68228B': 'rgb(104, 34, 139)', '#7B68EE': 'rgb(123, 104, 238)', '#000000': 'white', '#6B8E23': 'rgb(107, 142, 35)', '#FF69B4': 'rgb(255, 105, 180)', '#800000': 'rgb(128, 0, 0)', '#8B668B': 'rgb(139, 102, 139)', '#363636': 'rgb(54, 54, 54)', '#8B4500': 'rgb(139, 69, 0)', '#D3D3D3': 'rgb(211, 211, 211)', '#607B8B': 'rgb(96, 123, 139)', '#F08080': 'rgb(240, 128, 128)', '#CD9B9B': 'rgb(205, 155, 155)', '#76EEC6': 'rgb(118, 238, 198)', '#FAEBD7': 'rgb(250, 235, 215)', '#68838B': 'rgb(104, 131, 139)', '#7FFFD4': 'rgb(127, 255, 212)', '#C0C0C0': 'rgb(192, 192, 192)', '#EEDD82': 'rgb(238, 221, 130)', '#EE9A49': 'rgb(238, 154, 73)', '#4A708B': 'rgb(74, 112, 139)', '#008080': 'rgb(0, 128, 128)', '#7AC5CD': 'rgb(122, 197, 205)', '#98F5FF': 'rgb(152, 245, 255)', '#8B2500': 'rgb(139, 37, 0)', '#8F8F8F': 'rgb(143, 143, 143)', '#FFF0F5': 'rgb(255, 240, 245)', '#8B8970': 'rgb(139, 137, 112)', '#8B8878': 'rgb(139, 136, 120)', '#6A5ACD': 'rgb(106, 90, 205)', '#4682B4': 'rgb(70, 130, 180)', '#EEEEE0': 'rgb(238, 238, 224)', '#B3B3B3': 'rgb(179, 179, 179)', '#00FF00': 'rgb(0, 255, 0)', '#FFDEAD': 'rgb(255, 222, 173)', '#CD2626': 'rgb(205, 38, 38)', '#8B4C39': 'rgb(139, 76, 57)', '#9B30FF': 'rgb(155, 48, 255)', '#E5E5E5': 'rgb(229, 229, 229)', '#36648B': 'rgb(54, 100, 139)', '#9C9C9C': 'rgb(156, 156, 156)', '#F8F8FF': 'rgb(248, 248, 255)', '#333333': 'rgb(51, 51, 51)', '#5C5C5C': 'rgb(92, 92, 92)', '#737373': 'rgb(115, 115, 115)', '#EEC900': 'rgb(238, 201, 0)', '#FFE1FF': 'rgb(255, 225, 255)', '#C1FFC1': 'rgb(193, 255, 193)', '#CDC5BF': 'rgb(205, 197, 191)', '#A0522D': 'rgb(160, 82, 45)', '#8B5F65': 'rgb(139, 95, 101)', '#CDC1C5': 'rgb(205, 193, 197)', '#EE7621': 'rgb(238, 118, 33)', '#FFBBFF': 'rgb(255, 187, 255)', '#CD6839': 'rgb(205, 104, 57)', '#698B69': 'rgb(105, 139, 105)', '#050505': 'rgb(5, 5, 5)', '#CD661D': 'rgb(205, 102, 29)', '#FAFAD2': 'rgb(250, 250, 210)', '#CDCDC1': 'rgb(205, 205, 193)', '#FFF8DC': 'rgb(255, 248, 220)', '#A8A8A8': 'rgb(168, 168, 168)', '#B452CD': 'rgb(180, 82, 205)', '#D2B48C': 'rgb(210, 180, 140)', '#8EE5EE': 'rgb(142, 229, 238)', '#483D8B': 'rgb(72, 61, 139)', '#BBFFFF': 'rgb(187, 255, 255)', '#0000FF': 'rgb(0, 0, 255)', '#EE6AA7': 'rgb(238, 106, 167)', '#EE7942': 'rgb(238, 121, 66)', '#00CD00': 'rgb(0, 205, 0)', '#141414': 'rgb(20, 20, 20)', '#9ACD32': 'rgb(154, 205, 50)', '#C71585': 'rgb(199, 21, 133)', '#EE9A00': 'rgb(238, 154, 0)', '#CAFF70': 'rgb(202, 255, 112)', '#F5F5F5': 'rgb(245, 245, 245)', '#32CD32': 'rgb(50, 205, 50)', '#00EE00': 'rgb(0, 238, 0)', '#FFB6C1': 'rgb(255, 182, 193)', '#8B1A1A': 'rgb(139, 26, 26)', '#00B2EE': 'rgb(0, 178, 238)', '#20B2AA': 'rgb(32, 178, 170)', '#707070': 'rgb(112, 112, 112)', '#009ACD': 'rgb(0, 154, 205)', '#A52A2A': 'rgb(165, 42, 42)', '#EE6363': 'rgb(238, 99, 99)', '#FAF0E6': 'rgb(250, 240, 230)', '#8B7D7B': 'rgb(139, 125, 123)', '#9A32CD': 'rgb(154, 50, 205)', '#1F1F1F': 'rgb(31, 31, 31)', '#E8E8E8': 'rgb(232, 232, 232)', '#7E7E7E': 'rgb(126, 126, 126)', '#7A8B8B': 'rgb(122, 139, 139)', '#CD7054': 'rgb(205, 112, 84)', '#9FB6CD': 'rgb(159, 182, 205)', '#CDC9A5': 'rgb(205, 201, 165)', '#D02090': 'rgb(208, 32, 144)', '#00FFFF': 'rgb(0, 255, 255)', '#2B2B2B': 'rgb(43, 43, 43)', '#858585': 'rgb(133, 133, 133)', '#A3A3A3': 'rgb(163, 163, 163)', '#CD0000': 'rgb(205, 0, 0)', '#43CD80': 'rgb(67, 205, 128)', '#FA8072': 'rgb(250, 128, 114)', '#FFDAB9': 'rgb(255, 218, 185)', '#D2691E': 'rgb(210, 105, 30)', '#FF1493': 'rgb(255, 20, 147)', '#EED2EE': 'rgb(238, 210, 238)', '#030303': 'rgb(3, 3, 3)', '#8B8B7A': 'rgb(139, 139, 122)'}
diff --git a/frontend/imgrid/colors/colors/js/ditherbackground.gif b/frontend/imgrid/colors/colors/js/ditherbackground.gif
new file mode 100755
index 0000000..670df08
Binary files /dev/null and b/frontend/imgrid/colors/colors/js/ditherbackground.gif differ
diff --git a/frontend/imgrid/colors/colors/js/goldenfunctions.js b/frontend/imgrid/colors/colors/js/goldenfunctions.js
new file mode 100755
index 0000000..ab39533
--- /dev/null
+++ b/frontend/imgrid/colors/colors/js/goldenfunctions.js
@@ -0,0 +1,33 @@
+function regolden(num)
+  {
+  ratio = (1+Math.sqrt(5))/2
+  newnum = Math.round(num/ratio)
+  return newnum
+  }
+function goldenize(num)
+  {
+  ratio = (1+Math.sqrt(5))/2
+  newnum = Math.round(num*ratio)
+  return newnum
+  }
+//turns css property width or height into an integer value
+function getproperty(idandselectr, propertystr)
+  {
+  grab = $(idandselectr).css(propertystr)
+  grab = grab.slice(0,-2)
+  numval = parseInt(grab)
+  return numval
+  }
+function makegolden(idandselectr, propertystr)
+  {
+  result = getproperty(idandselectr, propertystr)
+  newval = goldenize(result)
+  propval = newval.toString()+'px'
+  if(propertystr == 'height'){
+      $(idandselectr).css('width', propval)
+      }
+  else if(propertystr == 'width'){
+      $(idandselectr).css('height', propval)
+      }
+  }
+
diff --git a/frontend/imgrid/colors/colors/js/hexrgbnametoggle.js b/frontend/imgrid/colors/colors/js/hexrgbnametoggle.js
new file mode 100755
index 0000000..60567a5
--- /dev/null
+++ b/frontend/imgrid/colors/colors/js/hexrgbnametoggle.js
@@ -0,0 +1,148 @@
+///threewayselector for what goes in the divs/////////////////////
+///MUST SWITCH TO FOUR WAY WITH RGB///////////////////////////////
+var infostate = 0
+var stringvalue = "CLICK TO CHOOSE THE COLOR"
+function switchinfo()
+  {
+  if(infostate == 1)
+    {
+    for(var i=0; i < divlist.length; i++)
+        {
+        $(divlist[i]).html(divtoname[divlist[i]])
+        };
+    infostate = 2
+    $('#infospace').html('(NAMES)');
+    }
+  else if(infostate == 0)
+    {
+    for(var i=0; i < divlist.length; i++)
+        {
+        $(divlist[i]).html("")
+        };
+    infostate = 1
+    $('#infospace').html('(NONE)');
+    }
+  else if(infostate == 2)
+    {
+    for(var i=0; i < divlist.length; i++)
+        {
+        $(divlist[i]).html(nametohex[divtoname[divlist[i]]])
+        };
+    infostate = 3
+    $('#infospace').html('(HEXES)');
+    }
+  else if(infostate == 3)
+		{
+		for(var i=0; i < divlist.length; i++)
+			{
+			$(divlist[i]).html(hextorgb[nametohex[divtoname[divlist[i]]]]);
+			//	$(divlist[i]).html($(divlist[i]).css('background-color'));
+			}
+		infostate = 0
+		$('#infospace').html('(RGBS)');
+		}
+		
+	}
+switchinfo()
+$('#infoswitch').hover(function(){$('#infospace').show()}, function(){$('#infospace').hide('slow')} )
+$('#infoswitch').click(function(){switchinfo()})
+/////////////////////////////////////////////////////////////////////////
+//////////////////////////////////////////////////////////////////////////
+//takes a div name and returns the colorname associated with that div
+var rgb
+var selectedrgb
+var colorname
+function showcolorname(divstr)
+    {
+		rgb = $('#'+divstr).css('background-color');
+    colorname = divtoname['#'+divstr]
+   // hex = nametohex[colorname]
+      imname = colorname
+		//	imname = hextoname[hex]
+    if (hexes === true)
+      {
+      imname = rgb
+      }
+		else if (rgbs === true)
+			{
+			imname = colorname
+			}
+		else if (names === true)
+    	{
+			imname = rgbtohex[rgb]
+			}
+		return imname
+    }
+function bigname(divstr)
+    {
+    stringvalue = showcolorname(divstr)
+    $('#colornames').html(stringvalue)
+    }
+$('.colors').hover(function()
+  {
+  thabg = $(this).css('background-color')
+	bigname(this.id);
+	});
+
+//////////////////////////////////////////////////////////////////////
+//THIS CONTROLS THE VALUE OF THE SELECTION ETC
+//MUST ADD RGB VALUES TO THIS AND MAKE IT A THREE-WAY SELECTOR
+var names = true;
+var hexes = false;
+var rgbs = false;
+var selectedname = "";
+function hexswitch()
+    {
+		if(names == true)
+			{
+			hexes = false;
+			rgbs = false;
+			$('#hexswitch').html('CLICK TO SWITCH TO RGB VALUES');
+			$('#namespace').val(selectedname);
+			names = false;
+			rgbs = true;
+			}
+    else if(hexes == true)
+      {
+			rgbs = false;
+      names = false;
+      $('#hexswitch').html('CLICK TO SWITCH TO COLOR NAMES');
+      $('#namespace').val(rgbtohex[selectedrgb]);
+      hexes = false;
+			names = true;
+      }
+    else if(rgbs == true)
+      {
+      names = false;
+      hexes = false;
+			$('#hexswitch').html('CLICK TO SWITCH TO HEX VALUES')
+      $('#namespace').val(selectedrgb)
+			rgbs = false;
+			hexes = true;
+      }
+    }
+hexswitch()
+$('#hexswitch').click(function(){hexswitch()});
+//////////////////////////////////////////////////////
+//////////CLICK TO PUT THE COLORS IN//////////////////
+function putitin()
+    {
+    if (rgbs === true)
+		{thecolor = selectedname}
+		if (hexes === true)
+		{thecolor = selectedrgb}
+    if (names === true)
+		{thecolor = rgbtohex[selectedrgb]}
+		$('#namespace').val(thecolor)
+		$('#preview').css({'background-color':selectedrgb,'border-style':'none'})
+		$('#vasebackground').css('background-color',selectedrgb)
+    }
+$('.colors').click(function()
+      {
+			selectednameid = $(this).attr('id')
+			selectedname = divtoname['#'+selectednameid]
+			selectedrgb = $(this).css('background-color');
+      putitin()
+      });
+
+
diff --git a/frontend/imgrid/colors/colors/js/hoverbackground.jpg b/frontend/imgrid/colors/colors/js/hoverbackground.jpg
new file mode 100755
index 0000000..c1ef116
Binary files /dev/null and b/frontend/imgrid/colors/colors/js/hoverbackground.jpg differ
diff --git a/frontend/imgrid/colors/colors/js/hovercss.js b/frontend/imgrid/colors/colors/js/hovercss.js
new file mode 100755
index 0000000..0223b8b
--- /dev/null
+++ b/frontend/imgrid/colors/colors/js/hovercss.js
@@ -0,0 +1,31 @@
+//HOVER CSS SCRIPT//
+var old = {};
+function hovercss(sel, uno)
+  {
+  var chng = {};
+  chng['color'] = 'white';
+  chng['text-shadow'] = 'black 1px 2px';
+  chng['background-image'] = 'url(js/hoverbackground.jpg)';
+  if(uno == 'over')
+      {
+    for(var key in chng){
+        old[key] = $('#'+sel).css(key)
+          }
+    for(var key in chng){
+        $('#'+sel).css(key, chng[key])
+          }
+      }
+  if(uno == 'out'){
+    for(var key in old){
+        $('#'+sel).css(key, old[key])
+          }
+      }
+  };
+$('.theswitches').hover(function()
+  {
+  hovercss(this.id, 'over')
+  }, function()
+  {
+  hovercss(this.id, 'out')
+  });
+
diff --git a/frontend/imgrid/colors/colors/js/iftransparentcss.js b/frontend/imgrid/colors/colors/js/iftransparentcss.js
new file mode 100755
index 0000000..fd4fe6c
--- /dev/null
+++ b/frontend/imgrid/colors/colors/js/iftransparentcss.js
@@ -0,0 +1,25 @@
+///if transparent etc styling
+var transcss = {
+  'color':'#141414','box-shadow':'10px 10px 5px #141414',
+  'background-color':'#D1D1D1','color':'#141414',
+  'border-width':'2px','border-style':'outset','cursor':'pointer'}
+$('#transbutton').css(transcss)
+var hovertrans = {
+  'background-color':'DarkGrey','color':'#383838','box-shadow':'5px 5px 2px #141414'
+  }
+$('#transbutton').hover(function(){$('#transbutton').css(hovertrans)},function(){$('#transbutton').css(transcss)})
+
+function transparent()
+  {
+  $('#namespace').val('transparent');
+  $('#preview').css({'background-color':'transparent','border-style':'dashed','border-width':'2px'})
+  }
+$('#transbutton').click(function()
+	{
+	transparent()
+	$('#colornames').html('transparent')
+	$('#colornames').fadeOut(100);$('#colornames').fadeIn(500);
+	$('#extra').html('<br><br><span style="color:red;background-color:black;border-color:red; border-width:1px; border-style:solid; font-size:14px;">note: the .jpg image format does not support transparency</span>')
+	});
+
+
diff --git a/frontend/imgrid/colors/colors/js/jquery-1.6.4.min.js b/frontend/imgrid/colors/colors/js/jquery-1.6.4.min.js
new file mode 100755
index 0000000..628ed9b
--- /dev/null
+++ b/frontend/imgrid/colors/colors/js/jquery-1.6.4.min.js
@@ -0,0 +1,4 @@
+/*! jQuery v1.6.4 http://jquery.com/ | http://jquery.org/license */
+(function(a,b){function cu(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cr(a){if(!cg[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){ch||(ch=c.createElement("iframe"),ch.frameBorder=ch.width=ch.height=0),b.appendChild(ch);if(!ci||!ch.createElement)ci=(ch.contentWindow||ch.contentDocument).document,ci.write((c.compatMode==="CSS1Compat"?"<!doctype html>":"")+"<html><body>"),ci.close();d=ci.createElement(a),ci.body.appendChild(d),e=f.css(d,"display"),b.removeChild(ch)}cg[a]=e}return cg[a]}function cq(a,b){var c={};f.each(cm.concat.apply([],cm.slice(0,b)),function(){c[this]=a});return c}function cp(){cn=b}function co(){setTimeout(cp,0);return cn=f.now()}function cf(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ce(){try{return new a.XMLHttpRequest}catch(b){}}function b$(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g<i;g++){if(g===1)for(h in a.converters)typeof h=="string"&&(e[h.toLowerCase()]=a.converters[h]);l=k,k=d[g];if(k==="*")k=l;else if(l!=="*"&&l!==k){m=l+" "+k,n=e[m]||e["* "+k];if(!n){p=b;for(o in e){j=o.split(" ");if(j[0]===l||j[0]==="*"){p=e[j[1]+" "+k];if(p){o=e[o],o===!0?n=p:p===!0&&(n=o);break}}}}!n&&!p&&f.error("No conversion from "+m.replace(" "," to ")),n!==!0&&(c=n?n(c):p(o(c)))}}return c}function bZ(a,c,d){var e=a.contents,f=a.dataTypes,g=a.responseFields,h,i,j,k;for(i in g)i in d&&(c[g[i]]=d[i]);while(f[0]==="*")f.shift(),h===b&&(h=a.mimeType||c.getResponseHeader("content-type"));if(h)for(i in e)if(e[i]&&e[i].test(h)){f.unshift(i);break}if(f[0]in d)j=f[0];else{for(i in d){if(!f[0]||a.converters[i+" "+f[0]]){j=i;break}k||(k=i)}j=j||k}if(j){j!==f[0]&&f.unshift(j);return d[j]}}function bY(a,b,c,d){if(f.isArray(b))f.each(b,function(b,e){c||bA.test(a)?d(a,e):bY(a+"["+(typeof e=="object"||f.isArray(e)?b:"")+"]",e,c,d)});else if(!c&&b!=null&&typeof b=="object")for(var e in b)bY(a+"["+e+"]",b[e],c,d);else d(a,b)}function bX(a,c){var d,e,g=f.ajaxSettings.flatOptions||{};for(d in c)c[d]!==b&&((g[d]?a:e||(e={}))[d]=c[d]);e&&f.extend(!0,a,e)}function bW(a,c,d,e,f,g){f=f||c.dataTypes[0],g=g||{},g[f]=!0;var h=a[f],i=0,j=h?h.length:0,k=a===bP,l;for(;i<j&&(k||!l);i++)l=h[i](c,d,e),typeof l=="string"&&(!k||g[l]?l=b:(c.dataTypes.unshift(l),l=bW(a,c,d,e,l,g)));(k||!l)&&!g["*"]&&(l=bW(a,c,d,e,"*",g));return l}function bV(a){return function(b,c){typeof b!="string"&&(c=b,b="*");if(f.isFunction(c)){var d=b.toLowerCase().split(bL),e=0,g=d.length,h,i,j;for(;e<g;e++)h=d[e],j=/^\+/.test(h),j&&(h=h.substr(1)||"*"),i=a[h]=a[h]||[],i[j?"unshift":"push"](c)}}}function by(a,b,c){var d=b==="width"?a.offsetWidth:a.offsetHeight,e=b==="width"?bt:bu;if(d>0){c!=="border"&&f.each(e,function(){c||(d-=parseFloat(f.css(a,"padding"+this))||0),c==="margin"?d+=parseFloat(f.css(a,c+this))||0:d-=parseFloat(f.css(a,"border"+this+"Width"))||0});return d+"px"}d=bv(a,b,b);if(d<0||d==null)d=a.style[b]||0;d=parseFloat(d)||0,c&&f.each(e,function(){d+=parseFloat(f.css(a,"padding"+this))||0,c!=="padding"&&(d+=parseFloat(f.css(a,"border"+this+"Width"))||0),c==="margin"&&(d+=parseFloat(f.css(a,c+this))||0)});return d+"px"}function bl(a,b){b.src?f.ajax({url:b.src,async:!1,dataType:"script"}):f.globalEval((b.text||b.textContent||b.innerHTML||"").replace(bd,"/*$0*/")),b.parentNode&&b.parentNode.removeChild(b)}function bk(a){f.nodeName(a,"input")?bj(a):"getElementsByTagName"in a&&f.grep(a.getElementsByTagName("input"),bj)}function bj(a){if(a.type==="checkbox"||a.type==="radio")a.defaultChecked=a.checked}function bi(a){return"getElementsByTagName"in a?a.getElementsByTagName("*"):"querySelectorAll"in a?a.querySelectorAll("*"):[]}function bh(a,b){var c;if(b.nodeType===1){b.clearAttributes&&b.clearAttributes(),b.mergeAttributes&&b.mergeAttributes(a),c=b.nodeName.toLowerCase();if(c==="object")b.outerHTML=a.outerHTML;else if(c!=="input"||a.type!=="checkbox"&&a.type!=="radio"){if(c==="option")b.selected=a.defaultSelected;else if(c==="input"||c==="textarea")b.defaultValue=a.defaultValue}else a.checked&&(b.defaultChecked=b.checked=a.checked),b.value!==a.value&&(b.value=a.value);b.removeAttribute(f.expando)}}function bg(a,b){if(b.nodeType===1&&!!f.hasData(a)){var c=f.expando,d=f.data(a),e=f.data(b,d);if(d=d[c]){var g=d.events;e=e[c]=f.extend({},d);if(g){delete e.handle,e.events={};for(var h in g)for(var i=0,j=g[h].length;i<j;i++)f.event.add(b,h+(g[h][i].namespace?".":"")+g[h][i].namespace,g[h][i],g[h][i].data)}}}}function bf(a,b){return f.nodeName(a,"table")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function V(a,b,c){b=b||0;if(f.isFunction(b))return f.grep(a,function(a,d){var e=!!b.call(a,d,a);return e===c});if(b.nodeType)return f.grep(a,function(a,d){return a===b===c});if(typeof b=="string"){var d=f.grep(a,function(a){return a.nodeType===1});if(Q.test(b))return f.filter(b,d,!c);b=f.filter(b,d)}return f.grep(a,function(a,d){return f.inArray(a,b)>=0===c})}function U(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function M(a,b){return(a&&a!=="*"?a+".":"")+b.replace(y,"`").replace(z,"&")}function L(a){var b,c,d,e,g,h,i,j,k,l,m,n,o,p=[],q=[],r=f._data(this,"events");if(!(a.liveFired===this||!r||!r.live||a.target.disabled||a.button&&a.type==="click")){a.namespace&&(n=new RegExp("(^|\\.)"+a.namespace.split(".").join("\\.(?:.*\\.)?")+"(\\.|$)")),a.liveFired=this;var s=r.live.slice(0);for(i=0;i<s.length;i++)g=s[i],g.origType.replace(w,"")===a.type?q.push(g.selector):s.splice(i--,1);e=f(a.target).closest(q,a.currentTarget);for(j=0,k=e.length;j<k;j++){m=e[j];for(i=0;i<s.length;i++){g=s[i];if(m.selector===g.selector&&(!n||n.test(g.namespace))&&!m.elem.disabled){h=m.elem,d=null;if(g.preType==="mouseenter"||g.preType==="mouseleave")a.type=g.preType,d=f(a.relatedTarget).closest(g.selector)[0],d&&f.contains(h,d)&&(d=h);(!d||d!==h)&&p.push({elem:h,handleObj:g,level:m.level})}}}for(j=0,k=p.length;j<k;j++){e=p[j];if(c&&e.level>c)break;a.currentTarget=e.elem,a.data=e.handleObj.data,a.handleObj=e.handleObj,o=e.handleObj.origHandler.apply(e.elem,arguments);if(o===!1||a.isPropagationStopped()){c=e.level,o===!1&&(b=!1);if(a.isImmediatePropagationStopped())break}}return b}}function J(a,c,d){var e=f.extend({},d[0]);e.type=a,e.originalEvent={},e.liveFired=b,f.event.handle.call(c,e),e.isDefaultPrevented()&&d[0].preventDefault()}function D(){return!0}function C(){return!1}function m(a,c,d){var e=c+"defer",g=c+"queue",h=c+"mark",i=f.data(a,e,b,!0);i&&(d==="queue"||!f.data(a,g,b,!0))&&(d==="mark"||!f.data(a,h,b,!0))&&setTimeout(function(){!f.data(a,g,b,!0)&&!f.data(a,h,b,!0)&&(f.removeData(a,e,!0),i.resolve())},0)}function l(a){for(var b in a)if(b!=="toJSON")return!1;return!0}function k(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(j,"-$1").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:f.isNaN(d)?i.test(d)?f.parseJSON(d):d:parseFloat(d)}catch(g){}f.data(a,c,d)}else d=b}return d}var c=a.document,d=a.navigator,e=a.location,f=function(){function K(){if(!e.isReady){try{c.documentElement.doScroll("left")}catch(a){setTimeout(K,1);return}e.ready()}}var e=function(a,b){return new e.fn.init(a,b,h)},f=a.jQuery,g=a.$,h,i=/^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,j=/\S/,k=/^\s+/,l=/\s+$/,m=/\d/,n=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,o=/^[\],:{}\s]*$/,p=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,q=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,r=/(?:^|:|,)(?:\s*\[)+/g,s=/(webkit)[ \/]([\w.]+)/,t=/(opera)(?:.*version)?[ \/]([\w.]+)/,u=/(msie) ([\w.]+)/,v=/(mozilla)(?:.*? rv:([\w.]+))?/,w=/-([a-z]|[0-9])/ig,x=/^-ms-/,y=function(a,b){return(b+"").toUpperCase()},z=d.userAgent,A,B,C,D=Object.prototype.toString,E=Object.prototype.hasOwnProperty,F=Array.prototype.push,G=Array.prototype.slice,H=String.prototype.trim,I=Array.prototype.indexOf,J={};e.fn=e.prototype={constructor:e,init:function(a,d,f){var g,h,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!d&&c.body){this.context=c,this[0]=c.body,this.selector=a,this.length=1;return this}if(typeof a=="string"){a.charAt(0)!=="<"||a.charAt(a.length-1)!==">"||a.length<3?g=i.exec(a):g=[null,a,null];if(g&&(g[1]||!d)){if(g[1]){d=d instanceof e?d[0]:d,k=d?d.ownerDocument||d:c,j=n.exec(a),j?e.isPlainObject(d)?(a=[c.createElement(j[1])],e.fn.attr.call(a,d,!0)):a=[k.createElement(j[1])]:(j=e.buildFragment([g[1]],[k]),a=(j.cacheable?e.clone(j.fragment):j.fragment).childNodes);return e.merge(this,a)}h=c.getElementById(g[2]);if(h&&h.parentNode){if(h.id!==g[2])return f.find(a);this.length=1,this[0]=h}this.context=c,this.selector=a;return this}return!d||d.jquery?(d||f).find(a):this.constructor(d).find(a)}if(e.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return e.makeArray(a,this)},selector:"",jquery:"1.6.4",length:0,size:function(){return this.length},toArray:function(){return G.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=this.constructor();e.isArray(a)?F.apply(d,a):e.merge(d,a),d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")");return d},each:function(a,b){return e.each(this,a,b)},ready:function(a){e.bindReady(),B.done(a);return this},eq:function(a){return a===-1?this.slice(a):this.slice(a,+a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(G.apply(this,arguments),"slice",G.call(arguments).join(","))},map:function(a){return this.pushStack(e.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:F,sort:[].sort,splice:[].splice},e.fn.init.prototype=e.fn,e.extend=e.fn.extend=function(){var a,c,d,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i=="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!="object"&&!e.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j<k;j++)if((a=arguments[j])!=null)for(c in a){d=i[c],f=a[c];if(i===f)continue;l&&f&&(e.isPlainObject(f)||(g=e.isArray(f)))?(g?(g=!1,h=d&&e.isArray(d)?d:[]):h=d&&e.isPlainObject(d)?d:{},i[c]=e.extend(l,h,f)):f!==b&&(i[c]=f)}return i},e.extend({noConflict:function(b){a.$===e&&(a.$=g),b&&a.jQuery===e&&(a.jQuery=f);return e},isReady:!1,readyWait:1,holdReady:function(a){a?e.readyWait++:e.ready(!0)},ready:function(a){if(a===!0&&!--e.readyWait||a!==!0&&!e.isReady){if(!c.body)return setTimeout(e.ready,1);e.isReady=!0;if(a!==!0&&--e.readyWait>0)return;B.resolveWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").unbind("ready")}},bindReady:function(){if(!B){B=e._Deferred();if(c.readyState==="complete")return setTimeout(e.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",C,!1),a.addEventListener("load",e.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",C),a.attachEvent("onload",e.ready);var b=!1;try{b=a.frameElement==null}catch(d){}c.documentElement.doScroll&&b&&K()}}},isFunction:function(a){return e.type(a)==="function"},isArray:Array.isArray||function(a){return e.type(a)==="array"},isWindow:function(a){return a&&typeof a=="object"&&"setInterval"in a},isNaN:function(a){return a==null||!m.test(a)||isNaN(a)},type:function(a){return a==null?String(a):J[D.call(a)]||"object"},isPlainObject:function(a){if(!a||e.type(a)!=="object"||a.nodeType||e.isWindow(a))return!1;try{if(a.constructor&&!E.call(a,"constructor")&&!E.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}var d;for(d in a);return d===b||E.call(a,d)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw a},parseJSON:function(b){if(typeof b!="string"||!b)return null;b=e.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(o.test(b.replace(p,"@").replace(q,"]").replace(r,"")))return(new Function("return "+b))();e.error("Invalid JSON: "+b)},parseXML:function(c){var d,f;try{a.DOMParser?(f=new DOMParser,d=f.parseFromString(c,"text/xml")):(d=new ActiveXObject("Microsoft.XMLDOM"),d.async="false",d.loadXML(c))}catch(g){d=b}(!d||!d.documentElement||d.getElementsByTagName("parsererror").length)&&e.error("Invalid XML: "+c);return d},noop:function(){},globalEval:function(b){b&&j.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(x,"ms-").replace(w,y)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var f,g=0,h=a.length,i=h===b||e.isFunction(a);if(d){if(i){for(f in a)if(c.apply(a[f],d)===!1)break}else for(;g<h;)if(c.apply(a[g++],d)===!1)break}else if(i){for(f in a)if(c.call(a[f],f,a[f])===!1)break}else for(;g<h;)if(c.call(a[g],g,a[g++])===!1)break;return a},trim:H?function(a){return a==null?"":H.call(a)}:function(a){return a==null?"":(a+"").replace(k,"").replace(l,"")},makeArray:function(a,b){var c=b||[];if(a!=null){var d=e.type(a);a.length==null||d==="string"||d==="function"||d==="regexp"||e.isWindow(a)?F.call(c,a):e.merge(c,a)}return c},inArray:function(a,b){if(!b)return-1;if(I)return I.call(b,a);for(var c=0,d=b.length;c<d;c++)if(b[c]===a)return c;return-1},merge:function(a,c){var d=a.length,e=0;if(typeof c.length=="number")for(var f=c.length;e<f;e++)a[d++]=c[e];else while(c[e]!==b)a[d++]=c[e++];a.length=d;return a},grep:function(a,b,c){var d=[],e;c=!!c;for(var f=0,g=a.length;f<g;f++)e=!!b(a[f],f),c!==e&&d.push(a[f]);return d},map:function(a,c,d){var f,g,h=[],i=0,j=a.length,k=a instanceof e||j!==b&&typeof j=="number"&&(j>0&&a[0]&&a[j-1]||j===0||e.isArray(a));if(k)for(;i<j;i++)f=c(a[i],i,d),f!=null&&(h[h.length]=f);else for(g in a)f=c(a[g],g,d),f!=null&&(h[h.length]=f);return h.concat.apply([],h)},guid:1,proxy:function(a,c){if(typeof c=="string"){var d=a[c];c=a,a=d}if(!e.isFunction(a))return b;var f=G.call(arguments,2),g=function(){return a.apply(c,f.concat(G.call(arguments)))};g.guid=a.guid=a.guid||g.guid||e.guid++;return g},access:function(a,c,d,f,g,h){var i=a.length;if(typeof c=="object"){for(var j in c)e.access(a,j,c[j],f,g,d);return a}if(d!==b){f=!h&&f&&e.isFunction(d);for(var k=0;k<i;k++)g(a[k],c,f?d.call(a[k],k,g(a[k],c)):d,h);return a}return i?g(a[0],c):b},now:function(){return(new Date).getTime()},uaMatch:function(a){a=a.toLowerCase();var b=s.exec(a)||t.exec(a)||u.exec(a)||a.indexOf("compatible")<0&&v.exec(a)||[];return{browser:b[1]||"",version:b[2]||"0"}},sub:function(){function a(b,c){return new a.fn.init(b,c)}e.extend(!0,a,this),a.superclass=this,a.fn=a.prototype=this(),a.fn.constructor=a,a.sub=this.sub,a.fn.init=function(d,f){f&&f instanceof e&&!(f instanceof a)&&(f=a(f));return e.fn.init.call(this,d,f,b)},a.fn.init.prototype=a.fn;var b=a(c);return a},browser:{}}),e.each("Boolean Number String Function Array Date RegExp Object".split(" "),function(a,b){J["[object "+b+"]"]=b.toLowerCase()}),A=e.uaMatch(z),A.browser&&(e.browser[A.browser]=!0,e.browser.version=A.version),e.browser.webkit&&(e.browser.safari=!0),j.test(" ")&&(k=/^[\s\xA0]+/,l=/[\s\xA0]+$/),h=e(c),c.addEventListener?C=function(){c.removeEventListener("DOMContentLoaded",C,!1),e.ready()}:c.attachEvent&&(C=function(){c.readyState==="complete"&&(c.detachEvent("onreadystatechange",C),e.ready())});return e}(),g="done fail isResolved isRejected promise then always pipe".split(" "),h=[].slice;f.extend({_Deferred:function(){var a=[],b,c,d,e={done:function(){if(!d){var c=arguments,g,h,i,j,k;b&&(k=b,b=0);for(g=0,h=c.length;g<h;g++)i=c[g],j=f.type(i),j==="array"?e.done.apply(e,i):j==="function"&&a.push(i);k&&e.resolveWith(k[0],k[1])}return this},resolveWith:function(e,f){if(!d&&!b&&!c){f=f||[],c=1;try{while(a[0])a.shift().apply(e,f)}finally{b=[e,f],c=0}}return this},resolve:function(){e.resolveWith(this,arguments);return this},isResolved:function(){return!!c||!!b},cancel:function(){d=1,a=[];return this}};return e},Deferred:function(a){var b=f._Deferred(),c=f._Deferred(),d;f.extend(b,{then:function(a,c){b.done(a).fail(c);return this},always:function(){return b.done.apply(b,arguments).fail.apply(this,arguments)},fail:c.done,rejectWith:c.resolveWith,reject:c.resolve,isRejected:c.isResolved,pipe:function(a,c){return f.Deferred(function(d){f.each({done:[a,"resolve"],fail:[c,"reject"]},function(a,c){var e=c[0],g=c[1],h;f.isFunction(e)?b[a](function(){h=e.apply(this,arguments),h&&f.isFunction(h.promise)?h.promise().then(d.resolve,d.reject):d[g+"With"](this===b?d:this,[h])}):b[a](d[g])})}).promise()},promise:function(a){if(a==null){if(d)return d;d=a={}}var c=g.length;while(c--)a[g[c]]=b[g[c]];return a}}),b.done(c.cancel).fail(b.cancel),delete b.cancel,a&&a.call(b,b);return b},when:function(a){function i(a){return function(c){b[a]=arguments.length>1?h.call(arguments,0):c,--e||g.resolveWith(g,h.call(b,0))}}var b=arguments,c=0,d=b.length,e=d,g=d<=1&&a&&f.isFunction(a.promise)?a:f.Deferred();if(d>1){for(;c<d;c++)b[c]&&f.isFunction(b[c].promise)?b[c].promise().then(i(c),g.reject):--e;e||g.resolveWith(g,b)}else g!==a&&g.resolveWith(g,d?[a]:[]);return g.promise()}}),f.support=function(){var a=c.createElement("div"),b=c.documentElement,d,e,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u;a.setAttribute("className","t"),a.innerHTML="   <link/><table></table><a href='/a' style='top:1px;float:left;opacity:.55;'>a</a><input type='checkbox'/>",d=a.getElementsByTagName("*"),e=a.getElementsByTagName("a")[0];if(!d||!d.length||!e)return{};g=c.createElement("select"),h=g.appendChild(c.createElement("option")),i=a.getElementsByTagName("input")[0],k={leadingWhitespace:a.firstChild.nodeType===3,tbody:!a.getElementsByTagName("tbody").length,htmlSerialize:!!a.getElementsByTagName("link").length,style:/top/.test(e.getAttribute("style")),hrefNormalized:e.getAttribute("href")==="/a",opacity:/^0.55$/.test(e.style.opacity),cssFloat:!!e.style.cssFloat,checkOn:i.value==="on",optSelected:h.selected,getSetAttribute:a.className!=="t",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0},i.checked=!0,k.noCloneChecked=i.cloneNode(!0).checked,g.disabled=!0,k.optDisabled=!h.disabled;try{delete a.test}catch(v){k.deleteExpando=!1}!a.addEventListener&&a.attachEvent&&a.fireEvent&&(a.attachEvent("onclick",function(){k.noCloneEvent=!1}),a.cloneNode(!0).fireEvent("onclick")),i=c.createElement("input"),i.value="t",i.setAttribute("type","radio"),k.radioValue=i.value==="t",i.setAttribute("checked","checked"),a.appendChild(i),l=c.createDocumentFragment(),l.appendChild(a.firstChild),k.checkClone=l.cloneNode(!0).cloneNode(!0).lastChild.checked,a.innerHTML="",a.style.width=a.style.paddingLeft="1px",m=c.getElementsByTagName("body")[0],o=c.createElement(m?"div":"body"),p={visibility:"hidden",width:0,height:0,border:0,margin:0,background:"none"},m&&f.extend(p,{position:"absolute",left:"-1000px",top:"-1000px"});for(t in p)o.style[t]=p[t];o.appendChild(a),n=m||b,n.insertBefore(o,n.firstChild),k.appendChecked=i.checked,k.boxModel=a.offsetWidth===2,"zoom"in a.style&&(a.style.display="inline",a.style.zoom=1,k.inlineBlockNeedsLayout=a.offsetWidth===2,a.style.display="",a.innerHTML="<div style='width:4px;'></div>",k.shrinkWrapBlocks=a.offsetWidth!==2),a.innerHTML="<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>",q=a.getElementsByTagName("td"),u=q[0].offsetHeight===0,q[0].style.display="",q[1].style.display="none",k.reliableHiddenOffsets=u&&q[0].offsetHeight===0,a.innerHTML="",c.defaultView&&c.defaultView.getComputedStyle&&(j=c.createElement("div"),j.style.width="0",j.style.marginRight="0",a.appendChild(j),k.reliableMarginRight=(parseInt((c.defaultView.getComputedStyle(j,null)||{marginRight:0}).marginRight,10)||0)===0),o.innerHTML="",n.removeChild(o);if(a.attachEvent)for(t in{submit:1,change:1,focusin:1})s="on"+t,u=s in a,u||(a.setAttribute(s,"return;"),u=typeof a[s]=="function"),k[t+"Bubbles"]=u;o=l=g=h=m=j=a=i=null;return k}(),f.boxModel=f.support.boxModel;var i=/^(?:\{.*\}|\[.*\])$/,j=/([A-Z])/g;f.extend({cache:{},uuid:0,expando:"jQuery"+(f.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){a=a.nodeType?f.cache[a[f.expando]]:a[f.expando];return!!a&&!l(a)},data:function(a,c,d,e){if(!!f.acceptData(a)){var g,h,i=f.expando,j=typeof c=="string",k=a.nodeType,l=k?f.cache:a,m=k?a[f.expando]:a[f.expando]&&f.expando;if((!m||e&&m&&l[m]&&!l[m][i])&&j&&d===b)return;m||(k?a[f.expando]=m=++f.uuid:m=f.expando),l[m]||(l[m]={},k||(l[m].toJSON=f.noop));if(typeof c=="object"||typeof c=="function")e?l[m][i]=f.extend(l[m][i],c):l[m]=f.extend(l[m],c);g=l[m],e&&(g[i]||(g[i]={}),g=g[i]),d!==b&&(g[f.camelCase(c)]=d);if(c==="events"&&!g[c])return g[i]&&g[i].events;j?(h=g[c],h==null&&(h=g[f.camelCase(c)])):h=g;return h}},removeData:function(a,b,c){if(!!f.acceptData(a)){var d,e=f.expando,g=a.nodeType,h=g?f.cache:a,i=g?a[f.expando]:f.expando;if(!h[i])return;if(b){d=c?h[i][e]:h[i];if(d){d[b]||(b=f.camelCase(b)),delete d[b];if(!l(d))return}}if(c){delete h[i][e];if(!l(h[i]))return}var j=h[i][e];f.support.deleteExpando||!h.setInterval?delete h[i]:h[i]=null,j?(h[i]={},g||(h[i].toJSON=f.noop),h[i][e]=j):g&&(f.support.deleteExpando?delete a[f.expando]:a.removeAttribute?a.removeAttribute(f.expando):a[f.expando]=null)}},_data:function(a,b,c){return f.data(a,b,c,!0)},acceptData:function(a){if(a.nodeName){var b=f.noData[a.nodeName.toLowerCase()];if(b)return b!==!0&&a.getAttribute("classid")===b}return!0}}),f.fn.extend({data:function(a,c){var d=null;if(typeof a=="undefined"){if(this.length){d=f.data(this[0]);if(this[0].nodeType===1){var e=this[0].attributes,g;for(var h=0,i=e.length;h<i;h++)g=e[h].name,g.indexOf("data-")===0&&(g=f.camelCase(g.substring(5)),k(this[0],g,d[g]))}}return d}if(typeof a=="object")return this.each(function(){f.data(this,a)});var j=a.split(".");j[1]=j[1]?"."+j[1]:"";if(c===b){d=this.triggerHandler("getData"+j[1]+"!",[j[0]]),d===b&&this.length&&(d=f.data(this[0],a),d=k(this[0],a,d));return d===b&&j[1]?this.data(j[0]):d}return this.each(function(){var b=f(this),d=[j[0],c];b.triggerHandler("setData"+j[1]+"!",d),f.data(this,a,c),b.triggerHandler("changeData"+j[1]+"!",d)})},removeData:function(a){return this.each(function(){f.removeData(this,a)})}}),f.extend({_mark:function(a,c){a&&(c=(c||"fx")+"mark",f.data(a,c,(f.data(a,c,b,!0)||0)+1,!0))},_unmark:function(a,c,d){a!==!0&&(d=c,c=a,a=!1);if(c){d=d||"fx";var e=d+"mark",g=a?0:(f.data(c,e,b,!0)||1)-1;g?f.data(c,e,g,!0):(f.removeData(c,e,!0),m(c,d,"mark"))}},queue:function(a,c,d){if(a){c=(c||"fx")+"queue";var e=f.data(a,c,b,!0);d&&(!e||f.isArray(d)?e=f.data(a,c,f.makeArray(d),!0):e.push(d));return e||[]}},dequeue:function(a,b){b=b||"fx";var c=f.queue(a,b),d=c.shift(),e;d==="inprogress"&&(d=c.shift()),d&&(b==="fx"&&c.unshift("inprogress"),d.call(a,function(){f.dequeue(a,b)})),c.length||(f.removeData(a,b+"queue",!0),m(a,b,"queue"))}}),f.fn.extend({queue:function(a,c){typeof a!="string"&&(c=a,a="fx");if(c===b)return f.queue(this[0],a);return this.each(function(){var b=f.queue(this,a,c);a==="fx"&&b[0]!=="inprogress"&&f.dequeue(this,a)})},dequeue:function(a){return this.each(function(){f.dequeue(this,a)})},delay:function(a,b){a=f.fx?f.fx.speeds[a]||a:a,b=b||"fx";return this.queue(b,function(){var c=this;setTimeout(function(){f.dequeue(c,b)},a)})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,c){function m(){--h||d.resolveWith(e,[e])}typeof a!="string"&&(c=a,a=b),a=a||"fx";var d=f.Deferred(),e=this,g=e.length,h=1,i=a+"defer",j=a+"queue",k=a+"mark",l;while(g--)if(l=f.data(e[g],i,b,!0)||(f.data(e[g],j,b,!0)||f.data(e[g],k,b,!0))&&f.data(e[g],i,f._Deferred(),!0))h++,l.done(m);m();return d.promise()}});var n=/[\n\t\r]/g,o=/\s+/,p=/\r/g,q=/^(?:button|input)$/i,r=/^(?:button|input|object|select|textarea)$/i,s=/^a(?:rea)?$/i,t=/^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,u,v;f.fn.extend({attr:function(a,b){return f.access(this,a,b,!0,f.attr)},removeAttr:function(a){return this.each(function(){f.removeAttr(this,a)})},prop:function(a,b){return f.access(this,a,b,!0,f.prop)},removeProp:function(a){a=f.propFix[a]||a;return this.each(function(){try{this[a]=b,delete this[a]}catch(c){}})},addClass:function(a){var b,c,d,e,g,h,i;if(f.isFunction(a))return this.each(function(b){f(this).addClass(a.call(this,b,this.className))});if(a&&typeof a=="string"){b=a.split(o);for(c=0,d=this.length;c<d;c++){e=this[c];if(e.nodeType===1)if(!e.className&&b.length===1)e.className=a;else{g=" "+e.className+" ";for(h=0,i=b.length;h<i;h++)~g.indexOf(" "+b[h]+" ")||(g+=b[h]+" ");e.className=f.trim(g)}}}return this},removeClass:function(a){var c,d,e,g,h,i,j;if(f.isFunction(a))return this.each(function(b){f(this).removeClass(a.call(this,b,this.className))});if(a&&typeof a=="string"||a===b){c=(a||"").split(o);for(d=0,e=this.length;d<e;d++){g=this[d];if(g.nodeType===1&&g.className)if(a){h=(" "+g.className+" ").replace(n," ");for(i=0,j=c.length;i<j;i++)h=h.replace(" "+c[i]+" "," ");g.className=f.trim(h)}else g.className=""}}return this},toggleClass:function(a,b){var c=typeof a,d=typeof b=="boolean";if(f.isFunction(a))return this.each(function(c){f(this).toggleClass(a.call(this,c,this.className,b),b)});return this.each(function(){if(c==="string"){var e,g=0,h=f(this),i=b,j=a.split(o);while(e=j[g++])i=d?i:!h.hasClass(e),h[i?"addClass":"removeClass"](e)}else if(c==="undefined"||c==="boolean")this.className&&f._data(this,"__className__",this.className),this.className=this.className||a===!1?"":f._data(this,"__className__")||""})},hasClass:function(a){var b=" "+a+" ";for(var c=0,d=this.length;c<d;c++)if(this[c].nodeType===1&&(" "+this[c].className+" ").replace(n," ").indexOf(b)>-1)return!0;return!1},val:function(a){var c,d,e=this[0];if(!arguments.length){if(e){c=f.valHooks[e.nodeName.toLowerCase()]||f.valHooks[e.type];if(c&&"get"in c&&(d=c.get(e,"value"))!==b)return d;d=e.value;return typeof d=="string"?d.replace(p,""):d==null?"":d}return b}var g=f.isFunction(a);return this.each(function(d){var e=f(this),h;if(this.nodeType===1){g?h=a.call(this,d,e.val()):h=a,h==null?h="":typeof h=="number"?h+="":f.isArray(h)&&(h=f.map(h,function(a){return a==null?"":a+""})),c=f.valHooks[this.nodeName.toLowerCase()]||f.valHooks[this.type];if(!c||!("set"in c)||c.set(this,h,"value")===b)this.value=h}})}}),f.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c=a.selectedIndex,d=[],e=a.options,g=a.type==="select-one";if(c<0)return null;for(var h=g?c:0,i=g?c+1:e.length;h<i;h++){var j=e[h];if(j.selected&&(f.support.optDisabled?!j.disabled:j.getAttribute("disabled")===null)&&(!j.parentNode.disabled||!f.nodeName(j.parentNode,"optgroup"))){b=f(j).val();if(g)return b;d.push(b)}}if(g&&!d.length&&e.length)return f(e[c]).val();return d},set:function(a,b){var c=f.makeArray(b);f(a).find("option").each(function(){this.selected=f.inArray(f(this).val(),c)>=0}),c.length||(a.selectedIndex=-1);return c}}},attrFn:{val:!0,css:!0,html:!0,text:!0,data:!0,width:!0,height:!0,offset:!0},attrFix:{tabindex:"tabIndex"},attr:function(a,c,d,e){var g=a.nodeType;if(!a||g===3||g===8||g===2)return b;if(e&&c in f.attrFn)return f(a)[c](d);if(!("getAttribute"in a))return f.prop(a,c,d);var h,i,j=g!==1||!f.isXMLDoc(a);j&&(c=f.attrFix[c]||c,i=f.attrHooks[c],i||(t.test(c)?i=v:u&&(i=u)));if(d!==b){if(d===null){f.removeAttr(a,c);return b}if(i&&"set"in i&&j&&(h=i.set(a,d,c))!==b)return h;a.setAttribute(c,""+d);return d}if(i&&"get"in i&&j&&(h=i.get(a,c))!==null)return h;h=a.getAttribute(c);return h===null?b:h},removeAttr:function(a,b){var c;a.nodeType===1&&(b=f.attrFix[b]||b,f.attr(a,b,""),a.removeAttribute(b),t.test(b)&&(c=f.propFix[b]||b)in a&&(a[c]=!1))},attrHooks:{type:{set:function(a,b){if(q.test(a.nodeName)&&a.parentNode)f.error("type property can't be changed");else if(!f.support.radioValue&&b==="radio"&&f.nodeName(a,"input")){var c=a.value;a.setAttribute("type",b),c&&(a.value=c);return b}}},value:{get:function(a,b){if(u&&f.nodeName(a,"button"))return u.get(a,b);return b in a?a.value:null},set:function(a,b,c){if(u&&f.nodeName(a,"button"))return u.set(a,b,c);a.value=b}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(a,c,d){var e=a.nodeType;if(!a||e===3||e===8||e===2)return b;var g,h,i=e!==1||!f.isXMLDoc(a);i&&(c=f.propFix[c]||c,h=f.propHooks[c]);return d!==b?h&&"set"in h&&(g=h.set(a,d,c))!==b?g:a[c]=d:h&&"get"in h&&(g=h.get(a,c))!==null?g:a[c]},propHooks:{tabIndex:{get:function(a){var c=a.getAttributeNode("tabindex");return c&&c.specified?parseInt(c.value,10):r.test(a.nodeName)||s.test(a.nodeName)&&a.href?0:b}}}}),f.attrHooks.tabIndex=f.propHooks.tabIndex,v={get:function(a,c){var d;return f.prop(a,c)===!0||(d=a.getAttributeNode(c))&&d.nodeValue!==!1?c.toLowerCase():b},set:function(a,b,c){var d;b===!1?f.removeAttr(a,c):(d=f.propFix[c]||c,d in a&&(a[d]=!0),a.setAttribute(c,c.toLowerCase()));return c}},f.support.getSetAttribute||(u=f.valHooks.button={get:function(a,c){var d;d=a.getAttributeNode(c);return d&&d.nodeValue!==""?d.nodeValue:b},set:function(a,b,d){var e=a.getAttributeNode(d);e||(e=c.createAttribute(d),a.setAttributeNode(e));return e.nodeValue=b+""}},f.each(["width","height"],function(a,b){f.attrHooks[b]=f.extend(f.attrHooks[b],{set:function(a,c){if(c===""){a.setAttribute(b,"auto");return c}}})})),f.support.hrefNormalized||f.each(["href","src","width","height"],function(a,c){f.attrHooks[c]=f.extend(f.attrHooks[c],{get:function(a){var d=a.getAttribute(c,2);return d===null?b:d}})}),f.support.style||(f.attrHooks.style={get:function(a){return a.style.cssText.toLowerCase()||b},set:function(a,b){return a.style.cssText=""+b}}),f.support.optSelected||(f.propHooks.selected=f.extend(f.propHooks.selected,{get:function(a){var b=a.parentNode;b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex);return null}})),f.support.checkOn||f.each(["radio","checkbox"],function(){f.valHooks[this]={get:function(a){return a.getAttribute("value")===null?"on":a.value}}}),f.each(["radio","checkbox"],function(){f.valHooks[this]=f.extend(f.valHooks[this],{set:function(a,b){if(f.isArray(b))return a.checked=f.inArray(f(a).val(),b)>=0}})});var w=/\.(.*)$/,x=/^(?:textarea|input|select)$/i,y=/\./g,z=/ /g,A=/[^\w\s.|`]/g,B=function(a){return a.replace(A,"\\$&")};f.event={add:function(a,c,d,e){if(a.nodeType!==3&&a.nodeType!==8){if(d===!1)d=C;else if(!d)return;var g,h;d.handler&&(g=d,d=g.handler),d.guid||(d.guid=f.guid++);var i=f._data(a);if(!i)return;var j=i.events,k=i.handle;j||(i.events=j={}),k||(i.handle=k=function(a){return typeof f!="undefined"&&(!a||f.event.triggered!==a.type)?f.event.handle.apply(k.elem,arguments):b}),k.elem=a,c=c.split(" ");var l,m=0,n;while(l=c[m++]){h=g?f.extend({},g):{handler:d,data:e},l.indexOf(".")>-1?(n=l.split("."),l=n.shift(),h.namespace=n.slice(0).sort().join(".")):(n=[],h.namespace=""),h.type=l,h.guid||(h.guid=d.guid);var o=j[l],p=f.event.special[l]||{};if(!o){o=j[l]=[];if(!p.setup||p.setup.call(a,e,n,k)===!1)a.addEventListener?a.addEventListener(l,k,!1):a.attachEvent&&a.attachEvent("on"+l,k)}p.add&&(p.add.call(a,h),h.handler.guid||(h.handler.guid=d.guid)),o.push(h),f.event.global[l]=!0}a=null}},global:{},remove:function(a,c,d,e){if(a.nodeType!==3&&a.nodeType!==8){d===!1&&(d=C);var g,h,i,j,k=0,l,m,n,o,p,q,r,s=f.hasData(a)&&f._data(a),t=s&&s.events;if(!s||!t)return;c&&c.type&&(d=c.handler,c=c.type);if(!c||typeof c=="string"&&c.charAt(0)==="."){c=c||"";for(h in t)f.event.remove(a,h+c);return}c=c.split(" ");while(h=c[k++]){r=h,q=null,l=h.indexOf(".")<0,m=[],l||(m=h.split("."),h=m.shift(),n=new RegExp("(^|\\.)"+f.map(m.slice(0).sort(),B).join("\\.(?:.*\\.)?")+"(\\.|$)")),p=t[h];if(!p)continue;if(!d){for(j=0;j<p.length;j++){q=p[j];if(l||n.test(q.namespace))f.event.remove(a,r,q.handler,j),p.splice(j--,1)}continue}o=f.event.special[h]||{};for(j=e||0;j<p.length;j++){q=p[j];if(d.guid===q.guid){if(l||n.test(q.namespace))e==null&&p.splice(j--,1),o.remove&&o.remove.call(a,q);if(e!=null)break}}if(p.length===0||e!=null&&p.length===1)(!o.teardown||o.teardown.call(a,m)===!1)&&f.removeEvent(a,h,s.handle),g=null,delete 
+t[h]}if(f.isEmptyObject(t)){var u=s.handle;u&&(u.elem=null),delete s.events,delete s.handle,f.isEmptyObject(s)&&f.removeData(a,b,!0)}}},customEvent:{getData:!0,setData:!0,changeData:!0},trigger:function(c,d,e,g){var h=c.type||c,i=[],j;h.indexOf("!")>=0&&(h=h.slice(0,-1),j=!0),h.indexOf(".")>=0&&(i=h.split("."),h=i.shift(),i.sort());if(!!e&&!f.event.customEvent[h]||!!f.event.global[h]){c=typeof c=="object"?c[f.expando]?c:new f.Event(h,c):new f.Event(h),c.type=h,c.exclusive=j,c.namespace=i.join("."),c.namespace_re=new RegExp("(^|\\.)"+i.join("\\.(?:.*\\.)?")+"(\\.|$)");if(g||!e)c.preventDefault(),c.stopPropagation();if(!e){f.each(f.cache,function(){var a=f.expando,b=this[a];b&&b.events&&b.events[h]&&f.event.trigger(c,d,b.handle.elem)});return}if(e.nodeType===3||e.nodeType===8)return;c.result=b,c.target=e,d=d!=null?f.makeArray(d):[],d.unshift(c);var k=e,l=h.indexOf(":")<0?"on"+h:"";do{var m=f._data(k,"handle");c.currentTarget=k,m&&m.apply(k,d),l&&f.acceptData(k)&&k[l]&&k[l].apply(k,d)===!1&&(c.result=!1,c.preventDefault()),k=k.parentNode||k.ownerDocument||k===c.target.ownerDocument&&a}while(k&&!c.isPropagationStopped());if(!c.isDefaultPrevented()){var n,o=f.event.special[h]||{};if((!o._default||o._default.call(e.ownerDocument,c)===!1)&&(h!=="click"||!f.nodeName(e,"a"))&&f.acceptData(e)){try{l&&e[h]&&(n=e[l],n&&(e[l]=null),f.event.triggered=h,e[h]())}catch(p){}n&&(e[l]=n),f.event.triggered=b}}return c.result}},handle:function(c){c=f.event.fix(c||a.event);var d=((f._data(this,"events")||{})[c.type]||[]).slice(0),e=!c.exclusive&&!c.namespace,g=Array.prototype.slice.call(arguments,0);g[0]=c,c.currentTarget=this;for(var h=0,i=d.length;h<i;h++){var j=d[h];if(e||c.namespace_re.test(j.namespace)){c.handler=j.handler,c.data=j.data,c.handleObj=j;var k=j.handler.apply(this,g);k!==b&&(c.result=k,k===!1&&(c.preventDefault(),c.stopPropagation()));if(c.isImmediatePropagationStopped())break}}return c.result},props:"altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),fix:function(a){if(a[f.expando])return a;var d=a;a=f.Event(d);for(var e=this.props.length,g;e;)g=this.props[--e],a[g]=d[g];a.target||(a.target=a.srcElement||c),a.target.nodeType===3&&(a.target=a.target.parentNode),!a.relatedTarget&&a.fromElement&&(a.relatedTarget=a.fromElement===a.target?a.toElement:a.fromElement);if(a.pageX==null&&a.clientX!=null){var h=a.target.ownerDocument||c,i=h.documentElement,j=h.body;a.pageX=a.clientX+(i&&i.scrollLeft||j&&j.scrollLeft||0)-(i&&i.clientLeft||j&&j.clientLeft||0),a.pageY=a.clientY+(i&&i.scrollTop||j&&j.scrollTop||0)-(i&&i.clientTop||j&&j.clientTop||0)}a.which==null&&(a.charCode!=null||a.keyCode!=null)&&(a.which=a.charCode!=null?a.charCode:a.keyCode),!a.metaKey&&a.ctrlKey&&(a.metaKey=a.ctrlKey),!a.which&&a.button!==b&&(a.which=a.button&1?1:a.button&2?3:a.button&4?2:0);return a},guid:1e8,proxy:f.proxy,special:{ready:{setup:f.bindReady,teardown:f.noop},live:{add:function(a){f.event.add(this,M(a.origType,a.selector),f.extend({},a,{handler:L,guid:a.handler.guid}))},remove:function(a){f.event.remove(this,M(a.origType,a.selector),a)}},beforeunload:{setup:function(a,b,c){f.isWindow(this)&&(this.onbeforeunload=c)},teardown:function(a,b){this.onbeforeunload===b&&(this.onbeforeunload=null)}}}},f.removeEvent=c.removeEventListener?function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)}:function(a,b,c){a.detachEvent&&a.detachEvent("on"+b,c)},f.Event=function(a,b){if(!this.preventDefault)return new f.Event(a,b);a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||a.returnValue===!1||a.getPreventDefault&&a.getPreventDefault()?D:C):this.type=a,b&&f.extend(this,b),this.timeStamp=f.now(),this[f.expando]=!0},f.Event.prototype={preventDefault:function(){this.isDefaultPrevented=D;var a=this.originalEvent;!a||(a.preventDefault?a.preventDefault():a.returnValue=!1)},stopPropagation:function(){this.isPropagationStopped=D;var a=this.originalEvent;!a||(a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=D,this.stopPropagation()},isDefaultPrevented:C,isPropagationStopped:C,isImmediatePropagationStopped:C};var E=function(a){var b=a.relatedTarget,c=!1,d=a.type;a.type=a.data,b!==this&&(b&&(c=f.contains(this,b)),c||(f.event.handle.apply(this,arguments),a.type=d))},F=function(a){a.type=a.data,f.event.handle.apply(this,arguments)};f.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){f.event.special[a]={setup:function(c){f.event.add(this,b,c&&c.selector?F:E,a)},teardown:function(a){f.event.remove(this,b,a&&a.selector?F:E)}}}),f.support.submitBubbles||(f.event.special.submit={setup:function(a,b){if(!f.nodeName(this,"form"))f.event.add(this,"click.specialSubmit",function(a){var b=a.target,c=f.nodeName(b,"input")||f.nodeName(b,"button")?b.type:"";(c==="submit"||c==="image")&&f(b).closest("form").length&&J("submit",this,arguments)}),f.event.add(this,"keypress.specialSubmit",function(a){var b=a.target,c=f.nodeName(b,"input")||f.nodeName(b,"button")?b.type:"";(c==="text"||c==="password")&&f(b).closest("form").length&&a.keyCode===13&&J("submit",this,arguments)});else return!1},teardown:function(a){f.event.remove(this,".specialSubmit")}});if(!f.support.changeBubbles){var G,H=function(a){var b=f.nodeName(a,"input")?a.type:"",c=a.value;b==="radio"||b==="checkbox"?c=a.checked:b==="select-multiple"?c=a.selectedIndex>-1?f.map(a.options,function(a){return a.selected}).join("-"):"":f.nodeName(a,"select")&&(c=a.selectedIndex);return c},I=function(c){var d=c.target,e,g;if(!!x.test(d.nodeName)&&!d.readOnly){e=f._data(d,"_change_data"),g=H(d),(c.type!=="focusout"||d.type!=="radio")&&f._data(d,"_change_data",g);if(e===b||g===e)return;if(e!=null||g)c.type="change",c.liveFired=b,f.event.trigger(c,arguments[1],d)}};f.event.special.change={filters:{focusout:I,beforedeactivate:I,click:function(a){var b=a.target,c=f.nodeName(b,"input")?b.type:"";(c==="radio"||c==="checkbox"||f.nodeName(b,"select"))&&I.call(this,a)},keydown:function(a){var b=a.target,c=f.nodeName(b,"input")?b.type:"";(a.keyCode===13&&!f.nodeName(b,"textarea")||a.keyCode===32&&(c==="checkbox"||c==="radio")||c==="select-multiple")&&I.call(this,a)},beforeactivate:function(a){var b=a.target;f._data(b,"_change_data",H(b))}},setup:function(a,b){if(this.type==="file")return!1;for(var c in G)f.event.add(this,c+".specialChange",G[c]);return x.test(this.nodeName)},teardown:function(a){f.event.remove(this,".specialChange");return x.test(this.nodeName)}},G=f.event.special.change.filters,G.focus=G.beforeactivate}f.support.focusinBubbles||f.each({focus:"focusin",blur:"focusout"},function(a,b){function e(a){var c=f.event.fix(a);c.type=b,c.originalEvent={},f.event.trigger(c,null,c.target),c.isDefaultPrevented()&&a.preventDefault()}var d=0;f.event.special[b]={setup:function(){d++===0&&c.addEventListener(a,e,!0)},teardown:function(){--d===0&&c.removeEventListener(a,e,!0)}}}),f.each(["bind","one"],function(a,c){f.fn[c]=function(a,d,e){var g;if(typeof a=="object"){for(var h in a)this[c](h,d,a[h],e);return this}if(arguments.length===2||d===!1)e=d,d=b;c==="one"?(g=function(a){f(this).unbind(a,g);return e.apply(this,arguments)},g.guid=e.guid||f.guid++):g=e;if(a==="unload"&&c!=="one")this.one(a,d,e);else for(var i=0,j=this.length;i<j;i++)f.event.add(this[i],a,g,d);return this}}),f.fn.extend({unbind:function(a,b){if(typeof a=="object"&&!a.preventDefault)for(var c in a)this.unbind(c,a[c]);else for(var d=0,e=this.length;d<e;d++)f.event.remove(this[d],a,b);return this},delegate:function(a,b,c,d){return this.live(b,c,d,a)},undelegate:function(a,b,c){return arguments.length===0?this.unbind("live"):this.die(b,null,c,a)},trigger:function(a,b){return this.each(function(){f.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0])return f.event.trigger(a,b,this[0],!0)},toggle:function(a){var b=arguments,c=a.guid||f.guid++,d=0,e=function(c){var e=(f.data(this,"lastToggle"+a.guid)||0)%d;f.data(this,"lastToggle"+a.guid,e+1),c.preventDefault();return b[e].apply(this,arguments)||!1};e.guid=c;while(d<b.length)b[d++].guid=c;return this.click(e)},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}});var K={focus:"focusin",blur:"focusout",mouseenter:"mouseover",mouseleave:"mouseout"};f.each(["live","die"],function(a,c){f.fn[c]=function(a,d,e,g){var h,i=0,j,k,l,m=g||this.selector,n=g?this:f(this.context);if(typeof a=="object"&&!a.preventDefault){for(var o in a)n[c](o,d,a[o],m);return this}if(c==="die"&&!a&&g&&g.charAt(0)==="."){n.unbind(g);return this}if(d===!1||f.isFunction(d))e=d||C,d=b;a=(a||"").split(" ");while((h=a[i++])!=null){j=w.exec(h),k="",j&&(k=j[0],h=h.replace(w,""));if(h==="hover"){a.push("mouseenter"+k,"mouseleave"+k);continue}l=h,K[h]?(a.push(K[h]+k),h=h+k):h=(K[h]||h)+k;if(c==="live")for(var p=0,q=n.length;p<q;p++)f.event.add(n[p],"live."+M(h,m),{data:d,selector:m,handler:e,origType:h,origHandler:e,preType:l});else n.unbind("live."+M(h,m),e)}return this}}),f.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error".split(" "),function(a,b){f.fn[b]=function(a,c){c==null&&(c=a,a=null);return arguments.length>0?this.bind(b,a,c):this.trigger(b)},f.attrFn&&(f.attrFn[b]=!0)}),function(){function u(a,b,c,d,e,f){for(var g=0,h=d.length;g<h;g++){var i=d[g];if(i){var j=!1;i=i[a];while(i){if(i.sizcache===c){j=d[i.sizset];break}if(i.nodeType===1){f||(i.sizcache=c,i.sizset=g);if(typeof b!="string"){if(i===b){j=!0;break}}else if(k.filter(b,[i]).length>0){j=i;break}}i=i[a]}d[g]=j}}}function t(a,b,c,d,e,f){for(var g=0,h=d.length;g<h;g++){var i=d[g];if(i){var j=!1;i=i[a];while(i){if(i.sizcache===c){j=d[i.sizset];break}i.nodeType===1&&!f&&(i.sizcache=c,i.sizset=g);if(i.nodeName.toLowerCase()===b){j=i;break}i=i[a]}d[g]=j}}}var a=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,d=0,e=Object.prototype.toString,g=!1,h=!0,i=/\\/g,j=/\W/;[0,0].sort(function(){h=!1;return 0});var k=function(b,d,f,g){f=f||[],d=d||c;var h=d;if(d.nodeType!==1&&d.nodeType!==9)return[];if(!b||typeof b!="string")return f;var i,j,n,o,q,r,s,t,u=!0,w=k.isXML(d),x=[],y=b;do{a.exec(""),i=a.exec(y);if(i){y=i[3],x.push(i[1]);if(i[2]){o=i[3];break}}}while(i);if(x.length>1&&m.exec(b))if(x.length===2&&l.relative[x[0]])j=v(x[0]+x[1],d);else{j=l.relative[x[0]]?[d]:k(x.shift(),d);while(x.length)b=x.shift(),l.relative[b]&&(b+=x.shift()),j=v(b,j)}else{!g&&x.length>1&&d.nodeType===9&&!w&&l.match.ID.test(x[0])&&!l.match.ID.test(x[x.length-1])&&(q=k.find(x.shift(),d,w),d=q.expr?k.filter(q.expr,q.set)[0]:q.set[0]);if(d){q=g?{expr:x.pop(),set:p(g)}:k.find(x.pop(),x.length===1&&(x[0]==="~"||x[0]==="+")&&d.parentNode?d.parentNode:d,w),j=q.expr?k.filter(q.expr,q.set):q.set,x.length>0?n=p(j):u=!1;while(x.length)r=x.pop(),s=r,l.relative[r]?s=x.pop():r="",s==null&&(s=d),l.relative[r](n,s,w)}else n=x=[]}n||(n=j),n||k.error(r||b);if(e.call(n)==="[object Array]")if(!u)f.push.apply(f,n);else if(d&&d.nodeType===1)for(t=0;n[t]!=null;t++)n[t]&&(n[t]===!0||n[t].nodeType===1&&k.contains(d,n[t]))&&f.push(j[t]);else for(t=0;n[t]!=null;t++)n[t]&&n[t].nodeType===1&&f.push(j[t]);else p(n,f);o&&(k(o,h,f,g),k.uniqueSort(f));return f};k.uniqueSort=function(a){if(r){g=h,a.sort(r);if(g)for(var b=1;b<a.length;b++)a[b]===a[b-1]&&a.splice(b--,1)}return a},k.matches=function(a,b){return k(a,null,null,b)},k.matchesSelector=function(a,b){return k(b,null,null,[a]).length>0},k.find=function(a,b,c){var d;if(!a)return[];for(var e=0,f=l.order.length;e<f;e++){var g,h=l.order[e];if(g=l.leftMatch[h].exec(a)){var j=g[1];g.splice(1,1);if(j.substr(j.length-1)!=="\\"){g[1]=(g[1]||"").replace(i,""),d=l.find[h](g,b,c);if(d!=null){a=a.replace(l.match[h],"");break}}}}d||(d=typeof b.getElementsByTagName!="undefined"?b.getElementsByTagName("*"):[]);return{set:d,expr:a}},k.filter=function(a,c,d,e){var f,g,h=a,i=[],j=c,m=c&&c[0]&&k.isXML(c[0]);while(a&&c.length){for(var n in l.filter)if((f=l.leftMatch[n].exec(a))!=null&&f[2]){var o,p,q=l.filter[n],r=f[1];g=!1,f.splice(1,1);if(r.substr(r.length-1)==="\\")continue;j===i&&(i=[]);if(l.preFilter[n]){f=l.preFilter[n](f,j,d,i,e,m);if(!f)g=o=!0;else if(f===!0)continue}if(f)for(var s=0;(p=j[s])!=null;s++)if(p){o=q(p,f,s,j);var t=e^!!o;d&&o!=null?t?g=!0:j[s]=!1:t&&(i.push(p),g=!0)}if(o!==b){d||(j=i),a=a.replace(l.match[n],"");if(!g)return[];break}}if(a===h)if(g==null)k.error(a);else break;h=a}return j},k.error=function(a){throw"Syntax error, unrecognized expression: "+a};var l=k.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(a){return a.getAttribute("href")},type:function(a){return a.getAttribute("type")}},relative:{"+":function(a,b){var c=typeof b=="string",d=c&&!j.test(b),e=c&&!d;d&&(b=b.toLowerCase());for(var f=0,g=a.length,h;f<g;f++)if(h=a[f]){while((h=h.previousSibling)&&h.nodeType!==1);a[f]=e||h&&h.nodeName.toLowerCase()===b?h||!1:h===b}e&&k.filter(b,a,!0)},">":function(a,b){var c,d=typeof b=="string",e=0,f=a.length;if(d&&!j.test(b)){b=b.toLowerCase();for(;e<f;e++){c=a[e];if(c){var g=c.parentNode;a[e]=g.nodeName.toLowerCase()===b?g:!1}}}else{for(;e<f;e++)c=a[e],c&&(a[e]=d?c.parentNode:c.parentNode===b);d&&k.filter(b,a,!0)}},"":function(a,b,c){var e,f=d++,g=u;typeof b=="string"&&!j.test(b)&&(b=b.toLowerCase(),e=b,g=t),g("parentNode",b,f,a,e,c)},"~":function(a,b,c){var e,f=d++,g=u;typeof b=="string"&&!j.test(b)&&(b=b.toLowerCase(),e=b,g=t),g("previousSibling",b,f,a,e,c)}},find:{ID:function(a,b,c){if(typeof b.getElementById!="undefined"&&!c){var d=b.getElementById(a[1]);return d&&d.parentNode?[d]:[]}},NAME:function(a,b){if(typeof b.getElementsByName!="undefined"){var c=[],d=b.getElementsByName(a[1]);for(var e=0,f=d.length;e<f;e++)d[e].getAttribute("name")===a[1]&&c.push(d[e]);return c.length===0?null:c}},TAG:function(a,b){if(typeof b.getElementsByTagName!="undefined")return b.getElementsByTagName(a[1])}},preFilter:{CLASS:function(a,b,c,d,e,f){a=" "+a[1].replace(i,"")+" ";if(f)return a;for(var g=0,h;(h=b[g])!=null;g++)h&&(e^(h.className&&(" "+h.className+" ").replace(/[\t\n\r]/g," ").indexOf(a)>=0)?c||d.push(h):c&&(b[g]=!1));return!1},ID:function(a){return a[1].replace(i,"")},TAG:function(a,b){return a[1].replace(i,"").toLowerCase()},CHILD:function(a){if(a[1]==="nth"){a[2]||k.error(a[0]),a[2]=a[2].replace(/^\+|\s*/g,"");var b=/(-?)(\d*)(?:n([+\-]?\d*))?/.exec(a[2]==="even"&&"2n"||a[2]==="odd"&&"2n+1"||!/\D/.test(a[2])&&"0n+"+a[2]||a[2]);a[2]=b[1]+(b[2]||1)-0,a[3]=b[3]-0}else a[2]&&k.error(a[0]);a[0]=d++;return a},ATTR:function(a,b,c,d,e,f){var g=a[1]=a[1].replace(i,"");!f&&l.attrMap[g]&&(a[1]=l.attrMap[g]),a[4]=(a[4]||a[5]||"").replace(i,""),a[2]==="~="&&(a[4]=" "+a[4]+" ");return a},PSEUDO:function(b,c,d,e,f){if(b[1]==="not")if((a.exec(b[3])||"").length>1||/^\w/.test(b[3]))b[3]=k(b[3],null,null,c);else{var g=k.filter(b[3],c,d,!0^f);d||e.push.apply(e,g);return!1}else if(l.match.POS.test(b[0])||l.match.CHILD.test(b[0]))return!0;return b},POS:function(a){a.unshift(!0);return a}},filters:{enabled:function(a){return a.disabled===!1&&a.type!=="hidden"},disabled:function(a){return a.disabled===!0},checked:function(a){return a.checked===!0},selected:function(a){a.parentNode&&a.parentNode.selectedIndex;return a.selected===!0},parent:function(a){return!!a.firstChild},empty:function(a){return!a.firstChild},has:function(a,b,c){return!!k(c[3],a).length},header:function(a){return/h\d/i.test(a.nodeName)},text:function(a){var b=a.getAttribute("type"),c=a.type;return a.nodeName.toLowerCase()==="input"&&"text"===c&&(b===c||b===null)},radio:function(a){return a.nodeName.toLowerCase()==="input"&&"radio"===a.type},checkbox:function(a){return a.nodeName.toLowerCase()==="input"&&"checkbox"===a.type},file:function(a){return a.nodeName.toLowerCase()==="input"&&"file"===a.type},password:function(a){return a.nodeName.toLowerCase()==="input"&&"password"===a.type},submit:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"submit"===a.type},image:function(a){return a.nodeName.toLowerCase()==="input"&&"image"===a.type},reset:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"reset"===a.type},button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&"button"===a.type||b==="button"},input:function(a){return/input|select|textarea|button/i.test(a.nodeName)},focus:function(a){return a===a.ownerDocument.activeElement}},setFilters:{first:function(a,b){return b===0},last:function(a,b,c,d){return b===d.length-1},even:function(a,b){return b%2===0},odd:function(a,b){return b%2===1},lt:function(a,b,c){return b<c[3]-0},gt:function(a,b,c){return b>c[3]-0},nth:function(a,b,c){return c[3]-0===b},eq:function(a,b,c){return c[3]-0===b}},filter:{PSEUDO:function(a,b,c,d){var e=b[1],f=l.filters[e];if(f)return f(a,c,b,d);if(e==="contains")return(a.textContent||a.innerText||k.getText([a])||"").indexOf(b[3])>=0;if(e==="not"){var g=b[3];for(var h=0,i=g.length;h<i;h++)if(g[h]===a)return!1;return!0}k.error(e)},CHILD:function(a,b){var c=b[1],d=a;switch(c){case"only":case"first":while(d=d.previousSibling)if(d.nodeType===1)return!1;if(c==="first")return!0;d=a;case"last":while(d=d.nextSibling)if(d.nodeType===1)return!1;return!0;case"nth":var e=b[2],f=b[3];if(e===1&&f===0)return!0;var g=b[0],h=a.parentNode;if(h&&(h.sizcache!==g||!a.nodeIndex)){var i=0;for(d=h.firstChild;d;d=d.nextSibling)d.nodeType===1&&(d.nodeIndex=++i);h.sizcache=g}var j=a.nodeIndex-f;return e===0?j===0:j%e===0&&j/e>=0}},ID:function(a,b){return a.nodeType===1&&a.getAttribute("id")===b},TAG:function(a,b){return b==="*"&&a.nodeType===1||a.nodeName.toLowerCase()===b},CLASS:function(a,b){return(" "+(a.className||a.getAttribute("class"))+" ").indexOf(b)>-1},ATTR:function(a,b){var c=b[1],d=l.attrHandle[c]?l.attrHandle[c](a):a[c]!=null?a[c]:a.getAttribute(c),e=d+"",f=b[2],g=b[4];return d==null?f==="!=":f==="="?e===g:f==="*="?e.indexOf(g)>=0:f==="~="?(" "+e+" ").indexOf(g)>=0:g?f==="!="?e!==g:f==="^="?e.indexOf(g)===0:f==="$="?e.substr(e.length-g.length)===g:f==="|="?e===g||e.substr(0,g.length+1)===g+"-":!1:e&&d!==!1},POS:function(a,b,c,d){var e=b[2],f=l.setFilters[e];if(f)return f(a,c,b,d)}}},m=l.match.POS,n=function(a,b){return"\\"+(b-0+1)};for(var o in l.match)l.match[o]=new RegExp(l.match[o].source+/(?![^\[]*\])(?![^\(]*\))/.source),l.leftMatch[o]=new RegExp(/(^(?:.|\r|\n)*?)/.source+l.match[o].source.replace(/\\(\d+)/g,n));var p=function(a,b){a=Array.prototype.slice.call(a,0);if(b){b.push.apply(b,a);return b}return a};try{Array.prototype.slice.call(c.documentElement.childNodes,0)[0].nodeType}catch(q){p=function(a,b){var c=0,d=b||[];if(e.call(a)==="[object Array]")Array.prototype.push.apply(d,a);else if(typeof a.length=="number")for(var f=a.length;c<f;c++)d.push(a[c]);else for(;a[c];c++)d.push(a[c]);return d}}var r,s;c.documentElement.compareDocumentPosition?r=function(a,b){if(a===b){g=!0;return 0}if(!a.compareDocumentPosition||!b.compareDocumentPosition)return a.compareDocumentPosition?-1:1;return a.compareDocumentPosition(b)&4?-1:1}:(r=function(a,b){if(a===b){g=!0;return 0}if(a.sourceIndex&&b.sourceIndex)return a.sourceIndex-b.sourceIndex;var c,d,e=[],f=[],h=a.parentNode,i=b.parentNode,j=h;if(h===i)return s(a,b);if(!h)return-1;if(!i)return 1;while(j)e.unshift(j),j=j.parentNode;j=i;while(j)f.unshift(j),j=j.parentNode;c=e.length,d=f.length;for(var k=0;k<c&&k<d;k++)if(e[k]!==f[k])return s(e[k],f[k]);return k===c?s(a,f[k],-1):s(e[k],b,1)},s=function(a,b,c){if(a===b)return c;var d=a.nextSibling;while(d){if(d===b)return-1;d=d.nextSibling}return 1}),k.getText=function(a){var b="",c;for(var d=0;a[d];d++)c=a[d],c.nodeType===3||c.nodeType===4?b+=c.nodeValue:c.nodeType!==8&&(b+=k.getText(c.childNodes));return b},function(){var a=c.createElement("div"),d="script"+(new Date).getTime(),e=c.documentElement;a.innerHTML="<a name='"+d+"'/>",e.insertBefore(a,e.firstChild),c.getElementById(d)&&(l.find.ID=function(a,c,d){if(typeof c.getElementById!="undefined"&&!d){var e=c.getElementById(a[1]);return e?e.id===a[1]||typeof e.getAttributeNode!="undefined"&&e.getAttributeNode("id").nodeValue===a[1]?[e]:b:[]}},l.filter.ID=function(a,b){var c=typeof a.getAttributeNode!="undefined"&&a.getAttributeNode("id");return a.nodeType===1&&c&&c.nodeValue===b}),e.removeChild(a),e=a=null}(),function(){var a=c.createElement("div");a.appendChild(c.createComment("")),a.getElementsByTagName("*").length>0&&(l.find.TAG=function(a,b){var c=b.getElementsByTagName(a[1]);if(a[1]==="*"){var d=[];for(var e=0;c[e];e++)c[e].nodeType===1&&d.push(c[e]);c=d}return c}),a.innerHTML="<a href='#'></a>",a.firstChild&&typeof a.firstChild.getAttribute!="undefined"&&a.firstChild.getAttribute("href")!=="#"&&(l.attrHandle.href=function(a){return a.getAttribute("href",2)}),a=null}(),c.querySelectorAll&&function(){var a=k,b=c.createElement("div"),d="__sizzle__";b.innerHTML="<p class='TEST'></p>";if(!b.querySelectorAll||b.querySelectorAll(".TEST").length!==0){k=function(b,e,f,g){e=e||c;if(!g&&!k.isXML(e)){var h=/^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec(b);if(h&&(e.nodeType===1||e.nodeType===9)){if(h[1])return p(e.getElementsByTagName(b),f);if(h[2]&&l.find.CLASS&&e.getElementsByClassName)return p(e.getElementsByClassName(h[2]),f)}if(e.nodeType===9){if(b==="body"&&e.body)return p([e.body],f);if(h&&h[3]){var i=e.getElementById(h[3]);if(!i||!i.parentNode)return p([],f);if(i.id===h[3])return p([i],f)}try{return p(e.querySelectorAll(b),f)}catch(j){}}else if(e.nodeType===1&&e.nodeName.toLowerCase()!=="object"){var m=e,n=e.getAttribute("id"),o=n||d,q=e.parentNode,r=/^\s*[+~]/.test(b);n?o=o.replace(/'/g,"\\$&"):e.setAttribute("id",o),r&&q&&(e=e.parentNode);try{if(!r||q)return p(e.querySelectorAll("[id='"+o+"'] "+b),f)}catch(s){}finally{n||m.removeAttribute("id")}}}return a(b,e,f,g)};for(var e in a)k[e]=a[e];b=null}}(),function(){var a=c.documentElement,b=a.matchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||a.msMatchesSelector;if(b){var d=!b.call(c.createElement("div"),"div"),e=!1;try{b.call(c.documentElement,"[test!='']:sizzle")}catch(f){e=!0}k.matchesSelector=function(a,c){c=c.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!k.isXML(a))try{if(e||!l.match.PSEUDO.test(c)&&!/!=/.test(c)){var f=b.call(a,c);if(f||!d||a.document&&a.document.nodeType!==11)return f}}catch(g){}return k(c,null,null,[a]).length>0}}}(),function(){var a=c.createElement("div");a.innerHTML="<div class='test e'></div><div class='test'></div>";if(!!a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;l.order.splice(1,0,"CLASS"),l.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?k.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?k.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:k.contains=function(){return!1},k.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var v=function(a,b){var c,d=[],e="",f=b.nodeType?[b]:b;while(c=l.match.PSEUDO.exec(a))e+=c[0],a=a.replace(l.match.PSEUDO,"");a=l.relative[a]?a+"*":a;for(var g=0,h=f.length;g<h;g++)k(a,f[g],d);return k.filter(e,d)};f.find=k,f.expr=k.selectors,f.expr[":"]=f.expr.filters,f.unique=k.uniqueSort,f.text=k.getText,f.isXMLDoc=k.isXML,f.contains=k.contains}();var N=/Until$/,O=/^(?:parents|prevUntil|prevAll)/,P=/,/,Q=/^.[^:#\[\.,]*$/,R=Array.prototype.slice,S=f.expr.match.POS,T={children:!0,contents:!0,next:!0,prev:!0};f.fn.extend({find:function(a){var b=this,c,d;if(typeof a!="string")return f(a).filter(function(){for(c=0,d=b.length;c<d;c++)if(f.contains(b[c],this))return!0});var e=this.pushStack("","find",a),g,h,i;for(c=0,d=this.length;c<d;c++){g=e.length,f.find(a,this[c],e);if(c>0)for(h=g;h<e.length;h++)for(i=0;i<g;i++)if(e[i]===e[h]){e.splice(h--,1);break}}return e},has:function(a){var b=f(a);return this.filter(function(){for(var a=0,c=b.length;a<c;a++)if(f.contains(this,b[a]))return!0})},not:function(a){return this.pushStack(V(this,a,!1),"not",a)},filter:function(a){return this.pushStack(V(this,a,!0),"filter",a)},is:function(a){return!!a&&(typeof a=="string"?f.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){var c=[],d,e,g=this[0];if(f.isArray(a)){var h,i,j={},k=1;if(g&&a.length){for(d=0,e=a.length;d<e;d++)i=a[d],j[i]||(j[i]=S.test(i)?f(i,b||this.context):i);while(g&&g.ownerDocument&&g!==b){for(i in j)h=j[i],(h.jquery?h.index(g)>-1:f(g).is(h))&&c.push({selector:i,elem:g,level:k});g=g.parentNode,k++}}return c}var l=S.test(a)||typeof a!="string"?f(a,b||this.context):0;for(d=0,e=this.length;d<e;d++){g=this[d];while(g){if(l?l.index(g)>-1:f.find.matchesSelector(g,a)){c.push(g);break}g=g.parentNode;if(!g||!g.ownerDocument||g===b||g.nodeType===11)break}}c=c.length>1?f.unique(c):c;return this.pushStack(c,"closest",a)},index:function(a){if(!a)return this[0]&&this[0].parentNode?this.prevAll().length:-1;if(typeof a=="string")return f.inArray(this[0],f(a));return f.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var c=typeof a=="string"?f(a,b):f.makeArray(a&&a.nodeType?[a]:a),d=f.merge(this.get(),c);return this.pushStack(U(c[0])||U(d[0])?d:f.unique(d))},andSelf:function(){return this.add(this.prevObject)}}),f.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return f.dir(a,"parentNode")},parentsUntil:function(a,b,c){return f.dir(a,"parentNode",c)},next:function(a){return f.nth(a,2,"nextSibling")},prev:function(a){return f.nth(a,2,"previousSibling")},nextAll:function(a){return f.dir(a,"nextSibling")},prevAll:function(a){return f.dir(a,"previousSibling")},nextUntil:function(a,b,c){return f.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return f.dir(a,"previousSibling",c)},siblings:function(a){return f.sibling(a.parentNode.firstChild,a)},children:function(a){return f.sibling(a.firstChild)},contents:function(a){return f.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:f.makeArray(a.childNodes)}},function(a,b){f.fn[a]=function(c,d){var e=f.map(this,b,c),g=R.call(arguments);N.test(a)||(d=c),d&&typeof d=="string"&&(e=f.filter(d,e)),e=this.length>1&&!T[a]?f.unique(e):e,(this.length>1||P.test(d))&&O.test(a)&&(e=e.reverse());return this.pushStack(e,a,g.join(","))}}),f.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?f.find.matchesSelector(b[0],a)?[b[0]]:[]:f.find.matches(a,b)},dir:function(a,c,d){var e=[],g=a[c];while(g&&g.nodeType!==9&&(d===b||g.nodeType!==1||!f(g).is(d)))g.nodeType===1&&e.push(g),g=g[c];return e},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var W=/ jQuery\d+="(?:\d+|null)"/g,X=/^\s+/,Y=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Z=/<([\w:]+)/,$=/<tbody/i,_=/<|&#?\w+;/,ba=/<(?:script|object|embed|option|style)/i,bb=/checked\s*(?:[^=]|=\s*.checked.)/i,bc=/\/(java|ecma)script/i,bd=/^\s*<!(?:\[CDATA\[|\-\-)/,be={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]};be.optgroup=be.option,be.tbody=be.tfoot=be.colgroup=be.caption=be.thead,be.th=be.td,f.support.htmlSerialize||(be._default=[1,"div<div>","</div>"]),f.fn.extend({text:function(a){if(f.isFunction(a))return this.each(function(b){var c=f(this);c.text(a.call(this,b,c.text()))});if(typeof a!="object"&&a!==b)return this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a));return f.text(this)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){f(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,f(arguments[0]).toArray());return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){if(a===b)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(W,""):null;if(typeof a=="string"&&!ba.test(a)&&(f.support.leadingWhitespace||!X.test(a))&&!be[(Z.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Y,"<$1></$2>");try{for(var c=0,d=this.length;c<d;c++)this[c].nodeType===1&&(f.cleanData(this[c].getElementsByTagName("*")),this[c].innerHTML=a)}catch(e){this.empty().append(a)}}else f.isFunction(a)?this.each(function(b){var c=f(this);c.html(a.call(this,b,c.html()))}):this.empty().append(a);return this},replaceWith:function(a){if(this[0]&&this[0].parentNode){if(f.isFunction(a))return this.each(function(b){var c=f(this),d=c.html();c.replaceWith(a.call(this,b,d))});typeof a!="string"&&(a=f(a).detach());return this.each(function(){var b=this.nextSibling,c=this.parentNode;f(this).remove(),b?f(b).before(a):f(c).append(a)})}return this.length?this.pushStack(f(f.isFunction(a)?a():a),"replaceWith",a):this},detach:function(a){return this.remove(a,!0)},domManip:function(a,c,d){var e,g,h,i,j=a[0],k=[];if(!f.support.checkClone&&arguments.length===3&&typeof j=="string"&&bb.test(j))return this.each(function(){f(this).domManip(a,c,d,!0)});if(f.isFunction(j))return this.each(function(e){var g=f(this);a[0]=j.call(this,e,c?g.html():b),g.domManip(a,c,d)});if(this[0]){i=j&&j.parentNode,f.support.parentNode&&i&&i.nodeType===11&&i.childNodes.length===this.length?e={fragment:i}:e=f.buildFragment(a,this,k),h=e.fragment,h.childNodes.length===1?g=h=h.firstChild:g=h.firstChild;if(g){c=c&&f.nodeName(g,"tr");for(var l=0,m=this.length,n=m-1;l<m;l++)d.call(c?bf(this[l],g):this[l],e.cacheable||m>1&&l<n?f.clone(h,!0,!0):h)}k.length&&f.each(k,bl)}return this}}),f.buildFragment=function(a,b,d){var e,g,h,i;b&&b[0]&&(i=b[0].ownerDocument||b[0]),i.createDocumentFragment||(i=c),a.length===1&&typeof a[0]=="string"&&a[0].length<512&&i===c&&a[0].charAt(0)==="<"&&!ba.test(a[0])&&(f.support.checkClone||!bb.test(a[0]))&&(g=!0,h=f.fragments[a[0]],h&&h!==1&&(e=h)),e||(e=i.createDocumentFragment(),f.clean
+(a,i,e,d)),g&&(f.fragments[a[0]]=h?e:1);return{fragment:e,cacheable:g}},f.fragments={},f.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){f.fn[a]=function(c){var d=[],e=f(c),g=this.length===1&&this[0].parentNode;if(g&&g.nodeType===11&&g.childNodes.length===1&&e.length===1){e[b](this[0]);return this}for(var h=0,i=e.length;h<i;h++){var j=(h>0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j)}return this.pushStack(d,a,e.selector)}}),f.extend({clone:function(a,b,c){var d=a.cloneNode(!0),e,g,h;if((!f.support.noCloneEvent||!f.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!f.isXMLDoc(a)){bh(a,d),e=bi(a),g=bi(d);for(h=0;e[h];++h)g[h]&&bh(e[h],g[h])}if(b){bg(a,d);if(c){e=bi(a),g=bi(d);for(h=0;e[h];++h)bg(e[h],g[h])}}e=g=null;return d},clean:function(a,b,d,e){var g;b=b||c,typeof b.createElement=="undefined"&&(b=b.ownerDocument||b[0]&&b[0].ownerDocument||c);var h=[],i;for(var j=0,k;(k=a[j])!=null;j++){typeof k=="number"&&(k+="");if(!k)continue;if(typeof k=="string")if(!_.test(k))k=b.createTextNode(k);else{k=k.replace(Y,"<$1></$2>");var l=(Z.exec(k)||["",""])[1].toLowerCase(),m=be[l]||be._default,n=m[0],o=b.createElement("div");o.innerHTML=m[1]+k+m[2];while(n--)o=o.lastChild;if(!f.support.tbody){var p=$.test(k),q=l==="table"&&!p?o.firstChild&&o.firstChild.childNodes:m[1]==="<table>"&&!p?o.childNodes:[];for(i=q.length-1;i>=0;--i)f.nodeName(q[i],"tbody")&&!q[i].childNodes.length&&q[i].parentNode.removeChild(q[i])}!f.support.leadingWhitespace&&X.test(k)&&o.insertBefore(b.createTextNode(X.exec(k)[0]),o.firstChild),k=o.childNodes}var r;if(!f.support.appendChecked)if(k[0]&&typeof (r=k.length)=="number")for(i=0;i<r;i++)bk(k[i]);else bk(k);k.nodeType?h.push(k):h=f.merge(h,k)}if(d){g=function(a){return!a.type||bc.test(a.type)};for(j=0;h[j];j++)if(e&&f.nodeName(h[j],"script")&&(!h[j].type||h[j].type.toLowerCase()==="text/javascript"))e.push(h[j].parentNode?h[j].parentNode.removeChild(h[j]):h[j]);else{if(h[j].nodeType===1){var s=f.grep(h[j].getElementsByTagName("script"),g);h.splice.apply(h,[j+1,0].concat(s))}d.appendChild(h[j])}}return h},cleanData:function(a){var b,c,d=f.cache,e=f.expando,g=f.event.special,h=f.support.deleteExpando;for(var i=0,j;(j=a[i])!=null;i++){if(j.nodeName&&f.noData[j.nodeName.toLowerCase()])continue;c=j[f.expando];if(c){b=d[c]&&d[c][e];if(b&&b.events){for(var k in b.events)g[k]?f.event.remove(j,k):f.removeEvent(j,k,b.handle);b.handle&&(b.handle.elem=null)}h?delete j[f.expando]:j.removeAttribute&&j.removeAttribute(f.expando),delete d[c]}}}});var bm=/alpha\([^)]*\)/i,bn=/opacity=([^)]*)/,bo=/([A-Z]|^ms)/g,bp=/^-?\d+(?:px)?$/i,bq=/^-?\d/,br=/^([\-+])=([\-+.\de]+)/,bs={position:"absolute",visibility:"hidden",display:"block"},bt=["Left","Right"],bu=["Top","Bottom"],bv,bw,bx;f.fn.css=function(a,c){if(arguments.length===2&&c===b)return this;return f.access(this,a,c,!0,function(a,c,d){return d!==b?f.style(a,c,d):f.css(a,c)})},f.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=bv(a,"opacity","opacity");return c===""?"1":c}return a.style.opacity}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":f.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,c,d,e){if(!!a&&a.nodeType!==3&&a.nodeType!==8&&!!a.style){var g,h,i=f.camelCase(c),j=a.style,k=f.cssHooks[i];c=f.cssProps[i]||i;if(d===b){if(k&&"get"in k&&(g=k.get(a,!1,e))!==b)return g;return j[c]}h=typeof d,h==="string"&&(g=br.exec(d))&&(d=+(g[1]+1)*+g[2]+parseFloat(f.css(a,c)),h="number");if(d==null||h==="number"&&isNaN(d))return;h==="number"&&!f.cssNumber[i]&&(d+="px");if(!k||!("set"in k)||(d=k.set(a,d))!==b)try{j[c]=d}catch(l){}}},css:function(a,c,d){var e,g;c=f.camelCase(c),g=f.cssHooks[c],c=f.cssProps[c]||c,c==="cssFloat"&&(c="float");if(g&&"get"in g&&(e=g.get(a,!0,d))!==b)return e;if(bv)return bv(a,c)},swap:function(a,b,c){var d={};for(var e in b)d[e]=a.style[e],a.style[e]=b[e];c.call(a);for(e in b)a.style[e]=d[e]}}),f.curCSS=f.css,f.each(["height","width"],function(a,b){f.cssHooks[b]={get:function(a,c,d){var e;if(c){if(a.offsetWidth!==0)return by(a,b,d);f.swap(a,bs,function(){e=by(a,b,d)});return e}},set:function(a,b){if(!bp.test(b))return b;b=parseFloat(b);if(b>=0)return b+"px"}}}),f.support.opacity||(f.cssHooks.opacity={get:function(a,b){return bn.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=f.isNaN(b)?"":"alpha(opacity="+b*100+")",g=d&&d.filter||c.filter||"";c.zoom=1;if(b>=1&&f.trim(g.replace(bm,""))===""){c.removeAttribute("filter");if(d&&!d.filter)return}c.filter=bm.test(g)?g.replace(bm,e):g+" "+e}}),f(function(){f.support.reliableMarginRight||(f.cssHooks.marginRight={get:function(a,b){var c;f.swap(a,{display:"inline-block"},function(){b?c=bv(a,"margin-right","marginRight"):c=a.style.marginRight});return c}})}),c.defaultView&&c.defaultView.getComputedStyle&&(bw=function(a,c){var d,e,g;c=c.replace(bo,"-$1").toLowerCase();if(!(e=a.ownerDocument.defaultView))return b;if(g=e.getComputedStyle(a,null))d=g.getPropertyValue(c),d===""&&!f.contains(a.ownerDocument.documentElement,a)&&(d=f.style(a,c));return d}),c.documentElement.currentStyle&&(bx=function(a,b){var c,d=a.currentStyle&&a.currentStyle[b],e=a.runtimeStyle&&a.runtimeStyle[b],f=a.style;!bp.test(d)&&bq.test(d)&&(c=f.left,e&&(a.runtimeStyle.left=a.currentStyle.left),f.left=b==="fontSize"?"1em":d||0,d=f.pixelLeft+"px",f.left=c,e&&(a.runtimeStyle.left=e));return d===""?"auto":d}),bv=bw||bx,f.expr&&f.expr.filters&&(f.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!f.support.reliableHiddenOffsets&&(a.style.display||f.css(a,"display"))==="none"},f.expr.filters.visible=function(a){return!f.expr.filters.hidden(a)});var bz=/%20/g,bA=/\[\]$/,bB=/\r?\n/g,bC=/#.*$/,bD=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,bE=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,bF=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,bG=/^(?:GET|HEAD)$/,bH=/^\/\//,bI=/\?/,bJ=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,bK=/^(?:select|textarea)/i,bL=/\s+/,bM=/([?&])_=[^&]*/,bN=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,bO=f.fn.load,bP={},bQ={},bR,bS,bT=["*/"]+["*"];try{bR=e.href}catch(bU){bR=c.createElement("a"),bR.href="",bR=bR.href}bS=bN.exec(bR.toLowerCase())||[],f.fn.extend({load:function(a,c,d){if(typeof a!="string"&&bO)return bO.apply(this,arguments);if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var g=a.slice(e,a.length);a=a.slice(0,e)}var h="GET";c&&(f.isFunction(c)?(d=c,c=b):typeof c=="object"&&(c=f.param(c,f.ajaxSettings.traditional),h="POST"));var i=this;f.ajax({url:a,type:h,dataType:"html",data:c,complete:function(a,b,c){c=a.responseText,a.isResolved()&&(a.done(function(a){c=a}),i.html(g?f("<div>").append(c.replace(bJ,"")).find(g):c)),d&&i.each(d,[c,b,a])}});return this},serialize:function(){return f.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?f.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bK.test(this.nodeName)||bE.test(this.type))}).map(function(a,b){var c=f(this).val();return c==null?null:f.isArray(c)?f.map(c,function(a,c){return{name:b.name,value:a.replace(bB,"\r\n")}}):{name:b.name,value:c.replace(bB,"\r\n")}}).get()}}),f.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){f.fn[b]=function(a){return this.bind(b,a)}}),f.each(["get","post"],function(a,c){f[c]=function(a,d,e,g){f.isFunction(d)&&(g=g||e,e=d,d=b);return f.ajax({type:c,url:a,data:d,success:e,dataType:g})}}),f.extend({getScript:function(a,c){return f.get(a,b,c,"script")},getJSON:function(a,b,c){return f.get(a,b,c,"json")},ajaxSetup:function(a,b){b?bX(a,f.ajaxSettings):(b=a,a=f.ajaxSettings),bX(a,b);return a},ajaxSettings:{url:bR,isLocal:bF.test(bS[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":bT},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":f.parseJSON,"text xml":f.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:bV(bP),ajaxTransport:bV(bQ),ajax:function(a,c){function w(a,c,l,m){if(s!==2){s=2,q&&clearTimeout(q),p=b,n=m||"",v.readyState=a>0?4:0;var o,r,u,w=c,x=l?bZ(d,v,l):b,y,z;if(a>=200&&a<300||a===304){if(d.ifModified){if(y=v.getResponseHeader("Last-Modified"))f.lastModified[k]=y;if(z=v.getResponseHeader("Etag"))f.etag[k]=z}if(a===304)w="notmodified",o=!0;else try{r=b$(d,x),w="success",o=!0}catch(A){w="parsererror",u=A}}else{u=w;if(!w||a)w="error",a<0&&(a=0)}v.status=a,v.statusText=""+(c||w),o?h.resolveWith(e,[r,w,v]):h.rejectWith(e,[v,w,u]),v.statusCode(j),j=b,t&&g.trigger("ajax"+(o?"Success":"Error"),[v,d,o?r:u]),i.resolveWith(e,[v,w]),t&&(g.trigger("ajaxComplete",[v,d]),--f.active||f.event.trigger("ajaxStop"))}}typeof a=="object"&&(c=a,a=b),c=c||{};var d=f.ajaxSetup({},c),e=d.context||d,g=e!==d&&(e.nodeType||e instanceof f)?f(e):f.event,h=f.Deferred(),i=f._Deferred(),j=d.statusCode||{},k,l={},m={},n,o,p,q,r,s=0,t,u,v={readyState:0,setRequestHeader:function(a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this},getAllResponseHeaders:function(){return s===2?n:null},getResponseHeader:function(a){var c;if(s===2){if(!o){o={};while(c=bD.exec(n))o[c[1].toLowerCase()]=c[2]}c=o[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){s||(d.mimeType=a);return this},abort:function(a){a=a||"abort",p&&p.abort(a),w(0,a);return this}};h.promise(v),v.success=v.done,v.error=v.fail,v.complete=i.done,v.statusCode=function(a){if(a){var b;if(s<2)for(b in a)j[b]=[j[b],a[b]];else b=a[v.status],v.then(b,b)}return this},d.url=((a||d.url)+"").replace(bC,"").replace(bH,bS[1]+"//"),d.dataTypes=f.trim(d.dataType||"*").toLowerCase().split(bL),d.crossDomain==null&&(r=bN.exec(d.url.toLowerCase()),d.crossDomain=!(!r||r[1]==bS[1]&&r[2]==bS[2]&&(r[3]||(r[1]==="http:"?80:443))==(bS[3]||(bS[1]==="http:"?80:443)))),d.data&&d.processData&&typeof d.data!="string"&&(d.data=f.param(d.data,d.traditional)),bW(bP,d,c,v);if(s===2)return!1;t=d.global,d.type=d.type.toUpperCase(),d.hasContent=!bG.test(d.type),t&&f.active++===0&&f.event.trigger("ajaxStart");if(!d.hasContent){d.data&&(d.url+=(bI.test(d.url)?"&":"?")+d.data,delete d.data),k=d.url;if(d.cache===!1){var x=f.now(),y=d.url.replace(bM,"$1_="+x);d.url=y+(y===d.url?(bI.test(d.url)?"&":"?")+"_="+x:"")}}(d.data&&d.hasContent&&d.contentType!==!1||c.contentType)&&v.setRequestHeader("Content-Type",d.contentType),d.ifModified&&(k=k||d.url,f.lastModified[k]&&v.setRequestHeader("If-Modified-Since",f.lastModified[k]),f.etag[k]&&v.setRequestHeader("If-None-Match",f.etag[k])),v.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+(d.dataTypes[0]!=="*"?", "+bT+"; q=0.01":""):d.accepts["*"]);for(u in d.headers)v.setRequestHeader(u,d.headers[u]);if(d.beforeSend&&(d.beforeSend.call(e,v,d)===!1||s===2)){v.abort();return!1}for(u in{success:1,error:1,complete:1})v[u](d[u]);p=bW(bQ,d,c,v);if(!p)w(-1,"No Transport");else{v.readyState=1,t&&g.trigger("ajaxSend",[v,d]),d.async&&d.timeout>0&&(q=setTimeout(function(){v.abort("timeout")},d.timeout));try{s=1,p.send(l,w)}catch(z){s<2?w(-1,z):f.error(z)}}return v},param:function(a,c){var d=[],e=function(a,b){b=f.isFunction(b)?b():b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=f.ajaxSettings.traditional);if(f.isArray(a)||a.jquery&&!f.isPlainObject(a))f.each(a,function(){e(this.name,this.value)});else for(var g in a)bY(g,a[g],c,e);return d.join("&").replace(bz,"+")}}),f.extend({active:0,lastModified:{},etag:{}});var b_=f.now(),ca=/(\=)\?(&|$)|\?\?/i;f.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return f.expando+"_"+b_++}}),f.ajaxPrefilter("json jsonp",function(b,c,d){var e=b.contentType==="application/x-www-form-urlencoded"&&typeof b.data=="string";if(b.dataTypes[0]==="jsonp"||b.jsonp!==!1&&(ca.test(b.url)||e&&ca.test(b.data))){var g,h=b.jsonpCallback=f.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2";b.jsonp!==!1&&(j=j.replace(ca,l),b.url===j&&(e&&(k=k.replace(ca,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},d.always(function(){a[h]=i,g&&f.isFunction(i)&&a[h](g[0])}),b.converters["script json"]=function(){g||f.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),f.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){f.globalEval(a);return a}}}),f.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),f.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(c||!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var cb=a.ActiveXObject?function(){for(var a in cd)cd[a](0,1)}:!1,cc=0,cd;f.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&ce()||cf()}:ce,function(a){f.extend(f.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(f.ajaxSettings.xhr()),f.support.ajax&&f.ajaxTransport(function(c){if(!c.crossDomain||f.support.cors){var d;return{send:function(e,g){var h=c.xhr(),i,j;c.username?h.open(c.type,c.url,c.async,c.username,c.password):h.open(c.type,c.url,c.async);if(c.xhrFields)for(j in c.xhrFields)h[j]=c.xhrFields[j];c.mimeType&&h.overrideMimeType&&h.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(j in e)h.setRequestHeader(j,e[j])}catch(k){}h.send(c.hasContent&&c.data||null),d=function(a,e){var j,k,l,m,n;try{if(d&&(e||h.readyState===4)){d=b,i&&(h.onreadystatechange=f.noop,cb&&delete cd[i]);if(e)h.readyState!==4&&h.abort();else{j=h.status,l=h.getAllResponseHeaders(),m={},n=h.responseXML,n&&n.documentElement&&(m.xml=n),m.text=h.responseText;try{k=h.statusText}catch(o){k=""}!j&&c.isLocal&&!c.crossDomain?j=m.text?200:404:j===1223&&(j=204)}}}catch(p){e||g(-1,p)}m&&g(j,k,m,l)},!c.async||h.readyState===4?d():(i=++cc,cb&&(cd||(cd={},f(a).unload(cb)),cd[i]=d),h.onreadystatechange=d)},abort:function(){d&&d(0,1)}}}});var cg={},ch,ci,cj=/^(?:toggle|show|hide)$/,ck=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,cl,cm=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]],cn;f.fn.extend({show:function(a,b,c){var d,e;if(a||a===0)return this.animate(cq("show",3),a,b,c);for(var g=0,h=this.length;g<h;g++)d=this[g],d.style&&(e=d.style.display,!f._data(d,"olddisplay")&&e==="none"&&(e=d.style.display=""),e===""&&f.css(d,"display")==="none"&&f._data(d,"olddisplay",cr(d.nodeName)));for(g=0;g<h;g++){d=this[g];if(d.style){e=d.style.display;if(e===""||e==="none")d.style.display=f._data(d,"olddisplay")||""}}return this},hide:function(a,b,c){if(a||a===0)return this.animate(cq("hide",3),a,b,c);for(var d=0,e=this.length;d<e;d++)if(this[d].style){var g=f.css(this[d],"display");g!=="none"&&!f._data(this[d],"olddisplay")&&f._data(this[d],"olddisplay",g)}for(d=0;d<e;d++)this[d].style&&(this[d].style.display="none");return this},_toggle:f.fn.toggle,toggle:function(a,b,c){var d=typeof a=="boolean";f.isFunction(a)&&f.isFunction(b)?this._toggle.apply(this,arguments):a==null||d?this.each(function(){var b=d?a:f(this).is(":hidden");f(this)[b?"show":"hide"]()}):this.animate(cq("toggle",3),a,b,c);return this},fadeTo:function(a,b,c,d){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=f.speed(b,c,d);if(f.isEmptyObject(a))return this.each(e.complete,[!1]);a=f.extend({},a);return this[e.queue===!1?"each":"queue"](function(){e.queue===!1&&f._mark(this);var b=f.extend({},e),c=this.nodeType===1,d=c&&f(this).is(":hidden"),g,h,i,j,k,l,m,n,o;b.animatedProperties={};for(i in a){g=f.camelCase(i),i!==g&&(a[g]=a[i],delete a[i]),h=a[g],f.isArray(h)?(b.animatedProperties[g]=h[1],h=a[g]=h[0]):b.animatedProperties[g]=b.specialEasing&&b.specialEasing[g]||b.easing||"swing";if(h==="hide"&&d||h==="show"&&!d)return b.complete.call(this);c&&(g==="height"||g==="width")&&(b.overflow=[this.style.overflow,this.style.overflowX,this.style.overflowY],f.css(this,"display")==="inline"&&f.css(this,"float")==="none"&&(f.support.inlineBlockNeedsLayout?(j=cr(this.nodeName),j==="inline"?this.style.display="inline-block":(this.style.display="inline",this.style.zoom=1)):this.style.display="inline-block"))}b.overflow!=null&&(this.style.overflow="hidden");for(i in a)k=new f.fx(this,b,i),h=a[i],cj.test(h)?k[h==="toggle"?d?"show":"hide":h]():(l=ck.exec(h),m=k.cur(),l?(n=parseFloat(l[2]),o=l[3]||(f.cssNumber[i]?"":"px"),o!=="px"&&(f.style(this,i,(n||1)+o),m=(n||1)/k.cur()*m,f.style(this,i,m+o)),l[1]&&(n=(l[1]==="-="?-1:1)*n+m),k.custom(m,n,o)):k.custom(m,h,""));return!0})},stop:function(a,b){a&&this.queue([]),this.each(function(){var a=f.timers,c=a.length;b||f._unmark(!0,this);while(c--)a[c].elem===this&&(b&&a[c](!0),a.splice(c,1))}),b||this.dequeue();return this}}),f.each({slideDown:cq("show",1),slideUp:cq("hide",1),slideToggle:cq("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){f.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),f.extend({speed:function(a,b,c){var d=a&&typeof a=="object"?f.extend({},a):{complete:c||!c&&b||f.isFunction(a)&&a,duration:a,easing:c&&b||b&&!f.isFunction(b)&&b};d.duration=f.fx.off?0:typeof d.duration=="number"?d.duration:d.duration in f.fx.speeds?f.fx.speeds[d.duration]:f.fx.speeds._default,d.old=d.complete,d.complete=function(a){f.isFunction(d.old)&&d.old.call(this),d.queue!==!1?f.dequeue(this):a!==!1&&f._unmark(this)};return d},easing:{linear:function(a,b,c,d){return c+d*a},swing:function(a,b,c,d){return(-Math.cos(a*Math.PI)/2+.5)*d+c}},timers:[],fx:function(a,b,c){this.options=b,this.elem=a,this.prop=c,b.orig=b.orig||{}}}),f.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this),(f.fx.step[this.prop]||f.fx.step._default)(this)},cur:function(){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];var a,b=f.css(this.elem,this.prop);return isNaN(a=parseFloat(b))?!b||b==="auto"?0:b:a},custom:function(a,b,c){function g(a){return d.step(a)}var d=this,e=f.fx;this.startTime=cn||co(),this.start=a,this.end=b,this.unit=c||this.unit||(f.cssNumber[this.prop]?"":"px"),this.now=this.start,this.pos=this.state=0,g.elem=this.elem,g()&&f.timers.push(g)&&!cl&&(cl=setInterval(e.tick,e.interval))},show:function(){this.options.orig[this.prop]=f.style(this.elem,this.prop),this.options.show=!0,this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur()),f(this.elem).show()},hide:function(){this.options.orig[this.prop]=f.style(this.elem,this.prop),this.options.hide=!0,this.custom(this.cur(),0)},step:function(a){var b=cn||co(),c=!0,d=this.elem,e=this.options,g,h;if(a||b>=e.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),e.animatedProperties[this.prop]=!0;for(g in e.animatedProperties)e.animatedProperties[g]!==!0&&(c=!1);if(c){e.overflow!=null&&!f.support.shrinkWrapBlocks&&f.each(["","X","Y"],function(a,b){d.style["overflow"+b]=e.overflow[a]}),e.hide&&f(d).hide();if(e.hide||e.show)for(var i in e.animatedProperties)f.style(d,i,e.orig[i]);e.complete.call(d)}return!1}e.duration==Infinity?this.now=b:(h=b-this.startTime,this.state=h/e.duration,this.pos=f.easing[e.animatedProperties[this.prop]](this.state,h,0,1,e.duration),this.now=this.start+(this.end-this.start)*this.pos),this.update();return!0}},f.extend(f.fx,{tick:function(){for(var a=f.timers,b=0;b<a.length;++b)a[b]()||a.splice(b--,1);a.length||f.fx.stop()},interval:13,stop:function(){clearInterval(cl),cl=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){f.style(a.elem,"opacity",a.now)},_default:function(a){a.elem.style&&a.elem.style[a.prop]!=null?a.elem.style[a.prop]=(a.prop==="width"||a.prop==="height"?Math.max(0,a.now):a.now)+a.unit:a.elem[a.prop]=a.now}}}),f.expr&&f.expr.filters&&(f.expr.filters.animated=function(a){return f.grep(f.timers,function(b){return a===b.elem}).length});var cs=/^t(?:able|d|h)$/i,ct=/^(?:body|html)$/i;"getBoundingClientRect"in c.documentElement?f.fn.offset=function(a){var b=this[0],c;if(a)return this.each(function(b){f.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return f.offset.bodyOffset(b);try{c=b.getBoundingClientRect()}catch(d){}var e=b.ownerDocument,g=e.documentElement;if(!c||!f.contains(g,b))return c?{top:c.top,left:c.left}:{top:0,left:0};var h=e.body,i=cu(e),j=g.clientTop||h.clientTop||0,k=g.clientLeft||h.clientLeft||0,l=i.pageYOffset||f.support.boxModel&&g.scrollTop||h.scrollTop,m=i.pageXOffset||f.support.boxModel&&g.scrollLeft||h.scrollLeft,n=c.top+l-j,o=c.left+m-k;return{top:n,left:o}}:f.fn.offset=function(a){var b=this[0];if(a)return this.each(function(b){f.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return f.offset.bodyOffset(b);f.offset.initialize();var c,d=b.offsetParent,e=b,g=b.ownerDocument,h=g.documentElement,i=g.body,j=g.defaultView,k=j?j.getComputedStyle(b,null):b.currentStyle,l=b.offsetTop,m=b.offsetLeft;while((b=b.parentNode)&&b!==i&&b!==h){if(f.offset.supportsFixedPosition&&k.position==="fixed")break;c=j?j.getComputedStyle(b,null):b.currentStyle,l-=b.scrollTop,m-=b.scrollLeft,b===d&&(l+=b.offsetTop,m+=b.offsetLeft,f.offset.doesNotAddBorder&&(!f.offset.doesAddBorderForTableAndCells||!cs.test(b.nodeName))&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),e=d,d=b.offsetParent),f.offset.subtractsBorderForOverflowNotVisible&&c.overflow!=="visible"&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),k=c}if(k.position==="relative"||k.position==="static")l+=i.offsetTop,m+=i.offsetLeft;f.offset.supportsFixedPosition&&k.position==="fixed"&&(l+=Math.max(h.scrollTop,i.scrollTop),m+=Math.max(h.scrollLeft,i.scrollLeft));return{top:l,left:m}},f.offset={initialize:function(){var a=c.body,b=c.createElement("div"),d,e,g,h,i=parseFloat(f.css(a,"marginTop"))||0,j="<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";f.extend(b.style,{position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",height:"1px",visibility:"hidden"}),b.innerHTML=j,a.insertBefore(b,a.firstChild),d=b.firstChild,e=d.firstChild,h=d.nextSibling.firstChild.firstChild,this.doesNotAddBorder=e.offsetTop!==5,this.doesAddBorderForTableAndCells=h.offsetTop===5,e.style.position="fixed",e.style.top="20px",this.supportsFixedPosition=e.offsetTop===20||e.offsetTop===15,e.style.position=e.style.top="",d.style.overflow="hidden",d.style.position="relative",this.subtractsBorderForOverflowNotVisible=e.offsetTop===-5,this.doesNotIncludeMarginInBodyOffset=a.offsetTop!==i,a.removeChild(b),f.offset.initialize=f.noop},bodyOffset:function(a){var b=a.offsetTop,c=a.offsetLeft;f.offset.initialize(),f.offset.doesNotIncludeMarginInBodyOffset&&(b+=parseFloat(f.css(a,"marginTop"))||0,c+=parseFloat(f.css(a,"marginLeft"))||0);return{top:b,left:c}},setOffset:function(a,b,c){var d=f.css(a,"position");d==="static"&&(a.style.position="relative");var e=f(a),g=e.offset(),h=f.css(a,"top"),i=f.css(a,"left"),j=(d==="absolute"||d==="fixed")&&f.inArray("auto",[h,i])>-1,k={},l={},m,n;j?(l=e.position(),m=l.top,n=l.left):(m=parseFloat(h)||0,n=parseFloat(i)||0),f.isFunction(b)&&(b=b.call(a,c,g)),b.top!=null&&(k.top=b.top-g.top+m),b.left!=null&&(k.left=b.left-g.left+n),"using"in b?b.using.call(a,k):e.css(k)}},f.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),c=this.offset(),d=ct.test(b[0].nodeName)?{top:0,left:0}:b.offset();c.top-=parseFloat(f.css(a,"marginTop"))||0,c.left-=parseFloat(f.css(a,"marginLeft"))||0,d.top+=parseFloat(f.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(f.css(b[0],"borderLeftWidth"))||0;return{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||c.body;while(a&&!ct.test(a.nodeName)&&f.css(a,"position")==="static")a=a.offsetParent;return a})}}),f.each(["Left","Top"],function(a,c){var d="scroll"+c;f.fn[d]=function(c){var e,g;if(c===b){e=this[0];if(!e)return null;g=cu(e);return g?"pageXOffset"in g?g[a?"pageYOffset":"pageXOffset"]:f.support.boxModel&&g.document.documentElement[d]||g.document.body[d]:e[d]}return this.each(function(){g=cu(this),g?g.scrollTo(a?f(g).scrollLeft():c,a?c:f(g).scrollTop()):this[d]=c})}}),f.each(["Height","Width"],function(a,c){var d=c.toLowerCase();f.fn["inner"+c]=function(){var a=this[0];return a&&a.style?parseFloat(f.css(a,d,"padding")):null},f.fn["outer"+c]=function(a){var b=this[0];return b&&b.style?parseFloat(f.css(b,d,a?"margin":"border")):null},f.fn[d]=function(a){var e=this[0];if(!e)return a==null?null:this;if(f.isFunction(a))return this.each(function(b){var c=f(this);c[d](a.call(this,b,c[d]()))});if(f.isWindow(e)){var g=e.document.documentElement["client"+c],h=e.document.body;return e.document.compatMode==="CSS1Compat"&&g||h&&h["client"+c]||g}if(e.nodeType===9)return Math.max(e.documentElement["client"+c],e.body["scroll"+c],e.documentElement["scroll"+c],e.body["offset"+c],e.documentElement["offset"+c]);if(a===b){var i=f.css(e,d),j=parseFloat(i);return f.isNaN(j)?i:j}return this.css(d,typeof a=="string"?a:a+"px")}}),a.jQuery=a.$=f})(window);
\ No newline at end of file
diff --git a/frontend/imgrid/colors/colors/js/jquery.cookie.js b/frontend/imgrid/colors/colors/js/jquery.cookie.js
new file mode 100755
index 0000000..6036754
--- /dev/null
+++ b/frontend/imgrid/colors/colors/js/jquery.cookie.js
@@ -0,0 +1,96 @@
+/**
+ * Cookie plugin
+ *
+ * Copyright (c) 2006 Klaus Hartl (stilbuero.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ */
+
+/**
+ * Create a cookie with the given name and value and other optional parameters.
+ *
+ * @example $.cookie('the_cookie', 'the_value');
+ * @desc Set the value of a cookie.
+ * @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true });
+ * @desc Create a cookie with all available options.
+ * @example $.cookie('the_cookie', 'the_value');
+ * @desc Create a session cookie.
+ * @example $.cookie('the_cookie', null);
+ * @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain
+ *       used when the cookie was set.
+ *
+ * @param String name The name of the cookie.
+ * @param String value The value of the cookie.
+ * @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
+ * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
+ *                             If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
+ *                             If set to null or omitted, the cookie will be a session cookie and will not be retained
+ *                             when the the browser exits.
+ * @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).
+ * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
+ * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
+ *                        require a secure protocol (like HTTPS).
+ * @type undefined
+ *
+ * @name $.cookie
+ * @cat Plugins/Cookie
+ * @author Klaus Hartl/klaus.hartl@stilbuero.de
+ */
+
+/**
+ * Get the value of a cookie with the given name.
+ *
+ * @example $.cookie('the_cookie');
+ * @desc Get the value of a cookie.
+ *
+ * @param String name The name of the cookie.
+ * @return The value of the cookie.
+ * @type String
+ *
+ * @name $.cookie
+ * @cat Plugins/Cookie
+ * @author Klaus Hartl/klaus.hartl@stilbuero.de
+ */
+jQuery.cookie = function(name, value, options) {
+    if (typeof value != 'undefined') { // name and value given, set cookie
+        options = options || {};
+        if (value === null) {
+            value = '';
+            options.expires = -1;
+        }
+        var expires = '';
+        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
+            var date;
+            if (typeof options.expires == 'number') {
+                date = new Date();
+                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
+            } else {
+                date = options.expires;
+            }
+            expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
+        }
+        // CAUTION: Needed to parenthesize options.path and options.domain
+        // in the following expressions, otherwise they evaluate to undefined
+        // in the packed version for some reason...
+        var path = options.path ? '; path=' + (options.path) : '';
+        var domain = options.domain ? '; domain=' + (options.domain) : '';
+        var secure = options.secure ? '; secure' : '';
+        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
+    } else { // only name given, get cookie
+        var cookieValue = null;
+        if (document.cookie && document.cookie != '') {
+            var cookies = document.cookie.split(';');
+            for (var i = 0; i < cookies.length; i++) {
+                var cookie = jQuery.trim(cookies[i]);
+                // Does this cookie string begin with the name we want?
+                if (cookie.substring(0, name.length + 1) == (name + '=')) {
+                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+                    break;
+                }
+            }
+        }
+        return cookieValue;
+    }
+};
\ No newline at end of file
diff --git a/frontend/imgrid/colors/colors/js/setupdimensions.js b/frontend/imgrid/colors/colors/js/setupdimensions.js
new file mode 100755
index 0000000..a496e87
--- /dev/null
+++ b/frontend/imgrid/colors/colors/js/setupdimensions.js
@@ -0,0 +1,173 @@
+//setup dimensions
+//everything needs to be positioned according to 
+//window.innerWidth
+
+//step 1...forget about the rollover css for now
+//step 2...make sure ratios are in place
+
+//function makebig(divstr)
+//    {
+///    newheight = goldenize(colorsheight)
+///    $('#'+divstr).height(newheight)
+//    }
+//function makesmall(divstr)
+//    {
+//    $('#'+divstr).height(colorsheight)
+//    }
+//////////////////
+/////////////this function runs a for loop
+////////////and makes it so that the colors are related
+//////////by width to the innerwidth of the window
+widthratio = 7
+numberacross = 10
+
+
+function shrinkwidth(arg, ratio)
+  {
+    for(var i=0; i < ratio; i++)
+    {
+    arg = regolden(arg)
+    }
+    division = Math.round(arg)
+    return division
+  }
+////////////////right now the ratio is set at 1/6th
+var colorsh
+function makecolorswidth()
+  {
+  colorswidth = shrinkwidth(windowWidth, widthratio)
+  $('.colors').css('width', colorswidth.toString()+'px')
+  }
+
+function makecolorsheight()
+  {
+  colorsheight = regolden(colorswidth)
+  propval = colorsheight.toString()+'px'
+  $('.colors').css('height', propval)
+  }
+//the following function sets up the font sizes
+//inrelation to the size of the hexswitch font
+function getcontainerwidth()
+  {
+  basis = $('.colors').css('width')
+  basis = parseInt(basis.slice(0,-2))
+  secondbasis = '2px'
+  secondbasis = parseInt(secondbasis.slice(0,-2))
+  widthval = (secondbasis*(numberacross*2))+(basis*numberacross)+(basis*.44)//(goldenize(basis)-basis)
+  widthval = widthval.toString()+'px'
+  return widthval
+  }
+function makecontainerwidth()
+  {
+  var containerwidth = getcontainerwidth()
+  $('#container').css('width',containerwidth)
+  }
+function setupsides()
+	{
+	$('#container').css({'position':'relative','z-index':'1'})
+	$('#switches').css('z-index','10')
+  var basis = $('#container').css('width')
+  basis = parseInt(basis.slice(0,-2))
+  remainder = (100-basis)/2
+  widths = regolden(basis)
+  widths = widths.toString()+'px'
+  lateralbasis = regolden(remainder)
+  leftside = toString(lateralbasis)+'%'
+  rightside = toString(100-lateralbasis)+'%'
+  $('#colornames').css('left', leftside)
+  $('#switches').css({'width': widths, 'left': rightside, 'overflow':'hidden','top':'118px'})
+  }
+//////preview dimensions is for the 
+///preview box inside the switches container
+function previewdimensions()
+  {
+  first = $('#switches').css('width')
+  first = parseInt(first.slice(0,-2))
+  width = regolden(first)
+  height = regolden(width)
+  width = width.toString()+'px'
+  height = height.toString()+'px'
+  $('#preview').css({'width':width, 'height':height})
+  }
+/////////////////////////////
+////font-size is related to hexswitch font-size
+////also the width of the switches container
+var fontratioone
+function setupfonts()
+  {
+	fontratioone = shrinkwidth(windowWidth, 9)
+	$('.theswitches').css('font-size',fontratioone)
+	fontratiotwo = shrinkwidth(windowWidth, 8)
+	$('#nameholder, #title, #namespace').css('font-size',fontratiotwo)
+  $('#colornames').css('font-size', goldenize(fontratiotwo)+'px')
+  $('#colornames').css('text-shadow', 'black 1px 2px')
+  var transfont = regolden(fontratioone)
+  $('#transparent, #extra').css({'width':'100%','font-size':transfont})
+	switcheswidth = $('#switches').css('width')
+  $('#namespace, #nameholder').css('width', '100%')
+  }
+function setupdimensions()
+  {
+  if(window.innerWidth > 933)
+		{windowWidth = window.innerWidth}
+	else
+		{windowWidth = 933}
+	$('#container').css('font-size','0');
+	$('.colors').css('font-size','9px');	
+	makecolorswidth()
+ 	makecolorsheight()
+ 	makecontainerwidth()
+  setupfonts()
+  setupsides()
+  makegolden('#switches','width')
+  previewdimensions()
+  $('#namespace').css('width', 'inherit')
+  $('#nameholder').css('width', 'inherit')
+  $('#transparent').css({'float':'bottom','width':'inherit'})
+  $('.colors').css({'margin-top': '2px','margin-right':'2px'});
+	}
+$(window).resize(function()
+		{
+		setupdimensions()
+		});
+var colorsheight
+var colorswidth
+setupdimensions()
+function makebig(divstr)
+    {
+    newheight = goldenize(colorsheight)
+    $('#'+divstr).height(newheight)
+    }
+function makesmall(divstr)
+    {
+    $('#'+divstr).height(colorsheight)
+    }
+var firstwidth
+$('.colors').mouseover(function()
+  {
+  $('#extra').html("");
+            if(this.id != 'd0')
+                {
+                $(this).css({'height':goldenize(colorsheight),'width':goldenize(colorswidth)})
+								firstwidth = $('#container').css('width')	
+								newwidth = firstwidth+goldenize(colorswidth)-colorswidth
+								$('#container').css('width',newwidth)
+//             makebig(this.id);
+  //            makegolden('#'+this.id, 'height')
+                }
+  });
+
+
+
+
+$('.colors').mouseout(function()
+                {
+          $(this).css('height',colorsheight)
+ 	        $(this).css('width', colorswidth)
+          $('#container').css('width',firstwidth)      
+					});
+
+$(".colors").hover(function(){
+$('#colornames').fadeOut(100);$('#colornames').fadeIn(500);
+  });
+
diff --git a/frontend/imgrid/colors/colors/js/wrkshp/colors.html b/frontend/imgrid/colors/colors/js/wrkshp/colors.html
new file mode 100755
index 0000000..0ef22f9
--- /dev/null
+++ b/frontend/imgrid/colors/colors/js/wrkshp/colors.html
@@ -0,0 +1,5429 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<!-- saved from url=(0124)https://mail.google.com/mail/?ui=2&ik=8c5c6e41c0&view=att&th=131a60939ee4c454&attid=0.1&disp=inline&realattid=f_gr2htzs60&zw -->
+<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head>
+<style type="text/css">
+*
+	{
+	font-family: sans-serif;
+	}
+</style>
+<body>
+
+
+
+<div>
+<h1><a></a>List of Color Names</h1>
+<div>
+
+<p>a list of named colors for use with PHOTOBLASTER:</p>
+
+<table>
+<tbody>
+  <tr>
+    <th align="right">Name</th>
+    <th align="center">Color</th>
+    <th align="left">RGB</th>
+    <th align="left">Hex</th>
+
+  </tr>
+
+  <tr>
+    <td align="right">snow</td>
+    <td align="center" style="background-color:rgb(255, 250, 250)">snow</td>
+    <td align="left">rgb(255, 250, 250)</td>
+    <td align="left">#FFFAFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">snow1</td>
+    <td align="center" style="background-color:rgb(255, 250, 250)">snow1</td>
+    <td align="left">rgb(255, 250, 250)</td>
+    <td align="left">#FFFAFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">snow2</td>
+    <td align="center" style="background-color:rgb(238, 233, 233)">snow2</td>
+    <td align="left">rgb(238, 233, 233)</td>
+    <td align="left">#EEE9E9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RosyBrown1</td>
+    <td align="center" style="background-color:rgb(255, 193, 193)">RosyBrown1</td>
+    <td align="left">rgb(255, 193, 193)</td>
+    <td align="left">#FFC1C1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RosyBrown2</td>
+    <td align="center" style="background-color:rgb(238, 180, 180)">RosyBrown2</td>
+    <td align="left">rgb(238, 180, 180)</td>
+    <td align="left">#EEB4B4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">snow3</td>
+    <td align="center" style="background-color:rgb(205, 201, 201)">snow3</td>
+    <td align="left">rgb(205, 201, 201)</td>
+    <td align="left">#CDC9C9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCoral</td>
+    <td align="center" style="background-color:rgb(240, 128, 128)">LightCoral</td>
+    <td align="left">rgb(240, 128, 128)</td>
+    <td align="left">#F08080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">IndianRed1</td>
+    <td align="center" style="background-color:rgb(255, 106, 106)">IndianRed1</td>
+    <td align="left">rgb(255, 106, 106)</td>
+    <td align="left">#FF6A6A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RosyBrown3</td>
+    <td align="center" style="background-color:rgb(205, 155, 155)">RosyBrown3</td>
+    <td align="left">rgb(205, 155, 155)</td>
+    <td align="left">#CD9B9B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">IndianRed2</td>
+    <td align="center" style="background-color:rgb(238, 99, 99)">IndianRed2</td>
+    <td align="left">rgb(238, 99,  99)</td>
+    <td align="left">#EE6363</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RosyBrown</td>
+    <td align="center" style="background-color:rgb(188, 143, 143)">RosyBrown</td>
+    <td align="left">rgb(188, 143, 143)</td>
+    <td align="left">#BC8F8F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">brown1</td>
+    <td align="center" style="background-color:rgb(255, 64, 64)">brown1</td>
+    <td align="left">rgb(255, 64,  64)</td>
+    <td align="left">#FF4040</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">firebrick1</td>
+    <td align="center" style="background-color:rgb(255, 48, 48)">firebrick1</td>
+    <td align="left">rgb(255, 48,  48)</td>
+    <td align="left">#FF3030</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">brown2</td>
+    <td align="center" style="background-color:rgb(238, 59, 59)">brown2</td>
+    <td align="left">rgb(238, 59,  59)</td>
+    <td align="left">#EE3B3B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">IndianRed</td>
+    <td align="center" style="background-color:rgb(205, 92, 92)">IndianRed</td>
+    <td align="left">rgb(205, 92,  92)</td>
+    <td align="left">#CD5C5C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">IndianRed3</td>
+    <td align="center" style="background-color:rgb(205, 85, 85)">IndianRed3</td>
+    <td align="left">rgb(205, 85,  85)</td>
+    <td align="left">#CD5555</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">firebrick2</td>
+    <td align="center" style="background-color:rgb(238, 44, 44)">firebrick2</td>
+    <td align="left">rgb(238, 44,  44)</td>
+    <td align="left">#EE2C2C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">snow4</td>
+    <td align="center" style="background-color:rgb(139, 137, 137)">snow4</td>
+    <td align="left">rgb(139, 137, 137)</td>
+    <td align="left">#8B8989</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">brown3</td>
+    <td align="center" style="background-color:rgb(205, 51, 51)">brown3</td>
+    <td align="left">rgb(205, 51,  51)</td>
+    <td align="left">#CD3333</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">red</td>
+    <td align="center" style="background-color:rgb(255, 0, 0)">red</td>
+    <td align="left">rgb(255,  0,   0)</td>
+    <td align="left">#FF0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">red1</td>
+    <td align="center" style="background-color:rgb(255, 0, 0)">red1</td>
+    <td align="left">rgb(255,  0,   0)</td>
+    <td align="left">#FF0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RosyBrown4</td>
+    <td align="center" style="background-color:rgb(139, 105, 105)">RosyBrown4</td>
+    <td align="left">rgb(139, 105, 105)</td>
+    <td align="left">#8B6969</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">firebrick3</td>
+    <td align="center" style="background-color:rgb(205, 38, 38)">firebrick3</td>
+    <td align="left">rgb(205, 38,  38)</td>
+    <td align="left">#CD2626</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">red2</td>
+    <td align="center" style="background-color:rgb(238, 0, 0)">red2</td>
+    <td align="left">rgb(238,  0,   0)</td>
+    <td align="left">#EE0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">firebrick</td>
+    <td align="center" style="background-color:rgb(178, 34, 34)">firebrick</td>
+    <td align="left">rgb(178, 34,  34)</td>
+    <td align="left">#B22222</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">brown</td>
+    <td align="center" style="background-color:rgb(165, 42, 42)">brown</td>
+    <td align="left">rgb(165, 42,  42)</td>
+    <td align="left">#A52A2A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">red3</td>
+    <td align="center" style="background-color:rgb(205, 0, 0)">red3</td>
+    <td align="left">rgb(205,  0,   0)</td>
+    <td align="left">#CD0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">IndianRed4</td>
+    <td align="center" style="background-color:rgb(139, 58, 58)">IndianRed4</td>
+    <td align="left">rgb(139, 58,  58)</td>
+    <td align="left">#8B3A3A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">brown4</td>
+    <td align="center" style="background-color:rgb(139, 35, 35)">brown4</td>
+    <td align="left">rgb(139, 35,  35)</td>
+    <td align="left">#8B2323</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">firebrick4</td>
+    <td align="center" style="background-color:rgb(139, 26, 26)">firebrick4</td>
+    <td align="left">rgb(139, 26,  26)</td>
+    <td align="left">#8B1A1A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkRed</td>
+    <td align="center" style="background-color:rgb(139, 0, 0)">DarkRed</td>
+    <td align="left">rgb(139,  0,   0)</td>
+    <td align="left">#8B0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">red4</td>
+    <td align="center" style="background-color:rgb(139, 0, 0)">red4</td>
+    <td align="left">rgb(139,  0,   0)</td>
+    <td align="left">#8B0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon</td>
+    <td align="center" style="background-color:rgb(128, 0, 0)">maroon</td>
+    <td align="left">rgb(128,  0,   0)</td>
+    <td align="left">#800000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightPink1</td>
+    <td align="center" style="background-color:rgb(255, 174, 185)">LightPink1</td>
+    <td align="left">rgb(255, 174, 185)</td>
+    <td align="left">#FFAEB9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightPink3</td>
+    <td align="center" style="background-color:rgb(205, 140, 149)">LightPink3</td>
+    <td align="left">rgb(205, 140, 149)</td>
+    <td align="left">#CD8C95</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightPink4</td>
+    <td align="center" style="background-color:rgb(139, 95, 101)">LightPink4</td>
+    <td align="left">rgb(139, 95, 101)</td>
+    <td align="left">#8B5F65</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightPink2</td>
+    <td align="center" style="background-color:rgb(238, 162, 173)">LightPink2</td>
+    <td align="left">rgb(238, 162, 173)</td>
+    <td align="left">#EEA2AD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightPink</td>
+    <td align="center" style="background-color:rgb(255, 182, 193)">LightPink</td>
+    <td align="left">rgb(255, 182, 193)</td>
+    <td align="left">#FFB6C1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">pink</td>
+    <td align="center" style="background-color:rgb(255, 192, 203)">pink</td>
+    <td align="left">rgb(255, 192, 203)</td>
+    <td align="left">#FFC0CB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">crimson</td>
+    <td align="center" style="background-color:rgb(220, 20, 60)">crimson</td>
+    <td align="left">rgb(220, 20,  60)</td>
+    <td align="left">#DC143C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">pink1</td>
+    <td align="center" style="background-color:rgb(255, 181, 197)">pink1</td>
+    <td align="left">rgb(255, 181, 197)</td>
+    <td align="left">#FFB5C5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">pink2</td>
+    <td align="center" style="background-color:rgb(238, 169, 184)">pink2</td>
+    <td align="left">rgb(238, 169, 184)</td>
+    <td align="left">#EEA9B8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">pink3</td>
+    <td align="center" style="background-color:rgb(205, 145, 158)">pink3</td>
+    <td align="left">rgb(205, 145, 158)</td>
+    <td align="left">#CD919E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">pink4</td>
+    <td align="center" style="background-color:rgb(139, 99, 108)">pink4</td>
+    <td align="left">rgb(139, 99, 108)</td>
+    <td align="left">#8B636C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleVioletRed4</td>
+    <td align="center" style="background-color:rgb(139, 71, 93)">PaleVioletRed4</td>
+    <td align="left">rgb(139, 71,  93)</td>
+    <td align="left">#8B475D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleVioletRed</td>
+    <td align="center" style="background-color:rgb(219, 112, 147)">PaleVioletRed</td>
+    <td align="left">rgb(219, 112, 147)</td>
+    <td align="left">#DB7093</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleVioletRed2</td>
+    <td align="center" style="background-color:rgb(238, 121, 159)">PaleVioletRed2</td>
+    <td align="left">rgb(238, 121, 159)</td>
+    <td align="left">#EE799F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleVioletRed1</td>
+    <td align="center" style="background-color:rgb(255, 130, 171)">PaleVioletRed1</td>
+    <td align="left">rgb(255, 130, 171)</td>
+    <td align="left">#FF82AB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleVioletRed3</td>
+    <td align="center" style="background-color:rgb(205, 104, 137)">PaleVioletRed3</td>
+    <td align="left">rgb(205, 104, 137)</td>
+    <td align="left">#CD6889</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LavenderBlush</td>
+    <td align="center" style="background-color:rgb(255, 240, 245)">LavenderBlush</td>
+    <td align="left">rgb(255, 240, 245)</td>
+    <td align="left">#FFF0F5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LavenderBlush1</td>
+    <td align="center" style="background-color:rgb(255, 240, 245)">LavenderBlush1</td>
+    <td align="left">rgb(255, 240, 245)</td>
+    <td align="left">#FFF0F5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LavenderBlush3</td>
+    <td align="center" style="background-color:rgb(205, 193, 197)">LavenderBlush3</td>
+    <td align="left">rgb(205, 193, 197)</td>
+    <td align="left">#CDC1C5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LavenderBlush2</td>
+    <td align="center" style="background-color:rgb(238, 224, 229)">LavenderBlush2</td>
+    <td align="left">rgb(238, 224, 229)</td>
+    <td align="left">#EEE0E5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LavenderBlush4</td>
+    <td align="center" style="background-color:rgb(139, 131, 134)">LavenderBlush4</td>
+    <td align="left">rgb(139, 131, 134)</td>
+    <td align="left">#8B8386</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon</td>
+    <td align="center" style="background-color:rgb(176, 48, 96)">maroon</td>
+    <td align="left">rgb(176, 48,  96)</td>
+    <td align="left">#B03060</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">HotPink3</td>
+    <td align="center" style="background-color:rgb(205, 96, 144)">HotPink3</td>
+    <td align="left">rgb(205, 96, 144)</td>
+    <td align="left">#CD6090</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">VioletRed3</td>
+    <td align="center" style="background-color:rgb(205, 50, 120)">VioletRed3</td>
+    <td align="left">rgb(205, 50, 120)</td>
+    <td align="left">#CD3278</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">VioletRed1</td>
+    <td align="center" style="background-color:rgb(255, 62, 150)">VioletRed1</td>
+    <td align="left">rgb(255, 62, 150)</td>
+    <td align="left">#FF3E96</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">VioletRed2</td>
+    <td align="center" style="background-color:rgb(238, 58, 140)">VioletRed2</td>
+    <td align="left">rgb(238, 58, 140)</td>
+    <td align="left">#EE3A8C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">VioletRed4</td>
+    <td align="center" style="background-color:rgb(139, 34, 82)">VioletRed4</td>
+    <td align="left">rgb(139, 34,  82)</td>
+    <td align="left">#8B2252</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">HotPink2</td>
+    <td align="center" style="background-color:rgb(238, 106, 167)">HotPink2</td>
+    <td align="left">rgb(238, 106, 167)</td>
+    <td align="left">#EE6AA7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">HotPink1</td>
+    <td align="center" style="background-color:rgb(255, 110, 180)">HotPink1</td>
+    <td align="left">rgb(255, 110, 180)</td>
+    <td align="left">#FF6EB4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">HotPink4</td>
+    <td align="center" style="background-color:rgb(139, 58, 98)">HotPink4</td>
+    <td align="left">rgb(139, 58,  98)</td>
+    <td align="left">#8B3A62</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">HotPink</td>
+    <td align="center" style="background-color:rgb(255, 105, 180)">HotPink</td>
+    <td align="left">rgb(255, 105, 180)</td>
+    <td align="left">#FF69B4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepPink</td>
+    <td align="center" style="background-color:rgb(255, 20, 147)">DeepPink</td>
+    <td align="left">rgb(255, 20, 147)</td>
+    <td align="left">#FF1493</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepPink1</td>
+    <td align="center" style="background-color:rgb(255, 20, 147)">DeepPink1</td>
+    <td align="left">rgb(255, 20, 147)</td>
+    <td align="left">#FF1493</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepPink2</td>
+    <td align="center" style="background-color:rgb(238, 18, 137)">DeepPink2</td>
+    <td align="left">rgb(238, 18, 137)</td>
+    <td align="left">#EE1289</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepPink3</td>
+    <td align="center" style="background-color:rgb(205, 16, 118)">DeepPink3</td>
+    <td align="left">rgb(205, 16, 118)</td>
+    <td align="left">#CD1076</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepPink4</td>
+    <td align="center" style="background-color:rgb(139, 10, 80)">DeepPink4</td>
+    <td align="left">rgb(139, 10,  80)</td>
+    <td align="left">#8B0A50</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon1</td>
+    <td align="center" style="background-color:rgb(255, 52, 179)">maroon1</td>
+    <td align="left">rgb(255, 52, 179)</td>
+    <td align="left">#FF34B3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon2</td>
+    <td align="center" style="background-color:rgb(238, 48, 167)">maroon2</td>
+    <td align="left">rgb(238, 48, 167)</td>
+    <td align="left">#EE30A7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon3</td>
+    <td align="center" style="background-color:rgb(205, 41, 144)">maroon3</td>
+    <td align="left">rgb(205, 41, 144)</td>
+    <td align="left">#CD2990</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon4</td>
+    <td align="center" style="background-color:rgb(139, 28, 98)">maroon4</td>
+    <td align="left">rgb(139, 28,  98)</td>
+    <td align="left">#8B1C62</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumVioletRed</td>
+    <td align="center" style="background-color:rgb(199, 21, 133)">MediumVioletRed</td>
+    <td align="left">rgb(199, 21, 133)</td>
+    <td align="left">#C71585</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">VioletRed</td>
+    <td align="center" style="background-color:rgb(208, 32, 144)">VioletRed</td>
+    <td align="left">rgb(208, 32, 144)</td>
+    <td align="left">#D02090</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orchid2</td>
+    <td align="center" style="background-color:rgb(238, 122, 233)">orchid2</td>
+    <td align="left">rgb(238, 122, 233)</td>
+    <td align="left">#EE7AE9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orchid</td>
+    <td align="center" style="background-color:rgb(218, 112, 214)">orchid</td>
+    <td align="left">rgb(218, 112, 214)</td>
+    <td align="left">#DA70D6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orchid1</td>
+    <td align="center" style="background-color:rgb(255, 131, 250)">orchid1</td>
+    <td align="left">rgb(255, 131, 250)</td>
+    <td align="left">#FF83FA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orchid3</td>
+    <td align="center" style="background-color:rgb(205, 105, 201)">orchid3</td>
+    <td align="left">rgb(205, 105, 201)</td>
+    <td align="left">#CD69C9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orchid4</td>
+    <td align="center" style="background-color:rgb(139, 71, 137)">orchid4</td>
+    <td align="left">rgb(139, 71, 137)</td>
+    <td align="left">#8B4789</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">thistle1</td>
+    <td align="center" style="background-color:rgb(255, 225, 255)">thistle1</td>
+    <td align="left">rgb(255, 225, 255)</td>
+    <td align="left">#FFE1FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">thistle2</td>
+    <td align="center" style="background-color:rgb(238, 210, 238)">thistle2</td>
+    <td align="left">rgb(238, 210, 238)</td>
+    <td align="left">#EED2EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">plum1</td>
+    <td align="center" style="background-color:rgb(255, 187, 255)">plum1</td>
+    <td align="left">rgb(255, 187, 255)</td>
+    <td align="left">#FFBBFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">plum2</td>
+    <td align="center" style="background-color:rgb(238, 174, 238)">plum2</td>
+    <td align="left">rgb(238, 174, 238)</td>
+    <td align="left">#EEAEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">thistle</td>
+    <td align="center" style="background-color:rgb(216, 191, 216)">thistle</td>
+    <td align="left">rgb(216, 191, 216)</td>
+    <td align="left">#D8BFD8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">thistle3</td>
+    <td align="center" style="background-color:rgb(205, 181, 205)">thistle3</td>
+    <td align="left">rgb(205, 181, 205)</td>
+    <td align="left">#CDB5CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">plum</td>
+    <td align="center" style="background-color:rgb(221, 160, 221)">plum</td>
+    <td align="left">rgb(221, 160, 221)</td>
+    <td align="left">#DDA0DD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">violet</td>
+    <td align="center" style="background-color:rgb(238, 130, 238)">violet</td>
+    <td align="left">rgb(238, 130, 238)</td>
+    <td align="left">#EE82EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">plum3</td>
+    <td align="center" style="background-color:rgb(205, 150, 205)">plum3</td>
+    <td align="left">rgb(205, 150, 205)</td>
+    <td align="left">#CD96CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">thistle4</td>
+    <td align="center" style="background-color:rgb(139, 123, 139)">thistle4</td>
+    <td align="left">rgb(139, 123, 139)</td>
+    <td align="left">#8B7B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">fuchsia</td>
+    <td align="center" style="background-color:rgb(255, 0, 255)">fuchsia</td>
+    <td align="left">rgb(255,  0, 255)</td>
+    <td align="left">#FF00FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">magenta</td>
+    <td align="center" style="background-color:rgb(255, 0, 255)">magenta</td>
+    <td align="left">rgb(255,  0, 255)</td>
+    <td align="left">#FF00FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">magenta1</td>
+    <td align="center" style="background-color:rgb(255, 0, 255)">magenta1</td>
+    <td align="left">rgb(255,  0, 255)</td>
+    <td align="left">#FF00FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">plum4</td>
+    <td align="center" style="background-color:rgb(139, 102, 139)">plum4</td>
+    <td align="left">rgb(139, 102, 139)</td>
+    <td align="left">#8B668B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">magenta2</td>
+    <td align="center" style="background-color:rgb(238, 0, 238)">magenta2</td>
+    <td align="left">rgb(238,  0, 238)</td>
+    <td align="left">#EE00EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">magenta3</td>
+    <td align="center" style="background-color:rgb(205, 0, 205)">magenta3</td>
+    <td align="left">rgb(205,  0, 205)</td>
+    <td align="left">#CD00CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkMagenta</td>
+    <td align="center" style="background-color:rgb(139, 0, 139)">DarkMagenta</td>
+    <td align="left">rgb(139,  0, 139)</td>
+    <td align="left">#8B008B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">magenta4</td>
+    <td align="center" style="background-color:rgb(139, 0, 139)">magenta4</td>
+    <td align="left">rgb(139,  0, 139)</td>
+    <td align="left">#8B008B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple</td>
+    <td align="center" style="background-color:rgb(128, 0, 128)">purple</td>
+    <td align="left">rgb(128,  0, 128)</td>
+    <td align="left">#800080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumOrchid</td>
+    <td align="center" style="background-color:rgb(186, 85, 211)">MediumOrchid</td>
+    <td align="left">rgb(186, 85, 211)</td>
+    <td align="left">#BA55D3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumOrchid1</td>
+    <td align="center" style="background-color:rgb(224, 102, 255)">MediumOrchid1</td>
+    <td align="left">rgb(224, 102, 255)</td>
+    <td align="left">#E066FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumOrchid2</td>
+    <td align="center" style="background-color:rgb(209, 95, 238)">MediumOrchid2</td>
+    <td align="left">rgb(209, 95, 238)</td>
+    <td align="left">#D15FEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumOrchid3</td>
+    <td align="center" style="background-color:rgb(180, 82, 205)">MediumOrchid3</td>
+    <td align="left">rgb(180, 82, 205)</td>
+    <td align="left">#B452CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumOrchid4</td>
+    <td align="center" style="background-color:rgb(122, 55, 139)">MediumOrchid4</td>
+    <td align="left">rgb(122, 55, 139)</td>
+    <td align="left">#7A378B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkViolet</td>
+    <td align="center" style="background-color:rgb(148, 0, 211)">DarkViolet</td>
+    <td align="left">rgb(148,  0, 211)</td>
+    <td align="left">#9400D3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrchid</td>
+    <td align="center" style="background-color:rgb(153, 50, 204)">DarkOrchid</td>
+    <td align="left">rgb(153, 50, 204)</td>
+    <td align="left">#9932CC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrchid1</td>
+    <td align="center" style="background-color:rgb(191, 62, 255)">DarkOrchid1</td>
+    <td align="left">rgb(191, 62, 255)</td>
+    <td align="left">#BF3EFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrchid3</td>
+    <td align="center" style="background-color:rgb(154, 50, 205)">DarkOrchid3</td>
+    <td align="left">rgb(154, 50, 205)</td>
+    <td align="left">#9A32CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrchid2</td>
+    <td align="center" style="background-color:rgb(178, 58, 238)">DarkOrchid2</td>
+    <td align="left">rgb(178, 58, 238)</td>
+    <td align="left">#B23AEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrchid4</td>
+    <td align="center" style="background-color:rgb(104, 34, 139)">DarkOrchid4</td>
+    <td align="left">rgb(104, 34, 139)</td>
+    <td align="left">#68228B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple</td>
+    <td align="center" style="background-color:rgb(160, 32, 240)">purple</td>
+    <td align="left">rgb(160, 32, 240)</td>
+    <td align="left">#A020F0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">indigo</td>
+    <td align="center" style="background-color:rgb( 75, 0, 130)">indigo</td>
+    <td align="left">rgb( 75,  0, 130)</td>
+    <td align="left">#4B0082</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">BlueViolet</td>
+    <td align="center" style="background-color:rgb(138, 43, 226)">BlueViolet</td>
+    <td align="left">rgb(138, 43, 226)</td>
+    <td align="left">#8A2BE2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple2</td>
+    <td align="center" style="background-color:rgb(145, 44, 238)">purple2</td>
+    <td align="left">rgb(145, 44, 238)</td>
+    <td align="left">#912CEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple3</td>
+    <td align="center" style="background-color:rgb(125, 38, 205)">purple3</td>
+    <td align="left">rgb(125, 38, 205)</td>
+    <td align="left">#7D26CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple4</td>
+    <td align="center" style="background-color:rgb( 85, 26, 139)">purple4</td>
+    <td align="left">rgb( 85, 26, 139)</td>
+    <td align="left">#551A8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple1</td>
+    <td align="center" style="background-color:rgb(155, 48, 255)">purple1</td>
+    <td align="left">rgb(155, 48, 255)</td>
+    <td align="left">#9B30FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumPurple</td>
+    <td align="center" style="background-color:rgb(147, 112, 219)">MediumPurple</td>
+    <td align="left">rgb(147, 112, 219)</td>
+    <td align="left">#9370DB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumPurple1</td>
+    <td align="center" style="background-color:rgb(171, 130, 255)">MediumPurple1</td>
+    <td align="left">rgb(171, 130, 255)</td>
+    <td align="left">#AB82FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumPurple2</td>
+    <td align="center" style="background-color:rgb(159, 121, 238)">MediumPurple2</td>
+    <td align="left">rgb(159, 121, 238)</td>
+    <td align="left">#9F79EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumPurple3</td>
+    <td align="center" style="background-color:rgb(137, 104, 205)">MediumPurple3</td>
+    <td align="left">rgb(137, 104, 205)</td>
+    <td align="left">#8968CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumPurple4</td>
+    <td align="center" style="background-color:rgb( 93, 71, 139)">MediumPurple4</td>
+    <td align="left">rgb( 93, 71, 139)</td>
+    <td align="left">#5D478B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateBlue</td>
+    <td align="center" style="background-color:rgb( 72, 61, 139)">DarkSlateBlue</td>
+    <td align="left">rgb( 72, 61, 139)</td>
+    <td align="left">#483D8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSlateBlue</td>
+    <td align="center" style="background-color:rgb(132, 112, 255)">LightSlateBlue</td>
+    <td align="left">rgb(132, 112, 255)</td>
+    <td align="left">#8470FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumSlateBlue</td>
+    <td align="center" style="background-color:rgb(123, 104, 238)">MediumSlateBlue</td>
+    <td align="left">rgb(123, 104, 238)</td>
+    <td align="left">#7B68EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateBlue</td>
+    <td align="center" style="background-color:rgb(106, 90, 205)">SlateBlue</td>
+    <td align="left">rgb(106, 90, 205)</td>
+    <td align="left">#6A5ACD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateBlue1</td>
+    <td align="center" style="background-color:rgb(131, 111, 255)">SlateBlue1</td>
+    <td align="left">rgb(131, 111, 255)</td>
+    <td align="left">#836FFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateBlue2</td>
+    <td align="center" style="background-color:rgb(122, 103, 238)">SlateBlue2</td>
+    <td align="left">rgb(122, 103, 238)</td>
+    <td align="left">#7A67EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateBlue3</td>
+    <td align="center" style="background-color:rgb(105, 89, 205)">SlateBlue3</td>
+    <td align="left">rgb(105, 89, 205)</td>
+    <td align="left">#6959CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateBlue4</td>
+    <td align="center" style="background-color:rgb( 71, 60, 139)">SlateBlue4</td>
+    <td align="left">rgb( 71, 60, 139)</td>
+    <td align="left">#473C8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">GhostWhite</td>
+    <td align="center" style="background-color:rgb(248, 248, 255)">GhostWhite</td>
+    <td align="left">rgb(248, 248, 255)</td>
+    <td align="left">#F8F8FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">lavender</td>
+    <td align="center" style="background-color:rgb(230, 230, 250)">lavender</td>
+    <td align="left">rgb(230, 230, 250)</td>
+    <td align="left">#E6E6FA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">blue</td>
+    <td align="center" style="background-color:rgb( 0, 0, 255)">blue</td>
+    <td align="left">rgb(  0,  0, 255)</td>
+    <td align="left">#0000FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">blue1</td>
+    <td align="center" style="background-color:rgb( 0, 0, 255)">blue1</td>
+    <td align="left">rgb(  0,  0, 255)</td>
+    <td align="left">#0000FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">blue2</td>
+    <td align="center" style="background-color:rgb( 0, 0, 238)">blue2</td>
+    <td align="left">rgb(  0,  0, 238)</td>
+    <td align="left">#0000EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">blue3</td>
+    <td align="center" style="background-color:rgb( 0, 0, 205)">blue3</td>
+    <td align="left">rgb(  0,  0, 205)</td>
+    <td align="left">#0000CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumBlue</td>
+    <td align="center" style="background-color:rgb( 0, 0, 205)">MediumBlue</td>
+    <td align="left">rgb(  0,  0, 205)</td>
+    <td align="left">#0000CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">blue4</td>
+    <td align="center" style="background-color:rgb( 0, 0, 139)">blue4</td>
+    <td align="left">rgb(  0,  0, 139)</td>
+    <td align="left">#00008B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkBlue</td>
+    <td align="center" style="background-color:rgb( 0, 0, 139)">DarkBlue</td>
+    <td align="left">rgb(  0,  0, 139)</td>
+    <td align="left">#00008B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MidnightBlue</td>
+    <td align="center" style="background-color:rgb( 25, 25, 112)">MidnightBlue</td>
+    <td align="left">rgb( 25, 25, 112)</td>
+    <td align="left">#191970</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">navy</td>
+    <td align="center" style="background-color:rgb( 0, 0, 128)">navy</td>
+    <td align="left">rgb(  0,  0, 128)</td>
+    <td align="left">#000080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavyBlue</td>
+    <td align="center" style="background-color:rgb( 0, 0, 128)">NavyBlue</td>
+    <td align="left">rgb(  0,  0, 128)</td>
+    <td align="left">#000080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RoyalBlue</td>
+    <td align="center" style="background-color:rgb( 65, 105, 225)">RoyalBlue</td>
+    <td align="left">rgb( 65, 105, 225)</td>
+    <td align="left">#4169E1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RoyalBlue1</td>
+    <td align="center" style="background-color:rgb( 72, 118, 255)">RoyalBlue1</td>
+    <td align="left">rgb( 72, 118, 255)</td>
+    <td align="left">#4876FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RoyalBlue2</td>
+    <td align="center" style="background-color:rgb( 67, 110, 238)">RoyalBlue2</td>
+    <td align="left">rgb( 67, 110, 238)</td>
+    <td align="left">#436EEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RoyalBlue3</td>
+    <td align="center" style="background-color:rgb( 58, 95, 205)">RoyalBlue3</td>
+    <td align="left">rgb( 58, 95, 205)</td>
+    <td align="left">#3A5FCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RoyalBlue4</td>
+    <td align="center" style="background-color:rgb( 39, 64, 139)">RoyalBlue4</td>
+    <td align="left">rgb( 39, 64, 139)</td>
+    <td align="left">#27408B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CornflowerBlue</td>
+    <td align="center" style="background-color:rgb(100, 149, 237)">CornflowerBlue</td>
+    <td align="left">rgb(100, 149, 237)</td>
+    <td align="left">#6495ED</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSteelBlue</td>
+    <td align="center" style="background-color:rgb(176, 196, 222)">LightSteelBlue</td>
+    <td align="left">rgb(176, 196, 222)</td>
+    <td align="left">#B0C4DE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSteelBlue1</td>
+    <td align="center" style="background-color:rgb(202, 225, 255)">LightSteelBlue1</td>
+    <td align="left">rgb(202, 225, 255)</td>
+    <td align="left">#CAE1FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSteelBlue2</td>
+    <td align="center" style="background-color:rgb(188, 210, 238)">LightSteelBlue2</td>
+    <td align="left">rgb(188, 210, 238)</td>
+    <td align="left">#BCD2EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSteelBlue3</td>
+    <td align="center" style="background-color:rgb(162, 181, 205)">LightSteelBlue3</td>
+    <td align="left">rgb(162, 181, 205)</td>
+    <td align="left">#A2B5CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSteelBlue4</td>
+    <td align="center" style="background-color:rgb(110, 123, 139)">LightSteelBlue4</td>
+    <td align="left">rgb(110, 123, 139)</td>
+    <td align="left">#6E7B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGray4</td>
+    <td align="center" style="background-color:rgb(108, 123, 139)">SlateGray4</td>
+    <td align="left">rgb(108, 123, 139)</td>
+    <td align="left">#6C7B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGray1</td>
+    <td align="center" style="background-color:rgb(198, 226, 255)">SlateGray1</td>
+    <td align="left">rgb(198, 226, 255)</td>
+    <td align="left">#C6E2FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGray2</td>
+    <td align="center" style="background-color:rgb(185, 211, 238)">SlateGray2</td>
+    <td align="left">rgb(185, 211, 238)</td>
+    <td align="left">#B9D3EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGray3</td>
+    <td align="center" style="background-color:rgb(159, 182, 205)">SlateGray3</td>
+    <td align="left">rgb(159, 182, 205)</td>
+    <td align="left">#9FB6CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSlateGray</td>
+    <td align="center" style="background-color:rgb(119, 136, 153)">LightSlateGray</td>
+    <td align="left">rgb(119, 136, 153)</td>
+    <td align="left">#778899</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSlateGrey</td>
+    <td align="center" style="background-color:rgb(119, 136, 153)">LightSlateGrey</td>
+    <td align="left">rgb(119, 136, 153)</td>
+    <td align="left">#778899</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGray</td>
+    <td align="center" style="background-color:rgb(112, 128, 144)">SlateGray</td>
+    <td align="left">rgb(112, 128, 144)</td>
+    <td align="left">#708090</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGrey</td>
+    <td align="center" style="background-color:rgb(112, 128, 144)">SlateGrey</td>
+    <td align="left">rgb(112, 128, 144)</td>
+    <td align="left">#708090</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DodgerBlue</td>
+    <td align="center" style="background-color:rgb( 30, 144, 255)">DodgerBlue</td>
+    <td align="left">rgb( 30, 144, 255)</td>
+    <td align="left">#1E90FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DodgerBlue1</td>
+    <td align="center" style="background-color:rgb( 30, 144, 255)">DodgerBlue1</td>
+    <td align="left">rgb( 30, 144, 255)</td>
+    <td align="left">#1E90FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DodgerBlue2</td>
+    <td align="center" style="background-color:rgb( 28, 134, 238)">DodgerBlue2</td>
+    <td align="left">rgb( 28, 134, 238)</td>
+    <td align="left">#1C86EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DodgerBlue4</td>
+    <td align="center" style="background-color:rgb( 16, 78, 139)">DodgerBlue4</td>
+    <td align="left">rgb( 16, 78, 139)</td>
+    <td align="left">#104E8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DodgerBlue3</td>
+    <td align="center" style="background-color:rgb( 24, 116, 205)">DodgerBlue3</td>
+    <td align="left">rgb( 24, 116, 205)</td>
+    <td align="left">#1874CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AliceBlue</td>
+    <td align="center" style="background-color:rgb(240, 248, 255)">AliceBlue</td>
+    <td align="left">rgb(240, 248, 255)</td>
+    <td align="left">#F0F8FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SteelBlue4</td>
+    <td align="center" style="background-color:rgb( 54, 100, 139)">SteelBlue4</td>
+    <td align="left">rgb( 54, 100, 139)</td>
+    <td align="left">#36648B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SteelBlue</td>
+    <td align="center" style="background-color:rgb( 70, 130, 180)">SteelBlue</td>
+    <td align="left">rgb( 70, 130, 180)</td>
+    <td align="left">#4682B4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SteelBlue1</td>
+    <td align="center" style="background-color:rgb( 99, 184, 255)">SteelBlue1</td>
+    <td align="left">rgb( 99, 184, 255)</td>
+    <td align="left">#63B8FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SteelBlue2</td>
+    <td align="center" style="background-color:rgb( 92, 172, 238)">SteelBlue2</td>
+    <td align="left">rgb( 92, 172, 238)</td>
+    <td align="left">#5CACEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SteelBlue3</td>
+    <td align="center" style="background-color:rgb( 79, 148, 205)">SteelBlue3</td>
+    <td align="left">rgb( 79, 148, 205)</td>
+    <td align="left">#4F94CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SkyBlue4</td>
+    <td align="center" style="background-color:rgb( 74, 112, 139)">SkyBlue4</td>
+    <td align="left">rgb( 74, 112, 139)</td>
+    <td align="left">#4A708B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SkyBlue1</td>
+    <td align="center" style="background-color:rgb(135, 206, 255)">SkyBlue1</td>
+    <td align="left">rgb(135, 206, 255)</td>
+    <td align="left">#87CEFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SkyBlue2</td>
+    <td align="center" style="background-color:rgb(126, 192, 238)">SkyBlue2</td>
+    <td align="left">rgb(126, 192, 238)</td>
+    <td align="left">#7EC0EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SkyBlue3</td>
+    <td align="center" style="background-color:rgb(108, 166, 205)">SkyBlue3</td>
+    <td align="left">rgb(108, 166, 205)</td>
+    <td align="left">#6CA6CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSkyBlue</td>
+    <td align="center" style="background-color:rgb(135, 206, 250)">LightSkyBlue</td>
+    <td align="left">rgb(135, 206, 250)</td>
+    <td align="left">#87CEFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSkyBlue4</td>
+    <td align="center" style="background-color:rgb( 96, 123, 139)">LightSkyBlue4</td>
+    <td align="left">rgb( 96, 123, 139)</td>
+    <td align="left">#607B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSkyBlue1</td>
+    <td align="center" style="background-color:rgb(176, 226, 255)">LightSkyBlue1</td>
+    <td align="left">rgb(176, 226, 255)</td>
+    <td align="left">#B0E2FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSkyBlue2</td>
+    <td align="center" style="background-color:rgb(164, 211, 238)">LightSkyBlue2</td>
+    <td align="left">rgb(164, 211, 238)</td>
+    <td align="left">#A4D3EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSkyBlue3</td>
+    <td align="center" style="background-color:rgb(141, 182, 205)">LightSkyBlue3</td>
+    <td align="left">rgb(141, 182, 205)</td>
+    <td align="left">#8DB6CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SkyBlue</td>
+    <td align="center" style="background-color:rgb(135, 206, 235)">SkyBlue</td>
+    <td align="left">rgb(135, 206, 235)</td>
+    <td align="left">#87CEEB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightBlue3</td>
+    <td align="center" style="background-color:rgb(154, 192, 205)">LightBlue3</td>
+    <td align="left">rgb(154, 192, 205)</td>
+    <td align="left">#9AC0CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepSkyBlue</td>
+    <td align="center" style="background-color:rgb( 0, 191, 255)">DeepSkyBlue</td>
+    <td align="left">rgb(  0, 191, 255)</td>
+    <td align="left">#00BFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepSkyBlue1</td>
+    <td align="center" style="background-color:rgb( 0, 191, 255)">DeepSkyBlue1</td>
+    <td align="left">rgb(  0, 191, 255)</td>
+    <td align="left">#00BFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepSkyBlue2</td>
+    <td align="center" style="background-color:rgb( 0, 178, 238)">DeepSkyBlue2</td>
+    <td align="left">rgb(  0, 178, 238)</td>
+    <td align="left">#00B2EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepSkyBlue4</td>
+    <td align="center" style="background-color:rgb( 0, 104, 139)">DeepSkyBlue4</td>
+    <td align="left">rgb(  0, 104, 139)</td>
+    <td align="left">#00688B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepSkyBlue3</td>
+    <td align="center" style="background-color:rgb( 0, 154, 205)">DeepSkyBlue3</td>
+    <td align="left">rgb(  0, 154, 205)</td>
+    <td align="left">#009ACD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightBlue1</td>
+    <td align="center" style="background-color:rgb(191, 239, 255)">LightBlue1</td>
+    <td align="left">rgb(191, 239, 255)</td>
+    <td align="left">#BFEFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightBlue2</td>
+    <td align="center" style="background-color:rgb(178, 223, 238)">LightBlue2</td>
+    <td align="left">rgb(178, 223, 238)</td>
+    <td align="left">#B2DFEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightBlue</td>
+    <td align="center" style="background-color:rgb(173, 216, 230)">LightBlue</td>
+    <td align="left">rgb(173, 216, 230)</td>
+    <td align="left">#ADD8E6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightBlue4</td>
+    <td align="center" style="background-color:rgb(104, 131, 139)">LightBlue4</td>
+    <td align="left">rgb(104, 131, 139)</td>
+    <td align="left">#68838B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PowderBlue</td>
+    <td align="center" style="background-color:rgb(176, 224, 230)">PowderBlue</td>
+    <td align="left">rgb(176, 224, 230)</td>
+    <td align="left">#B0E0E6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CadetBlue1</td>
+    <td align="center" style="background-color:rgb(152, 245, 255)">CadetBlue1</td>
+    <td align="left">rgb(152, 245, 255)</td>
+    <td align="left">#98F5FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CadetBlue2</td>
+    <td align="center" style="background-color:rgb(142, 229, 238)">CadetBlue2</td>
+    <td align="left">rgb(142, 229, 238)</td>
+    <td align="left">#8EE5EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CadetBlue3</td>
+    <td align="center" style="background-color:rgb(122, 197, 205)">CadetBlue3</td>
+    <td align="left">rgb(122, 197, 205)</td>
+    <td align="left">#7AC5CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CadetBlue4</td>
+    <td align="center" style="background-color:rgb( 83, 134, 139)">CadetBlue4</td>
+    <td align="left">rgb( 83, 134, 139)</td>
+    <td align="left">#53868B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">turquoise1</td>
+    <td align="center" style="background-color:rgb( 0, 245, 255)">turquoise1</td>
+    <td align="left">rgb(  0, 245, 255)</td>
+    <td align="left">#00F5FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">turquoise2</td>
+    <td align="center" style="background-color:rgb( 0, 229, 238)">turquoise2</td>
+    <td align="left">rgb(  0, 229, 238)</td>
+    <td align="left">#00E5EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">turquoise3</td>
+    <td align="center" style="background-color:rgb( 0, 197, 205)">turquoise3</td>
+    <td align="left">rgb(  0, 197, 205)</td>
+    <td align="left">#00C5CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">turquoise4</td>
+    <td align="center" style="background-color:rgb( 0, 134, 139)">turquoise4</td>
+    <td align="left">rgb(  0, 134, 139)</td>
+    <td align="left">#00868B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cadet blue</td>
+    <td align="center" style="background-color:rgb( 95, 158, 160)">cadet blue</td>
+    <td align="left">rgb( 95, 158, 160)</td>
+    <td align="left">#5F9EA0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CadetBlue</td>
+    <td align="center" style="background-color:rgb( 95, 158, 160)">CadetBlue</td>
+    <td align="left">rgb( 95, 158, 160)</td>
+    <td align="left">#5F9EA0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkTurquoise</td>
+    <td align="center" style="background-color:rgb( 0, 206, 209)">DarkTurquoise</td>
+    <td align="left">rgb(  0, 206, 209)</td>
+    <td align="left">#00CED1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">azure</td>
+    <td align="center" style="background-color:rgb(240, 255, 255)">azure</td>
+    <td align="left">rgb(240, 255, 255)</td>
+    <td align="left">#F0FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">azure1</td>
+    <td align="center" style="background-color:rgb(240, 255, 255)">azure1</td>
+    <td align="left">rgb(240, 255, 255)</td>
+    <td align="left">#F0FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCyan</td>
+    <td align="center" style="background-color:rgb(224, 255, 255)">LightCyan</td>
+    <td align="left">rgb(224, 255, 255)</td>
+    <td align="left">#E0FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCyan1</td>
+    <td align="center" style="background-color:rgb(224, 255, 255)">LightCyan1</td>
+    <td align="left">rgb(224, 255, 255)</td>
+    <td align="left">#E0FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">azure2</td>
+    <td align="center" style="background-color:rgb(224, 238, 238)">azure2</td>
+    <td align="left">rgb(224, 238, 238)</td>
+    <td align="left">#E0EEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCyan2</td>
+    <td align="center" style="background-color:rgb(209, 238, 238)">LightCyan2</td>
+    <td align="left">rgb(209, 238, 238)</td>
+    <td align="left">#D1EEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleTurquoise1</td>
+    <td align="center" style="background-color:rgb(187, 255, 255)">PaleTurquoise1</td>
+    <td align="left">rgb(187, 255, 255)</td>
+    <td align="left">#BBFFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleTurquoise</td>
+    <td align="center" style="background-color:rgb(175, 238, 238)">PaleTurquoise</td>
+    <td align="left">rgb(175, 238, 238)</td>
+    <td align="left">#AFEEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleTurquoise2</td>
+    <td align="center" style="background-color:rgb(174, 238, 238)">PaleTurquoise2</td>
+    <td align="left">rgb(174, 238, 238)</td>
+    <td align="left">#AEEEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGray1</td>
+    <td align="center" style="background-color:rgb(151, 255, 255)">DarkSlateGray1</td>
+    <td align="left">rgb(151, 255, 255)</td>
+    <td align="left">#97FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">azure3</td>
+    <td align="center" style="background-color:rgb(193, 205, 205)">azure3</td>
+    <td align="left">rgb(193, 205, 205)</td>
+    <td align="left">#C1CDCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCyan3</td>
+    <td align="center" style="background-color:rgb(180, 205, 205)">LightCyan3</td>
+    <td align="left">rgb(180, 205, 205)</td>
+    <td align="left">#B4CDCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGray2</td>
+    <td align="center" style="background-color:rgb(141, 238, 238)">DarkSlateGray2</td>
+    <td align="left">rgb(141, 238, 238)</td>
+    <td align="left">#8DEEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleTurquoise3</td>
+    <td align="center" style="background-color:rgb(150, 205, 205)">PaleTurquoise3</td>
+    <td align="left">rgb(150, 205, 205)</td>
+    <td align="left">#96CDCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGray3</td>
+    <td align="center" style="background-color:rgb(121, 205, 205)">DarkSlateGray3</td>
+    <td align="left">rgb(121, 205, 205)</td>
+    <td align="left">#79CDCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">azure4</td>
+    <td align="center" style="background-color:rgb(131, 139, 139)">azure4</td>
+    <td align="left">rgb(131, 139, 139)</td>
+    <td align="left">#838B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCyan4</td>
+    <td align="center" style="background-color:rgb(122, 139, 139)">LightCyan4</td>
+    <td align="left">rgb(122, 139, 139)</td>
+    <td align="left">#7A8B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aqua</td>
+    <td align="center" style="background-color:rgb( 0, 255, 255)">aqua</td>
+    <td align="left">rgb(  0, 255, 255)</td>
+    <td align="left">#00FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cyan</td>
+    <td align="center" style="background-color:rgb( 0, 255, 255)">cyan</td>
+    <td align="left">rgb(  0, 255, 255)</td>
+    <td align="left">#00FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cyan1</td>
+    <td align="center" style="background-color:rgb( 0, 255, 255)">cyan1</td>
+    <td align="left">rgb(  0, 255, 255)</td>
+    <td align="left">#00FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleTurquoise4</td>
+    <td align="center" style="background-color:rgb(102, 139, 139)">PaleTurquoise4</td>
+    <td align="left">rgb(102, 139, 139)</td>
+    <td align="left">#668B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cyan2</td>
+    <td align="center" style="background-color:rgb( 0, 238, 238)">cyan2</td>
+    <td align="left">rgb(  0, 238, 238)</td>
+    <td align="left">#00EEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGray4</td>
+    <td align="center" style="background-color:rgb( 82, 139, 139)">DarkSlateGray4</td>
+    <td align="left">rgb( 82, 139, 139)</td>
+    <td align="left">#528B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cyan3</td>
+    <td align="center" style="background-color:rgb( 0, 205, 205)">cyan3</td>
+    <td align="left">rgb(  0, 205, 205)</td>
+    <td align="left">#00CDCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cyan4</td>
+    <td align="center" style="background-color:rgb( 0, 139, 139)">cyan4</td>
+    <td align="left">rgb(  0, 139, 139)</td>
+    <td align="left">#008B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkCyan</td>
+    <td align="center" style="background-color:rgb( 0, 139, 139)">DarkCyan</td>
+    <td align="left">rgb(  0, 139, 139)</td>
+    <td align="left">#008B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">teal</td>
+    <td align="center" style="background-color:rgb( 0, 128, 128)">teal</td>
+    <td align="left">rgb(  0, 128, 128)</td>
+    <td align="left">#008080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGray</td>
+    <td align="center" style="background-color:rgb( 47, 79, 79)">DarkSlateGray</td>
+    <td align="left">rgb( 47, 79,  79)</td>
+    <td align="left">#2F4F4F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGrey</td>
+    <td align="center" style="background-color:rgb( 47, 79, 79)">DarkSlateGrey</td>
+    <td align="left">rgb( 47, 79,  79)</td>
+    <td align="left">#2F4F4F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumTurquoise</td>
+    <td align="center" style="background-color:rgb( 72, 209, 204)">MediumTurquoise</td>
+    <td align="left">rgb( 72, 209, 204)</td>
+    <td align="left">#48D1CC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSeaGreen</td>
+    <td align="center" style="background-color:rgb( 32, 178, 170)">LightSeaGreen</td>
+    <td align="left">rgb( 32, 178, 170)</td>
+    <td align="left">#20B2AA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">turquoise</td>
+    <td align="center" style="background-color:rgb( 64, 224, 208)">turquoise</td>
+    <td align="left">rgb( 64, 224, 208)</td>
+    <td align="left">#40E0D0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aquamarine4</td>
+    <td align="center" style="background-color:rgb( 69, 139, 116)">aquamarine4</td>
+    <td align="left">rgb( 69, 139, 116)</td>
+    <td align="left">#458B74</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aquamarine</td>
+    <td align="center" style="background-color:rgb(127, 255, 212)">aquamarine</td>
+    <td align="left">rgb(127, 255, 212)</td>
+    <td align="left">#7FFFD4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aquamarine1</td>
+    <td align="center" style="background-color:rgb(127, 255, 212)">aquamarine1</td>
+    <td align="left">rgb(127, 255, 212)</td>
+    <td align="left">#7FFFD4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aquamarine2</td>
+    <td align="center" style="background-color:rgb(118, 238, 198)">aquamarine2</td>
+    <td align="left">rgb(118, 238, 198)</td>
+    <td align="left">#76EEC6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aquamarine3</td>
+    <td align="center" style="background-color:rgb(102, 205, 170)">aquamarine3</td>
+    <td align="left">rgb(102, 205, 170)</td>
+    <td align="left">#66CDAA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumAquamarine</td>
+    <td align="center" style="background-color:rgb(102, 205, 170)">MediumAquamarine</td>
+    <td align="left">rgb(102, 205, 170)</td>
+    <td align="left">#66CDAA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumSpringGreen</td>
+    <td align="center" style="background-color:rgb( 0, 250, 154)">MediumSpringGreen</td>
+    <td align="left">rgb(  0, 250, 154)</td>
+    <td align="left">#00FA9A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MintCream</td>
+    <td align="center" style="background-color:rgb(245, 255, 250)">MintCream</td>
+    <td align="left">rgb(245, 255, 250)</td>
+    <td align="left">#F5FFFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SpringGreen</td>
+    <td align="center" style="background-color:rgb( 0, 255, 127)">SpringGreen</td>
+    <td align="left">rgb(  0, 255, 127)</td>
+    <td align="left">#00FF7F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SpringGreen1</td>
+    <td align="center" style="background-color:rgb( 0, 255, 127)">SpringGreen1</td>
+    <td align="left">rgb(  0, 255, 127)</td>
+    <td align="left">#00FF7F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SpringGreen2</td>
+    <td align="center" style="background-color:rgb( 0, 238, 118)">SpringGreen2</td>
+    <td align="left">rgb(  0, 238, 118)</td>
+    <td align="left">#00EE76</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SpringGreen3</td>
+    <td align="center" style="background-color:rgb( 0, 205, 102)">SpringGreen3</td>
+    <td align="left">rgb(  0, 205, 102)</td>
+    <td align="left">#00CD66</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SpringGreen4</td>
+    <td align="center" style="background-color:rgb( 0, 139, 69)">SpringGreen4</td>
+    <td align="left">rgb(  0, 139, 69)</td>
+    <td align="left">#008B45</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumSeaGreen</td>
+    <td align="center" style="background-color:rgb( 60, 179, 113)">MediumSeaGreen</td>
+    <td align="left">rgb( 60, 179, 113)</td>
+    <td align="left">#3CB371</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SeaGreen</td>
+    <td align="center" style="background-color:rgb( 46, 139, 87)">SeaGreen</td>
+    <td align="left">rgb( 46, 139, 87)</td>
+    <td align="left">#2E8B57</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SeaGreen3</td>
+    <td align="center" style="background-color:rgb( 67, 205, 128)">SeaGreen3</td>
+    <td align="left">rgb( 67, 205, 128)</td>
+    <td align="left">#43CD80</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SeaGreen1</td>
+    <td align="center" style="background-color:rgb( 84, 255, 159)">SeaGreen1</td>
+    <td align="left">rgb( 84, 255, 159)</td>
+    <td align="left">#54FF9F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SeaGreen4</td>
+    <td align="center" style="background-color:rgb( 46, 139, 87)">SeaGreen4</td>
+    <td align="left">rgb( 46, 139, 87)</td>
+    <td align="left">#2E8B57</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SeaGreen2</td>
+    <td align="center" style="background-color:rgb( 78, 238, 148)">SeaGreen2</td>
+    <td align="left">rgb( 78, 238, 148)</td>
+    <td align="left">#4EEE94</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumForestGreen</td>
+    <td align="center" style="background-color:rgb( 50, 129, 75)">MediumForestGreen</td>
+    <td align="left">rgb( 50, 129, 75)</td>
+    <td align="left">#32814B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">honeydew</td>
+    <td align="center" style="background-color:rgb(240, 255, 240)">honeydew</td>
+    <td align="left">rgb(240, 255, 240)</td>
+    <td align="left">#F0FFF0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">honeydew1</td>
+    <td align="center" style="background-color:rgb(240, 255, 240)">honeydew1</td>
+    <td align="left">rgb(240, 255, 240)</td>
+    <td align="left">#F0FFF0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">honeydew2</td>
+    <td align="center" style="background-color:rgb(224, 238, 224)">honeydew2</td>
+    <td align="left">rgb(224, 238, 224)</td>
+    <td align="left">#E0EEE0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSeaGreen1</td>
+    <td align="center" style="background-color:rgb(193, 255, 193)">DarkSeaGreen1</td>
+    <td align="left">rgb(193, 255, 193)</td>
+    <td align="left">#C1FFC1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSeaGreen2</td>
+    <td align="center" style="background-color:rgb(180, 238, 180)">DarkSeaGreen2</td>
+    <td align="left">rgb(180, 238, 180)</td>
+    <td align="left">#B4EEB4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGreen1</td>
+    <td align="center" style="background-color:rgb(154, 255, 154)">PaleGreen1</td>
+    <td align="left">rgb(154, 255, 154)</td>
+    <td align="left">#9AFF9A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGreen</td>
+    <td align="center" style="background-color:rgb(152, 251, 152)">PaleGreen</td>
+    <td align="left">rgb(152, 251, 152)</td>
+    <td align="left">#98FB98</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">honeydew3</td>
+    <td align="center" style="background-color:rgb(193, 205, 193)">honeydew3</td>
+    <td align="left">rgb(193, 205, 193)</td>
+    <td align="left">#C1CDC1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGreen</td>
+    <td align="center" style="background-color:rgb(144, 238, 144)">LightGreen</td>
+    <td align="left">rgb(144, 238, 144)</td>
+    <td align="left">#90EE90</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGreen2</td>
+    <td align="center" style="background-color:rgb(144, 238, 144)">PaleGreen2</td>
+    <td align="left">rgb(144, 238, 144)</td>
+    <td align="left">#90EE90</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSeaGreen3</td>
+    <td align="center" style="background-color:rgb(155, 205, 155)">DarkSeaGreen3</td>
+    <td align="left">rgb(155, 205, 155)</td>
+    <td align="left">#9BCD9B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSeaGreen</td>
+    <td align="center" style="background-color:rgb(143, 188, 143)">DarkSeaGreen</td>
+    <td align="left">rgb(143, 188, 143)</td>
+    <td align="left">#8FBC8F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGreen3</td>
+    <td align="center" style="background-color:rgb(124, 205, 124)">PaleGreen3</td>
+    <td align="left">rgb(124, 205, 124)</td>
+    <td align="left">#7CCD7C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">honeydew4</td>
+    <td align="center" style="background-color:rgb(131, 139, 131)">honeydew4</td>
+    <td align="left">rgb(131, 139, 131)</td>
+    <td align="left">#838B83</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">green1</td>
+    <td align="center" style="background-color:rgb( 0, 255, 0)">green1</td>
+    <td align="left">rgb(  0, 255,  0)</td>
+    <td align="left">#00FF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">lime</td>
+    <td align="center" style="background-color:rgb( 0, 255, 0)">lime</td>
+    <td align="left">rgb(  0, 255,  0)</td>
+    <td align="left">#00FF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LimeGreen</td>
+    <td align="center" style="background-color:rgb( 50, 205, 50)">LimeGreen</td>
+    <td align="left">rgb( 50, 205, 50)</td>
+    <td align="left">#32CD32</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSeaGreen4</td>
+    <td align="center" style="background-color:rgb(105, 139, 105)">DarkSeaGreen4</td>
+    <td align="left">rgb(105, 139, 105)</td>
+    <td align="left">#698B69</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">green2</td>
+    <td align="center" style="background-color:rgb( 0, 238, 0)">green2</td>
+    <td align="left">rgb(  0, 238,  0)</td>
+    <td align="left">#00EE00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGreen4</td>
+    <td align="center" style="background-color:rgb( 84, 139, 84)">PaleGreen4</td>
+    <td align="left">rgb( 84, 139, 84)</td>
+    <td align="left">#548B54</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">green3</td>
+    <td align="center" style="background-color:rgb( 0, 205, 0)">green3</td>
+    <td align="left">rgb(  0, 205,  0)</td>
+    <td align="left">#00CD00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ForestGreen</td>
+    <td align="center" style="background-color:rgb( 34, 139, 34)">ForestGreen</td>
+    <td align="left">rgb( 34, 139, 34)</td>
+    <td align="left">#228B22</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">green4</td>
+    <td align="center" style="background-color:rgb( 0, 139, 0)">green4</td>
+    <td align="left">rgb(  0, 139,  0)</td>
+    <td align="left">#008B00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">green</td>
+    <td align="center" style="background-color:rgb( 0, 128, 0)">green</td>
+    <td align="left">rgb(  0, 128,  0)</td>
+    <td align="left">#008000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGreen</td>
+    <td align="center" style="background-color:rgb( 0, 100, 0)">DarkGreen</td>
+    <td align="left">rgb(  0, 100,  0)</td>
+    <td align="left">#006400</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LawnGreen</td>
+    <td align="center" style="background-color:rgb(124, 252, 0)">LawnGreen</td>
+    <td align="left">rgb(124, 252,  0)</td>
+    <td align="left">#7CFC00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chartreuse</td>
+    <td align="center" style="background-color:rgb(127, 255, 0)">chartreuse</td>
+    <td align="left">rgb(127, 255,  0)</td>
+    <td align="left">#7FFF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chartreuse1</td>
+    <td align="center" style="background-color:rgb(127, 255, 0)">chartreuse1</td>
+    <td align="left">rgb(127, 255,  0)</td>
+    <td align="left">#7FFF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chartreuse2</td>
+    <td align="center" style="background-color:rgb(118, 238, 0)">chartreuse2</td>
+    <td align="left">rgb(118, 238,  0)</td>
+    <td align="left">#76EE00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chartreuse3</td>
+    <td align="center" style="background-color:rgb(102, 205, 0)">chartreuse3</td>
+    <td align="left">rgb(102, 205,  0)</td>
+    <td align="left">#66CD00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chartreuse4</td>
+    <td align="center" style="background-color:rgb( 69, 139, 0)">chartreuse4</td>
+    <td align="left">rgb( 69, 139,  0)</td>
+    <td align="left">#458B00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">GreenYellow</td>
+    <td align="center" style="background-color:rgb(173, 255, 47)">GreenYellow</td>
+    <td align="left">rgb(173, 255, 47)</td>
+    <td align="left">#ADFF2F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOliveGreen3</td>
+    <td align="center" style="background-color:rgb(162, 205, 90)">DarkOliveGreen3</td>
+    <td align="left">rgb(162, 205, 90)</td>
+    <td align="left">#A2CD5A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOliveGreen1</td>
+    <td align="center" style="background-color:rgb(202, 255, 112)">DarkOliveGreen1</td>
+    <td align="left">rgb(202, 255, 112)</td>
+    <td align="left">#CAFF70</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOliveGreen2</td>
+    <td align="center" style="background-color:rgb(188, 238, 104)">DarkOliveGreen2</td>
+    <td align="left">rgb(188, 238, 104)</td>
+    <td align="left">#BCEE68</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOliveGreen4</td>
+    <td align="center" style="background-color:rgb(110, 139, 61)">DarkOliveGreen4</td>
+    <td align="left">rgb(110, 139, 61)</td>
+    <td align="left">#6E8B3D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOliveGreen</td>
+    <td align="center" style="background-color:rgb( 85, 107, 47)">DarkOliveGreen</td>
+    <td align="left">rgb( 85, 107, 47)</td>
+    <td align="left">#556B2F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OliveDrab</td>
+    <td align="center" style="background-color:rgb(107, 142, 35)">OliveDrab</td>
+    <td align="left">rgb(107, 142, 35)</td>
+    <td align="left">#6B8E23</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OliveDrab1</td>
+    <td align="center" style="background-color:rgb(192, 255, 62)">OliveDrab1</td>
+    <td align="left">rgb(192, 255, 62)</td>
+    <td align="left">#C0FF3E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OliveDrab2</td>
+    <td align="center" style="background-color:rgb(179, 238, 58)">OliveDrab2</td>
+    <td align="left">rgb(179, 238, 58)</td>
+    <td align="left">#B3EE3A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OliveDrab3</td>
+    <td align="center" style="background-color:rgb(154, 205, 50)">OliveDrab3</td>
+    <td align="left">rgb(154, 205, 50)</td>
+    <td align="left">#9ACD32</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">YellowGreen</td>
+    <td align="center" style="background-color:rgb(154, 205, 50)">YellowGreen</td>
+    <td align="left">rgb(154, 205, 50)</td>
+    <td align="left">#9ACD32</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OliveDrab4</td>
+    <td align="center" style="background-color:rgb(105, 139, 34)">OliveDrab4</td>
+    <td align="left">rgb(105, 139, 34)</td>
+    <td align="left">#698B22</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ivory</td>
+    <td align="center" style="background-color:rgb(255, 255, 240)">ivory</td>
+    <td align="left">rgb(255, 255, 240)</td>
+    <td align="left">#FFFFF0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ivory1</td>
+    <td align="center" style="background-color:rgb(255, 255, 240)">ivory1</td>
+    <td align="left">rgb(255, 255, 240)</td>
+    <td align="left">#FFFFF0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightYellow</td>
+    <td align="center" style="background-color:rgb(255, 255, 224)">LightYellow</td>
+    <td align="left">rgb(255, 255, 224)</td>
+    <td align="left">#FFFFE0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightYellow1</td>
+    <td align="center" style="background-color:rgb(255, 255, 224)">LightYellow1</td>
+    <td align="left">rgb(255, 255, 224)</td>
+    <td align="left">#FFFFE0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">beige</td>
+    <td align="center" style="background-color:rgb(245, 245, 220)">beige</td>
+    <td align="left">rgb(245, 245, 220)</td>
+    <td align="left">#F5F5DC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ivory2</td>
+    <td align="center" style="background-color:rgb(238, 238, 224)">ivory2</td>
+    <td align="left">rgb(238, 238, 224)</td>
+    <td align="left">#EEEEE0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrodYellow</td>
+    <td align="center" style="background-color:rgb(250, 250, 210)">LightGoldenrodYellow</td>
+    <td align="left">rgb(250, 250, 210)</td>
+    <td align="left">#FAFAD2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightYellow2</td>
+    <td align="center" style="background-color:rgb(238, 238, 209)">LightYellow2</td>
+    <td align="left">rgb(238, 238, 209)</td>
+    <td align="left">#EEEED1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ivory3</td>
+    <td align="center" style="background-color:rgb(205, 205, 193)">ivory3</td>
+    <td align="left">rgb(205, 205, 193)</td>
+    <td align="left">#CDCDC1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightYellow3</td>
+    <td align="center" style="background-color:rgb(205, 205, 180)">LightYellow3</td>
+    <td align="left">rgb(205, 205, 180)</td>
+    <td align="left">#CDCDB4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ivory4</td>
+    <td align="center" style="background-color:rgb(139, 139, 131)">ivory4</td>
+    <td align="left">rgb(139, 139, 131)</td>
+    <td align="left">#8B8B83</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightYellow4</td>
+    <td align="center" style="background-color:rgb(139, 139, 122)">LightYellow4</td>
+    <td align="left">rgb(139, 139, 122)</td>
+    <td align="left">#8B8B7A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">yellow</td>
+    <td align="center" style="background-color:rgb(255, 255, 0)">yellow</td>
+    <td align="left">rgb(255, 255,  0)</td>
+    <td align="left">#FFFF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">yellow1</td>
+    <td align="center" style="background-color:rgb(255, 255, 0)">yellow1</td>
+    <td align="left">rgb(255, 255,  0)</td>
+    <td align="left">#FFFF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">yellow2</td>
+    <td align="center" style="background-color:rgb(238, 238, 0)">yellow2</td>
+    <td align="left">rgb(238, 238,  0)</td>
+    <td align="left">#EEEE00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">yellow3</td>
+    <td align="center" style="background-color:rgb(205, 205, 0)">yellow3</td>
+    <td align="left">rgb(205, 205,  0)</td>
+    <td align="left">#CDCD00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">yellow4</td>
+    <td align="center" style="background-color:rgb(139, 139, 0)">yellow4</td>
+    <td align="left">rgb(139, 139,  0)</td>
+    <td align="left">#8B8B00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">olive</td>
+    <td align="center" style="background-color:rgb(128, 128, 0)">olive</td>
+    <td align="left">rgb(128, 128,  0)</td>
+    <td align="left">#808000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkKhaki</td>
+    <td align="center" style="background-color:rgb(189, 183, 107)">DarkKhaki</td>
+    <td align="left">rgb(189, 183, 107)</td>
+    <td align="left">#BDB76B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">khaki2</td>
+    <td align="center" style="background-color:rgb(238, 230, 133)">khaki2</td>
+    <td align="left">rgb(238, 230, 133)</td>
+    <td align="left">#EEE685</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LemonChiffon4</td>
+    <td align="center" style="background-color:rgb(139, 137, 112)">LemonChiffon4</td>
+    <td align="left">rgb(139, 137, 112)</td>
+    <td align="left">#8B8970</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">khaki1</td>
+    <td align="center" style="background-color:rgb(255, 246, 143)">khaki1</td>
+    <td align="left">rgb(255, 246, 143)</td>
+    <td align="left">#FFF68F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">khaki3</td>
+    <td align="center" style="background-color:rgb(205, 198, 115)">khaki3</td>
+    <td align="left">rgb(205, 198, 115)</td>
+    <td align="left">#CDC673</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">khaki4</td>
+    <td align="center" style="background-color:rgb(139, 134, 78)">khaki4</td>
+    <td align="left">rgb(139, 134, 78)</td>
+    <td align="left">#8B864E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGoldenrod</td>
+    <td align="center" style="background-color:rgb(238, 232, 170)">PaleGoldenrod</td>
+    <td align="left">rgb(238, 232, 170)</td>
+    <td align="left">#EEE8AA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LemonChiffon</td>
+    <td align="center" style="background-color:rgb(255, 250, 205)">LemonChiffon</td>
+    <td align="left">rgb(255, 250, 205)</td>
+    <td align="left">#FFFACD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LemonChiffon1</td>
+    <td align="center" style="background-color:rgb(255, 250, 205)">LemonChiffon1</td>
+    <td align="left">rgb(255, 250, 205)</td>
+    <td align="left">#FFFACD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">khaki</td>
+    <td align="center" style="background-color:rgb(240, 230, 140)">khaki</td>
+    <td align="left">rgb(240, 230, 140)</td>
+    <td align="left">#F0E68C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LemonChiffon3</td>
+    <td align="center" style="background-color:rgb(205, 201, 165)">LemonChiffon3</td>
+    <td align="left">rgb(205, 201, 165)</td>
+    <td align="left">#CDC9A5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LemonChiffon2</td>
+    <td align="center" style="background-color:rgb(238, 233, 191)">LemonChiffon2</td>
+    <td align="left">rgb(238, 233, 191)</td>
+    <td align="left">#EEE9BF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumGoldenRod</td>
+    <td align="center" style="background-color:rgb(209, 193, 102)">MediumGoldenRod</td>
+    <td align="left">rgb(209, 193, 102)</td>
+    <td align="left">#D1C166</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cornsilk4</td>
+    <td align="center" style="background-color:rgb(139, 136, 120)">cornsilk4</td>
+    <td align="left">rgb(139, 136, 120)</td>
+    <td align="left">#8B8878</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gold</td>
+    <td align="center" style="background-color:rgb(255, 215, 0)">gold</td>
+    <td align="left">rgb(255, 215,  0)</td>
+    <td align="left">#FFD700</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gold1</td>
+    <td align="center" style="background-color:rgb(255, 215, 0)">gold1</td>
+    <td align="left">rgb(255, 215,  0)</td>
+    <td align="left">#FFD700</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gold2</td>
+    <td align="center" style="background-color:rgb(238, 201, 0)">gold2</td>
+    <td align="left">rgb(238, 201,  0)</td>
+    <td align="left">#EEC900</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gold3</td>
+    <td align="center" style="background-color:rgb(205, 173, 0)">gold3</td>
+    <td align="left">rgb(205, 173,  0)</td>
+    <td align="left">#CDAD00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gold4</td>
+    <td align="center" style="background-color:rgb(139, 117, 0)">gold4</td>
+    <td align="left">rgb(139, 117,  0)</td>
+    <td align="left">#8B7500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrod</td>
+    <td align="center" style="background-color:rgb(238, 221, 130)">LightGoldenrod</td>
+    <td align="left">rgb(238, 221, 130)</td>
+    <td align="left">#EEDD82</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrod4</td>
+    <td align="center" style="background-color:rgb(139, 129, 76)">LightGoldenrod4</td>
+    <td align="left">rgb(139, 129, 76)</td>
+    <td align="left">#8B814C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrod1</td>
+    <td align="center" style="background-color:rgb(255, 236, 139)">LightGoldenrod1</td>
+    <td align="left">rgb(255, 236, 139)</td>
+    <td align="left">#FFEC8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrod3</td>
+    <td align="center" style="background-color:rgb(205, 190, 112)">LightGoldenrod3</td>
+    <td align="left">rgb(205, 190, 112)</td>
+    <td align="left">#CDBE70</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrod2</td>
+    <td align="center" style="background-color:rgb(238, 220, 130)">LightGoldenrod2</td>
+    <td align="left">rgb(238, 220, 130)</td>
+    <td align="left">#EEDC82</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cornsilk3</td>
+    <td align="center" style="background-color:rgb(205, 200, 177)">cornsilk3</td>
+    <td align="left">rgb(205, 200, 177)</td>
+    <td align="left">#CDC8B1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cornsilk2</td>
+    <td align="center" style="background-color:rgb(238, 232, 205)">cornsilk2</td>
+    <td align="left">rgb(238, 232, 205)</td>
+    <td align="left">#EEE8CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cornsilk</td>
+    <td align="center" style="background-color:rgb(255, 248, 220)">cornsilk</td>
+    <td align="left">rgb(255, 248, 220)</td>
+    <td align="left">#FFF8DC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cornsilk1</td>
+    <td align="center" style="background-color:rgb(255, 248, 220)">cornsilk1</td>
+    <td align="left">rgb(255, 248, 220)</td>
+    <td align="left">#FFF8DC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">goldenrod</td>
+    <td align="center" style="background-color:rgb(218, 165, 32)">goldenrod</td>
+    <td align="left">rgb(218, 165, 32)</td>
+    <td align="left">#DAA520</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">goldenrod1</td>
+    <td align="center" style="background-color:rgb(255, 193, 37)">goldenrod1</td>
+    <td align="left">rgb(255, 193, 37)</td>
+    <td align="left">#FFC125</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">goldenrod2</td>
+    <td align="center" style="background-color:rgb(238, 180, 34)">goldenrod2</td>
+    <td align="left">rgb(238, 180, 34)</td>
+    <td align="left">#EEB422</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">goldenrod3</td>
+    <td align="center" style="background-color:rgb(205, 155, 29)">goldenrod3</td>
+    <td align="left">rgb(205, 155, 29)</td>
+    <td align="left">#CD9B1D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">goldenrod4</td>
+    <td align="center" style="background-color:rgb(139, 105, 20)">goldenrod4</td>
+    <td align="left">rgb(139, 105, 20)</td>
+    <td align="left">#8B6914</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGoldenrod</td>
+    <td align="center" style="background-color:rgb(184, 134, 11)">DarkGoldenrod</td>
+    <td align="left">rgb(184, 134, 11)</td>
+    <td align="left">#B8860B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGoldenrod1</td>
+    <td align="center" style="background-color:rgb(255, 185, 15)">DarkGoldenrod1</td>
+    <td align="left">rgb(255, 185, 15)</td>
+    <td align="left">#FFB90F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGoldenrod2</td>
+    <td align="center" style="background-color:rgb(238, 173, 14)">DarkGoldenrod2</td>
+    <td align="left">rgb(238, 173, 14)</td>
+    <td align="left">#EEAD0E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGoldenrod3</td>
+    <td align="center" style="background-color:rgb(205, 149, 12)">DarkGoldenrod3</td>
+    <td align="left">rgb(205, 149, 12)</td>
+    <td align="left">#CD950C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGoldenrod4</td>
+    <td align="center" style="background-color:rgb(139, 101, 8)">DarkGoldenrod4</td>
+    <td align="left">rgb(139, 101,  8)</td>
+    <td align="left">#8B6508</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">FloralWhite</td>
+    <td align="center" style="background-color:rgb(255, 250, 240)">FloralWhite</td>
+    <td align="left">rgb(255, 250, 240)</td>
+    <td align="left">#FFFAF0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">wheat2</td>
+    <td align="center" style="background-color:rgb(238, 216, 174)">wheat2</td>
+    <td align="left">rgb(238, 216, 174)</td>
+    <td align="left">#EED8AE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OldLace</td>
+    <td align="center" style="background-color:rgb(253, 245, 230)">OldLace</td>
+    <td align="left">rgb(253, 245, 230)</td>
+    <td align="left">#FDF5E6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">wheat</td>
+    <td align="center" style="background-color:rgb(245, 222, 179)">wheat</td>
+    <td align="left">rgb(245, 222, 179)</td>
+    <td align="left">#F5DEB3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">wheat1</td>
+    <td align="center" style="background-color:rgb(255, 231, 186)">wheat1</td>
+    <td align="left">rgb(255, 231, 186)</td>
+    <td align="left">#FFE7BA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">wheat3</td>
+    <td align="center" style="background-color:rgb(205, 186, 150)">wheat3</td>
+    <td align="left">rgb(205, 186, 150)</td>
+    <td align="left">#CDBA96</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orange</td>
+    <td align="center" style="background-color:rgb(255, 165, 0)">orange</td>
+    <td align="left">rgb(255, 165,  0)</td>
+    <td align="left">#FFA500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orange1</td>
+    <td align="center" style="background-color:rgb(255, 165, 0)">orange1</td>
+    <td align="left">rgb(255, 165,  0)</td>
+    <td align="left">#FFA500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orange2</td>
+    <td align="center" style="background-color:rgb(238, 154, 0)">orange2</td>
+    <td align="left">rgb(238, 154,  0)</td>
+    <td align="left">#EE9A00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orange3</td>
+    <td align="center" style="background-color:rgb(205, 133, 0)">orange3</td>
+    <td align="left">rgb(205, 133,  0)</td>
+    <td align="left">#CD8500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orange4</td>
+    <td align="center" style="background-color:rgb(139, 90, 0)">orange4</td>
+    <td align="left">rgb(139, 90,   0)</td>
+    <td align="left">#8B5A00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">wheat4</td>
+    <td align="center" style="background-color:rgb(139, 126, 102)">wheat4</td>
+    <td align="left">rgb(139, 126, 102)</td>
+    <td align="left">#8B7E66</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">moccasin</td>
+    <td align="center" style="background-color:rgb(255, 228, 181)">moccasin</td>
+    <td align="left">rgb(255, 228, 181)</td>
+    <td align="left">#FFE4B5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PapayaWhip</td>
+    <td align="center" style="background-color:rgb(255, 239, 213)">PapayaWhip</td>
+    <td align="left">rgb(255, 239, 213)</td>
+    <td align="left">#FFEFD5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavajoWhite3</td>
+    <td align="center" style="background-color:rgb(205, 179, 139)">NavajoWhite3</td>
+    <td align="left">rgb(205, 179, 139)</td>
+    <td align="left">#CDB38B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">BlanchedAlmond</td>
+    <td align="center" style="background-color:rgb(255, 235, 205)">BlanchedAlmond</td>
+    <td align="left">rgb(255, 235, 205)</td>
+    <td align="left">#FFEBCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavajoWhite</td>
+    <td align="center" style="background-color:rgb(255, 222, 173)">NavajoWhite</td>
+    <td align="left">rgb(255, 222, 173)</td>
+    <td align="left">#FFDEAD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavajoWhite1</td>
+    <td align="center" style="background-color:rgb(255, 222, 173)">NavajoWhite1</td>
+    <td align="left">rgb(255, 222, 173)</td>
+    <td align="left">#FFDEAD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavajoWhite2</td>
+    <td align="center" style="background-color:rgb(238, 207, 161)">NavajoWhite2</td>
+    <td align="left">rgb(238, 207, 161)</td>
+    <td align="left">#EECFA1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavajoWhite4</td>
+    <td align="center" style="background-color:rgb(139, 121, 94)">NavajoWhite4</td>
+    <td align="left">rgb(139, 121, 94)</td>
+    <td align="left">#8B795E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AntiqueWhite4</td>
+    <td align="center" style="background-color:rgb(139, 131, 120)">AntiqueWhite4</td>
+    <td align="left">rgb(139, 131, 120)</td>
+    <td align="left">#8B8378</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AntiqueWhite</td>
+    <td align="center" style="background-color:rgb(250, 235, 215)">AntiqueWhite</td>
+    <td align="left">rgb(250, 235, 215)</td>
+    <td align="left">#FAEBD7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tan</td>
+    <td align="center" style="background-color:rgb(210, 180, 140)">tan</td>
+    <td align="left">rgb(210, 180, 140)</td>
+    <td align="left">#D2B48C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">bisque4</td>
+    <td align="center" style="background-color:rgb(139, 125, 107)">bisque4</td>
+    <td align="left">rgb(139, 125, 107)</td>
+    <td align="left">#8B7D6B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">burlywood</td>
+    <td align="center" style="background-color:rgb(222, 184, 135)">burlywood</td>
+    <td align="left">rgb(222, 184, 135)</td>
+    <td align="left">#DEB887</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AntiqueWhite2</td>
+    <td align="center" style="background-color:rgb(238, 223, 204)">AntiqueWhite2</td>
+    <td align="left">rgb(238, 223, 204)</td>
+    <td align="left">#EEDFCC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">burlywood1</td>
+    <td align="center" style="background-color:rgb(255, 211, 155)">burlywood1</td>
+    <td align="left">rgb(255, 211, 155)</td>
+    <td align="left">#FFD39B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">burlywood3</td>
+    <td align="center" style="background-color:rgb(205, 170, 125)">burlywood3</td>
+    <td align="left">rgb(205, 170, 125)</td>
+    <td align="left">#CDAA7D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">burlywood2</td>
+    <td align="center" style="background-color:rgb(238, 197, 145)">burlywood2</td>
+    <td align="left">rgb(238, 197, 145)</td>
+    <td align="left">#EEC591</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AntiqueWhite1</td>
+    <td align="center" style="background-color:rgb(255, 239, 219)">AntiqueWhite1</td>
+    <td align="left">rgb(255, 239, 219)</td>
+    <td align="left">#FFEFDB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">burlywood4</td>
+    <td align="center" style="background-color:rgb(139, 115, 85)">burlywood4</td>
+    <td align="left">rgb(139, 115, 85)</td>
+    <td align="left">#8B7355</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AntiqueWhite3</td>
+    <td align="center" style="background-color:rgb(205, 192, 176)">AntiqueWhite3</td>
+    <td align="left">rgb(205, 192, 176)</td>
+    <td align="left">#CDC0B0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrange</td>
+    <td align="center" style="background-color:rgb(255, 140, 0)">DarkOrange</td>
+    <td align="left">rgb(255, 140,  0)</td>
+    <td align="left">#FF8C00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">bisque2</td>
+    <td align="center" style="background-color:rgb(238, 213, 183)">bisque2</td>
+    <td align="left">rgb(238, 213, 183)</td>
+    <td align="left">#EED5B7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">bisque</td>
+    <td align="center" style="background-color:rgb(255, 228, 196)">bisque</td>
+    <td align="left">rgb(255, 228, 196)</td>
+    <td align="left">#FFE4C4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">bisque1</td>
+    <td align="center" style="background-color:rgb(255, 228, 196)">bisque1</td>
+    <td align="left">rgb(255, 228, 196)</td>
+    <td align="left">#FFE4C4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">bisque3</td>
+    <td align="center" style="background-color:rgb(205, 183, 158)">bisque3</td>
+    <td align="left">rgb(205, 183, 158)</td>
+    <td align="left">#CDB79E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrange1</td>
+    <td align="center" style="background-color:rgb(255, 127, 0)">DarkOrange1</td>
+    <td align="left">rgb(255, 127,  0)</td>
+    <td align="left">#FF7F00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">linen</td>
+    <td align="center" style="background-color:rgb(250, 240, 230)">linen</td>
+    <td align="left">rgb(250, 240, 230)</td>
+    <td align="left">#FAF0E6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrange2</td>
+    <td align="center" style="background-color:rgb(238, 118, 0)">DarkOrange2</td>
+    <td align="left">rgb(238, 118,  0)</td>
+    <td align="left">#EE7600</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrange3</td>
+    <td align="center" style="background-color:rgb(205, 102, 0)">DarkOrange3</td>
+    <td align="left">rgb(205, 102,  0)</td>
+    <td align="left">#CD6600</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrange4</td>
+    <td align="center" style="background-color:rgb(139, 69, 0)">DarkOrange4</td>
+    <td align="left">rgb(139, 69,   0)</td>
+    <td align="left">#8B4500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">peru</td>
+    <td align="center" style="background-color:rgb(205, 133, 63)">peru</td>
+    <td align="left">rgb(205, 133, 63)</td>
+    <td align="left">#CD853F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tan1</td>
+    <td align="center" style="background-color:rgb(255, 165, 79)">tan1</td>
+    <td align="left">rgb(255, 165, 79)</td>
+    <td align="left">#FFA54F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tan2</td>
+    <td align="center" style="background-color:rgb(238, 154, 73)">tan2</td>
+    <td align="left">rgb(238, 154, 73)</td>
+    <td align="left">#EE9A49</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tan3</td>
+    <td align="center" style="background-color:rgb(205, 133, 63)">tan3</td>
+    <td align="left">rgb(205, 133, 63)</td>
+    <td align="left">#CD853F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tan4</td>
+    <td align="center" style="background-color:rgb(139, 90, 43)">tan4</td>
+    <td align="left">rgb(139, 90,  43)</td>
+    <td align="left">#8B5A2B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PeachPuff</td>
+    <td align="center" style="background-color:rgb(255, 218, 185)">PeachPuff</td>
+    <td align="left">rgb(255, 218, 185)</td>
+    <td align="left">#FFDAB9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PeachPuff1</td>
+    <td align="center" style="background-color:rgb(255, 218, 185)">PeachPuff1</td>
+    <td align="left">rgb(255, 218, 185)</td>
+    <td align="left">#FFDAB9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PeachPuff4</td>
+    <td align="center" style="background-color:rgb(139, 119, 101)">PeachPuff4</td>
+    <td align="left">rgb(139, 119, 101)</td>
+    <td align="left">#8B7765</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PeachPuff2</td>
+    <td align="center" style="background-color:rgb(238, 203, 173)">PeachPuff2</td>
+    <td align="left">rgb(238, 203, 173)</td>
+    <td align="left">#EECBAD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PeachPuff3</td>
+    <td align="center" style="background-color:rgb(205, 175, 149)">PeachPuff3</td>
+    <td align="left">rgb(205, 175, 149)</td>
+    <td align="left">#CDAF95</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SandyBrown</td>
+    <td align="center" style="background-color:rgb(244, 164, 96)">SandyBrown</td>
+    <td align="left">rgb(244, 164, 96)</td>
+    <td align="left">#F4A460</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">seashell4</td>
+    <td align="center" style="background-color:rgb(139, 134, 130)">seashell4</td>
+    <td align="left">rgb(139, 134, 130)</td>
+    <td align="left">#8B8682</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">seashell2</td>
+    <td align="center" style="background-color:rgb(238, 229, 222)">seashell2</td>
+    <td align="left">rgb(238, 229, 222)</td>
+    <td align="left">#EEE5DE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">seashell3</td>
+    <td align="center" style="background-color:rgb(205, 197, 191)">seashell3</td>
+    <td align="left">rgb(205, 197, 191)</td>
+    <td align="left">#CDC5BF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chocolate</td>
+    <td align="center" style="background-color:rgb(210, 105, 30)">chocolate</td>
+    <td align="left">rgb(210, 105, 30)</td>
+    <td align="left">#D2691E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chocolate1</td>
+    <td align="center" style="background-color:rgb(255, 127, 36)">chocolate1</td>
+    <td align="left">rgb(255, 127, 36)</td>
+    <td align="left">#FF7F24</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chocolate2</td>
+    <td align="center" style="background-color:rgb(238, 118, 33)">chocolate2</td>
+    <td align="left">rgb(238, 118, 33)</td>
+    <td align="left">#EE7621</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chocolate3</td>
+    <td align="center" style="background-color:rgb(205, 102, 29)">chocolate3</td>
+    <td align="left">rgb(205, 102, 29)</td>
+    <td align="left">#CD661D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chocolate4</td>
+    <td align="center" style="background-color:rgb(139, 69, 19)">chocolate4</td>
+    <td align="left">rgb(139, 69,  19)</td>
+    <td align="left">#8B4513</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SaddleBrown</td>
+    <td align="center" style="background-color:rgb(139, 69, 19)">SaddleBrown</td>
+    <td align="left">rgb(139, 69,  19)</td>
+    <td align="left">#8B4513</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">seashell</td>
+    <td align="center" style="background-color:rgb(255, 245, 238)">seashell</td>
+    <td align="left">rgb(255, 245, 238)</td>
+    <td align="left">#FFF5EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">seashell1</td>
+    <td align="center" style="background-color:rgb(255, 245, 238)">seashell1</td>
+    <td align="left">rgb(255, 245, 238)</td>
+    <td align="left">#FFF5EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">sienna4</td>
+    <td align="center" style="background-color:rgb(139, 71, 38)">sienna4</td>
+    <td align="left">rgb(139, 71,  38)</td>
+    <td align="left">#8B4726</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">sienna</td>
+    <td align="center" style="background-color:rgb(160, 82, 45)">sienna</td>
+    <td align="left">rgb(160, 82,  45)</td>
+    <td align="left">#A0522D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">sienna1</td>
+    <td align="center" style="background-color:rgb(255, 130, 71)">sienna1</td>
+    <td align="left">rgb(255, 130, 71)</td>
+    <td align="left">#FF8247</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">sienna2</td>
+    <td align="center" style="background-color:rgb(238, 121, 66)">sienna2</td>
+    <td align="left">rgb(238, 121, 66)</td>
+    <td align="left">#EE7942</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">sienna3</td>
+    <td align="center" style="background-color:rgb(205, 104, 57)">sienna3</td>
+    <td align="left">rgb(205, 104, 57)</td>
+    <td align="left">#CD6839</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSalmon3</td>
+    <td align="center" style="background-color:rgb(205, 129, 98)">LightSalmon3</td>
+    <td align="left">rgb(205, 129, 98)</td>
+    <td align="left">#CD8162</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSalmon</td>
+    <td align="center" style="background-color:rgb(255, 160, 122)">LightSalmon</td>
+    <td align="left">rgb(255, 160, 122)</td>
+    <td align="left">#FFA07A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSalmon1</td>
+    <td align="center" style="background-color:rgb(255, 160, 122)">LightSalmon1</td>
+    <td align="left">rgb(255, 160, 122)</td>
+    <td align="left">#FFA07A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSalmon4</td>
+    <td align="center" style="background-color:rgb(139, 87, 66)">LightSalmon4</td>
+    <td align="left">rgb(139, 87,  66)</td>
+    <td align="left">#8B5742</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSalmon2</td>
+    <td align="center" style="background-color:rgb(238, 149, 114)">LightSalmon2</td>
+    <td align="left">rgb(238, 149, 114)</td>
+    <td align="left">#EE9572</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">coral</td>
+    <td align="center" style="background-color:rgb(255, 127, 80)">coral</td>
+    <td align="left">rgb(255, 127, 80)</td>
+    <td align="left">#FF7F50</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OrangeRed</td>
+    <td align="center" style="background-color:rgb(255, 69, 0)">OrangeRed</td>
+    <td align="left">rgb(255, 69,   0)</td>
+    <td align="left">#FF4500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OrangeRed1</td>
+    <td align="center" style="background-color:rgb(255, 69, 0)">OrangeRed1</td>
+    <td align="left">rgb(255, 69,   0)</td>
+    <td align="left">#FF4500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OrangeRed2</td>
+    <td align="center" style="background-color:rgb(238, 64, 0)">OrangeRed2</td>
+    <td align="left">rgb(238, 64,   0)</td>
+    <td align="left">#EE4000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OrangeRed3</td>
+    <td align="center" style="background-color:rgb(205, 55, 0)">OrangeRed3</td>
+    <td align="left">rgb(205, 55,   0)</td>
+    <td align="left">#CD3700</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OrangeRed4</td>
+    <td align="center" style="background-color:rgb(139, 37, 0)">OrangeRed4</td>
+    <td align="left">rgb(139, 37,   0)</td>
+    <td align="left">#8B2500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSalmon</td>
+    <td align="center" style="background-color:rgb(233, 150, 122)">DarkSalmon</td>
+    <td align="left">rgb(233, 150, 122)</td>
+    <td align="left">#E9967A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">salmon1</td>
+    <td align="center" style="background-color:rgb(255, 140, 105)">salmon1</td>
+    <td align="left">rgb(255, 140, 105)</td>
+    <td align="left">#FF8C69</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">salmon2</td>
+    <td align="center" style="background-color:rgb(238, 130, 98)">salmon2</td>
+    <td align="left">rgb(238, 130, 98)</td>
+    <td align="left">#EE8262</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">salmon3</td>
+    <td align="center" style="background-color:rgb(205, 112, 84)">salmon3</td>
+    <td align="left">rgb(205, 112, 84)</td>
+    <td align="left">#CD7054</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">salmon4</td>
+    <td align="center" style="background-color:rgb(139, 76, 57)">salmon4</td>
+    <td align="left">rgb(139, 76,  57)</td>
+    <td align="left">#8B4C39</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">coral1</td>
+    <td align="center" style="background-color:rgb(255, 114, 86)">coral1</td>
+    <td align="left">rgb(255, 114, 86)</td>
+    <td align="left">#FF7256</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">coral2</td>
+    <td align="center" style="background-color:rgb(238, 106, 80)">coral2</td>
+    <td align="left">rgb(238, 106, 80)</td>
+    <td align="left">#EE6A50</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">coral3</td>
+    <td align="center" style="background-color:rgb(205, 91, 69)">coral3</td>
+    <td align="left">rgb(205, 91,  69)</td>
+    <td align="left">#CD5B45</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">coral4</td>
+    <td align="center" style="background-color:rgb(139, 62, 47)">coral4</td>
+    <td align="left">rgb(139, 62,  47)</td>
+    <td align="left">#8B3E2F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tomato4</td>
+    <td align="center" style="background-color:rgb(139, 54, 38)">tomato4</td>
+    <td align="left">rgb(139, 54,  38)</td>
+    <td align="left">#8B3626</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tomato</td>
+    <td align="center" style="background-color:rgb(255, 99, 71)">tomato</td>
+    <td align="left">rgb(255, 99,  71)</td>
+    <td align="left">#FF6347</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tomato1</td>
+    <td align="center" style="background-color:rgb(255, 99, 71)">tomato1</td>
+    <td align="left">rgb(255, 99,  71)</td>
+    <td align="left">#FF6347</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tomato2</td>
+    <td align="center" style="background-color:rgb(238, 92, 66)">tomato2</td>
+    <td align="left">rgb(238, 92,  66)</td>
+    <td align="left">#EE5C42</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tomato3</td>
+    <td align="center" style="background-color:rgb(205, 79, 57)">tomato3</td>
+    <td align="left">rgb(205, 79,  57)</td>
+    <td align="left">#CD4F39</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MistyRose4</td>
+    <td align="center" style="background-color:rgb(139, 125, 123)">MistyRose4</td>
+    <td align="left">rgb(139, 125, 123)</td>
+    <td align="left">#8B7D7B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MistyRose2</td>
+    <td align="center" style="background-color:rgb(238, 213, 210)">MistyRose2</td>
+    <td align="left">rgb(238, 213, 210)</td>
+    <td align="left">#EED5D2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MistyRose</td>
+    <td align="center" style="background-color:rgb(255, 228, 225)">MistyRose</td>
+    <td align="left">rgb(255, 228, 225)</td>
+    <td align="left">#FFE4E1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MistyRose1</td>
+    <td align="center" style="background-color:rgb(255, 228, 225)">MistyRose1</td>
+    <td align="left">rgb(255, 228, 225)</td>
+    <td align="left">#FFE4E1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">salmon</td>
+    <td align="center" style="background-color:rgb(250, 128, 114)">salmon</td>
+    <td align="left">rgb(250, 128, 114)</td>
+    <td align="left">#FA8072</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MistyRose3</td>
+    <td align="center" style="background-color:rgb(205, 183, 181)">MistyRose3</td>
+    <td align="left">rgb(205, 183, 181)</td>
+    <td align="left">#CDB7B5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">white</td>
+    <td align="center" style="background-color:rgb(255, 255, 255)">white</td>
+    <td align="left">rgb(255, 255, 255)</td>
+    <td align="left">#FFFFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray100</td>
+    <td align="center" style="background-color:rgb(255, 255, 255)">gray100</td>
+    <td align="left">rgb(255, 255, 255)</td>
+    <td align="left">#FFFFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey100</td>
+    <td align="center" style="background-color:rgb(255, 255, 255)">grey100</td>
+    <td align="left">rgb(255, 255, 255)</td>
+    <td align="left">#FFFFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey100</td>
+    <td align="center" style="background-color:rgb(255, 255, 255)">grey100</td>
+    <td align="left">rgb(255, 255, 255)</td>
+    <td align="left">#FFFFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray99</td>
+    <td align="center" style="background-color:rgb(252, 252, 252)">gray99</td>
+    <td align="left">rgb(252, 252, 252)</td>
+    <td align="left">#FCFCFC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey99</td>
+    <td align="center" style="background-color:rgb(252, 252, 252)">grey99</td>
+    <td align="left">rgb(252, 252, 252)</td>
+    <td align="left">#FCFCFC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray98</td>
+    <td align="center" style="background-color:rgb(250, 250, 250)">gray98</td>
+    <td align="left">rgb(250, 250, 250)</td>
+    <td align="left">#FAFAFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey98</td>
+    <td align="center" style="background-color:rgb(250, 250, 250)">grey98</td>
+    <td align="left">rgb(250, 250, 250)</td>
+    <td align="left">#FAFAFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray97</td>
+    <td align="center" style="background-color:rgb(247, 247, 247)">gray97</td>
+    <td align="left">rgb(247, 247, 247)</td>
+    <td align="left">#F7F7F7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey97</td>
+    <td align="center" style="background-color:rgb(247, 247, 247)">grey97</td>
+    <td align="left">rgb(247, 247, 247)</td>
+    <td align="left">#F7F7F7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray96</td>
+    <td align="center" style="background-color:rgb(245, 245, 245)">gray96</td>
+    <td align="left">rgb(245, 245, 245)</td>
+    <td align="left">#F5F5F5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey96</td>
+    <td align="center" style="background-color:rgb(245, 245, 245)">grey96</td>
+    <td align="left">rgb(245, 245, 245)</td>
+    <td align="left">#F5F5F5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">WhiteSmoke</td>
+    <td align="center" style="background-color:rgb(245, 245, 245)">WhiteSmoke</td>
+    <td align="left">rgb(245, 245, 245)</td>
+    <td align="left">#F5F5F5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray95</td>
+    <td align="center" style="background-color:rgb(242, 242, 242)">gray95</td>
+    <td align="left">rgb(242, 242, 242)</td>
+    <td align="left">#F2F2F2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey95</td>
+    <td align="center" style="background-color:rgb(242, 242, 242)">grey95</td>
+    <td align="left">rgb(242, 242, 242)</td>
+    <td align="left">#F2F2F2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray94</td>
+    <td align="center" style="background-color:rgb(240, 240, 240)">gray94</td>
+    <td align="left">rgb(240, 240, 240)</td>
+    <td align="left">#F0F0F0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey94</td>
+    <td align="center" style="background-color:rgb(240, 240, 240)">grey94</td>
+    <td align="left">rgb(240, 240, 240)</td>
+    <td align="left">#F0F0F0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray93</td>
+    <td align="center" style="background-color:rgb(237, 237, 237)">gray93</td>
+    <td align="left">rgb(237, 237, 237)</td>
+    <td align="left">#EDEDED</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey93</td>
+    <td align="center" style="background-color:rgb(237, 237, 237)">grey93</td>
+    <td align="left">rgb(237, 237, 237)</td>
+    <td align="left">#EDEDED</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray92</td>
+    <td align="center" style="background-color:rgb(235, 235, 235)">gray92</td>
+    <td align="left">rgb(235, 235, 235)</td>
+    <td align="left">#EBEBEB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey92</td>
+    <td align="center" style="background-color:rgb(235, 235, 235)">grey92</td>
+    <td align="left">rgb(235, 235, 235)</td>
+    <td align="left">#EBEBEB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray91</td>
+    <td align="center" style="background-color:rgb(232, 232, 232)">gray91</td>
+    <td align="left">rgb(232, 232, 232)</td>
+    <td align="left">#E8E8E8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey91</td>
+    <td align="center" style="background-color:rgb(232, 232, 232)">grey91</td>
+    <td align="left">rgb(232, 232, 232)</td>
+    <td align="left">#E8E8E8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray90</td>
+    <td align="center" style="background-color:rgb(229, 229, 229)">gray90</td>
+    <td align="left">rgb(229, 229, 229)</td>
+    <td align="left">#E5E5E5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey90</td>
+    <td align="center" style="background-color:rgb(229, 229, 229)">grey90</td>
+    <td align="left">rgb(229, 229, 229)</td>
+    <td align="left">#E5E5E5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray89</td>
+    <td align="center" style="background-color:rgb(227, 227, 227)">gray89</td>
+    <td align="left">rgb(227, 227, 227)</td>
+    <td align="left">#E3E3E3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey89</td>
+    <td align="center" style="background-color:rgb(227, 227, 227)">grey89</td>
+    <td align="left">rgb(227, 227, 227)</td>
+    <td align="left">#E3E3E3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray88</td>
+    <td align="center" style="background-color:rgb(224, 224, 224)">gray88</td>
+    <td align="left">rgb(224, 224, 224)</td>
+    <td align="left">#E0E0E0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey88</td>
+    <td align="center" style="background-color:rgb(224, 224, 224)">grey88</td>
+    <td align="left">rgb(224, 224, 224)</td>
+    <td align="left">#E0E0E0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray87</td>
+    <td align="center" style="background-color:rgb(222, 222, 222)">gray87</td>
+    <td align="left">rgb(222, 222, 222)</td>
+    <td align="left">#DEDEDE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey87</td>
+    <td align="center" style="background-color:rgb(222, 222, 222)">grey87</td>
+    <td align="left">rgb(222, 222, 222)</td>
+    <td align="left">#DEDEDE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gainsboro</td>
+    <td align="center" style="background-color:rgb(220, 220, 220)">gainsboro</td>
+    <td align="left">rgb(220, 220, 220)</td>
+    <td align="left">#DCDCDC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray86</td>
+    <td align="center" style="background-color:rgb(219, 219, 219)">gray86</td>
+    <td align="left">rgb(219, 219, 219)</td>
+    <td align="left">#DBDBDB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey86</td>
+    <td align="center" style="background-color:rgb(219, 219, 219)">grey86</td>
+    <td align="left">rgb(219, 219, 219)</td>
+    <td align="left">#DBDBDB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray85</td>
+    <td align="center" style="background-color:rgb(217, 217, 217)">gray85</td>
+    <td align="left">rgb(217, 217, 217)</td>
+    <td align="left">#D9D9D9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey85</td>
+    <td align="center" style="background-color:rgb(217, 217, 217)">grey85</td>
+    <td align="left">rgb(217, 217, 217)</td>
+    <td align="left">#D9D9D9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray84</td>
+    <td align="center" style="background-color:rgb(214, 214, 214)">gray84</td>
+    <td align="left">rgb(214, 214, 214)</td>
+    <td align="left">#D6D6D6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey84</td>
+    <td align="center" style="background-color:rgb(214, 214, 214)">grey84</td>
+    <td align="left">rgb(214, 214, 214)</td>
+    <td align="left">#D6D6D6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray83</td>
+    <td align="center" style="background-color:rgb(212, 212, 212)">gray83</td>
+    <td align="left">rgb(212, 212, 212)</td>
+    <td align="left">#D4D4D4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey83</td>
+    <td align="center" style="background-color:rgb(212, 212, 212)">grey83</td>
+    <td align="left">rgb(212, 212, 212)</td>
+    <td align="left">#D4D4D4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGray</td>
+    <td align="center" style="background-color:rgb(211, 211, 211)">LightGray</td>
+    <td align="left">rgb(211, 211, 211)</td>
+    <td align="left">#D3D3D3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGrey</td>
+    <td align="center" style="background-color:rgb(211, 211, 211)">LightGrey</td>
+    <td align="left">rgb(211, 211, 211)</td>
+    <td align="left">#D3D3D3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray82</td>
+    <td align="center" style="background-color:rgb(209, 209, 209)">gray82</td>
+    <td align="left">rgb(209, 209, 209)</td>
+    <td align="left">#D1D1D1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey82</td>
+    <td align="center" style="background-color:rgb(209, 209, 209)">grey82</td>
+    <td align="left">rgb(209, 209, 209)</td>
+    <td align="left">#D1D1D1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray81</td>
+    <td align="center" style="background-color:rgb(207, 207, 207)">gray81</td>
+    <td align="left">rgb(207, 207, 207)</td>
+    <td align="left">#CFCFCF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey81</td>
+    <td align="center" style="background-color:rgb(207, 207, 207)">grey81</td>
+    <td align="left">rgb(207, 207, 207)</td>
+    <td align="left">#CFCFCF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray80</td>
+    <td align="center" style="background-color:rgb(204, 204, 204)">gray80</td>
+    <td align="left">rgb(204, 204, 204)</td>
+    <td align="left">#CCCCCC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey80</td>
+    <td align="center" style="background-color:rgb(204, 204, 204)">grey80</td>
+    <td align="left">rgb(204, 204, 204)</td>
+    <td align="left">#CCCCCC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray79</td>
+    <td align="center" style="background-color:rgb(201, 201, 201)">gray79</td>
+    <td align="left">rgb(201, 201, 201)</td>
+    <td align="left">#C9C9C9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey79</td>
+    <td align="center" style="background-color:rgb(201, 201, 201)">grey79</td>
+    <td align="left">rgb(201, 201, 201)</td>
+    <td align="left">#C9C9C9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray78</td>
+    <td align="center" style="background-color:rgb(199, 199, 199)">gray78</td>
+    <td align="left">rgb(199, 199, 199)</td>
+    <td align="left">#C7C7C7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey78</td>
+    <td align="center" style="background-color:rgb(199, 199, 199)">grey78</td>
+    <td align="left">rgb(199, 199, 199)</td>
+    <td align="left">#C7C7C7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray77</td>
+    <td align="center" style="background-color:rgb(196, 196, 196)">gray77</td>
+    <td align="left">rgb(196, 196, 196)</td>
+    <td align="left">#C4C4C4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey77</td>
+    <td align="center" style="background-color:rgb(196, 196, 196)">grey77</td>
+    <td align="left">rgb(196, 196, 196)</td>
+    <td align="left">#C4C4C4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray76</td>
+    <td align="center" style="background-color:rgb(194, 194, 194)">gray76</td>
+    <td align="left">rgb(194, 194, 194)</td>
+    <td align="left">#C2C2C2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey76</td>
+    <td align="center" style="background-color:rgb(194, 194, 194)">grey76</td>
+    <td align="left">rgb(194, 194, 194)</td>
+    <td align="left">#C2C2C2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">silver</td>
+    <td align="center" style="background-color:rgb(192, 192, 192)">silver</td>
+    <td align="left">rgb(192, 192, 192)</td>
+    <td align="left">#C0C0C0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray75</td>
+    <td align="center" style="background-color:rgb(191, 191, 191)">gray75</td>
+    <td align="left">rgb(191, 191, 191)</td>
+    <td align="left">#BFBFBF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey75</td>
+    <td align="center" style="background-color:rgb(191, 191, 191)">grey75</td>
+    <td align="left">rgb(191, 191, 191)</td>
+    <td align="left">#BFBFBF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray74</td>
+    <td align="center" style="background-color:rgb(189, 189, 189)">gray74</td>
+    <td align="left">rgb(189, 189, 189)</td>
+    <td align="left">#BDBDBD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey74</td>
+    <td align="center" style="background-color:rgb(189, 189, 189)">grey74</td>
+    <td align="left">rgb(189, 189, 189)</td>
+    <td align="left">#BDBDBD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray73</td>
+    <td align="center" style="background-color:rgb(186, 186, 186)">gray73</td>
+    <td align="left">rgb(186, 186, 186)</td>
+    <td align="left">#BABABA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey73</td>
+    <td align="center" style="background-color:rgb(186, 186, 186)">grey73</td>
+    <td align="left">rgb(186, 186, 186)</td>
+    <td align="left">#BABABA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray72</td>
+    <td align="center" style="background-color:rgb(184, 184, 184)">gray72</td>
+    <td align="left">rgb(184, 184, 184)</td>
+    <td align="left">#B8B8B8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey72</td>
+    <td align="center" style="background-color:rgb(184, 184, 184)">grey72</td>
+    <td align="left">rgb(184, 184, 184)</td>
+    <td align="left">#B8B8B8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray71</td>
+    <td align="center" style="background-color:rgb(181, 181, 181)">gray71</td>
+    <td align="left">rgb(181, 181, 181)</td>
+    <td align="left">#B5B5B5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey71</td>
+    <td align="center" style="background-color:rgb(181, 181, 181)">grey71</td>
+    <td align="left">rgb(181, 181, 181)</td>
+    <td align="left">#B5B5B5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray70</td>
+    <td align="center" style="background-color:rgb(179, 179, 179)">gray70</td>
+    <td align="left">rgb(179, 179, 179)</td>
+    <td align="left">#B3B3B3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey70</td>
+    <td align="center" style="background-color:rgb(179, 179, 179)">grey70</td>
+    <td align="left">rgb(179, 179, 179)</td>
+    <td align="left">#B3B3B3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray69</td>
+    <td align="center" style="background-color:rgb(176, 176, 176)">gray69</td>
+    <td align="left">rgb(176, 176, 176)</td>
+    <td align="left">#B0B0B0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey69</td>
+    <td align="center" style="background-color:rgb(176, 176, 176)">grey69</td>
+    <td align="left">rgb(176, 176, 176)</td>
+    <td align="left">#B0B0B0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray68</td>
+    <td align="center" style="background-color:rgb(173, 173, 173)">gray68</td>
+    <td align="left">rgb(173, 173, 173)</td>
+    <td align="left">#ADADAD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey68</td>
+    <td align="center" style="background-color:rgb(173, 173, 173)">grey68</td>
+    <td align="left">rgb(173, 173, 173)</td>
+    <td align="left">#ADADAD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray67</td>
+    <td align="center" style="background-color:rgb(171, 171, 171)">gray67</td>
+    <td align="left">rgb(171, 171, 171)</td>
+    <td align="left">#ABABAB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey67</td>
+    <td align="center" style="background-color:rgb(171, 171, 171)">grey67</td>
+    <td align="left">rgb(171, 171, 171)</td>
+    <td align="left">#ABABAB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGray</td>
+    <td align="center" style="background-color:rgb(169, 169, 169)">DarkGray</td>
+    <td align="left">rgb(169, 169, 169)</td>
+    <td align="left">#A9A9A9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGrey</td>
+    <td align="center" style="background-color:rgb(169, 169, 169)">DarkGrey</td>
+    <td align="left">rgb(169, 169, 169)</td>
+    <td align="left">#A9A9A9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray66</td>
+    <td align="center" style="background-color:rgb(168, 168, 168)">gray66</td>
+    <td align="left">rgb(168, 168, 168)</td>
+    <td align="left">#A8A8A8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey66</td>
+    <td align="center" style="background-color:rgb(168, 168, 168)">grey66</td>
+    <td align="left">rgb(168, 168, 168)</td>
+    <td align="left">#A8A8A8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray65</td>
+    <td align="center" style="background-color:rgb(166, 166, 166)">gray65</td>
+    <td align="left">rgb(166, 166, 166)</td>
+    <td align="left">#A6A6A6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey65</td>
+    <td align="center" style="background-color:rgb(166, 166, 166)">grey65</td>
+    <td align="left">rgb(166, 166, 166)</td>
+    <td align="left">#A6A6A6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray64</td>
+    <td align="center" style="background-color:rgb(163, 163, 163)">gray64</td>
+    <td align="left">rgb(163, 163, 163)</td>
+    <td align="left">#A3A3A3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey64</td>
+    <td align="center" style="background-color:rgb(163, 163, 163)">grey64</td>
+    <td align="left">rgb(163, 163, 163)</td>
+    <td align="left">#A3A3A3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray63</td>
+    <td align="center" style="background-color:rgb(161, 161, 161)">gray63</td>
+    <td align="left">rgb(161, 161, 161)</td>
+    <td align="left">#A1A1A1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey63</td>
+    <td align="center" style="background-color:rgb(161, 161, 161)">grey63</td>
+    <td align="left">rgb(161, 161, 161)</td>
+    <td align="left">#A1A1A1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray62</td>
+    <td align="center" style="background-color:rgb(158, 158, 158)">gray62</td>
+    <td align="left">rgb(158, 158, 158)</td>
+    <td align="left">#9E9E9E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey62</td>
+    <td align="center" style="background-color:rgb(158, 158, 158)">grey62</td>
+    <td align="left">rgb(158, 158, 158)</td>
+    <td align="left">#9E9E9E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray61</td>
+    <td align="center" style="background-color:rgb(156, 156, 156)">gray61</td>
+    <td align="left">rgb(156, 156, 156)</td>
+    <td align="left">#9C9C9C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey61</td>
+    <td align="center" style="background-color:rgb(156, 156, 156)">grey61</td>
+    <td align="left">rgb(156, 156, 156)</td>
+    <td align="left">#9C9C9C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray60</td>
+    <td align="center" style="background-color:rgb(153, 153, 153)">gray60</td>
+    <td align="left">rgb(153, 153, 153)</td>
+    <td align="left">#999999</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey60</td>
+    <td align="center" style="background-color:rgb(153, 153, 153)">grey60</td>
+    <td align="left">rgb(153, 153, 153)</td>
+    <td align="left">#999999</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray59</td>
+    <td align="center" style="background-color:rgb(150, 150, 150)">gray59</td>
+    <td align="left">rgb(150, 150, 150)</td>
+    <td align="left">#969696</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey59</td>
+    <td align="center" style="background-color:rgb(150, 150, 150)">grey59</td>
+    <td align="left">rgb(150, 150, 150)</td>
+    <td align="left">#969696</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray58</td>
+    <td align="center" style="background-color:rgb(148, 148, 148)">gray58</td>
+    <td align="left">rgb(148, 148, 148)</td>
+    <td align="left">#949494</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey58</td>
+    <td align="center" style="background-color:rgb(148, 148, 148)">grey58</td>
+    <td align="left">rgb(148, 148, 148)</td>
+    <td align="left">#949494</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray57</td>
+    <td align="center" style="background-color:rgb(145, 145, 145)">gray57</td>
+    <td align="left">rgb(145, 145, 145)</td>
+    <td align="left">#919191</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey57</td>
+    <td align="center" style="background-color:rgb(145, 145, 145)">grey57</td>
+    <td align="left">rgb(145, 145, 145)</td>
+    <td align="left">#919191</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray56</td>
+    <td align="center" style="background-color:rgb(143, 143, 143)">gray56</td>
+    <td align="left">rgb(143, 143, 143)</td>
+    <td align="left">#8F8F8F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey56</td>
+    <td align="center" style="background-color:rgb(143, 143, 143)">grey56</td>
+    <td align="left">rgb(143, 143, 143)</td>
+    <td align="left">#8F8F8F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray55</td>
+    <td align="center" style="background-color:rgb(140, 140, 140)">gray55</td>
+    <td align="left">rgb(140, 140, 140)</td>
+    <td align="left">#8C8C8C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey55</td>
+    <td align="center" style="background-color:rgb(140, 140, 140)">grey55</td>
+    <td align="left">rgb(140, 140, 140)</td>
+    <td align="left">#8C8C8C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray54</td>
+    <td align="center" style="background-color:rgb(138, 138, 138)">gray54</td>
+    <td align="left">rgb(138, 138, 138)</td>
+    <td align="left">#8A8A8A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey54</td>
+    <td align="center" style="background-color:rgb(138, 138, 138)">grey54</td>
+    <td align="left">rgb(138, 138, 138)</td>
+    <td align="left">#8A8A8A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray53</td>
+    <td align="center" style="background-color:rgb(135, 135, 135)">gray53</td>
+    <td align="left">rgb(135, 135, 135)</td>
+    <td align="left">#878787</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey53</td>
+    <td align="center" style="background-color:rgb(135, 135, 135)">grey53</td>
+    <td align="left">rgb(135, 135, 135)</td>
+    <td align="left">#878787</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray52</td>
+    <td align="center" style="background-color:rgb(133, 133, 133)">gray52</td>
+    <td align="left">rgb(133, 133, 133)</td>
+    <td align="left">#858585</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey52</td>
+    <td align="center" style="background-color:rgb(133, 133, 133)">grey52</td>
+    <td align="left">rgb(133, 133, 133)</td>
+    <td align="left">#858585</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray51</td>
+    <td align="center" style="background-color:rgb(130, 130, 130)">gray51</td>
+    <td align="left">rgb(130, 130, 130)</td>
+    <td align="left">#828282</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey51</td>
+    <td align="center" style="background-color:rgb(130, 130, 130)">grey51</td>
+    <td align="left">rgb(130, 130, 130)</td>
+    <td align="left">#828282</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">fractal</td>
+    <td align="center" style="background-color:rgb(128, 128, 128)">fractal</td>
+    <td align="left">rgb(128, 128, 128)</td>
+    <td align="left">#808080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray50</td>
+    <td align="center" style="background-color:rgb(127, 127, 127)">gray50</td>
+    <td align="left">rgb(127, 127, 127)</td>
+    <td align="left">#7F7F7F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey50</td>
+    <td align="center" style="background-color:rgb(127, 127, 127)">grey50</td>
+    <td align="left">rgb(127, 127, 127)</td>
+    <td align="left">#7F7F7F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray</td>
+    <td align="center" style="background-color:rgb(126, 126, 126)">gray</td>
+    <td align="left">rgb(126, 126, 126)</td>
+    <td align="left">#7E7E7E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray49</td>
+    <td align="center" style="background-color:rgb(125, 125, 125)">gray49</td>
+    <td align="left">rgb(125, 125, 125)</td>
+    <td align="left">#7D7D7D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey49</td>
+    <td align="center" style="background-color:rgb(125, 125, 125)">grey49</td>
+    <td align="left">rgb(125, 125, 125)</td>
+    <td align="left">#7D7D7D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray48</td>
+    <td align="center" style="background-color:rgb(122, 122, 122)">gray48</td>
+    <td align="left">rgb(122, 122, 122)</td>
+    <td align="left">#7A7A7A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey48</td>
+    <td align="center" style="background-color:rgb(122, 122, 122)">grey48</td>
+    <td align="left">rgb(122, 122, 122)</td>
+    <td align="left">#7A7A7A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray47</td>
+    <td align="center" style="background-color:rgb(120, 120, 120)">gray47</td>
+    <td align="left">rgb(120, 120, 120)</td>
+    <td align="left">#787878</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey47</td>
+    <td align="center" style="background-color:rgb(120, 120, 120)">grey47</td>
+    <td align="left">rgb(120, 120, 120)</td>
+    <td align="left">#787878</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray46</td>
+    <td align="center" style="background-color:rgb(117, 117, 117)">gray46</td>
+    <td align="left">rgb(117, 117, 117)</td>
+    <td align="left">#757575</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey46</td>
+    <td align="center" style="background-color:rgb(117, 117, 117)">grey46</td>
+    <td align="left">rgb(117, 117, 117)</td>
+    <td align="left">#757575</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray45</td>
+    <td align="center" style="background-color:rgb(115, 115, 115)">gray45</td>
+    <td align="left">rgb(115, 115, 115)</td>
+    <td align="left">#737373</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey45</td>
+    <td align="center" style="background-color:rgb(115, 115, 115)">grey45</td>
+    <td align="left">rgb(115, 115, 115)</td>
+    <td align="left">#737373</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray44</td>
+    <td align="center" style="background-color:rgb(112, 112, 112)">gray44</td>
+    <td align="left">rgb(112, 112, 112)</td>
+    <td align="left">#707070</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey44</td>
+    <td align="center" style="background-color:rgb(112, 112, 112)">grey44</td>
+    <td align="left">rgb(112, 112, 112)</td>
+    <td align="left">#707070</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray43</td>
+    <td align="center" style="background-color:rgb(110, 110, 110)">gray43</td>
+    <td align="left">rgb(110, 110, 110)</td>
+    <td align="left">#6E6E6E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey43</td>
+    <td align="center" style="background-color:rgb(110, 110, 110)">grey43</td>
+    <td align="left">rgb(110, 110, 110)</td>
+    <td align="left">#6E6E6E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray42</td>
+    <td align="center" style="background-color:rgb(107, 107, 107)">gray42</td>
+    <td align="left">rgb(107, 107, 107)</td>
+    <td align="left">#6B6B6B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey42</td>
+    <td align="center" style="background-color:rgb(107, 107, 107)">grey42</td>
+    <td align="left">rgb(107, 107, 107)</td>
+    <td align="left">#6B6B6B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DimGray</td>
+    <td align="center" style="background-color:rgb(105, 105, 105)">DimGray</td>
+    <td align="left">rgb(105, 105, 105)</td>
+    <td align="left">#696969</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DimGrey</td>
+    <td align="center" style="background-color:rgb(105, 105, 105)">DimGrey</td>
+    <td align="left">rgb(105, 105, 105)</td>
+    <td align="left">#696969</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray41</td>
+    <td align="center" style="background-color:rgb(105, 105, 105)">gray41</td>
+    <td align="left">rgb(105, 105, 105)</td>
+    <td align="left">#696969</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey41</td>
+    <td align="center" style="background-color:rgb(105, 105, 105)">grey41</td>
+    <td align="left">rgb(105, 105, 105)</td>
+    <td align="left">#696969</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray40</td>
+    <td align="center" style="background-color:rgb(102, 102, 102)">gray40</td>
+    <td align="left">rgb(102, 102, 102)</td>
+    <td align="left">#666666</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey40</td>
+    <td align="center" style="background-color:rgb(102, 102, 102)">grey40</td>
+    <td align="left">rgb(102, 102, 102)</td>
+    <td align="left">#666666</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray39</td>
+    <td align="center" style="background-color:rgb( 99, 99, 99)">gray39</td>
+    <td align="left">rgb( 99, 99,  99)</td>
+    <td align="left">#636363</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey39</td>
+    <td align="center" style="background-color:rgb( 99, 99, 99)">grey39</td>
+    <td align="left">rgb( 99, 99,  99)</td>
+    <td align="left">#636363</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray38</td>
+    <td align="center" style="background-color:rgb( 97, 97, 97)">gray38</td>
+    <td align="left">rgb( 97, 97,  97)</td>
+    <td align="left">#616161</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey38</td>
+    <td align="center" style="background-color:rgb( 97, 97, 97)">grey38</td>
+    <td align="left">rgb( 97, 97,  97)</td>
+    <td align="left">#616161</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray37</td>
+    <td align="center" style="background-color:rgb( 94, 94, 94)">gray37</td>
+    <td align="left">rgb( 94, 94,  94)</td>
+    <td align="left">#5E5E5E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey37</td>
+    <td align="center" style="background-color:rgb( 94, 94, 94)">grey37</td>
+    <td align="left">rgb( 94, 94,  94)</td>
+    <td align="left">#5E5E5E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray36</td>
+    <td align="center" style="background-color:rgb( 92, 92, 92)">gray36</td>
+    <td align="left">rgb( 92, 92,  92)</td>
+    <td align="left">#5C5C5C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey36</td>
+    <td align="center" style="background-color:rgb( 92, 92, 92)">grey36</td>
+    <td align="left">rgb( 92, 92,  92)</td>
+    <td align="left">#5C5C5C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray35</td>
+    <td align="center" style="background-color:rgb( 89, 89, 89)">gray35</td>
+    <td align="left">rgb( 89, 89,  89)</td>
+    <td align="left">#595959</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey35</td>
+    <td align="center" style="background-color:rgb( 89, 89, 89)">grey35</td>
+    <td align="left">rgb( 89, 89,  89)</td>
+    <td align="left">#595959</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray34</td>
+    <td align="center" style="background-color:rgb( 87, 87, 87)">gray34</td>
+    <td align="left">rgb( 87, 87,  87)</td>
+    <td align="left">#575757</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey34</td>
+    <td align="center" style="background-color:rgb( 87, 87, 87)">grey34</td>
+    <td align="left">rgb( 87, 87,  87)</td>
+    <td align="left">#575757</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray33</td>
+    <td align="center" style="background-color:rgb( 84, 84, 84)">gray33</td>
+    <td align="left">rgb( 84, 84,  84)</td>
+    <td align="left">#545454</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey33</td>
+    <td align="center" style="background-color:rgb( 84, 84, 84)">grey33</td>
+    <td align="left">rgb( 84, 84,  84)</td>
+    <td align="left">#545454</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray32</td>
+    <td align="center" style="background-color:rgb( 82, 82, 82)">gray32</td>
+    <td align="left">rgb( 82, 82,  82)</td>
+    <td align="left">#525252</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey32</td>
+    <td align="center" style="background-color:rgb( 82, 82, 82)">grey32</td>
+    <td align="left">rgb( 82, 82,  82)</td>
+    <td align="left">#525252</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray31</td>
+    <td align="center" style="background-color:rgb( 79, 79, 79)">gray31</td>
+    <td align="left">rgb( 79, 79,  79)</td>
+    <td align="left">#4F4F4F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey31</td>
+    <td align="center" style="background-color:rgb( 79, 79, 79)">grey31</td>
+    <td align="left">rgb( 79, 79,  79)</td>
+    <td align="left">#4F4F4F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray30</td>
+    <td align="center" style="background-color:rgb( 77, 77, 77)">gray30</td>
+    <td align="left">rgb( 77, 77,  77)</td>
+    <td align="left">#4D4D4D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey30</td>
+    <td align="center" style="background-color:rgb( 77, 77, 77)">grey30</td>
+    <td align="left">rgb( 77, 77,  77)</td>
+    <td align="left">#4D4D4D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray29</td>
+    <td align="center" style="background-color:rgb( 74, 74, 74)">gray29</td>
+    <td align="left">rgb( 74, 74,  74)</td>
+    <td align="left">#4A4A4A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey29</td>
+    <td align="center" style="background-color:rgb( 74, 74, 74)">grey29</td>
+    <td align="left">rgb( 74, 74,  74)</td>
+    <td align="left">#4A4A4A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray28</td>
+    <td align="center" style="background-color:rgb( 71, 71, 71)">gray28</td>
+    <td align="left">rgb( 71, 71,  71)</td>
+    <td align="left">#474747</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey28</td>
+    <td align="center" style="background-color:rgb( 71, 71, 71)">grey28</td>
+    <td align="left">rgb( 71, 71,  71)</td>
+    <td align="left">#474747</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray27</td>
+    <td align="center" style="background-color:rgb( 69, 69, 69)">gray27</td>
+    <td align="left">rgb( 69, 69,  69)</td>
+    <td align="left">#454545</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey27</td>
+    <td align="center" style="background-color:rgb( 69, 69, 69)">grey27</td>
+    <td align="left">rgb( 69, 69,  69)</td>
+    <td align="left">#454545</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray26</td>
+    <td align="center" style="background-color:rgb( 66, 66, 66)">gray26</td>
+    <td align="left">rgb( 66, 66,  66)</td>
+    <td align="left">#424242</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey26</td>
+    <td align="center" style="background-color:rgb( 66, 66, 66)">grey26</td>
+    <td align="left">rgb( 66, 66,  66)</td>
+    <td align="left">#424242</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray25</td>
+    <td align="center" style="background-color:rgb( 64, 64, 64)">gray25</td>
+    <td align="left">rgb( 64, 64,  64)</td>
+    <td align="left">#404040</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey25</td>
+    <td align="center" style="background-color:rgb( 64, 64, 64)">grey25</td>
+    <td align="left">rgb( 64, 64,  64)</td>
+    <td align="left">#404040</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray24</td>
+    <td align="center" style="background-color:rgb( 61, 61, 61)">gray24</td>
+    <td align="left">rgb( 61, 61,  61)</td>
+    <td align="left">#3D3D3D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey24</td>
+    <td align="center" style="background-color:rgb( 61, 61, 61)">grey24</td>
+    <td align="left">rgb( 61, 61,  61)</td>
+    <td align="left">#3D3D3D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray23</td>
+    <td align="center" style="background-color:rgb( 59, 59, 59)">gray23</td>
+    <td align="left">rgb( 59, 59,  59)</td>
+    <td align="left">#3B3B3B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey23</td>
+    <td align="center" style="background-color:rgb( 59, 59, 59)">grey23</td>
+    <td align="left">rgb( 59, 59,  59)</td>
+    <td align="left">#3B3B3B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray22</td>
+    <td align="center" style="background-color:rgb( 56, 56, 56)">gray22</td>
+    <td align="left">rgb( 56, 56,  56)</td>
+    <td align="left">#383838</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey22</td>
+    <td align="center" style="background-color:rgb( 56, 56, 56)">grey22</td>
+    <td align="left">rgb( 56, 56,  56)</td>
+    <td align="left">#383838</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray21</td>
+    <td align="center" style="background-color:rgb( 54, 54, 54)">gray21</td>
+    <td align="left">rgb( 54, 54,  54)</td>
+    <td align="left">#363636</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey21</td>
+    <td align="center" style="background-color:rgb( 54, 54, 54)">grey21</td>
+    <td align="left">rgb( 54, 54,  54)</td>
+    <td align="left">#363636</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray20</td>
+    <td align="center" style="background-color:rgb( 51, 51, 51)">gray20</td>
+    <td align="left">rgb( 51, 51,  51)</td>
+    <td align="left">#333333</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey20</td>
+    <td align="center" style="background-color:rgb( 51, 51, 51)">grey20</td>
+    <td align="left">rgb( 51, 51,  51)</td>
+    <td align="left">#333333</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray19</td>
+    <td align="center" style="background-color:rgb( 48, 48, 48)">gray19</td>
+    <td align="left">rgb( 48, 48,  48)</td>
+    <td align="left">#303030</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey19</td>
+    <td align="center" style="background-color:rgb( 48, 48, 48)">grey19</td>
+    <td align="left">rgb( 48, 48,  48)</td>
+    <td align="left">#303030</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray18</td>
+    <td align="center" style="background-color:rgb( 46, 46, 46)">gray18</td>
+    <td align="left">rgb( 46, 46,  46)</td>
+    <td align="left">#2E2E2E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey18</td>
+    <td align="center" style="background-color:rgb( 46, 46, 46)">grey18</td>
+    <td align="left">rgb( 46, 46,  46)</td>
+    <td align="left">#2E2E2E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray17</td>
+    <td align="center" style="background-color:rgb( 43, 43, 43)">gray17</td>
+    <td align="left">rgb( 43, 43,  43)</td>
+    <td align="left">#2B2B2B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey17</td>
+    <td align="center" style="background-color:rgb( 43, 43, 43)">grey17</td>
+    <td align="left">rgb( 43, 43,  43)</td>
+    <td align="left">#2B2B2B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray16</td>
+    <td align="center" style="background-color:rgb( 41, 41, 41)">gray16</td>
+    <td align="left">rgb( 41, 41,  41)</td>
+    <td align="left">#292929</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey16</td>
+    <td align="center" style="background-color:rgb( 41, 41, 41)">grey16</td>
+    <td align="left">rgb( 41, 41,  41)</td>
+    <td align="left">#292929</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray15</td>
+    <td align="center" style="background-color:rgb( 38, 38, 38)">gray15</td>
+    <td align="left">rgb( 38, 38,  38)</td>
+    <td align="left">#262626</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey15</td>
+    <td align="center" style="background-color:rgb( 38, 38, 38)">grey15</td>
+    <td align="left">rgb( 38, 38,  38)</td>
+    <td align="left">#262626</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray14</td>
+    <td align="center" style="background-color:rgb( 36, 36, 36)">gray14</td>
+    <td align="left">rgb( 36, 36,  36)</td>
+    <td align="left">#242424</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey14</td>
+    <td align="center" style="background-color:rgb( 36, 36, 36)">grey14</td>
+    <td align="left">rgb( 36, 36,  36)</td>
+    <td align="left">#242424</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray13</td>
+    <td align="center" style="background-color:rgb( 33, 33, 33)">gray13</td>
+    <td align="left">rgb( 33, 33,  33)</td>
+    <td align="left">#212121</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey13</td>
+    <td align="center" style="background-color:rgb( 33, 33, 33)">grey13</td>
+    <td align="left">rgb( 33, 33,  33)</td>
+    <td align="left">#212121</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray12</td>
+    <td align="center" style="background-color:rgb( 31, 31, 31)">gray12</td>
+    <td align="left">rgb( 31, 31,  31)</td>
+    <td align="left">#1F1F1F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey12</td>
+    <td align="center" style="background-color:rgb( 31, 31, 31)">grey12</td>
+    <td align="left">rgb( 31, 31,  31)</td>
+    <td align="left">#1F1F1F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray11</td>
+    <td align="center" style="background-color:rgb( 28, 28, 28)">gray11</td>
+    <td align="left">rgb( 28, 28,  28)</td>
+    <td align="left">#1C1C1C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey11</td>
+    <td align="center" style="background-color:rgb( 28, 28, 28)">grey11</td>
+    <td align="left">rgb( 28, 28,  28)</td>
+    <td align="left">#1C1C1C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray10</td>
+    <td align="center" style="background-color:rgb( 26, 26, 26)">gray10</td>
+    <td align="left">rgb( 26, 26,  26)</td>
+    <td align="left">#1A1A1A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey10</td>
+    <td align="center" style="background-color:rgb( 26, 26, 26)">grey10</td>
+    <td align="left">rgb( 26, 26,  26)</td>
+    <td align="left">#1A1A1A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray9</td>
+    <td align="center" style="background-color:rgb( 23, 23, 23)">gray9</td>
+    <td align="left">rgb( 23, 23,  23)</td>
+    <td align="left">#171717</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey9</td>
+    <td align="center" style="background-color:rgb( 23, 23, 23)">grey9</td>
+    <td align="left">rgb( 23, 23,  23)</td>
+    <td align="left">#171717</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray8</td>
+    <td align="center" style="background-color:rgb( 20, 20, 20)">gray8</td>
+    <td align="left">rgb( 20, 20,  20)</td>
+    <td align="left">#141414</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey8</td>
+    <td align="center" style="background-color:rgb( 20, 20, 20)">grey8</td>
+    <td align="left">rgb( 20, 20,  20)</td>
+    <td align="left">#141414</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray7</td>
+    <td align="center" style="background-color:rgb( 18, 18, 18)">gray7</td>
+    <td align="left">rgb( 18, 18,  18)</td>
+    <td align="left">#121212</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey7</td>
+    <td align="center" style="background-color:rgb( 18, 18, 18)">grey7</td>
+    <td align="left">rgb( 18, 18,  18)</td>
+    <td align="left">#121212</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray6</td>
+    <td align="center" style="background-color:rgb( 15, 15, 15)">gray6</td>
+    <td align="left">rgb( 15, 15,  15)</td>
+    <td align="left">#0F0F0F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey6</td>
+    <td align="center" style="background-color:rgb( 15, 15, 15)">grey6</td>
+    <td align="left">rgb( 15, 15,  15)</td>
+    <td align="left">#0F0F0F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray5</td>
+    <td align="center" style="background-color:rgb( 13, 13, 13)">gray5</td>
+    <td align="left">rgb( 13, 13,  13)</td>
+    <td align="left">#0D0D0D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey5</td>
+    <td align="center" style="background-color:rgb( 13, 13, 13)">grey5</td>
+    <td align="left">rgb( 13, 13,  13)</td>
+    <td align="left">#0D0D0D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray4</td>
+    <td align="center" style="background-color:rgb( 10, 10, 10)">gray4</td>
+    <td align="left">rgb( 10, 10,  10)</td>
+    <td align="left">#0A0A0A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey4</td>
+    <td align="center" style="background-color:rgb( 10, 10, 10)">grey4</td>
+    <td align="left">rgb( 10, 10,  10)</td>
+    <td align="left">#0A0A0A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray3</td>
+    <td align="center" style="background-color:rgb( 8, 8, 8)">gray3</td>
+    <td align="left">rgb(  8,  8,   8)</td>
+    <td align="left">#080808</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey3</td>
+    <td align="center" style="background-color:rgb( 8, 8, 8)">grey3</td>
+    <td align="left">rgb(  8,  8,   8)</td>
+    <td align="left">#080808</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray2</td>
+    <td align="center" style="background-color:rgb( 5, 5, 5)">gray2</td>
+    <td align="left">rgb(  5,  5,   5)</td>
+    <td align="left">#050505</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey2</td>
+    <td align="center" style="background-color:rgb( 5, 5, 5)">grey2</td>
+    <td align="left">rgb(  5,  5,   5)</td>
+    <td align="left">#050505</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray1</td>
+    <td align="center" style="background-color:rgb( 3, 3, 3)">gray1</td>
+    <td align="left">rgb(  3,  3,   3)</td>
+    <td align="left">#030303</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey1</td>
+    <td align="center" style="background-color:rgb( 3, 3, 3)">grey1</td>
+    <td align="left">rgb(  3,  3,   3)</td>
+    <td align="left">#030303</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">black</td>
+    <td align="center" style="background-color:rgb( 0, 0, 0)">black</td>
+    <td align="left">rgb(  0,  0,   0)</td>
+    <td align="left">#000000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray0</td>
+    <td align="center" style="background-color:rgb( 0, 0, 0)">gray0</td>
+    <td align="left">rgb(  0,  0,   0)</td>
+    <td align="left">#000000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey0</td>
+    <td align="center" style="background-color:rgb( 0, 0, 0)">grey0</td>
+    <td align="left">rgb(  0,  0,   0)</td>
+    <td align="left">#000000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">opaque</td>
+    <td align="center" style="background-color:rgb( 0, 0, 0)">opaque</td>
+    <td align="left">rgb(  0,  0,   0)</td>
+    <td align="left">#000000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">none</td>
+    <td align="center" style="background-color:white">none</td>
+    <td align="left">rgba(  0,  0,   0,   0.0)</td>
+    <td align="left">#00000000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">transparent</td>
+    <td align="center" style="background-color:white">transparent</td>
+    <td align="left">rgba(  0,  0,   0,   0.0)</td>
+    <td align="left">#00000000</td>
+
+  </tr>
+
+  </tbody>
+</table>
+
+</div>
+
+</div>
+
+</body></html>
diff --git a/frontend/imgrid/colors/colors/js/wrkshp/hexes b/frontend/imgrid/colors/colors/js/wrkshp/hexes
new file mode 100755
index 0000000..dcc3bda
--- /dev/null
+++ b/frontend/imgrid/colors/colors/js/wrkshp/hexes
@@ -0,0 +1 @@
+hexlist = ['#FFFAFA', '#FFFAFA', '#EEE9E9', '#FFC1C1', '#EEB4B4', '#CDC9C9', '#F08080', '#FF6A6A', '#CD9B9B', '#EE6363', '#BC8F8F', '#FF4040', '#FF3030', '#EE3B3B', '#CD5C5C', '#CD5555', '#EE2C2C', '#8B8989', '#CD3333', '#FF0000', '#FF0000', '#8B6969', '#CD2626', '#EE0000', '#B22222', '#A52A2A', '#CD0000', '#8B3A3A', '#8B2323', '#8B1A1A', '#8B0000', '#8B0000', '#800000', '#FFAEB9', '#CD8C95', '#8B5F65', '#EEA2AD', '#FFB6C1', '#FFC0CB', '#DC143C', '#FFB5C5', '#EEA9B8', '#CD919E', '#8B636C', '#8B475D', '#DB7093', '#EE799F', '#FF82AB', '#CD6889', '#FFF0F5', '#FFF0F5', '#CDC1C5', '#EEE0E5', '#8B8386', '#B03060', '#CD6090', '#CD3278', '#FF3E96', '#EE3A8C', '#8B2252', '#EE6AA7', '#FF6EB4', '#8B3A62', '#FF69B4', '#FF1493', '#FF1493', '#EE1289', '#CD1076', '#8B0A50', '#FF34B3', '#EE30A7', '#CD2990', '#8B1C62', '#C71585', '#D02090', '#EE7AE9', '#DA70D6', '#FF83FA', '#CD69C9', '#8B4789', '#FFE1FF', '#EED2EE', '#FFBBFF', '#EEAEEE', '#D8BFD8', '#CDB5CD', '#DDA0DD', '#EE82EE', '#CD96CD', '#8B7B8B', '#FF00FF', '#FF00FF', '#FF00FF', '#8B668B', '#EE00EE', '#CD00CD', '#8B008B', '#8B008B', '#800080', '#BA55D3', '#E066FF', '#D15FEE', '#B452CD', '#7A378B', '#9400D3', '#9932CC', '#BF3EFF', '#9A32CD', '#B23AEE', '#68228B', '#A020F0', '#4B0082', '#8A2BE2', '#912CEE', '#7D26CD', '#551A8B', '#9B30FF', '#9370DB', '#AB82FF', '#9F79EE', '#8968CD', '#5D478B', '#483D8B', '#8470FF', '#7B68EE', '#6A5ACD', '#836FFF', '#7A67EE', '#6959CD', '#473C8B', '#F8F8FF', '#E6E6FA', '#0000FF', '#0000FF', '#0000EE', '#0000CD', '#0000CD', '#00008B', '#00008B', '#191970', '#000080', '#000080', '#4169E1', '#4876FF', '#436EEE', '#3A5FCD', '#27408B', '#6495ED', '#B0C4DE', '#CAE1FF', '#BCD2EE', '#A2B5CD', '#6E7B8B', '#6C7B8B', '#C6E2FF', '#B9D3EE', '#9FB6CD', '#778899', '#778899', '#708090', '#708090', '#1E90FF', '#1E90FF', '#1C86EE', '#104E8B', '#1874CD', '#F0F8FF', '#36648B', '#4682B4', '#63B8FF', '#5CACEE', '#4F94CD', '#4A708B', '#87CEFF', '#7EC0EE', '#6CA6CD', '#87CEFA', '#607B8B', '#B0E2FF', '#A4D3EE', '#8DB6CD', '#87CEEB', '#9AC0CD', '#00BFFF', '#00BFFF', '#00B2EE', '#00688B', '#009ACD', '#BFEFFF', '#B2DFEE', '#ADD8E6', '#68838B', '#B0E0E6', '#98F5FF', '#8EE5EE', '#7AC5CD', '#53868B', '#00F5FF', '#00E5EE', '#00C5CD', '#00868B', '#5F9EA0', '#5F9EA0', '#00CED1', '#F0FFFF', '#F0FFFF', '#E0FFFF', '#E0FFFF', '#E0EEEE', '#D1EEEE', '#BBFFFF', '#AFEEEE', '#AEEEEE', '#97FFFF', '#C1CDCD', '#B4CDCD', '#8DEEEE', '#96CDCD', '#79CDCD', '#838B8B', '#7A8B8B', '#00FFFF', '#00FFFF', '#00FFFF', '#668B8B', '#00EEEE', '#528B8B', '#00CDCD', '#008B8B', '#008B8B', '#008080', '#2F4F4F', '#2F4F4F', '#48D1CC', '#20B2AA', '#40E0D0', '#458B74', '#7FFFD4', '#7FFFD4', '#76EEC6', '#66CDAA', '#66CDAA', '#00FA9A', '#F5FFFA', '#00FF7F', '#00FF7F', '#00EE76', '#00CD66', '#008B45', '#3CB371', '#2E8B57', '#43CD80', '#54FF9F', '#2E8B57', '#4EEE94', '#32814B', '#F0FFF0', '#F0FFF0', '#E0EEE0', '#C1FFC1', '#B4EEB4', '#9AFF9A', '#98FB98', '#C1CDC1', '#90EE90', '#90EE90', '#9BCD9B', '#8FBC8F', '#7CCD7C', '#838B83', '#00FF00', '#00FF00', '#32CD32', '#698B69', '#00EE00', '#548B54', '#00CD00', '#228B22', '#008B00', '#008000', '#006400', '#7CFC00', '#7FFF00', '#7FFF00', '#76EE00', '#66CD00', '#458B00', '#ADFF2F', '#A2CD5A', '#CAFF70', '#BCEE68', '#6E8B3D', '#556B2F', '#6B8E23', '#C0FF3E', '#B3EE3A', '#9ACD32', '#9ACD32', '#698B22', '#FFFFF0', '#FFFFF0', '#FFFFE0', '#FFFFE0', '#F5F5DC', '#EEEEE0', '#FAFAD2', '#EEEED1', '#CDCDC1', '#CDCDB4', '#8B8B83', '#8B8B7A', '#FFFF00', '#FFFF00', '#EEEE00', '#CDCD00', '#8B8B00', '#808000', '#BDB76B', '#EEE685', '#8B8970', '#FFF68F', '#CDC673', '#8B864E', '#EEE8AA', '#FFFACD', '#FFFACD', '#F0E68C', '#CDC9A5', '#EEE9BF', '#D1C166', '#8B8878', '#FFD700', '#FFD700', '#EEC900', '#CDAD00', '#8B7500', '#EEDD82', '#8B814C', '#FFEC8B', '#CDBE70', '#EEDC82', '#CDC8B1', '#EEE8CD', '#FFF8DC', '#FFF8DC', '#DAA520', '#FFC125', '#EEB422', '#CD9B1D', '#8B6914', '#B8860B', '#FFB90F', '#EEAD0E', '#CD950C', '#8B6508', '#FFFAF0', '#EED8AE', '#FDF5E6', '#F5DEB3', '#FFE7BA', '#CDBA96', '#FFA500', '#FFA500', '#EE9A00', '#CD8500', '#8B5A00', '#8B7E66', '#FFE4B5', '#FFEFD5', '#CDB38B', '#FFEBCD', '#FFDEAD', '#FFDEAD', '#EECFA1', '#8B795E', '#8B8378', '#FAEBD7', '#D2B48C', '#8B7D6B', '#DEB887', '#EEDFCC', '#FFD39B', '#CDAA7D', '#EEC591', '#FFEFDB', '#8B7355', '#CDC0B0', '#FF8C00', '#EED5B7', '#FFE4C4', '#FFE4C4', '#CDB79E', '#FF7F00', '#FAF0E6', '#EE7600', '#CD6600', '#8B4500', '#CD853F', '#FFA54F', '#EE9A49', '#CD853F', '#8B5A2B', '#FFDAB9', '#FFDAB9', '#8B7765', '#EECBAD', '#CDAF95', '#F4A460', '#8B8682', '#EEE5DE', '#CDC5BF', '#D2691E', '#FF7F24', '#EE7621', '#CD661D', '#8B4513', '#8B4513', '#FFF5EE', '#FFF5EE', '#8B4726', '#A0522D', '#FF8247', '#EE7942', '#CD6839', '#CD8162', '#FFA07A', '#FFA07A', '#8B5742', '#EE9572', '#FF7F50', '#FF4500', '#FF4500', '#EE4000', '#CD3700', '#8B2500', '#E9967A', '#FF8C69', '#EE8262', '#CD7054', '#8B4C39', '#FF7256', '#EE6A50', '#CD5B45', '#8B3E2F', '#8B3626', '#FF6347', '#FF6347', '#EE5C42', '#CD4F39', '#8B7D7B', '#EED5D2', '#FFE4E1', '#FFE4E1', '#FA8072', '#CDB7B5', '#FFFFFF', '#FFFFFF', '#FFFFFF', '#FFFFFF', '#FCFCFC', '#FCFCFC', '#FAFAFA', '#FAFAFA', '#F7F7F7', '#F7F7F7', '#F5F5F5', '#F5F5F5', '#F5F5F5', '#F2F2F2', '#F2F2F2', '#F0F0F0', '#F0F0F0', '#EDEDED', '#EDEDED', '#EBEBEB', '#EBEBEB', '#E8E8E8', '#E8E8E8', '#E5E5E5', '#E5E5E5', '#E3E3E3', '#E3E3E3', '#E0E0E0', '#E0E0E0', '#DEDEDE', '#DEDEDE', '#DCDCDC', '#DBDBDB', '#DBDBDB', '#D9D9D9', '#D9D9D9', '#D6D6D6', '#D6D6D6', '#D4D4D4', '#D4D4D4', '#D3D3D3', '#D3D3D3', '#D1D1D1', '#D1D1D1', '#CFCFCF', '#CFCFCF', '#CCCCCC', '#CCCCCC', '#C9C9C9', '#C9C9C9', '#C7C7C7', '#C7C7C7', '#C4C4C4', '#C4C4C4', '#C2C2C2', '#C2C2C2', '#C0C0C0', '#BFBFBF', '#BFBFBF', '#BDBDBD', '#BDBDBD', '#BABABA', '#BABABA', '#B8B8B8', '#B8B8B8', '#B5B5B5', '#B5B5B5', '#B3B3B3', '#B3B3B3', '#B0B0B0', '#B0B0B0', '#ADADAD', '#ADADAD', '#ABABAB', '#ABABAB', '#A9A9A9', '#A9A9A9', '#A8A8A8', '#A8A8A8', '#A6A6A6', '#A6A6A6', '#A3A3A3', '#A3A3A3', '#A1A1A1', '#A1A1A1', '#9E9E9E', '#9E9E9E', '#9C9C9C', '#9C9C9C', '#999999', '#999999', '#969696', '#969696', '#949494', '#949494', '#919191', '#919191', '#8F8F8F', '#8F8F8F', '#8C8C8C', '#8C8C8C', '#8A8A8A', '#8A8A8A', '#878787', '#878787', '#858585', '#858585', '#828282', '#828282', '#808080', '#7F7F7F', '#7F7F7F', '#7E7E7E', '#7D7D7D', '#7D7D7D', '#7A7A7A', '#7A7A7A', '#787878', '#787878', '#757575', '#757575', '#737373', '#737373', '#707070', '#707070', '#6E6E6E', '#6E6E6E', '#6B6B6B', '#6B6B6B', '#696969', '#696969', '#696969', '#696969', '#666666', '#666666', '#636363', '#636363', '#616161', '#616161', '#5E5E5E', '#5E5E5E', '#5C5C5C', '#5C5C5C', '#595959', '#595959', '#575757', '#575757', '#545454', '#545454', '#525252', '#525252', '#4F4F4F', '#4F4F4F', '#4D4D4D', '#4D4D4D', '#4A4A4A', '#4A4A4A', '#474747', '#474747', '#454545', '#454545', '#424242', '#424242', '#404040', '#404040', '#3D3D3D', '#3D3D3D', '#3B3B3B', '#3B3B3B', '#383838', '#383838', '#363636', '#363636', '#333333', '#333333', '#303030', '#303030', '#2E2E2E', '#2E2E2E', '#2B2B2B', '#2B2B2B', '#292929', '#292929', '#262626', '#262626', '#242424', '#242424', '#212121', '#212121', '#1F1F1F', '#1F1F1F', '#1C1C1C', '#1C1C1C', '#1A1A1A', '#1A1A1A', '#171717', '#171717', '#141414', '#141414', '#121212', '#121212', '#0F0F0F', '#0F0F0F', '#0D0D0D', '#0D0D0D', '#0A0A0A', '#0A0A0A', '#080808', '#080808', '#050505', '#050505', '#030303', '#030303', '#000000', '#000000', '#000000', '#000000', '#000000', '#000000']
\ No newline at end of file
diff --git a/frontend/imgrid/colors/colors/js/wrkshp/maker.py b/frontend/imgrid/colors/colors/js/wrkshp/maker.py
new file mode 100755
index 0000000..65209aa
--- /dev/null
+++ b/frontend/imgrid/colors/colors/js/wrkshp/maker.py
@@ -0,0 +1,33 @@
+#!/usr/bin/python2.7
+
+
+
+hexlist = ['#FFFAFA', '#FFFAFA', '#EEE9E9', '#FFC1C1', '#EEB4B4', '#CDC9C9', '#F08080', '#FF6A6A', '#CD9B9B', '#EE6363', '#BC8F8F', '#FF4040', '#FF3030', '#EE3B3B', '#CD5C5C', '#CD5555', '#EE2C2C', '#8B8989', '#CD3333', '#FF0000', '#FF0000', '#8B6969', '#CD2626', '#EE0000', '#B22222', '#A52A2A', '#CD0000', '#8B3A3A', '#8B2323', '#8B1A1A', '#8B0000', '#8B0000', '#800000', '#FFAEB9', '#CD8C95', '#8B5F65', '#EEA2AD', '#FFB6C1', '#FFC0CB', '#DC143C', '#FFB5C5', '#EEA9B8', '#CD919E', '#8B636C', '#8B475D', '#DB7093', '#EE799F', '#FF82AB', '#CD6889', '#FFF0F5', '#FFF0F5', '#CDC1C5', '#EEE0E5', '#8B8386', '#B03060', '#CD6090', '#CD3278', '#FF3E96', '#EE3A8C', '#8B2252', '#EE6AA7', '#FF6EB4', '#8B3A62', '#FF69B4', '#FF1493', '#FF1493', '#EE1289', '#CD1076', '#8B0A50', '#FF34B3', '#EE30A7', '#CD2990', '#8B1C62', '#C71585', '#D02090', '#EE7AE9', '#DA70D6', '#FF83FA', '#CD69C9', '#8B4789', '#FFE1FF', '#EED2EE', '#FFBBFF', '#EEAEEE', '#D8BFD8', '#CDB5CD', '#DDA0DD', '#EE82EE', '#CD96CD', '#8B7B8B', '#FF00FF', '#FF00FF', '#FF00FF', '#8B668B', '#EE00EE', '#CD00CD', '#8B008B', '#8B008B', '#800080', '#BA55D3', '#E066FF', '#D15FEE', '#B452CD', '#7A378B', '#9400D3', '#9932CC', '#BF3EFF', '#9A32CD', '#B23AEE', '#68228B', '#A020F0', '#4B0082', '#8A2BE2', '#912CEE', '#7D26CD', '#551A8B', '#9B30FF', '#9370DB', '#AB82FF', '#9F79EE', '#8968CD', '#5D478B', '#483D8B', '#8470FF', '#7B68EE', '#6A5ACD', '#836FFF', '#7A67EE', '#6959CD', '#473C8B', '#F8F8FF', '#E6E6FA', '#0000FF', '#0000FF', '#0000EE', '#0000CD', '#0000CD', '#00008B', '#00008B', '#191970', '#000080', '#000080', '#4169E1', '#4876FF', '#436EEE', '#3A5FCD', '#27408B', '#6495ED', '#B0C4DE', '#CAE1FF', '#BCD2EE', '#A2B5CD', '#6E7B8B', '#6C7B8B', '#C6E2FF', '#B9D3EE', '#9FB6CD', '#778899', '#778899', '#708090', '#708090', '#1E90FF', '#1E90FF', '#1C86EE', '#104E8B', '#1874CD', '#F0F8FF', '#36648B', '#4682B4', '#63B8FF', '#5CACEE', '#4F94CD', '#4A708B', '#87CEFF', '#7EC0EE', '#6CA6CD', '#87CEFA', '#607B8B', '#B0E2FF', '#A4D3EE', '#8DB6CD', '#87CEEB', '#9AC0CD', '#00BFFF', '#00BFFF', '#00B2EE', '#00688B', '#009ACD', '#BFEFFF', '#B2DFEE', '#ADD8E6', '#68838B', '#B0E0E6', '#98F5FF', '#8EE5EE', '#7AC5CD', '#53868B', '#00F5FF', '#00E5EE', '#00C5CD', '#00868B', '#5F9EA0', '#5F9EA0', '#00CED1', '#F0FFFF', '#F0FFFF', '#E0FFFF', '#E0FFFF', '#E0EEEE', '#D1EEEE', '#BBFFFF', '#AFEEEE', '#AEEEEE', '#97FFFF', '#C1CDCD', '#B4CDCD', '#8DEEEE', '#96CDCD', '#79CDCD', '#838B8B', '#7A8B8B', '#00FFFF', '#00FFFF', '#00FFFF', '#668B8B', '#00EEEE', '#528B8B', '#00CDCD', '#008B8B', '#008B8B', '#008080', '#2F4F4F', '#2F4F4F', '#48D1CC', '#20B2AA', '#40E0D0', '#458B74', '#7FFFD4', '#7FFFD4', '#76EEC6', '#66CDAA', '#66CDAA', '#00FA9A', '#F5FFFA', '#00FF7F', '#00FF7F', '#00EE76', '#00CD66', '#008B45', '#3CB371', '#2E8B57', '#43CD80', '#54FF9F', '#2E8B57', '#4EEE94', '#32814B', '#F0FFF0', '#F0FFF0', '#E0EEE0', '#C1FFC1', '#B4EEB4', '#9AFF9A', '#98FB98', '#C1CDC1', '#90EE90', '#90EE90', '#9BCD9B', '#8FBC8F', '#7CCD7C', '#838B83', '#00FF00', '#00FF00', '#32CD32', '#698B69', '#00EE00', '#548B54', '#00CD00', '#228B22', '#008B00', '#008000', '#006400', '#7CFC00', '#7FFF00', '#7FFF00', '#76EE00', '#66CD00', '#458B00', '#ADFF2F', '#A2CD5A', '#CAFF70', '#BCEE68', '#6E8B3D', '#556B2F', '#6B8E23', '#C0FF3E', '#B3EE3A', '#9ACD32', '#9ACD32', '#698B22', '#FFFFF0', '#FFFFF0', '#FFFFE0', '#FFFFE0', '#F5F5DC', '#EEEEE0', '#FAFAD2', '#EEEED1', '#CDCDC1', '#CDCDB4', '#8B8B83', '#8B8B7A', '#FFFF00', '#FFFF00', '#EEEE00', '#CDCD00', '#8B8B00', '#808000', '#BDB76B', '#EEE685', '#8B8970', '#FFF68F', '#CDC673', '#8B864E', '#EEE8AA', '#FFFACD', '#FFFACD', '#F0E68C', '#CDC9A5', '#EEE9BF', '#D1C166', '#8B8878', '#FFD700', '#FFD700', '#EEC900', '#CDAD00', '#8B7500', '#EEDD82', '#8B814C', '#FFEC8B', '#CDBE70', '#EEDC82', '#CDC8B1', '#EEE8CD', '#FFF8DC', '#FFF8DC', '#DAA520', '#FFC125', '#EEB422', '#CD9B1D', '#8B6914', '#B8860B', '#FFB90F', '#EEAD0E', '#CD950C', '#8B6508', '#FFFAF0', '#EED8AE', '#FDF5E6', '#F5DEB3', '#FFE7BA', '#CDBA96', '#FFA500', '#FFA500', '#EE9A00', '#CD8500', '#8B5A00', '#8B7E66', '#FFE4B5', '#FFEFD5', '#CDB38B', '#FFEBCD', '#FFDEAD', '#FFDEAD', '#EECFA1', '#8B795E', '#8B8378', '#FAEBD7', '#D2B48C', '#8B7D6B', '#DEB887', '#EEDFCC', '#FFD39B', '#CDAA7D', '#EEC591', '#FFEFDB', '#8B7355', '#CDC0B0', '#FF8C00', '#EED5B7', '#FFE4C4', '#FFE4C4', '#CDB79E', '#FF7F00', '#FAF0E6', '#EE7600', '#CD6600', '#8B4500', '#CD853F', '#FFA54F', '#EE9A49', '#CD853F', '#8B5A2B', '#FFDAB9', '#FFDAB9', '#8B7765', '#EECBAD', '#CDAF95', '#F4A460', '#8B8682', '#EEE5DE', '#CDC5BF', '#D2691E', '#FF7F24', '#EE7621', '#CD661D', '#8B4513', '#8B4513', '#FFF5EE', '#FFF5EE', '#8B4726', '#A0522D', '#FF8247', '#EE7942', '#CD6839', '#CD8162', '#FFA07A', '#FFA07A', '#8B5742', '#EE9572', '#FF7F50', '#FF4500', '#FF4500', '#EE4000', '#CD3700', '#8B2500', '#E9967A', '#FF8C69', '#EE8262', '#CD7054', '#8B4C39', '#FF7256', '#EE6A50', '#CD5B45', '#8B3E2F', '#8B3626', '#FF6347', '#FF6347', '#EE5C42', '#CD4F39', '#8B7D7B', '#EED5D2', '#FFE4E1', '#FFE4E1', '#FA8072', '#CDB7B5', '#FFFFFF', '#FFFFFF', '#FFFFFF', '#FFFFFF', '#FCFCFC', '#FCFCFC', '#FAFAFA', '#FAFAFA', '#F7F7F7', '#F7F7F7', '#F5F5F5', '#F5F5F5', '#F5F5F5', '#F2F2F2', '#F2F2F2', '#F0F0F0', '#F0F0F0', '#EDEDED', '#EDEDED', '#EBEBEB', '#EBEBEB', '#E8E8E8', '#E8E8E8', '#E5E5E5', '#E5E5E5', '#E3E3E3', '#E3E3E3', '#E0E0E0', '#E0E0E0', '#DEDEDE', '#DEDEDE', '#DCDCDC', '#DBDBDB', '#DBDBDB', '#D9D9D9', '#D9D9D9', '#D6D6D6', '#D6D6D6', '#D4D4D4', '#D4D4D4', '#D3D3D3', '#D3D3D3', '#D1D1D1', '#D1D1D1', '#CFCFCF', '#CFCFCF', '#CCCCCC', '#CCCCCC', '#C9C9C9', '#C9C9C9', '#C7C7C7', '#C7C7C7', '#C4C4C4', '#C4C4C4', '#C2C2C2', '#C2C2C2', '#C0C0C0', '#BFBFBF', '#BFBFBF', '#BDBDBD', '#BDBDBD', '#BABABA', '#BABABA', '#B8B8B8', '#B8B8B8', '#B5B5B5', '#B5B5B5', '#B3B3B3', '#B3B3B3', '#B0B0B0', '#B0B0B0', '#ADADAD', '#ADADAD', '#ABABAB', '#ABABAB', '#A9A9A9', '#A9A9A9', '#A8A8A8', '#A8A8A8', '#A6A6A6', '#A6A6A6', '#A3A3A3', '#A3A3A3', '#A1A1A1', '#A1A1A1', '#9E9E9E', '#9E9E9E', '#9C9C9C', '#9C9C9C', '#999999', '#999999', '#969696', '#969696', '#949494', '#949494', '#919191', '#919191', '#8F8F8F', '#8F8F8F', '#8C8C8C', '#8C8C8C', '#8A8A8A', '#8A8A8A', '#878787', '#878787', '#858585', '#858585', '#828282', '#828282', '#808080', '#7F7F7F', '#7F7F7F', '#7E7E7E', '#7D7D7D', '#7D7D7D', '#7A7A7A', '#7A7A7A', '#787878', '#787878', '#757575', '#757575', '#737373', '#737373', '#707070', '#707070', '#6E6E6E', '#6E6E6E', '#6B6B6B', '#6B6B6B', '#696969', '#696969', '#696969', '#696969', '#666666', '#666666', '#636363', '#636363', '#616161', '#616161', '#5E5E5E', '#5E5E5E', '#5C5C5C', '#5C5C5C', '#595959', '#595959', '#575757', '#575757', '#545454', '#545454', '#525252', '#525252', '#4F4F4F', '#4F4F4F', '#4D4D4D', '#4D4D4D', '#4A4A4A', '#4A4A4A', '#474747', '#474747', '#454545', '#454545', '#424242', '#424242', '#404040', '#404040', '#3D3D3D', '#3D3D3D', '#3B3B3B', '#3B3B3B', '#383838', '#383838', '#363636', '#363636', '#333333', '#333333', '#303030', '#303030', '#2E2E2E', '#2E2E2E', '#2B2B2B', '#2B2B2B', '#292929', '#292929', '#262626', '#262626', '#242424', '#242424', '#212121', '#212121', '#1F1F1F', '#1F1F1F', '#1C1C1C', '#1C1C1C', '#1A1A1A', '#1A1A1A', '#171717', '#171717', '#141414', '#141414', '#121212', '#121212', '#0F0F0F', '#0F0F0F', '#0D0D0D', '#0D0D0D', '#0A0A0A', '#0A0A0A', '#080808', '#080808', '#050505', '#050505', '#030303', '#030303', '#000000', '#000000', '#000000', '#000000', '#000000', '#000000']
+rgblist = ['rgb(255, 250, 250)', 'rgb(255, 250, 250)', 'rgb(238, 233, 233)', 'rgb(255, 193, 193)', 'rgb(238, 180, 180)', 'rgb(205, 201, 201)', 'rgb(240, 128, 128)', 'rgb(255, 106, 106)', 'rgb(205, 155, 155)', 'rgb(238, 99, 99)', 'rgb(188, 143, 143)', 'rgb(255, 64, 64)', 'rgb(255, 48, 48)', 'rgb(238, 59, 59)', 'rgb(205, 92, 92)', 'rgb(205, 85, 85)', 'rgb(238, 44, 44)', 'rgb(139, 137, 137)', 'rgb(205, 51, 51)', 'rgb(255, 0, 0)', 'rgb(255, 0, 0)', 'rgb(139, 105, 105)', 'rgb(205, 38, 38)', 'rgb(238, 0, 0)', 'rgb(178, 34, 34)', 'rgb(165, 42, 42)', 'rgb(205, 0, 0)', 'rgb(139, 58, 58)', 'rgb(139, 35, 35)', 'rgb(139, 26, 26)', 'rgb(139, 0, 0)', 'rgb(139, 0, 0)', 'rgb(128, 0, 0)', 'rgb(255, 174, 185)', 'rgb(205, 140, 149)', 'rgb(139, 95, 101)', 'rgb(238, 162, 173)', 'rgb(255, 182, 193)', 'rgb(255, 192, 203)', 'rgb(220, 20, 60)', 'rgb(255, 181, 197)', 'rgb(238, 169, 184)', 'rgb(205, 145, 158)', 'rgb(139, 99, 108)', 'rgb(139, 71, 93)', 'rgb(219, 112, 147)', 'rgb(238, 121, 159)', 'rgb(255, 130, 171)', 'rgb(205, 104, 137)', 'rgb(255, 240, 245)', 'rgb(255, 240, 245)', 'rgb(205, 193, 197)', 'rgb(238, 224, 229)', 'rgb(139, 131, 134)', 'rgb(176, 48, 96)', 'rgb(205, 96, 144)', 'rgb(205, 50, 120)', 'rgb(255, 62, 150)', 'rgb(238, 58, 140)', 'rgb(139, 34, 82)', 'rgb(238, 106, 167)', 'rgb(255, 110, 180)', 'rgb(139, 58, 98)', 'rgb(255, 105, 180)', 'rgb(255, 20, 147)', 'rgb(255, 20, 147)', 'rgb(238, 18, 137)', 'rgb(205, 16, 118)', 'rgb(139, 10, 80)', 'rgb(255, 52, 179)', 'rgb(238, 48, 167)', 'rgb(205, 41, 144)', 'rgb(139, 28, 98)', 'rgb(199, 21, 133)', 'rgb(208, 32, 144)', 'rgb(238, 122, 233)', 'rgb(218, 112, 214)', 'rgb(255, 131, 250)', 'rgb(205, 105, 201)', 'rgb(139, 71, 137)', 'rgb(255, 225, 255)', 'rgb(238, 210, 238)', 'rgb(255, 187, 255)', 'rgb(238, 174, 238)', 'rgb(216, 191, 216)', 'rgb(205, 181, 205)', 'rgb(221, 160, 221)', 'rgb(238, 130, 238)', 'rgb(205, 150, 205)', 'rgb(139, 123, 139)', 'rgb(255, 0, 255)', 'rgb(255, 0, 255)', 'rgb(255, 0, 255)', 'rgb(139, 102, 139)', 'rgb(238, 0, 238)', 'rgb(205, 0, 205)', 'rgb(139, 0, 139)', 'rgb(139, 0, 139)', 'rgb(128, 0, 128)', 'rgb(186, 85, 211)', 'rgb(224, 102, 255)', 'rgb(209, 95, 238)', 'rgb(180, 82, 205)', 'rgb(122, 55, 139)', 'rgb(148, 0, 211)', 'rgb(153, 50, 204)', 'rgb(191, 62, 255)', 'rgb(154, 50, 205)', 'rgb(178, 58, 238)', 'rgb(104, 34, 139)', 'rgb(160, 32, 240)', 'rgb( 75, 0, 130)', 'rgb(138, 43, 226)', 'rgb(145, 44, 238)', 'rgb(125, 38, 205)', 'rgb( 85, 26, 139)', 'rgb(155, 48, 255)', 'rgb(147, 112, 219)', 'rgb(171, 130, 255)', 'rgb(159, 121, 238)', 'rgb(137, 104, 205)', 'rgb( 93, 71, 139)', 'rgb( 72, 61, 139)', 'rgb(132, 112, 255)', 'rgb(123, 104, 238)', 'rgb(106, 90, 205)', 'rgb(131, 111, 255)', 'rgb(122, 103, 238)', 'rgb(105, 89, 205)', 'rgb( 71, 60, 139)', 'rgb(248, 248, 255)', 'rgb(230, 230, 250)', 'rgb( 0, 0, 255)', 'rgb( 0, 0, 255)', 'rgb( 0, 0, 238)', 'rgb( 0, 0, 205)', 'rgb( 0, 0, 205)', 'rgb( 0, 0, 139)', 'rgb( 0, 0, 139)', 'rgb( 25, 25, 112)', 'rgb( 0, 0, 128)', 'rgb( 0, 0, 128)', 'rgb( 65, 105, 225)', 'rgb( 72, 118, 255)', 'rgb( 67, 110, 238)', 'rgb( 58, 95, 205)', 'rgb( 39, 64, 139)', 'rgb(100, 149, 237)', 'rgb(176, 196, 222)', 'rgb(202, 225, 255)', 'rgb(188, 210, 238)', 'rgb(162, 181, 205)', 'rgb(110, 123, 139)', 'rgb(108, 123, 139)', 'rgb(198, 226, 255)', 'rgb(185, 211, 238)', 'rgb(159, 182, 205)', 'rgb(119, 136, 153)', 'rgb(119, 136, 153)', 'rgb(112, 128, 144)', 'rgb(112, 128, 144)', 'rgb( 30, 144, 255)', 'rgb( 30, 144, 255)', 'rgb( 28, 134, 238)', 'rgb( 16, 78, 139)', 'rgb( 24, 116, 205)', 'rgb(240, 248, 255)', 'rgb( 54, 100, 139)', 'rgb( 70, 130, 180)', 'rgb( 99, 184, 255)', 'rgb( 92, 172, 238)', 'rgb( 79, 148, 205)', 'rgb( 74, 112, 139)', 'rgb(135, 206, 255)', 'rgb(126, 192, 238)', 'rgb(108, 166, 205)', 'rgb(135, 206, 250)', 'rgb( 96, 123, 139)', 'rgb(176, 226, 255)', 'rgb(164, 211, 238)', 'rgb(141, 182, 205)', 'rgb(135, 206, 235)', 'rgb(154, 192, 205)', 'rgb( 0, 191, 255)', 'rgb( 0, 191, 255)', 'rgb( 0, 178, 238)', 'rgb( 0, 104, 139)', 'rgb( 0, 154, 205)', 'rgb(191, 239, 255)', 'rgb(178, 223, 238)', 'rgb(173, 216, 230)', 'rgb(104, 131, 139)', 'rgb(176, 224, 230)', 'rgb(152, 245, 255)', 'rgb(142, 229, 238)', 'rgb(122, 197, 205)', 'rgb( 83, 134, 139)', 'rgb( 0, 245, 255)', 'rgb( 0, 229, 238)', 'rgb( 0, 197, 205)', 'rgb( 0, 134, 139)', 'rgb( 95, 158, 160)', 'rgb( 95, 158, 160)', 'rgb( 0, 206, 209)', 'rgb(240, 255, 255)', 'rgb(240, 255, 255)', 'rgb(224, 255, 255)', 'rgb(224, 255, 255)', 'rgb(224, 238, 238)', 'rgb(209, 238, 238)', 'rgb(187, 255, 255)', 'rgb(175, 238, 238)', 'rgb(174, 238, 238)', 'rgb(151, 255, 255)', 'rgb(193, 205, 205)', 'rgb(180, 205, 205)', 'rgb(141, 238, 238)', 'rgb(150, 205, 205)', 'rgb(121, 205, 205)', 'rgb(131, 139, 139)', 'rgb(122, 139, 139)', 'rgb( 0, 255, 255)', 'rgb( 0, 255, 255)', 'rgb( 0, 255, 255)', 'rgb(102, 139, 139)', 'rgb( 0, 238, 238)', 'rgb( 82, 139, 139)', 'rgb( 0, 205, 205)', 'rgb( 0, 139, 139)', 'rgb( 0, 139, 139)', 'rgb( 0, 128, 128)', 'rgb( 47, 79, 79)', 'rgb( 47, 79, 79)', 'rgb( 72, 209, 204)', 'rgb( 32, 178, 170)', 'rgb( 64, 224, 208)', 'rgb( 69, 139, 116)', 'rgb(127, 255, 212)', 'rgb(127, 255, 212)', 'rgb(118, 238, 198)', 'rgb(102, 205, 170)', 'rgb(102, 205, 170)', 'rgb( 0, 250, 154)', 'rgb(245, 255, 250)', 'rgb( 0, 255, 127)', 'rgb( 0, 255, 127)', 'rgb( 0, 238, 118)', 'rgb( 0, 205, 102)', 'rgb( 0, 139, 69)', 'rgb( 60, 179, 113)', 'rgb( 46, 139, 87)', 'rgb( 67, 205, 128)', 'rgb( 84, 255, 159)', 'rgb( 46, 139, 87)', 'rgb( 78, 238, 148)', 'rgb( 50, 129, 75)', 'rgb(240, 255, 240)', 'rgb(240, 255, 240)', 'rgb(224, 238, 224)', 'rgb(193, 255, 193)', 'rgb(180, 238, 180)', 'rgb(154, 255, 154)', 'rgb(152, 251, 152)', 'rgb(193, 205, 193)', 'rgb(144, 238, 144)', 'rgb(144, 238, 144)', 'rgb(155, 205, 155)', 'rgb(143, 188, 143)', 'rgb(124, 205, 124)', 'rgb(131, 139, 131)', 'rgb( 0, 255, 0)', 'rgb( 0, 255, 0)', 'rgb( 50, 205, 50)', 'rgb(105, 139, 105)', 'rgb( 0, 238, 0)', 'rgb( 84, 139, 84)', 'rgb( 0, 205, 0)', 'rgb( 34, 139, 34)', 'rgb( 0, 139, 0)', 'rgb( 0, 128, 0)', 'rgb( 0, 100, 0)', 'rgb(124, 252, 0)', 'rgb(127, 255, 0)', 'rgb(127, 255, 0)', 'rgb(118, 238, 0)', 'rgb(102, 205, 0)', 'rgb( 69, 139, 0)', 'rgb(173, 255, 47)', 'rgb(162, 205, 90)', 'rgb(202, 255, 112)', 'rgb(188, 238, 104)', 'rgb(110, 139, 61)', 'rgb( 85, 107, 47)', 'rgb(107, 142, 35)', 'rgb(192, 255, 62)', 'rgb(179, 238, 58)', 'rgb(154, 205, 50)', 'rgb(154, 205, 50)', 'rgb(105, 139, 34)', 'rgb(255, 255, 240)', 'rgb(255, 255, 240)', 'rgb(255, 255, 224)', 'rgb(255, 255, 224)', 'rgb(245, 245, 220)', 'rgb(238, 238, 224)', 'rgb(250, 250, 210)', 'rgb(238, 238, 209)', 'rgb(205, 205, 193)', 'rgb(205, 205, 180)', 'rgb(139, 139, 131)', 'rgb(139, 139, 122)', 'rgb(255, 255, 0)', 'rgb(255, 255, 0)', 'rgb(238, 238, 0)', 'rgb(205, 205, 0)', 'rgb(139, 139, 0)', 'rgb(128, 128, 0)', 'rgb(189, 183, 107)', 'rgb(238, 230, 133)', 'rgb(139, 137, 112)', 'rgb(255, 246, 143)', 'rgb(205, 198, 115)', 'rgb(139, 134, 78)', 'rgb(238, 232, 170)', 'rgb(255, 250, 205)', 'rgb(255, 250, 205)', 'rgb(240, 230, 140)', 'rgb(205, 201, 165)', 'rgb(238, 233, 191)', 'rgb(209, 193, 102)', 'rgb(139, 136, 120)', 'rgb(255, 215, 0)', 'rgb(255, 215, 0)', 'rgb(238, 201, 0)', 'rgb(205, 173, 0)', 'rgb(139, 117, 0)', 'rgb(238, 221, 130)', 'rgb(139, 129, 76)', 'rgb(255, 236, 139)', 'rgb(205, 190, 112)', 'rgb(238, 220, 130)', 'rgb(205, 200, 177)', 'rgb(238, 232, 205)', 'rgb(255, 248, 220)', 'rgb(255, 248, 220)', 'rgb(218, 165, 32)', 'rgb(255, 193, 37)', 'rgb(238, 180, 34)', 'rgb(205, 155, 29)', 'rgb(139, 105, 20)', 'rgb(184, 134, 11)', 'rgb(255, 185, 15)', 'rgb(238, 173, 14)', 'rgb(205, 149, 12)', 'rgb(139, 101, 8)', 'rgb(255, 250, 240)', 'rgb(238, 216, 174)', 'rgb(253, 245, 230)', 'rgb(245, 222, 179)', 'rgb(255, 231, 186)', 'rgb(205, 186, 150)', 'rgb(255, 165, 0)', 'rgb(255, 165, 0)', 'rgb(238, 154, 0)', 'rgb(205, 133, 0)', 'rgb(139, 90, 0)', 'rgb(139, 126, 102)', 'rgb(255, 228, 181)', 'rgb(255, 239, 213)', 'rgb(205, 179, 139)', 'rgb(255, 235, 205)', 'rgb(255, 222, 173)', 'rgb(255, 222, 173)', 'rgb(238, 207, 161)', 'rgb(139, 121, 94)', 'rgb(139, 131, 120)', 'rgb(250, 235, 215)', 'rgb(210, 180, 140)', 'rgb(139, 125, 107)', 'rgb(222, 184, 135)', 'rgb(238, 223, 204)', 'rgb(255, 211, 155)', 'rgb(205, 170, 125)', 'rgb(238, 197, 145)', 'rgb(255, 239, 219)', 'rgb(139, 115, 85)', 'rgb(205, 192, 176)', 'rgb(255, 140, 0)', 'rgb(238, 213, 183)', 'rgb(255, 228, 196)', 'rgb(255, 228, 196)', 'rgb(205, 183, 158)', 'rgb(255, 127, 0)', 'rgb(250, 240, 230)', 'rgb(238, 118, 0)', 'rgb(205, 102, 0)', 'rgb(139, 69, 0)', 'rgb(205, 133, 63)', 'rgb(255, 165, 79)', 'rgb(238, 154, 73)', 'rgb(205, 133, 63)', 'rgb(139, 90, 43)', 'rgb(255, 218, 185)', 'rgb(255, 218, 185)', 'rgb(139, 119, 101)', 'rgb(238, 203, 173)', 'rgb(205, 175, 149)', 'rgb(244, 164, 96)', 'rgb(139, 134, 130)', 'rgb(238, 229, 222)', 'rgb(205, 197, 191)', 'rgb(210, 105, 30)', 'rgb(255, 127, 36)', 'rgb(238, 118, 33)', 'rgb(205, 102, 29)', 'rgb(139, 69, 19)', 'rgb(139, 69, 19)', 'rgb(255, 245, 238)', 'rgb(255, 245, 238)', 'rgb(139, 71, 38)', 'rgb(160, 82, 45)', 'rgb(255, 130, 71)', 'rgb(238, 121, 66)', 'rgb(205, 104, 57)', 'rgb(205, 129, 98)', 'rgb(255, 160, 122)', 'rgb(255, 160, 122)', 'rgb(139, 87, 66)', 'rgb(238, 149, 114)', 'rgb(255, 127, 80)', 'rgb(255, 69, 0)', 'rgb(255, 69, 0)', 'rgb(238, 64, 0)', 'rgb(205, 55, 0)', 'rgb(139, 37, 0)', 'rgb(233, 150, 122)', 'rgb(255, 140, 105)', 'rgb(238, 130, 98)', 'rgb(205, 112, 84)', 'rgb(139, 76, 57)', 'rgb(255, 114, 86)', 'rgb(238, 106, 80)', 'rgb(205, 91, 69)', 'rgb(139, 62, 47)', 'rgb(139, 54, 38)', 'rgb(255, 99, 71)', 'rgb(255, 99, 71)', 'rgb(238, 92, 66)', 'rgb(205, 79, 57)', 'rgb(139, 125, 123)', 'rgb(238, 213, 210)', 'rgb(255, 228, 225)', 'rgb(255, 228, 225)', 'rgb(250, 128, 114)', 'rgb(205, 183, 181)', 'rgb(255, 255, 255)', 'rgb(255, 255, 255)', 'rgb(255, 255, 255)', 'rgb(255, 255, 255)', 'rgb(252, 252, 252)', 'rgb(252, 252, 252)', 'rgb(250, 250, 250)', 'rgb(250, 250, 250)', 'rgb(247, 247, 247)', 'rgb(247, 247, 247)', 'rgb(245, 245, 245)', 'rgb(245, 245, 245)', 'rgb(245, 245, 245)', 'rgb(242, 242, 242)', 'rgb(242, 242, 242)', 'rgb(240, 240, 240)', 'rgb(240, 240, 240)', 'rgb(237, 237, 237)', 'rgb(237, 237, 237)', 'rgb(235, 235, 235)', 'rgb(235, 235, 235)', 'rgb(232, 232, 232)', 'rgb(232, 232, 232)', 'rgb(229, 229, 229)', 'rgb(229, 229, 229)', 'rgb(227, 227, 227)', 'rgb(227, 227, 227)', 'rgb(224, 224, 224)', 'rgb(224, 224, 224)', 'rgb(222, 222, 222)', 'rgb(222, 222, 222)', 'rgb(220, 220, 220)', 'rgb(219, 219, 219)', 'rgb(219, 219, 219)', 'rgb(217, 217, 217)', 'rgb(217, 217, 217)', 'rgb(214, 214, 214)', 'rgb(214, 214, 214)', 'rgb(212, 212, 212)', 'rgb(212, 212, 212)', 'rgb(211, 211, 211)', 'rgb(211, 211, 211)', 'rgb(209, 209, 209)', 'rgb(209, 209, 209)', 'rgb(207, 207, 207)', 'rgb(207, 207, 207)', 'rgb(204, 204, 204)', 'rgb(204, 204, 204)', 'rgb(201, 201, 201)', 'rgb(201, 201, 201)', 'rgb(199, 199, 199)', 'rgb(199, 199, 199)', 'rgb(196, 196, 196)', 'rgb(196, 196, 196)', 'rgb(194, 194, 194)', 'rgb(194, 194, 194)', 'rgb(192, 192, 192)', 'rgb(191, 191, 191)', 'rgb(191, 191, 191)', 'rgb(189, 189, 189)', 'rgb(189, 189, 189)', 'rgb(186, 186, 186)', 'rgb(186, 186, 186)', 'rgb(184, 184, 184)', 'rgb(184, 184, 184)', 'rgb(181, 181, 181)', 'rgb(181, 181, 181)', 'rgb(179, 179, 179)', 'rgb(179, 179, 179)', 'rgb(176, 176, 176)', 'rgb(176, 176, 176)', 'rgb(173, 173, 173)', 'rgb(173, 173, 173)', 'rgb(171, 171, 171)', 'rgb(171, 171, 171)', 'rgb(169, 169, 169)', 'rgb(169, 169, 169)', 'rgb(168, 168, 168)', 'rgb(168, 168, 168)', 'rgb(166, 166, 166)', 'rgb(166, 166, 166)', 'rgb(163, 163, 163)', 'rgb(163, 163, 163)', 'rgb(161, 161, 161)', 'rgb(161, 161, 161)', 'rgb(158, 158, 158)', 'rgb(158, 158, 158)', 'rgb(156, 156, 156)', 'rgb(156, 156, 156)', 'rgb(153, 153, 153)', 'rgb(153, 153, 153)', 'rgb(150, 150, 150)', 'rgb(150, 150, 150)', 'rgb(148, 148, 148)', 'rgb(148, 148, 148)', 'rgb(145, 145, 145)', 'rgb(145, 145, 145)', 'rgb(143, 143, 143)', 'rgb(143, 143, 143)', 'rgb(140, 140, 140)', 'rgb(140, 140, 140)', 'rgb(138, 138, 138)', 'rgb(138, 138, 138)', 'rgb(135, 135, 135)', 'rgb(135, 135, 135)', 'rgb(133, 133, 133)', 'rgb(133, 133, 133)', 'rgb(130, 130, 130)', 'rgb(130, 130, 130)', 'rgb(128, 128, 128)', 'rgb(127, 127, 127)', 'rgb(127, 127, 127)', 'rgb(126, 126, 126)', 'rgb(125, 125, 125)', 'rgb(125, 125, 125)', 'rgb(122, 122, 122)', 'rgb(122, 122, 122)', 'rgb(120, 120, 120)', 'rgb(120, 120, 120)', 'rgb(117, 117, 117)', 'rgb(117, 117, 117)', 'rgb(115, 115, 115)', 'rgb(115, 115, 115)', 'rgb(112, 112, 112)', 'rgb(112, 112, 112)', 'rgb(110, 110, 110)', 'rgb(110, 110, 110)', 'rgb(107, 107, 107)', 'rgb(107, 107, 107)', 'rgb(105, 105, 105)', 'rgb(105, 105, 105)', 'rgb(105, 105, 105)', 'rgb(105, 105, 105)', 'rgb(102, 102, 102)', 'rgb(102, 102, 102)', 'rgb( 99, 99, 99)', 'rgb( 99, 99, 99)', 'rgb( 97, 97, 97)', 'rgb( 97, 97, 97)', 'rgb( 94, 94, 94)', 'rgb( 94, 94, 94)', 'rgb( 92, 92, 92)', 'rgb( 92, 92, 92)', 'rgb( 89, 89, 89)', 'rgb( 89, 89, 89)', 'rgb( 87, 87, 87)', 'rgb( 87, 87, 87)', 'rgb( 84, 84, 84)', 'rgb( 84, 84, 84)', 'rgb( 82, 82, 82)', 'rgb( 82, 82, 82)', 'rgb( 79, 79, 79)', 'rgb( 79, 79, 79)', 'rgb( 77, 77, 77)', 'rgb( 77, 77, 77)', 'rgb( 74, 74, 74)', 'rgb( 74, 74, 74)', 'rgb( 71, 71, 71)', 'rgb( 71, 71, 71)', 'rgb( 69, 69, 69)', 'rgb( 69, 69, 69)', 'rgb( 66, 66, 66)', 'rgb( 66, 66, 66)', 'rgb( 64, 64, 64)', 'rgb( 64, 64, 64)', 'rgb( 61, 61, 61)', 'rgb( 61, 61, 61)', 'rgb( 59, 59, 59)', 'rgb( 59, 59, 59)', 'rgb( 56, 56, 56)', 'rgb( 56, 56, 56)', 'rgb( 54, 54, 54)', 'rgb( 54, 54, 54)', 'rgb( 51, 51, 51)', 'rgb( 51, 51, 51)', 'rgb( 48, 48, 48)', 'rgb( 48, 48, 48)', 'rgb( 46, 46, 46)', 'rgb( 46, 46, 46)', 'rgb( 43, 43, 43)', 'rgb( 43, 43, 43)', 'rgb( 41, 41, 41)', 'rgb( 41, 41, 41)', 'rgb( 38, 38, 38)', 'rgb( 38, 38, 38)', 'rgb( 36, 36, 36)', 'rgb( 36, 36, 36)', 'rgb( 33, 33, 33)', 'rgb( 33, 33, 33)', 'rgb( 31, 31, 31)', 'rgb( 31, 31, 31)', 'rgb( 28, 28, 28)', 'rgb( 28, 28, 28)', 'rgb( 26, 26, 26)', 'rgb( 26, 26, 26)', 'rgb( 23, 23, 23)', 'rgb( 23, 23, 23)', 'rgb( 20, 20, 20)', 'rgb( 20, 20, 20)', 'rgb( 18, 18, 18)', 'rgb( 18, 18, 18)', 'rgb( 15, 15, 15)', 'rgb( 15, 15, 15)', 'rgb( 13, 13, 13)', 'rgb( 13, 13, 13)', 'rgb( 10, 10, 10)', 'rgb( 10, 10, 10)', 'rgb( 8, 8, 8)', 'rgb( 8, 8, 8)', 'rgb( 5, 5, 5)', 'rgb( 5, 5, 5)', 'rgb( 3, 3, 3)', 'rgb( 3, 3, 3)', 'rgb( 0, 0, 0)', 'rgb( 0, 0, 0)', 'rgb( 0, 0, 0)', 'rgb( 0, 0, 0)', 'white', 'white']
+namelist = ['snow', 'snow1', 'snow2', 'RosyBrown1', 'RosyBrown2', 'snow3', 'LightCoral', 'IndianRed1', 'RosyBrown3', 'IndianRed2', 'RosyBrown', 'brown1', 'firebrick1', 'brown2', 'IndianRed', 'IndianRed3', 'firebrick2', 'snow4', 'brown3', 'red', 'red1', 'RosyBrown4', 'firebrick3', 'red2', 'firebrick', 'brown', 'red3', 'IndianRed4', 'brown4', 'firebrick4', 'DarkRed', 'red4', 'maroon', 'LightPink1', 'LightPink3', 'LightPink4', 'LightPink2', 'LightPink', 'pink', 'crimson', 'pink1', 'pink2', 'pink3', 'pink4', 'PaleVioletRed4', 'PaleVioletRed', 'PaleVioletRed2', 'PaleVioletRed1', 'PaleVioletRed3', 'LavenderBlush', 'LavenderBlush1', 'LavenderBlush3', 'LavenderBlush2', 'LavenderBlush4', 'maroon', 'HotPink3', 'VioletRed3', 'VioletRed1', 'VioletRed2', 'VioletRed4', 'HotPink2', 'HotPink1', 'HotPink4', 'HotPink', 'DeepPink', 'DeepPink1', 'DeepPink2', 'DeepPink3', 'DeepPink4', 'maroon1', 'maroon2', 'maroon3', 'maroon4', 'MediumVioletRed', 'VioletRed', 'orchid2', 'orchid', 'orchid1', 'orchid3', 'orchid4', 'thistle1', 'thistle2', 'plum1', 'plum2', 'thistle', 'thistle3', 'plum', 'violet', 'plum3', 'thistle4', 'fuchsia', 'magenta', 'magenta1', 'plum4', 'magenta2', 'magenta3', 'DarkMagenta', 'magenta4', 'purple', 'MediumOrchid', 'MediumOrchid1', 'MediumOrchid2', 'MediumOrchid3', 'MediumOrchid4', 'DarkViolet', 'DarkOrchid', 'DarkOrchid1', 'DarkOrchid3', 'DarkOrchid2', 'DarkOrchid4', 'purple', 'indigo', 'BlueViolet', 'purple2', 'purple3', 'purple4', 'purple1', 'MediumPurple', 'MediumPurple1', 'MediumPurple2', 'MediumPurple3', 'MediumPurple4', 'DarkSlateBlue', 'LightSlateBlue', 'MediumSlateBlue', 'SlateBlue', 'SlateBlue1', 'SlateBlue2', 'SlateBlue3', 'SlateBlue4', 'GhostWhite', 'lavender', 'blue', 'blue1', 'blue2', 'blue3', 'MediumBlue', 'blue4', 'DarkBlue', 'MidnightBlue', 'navy', 'NavyBlue', 'RoyalBlue', 'RoyalBlue1', 'RoyalBlue2', 'RoyalBlue3', 'RoyalBlue4', 'CornflowerBlue', 'LightSteelBlue', 'LightSteelBlue1', 'LightSteelBlue2', 'LightSteelBlue3', 'LightSteelBlue4', 'SlateGray4', 'SlateGray1', 'SlateGray2', 'SlateGray3', 'LightSlateGray', 'LightSlateGrey', 'SlateGray', 'SlateGrey', 'DodgerBlue', 'DodgerBlue1', 'DodgerBlue2', 'DodgerBlue4', 'DodgerBlue3', 'AliceBlue', 'SteelBlue4', 'SteelBlue', 'SteelBlue1', 'SteelBlue2', 'SteelBlue3', 'SkyBlue4', 'SkyBlue1', 'SkyBlue2', 'SkyBlue3', 'LightSkyBlue', 'LightSkyBlue4', 'LightSkyBlue1', 'LightSkyBlue2', 'LightSkyBlue3', 'SkyBlue', 'LightBlue3', 'DeepSkyBlue', 'DeepSkyBlue1', 'DeepSkyBlue2', 'DeepSkyBlue4', 'DeepSkyBlue3', 'LightBlue1', 'LightBlue2', 'LightBlue', 'LightBlue4', 'PowderBlue', 'CadetBlue1', 'CadetBlue2', 'CadetBlue3', 'CadetBlue4', 'turquoise1', 'turquoise2', 'turquoise3', 'turquoise4', 'cadet blue', 'CadetBlue', 'DarkTurquoise', 'azure', 'azure1', 'LightCyan', 'LightCyan1', 'azure2', 'LightCyan2', 'PaleTurquoise1', 'PaleTurquoise', 'PaleTurquoise2', 'DarkSlateGray1', 'azure3', 'LightCyan3', 'DarkSlateGray2', 'PaleTurquoise3', 'DarkSlateGray3', 'azure4', 'LightCyan4', 'aqua', 'cyan', 'cyan1', 'PaleTurquoise4', 'cyan2', 'DarkSlateGray4', 'cyan3', 'cyan4', 'DarkCyan', 'teal', 'DarkSlateGray', 'DarkSlateGrey', 'MediumTurquoise', 'LightSeaGreen', 'turquoise', 'aquamarine4', 'aquamarine', 'aquamarine1', 'aquamarine2', 'aquamarine3', 'MediumAquamarine', 'MediumSpringGreen', 'MintCream', 'SpringGreen', 'SpringGreen1', 'SpringGreen2', 'SpringGreen3', 'SpringGreen4', 'MediumSeaGreen', 'SeaGreen', 'SeaGreen3', 'SeaGreen1', 'SeaGreen4', 'SeaGreen2', 'MediumForestGreen', 'honeydew', 'honeydew1', 'honeydew2', 'DarkSeaGreen1', 'DarkSeaGreen2', 'PaleGreen1', 'PaleGreen', 'honeydew3', 'LightGreen', 'PaleGreen2', 'DarkSeaGreen3', 'DarkSeaGreen', 'PaleGreen3', 'honeydew4', 'green1', 'lime', 'LimeGreen', 'DarkSeaGreen4', 'green2', 'PaleGreen4', 'green3', 'ForestGreen', 'green4', 'green', 'DarkGreen', 'LawnGreen', 'chartreuse', 'chartreuse1', 'chartreuse2', 'chartreuse3', 'chartreuse4', 'GreenYellow', 'DarkOliveGreen3', 'DarkOliveGreen1', 'DarkOliveGreen2', 'DarkOliveGreen4', 'DarkOliveGreen', 'OliveDrab', 'OliveDrab1', 'OliveDrab2', 'OliveDrab3', 'YellowGreen', 'OliveDrab4', 'ivory', 'ivory1', 'LightYellow', 'LightYellow1', 'beige', 'ivory2', 'LightGoldenrodYellow', 'LightYellow2', 'ivory3', 'LightYellow3', 'ivory4', 'LightYellow4', 'yellow', 'yellow1', 'yellow2', 'yellow3', 'yellow4', 'olive', 'DarkKhaki', 'khaki2', 'LemonChiffon4', 'khaki1', 'khaki3', 'khaki4', 'PaleGoldenrod', 'LemonChiffon', 'LemonChiffon1', 'khaki', 'LemonChiffon3', 'LemonChiffon2', 'MediumGoldenRod', 'cornsilk4', 'gold', 'gold1', 'gold2', 'gold3', 'gold4', 'LightGoldenrod', 'LightGoldenrod4', 'LightGoldenrod1', 'LightGoldenrod3', 'LightGoldenrod2', 'cornsilk3', 'cornsilk2', 'cornsilk', 'cornsilk1', 'goldenrod', 'goldenrod1', 'goldenrod2', 'goldenrod3', 'goldenrod4', 'DarkGoldenrod', 'DarkGoldenrod1', 'DarkGoldenrod2', 'DarkGoldenrod3', 'DarkGoldenrod4', 'FloralWhite', 'wheat2', 'OldLace', 'wheat', 'wheat1', 'wheat3', 'orange', 'orange1', 'orange2', 'orange3', 'orange4', 'wheat4', 'moccasin', 'PapayaWhip', 'NavajoWhite3', 'BlanchedAlmond', 'NavajoWhite', 'NavajoWhite1', 'NavajoWhite2', 'NavajoWhite4', 'AntiqueWhite4', 'AntiqueWhite', 'tan', 'bisque4', 'burlywood', 'AntiqueWhite2', 'burlywood1', 'burlywood3', 'burlywood2', 'AntiqueWhite1', 'burlywood4', 'AntiqueWhite3', 'DarkOrange', 'bisque2', 'bisque', 'bisque1', 'bisque3', 'DarkOrange1', 'linen', 'DarkOrange2', 'DarkOrange3', 'DarkOrange4', 'peru', 'tan1', 'tan2', 'tan3', 'tan4', 'PeachPuff', 'PeachPuff1', 'PeachPuff4', 'PeachPuff2', 'PeachPuff3', 'SandyBrown', 'seashell4', 'seashell2', 'seashell3', 'chocolate', 'chocolate1', 'chocolate2', 'chocolate3', 'chocolate4', 'SaddleBrown', 'seashell', 'seashell1', 'sienna4', 'sienna', 'sienna1', 'sienna2', 'sienna3', 'LightSalmon3', 'LightSalmon', 'LightSalmon1', 'LightSalmon4', 'LightSalmon2', 'coral', 'OrangeRed', 'OrangeRed1', 'OrangeRed2', 'OrangeRed3', 'OrangeRed4', 'DarkSalmon', 'salmon1', 'salmon2', 'salmon3', 'salmon4', 'coral1', 'coral2', 'coral3', 'coral4', 'tomato4', 'tomato', 'tomato1', 'tomato2', 'tomato3', 'MistyRose4', 'MistyRose2', 'MistyRose', 'MistyRose1', 'salmon', 'MistyRose3', 'white', 'gray100', 'grey100', 'grey100', 'gray99', 'grey99', 'gray98', 'grey98', 'gray97', 'grey97', 'gray96', 'grey96', 'WhiteSmoke', 'gray95', 'grey95', 'gray94', 'grey94', 'gray93', 'grey93', 'gray92', 'grey92', 'gray91', 'grey91', 'gray90', 'grey90', 'gray89', 'grey89', 'gray88', 'grey88', 'gray87', 'grey87', 'gainsboro', 'gray86', 'grey86', 'gray85', 'grey85', 'gray84', 'grey84', 'gray83', 'grey83', 'LightGray', 'LightGrey', 'gray82', 'grey82', 'gray81', 'grey81', 'gray80', 'grey80', 'gray79', 'grey79', 'gray78', 'grey78', 'gray77', 'grey77', 'gray76', 'grey76', 'silver', 'gray75', 'grey75', 'gray74', 'grey74', 'gray73', 'grey73', 'gray72', 'grey72', 'gray71', 'grey71', 'gray70', 'grey70', 'gray69', 'grey69', 'gray68', 'grey68', 'gray67', 'grey67', 'DarkGray', 'DarkGrey', 'gray66', 'grey66', 'gray65', 'grey65', 'gray64', 'grey64', 'gray63', 'grey63', 'gray62', 'grey62', 'gray61', 'grey61', 'gray60', 'grey60', 'gray59', 'grey59', 'gray58', 'grey58', 'gray57', 'grey57', 'gray56', 'grey56', 'gray55', 'grey55', 'gray54', 'grey54', 'gray53', 'grey53', 'gray52', 'grey52', 'gray51', 'grey51', 'fractal', 'gray50', 'grey50', 'gray', 'gray49', 'grey49', 'gray48', 'grey48', 'gray47', 'grey47', 'gray46', 'grey46', 'gray45', 'grey45', 'gray44', 'grey44', 'gray43', 'grey43', 'gray42', 'grey42', 'DimGray', 'DimGrey', 'gray41', 'grey41', 'gray40', 'grey40', 'gray39', 'grey39', 'gray38', 'grey38', 'gray37', 'grey37', 'gray36', 'grey36', 'gray35', 'grey35', 'gray34', 'grey34', 'gray33', 'grey33', 'gray32', 'grey32', 'gray31', 'grey31', 'gray30', 'grey30', 'gray29', 'grey29', 'gray28', 'grey28', 'gray27', 'grey27', 'gray26', 'grey26', 'gray25', 'grey25', 'gray24', 'grey24', 'gray23', 'grey23', 'gray22', 'grey22', 'gray21', 'grey21', 'gray20', 'grey20', 'gray19', 'grey19', 'gray18', 'grey18', 'gray17', 'grey17', 'gray16', 'grey16', 'gray15', 'grey15', 'gray14', 'grey14', 'gray13', 'grey13', 'gray12', 'grey12', 'gray11', 'grey11', 'gray10', 'grey10', 'gray9', 'grey9', 'gray8', 'grey8', 'gray7', 'grey7', 'gray6', 'grey6', 'gray5', 'grey5', 'gray4', 'grey4', 'gray3', 'grey3', 'gray2', 'grey2', 'gray1', 'grey1', 'black', 'gray0', 'grey0', 'opaque', 'none', 'transparent']
+
+
+#### create some dictionaries######
+#rgb to hex
+#rgb to name
+#the rest will not work
+#maybe hex to rgb
+
+rgbtohex = {}
+for x in xrange(0,len(hexlist)-1):
+	rgbtohex[rgblist[x]] = hexlist[x]
+
+rgbtoname ={}
+for x in xrange(0, len(namelist)-1):
+	rgbtoname[rgblist[x]] = namelist[x]
+
+hextorgb = {}
+for x in xrange(0, len(hexlist)-1):
+	hextorgb[hexlist[x]] = rgblist[x]
+
+f = open("colordictionaries2.js","w")
+f.write('rgbtohex = '+str(rgbtohex)+'\n')
+f.write('rgbtoname = '+str(rgbtoname)+'\n')
+f.write('hextorgb = '+str(hextorgb)+'\n')
+
+f.close()
diff --git a/frontend/imgrid/colors/colors/js/wrkshp/names b/frontend/imgrid/colors/colors/js/wrkshp/names
new file mode 100755
index 0000000..ebcec30
--- /dev/null
+++ b/frontend/imgrid/colors/colors/js/wrkshp/names
@@ -0,0 +1 @@
+namelist = ['snow', 'snow1', 'snow2', 'RosyBrown1', 'RosyBrown2', 'snow3', 'LightCoral', 'IndianRed1', 'RosyBrown3', 'IndianRed2', 'RosyBrown', 'brown1', 'firebrick1', 'brown2', 'IndianRed', 'IndianRed3', 'firebrick2', 'snow4', 'brown3', 'red', 'red1', 'RosyBrown4', 'firebrick3', 'red2', 'firebrick', 'brown', 'red3', 'IndianRed4', 'brown4', 'firebrick4', 'DarkRed', 'red4', 'maroon', 'LightPink1', 'LightPink3', 'LightPink4', 'LightPink2', 'LightPink', 'pink', 'crimson', 'pink1', 'pink2', 'pink3', 'pink4', 'PaleVioletRed4', 'PaleVioletRed', 'PaleVioletRed2', 'PaleVioletRed1', 'PaleVioletRed3', 'LavenderBlush', 'LavenderBlush1', 'LavenderBlush3', 'LavenderBlush2', 'LavenderBlush4', 'maroon', 'HotPink3', 'VioletRed3', 'VioletRed1', 'VioletRed2', 'VioletRed4', 'HotPink2', 'HotPink1', 'HotPink4', 'HotPink', 'DeepPink', 'DeepPink1', 'DeepPink2', 'DeepPink3', 'DeepPink4', 'maroon1', 'maroon2', 'maroon3', 'maroon4', 'MediumVioletRed', 'VioletRed', 'orchid2', 'orchid', 'orchid1', 'orchid3', 'orchid4', 'thistle1', 'thistle2', 'plum1', 'plum2', 'thistle', 'thistle3', 'plum', 'violet', 'plum3', 'thistle4', 'fuchsia', 'magenta', 'magenta1', 'plum4', 'magenta2', 'magenta3', 'DarkMagenta', 'magenta4', 'purple', 'MediumOrchid', 'MediumOrchid1', 'MediumOrchid2', 'MediumOrchid3', 'MediumOrchid4', 'DarkViolet', 'DarkOrchid', 'DarkOrchid1', 'DarkOrchid3', 'DarkOrchid2', 'DarkOrchid4', 'purple', 'indigo', 'BlueViolet', 'purple2', 'purple3', 'purple4', 'purple1', 'MediumPurple', 'MediumPurple1', 'MediumPurple2', 'MediumPurple3', 'MediumPurple4', 'DarkSlateBlue', 'LightSlateBlue', 'MediumSlateBlue', 'SlateBlue', 'SlateBlue1', 'SlateBlue2', 'SlateBlue3', 'SlateBlue4', 'GhostWhite', 'lavender', 'blue', 'blue1', 'blue2', 'blue3', 'MediumBlue', 'blue4', 'DarkBlue', 'MidnightBlue', 'navy', 'NavyBlue', 'RoyalBlue', 'RoyalBlue1', 'RoyalBlue2', 'RoyalBlue3', 'RoyalBlue4', 'CornflowerBlue', 'LightSteelBlue', 'LightSteelBlue1', 'LightSteelBlue2', 'LightSteelBlue3', 'LightSteelBlue4', 'SlateGray4', 'SlateGray1', 'SlateGray2', 'SlateGray3', 'LightSlateGray', 'LightSlateGrey', 'SlateGray', 'SlateGrey', 'DodgerBlue', 'DodgerBlue1', 'DodgerBlue2', 'DodgerBlue4', 'DodgerBlue3', 'AliceBlue', 'SteelBlue4', 'SteelBlue', 'SteelBlue1', 'SteelBlue2', 'SteelBlue3', 'SkyBlue4', 'SkyBlue1', 'SkyBlue2', 'SkyBlue3', 'LightSkyBlue', 'LightSkyBlue4', 'LightSkyBlue1', 'LightSkyBlue2', 'LightSkyBlue3', 'SkyBlue', 'LightBlue3', 'DeepSkyBlue', 'DeepSkyBlue1', 'DeepSkyBlue2', 'DeepSkyBlue4', 'DeepSkyBlue3', 'LightBlue1', 'LightBlue2', 'LightBlue', 'LightBlue4', 'PowderBlue', 'CadetBlue1', 'CadetBlue2', 'CadetBlue3', 'CadetBlue4', 'turquoise1', 'turquoise2', 'turquoise3', 'turquoise4', 'cadet blue', 'CadetBlue', 'DarkTurquoise', 'azure', 'azure1', 'LightCyan', 'LightCyan1', 'azure2', 'LightCyan2', 'PaleTurquoise1', 'PaleTurquoise', 'PaleTurquoise2', 'DarkSlateGray1', 'azure3', 'LightCyan3', 'DarkSlateGray2', 'PaleTurquoise3', 'DarkSlateGray3', 'azure4', 'LightCyan4', 'aqua', 'cyan', 'cyan1', 'PaleTurquoise4', 'cyan2', 'DarkSlateGray4', 'cyan3', 'cyan4', 'DarkCyan', 'teal', 'DarkSlateGray', 'DarkSlateGrey', 'MediumTurquoise', 'LightSeaGreen', 'turquoise', 'aquamarine4', 'aquamarine', 'aquamarine1', 'aquamarine2', 'aquamarine3', 'MediumAquamarine', 'MediumSpringGreen', 'MintCream', 'SpringGreen', 'SpringGreen1', 'SpringGreen2', 'SpringGreen3', 'SpringGreen4', 'MediumSeaGreen', 'SeaGreen', 'SeaGreen3', 'SeaGreen1', 'SeaGreen4', 'SeaGreen2', 'MediumForestGreen', 'honeydew', 'honeydew1', 'honeydew2', 'DarkSeaGreen1', 'DarkSeaGreen2', 'PaleGreen1', 'PaleGreen', 'honeydew3', 'LightGreen', 'PaleGreen2', 'DarkSeaGreen3', 'DarkSeaGreen', 'PaleGreen3', 'honeydew4', 'green1', 'lime', 'LimeGreen', 'DarkSeaGreen4', 'green2', 'PaleGreen4', 'green3', 'ForestGreen', 'green4', 'green', 'DarkGreen', 'LawnGreen', 'chartreuse', 'chartreuse1', 'chartreuse2', 'chartreuse3', 'chartreuse4', 'GreenYellow', 'DarkOliveGreen3', 'DarkOliveGreen1', 'DarkOliveGreen2', 'DarkOliveGreen4', 'DarkOliveGreen', 'OliveDrab', 'OliveDrab1', 'OliveDrab2', 'OliveDrab3', 'YellowGreen', 'OliveDrab4', 'ivory', 'ivory1', 'LightYellow', 'LightYellow1', 'beige', 'ivory2', 'LightGoldenrodYellow', 'LightYellow2', 'ivory3', 'LightYellow3', 'ivory4', 'LightYellow4', 'yellow', 'yellow1', 'yellow2', 'yellow3', 'yellow4', 'olive', 'DarkKhaki', 'khaki2', 'LemonChiffon4', 'khaki1', 'khaki3', 'khaki4', 'PaleGoldenrod', 'LemonChiffon', 'LemonChiffon1', 'khaki', 'LemonChiffon3', 'LemonChiffon2', 'MediumGoldenRod', 'cornsilk4', 'gold', 'gold1', 'gold2', 'gold3', 'gold4', 'LightGoldenrod', 'LightGoldenrod4', 'LightGoldenrod1', 'LightGoldenrod3', 'LightGoldenrod2', 'cornsilk3', 'cornsilk2', 'cornsilk', 'cornsilk1', 'goldenrod', 'goldenrod1', 'goldenrod2', 'goldenrod3', 'goldenrod4', 'DarkGoldenrod', 'DarkGoldenrod1', 'DarkGoldenrod2', 'DarkGoldenrod3', 'DarkGoldenrod4', 'FloralWhite', 'wheat2', 'OldLace', 'wheat', 'wheat1', 'wheat3', 'orange', 'orange1', 'orange2', 'orange3', 'orange4', 'wheat4', 'moccasin', 'PapayaWhip', 'NavajoWhite3', 'BlanchedAlmond', 'NavajoWhite', 'NavajoWhite1', 'NavajoWhite2', 'NavajoWhite4', 'AntiqueWhite4', 'AntiqueWhite', 'tan', 'bisque4', 'burlywood', 'AntiqueWhite2', 'burlywood1', 'burlywood3', 'burlywood2', 'AntiqueWhite1', 'burlywood4', 'AntiqueWhite3', 'DarkOrange', 'bisque2', 'bisque', 'bisque1', 'bisque3', 'DarkOrange1', 'linen', 'DarkOrange2', 'DarkOrange3', 'DarkOrange4', 'peru', 'tan1', 'tan2', 'tan3', 'tan4', 'PeachPuff', 'PeachPuff1', 'PeachPuff4', 'PeachPuff2', 'PeachPuff3', 'SandyBrown', 'seashell4', 'seashell2', 'seashell3', 'chocolate', 'chocolate1', 'chocolate2', 'chocolate3', 'chocolate4', 'SaddleBrown', 'seashell', 'seashell1', 'sienna4', 'sienna', 'sienna1', 'sienna2', 'sienna3', 'LightSalmon3', 'LightSalmon', 'LightSalmon1', 'LightSalmon4', 'LightSalmon2', 'coral', 'OrangeRed', 'OrangeRed1', 'OrangeRed2', 'OrangeRed3', 'OrangeRed4', 'DarkSalmon', 'salmon1', 'salmon2', 'salmon3', 'salmon4', 'coral1', 'coral2', 'coral3', 'coral4', 'tomato4', 'tomato', 'tomato1', 'tomato2', 'tomato3', 'MistyRose4', 'MistyRose2', 'MistyRose', 'MistyRose1', 'salmon', 'MistyRose3', 'white', 'gray100', 'grey100', 'grey100', 'gray99', 'grey99', 'gray98', 'grey98', 'gray97', 'grey97', 'gray96', 'grey96', 'WhiteSmoke', 'gray95', 'grey95', 'gray94', 'grey94', 'gray93', 'grey93', 'gray92', 'grey92', 'gray91', 'grey91', 'gray90', 'grey90', 'gray89', 'grey89', 'gray88', 'grey88', 'gray87', 'grey87', 'gainsboro', 'gray86', 'grey86', 'gray85', 'grey85', 'gray84', 'grey84', 'gray83', 'grey83', 'LightGray', 'LightGrey', 'gray82', 'grey82', 'gray81', 'grey81', 'gray80', 'grey80', 'gray79', 'grey79', 'gray78', 'grey78', 'gray77', 'grey77', 'gray76', 'grey76', 'silver', 'gray75', 'grey75', 'gray74', 'grey74', 'gray73', 'grey73', 'gray72', 'grey72', 'gray71', 'grey71', 'gray70', 'grey70', 'gray69', 'grey69', 'gray68', 'grey68', 'gray67', 'grey67', 'DarkGray', 'DarkGrey', 'gray66', 'grey66', 'gray65', 'grey65', 'gray64', 'grey64', 'gray63', 'grey63', 'gray62', 'grey62', 'gray61', 'grey61', 'gray60', 'grey60', 'gray59', 'grey59', 'gray58', 'grey58', 'gray57', 'grey57', 'gray56', 'grey56', 'gray55', 'grey55', 'gray54', 'grey54', 'gray53', 'grey53', 'gray52', 'grey52', 'gray51', 'grey51', 'fractal', 'gray50', 'grey50', 'gray', 'gray49', 'grey49', 'gray48', 'grey48', 'gray47', 'grey47', 'gray46', 'grey46', 'gray45', 'grey45', 'gray44', 'grey44', 'gray43', 'grey43', 'gray42', 'grey42', 'DimGray', 'DimGrey', 'gray41', 'grey41', 'gray40', 'grey40', 'gray39', 'grey39', 'gray38', 'grey38', 'gray37', 'grey37', 'gray36', 'grey36', 'gray35', 'grey35', 'gray34', 'grey34', 'gray33', 'grey33', 'gray32', 'grey32', 'gray31', 'grey31', 'gray30', 'grey30', 'gray29', 'grey29', 'gray28', 'grey28', 'gray27', 'grey27', 'gray26', 'grey26', 'gray25', 'grey25', 'gray24', 'grey24', 'gray23', 'grey23', 'gray22', 'grey22', 'gray21', 'grey21', 'gray20', 'grey20', 'gray19', 'grey19', 'gray18', 'grey18', 'gray17', 'grey17', 'gray16', 'grey16', 'gray15', 'grey15', 'gray14', 'grey14', 'gray13', 'grey13', 'gray12', 'grey12', 'gray11', 'grey11', 'gray10', 'grey10', 'gray9', 'grey9', 'gray8', 'grey8', 'gray7', 'grey7', 'gray6', 'grey6', 'gray5', 'grey5', 'gray4', 'grey4', 'gray3', 'grey3', 'gray2', 'grey2', 'gray1', 'grey1', 'black', 'gray0', 'grey0', 'opaque', 'none', 'transparent']
\ No newline at end of file
diff --git a/frontend/imgrid/colors/colors/js/wrkshp/rgbs b/frontend/imgrid/colors/colors/js/wrkshp/rgbs
new file mode 100755
index 0000000..59981a8
--- /dev/null
+++ b/frontend/imgrid/colors/colors/js/wrkshp/rgbs
@@ -0,0 +1 @@
+rgblist = ['rgb(255, 250, 250)', 'rgb(255, 250, 250)', 'rgb(238, 233, 233)', 'rgb(255, 193, 193)', 'rgb(238, 180, 180)', 'rgb(205, 201, 201)', 'rgb(240, 128, 128)', 'rgb(255, 106, 106)', 'rgb(205, 155, 155)', 'rgb(238, 99, 99)', 'rgb(188, 143, 143)', 'rgb(255, 64, 64)', 'rgb(255, 48, 48)', 'rgb(238, 59, 59)', 'rgb(205, 92, 92)', 'rgb(205, 85, 85)', 'rgb(238, 44, 44)', 'rgb(139, 137, 137)', 'rgb(205, 51, 51)', 'rgb(255, 0, 0)', 'rgb(255, 0, 0)', 'rgb(139, 105, 105)', 'rgb(205, 38, 38)', 'rgb(238, 0, 0)', 'rgb(178, 34, 34)', 'rgb(165, 42, 42)', 'rgb(205, 0, 0)', 'rgb(139, 58, 58)', 'rgb(139, 35, 35)', 'rgb(139, 26, 26)', 'rgb(139, 0, 0)', 'rgb(139, 0, 0)', 'rgb(128, 0, 0)', 'rgb(255, 174, 185)', 'rgb(205, 140, 149)', 'rgb(139, 95, 101)', 'rgb(238, 162, 173)', 'rgb(255, 182, 193)', 'rgb(255, 192, 203)', 'rgb(220, 20, 60)', 'rgb(255, 181, 197)', 'rgb(238, 169, 184)', 'rgb(205, 145, 158)', 'rgb(139, 99, 108)', 'rgb(139, 71, 93)', 'rgb(219, 112, 147)', 'rgb(238, 121, 159)', 'rgb(255, 130, 171)', 'rgb(205, 104, 137)', 'rgb(255, 240, 245)', 'rgb(255, 240, 245)', 'rgb(205, 193, 197)', 'rgb(238, 224, 229)', 'rgb(139, 131, 134)', 'rgb(176, 48, 96)', 'rgb(205, 96, 144)', 'rgb(205, 50, 120)', 'rgb(255, 62, 150)', 'rgb(238, 58, 140)', 'rgb(139, 34, 82)', 'rgb(238, 106, 167)', 'rgb(255, 110, 180)', 'rgb(139, 58, 98)', 'rgb(255, 105, 180)', 'rgb(255, 20, 147)', 'rgb(255, 20, 147)', 'rgb(238, 18, 137)', 'rgb(205, 16, 118)', 'rgb(139, 10, 80)', 'rgb(255, 52, 179)', 'rgb(238, 48, 167)', 'rgb(205, 41, 144)', 'rgb(139, 28, 98)', 'rgb(199, 21, 133)', 'rgb(208, 32, 144)', 'rgb(238, 122, 233)', 'rgb(218, 112, 214)', 'rgb(255, 131, 250)', 'rgb(205, 105, 201)', 'rgb(139, 71, 137)', 'rgb(255, 225, 255)', 'rgb(238, 210, 238)', 'rgb(255, 187, 255)', 'rgb(238, 174, 238)', 'rgb(216, 191, 216)', 'rgb(205, 181, 205)', 'rgb(221, 160, 221)', 'rgb(238, 130, 238)', 'rgb(205, 150, 205)', 'rgb(139, 123, 139)', 'rgb(255, 0, 255)', 'rgb(255, 0, 255)', 'rgb(255, 0, 255)', 'rgb(139, 102, 139)', 'rgb(238, 0, 238)', 'rgb(205, 0, 205)', 'rgb(139, 0, 139)', 'rgb(139, 0, 139)', 'rgb(128, 0, 128)', 'rgb(186, 85, 211)', 'rgb(224, 102, 255)', 'rgb(209, 95, 238)', 'rgb(180, 82, 205)', 'rgb(122, 55, 139)', 'rgb(148, 0, 211)', 'rgb(153, 50, 204)', 'rgb(191, 62, 255)', 'rgb(154, 50, 205)', 'rgb(178, 58, 238)', 'rgb(104, 34, 139)', 'rgb(160, 32, 240)', 'rgb( 75, 0, 130)', 'rgb(138, 43, 226)', 'rgb(145, 44, 238)', 'rgb(125, 38, 205)', 'rgb( 85, 26, 139)', 'rgb(155, 48, 255)', 'rgb(147, 112, 219)', 'rgb(171, 130, 255)', 'rgb(159, 121, 238)', 'rgb(137, 104, 205)', 'rgb( 93, 71, 139)', 'rgb( 72, 61, 139)', 'rgb(132, 112, 255)', 'rgb(123, 104, 238)', 'rgb(106, 90, 205)', 'rgb(131, 111, 255)', 'rgb(122, 103, 238)', 'rgb(105, 89, 205)', 'rgb( 71, 60, 139)', 'rgb(248, 248, 255)', 'rgb(230, 230, 250)', 'rgb( 0, 0, 255)', 'rgb( 0, 0, 255)', 'rgb( 0, 0, 238)', 'rgb( 0, 0, 205)', 'rgb( 0, 0, 205)', 'rgb( 0, 0, 139)', 'rgb( 0, 0, 139)', 'rgb( 25, 25, 112)', 'rgb( 0, 0, 128)', 'rgb( 0, 0, 128)', 'rgb( 65, 105, 225)', 'rgb( 72, 118, 255)', 'rgb( 67, 110, 238)', 'rgb( 58, 95, 205)', 'rgb( 39, 64, 139)', 'rgb(100, 149, 237)', 'rgb(176, 196, 222)', 'rgb(202, 225, 255)', 'rgb(188, 210, 238)', 'rgb(162, 181, 205)', 'rgb(110, 123, 139)', 'rgb(108, 123, 139)', 'rgb(198, 226, 255)', 'rgb(185, 211, 238)', 'rgb(159, 182, 205)', 'rgb(119, 136, 153)', 'rgb(119, 136, 153)', 'rgb(112, 128, 144)', 'rgb(112, 128, 144)', 'rgb( 30, 144, 255)', 'rgb( 30, 144, 255)', 'rgb( 28, 134, 238)', 'rgb( 16, 78, 139)', 'rgb( 24, 116, 205)', 'rgb(240, 248, 255)', 'rgb( 54, 100, 139)', 'rgb( 70, 130, 180)', 'rgb( 99, 184, 255)', 'rgb( 92, 172, 238)', 'rgb( 79, 148, 205)', 'rgb( 74, 112, 139)', 'rgb(135, 206, 255)', 'rgb(126, 192, 238)', 'rgb(108, 166, 205)', 'rgb(135, 206, 250)', 'rgb( 96, 123, 139)', 'rgb(176, 226, 255)', 'rgb(164, 211, 238)', 'rgb(141, 182, 205)', 'rgb(135, 206, 235)', 'rgb(154, 192, 205)', 'rgb( 0, 191, 255)', 'rgb( 0, 191, 255)', 'rgb( 0, 178, 238)', 'rgb( 0, 104, 139)', 'rgb( 0, 154, 205)', 'rgb(191, 239, 255)', 'rgb(178, 223, 238)', 'rgb(173, 216, 230)', 'rgb(104, 131, 139)', 'rgb(176, 224, 230)', 'rgb(152, 245, 255)', 'rgb(142, 229, 238)', 'rgb(122, 197, 205)', 'rgb( 83, 134, 139)', 'rgb( 0, 245, 255)', 'rgb( 0, 229, 238)', 'rgb( 0, 197, 205)', 'rgb( 0, 134, 139)', 'rgb( 95, 158, 160)', 'rgb( 95, 158, 160)', 'rgb( 0, 206, 209)', 'rgb(240, 255, 255)', 'rgb(240, 255, 255)', 'rgb(224, 255, 255)', 'rgb(224, 255, 255)', 'rgb(224, 238, 238)', 'rgb(209, 238, 238)', 'rgb(187, 255, 255)', 'rgb(175, 238, 238)', 'rgb(174, 238, 238)', 'rgb(151, 255, 255)', 'rgb(193, 205, 205)', 'rgb(180, 205, 205)', 'rgb(141, 238, 238)', 'rgb(150, 205, 205)', 'rgb(121, 205, 205)', 'rgb(131, 139, 139)', 'rgb(122, 139, 139)', 'rgb( 0, 255, 255)', 'rgb( 0, 255, 255)', 'rgb( 0, 255, 255)', 'rgb(102, 139, 139)', 'rgb( 0, 238, 238)', 'rgb( 82, 139, 139)', 'rgb( 0, 205, 205)', 'rgb( 0, 139, 139)', 'rgb( 0, 139, 139)', 'rgb( 0, 128, 128)', 'rgb( 47, 79, 79)', 'rgb( 47, 79, 79)', 'rgb( 72, 209, 204)', 'rgb( 32, 178, 170)', 'rgb( 64, 224, 208)', 'rgb( 69, 139, 116)', 'rgb(127, 255, 212)', 'rgb(127, 255, 212)', 'rgb(118, 238, 198)', 'rgb(102, 205, 170)', 'rgb(102, 205, 170)', 'rgb( 0, 250, 154)', 'rgb(245, 255, 250)', 'rgb( 0, 255, 127)', 'rgb( 0, 255, 127)', 'rgb( 0, 238, 118)', 'rgb( 0, 205, 102)', 'rgb( 0, 139, 69)', 'rgb( 60, 179, 113)', 'rgb( 46, 139, 87)', 'rgb( 67, 205, 128)', 'rgb( 84, 255, 159)', 'rgb( 46, 139, 87)', 'rgb( 78, 238, 148)', 'rgb( 50, 129, 75)', 'rgb(240, 255, 240)', 'rgb(240, 255, 240)', 'rgb(224, 238, 224)', 'rgb(193, 255, 193)', 'rgb(180, 238, 180)', 'rgb(154, 255, 154)', 'rgb(152, 251, 152)', 'rgb(193, 205, 193)', 'rgb(144, 238, 144)', 'rgb(144, 238, 144)', 'rgb(155, 205, 155)', 'rgb(143, 188, 143)', 'rgb(124, 205, 124)', 'rgb(131, 139, 131)', 'rgb( 0, 255, 0)', 'rgb( 0, 255, 0)', 'rgb( 50, 205, 50)', 'rgb(105, 139, 105)', 'rgb( 0, 238, 0)', 'rgb( 84, 139, 84)', 'rgb( 0, 205, 0)', 'rgb( 34, 139, 34)', 'rgb( 0, 139, 0)', 'rgb( 0, 128, 0)', 'rgb( 0, 100, 0)', 'rgb(124, 252, 0)', 'rgb(127, 255, 0)', 'rgb(127, 255, 0)', 'rgb(118, 238, 0)', 'rgb(102, 205, 0)', 'rgb( 69, 139, 0)', 'rgb(173, 255, 47)', 'rgb(162, 205, 90)', 'rgb(202, 255, 112)', 'rgb(188, 238, 104)', 'rgb(110, 139, 61)', 'rgb( 85, 107, 47)', 'rgb(107, 142, 35)', 'rgb(192, 255, 62)', 'rgb(179, 238, 58)', 'rgb(154, 205, 50)', 'rgb(154, 205, 50)', 'rgb(105, 139, 34)', 'rgb(255, 255, 240)', 'rgb(255, 255, 240)', 'rgb(255, 255, 224)', 'rgb(255, 255, 224)', 'rgb(245, 245, 220)', 'rgb(238, 238, 224)', 'rgb(250, 250, 210)', 'rgb(238, 238, 209)', 'rgb(205, 205, 193)', 'rgb(205, 205, 180)', 'rgb(139, 139, 131)', 'rgb(139, 139, 122)', 'rgb(255, 255, 0)', 'rgb(255, 255, 0)', 'rgb(238, 238, 0)', 'rgb(205, 205, 0)', 'rgb(139, 139, 0)', 'rgb(128, 128, 0)', 'rgb(189, 183, 107)', 'rgb(238, 230, 133)', 'rgb(139, 137, 112)', 'rgb(255, 246, 143)', 'rgb(205, 198, 115)', 'rgb(139, 134, 78)', 'rgb(238, 232, 170)', 'rgb(255, 250, 205)', 'rgb(255, 250, 205)', 'rgb(240, 230, 140)', 'rgb(205, 201, 165)', 'rgb(238, 233, 191)', 'rgb(209, 193, 102)', 'rgb(139, 136, 120)', 'rgb(255, 215, 0)', 'rgb(255, 215, 0)', 'rgb(238, 201, 0)', 'rgb(205, 173, 0)', 'rgb(139, 117, 0)', 'rgb(238, 221, 130)', 'rgb(139, 129, 76)', 'rgb(255, 236, 139)', 'rgb(205, 190, 112)', 'rgb(238, 220, 130)', 'rgb(205, 200, 177)', 'rgb(238, 232, 205)', 'rgb(255, 248, 220)', 'rgb(255, 248, 220)', 'rgb(218, 165, 32)', 'rgb(255, 193, 37)', 'rgb(238, 180, 34)', 'rgb(205, 155, 29)', 'rgb(139, 105, 20)', 'rgb(184, 134, 11)', 'rgb(255, 185, 15)', 'rgb(238, 173, 14)', 'rgb(205, 149, 12)', 'rgb(139, 101, 8)', 'rgb(255, 250, 240)', 'rgb(238, 216, 174)', 'rgb(253, 245, 230)', 'rgb(245, 222, 179)', 'rgb(255, 231, 186)', 'rgb(205, 186, 150)', 'rgb(255, 165, 0)', 'rgb(255, 165, 0)', 'rgb(238, 154, 0)', 'rgb(205, 133, 0)', 'rgb(139, 90, 0)', 'rgb(139, 126, 102)', 'rgb(255, 228, 181)', 'rgb(255, 239, 213)', 'rgb(205, 179, 139)', 'rgb(255, 235, 205)', 'rgb(255, 222, 173)', 'rgb(255, 222, 173)', 'rgb(238, 207, 161)', 'rgb(139, 121, 94)', 'rgb(139, 131, 120)', 'rgb(250, 235, 215)', 'rgb(210, 180, 140)', 'rgb(139, 125, 107)', 'rgb(222, 184, 135)', 'rgb(238, 223, 204)', 'rgb(255, 211, 155)', 'rgb(205, 170, 125)', 'rgb(238, 197, 145)', 'rgb(255, 239, 219)', 'rgb(139, 115, 85)', 'rgb(205, 192, 176)', 'rgb(255, 140, 0)', 'rgb(238, 213, 183)', 'rgb(255, 228, 196)', 'rgb(255, 228, 196)', 'rgb(205, 183, 158)', 'rgb(255, 127, 0)', 'rgb(250, 240, 230)', 'rgb(238, 118, 0)', 'rgb(205, 102, 0)', 'rgb(139, 69, 0)', 'rgb(205, 133, 63)', 'rgb(255, 165, 79)', 'rgb(238, 154, 73)', 'rgb(205, 133, 63)', 'rgb(139, 90, 43)', 'rgb(255, 218, 185)', 'rgb(255, 218, 185)', 'rgb(139, 119, 101)', 'rgb(238, 203, 173)', 'rgb(205, 175, 149)', 'rgb(244, 164, 96)', 'rgb(139, 134, 130)', 'rgb(238, 229, 222)', 'rgb(205, 197, 191)', 'rgb(210, 105, 30)', 'rgb(255, 127, 36)', 'rgb(238, 118, 33)', 'rgb(205, 102, 29)', 'rgb(139, 69, 19)', 'rgb(139, 69, 19)', 'rgb(255, 245, 238)', 'rgb(255, 245, 238)', 'rgb(139, 71, 38)', 'rgb(160, 82, 45)', 'rgb(255, 130, 71)', 'rgb(238, 121, 66)', 'rgb(205, 104, 57)', 'rgb(205, 129, 98)', 'rgb(255, 160, 122)', 'rgb(255, 160, 122)', 'rgb(139, 87, 66)', 'rgb(238, 149, 114)', 'rgb(255, 127, 80)', 'rgb(255, 69, 0)', 'rgb(255, 69, 0)', 'rgb(238, 64, 0)', 'rgb(205, 55, 0)', 'rgb(139, 37, 0)', 'rgb(233, 150, 122)', 'rgb(255, 140, 105)', 'rgb(238, 130, 98)', 'rgb(205, 112, 84)', 'rgb(139, 76, 57)', 'rgb(255, 114, 86)', 'rgb(238, 106, 80)', 'rgb(205, 91, 69)', 'rgb(139, 62, 47)', 'rgb(139, 54, 38)', 'rgb(255, 99, 71)', 'rgb(255, 99, 71)', 'rgb(238, 92, 66)', 'rgb(205, 79, 57)', 'rgb(139, 125, 123)', 'rgb(238, 213, 210)', 'rgb(255, 228, 225)', 'rgb(255, 228, 225)', 'rgb(250, 128, 114)', 'rgb(205, 183, 181)', 'rgb(255, 255, 255)', 'rgb(255, 255, 255)', 'rgb(255, 255, 255)', 'rgb(255, 255, 255)', 'rgb(252, 252, 252)', 'rgb(252, 252, 252)', 'rgb(250, 250, 250)', 'rgb(250, 250, 250)', 'rgb(247, 247, 247)', 'rgb(247, 247, 247)', 'rgb(245, 245, 245)', 'rgb(245, 245, 245)', 'rgb(245, 245, 245)', 'rgb(242, 242, 242)', 'rgb(242, 242, 242)', 'rgb(240, 240, 240)', 'rgb(240, 240, 240)', 'rgb(237, 237, 237)', 'rgb(237, 237, 237)', 'rgb(235, 235, 235)', 'rgb(235, 235, 235)', 'rgb(232, 232, 232)', 'rgb(232, 232, 232)', 'rgb(229, 229, 229)', 'rgb(229, 229, 229)', 'rgb(227, 227, 227)', 'rgb(227, 227, 227)', 'rgb(224, 224, 224)', 'rgb(224, 224, 224)', 'rgb(222, 222, 222)', 'rgb(222, 222, 222)', 'rgb(220, 220, 220)', 'rgb(219, 219, 219)', 'rgb(219, 219, 219)', 'rgb(217, 217, 217)', 'rgb(217, 217, 217)', 'rgb(214, 214, 214)', 'rgb(214, 214, 214)', 'rgb(212, 212, 212)', 'rgb(212, 212, 212)', 'rgb(211, 211, 211)', 'rgb(211, 211, 211)', 'rgb(209, 209, 209)', 'rgb(209, 209, 209)', 'rgb(207, 207, 207)', 'rgb(207, 207, 207)', 'rgb(204, 204, 204)', 'rgb(204, 204, 204)', 'rgb(201, 201, 201)', 'rgb(201, 201, 201)', 'rgb(199, 199, 199)', 'rgb(199, 199, 199)', 'rgb(196, 196, 196)', 'rgb(196, 196, 196)', 'rgb(194, 194, 194)', 'rgb(194, 194, 194)', 'rgb(192, 192, 192)', 'rgb(191, 191, 191)', 'rgb(191, 191, 191)', 'rgb(189, 189, 189)', 'rgb(189, 189, 189)', 'rgb(186, 186, 186)', 'rgb(186, 186, 186)', 'rgb(184, 184, 184)', 'rgb(184, 184, 184)', 'rgb(181, 181, 181)', 'rgb(181, 181, 181)', 'rgb(179, 179, 179)', 'rgb(179, 179, 179)', 'rgb(176, 176, 176)', 'rgb(176, 176, 176)', 'rgb(173, 173, 173)', 'rgb(173, 173, 173)', 'rgb(171, 171, 171)', 'rgb(171, 171, 171)', 'rgb(169, 169, 169)', 'rgb(169, 169, 169)', 'rgb(168, 168, 168)', 'rgb(168, 168, 168)', 'rgb(166, 166, 166)', 'rgb(166, 166, 166)', 'rgb(163, 163, 163)', 'rgb(163, 163, 163)', 'rgb(161, 161, 161)', 'rgb(161, 161, 161)', 'rgb(158, 158, 158)', 'rgb(158, 158, 158)', 'rgb(156, 156, 156)', 'rgb(156, 156, 156)', 'rgb(153, 153, 153)', 'rgb(153, 153, 153)', 'rgb(150, 150, 150)', 'rgb(150, 150, 150)', 'rgb(148, 148, 148)', 'rgb(148, 148, 148)', 'rgb(145, 145, 145)', 'rgb(145, 145, 145)', 'rgb(143, 143, 143)', 'rgb(143, 143, 143)', 'rgb(140, 140, 140)', 'rgb(140, 140, 140)', 'rgb(138, 138, 138)', 'rgb(138, 138, 138)', 'rgb(135, 135, 135)', 'rgb(135, 135, 135)', 'rgb(133, 133, 133)', 'rgb(133, 133, 133)', 'rgb(130, 130, 130)', 'rgb(130, 130, 130)', 'rgb(128, 128, 128)', 'rgb(127, 127, 127)', 'rgb(127, 127, 127)', 'rgb(126, 126, 126)', 'rgb(125, 125, 125)', 'rgb(125, 125, 125)', 'rgb(122, 122, 122)', 'rgb(122, 122, 122)', 'rgb(120, 120, 120)', 'rgb(120, 120, 120)', 'rgb(117, 117, 117)', 'rgb(117, 117, 117)', 'rgb(115, 115, 115)', 'rgb(115, 115, 115)', 'rgb(112, 112, 112)', 'rgb(112, 112, 112)', 'rgb(110, 110, 110)', 'rgb(110, 110, 110)', 'rgb(107, 107, 107)', 'rgb(107, 107, 107)', 'rgb(105, 105, 105)', 'rgb(105, 105, 105)', 'rgb(105, 105, 105)', 'rgb(105, 105, 105)', 'rgb(102, 102, 102)', 'rgb(102, 102, 102)', 'rgb( 99, 99, 99)', 'rgb( 99, 99, 99)', 'rgb( 97, 97, 97)', 'rgb( 97, 97, 97)', 'rgb( 94, 94, 94)', 'rgb( 94, 94, 94)', 'rgb( 92, 92, 92)', 'rgb( 92, 92, 92)', 'rgb( 89, 89, 89)', 'rgb( 89, 89, 89)', 'rgb( 87, 87, 87)', 'rgb( 87, 87, 87)', 'rgb( 84, 84, 84)', 'rgb( 84, 84, 84)', 'rgb( 82, 82, 82)', 'rgb( 82, 82, 82)', 'rgb( 79, 79, 79)', 'rgb( 79, 79, 79)', 'rgb( 77, 77, 77)', 'rgb( 77, 77, 77)', 'rgb( 74, 74, 74)', 'rgb( 74, 74, 74)', 'rgb( 71, 71, 71)', 'rgb( 71, 71, 71)', 'rgb( 69, 69, 69)', 'rgb( 69, 69, 69)', 'rgb( 66, 66, 66)', 'rgb( 66, 66, 66)', 'rgb( 64, 64, 64)', 'rgb( 64, 64, 64)', 'rgb( 61, 61, 61)', 'rgb( 61, 61, 61)', 'rgb( 59, 59, 59)', 'rgb( 59, 59, 59)', 'rgb( 56, 56, 56)', 'rgb( 56, 56, 56)', 'rgb( 54, 54, 54)', 'rgb( 54, 54, 54)', 'rgb( 51, 51, 51)', 'rgb( 51, 51, 51)', 'rgb( 48, 48, 48)', 'rgb( 48, 48, 48)', 'rgb( 46, 46, 46)', 'rgb( 46, 46, 46)', 'rgb( 43, 43, 43)', 'rgb( 43, 43, 43)', 'rgb( 41, 41, 41)', 'rgb( 41, 41, 41)', 'rgb( 38, 38, 38)', 'rgb( 38, 38, 38)', 'rgb( 36, 36, 36)', 'rgb( 36, 36, 36)', 'rgb( 33, 33, 33)', 'rgb( 33, 33, 33)', 'rgb( 31, 31, 31)', 'rgb( 31, 31, 31)', 'rgb( 28, 28, 28)', 'rgb( 28, 28, 28)', 'rgb( 26, 26, 26)', 'rgb( 26, 26, 26)', 'rgb( 23, 23, 23)', 'rgb( 23, 23, 23)', 'rgb( 20, 20, 20)', 'rgb( 20, 20, 20)', 'rgb( 18, 18, 18)', 'rgb( 18, 18, 18)', 'rgb( 15, 15, 15)', 'rgb( 15, 15, 15)', 'rgb( 13, 13, 13)', 'rgb( 13, 13, 13)', 'rgb( 10, 10, 10)', 'rgb( 10, 10, 10)', 'rgb( 8, 8, 8)', 'rgb( 8, 8, 8)', 'rgb( 5, 5, 5)', 'rgb( 5, 5, 5)', 'rgb( 3, 3, 3)', 'rgb( 3, 3, 3)', 'rgb( 0, 0, 0)', 'rgb( 0, 0, 0)', 'rgb( 0, 0, 0)', 'rgb( 0, 0, 0)', 'white', 'white']
\ No newline at end of file
diff --git a/frontend/imgrid/colors/colors/junk/ScrollEffect.js b/frontend/imgrid/colors/colors/junk/ScrollEffect.js
new file mode 100755
index 0000000..ac8ca3f
--- /dev/null
+++ b/frontend/imgrid/colors/colors/junk/ScrollEffect.js
@@ -0,0 +1,86 @@
+var vt = function () { 
+	var view_box, 
+			scrolled_element,
+	    scrolled_element_actualheight = 0, 
+	    new_scrolled_element_top_position = 0, 
+			final_Landing_Spot = 0, 
+			hidden_material = 0, 
+	    viewbox_actualheight = 0, 
+			y_coordinate = 0;
+ 
+			var velx;
+			var prevY;
+		// ----- setup jquery selectors, set mouse event, run function run on timer
+		var start = function (view_element, element_to_be_scrolled) { 
+ 
+		// ----- mouse event ----- 
+			$('.colors').mousemove(function(e){
+			y_coordinate = e.clientY;
+			velx = e.clientY - prevY;
+		}); 
+ 
+		// ----- selectors and variables
+		view_box  = $('#'+view_element)[0];//.(view_element);//viewarea 
+		scrolled_element  = $('#'+element_to_be_scrolled)[0]; //container
+		viewbox_actualheight = view_box.offsetHeight;//always 850px
+		scrolled_element_actualheight = scrolled_element.offsetHeight; 
+		hidden_material = scrolled_element_actualheight - viewbox_actualheight; 
+
+	
+		// ----- start engine ----- 
+	
+		setInterval(run, 60);//previously 16, the higher the number, the easier it is on the browser
+	}; 
+	///////////////////////////////////////////////////////////////////////////// 
+		
+
+	// ----- main  ----- all this function does is adjust the top position of the div
+	var run = function () { 
+	
+	prevY = y_coordinate;
+	
+	//if velocity is negative, landing spot and scrolltop increase in value (you have to add it)
+
+	//velocity function if velocity is high, final landing spot is high,	
+
+//FINAL LANDING SPOT IS NO LONGER FINAL LANDING SPOT. INSTEAD it's 
+//how much the div will move 
+		// ----- calculate the final landing spot
+//			if(y_coordinate < viewbox_actualheight){ //it almost always is
+				final_Landing_Spot = y_coordinate * -18.5//( hidden_material / viewbox_actualheight)*-1; //this is negative because it's adjusting top css
+
+			$('#preview').html('x-velocity='+'scrolled element'+scrolled_element_offset_height+'thats it'+velx+'<br><span id="boners" style="position:absolute; z-index:1000;"></span>')
+//				} 
+	 /*this is the mouse position multiplied by the ratio of hidden to visible. this makes sense going in the negative direction, because
+		it allows the number to grow in proportion to how much invisible stuff there is...the issue is that the mouse position is small at the top of
+		the screen and large at the bottom...it needs to be equalized*/
+
+
+
+		// ----- function to determine easing
+		var velocity = (final_Landing_Spot - new_scrolled_element_top_position)
+		new_scrolled_element_top_position += Math.max(-25, Math.min(25, (final_Landing_Spot - new_scrolled_element_top_position))); 
+		
+
+
+
+
+
+
+
+
+
+
+
+		$('#boners').html('<span style="font-size:14"> final_Landing_Spot ='+(final_Landing_Spot - new_scrolled_element_top_position)+'<br>var vvvvvvelocity='+velocity+'<br> clientY='+y_coordinate+'<br>new scrolled top='+new_scrolled_element_top_position+'</span>')
+		// ----- HTML position ----- 
+		scrolled_element.style.top = Math.round(new_scrolled_element_top_position) + 'px'; //and finally it's put in...continuously against the timer
+	
+	}; 
+ 
+	return { 
+		//////////////////////////////////////////////////////////////////////////// 
+		/* ==== public functions ==== */ 
+		start : start,
+	} 
+}();
diff --git a/frontend/imgrid/colors/colors/junk/ScrollEffectcomingsoon.js b/frontend/imgrid/colors/colors/junk/ScrollEffectcomingsoon.js
new file mode 100755
index 0000000..3388d5f
--- /dev/null
+++ b/frontend/imgrid/colors/colors/junk/ScrollEffectcomingsoon.js
@@ -0,0 +1,237 @@
+var vt = function () { 
+	var view_box, 
+			scrolled_element,
+	    scrolled_element_actualheight = 0, 
+	    easing = 0, 
+			final_resting_place = 0, 
+			hidden_material = 0, 
+	    viewbox_actualheight = 0; 
+	var		y_coordinate = 0;
+ 
+			var velocity;
+			var prevY;
+			var lastrested = 0;
+		// ----- setup jquery selectors, set mouse event, run function run on timer
+		var start = function (view_element, element_to_be_scrolled) { 
+ 
+		// ----- mouse event ----- 
+			$('.colors').mousemove(function(e){
+			y_coordinate = e.clientY;
+			velocity = e.clientY - prevY;
+		}); 
+ velocity = y_coordinate - prevY
+		// ----- selectors and variables
+		view_box  = $('#'+view_element)[0];//.(view_element);//viewarea 
+		scrolled_element  = $('#'+element_to_be_scrolled)[0]; //container
+		viewbox_actualheight = view_box.offsetHeight;//always 850px
+		scrolled_element_actualheight = scrolled_element.offsetHeight; 
+		hidden_material = scrolled_element_actualheight - viewbox_actualheight; 
+
+	
+		// ----- timer ----- 
+	
+		setInterval(run, 50);//previously 16, the higher the number, the easier it is on the browser
+	}; 
+	///////////////////////////////////////////////////////////////////////////// 
+		
+
+	// ----- main  ----- all this function does is adjust the top position of the div
+	var run = function () { 
+	
+	prevY = y_coordinate;
+	
+	//if velocity is negative, landing spot and scrolltop increase in value (you have to add it)
+
+	//velocity function if velocity is high, final landing spot is high,	
+
+//FINAL LANDING SPOT IS NO LONGER FINAL LANDING SPOT. INSTEAD it's 
+//how much the div will move 
+		// ----- calculate the final landing spot
+//			if(y_coordinate < viewbox_actualheight){ //it almost always is
+				final_resting_place = velocity * -8
+				// -18.5//( hidden_material / viewbox_actualheight)*-1; //this is negative because it's adjusting top css
+		var rush = velocity*.1
+
+			$('#preview').html('velocity='+velocity+'<br>rush='+rush+'<br><span id="boners" style="position:absolute; z-index:1000;"></span>')
+//				} 
+	 /*this is the mouse position multiplied by the ratio of hidden to visible. this makes sense going in the negative direction, because
+		it allows the number to grow in proportion to how much invisible stuff there is...the issue is that the mouse position is small at the top of
+		the screen and large at the bottom...it needs to be equalized*/
+
+
+
+		// ----- function to determine roll_to_zero
+	//	var wheelshow;
+		var roll_to_zero;
+	//	if(Math.abs(velocity)<10){roll_to_zero = roll_to_zero}
+	//	else{
+		roll_to_zero = (final_resting_place - easing)
+	//	easing += Math.max(-25, Math.min(25, roll_to_zero));} 
+	//	easing += Math.max(-25, Math.min(25, roll_to_zero));} 
+	if (roll_to_zero > 0)
+			{if (roll_to_zero > 8000)
+						{easing = easing + 100}
+			else if (roll_to_zero > 6000)
+						{easing = easing +50}
+			else if (roll_to_zero > 3000)
+						{easing = easing + 30}
+			else if (roll_to_zero > 1000)	
+						{easing = easing + 20}
+			else if (roll_to_zero > 50)
+					  {easing = easing +5}
+			else{easing = easing +1}}
+	else if (roll_to_zero < 0)
+			{if (roll_to_zero < 8000)
+						{easing = easing - 100}
+			else if (roll_to_zero < 6000)
+						{easing = easing -50}
+			else if (roll_to_zero < 3000)
+						{easing = easing - 30}
+			else if (roll_to_zero < 1000)	
+						{easing = easing - 20}
+			else if (roll_to_zero < 50)
+					  {easing = easing -1}}
+	else{easing = final_resting_place}
+
+	if (roll_to_zero == 0){roll_to_zero = 0}
+	if (Math.abs(velocity) <= 50){roll_to_zero = 0}
+//		}
+	//		easing = 
+			//in other words if its less than 25(and moving down to zero), it uses 25 and if it's greater than 25 (moving up to zero) it uses 25. it will move 
+		//faster going up if the Math.min(25, number is higher, but since the value is determined by the mouse cursor position it won't move as fast
+
+
+
+
+
+
+
+
+
+
+		$('#boners').html('<span style="font-size:14"><br>final resting place='+final_resting_place+'<br>var roll_to_zero='+roll_to_zero+'<br> clientY='+y_coordinate+'<br>easing='+easing+'</span>')
+		// ----- HTML position ----- 
+		scrolled_element.style.top = Math.round(easing) + 'px'; //and finally it's put in...continuously against the timer
+	
+	}; 
+// 		var wheelshow = final_resting_place - lastrested;
+	//		while(easing > 0){html = this div rightwheel}
+//			while(easing < 0){html = this div leftwheel.show} //wheel should be gray and transparent 3/4 view bg = colors under the mouseover
+	//		if(easing == 0){hmtl = ''}
+	return { 
+		//////////////////////////////////////////////////////////////////////////// 
+		/* ==== public functions ==== */ 
+		start : start,
+	} 
+}();
+
+
+/*minimap...how would it work?
+
+an image of the page...
+
+plus a div with a border
+
+there would have to be some sort of mathematical correllation to the window.height and the height of the div
+against the minimap
+
+
+
+
+
+WHAT WE'VE GOT;;;;;;;;;;;;;;;;;;;;;;;;;
+VELOCITY Y...A NUMBER THAT INDICATES THE CHANGE IN POSITION OF THE MOUSE
+
+HIDDENMATERIAL/VIEWBOX ACTUAL HeIGHT = 18.5
+
+resting space range is -200 -1200
+
+
+
+the way the algorithm works
+
+
+final_top_position = (y coordinate)(-20) //some big number that's dependent on the y position
+
+
+easing function...rolling toward the final_top_position
+
+[first off
+the y coordinate shouldn't be based on the upper left (only because of VALUE, that's why it's easier to scroll down than up)]
+
+[e.pageY-($(window).height()*0.5)]
+
+value should be eradicated...we should instead use velocity which is DELTA. doesn't matter
+
+
+    roll_to_zero = (final_Landing_Spot - easing)  first a destination spot is calculated, then easing takes place
+new_scrolled_element
+
+
+    roll_to_zero = (final_Landing_Spot - easing)}
+    easing += Math.max(-25, Math.min(25, roll_to_zero))
+
+instead of adjusting the height to the final landing spot, it becomes the easing value
+
+how easing works
+ x += Math.max(-25, Math.min(25, finalrestingplace-x));//as x approaches the final resting place, easing is used. 25 and -25 are used to traverse
+long spaces more quickly
+
+where x = the current scroller position
+as x becomes larger final resting place gets closer to 0 (it would actually be smaller, but we're dealing with negative values)
+
+the function is read from the inside out
+
+and of course, the statement that is missing is that x MUST be less than the overall distance travelable (which MUST be calculated)
+
+what's less important is the destination spot. more important would be the distance traveled per mouse move
+
+if the velocity is low, the distance is low, if the velocity is really high, it zooms to the end.
+
+before getting into specifics, for ease of reference lets say the velocity is has a range of -10 to 10, the over all distance traveled is 100px
+
+if the velocity is equal to range(-3,3) distance traved = 0
+if the velocity is between range(-4,-3) or range(3,4) distance traveled = 2
+if the velocity is between range (5,6) or (-5,-6) distance traveled would be 20
+if the velocity is between the range of 7,8 or -7,-8 the distance traveled would be 40
+if the velocity is between the range of 89 the velocity traveled would 80
+9-10 velocity is 160
+
+0
+-12302 from the top is the current max
+
+
+
+
+
+
+
+
+plotted out this looks like this
+                     #                 
+
+
+
+
+
+
+
+               #
+
+
+               
+
+            #           
+                               
+              
+__- __- __# __ __ __ __ __ __ __ __ __
+
+essentially we want something that looks like this (0.3x)^5
+0.ax^b
+
+we can play with which exponent is right, but only choosing odd ones
+where a is the stationary range number
+and b is the new slope
+
+
+this function is called on a timer*/
diff --git a/frontend/imgrid/colors/colors/junk/brush.ani b/frontend/imgrid/colors/colors/junk/brush.ani
new file mode 100755
index 0000000..6da99b4
Binary files /dev/null and b/frontend/imgrid/colors/colors/junk/brush.ani differ
diff --git a/frontend/imgrid/colors/colors/junk/colordictOLD.js b/frontend/imgrid/colors/colors/junk/colordictOLD.js
new file mode 100755
index 0000000..67220ca
--- /dev/null
+++ b/frontend/imgrid/colors/colors/junk/colordictOLD.js
@@ -0,0 +1,2 @@
+var hextoname = {'#EE1289': 'DeepPink2', '#EE8262': 'salmon2', '#C4C4C4': 'gray77', '#556B2F': 'DarkOliveGreen', '#FF8C00': 'DarkOrange', '#8B7B8B': 'thistle4', '#0000EE': 'blue2', '#EED5D2': 'MistyRose2', '#BA55D3': 'MediumOrchid', '#FFF5EE': 'seashell', '#912CEE': 'purple2', '#2F4F4F': 'DarkSlateGray', '#32814B': 'MediumForestGreen', '#D15FEE': 'MediumOrchid2', '#F0FFF0': 'honeydew', '#B23AEE': 'DarkOrchid2', '#8B7765': 'PeachPuff4', '#3D3D3D': 'gray24', '#54FF9F': 'SeaGreen1', '#636363': 'gray39', '#8B8386': 'LavenderBlush4', '#FF4040': 'brown1', '#EEA9B8': 'pink2', '#C2C2C2': 'gray76', '#800080': 'purple', '#545454': 'gray33', '#EE3A8C': 'VioletRed2', '#8A8A8A': 'gray54', '#FF00FF': 'fuchsia', '#436EEE': 'RoyalBlue2', '#8B864E': 'khaki4', '#0A0A0A': 'gray4', '#808000': 'olive', '#E3E3E3': 'gray89', '#1874CD': 'DodgerBlue3', '#BCD2EE': 'LightSteelBlue2', '#A9A9A9': 'DarkGray', '#F4A460': 'SandyBrown', '#FF3030': 'firebrick1', '#FFEBCD': 'BlanchedAlmond', '#B0C4DE': 'LightSteelBlue', '#00CDCD': 'cyan3', '#C0FF3E': 'OliveDrab1', '#FFD700': 'gold', '#242424': 'gray14', '#8B2252': 'VioletRed4', '#4EEE94': 'SeaGreen2', '#CD3278': 'VioletRed3', '#00E5EE': 'turquoise2', '#CD853F': 'peru', '#ADD8E6': 'LightBlue', '#C7C7C7': 'gray78', '#CD2990': 'maroon3', '#EEE5DE': 'seashell2', '#66CD00': 'chartreuse3', '#878787': 'gray53', '#FFA54F': 'tan1', '#A2B5CD': 'LightSteelBlue3', '#BC8F8F': 'RosyBrown', '#C9C9C9': 'gray79', '#D1C166': 'MediumGoldenRod', '#8B2323': 'brown4', '#B3EE3A': 'OliveDrab2', '#EEEED1': 'LightYellow2', '#AEEEEE': 'PaleTurquoise2', '#BDBDBD': 'gray74', '#FF7F00': 'DarkOrange1', '#FFC0CB': 'pink', '#EE3B3B': 'brown2', '#CDC8B1': 'cornsilk3', '#CDB38B': 'NavajoWhite3', '#CDBA96': 'wheat3', '#B4EEB4': 'DarkSeaGreen2', '#40E0D0': 'turquoise', '#8B795E': 'NavajoWhite4', '#27408B': 'RoyalBlue4', '#424242': 'gray26', '#CDB7B5': 'MistyRose3', '#CAE1FF': 'LightSteelBlue1', '#F0FFFF': 'azure', '#2E8B57': 'SeaGreen', '#87CEEB': 'SkyBlue', '#CD00CD': 'magenta3', '#CDAA7D': 'burlywood3', '#836FFF': 'SlateBlue1', '#ABABAB': 'gray67', '#EEB4B4': 'RosyBrown2', '#8B7355': 'burlywood4', '#F0E68C': 'khaki', '#CDCDB4': 'LightYellow3', '#4D4D4D': 'gray30', '#B8B8B8': 'gray72', '#B4CDCD': 'LightCyan3', '#008B8B': 'cyan4', '#828282': 'gray51', '#00EEEE': 'cyan2', '#708090': 'SlateGray', '#9AFF9A': 'PaleGreen1', '#FFA07A': 'LightSalmon', '#EBEBEB': 'gray92', '#FFB5C5': 'pink1', '#00688B': 'DeepSkyBlue4', '#DBDBDB': 'gray86', '#191970': 'MidnightBlue', '#FF83FA': 'orchid1', '#A1A1A1': 'gray63', '#838B8B': 'azure4', '#FFA500': 'orange', '#00FF7F': 'SpringGreen', '#EEAD0E': 'DarkGoldenrod2', '#B03060': 'maroon', '#96CDCD': 'PaleTurquoise3', '#CD3333': 'brown3', '#CDBE70': 'LightGoldenrod3', '#7CCD7C': 'PaleGreen3', '#97FFFF': 'DarkSlateGray1', '#DAA520': 'goldenrod', '#8B3A3A': 'IndianRed4', '#6B6B6B': 'gray42', '#FFFAF0': 'FloralWhite', '#757575': 'gray46', '#BFBFBF': 'gray75', '#00EE76': 'SpringGreen2', '#FFFAFA': 'snow', '#6E8B3D': 'DarkOliveGreen4', '#EEE685': 'khaki2', '#FF3E96': 'VioletRed1', '#EE0000': 'red2', '#FDF5E6': 'OldLace', '#E066FF': 'MediumOrchid1', '#8DB6CD': 'LightSkyBlue3', '#FF7256': 'coral1', '#7CFC00': 'LawnGreen', '#838B83': 'honeydew4', '#BF3EFF': 'DarkOrchid1', '#8B6914': 'goldenrod4', '#00CD66': 'SpringGreen3', '#525252': 'gray32', '#A4D3EE': 'LightSkyBlue2', '#00868B': 'turquoise4', '#8DEEEE': 'DarkSlateGray2', '#787878': 'gray47', '#8B1C62': 'maroon4', '#616161': 'gray38', '#4876FF': 'RoyalBlue1', '#9F79EE': 'MediumPurple2', '#212121': 'gray13', '#C1CDC1': 'honeydew3', '#CD69C9': 'orchid3', '#E0EEEE': 'azure2', '#8B7E66': 'wheat4', '#8A2BE2': 'BlueViolet', '#CDCD00': 'yellow3', '#EE5C42': 'tomato2', '#6E6E6E': 'gray43', '#EEAEEE': 'plum2', '#DC143C': 'crimson', '#CD919E': 'pink3', '#528B8B': 'DarkSlateGray4', '#AFEEEE': 'PaleTurquoise', '#CD6889': 'PaleVioletRed3', '#E6E6FA': 'lavender', '#EE00EE': 'magenta2', '#999999': 'gray60', '#F0F8FF': 'AliceBlue', '#595959': 'gray35', '#FF7F50': 'coral', '#A6A6A6': 'gray65', '#DEDEDE': 'gray87', '#262626': 'gray15', '#6CA6CD': 'SkyBlue3', '#8B8B83': 'ivory4', '#474747': 'gray28', '#F7F7F7': 'gray97', '#548B54': 'PaleGreen4', '#48D1CC': 'MediumTurquoise', '#C1CDCD': 'azure3', '#E0EEE0': 'honeydew2', '#FFB90F': 'DarkGoldenrod1', '#FFD39B': 'burlywood1', '#8B5A2B': 'tan4', '#EEE9BF': 'LemonChiffon2', '#BCEE68': 'DarkOliveGreen2', '#8470FF': 'LightSlateBlue', '#8B0A50': 'DeepPink4', '#FFF68F': 'khaki1', '#EEA2AD': 'LightPink2', '#CD5B45': 'coral3', '#7FFF00': 'chartreuse', '#8B8378': 'AntiqueWhite4', '#9BCD9B': 'DarkSeaGreen3', '#454545': 'gray27', '#D1D1D1': 'gray82', '#EEE8AA': 'PaleGoldenrod', '#668B8B': 'PaleTurquoise4', '#EE30A7': 'maroon2', '#FFC125': 'goldenrod1', '#8B475D': 'PaleVioletRed4', '#D8BFD8': 'thistle', '#404040': 'gray25', '#EEEE00': 'yellow2', '#CDB5CD': 'thistle3', '#00C5CD': 'turquoise3', '#00CED1': 'DarkTurquoise', '#CFCFCF': 'gray81', '#008B00': 'green4', '#7A7A7A': 'gray48', '#B8860B': 'DarkGoldenrod', '#1C86EE': 'DodgerBlue2', '#8B5742': 'LightSalmon4', '#1A1A1A': 'gray10', '#8B008B': 'DarkMagenta', '#0F0F0F': 'gray6', '#CD3700': 'OrangeRed3', '#7F7F7F': 'gray50', '#FF6EB4': 'HotPink1', '#6959CD': 'SlateBlue3', '#90EE90': 'LightGreen', '#8B4789': 'orchid4', '#EE7AE9': 'orchid2', '#8968CD': 'MediumPurple3', '#080808': 'gray3', '#CDC9C9': 'snow3', '#BDB76B': 'DarkKhaki', '#9370DB': 'MediumPurple', '#EEDC82': 'LightGoldenrod2', '#3CB371': 'MediumSeaGreen', '#F5FFFA': 'MintCream', '#303030': 'gray19', '#B9D3EE': 'SlateGray2', '#575757': 'gray34', '#F5F5DC': 'beige', '#BABABA': 'gray73', '#0000CD': 'blue3', '#FF8247': 'sienna1', '#F2F2F2': 'gray95', '#EED5B7': 'bisque2', '#FFEC8B': 'LightGoldenrod1', '#EE7600': 'DarkOrange2', '#8B636C': 'pink4', '#8B814C': 'LightGoldenrod4', '#FFE4B5': 'moccasin', '#4F94CD': 'SteelBlue3', '#CDAD00': 'gold3', '#CD5555': 'IndianRed3', '#8B7500': 'gold4', '#473C8B': 'SlateBlue4', '#B0E0E6': 'PowderBlue', '#FFFF00': 'yellow', '#CD96CD': 'plum3', '#006400': 'DarkGreen', '#FAFAFA': 'gray98', '#53868B': 'CadetBlue4', '#8B4513': 'chocolate4', '#98FB98': 'PaleGreen', '#63B8FF': 'SteelBlue1', '#FFAEB9': 'LightPink1', '#EE6A50': 'coral2', '#87CEFF': 'SkyBlue1', '#87CEFA': 'LightSkyBlue', '#ADFF2F': 'GreenYellow', '#008B45': 'SpringGreen4', '#EE4000': 'OrangeRed2', '#8B6969': 'RosyBrown4', '#00008B': 'blue4', '#DB7093': 'PaleVioletRed', '#7EC0EE': 'SkyBlue2', '#3B3B3B': 'gray23', '#8C8C8C': 'gray55', '#5F9EA0': 'cadet blue', '#EE799F': 'PaleVioletRed2', '#CD6090': 'HotPink3', '#8B8682': 'seashell4', '#458B74': 'aquamarine4', '#EECFA1': 'NavajoWhite2', '#76EE00': 'chartreuse2', '#000080': 'navy', '#228B22': 'ForestGreen', '#8B8B00': 'yellow4', '#B5B5B5': 'gray71', '#CD950C': 'DarkGoldenrod3', '#EE82EE': 'violet', '#EDEDED': 'gray93', '#F5DEB3': 'wheat', '#3A5FCD': 'RoyalBlue3', '#00FA9A': 'MediumSpringGreen', '#F0F0F0': 'gray94', '#D1EEEE': 'LightCyan2', '#2E2E2E': 'gray18', '#EEC591': 'burlywood2', '#8B3E2F': 'coral4', '#CD8162': 'LightSalmon3', '#9AC0CD': 'LightBlue3', '#8B8989': 'snow4', '#EED8AE': 'wheat2', '#551A8B': 'purple4', '#919191': 'gray57', '#949494': 'gray58', '#778899': 'LightSlateGray', '#FFFACD': 'LemonChiffon', '#458B00': 'chartreuse4', '#008000': 'green', '#FFFFF0': 'ivory', '#E0E0E0': 'gray88', '#EEB422': 'goldenrod2', '#A020F0': 'purple', '#5CACEE': 'SteelBlue2', '#CD4F39': 'tomato3', '#CDC0B0': 'AntiqueWhite3', '#6E7B8B': 'LightSteelBlue4', '#9E9E9E': 'gray62', '#CDC673': 'khaki3', '#104E8B': 'DodgerBlue4', '#E0FFFF': 'LightCyan', '#FFFFFF': 'white', '#6C7B8B': 'SlateGray4', '#FFC1C1': 'RosyBrown1', '#D6D6D6': 'gray84', '#8B4726': 'sienna4', '#CD9B1D': 'goldenrod3', '#FF6347': 'tomato', '#FF34B3': 'maroon1', '#7D7D7D': 'gray49', '#121212': 'gray7', '#B0E2FF': 'LightSkyBlue1', '#8B3A62': 'HotPink4', '#CD5C5C': 'IndianRed', '#4A4A4A': 'gray29', '#B0B0B0': 'gray69', '#D9D9D9': 'gray85', '#A2CD5A': 'DarkOliveGreen3', '#8B0000': 'DarkRed', '#FF6A6A': 'IndianRed1', '#CD6600': 'DarkOrange3', '#FFEFDB': 'AntiqueWhite1', '#E9967A': 'DarkSalmon', '#EEE9E9': 'snow2', '#D4D4D4': 'gray83', '#383838': 'gray22', '#7A67EE': 'SlateBlue2', '#4169E1': 'RoyalBlue', '#5E5E5E': 'gray37', '#00F5FF': 'turquoise1', '#FFEFD5': 'PapayaWhip', '#CDAF95': 'PeachPuff3', '#CCCCCC': 'gray80', '#00BFFF': 'DeepSkyBlue', '#CDB79E': 'bisque3', '#969696': 'gray59', '#4F4F4F': 'gray31', '#1E90FF': 'DodgerBlue', '#FCFCFC': 'gray99', '#EE2C2C': 'firebrick2', '#8B6508': 'DarkGoldenrod4', '#696969': 'DimGray', '#FF7F24': 'chocolate1', '#8FBC8F': 'DarkSeaGreen', '#66CDAA': 'aquamarine3', '#6495ED': 'CornflowerBlue', '#0D0D0D': 'gray5', '#EEE0E5': 'LavenderBlush2', '#666666': 'gray40', '#B2DFEE': 'LightBlue2', '#B22222': 'firebrick', '#4B0082': 'indigo', '#FF82AB': 'PaleVioletRed1', '#AB82FF': 'MediumPurple1', '#79CDCD': 'DarkSlateGray3', '#FFE4C4': 'bisque', '#DEB887': 'burlywood', '#5D478B': 'MediumPurple4', '#8B3626': 'tomato4', '#FFFFE0': 'LightYellow', '#FFE4E1': 'MistyRose', '#171717': 'gray9', '#EEDFCC': 'AntiqueWhite2', '#9400D3': 'DarkViolet', '#BFEFFF': 'LightBlue1', '#8B7D6B': 'bisque4', '#FF8C69': 'salmon1', '#C6E2FF': 'SlateGray1', '#1C1C1C': 'gray11', '#FF4500': 'OrangeRed', '#FFE7BA': 'wheat1', '#808080': 'fractal', '#EE9572': 'LightSalmon2', '#CD8500': 'orange3', '#8B5A00': 'orange4', '#9932CC': 'DarkOrchid', '#EECBAD': 'PeachPuff2', '#CD8C95': 'LightPink3', '#292929': 'gray16', '#CD1076': 'DeepPink3', '#7A378B': 'MediumOrchid4', '#FF0000': 'red', '#698B22': 'OliveDrab4', '#ADADAD': 'gray68', '#EEE8CD': 'cornsilk2', '#DDA0DD': 'plum', '#7D26CD': 'purple3', '#DA70D6': 'orchid', '#DCDCDC': 'gainsboro', '#68228B': 'DarkOrchid4', '#7B68EE': 'MediumSlateBlue', '#000000': 'black', '#6B8E23': 'OliveDrab', '#FF69B4': 'HotPink', '#800000': 'maroon', '#8B668B': 'plum4', '#363636': 'gray21', '#8B4500': 'DarkOrange4', '#D3D3D3': 'LightGray', '#607B8B': 'LightSkyBlue4', '#F08080': 'LightCoral', '#CD9B9B': 'RosyBrown3', '#76EEC6': 'aquamarine2', '#FAEBD7': 'AntiqueWhite', '#68838B': 'LightBlue4', '#7FFFD4': 'aquamarine', '#C0C0C0': 'silver', '#EEDD82': 'LightGoldenrod', '#EE9A49': 'tan2', '#4A708B': 'SkyBlue4', '#008080': 'teal', '#7AC5CD': 'CadetBlue3', '#98F5FF': 'CadetBlue1', '#8B2500': 'OrangeRed4', '#8F8F8F': 'gray56', '#FFF0F5': 'LavenderBlush', '#8B8970': 'LemonChiffon4', '#8B8878': 'cornsilk4', '#6A5ACD': 'SlateBlue', '#4682B4': 'SteelBlue', '#EEEEE0': 'ivory2', '#B3B3B3': 'gray70', '#00FF00': 'green1', '#FFDEAD': 'NavajoWhite', '#CD2626': 'firebrick3', '#8B4C39': 'salmon4', '#9B30FF': 'purple1', '#E5E5E5': 'gray90', '#36648B': 'SteelBlue4', '#9C9C9C': 'gray61', '#F8F8FF': 'GhostWhite', '#333333': 'gray20', '#5C5C5C': 'gray36', '#737373': 'gray45', '#EEC900': 'gold2', '#FFE1FF': 'thistle1', '#C1FFC1': 'DarkSeaGreen1', '#CDC5BF': 'seashell3', '#A0522D': 'sienna', '#8B5F65': 'LightPink4', '#CDC1C5': 'LavenderBlush3', '#EE7621': 'chocolate2', '#FFBBFF': 'plum1', '#CD6839': 'sienna3', '#698B69': 'DarkSeaGreen4', '#050505': 'gray2', '#CD661D': 'chocolate3', '#FAFAD2': 'LightGoldenrodYellow', '#CDCDC1': 'ivory3', '#FFF8DC': 'cornsilk', '#A8A8A8': 'gray66', '#B452CD': 'MediumOrchid3', '#D2B48C': 'tan', '#8EE5EE': 'CadetBlue2', '#483D8B': 'DarkSlateBlue', '#BBFFFF': 'PaleTurquoise1', '#0000FF': 'blue', '#EE6AA7': 'HotPink2', '#EE7942': 'sienna2', '#00CD00': 'green3', '#141414': 'gray8', '#9ACD32': 'OliveDrab3', '#C71585': 'MediumVioletRed', '#EE9A00': 'orange2', '#CAFF70': 'DarkOliveGreen1', '#F5F5F5': 'gray96', '#32CD32': 'LimeGreen', '#00EE00': 'green2', '#FFB6C1': 'LightPink', '#8B1A1A': 'firebrick4', '#00B2EE': 'DeepSkyBlue2', '#20B2AA': 'LightSeaGreen', '#707070': 'gray44', '#009ACD': 'DeepSkyBlue3', '#A52A2A': 'brown', '#EE6363': 'IndianRed2', '#FAF0E6': 'linen', '#8B7D7B': 'MistyRose4', '#9A32CD': 'DarkOrchid3', '#1F1F1F': 'gray12', '#E8E8E8': 'gray91', '#7E7E7E': 'gray', '#7A8B8B': 'LightCyan4', '#CD7054': 'salmon3', '#9FB6CD': 'SlateGray3', '#CDC9A5': 'LemonChiffon3', '#D02090': 'VioletRed', '#00FFFF': 'aqua', '#2B2B2B': 'gray17', '#858585': 'gray52', '#A3A3A3': 'gray64', '#CD0000': 'red3', '#43CD80': 'SeaGreen3', '#FA8072': 'salmon', '#FFDAB9': 'PeachPuff', '#D2691E': 'chocolate', '#FF1493': 'DeepPink', '#EED2EE': 'thistle2', '#030303': 'gray1', '#8B8B7A': 'LightYellow4'}
+var nametohex = {'grey21': '#363636', 'yellow': '#FFFF00', 'grey61': '#9C9C9C', 'HotPink3': '#CD6090', 'grey63': '#A1A1A1', 'grey62': '#9E9E9E', 'grey65': '#A6A6A6', 'AliceBlue': '#F0F8FF', 'grey67': '#ABABAB', 'grey66': '#A8A8A8', 'LightCyan1': '#E0FFFF', 'grey68': '#ADADAD', 'LightCyan3': '#B4CDCD', 'LightCyan2': '#D1EEEE', 'LightCyan4': '#7A8B8B', 'gray32': '#525252', 'gray33': '#545454', 'DarkTurquoise': '#00CED1', 'gray31': '#4F4F4F', 'gray36': '#5C5C5C', 'gray37': '#5E5E5E', 'gray34': '#575757', 'gray35': '#595959', 'aquamarine4': '#458B74', 'gray38': '#616161', 'gray39': '#636363', 'aquamarine1': '#7FFFD4', 'aquamarine3': '#66CDAA', 'aquamarine2': '#76EEC6', 'CadetBlue4': '#53868B', 'CadetBlue3': '#7AC5CD', 'CadetBlue2': '#8EE5EE', 'CadetBlue1': '#98F5FF', 'crimson': '#DC143C', 'VioletRed1': '#FF3E96', 'VioletRed2': '#EE3A8C', 'VioletRed3': '#CD3278', 'VioletRed4': '#8B2252', 'brown': '#A52A2A', 'DarkGoldenrod': '#B8860B', 'gray8': '#141414', 'SlateGrey': '#708090', 'NavajoWhite2': '#EECFA1', 'gray2': '#050505', 'cyan': '#00FFFF', 'gray0': '#000000', 'gray1': '#030303', 'fractal': '#808080', 'gray7': '#121212', 'gray4': '#0A0A0A', 'gray5': '#0D0D0D', 'grey60': '#999999', 'DarkBlue': '#00008B', 'gray98': '#FAFAFA', 'DarkKhaki': '#BDB76B', 'gray99': '#FCFCFC', 'teal': '#008080', 'grey11': '#1C1C1C', 'coral4': '#8B3E2F', 'grey12': '#1F1F1F', 'grey64': '#A3A3A3', 'PaleGreen1': '#9AFF9A', 'PaleGreen3': '#7CCD7C', 'PaleGreen2': '#90EE90', 'PaleGreen4': '#548B54', 'grey14': '#242424', 'lavender': '#E6E6FA', 'grey15': '#262626', 'chartreuse3': '#66CD00', 'chartreuse2': '#76EE00', 'chartreuse1': '#7FFF00', 'chartreuse4': '#458B00', 'RosyBrown': '#BC8F8F', 'blue': '#0000FF', 'NavajoWhite': '#FFDEAD', 'opaque': '#000000', 'maroon4': '#8B1C62', 'maroon3': '#CD2990', 'maroon2': '#EE30A7', 'maroon1': '#FF34B3', 'gold3': '#CDAD00', 'gold2': '#EEC900', 'gold1': '#FFD700', 'gold4': '#8B7500', 'LightSlateGrey': '#778899', 'gray30': '#4D4D4D', 'DarkGreen': '#006400', 'SkyBlue': '#87CEEB', 'GhostWhite': '#F8F8FF', 'LavenderBlush': '#FFF0F5', 'SeaGreen': '#2E8B57', 'BlanchedAlmond': '#FFEBCD', 'gray60': '#999999', 'DarkOliveGreen': '#556B2F', 'firebrick2': '#EE2C2C', 'firebrick1': '#FF3030', 'firebrick4': '#8B1A1A', 'sienna': '#A0522D', 'blue1': '#0000FF', 'lime': '#00FF00', 'gray55': '#8C8C8C', 'blue2': '#0000EE', 'DarkViolet': '#9400D3', 'blue4': '#00008B', 'peru': '#CD853F', 'DarkMagenta': '#8B008B', 'LightBlue2': '#B2DFEE', 'red2': '#EE0000', 'red1': '#FF0000', 'LightBlue1': '#BFEFFF', 'LightBlue4': '#68838B', 'red4': '#8B0000', 'MediumSpringGreen': '#00FA9A', 'chocolate': '#D2691E', 'ForestGreen': '#228B22', 'DarkRed': '#8B0000', 'olive': '#808000', 'HotPink2': '#EE6AA7', 'HotPink1': '#FF6EB4', 'HotPink4': '#8B3A62', 'grey18': '#2E2E2E', 'grey19': '#303030', 'none': '#000000', 'PeachPuff': '#FFDAB9', 'MediumGoldenRod': '#D1C166', 'moccasin': '#FFE4B5', 'grey10': '#1A1A1A', 'chocolate1': '#FF7F24', 'chocolate2': '#EE7621', 'chocolate3': '#CD661D', 'chocolate4': '#8B4513', 'wheat2': '#EED8AE', 'grey16': '#292929', 'grey17': '#2B2B2B', 'gray69': '#B0B0B0', 'gray68': '#ADADAD', 'gray65': '#A6A6A6', 'gray64': '#A3A3A3', 'gray67': '#ABABAB', 'gray66': '#A8A8A8', 'gray61': '#9C9C9C', 'coral': '#FF7F50', 'gray63': '#A1A1A1', 'gray62': '#9E9E9E', 'LightGoldenrod': '#EEDD82', 'turquoise4': '#00868B', 'seashell2': '#EEE5DE', 'seashell3': '#CDC5BF', 'magenta': '#FF00FF', 'seashell1': '#FFF5EE', 'tan': '#D2B48C', 'seashell4': '#8B8682', 'pink': '#FFC0CB', 'LightSlateBlue': '#8470FF', 'SteelBlue1': '#63B8FF', 'SteelBlue3': '#4F94CD', 'SteelBlue2': '#5CACEE', 'SteelBlue4': '#36648B', 'grey89': '#E3E3E3', 'grey88': '#E0E0E0', 'grey87': '#DEDEDE', 'grey86': '#DBDBDB', 'grey85': '#D9D9D9', 'grey84': '#D6D6D6', 'grey83': '#D4D4D4', 'grey82': '#D1D1D1', 'grey81': '#CFCFCF', 'grey80': '#CCCCCC', 'ivory2': '#EEEEE0', 'khaki4': '#8B864E', 'khaki1': '#FFF68F', 'khaki2': '#EEE685', 'khaki3': '#CDC673', 'salmon1': '#FF8C69', 'salmon3': '#CD7054', 'salmon2': '#EE8262', 'salmon4': '#8B4C39', 'LightPink': '#FFB6C1', 'gray9': '#171717', 'green': '#008000', 'brown2': '#EE3B3B', 'brown3': '#CD3333', 'brown1': '#FF4040', 'brown4': '#8B2323', 'cadet blue': '#5F9EA0', 'orange4': '#8B5A00', 'orange1': '#FFA500', 'orange3': '#CD8500', 'orange2': '#EE9A00', 'gray3': '#080808', 'gray6': '#0F0F0F', 'yellow4': '#8B8B00', 'yellow3': '#CDCD00', 'yellow2': '#EEEE00', 'yellow1': '#FFFF00', 'PapayaWhip': '#FFEFD5', 'bisque2': '#EED5B7', 'OliveDrab4': '#698B22', 'bisque3': '#CDB79E', 'OliveDrab1': '#C0FF3E', 'OliveDrab2': '#B3EE3A', 'OliveDrab3': '#9ACD32', 'SkyBlue4': '#4A708B', 'SkyBlue1': '#87CEFF', 'SkyBlue3': '#6CA6CD', 'SkyBlue2': '#7EC0EE', 'grey58': '#949494', 'grey59': '#969696', 'grey54': '#8A8A8A', 'grey55': '#8C8C8C', 'grey56': '#8F8F8F', 'grey57': '#919191', 'grey50': '#7F7F7F', 'silver': '#C0C0C0', 'grey52': '#858585', 'grey53': '#878787', 'cyan2': '#00EEEE', 'cyan3': '#00CDCD', 'gray23': '#3B3B3B', 'RosyBrown4': '#8B6969', 'gray25': '#404040', 'CornflowerBlue': '#6495ED', 'cyan4': '#008B8B', 'gray26': '#424242', 'gray29': '#4A4A4A', 'LimeGreen': '#32CD32', 'MistyRose': '#FFE4E1', 'navy': '#000080', 'gray94': '#F0F0F0', 'gray95': '#F2F2F2', 'gray96': '#F5F5F5', 'gray97': '#F7F7F7', 'gray90': '#E5E5E5', 'gray91': '#E8E8E8', 'gray92': '#EBEBEB', 'gray93': '#EDEDED', 'MediumPurple': '#9370DB', 'MidnightBlue': '#191970', 'cornsilk': '#FFF8DC', 'red': '#FF0000', 'grey69': '#B0B0B0', 'DarkOrchid4': '#68228B', 'blue3': '#0000CD', 'LightSteelBlue': '#B0C4DE', 'DarkOrchid1': '#BF3EFF', 'DarkOrchid2': '#B23AEE', 'DarkOrchid3': '#9A32CD', 'grey72': '#B8B8B8', 'FloralWhite': '#FFFAF0', 'grey70': '#B3B3B3', 'DarkSeaGreen': '#8FBC8F', 'grey71': '#B5B5B5', 'gray17': '#2B2B2B', 'grey77': '#C4C4C4', 'tomato4': '#8B3626', 'tomato1': '#FF6347', 'tomato3': '#CD4F39', 'tomato2': '#EE5C42', 'DarkSlateGray1': '#97FFFF', 'DarkSlateGray2': '#8DEEEE', 'DarkSlateGray3': '#79CDCD', 'DarkSlateGray4': '#528B8B', 'SteelBlue': '#4682B4', 'MediumSlateBlue': '#7B68EE', 'OrangeRed': '#FF4500', 'grey79': '#C9C9C9', 'MediumVioletRed': '#C71585', 'burlywood': '#DEB887', 'white': '#FFFFFF', 'tomato': '#FF6347', 'DodgerBlue': '#1E90FF', 'RoyalBlue4': '#27408B', 'RoyalBlue1': '#4876FF', 'RoyalBlue3': '#3A5FCD', 'RoyalBlue2': '#436EEE', 'MistyRose1': '#FFE4E1', 'MistyRose3': '#CDB7B5', 'MistyRose2': '#EED5D2', 'MistyRose4': '#8B7D7B', 'LightGray': '#D3D3D3', 'LightYellow': '#FFFFE0', 'DarkOrange': '#FF8C00', 'DarkGray': '#A9A9A9', 'SlateGray': '#708090', 'turquoise3': '#00C5CD', 'turquoise2': '#00E5EE', 'turquoise1': '#00F5FF', 'burlywood2': '#EEC591', 'burlywood4': '#8B7355', 'DarkSlateGray': '#2F4F4F', 'linen': '#FAF0E6', 'grey47': '#787878', 'snow': '#FFFAFA', 'grey46': '#757575', 'gray58': '#949494', 'gray59': '#969696', 'IndianRed4': '#8B3A3A', 'purple4': '#551A8B', 'gray52': '#858585', 'gray53': '#878787', 'purple1': '#9B30FF', 'IndianRed1': '#FF6A6A', 'purple3': '#7D26CD', 'purple2': '#912CEE', 'thistle3': '#CDB5CD', 'thistle2': '#EED2EE', 'SpringGreen2': '#00EE76', 'SpringGreen3': '#00CD66', 'SpringGreen4': '#008B45', 'thistle4': '#8B7B8B', 'LightPink2': '#EEA2AD', 'LightPink3': '#CD8C95', 'LightPink1': '#FFAEB9', 'LightPink4': '#8B5F65', 'MediumPurple1': '#AB82FF', 'MediumPurple2': '#9F79EE', 'MediumPurple3': '#8968CD', 'MediumPurple4': '#5D478B', 'MediumTurquoise': '#48D1CC', 'DimGray': '#696969', 'gray14': '#242424', 'grey100': '#FFFFFF', 'OrangeRed3': '#CD3700', 'OrangeRed2': '#EE4000', 'OrangeRed1': '#FF4500', 'LightSeaGreen': '#20B2AA', 'gold': '#FFD700', 'OrangeRed4': '#8B2500', 'NavajoWhite4': '#8B795E', 'NavajoWhite1': '#FFDEAD', 'LawnGreen': '#7CFC00', 'NavajoWhite3': '#CDB38B', 'LightGoldenrod4': '#8B814C', 'LightGoldenrod1': '#FFEC8B', 'LightGoldenrod3': '#CDBE70', 'LightGoldenrod2': '#EEDC82', 'gray21': '#363636', 'PaleGreen': '#98FB98', 'green4': '#008B00', 'green1': '#00FF00', 'green3': '#00CD00', 'green2': '#00EE00', 'MediumOrchid': '#BA55D3', 'black': '#000000', 'gray20': '#333333', 'orchid4': '#8B4789', 'DodgerBlue1': '#1E90FF', 'DodgerBlue2': '#1C86EE', 'DodgerBlue3': '#1874CD', 'DodgerBlue4': '#104E8B', 'orchid1': '#FF83FA', 'orchid2': '#EE7AE9', 'orchid3': '#CD69C9', 'DarkSeaGreen4': '#698B69', 'DarkSeaGreen3': '#9BCD9B', 'DarkSeaGreen2': '#B4EEB4', 'DarkSeaGreen1': '#C1FFC1', 'gray100': '#FFFFFF', 'BlueViolet': '#8A2BE2', 'bisque4': '#8B7D6B', 'MediumOrchid4': '#7A378B', 'MintCream': '#F5FFFA', 'MediumOrchid1': '#E066FF', 'bisque1': '#FFE4C4', 'MediumOrchid3': '#B452CD', 'MediumOrchid2': '#D15FEE', 'gray': '#7E7E7E', 'DeepSkyBlue': '#00BFFF', 'LightGrey': '#D3D3D3', 'grey78': '#C7C7C7', 'gray22': '#383838', 'plum4': '#8B668B', 'plum3': '#CD96CD', 'plum2': '#EEAEEE', 'plum1': '#FFBBFF', 'DarkSlateGrey': '#2F4F4F', 'DarkOrchid': '#9932CC', 'OliveDrab': '#6B8E23', 'gray83': '#D4D4D4', 'grey49': '#7D7D7D', 'grey48': '#7A7A7A', 'thistle': '#D8BFD8', 'violet': '#EE82EE', 'grey43': '#6E6E6E', 'grey42': '#6B6B6B', 'LightSalmon4': '#8B5742', 'grey40': '#666666', 'LightSalmon2': '#EE9572', 'LightSalmon3': '#CD8162', 'grey45': '#737373', 'LightSalmon1': '#FFA07A', 'honeydew': '#F0FFF0', 'gray18': '#2E2E2E', 'gray19': '#303030', 'LightCyan': '#E0FFFF', 'gray15': '#262626', 'gray16': '#292929', 'gray82': '#D1D1D1', 'gray10': '#1A1A1A', 'gray11': '#1C1C1C', 'gray12': '#1F1F1F', 'gray13': '#212121', 'grey93': '#EDEDED', 'PaleGoldenrod': '#EEE8AA', 'gainsboro': '#DCDCDC', 'AntiqueWhite3': '#CDC0B0', 'AntiqueWhite2': '#EEDFCC', 'AntiqueWhite1': '#FFEFDB', 'gray27': '#454545', 'SlateBlue': '#6A5ACD', 'AntiqueWhite4': '#8B8378', 'DimGrey': '#696969', 'VioletRed': '#D02090', 'WhiteSmoke': '#F5F5F5', 'grey38': '#616161', 'grey39': '#636363', 'grey36': '#5C5C5C', 'grey37': '#5E5E5E', 'grey34': '#575757', 'grey35': '#595959', 'aqua': '#00FFFF', 'grey33': '#545454', 'grey30': '#4D4D4D', 'grey31': '#4F4F4F', 'NavyBlue': '#000080', 'sienna4': '#8B4726', 'gray81': '#CFCFCF', 'gray80': '#CCCCCC', 'sienna1': '#FF8247', 'gray86': '#DBDBDB', 'sienna3': '#CD6839', 'sienna2': '#EE7942', 'gray89': '#E3E3E3', 'gray88': '#E0E0E0', 'SlateBlue4': '#473C8B', 'gray87': '#DEDEDE', 'LightSteelBlue1': '#CAE1FF', 'magenta3': '#CD00CD', 'IndianRed': '#CD5C5C', 'SlateBlue2': '#7A67EE', 'SlateBlue1': '#836FFF', 'LightBlue': '#ADD8E6', 'PeachPuff4': '#8B7765', 'seashell': '#FFF5EE', 'SaddleBrown': '#8B4513', 'PeachPuff1': '#FFDAB9', 'PeachPuff2': '#EECBAD', 'PeachPuff3': '#CDAF95', 'aquamarine': '#7FFFD4', 'LemonChiffon2': '#EEE9BF', 'LemonChiffon1': '#FFFACD', 'tan4': '#8B5A2B', 'tan3': '#CD853F', 'tan2': '#EE9A49', 'tan1': '#FFA54F', 'LemonChiffon4': '#8B8970', 'orange': '#FFA500', 'OldLace': '#FDF5E6', 'PowderBlue': '#B0E0E6', 'RosyBrown3': '#CD9B9B', 'RoyalBlue': '#4169E1', 'LightSkyBlue4': '#607B8B', 'LightSkyBlue1': '#B0E2FF', 'LightSkyBlue2': '#A4D3EE', 'LightSkyBlue3': '#8DB6CD', 'LightYellow1': '#FFFFE0', 'LightYellow2': '#EEEED1', 'LightYellow3': '#CDCDB4', 'LightYellow4': '#8B8B7A', 'goldenrod4': '#8B6914', 'goldenrod1': '#FFC125', 'goldenrod2': '#EEB422', 'goldenrod3': '#CD9B1D', 'grey32': '#525252', 'LemonChiffon': '#FFFACD', 'burlywood1': '#FFD39B', 'YellowGreen': '#9ACD32', 'LightCoral': '#F08080', 'burlywood3': '#CDAA7D', 'ivory3': '#CDCDC1', 'firebrick3': '#CD2626', 'ivory1': '#FFFFF0', 'grey8': '#141414', 'ivory4': '#8B8B83', 'grey9': '#171717', 'DarkSalmon': '#E9967A', 'SlateGray1': '#C6E2FF', 'SlateGray2': '#B9D3EE', 'SlateGray3': '#9FB6CD', 'SlateGray4': '#6C7B8B', 'RosyBrown2': '#EEB4B4', 'RosyBrown1': '#FFC1C1', 'gray85': '#D9D9D9', 'gray84': '#D6D6D6', 'LightGreen': '#90EE90', 'LavenderBlush1': '#FFF0F5', 'grey73': '#BABABA', 'LavenderBlush3': '#CDC1C5', 'LavenderBlush2': '#EEE0E5', 'grey76': '#C2C2C2', 'LavenderBlush4': '#8B8386', 'grey74': '#BDBDBD', 'grey75': '#BFBFBF', 'pink1': '#FFB5C5', 'pink3': '#CD919E', 'pink2': '#EEA9B8', 'pink4': '#8B636C', 'gray47': '#787878', 'gray46': '#757575', 'gray45': '#737373', 'gray44': '#707070', 'gray43': '#6E6E6E', 'gray42': '#6B6B6B', 'gray41': '#696969', 'gray40': '#666666', 'gray49': '#7D7D7D', 'gray48': '#7A7A7A', 'MediumAquamarine': '#66CDAA', 'MediumForestGreen': '#32814B', 'azure1': '#F0FFFF', 'azure3': '#C1CDCD', 'azure2': '#E0EEEE', 'indigo': '#4B0082', 'azure4': '#838B8B', 'firebrick': '#B22222', 'DarkGrey': '#A9A9A9', 'magenta4': '#8B008B', 'SlateBlue3': '#6959CD', 'magenta2': '#EE00EE', 'magenta1': '#FF00FF', 'grey51': '#828282', 'chartreuse': '#7FFF00', 'grey41': '#696969', 'DarkOliveGreen4': '#6E8B3D', 'turquoise': '#40E0D0', 'DarkOliveGreen1': '#CAFF70', 'DarkOliveGreen3': '#A2CD5A', 'DarkOliveGreen2': '#BCEE68', 'grey6': '#0F0F0F', 'grey7': '#121212', 'grey4': '#0A0A0A', 'grey5': '#0D0D0D', 'grey2': '#050505', 'grey3': '#080808', 'grey0': '#000000', 'grey1': '#030303', 'gray50': '#7F7F7F', 'cyan1': '#00FFFF', 'gray51': '#828282', 'gray24': '#3D3D3D', 'HotPink': '#FF69B4', 'DarkGoldenrod4': '#8B6508', 'gray54': '#8A8A8A', 'DarkGoldenrod1': '#FFB90F', 'DarkGoldenrod2': '#EEAD0E', 'DarkGoldenrod3': '#CD950C', 'IndianRed2': '#EE6363', 'DeepPink': '#FF1493', 'gray28': '#474747', 'IndianRed3': '#CD5555', 'DarkCyan': '#008B8B', 'GreenYellow': '#ADFF2F', 'LightSalmon': '#FFA07A', 'DarkOrange4': '#8B4500', 'DarkOrange1': '#FF7F00', 'transparent': '#000000', 'DarkOrange3': '#CD6600', 'orchid': '#DA70D6', 'purple': '#800080', 'wheat4': '#8B7E66', 'wheat1': '#FFE7BA', 'wheat3': '#CDBA96', 'SpringGreen1': '#00FF7F', 'coral3': '#CD5B45', 'coral2': '#EE6A50', 'coral1': '#FF7256', 'thistle1': '#FFE1FF', 'PaleTurquoise': '#AFEEEE', 'bisque': '#FFE4C4', 'DeepPink3': '#CD1076', 'DeepPink2': '#EE1289', 'DeepPink1': '#FF1493', 'khaki': '#F0E68C', 'wheat': '#F5DEB3', 'MediumSeaGreen': '#3CB371', 'DeepPink4': '#8B0A50', 'salmon': '#FA8072', 'grey44': '#707070', 'DarkSlateBlue': '#483D8B', 'PaleVioletRed4': '#8B475D', 'PaleVioletRed1': '#FF82AB', 'PaleVioletRed2': '#EE799F', 'PaleVioletRed3': '#CD6889', 'AntiqueWhite': '#FAEBD7', 'PaleTurquoise4': '#668B8B', 'PaleTurquoise3': '#96CDCD', 'PaleTurquoise2': '#AEEEEE', 'PaleTurquoise1': '#BBFFFF', 'gray56': '#8F8F8F', 'plum': '#DDA0DD', 'beige': '#F5F5DC', 'SpringGreen': '#00FF7F', 'azure': '#F0FFFF', 'honeydew1': '#F0FFF0', 'honeydew2': '#E0EEE0', 'honeydew3': '#C1CDC1', 'honeydew4': '#838B83', 'gray57': '#919191', 'snow4': '#8B8989', 'snow2': '#EEE9E9', 'snow3': '#CDC9C9', 'snow1': '#FFFAFA', 'SandyBrown': '#F4A460', 'grey13': '#212121', 'SeaGreen4': '#2E8B57', 'SeaGreen3': '#43CD80', 'SeaGreen2': '#4EEE94', 'SeaGreen1': '#54FF9F', 'grey29': '#4A4A4A', 'grey28': '#474747', 'grey25': '#404040', 'grey24': '#3D3D3D', 'grey27': '#454545', 'grey26': '#424242', 'fuchsia': '#FF00FF', 'grey20': '#333333', 'grey23': '#3B3B3B', 'grey22': '#383838', 'gray78': '#C7C7C7', 'gray79': '#C9C9C9', 'gray76': '#C2C2C2', 'gray77': '#C4C4C4', 'gray74': '#BDBDBD', 'gray75': '#BFBFBF', 'gray72': '#B8B8B8', 'gray73': '#BABABA', 'gray70': '#B3B3B3', 'gray71': '#B5B5B5', 'ivory': '#FFFFF0', 'LemonChiffon3': '#CDC9A5', 'DeepSkyBlue4': '#00688B', 'DeepSkyBlue3': '#009ACD', 'DeepSkyBlue2': '#00B2EE', 'DeepSkyBlue1': '#00BFFF', 'cornsilk4': '#8B8878', 'cornsilk2': '#EEE8CD', 'cornsilk3': '#CDC8B1', 'CadetBlue': '#5F9EA0', 'cornsilk1': '#FFF8DC', 'grey90': '#E5E5E5', 'grey91': '#E8E8E8', 'grey92': '#EBEBEB', 'goldenrod': '#DAA520', 'grey94': '#F0F0F0', 'grey95': '#F2F2F2', 'grey96': '#F5F5F5', 'grey97': '#F7F7F7', 'grey98': '#FAFAFA', 'grey99': '#FCFCFC', 'red3': '#CD0000', 'LightSteelBlue2': '#BCD2EE', 'LightSteelBlue3': '#A2B5CD', 'LightSteelBlue4': '#6E7B8B', 'LightBlue3': '#9AC0CD', 'maroon': '#800000', 'LightSkyBlue': '#87CEFA', 'LightGoldenrodYellow': '#FAFAD2', 'MediumBlue': '#0000CD', 'LightSlateGray': '#778899', 'DarkOrange2': '#EE7600', 'PaleVioletRed': '#DB7093'}
diff --git a/frontend/imgrid/colors/colors/junk/colorpicker.html b/frontend/imgrid/colors/colors/junk/colorpicker.html
new file mode 100755
index 0000000..23993ac
--- /dev/null
+++ b/frontend/imgrid/colors/colors/junk/colorpicker.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
+<html>
+<head>
+<style type='text/css'>
+body
+		{
+		background-image:url('http://asdf.us/im/ef/_imgrid_1320723477_pepper.png');
+		}
+#firstd
+		{
+		position:fixed;
+		top:40px;
+		right:20%;
+		height:40px;
+		width:0px;
+		background-color:#ffdead;
+		color:white;
+		}
+#secondd
+		{
+		position:fixed;
+		top: 100px;
+		right:20%;
+		height:40px;
+		width: 200px;
+		font-family:'helvetica';
+		font-size:40px;
+		}
+
+#error
+		{
+		position: fixed;
+		bottom: 100px;
+		height:40px;
+		width: 200px;
+		background-color: mediumseagreen;
+		right: 50%;
+		}
+#colorerror
+		{
+		position: fixed;
+		bottom:50px;
+		height:30px;
+		width: 140px;
+		background-color: red;
+		right: 50%;
+		}
+iframe
+		{
+		width:600px;
+		height:400px;
+		}
+#namespace
+		{
+		position:fixed;
+		bottom:40px;
+		right:20px;
+		}
+#hexmode
+		{
+		position:fixed;
+		top:300px;
+		right:100px;
+		font-size:40px;
+		font-family:helvetica;
+		}
+#hexswitch
+		{
+		height:100px;
+		width:300px;
+		font-size:20px
+		border-style: groove;
+		border-width: 4px;
+		background-color:goldenrod;
+		text-align:center;
+		}
+</style>
+</head>
+<body>
+<div class='content' sytle="background-color:yellow; height:40px; width:300px; position:fixed; bottom:20px; right:45%">BLACH BLAH BLAH</div>
+<button>wonderbutton</button>
+<p>hex</p>
+<p>text</p>
+<div id='hexswitch'>CLICK TO SHOW HEXES</div>
+<div><iframe src='colorsnew.html'></iframe></div>
+<div id='guy2' class='guys' style='position:fixed;z-index:10;background-color:dodgerblue;height:40px;width:50px;top:10px;right:81%'>funny</div>
+<div id='guy3' class='guys' style='position:fixed;z-index:10;background-color:snow;height:40px;width:50px;top:10px;right:76%'>happy</div>
+<div id='guy1' class='guys' style='position:fixed;z-index:10;background-color:magenta;height:40px;width:50px;top:10px;right:66%'>silly</div>
+<div id='guy5' class='guys' style='position:fixed;z-index:10;background-color:magenta;height:40px;width:50px;top:10px;right:71%'>smart</div>
+<div id='showinfo' class='guys' style='position:fixed;z-index:10;background-color:magenta;height:40px;width:50px;top:10px;right:60%'>click it</div>
+
+<div id='firstd'>click me</div><div id='secondd'></div>
+<div id='error'></div>
+<div id='colorerror'></div>
+<input id='namespace' type='text'></input>
+<div id='hexmode'>choose between hex or text...<input id='hexortext' type='checkbox'  value="1"></input></div>
+<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
+<script type="text/javascript" src="colordict.js"></script>
+<script type="text/javascript">
+
+function showid(id)
+		{
+		$('#guy5').html(id)
+		}
+$('.guys').mouseover(function() {
+   showid(this.id);
+});
+$("button").click(function () {
+$("p").toggle();
+});
+
+function removecontent()
+	{
+	$('.content').hover(function(){return})
+	$('.content').html("")
+	}
+removecontent()
+function goldenize(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num*ratio)
+	return newnum
+	}
+//turns css property width or height into an integer value
+function getproperty(idstr, propertystr)
+	{
+	grab = $('#'+idstr).css(propertystr)
+	grab = grab.slice(0,-2)
+	numval = parseInt(grab)
+	return numval
+	}
+function makegolden(idstr, propertystr)
+	{
+	result = getproperty(idstr, propertystr)
+	newwidth = goldenize(result)
+	widthval = newwidth.toString()+'px'
+	$('#'+idstr).css('width', widthval)
+	}
+makegolden('firstd', 'height')
+$('#colorerror').css('background-color', '#556B2F')
+
+//from http://haacked.com/archive/2009/12/29/convert-rgb-to-hex.aspx
+function colorToHex(color) {
+    if (color.substr(0, 1) === '#') {
+        return color;
+    }
+    var digits = /(.*?)rgb\((\d+), (\d+), (\d+)\)/.exec(color);
+    
+    var red = parseInt(digits[2]);
+    var green = parseInt(digits[3]);
+    var blue = parseInt(digits[4]);
+    
+    var rgb = blue | (green << 8) | (red << 16);
+    return digits[1] + '#' + rgb.toString(16);
+};
+
+
+monica = $('#hexortext:checked').length
+$('#error').append(monica)
+$('#error').append('knows whassup')
+var hexes = false
+function hexswitch()
+		{
+		if(hexes == false)
+			{
+			$('#hexswitch').html('CLICK TO SHOW COLOR NAMES')
+			hexes = true;
+			}
+			
+		else
+			{
+			$('#hexswitch').html('CLICK TO SHOW HEX NAMES')
+			hexes = false;
+			}
+		}
+$('#hexswitch').click(function(){hexswitch()})
+//takes a div name and returns a colorname
+function showcolorname(divstr)
+		{
+		bgcolor = $('#'+divstr).css('background-color')
+		lowercasehex = colorToHex(bgcolor)
+		hex = lowercasehex.toUpperCase()
+			imname = hextoname[hex]
+		if ($('#hexortext:checked').length == 1)
+			{
+			imname = hex
+			}
+		return imname
+		}
+function bigname()
+		{
+		bebop = showcolorname('firstd')
+		$('#secondd').html(bebop)
+		}
+function putitin(hotboy)
+		{
+		$('#namespace').val(hotboy)
+		}
+$("#firstd").hover(function(){bigname()})
+$("#firstd").hover(function(){$('#secondd').fadeOut(100);$('#secondd').fadeIn(500);});
+function boys ()
+		{
+		var heyguys = showcolorname('firstd')
+		putitin(heyguys)
+		}
+$('#firstd').click(function(){boys()})
+//$('#'+divstr).mouseover(bigname(divstr)
+//three way toggle with background color
+//here's how it will work
+//there is a dictionary of background color hexes which translate into names
+// with every click of a div the .html() property shifts between three states
+//1. showing the background color as a string
+//2. showing nothing
+//3. showing the value of the hash using the background color as the key to the
+//hash
+//first step: make the three stage button DONE
+
+var infostate = 0;
+$('#showinfo').click(function(){
+			if(infostate == 0)
+						{$('#guy2').html(colorToHex($('#guy2').css('background-color')));infostate = 1}
+			else if(infostate == 1)
+						{$('#guy2').html(newdict[colorToHex($('#guy2').css('background-color'))]);infostate = 2}
+			else if(infostate == 2)
+						{$('#guy2').html(0);infostate = 0}
+						})
+//second step make dictionary DONE
+var newdict = {}
+newdict['#1e90ff'] = 'green'
+newdict['#ff00ff'] = 'purple'
+newdict['#fffafa'] = 'mauve'
+
+//make it happen using guy1 guy2 guy3
+// DO NOT USE HEX TO COLORNAME AND JQUERY BACKGROUND COLOR...use the dictionari
+//es instead...they are divlist, and hextoname and nametohex and divtoname they have a 
+//range of 0-673 (or length of 674)
+
+
+var happyguys = ['#guy1','#guy2','#guy3']
+function tester()
+		{
+		for(var i=0; i<happyguys.length; i++){
+		$(happyguys[i]).html($(happyguys[i]).css('background-color'))
+	}
+		}
+tester()
+
+//the script will be very convoluted. please make it anyway
+//remember the only way to affect a list of things is to iterate over them
+//make a list of the div names put it in this format... do that next
+
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/colors/junk/colorpixx.css b/frontend/imgrid/colors/colors/junk/colorpixx.css
new file mode 100755
index 0000000..1ddf557
--- /dev/null
+++ b/frontend/imgrid/colors/colors/junk/colorpixx.css
@@ -0,0 +1,2047 @@
+
+body
+{word-wrap: break-word;}
+
+#main div
+{display: -moz-inline-stack;
+display:inline-block;
+vertical-align:bottom;
+min-height: 30px;
+min-width:20px;
+zoom: 1;
+*display: inline;}
+}
+
+#main
+		{
+		width:600px;
+		}
+#colornames
+{position:fixed;
+font-size:50px;
+top:50px;
+right:50%;}
+#d0
+{background-color:#FFFAFA}
+
+#d1
+{background-color:#FFFAFA}
+
+#d2
+{background-color:#EEE9E9}
+
+#d3
+{background-color:#FFC1C1}
+
+#d4
+{background-color:#EEB4B4}
+
+#d5
+{background-color:#CDC9C9}
+
+#d6
+{background-color:#F08080}
+
+#d7
+{background-color:#FF6A6A}
+
+#d8
+{background-color:#CD9B9B}
+
+#d9
+{background-color:#EE6363}
+
+#d10
+{background-color:#BC8F8F}
+
+#d11
+{background-color:#FF4040}
+
+#d12
+{background-color:#FF3030}
+
+#d13
+{background-color:#EE3B3B}
+
+#d14
+{background-color:#CD5C5C}
+
+#d15
+{background-color:#CD5555}
+
+#d16
+{background-color:#EE2C2C}
+
+#d17
+{background-color:#8B8989}
+
+#d18
+{background-color:#CD3333}
+
+#d19
+{background-color:#FF0000}
+
+#d20
+{background-color:#FF0000}
+
+#d21
+{background-color:#8B6969}
+
+#d22
+{background-color:#CD2626}
+
+#d23
+{background-color:#EE0000}
+
+#d24
+{background-color:#B22222}
+
+#d25
+{background-color:#A52A2A}
+
+#d26
+{background-color:#CD0000}
+
+#d27
+{background-color:#8B3A3A}
+
+#d28
+{background-color:#8B2323}
+
+#d29
+{background-color:#8B1A1A}
+
+#d30
+{background-color:#8B0000}
+
+#d31
+{background-color:#8B0000}
+
+#d32
+{background-color:#800000}
+
+#d33
+{background-color:#FFAEB9}
+
+#d34
+{background-color:#CD8C95}
+
+#d35
+{background-color:#8B5F65}
+
+#d36
+{background-color:#EEA2AD}
+
+#d37
+{background-color:#FFB6C1}
+
+#d38
+{background-color:#FFC0CB}
+
+#d39
+{background-color:#DC143C}
+
+#d40
+{background-color:#FFB5C5}
+
+#d41
+{background-color:#EEA9B8}
+
+#d42
+{background-color:#CD919E}
+
+#d43
+{background-color:#8B636C}
+
+#d44
+{background-color:#8B475D}
+
+#d45
+{background-color:#DB7093}
+
+#d46
+{background-color:#EE799F}
+
+#d47
+{background-color:#FF82AB}
+
+#d48
+{background-color:#CD6889}
+
+#d49
+{background-color:#FFF0F5}
+
+#d50
+{background-color:#FFF0F5}
+
+#d51
+{background-color:#CDC1C5}
+
+#d52
+{background-color:#EEE0E5}
+
+#d53
+{background-color:#8B8386}
+
+#d54
+{background-color:#B03060}
+
+#d55
+{background-color:#CD6090}
+
+#d56
+{background-color:#CD3278}
+
+#d57
+{background-color:#FF3E96}
+
+#d58
+{background-color:#EE3A8C}
+
+#d59
+{background-color:#8B2252}
+
+#d60
+{background-color:#EE6AA7}
+
+#d61
+{background-color:#FF6EB4}
+
+#d62
+{background-color:#8B3A62}
+
+#d63
+{background-color:#FF69B4}
+
+#d64
+{background-color:#FF1493}
+
+#d65
+{background-color:#FF1493}
+
+#d66
+{background-color:#EE1289}
+
+#d67
+{background-color:#CD1076}
+
+#d68
+{background-color:#8B0A50}
+
+#d69
+{background-color:#FF34B3}
+
+#d70
+{background-color:#EE30A7}
+
+#d71
+{background-color:#CD2990}
+
+#d72
+{background-color:#8B1C62}
+
+#d73
+{background-color:#C71585}
+
+#d74
+{background-color:#D02090}
+
+#d75
+{background-color:#EE7AE9}
+
+#d76
+{background-color:#DA70D6}
+
+#d77
+{background-color:#FF83FA}
+
+#d78
+{background-color:#CD69C9}
+
+#d79
+{background-color:#8B4789}
+
+#d80
+{background-color:#FFE1FF}
+
+#d81
+{background-color:#EED2EE}
+
+#d82
+{background-color:#FFBBFF}
+
+#d83
+{background-color:#EEAEEE}
+
+#d84
+{background-color:#D8BFD8}
+
+#d85
+{background-color:#CDB5CD}
+
+#d86
+{background-color:#DDA0DD}
+
+#d87
+{background-color:#EE82EE}
+
+#d88
+{background-color:#CD96CD}
+
+#d89
+{background-color:#8B7B8B}
+
+#d90
+{background-color:#FF00FF}
+
+#d91
+{background-color:#FF00FF}
+
+#d92
+{background-color:#FF00FF}
+
+#d93
+{background-color:#8B668B}
+
+#d94
+{background-color:#EE00EE}
+
+#d95
+{background-color:#CD00CD}
+
+#d96
+{background-color:#8B008B}
+
+#d97
+{background-color:#8B008B}
+
+#d98
+{background-color:#800080}
+
+#d99
+{background-color:#BA55D3}
+
+#d100
+{background-color:#E066FF}
+
+#d101
+{background-color:#D15FEE}
+
+#d102
+{background-color:#B452CD}
+
+#d103
+{background-color:#7A378B}
+
+#d104
+{background-color:#9400D3}
+
+#d105
+{background-color:#9932CC}
+
+#d106
+{background-color:#BF3EFF}
+
+#d107
+{background-color:#9A32CD}
+
+#d108
+{background-color:#B23AEE}
+
+#d109
+{background-color:#68228B}
+
+#d110
+{background-color:#A020F0}
+
+#d111
+{background-color:#4B0082}
+
+#d112
+{background-color:#8A2BE2}
+
+#d113
+{background-color:#912CEE}
+
+#d114
+{background-color:#7D26CD}
+
+#d115
+{background-color:#551A8B}
+
+#d116
+{background-color:#9B30FF}
+
+#d117
+{background-color:#9370DB}
+
+#d118
+{background-color:#AB82FF}
+
+#d119
+{background-color:#9F79EE}
+
+#d120
+{background-color:#8968CD}
+
+#d121
+{background-color:#5D478B}
+
+#d122
+{background-color:#483D8B}
+
+#d123
+{background-color:#8470FF}
+
+#d124
+{background-color:#7B68EE}
+
+#d125
+{background-color:#6A5ACD}
+
+#d126
+{background-color:#836FFF}
+
+#d127
+{background-color:#7A67EE}
+
+#d128
+{background-color:#6959CD}
+
+#d129
+{background-color:#473C8B}
+
+#d130
+{background-color:#F8F8FF}
+
+#d131
+{background-color:#E6E6FA}
+
+#d132
+{background-color:#0000FF}
+
+#d133
+{background-color:#0000FF}
+
+#d134
+{background-color:#0000EE}
+
+#d135
+{background-color:#0000CD}
+
+#d136
+{background-color:#0000CD}
+
+#d137
+{background-color:#00008B}
+
+#d138
+{background-color:#00008B}
+
+#d139
+{background-color:#191970}
+
+#d140
+{background-color:#000080}
+
+#d141
+{background-color:#000080}
+
+#d142
+{background-color:#4169E1}
+
+#d143
+{background-color:#4876FF}
+
+#d144
+{background-color:#436EEE}
+
+#d145
+{background-color:#3A5FCD}
+
+#d146
+{background-color:#27408B}
+
+#d147
+{background-color:#6495ED}
+
+#d148
+{background-color:#B0C4DE}
+
+#d149
+{background-color:#CAE1FF}
+
+#d150
+{background-color:#BCD2EE}
+
+#d151
+{background-color:#A2B5CD}
+
+#d152
+{background-color:#6E7B8B}
+
+#d153
+{background-color:#6C7B8B}
+
+#d154
+{background-color:#C6E2FF}
+
+#d155
+{background-color:#B9D3EE}
+
+#d156
+{background-color:#9FB6CD}
+
+#d157
+{background-color:#778899}
+
+#d158
+{background-color:#778899}
+
+#d159
+{background-color:#708090}
+
+#d160
+{background-color:#708090}
+
+#d161
+{background-color:#1E90FF}
+
+#d162
+{background-color:#1E90FF}
+
+#d163
+{background-color:#1C86EE}
+
+#d164
+{background-color:#104E8B}
+
+#d165
+{background-color:#1874CD}
+
+#d166
+{background-color:#F0F8FF}
+
+#d167
+{background-color:#36648B}
+
+#d168
+{background-color:#4682B4}
+
+#d169
+{background-color:#63B8FF}
+
+#d170
+{background-color:#5CACEE}
+
+#d171
+{background-color:#4F94CD}
+
+#d172
+{background-color:#4A708B}
+
+#d173
+{background-color:#87CEFF}
+
+#d174
+{background-color:#7EC0EE}
+
+#d175
+{background-color:#6CA6CD}
+
+#d176
+{background-color:#87CEFA}
+
+#d177
+{background-color:#607B8B}
+
+#d178
+{background-color:#B0E2FF}
+
+#d179
+{background-color:#A4D3EE}
+
+#d180
+{background-color:#8DB6CD}
+
+#d181
+{background-color:#87CEEB}
+
+#d182
+{background-color:#9AC0CD}
+
+#d183
+{background-color:#00BFFF}
+
+#d184
+{background-color:#00BFFF}
+
+#d185
+{background-color:#00B2EE}
+
+#d186
+{background-color:#00688B}
+
+#d187
+{background-color:#009ACD}
+
+#d188
+{background-color:#BFEFFF}
+
+#d189
+{background-color:#B2DFEE}
+
+#d190
+{background-color:#ADD8E6}
+
+#d191
+{background-color:#68838B}
+
+#d192
+{background-color:#B0E0E6}
+
+#d193
+{background-color:#98F5FF}
+
+#d194
+{background-color:#8EE5EE}
+
+#d195
+{background-color:#7AC5CD}
+
+#d196
+{background-color:#53868B}
+
+#d197
+{background-color:#00F5FF}
+
+#d198
+{background-color:#00E5EE}
+
+#d199
+{background-color:#00C5CD}
+
+#d200
+{background-color:#00868B}
+
+#d201
+{background-color:#5F9EA0}
+
+#d202
+{background-color:#5F9EA0}
+
+#d203
+{background-color:#00CED1}
+
+#d204
+{background-color:#F0FFFF}
+
+#d205
+{background-color:#F0FFFF}
+
+#d206
+{background-color:#E0FFFF}
+
+#d207
+{background-color:#E0FFFF}
+
+#d208
+{background-color:#E0EEEE}
+
+#d209
+{background-color:#D1EEEE}
+
+#d210
+{background-color:#BBFFFF}
+
+#d211
+{background-color:#AFEEEE}
+
+#d212
+{background-color:#AEEEEE}
+
+#d213
+{background-color:#97FFFF}
+
+#d214
+{background-color:#C1CDCD}
+
+#d215
+{background-color:#B4CDCD}
+
+#d216
+{background-color:#8DEEEE}
+
+#d217
+{background-color:#96CDCD}
+
+#d218
+{background-color:#79CDCD}
+
+#d219
+{background-color:#838B8B}
+
+#d220
+{background-color:#7A8B8B}
+
+#d221
+{background-color:#00FFFF}
+
+#d222
+{background-color:#00FFFF}
+
+#d223
+{background-color:#00FFFF}
+
+#d224
+{background-color:#668B8B}
+
+#d225
+{background-color:#00EEEE}
+
+#d226
+{background-color:#528B8B}
+
+#d227
+{background-color:#00CDCD}
+
+#d228
+{background-color:#008B8B}
+
+#d229
+{background-color:#008B8B}
+
+#d230
+{background-color:#008080}
+
+#d231
+{background-color:#2F4F4F}
+
+#d232
+{background-color:#2F4F4F}
+
+#d233
+{background-color:#48D1CC}
+
+#d234
+{background-color:#20B2AA}
+
+#d235
+{background-color:#40E0D0}
+
+#d236
+{background-color:#458B74}
+
+#d237
+{background-color:#7FFFD4}
+
+#d238
+{background-color:#7FFFD4}
+
+#d239
+{background-color:#76EEC6}
+
+#d240
+{background-color:#66CDAA}
+
+#d241
+{background-color:#66CDAA}
+
+#d242
+{background-color:#00FA9A}
+
+#d243
+{background-color:#F5FFFA}
+
+#d244
+{background-color:#00FF7F}
+
+#d245
+{background-color:#00FF7F}
+
+#d246
+{background-color:#00EE76}
+
+#d247
+{background-color:#00CD66}
+
+#d248
+{background-color:#008B45}
+
+#d249
+{background-color:#3CB371}
+
+#d250
+{background-color:#2E8B57}
+
+#d251
+{background-color:#43CD80}
+
+#d252
+{background-color:#54FF9F}
+
+#d253
+{background-color:#2E8B57}
+
+#d254
+{background-color:#4EEE94}
+
+#d255
+{background-color:#32814B}
+
+#d256
+{background-color:#F0FFF0}
+
+#d257
+{background-color:#F0FFF0}
+
+#d258
+{background-color:#E0EEE0}
+
+#d259
+{background-color:#C1FFC1}
+
+#d260
+{background-color:#B4EEB4}
+
+#d261
+{background-color:#9AFF9A}
+
+#d262
+{background-color:#98FB98}
+
+#d263
+{background-color:#C1CDC1}
+
+#d264
+{background-color:#90EE90}
+
+#d265
+{background-color:#90EE90}
+
+#d266
+{background-color:#9BCD9B}
+
+#d267
+{background-color:#8FBC8F}
+
+#d268
+{background-color:#7CCD7C}
+
+#d269
+{background-color:#838B83}
+
+#d270
+{background-color:#00FF00}
+
+#d271
+{background-color:#00FF00}
+
+#d272
+{background-color:#32CD32}
+
+#d273
+{background-color:#698B69}
+
+#d274
+{background-color:#00EE00}
+
+#d275
+{background-color:#548B54}
+
+#d276
+{background-color:#00CD00}
+
+#d277
+{background-color:#228B22}
+
+#d278
+{background-color:#008B00}
+
+#d279
+{background-color:#008000}
+
+#d280
+{background-color:#006400}
+
+#d281
+{background-color:#7CFC00}
+
+#d282
+{background-color:#7FFF00}
+
+#d283
+{background-color:#7FFF00}
+
+#d284
+{background-color:#76EE00}
+
+#d285
+{background-color:#66CD00}
+
+#d286
+{background-color:#458B00}
+
+#d287
+{background-color:#ADFF2F}
+
+#d288
+{background-color:#A2CD5A}
+
+#d289
+{background-color:#CAFF70}
+
+#d290
+{background-color:#BCEE68}
+
+#d291
+{background-color:#6E8B3D}
+
+#d292
+{background-color:#556B2F}
+
+#d293
+{background-color:#6B8E23}
+
+#d294
+{background-color:#C0FF3E}
+
+#d295
+{background-color:#B3EE3A}
+
+#d296
+{background-color:#9ACD32}
+
+#d297
+{background-color:#9ACD32}
+
+#d298
+{background-color:#698B22}
+
+#d299
+{background-color:#FFFFF0}
+
+#d300
+{background-color:#FFFFF0}
+
+#d301
+{background-color:#FFFFE0}
+
+#d302
+{background-color:#FFFFE0}
+
+#d303
+{background-color:#F5F5DC}
+
+#d304
+{background-color:#EEEEE0}
+
+#d305
+{background-color:#FAFAD2}
+
+#d306
+{background-color:#EEEED1}
+
+#d307
+{background-color:#CDCDC1}
+
+#d308
+{background-color:#CDCDB4}
+
+#d309
+{background-color:#8B8B83}
+
+#d310
+{background-color:#8B8B7A}
+
+#d311
+{background-color:#FFFF00}
+
+#d312
+{background-color:#FFFF00}
+
+#d313
+{background-color:#EEEE00}
+
+#d314
+{background-color:#CDCD00}
+
+#d315
+{background-color:#8B8B00}
+
+#d316
+{background-color:#808000}
+
+#d317
+{background-color:#BDB76B}
+
+#d318
+{background-color:#EEE685}
+
+#d319
+{background-color:#8B8970}
+
+#d320
+{background-color:#FFF68F}
+
+#d321
+{background-color:#CDC673}
+
+#d322
+{background-color:#8B864E}
+
+#d323
+{background-color:#EEE8AA}
+
+#d324
+{background-color:#FFFACD}
+
+#d325
+{background-color:#FFFACD}
+
+#d326
+{background-color:#F0E68C}
+
+#d327
+{background-color:#CDC9A5}
+
+#d328
+{background-color:#EEE9BF}
+
+#d329
+{background-color:#D1C166}
+
+#d330
+{background-color:#8B8878}
+
+#d331
+{background-color:#FFD700}
+
+#d332
+{background-color:#FFD700}
+
+#d333
+{background-color:#EEC900}
+
+#d334
+{background-color:#CDAD00}
+
+#d335
+{background-color:#8B7500}
+
+#d336
+{background-color:#EEDD82}
+
+#d337
+{background-color:#8B814C}
+
+#d338
+{background-color:#FFEC8B}
+
+#d339
+{background-color:#CDBE70}
+
+#d340
+{background-color:#EEDC82}
+
+#d341
+{background-color:#CDC8B1}
+
+#d342
+{background-color:#EEE8CD}
+
+#d343
+{background-color:#FFF8DC}
+
+#d344
+{background-color:#FFF8DC}
+
+#d345
+{background-color:#DAA520}
+
+#d346
+{background-color:#FFC125}
+
+#d347
+{background-color:#EEB422}
+
+#d348
+{background-color:#CD9B1D}
+
+#d349
+{background-color:#8B6914}
+
+#d350
+{background-color:#B8860B}
+
+#d351
+{background-color:#FFB90F}
+
+#d352
+{background-color:#EEAD0E}
+
+#d353
+{background-color:#CD950C}
+
+#d354
+{background-color:#8B6508}
+
+#d355
+{background-color:#FFFAF0}
+
+#d356
+{background-color:#EED8AE}
+
+#d357
+{background-color:#FDF5E6}
+
+#d358
+{background-color:#F5DEB3}
+
+#d359
+{background-color:#FFE7BA}
+
+#d360
+{background-color:#CDBA96}
+
+#d361
+{background-color:#FFA500}
+
+#d362
+{background-color:#FFA500}
+
+#d363
+{background-color:#EE9A00}
+
+#d364
+{background-color:#CD8500}
+
+#d365
+{background-color:#8B5A00}
+
+#d366
+{background-color:#8B7E66}
+
+#d367
+{background-color:#FFE4B5}
+
+#d368
+{background-color:#FFEFD5}
+
+#d369
+{background-color:#CDB38B}
+
+#d370
+{background-color:#FFEBCD}
+
+#d371
+{background-color:#FFDEAD}
+
+#d372
+{background-color:#FFDEAD}
+
+#d373
+{background-color:#EECFA1}
+
+#d374
+{background-color:#8B795E}
+
+#d375
+{background-color:#8B8378}
+
+#d376
+{background-color:#FAEBD7}
+
+#d377
+{background-color:#D2B48C}
+
+#d378
+{background-color:#8B7D6B}
+
+#d379
+{background-color:#DEB887}
+
+#d380
+{background-color:#EEDFCC}
+
+#d381
+{background-color:#FFD39B}
+
+#d382
+{background-color:#CDAA7D}
+
+#d383
+{background-color:#EEC591}
+
+#d384
+{background-color:#FFEFDB}
+
+#d385
+{background-color:#8B7355}
+
+#d386
+{background-color:#CDC0B0}
+
+#d387
+{background-color:#FF8C00}
+
+#d388
+{background-color:#EED5B7}
+
+#d389
+{background-color:#FFE4C4}
+
+#d390
+{background-color:#FFE4C4}
+
+#d391
+{background-color:#CDB79E}
+
+#d392
+{background-color:#FF7F00}
+
+#d393
+{background-color:#FAF0E6}
+
+#d394
+{background-color:#EE7600}
+
+#d395
+{background-color:#CD6600}
+
+#d396
+{background-color:#8B4500}
+
+#d397
+{background-color:#CD853F}
+
+#d398
+{background-color:#FFA54F}
+
+#d399
+{background-color:#EE9A49}
+
+#d400
+{background-color:#CD853F}
+
+#d401
+{background-color:#8B5A2B}
+
+#d402
+{background-color:#FFDAB9}
+
+#d403
+{background-color:#FFDAB9}
+
+#d404
+{background-color:#8B7765}
+
+#d405
+{background-color:#EECBAD}
+
+#d406
+{background-color:#CDAF95}
+
+#d407
+{background-color:#F4A460}
+
+#d408
+{background-color:#8B8682}
+
+#d409
+{background-color:#EEE5DE}
+
+#d410
+{background-color:#CDC5BF}
+
+#d411
+{background-color:#D2691E}
+
+#d412
+{background-color:#FF7F24}
+
+#d413
+{background-color:#EE7621}
+
+#d414
+{background-color:#CD661D}
+
+#d415
+{background-color:#8B4513}
+
+#d416
+{background-color:#8B4513}
+
+#d417
+{background-color:#FFF5EE}
+
+#d418
+{background-color:#FFF5EE}
+
+#d419
+{background-color:#8B4726}
+
+#d420
+{background-color:#A0522D}
+
+#d421
+{background-color:#FF8247}
+
+#d422
+{background-color:#EE7942}
+
+#d423
+{background-color:#CD6839}
+
+#d424
+{background-color:#CD8162}
+
+#d425
+{background-color:#FFA07A}
+
+#d426
+{background-color:#FFA07A}
+
+#d427
+{background-color:#8B5742}
+
+#d428
+{background-color:#EE9572}
+
+#d429
+{background-color:#FF7F50}
+
+#d430
+{background-color:#FF4500}
+
+#d431
+{background-color:#FF4500}
+
+#d432
+{background-color:#EE4000}
+
+#d433
+{background-color:#CD3700}
+
+#d434
+{background-color:#8B2500}
+
+#d435
+{background-color:#E9967A}
+
+#d436
+{background-color:#FF8C69}
+
+#d437
+{background-color:#EE8262}
+
+#d438
+{background-color:#CD7054}
+
+#d439
+{background-color:#8B4C39}
+
+#d440
+{background-color:#FF7256}
+
+#d441
+{background-color:#EE6A50}
+
+#d442
+{background-color:#CD5B45}
+
+#d443
+{background-color:#8B3E2F}
+
+#d444
+{background-color:#8B3626}
+
+#d445
+{background-color:#FF6347}
+
+#d446
+{background-color:#FF6347}
+
+#d447
+{background-color:#EE5C42}
+
+#d448
+{background-color:#CD4F39}
+
+#d449
+{background-color:#8B7D7B}
+
+#d450
+{background-color:#EED5D2}
+
+#d451
+{background-color:#FFE4E1}
+
+#d452
+{background-color:#FFE4E1}
+
+#d453
+{background-color:#FA8072}
+
+#d454
+{background-color:#CDB7B5}
+
+#d455
+{background-color:#FFFFFF}
+
+#d456
+{background-color:#FFFFFF}
+
+#d457
+{background-color:#FFFFFF}
+
+#d458
+{background-color:#FFFFFF}
+
+#d459
+{background-color:#FCFCFC}
+
+#d460
+{background-color:#FCFCFC}
+
+#d461
+{background-color:#FAFAFA}
+
+#d462
+{background-color:#FAFAFA}
+
+#d463
+{background-color:#F7F7F7}
+
+#d464
+{background-color:#F7F7F7}
+
+#d465
+{background-color:#F5F5F5}
+
+#d466
+{background-color:#F5F5F5}
+
+#d467
+{background-color:#F5F5F5}
+
+#d468
+{background-color:#F2F2F2}
+
+#d469
+{background-color:#F2F2F2}
+
+#d470
+{background-color:#F0F0F0}
+
+#d471
+{background-color:#F0F0F0}
+
+#d472
+{background-color:#EDEDED}
+
+#d473
+{background-color:#EDEDED}
+
+#d474
+{background-color:#EBEBEB}
+
+#d475
+{background-color:#EBEBEB}
+
+#d476
+{background-color:#E8E8E8}
+
+#d477
+{background-color:#E8E8E8}
+
+#d478
+{background-color:#E5E5E5}
+
+#d479
+{background-color:#E5E5E5}
+
+#d480
+{background-color:#E3E3E3}
+
+#d481
+{background-color:#E3E3E3}
+
+#d482
+{background-color:#E0E0E0}
+
+#d483
+{background-color:#E0E0E0}
+
+#d484
+{background-color:#DEDEDE}
+
+#d485
+{background-color:#DEDEDE}
+
+#d486
+{background-color:#DCDCDC}
+
+#d487
+{background-color:#DBDBDB}
+
+#d488
+{background-color:#DBDBDB}
+
+#d489
+{background-color:#D9D9D9}
+
+#d490
+{background-color:#D9D9D9}
+
+#d491
+{background-color:#D6D6D6}
+
+#d492
+{background-color:#D6D6D6}
+
+#d493
+{background-color:#D4D4D4}
+
+#d494
+{background-color:#D4D4D4}
+
+#d495
+{background-color:#D3D3D3}
+
+#d496
+{background-color:#D3D3D3}
+
+#d497
+{background-color:#D1D1D1}
+
+#d498
+{background-color:#D1D1D1}
+
+#d499
+{background-color:#CFCFCF}
+
+#d500
+{background-color:#CFCFCF}
+
+#d501
+{background-color:#CCCCCC}
+
+#d502
+{background-color:#CCCCCC}
+
+#d503
+{background-color:#C9C9C9}
+
+#d504
+{background-color:#C9C9C9}
+
+#d505
+{background-color:#C7C7C7}
+
+#d506
+{background-color:#C7C7C7}
+
+#d507
+{background-color:#C4C4C4}
+
+#d508
+{background-color:#C4C4C4}
+
+#d509
+{background-color:#C2C2C2}
+
+#d510
+{background-color:#C2C2C2}
+
+#d511
+{background-color:#C0C0C0}
+
+#d512
+{background-color:#BFBFBF}
+
+#d513
+{background-color:#BFBFBF}
+
+#d514
+{background-color:#BDBDBD}
+
+#d515
+{background-color:#BDBDBD}
+
+#d516
+{background-color:#BABABA}
+
+#d517
+{background-color:#BABABA}
+
+#d518
+{background-color:#B8B8B8}
+
+#d519
+{background-color:#B8B8B8}
+
+#d520
+{background-color:#B5B5B5}
+
+#d521
+{background-color:#B5B5B5}
+
+#d522
+{background-color:#B3B3B3}
+
+#d523
+{background-color:#B3B3B3}
+
+#d524
+{background-color:#B0B0B0}
+
+#d525
+{background-color:#B0B0B0}
+
+#d526
+{background-color:#ADADAD}
+
+#d527
+{background-color:#ADADAD}
+
+#d528
+{background-color:#ABABAB}
+
+#d529
+{background-color:#ABABAB}
+
+#d530
+{background-color:#A9A9A9}
+
+#d531
+{background-color:#A9A9A9}
+
+#d532
+{background-color:#A8A8A8}
+
+#d533
+{background-color:#A8A8A8}
+
+#d534
+{background-color:#A6A6A6}
+
+#d535
+{background-color:#A6A6A6}
+
+#d536
+{background-color:#A3A3A3}
+
+#d537
+{background-color:#A3A3A3}
+
+#d538
+{background-color:#A1A1A1}
+
+#d539
+{background-color:#A1A1A1}
+
+#d540
+{background-color:#9E9E9E}
+
+#d541
+{background-color:#9E9E9E}
+
+#d542
+{background-color:#9C9C9C}
+
+#d543
+{background-color:#9C9C9C}
+
+#d544
+{background-color:#999999}
+
+#d545
+{background-color:#999999}
+
+#d546
+{background-color:#969696}
+
+#d547
+{background-color:#969696}
+
+#d548
+{background-color:#949494}
+
+#d549
+{background-color:#949494}
+
+#d550
+{background-color:#919191}
+
+#d551
+{background-color:#919191}
+
+#d552
+{background-color:#8F8F8F}
+
+#d553
+{background-color:#8F8F8F}
+
+#d554
+{background-color:#8C8C8C}
+
+#d555
+{background-color:#8C8C8C}
+
+#d556
+{background-color:#8A8A8A}
+
+#d557
+{background-color:#8A8A8A}
+
+#d558
+{background-color:#878787}
+
+#d559
+{background-color:#878787}
+
+#d560
+{background-color:#858585}
+
+#d561
+{background-color:#858585}
+
+#d562
+{background-color:#828282}
+
+#d563
+{background-color:#828282}
+
+#d564
+{background-color:#808080}
+
+#d565
+{background-color:#7F7F7F}
+
+#d566
+{background-color:#7F7F7F}
+
+#d567
+{background-color:#7E7E7E}
+
+#d568
+{background-color:#7D7D7D}
+
+#d569
+{background-color:#7D7D7D}
+
+#d570
+{background-color:#7A7A7A}
+
+#d571
+{background-color:#7A7A7A}
+
+#d572
+{background-color:#787878}
+
+#d573
+{background-color:#787878}
+
+#d574
+{background-color:#757575}
+
+#d575
+{background-color:#757575}
+
+#d576
+{background-color:#737373}
+
+#d577
+{background-color:#737373}
+
+#d578
+{background-color:#707070}
+
+#d579
+{background-color:#707070}
+
+#d580
+{background-color:#6E6E6E}
+
+#d581
+{background-color:#6E6E6E}
+
+#d582
+{background-color:#6B6B6B}
+
+#d583
+{background-color:#6B6B6B}
+
+#d584
+{background-color:#696969}
+
+#d585
+{background-color:#696969}
+
+#d586
+{background-color:#696969}
+
+#d587
+{background-color:#696969}
+
+#d588
+{background-color:#666666}
+
+#d589
+{background-color:#666666}
+
+#d590
+{background-color:#636363}
+
+#d591
+{background-color:#636363}
+
+#d592
+{background-color:#616161}
+
+#d593
+{background-color:#616161}
+
+#d594
+{background-color:#5E5E5E}
+
+#d595
+{background-color:#5E5E5E}
+
+#d596
+{background-color:#5C5C5C}
+
+#d597
+{background-color:#5C5C5C}
+
+#d598
+{background-color:#595959}
+
+#d599
+{background-color:#595959}
+
+#d600
+{background-color:#575757}
+
+#d601
+{background-color:#575757}
+
+#d602
+{background-color:#545454}
+
+#d603
+{background-color:#545454}
+
+#d604
+{background-color:#525252}
+
+#d605
+{background-color:#525252}
+
+#d606
+{background-color:#4F4F4F}
+
+#d607
+{background-color:#4F4F4F}
+
+#d608
+{background-color:#4D4D4D}
+
+#d609
+{background-color:#4D4D4D}
+
+#d610
+{background-color:#4A4A4A}
+
+#d611
+{background-color:#4A4A4A}
+
+#d612
+{background-color:#474747}
+
+#d613
+{background-color:#474747}
+
+#d614
+{background-color:#454545}
+
+#d615
+{background-color:#454545}
+
+#d616
+{background-color:#424242}
+
+#d617
+{background-color:#424242}
+
+#d618
+{background-color:#404040}
+
+#d619
+{background-color:#404040}
+
+#d620
+{background-color:#3D3D3D}
+
+#d621
+{background-color:#3D3D3D}
+
+#d622
+{background-color:#3B3B3B}
+
+#d623
+{background-color:#3B3B3B}
+
+#d624
+{background-color:#383838}
+
+#d625
+{background-color:#383838}
+
+#d626
+{background-color:#363636}
+
+#d627
+{background-color:#363636}
+
+#d628
+{background-color:#333333}
+
+#d629
+{background-color:#333333}
+
+#d630
+{background-color:#303030}
+
+#d631
+{background-color:#303030}
+
+#d632
+{background-color:#2E2E2E}
+
+#d633
+{background-color:#2E2E2E}
+
+#d634
+{background-color:#2B2B2B}
+
+#d635
+{background-color:#2B2B2B}
+
+#d636
+{background-color:#292929}
+
+#d637
+{background-color:#292929}
+
+#d638
+{background-color:#262626}
+
+#d639
+{background-color:#262626}
+
+#d640
+{background-color:#242424}
+
+#d641
+{background-color:#242424}
+
+#d642
+{background-color:#212121}
+
+#d643
+{background-color:#212121}
+
+#d644
+{background-color:#1F1F1F}
+
+#d645
+{background-color:#1F1F1F}
+
+#d646
+{background-color:#1C1C1C}
+
+#d647
+{background-color:#1C1C1C}
+
+#d648
+{background-color:#1A1A1A}
+
+#d649
+{background-color:#1A1A1A}
+
+#d650
+{background-color:#171717}
+
+#d651
+{background-color:#171717}
+
+#d652
+{background-color:#141414}
+
+#d653
+{background-color:#141414}
+
+#d654
+{background-color:#121212}
+
+#d655
+{background-color:#121212}
+
+#d656
+{background-color:#0F0F0F}
+
+#d657
+{background-color:#0F0F0F}
+
+#d658
+{background-color:#0D0D0D}
+
+#d659
+{background-color:#0D0D0D}
+
+#d660
+{background-color:#0A0A0A}
+
+#d661
+{background-color:#0A0A0A}
+
+#d662
+{background-color:#080808}
+
+#d663
+{background-color:#080808}
+
+#d664
+{background-color:#050505}
+
+#d665
+{background-color:#050505}
+
+#d666
+{background-color:#030303}
+
+#d667
+{background-color:#030303}
+
+#d668
+{background-color:#000000}
+
+#d669
+{background-color:#000000}
+
+#d670
+{background-color:#000000}
+
+#d671
+{background-color:#000000}
+
+#d672
+{background-color:#000000}
+
+#d673
+{background-color:#000000}
+.colors
+{height:30px;
+width:10px;}
diff --git a/frontend/imgrid/colors/colors/junk/colorpixx.js b/frontend/imgrid/colors/colors/junk/colorpixx.js
new file mode 100755
index 0000000..4b42e4d
--- /dev/null
+++ b/frontend/imgrid/colors/colors/junk/colorpixx.js
@@ -0,0 +1,92 @@
+function goldenize(num)
+  {
+  ratio = (1+Math.sqrt(5))/2
+  newnum = Math.round(num*ratio)
+  return newnum
+  }
+//turns css property width or height into an integer value
+function getproperty(idandselectr, propertystr)
+  {
+  grab = $(idandselectr).css(propertystr)
+  grab = grab.slice(0,-2)
+  numval = parseInt(grab)
+  return numval
+  }
+function makegolden(idandselectr, propertystr)
+  {
+  result = getproperty(idandselectr, propertystr)
+  newwidth = goldenize(result)
+  widthval = newwidth.toString()+'px'
+  $(idandselectr).css('width', widthval)
+  }
+makegolden('.colors', 'height')
+//remove content this function takes the name out of the divs
+
+function removecontent()
+  {
+  $('.colors').html("")
+  }
+removecontent()
+
+function colorToHex(color) {
+    if (color.substr(0, 1) === '#') {
+        return color;
+    }
+    var digits = /(.*?)rgb\((\d+), (\d+), (\d+)\)/.exec(color);
+
+    var red = parseInt(digits[2]);
+    var green = parseInt(digits[3]);
+    var blue = parseInt(digits[4]);
+
+    var rgb = blue | (green << 8) | (red << 16);
+    return digits[1] + '#' + rgb.toString(16);
+};
+
+//takes a div name and returns a colorname
+
+function showcolorname(divstr)
+
+    {
+
+    bgcolor = $('#'+divstr).css('background-color')
+    lowercasehex = colorToHex(bgcolor)
+    hex = lowercasehex.toUpperCase()
+      imname = hextoname[hex]
+/*    if ($('#hexortext:checked').length == 1)
+      {
+      imname = hex
+      }*/
+    return imname
+    }
+function bigname(divstr)
+    {
+    bebop = showcolorname(divstr)
+//    $('#colornames').html(bebop)
+    }
+function writeit(text)
+    {
+//    $('#colornames').append(text)
+    }
+function makebig(divstr)
+    {
+    firstheight = $('#'+divstr).height()
+    newheight = goldenize(firstheight)
+    $('#'+divstr).height(newheight)
+//    $('#colornames').append(firstheight)
+    }
+function makesmall(divstr)
+    {
+    oldheight = $('.colors').height()
+    $('#'+divstr).height(oldheight)
+    }
+$('.colors').hover(function() {
+   bigname(this.id);
+   makebig(this.id);
+   makegolden('#'+this.id, 'height')},
+function(){
+   makesmall(this.id);
+   makegolden('#'+this.id, 'height')
+});
+$('#colornames').html("")
+$("#popupContact").css('background-color', 'black')
+$('.colors').css('margin-top', '2px')
diff --git a/frontend/imgrid/colors/colors/junk/colors.html b/frontend/imgrid/colors/colors/junk/colors.html
new file mode 100755
index 0000000..0ef22f9
--- /dev/null
+++ b/frontend/imgrid/colors/colors/junk/colors.html
@@ -0,0 +1,5429 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<!-- saved from url=(0124)https://mail.google.com/mail/?ui=2&ik=8c5c6e41c0&view=att&th=131a60939ee4c454&attid=0.1&disp=inline&realattid=f_gr2htzs60&zw -->
+<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head>
+<style type="text/css">
+*
+	{
+	font-family: sans-serif;
+	}
+</style>
+<body>
+
+
+
+<div>
+<h1><a></a>List of Color Names</h1>
+<div>
+
+<p>a list of named colors for use with PHOTOBLASTER:</p>
+
+<table>
+<tbody>
+  <tr>
+    <th align="right">Name</th>
+    <th align="center">Color</th>
+    <th align="left">RGB</th>
+    <th align="left">Hex</th>
+
+  </tr>
+
+  <tr>
+    <td align="right">snow</td>
+    <td align="center" style="background-color:rgb(255, 250, 250)">snow</td>
+    <td align="left">rgb(255, 250, 250)</td>
+    <td align="left">#FFFAFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">snow1</td>
+    <td align="center" style="background-color:rgb(255, 250, 250)">snow1</td>
+    <td align="left">rgb(255, 250, 250)</td>
+    <td align="left">#FFFAFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">snow2</td>
+    <td align="center" style="background-color:rgb(238, 233, 233)">snow2</td>
+    <td align="left">rgb(238, 233, 233)</td>
+    <td align="left">#EEE9E9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RosyBrown1</td>
+    <td align="center" style="background-color:rgb(255, 193, 193)">RosyBrown1</td>
+    <td align="left">rgb(255, 193, 193)</td>
+    <td align="left">#FFC1C1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RosyBrown2</td>
+    <td align="center" style="background-color:rgb(238, 180, 180)">RosyBrown2</td>
+    <td align="left">rgb(238, 180, 180)</td>
+    <td align="left">#EEB4B4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">snow3</td>
+    <td align="center" style="background-color:rgb(205, 201, 201)">snow3</td>
+    <td align="left">rgb(205, 201, 201)</td>
+    <td align="left">#CDC9C9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCoral</td>
+    <td align="center" style="background-color:rgb(240, 128, 128)">LightCoral</td>
+    <td align="left">rgb(240, 128, 128)</td>
+    <td align="left">#F08080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">IndianRed1</td>
+    <td align="center" style="background-color:rgb(255, 106, 106)">IndianRed1</td>
+    <td align="left">rgb(255, 106, 106)</td>
+    <td align="left">#FF6A6A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RosyBrown3</td>
+    <td align="center" style="background-color:rgb(205, 155, 155)">RosyBrown3</td>
+    <td align="left">rgb(205, 155, 155)</td>
+    <td align="left">#CD9B9B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">IndianRed2</td>
+    <td align="center" style="background-color:rgb(238, 99, 99)">IndianRed2</td>
+    <td align="left">rgb(238, 99,  99)</td>
+    <td align="left">#EE6363</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RosyBrown</td>
+    <td align="center" style="background-color:rgb(188, 143, 143)">RosyBrown</td>
+    <td align="left">rgb(188, 143, 143)</td>
+    <td align="left">#BC8F8F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">brown1</td>
+    <td align="center" style="background-color:rgb(255, 64, 64)">brown1</td>
+    <td align="left">rgb(255, 64,  64)</td>
+    <td align="left">#FF4040</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">firebrick1</td>
+    <td align="center" style="background-color:rgb(255, 48, 48)">firebrick1</td>
+    <td align="left">rgb(255, 48,  48)</td>
+    <td align="left">#FF3030</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">brown2</td>
+    <td align="center" style="background-color:rgb(238, 59, 59)">brown2</td>
+    <td align="left">rgb(238, 59,  59)</td>
+    <td align="left">#EE3B3B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">IndianRed</td>
+    <td align="center" style="background-color:rgb(205, 92, 92)">IndianRed</td>
+    <td align="left">rgb(205, 92,  92)</td>
+    <td align="left">#CD5C5C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">IndianRed3</td>
+    <td align="center" style="background-color:rgb(205, 85, 85)">IndianRed3</td>
+    <td align="left">rgb(205, 85,  85)</td>
+    <td align="left">#CD5555</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">firebrick2</td>
+    <td align="center" style="background-color:rgb(238, 44, 44)">firebrick2</td>
+    <td align="left">rgb(238, 44,  44)</td>
+    <td align="left">#EE2C2C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">snow4</td>
+    <td align="center" style="background-color:rgb(139, 137, 137)">snow4</td>
+    <td align="left">rgb(139, 137, 137)</td>
+    <td align="left">#8B8989</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">brown3</td>
+    <td align="center" style="background-color:rgb(205, 51, 51)">brown3</td>
+    <td align="left">rgb(205, 51,  51)</td>
+    <td align="left">#CD3333</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">red</td>
+    <td align="center" style="background-color:rgb(255, 0, 0)">red</td>
+    <td align="left">rgb(255,  0,   0)</td>
+    <td align="left">#FF0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">red1</td>
+    <td align="center" style="background-color:rgb(255, 0, 0)">red1</td>
+    <td align="left">rgb(255,  0,   0)</td>
+    <td align="left">#FF0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RosyBrown4</td>
+    <td align="center" style="background-color:rgb(139, 105, 105)">RosyBrown4</td>
+    <td align="left">rgb(139, 105, 105)</td>
+    <td align="left">#8B6969</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">firebrick3</td>
+    <td align="center" style="background-color:rgb(205, 38, 38)">firebrick3</td>
+    <td align="left">rgb(205, 38,  38)</td>
+    <td align="left">#CD2626</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">red2</td>
+    <td align="center" style="background-color:rgb(238, 0, 0)">red2</td>
+    <td align="left">rgb(238,  0,   0)</td>
+    <td align="left">#EE0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">firebrick</td>
+    <td align="center" style="background-color:rgb(178, 34, 34)">firebrick</td>
+    <td align="left">rgb(178, 34,  34)</td>
+    <td align="left">#B22222</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">brown</td>
+    <td align="center" style="background-color:rgb(165, 42, 42)">brown</td>
+    <td align="left">rgb(165, 42,  42)</td>
+    <td align="left">#A52A2A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">red3</td>
+    <td align="center" style="background-color:rgb(205, 0, 0)">red3</td>
+    <td align="left">rgb(205,  0,   0)</td>
+    <td align="left">#CD0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">IndianRed4</td>
+    <td align="center" style="background-color:rgb(139, 58, 58)">IndianRed4</td>
+    <td align="left">rgb(139, 58,  58)</td>
+    <td align="left">#8B3A3A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">brown4</td>
+    <td align="center" style="background-color:rgb(139, 35, 35)">brown4</td>
+    <td align="left">rgb(139, 35,  35)</td>
+    <td align="left">#8B2323</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">firebrick4</td>
+    <td align="center" style="background-color:rgb(139, 26, 26)">firebrick4</td>
+    <td align="left">rgb(139, 26,  26)</td>
+    <td align="left">#8B1A1A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkRed</td>
+    <td align="center" style="background-color:rgb(139, 0, 0)">DarkRed</td>
+    <td align="left">rgb(139,  0,   0)</td>
+    <td align="left">#8B0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">red4</td>
+    <td align="center" style="background-color:rgb(139, 0, 0)">red4</td>
+    <td align="left">rgb(139,  0,   0)</td>
+    <td align="left">#8B0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon</td>
+    <td align="center" style="background-color:rgb(128, 0, 0)">maroon</td>
+    <td align="left">rgb(128,  0,   0)</td>
+    <td align="left">#800000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightPink1</td>
+    <td align="center" style="background-color:rgb(255, 174, 185)">LightPink1</td>
+    <td align="left">rgb(255, 174, 185)</td>
+    <td align="left">#FFAEB9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightPink3</td>
+    <td align="center" style="background-color:rgb(205, 140, 149)">LightPink3</td>
+    <td align="left">rgb(205, 140, 149)</td>
+    <td align="left">#CD8C95</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightPink4</td>
+    <td align="center" style="background-color:rgb(139, 95, 101)">LightPink4</td>
+    <td align="left">rgb(139, 95, 101)</td>
+    <td align="left">#8B5F65</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightPink2</td>
+    <td align="center" style="background-color:rgb(238, 162, 173)">LightPink2</td>
+    <td align="left">rgb(238, 162, 173)</td>
+    <td align="left">#EEA2AD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightPink</td>
+    <td align="center" style="background-color:rgb(255, 182, 193)">LightPink</td>
+    <td align="left">rgb(255, 182, 193)</td>
+    <td align="left">#FFB6C1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">pink</td>
+    <td align="center" style="background-color:rgb(255, 192, 203)">pink</td>
+    <td align="left">rgb(255, 192, 203)</td>
+    <td align="left">#FFC0CB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">crimson</td>
+    <td align="center" style="background-color:rgb(220, 20, 60)">crimson</td>
+    <td align="left">rgb(220, 20,  60)</td>
+    <td align="left">#DC143C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">pink1</td>
+    <td align="center" style="background-color:rgb(255, 181, 197)">pink1</td>
+    <td align="left">rgb(255, 181, 197)</td>
+    <td align="left">#FFB5C5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">pink2</td>
+    <td align="center" style="background-color:rgb(238, 169, 184)">pink2</td>
+    <td align="left">rgb(238, 169, 184)</td>
+    <td align="left">#EEA9B8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">pink3</td>
+    <td align="center" style="background-color:rgb(205, 145, 158)">pink3</td>
+    <td align="left">rgb(205, 145, 158)</td>
+    <td align="left">#CD919E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">pink4</td>
+    <td align="center" style="background-color:rgb(139, 99, 108)">pink4</td>
+    <td align="left">rgb(139, 99, 108)</td>
+    <td align="left">#8B636C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleVioletRed4</td>
+    <td align="center" style="background-color:rgb(139, 71, 93)">PaleVioletRed4</td>
+    <td align="left">rgb(139, 71,  93)</td>
+    <td align="left">#8B475D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleVioletRed</td>
+    <td align="center" style="background-color:rgb(219, 112, 147)">PaleVioletRed</td>
+    <td align="left">rgb(219, 112, 147)</td>
+    <td align="left">#DB7093</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleVioletRed2</td>
+    <td align="center" style="background-color:rgb(238, 121, 159)">PaleVioletRed2</td>
+    <td align="left">rgb(238, 121, 159)</td>
+    <td align="left">#EE799F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleVioletRed1</td>
+    <td align="center" style="background-color:rgb(255, 130, 171)">PaleVioletRed1</td>
+    <td align="left">rgb(255, 130, 171)</td>
+    <td align="left">#FF82AB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleVioletRed3</td>
+    <td align="center" style="background-color:rgb(205, 104, 137)">PaleVioletRed3</td>
+    <td align="left">rgb(205, 104, 137)</td>
+    <td align="left">#CD6889</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LavenderBlush</td>
+    <td align="center" style="background-color:rgb(255, 240, 245)">LavenderBlush</td>
+    <td align="left">rgb(255, 240, 245)</td>
+    <td align="left">#FFF0F5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LavenderBlush1</td>
+    <td align="center" style="background-color:rgb(255, 240, 245)">LavenderBlush1</td>
+    <td align="left">rgb(255, 240, 245)</td>
+    <td align="left">#FFF0F5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LavenderBlush3</td>
+    <td align="center" style="background-color:rgb(205, 193, 197)">LavenderBlush3</td>
+    <td align="left">rgb(205, 193, 197)</td>
+    <td align="left">#CDC1C5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LavenderBlush2</td>
+    <td align="center" style="background-color:rgb(238, 224, 229)">LavenderBlush2</td>
+    <td align="left">rgb(238, 224, 229)</td>
+    <td align="left">#EEE0E5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LavenderBlush4</td>
+    <td align="center" style="background-color:rgb(139, 131, 134)">LavenderBlush4</td>
+    <td align="left">rgb(139, 131, 134)</td>
+    <td align="left">#8B8386</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon</td>
+    <td align="center" style="background-color:rgb(176, 48, 96)">maroon</td>
+    <td align="left">rgb(176, 48,  96)</td>
+    <td align="left">#B03060</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">HotPink3</td>
+    <td align="center" style="background-color:rgb(205, 96, 144)">HotPink3</td>
+    <td align="left">rgb(205, 96, 144)</td>
+    <td align="left">#CD6090</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">VioletRed3</td>
+    <td align="center" style="background-color:rgb(205, 50, 120)">VioletRed3</td>
+    <td align="left">rgb(205, 50, 120)</td>
+    <td align="left">#CD3278</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">VioletRed1</td>
+    <td align="center" style="background-color:rgb(255, 62, 150)">VioletRed1</td>
+    <td align="left">rgb(255, 62, 150)</td>
+    <td align="left">#FF3E96</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">VioletRed2</td>
+    <td align="center" style="background-color:rgb(238, 58, 140)">VioletRed2</td>
+    <td align="left">rgb(238, 58, 140)</td>
+    <td align="left">#EE3A8C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">VioletRed4</td>
+    <td align="center" style="background-color:rgb(139, 34, 82)">VioletRed4</td>
+    <td align="left">rgb(139, 34,  82)</td>
+    <td align="left">#8B2252</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">HotPink2</td>
+    <td align="center" style="background-color:rgb(238, 106, 167)">HotPink2</td>
+    <td align="left">rgb(238, 106, 167)</td>
+    <td align="left">#EE6AA7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">HotPink1</td>
+    <td align="center" style="background-color:rgb(255, 110, 180)">HotPink1</td>
+    <td align="left">rgb(255, 110, 180)</td>
+    <td align="left">#FF6EB4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">HotPink4</td>
+    <td align="center" style="background-color:rgb(139, 58, 98)">HotPink4</td>
+    <td align="left">rgb(139, 58,  98)</td>
+    <td align="left">#8B3A62</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">HotPink</td>
+    <td align="center" style="background-color:rgb(255, 105, 180)">HotPink</td>
+    <td align="left">rgb(255, 105, 180)</td>
+    <td align="left">#FF69B4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepPink</td>
+    <td align="center" style="background-color:rgb(255, 20, 147)">DeepPink</td>
+    <td align="left">rgb(255, 20, 147)</td>
+    <td align="left">#FF1493</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepPink1</td>
+    <td align="center" style="background-color:rgb(255, 20, 147)">DeepPink1</td>
+    <td align="left">rgb(255, 20, 147)</td>
+    <td align="left">#FF1493</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepPink2</td>
+    <td align="center" style="background-color:rgb(238, 18, 137)">DeepPink2</td>
+    <td align="left">rgb(238, 18, 137)</td>
+    <td align="left">#EE1289</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepPink3</td>
+    <td align="center" style="background-color:rgb(205, 16, 118)">DeepPink3</td>
+    <td align="left">rgb(205, 16, 118)</td>
+    <td align="left">#CD1076</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepPink4</td>
+    <td align="center" style="background-color:rgb(139, 10, 80)">DeepPink4</td>
+    <td align="left">rgb(139, 10,  80)</td>
+    <td align="left">#8B0A50</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon1</td>
+    <td align="center" style="background-color:rgb(255, 52, 179)">maroon1</td>
+    <td align="left">rgb(255, 52, 179)</td>
+    <td align="left">#FF34B3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon2</td>
+    <td align="center" style="background-color:rgb(238, 48, 167)">maroon2</td>
+    <td align="left">rgb(238, 48, 167)</td>
+    <td align="left">#EE30A7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon3</td>
+    <td align="center" style="background-color:rgb(205, 41, 144)">maroon3</td>
+    <td align="left">rgb(205, 41, 144)</td>
+    <td align="left">#CD2990</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon4</td>
+    <td align="center" style="background-color:rgb(139, 28, 98)">maroon4</td>
+    <td align="left">rgb(139, 28,  98)</td>
+    <td align="left">#8B1C62</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumVioletRed</td>
+    <td align="center" style="background-color:rgb(199, 21, 133)">MediumVioletRed</td>
+    <td align="left">rgb(199, 21, 133)</td>
+    <td align="left">#C71585</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">VioletRed</td>
+    <td align="center" style="background-color:rgb(208, 32, 144)">VioletRed</td>
+    <td align="left">rgb(208, 32, 144)</td>
+    <td align="left">#D02090</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orchid2</td>
+    <td align="center" style="background-color:rgb(238, 122, 233)">orchid2</td>
+    <td align="left">rgb(238, 122, 233)</td>
+    <td align="left">#EE7AE9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orchid</td>
+    <td align="center" style="background-color:rgb(218, 112, 214)">orchid</td>
+    <td align="left">rgb(218, 112, 214)</td>
+    <td align="left">#DA70D6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orchid1</td>
+    <td align="center" style="background-color:rgb(255, 131, 250)">orchid1</td>
+    <td align="left">rgb(255, 131, 250)</td>
+    <td align="left">#FF83FA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orchid3</td>
+    <td align="center" style="background-color:rgb(205, 105, 201)">orchid3</td>
+    <td align="left">rgb(205, 105, 201)</td>
+    <td align="left">#CD69C9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orchid4</td>
+    <td align="center" style="background-color:rgb(139, 71, 137)">orchid4</td>
+    <td align="left">rgb(139, 71, 137)</td>
+    <td align="left">#8B4789</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">thistle1</td>
+    <td align="center" style="background-color:rgb(255, 225, 255)">thistle1</td>
+    <td align="left">rgb(255, 225, 255)</td>
+    <td align="left">#FFE1FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">thistle2</td>
+    <td align="center" style="background-color:rgb(238, 210, 238)">thistle2</td>
+    <td align="left">rgb(238, 210, 238)</td>
+    <td align="left">#EED2EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">plum1</td>
+    <td align="center" style="background-color:rgb(255, 187, 255)">plum1</td>
+    <td align="left">rgb(255, 187, 255)</td>
+    <td align="left">#FFBBFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">plum2</td>
+    <td align="center" style="background-color:rgb(238, 174, 238)">plum2</td>
+    <td align="left">rgb(238, 174, 238)</td>
+    <td align="left">#EEAEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">thistle</td>
+    <td align="center" style="background-color:rgb(216, 191, 216)">thistle</td>
+    <td align="left">rgb(216, 191, 216)</td>
+    <td align="left">#D8BFD8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">thistle3</td>
+    <td align="center" style="background-color:rgb(205, 181, 205)">thistle3</td>
+    <td align="left">rgb(205, 181, 205)</td>
+    <td align="left">#CDB5CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">plum</td>
+    <td align="center" style="background-color:rgb(221, 160, 221)">plum</td>
+    <td align="left">rgb(221, 160, 221)</td>
+    <td align="left">#DDA0DD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">violet</td>
+    <td align="center" style="background-color:rgb(238, 130, 238)">violet</td>
+    <td align="left">rgb(238, 130, 238)</td>
+    <td align="left">#EE82EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">plum3</td>
+    <td align="center" style="background-color:rgb(205, 150, 205)">plum3</td>
+    <td align="left">rgb(205, 150, 205)</td>
+    <td align="left">#CD96CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">thistle4</td>
+    <td align="center" style="background-color:rgb(139, 123, 139)">thistle4</td>
+    <td align="left">rgb(139, 123, 139)</td>
+    <td align="left">#8B7B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">fuchsia</td>
+    <td align="center" style="background-color:rgb(255, 0, 255)">fuchsia</td>
+    <td align="left">rgb(255,  0, 255)</td>
+    <td align="left">#FF00FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">magenta</td>
+    <td align="center" style="background-color:rgb(255, 0, 255)">magenta</td>
+    <td align="left">rgb(255,  0, 255)</td>
+    <td align="left">#FF00FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">magenta1</td>
+    <td align="center" style="background-color:rgb(255, 0, 255)">magenta1</td>
+    <td align="left">rgb(255,  0, 255)</td>
+    <td align="left">#FF00FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">plum4</td>
+    <td align="center" style="background-color:rgb(139, 102, 139)">plum4</td>
+    <td align="left">rgb(139, 102, 139)</td>
+    <td align="left">#8B668B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">magenta2</td>
+    <td align="center" style="background-color:rgb(238, 0, 238)">magenta2</td>
+    <td align="left">rgb(238,  0, 238)</td>
+    <td align="left">#EE00EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">magenta3</td>
+    <td align="center" style="background-color:rgb(205, 0, 205)">magenta3</td>
+    <td align="left">rgb(205,  0, 205)</td>
+    <td align="left">#CD00CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkMagenta</td>
+    <td align="center" style="background-color:rgb(139, 0, 139)">DarkMagenta</td>
+    <td align="left">rgb(139,  0, 139)</td>
+    <td align="left">#8B008B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">magenta4</td>
+    <td align="center" style="background-color:rgb(139, 0, 139)">magenta4</td>
+    <td align="left">rgb(139,  0, 139)</td>
+    <td align="left">#8B008B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple</td>
+    <td align="center" style="background-color:rgb(128, 0, 128)">purple</td>
+    <td align="left">rgb(128,  0, 128)</td>
+    <td align="left">#800080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumOrchid</td>
+    <td align="center" style="background-color:rgb(186, 85, 211)">MediumOrchid</td>
+    <td align="left">rgb(186, 85, 211)</td>
+    <td align="left">#BA55D3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumOrchid1</td>
+    <td align="center" style="background-color:rgb(224, 102, 255)">MediumOrchid1</td>
+    <td align="left">rgb(224, 102, 255)</td>
+    <td align="left">#E066FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumOrchid2</td>
+    <td align="center" style="background-color:rgb(209, 95, 238)">MediumOrchid2</td>
+    <td align="left">rgb(209, 95, 238)</td>
+    <td align="left">#D15FEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumOrchid3</td>
+    <td align="center" style="background-color:rgb(180, 82, 205)">MediumOrchid3</td>
+    <td align="left">rgb(180, 82, 205)</td>
+    <td align="left">#B452CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumOrchid4</td>
+    <td align="center" style="background-color:rgb(122, 55, 139)">MediumOrchid4</td>
+    <td align="left">rgb(122, 55, 139)</td>
+    <td align="left">#7A378B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkViolet</td>
+    <td align="center" style="background-color:rgb(148, 0, 211)">DarkViolet</td>
+    <td align="left">rgb(148,  0, 211)</td>
+    <td align="left">#9400D3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrchid</td>
+    <td align="center" style="background-color:rgb(153, 50, 204)">DarkOrchid</td>
+    <td align="left">rgb(153, 50, 204)</td>
+    <td align="left">#9932CC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrchid1</td>
+    <td align="center" style="background-color:rgb(191, 62, 255)">DarkOrchid1</td>
+    <td align="left">rgb(191, 62, 255)</td>
+    <td align="left">#BF3EFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrchid3</td>
+    <td align="center" style="background-color:rgb(154, 50, 205)">DarkOrchid3</td>
+    <td align="left">rgb(154, 50, 205)</td>
+    <td align="left">#9A32CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrchid2</td>
+    <td align="center" style="background-color:rgb(178, 58, 238)">DarkOrchid2</td>
+    <td align="left">rgb(178, 58, 238)</td>
+    <td align="left">#B23AEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrchid4</td>
+    <td align="center" style="background-color:rgb(104, 34, 139)">DarkOrchid4</td>
+    <td align="left">rgb(104, 34, 139)</td>
+    <td align="left">#68228B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple</td>
+    <td align="center" style="background-color:rgb(160, 32, 240)">purple</td>
+    <td align="left">rgb(160, 32, 240)</td>
+    <td align="left">#A020F0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">indigo</td>
+    <td align="center" style="background-color:rgb( 75, 0, 130)">indigo</td>
+    <td align="left">rgb( 75,  0, 130)</td>
+    <td align="left">#4B0082</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">BlueViolet</td>
+    <td align="center" style="background-color:rgb(138, 43, 226)">BlueViolet</td>
+    <td align="left">rgb(138, 43, 226)</td>
+    <td align="left">#8A2BE2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple2</td>
+    <td align="center" style="background-color:rgb(145, 44, 238)">purple2</td>
+    <td align="left">rgb(145, 44, 238)</td>
+    <td align="left">#912CEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple3</td>
+    <td align="center" style="background-color:rgb(125, 38, 205)">purple3</td>
+    <td align="left">rgb(125, 38, 205)</td>
+    <td align="left">#7D26CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple4</td>
+    <td align="center" style="background-color:rgb( 85, 26, 139)">purple4</td>
+    <td align="left">rgb( 85, 26, 139)</td>
+    <td align="left">#551A8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple1</td>
+    <td align="center" style="background-color:rgb(155, 48, 255)">purple1</td>
+    <td align="left">rgb(155, 48, 255)</td>
+    <td align="left">#9B30FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumPurple</td>
+    <td align="center" style="background-color:rgb(147, 112, 219)">MediumPurple</td>
+    <td align="left">rgb(147, 112, 219)</td>
+    <td align="left">#9370DB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumPurple1</td>
+    <td align="center" style="background-color:rgb(171, 130, 255)">MediumPurple1</td>
+    <td align="left">rgb(171, 130, 255)</td>
+    <td align="left">#AB82FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumPurple2</td>
+    <td align="center" style="background-color:rgb(159, 121, 238)">MediumPurple2</td>
+    <td align="left">rgb(159, 121, 238)</td>
+    <td align="left">#9F79EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumPurple3</td>
+    <td align="center" style="background-color:rgb(137, 104, 205)">MediumPurple3</td>
+    <td align="left">rgb(137, 104, 205)</td>
+    <td align="left">#8968CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumPurple4</td>
+    <td align="center" style="background-color:rgb( 93, 71, 139)">MediumPurple4</td>
+    <td align="left">rgb( 93, 71, 139)</td>
+    <td align="left">#5D478B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateBlue</td>
+    <td align="center" style="background-color:rgb( 72, 61, 139)">DarkSlateBlue</td>
+    <td align="left">rgb( 72, 61, 139)</td>
+    <td align="left">#483D8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSlateBlue</td>
+    <td align="center" style="background-color:rgb(132, 112, 255)">LightSlateBlue</td>
+    <td align="left">rgb(132, 112, 255)</td>
+    <td align="left">#8470FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumSlateBlue</td>
+    <td align="center" style="background-color:rgb(123, 104, 238)">MediumSlateBlue</td>
+    <td align="left">rgb(123, 104, 238)</td>
+    <td align="left">#7B68EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateBlue</td>
+    <td align="center" style="background-color:rgb(106, 90, 205)">SlateBlue</td>
+    <td align="left">rgb(106, 90, 205)</td>
+    <td align="left">#6A5ACD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateBlue1</td>
+    <td align="center" style="background-color:rgb(131, 111, 255)">SlateBlue1</td>
+    <td align="left">rgb(131, 111, 255)</td>
+    <td align="left">#836FFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateBlue2</td>
+    <td align="center" style="background-color:rgb(122, 103, 238)">SlateBlue2</td>
+    <td align="left">rgb(122, 103, 238)</td>
+    <td align="left">#7A67EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateBlue3</td>
+    <td align="center" style="background-color:rgb(105, 89, 205)">SlateBlue3</td>
+    <td align="left">rgb(105, 89, 205)</td>
+    <td align="left">#6959CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateBlue4</td>
+    <td align="center" style="background-color:rgb( 71, 60, 139)">SlateBlue4</td>
+    <td align="left">rgb( 71, 60, 139)</td>
+    <td align="left">#473C8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">GhostWhite</td>
+    <td align="center" style="background-color:rgb(248, 248, 255)">GhostWhite</td>
+    <td align="left">rgb(248, 248, 255)</td>
+    <td align="left">#F8F8FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">lavender</td>
+    <td align="center" style="background-color:rgb(230, 230, 250)">lavender</td>
+    <td align="left">rgb(230, 230, 250)</td>
+    <td align="left">#E6E6FA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">blue</td>
+    <td align="center" style="background-color:rgb( 0, 0, 255)">blue</td>
+    <td align="left">rgb(  0,  0, 255)</td>
+    <td align="left">#0000FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">blue1</td>
+    <td align="center" style="background-color:rgb( 0, 0, 255)">blue1</td>
+    <td align="left">rgb(  0,  0, 255)</td>
+    <td align="left">#0000FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">blue2</td>
+    <td align="center" style="background-color:rgb( 0, 0, 238)">blue2</td>
+    <td align="left">rgb(  0,  0, 238)</td>
+    <td align="left">#0000EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">blue3</td>
+    <td align="center" style="background-color:rgb( 0, 0, 205)">blue3</td>
+    <td align="left">rgb(  0,  0, 205)</td>
+    <td align="left">#0000CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumBlue</td>
+    <td align="center" style="background-color:rgb( 0, 0, 205)">MediumBlue</td>
+    <td align="left">rgb(  0,  0, 205)</td>
+    <td align="left">#0000CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">blue4</td>
+    <td align="center" style="background-color:rgb( 0, 0, 139)">blue4</td>
+    <td align="left">rgb(  0,  0, 139)</td>
+    <td align="left">#00008B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkBlue</td>
+    <td align="center" style="background-color:rgb( 0, 0, 139)">DarkBlue</td>
+    <td align="left">rgb(  0,  0, 139)</td>
+    <td align="left">#00008B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MidnightBlue</td>
+    <td align="center" style="background-color:rgb( 25, 25, 112)">MidnightBlue</td>
+    <td align="left">rgb( 25, 25, 112)</td>
+    <td align="left">#191970</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">navy</td>
+    <td align="center" style="background-color:rgb( 0, 0, 128)">navy</td>
+    <td align="left">rgb(  0,  0, 128)</td>
+    <td align="left">#000080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavyBlue</td>
+    <td align="center" style="background-color:rgb( 0, 0, 128)">NavyBlue</td>
+    <td align="left">rgb(  0,  0, 128)</td>
+    <td align="left">#000080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RoyalBlue</td>
+    <td align="center" style="background-color:rgb( 65, 105, 225)">RoyalBlue</td>
+    <td align="left">rgb( 65, 105, 225)</td>
+    <td align="left">#4169E1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RoyalBlue1</td>
+    <td align="center" style="background-color:rgb( 72, 118, 255)">RoyalBlue1</td>
+    <td align="left">rgb( 72, 118, 255)</td>
+    <td align="left">#4876FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RoyalBlue2</td>
+    <td align="center" style="background-color:rgb( 67, 110, 238)">RoyalBlue2</td>
+    <td align="left">rgb( 67, 110, 238)</td>
+    <td align="left">#436EEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RoyalBlue3</td>
+    <td align="center" style="background-color:rgb( 58, 95, 205)">RoyalBlue3</td>
+    <td align="left">rgb( 58, 95, 205)</td>
+    <td align="left">#3A5FCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RoyalBlue4</td>
+    <td align="center" style="background-color:rgb( 39, 64, 139)">RoyalBlue4</td>
+    <td align="left">rgb( 39, 64, 139)</td>
+    <td align="left">#27408B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CornflowerBlue</td>
+    <td align="center" style="background-color:rgb(100, 149, 237)">CornflowerBlue</td>
+    <td align="left">rgb(100, 149, 237)</td>
+    <td align="left">#6495ED</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSteelBlue</td>
+    <td align="center" style="background-color:rgb(176, 196, 222)">LightSteelBlue</td>
+    <td align="left">rgb(176, 196, 222)</td>
+    <td align="left">#B0C4DE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSteelBlue1</td>
+    <td align="center" style="background-color:rgb(202, 225, 255)">LightSteelBlue1</td>
+    <td align="left">rgb(202, 225, 255)</td>
+    <td align="left">#CAE1FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSteelBlue2</td>
+    <td align="center" style="background-color:rgb(188, 210, 238)">LightSteelBlue2</td>
+    <td align="left">rgb(188, 210, 238)</td>
+    <td align="left">#BCD2EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSteelBlue3</td>
+    <td align="center" style="background-color:rgb(162, 181, 205)">LightSteelBlue3</td>
+    <td align="left">rgb(162, 181, 205)</td>
+    <td align="left">#A2B5CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSteelBlue4</td>
+    <td align="center" style="background-color:rgb(110, 123, 139)">LightSteelBlue4</td>
+    <td align="left">rgb(110, 123, 139)</td>
+    <td align="left">#6E7B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGray4</td>
+    <td align="center" style="background-color:rgb(108, 123, 139)">SlateGray4</td>
+    <td align="left">rgb(108, 123, 139)</td>
+    <td align="left">#6C7B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGray1</td>
+    <td align="center" style="background-color:rgb(198, 226, 255)">SlateGray1</td>
+    <td align="left">rgb(198, 226, 255)</td>
+    <td align="left">#C6E2FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGray2</td>
+    <td align="center" style="background-color:rgb(185, 211, 238)">SlateGray2</td>
+    <td align="left">rgb(185, 211, 238)</td>
+    <td align="left">#B9D3EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGray3</td>
+    <td align="center" style="background-color:rgb(159, 182, 205)">SlateGray3</td>
+    <td align="left">rgb(159, 182, 205)</td>
+    <td align="left">#9FB6CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSlateGray</td>
+    <td align="center" style="background-color:rgb(119, 136, 153)">LightSlateGray</td>
+    <td align="left">rgb(119, 136, 153)</td>
+    <td align="left">#778899</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSlateGrey</td>
+    <td align="center" style="background-color:rgb(119, 136, 153)">LightSlateGrey</td>
+    <td align="left">rgb(119, 136, 153)</td>
+    <td align="left">#778899</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGray</td>
+    <td align="center" style="background-color:rgb(112, 128, 144)">SlateGray</td>
+    <td align="left">rgb(112, 128, 144)</td>
+    <td align="left">#708090</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGrey</td>
+    <td align="center" style="background-color:rgb(112, 128, 144)">SlateGrey</td>
+    <td align="left">rgb(112, 128, 144)</td>
+    <td align="left">#708090</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DodgerBlue</td>
+    <td align="center" style="background-color:rgb( 30, 144, 255)">DodgerBlue</td>
+    <td align="left">rgb( 30, 144, 255)</td>
+    <td align="left">#1E90FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DodgerBlue1</td>
+    <td align="center" style="background-color:rgb( 30, 144, 255)">DodgerBlue1</td>
+    <td align="left">rgb( 30, 144, 255)</td>
+    <td align="left">#1E90FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DodgerBlue2</td>
+    <td align="center" style="background-color:rgb( 28, 134, 238)">DodgerBlue2</td>
+    <td align="left">rgb( 28, 134, 238)</td>
+    <td align="left">#1C86EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DodgerBlue4</td>
+    <td align="center" style="background-color:rgb( 16, 78, 139)">DodgerBlue4</td>
+    <td align="left">rgb( 16, 78, 139)</td>
+    <td align="left">#104E8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DodgerBlue3</td>
+    <td align="center" style="background-color:rgb( 24, 116, 205)">DodgerBlue3</td>
+    <td align="left">rgb( 24, 116, 205)</td>
+    <td align="left">#1874CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AliceBlue</td>
+    <td align="center" style="background-color:rgb(240, 248, 255)">AliceBlue</td>
+    <td align="left">rgb(240, 248, 255)</td>
+    <td align="left">#F0F8FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SteelBlue4</td>
+    <td align="center" style="background-color:rgb( 54, 100, 139)">SteelBlue4</td>
+    <td align="left">rgb( 54, 100, 139)</td>
+    <td align="left">#36648B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SteelBlue</td>
+    <td align="center" style="background-color:rgb( 70, 130, 180)">SteelBlue</td>
+    <td align="left">rgb( 70, 130, 180)</td>
+    <td align="left">#4682B4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SteelBlue1</td>
+    <td align="center" style="background-color:rgb( 99, 184, 255)">SteelBlue1</td>
+    <td align="left">rgb( 99, 184, 255)</td>
+    <td align="left">#63B8FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SteelBlue2</td>
+    <td align="center" style="background-color:rgb( 92, 172, 238)">SteelBlue2</td>
+    <td align="left">rgb( 92, 172, 238)</td>
+    <td align="left">#5CACEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SteelBlue3</td>
+    <td align="center" style="background-color:rgb( 79, 148, 205)">SteelBlue3</td>
+    <td align="left">rgb( 79, 148, 205)</td>
+    <td align="left">#4F94CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SkyBlue4</td>
+    <td align="center" style="background-color:rgb( 74, 112, 139)">SkyBlue4</td>
+    <td align="left">rgb( 74, 112, 139)</td>
+    <td align="left">#4A708B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SkyBlue1</td>
+    <td align="center" style="background-color:rgb(135, 206, 255)">SkyBlue1</td>
+    <td align="left">rgb(135, 206, 255)</td>
+    <td align="left">#87CEFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SkyBlue2</td>
+    <td align="center" style="background-color:rgb(126, 192, 238)">SkyBlue2</td>
+    <td align="left">rgb(126, 192, 238)</td>
+    <td align="left">#7EC0EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SkyBlue3</td>
+    <td align="center" style="background-color:rgb(108, 166, 205)">SkyBlue3</td>
+    <td align="left">rgb(108, 166, 205)</td>
+    <td align="left">#6CA6CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSkyBlue</td>
+    <td align="center" style="background-color:rgb(135, 206, 250)">LightSkyBlue</td>
+    <td align="left">rgb(135, 206, 250)</td>
+    <td align="left">#87CEFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSkyBlue4</td>
+    <td align="center" style="background-color:rgb( 96, 123, 139)">LightSkyBlue4</td>
+    <td align="left">rgb( 96, 123, 139)</td>
+    <td align="left">#607B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSkyBlue1</td>
+    <td align="center" style="background-color:rgb(176, 226, 255)">LightSkyBlue1</td>
+    <td align="left">rgb(176, 226, 255)</td>
+    <td align="left">#B0E2FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSkyBlue2</td>
+    <td align="center" style="background-color:rgb(164, 211, 238)">LightSkyBlue2</td>
+    <td align="left">rgb(164, 211, 238)</td>
+    <td align="left">#A4D3EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSkyBlue3</td>
+    <td align="center" style="background-color:rgb(141, 182, 205)">LightSkyBlue3</td>
+    <td align="left">rgb(141, 182, 205)</td>
+    <td align="left">#8DB6CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SkyBlue</td>
+    <td align="center" style="background-color:rgb(135, 206, 235)">SkyBlue</td>
+    <td align="left">rgb(135, 206, 235)</td>
+    <td align="left">#87CEEB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightBlue3</td>
+    <td align="center" style="background-color:rgb(154, 192, 205)">LightBlue3</td>
+    <td align="left">rgb(154, 192, 205)</td>
+    <td align="left">#9AC0CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepSkyBlue</td>
+    <td align="center" style="background-color:rgb( 0, 191, 255)">DeepSkyBlue</td>
+    <td align="left">rgb(  0, 191, 255)</td>
+    <td align="left">#00BFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepSkyBlue1</td>
+    <td align="center" style="background-color:rgb( 0, 191, 255)">DeepSkyBlue1</td>
+    <td align="left">rgb(  0, 191, 255)</td>
+    <td align="left">#00BFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepSkyBlue2</td>
+    <td align="center" style="background-color:rgb( 0, 178, 238)">DeepSkyBlue2</td>
+    <td align="left">rgb(  0, 178, 238)</td>
+    <td align="left">#00B2EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepSkyBlue4</td>
+    <td align="center" style="background-color:rgb( 0, 104, 139)">DeepSkyBlue4</td>
+    <td align="left">rgb(  0, 104, 139)</td>
+    <td align="left">#00688B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepSkyBlue3</td>
+    <td align="center" style="background-color:rgb( 0, 154, 205)">DeepSkyBlue3</td>
+    <td align="left">rgb(  0, 154, 205)</td>
+    <td align="left">#009ACD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightBlue1</td>
+    <td align="center" style="background-color:rgb(191, 239, 255)">LightBlue1</td>
+    <td align="left">rgb(191, 239, 255)</td>
+    <td align="left">#BFEFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightBlue2</td>
+    <td align="center" style="background-color:rgb(178, 223, 238)">LightBlue2</td>
+    <td align="left">rgb(178, 223, 238)</td>
+    <td align="left">#B2DFEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightBlue</td>
+    <td align="center" style="background-color:rgb(173, 216, 230)">LightBlue</td>
+    <td align="left">rgb(173, 216, 230)</td>
+    <td align="left">#ADD8E6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightBlue4</td>
+    <td align="center" style="background-color:rgb(104, 131, 139)">LightBlue4</td>
+    <td align="left">rgb(104, 131, 139)</td>
+    <td align="left">#68838B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PowderBlue</td>
+    <td align="center" style="background-color:rgb(176, 224, 230)">PowderBlue</td>
+    <td align="left">rgb(176, 224, 230)</td>
+    <td align="left">#B0E0E6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CadetBlue1</td>
+    <td align="center" style="background-color:rgb(152, 245, 255)">CadetBlue1</td>
+    <td align="left">rgb(152, 245, 255)</td>
+    <td align="left">#98F5FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CadetBlue2</td>
+    <td align="center" style="background-color:rgb(142, 229, 238)">CadetBlue2</td>
+    <td align="left">rgb(142, 229, 238)</td>
+    <td align="left">#8EE5EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CadetBlue3</td>
+    <td align="center" style="background-color:rgb(122, 197, 205)">CadetBlue3</td>
+    <td align="left">rgb(122, 197, 205)</td>
+    <td align="left">#7AC5CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CadetBlue4</td>
+    <td align="center" style="background-color:rgb( 83, 134, 139)">CadetBlue4</td>
+    <td align="left">rgb( 83, 134, 139)</td>
+    <td align="left">#53868B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">turquoise1</td>
+    <td align="center" style="background-color:rgb( 0, 245, 255)">turquoise1</td>
+    <td align="left">rgb(  0, 245, 255)</td>
+    <td align="left">#00F5FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">turquoise2</td>
+    <td align="center" style="background-color:rgb( 0, 229, 238)">turquoise2</td>
+    <td align="left">rgb(  0, 229, 238)</td>
+    <td align="left">#00E5EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">turquoise3</td>
+    <td align="center" style="background-color:rgb( 0, 197, 205)">turquoise3</td>
+    <td align="left">rgb(  0, 197, 205)</td>
+    <td align="left">#00C5CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">turquoise4</td>
+    <td align="center" style="background-color:rgb( 0, 134, 139)">turquoise4</td>
+    <td align="left">rgb(  0, 134, 139)</td>
+    <td align="left">#00868B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cadet blue</td>
+    <td align="center" style="background-color:rgb( 95, 158, 160)">cadet blue</td>
+    <td align="left">rgb( 95, 158, 160)</td>
+    <td align="left">#5F9EA0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CadetBlue</td>
+    <td align="center" style="background-color:rgb( 95, 158, 160)">CadetBlue</td>
+    <td align="left">rgb( 95, 158, 160)</td>
+    <td align="left">#5F9EA0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkTurquoise</td>
+    <td align="center" style="background-color:rgb( 0, 206, 209)">DarkTurquoise</td>
+    <td align="left">rgb(  0, 206, 209)</td>
+    <td align="left">#00CED1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">azure</td>
+    <td align="center" style="background-color:rgb(240, 255, 255)">azure</td>
+    <td align="left">rgb(240, 255, 255)</td>
+    <td align="left">#F0FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">azure1</td>
+    <td align="center" style="background-color:rgb(240, 255, 255)">azure1</td>
+    <td align="left">rgb(240, 255, 255)</td>
+    <td align="left">#F0FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCyan</td>
+    <td align="center" style="background-color:rgb(224, 255, 255)">LightCyan</td>
+    <td align="left">rgb(224, 255, 255)</td>
+    <td align="left">#E0FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCyan1</td>
+    <td align="center" style="background-color:rgb(224, 255, 255)">LightCyan1</td>
+    <td align="left">rgb(224, 255, 255)</td>
+    <td align="left">#E0FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">azure2</td>
+    <td align="center" style="background-color:rgb(224, 238, 238)">azure2</td>
+    <td align="left">rgb(224, 238, 238)</td>
+    <td align="left">#E0EEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCyan2</td>
+    <td align="center" style="background-color:rgb(209, 238, 238)">LightCyan2</td>
+    <td align="left">rgb(209, 238, 238)</td>
+    <td align="left">#D1EEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleTurquoise1</td>
+    <td align="center" style="background-color:rgb(187, 255, 255)">PaleTurquoise1</td>
+    <td align="left">rgb(187, 255, 255)</td>
+    <td align="left">#BBFFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleTurquoise</td>
+    <td align="center" style="background-color:rgb(175, 238, 238)">PaleTurquoise</td>
+    <td align="left">rgb(175, 238, 238)</td>
+    <td align="left">#AFEEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleTurquoise2</td>
+    <td align="center" style="background-color:rgb(174, 238, 238)">PaleTurquoise2</td>
+    <td align="left">rgb(174, 238, 238)</td>
+    <td align="left">#AEEEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGray1</td>
+    <td align="center" style="background-color:rgb(151, 255, 255)">DarkSlateGray1</td>
+    <td align="left">rgb(151, 255, 255)</td>
+    <td align="left">#97FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">azure3</td>
+    <td align="center" style="background-color:rgb(193, 205, 205)">azure3</td>
+    <td align="left">rgb(193, 205, 205)</td>
+    <td align="left">#C1CDCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCyan3</td>
+    <td align="center" style="background-color:rgb(180, 205, 205)">LightCyan3</td>
+    <td align="left">rgb(180, 205, 205)</td>
+    <td align="left">#B4CDCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGray2</td>
+    <td align="center" style="background-color:rgb(141, 238, 238)">DarkSlateGray2</td>
+    <td align="left">rgb(141, 238, 238)</td>
+    <td align="left">#8DEEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleTurquoise3</td>
+    <td align="center" style="background-color:rgb(150, 205, 205)">PaleTurquoise3</td>
+    <td align="left">rgb(150, 205, 205)</td>
+    <td align="left">#96CDCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGray3</td>
+    <td align="center" style="background-color:rgb(121, 205, 205)">DarkSlateGray3</td>
+    <td align="left">rgb(121, 205, 205)</td>
+    <td align="left">#79CDCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">azure4</td>
+    <td align="center" style="background-color:rgb(131, 139, 139)">azure4</td>
+    <td align="left">rgb(131, 139, 139)</td>
+    <td align="left">#838B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCyan4</td>
+    <td align="center" style="background-color:rgb(122, 139, 139)">LightCyan4</td>
+    <td align="left">rgb(122, 139, 139)</td>
+    <td align="left">#7A8B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aqua</td>
+    <td align="center" style="background-color:rgb( 0, 255, 255)">aqua</td>
+    <td align="left">rgb(  0, 255, 255)</td>
+    <td align="left">#00FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cyan</td>
+    <td align="center" style="background-color:rgb( 0, 255, 255)">cyan</td>
+    <td align="left">rgb(  0, 255, 255)</td>
+    <td align="left">#00FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cyan1</td>
+    <td align="center" style="background-color:rgb( 0, 255, 255)">cyan1</td>
+    <td align="left">rgb(  0, 255, 255)</td>
+    <td align="left">#00FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleTurquoise4</td>
+    <td align="center" style="background-color:rgb(102, 139, 139)">PaleTurquoise4</td>
+    <td align="left">rgb(102, 139, 139)</td>
+    <td align="left">#668B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cyan2</td>
+    <td align="center" style="background-color:rgb( 0, 238, 238)">cyan2</td>
+    <td align="left">rgb(  0, 238, 238)</td>
+    <td align="left">#00EEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGray4</td>
+    <td align="center" style="background-color:rgb( 82, 139, 139)">DarkSlateGray4</td>
+    <td align="left">rgb( 82, 139, 139)</td>
+    <td align="left">#528B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cyan3</td>
+    <td align="center" style="background-color:rgb( 0, 205, 205)">cyan3</td>
+    <td align="left">rgb(  0, 205, 205)</td>
+    <td align="left">#00CDCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cyan4</td>
+    <td align="center" style="background-color:rgb( 0, 139, 139)">cyan4</td>
+    <td align="left">rgb(  0, 139, 139)</td>
+    <td align="left">#008B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkCyan</td>
+    <td align="center" style="background-color:rgb( 0, 139, 139)">DarkCyan</td>
+    <td align="left">rgb(  0, 139, 139)</td>
+    <td align="left">#008B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">teal</td>
+    <td align="center" style="background-color:rgb( 0, 128, 128)">teal</td>
+    <td align="left">rgb(  0, 128, 128)</td>
+    <td align="left">#008080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGray</td>
+    <td align="center" style="background-color:rgb( 47, 79, 79)">DarkSlateGray</td>
+    <td align="left">rgb( 47, 79,  79)</td>
+    <td align="left">#2F4F4F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGrey</td>
+    <td align="center" style="background-color:rgb( 47, 79, 79)">DarkSlateGrey</td>
+    <td align="left">rgb( 47, 79,  79)</td>
+    <td align="left">#2F4F4F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumTurquoise</td>
+    <td align="center" style="background-color:rgb( 72, 209, 204)">MediumTurquoise</td>
+    <td align="left">rgb( 72, 209, 204)</td>
+    <td align="left">#48D1CC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSeaGreen</td>
+    <td align="center" style="background-color:rgb( 32, 178, 170)">LightSeaGreen</td>
+    <td align="left">rgb( 32, 178, 170)</td>
+    <td align="left">#20B2AA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">turquoise</td>
+    <td align="center" style="background-color:rgb( 64, 224, 208)">turquoise</td>
+    <td align="left">rgb( 64, 224, 208)</td>
+    <td align="left">#40E0D0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aquamarine4</td>
+    <td align="center" style="background-color:rgb( 69, 139, 116)">aquamarine4</td>
+    <td align="left">rgb( 69, 139, 116)</td>
+    <td align="left">#458B74</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aquamarine</td>
+    <td align="center" style="background-color:rgb(127, 255, 212)">aquamarine</td>
+    <td align="left">rgb(127, 255, 212)</td>
+    <td align="left">#7FFFD4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aquamarine1</td>
+    <td align="center" style="background-color:rgb(127, 255, 212)">aquamarine1</td>
+    <td align="left">rgb(127, 255, 212)</td>
+    <td align="left">#7FFFD4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aquamarine2</td>
+    <td align="center" style="background-color:rgb(118, 238, 198)">aquamarine2</td>
+    <td align="left">rgb(118, 238, 198)</td>
+    <td align="left">#76EEC6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aquamarine3</td>
+    <td align="center" style="background-color:rgb(102, 205, 170)">aquamarine3</td>
+    <td align="left">rgb(102, 205, 170)</td>
+    <td align="left">#66CDAA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumAquamarine</td>
+    <td align="center" style="background-color:rgb(102, 205, 170)">MediumAquamarine</td>
+    <td align="left">rgb(102, 205, 170)</td>
+    <td align="left">#66CDAA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumSpringGreen</td>
+    <td align="center" style="background-color:rgb( 0, 250, 154)">MediumSpringGreen</td>
+    <td align="left">rgb(  0, 250, 154)</td>
+    <td align="left">#00FA9A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MintCream</td>
+    <td align="center" style="background-color:rgb(245, 255, 250)">MintCream</td>
+    <td align="left">rgb(245, 255, 250)</td>
+    <td align="left">#F5FFFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SpringGreen</td>
+    <td align="center" style="background-color:rgb( 0, 255, 127)">SpringGreen</td>
+    <td align="left">rgb(  0, 255, 127)</td>
+    <td align="left">#00FF7F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SpringGreen1</td>
+    <td align="center" style="background-color:rgb( 0, 255, 127)">SpringGreen1</td>
+    <td align="left">rgb(  0, 255, 127)</td>
+    <td align="left">#00FF7F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SpringGreen2</td>
+    <td align="center" style="background-color:rgb( 0, 238, 118)">SpringGreen2</td>
+    <td align="left">rgb(  0, 238, 118)</td>
+    <td align="left">#00EE76</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SpringGreen3</td>
+    <td align="center" style="background-color:rgb( 0, 205, 102)">SpringGreen3</td>
+    <td align="left">rgb(  0, 205, 102)</td>
+    <td align="left">#00CD66</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SpringGreen4</td>
+    <td align="center" style="background-color:rgb( 0, 139, 69)">SpringGreen4</td>
+    <td align="left">rgb(  0, 139, 69)</td>
+    <td align="left">#008B45</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumSeaGreen</td>
+    <td align="center" style="background-color:rgb( 60, 179, 113)">MediumSeaGreen</td>
+    <td align="left">rgb( 60, 179, 113)</td>
+    <td align="left">#3CB371</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SeaGreen</td>
+    <td align="center" style="background-color:rgb( 46, 139, 87)">SeaGreen</td>
+    <td align="left">rgb( 46, 139, 87)</td>
+    <td align="left">#2E8B57</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SeaGreen3</td>
+    <td align="center" style="background-color:rgb( 67, 205, 128)">SeaGreen3</td>
+    <td align="left">rgb( 67, 205, 128)</td>
+    <td align="left">#43CD80</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SeaGreen1</td>
+    <td align="center" style="background-color:rgb( 84, 255, 159)">SeaGreen1</td>
+    <td align="left">rgb( 84, 255, 159)</td>
+    <td align="left">#54FF9F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SeaGreen4</td>
+    <td align="center" style="background-color:rgb( 46, 139, 87)">SeaGreen4</td>
+    <td align="left">rgb( 46, 139, 87)</td>
+    <td align="left">#2E8B57</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SeaGreen2</td>
+    <td align="center" style="background-color:rgb( 78, 238, 148)">SeaGreen2</td>
+    <td align="left">rgb( 78, 238, 148)</td>
+    <td align="left">#4EEE94</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumForestGreen</td>
+    <td align="center" style="background-color:rgb( 50, 129, 75)">MediumForestGreen</td>
+    <td align="left">rgb( 50, 129, 75)</td>
+    <td align="left">#32814B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">honeydew</td>
+    <td align="center" style="background-color:rgb(240, 255, 240)">honeydew</td>
+    <td align="left">rgb(240, 255, 240)</td>
+    <td align="left">#F0FFF0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">honeydew1</td>
+    <td align="center" style="background-color:rgb(240, 255, 240)">honeydew1</td>
+    <td align="left">rgb(240, 255, 240)</td>
+    <td align="left">#F0FFF0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">honeydew2</td>
+    <td align="center" style="background-color:rgb(224, 238, 224)">honeydew2</td>
+    <td align="left">rgb(224, 238, 224)</td>
+    <td align="left">#E0EEE0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSeaGreen1</td>
+    <td align="center" style="background-color:rgb(193, 255, 193)">DarkSeaGreen1</td>
+    <td align="left">rgb(193, 255, 193)</td>
+    <td align="left">#C1FFC1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSeaGreen2</td>
+    <td align="center" style="background-color:rgb(180, 238, 180)">DarkSeaGreen2</td>
+    <td align="left">rgb(180, 238, 180)</td>
+    <td align="left">#B4EEB4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGreen1</td>
+    <td align="center" style="background-color:rgb(154, 255, 154)">PaleGreen1</td>
+    <td align="left">rgb(154, 255, 154)</td>
+    <td align="left">#9AFF9A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGreen</td>
+    <td align="center" style="background-color:rgb(152, 251, 152)">PaleGreen</td>
+    <td align="left">rgb(152, 251, 152)</td>
+    <td align="left">#98FB98</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">honeydew3</td>
+    <td align="center" style="background-color:rgb(193, 205, 193)">honeydew3</td>
+    <td align="left">rgb(193, 205, 193)</td>
+    <td align="left">#C1CDC1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGreen</td>
+    <td align="center" style="background-color:rgb(144, 238, 144)">LightGreen</td>
+    <td align="left">rgb(144, 238, 144)</td>
+    <td align="left">#90EE90</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGreen2</td>
+    <td align="center" style="background-color:rgb(144, 238, 144)">PaleGreen2</td>
+    <td align="left">rgb(144, 238, 144)</td>
+    <td align="left">#90EE90</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSeaGreen3</td>
+    <td align="center" style="background-color:rgb(155, 205, 155)">DarkSeaGreen3</td>
+    <td align="left">rgb(155, 205, 155)</td>
+    <td align="left">#9BCD9B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSeaGreen</td>
+    <td align="center" style="background-color:rgb(143, 188, 143)">DarkSeaGreen</td>
+    <td align="left">rgb(143, 188, 143)</td>
+    <td align="left">#8FBC8F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGreen3</td>
+    <td align="center" style="background-color:rgb(124, 205, 124)">PaleGreen3</td>
+    <td align="left">rgb(124, 205, 124)</td>
+    <td align="left">#7CCD7C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">honeydew4</td>
+    <td align="center" style="background-color:rgb(131, 139, 131)">honeydew4</td>
+    <td align="left">rgb(131, 139, 131)</td>
+    <td align="left">#838B83</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">green1</td>
+    <td align="center" style="background-color:rgb( 0, 255, 0)">green1</td>
+    <td align="left">rgb(  0, 255,  0)</td>
+    <td align="left">#00FF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">lime</td>
+    <td align="center" style="background-color:rgb( 0, 255, 0)">lime</td>
+    <td align="left">rgb(  0, 255,  0)</td>
+    <td align="left">#00FF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LimeGreen</td>
+    <td align="center" style="background-color:rgb( 50, 205, 50)">LimeGreen</td>
+    <td align="left">rgb( 50, 205, 50)</td>
+    <td align="left">#32CD32</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSeaGreen4</td>
+    <td align="center" style="background-color:rgb(105, 139, 105)">DarkSeaGreen4</td>
+    <td align="left">rgb(105, 139, 105)</td>
+    <td align="left">#698B69</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">green2</td>
+    <td align="center" style="background-color:rgb( 0, 238, 0)">green2</td>
+    <td align="left">rgb(  0, 238,  0)</td>
+    <td align="left">#00EE00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGreen4</td>
+    <td align="center" style="background-color:rgb( 84, 139, 84)">PaleGreen4</td>
+    <td align="left">rgb( 84, 139, 84)</td>
+    <td align="left">#548B54</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">green3</td>
+    <td align="center" style="background-color:rgb( 0, 205, 0)">green3</td>
+    <td align="left">rgb(  0, 205,  0)</td>
+    <td align="left">#00CD00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ForestGreen</td>
+    <td align="center" style="background-color:rgb( 34, 139, 34)">ForestGreen</td>
+    <td align="left">rgb( 34, 139, 34)</td>
+    <td align="left">#228B22</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">green4</td>
+    <td align="center" style="background-color:rgb( 0, 139, 0)">green4</td>
+    <td align="left">rgb(  0, 139,  0)</td>
+    <td align="left">#008B00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">green</td>
+    <td align="center" style="background-color:rgb( 0, 128, 0)">green</td>
+    <td align="left">rgb(  0, 128,  0)</td>
+    <td align="left">#008000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGreen</td>
+    <td align="center" style="background-color:rgb( 0, 100, 0)">DarkGreen</td>
+    <td align="left">rgb(  0, 100,  0)</td>
+    <td align="left">#006400</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LawnGreen</td>
+    <td align="center" style="background-color:rgb(124, 252, 0)">LawnGreen</td>
+    <td align="left">rgb(124, 252,  0)</td>
+    <td align="left">#7CFC00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chartreuse</td>
+    <td align="center" style="background-color:rgb(127, 255, 0)">chartreuse</td>
+    <td align="left">rgb(127, 255,  0)</td>
+    <td align="left">#7FFF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chartreuse1</td>
+    <td align="center" style="background-color:rgb(127, 255, 0)">chartreuse1</td>
+    <td align="left">rgb(127, 255,  0)</td>
+    <td align="left">#7FFF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chartreuse2</td>
+    <td align="center" style="background-color:rgb(118, 238, 0)">chartreuse2</td>
+    <td align="left">rgb(118, 238,  0)</td>
+    <td align="left">#76EE00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chartreuse3</td>
+    <td align="center" style="background-color:rgb(102, 205, 0)">chartreuse3</td>
+    <td align="left">rgb(102, 205,  0)</td>
+    <td align="left">#66CD00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chartreuse4</td>
+    <td align="center" style="background-color:rgb( 69, 139, 0)">chartreuse4</td>
+    <td align="left">rgb( 69, 139,  0)</td>
+    <td align="left">#458B00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">GreenYellow</td>
+    <td align="center" style="background-color:rgb(173, 255, 47)">GreenYellow</td>
+    <td align="left">rgb(173, 255, 47)</td>
+    <td align="left">#ADFF2F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOliveGreen3</td>
+    <td align="center" style="background-color:rgb(162, 205, 90)">DarkOliveGreen3</td>
+    <td align="left">rgb(162, 205, 90)</td>
+    <td align="left">#A2CD5A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOliveGreen1</td>
+    <td align="center" style="background-color:rgb(202, 255, 112)">DarkOliveGreen1</td>
+    <td align="left">rgb(202, 255, 112)</td>
+    <td align="left">#CAFF70</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOliveGreen2</td>
+    <td align="center" style="background-color:rgb(188, 238, 104)">DarkOliveGreen2</td>
+    <td align="left">rgb(188, 238, 104)</td>
+    <td align="left">#BCEE68</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOliveGreen4</td>
+    <td align="center" style="background-color:rgb(110, 139, 61)">DarkOliveGreen4</td>
+    <td align="left">rgb(110, 139, 61)</td>
+    <td align="left">#6E8B3D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOliveGreen</td>
+    <td align="center" style="background-color:rgb( 85, 107, 47)">DarkOliveGreen</td>
+    <td align="left">rgb( 85, 107, 47)</td>
+    <td align="left">#556B2F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OliveDrab</td>
+    <td align="center" style="background-color:rgb(107, 142, 35)">OliveDrab</td>
+    <td align="left">rgb(107, 142, 35)</td>
+    <td align="left">#6B8E23</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OliveDrab1</td>
+    <td align="center" style="background-color:rgb(192, 255, 62)">OliveDrab1</td>
+    <td align="left">rgb(192, 255, 62)</td>
+    <td align="left">#C0FF3E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OliveDrab2</td>
+    <td align="center" style="background-color:rgb(179, 238, 58)">OliveDrab2</td>
+    <td align="left">rgb(179, 238, 58)</td>
+    <td align="left">#B3EE3A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OliveDrab3</td>
+    <td align="center" style="background-color:rgb(154, 205, 50)">OliveDrab3</td>
+    <td align="left">rgb(154, 205, 50)</td>
+    <td align="left">#9ACD32</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">YellowGreen</td>
+    <td align="center" style="background-color:rgb(154, 205, 50)">YellowGreen</td>
+    <td align="left">rgb(154, 205, 50)</td>
+    <td align="left">#9ACD32</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OliveDrab4</td>
+    <td align="center" style="background-color:rgb(105, 139, 34)">OliveDrab4</td>
+    <td align="left">rgb(105, 139, 34)</td>
+    <td align="left">#698B22</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ivory</td>
+    <td align="center" style="background-color:rgb(255, 255, 240)">ivory</td>
+    <td align="left">rgb(255, 255, 240)</td>
+    <td align="left">#FFFFF0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ivory1</td>
+    <td align="center" style="background-color:rgb(255, 255, 240)">ivory1</td>
+    <td align="left">rgb(255, 255, 240)</td>
+    <td align="left">#FFFFF0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightYellow</td>
+    <td align="center" style="background-color:rgb(255, 255, 224)">LightYellow</td>
+    <td align="left">rgb(255, 255, 224)</td>
+    <td align="left">#FFFFE0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightYellow1</td>
+    <td align="center" style="background-color:rgb(255, 255, 224)">LightYellow1</td>
+    <td align="left">rgb(255, 255, 224)</td>
+    <td align="left">#FFFFE0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">beige</td>
+    <td align="center" style="background-color:rgb(245, 245, 220)">beige</td>
+    <td align="left">rgb(245, 245, 220)</td>
+    <td align="left">#F5F5DC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ivory2</td>
+    <td align="center" style="background-color:rgb(238, 238, 224)">ivory2</td>
+    <td align="left">rgb(238, 238, 224)</td>
+    <td align="left">#EEEEE0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrodYellow</td>
+    <td align="center" style="background-color:rgb(250, 250, 210)">LightGoldenrodYellow</td>
+    <td align="left">rgb(250, 250, 210)</td>
+    <td align="left">#FAFAD2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightYellow2</td>
+    <td align="center" style="background-color:rgb(238, 238, 209)">LightYellow2</td>
+    <td align="left">rgb(238, 238, 209)</td>
+    <td align="left">#EEEED1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ivory3</td>
+    <td align="center" style="background-color:rgb(205, 205, 193)">ivory3</td>
+    <td align="left">rgb(205, 205, 193)</td>
+    <td align="left">#CDCDC1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightYellow3</td>
+    <td align="center" style="background-color:rgb(205, 205, 180)">LightYellow3</td>
+    <td align="left">rgb(205, 205, 180)</td>
+    <td align="left">#CDCDB4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ivory4</td>
+    <td align="center" style="background-color:rgb(139, 139, 131)">ivory4</td>
+    <td align="left">rgb(139, 139, 131)</td>
+    <td align="left">#8B8B83</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightYellow4</td>
+    <td align="center" style="background-color:rgb(139, 139, 122)">LightYellow4</td>
+    <td align="left">rgb(139, 139, 122)</td>
+    <td align="left">#8B8B7A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">yellow</td>
+    <td align="center" style="background-color:rgb(255, 255, 0)">yellow</td>
+    <td align="left">rgb(255, 255,  0)</td>
+    <td align="left">#FFFF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">yellow1</td>
+    <td align="center" style="background-color:rgb(255, 255, 0)">yellow1</td>
+    <td align="left">rgb(255, 255,  0)</td>
+    <td align="left">#FFFF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">yellow2</td>
+    <td align="center" style="background-color:rgb(238, 238, 0)">yellow2</td>
+    <td align="left">rgb(238, 238,  0)</td>
+    <td align="left">#EEEE00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">yellow3</td>
+    <td align="center" style="background-color:rgb(205, 205, 0)">yellow3</td>
+    <td align="left">rgb(205, 205,  0)</td>
+    <td align="left">#CDCD00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">yellow4</td>
+    <td align="center" style="background-color:rgb(139, 139, 0)">yellow4</td>
+    <td align="left">rgb(139, 139,  0)</td>
+    <td align="left">#8B8B00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">olive</td>
+    <td align="center" style="background-color:rgb(128, 128, 0)">olive</td>
+    <td align="left">rgb(128, 128,  0)</td>
+    <td align="left">#808000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkKhaki</td>
+    <td align="center" style="background-color:rgb(189, 183, 107)">DarkKhaki</td>
+    <td align="left">rgb(189, 183, 107)</td>
+    <td align="left">#BDB76B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">khaki2</td>
+    <td align="center" style="background-color:rgb(238, 230, 133)">khaki2</td>
+    <td align="left">rgb(238, 230, 133)</td>
+    <td align="left">#EEE685</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LemonChiffon4</td>
+    <td align="center" style="background-color:rgb(139, 137, 112)">LemonChiffon4</td>
+    <td align="left">rgb(139, 137, 112)</td>
+    <td align="left">#8B8970</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">khaki1</td>
+    <td align="center" style="background-color:rgb(255, 246, 143)">khaki1</td>
+    <td align="left">rgb(255, 246, 143)</td>
+    <td align="left">#FFF68F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">khaki3</td>
+    <td align="center" style="background-color:rgb(205, 198, 115)">khaki3</td>
+    <td align="left">rgb(205, 198, 115)</td>
+    <td align="left">#CDC673</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">khaki4</td>
+    <td align="center" style="background-color:rgb(139, 134, 78)">khaki4</td>
+    <td align="left">rgb(139, 134, 78)</td>
+    <td align="left">#8B864E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGoldenrod</td>
+    <td align="center" style="background-color:rgb(238, 232, 170)">PaleGoldenrod</td>
+    <td align="left">rgb(238, 232, 170)</td>
+    <td align="left">#EEE8AA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LemonChiffon</td>
+    <td align="center" style="background-color:rgb(255, 250, 205)">LemonChiffon</td>
+    <td align="left">rgb(255, 250, 205)</td>
+    <td align="left">#FFFACD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LemonChiffon1</td>
+    <td align="center" style="background-color:rgb(255, 250, 205)">LemonChiffon1</td>
+    <td align="left">rgb(255, 250, 205)</td>
+    <td align="left">#FFFACD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">khaki</td>
+    <td align="center" style="background-color:rgb(240, 230, 140)">khaki</td>
+    <td align="left">rgb(240, 230, 140)</td>
+    <td align="left">#F0E68C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LemonChiffon3</td>
+    <td align="center" style="background-color:rgb(205, 201, 165)">LemonChiffon3</td>
+    <td align="left">rgb(205, 201, 165)</td>
+    <td align="left">#CDC9A5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LemonChiffon2</td>
+    <td align="center" style="background-color:rgb(238, 233, 191)">LemonChiffon2</td>
+    <td align="left">rgb(238, 233, 191)</td>
+    <td align="left">#EEE9BF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumGoldenRod</td>
+    <td align="center" style="background-color:rgb(209, 193, 102)">MediumGoldenRod</td>
+    <td align="left">rgb(209, 193, 102)</td>
+    <td align="left">#D1C166</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cornsilk4</td>
+    <td align="center" style="background-color:rgb(139, 136, 120)">cornsilk4</td>
+    <td align="left">rgb(139, 136, 120)</td>
+    <td align="left">#8B8878</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gold</td>
+    <td align="center" style="background-color:rgb(255, 215, 0)">gold</td>
+    <td align="left">rgb(255, 215,  0)</td>
+    <td align="left">#FFD700</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gold1</td>
+    <td align="center" style="background-color:rgb(255, 215, 0)">gold1</td>
+    <td align="left">rgb(255, 215,  0)</td>
+    <td align="left">#FFD700</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gold2</td>
+    <td align="center" style="background-color:rgb(238, 201, 0)">gold2</td>
+    <td align="left">rgb(238, 201,  0)</td>
+    <td align="left">#EEC900</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gold3</td>
+    <td align="center" style="background-color:rgb(205, 173, 0)">gold3</td>
+    <td align="left">rgb(205, 173,  0)</td>
+    <td align="left">#CDAD00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gold4</td>
+    <td align="center" style="background-color:rgb(139, 117, 0)">gold4</td>
+    <td align="left">rgb(139, 117,  0)</td>
+    <td align="left">#8B7500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrod</td>
+    <td align="center" style="background-color:rgb(238, 221, 130)">LightGoldenrod</td>
+    <td align="left">rgb(238, 221, 130)</td>
+    <td align="left">#EEDD82</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrod4</td>
+    <td align="center" style="background-color:rgb(139, 129, 76)">LightGoldenrod4</td>
+    <td align="left">rgb(139, 129, 76)</td>
+    <td align="left">#8B814C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrod1</td>
+    <td align="center" style="background-color:rgb(255, 236, 139)">LightGoldenrod1</td>
+    <td align="left">rgb(255, 236, 139)</td>
+    <td align="left">#FFEC8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrod3</td>
+    <td align="center" style="background-color:rgb(205, 190, 112)">LightGoldenrod3</td>
+    <td align="left">rgb(205, 190, 112)</td>
+    <td align="left">#CDBE70</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrod2</td>
+    <td align="center" style="background-color:rgb(238, 220, 130)">LightGoldenrod2</td>
+    <td align="left">rgb(238, 220, 130)</td>
+    <td align="left">#EEDC82</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cornsilk3</td>
+    <td align="center" style="background-color:rgb(205, 200, 177)">cornsilk3</td>
+    <td align="left">rgb(205, 200, 177)</td>
+    <td align="left">#CDC8B1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cornsilk2</td>
+    <td align="center" style="background-color:rgb(238, 232, 205)">cornsilk2</td>
+    <td align="left">rgb(238, 232, 205)</td>
+    <td align="left">#EEE8CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cornsilk</td>
+    <td align="center" style="background-color:rgb(255, 248, 220)">cornsilk</td>
+    <td align="left">rgb(255, 248, 220)</td>
+    <td align="left">#FFF8DC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cornsilk1</td>
+    <td align="center" style="background-color:rgb(255, 248, 220)">cornsilk1</td>
+    <td align="left">rgb(255, 248, 220)</td>
+    <td align="left">#FFF8DC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">goldenrod</td>
+    <td align="center" style="background-color:rgb(218, 165, 32)">goldenrod</td>
+    <td align="left">rgb(218, 165, 32)</td>
+    <td align="left">#DAA520</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">goldenrod1</td>
+    <td align="center" style="background-color:rgb(255, 193, 37)">goldenrod1</td>
+    <td align="left">rgb(255, 193, 37)</td>
+    <td align="left">#FFC125</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">goldenrod2</td>
+    <td align="center" style="background-color:rgb(238, 180, 34)">goldenrod2</td>
+    <td align="left">rgb(238, 180, 34)</td>
+    <td align="left">#EEB422</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">goldenrod3</td>
+    <td align="center" style="background-color:rgb(205, 155, 29)">goldenrod3</td>
+    <td align="left">rgb(205, 155, 29)</td>
+    <td align="left">#CD9B1D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">goldenrod4</td>
+    <td align="center" style="background-color:rgb(139, 105, 20)">goldenrod4</td>
+    <td align="left">rgb(139, 105, 20)</td>
+    <td align="left">#8B6914</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGoldenrod</td>
+    <td align="center" style="background-color:rgb(184, 134, 11)">DarkGoldenrod</td>
+    <td align="left">rgb(184, 134, 11)</td>
+    <td align="left">#B8860B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGoldenrod1</td>
+    <td align="center" style="background-color:rgb(255, 185, 15)">DarkGoldenrod1</td>
+    <td align="left">rgb(255, 185, 15)</td>
+    <td align="left">#FFB90F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGoldenrod2</td>
+    <td align="center" style="background-color:rgb(238, 173, 14)">DarkGoldenrod2</td>
+    <td align="left">rgb(238, 173, 14)</td>
+    <td align="left">#EEAD0E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGoldenrod3</td>
+    <td align="center" style="background-color:rgb(205, 149, 12)">DarkGoldenrod3</td>
+    <td align="left">rgb(205, 149, 12)</td>
+    <td align="left">#CD950C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGoldenrod4</td>
+    <td align="center" style="background-color:rgb(139, 101, 8)">DarkGoldenrod4</td>
+    <td align="left">rgb(139, 101,  8)</td>
+    <td align="left">#8B6508</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">FloralWhite</td>
+    <td align="center" style="background-color:rgb(255, 250, 240)">FloralWhite</td>
+    <td align="left">rgb(255, 250, 240)</td>
+    <td align="left">#FFFAF0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">wheat2</td>
+    <td align="center" style="background-color:rgb(238, 216, 174)">wheat2</td>
+    <td align="left">rgb(238, 216, 174)</td>
+    <td align="left">#EED8AE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OldLace</td>
+    <td align="center" style="background-color:rgb(253, 245, 230)">OldLace</td>
+    <td align="left">rgb(253, 245, 230)</td>
+    <td align="left">#FDF5E6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">wheat</td>
+    <td align="center" style="background-color:rgb(245, 222, 179)">wheat</td>
+    <td align="left">rgb(245, 222, 179)</td>
+    <td align="left">#F5DEB3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">wheat1</td>
+    <td align="center" style="background-color:rgb(255, 231, 186)">wheat1</td>
+    <td align="left">rgb(255, 231, 186)</td>
+    <td align="left">#FFE7BA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">wheat3</td>
+    <td align="center" style="background-color:rgb(205, 186, 150)">wheat3</td>
+    <td align="left">rgb(205, 186, 150)</td>
+    <td align="left">#CDBA96</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orange</td>
+    <td align="center" style="background-color:rgb(255, 165, 0)">orange</td>
+    <td align="left">rgb(255, 165,  0)</td>
+    <td align="left">#FFA500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orange1</td>
+    <td align="center" style="background-color:rgb(255, 165, 0)">orange1</td>
+    <td align="left">rgb(255, 165,  0)</td>
+    <td align="left">#FFA500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orange2</td>
+    <td align="center" style="background-color:rgb(238, 154, 0)">orange2</td>
+    <td align="left">rgb(238, 154,  0)</td>
+    <td align="left">#EE9A00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orange3</td>
+    <td align="center" style="background-color:rgb(205, 133, 0)">orange3</td>
+    <td align="left">rgb(205, 133,  0)</td>
+    <td align="left">#CD8500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orange4</td>
+    <td align="center" style="background-color:rgb(139, 90, 0)">orange4</td>
+    <td align="left">rgb(139, 90,   0)</td>
+    <td align="left">#8B5A00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">wheat4</td>
+    <td align="center" style="background-color:rgb(139, 126, 102)">wheat4</td>
+    <td align="left">rgb(139, 126, 102)</td>
+    <td align="left">#8B7E66</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">moccasin</td>
+    <td align="center" style="background-color:rgb(255, 228, 181)">moccasin</td>
+    <td align="left">rgb(255, 228, 181)</td>
+    <td align="left">#FFE4B5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PapayaWhip</td>
+    <td align="center" style="background-color:rgb(255, 239, 213)">PapayaWhip</td>
+    <td align="left">rgb(255, 239, 213)</td>
+    <td align="left">#FFEFD5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavajoWhite3</td>
+    <td align="center" style="background-color:rgb(205, 179, 139)">NavajoWhite3</td>
+    <td align="left">rgb(205, 179, 139)</td>
+    <td align="left">#CDB38B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">BlanchedAlmond</td>
+    <td align="center" style="background-color:rgb(255, 235, 205)">BlanchedAlmond</td>
+    <td align="left">rgb(255, 235, 205)</td>
+    <td align="left">#FFEBCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavajoWhite</td>
+    <td align="center" style="background-color:rgb(255, 222, 173)">NavajoWhite</td>
+    <td align="left">rgb(255, 222, 173)</td>
+    <td align="left">#FFDEAD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavajoWhite1</td>
+    <td align="center" style="background-color:rgb(255, 222, 173)">NavajoWhite1</td>
+    <td align="left">rgb(255, 222, 173)</td>
+    <td align="left">#FFDEAD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavajoWhite2</td>
+    <td align="center" style="background-color:rgb(238, 207, 161)">NavajoWhite2</td>
+    <td align="left">rgb(238, 207, 161)</td>
+    <td align="left">#EECFA1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavajoWhite4</td>
+    <td align="center" style="background-color:rgb(139, 121, 94)">NavajoWhite4</td>
+    <td align="left">rgb(139, 121, 94)</td>
+    <td align="left">#8B795E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AntiqueWhite4</td>
+    <td align="center" style="background-color:rgb(139, 131, 120)">AntiqueWhite4</td>
+    <td align="left">rgb(139, 131, 120)</td>
+    <td align="left">#8B8378</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AntiqueWhite</td>
+    <td align="center" style="background-color:rgb(250, 235, 215)">AntiqueWhite</td>
+    <td align="left">rgb(250, 235, 215)</td>
+    <td align="left">#FAEBD7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tan</td>
+    <td align="center" style="background-color:rgb(210, 180, 140)">tan</td>
+    <td align="left">rgb(210, 180, 140)</td>
+    <td align="left">#D2B48C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">bisque4</td>
+    <td align="center" style="background-color:rgb(139, 125, 107)">bisque4</td>
+    <td align="left">rgb(139, 125, 107)</td>
+    <td align="left">#8B7D6B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">burlywood</td>
+    <td align="center" style="background-color:rgb(222, 184, 135)">burlywood</td>
+    <td align="left">rgb(222, 184, 135)</td>
+    <td align="left">#DEB887</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AntiqueWhite2</td>
+    <td align="center" style="background-color:rgb(238, 223, 204)">AntiqueWhite2</td>
+    <td align="left">rgb(238, 223, 204)</td>
+    <td align="left">#EEDFCC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">burlywood1</td>
+    <td align="center" style="background-color:rgb(255, 211, 155)">burlywood1</td>
+    <td align="left">rgb(255, 211, 155)</td>
+    <td align="left">#FFD39B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">burlywood3</td>
+    <td align="center" style="background-color:rgb(205, 170, 125)">burlywood3</td>
+    <td align="left">rgb(205, 170, 125)</td>
+    <td align="left">#CDAA7D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">burlywood2</td>
+    <td align="center" style="background-color:rgb(238, 197, 145)">burlywood2</td>
+    <td align="left">rgb(238, 197, 145)</td>
+    <td align="left">#EEC591</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AntiqueWhite1</td>
+    <td align="center" style="background-color:rgb(255, 239, 219)">AntiqueWhite1</td>
+    <td align="left">rgb(255, 239, 219)</td>
+    <td align="left">#FFEFDB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">burlywood4</td>
+    <td align="center" style="background-color:rgb(139, 115, 85)">burlywood4</td>
+    <td align="left">rgb(139, 115, 85)</td>
+    <td align="left">#8B7355</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AntiqueWhite3</td>
+    <td align="center" style="background-color:rgb(205, 192, 176)">AntiqueWhite3</td>
+    <td align="left">rgb(205, 192, 176)</td>
+    <td align="left">#CDC0B0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrange</td>
+    <td align="center" style="background-color:rgb(255, 140, 0)">DarkOrange</td>
+    <td align="left">rgb(255, 140,  0)</td>
+    <td align="left">#FF8C00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">bisque2</td>
+    <td align="center" style="background-color:rgb(238, 213, 183)">bisque2</td>
+    <td align="left">rgb(238, 213, 183)</td>
+    <td align="left">#EED5B7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">bisque</td>
+    <td align="center" style="background-color:rgb(255, 228, 196)">bisque</td>
+    <td align="left">rgb(255, 228, 196)</td>
+    <td align="left">#FFE4C4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">bisque1</td>
+    <td align="center" style="background-color:rgb(255, 228, 196)">bisque1</td>
+    <td align="left">rgb(255, 228, 196)</td>
+    <td align="left">#FFE4C4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">bisque3</td>
+    <td align="center" style="background-color:rgb(205, 183, 158)">bisque3</td>
+    <td align="left">rgb(205, 183, 158)</td>
+    <td align="left">#CDB79E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrange1</td>
+    <td align="center" style="background-color:rgb(255, 127, 0)">DarkOrange1</td>
+    <td align="left">rgb(255, 127,  0)</td>
+    <td align="left">#FF7F00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">linen</td>
+    <td align="center" style="background-color:rgb(250, 240, 230)">linen</td>
+    <td align="left">rgb(250, 240, 230)</td>
+    <td align="left">#FAF0E6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrange2</td>
+    <td align="center" style="background-color:rgb(238, 118, 0)">DarkOrange2</td>
+    <td align="left">rgb(238, 118,  0)</td>
+    <td align="left">#EE7600</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrange3</td>
+    <td align="center" style="background-color:rgb(205, 102, 0)">DarkOrange3</td>
+    <td align="left">rgb(205, 102,  0)</td>
+    <td align="left">#CD6600</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrange4</td>
+    <td align="center" style="background-color:rgb(139, 69, 0)">DarkOrange4</td>
+    <td align="left">rgb(139, 69,   0)</td>
+    <td align="left">#8B4500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">peru</td>
+    <td align="center" style="background-color:rgb(205, 133, 63)">peru</td>
+    <td align="left">rgb(205, 133, 63)</td>
+    <td align="left">#CD853F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tan1</td>
+    <td align="center" style="background-color:rgb(255, 165, 79)">tan1</td>
+    <td align="left">rgb(255, 165, 79)</td>
+    <td align="left">#FFA54F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tan2</td>
+    <td align="center" style="background-color:rgb(238, 154, 73)">tan2</td>
+    <td align="left">rgb(238, 154, 73)</td>
+    <td align="left">#EE9A49</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tan3</td>
+    <td align="center" style="background-color:rgb(205, 133, 63)">tan3</td>
+    <td align="left">rgb(205, 133, 63)</td>
+    <td align="left">#CD853F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tan4</td>
+    <td align="center" style="background-color:rgb(139, 90, 43)">tan4</td>
+    <td align="left">rgb(139, 90,  43)</td>
+    <td align="left">#8B5A2B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PeachPuff</td>
+    <td align="center" style="background-color:rgb(255, 218, 185)">PeachPuff</td>
+    <td align="left">rgb(255, 218, 185)</td>
+    <td align="left">#FFDAB9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PeachPuff1</td>
+    <td align="center" style="background-color:rgb(255, 218, 185)">PeachPuff1</td>
+    <td align="left">rgb(255, 218, 185)</td>
+    <td align="left">#FFDAB9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PeachPuff4</td>
+    <td align="center" style="background-color:rgb(139, 119, 101)">PeachPuff4</td>
+    <td align="left">rgb(139, 119, 101)</td>
+    <td align="left">#8B7765</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PeachPuff2</td>
+    <td align="center" style="background-color:rgb(238, 203, 173)">PeachPuff2</td>
+    <td align="left">rgb(238, 203, 173)</td>
+    <td align="left">#EECBAD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PeachPuff3</td>
+    <td align="center" style="background-color:rgb(205, 175, 149)">PeachPuff3</td>
+    <td align="left">rgb(205, 175, 149)</td>
+    <td align="left">#CDAF95</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SandyBrown</td>
+    <td align="center" style="background-color:rgb(244, 164, 96)">SandyBrown</td>
+    <td align="left">rgb(244, 164, 96)</td>
+    <td align="left">#F4A460</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">seashell4</td>
+    <td align="center" style="background-color:rgb(139, 134, 130)">seashell4</td>
+    <td align="left">rgb(139, 134, 130)</td>
+    <td align="left">#8B8682</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">seashell2</td>
+    <td align="center" style="background-color:rgb(238, 229, 222)">seashell2</td>
+    <td align="left">rgb(238, 229, 222)</td>
+    <td align="left">#EEE5DE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">seashell3</td>
+    <td align="center" style="background-color:rgb(205, 197, 191)">seashell3</td>
+    <td align="left">rgb(205, 197, 191)</td>
+    <td align="left">#CDC5BF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chocolate</td>
+    <td align="center" style="background-color:rgb(210, 105, 30)">chocolate</td>
+    <td align="left">rgb(210, 105, 30)</td>
+    <td align="left">#D2691E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chocolate1</td>
+    <td align="center" style="background-color:rgb(255, 127, 36)">chocolate1</td>
+    <td align="left">rgb(255, 127, 36)</td>
+    <td align="left">#FF7F24</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chocolate2</td>
+    <td align="center" style="background-color:rgb(238, 118, 33)">chocolate2</td>
+    <td align="left">rgb(238, 118, 33)</td>
+    <td align="left">#EE7621</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chocolate3</td>
+    <td align="center" style="background-color:rgb(205, 102, 29)">chocolate3</td>
+    <td align="left">rgb(205, 102, 29)</td>
+    <td align="left">#CD661D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chocolate4</td>
+    <td align="center" style="background-color:rgb(139, 69, 19)">chocolate4</td>
+    <td align="left">rgb(139, 69,  19)</td>
+    <td align="left">#8B4513</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SaddleBrown</td>
+    <td align="center" style="background-color:rgb(139, 69, 19)">SaddleBrown</td>
+    <td align="left">rgb(139, 69,  19)</td>
+    <td align="left">#8B4513</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">seashell</td>
+    <td align="center" style="background-color:rgb(255, 245, 238)">seashell</td>
+    <td align="left">rgb(255, 245, 238)</td>
+    <td align="left">#FFF5EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">seashell1</td>
+    <td align="center" style="background-color:rgb(255, 245, 238)">seashell1</td>
+    <td align="left">rgb(255, 245, 238)</td>
+    <td align="left">#FFF5EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">sienna4</td>
+    <td align="center" style="background-color:rgb(139, 71, 38)">sienna4</td>
+    <td align="left">rgb(139, 71,  38)</td>
+    <td align="left">#8B4726</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">sienna</td>
+    <td align="center" style="background-color:rgb(160, 82, 45)">sienna</td>
+    <td align="left">rgb(160, 82,  45)</td>
+    <td align="left">#A0522D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">sienna1</td>
+    <td align="center" style="background-color:rgb(255, 130, 71)">sienna1</td>
+    <td align="left">rgb(255, 130, 71)</td>
+    <td align="left">#FF8247</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">sienna2</td>
+    <td align="center" style="background-color:rgb(238, 121, 66)">sienna2</td>
+    <td align="left">rgb(238, 121, 66)</td>
+    <td align="left">#EE7942</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">sienna3</td>
+    <td align="center" style="background-color:rgb(205, 104, 57)">sienna3</td>
+    <td align="left">rgb(205, 104, 57)</td>
+    <td align="left">#CD6839</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSalmon3</td>
+    <td align="center" style="background-color:rgb(205, 129, 98)">LightSalmon3</td>
+    <td align="left">rgb(205, 129, 98)</td>
+    <td align="left">#CD8162</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSalmon</td>
+    <td align="center" style="background-color:rgb(255, 160, 122)">LightSalmon</td>
+    <td align="left">rgb(255, 160, 122)</td>
+    <td align="left">#FFA07A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSalmon1</td>
+    <td align="center" style="background-color:rgb(255, 160, 122)">LightSalmon1</td>
+    <td align="left">rgb(255, 160, 122)</td>
+    <td align="left">#FFA07A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSalmon4</td>
+    <td align="center" style="background-color:rgb(139, 87, 66)">LightSalmon4</td>
+    <td align="left">rgb(139, 87,  66)</td>
+    <td align="left">#8B5742</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSalmon2</td>
+    <td align="center" style="background-color:rgb(238, 149, 114)">LightSalmon2</td>
+    <td align="left">rgb(238, 149, 114)</td>
+    <td align="left">#EE9572</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">coral</td>
+    <td align="center" style="background-color:rgb(255, 127, 80)">coral</td>
+    <td align="left">rgb(255, 127, 80)</td>
+    <td align="left">#FF7F50</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OrangeRed</td>
+    <td align="center" style="background-color:rgb(255, 69, 0)">OrangeRed</td>
+    <td align="left">rgb(255, 69,   0)</td>
+    <td align="left">#FF4500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OrangeRed1</td>
+    <td align="center" style="background-color:rgb(255, 69, 0)">OrangeRed1</td>
+    <td align="left">rgb(255, 69,   0)</td>
+    <td align="left">#FF4500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OrangeRed2</td>
+    <td align="center" style="background-color:rgb(238, 64, 0)">OrangeRed2</td>
+    <td align="left">rgb(238, 64,   0)</td>
+    <td align="left">#EE4000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OrangeRed3</td>
+    <td align="center" style="background-color:rgb(205, 55, 0)">OrangeRed3</td>
+    <td align="left">rgb(205, 55,   0)</td>
+    <td align="left">#CD3700</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OrangeRed4</td>
+    <td align="center" style="background-color:rgb(139, 37, 0)">OrangeRed4</td>
+    <td align="left">rgb(139, 37,   0)</td>
+    <td align="left">#8B2500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSalmon</td>
+    <td align="center" style="background-color:rgb(233, 150, 122)">DarkSalmon</td>
+    <td align="left">rgb(233, 150, 122)</td>
+    <td align="left">#E9967A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">salmon1</td>
+    <td align="center" style="background-color:rgb(255, 140, 105)">salmon1</td>
+    <td align="left">rgb(255, 140, 105)</td>
+    <td align="left">#FF8C69</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">salmon2</td>
+    <td align="center" style="background-color:rgb(238, 130, 98)">salmon2</td>
+    <td align="left">rgb(238, 130, 98)</td>
+    <td align="left">#EE8262</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">salmon3</td>
+    <td align="center" style="background-color:rgb(205, 112, 84)">salmon3</td>
+    <td align="left">rgb(205, 112, 84)</td>
+    <td align="left">#CD7054</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">salmon4</td>
+    <td align="center" style="background-color:rgb(139, 76, 57)">salmon4</td>
+    <td align="left">rgb(139, 76,  57)</td>
+    <td align="left">#8B4C39</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">coral1</td>
+    <td align="center" style="background-color:rgb(255, 114, 86)">coral1</td>
+    <td align="left">rgb(255, 114, 86)</td>
+    <td align="left">#FF7256</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">coral2</td>
+    <td align="center" style="background-color:rgb(238, 106, 80)">coral2</td>
+    <td align="left">rgb(238, 106, 80)</td>
+    <td align="left">#EE6A50</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">coral3</td>
+    <td align="center" style="background-color:rgb(205, 91, 69)">coral3</td>
+    <td align="left">rgb(205, 91,  69)</td>
+    <td align="left">#CD5B45</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">coral4</td>
+    <td align="center" style="background-color:rgb(139, 62, 47)">coral4</td>
+    <td align="left">rgb(139, 62,  47)</td>
+    <td align="left">#8B3E2F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tomato4</td>
+    <td align="center" style="background-color:rgb(139, 54, 38)">tomato4</td>
+    <td align="left">rgb(139, 54,  38)</td>
+    <td align="left">#8B3626</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tomato</td>
+    <td align="center" style="background-color:rgb(255, 99, 71)">tomato</td>
+    <td align="left">rgb(255, 99,  71)</td>
+    <td align="left">#FF6347</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tomato1</td>
+    <td align="center" style="background-color:rgb(255, 99, 71)">tomato1</td>
+    <td align="left">rgb(255, 99,  71)</td>
+    <td align="left">#FF6347</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tomato2</td>
+    <td align="center" style="background-color:rgb(238, 92, 66)">tomato2</td>
+    <td align="left">rgb(238, 92,  66)</td>
+    <td align="left">#EE5C42</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tomato3</td>
+    <td align="center" style="background-color:rgb(205, 79, 57)">tomato3</td>
+    <td align="left">rgb(205, 79,  57)</td>
+    <td align="left">#CD4F39</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MistyRose4</td>
+    <td align="center" style="background-color:rgb(139, 125, 123)">MistyRose4</td>
+    <td align="left">rgb(139, 125, 123)</td>
+    <td align="left">#8B7D7B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MistyRose2</td>
+    <td align="center" style="background-color:rgb(238, 213, 210)">MistyRose2</td>
+    <td align="left">rgb(238, 213, 210)</td>
+    <td align="left">#EED5D2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MistyRose</td>
+    <td align="center" style="background-color:rgb(255, 228, 225)">MistyRose</td>
+    <td align="left">rgb(255, 228, 225)</td>
+    <td align="left">#FFE4E1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MistyRose1</td>
+    <td align="center" style="background-color:rgb(255, 228, 225)">MistyRose1</td>
+    <td align="left">rgb(255, 228, 225)</td>
+    <td align="left">#FFE4E1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">salmon</td>
+    <td align="center" style="background-color:rgb(250, 128, 114)">salmon</td>
+    <td align="left">rgb(250, 128, 114)</td>
+    <td align="left">#FA8072</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MistyRose3</td>
+    <td align="center" style="background-color:rgb(205, 183, 181)">MistyRose3</td>
+    <td align="left">rgb(205, 183, 181)</td>
+    <td align="left">#CDB7B5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">white</td>
+    <td align="center" style="background-color:rgb(255, 255, 255)">white</td>
+    <td align="left">rgb(255, 255, 255)</td>
+    <td align="left">#FFFFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray100</td>
+    <td align="center" style="background-color:rgb(255, 255, 255)">gray100</td>
+    <td align="left">rgb(255, 255, 255)</td>
+    <td align="left">#FFFFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey100</td>
+    <td align="center" style="background-color:rgb(255, 255, 255)">grey100</td>
+    <td align="left">rgb(255, 255, 255)</td>
+    <td align="left">#FFFFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey100</td>
+    <td align="center" style="background-color:rgb(255, 255, 255)">grey100</td>
+    <td align="left">rgb(255, 255, 255)</td>
+    <td align="left">#FFFFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray99</td>
+    <td align="center" style="background-color:rgb(252, 252, 252)">gray99</td>
+    <td align="left">rgb(252, 252, 252)</td>
+    <td align="left">#FCFCFC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey99</td>
+    <td align="center" style="background-color:rgb(252, 252, 252)">grey99</td>
+    <td align="left">rgb(252, 252, 252)</td>
+    <td align="left">#FCFCFC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray98</td>
+    <td align="center" style="background-color:rgb(250, 250, 250)">gray98</td>
+    <td align="left">rgb(250, 250, 250)</td>
+    <td align="left">#FAFAFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey98</td>
+    <td align="center" style="background-color:rgb(250, 250, 250)">grey98</td>
+    <td align="left">rgb(250, 250, 250)</td>
+    <td align="left">#FAFAFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray97</td>
+    <td align="center" style="background-color:rgb(247, 247, 247)">gray97</td>
+    <td align="left">rgb(247, 247, 247)</td>
+    <td align="left">#F7F7F7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey97</td>
+    <td align="center" style="background-color:rgb(247, 247, 247)">grey97</td>
+    <td align="left">rgb(247, 247, 247)</td>
+    <td align="left">#F7F7F7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray96</td>
+    <td align="center" style="background-color:rgb(245, 245, 245)">gray96</td>
+    <td align="left">rgb(245, 245, 245)</td>
+    <td align="left">#F5F5F5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey96</td>
+    <td align="center" style="background-color:rgb(245, 245, 245)">grey96</td>
+    <td align="left">rgb(245, 245, 245)</td>
+    <td align="left">#F5F5F5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">WhiteSmoke</td>
+    <td align="center" style="background-color:rgb(245, 245, 245)">WhiteSmoke</td>
+    <td align="left">rgb(245, 245, 245)</td>
+    <td align="left">#F5F5F5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray95</td>
+    <td align="center" style="background-color:rgb(242, 242, 242)">gray95</td>
+    <td align="left">rgb(242, 242, 242)</td>
+    <td align="left">#F2F2F2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey95</td>
+    <td align="center" style="background-color:rgb(242, 242, 242)">grey95</td>
+    <td align="left">rgb(242, 242, 242)</td>
+    <td align="left">#F2F2F2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray94</td>
+    <td align="center" style="background-color:rgb(240, 240, 240)">gray94</td>
+    <td align="left">rgb(240, 240, 240)</td>
+    <td align="left">#F0F0F0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey94</td>
+    <td align="center" style="background-color:rgb(240, 240, 240)">grey94</td>
+    <td align="left">rgb(240, 240, 240)</td>
+    <td align="left">#F0F0F0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray93</td>
+    <td align="center" style="background-color:rgb(237, 237, 237)">gray93</td>
+    <td align="left">rgb(237, 237, 237)</td>
+    <td align="left">#EDEDED</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey93</td>
+    <td align="center" style="background-color:rgb(237, 237, 237)">grey93</td>
+    <td align="left">rgb(237, 237, 237)</td>
+    <td align="left">#EDEDED</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray92</td>
+    <td align="center" style="background-color:rgb(235, 235, 235)">gray92</td>
+    <td align="left">rgb(235, 235, 235)</td>
+    <td align="left">#EBEBEB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey92</td>
+    <td align="center" style="background-color:rgb(235, 235, 235)">grey92</td>
+    <td align="left">rgb(235, 235, 235)</td>
+    <td align="left">#EBEBEB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray91</td>
+    <td align="center" style="background-color:rgb(232, 232, 232)">gray91</td>
+    <td align="left">rgb(232, 232, 232)</td>
+    <td align="left">#E8E8E8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey91</td>
+    <td align="center" style="background-color:rgb(232, 232, 232)">grey91</td>
+    <td align="left">rgb(232, 232, 232)</td>
+    <td align="left">#E8E8E8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray90</td>
+    <td align="center" style="background-color:rgb(229, 229, 229)">gray90</td>
+    <td align="left">rgb(229, 229, 229)</td>
+    <td align="left">#E5E5E5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey90</td>
+    <td align="center" style="background-color:rgb(229, 229, 229)">grey90</td>
+    <td align="left">rgb(229, 229, 229)</td>
+    <td align="left">#E5E5E5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray89</td>
+    <td align="center" style="background-color:rgb(227, 227, 227)">gray89</td>
+    <td align="left">rgb(227, 227, 227)</td>
+    <td align="left">#E3E3E3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey89</td>
+    <td align="center" style="background-color:rgb(227, 227, 227)">grey89</td>
+    <td align="left">rgb(227, 227, 227)</td>
+    <td align="left">#E3E3E3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray88</td>
+    <td align="center" style="background-color:rgb(224, 224, 224)">gray88</td>
+    <td align="left">rgb(224, 224, 224)</td>
+    <td align="left">#E0E0E0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey88</td>
+    <td align="center" style="background-color:rgb(224, 224, 224)">grey88</td>
+    <td align="left">rgb(224, 224, 224)</td>
+    <td align="left">#E0E0E0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray87</td>
+    <td align="center" style="background-color:rgb(222, 222, 222)">gray87</td>
+    <td align="left">rgb(222, 222, 222)</td>
+    <td align="left">#DEDEDE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey87</td>
+    <td align="center" style="background-color:rgb(222, 222, 222)">grey87</td>
+    <td align="left">rgb(222, 222, 222)</td>
+    <td align="left">#DEDEDE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gainsboro</td>
+    <td align="center" style="background-color:rgb(220, 220, 220)">gainsboro</td>
+    <td align="left">rgb(220, 220, 220)</td>
+    <td align="left">#DCDCDC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray86</td>
+    <td align="center" style="background-color:rgb(219, 219, 219)">gray86</td>
+    <td align="left">rgb(219, 219, 219)</td>
+    <td align="left">#DBDBDB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey86</td>
+    <td align="center" style="background-color:rgb(219, 219, 219)">grey86</td>
+    <td align="left">rgb(219, 219, 219)</td>
+    <td align="left">#DBDBDB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray85</td>
+    <td align="center" style="background-color:rgb(217, 217, 217)">gray85</td>
+    <td align="left">rgb(217, 217, 217)</td>
+    <td align="left">#D9D9D9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey85</td>
+    <td align="center" style="background-color:rgb(217, 217, 217)">grey85</td>
+    <td align="left">rgb(217, 217, 217)</td>
+    <td align="left">#D9D9D9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray84</td>
+    <td align="center" style="background-color:rgb(214, 214, 214)">gray84</td>
+    <td align="left">rgb(214, 214, 214)</td>
+    <td align="left">#D6D6D6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey84</td>
+    <td align="center" style="background-color:rgb(214, 214, 214)">grey84</td>
+    <td align="left">rgb(214, 214, 214)</td>
+    <td align="left">#D6D6D6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray83</td>
+    <td align="center" style="background-color:rgb(212, 212, 212)">gray83</td>
+    <td align="left">rgb(212, 212, 212)</td>
+    <td align="left">#D4D4D4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey83</td>
+    <td align="center" style="background-color:rgb(212, 212, 212)">grey83</td>
+    <td align="left">rgb(212, 212, 212)</td>
+    <td align="left">#D4D4D4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGray</td>
+    <td align="center" style="background-color:rgb(211, 211, 211)">LightGray</td>
+    <td align="left">rgb(211, 211, 211)</td>
+    <td align="left">#D3D3D3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGrey</td>
+    <td align="center" style="background-color:rgb(211, 211, 211)">LightGrey</td>
+    <td align="left">rgb(211, 211, 211)</td>
+    <td align="left">#D3D3D3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray82</td>
+    <td align="center" style="background-color:rgb(209, 209, 209)">gray82</td>
+    <td align="left">rgb(209, 209, 209)</td>
+    <td align="left">#D1D1D1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey82</td>
+    <td align="center" style="background-color:rgb(209, 209, 209)">grey82</td>
+    <td align="left">rgb(209, 209, 209)</td>
+    <td align="left">#D1D1D1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray81</td>
+    <td align="center" style="background-color:rgb(207, 207, 207)">gray81</td>
+    <td align="left">rgb(207, 207, 207)</td>
+    <td align="left">#CFCFCF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey81</td>
+    <td align="center" style="background-color:rgb(207, 207, 207)">grey81</td>
+    <td align="left">rgb(207, 207, 207)</td>
+    <td align="left">#CFCFCF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray80</td>
+    <td align="center" style="background-color:rgb(204, 204, 204)">gray80</td>
+    <td align="left">rgb(204, 204, 204)</td>
+    <td align="left">#CCCCCC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey80</td>
+    <td align="center" style="background-color:rgb(204, 204, 204)">grey80</td>
+    <td align="left">rgb(204, 204, 204)</td>
+    <td align="left">#CCCCCC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray79</td>
+    <td align="center" style="background-color:rgb(201, 201, 201)">gray79</td>
+    <td align="left">rgb(201, 201, 201)</td>
+    <td align="left">#C9C9C9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey79</td>
+    <td align="center" style="background-color:rgb(201, 201, 201)">grey79</td>
+    <td align="left">rgb(201, 201, 201)</td>
+    <td align="left">#C9C9C9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray78</td>
+    <td align="center" style="background-color:rgb(199, 199, 199)">gray78</td>
+    <td align="left">rgb(199, 199, 199)</td>
+    <td align="left">#C7C7C7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey78</td>
+    <td align="center" style="background-color:rgb(199, 199, 199)">grey78</td>
+    <td align="left">rgb(199, 199, 199)</td>
+    <td align="left">#C7C7C7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray77</td>
+    <td align="center" style="background-color:rgb(196, 196, 196)">gray77</td>
+    <td align="left">rgb(196, 196, 196)</td>
+    <td align="left">#C4C4C4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey77</td>
+    <td align="center" style="background-color:rgb(196, 196, 196)">grey77</td>
+    <td align="left">rgb(196, 196, 196)</td>
+    <td align="left">#C4C4C4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray76</td>
+    <td align="center" style="background-color:rgb(194, 194, 194)">gray76</td>
+    <td align="left">rgb(194, 194, 194)</td>
+    <td align="left">#C2C2C2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey76</td>
+    <td align="center" style="background-color:rgb(194, 194, 194)">grey76</td>
+    <td align="left">rgb(194, 194, 194)</td>
+    <td align="left">#C2C2C2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">silver</td>
+    <td align="center" style="background-color:rgb(192, 192, 192)">silver</td>
+    <td align="left">rgb(192, 192, 192)</td>
+    <td align="left">#C0C0C0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray75</td>
+    <td align="center" style="background-color:rgb(191, 191, 191)">gray75</td>
+    <td align="left">rgb(191, 191, 191)</td>
+    <td align="left">#BFBFBF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey75</td>
+    <td align="center" style="background-color:rgb(191, 191, 191)">grey75</td>
+    <td align="left">rgb(191, 191, 191)</td>
+    <td align="left">#BFBFBF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray74</td>
+    <td align="center" style="background-color:rgb(189, 189, 189)">gray74</td>
+    <td align="left">rgb(189, 189, 189)</td>
+    <td align="left">#BDBDBD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey74</td>
+    <td align="center" style="background-color:rgb(189, 189, 189)">grey74</td>
+    <td align="left">rgb(189, 189, 189)</td>
+    <td align="left">#BDBDBD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray73</td>
+    <td align="center" style="background-color:rgb(186, 186, 186)">gray73</td>
+    <td align="left">rgb(186, 186, 186)</td>
+    <td align="left">#BABABA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey73</td>
+    <td align="center" style="background-color:rgb(186, 186, 186)">grey73</td>
+    <td align="left">rgb(186, 186, 186)</td>
+    <td align="left">#BABABA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray72</td>
+    <td align="center" style="background-color:rgb(184, 184, 184)">gray72</td>
+    <td align="left">rgb(184, 184, 184)</td>
+    <td align="left">#B8B8B8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey72</td>
+    <td align="center" style="background-color:rgb(184, 184, 184)">grey72</td>
+    <td align="left">rgb(184, 184, 184)</td>
+    <td align="left">#B8B8B8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray71</td>
+    <td align="center" style="background-color:rgb(181, 181, 181)">gray71</td>
+    <td align="left">rgb(181, 181, 181)</td>
+    <td align="left">#B5B5B5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey71</td>
+    <td align="center" style="background-color:rgb(181, 181, 181)">grey71</td>
+    <td align="left">rgb(181, 181, 181)</td>
+    <td align="left">#B5B5B5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray70</td>
+    <td align="center" style="background-color:rgb(179, 179, 179)">gray70</td>
+    <td align="left">rgb(179, 179, 179)</td>
+    <td align="left">#B3B3B3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey70</td>
+    <td align="center" style="background-color:rgb(179, 179, 179)">grey70</td>
+    <td align="left">rgb(179, 179, 179)</td>
+    <td align="left">#B3B3B3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray69</td>
+    <td align="center" style="background-color:rgb(176, 176, 176)">gray69</td>
+    <td align="left">rgb(176, 176, 176)</td>
+    <td align="left">#B0B0B0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey69</td>
+    <td align="center" style="background-color:rgb(176, 176, 176)">grey69</td>
+    <td align="left">rgb(176, 176, 176)</td>
+    <td align="left">#B0B0B0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray68</td>
+    <td align="center" style="background-color:rgb(173, 173, 173)">gray68</td>
+    <td align="left">rgb(173, 173, 173)</td>
+    <td align="left">#ADADAD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey68</td>
+    <td align="center" style="background-color:rgb(173, 173, 173)">grey68</td>
+    <td align="left">rgb(173, 173, 173)</td>
+    <td align="left">#ADADAD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray67</td>
+    <td align="center" style="background-color:rgb(171, 171, 171)">gray67</td>
+    <td align="left">rgb(171, 171, 171)</td>
+    <td align="left">#ABABAB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey67</td>
+    <td align="center" style="background-color:rgb(171, 171, 171)">grey67</td>
+    <td align="left">rgb(171, 171, 171)</td>
+    <td align="left">#ABABAB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGray</td>
+    <td align="center" style="background-color:rgb(169, 169, 169)">DarkGray</td>
+    <td align="left">rgb(169, 169, 169)</td>
+    <td align="left">#A9A9A9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGrey</td>
+    <td align="center" style="background-color:rgb(169, 169, 169)">DarkGrey</td>
+    <td align="left">rgb(169, 169, 169)</td>
+    <td align="left">#A9A9A9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray66</td>
+    <td align="center" style="background-color:rgb(168, 168, 168)">gray66</td>
+    <td align="left">rgb(168, 168, 168)</td>
+    <td align="left">#A8A8A8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey66</td>
+    <td align="center" style="background-color:rgb(168, 168, 168)">grey66</td>
+    <td align="left">rgb(168, 168, 168)</td>
+    <td align="left">#A8A8A8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray65</td>
+    <td align="center" style="background-color:rgb(166, 166, 166)">gray65</td>
+    <td align="left">rgb(166, 166, 166)</td>
+    <td align="left">#A6A6A6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey65</td>
+    <td align="center" style="background-color:rgb(166, 166, 166)">grey65</td>
+    <td align="left">rgb(166, 166, 166)</td>
+    <td align="left">#A6A6A6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray64</td>
+    <td align="center" style="background-color:rgb(163, 163, 163)">gray64</td>
+    <td align="left">rgb(163, 163, 163)</td>
+    <td align="left">#A3A3A3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey64</td>
+    <td align="center" style="background-color:rgb(163, 163, 163)">grey64</td>
+    <td align="left">rgb(163, 163, 163)</td>
+    <td align="left">#A3A3A3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray63</td>
+    <td align="center" style="background-color:rgb(161, 161, 161)">gray63</td>
+    <td align="left">rgb(161, 161, 161)</td>
+    <td align="left">#A1A1A1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey63</td>
+    <td align="center" style="background-color:rgb(161, 161, 161)">grey63</td>
+    <td align="left">rgb(161, 161, 161)</td>
+    <td align="left">#A1A1A1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray62</td>
+    <td align="center" style="background-color:rgb(158, 158, 158)">gray62</td>
+    <td align="left">rgb(158, 158, 158)</td>
+    <td align="left">#9E9E9E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey62</td>
+    <td align="center" style="background-color:rgb(158, 158, 158)">grey62</td>
+    <td align="left">rgb(158, 158, 158)</td>
+    <td align="left">#9E9E9E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray61</td>
+    <td align="center" style="background-color:rgb(156, 156, 156)">gray61</td>
+    <td align="left">rgb(156, 156, 156)</td>
+    <td align="left">#9C9C9C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey61</td>
+    <td align="center" style="background-color:rgb(156, 156, 156)">grey61</td>
+    <td align="left">rgb(156, 156, 156)</td>
+    <td align="left">#9C9C9C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray60</td>
+    <td align="center" style="background-color:rgb(153, 153, 153)">gray60</td>
+    <td align="left">rgb(153, 153, 153)</td>
+    <td align="left">#999999</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey60</td>
+    <td align="center" style="background-color:rgb(153, 153, 153)">grey60</td>
+    <td align="left">rgb(153, 153, 153)</td>
+    <td align="left">#999999</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray59</td>
+    <td align="center" style="background-color:rgb(150, 150, 150)">gray59</td>
+    <td align="left">rgb(150, 150, 150)</td>
+    <td align="left">#969696</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey59</td>
+    <td align="center" style="background-color:rgb(150, 150, 150)">grey59</td>
+    <td align="left">rgb(150, 150, 150)</td>
+    <td align="left">#969696</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray58</td>
+    <td align="center" style="background-color:rgb(148, 148, 148)">gray58</td>
+    <td align="left">rgb(148, 148, 148)</td>
+    <td align="left">#949494</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey58</td>
+    <td align="center" style="background-color:rgb(148, 148, 148)">grey58</td>
+    <td align="left">rgb(148, 148, 148)</td>
+    <td align="left">#949494</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray57</td>
+    <td align="center" style="background-color:rgb(145, 145, 145)">gray57</td>
+    <td align="left">rgb(145, 145, 145)</td>
+    <td align="left">#919191</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey57</td>
+    <td align="center" style="background-color:rgb(145, 145, 145)">grey57</td>
+    <td align="left">rgb(145, 145, 145)</td>
+    <td align="left">#919191</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray56</td>
+    <td align="center" style="background-color:rgb(143, 143, 143)">gray56</td>
+    <td align="left">rgb(143, 143, 143)</td>
+    <td align="left">#8F8F8F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey56</td>
+    <td align="center" style="background-color:rgb(143, 143, 143)">grey56</td>
+    <td align="left">rgb(143, 143, 143)</td>
+    <td align="left">#8F8F8F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray55</td>
+    <td align="center" style="background-color:rgb(140, 140, 140)">gray55</td>
+    <td align="left">rgb(140, 140, 140)</td>
+    <td align="left">#8C8C8C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey55</td>
+    <td align="center" style="background-color:rgb(140, 140, 140)">grey55</td>
+    <td align="left">rgb(140, 140, 140)</td>
+    <td align="left">#8C8C8C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray54</td>
+    <td align="center" style="background-color:rgb(138, 138, 138)">gray54</td>
+    <td align="left">rgb(138, 138, 138)</td>
+    <td align="left">#8A8A8A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey54</td>
+    <td align="center" style="background-color:rgb(138, 138, 138)">grey54</td>
+    <td align="left">rgb(138, 138, 138)</td>
+    <td align="left">#8A8A8A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray53</td>
+    <td align="center" style="background-color:rgb(135, 135, 135)">gray53</td>
+    <td align="left">rgb(135, 135, 135)</td>
+    <td align="left">#878787</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey53</td>
+    <td align="center" style="background-color:rgb(135, 135, 135)">grey53</td>
+    <td align="left">rgb(135, 135, 135)</td>
+    <td align="left">#878787</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray52</td>
+    <td align="center" style="background-color:rgb(133, 133, 133)">gray52</td>
+    <td align="left">rgb(133, 133, 133)</td>
+    <td align="left">#858585</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey52</td>
+    <td align="center" style="background-color:rgb(133, 133, 133)">grey52</td>
+    <td align="left">rgb(133, 133, 133)</td>
+    <td align="left">#858585</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray51</td>
+    <td align="center" style="background-color:rgb(130, 130, 130)">gray51</td>
+    <td align="left">rgb(130, 130, 130)</td>
+    <td align="left">#828282</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey51</td>
+    <td align="center" style="background-color:rgb(130, 130, 130)">grey51</td>
+    <td align="left">rgb(130, 130, 130)</td>
+    <td align="left">#828282</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">fractal</td>
+    <td align="center" style="background-color:rgb(128, 128, 128)">fractal</td>
+    <td align="left">rgb(128, 128, 128)</td>
+    <td align="left">#808080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray50</td>
+    <td align="center" style="background-color:rgb(127, 127, 127)">gray50</td>
+    <td align="left">rgb(127, 127, 127)</td>
+    <td align="left">#7F7F7F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey50</td>
+    <td align="center" style="background-color:rgb(127, 127, 127)">grey50</td>
+    <td align="left">rgb(127, 127, 127)</td>
+    <td align="left">#7F7F7F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray</td>
+    <td align="center" style="background-color:rgb(126, 126, 126)">gray</td>
+    <td align="left">rgb(126, 126, 126)</td>
+    <td align="left">#7E7E7E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray49</td>
+    <td align="center" style="background-color:rgb(125, 125, 125)">gray49</td>
+    <td align="left">rgb(125, 125, 125)</td>
+    <td align="left">#7D7D7D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey49</td>
+    <td align="center" style="background-color:rgb(125, 125, 125)">grey49</td>
+    <td align="left">rgb(125, 125, 125)</td>
+    <td align="left">#7D7D7D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray48</td>
+    <td align="center" style="background-color:rgb(122, 122, 122)">gray48</td>
+    <td align="left">rgb(122, 122, 122)</td>
+    <td align="left">#7A7A7A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey48</td>
+    <td align="center" style="background-color:rgb(122, 122, 122)">grey48</td>
+    <td align="left">rgb(122, 122, 122)</td>
+    <td align="left">#7A7A7A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray47</td>
+    <td align="center" style="background-color:rgb(120, 120, 120)">gray47</td>
+    <td align="left">rgb(120, 120, 120)</td>
+    <td align="left">#787878</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey47</td>
+    <td align="center" style="background-color:rgb(120, 120, 120)">grey47</td>
+    <td align="left">rgb(120, 120, 120)</td>
+    <td align="left">#787878</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray46</td>
+    <td align="center" style="background-color:rgb(117, 117, 117)">gray46</td>
+    <td align="left">rgb(117, 117, 117)</td>
+    <td align="left">#757575</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey46</td>
+    <td align="center" style="background-color:rgb(117, 117, 117)">grey46</td>
+    <td align="left">rgb(117, 117, 117)</td>
+    <td align="left">#757575</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray45</td>
+    <td align="center" style="background-color:rgb(115, 115, 115)">gray45</td>
+    <td align="left">rgb(115, 115, 115)</td>
+    <td align="left">#737373</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey45</td>
+    <td align="center" style="background-color:rgb(115, 115, 115)">grey45</td>
+    <td align="left">rgb(115, 115, 115)</td>
+    <td align="left">#737373</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray44</td>
+    <td align="center" style="background-color:rgb(112, 112, 112)">gray44</td>
+    <td align="left">rgb(112, 112, 112)</td>
+    <td align="left">#707070</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey44</td>
+    <td align="center" style="background-color:rgb(112, 112, 112)">grey44</td>
+    <td align="left">rgb(112, 112, 112)</td>
+    <td align="left">#707070</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray43</td>
+    <td align="center" style="background-color:rgb(110, 110, 110)">gray43</td>
+    <td align="left">rgb(110, 110, 110)</td>
+    <td align="left">#6E6E6E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey43</td>
+    <td align="center" style="background-color:rgb(110, 110, 110)">grey43</td>
+    <td align="left">rgb(110, 110, 110)</td>
+    <td align="left">#6E6E6E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray42</td>
+    <td align="center" style="background-color:rgb(107, 107, 107)">gray42</td>
+    <td align="left">rgb(107, 107, 107)</td>
+    <td align="left">#6B6B6B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey42</td>
+    <td align="center" style="background-color:rgb(107, 107, 107)">grey42</td>
+    <td align="left">rgb(107, 107, 107)</td>
+    <td align="left">#6B6B6B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DimGray</td>
+    <td align="center" style="background-color:rgb(105, 105, 105)">DimGray</td>
+    <td align="left">rgb(105, 105, 105)</td>
+    <td align="left">#696969</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DimGrey</td>
+    <td align="center" style="background-color:rgb(105, 105, 105)">DimGrey</td>
+    <td align="left">rgb(105, 105, 105)</td>
+    <td align="left">#696969</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray41</td>
+    <td align="center" style="background-color:rgb(105, 105, 105)">gray41</td>
+    <td align="left">rgb(105, 105, 105)</td>
+    <td align="left">#696969</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey41</td>
+    <td align="center" style="background-color:rgb(105, 105, 105)">grey41</td>
+    <td align="left">rgb(105, 105, 105)</td>
+    <td align="left">#696969</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray40</td>
+    <td align="center" style="background-color:rgb(102, 102, 102)">gray40</td>
+    <td align="left">rgb(102, 102, 102)</td>
+    <td align="left">#666666</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey40</td>
+    <td align="center" style="background-color:rgb(102, 102, 102)">grey40</td>
+    <td align="left">rgb(102, 102, 102)</td>
+    <td align="left">#666666</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray39</td>
+    <td align="center" style="background-color:rgb( 99, 99, 99)">gray39</td>
+    <td align="left">rgb( 99, 99,  99)</td>
+    <td align="left">#636363</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey39</td>
+    <td align="center" style="background-color:rgb( 99, 99, 99)">grey39</td>
+    <td align="left">rgb( 99, 99,  99)</td>
+    <td align="left">#636363</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray38</td>
+    <td align="center" style="background-color:rgb( 97, 97, 97)">gray38</td>
+    <td align="left">rgb( 97, 97,  97)</td>
+    <td align="left">#616161</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey38</td>
+    <td align="center" style="background-color:rgb( 97, 97, 97)">grey38</td>
+    <td align="left">rgb( 97, 97,  97)</td>
+    <td align="left">#616161</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray37</td>
+    <td align="center" style="background-color:rgb( 94, 94, 94)">gray37</td>
+    <td align="left">rgb( 94, 94,  94)</td>
+    <td align="left">#5E5E5E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey37</td>
+    <td align="center" style="background-color:rgb( 94, 94, 94)">grey37</td>
+    <td align="left">rgb( 94, 94,  94)</td>
+    <td align="left">#5E5E5E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray36</td>
+    <td align="center" style="background-color:rgb( 92, 92, 92)">gray36</td>
+    <td align="left">rgb( 92, 92,  92)</td>
+    <td align="left">#5C5C5C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey36</td>
+    <td align="center" style="background-color:rgb( 92, 92, 92)">grey36</td>
+    <td align="left">rgb( 92, 92,  92)</td>
+    <td align="left">#5C5C5C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray35</td>
+    <td align="center" style="background-color:rgb( 89, 89, 89)">gray35</td>
+    <td align="left">rgb( 89, 89,  89)</td>
+    <td align="left">#595959</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey35</td>
+    <td align="center" style="background-color:rgb( 89, 89, 89)">grey35</td>
+    <td align="left">rgb( 89, 89,  89)</td>
+    <td align="left">#595959</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray34</td>
+    <td align="center" style="background-color:rgb( 87, 87, 87)">gray34</td>
+    <td align="left">rgb( 87, 87,  87)</td>
+    <td align="left">#575757</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey34</td>
+    <td align="center" style="background-color:rgb( 87, 87, 87)">grey34</td>
+    <td align="left">rgb( 87, 87,  87)</td>
+    <td align="left">#575757</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray33</td>
+    <td align="center" style="background-color:rgb( 84, 84, 84)">gray33</td>
+    <td align="left">rgb( 84, 84,  84)</td>
+    <td align="left">#545454</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey33</td>
+    <td align="center" style="background-color:rgb( 84, 84, 84)">grey33</td>
+    <td align="left">rgb( 84, 84,  84)</td>
+    <td align="left">#545454</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray32</td>
+    <td align="center" style="background-color:rgb( 82, 82, 82)">gray32</td>
+    <td align="left">rgb( 82, 82,  82)</td>
+    <td align="left">#525252</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey32</td>
+    <td align="center" style="background-color:rgb( 82, 82, 82)">grey32</td>
+    <td align="left">rgb( 82, 82,  82)</td>
+    <td align="left">#525252</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray31</td>
+    <td align="center" style="background-color:rgb( 79, 79, 79)">gray31</td>
+    <td align="left">rgb( 79, 79,  79)</td>
+    <td align="left">#4F4F4F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey31</td>
+    <td align="center" style="background-color:rgb( 79, 79, 79)">grey31</td>
+    <td align="left">rgb( 79, 79,  79)</td>
+    <td align="left">#4F4F4F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray30</td>
+    <td align="center" style="background-color:rgb( 77, 77, 77)">gray30</td>
+    <td align="left">rgb( 77, 77,  77)</td>
+    <td align="left">#4D4D4D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey30</td>
+    <td align="center" style="background-color:rgb( 77, 77, 77)">grey30</td>
+    <td align="left">rgb( 77, 77,  77)</td>
+    <td align="left">#4D4D4D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray29</td>
+    <td align="center" style="background-color:rgb( 74, 74, 74)">gray29</td>
+    <td align="left">rgb( 74, 74,  74)</td>
+    <td align="left">#4A4A4A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey29</td>
+    <td align="center" style="background-color:rgb( 74, 74, 74)">grey29</td>
+    <td align="left">rgb( 74, 74,  74)</td>
+    <td align="left">#4A4A4A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray28</td>
+    <td align="center" style="background-color:rgb( 71, 71, 71)">gray28</td>
+    <td align="left">rgb( 71, 71,  71)</td>
+    <td align="left">#474747</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey28</td>
+    <td align="center" style="background-color:rgb( 71, 71, 71)">grey28</td>
+    <td align="left">rgb( 71, 71,  71)</td>
+    <td align="left">#474747</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray27</td>
+    <td align="center" style="background-color:rgb( 69, 69, 69)">gray27</td>
+    <td align="left">rgb( 69, 69,  69)</td>
+    <td align="left">#454545</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey27</td>
+    <td align="center" style="background-color:rgb( 69, 69, 69)">grey27</td>
+    <td align="left">rgb( 69, 69,  69)</td>
+    <td align="left">#454545</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray26</td>
+    <td align="center" style="background-color:rgb( 66, 66, 66)">gray26</td>
+    <td align="left">rgb( 66, 66,  66)</td>
+    <td align="left">#424242</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey26</td>
+    <td align="center" style="background-color:rgb( 66, 66, 66)">grey26</td>
+    <td align="left">rgb( 66, 66,  66)</td>
+    <td align="left">#424242</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray25</td>
+    <td align="center" style="background-color:rgb( 64, 64, 64)">gray25</td>
+    <td align="left">rgb( 64, 64,  64)</td>
+    <td align="left">#404040</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey25</td>
+    <td align="center" style="background-color:rgb( 64, 64, 64)">grey25</td>
+    <td align="left">rgb( 64, 64,  64)</td>
+    <td align="left">#404040</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray24</td>
+    <td align="center" style="background-color:rgb( 61, 61, 61)">gray24</td>
+    <td align="left">rgb( 61, 61,  61)</td>
+    <td align="left">#3D3D3D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey24</td>
+    <td align="center" style="background-color:rgb( 61, 61, 61)">grey24</td>
+    <td align="left">rgb( 61, 61,  61)</td>
+    <td align="left">#3D3D3D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray23</td>
+    <td align="center" style="background-color:rgb( 59, 59, 59)">gray23</td>
+    <td align="left">rgb( 59, 59,  59)</td>
+    <td align="left">#3B3B3B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey23</td>
+    <td align="center" style="background-color:rgb( 59, 59, 59)">grey23</td>
+    <td align="left">rgb( 59, 59,  59)</td>
+    <td align="left">#3B3B3B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray22</td>
+    <td align="center" style="background-color:rgb( 56, 56, 56)">gray22</td>
+    <td align="left">rgb( 56, 56,  56)</td>
+    <td align="left">#383838</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey22</td>
+    <td align="center" style="background-color:rgb( 56, 56, 56)">grey22</td>
+    <td align="left">rgb( 56, 56,  56)</td>
+    <td align="left">#383838</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray21</td>
+    <td align="center" style="background-color:rgb( 54, 54, 54)">gray21</td>
+    <td align="left">rgb( 54, 54,  54)</td>
+    <td align="left">#363636</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey21</td>
+    <td align="center" style="background-color:rgb( 54, 54, 54)">grey21</td>
+    <td align="left">rgb( 54, 54,  54)</td>
+    <td align="left">#363636</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray20</td>
+    <td align="center" style="background-color:rgb( 51, 51, 51)">gray20</td>
+    <td align="left">rgb( 51, 51,  51)</td>
+    <td align="left">#333333</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey20</td>
+    <td align="center" style="background-color:rgb( 51, 51, 51)">grey20</td>
+    <td align="left">rgb( 51, 51,  51)</td>
+    <td align="left">#333333</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray19</td>
+    <td align="center" style="background-color:rgb( 48, 48, 48)">gray19</td>
+    <td align="left">rgb( 48, 48,  48)</td>
+    <td align="left">#303030</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey19</td>
+    <td align="center" style="background-color:rgb( 48, 48, 48)">grey19</td>
+    <td align="left">rgb( 48, 48,  48)</td>
+    <td align="left">#303030</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray18</td>
+    <td align="center" style="background-color:rgb( 46, 46, 46)">gray18</td>
+    <td align="left">rgb( 46, 46,  46)</td>
+    <td align="left">#2E2E2E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey18</td>
+    <td align="center" style="background-color:rgb( 46, 46, 46)">grey18</td>
+    <td align="left">rgb( 46, 46,  46)</td>
+    <td align="left">#2E2E2E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray17</td>
+    <td align="center" style="background-color:rgb( 43, 43, 43)">gray17</td>
+    <td align="left">rgb( 43, 43,  43)</td>
+    <td align="left">#2B2B2B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey17</td>
+    <td align="center" style="background-color:rgb( 43, 43, 43)">grey17</td>
+    <td align="left">rgb( 43, 43,  43)</td>
+    <td align="left">#2B2B2B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray16</td>
+    <td align="center" style="background-color:rgb( 41, 41, 41)">gray16</td>
+    <td align="left">rgb( 41, 41,  41)</td>
+    <td align="left">#292929</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey16</td>
+    <td align="center" style="background-color:rgb( 41, 41, 41)">grey16</td>
+    <td align="left">rgb( 41, 41,  41)</td>
+    <td align="left">#292929</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray15</td>
+    <td align="center" style="background-color:rgb( 38, 38, 38)">gray15</td>
+    <td align="left">rgb( 38, 38,  38)</td>
+    <td align="left">#262626</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey15</td>
+    <td align="center" style="background-color:rgb( 38, 38, 38)">grey15</td>
+    <td align="left">rgb( 38, 38,  38)</td>
+    <td align="left">#262626</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray14</td>
+    <td align="center" style="background-color:rgb( 36, 36, 36)">gray14</td>
+    <td align="left">rgb( 36, 36,  36)</td>
+    <td align="left">#242424</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey14</td>
+    <td align="center" style="background-color:rgb( 36, 36, 36)">grey14</td>
+    <td align="left">rgb( 36, 36,  36)</td>
+    <td align="left">#242424</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray13</td>
+    <td align="center" style="background-color:rgb( 33, 33, 33)">gray13</td>
+    <td align="left">rgb( 33, 33,  33)</td>
+    <td align="left">#212121</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey13</td>
+    <td align="center" style="background-color:rgb( 33, 33, 33)">grey13</td>
+    <td align="left">rgb( 33, 33,  33)</td>
+    <td align="left">#212121</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray12</td>
+    <td align="center" style="background-color:rgb( 31, 31, 31)">gray12</td>
+    <td align="left">rgb( 31, 31,  31)</td>
+    <td align="left">#1F1F1F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey12</td>
+    <td align="center" style="background-color:rgb( 31, 31, 31)">grey12</td>
+    <td align="left">rgb( 31, 31,  31)</td>
+    <td align="left">#1F1F1F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray11</td>
+    <td align="center" style="background-color:rgb( 28, 28, 28)">gray11</td>
+    <td align="left">rgb( 28, 28,  28)</td>
+    <td align="left">#1C1C1C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey11</td>
+    <td align="center" style="background-color:rgb( 28, 28, 28)">grey11</td>
+    <td align="left">rgb( 28, 28,  28)</td>
+    <td align="left">#1C1C1C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray10</td>
+    <td align="center" style="background-color:rgb( 26, 26, 26)">gray10</td>
+    <td align="left">rgb( 26, 26,  26)</td>
+    <td align="left">#1A1A1A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey10</td>
+    <td align="center" style="background-color:rgb( 26, 26, 26)">grey10</td>
+    <td align="left">rgb( 26, 26,  26)</td>
+    <td align="left">#1A1A1A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray9</td>
+    <td align="center" style="background-color:rgb( 23, 23, 23)">gray9</td>
+    <td align="left">rgb( 23, 23,  23)</td>
+    <td align="left">#171717</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey9</td>
+    <td align="center" style="background-color:rgb( 23, 23, 23)">grey9</td>
+    <td align="left">rgb( 23, 23,  23)</td>
+    <td align="left">#171717</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray8</td>
+    <td align="center" style="background-color:rgb( 20, 20, 20)">gray8</td>
+    <td align="left">rgb( 20, 20,  20)</td>
+    <td align="left">#141414</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey8</td>
+    <td align="center" style="background-color:rgb( 20, 20, 20)">grey8</td>
+    <td align="left">rgb( 20, 20,  20)</td>
+    <td align="left">#141414</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray7</td>
+    <td align="center" style="background-color:rgb( 18, 18, 18)">gray7</td>
+    <td align="left">rgb( 18, 18,  18)</td>
+    <td align="left">#121212</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey7</td>
+    <td align="center" style="background-color:rgb( 18, 18, 18)">grey7</td>
+    <td align="left">rgb( 18, 18,  18)</td>
+    <td align="left">#121212</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray6</td>
+    <td align="center" style="background-color:rgb( 15, 15, 15)">gray6</td>
+    <td align="left">rgb( 15, 15,  15)</td>
+    <td align="left">#0F0F0F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey6</td>
+    <td align="center" style="background-color:rgb( 15, 15, 15)">grey6</td>
+    <td align="left">rgb( 15, 15,  15)</td>
+    <td align="left">#0F0F0F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray5</td>
+    <td align="center" style="background-color:rgb( 13, 13, 13)">gray5</td>
+    <td align="left">rgb( 13, 13,  13)</td>
+    <td align="left">#0D0D0D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey5</td>
+    <td align="center" style="background-color:rgb( 13, 13, 13)">grey5</td>
+    <td align="left">rgb( 13, 13,  13)</td>
+    <td align="left">#0D0D0D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray4</td>
+    <td align="center" style="background-color:rgb( 10, 10, 10)">gray4</td>
+    <td align="left">rgb( 10, 10,  10)</td>
+    <td align="left">#0A0A0A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey4</td>
+    <td align="center" style="background-color:rgb( 10, 10, 10)">grey4</td>
+    <td align="left">rgb( 10, 10,  10)</td>
+    <td align="left">#0A0A0A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray3</td>
+    <td align="center" style="background-color:rgb( 8, 8, 8)">gray3</td>
+    <td align="left">rgb(  8,  8,   8)</td>
+    <td align="left">#080808</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey3</td>
+    <td align="center" style="background-color:rgb( 8, 8, 8)">grey3</td>
+    <td align="left">rgb(  8,  8,   8)</td>
+    <td align="left">#080808</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray2</td>
+    <td align="center" style="background-color:rgb( 5, 5, 5)">gray2</td>
+    <td align="left">rgb(  5,  5,   5)</td>
+    <td align="left">#050505</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey2</td>
+    <td align="center" style="background-color:rgb( 5, 5, 5)">grey2</td>
+    <td align="left">rgb(  5,  5,   5)</td>
+    <td align="left">#050505</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray1</td>
+    <td align="center" style="background-color:rgb( 3, 3, 3)">gray1</td>
+    <td align="left">rgb(  3,  3,   3)</td>
+    <td align="left">#030303</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey1</td>
+    <td align="center" style="background-color:rgb( 3, 3, 3)">grey1</td>
+    <td align="left">rgb(  3,  3,   3)</td>
+    <td align="left">#030303</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">black</td>
+    <td align="center" style="background-color:rgb( 0, 0, 0)">black</td>
+    <td align="left">rgb(  0,  0,   0)</td>
+    <td align="left">#000000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray0</td>
+    <td align="center" style="background-color:rgb( 0, 0, 0)">gray0</td>
+    <td align="left">rgb(  0,  0,   0)</td>
+    <td align="left">#000000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey0</td>
+    <td align="center" style="background-color:rgb( 0, 0, 0)">grey0</td>
+    <td align="left">rgb(  0,  0,   0)</td>
+    <td align="left">#000000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">opaque</td>
+    <td align="center" style="background-color:rgb( 0, 0, 0)">opaque</td>
+    <td align="left">rgb(  0,  0,   0)</td>
+    <td align="left">#000000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">none</td>
+    <td align="center" style="background-color:white">none</td>
+    <td align="left">rgba(  0,  0,   0,   0.0)</td>
+    <td align="left">#00000000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">transparent</td>
+    <td align="center" style="background-color:white">transparent</td>
+    <td align="left">rgba(  0,  0,   0,   0.0)</td>
+    <td align="left">#00000000</td>
+
+  </tr>
+
+  </tbody>
+</table>
+
+</div>
+
+</div>
+
+</body></html>
diff --git a/frontend/imgrid/colors/colors/junk/colorsbest.html b/frontend/imgrid/colors/colors/junk/colorsbest.html
new file mode 100755
index 0000000..047eb6b
--- /dev/null
+++ b/frontend/imgrid/colors/colors/junk/colorsbest.html
@@ -0,0 +1,3606 @@
+<html>
+<head>
+
+<style type='text/css'>
+
+body
+{
+max-width:100%;
+max-height:100%; 
+font-family:helvetica; 
+font-size:10px; 
+}
+
+
+#container div
+{
+display: -moz-inline-stack;
+display:inline-block;
+vertical-align:bottom;
+min-height: 30px;
+zoom: 1;
+*display: inline;
+cursor:pointer;
+}
+
+#container
+{
+margin:0 auto;
+width:600px;
+padding-top:100px;
+text-align:center;
+}
+
+#colornames
+{
+color:white;
+position:fixed;
+font-size:50px;
+top:50px;
+right:60%;
+width:400px;
+}
+
+#hexswitch
+		{
+		position:fixed;
+		top:20px;
+		right:10%;
+		height:100px;
+		width:300px;
+		font-size:20px
+		border-style: groove;
+		border-width: 4px;
+		background-color:goldenrod;
+		text-align:center;
+		}
+#infoswitch
+		{
+		position:fixed;
+		top: 60px;
+		right:50%;
+		font-size:20px;
+		background-color:magenta;
+		text-align:center;
+		z-index:100;
+		}
+
+#namespace
+		{
+		position:fixed;
+		top:500px;
+		right:20px;
+		}
+
+
+
+#d0
+{background-color:#FFFAFA}
+
+#d1
+{background-color:#FFFAFA}
+
+#d2
+{background-color:#EEE9E9}
+
+#d3
+{background-color:#FFC1C1}
+
+#d4
+{background-color:#EEB4B4}
+
+#d5
+{background-color:#CDC9C9}
+
+#d6
+{background-color:#F08080}
+
+#d7
+{background-color:#FF6A6A}
+
+#d8
+{background-color:#CD9B9B}
+
+#d9
+{background-color:#EE6363}
+
+#d10
+{background-color:#BC8F8F}
+
+#d11
+{background-color:#FF4040}
+
+#d12
+{background-color:#FF3030}
+
+#d13
+{background-color:#EE3B3B}
+
+#d14
+{background-color:#CD5C5C}
+
+#d15
+{background-color:#CD5555}
+
+#d16
+{background-color:#EE2C2C}
+
+#d17
+{background-color:#8B8989}
+
+#d18
+{background-color:#CD3333}
+
+#d19
+{background-color:#FF0000}
+
+#d20
+{background-color:#FF0000}
+
+#d21
+{background-color:#8B6969}
+
+#d22
+{background-color:#CD2626}
+
+#d23
+{background-color:#EE0000}
+
+#d24
+{background-color:#B22222}
+
+#d25
+{background-color:#A52A2A}
+
+#d26
+{background-color:#CD0000}
+
+#d27
+{background-color:#8B3A3A}
+
+#d28
+{background-color:#8B2323}
+
+#d29
+{background-color:#8B1A1A}
+
+#d30
+{background-color:#8B0000}
+
+#d31
+{background-color:#8B0000}
+
+#d32
+{background-color:#800000}
+
+#d33
+{background-color:#FFAEB9}
+
+#d34
+{background-color:#CD8C95}
+
+#d35
+{background-color:#8B5F65}
+
+#d36
+{background-color:#EEA2AD}
+
+#d37
+{background-color:#FFB6C1}
+
+#d38
+{background-color:#FFC0CB}
+
+#d39
+{background-color:#DC143C}
+
+#d40
+{background-color:#FFB5C5}
+
+#d41
+{background-color:#EEA9B8}
+
+#d42
+{background-color:#CD919E}
+
+#d43
+{background-color:#8B636C}
+
+#d44
+{background-color:#8B475D}
+
+#d45
+{background-color:#DB7093}
+
+#d46
+{background-color:#EE799F}
+
+#d47
+{background-color:#FF82AB}
+
+#d48
+{background-color:#CD6889}
+
+#d49
+{background-color:#FFF0F5}
+
+#d50
+{background-color:#FFF0F5}
+
+#d51
+{background-color:#CDC1C5}
+
+#d52
+{background-color:#EEE0E5}
+
+#d53
+{background-color:#8B8386}
+
+#d54
+{background-color:#B03060}
+
+#d55
+{background-color:#CD6090}
+
+#d56
+{background-color:#CD3278}
+
+#d57
+{background-color:#FF3E96}
+
+#d58
+{background-color:#EE3A8C}
+
+#d59
+{background-color:#8B2252}
+
+#d60
+{background-color:#EE6AA7}
+
+#d61
+{background-color:#FF6EB4}
+
+#d62
+{background-color:#8B3A62}
+
+#d63
+{background-color:#FF69B4}
+
+#d64
+{background-color:#FF1493}
+
+#d65
+{background-color:#FF1493}
+
+#d66
+{background-color:#EE1289}
+
+#d67
+{background-color:#CD1076}
+
+#d68
+{background-color:#8B0A50}
+
+#d69
+{background-color:#FF34B3}
+
+#d70
+{background-color:#EE30A7}
+
+#d71
+{background-color:#CD2990}
+
+#d72
+{background-color:#8B1C62}
+
+#d73
+{background-color:#C71585}
+
+#d74
+{background-color:#D02090}
+
+#d75
+{background-color:#EE7AE9}
+
+#d76
+{background-color:#DA70D6}
+
+#d77
+{background-color:#FF83FA}
+
+#d78
+{background-color:#CD69C9}
+
+#d79
+{background-color:#8B4789}
+
+#d80
+{background-color:#FFE1FF}
+
+#d81
+{background-color:#EED2EE}
+
+#d82
+{background-color:#FFBBFF}
+
+#d83
+{background-color:#EEAEEE}
+
+#d84
+{background-color:#D8BFD8}
+
+#d85
+{background-color:#CDB5CD}
+
+#d86
+{background-color:#DDA0DD}
+
+#d87
+{background-color:#EE82EE}
+
+#d88
+{background-color:#CD96CD}
+
+#d89
+{background-color:#8B7B8B}
+
+#d90
+{background-color:#FF00FF}
+
+#d91
+{background-color:#FF00FF}
+
+#d92
+{background-color:#FF00FF}
+
+#d93
+{background-color:#8B668B}
+
+#d94
+{background-color:#EE00EE}
+
+#d95
+{background-color:#CD00CD}
+
+#d96
+{background-color:#8B008B}
+
+#d97
+{background-color:#8B008B}
+
+#d98
+{background-color:#800080}
+
+#d99
+{background-color:#BA55D3}
+
+#d100
+{background-color:#E066FF}
+
+#d101
+{background-color:#D15FEE}
+
+#d102
+{background-color:#B452CD}
+
+#d103
+{background-color:#7A378B}
+
+#d104
+{background-color:#9400D3}
+
+#d105
+{background-color:#9932CC}
+
+#d106
+{background-color:#BF3EFF}
+
+#d107
+{background-color:#9A32CD}
+
+#d108
+{background-color:#B23AEE}
+
+#d109
+{background-color:#68228B}
+
+#d110
+{background-color:#A020F0}
+
+#d111
+{background-color:#4B0082}
+
+#d112
+{background-color:#8A2BE2}
+
+#d113
+{background-color:#912CEE}
+
+#d114
+{background-color:#7D26CD}
+
+#d115
+{background-color:#551A8B}
+
+#d116
+{background-color:#9B30FF}
+
+#d117
+{background-color:#9370DB}
+
+#d118
+{background-color:#AB82FF}
+
+#d119
+{background-color:#9F79EE}
+
+#d120
+{background-color:#8968CD}
+
+#d121
+{background-color:#5D478B}
+
+#d122
+{background-color:#483D8B}
+
+#d123
+{background-color:#8470FF}
+
+#d124
+{background-color:#7B68EE}
+
+#d125
+{background-color:#6A5ACD}
+
+#d126
+{background-color:#836FFF}
+
+#d127
+{background-color:#7A67EE}
+
+#d128
+{background-color:#6959CD}
+
+#d129
+{background-color:#473C8B}
+
+#d130
+{background-color:#F8F8FF}
+
+#d131
+{background-color:#E6E6FA}
+
+#d132
+{background-color:#0000FF}
+
+#d133
+{background-color:#0000FF}
+
+#d134
+{background-color:#0000EE}
+
+#d135
+{background-color:#0000CD}
+
+#d136
+{background-color:#0000CD}
+
+#d137
+{background-color:#00008B}
+
+#d138
+{background-color:#00008B}
+
+#d139
+{background-color:#191970}
+
+#d140
+{background-color:#000080}
+
+#d141
+{background-color:#000080}
+
+#d142
+{background-color:#4169E1}
+
+#d143
+{background-color:#4876FF}
+
+#d144
+{background-color:#436EEE}
+
+#d145
+{background-color:#3A5FCD}
+
+#d146
+{background-color:#27408B}
+
+#d147
+{background-color:#6495ED}
+
+#d148
+{background-color:#B0C4DE}
+
+#d149
+{background-color:#CAE1FF}
+
+#d150
+{background-color:#BCD2EE}
+
+#d151
+{background-color:#A2B5CD}
+
+#d152
+{background-color:#6E7B8B}
+
+#d153
+{background-color:#6C7B8B}
+
+#d154
+{background-color:#C6E2FF}
+
+#d155
+{background-color:#B9D3EE}
+
+#d156
+{background-color:#9FB6CD}
+
+#d157
+{background-color:#778899}
+
+#d158
+{background-color:#778899}
+
+#d159
+{background-color:#708090}
+
+#d160
+{background-color:#708090}
+
+#d161
+{background-color:#1E90FF}
+
+#d162
+{background-color:#1E90FF}
+
+#d163
+{background-color:#1C86EE}
+
+#d164
+{background-color:#104E8B}
+
+#d165
+{background-color:#1874CD}
+
+#d166
+{background-color:#F0F8FF}
+
+#d167
+{background-color:#36648B}
+
+#d168
+{background-color:#4682B4}
+
+#d169
+{background-color:#63B8FF}
+
+#d170
+{background-color:#5CACEE}
+
+#d171
+{background-color:#4F94CD}
+
+#d172
+{background-color:#4A708B}
+
+#d173
+{background-color:#87CEFF}
+
+#d174
+{background-color:#7EC0EE}
+
+#d175
+{background-color:#6CA6CD}
+
+#d176
+{background-color:#87CEFA}
+
+#d177
+{background-color:#607B8B}
+
+#d178
+{background-color:#B0E2FF}
+
+#d179
+{background-color:#A4D3EE}
+
+#d180
+{background-color:#8DB6CD}
+
+#d181
+{background-color:#87CEEB}
+
+#d182
+{background-color:#9AC0CD}
+
+#d183
+{background-color:#00BFFF}
+
+#d184
+{background-color:#00BFFF}
+
+#d185
+{background-color:#00B2EE}
+
+#d186
+{background-color:#00688B}
+
+#d187
+{background-color:#009ACD}
+
+#d188
+{background-color:#BFEFFF}
+
+#d189
+{background-color:#B2DFEE}
+
+#d190
+{background-color:#ADD8E6}
+
+#d191
+{background-color:#68838B}
+
+#d192
+{background-color:#B0E0E6}
+
+#d193
+{background-color:#98F5FF}
+
+#d194
+{background-color:#8EE5EE}
+
+#d195
+{background-color:#7AC5CD}
+
+#d196
+{background-color:#53868B}
+
+#d197
+{background-color:#00F5FF}
+
+#d198
+{background-color:#00E5EE}
+
+#d199
+{background-color:#00C5CD}
+
+#d200
+{background-color:#00868B}
+
+#d201
+{background-color:#5F9EA0}
+
+#d202
+{background-color:#5F9EA0}
+
+#d203
+{background-color:#00CED1}
+
+#d204
+{background-color:#F0FFFF}
+
+#d205
+{background-color:#F0FFFF}
+
+#d206
+{background-color:#E0FFFF}
+
+#d207
+{background-color:#E0FFFF}
+
+#d208
+{background-color:#E0EEEE}
+
+#d209
+{background-color:#D1EEEE}
+
+#d210
+{background-color:#BBFFFF}
+
+#d211
+{background-color:#AFEEEE}
+
+#d212
+{background-color:#AEEEEE}
+
+#d213
+{background-color:#97FFFF}
+
+#d214
+{background-color:#C1CDCD}
+
+#d215
+{background-color:#B4CDCD}
+
+#d216
+{background-color:#8DEEEE}
+
+#d217
+{background-color:#96CDCD}
+
+#d218
+{background-color:#79CDCD}
+
+#d219
+{background-color:#838B8B}
+
+#d220
+{background-color:#7A8B8B}
+
+#d221
+{background-color:#00FFFF}
+
+#d222
+{background-color:#00FFFF}
+
+#d223
+{background-color:#00FFFF}
+
+#d224
+{background-color:#668B8B}
+
+#d225
+{background-color:#00EEEE}
+
+#d226
+{background-color:#528B8B}
+
+#d227
+{background-color:#00CDCD}
+
+#d228
+{background-color:#008B8B}
+
+#d229
+{background-color:#008B8B}
+
+#d230
+{background-color:#008080}
+
+#d231
+{background-color:#2F4F4F}
+
+#d232
+{background-color:#2F4F4F}
+
+#d233
+{background-color:#48D1CC}
+
+#d234
+{background-color:#20B2AA}
+
+#d235
+{background-color:#40E0D0}
+
+#d236
+{background-color:#458B74}
+
+#d237
+{background-color:#7FFFD4}
+
+#d238
+{background-color:#7FFFD4}
+
+#d239
+{background-color:#76EEC6}
+
+#d240
+{background-color:#66CDAA}
+
+#d241
+{background-color:#66CDAA}
+
+#d242
+{background-color:#00FA9A}
+
+#d243
+{background-color:#F5FFFA}
+
+#d244
+{background-color:#00FF7F}
+
+#d245
+{background-color:#00FF7F}
+
+#d246
+{background-color:#00EE76}
+
+#d247
+{background-color:#00CD66}
+
+#d248
+{background-color:#008B45}
+
+#d249
+{background-color:#3CB371}
+
+#d250
+{background-color:#2E8B57}
+
+#d251
+{background-color:#43CD80}
+
+#d252
+{background-color:#54FF9F}
+
+#d253
+{background-color:#2E8B57}
+
+#d254
+{background-color:#4EEE94}
+
+#d255
+{background-color:#32814B}
+
+#d256
+{background-color:#F0FFF0}
+
+#d257
+{background-color:#F0FFF0}
+
+#d258
+{background-color:#E0EEE0}
+
+#d259
+{background-color:#C1FFC1}
+
+#d260
+{background-color:#B4EEB4}
+
+#d261
+{background-color:#9AFF9A}
+
+#d262
+{background-color:#98FB98}
+
+#d263
+{background-color:#C1CDC1}
+
+#d264
+{background-color:#90EE90}
+
+#d265
+{background-color:#90EE90}
+
+#d266
+{background-color:#9BCD9B}
+
+#d267
+{background-color:#8FBC8F}
+
+#d268
+{background-color:#7CCD7C}
+
+#d269
+{background-color:#838B83}
+
+#d270
+{background-color:#00FF00}
+
+#d271
+{background-color:#00FF00}
+
+#d272
+{background-color:#32CD32}
+
+#d273
+{background-color:#698B69}
+
+#d274
+{background-color:#00EE00}
+
+#d275
+{background-color:#548B54}
+
+#d276
+{background-color:#00CD00}
+
+#d277
+{background-color:#228B22}
+
+#d278
+{background-color:#008B00}
+
+#d279
+{background-color:#008000}
+
+#d280
+{background-color:#006400}
+
+#d281
+{background-color:#7CFC00}
+
+#d282
+{background-color:#7FFF00}
+
+#d283
+{background-color:#7FFF00}
+
+#d284
+{background-color:#76EE00}
+
+#d285
+{background-color:#66CD00}
+
+#d286
+{background-color:#458B00}
+
+#d287
+{background-color:#ADFF2F}
+
+#d288
+{background-color:#A2CD5A}
+
+#d289
+{background-color:#CAFF70}
+
+#d290
+{background-color:#BCEE68}
+
+#d291
+{background-color:#6E8B3D}
+
+#d292
+{background-color:#556B2F}
+
+#d293
+{background-color:#6B8E23}
+
+#d294
+{background-color:#C0FF3E}
+
+#d295
+{background-color:#B3EE3A}
+
+#d296
+{background-color:#9ACD32}
+
+#d297
+{background-color:#9ACD32}
+
+#d298
+{background-color:#698B22}
+
+#d299
+{background-color:#FFFFF0}
+
+#d300
+{background-color:#FFFFF0}
+
+#d301
+{background-color:#FFFFE0}
+
+#d302
+{background-color:#FFFFE0}
+
+#d303
+{background-color:#F5F5DC}
+
+#d304
+{background-color:#EEEEE0}
+
+#d305
+{background-color:#FAFAD2}
+
+#d306
+{background-color:#EEEED1}
+
+#d307
+{background-color:#CDCDC1}
+
+#d308
+{background-color:#CDCDB4}
+
+#d309
+{background-color:#8B8B83}
+
+#d310
+{background-color:#8B8B7A}
+
+#d311
+{background-color:#FFFF00}
+
+#d312
+{background-color:#FFFF00}
+
+#d313
+{background-color:#EEEE00}
+
+#d314
+{background-color:#CDCD00}
+
+#d315
+{background-color:#8B8B00}
+
+#d316
+{background-color:#808000}
+
+#d317
+{background-color:#BDB76B}
+
+#d318
+{background-color:#EEE685}
+
+#d319
+{background-color:#8B8970}
+
+#d320
+{background-color:#FFF68F}
+
+#d321
+{background-color:#CDC673}
+
+#d322
+{background-color:#8B864E}
+
+#d323
+{background-color:#EEE8AA}
+
+#d324
+{background-color:#FFFACD}
+
+#d325
+{background-color:#FFFACD}
+
+#d326
+{background-color:#F0E68C}
+
+#d327
+{background-color:#CDC9A5}
+
+#d328
+{background-color:#EEE9BF}
+
+#d329
+{background-color:#D1C166}
+
+#d330
+{background-color:#8B8878}
+
+#d331
+{background-color:#FFD700}
+
+#d332
+{background-color:#FFD700}
+
+#d333
+{background-color:#EEC900}
+
+#d334
+{background-color:#CDAD00}
+
+#d335
+{background-color:#8B7500}
+
+#d336
+{background-color:#EEDD82}
+
+#d337
+{background-color:#8B814C}
+
+#d338
+{background-color:#FFEC8B}
+
+#d339
+{background-color:#CDBE70}
+
+#d340
+{background-color:#EEDC82}
+
+#d341
+{background-color:#CDC8B1}
+
+#d342
+{background-color:#EEE8CD}
+
+#d343
+{background-color:#FFF8DC}
+
+#d344
+{background-color:#FFF8DC}
+
+#d345
+{background-color:#DAA520}
+
+#d346
+{background-color:#FFC125}
+
+#d347
+{background-color:#EEB422}
+
+#d348
+{background-color:#CD9B1D}
+
+#d349
+{background-color:#8B6914}
+
+#d350
+{background-color:#B8860B}
+
+#d351
+{background-color:#FFB90F}
+
+#d352
+{background-color:#EEAD0E}
+
+#d353
+{background-color:#CD950C}
+
+#d354
+{background-color:#8B6508}
+
+#d355
+{background-color:#FFFAF0}
+
+#d356
+{background-color:#EED8AE}
+
+#d357
+{background-color:#FDF5E6}
+
+#d358
+{background-color:#F5DEB3}
+
+#d359
+{background-color:#FFE7BA}
+
+#d360
+{background-color:#CDBA96}
+
+#d361
+{background-color:#FFA500}
+
+#d362
+{background-color:#FFA500}
+
+#d363
+{background-color:#EE9A00}
+
+#d364
+{background-color:#CD8500}
+
+#d365
+{background-color:#8B5A00}
+
+#d366
+{background-color:#8B7E66}
+
+#d367
+{background-color:#FFE4B5}
+
+#d368
+{background-color:#FFEFD5}
+
+#d369
+{background-color:#CDB38B}
+
+#d370
+{background-color:#FFEBCD}
+
+#d371
+{background-color:#FFDEAD}
+
+#d372
+{background-color:#FFDEAD}
+
+#d373
+{background-color:#EECFA1}
+
+#d374
+{background-color:#8B795E}
+
+#d375
+{background-color:#8B8378}
+
+#d376
+{background-color:#FAEBD7}
+
+#d377
+{background-color:#D2B48C}
+
+#d378
+{background-color:#8B7D6B}
+
+#d379
+{background-color:#DEB887}
+
+#d380
+{background-color:#EEDFCC}
+
+#d381
+{background-color:#FFD39B}
+
+#d382
+{background-color:#CDAA7D}
+
+#d383
+{background-color:#EEC591}
+
+#d384
+{background-color:#FFEFDB}
+
+#d385
+{background-color:#8B7355}
+
+#d386
+{background-color:#CDC0B0}
+
+#d387
+{background-color:#FF8C00}
+
+#d388
+{background-color:#EED5B7}
+
+#d389
+{background-color:#FFE4C4}
+
+#d390
+{background-color:#FFE4C4}
+
+#d391
+{background-color:#CDB79E}
+
+#d392
+{background-color:#FF7F00}
+
+#d393
+{background-color:#FAF0E6}
+
+#d394
+{background-color:#EE7600}
+
+#d395
+{background-color:#CD6600}
+
+#d396
+{background-color:#8B4500}
+
+#d397
+{background-color:#CD853F}
+
+#d398
+{background-color:#FFA54F}
+
+#d399
+{background-color:#EE9A49}
+
+#d400
+{background-color:#CD853F}
+
+#d401
+{background-color:#8B5A2B}
+
+#d402
+{background-color:#FFDAB9}
+
+#d403
+{background-color:#FFDAB9}
+
+#d404
+{background-color:#8B7765}
+
+#d405
+{background-color:#EECBAD}
+
+#d406
+{background-color:#CDAF95}
+
+#d407
+{background-color:#F4A460}
+
+#d408
+{background-color:#8B8682}
+
+#d409
+{background-color:#EEE5DE}
+
+#d410
+{background-color:#CDC5BF}
+
+#d411
+{background-color:#D2691E}
+
+#d412
+{background-color:#FF7F24}
+
+#d413
+{background-color:#EE7621}
+
+#d414
+{background-color:#CD661D}
+
+#d415
+{background-color:#8B4513}
+
+#d416
+{background-color:#8B4513}
+
+#d417
+{background-color:#FFF5EE}
+
+#d418
+{background-color:#FFF5EE}
+
+#d419
+{background-color:#8B4726}
+
+#d420
+{background-color:#A0522D}
+
+#d421
+{background-color:#FF8247}
+
+#d422
+{background-color:#EE7942}
+
+#d423
+{background-color:#CD6839}
+
+#d424
+{background-color:#CD8162}
+
+#d425
+{background-color:#FFA07A}
+
+#d426
+{background-color:#FFA07A}
+
+#d427
+{background-color:#8B5742}
+
+#d428
+{background-color:#EE9572}
+
+#d429
+{background-color:#FF7F50}
+
+#d430
+{background-color:#FF4500}
+
+#d431
+{background-color:#FF4500}
+
+#d432
+{background-color:#EE4000}
+
+#d433
+{background-color:#CD3700}
+
+#d434
+{background-color:#8B2500}
+
+#d435
+{background-color:#E9967A}
+
+#d436
+{background-color:#FF8C69}
+
+#d437
+{background-color:#EE8262}
+
+#d438
+{background-color:#CD7054}
+
+#d439
+{background-color:#8B4C39}
+
+#d440
+{background-color:#FF7256}
+
+#d441
+{background-color:#EE6A50}
+
+#d442
+{background-color:#CD5B45}
+
+#d443
+{background-color:#8B3E2F}
+
+#d444
+{background-color:#8B3626}
+
+#d445
+{background-color:#FF6347}
+
+#d446
+{background-color:#FF6347}
+
+#d447
+{background-color:#EE5C42}
+
+#d448
+{background-color:#CD4F39}
+
+#d449
+{background-color:#8B7D7B}
+
+#d450
+{background-color:#EED5D2}
+
+#d451
+{background-color:#FFE4E1}
+
+#d452
+{background-color:#FFE4E1}
+
+#d453
+{background-color:#FA8072}
+
+#d454
+{background-color:#CDB7B5}
+
+#d455
+{background-color:#FFFFFF}
+
+#d456
+{background-color:#FFFFFF}
+
+#d457
+{background-color:#FFFFFF}
+
+#d458
+{background-color:#FFFFFF}
+
+#d459
+{background-color:#FCFCFC}
+
+#d460
+{background-color:#FCFCFC}
+
+#d461
+{background-color:#FAFAFA}
+
+#d462
+{background-color:#FAFAFA}
+
+#d463
+{background-color:#F7F7F7}
+
+#d464
+{background-color:#F7F7F7}
+
+#d465
+{background-color:#F5F5F5}
+
+#d466
+{background-color:#F5F5F5}
+
+#d467
+{background-color:#F5F5F5}
+
+#d468
+{background-color:#F2F2F2}
+
+#d469
+{background-color:#F2F2F2}
+
+#d470
+{background-color:#F0F0F0}
+
+#d471
+{background-color:#F0F0F0}
+
+#d472
+{background-color:#EDEDED}
+
+#d473
+{background-color:#EDEDED}
+
+#d474
+{background-color:#EBEBEB}
+
+#d475
+{background-color:#EBEBEB}
+
+#d476
+{background-color:#E8E8E8}
+
+#d477
+{background-color:#E8E8E8}
+
+#d478
+{background-color:#E5E5E5}
+
+#d479
+{background-color:#E5E5E5}
+
+#d480
+{background-color:#E3E3E3}
+
+#d481
+{background-color:#E3E3E3}
+
+#d482
+{background-color:#E0E0E0}
+
+#d483
+{background-color:#E0E0E0}
+
+#d484
+{background-color:#DEDEDE}
+
+#d485
+{background-color:#DEDEDE}
+
+#d486
+{background-color:#DCDCDC}
+
+#d487
+{background-color:#DBDBDB}
+
+#d488
+{background-color:#DBDBDB}
+
+#d489
+{background-color:#D9D9D9}
+
+#d490
+{background-color:#D9D9D9}
+
+#d491
+{background-color:#D6D6D6}
+
+#d492
+{background-color:#D6D6D6}
+
+#d493
+{background-color:#D4D4D4}
+
+#d494
+{background-color:#D4D4D4}
+
+#d495
+{background-color:#D3D3D3}
+
+#d496
+{background-color:#D3D3D3}
+
+#d497
+{background-color:#D1D1D1}
+
+#d498
+{background-color:#D1D1D1}
+
+#d499
+{background-color:#CFCFCF}
+
+#d500
+{background-color:#CFCFCF}
+
+#d501
+{background-color:#CCCCCC}
+
+#d502
+{background-color:#CCCCCC}
+
+#d503
+{background-color:#C9C9C9}
+
+#d504
+{background-color:#C9C9C9}
+
+#d505
+{background-color:#C7C7C7}
+
+#d506
+{background-color:#C7C7C7}
+
+#d507
+{background-color:#C4C4C4}
+
+#d508
+{background-color:#C4C4C4}
+
+#d509
+{background-color:#C2C2C2}
+
+#d510
+{background-color:#C2C2C2}
+
+#d511
+{background-color:#C0C0C0}
+
+#d512
+{background-color:#BFBFBF}
+
+#d513
+{background-color:#BFBFBF}
+
+#d514
+{background-color:#BDBDBD}
+
+#d515
+{background-color:#BDBDBD}
+
+#d516
+{background-color:#BABABA}
+
+#d517
+{background-color:#BABABA}
+
+#d518
+{background-color:#B8B8B8}
+
+#d519
+{background-color:#B8B8B8}
+
+#d520
+{background-color:#B5B5B5}
+
+#d521
+{background-color:#B5B5B5}
+
+#d522
+{background-color:#B3B3B3}
+
+#d523
+{background-color:#B3B3B3}
+
+#d524
+{background-color:#B0B0B0}
+
+#d525
+{background-color:#B0B0B0}
+
+#d526
+{background-color:#ADADAD}
+
+#d527
+{background-color:#ADADAD}
+
+#d528
+{background-color:#ABABAB}
+
+#d529
+{background-color:#ABABAB}
+
+#d530
+{background-color:#A9A9A9}
+
+#d531
+{background-color:#A9A9A9}
+
+#d532
+{background-color:#A8A8A8}
+
+#d533
+{background-color:#A8A8A8}
+
+#d534
+{background-color:#A6A6A6}
+
+#d535
+{background-color:#A6A6A6}
+
+#d536
+{background-color:#A3A3A3}
+
+#d537
+{background-color:#A3A3A3}
+
+#d538
+{background-color:#A1A1A1}
+
+#d539
+{background-color:#A1A1A1}
+
+#d540
+{background-color:#9E9E9E}
+
+#d541
+{background-color:#9E9E9E}
+
+#d542
+{background-color:#9C9C9C}
+
+#d543
+{background-color:#9C9C9C}
+
+#d544
+{background-color:#999999}
+
+#d545
+{background-color:#999999}
+
+#d546
+{background-color:#969696}
+
+#d547
+{background-color:#969696}
+
+#d548
+{background-color:#949494}
+
+#d549
+{background-color:#949494}
+
+#d550
+{background-color:#919191}
+
+#d551
+{background-color:#919191}
+
+#d552
+{background-color:#8F8F8F}
+
+#d553
+{background-color:#8F8F8F}
+
+#d554
+{background-color:#8C8C8C}
+
+#d555
+{background-color:#8C8C8C}
+
+#d556
+{background-color:#8A8A8A}
+
+#d557
+{background-color:#8A8A8A}
+
+#d558
+{background-color:#878787}
+
+#d559
+{background-color:#878787}
+
+#d560
+{background-color:#858585}
+
+#d561
+{background-color:#858585}
+
+#d562
+{background-color:#828282}
+
+#d563
+{background-color:#828282}
+
+#d564
+{background-color:#808080}
+
+#d565
+{background-color:#7F7F7F}
+
+#d566
+{background-color:#7F7F7F}
+
+#d567
+{background-color:#7E7E7E}
+
+#d568
+{background-color:#7D7D7D}
+
+#d569
+{background-color:#7D7D7D}
+
+#d570
+{background-color:#7A7A7A}
+
+#d571
+{background-color:#7A7A7A}
+
+#d572
+{background-color:#787878}
+
+#d573
+{background-color:#787878}
+
+#d574
+{background-color:#757575}
+
+#d575
+{background-color:#757575}
+
+#d576
+{background-color:#737373}
+
+#d577
+{background-color:#737373}
+
+#d578
+{background-color:#707070}
+
+#d579
+{background-color:#707070}
+
+#d580
+{background-color:#6E6E6E}
+
+#d581
+{background-color:#6E6E6E}
+
+#d582
+{background-color:#6B6B6B}
+
+#d583
+{background-color:#6B6B6B}
+
+#d584
+{background-color:#696969}
+
+#d585
+{background-color:#696969}
+
+#d586
+{background-color:#696969}
+
+#d587
+{background-color:#696969}
+
+#d588
+{background-color:#666666}
+
+#d589
+{background-color:#666666}
+
+#d590
+{background-color:#636363}
+
+#d591
+{background-color:#636363}
+
+#d592
+{background-color:#616161}
+
+#d593
+{background-color:#616161}
+
+#d594
+{background-color:#5E5E5E}
+
+#d595
+{background-color:#5E5E5E}
+
+#d596
+{background-color:#5C5C5C}
+
+#d597
+{background-color:#5C5C5C}
+
+#d598
+{background-color:#595959}
+
+#d599
+{background-color:#595959}
+
+#d600
+{background-color:#575757}
+
+#d601
+{background-color:#575757}
+
+#d602
+{background-color:#545454}
+
+#d603
+{background-color:#545454}
+
+#d604
+{background-color:#525252}
+
+#d605
+{background-color:#525252}
+
+#d606
+{background-color:#4F4F4F}
+
+#d607
+{background-color:#4F4F4F}
+
+#d608
+{background-color:#4D4D4D}
+
+#d609
+{background-color:#4D4D4D}
+
+#d610
+{background-color:#4A4A4A}
+
+#d611
+{background-color:#4A4A4A}
+
+#d612
+{background-color:#474747}
+
+#d613
+{background-color:#474747}
+
+#d614
+{background-color:#454545}
+
+#d615
+{background-color:#454545}
+
+#d616
+{background-color:#424242}
+
+#d617
+{background-color:#424242}
+
+#d618
+{background-color:#404040}
+
+#d619
+{background-color:#404040}
+
+#d620
+{background-color:#3D3D3D}
+
+#d621
+{background-color:#3D3D3D}
+
+#d622
+{background-color:#3B3B3B}
+
+#d623
+{background-color:#3B3B3B}
+
+#d624
+{background-color:#383838}
+
+#d625
+{background-color:#383838}
+
+#d626
+{background-color:#363636}
+
+#d627
+{background-color:#363636}
+
+#d628
+{background-color:#333333}
+
+#d629
+{background-color:#333333}
+
+#d630
+{background-color:#303030}
+
+#d631
+{background-color:#303030}
+
+#d632
+{background-color:#2E2E2E}
+
+#d633
+{background-color:#2E2E2E}
+
+#d634
+{background-color:#2B2B2B}
+
+#d635
+{background-color:#2B2B2B}
+
+#d636
+{background-color:#292929}
+
+#d637
+{background-color:#292929}
+
+#d638
+{background-color:#262626}
+
+#d639
+{background-color:#262626}
+
+#d640
+{background-color:#242424}
+
+#d641
+{background-color:#242424}
+
+#d642
+{background-color:#212121}
+
+#d643
+{background-color:#212121}
+
+#d644
+{background-color:#1F1F1F}
+
+#d645
+{background-color:#1F1F1F}
+
+#d646
+{background-color:#1C1C1C}
+
+#d647
+{background-color:#1C1C1C}
+
+#d648
+{background-color:#1A1A1A}
+
+#d649
+{background-color:#1A1A1A}
+
+#d650
+{background-color:#171717}
+
+#d651
+{background-color:#171717}
+
+#d652
+{background-color:#141414}
+
+#d653
+{background-color:#141414}
+
+#d654
+{background-color:#121212}
+
+#d655
+{background-color:#121212}
+
+#d656
+{background-color:#0F0F0F}
+
+#d657
+{background-color:#0F0F0F}
+
+#d658
+{background-color:#0D0D0D}
+
+#d659
+{background-color:#0D0D0D}
+
+#d660
+{background-color:#0A0A0A}
+
+#d661
+{background-color:#0A0A0A}
+
+#d662
+{background-color:#080808}
+
+#d663
+{background-color:#080808}
+
+#d664
+{background-color:#050505}
+
+#d665
+{background-color:#050505}
+
+#d666
+{background-color:#030303}
+
+#d667
+{background-color:#030303}
+
+#d668
+{background-color:#000000}
+
+#d669
+{background-color:#000000}
+
+#d670
+{background-color:#000000}
+
+#d671
+{background-color:#000000}
+
+#d672
+{background-color:#000000}
+
+#d673
+{background-color:#000000}
+.colors
+{
+height:30px;
+width:10px;
+}
+</style></head><body>
+<div id='container'>
+<div id='d0' class='colors'>
+snow</div>
+<div id='d1' class='colors'>
+snow1</div>
+<div id='d2' class='colors'>
+snow2</div>
+<div id='d3' class='colors'>
+RosyBrown1</div>
+<div id='d4' class='colors'>
+RosyBrown2</div>
+<div id='d5' class='colors'>
+snow3</div>
+<div id='d6' class='colors'>
+LightCoral</div>
+<div id='d7' class='colors'>
+IndianRed1</div>
+<div id='d8' class='colors'>
+RosyBrown3</div>
+<div id='d9' class='colors'>
+IndianRed2</div>
+<div id='d10' class='colors'>
+RosyBrown</div>
+<div id='d11' class='colors'>
+brown1</div>
+<div id='d12' class='colors'>
+firebrick1</div>
+<div id='d13' class='colors'>
+brown2</div>
+<div id='d14' class='colors'>
+IndianRed</div>
+<div id='d15' class='colors'>
+IndianRed3</div>
+<div id='d16' class='colors'>
+firebrick2</div>
+<div id='d17' class='colors'>
+snow4</div>
+<div id='d18' class='colors'>
+brown3</div>
+<div id='d19' class='colors'>
+red</div>
+<div id='d20' class='colors'>
+red1</div>
+<div id='d21' class='colors'>
+RosyBrown4</div>
+<div id='d22' class='colors'>
+firebrick3</div>
+<div id='d23' class='colors'>
+red2</div>
+<div id='d24' class='colors'>
+firebrick</div>
+<div id='d25' class='colors'>
+brown</div>
+<div id='d26' class='colors'>
+red3</div>
+<div id='d27' class='colors'>
+IndianRed4</div>
+<div id='d28' class='colors'>
+brown4</div>
+<div id='d29' class='colors'>
+firebrick4</div>
+<div id='d30' class='colors'>
+DarkRed</div>
+<div id='d31' class='colors'>
+red4</div>
+<div id='d32' class='colors'>
+maroon</div>
+<div id='d33' class='colors'>
+LightPink1</div>
+<div id='d34' class='colors'>
+LightPink3</div>
+<div id='d35' class='colors'>
+LightPink4</div>
+<div id='d36' class='colors'>
+LightPink2</div>
+<div id='d37' class='colors'>
+LightPink</div>
+<div id='d38' class='colors'>
+pink</div>
+<div id='d39' class='colors'>
+crimson</div>
+<div id='d40' class='colors'>
+pink1</div>
+<div id='d41' class='colors'>
+pink2</div>
+<div id='d42' class='colors'>
+pink3</div>
+<div id='d43' class='colors'>
+pink4</div>
+<div id='d44' class='colors'>
+PaleVioletRed4</div>
+<div id='d45' class='colors'>
+PaleVioletRed</div>
+<div id='d46' class='colors'>
+PaleVioletRed2</div>
+<div id='d47' class='colors'>
+PaleVioletRed1</div>
+<div id='d48' class='colors'>
+PaleVioletRed3</div>
+<div id='d49' class='colors'>
+LavenderBlush</div>
+<div id='d50' class='colors'>
+LavenderBlush1</div>
+<div id='d51' class='colors'>
+LavenderBlush3</div>
+<div id='d52' class='colors'>
+LavenderBlush2</div>
+<div id='d53' class='colors'>
+LavenderBlush4</div>
+<div id='d54' class='colors'>
+maroon</div>
+<div id='d55' class='colors'>
+HotPink3</div>
+<div id='d56' class='colors'>
+VioletRed3</div>
+<div id='d57' class='colors'>
+VioletRed1</div>
+<div id='d58' class='colors'>
+VioletRed2</div>
+<div id='d59' class='colors'>
+VioletRed4</div>
+<div id='d60' class='colors'>
+HotPink2</div>
+<div id='d61' class='colors'>
+HotPink1</div>
+<div id='d62' class='colors'>
+HotPink4</div>
+<div id='d63' class='colors'>
+HotPink</div>
+<div id='d64' class='colors'>
+DeepPink</div>
+<div id='d65' class='colors'>
+DeepPink1</div>
+<div id='d66' class='colors'>
+DeepPink2</div>
+<div id='d67' class='colors'>
+DeepPink3</div>
+<div id='d68' class='colors'>
+DeepPink4</div>
+<div id='d69' class='colors'>
+maroon1</div>
+<div id='d70' class='colors'>
+maroon2</div>
+<div id='d71' class='colors'>
+maroon3</div>
+<div id='d72' class='colors'>
+maroon4</div>
+<div id='d73' class='colors'>
+MediumVioletRed</div>
+<div id='d74' class='colors'>
+VioletRed</div>
+<div id='d75' class='colors'>
+orchid2</div>
+<div id='d76' class='colors'>
+orchid</div>
+<div id='d77' class='colors'>
+orchid1</div>
+<div id='d78' class='colors'>
+orchid3</div>
+<div id='d79' class='colors'>
+orchid4</div>
+<div id='d80' class='colors'>
+thistle1</div>
+<div id='d81' class='colors'>
+thistle2</div>
+<div id='d82' class='colors'>
+plum1</div>
+<div id='d83' class='colors'>
+plum2</div>
+<div id='d84' class='colors'>
+thistle</div>
+<div id='d85' class='colors'>
+thistle3</div>
+<div id='d86' class='colors'>
+plum</div>
+<div id='d87' class='colors'>
+violet</div>
+<div id='d88' class='colors'>
+plum3</div>
+<div id='d89' class='colors'>
+thistle4</div>
+<div id='d90' class='colors'>
+fuchsia</div>
+<div id='d91' class='colors'>
+magenta</div>
+<div id='d92' class='colors'>
+magenta1</div>
+<div id='d93' class='colors'>
+plum4</div>
+<div id='d94' class='colors'>
+magenta2</div>
+<div id='d95' class='colors'>
+magenta3</div>
+<div id='d96' class='colors'>
+DarkMagenta</div>
+<div id='d97' class='colors'>
+magenta4</div>
+<div id='d98' class='colors'>
+purple</div>
+<div id='d99' class='colors'>
+MediumOrchid</div>
+<div id='d100' class='colors'>
+MediumOrchid1</div>
+<div id='d101' class='colors'>
+MediumOrchid2</div>
+<div id='d102' class='colors'>
+MediumOrchid3</div>
+<div id='d103' class='colors'>
+MediumOrchid4</div>
+<div id='d104' class='colors'>
+DarkViolet</div>
+<div id='d105' class='colors'>
+DarkOrchid</div>
+<div id='d106' class='colors'>
+DarkOrchid1</div>
+<div id='d107' class='colors'>
+DarkOrchid3</div>
+<div id='d108' class='colors'>
+DarkOrchid2</div>
+<div id='d109' class='colors'>
+DarkOrchid4</div>
+<div id='d110' class='colors'>
+purple</div>
+<div id='d111' class='colors'>
+indigo</div>
+<div id='d112' class='colors'>
+BlueViolet</div>
+<div id='d113' class='colors'>
+purple2</div>
+<div id='d114' class='colors'>
+purple3</div>
+<div id='d115' class='colors'>
+purple4</div>
+<div id='d116' class='colors'>
+purple1</div>
+<div id='d117' class='colors'>
+MediumPurple</div>
+<div id='d118' class='colors'>
+MediumPurple1</div>
+<div id='d119' class='colors'>
+MediumPurple2</div>
+<div id='d120' class='colors'>
+MediumPurple3</div>
+<div id='d121' class='colors'>
+MediumPurple4</div>
+<div id='d122' class='colors'>
+DarkSlateBlue</div>
+<div id='d123' class='colors'>
+LightSlateBlue</div>
+<div id='d124' class='colors'>
+MediumSlateBlue</div>
+<div id='d125' class='colors'>
+SlateBlue</div>
+<div id='d126' class='colors'>
+SlateBlue1</div>
+<div id='d127' class='colors'>
+SlateBlue2</div>
+<div id='d128' class='colors'>
+SlateBlue3</div>
+<div id='d129' class='colors'>
+SlateBlue4</div>
+<div id='d130' class='colors'>
+GhostWhite</div>
+<div id='d131' class='colors'>
+lavender</div>
+<div id='d132' class='colors'>
+blue</div>
+<div id='d133' class='colors'>
+blue1</div>
+<div id='d134' class='colors'>
+blue2</div>
+<div id='d135' class='colors'>
+blue3</div>
+<div id='d136' class='colors'>
+MediumBlue</div>
+<div id='d137' class='colors'>
+blue4</div>
+<div id='d138' class='colors'>
+DarkBlue</div>
+<div id='d139' class='colors'>
+MidnightBlue</div>
+<div id='d140' class='colors'>
+navy</div>
+<div id='d141' class='colors'>
+NavyBlue</div>
+<div id='d142' class='colors'>
+RoyalBlue</div>
+<div id='d143' class='colors'>
+RoyalBlue1</div>
+<div id='d144' class='colors'>
+RoyalBlue2</div>
+<div id='d145' class='colors'>
+RoyalBlue3</div>
+<div id='d146' class='colors'>
+RoyalBlue4</div>
+<div id='d147' class='colors'>
+CornflowerBlue</div>
+<div id='d148' class='colors'>
+LightSteelBlue</div>
+<div id='d149' class='colors'>
+LightSteelBlue1</div>
+<div id='d150' class='colors'>
+LightSteelBlue2</div>
+<div id='d151' class='colors'>
+LightSteelBlue3</div>
+<div id='d152' class='colors'>
+LightSteelBlue4</div>
+<div id='d153' class='colors'>
+SlateGray4</div>
+<div id='d154' class='colors'>
+SlateGray1</div>
+<div id='d155' class='colors'>
+SlateGray2</div>
+<div id='d156' class='colors'>
+SlateGray3</div>
+<div id='d157' class='colors'>
+LightSlateGray</div>
+<div id='d158' class='colors'>
+LightSlateGrey</div>
+<div id='d159' class='colors'>
+SlateGray</div>
+<div id='d160' class='colors'>
+SlateGrey</div>
+<div id='d161' class='colors'>
+DodgerBlue</div>
+<div id='d162' class='colors'>
+DodgerBlue1</div>
+<div id='d163' class='colors'>
+DodgerBlue2</div>
+<div id='d164' class='colors'>
+DodgerBlue4</div>
+<div id='d165' class='colors'>
+DodgerBlue3</div>
+<div id='d166' class='colors'>
+AliceBlue</div>
+<div id='d167' class='colors'>
+SteelBlue4</div>
+<div id='d168' class='colors'>
+SteelBlue</div>
+<div id='d169' class='colors'>
+SteelBlue1</div>
+<div id='d170' class='colors'>
+SteelBlue2</div>
+<div id='d171' class='colors'>
+SteelBlue3</div>
+<div id='d172' class='colors'>
+SkyBlue4</div>
+<div id='d173' class='colors'>
+SkyBlue1</div>
+<div id='d174' class='colors'>
+SkyBlue2</div>
+<div id='d175' class='colors'>
+SkyBlue3</div>
+<div id='d176' class='colors'>
+LightSkyBlue</div>
+<div id='d177' class='colors'>
+LightSkyBlue4</div>
+<div id='d178' class='colors'>
+LightSkyBlue1</div>
+<div id='d179' class='colors'>
+LightSkyBlue2</div>
+<div id='d180' class='colors'>
+LightSkyBlue3</div>
+<div id='d181' class='colors'>
+SkyBlue</div>
+<div id='d182' class='colors'>
+LightBlue3</div>
+<div id='d183' class='colors'>
+DeepSkyBlue</div>
+<div id='d184' class='colors'>
+DeepSkyBlue1</div>
+<div id='d185' class='colors'>
+DeepSkyBlue2</div>
+<div id='d186' class='colors'>
+DeepSkyBlue4</div>
+<div id='d187' class='colors'>
+DeepSkyBlue3</div>
+<div id='d188' class='colors'>
+LightBlue1</div>
+<div id='d189' class='colors'>
+LightBlue2</div>
+<div id='d190' class='colors'>
+LightBlue</div>
+<div id='d191' class='colors'>
+LightBlue4</div>
+<div id='d192' class='colors'>
+PowderBlue</div>
+<div id='d193' class='colors'>
+CadetBlue1</div>
+<div id='d194' class='colors'>
+CadetBlue2</div>
+<div id='d195' class='colors'>
+CadetBlue3</div>
+<div id='d196' class='colors'>
+CadetBlue4</div>
+<div id='d197' class='colors'>
+turquoise1</div>
+<div id='d198' class='colors'>
+turquoise2</div>
+<div id='d199' class='colors'>
+turquoise3</div>
+<div id='d200' class='colors'>
+turquoise4</div>
+<div id='d201' class='colors'>
+cadet blue</div>
+<div id='d202' class='colors'>
+CadetBlue</div>
+<div id='d203' class='colors'>
+DarkTurquoise</div>
+<div id='d204' class='colors'>
+azure</div>
+<div id='d205' class='colors'>
+azure1</div>
+<div id='d206' class='colors'>
+LightCyan</div>
+<div id='d207' class='colors'>
+LightCyan1</div>
+<div id='d208' class='colors'>
+azure2</div>
+<div id='d209' class='colors'>
+LightCyan2</div>
+<div id='d210' class='colors'>
+PaleTurquoise1</div>
+<div id='d211' class='colors'>
+PaleTurquoise</div>
+<div id='d212' class='colors'>
+PaleTurquoise2</div>
+<div id='d213' class='colors'>
+DarkSlateGray1</div>
+<div id='d214' class='colors'>
+azure3</div>
+<div id='d215' class='colors'>
+LightCyan3</div>
+<div id='d216' class='colors'>
+DarkSlateGray2</div>
+<div id='d217' class='colors'>
+PaleTurquoise3</div>
+<div id='d218' class='colors'>
+DarkSlateGray3</div>
+<div id='d219' class='colors'>
+azure4</div>
+<div id='d220' class='colors'>
+LightCyan4</div>
+<div id='d221' class='colors'>
+aqua</div>
+<div id='d222' class='colors'>
+cyan</div>
+<div id='d223' class='colors'>
+cyan1</div>
+<div id='d224' class='colors'>
+PaleTurquoise4</div>
+<div id='d225' class='colors'>
+cyan2</div>
+<div id='d226' class='colors'>
+DarkSlateGray4</div>
+<div id='d227' class='colors'>
+cyan3</div>
+<div id='d228' class='colors'>
+cyan4</div>
+<div id='d229' class='colors'>
+DarkCyan</div>
+<div id='d230' class='colors'>
+teal</div>
+<div id='d231' class='colors'>
+DarkSlateGray</div>
+<div id='d232' class='colors'>
+DarkSlateGrey</div>
+<div id='d233' class='colors'>
+MediumTurquoise</div>
+<div id='d234' class='colors'>
+LightSeaGreen</div>
+<div id='d235' class='colors'>
+turquoise</div>
+<div id='d236' class='colors'>
+aquamarine4</div>
+<div id='d237' class='colors'>
+aquamarine</div>
+<div id='d238' class='colors'>
+aquamarine1</div>
+<div id='d239' class='colors'>
+aquamarine2</div>
+<div id='d240' class='colors'>
+aquamarine3</div>
+<div id='d241' class='colors'>
+MediumAquamarine</div>
+<div id='d242' class='colors'>
+MediumSpringGreen</div>
+<div id='d243' class='colors'>
+MintCream</div>
+<div id='d244' class='colors'>
+SpringGreen</div>
+<div id='d245' class='colors'>
+SpringGreen1</div>
+<div id='d246' class='colors'>
+SpringGreen2</div>
+<div id='d247' class='colors'>
+SpringGreen3</div>
+<div id='d248' class='colors'>
+SpringGreen4</div>
+<div id='d249' class='colors'>
+MediumSeaGreen</div>
+<div id='d250' class='colors'>
+SeaGreen</div>
+<div id='d251' class='colors'>
+SeaGreen3</div>
+<div id='d252' class='colors'>
+SeaGreen1</div>
+<div id='d253' class='colors'>
+SeaGreen4</div>
+<div id='d254' class='colors'>
+SeaGreen2</div>
+<div id='d255' class='colors'>
+MediumForestGreen</div>
+<div id='d256' class='colors'>
+honeydew</div>
+<div id='d257' class='colors'>
+honeydew1</div>
+<div id='d258' class='colors'>
+honeydew2</div>
+<div id='d259' class='colors'>
+DarkSeaGreen1</div>
+<div id='d260' class='colors'>
+DarkSeaGreen2</div>
+<div id='d261' class='colors'>
+PaleGreen1</div>
+<div id='d262' class='colors'>
+PaleGreen</div>
+<div id='d263' class='colors'>
+honeydew3</div>
+<div id='d264' class='colors'>
+LightGreen</div>
+<div id='d265' class='colors'>
+PaleGreen2</div>
+<div id='d266' class='colors'>
+DarkSeaGreen3</div>
+<div id='d267' class='colors'>
+DarkSeaGreen</div>
+<div id='d268' class='colors'>
+PaleGreen3</div>
+<div id='d269' class='colors'>
+honeydew4</div>
+<div id='d270' class='colors'>
+green1</div>
+<div id='d271' class='colors'>
+lime</div>
+<div id='d272' class='colors'>
+LimeGreen</div>
+<div id='d273' class='colors'>
+DarkSeaGreen4</div>
+<div id='d274' class='colors'>
+green2</div>
+<div id='d275' class='colors'>
+PaleGreen4</div>
+<div id='d276' class='colors'>
+green3</div>
+<div id='d277' class='colors'>
+ForestGreen</div>
+<div id='d278' class='colors'>
+green4</div>
+<div id='d279' class='colors'>
+green</div>
+<div id='d280' class='colors'>
+DarkGreen</div>
+<div id='d281' class='colors'>
+LawnGreen</div>
+<div id='d282' class='colors'>
+chartreuse</div>
+<div id='d283' class='colors'>
+chartreuse1</div>
+<div id='d284' class='colors'>
+chartreuse2</div>
+<div id='d285' class='colors'>
+chartreuse3</div>
+<div id='d286' class='colors'>
+chartreuse4</div>
+<div id='d287' class='colors'>
+GreenYellow</div>
+<div id='d288' class='colors'>
+DarkOliveGreen3</div>
+<div id='d289' class='colors'>
+DarkOliveGreen1</div>
+<div id='d290' class='colors'>
+DarkOliveGreen2</div>
+<div id='d291' class='colors'>
+DarkOliveGreen4</div>
+<div id='d292' class='colors'>
+DarkOliveGreen</div>
+<div id='d293' class='colors'>
+OliveDrab</div>
+<div id='d294' class='colors'>
+OliveDrab1</div>
+<div id='d295' class='colors'>
+OliveDrab2</div>
+<div id='d296' class='colors'>
+OliveDrab3</div>
+<div id='d297' class='colors'>
+YellowGreen</div>
+<div id='d298' class='colors'>
+OliveDrab4</div>
+<div id='d299' class='colors'>
+ivory</div>
+<div id='d300' class='colors'>
+ivory1</div>
+<div id='d301' class='colors'>
+LightYellow</div>
+<div id='d302' class='colors'>
+LightYellow1</div>
+<div id='d303' class='colors'>
+beige</div>
+<div id='d304' class='colors'>
+ivory2</div>
+<div id='d305' class='colors'>
+LightGoldenrodYellow</div>
+<div id='d306' class='colors'>
+LightYellow2</div>
+<div id='d307' class='colors'>
+ivory3</div>
+<div id='d308' class='colors'>
+LightYellow3</div>
+<div id='d309' class='colors'>
+ivory4</div>
+<div id='d310' class='colors'>
+LightYellow4</div>
+<div id='d311' class='colors'>
+yellow</div>
+<div id='d312' class='colors'>
+yellow1</div>
+<div id='d313' class='colors'>
+yellow2</div>
+<div id='d314' class='colors'>
+yellow3</div>
+<div id='d315' class='colors'>
+yellow4</div>
+<div id='d316' class='colors'>
+olive</div>
+<div id='d317' class='colors'>
+DarkKhaki</div>
+<div id='d318' class='colors'>
+khaki2</div>
+<div id='d319' class='colors'>
+LemonChiffon4</div>
+<div id='d320' class='colors'>
+khaki1</div>
+<div id='d321' class='colors'>
+khaki3</div>
+<div id='d322' class='colors'>
+khaki4</div>
+<div id='d323' class='colors'>
+PaleGoldenrod</div>
+<div id='d324' class='colors'>
+LemonChiffon</div>
+<div id='d325' class='colors'>
+LemonChiffon1</div>
+<div id='d326' class='colors'>
+khaki</div>
+<div id='d327' class='colors'>
+LemonChiffon3</div>
+<div id='d328' class='colors'>
+LemonChiffon2</div>
+<div id='d329' class='colors'>
+MediumGoldenRod</div>
+<div id='d330' class='colors'>
+cornsilk4</div>
+<div id='d331' class='colors'>
+gold</div>
+<div id='d332' class='colors'>
+gold1</div>
+<div id='d333' class='colors'>
+gold2</div>
+<div id='d334' class='colors'>
+gold3</div>
+<div id='d335' class='colors'>
+gold4</div>
+<div id='d336' class='colors'>
+LightGoldenrod</div>
+<div id='d337' class='colors'>
+LightGoldenrod4</div>
+<div id='d338' class='colors'>
+LightGoldenrod1</div>
+<div id='d339' class='colors'>
+LightGoldenrod3</div>
+<div id='d340' class='colors'>
+LightGoldenrod2</div>
+<div id='d341' class='colors'>
+cornsilk3</div>
+<div id='d342' class='colors'>
+cornsilk2</div>
+<div id='d343' class='colors'>
+cornsilk</div>
+<div id='d344' class='colors'>
+cornsilk1</div>
+<div id='d345' class='colors'>
+goldenrod</div>
+<div id='d346' class='colors'>
+goldenrod1</div>
+<div id='d347' class='colors'>
+goldenrod2</div>
+<div id='d348' class='colors'>
+goldenrod3</div>
+<div id='d349' class='colors'>
+goldenrod4</div>
+<div id='d350' class='colors'>
+DarkGoldenrod</div>
+<div id='d351' class='colors'>
+DarkGoldenrod1</div>
+<div id='d352' class='colors'>
+DarkGoldenrod2</div>
+<div id='d353' class='colors'>
+DarkGoldenrod3</div>
+<div id='d354' class='colors'>
+DarkGoldenrod4</div>
+<div id='d355' class='colors'>
+FloralWhite</div>
+<div id='d356' class='colors'>
+wheat2</div>
+<div id='d357' class='colors'>
+OldLace</div>
+<div id='d358' class='colors'>
+wheat</div>
+<div id='d359' class='colors'>
+wheat1</div>
+<div id='d360' class='colors'>
+wheat3</div>
+<div id='d361' class='colors'>
+orange</div>
+<div id='d362' class='colors'>
+orange1</div>
+<div id='d363' class='colors'>
+orange2</div>
+<div id='d364' class='colors'>
+orange3</div>
+<div id='d365' class='colors'>
+orange4</div>
+<div id='d366' class='colors'>
+wheat4</div>
+<div id='d367' class='colors'>
+moccasin</div>
+<div id='d368' class='colors'>
+PapayaWhip</div>
+<div id='d369' class='colors'>
+NavajoWhite3</div>
+<div id='d370' class='colors'>
+BlanchedAlmond</div>
+<div id='d371' class='colors'>
+NavajoWhite</div>
+<div id='d372' class='colors'>
+NavajoWhite1</div>
+<div id='d373' class='colors'>
+NavajoWhite2</div>
+<div id='d374' class='colors'>
+NavajoWhite4</div>
+<div id='d375' class='colors'>
+AntiqueWhite4</div>
+<div id='d376' class='colors'>
+AntiqueWhite</div>
+<div id='d377' class='colors'>
+tan</div>
+<div id='d378' class='colors'>
+bisque4</div>
+<div id='d379' class='colors'>
+burlywood</div>
+<div id='d380' class='colors'>
+AntiqueWhite2</div>
+<div id='d381' class='colors'>
+burlywood1</div>
+<div id='d382' class='colors'>
+burlywood3</div>
+<div id='d383' class='colors'>
+burlywood2</div>
+<div id='d384' class='colors'>
+AntiqueWhite1</div>
+<div id='d385' class='colors'>
+burlywood4</div>
+<div id='d386' class='colors'>
+AntiqueWhite3</div>
+<div id='d387' class='colors'>
+DarkOrange</div>
+<div id='d388' class='colors'>
+bisque2</div>
+<div id='d389' class='colors'>
+bisque</div>
+<div id='d390' class='colors'>
+bisque1</div>
+<div id='d391' class='colors'>
+bisque3</div>
+<div id='d392' class='colors'>
+DarkOrange1</div>
+<div id='d393' class='colors'>
+linen</div>
+<div id='d394' class='colors'>
+DarkOrange2</div>
+<div id='d395' class='colors'>
+DarkOrange3</div>
+<div id='d396' class='colors'>
+DarkOrange4</div>
+<div id='d397' class='colors'>
+peru</div>
+<div id='d398' class='colors'>
+tan1</div>
+<div id='d399' class='colors'>
+tan2</div>
+<div id='d400' class='colors'>
+tan3</div>
+<div id='d401' class='colors'>
+tan4</div>
+<div id='d402' class='colors'>
+PeachPuff</div>
+<div id='d403' class='colors'>
+PeachPuff1</div>
+<div id='d404' class='colors'>
+PeachPuff4</div>
+<div id='d405' class='colors'>
+PeachPuff2</div>
+<div id='d406' class='colors'>
+PeachPuff3</div>
+<div id='d407' class='colors'>
+SandyBrown</div>
+<div id='d408' class='colors'>
+seashell4</div>
+<div id='d409' class='colors'>
+seashell2</div>
+<div id='d410' class='colors'>
+seashell3</div>
+<div id='d411' class='colors'>
+chocolate</div>
+<div id='d412' class='colors'>
+chocolate1</div>
+<div id='d413' class='colors'>
+chocolate2</div>
+<div id='d414' class='colors'>
+chocolate3</div>
+<div id='d415' class='colors'>
+chocolate4</div>
+<div id='d416' class='colors'>
+SaddleBrown</div>
+<div id='d417' class='colors'>
+seashell</div>
+<div id='d418' class='colors'>
+seashell1</div>
+<div id='d419' class='colors'>
+sienna4</div>
+<div id='d420' class='colors'>
+sienna</div>
+<div id='d421' class='colors'>
+sienna1</div>
+<div id='d422' class='colors'>
+sienna2</div>
+<div id='d423' class='colors'>
+sienna3</div>
+<div id='d424' class='colors'>
+LightSalmon3</div>
+<div id='d425' class='colors'>
+LightSalmon</div>
+<div id='d426' class='colors'>
+LightSalmon1</div>
+<div id='d427' class='colors'>
+LightSalmon4</div>
+<div id='d428' class='colors'>
+LightSalmon2</div>
+<div id='d429' class='colors'>
+coral</div>
+<div id='d430' class='colors'>
+OrangeRed</div>
+<div id='d431' class='colors'>
+OrangeRed1</div>
+<div id='d432' class='colors'>
+OrangeRed2</div>
+<div id='d433' class='colors'>
+OrangeRed3</div>
+<div id='d434' class='colors'>
+OrangeRed4</div>
+<div id='d435' class='colors'>
+DarkSalmon</div>
+<div id='d436' class='colors'>
+salmon1</div>
+<div id='d437' class='colors'>
+salmon2</div>
+<div id='d438' class='colors'>
+salmon3</div>
+<div id='d439' class='colors'>
+salmon4</div>
+<div id='d440' class='colors'>
+coral1</div>
+<div id='d441' class='colors'>
+coral2</div>
+<div id='d442' class='colors'>
+coral3</div>
+<div id='d443' class='colors'>
+coral4</div>
+<div id='d444' class='colors'>
+tomato4</div>
+<div id='d445' class='colors'>
+tomato</div>
+<div id='d446' class='colors'>
+tomato1</div>
+<div id='d447' class='colors'>
+tomato2</div>
+<div id='d448' class='colors'>
+tomato3</div>
+<div id='d449' class='colors'>
+MistyRose4</div>
+<div id='d450' class='colors'>
+MistyRose2</div>
+<div id='d451' class='colors'>
+MistyRose</div>
+<div id='d452' class='colors'>
+MistyRose1</div>
+<div id='d453' class='colors'>
+salmon</div>
+<div id='d454' class='colors'>
+MistyRose3</div>
+<div id='d455' class='colors'>
+white</div>
+<div id='d456' class='colors'>
+gray100</div>
+<div id='d457' class='colors'>
+grey100</div>
+<div id='d458' class='colors'>
+grey100</div>
+<div id='d459' class='colors'>
+gray99</div>
+<div id='d460' class='colors'>
+grey99</div>
+<div id='d461' class='colors'>
+gray98</div>
+<div id='d462' class='colors'>
+grey98</div>
+<div id='d463' class='colors'>
+gray97</div>
+<div id='d464' class='colors'>
+grey97</div>
+<div id='d465' class='colors'>
+gray96</div>
+<div id='d466' class='colors'>
+grey96</div>
+<div id='d467' class='colors'>
+WhiteSmoke</div>
+<div id='d468' class='colors'>
+gray95</div>
+<div id='d469' class='colors'>
+grey95</div>
+<div id='d470' class='colors'>
+gray94</div>
+<div id='d471' class='colors'>
+grey94</div>
+<div id='d472' class='colors'>
+gray93</div>
+<div id='d473' class='colors'>
+grey93</div>
+<div id='d474' class='colors'>
+gray92</div>
+<div id='d475' class='colors'>
+grey92</div>
+<div id='d476' class='colors'>
+gray91</div>
+<div id='d477' class='colors'>
+grey91</div>
+<div id='d478' class='colors'>
+gray90</div>
+<div id='d479' class='colors'>
+grey90</div>
+<div id='d480' class='colors'>
+gray89</div>
+<div id='d481' class='colors'>
+grey89</div>
+<div id='d482' class='colors'>
+gray88</div>
+<div id='d483' class='colors'>
+grey88</div>
+<div id='d484' class='colors'>
+gray87</div>
+<div id='d485' class='colors'>
+grey87</div>
+<div id='d486' class='colors'>
+gainsboro</div>
+<div id='d487' class='colors'>
+gray86</div>
+<div id='d488' class='colors'>
+grey86</div>
+<div id='d489' class='colors'>
+gray85</div>
+<div id='d490' class='colors'>
+grey85</div>
+<div id='d491' class='colors'>
+gray84</div>
+<div id='d492' class='colors'>
+grey84</div>
+<div id='d493' class='colors'>
+gray83</div>
+<div id='d494' class='colors'>
+grey83</div>
+<div id='d495' class='colors'>
+LightGray</div>
+<div id='d496' class='colors'>
+LightGrey</div>
+<div id='d497' class='colors'>
+gray82</div>
+<div id='d498' class='colors'>
+grey82</div>
+<div id='d499' class='colors'>
+gray81</div>
+<div id='d500' class='colors'>
+grey81</div>
+<div id='d501' class='colors'>
+gray80</div>
+<div id='d502' class='colors'>
+grey80</div>
+<div id='d503' class='colors'>
+gray79</div>
+<div id='d504' class='colors'>
+grey79</div>
+<div id='d505' class='colors'>
+gray78</div>
+<div id='d506' class='colors'>
+grey78</div>
+<div id='d507' class='colors'>
+gray77</div>
+<div id='d508' class='colors'>
+grey77</div>
+<div id='d509' class='colors'>
+gray76</div>
+<div id='d510' class='colors'>
+grey76</div>
+<div id='d511' class='colors'>
+silver</div>
+<div id='d512' class='colors'>
+gray75</div>
+<div id='d513' class='colors'>
+grey75</div>
+<div id='d514' class='colors'>
+gray74</div>
+<div id='d515' class='colors'>
+grey74</div>
+<div id='d516' class='colors'>
+gray73</div>
+<div id='d517' class='colors'>
+grey73</div>
+<div id='d518' class='colors'>
+gray72</div>
+<div id='d519' class='colors'>
+grey72</div>
+<div id='d520' class='colors'>
+gray71</div>
+<div id='d521' class='colors'>
+grey71</div>
+<div id='d522' class='colors'>
+gray70</div>
+<div id='d523' class='colors'>
+grey70</div>
+<div id='d524' class='colors'>
+gray69</div>
+<div id='d525' class='colors'>
+grey69</div>
+<div id='d526' class='colors'>
+gray68</div>
+<div id='d527' class='colors'>
+grey68</div>
+<div id='d528' class='colors'>
+gray67</div>
+<div id='d529' class='colors'>
+grey67</div>
+<div id='d530' class='colors'>
+DarkGray</div>
+<div id='d531' class='colors'>
+DarkGrey</div>
+<div id='d532' class='colors'>
+gray66</div>
+<div id='d533' class='colors'>
+grey66</div>
+<div id='d534' class='colors'>
+gray65</div>
+<div id='d535' class='colors'>
+grey65</div>
+<div id='d536' class='colors'>
+gray64</div>
+<div id='d537' class='colors'>
+grey64</div>
+<div id='d538' class='colors'>
+gray63</div>
+<div id='d539' class='colors'>
+grey63</div>
+<div id='d540' class='colors'>
+gray62</div>
+<div id='d541' class='colors'>
+grey62</div>
+<div id='d542' class='colors'>
+gray61</div>
+<div id='d543' class='colors'>
+grey61</div>
+<div id='d544' class='colors'>
+gray60</div>
+<div id='d545' class='colors'>
+grey60</div>
+<div id='d546' class='colors'>
+gray59</div>
+<div id='d547' class='colors'>
+grey59</div>
+<div id='d548' class='colors'>
+gray58</div>
+<div id='d549' class='colors'>
+grey58</div>
+<div id='d550' class='colors'>
+gray57</div>
+<div id='d551' class='colors'>
+grey57</div>
+<div id='d552' class='colors'>
+gray56</div>
+<div id='d553' class='colors'>
+grey56</div>
+<div id='d554' class='colors'>
+gray55</div>
+<div id='d555' class='colors'>
+grey55</div>
+<div id='d556' class='colors'>
+gray54</div>
+<div id='d557' class='colors'>
+grey54</div>
+<div id='d558' class='colors'>
+gray53</div>
+<div id='d559' class='colors'>
+grey53</div>
+<div id='d560' class='colors'>
+gray52</div>
+<div id='d561' class='colors'>
+grey52</div>
+<div id='d562' class='colors'>
+gray51</div>
+<div id='d563' class='colors'>
+grey51</div>
+<div id='d564' class='colors'>
+fractal</div>
+<div id='d565' class='colors'>
+gray50</div>
+<div id='d566' class='colors'>
+grey50</div>
+<div id='d567' class='colors'>
+gray</div>
+<div id='d568' class='colors'>
+gray49</div>
+<div id='d569' class='colors'>
+grey49</div>
+<div id='d570' class='colors'>
+gray48</div>
+<div id='d571' class='colors'>
+grey48</div>
+<div id='d572' class='colors'>
+gray47</div>
+<div id='d573' class='colors'>
+grey47</div>
+<div id='d574' class='colors'>
+gray46</div>
+<div id='d575' class='colors'>
+grey46</div>
+<div id='d576' class='colors'>
+gray45</div>
+<div id='d577' class='colors'>
+grey45</div>
+<div id='d578' class='colors'>
+gray44</div>
+<div id='d579' class='colors'>
+grey44</div>
+<div id='d580' class='colors'>
+gray43</div>
+<div id='d581' class='colors'>
+grey43</div>
+<div id='d582' class='colors'>
+gray42</div>
+<div id='d583' class='colors'>
+grey42</div>
+<div id='d584' class='colors'>
+DimGray</div>
+<div id='d585' class='colors'>
+DimGrey</div>
+<div id='d586' class='colors'>
+gray41</div>
+<div id='d587' class='colors'>
+grey41</div>
+<div id='d588' class='colors'>
+gray40</div>
+<div id='d589' class='colors'>
+grey40</div>
+<div id='d590' class='colors'>
+gray39</div>
+<div id='d591' class='colors'>
+grey39</div>
+<div id='d592' class='colors'>
+gray38</div>
+<div id='d593' class='colors'>
+grey38</div>
+<div id='d594' class='colors'>
+gray37</div>
+<div id='d595' class='colors'>
+grey37</div>
+<div id='d596' class='colors'>
+gray36</div>
+<div id='d597' class='colors'>
+grey36</div>
+<div id='d598' class='colors'>
+gray35</div>
+<div id='d599' class='colors'>
+grey35</div>
+<div id='d600' class='colors'>
+gray34</div>
+<div id='d601' class='colors'>
+grey34</div>
+<div id='d602' class='colors'>
+gray33</div>
+<div id='d603' class='colors'>
+grey33</div>
+<div id='d604' class='colors'>
+gray32</div>
+<div id='d605' class='colors'>
+grey32</div>
+<div id='d606' class='colors'>
+gray31</div>
+<div id='d607' class='colors'>
+grey31</div>
+<div id='d608' class='colors'>
+gray30</div>
+<div id='d609' class='colors'>
+grey30</div>
+<div id='d610' class='colors'>
+gray29</div>
+<div id='d611' class='colors'>
+grey29</div>
+<div id='d612' class='colors'>
+gray28</div>
+<div id='d613' class='colors'>
+grey28</div>
+<div id='d614' class='colors'>
+gray27</div>
+<div id='d615' class='colors'>
+grey27</div>
+<div id='d616' class='colors'>
+gray26</div>
+<div id='d617' class='colors'>
+grey26</div>
+<div id='d618' class='colors'>
+gray25</div>
+<div id='d619' class='colors'>
+grey25</div>
+<div id='d620' class='colors'>
+gray24</div>
+<div id='d621' class='colors'>
+grey24</div>
+<div id='d622' class='colors'>
+gray23</div>
+<div id='d623' class='colors'>
+grey23</div>
+<div id='d624' class='colors'>
+gray22</div>
+<div id='d625' class='colors'>
+grey22</div>
+<div id='d626' class='colors'>
+gray21</div>
+<div id='d627' class='colors'>
+grey21</div>
+<div id='d628' class='colors'>
+gray20</div>
+<div id='d629' class='colors'>
+grey20</div>
+<div id='d630' class='colors'>
+gray19</div>
+<div id='d631' class='colors'>
+grey19</div>
+<div id='d632' class='colors'>
+gray18</div>
+<div id='d633' class='colors'>
+grey18</div>
+<div id='d634' class='colors'>
+gray17</div>
+<div id='d635' class='colors'>
+grey17</div>
+<div id='d636' class='colors'>
+gray16</div>
+<div id='d637' class='colors'>
+grey16</div>
+<div id='d638' class='colors'>
+gray15</div>
+<div id='d639' class='colors'>
+grey15</div>
+<div id='d640' class='colors'>
+gray14</div>
+<div id='d641' class='colors'>
+grey14</div>
+<div id='d642' class='colors'>
+gray13</div>
+<div id='d643' class='colors'>
+grey13</div>
+<div id='d644' class='colors'>
+gray12</div>
+<div id='d645' class='colors'>
+grey12</div>
+<div id='d646' class='colors'>
+gray11</div>
+<div id='d647' class='colors'>
+grey11</div>
+<div id='d648' class='colors'>
+gray10</div>
+<div id='d649' class='colors'>
+grey10</div>
+<div id='d650' class='colors'>
+gray9</div>
+<div id='d651' class='colors'>
+grey9</div>
+<div id='d652' class='colors'>
+gray8</div>
+<div id='d653' class='colors'>
+grey8</div>
+<div id='d654' class='colors'>
+gray7</div>
+<div id='d655' class='colors'>
+grey7</div>
+<div id='d656' class='colors'>
+gray6</div>
+<div id='d657' class='colors'>
+grey6</div>
+<div id='d658' class='colors'>
+gray5</div>
+<div id='d659' class='colors'>
+grey5</div>
+<div id='d660' class='colors'>
+gray4</div>
+<div id='d661' class='colors'>
+grey4</div>
+<div id='d662' class='colors'>
+gray3</div>
+<div id='d663' class='colors'>
+grey3</div>
+<div id='d664' class='colors'>
+gray2</div>
+<div id='d665' class='colors'>
+grey2</div>
+<div id='d666' class='colors'>
+gray1</div>
+<div id='d667' class='colors'>
+grey1</div>
+<div id='d668' class='colors'>
+black</div>
+<div id='d669' class='colors'>
+gray0</div>
+<div id='d670' class='colors'>
+grey0</div>
+<div id='d671' class='colors'>
+opaque</div>
+<div id='d672' class='colors'>
+none</div>
+<div id='d673' class='colors'>
+transparent</div>
+</div>
+
+<div id='colornames'>
+WHERE THE COLORNAMES WILL GO
+</div>
+
+<div id='hexswitch'>CLICK TO SHOW HEXES</div>
+<div id='infoswitch'>CLICK TO SHOW INFO</div>
+<input id='namespace' type='text'></input>
+<script type='text/javascript' src='js/jquery-1.6.4.min.js'></script>
+<script type='text/javascript' src='js/colordict.js'></script>
+
+<script type='text/javascript'>
+function goldenize(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num*ratio)
+	return newnum
+	}
+//turns css property width or height into an integer value
+function getproperty(idandselectr, propertystr)
+	{
+	grab = $(idandselectr).css(propertystr)
+	grab = grab.slice(0,-2)
+	numval = parseInt(grab)
+	return numval
+	}
+function makegolden(idandselectr, propertystr)
+	{
+	result = getproperty(idandselectr, propertystr)
+	newwidth = goldenize(result)
+	widthval = newwidth.toString()+'px'
+	$(idandselectr).css('width', widthval)
+	}
+makegolden('.colors', 'height')
+
+//threewayselector for what goes in the divs
+infostate = 1
+function switchinfo()
+	{
+	if(infostate == 0)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html(divtoname[divlist[i]])
+				};
+		infostate = 1
+		}
+	else if(infostate == 1)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html("")
+				};
+		infostate = 2
+		}
+	else if(infostate == 2)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html(nametohex[divtoname[divlist[i]]])
+				};
+		infostate = 0
+		}
+	}
+
+$('#infoswitch').click(function(){switchinfo()})
+
+//takes a div name and returns a colorname
+
+function showcolorname(divstr)
+
+		{
+		colorname = divtoname['#'+divstr]
+		hex = nametohex[colorname]
+			imname = hextoname[hex]
+		if (hexes == true)
+			{
+			imname = hex
+			}
+		return imname
+		}
+function bigname(divstr)
+		{
+		colorname = showcolorname(divstr)
+		$('#colornames').html(colorname)
+		}
+function writeit(text)
+		{
+		$('#colornames').append(text)
+		}
+function makebig(divstr)
+		{
+		firstheight = $('#'+divstr).height()
+		newheight = goldenize(goldenize(firstheight))
+		$('#'+divstr).height(newheight)
+		}
+function makesmall(divstr)
+		{
+		oldheight = $('.colors').height()
+		$('#'+divstr).height(oldheight)
+		}
+var choice;
+$('.colors').hover(function() {
+   bigname(this.id);
+//	 makebig(this.id);
+//	 makegolden('#'+this.id, 'height')},
+//function(){
+//	 makesmall(this.id);
+//	 makegolden('#'+this.id, 'height')
+});
+$('.colors').mouseover(function(){
+							if(this.id != 'd0'){
+							makebig(this.id);
+							makegolden('#'+this.id, 'height')
+													}})
+$('.colors').mouseout(function(){
+							makesmall(this.id);
+							makegolden('#'+this.id,'height');
+													})
+$(".colors").hover(function(){
+$('#colornames').fadeOut(100);$('#colornames').fadeIn(500);
+	});
+$('body').css('background-color', 'black')
+$('.colors').css('margin-top', '2px')
+var hexes = false
+function hexswitch()
+		{
+		if(hexes == false)
+			{
+			$('#hexswitch').html('CLICK TO SHOW COLOR NAMES')
+			hexes = true;
+			}
+			
+		else
+			{
+			$('#hexswitch').html('CLICK TO SHOW HEX NAMES')
+			hexes = false;
+			}
+		}
+$('#hexswitch').click(function(){hexswitch()})
+
+$('.colors').click(function(){
+			putitin()	
+			})
+
+function putitin()
+		{
+		$('#namespace').val($('#colornames').html())
+		}
+
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/colors/junk/divlist.js b/frontend/imgrid/colors/colors/junk/divlist.js
new file mode 100755
index 0000000..49ee990
--- /dev/null
+++ b/frontend/imgrid/colors/colors/junk/divlist.js
@@ -0,0 +1,2 @@
+var divlist = ['#d0', '#d1', '#d2', '#d3', '#d4', '#d5', '#d6', '#d7', '#d8', '#d9', '#d10', '#d11', '#d12', '#d13', '#d14', '#d15', '#d16', '#d17', '#d18', '#d19', '#d20', '#d21', '#d22', '#d23', '#d24', '#d25', '#d26', '#d27', '#d28', '#d29', '#d30', '#d31', '#d32', '#d33', '#d34', '#d35', '#d36', '#d37', '#d38', '#d39', '#d40', '#d41', '#d42', '#d43', '#d44', '#d45', '#d46', '#d47', '#d48', '#d49', '#d50', '#d51', '#d52', '#d53', '#d54', '#d55', '#d56', '#d57', '#d58', '#d59', '#d60', '#d61', '#d62', '#d63', '#d64', '#d65', '#d66', '#d67', '#d68', '#d69', '#d70', '#d71', '#d72', '#d73', '#d74', '#d75', '#d76', '#d77', '#d78', '#d79', '#d80', '#d81', '#d82', '#d83', '#d84', '#d85', '#d86', '#d87', '#d88', '#d89', '#d90', '#d91', '#d92', '#d93', '#d94', '#d95', '#d96', '#d97', '#d98', '#d99', '#d100', '#d101', '#d102', '#d103', '#d104', '#d105', '#d106', '#d107', '#d108', '#d109', '#d110', '#d111', '#d112', '#d113', '#d114', '#d115', '#d116', '#d117', '#d118', '#d119', '#d120', '#d121', '#d122', '#d123', '#d124', '#d125', '#d126', '#d127', '#d128', '#d129', '#d130', '#d131', '#d132', '#d133', '#d134', '#d135', '#d136', '#d137', '#d138', '#d139', '#d140', '#d141', '#d142', '#d143', '#d144', '#d145', '#d146', '#d147', '#d148', '#d149', '#d150', '#d151', '#d152', '#d153', '#d154', '#d155', '#d156', '#d157', '#d158', '#d159', '#d160', '#d161', '#d162', '#d163', '#d164', '#d165', '#d166', '#d167', '#d168', '#d169', '#d170', '#d171', '#d172', '#d173', '#d174', '#d175', '#d176', '#d177', '#d178', '#d179', '#d180', '#d181', '#d182', '#d183', '#d184', '#d185', '#d186', '#d187', '#d188', '#d189', '#d190', '#d191', '#d192', '#d193', '#d194', '#d195', '#d196', '#d197', '#d198', '#d199', '#d200', '#d201', '#d202', '#d203', '#d204', '#d205', '#d206', '#d207', '#d208', '#d209', '#d210', '#d211', '#d212', '#d213', '#d214', '#d215', '#d216', '#d217', '#d218', '#d219', '#d220', '#d221', '#d222', '#d223', '#d224', '#d225', '#d226', '#d227', '#d228', '#d229', '#d230', '#d231', '#d232', '#d233', '#d234', '#d235', '#d236', '#d237', '#d238', '#d239', '#d240', '#d241', '#d242', '#d243', '#d244', '#d245', '#d246', '#d247', '#d248', '#d249', '#d250', '#d251', '#d252', '#d253', '#d254', '#d255', '#d256', '#d257', '#d258', '#d259', '#d260', '#d261', '#d262', '#d263', '#d264', '#d265', '#d266', '#d267', '#d268', '#d269', '#d270', '#d271', '#d272', '#d273', '#d274', '#d275', '#d276', '#d277', '#d278', '#d279', '#d280', '#d281', '#d282', '#d283', '#d284', '#d285', '#d286', '#d287', '#d288', '#d289', '#d290', '#d291', '#d292', '#d293', '#d294', '#d295', '#d296', '#d297', '#d298', '#d299', '#d300', '#d301', '#d302', '#d303', '#d304', '#d305', '#d306', '#d307', '#d308', '#d309', '#d310', '#d311', '#d312', '#d313', '#d314', '#d315', '#d316', '#d317', '#d318', '#d319', '#d320', '#d321', '#d322', '#d323', '#d324', '#d325', '#d326', '#d327', '#d328', '#d329', '#d330', '#d331', '#d332', '#d333', '#d334', '#d335', '#d336', '#d337', '#d338', '#d339', '#d340', '#d341', '#d342', '#d343', '#d344', '#d345', '#d346', '#d347', '#d348', '#d349', '#d350', '#d351', '#d352', '#d353', '#d354', '#d355', '#d356', '#d357', '#d358', '#d359', '#d360', '#d361', '#d362', '#d363', '#d364', '#d365', '#d366', '#d367', '#d368', '#d369', '#d370', '#d371', '#d372', '#d373', '#d374', '#d375', '#d376', '#d377', '#d378', '#d379', '#d380', '#d381', '#d382', '#d383', '#d384', '#d385', '#d386', '#d387', '#d388', '#d389', '#d390', '#d391', '#d392', '#d393', '#d394', '#d395', '#d396', '#d397', '#d398', '#d399', '#d400', '#d401', '#d402', '#d403', '#d404', '#d405', '#d406', '#d407', '#d408', '#d409', '#d410', '#d411', '#d412', '#d413', '#d414', '#d415', '#d416', '#d417', '#d418', '#d419', '#d420', '#d421', '#d422', '#d423', '#d424', '#d425', '#d426', '#d427', '#d428', '#d429', '#d430', '#d431', '#d432', '#d433', '#d434', '#d435', '#d436', '#d437', '#d438', '#d439', '#d440', '#d441', '#d442', '#d443', '#d444', '#d445', '#d446', '#d447', '#d448', '#d449', '#d450', '#d451', '#d452', '#d453', '#d454', '#d455', '#d456', '#d457', '#d458', '#d459', '#d460', '#d461', '#d462', '#d463', '#d464', '#d465', '#d466', '#d467', '#d468', '#d469', '#d470', '#d471', '#d472', '#d473', '#d474', '#d475', '#d476', '#d477', '#d478', '#d479', '#d480', '#d481', '#d482', '#d483', '#d484', '#d485', '#d486', '#d487', '#d488', '#d489', '#d490', '#d491', '#d492', '#d493', '#d494', '#d495', '#d496', '#d497', '#d498', '#d499', '#d500', '#d501', '#d502', '#d503', '#d504', '#d505', '#d506', '#d507', '#d508', '#d509', '#d510', '#d511', '#d512', '#d513', '#d514', '#d515', '#d516', '#d517', '#d518', '#d519', '#d520', '#d521', '#d522', '#d523', '#d524', '#d525', '#d526', '#d527', '#d528', '#d529', '#d530', '#d531', '#d532', '#d533', '#d534', '#d535', '#d536', '#d537', '#d538', '#d539', '#d540', '#d541', '#d542', '#d543', '#d544', '#d545', '#d546', '#d547', '#d548', '#d549', '#d550', '#d551', '#d552', '#d553', '#d554', '#d555', '#d556', '#d557', '#d558', '#d559', '#d560', '#d561', '#d562', '#d563', '#d564', '#d565', '#d566', '#d567', '#d568', '#d569', '#d570', '#d571', '#d572', '#d573', '#d574', '#d575', '#d576', '#d577', '#d578', '#d579', '#d580', '#d581', '#d582', '#d583', '#d584', '#d585', '#d586', '#d587', '#d588', '#d589', '#d590', '#d591', '#d592', '#d593', '#d594', '#d595', '#d596', '#d597', '#d598', '#d599', '#d600', '#d601', '#d602', '#d603', '#d604', '#d605', '#d606', '#d607', '#d608', '#d609', '#d610', '#d611', '#d612', '#d613', '#d614', '#d615', '#d616', '#d617', '#d618', '#d619', '#d620', '#d621', '#d622', '#d623', '#d624', '#d625', '#d626', '#d627', '#d628', '#d629', '#d630', '#d631', '#d632', '#d633', '#d634', '#d635', '#d636', '#d637', '#d638', '#d639', '#d640', '#d641', '#d642', '#d643', '#d644', '#d645', '#d646', '#d647', '#d648', '#d649', '#d650', '#d651', '#d652', '#d653', '#d654', '#d655', '#d656', '#d657', '#d658', '#d659', '#d660', '#d661', '#d662', '#d663', '#d664', '#d665', '#d666', '#d667', '#d668', '#d669', '#d670', '#d671', '#d672', '#d673']
+var divtoname = {'#d322': 'khaki4', '#d600': 'gray34', '#d118': 'MediumPurple1', '#d119': 'MediumPurple2', '#d114': 'purple3', '#d115': 'purple4', '#d116': 'purple1', '#d117': 'MediumPurple', '#d110': 'purple', '#d111': 'indigo', '#d112': 'BlueViolet', '#d113': 'purple2', '#d529': 'grey67', '#d231': 'DarkSlateGray', '#d339': 'LightGoldenrod3', '#d233': 'MediumTurquoise', '#d232': 'DarkSlateGrey', '#d235': 'turquoise', '#d234': 'LightSeaGreen', '#d237': 'aquamarine', '#d236': 'aquamarine4', '#d239': 'aquamarine2', '#d238': 'aquamarine1', '#d332': 'gold1', '#d333': 'gold2', '#d334': 'gold3', '#d335': 'gold4', '#d336': 'LightGoldenrod', '#d337': 'LightGoldenrod4', '#d424': 'LightSalmon3', '#d425': 'LightSalmon', '#d426': 'LightSalmon1', '#d427': 'LightSalmon4', '#d420': 'sienna', '#d421': 'sienna1', '#d422': 'sienna2', '#d423': 'sienna3', '#d587': 'grey41', '#d586': 'gray41', '#d585': 'DimGrey', '#d584': 'DimGray', '#d428': 'LightSalmon2', '#d429': 'coral', '#d581': 'grey43', '#d580': 'gray43', '#d89': 'thistle4', '#d88': 'plum3', '#d349': 'goldenrod4', '#d348': 'goldenrod3', '#d81': 'thistle2', '#d80': 'thistle1', '#d83': 'plum2', '#d82': 'plum1', '#d85': 'thistle3', '#d84': 'thistle', '#d87': 'violet', '#d86': 'plum', '#d601': 'grey34', '#d67': 'DeepPink3', '#d66': 'DeepPink2', '#d65': 'DeepPink1', '#d64': 'DeepPink', '#d63': 'HotPink', '#d62': 'HotPink4', '#d61': 'HotPink1', '#d60': 'HotPink2', '#d69': 'maroon1', '#d68': 'DeepPink4', '#d510': 'grey76', '#d511': 'silver', '#d512': 'gray75', '#d513': 'grey75', '#d514': 'gray74', '#d515': 'grey74', '#d516': 'gray73', '#d517': 'grey73', '#d518': 'gray72', '#d519': 'grey72', '#d150': 'LightSteelBlue2', '#d151': 'LightSteelBlue3', '#d152': 'LightSteelBlue4', '#d153': 'SlateGray4', '#d154': 'SlateGray1', '#d155': 'SlateGray2', '#d156': 'SlateGray3', '#d157': 'LightSlateGray', '#d158': 'LightSlateGrey', '#d159': 'SlateGray', '#d565': 'gray50', '#d564': 'fractal', '#d567': 'gray', '#d566': 'grey50', '#d561': 'grey52', '#d560': 'gray52', '#d563': 'grey51', '#d562': 'gray51', '#d604': 'gray32', '#d605': 'grey32', '#d606': 'gray31', '#d607': 'grey31', '#d569': 'grey49', '#d568': 'gray49', '#d602': 'gray33', '#d603': 'grey33', '#d125': 'SlateBlue', '#d124': 'MediumSlateBlue', '#d127': 'SlateBlue2', '#d126': 'SlateBlue1', '#d121': 'MediumPurple4', '#d120': 'MediumPurple3', '#d123': 'LightSlateBlue', '#d122': 'DarkSlateBlue', '#d359': 'wheat1', '#d129': 'SlateBlue4', '#d128': 'SlateBlue3', '#d301': 'LightYellow', '#d300': 'ivory1', '#d303': 'beige', '#d302': 'LightYellow1', '#d305': 'LightGoldenrodYellow', '#d304': 'ivory2', '#d307': 'ivory3', '#d306': 'LightYellow2', '#d309': 'ivory4', '#d308': 'LightYellow3', '#d462': 'grey98', '#d351': 'DarkGoldenrod1', '#d464': 'grey97', '#d465': 'gray96', '#d466': 'grey96', '#d467': 'WhiteSmoke', '#d463': 'gray97', '#d268': 'PaleGreen3', '#d269': 'honeydew4', '#d266': 'DarkSeaGreen3', '#d267': 'DarkSeaGreen', '#d264': 'LightGreen', '#d265': 'PaleGreen2', '#d262': 'PaleGreen', '#d263': 'honeydew3', '#d260': 'DarkSeaGreen2', '#d261': 'PaleGreen1', '#d598': 'gray35', '#d29': 'firebrick4', '#d28': 'brown4', '#d23': 'red2', '#d22': 'firebrick3', '#d21': 'RosyBrown4', '#d20': 'red1', '#d27': 'IndianRed4', '#d26': 'red3', '#d25': 'brown', '#d24': 'firebrick', '#d599': 'grey35', '#d338': 'LightGoldenrod1', '#d419': 'sienna4', '#d418': 'seashell1', '#d230': 'teal', '#d415': 'chocolate4', '#d414': 'chocolate3', '#d417': 'seashell', '#d416': 'SaddleBrown', '#d411': 'chocolate', '#d410': 'seashell3', '#d413': 'chocolate2', '#d412': 'chocolate1', '#d398': 'tan1', '#d399': 'tan2', '#d392': 'DarkOrange1', '#d393': 'linen', '#d390': 'bisque1', '#d391': 'bisque3', '#d396': 'DarkOrange4', '#d397': 'peru', '#d394': 'DarkOrange2', '#d395': 'DarkOrange3', '#d194': 'CadetBlue2', '#d195': 'CadetBlue3', '#d196': 'CadetBlue4', '#d197': 'turquoise1', '#d190': 'LightBlue', '#d191': 'LightBlue4', '#d192': 'PowderBlue', '#d193': 'CadetBlue1', '#d198': 'turquoise2', '#d199': 'turquoise3', '#d330': 'cornsilk4', '#d331': 'gold', '#d640': 'gray14', '#d641': 'grey14', '#d642': 'gray13', '#d643': 'grey13', '#d644': 'gray12', '#d645': 'grey12', '#d646': 'gray11', '#d647': 'grey11', '#d648': 'gray10', '#d649': 'grey10', '#d668': 'black', '#d486': 'gainsboro', '#d487': 'gray86', '#d484': 'gray87', '#d485': 'grey87', '#d482': 'gray88', '#d483': 'grey88', '#d480': 'gray89', '#d481': 'grey89', '#d521': 'grey71', '#d520': 'gray71', '#d523': 'grey70', '#d522': 'gray70', '#d525': 'grey69', '#d524': 'gray69', '#d488': 'grey86', '#d489': 'gray85', '#d430': 'OrangeRed', '#d660': 'gray4', '#d169': 'SteelBlue1', '#d168': 'SteelBlue', '#d661': 'grey4', '#d161': 'DodgerBlue', '#d160': 'SlateGrey', '#d163': 'DodgerBlue2', '#d162': 'DodgerBlue1', '#d165': 'DodgerBlue3', '#d164': 'DodgerBlue4', '#d167': 'SteelBlue4', '#d166': 'AliceBlue', '#d635': 'grey17', '#d634': 'gray17', '#d637': 'grey16', '#d636': 'gray16', '#d631': 'grey19', '#d630': 'gray19', '#d633': 'grey18', '#d632': 'gray18', '#d639': 'grey15', '#d638': 'gray15', '#d368': 'PapayaWhip', '#d222': 'cyan', '#d223': 'cyan1', '#d220': 'LightCyan4', '#d221': 'aqua', '#d226': 'DarkSlateGray4', '#d227': 'cyan3', '#d224': 'PaleTurquoise4', '#d225': 'cyan2', '#d228': 'cyan4', '#d229': 'DarkCyan', '#d590': 'gray39', '#d538': 'gray63', '#d539': 'grey63', '#d591': 'grey39', '#d451': 'MistyRose', '#d450': 'MistyRose2', '#d453': 'salmon', '#d452': 'MistyRose1', '#d455': 'white', '#d454': 'MistyRose3', '#d457': 'grey100', '#d456': 'gray100', '#d459': 'gray99', '#d458': 'grey100', '#d592': 'gray38', '#d593': 'grey38', '#d594': 'gray37', '#d595': 'grey37', '#d596': 'gray36', '#d597': 'grey36', '#d297': 'YellowGreen', '#d296': 'OliveDrab3', '#d295': 'OliveDrab2', '#d294': 'OliveDrab1', '#d293': 'OliveDrab', '#d292': 'DarkOliveGreen', '#d291': 'DarkOliveGreen4', '#d290': 'DarkOliveGreen2', '#d356': 'wheat2', '#d357': 'OldLace', '#d354': 'DarkGoldenrod4', '#d355': 'FloralWhite', '#d352': 'DarkGoldenrod2', '#d353': 'DarkGoldenrod3', '#d299': 'ivory', '#d298': 'OliveDrab4', '#d468': 'gray95', '#d534': 'gray65', '#d535': 'grey65', '#d52': 'LavenderBlush2', '#d53': 'LavenderBlush4', '#d50': 'LavenderBlush1', '#d51': 'LavenderBlush3', '#d56': 'VioletRed3', '#d57': 'VioletRed1', '#d54': 'maroon', '#d55': 'HotPink3', '#d58': 'VioletRed2', '#d59': 'VioletRed4', '#d469': 'grey95', '#d558': 'gray53', '#d559': 'grey53', '#d576': 'gray45', '#d577': 'grey45', '#d574': 'gray46', '#d575': 'grey46', '#d572': 'gray47', '#d573': 'grey47', '#d570': 'gray48', '#d571': 'grey48', '#d671': 'opaque', '#d670': 'grey0', '#d673': 'transparent', '#d672': 'none', '#d578': 'gray44', '#d579': 'grey44', '#d589': 'grey40', '#d588': 'gray40', '#d4': 'RosyBrown2', '#d5': 'snow3', '#d6': 'LightCoral', '#d7': 'IndianRed1', '#d0': 'snow', '#d1': 'snow1', '#d2': 'snow2', '#d3': 'RosyBrown1', '#d8': 'RosyBrown3', '#d9': 'IndianRed2', '#d136': 'MediumBlue', '#d137': 'blue4', '#d134': 'blue2', '#d135': 'blue3', '#d132': 'blue', '#d133': 'blue1', '#d130': 'GhostWhite', '#d131': 'lavender', '#d583': 'grey42', '#d138': 'DarkBlue', '#d139': 'MidnightBlue', '#d312': 'yellow1', '#d313': 'yellow2', '#d310': 'LightYellow4', '#d311': 'yellow', '#d316': 'olive', '#d317': 'DarkKhaki', '#d314': 'yellow3', '#d315': 'yellow4', '#d318': 'khaki2', '#d319': 'LemonChiffon4', '#d259': 'DarkSeaGreen1', '#d258': 'honeydew2', '#d253': 'SeaGreen4', '#d252': 'SeaGreen1', '#d251': 'SeaGreen3', '#d250': 'SeaGreen', '#d257': 'honeydew1', '#d256': 'honeydew', '#d255': 'MediumForestGreen', '#d254': 'SeaGreen2', '#d345': 'goldenrod', '#d344': 'cornsilk1', '#d612': 'gray28', '#d347': 'goldenrod2', '#d461': 'gray98', '#d346': 'goldenrod1', '#d479': 'grey90', '#d341': 'cornsilk3', '#d478': 'gray90', '#d340': 'LightGoldenrod2', '#d343': 'cornsilk', '#d342': 'cornsilk2', '#d528': 'gray67', '#d408': 'seashell4', '#d409': 'seashell2', '#d406': 'PeachPuff3', '#d407': 'SandyBrown', '#d404': 'PeachPuff4', '#d405': 'PeachPuff2', '#d402': 'PeachPuff', '#d403': 'PeachPuff1', '#d400': 'tan3', '#d401': 'tan4', '#d552': 'gray56', '#d460': 'grey99', '#d16': 'firebrick2', '#d17': 'snow4', '#d14': 'IndianRed', '#d15': 'IndianRed3', '#d12': 'firebrick1', '#d13': 'brown2', '#d10': 'RosyBrown', '#d11': 'brown1', '#d532': 'gray66', '#d533': 'grey66', '#d530': 'DarkGray', '#d531': 'DarkGrey', '#d536': 'gray64', '#d537': 'grey64', '#d18': 'brown3', '#d19': 'red', '#d329': 'MediumGoldenRod', '#d328': 'LemonChiffon2', '#d178': 'LightSkyBlue1', '#d179': 'LightSkyBlue2', '#d172': 'SkyBlue4', '#d173': 'SkyBlue1', '#d170': 'SteelBlue2', '#d171': 'SteelBlue3', '#d176': 'LightSkyBlue', '#d177': 'LightSkyBlue4', '#d174': 'SkyBlue2', '#d175': 'SkyBlue3', '#d626': 'gray21', '#d627': 'grey21', '#d624': 'gray22', '#d625': 'grey22', '#d622': 'gray23', '#d623': 'grey23', '#d620': 'gray24', '#d621': 'grey24', '#d628': 'gray20', '#d629': 'grey20', '#d219': 'azure4', '#d218': 'DarkSlateGray3', '#d217': 'PaleTurquoise3', '#d216': 'DarkSlateGray2', '#d215': 'LightCyan3', '#d214': 'azure3', '#d213': 'DarkSlateGray1', '#d212': 'PaleTurquoise2', '#d211': 'PaleTurquoise', '#d210': 'PaleTurquoise1', '#d669': 'gray0', '#d582': 'gray42', '#d442': 'coral3', '#d443': 'coral4', '#d440': 'coral1', '#d441': 'coral2', '#d446': 'tomato1', '#d447': 'tomato2', '#d444': 'tomato4', '#d445': 'tomato', '#d448': 'tomato3', '#d449': 'MistyRose4', '#d280': 'DarkGreen', '#d281': 'LawnGreen', '#d282': 'chartreuse', '#d283': 'chartreuse1', '#d284': 'chartreuse2', '#d285': 'chartreuse3', '#d286': 'chartreuse4', '#d287': 'GreenYellow', '#d288': 'DarkOliveGreen3', '#d289': 'DarkOliveGreen1', '#d361': 'orange', '#d360': 'wheat3', '#d367': 'moccasin', '#d366': 'wheat4', '#d365': 'orange4', '#d364': 'orange3', '#d49': 'LavenderBlush', '#d48': 'PaleVioletRed3', '#d45': 'PaleVioletRed', '#d44': 'PaleVioletRed4', '#d47': 'PaleVioletRed1', '#d46': 'PaleVioletRed2', '#d41': 'pink2', '#d40': 'pink1', '#d43': 'pink4', '#d42': 'pink3', '#d358': 'wheat', '#d527': 'grey68', '#d526': 'gray68', '#d614': 'gray27', '#d543': 'grey61', '#d542': 'gray61', '#d541': 'grey62', '#d540': 'gray62', '#d547': 'grey59', '#d546': 'gray59', '#d545': 'grey60', '#d544': 'gray60', '#d662': 'gray3', '#d663': 'grey3', '#d549': 'grey58', '#d548': 'gray58', '#d666': 'gray1', '#d667': 'grey1', '#d664': 'gray2', '#d665': 'grey2', '#d103': 'MediumOrchid4', '#d102': 'MediumOrchid3', '#d101': 'MediumOrchid2', '#d100': 'MediumOrchid1', '#d107': 'DarkOrchid3', '#d106': 'DarkOrchid1', '#d105': 'DarkOrchid', '#d104': 'DarkViolet', '#d109': 'DarkOrchid4', '#d108': 'DarkOrchid2', '#d244': 'SpringGreen', '#d245': 'SpringGreen1', '#d246': 'SpringGreen2', '#d247': 'SpringGreen3', '#d240': 'aquamarine3', '#d241': 'MediumAquamarine', '#d242': 'MediumSpringGreen', '#d243': 'MintCream', '#d327': 'LemonChiffon3', '#d326': 'khaki', '#d325': 'LemonChiffon1', '#d324': 'LemonChiffon', '#d248': 'SpringGreen4', '#d249': 'MediumSeaGreen', '#d321': 'khaki3', '#d320': 'khaki1', '#d350': 'DarkGoldenrod', '#d439': 'salmon4', '#d438': 'salmon3', '#d98': 'purple', '#d99': 'MediumOrchid', '#d96': 'DarkMagenta', '#d97': 'magenta4', '#d94': 'magenta2', '#d95': 'magenta3', '#d92': 'magenta1', '#d93': 'plum4', '#d90': 'fuchsia', '#d91': 'magenta', '#d433': 'OrangeRed3', '#d432': 'OrangeRed2', '#d431': 'OrangeRed1', '#d74': 'VioletRed', '#d75': 'orchid2', '#d76': 'orchid', '#d77': 'orchid1', '#d70': 'maroon2', '#d71': 'maroon3', '#d72': 'maroon4', '#d73': 'MediumVioletRed', '#d437': 'salmon2', '#d78': 'orchid3', '#d79': 'orchid4', '#d436': 'salmon1', '#d435': 'DarkSalmon', '#d434': 'OrangeRed4', '#d507': 'gray77', '#d506': 'grey78', '#d505': 'gray78', '#d504': 'grey79', '#d503': 'gray79', '#d502': 'grey80', '#d501': 'gray80', '#d500': 'grey81', '#d509': 'gray76', '#d508': 'grey77', '#d473': 'grey93', '#d369': 'NavajoWhite3', '#d147': 'CornflowerBlue', '#d146': 'RoyalBlue4', '#d145': 'RoyalBlue3', '#d144': 'RoyalBlue2', '#d143': 'RoyalBlue1', '#d142': 'RoyalBlue', '#d141': 'NavyBlue', '#d140': 'navy', '#d149': 'LightSteelBlue1', '#d148': 'LightSteelBlue', '#d472': 'gray93', '#d613': 'grey28', '#d363': 'orange2', '#d611': 'grey29', '#d610': 'gray29', '#d617': 'grey26', '#d616': 'gray26', '#d615': 'grey27', '#d362': 'orange1', '#d619': 'grey25', '#d618': 'gray25', '#d208': 'azure2', '#d209': 'LightCyan2', '#d200': 'turquoise4', '#d201': 'cadet blue', '#d202': 'CadetBlue', '#d203': 'DarkTurquoise', '#d204': 'azure', '#d205': 'azure1', '#d206': 'LightCyan', '#d207': 'LightCyan1', '#d608': 'gray30', '#d609': 'grey30', '#d374': 'NavajoWhite4', '#d375': 'AntiqueWhite4', '#d376': 'AntiqueWhite', '#d377': 'tan', '#d370': 'BlanchedAlmond', '#d371': 'NavajoWhite', '#d372': 'NavajoWhite1', '#d373': 'NavajoWhite2', '#d477': 'grey91', '#d476': 'gray91', '#d475': 'grey92', '#d474': 'gray92', '#d378': 'bisque4', '#d379': 'burlywood', '#d471': 'grey94', '#d470': 'gray94', '#d279': 'green', '#d278': 'green4', '#d275': 'PaleGreen4', '#d274': 'green2', '#d277': 'ForestGreen', '#d276': 'green3', '#d271': 'lime', '#d270': 'green1', '#d273': 'DarkSeaGreen4', '#d272': 'LimeGreen', '#d38': 'pink', '#d39': 'crimson', '#d30': 'DarkRed', '#d31': 'red4', '#d32': 'maroon', '#d33': 'LightPink1', '#d34': 'LightPink3', '#d35': 'LightPink4', '#d36': 'LightPink2', '#d37': 'LightPink', '#d658': 'gray5', '#d389': 'bisque', '#d388': 'bisque2', '#d381': 'burlywood1', '#d380': 'AntiqueWhite2', '#d383': 'burlywood2', '#d382': 'burlywood3', '#d385': 'burlywood4', '#d384': 'AntiqueWhite1', '#d387': 'DarkOrange', '#d386': 'AntiqueWhite3', '#d189': 'LightBlue2', '#d188': 'LightBlue1', '#d183': 'DeepSkyBlue', '#d182': 'LightBlue3', '#d181': 'SkyBlue', '#d180': 'LightSkyBlue3', '#d187': 'DeepSkyBlue3', '#d186': 'DeepSkyBlue4', '#d185': 'DeepSkyBlue2', '#d184': 'DeepSkyBlue1', '#d657': 'grey6', '#d656': 'gray6', '#d655': 'grey7', '#d654': 'gray7', '#d653': 'grey8', '#d652': 'gray8', '#d651': 'grey9', '#d650': 'gray9', '#d550': 'gray57', '#d659': 'grey5', '#d551': 'grey57', '#d495': 'LightGray', '#d494': 'grey83', '#d497': 'gray82', '#d496': 'LightGrey', '#d491': 'gray84', '#d490': 'grey85', '#d493': 'gray83', '#d492': 'grey84', '#d554': 'gray55', '#d555': 'grey55', '#d556': 'gray54', '#d557': 'grey54', '#d499': 'gray81', '#d498': 'grey82', '#d323': 'PaleGoldenrod', '#d553': 'grey56'}
\ No newline at end of file
diff --git a/frontend/imgrid/colors/colors/junk/divlistmaker b/frontend/imgrid/colors/colors/junk/divlistmaker
new file mode 100755
index 0000000..b461bc9
--- /dev/null
+++ b/frontend/imgrid/colors/colors/junk/divlistmaker
@@ -0,0 +1,32 @@
+#!/usr/bin/python2.7
+
+
+
+divlist = []
+for x in range(674):
+		divlist.append("#d"+str(x))
+
+print str(divlist)
+
+f = open('colordict.js', 'a')
+
+f.write("var divlist = ")
+f.write(str(divlist))
+f.close()
+
+f = open('colors.html', 'r')
+lines = f.readlines()
+colornames = []
+for line in lines:
+  if 'right' in line and 'td' in line:
+    colornames.append(line[22:-6])
+
+divtoname = {}
+for i in divlist:
+	divtoname[i] = colornames[divlist.index(i)]
+
+print divtoname
+f = open('colordict.js', 'a')
+f.write("\nvar divtoname = ")
+f.write(str(divtoname))
+
diff --git a/frontend/imgrid/colors/colors/junk/mapmaker.html b/frontend/imgrid/colors/colors/junk/mapmaker.html
new file mode 100755
index 0000000..05ca832
--- /dev/null
+++ b/frontend/imgrid/colors/colors/junk/mapmaker.html
@@ -0,0 +1,3586 @@
+<html>
+<head>
+
+<style type='text/css'>
+
+body
+{
+max-width:100%;
+max-height:100%; 
+font-family:helvetica; 
+font-size:2px; 
+}
+
+
+#container div
+{
+display: -moz-inline-stack;
+display:inline-block;
+vertical-align:bottom;
+height: 4px;
+zoom: 1;
+*display: inline;
+}
+
+#container
+{
+margin:0 auto;
+width:30px;
+padding-top:60px;
+padding-bottom:50px;
+padding-left:10px;
+padding-right:10px;
+text-align:center;
+}
+
+#colornames
+{
+color:white;
+position:fixed;
+font-size:50px;
+top:50px;
+right:60%;
+width:400px;
+}
+
+#hexswitch
+		{
+		position:fixed;
+		top:20px;
+		right:10%;
+		height:100px;
+		width:300px;
+		font-size:20px
+		border-style: groove;
+		border-width: 4px;
+		background-color:goldenrod;
+		text-align:center;
+		}
+#infoswitch
+		{
+		position:fixed;
+		top: 60px;
+		right:5%;
+		font-size:20px
+		background-color:gray;
+		text-align:center;
+		}
+#d0
+{background-color:#FFFAFA}
+
+#d1
+{background-color:#FFFAFA}
+
+#d2
+{background-color:#EEE9E9}
+
+#d3
+{background-color:#FFC1C1}
+
+#d4
+{background-color:#EEB4B4}
+
+#d5
+{background-color:#CDC9C9}
+
+#d6
+{background-color:#F08080}
+
+#d7
+{background-color:#FF6A6A}
+
+#d8
+{background-color:#CD9B9B}
+
+#d9
+{background-color:#EE6363}
+
+#d10
+{background-color:#BC8F8F}
+
+#d11
+{background-color:#FF4040}
+
+#d12
+{background-color:#FF3030}
+
+#d13
+{background-color:#EE3B3B}
+
+#d14
+{background-color:#CD5C5C}
+
+#d15
+{background-color:#CD5555}
+
+#d16
+{background-color:#EE2C2C}
+
+#d17
+{background-color:#8B8989}
+
+#d18
+{background-color:#CD3333}
+
+#d19
+{background-color:#FF0000}
+
+#d20
+{background-color:#FF0000}
+
+#d21
+{background-color:#8B6969}
+
+#d22
+{background-color:#CD2626}
+
+#d23
+{background-color:#EE0000}
+
+#d24
+{background-color:#B22222}
+
+#d25
+{background-color:#A52A2A}
+
+#d26
+{background-color:#CD0000}
+
+#d27
+{background-color:#8B3A3A}
+
+#d28
+{background-color:#8B2323}
+
+#d29
+{background-color:#8B1A1A}
+
+#d30
+{background-color:#8B0000}
+
+#d31
+{background-color:#8B0000}
+
+#d32
+{background-color:#800000}
+
+#d33
+{background-color:#FFAEB9}
+
+#d34
+{background-color:#CD8C95}
+
+#d35
+{background-color:#8B5F65}
+
+#d36
+{background-color:#EEA2AD}
+
+#d37
+{background-color:#FFB6C1}
+
+#d38
+{background-color:#FFC0CB}
+
+#d39
+{background-color:#DC143C}
+
+#d40
+{background-color:#FFB5C5}
+
+#d41
+{background-color:#EEA9B8}
+
+#d42
+{background-color:#CD919E}
+
+#d43
+{background-color:#8B636C}
+
+#d44
+{background-color:#8B475D}
+
+#d45
+{background-color:#DB7093}
+
+#d46
+{background-color:#EE799F}
+
+#d47
+{background-color:#FF82AB}
+
+#d48
+{background-color:#CD6889}
+
+#d49
+{background-color:#FFF0F5}
+
+#d50
+{background-color:#FFF0F5}
+
+#d51
+{background-color:#CDC1C5}
+
+#d52
+{background-color:#EEE0E5}
+
+#d53
+{background-color:#8B8386}
+
+#d54
+{background-color:#B03060}
+
+#d55
+{background-color:#CD6090}
+
+#d56
+{background-color:#CD3278}
+
+#d57
+{background-color:#FF3E96}
+
+#d58
+{background-color:#EE3A8C}
+
+#d59
+{background-color:#8B2252}
+
+#d60
+{background-color:#EE6AA7}
+
+#d61
+{background-color:#FF6EB4}
+
+#d62
+{background-color:#8B3A62}
+
+#d63
+{background-color:#FF69B4}
+
+#d64
+{background-color:#FF1493}
+
+#d65
+{background-color:#FF1493}
+
+#d66
+{background-color:#EE1289}
+
+#d67
+{background-color:#CD1076}
+
+#d68
+{background-color:#8B0A50}
+
+#d69
+{background-color:#FF34B3}
+
+#d70
+{background-color:#EE30A7}
+
+#d71
+{background-color:#CD2990}
+
+#d72
+{background-color:#8B1C62}
+
+#d73
+{background-color:#C71585}
+
+#d74
+{background-color:#D02090}
+
+#d75
+{background-color:#EE7AE9}
+
+#d76
+{background-color:#DA70D6}
+
+#d77
+{background-color:#FF83FA}
+
+#d78
+{background-color:#CD69C9}
+
+#d79
+{background-color:#8B4789}
+
+#d80
+{background-color:#FFE1FF}
+
+#d81
+{background-color:#EED2EE}
+
+#d82
+{background-color:#FFBBFF}
+
+#d83
+{background-color:#EEAEEE}
+
+#d84
+{background-color:#D8BFD8}
+
+#d85
+{background-color:#CDB5CD}
+
+#d86
+{background-color:#DDA0DD}
+
+#d87
+{background-color:#EE82EE}
+
+#d88
+{background-color:#CD96CD}
+
+#d89
+{background-color:#8B7B8B}
+
+#d90
+{background-color:#FF00FF}
+
+#d91
+{background-color:#FF00FF}
+
+#d92
+{background-color:#FF00FF}
+
+#d93
+{background-color:#8B668B}
+
+#d94
+{background-color:#EE00EE}
+
+#d95
+{background-color:#CD00CD}
+
+#d96
+{background-color:#8B008B}
+
+#d97
+{background-color:#8B008B}
+
+#d98
+{background-color:#800080}
+
+#d99
+{background-color:#BA55D3}
+
+#d100
+{background-color:#E066FF}
+
+#d101
+{background-color:#D15FEE}
+
+#d102
+{background-color:#B452CD}
+
+#d103
+{background-color:#7A378B}
+
+#d104
+{background-color:#9400D3}
+
+#d105
+{background-color:#9932CC}
+
+#d106
+{background-color:#BF3EFF}
+
+#d107
+{background-color:#9A32CD}
+
+#d108
+{background-color:#B23AEE}
+
+#d109
+{background-color:#68228B}
+
+#d110
+{background-color:#A020F0}
+
+#d111
+{background-color:#4B0082}
+
+#d112
+{background-color:#8A2BE2}
+
+#d113
+{background-color:#912CEE}
+
+#d114
+{background-color:#7D26CD}
+
+#d115
+{background-color:#551A8B}
+
+#d116
+{background-color:#9B30FF}
+
+#d117
+{background-color:#9370DB}
+
+#d118
+{background-color:#AB82FF}
+
+#d119
+{background-color:#9F79EE}
+
+#d120
+{background-color:#8968CD}
+
+#d121
+{background-color:#5D478B}
+
+#d122
+{background-color:#483D8B}
+
+#d123
+{background-color:#8470FF}
+
+#d124
+{background-color:#7B68EE}
+
+#d125
+{background-color:#6A5ACD}
+
+#d126
+{background-color:#836FFF}
+
+#d127
+{background-color:#7A67EE}
+
+#d128
+{background-color:#6959CD}
+
+#d129
+{background-color:#473C8B}
+
+#d130
+{background-color:#F8F8FF}
+
+#d131
+{background-color:#E6E6FA}
+
+#d132
+{background-color:#0000FF}
+
+#d133
+{background-color:#0000FF}
+
+#d134
+{background-color:#0000EE}
+
+#d135
+{background-color:#0000CD}
+
+#d136
+{background-color:#0000CD}
+
+#d137
+{background-color:#00008B}
+
+#d138
+{background-color:#00008B}
+
+#d139
+{background-color:#191970}
+
+#d140
+{background-color:#000080}
+
+#d141
+{background-color:#000080}
+
+#d142
+{background-color:#4169E1}
+
+#d143
+{background-color:#4876FF}
+
+#d144
+{background-color:#436EEE}
+
+#d145
+{background-color:#3A5FCD}
+
+#d146
+{background-color:#27408B}
+
+#d147
+{background-color:#6495ED}
+
+#d148
+{background-color:#B0C4DE}
+
+#d149
+{background-color:#CAE1FF}
+
+#d150
+{background-color:#BCD2EE}
+
+#d151
+{background-color:#A2B5CD}
+
+#d152
+{background-color:#6E7B8B}
+
+#d153
+{background-color:#6C7B8B}
+
+#d154
+{background-color:#C6E2FF}
+
+#d155
+{background-color:#B9D3EE}
+
+#d156
+{background-color:#9FB6CD}
+
+#d157
+{background-color:#778899}
+
+#d158
+{background-color:#778899}
+
+#d159
+{background-color:#708090}
+
+#d160
+{background-color:#708090}
+
+#d161
+{background-color:#1E90FF}
+
+#d162
+{background-color:#1E90FF}
+
+#d163
+{background-color:#1C86EE}
+
+#d164
+{background-color:#104E8B}
+
+#d165
+{background-color:#1874CD}
+
+#d166
+{background-color:#F0F8FF}
+
+#d167
+{background-color:#36648B}
+
+#d168
+{background-color:#4682B4}
+
+#d169
+{background-color:#63B8FF}
+
+#d170
+{background-color:#5CACEE}
+
+#d171
+{background-color:#4F94CD}
+
+#d172
+{background-color:#4A708B}
+
+#d173
+{background-color:#87CEFF}
+
+#d174
+{background-color:#7EC0EE}
+
+#d175
+{background-color:#6CA6CD}
+
+#d176
+{background-color:#87CEFA}
+
+#d177
+{background-color:#607B8B}
+
+#d178
+{background-color:#B0E2FF}
+
+#d179
+{background-color:#A4D3EE}
+
+#d180
+{background-color:#8DB6CD}
+
+#d181
+{background-color:#87CEEB}
+
+#d182
+{background-color:#9AC0CD}
+
+#d183
+{background-color:#00BFFF}
+
+#d184
+{background-color:#00BFFF}
+
+#d185
+{background-color:#00B2EE}
+
+#d186
+{background-color:#00688B}
+
+#d187
+{background-color:#009ACD}
+
+#d188
+{background-color:#BFEFFF}
+
+#d189
+{background-color:#B2DFEE}
+
+#d190
+{background-color:#ADD8E6}
+
+#d191
+{background-color:#68838B}
+
+#d192
+{background-color:#B0E0E6}
+
+#d193
+{background-color:#98F5FF}
+
+#d194
+{background-color:#8EE5EE}
+
+#d195
+{background-color:#7AC5CD}
+
+#d196
+{background-color:#53868B}
+
+#d197
+{background-color:#00F5FF}
+
+#d198
+{background-color:#00E5EE}
+
+#d199
+{background-color:#00C5CD}
+
+#d200
+{background-color:#00868B}
+
+#d201
+{background-color:#5F9EA0}
+
+#d202
+{background-color:#5F9EA0}
+
+#d203
+{background-color:#00CED1}
+
+#d204
+{background-color:#F0FFFF}
+
+#d205
+{background-color:#F0FFFF}
+
+#d206
+{background-color:#E0FFFF}
+
+#d207
+{background-color:#E0FFFF}
+
+#d208
+{background-color:#E0EEEE}
+
+#d209
+{background-color:#D1EEEE}
+
+#d210
+{background-color:#BBFFFF}
+
+#d211
+{background-color:#AFEEEE}
+
+#d212
+{background-color:#AEEEEE}
+
+#d213
+{background-color:#97FFFF}
+
+#d214
+{background-color:#C1CDCD}
+
+#d215
+{background-color:#B4CDCD}
+
+#d216
+{background-color:#8DEEEE}
+
+#d217
+{background-color:#96CDCD}
+
+#d218
+{background-color:#79CDCD}
+
+#d219
+{background-color:#838B8B}
+
+#d220
+{background-color:#7A8B8B}
+
+#d221
+{background-color:#00FFFF}
+
+#d222
+{background-color:#00FFFF}
+
+#d223
+{background-color:#00FFFF}
+
+#d224
+{background-color:#668B8B}
+
+#d225
+{background-color:#00EEEE}
+
+#d226
+{background-color:#528B8B}
+
+#d227
+{background-color:#00CDCD}
+
+#d228
+{background-color:#008B8B}
+
+#d229
+{background-color:#008B8B}
+
+#d230
+{background-color:#008080}
+
+#d231
+{background-color:#2F4F4F}
+
+#d232
+{background-color:#2F4F4F}
+
+#d233
+{background-color:#48D1CC}
+
+#d234
+{background-color:#20B2AA}
+
+#d235
+{background-color:#40E0D0}
+
+#d236
+{background-color:#458B74}
+
+#d237
+{background-color:#7FFFD4}
+
+#d238
+{background-color:#7FFFD4}
+
+#d239
+{background-color:#76EEC6}
+
+#d240
+{background-color:#66CDAA}
+
+#d241
+{background-color:#66CDAA}
+
+#d242
+{background-color:#00FA9A}
+
+#d243
+{background-color:#F5FFFA}
+
+#d244
+{background-color:#00FF7F}
+
+#d245
+{background-color:#00FF7F}
+
+#d246
+{background-color:#00EE76}
+
+#d247
+{background-color:#00CD66}
+
+#d248
+{background-color:#008B45}
+
+#d249
+{background-color:#3CB371}
+
+#d250
+{background-color:#2E8B57}
+
+#d251
+{background-color:#43CD80}
+
+#d252
+{background-color:#54FF9F}
+
+#d253
+{background-color:#2E8B57}
+
+#d254
+{background-color:#4EEE94}
+
+#d255
+{background-color:#32814B}
+
+#d256
+{background-color:#F0FFF0}
+
+#d257
+{background-color:#F0FFF0}
+
+#d258
+{background-color:#E0EEE0}
+
+#d259
+{background-color:#C1FFC1}
+
+#d260
+{background-color:#B4EEB4}
+
+#d261
+{background-color:#9AFF9A}
+
+#d262
+{background-color:#98FB98}
+
+#d263
+{background-color:#C1CDC1}
+
+#d264
+{background-color:#90EE90}
+
+#d265
+{background-color:#90EE90}
+
+#d266
+{background-color:#9BCD9B}
+
+#d267
+{background-color:#8FBC8F}
+
+#d268
+{background-color:#7CCD7C}
+
+#d269
+{background-color:#838B83}
+
+#d270
+{background-color:#00FF00}
+
+#d271
+{background-color:#00FF00}
+
+#d272
+{background-color:#32CD32}
+
+#d273
+{background-color:#698B69}
+
+#d274
+{background-color:#00EE00}
+
+#d275
+{background-color:#548B54}
+
+#d276
+{background-color:#00CD00}
+
+#d277
+{background-color:#228B22}
+
+#d278
+{background-color:#008B00}
+
+#d279
+{background-color:#008000}
+
+#d280
+{background-color:#006400}
+
+#d281
+{background-color:#7CFC00}
+
+#d282
+{background-color:#7FFF00}
+
+#d283
+{background-color:#7FFF00}
+
+#d284
+{background-color:#76EE00}
+
+#d285
+{background-color:#66CD00}
+
+#d286
+{background-color:#458B00}
+
+#d287
+{background-color:#ADFF2F}
+
+#d288
+{background-color:#A2CD5A}
+
+#d289
+{background-color:#CAFF70}
+
+#d290
+{background-color:#BCEE68}
+
+#d291
+{background-color:#6E8B3D}
+
+#d292
+{background-color:#556B2F}
+
+#d293
+{background-color:#6B8E23}
+
+#d294
+{background-color:#C0FF3E}
+
+#d295
+{background-color:#B3EE3A}
+
+#d296
+{background-color:#9ACD32}
+
+#d297
+{background-color:#9ACD32}
+
+#d298
+{background-color:#698B22}
+
+#d299
+{background-color:#FFFFF0}
+
+#d300
+{background-color:#FFFFF0}
+
+#d301
+{background-color:#FFFFE0}
+
+#d302
+{background-color:#FFFFE0}
+
+#d303
+{background-color:#F5F5DC}
+
+#d304
+{background-color:#EEEEE0}
+
+#d305
+{background-color:#FAFAD2}
+
+#d306
+{background-color:#EEEED1}
+
+#d307
+{background-color:#CDCDC1}
+
+#d308
+{background-color:#CDCDB4}
+
+#d309
+{background-color:#8B8B83}
+
+#d310
+{background-color:#8B8B7A}
+
+#d311
+{background-color:#FFFF00}
+
+#d312
+{background-color:#FFFF00}
+
+#d313
+{background-color:#EEEE00}
+
+#d314
+{background-color:#CDCD00}
+
+#d315
+{background-color:#8B8B00}
+
+#d316
+{background-color:#808000}
+
+#d317
+{background-color:#BDB76B}
+
+#d318
+{background-color:#EEE685}
+
+#d319
+{background-color:#8B8970}
+
+#d320
+{background-color:#FFF68F}
+
+#d321
+{background-color:#CDC673}
+
+#d322
+{background-color:#8B864E}
+
+#d323
+{background-color:#EEE8AA}
+
+#d324
+{background-color:#FFFACD}
+
+#d325
+{background-color:#FFFACD}
+
+#d326
+{background-color:#F0E68C}
+
+#d327
+{background-color:#CDC9A5}
+
+#d328
+{background-color:#EEE9BF}
+
+#d329
+{background-color:#D1C166}
+
+#d330
+{background-color:#8B8878}
+
+#d331
+{background-color:#FFD700}
+
+#d332
+{background-color:#FFD700}
+
+#d333
+{background-color:#EEC900}
+
+#d334
+{background-color:#CDAD00}
+
+#d335
+{background-color:#8B7500}
+
+#d336
+{background-color:#EEDD82}
+
+#d337
+{background-color:#8B814C}
+
+#d338
+{background-color:#FFEC8B}
+
+#d339
+{background-color:#CDBE70}
+
+#d340
+{background-color:#EEDC82}
+
+#d341
+{background-color:#CDC8B1}
+
+#d342
+{background-color:#EEE8CD}
+
+#d343
+{background-color:#FFF8DC}
+
+#d344
+{background-color:#FFF8DC}
+
+#d345
+{background-color:#DAA520}
+
+#d346
+{background-color:#FFC125}
+
+#d347
+{background-color:#EEB422}
+
+#d348
+{background-color:#CD9B1D}
+
+#d349
+{background-color:#8B6914}
+
+#d350
+{background-color:#B8860B}
+
+#d351
+{background-color:#FFB90F}
+
+#d352
+{background-color:#EEAD0E}
+
+#d353
+{background-color:#CD950C}
+
+#d354
+{background-color:#8B6508}
+
+#d355
+{background-color:#FFFAF0}
+
+#d356
+{background-color:#EED8AE}
+
+#d357
+{background-color:#FDF5E6}
+
+#d358
+{background-color:#F5DEB3}
+
+#d359
+{background-color:#FFE7BA}
+
+#d360
+{background-color:#CDBA96}
+
+#d361
+{background-color:#FFA500}
+
+#d362
+{background-color:#FFA500}
+
+#d363
+{background-color:#EE9A00}
+
+#d364
+{background-color:#CD8500}
+
+#d365
+{background-color:#8B5A00}
+
+#d366
+{background-color:#8B7E66}
+
+#d367
+{background-color:#FFE4B5}
+
+#d368
+{background-color:#FFEFD5}
+
+#d369
+{background-color:#CDB38B}
+
+#d370
+{background-color:#FFEBCD}
+
+#d371
+{background-color:#FFDEAD}
+
+#d372
+{background-color:#FFDEAD}
+
+#d373
+{background-color:#EECFA1}
+
+#d374
+{background-color:#8B795E}
+
+#d375
+{background-color:#8B8378}
+
+#d376
+{background-color:#FAEBD7}
+
+#d377
+{background-color:#D2B48C}
+
+#d378
+{background-color:#8B7D6B}
+
+#d379
+{background-color:#DEB887}
+
+#d380
+{background-color:#EEDFCC}
+
+#d381
+{background-color:#FFD39B}
+
+#d382
+{background-color:#CDAA7D}
+
+#d383
+{background-color:#EEC591}
+
+#d384
+{background-color:#FFEFDB}
+
+#d385
+{background-color:#8B7355}
+
+#d386
+{background-color:#CDC0B0}
+
+#d387
+{background-color:#FF8C00}
+
+#d388
+{background-color:#EED5B7}
+
+#d389
+{background-color:#FFE4C4}
+
+#d390
+{background-color:#FFE4C4}
+
+#d391
+{background-color:#CDB79E}
+
+#d392
+{background-color:#FF7F00}
+
+#d393
+{background-color:#FAF0E6}
+
+#d394
+{background-color:#EE7600}
+
+#d395
+{background-color:#CD6600}
+
+#d396
+{background-color:#8B4500}
+
+#d397
+{background-color:#CD853F}
+
+#d398
+{background-color:#FFA54F}
+
+#d399
+{background-color:#EE9A49}
+
+#d400
+{background-color:#CD853F}
+
+#d401
+{background-color:#8B5A2B}
+
+#d402
+{background-color:#FFDAB9}
+
+#d403
+{background-color:#FFDAB9}
+
+#d404
+{background-color:#8B7765}
+
+#d405
+{background-color:#EECBAD}
+
+#d406
+{background-color:#CDAF95}
+
+#d407
+{background-color:#F4A460}
+
+#d408
+{background-color:#8B8682}
+
+#d409
+{background-color:#EEE5DE}
+
+#d410
+{background-color:#CDC5BF}
+
+#d411
+{background-color:#D2691E}
+
+#d412
+{background-color:#FF7F24}
+
+#d413
+{background-color:#EE7621}
+
+#d414
+{background-color:#CD661D}
+
+#d415
+{background-color:#8B4513}
+
+#d416
+{background-color:#8B4513}
+
+#d417
+{background-color:#FFF5EE}
+
+#d418
+{background-color:#FFF5EE}
+
+#d419
+{background-color:#8B4726}
+
+#d420
+{background-color:#A0522D}
+
+#d421
+{background-color:#FF8247}
+
+#d422
+{background-color:#EE7942}
+
+#d423
+{background-color:#CD6839}
+
+#d424
+{background-color:#CD8162}
+
+#d425
+{background-color:#FFA07A}
+
+#d426
+{background-color:#FFA07A}
+
+#d427
+{background-color:#8B5742}
+
+#d428
+{background-color:#EE9572}
+
+#d429
+{background-color:#FF7F50}
+
+#d430
+{background-color:#FF4500}
+
+#d431
+{background-color:#FF4500}
+
+#d432
+{background-color:#EE4000}
+
+#d433
+{background-color:#CD3700}
+
+#d434
+{background-color:#8B2500}
+
+#d435
+{background-color:#E9967A}
+
+#d436
+{background-color:#FF8C69}
+
+#d437
+{background-color:#EE8262}
+
+#d438
+{background-color:#CD7054}
+
+#d439
+{background-color:#8B4C39}
+
+#d440
+{background-color:#FF7256}
+
+#d441
+{background-color:#EE6A50}
+
+#d442
+{background-color:#CD5B45}
+
+#d443
+{background-color:#8B3E2F}
+
+#d444
+{background-color:#8B3626}
+
+#d445
+{background-color:#FF6347}
+
+#d446
+{background-color:#FF6347}
+
+#d447
+{background-color:#EE5C42}
+
+#d448
+{background-color:#CD4F39}
+
+#d449
+{background-color:#8B7D7B}
+
+#d450
+{background-color:#EED5D2}
+
+#d451
+{background-color:#FFE4E1}
+
+#d452
+{background-color:#FFE4E1}
+
+#d453
+{background-color:#FA8072}
+
+#d454
+{background-color:#CDB7B5}
+
+#d455
+{background-color:#FFFFFF}
+
+#d456
+{background-color:#FFFFFF}
+
+#d457
+{background-color:#FFFFFF}
+
+#d458
+{background-color:#FFFFFF}
+
+#d459
+{background-color:#FCFCFC}
+
+#d460
+{background-color:#FCFCFC}
+
+#d461
+{background-color:#FAFAFA}
+
+#d462
+{background-color:#FAFAFA}
+
+#d463
+{background-color:#F7F7F7}
+
+#d464
+{background-color:#F7F7F7}
+
+#d465
+{background-color:#F5F5F5}
+
+#d466
+{background-color:#F5F5F5}
+
+#d467
+{background-color:#F5F5F5}
+
+#d468
+{background-color:#F2F2F2}
+
+#d469
+{background-color:#F2F2F2}
+
+#d470
+{background-color:#F0F0F0}
+
+#d471
+{background-color:#F0F0F0}
+
+#d472
+{background-color:#EDEDED}
+
+#d473
+{background-color:#EDEDED}
+
+#d474
+{background-color:#EBEBEB}
+
+#d475
+{background-color:#EBEBEB}
+
+#d476
+{background-color:#E8E8E8}
+
+#d477
+{background-color:#E8E8E8}
+
+#d478
+{background-color:#E5E5E5}
+
+#d479
+{background-color:#E5E5E5}
+
+#d480
+{background-color:#E3E3E3}
+
+#d481
+{background-color:#E3E3E3}
+
+#d482
+{background-color:#E0E0E0}
+
+#d483
+{background-color:#E0E0E0}
+
+#d484
+{background-color:#DEDEDE}
+
+#d485
+{background-color:#DEDEDE}
+
+#d486
+{background-color:#DCDCDC}
+
+#d487
+{background-color:#DBDBDB}
+
+#d488
+{background-color:#DBDBDB}
+
+#d489
+{background-color:#D9D9D9}
+
+#d490
+{background-color:#D9D9D9}
+
+#d491
+{background-color:#D6D6D6}
+
+#d492
+{background-color:#D6D6D6}
+
+#d493
+{background-color:#D4D4D4}
+
+#d494
+{background-color:#D4D4D4}
+
+#d495
+{background-color:#D3D3D3}
+
+#d496
+{background-color:#D3D3D3}
+
+#d497
+{background-color:#D1D1D1}
+
+#d498
+{background-color:#D1D1D1}
+
+#d499
+{background-color:#CFCFCF}
+
+#d500
+{background-color:#CFCFCF}
+
+#d501
+{background-color:#CCCCCC}
+
+#d502
+{background-color:#CCCCCC}
+
+#d503
+{background-color:#C9C9C9}
+
+#d504
+{background-color:#C9C9C9}
+
+#d505
+{background-color:#C7C7C7}
+
+#d506
+{background-color:#C7C7C7}
+
+#d507
+{background-color:#C4C4C4}
+
+#d508
+{background-color:#C4C4C4}
+
+#d509
+{background-color:#C2C2C2}
+
+#d510
+{background-color:#C2C2C2}
+
+#d511
+{background-color:#C0C0C0}
+
+#d512
+{background-color:#BFBFBF}
+
+#d513
+{background-color:#BFBFBF}
+
+#d514
+{background-color:#BDBDBD}
+
+#d515
+{background-color:#BDBDBD}
+
+#d516
+{background-color:#BABABA}
+
+#d517
+{background-color:#BABABA}
+
+#d518
+{background-color:#B8B8B8}
+
+#d519
+{background-color:#B8B8B8}
+
+#d520
+{background-color:#B5B5B5}
+
+#d521
+{background-color:#B5B5B5}
+
+#d522
+{background-color:#B3B3B3}
+
+#d523
+{background-color:#B3B3B3}
+
+#d524
+{background-color:#B0B0B0}
+
+#d525
+{background-color:#B0B0B0}
+
+#d526
+{background-color:#ADADAD}
+
+#d527
+{background-color:#ADADAD}
+
+#d528
+{background-color:#ABABAB}
+
+#d529
+{background-color:#ABABAB}
+
+#d530
+{background-color:#A9A9A9}
+
+#d531
+{background-color:#A9A9A9}
+
+#d532
+{background-color:#A8A8A8}
+
+#d533
+{background-color:#A8A8A8}
+
+#d534
+{background-color:#A6A6A6}
+
+#d535
+{background-color:#A6A6A6}
+
+#d536
+{background-color:#A3A3A3}
+
+#d537
+{background-color:#A3A3A3}
+
+#d538
+{background-color:#A1A1A1}
+
+#d539
+{background-color:#A1A1A1}
+
+#d540
+{background-color:#9E9E9E}
+
+#d541
+{background-color:#9E9E9E}
+
+#d542
+{background-color:#9C9C9C}
+
+#d543
+{background-color:#9C9C9C}
+
+#d544
+{background-color:#999999}
+
+#d545
+{background-color:#999999}
+
+#d546
+{background-color:#969696}
+
+#d547
+{background-color:#969696}
+
+#d548
+{background-color:#949494}
+
+#d549
+{background-color:#949494}
+
+#d550
+{background-color:#919191}
+
+#d551
+{background-color:#919191}
+
+#d552
+{background-color:#8F8F8F}
+
+#d553
+{background-color:#8F8F8F}
+
+#d554
+{background-color:#8C8C8C}
+
+#d555
+{background-color:#8C8C8C}
+
+#d556
+{background-color:#8A8A8A}
+
+#d557
+{background-color:#8A8A8A}
+
+#d558
+{background-color:#878787}
+
+#d559
+{background-color:#878787}
+
+#d560
+{background-color:#858585}
+
+#d561
+{background-color:#858585}
+
+#d562
+{background-color:#828282}
+
+#d563
+{background-color:#828282}
+
+#d564
+{background-color:#808080}
+
+#d565
+{background-color:#7F7F7F}
+
+#d566
+{background-color:#7F7F7F}
+
+#d567
+{background-color:#7E7E7E}
+
+#d568
+{background-color:#7D7D7D}
+
+#d569
+{background-color:#7D7D7D}
+
+#d570
+{background-color:#7A7A7A}
+
+#d571
+{background-color:#7A7A7A}
+
+#d572
+{background-color:#787878}
+
+#d573
+{background-color:#787878}
+
+#d574
+{background-color:#757575}
+
+#d575
+{background-color:#757575}
+
+#d576
+{background-color:#737373}
+
+#d577
+{background-color:#737373}
+
+#d578
+{background-color:#707070}
+
+#d579
+{background-color:#707070}
+
+#d580
+{background-color:#6E6E6E}
+
+#d581
+{background-color:#6E6E6E}
+
+#d582
+{background-color:#6B6B6B}
+
+#d583
+{background-color:#6B6B6B}
+
+#d584
+{background-color:#696969}
+
+#d585
+{background-color:#696969}
+
+#d586
+{background-color:#696969}
+
+#d587
+{background-color:#696969}
+
+#d588
+{background-color:#666666}
+
+#d589
+{background-color:#666666}
+
+#d590
+{background-color:#636363}
+
+#d591
+{background-color:#636363}
+
+#d592
+{background-color:#616161}
+
+#d593
+{background-color:#616161}
+
+#d594
+{background-color:#5E5E5E}
+
+#d595
+{background-color:#5E5E5E}
+
+#d596
+{background-color:#5C5C5C}
+
+#d597
+{background-color:#5C5C5C}
+
+#d598
+{background-color:#595959}
+
+#d599
+{background-color:#595959}
+
+#d600
+{background-color:#575757}
+
+#d601
+{background-color:#575757}
+
+#d602
+{background-color:#545454}
+
+#d603
+{background-color:#545454}
+
+#d604
+{background-color:#525252}
+
+#d605
+{background-color:#525252}
+
+#d606
+{background-color:#4F4F4F}
+
+#d607
+{background-color:#4F4F4F}
+
+#d608
+{background-color:#4D4D4D}
+
+#d609
+{background-color:#4D4D4D}
+
+#d610
+{background-color:#4A4A4A}
+
+#d611
+{background-color:#4A4A4A}
+
+#d612
+{background-color:#474747}
+
+#d613
+{background-color:#474747}
+
+#d614
+{background-color:#454545}
+
+#d615
+{background-color:#454545}
+
+#d616
+{background-color:#424242}
+
+#d617
+{background-color:#424242}
+
+#d618
+{background-color:#404040}
+
+#d619
+{background-color:#404040}
+
+#d620
+{background-color:#3D3D3D}
+
+#d621
+{background-color:#3D3D3D}
+
+#d622
+{background-color:#3B3B3B}
+
+#d623
+{background-color:#3B3B3B}
+
+#d624
+{background-color:#383838}
+
+#d625
+{background-color:#383838}
+
+#d626
+{background-color:#363636}
+
+#d627
+{background-color:#363636}
+
+#d628
+{background-color:#333333}
+
+#d629
+{background-color:#333333}
+
+#d630
+{background-color:#303030}
+
+#d631
+{background-color:#303030}
+
+#d632
+{background-color:#2E2E2E}
+
+#d633
+{background-color:#2E2E2E}
+
+#d634
+{background-color:#2B2B2B}
+
+#d635
+{background-color:#2B2B2B}
+
+#d636
+{background-color:#292929}
+
+#d637
+{background-color:#292929}
+
+#d638
+{background-color:#262626}
+
+#d639
+{background-color:#262626}
+
+#d640
+{background-color:#242424}
+
+#d641
+{background-color:#242424}
+
+#d642
+{background-color:#212121}
+
+#d643
+{background-color:#212121}
+
+#d644
+{background-color:#1F1F1F}
+
+#d645
+{background-color:#1F1F1F}
+
+#d646
+{background-color:#1C1C1C}
+
+#d647
+{background-color:#1C1C1C}
+
+#d648
+{background-color:#1A1A1A}
+
+#d649
+{background-color:#1A1A1A}
+
+#d650
+{background-color:#171717}
+
+#d651
+{background-color:#171717}
+
+#d652
+{background-color:#141414}
+
+#d653
+{background-color:#141414}
+
+#d654
+{background-color:#121212}
+
+#d655
+{background-color:#121212}
+
+#d656
+{background-color:#0F0F0F}
+
+#d657
+{background-color:#0F0F0F}
+
+#d658
+{background-color:#0D0D0D}
+
+#d659
+{background-color:#0D0D0D}
+
+#d660
+{background-color:#0A0A0A}
+
+#d661
+{background-color:#0A0A0A}
+
+#d662
+{background-color:#080808}
+
+#d663
+{background-color:#080808}
+
+#d664
+{background-color:#050505}
+
+#d665
+{background-color:#050505}
+
+#d666
+{background-color:#030303}
+
+#d667
+{background-color:#030303}
+
+#d668
+{background-color:#000000}
+
+#d669
+{background-color:#000000}
+
+#d670
+{background-color:#000000}
+
+#d671
+{background-color:#000000}
+
+#d672
+{background-color:#000000}
+
+#d673
+{background-color:#000000}
+.colors
+{
+height:30px;
+width:10px;
+}
+</style></head><body>
+<div id='container'>
+<div id='d0' class='colors'>
+snow</div>
+<div id='d1' class='colors'>
+snow1</div>
+<div id='d2' class='colors'>
+snow2</div>
+<div id='d3' class='colors'>
+RosyBrown1</div>
+<div id='d4' class='colors'>
+RosyBrown2</div>
+<div id='d5' class='colors'>
+snow3</div>
+<div id='d6' class='colors'>
+LightCoral</div>
+<div id='d7' class='colors'>
+IndianRed1</div>
+<div id='d8' class='colors'>
+RosyBrown3</div>
+<div id='d9' class='colors'>
+IndianRed2</div>
+<div id='d10' class='colors'>
+RosyBrown</div>
+<div id='d11' class='colors'>
+brown1</div>
+<div id='d12' class='colors'>
+firebrick1</div>
+<div id='d13' class='colors'>
+brown2</div>
+<div id='d14' class='colors'>
+IndianRed</div>
+<div id='d15' class='colors'>
+IndianRed3</div>
+<div id='d16' class='colors'>
+firebrick2</div>
+<div id='d17' class='colors'>
+snow4</div>
+<div id='d18' class='colors'>
+brown3</div>
+<div id='d19' class='colors'>
+red</div>
+<div id='d20' class='colors'>
+red1</div>
+<div id='d21' class='colors'>
+RosyBrown4</div>
+<div id='d22' class='colors'>
+firebrick3</div>
+<div id='d23' class='colors'>
+red2</div>
+<div id='d24' class='colors'>
+firebrick</div>
+<div id='d25' class='colors'>
+brown</div>
+<div id='d26' class='colors'>
+red3</div>
+<div id='d27' class='colors'>
+IndianRed4</div>
+<div id='d28' class='colors'>
+brown4</div>
+<div id='d29' class='colors'>
+firebrick4</div>
+<div id='d30' class='colors'>
+DarkRed</div>
+<div id='d31' class='colors'>
+red4</div>
+<div id='d32' class='colors'>
+maroon</div>
+<div id='d33' class='colors'>
+LightPink1</div>
+<div id='d34' class='colors'>
+LightPink3</div>
+<div id='d35' class='colors'>
+LightPink4</div>
+<div id='d36' class='colors'>
+LightPink2</div>
+<div id='d37' class='colors'>
+LightPink</div>
+<div id='d38' class='colors'>
+pink</div>
+<div id='d39' class='colors'>
+crimson</div>
+<div id='d40' class='colors'>
+pink1</div>
+<div id='d41' class='colors'>
+pink2</div>
+<div id='d42' class='colors'>
+pink3</div>
+<div id='d43' class='colors'>
+pink4</div>
+<div id='d44' class='colors'>
+PaleVioletRed4</div>
+<div id='d45' class='colors'>
+PaleVioletRed</div>
+<div id='d46' class='colors'>
+PaleVioletRed2</div>
+<div id='d47' class='colors'>
+PaleVioletRed1</div>
+<div id='d48' class='colors'>
+PaleVioletRed3</div>
+<div id='d49' class='colors'>
+LavenderBlush</div>
+<div id='d50' class='colors'>
+LavenderBlush1</div>
+<div id='d51' class='colors'>
+LavenderBlush3</div>
+<div id='d52' class='colors'>
+LavenderBlush2</div>
+<div id='d53' class='colors'>
+LavenderBlush4</div>
+<div id='d54' class='colors'>
+maroon</div>
+<div id='d55' class='colors'>
+HotPink3</div>
+<div id='d56' class='colors'>
+VioletRed3</div>
+<div id='d57' class='colors'>
+VioletRed1</div>
+<div id='d58' class='colors'>
+VioletRed2</div>
+<div id='d59' class='colors'>
+VioletRed4</div>
+<div id='d60' class='colors'>
+HotPink2</div>
+<div id='d61' class='colors'>
+HotPink1</div>
+<div id='d62' class='colors'>
+HotPink4</div>
+<div id='d63' class='colors'>
+HotPink</div>
+<div id='d64' class='colors'>
+DeepPink</div>
+<div id='d65' class='colors'>
+DeepPink1</div>
+<div id='d66' class='colors'>
+DeepPink2</div>
+<div id='d67' class='colors'>
+DeepPink3</div>
+<div id='d68' class='colors'>
+DeepPink4</div>
+<div id='d69' class='colors'>
+maroon1</div>
+<div id='d70' class='colors'>
+maroon2</div>
+<div id='d71' class='colors'>
+maroon3</div>
+<div id='d72' class='colors'>
+maroon4</div>
+<div id='d73' class='colors'>
+MediumVioletRed</div>
+<div id='d74' class='colors'>
+VioletRed</div>
+<div id='d75' class='colors'>
+orchid2</div>
+<div id='d76' class='colors'>
+orchid</div>
+<div id='d77' class='colors'>
+orchid1</div>
+<div id='d78' class='colors'>
+orchid3</div>
+<div id='d79' class='colors'>
+orchid4</div>
+<div id='d80' class='colors'>
+thistle1</div>
+<div id='d81' class='colors'>
+thistle2</div>
+<div id='d82' class='colors'>
+plum1</div>
+<div id='d83' class='colors'>
+plum2</div>
+<div id='d84' class='colors'>
+thistle</div>
+<div id='d85' class='colors'>
+thistle3</div>
+<div id='d86' class='colors'>
+plum</div>
+<div id='d87' class='colors'>
+violet</div>
+<div id='d88' class='colors'>
+plum3</div>
+<div id='d89' class='colors'>
+thistle4</div>
+<div id='d90' class='colors'>
+fuchsia</div>
+<div id='d91' class='colors'>
+magenta</div>
+<div id='d92' class='colors'>
+magenta1</div>
+<div id='d93' class='colors'>
+plum4</div>
+<div id='d94' class='colors'>
+magenta2</div>
+<div id='d95' class='colors'>
+magenta3</div>
+<div id='d96' class='colors'>
+DarkMagenta</div>
+<div id='d97' class='colors'>
+magenta4</div>
+<div id='d98' class='colors'>
+purple</div>
+<div id='d99' class='colors'>
+MediumOrchid</div>
+<div id='d100' class='colors'>
+MediumOrchid1</div>
+<div id='d101' class='colors'>
+MediumOrchid2</div>
+<div id='d102' class='colors'>
+MediumOrchid3</div>
+<div id='d103' class='colors'>
+MediumOrchid4</div>
+<div id='d104' class='colors'>
+DarkViolet</div>
+<div id='d105' class='colors'>
+DarkOrchid</div>
+<div id='d106' class='colors'>
+DarkOrchid1</div>
+<div id='d107' class='colors'>
+DarkOrchid3</div>
+<div id='d108' class='colors'>
+DarkOrchid2</div>
+<div id='d109' class='colors'>
+DarkOrchid4</div>
+<div id='d110' class='colors'>
+purple</div>
+<div id='d111' class='colors'>
+indigo</div>
+<div id='d112' class='colors'>
+BlueViolet</div>
+<div id='d113' class='colors'>
+purple2</div>
+<div id='d114' class='colors'>
+purple3</div>
+<div id='d115' class='colors'>
+purple4</div>
+<div id='d116' class='colors'>
+purple1</div>
+<div id='d117' class='colors'>
+MediumPurple</div>
+<div id='d118' class='colors'>
+MediumPurple1</div>
+<div id='d119' class='colors'>
+MediumPurple2</div>
+<div id='d120' class='colors'>
+MediumPurple3</div>
+<div id='d121' class='colors'>
+MediumPurple4</div>
+<div id='d122' class='colors'>
+DarkSlateBlue</div>
+<div id='d123' class='colors'>
+LightSlateBlue</div>
+<div id='d124' class='colors'>
+MediumSlateBlue</div>
+<div id='d125' class='colors'>
+SlateBlue</div>
+<div id='d126' class='colors'>
+SlateBlue1</div>
+<div id='d127' class='colors'>
+SlateBlue2</div>
+<div id='d128' class='colors'>
+SlateBlue3</div>
+<div id='d129' class='colors'>
+SlateBlue4</div>
+<div id='d130' class='colors'>
+GhostWhite</div>
+<div id='d131' class='colors'>
+lavender</div>
+<div id='d132' class='colors'>
+blue</div>
+<div id='d133' class='colors'>
+blue1</div>
+<div id='d134' class='colors'>
+blue2</div>
+<div id='d135' class='colors'>
+blue3</div>
+<div id='d136' class='colors'>
+MediumBlue</div>
+<div id='d137' class='colors'>
+blue4</div>
+<div id='d138' class='colors'>
+DarkBlue</div>
+<div id='d139' class='colors'>
+MidnightBlue</div>
+<div id='d140' class='colors'>
+navy</div>
+<div id='d141' class='colors'>
+NavyBlue</div>
+<div id='d142' class='colors'>
+RoyalBlue</div>
+<div id='d143' class='colors'>
+RoyalBlue1</div>
+<div id='d144' class='colors'>
+RoyalBlue2</div>
+<div id='d145' class='colors'>
+RoyalBlue3</div>
+<div id='d146' class='colors'>
+RoyalBlue4</div>
+<div id='d147' class='colors'>
+CornflowerBlue</div>
+<div id='d148' class='colors'>
+LightSteelBlue</div>
+<div id='d149' class='colors'>
+LightSteelBlue1</div>
+<div id='d150' class='colors'>
+LightSteelBlue2</div>
+<div id='d151' class='colors'>
+LightSteelBlue3</div>
+<div id='d152' class='colors'>
+LightSteelBlue4</div>
+<div id='d153' class='colors'>
+SlateGray4</div>
+<div id='d154' class='colors'>
+SlateGray1</div>
+<div id='d155' class='colors'>
+SlateGray2</div>
+<div id='d156' class='colors'>
+SlateGray3</div>
+<div id='d157' class='colors'>
+LightSlateGray</div>
+<div id='d158' class='colors'>
+LightSlateGrey</div>
+<div id='d159' class='colors'>
+SlateGray</div>
+<div id='d160' class='colors'>
+SlateGrey</div>
+<div id='d161' class='colors'>
+DodgerBlue</div>
+<div id='d162' class='colors'>
+DodgerBlue1</div>
+<div id='d163' class='colors'>
+DodgerBlue2</div>
+<div id='d164' class='colors'>
+DodgerBlue4</div>
+<div id='d165' class='colors'>
+DodgerBlue3</div>
+<div id='d166' class='colors'>
+AliceBlue</div>
+<div id='d167' class='colors'>
+SteelBlue4</div>
+<div id='d168' class='colors'>
+SteelBlue</div>
+<div id='d169' class='colors'>
+SteelBlue1</div>
+<div id='d170' class='colors'>
+SteelBlue2</div>
+<div id='d171' class='colors'>
+SteelBlue3</div>
+<div id='d172' class='colors'>
+SkyBlue4</div>
+<div id='d173' class='colors'>
+SkyBlue1</div>
+<div id='d174' class='colors'>
+SkyBlue2</div>
+<div id='d175' class='colors'>
+SkyBlue3</div>
+<div id='d176' class='colors'>
+LightSkyBlue</div>
+<div id='d177' class='colors'>
+LightSkyBlue4</div>
+<div id='d178' class='colors'>
+LightSkyBlue1</div>
+<div id='d179' class='colors'>
+LightSkyBlue2</div>
+<div id='d180' class='colors'>
+LightSkyBlue3</div>
+<div id='d181' class='colors'>
+SkyBlue</div>
+<div id='d182' class='colors'>
+LightBlue3</div>
+<div id='d183' class='colors'>
+DeepSkyBlue</div>
+<div id='d184' class='colors'>
+DeepSkyBlue1</div>
+<div id='d185' class='colors'>
+DeepSkyBlue2</div>
+<div id='d186' class='colors'>
+DeepSkyBlue4</div>
+<div id='d187' class='colors'>
+DeepSkyBlue3</div>
+<div id='d188' class='colors'>
+LightBlue1</div>
+<div id='d189' class='colors'>
+LightBlue2</div>
+<div id='d190' class='colors'>
+LightBlue</div>
+<div id='d191' class='colors'>
+LightBlue4</div>
+<div id='d192' class='colors'>
+PowderBlue</div>
+<div id='d193' class='colors'>
+CadetBlue1</div>
+<div id='d194' class='colors'>
+CadetBlue2</div>
+<div id='d195' class='colors'>
+CadetBlue3</div>
+<div id='d196' class='colors'>
+CadetBlue4</div>
+<div id='d197' class='colors'>
+turquoise1</div>
+<div id='d198' class='colors'>
+turquoise2</div>
+<div id='d199' class='colors'>
+turquoise3</div>
+<div id='d200' class='colors'>
+turquoise4</div>
+<div id='d201' class='colors'>
+cadet blue</div>
+<div id='d202' class='colors'>
+CadetBlue</div>
+<div id='d203' class='colors'>
+DarkTurquoise</div>
+<div id='d204' class='colors'>
+azure</div>
+<div id='d205' class='colors'>
+azure1</div>
+<div id='d206' class='colors'>
+LightCyan</div>
+<div id='d207' class='colors'>
+LightCyan1</div>
+<div id='d208' class='colors'>
+azure2</div>
+<div id='d209' class='colors'>
+LightCyan2</div>
+<div id='d210' class='colors'>
+PaleTurquoise1</div>
+<div id='d211' class='colors'>
+PaleTurquoise</div>
+<div id='d212' class='colors'>
+PaleTurquoise2</div>
+<div id='d213' class='colors'>
+DarkSlateGray1</div>
+<div id='d214' class='colors'>
+azure3</div>
+<div id='d215' class='colors'>
+LightCyan3</div>
+<div id='d216' class='colors'>
+DarkSlateGray2</div>
+<div id='d217' class='colors'>
+PaleTurquoise3</div>
+<div id='d218' class='colors'>
+DarkSlateGray3</div>
+<div id='d219' class='colors'>
+azure4</div>
+<div id='d220' class='colors'>
+LightCyan4</div>
+<div id='d221' class='colors'>
+aqua</div>
+<div id='d222' class='colors'>
+cyan</div>
+<div id='d223' class='colors'>
+cyan1</div>
+<div id='d224' class='colors'>
+PaleTurquoise4</div>
+<div id='d225' class='colors'>
+cyan2</div>
+<div id='d226' class='colors'>
+DarkSlateGray4</div>
+<div id='d227' class='colors'>
+cyan3</div>
+<div id='d228' class='colors'>
+cyan4</div>
+<div id='d229' class='colors'>
+DarkCyan</div>
+<div id='d230' class='colors'>
+teal</div>
+<div id='d231' class='colors'>
+DarkSlateGray</div>
+<div id='d232' class='colors'>
+DarkSlateGrey</div>
+<div id='d233' class='colors'>
+MediumTurquoise</div>
+<div id='d234' class='colors'>
+LightSeaGreen</div>
+<div id='d235' class='colors'>
+turquoise</div>
+<div id='d236' class='colors'>
+aquamarine4</div>
+<div id='d237' class='colors'>
+aquamarine</div>
+<div id='d238' class='colors'>
+aquamarine1</div>
+<div id='d239' class='colors'>
+aquamarine2</div>
+<div id='d240' class='colors'>
+aquamarine3</div>
+<div id='d241' class='colors'>
+MediumAquamarine</div>
+<div id='d242' class='colors'>
+MediumSpringGreen</div>
+<div id='d243' class='colors'>
+MintCream</div>
+<div id='d244' class='colors'>
+SpringGreen</div>
+<div id='d245' class='colors'>
+SpringGreen1</div>
+<div id='d246' class='colors'>
+SpringGreen2</div>
+<div id='d247' class='colors'>
+SpringGreen3</div>
+<div id='d248' class='colors'>
+SpringGreen4</div>
+<div id='d249' class='colors'>
+MediumSeaGreen</div>
+<div id='d250' class='colors'>
+SeaGreen</div>
+<div id='d251' class='colors'>
+SeaGreen3</div>
+<div id='d252' class='colors'>
+SeaGreen1</div>
+<div id='d253' class='colors'>
+SeaGreen4</div>
+<div id='d254' class='colors'>
+SeaGreen2</div>
+<div id='d255' class='colors'>
+MediumForestGreen</div>
+<div id='d256' class='colors'>
+honeydew</div>
+<div id='d257' class='colors'>
+honeydew1</div>
+<div id='d258' class='colors'>
+honeydew2</div>
+<div id='d259' class='colors'>
+DarkSeaGreen1</div>
+<div id='d260' class='colors'>
+DarkSeaGreen2</div>
+<div id='d261' class='colors'>
+PaleGreen1</div>
+<div id='d262' class='colors'>
+PaleGreen</div>
+<div id='d263' class='colors'>
+honeydew3</div>
+<div id='d264' class='colors'>
+LightGreen</div>
+<div id='d265' class='colors'>
+PaleGreen2</div>
+<div id='d266' class='colors'>
+DarkSeaGreen3</div>
+<div id='d267' class='colors'>
+DarkSeaGreen</div>
+<div id='d268' class='colors'>
+PaleGreen3</div>
+<div id='d269' class='colors'>
+honeydew4</div>
+<div id='d270' class='colors'>
+green1</div>
+<div id='d271' class='colors'>
+lime</div>
+<div id='d272' class='colors'>
+LimeGreen</div>
+<div id='d273' class='colors'>
+DarkSeaGreen4</div>
+<div id='d274' class='colors'>
+green2</div>
+<div id='d275' class='colors'>
+PaleGreen4</div>
+<div id='d276' class='colors'>
+green3</div>
+<div id='d277' class='colors'>
+ForestGreen</div>
+<div id='d278' class='colors'>
+green4</div>
+<div id='d279' class='colors'>
+green</div>
+<div id='d280' class='colors'>
+DarkGreen</div>
+<div id='d281' class='colors'>
+LawnGreen</div>
+<div id='d282' class='colors'>
+chartreuse</div>
+<div id='d283' class='colors'>
+chartreuse1</div>
+<div id='d284' class='colors'>
+chartreuse2</div>
+<div id='d285' class='colors'>
+chartreuse3</div>
+<div id='d286' class='colors'>
+chartreuse4</div>
+<div id='d287' class='colors'>
+GreenYellow</div>
+<div id='d288' class='colors'>
+DarkOliveGreen3</div>
+<div id='d289' class='colors'>
+DarkOliveGreen1</div>
+<div id='d290' class='colors'>
+DarkOliveGreen2</div>
+<div id='d291' class='colors'>
+DarkOliveGreen4</div>
+<div id='d292' class='colors'>
+DarkOliveGreen</div>
+<div id='d293' class='colors'>
+OliveDrab</div>
+<div id='d294' class='colors'>
+OliveDrab1</div>
+<div id='d295' class='colors'>
+OliveDrab2</div>
+<div id='d296' class='colors'>
+OliveDrab3</div>
+<div id='d297' class='colors'>
+YellowGreen</div>
+<div id='d298' class='colors'>
+OliveDrab4</div>
+<div id='d299' class='colors'>
+ivory</div>
+<div id='d300' class='colors'>
+ivory1</div>
+<div id='d301' class='colors'>
+LightYellow</div>
+<div id='d302' class='colors'>
+LightYellow1</div>
+<div id='d303' class='colors'>
+beige</div>
+<div id='d304' class='colors'>
+ivory2</div>
+<div id='d305' class='colors'>
+LightGoldenrodYellow</div>
+<div id='d306' class='colors'>
+LightYellow2</div>
+<div id='d307' class='colors'>
+ivory3</div>
+<div id='d308' class='colors'>
+LightYellow3</div>
+<div id='d309' class='colors'>
+ivory4</div>
+<div id='d310' class='colors'>
+LightYellow4</div>
+<div id='d311' class='colors'>
+yellow</div>
+<div id='d312' class='colors'>
+yellow1</div>
+<div id='d313' class='colors'>
+yellow2</div>
+<div id='d314' class='colors'>
+yellow3</div>
+<div id='d315' class='colors'>
+yellow4</div>
+<div id='d316' class='colors'>
+olive</div>
+<div id='d317' class='colors'>
+DarkKhaki</div>
+<div id='d318' class='colors'>
+khaki2</div>
+<div id='d319' class='colors'>
+LemonChiffon4</div>
+<div id='d320' class='colors'>
+khaki1</div>
+<div id='d321' class='colors'>
+khaki3</div>
+<div id='d322' class='colors'>
+khaki4</div>
+<div id='d323' class='colors'>
+PaleGoldenrod</div>
+<div id='d324' class='colors'>
+LemonChiffon</div>
+<div id='d325' class='colors'>
+LemonChiffon1</div>
+<div id='d326' class='colors'>
+khaki</div>
+<div id='d327' class='colors'>
+LemonChiffon3</div>
+<div id='d328' class='colors'>
+LemonChiffon2</div>
+<div id='d329' class='colors'>
+MediumGoldenRod</div>
+<div id='d330' class='colors'>
+cornsilk4</div>
+<div id='d331' class='colors'>
+gold</div>
+<div id='d332' class='colors'>
+gold1</div>
+<div id='d333' class='colors'>
+gold2</div>
+<div id='d334' class='colors'>
+gold3</div>
+<div id='d335' class='colors'>
+gold4</div>
+<div id='d336' class='colors'>
+LightGoldenrod</div>
+<div id='d337' class='colors'>
+LightGoldenrod4</div>
+<div id='d338' class='colors'>
+LightGoldenrod1</div>
+<div id='d339' class='colors'>
+LightGoldenrod3</div>
+<div id='d340' class='colors'>
+LightGoldenrod2</div>
+<div id='d341' class='colors'>
+cornsilk3</div>
+<div id='d342' class='colors'>
+cornsilk2</div>
+<div id='d343' class='colors'>
+cornsilk</div>
+<div id='d344' class='colors'>
+cornsilk1</div>
+<div id='d345' class='colors'>
+goldenrod</div>
+<div id='d346' class='colors'>
+goldenrod1</div>
+<div id='d347' class='colors'>
+goldenrod2</div>
+<div id='d348' class='colors'>
+goldenrod3</div>
+<div id='d349' class='colors'>
+goldenrod4</div>
+<div id='d350' class='colors'>
+DarkGoldenrod</div>
+<div id='d351' class='colors'>
+DarkGoldenrod1</div>
+<div id='d352' class='colors'>
+DarkGoldenrod2</div>
+<div id='d353' class='colors'>
+DarkGoldenrod3</div>
+<div id='d354' class='colors'>
+DarkGoldenrod4</div>
+<div id='d355' class='colors'>
+FloralWhite</div>
+<div id='d356' class='colors'>
+wheat2</div>
+<div id='d357' class='colors'>
+OldLace</div>
+<div id='d358' class='colors'>
+wheat</div>
+<div id='d359' class='colors'>
+wheat1</div>
+<div id='d360' class='colors'>
+wheat3</div>
+<div id='d361' class='colors'>
+orange</div>
+<div id='d362' class='colors'>
+orange1</div>
+<div id='d363' class='colors'>
+orange2</div>
+<div id='d364' class='colors'>
+orange3</div>
+<div id='d365' class='colors'>
+orange4</div>
+<div id='d366' class='colors'>
+wheat4</div>
+<div id='d367' class='colors'>
+moccasin</div>
+<div id='d368' class='colors'>
+PapayaWhip</div>
+<div id='d369' class='colors'>
+NavajoWhite3</div>
+<div id='d370' class='colors'>
+BlanchedAlmond</div>
+<div id='d371' class='colors'>
+NavajoWhite</div>
+<div id='d372' class='colors'>
+NavajoWhite1</div>
+<div id='d373' class='colors'>
+NavajoWhite2</div>
+<div id='d374' class='colors'>
+NavajoWhite4</div>
+<div id='d375' class='colors'>
+AntiqueWhite4</div>
+<div id='d376' class='colors'>
+AntiqueWhite</div>
+<div id='d377' class='colors'>
+tan</div>
+<div id='d378' class='colors'>
+bisque4</div>
+<div id='d379' class='colors'>
+burlywood</div>
+<div id='d380' class='colors'>
+AntiqueWhite2</div>
+<div id='d381' class='colors'>
+burlywood1</div>
+<div id='d382' class='colors'>
+burlywood3</div>
+<div id='d383' class='colors'>
+burlywood2</div>
+<div id='d384' class='colors'>
+AntiqueWhite1</div>
+<div id='d385' class='colors'>
+burlywood4</div>
+<div id='d386' class='colors'>
+AntiqueWhite3</div>
+<div id='d387' class='colors'>
+DarkOrange</div>
+<div id='d388' class='colors'>
+bisque2</div>
+<div id='d389' class='colors'>
+bisque</div>
+<div id='d390' class='colors'>
+bisque1</div>
+<div id='d391' class='colors'>
+bisque3</div>
+<div id='d392' class='colors'>
+DarkOrange1</div>
+<div id='d393' class='colors'>
+linen</div>
+<div id='d394' class='colors'>
+DarkOrange2</div>
+<div id='d395' class='colors'>
+DarkOrange3</div>
+<div id='d396' class='colors'>
+DarkOrange4</div>
+<div id='d397' class='colors'>
+peru</div>
+<div id='d398' class='colors'>
+tan1</div>
+<div id='d399' class='colors'>
+tan2</div>
+<div id='d400' class='colors'>
+tan3</div>
+<div id='d401' class='colors'>
+tan4</div>
+<div id='d402' class='colors'>
+PeachPuff</div>
+<div id='d403' class='colors'>
+PeachPuff1</div>
+<div id='d404' class='colors'>
+PeachPuff4</div>
+<div id='d405' class='colors'>
+PeachPuff2</div>
+<div id='d406' class='colors'>
+PeachPuff3</div>
+<div id='d407' class='colors'>
+SandyBrown</div>
+<div id='d408' class='colors'>
+seashell4</div>
+<div id='d409' class='colors'>
+seashell2</div>
+<div id='d410' class='colors'>
+seashell3</div>
+<div id='d411' class='colors'>
+chocolate</div>
+<div id='d412' class='colors'>
+chocolate1</div>
+<div id='d413' class='colors'>
+chocolate2</div>
+<div id='d414' class='colors'>
+chocolate3</div>
+<div id='d415' class='colors'>
+chocolate4</div>
+<div id='d416' class='colors'>
+SaddleBrown</div>
+<div id='d417' class='colors'>
+seashell</div>
+<div id='d418' class='colors'>
+seashell1</div>
+<div id='d419' class='colors'>
+sienna4</div>
+<div id='d420' class='colors'>
+sienna</div>
+<div id='d421' class='colors'>
+sienna1</div>
+<div id='d422' class='colors'>
+sienna2</div>
+<div id='d423' class='colors'>
+sienna3</div>
+<div id='d424' class='colors'>
+LightSalmon3</div>
+<div id='d425' class='colors'>
+LightSalmon</div>
+<div id='d426' class='colors'>
+LightSalmon1</div>
+<div id='d427' class='colors'>
+LightSalmon4</div>
+<div id='d428' class='colors'>
+LightSalmon2</div>
+<div id='d429' class='colors'>
+coral</div>
+<div id='d430' class='colors'>
+OrangeRed</div>
+<div id='d431' class='colors'>
+OrangeRed1</div>
+<div id='d432' class='colors'>
+OrangeRed2</div>
+<div id='d433' class='colors'>
+OrangeRed3</div>
+<div id='d434' class='colors'>
+OrangeRed4</div>
+<div id='d435' class='colors'>
+DarkSalmon</div>
+<div id='d436' class='colors'>
+salmon1</div>
+<div id='d437' class='colors'>
+salmon2</div>
+<div id='d438' class='colors'>
+salmon3</div>
+<div id='d439' class='colors'>
+salmon4</div>
+<div id='d440' class='colors'>
+coral1</div>
+<div id='d441' class='colors'>
+coral2</div>
+<div id='d442' class='colors'>
+coral3</div>
+<div id='d443' class='colors'>
+coral4</div>
+<div id='d444' class='colors'>
+tomato4</div>
+<div id='d445' class='colors'>
+tomato</div>
+<div id='d446' class='colors'>
+tomato1</div>
+<div id='d447' class='colors'>
+tomato2</div>
+<div id='d448' class='colors'>
+tomato3</div>
+<div id='d449' class='colors'>
+MistyRose4</div>
+<div id='d450' class='colors'>
+MistyRose2</div>
+<div id='d451' class='colors'>
+MistyRose</div>
+<div id='d452' class='colors'>
+MistyRose1</div>
+<div id='d453' class='colors'>
+salmon</div>
+<div id='d454' class='colors'>
+MistyRose3</div>
+<div id='d455' class='colors'>
+white</div>
+<div id='d456' class='colors'>
+gray100</div>
+<div id='d457' class='colors'>
+grey100</div>
+<div id='d458' class='colors'>
+grey100</div>
+<div id='d459' class='colors'>
+gray99</div>
+<div id='d460' class='colors'>
+grey99</div>
+<div id='d461' class='colors'>
+gray98</div>
+<div id='d462' class='colors'>
+grey98</div>
+<div id='d463' class='colors'>
+gray97</div>
+<div id='d464' class='colors'>
+grey97</div>
+<div id='d465' class='colors'>
+gray96</div>
+<div id='d466' class='colors'>
+grey96</div>
+<div id='d467' class='colors'>
+WhiteSmoke</div>
+<div id='d468' class='colors'>
+gray95</div>
+<div id='d469' class='colors'>
+grey95</div>
+<div id='d470' class='colors'>
+gray94</div>
+<div id='d471' class='colors'>
+grey94</div>
+<div id='d472' class='colors'>
+gray93</div>
+<div id='d473' class='colors'>
+grey93</div>
+<div id='d474' class='colors'>
+gray92</div>
+<div id='d475' class='colors'>
+grey92</div>
+<div id='d476' class='colors'>
+gray91</div>
+<div id='d477' class='colors'>
+grey91</div>
+<div id='d478' class='colors'>
+gray90</div>
+<div id='d479' class='colors'>
+grey90</div>
+<div id='d480' class='colors'>
+gray89</div>
+<div id='d481' class='colors'>
+grey89</div>
+<div id='d482' class='colors'>
+gray88</div>
+<div id='d483' class='colors'>
+grey88</div>
+<div id='d484' class='colors'>
+gray87</div>
+<div id='d485' class='colors'>
+grey87</div>
+<div id='d486' class='colors'>
+gainsboro</div>
+<div id='d487' class='colors'>
+gray86</div>
+<div id='d488' class='colors'>
+grey86</div>
+<div id='d489' class='colors'>
+gray85</div>
+<div id='d490' class='colors'>
+grey85</div>
+<div id='d491' class='colors'>
+gray84</div>
+<div id='d492' class='colors'>
+grey84</div>
+<div id='d493' class='colors'>
+gray83</div>
+<div id='d494' class='colors'>
+grey83</div>
+<div id='d495' class='colors'>
+LightGray</div>
+<div id='d496' class='colors'>
+LightGrey</div>
+<div id='d497' class='colors'>
+gray82</div>
+<div id='d498' class='colors'>
+grey82</div>
+<div id='d499' class='colors'>
+gray81</div>
+<div id='d500' class='colors'>
+grey81</div>
+<div id='d501' class='colors'>
+gray80</div>
+<div id='d502' class='colors'>
+grey80</div>
+<div id='d503' class='colors'>
+gray79</div>
+<div id='d504' class='colors'>
+grey79</div>
+<div id='d505' class='colors'>
+gray78</div>
+<div id='d506' class='colors'>
+grey78</div>
+<div id='d507' class='colors'>
+gray77</div>
+<div id='d508' class='colors'>
+grey77</div>
+<div id='d509' class='colors'>
+gray76</div>
+<div id='d510' class='colors'>
+grey76</div>
+<div id='d511' class='colors'>
+silver</div>
+<div id='d512' class='colors'>
+gray75</div>
+<div id='d513' class='colors'>
+grey75</div>
+<div id='d514' class='colors'>
+gray74</div>
+<div id='d515' class='colors'>
+grey74</div>
+<div id='d516' class='colors'>
+gray73</div>
+<div id='d517' class='colors'>
+grey73</div>
+<div id='d518' class='colors'>
+gray72</div>
+<div id='d519' class='colors'>
+grey72</div>
+<div id='d520' class='colors'>
+gray71</div>
+<div id='d521' class='colors'>
+grey71</div>
+<div id='d522' class='colors'>
+gray70</div>
+<div id='d523' class='colors'>
+grey70</div>
+<div id='d524' class='colors'>
+gray69</div>
+<div id='d525' class='colors'>
+grey69</div>
+<div id='d526' class='colors'>
+gray68</div>
+<div id='d527' class='colors'>
+grey68</div>
+<div id='d528' class='colors'>
+gray67</div>
+<div id='d529' class='colors'>
+grey67</div>
+<div id='d530' class='colors'>
+DarkGray</div>
+<div id='d531' class='colors'>
+DarkGrey</div>
+<div id='d532' class='colors'>
+gray66</div>
+<div id='d533' class='colors'>
+grey66</div>
+<div id='d534' class='colors'>
+gray65</div>
+<div id='d535' class='colors'>
+grey65</div>
+<div id='d536' class='colors'>
+gray64</div>
+<div id='d537' class='colors'>
+grey64</div>
+<div id='d538' class='colors'>
+gray63</div>
+<div id='d539' class='colors'>
+grey63</div>
+<div id='d540' class='colors'>
+gray62</div>
+<div id='d541' class='colors'>
+grey62</div>
+<div id='d542' class='colors'>
+gray61</div>
+<div id='d543' class='colors'>
+grey61</div>
+<div id='d544' class='colors'>
+gray60</div>
+<div id='d545' class='colors'>
+grey60</div>
+<div id='d546' class='colors'>
+gray59</div>
+<div id='d547' class='colors'>
+grey59</div>
+<div id='d548' class='colors'>
+gray58</div>
+<div id='d549' class='colors'>
+grey58</div>
+<div id='d550' class='colors'>
+gray57</div>
+<div id='d551' class='colors'>
+grey57</div>
+<div id='d552' class='colors'>
+gray56</div>
+<div id='d553' class='colors'>
+grey56</div>
+<div id='d554' class='colors'>
+gray55</div>
+<div id='d555' class='colors'>
+grey55</div>
+<div id='d556' class='colors'>
+gray54</div>
+<div id='d557' class='colors'>
+grey54</div>
+<div id='d558' class='colors'>
+gray53</div>
+<div id='d559' class='colors'>
+grey53</div>
+<div id='d560' class='colors'>
+gray52</div>
+<div id='d561' class='colors'>
+grey52</div>
+<div id='d562' class='colors'>
+gray51</div>
+<div id='d563' class='colors'>
+grey51</div>
+<div id='d564' class='colors'>
+fractal</div>
+<div id='d565' class='colors'>
+gray50</div>
+<div id='d566' class='colors'>
+grey50</div>
+<div id='d567' class='colors'>
+gray</div>
+<div id='d568' class='colors'>
+gray49</div>
+<div id='d569' class='colors'>
+grey49</div>
+<div id='d570' class='colors'>
+gray48</div>
+<div id='d571' class='colors'>
+grey48</div>
+<div id='d572' class='colors'>
+gray47</div>
+<div id='d573' class='colors'>
+grey47</div>
+<div id='d574' class='colors'>
+gray46</div>
+<div id='d575' class='colors'>
+grey46</div>
+<div id='d576' class='colors'>
+gray45</div>
+<div id='d577' class='colors'>
+grey45</div>
+<div id='d578' class='colors'>
+gray44</div>
+<div id='d579' class='colors'>
+grey44</div>
+<div id='d580' class='colors'>
+gray43</div>
+<div id='d581' class='colors'>
+grey43</div>
+<div id='d582' class='colors'>
+gray42</div>
+<div id='d583' class='colors'>
+grey42</div>
+<div id='d584' class='colors'>
+DimGray</div>
+<div id='d585' class='colors'>
+DimGrey</div>
+<div id='d586' class='colors'>
+gray41</div>
+<div id='d587' class='colors'>
+grey41</div>
+<div id='d588' class='colors'>
+gray40</div>
+<div id='d589' class='colors'>
+grey40</div>
+<div id='d590' class='colors'>
+gray39</div>
+<div id='d591' class='colors'>
+grey39</div>
+<div id='d592' class='colors'>
+gray38</div>
+<div id='d593' class='colors'>
+grey38</div>
+<div id='d594' class='colors'>
+gray37</div>
+<div id='d595' class='colors'>
+grey37</div>
+<div id='d596' class='colors'>
+gray36</div>
+<div id='d597' class='colors'>
+grey36</div>
+<div id='d598' class='colors'>
+gray35</div>
+<div id='d599' class='colors'>
+grey35</div>
+<div id='d600' class='colors'>
+gray34</div>
+<div id='d601' class='colors'>
+grey34</div>
+<div id='d602' class='colors'>
+gray33</div>
+<div id='d603' class='colors'>
+grey33</div>
+<div id='d604' class='colors'>
+gray32</div>
+<div id='d605' class='colors'>
+grey32</div>
+<div id='d606' class='colors'>
+gray31</div>
+<div id='d607' class='colors'>
+grey31</div>
+<div id='d608' class='colors'>
+gray30</div>
+<div id='d609' class='colors'>
+grey30</div>
+<div id='d610' class='colors'>
+gray29</div>
+<div id='d611' class='colors'>
+grey29</div>
+<div id='d612' class='colors'>
+gray28</div>
+<div id='d613' class='colors'>
+grey28</div>
+<div id='d614' class='colors'>
+gray27</div>
+<div id='d615' class='colors'>
+grey27</div>
+<div id='d616' class='colors'>
+gray26</div>
+<div id='d617' class='colors'>
+grey26</div>
+<div id='d618' class='colors'>
+gray25</div>
+<div id='d619' class='colors'>
+grey25</div>
+<div id='d620' class='colors'>
+gray24</div>
+<div id='d621' class='colors'>
+grey24</div>
+<div id='d622' class='colors'>
+gray23</div>
+<div id='d623' class='colors'>
+grey23</div>
+<div id='d624' class='colors'>
+gray22</div>
+<div id='d625' class='colors'>
+grey22</div>
+<div id='d626' class='colors'>
+gray21</div>
+<div id='d627' class='colors'>
+grey21</div>
+<div id='d628' class='colors'>
+gray20</div>
+<div id='d629' class='colors'>
+grey20</div>
+<div id='d630' class='colors'>
+gray19</div>
+<div id='d631' class='colors'>
+grey19</div>
+<div id='d632' class='colors'>
+gray18</div>
+<div id='d633' class='colors'>
+grey18</div>
+<div id='d634' class='colors'>
+gray17</div>
+<div id='d635' class='colors'>
+grey17</div>
+<div id='d636' class='colors'>
+gray16</div>
+<div id='d637' class='colors'>
+grey16</div>
+<div id='d638' class='colors'>
+gray15</div>
+<div id='d639' class='colors'>
+grey15</div>
+<div id='d640' class='colors'>
+gray14</div>
+<div id='d641' class='colors'>
+grey14</div>
+<div id='d642' class='colors'>
+gray13</div>
+<div id='d643' class='colors'>
+grey13</div>
+<div id='d644' class='colors'>
+gray12</div>
+<div id='d645' class='colors'>
+grey12</div>
+<div id='d646' class='colors'>
+gray11</div>
+<div id='d647' class='colors'>
+grey11</div>
+<div id='d648' class='colors'>
+gray10</div>
+<div id='d649' class='colors'>
+grey10</div>
+<div id='d650' class='colors'>
+gray9</div>
+<div id='d651' class='colors'>
+grey9</div>
+<div id='d652' class='colors'>
+gray8</div>
+<div id='d653' class='colors'>
+grey8</div>
+<div id='d654' class='colors'>
+gray7</div>
+<div id='d655' class='colors'>
+grey7</div>
+<div id='d656' class='colors'>
+gray6</div>
+<div id='d657' class='colors'>
+grey6</div>
+<div id='d658' class='colors'>
+gray5</div>
+<div id='d659' class='colors'>
+grey5</div>
+<div id='d660' class='colors'>
+gray4</div>
+<div id='d661' class='colors'>
+grey4</div>
+<div id='d662' class='colors'>
+gray3</div>
+<div id='d663' class='colors'>
+grey3</div>
+<div id='d664' class='colors'>
+gray2</div>
+<div id='d665' class='colors'>
+grey2</div>
+<div id='d666' class='colors'>
+gray1</div>
+<div id='d667' class='colors'>
+grey1</div>
+<div id='d668' class='colors'>
+black</div>
+<div id='d669' class='colors'>
+gray0</div>
+<div id='d670' class='colors'>
+grey0</div>
+<div id='d671' class='colors'>
+opaque</div>
+<div id='d672' class='colors'>
+none</div>
+<div id='d673' class='colors'>
+transparent</div>
+</div>
+
+<div id='colornames'>
+WHERE THE COLORNAMES WILL GO
+</div>
+
+<div id='hexswitch'>CLICK TO SHOW HEXES</div>
+<div id='infoswitch'>CLICK TO SHOW INFO</div>
+<script type='text/javascript' src='jquery-1.6.4.min.js'></script><script type='text/javascript' src='colordict.js'></script>
+<script type='text/javascript'>
+$('.colors').html("")
+$('body').css('background-color','white')
+
+function goldenize(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num*ratio)
+	return newnum
+	}
+//turns css property width or height into an integer value
+function getproperty(idandselectr, propertystr)
+	{
+	grab = $(idandselectr).css(propertystr)
+	grab = grab.slice(0,-2)
+	numval = parseInt(grab)
+	return numval
+	}
+function makegolden(idandselectr, propertystr)
+	{
+	result = getproperty(idandselectr, propertystr)
+	newwidth = goldenize(result)
+	widthval = newwidth.toString()+'px'
+	$(idandselectr).css('width', widthval)
+	}
+makegolden('.colors', 'height')
+
+
+//remove content this function takes the name out of the divs
+infoswitch = false;
+function removecontent()
+	{
+	if(infoswitch == false)
+			{
+			$('#infoswitch').click(function()
+						{
+						infoswitch = true
+						if(infoswitch == true){
+							$('.colors').html("")						
+										}
+						})
+			}
+	if(infoswitch == true)
+		{
+			$('#infoswitch').click(function()
+			{
+			infoswitch = false
+			})
+		}
+	}
+removecontent()
+
+function colorToHex(color)
+{
+    if (color.substr(0, 1) === '#') {
+        return color;
+    }
+    var digits = /(.*?)rgb\((\d+), (\d+), (\d+)\)/.exec(color);
+    
+    var red = parseInt(digits[2]);
+    var green = parseInt(digits[3]);
+    var blue = parseInt(digits[4]);
+    
+    var rgb = blue | (green << 8) | (red << 16);
+    return digits[1] + '#' + rgb.toString(16);
+};
+
+//takes a div name and returns a colorname
+
+function showcolorname(divstr)
+
+		{
+		bgcolor = $('#'+divstr).css('background-color')
+		lowercasehex = colorToHex(bgcolor)
+		hex = lowercasehex.toUpperCase()
+			imname = hextoname[hex]
+		if (hexes == true)
+			{
+			imname = hex
+			}
+		return imname
+		}
+function bigname(divstr)
+		{
+		colorname = showcolorname(divstr)
+		$('#colornames').html(colorname)
+		}
+function writeit(text)
+		{
+		$('#colornames').append(text)
+		}
+function makebig(divstr)
+		{
+		firstheight = $('#'+divstr).height()
+		newheight = goldenize(firstheight)
+		$('#'+divstr).height(newheight)
+		}
+function makesmall(divstr)
+		{
+		oldheight = $('.colors').height()
+		$('#'+divstr).height(oldheight)
+		}
+$('.colors').hover(function() {
+   bigname(this.id);
+	 makebig(this.id);
+	 makegolden('#'+this.id, 'height')},
+function(){
+	 makesmall(this.id);
+	 makegolden('#'+this.id, 'height')
+});
+$(".colors").hover(function(){
+$('#colornames').fadeOut(100);$('#colornames').fadeIn(500);
+});
+$('body').css('background-color', 'white')
+$('.colors').css('margin-top', '2px')
+var hexes = false
+function hexswitch()
+		{
+		if(hexes == false)
+			{
+			$('#hexswitch').html('CLICK TO SHOW COLOR NAMES')
+			hexes = true;
+			}
+			
+		else
+			{
+			$('#hexswitch').html('CLICK TO SHOW HEX NAMES')
+			hexes = false;
+			}
+		}
+$('#hexswitch').click(function(){hexswitch()})
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/colors/junk/picker.js b/frontend/imgrid/colors/colors/junk/picker.js
new file mode 100755
index 0000000..04a49f1
--- /dev/null
+++ b/frontend/imgrid/colors/colors/junk/picker.js
@@ -0,0 +1,15 @@
+var colorpicker = "<div id='main'>"+"<div id='d0' class='colors'>"+"snow</div>"+"<div id='d1' class='colors'>"+"snow1</div>"+"<div id='d2' class='colors'>"+"snow2</div>"+"<div id='d3' class='colors'>"+"RosyBrown1</div>"+"<div id='d4' class='colors'>"+"RosyBrown2</div>"+"<div id='d5' class='colors'>"+"snow3</div>"+"<div id='d6' class='colors'>"+"LightCoral</div>"+"<div id='d7' class='colors'>"+"IndianRed1</div>"+"<div id='d8' class='colors'>"+"RosyBrown3</div>"+"<div id='d9' class='colors'>"+"IndianRed2</div>"+"<div id='d10' class='colors'>"+"RosyBrown</div>"+"<div id='d11' class='colors'>"+"brown1</div>"+"<div id='d12' class='colors'>"+"firebrick1</div>"+"<div id='d13' class='colors'>"+"brown2</div>"+"<div id='d14' class='colors'>"+"IndianRed</div>"+"<div id='d15' class='colors'>"+"IndianRed3</div>"+"<div id='d16' class='colors'>"+"firebrick2</div>"+"<div id='d17' class='colors'>"+"snow4</div>"+"<div id='d18' class='colors'>"+"brown3</div>"+"<div id='d19' class='colors'>"+"red</div>"+"<div id='d20' class='colors'>"+"red1</div>"+"<div id='d21' class='colors'>"+"RosyBrown4</div>"+"<div id='d22' class='colors'>"+"firebrick3</div>"+"<div id='d23' class='colors'>"+"red2</div>"+"<div id='d24' class='colors'>"+"firebrick</div>"+"<div id='d25' class='colors'>"+"brown</div>"+"<div id='d26' class='colors'>"+"red3</div>"+"<div id='d27' class='colors'>"+"IndianRed4</div>"+"<div id='d28' class='colors'>"+"brown4</div>"+"<div id='d29' class='colors'>"+"firebrick4</div>"+"<div id='d30' class='colors'>"+"DarkRed</div>"+"<div id='d31' class='colors'>"+"red4</div>"+"<div id='d32' class='colors'>"+"maroon</div>"+"<div id='d33' class='colors'>"+"LightPink1</div>"+"<div id='d34' class='colors'>"+"LightPink3</div>"+"<div id='d35' class='colors'>"+"LightPink4</div>"+"<div id='d36' class='colors'>"+"LightPink2</div>"+"<div id='d37' class='colors'>"+"LightPink</div>"+"<div id='d38' class='colors'>"+"pink</div>"+"<div id='d39' class='colors'>"+"crimson</div>"+"<div id='d40' class='colors'>"+"pink1</div>"+"<div id='d41' class='colors'>"+"pink2</div>"+"<div id='d42' class='colors'>"+"pink3</div>"+"<div id='d43' class='colors'>"+"pink4</div>"+"<div id='d44' class='colors'>"+"PaleVioletRed4</div>"+"<div id='d45' class='colors'>"+"PaleVioletRed</div>"+"<div id='d46' class='colors'>"+"PaleVioletRed2</div>"+"<div id='d47' class='colors'>"+"PaleVioletRed1</div>"+"<div id='d48' class='colors'>"+"PaleVioletRed3</div>"+"<div id='d49' class='colors'>"+"LavenderBlush</div>"+"<div id='d50' class='colors'>"+"LavenderBlush1</div>"+"<div id='d51' class='colors'>"+"LavenderBlush3</div>"+"<div id='d52' class='colors'>"+"LavenderBlush2</div>"+"<div id='d53' class='colors'>"+"LavenderBlush4</div>"+"<div id='d54' class='colors'>"+"maroon</div>"+"<div id='d55' class='colors'>"+"HotPink3</div>"+"<div id='d56' class='colors'>"+"VioletRed3</div>"+"<div id='d57' class='colors'>"+"VioletRed1</div>"+"<div id='d58' class='colors'>"+"VioletRed2</div>"+"<div id='d59' class='colors'>"+"VioletRed4</div>"+"<div id='d60' class='colors'>"+"HotPink2</div>"+"<div id='d61' class='colors'>"+"HotPink1</div>"+"<div id='d62' class='colors'>"+"HotPink4</div>"+"<div id='d63' class='colors'>"+"HotPink</div>"+"<div id='d64' class='colors'>"+"DeepPink</div>"+"<div id='d65' class='colors'>"+"DeepPink1</div>"+"<div id='d66' class='colors'>"+"DeepPink2</div>"+"<div id='d67' class='colors'>"+"DeepPink3</div>"+"<div id='d68' class='colors'>"+"DeepPink4</div>"+"<div id='d69' class='colors'>"+"maroon1</div>"+"<div id='d70' class='colors'>"+"maroon2</div>"+"<div id='d71' class='colors'>"+"maroon3</div>"+"<div id='d72' class='colors'>"+"maroon4</div>"+"<div id='d73' class='colors'>"+"MediumVioletRed</div>"+"<div id='d74' class='colors'>"+"VioletRed</div>"+"<div id='d75' class='colors'>"+"orchid2</div>"+"<div id='d76' class='colors'>"+"orchid</div>"+"<div id='d77' class='colors'>"+"orchid1</div>"+"<div id='d78' class='colors'>"+"orchid3</div>"+"<div id='d79' class='colors'>"+"orchid4</div>"+"<div id='d80' class='colors'>"+"thistle1</div>"+"<div id='d81' class='colors'>"+"thistle2</div>"+"<div id='d82' class='colors'>"+"plum1</div>"+"<div id='d83' class='colors'>"+"plum2</div>"+"<div id='d84' class='colors'>"+"thistle</div>"+"<div id='d85' class='colors'>"+"thistle3</div>"+"<div id='d86' class='colors'>"+"plum</div>"+"<div id='d87' class='colors'>"+"violet</div>"+"<div id='d88' class='colors'>"+"plum3</div>"+"<div id='d89' class='colors'>"+"thistle4</div>"+"<div id='d90' class='colors'>"+"fuchsia</div>"+"<div id='d91' class='colors'>"+"magenta</div>"+"<div id='d92' class='colors'>"+"magenta1</div>"+"<div id='d93' class='colors'>"+"plum4</div>"+"<div id='d94' class='colors'>"+"magenta2</div>"+"<div id='d95' class='colors'>"+"magenta3</div>"+"<div id='d96' class='colors'>"+"DarkMagenta</div>"+"<div id='d97' class='colors'>"+"magenta4</div>"+"<div id='d98' class='colors'>"+"purple</div>"+"<div id='d99' class='colors'>"+"MediumOrchid</div>"+"<div id='d100' class='colors'>"+"MediumOrchid1</div>"+"<div id='d101' class='colors'>"+"MediumOrchid2</div>"+"<div id='d102' class='colors'>"+"MediumOrchid3</div>"+"<div id='d103' class='colors'>"+"MediumOrchid4</div>"+"<div id='d104' class='colors'>"+"DarkViolet</div>"+"<div id='d105' class='colors'>"+"DarkOrchid</div>"+"<div id='d106' class='colors'>"+"DarkOrchid1</div>"+"<div id='d107' class='colors'>"+"DarkOrchid3</div>"+"<div id='d108' class='colors'>"+"DarkOrchid2</div>"+"<div id='d109' class='colors'>"+"DarkOrchid4</div>"+"<div id='d110' class='colors'>"+"purple</div>"+"<div id='d111' class='colors'>"+"indigo</div>"+"<div id='d112' class='colors'>"+"BlueViolet</div>"+"<div id='d113' class='colors'>"+"purple2</div>"+"<div id='d114' class='colors'>"+"purple3</div>"+"<div id='d115' class='colors'>"+"purple4</div>"+"<div id='d116' class='colors'>"+"purple1</div>"+"<div id='d117' class='colors'>"+"MediumPurple</div>"+"<div id='d118' class='colors'>"+"MediumPurple1</div>"+"<div id='d119' class='colors'>"+"MediumPurple2</div>"+"<div id='d120' class='colors'>"+"MediumPurple3</div>"+"<div id='d121' class='colors'>"+"MediumPurple4</div>"+"<div id='d122' class='colors'>"+"DarkSlateBlue</div>"+"<div id='d123' class='colors'>"+"LightSlateBlue</div>"+"<div id='d124' class='colors'>"+"MediumSlateBlue</div>"+"<div id='d125' class='colors'>"+"SlateBlue</div>"+"<div id='d126' class='colors'>"+"SlateBlue1</div>"+"<div id='d127' class='colors'>"+"SlateBlue2</div>"+"<div id='d128' class='colors'>"+"SlateBlue3</div>"+"<div id='d129' class='colors'>"+"SlateBlue4</div>"+"<div id='d130' class='colors'>"+"GhostWhite</div>"+"<div id='d131' class='colors'>"+"lavender</div>"+"<div id='d132' class='colors'>"+"blue</div>"+"<div id='d133' class='colors'>"+"blue1</div>"+"<div id='d134' class='colors'>"+"blue2</div>"+"<div id='d135' class='colors'>"+"blue3</div>"+"<div id='d136' class='colors'>"+"MediumBlue</div>"+"<div id='d137' class='colors'>"+"blue4</div>"+"<div id='d138' class='colors'>"+"DarkBlue</div>"+"<div id='d139' class='colors'>"+"MidnightBlue</div>"+"<div id='d140' class='colors'>"+"navy</div>"+"<div id='d141' class='colors'>"+"NavyBlue</div>"+"<div id='d142' class='colors'>"+"RoyalBlue</div>"+"<div id='d143' class='colors'>"+"RoyalBlue1</div>"+"<div id='d144' class='colors'>"+"RoyalBlue2</div>"+"<div id='d145' class='colors'>"+"RoyalBlue3</div>"+"<div id='d146' class='colors'>"+"RoyalBlue4</div>"+"<div id='d147' class='colors'>"+"CornflowerBlue</div>"+"<div id='d148' class='colors'>"+"LightSteelBlue</div>"+"<div id='d149' class='colors'>"+"LightSteelBlue1</div>"+"<div id='d150' class='colors'>"+"LightSteelBlue2</div>"+"<div id='d151' class='colors'>"+"LightSteelBlue3</div>"+"<div id='d152' class='colors'>"+"LightSteelBlue4</div>"+"<div id='d153' class='colors'>"+"SlateGray4</div>"+"<div id='d154' class='colors'>"+"SlateGray1</div>"+"<div id='d155' class='colors'>"+"SlateGray2</div>"+"<div id='d156' class='colors'>"+"SlateGray3</div>"+"<div id='d157' class='colors'>"+"LightSlateGray</div>"+"<div id='d158' class='colors'>"+"LightSlateGrey</div>"+"<div id='d159' class='colors'>"+"SlateGray</div>"+"<div id='d160' class='colors'>"+"SlateGrey</div>"+"<div id='d161' class='colors'>"+"DodgerBlue</div>"+"<div id='d162' class='colors'>"+"DodgerBlue1</div>"+"<div id='d163' class='colors'>"+"DodgerBlue2</div>"+"<div id='d164' class='colors'>"+"DodgerBlue4</div>"+"<div id='d165' class='colors'>"+"DodgerBlue3</div>"+"<div id='d166' class='colors'>"+"AliceBlue</div>"+"<div id='d167' class='colors'>"+"SteelBlue4</div>"+"<div id='d168' class='colors'>"+"SteelBlue</div>"+"<div id='d169' class='colors'>"+"SteelBlue1</div>"+"<div id='d170' class='colors'>"+"SteelBlue2</div>"+"<div id='d171' class='colors'>"+"SteelBlue3</div>"+"<div id='d172' class='colors'>"+"SkyBlue4</div>"+"<div id='d173' class='colors'>"+"SkyBlue1</div>"+"<div id='d174' class='colors'>"+"SkyBlue2</div>"+"<div id='d175' class='colors'>"+"SkyBlue3</div>"+"<div id='d176' class='colors'>"+"LightSkyBlue</div>"+"<div id='d177' class='colors'>"+"LightSkyBlue4</div>"+"<div id='d178' class='colors'>"+"LightSkyBlue1</div>"+"<div id='d179' class='colors'>"+"LightSkyBlue2</div>"+"<div id='d180' class='colors'>"+"LightSkyBlue3</div>"+"<div id='d181' class='colors'>"+"SkyBlue</div>"+"<div id='d182' class='colors'>"+"LightBlue3</div>"+"<div id='d183' class='colors'>"+"DeepSkyBlue</div>"+"<div id='d184' class='colors'>"+"DeepSkyBlue1</div>"+"<div id='d185' class='colors'>"+"DeepSkyBlue2</div>"+"<div id='d186' class='colors'>"+"DeepSkyBlue4</div>"+"<div id='d187' class='colors'>"+"DeepSkyBlue3</div>"+"<div id='d188' class='colors'>"+"LightBlue1</div>"+"<div id='d189' class='colors'>"+"LightBlue2</div>"+"<div id='d190' class='colors'>"+"LightBlue</div>"+"<div id='d191' class='colors'>"+"LightBlue4</div>"+"<div id='d192' class='colors'>"+"PowderBlue</div>"+"<div id='d193' class='colors'>"+"CadetBlue1</div>"+"<div id='d194' class='colors'>"+"CadetBlue2</div>"+"<div id='d195' class='colors'>"+"CadetBlue3</div>"+"<div id='d196' class='colors'>"+"CadetBlue4</div>"+"<div id='d197' class='colors'>"+"turquoise1</div>"+"<div id='d198' class='colors'>"+"turquoise2</div>"+"<div id='d199' class='colors'>"+"turquoise3</div>"+"<div id='d200' class='colors'>"+"turquoise4</div>"+"<div id='d201' class='colors'>"+"cadet blue</div>"+"<div id='d202' class='colors'>"+"CadetBlue</div>"+"<div id='d203' class='colors'>"+"DarkTurquoise</div>"+"<div id='d204' class='colors'>"+"azure</div>"+"<div id='d205' class='colors'>"+"azure1</div>"+"<div id='d206' class='colors'>"+"LightCyan</div>"+"<div id='d207' class='colors'>"+"LightCyan1</div>"+"<div id='d208' class='colors'>"+"azure2</div>"+"<div id='d209' class='colors'>"+"LightCyan2</div>"+"<div id='d210' class='colors'>"+"PaleTurquoise1</div>"+"<div id='d211' class='colors'>"+"PaleTurquoise</div>"+"<div id='d212' class='colors'>"+"PaleTurquoise2</div>"+"<div id='d213' class='colors'>"+"DarkSlateGray1</div>"+"<div id='d214' class='colors'>"+"azure3</div>"+"<div id='d215' class='colors'>"+"LightCyan3</div>"+"<div id='d216' class='colors'>"+"DarkSlateGray2</div>"+"<div id='d217' class='colors'>"+"PaleTurquoise3</div>"+"<div id='d218' class='colors'>"+"DarkSlateGray3</div>"+"<div id='d219' class='colors'>"+"azure4</div>"+"<div id='d220' class='colors'>"+"LightCyan4</div>"+"<div id='d221' class='colors'>"+"aqua</div>"+"<div id='d222' class='colors'>"+"cyan</div>"+"<div id='d223' class='colors'>"+"cyan1</div>"+"<div id='d224' class='colors'>"+"PaleTurquoise4</div>"+"<div id='d225' class='colors'>"+"cyan2</div>"+"<div id='d226' class='colors'>"+"DarkSlateGray4</div>"+"<div id='d227' class='colors'>"+"cyan3</div>"+"<div id='d228' class='colors'>"+"cyan4</div>"+"<div id='d229' class='colors'>"+"DarkCyan</div>"+"<div id='d230' class='colors'>"+"teal</div>"+"<div id='d231' class='colors'>"+"DarkSlateGray</div>"+"<div id='d232' class='colors'>"+"DarkSlateGrey</div>"+"<div id='d233' class='colors'>"+"MediumTurquoise</div>"+"<div id='d234' class='colors'>"+"LightSeaGreen</div>"+"<div id='d235' class='colors'>"+"turquoise</div>"+"<div id='d236' class='colors'>"+"aquamarine4</div>"+"<div id='d237' class='colors'>"+"aquamarine</div>"+"<div id='d238' class='colors'>"+"aquamarine1</div>"+"<div id='d239' class='colors'>"+"aquamarine2</div>"+"<div id='d240' class='colors'>"+"aquamarine3</div>"+"<div id='d241' class='colors'>"+"MediumAquamarine</div>"+"<div id='d242' class='colors'>"+"MediumSpringGreen</div>"+"<div id='d243' class='colors'>"+"MintCream</div>"+"<div id='d244' class='colors'>"+"SpringGreen</div>"+"<div id='d245' class='colors'>"+"SpringGreen1</div>"+"<div id='d246' class='colors'>"+"SpringGreen2</div>"+"<div id='d247' class='colors'>"+"SpringGreen3</div>"+"<div id='d248' class='colors'>"+"SpringGreen4</div>"+"<div id='d249' class='colors'>"+"MediumSeaGreen</div>"+"<div id='d250' class='colors'>"+"SeaGreen</div>"+"<div id='d251' class='colors'>"+"SeaGreen3</div>"+"<div id='d252' class='colors'>"+"SeaGreen1</div>"+"<div id='d253' class='colors'>"+"SeaGreen4</div>"+"<div id='d254' class='colors'>"+"SeaGreen2</div>"+"<div id='d255' class='colors'>"+"MediumForestGreen</div>"+"<div id='d256' class='colors'>"+"honeydew</div>"+"<div id='d257' class='colors'>"+"honeydew1</div>"+"<div id='d258' class='colors'>"+"honeydew2</div>"+"<div id='d259' class='colors'>"+"DarkSeaGreen1</div>"+"<div id='d260' class='colors'>"+"DarkSeaGreen2</div>"+"<div id='d261' class='colors'>"+"PaleGreen1</div>"+"<div id='d262' class='colors'>"+"PaleGreen</div>"+"<div id='d263' class='colors'>"+"honeydew3</div>"+"<div id='d264' class='colors'>"+"LightGreen</div>"+"<div id='d265' class='colors'>"+"PaleGreen2</div>"+"<div id='d266' class='colors'>"+"DarkSeaGreen3</div>"+"<div id='d267' class='colors'>"+"DarkSeaGreen</div>"+"<div id='d268' class='colors'>"+"PaleGreen3</div>"+"<div id='d269' class='colors'>"+"honeydew4</div>"+"<div id='d270' class='colors'>"+"green1</div>"+"<div id='d271' class='colors'>"+"lime</div>"+"<div id='d272' class='colors'>"+"LimeGreen</div>"+"<div id='d273' class='colors'>"+"DarkSeaGreen4</div>"+"<div id='d274' class='colors'>"+"green2</div>"+"<div id='d275' class='colors'>"+"PaleGreen4</div>"+"<div id='d276' class='colors'>"+"green3</div>"+"<div id='d277' class='colors'>"+"ForestGreen</div>"+"<div id='d278' class='colors'>"+"green4</div>"+"<div id='d279' class='colors'>"+"green</div>"+"<div id='d280' class='colors'>"+"DarkGreen</div>"+"<div id='d281' class='colors'>"+"LawnGreen</div>"+"<div id='d282' class='colors'>"+"chartreuse</div>"+"<div id='d283' class='colors'>"+"chartreuse1</div>"+"<div id='d284' class='colors'>"+"chartreuse2</div>"+"<div id='d285' class='colors'>"+"chartreuse3</div>"+"<div id='d286' class='colors'>"+"chartreuse4</div>"+"<div id='d287' class='colors'>"+"GreenYellow</div>"+"<div id='d288' class='colors'>"+"DarkOliveGreen3</div>"+"<div id='d289' class='colors'>"+"DarkOliveGreen1</div>"+"<div id='d290' class='colors'>"+"DarkOliveGreen2</div>"+"<div id='d291' class='colors'>"+"DarkOliveGreen4</div>"+"<div id='d292' class='colors'>"+"DarkOliveGreen</div>"+"<div id='d293' class='colors'>"+"OliveDrab</div>"+"<div id='d294' class='colors'>"+"OliveDrab1</div>"+"<div id='d295' class='colors'>"+"OliveDrab2</div>"+"<div id='d296' class='colors'>"+"OliveDrab3</div>"+"<div id='d297' class='colors'>"+"YellowGreen</div>"+"<div id='d298' class='colors'>"+"OliveDrab4</div>"+"<div id='d299' class='colors'>"+"ivory</div>"+"<div id='d300' class='colors'>"+"ivory1</div>"+"<div id='d301' class='colors'>"+"LightYellow</div>"+"<div id='d302' class='colors'>"+"LightYellow1</div>"+"<div id='d303' class='colors'>"+"beige</div>"+"<div id='d304' class='colors'>"+"ivory2</div>"+"<div id='d305' class='colors'>"+"LightGoldenrodYellow</div>"+"<div id='d306' class='colors'>"+"LightYellow2</div>"+"<div id='d307' class='colors'>"+"ivory3</div>"+"<div id='d308' class='colors'>"+"LightYellow3</div>"+"<div id='d309' class='colors'>"+"ivory4</div>"+"<div id='d310' class='colors'>"+"LightYellow4</div>"+"<div id='d311' class='colors'>"+"yellow</div>"+"<div id='d312' class='colors'>"+"yellow1</div>"+"<div id='d313' class='colors'>"+"yellow2</div>"+"<div id='d314' class='colors'>"+"yellow3</div>"+"<div id='d315' class='colors'>"+"yellow4</div>"+"<div id='d316' class='colors'>"+"olive</div>"+"<div id='d317' class='colors'>"+"DarkKhaki</div>"+"<div id='d318' class='colors'>"+"khaki2</div>"+"<div id='d319' class='colors'>"+"LemonChiffon4</div>"+"<div id='d320' class='colors'>"+"khaki1</div>"+"<div id='d321' class='colors'>"+"khaki3</div>"+"<div id='d322' class='colors'>"+"khaki4</div>"+"<div id='d323' class='colors'>"+"PaleGoldenrod</div>"+"<div id='d324' class='colors'>"+"LemonChiffon</div>"+"<div id='d325' class='colors'>"+"LemonChiffon1</div>"+"<div id='d326' class='colors'>"+"khaki</div>"+"<div id='d327' class='colors'>"+"LemonChiffon3</div>"+"<div id='d328' class='colors'>"+"LemonChiffon2</div>"+"<div id='d329' class='colors'>"+"MediumGoldenRod</div>"+"<div id='d330' class='colors'>"+"cornsilk4</div>"+"<div id='d331' class='colors'>"+"gold</div>"+"<div id='d332' class='colors'>"+"gold1</div>"+"<div id='d333' class='colors'>"+"gold2</div>"+"<div id='d334' class='colors'>"+"gold3</div>"+"<div id='d335' class='colors'>"+"gold4</div>"+"<div id='d336' class='colors'>"+"LightGoldenrod</div>"+"<div id='d337' class='colors'>"+"LightGoldenrod4</div>"+"<div id='d338' class='colors'>"+"LightGoldenrod1</div>"+"<div id='d339' class='colors'>"+"LightGoldenrod3</div>"+"<div id='d340' class='colors'>"+"LightGoldenrod2</div>"+"<div id='d341' class='colors'>"+"cornsilk3</div>"+"<div id='d342' class='colors'>"+"cornsilk2</div>"+"<div id='d343' class='colors'>"+"cornsilk</div>"+"<div id='d344' class='colors'>"+"cornsilk1</div>"+"<div id='d345' class='colors'>"+"goldenrod</div>"+"<div id='d346' class='colors'>"+"goldenrod1</div>"+"<div id='d347' class='colors'>"+"goldenrod2</div>"+"<div id='d348' class='colors'>"+"goldenrod3</div>"+"<div id='d349' class='colors'>"+"goldenrod4</div>"+"<div id='d350' class='colors'>"+"DarkGoldenrod</div>"+"<div id='d351' class='colors'>"+"DarkGoldenrod1</div>"+"<div id='d352' class='colors'>"+"DarkGoldenrod2</div>"+"<div id='d353' class='colors'>"+"DarkGoldenrod3</div>"+"<div id='d354' class='colors'>"+"DarkGoldenrod4</div>"+"<div id='d355' class='colors'>"+"FloralWhite</div>"+"<div id='d356' class='colors'>"+"wheat2</div>"+"<div id='d357' class='colors'>"+"OldLace</div>"+"<div id='d358' class='colors'>"+"wheat</div>"+"<div id='d359' class='colors'>"+"wheat1</div>"+"<div id='d360' class='colors'>"+"wheat3</div>"+"<div id='d361' class='colors'>"+"orange</div>"+"<div id='d362' class='colors'>"+"orange1</div>"+"<div id='d363' class='colors'>"+"orange2</div>"+"<div id='d364' class='colors'>"+"orange3</div>"+"<div id='d365' class='colors'>"+"orange4</div>"+"<div id='d366' class='colors'>"+"wheat4</div>"+"<div id='d367' class='colors'>"+"moccasin</div>"+"<div id='d368' class='colors'>"+"PapayaWhip</div>"+"<div id='d369' class='colors'>"+"NavajoWhite3</div>"+"<div id='d370' class='colors'>"+"BlanchedAlmond</div>"+"<div id='d371' class='colors'>"+"NavajoWhite</div>"+"<div id='d372' class='colors'>"+"NavajoWhite1</div>"+"<div id='d373' class='colors'>"+"NavajoWhite2</div>"+"<div id='d374' class='colors'>"+"NavajoWhite4</div>"+"<div id='d375' class='colors'>"+"AntiqueWhite4</div>"+"<div id='d376' class='colors'>"+"AntiqueWhite</div>"+"<div id='d377' class='colors'>"+"tan</div>"+"<div id='d378' class='colors'>"+"bisque4</div>"+"<div id='d379' class='colors'>"+"burlywood</div>"+"<div id='d380' class='colors'>"+"AntiqueWhite2</div>"+"<div id='d381' class='colors'>"+"burlywood1</div>"+"<div id='d382' class='colors'>"+"burlywood3</div>"+"<div id='d383' class='colors'>"+"burlywood2</div>"+"<div id='d384' class='colors'>"+"AntiqueWhite1</div>"+"<div id='d385' class='colors'>"+"burlywood4</div>"+"<div id='d386' class='colors'>"+"AntiqueWhite3</div>"+"<div id='d387' class='colors'>"+"DarkOrange</div>"+"<div id='d388' class='colors'>"+"bisque2</div>"+"<div id='d389' class='colors'>"+"bisque</div>"+"<div id='d390' class='colors'>"+"bisque1</div>"+"<div id='d391' class='colors'>"+"bisque3</div>"+"<div id='d392' class='colors'>"+"DarkOrange1</div>"+"<div id='d393' class='colors'>"+"linen</div>"+"<div id='d394' class='colors'>"+"DarkOrange2</div>"+"<div id='d395' class='colors'>"+"DarkOrange3</div>"+"<div id='d396' class='colors'>"+"DarkOrange4</div>"+"<div id='d397' class='colors'>"+"peru</div>"+"<div id='d398' class='colors'>"+"tan1</div>"+"<div id='d399' class='colors'>"+"tan2</div>"+"<div id='d400' class='colors'>"+"tan3</div>"+"<div id='d401' class='colors'>"+"tan4</div>"+"<div id='d402' class='colors'>"+"PeachPuff</div>"+"<div id='d403' class='colors'>"+"PeachPuff1</div>"+"<div id='d404' class='colors'>"+"PeachPuff4</div>"+"<div id='d405' class='colors'>"+"PeachPuff2</div>"+"<div id='d406' class='colors'>"+"PeachPuff3</div>"+"<div id='d407' class='colors'>"+"SandyBrown</div>"+"<div id='d408' class='colors'>"+"seashell4</div>"+"<div id='d409' class='colors'>"+"seashell2</div>"+"<div id='d410' class='colors'>"+"seashell3</div>"+"<div id='d411' class='colors'>"+"chocolate</div>"+"<div id='d412' class='colors'>"+"chocolate1</div>"+"<div id='d413' class='colors'>"+"chocolate2</div>"+"<div id='d414' class='colors'>"+"chocolate3</div>"+"<div id='d415' class='colors'>"+"chocolate4</div>"+"<div id='d416' class='colors'>"+"SaddleBrown</div>"+"<div id='d417' class='colors'>"+"seashell</div>"+"<div id='d418' class='colors'>"+"seashell1</div>"+"<div id='d419' class='colors'>"+"sienna4</div>"+"<div id='d420' class='colors'>"+"sienna</div>"+"<div id='d421' class='colors'>"+"sienna1</div>"+"<div id='d422' class='colors'>"+"sienna2</div>"+"<div id='d423' class='colors'>"+"sienna3</div>"+"<div id='d424' class='colors'>"+"LightSalmon3</div>"+"<div id='d425' class='colors'>"+"LightSalmon</div>"+"<div id='d426' class='colors'>"+"LightSalmon1</div>"+"<div id='d427' class='colors'>"+"LightSalmon4</div>"+"<div id='d428' class='colors'>"+"LightSalmon2</div>"+"<div id='d429' class='colors'>"+"coral</div>"+"<div id='d430' class='colors'>"+"OrangeRed</div>"+"<div id='d431' class='colors'>"+"OrangeRed1</div>"+"<div id='d432' class='colors'>"+"OrangeRed2</div>"+"<div id='d433' class='colors'>"+"OrangeRed3</div>"+"<div id='d434' class='colors'>"+"OrangeRed4</div>"+"<div id='d435' class='colors'>"+"DarkSalmon</div>"+"<div id='d436' class='colors'>"+"salmon1</div>"+"<div id='d437' class='colors'>"+"salmon2</div>"+"<div id='d438' class='colors'>"+"salmon3</div>"+"<div id='d439' class='colors'>"+"salmon4</div>"+"<div id='d440' class='colors'>"+"coral1</div>"+"<div id='d441' class='colors'>"+"coral2</div>"+"<div id='d442' class='colors'>"+"coral3</div>"+"<div id='d443' class='colors'>"+"coral4</div>"+"<div id='d444' class='colors'>"+"tomato4</div>"+"<div id='d445' class='colors'>"+"tomato</div>"+"<div id='d446' class='colors'>"+"tomato1</div>"+"<div id='d447' class='colors'>"+"tomato2</div>"+"<div id='d448' class='colors'>"+"tomato3</div>"+"<div id='d449' class='colors'>"+"MistyRose4</div>"+"<div id='d450' class='colors'>"+"MistyRose2</div>"+"<div id='d451' class='colors'>"+"MistyRose</div>"+"<div id='d452' class='colors'>"+"MistyRose1</div>"+"<div id='d453' class='colors'>"+"salmon</div>"+"<div id='d454' class='colors'>"+"MistyRose3</div>"+"<div id='d455' class='colors'>"+"white</div>"+"<div id='d456' class='colors'>"+"gray100</div>"+"<div id='d457' class='colors'>"+"grey100</div>"+"<div id='d458' class='colors'>"+"grey100</div>"+"<div id='d459' class='colors'>"+"gray99</div>"+"<div id='d460' class='colors'>"+"grey99</div>"+"<div id='d461' class='colors'>"+"gray98</div>"+"<div id='d462' class='colors'>"+"grey98</div>"+"<div id='d463' class='colors'>"+"gray97</div>"+"<div id='d464' class='colors'>"+"grey97</div>"+"<div id='d465' class='colors'>"+"gray96</div>"+"<div id='d466' class='colors'>"+"grey96</div>"+"<div id='d467' class='colors'>"+"WhiteSmoke</div>"+"<div id='d468' class='colors'>"+"gray95</div>"+"<div id='d469' class='colors'>"+"grey95</div>"+"<div id='d470' class='colors'>"+"gray94</div>"+"<div id='d471' class='colors'>"+"grey94</div>"+"<div id='d472' class='colors'>"+"gray93</div>"+"<div id='d473' class='colors'>"+"grey93</div>"+"<div id='d474' class='colors'>"+"gray92</div>"+"<div id='d475' class='colors'>"+"grey92</div>"+"<div id='d476' class='colors'>"+"gray91</div>"+"<div id='d477' class='colors'>"+"grey91</div>"+"<div id='d478' class='colors'>"+"gray90</div>"+"<div id='d479' class='colors'>"+"grey90</div>"+"<div id='d480' class='colors'>"+"gray89</div>"+"<div id='d481' class='colors'>"+"grey89</div>"+"<div id='d482' class='colors'>"+"gray88</div>"+"<div id='d483' class='colors'>"+"grey88</div>"+"<div id='d484' class='colors'>"+"gray87</div>"+"<div id='d485' class='colors'>"+"grey87</div>"+"<div id='d486' class='colors'>"+"gainsboro</div>"+"<div id='d487' class='colors'>"+"gray86</div>"+"<div id='d488' class='colors'>"+"grey86</div>"+"<div id='d489' class='colors'>"+"gray85</div>"+"<div id='d490' class='colors'>"+"grey85</div>"+"<div id='d491' class='colors'>"+"gray84</div>"+"<div id='d492' class='colors'>"+"grey84</div>"+"<div id='d493' class='colors'>"+"gray83</div>"+"<div id='d494' class='colors'>"+"grey83</div>"+"<div id='d495' class='colors'>"+"LightGray</div>"+"<div id='d496' class='colors'>"+"LightGrey</div>"+"<div id='d497' class='colors'>"+"gray82</div>"+"<div id='d498' class='colors'>"+"grey82</div>"+"<div id='d499' class='colors'>"+"gray81</div>"+"<div id='d500' class='colors'>"+"grey81</div>"+"<div id='d501' class='colors'>"+"gray80</div>"+"<div id='d502' class='colors'>"+"grey80</div>"+"<div id='d503' class='colors'>"+"gray79</div>"+"<div id='d504' class='colors'>"+"grey79</div>"+"<div id='d505' class='colors'>"+"gray78</div>"+"<div id='d506' class='colors'>"+"grey78</div>"+"<div id='d507' class='colors'>"+"gray77</div>"+"<div id='d508' class='colors'>"+"grey77</div>"+"<div id='d509' class='colors'>"+"gray76</div>"+"<div id='d510' class='colors'>"+"grey76</div>"+"<div id='d511' class='colors'>"+"silver</div>"+"<div id='d512' class='colors'>"+"gray75</div>"+"<div id='d513' class='colors'>"+"grey75</div>"+"<div id='d514' class='colors'>"+"gray74</div>"+"<div id='d515' class='colors'>"+"grey74</div>"+"<div id='d516' class='colors'>"+"gray73</div>"+"<div id='d517' class='colors'>"+"grey73</div>"+"<div id='d518' class='colors'>"+"gray72</div>"+"<div id='d519' class='colors'>"+"grey72</div>"+"<div id='d520' class='colors'>"+"gray71</div>"+"<div id='d521' class='colors'>"+"grey71</div>"+"<div id='d522' class='colors'>"+"gray70</div>"+"<div id='d523' class='colors'>"+"grey70</div>"+"<div id='d524' class='colors'>"+"gray69</div>"+"<div id='d525' class='colors'>"+"grey69</div>"+"<div id='d526' class='colors'>"+"gray68</div>"+"<div id='d527' class='colors'>"+"grey68</div>"+"<div id='d528' class='colors'>"+"gray67</div>"+"<div id='d529' class='colors'>"+"grey67</div>"+"<div id='d530' class='colors'>"+"DarkGray</div>"+"<div id='d531' class='colors'>"+"DarkGrey</div>"+"<div id='d532' class='colors'>"+"gray66</div>"+"<div id='d533' class='colors'>"+"grey66</div>"+"<div id='d534' class='colors'>"+"gray65</div>"+"<div id='d535' class='colors'>"+"grey65</div>"+"<div id='d536' class='colors'>"+"gray64</div>"+"<div id='d537' class='colors'>"+"grey64</div>"+"<div id='d538' class='colors'>"+"gray63</div>"+"<div id='d539' class='colors'>"+"grey63</div>"+"<div id='d540' class='colors'>"+"gray62</div>"+"<div id='d541' class='colors'>"+"grey62</div>"+"<div id='d542' class='colors'>"+"gray61</div>"+"<div id='d543' class='colors'>"+"grey61</div>"+"<div id='d544' class='colors'>"+"gray60</div>"+"<div id='d545' class='colors'>"+"grey60</div>"+"<div id='d546' class='colors'>"+"gray59</div>"+"<div id='d547' class='colors'>"+"grey59</div>"+"<div id='d548' class='colors'>"+"gray58</div>"+"<div id='d549' class='colors'>"+"grey58</div>"+"<div id='d550' class='colors'>"+"gray57</div>"+"<div id='d551' class='colors'>"+"grey57</div>"+"<div id='d552' class='colors'>"+"gray56</div>"+"<div id='d553' class='colors'>"+"grey56</div>"+"<div id='d554' class='colors'>"+"gray55</div>"+"<div id='d555' class='colors'>"+"grey55</div>"+"<div id='d556' class='colors'>"+"gray54</div>"+"<div id='d557' class='colors'>"+"grey54</div>"+"<div id='d558' class='colors'>"+"gray53</div>"+"<div id='d559' class='colors'>"+"grey53</div>"+"<div id='d560' class='colors'>"+"gray52</div>"+"<div id='d561' class='colors'>"+"grey52</div>"+"<div id='d562' class='colors'>"+"gray51</div>"+"<div id='d563' class='colors'>"+"grey51</div>"+"<div id='d564' class='colors'>"+"fractal</div>"+"<div id='d565' class='colors'>"+"gray50</div>"+"<div id='d566' class='colors'>"+"grey50</div>"+"<div id='d567' class='colors'>"+"gray</div>"+"<div id='d568' class='colors'>"+"gray49</div>"+"<div id='d569' class='colors'>"+"grey49</div>"+"<div id='d570' class='colors'>"+"gray48</div>"+"<div id='d571' class='colors'>"+"grey48</div>"+"<div id='d572' class='colors'>"+"gray47</div>"+"<div id='d573' class='colors'>"+"grey47</div>"+"<div id='d574' class='colors'>"+"gray46</div>"+"<div id='d575' class='colors'>"+"grey46</div>"+"<div id='d576' class='colors'>"+"gray45</div>"+"<div id='d577' class='colors'>"+"grey45</div>"+"<div id='d578' class='colors'>"+"gray44</div>"+"<div id='d579' class='colors'>"+"grey44</div>"+"<div id='d580' class='colors'>"+"gray43</div>"+"<div id='d581' class='colors'>"+"grey43</div>"+"<div id='d582' class='colors'>"+"gray42</div>"+"<div id='d583' class='colors'>"+"grey42</div>"+"<div id='d584' class='colors'>"+"DimGray</div>"+"<div id='d585' class='colors'>"+"DimGrey</div>"+"<div id='d586' class='colors'>"+"gray41</div>"+"<div id='d587' class='colors'>"+"grey41</div>"+"<div id='d588' class='colors'>"+"gray40</div>"+"<div id='d589' class='colors'>"+"grey40</div>"+"<div id='d590' class='colors'>"+"gray39</div>"+"<div id='d591' class='colors'>"+"grey39</div>"+"<div id='d592' class='colors'>"+"gray38</div>"+"<div id='d593' class='colors'>"+"grey38</div>"+"<div id='d594' class='colors'>"+"gray37</div>"+"<div id='d595' class='colors'>"+"grey37</div>"+"<div id='d596' class='colors'>"+"gray36</div>"+"<div id='d597' class='colors'>"+"grey36</div>"+"<div id='d598' class='colors'>"+"gray35</div>"+"<div id='d599' class='colors'>"+"grey35</div>"+"<div id='d600' class='colors'>"+"gray34</div>"+"<div id='d601' class='colors'>"+"grey34</div>"+"<div id='d602' class='colors'>"+"gray33</div>"+"<div id='d603' class='colors'>"+"grey33</div>"+"<div id='d604' class='colors'>"+"gray32</div>"+"<div id='d605' class='colors'>"+"grey32</div>"+"<div id='d606' class='colors'>"+"gray31</div>"+"<div id='d607' class='colors'>"+"grey31</div>"+"<div id='d608' class='colors'>"+"gray30</div>"+"<div id='d609' class='colors'>"+"grey30</div>"+"<div id='d610' class='colors'>"+"gray29</div>"+"<div id='d611' class='colors'>"+"grey29</div>"+"<div id='d612' class='colors'>"+"gray28</div>"+"<div id='d613' class='colors'>"+"grey28</div>"+"<div id='d614' class='colors'>"+"gray27</div>"+"<div id='d615' class='colors'>"+"grey27</div>"+"<div id='d616' class='colors'>"+"gray26</div>"+"<div id='d617' class='colors'>"+"grey26</div>"+"<div id='d618' class='colors'>"+"gray25</div>"+"<div id='d619' class='colors'>"+"grey25</div>"+"<div id='d620' class='colors'>"+"gray24</div>"+"<div id='d621' class='colors'>"+"grey24</div>"+"<div id='d622' class='colors'>"+"gray23</div>"+"<div id='d623' class='colors'>"+"grey23</div>"+"<div id='d624' class='colors'>"+"gray22</div>"+"<div id='d625' class='colors'>"+"grey22</div>"+"<div id='d626' class='colors'>"+"gray21</div>"+"<div id='d627' class='colors'>"+"grey21</div>"+"<div id='d628' class='colors'>"+"gray20</div>"+"<div id='d629' class='colors'>"+"grey20</div>"+"<div id='d630' class='colors'>"+"gray19</div>"+"<div id='d631' class='colors'>"+"grey19</div>"+"<div id='d632' class='colors'>"+"gray18</div>"+"<div id='d633' class='colors'>"+"grey18</div>"+"<div id='d634' class='colors'>"+"gray17</div>"+"<div id='d635' class='colors'>"+"grey17</div>"+"<div id='d636' class='colors'>"+"gray16</div>"+"<div id='d637' class='colors'>"+"grey16</div>"+"<div id='d638' class='colors'>"+"gray15</div>"+"<div id='d639' class='colors'>"+"grey15</div>"+"<div id='d640' class='colors'>"+"gray14</div>"+"<div id='d641' class='colors'>"+"grey14</div>"+"<div id='d642' class='colors'>"+"gray13</div>"+"<div id='d643' class='colors'>"+"grey13</div>"+"<div id='d644' class='colors'>"+"gray12</div>"+"<div id='d645' class='colors'>"+"grey12</div>"+"<div id='d646' class='colors'>"+"gray11</div>"+"<div id='d647' class='colors'>"+"grey11</div>"+"<div id='d648' class='colors'>"+"gray10</div>"+"<div id='d649' class='colors'>"+"grey10</div>"+"<div id='d650' class='colors'>"+"gray9</div>"+"<div id='d651' class='colors'>"+"grey9</div>"+"<div id='d652' class='colors'>"+"gray8</div>"+"<div id='d653' class='colors'>"+"grey8</div>"+"<div id='d654' class='colors'>"+"gray7</div>"+"<div id='d655' class='colors'>"+"grey7</div>"+"<div id='d656' class='colors'>"+"gray6</div>"+"<div id='d657' class='colors'>"+"grey6</div>"+"<div id='d658' class='colors'>"+"gray5</div>"+"<div id='d659' class='colors'>"+"grey5</div>"+"<div id='d660' class='colors'>"+"gray4</div>"+"<div id='d661' class='colors'>"+"grey4</div>"+"<div id='d662' class='colors'>"+"gray3</div>"+"<div id='d663' class='colors'>"+"grey3</div>"+"<div id='d664' class='colors'>"+"gray2</div>"+"<div id='d665' class='colors'>"+"grey2</div>"+"<div id='d666' class='colors'>"+"gray1</div>"+"<div id='d667' class='colors'>"+"grey1</div>"+"<div id='d668' class='colors'>"+"black</div>"+"<div id='d669' class='colors'>"+"gray0</div>"+"<div id='d670' class='colors'>"+"grey0</div>"+"<div id='d671' class='colors'>"+"opaque</div>"+"<div id='d672' class='colors'>"+"none</div>"+"<div id='d673' class='colors'>"+"transparent</div>"+"</div>"+"<div id='colornames'>WHERE THE COLORNAMES WILL GO</div>"+"<script type='text/javascript' src='colordict.js'></script>"+"<script type='text/javascript' src='colorpixx.js'></script>"
+
+
+function showpicker()
+  {
+  $('#popupContact').html(colorpicker);
+	$('#swingleft').append("whos the dadd addad");
+	$('#popupContact').css('height', '1500px')
+  }
+
+$('#colorlist').click(function(){showpicker()})
+
+
+
+
diff --git a/frontend/imgrid/colors/colors/junk/scrollio.html b/frontend/imgrid/colors/colors/junk/scrollio.html
new file mode 100755
index 0000000..e1443c3
--- /dev/null
+++ b/frontend/imgrid/colors/colors/junk/scrollio.html
@@ -0,0 +1,3850 @@
+<html>
+<head>
+<link rel="stylesheet" type="text/css" href="ScrollEffect.css" />
+<script type="text/javascript" src="ScrollEffect.js"></script>
+
+<style type='text/css'>
+
+body
+{
+margin:0;
+}
+
+#colorpicker
+{
+position:absolute;
+width:100%;
+font-family:helvetica; 
+font-size:10px; 
+//background-color: gray;
+//background-image: url("http://asdf.us/im/6f/gradient_bgdither_1321255670_pepper.gif");
+background-color: black;
+background-image: url("http://dump.fm/static/img/bg.dither.gif")
+
+}
+
+#container div
+{
+text-align:left;
+display: -moz-inline-stack;
+display:inline-block;
+vertical-align:bottom;
+min-height: 30px;
+zoom: 1;
+word-wrap: break-word;
+*display: inline;
+cursor:pointer;
+}
+
+#container
+{
+margin:0 auto;
+width:31%;
+padding-bottom:0px;
+padding-right:10px;
+padding-left:10px;
+text-align:center;
+position:absolute;
+height:850px;
+}
+
+#viewarea
+{
+position: relative; 
+top: 10%; 
+width: 31%; 
+height: 820px; 
+overflow: hidden; 
+margin:0 auto;
+padding-top:10px;
+padding-right:10px;
+padding-left:10px;
+text-align:center;
+border-style:outset;
+border-width:10px;
+}
+
+#colornames
+{
+color:white;
+position:fixed;
+font-size:50px;
+top:50px;
+left:2%;
+width:400px;
+}
+
+#switches
+		{
+		position:fixed;
+		top:20px;
+		right:1%;
+		height:400px;
+		width:300px;
+		font-size:20px;
+		border-style: groove;
+		border-width: 4px;
+		background-color:gray;
+		padding:2px;
+		box-shadow: 10px 10px 5px #141414;
+		}
+
+#infoswitch, #hexswitch, #backgroundswitch
+		{
+		background-image:url(http://asdf.us/im/58/gradient_whitegray80_1321305183_1321305241_pepper.jpg);
+		cursor:pointer;
+		}
+#preview
+		{
+		height:150px;
+		}
+
+
+#holder
+		{
+		float:bottom;
+		}
+
+#transparent
+		{
+		font-size:12px;
+		}
+#namespace
+		{
+		width:inherit;
+		}
+#d0
+{background-color:#FFFAFA}
+
+#d1
+{background-color:#FFFAFA}
+
+#d2
+{background-color:#EEE9E9}
+
+#d3
+{background-color:#FFC1C1}
+
+#d4
+{background-color:#EEB4B4}
+
+#d5
+{background-color:#CDC9C9}
+
+#d6
+{background-color:#F08080}
+
+#d7
+{background-color:#FF6A6A}
+
+#d8
+{background-color:#CD9B9B}
+
+#d9
+{background-color:#EE6363}
+
+#d10
+{background-color:#BC8F8F}
+
+#d11
+{background-color:#FF4040}
+
+#d12
+{background-color:#FF3030}
+
+#d13
+{background-color:#EE3B3B}
+
+#d14
+{background-color:#CD5C5C}
+
+#d15
+{background-color:#CD5555}
+
+#d16
+{background-color:#EE2C2C}
+
+#d17
+{background-color:#8B8989}
+
+#d18
+{background-color:#CD3333}
+
+#d19
+{background-color:#FF0000}
+
+#d20
+{background-color:#FF0000}
+
+#d21
+{background-color:#8B6969}
+
+#d22
+{background-color:#CD2626}
+
+#d23
+{background-color:#EE0000}
+
+#d24
+{background-color:#B22222}
+
+#d25
+{background-color:#A52A2A}
+
+#d26
+{background-color:#CD0000}
+
+#d27
+{background-color:#8B3A3A}
+
+#d28
+{background-color:#8B2323}
+
+#d29
+{background-color:#8B1A1A}
+
+#d30
+{background-color:#8B0000}
+
+#d31
+{background-color:#8B0000}
+
+#d32
+{background-color:#800000}
+
+#d33
+{background-color:#FFAEB9}
+
+#d34
+{background-color:#CD8C95}
+
+#d35
+{background-color:#8B5F65}
+
+#d36
+{background-color:#EEA2AD}
+
+#d37
+{background-color:#FFB6C1}
+
+#d38
+{background-color:#FFC0CB}
+
+#d39
+{background-color:#DC143C}
+
+#d40
+{background-color:#FFB5C5}
+
+#d41
+{background-color:#EEA9B8}
+
+#d42
+{background-color:#CD919E}
+
+#d43
+{background-color:#8B636C}
+
+#d44
+{background-color:#8B475D}
+
+#d45
+{background-color:#DB7093}
+
+#d46
+{background-color:#EE799F}
+
+#d47
+{background-color:#FF82AB}
+
+#d48
+{background-color:#CD6889}
+
+#d49
+{background-color:#FFF0F5}
+
+#d50
+{background-color:#FFF0F5}
+
+#d51
+{background-color:#CDC1C5}
+
+#d52
+{background-color:#EEE0E5}
+
+#d53
+{background-color:#8B8386}
+
+#d54
+{background-color:#B03060}
+
+#d55
+{background-color:#CD6090}
+
+#d56
+{background-color:#CD3278}
+
+#d57
+{background-color:#FF3E96}
+
+#d58
+{background-color:#EE3A8C}
+
+#d59
+{background-color:#8B2252}
+
+#d60
+{background-color:#EE6AA7}
+
+#d61
+{background-color:#FF6EB4}
+
+#d62
+{background-color:#8B3A62}
+
+#d63
+{background-color:#FF69B4}
+
+#d64
+{background-color:#FF1493}
+
+#d65
+{background-color:#FF1493}
+
+#d66
+{background-color:#EE1289}
+
+#d67
+{background-color:#CD1076}
+
+#d68
+{background-color:#8B0A50}
+
+#d69
+{background-color:#FF34B3}
+
+#d70
+{background-color:#EE30A7}
+
+#d71
+{background-color:#CD2990}
+
+#d72
+{background-color:#8B1C62}
+
+#d73
+{background-color:#C71585}
+
+#d74
+{background-color:#D02090}
+
+#d75
+{background-color:#EE7AE9}
+
+#d76
+{background-color:#DA70D6}
+
+#d77
+{background-color:#FF83FA}
+
+#d78
+{background-color:#CD69C9}
+
+#d79
+{background-color:#8B4789}
+
+#d80
+{background-color:#FFE1FF}
+
+#d81
+{background-color:#EED2EE}
+
+#d82
+{background-color:#FFBBFF}
+
+#d83
+{background-color:#EEAEEE}
+
+#d84
+{background-color:#D8BFD8}
+
+#d85
+{background-color:#CDB5CD}
+
+#d86
+{background-color:#DDA0DD}
+
+#d87
+{background-color:#EE82EE}
+
+#d88
+{background-color:#CD96CD}
+
+#d89
+{background-color:#8B7B8B}
+
+#d90
+{background-color:#FF00FF}
+
+#d91
+{background-color:#FF00FF}
+
+#d92
+{background-color:#FF00FF}
+
+#d93
+{background-color:#8B668B}
+
+#d94
+{background-color:#EE00EE}
+
+#d95
+{background-color:#CD00CD}
+
+#d96
+{background-color:#8B008B}
+
+#d97
+{background-color:#8B008B}
+
+#d98
+{background-color:#800080}
+
+#d99
+{background-color:#BA55D3}
+
+#d100
+{background-color:#E066FF}
+
+#d101
+{background-color:#D15FEE}
+
+#d102
+{background-color:#B452CD}
+
+#d103
+{background-color:#7A378B}
+
+#d104
+{background-color:#9400D3}
+
+#d105
+{background-color:#9932CC}
+
+#d106
+{background-color:#BF3EFF}
+
+#d107
+{background-color:#9A32CD}
+
+#d108
+{background-color:#B23AEE}
+
+#d109
+{background-color:#68228B}
+
+#d110
+{background-color:#A020F0}
+
+#d111
+{background-color:#4B0082}
+
+#d112
+{background-color:#8A2BE2}
+
+#d113
+{background-color:#912CEE}
+
+#d114
+{background-color:#7D26CD}
+
+#d115
+{background-color:#551A8B}
+
+#d116
+{background-color:#9B30FF}
+
+#d117
+{background-color:#9370DB}
+
+#d118
+{background-color:#AB82FF}
+
+#d119
+{background-color:#9F79EE}
+
+#d120
+{background-color:#8968CD}
+
+#d121
+{background-color:#5D478B}
+
+#d122
+{background-color:#483D8B}
+
+#d123
+{background-color:#8470FF}
+
+#d124
+{background-color:#7B68EE}
+
+#d125
+{background-color:#6A5ACD}
+
+#d126
+{background-color:#836FFF}
+
+#d127
+{background-color:#7A67EE}
+
+#d128
+{background-color:#6959CD}
+
+#d129
+{background-color:#473C8B}
+
+#d130
+{background-color:#F8F8FF}
+
+#d131
+{background-color:#E6E6FA}
+
+#d132
+{background-color:#0000FF}
+
+#d133
+{background-color:#0000FF}
+
+#d134
+{background-color:#0000EE}
+
+#d135
+{background-color:#0000CD}
+
+#d136
+{background-color:#0000CD}
+
+#d137
+{background-color:#00008B}
+
+#d138
+{background-color:#00008B}
+
+#d139
+{background-color:#191970}
+
+#d140
+{background-color:#000080}
+
+#d141
+{background-color:#000080}
+
+#d142
+{background-color:#4169E1}
+
+#d143
+{background-color:#4876FF}
+
+#d144
+{background-color:#436EEE}
+
+#d145
+{background-color:#3A5FCD}
+
+#d146
+{background-color:#27408B}
+
+#d147
+{background-color:#6495ED}
+
+#d148
+{background-color:#B0C4DE}
+
+#d149
+{background-color:#CAE1FF}
+
+#d150
+{background-color:#BCD2EE}
+
+#d151
+{background-color:#A2B5CD}
+
+#d152
+{background-color:#6E7B8B}
+
+#d153
+{background-color:#6C7B8B}
+
+#d154
+{background-color:#C6E2FF}
+
+#d155
+{background-color:#B9D3EE}
+
+#d156
+{background-color:#9FB6CD}
+
+#d157
+{background-color:#778899}
+
+#d158
+{background-color:#778899}
+
+#d159
+{background-color:#708090}
+
+#d160
+{background-color:#708090}
+
+#d161
+{background-color:#1E90FF}
+
+#d162
+{background-color:#1E90FF}
+
+#d163
+{background-color:#1C86EE}
+
+#d164
+{background-color:#104E8B}
+
+#d165
+{background-color:#1874CD}
+
+#d166
+{background-color:#F0F8FF}
+
+#d167
+{background-color:#36648B}
+
+#d168
+{background-color:#4682B4}
+
+#d169
+{background-color:#63B8FF}
+
+#d170
+{background-color:#5CACEE}
+
+#d171
+{background-color:#4F94CD}
+
+#d172
+{background-color:#4A708B}
+
+#d173
+{background-color:#87CEFF}
+
+#d174
+{background-color:#7EC0EE}
+
+#d175
+{background-color:#6CA6CD}
+
+#d176
+{background-color:#87CEFA}
+
+#d177
+{background-color:#607B8B}
+
+#d178
+{background-color:#B0E2FF}
+
+#d179
+{background-color:#A4D3EE}
+
+#d180
+{background-color:#8DB6CD}
+
+#d181
+{background-color:#87CEEB}
+
+#d182
+{background-color:#9AC0CD}
+
+#d183
+{background-color:#00BFFF}
+
+#d184
+{background-color:#00BFFF}
+
+#d185
+{background-color:#00B2EE}
+
+#d186
+{background-color:#00688B}
+
+#d187
+{background-color:#009ACD}
+
+#d188
+{background-color:#BFEFFF}
+
+#d189
+{background-color:#B2DFEE}
+
+#d190
+{background-color:#ADD8E6}
+
+#d191
+{background-color:#68838B}
+
+#d192
+{background-color:#B0E0E6}
+
+#d193
+{background-color:#98F5FF}
+
+#d194
+{background-color:#8EE5EE}
+
+#d195
+{background-color:#7AC5CD}
+
+#d196
+{background-color:#53868B}
+
+#d197
+{background-color:#00F5FF}
+
+#d198
+{background-color:#00E5EE}
+
+#d199
+{background-color:#00C5CD}
+
+#d200
+{background-color:#00868B}
+
+#d201
+{background-color:#5F9EA0}
+
+#d202
+{background-color:#5F9EA0}
+
+#d203
+{background-color:#00CED1}
+
+#d204
+{background-color:#F0FFFF}
+
+#d205
+{background-color:#F0FFFF}
+
+#d206
+{background-color:#E0FFFF}
+
+#d207
+{background-color:#E0FFFF}
+
+#d208
+{background-color:#E0EEEE}
+
+#d209
+{background-color:#D1EEEE}
+
+#d210
+{background-color:#BBFFFF}
+
+#d211
+{background-color:#AFEEEE}
+
+#d212
+{background-color:#AEEEEE}
+
+#d213
+{background-color:#97FFFF}
+
+#d214
+{background-color:#C1CDCD}
+
+#d215
+{background-color:#B4CDCD}
+
+#d216
+{background-color:#8DEEEE}
+
+#d217
+{background-color:#96CDCD}
+
+#d218
+{background-color:#79CDCD}
+
+#d219
+{background-color:#838B8B}
+
+#d220
+{background-color:#7A8B8B}
+
+#d221
+{background-color:#00FFFF}
+
+#d222
+{background-color:#00FFFF}
+
+#d223
+{background-color:#00FFFF}
+
+#d224
+{background-color:#668B8B}
+
+#d225
+{background-color:#00EEEE}
+
+#d226
+{background-color:#528B8B}
+
+#d227
+{background-color:#00CDCD}
+
+#d228
+{background-color:#008B8B}
+
+#d229
+{background-color:#008B8B}
+
+#d230
+{background-color:#008080}
+
+#d231
+{background-color:#2F4F4F}
+
+#d232
+{background-color:#2F4F4F}
+
+#d233
+{background-color:#48D1CC}
+
+#d234
+{background-color:#20B2AA}
+
+#d235
+{background-color:#40E0D0}
+
+#d236
+{background-color:#458B74}
+
+#d237
+{background-color:#7FFFD4}
+
+#d238
+{background-color:#7FFFD4}
+
+#d239
+{background-color:#76EEC6}
+
+#d240
+{background-color:#66CDAA}
+
+#d241
+{background-color:#66CDAA}
+
+#d242
+{background-color:#00FA9A}
+
+#d243
+{background-color:#F5FFFA}
+
+#d244
+{background-color:#00FF7F}
+
+#d245
+{background-color:#00FF7F}
+
+#d246
+{background-color:#00EE76}
+
+#d247
+{background-color:#00CD66}
+
+#d248
+{background-color:#008B45}
+
+#d249
+{background-color:#3CB371}
+
+#d250
+{background-color:#2E8B57}
+
+#d251
+{background-color:#43CD80}
+
+#d252
+{background-color:#54FF9F}
+
+#d253
+{background-color:#2E8B57}
+
+#d254
+{background-color:#4EEE94}
+
+#d255
+{background-color:#32814B}
+
+#d256
+{background-color:#F0FFF0}
+
+#d257
+{background-color:#F0FFF0}
+
+#d258
+{background-color:#E0EEE0}
+
+#d259
+{background-color:#C1FFC1}
+
+#d260
+{background-color:#B4EEB4}
+
+#d261
+{background-color:#9AFF9A}
+
+#d262
+{background-color:#98FB98}
+
+#d263
+{background-color:#C1CDC1}
+
+#d264
+{background-color:#90EE90}
+
+#d265
+{background-color:#90EE90}
+
+#d266
+{background-color:#9BCD9B}
+
+#d267
+{background-color:#8FBC8F}
+
+#d268
+{background-color:#7CCD7C}
+
+#d269
+{background-color:#838B83}
+
+#d270
+{background-color:#00FF00}
+
+#d271
+{background-color:#00FF00}
+
+#d272
+{background-color:#32CD32}
+
+#d273
+{background-color:#698B69}
+
+#d274
+{background-color:#00EE00}
+
+#d275
+{background-color:#548B54}
+
+#d276
+{background-color:#00CD00}
+
+#d277
+{background-color:#228B22}
+
+#d278
+{background-color:#008B00}
+
+#d279
+{background-color:#008000}
+
+#d280
+{background-color:#006400}
+
+#d281
+{background-color:#7CFC00}
+
+#d282
+{background-color:#7FFF00}
+
+#d283
+{background-color:#7FFF00}
+
+#d284
+{background-color:#76EE00}
+
+#d285
+{background-color:#66CD00}
+
+#d286
+{background-color:#458B00}
+
+#d287
+{background-color:#ADFF2F}
+
+#d288
+{background-color:#A2CD5A}
+
+#d289
+{background-color:#CAFF70}
+
+#d290
+{background-color:#BCEE68}
+
+#d291
+{background-color:#6E8B3D}
+
+#d292
+{background-color:#556B2F}
+
+#d293
+{background-color:#6B8E23}
+
+#d294
+{background-color:#C0FF3E}
+
+#d295
+{background-color:#B3EE3A}
+
+#d296
+{background-color:#9ACD32}
+
+#d297
+{background-color:#9ACD32}
+
+#d298
+{background-color:#698B22}
+
+#d299
+{background-color:#FFFFF0}
+
+#d300
+{background-color:#FFFFF0}
+
+#d301
+{background-color:#FFFFE0}
+
+#d302
+{background-color:#FFFFE0}
+
+#d303
+{background-color:#F5F5DC}
+
+#d304
+{background-color:#EEEEE0}
+
+#d305
+{background-color:#FAFAD2}
+
+#d306
+{background-color:#EEEED1}
+
+#d307
+{background-color:#CDCDC1}
+
+#d308
+{background-color:#CDCDB4}
+
+#d309
+{background-color:#8B8B83}
+
+#d310
+{background-color:#8B8B7A}
+
+#d311
+{background-color:#FFFF00}
+
+#d312
+{background-color:#FFFF00}
+
+#d313
+{background-color:#EEEE00}
+
+#d314
+{background-color:#CDCD00}
+
+#d315
+{background-color:#8B8B00}
+
+#d316
+{background-color:#808000}
+
+#d317
+{background-color:#BDB76B}
+
+#d318
+{background-color:#EEE685}
+
+#d319
+{background-color:#8B8970}
+
+#d320
+{background-color:#FFF68F}
+
+#d321
+{background-color:#CDC673}
+
+#d322
+{background-color:#8B864E}
+
+#d323
+{background-color:#EEE8AA}
+
+#d324
+{background-color:#FFFACD}
+
+#d325
+{background-color:#FFFACD}
+
+#d326
+{background-color:#F0E68C}
+
+#d327
+{background-color:#CDC9A5}
+
+#d328
+{background-color:#EEE9BF}
+
+#d329
+{background-color:#D1C166}
+
+#d330
+{background-color:#8B8878}
+
+#d331
+{background-color:#FFD700}
+
+#d332
+{background-color:#FFD700}
+
+#d333
+{background-color:#EEC900}
+
+#d334
+{background-color:#CDAD00}
+
+#d335
+{background-color:#8B7500}
+
+#d336
+{background-color:#EEDD82}
+
+#d337
+{background-color:#8B814C}
+
+#d338
+{background-color:#FFEC8B}
+
+#d339
+{background-color:#CDBE70}
+
+#d340
+{background-color:#EEDC82}
+
+#d341
+{background-color:#CDC8B1}
+
+#d342
+{background-color:#EEE8CD}
+
+#d343
+{background-color:#FFF8DC}
+
+#d344
+{background-color:#FFF8DC}
+
+#d345
+{background-color:#DAA520}
+
+#d346
+{background-color:#FFC125}
+
+#d347
+{background-color:#EEB422}
+
+#d348
+{background-color:#CD9B1D}
+
+#d349
+{background-color:#8B6914}
+
+#d350
+{background-color:#B8860B}
+
+#d351
+{background-color:#FFB90F}
+
+#d352
+{background-color:#EEAD0E}
+
+#d353
+{background-color:#CD950C}
+
+#d354
+{background-color:#8B6508}
+
+#d355
+{background-color:#FFFAF0}
+
+#d356
+{background-color:#EED8AE}
+
+#d357
+{background-color:#FDF5E6}
+
+#d358
+{background-color:#F5DEB3}
+
+#d359
+{background-color:#FFE7BA}
+
+#d360
+{background-color:#CDBA96}
+
+#d361
+{background-color:#FFA500}
+
+#d362
+{background-color:#FFA500}
+
+#d363
+{background-color:#EE9A00}
+
+#d364
+{background-color:#CD8500}
+
+#d365
+{background-color:#8B5A00}
+
+#d366
+{background-color:#8B7E66}
+
+#d367
+{background-color:#FFE4B5}
+
+#d368
+{background-color:#FFEFD5}
+
+#d369
+{background-color:#CDB38B}
+
+#d370
+{background-color:#FFEBCD}
+
+#d371
+{background-color:#FFDEAD}
+
+#d372
+{background-color:#FFDEAD}
+
+#d373
+{background-color:#EECFA1}
+
+#d374
+{background-color:#8B795E}
+
+#d375
+{background-color:#8B8378}
+
+#d376
+{background-color:#FAEBD7}
+
+#d377
+{background-color:#D2B48C}
+
+#d378
+{background-color:#8B7D6B}
+
+#d379
+{background-color:#DEB887}
+
+#d380
+{background-color:#EEDFCC}
+
+#d381
+{background-color:#FFD39B}
+
+#d382
+{background-color:#CDAA7D}
+
+#d383
+{background-color:#EEC591}
+
+#d384
+{background-color:#FFEFDB}
+
+#d385
+{background-color:#8B7355}
+
+#d386
+{background-color:#CDC0B0}
+
+#d387
+{background-color:#FF8C00}
+
+#d388
+{background-color:#EED5B7}
+
+#d389
+{background-color:#FFE4C4}
+
+#d390
+{background-color:#FFE4C4}
+
+#d391
+{background-color:#CDB79E}
+
+#d392
+{background-color:#FF7F00}
+
+#d393
+{background-color:#FAF0E6}
+
+#d394
+{background-color:#EE7600}
+
+#d395
+{background-color:#CD6600}
+
+#d396
+{background-color:#8B4500}
+
+#d397
+{background-color:#CD853F}
+
+#d398
+{background-color:#FFA54F}
+
+#d399
+{background-color:#EE9A49}
+
+#d400
+{background-color:#CD853F}
+
+#d401
+{background-color:#8B5A2B}
+
+#d402
+{background-color:#FFDAB9}
+
+#d403
+{background-color:#FFDAB9}
+
+#d404
+{background-color:#8B7765}
+
+#d405
+{background-color:#EECBAD}
+
+#d406
+{background-color:#CDAF95}
+
+#d407
+{background-color:#F4A460}
+
+#d408
+{background-color:#8B8682}
+
+#d409
+{background-color:#EEE5DE}
+
+#d410
+{background-color:#CDC5BF}
+
+#d411
+{background-color:#D2691E}
+
+#d412
+{background-color:#FF7F24}
+
+#d413
+{background-color:#EE7621}
+
+#d414
+{background-color:#CD661D}
+
+#d415
+{background-color:#8B4513}
+
+#d416
+{background-color:#8B4513}
+
+#d417
+{background-color:#FFF5EE}
+
+#d418
+{background-color:#FFF5EE}
+
+#d419
+{background-color:#8B4726}
+
+#d420
+{background-color:#A0522D}
+
+#d421
+{background-color:#FF8247}
+
+#d422
+{background-color:#EE7942}
+
+#d423
+{background-color:#CD6839}
+
+#d424
+{background-color:#CD8162}
+
+#d425
+{background-color:#FFA07A}
+
+#d426
+{background-color:#FFA07A}
+
+#d427
+{background-color:#8B5742}
+
+#d428
+{background-color:#EE9572}
+
+#d429
+{background-color:#FF7F50}
+
+#d430
+{background-color:#FF4500}
+
+#d431
+{background-color:#FF4500}
+
+#d432
+{background-color:#EE4000}
+
+#d433
+{background-color:#CD3700}
+
+#d434
+{background-color:#8B2500}
+
+#d435
+{background-color:#E9967A}
+
+#d436
+{background-color:#FF8C69}
+
+#d437
+{background-color:#EE8262}
+
+#d438
+{background-color:#CD7054}
+
+#d439
+{background-color:#8B4C39}
+
+#d440
+{background-color:#FF7256}
+
+#d441
+{background-color:#EE6A50}
+
+#d442
+{background-color:#CD5B45}
+
+#d443
+{background-color:#8B3E2F}
+
+#d444
+{background-color:#8B3626}
+
+#d445
+{background-color:#FF6347}
+
+#d446
+{background-color:#FF6347}
+
+#d447
+{background-color:#EE5C42}
+
+#d448
+{background-color:#CD4F39}
+
+#d449
+{background-color:#8B7D7B}
+
+#d450
+{background-color:#EED5D2}
+
+#d451
+{background-color:#FFE4E1}
+
+#d452
+{background-color:#FFE4E1}
+
+#d453
+{background-color:#FA8072}
+
+#d454
+{background-color:#CDB7B5}
+
+#d455
+{background-color:#FFFFFF}
+
+#d456
+{background-color:#FFFFFF}
+
+#d457
+{background-color:#FFFFFF}
+
+#d458
+{background-color:#FFFFFF}
+
+#d459
+{background-color:#FCFCFC}
+
+#d460
+{background-color:#FCFCFC}
+
+#d461
+{background-color:#FAFAFA}
+
+#d462
+{background-color:#FAFAFA}
+
+#d463
+{background-color:#F7F7F7}
+
+#d464
+{background-color:#F7F7F7}
+
+#d465
+{background-color:#F5F5F5}
+
+#d466
+{background-color:#F5F5F5}
+
+#d467
+{background-color:#F5F5F5}
+
+#d468
+{background-color:#F2F2F2}
+
+#d469
+{background-color:#F2F2F2}
+
+#d470
+{background-color:#F0F0F0}
+
+#d471
+{background-color:#F0F0F0}
+
+#d472
+{background-color:#EDEDED}
+
+#d473
+{background-color:#EDEDED}
+
+#d474
+{background-color:#EBEBEB}
+
+#d475
+{background-color:#EBEBEB}
+
+#d476
+{background-color:#E8E8E8}
+
+#d477
+{background-color:#E8E8E8}
+
+#d478
+{background-color:#E5E5E5}
+
+#d479
+{background-color:#E5E5E5}
+
+#d480
+{background-color:#E3E3E3}
+
+#d481
+{background-color:#E3E3E3}
+
+#d482
+{background-color:#E0E0E0}
+
+#d483
+{background-color:#E0E0E0}
+
+#d484
+{background-color:#DEDEDE}
+
+#d485
+{background-color:#DEDEDE}
+
+#d486
+{background-color:#DCDCDC}
+
+#d487
+{background-color:#DBDBDB}
+
+#d488
+{background-color:#DBDBDB}
+
+#d489
+{background-color:#D9D9D9}
+
+#d490
+{background-color:#D9D9D9}
+
+#d491
+{background-color:#D6D6D6}
+
+#d492
+{background-color:#D6D6D6}
+
+#d493
+{background-color:#D4D4D4}
+
+#d494
+{background-color:#D4D4D4}
+
+#d495
+{background-color:#D3D3D3}
+
+#d496
+{background-color:#D3D3D3}
+
+#d497
+{background-color:#D1D1D1}
+
+#d498
+{background-color:#D1D1D1}
+
+#d499
+{background-color:#CFCFCF}
+
+#d500
+{background-color:#CFCFCF}
+
+#d501
+{background-color:#CCCCCC}
+
+#d502
+{background-color:#CCCCCC}
+
+#d503
+{background-color:#C9C9C9}
+
+#d504
+{background-color:#C9C9C9}
+
+#d505
+{background-color:#C7C7C7}
+
+#d506
+{background-color:#C7C7C7}
+
+#d507
+{background-color:#C4C4C4}
+
+#d508
+{background-color:#C4C4C4}
+
+#d509
+{background-color:#C2C2C2}
+
+#d510
+{background-color:#C2C2C2}
+
+#d511
+{background-color:#C0C0C0}
+
+#d512
+{background-color:#BFBFBF}
+
+#d513
+{background-color:#BFBFBF}
+
+#d514
+{background-color:#BDBDBD}
+
+#d515
+{background-color:#BDBDBD}
+
+#d516
+{background-color:#BABABA}
+
+#d517
+{background-color:#BABABA}
+
+#d518
+{background-color:#B8B8B8}
+
+#d519
+{background-color:#B8B8B8}
+
+#d520
+{background-color:#B5B5B5}
+
+#d521
+{background-color:#B5B5B5}
+
+#d522
+{background-color:#B3B3B3}
+
+#d523
+{background-color:#B3B3B3}
+
+#d524
+{background-color:#B0B0B0}
+
+#d525
+{background-color:#B0B0B0}
+
+#d526
+{background-color:#ADADAD}
+
+#d527
+{background-color:#ADADAD}
+
+#d528
+{background-color:#ABABAB}
+
+#d529
+{background-color:#ABABAB}
+
+#d530
+{background-color:#A9A9A9}
+
+#d531
+{background-color:#A9A9A9}
+
+#d532
+{background-color:#A8A8A8}
+
+#d533
+{background-color:#A8A8A8}
+
+#d534
+{background-color:#A6A6A6}
+
+#d535
+{background-color:#A6A6A6}
+
+#d536
+{background-color:#A3A3A3}
+
+#d537
+{background-color:#A3A3A3}
+
+#d538
+{background-color:#A1A1A1}
+
+#d539
+{background-color:#A1A1A1}
+
+#d540
+{background-color:#9E9E9E}
+
+#d541
+{background-color:#9E9E9E}
+
+#d542
+{background-color:#9C9C9C}
+
+#d543
+{background-color:#9C9C9C}
+
+#d544
+{background-color:#999999}
+
+#d545
+{background-color:#999999}
+
+#d546
+{background-color:#969696}
+
+#d547
+{background-color:#969696}
+
+#d548
+{background-color:#949494}
+
+#d549
+{background-color:#949494}
+
+#d550
+{background-color:#919191}
+
+#d551
+{background-color:#919191}
+
+#d552
+{background-color:#8F8F8F}
+
+#d553
+{background-color:#8F8F8F}
+
+#d554
+{background-color:#8C8C8C}
+
+#d555
+{background-color:#8C8C8C}
+
+#d556
+{background-color:#8A8A8A}
+
+#d557
+{background-color:#8A8A8A}
+
+#d558
+{background-color:#878787}
+
+#d559
+{background-color:#878787}
+
+#d560
+{background-color:#858585}
+
+#d561
+{background-color:#858585}
+
+#d562
+{background-color:#828282}
+
+#d563
+{background-color:#828282}
+
+#d564
+{background-color:#808080}
+
+#d565
+{background-color:#7F7F7F}
+
+#d566
+{background-color:#7F7F7F}
+
+#d567
+{background-color:#7E7E7E}
+
+#d568
+{background-color:#7D7D7D}
+
+#d569
+{background-color:#7D7D7D}
+
+#d570
+{background-color:#7A7A7A}
+
+#d571
+{background-color:#7A7A7A}
+
+#d572
+{background-color:#787878}
+
+#d573
+{background-color:#787878}
+
+#d574
+{background-color:#757575}
+
+#d575
+{background-color:#757575}
+
+#d576
+{background-color:#737373}
+
+#d577
+{background-color:#737373}
+
+#d578
+{background-color:#707070}
+
+#d579
+{background-color:#707070}
+
+#d580
+{background-color:#6E6E6E}
+
+#d581
+{background-color:#6E6E6E}
+
+#d582
+{background-color:#6B6B6B}
+
+#d583
+{background-color:#6B6B6B}
+
+#d584
+{background-color:#696969}
+
+#d585
+{background-color:#696969}
+
+#d586
+{background-color:#696969}
+
+#d587
+{background-color:#696969}
+
+#d588
+{background-color:#666666}
+
+#d589
+{background-color:#666666}
+
+#d590
+{background-color:#636363}
+
+#d591
+{background-color:#636363}
+
+#d592
+{background-color:#616161}
+
+#d593
+{background-color:#616161}
+
+#d594
+{background-color:#5E5E5E}
+
+#d595
+{background-color:#5E5E5E}
+
+#d596
+{background-color:#5C5C5C}
+
+#d597
+{background-color:#5C5C5C}
+
+#d598
+{background-color:#595959}
+
+#d599
+{background-color:#595959}
+
+#d600
+{background-color:#575757}
+
+#d601
+{background-color:#575757}
+
+#d602
+{background-color:#545454}
+
+#d603
+{background-color:#545454}
+
+#d604
+{background-color:#525252}
+
+#d605
+{background-color:#525252}
+
+#d606
+{background-color:#4F4F4F}
+
+#d607
+{background-color:#4F4F4F}
+
+#d608
+{background-color:#4D4D4D}
+
+#d609
+{background-color:#4D4D4D}
+
+#d610
+{background-color:#4A4A4A}
+
+#d611
+{background-color:#4A4A4A}
+
+#d612
+{background-color:#474747}
+
+#d613
+{background-color:#474747}
+
+#d614
+{background-color:#454545}
+
+#d615
+{background-color:#454545}
+
+#d616
+{background-color:#424242}
+
+#d617
+{background-color:#424242}
+
+#d618
+{background-color:#404040}
+
+#d619
+{background-color:#404040}
+
+#d620
+{background-color:#3D3D3D}
+
+#d621
+{background-color:#3D3D3D}
+
+#d622
+{background-color:#3B3B3B}
+
+#d623
+{background-color:#3B3B3B}
+
+#d624
+{background-color:#383838}
+
+#d625
+{background-color:#383838}
+
+#d626
+{background-color:#363636}
+
+#d627
+{background-color:#363636}
+
+#d628
+{background-color:#333333}
+
+#d629
+{background-color:#333333}
+
+#d630
+{background-color:#303030}
+
+#d631
+{background-color:#303030}
+
+#d632
+{background-color:#2E2E2E}
+
+#d633
+{background-color:#2E2E2E}
+
+#d634
+{background-color:#2B2B2B}
+
+#d635
+{background-color:#2B2B2B}
+
+#d636
+{background-color:#292929}
+
+#d637
+{background-color:#292929}
+
+#d638
+{background-color:#262626}
+
+#d639
+{background-color:#262626}
+
+#d640
+{background-color:#242424}
+
+#d641
+{background-color:#242424}
+
+#d642
+{background-color:#212121}
+
+#d643
+{background-color:#212121}
+
+#d644
+{background-color:#1F1F1F}
+
+#d645
+{background-color:#1F1F1F}
+
+#d646
+{background-color:#1C1C1C}
+
+#d647
+{background-color:#1C1C1C}
+
+#d648
+{background-color:#1A1A1A}
+
+#d649
+{background-color:#1A1A1A}
+
+#d650
+{background-color:#171717}
+
+#d651
+{background-color:#171717}
+
+#d652
+{background-color:#141414}
+
+#d653
+{background-color:#141414}
+
+#d654
+{background-color:#121212}
+
+#d655
+{background-color:#121212}
+
+#d656
+{background-color:#0F0F0F}
+
+#d657
+{background-color:#0F0F0F}
+
+#d658
+{background-color:#0D0D0D}
+
+#d659
+{background-color:#0D0D0D}
+
+#d660
+{background-color:#0A0A0A}
+
+#d661
+{background-color:#0A0A0A}
+
+#d662
+{background-color:#080808}
+
+#d663
+{background-color:#080808}
+
+#d664
+{background-color:#050505}
+
+#d665
+{background-color:#050505}
+
+#d666
+{background-color:#030303}
+
+#d667
+{background-color:#030303}
+
+#d668
+{background-color:#000000}
+
+#d669
+{background-color:#000000}
+
+#d670
+{background-color:#000000}
+
+#d671
+{background-color:#000000}
+
+#d672
+{background-color:#000000}
+
+#d673
+{background-color:#000000}
+.colors
+{
+height:30;
+width:10px;
+}
+</style></head><body>
+<div id='colorpicker'>
+<div id='viewarea' class="panorama">
+<div id='container'>
+<div id='d0' class='colors'>
+snow</div>
+<div id='d1' class='colors'>
+snow1</div>
+<div id='d2' class='colors'>
+snow2</div>
+<div id='d3' class='colors'>
+RosyBrown1</div>
+<div id='d4' class='colors'>
+RosyBrown2</div>
+<div id='d5' class='colors'>
+snow3</div>
+<div id='d6' class='colors'>
+LightCoral</div>
+<div id='d7' class='colors'>
+IndianRed1</div>
+<div id='d8' class='colors'>
+RosyBrown3</div>
+<div id='d9' class='colors'>
+IndianRed2</div>
+<div id='d10' class='colors'>
+RosyBrown</div>
+<div id='d11' class='colors'>
+brown1</div>
+<div id='d12' class='colors'>
+firebrick1</div>
+<div id='d13' class='colors'>
+brown2</div>
+<div id='d14' class='colors'>
+IndianRed</div>
+<div id='d15' class='colors'>
+IndianRed3</div>
+<div id='d16' class='colors'>
+firebrick2</div>
+<div id='d17' class='colors'>
+snow4</div>
+<div id='d18' class='colors'>
+brown3</div>
+<div id='d19' class='colors'>
+red</div>
+<div id='d20' class='colors'>
+red1</div>
+<div id='d21' class='colors'>
+RosyBrown4</div>
+<div id='d22' class='colors'>
+firebrick3</div>
+<div id='d23' class='colors'>
+red2</div>
+<div id='d24' class='colors'>
+firebrick</div>
+<div id='d25' class='colors'>
+brown</div>
+<div id='d26' class='colors'>
+red3</div>
+<div id='d27' class='colors'>
+IndianRed4</div>
+<div id='d28' class='colors'>
+brown4</div>
+<div id='d29' class='colors'>
+firebrick4</div>
+<div id='d30' class='colors'>
+DarkRed</div>
+<div id='d31' class='colors'>
+red4</div>
+<div id='d32' class='colors'>
+maroon</div>
+<div id='d33' class='colors'>
+LightPink1</div>
+<div id='d34' class='colors'>
+LightPink3</div>
+<div id='d35' class='colors'>
+LightPink4</div>
+<div id='d36' class='colors'>
+LightPink2</div>
+<div id='d37' class='colors'>
+LightPink</div>
+<div id='d38' class='colors'>
+pink</div>
+<div id='d39' class='colors'>
+crimson</div>
+<div id='d40' class='colors'>
+pink1</div>
+<div id='d41' class='colors'>
+pink2</div>
+<div id='d42' class='colors'>
+pink3</div>
+<div id='d43' class='colors'>
+pink4</div>
+<div id='d44' class='colors'>
+PaleVioletRed4</div>
+<div id='d45' class='colors'>
+PaleVioletRed</div>
+<div id='d46' class='colors'>
+PaleVioletRed2</div>
+<div id='d47' class='colors'>
+PaleVioletRed1</div>
+<div id='d48' class='colors'>
+PaleVioletRed3</div>
+<div id='d49' class='colors'>
+LavenderBlush</div>
+<div id='d50' class='colors'>
+LavenderBlush1</div>
+<div id='d51' class='colors'>
+LavenderBlush3</div>
+<div id='d52' class='colors'>
+LavenderBlush2</div>
+<div id='d53' class='colors'>
+LavenderBlush4</div>
+<div id='d54' class='colors'>
+maroon</div>
+<div id='d55' class='colors'>
+HotPink3</div>
+<div id='d56' class='colors'>
+VioletRed3</div>
+<div id='d57' class='colors'>
+VioletRed1</div>
+<div id='d58' class='colors'>
+VioletRed2</div>
+<div id='d59' class='colors'>
+VioletRed4</div>
+<div id='d60' class='colors'>
+HotPink2</div>
+<div id='d61' class='colors'>
+HotPink1</div>
+<div id='d62' class='colors'>
+HotPink4</div>
+<div id='d63' class='colors'>
+HotPink</div>
+<div id='d64' class='colors'>
+DeepPink</div>
+<div id='d65' class='colors'>
+DeepPink1</div>
+<div id='d66' class='colors'>
+DeepPink2</div>
+<div id='d67' class='colors'>
+DeepPink3</div>
+<div id='d68' class='colors'>
+DeepPink4</div>
+<div id='d69' class='colors'>
+maroon1</div>
+<div id='d70' class='colors'>
+maroon2</div>
+<div id='d71' class='colors'>
+maroon3</div>
+<div id='d72' class='colors'>
+maroon4</div>
+<div id='d73' class='colors'>
+MediumVioletRed</div>
+<div id='d74' class='colors'>
+VioletRed</div>
+<div id='d75' class='colors'>
+orchid2</div>
+<div id='d76' class='colors'>
+orchid</div>
+<div id='d77' class='colors'>
+orchid1</div>
+<div id='d78' class='colors'>
+orchid3</div>
+<div id='d79' class='colors'>
+orchid4</div>
+<div id='d80' class='colors'>
+thistle1</div>
+<div id='d81' class='colors'>
+thistle2</div>
+<div id='d82' class='colors'>
+plum1</div>
+<div id='d83' class='colors'>
+plum2</div>
+<div id='d84' class='colors'>
+thistle</div>
+<div id='d85' class='colors'>
+thistle3</div>
+<div id='d86' class='colors'>
+plum</div>
+<div id='d87' class='colors'>
+violet</div>
+<div id='d88' class='colors'>
+plum3</div>
+<div id='d89' class='colors'>
+thistle4</div>
+<div id='d90' class='colors'>
+fuchsia</div>
+<div id='d91' class='colors'>
+magenta</div>
+<div id='d92' class='colors'>
+magenta1</div>
+<div id='d93' class='colors'>
+plum4</div>
+<div id='d94' class='colors'>
+magenta2</div>
+<div id='d95' class='colors'>
+magenta3</div>
+<div id='d96' class='colors'>
+DarkMagenta</div>
+<div id='d97' class='colors'>
+magenta4</div>
+<div id='d98' class='colors'>
+purple</div>
+<div id='d99' class='colors'>
+MediumOrchid</div>
+<div id='d100' class='colors'>
+MediumOrchid1</div>
+<div id='d101' class='colors'>
+MediumOrchid2</div>
+<div id='d102' class='colors'>
+MediumOrchid3</div>
+<div id='d103' class='colors'>
+MediumOrchid4</div>
+<div id='d104' class='colors'>
+DarkViolet</div>
+<div id='d105' class='colors'>
+DarkOrchid</div>
+<div id='d106' class='colors'>
+DarkOrchid1</div>
+<div id='d107' class='colors'>
+DarkOrchid3</div>
+<div id='d108' class='colors'>
+DarkOrchid2</div>
+<div id='d109' class='colors'>
+DarkOrchid4</div>
+<div id='d110' class='colors'>
+purple</div>
+<div id='d111' class='colors'>
+indigo</div>
+<div id='d112' class='colors'>
+BlueViolet</div>
+<div id='d113' class='colors'>
+purple2</div>
+<div id='d114' class='colors'>
+purple3</div>
+<div id='d115' class='colors'>
+purple4</div>
+<div id='d116' class='colors'>
+purple1</div>
+<div id='d117' class='colors'>
+MediumPurple</div>
+<div id='d118' class='colors'>
+MediumPurple1</div>
+<div id='d119' class='colors'>
+MediumPurple2</div>
+<div id='d120' class='colors'>
+MediumPurple3</div>
+<div id='d121' class='colors'>
+MediumPurple4</div>
+<div id='d122' class='colors'>
+DarkSlateBlue</div>
+<div id='d123' class='colors'>
+LightSlateBlue</div>
+<div id='d124' class='colors'>
+MediumSlateBlue</div>
+<div id='d125' class='colors'>
+SlateBlue</div>
+<div id='d126' class='colors'>
+SlateBlue1</div>
+<div id='d127' class='colors'>
+SlateBlue2</div>
+<div id='d128' class='colors'>
+SlateBlue3</div>
+<div id='d129' class='colors'>
+SlateBlue4</div>
+<div id='d130' class='colors'>
+GhostWhite</div>
+<div id='d131' class='colors'>
+lavender</div>
+<div id='d132' class='colors'>
+blue</div>
+<div id='d133' class='colors'>
+blue1</div>
+<div id='d134' class='colors'>
+blue2</div>
+<div id='d135' class='colors'>
+blue3</div>
+<div id='d136' class='colors'>
+MediumBlue</div>
+<div id='d137' class='colors'>
+blue4</div>
+<div id='d138' class='colors'>
+DarkBlue</div>
+<div id='d139' class='colors'>
+MidnightBlue</div>
+<div id='d140' class='colors'>
+navy</div>
+<div id='d141' class='colors'>
+NavyBlue</div>
+<div id='d142' class='colors'>
+RoyalBlue</div>
+<div id='d143' class='colors'>
+RoyalBlue1</div>
+<div id='d144' class='colors'>
+RoyalBlue2</div>
+<div id='d145' class='colors'>
+RoyalBlue3</div>
+<div id='d146' class='colors'>
+RoyalBlue4</div>
+<div id='d147' class='colors'>
+CornflowerBlue</div>
+<div id='d148' class='colors'>
+LightSteelBlue</div>
+<div id='d149' class='colors'>
+LightSteelBlue1</div>
+<div id='d150' class='colors'>
+LightSteelBlue2</div>
+<div id='d151' class='colors'>
+LightSteelBlue3</div>
+<div id='d152' class='colors'>
+LightSteelBlue4</div>
+<div id='d153' class='colors'>
+SlateGray4</div>
+<div id='d154' class='colors'>
+SlateGray1</div>
+<div id='d155' class='colors'>
+SlateGray2</div>
+<div id='d156' class='colors'>
+SlateGray3</div>
+<div id='d157' class='colors'>
+LightSlateGray</div>
+<div id='d158' class='colors'>
+LightSlateGrey</div>
+<div id='d159' class='colors'>
+SlateGray</div>
+<div id='d160' class='colors'>
+SlateGrey</div>
+<div id='d161' class='colors'>
+DodgerBlue</div>
+<div id='d162' class='colors'>
+DodgerBlue1</div>
+<div id='d163' class='colors'>
+DodgerBlue2</div>
+<div id='d164' class='colors'>
+DodgerBlue4</div>
+<div id='d165' class='colors'>
+DodgerBlue3</div>
+<div id='d166' class='colors'>
+AliceBlue</div>
+<div id='d167' class='colors'>
+SteelBlue4</div>
+<div id='d168' class='colors'>
+SteelBlue</div>
+<div id='d169' class='colors'>
+SteelBlue1</div>
+<div id='d170' class='colors'>
+SteelBlue2</div>
+<div id='d171' class='colors'>
+SteelBlue3</div>
+<div id='d172' class='colors'>
+SkyBlue4</div>
+<div id='d173' class='colors'>
+SkyBlue1</div>
+<div id='d174' class='colors'>
+SkyBlue2</div>
+<div id='d175' class='colors'>
+SkyBlue3</div>
+<div id='d176' class='colors'>
+LightSkyBlue</div>
+<div id='d177' class='colors'>
+LightSkyBlue4</div>
+<div id='d178' class='colors'>
+LightSkyBlue1</div>
+<div id='d179' class='colors'>
+LightSkyBlue2</div>
+<div id='d180' class='colors'>
+LightSkyBlue3</div>
+<div id='d181' class='colors'>
+SkyBlue</div>
+<div id='d182' class='colors'>
+LightBlue3</div>
+<div id='d183' class='colors'>
+DeepSkyBlue</div>
+<div id='d184' class='colors'>
+DeepSkyBlue1</div>
+<div id='d185' class='colors'>
+DeepSkyBlue2</div>
+<div id='d186' class='colors'>
+DeepSkyBlue4</div>
+<div id='d187' class='colors'>
+DeepSkyBlue3</div>
+<div id='d188' class='colors'>
+LightBlue1</div>
+<div id='d189' class='colors'>
+LightBlue2</div>
+<div id='d190' class='colors'>
+LightBlue</div>
+<div id='d191' class='colors'>
+LightBlue4</div>
+<div id='d192' class='colors'>
+PowderBlue</div>
+<div id='d193' class='colors'>
+CadetBlue1</div>
+<div id='d194' class='colors'>
+CadetBlue2</div>
+<div id='d195' class='colors'>
+CadetBlue3</div>
+<div id='d196' class='colors'>
+CadetBlue4</div>
+<div id='d197' class='colors'>
+turquoise1</div>
+<div id='d198' class='colors'>
+turquoise2</div>
+<div id='d199' class='colors'>
+turquoise3</div>
+<div id='d200' class='colors'>
+turquoise4</div>
+<div id='d201' class='colors'>
+cadet blue</div>
+<div id='d202' class='colors'>
+CadetBlue</div>
+<div id='d203' class='colors'>
+DarkTurquoise</div>
+<div id='d204' class='colors'>
+azure</div>
+<div id='d205' class='colors'>
+azure1</div>
+<div id='d206' class='colors'>
+LightCyan</div>
+<div id='d207' class='colors'>
+LightCyan1</div>
+<div id='d208' class='colors'>
+azure2</div>
+<div id='d209' class='colors'>
+LightCyan2</div>
+<div id='d210' class='colors'>
+PaleTurquoise1</div>
+<div id='d211' class='colors'>
+PaleTurquoise</div>
+<div id='d212' class='colors'>
+PaleTurquoise2</div>
+<div id='d213' class='colors'>
+DarkSlateGray1</div>
+<div id='d214' class='colors'>
+azure3</div>
+<div id='d215' class='colors'>
+LightCyan3</div>
+<div id='d216' class='colors'>
+DarkSlateGray2</div>
+<div id='d217' class='colors'>
+PaleTurquoise3</div>
+<div id='d218' class='colors'>
+DarkSlateGray3</div>
+<div id='d219' class='colors'>
+azure4</div>
+<div id='d220' class='colors'>
+LightCyan4</div>
+<div id='d221' class='colors'>
+aqua</div>
+<div id='d222' class='colors'>
+cyan</div>
+<div id='d223' class='colors'>
+cyan1</div>
+<div id='d224' class='colors'>
+PaleTurquoise4</div>
+<div id='d225' class='colors'>
+cyan2</div>
+<div id='d226' class='colors'>
+DarkSlateGray4</div>
+<div id='d227' class='colors'>
+cyan3</div>
+<div id='d228' class='colors'>
+cyan4</div>
+<div id='d229' class='colors'>
+DarkCyan</div>
+<div id='d230' class='colors'>
+teal</div>
+<div id='d231' class='colors'>
+DarkSlateGray</div>
+<div id='d232' class='colors'>
+DarkSlateGrey</div>
+<div id='d233' class='colors'>
+MediumTurquoise</div>
+<div id='d234' class='colors'>
+LightSeaGreen</div>
+<div id='d235' class='colors'>
+turquoise</div>
+<div id='d236' class='colors'>
+aquamarine4</div>
+<div id='d237' class='colors'>
+aquamarine</div>
+<div id='d238' class='colors'>
+aquamarine1</div>
+<div id='d239' class='colors'>
+aquamarine2</div>
+<div id='d240' class='colors'>
+aquamarine3</div>
+<div id='d241' class='colors'>
+MediumAquamarine</div>
+<div id='d242' class='colors'>
+MediumSpringGreen</div>
+<div id='d243' class='colors'>
+MintCream</div>
+<div id='d244' class='colors'>
+SpringGreen</div>
+<div id='d245' class='colors'>
+SpringGreen1</div>
+<div id='d246' class='colors'>
+SpringGreen2</div>
+<div id='d247' class='colors'>
+SpringGreen3</div>
+<div id='d248' class='colors'>
+SpringGreen4</div>
+<div id='d249' class='colors'>
+MediumSeaGreen</div>
+<div id='d250' class='colors'>
+SeaGreen</div>
+<div id='d251' class='colors'>
+SeaGreen3</div>
+<div id='d252' class='colors'>
+SeaGreen1</div>
+<div id='d253' class='colors'>
+SeaGreen4</div>
+<div id='d254' class='colors'>
+SeaGreen2</div>
+<div id='d255' class='colors'>
+MediumForestGreen</div>
+<div id='d256' class='colors'>
+honeydew</div>
+<div id='d257' class='colors'>
+honeydew1</div>
+<div id='d258' class='colors'>
+honeydew2</div>
+<div id='d259' class='colors'>
+DarkSeaGreen1</div>
+<div id='d260' class='colors'>
+DarkSeaGreen2</div>
+<div id='d261' class='colors'>
+PaleGreen1</div>
+<div id='d262' class='colors'>
+PaleGreen</div>
+<div id='d263' class='colors'>
+honeydew3</div>
+<div id='d264' class='colors'>
+LightGreen</div>
+<div id='d265' class='colors'>
+PaleGreen2</div>
+<div id='d266' class='colors'>
+DarkSeaGreen3</div>
+<div id='d267' class='colors'>
+DarkSeaGreen</div>
+<div id='d268' class='colors'>
+PaleGreen3</div>
+<div id='d269' class='colors'>
+honeydew4</div>
+<div id='d270' class='colors'>
+green1</div>
+<div id='d271' class='colors'>
+lime</div>
+<div id='d272' class='colors'>
+LimeGreen</div>
+<div id='d273' class='colors'>
+DarkSeaGreen4</div>
+<div id='d274' class='colors'>
+green2</div>
+<div id='d275' class='colors'>
+PaleGreen4</div>
+<div id='d276' class='colors'>
+green3</div>
+<div id='d277' class='colors'>
+ForestGreen</div>
+<div id='d278' class='colors'>
+green4</div>
+<div id='d279' class='colors'>
+green</div>
+<div id='d280' class='colors'>
+DarkGreen</div>
+<div id='d281' class='colors'>
+LawnGreen</div>
+<div id='d282' class='colors'>
+chartreuse</div>
+<div id='d283' class='colors'>
+chartreuse1</div>
+<div id='d284' class='colors'>
+chartreuse2</div>
+<div id='d285' class='colors'>
+chartreuse3</div>
+<div id='d286' class='colors'>
+chartreuse4</div>
+<div id='d287' class='colors'>
+GreenYellow</div>
+<div id='d288' class='colors'>
+DarkOliveGreen3</div>
+<div id='d289' class='colors'>
+DarkOliveGreen1</div>
+<div id='d290' class='colors'>
+DarkOliveGreen2</div>
+<div id='d291' class='colors'>
+DarkOliveGreen4</div>
+<div id='d292' class='colors'>
+DarkOliveGreen</div>
+<div id='d293' class='colors'>
+OliveDrab</div>
+<div id='d294' class='colors'>
+OliveDrab1</div>
+<div id='d295' class='colors'>
+OliveDrab2</div>
+<div id='d296' class='colors'>
+OliveDrab3</div>
+<div id='d297' class='colors'>
+YellowGreen</div>
+<div id='d298' class='colors'>
+OliveDrab4</div>
+<div id='d299' class='colors'>
+ivory</div>
+<div id='d300' class='colors'>
+ivory1</div>
+<div id='d301' class='colors'>
+LightYellow</div>
+<div id='d302' class='colors'>
+LightYellow1</div>
+<div id='d303' class='colors'>
+beige</div>
+<div id='d304' class='colors'>
+ivory2</div>
+<div id='d305' class='colors'>
+LightGoldenrodYellow</div>
+<div id='d306' class='colors'>
+LightYellow2</div>
+<div id='d307' class='colors'>
+ivory3</div>
+<div id='d308' class='colors'>
+LightYellow3</div>
+<div id='d309' class='colors'>
+ivory4</div>
+<div id='d310' class='colors'>
+LightYellow4</div>
+<div id='d311' class='colors'>
+yellow</div>
+<div id='d312' class='colors'>
+yellow1</div>
+<div id='d313' class='colors'>
+yellow2</div>
+<div id='d314' class='colors'>
+yellow3</div>
+<div id='d315' class='colors'>
+yellow4</div>
+<div id='d316' class='colors'>
+olive</div>
+<div id='d317' class='colors'>
+DarkKhaki</div>
+<div id='d318' class='colors'>
+khaki2</div>
+<div id='d319' class='colors'>
+LemonChiffon4</div>
+<div id='d320' class='colors'>
+khaki1</div>
+<div id='d321' class='colors'>
+khaki3</div>
+<div id='d322' class='colors'>
+khaki4</div>
+<div id='d323' class='colors'>
+PaleGoldenrod</div>
+<div id='d324' class='colors'>
+LemonChiffon</div>
+<div id='d325' class='colors'>
+LemonChiffon1</div>
+<div id='d326' class='colors'>
+khaki</div>
+<div id='d327' class='colors'>
+LemonChiffon3</div>
+<div id='d328' class='colors'>
+LemonChiffon2</div>
+<div id='d329' class='colors'>
+MediumGoldenRod</div>
+<div id='d330' class='colors'>
+cornsilk4</div>
+<div id='d331' class='colors'>
+gold</div>
+<div id='d332' class='colors'>
+gold1</div>
+<div id='d333' class='colors'>
+gold2</div>
+<div id='d334' class='colors'>
+gold3</div>
+<div id='d335' class='colors'>
+gold4</div>
+<div id='d336' class='colors'>
+LightGoldenrod</div>
+<div id='d337' class='colors'>
+LightGoldenrod4</div>
+<div id='d338' class='colors'>
+LightGoldenrod1</div>
+<div id='d339' class='colors'>
+LightGoldenrod3</div>
+<div id='d340' class='colors'>
+LightGoldenrod2</div>
+<div id='d341' class='colors'>
+cornsilk3</div>
+<div id='d342' class='colors'>
+cornsilk2</div>
+<div id='d343' class='colors'>
+cornsilk</div>
+<div id='d344' class='colors'>
+cornsilk1</div>
+<div id='d345' class='colors'>
+goldenrod</div>
+<div id='d346' class='colors'>
+goldenrod1</div>
+<div id='d347' class='colors'>
+goldenrod2</div>
+<div id='d348' class='colors'>
+goldenrod3</div>
+<div id='d349' class='colors'>
+goldenrod4</div>
+<div id='d350' class='colors'>
+DarkGoldenrod</div>
+<div id='d351' class='colors'>
+DarkGoldenrod1</div>
+<div id='d352' class='colors'>
+DarkGoldenrod2</div>
+<div id='d353' class='colors'>
+DarkGoldenrod3</div>
+<div id='d354' class='colors'>
+DarkGoldenrod4</div>
+<div id='d355' class='colors'>
+FloralWhite</div>
+<div id='d356' class='colors'>
+wheat2</div>
+<div id='d357' class='colors'>
+OldLace</div>
+<div id='d358' class='colors'>
+wheat</div>
+<div id='d359' class='colors'>
+wheat1</div>
+<div id='d360' class='colors'>
+wheat3</div>
+<div id='d361' class='colors'>
+orange</div>
+<div id='d362' class='colors'>
+orange1</div>
+<div id='d363' class='colors'>
+orange2</div>
+<div id='d364' class='colors'>
+orange3</div>
+<div id='d365' class='colors'>
+orange4</div>
+<div id='d366' class='colors'>
+wheat4</div>
+<div id='d367' class='colors'>
+moccasin</div>
+<div id='d368' class='colors'>
+PapayaWhip</div>
+<div id='d369' class='colors'>
+NavajoWhite3</div>
+<div id='d370' class='colors'>
+BlanchedAlmond</div>
+<div id='d371' class='colors'>
+NavajoWhite</div>
+<div id='d372' class='colors'>
+NavajoWhite1</div>
+<div id='d373' class='colors'>
+NavajoWhite2</div>
+<div id='d374' class='colors'>
+NavajoWhite4</div>
+<div id='d375' class='colors'>
+AntiqueWhite4</div>
+<div id='d376' class='colors'>
+AntiqueWhite</div>
+<div id='d377' class='colors'>
+tan</div>
+<div id='d378' class='colors'>
+bisque4</div>
+<div id='d379' class='colors'>
+burlywood</div>
+<div id='d380' class='colors'>
+AntiqueWhite2</div>
+<div id='d381' class='colors'>
+burlywood1</div>
+<div id='d382' class='colors'>
+burlywood3</div>
+<div id='d383' class='colors'>
+burlywood2</div>
+<div id='d384' class='colors'>
+AntiqueWhite1</div>
+<div id='d385' class='colors'>
+burlywood4</div>
+<div id='d386' class='colors'>
+AntiqueWhite3</div>
+<div id='d387' class='colors'>
+DarkOrange</div>
+<div id='d388' class='colors'>
+bisque2</div>
+<div id='d389' class='colors'>
+bisque</div>
+<div id='d390' class='colors'>
+bisque1</div>
+<div id='d391' class='colors'>
+bisque3</div>
+<div id='d392' class='colors'>
+DarkOrange1</div>
+<div id='d393' class='colors'>
+linen</div>
+<div id='d394' class='colors'>
+DarkOrange2</div>
+<div id='d395' class='colors'>
+DarkOrange3</div>
+<div id='d396' class='colors'>
+DarkOrange4</div>
+<div id='d397' class='colors'>
+peru</div>
+<div id='d398' class='colors'>
+tan1</div>
+<div id='d399' class='colors'>
+tan2</div>
+<div id='d400' class='colors'>
+tan3</div>
+<div id='d401' class='colors'>
+tan4</div>
+<div id='d402' class='colors'>
+PeachPuff</div>
+<div id='d403' class='colors'>
+PeachPuff1</div>
+<div id='d404' class='colors'>
+PeachPuff4</div>
+<div id='d405' class='colors'>
+PeachPuff2</div>
+<div id='d406' class='colors'>
+PeachPuff3</div>
+<div id='d407' class='colors'>
+SandyBrown</div>
+<div id='d408' class='colors'>
+seashell4</div>
+<div id='d409' class='colors'>
+seashell2</div>
+<div id='d410' class='colors'>
+seashell3</div>
+<div id='d411' class='colors'>
+chocolate</div>
+<div id='d412' class='colors'>
+chocolate1</div>
+<div id='d413' class='colors'>
+chocolate2</div>
+<div id='d414' class='colors'>
+chocolate3</div>
+<div id='d415' class='colors'>
+chocolate4</div>
+<div id='d416' class='colors'>
+SaddleBrown</div>
+<div id='d417' class='colors'>
+seashell</div>
+<div id='d418' class='colors'>
+seashell1</div>
+<div id='d419' class='colors'>
+sienna4</div>
+<div id='d420' class='colors'>
+sienna</div>
+<div id='d421' class='colors'>
+sienna1</div>
+<div id='d422' class='colors'>
+sienna2</div>
+<div id='d423' class='colors'>
+sienna3</div>
+<div id='d424' class='colors'>
+LightSalmon3</div>
+<div id='d425' class='colors'>
+LightSalmon</div>
+<div id='d426' class='colors'>
+LightSalmon1</div>
+<div id='d427' class='colors'>
+LightSalmon4</div>
+<div id='d428' class='colors'>
+LightSalmon2</div>
+<div id='d429' class='colors'>
+coral</div>
+<div id='d430' class='colors'>
+OrangeRed</div>
+<div id='d431' class='colors'>
+OrangeRed1</div>
+<div id='d432' class='colors'>
+OrangeRed2</div>
+<div id='d433' class='colors'>
+OrangeRed3</div>
+<div id='d434' class='colors'>
+OrangeRed4</div>
+<div id='d435' class='colors'>
+DarkSalmon</div>
+<div id='d436' class='colors'>
+salmon1</div>
+<div id='d437' class='colors'>
+salmon2</div>
+<div id='d438' class='colors'>
+salmon3</div>
+<div id='d439' class='colors'>
+salmon4</div>
+<div id='d440' class='colors'>
+coral1</div>
+<div id='d441' class='colors'>
+coral2</div>
+<div id='d442' class='colors'>
+coral3</div>
+<div id='d443' class='colors'>
+coral4</div>
+<div id='d444' class='colors'>
+tomato4</div>
+<div id='d445' class='colors'>
+tomato</div>
+<div id='d446' class='colors'>
+tomato1</div>
+<div id='d447' class='colors'>
+tomato2</div>
+<div id='d448' class='colors'>
+tomato3</div>
+<div id='d449' class='colors'>
+MistyRose4</div>
+<div id='d450' class='colors'>
+MistyRose2</div>
+<div id='d451' class='colors'>
+MistyRose</div>
+<div id='d452' class='colors'>
+MistyRose1</div>
+<div id='d453' class='colors'>
+salmon</div>
+<div id='d454' class='colors'>
+MistyRose3</div>
+<div id='d455' class='colors'>
+white</div>
+<div id='d456' class='colors'>
+gray100</div>
+<div id='d457' class='colors'>
+grey100</div>
+<div id='d458' class='colors'>
+grey100</div>
+<div id='d459' class='colors'>
+gray99</div>
+<div id='d460' class='colors'>
+grey99</div>
+<div id='d461' class='colors'>
+gray98</div>
+<div id='d462' class='colors'>
+grey98</div>
+<div id='d463' class='colors'>
+gray97</div>
+<div id='d464' class='colors'>
+grey97</div>
+<div id='d465' class='colors'>
+gray96</div>
+<div id='d466' class='colors'>
+grey96</div>
+<div id='d467' class='colors'>
+WhiteSmoke</div>
+<div id='d468' class='colors'>
+gray95</div>
+<div id='d469' class='colors'>
+grey95</div>
+<div id='d470' class='colors'>
+gray94</div>
+<div id='d471' class='colors'>
+grey94</div>
+<div id='d472' class='colors'>
+gray93</div>
+<div id='d473' class='colors'>
+grey93</div>
+<div id='d474' class='colors'>
+gray92</div>
+<div id='d475' class='colors'>
+grey92</div>
+<div id='d476' class='colors'>
+gray91</div>
+<div id='d477' class='colors'>
+grey91</div>
+<div id='d478' class='colors'>
+gray90</div>
+<div id='d479' class='colors'>
+grey90</div>
+<div id='d480' class='colors'>
+gray89</div>
+<div id='d481' class='colors'>
+grey89</div>
+<div id='d482' class='colors'>
+gray88</div>
+<div id='d483' class='colors'>
+grey88</div>
+<div id='d484' class='colors'>
+gray87</div>
+<div id='d485' class='colors'>
+grey87</div>
+<div id='d486' class='colors'>
+gainsboro</div>
+<div id='d487' class='colors'>
+gray86</div>
+<div id='d488' class='colors'>
+grey86</div>
+<div id='d489' class='colors'>
+gray85</div>
+<div id='d490' class='colors'>
+grey85</div>
+<div id='d491' class='colors'>
+gray84</div>
+<div id='d492' class='colors'>
+grey84</div>
+<div id='d493' class='colors'>
+gray83</div>
+<div id='d494' class='colors'>
+grey83</div>
+<div id='d495' class='colors'>
+LightGray</div>
+<div id='d496' class='colors'>
+LightGrey</div>
+<div id='d497' class='colors'>
+gray82</div>
+<div id='d498' class='colors'>
+grey82</div>
+<div id='d499' class='colors'>
+gray81</div>
+<div id='d500' class='colors'>
+grey81</div>
+<div id='d501' class='colors'>
+gray80</div>
+<div id='d502' class='colors'>
+grey80</div>
+<div id='d503' class='colors'>
+gray79</div>
+<div id='d504' class='colors'>
+grey79</div>
+<div id='d505' class='colors'>
+gray78</div>
+<div id='d506' class='colors'>
+grey78</div>
+<div id='d507' class='colors'>
+gray77</div>
+<div id='d508' class='colors'>
+grey77</div>
+<div id='d509' class='colors'>
+gray76</div>
+<div id='d510' class='colors'>
+grey76</div>
+<div id='d511' class='colors'>
+silver</div>
+<div id='d512' class='colors'>
+gray75</div>
+<div id='d513' class='colors'>
+grey75</div>
+<div id='d514' class='colors'>
+gray74</div>
+<div id='d515' class='colors'>
+grey74</div>
+<div id='d516' class='colors'>
+gray73</div>
+<div id='d517' class='colors'>
+grey73</div>
+<div id='d518' class='colors'>
+gray72</div>
+<div id='d519' class='colors'>
+grey72</div>
+<div id='d520' class='colors'>
+gray71</div>
+<div id='d521' class='colors'>
+grey71</div>
+<div id='d522' class='colors'>
+gray70</div>
+<div id='d523' class='colors'>
+grey70</div>
+<div id='d524' class='colors'>
+gray69</div>
+<div id='d525' class='colors'>
+grey69</div>
+<div id='d526' class='colors'>
+gray68</div>
+<div id='d527' class='colors'>
+grey68</div>
+<div id='d528' class='colors'>
+gray67</div>
+<div id='d529' class='colors'>
+grey67</div>
+<div id='d530' class='colors'>
+DarkGray</div>
+<div id='d531' class='colors'>
+DarkGrey</div>
+<div id='d532' class='colors'>
+gray66</div>
+<div id='d533' class='colors'>
+grey66</div>
+<div id='d534' class='colors'>
+gray65</div>
+<div id='d535' class='colors'>
+grey65</div>
+<div id='d536' class='colors'>
+gray64</div>
+<div id='d537' class='colors'>
+grey64</div>
+<div id='d538' class='colors'>
+gray63</div>
+<div id='d539' class='colors'>
+grey63</div>
+<div id='d540' class='colors'>
+gray62</div>
+<div id='d541' class='colors'>
+grey62</div>
+<div id='d542' class='colors'>
+gray61</div>
+<div id='d543' class='colors'>
+grey61</div>
+<div id='d544' class='colors'>
+gray60</div>
+<div id='d545' class='colors'>
+grey60</div>
+<div id='d546' class='colors'>
+gray59</div>
+<div id='d547' class='colors'>
+grey59</div>
+<div id='d548' class='colors'>
+gray58</div>
+<div id='d549' class='colors'>
+grey58</div>
+<div id='d550' class='colors'>
+gray57</div>
+<div id='d551' class='colors'>
+grey57</div>
+<div id='d552' class='colors'>
+gray56</div>
+<div id='d553' class='colors'>
+grey56</div>
+<div id='d554' class='colors'>
+gray55</div>
+<div id='d555' class='colors'>
+grey55</div>
+<div id='d556' class='colors'>
+gray54</div>
+<div id='d557' class='colors'>
+grey54</div>
+<div id='d558' class='colors'>
+gray53</div>
+<div id='d559' class='colors'>
+grey53</div>
+<div id='d560' class='colors'>
+gray52</div>
+<div id='d561' class='colors'>
+grey52</div>
+<div id='d562' class='colors'>
+gray51</div>
+<div id='d563' class='colors'>
+grey51</div>
+<div id='d564' class='colors'>
+fractal</div>
+<div id='d565' class='colors'>
+gray50</div>
+<div id='d566' class='colors'>
+grey50</div>
+<div id='d567' class='colors'>
+gray</div>
+<div id='d568' class='colors'>
+gray49</div>
+<div id='d569' class='colors'>
+grey49</div>
+<div id='d570' class='colors'>
+gray48</div>
+<div id='d571' class='colors'>
+grey48</div>
+<div id='d572' class='colors'>
+gray47</div>
+<div id='d573' class='colors'>
+grey47</div>
+<div id='d574' class='colors'>
+gray46</div>
+<div id='d575' class='colors'>
+grey46</div>
+<div id='d576' class='colors'>
+gray45</div>
+<div id='d577' class='colors'>
+grey45</div>
+<div id='d578' class='colors'>
+gray44</div>
+<div id='d579' class='colors'>
+grey44</div>
+<div id='d580' class='colors'>
+gray43</div>
+<div id='d581' class='colors'>
+grey43</div>
+<div id='d582' class='colors'>
+gray42</div>
+<div id='d583' class='colors'>
+grey42</div>
+<div id='d584' class='colors'>
+DimGray</div>
+<div id='d585' class='colors'>
+DimGrey</div>
+<div id='d586' class='colors'>
+gray41</div>
+<div id='d587' class='colors'>
+grey41</div>
+<div id='d588' class='colors'>
+gray40</div>
+<div id='d589' class='colors'>
+grey40</div>
+<div id='d590' class='colors'>
+gray39</div>
+<div id='d591' class='colors'>
+grey39</div>
+<div id='d592' class='colors'>
+gray38</div>
+<div id='d593' class='colors'>
+grey38</div>
+<div id='d594' class='colors'>
+gray37</div>
+<div id='d595' class='colors'>
+grey37</div>
+<div id='d596' class='colors'>
+gray36</div>
+<div id='d597' class='colors'>
+grey36</div>
+<div id='d598' class='colors'>
+gray35</div>
+<div id='d599' class='colors'>
+grey35</div>
+<div id='d600' class='colors'>
+gray34</div>
+<div id='d601' class='colors'>
+grey34</div>
+<div id='d602' class='colors'>
+gray33</div>
+<div id='d603' class='colors'>
+grey33</div>
+<div id='d604' class='colors'>
+gray32</div>
+<div id='d605' class='colors'>
+grey32</div>
+<div id='d606' class='colors'>
+gray31</div>
+<div id='d607' class='colors'>
+grey31</div>
+<div id='d608' class='colors'>
+gray30</div>
+<div id='d609' class='colors'>
+grey30</div>
+<div id='d610' class='colors'>
+gray29</div>
+<div id='d611' class='colors'>
+grey29</div>
+<div id='d612' class='colors'>
+gray28</div>
+<div id='d613' class='colors'>
+grey28</div>
+<div id='d614' class='colors'>
+gray27</div>
+<div id='d615' class='colors'>
+grey27</div>
+<div id='d616' class='colors'>
+gray26</div>
+<div id='d617' class='colors'>
+grey26</div>
+<div id='d618' class='colors'>
+gray25</div>
+<div id='d619' class='colors'>
+grey25</div>
+<div id='d620' class='colors'>
+gray24</div>
+<div id='d621' class='colors'>
+grey24</div>
+<div id='d622' class='colors'>
+gray23</div>
+<div id='d623' class='colors'>
+grey23</div>
+<div id='d624' class='colors'>
+gray22</div>
+<div id='d625' class='colors'>
+grey22</div>
+<div id='d626' class='colors'>
+gray21</div>
+<div id='d627' class='colors'>
+grey21</div>
+<div id='d628' class='colors'>
+gray20</div>
+<div id='d629' class='colors'>
+grey20</div>
+<div id='d630' class='colors'>
+gray19</div>
+<div id='d631' class='colors'>
+grey19</div>
+<div id='d632' class='colors'>
+gray18</div>
+<div id='d633' class='colors'>
+grey18</div>
+<div id='d634' class='colors'>
+gray17</div>
+<div id='d635' class='colors'>
+grey17</div>
+<div id='d636' class='colors'>
+gray16</div>
+<div id='d637' class='colors'>
+grey16</div>
+<div id='d638' class='colors'>
+gray15</div>
+<div id='d639' class='colors'>
+grey15</div>
+<div id='d640' class='colors'>
+gray14</div>
+<div id='d641' class='colors'>
+grey14</div>
+<div id='d642' class='colors'>
+gray13</div>
+<div id='d643' class='colors'>
+grey13</div>
+<div id='d644' class='colors'>
+gray12</div>
+<div id='d645' class='colors'>
+grey12</div>
+<div id='d646' class='colors'>
+gray11</div>
+<div id='d647' class='colors'>
+grey11</div>
+<div id='d648' class='colors'>
+gray10</div>
+<div id='d649' class='colors'>
+grey10</div>
+<div id='d650' class='colors'>
+gray9</div>
+<div id='d651' class='colors'>
+grey9</div>
+<div id='d652' class='colors'>
+gray8</div>
+<div id='d653' class='colors'>
+grey8</div>
+<div id='d654' class='colors'>
+gray7</div>
+<div id='d655' class='colors'>
+grey7</div>
+<div id='d656' class='colors'>
+gray6</div>
+<div id='d657' class='colors'>
+grey6</div>
+<div id='d658' class='colors'>
+gray5</div>
+<div id='d659' class='colors'>
+grey5</div>
+<div id='d660' class='colors'>
+gray4</div>
+<div id='d661' class='colors'>
+grey4</div>
+<div id='d662' class='colors'>
+gray3</div>
+<div id='d663' class='colors'>
+grey3</div>
+<div id='d664' class='colors'>
+gray2</div>
+<div id='d665' class='colors'>
+grey2</div>
+<div id='d666' class='colors'>
+gray1</div>
+<div id='d667' class='colors'>
+grey1</div>
+<div id='d668' class='colors'>
+black</div>
+<div id='d669' class='colors'>
+gray0</div>
+<div id='d670' class='colors'>
+grey0</div>
+<div id='d671' class='colors'>
+opaque</div>
+<div id='d672' class='colors'>
+none</div>
+<div id='d673' class='colors'>
+transparent</div>
+</div>
+</div>
+
+<div id='colornames'>
+CLICK TO CHOOSE THE COLOR
+</div>
+
+<div id='switches'>
+
+<span id='title'>OPTIONS</span>
+<div id='hexswitch' class='theswitches'>CLICK TO USE HEX KEYS</div>
+<br>
+<div id='infoswitch' class='theswitches'>CLICK TO TOGGLE PALATE INFO<span id='infospace'></span></div>
+<br>
+<div id='backgroundswitch' class='theswitches'>CLICK TO TOGGLE BACKGROUNDS</div>
+<br>
+<div id='preview'></div>
+<div id='nameholder'>YOU WILL CHOOSE:<input id='namespace' type='text'></input></div>
+<br>
+<span id='transparent'>to choose transparent as a color, click <span id='transbutton'>HERE</span></span>
+</div>
+</div>
+<script type='text/javascript' src='jquery-1.6.4.min.js'></script>
+<script type='text/javascript' src='colordict.js'></script>
+
+<script type='text/javascript'>
+
+
+//setup dimensions
+//////////////////
+
+function regolden(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num/ratio)
+	return newnum
+	}
+function goldenize(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num*ratio)
+	return newnum
+	}
+//turns css property width or height into an integer value
+function getproperty(idandselectr, propertystr)
+	{
+	grab = $(idandselectr).css(propertystr)
+	grab = grab.slice(0,-2)
+	numval = parseInt(grab)
+	return numval
+	}
+function makegolden(idandselectr, propertystr)
+	{
+	result = getproperty(idandselectr, propertystr)
+	newval = goldenize(result)
+	propval = newval.toString()+'px'
+	if(propertystr == 'height'){
+			$(idandselectr).css('width', propval)
+			}
+	else if(propertystr == 'width'){
+			$(idandselectr).css('height', propval)
+			}
+	}
+function shrinkwidth(arg){
+	for(var i=0; i < 5; i++){
+	arg = regolden(arg)
+	}
+	division = Math.round(arg)
+	return division
+}
+
+function makecolorswidth(){
+	colorswidth = shrinkwidth(window.innerWidth)
+	$('.colors').css('width', colorswidth.toString()+'px')
+}
+function makecolorsheight(){
+	result = getproperty('.colors', 'width')
+	newval = regolden(result)
+	propval = newval.toString()+'px'
+	$('.colors').css('height', propval)
+}
+//the following function sets up the font sizes 
+//inrelation to the size of the hexswitch font
+function setupfonts(){
+	var firstfont = getproperty('#hexswitch', 'font-size')
+	var finalfont = goldenize(firstfont)
+	$('#namespace').css('font-size', finalfont+'px')
+	$('#namespace').css('width', $('#switches').css('width'))
+	var secondfont = getproperty('#namespace', 'font-size')
+	var finalfont = goldenize(secondfont)
+	$('#colornames').css('font-size', finalfont+'px')
+	$('#colornames').css('text-shadow', 'black 1px 2px')
+	var transfont = regolden(firstfont)
+	$('#transparent').css('font-size', transfont+'px')
+}
+function getcontainerwidth(){
+	basis = $('.colors').css('width')
+	basis = parseInt(basis.slice(0,-2))
+	secondbasis = '2px'
+	secondbasis = parseInt(secondbasis.slice(0,-2))
+	widthval = (secondbasis*8)+(basis*4)+(goldenize(basis)-basis)
+	widthval = widthval.toString()+'px'
+	return widthval
+}
+
+function makecontainerwidth(){
+	var containerwidth = getcontainerwidth()
+	$('#container').css('width',containerwidth)
+	$('#viewarea').css('width',containerwidth)
+}
+
+
+function setupsides()
+	{
+	var	basis = $('#container').css('width')
+	basis = parseInt(basis.slice(0,-2))
+	remainder = (100-basis)/2
+	widths = regolden(basis)
+	widths = widths.toString()+'px'
+	lateralbasis = regolden(remainder)
+	leftside = toString(lateralbasis)+'%'
+	rightside = toString(100-lateralbasis)+'%'
+	$('#colornames').css('left', leftside)
+	$('#switches').css({'width': widths, 'left': rightside})
+	}
+function previewdimensions(){
+	first = $('#switches').css('width')
+	first = parseInt(first.slice(0,-2))
+	width = regolden(first)
+	height = regolden(width)
+	width = width.toString()+'px'
+	height = height.toString()+'px'
+	$('#preview').css({'width':width, 'height':height})
+}
+function setupdimensions(){
+makecolorswidth()
+setupfonts()
+makecolorsheight()
+makecontainerwidth()
+setupsides()
+makegolden('#switches','width')
+previewdimensions()
+}
+setupdimensions()
+$(window).resize(function(){setupdimensions()})
+//$(window).resize()(function(){setupdimensions()})
+
+//BEGIN STYLINGS//
+//////////////////
+
+
+var old = {};
+function hovercss(sel, uno){
+	
+	var chng = {};
+	chng['color'] = 'white';
+	chng['text-shadow'] = 'black 1px 2px';
+	chng['background-image'] = 'url(http://asdf.us/im/19/gradient_whitegray80_1321305183_1321305241_pepper_1321333403_pepper.jpg)';
+	if(uno == 'over'){
+		for(var key in chng){
+				old[key] = $('#'+sel).css(key)
+					}
+		for(var key in chng){
+				$('#'+sel).css(key, chng[key])
+					}
+			}
+	if(uno == 'out'){
+		for(var key in old){
+				$('#'+sel).css(key, old[key])
+					}
+			}
+}
+$('.theswitches').hover(function(){hovercss(this.id, 'over')}, function(){hovercss(this.id, 'out')})
+
+var transcss = {
+	'color':'#141414','box-shadow':'10px 10px 5px #141414',
+	'background-color':'#D1D1D1','color':'#141414',
+	'border-width':'2px','border-style':'outset','cursor':'pointer'}
+$('#transbutton').css(transcss)
+var hovertrans = {
+	'background-color':'DarkGrey','color':'#383838','box-shadow':'5px 5px 2px #141414'
+}
+$('#transbutton').hover(function(){$('#transbutton').css(hovertrans)},function(){$('#transbutton').css(transcss)})
+//threewayselector for what goes in the divs
+infostate = 1
+function switchinfo()
+	{
+	if(infostate == 0)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html(divtoname[divlist[i]])
+				};
+		infostate = 1
+		$('#infospace').html('(NAMES)');
+		}
+	else if(infostate == 1)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html("")
+				};
+		infostate = 2
+		$('#infospace').html('(NONE)');
+		}
+	else if(infostate == 2)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html(nametohex[divtoname[divlist[i]]])
+				};
+		infostate = 0
+		$('#infospace').html('(HEXES)');
+		}
+	}
+$('#infoswitch').hover(function(){$('#infospace').show()}, function(){$('#infospace').hide('slow')} )
+$('#infoswitch').click(function(){switchinfo()})
+
+
+backgroundstate = 2;
+function switchbackground()
+	{
+	if(backgroundstate == 1)
+		{
+		$('#colorpicker').css('background-color','black')
+		$('#colorpicker').css('background-image','url(http://dump.fm/static/img/bg.dither.gif)')
+		backgroundstate = 2;
+		$('#colornames').css('color', 'white')
+		$('#colornames').css('text-shadow', 'black 1px 2px')
+		}
+	else if(backgroundstate == 2)
+		{
+		$('#colorpicker').css('background-color','black')
+		$('#colorpicker').css('background-image', 'none')
+		backgroundstate = 0	
+		}
+	else if(backgroundstate == 0)
+		{
+		$('#colorpicker').css('background-color', 'white')
+		$('#colorpicker').css('background-image', 'none')
+		$('#colornames').css('color', 'grey')
+		backgroundstate = 1
+		}
+	}
+
+$('#backgroundswitch').click(function(){switchbackground()})
+
+//takes a div name and returns a colorname
+
+function showcolorname(divstr)
+
+		{
+		colorname = divtoname['#'+divstr]
+		hex = nametohex[colorname]
+			imname = hextoname[hex]
+		if (hexes == true)
+			{
+			imname = hex
+			}
+		
+		return imname
+		}
+function bigname(divstr)
+		{
+		colorname = showcolorname(divstr)
+		$('#colornames').html(colorname)
+		
+		}
+function writeit(text)
+		{
+		$('#colornames').append(text)
+		}
+function makebig(divstr)
+		{
+		firstheight = $('#'+divstr).height()
+		newheight = goldenize(firstheight)
+		$('#'+divstr).height(newheight)
+		}
+function makesmall(divstr)
+		{
+		oldheight = $('.colors').height()
+		$('#'+divstr).height(oldheight)
+		}
+var choice;
+$('.colors').hover(function() {
+   bigname(this.id);
+//	 makebig(this.id);
+//	 makegolden('#'+this.id, 'height')},
+//function(){
+//	 makesmall(this.id);
+//	 makegolden('#'+this.id, 'height')
+});
+$('.colors').mouseover(function(){
+							if(this.id != 'd0'){
+							makebig(this.id);
+							makegolden('#'+this.id, 'height')
+													}})
+$('.colors').mouseout(function(){
+							makesmall(this.id);
+							makegolden('#'+this.id,'height');
+													})
+$(".colors").hover(function(){
+$('#colornames').fadeOut(100);$('#colornames').fadeIn(500);
+	});
+$('.colors').css('margin-top', '2px')
+var hexes = false
+function hexswitch()
+		{
+		if(hexes == false)
+			{
+			$('#hexswitch').html('CLICK TO USE COLOR NAMES')
+			hexes = true;
+			var nameval = $('#namespace').val()
+			$('#namespace').val(nametohex[nameval])
+			}
+			
+		else
+			{
+			$('#hexswitch').html('CLICK TO USE HEX KEYS')
+			hexes = false;
+			var nameval = $('#namespace').val()
+			$('#namespace').val(hextoname[nameval])
+			}
+		}
+$('#hexswitch').click(function(){hexswitch()})
+
+$('.colors').click(function(){
+			putitin()	
+			})
+
+function putitin()
+		{
+		thecolor = $('#colornames').html()
+		$('#namespace').val(thecolor)
+		if(hexes == false){
+			$('#preview').css({'background-color': nametohex[thecolor], 'border-style':'none'})
+			}
+		else{
+			$('#preview').css('background-color', thecolor)
+			}
+				
+		}
+function transparent()
+	{
+	$('#namespace').val('transparent');
+	$('#preview').css({'background-color':'transparent','border-style':'dashed','border-width':'2px'})
+	}
+$('#transbutton').click(function(){transparent()})
+
+//$('#switches').bind('mousemove',function(e){ 
+//            $("#colornames").html(" e.pageY: " + e.pageY); 
+//});
+vt.start("viewarea", "container");
+
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/colors/junk/separate b/frontend/imgrid/colors/colors/junk/separate
new file mode 100755
index 0000000..b32bc49
--- /dev/null
+++ b/frontend/imgrid/colors/colors/junk/separate
@@ -0,0 +1,126 @@
+#!/usr/bin/python2.7
+
+
+f = open('colors.html', 'r')
+lines = f.readlines()
+colornames = []
+hexes = []
+for line in lines:
+	if 'right' in line and 'td' in line:
+		colornames.append(line[22:-6])
+	if '#' in line:
+		hexes.append(line[21:28])
+	if line == lines[len(lines)-1]:
+		break
+print len(hexes)
+print len(colornames)
+###making a dictionary
+hextoname = {}
+nametohex = {}
+for i in hexes:
+	hextoname[i] = colornames[hexes.index(i)]
+for i in colornames:
+	nametohex[i] = hexes[colornames.index(i)]
+w = open('colordict.js', 'w')
+w.write("var hextoname = "+str(hextoname)+"\n")
+w.write("var nametohex = "+str(nametohex)+"\n")
+w.close()
+ds = []
+for x in range(674):
+	ds.append('d'+str(x))
+
+#print hexes
+#note last two hex values in lists are wrong for they correspond to none and transparent
+w = open('colorsnew.html', 'w')
+w.write("""<html>\n<head>\n
+<style type='text/css'>\n
+body\n{max-width:100%;\nmax-height:100%; \nfont-family:helvetica; \nfont-size:10px; \nword-wrap: break-word;}\n
+div\n{display: -moz-inline-stack;\ndisplay:inline-block;\nvertical-align:top;\nmin-height: 30px;\nzoom: 1;\n*display: inline;}\n}\n
+#main{width:600px;}\n""")
+w.write("#colornames\n{position:fixed;\nfont-size:50px;\ntop:50px;\nright:50%;}")
+for x in range(674):
+	w.write("\n#"+ds[x]+"\n{background-color:"+str(hexes[x])+"}\n")
+w.write(".colors\n{height:30px;\nwidth:10px;}\n")
+w.write("</style></head>")
+w.write("<body>\n<div id='main'>\n")
+for x in range(674):
+	w.write("<div id='"+ds[x]+"' class='colors'>\n"+colornames[x]+"</div>\n")
+w.write("</div>\n")
+w.write("<div id='colornames'>WHERE THE COLORNAMES WILL GO</div>")
+w.write("<script type='text/javascript' src='jquery-1.6.4.min.js'></script>")
+w.write("<script type='text/javascript' src='colordict.js'></script>\n")
+w.write("\n<script type='text/javascript'>")
+w.write("""\nfunction goldenize(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num*ratio)
+	return newnum
+	}
+//turns css property width or height into an integer value
+function getproperty(idstr, propertystr)
+	{
+	grab = $('.'+idstr).css(propertystr)
+	grab = grab.slice(0,-2)
+	numval = parseInt(grab)
+	return numval
+	}
+function makegolden(idstr, propertystr)
+	{
+	result = getproperty(idstr, propertystr)
+	newwidth = goldenize(result)
+	widthval = newwidth.toString()+'px'
+	$('.'+idstr).css('width', widthval)
+	}
+makegolden('colors', 'height')
+""")
+w.write("""\n
+//remove content this function takes the name out of the divs
+
+function removecontent()
+	{
+	$('.colors').html("")
+	}
+removecontent()""")
+w.write("""
+
+function colorToHex(color) {
+    if (color.substr(0, 1) === '#') {
+        return color;
+    }
+    var digits = /(.*?)rgb\((\d+), (\d+), (\d+)\)/.exec(color);
+    
+    var red = parseInt(digits[2]);
+    var green = parseInt(digits[3]);
+    var blue = parseInt(digits[4]);
+    
+    var rgb = blue | (green << 8) | (red << 16);
+    return digits[1] + '#' + rgb.toString(16);
+};
+
+//takes a div name and returns a colorname\n
+function showcolorname(divstr)\n
+		{\n
+		bgcolor = $('#'+divstr).css('background-color')
+		lowercasehex = colorToHex(bgcolor)
+		hex = lowercasehex.toUpperCase()
+			imname = hextoname[hex]
+/*		if ($('#hexortext:checked').length == 1)
+			{
+			imname = hex
+			}*/
+		return imname
+		}
+function bigname(divstr)
+		{
+		bebop = showcolorname(toString(divstr))
+		$('#colornames').html(bebop)
+		}
+$('.colors').mouseover(function() {
+   bigname(this.id);
+});
+
+
+
+""")
+w.write("</script>")
+w.write("\n</body>\n</html>")
diff --git a/frontend/imgrid/colors/colors/junk/todo.txt b/frontend/imgrid/colors/colors/junk/todo.txt
new file mode 100755
index 0000000..ff9ae66
--- /dev/null
+++ b/frontend/imgrid/colors/colors/junk/todo.txt
@@ -0,0 +1,135 @@
+manyprettygradients:
+finish formatting tumblr
+put on autoscroll
+think about font (minoan) THIS IS WHY WE NEED TEXT BLASTER
+turn it to a bot
+	pre-step: delete everything on there
+	step 1: gradientscrape longerlogfile
+	step 2: post those
+	step 3: make gradientscrape call itself every 30 minutes
+	step 5: swipe???
+	step 4: import the write function from main.py
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+		
+	
+	python 2.6 == /opt/python2.6/bin/python
+
+	
+	JUANITA = True
+	#JUANITA = False
+
+	
+	
+from main.py, import * (follow_followers, reblog_posts, post_images)
+process_followers()
+reblog_posts()
+post_images()
+
+def now ():
+  return int(time.mktime(time.localtime()))
+  
+def save_seen (ids):
+  out = open (DUMP_SEEN+".tmp", "w")
+  for id in ids.keys():
+    out.write(id+"\n")
+  out.close()
+  system(["/bin/mv", DUMP_SEEN+".tmp", DUMP_SEEN])
+  
+def slurp (file):
+  input = open (file, "r")
+  lines = input.readlines()
+  input.close()
+  return lines
+
+def new_dump (dumps, seen):
+  id = random.choice(dumps.keys())
+  while id in seen:
+    id = random.choice(dumps.keys())
+  thedump = dumps[id]
+  seen[id] = True
+  save_seen(seen)
+    if JUANITA:
+      print thedump
+    else:
+      dump.say(thedump)
+      wait = random.randint(2,28)*30 + random.randint(1,55)
+      print "sleeping for", str(wait/60) + "m" + str(wait % 60) + "s..."
+      print
+      time.sleep(wait)
+
+def main ():
+  score_lines = slurp(DUMP_LIST)
+  dumps = {}
+    scored = {}
+  # first pass to work out the top score for each dump
+  for line in score_lines:
+    # 0 id  1 score  2 favers  3 urls
+    partz = line.split("\t")
+#skipping over really old stuff
+      if int(partz[0]) < 3618853:
+        continue
+
+      urls = partz[3].split(" ")
+      skip = False
+      for url in urls:
+        if "http" not in url:
+          skip = True
+      if skip:
+        continue
+      # dictionary: urls => (id, score)
+      if partz[3] in scored and int(partz[1]) > scored[partz[3]][1]:
+        scored[partz[3]] = (partz[0], int(partz[1]))
+      else:
+        scored[partz[3]] = (partz[0], int(partz[1]))
+
+    except KeyError:
+      continue
+    except ValueError:
+      continue
+
+  # second pass to weed out dumps with scores too high/low
+  for urls in scored.keys():
+    if scored[urls][1] > 0 and scored[urls][1] < 6:
+      # dictionary: id => urls
+      dumps[scored[urls][0]] = urls.strip()
+
+  seen_lines = slurp(DUMP_SEEN)
+  seen = {}
+  for line in seen_lines:
+    l = line.strip()
+    if len(l):
+      seen[l] = True
+
+  print len(dumps), "dumps in queue"
+  print len(seen_lines), "dumped already"
+
+  if JUANITA:
+    for i in xrange(10):
+      new_dump (dumps, seen)
+  else:
+    while (1):
+        new_dump (dumps, seen)
+      else:
+        print "TURNED OFF, sleeping for half an hour..."
+        time.sleep (30*60)
+
+main ()
+
diff --git a/frontend/imgrid/colors/colors/junk/withscroller.html b/frontend/imgrid/colors/colors/junk/withscroller.html
new file mode 100755
index 0000000..e1443c3
--- /dev/null
+++ b/frontend/imgrid/colors/colors/junk/withscroller.html
@@ -0,0 +1,3850 @@
+<html>
+<head>
+<link rel="stylesheet" type="text/css" href="ScrollEffect.css" />
+<script type="text/javascript" src="ScrollEffect.js"></script>
+
+<style type='text/css'>
+
+body
+{
+margin:0;
+}
+
+#colorpicker
+{
+position:absolute;
+width:100%;
+font-family:helvetica; 
+font-size:10px; 
+//background-color: gray;
+//background-image: url("http://asdf.us/im/6f/gradient_bgdither_1321255670_pepper.gif");
+background-color: black;
+background-image: url("http://dump.fm/static/img/bg.dither.gif")
+
+}
+
+#container div
+{
+text-align:left;
+display: -moz-inline-stack;
+display:inline-block;
+vertical-align:bottom;
+min-height: 30px;
+zoom: 1;
+word-wrap: break-word;
+*display: inline;
+cursor:pointer;
+}
+
+#container
+{
+margin:0 auto;
+width:31%;
+padding-bottom:0px;
+padding-right:10px;
+padding-left:10px;
+text-align:center;
+position:absolute;
+height:850px;
+}
+
+#viewarea
+{
+position: relative; 
+top: 10%; 
+width: 31%; 
+height: 820px; 
+overflow: hidden; 
+margin:0 auto;
+padding-top:10px;
+padding-right:10px;
+padding-left:10px;
+text-align:center;
+border-style:outset;
+border-width:10px;
+}
+
+#colornames
+{
+color:white;
+position:fixed;
+font-size:50px;
+top:50px;
+left:2%;
+width:400px;
+}
+
+#switches
+		{
+		position:fixed;
+		top:20px;
+		right:1%;
+		height:400px;
+		width:300px;
+		font-size:20px;
+		border-style: groove;
+		border-width: 4px;
+		background-color:gray;
+		padding:2px;
+		box-shadow: 10px 10px 5px #141414;
+		}
+
+#infoswitch, #hexswitch, #backgroundswitch
+		{
+		background-image:url(http://asdf.us/im/58/gradient_whitegray80_1321305183_1321305241_pepper.jpg);
+		cursor:pointer;
+		}
+#preview
+		{
+		height:150px;
+		}
+
+
+#holder
+		{
+		float:bottom;
+		}
+
+#transparent
+		{
+		font-size:12px;
+		}
+#namespace
+		{
+		width:inherit;
+		}
+#d0
+{background-color:#FFFAFA}
+
+#d1
+{background-color:#FFFAFA}
+
+#d2
+{background-color:#EEE9E9}
+
+#d3
+{background-color:#FFC1C1}
+
+#d4
+{background-color:#EEB4B4}
+
+#d5
+{background-color:#CDC9C9}
+
+#d6
+{background-color:#F08080}
+
+#d7
+{background-color:#FF6A6A}
+
+#d8
+{background-color:#CD9B9B}
+
+#d9
+{background-color:#EE6363}
+
+#d10
+{background-color:#BC8F8F}
+
+#d11
+{background-color:#FF4040}
+
+#d12
+{background-color:#FF3030}
+
+#d13
+{background-color:#EE3B3B}
+
+#d14
+{background-color:#CD5C5C}
+
+#d15
+{background-color:#CD5555}
+
+#d16
+{background-color:#EE2C2C}
+
+#d17
+{background-color:#8B8989}
+
+#d18
+{background-color:#CD3333}
+
+#d19
+{background-color:#FF0000}
+
+#d20
+{background-color:#FF0000}
+
+#d21
+{background-color:#8B6969}
+
+#d22
+{background-color:#CD2626}
+
+#d23
+{background-color:#EE0000}
+
+#d24
+{background-color:#B22222}
+
+#d25
+{background-color:#A52A2A}
+
+#d26
+{background-color:#CD0000}
+
+#d27
+{background-color:#8B3A3A}
+
+#d28
+{background-color:#8B2323}
+
+#d29
+{background-color:#8B1A1A}
+
+#d30
+{background-color:#8B0000}
+
+#d31
+{background-color:#8B0000}
+
+#d32
+{background-color:#800000}
+
+#d33
+{background-color:#FFAEB9}
+
+#d34
+{background-color:#CD8C95}
+
+#d35
+{background-color:#8B5F65}
+
+#d36
+{background-color:#EEA2AD}
+
+#d37
+{background-color:#FFB6C1}
+
+#d38
+{background-color:#FFC0CB}
+
+#d39
+{background-color:#DC143C}
+
+#d40
+{background-color:#FFB5C5}
+
+#d41
+{background-color:#EEA9B8}
+
+#d42
+{background-color:#CD919E}
+
+#d43
+{background-color:#8B636C}
+
+#d44
+{background-color:#8B475D}
+
+#d45
+{background-color:#DB7093}
+
+#d46
+{background-color:#EE799F}
+
+#d47
+{background-color:#FF82AB}
+
+#d48
+{background-color:#CD6889}
+
+#d49
+{background-color:#FFF0F5}
+
+#d50
+{background-color:#FFF0F5}
+
+#d51
+{background-color:#CDC1C5}
+
+#d52
+{background-color:#EEE0E5}
+
+#d53
+{background-color:#8B8386}
+
+#d54
+{background-color:#B03060}
+
+#d55
+{background-color:#CD6090}
+
+#d56
+{background-color:#CD3278}
+
+#d57
+{background-color:#FF3E96}
+
+#d58
+{background-color:#EE3A8C}
+
+#d59
+{background-color:#8B2252}
+
+#d60
+{background-color:#EE6AA7}
+
+#d61
+{background-color:#FF6EB4}
+
+#d62
+{background-color:#8B3A62}
+
+#d63
+{background-color:#FF69B4}
+
+#d64
+{background-color:#FF1493}
+
+#d65
+{background-color:#FF1493}
+
+#d66
+{background-color:#EE1289}
+
+#d67
+{background-color:#CD1076}
+
+#d68
+{background-color:#8B0A50}
+
+#d69
+{background-color:#FF34B3}
+
+#d70
+{background-color:#EE30A7}
+
+#d71
+{background-color:#CD2990}
+
+#d72
+{background-color:#8B1C62}
+
+#d73
+{background-color:#C71585}
+
+#d74
+{background-color:#D02090}
+
+#d75
+{background-color:#EE7AE9}
+
+#d76
+{background-color:#DA70D6}
+
+#d77
+{background-color:#FF83FA}
+
+#d78
+{background-color:#CD69C9}
+
+#d79
+{background-color:#8B4789}
+
+#d80
+{background-color:#FFE1FF}
+
+#d81
+{background-color:#EED2EE}
+
+#d82
+{background-color:#FFBBFF}
+
+#d83
+{background-color:#EEAEEE}
+
+#d84
+{background-color:#D8BFD8}
+
+#d85
+{background-color:#CDB5CD}
+
+#d86
+{background-color:#DDA0DD}
+
+#d87
+{background-color:#EE82EE}
+
+#d88
+{background-color:#CD96CD}
+
+#d89
+{background-color:#8B7B8B}
+
+#d90
+{background-color:#FF00FF}
+
+#d91
+{background-color:#FF00FF}
+
+#d92
+{background-color:#FF00FF}
+
+#d93
+{background-color:#8B668B}
+
+#d94
+{background-color:#EE00EE}
+
+#d95
+{background-color:#CD00CD}
+
+#d96
+{background-color:#8B008B}
+
+#d97
+{background-color:#8B008B}
+
+#d98
+{background-color:#800080}
+
+#d99
+{background-color:#BA55D3}
+
+#d100
+{background-color:#E066FF}
+
+#d101
+{background-color:#D15FEE}
+
+#d102
+{background-color:#B452CD}
+
+#d103
+{background-color:#7A378B}
+
+#d104
+{background-color:#9400D3}
+
+#d105
+{background-color:#9932CC}
+
+#d106
+{background-color:#BF3EFF}
+
+#d107
+{background-color:#9A32CD}
+
+#d108
+{background-color:#B23AEE}
+
+#d109
+{background-color:#68228B}
+
+#d110
+{background-color:#A020F0}
+
+#d111
+{background-color:#4B0082}
+
+#d112
+{background-color:#8A2BE2}
+
+#d113
+{background-color:#912CEE}
+
+#d114
+{background-color:#7D26CD}
+
+#d115
+{background-color:#551A8B}
+
+#d116
+{background-color:#9B30FF}
+
+#d117
+{background-color:#9370DB}
+
+#d118
+{background-color:#AB82FF}
+
+#d119
+{background-color:#9F79EE}
+
+#d120
+{background-color:#8968CD}
+
+#d121
+{background-color:#5D478B}
+
+#d122
+{background-color:#483D8B}
+
+#d123
+{background-color:#8470FF}
+
+#d124
+{background-color:#7B68EE}
+
+#d125
+{background-color:#6A5ACD}
+
+#d126
+{background-color:#836FFF}
+
+#d127
+{background-color:#7A67EE}
+
+#d128
+{background-color:#6959CD}
+
+#d129
+{background-color:#473C8B}
+
+#d130
+{background-color:#F8F8FF}
+
+#d131
+{background-color:#E6E6FA}
+
+#d132
+{background-color:#0000FF}
+
+#d133
+{background-color:#0000FF}
+
+#d134
+{background-color:#0000EE}
+
+#d135
+{background-color:#0000CD}
+
+#d136
+{background-color:#0000CD}
+
+#d137
+{background-color:#00008B}
+
+#d138
+{background-color:#00008B}
+
+#d139
+{background-color:#191970}
+
+#d140
+{background-color:#000080}
+
+#d141
+{background-color:#000080}
+
+#d142
+{background-color:#4169E1}
+
+#d143
+{background-color:#4876FF}
+
+#d144
+{background-color:#436EEE}
+
+#d145
+{background-color:#3A5FCD}
+
+#d146
+{background-color:#27408B}
+
+#d147
+{background-color:#6495ED}
+
+#d148
+{background-color:#B0C4DE}
+
+#d149
+{background-color:#CAE1FF}
+
+#d150
+{background-color:#BCD2EE}
+
+#d151
+{background-color:#A2B5CD}
+
+#d152
+{background-color:#6E7B8B}
+
+#d153
+{background-color:#6C7B8B}
+
+#d154
+{background-color:#C6E2FF}
+
+#d155
+{background-color:#B9D3EE}
+
+#d156
+{background-color:#9FB6CD}
+
+#d157
+{background-color:#778899}
+
+#d158
+{background-color:#778899}
+
+#d159
+{background-color:#708090}
+
+#d160
+{background-color:#708090}
+
+#d161
+{background-color:#1E90FF}
+
+#d162
+{background-color:#1E90FF}
+
+#d163
+{background-color:#1C86EE}
+
+#d164
+{background-color:#104E8B}
+
+#d165
+{background-color:#1874CD}
+
+#d166
+{background-color:#F0F8FF}
+
+#d167
+{background-color:#36648B}
+
+#d168
+{background-color:#4682B4}
+
+#d169
+{background-color:#63B8FF}
+
+#d170
+{background-color:#5CACEE}
+
+#d171
+{background-color:#4F94CD}
+
+#d172
+{background-color:#4A708B}
+
+#d173
+{background-color:#87CEFF}
+
+#d174
+{background-color:#7EC0EE}
+
+#d175
+{background-color:#6CA6CD}
+
+#d176
+{background-color:#87CEFA}
+
+#d177
+{background-color:#607B8B}
+
+#d178
+{background-color:#B0E2FF}
+
+#d179
+{background-color:#A4D3EE}
+
+#d180
+{background-color:#8DB6CD}
+
+#d181
+{background-color:#87CEEB}
+
+#d182
+{background-color:#9AC0CD}
+
+#d183
+{background-color:#00BFFF}
+
+#d184
+{background-color:#00BFFF}
+
+#d185
+{background-color:#00B2EE}
+
+#d186
+{background-color:#00688B}
+
+#d187
+{background-color:#009ACD}
+
+#d188
+{background-color:#BFEFFF}
+
+#d189
+{background-color:#B2DFEE}
+
+#d190
+{background-color:#ADD8E6}
+
+#d191
+{background-color:#68838B}
+
+#d192
+{background-color:#B0E0E6}
+
+#d193
+{background-color:#98F5FF}
+
+#d194
+{background-color:#8EE5EE}
+
+#d195
+{background-color:#7AC5CD}
+
+#d196
+{background-color:#53868B}
+
+#d197
+{background-color:#00F5FF}
+
+#d198
+{background-color:#00E5EE}
+
+#d199
+{background-color:#00C5CD}
+
+#d200
+{background-color:#00868B}
+
+#d201
+{background-color:#5F9EA0}
+
+#d202
+{background-color:#5F9EA0}
+
+#d203
+{background-color:#00CED1}
+
+#d204
+{background-color:#F0FFFF}
+
+#d205
+{background-color:#F0FFFF}
+
+#d206
+{background-color:#E0FFFF}
+
+#d207
+{background-color:#E0FFFF}
+
+#d208
+{background-color:#E0EEEE}
+
+#d209
+{background-color:#D1EEEE}
+
+#d210
+{background-color:#BBFFFF}
+
+#d211
+{background-color:#AFEEEE}
+
+#d212
+{background-color:#AEEEEE}
+
+#d213
+{background-color:#97FFFF}
+
+#d214
+{background-color:#C1CDCD}
+
+#d215
+{background-color:#B4CDCD}
+
+#d216
+{background-color:#8DEEEE}
+
+#d217
+{background-color:#96CDCD}
+
+#d218
+{background-color:#79CDCD}
+
+#d219
+{background-color:#838B8B}
+
+#d220
+{background-color:#7A8B8B}
+
+#d221
+{background-color:#00FFFF}
+
+#d222
+{background-color:#00FFFF}
+
+#d223
+{background-color:#00FFFF}
+
+#d224
+{background-color:#668B8B}
+
+#d225
+{background-color:#00EEEE}
+
+#d226
+{background-color:#528B8B}
+
+#d227
+{background-color:#00CDCD}
+
+#d228
+{background-color:#008B8B}
+
+#d229
+{background-color:#008B8B}
+
+#d230
+{background-color:#008080}
+
+#d231
+{background-color:#2F4F4F}
+
+#d232
+{background-color:#2F4F4F}
+
+#d233
+{background-color:#48D1CC}
+
+#d234
+{background-color:#20B2AA}
+
+#d235
+{background-color:#40E0D0}
+
+#d236
+{background-color:#458B74}
+
+#d237
+{background-color:#7FFFD4}
+
+#d238
+{background-color:#7FFFD4}
+
+#d239
+{background-color:#76EEC6}
+
+#d240
+{background-color:#66CDAA}
+
+#d241
+{background-color:#66CDAA}
+
+#d242
+{background-color:#00FA9A}
+
+#d243
+{background-color:#F5FFFA}
+
+#d244
+{background-color:#00FF7F}
+
+#d245
+{background-color:#00FF7F}
+
+#d246
+{background-color:#00EE76}
+
+#d247
+{background-color:#00CD66}
+
+#d248
+{background-color:#008B45}
+
+#d249
+{background-color:#3CB371}
+
+#d250
+{background-color:#2E8B57}
+
+#d251
+{background-color:#43CD80}
+
+#d252
+{background-color:#54FF9F}
+
+#d253
+{background-color:#2E8B57}
+
+#d254
+{background-color:#4EEE94}
+
+#d255
+{background-color:#32814B}
+
+#d256
+{background-color:#F0FFF0}
+
+#d257
+{background-color:#F0FFF0}
+
+#d258
+{background-color:#E0EEE0}
+
+#d259
+{background-color:#C1FFC1}
+
+#d260
+{background-color:#B4EEB4}
+
+#d261
+{background-color:#9AFF9A}
+
+#d262
+{background-color:#98FB98}
+
+#d263
+{background-color:#C1CDC1}
+
+#d264
+{background-color:#90EE90}
+
+#d265
+{background-color:#90EE90}
+
+#d266
+{background-color:#9BCD9B}
+
+#d267
+{background-color:#8FBC8F}
+
+#d268
+{background-color:#7CCD7C}
+
+#d269
+{background-color:#838B83}
+
+#d270
+{background-color:#00FF00}
+
+#d271
+{background-color:#00FF00}
+
+#d272
+{background-color:#32CD32}
+
+#d273
+{background-color:#698B69}
+
+#d274
+{background-color:#00EE00}
+
+#d275
+{background-color:#548B54}
+
+#d276
+{background-color:#00CD00}
+
+#d277
+{background-color:#228B22}
+
+#d278
+{background-color:#008B00}
+
+#d279
+{background-color:#008000}
+
+#d280
+{background-color:#006400}
+
+#d281
+{background-color:#7CFC00}
+
+#d282
+{background-color:#7FFF00}
+
+#d283
+{background-color:#7FFF00}
+
+#d284
+{background-color:#76EE00}
+
+#d285
+{background-color:#66CD00}
+
+#d286
+{background-color:#458B00}
+
+#d287
+{background-color:#ADFF2F}
+
+#d288
+{background-color:#A2CD5A}
+
+#d289
+{background-color:#CAFF70}
+
+#d290
+{background-color:#BCEE68}
+
+#d291
+{background-color:#6E8B3D}
+
+#d292
+{background-color:#556B2F}
+
+#d293
+{background-color:#6B8E23}
+
+#d294
+{background-color:#C0FF3E}
+
+#d295
+{background-color:#B3EE3A}
+
+#d296
+{background-color:#9ACD32}
+
+#d297
+{background-color:#9ACD32}
+
+#d298
+{background-color:#698B22}
+
+#d299
+{background-color:#FFFFF0}
+
+#d300
+{background-color:#FFFFF0}
+
+#d301
+{background-color:#FFFFE0}
+
+#d302
+{background-color:#FFFFE0}
+
+#d303
+{background-color:#F5F5DC}
+
+#d304
+{background-color:#EEEEE0}
+
+#d305
+{background-color:#FAFAD2}
+
+#d306
+{background-color:#EEEED1}
+
+#d307
+{background-color:#CDCDC1}
+
+#d308
+{background-color:#CDCDB4}
+
+#d309
+{background-color:#8B8B83}
+
+#d310
+{background-color:#8B8B7A}
+
+#d311
+{background-color:#FFFF00}
+
+#d312
+{background-color:#FFFF00}
+
+#d313
+{background-color:#EEEE00}
+
+#d314
+{background-color:#CDCD00}
+
+#d315
+{background-color:#8B8B00}
+
+#d316
+{background-color:#808000}
+
+#d317
+{background-color:#BDB76B}
+
+#d318
+{background-color:#EEE685}
+
+#d319
+{background-color:#8B8970}
+
+#d320
+{background-color:#FFF68F}
+
+#d321
+{background-color:#CDC673}
+
+#d322
+{background-color:#8B864E}
+
+#d323
+{background-color:#EEE8AA}
+
+#d324
+{background-color:#FFFACD}
+
+#d325
+{background-color:#FFFACD}
+
+#d326
+{background-color:#F0E68C}
+
+#d327
+{background-color:#CDC9A5}
+
+#d328
+{background-color:#EEE9BF}
+
+#d329
+{background-color:#D1C166}
+
+#d330
+{background-color:#8B8878}
+
+#d331
+{background-color:#FFD700}
+
+#d332
+{background-color:#FFD700}
+
+#d333
+{background-color:#EEC900}
+
+#d334
+{background-color:#CDAD00}
+
+#d335
+{background-color:#8B7500}
+
+#d336
+{background-color:#EEDD82}
+
+#d337
+{background-color:#8B814C}
+
+#d338
+{background-color:#FFEC8B}
+
+#d339
+{background-color:#CDBE70}
+
+#d340
+{background-color:#EEDC82}
+
+#d341
+{background-color:#CDC8B1}
+
+#d342
+{background-color:#EEE8CD}
+
+#d343
+{background-color:#FFF8DC}
+
+#d344
+{background-color:#FFF8DC}
+
+#d345
+{background-color:#DAA520}
+
+#d346
+{background-color:#FFC125}
+
+#d347
+{background-color:#EEB422}
+
+#d348
+{background-color:#CD9B1D}
+
+#d349
+{background-color:#8B6914}
+
+#d350
+{background-color:#B8860B}
+
+#d351
+{background-color:#FFB90F}
+
+#d352
+{background-color:#EEAD0E}
+
+#d353
+{background-color:#CD950C}
+
+#d354
+{background-color:#8B6508}
+
+#d355
+{background-color:#FFFAF0}
+
+#d356
+{background-color:#EED8AE}
+
+#d357
+{background-color:#FDF5E6}
+
+#d358
+{background-color:#F5DEB3}
+
+#d359
+{background-color:#FFE7BA}
+
+#d360
+{background-color:#CDBA96}
+
+#d361
+{background-color:#FFA500}
+
+#d362
+{background-color:#FFA500}
+
+#d363
+{background-color:#EE9A00}
+
+#d364
+{background-color:#CD8500}
+
+#d365
+{background-color:#8B5A00}
+
+#d366
+{background-color:#8B7E66}
+
+#d367
+{background-color:#FFE4B5}
+
+#d368
+{background-color:#FFEFD5}
+
+#d369
+{background-color:#CDB38B}
+
+#d370
+{background-color:#FFEBCD}
+
+#d371
+{background-color:#FFDEAD}
+
+#d372
+{background-color:#FFDEAD}
+
+#d373
+{background-color:#EECFA1}
+
+#d374
+{background-color:#8B795E}
+
+#d375
+{background-color:#8B8378}
+
+#d376
+{background-color:#FAEBD7}
+
+#d377
+{background-color:#D2B48C}
+
+#d378
+{background-color:#8B7D6B}
+
+#d379
+{background-color:#DEB887}
+
+#d380
+{background-color:#EEDFCC}
+
+#d381
+{background-color:#FFD39B}
+
+#d382
+{background-color:#CDAA7D}
+
+#d383
+{background-color:#EEC591}
+
+#d384
+{background-color:#FFEFDB}
+
+#d385
+{background-color:#8B7355}
+
+#d386
+{background-color:#CDC0B0}
+
+#d387
+{background-color:#FF8C00}
+
+#d388
+{background-color:#EED5B7}
+
+#d389
+{background-color:#FFE4C4}
+
+#d390
+{background-color:#FFE4C4}
+
+#d391
+{background-color:#CDB79E}
+
+#d392
+{background-color:#FF7F00}
+
+#d393
+{background-color:#FAF0E6}
+
+#d394
+{background-color:#EE7600}
+
+#d395
+{background-color:#CD6600}
+
+#d396
+{background-color:#8B4500}
+
+#d397
+{background-color:#CD853F}
+
+#d398
+{background-color:#FFA54F}
+
+#d399
+{background-color:#EE9A49}
+
+#d400
+{background-color:#CD853F}
+
+#d401
+{background-color:#8B5A2B}
+
+#d402
+{background-color:#FFDAB9}
+
+#d403
+{background-color:#FFDAB9}
+
+#d404
+{background-color:#8B7765}
+
+#d405
+{background-color:#EECBAD}
+
+#d406
+{background-color:#CDAF95}
+
+#d407
+{background-color:#F4A460}
+
+#d408
+{background-color:#8B8682}
+
+#d409
+{background-color:#EEE5DE}
+
+#d410
+{background-color:#CDC5BF}
+
+#d411
+{background-color:#D2691E}
+
+#d412
+{background-color:#FF7F24}
+
+#d413
+{background-color:#EE7621}
+
+#d414
+{background-color:#CD661D}
+
+#d415
+{background-color:#8B4513}
+
+#d416
+{background-color:#8B4513}
+
+#d417
+{background-color:#FFF5EE}
+
+#d418
+{background-color:#FFF5EE}
+
+#d419
+{background-color:#8B4726}
+
+#d420
+{background-color:#A0522D}
+
+#d421
+{background-color:#FF8247}
+
+#d422
+{background-color:#EE7942}
+
+#d423
+{background-color:#CD6839}
+
+#d424
+{background-color:#CD8162}
+
+#d425
+{background-color:#FFA07A}
+
+#d426
+{background-color:#FFA07A}
+
+#d427
+{background-color:#8B5742}
+
+#d428
+{background-color:#EE9572}
+
+#d429
+{background-color:#FF7F50}
+
+#d430
+{background-color:#FF4500}
+
+#d431
+{background-color:#FF4500}
+
+#d432
+{background-color:#EE4000}
+
+#d433
+{background-color:#CD3700}
+
+#d434
+{background-color:#8B2500}
+
+#d435
+{background-color:#E9967A}
+
+#d436
+{background-color:#FF8C69}
+
+#d437
+{background-color:#EE8262}
+
+#d438
+{background-color:#CD7054}
+
+#d439
+{background-color:#8B4C39}
+
+#d440
+{background-color:#FF7256}
+
+#d441
+{background-color:#EE6A50}
+
+#d442
+{background-color:#CD5B45}
+
+#d443
+{background-color:#8B3E2F}
+
+#d444
+{background-color:#8B3626}
+
+#d445
+{background-color:#FF6347}
+
+#d446
+{background-color:#FF6347}
+
+#d447
+{background-color:#EE5C42}
+
+#d448
+{background-color:#CD4F39}
+
+#d449
+{background-color:#8B7D7B}
+
+#d450
+{background-color:#EED5D2}
+
+#d451
+{background-color:#FFE4E1}
+
+#d452
+{background-color:#FFE4E1}
+
+#d453
+{background-color:#FA8072}
+
+#d454
+{background-color:#CDB7B5}
+
+#d455
+{background-color:#FFFFFF}
+
+#d456
+{background-color:#FFFFFF}
+
+#d457
+{background-color:#FFFFFF}
+
+#d458
+{background-color:#FFFFFF}
+
+#d459
+{background-color:#FCFCFC}
+
+#d460
+{background-color:#FCFCFC}
+
+#d461
+{background-color:#FAFAFA}
+
+#d462
+{background-color:#FAFAFA}
+
+#d463
+{background-color:#F7F7F7}
+
+#d464
+{background-color:#F7F7F7}
+
+#d465
+{background-color:#F5F5F5}
+
+#d466
+{background-color:#F5F5F5}
+
+#d467
+{background-color:#F5F5F5}
+
+#d468
+{background-color:#F2F2F2}
+
+#d469
+{background-color:#F2F2F2}
+
+#d470
+{background-color:#F0F0F0}
+
+#d471
+{background-color:#F0F0F0}
+
+#d472
+{background-color:#EDEDED}
+
+#d473
+{background-color:#EDEDED}
+
+#d474
+{background-color:#EBEBEB}
+
+#d475
+{background-color:#EBEBEB}
+
+#d476
+{background-color:#E8E8E8}
+
+#d477
+{background-color:#E8E8E8}
+
+#d478
+{background-color:#E5E5E5}
+
+#d479
+{background-color:#E5E5E5}
+
+#d480
+{background-color:#E3E3E3}
+
+#d481
+{background-color:#E3E3E3}
+
+#d482
+{background-color:#E0E0E0}
+
+#d483
+{background-color:#E0E0E0}
+
+#d484
+{background-color:#DEDEDE}
+
+#d485
+{background-color:#DEDEDE}
+
+#d486
+{background-color:#DCDCDC}
+
+#d487
+{background-color:#DBDBDB}
+
+#d488
+{background-color:#DBDBDB}
+
+#d489
+{background-color:#D9D9D9}
+
+#d490
+{background-color:#D9D9D9}
+
+#d491
+{background-color:#D6D6D6}
+
+#d492
+{background-color:#D6D6D6}
+
+#d493
+{background-color:#D4D4D4}
+
+#d494
+{background-color:#D4D4D4}
+
+#d495
+{background-color:#D3D3D3}
+
+#d496
+{background-color:#D3D3D3}
+
+#d497
+{background-color:#D1D1D1}
+
+#d498
+{background-color:#D1D1D1}
+
+#d499
+{background-color:#CFCFCF}
+
+#d500
+{background-color:#CFCFCF}
+
+#d501
+{background-color:#CCCCCC}
+
+#d502
+{background-color:#CCCCCC}
+
+#d503
+{background-color:#C9C9C9}
+
+#d504
+{background-color:#C9C9C9}
+
+#d505
+{background-color:#C7C7C7}
+
+#d506
+{background-color:#C7C7C7}
+
+#d507
+{background-color:#C4C4C4}
+
+#d508
+{background-color:#C4C4C4}
+
+#d509
+{background-color:#C2C2C2}
+
+#d510
+{background-color:#C2C2C2}
+
+#d511
+{background-color:#C0C0C0}
+
+#d512
+{background-color:#BFBFBF}
+
+#d513
+{background-color:#BFBFBF}
+
+#d514
+{background-color:#BDBDBD}
+
+#d515
+{background-color:#BDBDBD}
+
+#d516
+{background-color:#BABABA}
+
+#d517
+{background-color:#BABABA}
+
+#d518
+{background-color:#B8B8B8}
+
+#d519
+{background-color:#B8B8B8}
+
+#d520
+{background-color:#B5B5B5}
+
+#d521
+{background-color:#B5B5B5}
+
+#d522
+{background-color:#B3B3B3}
+
+#d523
+{background-color:#B3B3B3}
+
+#d524
+{background-color:#B0B0B0}
+
+#d525
+{background-color:#B0B0B0}
+
+#d526
+{background-color:#ADADAD}
+
+#d527
+{background-color:#ADADAD}
+
+#d528
+{background-color:#ABABAB}
+
+#d529
+{background-color:#ABABAB}
+
+#d530
+{background-color:#A9A9A9}
+
+#d531
+{background-color:#A9A9A9}
+
+#d532
+{background-color:#A8A8A8}
+
+#d533
+{background-color:#A8A8A8}
+
+#d534
+{background-color:#A6A6A6}
+
+#d535
+{background-color:#A6A6A6}
+
+#d536
+{background-color:#A3A3A3}
+
+#d537
+{background-color:#A3A3A3}
+
+#d538
+{background-color:#A1A1A1}
+
+#d539
+{background-color:#A1A1A1}
+
+#d540
+{background-color:#9E9E9E}
+
+#d541
+{background-color:#9E9E9E}
+
+#d542
+{background-color:#9C9C9C}
+
+#d543
+{background-color:#9C9C9C}
+
+#d544
+{background-color:#999999}
+
+#d545
+{background-color:#999999}
+
+#d546
+{background-color:#969696}
+
+#d547
+{background-color:#969696}
+
+#d548
+{background-color:#949494}
+
+#d549
+{background-color:#949494}
+
+#d550
+{background-color:#919191}
+
+#d551
+{background-color:#919191}
+
+#d552
+{background-color:#8F8F8F}
+
+#d553
+{background-color:#8F8F8F}
+
+#d554
+{background-color:#8C8C8C}
+
+#d555
+{background-color:#8C8C8C}
+
+#d556
+{background-color:#8A8A8A}
+
+#d557
+{background-color:#8A8A8A}
+
+#d558
+{background-color:#878787}
+
+#d559
+{background-color:#878787}
+
+#d560
+{background-color:#858585}
+
+#d561
+{background-color:#858585}
+
+#d562
+{background-color:#828282}
+
+#d563
+{background-color:#828282}
+
+#d564
+{background-color:#808080}
+
+#d565
+{background-color:#7F7F7F}
+
+#d566
+{background-color:#7F7F7F}
+
+#d567
+{background-color:#7E7E7E}
+
+#d568
+{background-color:#7D7D7D}
+
+#d569
+{background-color:#7D7D7D}
+
+#d570
+{background-color:#7A7A7A}
+
+#d571
+{background-color:#7A7A7A}
+
+#d572
+{background-color:#787878}
+
+#d573
+{background-color:#787878}
+
+#d574
+{background-color:#757575}
+
+#d575
+{background-color:#757575}
+
+#d576
+{background-color:#737373}
+
+#d577
+{background-color:#737373}
+
+#d578
+{background-color:#707070}
+
+#d579
+{background-color:#707070}
+
+#d580
+{background-color:#6E6E6E}
+
+#d581
+{background-color:#6E6E6E}
+
+#d582
+{background-color:#6B6B6B}
+
+#d583
+{background-color:#6B6B6B}
+
+#d584
+{background-color:#696969}
+
+#d585
+{background-color:#696969}
+
+#d586
+{background-color:#696969}
+
+#d587
+{background-color:#696969}
+
+#d588
+{background-color:#666666}
+
+#d589
+{background-color:#666666}
+
+#d590
+{background-color:#636363}
+
+#d591
+{background-color:#636363}
+
+#d592
+{background-color:#616161}
+
+#d593
+{background-color:#616161}
+
+#d594
+{background-color:#5E5E5E}
+
+#d595
+{background-color:#5E5E5E}
+
+#d596
+{background-color:#5C5C5C}
+
+#d597
+{background-color:#5C5C5C}
+
+#d598
+{background-color:#595959}
+
+#d599
+{background-color:#595959}
+
+#d600
+{background-color:#575757}
+
+#d601
+{background-color:#575757}
+
+#d602
+{background-color:#545454}
+
+#d603
+{background-color:#545454}
+
+#d604
+{background-color:#525252}
+
+#d605
+{background-color:#525252}
+
+#d606
+{background-color:#4F4F4F}
+
+#d607
+{background-color:#4F4F4F}
+
+#d608
+{background-color:#4D4D4D}
+
+#d609
+{background-color:#4D4D4D}
+
+#d610
+{background-color:#4A4A4A}
+
+#d611
+{background-color:#4A4A4A}
+
+#d612
+{background-color:#474747}
+
+#d613
+{background-color:#474747}
+
+#d614
+{background-color:#454545}
+
+#d615
+{background-color:#454545}
+
+#d616
+{background-color:#424242}
+
+#d617
+{background-color:#424242}
+
+#d618
+{background-color:#404040}
+
+#d619
+{background-color:#404040}
+
+#d620
+{background-color:#3D3D3D}
+
+#d621
+{background-color:#3D3D3D}
+
+#d622
+{background-color:#3B3B3B}
+
+#d623
+{background-color:#3B3B3B}
+
+#d624
+{background-color:#383838}
+
+#d625
+{background-color:#383838}
+
+#d626
+{background-color:#363636}
+
+#d627
+{background-color:#363636}
+
+#d628
+{background-color:#333333}
+
+#d629
+{background-color:#333333}
+
+#d630
+{background-color:#303030}
+
+#d631
+{background-color:#303030}
+
+#d632
+{background-color:#2E2E2E}
+
+#d633
+{background-color:#2E2E2E}
+
+#d634
+{background-color:#2B2B2B}
+
+#d635
+{background-color:#2B2B2B}
+
+#d636
+{background-color:#292929}
+
+#d637
+{background-color:#292929}
+
+#d638
+{background-color:#262626}
+
+#d639
+{background-color:#262626}
+
+#d640
+{background-color:#242424}
+
+#d641
+{background-color:#242424}
+
+#d642
+{background-color:#212121}
+
+#d643
+{background-color:#212121}
+
+#d644
+{background-color:#1F1F1F}
+
+#d645
+{background-color:#1F1F1F}
+
+#d646
+{background-color:#1C1C1C}
+
+#d647
+{background-color:#1C1C1C}
+
+#d648
+{background-color:#1A1A1A}
+
+#d649
+{background-color:#1A1A1A}
+
+#d650
+{background-color:#171717}
+
+#d651
+{background-color:#171717}
+
+#d652
+{background-color:#141414}
+
+#d653
+{background-color:#141414}
+
+#d654
+{background-color:#121212}
+
+#d655
+{background-color:#121212}
+
+#d656
+{background-color:#0F0F0F}
+
+#d657
+{background-color:#0F0F0F}
+
+#d658
+{background-color:#0D0D0D}
+
+#d659
+{background-color:#0D0D0D}
+
+#d660
+{background-color:#0A0A0A}
+
+#d661
+{background-color:#0A0A0A}
+
+#d662
+{background-color:#080808}
+
+#d663
+{background-color:#080808}
+
+#d664
+{background-color:#050505}
+
+#d665
+{background-color:#050505}
+
+#d666
+{background-color:#030303}
+
+#d667
+{background-color:#030303}
+
+#d668
+{background-color:#000000}
+
+#d669
+{background-color:#000000}
+
+#d670
+{background-color:#000000}
+
+#d671
+{background-color:#000000}
+
+#d672
+{background-color:#000000}
+
+#d673
+{background-color:#000000}
+.colors
+{
+height:30;
+width:10px;
+}
+</style></head><body>
+<div id='colorpicker'>
+<div id='viewarea' class="panorama">
+<div id='container'>
+<div id='d0' class='colors'>
+snow</div>
+<div id='d1' class='colors'>
+snow1</div>
+<div id='d2' class='colors'>
+snow2</div>
+<div id='d3' class='colors'>
+RosyBrown1</div>
+<div id='d4' class='colors'>
+RosyBrown2</div>
+<div id='d5' class='colors'>
+snow3</div>
+<div id='d6' class='colors'>
+LightCoral</div>
+<div id='d7' class='colors'>
+IndianRed1</div>
+<div id='d8' class='colors'>
+RosyBrown3</div>
+<div id='d9' class='colors'>
+IndianRed2</div>
+<div id='d10' class='colors'>
+RosyBrown</div>
+<div id='d11' class='colors'>
+brown1</div>
+<div id='d12' class='colors'>
+firebrick1</div>
+<div id='d13' class='colors'>
+brown2</div>
+<div id='d14' class='colors'>
+IndianRed</div>
+<div id='d15' class='colors'>
+IndianRed3</div>
+<div id='d16' class='colors'>
+firebrick2</div>
+<div id='d17' class='colors'>
+snow4</div>
+<div id='d18' class='colors'>
+brown3</div>
+<div id='d19' class='colors'>
+red</div>
+<div id='d20' class='colors'>
+red1</div>
+<div id='d21' class='colors'>
+RosyBrown4</div>
+<div id='d22' class='colors'>
+firebrick3</div>
+<div id='d23' class='colors'>
+red2</div>
+<div id='d24' class='colors'>
+firebrick</div>
+<div id='d25' class='colors'>
+brown</div>
+<div id='d26' class='colors'>
+red3</div>
+<div id='d27' class='colors'>
+IndianRed4</div>
+<div id='d28' class='colors'>
+brown4</div>
+<div id='d29' class='colors'>
+firebrick4</div>
+<div id='d30' class='colors'>
+DarkRed</div>
+<div id='d31' class='colors'>
+red4</div>
+<div id='d32' class='colors'>
+maroon</div>
+<div id='d33' class='colors'>
+LightPink1</div>
+<div id='d34' class='colors'>
+LightPink3</div>
+<div id='d35' class='colors'>
+LightPink4</div>
+<div id='d36' class='colors'>
+LightPink2</div>
+<div id='d37' class='colors'>
+LightPink</div>
+<div id='d38' class='colors'>
+pink</div>
+<div id='d39' class='colors'>
+crimson</div>
+<div id='d40' class='colors'>
+pink1</div>
+<div id='d41' class='colors'>
+pink2</div>
+<div id='d42' class='colors'>
+pink3</div>
+<div id='d43' class='colors'>
+pink4</div>
+<div id='d44' class='colors'>
+PaleVioletRed4</div>
+<div id='d45' class='colors'>
+PaleVioletRed</div>
+<div id='d46' class='colors'>
+PaleVioletRed2</div>
+<div id='d47' class='colors'>
+PaleVioletRed1</div>
+<div id='d48' class='colors'>
+PaleVioletRed3</div>
+<div id='d49' class='colors'>
+LavenderBlush</div>
+<div id='d50' class='colors'>
+LavenderBlush1</div>
+<div id='d51' class='colors'>
+LavenderBlush3</div>
+<div id='d52' class='colors'>
+LavenderBlush2</div>
+<div id='d53' class='colors'>
+LavenderBlush4</div>
+<div id='d54' class='colors'>
+maroon</div>
+<div id='d55' class='colors'>
+HotPink3</div>
+<div id='d56' class='colors'>
+VioletRed3</div>
+<div id='d57' class='colors'>
+VioletRed1</div>
+<div id='d58' class='colors'>
+VioletRed2</div>
+<div id='d59' class='colors'>
+VioletRed4</div>
+<div id='d60' class='colors'>
+HotPink2</div>
+<div id='d61' class='colors'>
+HotPink1</div>
+<div id='d62' class='colors'>
+HotPink4</div>
+<div id='d63' class='colors'>
+HotPink</div>
+<div id='d64' class='colors'>
+DeepPink</div>
+<div id='d65' class='colors'>
+DeepPink1</div>
+<div id='d66' class='colors'>
+DeepPink2</div>
+<div id='d67' class='colors'>
+DeepPink3</div>
+<div id='d68' class='colors'>
+DeepPink4</div>
+<div id='d69' class='colors'>
+maroon1</div>
+<div id='d70' class='colors'>
+maroon2</div>
+<div id='d71' class='colors'>
+maroon3</div>
+<div id='d72' class='colors'>
+maroon4</div>
+<div id='d73' class='colors'>
+MediumVioletRed</div>
+<div id='d74' class='colors'>
+VioletRed</div>
+<div id='d75' class='colors'>
+orchid2</div>
+<div id='d76' class='colors'>
+orchid</div>
+<div id='d77' class='colors'>
+orchid1</div>
+<div id='d78' class='colors'>
+orchid3</div>
+<div id='d79' class='colors'>
+orchid4</div>
+<div id='d80' class='colors'>
+thistle1</div>
+<div id='d81' class='colors'>
+thistle2</div>
+<div id='d82' class='colors'>
+plum1</div>
+<div id='d83' class='colors'>
+plum2</div>
+<div id='d84' class='colors'>
+thistle</div>
+<div id='d85' class='colors'>
+thistle3</div>
+<div id='d86' class='colors'>
+plum</div>
+<div id='d87' class='colors'>
+violet</div>
+<div id='d88' class='colors'>
+plum3</div>
+<div id='d89' class='colors'>
+thistle4</div>
+<div id='d90' class='colors'>
+fuchsia</div>
+<div id='d91' class='colors'>
+magenta</div>
+<div id='d92' class='colors'>
+magenta1</div>
+<div id='d93' class='colors'>
+plum4</div>
+<div id='d94' class='colors'>
+magenta2</div>
+<div id='d95' class='colors'>
+magenta3</div>
+<div id='d96' class='colors'>
+DarkMagenta</div>
+<div id='d97' class='colors'>
+magenta4</div>
+<div id='d98' class='colors'>
+purple</div>
+<div id='d99' class='colors'>
+MediumOrchid</div>
+<div id='d100' class='colors'>
+MediumOrchid1</div>
+<div id='d101' class='colors'>
+MediumOrchid2</div>
+<div id='d102' class='colors'>
+MediumOrchid3</div>
+<div id='d103' class='colors'>
+MediumOrchid4</div>
+<div id='d104' class='colors'>
+DarkViolet</div>
+<div id='d105' class='colors'>
+DarkOrchid</div>
+<div id='d106' class='colors'>
+DarkOrchid1</div>
+<div id='d107' class='colors'>
+DarkOrchid3</div>
+<div id='d108' class='colors'>
+DarkOrchid2</div>
+<div id='d109' class='colors'>
+DarkOrchid4</div>
+<div id='d110' class='colors'>
+purple</div>
+<div id='d111' class='colors'>
+indigo</div>
+<div id='d112' class='colors'>
+BlueViolet</div>
+<div id='d113' class='colors'>
+purple2</div>
+<div id='d114' class='colors'>
+purple3</div>
+<div id='d115' class='colors'>
+purple4</div>
+<div id='d116' class='colors'>
+purple1</div>
+<div id='d117' class='colors'>
+MediumPurple</div>
+<div id='d118' class='colors'>
+MediumPurple1</div>
+<div id='d119' class='colors'>
+MediumPurple2</div>
+<div id='d120' class='colors'>
+MediumPurple3</div>
+<div id='d121' class='colors'>
+MediumPurple4</div>
+<div id='d122' class='colors'>
+DarkSlateBlue</div>
+<div id='d123' class='colors'>
+LightSlateBlue</div>
+<div id='d124' class='colors'>
+MediumSlateBlue</div>
+<div id='d125' class='colors'>
+SlateBlue</div>
+<div id='d126' class='colors'>
+SlateBlue1</div>
+<div id='d127' class='colors'>
+SlateBlue2</div>
+<div id='d128' class='colors'>
+SlateBlue3</div>
+<div id='d129' class='colors'>
+SlateBlue4</div>
+<div id='d130' class='colors'>
+GhostWhite</div>
+<div id='d131' class='colors'>
+lavender</div>
+<div id='d132' class='colors'>
+blue</div>
+<div id='d133' class='colors'>
+blue1</div>
+<div id='d134' class='colors'>
+blue2</div>
+<div id='d135' class='colors'>
+blue3</div>
+<div id='d136' class='colors'>
+MediumBlue</div>
+<div id='d137' class='colors'>
+blue4</div>
+<div id='d138' class='colors'>
+DarkBlue</div>
+<div id='d139' class='colors'>
+MidnightBlue</div>
+<div id='d140' class='colors'>
+navy</div>
+<div id='d141' class='colors'>
+NavyBlue</div>
+<div id='d142' class='colors'>
+RoyalBlue</div>
+<div id='d143' class='colors'>
+RoyalBlue1</div>
+<div id='d144' class='colors'>
+RoyalBlue2</div>
+<div id='d145' class='colors'>
+RoyalBlue3</div>
+<div id='d146' class='colors'>
+RoyalBlue4</div>
+<div id='d147' class='colors'>
+CornflowerBlue</div>
+<div id='d148' class='colors'>
+LightSteelBlue</div>
+<div id='d149' class='colors'>
+LightSteelBlue1</div>
+<div id='d150' class='colors'>
+LightSteelBlue2</div>
+<div id='d151' class='colors'>
+LightSteelBlue3</div>
+<div id='d152' class='colors'>
+LightSteelBlue4</div>
+<div id='d153' class='colors'>
+SlateGray4</div>
+<div id='d154' class='colors'>
+SlateGray1</div>
+<div id='d155' class='colors'>
+SlateGray2</div>
+<div id='d156' class='colors'>
+SlateGray3</div>
+<div id='d157' class='colors'>
+LightSlateGray</div>
+<div id='d158' class='colors'>
+LightSlateGrey</div>
+<div id='d159' class='colors'>
+SlateGray</div>
+<div id='d160' class='colors'>
+SlateGrey</div>
+<div id='d161' class='colors'>
+DodgerBlue</div>
+<div id='d162' class='colors'>
+DodgerBlue1</div>
+<div id='d163' class='colors'>
+DodgerBlue2</div>
+<div id='d164' class='colors'>
+DodgerBlue4</div>
+<div id='d165' class='colors'>
+DodgerBlue3</div>
+<div id='d166' class='colors'>
+AliceBlue</div>
+<div id='d167' class='colors'>
+SteelBlue4</div>
+<div id='d168' class='colors'>
+SteelBlue</div>
+<div id='d169' class='colors'>
+SteelBlue1</div>
+<div id='d170' class='colors'>
+SteelBlue2</div>
+<div id='d171' class='colors'>
+SteelBlue3</div>
+<div id='d172' class='colors'>
+SkyBlue4</div>
+<div id='d173' class='colors'>
+SkyBlue1</div>
+<div id='d174' class='colors'>
+SkyBlue2</div>
+<div id='d175' class='colors'>
+SkyBlue3</div>
+<div id='d176' class='colors'>
+LightSkyBlue</div>
+<div id='d177' class='colors'>
+LightSkyBlue4</div>
+<div id='d178' class='colors'>
+LightSkyBlue1</div>
+<div id='d179' class='colors'>
+LightSkyBlue2</div>
+<div id='d180' class='colors'>
+LightSkyBlue3</div>
+<div id='d181' class='colors'>
+SkyBlue</div>
+<div id='d182' class='colors'>
+LightBlue3</div>
+<div id='d183' class='colors'>
+DeepSkyBlue</div>
+<div id='d184' class='colors'>
+DeepSkyBlue1</div>
+<div id='d185' class='colors'>
+DeepSkyBlue2</div>
+<div id='d186' class='colors'>
+DeepSkyBlue4</div>
+<div id='d187' class='colors'>
+DeepSkyBlue3</div>
+<div id='d188' class='colors'>
+LightBlue1</div>
+<div id='d189' class='colors'>
+LightBlue2</div>
+<div id='d190' class='colors'>
+LightBlue</div>
+<div id='d191' class='colors'>
+LightBlue4</div>
+<div id='d192' class='colors'>
+PowderBlue</div>
+<div id='d193' class='colors'>
+CadetBlue1</div>
+<div id='d194' class='colors'>
+CadetBlue2</div>
+<div id='d195' class='colors'>
+CadetBlue3</div>
+<div id='d196' class='colors'>
+CadetBlue4</div>
+<div id='d197' class='colors'>
+turquoise1</div>
+<div id='d198' class='colors'>
+turquoise2</div>
+<div id='d199' class='colors'>
+turquoise3</div>
+<div id='d200' class='colors'>
+turquoise4</div>
+<div id='d201' class='colors'>
+cadet blue</div>
+<div id='d202' class='colors'>
+CadetBlue</div>
+<div id='d203' class='colors'>
+DarkTurquoise</div>
+<div id='d204' class='colors'>
+azure</div>
+<div id='d205' class='colors'>
+azure1</div>
+<div id='d206' class='colors'>
+LightCyan</div>
+<div id='d207' class='colors'>
+LightCyan1</div>
+<div id='d208' class='colors'>
+azure2</div>
+<div id='d209' class='colors'>
+LightCyan2</div>
+<div id='d210' class='colors'>
+PaleTurquoise1</div>
+<div id='d211' class='colors'>
+PaleTurquoise</div>
+<div id='d212' class='colors'>
+PaleTurquoise2</div>
+<div id='d213' class='colors'>
+DarkSlateGray1</div>
+<div id='d214' class='colors'>
+azure3</div>
+<div id='d215' class='colors'>
+LightCyan3</div>
+<div id='d216' class='colors'>
+DarkSlateGray2</div>
+<div id='d217' class='colors'>
+PaleTurquoise3</div>
+<div id='d218' class='colors'>
+DarkSlateGray3</div>
+<div id='d219' class='colors'>
+azure4</div>
+<div id='d220' class='colors'>
+LightCyan4</div>
+<div id='d221' class='colors'>
+aqua</div>
+<div id='d222' class='colors'>
+cyan</div>
+<div id='d223' class='colors'>
+cyan1</div>
+<div id='d224' class='colors'>
+PaleTurquoise4</div>
+<div id='d225' class='colors'>
+cyan2</div>
+<div id='d226' class='colors'>
+DarkSlateGray4</div>
+<div id='d227' class='colors'>
+cyan3</div>
+<div id='d228' class='colors'>
+cyan4</div>
+<div id='d229' class='colors'>
+DarkCyan</div>
+<div id='d230' class='colors'>
+teal</div>
+<div id='d231' class='colors'>
+DarkSlateGray</div>
+<div id='d232' class='colors'>
+DarkSlateGrey</div>
+<div id='d233' class='colors'>
+MediumTurquoise</div>
+<div id='d234' class='colors'>
+LightSeaGreen</div>
+<div id='d235' class='colors'>
+turquoise</div>
+<div id='d236' class='colors'>
+aquamarine4</div>
+<div id='d237' class='colors'>
+aquamarine</div>
+<div id='d238' class='colors'>
+aquamarine1</div>
+<div id='d239' class='colors'>
+aquamarine2</div>
+<div id='d240' class='colors'>
+aquamarine3</div>
+<div id='d241' class='colors'>
+MediumAquamarine</div>
+<div id='d242' class='colors'>
+MediumSpringGreen</div>
+<div id='d243' class='colors'>
+MintCream</div>
+<div id='d244' class='colors'>
+SpringGreen</div>
+<div id='d245' class='colors'>
+SpringGreen1</div>
+<div id='d246' class='colors'>
+SpringGreen2</div>
+<div id='d247' class='colors'>
+SpringGreen3</div>
+<div id='d248' class='colors'>
+SpringGreen4</div>
+<div id='d249' class='colors'>
+MediumSeaGreen</div>
+<div id='d250' class='colors'>
+SeaGreen</div>
+<div id='d251' class='colors'>
+SeaGreen3</div>
+<div id='d252' class='colors'>
+SeaGreen1</div>
+<div id='d253' class='colors'>
+SeaGreen4</div>
+<div id='d254' class='colors'>
+SeaGreen2</div>
+<div id='d255' class='colors'>
+MediumForestGreen</div>
+<div id='d256' class='colors'>
+honeydew</div>
+<div id='d257' class='colors'>
+honeydew1</div>
+<div id='d258' class='colors'>
+honeydew2</div>
+<div id='d259' class='colors'>
+DarkSeaGreen1</div>
+<div id='d260' class='colors'>
+DarkSeaGreen2</div>
+<div id='d261' class='colors'>
+PaleGreen1</div>
+<div id='d262' class='colors'>
+PaleGreen</div>
+<div id='d263' class='colors'>
+honeydew3</div>
+<div id='d264' class='colors'>
+LightGreen</div>
+<div id='d265' class='colors'>
+PaleGreen2</div>
+<div id='d266' class='colors'>
+DarkSeaGreen3</div>
+<div id='d267' class='colors'>
+DarkSeaGreen</div>
+<div id='d268' class='colors'>
+PaleGreen3</div>
+<div id='d269' class='colors'>
+honeydew4</div>
+<div id='d270' class='colors'>
+green1</div>
+<div id='d271' class='colors'>
+lime</div>
+<div id='d272' class='colors'>
+LimeGreen</div>
+<div id='d273' class='colors'>
+DarkSeaGreen4</div>
+<div id='d274' class='colors'>
+green2</div>
+<div id='d275' class='colors'>
+PaleGreen4</div>
+<div id='d276' class='colors'>
+green3</div>
+<div id='d277' class='colors'>
+ForestGreen</div>
+<div id='d278' class='colors'>
+green4</div>
+<div id='d279' class='colors'>
+green</div>
+<div id='d280' class='colors'>
+DarkGreen</div>
+<div id='d281' class='colors'>
+LawnGreen</div>
+<div id='d282' class='colors'>
+chartreuse</div>
+<div id='d283' class='colors'>
+chartreuse1</div>
+<div id='d284' class='colors'>
+chartreuse2</div>
+<div id='d285' class='colors'>
+chartreuse3</div>
+<div id='d286' class='colors'>
+chartreuse4</div>
+<div id='d287' class='colors'>
+GreenYellow</div>
+<div id='d288' class='colors'>
+DarkOliveGreen3</div>
+<div id='d289' class='colors'>
+DarkOliveGreen1</div>
+<div id='d290' class='colors'>
+DarkOliveGreen2</div>
+<div id='d291' class='colors'>
+DarkOliveGreen4</div>
+<div id='d292' class='colors'>
+DarkOliveGreen</div>
+<div id='d293' class='colors'>
+OliveDrab</div>
+<div id='d294' class='colors'>
+OliveDrab1</div>
+<div id='d295' class='colors'>
+OliveDrab2</div>
+<div id='d296' class='colors'>
+OliveDrab3</div>
+<div id='d297' class='colors'>
+YellowGreen</div>
+<div id='d298' class='colors'>
+OliveDrab4</div>
+<div id='d299' class='colors'>
+ivory</div>
+<div id='d300' class='colors'>
+ivory1</div>
+<div id='d301' class='colors'>
+LightYellow</div>
+<div id='d302' class='colors'>
+LightYellow1</div>
+<div id='d303' class='colors'>
+beige</div>
+<div id='d304' class='colors'>
+ivory2</div>
+<div id='d305' class='colors'>
+LightGoldenrodYellow</div>
+<div id='d306' class='colors'>
+LightYellow2</div>
+<div id='d307' class='colors'>
+ivory3</div>
+<div id='d308' class='colors'>
+LightYellow3</div>
+<div id='d309' class='colors'>
+ivory4</div>
+<div id='d310' class='colors'>
+LightYellow4</div>
+<div id='d311' class='colors'>
+yellow</div>
+<div id='d312' class='colors'>
+yellow1</div>
+<div id='d313' class='colors'>
+yellow2</div>
+<div id='d314' class='colors'>
+yellow3</div>
+<div id='d315' class='colors'>
+yellow4</div>
+<div id='d316' class='colors'>
+olive</div>
+<div id='d317' class='colors'>
+DarkKhaki</div>
+<div id='d318' class='colors'>
+khaki2</div>
+<div id='d319' class='colors'>
+LemonChiffon4</div>
+<div id='d320' class='colors'>
+khaki1</div>
+<div id='d321' class='colors'>
+khaki3</div>
+<div id='d322' class='colors'>
+khaki4</div>
+<div id='d323' class='colors'>
+PaleGoldenrod</div>
+<div id='d324' class='colors'>
+LemonChiffon</div>
+<div id='d325' class='colors'>
+LemonChiffon1</div>
+<div id='d326' class='colors'>
+khaki</div>
+<div id='d327' class='colors'>
+LemonChiffon3</div>
+<div id='d328' class='colors'>
+LemonChiffon2</div>
+<div id='d329' class='colors'>
+MediumGoldenRod</div>
+<div id='d330' class='colors'>
+cornsilk4</div>
+<div id='d331' class='colors'>
+gold</div>
+<div id='d332' class='colors'>
+gold1</div>
+<div id='d333' class='colors'>
+gold2</div>
+<div id='d334' class='colors'>
+gold3</div>
+<div id='d335' class='colors'>
+gold4</div>
+<div id='d336' class='colors'>
+LightGoldenrod</div>
+<div id='d337' class='colors'>
+LightGoldenrod4</div>
+<div id='d338' class='colors'>
+LightGoldenrod1</div>
+<div id='d339' class='colors'>
+LightGoldenrod3</div>
+<div id='d340' class='colors'>
+LightGoldenrod2</div>
+<div id='d341' class='colors'>
+cornsilk3</div>
+<div id='d342' class='colors'>
+cornsilk2</div>
+<div id='d343' class='colors'>
+cornsilk</div>
+<div id='d344' class='colors'>
+cornsilk1</div>
+<div id='d345' class='colors'>
+goldenrod</div>
+<div id='d346' class='colors'>
+goldenrod1</div>
+<div id='d347' class='colors'>
+goldenrod2</div>
+<div id='d348' class='colors'>
+goldenrod3</div>
+<div id='d349' class='colors'>
+goldenrod4</div>
+<div id='d350' class='colors'>
+DarkGoldenrod</div>
+<div id='d351' class='colors'>
+DarkGoldenrod1</div>
+<div id='d352' class='colors'>
+DarkGoldenrod2</div>
+<div id='d353' class='colors'>
+DarkGoldenrod3</div>
+<div id='d354' class='colors'>
+DarkGoldenrod4</div>
+<div id='d355' class='colors'>
+FloralWhite</div>
+<div id='d356' class='colors'>
+wheat2</div>
+<div id='d357' class='colors'>
+OldLace</div>
+<div id='d358' class='colors'>
+wheat</div>
+<div id='d359' class='colors'>
+wheat1</div>
+<div id='d360' class='colors'>
+wheat3</div>
+<div id='d361' class='colors'>
+orange</div>
+<div id='d362' class='colors'>
+orange1</div>
+<div id='d363' class='colors'>
+orange2</div>
+<div id='d364' class='colors'>
+orange3</div>
+<div id='d365' class='colors'>
+orange4</div>
+<div id='d366' class='colors'>
+wheat4</div>
+<div id='d367' class='colors'>
+moccasin</div>
+<div id='d368' class='colors'>
+PapayaWhip</div>
+<div id='d369' class='colors'>
+NavajoWhite3</div>
+<div id='d370' class='colors'>
+BlanchedAlmond</div>
+<div id='d371' class='colors'>
+NavajoWhite</div>
+<div id='d372' class='colors'>
+NavajoWhite1</div>
+<div id='d373' class='colors'>
+NavajoWhite2</div>
+<div id='d374' class='colors'>
+NavajoWhite4</div>
+<div id='d375' class='colors'>
+AntiqueWhite4</div>
+<div id='d376' class='colors'>
+AntiqueWhite</div>
+<div id='d377' class='colors'>
+tan</div>
+<div id='d378' class='colors'>
+bisque4</div>
+<div id='d379' class='colors'>
+burlywood</div>
+<div id='d380' class='colors'>
+AntiqueWhite2</div>
+<div id='d381' class='colors'>
+burlywood1</div>
+<div id='d382' class='colors'>
+burlywood3</div>
+<div id='d383' class='colors'>
+burlywood2</div>
+<div id='d384' class='colors'>
+AntiqueWhite1</div>
+<div id='d385' class='colors'>
+burlywood4</div>
+<div id='d386' class='colors'>
+AntiqueWhite3</div>
+<div id='d387' class='colors'>
+DarkOrange</div>
+<div id='d388' class='colors'>
+bisque2</div>
+<div id='d389' class='colors'>
+bisque</div>
+<div id='d390' class='colors'>
+bisque1</div>
+<div id='d391' class='colors'>
+bisque3</div>
+<div id='d392' class='colors'>
+DarkOrange1</div>
+<div id='d393' class='colors'>
+linen</div>
+<div id='d394' class='colors'>
+DarkOrange2</div>
+<div id='d395' class='colors'>
+DarkOrange3</div>
+<div id='d396' class='colors'>
+DarkOrange4</div>
+<div id='d397' class='colors'>
+peru</div>
+<div id='d398' class='colors'>
+tan1</div>
+<div id='d399' class='colors'>
+tan2</div>
+<div id='d400' class='colors'>
+tan3</div>
+<div id='d401' class='colors'>
+tan4</div>
+<div id='d402' class='colors'>
+PeachPuff</div>
+<div id='d403' class='colors'>
+PeachPuff1</div>
+<div id='d404' class='colors'>
+PeachPuff4</div>
+<div id='d405' class='colors'>
+PeachPuff2</div>
+<div id='d406' class='colors'>
+PeachPuff3</div>
+<div id='d407' class='colors'>
+SandyBrown</div>
+<div id='d408' class='colors'>
+seashell4</div>
+<div id='d409' class='colors'>
+seashell2</div>
+<div id='d410' class='colors'>
+seashell3</div>
+<div id='d411' class='colors'>
+chocolate</div>
+<div id='d412' class='colors'>
+chocolate1</div>
+<div id='d413' class='colors'>
+chocolate2</div>
+<div id='d414' class='colors'>
+chocolate3</div>
+<div id='d415' class='colors'>
+chocolate4</div>
+<div id='d416' class='colors'>
+SaddleBrown</div>
+<div id='d417' class='colors'>
+seashell</div>
+<div id='d418' class='colors'>
+seashell1</div>
+<div id='d419' class='colors'>
+sienna4</div>
+<div id='d420' class='colors'>
+sienna</div>
+<div id='d421' class='colors'>
+sienna1</div>
+<div id='d422' class='colors'>
+sienna2</div>
+<div id='d423' class='colors'>
+sienna3</div>
+<div id='d424' class='colors'>
+LightSalmon3</div>
+<div id='d425' class='colors'>
+LightSalmon</div>
+<div id='d426' class='colors'>
+LightSalmon1</div>
+<div id='d427' class='colors'>
+LightSalmon4</div>
+<div id='d428' class='colors'>
+LightSalmon2</div>
+<div id='d429' class='colors'>
+coral</div>
+<div id='d430' class='colors'>
+OrangeRed</div>
+<div id='d431' class='colors'>
+OrangeRed1</div>
+<div id='d432' class='colors'>
+OrangeRed2</div>
+<div id='d433' class='colors'>
+OrangeRed3</div>
+<div id='d434' class='colors'>
+OrangeRed4</div>
+<div id='d435' class='colors'>
+DarkSalmon</div>
+<div id='d436' class='colors'>
+salmon1</div>
+<div id='d437' class='colors'>
+salmon2</div>
+<div id='d438' class='colors'>
+salmon3</div>
+<div id='d439' class='colors'>
+salmon4</div>
+<div id='d440' class='colors'>
+coral1</div>
+<div id='d441' class='colors'>
+coral2</div>
+<div id='d442' class='colors'>
+coral3</div>
+<div id='d443' class='colors'>
+coral4</div>
+<div id='d444' class='colors'>
+tomato4</div>
+<div id='d445' class='colors'>
+tomato</div>
+<div id='d446' class='colors'>
+tomato1</div>
+<div id='d447' class='colors'>
+tomato2</div>
+<div id='d448' class='colors'>
+tomato3</div>
+<div id='d449' class='colors'>
+MistyRose4</div>
+<div id='d450' class='colors'>
+MistyRose2</div>
+<div id='d451' class='colors'>
+MistyRose</div>
+<div id='d452' class='colors'>
+MistyRose1</div>
+<div id='d453' class='colors'>
+salmon</div>
+<div id='d454' class='colors'>
+MistyRose3</div>
+<div id='d455' class='colors'>
+white</div>
+<div id='d456' class='colors'>
+gray100</div>
+<div id='d457' class='colors'>
+grey100</div>
+<div id='d458' class='colors'>
+grey100</div>
+<div id='d459' class='colors'>
+gray99</div>
+<div id='d460' class='colors'>
+grey99</div>
+<div id='d461' class='colors'>
+gray98</div>
+<div id='d462' class='colors'>
+grey98</div>
+<div id='d463' class='colors'>
+gray97</div>
+<div id='d464' class='colors'>
+grey97</div>
+<div id='d465' class='colors'>
+gray96</div>
+<div id='d466' class='colors'>
+grey96</div>
+<div id='d467' class='colors'>
+WhiteSmoke</div>
+<div id='d468' class='colors'>
+gray95</div>
+<div id='d469' class='colors'>
+grey95</div>
+<div id='d470' class='colors'>
+gray94</div>
+<div id='d471' class='colors'>
+grey94</div>
+<div id='d472' class='colors'>
+gray93</div>
+<div id='d473' class='colors'>
+grey93</div>
+<div id='d474' class='colors'>
+gray92</div>
+<div id='d475' class='colors'>
+grey92</div>
+<div id='d476' class='colors'>
+gray91</div>
+<div id='d477' class='colors'>
+grey91</div>
+<div id='d478' class='colors'>
+gray90</div>
+<div id='d479' class='colors'>
+grey90</div>
+<div id='d480' class='colors'>
+gray89</div>
+<div id='d481' class='colors'>
+grey89</div>
+<div id='d482' class='colors'>
+gray88</div>
+<div id='d483' class='colors'>
+grey88</div>
+<div id='d484' class='colors'>
+gray87</div>
+<div id='d485' class='colors'>
+grey87</div>
+<div id='d486' class='colors'>
+gainsboro</div>
+<div id='d487' class='colors'>
+gray86</div>
+<div id='d488' class='colors'>
+grey86</div>
+<div id='d489' class='colors'>
+gray85</div>
+<div id='d490' class='colors'>
+grey85</div>
+<div id='d491' class='colors'>
+gray84</div>
+<div id='d492' class='colors'>
+grey84</div>
+<div id='d493' class='colors'>
+gray83</div>
+<div id='d494' class='colors'>
+grey83</div>
+<div id='d495' class='colors'>
+LightGray</div>
+<div id='d496' class='colors'>
+LightGrey</div>
+<div id='d497' class='colors'>
+gray82</div>
+<div id='d498' class='colors'>
+grey82</div>
+<div id='d499' class='colors'>
+gray81</div>
+<div id='d500' class='colors'>
+grey81</div>
+<div id='d501' class='colors'>
+gray80</div>
+<div id='d502' class='colors'>
+grey80</div>
+<div id='d503' class='colors'>
+gray79</div>
+<div id='d504' class='colors'>
+grey79</div>
+<div id='d505' class='colors'>
+gray78</div>
+<div id='d506' class='colors'>
+grey78</div>
+<div id='d507' class='colors'>
+gray77</div>
+<div id='d508' class='colors'>
+grey77</div>
+<div id='d509' class='colors'>
+gray76</div>
+<div id='d510' class='colors'>
+grey76</div>
+<div id='d511' class='colors'>
+silver</div>
+<div id='d512' class='colors'>
+gray75</div>
+<div id='d513' class='colors'>
+grey75</div>
+<div id='d514' class='colors'>
+gray74</div>
+<div id='d515' class='colors'>
+grey74</div>
+<div id='d516' class='colors'>
+gray73</div>
+<div id='d517' class='colors'>
+grey73</div>
+<div id='d518' class='colors'>
+gray72</div>
+<div id='d519' class='colors'>
+grey72</div>
+<div id='d520' class='colors'>
+gray71</div>
+<div id='d521' class='colors'>
+grey71</div>
+<div id='d522' class='colors'>
+gray70</div>
+<div id='d523' class='colors'>
+grey70</div>
+<div id='d524' class='colors'>
+gray69</div>
+<div id='d525' class='colors'>
+grey69</div>
+<div id='d526' class='colors'>
+gray68</div>
+<div id='d527' class='colors'>
+grey68</div>
+<div id='d528' class='colors'>
+gray67</div>
+<div id='d529' class='colors'>
+grey67</div>
+<div id='d530' class='colors'>
+DarkGray</div>
+<div id='d531' class='colors'>
+DarkGrey</div>
+<div id='d532' class='colors'>
+gray66</div>
+<div id='d533' class='colors'>
+grey66</div>
+<div id='d534' class='colors'>
+gray65</div>
+<div id='d535' class='colors'>
+grey65</div>
+<div id='d536' class='colors'>
+gray64</div>
+<div id='d537' class='colors'>
+grey64</div>
+<div id='d538' class='colors'>
+gray63</div>
+<div id='d539' class='colors'>
+grey63</div>
+<div id='d540' class='colors'>
+gray62</div>
+<div id='d541' class='colors'>
+grey62</div>
+<div id='d542' class='colors'>
+gray61</div>
+<div id='d543' class='colors'>
+grey61</div>
+<div id='d544' class='colors'>
+gray60</div>
+<div id='d545' class='colors'>
+grey60</div>
+<div id='d546' class='colors'>
+gray59</div>
+<div id='d547' class='colors'>
+grey59</div>
+<div id='d548' class='colors'>
+gray58</div>
+<div id='d549' class='colors'>
+grey58</div>
+<div id='d550' class='colors'>
+gray57</div>
+<div id='d551' class='colors'>
+grey57</div>
+<div id='d552' class='colors'>
+gray56</div>
+<div id='d553' class='colors'>
+grey56</div>
+<div id='d554' class='colors'>
+gray55</div>
+<div id='d555' class='colors'>
+grey55</div>
+<div id='d556' class='colors'>
+gray54</div>
+<div id='d557' class='colors'>
+grey54</div>
+<div id='d558' class='colors'>
+gray53</div>
+<div id='d559' class='colors'>
+grey53</div>
+<div id='d560' class='colors'>
+gray52</div>
+<div id='d561' class='colors'>
+grey52</div>
+<div id='d562' class='colors'>
+gray51</div>
+<div id='d563' class='colors'>
+grey51</div>
+<div id='d564' class='colors'>
+fractal</div>
+<div id='d565' class='colors'>
+gray50</div>
+<div id='d566' class='colors'>
+grey50</div>
+<div id='d567' class='colors'>
+gray</div>
+<div id='d568' class='colors'>
+gray49</div>
+<div id='d569' class='colors'>
+grey49</div>
+<div id='d570' class='colors'>
+gray48</div>
+<div id='d571' class='colors'>
+grey48</div>
+<div id='d572' class='colors'>
+gray47</div>
+<div id='d573' class='colors'>
+grey47</div>
+<div id='d574' class='colors'>
+gray46</div>
+<div id='d575' class='colors'>
+grey46</div>
+<div id='d576' class='colors'>
+gray45</div>
+<div id='d577' class='colors'>
+grey45</div>
+<div id='d578' class='colors'>
+gray44</div>
+<div id='d579' class='colors'>
+grey44</div>
+<div id='d580' class='colors'>
+gray43</div>
+<div id='d581' class='colors'>
+grey43</div>
+<div id='d582' class='colors'>
+gray42</div>
+<div id='d583' class='colors'>
+grey42</div>
+<div id='d584' class='colors'>
+DimGray</div>
+<div id='d585' class='colors'>
+DimGrey</div>
+<div id='d586' class='colors'>
+gray41</div>
+<div id='d587' class='colors'>
+grey41</div>
+<div id='d588' class='colors'>
+gray40</div>
+<div id='d589' class='colors'>
+grey40</div>
+<div id='d590' class='colors'>
+gray39</div>
+<div id='d591' class='colors'>
+grey39</div>
+<div id='d592' class='colors'>
+gray38</div>
+<div id='d593' class='colors'>
+grey38</div>
+<div id='d594' class='colors'>
+gray37</div>
+<div id='d595' class='colors'>
+grey37</div>
+<div id='d596' class='colors'>
+gray36</div>
+<div id='d597' class='colors'>
+grey36</div>
+<div id='d598' class='colors'>
+gray35</div>
+<div id='d599' class='colors'>
+grey35</div>
+<div id='d600' class='colors'>
+gray34</div>
+<div id='d601' class='colors'>
+grey34</div>
+<div id='d602' class='colors'>
+gray33</div>
+<div id='d603' class='colors'>
+grey33</div>
+<div id='d604' class='colors'>
+gray32</div>
+<div id='d605' class='colors'>
+grey32</div>
+<div id='d606' class='colors'>
+gray31</div>
+<div id='d607' class='colors'>
+grey31</div>
+<div id='d608' class='colors'>
+gray30</div>
+<div id='d609' class='colors'>
+grey30</div>
+<div id='d610' class='colors'>
+gray29</div>
+<div id='d611' class='colors'>
+grey29</div>
+<div id='d612' class='colors'>
+gray28</div>
+<div id='d613' class='colors'>
+grey28</div>
+<div id='d614' class='colors'>
+gray27</div>
+<div id='d615' class='colors'>
+grey27</div>
+<div id='d616' class='colors'>
+gray26</div>
+<div id='d617' class='colors'>
+grey26</div>
+<div id='d618' class='colors'>
+gray25</div>
+<div id='d619' class='colors'>
+grey25</div>
+<div id='d620' class='colors'>
+gray24</div>
+<div id='d621' class='colors'>
+grey24</div>
+<div id='d622' class='colors'>
+gray23</div>
+<div id='d623' class='colors'>
+grey23</div>
+<div id='d624' class='colors'>
+gray22</div>
+<div id='d625' class='colors'>
+grey22</div>
+<div id='d626' class='colors'>
+gray21</div>
+<div id='d627' class='colors'>
+grey21</div>
+<div id='d628' class='colors'>
+gray20</div>
+<div id='d629' class='colors'>
+grey20</div>
+<div id='d630' class='colors'>
+gray19</div>
+<div id='d631' class='colors'>
+grey19</div>
+<div id='d632' class='colors'>
+gray18</div>
+<div id='d633' class='colors'>
+grey18</div>
+<div id='d634' class='colors'>
+gray17</div>
+<div id='d635' class='colors'>
+grey17</div>
+<div id='d636' class='colors'>
+gray16</div>
+<div id='d637' class='colors'>
+grey16</div>
+<div id='d638' class='colors'>
+gray15</div>
+<div id='d639' class='colors'>
+grey15</div>
+<div id='d640' class='colors'>
+gray14</div>
+<div id='d641' class='colors'>
+grey14</div>
+<div id='d642' class='colors'>
+gray13</div>
+<div id='d643' class='colors'>
+grey13</div>
+<div id='d644' class='colors'>
+gray12</div>
+<div id='d645' class='colors'>
+grey12</div>
+<div id='d646' class='colors'>
+gray11</div>
+<div id='d647' class='colors'>
+grey11</div>
+<div id='d648' class='colors'>
+gray10</div>
+<div id='d649' class='colors'>
+grey10</div>
+<div id='d650' class='colors'>
+gray9</div>
+<div id='d651' class='colors'>
+grey9</div>
+<div id='d652' class='colors'>
+gray8</div>
+<div id='d653' class='colors'>
+grey8</div>
+<div id='d654' class='colors'>
+gray7</div>
+<div id='d655' class='colors'>
+grey7</div>
+<div id='d656' class='colors'>
+gray6</div>
+<div id='d657' class='colors'>
+grey6</div>
+<div id='d658' class='colors'>
+gray5</div>
+<div id='d659' class='colors'>
+grey5</div>
+<div id='d660' class='colors'>
+gray4</div>
+<div id='d661' class='colors'>
+grey4</div>
+<div id='d662' class='colors'>
+gray3</div>
+<div id='d663' class='colors'>
+grey3</div>
+<div id='d664' class='colors'>
+gray2</div>
+<div id='d665' class='colors'>
+grey2</div>
+<div id='d666' class='colors'>
+gray1</div>
+<div id='d667' class='colors'>
+grey1</div>
+<div id='d668' class='colors'>
+black</div>
+<div id='d669' class='colors'>
+gray0</div>
+<div id='d670' class='colors'>
+grey0</div>
+<div id='d671' class='colors'>
+opaque</div>
+<div id='d672' class='colors'>
+none</div>
+<div id='d673' class='colors'>
+transparent</div>
+</div>
+</div>
+
+<div id='colornames'>
+CLICK TO CHOOSE THE COLOR
+</div>
+
+<div id='switches'>
+
+<span id='title'>OPTIONS</span>
+<div id='hexswitch' class='theswitches'>CLICK TO USE HEX KEYS</div>
+<br>
+<div id='infoswitch' class='theswitches'>CLICK TO TOGGLE PALATE INFO<span id='infospace'></span></div>
+<br>
+<div id='backgroundswitch' class='theswitches'>CLICK TO TOGGLE BACKGROUNDS</div>
+<br>
+<div id='preview'></div>
+<div id='nameholder'>YOU WILL CHOOSE:<input id='namespace' type='text'></input></div>
+<br>
+<span id='transparent'>to choose transparent as a color, click <span id='transbutton'>HERE</span></span>
+</div>
+</div>
+<script type='text/javascript' src='jquery-1.6.4.min.js'></script>
+<script type='text/javascript' src='colordict.js'></script>
+
+<script type='text/javascript'>
+
+
+//setup dimensions
+//////////////////
+
+function regolden(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num/ratio)
+	return newnum
+	}
+function goldenize(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num*ratio)
+	return newnum
+	}
+//turns css property width or height into an integer value
+function getproperty(idandselectr, propertystr)
+	{
+	grab = $(idandselectr).css(propertystr)
+	grab = grab.slice(0,-2)
+	numval = parseInt(grab)
+	return numval
+	}
+function makegolden(idandselectr, propertystr)
+	{
+	result = getproperty(idandselectr, propertystr)
+	newval = goldenize(result)
+	propval = newval.toString()+'px'
+	if(propertystr == 'height'){
+			$(idandselectr).css('width', propval)
+			}
+	else if(propertystr == 'width'){
+			$(idandselectr).css('height', propval)
+			}
+	}
+function shrinkwidth(arg){
+	for(var i=0; i < 5; i++){
+	arg = regolden(arg)
+	}
+	division = Math.round(arg)
+	return division
+}
+
+function makecolorswidth(){
+	colorswidth = shrinkwidth(window.innerWidth)
+	$('.colors').css('width', colorswidth.toString()+'px')
+}
+function makecolorsheight(){
+	result = getproperty('.colors', 'width')
+	newval = regolden(result)
+	propval = newval.toString()+'px'
+	$('.colors').css('height', propval)
+}
+//the following function sets up the font sizes 
+//inrelation to the size of the hexswitch font
+function setupfonts(){
+	var firstfont = getproperty('#hexswitch', 'font-size')
+	var finalfont = goldenize(firstfont)
+	$('#namespace').css('font-size', finalfont+'px')
+	$('#namespace').css('width', $('#switches').css('width'))
+	var secondfont = getproperty('#namespace', 'font-size')
+	var finalfont = goldenize(secondfont)
+	$('#colornames').css('font-size', finalfont+'px')
+	$('#colornames').css('text-shadow', 'black 1px 2px')
+	var transfont = regolden(firstfont)
+	$('#transparent').css('font-size', transfont+'px')
+}
+function getcontainerwidth(){
+	basis = $('.colors').css('width')
+	basis = parseInt(basis.slice(0,-2))
+	secondbasis = '2px'
+	secondbasis = parseInt(secondbasis.slice(0,-2))
+	widthval = (secondbasis*8)+(basis*4)+(goldenize(basis)-basis)
+	widthval = widthval.toString()+'px'
+	return widthval
+}
+
+function makecontainerwidth(){
+	var containerwidth = getcontainerwidth()
+	$('#container').css('width',containerwidth)
+	$('#viewarea').css('width',containerwidth)
+}
+
+
+function setupsides()
+	{
+	var	basis = $('#container').css('width')
+	basis = parseInt(basis.slice(0,-2))
+	remainder = (100-basis)/2
+	widths = regolden(basis)
+	widths = widths.toString()+'px'
+	lateralbasis = regolden(remainder)
+	leftside = toString(lateralbasis)+'%'
+	rightside = toString(100-lateralbasis)+'%'
+	$('#colornames').css('left', leftside)
+	$('#switches').css({'width': widths, 'left': rightside})
+	}
+function previewdimensions(){
+	first = $('#switches').css('width')
+	first = parseInt(first.slice(0,-2))
+	width = regolden(first)
+	height = regolden(width)
+	width = width.toString()+'px'
+	height = height.toString()+'px'
+	$('#preview').css({'width':width, 'height':height})
+}
+function setupdimensions(){
+makecolorswidth()
+setupfonts()
+makecolorsheight()
+makecontainerwidth()
+setupsides()
+makegolden('#switches','width')
+previewdimensions()
+}
+setupdimensions()
+$(window).resize(function(){setupdimensions()})
+//$(window).resize()(function(){setupdimensions()})
+
+//BEGIN STYLINGS//
+//////////////////
+
+
+var old = {};
+function hovercss(sel, uno){
+	
+	var chng = {};
+	chng['color'] = 'white';
+	chng['text-shadow'] = 'black 1px 2px';
+	chng['background-image'] = 'url(http://asdf.us/im/19/gradient_whitegray80_1321305183_1321305241_pepper_1321333403_pepper.jpg)';
+	if(uno == 'over'){
+		for(var key in chng){
+				old[key] = $('#'+sel).css(key)
+					}
+		for(var key in chng){
+				$('#'+sel).css(key, chng[key])
+					}
+			}
+	if(uno == 'out'){
+		for(var key in old){
+				$('#'+sel).css(key, old[key])
+					}
+			}
+}
+$('.theswitches').hover(function(){hovercss(this.id, 'over')}, function(){hovercss(this.id, 'out')})
+
+var transcss = {
+	'color':'#141414','box-shadow':'10px 10px 5px #141414',
+	'background-color':'#D1D1D1','color':'#141414',
+	'border-width':'2px','border-style':'outset','cursor':'pointer'}
+$('#transbutton').css(transcss)
+var hovertrans = {
+	'background-color':'DarkGrey','color':'#383838','box-shadow':'5px 5px 2px #141414'
+}
+$('#transbutton').hover(function(){$('#transbutton').css(hovertrans)},function(){$('#transbutton').css(transcss)})
+//threewayselector for what goes in the divs
+infostate = 1
+function switchinfo()
+	{
+	if(infostate == 0)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html(divtoname[divlist[i]])
+				};
+		infostate = 1
+		$('#infospace').html('(NAMES)');
+		}
+	else if(infostate == 1)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html("")
+				};
+		infostate = 2
+		$('#infospace').html('(NONE)');
+		}
+	else if(infostate == 2)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html(nametohex[divtoname[divlist[i]]])
+				};
+		infostate = 0
+		$('#infospace').html('(HEXES)');
+		}
+	}
+$('#infoswitch').hover(function(){$('#infospace').show()}, function(){$('#infospace').hide('slow')} )
+$('#infoswitch').click(function(){switchinfo()})
+
+
+backgroundstate = 2;
+function switchbackground()
+	{
+	if(backgroundstate == 1)
+		{
+		$('#colorpicker').css('background-color','black')
+		$('#colorpicker').css('background-image','url(http://dump.fm/static/img/bg.dither.gif)')
+		backgroundstate = 2;
+		$('#colornames').css('color', 'white')
+		$('#colornames').css('text-shadow', 'black 1px 2px')
+		}
+	else if(backgroundstate == 2)
+		{
+		$('#colorpicker').css('background-color','black')
+		$('#colorpicker').css('background-image', 'none')
+		backgroundstate = 0	
+		}
+	else if(backgroundstate == 0)
+		{
+		$('#colorpicker').css('background-color', 'white')
+		$('#colorpicker').css('background-image', 'none')
+		$('#colornames').css('color', 'grey')
+		backgroundstate = 1
+		}
+	}
+
+$('#backgroundswitch').click(function(){switchbackground()})
+
+//takes a div name and returns a colorname
+
+function showcolorname(divstr)
+
+		{
+		colorname = divtoname['#'+divstr]
+		hex = nametohex[colorname]
+			imname = hextoname[hex]
+		if (hexes == true)
+			{
+			imname = hex
+			}
+		
+		return imname
+		}
+function bigname(divstr)
+		{
+		colorname = showcolorname(divstr)
+		$('#colornames').html(colorname)
+		
+		}
+function writeit(text)
+		{
+		$('#colornames').append(text)
+		}
+function makebig(divstr)
+		{
+		firstheight = $('#'+divstr).height()
+		newheight = goldenize(firstheight)
+		$('#'+divstr).height(newheight)
+		}
+function makesmall(divstr)
+		{
+		oldheight = $('.colors').height()
+		$('#'+divstr).height(oldheight)
+		}
+var choice;
+$('.colors').hover(function() {
+   bigname(this.id);
+//	 makebig(this.id);
+//	 makegolden('#'+this.id, 'height')},
+//function(){
+//	 makesmall(this.id);
+//	 makegolden('#'+this.id, 'height')
+});
+$('.colors').mouseover(function(){
+							if(this.id != 'd0'){
+							makebig(this.id);
+							makegolden('#'+this.id, 'height')
+													}})
+$('.colors').mouseout(function(){
+							makesmall(this.id);
+							makegolden('#'+this.id,'height');
+													})
+$(".colors").hover(function(){
+$('#colornames').fadeOut(100);$('#colornames').fadeIn(500);
+	});
+$('.colors').css('margin-top', '2px')
+var hexes = false
+function hexswitch()
+		{
+		if(hexes == false)
+			{
+			$('#hexswitch').html('CLICK TO USE COLOR NAMES')
+			hexes = true;
+			var nameval = $('#namespace').val()
+			$('#namespace').val(nametohex[nameval])
+			}
+			
+		else
+			{
+			$('#hexswitch').html('CLICK TO USE HEX KEYS')
+			hexes = false;
+			var nameval = $('#namespace').val()
+			$('#namespace').val(hextoname[nameval])
+			}
+		}
+$('#hexswitch').click(function(){hexswitch()})
+
+$('.colors').click(function(){
+			putitin()	
+			})
+
+function putitin()
+		{
+		thecolor = $('#colornames').html()
+		$('#namespace').val(thecolor)
+		if(hexes == false){
+			$('#preview').css({'background-color': nametohex[thecolor], 'border-style':'none'})
+			}
+		else{
+			$('#preview').css('background-color', thecolor)
+			}
+				
+		}
+function transparent()
+	{
+	$('#namespace').val('transparent');
+	$('#preview').css({'background-color':'transparent','border-style':'dashed','border-width':'2px'})
+	}
+$('#transbutton').click(function(){transparent()})
+
+//$('#switches').bind('mousemove',function(e){ 
+//            $("#colornames").html(" e.pageY: " + e.pageY); 
+//});
+vt.start("viewarea", "container");
+
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/colors/minimap.html b/frontend/imgrid/colors/colors/minimap.html
new file mode 100755
index 0000000..5a5291e
--- /dev/null
+++ b/frontend/imgrid/colors/colors/minimap.html
@@ -0,0 +1,3891 @@
+<html>
+<head>
+
+<style type='text/css'>
+
+body
+{
+margin:0;
+}
+
+#colorpicker
+{
+
+width:100%;
+font-family:helvetica; 
+font-size:10px; 
+//background-color: gray;
+//background-image: url("http://asdf.us/im/6f/gradient_bgdither_1321255670_pepper.gif");
+background-color: black;
+background-image: url("http://dump.fm/static/img/bg.dither.gif")
+
+}
+
+#container div
+{
+text-align:left;
+display: -moz-inline-stack;
+display:inline-block;
+vertical-align:bottom;
+min-height: 30px;
+zoom: 1;
+word-wrap: break-word;
+*display: inline;
+cursor:pointer;
+}
+
+#container
+{
+margin:0 auto;
+width:31%;
+padding-top:100px;
+padding-right:10px;
+padding-left:10px;
+text-align:center;
+overflow:auto;
+height:1000px;
+}
+
+#colornames
+{
+color:white;
+position:fixed;
+font-size:50px;
+top:50px;
+left:2%;
+width:400px;
+}
+
+#switches
+		{
+		position:fixed;
+		top:20px;
+		right:1%;
+		height:400px;
+		width:300px;
+		font-size:20px;
+		border-style: groove;
+		border-width: 4px;
+		background-color:gray;
+		padding:2px;
+		box-shadow: 10px 10px 5px #141414;
+		}
+
+#infoswitch, #hexswitch, #backgroundswitch
+		{
+		background-image:url(http://asdf.us/im/58/gradient_whitegray80_1321305183_1321305241_pepper.jpg);
+		cursor:pointer;
+		}
+#preview
+		{
+		height:150px;
+		}
+
+
+#holder
+		{
+		float:bottom;
+		}
+
+#transparent
+		{
+		font-size:12px;
+		}
+#namespace
+		{
+		width:inherit;
+		}
+#d0
+{background-color:#FFFAFA}
+
+#d1
+{background-color:#FFFAFA}
+
+#d2
+{background-color:#EEE9E9}
+
+#d3
+{background-color:#FFC1C1}
+
+#d4
+{background-color:#EEB4B4}
+
+#d5
+{background-color:#CDC9C9}
+
+#d6
+{background-color:#F08080}
+
+#d7
+{background-color:#FF6A6A}
+
+#d8
+{background-color:#CD9B9B}
+
+#d9
+{background-color:#EE6363}
+
+#d10
+{background-color:#BC8F8F}
+
+#d11
+{background-color:#FF4040}
+
+#d12
+{background-color:#FF3030}
+
+#d13
+{background-color:#EE3B3B}
+
+#d14
+{background-color:#CD5C5C}
+
+#d15
+{background-color:#CD5555}
+
+#d16
+{background-color:#EE2C2C}
+
+#d17
+{background-color:#8B8989}
+
+#d18
+{background-color:#CD3333}
+
+#d19
+{background-color:#FF0000}
+
+#d20
+{background-color:#FF0000}
+
+#d21
+{background-color:#8B6969}
+
+#d22
+{background-color:#CD2626}
+
+#d23
+{background-color:#EE0000}
+
+#d24
+{background-color:#B22222}
+
+#d25
+{background-color:#A52A2A}
+
+#d26
+{background-color:#CD0000}
+
+#d27
+{background-color:#8B3A3A}
+
+#d28
+{background-color:#8B2323}
+
+#d29
+{background-color:#8B1A1A}
+
+#d30
+{background-color:#8B0000}
+
+#d31
+{background-color:#8B0000}
+
+#d32
+{background-color:#800000}
+
+#d33
+{background-color:#FFAEB9}
+
+#d34
+{background-color:#CD8C95}
+
+#d35
+{background-color:#8B5F65}
+
+#d36
+{background-color:#EEA2AD}
+
+#d37
+{background-color:#FFB6C1}
+
+#d38
+{background-color:#FFC0CB}
+
+#d39
+{background-color:#DC143C}
+
+#d40
+{background-color:#FFB5C5}
+
+#d41
+{background-color:#EEA9B8}
+
+#d42
+{background-color:#CD919E}
+
+#d43
+{background-color:#8B636C}
+
+#d44
+{background-color:#8B475D}
+
+#d45
+{background-color:#DB7093}
+
+#d46
+{background-color:#EE799F}
+
+#d47
+{background-color:#FF82AB}
+
+#d48
+{background-color:#CD6889}
+
+#d49
+{background-color:#FFF0F5}
+
+#d50
+{background-color:#FFF0F5}
+
+#d51
+{background-color:#CDC1C5}
+
+#d52
+{background-color:#EEE0E5}
+
+#d53
+{background-color:#8B8386}
+
+#d54
+{background-color:#B03060}
+
+#d55
+{background-color:#CD6090}
+
+#d56
+{background-color:#CD3278}
+
+#d57
+{background-color:#FF3E96}
+
+#d58
+{background-color:#EE3A8C}
+
+#d59
+{background-color:#8B2252}
+
+#d60
+{background-color:#EE6AA7}
+
+#d61
+{background-color:#FF6EB4}
+
+#d62
+{background-color:#8B3A62}
+
+#d63
+{background-color:#FF69B4}
+
+#d64
+{background-color:#FF1493}
+
+#d65
+{background-color:#FF1493}
+
+#d66
+{background-color:#EE1289}
+
+#d67
+{background-color:#CD1076}
+
+#d68
+{background-color:#8B0A50}
+
+#d69
+{background-color:#FF34B3}
+
+#d70
+{background-color:#EE30A7}
+
+#d71
+{background-color:#CD2990}
+
+#d72
+{background-color:#8B1C62}
+
+#d73
+{background-color:#C71585}
+
+#d74
+{background-color:#D02090}
+
+#d75
+{background-color:#EE7AE9}
+
+#d76
+{background-color:#DA70D6}
+
+#d77
+{background-color:#FF83FA}
+
+#d78
+{background-color:#CD69C9}
+
+#d79
+{background-color:#8B4789}
+
+#d80
+{background-color:#FFE1FF}
+
+#d81
+{background-color:#EED2EE}
+
+#d82
+{background-color:#FFBBFF}
+
+#d83
+{background-color:#EEAEEE}
+
+#d84
+{background-color:#D8BFD8}
+
+#d85
+{background-color:#CDB5CD}
+
+#d86
+{background-color:#DDA0DD}
+
+#d87
+{background-color:#EE82EE}
+
+#d88
+{background-color:#CD96CD}
+
+#d89
+{background-color:#8B7B8B}
+
+#d90
+{background-color:#FF00FF}
+
+#d91
+{background-color:#FF00FF}
+
+#d92
+{background-color:#FF00FF}
+
+#d93
+{background-color:#8B668B}
+
+#d94
+{background-color:#EE00EE}
+
+#d95
+{background-color:#CD00CD}
+
+#d96
+{background-color:#8B008B}
+
+#d97
+{background-color:#8B008B}
+
+#d98
+{background-color:#800080}
+
+#d99
+{background-color:#BA55D3}
+
+#d100
+{background-color:#E066FF}
+
+#d101
+{background-color:#D15FEE}
+
+#d102
+{background-color:#B452CD}
+
+#d103
+{background-color:#7A378B}
+
+#d104
+{background-color:#9400D3}
+
+#d105
+{background-color:#9932CC}
+
+#d106
+{background-color:#BF3EFF}
+
+#d107
+{background-color:#9A32CD}
+
+#d108
+{background-color:#B23AEE}
+
+#d109
+{background-color:#68228B}
+
+#d110
+{background-color:#A020F0}
+
+#d111
+{background-color:#4B0082}
+
+#d112
+{background-color:#8A2BE2}
+
+#d113
+{background-color:#912CEE}
+
+#d114
+{background-color:#7D26CD}
+
+#d115
+{background-color:#551A8B}
+
+#d116
+{background-color:#9B30FF}
+
+#d117
+{background-color:#9370DB}
+
+#d118
+{background-color:#AB82FF}
+
+#d119
+{background-color:#9F79EE}
+
+#d120
+{background-color:#8968CD}
+
+#d121
+{background-color:#5D478B}
+
+#d122
+{background-color:#483D8B}
+
+#d123
+{background-color:#8470FF}
+
+#d124
+{background-color:#7B68EE}
+
+#d125
+{background-color:#6A5ACD}
+
+#d126
+{background-color:#836FFF}
+
+#d127
+{background-color:#7A67EE}
+
+#d128
+{background-color:#6959CD}
+
+#d129
+{background-color:#473C8B}
+
+#d130
+{background-color:#F8F8FF}
+
+#d131
+{background-color:#E6E6FA}
+
+#d132
+{background-color:#0000FF}
+
+#d133
+{background-color:#0000FF}
+
+#d134
+{background-color:#0000EE}
+
+#d135
+{background-color:#0000CD}
+
+#d136
+{background-color:#0000CD}
+
+#d137
+{background-color:#00008B}
+
+#d138
+{background-color:#00008B}
+
+#d139
+{background-color:#191970}
+
+#d140
+{background-color:#000080}
+
+#d141
+{background-color:#000080}
+
+#d142
+{background-color:#4169E1}
+
+#d143
+{background-color:#4876FF}
+
+#d144
+{background-color:#436EEE}
+
+#d145
+{background-color:#3A5FCD}
+
+#d146
+{background-color:#27408B}
+
+#d147
+{background-color:#6495ED}
+
+#d148
+{background-color:#B0C4DE}
+
+#d149
+{background-color:#CAE1FF}
+
+#d150
+{background-color:#BCD2EE}
+
+#d151
+{background-color:#A2B5CD}
+
+#d152
+{background-color:#6E7B8B}
+
+#d153
+{background-color:#6C7B8B}
+
+#d154
+{background-color:#C6E2FF}
+
+#d155
+{background-color:#B9D3EE}
+
+#d156
+{background-color:#9FB6CD}
+
+#d157
+{background-color:#778899}
+
+#d158
+{background-color:#778899}
+
+#d159
+{background-color:#708090}
+
+#d160
+{background-color:#708090}
+
+#d161
+{background-color:#1E90FF}
+
+#d162
+{background-color:#1E90FF}
+
+#d163
+{background-color:#1C86EE}
+
+#d164
+{background-color:#104E8B}
+
+#d165
+{background-color:#1874CD}
+
+#d166
+{background-color:#F0F8FF}
+
+#d167
+{background-color:#36648B}
+
+#d168
+{background-color:#4682B4}
+
+#d169
+{background-color:#63B8FF}
+
+#d170
+{background-color:#5CACEE}
+
+#d171
+{background-color:#4F94CD}
+
+#d172
+{background-color:#4A708B}
+
+#d173
+{background-color:#87CEFF}
+
+#d174
+{background-color:#7EC0EE}
+
+#d175
+{background-color:#6CA6CD}
+
+#d176
+{background-color:#87CEFA}
+
+#d177
+{background-color:#607B8B}
+
+#d178
+{background-color:#B0E2FF}
+
+#d179
+{background-color:#A4D3EE}
+
+#d180
+{background-color:#8DB6CD}
+
+#d181
+{background-color:#87CEEB}
+
+#d182
+{background-color:#9AC0CD}
+
+#d183
+{background-color:#00BFFF}
+
+#d184
+{background-color:#00BFFF}
+
+#d185
+{background-color:#00B2EE}
+
+#d186
+{background-color:#00688B}
+
+#d187
+{background-color:#009ACD}
+
+#d188
+{background-color:#BFEFFF}
+
+#d189
+{background-color:#B2DFEE}
+
+#d190
+{background-color:#ADD8E6}
+
+#d191
+{background-color:#68838B}
+
+#d192
+{background-color:#B0E0E6}
+
+#d193
+{background-color:#98F5FF}
+
+#d194
+{background-color:#8EE5EE}
+
+#d195
+{background-color:#7AC5CD}
+
+#d196
+{background-color:#53868B}
+
+#d197
+{background-color:#00F5FF}
+
+#d198
+{background-color:#00E5EE}
+
+#d199
+{background-color:#00C5CD}
+
+#d200
+{background-color:#00868B}
+
+#d201
+{background-color:#5F9EA0}
+
+#d202
+{background-color:#5F9EA0}
+
+#d203
+{background-color:#00CED1}
+
+#d204
+{background-color:#F0FFFF}
+
+#d205
+{background-color:#F0FFFF}
+
+#d206
+{background-color:#E0FFFF}
+
+#d207
+{background-color:#E0FFFF}
+
+#d208
+{background-color:#E0EEEE}
+
+#d209
+{background-color:#D1EEEE}
+
+#d210
+{background-color:#BBFFFF}
+
+#d211
+{background-color:#AFEEEE}
+
+#d212
+{background-color:#AEEEEE}
+
+#d213
+{background-color:#97FFFF}
+
+#d214
+{background-color:#C1CDCD}
+
+#d215
+{background-color:#B4CDCD}
+
+#d216
+{background-color:#8DEEEE}
+
+#d217
+{background-color:#96CDCD}
+
+#d218
+{background-color:#79CDCD}
+
+#d219
+{background-color:#838B8B}
+
+#d220
+{background-color:#7A8B8B}
+
+#d221
+{background-color:#00FFFF}
+
+#d222
+{background-color:#00FFFF}
+
+#d223
+{background-color:#00FFFF}
+
+#d224
+{background-color:#668B8B}
+
+#d225
+{background-color:#00EEEE}
+
+#d226
+{background-color:#528B8B}
+
+#d227
+{background-color:#00CDCD}
+
+#d228
+{background-color:#008B8B}
+
+#d229
+{background-color:#008B8B}
+
+#d230
+{background-color:#008080}
+
+#d231
+{background-color:#2F4F4F}
+
+#d232
+{background-color:#2F4F4F}
+
+#d233
+{background-color:#48D1CC}
+
+#d234
+{background-color:#20B2AA}
+
+#d235
+{background-color:#40E0D0}
+
+#d236
+{background-color:#458B74}
+
+#d237
+{background-color:#7FFFD4}
+
+#d238
+{background-color:#7FFFD4}
+
+#d239
+{background-color:#76EEC6}
+
+#d240
+{background-color:#66CDAA}
+
+#d241
+{background-color:#66CDAA}
+
+#d242
+{background-color:#00FA9A}
+
+#d243
+{background-color:#F5FFFA}
+
+#d244
+{background-color:#00FF7F}
+
+#d245
+{background-color:#00FF7F}
+
+#d246
+{background-color:#00EE76}
+
+#d247
+{background-color:#00CD66}
+
+#d248
+{background-color:#008B45}
+
+#d249
+{background-color:#3CB371}
+
+#d250
+{background-color:#2E8B57}
+
+#d251
+{background-color:#43CD80}
+
+#d252
+{background-color:#54FF9F}
+
+#d253
+{background-color:#2E8B57}
+
+#d254
+{background-color:#4EEE94}
+
+#d255
+{background-color:#32814B}
+
+#d256
+{background-color:#F0FFF0}
+
+#d257
+{background-color:#F0FFF0}
+
+#d258
+{background-color:#E0EEE0}
+
+#d259
+{background-color:#C1FFC1}
+
+#d260
+{background-color:#B4EEB4}
+
+#d261
+{background-color:#9AFF9A}
+
+#d262
+{background-color:#98FB98}
+
+#d263
+{background-color:#C1CDC1}
+
+#d264
+{background-color:#90EE90}
+
+#d265
+{background-color:#90EE90}
+
+#d266
+{background-color:#9BCD9B}
+
+#d267
+{background-color:#8FBC8F}
+
+#d268
+{background-color:#7CCD7C}
+
+#d269
+{background-color:#838B83}
+
+#d270
+{background-color:#00FF00}
+
+#d271
+{background-color:#00FF00}
+
+#d272
+{background-color:#32CD32}
+
+#d273
+{background-color:#698B69}
+
+#d274
+{background-color:#00EE00}
+
+#d275
+{background-color:#548B54}
+
+#d276
+{background-color:#00CD00}
+
+#d277
+{background-color:#228B22}
+
+#d278
+{background-color:#008B00}
+
+#d279
+{background-color:#008000}
+
+#d280
+{background-color:#006400}
+
+#d281
+{background-color:#7CFC00}
+
+#d282
+{background-color:#7FFF00}
+
+#d283
+{background-color:#7FFF00}
+
+#d284
+{background-color:#76EE00}
+
+#d285
+{background-color:#66CD00}
+
+#d286
+{background-color:#458B00}
+
+#d287
+{background-color:#ADFF2F}
+
+#d288
+{background-color:#A2CD5A}
+
+#d289
+{background-color:#CAFF70}
+
+#d290
+{background-color:#BCEE68}
+
+#d291
+{background-color:#6E8B3D}
+
+#d292
+{background-color:#556B2F}
+
+#d293
+{background-color:#6B8E23}
+
+#d294
+{background-color:#C0FF3E}
+
+#d295
+{background-color:#B3EE3A}
+
+#d296
+{background-color:#9ACD32}
+
+#d297
+{background-color:#9ACD32}
+
+#d298
+{background-color:#698B22}
+
+#d299
+{background-color:#FFFFF0}
+
+#d300
+{background-color:#FFFFF0}
+
+#d301
+{background-color:#FFFFE0}
+
+#d302
+{background-color:#FFFFE0}
+
+#d303
+{background-color:#F5F5DC}
+
+#d304
+{background-color:#EEEEE0}
+
+#d305
+{background-color:#FAFAD2}
+
+#d306
+{background-color:#EEEED1}
+
+#d307
+{background-color:#CDCDC1}
+
+#d308
+{background-color:#CDCDB4}
+
+#d309
+{background-color:#8B8B83}
+
+#d310
+{background-color:#8B8B7A}
+
+#d311
+{background-color:#FFFF00}
+
+#d312
+{background-color:#FFFF00}
+
+#d313
+{background-color:#EEEE00}
+
+#d314
+{background-color:#CDCD00}
+
+#d315
+{background-color:#8B8B00}
+
+#d316
+{background-color:#808000}
+
+#d317
+{background-color:#BDB76B}
+
+#d318
+{background-color:#EEE685}
+
+#d319
+{background-color:#8B8970}
+
+#d320
+{background-color:#FFF68F}
+
+#d321
+{background-color:#CDC673}
+
+#d322
+{background-color:#8B864E}
+
+#d323
+{background-color:#EEE8AA}
+
+#d324
+{background-color:#FFFACD}
+
+#d325
+{background-color:#FFFACD}
+
+#d326
+{background-color:#F0E68C}
+
+#d327
+{background-color:#CDC9A5}
+
+#d328
+{background-color:#EEE9BF}
+
+#d329
+{background-color:#D1C166}
+
+#d330
+{background-color:#8B8878}
+
+#d331
+{background-color:#FFD700}
+
+#d332
+{background-color:#FFD700}
+
+#d333
+{background-color:#EEC900}
+
+#d334
+{background-color:#CDAD00}
+
+#d335
+{background-color:#8B7500}
+
+#d336
+{background-color:#EEDD82}
+
+#d337
+{background-color:#8B814C}
+
+#d338
+{background-color:#FFEC8B}
+
+#d339
+{background-color:#CDBE70}
+
+#d340
+{background-color:#EEDC82}
+
+#d341
+{background-color:#CDC8B1}
+
+#d342
+{background-color:#EEE8CD}
+
+#d343
+{background-color:#FFF8DC}
+
+#d344
+{background-color:#FFF8DC}
+
+#d345
+{background-color:#DAA520}
+
+#d346
+{background-color:#FFC125}
+
+#d347
+{background-color:#EEB422}
+
+#d348
+{background-color:#CD9B1D}
+
+#d349
+{background-color:#8B6914}
+
+#d350
+{background-color:#B8860B}
+
+#d351
+{background-color:#FFB90F}
+
+#d352
+{background-color:#EEAD0E}
+
+#d353
+{background-color:#CD950C}
+
+#d354
+{background-color:#8B6508}
+
+#d355
+{background-color:#FFFAF0}
+
+#d356
+{background-color:#EED8AE}
+
+#d357
+{background-color:#FDF5E6}
+
+#d358
+{background-color:#F5DEB3}
+
+#d359
+{background-color:#FFE7BA}
+
+#d360
+{background-color:#CDBA96}
+
+#d361
+{background-color:#FFA500}
+
+#d362
+{background-color:#FFA500}
+
+#d363
+{background-color:#EE9A00}
+
+#d364
+{background-color:#CD8500}
+
+#d365
+{background-color:#8B5A00}
+
+#d366
+{background-color:#8B7E66}
+
+#d367
+{background-color:#FFE4B5}
+
+#d368
+{background-color:#FFEFD5}
+
+#d369
+{background-color:#CDB38B}
+
+#d370
+{background-color:#FFEBCD}
+
+#d371
+{background-color:#FFDEAD}
+
+#d372
+{background-color:#FFDEAD}
+
+#d373
+{background-color:#EECFA1}
+
+#d374
+{background-color:#8B795E}
+
+#d375
+{background-color:#8B8378}
+
+#d376
+{background-color:#FAEBD7}
+
+#d377
+{background-color:#D2B48C}
+
+#d378
+{background-color:#8B7D6B}
+
+#d379
+{background-color:#DEB887}
+
+#d380
+{background-color:#EEDFCC}
+
+#d381
+{background-color:#FFD39B}
+
+#d382
+{background-color:#CDAA7D}
+
+#d383
+{background-color:#EEC591}
+
+#d384
+{background-color:#FFEFDB}
+
+#d385
+{background-color:#8B7355}
+
+#d386
+{background-color:#CDC0B0}
+
+#d387
+{background-color:#FF8C00}
+
+#d388
+{background-color:#EED5B7}
+
+#d389
+{background-color:#FFE4C4}
+
+#d390
+{background-color:#FFE4C4}
+
+#d391
+{background-color:#CDB79E}
+
+#d392
+{background-color:#FF7F00}
+
+#d393
+{background-color:#FAF0E6}
+
+#d394
+{background-color:#EE7600}
+
+#d395
+{background-color:#CD6600}
+
+#d396
+{background-color:#8B4500}
+
+#d397
+{background-color:#CD853F}
+
+#d398
+{background-color:#FFA54F}
+
+#d399
+{background-color:#EE9A49}
+
+#d400
+{background-color:#CD853F}
+
+#d401
+{background-color:#8B5A2B}
+
+#d402
+{background-color:#FFDAB9}
+
+#d403
+{background-color:#FFDAB9}
+
+#d404
+{background-color:#8B7765}
+
+#d405
+{background-color:#EECBAD}
+
+#d406
+{background-color:#CDAF95}
+
+#d407
+{background-color:#F4A460}
+
+#d408
+{background-color:#8B8682}
+
+#d409
+{background-color:#EEE5DE}
+
+#d410
+{background-color:#CDC5BF}
+
+#d411
+{background-color:#D2691E}
+
+#d412
+{background-color:#FF7F24}
+
+#d413
+{background-color:#EE7621}
+
+#d414
+{background-color:#CD661D}
+
+#d415
+{background-color:#8B4513}
+
+#d416
+{background-color:#8B4513}
+
+#d417
+{background-color:#FFF5EE}
+
+#d418
+{background-color:#FFF5EE}
+
+#d419
+{background-color:#8B4726}
+
+#d420
+{background-color:#A0522D}
+
+#d421
+{background-color:#FF8247}
+
+#d422
+{background-color:#EE7942}
+
+#d423
+{background-color:#CD6839}
+
+#d424
+{background-color:#CD8162}
+
+#d425
+{background-color:#FFA07A}
+
+#d426
+{background-color:#FFA07A}
+
+#d427
+{background-color:#8B5742}
+
+#d428
+{background-color:#EE9572}
+
+#d429
+{background-color:#FF7F50}
+
+#d430
+{background-color:#FF4500}
+
+#d431
+{background-color:#FF4500}
+
+#d432
+{background-color:#EE4000}
+
+#d433
+{background-color:#CD3700}
+
+#d434
+{background-color:#8B2500}
+
+#d435
+{background-color:#E9967A}
+
+#d436
+{background-color:#FF8C69}
+
+#d437
+{background-color:#EE8262}
+
+#d438
+{background-color:#CD7054}
+
+#d439
+{background-color:#8B4C39}
+
+#d440
+{background-color:#FF7256}
+
+#d441
+{background-color:#EE6A50}
+
+#d442
+{background-color:#CD5B45}
+
+#d443
+{background-color:#8B3E2F}
+
+#d444
+{background-color:#8B3626}
+
+#d445
+{background-color:#FF6347}
+
+#d446
+{background-color:#FF6347}
+
+#d447
+{background-color:#EE5C42}
+
+#d448
+{background-color:#CD4F39}
+
+#d449
+{background-color:#8B7D7B}
+
+#d450
+{background-color:#EED5D2}
+
+#d451
+{background-color:#FFE4E1}
+
+#d452
+{background-color:#FFE4E1}
+
+#d453
+{background-color:#FA8072}
+
+#d454
+{background-color:#CDB7B5}
+
+#d455
+{background-color:#FFFFFF}
+
+#d456
+{background-color:#FFFFFF}
+
+#d457
+{background-color:#FFFFFF}
+
+#d458
+{background-color:#FFFFFF}
+
+#d459
+{background-color:#FCFCFC}
+
+#d460
+{background-color:#FCFCFC}
+
+#d461
+{background-color:#FAFAFA}
+
+#d462
+{background-color:#FAFAFA}
+
+#d463
+{background-color:#F7F7F7}
+
+#d464
+{background-color:#F7F7F7}
+
+#d465
+{background-color:#F5F5F5}
+
+#d466
+{background-color:#F5F5F5}
+
+#d467
+{background-color:#F5F5F5}
+
+#d468
+{background-color:#F2F2F2}
+
+#d469
+{background-color:#F2F2F2}
+
+#d470
+{background-color:#F0F0F0}
+
+#d471
+{background-color:#F0F0F0}
+
+#d472
+{background-color:#EDEDED}
+
+#d473
+{background-color:#EDEDED}
+
+#d474
+{background-color:#EBEBEB}
+
+#d475
+{background-color:#EBEBEB}
+
+#d476
+{background-color:#E8E8E8}
+
+#d477
+{background-color:#E8E8E8}
+
+#d478
+{background-color:#E5E5E5}
+
+#d479
+{background-color:#E5E5E5}
+
+#d480
+{background-color:#E3E3E3}
+
+#d481
+{background-color:#E3E3E3}
+
+#d482
+{background-color:#E0E0E0}
+
+#d483
+{background-color:#E0E0E0}
+
+#d484
+{background-color:#DEDEDE}
+
+#d485
+{background-color:#DEDEDE}
+
+#d486
+{background-color:#DCDCDC}
+
+#d487
+{background-color:#DBDBDB}
+
+#d488
+{background-color:#DBDBDB}
+
+#d489
+{background-color:#D9D9D9}
+
+#d490
+{background-color:#D9D9D9}
+
+#d491
+{background-color:#D6D6D6}
+
+#d492
+{background-color:#D6D6D6}
+
+#d493
+{background-color:#D4D4D4}
+
+#d494
+{background-color:#D4D4D4}
+
+#d495
+{background-color:#D3D3D3}
+
+#d496
+{background-color:#D3D3D3}
+
+#d497
+{background-color:#D1D1D1}
+
+#d498
+{background-color:#D1D1D1}
+
+#d499
+{background-color:#CFCFCF}
+
+#d500
+{background-color:#CFCFCF}
+
+#d501
+{background-color:#CCCCCC}
+
+#d502
+{background-color:#CCCCCC}
+
+#d503
+{background-color:#C9C9C9}
+
+#d504
+{background-color:#C9C9C9}
+
+#d505
+{background-color:#C7C7C7}
+
+#d506
+{background-color:#C7C7C7}
+
+#d507
+{background-color:#C4C4C4}
+
+#d508
+{background-color:#C4C4C4}
+
+#d509
+{background-color:#C2C2C2}
+
+#d510
+{background-color:#C2C2C2}
+
+#d511
+{background-color:#C0C0C0}
+
+#d512
+{background-color:#BFBFBF}
+
+#d513
+{background-color:#BFBFBF}
+
+#d514
+{background-color:#BDBDBD}
+
+#d515
+{background-color:#BDBDBD}
+
+#d516
+{background-color:#BABABA}
+
+#d517
+{background-color:#BABABA}
+
+#d518
+{background-color:#B8B8B8}
+
+#d519
+{background-color:#B8B8B8}
+
+#d520
+{background-color:#B5B5B5}
+
+#d521
+{background-color:#B5B5B5}
+
+#d522
+{background-color:#B3B3B3}
+
+#d523
+{background-color:#B3B3B3}
+
+#d524
+{background-color:#B0B0B0}
+
+#d525
+{background-color:#B0B0B0}
+
+#d526
+{background-color:#ADADAD}
+
+#d527
+{background-color:#ADADAD}
+
+#d528
+{background-color:#ABABAB}
+
+#d529
+{background-color:#ABABAB}
+
+#d530
+{background-color:#A9A9A9}
+
+#d531
+{background-color:#A9A9A9}
+
+#d532
+{background-color:#A8A8A8}
+
+#d533
+{background-color:#A8A8A8}
+
+#d534
+{background-color:#A6A6A6}
+
+#d535
+{background-color:#A6A6A6}
+
+#d536
+{background-color:#A3A3A3}
+
+#d537
+{background-color:#A3A3A3}
+
+#d538
+{background-color:#A1A1A1}
+
+#d539
+{background-color:#A1A1A1}
+
+#d540
+{background-color:#9E9E9E}
+
+#d541
+{background-color:#9E9E9E}
+
+#d542
+{background-color:#9C9C9C}
+
+#d543
+{background-color:#9C9C9C}
+
+#d544
+{background-color:#999999}
+
+#d545
+{background-color:#999999}
+
+#d546
+{background-color:#969696}
+
+#d547
+{background-color:#969696}
+
+#d548
+{background-color:#949494}
+
+#d549
+{background-color:#949494}
+
+#d550
+{background-color:#919191}
+
+#d551
+{background-color:#919191}
+
+#d552
+{background-color:#8F8F8F}
+
+#d553
+{background-color:#8F8F8F}
+
+#d554
+{background-color:#8C8C8C}
+
+#d555
+{background-color:#8C8C8C}
+
+#d556
+{background-color:#8A8A8A}
+
+#d557
+{background-color:#8A8A8A}
+
+#d558
+{background-color:#878787}
+
+#d559
+{background-color:#878787}
+
+#d560
+{background-color:#858585}
+
+#d561
+{background-color:#858585}
+
+#d562
+{background-color:#828282}
+
+#d563
+{background-color:#828282}
+
+#d564
+{background-color:#808080}
+
+#d565
+{background-color:#7F7F7F}
+
+#d566
+{background-color:#7F7F7F}
+
+#d567
+{background-color:#7E7E7E}
+
+#d568
+{background-color:#7D7D7D}
+
+#d569
+{background-color:#7D7D7D}
+
+#d570
+{background-color:#7A7A7A}
+
+#d571
+{background-color:#7A7A7A}
+
+#d572
+{background-color:#787878}
+
+#d573
+{background-color:#787878}
+
+#d574
+{background-color:#757575}
+
+#d575
+{background-color:#757575}
+
+#d576
+{background-color:#737373}
+
+#d577
+{background-color:#737373}
+
+#d578
+{background-color:#707070}
+
+#d579
+{background-color:#707070}
+
+#d580
+{background-color:#6E6E6E}
+
+#d581
+{background-color:#6E6E6E}
+
+#d582
+{background-color:#6B6B6B}
+
+#d583
+{background-color:#6B6B6B}
+
+#d584
+{background-color:#696969}
+
+#d585
+{background-color:#696969}
+
+#d586
+{background-color:#696969}
+
+#d587
+{background-color:#696969}
+
+#d588
+{background-color:#666666}
+
+#d589
+{background-color:#666666}
+
+#d590
+{background-color:#636363}
+
+#d591
+{background-color:#636363}
+
+#d592
+{background-color:#616161}
+
+#d593
+{background-color:#616161}
+
+#d594
+{background-color:#5E5E5E}
+
+#d595
+{background-color:#5E5E5E}
+
+#d596
+{background-color:#5C5C5C}
+
+#d597
+{background-color:#5C5C5C}
+
+#d598
+{background-color:#595959}
+
+#d599
+{background-color:#595959}
+
+#d600
+{background-color:#575757}
+
+#d601
+{background-color:#575757}
+
+#d602
+{background-color:#545454}
+
+#d603
+{background-color:#545454}
+
+#d604
+{background-color:#525252}
+
+#d605
+{background-color:#525252}
+
+#d606
+{background-color:#4F4F4F}
+
+#d607
+{background-color:#4F4F4F}
+
+#d608
+{background-color:#4D4D4D}
+
+#d609
+{background-color:#4D4D4D}
+
+#d610
+{background-color:#4A4A4A}
+
+#d611
+{background-color:#4A4A4A}
+
+#d612
+{background-color:#474747}
+
+#d613
+{background-color:#474747}
+
+#d614
+{background-color:#454545}
+
+#d615
+{background-color:#454545}
+
+#d616
+{background-color:#424242}
+
+#d617
+{background-color:#424242}
+
+#d618
+{background-color:#404040}
+
+#d619
+{background-color:#404040}
+
+#d620
+{background-color:#3D3D3D}
+
+#d621
+{background-color:#3D3D3D}
+
+#d622
+{background-color:#3B3B3B}
+
+#d623
+{background-color:#3B3B3B}
+
+#d624
+{background-color:#383838}
+
+#d625
+{background-color:#383838}
+
+#d626
+{background-color:#363636}
+
+#d627
+{background-color:#363636}
+
+#d628
+{background-color:#333333}
+
+#d629
+{background-color:#333333}
+
+#d630
+{background-color:#303030}
+
+#d631
+{background-color:#303030}
+
+#d632
+{background-color:#2E2E2E}
+
+#d633
+{background-color:#2E2E2E}
+
+#d634
+{background-color:#2B2B2B}
+
+#d635
+{background-color:#2B2B2B}
+
+#d636
+{background-color:#292929}
+
+#d637
+{background-color:#292929}
+
+#d638
+{background-color:#262626}
+
+#d639
+{background-color:#262626}
+
+#d640
+{background-color:#242424}
+
+#d641
+{background-color:#242424}
+
+#d642
+{background-color:#212121}
+
+#d643
+{background-color:#212121}
+
+#d644
+{background-color:#1F1F1F}
+
+#d645
+{background-color:#1F1F1F}
+
+#d646
+{background-color:#1C1C1C}
+
+#d647
+{background-color:#1C1C1C}
+
+#d648
+{background-color:#1A1A1A}
+
+#d649
+{background-color:#1A1A1A}
+
+#d650
+{background-color:#171717}
+
+#d651
+{background-color:#171717}
+
+#d652
+{background-color:#141414}
+
+#d653
+{background-color:#141414}
+
+#d654
+{background-color:#121212}
+
+#d655
+{background-color:#121212}
+
+#d656
+{background-color:#0F0F0F}
+
+#d657
+{background-color:#0F0F0F}
+
+#d658
+{background-color:#0D0D0D}
+
+#d659
+{background-color:#0D0D0D}
+
+#d660
+{background-color:#0A0A0A}
+
+#d661
+{background-color:#0A0A0A}
+
+#d662
+{background-color:#080808}
+
+#d663
+{background-color:#080808}
+
+#d664
+{background-color:#050505}
+
+#d665
+{background-color:#050505}
+
+#d666
+{background-color:#030303}
+
+#d667
+{background-color:#030303}
+
+#d668
+{background-color:#000000}
+
+#d669
+{background-color:#000000}
+
+#d670
+{background-color:#000000}
+
+#d671
+{background-color:#000000}
+
+#d672
+{background-color:#000000}
+
+#d673
+{background-color:#000000}
+.colors
+{
+height:30;
+width:10px;
+}
+</style></head><body>
+<div id='colorpicker'>
+<div id='container'>
+<div id='d0' class='colors'>
+snow</div>
+<div id='d1' class='colors'>
+snow1</div>
+<div id='d2' class='colors'>
+snow2</div>
+<div id='d3' class='colors'>
+RosyBrown1</div>
+<div id='d4' class='colors'>
+RosyBrown2</div>
+<div id='d5' class='colors'>
+snow3</div>
+<div id='d6' class='colors'>
+LightCoral</div>
+<div id='d7' class='colors'>
+IndianRed1</div>
+<div id='d8' class='colors'>
+RosyBrown3</div>
+<div id='d9' class='colors'>
+IndianRed2</div>
+<div id='d10' class='colors'>
+RosyBrown</div>
+<div id='d11' class='colors'>
+brown1</div>
+<div id='d12' class='colors'>
+firebrick1</div>
+<div id='d13' class='colors'>
+brown2</div>
+<div id='d14' class='colors'>
+IndianRed</div>
+<div id='d15' class='colors'>
+IndianRed3</div>
+<div id='d16' class='colors'>
+firebrick2</div>
+<div id='d17' class='colors'>
+snow4</div>
+<div id='d18' class='colors'>
+brown3</div>
+<div id='d19' class='colors'>
+red</div>
+<div id='d20' class='colors'>
+red1</div>
+<div id='d21' class='colors'>
+RosyBrown4</div>
+<div id='d22' class='colors'>
+firebrick3</div>
+<div id='d23' class='colors'>
+red2</div>
+<div id='d24' class='colors'>
+firebrick</div>
+<div id='d25' class='colors'>
+brown</div>
+<div id='d26' class='colors'>
+red3</div>
+<div id='d27' class='colors'>
+IndianRed4</div>
+<div id='d28' class='colors'>
+brown4</div>
+<div id='d29' class='colors'>
+firebrick4</div>
+<div id='d30' class='colors'>
+DarkRed</div>
+<div id='d31' class='colors'>
+red4</div>
+<div id='d32' class='colors'>
+maroon</div>
+<div id='d33' class='colors'>
+LightPink1</div>
+<div id='d34' class='colors'>
+LightPink3</div>
+<div id='d35' class='colors'>
+LightPink4</div>
+<div id='d36' class='colors'>
+LightPink2</div>
+<div id='d37' class='colors'>
+LightPink</div>
+<div id='d38' class='colors'>
+pink</div>
+<div id='d39' class='colors'>
+crimson</div>
+<div id='d40' class='colors'>
+pink1</div>
+<div id='d41' class='colors'>
+pink2</div>
+<div id='d42' class='colors'>
+pink3</div>
+<div id='d43' class='colors'>
+pink4</div>
+<div id='d44' class='colors'>
+PaleVioletRed4</div>
+<div id='d45' class='colors'>
+PaleVioletRed</div>
+<div id='d46' class='colors'>
+PaleVioletRed2</div>
+<div id='d47' class='colors'>
+PaleVioletRed1</div>
+<div id='d48' class='colors'>
+PaleVioletRed3</div>
+<div id='d49' class='colors'>
+LavenderBlush</div>
+<div id='d50' class='colors'>
+LavenderBlush1</div>
+<div id='d51' class='colors'>
+LavenderBlush3</div>
+<div id='d52' class='colors'>
+LavenderBlush2</div>
+<div id='d53' class='colors'>
+LavenderBlush4</div>
+<div id='d54' class='colors'>
+maroon</div>
+<div id='d55' class='colors'>
+HotPink3</div>
+<div id='d56' class='colors'>
+VioletRed3</div>
+<div id='d57' class='colors'>
+VioletRed1</div>
+<div id='d58' class='colors'>
+VioletRed2</div>
+<div id='d59' class='colors'>
+VioletRed4</div>
+<div id='d60' class='colors'>
+HotPink2</div>
+<div id='d61' class='colors'>
+HotPink1</div>
+<div id='d62' class='colors'>
+HotPink4</div>
+<div id='d63' class='colors'>
+HotPink</div>
+<div id='d64' class='colors'>
+DeepPink</div>
+<div id='d65' class='colors'>
+DeepPink1</div>
+<div id='d66' class='colors'>
+DeepPink2</div>
+<div id='d67' class='colors'>
+DeepPink3</div>
+<div id='d68' class='colors'>
+DeepPink4</div>
+<div id='d69' class='colors'>
+maroon1</div>
+<div id='d70' class='colors'>
+maroon2</div>
+<div id='d71' class='colors'>
+maroon3</div>
+<div id='d72' class='colors'>
+maroon4</div>
+<div id='d73' class='colors'>
+MediumVioletRed</div>
+<div id='d74' class='colors'>
+VioletRed</div>
+<div id='d75' class='colors'>
+orchid2</div>
+<div id='d76' class='colors'>
+orchid</div>
+<div id='d77' class='colors'>
+orchid1</div>
+<div id='d78' class='colors'>
+orchid3</div>
+<div id='d79' class='colors'>
+orchid4</div>
+<div id='d80' class='colors'>
+thistle1</div>
+<div id='d81' class='colors'>
+thistle2</div>
+<div id='d82' class='colors'>
+plum1</div>
+<div id='d83' class='colors'>
+plum2</div>
+<div id='d84' class='colors'>
+thistle</div>
+<div id='d85' class='colors'>
+thistle3</div>
+<div id='d86' class='colors'>
+plum</div>
+<div id='d87' class='colors'>
+violet</div>
+<div id='d88' class='colors'>
+plum3</div>
+<div id='d89' class='colors'>
+thistle4</div>
+<div id='d90' class='colors'>
+fuchsia</div>
+<div id='d91' class='colors'>
+magenta</div>
+<div id='d92' class='colors'>
+magenta1</div>
+<div id='d93' class='colors'>
+plum4</div>
+<div id='d94' class='colors'>
+magenta2</div>
+<div id='d95' class='colors'>
+magenta3</div>
+<div id='d96' class='colors'>
+DarkMagenta</div>
+<div id='d97' class='colors'>
+magenta4</div>
+<div id='d98' class='colors'>
+purple</div>
+<div id='d99' class='colors'>
+MediumOrchid</div>
+<div id='d100' class='colors'>
+MediumOrchid1</div>
+<div id='d101' class='colors'>
+MediumOrchid2</div>
+<div id='d102' class='colors'>
+MediumOrchid3</div>
+<div id='d103' class='colors'>
+MediumOrchid4</div>
+<div id='d104' class='colors'>
+DarkViolet</div>
+<div id='d105' class='colors'>
+DarkOrchid</div>
+<div id='d106' class='colors'>
+DarkOrchid1</div>
+<div id='d107' class='colors'>
+DarkOrchid3</div>
+<div id='d108' class='colors'>
+DarkOrchid2</div>
+<div id='d109' class='colors'>
+DarkOrchid4</div>
+<div id='d110' class='colors'>
+purple</div>
+<div id='d111' class='colors'>
+indigo</div>
+<div id='d112' class='colors'>
+BlueViolet</div>
+<div id='d113' class='colors'>
+purple2</div>
+<div id='d114' class='colors'>
+purple3</div>
+<div id='d115' class='colors'>
+purple4</div>
+<div id='d116' class='colors'>
+purple1</div>
+<div id='d117' class='colors'>
+MediumPurple</div>
+<div id='d118' class='colors'>
+MediumPurple1</div>
+<div id='d119' class='colors'>
+MediumPurple2</div>
+<div id='d120' class='colors'>
+MediumPurple3</div>
+<div id='d121' class='colors'>
+MediumPurple4</div>
+<div id='d122' class='colors'>
+DarkSlateBlue</div>
+<div id='d123' class='colors'>
+LightSlateBlue</div>
+<div id='d124' class='colors'>
+MediumSlateBlue</div>
+<div id='d125' class='colors'>
+SlateBlue</div>
+<div id='d126' class='colors'>
+SlateBlue1</div>
+<div id='d127' class='colors'>
+SlateBlue2</div>
+<div id='d128' class='colors'>
+SlateBlue3</div>
+<div id='d129' class='colors'>
+SlateBlue4</div>
+<div id='d130' class='colors'>
+GhostWhite</div>
+<div id='d131' class='colors'>
+lavender</div>
+<div id='d132' class='colors'>
+blue</div>
+<div id='d133' class='colors'>
+blue1</div>
+<div id='d134' class='colors'>
+blue2</div>
+<div id='d135' class='colors'>
+blue3</div>
+<div id='d136' class='colors'>
+MediumBlue</div>
+<div id='d137' class='colors'>
+blue4</div>
+<div id='d138' class='colors'>
+DarkBlue</div>
+<div id='d139' class='colors'>
+MidnightBlue</div>
+<div id='d140' class='colors'>
+navy</div>
+<div id='d141' class='colors'>
+NavyBlue</div>
+<div id='d142' class='colors'>
+RoyalBlue</div>
+<div id='d143' class='colors'>
+RoyalBlue1</div>
+<div id='d144' class='colors'>
+RoyalBlue2</div>
+<div id='d145' class='colors'>
+RoyalBlue3</div>
+<div id='d146' class='colors'>
+RoyalBlue4</div>
+<div id='d147' class='colors'>
+CornflowerBlue</div>
+<div id='d148' class='colors'>
+LightSteelBlue</div>
+<div id='d149' class='colors'>
+LightSteelBlue1</div>
+<div id='d150' class='colors'>
+LightSteelBlue2</div>
+<div id='d151' class='colors'>
+LightSteelBlue3</div>
+<div id='d152' class='colors'>
+LightSteelBlue4</div>
+<div id='d153' class='colors'>
+SlateGray4</div>
+<div id='d154' class='colors'>
+SlateGray1</div>
+<div id='d155' class='colors'>
+SlateGray2</div>
+<div id='d156' class='colors'>
+SlateGray3</div>
+<div id='d157' class='colors'>
+LightSlateGray</div>
+<div id='d158' class='colors'>
+LightSlateGrey</div>
+<div id='d159' class='colors'>
+SlateGray</div>
+<div id='d160' class='colors'>
+SlateGrey</div>
+<div id='d161' class='colors'>
+DodgerBlue</div>
+<div id='d162' class='colors'>
+DodgerBlue1</div>
+<div id='d163' class='colors'>
+DodgerBlue2</div>
+<div id='d164' class='colors'>
+DodgerBlue4</div>
+<div id='d165' class='colors'>
+DodgerBlue3</div>
+<div id='d166' class='colors'>
+AliceBlue</div>
+<div id='d167' class='colors'>
+SteelBlue4</div>
+<div id='d168' class='colors'>
+SteelBlue</div>
+<div id='d169' class='colors'>
+SteelBlue1</div>
+<div id='d170' class='colors'>
+SteelBlue2</div>
+<div id='d171' class='colors'>
+SteelBlue3</div>
+<div id='d172' class='colors'>
+SkyBlue4</div>
+<div id='d173' class='colors'>
+SkyBlue1</div>
+<div id='d174' class='colors'>
+SkyBlue2</div>
+<div id='d175' class='colors'>
+SkyBlue3</div>
+<div id='d176' class='colors'>
+LightSkyBlue</div>
+<div id='d177' class='colors'>
+LightSkyBlue4</div>
+<div id='d178' class='colors'>
+LightSkyBlue1</div>
+<div id='d179' class='colors'>
+LightSkyBlue2</div>
+<div id='d180' class='colors'>
+LightSkyBlue3</div>
+<div id='d181' class='colors'>
+SkyBlue</div>
+<div id='d182' class='colors'>
+LightBlue3</div>
+<div id='d183' class='colors'>
+DeepSkyBlue</div>
+<div id='d184' class='colors'>
+DeepSkyBlue1</div>
+<div id='d185' class='colors'>
+DeepSkyBlue2</div>
+<div id='d186' class='colors'>
+DeepSkyBlue4</div>
+<div id='d187' class='colors'>
+DeepSkyBlue3</div>
+<div id='d188' class='colors'>
+LightBlue1</div>
+<div id='d189' class='colors'>
+LightBlue2</div>
+<div id='d190' class='colors'>
+LightBlue</div>
+<div id='d191' class='colors'>
+LightBlue4</div>
+<div id='d192' class='colors'>
+PowderBlue</div>
+<div id='d193' class='colors'>
+CadetBlue1</div>
+<div id='d194' class='colors'>
+CadetBlue2</div>
+<div id='d195' class='colors'>
+CadetBlue3</div>
+<div id='d196' class='colors'>
+CadetBlue4</div>
+<div id='d197' class='colors'>
+turquoise1</div>
+<div id='d198' class='colors'>
+turquoise2</div>
+<div id='d199' class='colors'>
+turquoise3</div>
+<div id='d200' class='colors'>
+turquoise4</div>
+<div id='d201' class='colors'>
+cadet blue</div>
+<div id='d202' class='colors'>
+CadetBlue</div>
+<div id='d203' class='colors'>
+DarkTurquoise</div>
+<div id='d204' class='colors'>
+azure</div>
+<div id='d205' class='colors'>
+azure1</div>
+<div id='d206' class='colors'>
+LightCyan</div>
+<div id='d207' class='colors'>
+LightCyan1</div>
+<div id='d208' class='colors'>
+azure2</div>
+<div id='d209' class='colors'>
+LightCyan2</div>
+<div id='d210' class='colors'>
+PaleTurquoise1</div>
+<div id='d211' class='colors'>
+PaleTurquoise</div>
+<div id='d212' class='colors'>
+PaleTurquoise2</div>
+<div id='d213' class='colors'>
+DarkSlateGray1</div>
+<div id='d214' class='colors'>
+azure3</div>
+<div id='d215' class='colors'>
+LightCyan3</div>
+<div id='d216' class='colors'>
+DarkSlateGray2</div>
+<div id='d217' class='colors'>
+PaleTurquoise3</div>
+<div id='d218' class='colors'>
+DarkSlateGray3</div>
+<div id='d219' class='colors'>
+azure4</div>
+<div id='d220' class='colors'>
+LightCyan4</div>
+<div id='d221' class='colors'>
+aqua</div>
+<div id='d222' class='colors'>
+cyan</div>
+<div id='d223' class='colors'>
+cyan1</div>
+<div id='d224' class='colors'>
+PaleTurquoise4</div>
+<div id='d225' class='colors'>
+cyan2</div>
+<div id='d226' class='colors'>
+DarkSlateGray4</div>
+<div id='d227' class='colors'>
+cyan3</div>
+<div id='d228' class='colors'>
+cyan4</div>
+<div id='d229' class='colors'>
+DarkCyan</div>
+<div id='d230' class='colors'>
+teal</div>
+<div id='d231' class='colors'>
+DarkSlateGray</div>
+<div id='d232' class='colors'>
+DarkSlateGrey</div>
+<div id='d233' class='colors'>
+MediumTurquoise</div>
+<div id='d234' class='colors'>
+LightSeaGreen</div>
+<div id='d235' class='colors'>
+turquoise</div>
+<div id='d236' class='colors'>
+aquamarine4</div>
+<div id='d237' class='colors'>
+aquamarine</div>
+<div id='d238' class='colors'>
+aquamarine1</div>
+<div id='d239' class='colors'>
+aquamarine2</div>
+<div id='d240' class='colors'>
+aquamarine3</div>
+<div id='d241' class='colors'>
+MediumAquamarine</div>
+<div id='d242' class='colors'>
+MediumSpringGreen</div>
+<div id='d243' class='colors'>
+MintCream</div>
+<div id='d244' class='colors'>
+SpringGreen</div>
+<div id='d245' class='colors'>
+SpringGreen1</div>
+<div id='d246' class='colors'>
+SpringGreen2</div>
+<div id='d247' class='colors'>
+SpringGreen3</div>
+<div id='d248' class='colors'>
+SpringGreen4</div>
+<div id='d249' class='colors'>
+MediumSeaGreen</div>
+<div id='d250' class='colors'>
+SeaGreen</div>
+<div id='d251' class='colors'>
+SeaGreen3</div>
+<div id='d252' class='colors'>
+SeaGreen1</div>
+<div id='d253' class='colors'>
+SeaGreen4</div>
+<div id='d254' class='colors'>
+SeaGreen2</div>
+<div id='d255' class='colors'>
+MediumForestGreen</div>
+<div id='d256' class='colors'>
+honeydew</div>
+<div id='d257' class='colors'>
+honeydew1</div>
+<div id='d258' class='colors'>
+honeydew2</div>
+<div id='d259' class='colors'>
+DarkSeaGreen1</div>
+<div id='d260' class='colors'>
+DarkSeaGreen2</div>
+<div id='d261' class='colors'>
+PaleGreen1</div>
+<div id='d262' class='colors'>
+PaleGreen</div>
+<div id='d263' class='colors'>
+honeydew3</div>
+<div id='d264' class='colors'>
+LightGreen</div>
+<div id='d265' class='colors'>
+PaleGreen2</div>
+<div id='d266' class='colors'>
+DarkSeaGreen3</div>
+<div id='d267' class='colors'>
+DarkSeaGreen</div>
+<div id='d268' class='colors'>
+PaleGreen3</div>
+<div id='d269' class='colors'>
+honeydew4</div>
+<div id='d270' class='colors'>
+green1</div>
+<div id='d271' class='colors'>
+lime</div>
+<div id='d272' class='colors'>
+LimeGreen</div>
+<div id='d273' class='colors'>
+DarkSeaGreen4</div>
+<div id='d274' class='colors'>
+green2</div>
+<div id='d275' class='colors'>
+PaleGreen4</div>
+<div id='d276' class='colors'>
+green3</div>
+<div id='d277' class='colors'>
+ForestGreen</div>
+<div id='d278' class='colors'>
+green4</div>
+<div id='d279' class='colors'>
+green</div>
+<div id='d280' class='colors'>
+DarkGreen</div>
+<div id='d281' class='colors'>
+LawnGreen</div>
+<div id='d282' class='colors'>
+chartreuse</div>
+<div id='d283' class='colors'>
+chartreuse1</div>
+<div id='d284' class='colors'>
+chartreuse2</div>
+<div id='d285' class='colors'>
+chartreuse3</div>
+<div id='d286' class='colors'>
+chartreuse4</div>
+<div id='d287' class='colors'>
+GreenYellow</div>
+<div id='d288' class='colors'>
+DarkOliveGreen3</div>
+<div id='d289' class='colors'>
+DarkOliveGreen1</div>
+<div id='d290' class='colors'>
+DarkOliveGreen2</div>
+<div id='d291' class='colors'>
+DarkOliveGreen4</div>
+<div id='d292' class='colors'>
+DarkOliveGreen</div>
+<div id='d293' class='colors'>
+OliveDrab</div>
+<div id='d294' class='colors'>
+OliveDrab1</div>
+<div id='d295' class='colors'>
+OliveDrab2</div>
+<div id='d296' class='colors'>
+OliveDrab3</div>
+<div id='d297' class='colors'>
+YellowGreen</div>
+<div id='d298' class='colors'>
+OliveDrab4</div>
+<div id='d299' class='colors'>
+ivory</div>
+<div id='d300' class='colors'>
+ivory1</div>
+<div id='d301' class='colors'>
+LightYellow</div>
+<div id='d302' class='colors'>
+LightYellow1</div>
+<div id='d303' class='colors'>
+beige</div>
+<div id='d304' class='colors'>
+ivory2</div>
+<div id='d305' class='colors'>
+LightGoldenrodYellow</div>
+<div id='d306' class='colors'>
+LightYellow2</div>
+<div id='d307' class='colors'>
+ivory3</div>
+<div id='d308' class='colors'>
+LightYellow3</div>
+<div id='d309' class='colors'>
+ivory4</div>
+<div id='d310' class='colors'>
+LightYellow4</div>
+<div id='d311' class='colors'>
+yellow</div>
+<div id='d312' class='colors'>
+yellow1</div>
+<div id='d313' class='colors'>
+yellow2</div>
+<div id='d314' class='colors'>
+yellow3</div>
+<div id='d315' class='colors'>
+yellow4</div>
+<div id='d316' class='colors'>
+olive</div>
+<div id='d317' class='colors'>
+DarkKhaki</div>
+<div id='d318' class='colors'>
+khaki2</div>
+<div id='d319' class='colors'>
+LemonChiffon4</div>
+<div id='d320' class='colors'>
+khaki1</div>
+<div id='d321' class='colors'>
+khaki3</div>
+<div id='d322' class='colors'>
+khaki4</div>
+<div id='d323' class='colors'>
+PaleGoldenrod</div>
+<div id='d324' class='colors'>
+LemonChiffon</div>
+<div id='d325' class='colors'>
+LemonChiffon1</div>
+<div id='d326' class='colors'>
+khaki</div>
+<div id='d327' class='colors'>
+LemonChiffon3</div>
+<div id='d328' class='colors'>
+LemonChiffon2</div>
+<div id='d329' class='colors'>
+MediumGoldenRod</div>
+<div id='d330' class='colors'>
+cornsilk4</div>
+<div id='d331' class='colors'>
+gold</div>
+<div id='d332' class='colors'>
+gold1</div>
+<div id='d333' class='colors'>
+gold2</div>
+<div id='d334' class='colors'>
+gold3</div>
+<div id='d335' class='colors'>
+gold4</div>
+<div id='d336' class='colors'>
+LightGoldenrod</div>
+<div id='d337' class='colors'>
+LightGoldenrod4</div>
+<div id='d338' class='colors'>
+LightGoldenrod1</div>
+<div id='d339' class='colors'>
+LightGoldenrod3</div>
+<div id='d340' class='colors'>
+LightGoldenrod2</div>
+<div id='d341' class='colors'>
+cornsilk3</div>
+<div id='d342' class='colors'>
+cornsilk2</div>
+<div id='d343' class='colors'>
+cornsilk</div>
+<div id='d344' class='colors'>
+cornsilk1</div>
+<div id='d345' class='colors'>
+goldenrod</div>
+<div id='d346' class='colors'>
+goldenrod1</div>
+<div id='d347' class='colors'>
+goldenrod2</div>
+<div id='d348' class='colors'>
+goldenrod3</div>
+<div id='d349' class='colors'>
+goldenrod4</div>
+<div id='d350' class='colors'>
+DarkGoldenrod</div>
+<div id='d351' class='colors'>
+DarkGoldenrod1</div>
+<div id='d352' class='colors'>
+DarkGoldenrod2</div>
+<div id='d353' class='colors'>
+DarkGoldenrod3</div>
+<div id='d354' class='colors'>
+DarkGoldenrod4</div>
+<div id='d355' class='colors'>
+FloralWhite</div>
+<div id='d356' class='colors'>
+wheat2</div>
+<div id='d357' class='colors'>
+OldLace</div>
+<div id='d358' class='colors'>
+wheat</div>
+<div id='d359' class='colors'>
+wheat1</div>
+<div id='d360' class='colors'>
+wheat3</div>
+<div id='d361' class='colors'>
+orange</div>
+<div id='d362' class='colors'>
+orange1</div>
+<div id='d363' class='colors'>
+orange2</div>
+<div id='d364' class='colors'>
+orange3</div>
+<div id='d365' class='colors'>
+orange4</div>
+<div id='d366' class='colors'>
+wheat4</div>
+<div id='d367' class='colors'>
+moccasin</div>
+<div id='d368' class='colors'>
+PapayaWhip</div>
+<div id='d369' class='colors'>
+NavajoWhite3</div>
+<div id='d370' class='colors'>
+BlanchedAlmond</div>
+<div id='d371' class='colors'>
+NavajoWhite</div>
+<div id='d372' class='colors'>
+NavajoWhite1</div>
+<div id='d373' class='colors'>
+NavajoWhite2</div>
+<div id='d374' class='colors'>
+NavajoWhite4</div>
+<div id='d375' class='colors'>
+AntiqueWhite4</div>
+<div id='d376' class='colors'>
+AntiqueWhite</div>
+<div id='d377' class='colors'>
+tan</div>
+<div id='d378' class='colors'>
+bisque4</div>
+<div id='d379' class='colors'>
+burlywood</div>
+<div id='d380' class='colors'>
+AntiqueWhite2</div>
+<div id='d381' class='colors'>
+burlywood1</div>
+<div id='d382' class='colors'>
+burlywood3</div>
+<div id='d383' class='colors'>
+burlywood2</div>
+<div id='d384' class='colors'>
+AntiqueWhite1</div>
+<div id='d385' class='colors'>
+burlywood4</div>
+<div id='d386' class='colors'>
+AntiqueWhite3</div>
+<div id='d387' class='colors'>
+DarkOrange</div>
+<div id='d388' class='colors'>
+bisque2</div>
+<div id='d389' class='colors'>
+bisque</div>
+<div id='d390' class='colors'>
+bisque1</div>
+<div id='d391' class='colors'>
+bisque3</div>
+<div id='d392' class='colors'>
+DarkOrange1</div>
+<div id='d393' class='colors'>
+linen</div>
+<div id='d394' class='colors'>
+DarkOrange2</div>
+<div id='d395' class='colors'>
+DarkOrange3</div>
+<div id='d396' class='colors'>
+DarkOrange4</div>
+<div id='d397' class='colors'>
+peru</div>
+<div id='d398' class='colors'>
+tan1</div>
+<div id='d399' class='colors'>
+tan2</div>
+<div id='d400' class='colors'>
+tan3</div>
+<div id='d401' class='colors'>
+tan4</div>
+<div id='d402' class='colors'>
+PeachPuff</div>
+<div id='d403' class='colors'>
+PeachPuff1</div>
+<div id='d404' class='colors'>
+PeachPuff4</div>
+<div id='d405' class='colors'>
+PeachPuff2</div>
+<div id='d406' class='colors'>
+PeachPuff3</div>
+<div id='d407' class='colors'>
+SandyBrown</div>
+<div id='d408' class='colors'>
+seashell4</div>
+<div id='d409' class='colors'>
+seashell2</div>
+<div id='d410' class='colors'>
+seashell3</div>
+<div id='d411' class='colors'>
+chocolate</div>
+<div id='d412' class='colors'>
+chocolate1</div>
+<div id='d413' class='colors'>
+chocolate2</div>
+<div id='d414' class='colors'>
+chocolate3</div>
+<div id='d415' class='colors'>
+chocolate4</div>
+<div id='d416' class='colors'>
+SaddleBrown</div>
+<div id='d417' class='colors'>
+seashell</div>
+<div id='d418' class='colors'>
+seashell1</div>
+<div id='d419' class='colors'>
+sienna4</div>
+<div id='d420' class='colors'>
+sienna</div>
+<div id='d421' class='colors'>
+sienna1</div>
+<div id='d422' class='colors'>
+sienna2</div>
+<div id='d423' class='colors'>
+sienna3</div>
+<div id='d424' class='colors'>
+LightSalmon3</div>
+<div id='d425' class='colors'>
+LightSalmon</div>
+<div id='d426' class='colors'>
+LightSalmon1</div>
+<div id='d427' class='colors'>
+LightSalmon4</div>
+<div id='d428' class='colors'>
+LightSalmon2</div>
+<div id='d429' class='colors'>
+coral</div>
+<div id='d430' class='colors'>
+OrangeRed</div>
+<div id='d431' class='colors'>
+OrangeRed1</div>
+<div id='d432' class='colors'>
+OrangeRed2</div>
+<div id='d433' class='colors'>
+OrangeRed3</div>
+<div id='d434' class='colors'>
+OrangeRed4</div>
+<div id='d435' class='colors'>
+DarkSalmon</div>
+<div id='d436' class='colors'>
+salmon1</div>
+<div id='d437' class='colors'>
+salmon2</div>
+<div id='d438' class='colors'>
+salmon3</div>
+<div id='d439' class='colors'>
+salmon4</div>
+<div id='d440' class='colors'>
+coral1</div>
+<div id='d441' class='colors'>
+coral2</div>
+<div id='d442' class='colors'>
+coral3</div>
+<div id='d443' class='colors'>
+coral4</div>
+<div id='d444' class='colors'>
+tomato4</div>
+<div id='d445' class='colors'>
+tomato</div>
+<div id='d446' class='colors'>
+tomato1</div>
+<div id='d447' class='colors'>
+tomato2</div>
+<div id='d448' class='colors'>
+tomato3</div>
+<div id='d449' class='colors'>
+MistyRose4</div>
+<div id='d450' class='colors'>
+MistyRose2</div>
+<div id='d451' class='colors'>
+MistyRose</div>
+<div id='d452' class='colors'>
+MistyRose1</div>
+<div id='d453' class='colors'>
+salmon</div>
+<div id='d454' class='colors'>
+MistyRose3</div>
+<div id='d455' class='colors'>
+white</div>
+<div id='d456' class='colors'>
+gray100</div>
+<div id='d457' class='colors'>
+grey100</div>
+<div id='d458' class='colors'>
+grey100</div>
+<div id='d459' class='colors'>
+gray99</div>
+<div id='d460' class='colors'>
+grey99</div>
+<div id='d461' class='colors'>
+gray98</div>
+<div id='d462' class='colors'>
+grey98</div>
+<div id='d463' class='colors'>
+gray97</div>
+<div id='d464' class='colors'>
+grey97</div>
+<div id='d465' class='colors'>
+gray96</div>
+<div id='d466' class='colors'>
+grey96</div>
+<div id='d467' class='colors'>
+WhiteSmoke</div>
+<div id='d468' class='colors'>
+gray95</div>
+<div id='d469' class='colors'>
+grey95</div>
+<div id='d470' class='colors'>
+gray94</div>
+<div id='d471' class='colors'>
+grey94</div>
+<div id='d472' class='colors'>
+gray93</div>
+<div id='d473' class='colors'>
+grey93</div>
+<div id='d474' class='colors'>
+gray92</div>
+<div id='d475' class='colors'>
+grey92</div>
+<div id='d476' class='colors'>
+gray91</div>
+<div id='d477' class='colors'>
+grey91</div>
+<div id='d478' class='colors'>
+gray90</div>
+<div id='d479' class='colors'>
+grey90</div>
+<div id='d480' class='colors'>
+gray89</div>
+<div id='d481' class='colors'>
+grey89</div>
+<div id='d482' class='colors'>
+gray88</div>
+<div id='d483' class='colors'>
+grey88</div>
+<div id='d484' class='colors'>
+gray87</div>
+<div id='d485' class='colors'>
+grey87</div>
+<div id='d486' class='colors'>
+gainsboro</div>
+<div id='d487' class='colors'>
+gray86</div>
+<div id='d488' class='colors'>
+grey86</div>
+<div id='d489' class='colors'>
+gray85</div>
+<div id='d490' class='colors'>
+grey85</div>
+<div id='d491' class='colors'>
+gray84</div>
+<div id='d492' class='colors'>
+grey84</div>
+<div id='d493' class='colors'>
+gray83</div>
+<div id='d494' class='colors'>
+grey83</div>
+<div id='d495' class='colors'>
+LightGray</div>
+<div id='d496' class='colors'>
+LightGrey</div>
+<div id='d497' class='colors'>
+gray82</div>
+<div id='d498' class='colors'>
+grey82</div>
+<div id='d499' class='colors'>
+gray81</div>
+<div id='d500' class='colors'>
+grey81</div>
+<div id='d501' class='colors'>
+gray80</div>
+<div id='d502' class='colors'>
+grey80</div>
+<div id='d503' class='colors'>
+gray79</div>
+<div id='d504' class='colors'>
+grey79</div>
+<div id='d505' class='colors'>
+gray78</div>
+<div id='d506' class='colors'>
+grey78</div>
+<div id='d507' class='colors'>
+gray77</div>
+<div id='d508' class='colors'>
+grey77</div>
+<div id='d509' class='colors'>
+gray76</div>
+<div id='d510' class='colors'>
+grey76</div>
+<div id='d511' class='colors'>
+silver</div>
+<div id='d512' class='colors'>
+gray75</div>
+<div id='d513' class='colors'>
+grey75</div>
+<div id='d514' class='colors'>
+gray74</div>
+<div id='d515' class='colors'>
+grey74</div>
+<div id='d516' class='colors'>
+gray73</div>
+<div id='d517' class='colors'>
+grey73</div>
+<div id='d518' class='colors'>
+gray72</div>
+<div id='d519' class='colors'>
+grey72</div>
+<div id='d520' class='colors'>
+gray71</div>
+<div id='d521' class='colors'>
+grey71</div>
+<div id='d522' class='colors'>
+gray70</div>
+<div id='d523' class='colors'>
+grey70</div>
+<div id='d524' class='colors'>
+gray69</div>
+<div id='d525' class='colors'>
+grey69</div>
+<div id='d526' class='colors'>
+gray68</div>
+<div id='d527' class='colors'>
+grey68</div>
+<div id='d528' class='colors'>
+gray67</div>
+<div id='d529' class='colors'>
+grey67</div>
+<div id='d530' class='colors'>
+DarkGray</div>
+<div id='d531' class='colors'>
+DarkGrey</div>
+<div id='d532' class='colors'>
+gray66</div>
+<div id='d533' class='colors'>
+grey66</div>
+<div id='d534' class='colors'>
+gray65</div>
+<div id='d535' class='colors'>
+grey65</div>
+<div id='d536' class='colors'>
+gray64</div>
+<div id='d537' class='colors'>
+grey64</div>
+<div id='d538' class='colors'>
+gray63</div>
+<div id='d539' class='colors'>
+grey63</div>
+<div id='d540' class='colors'>
+gray62</div>
+<div id='d541' class='colors'>
+grey62</div>
+<div id='d542' class='colors'>
+gray61</div>
+<div id='d543' class='colors'>
+grey61</div>
+<div id='d544' class='colors'>
+gray60</div>
+<div id='d545' class='colors'>
+grey60</div>
+<div id='d546' class='colors'>
+gray59</div>
+<div id='d547' class='colors'>
+grey59</div>
+<div id='d548' class='colors'>
+gray58</div>
+<div id='d549' class='colors'>
+grey58</div>
+<div id='d550' class='colors'>
+gray57</div>
+<div id='d551' class='colors'>
+grey57</div>
+<div id='d552' class='colors'>
+gray56</div>
+<div id='d553' class='colors'>
+grey56</div>
+<div id='d554' class='colors'>
+gray55</div>
+<div id='d555' class='colors'>
+grey55</div>
+<div id='d556' class='colors'>
+gray54</div>
+<div id='d557' class='colors'>
+grey54</div>
+<div id='d558' class='colors'>
+gray53</div>
+<div id='d559' class='colors'>
+grey53</div>
+<div id='d560' class='colors'>
+gray52</div>
+<div id='d561' class='colors'>
+grey52</div>
+<div id='d562' class='colors'>
+gray51</div>
+<div id='d563' class='colors'>
+grey51</div>
+<div id='d564' class='colors'>
+fractal</div>
+<div id='d565' class='colors'>
+gray50</div>
+<div id='d566' class='colors'>
+grey50</div>
+<div id='d567' class='colors'>
+gray</div>
+<div id='d568' class='colors'>
+gray49</div>
+<div id='d569' class='colors'>
+grey49</div>
+<div id='d570' class='colors'>
+gray48</div>
+<div id='d571' class='colors'>
+grey48</div>
+<div id='d572' class='colors'>
+gray47</div>
+<div id='d573' class='colors'>
+grey47</div>
+<div id='d574' class='colors'>
+gray46</div>
+<div id='d575' class='colors'>
+grey46</div>
+<div id='d576' class='colors'>
+gray45</div>
+<div id='d577' class='colors'>
+grey45</div>
+<div id='d578' class='colors'>
+gray44</div>
+<div id='d579' class='colors'>
+grey44</div>
+<div id='d580' class='colors'>
+gray43</div>
+<div id='d581' class='colors'>
+grey43</div>
+<div id='d582' class='colors'>
+gray42</div>
+<div id='d583' class='colors'>
+grey42</div>
+<div id='d584' class='colors'>
+DimGray</div>
+<div id='d585' class='colors'>
+DimGrey</div>
+<div id='d586' class='colors'>
+gray41</div>
+<div id='d587' class='colors'>
+grey41</div>
+<div id='d588' class='colors'>
+gray40</div>
+<div id='d589' class='colors'>
+grey40</div>
+<div id='d590' class='colors'>
+gray39</div>
+<div id='d591' class='colors'>
+grey39</div>
+<div id='d592' class='colors'>
+gray38</div>
+<div id='d593' class='colors'>
+grey38</div>
+<div id='d594' class='colors'>
+gray37</div>
+<div id='d595' class='colors'>
+grey37</div>
+<div id='d596' class='colors'>
+gray36</div>
+<div id='d597' class='colors'>
+grey36</div>
+<div id='d598' class='colors'>
+gray35</div>
+<div id='d599' class='colors'>
+grey35</div>
+<div id='d600' class='colors'>
+gray34</div>
+<div id='d601' class='colors'>
+grey34</div>
+<div id='d602' class='colors'>
+gray33</div>
+<div id='d603' class='colors'>
+grey33</div>
+<div id='d604' class='colors'>
+gray32</div>
+<div id='d605' class='colors'>
+grey32</div>
+<div id='d606' class='colors'>
+gray31</div>
+<div id='d607' class='colors'>
+grey31</div>
+<div id='d608' class='colors'>
+gray30</div>
+<div id='d609' class='colors'>
+grey30</div>
+<div id='d610' class='colors'>
+gray29</div>
+<div id='d611' class='colors'>
+grey29</div>
+<div id='d612' class='colors'>
+gray28</div>
+<div id='d613' class='colors'>
+grey28</div>
+<div id='d614' class='colors'>
+gray27</div>
+<div id='d615' class='colors'>
+grey27</div>
+<div id='d616' class='colors'>
+gray26</div>
+<div id='d617' class='colors'>
+grey26</div>
+<div id='d618' class='colors'>
+gray25</div>
+<div id='d619' class='colors'>
+grey25</div>
+<div id='d620' class='colors'>
+gray24</div>
+<div id='d621' class='colors'>
+grey24</div>
+<div id='d622' class='colors'>
+gray23</div>
+<div id='d623' class='colors'>
+grey23</div>
+<div id='d624' class='colors'>
+gray22</div>
+<div id='d625' class='colors'>
+grey22</div>
+<div id='d626' class='colors'>
+gray21</div>
+<div id='d627' class='colors'>
+grey21</div>
+<div id='d628' class='colors'>
+gray20</div>
+<div id='d629' class='colors'>
+grey20</div>
+<div id='d630' class='colors'>
+gray19</div>
+<div id='d631' class='colors'>
+grey19</div>
+<div id='d632' class='colors'>
+gray18</div>
+<div id='d633' class='colors'>
+grey18</div>
+<div id='d634' class='colors'>
+gray17</div>
+<div id='d635' class='colors'>
+grey17</div>
+<div id='d636' class='colors'>
+gray16</div>
+<div id='d637' class='colors'>
+grey16</div>
+<div id='d638' class='colors'>
+gray15</div>
+<div id='d639' class='colors'>
+grey15</div>
+<div id='d640' class='colors'>
+gray14</div>
+<div id='d641' class='colors'>
+grey14</div>
+<div id='d642' class='colors'>
+gray13</div>
+<div id='d643' class='colors'>
+grey13</div>
+<div id='d644' class='colors'>
+gray12</div>
+<div id='d645' class='colors'>
+grey12</div>
+<div id='d646' class='colors'>
+gray11</div>
+<div id='d647' class='colors'>
+grey11</div>
+<div id='d648' class='colors'>
+gray10</div>
+<div id='d649' class='colors'>
+grey10</div>
+<div id='d650' class='colors'>
+gray9</div>
+<div id='d651' class='colors'>
+grey9</div>
+<div id='d652' class='colors'>
+gray8</div>
+<div id='d653' class='colors'>
+grey8</div>
+<div id='d654' class='colors'>
+gray7</div>
+<div id='d655' class='colors'>
+grey7</div>
+<div id='d656' class='colors'>
+gray6</div>
+<div id='d657' class='colors'>
+grey6</div>
+<div id='d658' class='colors'>
+gray5</div>
+<div id='d659' class='colors'>
+grey5</div>
+<div id='d660' class='colors'>
+gray4</div>
+<div id='d661' class='colors'>
+grey4</div>
+<div id='d662' class='colors'>
+gray3</div>
+<div id='d663' class='colors'>
+grey3</div>
+<div id='d664' class='colors'>
+gray2</div>
+<div id='d665' class='colors'>
+grey2</div>
+<div id='d666' class='colors'>
+gray1</div>
+<div id='d667' class='colors'>
+grey1</div>
+<div id='d668' class='colors'>
+black</div>
+<div id='d669' class='colors'>
+gray0</div>
+<div id='d670' class='colors'>
+grey0</div>
+<div id='d671' class='colors'>
+opaque</div>
+<div id='d672' class='colors'>
+none</div>
+<div id='d673' class='colors'>
+transparent</div>
+</div>
+
+<div id='colornames'>
+CLICK TO CHOOSE THE COLOR
+</div>
+
+<div id='switches'>
+
+<span id='title'>OPTIONS</span>
+<div id='hexswitch' class='theswitches'>CLICK TO USE HEX KEYS</div>
+<br>
+<div id='infoswitch' class='theswitches'>CLICK TO TOGGLE PALATE INFO<span id='infospace'></span></div>
+<br>
+<div id='backgroundswitch' class='theswitches'>CLICK TO TOGGLE BACKGROUNDS</div>
+<br>
+<div id='preview'></div>
+<div id='nameholder'>YOU WILL CHOOSE:<br><input id='namespace' style='width:inherit' type='text'></input></div>
+<br>
+<span id='transparent'>to choose transparent as a color, click <span id='transbutton'>HERE</span></span>
+</div>
+</div>
+<script type='text/javascript' src='js/jquery-1.6.4.min.js'></script>
+<script type='text/javascript' src='js/colordict.js'></script>
+
+<script type='text/javascript'>
+
+
+//setup dimensions
+//////////////////
+
+
+function regolden(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num/ratio)
+	return newnum
+	}
+function goldenize(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num*ratio)
+	return newnum
+	}
+//turns css property width or height into an integer value
+function getproperty(idandselectr, propertystr)
+	{
+	grab = $(idandselectr).css(propertystr)
+	grab = grab.slice(0,-2)
+	numval = parseInt(grab)
+	return numval
+	}
+function makegolden(idandselectr, propertystr)
+	{
+	result = getproperty(idandselectr, propertystr)
+	newval = goldenize(result)
+	propval = newval.toString()+'px'
+	if(propertystr == 'height'){
+			$(idandselectr).css('width', propval)
+			}
+	else if(propertystr == 'width'){
+			$(idandselectr).css('height', propval)
+			}
+	}
+function shrinkwidth(arg){
+	for(var i=0; i < 5; i++){
+	arg = regolden(arg)
+	}
+	division = Math.round(arg)
+	return division
+}
+
+function makecolorswidth(){
+	colorswidth = shrinkwidth(window.innerWidth)
+	$('.colors').css('width', colorswidth.toString()+'px')
+}
+function makecolorsheight(){
+	result = getproperty('.colors', 'width')
+	newval = regolden(result)
+	propval = newval.toString()+'px'
+	$('.colors').css('height', propval)
+}
+//the following function sets up the font sizes 
+//inrelation to the size of the hexswitch font
+function setupfonts(){
+	var firstfont = getproperty('#hexswitch', 'font-size')
+	var finalfont = goldenize(firstfont)
+	$('#namespace').css('font-size', finalfont+'px')
+	$('#namespace').css('width', $('#switches').css('width'))
+	var secondfont = getproperty('#namespace', 'font-size')
+	var finalfont = goldenize(secondfont)
+	$('#colornames').css('font-size', finalfont+'px')
+	$('#colornames').css('text-shadow', 'black 1px 2px')
+	var transfont = regolden(firstfont)
+	$('#transparent').css('font-size', transfont+'px')
+}
+function getcontainerwidth(){
+	basis = $('.colors').css('width')
+	basis = parseInt(basis.slice(0,-2))
+	secondbasis = '2px'
+	secondbasis = parseInt(secondbasis.slice(0,-2))
+	widthval = (secondbasis*8)+(basis*4)+(goldenize(basis)-basis)
+	widthval = widthval.toString()+'px'
+	return widthval
+}
+
+function makecontainerwidth(){
+	var containerwidth = getcontainerwidth()
+	$('#container').css('width',containerwidth)
+}
+
+
+function setupsides()
+	{
+	var	basis = $('#container').css('width')
+	basis = parseInt(basis.slice(0,-2))
+	remainder = (100-basis)/2
+	widths = regolden(basis)
+	widths = widths.toString()+'px'
+	lateralbasis = regolden(remainder)
+	leftside = toString(lateralbasis)+'%'
+	rightside = toString(100-lateralbasis)+'%'
+	$('#colornames').css('left', leftside)
+	$('#switches').css({'width': widths, 'left': rightside, 'overflow':'auto'})
+	}
+function previewdimensions(){
+	first = $('#switches').css('width')
+	first = parseInt(first.slice(0,-2))
+	width = regolden(first)
+	height = regolden(width)
+	width = width.toString()+'px'
+	height = height.toString()+'px'
+	$('#preview').css({'width':width, 'height':height})
+}
+function setupdimensions(){
+makecolorswidth()
+setupfonts()
+makecolorsheight()
+makecontainerwidth()
+setupsides()
+makegolden('#switches','width')
+previewdimensions()
+$('#namespace').css('width', 'inherit')
+$('#nameholder').css('width', 'inherit')
+$('#transparent').css({'float':'bottom','width':'inherit'})
+}
+setupdimensions()
+$(window).resize(function(){setupdimensions()})
+
+//BEGIN STYLINGS//
+//////////////////
+
+
+var old = {};
+function hovercss(sel, uno){
+	
+	var chng = {};
+	chng['color'] = 'white';
+	chng['text-shadow'] = 'black 1px 2px';
+	chng['background-image'] = 'url(http://asdf.us/im/19/gradient_whitegray80_1321305183_1321305241_pepper_1321333403_pepper.jpg)';
+	if(uno == 'over'){
+		for(var key in chng){
+				old[key] = $('#'+sel).css(key)
+					}
+		for(var key in chng){
+				$('#'+sel).css(key, chng[key])
+					}
+			}
+	if(uno == 'out'){
+		for(var key in old){
+				$('#'+sel).css(key, old[key])
+					}
+			}
+}
+$('.theswitches').hover(function(){hovercss(this.id, 'over')}, function(){hovercss(this.id, 'out')})
+
+var transcss = {
+	'color':'#141414','box-shadow':'10px 10px 5px #141414',
+	'background-color':'#D1D1D1','color':'#141414',
+	'border-width':'2px','border-style':'outset','cursor':'pointer'}
+$('#transbutton').css(transcss)
+var hovertrans = {
+	'background-color':'DarkGrey','color':'#383838','box-shadow':'5px 5px 2px #141414'
+}
+$('#transbutton').hover(function(){$('#transbutton').css(hovertrans)},function(){$('#transbutton').css(transcss)})
+//threewayselector for what goes in the divs
+var infostate = 1
+function switchinfo()
+	{
+	if(infostate == 0)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html(divtoname[divlist[i]])
+				};
+		infostate = 1
+		$('#infospace').html('(NAMES)');
+		}
+	else if(infostate == 1)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html("")
+				};
+		infostate = 2
+		$('#infospace').html('(NONE)');
+		}
+	else if(infostate == 2)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html(nametohex[divtoname[divlist[i]]])
+				};
+		infostate = 0
+		$('#infospace').html('(HEXES)');
+		}
+	}
+$('#infoswitch').hover(function(){$('#infospace').show()}, function(){$('#infospace').hide('slow')} )
+$('#infoswitch').click(function(){switchinfo()})
+
+
+backgroundstate = 2;
+function switchbackground()
+	{
+	if(backgroundstate == 1)
+		{
+		$('#colorpicker').css('background-color','black')
+		$('#colorpicker').css('background-image','url(http://dump.fm/static/img/bg.dither.gif)')
+		backgroundstate = 2;
+		$('#colornames').css('color', 'white')
+		$('#colornames').css('text-shadow', 'black 1px 2px')
+		}
+	else if(backgroundstate == 2)
+		{
+		$('#colorpicker').css('background-color','black')
+		$('#colorpicker').css('background-image', 'none')
+		backgroundstate = 0	
+		}
+	else if(backgroundstate == 0)
+		{
+		$('#colorpicker').css('background-color', 'white')
+		$('#colorpicker').css('background-image', 'none')
+		$('#colornames').css('color', 'grey')
+		backgroundstate = 1
+		}
+	}
+
+$('#backgroundswitch').click(function(){switchbackground()})
+
+//takes a div name and returns a colorname
+
+function showcolorname(divstr)
+
+		{
+		colorname = divtoname['#'+divstr]
+		hex = nametohex[colorname]
+			imname = hextoname[hex]
+		if (hexes == true)
+			{
+			imname = hex
+			}
+		
+		return imname
+		}
+function bigname(divstr)
+		{
+		colorname = showcolorname(divstr)
+		$('#colornames').html(colorname)
+		
+		}
+function writeit(text)
+		{
+		$('#colornames').append(text)
+		}
+function makebig(divstr)
+		{
+		firstheight = $('#'+divstr).height()
+		newheight = goldenize(firstheight)
+		$('#'+divstr).height(newheight)
+		}
+function makesmall(divstr)
+		{
+		oldheight = $('.colors').height()
+		$('#'+divstr).height(oldheight)
+		}
+var choice;
+$('.colors').hover(function() {
+   bigname(this.id);
+//	 makebig(this.id);
+//	 makegolden('#'+this.id, 'height')},
+//function(){
+//	 makesmall(this.id);
+//	 makegolden('#'+this.id, 'height')
+});
+$('.colors').mouseover(function(){
+							if(this.id != 'd0'){
+							makebig(this.id);
+							makegolden('#'+this.id, 'height')
+													}})
+$('.colors').mouseout(function(){
+							makesmall(this.id);
+							makegolden('#'+this.id,'height');
+													})
+$(".colors").hover(function(){
+$('#colornames').fadeOut(100);$('#colornames').fadeIn(500);
+	});
+$('.colors').css('margin-top', '2px')
+var hexes = false
+function hexswitch()
+		{
+		if(hexes == false)
+			{
+			$('#hexswitch').html('CLICK TO USE COLOR NAMES')
+			hexes = true;
+			var nameval = $('#namespace').val()
+			$('#namespace').val(nametohex[nameval])
+			}
+			
+		else
+			{
+			$('#hexswitch').html('CLICK TO USE HEX KEYS')
+			hexes = false;
+			var nameval = $('#namespace').val()
+			$('#namespace').val(hextoname[nameval])
+			}
+		}
+$('#hexswitch').click(function(){hexswitch()})
+
+$('.colors').click(function(){
+			putitin()	
+			})
+
+function putitin()
+		{
+		thecolor = $('#colornames').html()
+		$('#namespace').val(thecolor)
+		if(hexes == false){
+			$('#preview').css({'background-color': nametohex[thecolor], 'border-style':'none'})
+			}
+		else{
+			$('#preview').css('background-color', thecolor)
+			}
+				
+		}
+function transparent()
+	{
+	$('#namespace').val('transparent');
+	$('#preview').css({'background-color':'transparent','border-style':'dashed','border-width':'2px'})
+	}
+$('#transbutton').click(function(){transparent()})
+
+
+function bakecookie()
+	{
+	var colormemory = $('#preview').css('background-color')
+	var preferences	= {}
+	preferences['infostate'] = infostate;
+	preferences['hexes'] = hexes;
+	preferences['backgroundstate'] = backgroundstate;
+	preferences['colormemory'] = colormemory;
+	document.cookie = "preferences=infostate_"+infostate+"_hexes_"+hexes+"_backgroundstate_"+backgroundstate+";path=/;domain=.asdf.us;max-age=1086400";
+	}
+
+bakecookie()
+function eatcookie()
+    {
+    if (document.cookie)
+      {
+      var cookies = document.cookie.split(";")
+			for(i in cookies){
+			$('#preview').append(cookies[i])
+			}
+     /* for (i in cookies)
+        {
+        var cookie = cookies[i].split("=")
+					$('#preview').append(cookie)
+					}
+				
+				//infostate = parseInt(preferences['infostate'])
+				//hexes = preferences['hexes']
+				//backgroundstate = preferences['backgroundstate']}
+				if (cookie[0].indexOf("imname") !== -1|cookie[0].indexOf("imname") !== -2)
+          {
+					$('#preview').append(cookie[0].indexOf('imname'))
+          if (cookie[1] !== 'false' && cookie[1] !== 'undefined' && cookie[1].length)
+            {
+            return cookie[1]
+            $('#preview').append('what the hell????')
+						}
+          }
+				else if(cookie[0].indexOf('username') !== -1)
+					{
+				$('#preview').append('what the fuck')
+        }
+				else{$('#preview').append('this was the index'+cookie[0].indexOf('imname').toString())}
+      }
+    //return ""
+    	}
+		}*/
+
+			}	
+		}
+$(document).ready(function(){eatcookie();switchinfo()})
+
+
+
+
+
+
+
+
+
+
+
+
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/colors/minoan.gif b/frontend/imgrid/colors/colors/minoan.gif
new file mode 100755
index 0000000..4ceb804
Binary files /dev/null and b/frontend/imgrid/colors/colors/minoan.gif differ
diff --git a/frontend/imgrid/colors/colors/savior.html b/frontend/imgrid/colors/colors/savior.html
new file mode 100755
index 0000000..72395fd
--- /dev/null
+++ b/frontend/imgrid/colors/colors/savior.html
@@ -0,0 +1,3582 @@
+<html>
+<head>
+
+<style type='text/css'>
+
+body
+{
+max-width:100%;
+max-height:100%; 
+font-family:helvetica; 
+font-size:2px; 
+}
+
+
+#container div
+{
+display: -moz-inline-stack;
+display:inline-block;
+vertical-align:bottom;
+height: 15px;
+zoom: 1;
+*display: inline;
+}
+
+#container
+{
+margin:0 auto;
+width:500px;
+padding-top:100px;
+text-align:center;
+}
+
+#colornames
+{
+color:white;
+position:fixed;
+font-size:50px;
+top:50px;
+right:60%;
+width:400px;
+}
+
+#hexswitch
+		{
+		position:fixed;
+		top:20px;
+		right:10%;
+		height:100px;
+		width:300px;
+		font-size:20px
+		border-style: groove;
+		border-width: 4px;
+		background-color:goldenrod;
+		text-align:center;
+		}
+#infoswitch
+		{
+		position:fixed;
+		top: 60px;
+		right:5%;
+		font-size:20px
+		background-color:gray;
+		text-align:center;
+		}
+#d0
+{background-color:#FFFAFA}
+
+#d1
+{background-color:#FFFAFA}
+
+#d2
+{background-color:#EEE9E9}
+
+#d3
+{background-color:#FFC1C1}
+
+#d4
+{background-color:#EEB4B4}
+
+#d5
+{background-color:#CDC9C9}
+
+#d6
+{background-color:#F08080}
+
+#d7
+{background-color:#FF6A6A}
+
+#d8
+{background-color:#CD9B9B}
+
+#d9
+{background-color:#EE6363}
+
+#d10
+{background-color:#BC8F8F}
+
+#d11
+{background-color:#FF4040}
+
+#d12
+{background-color:#FF3030}
+
+#d13
+{background-color:#EE3B3B}
+
+#d14
+{background-color:#CD5C5C}
+
+#d15
+{background-color:#CD5555}
+
+#d16
+{background-color:#EE2C2C}
+
+#d17
+{background-color:#8B8989}
+
+#d18
+{background-color:#CD3333}
+
+#d19
+{background-color:#FF0000}
+
+#d20
+{background-color:#FF0000}
+
+#d21
+{background-color:#8B6969}
+
+#d22
+{background-color:#CD2626}
+
+#d23
+{background-color:#EE0000}
+
+#d24
+{background-color:#B22222}
+
+#d25
+{background-color:#A52A2A}
+
+#d26
+{background-color:#CD0000}
+
+#d27
+{background-color:#8B3A3A}
+
+#d28
+{background-color:#8B2323}
+
+#d29
+{background-color:#8B1A1A}
+
+#d30
+{background-color:#8B0000}
+
+#d31
+{background-color:#8B0000}
+
+#d32
+{background-color:#800000}
+
+#d33
+{background-color:#FFAEB9}
+
+#d34
+{background-color:#CD8C95}
+
+#d35
+{background-color:#8B5F65}
+
+#d36
+{background-color:#EEA2AD}
+
+#d37
+{background-color:#FFB6C1}
+
+#d38
+{background-color:#FFC0CB}
+
+#d39
+{background-color:#DC143C}
+
+#d40
+{background-color:#FFB5C5}
+
+#d41
+{background-color:#EEA9B8}
+
+#d42
+{background-color:#CD919E}
+
+#d43
+{background-color:#8B636C}
+
+#d44
+{background-color:#8B475D}
+
+#d45
+{background-color:#DB7093}
+
+#d46
+{background-color:#EE799F}
+
+#d47
+{background-color:#FF82AB}
+
+#d48
+{background-color:#CD6889}
+
+#d49
+{background-color:#FFF0F5}
+
+#d50
+{background-color:#FFF0F5}
+
+#d51
+{background-color:#CDC1C5}
+
+#d52
+{background-color:#EEE0E5}
+
+#d53
+{background-color:#8B8386}
+
+#d54
+{background-color:#B03060}
+
+#d55
+{background-color:#CD6090}
+
+#d56
+{background-color:#CD3278}
+
+#d57
+{background-color:#FF3E96}
+
+#d58
+{background-color:#EE3A8C}
+
+#d59
+{background-color:#8B2252}
+
+#d60
+{background-color:#EE6AA7}
+
+#d61
+{background-color:#FF6EB4}
+
+#d62
+{background-color:#8B3A62}
+
+#d63
+{background-color:#FF69B4}
+
+#d64
+{background-color:#FF1493}
+
+#d65
+{background-color:#FF1493}
+
+#d66
+{background-color:#EE1289}
+
+#d67
+{background-color:#CD1076}
+
+#d68
+{background-color:#8B0A50}
+
+#d69
+{background-color:#FF34B3}
+
+#d70
+{background-color:#EE30A7}
+
+#d71
+{background-color:#CD2990}
+
+#d72
+{background-color:#8B1C62}
+
+#d73
+{background-color:#C71585}
+
+#d74
+{background-color:#D02090}
+
+#d75
+{background-color:#EE7AE9}
+
+#d76
+{background-color:#DA70D6}
+
+#d77
+{background-color:#FF83FA}
+
+#d78
+{background-color:#CD69C9}
+
+#d79
+{background-color:#8B4789}
+
+#d80
+{background-color:#FFE1FF}
+
+#d81
+{background-color:#EED2EE}
+
+#d82
+{background-color:#FFBBFF}
+
+#d83
+{background-color:#EEAEEE}
+
+#d84
+{background-color:#D8BFD8}
+
+#d85
+{background-color:#CDB5CD}
+
+#d86
+{background-color:#DDA0DD}
+
+#d87
+{background-color:#EE82EE}
+
+#d88
+{background-color:#CD96CD}
+
+#d89
+{background-color:#8B7B8B}
+
+#d90
+{background-color:#FF00FF}
+
+#d91
+{background-color:#FF00FF}
+
+#d92
+{background-color:#FF00FF}
+
+#d93
+{background-color:#8B668B}
+
+#d94
+{background-color:#EE00EE}
+
+#d95
+{background-color:#CD00CD}
+
+#d96
+{background-color:#8B008B}
+
+#d97
+{background-color:#8B008B}
+
+#d98
+{background-color:#800080}
+
+#d99
+{background-color:#BA55D3}
+
+#d100
+{background-color:#E066FF}
+
+#d101
+{background-color:#D15FEE}
+
+#d102
+{background-color:#B452CD}
+
+#d103
+{background-color:#7A378B}
+
+#d104
+{background-color:#9400D3}
+
+#d105
+{background-color:#9932CC}
+
+#d106
+{background-color:#BF3EFF}
+
+#d107
+{background-color:#9A32CD}
+
+#d108
+{background-color:#B23AEE}
+
+#d109
+{background-color:#68228B}
+
+#d110
+{background-color:#A020F0}
+
+#d111
+{background-color:#4B0082}
+
+#d112
+{background-color:#8A2BE2}
+
+#d113
+{background-color:#912CEE}
+
+#d114
+{background-color:#7D26CD}
+
+#d115
+{background-color:#551A8B}
+
+#d116
+{background-color:#9B30FF}
+
+#d117
+{background-color:#9370DB}
+
+#d118
+{background-color:#AB82FF}
+
+#d119
+{background-color:#9F79EE}
+
+#d120
+{background-color:#8968CD}
+
+#d121
+{background-color:#5D478B}
+
+#d122
+{background-color:#483D8B}
+
+#d123
+{background-color:#8470FF}
+
+#d124
+{background-color:#7B68EE}
+
+#d125
+{background-color:#6A5ACD}
+
+#d126
+{background-color:#836FFF}
+
+#d127
+{background-color:#7A67EE}
+
+#d128
+{background-color:#6959CD}
+
+#d129
+{background-color:#473C8B}
+
+#d130
+{background-color:#F8F8FF}
+
+#d131
+{background-color:#E6E6FA}
+
+#d132
+{background-color:#0000FF}
+
+#d133
+{background-color:#0000FF}
+
+#d134
+{background-color:#0000EE}
+
+#d135
+{background-color:#0000CD}
+
+#d136
+{background-color:#0000CD}
+
+#d137
+{background-color:#00008B}
+
+#d138
+{background-color:#00008B}
+
+#d139
+{background-color:#191970}
+
+#d140
+{background-color:#000080}
+
+#d141
+{background-color:#000080}
+
+#d142
+{background-color:#4169E1}
+
+#d143
+{background-color:#4876FF}
+
+#d144
+{background-color:#436EEE}
+
+#d145
+{background-color:#3A5FCD}
+
+#d146
+{background-color:#27408B}
+
+#d147
+{background-color:#6495ED}
+
+#d148
+{background-color:#B0C4DE}
+
+#d149
+{background-color:#CAE1FF}
+
+#d150
+{background-color:#BCD2EE}
+
+#d151
+{background-color:#A2B5CD}
+
+#d152
+{background-color:#6E7B8B}
+
+#d153
+{background-color:#6C7B8B}
+
+#d154
+{background-color:#C6E2FF}
+
+#d155
+{background-color:#B9D3EE}
+
+#d156
+{background-color:#9FB6CD}
+
+#d157
+{background-color:#778899}
+
+#d158
+{background-color:#778899}
+
+#d159
+{background-color:#708090}
+
+#d160
+{background-color:#708090}
+
+#d161
+{background-color:#1E90FF}
+
+#d162
+{background-color:#1E90FF}
+
+#d163
+{background-color:#1C86EE}
+
+#d164
+{background-color:#104E8B}
+
+#d165
+{background-color:#1874CD}
+
+#d166
+{background-color:#F0F8FF}
+
+#d167
+{background-color:#36648B}
+
+#d168
+{background-color:#4682B4}
+
+#d169
+{background-color:#63B8FF}
+
+#d170
+{background-color:#5CACEE}
+
+#d171
+{background-color:#4F94CD}
+
+#d172
+{background-color:#4A708B}
+
+#d173
+{background-color:#87CEFF}
+
+#d174
+{background-color:#7EC0EE}
+
+#d175
+{background-color:#6CA6CD}
+
+#d176
+{background-color:#87CEFA}
+
+#d177
+{background-color:#607B8B}
+
+#d178
+{background-color:#B0E2FF}
+
+#d179
+{background-color:#A4D3EE}
+
+#d180
+{background-color:#8DB6CD}
+
+#d181
+{background-color:#87CEEB}
+
+#d182
+{background-color:#9AC0CD}
+
+#d183
+{background-color:#00BFFF}
+
+#d184
+{background-color:#00BFFF}
+
+#d185
+{background-color:#00B2EE}
+
+#d186
+{background-color:#00688B}
+
+#d187
+{background-color:#009ACD}
+
+#d188
+{background-color:#BFEFFF}
+
+#d189
+{background-color:#B2DFEE}
+
+#d190
+{background-color:#ADD8E6}
+
+#d191
+{background-color:#68838B}
+
+#d192
+{background-color:#B0E0E6}
+
+#d193
+{background-color:#98F5FF}
+
+#d194
+{background-color:#8EE5EE}
+
+#d195
+{background-color:#7AC5CD}
+
+#d196
+{background-color:#53868B}
+
+#d197
+{background-color:#00F5FF}
+
+#d198
+{background-color:#00E5EE}
+
+#d199
+{background-color:#00C5CD}
+
+#d200
+{background-color:#00868B}
+
+#d201
+{background-color:#5F9EA0}
+
+#d202
+{background-color:#5F9EA0}
+
+#d203
+{background-color:#00CED1}
+
+#d204
+{background-color:#F0FFFF}
+
+#d205
+{background-color:#F0FFFF}
+
+#d206
+{background-color:#E0FFFF}
+
+#d207
+{background-color:#E0FFFF}
+
+#d208
+{background-color:#E0EEEE}
+
+#d209
+{background-color:#D1EEEE}
+
+#d210
+{background-color:#BBFFFF}
+
+#d211
+{background-color:#AFEEEE}
+
+#d212
+{background-color:#AEEEEE}
+
+#d213
+{background-color:#97FFFF}
+
+#d214
+{background-color:#C1CDCD}
+
+#d215
+{background-color:#B4CDCD}
+
+#d216
+{background-color:#8DEEEE}
+
+#d217
+{background-color:#96CDCD}
+
+#d218
+{background-color:#79CDCD}
+
+#d219
+{background-color:#838B8B}
+
+#d220
+{background-color:#7A8B8B}
+
+#d221
+{background-color:#00FFFF}
+
+#d222
+{background-color:#00FFFF}
+
+#d223
+{background-color:#00FFFF}
+
+#d224
+{background-color:#668B8B}
+
+#d225
+{background-color:#00EEEE}
+
+#d226
+{background-color:#528B8B}
+
+#d227
+{background-color:#00CDCD}
+
+#d228
+{background-color:#008B8B}
+
+#d229
+{background-color:#008B8B}
+
+#d230
+{background-color:#008080}
+
+#d231
+{background-color:#2F4F4F}
+
+#d232
+{background-color:#2F4F4F}
+
+#d233
+{background-color:#48D1CC}
+
+#d234
+{background-color:#20B2AA}
+
+#d235
+{background-color:#40E0D0}
+
+#d236
+{background-color:#458B74}
+
+#d237
+{background-color:#7FFFD4}
+
+#d238
+{background-color:#7FFFD4}
+
+#d239
+{background-color:#76EEC6}
+
+#d240
+{background-color:#66CDAA}
+
+#d241
+{background-color:#66CDAA}
+
+#d242
+{background-color:#00FA9A}
+
+#d243
+{background-color:#F5FFFA}
+
+#d244
+{background-color:#00FF7F}
+
+#d245
+{background-color:#00FF7F}
+
+#d246
+{background-color:#00EE76}
+
+#d247
+{background-color:#00CD66}
+
+#d248
+{background-color:#008B45}
+
+#d249
+{background-color:#3CB371}
+
+#d250
+{background-color:#2E8B57}
+
+#d251
+{background-color:#43CD80}
+
+#d252
+{background-color:#54FF9F}
+
+#d253
+{background-color:#2E8B57}
+
+#d254
+{background-color:#4EEE94}
+
+#d255
+{background-color:#32814B}
+
+#d256
+{background-color:#F0FFF0}
+
+#d257
+{background-color:#F0FFF0}
+
+#d258
+{background-color:#E0EEE0}
+
+#d259
+{background-color:#C1FFC1}
+
+#d260
+{background-color:#B4EEB4}
+
+#d261
+{background-color:#9AFF9A}
+
+#d262
+{background-color:#98FB98}
+
+#d263
+{background-color:#C1CDC1}
+
+#d264
+{background-color:#90EE90}
+
+#d265
+{background-color:#90EE90}
+
+#d266
+{background-color:#9BCD9B}
+
+#d267
+{background-color:#8FBC8F}
+
+#d268
+{background-color:#7CCD7C}
+
+#d269
+{background-color:#838B83}
+
+#d270
+{background-color:#00FF00}
+
+#d271
+{background-color:#00FF00}
+
+#d272
+{background-color:#32CD32}
+
+#d273
+{background-color:#698B69}
+
+#d274
+{background-color:#00EE00}
+
+#d275
+{background-color:#548B54}
+
+#d276
+{background-color:#00CD00}
+
+#d277
+{background-color:#228B22}
+
+#d278
+{background-color:#008B00}
+
+#d279
+{background-color:#008000}
+
+#d280
+{background-color:#006400}
+
+#d281
+{background-color:#7CFC00}
+
+#d282
+{background-color:#7FFF00}
+
+#d283
+{background-color:#7FFF00}
+
+#d284
+{background-color:#76EE00}
+
+#d285
+{background-color:#66CD00}
+
+#d286
+{background-color:#458B00}
+
+#d287
+{background-color:#ADFF2F}
+
+#d288
+{background-color:#A2CD5A}
+
+#d289
+{background-color:#CAFF70}
+
+#d290
+{background-color:#BCEE68}
+
+#d291
+{background-color:#6E8B3D}
+
+#d292
+{background-color:#556B2F}
+
+#d293
+{background-color:#6B8E23}
+
+#d294
+{background-color:#C0FF3E}
+
+#d295
+{background-color:#B3EE3A}
+
+#d296
+{background-color:#9ACD32}
+
+#d297
+{background-color:#9ACD32}
+
+#d298
+{background-color:#698B22}
+
+#d299
+{background-color:#FFFFF0}
+
+#d300
+{background-color:#FFFFF0}
+
+#d301
+{background-color:#FFFFE0}
+
+#d302
+{background-color:#FFFFE0}
+
+#d303
+{background-color:#F5F5DC}
+
+#d304
+{background-color:#EEEEE0}
+
+#d305
+{background-color:#FAFAD2}
+
+#d306
+{background-color:#EEEED1}
+
+#d307
+{background-color:#CDCDC1}
+
+#d308
+{background-color:#CDCDB4}
+
+#d309
+{background-color:#8B8B83}
+
+#d310
+{background-color:#8B8B7A}
+
+#d311
+{background-color:#FFFF00}
+
+#d312
+{background-color:#FFFF00}
+
+#d313
+{background-color:#EEEE00}
+
+#d314
+{background-color:#CDCD00}
+
+#d315
+{background-color:#8B8B00}
+
+#d316
+{background-color:#808000}
+
+#d317
+{background-color:#BDB76B}
+
+#d318
+{background-color:#EEE685}
+
+#d319
+{background-color:#8B8970}
+
+#d320
+{background-color:#FFF68F}
+
+#d321
+{background-color:#CDC673}
+
+#d322
+{background-color:#8B864E}
+
+#d323
+{background-color:#EEE8AA}
+
+#d324
+{background-color:#FFFACD}
+
+#d325
+{background-color:#FFFACD}
+
+#d326
+{background-color:#F0E68C}
+
+#d327
+{background-color:#CDC9A5}
+
+#d328
+{background-color:#EEE9BF}
+
+#d329
+{background-color:#D1C166}
+
+#d330
+{background-color:#8B8878}
+
+#d331
+{background-color:#FFD700}
+
+#d332
+{background-color:#FFD700}
+
+#d333
+{background-color:#EEC900}
+
+#d334
+{background-color:#CDAD00}
+
+#d335
+{background-color:#8B7500}
+
+#d336
+{background-color:#EEDD82}
+
+#d337
+{background-color:#8B814C}
+
+#d338
+{background-color:#FFEC8B}
+
+#d339
+{background-color:#CDBE70}
+
+#d340
+{background-color:#EEDC82}
+
+#d341
+{background-color:#CDC8B1}
+
+#d342
+{background-color:#EEE8CD}
+
+#d343
+{background-color:#FFF8DC}
+
+#d344
+{background-color:#FFF8DC}
+
+#d345
+{background-color:#DAA520}
+
+#d346
+{background-color:#FFC125}
+
+#d347
+{background-color:#EEB422}
+
+#d348
+{background-color:#CD9B1D}
+
+#d349
+{background-color:#8B6914}
+
+#d350
+{background-color:#B8860B}
+
+#d351
+{background-color:#FFB90F}
+
+#d352
+{background-color:#EEAD0E}
+
+#d353
+{background-color:#CD950C}
+
+#d354
+{background-color:#8B6508}
+
+#d355
+{background-color:#FFFAF0}
+
+#d356
+{background-color:#EED8AE}
+
+#d357
+{background-color:#FDF5E6}
+
+#d358
+{background-color:#F5DEB3}
+
+#d359
+{background-color:#FFE7BA}
+
+#d360
+{background-color:#CDBA96}
+
+#d361
+{background-color:#FFA500}
+
+#d362
+{background-color:#FFA500}
+
+#d363
+{background-color:#EE9A00}
+
+#d364
+{background-color:#CD8500}
+
+#d365
+{background-color:#8B5A00}
+
+#d366
+{background-color:#8B7E66}
+
+#d367
+{background-color:#FFE4B5}
+
+#d368
+{background-color:#FFEFD5}
+
+#d369
+{background-color:#CDB38B}
+
+#d370
+{background-color:#FFEBCD}
+
+#d371
+{background-color:#FFDEAD}
+
+#d372
+{background-color:#FFDEAD}
+
+#d373
+{background-color:#EECFA1}
+
+#d374
+{background-color:#8B795E}
+
+#d375
+{background-color:#8B8378}
+
+#d376
+{background-color:#FAEBD7}
+
+#d377
+{background-color:#D2B48C}
+
+#d378
+{background-color:#8B7D6B}
+
+#d379
+{background-color:#DEB887}
+
+#d380
+{background-color:#EEDFCC}
+
+#d381
+{background-color:#FFD39B}
+
+#d382
+{background-color:#CDAA7D}
+
+#d383
+{background-color:#EEC591}
+
+#d384
+{background-color:#FFEFDB}
+
+#d385
+{background-color:#8B7355}
+
+#d386
+{background-color:#CDC0B0}
+
+#d387
+{background-color:#FF8C00}
+
+#d388
+{background-color:#EED5B7}
+
+#d389
+{background-color:#FFE4C4}
+
+#d390
+{background-color:#FFE4C4}
+
+#d391
+{background-color:#CDB79E}
+
+#d392
+{background-color:#FF7F00}
+
+#d393
+{background-color:#FAF0E6}
+
+#d394
+{background-color:#EE7600}
+
+#d395
+{background-color:#CD6600}
+
+#d396
+{background-color:#8B4500}
+
+#d397
+{background-color:#CD853F}
+
+#d398
+{background-color:#FFA54F}
+
+#d399
+{background-color:#EE9A49}
+
+#d400
+{background-color:#CD853F}
+
+#d401
+{background-color:#8B5A2B}
+
+#d402
+{background-color:#FFDAB9}
+
+#d403
+{background-color:#FFDAB9}
+
+#d404
+{background-color:#8B7765}
+
+#d405
+{background-color:#EECBAD}
+
+#d406
+{background-color:#CDAF95}
+
+#d407
+{background-color:#F4A460}
+
+#d408
+{background-color:#8B8682}
+
+#d409
+{background-color:#EEE5DE}
+
+#d410
+{background-color:#CDC5BF}
+
+#d411
+{background-color:#D2691E}
+
+#d412
+{background-color:#FF7F24}
+
+#d413
+{background-color:#EE7621}
+
+#d414
+{background-color:#CD661D}
+
+#d415
+{background-color:#8B4513}
+
+#d416
+{background-color:#8B4513}
+
+#d417
+{background-color:#FFF5EE}
+
+#d418
+{background-color:#FFF5EE}
+
+#d419
+{background-color:#8B4726}
+
+#d420
+{background-color:#A0522D}
+
+#d421
+{background-color:#FF8247}
+
+#d422
+{background-color:#EE7942}
+
+#d423
+{background-color:#CD6839}
+
+#d424
+{background-color:#CD8162}
+
+#d425
+{background-color:#FFA07A}
+
+#d426
+{background-color:#FFA07A}
+
+#d427
+{background-color:#8B5742}
+
+#d428
+{background-color:#EE9572}
+
+#d429
+{background-color:#FF7F50}
+
+#d430
+{background-color:#FF4500}
+
+#d431
+{background-color:#FF4500}
+
+#d432
+{background-color:#EE4000}
+
+#d433
+{background-color:#CD3700}
+
+#d434
+{background-color:#8B2500}
+
+#d435
+{background-color:#E9967A}
+
+#d436
+{background-color:#FF8C69}
+
+#d437
+{background-color:#EE8262}
+
+#d438
+{background-color:#CD7054}
+
+#d439
+{background-color:#8B4C39}
+
+#d440
+{background-color:#FF7256}
+
+#d441
+{background-color:#EE6A50}
+
+#d442
+{background-color:#CD5B45}
+
+#d443
+{background-color:#8B3E2F}
+
+#d444
+{background-color:#8B3626}
+
+#d445
+{background-color:#FF6347}
+
+#d446
+{background-color:#FF6347}
+
+#d447
+{background-color:#EE5C42}
+
+#d448
+{background-color:#CD4F39}
+
+#d449
+{background-color:#8B7D7B}
+
+#d450
+{background-color:#EED5D2}
+
+#d451
+{background-color:#FFE4E1}
+
+#d452
+{background-color:#FFE4E1}
+
+#d453
+{background-color:#FA8072}
+
+#d454
+{background-color:#CDB7B5}
+
+#d455
+{background-color:#FFFFFF}
+
+#d456
+{background-color:#FFFFFF}
+
+#d457
+{background-color:#FFFFFF}
+
+#d458
+{background-color:#FFFFFF}
+
+#d459
+{background-color:#FCFCFC}
+
+#d460
+{background-color:#FCFCFC}
+
+#d461
+{background-color:#FAFAFA}
+
+#d462
+{background-color:#FAFAFA}
+
+#d463
+{background-color:#F7F7F7}
+
+#d464
+{background-color:#F7F7F7}
+
+#d465
+{background-color:#F5F5F5}
+
+#d466
+{background-color:#F5F5F5}
+
+#d467
+{background-color:#F5F5F5}
+
+#d468
+{background-color:#F2F2F2}
+
+#d469
+{background-color:#F2F2F2}
+
+#d470
+{background-color:#F0F0F0}
+
+#d471
+{background-color:#F0F0F0}
+
+#d472
+{background-color:#EDEDED}
+
+#d473
+{background-color:#EDEDED}
+
+#d474
+{background-color:#EBEBEB}
+
+#d475
+{background-color:#EBEBEB}
+
+#d476
+{background-color:#E8E8E8}
+
+#d477
+{background-color:#E8E8E8}
+
+#d478
+{background-color:#E5E5E5}
+
+#d479
+{background-color:#E5E5E5}
+
+#d480
+{background-color:#E3E3E3}
+
+#d481
+{background-color:#E3E3E3}
+
+#d482
+{background-color:#E0E0E0}
+
+#d483
+{background-color:#E0E0E0}
+
+#d484
+{background-color:#DEDEDE}
+
+#d485
+{background-color:#DEDEDE}
+
+#d486
+{background-color:#DCDCDC}
+
+#d487
+{background-color:#DBDBDB}
+
+#d488
+{background-color:#DBDBDB}
+
+#d489
+{background-color:#D9D9D9}
+
+#d490
+{background-color:#D9D9D9}
+
+#d491
+{background-color:#D6D6D6}
+
+#d492
+{background-color:#D6D6D6}
+
+#d493
+{background-color:#D4D4D4}
+
+#d494
+{background-color:#D4D4D4}
+
+#d495
+{background-color:#D3D3D3}
+
+#d496
+{background-color:#D3D3D3}
+
+#d497
+{background-color:#D1D1D1}
+
+#d498
+{background-color:#D1D1D1}
+
+#d499
+{background-color:#CFCFCF}
+
+#d500
+{background-color:#CFCFCF}
+
+#d501
+{background-color:#CCCCCC}
+
+#d502
+{background-color:#CCCCCC}
+
+#d503
+{background-color:#C9C9C9}
+
+#d504
+{background-color:#C9C9C9}
+
+#d505
+{background-color:#C7C7C7}
+
+#d506
+{background-color:#C7C7C7}
+
+#d507
+{background-color:#C4C4C4}
+
+#d508
+{background-color:#C4C4C4}
+
+#d509
+{background-color:#C2C2C2}
+
+#d510
+{background-color:#C2C2C2}
+
+#d511
+{background-color:#C0C0C0}
+
+#d512
+{background-color:#BFBFBF}
+
+#d513
+{background-color:#BFBFBF}
+
+#d514
+{background-color:#BDBDBD}
+
+#d515
+{background-color:#BDBDBD}
+
+#d516
+{background-color:#BABABA}
+
+#d517
+{background-color:#BABABA}
+
+#d518
+{background-color:#B8B8B8}
+
+#d519
+{background-color:#B8B8B8}
+
+#d520
+{background-color:#B5B5B5}
+
+#d521
+{background-color:#B5B5B5}
+
+#d522
+{background-color:#B3B3B3}
+
+#d523
+{background-color:#B3B3B3}
+
+#d524
+{background-color:#B0B0B0}
+
+#d525
+{background-color:#B0B0B0}
+
+#d526
+{background-color:#ADADAD}
+
+#d527
+{background-color:#ADADAD}
+
+#d528
+{background-color:#ABABAB}
+
+#d529
+{background-color:#ABABAB}
+
+#d530
+{background-color:#A9A9A9}
+
+#d531
+{background-color:#A9A9A9}
+
+#d532
+{background-color:#A8A8A8}
+
+#d533
+{background-color:#A8A8A8}
+
+#d534
+{background-color:#A6A6A6}
+
+#d535
+{background-color:#A6A6A6}
+
+#d536
+{background-color:#A3A3A3}
+
+#d537
+{background-color:#A3A3A3}
+
+#d538
+{background-color:#A1A1A1}
+
+#d539
+{background-color:#A1A1A1}
+
+#d540
+{background-color:#9E9E9E}
+
+#d541
+{background-color:#9E9E9E}
+
+#d542
+{background-color:#9C9C9C}
+
+#d543
+{background-color:#9C9C9C}
+
+#d544
+{background-color:#999999}
+
+#d545
+{background-color:#999999}
+
+#d546
+{background-color:#969696}
+
+#d547
+{background-color:#969696}
+
+#d548
+{background-color:#949494}
+
+#d549
+{background-color:#949494}
+
+#d550
+{background-color:#919191}
+
+#d551
+{background-color:#919191}
+
+#d552
+{background-color:#8F8F8F}
+
+#d553
+{background-color:#8F8F8F}
+
+#d554
+{background-color:#8C8C8C}
+
+#d555
+{background-color:#8C8C8C}
+
+#d556
+{background-color:#8A8A8A}
+
+#d557
+{background-color:#8A8A8A}
+
+#d558
+{background-color:#878787}
+
+#d559
+{background-color:#878787}
+
+#d560
+{background-color:#858585}
+
+#d561
+{background-color:#858585}
+
+#d562
+{background-color:#828282}
+
+#d563
+{background-color:#828282}
+
+#d564
+{background-color:#808080}
+
+#d565
+{background-color:#7F7F7F}
+
+#d566
+{background-color:#7F7F7F}
+
+#d567
+{background-color:#7E7E7E}
+
+#d568
+{background-color:#7D7D7D}
+
+#d569
+{background-color:#7D7D7D}
+
+#d570
+{background-color:#7A7A7A}
+
+#d571
+{background-color:#7A7A7A}
+
+#d572
+{background-color:#787878}
+
+#d573
+{background-color:#787878}
+
+#d574
+{background-color:#757575}
+
+#d575
+{background-color:#757575}
+
+#d576
+{background-color:#737373}
+
+#d577
+{background-color:#737373}
+
+#d578
+{background-color:#707070}
+
+#d579
+{background-color:#707070}
+
+#d580
+{background-color:#6E6E6E}
+
+#d581
+{background-color:#6E6E6E}
+
+#d582
+{background-color:#6B6B6B}
+
+#d583
+{background-color:#6B6B6B}
+
+#d584
+{background-color:#696969}
+
+#d585
+{background-color:#696969}
+
+#d586
+{background-color:#696969}
+
+#d587
+{background-color:#696969}
+
+#d588
+{background-color:#666666}
+
+#d589
+{background-color:#666666}
+
+#d590
+{background-color:#636363}
+
+#d591
+{background-color:#636363}
+
+#d592
+{background-color:#616161}
+
+#d593
+{background-color:#616161}
+
+#d594
+{background-color:#5E5E5E}
+
+#d595
+{background-color:#5E5E5E}
+
+#d596
+{background-color:#5C5C5C}
+
+#d597
+{background-color:#5C5C5C}
+
+#d598
+{background-color:#595959}
+
+#d599
+{background-color:#595959}
+
+#d600
+{background-color:#575757}
+
+#d601
+{background-color:#575757}
+
+#d602
+{background-color:#545454}
+
+#d603
+{background-color:#545454}
+
+#d604
+{background-color:#525252}
+
+#d605
+{background-color:#525252}
+
+#d606
+{background-color:#4F4F4F}
+
+#d607
+{background-color:#4F4F4F}
+
+#d608
+{background-color:#4D4D4D}
+
+#d609
+{background-color:#4D4D4D}
+
+#d610
+{background-color:#4A4A4A}
+
+#d611
+{background-color:#4A4A4A}
+
+#d612
+{background-color:#474747}
+
+#d613
+{background-color:#474747}
+
+#d614
+{background-color:#454545}
+
+#d615
+{background-color:#454545}
+
+#d616
+{background-color:#424242}
+
+#d617
+{background-color:#424242}
+
+#d618
+{background-color:#404040}
+
+#d619
+{background-color:#404040}
+
+#d620
+{background-color:#3D3D3D}
+
+#d621
+{background-color:#3D3D3D}
+
+#d622
+{background-color:#3B3B3B}
+
+#d623
+{background-color:#3B3B3B}
+
+#d624
+{background-color:#383838}
+
+#d625
+{background-color:#383838}
+
+#d626
+{background-color:#363636}
+
+#d627
+{background-color:#363636}
+
+#d628
+{background-color:#333333}
+
+#d629
+{background-color:#333333}
+
+#d630
+{background-color:#303030}
+
+#d631
+{background-color:#303030}
+
+#d632
+{background-color:#2E2E2E}
+
+#d633
+{background-color:#2E2E2E}
+
+#d634
+{background-color:#2B2B2B}
+
+#d635
+{background-color:#2B2B2B}
+
+#d636
+{background-color:#292929}
+
+#d637
+{background-color:#292929}
+
+#d638
+{background-color:#262626}
+
+#d639
+{background-color:#262626}
+
+#d640
+{background-color:#242424}
+
+#d641
+{background-color:#242424}
+
+#d642
+{background-color:#212121}
+
+#d643
+{background-color:#212121}
+
+#d644
+{background-color:#1F1F1F}
+
+#d645
+{background-color:#1F1F1F}
+
+#d646
+{background-color:#1C1C1C}
+
+#d647
+{background-color:#1C1C1C}
+
+#d648
+{background-color:#1A1A1A}
+
+#d649
+{background-color:#1A1A1A}
+
+#d650
+{background-color:#171717}
+
+#d651
+{background-color:#171717}
+
+#d652
+{background-color:#141414}
+
+#d653
+{background-color:#141414}
+
+#d654
+{background-color:#121212}
+
+#d655
+{background-color:#121212}
+
+#d656
+{background-color:#0F0F0F}
+
+#d657
+{background-color:#0F0F0F}
+
+#d658
+{background-color:#0D0D0D}
+
+#d659
+{background-color:#0D0D0D}
+
+#d660
+{background-color:#0A0A0A}
+
+#d661
+{background-color:#0A0A0A}
+
+#d662
+{background-color:#080808}
+
+#d663
+{background-color:#080808}
+
+#d664
+{background-color:#050505}
+
+#d665
+{background-color:#050505}
+
+#d666
+{background-color:#030303}
+
+#d667
+{background-color:#030303}
+
+#d668
+{background-color:#000000}
+
+#d669
+{background-color:#000000}
+
+#d670
+{background-color:#000000}
+
+#d671
+{background-color:#000000}
+
+#d672
+{background-color:#000000}
+
+#d673
+{background-color:#000000}
+.colors
+{
+height:30px;
+width:10px;
+}
+</style></head><body>
+<div id='container'>
+<div id='d0' class='colors'>
+snow</div>
+<div id='d1' class='colors'>
+snow1</div>
+<div id='d2' class='colors'>
+snow2</div>
+<div id='d3' class='colors'>
+RosyBrown1</div>
+<div id='d4' class='colors'>
+RosyBrown2</div>
+<div id='d5' class='colors'>
+snow3</div>
+<div id='d6' class='colors'>
+LightCoral</div>
+<div id='d7' class='colors'>
+IndianRed1</div>
+<div id='d8' class='colors'>
+RosyBrown3</div>
+<div id='d9' class='colors'>
+IndianRed2</div>
+<div id='d10' class='colors'>
+RosyBrown</div>
+<div id='d11' class='colors'>
+brown1</div>
+<div id='d12' class='colors'>
+firebrick1</div>
+<div id='d13' class='colors'>
+brown2</div>
+<div id='d14' class='colors'>
+IndianRed</div>
+<div id='d15' class='colors'>
+IndianRed3</div>
+<div id='d16' class='colors'>
+firebrick2</div>
+<div id='d17' class='colors'>
+snow4</div>
+<div id='d18' class='colors'>
+brown3</div>
+<div id='d19' class='colors'>
+red</div>
+<div id='d20' class='colors'>
+red1</div>
+<div id='d21' class='colors'>
+RosyBrown4</div>
+<div id='d22' class='colors'>
+firebrick3</div>
+<div id='d23' class='colors'>
+red2</div>
+<div id='d24' class='colors'>
+firebrick</div>
+<div id='d25' class='colors'>
+brown</div>
+<div id='d26' class='colors'>
+red3</div>
+<div id='d27' class='colors'>
+IndianRed4</div>
+<div id='d28' class='colors'>
+brown4</div>
+<div id='d29' class='colors'>
+firebrick4</div>
+<div id='d30' class='colors'>
+DarkRed</div>
+<div id='d31' class='colors'>
+red4</div>
+<div id='d32' class='colors'>
+maroon</div>
+<div id='d33' class='colors'>
+LightPink1</div>
+<div id='d34' class='colors'>
+LightPink3</div>
+<div id='d35' class='colors'>
+LightPink4</div>
+<div id='d36' class='colors'>
+LightPink2</div>
+<div id='d37' class='colors'>
+LightPink</div>
+<div id='d38' class='colors'>
+pink</div>
+<div id='d39' class='colors'>
+crimson</div>
+<div id='d40' class='colors'>
+pink1</div>
+<div id='d41' class='colors'>
+pink2</div>
+<div id='d42' class='colors'>
+pink3</div>
+<div id='d43' class='colors'>
+pink4</div>
+<div id='d44' class='colors'>
+PaleVioletRed4</div>
+<div id='d45' class='colors'>
+PaleVioletRed</div>
+<div id='d46' class='colors'>
+PaleVioletRed2</div>
+<div id='d47' class='colors'>
+PaleVioletRed1</div>
+<div id='d48' class='colors'>
+PaleVioletRed3</div>
+<div id='d49' class='colors'>
+LavenderBlush</div>
+<div id='d50' class='colors'>
+LavenderBlush1</div>
+<div id='d51' class='colors'>
+LavenderBlush3</div>
+<div id='d52' class='colors'>
+LavenderBlush2</div>
+<div id='d53' class='colors'>
+LavenderBlush4</div>
+<div id='d54' class='colors'>
+maroon</div>
+<div id='d55' class='colors'>
+HotPink3</div>
+<div id='d56' class='colors'>
+VioletRed3</div>
+<div id='d57' class='colors'>
+VioletRed1</div>
+<div id='d58' class='colors'>
+VioletRed2</div>
+<div id='d59' class='colors'>
+VioletRed4</div>
+<div id='d60' class='colors'>
+HotPink2</div>
+<div id='d61' class='colors'>
+HotPink1</div>
+<div id='d62' class='colors'>
+HotPink4</div>
+<div id='d63' class='colors'>
+HotPink</div>
+<div id='d64' class='colors'>
+DeepPink</div>
+<div id='d65' class='colors'>
+DeepPink1</div>
+<div id='d66' class='colors'>
+DeepPink2</div>
+<div id='d67' class='colors'>
+DeepPink3</div>
+<div id='d68' class='colors'>
+DeepPink4</div>
+<div id='d69' class='colors'>
+maroon1</div>
+<div id='d70' class='colors'>
+maroon2</div>
+<div id='d71' class='colors'>
+maroon3</div>
+<div id='d72' class='colors'>
+maroon4</div>
+<div id='d73' class='colors'>
+MediumVioletRed</div>
+<div id='d74' class='colors'>
+VioletRed</div>
+<div id='d75' class='colors'>
+orchid2</div>
+<div id='d76' class='colors'>
+orchid</div>
+<div id='d77' class='colors'>
+orchid1</div>
+<div id='d78' class='colors'>
+orchid3</div>
+<div id='d79' class='colors'>
+orchid4</div>
+<div id='d80' class='colors'>
+thistle1</div>
+<div id='d81' class='colors'>
+thistle2</div>
+<div id='d82' class='colors'>
+plum1</div>
+<div id='d83' class='colors'>
+plum2</div>
+<div id='d84' class='colors'>
+thistle</div>
+<div id='d85' class='colors'>
+thistle3</div>
+<div id='d86' class='colors'>
+plum</div>
+<div id='d87' class='colors'>
+violet</div>
+<div id='d88' class='colors'>
+plum3</div>
+<div id='d89' class='colors'>
+thistle4</div>
+<div id='d90' class='colors'>
+fuchsia</div>
+<div id='d91' class='colors'>
+magenta</div>
+<div id='d92' class='colors'>
+magenta1</div>
+<div id='d93' class='colors'>
+plum4</div>
+<div id='d94' class='colors'>
+magenta2</div>
+<div id='d95' class='colors'>
+magenta3</div>
+<div id='d96' class='colors'>
+DarkMagenta</div>
+<div id='d97' class='colors'>
+magenta4</div>
+<div id='d98' class='colors'>
+purple</div>
+<div id='d99' class='colors'>
+MediumOrchid</div>
+<div id='d100' class='colors'>
+MediumOrchid1</div>
+<div id='d101' class='colors'>
+MediumOrchid2</div>
+<div id='d102' class='colors'>
+MediumOrchid3</div>
+<div id='d103' class='colors'>
+MediumOrchid4</div>
+<div id='d104' class='colors'>
+DarkViolet</div>
+<div id='d105' class='colors'>
+DarkOrchid</div>
+<div id='d106' class='colors'>
+DarkOrchid1</div>
+<div id='d107' class='colors'>
+DarkOrchid3</div>
+<div id='d108' class='colors'>
+DarkOrchid2</div>
+<div id='d109' class='colors'>
+DarkOrchid4</div>
+<div id='d110' class='colors'>
+purple</div>
+<div id='d111' class='colors'>
+indigo</div>
+<div id='d112' class='colors'>
+BlueViolet</div>
+<div id='d113' class='colors'>
+purple2</div>
+<div id='d114' class='colors'>
+purple3</div>
+<div id='d115' class='colors'>
+purple4</div>
+<div id='d116' class='colors'>
+purple1</div>
+<div id='d117' class='colors'>
+MediumPurple</div>
+<div id='d118' class='colors'>
+MediumPurple1</div>
+<div id='d119' class='colors'>
+MediumPurple2</div>
+<div id='d120' class='colors'>
+MediumPurple3</div>
+<div id='d121' class='colors'>
+MediumPurple4</div>
+<div id='d122' class='colors'>
+DarkSlateBlue</div>
+<div id='d123' class='colors'>
+LightSlateBlue</div>
+<div id='d124' class='colors'>
+MediumSlateBlue</div>
+<div id='d125' class='colors'>
+SlateBlue</div>
+<div id='d126' class='colors'>
+SlateBlue1</div>
+<div id='d127' class='colors'>
+SlateBlue2</div>
+<div id='d128' class='colors'>
+SlateBlue3</div>
+<div id='d129' class='colors'>
+SlateBlue4</div>
+<div id='d130' class='colors'>
+GhostWhite</div>
+<div id='d131' class='colors'>
+lavender</div>
+<div id='d132' class='colors'>
+blue</div>
+<div id='d133' class='colors'>
+blue1</div>
+<div id='d134' class='colors'>
+blue2</div>
+<div id='d135' class='colors'>
+blue3</div>
+<div id='d136' class='colors'>
+MediumBlue</div>
+<div id='d137' class='colors'>
+blue4</div>
+<div id='d138' class='colors'>
+DarkBlue</div>
+<div id='d139' class='colors'>
+MidnightBlue</div>
+<div id='d140' class='colors'>
+navy</div>
+<div id='d141' class='colors'>
+NavyBlue</div>
+<div id='d142' class='colors'>
+RoyalBlue</div>
+<div id='d143' class='colors'>
+RoyalBlue1</div>
+<div id='d144' class='colors'>
+RoyalBlue2</div>
+<div id='d145' class='colors'>
+RoyalBlue3</div>
+<div id='d146' class='colors'>
+RoyalBlue4</div>
+<div id='d147' class='colors'>
+CornflowerBlue</div>
+<div id='d148' class='colors'>
+LightSteelBlue</div>
+<div id='d149' class='colors'>
+LightSteelBlue1</div>
+<div id='d150' class='colors'>
+LightSteelBlue2</div>
+<div id='d151' class='colors'>
+LightSteelBlue3</div>
+<div id='d152' class='colors'>
+LightSteelBlue4</div>
+<div id='d153' class='colors'>
+SlateGray4</div>
+<div id='d154' class='colors'>
+SlateGray1</div>
+<div id='d155' class='colors'>
+SlateGray2</div>
+<div id='d156' class='colors'>
+SlateGray3</div>
+<div id='d157' class='colors'>
+LightSlateGray</div>
+<div id='d158' class='colors'>
+LightSlateGrey</div>
+<div id='d159' class='colors'>
+SlateGray</div>
+<div id='d160' class='colors'>
+SlateGrey</div>
+<div id='d161' class='colors'>
+DodgerBlue</div>
+<div id='d162' class='colors'>
+DodgerBlue1</div>
+<div id='d163' class='colors'>
+DodgerBlue2</div>
+<div id='d164' class='colors'>
+DodgerBlue4</div>
+<div id='d165' class='colors'>
+DodgerBlue3</div>
+<div id='d166' class='colors'>
+AliceBlue</div>
+<div id='d167' class='colors'>
+SteelBlue4</div>
+<div id='d168' class='colors'>
+SteelBlue</div>
+<div id='d169' class='colors'>
+SteelBlue1</div>
+<div id='d170' class='colors'>
+SteelBlue2</div>
+<div id='d171' class='colors'>
+SteelBlue3</div>
+<div id='d172' class='colors'>
+SkyBlue4</div>
+<div id='d173' class='colors'>
+SkyBlue1</div>
+<div id='d174' class='colors'>
+SkyBlue2</div>
+<div id='d175' class='colors'>
+SkyBlue3</div>
+<div id='d176' class='colors'>
+LightSkyBlue</div>
+<div id='d177' class='colors'>
+LightSkyBlue4</div>
+<div id='d178' class='colors'>
+LightSkyBlue1</div>
+<div id='d179' class='colors'>
+LightSkyBlue2</div>
+<div id='d180' class='colors'>
+LightSkyBlue3</div>
+<div id='d181' class='colors'>
+SkyBlue</div>
+<div id='d182' class='colors'>
+LightBlue3</div>
+<div id='d183' class='colors'>
+DeepSkyBlue</div>
+<div id='d184' class='colors'>
+DeepSkyBlue1</div>
+<div id='d185' class='colors'>
+DeepSkyBlue2</div>
+<div id='d186' class='colors'>
+DeepSkyBlue4</div>
+<div id='d187' class='colors'>
+DeepSkyBlue3</div>
+<div id='d188' class='colors'>
+LightBlue1</div>
+<div id='d189' class='colors'>
+LightBlue2</div>
+<div id='d190' class='colors'>
+LightBlue</div>
+<div id='d191' class='colors'>
+LightBlue4</div>
+<div id='d192' class='colors'>
+PowderBlue</div>
+<div id='d193' class='colors'>
+CadetBlue1</div>
+<div id='d194' class='colors'>
+CadetBlue2</div>
+<div id='d195' class='colors'>
+CadetBlue3</div>
+<div id='d196' class='colors'>
+CadetBlue4</div>
+<div id='d197' class='colors'>
+turquoise1</div>
+<div id='d198' class='colors'>
+turquoise2</div>
+<div id='d199' class='colors'>
+turquoise3</div>
+<div id='d200' class='colors'>
+turquoise4</div>
+<div id='d201' class='colors'>
+cadet blue</div>
+<div id='d202' class='colors'>
+CadetBlue</div>
+<div id='d203' class='colors'>
+DarkTurquoise</div>
+<div id='d204' class='colors'>
+azure</div>
+<div id='d205' class='colors'>
+azure1</div>
+<div id='d206' class='colors'>
+LightCyan</div>
+<div id='d207' class='colors'>
+LightCyan1</div>
+<div id='d208' class='colors'>
+azure2</div>
+<div id='d209' class='colors'>
+LightCyan2</div>
+<div id='d210' class='colors'>
+PaleTurquoise1</div>
+<div id='d211' class='colors'>
+PaleTurquoise</div>
+<div id='d212' class='colors'>
+PaleTurquoise2</div>
+<div id='d213' class='colors'>
+DarkSlateGray1</div>
+<div id='d214' class='colors'>
+azure3</div>
+<div id='d215' class='colors'>
+LightCyan3</div>
+<div id='d216' class='colors'>
+DarkSlateGray2</div>
+<div id='d217' class='colors'>
+PaleTurquoise3</div>
+<div id='d218' class='colors'>
+DarkSlateGray3</div>
+<div id='d219' class='colors'>
+azure4</div>
+<div id='d220' class='colors'>
+LightCyan4</div>
+<div id='d221' class='colors'>
+aqua</div>
+<div id='d222' class='colors'>
+cyan</div>
+<div id='d223' class='colors'>
+cyan1</div>
+<div id='d224' class='colors'>
+PaleTurquoise4</div>
+<div id='d225' class='colors'>
+cyan2</div>
+<div id='d226' class='colors'>
+DarkSlateGray4</div>
+<div id='d227' class='colors'>
+cyan3</div>
+<div id='d228' class='colors'>
+cyan4</div>
+<div id='d229' class='colors'>
+DarkCyan</div>
+<div id='d230' class='colors'>
+teal</div>
+<div id='d231' class='colors'>
+DarkSlateGray</div>
+<div id='d232' class='colors'>
+DarkSlateGrey</div>
+<div id='d233' class='colors'>
+MediumTurquoise</div>
+<div id='d234' class='colors'>
+LightSeaGreen</div>
+<div id='d235' class='colors'>
+turquoise</div>
+<div id='d236' class='colors'>
+aquamarine4</div>
+<div id='d237' class='colors'>
+aquamarine</div>
+<div id='d238' class='colors'>
+aquamarine1</div>
+<div id='d239' class='colors'>
+aquamarine2</div>
+<div id='d240' class='colors'>
+aquamarine3</div>
+<div id='d241' class='colors'>
+MediumAquamarine</div>
+<div id='d242' class='colors'>
+MediumSpringGreen</div>
+<div id='d243' class='colors'>
+MintCream</div>
+<div id='d244' class='colors'>
+SpringGreen</div>
+<div id='d245' class='colors'>
+SpringGreen1</div>
+<div id='d246' class='colors'>
+SpringGreen2</div>
+<div id='d247' class='colors'>
+SpringGreen3</div>
+<div id='d248' class='colors'>
+SpringGreen4</div>
+<div id='d249' class='colors'>
+MediumSeaGreen</div>
+<div id='d250' class='colors'>
+SeaGreen</div>
+<div id='d251' class='colors'>
+SeaGreen3</div>
+<div id='d252' class='colors'>
+SeaGreen1</div>
+<div id='d253' class='colors'>
+SeaGreen4</div>
+<div id='d254' class='colors'>
+SeaGreen2</div>
+<div id='d255' class='colors'>
+MediumForestGreen</div>
+<div id='d256' class='colors'>
+honeydew</div>
+<div id='d257' class='colors'>
+honeydew1</div>
+<div id='d258' class='colors'>
+honeydew2</div>
+<div id='d259' class='colors'>
+DarkSeaGreen1</div>
+<div id='d260' class='colors'>
+DarkSeaGreen2</div>
+<div id='d261' class='colors'>
+PaleGreen1</div>
+<div id='d262' class='colors'>
+PaleGreen</div>
+<div id='d263' class='colors'>
+honeydew3</div>
+<div id='d264' class='colors'>
+LightGreen</div>
+<div id='d265' class='colors'>
+PaleGreen2</div>
+<div id='d266' class='colors'>
+DarkSeaGreen3</div>
+<div id='d267' class='colors'>
+DarkSeaGreen</div>
+<div id='d268' class='colors'>
+PaleGreen3</div>
+<div id='d269' class='colors'>
+honeydew4</div>
+<div id='d270' class='colors'>
+green1</div>
+<div id='d271' class='colors'>
+lime</div>
+<div id='d272' class='colors'>
+LimeGreen</div>
+<div id='d273' class='colors'>
+DarkSeaGreen4</div>
+<div id='d274' class='colors'>
+green2</div>
+<div id='d275' class='colors'>
+PaleGreen4</div>
+<div id='d276' class='colors'>
+green3</div>
+<div id='d277' class='colors'>
+ForestGreen</div>
+<div id='d278' class='colors'>
+green4</div>
+<div id='d279' class='colors'>
+green</div>
+<div id='d280' class='colors'>
+DarkGreen</div>
+<div id='d281' class='colors'>
+LawnGreen</div>
+<div id='d282' class='colors'>
+chartreuse</div>
+<div id='d283' class='colors'>
+chartreuse1</div>
+<div id='d284' class='colors'>
+chartreuse2</div>
+<div id='d285' class='colors'>
+chartreuse3</div>
+<div id='d286' class='colors'>
+chartreuse4</div>
+<div id='d287' class='colors'>
+GreenYellow</div>
+<div id='d288' class='colors'>
+DarkOliveGreen3</div>
+<div id='d289' class='colors'>
+DarkOliveGreen1</div>
+<div id='d290' class='colors'>
+DarkOliveGreen2</div>
+<div id='d291' class='colors'>
+DarkOliveGreen4</div>
+<div id='d292' class='colors'>
+DarkOliveGreen</div>
+<div id='d293' class='colors'>
+OliveDrab</div>
+<div id='d294' class='colors'>
+OliveDrab1</div>
+<div id='d295' class='colors'>
+OliveDrab2</div>
+<div id='d296' class='colors'>
+OliveDrab3</div>
+<div id='d297' class='colors'>
+YellowGreen</div>
+<div id='d298' class='colors'>
+OliveDrab4</div>
+<div id='d299' class='colors'>
+ivory</div>
+<div id='d300' class='colors'>
+ivory1</div>
+<div id='d301' class='colors'>
+LightYellow</div>
+<div id='d302' class='colors'>
+LightYellow1</div>
+<div id='d303' class='colors'>
+beige</div>
+<div id='d304' class='colors'>
+ivory2</div>
+<div id='d305' class='colors'>
+LightGoldenrodYellow</div>
+<div id='d306' class='colors'>
+LightYellow2</div>
+<div id='d307' class='colors'>
+ivory3</div>
+<div id='d308' class='colors'>
+LightYellow3</div>
+<div id='d309' class='colors'>
+ivory4</div>
+<div id='d310' class='colors'>
+LightYellow4</div>
+<div id='d311' class='colors'>
+yellow</div>
+<div id='d312' class='colors'>
+yellow1</div>
+<div id='d313' class='colors'>
+yellow2</div>
+<div id='d314' class='colors'>
+yellow3</div>
+<div id='d315' class='colors'>
+yellow4</div>
+<div id='d316' class='colors'>
+olive</div>
+<div id='d317' class='colors'>
+DarkKhaki</div>
+<div id='d318' class='colors'>
+khaki2</div>
+<div id='d319' class='colors'>
+LemonChiffon4</div>
+<div id='d320' class='colors'>
+khaki1</div>
+<div id='d321' class='colors'>
+khaki3</div>
+<div id='d322' class='colors'>
+khaki4</div>
+<div id='d323' class='colors'>
+PaleGoldenrod</div>
+<div id='d324' class='colors'>
+LemonChiffon</div>
+<div id='d325' class='colors'>
+LemonChiffon1</div>
+<div id='d326' class='colors'>
+khaki</div>
+<div id='d327' class='colors'>
+LemonChiffon3</div>
+<div id='d328' class='colors'>
+LemonChiffon2</div>
+<div id='d329' class='colors'>
+MediumGoldenRod</div>
+<div id='d330' class='colors'>
+cornsilk4</div>
+<div id='d331' class='colors'>
+gold</div>
+<div id='d332' class='colors'>
+gold1</div>
+<div id='d333' class='colors'>
+gold2</div>
+<div id='d334' class='colors'>
+gold3</div>
+<div id='d335' class='colors'>
+gold4</div>
+<div id='d336' class='colors'>
+LightGoldenrod</div>
+<div id='d337' class='colors'>
+LightGoldenrod4</div>
+<div id='d338' class='colors'>
+LightGoldenrod1</div>
+<div id='d339' class='colors'>
+LightGoldenrod3</div>
+<div id='d340' class='colors'>
+LightGoldenrod2</div>
+<div id='d341' class='colors'>
+cornsilk3</div>
+<div id='d342' class='colors'>
+cornsilk2</div>
+<div id='d343' class='colors'>
+cornsilk</div>
+<div id='d344' class='colors'>
+cornsilk1</div>
+<div id='d345' class='colors'>
+goldenrod</div>
+<div id='d346' class='colors'>
+goldenrod1</div>
+<div id='d347' class='colors'>
+goldenrod2</div>
+<div id='d348' class='colors'>
+goldenrod3</div>
+<div id='d349' class='colors'>
+goldenrod4</div>
+<div id='d350' class='colors'>
+DarkGoldenrod</div>
+<div id='d351' class='colors'>
+DarkGoldenrod1</div>
+<div id='d352' class='colors'>
+DarkGoldenrod2</div>
+<div id='d353' class='colors'>
+DarkGoldenrod3</div>
+<div id='d354' class='colors'>
+DarkGoldenrod4</div>
+<div id='d355' class='colors'>
+FloralWhite</div>
+<div id='d356' class='colors'>
+wheat2</div>
+<div id='d357' class='colors'>
+OldLace</div>
+<div id='d358' class='colors'>
+wheat</div>
+<div id='d359' class='colors'>
+wheat1</div>
+<div id='d360' class='colors'>
+wheat3</div>
+<div id='d361' class='colors'>
+orange</div>
+<div id='d362' class='colors'>
+orange1</div>
+<div id='d363' class='colors'>
+orange2</div>
+<div id='d364' class='colors'>
+orange3</div>
+<div id='d365' class='colors'>
+orange4</div>
+<div id='d366' class='colors'>
+wheat4</div>
+<div id='d367' class='colors'>
+moccasin</div>
+<div id='d368' class='colors'>
+PapayaWhip</div>
+<div id='d369' class='colors'>
+NavajoWhite3</div>
+<div id='d370' class='colors'>
+BlanchedAlmond</div>
+<div id='d371' class='colors'>
+NavajoWhite</div>
+<div id='d372' class='colors'>
+NavajoWhite1</div>
+<div id='d373' class='colors'>
+NavajoWhite2</div>
+<div id='d374' class='colors'>
+NavajoWhite4</div>
+<div id='d375' class='colors'>
+AntiqueWhite4</div>
+<div id='d376' class='colors'>
+AntiqueWhite</div>
+<div id='d377' class='colors'>
+tan</div>
+<div id='d378' class='colors'>
+bisque4</div>
+<div id='d379' class='colors'>
+burlywood</div>
+<div id='d380' class='colors'>
+AntiqueWhite2</div>
+<div id='d381' class='colors'>
+burlywood1</div>
+<div id='d382' class='colors'>
+burlywood3</div>
+<div id='d383' class='colors'>
+burlywood2</div>
+<div id='d384' class='colors'>
+AntiqueWhite1</div>
+<div id='d385' class='colors'>
+burlywood4</div>
+<div id='d386' class='colors'>
+AntiqueWhite3</div>
+<div id='d387' class='colors'>
+DarkOrange</div>
+<div id='d388' class='colors'>
+bisque2</div>
+<div id='d389' class='colors'>
+bisque</div>
+<div id='d390' class='colors'>
+bisque1</div>
+<div id='d391' class='colors'>
+bisque3</div>
+<div id='d392' class='colors'>
+DarkOrange1</div>
+<div id='d393' class='colors'>
+linen</div>
+<div id='d394' class='colors'>
+DarkOrange2</div>
+<div id='d395' class='colors'>
+DarkOrange3</div>
+<div id='d396' class='colors'>
+DarkOrange4</div>
+<div id='d397' class='colors'>
+peru</div>
+<div id='d398' class='colors'>
+tan1</div>
+<div id='d399' class='colors'>
+tan2</div>
+<div id='d400' class='colors'>
+tan3</div>
+<div id='d401' class='colors'>
+tan4</div>
+<div id='d402' class='colors'>
+PeachPuff</div>
+<div id='d403' class='colors'>
+PeachPuff1</div>
+<div id='d404' class='colors'>
+PeachPuff4</div>
+<div id='d405' class='colors'>
+PeachPuff2</div>
+<div id='d406' class='colors'>
+PeachPuff3</div>
+<div id='d407' class='colors'>
+SandyBrown</div>
+<div id='d408' class='colors'>
+seashell4</div>
+<div id='d409' class='colors'>
+seashell2</div>
+<div id='d410' class='colors'>
+seashell3</div>
+<div id='d411' class='colors'>
+chocolate</div>
+<div id='d412' class='colors'>
+chocolate1</div>
+<div id='d413' class='colors'>
+chocolate2</div>
+<div id='d414' class='colors'>
+chocolate3</div>
+<div id='d415' class='colors'>
+chocolate4</div>
+<div id='d416' class='colors'>
+SaddleBrown</div>
+<div id='d417' class='colors'>
+seashell</div>
+<div id='d418' class='colors'>
+seashell1</div>
+<div id='d419' class='colors'>
+sienna4</div>
+<div id='d420' class='colors'>
+sienna</div>
+<div id='d421' class='colors'>
+sienna1</div>
+<div id='d422' class='colors'>
+sienna2</div>
+<div id='d423' class='colors'>
+sienna3</div>
+<div id='d424' class='colors'>
+LightSalmon3</div>
+<div id='d425' class='colors'>
+LightSalmon</div>
+<div id='d426' class='colors'>
+LightSalmon1</div>
+<div id='d427' class='colors'>
+LightSalmon4</div>
+<div id='d428' class='colors'>
+LightSalmon2</div>
+<div id='d429' class='colors'>
+coral</div>
+<div id='d430' class='colors'>
+OrangeRed</div>
+<div id='d431' class='colors'>
+OrangeRed1</div>
+<div id='d432' class='colors'>
+OrangeRed2</div>
+<div id='d433' class='colors'>
+OrangeRed3</div>
+<div id='d434' class='colors'>
+OrangeRed4</div>
+<div id='d435' class='colors'>
+DarkSalmon</div>
+<div id='d436' class='colors'>
+salmon1</div>
+<div id='d437' class='colors'>
+salmon2</div>
+<div id='d438' class='colors'>
+salmon3</div>
+<div id='d439' class='colors'>
+salmon4</div>
+<div id='d440' class='colors'>
+coral1</div>
+<div id='d441' class='colors'>
+coral2</div>
+<div id='d442' class='colors'>
+coral3</div>
+<div id='d443' class='colors'>
+coral4</div>
+<div id='d444' class='colors'>
+tomato4</div>
+<div id='d445' class='colors'>
+tomato</div>
+<div id='d446' class='colors'>
+tomato1</div>
+<div id='d447' class='colors'>
+tomato2</div>
+<div id='d448' class='colors'>
+tomato3</div>
+<div id='d449' class='colors'>
+MistyRose4</div>
+<div id='d450' class='colors'>
+MistyRose2</div>
+<div id='d451' class='colors'>
+MistyRose</div>
+<div id='d452' class='colors'>
+MistyRose1</div>
+<div id='d453' class='colors'>
+salmon</div>
+<div id='d454' class='colors'>
+MistyRose3</div>
+<div id='d455' class='colors'>
+white</div>
+<div id='d456' class='colors'>
+gray100</div>
+<div id='d457' class='colors'>
+grey100</div>
+<div id='d458' class='colors'>
+grey100</div>
+<div id='d459' class='colors'>
+gray99</div>
+<div id='d460' class='colors'>
+grey99</div>
+<div id='d461' class='colors'>
+gray98</div>
+<div id='d462' class='colors'>
+grey98</div>
+<div id='d463' class='colors'>
+gray97</div>
+<div id='d464' class='colors'>
+grey97</div>
+<div id='d465' class='colors'>
+gray96</div>
+<div id='d466' class='colors'>
+grey96</div>
+<div id='d467' class='colors'>
+WhiteSmoke</div>
+<div id='d468' class='colors'>
+gray95</div>
+<div id='d469' class='colors'>
+grey95</div>
+<div id='d470' class='colors'>
+gray94</div>
+<div id='d471' class='colors'>
+grey94</div>
+<div id='d472' class='colors'>
+gray93</div>
+<div id='d473' class='colors'>
+grey93</div>
+<div id='d474' class='colors'>
+gray92</div>
+<div id='d475' class='colors'>
+grey92</div>
+<div id='d476' class='colors'>
+gray91</div>
+<div id='d477' class='colors'>
+grey91</div>
+<div id='d478' class='colors'>
+gray90</div>
+<div id='d479' class='colors'>
+grey90</div>
+<div id='d480' class='colors'>
+gray89</div>
+<div id='d481' class='colors'>
+grey89</div>
+<div id='d482' class='colors'>
+gray88</div>
+<div id='d483' class='colors'>
+grey88</div>
+<div id='d484' class='colors'>
+gray87</div>
+<div id='d485' class='colors'>
+grey87</div>
+<div id='d486' class='colors'>
+gainsboro</div>
+<div id='d487' class='colors'>
+gray86</div>
+<div id='d488' class='colors'>
+grey86</div>
+<div id='d489' class='colors'>
+gray85</div>
+<div id='d490' class='colors'>
+grey85</div>
+<div id='d491' class='colors'>
+gray84</div>
+<div id='d492' class='colors'>
+grey84</div>
+<div id='d493' class='colors'>
+gray83</div>
+<div id='d494' class='colors'>
+grey83</div>
+<div id='d495' class='colors'>
+LightGray</div>
+<div id='d496' class='colors'>
+LightGrey</div>
+<div id='d497' class='colors'>
+gray82</div>
+<div id='d498' class='colors'>
+grey82</div>
+<div id='d499' class='colors'>
+gray81</div>
+<div id='d500' class='colors'>
+grey81</div>
+<div id='d501' class='colors'>
+gray80</div>
+<div id='d502' class='colors'>
+grey80</div>
+<div id='d503' class='colors'>
+gray79</div>
+<div id='d504' class='colors'>
+grey79</div>
+<div id='d505' class='colors'>
+gray78</div>
+<div id='d506' class='colors'>
+grey78</div>
+<div id='d507' class='colors'>
+gray77</div>
+<div id='d508' class='colors'>
+grey77</div>
+<div id='d509' class='colors'>
+gray76</div>
+<div id='d510' class='colors'>
+grey76</div>
+<div id='d511' class='colors'>
+silver</div>
+<div id='d512' class='colors'>
+gray75</div>
+<div id='d513' class='colors'>
+grey75</div>
+<div id='d514' class='colors'>
+gray74</div>
+<div id='d515' class='colors'>
+grey74</div>
+<div id='d516' class='colors'>
+gray73</div>
+<div id='d517' class='colors'>
+grey73</div>
+<div id='d518' class='colors'>
+gray72</div>
+<div id='d519' class='colors'>
+grey72</div>
+<div id='d520' class='colors'>
+gray71</div>
+<div id='d521' class='colors'>
+grey71</div>
+<div id='d522' class='colors'>
+gray70</div>
+<div id='d523' class='colors'>
+grey70</div>
+<div id='d524' class='colors'>
+gray69</div>
+<div id='d525' class='colors'>
+grey69</div>
+<div id='d526' class='colors'>
+gray68</div>
+<div id='d527' class='colors'>
+grey68</div>
+<div id='d528' class='colors'>
+gray67</div>
+<div id='d529' class='colors'>
+grey67</div>
+<div id='d530' class='colors'>
+DarkGray</div>
+<div id='d531' class='colors'>
+DarkGrey</div>
+<div id='d532' class='colors'>
+gray66</div>
+<div id='d533' class='colors'>
+grey66</div>
+<div id='d534' class='colors'>
+gray65</div>
+<div id='d535' class='colors'>
+grey65</div>
+<div id='d536' class='colors'>
+gray64</div>
+<div id='d537' class='colors'>
+grey64</div>
+<div id='d538' class='colors'>
+gray63</div>
+<div id='d539' class='colors'>
+grey63</div>
+<div id='d540' class='colors'>
+gray62</div>
+<div id='d541' class='colors'>
+grey62</div>
+<div id='d542' class='colors'>
+gray61</div>
+<div id='d543' class='colors'>
+grey61</div>
+<div id='d544' class='colors'>
+gray60</div>
+<div id='d545' class='colors'>
+grey60</div>
+<div id='d546' class='colors'>
+gray59</div>
+<div id='d547' class='colors'>
+grey59</div>
+<div id='d548' class='colors'>
+gray58</div>
+<div id='d549' class='colors'>
+grey58</div>
+<div id='d550' class='colors'>
+gray57</div>
+<div id='d551' class='colors'>
+grey57</div>
+<div id='d552' class='colors'>
+gray56</div>
+<div id='d553' class='colors'>
+grey56</div>
+<div id='d554' class='colors'>
+gray55</div>
+<div id='d555' class='colors'>
+grey55</div>
+<div id='d556' class='colors'>
+gray54</div>
+<div id='d557' class='colors'>
+grey54</div>
+<div id='d558' class='colors'>
+gray53</div>
+<div id='d559' class='colors'>
+grey53</div>
+<div id='d560' class='colors'>
+gray52</div>
+<div id='d561' class='colors'>
+grey52</div>
+<div id='d562' class='colors'>
+gray51</div>
+<div id='d563' class='colors'>
+grey51</div>
+<div id='d564' class='colors'>
+fractal</div>
+<div id='d565' class='colors'>
+gray50</div>
+<div id='d566' class='colors'>
+grey50</div>
+<div id='d567' class='colors'>
+gray</div>
+<div id='d568' class='colors'>
+gray49</div>
+<div id='d569' class='colors'>
+grey49</div>
+<div id='d570' class='colors'>
+gray48</div>
+<div id='d571' class='colors'>
+grey48</div>
+<div id='d572' class='colors'>
+gray47</div>
+<div id='d573' class='colors'>
+grey47</div>
+<div id='d574' class='colors'>
+gray46</div>
+<div id='d575' class='colors'>
+grey46</div>
+<div id='d576' class='colors'>
+gray45</div>
+<div id='d577' class='colors'>
+grey45</div>
+<div id='d578' class='colors'>
+gray44</div>
+<div id='d579' class='colors'>
+grey44</div>
+<div id='d580' class='colors'>
+gray43</div>
+<div id='d581' class='colors'>
+grey43</div>
+<div id='d582' class='colors'>
+gray42</div>
+<div id='d583' class='colors'>
+grey42</div>
+<div id='d584' class='colors'>
+DimGray</div>
+<div id='d585' class='colors'>
+DimGrey</div>
+<div id='d586' class='colors'>
+gray41</div>
+<div id='d587' class='colors'>
+grey41</div>
+<div id='d588' class='colors'>
+gray40</div>
+<div id='d589' class='colors'>
+grey40</div>
+<div id='d590' class='colors'>
+gray39</div>
+<div id='d591' class='colors'>
+grey39</div>
+<div id='d592' class='colors'>
+gray38</div>
+<div id='d593' class='colors'>
+grey38</div>
+<div id='d594' class='colors'>
+gray37</div>
+<div id='d595' class='colors'>
+grey37</div>
+<div id='d596' class='colors'>
+gray36</div>
+<div id='d597' class='colors'>
+grey36</div>
+<div id='d598' class='colors'>
+gray35</div>
+<div id='d599' class='colors'>
+grey35</div>
+<div id='d600' class='colors'>
+gray34</div>
+<div id='d601' class='colors'>
+grey34</div>
+<div id='d602' class='colors'>
+gray33</div>
+<div id='d603' class='colors'>
+grey33</div>
+<div id='d604' class='colors'>
+gray32</div>
+<div id='d605' class='colors'>
+grey32</div>
+<div id='d606' class='colors'>
+gray31</div>
+<div id='d607' class='colors'>
+grey31</div>
+<div id='d608' class='colors'>
+gray30</div>
+<div id='d609' class='colors'>
+grey30</div>
+<div id='d610' class='colors'>
+gray29</div>
+<div id='d611' class='colors'>
+grey29</div>
+<div id='d612' class='colors'>
+gray28</div>
+<div id='d613' class='colors'>
+grey28</div>
+<div id='d614' class='colors'>
+gray27</div>
+<div id='d615' class='colors'>
+grey27</div>
+<div id='d616' class='colors'>
+gray26</div>
+<div id='d617' class='colors'>
+grey26</div>
+<div id='d618' class='colors'>
+gray25</div>
+<div id='d619' class='colors'>
+grey25</div>
+<div id='d620' class='colors'>
+gray24</div>
+<div id='d621' class='colors'>
+grey24</div>
+<div id='d622' class='colors'>
+gray23</div>
+<div id='d623' class='colors'>
+grey23</div>
+<div id='d624' class='colors'>
+gray22</div>
+<div id='d625' class='colors'>
+grey22</div>
+<div id='d626' class='colors'>
+gray21</div>
+<div id='d627' class='colors'>
+grey21</div>
+<div id='d628' class='colors'>
+gray20</div>
+<div id='d629' class='colors'>
+grey20</div>
+<div id='d630' class='colors'>
+gray19</div>
+<div id='d631' class='colors'>
+grey19</div>
+<div id='d632' class='colors'>
+gray18</div>
+<div id='d633' class='colors'>
+grey18</div>
+<div id='d634' class='colors'>
+gray17</div>
+<div id='d635' class='colors'>
+grey17</div>
+<div id='d636' class='colors'>
+gray16</div>
+<div id='d637' class='colors'>
+grey16</div>
+<div id='d638' class='colors'>
+gray15</div>
+<div id='d639' class='colors'>
+grey15</div>
+<div id='d640' class='colors'>
+gray14</div>
+<div id='d641' class='colors'>
+grey14</div>
+<div id='d642' class='colors'>
+gray13</div>
+<div id='d643' class='colors'>
+grey13</div>
+<div id='d644' class='colors'>
+gray12</div>
+<div id='d645' class='colors'>
+grey12</div>
+<div id='d646' class='colors'>
+gray11</div>
+<div id='d647' class='colors'>
+grey11</div>
+<div id='d648' class='colors'>
+gray10</div>
+<div id='d649' class='colors'>
+grey10</div>
+<div id='d650' class='colors'>
+gray9</div>
+<div id='d651' class='colors'>
+grey9</div>
+<div id='d652' class='colors'>
+gray8</div>
+<div id='d653' class='colors'>
+grey8</div>
+<div id='d654' class='colors'>
+gray7</div>
+<div id='d655' class='colors'>
+grey7</div>
+<div id='d656' class='colors'>
+gray6</div>
+<div id='d657' class='colors'>
+grey6</div>
+<div id='d658' class='colors'>
+gray5</div>
+<div id='d659' class='colors'>
+grey5</div>
+<div id='d660' class='colors'>
+gray4</div>
+<div id='d661' class='colors'>
+grey4</div>
+<div id='d662' class='colors'>
+gray3</div>
+<div id='d663' class='colors'>
+grey3</div>
+<div id='d664' class='colors'>
+gray2</div>
+<div id='d665' class='colors'>
+grey2</div>
+<div id='d666' class='colors'>
+gray1</div>
+<div id='d667' class='colors'>
+grey1</div>
+<div id='d668' class='colors'>
+black</div>
+<div id='d669' class='colors'>
+gray0</div>
+<div id='d670' class='colors'>
+grey0</div>
+<div id='d671' class='colors'>
+opaque</div>
+<div id='d672' class='colors'>
+none</div>
+<div id='d673' class='colors'>
+transparent</div>
+</div>
+
+<div id='colornames'>
+WHERE THE COLORNAMES WILL GO
+</div>
+
+<div id='hexswitch'>CLICK TO SHOW HEXES</div>
+<div id='infoswitch'>CLICK TO SHOW INFO</div>
+<script type='text/javascript' src='js/jquery-1.6.4.min.js'></script>
+<script type='text/javascript' src='js/colordict.js'></script>
+
+<script type='text/javascript'>
+function goldenize(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num*ratio)
+	return newnum
+	}
+//turns css property width or height into an integer value
+function getproperty(idandselectr, propertystr)
+	{
+	grab = $(idandselectr).css(propertystr)
+	grab = grab.slice(0,-2)
+	numval = parseInt(grab)
+	return numval
+	}
+function makegolden(idandselectr, propertystr)
+	{
+	result = getproperty(idandselectr, propertystr)
+	newwidth = goldenize(result)
+	widthval = newwidth.toString()+'px'
+	$(idandselectr).css('width', widthval)
+	}
+makegolden('.colors', 'height')
+
+
+//remove content this function takes the name out of the divs
+infoswitch = false;
+function removecontent()
+	{
+	if(infoswitch == false)
+			{
+			$('#infoswitch').click(function()
+						{
+						infoswitch = true
+						if(infoswitch == true){
+							$('.colors').html("")						
+										}
+						})
+			}
+	if(infoswitch == true)
+		{
+			$('#infoswitch').click(function()
+			{
+			infoswitch = false
+			})
+		}
+	}
+removecontent()
+
+function colorToHex(color)
+{
+    if (color.substr(0, 1) === '#') {
+        return color;
+    }
+    var digits = /(.*?)rgb\((\d+), (\d+), (\d+)\)/.exec(color);
+    
+    var red = parseInt(digits[2]);
+    var green = parseInt(digits[3]);
+    var blue = parseInt(digits[4]);
+    
+    var rgb = blue | (green << 8) | (red << 16);
+    return digits[1] + '#' + rgb.toString(16);
+};
+
+//takes a div name and returns a colorname
+
+function showcolorname(divstr)
+
+		{
+		bgcolor = $('#'+divstr).css('background-color')
+		lowercasehex = colorToHex(bgcolor)
+		hex = lowercasehex.toUpperCase()
+			imname = hextoname[hex]
+		if (hexes == true)
+			{
+			imname = hex
+			}
+		return imname
+		}
+function bigname(divstr)
+		{
+		colorname = showcolorname(divstr)
+		$('#colornames').html(colorname)
+		}
+function writeit(text)
+		{
+		$('#colornames').append(text)
+		}
+function makebig(divstr)
+		{
+		firstheight = $('#'+divstr).height()
+		newheight = goldenize(firstheight)
+		$('#'+divstr).height(newheight)
+		}
+function makesmall(divstr)
+		{
+		oldheight = $('.colors').height()
+		$('#'+divstr).height(oldheight)
+		}
+$('.colors').hover(function() {
+   bigname(this.id);
+	 makebig(this.id);
+	 makegolden('#'+this.id, 'height')},
+function(){
+	 makesmall(this.id);
+	 makegolden('#'+this.id, 'height')
+});
+$(".colors").hover(function(){
+$('#colornames').fadeOut(100);$('#colornames').fadeIn(500);
+});
+$('body').css('background-color', 'black')
+$('.colors').css('margin-top', '2px')
+var hexes = false
+function hexswitch()
+		{
+		if(hexes == false)
+			{
+			$('#hexswitch').html('CLICK TO SHOW COLOR NAMES')
+			hexes = true;
+			}
+			
+		else
+			{
+			$('#hexswitch').html('CLICK TO SHOW HEX NAMES')
+			hexes = false;
+			}
+		}
+$('#hexswitch').click(function(){hexswitch()})
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/colors/test.html b/frontend/imgrid/colors/colors/test.html
new file mode 100755
index 0000000..1912ebf
--- /dev/null
+++ b/frontend/imgrid/colors/colors/test.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+<!--<link rel="stylesheet" href="css/normalize.css">-->
+<head>
+		<style type='text/css'>
+		#master
+			{
+			width:400px;
+			font-size:0;
+			}
+		.slaves
+			{
+			width:100px;
+			background-color:gray;
+			height:40px;
+			display:inline-block;
+			}
+		</style>
+
+
+</head>
+<body>
+
+<div id='master'>
+
+<div class='slaves' style='background-color:pink'></div>
+<div class='slaves' style='background-color:blue'></div>
+<div class='slaves' style='background-color:dodgerblue'></div>
+<div class='slaves' style='background-color:red'></div>
+
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+</div>
+<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
+<!--<script type='text/javascript' src='jquery.js'></script>-->
+<script type='text/javascript'>
+$('.slaves').mouseover(function()
+	{
+	$(this).css('width','120px')
+	$('#master').css('width','420')
+	}).mouseout(function()
+	{
+	$(this).css({'width':'100px'})
+  $('#master').css('width','420')
+
+	});
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/colors/vase.gif b/frontend/imgrid/colors/colors/vase.gif
new file mode 100755
index 0000000..dc1c104
Binary files /dev/null and b/frontend/imgrid/colors/colors/vase.gif differ
diff --git a/frontend/imgrid/colors/colors/vase.png b/frontend/imgrid/colors/colors/vase.png
new file mode 100755
index 0000000..153e72b
Binary files /dev/null and b/frontend/imgrid/colors/colors/vase.png differ
diff --git a/frontend/imgrid/colors/colors/vaseshim.png b/frontend/imgrid/colors/colors/vaseshim.png
new file mode 100755
index 0000000..7dbd352
Binary files /dev/null and b/frontend/imgrid/colors/colors/vaseshim.png differ
diff --git a/frontend/imgrid/colors/colors/whiteshim.png b/frontend/imgrid/colors/colors/whiteshim.png
new file mode 100755
index 0000000..6b58334
Binary files /dev/null and b/frontend/imgrid/colors/colors/whiteshim.png differ
diff --git a/frontend/imgrid/colors/grayshim.png b/frontend/imgrid/colors/grayshim.png
new file mode 100755
index 0000000..6f71223
Binary files /dev/null and b/frontend/imgrid/colors/grayshim.png differ
diff --git a/frontend/imgrid/colors/hoverbutton.png b/frontend/imgrid/colors/hoverbutton.png
new file mode 100755
index 0000000..b14281e
Binary files /dev/null and b/frontend/imgrid/colors/hoverbutton.png differ
diff --git a/frontend/imgrid/colors/index.html b/frontend/imgrid/colors/index.html
new file mode 100755
index 0000000..93b1a9b
--- /dev/null
+++ b/frontend/imgrid/colors/index.html
@@ -0,0 +1,3507 @@
+<html>
+<head>
+
+<style type='text/css'>
+
+body
+{
+margin:0;
+}
+
+#colorpicker
+{
+
+width:100%;
+font-family:helvetica; 
+font-size:10px; 
+//background-color: gray;
+//background-image: url("http://asdf.us/im/6f/gradient_bgdither_1321255670_pepper.gif");
+background-color: black;
+background-image: url("http://dump.fm/static/img/bg.dither.gif")
+
+}
+
+#container div
+{
+text-align:left;
+display: -moz-inline-stack;
+display:inline-block;
+vertical-align:bottom;
+min-height: 30px;
+zoom: 1;
+word-wrap: break-word;
+*display: inline;
+cursor:pointer;
+}
+
+#container
+{
+margin:0 auto;
+width:31%;
+padding-top:100px;
+padding-right:10px;
+padding-left:10px;
+text-align:center;
+}
+
+#colornames
+{
+color:white;
+position:fixed;
+font-size:50px;
+top:50px;
+left:2%;
+width:400px;
+}
+
+#switches
+		{
+		position:fixed;
+		top:20px;
+		right:1%;
+		height:400px;
+		width:300px;
+		font-size:20px;
+		border-style: groove;
+		border-width: 4px;
+		background-color:gray;
+		padding:2px;
+		box-shadow: 10px 10px 5px #141414;
+		}
+
+#infoswitch, #hexswitch, #backgroundswitch
+		{
+		background-image:url(http://asdf.us/im/58/gradient_whitegray80_1321305183_1321305241_pepper.jpg);
+		cursor:pointer;
+		}
+#preview
+		{
+		height:150px;
+		}
+
+
+#holder
+		{
+		float:bottom;
+		}
+
+#transparent
+		{
+		font-size:12px;
+		}
+#namespace
+		{
+		width:inherit;
+		}
+#d0
+{background-color:#FFFAFA}
+
+#d1
+{background-color:#FFFAFA}
+
+#d2
+{background-color:#EEE9E9}
+
+#d3
+{background-color:#FFC1C1}
+
+#d4
+{background-color:#EEB4B4}
+
+#d5
+{background-color:#CDC9C9}
+
+#d6
+{background-color:#F08080}
+
+#d7
+{background-color:#FF6A6A}
+
+#d8
+{background-color:#CD9B9B}
+
+#d9
+{background-color:#EE6363}
+
+#d10
+{background-color:#BC8F8F}
+
+#d11
+{background-color:#FF4040}
+
+#d12
+{background-color:#FF3030}
+
+#d13
+{background-color:#EE3B3B}
+
+#d14
+{background-color:#CD5C5C}
+
+#d15
+{background-color:#CD5555}
+
+#d16
+{background-color:#EE2C2C}
+
+#d17
+{background-color:#8B8989}
+
+#d18
+{background-color:#CD3333}
+
+#d19
+{background-color:#FF0000}
+
+#d20
+{background-color:#FF0000}
+
+#d21
+{background-color:#8B6969}
+
+#d22
+{background-color:#CD2626}
+
+#d23
+{background-color:#EE0000}
+
+#d24
+{background-color:#B22222}
+
+#d25
+{background-color:#A52A2A}
+
+#d26
+{background-color:#CD0000}
+
+#d27
+{background-color:#8B3A3A}
+
+#d28
+{background-color:#8B2323}
+
+#d29
+{background-color:#8B1A1A}
+
+#d30
+{background-color:#8B0000}
+
+#d31
+{background-color:#8B0000}
+
+#d32
+{background-color:#800000}
+
+#d33
+{background-color:#FFAEB9}
+
+#d34
+{background-color:#CD8C95}
+
+#d35
+{background-color:#8B5F65}
+
+#d36
+{background-color:#EEA2AD}
+
+#d37
+{background-color:#FFB6C1}
+
+#d38
+{background-color:#FFC0CB}
+
+#d39
+{background-color:#DC143C}
+
+#d40
+{background-color:#FFB5C5}
+
+#d41
+{background-color:#EEA9B8}
+
+#d42
+{background-color:#CD919E}
+
+#d43
+{background-color:#8B636C}
+
+#d44
+{background-color:#8B475D}
+
+#d45
+{background-color:#DB7093}
+
+#d46
+{background-color:#EE799F}
+
+#d47
+{background-color:#FF82AB}
+
+#d48
+{background-color:#CD6889}
+
+#d49
+{background-color:#FFF0F5}
+
+#d50
+{background-color:#FFF0F5}
+
+#d51
+{background-color:#CDC1C5}
+
+#d52
+{background-color:#EEE0E5}
+
+#d53
+{background-color:#8B8386}
+
+#d54
+{background-color:#B03060}
+
+#d55
+{background-color:#CD6090}
+
+#d56
+{background-color:#CD3278}
+
+#d57
+{background-color:#FF3E96}
+
+#d58
+{background-color:#EE3A8C}
+
+#d59
+{background-color:#8B2252}
+
+#d60
+{background-color:#EE6AA7}
+
+#d61
+{background-color:#FF6EB4}
+
+#d62
+{background-color:#8B3A62}
+
+#d63
+{background-color:#FF69B4}
+
+#d64
+{background-color:#FF1493}
+
+#d65
+{background-color:#FF1493}
+
+#d66
+{background-color:#EE1289}
+
+#d67
+{background-color:#CD1076}
+
+#d68
+{background-color:#8B0A50}
+
+#d69
+{background-color:#FF34B3}
+
+#d70
+{background-color:#EE30A7}
+
+#d71
+{background-color:#CD2990}
+
+#d72
+{background-color:#8B1C62}
+
+#d73
+{background-color:#C71585}
+
+#d74
+{background-color:#D02090}
+
+#d75
+{background-color:#EE7AE9}
+
+#d76
+{background-color:#DA70D6}
+
+#d77
+{background-color:#FF83FA}
+
+#d78
+{background-color:#CD69C9}
+
+#d79
+{background-color:#8B4789}
+
+#d80
+{background-color:#FFE1FF}
+
+#d81
+{background-color:#EED2EE}
+
+#d82
+{background-color:#FFBBFF}
+
+#d83
+{background-color:#EEAEEE}
+
+#d84
+{background-color:#D8BFD8}
+
+#d85
+{background-color:#CDB5CD}
+
+#d86
+{background-color:#DDA0DD}
+
+#d87
+{background-color:#EE82EE}
+
+#d88
+{background-color:#CD96CD}
+
+#d89
+{background-color:#8B7B8B}
+
+#d90
+{background-color:#FF00FF}
+
+#d91
+{background-color:#FF00FF}
+
+#d92
+{background-color:#FF00FF}
+
+#d93
+{background-color:#8B668B}
+
+#d94
+{background-color:#EE00EE}
+
+#d95
+{background-color:#CD00CD}
+
+#d96
+{background-color:#8B008B}
+
+#d97
+{background-color:#8B008B}
+
+#d98
+{background-color:#800080}
+
+#d99
+{background-color:#BA55D3}
+
+#d100
+{background-color:#E066FF}
+
+#d101
+{background-color:#D15FEE}
+
+#d102
+{background-color:#B452CD}
+
+#d103
+{background-color:#7A378B}
+
+#d104
+{background-color:#9400D3}
+
+#d105
+{background-color:#9932CC}
+
+#d106
+{background-color:#BF3EFF}
+
+#d107
+{background-color:#9A32CD}
+
+#d108
+{background-color:#B23AEE}
+
+#d109
+{background-color:#68228B}
+
+#d110
+{background-color:#A020F0}
+
+#d111
+{background-color:#4B0082}
+
+#d112
+{background-color:#8A2BE2}
+
+#d113
+{background-color:#912CEE}
+
+#d114
+{background-color:#7D26CD}
+
+#d115
+{background-color:#551A8B}
+
+#d116
+{background-color:#9B30FF}
+
+#d117
+{background-color:#9370DB}
+
+#d118
+{background-color:#AB82FF}
+
+#d119
+{background-color:#9F79EE}
+
+#d120
+{background-color:#8968CD}
+
+#d121
+{background-color:#5D478B}
+
+#d122
+{background-color:#483D8B}
+
+#d123
+{background-color:#8470FF}
+
+#d124
+{background-color:#7B68EE}
+
+#d125
+{background-color:#6A5ACD}
+
+#d126
+{background-color:#836FFF}
+
+#d127
+{background-color:#7A67EE}
+
+#d128
+{background-color:#6959CD}
+
+#d129
+{background-color:#473C8B}
+
+#d130
+{background-color:#F8F8FF}
+
+#d131
+{background-color:#E6E6FA}
+
+#d132
+{background-color:#0000FF}
+
+#d133
+{background-color:#0000FF}
+
+#d134
+{background-color:#0000EE}
+
+#d135
+{background-color:#0000CD}
+
+#d136
+{background-color:#0000CD}
+
+#d137
+{background-color:#00008B}
+
+#d138
+{background-color:#00008B}
+
+#d139
+{background-color:#191970}
+
+#d140
+{background-color:#000080}
+
+#d141
+{background-color:#000080}
+
+#d142
+{background-color:#4169E1}
+
+#d143
+{background-color:#4876FF}
+
+#d144
+{background-color:#436EEE}
+
+#d145
+{background-color:#3A5FCD}
+
+#d146
+{background-color:#27408B}
+
+#d147
+{background-color:#6495ED}
+
+#d148
+{background-color:#B0C4DE}
+
+#d149
+{background-color:#CAE1FF}
+
+#d150
+{background-color:#BCD2EE}
+
+#d151
+{background-color:#A2B5CD}
+
+#d152
+{background-color:#6E7B8B}
+
+#d153
+{background-color:#6C7B8B}
+
+#d154
+{background-color:#C6E2FF}
+
+#d155
+{background-color:#B9D3EE}
+
+#d156
+{background-color:#9FB6CD}
+
+#d157
+{background-color:#778899}
+
+#d158
+{background-color:#778899}
+
+#d159
+{background-color:#708090}
+
+#d160
+{background-color:#708090}
+
+#d161
+{background-color:#1E90FF}
+
+#d162
+{background-color:#1E90FF}
+
+#d163
+{background-color:#1C86EE}
+
+#d164
+{background-color:#104E8B}
+
+#d165
+{background-color:#1874CD}
+
+#d166
+{background-color:#F0F8FF}
+
+#d167
+{background-color:#36648B}
+
+#d168
+{background-color:#4682B4}
+
+#d169
+{background-color:#63B8FF}
+
+#d170
+{background-color:#5CACEE}
+
+#d171
+{background-color:#4F94CD}
+
+#d172
+{background-color:#4A708B}
+
+#d173
+{background-color:#87CEFF}
+
+#d174
+{background-color:#7EC0EE}
+
+#d175
+{background-color:#6CA6CD}
+
+#d176
+{background-color:#87CEFA}
+
+#d177
+{background-color:#607B8B}
+
+#d178
+{background-color:#B0E2FF}
+
+#d179
+{background-color:#A4D3EE}
+
+#d180
+{background-color:#8DB6CD}
+
+#d181
+{background-color:#87CEEB}
+
+#d182
+{background-color:#9AC0CD}
+
+#d183
+{background-color:#00BFFF}
+
+#d184
+{background-color:#00BFFF}
+
+#d185
+{background-color:#00B2EE}
+
+#d186
+{background-color:#00688B}
+
+#d187
+{background-color:#009ACD}
+
+#d188
+{background-color:#BFEFFF}
+
+#d189
+{background-color:#B2DFEE}
+
+#d190
+{background-color:#ADD8E6}
+
+#d191
+{background-color:#68838B}
+
+#d192
+{background-color:#B0E0E6}
+
+#d193
+{background-color:#98F5FF}
+
+#d194
+{background-color:#8EE5EE}
+
+#d195
+{background-color:#7AC5CD}
+
+#d196
+{background-color:#53868B}
+
+#d197
+{background-color:#00F5FF}
+
+#d198
+{background-color:#00E5EE}
+
+#d199
+{background-color:#00C5CD}
+
+#d200
+{background-color:#00868B}
+
+#d201
+{background-color:#5F9EA0}
+
+#d202
+{background-color:#5F9EA0}
+
+#d203
+{background-color:#00CED1}
+
+#d204
+{background-color:#F0FFFF}
+
+#d205
+{background-color:#F0FFFF}
+
+#d206
+{background-color:#E0FFFF}
+
+#d207
+{background-color:#E0FFFF}
+
+#d208
+{background-color:#E0EEEE}
+
+#d209
+{background-color:#D1EEEE}
+
+#d210
+{background-color:#BBFFFF}
+
+#d211
+{background-color:#AFEEEE}
+
+#d212
+{background-color:#AEEEEE}
+
+#d213
+{background-color:#97FFFF}
+
+#d214
+{background-color:#C1CDCD}
+
+#d215
+{background-color:#B4CDCD}
+
+#d216
+{background-color:#8DEEEE}
+
+#d217
+{background-color:#96CDCD}
+
+#d218
+{background-color:#79CDCD}
+
+#d219
+{background-color:#838B8B}
+
+#d220
+{background-color:#7A8B8B}
+
+#d221
+{background-color:#00FFFF}
+
+#d222
+{background-color:#00FFFF}
+
+#d223
+{background-color:#00FFFF}
+
+#d224
+{background-color:#668B8B}
+
+#d225
+{background-color:#00EEEE}
+
+#d226
+{background-color:#528B8B}
+
+#d227
+{background-color:#00CDCD}
+
+#d228
+{background-color:#008B8B}
+
+#d229
+{background-color:#008B8B}
+
+#d230
+{background-color:#008080}
+
+#d231
+{background-color:#2F4F4F}
+
+#d232
+{background-color:#2F4F4F}
+
+#d233
+{background-color:#48D1CC}
+
+#d234
+{background-color:#20B2AA}
+
+#d235
+{background-color:#40E0D0}
+
+#d236
+{background-color:#458B74}
+
+#d237
+{background-color:#7FFFD4}
+
+#d238
+{background-color:#7FFFD4}
+
+#d239
+{background-color:#76EEC6}
+
+#d240
+{background-color:#66CDAA}
+
+#d241
+{background-color:#66CDAA}
+
+#d242
+{background-color:#00FA9A}
+
+#d243
+{background-color:#F5FFFA}
+
+#d244
+{background-color:#00FF7F}
+
+#d245
+{background-color:#00FF7F}
+
+#d246
+{background-color:#00EE76}
+
+#d247
+{background-color:#00CD66}
+
+#d248
+{background-color:#008B45}
+
+#d249
+{background-color:#3CB371}
+
+#d250
+{background-color:#2E8B57}
+
+#d251
+{background-color:#43CD80}
+
+#d252
+{background-color:#54FF9F}
+
+#d253
+{background-color:#2E8B57}
+
+#d254
+{background-color:#4EEE94}
+
+#d255
+{background-color:#32814B}
+
+#d256
+{background-color:#F0FFF0}
+
+#d257
+{background-color:#F0FFF0}
+
+#d258
+{background-color:#E0EEE0}
+
+#d259
+{background-color:#C1FFC1}
+
+#d260
+{background-color:#B4EEB4}
+
+#d261
+{background-color:#9AFF9A}
+
+#d262
+{background-color:#98FB98}
+
+#d263
+{background-color:#C1CDC1}
+
+#d264
+{background-color:#90EE90}
+
+#d265
+{background-color:#90EE90}
+
+#d266
+{background-color:#9BCD9B}
+
+#d267
+{background-color:#8FBC8F}
+
+#d268
+{background-color:#7CCD7C}
+
+#d269
+{background-color:#838B83}
+
+#d270
+{background-color:#00FF00}
+
+#d271
+{background-color:#00FF00}
+
+#d272
+{background-color:#32CD32}
+
+#d273
+{background-color:#698B69}
+
+#d274
+{background-color:#00EE00}
+
+#d275
+{background-color:#548B54}
+
+#d276
+{background-color:#00CD00}
+
+#d277
+{background-color:#228B22}
+
+#d278
+{background-color:#008B00}
+
+#d279
+{background-color:#008000}
+
+#d280
+{background-color:#006400}
+
+#d281
+{background-color:#7CFC00}
+
+#d282
+{background-color:#7FFF00}
+
+#d283
+{background-color:#7FFF00}
+
+#d284
+{background-color:#76EE00}
+
+#d285
+{background-color:#66CD00}
+
+#d286
+{background-color:#458B00}
+
+#d287
+{background-color:#ADFF2F}
+
+#d288
+{background-color:#A2CD5A}
+
+#d289
+{background-color:#CAFF70}
+
+#d290
+{background-color:#BCEE68}
+
+#d291
+{background-color:#6E8B3D}
+
+#d292
+{background-color:#556B2F}
+
+#d293
+{background-color:#6B8E23}
+
+#d294
+{background-color:#C0FF3E}
+
+#d295
+{background-color:#B3EE3A}
+
+#d296
+{background-color:#9ACD32}
+
+#d297
+{background-color:#9ACD32}
+
+#d298
+{background-color:#698B22}
+
+#d299
+{background-color:#FFFFF0}
+
+#d300
+{background-color:#FFFFF0}
+
+#d301
+{background-color:#FFFFE0}
+
+#d302
+{background-color:#FFFFE0}
+
+#d303
+{background-color:#F5F5DC}
+
+#d304
+{background-color:#EEEEE0}
+
+#d305
+{background-color:#FAFAD2}
+
+#d306
+{background-color:#EEEED1}
+
+#d307
+{background-color:#CDCDC1}
+
+#d308
+{background-color:#CDCDB4}
+
+#d309
+{background-color:#8B8B83}
+
+#d310
+{background-color:#8B8B7A}
+
+#d311
+{background-color:#FFFF00}
+
+#d312
+{background-color:#FFFF00}
+
+#d313
+{background-color:#EEEE00}
+
+#d314
+{background-color:#CDCD00}
+
+#d315
+{background-color:#8B8B00}
+
+#d316
+{background-color:#808000}
+
+#d317
+{background-color:#BDB76B}
+
+#d318
+{background-color:#EEE685}
+
+#d319
+{background-color:#8B8970}
+
+#d320
+{background-color:#FFF68F}
+
+#d321
+{background-color:#CDC673}
+
+#d322
+{background-color:#8B864E}
+
+#d323
+{background-color:#EEE8AA}
+
+#d324
+{background-color:#FFFACD}
+
+#d325
+{background-color:#FFFACD}
+
+#d326
+{background-color:#F0E68C}
+
+#d327
+{background-color:#CDC9A5}
+
+#d328
+{background-color:#EEE9BF}
+
+#d329
+{background-color:#D1C166}
+
+#d330
+{background-color:#8B8878}
+
+#d331
+{background-color:#FFD700}
+
+#d332
+{background-color:#FFD700}
+
+#d333
+{background-color:#EEC900}
+
+#d334
+{background-color:#CDAD00}
+
+#d335
+{background-color:#8B7500}
+
+#d336
+{background-color:#EEDD82}
+
+#d337
+{background-color:#8B814C}
+
+#d338
+{background-color:#FFEC8B}
+
+#d339
+{background-color:#CDBE70}
+
+#d340
+{background-color:#EEDC82}
+
+#d341
+{background-color:#CDC8B1}
+
+#d342
+{background-color:#EEE8CD}
+
+#d343
+{background-color:#FFF8DC}
+
+#d344
+{background-color:#FFF8DC}
+
+#d345
+{background-color:#DAA520}
+
+#d346
+{background-color:#FFC125}
+
+#d347
+{background-color:#EEB422}
+
+#d348
+{background-color:#CD9B1D}
+
+#d349
+{background-color:#8B6914}
+
+#d350
+{background-color:#B8860B}
+
+#d351
+{background-color:#FFB90F}
+
+#d352
+{background-color:#EEAD0E}
+
+#d353
+{background-color:#CD950C}
+
+#d354
+{background-color:#8B6508}
+
+#d355
+{background-color:#FFFAF0}
+
+#d356
+{background-color:#EED8AE}
+
+#d357
+{background-color:#FDF5E6}
+
+#d358
+{background-color:#F5DEB3}
+
+#d359
+{background-color:#FFE7BA}
+
+#d360
+{background-color:#CDBA96}
+
+#d361
+{background-color:#FFA500}
+
+#d362
+{background-color:#FFA500}
+
+#d363
+{background-color:#EE9A00}
+
+#d364
+{background-color:#CD8500}
+
+#d365
+{background-color:#8B5A00}
+
+#d366
+{background-color:#8B7E66}
+
+#d367
+{background-color:#FFE4B5}
+
+#d368
+{background-color:#FFEFD5}
+
+#d369
+{background-color:#CDB38B}
+
+#d370
+{background-color:#FFEBCD}
+
+#d371
+{background-color:#FFDEAD}
+
+#d372
+{background-color:#FFDEAD}
+
+#d373
+{background-color:#EECFA1}
+
+#d374
+{background-color:#8B795E}
+
+#d375
+{background-color:#8B8378}
+
+#d376
+{background-color:#FAEBD7}
+
+#d377
+{background-color:#D2B48C}
+
+#d378
+{background-color:#8B7D6B}
+
+#d379
+{background-color:#DEB887}
+
+#d380
+{background-color:#EEDFCC}
+
+#d381
+{background-color:#FFD39B}
+
+#d382
+{background-color:#CDAA7D}
+
+#d383
+{background-color:#EEC591}
+
+#d384
+{background-color:#FFEFDB}
+
+#d385
+{background-color:#8B7355}
+
+#d386
+{background-color:#CDC0B0}
+
+#d387
+{background-color:#FF8C00}
+
+#d388
+{background-color:#EED5B7}
+
+#d389
+{background-color:#FFE4C4}
+
+#d390
+{background-color:#FFE4C4}
+
+#d391
+{background-color:#CDB79E}
+
+#d392
+{background-color:#FF7F00}
+
+#d393
+{background-color:#FAF0E6}
+
+#d394
+{background-color:#EE7600}
+
+#d395
+{background-color:#CD6600}
+
+#d396
+{background-color:#8B4500}
+
+#d397
+{background-color:#CD853F}
+
+#d398
+{background-color:#FFA54F}
+
+#d399
+{background-color:#EE9A49}
+
+#d400
+{background-color:#CD853F}
+
+#d401
+{background-color:#8B5A2B}
+
+#d402
+{background-color:#FFDAB9}
+
+#d403
+{background-color:#FFDAB9}
+
+#d404
+{background-color:#8B7765}
+
+#d405
+{background-color:#EECBAD}
+
+#d406
+{background-color:#CDAF95}
+
+#d407
+{background-color:#F4A460}
+
+#d408
+{background-color:#8B8682}
+
+#d409
+{background-color:#EEE5DE}
+
+#d410
+{background-color:#CDC5BF}
+
+#d411
+{background-color:#D2691E}
+
+#d412
+{background-color:#FF7F24}
+
+#d413
+{background-color:#EE7621}
+
+#d414
+{background-color:#CD661D}
+
+#d415
+{background-color:#8B4513}
+
+#d416
+{background-color:#8B4513}
+
+#d417
+{background-color:#FFF5EE}
+
+#d418
+{background-color:#FFF5EE}
+
+#d419
+{background-color:#8B4726}
+
+#d420
+{background-color:#A0522D}
+
+#d421
+{background-color:#FF8247}
+
+#d422
+{background-color:#EE7942}
+
+#d423
+{background-color:#CD6839}
+
+#d424
+{background-color:#CD8162}
+
+#d425
+{background-color:#FFA07A}
+
+#d426
+{background-color:#FFA07A}
+
+#d427
+{background-color:#8B5742}
+
+#d428
+{background-color:#EE9572}
+
+#d429
+{background-color:#FF7F50}
+
+#d430
+{background-color:#FF4500}
+
+#d431
+{background-color:#FF4500}
+
+#d432
+{background-color:#EE4000}
+
+#d433
+{background-color:#CD3700}
+
+#d434
+{background-color:#8B2500}
+
+#d435
+{background-color:#E9967A}
+
+#d436
+{background-color:#FF8C69}
+
+#d437
+{background-color:#EE8262}
+
+#d438
+{background-color:#CD7054}
+
+#d439
+{background-color:#8B4C39}
+
+#d440
+{background-color:#FF7256}
+
+#d441
+{background-color:#EE6A50}
+
+#d442
+{background-color:#CD5B45}
+
+#d443
+{background-color:#8B3E2F}
+
+#d444
+{background-color:#8B3626}
+
+#d445
+{background-color:#FF6347}
+
+#d446
+{background-color:#FF6347}
+
+#d447
+{background-color:#EE5C42}
+
+#d448
+{background-color:#CD4F39}
+
+#d449
+{background-color:#8B7D7B}
+
+#d450
+{background-color:#EED5D2}
+
+#d451
+{background-color:#FFE4E1}
+
+#d452
+{background-color:#FFE4E1}
+
+#d453
+{background-color:#FA8072}
+
+#d454
+{background-color:#CDB7B5}
+
+#d455
+{background-color:#FFFFFF}
+
+#d456
+{background-color:#FFFFFF}
+
+#d457
+{background-color:#FFFFFF}
+
+#d458
+{background-color:#FFFFFF}
+
+#d459
+{background-color:#FCFCFC}
+
+#d460
+{background-color:#FCFCFC}
+
+#d461
+{background-color:#FAFAFA}
+
+#d462
+{background-color:#FAFAFA}
+
+#d463
+{background-color:#F7F7F7}
+
+#d464
+{background-color:#F7F7F7}
+
+#d465
+{background-color:#F5F5F5}
+
+#d466
+{background-color:#F5F5F5}
+
+#d467
+{background-color:#F5F5F5}
+
+#d468
+{background-color:#F2F2F2}
+
+#d469
+{background-color:#F2F2F2}
+
+#d470
+{background-color:#F0F0F0}
+
+#d471
+{background-color:#F0F0F0}
+
+#d472
+{background-color:#EDEDED}
+
+#d473
+{background-color:#EDEDED}
+
+#d474
+{background-color:#EBEBEB}
+
+#d475
+{background-color:#EBEBEB}
+
+#d476
+{background-color:#E8E8E8}
+
+#d477
+{background-color:#E8E8E8}
+
+#d478
+{background-color:#E5E5E5}
+
+#d479
+{background-color:#E5E5E5}
+
+#d480
+{background-color:#E3E3E3}
+
+#d481
+{background-color:#E3E3E3}
+
+#d482
+{background-color:#E0E0E0}
+
+#d483
+{background-color:#E0E0E0}
+
+#d484
+{background-color:#DEDEDE}
+
+#d485
+{background-color:#DEDEDE}
+
+#d486
+{background-color:#DCDCDC}
+
+#d487
+{background-color:#DBDBDB}
+
+#d488
+{background-color:#DBDBDB}
+
+#d489
+{background-color:#D9D9D9}
+
+#d490
+{background-color:#D9D9D9}
+
+#d491
+{background-color:#D6D6D6}
+
+#d492
+{background-color:#D6D6D6}
+
+#d493
+{background-color:#D4D4D4}
+
+#d494
+{background-color:#D4D4D4}
+
+#d495
+{background-color:#D3D3D3}
+
+#d496
+{background-color:#D3D3D3}
+
+#d497
+{background-color:#D1D1D1}
+
+#d498
+{background-color:#D1D1D1}
+
+#d499
+{background-color:#CFCFCF}
+
+#d500
+{background-color:#CFCFCF}
+
+#d501
+{background-color:#CCCCCC}
+
+#d502
+{background-color:#CCCCCC}
+
+#d503
+{background-color:#C9C9C9}
+
+#d504
+{background-color:#C9C9C9}
+
+#d505
+{background-color:#C7C7C7}
+
+#d506
+{background-color:#C7C7C7}
+
+#d507
+{background-color:#C4C4C4}
+
+#d508
+{background-color:#C4C4C4}
+
+#d509
+{background-color:#C2C2C2}
+
+#d510
+{background-color:#C2C2C2}
+
+#d511
+{background-color:#C0C0C0}
+
+#d512
+{background-color:#BFBFBF}
+
+#d513
+{background-color:#BFBFBF}
+
+#d514
+{background-color:#BDBDBD}
+
+#d515
+{background-color:#BDBDBD}
+
+#d516
+{background-color:#BABABA}
+
+#d517
+{background-color:#BABABA}
+
+#d518
+{background-color:#B8B8B8}
+
+#d519
+{background-color:#B8B8B8}
+
+#d520
+{background-color:#B5B5B5}
+
+#d521
+{background-color:#B5B5B5}
+
+#d522
+{background-color:#B3B3B3}
+
+#d523
+{background-color:#B3B3B3}
+
+#d524
+{background-color:#B0B0B0}
+
+#d525
+{background-color:#B0B0B0}
+
+#d526
+{background-color:#ADADAD}
+
+#d527
+{background-color:#ADADAD}
+
+#d528
+{background-color:#ABABAB}
+
+#d529
+{background-color:#ABABAB}
+
+#d530
+{background-color:#A9A9A9}
+
+#d531
+{background-color:#A9A9A9}
+
+#d532
+{background-color:#A8A8A8}
+
+#d533
+{background-color:#A8A8A8}
+
+#d534
+{background-color:#A6A6A6}
+
+#d535
+{background-color:#A6A6A6}
+
+#d536
+{background-color:#A3A3A3}
+
+#d537
+{background-color:#A3A3A3}
+
+#d538
+{background-color:#A1A1A1}
+
+#d539
+{background-color:#A1A1A1}
+
+#d540
+{background-color:#9E9E9E}
+
+#d541
+{background-color:#9E9E9E}
+
+#d542
+{background-color:#9C9C9C}
+
+#d543
+{background-color:#9C9C9C}
+
+#d544
+{background-color:#999999}
+
+#d545
+{background-color:#999999}
+
+#d546
+{background-color:#969696}
+
+#d547
+{background-color:#969696}
+
+#d548
+{background-color:#949494}
+
+#d549
+{background-color:#949494}
+
+#d550
+{background-color:#919191}
+
+#d551
+{background-color:#919191}
+
+#d552
+{background-color:#8F8F8F}
+
+#d553
+{background-color:#8F8F8F}
+
+#d554
+{background-color:#8C8C8C}
+
+#d555
+{background-color:#8C8C8C}
+
+#d556
+{background-color:#8A8A8A}
+
+#d557
+{background-color:#8A8A8A}
+
+#d558
+{background-color:#878787}
+
+#d559
+{background-color:#878787}
+
+#d560
+{background-color:#858585}
+
+#d561
+{background-color:#858585}
+
+#d562
+{background-color:#828282}
+
+#d563
+{background-color:#828282}
+
+#d564
+{background-color:#808080}
+
+#d565
+{background-color:#7F7F7F}
+
+#d566
+{background-color:#7F7F7F}
+
+#d567
+{background-color:#7E7E7E}
+
+#d568
+{background-color:#7D7D7D}
+
+#d569
+{background-color:#7D7D7D}
+
+#d570
+{background-color:#7A7A7A}
+
+#d571
+{background-color:#7A7A7A}
+
+#d572
+{background-color:#787878}
+
+#d573
+{background-color:#787878}
+
+#d574
+{background-color:#757575}
+
+#d575
+{background-color:#757575}
+
+#d576
+{background-color:#737373}
+
+#d577
+{background-color:#737373}
+
+#d578
+{background-color:#707070}
+
+#d579
+{background-color:#707070}
+
+#d580
+{background-color:#6E6E6E}
+
+#d581
+{background-color:#6E6E6E}
+
+#d582
+{background-color:#6B6B6B}
+
+#d583
+{background-color:#6B6B6B}
+
+#d584
+{background-color:#696969}
+
+#d585
+{background-color:#696969}
+
+#d586
+{background-color:#696969}
+
+#d587
+{background-color:#696969}
+
+#d588
+{background-color:#666666}
+
+#d589
+{background-color:#666666}
+
+#d590
+{background-color:#636363}
+
+#d591
+{background-color:#636363}
+
+#d592
+{background-color:#616161}
+
+#d593
+{background-color:#616161}
+
+#d594
+{background-color:#5E5E5E}
+
+#d595
+{background-color:#5E5E5E}
+
+#d596
+{background-color:#5C5C5C}
+
+#d597
+{background-color:#5C5C5C}
+
+#d598
+{background-color:#595959}
+
+#d599
+{background-color:#595959}
+
+#d600
+{background-color:#575757}
+
+#d601
+{background-color:#575757}
+
+#d602
+{background-color:#545454}
+
+#d603
+{background-color:#545454}
+
+#d604
+{background-color:#525252}
+
+#d605
+{background-color:#525252}
+
+#d606
+{background-color:#4F4F4F}
+
+#d607
+{background-color:#4F4F4F}
+
+#d608
+{background-color:#4D4D4D}
+
+#d609
+{background-color:#4D4D4D}
+
+#d610
+{background-color:#4A4A4A}
+
+#d611
+{background-color:#4A4A4A}
+
+#d612
+{background-color:#474747}
+
+#d613
+{background-color:#474747}
+
+#d614
+{background-color:#454545}
+
+#d615
+{background-color:#454545}
+
+#d616
+{background-color:#424242}
+
+#d617
+{background-color:#424242}
+
+#d618
+{background-color:#404040}
+
+#d619
+{background-color:#404040}
+
+#d620
+{background-color:#3D3D3D}
+
+#d621
+{background-color:#3D3D3D}
+
+#d622
+{background-color:#3B3B3B}
+
+#d623
+{background-color:#3B3B3B}
+
+#d624
+{background-color:#383838}
+
+#d625
+{background-color:#383838}
+
+#d626
+{background-color:#363636}
+
+#d627
+{background-color:#363636}
+
+#d628
+{background-color:#333333}
+
+#d629
+{background-color:#333333}
+
+#d630
+{background-color:#303030}
+
+#d631
+{background-color:#303030}
+
+#d632
+{background-color:#2E2E2E}
+
+#d633
+{background-color:#2E2E2E}
+
+#d634
+{background-color:#2B2B2B}
+
+#d635
+{background-color:#2B2B2B}
+
+#d636
+{background-color:#292929}
+
+#d637
+{background-color:#292929}
+
+#d638
+{background-color:#262626}
+
+#d639
+{background-color:#262626}
+
+#d640
+{background-color:#242424}
+
+#d641
+{background-color:#242424}
+
+#d642
+{background-color:#212121}
+
+#d643
+{background-color:#212121}
+
+#d644
+{background-color:#1F1F1F}
+
+#d645
+{background-color:#1F1F1F}
+
+#d646
+{background-color:#1C1C1C}
+
+#d647
+{background-color:#1C1C1C}
+
+#d648
+{background-color:#1A1A1A}
+
+#d649
+{background-color:#1A1A1A}
+
+#d650
+{background-color:#171717}
+
+#d651
+{background-color:#171717}
+
+#d652
+{background-color:#141414}
+
+#d653
+{background-color:#141414}
+
+#d654
+{background-color:#121212}
+
+#d655
+{background-color:#121212}
+
+#d656
+{background-color:#0F0F0F}
+
+#d657
+{background-color:#0F0F0F}
+
+#d658
+{background-color:#0D0D0D}
+
+#d659
+{background-color:#0D0D0D}
+
+#d660
+{background-color:#0A0A0A}
+
+#d661
+{background-color:#0A0A0A}
+
+#d662
+{background-color:#080808}
+
+#d663
+{background-color:#080808}
+
+#d664
+{background-color:#050505}
+
+#d665
+{background-color:#050505}
+
+#d666
+{background-color:#030303}
+
+#d667
+{background-color:#030303}
+
+#d668
+{background-color:#000000}
+
+#d669
+{background-color:#000000}
+
+#d670
+{background-color:#000000}
+
+#d671
+{background-color:#000000}
+
+#d672
+{background-color:#000000}
+
+#d673
+{background-color:#000000}
+.colors
+{
+height:30;
+width:10px;
+}
+</style></head><body>
+<div id='colorpicker'>
+<div id='container'>
+<div id='d0' class='colors'>
+snow</div>
+<div id='d1' class='colors'>
+snow1</div>
+<div id='d2' class='colors'>
+snow2</div>
+<div id='d3' class='colors'>
+RosyBrown1</div>
+<div id='d4' class='colors'>
+RosyBrown2</div>
+<div id='d5' class='colors'>
+snow3</div>
+<div id='d6' class='colors'>
+LightCoral</div>
+<div id='d7' class='colors'>
+IndianRed1</div>
+<div id='d8' class='colors'>
+RosyBrown3</div>
+<div id='d9' class='colors'>
+IndianRed2</div>
+<div id='d10' class='colors'>
+RosyBrown</div>
+<div id='d11' class='colors'>
+brown1</div>
+<div id='d12' class='colors'>
+firebrick1</div>
+<div id='d13' class='colors'>
+brown2</div>
+<div id='d14' class='colors'>
+IndianRed</div>
+<div id='d15' class='colors'>
+IndianRed3</div>
+<div id='d16' class='colors'>
+firebrick2</div>
+<div id='d17' class='colors'>
+snow4</div>
+<div id='d18' class='colors'>
+brown3</div>
+<div id='d19' class='colors'>
+red</div>
+<div id='d20' class='colors'>
+red1</div>
+<div id='d21' class='colors'>
+RosyBrown4</div>
+<div id='d22' class='colors'>
+firebrick3</div>
+<div id='d23' class='colors'>
+red2</div>
+<div id='d24' class='colors'>
+firebrick</div>
+<div id='d25' class='colors'>
+brown</div>
+<div id='d26' class='colors'>
+red3</div>
+<div id='d27' class='colors'>
+IndianRed4</div>
+<div id='d28' class='colors'>
+brown4</div>
+<div id='d29' class='colors'>
+firebrick4</div>
+<div id='d30' class='colors'>
+DarkRed</div>
+<div id='d31' class='colors'>
+red4</div>
+<div id='d32' class='colors'>
+maroon</div>
+<div id='d33' class='colors'>
+LightPink1</div>
+<div id='d34' class='colors'>
+LightPink3</div>
+<div id='d35' class='colors'>
+LightPink4</div>
+<div id='d36' class='colors'>
+LightPink2</div>
+<div id='d37' class='colors'>
+LightPink</div>
+<div id='d38' class='colors'>
+pink</div>
+<div id='d39' class='colors'>
+crimson</div>
+<div id='d40' class='colors'>
+pink1</div>
+<div id='d41' class='colors'>
+pink2</div>
+<div id='d42' class='colors'>
+pink3</div>
+<div id='d43' class='colors'>
+pink4</div>
+<div id='d44' class='colors'>
+PaleVioletRed4</div>
+<div id='d45' class='colors'>
+PaleVioletRed</div>
+<div id='d46' class='colors'>
+PaleVioletRed2</div>
+<div id='d47' class='colors'>
+PaleVioletRed1</div>
+<div id='d48' class='colors'>
+PaleVioletRed3</div>
+<div id='d49' class='colors'>
+LavenderBlush</div>
+<div id='d50' class='colors'>
+LavenderBlush1</div>
+<div id='d51' class='colors'>
+LavenderBlush3</div>
+<div id='d52' class='colors'>
+LavenderBlush2</div>
+<div id='d53' class='colors'>
+LavenderBlush4</div>
+<div id='d54' class='colors'>
+maroon</div>
+<div id='d55' class='colors'>
+HotPink3</div>
+<div id='d56' class='colors'>
+VioletRed3</div>
+<div id='d57' class='colors'>
+VioletRed1</div>
+<div id='d58' class='colors'>
+VioletRed2</div>
+<div id='d59' class='colors'>
+VioletRed4</div>
+<div id='d60' class='colors'>
+HotPink2</div>
+<div id='d61' class='colors'>
+HotPink1</div>
+<div id='d62' class='colors'>
+HotPink4</div>
+<div id='d63' class='colors'>
+HotPink</div>
+<div id='d64' class='colors'>
+DeepPink</div>
+<div id='d65' class='colors'>
+DeepPink1</div>
+<div id='d66' class='colors'>
+DeepPink2</div>
+<div id='d67' class='colors'>
+DeepPink3</div>
+<div id='d68' class='colors'>
+DeepPink4</div>
+<div id='d69' class='colors'>
+maroon1</div>
+<div id='d70' class='colors'>
+maroon2</div>
+<div id='d71' class='colors'>
+maroon3</div>
+<div id='d72' class='colors'>
+maroon4</div>
+<div id='d73' class='colors'>
+MediumVioletRed</div>
+<div id='d74' class='colors'>
+VioletRed</div>
+<div id='d75' class='colors'>
+orchid2</div>
+<div id='d76' class='colors'>
+orchid</div>
+<div id='d77' class='colors'>
+orchid1</div>
+<div id='d78' class='colors'>
+orchid3</div>
+<div id='d79' class='colors'>
+orchid4</div>
+<div id='d80' class='colors'>
+thistle1</div>
+<div id='d81' class='colors'>
+thistle2</div>
+<div id='d82' class='colors'>
+plum1</div>
+<div id='d83' class='colors'>
+plum2</div>
+<div id='d84' class='colors'>
+thistle</div>
+<div id='d85' class='colors'>
+thistle3</div>
+<div id='d86' class='colors'>
+plum</div>
+<div id='d87' class='colors'>
+violet</div>
+<div id='d88' class='colors'>
+plum3</div>
+<div id='d89' class='colors'>
+thistle4</div>
+<div id='d90' class='colors'>
+fuchsia</div>
+<div id='d91' class='colors'>
+magenta</div>
+<div id='d92' class='colors'>
+magenta1</div>
+<div id='d93' class='colors'>
+plum4</div>
+<div id='d94' class='colors'>
+magenta2</div>
+<div id='d95' class='colors'>
+magenta3</div>
+<div id='d96' class='colors'>
+DarkMagenta</div>
+<div id='d97' class='colors'>
+magenta4</div>
+<div id='d98' class='colors'>
+purple</div>
+<div id='d99' class='colors'>
+MediumOrchid</div>
+<div id='d100' class='colors'>
+MediumOrchid1</div>
+<div id='d101' class='colors'>
+MediumOrchid2</div>
+<div id='d102' class='colors'>
+MediumOrchid3</div>
+<div id='d103' class='colors'>
+MediumOrchid4</div>
+<div id='d104' class='colors'>
+DarkViolet</div>
+<div id='d105' class='colors'>
+DarkOrchid</div>
+<div id='d106' class='colors'>
+DarkOrchid1</div>
+<div id='d107' class='colors'>
+DarkOrchid3</div>
+<div id='d108' class='colors'>
+DarkOrchid2</div>
+<div id='d109' class='colors'>
+DarkOrchid4</div>
+<div id='d110' class='colors'>
+purple</div>
+<div id='d111' class='colors'>
+indigo</div>
+<div id='d112' class='colors'>
+BlueViolet</div>
+<div id='d113' class='colors'>
+purple2</div>
+<div id='d114' class='colors'>
+purple3</div>
+<div id='d115' class='colors'>
+purple4</div>
+<div id='d116' class='colors'>
+purple1</div>
+<div id='d117' class='colors'>
+MediumPurple</div>
+<div id='d118' class='colors'>
+MediumPurple1</div>
+<div id='d119' class='colors'>
+MediumPurple2</div>
+<div id='d120' class='colors'>
+MediumPurple3</div>
+<div id='d121' class='colors'>
+MediumPurple4</div>
+<div id='d122' class='colors'>
+DarkSlateBlue</div>
+<div id='d123' class='colors'>
+LightSlateBlue</div>
+<div id='d124' class='colors'>
+MediumSlateBlue</div>
+<div id='d125' class='colors'>
+SlateBlue</div>
+<div id='d126' class='colors'>
+SlateBlue1</div>
+<div id='d127' class='colors'>
+SlateBlue2</div>
+<div id='d128' class='colors'>
+SlateBlue3</div>
+<div id='d129' class='colors'>
+SlateBlue4</div>
+<div id='d130' class='colors'>
+GhostWhite</div>
+<div id='d131' class='colors'>
+lavender</div>
+<div id='d132' class='colors'>
+blue</div>
+<div id='d133' class='colors'>
+blue1</div>
+<div id='d134' class='colors'>
+blue2</div>
+<div id='d135' class='colors'>
+blue3</div>
+<div id='d136' class='colors'>
+MediumBlue</div>
+<div id='d137' class='colors'>
+blue4</div>
+<div id='d138' class='colors'>
+DarkBlue</div>
+<div id='d139' class='colors'>
+MidnightBlue</div>
+<div id='d140' class='colors'>
+navy</div>
+<div id='d141' class='colors'>
+NavyBlue</div>
+<div id='d142' class='colors'>
+RoyalBlue</div>
+<div id='d143' class='colors'>
+RoyalBlue1</div>
+<div id='d144' class='colors'>
+RoyalBlue2</div>
+<div id='d145' class='colors'>
+RoyalBlue3</div>
+<div id='d146' class='colors'>
+RoyalBlue4</div>
+<div id='d147' class='colors'>
+CornflowerBlue</div>
+<div id='d148' class='colors'>
+LightSteelBlue</div>
+<div id='d149' class='colors'>
+LightSteelBlue1</div>
+<div id='d150' class='colors'>
+LightSteelBlue2</div>
+<div id='d151' class='colors'>
+LightSteelBlue3</div>
+<div id='d152' class='colors'>
+LightSteelBlue4</div>
+<div id='d153' class='colors'>
+SlateGray4</div>
+<div id='d154' class='colors'>
+SlateGray1</div>
+<div id='d155' class='colors'>
+SlateGray2</div>
+<div id='d156' class='colors'>
+SlateGray3</div>
+<div id='d157' class='colors'>
+LightSlateGray</div>
+<div id='d158' class='colors'>
+LightSlateGrey</div>
+<div id='d159' class='colors'>
+SlateGray</div>
+<div id='d160' class='colors'>
+SlateGrey</div>
+<div id='d161' class='colors'>
+DodgerBlue</div>
+<div id='d162' class='colors'>
+DodgerBlue1</div>
+<div id='d163' class='colors'>
+DodgerBlue2</div>
+<div id='d164' class='colors'>
+DodgerBlue4</div>
+<div id='d165' class='colors'>
+DodgerBlue3</div>
+<div id='d166' class='colors'>
+AliceBlue</div>
+<div id='d167' class='colors'>
+SteelBlue4</div>
+<div id='d168' class='colors'>
+SteelBlue</div>
+<div id='d169' class='colors'>
+SteelBlue1</div>
+<div id='d170' class='colors'>
+SteelBlue2</div>
+<div id='d171' class='colors'>
+SteelBlue3</div>
+<div id='d172' class='colors'>
+SkyBlue4</div>
+<div id='d173' class='colors'>
+SkyBlue1</div>
+<div id='d174' class='colors'>
+SkyBlue2</div>
+<div id='d175' class='colors'>
+SkyBlue3</div>
+<div id='d176' class='colors'>
+LightSkyBlue</div>
+<div id='d177' class='colors'>
+LightSkyBlue4</div>
+<div id='d178' class='colors'>
+LightSkyBlue1</div>
+<div id='d179' class='colors'>
+LightSkyBlue2</div>
+<div id='d180' class='colors'>
+LightSkyBlue3</div>
+<div id='d181' class='colors'>
+SkyBlue</div>
+<div id='d182' class='colors'>
+LightBlue3</div>
+<div id='d183' class='colors'>
+DeepSkyBlue</div>
+<div id='d184' class='colors'>
+DeepSkyBlue1</div>
+<div id='d185' class='colors'>
+DeepSkyBlue2</div>
+<div id='d186' class='colors'>
+DeepSkyBlue4</div>
+<div id='d187' class='colors'>
+DeepSkyBlue3</div>
+<div id='d188' class='colors'>
+LightBlue1</div>
+<div id='d189' class='colors'>
+LightBlue2</div>
+<div id='d190' class='colors'>
+LightBlue</div>
+<div id='d191' class='colors'>
+LightBlue4</div>
+<div id='d192' class='colors'>
+PowderBlue</div>
+<div id='d193' class='colors'>
+CadetBlue1</div>
+<div id='d194' class='colors'>
+CadetBlue2</div>
+<div id='d195' class='colors'>
+CadetBlue3</div>
+<div id='d196' class='colors'>
+CadetBlue4</div>
+<div id='d197' class='colors'>
+turquoise1</div>
+<div id='d198' class='colors'>
+turquoise2</div>
+<div id='d199' class='colors'>
+turquoise3</div>
+<div id='d200' class='colors'>
+turquoise4</div>
+<div id='d201' class='colors'>
+cadet blue</div>
+<div id='d202' class='colors'>
+CadetBlue</div>
+<div id='d203' class='colors'>
+DarkTurquoise</div>
+<div id='d204' class='colors'>
+azure</div>
+<div id='d205' class='colors'>
+azure1</div>
+<div id='d206' class='colors'>
+LightCyan</div>
+<div id='d207' class='colors'>
+LightCyan1</div>
+<div id='d208' class='colors'>
+azure2</div>
+<div id='d209' class='colors'>
+LightCyan2</div>
+<div id='d210' class='colors'>
+PaleTurquoise1</div>
+<div id='d211' class='colors'>
+PaleTurquoise</div>
+<div id='d212' class='colors'>
+PaleTurquoise2</div>
+<div id='d213' class='colors'>
+DarkSlateGray1</div>
+<div id='d214' class='colors'>
+azure3</div>
+<div id='d215' class='colors'>
+LightCyan3</div>
+<div id='d216' class='colors'>
+DarkSlateGray2</div>
+<div id='d217' class='colors'>
+PaleTurquoise3</div>
+<div id='d218' class='colors'>
+DarkSlateGray3</div>
+<div id='d219' class='colors'>
+azure4</div>
+<div id='d220' class='colors'>
+LightCyan4</div>
+<div id='d221' class='colors'>
+aqua</div>
+<div id='d222' class='colors'>
+cyan</div>
+<div id='d223' class='colors'>
+cyan1</div>
+<div id='d224' class='colors'>
+PaleTurquoise4</div>
+<div id='d225' class='colors'>
+cyan2</div>
+<div id='d226' class='colors'>
+DarkSlateGray4</div>
+<div id='d227' class='colors'>
+cyan3</div>
+<div id='d228' class='colors'>
+cyan4</div>
+<div id='d229' class='colors'>
+DarkCyan</div>
+<div id='d230' class='colors'>
+teal</div>
+<div id='d231' class='colors'>
+DarkSlateGray</div>
+<div id='d232' class='colors'>
+DarkSlateGrey</div>
+<div id='d233' class='colors'>
+MediumTurquoise</div>
+<div id='d234' class='colors'>
+LightSeaGreen</div>
+<div id='d235' class='colors'>
+turquoise</div>
+<div id='d236' class='colors'>
+aquamarine4</div>
+<div id='d237' class='colors'>
+aquamarine</div>
+<div id='d238' class='colors'>
+aquamarine1</div>
+<div id='d239' class='colors'>
+aquamarine2</div>
+<div id='d240' class='colors'>
+aquamarine3</div>
+<div id='d241' class='colors'>
+MediumAquamarine</div>
+<div id='d242' class='colors'>
+MediumSpringGreen</div>
+<div id='d243' class='colors'>
+MintCream</div>
+<div id='d244' class='colors'>
+SpringGreen</div>
+<div id='d245' class='colors'>
+SpringGreen1</div>
+<div id='d246' class='colors'>
+SpringGreen2</div>
+<div id='d247' class='colors'>
+SpringGreen3</div>
+<div id='d248' class='colors'>
+SpringGreen4</div>
+<div id='d249' class='colors'>
+MediumSeaGreen</div>
+<div id='d250' class='colors'>
+SeaGreen</div>
+<div id='d251' class='colors'>
+SeaGreen3</div>
+<div id='d252' class='colors'>
+SeaGreen1</div>
+<div id='d253' class='colors'>
+SeaGreen4</div>
+<div id='d254' class='colors'>
+SeaGreen2</div>
+<div id='d255' class='colors'>
+MediumForestGreen</div>
+<div id='d256' class='colors'>
+honeydew</div>
+<div id='d257' class='colors'>
+honeydew1</div>
+<div id='d258' class='colors'>
+honeydew2</div>
+<div id='d259' class='colors'>
+DarkSeaGreen1</div>
+<div id='d260' class='colors'>
+DarkSeaGreen2</div>
+<div id='d261' class='colors'>
+PaleGreen1</div>
+<div id='d262' class='colors'>
+PaleGreen</div>
+<div id='d263' class='colors'>
+honeydew3</div>
+<div id='d264' class='colors'>
+LightGreen</div>
+<div id='d265' class='colors'>
+PaleGreen2</div>
+<div id='d266' class='colors'>
+DarkSeaGreen3</div>
+<div id='d267' class='colors'>
+DarkSeaGreen</div>
+<div id='d268' class='colors'>
+PaleGreen3</div>
+<div id='d269' class='colors'>
+honeydew4</div>
+<div id='d270' class='colors'>
+green1</div>
+<div id='d271' class='colors'>
+lime</div>
+<div id='d272' class='colors'>
+LimeGreen</div>
+<div id='d273' class='colors'>
+DarkSeaGreen4</div>
+<div id='d274' class='colors'>
+green2</div>
+<div id='d275' class='colors'>
+PaleGreen4</div>
+<div id='d276' class='colors'>
+green3</div>
+<div id='d277' class='colors'>
+ForestGreen</div>
+<div id='d278' class='colors'>
+green4</div>
+<div id='d279' class='colors'>
+green</div>
+<div id='d280' class='colors'>
+DarkGreen</div>
+<div id='d281' class='colors'>
+LawnGreen</div>
+<div id='d282' class='colors'>
+chartreuse</div>
+<div id='d283' class='colors'>
+chartreuse1</div>
+<div id='d284' class='colors'>
+chartreuse2</div>
+<div id='d285' class='colors'>
+chartreuse3</div>
+<div id='d286' class='colors'>
+chartreuse4</div>
+<div id='d287' class='colors'>
+GreenYellow</div>
+<div id='d288' class='colors'>
+DarkOliveGreen3</div>
+<div id='d289' class='colors'>
+DarkOliveGreen1</div>
+<div id='d290' class='colors'>
+DarkOliveGreen2</div>
+<div id='d291' class='colors'>
+DarkOliveGreen4</div>
+<div id='d292' class='colors'>
+DarkOliveGreen</div>
+<div id='d293' class='colors'>
+OliveDrab</div>
+<div id='d294' class='colors'>
+OliveDrab1</div>
+<div id='d295' class='colors'>
+OliveDrab2</div>
+<div id='d296' class='colors'>
+OliveDrab3</div>
+<div id='d297' class='colors'>
+YellowGreen</div>
+<div id='d298' class='colors'>
+OliveDrab4</div>
+<div id='d299' class='colors'>
+ivory</div>
+<div id='d300' class='colors'>
+ivory1</div>
+<div id='d301' class='colors'>
+LightYellow</div>
+<div id='d302' class='colors'>
+LightYellow1</div>
+<div id='d303' class='colors'>
+beige</div>
+<div id='d304' class='colors'>
+ivory2</div>
+<div id='d305' class='colors'>
+LightGoldenrodYellow</div>
+<div id='d306' class='colors'>
+LightYellow2</div>
+<div id='d307' class='colors'>
+ivory3</div>
+<div id='d308' class='colors'>
+LightYellow3</div>
+<div id='d309' class='colors'>
+ivory4</div>
+<div id='d310' class='colors'>
+LightYellow4</div>
+<div id='d311' class='colors'>
+yellow</div>
+<div id='d312' class='colors'>
+yellow1</div>
+<div id='d313' class='colors'>
+yellow2</div>
+<div id='d314' class='colors'>
+yellow3</div>
+<div id='d315' class='colors'>
+yellow4</div>
+<div id='d316' class='colors'>
+olive</div>
+<div id='d317' class='colors'>
+DarkKhaki</div>
+<div id='d318' class='colors'>
+khaki2</div>
+<div id='d319' class='colors'>
+LemonChiffon4</div>
+<div id='d320' class='colors'>
+khaki1</div>
+<div id='d321' class='colors'>
+khaki3</div>
+<div id='d322' class='colors'>
+khaki4</div>
+<div id='d323' class='colors'>
+PaleGoldenrod</div>
+<div id='d324' class='colors'>
+LemonChiffon</div>
+<div id='d325' class='colors'>
+LemonChiffon1</div>
+<div id='d326' class='colors'>
+khaki</div>
+<div id='d327' class='colors'>
+LemonChiffon3</div>
+<div id='d328' class='colors'>
+LemonChiffon2</div>
+<div id='d329' class='colors'>
+MediumGoldenRod</div>
+<div id='d330' class='colors'>
+cornsilk4</div>
+<div id='d331' class='colors'>
+gold</div>
+<div id='d332' class='colors'>
+gold1</div>
+<div id='d333' class='colors'>
+gold2</div>
+<div id='d334' class='colors'>
+gold3</div>
+<div id='d335' class='colors'>
+gold4</div>
+<div id='d336' class='colors'>
+LightGoldenrod</div>
+<div id='d337' class='colors'>
+LightGoldenrod4</div>
+<div id='d338' class='colors'>
+LightGoldenrod1</div>
+<div id='d339' class='colors'>
+LightGoldenrod3</div>
+<div id='d340' class='colors'>
+LightGoldenrod2</div>
+<div id='d341' class='colors'>
+cornsilk3</div>
+<div id='d342' class='colors'>
+cornsilk2</div>
+<div id='d343' class='colors'>
+cornsilk</div>
+<div id='d344' class='colors'>
+cornsilk1</div>
+<div id='d345' class='colors'>
+goldenrod</div>
+<div id='d346' class='colors'>
+goldenrod1</div>
+<div id='d347' class='colors'>
+goldenrod2</div>
+<div id='d348' class='colors'>
+goldenrod3</div>
+<div id='d349' class='colors'>
+goldenrod4</div>
+<div id='d350' class='colors'>
+DarkGoldenrod</div>
+<div id='d351' class='colors'>
+DarkGoldenrod1</div>
+<div id='d352' class='colors'>
+DarkGoldenrod2</div>
+<div id='d353' class='colors'>
+DarkGoldenrod3</div>
+<div id='d354' class='colors'>
+DarkGoldenrod4</div>
+<div id='d355' class='colors'>
+FloralWhite</div>
+<div id='d356' class='colors'>
+wheat2</div>
+<div id='d357' class='colors'>
+OldLace</div>
+<div id='d358' class='colors'>
+wheat</div>
+<div id='d359' class='colors'>
+wheat1</div>
+<div id='d360' class='colors'>
+wheat3</div>
+<div id='d361' class='colors'>
+orange</div>
+<div id='d362' class='colors'>
+orange1</div>
+<div id='d363' class='colors'>
+orange2</div>
+<div id='d364' class='colors'>
+orange3</div>
+<div id='d365' class='colors'>
+orange4</div>
+<div id='d366' class='colors'>
+wheat4</div>
+<div id='d367' class='colors'>
+moccasin</div>
+<div id='d368' class='colors'>
+PapayaWhip</div>
+<div id='d369' class='colors'>
+NavajoWhite3</div>
+<div id='d370' class='colors'>
+BlanchedAlmond</div>
+<div id='d371' class='colors'>
+NavajoWhite</div>
+<div id='d372' class='colors'>
+NavajoWhite1</div>
+<div id='d373' class='colors'>
+NavajoWhite2</div>
+<div id='d374' class='colors'>
+NavajoWhite4</div>
+<div id='d375' class='colors'>
+AntiqueWhite4</div>
+<div id='d376' class='colors'>
+AntiqueWhite</div>
+<div id='d377' class='colors'>
+tan</div>
+<div id='d378' class='colors'>
+bisque4</div>
+<div id='d379' class='colors'>
+burlywood</div>
+<div id='d380' class='colors'>
+AntiqueWhite2</div>
+<div id='d381' class='colors'>
+burlywood1</div>
+<div id='d382' class='colors'>
+burlywood3</div>
+<div id='d383' class='colors'>
+burlywood2</div>
+<div id='d384' class='colors'>
+AntiqueWhite1</div>
+<div id='d385' class='colors'>
+burlywood4</div>
+<div id='d386' class='colors'>
+AntiqueWhite3</div>
+<div id='d387' class='colors'>
+DarkOrange</div>
+<div id='d388' class='colors'>
+bisque2</div>
+<div id='d389' class='colors'>
+bisque</div>
+<div id='d390' class='colors'>
+bisque1</div>
+<div id='d391' class='colors'>
+bisque3</div>
+<div id='d392' class='colors'>
+DarkOrange1</div>
+<div id='d393' class='colors'>
+linen</div>
+<div id='d394' class='colors'>
+DarkOrange2</div>
+<div id='d395' class='colors'>
+DarkOrange3</div>
+<div id='d396' class='colors'>
+DarkOrange4</div>
+<div id='d397' class='colors'>
+peru</div>
+<div id='d398' class='colors'>
+tan1</div>
+<div id='d399' class='colors'>
+tan2</div>
+<div id='d400' class='colors'>
+tan3</div>
+<div id='d401' class='colors'>
+tan4</div>
+<div id='d402' class='colors'>
+PeachPuff</div>
+<div id='d403' class='colors'>
+PeachPuff1</div>
+<div id='d404' class='colors'>
+PeachPuff4</div>
+<div id='d405' class='colors'>
+PeachPuff2</div>
+<div id='d406' class='colors'>
+PeachPuff3</div>
+<div id='d407' class='colors'>
+SandyBrown</div>
+<div id='d408' class='colors'>
+seashell4</div>
+<div id='d409' class='colors'>
+seashell2</div>
+<div id='d410' class='colors'>
+seashell3</div>
+<div id='d411' class='colors'>
+chocolate</div>
+<div id='d412' class='colors'>
+chocolate1</div>
+<div id='d413' class='colors'>
+chocolate2</div>
+<div id='d414' class='colors'>
+chocolate3</div>
+<div id='d415' class='colors'>
+chocolate4</div>
+<div id='d416' class='colors'>
+SaddleBrown</div>
+<div id='d417' class='colors'>
+seashell</div>
+<div id='d418' class='colors'>
+seashell1</div>
+<div id='d419' class='colors'>
+sienna4</div>
+<div id='d420' class='colors'>
+sienna</div>
+<div id='d421' class='colors'>
+sienna1</div>
+<div id='d422' class='colors'>
+sienna2</div>
+<div id='d423' class='colors'>
+sienna3</div>
+<div id='d424' class='colors'>
+LightSalmon3</div>
+<div id='d425' class='colors'>
+LightSalmon</div>
+<div id='d426' class='colors'>
+LightSalmon1</div>
+<div id='d427' class='colors'>
+LightSalmon4</div>
+<div id='d428' class='colors'>
+LightSalmon2</div>
+<div id='d429' class='colors'>
+coral</div>
+<div id='d430' class='colors'>
+OrangeRed</div>
+<div id='d431' class='colors'>
+OrangeRed1</div>
+<div id='d432' class='colors'>
+OrangeRed2</div>
+<div id='d433' class='colors'>
+OrangeRed3</div>
+<div id='d434' class='colors'>
+OrangeRed4</div>
+<div id='d435' class='colors'>
+DarkSalmon</div>
+<div id='d436' class='colors'>
+salmon1</div>
+<div id='d437' class='colors'>
+salmon2</div>
+<div id='d438' class='colors'>
+salmon3</div>
+<div id='d439' class='colors'>
+salmon4</div>
+<div id='d440' class='colors'>
+coral1</div>
+<div id='d441' class='colors'>
+coral2</div>
+<div id='d442' class='colors'>
+coral3</div>
+<div id='d443' class='colors'>
+coral4</div>
+<div id='d444' class='colors'>
+tomato4</div>
+<div id='d445' class='colors'>
+tomato</div>
+<div id='d446' class='colors'>
+tomato1</div>
+<div id='d447' class='colors'>
+tomato2</div>
+<div id='d448' class='colors'>
+tomato3</div>
+<div id='d449' class='colors'>
+MistyRose4</div>
+<div id='d450' class='colors'>
+MistyRose2</div>
+<div id='d451' class='colors'>
+MistyRose</div>
+<div id='d452' class='colors'>
+MistyRose1</div>
+<div id='d453' class='colors'>
+salmon</div>
+<div id='d454' class='colors'>
+MistyRose3</div>
+<div id='d455' class='colors'>
+white</div>
+<div id='d456' class='colors'>
+gray100</div>
+<div id='d457' class='colors'>
+grey100</div>
+<div id='d458' class='colors'>
+grey100</div>
+<div id='d459' class='colors'>
+gray99</div>
+<div id='d460' class='colors'>
+grey99</div>
+<div id='d461' class='colors'>
+gray98</div>
+<div id='d462' class='colors'>
+grey98</div>
+<div id='d463' class='colors'>
+gray97</div>
+<div id='d464' class='colors'>
+grey97</div>
+<div id='d465' class='colors'>
+gray96</div>
+<div id='d466' class='colors'>
+grey96</div>
+<div id='d467' class='colors'>
+WhiteSmoke</div>
+<div id='d468' class='colors'>
+gray95</div>
+<div id='d469' class='colors'>
+grey95</div>
+<div id='d470' class='colors'>
+gray94</div>
+<div id='d471' class='colors'>
+grey94</div>
+<div id='d472' class='colors'>
+gray93</div>
+<div id='d473' class='colors'>
+grey93</div>
+<div id='d474' class='colors'>
+gray92</div>
+<div id='d475' class='colors'>
+grey92</div>
+<div id='d476' class='colors'>
+gray91</div>
+<div id='d477' class='colors'>
+grey91</div>
+<div id='d478' class='colors'>
+gray90</div>
+<div id='d479' class='colors'>
+grey90</div>
+<div id='d480' class='colors'>
+gray89</div>
+<div id='d481' class='colors'>
+grey89</div>
+<div id='d482' class='colors'>
+gray88</div>
+<div id='d483' class='colors'>
+grey88</div>
+<div id='d484' class='colors'>
+gray87</div>
+<div id='d485' class='colors'>
+grey87</div>
+<div id='d486' class='colors'>
+gainsboro</div>
+<div id='d487' class='colors'>
+gray86</div>
+<div id='d488' class='colors'>
+grey86</div>
+<div id='d489' class='colors'>
+gray85</div>
+<div id='d490' class='colors'>
+grey85</div>
+<div id='d491' class='colors'>
+gray84</div>
+<div id='d492' class='colors'>
+grey84</div>
+<div id='d493' class='colors'>
+gray83</div>
+<div id='d494' class='colors'>
+grey83</div>
+<div id='d495' class='colors'>
+LightGray</div>
+<div id='d496' class='colors'>
+LightGrey</div>
+<div id='d497' class='colors'>
+gray82</div>
+<div id='d498' class='colors'>
+grey82</div>
+<div id='d499' class='colors'>
+gray81</div>
+<div id='d500' class='colors'>
+grey81</div>
+<div id='d501' class='colors'>
+gray80</div>
+<div id='d502' class='colors'>
+grey80</div>
+<div id='d503' class='colors'>
+gray79</div>
+<div id='d504' class='colors'>
+grey79</div>
+<div id='d505' class='colors'>
+gray78</div>
+<div id='d506' class='colors'>
+grey78</div>
+<div id='d507' class='colors'>
+gray77</div>
+<div id='d508' class='colors'>
+grey77</div>
+<div id='d509' class='colors'>
+gray76</div>
+<div id='d510' class='colors'>
+grey76</div>
+<div id='d511' class='colors'>
+silver</div>
+<div id='d512' class='colors'>
+gray75</div>
+<div id='d513' class='colors'>
+grey75</div>
+<div id='d514' class='colors'>
+gray74</div>
+<div id='d515' class='colors'>
+grey74</div>
+<div id='d516' class='colors'>
+gray73</div>
+<div id='d517' class='colors'>
+grey73</div>
+<div id='d518' class='colors'>
+gray72</div>
+<div id='d519' class='colors'>
+grey72</div>
+<div id='d520' class='colors'>
+gray71</div>
+<div id='d521' class='colors'>
+grey71</div>
+<div id='d522' class='colors'>
+gray70</div>
+<div id='d523' class='colors'>
+grey70</div>
+<div id='d524' class='colors'>
+gray69</div>
+<div id='d525' class='colors'>
+grey69</div>
+<div id='d526' class='colors'>
+gray68</div>
+<div id='d527' class='colors'>
+grey68</div>
+<div id='d528' class='colors'>
+gray67</div>
+<div id='d529' class='colors'>
+grey67</div>
+<div id='d530' class='colors'>
+DarkGray</div>
+<div id='d531' class='colors'>
+DarkGrey</div>
+<div id='d532' class='colors'>
+gray66</div>
+<div id='d533' class='colors'>
+grey66</div>
+<div id='d534' class='colors'>
+gray65</div>
+<div id='d535' class='colors'>
+grey65</div>
+<div id='d536' class='colors'>
+gray64</div>
+<div id='d537' class='colors'>
+grey64</div>
+<div id='d538' class='colors'>
+gray63</div>
+<div id='d539' class='colors'>
+grey63</div>
+<div id='d540' class='colors'>
+gray62</div>
+<div id='d541' class='colors'>
+grey62</div>
+<div id='d542' class='colors'>
+gray61</div>
+<div id='d543' class='colors'>
+grey61</div>
+<div id='d544' class='colors'>
+gray60</div>
+<div id='d545' class='colors'>
+grey60</div>
+<div id='d546' class='colors'>
+gray59</div>
+<div id='d547' class='colors'>
+grey59</div>
+<div id='d548' class='colors'>
+gray58</div>
+<div id='d549' class='colors'>
+grey58</div>
+<div id='d550' class='colors'>
+gray57</div>
+<div id='d551' class='colors'>
+grey57</div>
+<div id='d552' class='colors'>
+gray56</div>
+<div id='d553' class='colors'>
+grey56</div>
+<div id='d554' class='colors'>
+gray55</div>
+<div id='d555' class='colors'>
+grey55</div>
+<div id='d556' class='colors'>
+gray54</div>
+<div id='d557' class='colors'>
+grey54</div>
+<div id='d558' class='colors'>
+gray53</div>
+<div id='d559' class='colors'>
+grey53</div>
+<div id='d560' class='colors'>
+gray52</div>
+<div id='d561' class='colors'>
+grey52</div>
+<div id='d562' class='colors'>
+gray51</div>
+<div id='d563' class='colors'>
+grey51</div>
+<div id='d564' class='colors'>
+fractal</div>
+<div id='d565' class='colors'>
+gray50</div>
+<div id='d566' class='colors'>
+grey50</div>
+<div id='d567' class='colors'>
+gray</div>
+<div id='d568' class='colors'>
+gray49</div>
+<div id='d569' class='colors'>
+grey49</div>
+<div id='d570' class='colors'>
+gray48</div>
+<div id='d571' class='colors'>
+grey48</div>
+<div id='d572' class='colors'>
+gray47</div>
+<div id='d573' class='colors'>
+grey47</div>
+<div id='d574' class='colors'>
+gray46</div>
+<div id='d575' class='colors'>
+grey46</div>
+<div id='d576' class='colors'>
+gray45</div>
+<div id='d577' class='colors'>
+grey45</div>
+<div id='d578' class='colors'>
+gray44</div>
+<div id='d579' class='colors'>
+grey44</div>
+<div id='d580' class='colors'>
+gray43</div>
+<div id='d581' class='colors'>
+grey43</div>
+<div id='d582' class='colors'>
+gray42</div>
+<div id='d583' class='colors'>
+grey42</div>
+<div id='d584' class='colors'>
+DimGray</div>
+<div id='d585' class='colors'>
+DimGrey</div>
+<div id='d586' class='colors'>
+gray41</div>
+<div id='d587' class='colors'>
+grey41</div>
+<div id='d588' class='colors'>
+gray40</div>
+<div id='d589' class='colors'>
+grey40</div>
+<div id='d590' class='colors'>
+gray39</div>
+<div id='d591' class='colors'>
+grey39</div>
+<div id='d592' class='colors'>
+gray38</div>
+<div id='d593' class='colors'>
+grey38</div>
+<div id='d594' class='colors'>
+gray37</div>
+<div id='d595' class='colors'>
+grey37</div>
+<div id='d596' class='colors'>
+gray36</div>
+<div id='d597' class='colors'>
+grey36</div>
+<div id='d598' class='colors'>
+gray35</div>
+<div id='d599' class='colors'>
+grey35</div>
+<div id='d600' class='colors'>
+gray34</div>
+<div id='d601' class='colors'>
+grey34</div>
+<div id='d602' class='colors'>
+gray33</div>
+<div id='d603' class='colors'>
+grey33</div>
+<div id='d604' class='colors'>
+gray32</div>
+<div id='d605' class='colors'>
+grey32</div>
+<div id='d606' class='colors'>
+gray31</div>
+<div id='d607' class='colors'>
+grey31</div>
+<div id='d608' class='colors'>
+gray30</div>
+<div id='d609' class='colors'>
+grey30</div>
+<div id='d610' class='colors'>
+gray29</div>
+<div id='d611' class='colors'>
+grey29</div>
+<div id='d612' class='colors'>
+gray28</div>
+<div id='d613' class='colors'>
+grey28</div>
+<div id='d614' class='colors'>
+gray27</div>
+<div id='d615' class='colors'>
+grey27</div>
+<div id='d616' class='colors'>
+gray26</div>
+<div id='d617' class='colors'>
+grey26</div>
+<div id='d618' class='colors'>
+gray25</div>
+<div id='d619' class='colors'>
+grey25</div>
+<div id='d620' class='colors'>
+gray24</div>
+<div id='d621' class='colors'>
+grey24</div>
+<div id='d622' class='colors'>
+gray23</div>
+<div id='d623' class='colors'>
+grey23</div>
+<div id='d624' class='colors'>
+gray22</div>
+<div id='d625' class='colors'>
+grey22</div>
+<div id='d626' class='colors'>
+gray21</div>
+<div id='d627' class='colors'>
+grey21</div>
+<div id='d628' class='colors'>
+gray20</div>
+<div id='d629' class='colors'>
+grey20</div>
+<div id='d630' class='colors'>
+gray19</div>
+<div id='d631' class='colors'>
+grey19</div>
+<div id='d632' class='colors'>
+gray18</div>
+<div id='d633' class='colors'>
+grey18</div>
+<div id='d634' class='colors'>
+gray17</div>
+<div id='d635' class='colors'>
+grey17</div>
+<div id='d636' class='colors'>
+gray16</div>
+<div id='d637' class='colors'>
+grey16</div>
+<div id='d638' class='colors'>
+gray15</div>
+<div id='d639' class='colors'>
+grey15</div>
+<div id='d640' class='colors'>
+gray14</div>
+<div id='d641' class='colors'>
+grey14</div>
+<div id='d642' class='colors'>
+gray13</div>
+<div id='d643' class='colors'>
+grey13</div>
+<div id='d644' class='colors'>
+gray12</div>
+<div id='d645' class='colors'>
+grey12</div>
+<div id='d646' class='colors'>
+gray11</div>
+<div id='d647' class='colors'>
+grey11</div>
+<div id='d648' class='colors'>
+gray10</div>
+<div id='d649' class='colors'>
+grey10</div>
+<div id='d650' class='colors'>
+gray9</div>
+<div id='d651' class='colors'>
+grey9</div>
+<div id='d652' class='colors'>
+gray8</div>
+<div id='d653' class='colors'>
+grey8</div>
+<div id='d654' class='colors'>
+gray7</div>
+<div id='d655' class='colors'>
+grey7</div>
+<div id='d656' class='colors'>
+gray6</div>
+<div id='d657' class='colors'>
+grey6</div>
+<div id='d658' class='colors'>
+gray5</div>
+<div id='d659' class='colors'>
+grey5</div>
+<div id='d660' class='colors'>
+gray4</div>
+<div id='d661' class='colors'>
+grey4</div>
+<div id='d662' class='colors'>
+gray3</div>
+<div id='d663' class='colors'>
+grey3</div>
+<div id='d664' class='colors'>
+gray2</div>
+<div id='d665' class='colors'>
+grey2</div>
+<div id='d666' class='colors'>
+gray1</div>
+<div id='d667' class='colors'>
+grey1</div>
+<div id='d668' class='colors'>
+black</div>
+<div id='d669' class='colors'>
+gray0</div>
+<div id='d670' class='colors'>
+grey0</div>
+<div id='d671' class='colors'>
+opaque</div>
+<div id='d672' class='colors'>
+none</div>
+<div id='d673' class='colors'>
+transparent</div>
+</div>
+
+<div id='colornames'>
+CLICK TO CHOOSE THE COLOR
+</div>
+
+<div id='switches'>
+	<span id='title'>OPTIONS</span>
+	<div id='hexswitch' class='theswitches'>&nbsp</div>
+	<br>
+	<div id='infoswitch' class='theswitches'>CLICK TO TOGGLE PALATE INFO<span id='infospace'></span></div>
+	<br>
+	<div id='backgroundswitch' class='theswitches'>CLICK TO TOGGLE BACKGROUNDS</div>
+	<br>
+	<div id='preview'></div>
+	<div id='nameholder'>YOU WILL CHOOSE:<br><input id='namespace' style='width:inherit' type='text'></input></div>
+	<br>
+	<span id='transparent'>to choose transparent as a color, click <span id='transbutton'>HERE</span><span id='extra'></span></span>
+</div>
+<div id='vasebackground' style='position:fixed; z-index:2; height:120px; width:69px; top:2px; right:30px;'></div>
+
+<div id='vase' style='position:fixed; z-index:3; height:120px; width:69px; top:2px; right:30px; background-image:url(vase.png)'></div>
+<div id='vaseshim' style='position:fixed; z-index:4; height:120px; width:69px; top:2px; right:30px; background-image:url(vaseshim.png)'></div>
+<script type='text/javascript' src='js/jquery-1.6.4.min.js'></script>
+<script type='text/javascript' src='js/colordict.js'></script>
+<script type='text/javascript' src='js/colordictionaries2.js'></script>
+
+<script type='text/javascript' src='js/goldenfunctions.js'></script>
+<script type='text/javascript' src='js/hovercss.js'></script>
+<script type='text/javascript' src='js/iftransparentcss.js'></script>
+<script type='text/javascript' src='js/backgroundswitcher.js'></script>
+<script type='text/javascript' src='js/hexrgbnametoggle.js'></script>
+<script type='text/javascript' src='js/setupdimensions.js'></script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/js/backgroundswitcher.js b/frontend/imgrid/colors/js/backgroundswitcher.js
new file mode 100755
index 0000000..74e8367
--- /dev/null
+++ b/frontend/imgrid/colors/js/backgroundswitcher.js
@@ -0,0 +1,38 @@
+backgroundstate = 2;
+function switchbackground()
+  {
+  if(backgroundstate == 1)
+    {
+    $('#colorpicker').css('background-color','black')
+    $('#colorpicker').css('background-image','url(js/ditherbackground.gif)')
+    backgroundstate = 2;
+    $('#colornames').css('color', 'white')
+    $('#colornames').css('text-shadow', 'black 1px 2px')
+    $('#vaseshim').css('background-image','url(vaseshim.png)')
+		}
+  else if(backgroundstate == 2)
+    {
+    $('#colorpicker').css('background-color','black')
+    $('#colorpicker').css('background-image', 'none')
+		$('#vaseshim').css('background-image','url(blackshim.png)')
+    backgroundstate = 3;
+    }
+  else if(backgroundstate == 3)
+		{
+		$('#colorpicker').css('background-color','gray')
+		$('#colorpicker').css('background-image','none')
+		$('#vaseshim').css('background-image','url(grayshim.png)')
+		backgroundstate = 0;
+		}
+	else if(backgroundstate == 0)
+    {
+    $('#colorpicker').css('background-color', 'white')
+    $('#colorpicker').css('background-image', 'none')
+    $('#colornames').css('color', '#7F7F7F')
+    $('#vaseshim').css('background-image','url(whiteshim.png)')
+		backgroundstate = 1
+    }
+  }
+
+$('#backgroundswitch').click(function(){switchbackground()})
+
diff --git a/frontend/imgrid/colors/js/colordict.js b/frontend/imgrid/colors/js/colordict.js
new file mode 100755
index 0000000..5c69bc8
--- /dev/null
+++ b/frontend/imgrid/colors/js/colordict.js
@@ -0,0 +1,3 @@
+var nametohex = {'grey21': '#363636', 'yellow': '#FFFF00', 'grey61': '#9C9C9C', 'HotPink3': '#CD6090', 'grey63': '#A1A1A1', 'grey62': '#9E9E9E', 'grey65': '#A6A6A6', 'AliceBlue': '#F0F8FF', 'grey67': '#ABABAB', 'grey66': '#A8A8A8', 'LightCyan1': '#E0FFFF', 'grey68': '#ADADAD', 'LightCyan3': '#B4CDCD', 'LightCyan2': '#D1EEEE', 'LightCyan4': '#7A8B8B', 'gray32': '#525252', 'gray33': '#545454', 'DarkTurquoise': '#00CED1', 'gray31': '#4F4F4F', 'gray36': '#5C5C5C', 'gray37': '#5E5E5E', 'gray34': '#575757', 'gray35': '#595959', 'aquamarine4': '#458B74', 'gray38': '#616161', 'gray39': '#636363', 'aquamarine1': '#7FFFD4', 'aquamarine3': '#66CDAA', 'aquamarine2': '#76EEC6', 'CadetBlue4': '#53868B', 'CadetBlue3': '#7AC5CD', 'CadetBlue2': '#8EE5EE', 'CadetBlue1': '#98F5FF', 'crimson': '#DC143C', 'VioletRed1': '#FF3E96', 'VioletRed2': '#EE3A8C', 'VioletRed3': '#CD3278', 'VioletRed4': '#8B2252', 'brown': '#A52A2A', 'DarkGoldenrod': '#B8860B', 'gray8': '#141414', 'SlateGrey': '#708090', 'NavajoWhite2': '#EECFA1', 'gray2': '#050505', 'cyan': '#00FFFF', 'gray0': '#000000', 'gray1': '#030303', 'fractal': '#808080', 'gray7': '#121212', 'gray4': '#0A0A0A', 'gray5': '#0D0D0D', 'grey60': '#999999', 'DarkBlue': '#00008B', 'gray98': '#FAFAFA', 'DarkKhaki': '#BDB76B', 'gray99': '#FCFCFC', 'teal': '#008080', 'grey11': '#1C1C1C', 'coral4': '#8B3E2F', 'grey12': '#1F1F1F', 'grey64': '#A3A3A3', 'PaleGreen1': '#9AFF9A', 'PaleGreen3': '#7CCD7C', 'PaleGreen2': '#90EE90', 'PaleGreen4': '#548B54', 'grey14': '#242424', 'lavender': '#E6E6FA', 'grey15': '#262626', 'chartreuse3': '#66CD00', 'chartreuse2': '#76EE00', 'chartreuse1': '#7FFF00', 'chartreuse4': '#458B00', 'RosyBrown': '#BC8F8F', 'blue': '#0000FF', 'NavajoWhite': '#FFDEAD', 'opaque': '#000000', 'maroon4': '#8B1C62', 'maroon3': '#CD2990', 'maroon2': '#EE30A7', 'maroon1': '#FF34B3', 'gold3': '#CDAD00', 'gold2': '#EEC900', 'gold1': '#FFD700', 'gold4': '#8B7500', 'LightSlateGrey': '#778899', 'gray30': '#4D4D4D', 'DarkGreen': '#006400', 'SkyBlue': '#87CEEB', 'GhostWhite': '#F8F8FF', 'LavenderBlush': '#FFF0F5', 'SeaGreen': '#2E8B57', 'BlanchedAlmond': '#FFEBCD', 'gray60': '#999999', 'DarkOliveGreen': '#556B2F', 'firebrick2': '#EE2C2C', 'firebrick1': '#FF3030', 'firebrick4': '#8B1A1A', 'sienna': '#A0522D', 'blue1': '#0000FF', 'lime': '#00FF00', 'gray55': '#8C8C8C', 'blue2': '#0000EE', 'DarkViolet': '#9400D3', 'blue4': '#00008B', 'peru': '#CD853F', 'DarkMagenta': '#8B008B', 'LightBlue2': '#B2DFEE', 'red2': '#EE0000', 'red1': '#FF0000', 'LightBlue1': '#BFEFFF', 'LightBlue4': '#68838B', 'red4': '#8B0000', 'MediumSpringGreen': '#00FA9A', 'chocolate': '#D2691E', 'ForestGreen': '#228B22', 'DarkRed': '#8B0000', 'olive': '#808000', 'HotPink2': '#EE6AA7', 'HotPink1': '#FF6EB4', 'HotPink4': '#8B3A62', 'grey18': '#2E2E2E', 'grey19': '#303030', 'none': '#000000', 'PeachPuff': '#FFDAB9', 'MediumGoldenRod': '#D1C166', 'moccasin': '#FFE4B5', 'grey10': '#1A1A1A', 'chocolate1': '#FF7F24', 'chocolate2': '#EE7621', 'chocolate3': '#CD661D', 'chocolate4': '#8B4513', 'wheat2': '#EED8AE', 'grey16': '#292929', 'grey17': '#2B2B2B', 'gray69': '#B0B0B0', 'gray68': '#ADADAD', 'gray65': '#A6A6A6', 'gray64': '#A3A3A3', 'gray67': '#ABABAB', 'gray66': '#A8A8A8', 'gray61': '#9C9C9C', 'coral': '#FF7F50', 'gray63': '#A1A1A1', 'gray62': '#9E9E9E', 'LightGoldenrod': '#EEDD82', 'turquoise4': '#00868B', 'seashell2': '#EEE5DE', 'seashell3': '#CDC5BF', 'magenta': '#FF00FF', 'seashell1': '#FFF5EE', 'tan': '#D2B48C', 'seashell4': '#8B8682', 'pink': '#FFC0CB', 'LightSlateBlue': '#8470FF', 'SteelBlue1': '#63B8FF', 'SteelBlue3': '#4F94CD', 'SteelBlue2': '#5CACEE', 'SteelBlue4': '#36648B', 'grey89': '#E3E3E3', 'grey88': '#E0E0E0', 'grey87': '#DEDEDE', 'grey86': '#DBDBDB', 'grey85': '#D9D9D9', 'grey84': '#D6D6D6', 'grey83': '#D4D4D4', 'grey82': '#D1D1D1', 'grey81': '#CFCFCF', 'grey80': '#CCCCCC', 'ivory2': '#EEEEE0', 'khaki4': '#8B864E', 'khaki1': '#FFF68F', 'khaki2': '#EEE685', 'khaki3': '#CDC673', 'salmon1': '#FF8C69', 'salmon3': '#CD7054', 'salmon2': '#EE8262', 'salmon4': '#8B4C39', 'LightPink': '#FFB6C1', 'gray9': '#171717', 'green': '#008000', 'brown2': '#EE3B3B', 'brown3': '#CD3333', 'brown1': '#FF4040', 'brown4': '#8B2323', 'cadet blue': '#5F9EA0', 'orange4': '#8B5A00', 'orange1': '#FFA500', 'orange3': '#CD8500', 'orange2': '#EE9A00', 'gray3': '#080808', 'gray6': '#0F0F0F', 'yellow4': '#8B8B00', 'yellow3': '#CDCD00', 'yellow2': '#EEEE00', 'yellow1': '#FFFF00', 'PapayaWhip': '#FFEFD5', 'bisque2': '#EED5B7', 'OliveDrab4': '#698B22', 'bisque3': '#CDB79E', 'OliveDrab1': '#C0FF3E', 'OliveDrab2': '#B3EE3A', 'OliveDrab3': '#9ACD32', 'SkyBlue4': '#4A708B', 'SkyBlue1': '#87CEFF', 'SkyBlue3': '#6CA6CD', 'SkyBlue2': '#7EC0EE', 'grey58': '#949494', 'grey59': '#969696', 'grey54': '#8A8A8A', 'grey55': '#8C8C8C', 'grey56': '#8F8F8F', 'grey57': '#919191', 'grey50': '#7F7F7F', 'silver': '#C0C0C0', 'grey52': '#858585', 'grey53': '#878787', 'cyan2': '#00EEEE', 'cyan3': '#00CDCD', 'gray23': '#3B3B3B', 'RosyBrown4': '#8B6969', 'gray25': '#404040', 'CornflowerBlue': '#6495ED', 'cyan4': '#008B8B', 'gray26': '#424242', 'gray29': '#4A4A4A', 'LimeGreen': '#32CD32', 'MistyRose': '#FFE4E1', 'navy': '#000080', 'gray94': '#F0F0F0', 'gray95': '#F2F2F2', 'gray96': '#F5F5F5', 'gray97': '#F7F7F7', 'gray90': '#E5E5E5', 'gray91': '#E8E8E8', 'gray92': '#EBEBEB', 'gray93': '#EDEDED', 'MediumPurple': '#9370DB', 'MidnightBlue': '#191970', 'cornsilk': '#FFF8DC', 'red': '#FF0000', 'grey69': '#B0B0B0', 'DarkOrchid4': '#68228B', 'blue3': '#0000CD', 'LightSteelBlue': '#B0C4DE', 'DarkOrchid1': '#BF3EFF', 'DarkOrchid2': '#B23AEE', 'DarkOrchid3': '#9A32CD', 'grey72': '#B8B8B8', 'FloralWhite': '#FFFAF0', 'grey70': '#B3B3B3', 'DarkSeaGreen': '#8FBC8F', 'grey71': '#B5B5B5', 'gray17': '#2B2B2B', 'grey77': '#C4C4C4', 'tomato4': '#8B3626', 'tomato1': '#FF6347', 'tomato3': '#CD4F39', 'tomato2': '#EE5C42', 'DarkSlateGray1': '#97FFFF', 'DarkSlateGray2': '#8DEEEE', 'DarkSlateGray3': '#79CDCD', 'DarkSlateGray4': '#528B8B', 'SteelBlue': '#4682B4', 'MediumSlateBlue': '#7B68EE', 'OrangeRed': '#FF4500', 'grey79': '#C9C9C9', 'MediumVioletRed': '#C71585', 'burlywood': '#DEB887', 'white': '#FFFFFF', 'tomato': '#FF6347', 'DodgerBlue': '#1E90FF', 'RoyalBlue4': '#27408B', 'RoyalBlue1': '#4876FF', 'RoyalBlue3': '#3A5FCD', 'RoyalBlue2': '#436EEE', 'MistyRose1': '#FFE4E1', 'MistyRose3': '#CDB7B5', 'MistyRose2': '#EED5D2', 'MistyRose4': '#8B7D7B', 'LightGray': '#D3D3D3', 'LightYellow': '#FFFFE0', 'DarkOrange': '#FF8C00', 'DarkGray': '#A9A9A9', 'SlateGray': '#708090', 'turquoise3': '#00C5CD', 'turquoise2': '#00E5EE', 'turquoise1': '#00F5FF', 'burlywood2': '#EEC591', 'burlywood4': '#8B7355', 'DarkSlateGray': '#2F4F4F', 'linen': '#FAF0E6', 'grey47': '#787878', 'snow': '#FFFAFA', 'grey46': '#757575', 'gray58': '#949494', 'gray59': '#969696', 'IndianRed4': '#8B3A3A', 'purple4': '#551A8B', 'gray52': '#858585', 'gray53': '#878787', 'purple1': '#9B30FF', 'IndianRed1': '#FF6A6A', 'purple3': '#7D26CD', 'purple2': '#912CEE', 'thistle3': '#CDB5CD', 'thistle2': '#EED2EE', 'SpringGreen2': '#00EE76', 'SpringGreen3': '#00CD66', 'SpringGreen4': '#008B45', 'thistle4': '#8B7B8B', 'LightPink2': '#EEA2AD', 'LightPink3': '#CD8C95', 'LightPink1': '#FFAEB9', 'LightPink4': '#8B5F65', 'MediumPurple1': '#AB82FF', 'MediumPurple2': '#9F79EE', 'MediumPurple3': '#8968CD', 'MediumPurple4': '#5D478B', 'MediumTurquoise': '#48D1CC', 'DimGray': '#696969', 'gray14': '#242424', 'grey100': '#FFFFFF', 'OrangeRed3': '#CD3700', 'OrangeRed2': '#EE4000', 'OrangeRed1': '#FF4500', 'LightSeaGreen': '#20B2AA', 'gold': '#FFD700', 'OrangeRed4': '#8B2500', 'NavajoWhite4': '#8B795E', 'NavajoWhite1': '#FFDEAD', 'LawnGreen': '#7CFC00', 'NavajoWhite3': '#CDB38B', 'LightGoldenrod4': '#8B814C', 'LightGoldenrod1': '#FFEC8B', 'LightGoldenrod3': '#CDBE70', 'LightGoldenrod2': '#EEDC82', 'gray21': '#363636', 'PaleGreen': '#98FB98', 'green4': '#008B00', 'green1': '#00FF00', 'green3': '#00CD00', 'green2': '#00EE00', 'MediumOrchid': '#BA55D3', 'black': '#000000', 'gray20': '#333333', 'orchid4': '#8B4789', 'DodgerBlue1': '#1E90FF', 'DodgerBlue2': '#1C86EE', 'DodgerBlue3': '#1874CD', 'DodgerBlue4': '#104E8B', 'orchid1': '#FF83FA', 'orchid2': '#EE7AE9', 'orchid3': '#CD69C9', 'DarkSeaGreen4': '#698B69', 'DarkSeaGreen3': '#9BCD9B', 'DarkSeaGreen2': '#B4EEB4', 'DarkSeaGreen1': '#C1FFC1', 'gray100': '#FFFFFF', 'BlueViolet': '#8A2BE2', 'bisque4': '#8B7D6B', 'MediumOrchid4': '#7A378B', 'MintCream': '#F5FFFA', 'MediumOrchid1': '#E066FF', 'bisque1': '#FFE4C4', 'MediumOrchid3': '#B452CD', 'MediumOrchid2': '#D15FEE', 'gray': '#7E7E7E', 'DeepSkyBlue': '#00BFFF', 'LightGrey': '#D3D3D3', 'grey78': '#C7C7C7', 'gray22': '#383838', 'plum4': '#8B668B', 'plum3': '#CD96CD', 'plum2': '#EEAEEE', 'plum1': '#FFBBFF', 'DarkSlateGrey': '#2F4F4F', 'DarkOrchid': '#9932CC', 'OliveDrab': '#6B8E23', 'gray83': '#D4D4D4', 'grey49': '#7D7D7D', 'grey48': '#7A7A7A', 'thistle': '#D8BFD8', 'violet': '#EE82EE', 'grey43': '#6E6E6E', 'grey42': '#6B6B6B', 'LightSalmon4': '#8B5742', 'grey40': '#666666', 'LightSalmon2': '#EE9572', 'LightSalmon3': '#CD8162', 'grey45': '#737373', 'LightSalmon1': '#FFA07A', 'honeydew': '#F0FFF0', 'gray18': '#2E2E2E', 'gray19': '#303030', 'LightCyan': '#E0FFFF', 'gray15': '#262626', 'gray16': '#292929', 'gray82': '#D1D1D1', 'gray10': '#1A1A1A', 'gray11': '#1C1C1C', 'gray12': '#1F1F1F', 'gray13': '#212121', 'grey93': '#EDEDED', 'PaleGoldenrod': '#EEE8AA', 'gainsboro': '#DCDCDC', 'AntiqueWhite3': '#CDC0B0', 'AntiqueWhite2': '#EEDFCC', 'AntiqueWhite1': '#FFEFDB', 'gray27': '#454545', 'SlateBlue': '#6A5ACD', 'AntiqueWhite4': '#8B8378', 'DimGrey': '#696969', 'VioletRed': '#D02090', 'WhiteSmoke': '#F5F5F5', 'grey38': '#616161', 'grey39': '#636363', 'grey36': '#5C5C5C', 'grey37': '#5E5E5E', 'grey34': '#575757', 'grey35': '#595959', 'aqua': '#00FFFF', 'grey33': '#545454', 'grey30': '#4D4D4D', 'grey31': '#4F4F4F', 'NavyBlue': '#000080', 'sienna4': '#8B4726', 'gray81': '#CFCFCF', 'gray80': '#CCCCCC', 'sienna1': '#FF8247', 'gray86': '#DBDBDB', 'sienna3': '#CD6839', 'sienna2': '#EE7942', 'gray89': '#E3E3E3', 'gray88': '#E0E0E0', 'SlateBlue4': '#473C8B', 'gray87': '#DEDEDE', 'LightSteelBlue1': '#CAE1FF', 'magenta3': '#CD00CD', 'IndianRed': '#CD5C5C', 'SlateBlue2': '#7A67EE', 'SlateBlue1': '#836FFF', 'LightBlue': '#ADD8E6', 'PeachPuff4': '#8B7765', 'seashell': '#FFF5EE', 'SaddleBrown': '#8B4513', 'PeachPuff1': '#FFDAB9', 'PeachPuff2': '#EECBAD', 'PeachPuff3': '#CDAF95', 'aquamarine': '#7FFFD4', 'LemonChiffon2': '#EEE9BF', 'LemonChiffon1': '#FFFACD', 'tan4': '#8B5A2B', 'tan3': '#CD853F', 'tan2': '#EE9A49', 'tan1': '#FFA54F', 'LemonChiffon4': '#8B8970', 'orange': '#FFA500', 'OldLace': '#FDF5E6', 'PowderBlue': '#B0E0E6', 'RosyBrown3': '#CD9B9B', 'RoyalBlue': '#4169E1', 'LightSkyBlue4': '#607B8B', 'LightSkyBlue1': '#B0E2FF', 'LightSkyBlue2': '#A4D3EE', 'LightSkyBlue3': '#8DB6CD', 'LightYellow1': '#FFFFE0', 'LightYellow2': '#EEEED1', 'LightYellow3': '#CDCDB4', 'LightYellow4': '#8B8B7A', 'goldenrod4': '#8B6914', 'goldenrod1': '#FFC125', 'goldenrod2': '#EEB422', 'goldenrod3': '#CD9B1D', 'grey32': '#525252', 'LemonChiffon': '#FFFACD', 'burlywood1': '#FFD39B', 'YellowGreen': '#9ACD32', 'LightCoral': '#F08080', 'burlywood3': '#CDAA7D', 'ivory3': '#CDCDC1', 'firebrick3': '#CD2626', 'ivory1': '#FFFFF0', 'grey8': '#141414', 'ivory4': '#8B8B83', 'grey9': '#171717', 'DarkSalmon': '#E9967A', 'SlateGray1': '#C6E2FF', 'SlateGray2': '#B9D3EE', 'SlateGray3': '#9FB6CD', 'SlateGray4': '#6C7B8B', 'RosyBrown2': '#EEB4B4', 'RosyBrown1': '#FFC1C1', 'gray85': '#D9D9D9', 'gray84': '#D6D6D6', 'LightGreen': '#90EE90', 'LavenderBlush1': '#FFF0F5', 'grey73': '#BABABA', 'LavenderBlush3': '#CDC1C5', 'LavenderBlush2': '#EEE0E5', 'grey76': '#C2C2C2', 'LavenderBlush4': '#8B8386', 'grey74': '#BDBDBD', 'grey75': '#BFBFBF', 'pink1': '#FFB5C5', 'pink3': '#CD919E', 'pink2': '#EEA9B8', 'pink4': '#8B636C', 'gray47': '#787878', 'gray46': '#757575', 'gray45': '#737373', 'gray44': '#707070', 'gray43': '#6E6E6E', 'gray42': '#6B6B6B', 'gray41': '#696969', 'gray40': '#666666', 'gray49': '#7D7D7D', 'gray48': '#7A7A7A', 'MediumAquamarine': '#66CDAA', 'MediumForestGreen': '#32814B', 'azure1': '#F0FFFF', 'azure3': '#C1CDCD', 'azure2': '#E0EEEE', 'indigo': '#4B0082', 'azure4': '#838B8B', 'firebrick': '#B22222', 'DarkGrey': '#A9A9A9', 'magenta4': '#8B008B', 'SlateBlue3': '#6959CD', 'magenta2': '#EE00EE', 'magenta1': '#FF00FF', 'grey51': '#828282', 'chartreuse': '#7FFF00', 'grey41': '#696969', 'DarkOliveGreen4': '#6E8B3D', 'turquoise': '#40E0D0', 'DarkOliveGreen1': '#CAFF70', 'DarkOliveGreen3': '#A2CD5A', 'DarkOliveGreen2': '#BCEE68', 'grey6': '#0F0F0F', 'grey7': '#121212', 'grey4': '#0A0A0A', 'grey5': '#0D0D0D', 'grey2': '#050505', 'grey3': '#080808', 'grey0': '#000000', 'grey1': '#030303', 'gray50': '#7F7F7F', 'cyan1': '#00FFFF', 'gray51': '#828282', 'gray24': '#3D3D3D', 'HotPink': '#FF69B4', 'DarkGoldenrod4': '#8B6508', 'gray54': '#8A8A8A', 'DarkGoldenrod1': '#FFB90F', 'DarkGoldenrod2': '#EEAD0E', 'DarkGoldenrod3': '#CD950C', 'IndianRed2': '#EE6363', 'DeepPink': '#FF1493', 'gray28': '#474747', 'IndianRed3': '#CD5555', 'DarkCyan': '#008B8B', 'GreenYellow': '#ADFF2F', 'LightSalmon': '#FFA07A', 'DarkOrange4': '#8B4500', 'DarkOrange1': '#FF7F00', 'transparent': '#000000', 'DarkOrange3': '#CD6600', 'orchid': '#DA70D6', 'purple': '#800080', 'wheat4': '#8B7E66', 'wheat1': '#FFE7BA', 'wheat3': '#CDBA96', 'SpringGreen1': '#00FF7F', 'coral3': '#CD5B45', 'coral2': '#EE6A50', 'coral1': '#FF7256', 'thistle1': '#FFE1FF', 'PaleTurquoise': '#AFEEEE', 'bisque': '#FFE4C4', 'DeepPink3': '#CD1076', 'DeepPink2': '#EE1289', 'DeepPink1': '#FF1493', 'khaki': '#F0E68C', 'wheat': '#F5DEB3', 'MediumSeaGreen': '#3CB371', 'DeepPink4': '#8B0A50', 'salmon': '#FA8072', 'grey44': '#707070', 'DarkSlateBlue': '#483D8B', 'PaleVioletRed4': '#8B475D', 'PaleVioletRed1': '#FF82AB', 'PaleVioletRed2': '#EE799F', 'PaleVioletRed3': '#CD6889', 'AntiqueWhite': '#FAEBD7', 'PaleTurquoise4': '#668B8B', 'PaleTurquoise3': '#96CDCD', 'PaleTurquoise2': '#AEEEEE', 'PaleTurquoise1': '#BBFFFF', 'gray56': '#8F8F8F', 'plum': '#DDA0DD', 'beige': '#F5F5DC', 'SpringGreen': '#00FF7F', 'azure': '#F0FFFF', 'honeydew1': '#F0FFF0', 'honeydew2': '#E0EEE0', 'honeydew3': '#C1CDC1', 'honeydew4': '#838B83', 'gray57': '#919191', 'snow4': '#8B8989', 'snow2': '#EEE9E9', 'snow3': '#CDC9C9', 'snow1': '#FFFAFA', 'SandyBrown': '#F4A460', 'grey13': '#212121', 'SeaGreen4': '#2E8B57', 'SeaGreen3': '#43CD80', 'SeaGreen2': '#4EEE94', 'SeaGreen1': '#54FF9F', 'grey29': '#4A4A4A', 'grey28': '#474747', 'grey25': '#404040', 'grey24': '#3D3D3D', 'grey27': '#454545', 'grey26': '#424242', 'fuchsia': '#FF00FF', 'grey20': '#333333', 'grey23': '#3B3B3B', 'grey22': '#383838', 'gray78': '#C7C7C7', 'gray79': '#C9C9C9', 'gray76': '#C2C2C2', 'gray77': '#C4C4C4', 'gray74': '#BDBDBD', 'gray75': '#BFBFBF', 'gray72': '#B8B8B8', 'gray73': '#BABABA', 'gray70': '#B3B3B3', 'gray71': '#B5B5B5', 'ivory': '#FFFFF0', 'LemonChiffon3': '#CDC9A5', 'DeepSkyBlue4': '#00688B', 'DeepSkyBlue3': '#009ACD', 'DeepSkyBlue2': '#00B2EE', 'DeepSkyBlue1': '#00BFFF', 'cornsilk4': '#8B8878', 'cornsilk2': '#EEE8CD', 'cornsilk3': '#CDC8B1', 'CadetBlue': '#5F9EA0', 'cornsilk1': '#FFF8DC', 'grey90': '#E5E5E5', 'grey91': '#E8E8E8', 'grey92': '#EBEBEB', 'goldenrod': '#DAA520', 'grey94': '#F0F0F0', 'grey95': '#F2F2F2', 'grey96': '#F5F5F5', 'grey97': '#F7F7F7', 'grey98': '#FAFAFA', 'grey99': '#FCFCFC', 'red3': '#CD0000', 'LightSteelBlue2': '#BCD2EE', 'LightSteelBlue3': '#A2B5CD', 'LightSteelBlue4': '#6E7B8B', 'LightBlue3': '#9AC0CD', 'maroon': '#800000', 'LightSkyBlue': '#87CEFA', 'LightGoldenrodYellow': '#FAFAD2', 'MediumBlue': '#0000CD', 'LightSlateGray': '#778899', 'DarkOrange2': '#EE7600', 'PaleVioletRed': '#DB7093'}
+var divlist = ['#d0', '#d1', '#d2', '#d3', '#d4', '#d5', '#d6', '#d7', '#d8', '#d9', '#d10', '#d11', '#d12', '#d13', '#d14', '#d15', '#d16', '#d17', '#d18', '#d19', '#d20', '#d21', '#d22', '#d23', '#d24', '#d25', '#d26', '#d27', '#d28', '#d29', '#d30', '#d31', '#d32', '#d33', '#d34', '#d35', '#d36', '#d37', '#d38', '#d39', '#d40', '#d41', '#d42', '#d43', '#d44', '#d45', '#d46', '#d47', '#d48', '#d49', '#d50', '#d51', '#d52', '#d53', '#d54', '#d55', '#d56', '#d57', '#d58', '#d59', '#d60', '#d61', '#d62', '#d63', '#d64', '#d65', '#d66', '#d67', '#d68', '#d69', '#d70', '#d71', '#d72', '#d73', '#d74', '#d75', '#d76', '#d77', '#d78', '#d79', '#d80', '#d81', '#d82', '#d83', '#d84', '#d85', '#d86', '#d87', '#d88', '#d89', '#d90', '#d91', '#d92', '#d93', '#d94', '#d95', '#d96', '#d97', '#d98', '#d99', '#d100', '#d101', '#d102', '#d103', '#d104', '#d105', '#d106', '#d107', '#d108', '#d109', '#d110', '#d111', '#d112', '#d113', '#d114', '#d115', '#d116', '#d117', '#d118', '#d119', '#d120', '#d121', '#d122', '#d123', '#d124', '#d125', '#d126', '#d127', '#d128', '#d129', '#d130', '#d131', '#d132', '#d133', '#d134', '#d135', '#d136', '#d137', '#d138', '#d139', '#d140', '#d141', '#d142', '#d143', '#d144', '#d145', '#d146', '#d147', '#d148', '#d149', '#d150', '#d151', '#d152', '#d153', '#d154', '#d155', '#d156', '#d157', '#d158', '#d159', '#d160', '#d161', '#d162', '#d163', '#d164', '#d165', '#d166', '#d167', '#d168', '#d169', '#d170', '#d171', '#d172', '#d173', '#d174', '#d175', '#d176', '#d177', '#d178', '#d179', '#d180', '#d181', '#d182', '#d183', '#d184', '#d185', '#d186', '#d187', '#d188', '#d189', '#d190', '#d191', '#d192', '#d193', '#d194', '#d195', '#d196', '#d197', '#d198', '#d199', '#d200', '#d201', '#d202', '#d203', '#d204', '#d205', '#d206', '#d207', '#d208', '#d209', '#d210', '#d211', '#d212', '#d213', '#d214', '#d215', '#d216', '#d217', '#d218', '#d219', '#d220', '#d221', '#d222', '#d223', '#d224', '#d225', '#d226', '#d227', '#d228', '#d229', '#d230', '#d231', '#d232', '#d233', '#d234', '#d235', '#d236', '#d237', '#d238', '#d239', '#d240', '#d241', '#d242', '#d243', '#d244', '#d245', '#d246', '#d247', '#d248', '#d249', '#d250', '#d251', '#d252', '#d253', '#d254', '#d255', '#d256', '#d257', '#d258', '#d259', '#d260', '#d261', '#d262', '#d263', '#d264', '#d265', '#d266', '#d267', '#d268', '#d269', '#d270', '#d271', '#d272', '#d273', '#d274', '#d275', '#d276', '#d277', '#d278', '#d279', '#d280', '#d281', '#d282', '#d283', '#d284', '#d285', '#d286', '#d287', '#d288', '#d289', '#d290', '#d291', '#d292', '#d293', '#d294', '#d295', '#d296', '#d297', '#d298', '#d299', '#d300', '#d301', '#d302', '#d303', '#d304', '#d305', '#d306', '#d307', '#d308', '#d309', '#d310', '#d311', '#d312', '#d313', '#d314', '#d315', '#d316', '#d317', '#d318', '#d319', '#d320', '#d321', '#d322', '#d323', '#d324', '#d325', '#d326', '#d327', '#d328', '#d329', '#d330', '#d331', '#d332', '#d333', '#d334', '#d335', '#d336', '#d337', '#d338', '#d339', '#d340', '#d341', '#d342', '#d343', '#d344', '#d345', '#d346', '#d347', '#d348', '#d349', '#d350', '#d351', '#d352', '#d353', '#d354', '#d355', '#d356', '#d357', '#d358', '#d359', '#d360', '#d361', '#d362', '#d363', '#d364', '#d365', '#d366', '#d367', '#d368', '#d369', '#d370', '#d371', '#d372', '#d373', '#d374', '#d375', '#d376', '#d377', '#d378', '#d379', '#d380', '#d381', '#d382', '#d383', '#d384', '#d385', '#d386', '#d387', '#d388', '#d389', '#d390', '#d391', '#d392', '#d393', '#d394', '#d395', '#d396', '#d397', '#d398', '#d399', '#d400', '#d401', '#d402', '#d403', '#d404', '#d405', '#d406', '#d407', '#d408', '#d409', '#d410', '#d411', '#d412', '#d413', '#d414', '#d415', '#d416', '#d417', '#d418', '#d419', '#d420', '#d421', '#d422', '#d423', '#d424', '#d425', '#d426', '#d427', '#d428', '#d429', '#d430', '#d431', '#d432', '#d433', '#d434', '#d435', '#d436', '#d437', '#d438', '#d439', '#d440', '#d441', '#d442', '#d443', '#d444', '#d445', '#d446', '#d447', '#d448', '#d449', '#d450', '#d451', '#d452', '#d453', '#d454', '#d455', '#d456', '#d457', '#d458', '#d459', '#d460', '#d461', '#d462', '#d463', '#d464', '#d465', '#d466', '#d467', '#d468', '#d469', '#d470', '#d471', '#d472', '#d473', '#d474', '#d475', '#d476', '#d477', '#d478', '#d479', '#d480', '#d481', '#d482', '#d483', '#d484', '#d485', '#d486', '#d487', '#d488', '#d489', '#d490', '#d491', '#d492', '#d493', '#d494', '#d495', '#d496', '#d497', '#d498', '#d499', '#d500', '#d501', '#d502', '#d503', '#d504', '#d505', '#d506', '#d507', '#d508', '#d509', '#d510', '#d511', '#d512', '#d513', '#d514', '#d515', '#d516', '#d517', '#d518', '#d519', '#d520', '#d521', '#d522', '#d523', '#d524', '#d525', '#d526', '#d527', '#d528', '#d529', '#d530', '#d531', '#d532', '#d533', '#d534', '#d535', '#d536', '#d537', '#d538', '#d539', '#d540', '#d541', '#d542', '#d543', '#d544', '#d545', '#d546', '#d547', '#d548', '#d549', '#d550', '#d551', '#d552', '#d553', '#d554', '#d555', '#d556', '#d557', '#d558', '#d559', '#d560', '#d561', '#d562', '#d563', '#d564', '#d565', '#d566', '#d567', '#d568', '#d569', '#d570', '#d571', '#d572', '#d573', '#d574', '#d575', '#d576', '#d577', '#d578', '#d579', '#d580', '#d581', '#d582', '#d583', '#d584', '#d585', '#d586', '#d587', '#d588', '#d589', '#d590', '#d591', '#d592', '#d593', '#d594', '#d595', '#d596', '#d597', '#d598', '#d599', '#d600', '#d601', '#d602', '#d603', '#d604', '#d605', '#d606', '#d607', '#d608', '#d609', '#d610', '#d611', '#d612', '#d613', '#d614', '#d615', '#d616', '#d617', '#d618', '#d619', '#d620', '#d621', '#d622', '#d623', '#d624', '#d625', '#d626', '#d627', '#d628', '#d629', '#d630', '#d631', '#d632', '#d633', '#d634', '#d635', '#d636', '#d637', '#d638', '#d639', '#d640', '#d641', '#d642', '#d643', '#d644', '#d645', '#d646', '#d647', '#d648', '#d649', '#d650', '#d651', '#d652', '#d653', '#d654', '#d655', '#d656', '#d657', '#d658', '#d659', '#d660', '#d661', '#d662', '#d663', '#d664', '#d665', '#d666', '#d667', '#d668', '#d669', '#d670', '#d671', '#d672', '#d673']
+var divtoname = {'#d322': 'khaki4', '#d600': 'gray34', '#d118': 'MediumPurple1', '#d119': 'MediumPurple2', '#d114': 'purple3', '#d115': 'purple4', '#d116': 'purple1', '#d117': 'MediumPurple', '#d110': 'purple', '#d111': 'indigo', '#d112': 'BlueViolet', '#d113': 'purple2', '#d529': 'grey67', '#d231': 'DarkSlateGray', '#d339': 'LightGoldenrod3', '#d233': 'MediumTurquoise', '#d232': 'DarkSlateGrey', '#d235': 'turquoise', '#d234': 'LightSeaGreen', '#d237': 'aquamarine', '#d236': 'aquamarine4', '#d239': 'aquamarine2', '#d238': 'aquamarine1', '#d332': 'gold1', '#d333': 'gold2', '#d334': 'gold3', '#d335': 'gold4', '#d336': 'LightGoldenrod', '#d337': 'LightGoldenrod4', '#d424': 'LightSalmon3', '#d425': 'LightSalmon', '#d426': 'LightSalmon1', '#d427': 'LightSalmon4', '#d420': 'sienna', '#d421': 'sienna1', '#d422': 'sienna2', '#d423': 'sienna3', '#d587': 'grey41', '#d586': 'gray41', '#d585': 'DimGrey', '#d584': 'DimGray', '#d428': 'LightSalmon2', '#d429': 'coral', '#d581': 'grey43', '#d580': 'gray43', '#d89': 'thistle4', '#d88': 'plum3', '#d349': 'goldenrod4', '#d348': 'goldenrod3', '#d81': 'thistle2', '#d80': 'thistle1', '#d83': 'plum2', '#d82': 'plum1', '#d85': 'thistle3', '#d84': 'thistle', '#d87': 'violet', '#d86': 'plum', '#d601': 'grey34', '#d67': 'DeepPink3', '#d66': 'DeepPink2', '#d65': 'DeepPink1', '#d64': 'DeepPink', '#d63': 'HotPink', '#d62': 'HotPink4', '#d61': 'HotPink1', '#d60': 'HotPink2', '#d69': 'maroon1', '#d68': 'DeepPink4', '#d510': 'grey76', '#d511': 'silver', '#d512': 'gray75', '#d513': 'grey75', '#d514': 'gray74', '#d515': 'grey74', '#d516': 'gray73', '#d517': 'grey73', '#d518': 'gray72', '#d519': 'grey72', '#d150': 'LightSteelBlue2', '#d151': 'LightSteelBlue3', '#d152': 'LightSteelBlue4', '#d153': 'SlateGray4', '#d154': 'SlateGray1', '#d155': 'SlateGray2', '#d156': 'SlateGray3', '#d157': 'LightSlateGray', '#d158': 'LightSlateGrey', '#d159': 'SlateGray', '#d565': 'gray50', '#d564': 'fractal', '#d567': 'gray', '#d566': 'grey50', '#d561': 'grey52', '#d560': 'gray52', '#d563': 'grey51', '#d562': 'gray51', '#d604': 'gray32', '#d605': 'grey32', '#d606': 'gray31', '#d607': 'grey31', '#d569': 'grey49', '#d568': 'gray49', '#d602': 'gray33', '#d603': 'grey33', '#d125': 'SlateBlue', '#d124': 'MediumSlateBlue', '#d127': 'SlateBlue2', '#d126': 'SlateBlue1', '#d121': 'MediumPurple4', '#d120': 'MediumPurple3', '#d123': 'LightSlateBlue', '#d122': 'DarkSlateBlue', '#d359': 'wheat1', '#d129': 'SlateBlue4', '#d128': 'SlateBlue3', '#d301': 'LightYellow', '#d300': 'ivory1', '#d303': 'beige', '#d302': 'LightYellow1', '#d305': 'LightGoldenrodYellow', '#d304': 'ivory2', '#d307': 'ivory3', '#d306': 'LightYellow2', '#d309': 'ivory4', '#d308': 'LightYellow3', '#d462': 'grey98', '#d351': 'DarkGoldenrod1', '#d464': 'grey97', '#d465': 'gray96', '#d466': 'grey96', '#d467': 'WhiteSmoke', '#d463': 'gray97', '#d268': 'PaleGreen3', '#d269': 'honeydew4', '#d266': 'DarkSeaGreen3', '#d267': 'DarkSeaGreen', '#d264': 'LightGreen', '#d265': 'PaleGreen2', '#d262': 'PaleGreen', '#d263': 'honeydew3', '#d260': 'DarkSeaGreen2', '#d261': 'PaleGreen1', '#d598': 'gray35', '#d29': 'firebrick4', '#d28': 'brown4', '#d23': 'red2', '#d22': 'firebrick3', '#d21': 'RosyBrown4', '#d20': 'red1', '#d27': 'IndianRed4', '#d26': 'red3', '#d25': 'brown', '#d24': 'firebrick', '#d599': 'grey35', '#d338': 'LightGoldenrod1', '#d419': 'sienna4', '#d418': 'seashell1', '#d230': 'teal', '#d415': 'chocolate4', '#d414': 'chocolate3', '#d417': 'seashell', '#d416': 'SaddleBrown', '#d411': 'chocolate', '#d410': 'seashell3', '#d413': 'chocolate2', '#d412': 'chocolate1', '#d398': 'tan1', '#d399': 'tan2', '#d392': 'DarkOrange1', '#d393': 'linen', '#d390': 'bisque1', '#d391': 'bisque3', '#d396': 'DarkOrange4', '#d397': 'peru', '#d394': 'DarkOrange2', '#d395': 'DarkOrange3', '#d194': 'CadetBlue2', '#d195': 'CadetBlue3', '#d196': 'CadetBlue4', '#d197': 'turquoise1', '#d190': 'LightBlue', '#d191': 'LightBlue4', '#d192': 'PowderBlue', '#d193': 'CadetBlue1', '#d198': 'turquoise2', '#d199': 'turquoise3', '#d330': 'cornsilk4', '#d331': 'gold', '#d640': 'gray14', '#d641': 'grey14', '#d642': 'gray13', '#d643': 'grey13', '#d644': 'gray12', '#d645': 'grey12', '#d646': 'gray11', '#d647': 'grey11', '#d648': 'gray10', '#d649': 'grey10', '#d668': 'black', '#d486': 'gainsboro', '#d487': 'gray86', '#d484': 'gray87', '#d485': 'grey87', '#d482': 'gray88', '#d483': 'grey88', '#d480': 'gray89', '#d481': 'grey89', '#d521': 'grey71', '#d520': 'gray71', '#d523': 'grey70', '#d522': 'gray70', '#d525': 'grey69', '#d524': 'gray69', '#d488': 'grey86', '#d489': 'gray85', '#d430': 'OrangeRed', '#d660': 'gray4', '#d169': 'SteelBlue1', '#d168': 'SteelBlue', '#d661': 'grey4', '#d161': 'DodgerBlue', '#d160': 'SlateGrey', '#d163': 'DodgerBlue2', '#d162': 'DodgerBlue1', '#d165': 'DodgerBlue3', '#d164': 'DodgerBlue4', '#d167': 'SteelBlue4', '#d166': 'AliceBlue', '#d635': 'grey17', '#d634': 'gray17', '#d637': 'grey16', '#d636': 'gray16', '#d631': 'grey19', '#d630': 'gray19', '#d633': 'grey18', '#d632': 'gray18', '#d639': 'grey15', '#d638': 'gray15', '#d368': 'PapayaWhip', '#d222': 'cyan', '#d223': 'cyan1', '#d220': 'LightCyan4', '#d221': 'aqua', '#d226': 'DarkSlateGray4', '#d227': 'cyan3', '#d224': 'PaleTurquoise4', '#d225': 'cyan2', '#d228': 'cyan4', '#d229': 'DarkCyan', '#d590': 'gray39', '#d538': 'gray63', '#d539': 'grey63', '#d591': 'grey39', '#d451': 'MistyRose', '#d450': 'MistyRose2', '#d453': 'salmon', '#d452': 'MistyRose1', '#d455': 'white', '#d454': 'MistyRose3', '#d457': 'grey100', '#d456': 'gray100', '#d459': 'gray99', '#d458': 'grey100', '#d592': 'gray38', '#d593': 'grey38', '#d594': 'gray37', '#d595': 'grey37', '#d596': 'gray36', '#d597': 'grey36', '#d297': 'YellowGreen', '#d296': 'OliveDrab3', '#d295': 'OliveDrab2', '#d294': 'OliveDrab1', '#d293': 'OliveDrab', '#d292': 'DarkOliveGreen', '#d291': 'DarkOliveGreen4', '#d290': 'DarkOliveGreen2', '#d356': 'wheat2', '#d357': 'OldLace', '#d354': 'DarkGoldenrod4', '#d355': 'FloralWhite', '#d352': 'DarkGoldenrod2', '#d353': 'DarkGoldenrod3', '#d299': 'ivory', '#d298': 'OliveDrab4', '#d468': 'gray95', '#d534': 'gray65', '#d535': 'grey65', '#d52': 'LavenderBlush2', '#d53': 'LavenderBlush4', '#d50': 'LavenderBlush1', '#d51': 'LavenderBlush3', '#d56': 'VioletRed3', '#d57': 'VioletRed1', '#d54': 'maroon', '#d55': 'HotPink3', '#d58': 'VioletRed2', '#d59': 'VioletRed4', '#d469': 'grey95', '#d558': 'gray53', '#d559': 'grey53', '#d576': 'gray45', '#d577': 'grey45', '#d574': 'gray46', '#d575': 'grey46', '#d572': 'gray47', '#d573': 'grey47', '#d570': 'gray48', '#d571': 'grey48', '#d671': 'opaque', '#d670': 'grey0', '#d673': 'transparent', '#d672': 'none', '#d578': 'gray44', '#d579': 'grey44', '#d589': 'grey40', '#d588': 'gray40', '#d4': 'RosyBrown2', '#d5': 'snow3', '#d6': 'LightCoral', '#d7': 'IndianRed1', '#d0': 'snow', '#d1': 'snow1', '#d2': 'snow2', '#d3': 'RosyBrown1', '#d8': 'RosyBrown3', '#d9': 'IndianRed2', '#d136': 'MediumBlue', '#d137': 'blue4', '#d134': 'blue2', '#d135': 'blue3', '#d132': 'blue', '#d133': 'blue1', '#d130': 'GhostWhite', '#d131': 'lavender', '#d583': 'grey42', '#d138': 'DarkBlue', '#d139': 'MidnightBlue', '#d312': 'yellow1', '#d313': 'yellow2', '#d310': 'LightYellow4', '#d311': 'yellow', '#d316': 'olive', '#d317': 'DarkKhaki', '#d314': 'yellow3', '#d315': 'yellow4', '#d318': 'khaki2', '#d319': 'LemonChiffon4', '#d259': 'DarkSeaGreen1', '#d258': 'honeydew2', '#d253': 'SeaGreen4', '#d252': 'SeaGreen1', '#d251': 'SeaGreen3', '#d250': 'SeaGreen', '#d257': 'honeydew1', '#d256': 'honeydew', '#d255': 'MediumForestGreen', '#d254': 'SeaGreen2', '#d345': 'goldenrod', '#d344': 'cornsilk1', '#d612': 'gray28', '#d347': 'goldenrod2', '#d461': 'gray98', '#d346': 'goldenrod1', '#d479': 'grey90', '#d341': 'cornsilk3', '#d478': 'gray90', '#d340': 'LightGoldenrod2', '#d343': 'cornsilk', '#d342': 'cornsilk2', '#d528': 'gray67', '#d408': 'seashell4', '#d409': 'seashell2', '#d406': 'PeachPuff3', '#d407': 'SandyBrown', '#d404': 'PeachPuff4', '#d405': 'PeachPuff2', '#d402': 'PeachPuff', '#d403': 'PeachPuff1', '#d400': 'tan3', '#d401': 'tan4', '#d552': 'gray56', '#d460': 'grey99', '#d16': 'firebrick2', '#d17': 'snow4', '#d14': 'IndianRed', '#d15': 'IndianRed3', '#d12': 'firebrick1', '#d13': 'brown2', '#d10': 'RosyBrown', '#d11': 'brown1', '#d532': 'gray66', '#d533': 'grey66', '#d530': 'DarkGray', '#d531': 'DarkGrey', '#d536': 'gray64', '#d537': 'grey64', '#d18': 'brown3', '#d19': 'red', '#d329': 'MediumGoldenRod', '#d328': 'LemonChiffon2', '#d178': 'LightSkyBlue1', '#d179': 'LightSkyBlue2', '#d172': 'SkyBlue4', '#d173': 'SkyBlue1', '#d170': 'SteelBlue2', '#d171': 'SteelBlue3', '#d176': 'LightSkyBlue', '#d177': 'LightSkyBlue4', '#d174': 'SkyBlue2', '#d175': 'SkyBlue3', '#d626': 'gray21', '#d627': 'grey21', '#d624': 'gray22', '#d625': 'grey22', '#d622': 'gray23', '#d623': 'grey23', '#d620': 'gray24', '#d621': 'grey24', '#d628': 'gray20', '#d629': 'grey20', '#d219': 'azure4', '#d218': 'DarkSlateGray3', '#d217': 'PaleTurquoise3', '#d216': 'DarkSlateGray2', '#d215': 'LightCyan3', '#d214': 'azure3', '#d213': 'DarkSlateGray1', '#d212': 'PaleTurquoise2', '#d211': 'PaleTurquoise', '#d210': 'PaleTurquoise1', '#d669': 'gray0', '#d582': 'gray42', '#d442': 'coral3', '#d443': 'coral4', '#d440': 'coral1', '#d441': 'coral2', '#d446': 'tomato1', '#d447': 'tomato2', '#d444': 'tomato4', '#d445': 'tomato', '#d448': 'tomato3', '#d449': 'MistyRose4', '#d280': 'DarkGreen', '#d281': 'LawnGreen', '#d282': 'chartreuse', '#d283': 'chartreuse1', '#d284': 'chartreuse2', '#d285': 'chartreuse3', '#d286': 'chartreuse4', '#d287': 'GreenYellow', '#d288': 'DarkOliveGreen3', '#d289': 'DarkOliveGreen1', '#d361': 'orange', '#d360': 'wheat3', '#d367': 'moccasin', '#d366': 'wheat4', '#d365': 'orange4', '#d364': 'orange3', '#d49': 'LavenderBlush', '#d48': 'PaleVioletRed3', '#d45': 'PaleVioletRed', '#d44': 'PaleVioletRed4', '#d47': 'PaleVioletRed1', '#d46': 'PaleVioletRed2', '#d41': 'pink2', '#d40': 'pink1', '#d43': 'pink4', '#d42': 'pink3', '#d358': 'wheat', '#d527': 'grey68', '#d526': 'gray68', '#d614': 'gray27', '#d543': 'grey61', '#d542': 'gray61', '#d541': 'grey62', '#d540': 'gray62', '#d547': 'grey59', '#d546': 'gray59', '#d545': 'grey60', '#d544': 'gray60', '#d662': 'gray3', '#d663': 'grey3', '#d549': 'grey58', '#d548': 'gray58', '#d666': 'gray1', '#d667': 'grey1', '#d664': 'gray2', '#d665': 'grey2', '#d103': 'MediumOrchid4', '#d102': 'MediumOrchid3', '#d101': 'MediumOrchid2', '#d100': 'MediumOrchid1', '#d107': 'DarkOrchid3', '#d106': 'DarkOrchid1', '#d105': 'DarkOrchid', '#d104': 'DarkViolet', '#d109': 'DarkOrchid4', '#d108': 'DarkOrchid2', '#d244': 'SpringGreen', '#d245': 'SpringGreen1', '#d246': 'SpringGreen2', '#d247': 'SpringGreen3', '#d240': 'aquamarine3', '#d241': 'MediumAquamarine', '#d242': 'MediumSpringGreen', '#d243': 'MintCream', '#d327': 'LemonChiffon3', '#d326': 'khaki', '#d325': 'LemonChiffon1', '#d324': 'LemonChiffon', '#d248': 'SpringGreen4', '#d249': 'MediumSeaGreen', '#d321': 'khaki3', '#d320': 'khaki1', '#d350': 'DarkGoldenrod', '#d439': 'salmon4', '#d438': 'salmon3', '#d98': 'purple', '#d99': 'MediumOrchid', '#d96': 'DarkMagenta', '#d97': 'magenta4', '#d94': 'magenta2', '#d95': 'magenta3', '#d92': 'magenta1', '#d93': 'plum4', '#d90': 'fuchsia', '#d91': 'magenta', '#d433': 'OrangeRed3', '#d432': 'OrangeRed2', '#d431': 'OrangeRed1', '#d74': 'VioletRed', '#d75': 'orchid2', '#d76': 'orchid', '#d77': 'orchid1', '#d70': 'maroon2', '#d71': 'maroon3', '#d72': 'maroon4', '#d73': 'MediumVioletRed', '#d437': 'salmon2', '#d78': 'orchid3', '#d79': 'orchid4', '#d436': 'salmon1', '#d435': 'DarkSalmon', '#d434': 'OrangeRed4', '#d507': 'gray77', '#d506': 'grey78', '#d505': 'gray78', '#d504': 'grey79', '#d503': 'gray79', '#d502': 'grey80', '#d501': 'gray80', '#d500': 'grey81', '#d509': 'gray76', '#d508': 'grey77', '#d473': 'grey93', '#d369': 'NavajoWhite3', '#d147': 'CornflowerBlue', '#d146': 'RoyalBlue4', '#d145': 'RoyalBlue3', '#d144': 'RoyalBlue2', '#d143': 'RoyalBlue1', '#d142': 'RoyalBlue', '#d141': 'NavyBlue', '#d140': 'navy', '#d149': 'LightSteelBlue1', '#d148': 'LightSteelBlue', '#d472': 'gray93', '#d613': 'grey28', '#d363': 'orange2', '#d611': 'grey29', '#d610': 'gray29', '#d617': 'grey26', '#d616': 'gray26', '#d615': 'grey27', '#d362': 'orange1', '#d619': 'grey25', '#d618': 'gray25', '#d208': 'azure2', '#d209': 'LightCyan2', '#d200': 'turquoise4', '#d201': 'cadet blue', '#d202': 'CadetBlue', '#d203': 'DarkTurquoise', '#d204': 'azure', '#d205': 'azure1', '#d206': 'LightCyan', '#d207': 'LightCyan1', '#d608': 'gray30', '#d609': 'grey30', '#d374': 'NavajoWhite4', '#d375': 'AntiqueWhite4', '#d376': 'AntiqueWhite', '#d377': 'tan', '#d370': 'BlanchedAlmond', '#d371': 'NavajoWhite', '#d372': 'NavajoWhite1', '#d373': 'NavajoWhite2', '#d477': 'grey91', '#d476': 'gray91', '#d475': 'grey92', '#d474': 'gray92', '#d378': 'bisque4', '#d379': 'burlywood', '#d471': 'grey94', '#d470': 'gray94', '#d279': 'green', '#d278': 'green4', '#d275': 'PaleGreen4', '#d274': 'green2', '#d277': 'ForestGreen', '#d276': 'green3', '#d271': 'lime', '#d270': 'green1', '#d273': 'DarkSeaGreen4', '#d272': 'LimeGreen', '#d38': 'pink', '#d39': 'crimson', '#d30': 'DarkRed', '#d31': 'red4', '#d32': 'maroon', '#d33': 'LightPink1', '#d34': 'LightPink3', '#d35': 'LightPink4', '#d36': 'LightPink2', '#d37': 'LightPink', '#d658': 'gray5', '#d389': 'bisque', '#d388': 'bisque2', '#d381': 'burlywood1', '#d380': 'AntiqueWhite2', '#d383': 'burlywood2', '#d382': 'burlywood3', '#d385': 'burlywood4', '#d384': 'AntiqueWhite1', '#d387': 'DarkOrange', '#d386': 'AntiqueWhite3', '#d189': 'LightBlue2', '#d188': 'LightBlue1', '#d183': 'DeepSkyBlue', '#d182': 'LightBlue3', '#d181': 'SkyBlue', '#d180': 'LightSkyBlue3', '#d187': 'DeepSkyBlue3', '#d186': 'DeepSkyBlue4', '#d185': 'DeepSkyBlue2', '#d184': 'DeepSkyBlue1', '#d657': 'grey6', '#d656': 'gray6', '#d655': 'grey7', '#d654': 'gray7', '#d653': 'grey8', '#d652': 'gray8', '#d651': 'grey9', '#d650': 'gray9', '#d550': 'gray57', '#d659': 'grey5', '#d551': 'grey57', '#d495': 'LightGray', '#d494': 'grey83', '#d497': 'gray82', '#d496': 'LightGrey', '#d491': 'gray84', '#d490': 'grey85', '#d493': 'gray83', '#d492': 'grey84', '#d554': 'gray55', '#d555': 'grey55', '#d556': 'gray54', '#d557': 'grey54', '#d499': 'gray81', '#d498': 'grey82', '#d323': 'PaleGoldenrod', '#d553': 'grey56'}
diff --git a/frontend/imgrid/colors/js/colordictionaries2.js b/frontend/imgrid/colors/js/colordictionaries2.js
new file mode 100755
index 0000000..a4acbf2
--- /dev/null
+++ b/frontend/imgrid/colors/js/colordictionaries2.js
@@ -0,0 +1,3 @@
+rgbtohex = {'rgb(255, 235, 205)': '#FFEBCD', 'rgb(205, 155, 155)': '#CD9B9B', 'rgb(0, 0, 128)': '#000080', 'rgb(179, 238, 58)': '#B3EE3A', 'rgb(205, 51, 51)': '#CD3333', 'rgb(118, 238, 198)': '#76EEC6', 'rgb(214, 214, 214)': '#D6D6D6', 'rgb(189, 189, 189)': '#BDBDBD', 'rgb(139, 131, 120)': '#8B8378', 'rgb(0, 238, 238)': '#00EEEE', 'rgb(137, 104, 205)': '#8968CD', 'rgb(85, 107, 47)': '#556B2F', 'rgb(107, 107, 107)': '#6B6B6B', 'rgb(205, 205, 180)': '#CDCDB4', 'rgb(218, 112, 214)': '#DA70D6', 'rgb(34, 139, 34)': '#228B22', 'rgb(245, 222, 179)': '#F5DEB3', 'rgb(139, 90, 43)': '#8B5A2B', 'rgb(255, 246, 143)': '#FFF68F', 'rgb(205, 91, 69)': '#CD5B45', 'rgb(255, 187, 255)': '#FFBBFF', 'rgb(162, 181, 205)': '#A2B5CD', 'rgb(238, 118, 0)': '#EE7600', 'rgb(238, 154, 73)': '#EE9A49', 'rgb(194, 194, 194)': '#C2C2C2', 'rgb(184, 134, 11)': '#B8860B', 'rgb(93, 71, 139)': '#5D478B', 'rgb(255, 182, 193)': '#FFB6C1', 'rgb(139, 69, 0)': '#8B4500', 'rgb(105, 89, 205)': '#6959CD', 'rgb(238, 173, 14)': '#EEAD0E', 'rgb(151, 255, 255)': '#97FFFF', 'rgb(205, 150, 205)': '#CD96CD', 'rgb(255, 69, 0)': '#FF4500', 'rgb(0, 134, 139)': '#00868B', 'rgb(0, 238, 0)': '#00EE00', 'rgb(255, 106, 106)': '#FF6A6A', 'rgb(186, 186, 186)': '#BABABA', 'rgb(143, 188, 143)': '#8FBC8F', 'rgb(139, 99, 108)': '#8B636C', 'rgb(224, 102, 255)': '#E066FF', 'rgb(100, 149, 237)': '#6495ED', 'rgb(0, 139, 69)': '#008B45', 'rgb(178, 223, 238)': '#B2DFEE', 'rgb(205, 192, 176)': '#CDC0B0', 'rgb(0, 206, 209)': '#00CED1', 'rgb(104, 131, 139)': '#68838B', 'rgb(155, 205, 155)': '#9BCD9B', 'rgb(139, 76, 57)': '#8B4C39', 'rgb(205, 149, 12)': '#CD950C', 'rgb(67, 205, 128)': '#43CD80', 'rgb(54, 54, 54)': '#363636', 'rgb(0, 205, 205)': '#00CDCD', 'rgb(99, 184, 255)': '#63B8FF', 'rgb(238, 233, 233)': '#EEE9E9', 'rgb(205, 201, 201)': '#CDC9C9', 'rgb(156, 156, 156)': '#9C9C9C', 'rgb(139, 125, 123)': '#8B7D7B', 'rgb(148, 148, 148)': '#949494', 'rgb(102, 205, 170)': '#66CDAA', 'rgb(139, 54, 38)': '#8B3626', 'rgb(255, 181, 197)': '#FFB5C5', 'rgb(173, 216, 230)': '#ADD8E6', 'rgb(46, 46, 46)': '#2E2E2E', 'rgb(164, 211, 238)': '#A4D3EE', 'rgb(232, 232, 232)': '#E8E8E8', 'rgb(105, 105, 105)': '#696969', 'rgb(205, 193, 197)': '#CDC1C5', 'rgb(20, 20, 20)': '#141414', 'rgb(139, 139, 131)': '#8B8B83', 'rgb(255, 114, 86)': '#FF7256', 'rgb(0, 104, 139)': '#00688B', 'rgb(205, 41, 144)': '#CD2990', 'rgb(127, 127, 127)': '#7F7F7F', 'rgb(255, 239, 213)': '#FFEFD5', 'rgb(238, 238, 209)': '#EEEED1', 'rgb(242, 242, 242)': '#F2F2F2', 'rgb(240, 230, 140)': '#F0E68C', 'rgb(238, 207, 161)': '#EECFA1', 'rgb(25, 25, 112)': '#191970', 'rgb(205, 79, 57)': '#CD4F39', 'rgb(84, 84, 84)': '#545454', 'rgb(110, 139, 61)': '#6E8B3D', 'rgb(255, 215, 0)': '#FFD700', 'rgb(143, 143, 143)': '#8F8F8F', 'rgb(238, 59, 59)': '#EE3B3B', 'rgb(166, 166, 166)': '#A6A6A6', 'rgb(255, 160, 122)': '#FFA07A', 'rgb(51, 51, 51)': '#333333', 'rgb(224, 238, 224)': '#E0EEE0', 'rgb(139, 121, 94)': '#8B795E', 'rgb(110, 123, 139)': '#6E7B8B', 'rgb(26, 26, 26)': '#1A1A1A', 'rgb(238, 99, 99)': '#EE6363', 'rgb(178, 58, 238)': '#B23AEE', 'rgb(238, 197, 145)': '#EEC591', 'rgb(171, 171, 171)': '#ABABAB', 'rgb(237, 237, 237)': '#EDEDED', 'rgb(238, 0, 0)': '#EE0000', 'rgb(139, 71, 38)': '#8B4726', 'rgb(82, 139, 139)': '#528B8B', 'rgb(139, 105, 105)': '#8B6969', 'rgb(160, 32, 240)': '#A020F0', 'rgb(78, 238, 148)': '#4EEE94', 'rgb(205, 85, 85)': '#CD5555', 'rgb(205, 181, 205)': '#CDB5CD', 'rgb(184, 184, 184)': '#B8B8B8', 'rgb(255, 222, 173)': '#FFDEAD', 'rgb(8, 8, 8)': '#080808', 'rgb(255, 248, 220)': '#FFF8DC', 'rgb(175, 238, 238)': '#AFEEEE', 'rgb(255, 130, 71)': '#FF8247', 'rgb(13, 13, 13)': '#0D0D0D', 'rgb(0, 139, 139)': '#008B8B', 'rgb(187, 255, 255)': '#BBFFFF', 'rgb(147, 112, 219)': '#9370DB', 'rgb(0, 128, 0)': '#008000', 'rgb(238, 64, 0)': '#EE4000', 'rgb(238, 18, 137)': '#EE1289', 'rgb(54, 100, 139)': '#36648B', 'rgb(176, 176, 176)': '#B0B0B0', 'rgb(0, 0, 238)': '#0000EE', 'rgb(238, 154, 0)': '#EE9A00', 'rgb(188, 143, 143)': '#BC8F8F', 'rgb(240, 255, 255)': '#F0FFFF', 'rgb(191, 62, 255)': '#BF3EFF', 'rgb(171, 130, 255)': '#AB82FF', 'rgb(205, 173, 0)': '#CDAD00', 'rgb(255, 48, 48)': '#FF3030', 'rgb(122, 197, 205)': '#7AC5CD', 'rgb(139, 87, 66)': '#8B5742', 'rgb(204, 204, 204)': '#CCCCCC', 'rgb(205, 129, 98)': '#CD8162', 'rgb(224, 224, 224)': '#E0E0E0', 'rgb(218, 165, 32)': '#DAA520', 'rgb(205, 145, 158)': '#CD919E', 'rgb(139, 62, 47)': '#8B3E2F', 'rgb(238, 122, 233)': '#EE7AE9', 'rgb(152, 251, 152)': '#98FB98', 'rgb(240, 128, 128)': '#F08080', 'rgb(162, 205, 90)': '#A2CD5A', 'rgb(79, 79, 79)': '#4F4F4F', 'rgb(169, 169, 169)': '#A9A9A9', 'rgb(255, 127, 0)': '#FF7F00', 'rgb(139, 28, 98)': '#8B1C62', 'rgb(253, 245, 230)': '#FDF5E6', 'rgb(141, 238, 238)': '#8DEEEE', 'rgb(238, 213, 210)': '#EED5D2', 'rgb(208, 32, 144)': '#D02090', 'rgb(0, 205, 0)': '#00CD00', 'rgb(139, 71, 137)': '#8B4789', 'rgb(205, 201, 165)': '#CDC9A5', 'rgb(0, 229, 238)': '#00E5EE', 'rgb(205, 140, 149)': '#CD8C95', 'rgb(124, 205, 124)': '#7CCD7C', 'rgb(220, 220, 220)': '#DCDCDC', 'rgb(238, 229, 222)': '#EEE5DE', 'rgb(87, 87, 87)': '#575757', 'rgb(70, 130, 180)': '#4682B4', 'rgb(205, 104, 137)': '#CD6889', 'rgb(15, 15, 15)': '#0F0F0F', 'rgb(38, 38, 38)': '#262626', 'rgb(238, 180, 34)': '#EEB422', 'rgb(205, 200, 177)': '#CDC8B1', 'rgb(238, 210, 238)': '#EED2EE', 'rgb(150, 150, 150)': '#969696', 'rgb(0, 255, 127)': '#00FF7F', 'rgb(139, 126, 102)': '#8B7E66', 'rgb(205, 175, 149)': '#CDAF95', 'rgb(152, 245, 255)': '#98F5FF', 'rgb(0, 250, 154)': '#00FA9A', 'rgb(120, 120, 120)': '#787878', 'rgb(238, 118, 33)': '#EE7621', 'rgb(128, 128, 0)': '#808000', 'rgb(139, 137, 112)': '#8B8970', 'rgb(107, 142, 35)': '#6B8E23', 'rgb(219, 219, 219)': '#DBDBDB', 'rgb(205, 205, 0)': '#CDCD00', 'rgb(180, 205, 205)': '#B4CDCD', 'rgb(115, 115, 115)': '#737373', 'rgb(131, 139, 139)': '#838B8B', 'rgb(0, 178, 238)': '#00B2EE', 'rgb(94, 94, 94)': '#5E5E5E', 'rgb(135, 135, 135)': '#878787', 'rgb(145, 145, 145)': '#919191', 'rgb(205, 0, 0)': '#CD0000', 'rgb(16, 78, 139)': '#104E8B', 'rgb(133, 133, 133)': '#858585', 'rgb(205, 38, 38)': '#CD2626', 'rgb(255, 193, 193)': '#FFC1C1', 'rgb(205, 183, 181)': '#CDB7B5', 'rgb(122, 55, 139)': '#7A378B', 'rgb(154, 192, 205)': '#9AC0CD', 'rgb(191, 239, 255)': '#BFEFFF', 'rgb(219, 112, 147)': '#DB7093', 'rgb(121, 205, 205)': '#79CDCD', 'rgb(238, 232, 170)': '#EEE8AA', 'rgb(102, 205, 0)': '#66CD00', 'rgb(255, 185, 15)': '#FFB90F', 'rgb(176, 196, 222)': '#B0C4DE', 'rgb(255, 236, 139)': '#FFEC8B', 'rgb(205, 105, 201)': '#CD69C9', 'rgb(250, 250, 250)': '#FAFAFA', 'rgb(245, 245, 220)': '#F5F5DC', 'rgb(238, 106, 80)': '#EE6A50', 'rgb(64, 64, 64)': '#404040', 'rgb(238, 220, 130)': '#EEDC82', 'white': '#000000', 'rgb(125, 38, 205)': '#7D26CD', 'rgb(205, 133, 63)': '#CD853F', 'rgb(139, 102, 139)': '#8B668B', 'rgb(71, 71, 71)': '#474747', 'rgb(118, 238, 0)': '#76EE00', 'rgb(192, 255, 62)': '#C0FF3E', 'rgb(0, 0, 139)': '#00008B', 'rgb(248, 248, 255)': '#F8F8FF', 'rgb(3, 3, 3)': '#030303', 'rgb(176, 226, 255)': '#B0E2FF', 'rgb(139, 105, 20)': '#8B6914', 'rgb(255, 105, 180)': '#FF69B4', 'rgb(124, 252, 0)': '#7CFC00', 'rgb(238, 238, 224)': '#EEEEE0', 'rgb(139, 69, 19)': '#8B4513', 'rgb(139, 0, 139)': '#8B008B', 'rgb(31, 31, 31)': '#1F1F1F', 'rgb(159, 182, 205)': '#9FB6CD', 'rgb(181, 181, 181)': '#B5B5B5', 'rgb(0, 245, 255)': '#00F5FF', 'rgb(105, 139, 105)': '#698B69', 'rgb(159, 121, 238)': '#9F79EE', 'rgb(205, 198, 115)': '#CDC673', 'rgb(77, 77, 77)': '#4D4D4D', 'rgb(139, 90, 0)': '#8B5A00', 'rgb(122, 122, 122)': '#7A7A7A', 'rgb(224, 238, 238)': '#E0EEEE', 'rgb(50, 129, 75)': '#32814B', 'rgb(202, 225, 255)': '#CAE1FF', 'rgb(255, 110, 180)': '#FF6EB4', 'rgb(238, 48, 167)': '#EE30A7', 'rgb(220, 20, 60)': '#DC143C', 'rgb(127, 255, 212)': '#7FFFD4', 'rgb(205, 179, 139)': '#CDB38B', 'rgb(28, 28, 28)': '#1C1C1C', 'rgb(229, 229, 229)': '#E5E5E5', 'rgb(47, 79, 79)': '#2F4F4F', 'rgb(59, 59, 59)': '#3B3B3B', 'rgb(69, 139, 116)': '#458B74', 'rgb(255, 211, 155)': '#FFD39B', 'rgb(139, 119, 101)': '#8B7765', 'rgb(238, 230, 133)': '#EEE685', 'rgb(10, 10, 10)': '#0A0A0A', 'rgb(144, 238, 144)': '#90EE90', 'rgb(99, 99, 99)': '#636363', 'rgb(188, 238, 104)': '#BCEE68', 'rgb(255, 231, 186)': '#FFE7BA', 'rgb(154, 50, 205)': '#9A32CD', 'rgb(46, 139, 87)': '#2E8B57', 'rgb(145, 44, 238)': '#912CEE', 'rgb(255, 240, 245)': '#FFF0F5', 'rgb(67, 110, 238)': '#436EEE', 'rgb(238, 180, 180)': '#EEB4B4', 'rgb(108, 166, 205)': '#6CA6CD', 'rgb(173, 173, 173)': '#ADADAD', 'rgb(176, 48, 96)': '#B03060', 'rgb(23, 23, 23)': '#171717', 'rgb(138, 138, 138)': '#8A8A8A', 'rgb(139, 137, 137)': '#8B8989', 'rgb(209, 193, 102)': '#D1C166', 'rgb(139, 123, 139)': '#8B7B8B', 'rgb(154, 255, 154)': '#9AFF9A', 'rgb(130, 130, 130)': '#828282', 'rgb(255, 99, 71)': '#FF6347', 'rgb(205, 183, 158)': '#CDB79E', 'rgb(205, 102, 29)': '#CD661D', 'rgb(128, 0, 0)': '#800000', 'rgb(0, 0, 255)': '#0000FF', 'rgb(255, 52, 179)': '#FF34B3', 'rgb(250, 235, 215)': '#FAEBD7', 'rgb(163, 163, 163)': '#A3A3A3', 'rgb(56, 56, 56)': '#383838', 'rgb(85, 26, 139)': '#551A8B', 'rgb(139, 58, 58)': '#8B3A3A', 'rgb(168, 168, 168)': '#A8A8A8', 'rgb(255, 225, 255)': '#FFE1FF', 'rgb(125, 125, 125)': '#7D7D7D', 'rgb(131, 111, 255)': '#836FFF', 'rgb(95, 158, 160)': '#5F9EA0', 'rgb(165, 42, 42)': '#A52A2A', 'rgb(245, 255, 250)': '#F5FFFA', 'rgb(255, 218, 185)': '#FFDAB9', 'rgb(255, 228, 225)': '#FFE4E1', 'rgb(216, 191, 216)': '#D8BFD8', 'rgb(139, 101, 8)': '#8B6508', 'rgb(205, 104, 57)': '#CD6839', 'rgb(255, 131, 250)': '#FF83FA', 'rgb(82, 82, 82)': '#525252', 'rgb(117, 117, 117)': '#757575', 'rgb(255, 165, 0)': '#FFA500', 'rgb(255, 64, 64)': '#FF4040', 'rgb(255, 165, 79)': '#FFA54F', 'rgb(205, 55, 0)': '#CD3700', 'rgb(188, 210, 238)': '#BCD2EE', 'rgb(238, 121, 159)': '#EE799F', 'rgb(5, 5, 5)': '#050505', 'rgb(217, 217, 217)': '#D9D9D9', 'rgb(205, 186, 150)': '#CDBA96', 'rgb(139, 131, 134)': '#8B8386', 'rgb(185, 211, 238)': '#B9D3EE', 'rgb(235, 235, 235)': '#EBEBEB', 'rgb(230, 230, 250)': '#E6E6FA', 'rgb(41, 41, 41)': '#292929', 'rgb(205, 92, 92)': '#CD5C5C', 'rgb(131, 139, 131)': '#838B83', 'rgb(123, 104, 238)': '#7B68EE', 'rgb(128, 0, 128)': '#800080', 'rgb(139, 26, 26)': '#8B1A1A', 'rgb(141, 182, 205)': '#8DB6CD', 'rgb(212, 212, 212)': '#D4D4D4', 'rgb(238, 162, 173)': '#EEA2AD', 'rgb(255, 255, 0)': '#FFFF00', 'rgb(192, 192, 192)': '#C0C0C0', 'rgb(139, 71, 93)': '#8B475D', 'rgb(0, 100, 0)': '#006400', 'rgb(139, 37, 0)': '#8B2500', 'rgb(198, 226, 255)': '#C6E2FF', 'rgb(24, 116, 205)': '#1874CD', 'rgb(178, 34, 34)': '#B22222', 'rgb(28, 134, 238)': '#1C86EE', 'rgb(255, 0, 255)': '#FF00FF', 'rgb(33, 33, 33)': '#212121', 'rgb(209, 238, 238)': '#D1EEEE', 'rgb(255, 127, 80)': '#FF7F50', 'rgb(0, 154, 205)': '#009ACD', 'rgb(255, 255, 224)': '#FFFFE0', 'rgb(75, 0, 130)': '#4B0082', 'rgb(160, 82, 45)': '#A0522D', 'rgb(138, 43, 226)': '#8A2BE2', 'rgb(238, 224, 229)': '#EEE0E5', 'rgb(106, 90, 205)': '#6A5ACD', 'rgb(227, 227, 227)': '#E3E3E3', 'rgb(255, 250, 250)': '#FFFAFA', 'rgb(255, 174, 185)': '#FFAEB9', 'rgb(205, 0, 205)': '#CD00CD', 'rgb(126, 126, 126)': '#7E7E7E', 'rgb(139, 10, 80)': '#8B0A50', 'rgb(186, 85, 211)': '#BA55D3', 'rgb(205, 133, 0)': '#CD8500', 'rgb(211, 211, 211)': '#D3D3D3', 'rgb(69, 69, 69)': '#454545', 'rgb(222, 222, 222)': '#DEDEDE', 'rgb(221, 160, 221)': '#DDA0DD', 'rgb(255, 255, 240)': '#FFFFF0', 'rgb(112, 112, 112)': '#707070', 'rgb(209, 95, 238)': '#D15FEE', 'rgb(0, 255, 0)': '#00FF00', 'rgb(238, 233, 191)': '#EEE9BF', 'rgb(92, 92, 92)': '#5C5C5C', 'rgb(205, 112, 84)': '#CD7054', 'rgb(255, 228, 196)': '#FFE4C4', 'rgb(255, 192, 203)': '#FFC0CB', 'rgb(238, 130, 238)': '#EE82EE', 'rgb(122, 103, 238)': '#7A67EE', 'rgb(238, 121, 66)': '#EE7942', 'rgb(102, 139, 139)': '#668B8B', 'rgb(250, 240, 230)': '#FAF0E6', 'rgb(247, 247, 247)': '#F7F7F7', 'rgb(32, 178, 170)': '#20B2AA', 'rgb(97, 97, 97)': '#616161', 'rgb(150, 205, 205)': '#96CDCD', 'rgb(158, 158, 158)': '#9E9E9E', 'rgb(238, 58, 140)': '#EE3A8C', 'rgb(255, 228, 181)': '#FFE4B5', 'rgb(0, 197, 205)': '#00C5CD', 'rgb(205, 96, 144)': '#CD6090', 'rgb(205, 16, 118)': '#CD1076', 'rgb(240, 240, 240)': '#F0F0F0', 'rgb(176, 224, 230)': '#B0E0E6', 'rgb(199, 21, 133)': '#C71585', 'rgb(238, 203, 173)': '#EECBAD', 'rgb(173, 255, 47)': '#ADFF2F', 'rgb(238, 174, 238)': '#EEAEEE', 'rgb(191, 191, 191)': '#BFBFBF', 'rgb(222, 184, 135)': '#DEB887', 'rgb(18, 18, 18)': '#121212', 'rgb(83, 134, 139)': '#53868B', 'rgb(139, 134, 130)': '#8B8682', 'rgb(142, 229, 238)': '#8EE5EE', 'rgb(0, 139, 0)': '#008B00', 'rgb(240, 255, 240)': '#F0FFF0', 'rgb(104, 34, 139)': '#68228B', 'rgb(193, 255, 193)': '#C1FFC1', 'rgb(0, 0, 0)': '#000000', 'rgb(139, 58, 98)': '#8B3A62', 'rgb(89, 89, 89)': '#595959', 'rgb(72, 118, 255)': '#4876FF', 'rgb(108, 123, 139)': '#6C7B8B', 'rgb(255, 20, 147)': '#FF1493', 'rgb(255, 250, 240)': '#FFFAF0', 'rgb(132, 112, 255)': '#8470FF', 'rgb(255, 62, 150)': '#FF3E96', 'rgb(139, 125, 107)': '#8B7D6B', 'rgb(64, 224, 208)': '#40E0D0', 'rgb(148, 0, 211)': '#9400D3', 'rgb(238, 106, 167)': '#EE6AA7', 'rgb(238, 44, 44)': '#EE2C2C', 'rgb(72, 209, 204)': '#48D1CC', 'rgb(205, 155, 29)': '#CD9B1D', 'rgb(139, 0, 0)': '#8B0000', 'rgb(238, 92, 66)': '#EE5C42', 'rgb(238, 216, 174)': '#EED8AE', 'rgb(65, 105, 225)': '#4169E1', 'rgb(0, 205, 102)': '#00CD66', 'rgb(96, 123, 139)': '#607B8B', 'rgb(210, 180, 140)': '#D2B48C', 'rgb(135, 206, 255)': '#87CEFF', 'rgb(252, 252, 252)': '#FCFCFC', 'rgb(61, 61, 61)': '#3D3D3D', 'rgb(205, 102, 0)': '#CD6600', 'rgb(58, 95, 205)': '#3A5FCD', 'rgb(30, 144, 255)': '#1E90FF', 'rgb(245, 245, 245)': '#F5F5F5', 'rgb(255, 130, 171)': '#FF82AB', 'rgb(60, 179, 113)': '#3CB371', 'rgb(139, 139, 122)': '#8B8B7A', 'rgb(139, 136, 120)': '#8B8878', 'rgb(139, 34, 82)': '#8B2252', 'rgb(238, 223, 204)': '#EEDFCC', 'rgb(238, 213, 183)': '#EED5B7', 'rgb(250, 250, 210)': '#FAFAD2', 'rgb(255, 250, 205)': '#FFFACD', 'rgb(39, 64, 139)': '#27408B', 'rgb(84, 139, 84)': '#548B54', 'rgb(238, 221, 130)': '#EEDD82', 'rgb(139, 95, 101)': '#8B5F65', 'rgb(210, 105, 30)': '#D2691E', 'rgb(139, 139, 0)': '#8B8B00', 'rgb(238, 149, 114)': '#EE9572', 'rgb(0, 255, 255)': '#00FFFF', 'rgb(71, 60, 139)': '#473C8B', 'rgb(207, 207, 207)': '#CFCFCF', 'rgb(153, 50, 204)': '#9932CC', 'rgb(36, 36, 36)': '#242424', 'rgb(153, 153, 153)': '#999999', 'rgb(250, 128, 114)': '#FA8072', 'rgb(174, 238, 238)': '#AEEEEE', 'rgb(139, 117, 0)': '#8B7500', 'rgb(139, 35, 35)': '#8B2323', 'rgb(92, 172, 238)': '#5CACEE', 'rgb(48, 48, 48)': '#303030', 'rgb(139, 129, 76)': '#8B814C', 'rgb(72, 61, 139)': '#483D8B', 'rgb(238, 169, 184)': '#EEA9B8', 'rgb(69, 139, 0)': '#458B00', 'rgb(0, 128, 128)': '#008080', 'rgb(255, 255, 255)': '#FFFFFF', 'rgb(244, 164, 96)': '#F4A460', 'rgb(154, 205, 50)': '#9ACD32', 'rgb(126, 192, 238)': '#7EC0EE', 'rgb(209, 209, 209)': '#D1D1D1', 'rgb(74, 112, 139)': '#4A708B', 'rgb(112, 128, 144)': '#708090', 'rgb(105, 139, 34)': '#698B22', 'rgb(110, 110, 110)': '#6E6E6E', 'rgb(179, 179, 179)': '#B3B3B3', 'rgb(205, 50, 120)': '#CD3278', 'rgb(119, 136, 153)': '#778899', 'rgb(139, 115, 85)': '#8B7355', 'rgb(255, 193, 37)': '#FFC125', 'rgb(224, 255, 255)': '#E0FFFF', 'rgb(66, 66, 66)': '#424242', 'rgb(193, 205, 193)': '#C1CDC1', 'rgb(0, 191, 255)': '#00BFFF', 'rgb(205, 205, 193)': '#CDCDC1', 'rgb(238, 238, 0)': '#EEEE00', 'rgb(255, 140, 105)': '#FF8C69', 'rgb(135, 206, 235)': '#87CEEB', 'rgb(238, 201, 0)': '#EEC900', 'rgb(238, 232, 205)': '#EEE8CD', 'rgb(0, 0, 205)': '#0000CD', 'rgb(238, 130, 98)': '#EE8262', 'rgb(155, 48, 255)': '#9B30FF', 'rgb(43, 43, 43)': '#2B2B2B', 'rgb(240, 248, 255)': '#F0F8FF', 'rgb(238, 0, 238)': '#EE00EE', 'rgb(128, 128, 128)': '#808080', 'rgb(193, 205, 205)': '#C1CDCD', 'rgb(50, 205, 50)': '#32CD32', 'rgb(201, 201, 201)': '#C9C9C9', 'rgb(255, 239, 219)': '#FFEFDB', 'rgb(196, 196, 196)': '#C4C4C4', 'rgb(135, 206, 250)': '#87CEFA', 'rgb(139, 134, 78)': '#8B864E', 'rgb(79, 148, 205)': '#4F94CD', 'rgb(74, 74, 74)': '#4A4A4A', 'rgb(255, 0, 0)': '#FF0000', 'rgb(233, 150, 122)': '#E9967A', 'rgb(205, 190, 112)': '#CDBE70', 'rgb(84, 255, 159)': '#54FF9F', 'rgb(205, 170, 125)': '#CDAA7D', 'rgb(127, 255, 0)': '#7FFF00', 'rgb(102, 102, 102)': '#666666', 'rgb(180, 238, 180)': '#B4EEB4', 'rgb(122, 139, 139)': '#7A8B8B', 'rgb(255, 140, 0)': '#FF8C00', 'rgb(205, 197, 191)': '#CDC5BF', 'rgb(140, 140, 140)': '#8C8C8C', 'rgb(199, 199, 199)': '#C7C7C7', 'rgb(202, 255, 112)': '#CAFF70', 'rgb(255, 245, 238)': '#FFF5EE', 'rgb(189, 183, 107)': '#BDB76B', 'rgb(0, 238, 118)': '#00EE76', 'rgb(180, 82, 205)': '#B452CD', 'rgb(255, 127, 36)': '#FF7F24', 'rgb(161, 161, 161)': '#A1A1A1'}
+rgbtoname = {'rgb(255, 235, 205)': 'BlanchedAlmond', 'rgb(205, 155, 155)': 'RosyBrown3', 'rgb(0, 0, 128)': 'NavyBlue', 'rgb(179, 238, 58)': 'OliveDrab2', 'rgb(205, 51, 51)': 'brown3', 'rgb(118, 238, 198)': 'aquamarine2', 'rgb(214, 214, 214)': 'grey84', 'rgb(189, 189, 189)': 'grey74', 'rgb(139, 131, 120)': 'AntiqueWhite4', 'rgb(0, 238, 238)': 'cyan2', 'rgb(137, 104, 205)': 'MediumPurple3', 'rgb(85, 107, 47)': 'DarkOliveGreen', 'rgb(107, 107, 107)': 'grey42', 'rgb(205, 205, 180)': 'LightYellow3', 'rgb(218, 112, 214)': 'orchid', 'rgb(34, 139, 34)': 'ForestGreen', 'rgb(245, 222, 179)': 'wheat', 'rgb(139, 90, 43)': 'tan4', 'rgb(255, 246, 143)': 'khaki1', 'rgb(205, 91, 69)': 'coral3', 'rgb(255, 187, 255)': 'plum1', 'rgb(162, 181, 205)': 'LightSteelBlue3', 'rgb(238, 118, 0)': 'DarkOrange2', 'rgb(238, 154, 73)': 'tan2', 'rgb(194, 194, 194)': 'grey76', 'rgb(184, 134, 11)': 'DarkGoldenrod', 'rgb(93, 71, 139)': 'MediumPurple4', 'rgb(255, 182, 193)': 'LightPink', 'rgb(139, 69, 0)': 'DarkOrange4', 'rgb(105, 89, 205)': 'SlateBlue3', 'rgb(238, 173, 14)': 'DarkGoldenrod2', 'rgb(151, 255, 255)': 'DarkSlateGray1', 'rgb(205, 150, 205)': 'plum3', 'rgb(255, 69, 0)': 'OrangeRed1', 'rgb(0, 134, 139)': 'turquoise4', 'rgb(0, 238, 0)': 'green2', 'rgb(255, 106, 106)': 'IndianRed1', 'rgb(186, 186, 186)': 'grey73', 'rgb(143, 188, 143)': 'DarkSeaGreen', 'rgb(139, 99, 108)': 'pink4', 'rgb(224, 102, 255)': 'MediumOrchid1', 'rgb(100, 149, 237)': 'CornflowerBlue', 'rgb(0, 139, 69)': 'SpringGreen4', 'rgb(178, 223, 238)': 'LightBlue2', 'rgb(205, 192, 176)': 'AntiqueWhite3', 'rgb(0, 206, 209)': 'DarkTurquoise', 'rgb(104, 131, 139)': 'LightBlue4', 'rgb(155, 205, 155)': 'DarkSeaGreen3', 'rgb(139, 76, 57)': 'salmon4', 'rgb(205, 149, 12)': 'DarkGoldenrod3', 'rgb(67, 205, 128)': 'SeaGreen3', 'rgb(54, 54, 54)': 'grey21', 'rgb(0, 205, 205)': 'cyan3', 'rgb(99, 184, 255)': 'SteelBlue1', 'rgb(238, 233, 233)': 'snow2', 'rgb(205, 201, 201)': 'snow3', 'rgb(156, 156, 156)': 'grey61', 'rgb(139, 125, 123)': 'MistyRose4', 'rgb(148, 148, 148)': 'grey58', 'rgb(102, 205, 170)': 'MediumAquamarine', 'rgb(139, 54, 38)': 'tomato4', 'rgb(255, 181, 197)': 'pink1', 'rgb(173, 216, 230)': 'LightBlue', 'rgb(46, 46, 46)': 'grey18', 'rgb(164, 211, 238)': 'LightSkyBlue2', 'rgb(232, 232, 232)': 'grey91', 'rgb(105, 105, 105)': 'grey41', 'rgb(205, 193, 197)': 'LavenderBlush3', 'rgb(20, 20, 20)': 'grey8', 'rgb(139, 139, 131)': 'ivory4', 'rgb(255, 114, 86)': 'coral1', 'rgb(0, 104, 139)': 'DeepSkyBlue4', 'rgb(205, 41, 144)': 'maroon3', 'rgb(127, 127, 127)': 'grey50', 'rgb(255, 239, 213)': 'PapayaWhip', 'rgb(238, 238, 209)': 'LightYellow2', 'rgb(242, 242, 242)': 'grey95', 'rgb(240, 230, 140)': 'khaki', 'rgb(238, 207, 161)': 'NavajoWhite2', 'rgb(25, 25, 112)': 'MidnightBlue', 'rgb(205, 79, 57)': 'tomato3', 'rgb(84, 84, 84)': 'grey33', 'rgb(110, 139, 61)': 'DarkOliveGreen4', 'rgb(255, 215, 0)': 'gold1', 'rgb(143, 143, 143)': 'grey56', 'rgb(238, 59, 59)': 'brown2', 'rgb(166, 166, 166)': 'grey65', 'rgb(255, 160, 122)': 'LightSalmon1', 'rgb(51, 51, 51)': 'grey20', 'rgb(224, 238, 224)': 'honeydew2', 'rgb(139, 121, 94)': 'NavajoWhite4', 'rgb(110, 123, 139)': 'LightSteelBlue4', 'rgb(26, 26, 26)': 'grey10', 'rgb(238, 99, 99)': 'IndianRed2', 'rgb(178, 58, 238)': 'DarkOrchid2', 'rgb(238, 197, 145)': 'burlywood2', 'rgb(171, 171, 171)': 'grey67', 'rgb(237, 237, 237)': 'grey93', 'rgb(238, 0, 0)': 'red2', 'rgb(139, 71, 38)': 'sienna4', 'rgb(82, 139, 139)': 'DarkSlateGray4', 'rgb(139, 105, 105)': 'RosyBrown4', 'rgb(160, 32, 240)': 'purple', 'rgb(78, 238, 148)': 'SeaGreen2', 'rgb(205, 85, 85)': 'IndianRed3', 'rgb(205, 181, 205)': 'thistle3', 'rgb(184, 184, 184)': 'grey72', 'rgb(255, 222, 173)': 'NavajoWhite1', 'rgb(8, 8, 8)': 'grey3', 'rgb(255, 248, 220)': 'cornsilk1', 'rgb(175, 238, 238)': 'PaleTurquoise', 'rgb(255, 130, 71)': 'sienna1', 'rgb(13, 13, 13)': 'grey5', 'rgb(0, 139, 139)': 'DarkCyan', 'rgb(187, 255, 255)': 'PaleTurquoise1', 'rgb(147, 112, 219)': 'MediumPurple', 'rgb(0, 128, 0)': 'green', 'rgb(238, 64, 0)': 'OrangeRed2', 'rgb(238, 18, 137)': 'DeepPink2', 'rgb(54, 100, 139)': 'SteelBlue4', 'rgb(176, 176, 176)': 'grey69', 'rgb(0, 0, 238)': 'blue2', 'rgb(238, 154, 0)': 'orange2', 'rgb(188, 143, 143)': 'RosyBrown', 'rgb(240, 255, 255)': 'azure1', 'rgb(191, 62, 255)': 'DarkOrchid1', 'rgb(171, 130, 255)': 'MediumPurple1', 'rgb(205, 173, 0)': 'gold3', 'rgb(255, 48, 48)': 'firebrick1', 'rgb(122, 197, 205)': 'CadetBlue3', 'rgb(139, 87, 66)': 'LightSalmon4', 'rgb(204, 204, 204)': 'grey80', 'rgb(205, 129, 98)': 'LightSalmon3', 'rgb(224, 224, 224)': 'grey88', 'rgb(218, 165, 32)': 'goldenrod', 'rgb(205, 145, 158)': 'pink3', 'rgb(139, 62, 47)': 'coral4', 'rgb(238, 122, 233)': 'orchid2', 'rgb(152, 251, 152)': 'PaleGreen', 'rgb(240, 128, 128)': 'LightCoral', 'rgb(162, 205, 90)': 'DarkOliveGreen3', 'rgb(79, 79, 79)': 'grey31', 'rgb(169, 169, 169)': 'DarkGrey', 'rgb(255, 127, 0)': 'DarkOrange1', 'rgb(139, 28, 98)': 'maroon4', 'rgb(253, 245, 230)': 'OldLace', 'rgb(141, 238, 238)': 'DarkSlateGray2', 'rgb(238, 213, 210)': 'MistyRose2', 'rgb(208, 32, 144)': 'VioletRed', 'rgb(0, 205, 0)': 'green3', 'rgb(139, 71, 137)': 'orchid4', 'rgb(205, 201, 165)': 'LemonChiffon3', 'rgb(0, 229, 238)': 'turquoise2', 'rgb(205, 140, 149)': 'LightPink3', 'rgb(124, 205, 124)': 'PaleGreen3', 'rgb(220, 220, 220)': 'gainsboro', 'rgb(238, 229, 222)': 'seashell2', 'rgb(87, 87, 87)': 'grey34', 'rgb(70, 130, 180)': 'SteelBlue', 'rgb(205, 104, 137)': 'PaleVioletRed3', 'rgb(15, 15, 15)': 'grey6', 'rgb(38, 38, 38)': 'grey15', 'rgb(238, 180, 34)': 'goldenrod2', 'rgb(205, 200, 177)': 'cornsilk3', 'rgb(238, 210, 238)': 'thistle2', 'rgb(150, 150, 150)': 'grey59', 'rgb(0, 255, 127)': 'SpringGreen1', 'rgb(139, 126, 102)': 'wheat4', 'rgb(205, 175, 149)': 'PeachPuff3', 'rgb(152, 245, 255)': 'CadetBlue1', 'rgb(0, 250, 154)': 'MediumSpringGreen', 'rgb(120, 120, 120)': 'grey47', 'rgb(238, 118, 33)': 'chocolate2', 'rgb(128, 128, 0)': 'olive', 'rgb(139, 137, 112)': 'LemonChiffon4', 'rgb(107, 142, 35)': 'OliveDrab', 'rgb(219, 219, 219)': 'grey86', 'rgb(205, 205, 0)': 'yellow3', 'rgb(180, 205, 205)': 'LightCyan3', 'rgb(115, 115, 115)': 'grey45', 'rgb(131, 139, 139)': 'azure4', 'rgb(0, 178, 238)': 'DeepSkyBlue2', 'rgb(94, 94, 94)': 'grey37', 'rgb(135, 135, 135)': 'grey53', 'rgb(145, 145, 145)': 'grey57', 'rgb(205, 0, 0)': 'red3', 'rgb(16, 78, 139)': 'DodgerBlue4', 'rgb(133, 133, 133)': 'grey52', 'rgb(205, 38, 38)': 'firebrick3', 'rgb(255, 193, 193)': 'RosyBrown1', 'rgb(205, 183, 181)': 'MistyRose3', 'rgb(122, 55, 139)': 'MediumOrchid4', 'rgb(154, 192, 205)': 'LightBlue3', 'rgb(191, 239, 255)': 'LightBlue1', 'rgb(219, 112, 147)': 'PaleVioletRed', 'rgb(121, 205, 205)': 'DarkSlateGray3', 'rgb(238, 232, 170)': 'PaleGoldenrod', 'rgb(102, 205, 0)': 'chartreuse3', 'rgb(255, 185, 15)': 'DarkGoldenrod1', 'rgb(176, 196, 222)': 'LightSteelBlue', 'rgb(255, 236, 139)': 'LightGoldenrod1', 'rgb(205, 105, 201)': 'orchid3', 'rgb(250, 250, 250)': 'grey98', 'rgb(245, 245, 220)': 'beige', 'rgb(238, 106, 80)': 'coral2', 'rgb(64, 64, 64)': 'grey25', 'rgb(238, 220, 130)': 'LightGoldenrod2', 'white': 'none', 'rgb(125, 38, 205)': 'purple3', 'rgb(205, 133, 63)': 'tan3', 'rgb(139, 102, 139)': 'plum4', 'rgb(71, 71, 71)': 'grey28', 'rgb(118, 238, 0)': 'chartreuse2', 'rgb(192, 255, 62)': 'OliveDrab1', 'rgb(0, 0, 139)': 'DarkBlue', 'rgb(248, 248, 255)': 'GhostWhite', 'rgb(3, 3, 3)': 'grey1', 'rgb(176, 226, 255)': 'LightSkyBlue1', 'rgb(139, 105, 20)': 'goldenrod4', 'rgb(255, 105, 180)': 'HotPink', 'rgb(124, 252, 0)': 'LawnGreen', 'rgb(238, 238, 224)': 'ivory2', 'rgb(139, 69, 19)': 'SaddleBrown', 'rgb(139, 0, 139)': 'magenta4', 'rgb(31, 31, 31)': 'grey12', 'rgb(159, 182, 205)': 'SlateGray3', 'rgb(181, 181, 181)': 'grey71', 'rgb(0, 245, 255)': 'turquoise1', 'rgb(105, 139, 105)': 'DarkSeaGreen4', 'rgb(159, 121, 238)': 'MediumPurple2', 'rgb(205, 198, 115)': 'khaki3', 'rgb(77, 77, 77)': 'grey30', 'rgb(139, 90, 0)': 'orange4', 'rgb(122, 122, 122)': 'grey48', 'rgb(224, 238, 238)': 'azure2', 'rgb(50, 129, 75)': 'MediumForestGreen', 'rgb(202, 225, 255)': 'LightSteelBlue1', 'rgb(255, 110, 180)': 'HotPink1', 'rgb(238, 48, 167)': 'maroon2', 'rgb(220, 20, 60)': 'crimson', 'rgb(127, 255, 212)': 'aquamarine1', 'rgb(205, 179, 139)': 'NavajoWhite3', 'rgb(28, 28, 28)': 'grey11', 'rgb(229, 229, 229)': 'grey90', 'rgb(47, 79, 79)': 'DarkSlateGrey', 'rgb(59, 59, 59)': 'grey23', 'rgb(69, 139, 116)': 'aquamarine4', 'rgb(255, 211, 155)': 'burlywood1', 'rgb(139, 119, 101)': 'PeachPuff4', 'rgb(238, 230, 133)': 'khaki2', 'rgb(10, 10, 10)': 'grey4', 'rgb(144, 238, 144)': 'PaleGreen2', 'rgb(99, 99, 99)': 'grey39', 'rgb(188, 238, 104)': 'DarkOliveGreen2', 'rgb(255, 231, 186)': 'wheat1', 'rgb(154, 50, 205)': 'DarkOrchid3', 'rgb(46, 139, 87)': 'SeaGreen4', 'rgb(145, 44, 238)': 'purple2', 'rgb(255, 240, 245)': 'LavenderBlush1', 'rgb(67, 110, 238)': 'RoyalBlue2', 'rgb(238, 180, 180)': 'RosyBrown2', 'rgb(108, 166, 205)': 'SkyBlue3', 'rgb(173, 173, 173)': 'grey68', 'rgb(176, 48, 96)': 'maroon', 'rgb(23, 23, 23)': 'grey9', 'rgb(138, 138, 138)': 'grey54', 'rgb(139, 137, 137)': 'snow4', 'rgb(209, 193, 102)': 'MediumGoldenRod', 'rgb(139, 123, 139)': 'thistle4', 'rgb(154, 255, 154)': 'PaleGreen1', 'rgb(130, 130, 130)': 'grey51', 'rgb(255, 99, 71)': 'tomato1', 'rgb(205, 183, 158)': 'bisque3', 'rgb(205, 102, 29)': 'chocolate3', 'rgb(128, 0, 0)': 'maroon', 'rgb(0, 0, 255)': 'blue1', 'rgb(255, 52, 179)': 'maroon1', 'rgb(250, 235, 215)': 'AntiqueWhite', 'rgb(163, 163, 163)': 'grey64', 'rgb(56, 56, 56)': 'grey22', 'rgb(85, 26, 139)': 'purple4', 'rgb(139, 58, 58)': 'IndianRed4', 'rgb(168, 168, 168)': 'grey66', 'rgb(255, 225, 255)': 'thistle1', 'rgb(125, 125, 125)': 'grey49', 'rgb(131, 111, 255)': 'SlateBlue1', 'rgb(95, 158, 160)': 'CadetBlue', 'rgb(165, 42, 42)': 'brown', 'rgb(245, 255, 250)': 'MintCream', 'rgb(255, 218, 185)': 'PeachPuff1', 'rgb(255, 228, 225)': 'MistyRose1', 'rgb(216, 191, 216)': 'thistle', 'rgb(139, 101, 8)': 'DarkGoldenrod4', 'rgb(205, 104, 57)': 'sienna3', 'rgb(255, 131, 250)': 'orchid1', 'rgb(82, 82, 82)': 'grey32', 'rgb(117, 117, 117)': 'grey46', 'rgb(255, 165, 0)': 'orange1', 'rgb(255, 64, 64)': 'brown1', 'rgb(255, 165, 79)': 'tan1', 'rgb(205, 55, 0)': 'OrangeRed3', 'rgb(188, 210, 238)': 'LightSteelBlue2', 'rgb(238, 121, 159)': 'PaleVioletRed2', 'rgb(5, 5, 5)': 'grey2', 'rgb(217, 217, 217)': 'grey85', 'rgb(205, 186, 150)': 'wheat3', 'rgb(139, 131, 134)': 'LavenderBlush4', 'rgb(185, 211, 238)': 'SlateGray2', 'rgb(235, 235, 235)': 'grey92', 'rgb(230, 230, 250)': 'lavender', 'rgb(41, 41, 41)': 'grey16', 'rgb(205, 92, 92)': 'IndianRed', 'rgb(131, 139, 131)': 'honeydew4', 'rgb(123, 104, 238)': 'MediumSlateBlue', 'rgb(128, 0, 128)': 'purple', 'rgb(139, 26, 26)': 'firebrick4', 'rgb(141, 182, 205)': 'LightSkyBlue3', 'rgb(212, 212, 212)': 'grey83', 'rgb(238, 162, 173)': 'LightPink2', 'rgb(255, 255, 0)': 'yellow1', 'rgb(192, 192, 192)': 'silver', 'rgb(139, 71, 93)': 'PaleVioletRed4', 'rgb(0, 100, 0)': 'DarkGreen', 'rgb(139, 37, 0)': 'OrangeRed4', 'rgb(198, 226, 255)': 'SlateGray1', 'rgb(24, 116, 205)': 'DodgerBlue3', 'rgb(178, 34, 34)': 'firebrick', 'rgb(28, 134, 238)': 'DodgerBlue2', 'rgb(255, 0, 255)': 'magenta1', 'rgb(33, 33, 33)': 'grey13', 'rgb(209, 238, 238)': 'LightCyan2', 'rgb(255, 127, 80)': 'coral', 'rgb(0, 154, 205)': 'DeepSkyBlue3', 'rgb(255, 255, 224)': 'LightYellow1', 'rgb(75, 0, 130)': 'indigo', 'rgb(160, 82, 45)': 'sienna', 'rgb(138, 43, 226)': 'BlueViolet', 'rgb(238, 224, 229)': 'LavenderBlush2', 'rgb(106, 90, 205)': 'SlateBlue', 'rgb(227, 227, 227)': 'grey89', 'rgb(255, 250, 250)': 'snow1', 'rgb(255, 174, 185)': 'LightPink1', 'rgb(205, 0, 205)': 'magenta3', 'rgb(126, 126, 126)': 'gray', 'rgb(139, 10, 80)': 'DeepPink4', 'rgb(186, 85, 211)': 'MediumOrchid', 'rgb(205, 133, 0)': 'orange3', 'rgb(211, 211, 211)': 'LightGrey', 'rgb(69, 69, 69)': 'grey27', 'rgb(222, 222, 222)': 'grey87', 'rgb(221, 160, 221)': 'plum', 'rgb(255, 255, 240)': 'ivory1', 'rgb(112, 112, 112)': 'grey44', 'rgb(209, 95, 238)': 'MediumOrchid2', 'rgb(0, 255, 0)': 'lime', 'rgb(238, 233, 191)': 'LemonChiffon2', 'rgb(92, 92, 92)': 'grey36', 'rgb(205, 112, 84)': 'salmon3', 'rgb(255, 228, 196)': 'bisque1', 'rgb(255, 192, 203)': 'pink', 'rgb(238, 130, 238)': 'violet', 'rgb(122, 103, 238)': 'SlateBlue2', 'rgb(238, 121, 66)': 'sienna2', 'rgb(102, 139, 139)': 'PaleTurquoise4', 'rgb(250, 240, 230)': 'linen', 'rgb(247, 247, 247)': 'grey97', 'rgb(32, 178, 170)': 'LightSeaGreen', 'rgb(97, 97, 97)': 'grey38', 'rgb(150, 205, 205)': 'PaleTurquoise3', 'rgb(158, 158, 158)': 'grey62', 'rgb(238, 58, 140)': 'VioletRed2', 'rgb(255, 228, 181)': 'moccasin', 'rgb(0, 197, 205)': 'turquoise3', 'rgb(205, 96, 144)': 'HotPink3', 'rgb(205, 16, 118)': 'DeepPink3', 'rgb(240, 240, 240)': 'grey94', 'rgb(176, 224, 230)': 'PowderBlue', 'rgb(199, 21, 133)': 'MediumVioletRed', 'rgb(238, 203, 173)': 'PeachPuff2', 'rgb(173, 255, 47)': 'GreenYellow', 'rgb(238, 174, 238)': 'plum2', 'rgb(191, 191, 191)': 'grey75', 'rgb(222, 184, 135)': 'burlywood', 'rgb(18, 18, 18)': 'grey7', 'rgb(83, 134, 139)': 'CadetBlue4', 'rgb(139, 134, 130)': 'seashell4', 'rgb(142, 229, 238)': 'CadetBlue2', 'rgb(0, 139, 0)': 'green4', 'rgb(240, 255, 240)': 'honeydew1', 'rgb(104, 34, 139)': 'DarkOrchid4', 'rgb(193, 255, 193)': 'DarkSeaGreen1', 'rgb(0, 0, 0)': 'opaque', 'rgb(139, 58, 98)': 'HotPink4', 'rgb(89, 89, 89)': 'grey35', 'rgb(72, 118, 255)': 'RoyalBlue1', 'rgb(108, 123, 139)': 'SlateGray4', 'rgb(255, 20, 147)': 'DeepPink1', 'rgb(255, 250, 240)': 'FloralWhite', 'rgb(132, 112, 255)': 'LightSlateBlue', 'rgb(255, 62, 150)': 'VioletRed1', 'rgb(139, 125, 107)': 'bisque4', 'rgb(64, 224, 208)': 'turquoise', 'rgb(148, 0, 211)': 'DarkViolet', 'rgb(238, 106, 167)': 'HotPink2', 'rgb(238, 44, 44)': 'firebrick2', 'rgb(72, 209, 204)': 'MediumTurquoise', 'rgb(205, 155, 29)': 'goldenrod3', 'rgb(139, 0, 0)': 'red4', 'rgb(238, 92, 66)': 'tomato2', 'rgb(238, 216, 174)': 'wheat2', 'rgb(65, 105, 225)': 'RoyalBlue', 'rgb(0, 205, 102)': 'SpringGreen3', 'rgb(96, 123, 139)': 'LightSkyBlue4', 'rgb(210, 180, 140)': 'tan', 'rgb(135, 206, 255)': 'SkyBlue1', 'rgb(252, 252, 252)': 'grey99', 'rgb(61, 61, 61)': 'grey24', 'rgb(205, 102, 0)': 'DarkOrange3', 'rgb(58, 95, 205)': 'RoyalBlue3', 'rgb(30, 144, 255)': 'DodgerBlue1', 'rgb(245, 245, 245)': 'WhiteSmoke', 'rgb(255, 130, 171)': 'PaleVioletRed1', 'rgb(60, 179, 113)': 'MediumSeaGreen', 'rgb(139, 139, 122)': 'LightYellow4', 'rgb(139, 136, 120)': 'cornsilk4', 'rgb(139, 34, 82)': 'VioletRed4', 'rgb(238, 223, 204)': 'AntiqueWhite2', 'rgb(238, 213, 183)': 'bisque2', 'rgb(250, 250, 210)': 'LightGoldenrodYellow', 'rgb(255, 250, 205)': 'LemonChiffon1', 'rgb(39, 64, 139)': 'RoyalBlue4', 'rgb(84, 139, 84)': 'PaleGreen4', 'rgb(238, 221, 130)': 'LightGoldenrod', 'rgb(139, 95, 101)': 'LightPink4', 'rgb(210, 105, 30)': 'chocolate', 'rgb(139, 139, 0)': 'yellow4', 'rgb(238, 149, 114)': 'LightSalmon2', 'rgb(0, 255, 255)': 'cyan1', 'rgb(71, 60, 139)': 'SlateBlue4', 'rgb(207, 207, 207)': 'grey81', 'rgb(153, 50, 204)': 'DarkOrchid', 'rgb(36, 36, 36)': 'grey14', 'rgb(153, 153, 153)': 'grey60', 'rgb(250, 128, 114)': 'salmon', 'rgb(174, 238, 238)': 'PaleTurquoise2', 'rgb(139, 117, 0)': 'gold4', 'rgb(139, 35, 35)': 'brown4', 'rgb(92, 172, 238)': 'SteelBlue2', 'rgb(48, 48, 48)': 'grey19', 'rgb(139, 129, 76)': 'LightGoldenrod4', 'rgb(72, 61, 139)': 'DarkSlateBlue', 'rgb(238, 169, 184)': 'pink2', 'rgb(69, 139, 0)': 'chartreuse4', 'rgb(0, 128, 128)': 'teal', 'rgb(255, 255, 255)': 'grey100', 'rgb(244, 164, 96)': 'SandyBrown', 'rgb(154, 205, 50)': 'YellowGreen', 'rgb(126, 192, 238)': 'SkyBlue2', 'rgb(209, 209, 209)': 'grey82', 'rgb(74, 112, 139)': 'SkyBlue4', 'rgb(112, 128, 144)': 'SlateGrey', 'rgb(105, 139, 34)': 'OliveDrab4', 'rgb(110, 110, 110)': 'grey43', 'rgb(179, 179, 179)': 'grey70', 'rgb(205, 50, 120)': 'VioletRed3', 'rgb(119, 136, 153)': 'LightSlateGrey', 'rgb(139, 115, 85)': 'burlywood4', 'rgb(255, 193, 37)': 'goldenrod1', 'rgb(224, 255, 255)': 'LightCyan1', 'rgb(66, 66, 66)': 'grey26', 'rgb(193, 205, 193)': 'honeydew3', 'rgb(0, 191, 255)': 'DeepSkyBlue1', 'rgb(205, 205, 193)': 'ivory3', 'rgb(238, 238, 0)': 'yellow2', 'rgb(255, 140, 105)': 'salmon1', 'rgb(135, 206, 235)': 'SkyBlue', 'rgb(238, 201, 0)': 'gold2', 'rgb(238, 232, 205)': 'cornsilk2', 'rgb(0, 0, 205)': 'MediumBlue', 'rgb(238, 130, 98)': 'salmon2', 'rgb(155, 48, 255)': 'purple1', 'rgb(43, 43, 43)': 'grey17', 'rgb(240, 248, 255)': 'AliceBlue', 'rgb(238, 0, 238)': 'magenta2', 'rgb(128, 128, 128)': 'fractal', 'rgb(193, 205, 205)': 'azure3', 'rgb(50, 205, 50)': 'LimeGreen', 'rgb(201, 201, 201)': 'grey79', 'rgb(255, 239, 219)': 'AntiqueWhite1', 'rgb(196, 196, 196)': 'grey77', 'rgb(135, 206, 250)': 'LightSkyBlue', 'rgb(139, 134, 78)': 'khaki4', 'rgb(79, 148, 205)': 'SteelBlue3', 'rgb(74, 74, 74)': 'grey29', 'rgb(255, 0, 0)': 'red1', 'rgb(233, 150, 122)': 'DarkSalmon', 'rgb(205, 190, 112)': 'LightGoldenrod3', 'rgb(84, 255, 159)': 'SeaGreen1', 'rgb(205, 170, 125)': 'burlywood3', 'rgb(127, 255, 0)': 'chartreuse1', 'rgb(102, 102, 102)': 'grey40', 'rgb(180, 238, 180)': 'DarkSeaGreen2', 'rgb(122, 139, 139)': 'LightCyan4', 'rgb(255, 140, 0)': 'DarkOrange', 'rgb(205, 197, 191)': 'seashell3', 'rgb(140, 140, 140)': 'grey55', 'rgb(199, 199, 199)': 'grey78', 'rgb(202, 255, 112)': 'DarkOliveGreen1', 'rgb(255, 245, 238)': 'seashell1', 'rgb(189, 183, 107)': 'DarkKhaki', 'rgb(0, 238, 118)': 'SpringGreen2', 'rgb(180, 82, 205)': 'MediumOrchid3', 'rgb(255, 127, 36)': 'chocolate1', 'rgb(161, 161, 161)': 'grey63'}
+hextorgb = {'#EE1289': 'rgb(238, 18, 137)', '#EE8262': 'rgb(238, 130, 98)', '#C4C4C4': 'rgb(196, 196, 196)', '#556B2F': 'rgb(85, 107, 47)', '#FF8C00': 'rgb(255, 140, 0)', '#8B7B8B': 'rgb(139, 123, 139)', '#0000EE': 'rgb(0, 0, 238)', '#EED5D2': 'rgb(238, 213, 210)', '#BA55D3': 'rgb(186, 85, 211)', '#FFF5EE': 'rgb(255, 245, 238)', '#912CEE': 'rgb(145, 44, 238)', '#2F4F4F': 'rgb(47, 79, 79)', '#32814B': 'rgb(50, 129, 75)', '#D15FEE': 'rgb(209, 95, 238)', '#F0FFF0': 'rgb(240, 255, 240)', '#B23AEE': 'rgb(178, 58, 238)', '#8B7765': 'rgb(139, 119, 101)', '#3D3D3D': 'rgb(61, 61, 61)', '#54FF9F': 'rgb(84, 255, 159)', '#636363': 'rgb(99, 99, 99)', '#8B8386': 'rgb(139, 131, 134)', '#FF4040': 'rgb(255, 64, 64)', '#EEA9B8': 'rgb(238, 169, 184)', '#C2C2C2': 'rgb(194, 194, 194)', '#800080': 'rgb(128, 0, 128)', '#545454': 'rgb(84, 84, 84)', '#EE3A8C': 'rgb(238, 58, 140)', '#8A8A8A': 'rgb(138, 138, 138)', '#FF00FF': 'rgb(255, 0, 255)', '#436EEE': 'rgb(67, 110, 238)', '#8B864E': 'rgb(139, 134, 78)', '#0A0A0A': 'rgb(10, 10, 10)', '#808000': 'rgb(128, 128, 0)', '#E3E3E3': 'rgb(227, 227, 227)', '#1874CD': 'rgb(24, 116, 205)', '#BCD2EE': 'rgb(188, 210, 238)', '#A9A9A9': 'rgb(169, 169, 169)', '#F4A460': 'rgb(244, 164, 96)', '#FF3030': 'rgb(255, 48, 48)', '#FFEBCD': 'rgb(255, 235, 205)', '#B0C4DE': 'rgb(176, 196, 222)', '#00CDCD': 'rgb(0, 205, 205)', '#C0FF3E': 'rgb(192, 255, 62)', '#FFD700': 'rgb(255, 215, 0)', '#242424': 'rgb(36, 36, 36)', '#8B2252': 'rgb(139, 34, 82)', '#4EEE94': 'rgb(78, 238, 148)', '#CD3278': 'rgb(205, 50, 120)', '#00E5EE': 'rgb(0, 229, 238)', '#CD853F': 'rgb(205, 133, 63)', '#ADD8E6': 'rgb(173, 216, 230)', '#C7C7C7': 'rgb(199, 199, 199)', '#CD2990': 'rgb(205, 41, 144)', '#EEE5DE': 'rgb(238, 229, 222)', '#66CD00': 'rgb(102, 205, 0)', '#878787': 'rgb(135, 135, 135)', '#FFA54F': 'rgb(255, 165, 79)', '#A2B5CD': 'rgb(162, 181, 205)', '#BC8F8F': 'rgb(188, 143, 143)', '#C9C9C9': 'rgb(201, 201, 201)', '#D1C166': 'rgb(209, 193, 102)', '#8B2323': 'rgb(139, 35, 35)', '#B3EE3A': 'rgb(179, 238, 58)', '#EEEED1': 'rgb(238, 238, 209)', '#AEEEEE': 'rgb(174, 238, 238)', '#BDBDBD': 'rgb(189, 189, 189)', '#FF7F00': 'rgb(255, 127, 0)', '#FFC0CB': 'rgb(255, 192, 203)', '#EE3B3B': 'rgb(238, 59, 59)', '#CDC8B1': 'rgb(205, 200, 177)', '#CDB38B': 'rgb(205, 179, 139)', '#CDBA96': 'rgb(205, 186, 150)', '#B4EEB4': 'rgb(180, 238, 180)', '#40E0D0': 'rgb(64, 224, 208)', '#8B795E': 'rgb(139, 121, 94)', '#27408B': 'rgb(39, 64, 139)', '#424242': 'rgb(66, 66, 66)', '#CDB7B5': 'rgb(205, 183, 181)', '#CAE1FF': 'rgb(202, 225, 255)', '#F0FFFF': 'rgb(240, 255, 255)', '#2E8B57': 'rgb(46, 139, 87)', '#87CEEB': 'rgb(135, 206, 235)', '#CD00CD': 'rgb(205, 0, 205)', '#CDAA7D': 'rgb(205, 170, 125)', '#836FFF': 'rgb(131, 111, 255)', '#ABABAB': 'rgb(171, 171, 171)', '#EEB4B4': 'rgb(238, 180, 180)', '#8B7355': 'rgb(139, 115, 85)', '#F0E68C': 'rgb(240, 230, 140)', '#CDCDB4': 'rgb(205, 205, 180)', '#4D4D4D': 'rgb(77, 77, 77)', '#B8B8B8': 'rgb(184, 184, 184)', '#B4CDCD': 'rgb(180, 205, 205)', '#008B8B': 'rgb(0, 139, 139)', '#828282': 'rgb(130, 130, 130)', '#00EEEE': 'rgb(0, 238, 238)', '#708090': 'rgb(112, 128, 144)', '#9AFF9A': 'rgb(154, 255, 154)', '#FFA07A': 'rgb(255, 160, 122)', '#EBEBEB': 'rgb(235, 235, 235)', '#FFB5C5': 'rgb(255, 181, 197)', '#00688B': 'rgb(0, 104, 139)', '#DBDBDB': 'rgb(219, 219, 219)', '#191970': 'rgb(25, 25, 112)', '#FF83FA': 'rgb(255, 131, 250)', '#A1A1A1': 'rgb(161, 161, 161)', '#838B8B': 'rgb(131, 139, 139)', '#FFA500': 'rgb(255, 165, 0)', '#00FF7F': 'rgb(0, 255, 127)', '#EEAD0E': 'rgb(238, 173, 14)', '#B03060': 'rgb(176, 48, 96)', '#96CDCD': 'rgb(150, 205, 205)', '#CD3333': 'rgb(205, 51, 51)', '#CDBE70': 'rgb(205, 190, 112)', '#7CCD7C': 'rgb(124, 205, 124)', '#97FFFF': 'rgb(151, 255, 255)', '#DAA520': 'rgb(218, 165, 32)', '#8B3A3A': 'rgb(139, 58, 58)', '#6B6B6B': 'rgb(107, 107, 107)', '#FFFAF0': 'rgb(255, 250, 240)', '#757575': 'rgb(117, 117, 117)', '#BFBFBF': 'rgb(191, 191, 191)', '#00EE76': 'rgb(0, 238, 118)', '#FFFAFA': 'rgb(255, 250, 250)', '#6E8B3D': 'rgb(110, 139, 61)', '#EEE685': 'rgb(238, 230, 133)', '#FF3E96': 'rgb(255, 62, 150)', '#EE0000': 'rgb(238, 0, 0)', '#FDF5E6': 'rgb(253, 245, 230)', '#E066FF': 'rgb(224, 102, 255)', '#8DB6CD': 'rgb(141, 182, 205)', '#FF7256': 'rgb(255, 114, 86)', '#7CFC00': 'rgb(124, 252, 0)', '#838B83': 'rgb(131, 139, 131)', '#BF3EFF': 'rgb(191, 62, 255)', '#8B6914': 'rgb(139, 105, 20)', '#00CD66': 'rgb(0, 205, 102)', '#525252': 'rgb(82, 82, 82)', '#A4D3EE': 'rgb(164, 211, 238)', '#00868B': 'rgb(0, 134, 139)', '#8DEEEE': 'rgb(141, 238, 238)', '#787878': 'rgb(120, 120, 120)', '#8B1C62': 'rgb(139, 28, 98)', '#616161': 'rgb(97, 97, 97)', '#4876FF': 'rgb(72, 118, 255)', '#9F79EE': 'rgb(159, 121, 238)', '#212121': 'rgb(33, 33, 33)', '#C1CDC1': 'rgb(193, 205, 193)', '#CD69C9': 'rgb(205, 105, 201)', '#E0EEEE': 'rgb(224, 238, 238)', '#8B7E66': 'rgb(139, 126, 102)', '#8A2BE2': 'rgb(138, 43, 226)', '#CDCD00': 'rgb(205, 205, 0)', '#EE5C42': 'rgb(238, 92, 66)', '#6E6E6E': 'rgb(110, 110, 110)', '#EEAEEE': 'rgb(238, 174, 238)', '#DC143C': 'rgb(220, 20, 60)', '#CD919E': 'rgb(205, 145, 158)', '#528B8B': 'rgb(82, 139, 139)', '#AFEEEE': 'rgb(175, 238, 238)', '#CD6889': 'rgb(205, 104, 137)', '#E6E6FA': 'rgb(230, 230, 250)', '#EE00EE': 'rgb(238, 0, 238)', '#999999': 'rgb(153, 153, 153)', '#F0F8FF': 'rgb(240, 248, 255)', '#595959': 'rgb(89, 89, 89)', '#FF7F50': 'rgb(255, 127, 80)', '#A6A6A6': 'rgb(166, 166, 166)', '#DEDEDE': 'rgb(222, 222, 222)', '#262626': 'rgb(38, 38, 38)', '#6CA6CD': 'rgb(108, 166, 205)', '#8B8B83': 'rgb(139, 139, 131)', '#474747': 'rgb(71, 71, 71)', '#F7F7F7': 'rgb(247, 247, 247)', '#548B54': 'rgb(84, 139, 84)', '#48D1CC': 'rgb(72, 209, 204)', '#C1CDCD': 'rgb(193, 205, 205)', '#E0EEE0': 'rgb(224, 238, 224)', '#FFB90F': 'rgb(255, 185, 15)', '#FFD39B': 'rgb(255, 211, 155)', '#8B5A2B': 'rgb(139, 90, 43)', '#EEE9BF': 'rgb(238, 233, 191)', '#BCEE68': 'rgb(188, 238, 104)', '#8470FF': 'rgb(132, 112, 255)', '#8B0A50': 'rgb(139, 10, 80)', '#FFF68F': 'rgb(255, 246, 143)', '#EEA2AD': 'rgb(238, 162, 173)', '#CD5B45': 'rgb(205, 91, 69)', '#7FFF00': 'rgb(127, 255, 0)', '#8B8378': 'rgb(139, 131, 120)', '#9BCD9B': 'rgb(155, 205, 155)', '#454545': 'rgb(69, 69, 69)', '#D1D1D1': 'rgb(209, 209, 209)', '#EEE8AA': 'rgb(238, 232, 170)', '#668B8B': 'rgb(102, 139, 139)', '#EE30A7': 'rgb(238, 48, 167)', '#FFC125': 'rgb(255, 193, 37)', '#8B475D': 'rgb(139, 71, 93)', '#D8BFD8': 'rgb(216, 191, 216)', '#404040': 'rgb(64, 64, 64)', '#EEEE00': 'rgb(238, 238, 0)', '#CDB5CD': 'rgb(205, 181, 205)', '#00C5CD': 'rgb(0, 197, 205)', '#00CED1': 'rgb(0, 206, 209)', '#CFCFCF': 'rgb(207, 207, 207)', '#008B00': 'rgb(0, 139, 0)', '#7A7A7A': 'rgb(122, 122, 122)', '#B8860B': 'rgb(184, 134, 11)', '#1C86EE': 'rgb(28, 134, 238)', '#8B5742': 'rgb(139, 87, 66)', '#1A1A1A': 'rgb(26, 26, 26)', '#8B008B': 'rgb(139, 0, 139)', '#0F0F0F': 'rgb(15, 15, 15)', '#CD3700': 'rgb(205, 55, 0)', '#7F7F7F': 'rgb(127, 127, 127)', '#FF6EB4': 'rgb(255, 110, 180)', '#6959CD': 'rgb(105, 89, 205)', '#90EE90': 'rgb(144, 238, 144)', '#8B4789': 'rgb(139, 71, 137)', '#EE7AE9': 'rgb(238, 122, 233)', '#8968CD': 'rgb(137, 104, 205)', '#080808': 'rgb(8, 8, 8)', '#CDC9C9': 'rgb(205, 201, 201)', '#BDB76B': 'rgb(189, 183, 107)', '#9370DB': 'rgb(147, 112, 219)', '#EEDC82': 'rgb(238, 220, 130)', '#3CB371': 'rgb(60, 179, 113)', '#F5FFFA': 'rgb(245, 255, 250)', '#303030': 'rgb(48, 48, 48)', '#B9D3EE': 'rgb(185, 211, 238)', '#575757': 'rgb(87, 87, 87)', '#F5F5DC': 'rgb(245, 245, 220)', '#BABABA': 'rgb(186, 186, 186)', '#0000CD': 'rgb(0, 0, 205)', '#FF8247': 'rgb(255, 130, 71)', '#F2F2F2': 'rgb(242, 242, 242)', '#EED5B7': 'rgb(238, 213, 183)', '#FFEC8B': 'rgb(255, 236, 139)', '#EE7600': 'rgb(238, 118, 0)', '#8B636C': 'rgb(139, 99, 108)', '#8B814C': 'rgb(139, 129, 76)', '#FFE4B5': 'rgb(255, 228, 181)', '#4F94CD': 'rgb(79, 148, 205)', '#CDAD00': 'rgb(205, 173, 0)', '#CD5555': 'rgb(205, 85, 85)', '#8B7500': 'rgb(139, 117, 0)', '#473C8B': 'rgb(71, 60, 139)', '#B0E0E6': 'rgb(176, 224, 230)', '#FFFF00': 'rgb(255, 255, 0)', '#CD96CD': 'rgb(205, 150, 205)', '#006400': 'rgb(0, 100, 0)', '#FAFAFA': 'rgb(250, 250, 250)', '#53868B': 'rgb(83, 134, 139)', '#8B4513': 'rgb(139, 69, 19)', '#98FB98': 'rgb(152, 251, 152)', '#63B8FF': 'rgb(99, 184, 255)', '#FFAEB9': 'rgb(255, 174, 185)', '#EE6A50': 'rgb(238, 106, 80)', '#87CEFF': 'rgb(135, 206, 255)', '#87CEFA': 'rgb(135, 206, 250)', '#ADFF2F': 'rgb(173, 255, 47)', '#008B45': 'rgb(0, 139, 69)', '#EE4000': 'rgb(238, 64, 0)', '#8B6969': 'rgb(139, 105, 105)', '#00008B': 'rgb(0, 0, 139)', '#DB7093': 'rgb(219, 112, 147)', '#7EC0EE': 'rgb(126, 192, 238)', '#3B3B3B': 'rgb(59, 59, 59)', '#8C8C8C': 'rgb(140, 140, 140)', '#5F9EA0': 'rgb(95, 158, 160)', '#EE799F': 'rgb(238, 121, 159)', '#CD6090': 'rgb(205, 96, 144)', '#8B8682': 'rgb(139, 134, 130)', '#458B74': 'rgb(69, 139, 116)', '#EECFA1': 'rgb(238, 207, 161)', '#76EE00': 'rgb(118, 238, 0)', '#000080': 'rgb(0, 0, 128)', '#228B22': 'rgb(34, 139, 34)', '#8B8B00': 'rgb(139, 139, 0)', '#B5B5B5': 'rgb(181, 181, 181)', '#CD950C': 'rgb(205, 149, 12)', '#EE82EE': 'rgb(238, 130, 238)', '#EDEDED': 'rgb(237, 237, 237)', '#F5DEB3': 'rgb(245, 222, 179)', '#3A5FCD': 'rgb(58, 95, 205)', '#00FA9A': 'rgb(0, 250, 154)', '#F0F0F0': 'rgb(240, 240, 240)', '#D1EEEE': 'rgb(209, 238, 238)', '#2E2E2E': 'rgb(46, 46, 46)', '#EEC591': 'rgb(238, 197, 145)', '#8B3E2F': 'rgb(139, 62, 47)', '#CD8162': 'rgb(205, 129, 98)', '#9AC0CD': 'rgb(154, 192, 205)', '#8B8989': 'rgb(139, 137, 137)', '#EED8AE': 'rgb(238, 216, 174)', '#551A8B': 'rgb(85, 26, 139)', '#919191': 'rgb(145, 145, 145)', '#949494': 'rgb(148, 148, 148)', '#778899': 'rgb(119, 136, 153)', '#FFFACD': 'rgb(255, 250, 205)', '#458B00': 'rgb(69, 139, 0)', '#008000': 'rgb(0, 128, 0)', '#FFFFF0': 'rgb(255, 255, 240)', '#E0E0E0': 'rgb(224, 224, 224)', '#EEB422': 'rgb(238, 180, 34)', '#A020F0': 'rgb(160, 32, 240)', '#5CACEE': 'rgb(92, 172, 238)', '#CD4F39': 'rgb(205, 79, 57)', '#CDC0B0': 'rgb(205, 192, 176)', '#6E7B8B': 'rgb(110, 123, 139)', '#9E9E9E': 'rgb(158, 158, 158)', '#CDC673': 'rgb(205, 198, 115)', '#104E8B': 'rgb(16, 78, 139)', '#E0FFFF': 'rgb(224, 255, 255)', '#FFFFFF': 'rgb(255, 255, 255)', '#6C7B8B': 'rgb(108, 123, 139)', '#FFC1C1': 'rgb(255, 193, 193)', '#D6D6D6': 'rgb(214, 214, 214)', '#8B4726': 'rgb(139, 71, 38)', '#CD9B1D': 'rgb(205, 155, 29)', '#FF6347': 'rgb(255, 99, 71)', '#FF34B3': 'rgb(255, 52, 179)', '#7D7D7D': 'rgb(125, 125, 125)', '#121212': 'rgb(18, 18, 18)', '#B0E2FF': 'rgb(176, 226, 255)', '#8B3A62': 'rgb(139, 58, 98)', '#CD5C5C': 'rgb(205, 92, 92)', '#4A4A4A': 'rgb(74, 74, 74)', '#B0B0B0': 'rgb(176, 176, 176)', '#D9D9D9': 'rgb(217, 217, 217)', '#A2CD5A': 'rgb(162, 205, 90)', '#8B0000': 'rgb(139, 0, 0)', '#FF6A6A': 'rgb(255, 106, 106)', '#CD6600': 'rgb(205, 102, 0)', '#FFEFDB': 'rgb(255, 239, 219)', '#E9967A': 'rgb(233, 150, 122)', '#EEE9E9': 'rgb(238, 233, 233)', '#D4D4D4': 'rgb(212, 212, 212)', '#383838': 'rgb(56, 56, 56)', '#7A67EE': 'rgb(122, 103, 238)', '#4169E1': 'rgb(65, 105, 225)', '#5E5E5E': 'rgb(94, 94, 94)', '#00F5FF': 'rgb(0, 245, 255)', '#FFEFD5': 'rgb(255, 239, 213)', '#CDAF95': 'rgb(205, 175, 149)', '#CCCCCC': 'rgb(204, 204, 204)', '#00BFFF': 'rgb(0, 191, 255)', '#CDB79E': 'rgb(205, 183, 158)', '#969696': 'rgb(150, 150, 150)', '#4F4F4F': 'rgb(79, 79, 79)', '#1E90FF': 'rgb(30, 144, 255)', '#FCFCFC': 'rgb(252, 252, 252)', '#EE2C2C': 'rgb(238, 44, 44)', '#8B6508': 'rgb(139, 101, 8)', '#696969': 'rgb(105, 105, 105)', '#FF7F24': 'rgb(255, 127, 36)', '#8FBC8F': 'rgb(143, 188, 143)', '#66CDAA': 'rgb(102, 205, 170)', '#6495ED': 'rgb(100, 149, 237)', '#0D0D0D': 'rgb(13, 13, 13)', '#EEE0E5': 'rgb(238, 224, 229)', '#666666': 'rgb(102, 102, 102)', '#B2DFEE': 'rgb(178, 223, 238)', '#B22222': 'rgb(178, 34, 34)', '#4B0082': 'rgb(75, 0, 130)', '#FF82AB': 'rgb(255, 130, 171)', '#AB82FF': 'rgb(171, 130, 255)', '#79CDCD': 'rgb(121, 205, 205)', '#FFE4C4': 'rgb(255, 228, 196)', '#DEB887': 'rgb(222, 184, 135)', '#5D478B': 'rgb(93, 71, 139)', '#8B3626': 'rgb(139, 54, 38)', '#FFFFE0': 'rgb(255, 255, 224)', '#FFE4E1': 'rgb(255, 228, 225)', '#171717': 'rgb(23, 23, 23)', '#EEDFCC': 'rgb(238, 223, 204)', '#9400D3': 'rgb(148, 0, 211)', '#BFEFFF': 'rgb(191, 239, 255)', '#8B7D6B': 'rgb(139, 125, 107)', '#FF8C69': 'rgb(255, 140, 105)', '#C6E2FF': 'rgb(198, 226, 255)', '#1C1C1C': 'rgb(28, 28, 28)', '#FF4500': 'rgb(255, 69, 0)', '#FFE7BA': 'rgb(255, 231, 186)', '#808080': 'rgb(128, 128, 128)', '#EE9572': 'rgb(238, 149, 114)', '#CD8500': 'rgb(205, 133, 0)', '#8B5A00': 'rgb(139, 90, 0)', '#9932CC': 'rgb(153, 50, 204)', '#EECBAD': 'rgb(238, 203, 173)', '#CD8C95': 'rgb(205, 140, 149)', '#292929': 'rgb(41, 41, 41)', '#CD1076': 'rgb(205, 16, 118)', '#7A378B': 'rgb(122, 55, 139)', '#FF0000': 'rgb(255, 0, 0)', '#698B22': 'rgb(105, 139, 34)', '#ADADAD': 'rgb(173, 173, 173)', '#EEE8CD': 'rgb(238, 232, 205)', '#DDA0DD': 'rgb(221, 160, 221)', '#7D26CD': 'rgb(125, 38, 205)', '#DA70D6': 'rgb(218, 112, 214)', '#DCDCDC': 'rgb(220, 220, 220)', '#68228B': 'rgb(104, 34, 139)', '#7B68EE': 'rgb(123, 104, 238)', '#000000': 'white', '#6B8E23': 'rgb(107, 142, 35)', '#FF69B4': 'rgb(255, 105, 180)', '#800000': 'rgb(128, 0, 0)', '#8B668B': 'rgb(139, 102, 139)', '#363636': 'rgb(54, 54, 54)', '#8B4500': 'rgb(139, 69, 0)', '#D3D3D3': 'rgb(211, 211, 211)', '#607B8B': 'rgb(96, 123, 139)', '#F08080': 'rgb(240, 128, 128)', '#CD9B9B': 'rgb(205, 155, 155)', '#76EEC6': 'rgb(118, 238, 198)', '#FAEBD7': 'rgb(250, 235, 215)', '#68838B': 'rgb(104, 131, 139)', '#7FFFD4': 'rgb(127, 255, 212)', '#C0C0C0': 'rgb(192, 192, 192)', '#EEDD82': 'rgb(238, 221, 130)', '#EE9A49': 'rgb(238, 154, 73)', '#4A708B': 'rgb(74, 112, 139)', '#008080': 'rgb(0, 128, 128)', '#7AC5CD': 'rgb(122, 197, 205)', '#98F5FF': 'rgb(152, 245, 255)', '#8B2500': 'rgb(139, 37, 0)', '#8F8F8F': 'rgb(143, 143, 143)', '#FFF0F5': 'rgb(255, 240, 245)', '#8B8970': 'rgb(139, 137, 112)', '#8B8878': 'rgb(139, 136, 120)', '#6A5ACD': 'rgb(106, 90, 205)', '#4682B4': 'rgb(70, 130, 180)', '#EEEEE0': 'rgb(238, 238, 224)', '#B3B3B3': 'rgb(179, 179, 179)', '#00FF00': 'rgb(0, 255, 0)', '#FFDEAD': 'rgb(255, 222, 173)', '#CD2626': 'rgb(205, 38, 38)', '#8B4C39': 'rgb(139, 76, 57)', '#9B30FF': 'rgb(155, 48, 255)', '#E5E5E5': 'rgb(229, 229, 229)', '#36648B': 'rgb(54, 100, 139)', '#9C9C9C': 'rgb(156, 156, 156)', '#F8F8FF': 'rgb(248, 248, 255)', '#333333': 'rgb(51, 51, 51)', '#5C5C5C': 'rgb(92, 92, 92)', '#737373': 'rgb(115, 115, 115)', '#EEC900': 'rgb(238, 201, 0)', '#FFE1FF': 'rgb(255, 225, 255)', '#C1FFC1': 'rgb(193, 255, 193)', '#CDC5BF': 'rgb(205, 197, 191)', '#A0522D': 'rgb(160, 82, 45)', '#8B5F65': 'rgb(139, 95, 101)', '#CDC1C5': 'rgb(205, 193, 197)', '#EE7621': 'rgb(238, 118, 33)', '#FFBBFF': 'rgb(255, 187, 255)', '#CD6839': 'rgb(205, 104, 57)', '#698B69': 'rgb(105, 139, 105)', '#050505': 'rgb(5, 5, 5)', '#CD661D': 'rgb(205, 102, 29)', '#FAFAD2': 'rgb(250, 250, 210)', '#CDCDC1': 'rgb(205, 205, 193)', '#FFF8DC': 'rgb(255, 248, 220)', '#A8A8A8': 'rgb(168, 168, 168)', '#B452CD': 'rgb(180, 82, 205)', '#D2B48C': 'rgb(210, 180, 140)', '#8EE5EE': 'rgb(142, 229, 238)', '#483D8B': 'rgb(72, 61, 139)', '#BBFFFF': 'rgb(187, 255, 255)', '#0000FF': 'rgb(0, 0, 255)', '#EE6AA7': 'rgb(238, 106, 167)', '#EE7942': 'rgb(238, 121, 66)', '#00CD00': 'rgb(0, 205, 0)', '#141414': 'rgb(20, 20, 20)', '#9ACD32': 'rgb(154, 205, 50)', '#C71585': 'rgb(199, 21, 133)', '#EE9A00': 'rgb(238, 154, 0)', '#CAFF70': 'rgb(202, 255, 112)', '#F5F5F5': 'rgb(245, 245, 245)', '#32CD32': 'rgb(50, 205, 50)', '#00EE00': 'rgb(0, 238, 0)', '#FFB6C1': 'rgb(255, 182, 193)', '#8B1A1A': 'rgb(139, 26, 26)', '#00B2EE': 'rgb(0, 178, 238)', '#20B2AA': 'rgb(32, 178, 170)', '#707070': 'rgb(112, 112, 112)', '#009ACD': 'rgb(0, 154, 205)', '#A52A2A': 'rgb(165, 42, 42)', '#EE6363': 'rgb(238, 99, 99)', '#FAF0E6': 'rgb(250, 240, 230)', '#8B7D7B': 'rgb(139, 125, 123)', '#9A32CD': 'rgb(154, 50, 205)', '#1F1F1F': 'rgb(31, 31, 31)', '#E8E8E8': 'rgb(232, 232, 232)', '#7E7E7E': 'rgb(126, 126, 126)', '#7A8B8B': 'rgb(122, 139, 139)', '#CD7054': 'rgb(205, 112, 84)', '#9FB6CD': 'rgb(159, 182, 205)', '#CDC9A5': 'rgb(205, 201, 165)', '#D02090': 'rgb(208, 32, 144)', '#00FFFF': 'rgb(0, 255, 255)', '#2B2B2B': 'rgb(43, 43, 43)', '#858585': 'rgb(133, 133, 133)', '#A3A3A3': 'rgb(163, 163, 163)', '#CD0000': 'rgb(205, 0, 0)', '#43CD80': 'rgb(67, 205, 128)', '#FA8072': 'rgb(250, 128, 114)', '#FFDAB9': 'rgb(255, 218, 185)', '#D2691E': 'rgb(210, 105, 30)', '#FF1493': 'rgb(255, 20, 147)', '#EED2EE': 'rgb(238, 210, 238)', '#030303': 'rgb(3, 3, 3)', '#8B8B7A': 'rgb(139, 139, 122)'}
diff --git a/frontend/imgrid/colors/js/ditherbackground.gif b/frontend/imgrid/colors/js/ditherbackground.gif
new file mode 100755
index 0000000..670df08
Binary files /dev/null and b/frontend/imgrid/colors/js/ditherbackground.gif differ
diff --git a/frontend/imgrid/colors/js/goldenfunctions.js b/frontend/imgrid/colors/js/goldenfunctions.js
new file mode 100755
index 0000000..ab39533
--- /dev/null
+++ b/frontend/imgrid/colors/js/goldenfunctions.js
@@ -0,0 +1,33 @@
+function regolden(num)
+  {
+  ratio = (1+Math.sqrt(5))/2
+  newnum = Math.round(num/ratio)
+  return newnum
+  }
+function goldenize(num)
+  {
+  ratio = (1+Math.sqrt(5))/2
+  newnum = Math.round(num*ratio)
+  return newnum
+  }
+//turns css property width or height into an integer value
+function getproperty(idandselectr, propertystr)
+  {
+  grab = $(idandselectr).css(propertystr)
+  grab = grab.slice(0,-2)
+  numval = parseInt(grab)
+  return numval
+  }
+function makegolden(idandselectr, propertystr)
+  {
+  result = getproperty(idandselectr, propertystr)
+  newval = goldenize(result)
+  propval = newval.toString()+'px'
+  if(propertystr == 'height'){
+      $(idandselectr).css('width', propval)
+      }
+  else if(propertystr == 'width'){
+      $(idandselectr).css('height', propval)
+      }
+  }
+
diff --git a/frontend/imgrid/colors/js/hexrgbnametoggle.js b/frontend/imgrid/colors/js/hexrgbnametoggle.js
new file mode 100755
index 0000000..60567a5
--- /dev/null
+++ b/frontend/imgrid/colors/js/hexrgbnametoggle.js
@@ -0,0 +1,148 @@
+///threewayselector for what goes in the divs/////////////////////
+///MUST SWITCH TO FOUR WAY WITH RGB///////////////////////////////
+var infostate = 0
+var stringvalue = "CLICK TO CHOOSE THE COLOR"
+function switchinfo()
+  {
+  if(infostate == 1)
+    {
+    for(var i=0; i < divlist.length; i++)
+        {
+        $(divlist[i]).html(divtoname[divlist[i]])
+        };
+    infostate = 2
+    $('#infospace').html('(NAMES)');
+    }
+  else if(infostate == 0)
+    {
+    for(var i=0; i < divlist.length; i++)
+        {
+        $(divlist[i]).html("")
+        };
+    infostate = 1
+    $('#infospace').html('(NONE)');
+    }
+  else if(infostate == 2)
+    {
+    for(var i=0; i < divlist.length; i++)
+        {
+        $(divlist[i]).html(nametohex[divtoname[divlist[i]]])
+        };
+    infostate = 3
+    $('#infospace').html('(HEXES)');
+    }
+  else if(infostate == 3)
+		{
+		for(var i=0; i < divlist.length; i++)
+			{
+			$(divlist[i]).html(hextorgb[nametohex[divtoname[divlist[i]]]]);
+			//	$(divlist[i]).html($(divlist[i]).css('background-color'));
+			}
+		infostate = 0
+		$('#infospace').html('(RGBS)');
+		}
+		
+	}
+switchinfo()
+$('#infoswitch').hover(function(){$('#infospace').show()}, function(){$('#infospace').hide('slow')} )
+$('#infoswitch').click(function(){switchinfo()})
+/////////////////////////////////////////////////////////////////////////
+//////////////////////////////////////////////////////////////////////////
+//takes a div name and returns the colorname associated with that div
+var rgb
+var selectedrgb
+var colorname
+function showcolorname(divstr)
+    {
+		rgb = $('#'+divstr).css('background-color');
+    colorname = divtoname['#'+divstr]
+   // hex = nametohex[colorname]
+      imname = colorname
+		//	imname = hextoname[hex]
+    if (hexes === true)
+      {
+      imname = rgb
+      }
+		else if (rgbs === true)
+			{
+			imname = colorname
+			}
+		else if (names === true)
+    	{
+			imname = rgbtohex[rgb]
+			}
+		return imname
+    }
+function bigname(divstr)
+    {
+    stringvalue = showcolorname(divstr)
+    $('#colornames').html(stringvalue)
+    }
+$('.colors').hover(function()
+  {
+  thabg = $(this).css('background-color')
+	bigname(this.id);
+	});
+
+//////////////////////////////////////////////////////////////////////
+//THIS CONTROLS THE VALUE OF THE SELECTION ETC
+//MUST ADD RGB VALUES TO THIS AND MAKE IT A THREE-WAY SELECTOR
+var names = true;
+var hexes = false;
+var rgbs = false;
+var selectedname = "";
+function hexswitch()
+    {
+		if(names == true)
+			{
+			hexes = false;
+			rgbs = false;
+			$('#hexswitch').html('CLICK TO SWITCH TO RGB VALUES');
+			$('#namespace').val(selectedname);
+			names = false;
+			rgbs = true;
+			}
+    else if(hexes == true)
+      {
+			rgbs = false;
+      names = false;
+      $('#hexswitch').html('CLICK TO SWITCH TO COLOR NAMES');
+      $('#namespace').val(rgbtohex[selectedrgb]);
+      hexes = false;
+			names = true;
+      }
+    else if(rgbs == true)
+      {
+      names = false;
+      hexes = false;
+			$('#hexswitch').html('CLICK TO SWITCH TO HEX VALUES')
+      $('#namespace').val(selectedrgb)
+			rgbs = false;
+			hexes = true;
+      }
+    }
+hexswitch()
+$('#hexswitch').click(function(){hexswitch()});
+//////////////////////////////////////////////////////
+//////////CLICK TO PUT THE COLORS IN//////////////////
+function putitin()
+    {
+    if (rgbs === true)
+		{thecolor = selectedname}
+		if (hexes === true)
+		{thecolor = selectedrgb}
+    if (names === true)
+		{thecolor = rgbtohex[selectedrgb]}
+		$('#namespace').val(thecolor)
+		$('#preview').css({'background-color':selectedrgb,'border-style':'none'})
+		$('#vasebackground').css('background-color',selectedrgb)
+    }
+$('.colors').click(function()
+      {
+			selectednameid = $(this).attr('id')
+			selectedname = divtoname['#'+selectednameid]
+			selectedrgb = $(this).css('background-color');
+      putitin()
+      });
+
+
diff --git a/frontend/imgrid/colors/js/hoverbackground.jpg b/frontend/imgrid/colors/js/hoverbackground.jpg
new file mode 100755
index 0000000..c1ef116
Binary files /dev/null and b/frontend/imgrid/colors/js/hoverbackground.jpg differ
diff --git a/frontend/imgrid/colors/js/hovercss.js b/frontend/imgrid/colors/js/hovercss.js
new file mode 100755
index 0000000..0223b8b
--- /dev/null
+++ b/frontend/imgrid/colors/js/hovercss.js
@@ -0,0 +1,31 @@
+//HOVER CSS SCRIPT//
+var old = {};
+function hovercss(sel, uno)
+  {
+  var chng = {};
+  chng['color'] = 'white';
+  chng['text-shadow'] = 'black 1px 2px';
+  chng['background-image'] = 'url(js/hoverbackground.jpg)';
+  if(uno == 'over')
+      {
+    for(var key in chng){
+        old[key] = $('#'+sel).css(key)
+          }
+    for(var key in chng){
+        $('#'+sel).css(key, chng[key])
+          }
+      }
+  if(uno == 'out'){
+    for(var key in old){
+        $('#'+sel).css(key, old[key])
+          }
+      }
+  };
+$('.theswitches').hover(function()
+  {
+  hovercss(this.id, 'over')
+  }, function()
+  {
+  hovercss(this.id, 'out')
+  });
+
diff --git a/frontend/imgrid/colors/js/iftransparentcss.js b/frontend/imgrid/colors/js/iftransparentcss.js
new file mode 100755
index 0000000..fd4fe6c
--- /dev/null
+++ b/frontend/imgrid/colors/js/iftransparentcss.js
@@ -0,0 +1,25 @@
+///if transparent etc styling
+var transcss = {
+  'color':'#141414','box-shadow':'10px 10px 5px #141414',
+  'background-color':'#D1D1D1','color':'#141414',
+  'border-width':'2px','border-style':'outset','cursor':'pointer'}
+$('#transbutton').css(transcss)
+var hovertrans = {
+  'background-color':'DarkGrey','color':'#383838','box-shadow':'5px 5px 2px #141414'
+  }
+$('#transbutton').hover(function(){$('#transbutton').css(hovertrans)},function(){$('#transbutton').css(transcss)})
+
+function transparent()
+  {
+  $('#namespace').val('transparent');
+  $('#preview').css({'background-color':'transparent','border-style':'dashed','border-width':'2px'})
+  }
+$('#transbutton').click(function()
+	{
+	transparent()
+	$('#colornames').html('transparent')
+	$('#colornames').fadeOut(100);$('#colornames').fadeIn(500);
+	$('#extra').html('<br><br><span style="color:red;background-color:black;border-color:red; border-width:1px; border-style:solid; font-size:14px;">note: the .jpg image format does not support transparency</span>')
+	});
+
+
diff --git a/frontend/imgrid/colors/js/jquery-1.6.4.min.js b/frontend/imgrid/colors/js/jquery-1.6.4.min.js
new file mode 100755
index 0000000..628ed9b
--- /dev/null
+++ b/frontend/imgrid/colors/js/jquery-1.6.4.min.js
@@ -0,0 +1,4 @@
+/*! jQuery v1.6.4 http://jquery.com/ | http://jquery.org/license */
+(function(a,b){function cu(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cr(a){if(!cg[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){ch||(ch=c.createElement("iframe"),ch.frameBorder=ch.width=ch.height=0),b.appendChild(ch);if(!ci||!ch.createElement)ci=(ch.contentWindow||ch.contentDocument).document,ci.write((c.compatMode==="CSS1Compat"?"<!doctype html>":"")+"<html><body>"),ci.close();d=ci.createElement(a),ci.body.appendChild(d),e=f.css(d,"display"),b.removeChild(ch)}cg[a]=e}return cg[a]}function cq(a,b){var c={};f.each(cm.concat.apply([],cm.slice(0,b)),function(){c[this]=a});return c}function cp(){cn=b}function co(){setTimeout(cp,0);return cn=f.now()}function cf(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ce(){try{return new a.XMLHttpRequest}catch(b){}}function b$(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g<i;g++){if(g===1)for(h in a.converters)typeof h=="string"&&(e[h.toLowerCase()]=a.converters[h]);l=k,k=d[g];if(k==="*")k=l;else if(l!=="*"&&l!==k){m=l+" "+k,n=e[m]||e["* "+k];if(!n){p=b;for(o in e){j=o.split(" ");if(j[0]===l||j[0]==="*"){p=e[j[1]+" "+k];if(p){o=e[o],o===!0?n=p:p===!0&&(n=o);break}}}}!n&&!p&&f.error("No conversion from "+m.replace(" "," to ")),n!==!0&&(c=n?n(c):p(o(c)))}}return c}function bZ(a,c,d){var e=a.contents,f=a.dataTypes,g=a.responseFields,h,i,j,k;for(i in g)i in d&&(c[g[i]]=d[i]);while(f[0]==="*")f.shift(),h===b&&(h=a.mimeType||c.getResponseHeader("content-type"));if(h)for(i in e)if(e[i]&&e[i].test(h)){f.unshift(i);break}if(f[0]in d)j=f[0];else{for(i in d){if(!f[0]||a.converters[i+" "+f[0]]){j=i;break}k||(k=i)}j=j||k}if(j){j!==f[0]&&f.unshift(j);return d[j]}}function bY(a,b,c,d){if(f.isArray(b))f.each(b,function(b,e){c||bA.test(a)?d(a,e):bY(a+"["+(typeof e=="object"||f.isArray(e)?b:"")+"]",e,c,d)});else if(!c&&b!=null&&typeof b=="object")for(var e in b)bY(a+"["+e+"]",b[e],c,d);else d(a,b)}function bX(a,c){var d,e,g=f.ajaxSettings.flatOptions||{};for(d in c)c[d]!==b&&((g[d]?a:e||(e={}))[d]=c[d]);e&&f.extend(!0,a,e)}function bW(a,c,d,e,f,g){f=f||c.dataTypes[0],g=g||{},g[f]=!0;var h=a[f],i=0,j=h?h.length:0,k=a===bP,l;for(;i<j&&(k||!l);i++)l=h[i](c,d,e),typeof l=="string"&&(!k||g[l]?l=b:(c.dataTypes.unshift(l),l=bW(a,c,d,e,l,g)));(k||!l)&&!g["*"]&&(l=bW(a,c,d,e,"*",g));return l}function bV(a){return function(b,c){typeof b!="string"&&(c=b,b="*");if(f.isFunction(c)){var d=b.toLowerCase().split(bL),e=0,g=d.length,h,i,j;for(;e<g;e++)h=d[e],j=/^\+/.test(h),j&&(h=h.substr(1)||"*"),i=a[h]=a[h]||[],i[j?"unshift":"push"](c)}}}function by(a,b,c){var d=b==="width"?a.offsetWidth:a.offsetHeight,e=b==="width"?bt:bu;if(d>0){c!=="border"&&f.each(e,function(){c||(d-=parseFloat(f.css(a,"padding"+this))||0),c==="margin"?d+=parseFloat(f.css(a,c+this))||0:d-=parseFloat(f.css(a,"border"+this+"Width"))||0});return d+"px"}d=bv(a,b,b);if(d<0||d==null)d=a.style[b]||0;d=parseFloat(d)||0,c&&f.each(e,function(){d+=parseFloat(f.css(a,"padding"+this))||0,c!=="padding"&&(d+=parseFloat(f.css(a,"border"+this+"Width"))||0),c==="margin"&&(d+=parseFloat(f.css(a,c+this))||0)});return d+"px"}function bl(a,b){b.src?f.ajax({url:b.src,async:!1,dataType:"script"}):f.globalEval((b.text||b.textContent||b.innerHTML||"").replace(bd,"/*$0*/")),b.parentNode&&b.parentNode.removeChild(b)}function bk(a){f.nodeName(a,"input")?bj(a):"getElementsByTagName"in a&&f.grep(a.getElementsByTagName("input"),bj)}function bj(a){if(a.type==="checkbox"||a.type==="radio")a.defaultChecked=a.checked}function bi(a){return"getElementsByTagName"in a?a.getElementsByTagName("*"):"querySelectorAll"in a?a.querySelectorAll("*"):[]}function bh(a,b){var c;if(b.nodeType===1){b.clearAttributes&&b.clearAttributes(),b.mergeAttributes&&b.mergeAttributes(a),c=b.nodeName.toLowerCase();if(c==="object")b.outerHTML=a.outerHTML;else if(c!=="input"||a.type!=="checkbox"&&a.type!=="radio"){if(c==="option")b.selected=a.defaultSelected;else if(c==="input"||c==="textarea")b.defaultValue=a.defaultValue}else a.checked&&(b.defaultChecked=b.checked=a.checked),b.value!==a.value&&(b.value=a.value);b.removeAttribute(f.expando)}}function bg(a,b){if(b.nodeType===1&&!!f.hasData(a)){var c=f.expando,d=f.data(a),e=f.data(b,d);if(d=d[c]){var g=d.events;e=e[c]=f.extend({},d);if(g){delete e.handle,e.events={};for(var h in g)for(var i=0,j=g[h].length;i<j;i++)f.event.add(b,h+(g[h][i].namespace?".":"")+g[h][i].namespace,g[h][i],g[h][i].data)}}}}function bf(a,b){return f.nodeName(a,"table")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function V(a,b,c){b=b||0;if(f.isFunction(b))return f.grep(a,function(a,d){var e=!!b.call(a,d,a);return e===c});if(b.nodeType)return f.grep(a,function(a,d){return a===b===c});if(typeof b=="string"){var d=f.grep(a,function(a){return a.nodeType===1});if(Q.test(b))return f.filter(b,d,!c);b=f.filter(b,d)}return f.grep(a,function(a,d){return f.inArray(a,b)>=0===c})}function U(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function M(a,b){return(a&&a!=="*"?a+".":"")+b.replace(y,"`").replace(z,"&")}function L(a){var b,c,d,e,g,h,i,j,k,l,m,n,o,p=[],q=[],r=f._data(this,"events");if(!(a.liveFired===this||!r||!r.live||a.target.disabled||a.button&&a.type==="click")){a.namespace&&(n=new RegExp("(^|\\.)"+a.namespace.split(".").join("\\.(?:.*\\.)?")+"(\\.|$)")),a.liveFired=this;var s=r.live.slice(0);for(i=0;i<s.length;i++)g=s[i],g.origType.replace(w,"")===a.type?q.push(g.selector):s.splice(i--,1);e=f(a.target).closest(q,a.currentTarget);for(j=0,k=e.length;j<k;j++){m=e[j];for(i=0;i<s.length;i++){g=s[i];if(m.selector===g.selector&&(!n||n.test(g.namespace))&&!m.elem.disabled){h=m.elem,d=null;if(g.preType==="mouseenter"||g.preType==="mouseleave")a.type=g.preType,d=f(a.relatedTarget).closest(g.selector)[0],d&&f.contains(h,d)&&(d=h);(!d||d!==h)&&p.push({elem:h,handleObj:g,level:m.level})}}}for(j=0,k=p.length;j<k;j++){e=p[j];if(c&&e.level>c)break;a.currentTarget=e.elem,a.data=e.handleObj.data,a.handleObj=e.handleObj,o=e.handleObj.origHandler.apply(e.elem,arguments);if(o===!1||a.isPropagationStopped()){c=e.level,o===!1&&(b=!1);if(a.isImmediatePropagationStopped())break}}return b}}function J(a,c,d){var e=f.extend({},d[0]);e.type=a,e.originalEvent={},e.liveFired=b,f.event.handle.call(c,e),e.isDefaultPrevented()&&d[0].preventDefault()}function D(){return!0}function C(){return!1}function m(a,c,d){var e=c+"defer",g=c+"queue",h=c+"mark",i=f.data(a,e,b,!0);i&&(d==="queue"||!f.data(a,g,b,!0))&&(d==="mark"||!f.data(a,h,b,!0))&&setTimeout(function(){!f.data(a,g,b,!0)&&!f.data(a,h,b,!0)&&(f.removeData(a,e,!0),i.resolve())},0)}function l(a){for(var b in a)if(b!=="toJSON")return!1;return!0}function k(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(j,"-$1").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:f.isNaN(d)?i.test(d)?f.parseJSON(d):d:parseFloat(d)}catch(g){}f.data(a,c,d)}else d=b}return d}var c=a.document,d=a.navigator,e=a.location,f=function(){function K(){if(!e.isReady){try{c.documentElement.doScroll("left")}catch(a){setTimeout(K,1);return}e.ready()}}var e=function(a,b){return new e.fn.init(a,b,h)},f=a.jQuery,g=a.$,h,i=/^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,j=/\S/,k=/^\s+/,l=/\s+$/,m=/\d/,n=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,o=/^[\],:{}\s]*$/,p=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,q=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,r=/(?:^|:|,)(?:\s*\[)+/g,s=/(webkit)[ \/]([\w.]+)/,t=/(opera)(?:.*version)?[ \/]([\w.]+)/,u=/(msie) ([\w.]+)/,v=/(mozilla)(?:.*? rv:([\w.]+))?/,w=/-([a-z]|[0-9])/ig,x=/^-ms-/,y=function(a,b){return(b+"").toUpperCase()},z=d.userAgent,A,B,C,D=Object.prototype.toString,E=Object.prototype.hasOwnProperty,F=Array.prototype.push,G=Array.prototype.slice,H=String.prototype.trim,I=Array.prototype.indexOf,J={};e.fn=e.prototype={constructor:e,init:function(a,d,f){var g,h,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!d&&c.body){this.context=c,this[0]=c.body,this.selector=a,this.length=1;return this}if(typeof a=="string"){a.charAt(0)!=="<"||a.charAt(a.length-1)!==">"||a.length<3?g=i.exec(a):g=[null,a,null];if(g&&(g[1]||!d)){if(g[1]){d=d instanceof e?d[0]:d,k=d?d.ownerDocument||d:c,j=n.exec(a),j?e.isPlainObject(d)?(a=[c.createElement(j[1])],e.fn.attr.call(a,d,!0)):a=[k.createElement(j[1])]:(j=e.buildFragment([g[1]],[k]),a=(j.cacheable?e.clone(j.fragment):j.fragment).childNodes);return e.merge(this,a)}h=c.getElementById(g[2]);if(h&&h.parentNode){if(h.id!==g[2])return f.find(a);this.length=1,this[0]=h}this.context=c,this.selector=a;return this}return!d||d.jquery?(d||f).find(a):this.constructor(d).find(a)}if(e.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return e.makeArray(a,this)},selector:"",jquery:"1.6.4",length:0,size:function(){return this.length},toArray:function(){return G.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=this.constructor();e.isArray(a)?F.apply(d,a):e.merge(d,a),d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")");return d},each:function(a,b){return e.each(this,a,b)},ready:function(a){e.bindReady(),B.done(a);return this},eq:function(a){return a===-1?this.slice(a):this.slice(a,+a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(G.apply(this,arguments),"slice",G.call(arguments).join(","))},map:function(a){return this.pushStack(e.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:F,sort:[].sort,splice:[].splice},e.fn.init.prototype=e.fn,e.extend=e.fn.extend=function(){var a,c,d,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i=="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!="object"&&!e.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j<k;j++)if((a=arguments[j])!=null)for(c in a){d=i[c],f=a[c];if(i===f)continue;l&&f&&(e.isPlainObject(f)||(g=e.isArray(f)))?(g?(g=!1,h=d&&e.isArray(d)?d:[]):h=d&&e.isPlainObject(d)?d:{},i[c]=e.extend(l,h,f)):f!==b&&(i[c]=f)}return i},e.extend({noConflict:function(b){a.$===e&&(a.$=g),b&&a.jQuery===e&&(a.jQuery=f);return e},isReady:!1,readyWait:1,holdReady:function(a){a?e.readyWait++:e.ready(!0)},ready:function(a){if(a===!0&&!--e.readyWait||a!==!0&&!e.isReady){if(!c.body)return setTimeout(e.ready,1);e.isReady=!0;if(a!==!0&&--e.readyWait>0)return;B.resolveWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").unbind("ready")}},bindReady:function(){if(!B){B=e._Deferred();if(c.readyState==="complete")return setTimeout(e.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",C,!1),a.addEventListener("load",e.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",C),a.attachEvent("onload",e.ready);var b=!1;try{b=a.frameElement==null}catch(d){}c.documentElement.doScroll&&b&&K()}}},isFunction:function(a){return e.type(a)==="function"},isArray:Array.isArray||function(a){return e.type(a)==="array"},isWindow:function(a){return a&&typeof a=="object"&&"setInterval"in a},isNaN:function(a){return a==null||!m.test(a)||isNaN(a)},type:function(a){return a==null?String(a):J[D.call(a)]||"object"},isPlainObject:function(a){if(!a||e.type(a)!=="object"||a.nodeType||e.isWindow(a))return!1;try{if(a.constructor&&!E.call(a,"constructor")&&!E.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}var d;for(d in a);return d===b||E.call(a,d)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw a},parseJSON:function(b){if(typeof b!="string"||!b)return null;b=e.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(o.test(b.replace(p,"@").replace(q,"]").replace(r,"")))return(new Function("return "+b))();e.error("Invalid JSON: "+b)},parseXML:function(c){var d,f;try{a.DOMParser?(f=new DOMParser,d=f.parseFromString(c,"text/xml")):(d=new ActiveXObject("Microsoft.XMLDOM"),d.async="false",d.loadXML(c))}catch(g){d=b}(!d||!d.documentElement||d.getElementsByTagName("parsererror").length)&&e.error("Invalid XML: "+c);return d},noop:function(){},globalEval:function(b){b&&j.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(x,"ms-").replace(w,y)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var f,g=0,h=a.length,i=h===b||e.isFunction(a);if(d){if(i){for(f in a)if(c.apply(a[f],d)===!1)break}else for(;g<h;)if(c.apply(a[g++],d)===!1)break}else if(i){for(f in a)if(c.call(a[f],f,a[f])===!1)break}else for(;g<h;)if(c.call(a[g],g,a[g++])===!1)break;return a},trim:H?function(a){return a==null?"":H.call(a)}:function(a){return a==null?"":(a+"").replace(k,"").replace(l,"")},makeArray:function(a,b){var c=b||[];if(a!=null){var d=e.type(a);a.length==null||d==="string"||d==="function"||d==="regexp"||e.isWindow(a)?F.call(c,a):e.merge(c,a)}return c},inArray:function(a,b){if(!b)return-1;if(I)return I.call(b,a);for(var c=0,d=b.length;c<d;c++)if(b[c]===a)return c;return-1},merge:function(a,c){var d=a.length,e=0;if(typeof c.length=="number")for(var f=c.length;e<f;e++)a[d++]=c[e];else while(c[e]!==b)a[d++]=c[e++];a.length=d;return a},grep:function(a,b,c){var d=[],e;c=!!c;for(var f=0,g=a.length;f<g;f++)e=!!b(a[f],f),c!==e&&d.push(a[f]);return d},map:function(a,c,d){var f,g,h=[],i=0,j=a.length,k=a instanceof e||j!==b&&typeof j=="number"&&(j>0&&a[0]&&a[j-1]||j===0||e.isArray(a));if(k)for(;i<j;i++)f=c(a[i],i,d),f!=null&&(h[h.length]=f);else for(g in a)f=c(a[g],g,d),f!=null&&(h[h.length]=f);return h.concat.apply([],h)},guid:1,proxy:function(a,c){if(typeof c=="string"){var d=a[c];c=a,a=d}if(!e.isFunction(a))return b;var f=G.call(arguments,2),g=function(){return a.apply(c,f.concat(G.call(arguments)))};g.guid=a.guid=a.guid||g.guid||e.guid++;return g},access:function(a,c,d,f,g,h){var i=a.length;if(typeof c=="object"){for(var j in c)e.access(a,j,c[j],f,g,d);return a}if(d!==b){f=!h&&f&&e.isFunction(d);for(var k=0;k<i;k++)g(a[k],c,f?d.call(a[k],k,g(a[k],c)):d,h);return a}return i?g(a[0],c):b},now:function(){return(new Date).getTime()},uaMatch:function(a){a=a.toLowerCase();var b=s.exec(a)||t.exec(a)||u.exec(a)||a.indexOf("compatible")<0&&v.exec(a)||[];return{browser:b[1]||"",version:b[2]||"0"}},sub:function(){function a(b,c){return new a.fn.init(b,c)}e.extend(!0,a,this),a.superclass=this,a.fn=a.prototype=this(),a.fn.constructor=a,a.sub=this.sub,a.fn.init=function(d,f){f&&f instanceof e&&!(f instanceof a)&&(f=a(f));return e.fn.init.call(this,d,f,b)},a.fn.init.prototype=a.fn;var b=a(c);return a},browser:{}}),e.each("Boolean Number String Function Array Date RegExp Object".split(" "),function(a,b){J["[object "+b+"]"]=b.toLowerCase()}),A=e.uaMatch(z),A.browser&&(e.browser[A.browser]=!0,e.browser.version=A.version),e.browser.webkit&&(e.browser.safari=!0),j.test(" ")&&(k=/^[\s\xA0]+/,l=/[\s\xA0]+$/),h=e(c),c.addEventListener?C=function(){c.removeEventListener("DOMContentLoaded",C,!1),e.ready()}:c.attachEvent&&(C=function(){c.readyState==="complete"&&(c.detachEvent("onreadystatechange",C),e.ready())});return e}(),g="done fail isResolved isRejected promise then always pipe".split(" "),h=[].slice;f.extend({_Deferred:function(){var a=[],b,c,d,e={done:function(){if(!d){var c=arguments,g,h,i,j,k;b&&(k=b,b=0);for(g=0,h=c.length;g<h;g++)i=c[g],j=f.type(i),j==="array"?e.done.apply(e,i):j==="function"&&a.push(i);k&&e.resolveWith(k[0],k[1])}return this},resolveWith:function(e,f){if(!d&&!b&&!c){f=f||[],c=1;try{while(a[0])a.shift().apply(e,f)}finally{b=[e,f],c=0}}return this},resolve:function(){e.resolveWith(this,arguments);return this},isResolved:function(){return!!c||!!b},cancel:function(){d=1,a=[];return this}};return e},Deferred:function(a){var b=f._Deferred(),c=f._Deferred(),d;f.extend(b,{then:function(a,c){b.done(a).fail(c);return this},always:function(){return b.done.apply(b,arguments).fail.apply(this,arguments)},fail:c.done,rejectWith:c.resolveWith,reject:c.resolve,isRejected:c.isResolved,pipe:function(a,c){return f.Deferred(function(d){f.each({done:[a,"resolve"],fail:[c,"reject"]},function(a,c){var e=c[0],g=c[1],h;f.isFunction(e)?b[a](function(){h=e.apply(this,arguments),h&&f.isFunction(h.promise)?h.promise().then(d.resolve,d.reject):d[g+"With"](this===b?d:this,[h])}):b[a](d[g])})}).promise()},promise:function(a){if(a==null){if(d)return d;d=a={}}var c=g.length;while(c--)a[g[c]]=b[g[c]];return a}}),b.done(c.cancel).fail(b.cancel),delete b.cancel,a&&a.call(b,b);return b},when:function(a){function i(a){return function(c){b[a]=arguments.length>1?h.call(arguments,0):c,--e||g.resolveWith(g,h.call(b,0))}}var b=arguments,c=0,d=b.length,e=d,g=d<=1&&a&&f.isFunction(a.promise)?a:f.Deferred();if(d>1){for(;c<d;c++)b[c]&&f.isFunction(b[c].promise)?b[c].promise().then(i(c),g.reject):--e;e||g.resolveWith(g,b)}else g!==a&&g.resolveWith(g,d?[a]:[]);return g.promise()}}),f.support=function(){var a=c.createElement("div"),b=c.documentElement,d,e,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u;a.setAttribute("className","t"),a.innerHTML="   <link/><table></table><a href='/a' style='top:1px;float:left;opacity:.55;'>a</a><input type='checkbox'/>",d=a.getElementsByTagName("*"),e=a.getElementsByTagName("a")[0];if(!d||!d.length||!e)return{};g=c.createElement("select"),h=g.appendChild(c.createElement("option")),i=a.getElementsByTagName("input")[0],k={leadingWhitespace:a.firstChild.nodeType===3,tbody:!a.getElementsByTagName("tbody").length,htmlSerialize:!!a.getElementsByTagName("link").length,style:/top/.test(e.getAttribute("style")),hrefNormalized:e.getAttribute("href")==="/a",opacity:/^0.55$/.test(e.style.opacity),cssFloat:!!e.style.cssFloat,checkOn:i.value==="on",optSelected:h.selected,getSetAttribute:a.className!=="t",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0},i.checked=!0,k.noCloneChecked=i.cloneNode(!0).checked,g.disabled=!0,k.optDisabled=!h.disabled;try{delete a.test}catch(v){k.deleteExpando=!1}!a.addEventListener&&a.attachEvent&&a.fireEvent&&(a.attachEvent("onclick",function(){k.noCloneEvent=!1}),a.cloneNode(!0).fireEvent("onclick")),i=c.createElement("input"),i.value="t",i.setAttribute("type","radio"),k.radioValue=i.value==="t",i.setAttribute("checked","checked"),a.appendChild(i),l=c.createDocumentFragment(),l.appendChild(a.firstChild),k.checkClone=l.cloneNode(!0).cloneNode(!0).lastChild.checked,a.innerHTML="",a.style.width=a.style.paddingLeft="1px",m=c.getElementsByTagName("body")[0],o=c.createElement(m?"div":"body"),p={visibility:"hidden",width:0,height:0,border:0,margin:0,background:"none"},m&&f.extend(p,{position:"absolute",left:"-1000px",top:"-1000px"});for(t in p)o.style[t]=p[t];o.appendChild(a),n=m||b,n.insertBefore(o,n.firstChild),k.appendChecked=i.checked,k.boxModel=a.offsetWidth===2,"zoom"in a.style&&(a.style.display="inline",a.style.zoom=1,k.inlineBlockNeedsLayout=a.offsetWidth===2,a.style.display="",a.innerHTML="<div style='width:4px;'></div>",k.shrinkWrapBlocks=a.offsetWidth!==2),a.innerHTML="<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>",q=a.getElementsByTagName("td"),u=q[0].offsetHeight===0,q[0].style.display="",q[1].style.display="none",k.reliableHiddenOffsets=u&&q[0].offsetHeight===0,a.innerHTML="",c.defaultView&&c.defaultView.getComputedStyle&&(j=c.createElement("div"),j.style.width="0",j.style.marginRight="0",a.appendChild(j),k.reliableMarginRight=(parseInt((c.defaultView.getComputedStyle(j,null)||{marginRight:0}).marginRight,10)||0)===0),o.innerHTML="",n.removeChild(o);if(a.attachEvent)for(t in{submit:1,change:1,focusin:1})s="on"+t,u=s in a,u||(a.setAttribute(s,"return;"),u=typeof a[s]=="function"),k[t+"Bubbles"]=u;o=l=g=h=m=j=a=i=null;return k}(),f.boxModel=f.support.boxModel;var i=/^(?:\{.*\}|\[.*\])$/,j=/([A-Z])/g;f.extend({cache:{},uuid:0,expando:"jQuery"+(f.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){a=a.nodeType?f.cache[a[f.expando]]:a[f.expando];return!!a&&!l(a)},data:function(a,c,d,e){if(!!f.acceptData(a)){var g,h,i=f.expando,j=typeof c=="string",k=a.nodeType,l=k?f.cache:a,m=k?a[f.expando]:a[f.expando]&&f.expando;if((!m||e&&m&&l[m]&&!l[m][i])&&j&&d===b)return;m||(k?a[f.expando]=m=++f.uuid:m=f.expando),l[m]||(l[m]={},k||(l[m].toJSON=f.noop));if(typeof c=="object"||typeof c=="function")e?l[m][i]=f.extend(l[m][i],c):l[m]=f.extend(l[m],c);g=l[m],e&&(g[i]||(g[i]={}),g=g[i]),d!==b&&(g[f.camelCase(c)]=d);if(c==="events"&&!g[c])return g[i]&&g[i].events;j?(h=g[c],h==null&&(h=g[f.camelCase(c)])):h=g;return h}},removeData:function(a,b,c){if(!!f.acceptData(a)){var d,e=f.expando,g=a.nodeType,h=g?f.cache:a,i=g?a[f.expando]:f.expando;if(!h[i])return;if(b){d=c?h[i][e]:h[i];if(d){d[b]||(b=f.camelCase(b)),delete d[b];if(!l(d))return}}if(c){delete h[i][e];if(!l(h[i]))return}var j=h[i][e];f.support.deleteExpando||!h.setInterval?delete h[i]:h[i]=null,j?(h[i]={},g||(h[i].toJSON=f.noop),h[i][e]=j):g&&(f.support.deleteExpando?delete a[f.expando]:a.removeAttribute?a.removeAttribute(f.expando):a[f.expando]=null)}},_data:function(a,b,c){return f.data(a,b,c,!0)},acceptData:function(a){if(a.nodeName){var b=f.noData[a.nodeName.toLowerCase()];if(b)return b!==!0&&a.getAttribute("classid")===b}return!0}}),f.fn.extend({data:function(a,c){var d=null;if(typeof a=="undefined"){if(this.length){d=f.data(this[0]);if(this[0].nodeType===1){var e=this[0].attributes,g;for(var h=0,i=e.length;h<i;h++)g=e[h].name,g.indexOf("data-")===0&&(g=f.camelCase(g.substring(5)),k(this[0],g,d[g]))}}return d}if(typeof a=="object")return this.each(function(){f.data(this,a)});var j=a.split(".");j[1]=j[1]?"."+j[1]:"";if(c===b){d=this.triggerHandler("getData"+j[1]+"!",[j[0]]),d===b&&this.length&&(d=f.data(this[0],a),d=k(this[0],a,d));return d===b&&j[1]?this.data(j[0]):d}return this.each(function(){var b=f(this),d=[j[0],c];b.triggerHandler("setData"+j[1]+"!",d),f.data(this,a,c),b.triggerHandler("changeData"+j[1]+"!",d)})},removeData:function(a){return this.each(function(){f.removeData(this,a)})}}),f.extend({_mark:function(a,c){a&&(c=(c||"fx")+"mark",f.data(a,c,(f.data(a,c,b,!0)||0)+1,!0))},_unmark:function(a,c,d){a!==!0&&(d=c,c=a,a=!1);if(c){d=d||"fx";var e=d+"mark",g=a?0:(f.data(c,e,b,!0)||1)-1;g?f.data(c,e,g,!0):(f.removeData(c,e,!0),m(c,d,"mark"))}},queue:function(a,c,d){if(a){c=(c||"fx")+"queue";var e=f.data(a,c,b,!0);d&&(!e||f.isArray(d)?e=f.data(a,c,f.makeArray(d),!0):e.push(d));return e||[]}},dequeue:function(a,b){b=b||"fx";var c=f.queue(a,b),d=c.shift(),e;d==="inprogress"&&(d=c.shift()),d&&(b==="fx"&&c.unshift("inprogress"),d.call(a,function(){f.dequeue(a,b)})),c.length||(f.removeData(a,b+"queue",!0),m(a,b,"queue"))}}),f.fn.extend({queue:function(a,c){typeof a!="string"&&(c=a,a="fx");if(c===b)return f.queue(this[0],a);return this.each(function(){var b=f.queue(this,a,c);a==="fx"&&b[0]!=="inprogress"&&f.dequeue(this,a)})},dequeue:function(a){return this.each(function(){f.dequeue(this,a)})},delay:function(a,b){a=f.fx?f.fx.speeds[a]||a:a,b=b||"fx";return this.queue(b,function(){var c=this;setTimeout(function(){f.dequeue(c,b)},a)})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,c){function m(){--h||d.resolveWith(e,[e])}typeof a!="string"&&(c=a,a=b),a=a||"fx";var d=f.Deferred(),e=this,g=e.length,h=1,i=a+"defer",j=a+"queue",k=a+"mark",l;while(g--)if(l=f.data(e[g],i,b,!0)||(f.data(e[g],j,b,!0)||f.data(e[g],k,b,!0))&&f.data(e[g],i,f._Deferred(),!0))h++,l.done(m);m();return d.promise()}});var n=/[\n\t\r]/g,o=/\s+/,p=/\r/g,q=/^(?:button|input)$/i,r=/^(?:button|input|object|select|textarea)$/i,s=/^a(?:rea)?$/i,t=/^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,u,v;f.fn.extend({attr:function(a,b){return f.access(this,a,b,!0,f.attr)},removeAttr:function(a){return this.each(function(){f.removeAttr(this,a)})},prop:function(a,b){return f.access(this,a,b,!0,f.prop)},removeProp:function(a){a=f.propFix[a]||a;return this.each(function(){try{this[a]=b,delete this[a]}catch(c){}})},addClass:function(a){var b,c,d,e,g,h,i;if(f.isFunction(a))return this.each(function(b){f(this).addClass(a.call(this,b,this.className))});if(a&&typeof a=="string"){b=a.split(o);for(c=0,d=this.length;c<d;c++){e=this[c];if(e.nodeType===1)if(!e.className&&b.length===1)e.className=a;else{g=" "+e.className+" ";for(h=0,i=b.length;h<i;h++)~g.indexOf(" "+b[h]+" ")||(g+=b[h]+" ");e.className=f.trim(g)}}}return this},removeClass:function(a){var c,d,e,g,h,i,j;if(f.isFunction(a))return this.each(function(b){f(this).removeClass(a.call(this,b,this.className))});if(a&&typeof a=="string"||a===b){c=(a||"").split(o);for(d=0,e=this.length;d<e;d++){g=this[d];if(g.nodeType===1&&g.className)if(a){h=(" "+g.className+" ").replace(n," ");for(i=0,j=c.length;i<j;i++)h=h.replace(" "+c[i]+" "," ");g.className=f.trim(h)}else g.className=""}}return this},toggleClass:function(a,b){var c=typeof a,d=typeof b=="boolean";if(f.isFunction(a))return this.each(function(c){f(this).toggleClass(a.call(this,c,this.className,b),b)});return this.each(function(){if(c==="string"){var e,g=0,h=f(this),i=b,j=a.split(o);while(e=j[g++])i=d?i:!h.hasClass(e),h[i?"addClass":"removeClass"](e)}else if(c==="undefined"||c==="boolean")this.className&&f._data(this,"__className__",this.className),this.className=this.className||a===!1?"":f._data(this,"__className__")||""})},hasClass:function(a){var b=" "+a+" ";for(var c=0,d=this.length;c<d;c++)if(this[c].nodeType===1&&(" "+this[c].className+" ").replace(n," ").indexOf(b)>-1)return!0;return!1},val:function(a){var c,d,e=this[0];if(!arguments.length){if(e){c=f.valHooks[e.nodeName.toLowerCase()]||f.valHooks[e.type];if(c&&"get"in c&&(d=c.get(e,"value"))!==b)return d;d=e.value;return typeof d=="string"?d.replace(p,""):d==null?"":d}return b}var g=f.isFunction(a);return this.each(function(d){var e=f(this),h;if(this.nodeType===1){g?h=a.call(this,d,e.val()):h=a,h==null?h="":typeof h=="number"?h+="":f.isArray(h)&&(h=f.map(h,function(a){return a==null?"":a+""})),c=f.valHooks[this.nodeName.toLowerCase()]||f.valHooks[this.type];if(!c||!("set"in c)||c.set(this,h,"value")===b)this.value=h}})}}),f.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c=a.selectedIndex,d=[],e=a.options,g=a.type==="select-one";if(c<0)return null;for(var h=g?c:0,i=g?c+1:e.length;h<i;h++){var j=e[h];if(j.selected&&(f.support.optDisabled?!j.disabled:j.getAttribute("disabled")===null)&&(!j.parentNode.disabled||!f.nodeName(j.parentNode,"optgroup"))){b=f(j).val();if(g)return b;d.push(b)}}if(g&&!d.length&&e.length)return f(e[c]).val();return d},set:function(a,b){var c=f.makeArray(b);f(a).find("option").each(function(){this.selected=f.inArray(f(this).val(),c)>=0}),c.length||(a.selectedIndex=-1);return c}}},attrFn:{val:!0,css:!0,html:!0,text:!0,data:!0,width:!0,height:!0,offset:!0},attrFix:{tabindex:"tabIndex"},attr:function(a,c,d,e){var g=a.nodeType;if(!a||g===3||g===8||g===2)return b;if(e&&c in f.attrFn)return f(a)[c](d);if(!("getAttribute"in a))return f.prop(a,c,d);var h,i,j=g!==1||!f.isXMLDoc(a);j&&(c=f.attrFix[c]||c,i=f.attrHooks[c],i||(t.test(c)?i=v:u&&(i=u)));if(d!==b){if(d===null){f.removeAttr(a,c);return b}if(i&&"set"in i&&j&&(h=i.set(a,d,c))!==b)return h;a.setAttribute(c,""+d);return d}if(i&&"get"in i&&j&&(h=i.get(a,c))!==null)return h;h=a.getAttribute(c);return h===null?b:h},removeAttr:function(a,b){var c;a.nodeType===1&&(b=f.attrFix[b]||b,f.attr(a,b,""),a.removeAttribute(b),t.test(b)&&(c=f.propFix[b]||b)in a&&(a[c]=!1))},attrHooks:{type:{set:function(a,b){if(q.test(a.nodeName)&&a.parentNode)f.error("type property can't be changed");else if(!f.support.radioValue&&b==="radio"&&f.nodeName(a,"input")){var c=a.value;a.setAttribute("type",b),c&&(a.value=c);return b}}},value:{get:function(a,b){if(u&&f.nodeName(a,"button"))return u.get(a,b);return b in a?a.value:null},set:function(a,b,c){if(u&&f.nodeName(a,"button"))return u.set(a,b,c);a.value=b}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(a,c,d){var e=a.nodeType;if(!a||e===3||e===8||e===2)return b;var g,h,i=e!==1||!f.isXMLDoc(a);i&&(c=f.propFix[c]||c,h=f.propHooks[c]);return d!==b?h&&"set"in h&&(g=h.set(a,d,c))!==b?g:a[c]=d:h&&"get"in h&&(g=h.get(a,c))!==null?g:a[c]},propHooks:{tabIndex:{get:function(a){var c=a.getAttributeNode("tabindex");return c&&c.specified?parseInt(c.value,10):r.test(a.nodeName)||s.test(a.nodeName)&&a.href?0:b}}}}),f.attrHooks.tabIndex=f.propHooks.tabIndex,v={get:function(a,c){var d;return f.prop(a,c)===!0||(d=a.getAttributeNode(c))&&d.nodeValue!==!1?c.toLowerCase():b},set:function(a,b,c){var d;b===!1?f.removeAttr(a,c):(d=f.propFix[c]||c,d in a&&(a[d]=!0),a.setAttribute(c,c.toLowerCase()));return c}},f.support.getSetAttribute||(u=f.valHooks.button={get:function(a,c){var d;d=a.getAttributeNode(c);return d&&d.nodeValue!==""?d.nodeValue:b},set:function(a,b,d){var e=a.getAttributeNode(d);e||(e=c.createAttribute(d),a.setAttributeNode(e));return e.nodeValue=b+""}},f.each(["width","height"],function(a,b){f.attrHooks[b]=f.extend(f.attrHooks[b],{set:function(a,c){if(c===""){a.setAttribute(b,"auto");return c}}})})),f.support.hrefNormalized||f.each(["href","src","width","height"],function(a,c){f.attrHooks[c]=f.extend(f.attrHooks[c],{get:function(a){var d=a.getAttribute(c,2);return d===null?b:d}})}),f.support.style||(f.attrHooks.style={get:function(a){return a.style.cssText.toLowerCase()||b},set:function(a,b){return a.style.cssText=""+b}}),f.support.optSelected||(f.propHooks.selected=f.extend(f.propHooks.selected,{get:function(a){var b=a.parentNode;b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex);return null}})),f.support.checkOn||f.each(["radio","checkbox"],function(){f.valHooks[this]={get:function(a){return a.getAttribute("value")===null?"on":a.value}}}),f.each(["radio","checkbox"],function(){f.valHooks[this]=f.extend(f.valHooks[this],{set:function(a,b){if(f.isArray(b))return a.checked=f.inArray(f(a).val(),b)>=0}})});var w=/\.(.*)$/,x=/^(?:textarea|input|select)$/i,y=/\./g,z=/ /g,A=/[^\w\s.|`]/g,B=function(a){return a.replace(A,"\\$&")};f.event={add:function(a,c,d,e){if(a.nodeType!==3&&a.nodeType!==8){if(d===!1)d=C;else if(!d)return;var g,h;d.handler&&(g=d,d=g.handler),d.guid||(d.guid=f.guid++);var i=f._data(a);if(!i)return;var j=i.events,k=i.handle;j||(i.events=j={}),k||(i.handle=k=function(a){return typeof f!="undefined"&&(!a||f.event.triggered!==a.type)?f.event.handle.apply(k.elem,arguments):b}),k.elem=a,c=c.split(" ");var l,m=0,n;while(l=c[m++]){h=g?f.extend({},g):{handler:d,data:e},l.indexOf(".")>-1?(n=l.split("."),l=n.shift(),h.namespace=n.slice(0).sort().join(".")):(n=[],h.namespace=""),h.type=l,h.guid||(h.guid=d.guid);var o=j[l],p=f.event.special[l]||{};if(!o){o=j[l]=[];if(!p.setup||p.setup.call(a,e,n,k)===!1)a.addEventListener?a.addEventListener(l,k,!1):a.attachEvent&&a.attachEvent("on"+l,k)}p.add&&(p.add.call(a,h),h.handler.guid||(h.handler.guid=d.guid)),o.push(h),f.event.global[l]=!0}a=null}},global:{},remove:function(a,c,d,e){if(a.nodeType!==3&&a.nodeType!==8){d===!1&&(d=C);var g,h,i,j,k=0,l,m,n,o,p,q,r,s=f.hasData(a)&&f._data(a),t=s&&s.events;if(!s||!t)return;c&&c.type&&(d=c.handler,c=c.type);if(!c||typeof c=="string"&&c.charAt(0)==="."){c=c||"";for(h in t)f.event.remove(a,h+c);return}c=c.split(" ");while(h=c[k++]){r=h,q=null,l=h.indexOf(".")<0,m=[],l||(m=h.split("."),h=m.shift(),n=new RegExp("(^|\\.)"+f.map(m.slice(0).sort(),B).join("\\.(?:.*\\.)?")+"(\\.|$)")),p=t[h];if(!p)continue;if(!d){for(j=0;j<p.length;j++){q=p[j];if(l||n.test(q.namespace))f.event.remove(a,r,q.handler,j),p.splice(j--,1)}continue}o=f.event.special[h]||{};for(j=e||0;j<p.length;j++){q=p[j];if(d.guid===q.guid){if(l||n.test(q.namespace))e==null&&p.splice(j--,1),o.remove&&o.remove.call(a,q);if(e!=null)break}}if(p.length===0||e!=null&&p.length===1)(!o.teardown||o.teardown.call(a,m)===!1)&&f.removeEvent(a,h,s.handle),g=null,delete 
+t[h]}if(f.isEmptyObject(t)){var u=s.handle;u&&(u.elem=null),delete s.events,delete s.handle,f.isEmptyObject(s)&&f.removeData(a,b,!0)}}},customEvent:{getData:!0,setData:!0,changeData:!0},trigger:function(c,d,e,g){var h=c.type||c,i=[],j;h.indexOf("!")>=0&&(h=h.slice(0,-1),j=!0),h.indexOf(".")>=0&&(i=h.split("."),h=i.shift(),i.sort());if(!!e&&!f.event.customEvent[h]||!!f.event.global[h]){c=typeof c=="object"?c[f.expando]?c:new f.Event(h,c):new f.Event(h),c.type=h,c.exclusive=j,c.namespace=i.join("."),c.namespace_re=new RegExp("(^|\\.)"+i.join("\\.(?:.*\\.)?")+"(\\.|$)");if(g||!e)c.preventDefault(),c.stopPropagation();if(!e){f.each(f.cache,function(){var a=f.expando,b=this[a];b&&b.events&&b.events[h]&&f.event.trigger(c,d,b.handle.elem)});return}if(e.nodeType===3||e.nodeType===8)return;c.result=b,c.target=e,d=d!=null?f.makeArray(d):[],d.unshift(c);var k=e,l=h.indexOf(":")<0?"on"+h:"";do{var m=f._data(k,"handle");c.currentTarget=k,m&&m.apply(k,d),l&&f.acceptData(k)&&k[l]&&k[l].apply(k,d)===!1&&(c.result=!1,c.preventDefault()),k=k.parentNode||k.ownerDocument||k===c.target.ownerDocument&&a}while(k&&!c.isPropagationStopped());if(!c.isDefaultPrevented()){var n,o=f.event.special[h]||{};if((!o._default||o._default.call(e.ownerDocument,c)===!1)&&(h!=="click"||!f.nodeName(e,"a"))&&f.acceptData(e)){try{l&&e[h]&&(n=e[l],n&&(e[l]=null),f.event.triggered=h,e[h]())}catch(p){}n&&(e[l]=n),f.event.triggered=b}}return c.result}},handle:function(c){c=f.event.fix(c||a.event);var d=((f._data(this,"events")||{})[c.type]||[]).slice(0),e=!c.exclusive&&!c.namespace,g=Array.prototype.slice.call(arguments,0);g[0]=c,c.currentTarget=this;for(var h=0,i=d.length;h<i;h++){var j=d[h];if(e||c.namespace_re.test(j.namespace)){c.handler=j.handler,c.data=j.data,c.handleObj=j;var k=j.handler.apply(this,g);k!==b&&(c.result=k,k===!1&&(c.preventDefault(),c.stopPropagation()));if(c.isImmediatePropagationStopped())break}}return c.result},props:"altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),fix:function(a){if(a[f.expando])return a;var d=a;a=f.Event(d);for(var e=this.props.length,g;e;)g=this.props[--e],a[g]=d[g];a.target||(a.target=a.srcElement||c),a.target.nodeType===3&&(a.target=a.target.parentNode),!a.relatedTarget&&a.fromElement&&(a.relatedTarget=a.fromElement===a.target?a.toElement:a.fromElement);if(a.pageX==null&&a.clientX!=null){var h=a.target.ownerDocument||c,i=h.documentElement,j=h.body;a.pageX=a.clientX+(i&&i.scrollLeft||j&&j.scrollLeft||0)-(i&&i.clientLeft||j&&j.clientLeft||0),a.pageY=a.clientY+(i&&i.scrollTop||j&&j.scrollTop||0)-(i&&i.clientTop||j&&j.clientTop||0)}a.which==null&&(a.charCode!=null||a.keyCode!=null)&&(a.which=a.charCode!=null?a.charCode:a.keyCode),!a.metaKey&&a.ctrlKey&&(a.metaKey=a.ctrlKey),!a.which&&a.button!==b&&(a.which=a.button&1?1:a.button&2?3:a.button&4?2:0);return a},guid:1e8,proxy:f.proxy,special:{ready:{setup:f.bindReady,teardown:f.noop},live:{add:function(a){f.event.add(this,M(a.origType,a.selector),f.extend({},a,{handler:L,guid:a.handler.guid}))},remove:function(a){f.event.remove(this,M(a.origType,a.selector),a)}},beforeunload:{setup:function(a,b,c){f.isWindow(this)&&(this.onbeforeunload=c)},teardown:function(a,b){this.onbeforeunload===b&&(this.onbeforeunload=null)}}}},f.removeEvent=c.removeEventListener?function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)}:function(a,b,c){a.detachEvent&&a.detachEvent("on"+b,c)},f.Event=function(a,b){if(!this.preventDefault)return new f.Event(a,b);a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||a.returnValue===!1||a.getPreventDefault&&a.getPreventDefault()?D:C):this.type=a,b&&f.extend(this,b),this.timeStamp=f.now(),this[f.expando]=!0},f.Event.prototype={preventDefault:function(){this.isDefaultPrevented=D;var a=this.originalEvent;!a||(a.preventDefault?a.preventDefault():a.returnValue=!1)},stopPropagation:function(){this.isPropagationStopped=D;var a=this.originalEvent;!a||(a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=D,this.stopPropagation()},isDefaultPrevented:C,isPropagationStopped:C,isImmediatePropagationStopped:C};var E=function(a){var b=a.relatedTarget,c=!1,d=a.type;a.type=a.data,b!==this&&(b&&(c=f.contains(this,b)),c||(f.event.handle.apply(this,arguments),a.type=d))},F=function(a){a.type=a.data,f.event.handle.apply(this,arguments)};f.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){f.event.special[a]={setup:function(c){f.event.add(this,b,c&&c.selector?F:E,a)},teardown:function(a){f.event.remove(this,b,a&&a.selector?F:E)}}}),f.support.submitBubbles||(f.event.special.submit={setup:function(a,b){if(!f.nodeName(this,"form"))f.event.add(this,"click.specialSubmit",function(a){var b=a.target,c=f.nodeName(b,"input")||f.nodeName(b,"button")?b.type:"";(c==="submit"||c==="image")&&f(b).closest("form").length&&J("submit",this,arguments)}),f.event.add(this,"keypress.specialSubmit",function(a){var b=a.target,c=f.nodeName(b,"input")||f.nodeName(b,"button")?b.type:"";(c==="text"||c==="password")&&f(b).closest("form").length&&a.keyCode===13&&J("submit",this,arguments)});else return!1},teardown:function(a){f.event.remove(this,".specialSubmit")}});if(!f.support.changeBubbles){var G,H=function(a){var b=f.nodeName(a,"input")?a.type:"",c=a.value;b==="radio"||b==="checkbox"?c=a.checked:b==="select-multiple"?c=a.selectedIndex>-1?f.map(a.options,function(a){return a.selected}).join("-"):"":f.nodeName(a,"select")&&(c=a.selectedIndex);return c},I=function(c){var d=c.target,e,g;if(!!x.test(d.nodeName)&&!d.readOnly){e=f._data(d,"_change_data"),g=H(d),(c.type!=="focusout"||d.type!=="radio")&&f._data(d,"_change_data",g);if(e===b||g===e)return;if(e!=null||g)c.type="change",c.liveFired=b,f.event.trigger(c,arguments[1],d)}};f.event.special.change={filters:{focusout:I,beforedeactivate:I,click:function(a){var b=a.target,c=f.nodeName(b,"input")?b.type:"";(c==="radio"||c==="checkbox"||f.nodeName(b,"select"))&&I.call(this,a)},keydown:function(a){var b=a.target,c=f.nodeName(b,"input")?b.type:"";(a.keyCode===13&&!f.nodeName(b,"textarea")||a.keyCode===32&&(c==="checkbox"||c==="radio")||c==="select-multiple")&&I.call(this,a)},beforeactivate:function(a){var b=a.target;f._data(b,"_change_data",H(b))}},setup:function(a,b){if(this.type==="file")return!1;for(var c in G)f.event.add(this,c+".specialChange",G[c]);return x.test(this.nodeName)},teardown:function(a){f.event.remove(this,".specialChange");return x.test(this.nodeName)}},G=f.event.special.change.filters,G.focus=G.beforeactivate}f.support.focusinBubbles||f.each({focus:"focusin",blur:"focusout"},function(a,b){function e(a){var c=f.event.fix(a);c.type=b,c.originalEvent={},f.event.trigger(c,null,c.target),c.isDefaultPrevented()&&a.preventDefault()}var d=0;f.event.special[b]={setup:function(){d++===0&&c.addEventListener(a,e,!0)},teardown:function(){--d===0&&c.removeEventListener(a,e,!0)}}}),f.each(["bind","one"],function(a,c){f.fn[c]=function(a,d,e){var g;if(typeof a=="object"){for(var h in a)this[c](h,d,a[h],e);return this}if(arguments.length===2||d===!1)e=d,d=b;c==="one"?(g=function(a){f(this).unbind(a,g);return e.apply(this,arguments)},g.guid=e.guid||f.guid++):g=e;if(a==="unload"&&c!=="one")this.one(a,d,e);else for(var i=0,j=this.length;i<j;i++)f.event.add(this[i],a,g,d);return this}}),f.fn.extend({unbind:function(a,b){if(typeof a=="object"&&!a.preventDefault)for(var c in a)this.unbind(c,a[c]);else for(var d=0,e=this.length;d<e;d++)f.event.remove(this[d],a,b);return this},delegate:function(a,b,c,d){return this.live(b,c,d,a)},undelegate:function(a,b,c){return arguments.length===0?this.unbind("live"):this.die(b,null,c,a)},trigger:function(a,b){return this.each(function(){f.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0])return f.event.trigger(a,b,this[0],!0)},toggle:function(a){var b=arguments,c=a.guid||f.guid++,d=0,e=function(c){var e=(f.data(this,"lastToggle"+a.guid)||0)%d;f.data(this,"lastToggle"+a.guid,e+1),c.preventDefault();return b[e].apply(this,arguments)||!1};e.guid=c;while(d<b.length)b[d++].guid=c;return this.click(e)},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}});var K={focus:"focusin",blur:"focusout",mouseenter:"mouseover",mouseleave:"mouseout"};f.each(["live","die"],function(a,c){f.fn[c]=function(a,d,e,g){var h,i=0,j,k,l,m=g||this.selector,n=g?this:f(this.context);if(typeof a=="object"&&!a.preventDefault){for(var o in a)n[c](o,d,a[o],m);return this}if(c==="die"&&!a&&g&&g.charAt(0)==="."){n.unbind(g);return this}if(d===!1||f.isFunction(d))e=d||C,d=b;a=(a||"").split(" ");while((h=a[i++])!=null){j=w.exec(h),k="",j&&(k=j[0],h=h.replace(w,""));if(h==="hover"){a.push("mouseenter"+k,"mouseleave"+k);continue}l=h,K[h]?(a.push(K[h]+k),h=h+k):h=(K[h]||h)+k;if(c==="live")for(var p=0,q=n.length;p<q;p++)f.event.add(n[p],"live."+M(h,m),{data:d,selector:m,handler:e,origType:h,origHandler:e,preType:l});else n.unbind("live."+M(h,m),e)}return this}}),f.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error".split(" "),function(a,b){f.fn[b]=function(a,c){c==null&&(c=a,a=null);return arguments.length>0?this.bind(b,a,c):this.trigger(b)},f.attrFn&&(f.attrFn[b]=!0)}),function(){function u(a,b,c,d,e,f){for(var g=0,h=d.length;g<h;g++){var i=d[g];if(i){var j=!1;i=i[a];while(i){if(i.sizcache===c){j=d[i.sizset];break}if(i.nodeType===1){f||(i.sizcache=c,i.sizset=g);if(typeof b!="string"){if(i===b){j=!0;break}}else if(k.filter(b,[i]).length>0){j=i;break}}i=i[a]}d[g]=j}}}function t(a,b,c,d,e,f){for(var g=0,h=d.length;g<h;g++){var i=d[g];if(i){var j=!1;i=i[a];while(i){if(i.sizcache===c){j=d[i.sizset];break}i.nodeType===1&&!f&&(i.sizcache=c,i.sizset=g);if(i.nodeName.toLowerCase()===b){j=i;break}i=i[a]}d[g]=j}}}var a=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,d=0,e=Object.prototype.toString,g=!1,h=!0,i=/\\/g,j=/\W/;[0,0].sort(function(){h=!1;return 0});var k=function(b,d,f,g){f=f||[],d=d||c;var h=d;if(d.nodeType!==1&&d.nodeType!==9)return[];if(!b||typeof b!="string")return f;var i,j,n,o,q,r,s,t,u=!0,w=k.isXML(d),x=[],y=b;do{a.exec(""),i=a.exec(y);if(i){y=i[3],x.push(i[1]);if(i[2]){o=i[3];break}}}while(i);if(x.length>1&&m.exec(b))if(x.length===2&&l.relative[x[0]])j=v(x[0]+x[1],d);else{j=l.relative[x[0]]?[d]:k(x.shift(),d);while(x.length)b=x.shift(),l.relative[b]&&(b+=x.shift()),j=v(b,j)}else{!g&&x.length>1&&d.nodeType===9&&!w&&l.match.ID.test(x[0])&&!l.match.ID.test(x[x.length-1])&&(q=k.find(x.shift(),d,w),d=q.expr?k.filter(q.expr,q.set)[0]:q.set[0]);if(d){q=g?{expr:x.pop(),set:p(g)}:k.find(x.pop(),x.length===1&&(x[0]==="~"||x[0]==="+")&&d.parentNode?d.parentNode:d,w),j=q.expr?k.filter(q.expr,q.set):q.set,x.length>0?n=p(j):u=!1;while(x.length)r=x.pop(),s=r,l.relative[r]?s=x.pop():r="",s==null&&(s=d),l.relative[r](n,s,w)}else n=x=[]}n||(n=j),n||k.error(r||b);if(e.call(n)==="[object Array]")if(!u)f.push.apply(f,n);else if(d&&d.nodeType===1)for(t=0;n[t]!=null;t++)n[t]&&(n[t]===!0||n[t].nodeType===1&&k.contains(d,n[t]))&&f.push(j[t]);else for(t=0;n[t]!=null;t++)n[t]&&n[t].nodeType===1&&f.push(j[t]);else p(n,f);o&&(k(o,h,f,g),k.uniqueSort(f));return f};k.uniqueSort=function(a){if(r){g=h,a.sort(r);if(g)for(var b=1;b<a.length;b++)a[b]===a[b-1]&&a.splice(b--,1)}return a},k.matches=function(a,b){return k(a,null,null,b)},k.matchesSelector=function(a,b){return k(b,null,null,[a]).length>0},k.find=function(a,b,c){var d;if(!a)return[];for(var e=0,f=l.order.length;e<f;e++){var g,h=l.order[e];if(g=l.leftMatch[h].exec(a)){var j=g[1];g.splice(1,1);if(j.substr(j.length-1)!=="\\"){g[1]=(g[1]||"").replace(i,""),d=l.find[h](g,b,c);if(d!=null){a=a.replace(l.match[h],"");break}}}}d||(d=typeof b.getElementsByTagName!="undefined"?b.getElementsByTagName("*"):[]);return{set:d,expr:a}},k.filter=function(a,c,d,e){var f,g,h=a,i=[],j=c,m=c&&c[0]&&k.isXML(c[0]);while(a&&c.length){for(var n in l.filter)if((f=l.leftMatch[n].exec(a))!=null&&f[2]){var o,p,q=l.filter[n],r=f[1];g=!1,f.splice(1,1);if(r.substr(r.length-1)==="\\")continue;j===i&&(i=[]);if(l.preFilter[n]){f=l.preFilter[n](f,j,d,i,e,m);if(!f)g=o=!0;else if(f===!0)continue}if(f)for(var s=0;(p=j[s])!=null;s++)if(p){o=q(p,f,s,j);var t=e^!!o;d&&o!=null?t?g=!0:j[s]=!1:t&&(i.push(p),g=!0)}if(o!==b){d||(j=i),a=a.replace(l.match[n],"");if(!g)return[];break}}if(a===h)if(g==null)k.error(a);else break;h=a}return j},k.error=function(a){throw"Syntax error, unrecognized expression: "+a};var l=k.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(a){return a.getAttribute("href")},type:function(a){return a.getAttribute("type")}},relative:{"+":function(a,b){var c=typeof b=="string",d=c&&!j.test(b),e=c&&!d;d&&(b=b.toLowerCase());for(var f=0,g=a.length,h;f<g;f++)if(h=a[f]){while((h=h.previousSibling)&&h.nodeType!==1);a[f]=e||h&&h.nodeName.toLowerCase()===b?h||!1:h===b}e&&k.filter(b,a,!0)},">":function(a,b){var c,d=typeof b=="string",e=0,f=a.length;if(d&&!j.test(b)){b=b.toLowerCase();for(;e<f;e++){c=a[e];if(c){var g=c.parentNode;a[e]=g.nodeName.toLowerCase()===b?g:!1}}}else{for(;e<f;e++)c=a[e],c&&(a[e]=d?c.parentNode:c.parentNode===b);d&&k.filter(b,a,!0)}},"":function(a,b,c){var e,f=d++,g=u;typeof b=="string"&&!j.test(b)&&(b=b.toLowerCase(),e=b,g=t),g("parentNode",b,f,a,e,c)},"~":function(a,b,c){var e,f=d++,g=u;typeof b=="string"&&!j.test(b)&&(b=b.toLowerCase(),e=b,g=t),g("previousSibling",b,f,a,e,c)}},find:{ID:function(a,b,c){if(typeof b.getElementById!="undefined"&&!c){var d=b.getElementById(a[1]);return d&&d.parentNode?[d]:[]}},NAME:function(a,b){if(typeof b.getElementsByName!="undefined"){var c=[],d=b.getElementsByName(a[1]);for(var e=0,f=d.length;e<f;e++)d[e].getAttribute("name")===a[1]&&c.push(d[e]);return c.length===0?null:c}},TAG:function(a,b){if(typeof b.getElementsByTagName!="undefined")return b.getElementsByTagName(a[1])}},preFilter:{CLASS:function(a,b,c,d,e,f){a=" "+a[1].replace(i,"")+" ";if(f)return a;for(var g=0,h;(h=b[g])!=null;g++)h&&(e^(h.className&&(" "+h.className+" ").replace(/[\t\n\r]/g," ").indexOf(a)>=0)?c||d.push(h):c&&(b[g]=!1));return!1},ID:function(a){return a[1].replace(i,"")},TAG:function(a,b){return a[1].replace(i,"").toLowerCase()},CHILD:function(a){if(a[1]==="nth"){a[2]||k.error(a[0]),a[2]=a[2].replace(/^\+|\s*/g,"");var b=/(-?)(\d*)(?:n([+\-]?\d*))?/.exec(a[2]==="even"&&"2n"||a[2]==="odd"&&"2n+1"||!/\D/.test(a[2])&&"0n+"+a[2]||a[2]);a[2]=b[1]+(b[2]||1)-0,a[3]=b[3]-0}else a[2]&&k.error(a[0]);a[0]=d++;return a},ATTR:function(a,b,c,d,e,f){var g=a[1]=a[1].replace(i,"");!f&&l.attrMap[g]&&(a[1]=l.attrMap[g]),a[4]=(a[4]||a[5]||"").replace(i,""),a[2]==="~="&&(a[4]=" "+a[4]+" ");return a},PSEUDO:function(b,c,d,e,f){if(b[1]==="not")if((a.exec(b[3])||"").length>1||/^\w/.test(b[3]))b[3]=k(b[3],null,null,c);else{var g=k.filter(b[3],c,d,!0^f);d||e.push.apply(e,g);return!1}else if(l.match.POS.test(b[0])||l.match.CHILD.test(b[0]))return!0;return b},POS:function(a){a.unshift(!0);return a}},filters:{enabled:function(a){return a.disabled===!1&&a.type!=="hidden"},disabled:function(a){return a.disabled===!0},checked:function(a){return a.checked===!0},selected:function(a){a.parentNode&&a.parentNode.selectedIndex;return a.selected===!0},parent:function(a){return!!a.firstChild},empty:function(a){return!a.firstChild},has:function(a,b,c){return!!k(c[3],a).length},header:function(a){return/h\d/i.test(a.nodeName)},text:function(a){var b=a.getAttribute("type"),c=a.type;return a.nodeName.toLowerCase()==="input"&&"text"===c&&(b===c||b===null)},radio:function(a){return a.nodeName.toLowerCase()==="input"&&"radio"===a.type},checkbox:function(a){return a.nodeName.toLowerCase()==="input"&&"checkbox"===a.type},file:function(a){return a.nodeName.toLowerCase()==="input"&&"file"===a.type},password:function(a){return a.nodeName.toLowerCase()==="input"&&"password"===a.type},submit:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"submit"===a.type},image:function(a){return a.nodeName.toLowerCase()==="input"&&"image"===a.type},reset:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"reset"===a.type},button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&"button"===a.type||b==="button"},input:function(a){return/input|select|textarea|button/i.test(a.nodeName)},focus:function(a){return a===a.ownerDocument.activeElement}},setFilters:{first:function(a,b){return b===0},last:function(a,b,c,d){return b===d.length-1},even:function(a,b){return b%2===0},odd:function(a,b){return b%2===1},lt:function(a,b,c){return b<c[3]-0},gt:function(a,b,c){return b>c[3]-0},nth:function(a,b,c){return c[3]-0===b},eq:function(a,b,c){return c[3]-0===b}},filter:{PSEUDO:function(a,b,c,d){var e=b[1],f=l.filters[e];if(f)return f(a,c,b,d);if(e==="contains")return(a.textContent||a.innerText||k.getText([a])||"").indexOf(b[3])>=0;if(e==="not"){var g=b[3];for(var h=0,i=g.length;h<i;h++)if(g[h]===a)return!1;return!0}k.error(e)},CHILD:function(a,b){var c=b[1],d=a;switch(c){case"only":case"first":while(d=d.previousSibling)if(d.nodeType===1)return!1;if(c==="first")return!0;d=a;case"last":while(d=d.nextSibling)if(d.nodeType===1)return!1;return!0;case"nth":var e=b[2],f=b[3];if(e===1&&f===0)return!0;var g=b[0],h=a.parentNode;if(h&&(h.sizcache!==g||!a.nodeIndex)){var i=0;for(d=h.firstChild;d;d=d.nextSibling)d.nodeType===1&&(d.nodeIndex=++i);h.sizcache=g}var j=a.nodeIndex-f;return e===0?j===0:j%e===0&&j/e>=0}},ID:function(a,b){return a.nodeType===1&&a.getAttribute("id")===b},TAG:function(a,b){return b==="*"&&a.nodeType===1||a.nodeName.toLowerCase()===b},CLASS:function(a,b){return(" "+(a.className||a.getAttribute("class"))+" ").indexOf(b)>-1},ATTR:function(a,b){var c=b[1],d=l.attrHandle[c]?l.attrHandle[c](a):a[c]!=null?a[c]:a.getAttribute(c),e=d+"",f=b[2],g=b[4];return d==null?f==="!=":f==="="?e===g:f==="*="?e.indexOf(g)>=0:f==="~="?(" "+e+" ").indexOf(g)>=0:g?f==="!="?e!==g:f==="^="?e.indexOf(g)===0:f==="$="?e.substr(e.length-g.length)===g:f==="|="?e===g||e.substr(0,g.length+1)===g+"-":!1:e&&d!==!1},POS:function(a,b,c,d){var e=b[2],f=l.setFilters[e];if(f)return f(a,c,b,d)}}},m=l.match.POS,n=function(a,b){return"\\"+(b-0+1)};for(var o in l.match)l.match[o]=new RegExp(l.match[o].source+/(?![^\[]*\])(?![^\(]*\))/.source),l.leftMatch[o]=new RegExp(/(^(?:.|\r|\n)*?)/.source+l.match[o].source.replace(/\\(\d+)/g,n));var p=function(a,b){a=Array.prototype.slice.call(a,0);if(b){b.push.apply(b,a);return b}return a};try{Array.prototype.slice.call(c.documentElement.childNodes,0)[0].nodeType}catch(q){p=function(a,b){var c=0,d=b||[];if(e.call(a)==="[object Array]")Array.prototype.push.apply(d,a);else if(typeof a.length=="number")for(var f=a.length;c<f;c++)d.push(a[c]);else for(;a[c];c++)d.push(a[c]);return d}}var r,s;c.documentElement.compareDocumentPosition?r=function(a,b){if(a===b){g=!0;return 0}if(!a.compareDocumentPosition||!b.compareDocumentPosition)return a.compareDocumentPosition?-1:1;return a.compareDocumentPosition(b)&4?-1:1}:(r=function(a,b){if(a===b){g=!0;return 0}if(a.sourceIndex&&b.sourceIndex)return a.sourceIndex-b.sourceIndex;var c,d,e=[],f=[],h=a.parentNode,i=b.parentNode,j=h;if(h===i)return s(a,b);if(!h)return-1;if(!i)return 1;while(j)e.unshift(j),j=j.parentNode;j=i;while(j)f.unshift(j),j=j.parentNode;c=e.length,d=f.length;for(var k=0;k<c&&k<d;k++)if(e[k]!==f[k])return s(e[k],f[k]);return k===c?s(a,f[k],-1):s(e[k],b,1)},s=function(a,b,c){if(a===b)return c;var d=a.nextSibling;while(d){if(d===b)return-1;d=d.nextSibling}return 1}),k.getText=function(a){var b="",c;for(var d=0;a[d];d++)c=a[d],c.nodeType===3||c.nodeType===4?b+=c.nodeValue:c.nodeType!==8&&(b+=k.getText(c.childNodes));return b},function(){var a=c.createElement("div"),d="script"+(new Date).getTime(),e=c.documentElement;a.innerHTML="<a name='"+d+"'/>",e.insertBefore(a,e.firstChild),c.getElementById(d)&&(l.find.ID=function(a,c,d){if(typeof c.getElementById!="undefined"&&!d){var e=c.getElementById(a[1]);return e?e.id===a[1]||typeof e.getAttributeNode!="undefined"&&e.getAttributeNode("id").nodeValue===a[1]?[e]:b:[]}},l.filter.ID=function(a,b){var c=typeof a.getAttributeNode!="undefined"&&a.getAttributeNode("id");return a.nodeType===1&&c&&c.nodeValue===b}),e.removeChild(a),e=a=null}(),function(){var a=c.createElement("div");a.appendChild(c.createComment("")),a.getElementsByTagName("*").length>0&&(l.find.TAG=function(a,b){var c=b.getElementsByTagName(a[1]);if(a[1]==="*"){var d=[];for(var e=0;c[e];e++)c[e].nodeType===1&&d.push(c[e]);c=d}return c}),a.innerHTML="<a href='#'></a>",a.firstChild&&typeof a.firstChild.getAttribute!="undefined"&&a.firstChild.getAttribute("href")!=="#"&&(l.attrHandle.href=function(a){return a.getAttribute("href",2)}),a=null}(),c.querySelectorAll&&function(){var a=k,b=c.createElement("div"),d="__sizzle__";b.innerHTML="<p class='TEST'></p>";if(!b.querySelectorAll||b.querySelectorAll(".TEST").length!==0){k=function(b,e,f,g){e=e||c;if(!g&&!k.isXML(e)){var h=/^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec(b);if(h&&(e.nodeType===1||e.nodeType===9)){if(h[1])return p(e.getElementsByTagName(b),f);if(h[2]&&l.find.CLASS&&e.getElementsByClassName)return p(e.getElementsByClassName(h[2]),f)}if(e.nodeType===9){if(b==="body"&&e.body)return p([e.body],f);if(h&&h[3]){var i=e.getElementById(h[3]);if(!i||!i.parentNode)return p([],f);if(i.id===h[3])return p([i],f)}try{return p(e.querySelectorAll(b),f)}catch(j){}}else if(e.nodeType===1&&e.nodeName.toLowerCase()!=="object"){var m=e,n=e.getAttribute("id"),o=n||d,q=e.parentNode,r=/^\s*[+~]/.test(b);n?o=o.replace(/'/g,"\\$&"):e.setAttribute("id",o),r&&q&&(e=e.parentNode);try{if(!r||q)return p(e.querySelectorAll("[id='"+o+"'] "+b),f)}catch(s){}finally{n||m.removeAttribute("id")}}}return a(b,e,f,g)};for(var e in a)k[e]=a[e];b=null}}(),function(){var a=c.documentElement,b=a.matchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||a.msMatchesSelector;if(b){var d=!b.call(c.createElement("div"),"div"),e=!1;try{b.call(c.documentElement,"[test!='']:sizzle")}catch(f){e=!0}k.matchesSelector=function(a,c){c=c.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!k.isXML(a))try{if(e||!l.match.PSEUDO.test(c)&&!/!=/.test(c)){var f=b.call(a,c);if(f||!d||a.document&&a.document.nodeType!==11)return f}}catch(g){}return k(c,null,null,[a]).length>0}}}(),function(){var a=c.createElement("div");a.innerHTML="<div class='test e'></div><div class='test'></div>";if(!!a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;l.order.splice(1,0,"CLASS"),l.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?k.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?k.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:k.contains=function(){return!1},k.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var v=function(a,b){var c,d=[],e="",f=b.nodeType?[b]:b;while(c=l.match.PSEUDO.exec(a))e+=c[0],a=a.replace(l.match.PSEUDO,"");a=l.relative[a]?a+"*":a;for(var g=0,h=f.length;g<h;g++)k(a,f[g],d);return k.filter(e,d)};f.find=k,f.expr=k.selectors,f.expr[":"]=f.expr.filters,f.unique=k.uniqueSort,f.text=k.getText,f.isXMLDoc=k.isXML,f.contains=k.contains}();var N=/Until$/,O=/^(?:parents|prevUntil|prevAll)/,P=/,/,Q=/^.[^:#\[\.,]*$/,R=Array.prototype.slice,S=f.expr.match.POS,T={children:!0,contents:!0,next:!0,prev:!0};f.fn.extend({find:function(a){var b=this,c,d;if(typeof a!="string")return f(a).filter(function(){for(c=0,d=b.length;c<d;c++)if(f.contains(b[c],this))return!0});var e=this.pushStack("","find",a),g,h,i;for(c=0,d=this.length;c<d;c++){g=e.length,f.find(a,this[c],e);if(c>0)for(h=g;h<e.length;h++)for(i=0;i<g;i++)if(e[i]===e[h]){e.splice(h--,1);break}}return e},has:function(a){var b=f(a);return this.filter(function(){for(var a=0,c=b.length;a<c;a++)if(f.contains(this,b[a]))return!0})},not:function(a){return this.pushStack(V(this,a,!1),"not",a)},filter:function(a){return this.pushStack(V(this,a,!0),"filter",a)},is:function(a){return!!a&&(typeof a=="string"?f.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){var c=[],d,e,g=this[0];if(f.isArray(a)){var h,i,j={},k=1;if(g&&a.length){for(d=0,e=a.length;d<e;d++)i=a[d],j[i]||(j[i]=S.test(i)?f(i,b||this.context):i);while(g&&g.ownerDocument&&g!==b){for(i in j)h=j[i],(h.jquery?h.index(g)>-1:f(g).is(h))&&c.push({selector:i,elem:g,level:k});g=g.parentNode,k++}}return c}var l=S.test(a)||typeof a!="string"?f(a,b||this.context):0;for(d=0,e=this.length;d<e;d++){g=this[d];while(g){if(l?l.index(g)>-1:f.find.matchesSelector(g,a)){c.push(g);break}g=g.parentNode;if(!g||!g.ownerDocument||g===b||g.nodeType===11)break}}c=c.length>1?f.unique(c):c;return this.pushStack(c,"closest",a)},index:function(a){if(!a)return this[0]&&this[0].parentNode?this.prevAll().length:-1;if(typeof a=="string")return f.inArray(this[0],f(a));return f.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var c=typeof a=="string"?f(a,b):f.makeArray(a&&a.nodeType?[a]:a),d=f.merge(this.get(),c);return this.pushStack(U(c[0])||U(d[0])?d:f.unique(d))},andSelf:function(){return this.add(this.prevObject)}}),f.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return f.dir(a,"parentNode")},parentsUntil:function(a,b,c){return f.dir(a,"parentNode",c)},next:function(a){return f.nth(a,2,"nextSibling")},prev:function(a){return f.nth(a,2,"previousSibling")},nextAll:function(a){return f.dir(a,"nextSibling")},prevAll:function(a){return f.dir(a,"previousSibling")},nextUntil:function(a,b,c){return f.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return f.dir(a,"previousSibling",c)},siblings:function(a){return f.sibling(a.parentNode.firstChild,a)},children:function(a){return f.sibling(a.firstChild)},contents:function(a){return f.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:f.makeArray(a.childNodes)}},function(a,b){f.fn[a]=function(c,d){var e=f.map(this,b,c),g=R.call(arguments);N.test(a)||(d=c),d&&typeof d=="string"&&(e=f.filter(d,e)),e=this.length>1&&!T[a]?f.unique(e):e,(this.length>1||P.test(d))&&O.test(a)&&(e=e.reverse());return this.pushStack(e,a,g.join(","))}}),f.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?f.find.matchesSelector(b[0],a)?[b[0]]:[]:f.find.matches(a,b)},dir:function(a,c,d){var e=[],g=a[c];while(g&&g.nodeType!==9&&(d===b||g.nodeType!==1||!f(g).is(d)))g.nodeType===1&&e.push(g),g=g[c];return e},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var W=/ jQuery\d+="(?:\d+|null)"/g,X=/^\s+/,Y=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Z=/<([\w:]+)/,$=/<tbody/i,_=/<|&#?\w+;/,ba=/<(?:script|object|embed|option|style)/i,bb=/checked\s*(?:[^=]|=\s*.checked.)/i,bc=/\/(java|ecma)script/i,bd=/^\s*<!(?:\[CDATA\[|\-\-)/,be={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]};be.optgroup=be.option,be.tbody=be.tfoot=be.colgroup=be.caption=be.thead,be.th=be.td,f.support.htmlSerialize||(be._default=[1,"div<div>","</div>"]),f.fn.extend({text:function(a){if(f.isFunction(a))return this.each(function(b){var c=f(this);c.text(a.call(this,b,c.text()))});if(typeof a!="object"&&a!==b)return this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a));return f.text(this)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){f(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,f(arguments[0]).toArray());return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){if(a===b)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(W,""):null;if(typeof a=="string"&&!ba.test(a)&&(f.support.leadingWhitespace||!X.test(a))&&!be[(Z.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Y,"<$1></$2>");try{for(var c=0,d=this.length;c<d;c++)this[c].nodeType===1&&(f.cleanData(this[c].getElementsByTagName("*")),this[c].innerHTML=a)}catch(e){this.empty().append(a)}}else f.isFunction(a)?this.each(function(b){var c=f(this);c.html(a.call(this,b,c.html()))}):this.empty().append(a);return this},replaceWith:function(a){if(this[0]&&this[0].parentNode){if(f.isFunction(a))return this.each(function(b){var c=f(this),d=c.html();c.replaceWith(a.call(this,b,d))});typeof a!="string"&&(a=f(a).detach());return this.each(function(){var b=this.nextSibling,c=this.parentNode;f(this).remove(),b?f(b).before(a):f(c).append(a)})}return this.length?this.pushStack(f(f.isFunction(a)?a():a),"replaceWith",a):this},detach:function(a){return this.remove(a,!0)},domManip:function(a,c,d){var e,g,h,i,j=a[0],k=[];if(!f.support.checkClone&&arguments.length===3&&typeof j=="string"&&bb.test(j))return this.each(function(){f(this).domManip(a,c,d,!0)});if(f.isFunction(j))return this.each(function(e){var g=f(this);a[0]=j.call(this,e,c?g.html():b),g.domManip(a,c,d)});if(this[0]){i=j&&j.parentNode,f.support.parentNode&&i&&i.nodeType===11&&i.childNodes.length===this.length?e={fragment:i}:e=f.buildFragment(a,this,k),h=e.fragment,h.childNodes.length===1?g=h=h.firstChild:g=h.firstChild;if(g){c=c&&f.nodeName(g,"tr");for(var l=0,m=this.length,n=m-1;l<m;l++)d.call(c?bf(this[l],g):this[l],e.cacheable||m>1&&l<n?f.clone(h,!0,!0):h)}k.length&&f.each(k,bl)}return this}}),f.buildFragment=function(a,b,d){var e,g,h,i;b&&b[0]&&(i=b[0].ownerDocument||b[0]),i.createDocumentFragment||(i=c),a.length===1&&typeof a[0]=="string"&&a[0].length<512&&i===c&&a[0].charAt(0)==="<"&&!ba.test(a[0])&&(f.support.checkClone||!bb.test(a[0]))&&(g=!0,h=f.fragments[a[0]],h&&h!==1&&(e=h)),e||(e=i.createDocumentFragment(),f.clean
+(a,i,e,d)),g&&(f.fragments[a[0]]=h?e:1);return{fragment:e,cacheable:g}},f.fragments={},f.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){f.fn[a]=function(c){var d=[],e=f(c),g=this.length===1&&this[0].parentNode;if(g&&g.nodeType===11&&g.childNodes.length===1&&e.length===1){e[b](this[0]);return this}for(var h=0,i=e.length;h<i;h++){var j=(h>0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j)}return this.pushStack(d,a,e.selector)}}),f.extend({clone:function(a,b,c){var d=a.cloneNode(!0),e,g,h;if((!f.support.noCloneEvent||!f.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!f.isXMLDoc(a)){bh(a,d),e=bi(a),g=bi(d);for(h=0;e[h];++h)g[h]&&bh(e[h],g[h])}if(b){bg(a,d);if(c){e=bi(a),g=bi(d);for(h=0;e[h];++h)bg(e[h],g[h])}}e=g=null;return d},clean:function(a,b,d,e){var g;b=b||c,typeof b.createElement=="undefined"&&(b=b.ownerDocument||b[0]&&b[0].ownerDocument||c);var h=[],i;for(var j=0,k;(k=a[j])!=null;j++){typeof k=="number"&&(k+="");if(!k)continue;if(typeof k=="string")if(!_.test(k))k=b.createTextNode(k);else{k=k.replace(Y,"<$1></$2>");var l=(Z.exec(k)||["",""])[1].toLowerCase(),m=be[l]||be._default,n=m[0],o=b.createElement("div");o.innerHTML=m[1]+k+m[2];while(n--)o=o.lastChild;if(!f.support.tbody){var p=$.test(k),q=l==="table"&&!p?o.firstChild&&o.firstChild.childNodes:m[1]==="<table>"&&!p?o.childNodes:[];for(i=q.length-1;i>=0;--i)f.nodeName(q[i],"tbody")&&!q[i].childNodes.length&&q[i].parentNode.removeChild(q[i])}!f.support.leadingWhitespace&&X.test(k)&&o.insertBefore(b.createTextNode(X.exec(k)[0]),o.firstChild),k=o.childNodes}var r;if(!f.support.appendChecked)if(k[0]&&typeof (r=k.length)=="number")for(i=0;i<r;i++)bk(k[i]);else bk(k);k.nodeType?h.push(k):h=f.merge(h,k)}if(d){g=function(a){return!a.type||bc.test(a.type)};for(j=0;h[j];j++)if(e&&f.nodeName(h[j],"script")&&(!h[j].type||h[j].type.toLowerCase()==="text/javascript"))e.push(h[j].parentNode?h[j].parentNode.removeChild(h[j]):h[j]);else{if(h[j].nodeType===1){var s=f.grep(h[j].getElementsByTagName("script"),g);h.splice.apply(h,[j+1,0].concat(s))}d.appendChild(h[j])}}return h},cleanData:function(a){var b,c,d=f.cache,e=f.expando,g=f.event.special,h=f.support.deleteExpando;for(var i=0,j;(j=a[i])!=null;i++){if(j.nodeName&&f.noData[j.nodeName.toLowerCase()])continue;c=j[f.expando];if(c){b=d[c]&&d[c][e];if(b&&b.events){for(var k in b.events)g[k]?f.event.remove(j,k):f.removeEvent(j,k,b.handle);b.handle&&(b.handle.elem=null)}h?delete j[f.expando]:j.removeAttribute&&j.removeAttribute(f.expando),delete d[c]}}}});var bm=/alpha\([^)]*\)/i,bn=/opacity=([^)]*)/,bo=/([A-Z]|^ms)/g,bp=/^-?\d+(?:px)?$/i,bq=/^-?\d/,br=/^([\-+])=([\-+.\de]+)/,bs={position:"absolute",visibility:"hidden",display:"block"},bt=["Left","Right"],bu=["Top","Bottom"],bv,bw,bx;f.fn.css=function(a,c){if(arguments.length===2&&c===b)return this;return f.access(this,a,c,!0,function(a,c,d){return d!==b?f.style(a,c,d):f.css(a,c)})},f.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=bv(a,"opacity","opacity");return c===""?"1":c}return a.style.opacity}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":f.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,c,d,e){if(!!a&&a.nodeType!==3&&a.nodeType!==8&&!!a.style){var g,h,i=f.camelCase(c),j=a.style,k=f.cssHooks[i];c=f.cssProps[i]||i;if(d===b){if(k&&"get"in k&&(g=k.get(a,!1,e))!==b)return g;return j[c]}h=typeof d,h==="string"&&(g=br.exec(d))&&(d=+(g[1]+1)*+g[2]+parseFloat(f.css(a,c)),h="number");if(d==null||h==="number"&&isNaN(d))return;h==="number"&&!f.cssNumber[i]&&(d+="px");if(!k||!("set"in k)||(d=k.set(a,d))!==b)try{j[c]=d}catch(l){}}},css:function(a,c,d){var e,g;c=f.camelCase(c),g=f.cssHooks[c],c=f.cssProps[c]||c,c==="cssFloat"&&(c="float");if(g&&"get"in g&&(e=g.get(a,!0,d))!==b)return e;if(bv)return bv(a,c)},swap:function(a,b,c){var d={};for(var e in b)d[e]=a.style[e],a.style[e]=b[e];c.call(a);for(e in b)a.style[e]=d[e]}}),f.curCSS=f.css,f.each(["height","width"],function(a,b){f.cssHooks[b]={get:function(a,c,d){var e;if(c){if(a.offsetWidth!==0)return by(a,b,d);f.swap(a,bs,function(){e=by(a,b,d)});return e}},set:function(a,b){if(!bp.test(b))return b;b=parseFloat(b);if(b>=0)return b+"px"}}}),f.support.opacity||(f.cssHooks.opacity={get:function(a,b){return bn.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=f.isNaN(b)?"":"alpha(opacity="+b*100+")",g=d&&d.filter||c.filter||"";c.zoom=1;if(b>=1&&f.trim(g.replace(bm,""))===""){c.removeAttribute("filter");if(d&&!d.filter)return}c.filter=bm.test(g)?g.replace(bm,e):g+" "+e}}),f(function(){f.support.reliableMarginRight||(f.cssHooks.marginRight={get:function(a,b){var c;f.swap(a,{display:"inline-block"},function(){b?c=bv(a,"margin-right","marginRight"):c=a.style.marginRight});return c}})}),c.defaultView&&c.defaultView.getComputedStyle&&(bw=function(a,c){var d,e,g;c=c.replace(bo,"-$1").toLowerCase();if(!(e=a.ownerDocument.defaultView))return b;if(g=e.getComputedStyle(a,null))d=g.getPropertyValue(c),d===""&&!f.contains(a.ownerDocument.documentElement,a)&&(d=f.style(a,c));return d}),c.documentElement.currentStyle&&(bx=function(a,b){var c,d=a.currentStyle&&a.currentStyle[b],e=a.runtimeStyle&&a.runtimeStyle[b],f=a.style;!bp.test(d)&&bq.test(d)&&(c=f.left,e&&(a.runtimeStyle.left=a.currentStyle.left),f.left=b==="fontSize"?"1em":d||0,d=f.pixelLeft+"px",f.left=c,e&&(a.runtimeStyle.left=e));return d===""?"auto":d}),bv=bw||bx,f.expr&&f.expr.filters&&(f.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!f.support.reliableHiddenOffsets&&(a.style.display||f.css(a,"display"))==="none"},f.expr.filters.visible=function(a){return!f.expr.filters.hidden(a)});var bz=/%20/g,bA=/\[\]$/,bB=/\r?\n/g,bC=/#.*$/,bD=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,bE=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,bF=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,bG=/^(?:GET|HEAD)$/,bH=/^\/\//,bI=/\?/,bJ=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,bK=/^(?:select|textarea)/i,bL=/\s+/,bM=/([?&])_=[^&]*/,bN=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,bO=f.fn.load,bP={},bQ={},bR,bS,bT=["*/"]+["*"];try{bR=e.href}catch(bU){bR=c.createElement("a"),bR.href="",bR=bR.href}bS=bN.exec(bR.toLowerCase())||[],f.fn.extend({load:function(a,c,d){if(typeof a!="string"&&bO)return bO.apply(this,arguments);if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var g=a.slice(e,a.length);a=a.slice(0,e)}var h="GET";c&&(f.isFunction(c)?(d=c,c=b):typeof c=="object"&&(c=f.param(c,f.ajaxSettings.traditional),h="POST"));var i=this;f.ajax({url:a,type:h,dataType:"html",data:c,complete:function(a,b,c){c=a.responseText,a.isResolved()&&(a.done(function(a){c=a}),i.html(g?f("<div>").append(c.replace(bJ,"")).find(g):c)),d&&i.each(d,[c,b,a])}});return this},serialize:function(){return f.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?f.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bK.test(this.nodeName)||bE.test(this.type))}).map(function(a,b){var c=f(this).val();return c==null?null:f.isArray(c)?f.map(c,function(a,c){return{name:b.name,value:a.replace(bB,"\r\n")}}):{name:b.name,value:c.replace(bB,"\r\n")}}).get()}}),f.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){f.fn[b]=function(a){return this.bind(b,a)}}),f.each(["get","post"],function(a,c){f[c]=function(a,d,e,g){f.isFunction(d)&&(g=g||e,e=d,d=b);return f.ajax({type:c,url:a,data:d,success:e,dataType:g})}}),f.extend({getScript:function(a,c){return f.get(a,b,c,"script")},getJSON:function(a,b,c){return f.get(a,b,c,"json")},ajaxSetup:function(a,b){b?bX(a,f.ajaxSettings):(b=a,a=f.ajaxSettings),bX(a,b);return a},ajaxSettings:{url:bR,isLocal:bF.test(bS[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":bT},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":f.parseJSON,"text xml":f.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:bV(bP),ajaxTransport:bV(bQ),ajax:function(a,c){function w(a,c,l,m){if(s!==2){s=2,q&&clearTimeout(q),p=b,n=m||"",v.readyState=a>0?4:0;var o,r,u,w=c,x=l?bZ(d,v,l):b,y,z;if(a>=200&&a<300||a===304){if(d.ifModified){if(y=v.getResponseHeader("Last-Modified"))f.lastModified[k]=y;if(z=v.getResponseHeader("Etag"))f.etag[k]=z}if(a===304)w="notmodified",o=!0;else try{r=b$(d,x),w="success",o=!0}catch(A){w="parsererror",u=A}}else{u=w;if(!w||a)w="error",a<0&&(a=0)}v.status=a,v.statusText=""+(c||w),o?h.resolveWith(e,[r,w,v]):h.rejectWith(e,[v,w,u]),v.statusCode(j),j=b,t&&g.trigger("ajax"+(o?"Success":"Error"),[v,d,o?r:u]),i.resolveWith(e,[v,w]),t&&(g.trigger("ajaxComplete",[v,d]),--f.active||f.event.trigger("ajaxStop"))}}typeof a=="object"&&(c=a,a=b),c=c||{};var d=f.ajaxSetup({},c),e=d.context||d,g=e!==d&&(e.nodeType||e instanceof f)?f(e):f.event,h=f.Deferred(),i=f._Deferred(),j=d.statusCode||{},k,l={},m={},n,o,p,q,r,s=0,t,u,v={readyState:0,setRequestHeader:function(a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this},getAllResponseHeaders:function(){return s===2?n:null},getResponseHeader:function(a){var c;if(s===2){if(!o){o={};while(c=bD.exec(n))o[c[1].toLowerCase()]=c[2]}c=o[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){s||(d.mimeType=a);return this},abort:function(a){a=a||"abort",p&&p.abort(a),w(0,a);return this}};h.promise(v),v.success=v.done,v.error=v.fail,v.complete=i.done,v.statusCode=function(a){if(a){var b;if(s<2)for(b in a)j[b]=[j[b],a[b]];else b=a[v.status],v.then(b,b)}return this},d.url=((a||d.url)+"").replace(bC,"").replace(bH,bS[1]+"//"),d.dataTypes=f.trim(d.dataType||"*").toLowerCase().split(bL),d.crossDomain==null&&(r=bN.exec(d.url.toLowerCase()),d.crossDomain=!(!r||r[1]==bS[1]&&r[2]==bS[2]&&(r[3]||(r[1]==="http:"?80:443))==(bS[3]||(bS[1]==="http:"?80:443)))),d.data&&d.processData&&typeof d.data!="string"&&(d.data=f.param(d.data,d.traditional)),bW(bP,d,c,v);if(s===2)return!1;t=d.global,d.type=d.type.toUpperCase(),d.hasContent=!bG.test(d.type),t&&f.active++===0&&f.event.trigger("ajaxStart");if(!d.hasContent){d.data&&(d.url+=(bI.test(d.url)?"&":"?")+d.data,delete d.data),k=d.url;if(d.cache===!1){var x=f.now(),y=d.url.replace(bM,"$1_="+x);d.url=y+(y===d.url?(bI.test(d.url)?"&":"?")+"_="+x:"")}}(d.data&&d.hasContent&&d.contentType!==!1||c.contentType)&&v.setRequestHeader("Content-Type",d.contentType),d.ifModified&&(k=k||d.url,f.lastModified[k]&&v.setRequestHeader("If-Modified-Since",f.lastModified[k]),f.etag[k]&&v.setRequestHeader("If-None-Match",f.etag[k])),v.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+(d.dataTypes[0]!=="*"?", "+bT+"; q=0.01":""):d.accepts["*"]);for(u in d.headers)v.setRequestHeader(u,d.headers[u]);if(d.beforeSend&&(d.beforeSend.call(e,v,d)===!1||s===2)){v.abort();return!1}for(u in{success:1,error:1,complete:1})v[u](d[u]);p=bW(bQ,d,c,v);if(!p)w(-1,"No Transport");else{v.readyState=1,t&&g.trigger("ajaxSend",[v,d]),d.async&&d.timeout>0&&(q=setTimeout(function(){v.abort("timeout")},d.timeout));try{s=1,p.send(l,w)}catch(z){s<2?w(-1,z):f.error(z)}}return v},param:function(a,c){var d=[],e=function(a,b){b=f.isFunction(b)?b():b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=f.ajaxSettings.traditional);if(f.isArray(a)||a.jquery&&!f.isPlainObject(a))f.each(a,function(){e(this.name,this.value)});else for(var g in a)bY(g,a[g],c,e);return d.join("&").replace(bz,"+")}}),f.extend({active:0,lastModified:{},etag:{}});var b_=f.now(),ca=/(\=)\?(&|$)|\?\?/i;f.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return f.expando+"_"+b_++}}),f.ajaxPrefilter("json jsonp",function(b,c,d){var e=b.contentType==="application/x-www-form-urlencoded"&&typeof b.data=="string";if(b.dataTypes[0]==="jsonp"||b.jsonp!==!1&&(ca.test(b.url)||e&&ca.test(b.data))){var g,h=b.jsonpCallback=f.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2";b.jsonp!==!1&&(j=j.replace(ca,l),b.url===j&&(e&&(k=k.replace(ca,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},d.always(function(){a[h]=i,g&&f.isFunction(i)&&a[h](g[0])}),b.converters["script json"]=function(){g||f.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),f.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){f.globalEval(a);return a}}}),f.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),f.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(c||!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var cb=a.ActiveXObject?function(){for(var a in cd)cd[a](0,1)}:!1,cc=0,cd;f.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&ce()||cf()}:ce,function(a){f.extend(f.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(f.ajaxSettings.xhr()),f.support.ajax&&f.ajaxTransport(function(c){if(!c.crossDomain||f.support.cors){var d;return{send:function(e,g){var h=c.xhr(),i,j;c.username?h.open(c.type,c.url,c.async,c.username,c.password):h.open(c.type,c.url,c.async);if(c.xhrFields)for(j in c.xhrFields)h[j]=c.xhrFields[j];c.mimeType&&h.overrideMimeType&&h.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(j in e)h.setRequestHeader(j,e[j])}catch(k){}h.send(c.hasContent&&c.data||null),d=function(a,e){var j,k,l,m,n;try{if(d&&(e||h.readyState===4)){d=b,i&&(h.onreadystatechange=f.noop,cb&&delete cd[i]);if(e)h.readyState!==4&&h.abort();else{j=h.status,l=h.getAllResponseHeaders(),m={},n=h.responseXML,n&&n.documentElement&&(m.xml=n),m.text=h.responseText;try{k=h.statusText}catch(o){k=""}!j&&c.isLocal&&!c.crossDomain?j=m.text?200:404:j===1223&&(j=204)}}}catch(p){e||g(-1,p)}m&&g(j,k,m,l)},!c.async||h.readyState===4?d():(i=++cc,cb&&(cd||(cd={},f(a).unload(cb)),cd[i]=d),h.onreadystatechange=d)},abort:function(){d&&d(0,1)}}}});var cg={},ch,ci,cj=/^(?:toggle|show|hide)$/,ck=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,cl,cm=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]],cn;f.fn.extend({show:function(a,b,c){var d,e;if(a||a===0)return this.animate(cq("show",3),a,b,c);for(var g=0,h=this.length;g<h;g++)d=this[g],d.style&&(e=d.style.display,!f._data(d,"olddisplay")&&e==="none"&&(e=d.style.display=""),e===""&&f.css(d,"display")==="none"&&f._data(d,"olddisplay",cr(d.nodeName)));for(g=0;g<h;g++){d=this[g];if(d.style){e=d.style.display;if(e===""||e==="none")d.style.display=f._data(d,"olddisplay")||""}}return this},hide:function(a,b,c){if(a||a===0)return this.animate(cq("hide",3),a,b,c);for(var d=0,e=this.length;d<e;d++)if(this[d].style){var g=f.css(this[d],"display");g!=="none"&&!f._data(this[d],"olddisplay")&&f._data(this[d],"olddisplay",g)}for(d=0;d<e;d++)this[d].style&&(this[d].style.display="none");return this},_toggle:f.fn.toggle,toggle:function(a,b,c){var d=typeof a=="boolean";f.isFunction(a)&&f.isFunction(b)?this._toggle.apply(this,arguments):a==null||d?this.each(function(){var b=d?a:f(this).is(":hidden");f(this)[b?"show":"hide"]()}):this.animate(cq("toggle",3),a,b,c);return this},fadeTo:function(a,b,c,d){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=f.speed(b,c,d);if(f.isEmptyObject(a))return this.each(e.complete,[!1]);a=f.extend({},a);return this[e.queue===!1?"each":"queue"](function(){e.queue===!1&&f._mark(this);var b=f.extend({},e),c=this.nodeType===1,d=c&&f(this).is(":hidden"),g,h,i,j,k,l,m,n,o;b.animatedProperties={};for(i in a){g=f.camelCase(i),i!==g&&(a[g]=a[i],delete a[i]),h=a[g],f.isArray(h)?(b.animatedProperties[g]=h[1],h=a[g]=h[0]):b.animatedProperties[g]=b.specialEasing&&b.specialEasing[g]||b.easing||"swing";if(h==="hide"&&d||h==="show"&&!d)return b.complete.call(this);c&&(g==="height"||g==="width")&&(b.overflow=[this.style.overflow,this.style.overflowX,this.style.overflowY],f.css(this,"display")==="inline"&&f.css(this,"float")==="none"&&(f.support.inlineBlockNeedsLayout?(j=cr(this.nodeName),j==="inline"?this.style.display="inline-block":(this.style.display="inline",this.style.zoom=1)):this.style.display="inline-block"))}b.overflow!=null&&(this.style.overflow="hidden");for(i in a)k=new f.fx(this,b,i),h=a[i],cj.test(h)?k[h==="toggle"?d?"show":"hide":h]():(l=ck.exec(h),m=k.cur(),l?(n=parseFloat(l[2]),o=l[3]||(f.cssNumber[i]?"":"px"),o!=="px"&&(f.style(this,i,(n||1)+o),m=(n||1)/k.cur()*m,f.style(this,i,m+o)),l[1]&&(n=(l[1]==="-="?-1:1)*n+m),k.custom(m,n,o)):k.custom(m,h,""));return!0})},stop:function(a,b){a&&this.queue([]),this.each(function(){var a=f.timers,c=a.length;b||f._unmark(!0,this);while(c--)a[c].elem===this&&(b&&a[c](!0),a.splice(c,1))}),b||this.dequeue();return this}}),f.each({slideDown:cq("show",1),slideUp:cq("hide",1),slideToggle:cq("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){f.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),f.extend({speed:function(a,b,c){var d=a&&typeof a=="object"?f.extend({},a):{complete:c||!c&&b||f.isFunction(a)&&a,duration:a,easing:c&&b||b&&!f.isFunction(b)&&b};d.duration=f.fx.off?0:typeof d.duration=="number"?d.duration:d.duration in f.fx.speeds?f.fx.speeds[d.duration]:f.fx.speeds._default,d.old=d.complete,d.complete=function(a){f.isFunction(d.old)&&d.old.call(this),d.queue!==!1?f.dequeue(this):a!==!1&&f._unmark(this)};return d},easing:{linear:function(a,b,c,d){return c+d*a},swing:function(a,b,c,d){return(-Math.cos(a*Math.PI)/2+.5)*d+c}},timers:[],fx:function(a,b,c){this.options=b,this.elem=a,this.prop=c,b.orig=b.orig||{}}}),f.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this),(f.fx.step[this.prop]||f.fx.step._default)(this)},cur:function(){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];var a,b=f.css(this.elem,this.prop);return isNaN(a=parseFloat(b))?!b||b==="auto"?0:b:a},custom:function(a,b,c){function g(a){return d.step(a)}var d=this,e=f.fx;this.startTime=cn||co(),this.start=a,this.end=b,this.unit=c||this.unit||(f.cssNumber[this.prop]?"":"px"),this.now=this.start,this.pos=this.state=0,g.elem=this.elem,g()&&f.timers.push(g)&&!cl&&(cl=setInterval(e.tick,e.interval))},show:function(){this.options.orig[this.prop]=f.style(this.elem,this.prop),this.options.show=!0,this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur()),f(this.elem).show()},hide:function(){this.options.orig[this.prop]=f.style(this.elem,this.prop),this.options.hide=!0,this.custom(this.cur(),0)},step:function(a){var b=cn||co(),c=!0,d=this.elem,e=this.options,g,h;if(a||b>=e.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),e.animatedProperties[this.prop]=!0;for(g in e.animatedProperties)e.animatedProperties[g]!==!0&&(c=!1);if(c){e.overflow!=null&&!f.support.shrinkWrapBlocks&&f.each(["","X","Y"],function(a,b){d.style["overflow"+b]=e.overflow[a]}),e.hide&&f(d).hide();if(e.hide||e.show)for(var i in e.animatedProperties)f.style(d,i,e.orig[i]);e.complete.call(d)}return!1}e.duration==Infinity?this.now=b:(h=b-this.startTime,this.state=h/e.duration,this.pos=f.easing[e.animatedProperties[this.prop]](this.state,h,0,1,e.duration),this.now=this.start+(this.end-this.start)*this.pos),this.update();return!0}},f.extend(f.fx,{tick:function(){for(var a=f.timers,b=0;b<a.length;++b)a[b]()||a.splice(b--,1);a.length||f.fx.stop()},interval:13,stop:function(){clearInterval(cl),cl=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){f.style(a.elem,"opacity",a.now)},_default:function(a){a.elem.style&&a.elem.style[a.prop]!=null?a.elem.style[a.prop]=(a.prop==="width"||a.prop==="height"?Math.max(0,a.now):a.now)+a.unit:a.elem[a.prop]=a.now}}}),f.expr&&f.expr.filters&&(f.expr.filters.animated=function(a){return f.grep(f.timers,function(b){return a===b.elem}).length});var cs=/^t(?:able|d|h)$/i,ct=/^(?:body|html)$/i;"getBoundingClientRect"in c.documentElement?f.fn.offset=function(a){var b=this[0],c;if(a)return this.each(function(b){f.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return f.offset.bodyOffset(b);try{c=b.getBoundingClientRect()}catch(d){}var e=b.ownerDocument,g=e.documentElement;if(!c||!f.contains(g,b))return c?{top:c.top,left:c.left}:{top:0,left:0};var h=e.body,i=cu(e),j=g.clientTop||h.clientTop||0,k=g.clientLeft||h.clientLeft||0,l=i.pageYOffset||f.support.boxModel&&g.scrollTop||h.scrollTop,m=i.pageXOffset||f.support.boxModel&&g.scrollLeft||h.scrollLeft,n=c.top+l-j,o=c.left+m-k;return{top:n,left:o}}:f.fn.offset=function(a){var b=this[0];if(a)return this.each(function(b){f.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return f.offset.bodyOffset(b);f.offset.initialize();var c,d=b.offsetParent,e=b,g=b.ownerDocument,h=g.documentElement,i=g.body,j=g.defaultView,k=j?j.getComputedStyle(b,null):b.currentStyle,l=b.offsetTop,m=b.offsetLeft;while((b=b.parentNode)&&b!==i&&b!==h){if(f.offset.supportsFixedPosition&&k.position==="fixed")break;c=j?j.getComputedStyle(b,null):b.currentStyle,l-=b.scrollTop,m-=b.scrollLeft,b===d&&(l+=b.offsetTop,m+=b.offsetLeft,f.offset.doesNotAddBorder&&(!f.offset.doesAddBorderForTableAndCells||!cs.test(b.nodeName))&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),e=d,d=b.offsetParent),f.offset.subtractsBorderForOverflowNotVisible&&c.overflow!=="visible"&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),k=c}if(k.position==="relative"||k.position==="static")l+=i.offsetTop,m+=i.offsetLeft;f.offset.supportsFixedPosition&&k.position==="fixed"&&(l+=Math.max(h.scrollTop,i.scrollTop),m+=Math.max(h.scrollLeft,i.scrollLeft));return{top:l,left:m}},f.offset={initialize:function(){var a=c.body,b=c.createElement("div"),d,e,g,h,i=parseFloat(f.css(a,"marginTop"))||0,j="<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";f.extend(b.style,{position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",height:"1px",visibility:"hidden"}),b.innerHTML=j,a.insertBefore(b,a.firstChild),d=b.firstChild,e=d.firstChild,h=d.nextSibling.firstChild.firstChild,this.doesNotAddBorder=e.offsetTop!==5,this.doesAddBorderForTableAndCells=h.offsetTop===5,e.style.position="fixed",e.style.top="20px",this.supportsFixedPosition=e.offsetTop===20||e.offsetTop===15,e.style.position=e.style.top="",d.style.overflow="hidden",d.style.position="relative",this.subtractsBorderForOverflowNotVisible=e.offsetTop===-5,this.doesNotIncludeMarginInBodyOffset=a.offsetTop!==i,a.removeChild(b),f.offset.initialize=f.noop},bodyOffset:function(a){var b=a.offsetTop,c=a.offsetLeft;f.offset.initialize(),f.offset.doesNotIncludeMarginInBodyOffset&&(b+=parseFloat(f.css(a,"marginTop"))||0,c+=parseFloat(f.css(a,"marginLeft"))||0);return{top:b,left:c}},setOffset:function(a,b,c){var d=f.css(a,"position");d==="static"&&(a.style.position="relative");var e=f(a),g=e.offset(),h=f.css(a,"top"),i=f.css(a,"left"),j=(d==="absolute"||d==="fixed")&&f.inArray("auto",[h,i])>-1,k={},l={},m,n;j?(l=e.position(),m=l.top,n=l.left):(m=parseFloat(h)||0,n=parseFloat(i)||0),f.isFunction(b)&&(b=b.call(a,c,g)),b.top!=null&&(k.top=b.top-g.top+m),b.left!=null&&(k.left=b.left-g.left+n),"using"in b?b.using.call(a,k):e.css(k)}},f.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),c=this.offset(),d=ct.test(b[0].nodeName)?{top:0,left:0}:b.offset();c.top-=parseFloat(f.css(a,"marginTop"))||0,c.left-=parseFloat(f.css(a,"marginLeft"))||0,d.top+=parseFloat(f.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(f.css(b[0],"borderLeftWidth"))||0;return{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||c.body;while(a&&!ct.test(a.nodeName)&&f.css(a,"position")==="static")a=a.offsetParent;return a})}}),f.each(["Left","Top"],function(a,c){var d="scroll"+c;f.fn[d]=function(c){var e,g;if(c===b){e=this[0];if(!e)return null;g=cu(e);return g?"pageXOffset"in g?g[a?"pageYOffset":"pageXOffset"]:f.support.boxModel&&g.document.documentElement[d]||g.document.body[d]:e[d]}return this.each(function(){g=cu(this),g?g.scrollTo(a?f(g).scrollLeft():c,a?c:f(g).scrollTop()):this[d]=c})}}),f.each(["Height","Width"],function(a,c){var d=c.toLowerCase();f.fn["inner"+c]=function(){var a=this[0];return a&&a.style?parseFloat(f.css(a,d,"padding")):null},f.fn["outer"+c]=function(a){var b=this[0];return b&&b.style?parseFloat(f.css(b,d,a?"margin":"border")):null},f.fn[d]=function(a){var e=this[0];if(!e)return a==null?null:this;if(f.isFunction(a))return this.each(function(b){var c=f(this);c[d](a.call(this,b,c[d]()))});if(f.isWindow(e)){var g=e.document.documentElement["client"+c],h=e.document.body;return e.document.compatMode==="CSS1Compat"&&g||h&&h["client"+c]||g}if(e.nodeType===9)return Math.max(e.documentElement["client"+c],e.body["scroll"+c],e.documentElement["scroll"+c],e.body["offset"+c],e.documentElement["offset"+c]);if(a===b){var i=f.css(e,d),j=parseFloat(i);return f.isNaN(j)?i:j}return this.css(d,typeof a=="string"?a:a+"px")}}),a.jQuery=a.$=f})(window);
\ No newline at end of file
diff --git a/frontend/imgrid/colors/js/jquery.cookie.js b/frontend/imgrid/colors/js/jquery.cookie.js
new file mode 100755
index 0000000..6036754
--- /dev/null
+++ b/frontend/imgrid/colors/js/jquery.cookie.js
@@ -0,0 +1,96 @@
+/**
+ * Cookie plugin
+ *
+ * Copyright (c) 2006 Klaus Hartl (stilbuero.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ */
+
+/**
+ * Create a cookie with the given name and value and other optional parameters.
+ *
+ * @example $.cookie('the_cookie', 'the_value');
+ * @desc Set the value of a cookie.
+ * @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true });
+ * @desc Create a cookie with all available options.
+ * @example $.cookie('the_cookie', 'the_value');
+ * @desc Create a session cookie.
+ * @example $.cookie('the_cookie', null);
+ * @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain
+ *       used when the cookie was set.
+ *
+ * @param String name The name of the cookie.
+ * @param String value The value of the cookie.
+ * @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
+ * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
+ *                             If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
+ *                             If set to null or omitted, the cookie will be a session cookie and will not be retained
+ *                             when the the browser exits.
+ * @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).
+ * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
+ * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
+ *                        require a secure protocol (like HTTPS).
+ * @type undefined
+ *
+ * @name $.cookie
+ * @cat Plugins/Cookie
+ * @author Klaus Hartl/klaus.hartl@stilbuero.de
+ */
+
+/**
+ * Get the value of a cookie with the given name.
+ *
+ * @example $.cookie('the_cookie');
+ * @desc Get the value of a cookie.
+ *
+ * @param String name The name of the cookie.
+ * @return The value of the cookie.
+ * @type String
+ *
+ * @name $.cookie
+ * @cat Plugins/Cookie
+ * @author Klaus Hartl/klaus.hartl@stilbuero.de
+ */
+jQuery.cookie = function(name, value, options) {
+    if (typeof value != 'undefined') { // name and value given, set cookie
+        options = options || {};
+        if (value === null) {
+            value = '';
+            options.expires = -1;
+        }
+        var expires = '';
+        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
+            var date;
+            if (typeof options.expires == 'number') {
+                date = new Date();
+                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
+            } else {
+                date = options.expires;
+            }
+            expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
+        }
+        // CAUTION: Needed to parenthesize options.path and options.domain
+        // in the following expressions, otherwise they evaluate to undefined
+        // in the packed version for some reason...
+        var path = options.path ? '; path=' + (options.path) : '';
+        var domain = options.domain ? '; domain=' + (options.domain) : '';
+        var secure = options.secure ? '; secure' : '';
+        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
+    } else { // only name given, get cookie
+        var cookieValue = null;
+        if (document.cookie && document.cookie != '') {
+            var cookies = document.cookie.split(';');
+            for (var i = 0; i < cookies.length; i++) {
+                var cookie = jQuery.trim(cookies[i]);
+                // Does this cookie string begin with the name we want?
+                if (cookie.substring(0, name.length + 1) == (name + '=')) {
+                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+                    break;
+                }
+            }
+        }
+        return cookieValue;
+    }
+};
\ No newline at end of file
diff --git a/frontend/imgrid/colors/js/setupdimensions.js b/frontend/imgrid/colors/js/setupdimensions.js
new file mode 100755
index 0000000..a496e87
--- /dev/null
+++ b/frontend/imgrid/colors/js/setupdimensions.js
@@ -0,0 +1,173 @@
+//setup dimensions
+//everything needs to be positioned according to 
+//window.innerWidth
+
+//step 1...forget about the rollover css for now
+//step 2...make sure ratios are in place
+
+//function makebig(divstr)
+//    {
+///    newheight = goldenize(colorsheight)
+///    $('#'+divstr).height(newheight)
+//    }
+//function makesmall(divstr)
+//    {
+//    $('#'+divstr).height(colorsheight)
+//    }
+//////////////////
+/////////////this function runs a for loop
+////////////and makes it so that the colors are related
+//////////by width to the innerwidth of the window
+widthratio = 7
+numberacross = 10
+
+
+function shrinkwidth(arg, ratio)
+  {
+    for(var i=0; i < ratio; i++)
+    {
+    arg = regolden(arg)
+    }
+    division = Math.round(arg)
+    return division
+  }
+////////////////right now the ratio is set at 1/6th
+var colorsh
+function makecolorswidth()
+  {
+  colorswidth = shrinkwidth(windowWidth, widthratio)
+  $('.colors').css('width', colorswidth.toString()+'px')
+  }
+
+function makecolorsheight()
+  {
+  colorsheight = regolden(colorswidth)
+  propval = colorsheight.toString()+'px'
+  $('.colors').css('height', propval)
+  }
+//the following function sets up the font sizes
+//inrelation to the size of the hexswitch font
+function getcontainerwidth()
+  {
+  basis = $('.colors').css('width')
+  basis = parseInt(basis.slice(0,-2))
+  secondbasis = '2px'
+  secondbasis = parseInt(secondbasis.slice(0,-2))
+  widthval = (secondbasis*(numberacross*2))+(basis*numberacross)+(basis*.44)//(goldenize(basis)-basis)
+  widthval = widthval.toString()+'px'
+  return widthval
+  }
+function makecontainerwidth()
+  {
+  var containerwidth = getcontainerwidth()
+  $('#container').css('width',containerwidth)
+  }
+function setupsides()
+	{
+	$('#container').css({'position':'relative','z-index':'1'})
+	$('#switches').css('z-index','10')
+  var basis = $('#container').css('width')
+  basis = parseInt(basis.slice(0,-2))
+  remainder = (100-basis)/2
+  widths = regolden(basis)
+  widths = widths.toString()+'px'
+  lateralbasis = regolden(remainder)
+  leftside = toString(lateralbasis)+'%'
+  rightside = toString(100-lateralbasis)+'%'
+  $('#colornames').css('left', leftside)
+  $('#switches').css({'width': widths, 'left': rightside, 'overflow':'hidden','top':'118px'})
+  }
+//////preview dimensions is for the 
+///preview box inside the switches container
+function previewdimensions()
+  {
+  first = $('#switches').css('width')
+  first = parseInt(first.slice(0,-2))
+  width = regolden(first)
+  height = regolden(width)
+  width = width.toString()+'px'
+  height = height.toString()+'px'
+  $('#preview').css({'width':width, 'height':height})
+  }
+/////////////////////////////
+////font-size is related to hexswitch font-size
+////also the width of the switches container
+var fontratioone
+function setupfonts()
+  {
+	fontratioone = shrinkwidth(windowWidth, 9)
+	$('.theswitches').css('font-size',fontratioone)
+	fontratiotwo = shrinkwidth(windowWidth, 8)
+	$('#nameholder, #title, #namespace').css('font-size',fontratiotwo)
+  $('#colornames').css('font-size', goldenize(fontratiotwo)+'px')
+  $('#colornames').css('text-shadow', 'black 1px 2px')
+  var transfont = regolden(fontratioone)
+  $('#transparent, #extra').css({'width':'100%','font-size':transfont})
+	switcheswidth = $('#switches').css('width')
+  $('#namespace, #nameholder').css('width', '100%')
+  }
+function setupdimensions()
+  {
+  if(window.innerWidth > 933)
+		{windowWidth = window.innerWidth}
+	else
+		{windowWidth = 933}
+	$('#container').css('font-size','0');
+	$('.colors').css('font-size','9px');	
+	makecolorswidth()
+ 	makecolorsheight()
+ 	makecontainerwidth()
+  setupfonts()
+  setupsides()
+  makegolden('#switches','width')
+  previewdimensions()
+  $('#namespace').css('width', 'inherit')
+  $('#nameholder').css('width', 'inherit')
+  $('#transparent').css({'float':'bottom','width':'inherit'})
+  $('.colors').css({'margin-top': '2px','margin-right':'2px'});
+	}
+$(window).resize(function()
+		{
+		setupdimensions()
+		});
+var colorsheight
+var colorswidth
+setupdimensions()
+function makebig(divstr)
+    {
+    newheight = goldenize(colorsheight)
+    $('#'+divstr).height(newheight)
+    }
+function makesmall(divstr)
+    {
+    $('#'+divstr).height(colorsheight)
+    }
+var firstwidth
+$('.colors').mouseover(function()
+  {
+  $('#extra').html("");
+            if(this.id != 'd0')
+                {
+                $(this).css({'height':goldenize(colorsheight),'width':goldenize(colorswidth)})
+								firstwidth = $('#container').css('width')	
+								newwidth = firstwidth+goldenize(colorswidth)-colorswidth
+								$('#container').css('width',newwidth)
+//             makebig(this.id);
+  //            makegolden('#'+this.id, 'height')
+                }
+  });
+
+
+
+
+$('.colors').mouseout(function()
+                {
+          $(this).css('height',colorsheight)
+ 	        $(this).css('width', colorswidth)
+          $('#container').css('width',firstwidth)      
+					});
+
+$(".colors").hover(function(){
+$('#colornames').fadeOut(100);$('#colornames').fadeIn(500);
+  });
+
diff --git a/frontend/imgrid/colors/js/wrkshp/colors.html b/frontend/imgrid/colors/js/wrkshp/colors.html
new file mode 100755
index 0000000..0ef22f9
--- /dev/null
+++ b/frontend/imgrid/colors/js/wrkshp/colors.html
@@ -0,0 +1,5429 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<!-- saved from url=(0124)https://mail.google.com/mail/?ui=2&ik=8c5c6e41c0&view=att&th=131a60939ee4c454&attid=0.1&disp=inline&realattid=f_gr2htzs60&zw -->
+<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head>
+<style type="text/css">
+*
+	{
+	font-family: sans-serif;
+	}
+</style>
+<body>
+
+
+
+<div>
+<h1><a></a>List of Color Names</h1>
+<div>
+
+<p>a list of named colors for use with PHOTOBLASTER:</p>
+
+<table>
+<tbody>
+  <tr>
+    <th align="right">Name</th>
+    <th align="center">Color</th>
+    <th align="left">RGB</th>
+    <th align="left">Hex</th>
+
+  </tr>
+
+  <tr>
+    <td align="right">snow</td>
+    <td align="center" style="background-color:rgb(255, 250, 250)">snow</td>
+    <td align="left">rgb(255, 250, 250)</td>
+    <td align="left">#FFFAFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">snow1</td>
+    <td align="center" style="background-color:rgb(255, 250, 250)">snow1</td>
+    <td align="left">rgb(255, 250, 250)</td>
+    <td align="left">#FFFAFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">snow2</td>
+    <td align="center" style="background-color:rgb(238, 233, 233)">snow2</td>
+    <td align="left">rgb(238, 233, 233)</td>
+    <td align="left">#EEE9E9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RosyBrown1</td>
+    <td align="center" style="background-color:rgb(255, 193, 193)">RosyBrown1</td>
+    <td align="left">rgb(255, 193, 193)</td>
+    <td align="left">#FFC1C1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RosyBrown2</td>
+    <td align="center" style="background-color:rgb(238, 180, 180)">RosyBrown2</td>
+    <td align="left">rgb(238, 180, 180)</td>
+    <td align="left">#EEB4B4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">snow3</td>
+    <td align="center" style="background-color:rgb(205, 201, 201)">snow3</td>
+    <td align="left">rgb(205, 201, 201)</td>
+    <td align="left">#CDC9C9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCoral</td>
+    <td align="center" style="background-color:rgb(240, 128, 128)">LightCoral</td>
+    <td align="left">rgb(240, 128, 128)</td>
+    <td align="left">#F08080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">IndianRed1</td>
+    <td align="center" style="background-color:rgb(255, 106, 106)">IndianRed1</td>
+    <td align="left">rgb(255, 106, 106)</td>
+    <td align="left">#FF6A6A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RosyBrown3</td>
+    <td align="center" style="background-color:rgb(205, 155, 155)">RosyBrown3</td>
+    <td align="left">rgb(205, 155, 155)</td>
+    <td align="left">#CD9B9B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">IndianRed2</td>
+    <td align="center" style="background-color:rgb(238, 99, 99)">IndianRed2</td>
+    <td align="left">rgb(238, 99,  99)</td>
+    <td align="left">#EE6363</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RosyBrown</td>
+    <td align="center" style="background-color:rgb(188, 143, 143)">RosyBrown</td>
+    <td align="left">rgb(188, 143, 143)</td>
+    <td align="left">#BC8F8F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">brown1</td>
+    <td align="center" style="background-color:rgb(255, 64, 64)">brown1</td>
+    <td align="left">rgb(255, 64,  64)</td>
+    <td align="left">#FF4040</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">firebrick1</td>
+    <td align="center" style="background-color:rgb(255, 48, 48)">firebrick1</td>
+    <td align="left">rgb(255, 48,  48)</td>
+    <td align="left">#FF3030</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">brown2</td>
+    <td align="center" style="background-color:rgb(238, 59, 59)">brown2</td>
+    <td align="left">rgb(238, 59,  59)</td>
+    <td align="left">#EE3B3B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">IndianRed</td>
+    <td align="center" style="background-color:rgb(205, 92, 92)">IndianRed</td>
+    <td align="left">rgb(205, 92,  92)</td>
+    <td align="left">#CD5C5C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">IndianRed3</td>
+    <td align="center" style="background-color:rgb(205, 85, 85)">IndianRed3</td>
+    <td align="left">rgb(205, 85,  85)</td>
+    <td align="left">#CD5555</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">firebrick2</td>
+    <td align="center" style="background-color:rgb(238, 44, 44)">firebrick2</td>
+    <td align="left">rgb(238, 44,  44)</td>
+    <td align="left">#EE2C2C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">snow4</td>
+    <td align="center" style="background-color:rgb(139, 137, 137)">snow4</td>
+    <td align="left">rgb(139, 137, 137)</td>
+    <td align="left">#8B8989</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">brown3</td>
+    <td align="center" style="background-color:rgb(205, 51, 51)">brown3</td>
+    <td align="left">rgb(205, 51,  51)</td>
+    <td align="left">#CD3333</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">red</td>
+    <td align="center" style="background-color:rgb(255, 0, 0)">red</td>
+    <td align="left">rgb(255,  0,   0)</td>
+    <td align="left">#FF0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">red1</td>
+    <td align="center" style="background-color:rgb(255, 0, 0)">red1</td>
+    <td align="left">rgb(255,  0,   0)</td>
+    <td align="left">#FF0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RosyBrown4</td>
+    <td align="center" style="background-color:rgb(139, 105, 105)">RosyBrown4</td>
+    <td align="left">rgb(139, 105, 105)</td>
+    <td align="left">#8B6969</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">firebrick3</td>
+    <td align="center" style="background-color:rgb(205, 38, 38)">firebrick3</td>
+    <td align="left">rgb(205, 38,  38)</td>
+    <td align="left">#CD2626</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">red2</td>
+    <td align="center" style="background-color:rgb(238, 0, 0)">red2</td>
+    <td align="left">rgb(238,  0,   0)</td>
+    <td align="left">#EE0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">firebrick</td>
+    <td align="center" style="background-color:rgb(178, 34, 34)">firebrick</td>
+    <td align="left">rgb(178, 34,  34)</td>
+    <td align="left">#B22222</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">brown</td>
+    <td align="center" style="background-color:rgb(165, 42, 42)">brown</td>
+    <td align="left">rgb(165, 42,  42)</td>
+    <td align="left">#A52A2A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">red3</td>
+    <td align="center" style="background-color:rgb(205, 0, 0)">red3</td>
+    <td align="left">rgb(205,  0,   0)</td>
+    <td align="left">#CD0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">IndianRed4</td>
+    <td align="center" style="background-color:rgb(139, 58, 58)">IndianRed4</td>
+    <td align="left">rgb(139, 58,  58)</td>
+    <td align="left">#8B3A3A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">brown4</td>
+    <td align="center" style="background-color:rgb(139, 35, 35)">brown4</td>
+    <td align="left">rgb(139, 35,  35)</td>
+    <td align="left">#8B2323</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">firebrick4</td>
+    <td align="center" style="background-color:rgb(139, 26, 26)">firebrick4</td>
+    <td align="left">rgb(139, 26,  26)</td>
+    <td align="left">#8B1A1A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkRed</td>
+    <td align="center" style="background-color:rgb(139, 0, 0)">DarkRed</td>
+    <td align="left">rgb(139,  0,   0)</td>
+    <td align="left">#8B0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">red4</td>
+    <td align="center" style="background-color:rgb(139, 0, 0)">red4</td>
+    <td align="left">rgb(139,  0,   0)</td>
+    <td align="left">#8B0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon</td>
+    <td align="center" style="background-color:rgb(128, 0, 0)">maroon</td>
+    <td align="left">rgb(128,  0,   0)</td>
+    <td align="left">#800000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightPink1</td>
+    <td align="center" style="background-color:rgb(255, 174, 185)">LightPink1</td>
+    <td align="left">rgb(255, 174, 185)</td>
+    <td align="left">#FFAEB9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightPink3</td>
+    <td align="center" style="background-color:rgb(205, 140, 149)">LightPink3</td>
+    <td align="left">rgb(205, 140, 149)</td>
+    <td align="left">#CD8C95</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightPink4</td>
+    <td align="center" style="background-color:rgb(139, 95, 101)">LightPink4</td>
+    <td align="left">rgb(139, 95, 101)</td>
+    <td align="left">#8B5F65</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightPink2</td>
+    <td align="center" style="background-color:rgb(238, 162, 173)">LightPink2</td>
+    <td align="left">rgb(238, 162, 173)</td>
+    <td align="left">#EEA2AD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightPink</td>
+    <td align="center" style="background-color:rgb(255, 182, 193)">LightPink</td>
+    <td align="left">rgb(255, 182, 193)</td>
+    <td align="left">#FFB6C1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">pink</td>
+    <td align="center" style="background-color:rgb(255, 192, 203)">pink</td>
+    <td align="left">rgb(255, 192, 203)</td>
+    <td align="left">#FFC0CB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">crimson</td>
+    <td align="center" style="background-color:rgb(220, 20, 60)">crimson</td>
+    <td align="left">rgb(220, 20,  60)</td>
+    <td align="left">#DC143C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">pink1</td>
+    <td align="center" style="background-color:rgb(255, 181, 197)">pink1</td>
+    <td align="left">rgb(255, 181, 197)</td>
+    <td align="left">#FFB5C5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">pink2</td>
+    <td align="center" style="background-color:rgb(238, 169, 184)">pink2</td>
+    <td align="left">rgb(238, 169, 184)</td>
+    <td align="left">#EEA9B8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">pink3</td>
+    <td align="center" style="background-color:rgb(205, 145, 158)">pink3</td>
+    <td align="left">rgb(205, 145, 158)</td>
+    <td align="left">#CD919E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">pink4</td>
+    <td align="center" style="background-color:rgb(139, 99, 108)">pink4</td>
+    <td align="left">rgb(139, 99, 108)</td>
+    <td align="left">#8B636C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleVioletRed4</td>
+    <td align="center" style="background-color:rgb(139, 71, 93)">PaleVioletRed4</td>
+    <td align="left">rgb(139, 71,  93)</td>
+    <td align="left">#8B475D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleVioletRed</td>
+    <td align="center" style="background-color:rgb(219, 112, 147)">PaleVioletRed</td>
+    <td align="left">rgb(219, 112, 147)</td>
+    <td align="left">#DB7093</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleVioletRed2</td>
+    <td align="center" style="background-color:rgb(238, 121, 159)">PaleVioletRed2</td>
+    <td align="left">rgb(238, 121, 159)</td>
+    <td align="left">#EE799F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleVioletRed1</td>
+    <td align="center" style="background-color:rgb(255, 130, 171)">PaleVioletRed1</td>
+    <td align="left">rgb(255, 130, 171)</td>
+    <td align="left">#FF82AB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleVioletRed3</td>
+    <td align="center" style="background-color:rgb(205, 104, 137)">PaleVioletRed3</td>
+    <td align="left">rgb(205, 104, 137)</td>
+    <td align="left">#CD6889</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LavenderBlush</td>
+    <td align="center" style="background-color:rgb(255, 240, 245)">LavenderBlush</td>
+    <td align="left">rgb(255, 240, 245)</td>
+    <td align="left">#FFF0F5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LavenderBlush1</td>
+    <td align="center" style="background-color:rgb(255, 240, 245)">LavenderBlush1</td>
+    <td align="left">rgb(255, 240, 245)</td>
+    <td align="left">#FFF0F5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LavenderBlush3</td>
+    <td align="center" style="background-color:rgb(205, 193, 197)">LavenderBlush3</td>
+    <td align="left">rgb(205, 193, 197)</td>
+    <td align="left">#CDC1C5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LavenderBlush2</td>
+    <td align="center" style="background-color:rgb(238, 224, 229)">LavenderBlush2</td>
+    <td align="left">rgb(238, 224, 229)</td>
+    <td align="left">#EEE0E5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LavenderBlush4</td>
+    <td align="center" style="background-color:rgb(139, 131, 134)">LavenderBlush4</td>
+    <td align="left">rgb(139, 131, 134)</td>
+    <td align="left">#8B8386</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon</td>
+    <td align="center" style="background-color:rgb(176, 48, 96)">maroon</td>
+    <td align="left">rgb(176, 48,  96)</td>
+    <td align="left">#B03060</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">HotPink3</td>
+    <td align="center" style="background-color:rgb(205, 96, 144)">HotPink3</td>
+    <td align="left">rgb(205, 96, 144)</td>
+    <td align="left">#CD6090</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">VioletRed3</td>
+    <td align="center" style="background-color:rgb(205, 50, 120)">VioletRed3</td>
+    <td align="left">rgb(205, 50, 120)</td>
+    <td align="left">#CD3278</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">VioletRed1</td>
+    <td align="center" style="background-color:rgb(255, 62, 150)">VioletRed1</td>
+    <td align="left">rgb(255, 62, 150)</td>
+    <td align="left">#FF3E96</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">VioletRed2</td>
+    <td align="center" style="background-color:rgb(238, 58, 140)">VioletRed2</td>
+    <td align="left">rgb(238, 58, 140)</td>
+    <td align="left">#EE3A8C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">VioletRed4</td>
+    <td align="center" style="background-color:rgb(139, 34, 82)">VioletRed4</td>
+    <td align="left">rgb(139, 34,  82)</td>
+    <td align="left">#8B2252</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">HotPink2</td>
+    <td align="center" style="background-color:rgb(238, 106, 167)">HotPink2</td>
+    <td align="left">rgb(238, 106, 167)</td>
+    <td align="left">#EE6AA7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">HotPink1</td>
+    <td align="center" style="background-color:rgb(255, 110, 180)">HotPink1</td>
+    <td align="left">rgb(255, 110, 180)</td>
+    <td align="left">#FF6EB4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">HotPink4</td>
+    <td align="center" style="background-color:rgb(139, 58, 98)">HotPink4</td>
+    <td align="left">rgb(139, 58,  98)</td>
+    <td align="left">#8B3A62</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">HotPink</td>
+    <td align="center" style="background-color:rgb(255, 105, 180)">HotPink</td>
+    <td align="left">rgb(255, 105, 180)</td>
+    <td align="left">#FF69B4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepPink</td>
+    <td align="center" style="background-color:rgb(255, 20, 147)">DeepPink</td>
+    <td align="left">rgb(255, 20, 147)</td>
+    <td align="left">#FF1493</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepPink1</td>
+    <td align="center" style="background-color:rgb(255, 20, 147)">DeepPink1</td>
+    <td align="left">rgb(255, 20, 147)</td>
+    <td align="left">#FF1493</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepPink2</td>
+    <td align="center" style="background-color:rgb(238, 18, 137)">DeepPink2</td>
+    <td align="left">rgb(238, 18, 137)</td>
+    <td align="left">#EE1289</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepPink3</td>
+    <td align="center" style="background-color:rgb(205, 16, 118)">DeepPink3</td>
+    <td align="left">rgb(205, 16, 118)</td>
+    <td align="left">#CD1076</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepPink4</td>
+    <td align="center" style="background-color:rgb(139, 10, 80)">DeepPink4</td>
+    <td align="left">rgb(139, 10,  80)</td>
+    <td align="left">#8B0A50</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon1</td>
+    <td align="center" style="background-color:rgb(255, 52, 179)">maroon1</td>
+    <td align="left">rgb(255, 52, 179)</td>
+    <td align="left">#FF34B3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon2</td>
+    <td align="center" style="background-color:rgb(238, 48, 167)">maroon2</td>
+    <td align="left">rgb(238, 48, 167)</td>
+    <td align="left">#EE30A7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon3</td>
+    <td align="center" style="background-color:rgb(205, 41, 144)">maroon3</td>
+    <td align="left">rgb(205, 41, 144)</td>
+    <td align="left">#CD2990</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon4</td>
+    <td align="center" style="background-color:rgb(139, 28, 98)">maroon4</td>
+    <td align="left">rgb(139, 28,  98)</td>
+    <td align="left">#8B1C62</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumVioletRed</td>
+    <td align="center" style="background-color:rgb(199, 21, 133)">MediumVioletRed</td>
+    <td align="left">rgb(199, 21, 133)</td>
+    <td align="left">#C71585</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">VioletRed</td>
+    <td align="center" style="background-color:rgb(208, 32, 144)">VioletRed</td>
+    <td align="left">rgb(208, 32, 144)</td>
+    <td align="left">#D02090</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orchid2</td>
+    <td align="center" style="background-color:rgb(238, 122, 233)">orchid2</td>
+    <td align="left">rgb(238, 122, 233)</td>
+    <td align="left">#EE7AE9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orchid</td>
+    <td align="center" style="background-color:rgb(218, 112, 214)">orchid</td>
+    <td align="left">rgb(218, 112, 214)</td>
+    <td align="left">#DA70D6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orchid1</td>
+    <td align="center" style="background-color:rgb(255, 131, 250)">orchid1</td>
+    <td align="left">rgb(255, 131, 250)</td>
+    <td align="left">#FF83FA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orchid3</td>
+    <td align="center" style="background-color:rgb(205, 105, 201)">orchid3</td>
+    <td align="left">rgb(205, 105, 201)</td>
+    <td align="left">#CD69C9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orchid4</td>
+    <td align="center" style="background-color:rgb(139, 71, 137)">orchid4</td>
+    <td align="left">rgb(139, 71, 137)</td>
+    <td align="left">#8B4789</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">thistle1</td>
+    <td align="center" style="background-color:rgb(255, 225, 255)">thistle1</td>
+    <td align="left">rgb(255, 225, 255)</td>
+    <td align="left">#FFE1FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">thistle2</td>
+    <td align="center" style="background-color:rgb(238, 210, 238)">thistle2</td>
+    <td align="left">rgb(238, 210, 238)</td>
+    <td align="left">#EED2EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">plum1</td>
+    <td align="center" style="background-color:rgb(255, 187, 255)">plum1</td>
+    <td align="left">rgb(255, 187, 255)</td>
+    <td align="left">#FFBBFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">plum2</td>
+    <td align="center" style="background-color:rgb(238, 174, 238)">plum2</td>
+    <td align="left">rgb(238, 174, 238)</td>
+    <td align="left">#EEAEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">thistle</td>
+    <td align="center" style="background-color:rgb(216, 191, 216)">thistle</td>
+    <td align="left">rgb(216, 191, 216)</td>
+    <td align="left">#D8BFD8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">thistle3</td>
+    <td align="center" style="background-color:rgb(205, 181, 205)">thistle3</td>
+    <td align="left">rgb(205, 181, 205)</td>
+    <td align="left">#CDB5CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">plum</td>
+    <td align="center" style="background-color:rgb(221, 160, 221)">plum</td>
+    <td align="left">rgb(221, 160, 221)</td>
+    <td align="left">#DDA0DD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">violet</td>
+    <td align="center" style="background-color:rgb(238, 130, 238)">violet</td>
+    <td align="left">rgb(238, 130, 238)</td>
+    <td align="left">#EE82EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">plum3</td>
+    <td align="center" style="background-color:rgb(205, 150, 205)">plum3</td>
+    <td align="left">rgb(205, 150, 205)</td>
+    <td align="left">#CD96CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">thistle4</td>
+    <td align="center" style="background-color:rgb(139, 123, 139)">thistle4</td>
+    <td align="left">rgb(139, 123, 139)</td>
+    <td align="left">#8B7B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">fuchsia</td>
+    <td align="center" style="background-color:rgb(255, 0, 255)">fuchsia</td>
+    <td align="left">rgb(255,  0, 255)</td>
+    <td align="left">#FF00FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">magenta</td>
+    <td align="center" style="background-color:rgb(255, 0, 255)">magenta</td>
+    <td align="left">rgb(255,  0, 255)</td>
+    <td align="left">#FF00FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">magenta1</td>
+    <td align="center" style="background-color:rgb(255, 0, 255)">magenta1</td>
+    <td align="left">rgb(255,  0, 255)</td>
+    <td align="left">#FF00FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">plum4</td>
+    <td align="center" style="background-color:rgb(139, 102, 139)">plum4</td>
+    <td align="left">rgb(139, 102, 139)</td>
+    <td align="left">#8B668B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">magenta2</td>
+    <td align="center" style="background-color:rgb(238, 0, 238)">magenta2</td>
+    <td align="left">rgb(238,  0, 238)</td>
+    <td align="left">#EE00EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">magenta3</td>
+    <td align="center" style="background-color:rgb(205, 0, 205)">magenta3</td>
+    <td align="left">rgb(205,  0, 205)</td>
+    <td align="left">#CD00CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkMagenta</td>
+    <td align="center" style="background-color:rgb(139, 0, 139)">DarkMagenta</td>
+    <td align="left">rgb(139,  0, 139)</td>
+    <td align="left">#8B008B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">magenta4</td>
+    <td align="center" style="background-color:rgb(139, 0, 139)">magenta4</td>
+    <td align="left">rgb(139,  0, 139)</td>
+    <td align="left">#8B008B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple</td>
+    <td align="center" style="background-color:rgb(128, 0, 128)">purple</td>
+    <td align="left">rgb(128,  0, 128)</td>
+    <td align="left">#800080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumOrchid</td>
+    <td align="center" style="background-color:rgb(186, 85, 211)">MediumOrchid</td>
+    <td align="left">rgb(186, 85, 211)</td>
+    <td align="left">#BA55D3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumOrchid1</td>
+    <td align="center" style="background-color:rgb(224, 102, 255)">MediumOrchid1</td>
+    <td align="left">rgb(224, 102, 255)</td>
+    <td align="left">#E066FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumOrchid2</td>
+    <td align="center" style="background-color:rgb(209, 95, 238)">MediumOrchid2</td>
+    <td align="left">rgb(209, 95, 238)</td>
+    <td align="left">#D15FEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumOrchid3</td>
+    <td align="center" style="background-color:rgb(180, 82, 205)">MediumOrchid3</td>
+    <td align="left">rgb(180, 82, 205)</td>
+    <td align="left">#B452CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumOrchid4</td>
+    <td align="center" style="background-color:rgb(122, 55, 139)">MediumOrchid4</td>
+    <td align="left">rgb(122, 55, 139)</td>
+    <td align="left">#7A378B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkViolet</td>
+    <td align="center" style="background-color:rgb(148, 0, 211)">DarkViolet</td>
+    <td align="left">rgb(148,  0, 211)</td>
+    <td align="left">#9400D3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrchid</td>
+    <td align="center" style="background-color:rgb(153, 50, 204)">DarkOrchid</td>
+    <td align="left">rgb(153, 50, 204)</td>
+    <td align="left">#9932CC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrchid1</td>
+    <td align="center" style="background-color:rgb(191, 62, 255)">DarkOrchid1</td>
+    <td align="left">rgb(191, 62, 255)</td>
+    <td align="left">#BF3EFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrchid3</td>
+    <td align="center" style="background-color:rgb(154, 50, 205)">DarkOrchid3</td>
+    <td align="left">rgb(154, 50, 205)</td>
+    <td align="left">#9A32CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrchid2</td>
+    <td align="center" style="background-color:rgb(178, 58, 238)">DarkOrchid2</td>
+    <td align="left">rgb(178, 58, 238)</td>
+    <td align="left">#B23AEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrchid4</td>
+    <td align="center" style="background-color:rgb(104, 34, 139)">DarkOrchid4</td>
+    <td align="left">rgb(104, 34, 139)</td>
+    <td align="left">#68228B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple</td>
+    <td align="center" style="background-color:rgb(160, 32, 240)">purple</td>
+    <td align="left">rgb(160, 32, 240)</td>
+    <td align="left">#A020F0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">indigo</td>
+    <td align="center" style="background-color:rgb( 75, 0, 130)">indigo</td>
+    <td align="left">rgb( 75,  0, 130)</td>
+    <td align="left">#4B0082</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">BlueViolet</td>
+    <td align="center" style="background-color:rgb(138, 43, 226)">BlueViolet</td>
+    <td align="left">rgb(138, 43, 226)</td>
+    <td align="left">#8A2BE2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple2</td>
+    <td align="center" style="background-color:rgb(145, 44, 238)">purple2</td>
+    <td align="left">rgb(145, 44, 238)</td>
+    <td align="left">#912CEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple3</td>
+    <td align="center" style="background-color:rgb(125, 38, 205)">purple3</td>
+    <td align="left">rgb(125, 38, 205)</td>
+    <td align="left">#7D26CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple4</td>
+    <td align="center" style="background-color:rgb( 85, 26, 139)">purple4</td>
+    <td align="left">rgb( 85, 26, 139)</td>
+    <td align="left">#551A8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple1</td>
+    <td align="center" style="background-color:rgb(155, 48, 255)">purple1</td>
+    <td align="left">rgb(155, 48, 255)</td>
+    <td align="left">#9B30FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumPurple</td>
+    <td align="center" style="background-color:rgb(147, 112, 219)">MediumPurple</td>
+    <td align="left">rgb(147, 112, 219)</td>
+    <td align="left">#9370DB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumPurple1</td>
+    <td align="center" style="background-color:rgb(171, 130, 255)">MediumPurple1</td>
+    <td align="left">rgb(171, 130, 255)</td>
+    <td align="left">#AB82FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumPurple2</td>
+    <td align="center" style="background-color:rgb(159, 121, 238)">MediumPurple2</td>
+    <td align="left">rgb(159, 121, 238)</td>
+    <td align="left">#9F79EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumPurple3</td>
+    <td align="center" style="background-color:rgb(137, 104, 205)">MediumPurple3</td>
+    <td align="left">rgb(137, 104, 205)</td>
+    <td align="left">#8968CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumPurple4</td>
+    <td align="center" style="background-color:rgb( 93, 71, 139)">MediumPurple4</td>
+    <td align="left">rgb( 93, 71, 139)</td>
+    <td align="left">#5D478B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateBlue</td>
+    <td align="center" style="background-color:rgb( 72, 61, 139)">DarkSlateBlue</td>
+    <td align="left">rgb( 72, 61, 139)</td>
+    <td align="left">#483D8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSlateBlue</td>
+    <td align="center" style="background-color:rgb(132, 112, 255)">LightSlateBlue</td>
+    <td align="left">rgb(132, 112, 255)</td>
+    <td align="left">#8470FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumSlateBlue</td>
+    <td align="center" style="background-color:rgb(123, 104, 238)">MediumSlateBlue</td>
+    <td align="left">rgb(123, 104, 238)</td>
+    <td align="left">#7B68EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateBlue</td>
+    <td align="center" style="background-color:rgb(106, 90, 205)">SlateBlue</td>
+    <td align="left">rgb(106, 90, 205)</td>
+    <td align="left">#6A5ACD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateBlue1</td>
+    <td align="center" style="background-color:rgb(131, 111, 255)">SlateBlue1</td>
+    <td align="left">rgb(131, 111, 255)</td>
+    <td align="left">#836FFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateBlue2</td>
+    <td align="center" style="background-color:rgb(122, 103, 238)">SlateBlue2</td>
+    <td align="left">rgb(122, 103, 238)</td>
+    <td align="left">#7A67EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateBlue3</td>
+    <td align="center" style="background-color:rgb(105, 89, 205)">SlateBlue3</td>
+    <td align="left">rgb(105, 89, 205)</td>
+    <td align="left">#6959CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateBlue4</td>
+    <td align="center" style="background-color:rgb( 71, 60, 139)">SlateBlue4</td>
+    <td align="left">rgb( 71, 60, 139)</td>
+    <td align="left">#473C8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">GhostWhite</td>
+    <td align="center" style="background-color:rgb(248, 248, 255)">GhostWhite</td>
+    <td align="left">rgb(248, 248, 255)</td>
+    <td align="left">#F8F8FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">lavender</td>
+    <td align="center" style="background-color:rgb(230, 230, 250)">lavender</td>
+    <td align="left">rgb(230, 230, 250)</td>
+    <td align="left">#E6E6FA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">blue</td>
+    <td align="center" style="background-color:rgb( 0, 0, 255)">blue</td>
+    <td align="left">rgb(  0,  0, 255)</td>
+    <td align="left">#0000FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">blue1</td>
+    <td align="center" style="background-color:rgb( 0, 0, 255)">blue1</td>
+    <td align="left">rgb(  0,  0, 255)</td>
+    <td align="left">#0000FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">blue2</td>
+    <td align="center" style="background-color:rgb( 0, 0, 238)">blue2</td>
+    <td align="left">rgb(  0,  0, 238)</td>
+    <td align="left">#0000EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">blue3</td>
+    <td align="center" style="background-color:rgb( 0, 0, 205)">blue3</td>
+    <td align="left">rgb(  0,  0, 205)</td>
+    <td align="left">#0000CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumBlue</td>
+    <td align="center" style="background-color:rgb( 0, 0, 205)">MediumBlue</td>
+    <td align="left">rgb(  0,  0, 205)</td>
+    <td align="left">#0000CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">blue4</td>
+    <td align="center" style="background-color:rgb( 0, 0, 139)">blue4</td>
+    <td align="left">rgb(  0,  0, 139)</td>
+    <td align="left">#00008B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkBlue</td>
+    <td align="center" style="background-color:rgb( 0, 0, 139)">DarkBlue</td>
+    <td align="left">rgb(  0,  0, 139)</td>
+    <td align="left">#00008B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MidnightBlue</td>
+    <td align="center" style="background-color:rgb( 25, 25, 112)">MidnightBlue</td>
+    <td align="left">rgb( 25, 25, 112)</td>
+    <td align="left">#191970</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">navy</td>
+    <td align="center" style="background-color:rgb( 0, 0, 128)">navy</td>
+    <td align="left">rgb(  0,  0, 128)</td>
+    <td align="left">#000080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavyBlue</td>
+    <td align="center" style="background-color:rgb( 0, 0, 128)">NavyBlue</td>
+    <td align="left">rgb(  0,  0, 128)</td>
+    <td align="left">#000080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RoyalBlue</td>
+    <td align="center" style="background-color:rgb( 65, 105, 225)">RoyalBlue</td>
+    <td align="left">rgb( 65, 105, 225)</td>
+    <td align="left">#4169E1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RoyalBlue1</td>
+    <td align="center" style="background-color:rgb( 72, 118, 255)">RoyalBlue1</td>
+    <td align="left">rgb( 72, 118, 255)</td>
+    <td align="left">#4876FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RoyalBlue2</td>
+    <td align="center" style="background-color:rgb( 67, 110, 238)">RoyalBlue2</td>
+    <td align="left">rgb( 67, 110, 238)</td>
+    <td align="left">#436EEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RoyalBlue3</td>
+    <td align="center" style="background-color:rgb( 58, 95, 205)">RoyalBlue3</td>
+    <td align="left">rgb( 58, 95, 205)</td>
+    <td align="left">#3A5FCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RoyalBlue4</td>
+    <td align="center" style="background-color:rgb( 39, 64, 139)">RoyalBlue4</td>
+    <td align="left">rgb( 39, 64, 139)</td>
+    <td align="left">#27408B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CornflowerBlue</td>
+    <td align="center" style="background-color:rgb(100, 149, 237)">CornflowerBlue</td>
+    <td align="left">rgb(100, 149, 237)</td>
+    <td align="left">#6495ED</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSteelBlue</td>
+    <td align="center" style="background-color:rgb(176, 196, 222)">LightSteelBlue</td>
+    <td align="left">rgb(176, 196, 222)</td>
+    <td align="left">#B0C4DE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSteelBlue1</td>
+    <td align="center" style="background-color:rgb(202, 225, 255)">LightSteelBlue1</td>
+    <td align="left">rgb(202, 225, 255)</td>
+    <td align="left">#CAE1FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSteelBlue2</td>
+    <td align="center" style="background-color:rgb(188, 210, 238)">LightSteelBlue2</td>
+    <td align="left">rgb(188, 210, 238)</td>
+    <td align="left">#BCD2EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSteelBlue3</td>
+    <td align="center" style="background-color:rgb(162, 181, 205)">LightSteelBlue3</td>
+    <td align="left">rgb(162, 181, 205)</td>
+    <td align="left">#A2B5CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSteelBlue4</td>
+    <td align="center" style="background-color:rgb(110, 123, 139)">LightSteelBlue4</td>
+    <td align="left">rgb(110, 123, 139)</td>
+    <td align="left">#6E7B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGray4</td>
+    <td align="center" style="background-color:rgb(108, 123, 139)">SlateGray4</td>
+    <td align="left">rgb(108, 123, 139)</td>
+    <td align="left">#6C7B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGray1</td>
+    <td align="center" style="background-color:rgb(198, 226, 255)">SlateGray1</td>
+    <td align="left">rgb(198, 226, 255)</td>
+    <td align="left">#C6E2FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGray2</td>
+    <td align="center" style="background-color:rgb(185, 211, 238)">SlateGray2</td>
+    <td align="left">rgb(185, 211, 238)</td>
+    <td align="left">#B9D3EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGray3</td>
+    <td align="center" style="background-color:rgb(159, 182, 205)">SlateGray3</td>
+    <td align="left">rgb(159, 182, 205)</td>
+    <td align="left">#9FB6CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSlateGray</td>
+    <td align="center" style="background-color:rgb(119, 136, 153)">LightSlateGray</td>
+    <td align="left">rgb(119, 136, 153)</td>
+    <td align="left">#778899</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSlateGrey</td>
+    <td align="center" style="background-color:rgb(119, 136, 153)">LightSlateGrey</td>
+    <td align="left">rgb(119, 136, 153)</td>
+    <td align="left">#778899</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGray</td>
+    <td align="center" style="background-color:rgb(112, 128, 144)">SlateGray</td>
+    <td align="left">rgb(112, 128, 144)</td>
+    <td align="left">#708090</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGrey</td>
+    <td align="center" style="background-color:rgb(112, 128, 144)">SlateGrey</td>
+    <td align="left">rgb(112, 128, 144)</td>
+    <td align="left">#708090</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DodgerBlue</td>
+    <td align="center" style="background-color:rgb( 30, 144, 255)">DodgerBlue</td>
+    <td align="left">rgb( 30, 144, 255)</td>
+    <td align="left">#1E90FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DodgerBlue1</td>
+    <td align="center" style="background-color:rgb( 30, 144, 255)">DodgerBlue1</td>
+    <td align="left">rgb( 30, 144, 255)</td>
+    <td align="left">#1E90FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DodgerBlue2</td>
+    <td align="center" style="background-color:rgb( 28, 134, 238)">DodgerBlue2</td>
+    <td align="left">rgb( 28, 134, 238)</td>
+    <td align="left">#1C86EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DodgerBlue4</td>
+    <td align="center" style="background-color:rgb( 16, 78, 139)">DodgerBlue4</td>
+    <td align="left">rgb( 16, 78, 139)</td>
+    <td align="left">#104E8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DodgerBlue3</td>
+    <td align="center" style="background-color:rgb( 24, 116, 205)">DodgerBlue3</td>
+    <td align="left">rgb( 24, 116, 205)</td>
+    <td align="left">#1874CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AliceBlue</td>
+    <td align="center" style="background-color:rgb(240, 248, 255)">AliceBlue</td>
+    <td align="left">rgb(240, 248, 255)</td>
+    <td align="left">#F0F8FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SteelBlue4</td>
+    <td align="center" style="background-color:rgb( 54, 100, 139)">SteelBlue4</td>
+    <td align="left">rgb( 54, 100, 139)</td>
+    <td align="left">#36648B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SteelBlue</td>
+    <td align="center" style="background-color:rgb( 70, 130, 180)">SteelBlue</td>
+    <td align="left">rgb( 70, 130, 180)</td>
+    <td align="left">#4682B4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SteelBlue1</td>
+    <td align="center" style="background-color:rgb( 99, 184, 255)">SteelBlue1</td>
+    <td align="left">rgb( 99, 184, 255)</td>
+    <td align="left">#63B8FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SteelBlue2</td>
+    <td align="center" style="background-color:rgb( 92, 172, 238)">SteelBlue2</td>
+    <td align="left">rgb( 92, 172, 238)</td>
+    <td align="left">#5CACEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SteelBlue3</td>
+    <td align="center" style="background-color:rgb( 79, 148, 205)">SteelBlue3</td>
+    <td align="left">rgb( 79, 148, 205)</td>
+    <td align="left">#4F94CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SkyBlue4</td>
+    <td align="center" style="background-color:rgb( 74, 112, 139)">SkyBlue4</td>
+    <td align="left">rgb( 74, 112, 139)</td>
+    <td align="left">#4A708B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SkyBlue1</td>
+    <td align="center" style="background-color:rgb(135, 206, 255)">SkyBlue1</td>
+    <td align="left">rgb(135, 206, 255)</td>
+    <td align="left">#87CEFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SkyBlue2</td>
+    <td align="center" style="background-color:rgb(126, 192, 238)">SkyBlue2</td>
+    <td align="left">rgb(126, 192, 238)</td>
+    <td align="left">#7EC0EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SkyBlue3</td>
+    <td align="center" style="background-color:rgb(108, 166, 205)">SkyBlue3</td>
+    <td align="left">rgb(108, 166, 205)</td>
+    <td align="left">#6CA6CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSkyBlue</td>
+    <td align="center" style="background-color:rgb(135, 206, 250)">LightSkyBlue</td>
+    <td align="left">rgb(135, 206, 250)</td>
+    <td align="left">#87CEFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSkyBlue4</td>
+    <td align="center" style="background-color:rgb( 96, 123, 139)">LightSkyBlue4</td>
+    <td align="left">rgb( 96, 123, 139)</td>
+    <td align="left">#607B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSkyBlue1</td>
+    <td align="center" style="background-color:rgb(176, 226, 255)">LightSkyBlue1</td>
+    <td align="left">rgb(176, 226, 255)</td>
+    <td align="left">#B0E2FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSkyBlue2</td>
+    <td align="center" style="background-color:rgb(164, 211, 238)">LightSkyBlue2</td>
+    <td align="left">rgb(164, 211, 238)</td>
+    <td align="left">#A4D3EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSkyBlue3</td>
+    <td align="center" style="background-color:rgb(141, 182, 205)">LightSkyBlue3</td>
+    <td align="left">rgb(141, 182, 205)</td>
+    <td align="left">#8DB6CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SkyBlue</td>
+    <td align="center" style="background-color:rgb(135, 206, 235)">SkyBlue</td>
+    <td align="left">rgb(135, 206, 235)</td>
+    <td align="left">#87CEEB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightBlue3</td>
+    <td align="center" style="background-color:rgb(154, 192, 205)">LightBlue3</td>
+    <td align="left">rgb(154, 192, 205)</td>
+    <td align="left">#9AC0CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepSkyBlue</td>
+    <td align="center" style="background-color:rgb( 0, 191, 255)">DeepSkyBlue</td>
+    <td align="left">rgb(  0, 191, 255)</td>
+    <td align="left">#00BFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepSkyBlue1</td>
+    <td align="center" style="background-color:rgb( 0, 191, 255)">DeepSkyBlue1</td>
+    <td align="left">rgb(  0, 191, 255)</td>
+    <td align="left">#00BFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepSkyBlue2</td>
+    <td align="center" style="background-color:rgb( 0, 178, 238)">DeepSkyBlue2</td>
+    <td align="left">rgb(  0, 178, 238)</td>
+    <td align="left">#00B2EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepSkyBlue4</td>
+    <td align="center" style="background-color:rgb( 0, 104, 139)">DeepSkyBlue4</td>
+    <td align="left">rgb(  0, 104, 139)</td>
+    <td align="left">#00688B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepSkyBlue3</td>
+    <td align="center" style="background-color:rgb( 0, 154, 205)">DeepSkyBlue3</td>
+    <td align="left">rgb(  0, 154, 205)</td>
+    <td align="left">#009ACD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightBlue1</td>
+    <td align="center" style="background-color:rgb(191, 239, 255)">LightBlue1</td>
+    <td align="left">rgb(191, 239, 255)</td>
+    <td align="left">#BFEFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightBlue2</td>
+    <td align="center" style="background-color:rgb(178, 223, 238)">LightBlue2</td>
+    <td align="left">rgb(178, 223, 238)</td>
+    <td align="left">#B2DFEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightBlue</td>
+    <td align="center" style="background-color:rgb(173, 216, 230)">LightBlue</td>
+    <td align="left">rgb(173, 216, 230)</td>
+    <td align="left">#ADD8E6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightBlue4</td>
+    <td align="center" style="background-color:rgb(104, 131, 139)">LightBlue4</td>
+    <td align="left">rgb(104, 131, 139)</td>
+    <td align="left">#68838B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PowderBlue</td>
+    <td align="center" style="background-color:rgb(176, 224, 230)">PowderBlue</td>
+    <td align="left">rgb(176, 224, 230)</td>
+    <td align="left">#B0E0E6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CadetBlue1</td>
+    <td align="center" style="background-color:rgb(152, 245, 255)">CadetBlue1</td>
+    <td align="left">rgb(152, 245, 255)</td>
+    <td align="left">#98F5FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CadetBlue2</td>
+    <td align="center" style="background-color:rgb(142, 229, 238)">CadetBlue2</td>
+    <td align="left">rgb(142, 229, 238)</td>
+    <td align="left">#8EE5EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CadetBlue3</td>
+    <td align="center" style="background-color:rgb(122, 197, 205)">CadetBlue3</td>
+    <td align="left">rgb(122, 197, 205)</td>
+    <td align="left">#7AC5CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CadetBlue4</td>
+    <td align="center" style="background-color:rgb( 83, 134, 139)">CadetBlue4</td>
+    <td align="left">rgb( 83, 134, 139)</td>
+    <td align="left">#53868B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">turquoise1</td>
+    <td align="center" style="background-color:rgb( 0, 245, 255)">turquoise1</td>
+    <td align="left">rgb(  0, 245, 255)</td>
+    <td align="left">#00F5FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">turquoise2</td>
+    <td align="center" style="background-color:rgb( 0, 229, 238)">turquoise2</td>
+    <td align="left">rgb(  0, 229, 238)</td>
+    <td align="left">#00E5EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">turquoise3</td>
+    <td align="center" style="background-color:rgb( 0, 197, 205)">turquoise3</td>
+    <td align="left">rgb(  0, 197, 205)</td>
+    <td align="left">#00C5CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">turquoise4</td>
+    <td align="center" style="background-color:rgb( 0, 134, 139)">turquoise4</td>
+    <td align="left">rgb(  0, 134, 139)</td>
+    <td align="left">#00868B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cadet blue</td>
+    <td align="center" style="background-color:rgb( 95, 158, 160)">cadet blue</td>
+    <td align="left">rgb( 95, 158, 160)</td>
+    <td align="left">#5F9EA0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CadetBlue</td>
+    <td align="center" style="background-color:rgb( 95, 158, 160)">CadetBlue</td>
+    <td align="left">rgb( 95, 158, 160)</td>
+    <td align="left">#5F9EA0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkTurquoise</td>
+    <td align="center" style="background-color:rgb( 0, 206, 209)">DarkTurquoise</td>
+    <td align="left">rgb(  0, 206, 209)</td>
+    <td align="left">#00CED1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">azure</td>
+    <td align="center" style="background-color:rgb(240, 255, 255)">azure</td>
+    <td align="left">rgb(240, 255, 255)</td>
+    <td align="left">#F0FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">azure1</td>
+    <td align="center" style="background-color:rgb(240, 255, 255)">azure1</td>
+    <td align="left">rgb(240, 255, 255)</td>
+    <td align="left">#F0FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCyan</td>
+    <td align="center" style="background-color:rgb(224, 255, 255)">LightCyan</td>
+    <td align="left">rgb(224, 255, 255)</td>
+    <td align="left">#E0FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCyan1</td>
+    <td align="center" style="background-color:rgb(224, 255, 255)">LightCyan1</td>
+    <td align="left">rgb(224, 255, 255)</td>
+    <td align="left">#E0FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">azure2</td>
+    <td align="center" style="background-color:rgb(224, 238, 238)">azure2</td>
+    <td align="left">rgb(224, 238, 238)</td>
+    <td align="left">#E0EEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCyan2</td>
+    <td align="center" style="background-color:rgb(209, 238, 238)">LightCyan2</td>
+    <td align="left">rgb(209, 238, 238)</td>
+    <td align="left">#D1EEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleTurquoise1</td>
+    <td align="center" style="background-color:rgb(187, 255, 255)">PaleTurquoise1</td>
+    <td align="left">rgb(187, 255, 255)</td>
+    <td align="left">#BBFFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleTurquoise</td>
+    <td align="center" style="background-color:rgb(175, 238, 238)">PaleTurquoise</td>
+    <td align="left">rgb(175, 238, 238)</td>
+    <td align="left">#AFEEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleTurquoise2</td>
+    <td align="center" style="background-color:rgb(174, 238, 238)">PaleTurquoise2</td>
+    <td align="left">rgb(174, 238, 238)</td>
+    <td align="left">#AEEEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGray1</td>
+    <td align="center" style="background-color:rgb(151, 255, 255)">DarkSlateGray1</td>
+    <td align="left">rgb(151, 255, 255)</td>
+    <td align="left">#97FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">azure3</td>
+    <td align="center" style="background-color:rgb(193, 205, 205)">azure3</td>
+    <td align="left">rgb(193, 205, 205)</td>
+    <td align="left">#C1CDCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCyan3</td>
+    <td align="center" style="background-color:rgb(180, 205, 205)">LightCyan3</td>
+    <td align="left">rgb(180, 205, 205)</td>
+    <td align="left">#B4CDCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGray2</td>
+    <td align="center" style="background-color:rgb(141, 238, 238)">DarkSlateGray2</td>
+    <td align="left">rgb(141, 238, 238)</td>
+    <td align="left">#8DEEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleTurquoise3</td>
+    <td align="center" style="background-color:rgb(150, 205, 205)">PaleTurquoise3</td>
+    <td align="left">rgb(150, 205, 205)</td>
+    <td align="left">#96CDCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGray3</td>
+    <td align="center" style="background-color:rgb(121, 205, 205)">DarkSlateGray3</td>
+    <td align="left">rgb(121, 205, 205)</td>
+    <td align="left">#79CDCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">azure4</td>
+    <td align="center" style="background-color:rgb(131, 139, 139)">azure4</td>
+    <td align="left">rgb(131, 139, 139)</td>
+    <td align="left">#838B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCyan4</td>
+    <td align="center" style="background-color:rgb(122, 139, 139)">LightCyan4</td>
+    <td align="left">rgb(122, 139, 139)</td>
+    <td align="left">#7A8B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aqua</td>
+    <td align="center" style="background-color:rgb( 0, 255, 255)">aqua</td>
+    <td align="left">rgb(  0, 255, 255)</td>
+    <td align="left">#00FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cyan</td>
+    <td align="center" style="background-color:rgb( 0, 255, 255)">cyan</td>
+    <td align="left">rgb(  0, 255, 255)</td>
+    <td align="left">#00FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cyan1</td>
+    <td align="center" style="background-color:rgb( 0, 255, 255)">cyan1</td>
+    <td align="left">rgb(  0, 255, 255)</td>
+    <td align="left">#00FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleTurquoise4</td>
+    <td align="center" style="background-color:rgb(102, 139, 139)">PaleTurquoise4</td>
+    <td align="left">rgb(102, 139, 139)</td>
+    <td align="left">#668B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cyan2</td>
+    <td align="center" style="background-color:rgb( 0, 238, 238)">cyan2</td>
+    <td align="left">rgb(  0, 238, 238)</td>
+    <td align="left">#00EEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGray4</td>
+    <td align="center" style="background-color:rgb( 82, 139, 139)">DarkSlateGray4</td>
+    <td align="left">rgb( 82, 139, 139)</td>
+    <td align="left">#528B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cyan3</td>
+    <td align="center" style="background-color:rgb( 0, 205, 205)">cyan3</td>
+    <td align="left">rgb(  0, 205, 205)</td>
+    <td align="left">#00CDCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cyan4</td>
+    <td align="center" style="background-color:rgb( 0, 139, 139)">cyan4</td>
+    <td align="left">rgb(  0, 139, 139)</td>
+    <td align="left">#008B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkCyan</td>
+    <td align="center" style="background-color:rgb( 0, 139, 139)">DarkCyan</td>
+    <td align="left">rgb(  0, 139, 139)</td>
+    <td align="left">#008B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">teal</td>
+    <td align="center" style="background-color:rgb( 0, 128, 128)">teal</td>
+    <td align="left">rgb(  0, 128, 128)</td>
+    <td align="left">#008080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGray</td>
+    <td align="center" style="background-color:rgb( 47, 79, 79)">DarkSlateGray</td>
+    <td align="left">rgb( 47, 79,  79)</td>
+    <td align="left">#2F4F4F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGrey</td>
+    <td align="center" style="background-color:rgb( 47, 79, 79)">DarkSlateGrey</td>
+    <td align="left">rgb( 47, 79,  79)</td>
+    <td align="left">#2F4F4F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumTurquoise</td>
+    <td align="center" style="background-color:rgb( 72, 209, 204)">MediumTurquoise</td>
+    <td align="left">rgb( 72, 209, 204)</td>
+    <td align="left">#48D1CC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSeaGreen</td>
+    <td align="center" style="background-color:rgb( 32, 178, 170)">LightSeaGreen</td>
+    <td align="left">rgb( 32, 178, 170)</td>
+    <td align="left">#20B2AA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">turquoise</td>
+    <td align="center" style="background-color:rgb( 64, 224, 208)">turquoise</td>
+    <td align="left">rgb( 64, 224, 208)</td>
+    <td align="left">#40E0D0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aquamarine4</td>
+    <td align="center" style="background-color:rgb( 69, 139, 116)">aquamarine4</td>
+    <td align="left">rgb( 69, 139, 116)</td>
+    <td align="left">#458B74</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aquamarine</td>
+    <td align="center" style="background-color:rgb(127, 255, 212)">aquamarine</td>
+    <td align="left">rgb(127, 255, 212)</td>
+    <td align="left">#7FFFD4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aquamarine1</td>
+    <td align="center" style="background-color:rgb(127, 255, 212)">aquamarine1</td>
+    <td align="left">rgb(127, 255, 212)</td>
+    <td align="left">#7FFFD4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aquamarine2</td>
+    <td align="center" style="background-color:rgb(118, 238, 198)">aquamarine2</td>
+    <td align="left">rgb(118, 238, 198)</td>
+    <td align="left">#76EEC6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aquamarine3</td>
+    <td align="center" style="background-color:rgb(102, 205, 170)">aquamarine3</td>
+    <td align="left">rgb(102, 205, 170)</td>
+    <td align="left">#66CDAA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumAquamarine</td>
+    <td align="center" style="background-color:rgb(102, 205, 170)">MediumAquamarine</td>
+    <td align="left">rgb(102, 205, 170)</td>
+    <td align="left">#66CDAA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumSpringGreen</td>
+    <td align="center" style="background-color:rgb( 0, 250, 154)">MediumSpringGreen</td>
+    <td align="left">rgb(  0, 250, 154)</td>
+    <td align="left">#00FA9A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MintCream</td>
+    <td align="center" style="background-color:rgb(245, 255, 250)">MintCream</td>
+    <td align="left">rgb(245, 255, 250)</td>
+    <td align="left">#F5FFFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SpringGreen</td>
+    <td align="center" style="background-color:rgb( 0, 255, 127)">SpringGreen</td>
+    <td align="left">rgb(  0, 255, 127)</td>
+    <td align="left">#00FF7F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SpringGreen1</td>
+    <td align="center" style="background-color:rgb( 0, 255, 127)">SpringGreen1</td>
+    <td align="left">rgb(  0, 255, 127)</td>
+    <td align="left">#00FF7F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SpringGreen2</td>
+    <td align="center" style="background-color:rgb( 0, 238, 118)">SpringGreen2</td>
+    <td align="left">rgb(  0, 238, 118)</td>
+    <td align="left">#00EE76</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SpringGreen3</td>
+    <td align="center" style="background-color:rgb( 0, 205, 102)">SpringGreen3</td>
+    <td align="left">rgb(  0, 205, 102)</td>
+    <td align="left">#00CD66</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SpringGreen4</td>
+    <td align="center" style="background-color:rgb( 0, 139, 69)">SpringGreen4</td>
+    <td align="left">rgb(  0, 139, 69)</td>
+    <td align="left">#008B45</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumSeaGreen</td>
+    <td align="center" style="background-color:rgb( 60, 179, 113)">MediumSeaGreen</td>
+    <td align="left">rgb( 60, 179, 113)</td>
+    <td align="left">#3CB371</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SeaGreen</td>
+    <td align="center" style="background-color:rgb( 46, 139, 87)">SeaGreen</td>
+    <td align="left">rgb( 46, 139, 87)</td>
+    <td align="left">#2E8B57</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SeaGreen3</td>
+    <td align="center" style="background-color:rgb( 67, 205, 128)">SeaGreen3</td>
+    <td align="left">rgb( 67, 205, 128)</td>
+    <td align="left">#43CD80</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SeaGreen1</td>
+    <td align="center" style="background-color:rgb( 84, 255, 159)">SeaGreen1</td>
+    <td align="left">rgb( 84, 255, 159)</td>
+    <td align="left">#54FF9F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SeaGreen4</td>
+    <td align="center" style="background-color:rgb( 46, 139, 87)">SeaGreen4</td>
+    <td align="left">rgb( 46, 139, 87)</td>
+    <td align="left">#2E8B57</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SeaGreen2</td>
+    <td align="center" style="background-color:rgb( 78, 238, 148)">SeaGreen2</td>
+    <td align="left">rgb( 78, 238, 148)</td>
+    <td align="left">#4EEE94</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumForestGreen</td>
+    <td align="center" style="background-color:rgb( 50, 129, 75)">MediumForestGreen</td>
+    <td align="left">rgb( 50, 129, 75)</td>
+    <td align="left">#32814B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">honeydew</td>
+    <td align="center" style="background-color:rgb(240, 255, 240)">honeydew</td>
+    <td align="left">rgb(240, 255, 240)</td>
+    <td align="left">#F0FFF0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">honeydew1</td>
+    <td align="center" style="background-color:rgb(240, 255, 240)">honeydew1</td>
+    <td align="left">rgb(240, 255, 240)</td>
+    <td align="left">#F0FFF0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">honeydew2</td>
+    <td align="center" style="background-color:rgb(224, 238, 224)">honeydew2</td>
+    <td align="left">rgb(224, 238, 224)</td>
+    <td align="left">#E0EEE0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSeaGreen1</td>
+    <td align="center" style="background-color:rgb(193, 255, 193)">DarkSeaGreen1</td>
+    <td align="left">rgb(193, 255, 193)</td>
+    <td align="left">#C1FFC1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSeaGreen2</td>
+    <td align="center" style="background-color:rgb(180, 238, 180)">DarkSeaGreen2</td>
+    <td align="left">rgb(180, 238, 180)</td>
+    <td align="left">#B4EEB4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGreen1</td>
+    <td align="center" style="background-color:rgb(154, 255, 154)">PaleGreen1</td>
+    <td align="left">rgb(154, 255, 154)</td>
+    <td align="left">#9AFF9A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGreen</td>
+    <td align="center" style="background-color:rgb(152, 251, 152)">PaleGreen</td>
+    <td align="left">rgb(152, 251, 152)</td>
+    <td align="left">#98FB98</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">honeydew3</td>
+    <td align="center" style="background-color:rgb(193, 205, 193)">honeydew3</td>
+    <td align="left">rgb(193, 205, 193)</td>
+    <td align="left">#C1CDC1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGreen</td>
+    <td align="center" style="background-color:rgb(144, 238, 144)">LightGreen</td>
+    <td align="left">rgb(144, 238, 144)</td>
+    <td align="left">#90EE90</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGreen2</td>
+    <td align="center" style="background-color:rgb(144, 238, 144)">PaleGreen2</td>
+    <td align="left">rgb(144, 238, 144)</td>
+    <td align="left">#90EE90</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSeaGreen3</td>
+    <td align="center" style="background-color:rgb(155, 205, 155)">DarkSeaGreen3</td>
+    <td align="left">rgb(155, 205, 155)</td>
+    <td align="left">#9BCD9B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSeaGreen</td>
+    <td align="center" style="background-color:rgb(143, 188, 143)">DarkSeaGreen</td>
+    <td align="left">rgb(143, 188, 143)</td>
+    <td align="left">#8FBC8F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGreen3</td>
+    <td align="center" style="background-color:rgb(124, 205, 124)">PaleGreen3</td>
+    <td align="left">rgb(124, 205, 124)</td>
+    <td align="left">#7CCD7C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">honeydew4</td>
+    <td align="center" style="background-color:rgb(131, 139, 131)">honeydew4</td>
+    <td align="left">rgb(131, 139, 131)</td>
+    <td align="left">#838B83</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">green1</td>
+    <td align="center" style="background-color:rgb( 0, 255, 0)">green1</td>
+    <td align="left">rgb(  0, 255,  0)</td>
+    <td align="left">#00FF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">lime</td>
+    <td align="center" style="background-color:rgb( 0, 255, 0)">lime</td>
+    <td align="left">rgb(  0, 255,  0)</td>
+    <td align="left">#00FF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LimeGreen</td>
+    <td align="center" style="background-color:rgb( 50, 205, 50)">LimeGreen</td>
+    <td align="left">rgb( 50, 205, 50)</td>
+    <td align="left">#32CD32</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSeaGreen4</td>
+    <td align="center" style="background-color:rgb(105, 139, 105)">DarkSeaGreen4</td>
+    <td align="left">rgb(105, 139, 105)</td>
+    <td align="left">#698B69</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">green2</td>
+    <td align="center" style="background-color:rgb( 0, 238, 0)">green2</td>
+    <td align="left">rgb(  0, 238,  0)</td>
+    <td align="left">#00EE00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGreen4</td>
+    <td align="center" style="background-color:rgb( 84, 139, 84)">PaleGreen4</td>
+    <td align="left">rgb( 84, 139, 84)</td>
+    <td align="left">#548B54</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">green3</td>
+    <td align="center" style="background-color:rgb( 0, 205, 0)">green3</td>
+    <td align="left">rgb(  0, 205,  0)</td>
+    <td align="left">#00CD00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ForestGreen</td>
+    <td align="center" style="background-color:rgb( 34, 139, 34)">ForestGreen</td>
+    <td align="left">rgb( 34, 139, 34)</td>
+    <td align="left">#228B22</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">green4</td>
+    <td align="center" style="background-color:rgb( 0, 139, 0)">green4</td>
+    <td align="left">rgb(  0, 139,  0)</td>
+    <td align="left">#008B00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">green</td>
+    <td align="center" style="background-color:rgb( 0, 128, 0)">green</td>
+    <td align="left">rgb(  0, 128,  0)</td>
+    <td align="left">#008000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGreen</td>
+    <td align="center" style="background-color:rgb( 0, 100, 0)">DarkGreen</td>
+    <td align="left">rgb(  0, 100,  0)</td>
+    <td align="left">#006400</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LawnGreen</td>
+    <td align="center" style="background-color:rgb(124, 252, 0)">LawnGreen</td>
+    <td align="left">rgb(124, 252,  0)</td>
+    <td align="left">#7CFC00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chartreuse</td>
+    <td align="center" style="background-color:rgb(127, 255, 0)">chartreuse</td>
+    <td align="left">rgb(127, 255,  0)</td>
+    <td align="left">#7FFF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chartreuse1</td>
+    <td align="center" style="background-color:rgb(127, 255, 0)">chartreuse1</td>
+    <td align="left">rgb(127, 255,  0)</td>
+    <td align="left">#7FFF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chartreuse2</td>
+    <td align="center" style="background-color:rgb(118, 238, 0)">chartreuse2</td>
+    <td align="left">rgb(118, 238,  0)</td>
+    <td align="left">#76EE00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chartreuse3</td>
+    <td align="center" style="background-color:rgb(102, 205, 0)">chartreuse3</td>
+    <td align="left">rgb(102, 205,  0)</td>
+    <td align="left">#66CD00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chartreuse4</td>
+    <td align="center" style="background-color:rgb( 69, 139, 0)">chartreuse4</td>
+    <td align="left">rgb( 69, 139,  0)</td>
+    <td align="left">#458B00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">GreenYellow</td>
+    <td align="center" style="background-color:rgb(173, 255, 47)">GreenYellow</td>
+    <td align="left">rgb(173, 255, 47)</td>
+    <td align="left">#ADFF2F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOliveGreen3</td>
+    <td align="center" style="background-color:rgb(162, 205, 90)">DarkOliveGreen3</td>
+    <td align="left">rgb(162, 205, 90)</td>
+    <td align="left">#A2CD5A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOliveGreen1</td>
+    <td align="center" style="background-color:rgb(202, 255, 112)">DarkOliveGreen1</td>
+    <td align="left">rgb(202, 255, 112)</td>
+    <td align="left">#CAFF70</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOliveGreen2</td>
+    <td align="center" style="background-color:rgb(188, 238, 104)">DarkOliveGreen2</td>
+    <td align="left">rgb(188, 238, 104)</td>
+    <td align="left">#BCEE68</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOliveGreen4</td>
+    <td align="center" style="background-color:rgb(110, 139, 61)">DarkOliveGreen4</td>
+    <td align="left">rgb(110, 139, 61)</td>
+    <td align="left">#6E8B3D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOliveGreen</td>
+    <td align="center" style="background-color:rgb( 85, 107, 47)">DarkOliveGreen</td>
+    <td align="left">rgb( 85, 107, 47)</td>
+    <td align="left">#556B2F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OliveDrab</td>
+    <td align="center" style="background-color:rgb(107, 142, 35)">OliveDrab</td>
+    <td align="left">rgb(107, 142, 35)</td>
+    <td align="left">#6B8E23</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OliveDrab1</td>
+    <td align="center" style="background-color:rgb(192, 255, 62)">OliveDrab1</td>
+    <td align="left">rgb(192, 255, 62)</td>
+    <td align="left">#C0FF3E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OliveDrab2</td>
+    <td align="center" style="background-color:rgb(179, 238, 58)">OliveDrab2</td>
+    <td align="left">rgb(179, 238, 58)</td>
+    <td align="left">#B3EE3A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OliveDrab3</td>
+    <td align="center" style="background-color:rgb(154, 205, 50)">OliveDrab3</td>
+    <td align="left">rgb(154, 205, 50)</td>
+    <td align="left">#9ACD32</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">YellowGreen</td>
+    <td align="center" style="background-color:rgb(154, 205, 50)">YellowGreen</td>
+    <td align="left">rgb(154, 205, 50)</td>
+    <td align="left">#9ACD32</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OliveDrab4</td>
+    <td align="center" style="background-color:rgb(105, 139, 34)">OliveDrab4</td>
+    <td align="left">rgb(105, 139, 34)</td>
+    <td align="left">#698B22</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ivory</td>
+    <td align="center" style="background-color:rgb(255, 255, 240)">ivory</td>
+    <td align="left">rgb(255, 255, 240)</td>
+    <td align="left">#FFFFF0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ivory1</td>
+    <td align="center" style="background-color:rgb(255, 255, 240)">ivory1</td>
+    <td align="left">rgb(255, 255, 240)</td>
+    <td align="left">#FFFFF0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightYellow</td>
+    <td align="center" style="background-color:rgb(255, 255, 224)">LightYellow</td>
+    <td align="left">rgb(255, 255, 224)</td>
+    <td align="left">#FFFFE0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightYellow1</td>
+    <td align="center" style="background-color:rgb(255, 255, 224)">LightYellow1</td>
+    <td align="left">rgb(255, 255, 224)</td>
+    <td align="left">#FFFFE0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">beige</td>
+    <td align="center" style="background-color:rgb(245, 245, 220)">beige</td>
+    <td align="left">rgb(245, 245, 220)</td>
+    <td align="left">#F5F5DC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ivory2</td>
+    <td align="center" style="background-color:rgb(238, 238, 224)">ivory2</td>
+    <td align="left">rgb(238, 238, 224)</td>
+    <td align="left">#EEEEE0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrodYellow</td>
+    <td align="center" style="background-color:rgb(250, 250, 210)">LightGoldenrodYellow</td>
+    <td align="left">rgb(250, 250, 210)</td>
+    <td align="left">#FAFAD2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightYellow2</td>
+    <td align="center" style="background-color:rgb(238, 238, 209)">LightYellow2</td>
+    <td align="left">rgb(238, 238, 209)</td>
+    <td align="left">#EEEED1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ivory3</td>
+    <td align="center" style="background-color:rgb(205, 205, 193)">ivory3</td>
+    <td align="left">rgb(205, 205, 193)</td>
+    <td align="left">#CDCDC1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightYellow3</td>
+    <td align="center" style="background-color:rgb(205, 205, 180)">LightYellow3</td>
+    <td align="left">rgb(205, 205, 180)</td>
+    <td align="left">#CDCDB4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ivory4</td>
+    <td align="center" style="background-color:rgb(139, 139, 131)">ivory4</td>
+    <td align="left">rgb(139, 139, 131)</td>
+    <td align="left">#8B8B83</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightYellow4</td>
+    <td align="center" style="background-color:rgb(139, 139, 122)">LightYellow4</td>
+    <td align="left">rgb(139, 139, 122)</td>
+    <td align="left">#8B8B7A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">yellow</td>
+    <td align="center" style="background-color:rgb(255, 255, 0)">yellow</td>
+    <td align="left">rgb(255, 255,  0)</td>
+    <td align="left">#FFFF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">yellow1</td>
+    <td align="center" style="background-color:rgb(255, 255, 0)">yellow1</td>
+    <td align="left">rgb(255, 255,  0)</td>
+    <td align="left">#FFFF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">yellow2</td>
+    <td align="center" style="background-color:rgb(238, 238, 0)">yellow2</td>
+    <td align="left">rgb(238, 238,  0)</td>
+    <td align="left">#EEEE00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">yellow3</td>
+    <td align="center" style="background-color:rgb(205, 205, 0)">yellow3</td>
+    <td align="left">rgb(205, 205,  0)</td>
+    <td align="left">#CDCD00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">yellow4</td>
+    <td align="center" style="background-color:rgb(139, 139, 0)">yellow4</td>
+    <td align="left">rgb(139, 139,  0)</td>
+    <td align="left">#8B8B00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">olive</td>
+    <td align="center" style="background-color:rgb(128, 128, 0)">olive</td>
+    <td align="left">rgb(128, 128,  0)</td>
+    <td align="left">#808000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkKhaki</td>
+    <td align="center" style="background-color:rgb(189, 183, 107)">DarkKhaki</td>
+    <td align="left">rgb(189, 183, 107)</td>
+    <td align="left">#BDB76B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">khaki2</td>
+    <td align="center" style="background-color:rgb(238, 230, 133)">khaki2</td>
+    <td align="left">rgb(238, 230, 133)</td>
+    <td align="left">#EEE685</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LemonChiffon4</td>
+    <td align="center" style="background-color:rgb(139, 137, 112)">LemonChiffon4</td>
+    <td align="left">rgb(139, 137, 112)</td>
+    <td align="left">#8B8970</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">khaki1</td>
+    <td align="center" style="background-color:rgb(255, 246, 143)">khaki1</td>
+    <td align="left">rgb(255, 246, 143)</td>
+    <td align="left">#FFF68F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">khaki3</td>
+    <td align="center" style="background-color:rgb(205, 198, 115)">khaki3</td>
+    <td align="left">rgb(205, 198, 115)</td>
+    <td align="left">#CDC673</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">khaki4</td>
+    <td align="center" style="background-color:rgb(139, 134, 78)">khaki4</td>
+    <td align="left">rgb(139, 134, 78)</td>
+    <td align="left">#8B864E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGoldenrod</td>
+    <td align="center" style="background-color:rgb(238, 232, 170)">PaleGoldenrod</td>
+    <td align="left">rgb(238, 232, 170)</td>
+    <td align="left">#EEE8AA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LemonChiffon</td>
+    <td align="center" style="background-color:rgb(255, 250, 205)">LemonChiffon</td>
+    <td align="left">rgb(255, 250, 205)</td>
+    <td align="left">#FFFACD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LemonChiffon1</td>
+    <td align="center" style="background-color:rgb(255, 250, 205)">LemonChiffon1</td>
+    <td align="left">rgb(255, 250, 205)</td>
+    <td align="left">#FFFACD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">khaki</td>
+    <td align="center" style="background-color:rgb(240, 230, 140)">khaki</td>
+    <td align="left">rgb(240, 230, 140)</td>
+    <td align="left">#F0E68C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LemonChiffon3</td>
+    <td align="center" style="background-color:rgb(205, 201, 165)">LemonChiffon3</td>
+    <td align="left">rgb(205, 201, 165)</td>
+    <td align="left">#CDC9A5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LemonChiffon2</td>
+    <td align="center" style="background-color:rgb(238, 233, 191)">LemonChiffon2</td>
+    <td align="left">rgb(238, 233, 191)</td>
+    <td align="left">#EEE9BF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumGoldenRod</td>
+    <td align="center" style="background-color:rgb(209, 193, 102)">MediumGoldenRod</td>
+    <td align="left">rgb(209, 193, 102)</td>
+    <td align="left">#D1C166</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cornsilk4</td>
+    <td align="center" style="background-color:rgb(139, 136, 120)">cornsilk4</td>
+    <td align="left">rgb(139, 136, 120)</td>
+    <td align="left">#8B8878</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gold</td>
+    <td align="center" style="background-color:rgb(255, 215, 0)">gold</td>
+    <td align="left">rgb(255, 215,  0)</td>
+    <td align="left">#FFD700</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gold1</td>
+    <td align="center" style="background-color:rgb(255, 215, 0)">gold1</td>
+    <td align="left">rgb(255, 215,  0)</td>
+    <td align="left">#FFD700</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gold2</td>
+    <td align="center" style="background-color:rgb(238, 201, 0)">gold2</td>
+    <td align="left">rgb(238, 201,  0)</td>
+    <td align="left">#EEC900</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gold3</td>
+    <td align="center" style="background-color:rgb(205, 173, 0)">gold3</td>
+    <td align="left">rgb(205, 173,  0)</td>
+    <td align="left">#CDAD00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gold4</td>
+    <td align="center" style="background-color:rgb(139, 117, 0)">gold4</td>
+    <td align="left">rgb(139, 117,  0)</td>
+    <td align="left">#8B7500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrod</td>
+    <td align="center" style="background-color:rgb(238, 221, 130)">LightGoldenrod</td>
+    <td align="left">rgb(238, 221, 130)</td>
+    <td align="left">#EEDD82</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrod4</td>
+    <td align="center" style="background-color:rgb(139, 129, 76)">LightGoldenrod4</td>
+    <td align="left">rgb(139, 129, 76)</td>
+    <td align="left">#8B814C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrod1</td>
+    <td align="center" style="background-color:rgb(255, 236, 139)">LightGoldenrod1</td>
+    <td align="left">rgb(255, 236, 139)</td>
+    <td align="left">#FFEC8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrod3</td>
+    <td align="center" style="background-color:rgb(205, 190, 112)">LightGoldenrod3</td>
+    <td align="left">rgb(205, 190, 112)</td>
+    <td align="left">#CDBE70</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrod2</td>
+    <td align="center" style="background-color:rgb(238, 220, 130)">LightGoldenrod2</td>
+    <td align="left">rgb(238, 220, 130)</td>
+    <td align="left">#EEDC82</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cornsilk3</td>
+    <td align="center" style="background-color:rgb(205, 200, 177)">cornsilk3</td>
+    <td align="left">rgb(205, 200, 177)</td>
+    <td align="left">#CDC8B1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cornsilk2</td>
+    <td align="center" style="background-color:rgb(238, 232, 205)">cornsilk2</td>
+    <td align="left">rgb(238, 232, 205)</td>
+    <td align="left">#EEE8CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cornsilk</td>
+    <td align="center" style="background-color:rgb(255, 248, 220)">cornsilk</td>
+    <td align="left">rgb(255, 248, 220)</td>
+    <td align="left">#FFF8DC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cornsilk1</td>
+    <td align="center" style="background-color:rgb(255, 248, 220)">cornsilk1</td>
+    <td align="left">rgb(255, 248, 220)</td>
+    <td align="left">#FFF8DC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">goldenrod</td>
+    <td align="center" style="background-color:rgb(218, 165, 32)">goldenrod</td>
+    <td align="left">rgb(218, 165, 32)</td>
+    <td align="left">#DAA520</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">goldenrod1</td>
+    <td align="center" style="background-color:rgb(255, 193, 37)">goldenrod1</td>
+    <td align="left">rgb(255, 193, 37)</td>
+    <td align="left">#FFC125</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">goldenrod2</td>
+    <td align="center" style="background-color:rgb(238, 180, 34)">goldenrod2</td>
+    <td align="left">rgb(238, 180, 34)</td>
+    <td align="left">#EEB422</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">goldenrod3</td>
+    <td align="center" style="background-color:rgb(205, 155, 29)">goldenrod3</td>
+    <td align="left">rgb(205, 155, 29)</td>
+    <td align="left">#CD9B1D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">goldenrod4</td>
+    <td align="center" style="background-color:rgb(139, 105, 20)">goldenrod4</td>
+    <td align="left">rgb(139, 105, 20)</td>
+    <td align="left">#8B6914</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGoldenrod</td>
+    <td align="center" style="background-color:rgb(184, 134, 11)">DarkGoldenrod</td>
+    <td align="left">rgb(184, 134, 11)</td>
+    <td align="left">#B8860B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGoldenrod1</td>
+    <td align="center" style="background-color:rgb(255, 185, 15)">DarkGoldenrod1</td>
+    <td align="left">rgb(255, 185, 15)</td>
+    <td align="left">#FFB90F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGoldenrod2</td>
+    <td align="center" style="background-color:rgb(238, 173, 14)">DarkGoldenrod2</td>
+    <td align="left">rgb(238, 173, 14)</td>
+    <td align="left">#EEAD0E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGoldenrod3</td>
+    <td align="center" style="background-color:rgb(205, 149, 12)">DarkGoldenrod3</td>
+    <td align="left">rgb(205, 149, 12)</td>
+    <td align="left">#CD950C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGoldenrod4</td>
+    <td align="center" style="background-color:rgb(139, 101, 8)">DarkGoldenrod4</td>
+    <td align="left">rgb(139, 101,  8)</td>
+    <td align="left">#8B6508</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">FloralWhite</td>
+    <td align="center" style="background-color:rgb(255, 250, 240)">FloralWhite</td>
+    <td align="left">rgb(255, 250, 240)</td>
+    <td align="left">#FFFAF0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">wheat2</td>
+    <td align="center" style="background-color:rgb(238, 216, 174)">wheat2</td>
+    <td align="left">rgb(238, 216, 174)</td>
+    <td align="left">#EED8AE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OldLace</td>
+    <td align="center" style="background-color:rgb(253, 245, 230)">OldLace</td>
+    <td align="left">rgb(253, 245, 230)</td>
+    <td align="left">#FDF5E6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">wheat</td>
+    <td align="center" style="background-color:rgb(245, 222, 179)">wheat</td>
+    <td align="left">rgb(245, 222, 179)</td>
+    <td align="left">#F5DEB3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">wheat1</td>
+    <td align="center" style="background-color:rgb(255, 231, 186)">wheat1</td>
+    <td align="left">rgb(255, 231, 186)</td>
+    <td align="left">#FFE7BA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">wheat3</td>
+    <td align="center" style="background-color:rgb(205, 186, 150)">wheat3</td>
+    <td align="left">rgb(205, 186, 150)</td>
+    <td align="left">#CDBA96</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orange</td>
+    <td align="center" style="background-color:rgb(255, 165, 0)">orange</td>
+    <td align="left">rgb(255, 165,  0)</td>
+    <td align="left">#FFA500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orange1</td>
+    <td align="center" style="background-color:rgb(255, 165, 0)">orange1</td>
+    <td align="left">rgb(255, 165,  0)</td>
+    <td align="left">#FFA500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orange2</td>
+    <td align="center" style="background-color:rgb(238, 154, 0)">orange2</td>
+    <td align="left">rgb(238, 154,  0)</td>
+    <td align="left">#EE9A00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orange3</td>
+    <td align="center" style="background-color:rgb(205, 133, 0)">orange3</td>
+    <td align="left">rgb(205, 133,  0)</td>
+    <td align="left">#CD8500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orange4</td>
+    <td align="center" style="background-color:rgb(139, 90, 0)">orange4</td>
+    <td align="left">rgb(139, 90,   0)</td>
+    <td align="left">#8B5A00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">wheat4</td>
+    <td align="center" style="background-color:rgb(139, 126, 102)">wheat4</td>
+    <td align="left">rgb(139, 126, 102)</td>
+    <td align="left">#8B7E66</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">moccasin</td>
+    <td align="center" style="background-color:rgb(255, 228, 181)">moccasin</td>
+    <td align="left">rgb(255, 228, 181)</td>
+    <td align="left">#FFE4B5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PapayaWhip</td>
+    <td align="center" style="background-color:rgb(255, 239, 213)">PapayaWhip</td>
+    <td align="left">rgb(255, 239, 213)</td>
+    <td align="left">#FFEFD5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavajoWhite3</td>
+    <td align="center" style="background-color:rgb(205, 179, 139)">NavajoWhite3</td>
+    <td align="left">rgb(205, 179, 139)</td>
+    <td align="left">#CDB38B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">BlanchedAlmond</td>
+    <td align="center" style="background-color:rgb(255, 235, 205)">BlanchedAlmond</td>
+    <td align="left">rgb(255, 235, 205)</td>
+    <td align="left">#FFEBCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavajoWhite</td>
+    <td align="center" style="background-color:rgb(255, 222, 173)">NavajoWhite</td>
+    <td align="left">rgb(255, 222, 173)</td>
+    <td align="left">#FFDEAD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavajoWhite1</td>
+    <td align="center" style="background-color:rgb(255, 222, 173)">NavajoWhite1</td>
+    <td align="left">rgb(255, 222, 173)</td>
+    <td align="left">#FFDEAD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavajoWhite2</td>
+    <td align="center" style="background-color:rgb(238, 207, 161)">NavajoWhite2</td>
+    <td align="left">rgb(238, 207, 161)</td>
+    <td align="left">#EECFA1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavajoWhite4</td>
+    <td align="center" style="background-color:rgb(139, 121, 94)">NavajoWhite4</td>
+    <td align="left">rgb(139, 121, 94)</td>
+    <td align="left">#8B795E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AntiqueWhite4</td>
+    <td align="center" style="background-color:rgb(139, 131, 120)">AntiqueWhite4</td>
+    <td align="left">rgb(139, 131, 120)</td>
+    <td align="left">#8B8378</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AntiqueWhite</td>
+    <td align="center" style="background-color:rgb(250, 235, 215)">AntiqueWhite</td>
+    <td align="left">rgb(250, 235, 215)</td>
+    <td align="left">#FAEBD7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tan</td>
+    <td align="center" style="background-color:rgb(210, 180, 140)">tan</td>
+    <td align="left">rgb(210, 180, 140)</td>
+    <td align="left">#D2B48C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">bisque4</td>
+    <td align="center" style="background-color:rgb(139, 125, 107)">bisque4</td>
+    <td align="left">rgb(139, 125, 107)</td>
+    <td align="left">#8B7D6B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">burlywood</td>
+    <td align="center" style="background-color:rgb(222, 184, 135)">burlywood</td>
+    <td align="left">rgb(222, 184, 135)</td>
+    <td align="left">#DEB887</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AntiqueWhite2</td>
+    <td align="center" style="background-color:rgb(238, 223, 204)">AntiqueWhite2</td>
+    <td align="left">rgb(238, 223, 204)</td>
+    <td align="left">#EEDFCC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">burlywood1</td>
+    <td align="center" style="background-color:rgb(255, 211, 155)">burlywood1</td>
+    <td align="left">rgb(255, 211, 155)</td>
+    <td align="left">#FFD39B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">burlywood3</td>
+    <td align="center" style="background-color:rgb(205, 170, 125)">burlywood3</td>
+    <td align="left">rgb(205, 170, 125)</td>
+    <td align="left">#CDAA7D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">burlywood2</td>
+    <td align="center" style="background-color:rgb(238, 197, 145)">burlywood2</td>
+    <td align="left">rgb(238, 197, 145)</td>
+    <td align="left">#EEC591</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AntiqueWhite1</td>
+    <td align="center" style="background-color:rgb(255, 239, 219)">AntiqueWhite1</td>
+    <td align="left">rgb(255, 239, 219)</td>
+    <td align="left">#FFEFDB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">burlywood4</td>
+    <td align="center" style="background-color:rgb(139, 115, 85)">burlywood4</td>
+    <td align="left">rgb(139, 115, 85)</td>
+    <td align="left">#8B7355</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AntiqueWhite3</td>
+    <td align="center" style="background-color:rgb(205, 192, 176)">AntiqueWhite3</td>
+    <td align="left">rgb(205, 192, 176)</td>
+    <td align="left">#CDC0B0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrange</td>
+    <td align="center" style="background-color:rgb(255, 140, 0)">DarkOrange</td>
+    <td align="left">rgb(255, 140,  0)</td>
+    <td align="left">#FF8C00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">bisque2</td>
+    <td align="center" style="background-color:rgb(238, 213, 183)">bisque2</td>
+    <td align="left">rgb(238, 213, 183)</td>
+    <td align="left">#EED5B7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">bisque</td>
+    <td align="center" style="background-color:rgb(255, 228, 196)">bisque</td>
+    <td align="left">rgb(255, 228, 196)</td>
+    <td align="left">#FFE4C4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">bisque1</td>
+    <td align="center" style="background-color:rgb(255, 228, 196)">bisque1</td>
+    <td align="left">rgb(255, 228, 196)</td>
+    <td align="left">#FFE4C4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">bisque3</td>
+    <td align="center" style="background-color:rgb(205, 183, 158)">bisque3</td>
+    <td align="left">rgb(205, 183, 158)</td>
+    <td align="left">#CDB79E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrange1</td>
+    <td align="center" style="background-color:rgb(255, 127, 0)">DarkOrange1</td>
+    <td align="left">rgb(255, 127,  0)</td>
+    <td align="left">#FF7F00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">linen</td>
+    <td align="center" style="background-color:rgb(250, 240, 230)">linen</td>
+    <td align="left">rgb(250, 240, 230)</td>
+    <td align="left">#FAF0E6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrange2</td>
+    <td align="center" style="background-color:rgb(238, 118, 0)">DarkOrange2</td>
+    <td align="left">rgb(238, 118,  0)</td>
+    <td align="left">#EE7600</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrange3</td>
+    <td align="center" style="background-color:rgb(205, 102, 0)">DarkOrange3</td>
+    <td align="left">rgb(205, 102,  0)</td>
+    <td align="left">#CD6600</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrange4</td>
+    <td align="center" style="background-color:rgb(139, 69, 0)">DarkOrange4</td>
+    <td align="left">rgb(139, 69,   0)</td>
+    <td align="left">#8B4500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">peru</td>
+    <td align="center" style="background-color:rgb(205, 133, 63)">peru</td>
+    <td align="left">rgb(205, 133, 63)</td>
+    <td align="left">#CD853F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tan1</td>
+    <td align="center" style="background-color:rgb(255, 165, 79)">tan1</td>
+    <td align="left">rgb(255, 165, 79)</td>
+    <td align="left">#FFA54F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tan2</td>
+    <td align="center" style="background-color:rgb(238, 154, 73)">tan2</td>
+    <td align="left">rgb(238, 154, 73)</td>
+    <td align="left">#EE9A49</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tan3</td>
+    <td align="center" style="background-color:rgb(205, 133, 63)">tan3</td>
+    <td align="left">rgb(205, 133, 63)</td>
+    <td align="left">#CD853F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tan4</td>
+    <td align="center" style="background-color:rgb(139, 90, 43)">tan4</td>
+    <td align="left">rgb(139, 90,  43)</td>
+    <td align="left">#8B5A2B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PeachPuff</td>
+    <td align="center" style="background-color:rgb(255, 218, 185)">PeachPuff</td>
+    <td align="left">rgb(255, 218, 185)</td>
+    <td align="left">#FFDAB9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PeachPuff1</td>
+    <td align="center" style="background-color:rgb(255, 218, 185)">PeachPuff1</td>
+    <td align="left">rgb(255, 218, 185)</td>
+    <td align="left">#FFDAB9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PeachPuff4</td>
+    <td align="center" style="background-color:rgb(139, 119, 101)">PeachPuff4</td>
+    <td align="left">rgb(139, 119, 101)</td>
+    <td align="left">#8B7765</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PeachPuff2</td>
+    <td align="center" style="background-color:rgb(238, 203, 173)">PeachPuff2</td>
+    <td align="left">rgb(238, 203, 173)</td>
+    <td align="left">#EECBAD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PeachPuff3</td>
+    <td align="center" style="background-color:rgb(205, 175, 149)">PeachPuff3</td>
+    <td align="left">rgb(205, 175, 149)</td>
+    <td align="left">#CDAF95</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SandyBrown</td>
+    <td align="center" style="background-color:rgb(244, 164, 96)">SandyBrown</td>
+    <td align="left">rgb(244, 164, 96)</td>
+    <td align="left">#F4A460</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">seashell4</td>
+    <td align="center" style="background-color:rgb(139, 134, 130)">seashell4</td>
+    <td align="left">rgb(139, 134, 130)</td>
+    <td align="left">#8B8682</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">seashell2</td>
+    <td align="center" style="background-color:rgb(238, 229, 222)">seashell2</td>
+    <td align="left">rgb(238, 229, 222)</td>
+    <td align="left">#EEE5DE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">seashell3</td>
+    <td align="center" style="background-color:rgb(205, 197, 191)">seashell3</td>
+    <td align="left">rgb(205, 197, 191)</td>
+    <td align="left">#CDC5BF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chocolate</td>
+    <td align="center" style="background-color:rgb(210, 105, 30)">chocolate</td>
+    <td align="left">rgb(210, 105, 30)</td>
+    <td align="left">#D2691E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chocolate1</td>
+    <td align="center" style="background-color:rgb(255, 127, 36)">chocolate1</td>
+    <td align="left">rgb(255, 127, 36)</td>
+    <td align="left">#FF7F24</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chocolate2</td>
+    <td align="center" style="background-color:rgb(238, 118, 33)">chocolate2</td>
+    <td align="left">rgb(238, 118, 33)</td>
+    <td align="left">#EE7621</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chocolate3</td>
+    <td align="center" style="background-color:rgb(205, 102, 29)">chocolate3</td>
+    <td align="left">rgb(205, 102, 29)</td>
+    <td align="left">#CD661D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chocolate4</td>
+    <td align="center" style="background-color:rgb(139, 69, 19)">chocolate4</td>
+    <td align="left">rgb(139, 69,  19)</td>
+    <td align="left">#8B4513</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SaddleBrown</td>
+    <td align="center" style="background-color:rgb(139, 69, 19)">SaddleBrown</td>
+    <td align="left">rgb(139, 69,  19)</td>
+    <td align="left">#8B4513</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">seashell</td>
+    <td align="center" style="background-color:rgb(255, 245, 238)">seashell</td>
+    <td align="left">rgb(255, 245, 238)</td>
+    <td align="left">#FFF5EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">seashell1</td>
+    <td align="center" style="background-color:rgb(255, 245, 238)">seashell1</td>
+    <td align="left">rgb(255, 245, 238)</td>
+    <td align="left">#FFF5EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">sienna4</td>
+    <td align="center" style="background-color:rgb(139, 71, 38)">sienna4</td>
+    <td align="left">rgb(139, 71,  38)</td>
+    <td align="left">#8B4726</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">sienna</td>
+    <td align="center" style="background-color:rgb(160, 82, 45)">sienna</td>
+    <td align="left">rgb(160, 82,  45)</td>
+    <td align="left">#A0522D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">sienna1</td>
+    <td align="center" style="background-color:rgb(255, 130, 71)">sienna1</td>
+    <td align="left">rgb(255, 130, 71)</td>
+    <td align="left">#FF8247</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">sienna2</td>
+    <td align="center" style="background-color:rgb(238, 121, 66)">sienna2</td>
+    <td align="left">rgb(238, 121, 66)</td>
+    <td align="left">#EE7942</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">sienna3</td>
+    <td align="center" style="background-color:rgb(205, 104, 57)">sienna3</td>
+    <td align="left">rgb(205, 104, 57)</td>
+    <td align="left">#CD6839</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSalmon3</td>
+    <td align="center" style="background-color:rgb(205, 129, 98)">LightSalmon3</td>
+    <td align="left">rgb(205, 129, 98)</td>
+    <td align="left">#CD8162</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSalmon</td>
+    <td align="center" style="background-color:rgb(255, 160, 122)">LightSalmon</td>
+    <td align="left">rgb(255, 160, 122)</td>
+    <td align="left">#FFA07A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSalmon1</td>
+    <td align="center" style="background-color:rgb(255, 160, 122)">LightSalmon1</td>
+    <td align="left">rgb(255, 160, 122)</td>
+    <td align="left">#FFA07A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSalmon4</td>
+    <td align="center" style="background-color:rgb(139, 87, 66)">LightSalmon4</td>
+    <td align="left">rgb(139, 87,  66)</td>
+    <td align="left">#8B5742</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSalmon2</td>
+    <td align="center" style="background-color:rgb(238, 149, 114)">LightSalmon2</td>
+    <td align="left">rgb(238, 149, 114)</td>
+    <td align="left">#EE9572</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">coral</td>
+    <td align="center" style="background-color:rgb(255, 127, 80)">coral</td>
+    <td align="left">rgb(255, 127, 80)</td>
+    <td align="left">#FF7F50</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OrangeRed</td>
+    <td align="center" style="background-color:rgb(255, 69, 0)">OrangeRed</td>
+    <td align="left">rgb(255, 69,   0)</td>
+    <td align="left">#FF4500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OrangeRed1</td>
+    <td align="center" style="background-color:rgb(255, 69, 0)">OrangeRed1</td>
+    <td align="left">rgb(255, 69,   0)</td>
+    <td align="left">#FF4500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OrangeRed2</td>
+    <td align="center" style="background-color:rgb(238, 64, 0)">OrangeRed2</td>
+    <td align="left">rgb(238, 64,   0)</td>
+    <td align="left">#EE4000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OrangeRed3</td>
+    <td align="center" style="background-color:rgb(205, 55, 0)">OrangeRed3</td>
+    <td align="left">rgb(205, 55,   0)</td>
+    <td align="left">#CD3700</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OrangeRed4</td>
+    <td align="center" style="background-color:rgb(139, 37, 0)">OrangeRed4</td>
+    <td align="left">rgb(139, 37,   0)</td>
+    <td align="left">#8B2500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSalmon</td>
+    <td align="center" style="background-color:rgb(233, 150, 122)">DarkSalmon</td>
+    <td align="left">rgb(233, 150, 122)</td>
+    <td align="left">#E9967A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">salmon1</td>
+    <td align="center" style="background-color:rgb(255, 140, 105)">salmon1</td>
+    <td align="left">rgb(255, 140, 105)</td>
+    <td align="left">#FF8C69</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">salmon2</td>
+    <td align="center" style="background-color:rgb(238, 130, 98)">salmon2</td>
+    <td align="left">rgb(238, 130, 98)</td>
+    <td align="left">#EE8262</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">salmon3</td>
+    <td align="center" style="background-color:rgb(205, 112, 84)">salmon3</td>
+    <td align="left">rgb(205, 112, 84)</td>
+    <td align="left">#CD7054</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">salmon4</td>
+    <td align="center" style="background-color:rgb(139, 76, 57)">salmon4</td>
+    <td align="left">rgb(139, 76,  57)</td>
+    <td align="left">#8B4C39</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">coral1</td>
+    <td align="center" style="background-color:rgb(255, 114, 86)">coral1</td>
+    <td align="left">rgb(255, 114, 86)</td>
+    <td align="left">#FF7256</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">coral2</td>
+    <td align="center" style="background-color:rgb(238, 106, 80)">coral2</td>
+    <td align="left">rgb(238, 106, 80)</td>
+    <td align="left">#EE6A50</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">coral3</td>
+    <td align="center" style="background-color:rgb(205, 91, 69)">coral3</td>
+    <td align="left">rgb(205, 91,  69)</td>
+    <td align="left">#CD5B45</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">coral4</td>
+    <td align="center" style="background-color:rgb(139, 62, 47)">coral4</td>
+    <td align="left">rgb(139, 62,  47)</td>
+    <td align="left">#8B3E2F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tomato4</td>
+    <td align="center" style="background-color:rgb(139, 54, 38)">tomato4</td>
+    <td align="left">rgb(139, 54,  38)</td>
+    <td align="left">#8B3626</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tomato</td>
+    <td align="center" style="background-color:rgb(255, 99, 71)">tomato</td>
+    <td align="left">rgb(255, 99,  71)</td>
+    <td align="left">#FF6347</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tomato1</td>
+    <td align="center" style="background-color:rgb(255, 99, 71)">tomato1</td>
+    <td align="left">rgb(255, 99,  71)</td>
+    <td align="left">#FF6347</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tomato2</td>
+    <td align="center" style="background-color:rgb(238, 92, 66)">tomato2</td>
+    <td align="left">rgb(238, 92,  66)</td>
+    <td align="left">#EE5C42</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tomato3</td>
+    <td align="center" style="background-color:rgb(205, 79, 57)">tomato3</td>
+    <td align="left">rgb(205, 79,  57)</td>
+    <td align="left">#CD4F39</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MistyRose4</td>
+    <td align="center" style="background-color:rgb(139, 125, 123)">MistyRose4</td>
+    <td align="left">rgb(139, 125, 123)</td>
+    <td align="left">#8B7D7B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MistyRose2</td>
+    <td align="center" style="background-color:rgb(238, 213, 210)">MistyRose2</td>
+    <td align="left">rgb(238, 213, 210)</td>
+    <td align="left">#EED5D2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MistyRose</td>
+    <td align="center" style="background-color:rgb(255, 228, 225)">MistyRose</td>
+    <td align="left">rgb(255, 228, 225)</td>
+    <td align="left">#FFE4E1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MistyRose1</td>
+    <td align="center" style="background-color:rgb(255, 228, 225)">MistyRose1</td>
+    <td align="left">rgb(255, 228, 225)</td>
+    <td align="left">#FFE4E1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">salmon</td>
+    <td align="center" style="background-color:rgb(250, 128, 114)">salmon</td>
+    <td align="left">rgb(250, 128, 114)</td>
+    <td align="left">#FA8072</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MistyRose3</td>
+    <td align="center" style="background-color:rgb(205, 183, 181)">MistyRose3</td>
+    <td align="left">rgb(205, 183, 181)</td>
+    <td align="left">#CDB7B5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">white</td>
+    <td align="center" style="background-color:rgb(255, 255, 255)">white</td>
+    <td align="left">rgb(255, 255, 255)</td>
+    <td align="left">#FFFFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray100</td>
+    <td align="center" style="background-color:rgb(255, 255, 255)">gray100</td>
+    <td align="left">rgb(255, 255, 255)</td>
+    <td align="left">#FFFFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey100</td>
+    <td align="center" style="background-color:rgb(255, 255, 255)">grey100</td>
+    <td align="left">rgb(255, 255, 255)</td>
+    <td align="left">#FFFFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey100</td>
+    <td align="center" style="background-color:rgb(255, 255, 255)">grey100</td>
+    <td align="left">rgb(255, 255, 255)</td>
+    <td align="left">#FFFFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray99</td>
+    <td align="center" style="background-color:rgb(252, 252, 252)">gray99</td>
+    <td align="left">rgb(252, 252, 252)</td>
+    <td align="left">#FCFCFC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey99</td>
+    <td align="center" style="background-color:rgb(252, 252, 252)">grey99</td>
+    <td align="left">rgb(252, 252, 252)</td>
+    <td align="left">#FCFCFC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray98</td>
+    <td align="center" style="background-color:rgb(250, 250, 250)">gray98</td>
+    <td align="left">rgb(250, 250, 250)</td>
+    <td align="left">#FAFAFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey98</td>
+    <td align="center" style="background-color:rgb(250, 250, 250)">grey98</td>
+    <td align="left">rgb(250, 250, 250)</td>
+    <td align="left">#FAFAFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray97</td>
+    <td align="center" style="background-color:rgb(247, 247, 247)">gray97</td>
+    <td align="left">rgb(247, 247, 247)</td>
+    <td align="left">#F7F7F7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey97</td>
+    <td align="center" style="background-color:rgb(247, 247, 247)">grey97</td>
+    <td align="left">rgb(247, 247, 247)</td>
+    <td align="left">#F7F7F7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray96</td>
+    <td align="center" style="background-color:rgb(245, 245, 245)">gray96</td>
+    <td align="left">rgb(245, 245, 245)</td>
+    <td align="left">#F5F5F5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey96</td>
+    <td align="center" style="background-color:rgb(245, 245, 245)">grey96</td>
+    <td align="left">rgb(245, 245, 245)</td>
+    <td align="left">#F5F5F5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">WhiteSmoke</td>
+    <td align="center" style="background-color:rgb(245, 245, 245)">WhiteSmoke</td>
+    <td align="left">rgb(245, 245, 245)</td>
+    <td align="left">#F5F5F5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray95</td>
+    <td align="center" style="background-color:rgb(242, 242, 242)">gray95</td>
+    <td align="left">rgb(242, 242, 242)</td>
+    <td align="left">#F2F2F2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey95</td>
+    <td align="center" style="background-color:rgb(242, 242, 242)">grey95</td>
+    <td align="left">rgb(242, 242, 242)</td>
+    <td align="left">#F2F2F2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray94</td>
+    <td align="center" style="background-color:rgb(240, 240, 240)">gray94</td>
+    <td align="left">rgb(240, 240, 240)</td>
+    <td align="left">#F0F0F0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey94</td>
+    <td align="center" style="background-color:rgb(240, 240, 240)">grey94</td>
+    <td align="left">rgb(240, 240, 240)</td>
+    <td align="left">#F0F0F0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray93</td>
+    <td align="center" style="background-color:rgb(237, 237, 237)">gray93</td>
+    <td align="left">rgb(237, 237, 237)</td>
+    <td align="left">#EDEDED</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey93</td>
+    <td align="center" style="background-color:rgb(237, 237, 237)">grey93</td>
+    <td align="left">rgb(237, 237, 237)</td>
+    <td align="left">#EDEDED</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray92</td>
+    <td align="center" style="background-color:rgb(235, 235, 235)">gray92</td>
+    <td align="left">rgb(235, 235, 235)</td>
+    <td align="left">#EBEBEB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey92</td>
+    <td align="center" style="background-color:rgb(235, 235, 235)">grey92</td>
+    <td align="left">rgb(235, 235, 235)</td>
+    <td align="left">#EBEBEB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray91</td>
+    <td align="center" style="background-color:rgb(232, 232, 232)">gray91</td>
+    <td align="left">rgb(232, 232, 232)</td>
+    <td align="left">#E8E8E8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey91</td>
+    <td align="center" style="background-color:rgb(232, 232, 232)">grey91</td>
+    <td align="left">rgb(232, 232, 232)</td>
+    <td align="left">#E8E8E8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray90</td>
+    <td align="center" style="background-color:rgb(229, 229, 229)">gray90</td>
+    <td align="left">rgb(229, 229, 229)</td>
+    <td align="left">#E5E5E5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey90</td>
+    <td align="center" style="background-color:rgb(229, 229, 229)">grey90</td>
+    <td align="left">rgb(229, 229, 229)</td>
+    <td align="left">#E5E5E5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray89</td>
+    <td align="center" style="background-color:rgb(227, 227, 227)">gray89</td>
+    <td align="left">rgb(227, 227, 227)</td>
+    <td align="left">#E3E3E3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey89</td>
+    <td align="center" style="background-color:rgb(227, 227, 227)">grey89</td>
+    <td align="left">rgb(227, 227, 227)</td>
+    <td align="left">#E3E3E3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray88</td>
+    <td align="center" style="background-color:rgb(224, 224, 224)">gray88</td>
+    <td align="left">rgb(224, 224, 224)</td>
+    <td align="left">#E0E0E0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey88</td>
+    <td align="center" style="background-color:rgb(224, 224, 224)">grey88</td>
+    <td align="left">rgb(224, 224, 224)</td>
+    <td align="left">#E0E0E0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray87</td>
+    <td align="center" style="background-color:rgb(222, 222, 222)">gray87</td>
+    <td align="left">rgb(222, 222, 222)</td>
+    <td align="left">#DEDEDE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey87</td>
+    <td align="center" style="background-color:rgb(222, 222, 222)">grey87</td>
+    <td align="left">rgb(222, 222, 222)</td>
+    <td align="left">#DEDEDE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gainsboro</td>
+    <td align="center" style="background-color:rgb(220, 220, 220)">gainsboro</td>
+    <td align="left">rgb(220, 220, 220)</td>
+    <td align="left">#DCDCDC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray86</td>
+    <td align="center" style="background-color:rgb(219, 219, 219)">gray86</td>
+    <td align="left">rgb(219, 219, 219)</td>
+    <td align="left">#DBDBDB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey86</td>
+    <td align="center" style="background-color:rgb(219, 219, 219)">grey86</td>
+    <td align="left">rgb(219, 219, 219)</td>
+    <td align="left">#DBDBDB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray85</td>
+    <td align="center" style="background-color:rgb(217, 217, 217)">gray85</td>
+    <td align="left">rgb(217, 217, 217)</td>
+    <td align="left">#D9D9D9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey85</td>
+    <td align="center" style="background-color:rgb(217, 217, 217)">grey85</td>
+    <td align="left">rgb(217, 217, 217)</td>
+    <td align="left">#D9D9D9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray84</td>
+    <td align="center" style="background-color:rgb(214, 214, 214)">gray84</td>
+    <td align="left">rgb(214, 214, 214)</td>
+    <td align="left">#D6D6D6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey84</td>
+    <td align="center" style="background-color:rgb(214, 214, 214)">grey84</td>
+    <td align="left">rgb(214, 214, 214)</td>
+    <td align="left">#D6D6D6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray83</td>
+    <td align="center" style="background-color:rgb(212, 212, 212)">gray83</td>
+    <td align="left">rgb(212, 212, 212)</td>
+    <td align="left">#D4D4D4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey83</td>
+    <td align="center" style="background-color:rgb(212, 212, 212)">grey83</td>
+    <td align="left">rgb(212, 212, 212)</td>
+    <td align="left">#D4D4D4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGray</td>
+    <td align="center" style="background-color:rgb(211, 211, 211)">LightGray</td>
+    <td align="left">rgb(211, 211, 211)</td>
+    <td align="left">#D3D3D3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGrey</td>
+    <td align="center" style="background-color:rgb(211, 211, 211)">LightGrey</td>
+    <td align="left">rgb(211, 211, 211)</td>
+    <td align="left">#D3D3D3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray82</td>
+    <td align="center" style="background-color:rgb(209, 209, 209)">gray82</td>
+    <td align="left">rgb(209, 209, 209)</td>
+    <td align="left">#D1D1D1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey82</td>
+    <td align="center" style="background-color:rgb(209, 209, 209)">grey82</td>
+    <td align="left">rgb(209, 209, 209)</td>
+    <td align="left">#D1D1D1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray81</td>
+    <td align="center" style="background-color:rgb(207, 207, 207)">gray81</td>
+    <td align="left">rgb(207, 207, 207)</td>
+    <td align="left">#CFCFCF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey81</td>
+    <td align="center" style="background-color:rgb(207, 207, 207)">grey81</td>
+    <td align="left">rgb(207, 207, 207)</td>
+    <td align="left">#CFCFCF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray80</td>
+    <td align="center" style="background-color:rgb(204, 204, 204)">gray80</td>
+    <td align="left">rgb(204, 204, 204)</td>
+    <td align="left">#CCCCCC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey80</td>
+    <td align="center" style="background-color:rgb(204, 204, 204)">grey80</td>
+    <td align="left">rgb(204, 204, 204)</td>
+    <td align="left">#CCCCCC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray79</td>
+    <td align="center" style="background-color:rgb(201, 201, 201)">gray79</td>
+    <td align="left">rgb(201, 201, 201)</td>
+    <td align="left">#C9C9C9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey79</td>
+    <td align="center" style="background-color:rgb(201, 201, 201)">grey79</td>
+    <td align="left">rgb(201, 201, 201)</td>
+    <td align="left">#C9C9C9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray78</td>
+    <td align="center" style="background-color:rgb(199, 199, 199)">gray78</td>
+    <td align="left">rgb(199, 199, 199)</td>
+    <td align="left">#C7C7C7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey78</td>
+    <td align="center" style="background-color:rgb(199, 199, 199)">grey78</td>
+    <td align="left">rgb(199, 199, 199)</td>
+    <td align="left">#C7C7C7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray77</td>
+    <td align="center" style="background-color:rgb(196, 196, 196)">gray77</td>
+    <td align="left">rgb(196, 196, 196)</td>
+    <td align="left">#C4C4C4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey77</td>
+    <td align="center" style="background-color:rgb(196, 196, 196)">grey77</td>
+    <td align="left">rgb(196, 196, 196)</td>
+    <td align="left">#C4C4C4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray76</td>
+    <td align="center" style="background-color:rgb(194, 194, 194)">gray76</td>
+    <td align="left">rgb(194, 194, 194)</td>
+    <td align="left">#C2C2C2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey76</td>
+    <td align="center" style="background-color:rgb(194, 194, 194)">grey76</td>
+    <td align="left">rgb(194, 194, 194)</td>
+    <td align="left">#C2C2C2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">silver</td>
+    <td align="center" style="background-color:rgb(192, 192, 192)">silver</td>
+    <td align="left">rgb(192, 192, 192)</td>
+    <td align="left">#C0C0C0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray75</td>
+    <td align="center" style="background-color:rgb(191, 191, 191)">gray75</td>
+    <td align="left">rgb(191, 191, 191)</td>
+    <td align="left">#BFBFBF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey75</td>
+    <td align="center" style="background-color:rgb(191, 191, 191)">grey75</td>
+    <td align="left">rgb(191, 191, 191)</td>
+    <td align="left">#BFBFBF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray74</td>
+    <td align="center" style="background-color:rgb(189, 189, 189)">gray74</td>
+    <td align="left">rgb(189, 189, 189)</td>
+    <td align="left">#BDBDBD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey74</td>
+    <td align="center" style="background-color:rgb(189, 189, 189)">grey74</td>
+    <td align="left">rgb(189, 189, 189)</td>
+    <td align="left">#BDBDBD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray73</td>
+    <td align="center" style="background-color:rgb(186, 186, 186)">gray73</td>
+    <td align="left">rgb(186, 186, 186)</td>
+    <td align="left">#BABABA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey73</td>
+    <td align="center" style="background-color:rgb(186, 186, 186)">grey73</td>
+    <td align="left">rgb(186, 186, 186)</td>
+    <td align="left">#BABABA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray72</td>
+    <td align="center" style="background-color:rgb(184, 184, 184)">gray72</td>
+    <td align="left">rgb(184, 184, 184)</td>
+    <td align="left">#B8B8B8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey72</td>
+    <td align="center" style="background-color:rgb(184, 184, 184)">grey72</td>
+    <td align="left">rgb(184, 184, 184)</td>
+    <td align="left">#B8B8B8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray71</td>
+    <td align="center" style="background-color:rgb(181, 181, 181)">gray71</td>
+    <td align="left">rgb(181, 181, 181)</td>
+    <td align="left">#B5B5B5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey71</td>
+    <td align="center" style="background-color:rgb(181, 181, 181)">grey71</td>
+    <td align="left">rgb(181, 181, 181)</td>
+    <td align="left">#B5B5B5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray70</td>
+    <td align="center" style="background-color:rgb(179, 179, 179)">gray70</td>
+    <td align="left">rgb(179, 179, 179)</td>
+    <td align="left">#B3B3B3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey70</td>
+    <td align="center" style="background-color:rgb(179, 179, 179)">grey70</td>
+    <td align="left">rgb(179, 179, 179)</td>
+    <td align="left">#B3B3B3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray69</td>
+    <td align="center" style="background-color:rgb(176, 176, 176)">gray69</td>
+    <td align="left">rgb(176, 176, 176)</td>
+    <td align="left">#B0B0B0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey69</td>
+    <td align="center" style="background-color:rgb(176, 176, 176)">grey69</td>
+    <td align="left">rgb(176, 176, 176)</td>
+    <td align="left">#B0B0B0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray68</td>
+    <td align="center" style="background-color:rgb(173, 173, 173)">gray68</td>
+    <td align="left">rgb(173, 173, 173)</td>
+    <td align="left">#ADADAD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey68</td>
+    <td align="center" style="background-color:rgb(173, 173, 173)">grey68</td>
+    <td align="left">rgb(173, 173, 173)</td>
+    <td align="left">#ADADAD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray67</td>
+    <td align="center" style="background-color:rgb(171, 171, 171)">gray67</td>
+    <td align="left">rgb(171, 171, 171)</td>
+    <td align="left">#ABABAB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey67</td>
+    <td align="center" style="background-color:rgb(171, 171, 171)">grey67</td>
+    <td align="left">rgb(171, 171, 171)</td>
+    <td align="left">#ABABAB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGray</td>
+    <td align="center" style="background-color:rgb(169, 169, 169)">DarkGray</td>
+    <td align="left">rgb(169, 169, 169)</td>
+    <td align="left">#A9A9A9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGrey</td>
+    <td align="center" style="background-color:rgb(169, 169, 169)">DarkGrey</td>
+    <td align="left">rgb(169, 169, 169)</td>
+    <td align="left">#A9A9A9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray66</td>
+    <td align="center" style="background-color:rgb(168, 168, 168)">gray66</td>
+    <td align="left">rgb(168, 168, 168)</td>
+    <td align="left">#A8A8A8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey66</td>
+    <td align="center" style="background-color:rgb(168, 168, 168)">grey66</td>
+    <td align="left">rgb(168, 168, 168)</td>
+    <td align="left">#A8A8A8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray65</td>
+    <td align="center" style="background-color:rgb(166, 166, 166)">gray65</td>
+    <td align="left">rgb(166, 166, 166)</td>
+    <td align="left">#A6A6A6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey65</td>
+    <td align="center" style="background-color:rgb(166, 166, 166)">grey65</td>
+    <td align="left">rgb(166, 166, 166)</td>
+    <td align="left">#A6A6A6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray64</td>
+    <td align="center" style="background-color:rgb(163, 163, 163)">gray64</td>
+    <td align="left">rgb(163, 163, 163)</td>
+    <td align="left">#A3A3A3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey64</td>
+    <td align="center" style="background-color:rgb(163, 163, 163)">grey64</td>
+    <td align="left">rgb(163, 163, 163)</td>
+    <td align="left">#A3A3A3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray63</td>
+    <td align="center" style="background-color:rgb(161, 161, 161)">gray63</td>
+    <td align="left">rgb(161, 161, 161)</td>
+    <td align="left">#A1A1A1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey63</td>
+    <td align="center" style="background-color:rgb(161, 161, 161)">grey63</td>
+    <td align="left">rgb(161, 161, 161)</td>
+    <td align="left">#A1A1A1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray62</td>
+    <td align="center" style="background-color:rgb(158, 158, 158)">gray62</td>
+    <td align="left">rgb(158, 158, 158)</td>
+    <td align="left">#9E9E9E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey62</td>
+    <td align="center" style="background-color:rgb(158, 158, 158)">grey62</td>
+    <td align="left">rgb(158, 158, 158)</td>
+    <td align="left">#9E9E9E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray61</td>
+    <td align="center" style="background-color:rgb(156, 156, 156)">gray61</td>
+    <td align="left">rgb(156, 156, 156)</td>
+    <td align="left">#9C9C9C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey61</td>
+    <td align="center" style="background-color:rgb(156, 156, 156)">grey61</td>
+    <td align="left">rgb(156, 156, 156)</td>
+    <td align="left">#9C9C9C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray60</td>
+    <td align="center" style="background-color:rgb(153, 153, 153)">gray60</td>
+    <td align="left">rgb(153, 153, 153)</td>
+    <td align="left">#999999</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey60</td>
+    <td align="center" style="background-color:rgb(153, 153, 153)">grey60</td>
+    <td align="left">rgb(153, 153, 153)</td>
+    <td align="left">#999999</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray59</td>
+    <td align="center" style="background-color:rgb(150, 150, 150)">gray59</td>
+    <td align="left">rgb(150, 150, 150)</td>
+    <td align="left">#969696</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey59</td>
+    <td align="center" style="background-color:rgb(150, 150, 150)">grey59</td>
+    <td align="left">rgb(150, 150, 150)</td>
+    <td align="left">#969696</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray58</td>
+    <td align="center" style="background-color:rgb(148, 148, 148)">gray58</td>
+    <td align="left">rgb(148, 148, 148)</td>
+    <td align="left">#949494</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey58</td>
+    <td align="center" style="background-color:rgb(148, 148, 148)">grey58</td>
+    <td align="left">rgb(148, 148, 148)</td>
+    <td align="left">#949494</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray57</td>
+    <td align="center" style="background-color:rgb(145, 145, 145)">gray57</td>
+    <td align="left">rgb(145, 145, 145)</td>
+    <td align="left">#919191</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey57</td>
+    <td align="center" style="background-color:rgb(145, 145, 145)">grey57</td>
+    <td align="left">rgb(145, 145, 145)</td>
+    <td align="left">#919191</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray56</td>
+    <td align="center" style="background-color:rgb(143, 143, 143)">gray56</td>
+    <td align="left">rgb(143, 143, 143)</td>
+    <td align="left">#8F8F8F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey56</td>
+    <td align="center" style="background-color:rgb(143, 143, 143)">grey56</td>
+    <td align="left">rgb(143, 143, 143)</td>
+    <td align="left">#8F8F8F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray55</td>
+    <td align="center" style="background-color:rgb(140, 140, 140)">gray55</td>
+    <td align="left">rgb(140, 140, 140)</td>
+    <td align="left">#8C8C8C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey55</td>
+    <td align="center" style="background-color:rgb(140, 140, 140)">grey55</td>
+    <td align="left">rgb(140, 140, 140)</td>
+    <td align="left">#8C8C8C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray54</td>
+    <td align="center" style="background-color:rgb(138, 138, 138)">gray54</td>
+    <td align="left">rgb(138, 138, 138)</td>
+    <td align="left">#8A8A8A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey54</td>
+    <td align="center" style="background-color:rgb(138, 138, 138)">grey54</td>
+    <td align="left">rgb(138, 138, 138)</td>
+    <td align="left">#8A8A8A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray53</td>
+    <td align="center" style="background-color:rgb(135, 135, 135)">gray53</td>
+    <td align="left">rgb(135, 135, 135)</td>
+    <td align="left">#878787</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey53</td>
+    <td align="center" style="background-color:rgb(135, 135, 135)">grey53</td>
+    <td align="left">rgb(135, 135, 135)</td>
+    <td align="left">#878787</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray52</td>
+    <td align="center" style="background-color:rgb(133, 133, 133)">gray52</td>
+    <td align="left">rgb(133, 133, 133)</td>
+    <td align="left">#858585</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey52</td>
+    <td align="center" style="background-color:rgb(133, 133, 133)">grey52</td>
+    <td align="left">rgb(133, 133, 133)</td>
+    <td align="left">#858585</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray51</td>
+    <td align="center" style="background-color:rgb(130, 130, 130)">gray51</td>
+    <td align="left">rgb(130, 130, 130)</td>
+    <td align="left">#828282</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey51</td>
+    <td align="center" style="background-color:rgb(130, 130, 130)">grey51</td>
+    <td align="left">rgb(130, 130, 130)</td>
+    <td align="left">#828282</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">fractal</td>
+    <td align="center" style="background-color:rgb(128, 128, 128)">fractal</td>
+    <td align="left">rgb(128, 128, 128)</td>
+    <td align="left">#808080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray50</td>
+    <td align="center" style="background-color:rgb(127, 127, 127)">gray50</td>
+    <td align="left">rgb(127, 127, 127)</td>
+    <td align="left">#7F7F7F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey50</td>
+    <td align="center" style="background-color:rgb(127, 127, 127)">grey50</td>
+    <td align="left">rgb(127, 127, 127)</td>
+    <td align="left">#7F7F7F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray</td>
+    <td align="center" style="background-color:rgb(126, 126, 126)">gray</td>
+    <td align="left">rgb(126, 126, 126)</td>
+    <td align="left">#7E7E7E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray49</td>
+    <td align="center" style="background-color:rgb(125, 125, 125)">gray49</td>
+    <td align="left">rgb(125, 125, 125)</td>
+    <td align="left">#7D7D7D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey49</td>
+    <td align="center" style="background-color:rgb(125, 125, 125)">grey49</td>
+    <td align="left">rgb(125, 125, 125)</td>
+    <td align="left">#7D7D7D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray48</td>
+    <td align="center" style="background-color:rgb(122, 122, 122)">gray48</td>
+    <td align="left">rgb(122, 122, 122)</td>
+    <td align="left">#7A7A7A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey48</td>
+    <td align="center" style="background-color:rgb(122, 122, 122)">grey48</td>
+    <td align="left">rgb(122, 122, 122)</td>
+    <td align="left">#7A7A7A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray47</td>
+    <td align="center" style="background-color:rgb(120, 120, 120)">gray47</td>
+    <td align="left">rgb(120, 120, 120)</td>
+    <td align="left">#787878</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey47</td>
+    <td align="center" style="background-color:rgb(120, 120, 120)">grey47</td>
+    <td align="left">rgb(120, 120, 120)</td>
+    <td align="left">#787878</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray46</td>
+    <td align="center" style="background-color:rgb(117, 117, 117)">gray46</td>
+    <td align="left">rgb(117, 117, 117)</td>
+    <td align="left">#757575</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey46</td>
+    <td align="center" style="background-color:rgb(117, 117, 117)">grey46</td>
+    <td align="left">rgb(117, 117, 117)</td>
+    <td align="left">#757575</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray45</td>
+    <td align="center" style="background-color:rgb(115, 115, 115)">gray45</td>
+    <td align="left">rgb(115, 115, 115)</td>
+    <td align="left">#737373</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey45</td>
+    <td align="center" style="background-color:rgb(115, 115, 115)">grey45</td>
+    <td align="left">rgb(115, 115, 115)</td>
+    <td align="left">#737373</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray44</td>
+    <td align="center" style="background-color:rgb(112, 112, 112)">gray44</td>
+    <td align="left">rgb(112, 112, 112)</td>
+    <td align="left">#707070</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey44</td>
+    <td align="center" style="background-color:rgb(112, 112, 112)">grey44</td>
+    <td align="left">rgb(112, 112, 112)</td>
+    <td align="left">#707070</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray43</td>
+    <td align="center" style="background-color:rgb(110, 110, 110)">gray43</td>
+    <td align="left">rgb(110, 110, 110)</td>
+    <td align="left">#6E6E6E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey43</td>
+    <td align="center" style="background-color:rgb(110, 110, 110)">grey43</td>
+    <td align="left">rgb(110, 110, 110)</td>
+    <td align="left">#6E6E6E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray42</td>
+    <td align="center" style="background-color:rgb(107, 107, 107)">gray42</td>
+    <td align="left">rgb(107, 107, 107)</td>
+    <td align="left">#6B6B6B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey42</td>
+    <td align="center" style="background-color:rgb(107, 107, 107)">grey42</td>
+    <td align="left">rgb(107, 107, 107)</td>
+    <td align="left">#6B6B6B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DimGray</td>
+    <td align="center" style="background-color:rgb(105, 105, 105)">DimGray</td>
+    <td align="left">rgb(105, 105, 105)</td>
+    <td align="left">#696969</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DimGrey</td>
+    <td align="center" style="background-color:rgb(105, 105, 105)">DimGrey</td>
+    <td align="left">rgb(105, 105, 105)</td>
+    <td align="left">#696969</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray41</td>
+    <td align="center" style="background-color:rgb(105, 105, 105)">gray41</td>
+    <td align="left">rgb(105, 105, 105)</td>
+    <td align="left">#696969</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey41</td>
+    <td align="center" style="background-color:rgb(105, 105, 105)">grey41</td>
+    <td align="left">rgb(105, 105, 105)</td>
+    <td align="left">#696969</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray40</td>
+    <td align="center" style="background-color:rgb(102, 102, 102)">gray40</td>
+    <td align="left">rgb(102, 102, 102)</td>
+    <td align="left">#666666</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey40</td>
+    <td align="center" style="background-color:rgb(102, 102, 102)">grey40</td>
+    <td align="left">rgb(102, 102, 102)</td>
+    <td align="left">#666666</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray39</td>
+    <td align="center" style="background-color:rgb( 99, 99, 99)">gray39</td>
+    <td align="left">rgb( 99, 99,  99)</td>
+    <td align="left">#636363</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey39</td>
+    <td align="center" style="background-color:rgb( 99, 99, 99)">grey39</td>
+    <td align="left">rgb( 99, 99,  99)</td>
+    <td align="left">#636363</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray38</td>
+    <td align="center" style="background-color:rgb( 97, 97, 97)">gray38</td>
+    <td align="left">rgb( 97, 97,  97)</td>
+    <td align="left">#616161</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey38</td>
+    <td align="center" style="background-color:rgb( 97, 97, 97)">grey38</td>
+    <td align="left">rgb( 97, 97,  97)</td>
+    <td align="left">#616161</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray37</td>
+    <td align="center" style="background-color:rgb( 94, 94, 94)">gray37</td>
+    <td align="left">rgb( 94, 94,  94)</td>
+    <td align="left">#5E5E5E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey37</td>
+    <td align="center" style="background-color:rgb( 94, 94, 94)">grey37</td>
+    <td align="left">rgb( 94, 94,  94)</td>
+    <td align="left">#5E5E5E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray36</td>
+    <td align="center" style="background-color:rgb( 92, 92, 92)">gray36</td>
+    <td align="left">rgb( 92, 92,  92)</td>
+    <td align="left">#5C5C5C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey36</td>
+    <td align="center" style="background-color:rgb( 92, 92, 92)">grey36</td>
+    <td align="left">rgb( 92, 92,  92)</td>
+    <td align="left">#5C5C5C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray35</td>
+    <td align="center" style="background-color:rgb( 89, 89, 89)">gray35</td>
+    <td align="left">rgb( 89, 89,  89)</td>
+    <td align="left">#595959</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey35</td>
+    <td align="center" style="background-color:rgb( 89, 89, 89)">grey35</td>
+    <td align="left">rgb( 89, 89,  89)</td>
+    <td align="left">#595959</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray34</td>
+    <td align="center" style="background-color:rgb( 87, 87, 87)">gray34</td>
+    <td align="left">rgb( 87, 87,  87)</td>
+    <td align="left">#575757</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey34</td>
+    <td align="center" style="background-color:rgb( 87, 87, 87)">grey34</td>
+    <td align="left">rgb( 87, 87,  87)</td>
+    <td align="left">#575757</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray33</td>
+    <td align="center" style="background-color:rgb( 84, 84, 84)">gray33</td>
+    <td align="left">rgb( 84, 84,  84)</td>
+    <td align="left">#545454</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey33</td>
+    <td align="center" style="background-color:rgb( 84, 84, 84)">grey33</td>
+    <td align="left">rgb( 84, 84,  84)</td>
+    <td align="left">#545454</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray32</td>
+    <td align="center" style="background-color:rgb( 82, 82, 82)">gray32</td>
+    <td align="left">rgb( 82, 82,  82)</td>
+    <td align="left">#525252</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey32</td>
+    <td align="center" style="background-color:rgb( 82, 82, 82)">grey32</td>
+    <td align="left">rgb( 82, 82,  82)</td>
+    <td align="left">#525252</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray31</td>
+    <td align="center" style="background-color:rgb( 79, 79, 79)">gray31</td>
+    <td align="left">rgb( 79, 79,  79)</td>
+    <td align="left">#4F4F4F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey31</td>
+    <td align="center" style="background-color:rgb( 79, 79, 79)">grey31</td>
+    <td align="left">rgb( 79, 79,  79)</td>
+    <td align="left">#4F4F4F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray30</td>
+    <td align="center" style="background-color:rgb( 77, 77, 77)">gray30</td>
+    <td align="left">rgb( 77, 77,  77)</td>
+    <td align="left">#4D4D4D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey30</td>
+    <td align="center" style="background-color:rgb( 77, 77, 77)">grey30</td>
+    <td align="left">rgb( 77, 77,  77)</td>
+    <td align="left">#4D4D4D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray29</td>
+    <td align="center" style="background-color:rgb( 74, 74, 74)">gray29</td>
+    <td align="left">rgb( 74, 74,  74)</td>
+    <td align="left">#4A4A4A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey29</td>
+    <td align="center" style="background-color:rgb( 74, 74, 74)">grey29</td>
+    <td align="left">rgb( 74, 74,  74)</td>
+    <td align="left">#4A4A4A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray28</td>
+    <td align="center" style="background-color:rgb( 71, 71, 71)">gray28</td>
+    <td align="left">rgb( 71, 71,  71)</td>
+    <td align="left">#474747</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey28</td>
+    <td align="center" style="background-color:rgb( 71, 71, 71)">grey28</td>
+    <td align="left">rgb( 71, 71,  71)</td>
+    <td align="left">#474747</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray27</td>
+    <td align="center" style="background-color:rgb( 69, 69, 69)">gray27</td>
+    <td align="left">rgb( 69, 69,  69)</td>
+    <td align="left">#454545</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey27</td>
+    <td align="center" style="background-color:rgb( 69, 69, 69)">grey27</td>
+    <td align="left">rgb( 69, 69,  69)</td>
+    <td align="left">#454545</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray26</td>
+    <td align="center" style="background-color:rgb( 66, 66, 66)">gray26</td>
+    <td align="left">rgb( 66, 66,  66)</td>
+    <td align="left">#424242</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey26</td>
+    <td align="center" style="background-color:rgb( 66, 66, 66)">grey26</td>
+    <td align="left">rgb( 66, 66,  66)</td>
+    <td align="left">#424242</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray25</td>
+    <td align="center" style="background-color:rgb( 64, 64, 64)">gray25</td>
+    <td align="left">rgb( 64, 64,  64)</td>
+    <td align="left">#404040</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey25</td>
+    <td align="center" style="background-color:rgb( 64, 64, 64)">grey25</td>
+    <td align="left">rgb( 64, 64,  64)</td>
+    <td align="left">#404040</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray24</td>
+    <td align="center" style="background-color:rgb( 61, 61, 61)">gray24</td>
+    <td align="left">rgb( 61, 61,  61)</td>
+    <td align="left">#3D3D3D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey24</td>
+    <td align="center" style="background-color:rgb( 61, 61, 61)">grey24</td>
+    <td align="left">rgb( 61, 61,  61)</td>
+    <td align="left">#3D3D3D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray23</td>
+    <td align="center" style="background-color:rgb( 59, 59, 59)">gray23</td>
+    <td align="left">rgb( 59, 59,  59)</td>
+    <td align="left">#3B3B3B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey23</td>
+    <td align="center" style="background-color:rgb( 59, 59, 59)">grey23</td>
+    <td align="left">rgb( 59, 59,  59)</td>
+    <td align="left">#3B3B3B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray22</td>
+    <td align="center" style="background-color:rgb( 56, 56, 56)">gray22</td>
+    <td align="left">rgb( 56, 56,  56)</td>
+    <td align="left">#383838</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey22</td>
+    <td align="center" style="background-color:rgb( 56, 56, 56)">grey22</td>
+    <td align="left">rgb( 56, 56,  56)</td>
+    <td align="left">#383838</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray21</td>
+    <td align="center" style="background-color:rgb( 54, 54, 54)">gray21</td>
+    <td align="left">rgb( 54, 54,  54)</td>
+    <td align="left">#363636</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey21</td>
+    <td align="center" style="background-color:rgb( 54, 54, 54)">grey21</td>
+    <td align="left">rgb( 54, 54,  54)</td>
+    <td align="left">#363636</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray20</td>
+    <td align="center" style="background-color:rgb( 51, 51, 51)">gray20</td>
+    <td align="left">rgb( 51, 51,  51)</td>
+    <td align="left">#333333</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey20</td>
+    <td align="center" style="background-color:rgb( 51, 51, 51)">grey20</td>
+    <td align="left">rgb( 51, 51,  51)</td>
+    <td align="left">#333333</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray19</td>
+    <td align="center" style="background-color:rgb( 48, 48, 48)">gray19</td>
+    <td align="left">rgb( 48, 48,  48)</td>
+    <td align="left">#303030</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey19</td>
+    <td align="center" style="background-color:rgb( 48, 48, 48)">grey19</td>
+    <td align="left">rgb( 48, 48,  48)</td>
+    <td align="left">#303030</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray18</td>
+    <td align="center" style="background-color:rgb( 46, 46, 46)">gray18</td>
+    <td align="left">rgb( 46, 46,  46)</td>
+    <td align="left">#2E2E2E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey18</td>
+    <td align="center" style="background-color:rgb( 46, 46, 46)">grey18</td>
+    <td align="left">rgb( 46, 46,  46)</td>
+    <td align="left">#2E2E2E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray17</td>
+    <td align="center" style="background-color:rgb( 43, 43, 43)">gray17</td>
+    <td align="left">rgb( 43, 43,  43)</td>
+    <td align="left">#2B2B2B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey17</td>
+    <td align="center" style="background-color:rgb( 43, 43, 43)">grey17</td>
+    <td align="left">rgb( 43, 43,  43)</td>
+    <td align="left">#2B2B2B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray16</td>
+    <td align="center" style="background-color:rgb( 41, 41, 41)">gray16</td>
+    <td align="left">rgb( 41, 41,  41)</td>
+    <td align="left">#292929</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey16</td>
+    <td align="center" style="background-color:rgb( 41, 41, 41)">grey16</td>
+    <td align="left">rgb( 41, 41,  41)</td>
+    <td align="left">#292929</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray15</td>
+    <td align="center" style="background-color:rgb( 38, 38, 38)">gray15</td>
+    <td align="left">rgb( 38, 38,  38)</td>
+    <td align="left">#262626</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey15</td>
+    <td align="center" style="background-color:rgb( 38, 38, 38)">grey15</td>
+    <td align="left">rgb( 38, 38,  38)</td>
+    <td align="left">#262626</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray14</td>
+    <td align="center" style="background-color:rgb( 36, 36, 36)">gray14</td>
+    <td align="left">rgb( 36, 36,  36)</td>
+    <td align="left">#242424</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey14</td>
+    <td align="center" style="background-color:rgb( 36, 36, 36)">grey14</td>
+    <td align="left">rgb( 36, 36,  36)</td>
+    <td align="left">#242424</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray13</td>
+    <td align="center" style="background-color:rgb( 33, 33, 33)">gray13</td>
+    <td align="left">rgb( 33, 33,  33)</td>
+    <td align="left">#212121</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey13</td>
+    <td align="center" style="background-color:rgb( 33, 33, 33)">grey13</td>
+    <td align="left">rgb( 33, 33,  33)</td>
+    <td align="left">#212121</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray12</td>
+    <td align="center" style="background-color:rgb( 31, 31, 31)">gray12</td>
+    <td align="left">rgb( 31, 31,  31)</td>
+    <td align="left">#1F1F1F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey12</td>
+    <td align="center" style="background-color:rgb( 31, 31, 31)">grey12</td>
+    <td align="left">rgb( 31, 31,  31)</td>
+    <td align="left">#1F1F1F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray11</td>
+    <td align="center" style="background-color:rgb( 28, 28, 28)">gray11</td>
+    <td align="left">rgb( 28, 28,  28)</td>
+    <td align="left">#1C1C1C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey11</td>
+    <td align="center" style="background-color:rgb( 28, 28, 28)">grey11</td>
+    <td align="left">rgb( 28, 28,  28)</td>
+    <td align="left">#1C1C1C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray10</td>
+    <td align="center" style="background-color:rgb( 26, 26, 26)">gray10</td>
+    <td align="left">rgb( 26, 26,  26)</td>
+    <td align="left">#1A1A1A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey10</td>
+    <td align="center" style="background-color:rgb( 26, 26, 26)">grey10</td>
+    <td align="left">rgb( 26, 26,  26)</td>
+    <td align="left">#1A1A1A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray9</td>
+    <td align="center" style="background-color:rgb( 23, 23, 23)">gray9</td>
+    <td align="left">rgb( 23, 23,  23)</td>
+    <td align="left">#171717</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey9</td>
+    <td align="center" style="background-color:rgb( 23, 23, 23)">grey9</td>
+    <td align="left">rgb( 23, 23,  23)</td>
+    <td align="left">#171717</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray8</td>
+    <td align="center" style="background-color:rgb( 20, 20, 20)">gray8</td>
+    <td align="left">rgb( 20, 20,  20)</td>
+    <td align="left">#141414</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey8</td>
+    <td align="center" style="background-color:rgb( 20, 20, 20)">grey8</td>
+    <td align="left">rgb( 20, 20,  20)</td>
+    <td align="left">#141414</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray7</td>
+    <td align="center" style="background-color:rgb( 18, 18, 18)">gray7</td>
+    <td align="left">rgb( 18, 18,  18)</td>
+    <td align="left">#121212</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey7</td>
+    <td align="center" style="background-color:rgb( 18, 18, 18)">grey7</td>
+    <td align="left">rgb( 18, 18,  18)</td>
+    <td align="left">#121212</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray6</td>
+    <td align="center" style="background-color:rgb( 15, 15, 15)">gray6</td>
+    <td align="left">rgb( 15, 15,  15)</td>
+    <td align="left">#0F0F0F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey6</td>
+    <td align="center" style="background-color:rgb( 15, 15, 15)">grey6</td>
+    <td align="left">rgb( 15, 15,  15)</td>
+    <td align="left">#0F0F0F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray5</td>
+    <td align="center" style="background-color:rgb( 13, 13, 13)">gray5</td>
+    <td align="left">rgb( 13, 13,  13)</td>
+    <td align="left">#0D0D0D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey5</td>
+    <td align="center" style="background-color:rgb( 13, 13, 13)">grey5</td>
+    <td align="left">rgb( 13, 13,  13)</td>
+    <td align="left">#0D0D0D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray4</td>
+    <td align="center" style="background-color:rgb( 10, 10, 10)">gray4</td>
+    <td align="left">rgb( 10, 10,  10)</td>
+    <td align="left">#0A0A0A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey4</td>
+    <td align="center" style="background-color:rgb( 10, 10, 10)">grey4</td>
+    <td align="left">rgb( 10, 10,  10)</td>
+    <td align="left">#0A0A0A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray3</td>
+    <td align="center" style="background-color:rgb( 8, 8, 8)">gray3</td>
+    <td align="left">rgb(  8,  8,   8)</td>
+    <td align="left">#080808</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey3</td>
+    <td align="center" style="background-color:rgb( 8, 8, 8)">grey3</td>
+    <td align="left">rgb(  8,  8,   8)</td>
+    <td align="left">#080808</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray2</td>
+    <td align="center" style="background-color:rgb( 5, 5, 5)">gray2</td>
+    <td align="left">rgb(  5,  5,   5)</td>
+    <td align="left">#050505</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey2</td>
+    <td align="center" style="background-color:rgb( 5, 5, 5)">grey2</td>
+    <td align="left">rgb(  5,  5,   5)</td>
+    <td align="left">#050505</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray1</td>
+    <td align="center" style="background-color:rgb( 3, 3, 3)">gray1</td>
+    <td align="left">rgb(  3,  3,   3)</td>
+    <td align="left">#030303</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey1</td>
+    <td align="center" style="background-color:rgb( 3, 3, 3)">grey1</td>
+    <td align="left">rgb(  3,  3,   3)</td>
+    <td align="left">#030303</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">black</td>
+    <td align="center" style="background-color:rgb( 0, 0, 0)">black</td>
+    <td align="left">rgb(  0,  0,   0)</td>
+    <td align="left">#000000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray0</td>
+    <td align="center" style="background-color:rgb( 0, 0, 0)">gray0</td>
+    <td align="left">rgb(  0,  0,   0)</td>
+    <td align="left">#000000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey0</td>
+    <td align="center" style="background-color:rgb( 0, 0, 0)">grey0</td>
+    <td align="left">rgb(  0,  0,   0)</td>
+    <td align="left">#000000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">opaque</td>
+    <td align="center" style="background-color:rgb( 0, 0, 0)">opaque</td>
+    <td align="left">rgb(  0,  0,   0)</td>
+    <td align="left">#000000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">none</td>
+    <td align="center" style="background-color:white">none</td>
+    <td align="left">rgba(  0,  0,   0,   0.0)</td>
+    <td align="left">#00000000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">transparent</td>
+    <td align="center" style="background-color:white">transparent</td>
+    <td align="left">rgba(  0,  0,   0,   0.0)</td>
+    <td align="left">#00000000</td>
+
+  </tr>
+
+  </tbody>
+</table>
+
+</div>
+
+</div>
+
+</body></html>
diff --git a/frontend/imgrid/colors/js/wrkshp/hexes b/frontend/imgrid/colors/js/wrkshp/hexes
new file mode 100755
index 0000000..dcc3bda
--- /dev/null
+++ b/frontend/imgrid/colors/js/wrkshp/hexes
@@ -0,0 +1 @@
+hexlist = ['#FFFAFA', '#FFFAFA', '#EEE9E9', '#FFC1C1', '#EEB4B4', '#CDC9C9', '#F08080', '#FF6A6A', '#CD9B9B', '#EE6363', '#BC8F8F', '#FF4040', '#FF3030', '#EE3B3B', '#CD5C5C', '#CD5555', '#EE2C2C', '#8B8989', '#CD3333', '#FF0000', '#FF0000', '#8B6969', '#CD2626', '#EE0000', '#B22222', '#A52A2A', '#CD0000', '#8B3A3A', '#8B2323', '#8B1A1A', '#8B0000', '#8B0000', '#800000', '#FFAEB9', '#CD8C95', '#8B5F65', '#EEA2AD', '#FFB6C1', '#FFC0CB', '#DC143C', '#FFB5C5', '#EEA9B8', '#CD919E', '#8B636C', '#8B475D', '#DB7093', '#EE799F', '#FF82AB', '#CD6889', '#FFF0F5', '#FFF0F5', '#CDC1C5', '#EEE0E5', '#8B8386', '#B03060', '#CD6090', '#CD3278', '#FF3E96', '#EE3A8C', '#8B2252', '#EE6AA7', '#FF6EB4', '#8B3A62', '#FF69B4', '#FF1493', '#FF1493', '#EE1289', '#CD1076', '#8B0A50', '#FF34B3', '#EE30A7', '#CD2990', '#8B1C62', '#C71585', '#D02090', '#EE7AE9', '#DA70D6', '#FF83FA', '#CD69C9', '#8B4789', '#FFE1FF', '#EED2EE', '#FFBBFF', '#EEAEEE', '#D8BFD8', '#CDB5CD', '#DDA0DD', '#EE82EE', '#CD96CD', '#8B7B8B', '#FF00FF', '#FF00FF', '#FF00FF', '#8B668B', '#EE00EE', '#CD00CD', '#8B008B', '#8B008B', '#800080', '#BA55D3', '#E066FF', '#D15FEE', '#B452CD', '#7A378B', '#9400D3', '#9932CC', '#BF3EFF', '#9A32CD', '#B23AEE', '#68228B', '#A020F0', '#4B0082', '#8A2BE2', '#912CEE', '#7D26CD', '#551A8B', '#9B30FF', '#9370DB', '#AB82FF', '#9F79EE', '#8968CD', '#5D478B', '#483D8B', '#8470FF', '#7B68EE', '#6A5ACD', '#836FFF', '#7A67EE', '#6959CD', '#473C8B', '#F8F8FF', '#E6E6FA', '#0000FF', '#0000FF', '#0000EE', '#0000CD', '#0000CD', '#00008B', '#00008B', '#191970', '#000080', '#000080', '#4169E1', '#4876FF', '#436EEE', '#3A5FCD', '#27408B', '#6495ED', '#B0C4DE', '#CAE1FF', '#BCD2EE', '#A2B5CD', '#6E7B8B', '#6C7B8B', '#C6E2FF', '#B9D3EE', '#9FB6CD', '#778899', '#778899', '#708090', '#708090', '#1E90FF', '#1E90FF', '#1C86EE', '#104E8B', '#1874CD', '#F0F8FF', '#36648B', '#4682B4', '#63B8FF', '#5CACEE', '#4F94CD', '#4A708B', '#87CEFF', '#7EC0EE', '#6CA6CD', '#87CEFA', '#607B8B', '#B0E2FF', '#A4D3EE', '#8DB6CD', '#87CEEB', '#9AC0CD', '#00BFFF', '#00BFFF', '#00B2EE', '#00688B', '#009ACD', '#BFEFFF', '#B2DFEE', '#ADD8E6', '#68838B', '#B0E0E6', '#98F5FF', '#8EE5EE', '#7AC5CD', '#53868B', '#00F5FF', '#00E5EE', '#00C5CD', '#00868B', '#5F9EA0', '#5F9EA0', '#00CED1', '#F0FFFF', '#F0FFFF', '#E0FFFF', '#E0FFFF', '#E0EEEE', '#D1EEEE', '#BBFFFF', '#AFEEEE', '#AEEEEE', '#97FFFF', '#C1CDCD', '#B4CDCD', '#8DEEEE', '#96CDCD', '#79CDCD', '#838B8B', '#7A8B8B', '#00FFFF', '#00FFFF', '#00FFFF', '#668B8B', '#00EEEE', '#528B8B', '#00CDCD', '#008B8B', '#008B8B', '#008080', '#2F4F4F', '#2F4F4F', '#48D1CC', '#20B2AA', '#40E0D0', '#458B74', '#7FFFD4', '#7FFFD4', '#76EEC6', '#66CDAA', '#66CDAA', '#00FA9A', '#F5FFFA', '#00FF7F', '#00FF7F', '#00EE76', '#00CD66', '#008B45', '#3CB371', '#2E8B57', '#43CD80', '#54FF9F', '#2E8B57', '#4EEE94', '#32814B', '#F0FFF0', '#F0FFF0', '#E0EEE0', '#C1FFC1', '#B4EEB4', '#9AFF9A', '#98FB98', '#C1CDC1', '#90EE90', '#90EE90', '#9BCD9B', '#8FBC8F', '#7CCD7C', '#838B83', '#00FF00', '#00FF00', '#32CD32', '#698B69', '#00EE00', '#548B54', '#00CD00', '#228B22', '#008B00', '#008000', '#006400', '#7CFC00', '#7FFF00', '#7FFF00', '#76EE00', '#66CD00', '#458B00', '#ADFF2F', '#A2CD5A', '#CAFF70', '#BCEE68', '#6E8B3D', '#556B2F', '#6B8E23', '#C0FF3E', '#B3EE3A', '#9ACD32', '#9ACD32', '#698B22', '#FFFFF0', '#FFFFF0', '#FFFFE0', '#FFFFE0', '#F5F5DC', '#EEEEE0', '#FAFAD2', '#EEEED1', '#CDCDC1', '#CDCDB4', '#8B8B83', '#8B8B7A', '#FFFF00', '#FFFF00', '#EEEE00', '#CDCD00', '#8B8B00', '#808000', '#BDB76B', '#EEE685', '#8B8970', '#FFF68F', '#CDC673', '#8B864E', '#EEE8AA', '#FFFACD', '#FFFACD', '#F0E68C', '#CDC9A5', '#EEE9BF', '#D1C166', '#8B8878', '#FFD700', '#FFD700', '#EEC900', '#CDAD00', '#8B7500', '#EEDD82', '#8B814C', '#FFEC8B', '#CDBE70', '#EEDC82', '#CDC8B1', '#EEE8CD', '#FFF8DC', '#FFF8DC', '#DAA520', '#FFC125', '#EEB422', '#CD9B1D', '#8B6914', '#B8860B', '#FFB90F', '#EEAD0E', '#CD950C', '#8B6508', '#FFFAF0', '#EED8AE', '#FDF5E6', '#F5DEB3', '#FFE7BA', '#CDBA96', '#FFA500', '#FFA500', '#EE9A00', '#CD8500', '#8B5A00', '#8B7E66', '#FFE4B5', '#FFEFD5', '#CDB38B', '#FFEBCD', '#FFDEAD', '#FFDEAD', '#EECFA1', '#8B795E', '#8B8378', '#FAEBD7', '#D2B48C', '#8B7D6B', '#DEB887', '#EEDFCC', '#FFD39B', '#CDAA7D', '#EEC591', '#FFEFDB', '#8B7355', '#CDC0B0', '#FF8C00', '#EED5B7', '#FFE4C4', '#FFE4C4', '#CDB79E', '#FF7F00', '#FAF0E6', '#EE7600', '#CD6600', '#8B4500', '#CD853F', '#FFA54F', '#EE9A49', '#CD853F', '#8B5A2B', '#FFDAB9', '#FFDAB9', '#8B7765', '#EECBAD', '#CDAF95', '#F4A460', '#8B8682', '#EEE5DE', '#CDC5BF', '#D2691E', '#FF7F24', '#EE7621', '#CD661D', '#8B4513', '#8B4513', '#FFF5EE', '#FFF5EE', '#8B4726', '#A0522D', '#FF8247', '#EE7942', '#CD6839', '#CD8162', '#FFA07A', '#FFA07A', '#8B5742', '#EE9572', '#FF7F50', '#FF4500', '#FF4500', '#EE4000', '#CD3700', '#8B2500', '#E9967A', '#FF8C69', '#EE8262', '#CD7054', '#8B4C39', '#FF7256', '#EE6A50', '#CD5B45', '#8B3E2F', '#8B3626', '#FF6347', '#FF6347', '#EE5C42', '#CD4F39', '#8B7D7B', '#EED5D2', '#FFE4E1', '#FFE4E1', '#FA8072', '#CDB7B5', '#FFFFFF', '#FFFFFF', '#FFFFFF', '#FFFFFF', '#FCFCFC', '#FCFCFC', '#FAFAFA', '#FAFAFA', '#F7F7F7', '#F7F7F7', '#F5F5F5', '#F5F5F5', '#F5F5F5', '#F2F2F2', '#F2F2F2', '#F0F0F0', '#F0F0F0', '#EDEDED', '#EDEDED', '#EBEBEB', '#EBEBEB', '#E8E8E8', '#E8E8E8', '#E5E5E5', '#E5E5E5', '#E3E3E3', '#E3E3E3', '#E0E0E0', '#E0E0E0', '#DEDEDE', '#DEDEDE', '#DCDCDC', '#DBDBDB', '#DBDBDB', '#D9D9D9', '#D9D9D9', '#D6D6D6', '#D6D6D6', '#D4D4D4', '#D4D4D4', '#D3D3D3', '#D3D3D3', '#D1D1D1', '#D1D1D1', '#CFCFCF', '#CFCFCF', '#CCCCCC', '#CCCCCC', '#C9C9C9', '#C9C9C9', '#C7C7C7', '#C7C7C7', '#C4C4C4', '#C4C4C4', '#C2C2C2', '#C2C2C2', '#C0C0C0', '#BFBFBF', '#BFBFBF', '#BDBDBD', '#BDBDBD', '#BABABA', '#BABABA', '#B8B8B8', '#B8B8B8', '#B5B5B5', '#B5B5B5', '#B3B3B3', '#B3B3B3', '#B0B0B0', '#B0B0B0', '#ADADAD', '#ADADAD', '#ABABAB', '#ABABAB', '#A9A9A9', '#A9A9A9', '#A8A8A8', '#A8A8A8', '#A6A6A6', '#A6A6A6', '#A3A3A3', '#A3A3A3', '#A1A1A1', '#A1A1A1', '#9E9E9E', '#9E9E9E', '#9C9C9C', '#9C9C9C', '#999999', '#999999', '#969696', '#969696', '#949494', '#949494', '#919191', '#919191', '#8F8F8F', '#8F8F8F', '#8C8C8C', '#8C8C8C', '#8A8A8A', '#8A8A8A', '#878787', '#878787', '#858585', '#858585', '#828282', '#828282', '#808080', '#7F7F7F', '#7F7F7F', '#7E7E7E', '#7D7D7D', '#7D7D7D', '#7A7A7A', '#7A7A7A', '#787878', '#787878', '#757575', '#757575', '#737373', '#737373', '#707070', '#707070', '#6E6E6E', '#6E6E6E', '#6B6B6B', '#6B6B6B', '#696969', '#696969', '#696969', '#696969', '#666666', '#666666', '#636363', '#636363', '#616161', '#616161', '#5E5E5E', '#5E5E5E', '#5C5C5C', '#5C5C5C', '#595959', '#595959', '#575757', '#575757', '#545454', '#545454', '#525252', '#525252', '#4F4F4F', '#4F4F4F', '#4D4D4D', '#4D4D4D', '#4A4A4A', '#4A4A4A', '#474747', '#474747', '#454545', '#454545', '#424242', '#424242', '#404040', '#404040', '#3D3D3D', '#3D3D3D', '#3B3B3B', '#3B3B3B', '#383838', '#383838', '#363636', '#363636', '#333333', '#333333', '#303030', '#303030', '#2E2E2E', '#2E2E2E', '#2B2B2B', '#2B2B2B', '#292929', '#292929', '#262626', '#262626', '#242424', '#242424', '#212121', '#212121', '#1F1F1F', '#1F1F1F', '#1C1C1C', '#1C1C1C', '#1A1A1A', '#1A1A1A', '#171717', '#171717', '#141414', '#141414', '#121212', '#121212', '#0F0F0F', '#0F0F0F', '#0D0D0D', '#0D0D0D', '#0A0A0A', '#0A0A0A', '#080808', '#080808', '#050505', '#050505', '#030303', '#030303', '#000000', '#000000', '#000000', '#000000', '#000000', '#000000']
\ No newline at end of file
diff --git a/frontend/imgrid/colors/js/wrkshp/maker.py b/frontend/imgrid/colors/js/wrkshp/maker.py
new file mode 100755
index 0000000..65209aa
--- /dev/null
+++ b/frontend/imgrid/colors/js/wrkshp/maker.py
@@ -0,0 +1,33 @@
+#!/usr/bin/python2.7
+
+
+
+hexlist = ['#FFFAFA', '#FFFAFA', '#EEE9E9', '#FFC1C1', '#EEB4B4', '#CDC9C9', '#F08080', '#FF6A6A', '#CD9B9B', '#EE6363', '#BC8F8F', '#FF4040', '#FF3030', '#EE3B3B', '#CD5C5C', '#CD5555', '#EE2C2C', '#8B8989', '#CD3333', '#FF0000', '#FF0000', '#8B6969', '#CD2626', '#EE0000', '#B22222', '#A52A2A', '#CD0000', '#8B3A3A', '#8B2323', '#8B1A1A', '#8B0000', '#8B0000', '#800000', '#FFAEB9', '#CD8C95', '#8B5F65', '#EEA2AD', '#FFB6C1', '#FFC0CB', '#DC143C', '#FFB5C5', '#EEA9B8', '#CD919E', '#8B636C', '#8B475D', '#DB7093', '#EE799F', '#FF82AB', '#CD6889', '#FFF0F5', '#FFF0F5', '#CDC1C5', '#EEE0E5', '#8B8386', '#B03060', '#CD6090', '#CD3278', '#FF3E96', '#EE3A8C', '#8B2252', '#EE6AA7', '#FF6EB4', '#8B3A62', '#FF69B4', '#FF1493', '#FF1493', '#EE1289', '#CD1076', '#8B0A50', '#FF34B3', '#EE30A7', '#CD2990', '#8B1C62', '#C71585', '#D02090', '#EE7AE9', '#DA70D6', '#FF83FA', '#CD69C9', '#8B4789', '#FFE1FF', '#EED2EE', '#FFBBFF', '#EEAEEE', '#D8BFD8', '#CDB5CD', '#DDA0DD', '#EE82EE', '#CD96CD', '#8B7B8B', '#FF00FF', '#FF00FF', '#FF00FF', '#8B668B', '#EE00EE', '#CD00CD', '#8B008B', '#8B008B', '#800080', '#BA55D3', '#E066FF', '#D15FEE', '#B452CD', '#7A378B', '#9400D3', '#9932CC', '#BF3EFF', '#9A32CD', '#B23AEE', '#68228B', '#A020F0', '#4B0082', '#8A2BE2', '#912CEE', '#7D26CD', '#551A8B', '#9B30FF', '#9370DB', '#AB82FF', '#9F79EE', '#8968CD', '#5D478B', '#483D8B', '#8470FF', '#7B68EE', '#6A5ACD', '#836FFF', '#7A67EE', '#6959CD', '#473C8B', '#F8F8FF', '#E6E6FA', '#0000FF', '#0000FF', '#0000EE', '#0000CD', '#0000CD', '#00008B', '#00008B', '#191970', '#000080', '#000080', '#4169E1', '#4876FF', '#436EEE', '#3A5FCD', '#27408B', '#6495ED', '#B0C4DE', '#CAE1FF', '#BCD2EE', '#A2B5CD', '#6E7B8B', '#6C7B8B', '#C6E2FF', '#B9D3EE', '#9FB6CD', '#778899', '#778899', '#708090', '#708090', '#1E90FF', '#1E90FF', '#1C86EE', '#104E8B', '#1874CD', '#F0F8FF', '#36648B', '#4682B4', '#63B8FF', '#5CACEE', '#4F94CD', '#4A708B', '#87CEFF', '#7EC0EE', '#6CA6CD', '#87CEFA', '#607B8B', '#B0E2FF', '#A4D3EE', '#8DB6CD', '#87CEEB', '#9AC0CD', '#00BFFF', '#00BFFF', '#00B2EE', '#00688B', '#009ACD', '#BFEFFF', '#B2DFEE', '#ADD8E6', '#68838B', '#B0E0E6', '#98F5FF', '#8EE5EE', '#7AC5CD', '#53868B', '#00F5FF', '#00E5EE', '#00C5CD', '#00868B', '#5F9EA0', '#5F9EA0', '#00CED1', '#F0FFFF', '#F0FFFF', '#E0FFFF', '#E0FFFF', '#E0EEEE', '#D1EEEE', '#BBFFFF', '#AFEEEE', '#AEEEEE', '#97FFFF', '#C1CDCD', '#B4CDCD', '#8DEEEE', '#96CDCD', '#79CDCD', '#838B8B', '#7A8B8B', '#00FFFF', '#00FFFF', '#00FFFF', '#668B8B', '#00EEEE', '#528B8B', '#00CDCD', '#008B8B', '#008B8B', '#008080', '#2F4F4F', '#2F4F4F', '#48D1CC', '#20B2AA', '#40E0D0', '#458B74', '#7FFFD4', '#7FFFD4', '#76EEC6', '#66CDAA', '#66CDAA', '#00FA9A', '#F5FFFA', '#00FF7F', '#00FF7F', '#00EE76', '#00CD66', '#008B45', '#3CB371', '#2E8B57', '#43CD80', '#54FF9F', '#2E8B57', '#4EEE94', '#32814B', '#F0FFF0', '#F0FFF0', '#E0EEE0', '#C1FFC1', '#B4EEB4', '#9AFF9A', '#98FB98', '#C1CDC1', '#90EE90', '#90EE90', '#9BCD9B', '#8FBC8F', '#7CCD7C', '#838B83', '#00FF00', '#00FF00', '#32CD32', '#698B69', '#00EE00', '#548B54', '#00CD00', '#228B22', '#008B00', '#008000', '#006400', '#7CFC00', '#7FFF00', '#7FFF00', '#76EE00', '#66CD00', '#458B00', '#ADFF2F', '#A2CD5A', '#CAFF70', '#BCEE68', '#6E8B3D', '#556B2F', '#6B8E23', '#C0FF3E', '#B3EE3A', '#9ACD32', '#9ACD32', '#698B22', '#FFFFF0', '#FFFFF0', '#FFFFE0', '#FFFFE0', '#F5F5DC', '#EEEEE0', '#FAFAD2', '#EEEED1', '#CDCDC1', '#CDCDB4', '#8B8B83', '#8B8B7A', '#FFFF00', '#FFFF00', '#EEEE00', '#CDCD00', '#8B8B00', '#808000', '#BDB76B', '#EEE685', '#8B8970', '#FFF68F', '#CDC673', '#8B864E', '#EEE8AA', '#FFFACD', '#FFFACD', '#F0E68C', '#CDC9A5', '#EEE9BF', '#D1C166', '#8B8878', '#FFD700', '#FFD700', '#EEC900', '#CDAD00', '#8B7500', '#EEDD82', '#8B814C', '#FFEC8B', '#CDBE70', '#EEDC82', '#CDC8B1', '#EEE8CD', '#FFF8DC', '#FFF8DC', '#DAA520', '#FFC125', '#EEB422', '#CD9B1D', '#8B6914', '#B8860B', '#FFB90F', '#EEAD0E', '#CD950C', '#8B6508', '#FFFAF0', '#EED8AE', '#FDF5E6', '#F5DEB3', '#FFE7BA', '#CDBA96', '#FFA500', '#FFA500', '#EE9A00', '#CD8500', '#8B5A00', '#8B7E66', '#FFE4B5', '#FFEFD5', '#CDB38B', '#FFEBCD', '#FFDEAD', '#FFDEAD', '#EECFA1', '#8B795E', '#8B8378', '#FAEBD7', '#D2B48C', '#8B7D6B', '#DEB887', '#EEDFCC', '#FFD39B', '#CDAA7D', '#EEC591', '#FFEFDB', '#8B7355', '#CDC0B0', '#FF8C00', '#EED5B7', '#FFE4C4', '#FFE4C4', '#CDB79E', '#FF7F00', '#FAF0E6', '#EE7600', '#CD6600', '#8B4500', '#CD853F', '#FFA54F', '#EE9A49', '#CD853F', '#8B5A2B', '#FFDAB9', '#FFDAB9', '#8B7765', '#EECBAD', '#CDAF95', '#F4A460', '#8B8682', '#EEE5DE', '#CDC5BF', '#D2691E', '#FF7F24', '#EE7621', '#CD661D', '#8B4513', '#8B4513', '#FFF5EE', '#FFF5EE', '#8B4726', '#A0522D', '#FF8247', '#EE7942', '#CD6839', '#CD8162', '#FFA07A', '#FFA07A', '#8B5742', '#EE9572', '#FF7F50', '#FF4500', '#FF4500', '#EE4000', '#CD3700', '#8B2500', '#E9967A', '#FF8C69', '#EE8262', '#CD7054', '#8B4C39', '#FF7256', '#EE6A50', '#CD5B45', '#8B3E2F', '#8B3626', '#FF6347', '#FF6347', '#EE5C42', '#CD4F39', '#8B7D7B', '#EED5D2', '#FFE4E1', '#FFE4E1', '#FA8072', '#CDB7B5', '#FFFFFF', '#FFFFFF', '#FFFFFF', '#FFFFFF', '#FCFCFC', '#FCFCFC', '#FAFAFA', '#FAFAFA', '#F7F7F7', '#F7F7F7', '#F5F5F5', '#F5F5F5', '#F5F5F5', '#F2F2F2', '#F2F2F2', '#F0F0F0', '#F0F0F0', '#EDEDED', '#EDEDED', '#EBEBEB', '#EBEBEB', '#E8E8E8', '#E8E8E8', '#E5E5E5', '#E5E5E5', '#E3E3E3', '#E3E3E3', '#E0E0E0', '#E0E0E0', '#DEDEDE', '#DEDEDE', '#DCDCDC', '#DBDBDB', '#DBDBDB', '#D9D9D9', '#D9D9D9', '#D6D6D6', '#D6D6D6', '#D4D4D4', '#D4D4D4', '#D3D3D3', '#D3D3D3', '#D1D1D1', '#D1D1D1', '#CFCFCF', '#CFCFCF', '#CCCCCC', '#CCCCCC', '#C9C9C9', '#C9C9C9', '#C7C7C7', '#C7C7C7', '#C4C4C4', '#C4C4C4', '#C2C2C2', '#C2C2C2', '#C0C0C0', '#BFBFBF', '#BFBFBF', '#BDBDBD', '#BDBDBD', '#BABABA', '#BABABA', '#B8B8B8', '#B8B8B8', '#B5B5B5', '#B5B5B5', '#B3B3B3', '#B3B3B3', '#B0B0B0', '#B0B0B0', '#ADADAD', '#ADADAD', '#ABABAB', '#ABABAB', '#A9A9A9', '#A9A9A9', '#A8A8A8', '#A8A8A8', '#A6A6A6', '#A6A6A6', '#A3A3A3', '#A3A3A3', '#A1A1A1', '#A1A1A1', '#9E9E9E', '#9E9E9E', '#9C9C9C', '#9C9C9C', '#999999', '#999999', '#969696', '#969696', '#949494', '#949494', '#919191', '#919191', '#8F8F8F', '#8F8F8F', '#8C8C8C', '#8C8C8C', '#8A8A8A', '#8A8A8A', '#878787', '#878787', '#858585', '#858585', '#828282', '#828282', '#808080', '#7F7F7F', '#7F7F7F', '#7E7E7E', '#7D7D7D', '#7D7D7D', '#7A7A7A', '#7A7A7A', '#787878', '#787878', '#757575', '#757575', '#737373', '#737373', '#707070', '#707070', '#6E6E6E', '#6E6E6E', '#6B6B6B', '#6B6B6B', '#696969', '#696969', '#696969', '#696969', '#666666', '#666666', '#636363', '#636363', '#616161', '#616161', '#5E5E5E', '#5E5E5E', '#5C5C5C', '#5C5C5C', '#595959', '#595959', '#575757', '#575757', '#545454', '#545454', '#525252', '#525252', '#4F4F4F', '#4F4F4F', '#4D4D4D', '#4D4D4D', '#4A4A4A', '#4A4A4A', '#474747', '#474747', '#454545', '#454545', '#424242', '#424242', '#404040', '#404040', '#3D3D3D', '#3D3D3D', '#3B3B3B', '#3B3B3B', '#383838', '#383838', '#363636', '#363636', '#333333', '#333333', '#303030', '#303030', '#2E2E2E', '#2E2E2E', '#2B2B2B', '#2B2B2B', '#292929', '#292929', '#262626', '#262626', '#242424', '#242424', '#212121', '#212121', '#1F1F1F', '#1F1F1F', '#1C1C1C', '#1C1C1C', '#1A1A1A', '#1A1A1A', '#171717', '#171717', '#141414', '#141414', '#121212', '#121212', '#0F0F0F', '#0F0F0F', '#0D0D0D', '#0D0D0D', '#0A0A0A', '#0A0A0A', '#080808', '#080808', '#050505', '#050505', '#030303', '#030303', '#000000', '#000000', '#000000', '#000000', '#000000', '#000000']
+rgblist = ['rgb(255, 250, 250)', 'rgb(255, 250, 250)', 'rgb(238, 233, 233)', 'rgb(255, 193, 193)', 'rgb(238, 180, 180)', 'rgb(205, 201, 201)', 'rgb(240, 128, 128)', 'rgb(255, 106, 106)', 'rgb(205, 155, 155)', 'rgb(238, 99, 99)', 'rgb(188, 143, 143)', 'rgb(255, 64, 64)', 'rgb(255, 48, 48)', 'rgb(238, 59, 59)', 'rgb(205, 92, 92)', 'rgb(205, 85, 85)', 'rgb(238, 44, 44)', 'rgb(139, 137, 137)', 'rgb(205, 51, 51)', 'rgb(255, 0, 0)', 'rgb(255, 0, 0)', 'rgb(139, 105, 105)', 'rgb(205, 38, 38)', 'rgb(238, 0, 0)', 'rgb(178, 34, 34)', 'rgb(165, 42, 42)', 'rgb(205, 0, 0)', 'rgb(139, 58, 58)', 'rgb(139, 35, 35)', 'rgb(139, 26, 26)', 'rgb(139, 0, 0)', 'rgb(139, 0, 0)', 'rgb(128, 0, 0)', 'rgb(255, 174, 185)', 'rgb(205, 140, 149)', 'rgb(139, 95, 101)', 'rgb(238, 162, 173)', 'rgb(255, 182, 193)', 'rgb(255, 192, 203)', 'rgb(220, 20, 60)', 'rgb(255, 181, 197)', 'rgb(238, 169, 184)', 'rgb(205, 145, 158)', 'rgb(139, 99, 108)', 'rgb(139, 71, 93)', 'rgb(219, 112, 147)', 'rgb(238, 121, 159)', 'rgb(255, 130, 171)', 'rgb(205, 104, 137)', 'rgb(255, 240, 245)', 'rgb(255, 240, 245)', 'rgb(205, 193, 197)', 'rgb(238, 224, 229)', 'rgb(139, 131, 134)', 'rgb(176, 48, 96)', 'rgb(205, 96, 144)', 'rgb(205, 50, 120)', 'rgb(255, 62, 150)', 'rgb(238, 58, 140)', 'rgb(139, 34, 82)', 'rgb(238, 106, 167)', 'rgb(255, 110, 180)', 'rgb(139, 58, 98)', 'rgb(255, 105, 180)', 'rgb(255, 20, 147)', 'rgb(255, 20, 147)', 'rgb(238, 18, 137)', 'rgb(205, 16, 118)', 'rgb(139, 10, 80)', 'rgb(255, 52, 179)', 'rgb(238, 48, 167)', 'rgb(205, 41, 144)', 'rgb(139, 28, 98)', 'rgb(199, 21, 133)', 'rgb(208, 32, 144)', 'rgb(238, 122, 233)', 'rgb(218, 112, 214)', 'rgb(255, 131, 250)', 'rgb(205, 105, 201)', 'rgb(139, 71, 137)', 'rgb(255, 225, 255)', 'rgb(238, 210, 238)', 'rgb(255, 187, 255)', 'rgb(238, 174, 238)', 'rgb(216, 191, 216)', 'rgb(205, 181, 205)', 'rgb(221, 160, 221)', 'rgb(238, 130, 238)', 'rgb(205, 150, 205)', 'rgb(139, 123, 139)', 'rgb(255, 0, 255)', 'rgb(255, 0, 255)', 'rgb(255, 0, 255)', 'rgb(139, 102, 139)', 'rgb(238, 0, 238)', 'rgb(205, 0, 205)', 'rgb(139, 0, 139)', 'rgb(139, 0, 139)', 'rgb(128, 0, 128)', 'rgb(186, 85, 211)', 'rgb(224, 102, 255)', 'rgb(209, 95, 238)', 'rgb(180, 82, 205)', 'rgb(122, 55, 139)', 'rgb(148, 0, 211)', 'rgb(153, 50, 204)', 'rgb(191, 62, 255)', 'rgb(154, 50, 205)', 'rgb(178, 58, 238)', 'rgb(104, 34, 139)', 'rgb(160, 32, 240)', 'rgb( 75, 0, 130)', 'rgb(138, 43, 226)', 'rgb(145, 44, 238)', 'rgb(125, 38, 205)', 'rgb( 85, 26, 139)', 'rgb(155, 48, 255)', 'rgb(147, 112, 219)', 'rgb(171, 130, 255)', 'rgb(159, 121, 238)', 'rgb(137, 104, 205)', 'rgb( 93, 71, 139)', 'rgb( 72, 61, 139)', 'rgb(132, 112, 255)', 'rgb(123, 104, 238)', 'rgb(106, 90, 205)', 'rgb(131, 111, 255)', 'rgb(122, 103, 238)', 'rgb(105, 89, 205)', 'rgb( 71, 60, 139)', 'rgb(248, 248, 255)', 'rgb(230, 230, 250)', 'rgb( 0, 0, 255)', 'rgb( 0, 0, 255)', 'rgb( 0, 0, 238)', 'rgb( 0, 0, 205)', 'rgb( 0, 0, 205)', 'rgb( 0, 0, 139)', 'rgb( 0, 0, 139)', 'rgb( 25, 25, 112)', 'rgb( 0, 0, 128)', 'rgb( 0, 0, 128)', 'rgb( 65, 105, 225)', 'rgb( 72, 118, 255)', 'rgb( 67, 110, 238)', 'rgb( 58, 95, 205)', 'rgb( 39, 64, 139)', 'rgb(100, 149, 237)', 'rgb(176, 196, 222)', 'rgb(202, 225, 255)', 'rgb(188, 210, 238)', 'rgb(162, 181, 205)', 'rgb(110, 123, 139)', 'rgb(108, 123, 139)', 'rgb(198, 226, 255)', 'rgb(185, 211, 238)', 'rgb(159, 182, 205)', 'rgb(119, 136, 153)', 'rgb(119, 136, 153)', 'rgb(112, 128, 144)', 'rgb(112, 128, 144)', 'rgb( 30, 144, 255)', 'rgb( 30, 144, 255)', 'rgb( 28, 134, 238)', 'rgb( 16, 78, 139)', 'rgb( 24, 116, 205)', 'rgb(240, 248, 255)', 'rgb( 54, 100, 139)', 'rgb( 70, 130, 180)', 'rgb( 99, 184, 255)', 'rgb( 92, 172, 238)', 'rgb( 79, 148, 205)', 'rgb( 74, 112, 139)', 'rgb(135, 206, 255)', 'rgb(126, 192, 238)', 'rgb(108, 166, 205)', 'rgb(135, 206, 250)', 'rgb( 96, 123, 139)', 'rgb(176, 226, 255)', 'rgb(164, 211, 238)', 'rgb(141, 182, 205)', 'rgb(135, 206, 235)', 'rgb(154, 192, 205)', 'rgb( 0, 191, 255)', 'rgb( 0, 191, 255)', 'rgb( 0, 178, 238)', 'rgb( 0, 104, 139)', 'rgb( 0, 154, 205)', 'rgb(191, 239, 255)', 'rgb(178, 223, 238)', 'rgb(173, 216, 230)', 'rgb(104, 131, 139)', 'rgb(176, 224, 230)', 'rgb(152, 245, 255)', 'rgb(142, 229, 238)', 'rgb(122, 197, 205)', 'rgb( 83, 134, 139)', 'rgb( 0, 245, 255)', 'rgb( 0, 229, 238)', 'rgb( 0, 197, 205)', 'rgb( 0, 134, 139)', 'rgb( 95, 158, 160)', 'rgb( 95, 158, 160)', 'rgb( 0, 206, 209)', 'rgb(240, 255, 255)', 'rgb(240, 255, 255)', 'rgb(224, 255, 255)', 'rgb(224, 255, 255)', 'rgb(224, 238, 238)', 'rgb(209, 238, 238)', 'rgb(187, 255, 255)', 'rgb(175, 238, 238)', 'rgb(174, 238, 238)', 'rgb(151, 255, 255)', 'rgb(193, 205, 205)', 'rgb(180, 205, 205)', 'rgb(141, 238, 238)', 'rgb(150, 205, 205)', 'rgb(121, 205, 205)', 'rgb(131, 139, 139)', 'rgb(122, 139, 139)', 'rgb( 0, 255, 255)', 'rgb( 0, 255, 255)', 'rgb( 0, 255, 255)', 'rgb(102, 139, 139)', 'rgb( 0, 238, 238)', 'rgb( 82, 139, 139)', 'rgb( 0, 205, 205)', 'rgb( 0, 139, 139)', 'rgb( 0, 139, 139)', 'rgb( 0, 128, 128)', 'rgb( 47, 79, 79)', 'rgb( 47, 79, 79)', 'rgb( 72, 209, 204)', 'rgb( 32, 178, 170)', 'rgb( 64, 224, 208)', 'rgb( 69, 139, 116)', 'rgb(127, 255, 212)', 'rgb(127, 255, 212)', 'rgb(118, 238, 198)', 'rgb(102, 205, 170)', 'rgb(102, 205, 170)', 'rgb( 0, 250, 154)', 'rgb(245, 255, 250)', 'rgb( 0, 255, 127)', 'rgb( 0, 255, 127)', 'rgb( 0, 238, 118)', 'rgb( 0, 205, 102)', 'rgb( 0, 139, 69)', 'rgb( 60, 179, 113)', 'rgb( 46, 139, 87)', 'rgb( 67, 205, 128)', 'rgb( 84, 255, 159)', 'rgb( 46, 139, 87)', 'rgb( 78, 238, 148)', 'rgb( 50, 129, 75)', 'rgb(240, 255, 240)', 'rgb(240, 255, 240)', 'rgb(224, 238, 224)', 'rgb(193, 255, 193)', 'rgb(180, 238, 180)', 'rgb(154, 255, 154)', 'rgb(152, 251, 152)', 'rgb(193, 205, 193)', 'rgb(144, 238, 144)', 'rgb(144, 238, 144)', 'rgb(155, 205, 155)', 'rgb(143, 188, 143)', 'rgb(124, 205, 124)', 'rgb(131, 139, 131)', 'rgb( 0, 255, 0)', 'rgb( 0, 255, 0)', 'rgb( 50, 205, 50)', 'rgb(105, 139, 105)', 'rgb( 0, 238, 0)', 'rgb( 84, 139, 84)', 'rgb( 0, 205, 0)', 'rgb( 34, 139, 34)', 'rgb( 0, 139, 0)', 'rgb( 0, 128, 0)', 'rgb( 0, 100, 0)', 'rgb(124, 252, 0)', 'rgb(127, 255, 0)', 'rgb(127, 255, 0)', 'rgb(118, 238, 0)', 'rgb(102, 205, 0)', 'rgb( 69, 139, 0)', 'rgb(173, 255, 47)', 'rgb(162, 205, 90)', 'rgb(202, 255, 112)', 'rgb(188, 238, 104)', 'rgb(110, 139, 61)', 'rgb( 85, 107, 47)', 'rgb(107, 142, 35)', 'rgb(192, 255, 62)', 'rgb(179, 238, 58)', 'rgb(154, 205, 50)', 'rgb(154, 205, 50)', 'rgb(105, 139, 34)', 'rgb(255, 255, 240)', 'rgb(255, 255, 240)', 'rgb(255, 255, 224)', 'rgb(255, 255, 224)', 'rgb(245, 245, 220)', 'rgb(238, 238, 224)', 'rgb(250, 250, 210)', 'rgb(238, 238, 209)', 'rgb(205, 205, 193)', 'rgb(205, 205, 180)', 'rgb(139, 139, 131)', 'rgb(139, 139, 122)', 'rgb(255, 255, 0)', 'rgb(255, 255, 0)', 'rgb(238, 238, 0)', 'rgb(205, 205, 0)', 'rgb(139, 139, 0)', 'rgb(128, 128, 0)', 'rgb(189, 183, 107)', 'rgb(238, 230, 133)', 'rgb(139, 137, 112)', 'rgb(255, 246, 143)', 'rgb(205, 198, 115)', 'rgb(139, 134, 78)', 'rgb(238, 232, 170)', 'rgb(255, 250, 205)', 'rgb(255, 250, 205)', 'rgb(240, 230, 140)', 'rgb(205, 201, 165)', 'rgb(238, 233, 191)', 'rgb(209, 193, 102)', 'rgb(139, 136, 120)', 'rgb(255, 215, 0)', 'rgb(255, 215, 0)', 'rgb(238, 201, 0)', 'rgb(205, 173, 0)', 'rgb(139, 117, 0)', 'rgb(238, 221, 130)', 'rgb(139, 129, 76)', 'rgb(255, 236, 139)', 'rgb(205, 190, 112)', 'rgb(238, 220, 130)', 'rgb(205, 200, 177)', 'rgb(238, 232, 205)', 'rgb(255, 248, 220)', 'rgb(255, 248, 220)', 'rgb(218, 165, 32)', 'rgb(255, 193, 37)', 'rgb(238, 180, 34)', 'rgb(205, 155, 29)', 'rgb(139, 105, 20)', 'rgb(184, 134, 11)', 'rgb(255, 185, 15)', 'rgb(238, 173, 14)', 'rgb(205, 149, 12)', 'rgb(139, 101, 8)', 'rgb(255, 250, 240)', 'rgb(238, 216, 174)', 'rgb(253, 245, 230)', 'rgb(245, 222, 179)', 'rgb(255, 231, 186)', 'rgb(205, 186, 150)', 'rgb(255, 165, 0)', 'rgb(255, 165, 0)', 'rgb(238, 154, 0)', 'rgb(205, 133, 0)', 'rgb(139, 90, 0)', 'rgb(139, 126, 102)', 'rgb(255, 228, 181)', 'rgb(255, 239, 213)', 'rgb(205, 179, 139)', 'rgb(255, 235, 205)', 'rgb(255, 222, 173)', 'rgb(255, 222, 173)', 'rgb(238, 207, 161)', 'rgb(139, 121, 94)', 'rgb(139, 131, 120)', 'rgb(250, 235, 215)', 'rgb(210, 180, 140)', 'rgb(139, 125, 107)', 'rgb(222, 184, 135)', 'rgb(238, 223, 204)', 'rgb(255, 211, 155)', 'rgb(205, 170, 125)', 'rgb(238, 197, 145)', 'rgb(255, 239, 219)', 'rgb(139, 115, 85)', 'rgb(205, 192, 176)', 'rgb(255, 140, 0)', 'rgb(238, 213, 183)', 'rgb(255, 228, 196)', 'rgb(255, 228, 196)', 'rgb(205, 183, 158)', 'rgb(255, 127, 0)', 'rgb(250, 240, 230)', 'rgb(238, 118, 0)', 'rgb(205, 102, 0)', 'rgb(139, 69, 0)', 'rgb(205, 133, 63)', 'rgb(255, 165, 79)', 'rgb(238, 154, 73)', 'rgb(205, 133, 63)', 'rgb(139, 90, 43)', 'rgb(255, 218, 185)', 'rgb(255, 218, 185)', 'rgb(139, 119, 101)', 'rgb(238, 203, 173)', 'rgb(205, 175, 149)', 'rgb(244, 164, 96)', 'rgb(139, 134, 130)', 'rgb(238, 229, 222)', 'rgb(205, 197, 191)', 'rgb(210, 105, 30)', 'rgb(255, 127, 36)', 'rgb(238, 118, 33)', 'rgb(205, 102, 29)', 'rgb(139, 69, 19)', 'rgb(139, 69, 19)', 'rgb(255, 245, 238)', 'rgb(255, 245, 238)', 'rgb(139, 71, 38)', 'rgb(160, 82, 45)', 'rgb(255, 130, 71)', 'rgb(238, 121, 66)', 'rgb(205, 104, 57)', 'rgb(205, 129, 98)', 'rgb(255, 160, 122)', 'rgb(255, 160, 122)', 'rgb(139, 87, 66)', 'rgb(238, 149, 114)', 'rgb(255, 127, 80)', 'rgb(255, 69, 0)', 'rgb(255, 69, 0)', 'rgb(238, 64, 0)', 'rgb(205, 55, 0)', 'rgb(139, 37, 0)', 'rgb(233, 150, 122)', 'rgb(255, 140, 105)', 'rgb(238, 130, 98)', 'rgb(205, 112, 84)', 'rgb(139, 76, 57)', 'rgb(255, 114, 86)', 'rgb(238, 106, 80)', 'rgb(205, 91, 69)', 'rgb(139, 62, 47)', 'rgb(139, 54, 38)', 'rgb(255, 99, 71)', 'rgb(255, 99, 71)', 'rgb(238, 92, 66)', 'rgb(205, 79, 57)', 'rgb(139, 125, 123)', 'rgb(238, 213, 210)', 'rgb(255, 228, 225)', 'rgb(255, 228, 225)', 'rgb(250, 128, 114)', 'rgb(205, 183, 181)', 'rgb(255, 255, 255)', 'rgb(255, 255, 255)', 'rgb(255, 255, 255)', 'rgb(255, 255, 255)', 'rgb(252, 252, 252)', 'rgb(252, 252, 252)', 'rgb(250, 250, 250)', 'rgb(250, 250, 250)', 'rgb(247, 247, 247)', 'rgb(247, 247, 247)', 'rgb(245, 245, 245)', 'rgb(245, 245, 245)', 'rgb(245, 245, 245)', 'rgb(242, 242, 242)', 'rgb(242, 242, 242)', 'rgb(240, 240, 240)', 'rgb(240, 240, 240)', 'rgb(237, 237, 237)', 'rgb(237, 237, 237)', 'rgb(235, 235, 235)', 'rgb(235, 235, 235)', 'rgb(232, 232, 232)', 'rgb(232, 232, 232)', 'rgb(229, 229, 229)', 'rgb(229, 229, 229)', 'rgb(227, 227, 227)', 'rgb(227, 227, 227)', 'rgb(224, 224, 224)', 'rgb(224, 224, 224)', 'rgb(222, 222, 222)', 'rgb(222, 222, 222)', 'rgb(220, 220, 220)', 'rgb(219, 219, 219)', 'rgb(219, 219, 219)', 'rgb(217, 217, 217)', 'rgb(217, 217, 217)', 'rgb(214, 214, 214)', 'rgb(214, 214, 214)', 'rgb(212, 212, 212)', 'rgb(212, 212, 212)', 'rgb(211, 211, 211)', 'rgb(211, 211, 211)', 'rgb(209, 209, 209)', 'rgb(209, 209, 209)', 'rgb(207, 207, 207)', 'rgb(207, 207, 207)', 'rgb(204, 204, 204)', 'rgb(204, 204, 204)', 'rgb(201, 201, 201)', 'rgb(201, 201, 201)', 'rgb(199, 199, 199)', 'rgb(199, 199, 199)', 'rgb(196, 196, 196)', 'rgb(196, 196, 196)', 'rgb(194, 194, 194)', 'rgb(194, 194, 194)', 'rgb(192, 192, 192)', 'rgb(191, 191, 191)', 'rgb(191, 191, 191)', 'rgb(189, 189, 189)', 'rgb(189, 189, 189)', 'rgb(186, 186, 186)', 'rgb(186, 186, 186)', 'rgb(184, 184, 184)', 'rgb(184, 184, 184)', 'rgb(181, 181, 181)', 'rgb(181, 181, 181)', 'rgb(179, 179, 179)', 'rgb(179, 179, 179)', 'rgb(176, 176, 176)', 'rgb(176, 176, 176)', 'rgb(173, 173, 173)', 'rgb(173, 173, 173)', 'rgb(171, 171, 171)', 'rgb(171, 171, 171)', 'rgb(169, 169, 169)', 'rgb(169, 169, 169)', 'rgb(168, 168, 168)', 'rgb(168, 168, 168)', 'rgb(166, 166, 166)', 'rgb(166, 166, 166)', 'rgb(163, 163, 163)', 'rgb(163, 163, 163)', 'rgb(161, 161, 161)', 'rgb(161, 161, 161)', 'rgb(158, 158, 158)', 'rgb(158, 158, 158)', 'rgb(156, 156, 156)', 'rgb(156, 156, 156)', 'rgb(153, 153, 153)', 'rgb(153, 153, 153)', 'rgb(150, 150, 150)', 'rgb(150, 150, 150)', 'rgb(148, 148, 148)', 'rgb(148, 148, 148)', 'rgb(145, 145, 145)', 'rgb(145, 145, 145)', 'rgb(143, 143, 143)', 'rgb(143, 143, 143)', 'rgb(140, 140, 140)', 'rgb(140, 140, 140)', 'rgb(138, 138, 138)', 'rgb(138, 138, 138)', 'rgb(135, 135, 135)', 'rgb(135, 135, 135)', 'rgb(133, 133, 133)', 'rgb(133, 133, 133)', 'rgb(130, 130, 130)', 'rgb(130, 130, 130)', 'rgb(128, 128, 128)', 'rgb(127, 127, 127)', 'rgb(127, 127, 127)', 'rgb(126, 126, 126)', 'rgb(125, 125, 125)', 'rgb(125, 125, 125)', 'rgb(122, 122, 122)', 'rgb(122, 122, 122)', 'rgb(120, 120, 120)', 'rgb(120, 120, 120)', 'rgb(117, 117, 117)', 'rgb(117, 117, 117)', 'rgb(115, 115, 115)', 'rgb(115, 115, 115)', 'rgb(112, 112, 112)', 'rgb(112, 112, 112)', 'rgb(110, 110, 110)', 'rgb(110, 110, 110)', 'rgb(107, 107, 107)', 'rgb(107, 107, 107)', 'rgb(105, 105, 105)', 'rgb(105, 105, 105)', 'rgb(105, 105, 105)', 'rgb(105, 105, 105)', 'rgb(102, 102, 102)', 'rgb(102, 102, 102)', 'rgb( 99, 99, 99)', 'rgb( 99, 99, 99)', 'rgb( 97, 97, 97)', 'rgb( 97, 97, 97)', 'rgb( 94, 94, 94)', 'rgb( 94, 94, 94)', 'rgb( 92, 92, 92)', 'rgb( 92, 92, 92)', 'rgb( 89, 89, 89)', 'rgb( 89, 89, 89)', 'rgb( 87, 87, 87)', 'rgb( 87, 87, 87)', 'rgb( 84, 84, 84)', 'rgb( 84, 84, 84)', 'rgb( 82, 82, 82)', 'rgb( 82, 82, 82)', 'rgb( 79, 79, 79)', 'rgb( 79, 79, 79)', 'rgb( 77, 77, 77)', 'rgb( 77, 77, 77)', 'rgb( 74, 74, 74)', 'rgb( 74, 74, 74)', 'rgb( 71, 71, 71)', 'rgb( 71, 71, 71)', 'rgb( 69, 69, 69)', 'rgb( 69, 69, 69)', 'rgb( 66, 66, 66)', 'rgb( 66, 66, 66)', 'rgb( 64, 64, 64)', 'rgb( 64, 64, 64)', 'rgb( 61, 61, 61)', 'rgb( 61, 61, 61)', 'rgb( 59, 59, 59)', 'rgb( 59, 59, 59)', 'rgb( 56, 56, 56)', 'rgb( 56, 56, 56)', 'rgb( 54, 54, 54)', 'rgb( 54, 54, 54)', 'rgb( 51, 51, 51)', 'rgb( 51, 51, 51)', 'rgb( 48, 48, 48)', 'rgb( 48, 48, 48)', 'rgb( 46, 46, 46)', 'rgb( 46, 46, 46)', 'rgb( 43, 43, 43)', 'rgb( 43, 43, 43)', 'rgb( 41, 41, 41)', 'rgb( 41, 41, 41)', 'rgb( 38, 38, 38)', 'rgb( 38, 38, 38)', 'rgb( 36, 36, 36)', 'rgb( 36, 36, 36)', 'rgb( 33, 33, 33)', 'rgb( 33, 33, 33)', 'rgb( 31, 31, 31)', 'rgb( 31, 31, 31)', 'rgb( 28, 28, 28)', 'rgb( 28, 28, 28)', 'rgb( 26, 26, 26)', 'rgb( 26, 26, 26)', 'rgb( 23, 23, 23)', 'rgb( 23, 23, 23)', 'rgb( 20, 20, 20)', 'rgb( 20, 20, 20)', 'rgb( 18, 18, 18)', 'rgb( 18, 18, 18)', 'rgb( 15, 15, 15)', 'rgb( 15, 15, 15)', 'rgb( 13, 13, 13)', 'rgb( 13, 13, 13)', 'rgb( 10, 10, 10)', 'rgb( 10, 10, 10)', 'rgb( 8, 8, 8)', 'rgb( 8, 8, 8)', 'rgb( 5, 5, 5)', 'rgb( 5, 5, 5)', 'rgb( 3, 3, 3)', 'rgb( 3, 3, 3)', 'rgb( 0, 0, 0)', 'rgb( 0, 0, 0)', 'rgb( 0, 0, 0)', 'rgb( 0, 0, 0)', 'white', 'white']
+namelist = ['snow', 'snow1', 'snow2', 'RosyBrown1', 'RosyBrown2', 'snow3', 'LightCoral', 'IndianRed1', 'RosyBrown3', 'IndianRed2', 'RosyBrown', 'brown1', 'firebrick1', 'brown2', 'IndianRed', 'IndianRed3', 'firebrick2', 'snow4', 'brown3', 'red', 'red1', 'RosyBrown4', 'firebrick3', 'red2', 'firebrick', 'brown', 'red3', 'IndianRed4', 'brown4', 'firebrick4', 'DarkRed', 'red4', 'maroon', 'LightPink1', 'LightPink3', 'LightPink4', 'LightPink2', 'LightPink', 'pink', 'crimson', 'pink1', 'pink2', 'pink3', 'pink4', 'PaleVioletRed4', 'PaleVioletRed', 'PaleVioletRed2', 'PaleVioletRed1', 'PaleVioletRed3', 'LavenderBlush', 'LavenderBlush1', 'LavenderBlush3', 'LavenderBlush2', 'LavenderBlush4', 'maroon', 'HotPink3', 'VioletRed3', 'VioletRed1', 'VioletRed2', 'VioletRed4', 'HotPink2', 'HotPink1', 'HotPink4', 'HotPink', 'DeepPink', 'DeepPink1', 'DeepPink2', 'DeepPink3', 'DeepPink4', 'maroon1', 'maroon2', 'maroon3', 'maroon4', 'MediumVioletRed', 'VioletRed', 'orchid2', 'orchid', 'orchid1', 'orchid3', 'orchid4', 'thistle1', 'thistle2', 'plum1', 'plum2', 'thistle', 'thistle3', 'plum', 'violet', 'plum3', 'thistle4', 'fuchsia', 'magenta', 'magenta1', 'plum4', 'magenta2', 'magenta3', 'DarkMagenta', 'magenta4', 'purple', 'MediumOrchid', 'MediumOrchid1', 'MediumOrchid2', 'MediumOrchid3', 'MediumOrchid4', 'DarkViolet', 'DarkOrchid', 'DarkOrchid1', 'DarkOrchid3', 'DarkOrchid2', 'DarkOrchid4', 'purple', 'indigo', 'BlueViolet', 'purple2', 'purple3', 'purple4', 'purple1', 'MediumPurple', 'MediumPurple1', 'MediumPurple2', 'MediumPurple3', 'MediumPurple4', 'DarkSlateBlue', 'LightSlateBlue', 'MediumSlateBlue', 'SlateBlue', 'SlateBlue1', 'SlateBlue2', 'SlateBlue3', 'SlateBlue4', 'GhostWhite', 'lavender', 'blue', 'blue1', 'blue2', 'blue3', 'MediumBlue', 'blue4', 'DarkBlue', 'MidnightBlue', 'navy', 'NavyBlue', 'RoyalBlue', 'RoyalBlue1', 'RoyalBlue2', 'RoyalBlue3', 'RoyalBlue4', 'CornflowerBlue', 'LightSteelBlue', 'LightSteelBlue1', 'LightSteelBlue2', 'LightSteelBlue3', 'LightSteelBlue4', 'SlateGray4', 'SlateGray1', 'SlateGray2', 'SlateGray3', 'LightSlateGray', 'LightSlateGrey', 'SlateGray', 'SlateGrey', 'DodgerBlue', 'DodgerBlue1', 'DodgerBlue2', 'DodgerBlue4', 'DodgerBlue3', 'AliceBlue', 'SteelBlue4', 'SteelBlue', 'SteelBlue1', 'SteelBlue2', 'SteelBlue3', 'SkyBlue4', 'SkyBlue1', 'SkyBlue2', 'SkyBlue3', 'LightSkyBlue', 'LightSkyBlue4', 'LightSkyBlue1', 'LightSkyBlue2', 'LightSkyBlue3', 'SkyBlue', 'LightBlue3', 'DeepSkyBlue', 'DeepSkyBlue1', 'DeepSkyBlue2', 'DeepSkyBlue4', 'DeepSkyBlue3', 'LightBlue1', 'LightBlue2', 'LightBlue', 'LightBlue4', 'PowderBlue', 'CadetBlue1', 'CadetBlue2', 'CadetBlue3', 'CadetBlue4', 'turquoise1', 'turquoise2', 'turquoise3', 'turquoise4', 'cadet blue', 'CadetBlue', 'DarkTurquoise', 'azure', 'azure1', 'LightCyan', 'LightCyan1', 'azure2', 'LightCyan2', 'PaleTurquoise1', 'PaleTurquoise', 'PaleTurquoise2', 'DarkSlateGray1', 'azure3', 'LightCyan3', 'DarkSlateGray2', 'PaleTurquoise3', 'DarkSlateGray3', 'azure4', 'LightCyan4', 'aqua', 'cyan', 'cyan1', 'PaleTurquoise4', 'cyan2', 'DarkSlateGray4', 'cyan3', 'cyan4', 'DarkCyan', 'teal', 'DarkSlateGray', 'DarkSlateGrey', 'MediumTurquoise', 'LightSeaGreen', 'turquoise', 'aquamarine4', 'aquamarine', 'aquamarine1', 'aquamarine2', 'aquamarine3', 'MediumAquamarine', 'MediumSpringGreen', 'MintCream', 'SpringGreen', 'SpringGreen1', 'SpringGreen2', 'SpringGreen3', 'SpringGreen4', 'MediumSeaGreen', 'SeaGreen', 'SeaGreen3', 'SeaGreen1', 'SeaGreen4', 'SeaGreen2', 'MediumForestGreen', 'honeydew', 'honeydew1', 'honeydew2', 'DarkSeaGreen1', 'DarkSeaGreen2', 'PaleGreen1', 'PaleGreen', 'honeydew3', 'LightGreen', 'PaleGreen2', 'DarkSeaGreen3', 'DarkSeaGreen', 'PaleGreen3', 'honeydew4', 'green1', 'lime', 'LimeGreen', 'DarkSeaGreen4', 'green2', 'PaleGreen4', 'green3', 'ForestGreen', 'green4', 'green', 'DarkGreen', 'LawnGreen', 'chartreuse', 'chartreuse1', 'chartreuse2', 'chartreuse3', 'chartreuse4', 'GreenYellow', 'DarkOliveGreen3', 'DarkOliveGreen1', 'DarkOliveGreen2', 'DarkOliveGreen4', 'DarkOliveGreen', 'OliveDrab', 'OliveDrab1', 'OliveDrab2', 'OliveDrab3', 'YellowGreen', 'OliveDrab4', 'ivory', 'ivory1', 'LightYellow', 'LightYellow1', 'beige', 'ivory2', 'LightGoldenrodYellow', 'LightYellow2', 'ivory3', 'LightYellow3', 'ivory4', 'LightYellow4', 'yellow', 'yellow1', 'yellow2', 'yellow3', 'yellow4', 'olive', 'DarkKhaki', 'khaki2', 'LemonChiffon4', 'khaki1', 'khaki3', 'khaki4', 'PaleGoldenrod', 'LemonChiffon', 'LemonChiffon1', 'khaki', 'LemonChiffon3', 'LemonChiffon2', 'MediumGoldenRod', 'cornsilk4', 'gold', 'gold1', 'gold2', 'gold3', 'gold4', 'LightGoldenrod', 'LightGoldenrod4', 'LightGoldenrod1', 'LightGoldenrod3', 'LightGoldenrod2', 'cornsilk3', 'cornsilk2', 'cornsilk', 'cornsilk1', 'goldenrod', 'goldenrod1', 'goldenrod2', 'goldenrod3', 'goldenrod4', 'DarkGoldenrod', 'DarkGoldenrod1', 'DarkGoldenrod2', 'DarkGoldenrod3', 'DarkGoldenrod4', 'FloralWhite', 'wheat2', 'OldLace', 'wheat', 'wheat1', 'wheat3', 'orange', 'orange1', 'orange2', 'orange3', 'orange4', 'wheat4', 'moccasin', 'PapayaWhip', 'NavajoWhite3', 'BlanchedAlmond', 'NavajoWhite', 'NavajoWhite1', 'NavajoWhite2', 'NavajoWhite4', 'AntiqueWhite4', 'AntiqueWhite', 'tan', 'bisque4', 'burlywood', 'AntiqueWhite2', 'burlywood1', 'burlywood3', 'burlywood2', 'AntiqueWhite1', 'burlywood4', 'AntiqueWhite3', 'DarkOrange', 'bisque2', 'bisque', 'bisque1', 'bisque3', 'DarkOrange1', 'linen', 'DarkOrange2', 'DarkOrange3', 'DarkOrange4', 'peru', 'tan1', 'tan2', 'tan3', 'tan4', 'PeachPuff', 'PeachPuff1', 'PeachPuff4', 'PeachPuff2', 'PeachPuff3', 'SandyBrown', 'seashell4', 'seashell2', 'seashell3', 'chocolate', 'chocolate1', 'chocolate2', 'chocolate3', 'chocolate4', 'SaddleBrown', 'seashell', 'seashell1', 'sienna4', 'sienna', 'sienna1', 'sienna2', 'sienna3', 'LightSalmon3', 'LightSalmon', 'LightSalmon1', 'LightSalmon4', 'LightSalmon2', 'coral', 'OrangeRed', 'OrangeRed1', 'OrangeRed2', 'OrangeRed3', 'OrangeRed4', 'DarkSalmon', 'salmon1', 'salmon2', 'salmon3', 'salmon4', 'coral1', 'coral2', 'coral3', 'coral4', 'tomato4', 'tomato', 'tomato1', 'tomato2', 'tomato3', 'MistyRose4', 'MistyRose2', 'MistyRose', 'MistyRose1', 'salmon', 'MistyRose3', 'white', 'gray100', 'grey100', 'grey100', 'gray99', 'grey99', 'gray98', 'grey98', 'gray97', 'grey97', 'gray96', 'grey96', 'WhiteSmoke', 'gray95', 'grey95', 'gray94', 'grey94', 'gray93', 'grey93', 'gray92', 'grey92', 'gray91', 'grey91', 'gray90', 'grey90', 'gray89', 'grey89', 'gray88', 'grey88', 'gray87', 'grey87', 'gainsboro', 'gray86', 'grey86', 'gray85', 'grey85', 'gray84', 'grey84', 'gray83', 'grey83', 'LightGray', 'LightGrey', 'gray82', 'grey82', 'gray81', 'grey81', 'gray80', 'grey80', 'gray79', 'grey79', 'gray78', 'grey78', 'gray77', 'grey77', 'gray76', 'grey76', 'silver', 'gray75', 'grey75', 'gray74', 'grey74', 'gray73', 'grey73', 'gray72', 'grey72', 'gray71', 'grey71', 'gray70', 'grey70', 'gray69', 'grey69', 'gray68', 'grey68', 'gray67', 'grey67', 'DarkGray', 'DarkGrey', 'gray66', 'grey66', 'gray65', 'grey65', 'gray64', 'grey64', 'gray63', 'grey63', 'gray62', 'grey62', 'gray61', 'grey61', 'gray60', 'grey60', 'gray59', 'grey59', 'gray58', 'grey58', 'gray57', 'grey57', 'gray56', 'grey56', 'gray55', 'grey55', 'gray54', 'grey54', 'gray53', 'grey53', 'gray52', 'grey52', 'gray51', 'grey51', 'fractal', 'gray50', 'grey50', 'gray', 'gray49', 'grey49', 'gray48', 'grey48', 'gray47', 'grey47', 'gray46', 'grey46', 'gray45', 'grey45', 'gray44', 'grey44', 'gray43', 'grey43', 'gray42', 'grey42', 'DimGray', 'DimGrey', 'gray41', 'grey41', 'gray40', 'grey40', 'gray39', 'grey39', 'gray38', 'grey38', 'gray37', 'grey37', 'gray36', 'grey36', 'gray35', 'grey35', 'gray34', 'grey34', 'gray33', 'grey33', 'gray32', 'grey32', 'gray31', 'grey31', 'gray30', 'grey30', 'gray29', 'grey29', 'gray28', 'grey28', 'gray27', 'grey27', 'gray26', 'grey26', 'gray25', 'grey25', 'gray24', 'grey24', 'gray23', 'grey23', 'gray22', 'grey22', 'gray21', 'grey21', 'gray20', 'grey20', 'gray19', 'grey19', 'gray18', 'grey18', 'gray17', 'grey17', 'gray16', 'grey16', 'gray15', 'grey15', 'gray14', 'grey14', 'gray13', 'grey13', 'gray12', 'grey12', 'gray11', 'grey11', 'gray10', 'grey10', 'gray9', 'grey9', 'gray8', 'grey8', 'gray7', 'grey7', 'gray6', 'grey6', 'gray5', 'grey5', 'gray4', 'grey4', 'gray3', 'grey3', 'gray2', 'grey2', 'gray1', 'grey1', 'black', 'gray0', 'grey0', 'opaque', 'none', 'transparent']
+
+
+#### create some dictionaries######
+#rgb to hex
+#rgb to name
+#the rest will not work
+#maybe hex to rgb
+
+rgbtohex = {}
+for x in xrange(0,len(hexlist)-1):
+	rgbtohex[rgblist[x]] = hexlist[x]
+
+rgbtoname ={}
+for x in xrange(0, len(namelist)-1):
+	rgbtoname[rgblist[x]] = namelist[x]
+
+hextorgb = {}
+for x in xrange(0, len(hexlist)-1):
+	hextorgb[hexlist[x]] = rgblist[x]
+
+f = open("colordictionaries2.js","w")
+f.write('rgbtohex = '+str(rgbtohex)+'\n')
+f.write('rgbtoname = '+str(rgbtoname)+'\n')
+f.write('hextorgb = '+str(hextorgb)+'\n')
+
+f.close()
diff --git a/frontend/imgrid/colors/js/wrkshp/names b/frontend/imgrid/colors/js/wrkshp/names
new file mode 100755
index 0000000..ebcec30
--- /dev/null
+++ b/frontend/imgrid/colors/js/wrkshp/names
@@ -0,0 +1 @@
+namelist = ['snow', 'snow1', 'snow2', 'RosyBrown1', 'RosyBrown2', 'snow3', 'LightCoral', 'IndianRed1', 'RosyBrown3', 'IndianRed2', 'RosyBrown', 'brown1', 'firebrick1', 'brown2', 'IndianRed', 'IndianRed3', 'firebrick2', 'snow4', 'brown3', 'red', 'red1', 'RosyBrown4', 'firebrick3', 'red2', 'firebrick', 'brown', 'red3', 'IndianRed4', 'brown4', 'firebrick4', 'DarkRed', 'red4', 'maroon', 'LightPink1', 'LightPink3', 'LightPink4', 'LightPink2', 'LightPink', 'pink', 'crimson', 'pink1', 'pink2', 'pink3', 'pink4', 'PaleVioletRed4', 'PaleVioletRed', 'PaleVioletRed2', 'PaleVioletRed1', 'PaleVioletRed3', 'LavenderBlush', 'LavenderBlush1', 'LavenderBlush3', 'LavenderBlush2', 'LavenderBlush4', 'maroon', 'HotPink3', 'VioletRed3', 'VioletRed1', 'VioletRed2', 'VioletRed4', 'HotPink2', 'HotPink1', 'HotPink4', 'HotPink', 'DeepPink', 'DeepPink1', 'DeepPink2', 'DeepPink3', 'DeepPink4', 'maroon1', 'maroon2', 'maroon3', 'maroon4', 'MediumVioletRed', 'VioletRed', 'orchid2', 'orchid', 'orchid1', 'orchid3', 'orchid4', 'thistle1', 'thistle2', 'plum1', 'plum2', 'thistle', 'thistle3', 'plum', 'violet', 'plum3', 'thistle4', 'fuchsia', 'magenta', 'magenta1', 'plum4', 'magenta2', 'magenta3', 'DarkMagenta', 'magenta4', 'purple', 'MediumOrchid', 'MediumOrchid1', 'MediumOrchid2', 'MediumOrchid3', 'MediumOrchid4', 'DarkViolet', 'DarkOrchid', 'DarkOrchid1', 'DarkOrchid3', 'DarkOrchid2', 'DarkOrchid4', 'purple', 'indigo', 'BlueViolet', 'purple2', 'purple3', 'purple4', 'purple1', 'MediumPurple', 'MediumPurple1', 'MediumPurple2', 'MediumPurple3', 'MediumPurple4', 'DarkSlateBlue', 'LightSlateBlue', 'MediumSlateBlue', 'SlateBlue', 'SlateBlue1', 'SlateBlue2', 'SlateBlue3', 'SlateBlue4', 'GhostWhite', 'lavender', 'blue', 'blue1', 'blue2', 'blue3', 'MediumBlue', 'blue4', 'DarkBlue', 'MidnightBlue', 'navy', 'NavyBlue', 'RoyalBlue', 'RoyalBlue1', 'RoyalBlue2', 'RoyalBlue3', 'RoyalBlue4', 'CornflowerBlue', 'LightSteelBlue', 'LightSteelBlue1', 'LightSteelBlue2', 'LightSteelBlue3', 'LightSteelBlue4', 'SlateGray4', 'SlateGray1', 'SlateGray2', 'SlateGray3', 'LightSlateGray', 'LightSlateGrey', 'SlateGray', 'SlateGrey', 'DodgerBlue', 'DodgerBlue1', 'DodgerBlue2', 'DodgerBlue4', 'DodgerBlue3', 'AliceBlue', 'SteelBlue4', 'SteelBlue', 'SteelBlue1', 'SteelBlue2', 'SteelBlue3', 'SkyBlue4', 'SkyBlue1', 'SkyBlue2', 'SkyBlue3', 'LightSkyBlue', 'LightSkyBlue4', 'LightSkyBlue1', 'LightSkyBlue2', 'LightSkyBlue3', 'SkyBlue', 'LightBlue3', 'DeepSkyBlue', 'DeepSkyBlue1', 'DeepSkyBlue2', 'DeepSkyBlue4', 'DeepSkyBlue3', 'LightBlue1', 'LightBlue2', 'LightBlue', 'LightBlue4', 'PowderBlue', 'CadetBlue1', 'CadetBlue2', 'CadetBlue3', 'CadetBlue4', 'turquoise1', 'turquoise2', 'turquoise3', 'turquoise4', 'cadet blue', 'CadetBlue', 'DarkTurquoise', 'azure', 'azure1', 'LightCyan', 'LightCyan1', 'azure2', 'LightCyan2', 'PaleTurquoise1', 'PaleTurquoise', 'PaleTurquoise2', 'DarkSlateGray1', 'azure3', 'LightCyan3', 'DarkSlateGray2', 'PaleTurquoise3', 'DarkSlateGray3', 'azure4', 'LightCyan4', 'aqua', 'cyan', 'cyan1', 'PaleTurquoise4', 'cyan2', 'DarkSlateGray4', 'cyan3', 'cyan4', 'DarkCyan', 'teal', 'DarkSlateGray', 'DarkSlateGrey', 'MediumTurquoise', 'LightSeaGreen', 'turquoise', 'aquamarine4', 'aquamarine', 'aquamarine1', 'aquamarine2', 'aquamarine3', 'MediumAquamarine', 'MediumSpringGreen', 'MintCream', 'SpringGreen', 'SpringGreen1', 'SpringGreen2', 'SpringGreen3', 'SpringGreen4', 'MediumSeaGreen', 'SeaGreen', 'SeaGreen3', 'SeaGreen1', 'SeaGreen4', 'SeaGreen2', 'MediumForestGreen', 'honeydew', 'honeydew1', 'honeydew2', 'DarkSeaGreen1', 'DarkSeaGreen2', 'PaleGreen1', 'PaleGreen', 'honeydew3', 'LightGreen', 'PaleGreen2', 'DarkSeaGreen3', 'DarkSeaGreen', 'PaleGreen3', 'honeydew4', 'green1', 'lime', 'LimeGreen', 'DarkSeaGreen4', 'green2', 'PaleGreen4', 'green3', 'ForestGreen', 'green4', 'green', 'DarkGreen', 'LawnGreen', 'chartreuse', 'chartreuse1', 'chartreuse2', 'chartreuse3', 'chartreuse4', 'GreenYellow', 'DarkOliveGreen3', 'DarkOliveGreen1', 'DarkOliveGreen2', 'DarkOliveGreen4', 'DarkOliveGreen', 'OliveDrab', 'OliveDrab1', 'OliveDrab2', 'OliveDrab3', 'YellowGreen', 'OliveDrab4', 'ivory', 'ivory1', 'LightYellow', 'LightYellow1', 'beige', 'ivory2', 'LightGoldenrodYellow', 'LightYellow2', 'ivory3', 'LightYellow3', 'ivory4', 'LightYellow4', 'yellow', 'yellow1', 'yellow2', 'yellow3', 'yellow4', 'olive', 'DarkKhaki', 'khaki2', 'LemonChiffon4', 'khaki1', 'khaki3', 'khaki4', 'PaleGoldenrod', 'LemonChiffon', 'LemonChiffon1', 'khaki', 'LemonChiffon3', 'LemonChiffon2', 'MediumGoldenRod', 'cornsilk4', 'gold', 'gold1', 'gold2', 'gold3', 'gold4', 'LightGoldenrod', 'LightGoldenrod4', 'LightGoldenrod1', 'LightGoldenrod3', 'LightGoldenrod2', 'cornsilk3', 'cornsilk2', 'cornsilk', 'cornsilk1', 'goldenrod', 'goldenrod1', 'goldenrod2', 'goldenrod3', 'goldenrod4', 'DarkGoldenrod', 'DarkGoldenrod1', 'DarkGoldenrod2', 'DarkGoldenrod3', 'DarkGoldenrod4', 'FloralWhite', 'wheat2', 'OldLace', 'wheat', 'wheat1', 'wheat3', 'orange', 'orange1', 'orange2', 'orange3', 'orange4', 'wheat4', 'moccasin', 'PapayaWhip', 'NavajoWhite3', 'BlanchedAlmond', 'NavajoWhite', 'NavajoWhite1', 'NavajoWhite2', 'NavajoWhite4', 'AntiqueWhite4', 'AntiqueWhite', 'tan', 'bisque4', 'burlywood', 'AntiqueWhite2', 'burlywood1', 'burlywood3', 'burlywood2', 'AntiqueWhite1', 'burlywood4', 'AntiqueWhite3', 'DarkOrange', 'bisque2', 'bisque', 'bisque1', 'bisque3', 'DarkOrange1', 'linen', 'DarkOrange2', 'DarkOrange3', 'DarkOrange4', 'peru', 'tan1', 'tan2', 'tan3', 'tan4', 'PeachPuff', 'PeachPuff1', 'PeachPuff4', 'PeachPuff2', 'PeachPuff3', 'SandyBrown', 'seashell4', 'seashell2', 'seashell3', 'chocolate', 'chocolate1', 'chocolate2', 'chocolate3', 'chocolate4', 'SaddleBrown', 'seashell', 'seashell1', 'sienna4', 'sienna', 'sienna1', 'sienna2', 'sienna3', 'LightSalmon3', 'LightSalmon', 'LightSalmon1', 'LightSalmon4', 'LightSalmon2', 'coral', 'OrangeRed', 'OrangeRed1', 'OrangeRed2', 'OrangeRed3', 'OrangeRed4', 'DarkSalmon', 'salmon1', 'salmon2', 'salmon3', 'salmon4', 'coral1', 'coral2', 'coral3', 'coral4', 'tomato4', 'tomato', 'tomato1', 'tomato2', 'tomato3', 'MistyRose4', 'MistyRose2', 'MistyRose', 'MistyRose1', 'salmon', 'MistyRose3', 'white', 'gray100', 'grey100', 'grey100', 'gray99', 'grey99', 'gray98', 'grey98', 'gray97', 'grey97', 'gray96', 'grey96', 'WhiteSmoke', 'gray95', 'grey95', 'gray94', 'grey94', 'gray93', 'grey93', 'gray92', 'grey92', 'gray91', 'grey91', 'gray90', 'grey90', 'gray89', 'grey89', 'gray88', 'grey88', 'gray87', 'grey87', 'gainsboro', 'gray86', 'grey86', 'gray85', 'grey85', 'gray84', 'grey84', 'gray83', 'grey83', 'LightGray', 'LightGrey', 'gray82', 'grey82', 'gray81', 'grey81', 'gray80', 'grey80', 'gray79', 'grey79', 'gray78', 'grey78', 'gray77', 'grey77', 'gray76', 'grey76', 'silver', 'gray75', 'grey75', 'gray74', 'grey74', 'gray73', 'grey73', 'gray72', 'grey72', 'gray71', 'grey71', 'gray70', 'grey70', 'gray69', 'grey69', 'gray68', 'grey68', 'gray67', 'grey67', 'DarkGray', 'DarkGrey', 'gray66', 'grey66', 'gray65', 'grey65', 'gray64', 'grey64', 'gray63', 'grey63', 'gray62', 'grey62', 'gray61', 'grey61', 'gray60', 'grey60', 'gray59', 'grey59', 'gray58', 'grey58', 'gray57', 'grey57', 'gray56', 'grey56', 'gray55', 'grey55', 'gray54', 'grey54', 'gray53', 'grey53', 'gray52', 'grey52', 'gray51', 'grey51', 'fractal', 'gray50', 'grey50', 'gray', 'gray49', 'grey49', 'gray48', 'grey48', 'gray47', 'grey47', 'gray46', 'grey46', 'gray45', 'grey45', 'gray44', 'grey44', 'gray43', 'grey43', 'gray42', 'grey42', 'DimGray', 'DimGrey', 'gray41', 'grey41', 'gray40', 'grey40', 'gray39', 'grey39', 'gray38', 'grey38', 'gray37', 'grey37', 'gray36', 'grey36', 'gray35', 'grey35', 'gray34', 'grey34', 'gray33', 'grey33', 'gray32', 'grey32', 'gray31', 'grey31', 'gray30', 'grey30', 'gray29', 'grey29', 'gray28', 'grey28', 'gray27', 'grey27', 'gray26', 'grey26', 'gray25', 'grey25', 'gray24', 'grey24', 'gray23', 'grey23', 'gray22', 'grey22', 'gray21', 'grey21', 'gray20', 'grey20', 'gray19', 'grey19', 'gray18', 'grey18', 'gray17', 'grey17', 'gray16', 'grey16', 'gray15', 'grey15', 'gray14', 'grey14', 'gray13', 'grey13', 'gray12', 'grey12', 'gray11', 'grey11', 'gray10', 'grey10', 'gray9', 'grey9', 'gray8', 'grey8', 'gray7', 'grey7', 'gray6', 'grey6', 'gray5', 'grey5', 'gray4', 'grey4', 'gray3', 'grey3', 'gray2', 'grey2', 'gray1', 'grey1', 'black', 'gray0', 'grey0', 'opaque', 'none', 'transparent']
\ No newline at end of file
diff --git a/frontend/imgrid/colors/js/wrkshp/rgbs b/frontend/imgrid/colors/js/wrkshp/rgbs
new file mode 100755
index 0000000..59981a8
--- /dev/null
+++ b/frontend/imgrid/colors/js/wrkshp/rgbs
@@ -0,0 +1 @@
+rgblist = ['rgb(255, 250, 250)', 'rgb(255, 250, 250)', 'rgb(238, 233, 233)', 'rgb(255, 193, 193)', 'rgb(238, 180, 180)', 'rgb(205, 201, 201)', 'rgb(240, 128, 128)', 'rgb(255, 106, 106)', 'rgb(205, 155, 155)', 'rgb(238, 99, 99)', 'rgb(188, 143, 143)', 'rgb(255, 64, 64)', 'rgb(255, 48, 48)', 'rgb(238, 59, 59)', 'rgb(205, 92, 92)', 'rgb(205, 85, 85)', 'rgb(238, 44, 44)', 'rgb(139, 137, 137)', 'rgb(205, 51, 51)', 'rgb(255, 0, 0)', 'rgb(255, 0, 0)', 'rgb(139, 105, 105)', 'rgb(205, 38, 38)', 'rgb(238, 0, 0)', 'rgb(178, 34, 34)', 'rgb(165, 42, 42)', 'rgb(205, 0, 0)', 'rgb(139, 58, 58)', 'rgb(139, 35, 35)', 'rgb(139, 26, 26)', 'rgb(139, 0, 0)', 'rgb(139, 0, 0)', 'rgb(128, 0, 0)', 'rgb(255, 174, 185)', 'rgb(205, 140, 149)', 'rgb(139, 95, 101)', 'rgb(238, 162, 173)', 'rgb(255, 182, 193)', 'rgb(255, 192, 203)', 'rgb(220, 20, 60)', 'rgb(255, 181, 197)', 'rgb(238, 169, 184)', 'rgb(205, 145, 158)', 'rgb(139, 99, 108)', 'rgb(139, 71, 93)', 'rgb(219, 112, 147)', 'rgb(238, 121, 159)', 'rgb(255, 130, 171)', 'rgb(205, 104, 137)', 'rgb(255, 240, 245)', 'rgb(255, 240, 245)', 'rgb(205, 193, 197)', 'rgb(238, 224, 229)', 'rgb(139, 131, 134)', 'rgb(176, 48, 96)', 'rgb(205, 96, 144)', 'rgb(205, 50, 120)', 'rgb(255, 62, 150)', 'rgb(238, 58, 140)', 'rgb(139, 34, 82)', 'rgb(238, 106, 167)', 'rgb(255, 110, 180)', 'rgb(139, 58, 98)', 'rgb(255, 105, 180)', 'rgb(255, 20, 147)', 'rgb(255, 20, 147)', 'rgb(238, 18, 137)', 'rgb(205, 16, 118)', 'rgb(139, 10, 80)', 'rgb(255, 52, 179)', 'rgb(238, 48, 167)', 'rgb(205, 41, 144)', 'rgb(139, 28, 98)', 'rgb(199, 21, 133)', 'rgb(208, 32, 144)', 'rgb(238, 122, 233)', 'rgb(218, 112, 214)', 'rgb(255, 131, 250)', 'rgb(205, 105, 201)', 'rgb(139, 71, 137)', 'rgb(255, 225, 255)', 'rgb(238, 210, 238)', 'rgb(255, 187, 255)', 'rgb(238, 174, 238)', 'rgb(216, 191, 216)', 'rgb(205, 181, 205)', 'rgb(221, 160, 221)', 'rgb(238, 130, 238)', 'rgb(205, 150, 205)', 'rgb(139, 123, 139)', 'rgb(255, 0, 255)', 'rgb(255, 0, 255)', 'rgb(255, 0, 255)', 'rgb(139, 102, 139)', 'rgb(238, 0, 238)', 'rgb(205, 0, 205)', 'rgb(139, 0, 139)', 'rgb(139, 0, 139)', 'rgb(128, 0, 128)', 'rgb(186, 85, 211)', 'rgb(224, 102, 255)', 'rgb(209, 95, 238)', 'rgb(180, 82, 205)', 'rgb(122, 55, 139)', 'rgb(148, 0, 211)', 'rgb(153, 50, 204)', 'rgb(191, 62, 255)', 'rgb(154, 50, 205)', 'rgb(178, 58, 238)', 'rgb(104, 34, 139)', 'rgb(160, 32, 240)', 'rgb( 75, 0, 130)', 'rgb(138, 43, 226)', 'rgb(145, 44, 238)', 'rgb(125, 38, 205)', 'rgb( 85, 26, 139)', 'rgb(155, 48, 255)', 'rgb(147, 112, 219)', 'rgb(171, 130, 255)', 'rgb(159, 121, 238)', 'rgb(137, 104, 205)', 'rgb( 93, 71, 139)', 'rgb( 72, 61, 139)', 'rgb(132, 112, 255)', 'rgb(123, 104, 238)', 'rgb(106, 90, 205)', 'rgb(131, 111, 255)', 'rgb(122, 103, 238)', 'rgb(105, 89, 205)', 'rgb( 71, 60, 139)', 'rgb(248, 248, 255)', 'rgb(230, 230, 250)', 'rgb( 0, 0, 255)', 'rgb( 0, 0, 255)', 'rgb( 0, 0, 238)', 'rgb( 0, 0, 205)', 'rgb( 0, 0, 205)', 'rgb( 0, 0, 139)', 'rgb( 0, 0, 139)', 'rgb( 25, 25, 112)', 'rgb( 0, 0, 128)', 'rgb( 0, 0, 128)', 'rgb( 65, 105, 225)', 'rgb( 72, 118, 255)', 'rgb( 67, 110, 238)', 'rgb( 58, 95, 205)', 'rgb( 39, 64, 139)', 'rgb(100, 149, 237)', 'rgb(176, 196, 222)', 'rgb(202, 225, 255)', 'rgb(188, 210, 238)', 'rgb(162, 181, 205)', 'rgb(110, 123, 139)', 'rgb(108, 123, 139)', 'rgb(198, 226, 255)', 'rgb(185, 211, 238)', 'rgb(159, 182, 205)', 'rgb(119, 136, 153)', 'rgb(119, 136, 153)', 'rgb(112, 128, 144)', 'rgb(112, 128, 144)', 'rgb( 30, 144, 255)', 'rgb( 30, 144, 255)', 'rgb( 28, 134, 238)', 'rgb( 16, 78, 139)', 'rgb( 24, 116, 205)', 'rgb(240, 248, 255)', 'rgb( 54, 100, 139)', 'rgb( 70, 130, 180)', 'rgb( 99, 184, 255)', 'rgb( 92, 172, 238)', 'rgb( 79, 148, 205)', 'rgb( 74, 112, 139)', 'rgb(135, 206, 255)', 'rgb(126, 192, 238)', 'rgb(108, 166, 205)', 'rgb(135, 206, 250)', 'rgb( 96, 123, 139)', 'rgb(176, 226, 255)', 'rgb(164, 211, 238)', 'rgb(141, 182, 205)', 'rgb(135, 206, 235)', 'rgb(154, 192, 205)', 'rgb( 0, 191, 255)', 'rgb( 0, 191, 255)', 'rgb( 0, 178, 238)', 'rgb( 0, 104, 139)', 'rgb( 0, 154, 205)', 'rgb(191, 239, 255)', 'rgb(178, 223, 238)', 'rgb(173, 216, 230)', 'rgb(104, 131, 139)', 'rgb(176, 224, 230)', 'rgb(152, 245, 255)', 'rgb(142, 229, 238)', 'rgb(122, 197, 205)', 'rgb( 83, 134, 139)', 'rgb( 0, 245, 255)', 'rgb( 0, 229, 238)', 'rgb( 0, 197, 205)', 'rgb( 0, 134, 139)', 'rgb( 95, 158, 160)', 'rgb( 95, 158, 160)', 'rgb( 0, 206, 209)', 'rgb(240, 255, 255)', 'rgb(240, 255, 255)', 'rgb(224, 255, 255)', 'rgb(224, 255, 255)', 'rgb(224, 238, 238)', 'rgb(209, 238, 238)', 'rgb(187, 255, 255)', 'rgb(175, 238, 238)', 'rgb(174, 238, 238)', 'rgb(151, 255, 255)', 'rgb(193, 205, 205)', 'rgb(180, 205, 205)', 'rgb(141, 238, 238)', 'rgb(150, 205, 205)', 'rgb(121, 205, 205)', 'rgb(131, 139, 139)', 'rgb(122, 139, 139)', 'rgb( 0, 255, 255)', 'rgb( 0, 255, 255)', 'rgb( 0, 255, 255)', 'rgb(102, 139, 139)', 'rgb( 0, 238, 238)', 'rgb( 82, 139, 139)', 'rgb( 0, 205, 205)', 'rgb( 0, 139, 139)', 'rgb( 0, 139, 139)', 'rgb( 0, 128, 128)', 'rgb( 47, 79, 79)', 'rgb( 47, 79, 79)', 'rgb( 72, 209, 204)', 'rgb( 32, 178, 170)', 'rgb( 64, 224, 208)', 'rgb( 69, 139, 116)', 'rgb(127, 255, 212)', 'rgb(127, 255, 212)', 'rgb(118, 238, 198)', 'rgb(102, 205, 170)', 'rgb(102, 205, 170)', 'rgb( 0, 250, 154)', 'rgb(245, 255, 250)', 'rgb( 0, 255, 127)', 'rgb( 0, 255, 127)', 'rgb( 0, 238, 118)', 'rgb( 0, 205, 102)', 'rgb( 0, 139, 69)', 'rgb( 60, 179, 113)', 'rgb( 46, 139, 87)', 'rgb( 67, 205, 128)', 'rgb( 84, 255, 159)', 'rgb( 46, 139, 87)', 'rgb( 78, 238, 148)', 'rgb( 50, 129, 75)', 'rgb(240, 255, 240)', 'rgb(240, 255, 240)', 'rgb(224, 238, 224)', 'rgb(193, 255, 193)', 'rgb(180, 238, 180)', 'rgb(154, 255, 154)', 'rgb(152, 251, 152)', 'rgb(193, 205, 193)', 'rgb(144, 238, 144)', 'rgb(144, 238, 144)', 'rgb(155, 205, 155)', 'rgb(143, 188, 143)', 'rgb(124, 205, 124)', 'rgb(131, 139, 131)', 'rgb( 0, 255, 0)', 'rgb( 0, 255, 0)', 'rgb( 50, 205, 50)', 'rgb(105, 139, 105)', 'rgb( 0, 238, 0)', 'rgb( 84, 139, 84)', 'rgb( 0, 205, 0)', 'rgb( 34, 139, 34)', 'rgb( 0, 139, 0)', 'rgb( 0, 128, 0)', 'rgb( 0, 100, 0)', 'rgb(124, 252, 0)', 'rgb(127, 255, 0)', 'rgb(127, 255, 0)', 'rgb(118, 238, 0)', 'rgb(102, 205, 0)', 'rgb( 69, 139, 0)', 'rgb(173, 255, 47)', 'rgb(162, 205, 90)', 'rgb(202, 255, 112)', 'rgb(188, 238, 104)', 'rgb(110, 139, 61)', 'rgb( 85, 107, 47)', 'rgb(107, 142, 35)', 'rgb(192, 255, 62)', 'rgb(179, 238, 58)', 'rgb(154, 205, 50)', 'rgb(154, 205, 50)', 'rgb(105, 139, 34)', 'rgb(255, 255, 240)', 'rgb(255, 255, 240)', 'rgb(255, 255, 224)', 'rgb(255, 255, 224)', 'rgb(245, 245, 220)', 'rgb(238, 238, 224)', 'rgb(250, 250, 210)', 'rgb(238, 238, 209)', 'rgb(205, 205, 193)', 'rgb(205, 205, 180)', 'rgb(139, 139, 131)', 'rgb(139, 139, 122)', 'rgb(255, 255, 0)', 'rgb(255, 255, 0)', 'rgb(238, 238, 0)', 'rgb(205, 205, 0)', 'rgb(139, 139, 0)', 'rgb(128, 128, 0)', 'rgb(189, 183, 107)', 'rgb(238, 230, 133)', 'rgb(139, 137, 112)', 'rgb(255, 246, 143)', 'rgb(205, 198, 115)', 'rgb(139, 134, 78)', 'rgb(238, 232, 170)', 'rgb(255, 250, 205)', 'rgb(255, 250, 205)', 'rgb(240, 230, 140)', 'rgb(205, 201, 165)', 'rgb(238, 233, 191)', 'rgb(209, 193, 102)', 'rgb(139, 136, 120)', 'rgb(255, 215, 0)', 'rgb(255, 215, 0)', 'rgb(238, 201, 0)', 'rgb(205, 173, 0)', 'rgb(139, 117, 0)', 'rgb(238, 221, 130)', 'rgb(139, 129, 76)', 'rgb(255, 236, 139)', 'rgb(205, 190, 112)', 'rgb(238, 220, 130)', 'rgb(205, 200, 177)', 'rgb(238, 232, 205)', 'rgb(255, 248, 220)', 'rgb(255, 248, 220)', 'rgb(218, 165, 32)', 'rgb(255, 193, 37)', 'rgb(238, 180, 34)', 'rgb(205, 155, 29)', 'rgb(139, 105, 20)', 'rgb(184, 134, 11)', 'rgb(255, 185, 15)', 'rgb(238, 173, 14)', 'rgb(205, 149, 12)', 'rgb(139, 101, 8)', 'rgb(255, 250, 240)', 'rgb(238, 216, 174)', 'rgb(253, 245, 230)', 'rgb(245, 222, 179)', 'rgb(255, 231, 186)', 'rgb(205, 186, 150)', 'rgb(255, 165, 0)', 'rgb(255, 165, 0)', 'rgb(238, 154, 0)', 'rgb(205, 133, 0)', 'rgb(139, 90, 0)', 'rgb(139, 126, 102)', 'rgb(255, 228, 181)', 'rgb(255, 239, 213)', 'rgb(205, 179, 139)', 'rgb(255, 235, 205)', 'rgb(255, 222, 173)', 'rgb(255, 222, 173)', 'rgb(238, 207, 161)', 'rgb(139, 121, 94)', 'rgb(139, 131, 120)', 'rgb(250, 235, 215)', 'rgb(210, 180, 140)', 'rgb(139, 125, 107)', 'rgb(222, 184, 135)', 'rgb(238, 223, 204)', 'rgb(255, 211, 155)', 'rgb(205, 170, 125)', 'rgb(238, 197, 145)', 'rgb(255, 239, 219)', 'rgb(139, 115, 85)', 'rgb(205, 192, 176)', 'rgb(255, 140, 0)', 'rgb(238, 213, 183)', 'rgb(255, 228, 196)', 'rgb(255, 228, 196)', 'rgb(205, 183, 158)', 'rgb(255, 127, 0)', 'rgb(250, 240, 230)', 'rgb(238, 118, 0)', 'rgb(205, 102, 0)', 'rgb(139, 69, 0)', 'rgb(205, 133, 63)', 'rgb(255, 165, 79)', 'rgb(238, 154, 73)', 'rgb(205, 133, 63)', 'rgb(139, 90, 43)', 'rgb(255, 218, 185)', 'rgb(255, 218, 185)', 'rgb(139, 119, 101)', 'rgb(238, 203, 173)', 'rgb(205, 175, 149)', 'rgb(244, 164, 96)', 'rgb(139, 134, 130)', 'rgb(238, 229, 222)', 'rgb(205, 197, 191)', 'rgb(210, 105, 30)', 'rgb(255, 127, 36)', 'rgb(238, 118, 33)', 'rgb(205, 102, 29)', 'rgb(139, 69, 19)', 'rgb(139, 69, 19)', 'rgb(255, 245, 238)', 'rgb(255, 245, 238)', 'rgb(139, 71, 38)', 'rgb(160, 82, 45)', 'rgb(255, 130, 71)', 'rgb(238, 121, 66)', 'rgb(205, 104, 57)', 'rgb(205, 129, 98)', 'rgb(255, 160, 122)', 'rgb(255, 160, 122)', 'rgb(139, 87, 66)', 'rgb(238, 149, 114)', 'rgb(255, 127, 80)', 'rgb(255, 69, 0)', 'rgb(255, 69, 0)', 'rgb(238, 64, 0)', 'rgb(205, 55, 0)', 'rgb(139, 37, 0)', 'rgb(233, 150, 122)', 'rgb(255, 140, 105)', 'rgb(238, 130, 98)', 'rgb(205, 112, 84)', 'rgb(139, 76, 57)', 'rgb(255, 114, 86)', 'rgb(238, 106, 80)', 'rgb(205, 91, 69)', 'rgb(139, 62, 47)', 'rgb(139, 54, 38)', 'rgb(255, 99, 71)', 'rgb(255, 99, 71)', 'rgb(238, 92, 66)', 'rgb(205, 79, 57)', 'rgb(139, 125, 123)', 'rgb(238, 213, 210)', 'rgb(255, 228, 225)', 'rgb(255, 228, 225)', 'rgb(250, 128, 114)', 'rgb(205, 183, 181)', 'rgb(255, 255, 255)', 'rgb(255, 255, 255)', 'rgb(255, 255, 255)', 'rgb(255, 255, 255)', 'rgb(252, 252, 252)', 'rgb(252, 252, 252)', 'rgb(250, 250, 250)', 'rgb(250, 250, 250)', 'rgb(247, 247, 247)', 'rgb(247, 247, 247)', 'rgb(245, 245, 245)', 'rgb(245, 245, 245)', 'rgb(245, 245, 245)', 'rgb(242, 242, 242)', 'rgb(242, 242, 242)', 'rgb(240, 240, 240)', 'rgb(240, 240, 240)', 'rgb(237, 237, 237)', 'rgb(237, 237, 237)', 'rgb(235, 235, 235)', 'rgb(235, 235, 235)', 'rgb(232, 232, 232)', 'rgb(232, 232, 232)', 'rgb(229, 229, 229)', 'rgb(229, 229, 229)', 'rgb(227, 227, 227)', 'rgb(227, 227, 227)', 'rgb(224, 224, 224)', 'rgb(224, 224, 224)', 'rgb(222, 222, 222)', 'rgb(222, 222, 222)', 'rgb(220, 220, 220)', 'rgb(219, 219, 219)', 'rgb(219, 219, 219)', 'rgb(217, 217, 217)', 'rgb(217, 217, 217)', 'rgb(214, 214, 214)', 'rgb(214, 214, 214)', 'rgb(212, 212, 212)', 'rgb(212, 212, 212)', 'rgb(211, 211, 211)', 'rgb(211, 211, 211)', 'rgb(209, 209, 209)', 'rgb(209, 209, 209)', 'rgb(207, 207, 207)', 'rgb(207, 207, 207)', 'rgb(204, 204, 204)', 'rgb(204, 204, 204)', 'rgb(201, 201, 201)', 'rgb(201, 201, 201)', 'rgb(199, 199, 199)', 'rgb(199, 199, 199)', 'rgb(196, 196, 196)', 'rgb(196, 196, 196)', 'rgb(194, 194, 194)', 'rgb(194, 194, 194)', 'rgb(192, 192, 192)', 'rgb(191, 191, 191)', 'rgb(191, 191, 191)', 'rgb(189, 189, 189)', 'rgb(189, 189, 189)', 'rgb(186, 186, 186)', 'rgb(186, 186, 186)', 'rgb(184, 184, 184)', 'rgb(184, 184, 184)', 'rgb(181, 181, 181)', 'rgb(181, 181, 181)', 'rgb(179, 179, 179)', 'rgb(179, 179, 179)', 'rgb(176, 176, 176)', 'rgb(176, 176, 176)', 'rgb(173, 173, 173)', 'rgb(173, 173, 173)', 'rgb(171, 171, 171)', 'rgb(171, 171, 171)', 'rgb(169, 169, 169)', 'rgb(169, 169, 169)', 'rgb(168, 168, 168)', 'rgb(168, 168, 168)', 'rgb(166, 166, 166)', 'rgb(166, 166, 166)', 'rgb(163, 163, 163)', 'rgb(163, 163, 163)', 'rgb(161, 161, 161)', 'rgb(161, 161, 161)', 'rgb(158, 158, 158)', 'rgb(158, 158, 158)', 'rgb(156, 156, 156)', 'rgb(156, 156, 156)', 'rgb(153, 153, 153)', 'rgb(153, 153, 153)', 'rgb(150, 150, 150)', 'rgb(150, 150, 150)', 'rgb(148, 148, 148)', 'rgb(148, 148, 148)', 'rgb(145, 145, 145)', 'rgb(145, 145, 145)', 'rgb(143, 143, 143)', 'rgb(143, 143, 143)', 'rgb(140, 140, 140)', 'rgb(140, 140, 140)', 'rgb(138, 138, 138)', 'rgb(138, 138, 138)', 'rgb(135, 135, 135)', 'rgb(135, 135, 135)', 'rgb(133, 133, 133)', 'rgb(133, 133, 133)', 'rgb(130, 130, 130)', 'rgb(130, 130, 130)', 'rgb(128, 128, 128)', 'rgb(127, 127, 127)', 'rgb(127, 127, 127)', 'rgb(126, 126, 126)', 'rgb(125, 125, 125)', 'rgb(125, 125, 125)', 'rgb(122, 122, 122)', 'rgb(122, 122, 122)', 'rgb(120, 120, 120)', 'rgb(120, 120, 120)', 'rgb(117, 117, 117)', 'rgb(117, 117, 117)', 'rgb(115, 115, 115)', 'rgb(115, 115, 115)', 'rgb(112, 112, 112)', 'rgb(112, 112, 112)', 'rgb(110, 110, 110)', 'rgb(110, 110, 110)', 'rgb(107, 107, 107)', 'rgb(107, 107, 107)', 'rgb(105, 105, 105)', 'rgb(105, 105, 105)', 'rgb(105, 105, 105)', 'rgb(105, 105, 105)', 'rgb(102, 102, 102)', 'rgb(102, 102, 102)', 'rgb( 99, 99, 99)', 'rgb( 99, 99, 99)', 'rgb( 97, 97, 97)', 'rgb( 97, 97, 97)', 'rgb( 94, 94, 94)', 'rgb( 94, 94, 94)', 'rgb( 92, 92, 92)', 'rgb( 92, 92, 92)', 'rgb( 89, 89, 89)', 'rgb( 89, 89, 89)', 'rgb( 87, 87, 87)', 'rgb( 87, 87, 87)', 'rgb( 84, 84, 84)', 'rgb( 84, 84, 84)', 'rgb( 82, 82, 82)', 'rgb( 82, 82, 82)', 'rgb( 79, 79, 79)', 'rgb( 79, 79, 79)', 'rgb( 77, 77, 77)', 'rgb( 77, 77, 77)', 'rgb( 74, 74, 74)', 'rgb( 74, 74, 74)', 'rgb( 71, 71, 71)', 'rgb( 71, 71, 71)', 'rgb( 69, 69, 69)', 'rgb( 69, 69, 69)', 'rgb( 66, 66, 66)', 'rgb( 66, 66, 66)', 'rgb( 64, 64, 64)', 'rgb( 64, 64, 64)', 'rgb( 61, 61, 61)', 'rgb( 61, 61, 61)', 'rgb( 59, 59, 59)', 'rgb( 59, 59, 59)', 'rgb( 56, 56, 56)', 'rgb( 56, 56, 56)', 'rgb( 54, 54, 54)', 'rgb( 54, 54, 54)', 'rgb( 51, 51, 51)', 'rgb( 51, 51, 51)', 'rgb( 48, 48, 48)', 'rgb( 48, 48, 48)', 'rgb( 46, 46, 46)', 'rgb( 46, 46, 46)', 'rgb( 43, 43, 43)', 'rgb( 43, 43, 43)', 'rgb( 41, 41, 41)', 'rgb( 41, 41, 41)', 'rgb( 38, 38, 38)', 'rgb( 38, 38, 38)', 'rgb( 36, 36, 36)', 'rgb( 36, 36, 36)', 'rgb( 33, 33, 33)', 'rgb( 33, 33, 33)', 'rgb( 31, 31, 31)', 'rgb( 31, 31, 31)', 'rgb( 28, 28, 28)', 'rgb( 28, 28, 28)', 'rgb( 26, 26, 26)', 'rgb( 26, 26, 26)', 'rgb( 23, 23, 23)', 'rgb( 23, 23, 23)', 'rgb( 20, 20, 20)', 'rgb( 20, 20, 20)', 'rgb( 18, 18, 18)', 'rgb( 18, 18, 18)', 'rgb( 15, 15, 15)', 'rgb( 15, 15, 15)', 'rgb( 13, 13, 13)', 'rgb( 13, 13, 13)', 'rgb( 10, 10, 10)', 'rgb( 10, 10, 10)', 'rgb( 8, 8, 8)', 'rgb( 8, 8, 8)', 'rgb( 5, 5, 5)', 'rgb( 5, 5, 5)', 'rgb( 3, 3, 3)', 'rgb( 3, 3, 3)', 'rgb( 0, 0, 0)', 'rgb( 0, 0, 0)', 'rgb( 0, 0, 0)', 'rgb( 0, 0, 0)', 'white', 'white']
\ No newline at end of file
diff --git a/frontend/imgrid/colors/junk/ScrollEffect.js b/frontend/imgrid/colors/junk/ScrollEffect.js
new file mode 100755
index 0000000..ac8ca3f
--- /dev/null
+++ b/frontend/imgrid/colors/junk/ScrollEffect.js
@@ -0,0 +1,86 @@
+var vt = function () { 
+	var view_box, 
+			scrolled_element,
+	    scrolled_element_actualheight = 0, 
+	    new_scrolled_element_top_position = 0, 
+			final_Landing_Spot = 0, 
+			hidden_material = 0, 
+	    viewbox_actualheight = 0, 
+			y_coordinate = 0;
+ 
+			var velx;
+			var prevY;
+		// ----- setup jquery selectors, set mouse event, run function run on timer
+		var start = function (view_element, element_to_be_scrolled) { 
+ 
+		// ----- mouse event ----- 
+			$('.colors').mousemove(function(e){
+			y_coordinate = e.clientY;
+			velx = e.clientY - prevY;
+		}); 
+ 
+		// ----- selectors and variables
+		view_box  = $('#'+view_element)[0];//.(view_element);//viewarea 
+		scrolled_element  = $('#'+element_to_be_scrolled)[0]; //container
+		viewbox_actualheight = view_box.offsetHeight;//always 850px
+		scrolled_element_actualheight = scrolled_element.offsetHeight; 
+		hidden_material = scrolled_element_actualheight - viewbox_actualheight; 
+
+	
+		// ----- start engine ----- 
+	
+		setInterval(run, 60);//previously 16, the higher the number, the easier it is on the browser
+	}; 
+	///////////////////////////////////////////////////////////////////////////// 
+		
+
+	// ----- main  ----- all this function does is adjust the top position of the div
+	var run = function () { 
+	
+	prevY = y_coordinate;
+	
+	//if velocity is negative, landing spot and scrolltop increase in value (you have to add it)
+
+	//velocity function if velocity is high, final landing spot is high,	
+
+//FINAL LANDING SPOT IS NO LONGER FINAL LANDING SPOT. INSTEAD it's 
+//how much the div will move 
+		// ----- calculate the final landing spot
+//			if(y_coordinate < viewbox_actualheight){ //it almost always is
+				final_Landing_Spot = y_coordinate * -18.5//( hidden_material / viewbox_actualheight)*-1; //this is negative because it's adjusting top css
+
+			$('#preview').html('x-velocity='+'scrolled element'+scrolled_element_offset_height+'thats it'+velx+'<br><span id="boners" style="position:absolute; z-index:1000;"></span>')
+//				} 
+	 /*this is the mouse position multiplied by the ratio of hidden to visible. this makes sense going in the negative direction, because
+		it allows the number to grow in proportion to how much invisible stuff there is...the issue is that the mouse position is small at the top of
+		the screen and large at the bottom...it needs to be equalized*/
+
+
+
+		// ----- function to determine easing
+		var velocity = (final_Landing_Spot - new_scrolled_element_top_position)
+		new_scrolled_element_top_position += Math.max(-25, Math.min(25, (final_Landing_Spot - new_scrolled_element_top_position))); 
+		
+
+
+
+
+
+
+
+
+
+
+
+		$('#boners').html('<span style="font-size:14"> final_Landing_Spot ='+(final_Landing_Spot - new_scrolled_element_top_position)+'<br>var vvvvvvelocity='+velocity+'<br> clientY='+y_coordinate+'<br>new scrolled top='+new_scrolled_element_top_position+'</span>')
+		// ----- HTML position ----- 
+		scrolled_element.style.top = Math.round(new_scrolled_element_top_position) + 'px'; //and finally it's put in...continuously against the timer
+	
+	}; 
+ 
+	return { 
+		//////////////////////////////////////////////////////////////////////////// 
+		/* ==== public functions ==== */ 
+		start : start,
+	} 
+}();
diff --git a/frontend/imgrid/colors/junk/ScrollEffectcomingsoon.js b/frontend/imgrid/colors/junk/ScrollEffectcomingsoon.js
new file mode 100755
index 0000000..3388d5f
--- /dev/null
+++ b/frontend/imgrid/colors/junk/ScrollEffectcomingsoon.js
@@ -0,0 +1,237 @@
+var vt = function () { 
+	var view_box, 
+			scrolled_element,
+	    scrolled_element_actualheight = 0, 
+	    easing = 0, 
+			final_resting_place = 0, 
+			hidden_material = 0, 
+	    viewbox_actualheight = 0; 
+	var		y_coordinate = 0;
+ 
+			var velocity;
+			var prevY;
+			var lastrested = 0;
+		// ----- setup jquery selectors, set mouse event, run function run on timer
+		var start = function (view_element, element_to_be_scrolled) { 
+ 
+		// ----- mouse event ----- 
+			$('.colors').mousemove(function(e){
+			y_coordinate = e.clientY;
+			velocity = e.clientY - prevY;
+		}); 
+ velocity = y_coordinate - prevY
+		// ----- selectors and variables
+		view_box  = $('#'+view_element)[0];//.(view_element);//viewarea 
+		scrolled_element  = $('#'+element_to_be_scrolled)[0]; //container
+		viewbox_actualheight = view_box.offsetHeight;//always 850px
+		scrolled_element_actualheight = scrolled_element.offsetHeight; 
+		hidden_material = scrolled_element_actualheight - viewbox_actualheight; 
+
+	
+		// ----- timer ----- 
+	
+		setInterval(run, 50);//previously 16, the higher the number, the easier it is on the browser
+	}; 
+	///////////////////////////////////////////////////////////////////////////// 
+		
+
+	// ----- main  ----- all this function does is adjust the top position of the div
+	var run = function () { 
+	
+	prevY = y_coordinate;
+	
+	//if velocity is negative, landing spot and scrolltop increase in value (you have to add it)
+
+	//velocity function if velocity is high, final landing spot is high,	
+
+//FINAL LANDING SPOT IS NO LONGER FINAL LANDING SPOT. INSTEAD it's 
+//how much the div will move 
+		// ----- calculate the final landing spot
+//			if(y_coordinate < viewbox_actualheight){ //it almost always is
+				final_resting_place = velocity * -8
+				// -18.5//( hidden_material / viewbox_actualheight)*-1; //this is negative because it's adjusting top css
+		var rush = velocity*.1
+
+			$('#preview').html('velocity='+velocity+'<br>rush='+rush+'<br><span id="boners" style="position:absolute; z-index:1000;"></span>')
+//				} 
+	 /*this is the mouse position multiplied by the ratio of hidden to visible. this makes sense going in the negative direction, because
+		it allows the number to grow in proportion to how much invisible stuff there is...the issue is that the mouse position is small at the top of
+		the screen and large at the bottom...it needs to be equalized*/
+
+
+
+		// ----- function to determine roll_to_zero
+	//	var wheelshow;
+		var roll_to_zero;
+	//	if(Math.abs(velocity)<10){roll_to_zero = roll_to_zero}
+	//	else{
+		roll_to_zero = (final_resting_place - easing)
+	//	easing += Math.max(-25, Math.min(25, roll_to_zero));} 
+	//	easing += Math.max(-25, Math.min(25, roll_to_zero));} 
+	if (roll_to_zero > 0)
+			{if (roll_to_zero > 8000)
+						{easing = easing + 100}
+			else if (roll_to_zero > 6000)
+						{easing = easing +50}
+			else if (roll_to_zero > 3000)
+						{easing = easing + 30}
+			else if (roll_to_zero > 1000)	
+						{easing = easing + 20}
+			else if (roll_to_zero > 50)
+					  {easing = easing +5}
+			else{easing = easing +1}}
+	else if (roll_to_zero < 0)
+			{if (roll_to_zero < 8000)
+						{easing = easing - 100}
+			else if (roll_to_zero < 6000)
+						{easing = easing -50}
+			else if (roll_to_zero < 3000)
+						{easing = easing - 30}
+			else if (roll_to_zero < 1000)	
+						{easing = easing - 20}
+			else if (roll_to_zero < 50)
+					  {easing = easing -1}}
+	else{easing = final_resting_place}
+
+	if (roll_to_zero == 0){roll_to_zero = 0}
+	if (Math.abs(velocity) <= 50){roll_to_zero = 0}
+//		}
+	//		easing = 
+			//in other words if its less than 25(and moving down to zero), it uses 25 and if it's greater than 25 (moving up to zero) it uses 25. it will move 
+		//faster going up if the Math.min(25, number is higher, but since the value is determined by the mouse cursor position it won't move as fast
+
+
+
+
+
+
+
+
+
+
+		$('#boners').html('<span style="font-size:14"><br>final resting place='+final_resting_place+'<br>var roll_to_zero='+roll_to_zero+'<br> clientY='+y_coordinate+'<br>easing='+easing+'</span>')
+		// ----- HTML position ----- 
+		scrolled_element.style.top = Math.round(easing) + 'px'; //and finally it's put in...continuously against the timer
+	
+	}; 
+// 		var wheelshow = final_resting_place - lastrested;
+	//		while(easing > 0){html = this div rightwheel}
+//			while(easing < 0){html = this div leftwheel.show} //wheel should be gray and transparent 3/4 view bg = colors under the mouseover
+	//		if(easing == 0){hmtl = ''}
+	return { 
+		//////////////////////////////////////////////////////////////////////////// 
+		/* ==== public functions ==== */ 
+		start : start,
+	} 
+}();
+
+
+/*minimap...how would it work?
+
+an image of the page...
+
+plus a div with a border
+
+there would have to be some sort of mathematical correllation to the window.height and the height of the div
+against the minimap
+
+
+
+
+
+WHAT WE'VE GOT;;;;;;;;;;;;;;;;;;;;;;;;;
+VELOCITY Y...A NUMBER THAT INDICATES THE CHANGE IN POSITION OF THE MOUSE
+
+HIDDENMATERIAL/VIEWBOX ACTUAL HeIGHT = 18.5
+
+resting space range is -200 -1200
+
+
+
+the way the algorithm works
+
+
+final_top_position = (y coordinate)(-20) //some big number that's dependent on the y position
+
+
+easing function...rolling toward the final_top_position
+
+[first off
+the y coordinate shouldn't be based on the upper left (only because of VALUE, that's why it's easier to scroll down than up)]
+
+[e.pageY-($(window).height()*0.5)]
+
+value should be eradicated...we should instead use velocity which is DELTA. doesn't matter
+
+
+    roll_to_zero = (final_Landing_Spot - easing)  first a destination spot is calculated, then easing takes place
+new_scrolled_element
+
+
+    roll_to_zero = (final_Landing_Spot - easing)}
+    easing += Math.max(-25, Math.min(25, roll_to_zero))
+
+instead of adjusting the height to the final landing spot, it becomes the easing value
+
+how easing works
+ x += Math.max(-25, Math.min(25, finalrestingplace-x));//as x approaches the final resting place, easing is used. 25 and -25 are used to traverse
+long spaces more quickly
+
+where x = the current scroller position
+as x becomes larger final resting place gets closer to 0 (it would actually be smaller, but we're dealing with negative values)
+
+the function is read from the inside out
+
+and of course, the statement that is missing is that x MUST be less than the overall distance travelable (which MUST be calculated)
+
+what's less important is the destination spot. more important would be the distance traveled per mouse move
+
+if the velocity is low, the distance is low, if the velocity is really high, it zooms to the end.
+
+before getting into specifics, for ease of reference lets say the velocity is has a range of -10 to 10, the over all distance traveled is 100px
+
+if the velocity is equal to range(-3,3) distance traved = 0
+if the velocity is between range(-4,-3) or range(3,4) distance traveled = 2
+if the velocity is between range (5,6) or (-5,-6) distance traveled would be 20
+if the velocity is between the range of 7,8 or -7,-8 the distance traveled would be 40
+if the velocity is between the range of 89 the velocity traveled would 80
+9-10 velocity is 160
+
+0
+-12302 from the top is the current max
+
+
+
+
+
+
+
+
+plotted out this looks like this
+                     #                 
+
+
+
+
+
+
+
+               #
+
+
+               
+
+            #           
+                               
+              
+__- __- __# __ __ __ __ __ __ __ __ __
+
+essentially we want something that looks like this (0.3x)^5
+0.ax^b
+
+we can play with which exponent is right, but only choosing odd ones
+where a is the stationary range number
+and b is the new slope
+
+
+this function is called on a timer*/
diff --git a/frontend/imgrid/colors/junk/brush.ani b/frontend/imgrid/colors/junk/brush.ani
new file mode 100755
index 0000000..6da99b4
Binary files /dev/null and b/frontend/imgrid/colors/junk/brush.ani differ
diff --git a/frontend/imgrid/colors/junk/colordictOLD.js b/frontend/imgrid/colors/junk/colordictOLD.js
new file mode 100755
index 0000000..67220ca
--- /dev/null
+++ b/frontend/imgrid/colors/junk/colordictOLD.js
@@ -0,0 +1,2 @@
+var hextoname = {'#EE1289': 'DeepPink2', '#EE8262': 'salmon2', '#C4C4C4': 'gray77', '#556B2F': 'DarkOliveGreen', '#FF8C00': 'DarkOrange', '#8B7B8B': 'thistle4', '#0000EE': 'blue2', '#EED5D2': 'MistyRose2', '#BA55D3': 'MediumOrchid', '#FFF5EE': 'seashell', '#912CEE': 'purple2', '#2F4F4F': 'DarkSlateGray', '#32814B': 'MediumForestGreen', '#D15FEE': 'MediumOrchid2', '#F0FFF0': 'honeydew', '#B23AEE': 'DarkOrchid2', '#8B7765': 'PeachPuff4', '#3D3D3D': 'gray24', '#54FF9F': 'SeaGreen1', '#636363': 'gray39', '#8B8386': 'LavenderBlush4', '#FF4040': 'brown1', '#EEA9B8': 'pink2', '#C2C2C2': 'gray76', '#800080': 'purple', '#545454': 'gray33', '#EE3A8C': 'VioletRed2', '#8A8A8A': 'gray54', '#FF00FF': 'fuchsia', '#436EEE': 'RoyalBlue2', '#8B864E': 'khaki4', '#0A0A0A': 'gray4', '#808000': 'olive', '#E3E3E3': 'gray89', '#1874CD': 'DodgerBlue3', '#BCD2EE': 'LightSteelBlue2', '#A9A9A9': 'DarkGray', '#F4A460': 'SandyBrown', '#FF3030': 'firebrick1', '#FFEBCD': 'BlanchedAlmond', '#B0C4DE': 'LightSteelBlue', '#00CDCD': 'cyan3', '#C0FF3E': 'OliveDrab1', '#FFD700': 'gold', '#242424': 'gray14', '#8B2252': 'VioletRed4', '#4EEE94': 'SeaGreen2', '#CD3278': 'VioletRed3', '#00E5EE': 'turquoise2', '#CD853F': 'peru', '#ADD8E6': 'LightBlue', '#C7C7C7': 'gray78', '#CD2990': 'maroon3', '#EEE5DE': 'seashell2', '#66CD00': 'chartreuse3', '#878787': 'gray53', '#FFA54F': 'tan1', '#A2B5CD': 'LightSteelBlue3', '#BC8F8F': 'RosyBrown', '#C9C9C9': 'gray79', '#D1C166': 'MediumGoldenRod', '#8B2323': 'brown4', '#B3EE3A': 'OliveDrab2', '#EEEED1': 'LightYellow2', '#AEEEEE': 'PaleTurquoise2', '#BDBDBD': 'gray74', '#FF7F00': 'DarkOrange1', '#FFC0CB': 'pink', '#EE3B3B': 'brown2', '#CDC8B1': 'cornsilk3', '#CDB38B': 'NavajoWhite3', '#CDBA96': 'wheat3', '#B4EEB4': 'DarkSeaGreen2', '#40E0D0': 'turquoise', '#8B795E': 'NavajoWhite4', '#27408B': 'RoyalBlue4', '#424242': 'gray26', '#CDB7B5': 'MistyRose3', '#CAE1FF': 'LightSteelBlue1', '#F0FFFF': 'azure', '#2E8B57': 'SeaGreen', '#87CEEB': 'SkyBlue', '#CD00CD': 'magenta3', '#CDAA7D': 'burlywood3', '#836FFF': 'SlateBlue1', '#ABABAB': 'gray67', '#EEB4B4': 'RosyBrown2', '#8B7355': 'burlywood4', '#F0E68C': 'khaki', '#CDCDB4': 'LightYellow3', '#4D4D4D': 'gray30', '#B8B8B8': 'gray72', '#B4CDCD': 'LightCyan3', '#008B8B': 'cyan4', '#828282': 'gray51', '#00EEEE': 'cyan2', '#708090': 'SlateGray', '#9AFF9A': 'PaleGreen1', '#FFA07A': 'LightSalmon', '#EBEBEB': 'gray92', '#FFB5C5': 'pink1', '#00688B': 'DeepSkyBlue4', '#DBDBDB': 'gray86', '#191970': 'MidnightBlue', '#FF83FA': 'orchid1', '#A1A1A1': 'gray63', '#838B8B': 'azure4', '#FFA500': 'orange', '#00FF7F': 'SpringGreen', '#EEAD0E': 'DarkGoldenrod2', '#B03060': 'maroon', '#96CDCD': 'PaleTurquoise3', '#CD3333': 'brown3', '#CDBE70': 'LightGoldenrod3', '#7CCD7C': 'PaleGreen3', '#97FFFF': 'DarkSlateGray1', '#DAA520': 'goldenrod', '#8B3A3A': 'IndianRed4', '#6B6B6B': 'gray42', '#FFFAF0': 'FloralWhite', '#757575': 'gray46', '#BFBFBF': 'gray75', '#00EE76': 'SpringGreen2', '#FFFAFA': 'snow', '#6E8B3D': 'DarkOliveGreen4', '#EEE685': 'khaki2', '#FF3E96': 'VioletRed1', '#EE0000': 'red2', '#FDF5E6': 'OldLace', '#E066FF': 'MediumOrchid1', '#8DB6CD': 'LightSkyBlue3', '#FF7256': 'coral1', '#7CFC00': 'LawnGreen', '#838B83': 'honeydew4', '#BF3EFF': 'DarkOrchid1', '#8B6914': 'goldenrod4', '#00CD66': 'SpringGreen3', '#525252': 'gray32', '#A4D3EE': 'LightSkyBlue2', '#00868B': 'turquoise4', '#8DEEEE': 'DarkSlateGray2', '#787878': 'gray47', '#8B1C62': 'maroon4', '#616161': 'gray38', '#4876FF': 'RoyalBlue1', '#9F79EE': 'MediumPurple2', '#212121': 'gray13', '#C1CDC1': 'honeydew3', '#CD69C9': 'orchid3', '#E0EEEE': 'azure2', '#8B7E66': 'wheat4', '#8A2BE2': 'BlueViolet', '#CDCD00': 'yellow3', '#EE5C42': 'tomato2', '#6E6E6E': 'gray43', '#EEAEEE': 'plum2', '#DC143C': 'crimson', '#CD919E': 'pink3', '#528B8B': 'DarkSlateGray4', '#AFEEEE': 'PaleTurquoise', '#CD6889': 'PaleVioletRed3', '#E6E6FA': 'lavender', '#EE00EE': 'magenta2', '#999999': 'gray60', '#F0F8FF': 'AliceBlue', '#595959': 'gray35', '#FF7F50': 'coral', '#A6A6A6': 'gray65', '#DEDEDE': 'gray87', '#262626': 'gray15', '#6CA6CD': 'SkyBlue3', '#8B8B83': 'ivory4', '#474747': 'gray28', '#F7F7F7': 'gray97', '#548B54': 'PaleGreen4', '#48D1CC': 'MediumTurquoise', '#C1CDCD': 'azure3', '#E0EEE0': 'honeydew2', '#FFB90F': 'DarkGoldenrod1', '#FFD39B': 'burlywood1', '#8B5A2B': 'tan4', '#EEE9BF': 'LemonChiffon2', '#BCEE68': 'DarkOliveGreen2', '#8470FF': 'LightSlateBlue', '#8B0A50': 'DeepPink4', '#FFF68F': 'khaki1', '#EEA2AD': 'LightPink2', '#CD5B45': 'coral3', '#7FFF00': 'chartreuse', '#8B8378': 'AntiqueWhite4', '#9BCD9B': 'DarkSeaGreen3', '#454545': 'gray27', '#D1D1D1': 'gray82', '#EEE8AA': 'PaleGoldenrod', '#668B8B': 'PaleTurquoise4', '#EE30A7': 'maroon2', '#FFC125': 'goldenrod1', '#8B475D': 'PaleVioletRed4', '#D8BFD8': 'thistle', '#404040': 'gray25', '#EEEE00': 'yellow2', '#CDB5CD': 'thistle3', '#00C5CD': 'turquoise3', '#00CED1': 'DarkTurquoise', '#CFCFCF': 'gray81', '#008B00': 'green4', '#7A7A7A': 'gray48', '#B8860B': 'DarkGoldenrod', '#1C86EE': 'DodgerBlue2', '#8B5742': 'LightSalmon4', '#1A1A1A': 'gray10', '#8B008B': 'DarkMagenta', '#0F0F0F': 'gray6', '#CD3700': 'OrangeRed3', '#7F7F7F': 'gray50', '#FF6EB4': 'HotPink1', '#6959CD': 'SlateBlue3', '#90EE90': 'LightGreen', '#8B4789': 'orchid4', '#EE7AE9': 'orchid2', '#8968CD': 'MediumPurple3', '#080808': 'gray3', '#CDC9C9': 'snow3', '#BDB76B': 'DarkKhaki', '#9370DB': 'MediumPurple', '#EEDC82': 'LightGoldenrod2', '#3CB371': 'MediumSeaGreen', '#F5FFFA': 'MintCream', '#303030': 'gray19', '#B9D3EE': 'SlateGray2', '#575757': 'gray34', '#F5F5DC': 'beige', '#BABABA': 'gray73', '#0000CD': 'blue3', '#FF8247': 'sienna1', '#F2F2F2': 'gray95', '#EED5B7': 'bisque2', '#FFEC8B': 'LightGoldenrod1', '#EE7600': 'DarkOrange2', '#8B636C': 'pink4', '#8B814C': 'LightGoldenrod4', '#FFE4B5': 'moccasin', '#4F94CD': 'SteelBlue3', '#CDAD00': 'gold3', '#CD5555': 'IndianRed3', '#8B7500': 'gold4', '#473C8B': 'SlateBlue4', '#B0E0E6': 'PowderBlue', '#FFFF00': 'yellow', '#CD96CD': 'plum3', '#006400': 'DarkGreen', '#FAFAFA': 'gray98', '#53868B': 'CadetBlue4', '#8B4513': 'chocolate4', '#98FB98': 'PaleGreen', '#63B8FF': 'SteelBlue1', '#FFAEB9': 'LightPink1', '#EE6A50': 'coral2', '#87CEFF': 'SkyBlue1', '#87CEFA': 'LightSkyBlue', '#ADFF2F': 'GreenYellow', '#008B45': 'SpringGreen4', '#EE4000': 'OrangeRed2', '#8B6969': 'RosyBrown4', '#00008B': 'blue4', '#DB7093': 'PaleVioletRed', '#7EC0EE': 'SkyBlue2', '#3B3B3B': 'gray23', '#8C8C8C': 'gray55', '#5F9EA0': 'cadet blue', '#EE799F': 'PaleVioletRed2', '#CD6090': 'HotPink3', '#8B8682': 'seashell4', '#458B74': 'aquamarine4', '#EECFA1': 'NavajoWhite2', '#76EE00': 'chartreuse2', '#000080': 'navy', '#228B22': 'ForestGreen', '#8B8B00': 'yellow4', '#B5B5B5': 'gray71', '#CD950C': 'DarkGoldenrod3', '#EE82EE': 'violet', '#EDEDED': 'gray93', '#F5DEB3': 'wheat', '#3A5FCD': 'RoyalBlue3', '#00FA9A': 'MediumSpringGreen', '#F0F0F0': 'gray94', '#D1EEEE': 'LightCyan2', '#2E2E2E': 'gray18', '#EEC591': 'burlywood2', '#8B3E2F': 'coral4', '#CD8162': 'LightSalmon3', '#9AC0CD': 'LightBlue3', '#8B8989': 'snow4', '#EED8AE': 'wheat2', '#551A8B': 'purple4', '#919191': 'gray57', '#949494': 'gray58', '#778899': 'LightSlateGray', '#FFFACD': 'LemonChiffon', '#458B00': 'chartreuse4', '#008000': 'green', '#FFFFF0': 'ivory', '#E0E0E0': 'gray88', '#EEB422': 'goldenrod2', '#A020F0': 'purple', '#5CACEE': 'SteelBlue2', '#CD4F39': 'tomato3', '#CDC0B0': 'AntiqueWhite3', '#6E7B8B': 'LightSteelBlue4', '#9E9E9E': 'gray62', '#CDC673': 'khaki3', '#104E8B': 'DodgerBlue4', '#E0FFFF': 'LightCyan', '#FFFFFF': 'white', '#6C7B8B': 'SlateGray4', '#FFC1C1': 'RosyBrown1', '#D6D6D6': 'gray84', '#8B4726': 'sienna4', '#CD9B1D': 'goldenrod3', '#FF6347': 'tomato', '#FF34B3': 'maroon1', '#7D7D7D': 'gray49', '#121212': 'gray7', '#B0E2FF': 'LightSkyBlue1', '#8B3A62': 'HotPink4', '#CD5C5C': 'IndianRed', '#4A4A4A': 'gray29', '#B0B0B0': 'gray69', '#D9D9D9': 'gray85', '#A2CD5A': 'DarkOliveGreen3', '#8B0000': 'DarkRed', '#FF6A6A': 'IndianRed1', '#CD6600': 'DarkOrange3', '#FFEFDB': 'AntiqueWhite1', '#E9967A': 'DarkSalmon', '#EEE9E9': 'snow2', '#D4D4D4': 'gray83', '#383838': 'gray22', '#7A67EE': 'SlateBlue2', '#4169E1': 'RoyalBlue', '#5E5E5E': 'gray37', '#00F5FF': 'turquoise1', '#FFEFD5': 'PapayaWhip', '#CDAF95': 'PeachPuff3', '#CCCCCC': 'gray80', '#00BFFF': 'DeepSkyBlue', '#CDB79E': 'bisque3', '#969696': 'gray59', '#4F4F4F': 'gray31', '#1E90FF': 'DodgerBlue', '#FCFCFC': 'gray99', '#EE2C2C': 'firebrick2', '#8B6508': 'DarkGoldenrod4', '#696969': 'DimGray', '#FF7F24': 'chocolate1', '#8FBC8F': 'DarkSeaGreen', '#66CDAA': 'aquamarine3', '#6495ED': 'CornflowerBlue', '#0D0D0D': 'gray5', '#EEE0E5': 'LavenderBlush2', '#666666': 'gray40', '#B2DFEE': 'LightBlue2', '#B22222': 'firebrick', '#4B0082': 'indigo', '#FF82AB': 'PaleVioletRed1', '#AB82FF': 'MediumPurple1', '#79CDCD': 'DarkSlateGray3', '#FFE4C4': 'bisque', '#DEB887': 'burlywood', '#5D478B': 'MediumPurple4', '#8B3626': 'tomato4', '#FFFFE0': 'LightYellow', '#FFE4E1': 'MistyRose', '#171717': 'gray9', '#EEDFCC': 'AntiqueWhite2', '#9400D3': 'DarkViolet', '#BFEFFF': 'LightBlue1', '#8B7D6B': 'bisque4', '#FF8C69': 'salmon1', '#C6E2FF': 'SlateGray1', '#1C1C1C': 'gray11', '#FF4500': 'OrangeRed', '#FFE7BA': 'wheat1', '#808080': 'fractal', '#EE9572': 'LightSalmon2', '#CD8500': 'orange3', '#8B5A00': 'orange4', '#9932CC': 'DarkOrchid', '#EECBAD': 'PeachPuff2', '#CD8C95': 'LightPink3', '#292929': 'gray16', '#CD1076': 'DeepPink3', '#7A378B': 'MediumOrchid4', '#FF0000': 'red', '#698B22': 'OliveDrab4', '#ADADAD': 'gray68', '#EEE8CD': 'cornsilk2', '#DDA0DD': 'plum', '#7D26CD': 'purple3', '#DA70D6': 'orchid', '#DCDCDC': 'gainsboro', '#68228B': 'DarkOrchid4', '#7B68EE': 'MediumSlateBlue', '#000000': 'black', '#6B8E23': 'OliveDrab', '#FF69B4': 'HotPink', '#800000': 'maroon', '#8B668B': 'plum4', '#363636': 'gray21', '#8B4500': 'DarkOrange4', '#D3D3D3': 'LightGray', '#607B8B': 'LightSkyBlue4', '#F08080': 'LightCoral', '#CD9B9B': 'RosyBrown3', '#76EEC6': 'aquamarine2', '#FAEBD7': 'AntiqueWhite', '#68838B': 'LightBlue4', '#7FFFD4': 'aquamarine', '#C0C0C0': 'silver', '#EEDD82': 'LightGoldenrod', '#EE9A49': 'tan2', '#4A708B': 'SkyBlue4', '#008080': 'teal', '#7AC5CD': 'CadetBlue3', '#98F5FF': 'CadetBlue1', '#8B2500': 'OrangeRed4', '#8F8F8F': 'gray56', '#FFF0F5': 'LavenderBlush', '#8B8970': 'LemonChiffon4', '#8B8878': 'cornsilk4', '#6A5ACD': 'SlateBlue', '#4682B4': 'SteelBlue', '#EEEEE0': 'ivory2', '#B3B3B3': 'gray70', '#00FF00': 'green1', '#FFDEAD': 'NavajoWhite', '#CD2626': 'firebrick3', '#8B4C39': 'salmon4', '#9B30FF': 'purple1', '#E5E5E5': 'gray90', '#36648B': 'SteelBlue4', '#9C9C9C': 'gray61', '#F8F8FF': 'GhostWhite', '#333333': 'gray20', '#5C5C5C': 'gray36', '#737373': 'gray45', '#EEC900': 'gold2', '#FFE1FF': 'thistle1', '#C1FFC1': 'DarkSeaGreen1', '#CDC5BF': 'seashell3', '#A0522D': 'sienna', '#8B5F65': 'LightPink4', '#CDC1C5': 'LavenderBlush3', '#EE7621': 'chocolate2', '#FFBBFF': 'plum1', '#CD6839': 'sienna3', '#698B69': 'DarkSeaGreen4', '#050505': 'gray2', '#CD661D': 'chocolate3', '#FAFAD2': 'LightGoldenrodYellow', '#CDCDC1': 'ivory3', '#FFF8DC': 'cornsilk', '#A8A8A8': 'gray66', '#B452CD': 'MediumOrchid3', '#D2B48C': 'tan', '#8EE5EE': 'CadetBlue2', '#483D8B': 'DarkSlateBlue', '#BBFFFF': 'PaleTurquoise1', '#0000FF': 'blue', '#EE6AA7': 'HotPink2', '#EE7942': 'sienna2', '#00CD00': 'green3', '#141414': 'gray8', '#9ACD32': 'OliveDrab3', '#C71585': 'MediumVioletRed', '#EE9A00': 'orange2', '#CAFF70': 'DarkOliveGreen1', '#F5F5F5': 'gray96', '#32CD32': 'LimeGreen', '#00EE00': 'green2', '#FFB6C1': 'LightPink', '#8B1A1A': 'firebrick4', '#00B2EE': 'DeepSkyBlue2', '#20B2AA': 'LightSeaGreen', '#707070': 'gray44', '#009ACD': 'DeepSkyBlue3', '#A52A2A': 'brown', '#EE6363': 'IndianRed2', '#FAF0E6': 'linen', '#8B7D7B': 'MistyRose4', '#9A32CD': 'DarkOrchid3', '#1F1F1F': 'gray12', '#E8E8E8': 'gray91', '#7E7E7E': 'gray', '#7A8B8B': 'LightCyan4', '#CD7054': 'salmon3', '#9FB6CD': 'SlateGray3', '#CDC9A5': 'LemonChiffon3', '#D02090': 'VioletRed', '#00FFFF': 'aqua', '#2B2B2B': 'gray17', '#858585': 'gray52', '#A3A3A3': 'gray64', '#CD0000': 'red3', '#43CD80': 'SeaGreen3', '#FA8072': 'salmon', '#FFDAB9': 'PeachPuff', '#D2691E': 'chocolate', '#FF1493': 'DeepPink', '#EED2EE': 'thistle2', '#030303': 'gray1', '#8B8B7A': 'LightYellow4'}
+var nametohex = {'grey21': '#363636', 'yellow': '#FFFF00', 'grey61': '#9C9C9C', 'HotPink3': '#CD6090', 'grey63': '#A1A1A1', 'grey62': '#9E9E9E', 'grey65': '#A6A6A6', 'AliceBlue': '#F0F8FF', 'grey67': '#ABABAB', 'grey66': '#A8A8A8', 'LightCyan1': '#E0FFFF', 'grey68': '#ADADAD', 'LightCyan3': '#B4CDCD', 'LightCyan2': '#D1EEEE', 'LightCyan4': '#7A8B8B', 'gray32': '#525252', 'gray33': '#545454', 'DarkTurquoise': '#00CED1', 'gray31': '#4F4F4F', 'gray36': '#5C5C5C', 'gray37': '#5E5E5E', 'gray34': '#575757', 'gray35': '#595959', 'aquamarine4': '#458B74', 'gray38': '#616161', 'gray39': '#636363', 'aquamarine1': '#7FFFD4', 'aquamarine3': '#66CDAA', 'aquamarine2': '#76EEC6', 'CadetBlue4': '#53868B', 'CadetBlue3': '#7AC5CD', 'CadetBlue2': '#8EE5EE', 'CadetBlue1': '#98F5FF', 'crimson': '#DC143C', 'VioletRed1': '#FF3E96', 'VioletRed2': '#EE3A8C', 'VioletRed3': '#CD3278', 'VioletRed4': '#8B2252', 'brown': '#A52A2A', 'DarkGoldenrod': '#B8860B', 'gray8': '#141414', 'SlateGrey': '#708090', 'NavajoWhite2': '#EECFA1', 'gray2': '#050505', 'cyan': '#00FFFF', 'gray0': '#000000', 'gray1': '#030303', 'fractal': '#808080', 'gray7': '#121212', 'gray4': '#0A0A0A', 'gray5': '#0D0D0D', 'grey60': '#999999', 'DarkBlue': '#00008B', 'gray98': '#FAFAFA', 'DarkKhaki': '#BDB76B', 'gray99': '#FCFCFC', 'teal': '#008080', 'grey11': '#1C1C1C', 'coral4': '#8B3E2F', 'grey12': '#1F1F1F', 'grey64': '#A3A3A3', 'PaleGreen1': '#9AFF9A', 'PaleGreen3': '#7CCD7C', 'PaleGreen2': '#90EE90', 'PaleGreen4': '#548B54', 'grey14': '#242424', 'lavender': '#E6E6FA', 'grey15': '#262626', 'chartreuse3': '#66CD00', 'chartreuse2': '#76EE00', 'chartreuse1': '#7FFF00', 'chartreuse4': '#458B00', 'RosyBrown': '#BC8F8F', 'blue': '#0000FF', 'NavajoWhite': '#FFDEAD', 'opaque': '#000000', 'maroon4': '#8B1C62', 'maroon3': '#CD2990', 'maroon2': '#EE30A7', 'maroon1': '#FF34B3', 'gold3': '#CDAD00', 'gold2': '#EEC900', 'gold1': '#FFD700', 'gold4': '#8B7500', 'LightSlateGrey': '#778899', 'gray30': '#4D4D4D', 'DarkGreen': '#006400', 'SkyBlue': '#87CEEB', 'GhostWhite': '#F8F8FF', 'LavenderBlush': '#FFF0F5', 'SeaGreen': '#2E8B57', 'BlanchedAlmond': '#FFEBCD', 'gray60': '#999999', 'DarkOliveGreen': '#556B2F', 'firebrick2': '#EE2C2C', 'firebrick1': '#FF3030', 'firebrick4': '#8B1A1A', 'sienna': '#A0522D', 'blue1': '#0000FF', 'lime': '#00FF00', 'gray55': '#8C8C8C', 'blue2': '#0000EE', 'DarkViolet': '#9400D3', 'blue4': '#00008B', 'peru': '#CD853F', 'DarkMagenta': '#8B008B', 'LightBlue2': '#B2DFEE', 'red2': '#EE0000', 'red1': '#FF0000', 'LightBlue1': '#BFEFFF', 'LightBlue4': '#68838B', 'red4': '#8B0000', 'MediumSpringGreen': '#00FA9A', 'chocolate': '#D2691E', 'ForestGreen': '#228B22', 'DarkRed': '#8B0000', 'olive': '#808000', 'HotPink2': '#EE6AA7', 'HotPink1': '#FF6EB4', 'HotPink4': '#8B3A62', 'grey18': '#2E2E2E', 'grey19': '#303030', 'none': '#000000', 'PeachPuff': '#FFDAB9', 'MediumGoldenRod': '#D1C166', 'moccasin': '#FFE4B5', 'grey10': '#1A1A1A', 'chocolate1': '#FF7F24', 'chocolate2': '#EE7621', 'chocolate3': '#CD661D', 'chocolate4': '#8B4513', 'wheat2': '#EED8AE', 'grey16': '#292929', 'grey17': '#2B2B2B', 'gray69': '#B0B0B0', 'gray68': '#ADADAD', 'gray65': '#A6A6A6', 'gray64': '#A3A3A3', 'gray67': '#ABABAB', 'gray66': '#A8A8A8', 'gray61': '#9C9C9C', 'coral': '#FF7F50', 'gray63': '#A1A1A1', 'gray62': '#9E9E9E', 'LightGoldenrod': '#EEDD82', 'turquoise4': '#00868B', 'seashell2': '#EEE5DE', 'seashell3': '#CDC5BF', 'magenta': '#FF00FF', 'seashell1': '#FFF5EE', 'tan': '#D2B48C', 'seashell4': '#8B8682', 'pink': '#FFC0CB', 'LightSlateBlue': '#8470FF', 'SteelBlue1': '#63B8FF', 'SteelBlue3': '#4F94CD', 'SteelBlue2': '#5CACEE', 'SteelBlue4': '#36648B', 'grey89': '#E3E3E3', 'grey88': '#E0E0E0', 'grey87': '#DEDEDE', 'grey86': '#DBDBDB', 'grey85': '#D9D9D9', 'grey84': '#D6D6D6', 'grey83': '#D4D4D4', 'grey82': '#D1D1D1', 'grey81': '#CFCFCF', 'grey80': '#CCCCCC', 'ivory2': '#EEEEE0', 'khaki4': '#8B864E', 'khaki1': '#FFF68F', 'khaki2': '#EEE685', 'khaki3': '#CDC673', 'salmon1': '#FF8C69', 'salmon3': '#CD7054', 'salmon2': '#EE8262', 'salmon4': '#8B4C39', 'LightPink': '#FFB6C1', 'gray9': '#171717', 'green': '#008000', 'brown2': '#EE3B3B', 'brown3': '#CD3333', 'brown1': '#FF4040', 'brown4': '#8B2323', 'cadet blue': '#5F9EA0', 'orange4': '#8B5A00', 'orange1': '#FFA500', 'orange3': '#CD8500', 'orange2': '#EE9A00', 'gray3': '#080808', 'gray6': '#0F0F0F', 'yellow4': '#8B8B00', 'yellow3': '#CDCD00', 'yellow2': '#EEEE00', 'yellow1': '#FFFF00', 'PapayaWhip': '#FFEFD5', 'bisque2': '#EED5B7', 'OliveDrab4': '#698B22', 'bisque3': '#CDB79E', 'OliveDrab1': '#C0FF3E', 'OliveDrab2': '#B3EE3A', 'OliveDrab3': '#9ACD32', 'SkyBlue4': '#4A708B', 'SkyBlue1': '#87CEFF', 'SkyBlue3': '#6CA6CD', 'SkyBlue2': '#7EC0EE', 'grey58': '#949494', 'grey59': '#969696', 'grey54': '#8A8A8A', 'grey55': '#8C8C8C', 'grey56': '#8F8F8F', 'grey57': '#919191', 'grey50': '#7F7F7F', 'silver': '#C0C0C0', 'grey52': '#858585', 'grey53': '#878787', 'cyan2': '#00EEEE', 'cyan3': '#00CDCD', 'gray23': '#3B3B3B', 'RosyBrown4': '#8B6969', 'gray25': '#404040', 'CornflowerBlue': '#6495ED', 'cyan4': '#008B8B', 'gray26': '#424242', 'gray29': '#4A4A4A', 'LimeGreen': '#32CD32', 'MistyRose': '#FFE4E1', 'navy': '#000080', 'gray94': '#F0F0F0', 'gray95': '#F2F2F2', 'gray96': '#F5F5F5', 'gray97': '#F7F7F7', 'gray90': '#E5E5E5', 'gray91': '#E8E8E8', 'gray92': '#EBEBEB', 'gray93': '#EDEDED', 'MediumPurple': '#9370DB', 'MidnightBlue': '#191970', 'cornsilk': '#FFF8DC', 'red': '#FF0000', 'grey69': '#B0B0B0', 'DarkOrchid4': '#68228B', 'blue3': '#0000CD', 'LightSteelBlue': '#B0C4DE', 'DarkOrchid1': '#BF3EFF', 'DarkOrchid2': '#B23AEE', 'DarkOrchid3': '#9A32CD', 'grey72': '#B8B8B8', 'FloralWhite': '#FFFAF0', 'grey70': '#B3B3B3', 'DarkSeaGreen': '#8FBC8F', 'grey71': '#B5B5B5', 'gray17': '#2B2B2B', 'grey77': '#C4C4C4', 'tomato4': '#8B3626', 'tomato1': '#FF6347', 'tomato3': '#CD4F39', 'tomato2': '#EE5C42', 'DarkSlateGray1': '#97FFFF', 'DarkSlateGray2': '#8DEEEE', 'DarkSlateGray3': '#79CDCD', 'DarkSlateGray4': '#528B8B', 'SteelBlue': '#4682B4', 'MediumSlateBlue': '#7B68EE', 'OrangeRed': '#FF4500', 'grey79': '#C9C9C9', 'MediumVioletRed': '#C71585', 'burlywood': '#DEB887', 'white': '#FFFFFF', 'tomato': '#FF6347', 'DodgerBlue': '#1E90FF', 'RoyalBlue4': '#27408B', 'RoyalBlue1': '#4876FF', 'RoyalBlue3': '#3A5FCD', 'RoyalBlue2': '#436EEE', 'MistyRose1': '#FFE4E1', 'MistyRose3': '#CDB7B5', 'MistyRose2': '#EED5D2', 'MistyRose4': '#8B7D7B', 'LightGray': '#D3D3D3', 'LightYellow': '#FFFFE0', 'DarkOrange': '#FF8C00', 'DarkGray': '#A9A9A9', 'SlateGray': '#708090', 'turquoise3': '#00C5CD', 'turquoise2': '#00E5EE', 'turquoise1': '#00F5FF', 'burlywood2': '#EEC591', 'burlywood4': '#8B7355', 'DarkSlateGray': '#2F4F4F', 'linen': '#FAF0E6', 'grey47': '#787878', 'snow': '#FFFAFA', 'grey46': '#757575', 'gray58': '#949494', 'gray59': '#969696', 'IndianRed4': '#8B3A3A', 'purple4': '#551A8B', 'gray52': '#858585', 'gray53': '#878787', 'purple1': '#9B30FF', 'IndianRed1': '#FF6A6A', 'purple3': '#7D26CD', 'purple2': '#912CEE', 'thistle3': '#CDB5CD', 'thistle2': '#EED2EE', 'SpringGreen2': '#00EE76', 'SpringGreen3': '#00CD66', 'SpringGreen4': '#008B45', 'thistle4': '#8B7B8B', 'LightPink2': '#EEA2AD', 'LightPink3': '#CD8C95', 'LightPink1': '#FFAEB9', 'LightPink4': '#8B5F65', 'MediumPurple1': '#AB82FF', 'MediumPurple2': '#9F79EE', 'MediumPurple3': '#8968CD', 'MediumPurple4': '#5D478B', 'MediumTurquoise': '#48D1CC', 'DimGray': '#696969', 'gray14': '#242424', 'grey100': '#FFFFFF', 'OrangeRed3': '#CD3700', 'OrangeRed2': '#EE4000', 'OrangeRed1': '#FF4500', 'LightSeaGreen': '#20B2AA', 'gold': '#FFD700', 'OrangeRed4': '#8B2500', 'NavajoWhite4': '#8B795E', 'NavajoWhite1': '#FFDEAD', 'LawnGreen': '#7CFC00', 'NavajoWhite3': '#CDB38B', 'LightGoldenrod4': '#8B814C', 'LightGoldenrod1': '#FFEC8B', 'LightGoldenrod3': '#CDBE70', 'LightGoldenrod2': '#EEDC82', 'gray21': '#363636', 'PaleGreen': '#98FB98', 'green4': '#008B00', 'green1': '#00FF00', 'green3': '#00CD00', 'green2': '#00EE00', 'MediumOrchid': '#BA55D3', 'black': '#000000', 'gray20': '#333333', 'orchid4': '#8B4789', 'DodgerBlue1': '#1E90FF', 'DodgerBlue2': '#1C86EE', 'DodgerBlue3': '#1874CD', 'DodgerBlue4': '#104E8B', 'orchid1': '#FF83FA', 'orchid2': '#EE7AE9', 'orchid3': '#CD69C9', 'DarkSeaGreen4': '#698B69', 'DarkSeaGreen3': '#9BCD9B', 'DarkSeaGreen2': '#B4EEB4', 'DarkSeaGreen1': '#C1FFC1', 'gray100': '#FFFFFF', 'BlueViolet': '#8A2BE2', 'bisque4': '#8B7D6B', 'MediumOrchid4': '#7A378B', 'MintCream': '#F5FFFA', 'MediumOrchid1': '#E066FF', 'bisque1': '#FFE4C4', 'MediumOrchid3': '#B452CD', 'MediumOrchid2': '#D15FEE', 'gray': '#7E7E7E', 'DeepSkyBlue': '#00BFFF', 'LightGrey': '#D3D3D3', 'grey78': '#C7C7C7', 'gray22': '#383838', 'plum4': '#8B668B', 'plum3': '#CD96CD', 'plum2': '#EEAEEE', 'plum1': '#FFBBFF', 'DarkSlateGrey': '#2F4F4F', 'DarkOrchid': '#9932CC', 'OliveDrab': '#6B8E23', 'gray83': '#D4D4D4', 'grey49': '#7D7D7D', 'grey48': '#7A7A7A', 'thistle': '#D8BFD8', 'violet': '#EE82EE', 'grey43': '#6E6E6E', 'grey42': '#6B6B6B', 'LightSalmon4': '#8B5742', 'grey40': '#666666', 'LightSalmon2': '#EE9572', 'LightSalmon3': '#CD8162', 'grey45': '#737373', 'LightSalmon1': '#FFA07A', 'honeydew': '#F0FFF0', 'gray18': '#2E2E2E', 'gray19': '#303030', 'LightCyan': '#E0FFFF', 'gray15': '#262626', 'gray16': '#292929', 'gray82': '#D1D1D1', 'gray10': '#1A1A1A', 'gray11': '#1C1C1C', 'gray12': '#1F1F1F', 'gray13': '#212121', 'grey93': '#EDEDED', 'PaleGoldenrod': '#EEE8AA', 'gainsboro': '#DCDCDC', 'AntiqueWhite3': '#CDC0B0', 'AntiqueWhite2': '#EEDFCC', 'AntiqueWhite1': '#FFEFDB', 'gray27': '#454545', 'SlateBlue': '#6A5ACD', 'AntiqueWhite4': '#8B8378', 'DimGrey': '#696969', 'VioletRed': '#D02090', 'WhiteSmoke': '#F5F5F5', 'grey38': '#616161', 'grey39': '#636363', 'grey36': '#5C5C5C', 'grey37': '#5E5E5E', 'grey34': '#575757', 'grey35': '#595959', 'aqua': '#00FFFF', 'grey33': '#545454', 'grey30': '#4D4D4D', 'grey31': '#4F4F4F', 'NavyBlue': '#000080', 'sienna4': '#8B4726', 'gray81': '#CFCFCF', 'gray80': '#CCCCCC', 'sienna1': '#FF8247', 'gray86': '#DBDBDB', 'sienna3': '#CD6839', 'sienna2': '#EE7942', 'gray89': '#E3E3E3', 'gray88': '#E0E0E0', 'SlateBlue4': '#473C8B', 'gray87': '#DEDEDE', 'LightSteelBlue1': '#CAE1FF', 'magenta3': '#CD00CD', 'IndianRed': '#CD5C5C', 'SlateBlue2': '#7A67EE', 'SlateBlue1': '#836FFF', 'LightBlue': '#ADD8E6', 'PeachPuff4': '#8B7765', 'seashell': '#FFF5EE', 'SaddleBrown': '#8B4513', 'PeachPuff1': '#FFDAB9', 'PeachPuff2': '#EECBAD', 'PeachPuff3': '#CDAF95', 'aquamarine': '#7FFFD4', 'LemonChiffon2': '#EEE9BF', 'LemonChiffon1': '#FFFACD', 'tan4': '#8B5A2B', 'tan3': '#CD853F', 'tan2': '#EE9A49', 'tan1': '#FFA54F', 'LemonChiffon4': '#8B8970', 'orange': '#FFA500', 'OldLace': '#FDF5E6', 'PowderBlue': '#B0E0E6', 'RosyBrown3': '#CD9B9B', 'RoyalBlue': '#4169E1', 'LightSkyBlue4': '#607B8B', 'LightSkyBlue1': '#B0E2FF', 'LightSkyBlue2': '#A4D3EE', 'LightSkyBlue3': '#8DB6CD', 'LightYellow1': '#FFFFE0', 'LightYellow2': '#EEEED1', 'LightYellow3': '#CDCDB4', 'LightYellow4': '#8B8B7A', 'goldenrod4': '#8B6914', 'goldenrod1': '#FFC125', 'goldenrod2': '#EEB422', 'goldenrod3': '#CD9B1D', 'grey32': '#525252', 'LemonChiffon': '#FFFACD', 'burlywood1': '#FFD39B', 'YellowGreen': '#9ACD32', 'LightCoral': '#F08080', 'burlywood3': '#CDAA7D', 'ivory3': '#CDCDC1', 'firebrick3': '#CD2626', 'ivory1': '#FFFFF0', 'grey8': '#141414', 'ivory4': '#8B8B83', 'grey9': '#171717', 'DarkSalmon': '#E9967A', 'SlateGray1': '#C6E2FF', 'SlateGray2': '#B9D3EE', 'SlateGray3': '#9FB6CD', 'SlateGray4': '#6C7B8B', 'RosyBrown2': '#EEB4B4', 'RosyBrown1': '#FFC1C1', 'gray85': '#D9D9D9', 'gray84': '#D6D6D6', 'LightGreen': '#90EE90', 'LavenderBlush1': '#FFF0F5', 'grey73': '#BABABA', 'LavenderBlush3': '#CDC1C5', 'LavenderBlush2': '#EEE0E5', 'grey76': '#C2C2C2', 'LavenderBlush4': '#8B8386', 'grey74': '#BDBDBD', 'grey75': '#BFBFBF', 'pink1': '#FFB5C5', 'pink3': '#CD919E', 'pink2': '#EEA9B8', 'pink4': '#8B636C', 'gray47': '#787878', 'gray46': '#757575', 'gray45': '#737373', 'gray44': '#707070', 'gray43': '#6E6E6E', 'gray42': '#6B6B6B', 'gray41': '#696969', 'gray40': '#666666', 'gray49': '#7D7D7D', 'gray48': '#7A7A7A', 'MediumAquamarine': '#66CDAA', 'MediumForestGreen': '#32814B', 'azure1': '#F0FFFF', 'azure3': '#C1CDCD', 'azure2': '#E0EEEE', 'indigo': '#4B0082', 'azure4': '#838B8B', 'firebrick': '#B22222', 'DarkGrey': '#A9A9A9', 'magenta4': '#8B008B', 'SlateBlue3': '#6959CD', 'magenta2': '#EE00EE', 'magenta1': '#FF00FF', 'grey51': '#828282', 'chartreuse': '#7FFF00', 'grey41': '#696969', 'DarkOliveGreen4': '#6E8B3D', 'turquoise': '#40E0D0', 'DarkOliveGreen1': '#CAFF70', 'DarkOliveGreen3': '#A2CD5A', 'DarkOliveGreen2': '#BCEE68', 'grey6': '#0F0F0F', 'grey7': '#121212', 'grey4': '#0A0A0A', 'grey5': '#0D0D0D', 'grey2': '#050505', 'grey3': '#080808', 'grey0': '#000000', 'grey1': '#030303', 'gray50': '#7F7F7F', 'cyan1': '#00FFFF', 'gray51': '#828282', 'gray24': '#3D3D3D', 'HotPink': '#FF69B4', 'DarkGoldenrod4': '#8B6508', 'gray54': '#8A8A8A', 'DarkGoldenrod1': '#FFB90F', 'DarkGoldenrod2': '#EEAD0E', 'DarkGoldenrod3': '#CD950C', 'IndianRed2': '#EE6363', 'DeepPink': '#FF1493', 'gray28': '#474747', 'IndianRed3': '#CD5555', 'DarkCyan': '#008B8B', 'GreenYellow': '#ADFF2F', 'LightSalmon': '#FFA07A', 'DarkOrange4': '#8B4500', 'DarkOrange1': '#FF7F00', 'transparent': '#000000', 'DarkOrange3': '#CD6600', 'orchid': '#DA70D6', 'purple': '#800080', 'wheat4': '#8B7E66', 'wheat1': '#FFE7BA', 'wheat3': '#CDBA96', 'SpringGreen1': '#00FF7F', 'coral3': '#CD5B45', 'coral2': '#EE6A50', 'coral1': '#FF7256', 'thistle1': '#FFE1FF', 'PaleTurquoise': '#AFEEEE', 'bisque': '#FFE4C4', 'DeepPink3': '#CD1076', 'DeepPink2': '#EE1289', 'DeepPink1': '#FF1493', 'khaki': '#F0E68C', 'wheat': '#F5DEB3', 'MediumSeaGreen': '#3CB371', 'DeepPink4': '#8B0A50', 'salmon': '#FA8072', 'grey44': '#707070', 'DarkSlateBlue': '#483D8B', 'PaleVioletRed4': '#8B475D', 'PaleVioletRed1': '#FF82AB', 'PaleVioletRed2': '#EE799F', 'PaleVioletRed3': '#CD6889', 'AntiqueWhite': '#FAEBD7', 'PaleTurquoise4': '#668B8B', 'PaleTurquoise3': '#96CDCD', 'PaleTurquoise2': '#AEEEEE', 'PaleTurquoise1': '#BBFFFF', 'gray56': '#8F8F8F', 'plum': '#DDA0DD', 'beige': '#F5F5DC', 'SpringGreen': '#00FF7F', 'azure': '#F0FFFF', 'honeydew1': '#F0FFF0', 'honeydew2': '#E0EEE0', 'honeydew3': '#C1CDC1', 'honeydew4': '#838B83', 'gray57': '#919191', 'snow4': '#8B8989', 'snow2': '#EEE9E9', 'snow3': '#CDC9C9', 'snow1': '#FFFAFA', 'SandyBrown': '#F4A460', 'grey13': '#212121', 'SeaGreen4': '#2E8B57', 'SeaGreen3': '#43CD80', 'SeaGreen2': '#4EEE94', 'SeaGreen1': '#54FF9F', 'grey29': '#4A4A4A', 'grey28': '#474747', 'grey25': '#404040', 'grey24': '#3D3D3D', 'grey27': '#454545', 'grey26': '#424242', 'fuchsia': '#FF00FF', 'grey20': '#333333', 'grey23': '#3B3B3B', 'grey22': '#383838', 'gray78': '#C7C7C7', 'gray79': '#C9C9C9', 'gray76': '#C2C2C2', 'gray77': '#C4C4C4', 'gray74': '#BDBDBD', 'gray75': '#BFBFBF', 'gray72': '#B8B8B8', 'gray73': '#BABABA', 'gray70': '#B3B3B3', 'gray71': '#B5B5B5', 'ivory': '#FFFFF0', 'LemonChiffon3': '#CDC9A5', 'DeepSkyBlue4': '#00688B', 'DeepSkyBlue3': '#009ACD', 'DeepSkyBlue2': '#00B2EE', 'DeepSkyBlue1': '#00BFFF', 'cornsilk4': '#8B8878', 'cornsilk2': '#EEE8CD', 'cornsilk3': '#CDC8B1', 'CadetBlue': '#5F9EA0', 'cornsilk1': '#FFF8DC', 'grey90': '#E5E5E5', 'grey91': '#E8E8E8', 'grey92': '#EBEBEB', 'goldenrod': '#DAA520', 'grey94': '#F0F0F0', 'grey95': '#F2F2F2', 'grey96': '#F5F5F5', 'grey97': '#F7F7F7', 'grey98': '#FAFAFA', 'grey99': '#FCFCFC', 'red3': '#CD0000', 'LightSteelBlue2': '#BCD2EE', 'LightSteelBlue3': '#A2B5CD', 'LightSteelBlue4': '#6E7B8B', 'LightBlue3': '#9AC0CD', 'maroon': '#800000', 'LightSkyBlue': '#87CEFA', 'LightGoldenrodYellow': '#FAFAD2', 'MediumBlue': '#0000CD', 'LightSlateGray': '#778899', 'DarkOrange2': '#EE7600', 'PaleVioletRed': '#DB7093'}
diff --git a/frontend/imgrid/colors/junk/colorpicker.html b/frontend/imgrid/colors/junk/colorpicker.html
new file mode 100755
index 0000000..23993ac
--- /dev/null
+++ b/frontend/imgrid/colors/junk/colorpicker.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
+<html>
+<head>
+<style type='text/css'>
+body
+		{
+		background-image:url('http://asdf.us/im/ef/_imgrid_1320723477_pepper.png');
+		}
+#firstd
+		{
+		position:fixed;
+		top:40px;
+		right:20%;
+		height:40px;
+		width:0px;
+		background-color:#ffdead;
+		color:white;
+		}
+#secondd
+		{
+		position:fixed;
+		top: 100px;
+		right:20%;
+		height:40px;
+		width: 200px;
+		font-family:'helvetica';
+		font-size:40px;
+		}
+
+#error
+		{
+		position: fixed;
+		bottom: 100px;
+		height:40px;
+		width: 200px;
+		background-color: mediumseagreen;
+		right: 50%;
+		}
+#colorerror
+		{
+		position: fixed;
+		bottom:50px;
+		height:30px;
+		width: 140px;
+		background-color: red;
+		right: 50%;
+		}
+iframe
+		{
+		width:600px;
+		height:400px;
+		}
+#namespace
+		{
+		position:fixed;
+		bottom:40px;
+		right:20px;
+		}
+#hexmode
+		{
+		position:fixed;
+		top:300px;
+		right:100px;
+		font-size:40px;
+		font-family:helvetica;
+		}
+#hexswitch
+		{
+		height:100px;
+		width:300px;
+		font-size:20px
+		border-style: groove;
+		border-width: 4px;
+		background-color:goldenrod;
+		text-align:center;
+		}
+</style>
+</head>
+<body>
+<div class='content' sytle="background-color:yellow; height:40px; width:300px; position:fixed; bottom:20px; right:45%">BLACH BLAH BLAH</div>
+<button>wonderbutton</button>
+<p>hex</p>
+<p>text</p>
+<div id='hexswitch'>CLICK TO SHOW HEXES</div>
+<div><iframe src='colorsnew.html'></iframe></div>
+<div id='guy2' class='guys' style='position:fixed;z-index:10;background-color:dodgerblue;height:40px;width:50px;top:10px;right:81%'>funny</div>
+<div id='guy3' class='guys' style='position:fixed;z-index:10;background-color:snow;height:40px;width:50px;top:10px;right:76%'>happy</div>
+<div id='guy1' class='guys' style='position:fixed;z-index:10;background-color:magenta;height:40px;width:50px;top:10px;right:66%'>silly</div>
+<div id='guy5' class='guys' style='position:fixed;z-index:10;background-color:magenta;height:40px;width:50px;top:10px;right:71%'>smart</div>
+<div id='showinfo' class='guys' style='position:fixed;z-index:10;background-color:magenta;height:40px;width:50px;top:10px;right:60%'>click it</div>
+
+<div id='firstd'>click me</div><div id='secondd'></div>
+<div id='error'></div>
+<div id='colorerror'></div>
+<input id='namespace' type='text'></input>
+<div id='hexmode'>choose between hex or text...<input id='hexortext' type='checkbox'  value="1"></input></div>
+<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
+<script type="text/javascript" src="colordict.js"></script>
+<script type="text/javascript">
+
+function showid(id)
+		{
+		$('#guy5').html(id)
+		}
+$('.guys').mouseover(function() {
+   showid(this.id);
+});
+$("button").click(function () {
+$("p").toggle();
+});
+
+function removecontent()
+	{
+	$('.content').hover(function(){return})
+	$('.content').html("")
+	}
+removecontent()
+function goldenize(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num*ratio)
+	return newnum
+	}
+//turns css property width or height into an integer value
+function getproperty(idstr, propertystr)
+	{
+	grab = $('#'+idstr).css(propertystr)
+	grab = grab.slice(0,-2)
+	numval = parseInt(grab)
+	return numval
+	}
+function makegolden(idstr, propertystr)
+	{
+	result = getproperty(idstr, propertystr)
+	newwidth = goldenize(result)
+	widthval = newwidth.toString()+'px'
+	$('#'+idstr).css('width', widthval)
+	}
+makegolden('firstd', 'height')
+$('#colorerror').css('background-color', '#556B2F')
+
+//from http://haacked.com/archive/2009/12/29/convert-rgb-to-hex.aspx
+function colorToHex(color) {
+    if (color.substr(0, 1) === '#') {
+        return color;
+    }
+    var digits = /(.*?)rgb\((\d+), (\d+), (\d+)\)/.exec(color);
+    
+    var red = parseInt(digits[2]);
+    var green = parseInt(digits[3]);
+    var blue = parseInt(digits[4]);
+    
+    var rgb = blue | (green << 8) | (red << 16);
+    return digits[1] + '#' + rgb.toString(16);
+};
+
+
+monica = $('#hexortext:checked').length
+$('#error').append(monica)
+$('#error').append('knows whassup')
+var hexes = false
+function hexswitch()
+		{
+		if(hexes == false)
+			{
+			$('#hexswitch').html('CLICK TO SHOW COLOR NAMES')
+			hexes = true;
+			}
+			
+		else
+			{
+			$('#hexswitch').html('CLICK TO SHOW HEX NAMES')
+			hexes = false;
+			}
+		}
+$('#hexswitch').click(function(){hexswitch()})
+//takes a div name and returns a colorname
+function showcolorname(divstr)
+		{
+		bgcolor = $('#'+divstr).css('background-color')
+		lowercasehex = colorToHex(bgcolor)
+		hex = lowercasehex.toUpperCase()
+			imname = hextoname[hex]
+		if ($('#hexortext:checked').length == 1)
+			{
+			imname = hex
+			}
+		return imname
+		}
+function bigname()
+		{
+		bebop = showcolorname('firstd')
+		$('#secondd').html(bebop)
+		}
+function putitin(hotboy)
+		{
+		$('#namespace').val(hotboy)
+		}
+$("#firstd").hover(function(){bigname()})
+$("#firstd").hover(function(){$('#secondd').fadeOut(100);$('#secondd').fadeIn(500);});
+function boys ()
+		{
+		var heyguys = showcolorname('firstd')
+		putitin(heyguys)
+		}
+$('#firstd').click(function(){boys()})
+//$('#'+divstr).mouseover(bigname(divstr)
+//three way toggle with background color
+//here's how it will work
+//there is a dictionary of background color hexes which translate into names
+// with every click of a div the .html() property shifts between three states
+//1. showing the background color as a string
+//2. showing nothing
+//3. showing the value of the hash using the background color as the key to the
+//hash
+//first step: make the three stage button DONE
+
+var infostate = 0;
+$('#showinfo').click(function(){
+			if(infostate == 0)
+						{$('#guy2').html(colorToHex($('#guy2').css('background-color')));infostate = 1}
+			else if(infostate == 1)
+						{$('#guy2').html(newdict[colorToHex($('#guy2').css('background-color'))]);infostate = 2}
+			else if(infostate == 2)
+						{$('#guy2').html(0);infostate = 0}
+						})
+//second step make dictionary DONE
+var newdict = {}
+newdict['#1e90ff'] = 'green'
+newdict['#ff00ff'] = 'purple'
+newdict['#fffafa'] = 'mauve'
+
+//make it happen using guy1 guy2 guy3
+// DO NOT USE HEX TO COLORNAME AND JQUERY BACKGROUND COLOR...use the dictionari
+//es instead...they are divlist, and hextoname and nametohex and divtoname they have a 
+//range of 0-673 (or length of 674)
+
+
+var happyguys = ['#guy1','#guy2','#guy3']
+function tester()
+		{
+		for(var i=0; i<happyguys.length; i++){
+		$(happyguys[i]).html($(happyguys[i]).css('background-color'))
+	}
+		}
+tester()
+
+//the script will be very convoluted. please make it anyway
+//remember the only way to affect a list of things is to iterate over them
+//make a list of the div names put it in this format... do that next
+
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/junk/colorpixx.css b/frontend/imgrid/colors/junk/colorpixx.css
new file mode 100755
index 0000000..1ddf557
--- /dev/null
+++ b/frontend/imgrid/colors/junk/colorpixx.css
@@ -0,0 +1,2047 @@
+
+body
+{word-wrap: break-word;}
+
+#main div
+{display: -moz-inline-stack;
+display:inline-block;
+vertical-align:bottom;
+min-height: 30px;
+min-width:20px;
+zoom: 1;
+*display: inline;}
+}
+
+#main
+		{
+		width:600px;
+		}
+#colornames
+{position:fixed;
+font-size:50px;
+top:50px;
+right:50%;}
+#d0
+{background-color:#FFFAFA}
+
+#d1
+{background-color:#FFFAFA}
+
+#d2
+{background-color:#EEE9E9}
+
+#d3
+{background-color:#FFC1C1}
+
+#d4
+{background-color:#EEB4B4}
+
+#d5
+{background-color:#CDC9C9}
+
+#d6
+{background-color:#F08080}
+
+#d7
+{background-color:#FF6A6A}
+
+#d8
+{background-color:#CD9B9B}
+
+#d9
+{background-color:#EE6363}
+
+#d10
+{background-color:#BC8F8F}
+
+#d11
+{background-color:#FF4040}
+
+#d12
+{background-color:#FF3030}
+
+#d13
+{background-color:#EE3B3B}
+
+#d14
+{background-color:#CD5C5C}
+
+#d15
+{background-color:#CD5555}
+
+#d16
+{background-color:#EE2C2C}
+
+#d17
+{background-color:#8B8989}
+
+#d18
+{background-color:#CD3333}
+
+#d19
+{background-color:#FF0000}
+
+#d20
+{background-color:#FF0000}
+
+#d21
+{background-color:#8B6969}
+
+#d22
+{background-color:#CD2626}
+
+#d23
+{background-color:#EE0000}
+
+#d24
+{background-color:#B22222}
+
+#d25
+{background-color:#A52A2A}
+
+#d26
+{background-color:#CD0000}
+
+#d27
+{background-color:#8B3A3A}
+
+#d28
+{background-color:#8B2323}
+
+#d29
+{background-color:#8B1A1A}
+
+#d30
+{background-color:#8B0000}
+
+#d31
+{background-color:#8B0000}
+
+#d32
+{background-color:#800000}
+
+#d33
+{background-color:#FFAEB9}
+
+#d34
+{background-color:#CD8C95}
+
+#d35
+{background-color:#8B5F65}
+
+#d36
+{background-color:#EEA2AD}
+
+#d37
+{background-color:#FFB6C1}
+
+#d38
+{background-color:#FFC0CB}
+
+#d39
+{background-color:#DC143C}
+
+#d40
+{background-color:#FFB5C5}
+
+#d41
+{background-color:#EEA9B8}
+
+#d42
+{background-color:#CD919E}
+
+#d43
+{background-color:#8B636C}
+
+#d44
+{background-color:#8B475D}
+
+#d45
+{background-color:#DB7093}
+
+#d46
+{background-color:#EE799F}
+
+#d47
+{background-color:#FF82AB}
+
+#d48
+{background-color:#CD6889}
+
+#d49
+{background-color:#FFF0F5}
+
+#d50
+{background-color:#FFF0F5}
+
+#d51
+{background-color:#CDC1C5}
+
+#d52
+{background-color:#EEE0E5}
+
+#d53
+{background-color:#8B8386}
+
+#d54
+{background-color:#B03060}
+
+#d55
+{background-color:#CD6090}
+
+#d56
+{background-color:#CD3278}
+
+#d57
+{background-color:#FF3E96}
+
+#d58
+{background-color:#EE3A8C}
+
+#d59
+{background-color:#8B2252}
+
+#d60
+{background-color:#EE6AA7}
+
+#d61
+{background-color:#FF6EB4}
+
+#d62
+{background-color:#8B3A62}
+
+#d63
+{background-color:#FF69B4}
+
+#d64
+{background-color:#FF1493}
+
+#d65
+{background-color:#FF1493}
+
+#d66
+{background-color:#EE1289}
+
+#d67
+{background-color:#CD1076}
+
+#d68
+{background-color:#8B0A50}
+
+#d69
+{background-color:#FF34B3}
+
+#d70
+{background-color:#EE30A7}
+
+#d71
+{background-color:#CD2990}
+
+#d72
+{background-color:#8B1C62}
+
+#d73
+{background-color:#C71585}
+
+#d74
+{background-color:#D02090}
+
+#d75
+{background-color:#EE7AE9}
+
+#d76
+{background-color:#DA70D6}
+
+#d77
+{background-color:#FF83FA}
+
+#d78
+{background-color:#CD69C9}
+
+#d79
+{background-color:#8B4789}
+
+#d80
+{background-color:#FFE1FF}
+
+#d81
+{background-color:#EED2EE}
+
+#d82
+{background-color:#FFBBFF}
+
+#d83
+{background-color:#EEAEEE}
+
+#d84
+{background-color:#D8BFD8}
+
+#d85
+{background-color:#CDB5CD}
+
+#d86
+{background-color:#DDA0DD}
+
+#d87
+{background-color:#EE82EE}
+
+#d88
+{background-color:#CD96CD}
+
+#d89
+{background-color:#8B7B8B}
+
+#d90
+{background-color:#FF00FF}
+
+#d91
+{background-color:#FF00FF}
+
+#d92
+{background-color:#FF00FF}
+
+#d93
+{background-color:#8B668B}
+
+#d94
+{background-color:#EE00EE}
+
+#d95
+{background-color:#CD00CD}
+
+#d96
+{background-color:#8B008B}
+
+#d97
+{background-color:#8B008B}
+
+#d98
+{background-color:#800080}
+
+#d99
+{background-color:#BA55D3}
+
+#d100
+{background-color:#E066FF}
+
+#d101
+{background-color:#D15FEE}
+
+#d102
+{background-color:#B452CD}
+
+#d103
+{background-color:#7A378B}
+
+#d104
+{background-color:#9400D3}
+
+#d105
+{background-color:#9932CC}
+
+#d106
+{background-color:#BF3EFF}
+
+#d107
+{background-color:#9A32CD}
+
+#d108
+{background-color:#B23AEE}
+
+#d109
+{background-color:#68228B}
+
+#d110
+{background-color:#A020F0}
+
+#d111
+{background-color:#4B0082}
+
+#d112
+{background-color:#8A2BE2}
+
+#d113
+{background-color:#912CEE}
+
+#d114
+{background-color:#7D26CD}
+
+#d115
+{background-color:#551A8B}
+
+#d116
+{background-color:#9B30FF}
+
+#d117
+{background-color:#9370DB}
+
+#d118
+{background-color:#AB82FF}
+
+#d119
+{background-color:#9F79EE}
+
+#d120
+{background-color:#8968CD}
+
+#d121
+{background-color:#5D478B}
+
+#d122
+{background-color:#483D8B}
+
+#d123
+{background-color:#8470FF}
+
+#d124
+{background-color:#7B68EE}
+
+#d125
+{background-color:#6A5ACD}
+
+#d126
+{background-color:#836FFF}
+
+#d127
+{background-color:#7A67EE}
+
+#d128
+{background-color:#6959CD}
+
+#d129
+{background-color:#473C8B}
+
+#d130
+{background-color:#F8F8FF}
+
+#d131
+{background-color:#E6E6FA}
+
+#d132
+{background-color:#0000FF}
+
+#d133
+{background-color:#0000FF}
+
+#d134
+{background-color:#0000EE}
+
+#d135
+{background-color:#0000CD}
+
+#d136
+{background-color:#0000CD}
+
+#d137
+{background-color:#00008B}
+
+#d138
+{background-color:#00008B}
+
+#d139
+{background-color:#191970}
+
+#d140
+{background-color:#000080}
+
+#d141
+{background-color:#000080}
+
+#d142
+{background-color:#4169E1}
+
+#d143
+{background-color:#4876FF}
+
+#d144
+{background-color:#436EEE}
+
+#d145
+{background-color:#3A5FCD}
+
+#d146
+{background-color:#27408B}
+
+#d147
+{background-color:#6495ED}
+
+#d148
+{background-color:#B0C4DE}
+
+#d149
+{background-color:#CAE1FF}
+
+#d150
+{background-color:#BCD2EE}
+
+#d151
+{background-color:#A2B5CD}
+
+#d152
+{background-color:#6E7B8B}
+
+#d153
+{background-color:#6C7B8B}
+
+#d154
+{background-color:#C6E2FF}
+
+#d155
+{background-color:#B9D3EE}
+
+#d156
+{background-color:#9FB6CD}
+
+#d157
+{background-color:#778899}
+
+#d158
+{background-color:#778899}
+
+#d159
+{background-color:#708090}
+
+#d160
+{background-color:#708090}
+
+#d161
+{background-color:#1E90FF}
+
+#d162
+{background-color:#1E90FF}
+
+#d163
+{background-color:#1C86EE}
+
+#d164
+{background-color:#104E8B}
+
+#d165
+{background-color:#1874CD}
+
+#d166
+{background-color:#F0F8FF}
+
+#d167
+{background-color:#36648B}
+
+#d168
+{background-color:#4682B4}
+
+#d169
+{background-color:#63B8FF}
+
+#d170
+{background-color:#5CACEE}
+
+#d171
+{background-color:#4F94CD}
+
+#d172
+{background-color:#4A708B}
+
+#d173
+{background-color:#87CEFF}
+
+#d174
+{background-color:#7EC0EE}
+
+#d175
+{background-color:#6CA6CD}
+
+#d176
+{background-color:#87CEFA}
+
+#d177
+{background-color:#607B8B}
+
+#d178
+{background-color:#B0E2FF}
+
+#d179
+{background-color:#A4D3EE}
+
+#d180
+{background-color:#8DB6CD}
+
+#d181
+{background-color:#87CEEB}
+
+#d182
+{background-color:#9AC0CD}
+
+#d183
+{background-color:#00BFFF}
+
+#d184
+{background-color:#00BFFF}
+
+#d185
+{background-color:#00B2EE}
+
+#d186
+{background-color:#00688B}
+
+#d187
+{background-color:#009ACD}
+
+#d188
+{background-color:#BFEFFF}
+
+#d189
+{background-color:#B2DFEE}
+
+#d190
+{background-color:#ADD8E6}
+
+#d191
+{background-color:#68838B}
+
+#d192
+{background-color:#B0E0E6}
+
+#d193
+{background-color:#98F5FF}
+
+#d194
+{background-color:#8EE5EE}
+
+#d195
+{background-color:#7AC5CD}
+
+#d196
+{background-color:#53868B}
+
+#d197
+{background-color:#00F5FF}
+
+#d198
+{background-color:#00E5EE}
+
+#d199
+{background-color:#00C5CD}
+
+#d200
+{background-color:#00868B}
+
+#d201
+{background-color:#5F9EA0}
+
+#d202
+{background-color:#5F9EA0}
+
+#d203
+{background-color:#00CED1}
+
+#d204
+{background-color:#F0FFFF}
+
+#d205
+{background-color:#F0FFFF}
+
+#d206
+{background-color:#E0FFFF}
+
+#d207
+{background-color:#E0FFFF}
+
+#d208
+{background-color:#E0EEEE}
+
+#d209
+{background-color:#D1EEEE}
+
+#d210
+{background-color:#BBFFFF}
+
+#d211
+{background-color:#AFEEEE}
+
+#d212
+{background-color:#AEEEEE}
+
+#d213
+{background-color:#97FFFF}
+
+#d214
+{background-color:#C1CDCD}
+
+#d215
+{background-color:#B4CDCD}
+
+#d216
+{background-color:#8DEEEE}
+
+#d217
+{background-color:#96CDCD}
+
+#d218
+{background-color:#79CDCD}
+
+#d219
+{background-color:#838B8B}
+
+#d220
+{background-color:#7A8B8B}
+
+#d221
+{background-color:#00FFFF}
+
+#d222
+{background-color:#00FFFF}
+
+#d223
+{background-color:#00FFFF}
+
+#d224
+{background-color:#668B8B}
+
+#d225
+{background-color:#00EEEE}
+
+#d226
+{background-color:#528B8B}
+
+#d227
+{background-color:#00CDCD}
+
+#d228
+{background-color:#008B8B}
+
+#d229
+{background-color:#008B8B}
+
+#d230
+{background-color:#008080}
+
+#d231
+{background-color:#2F4F4F}
+
+#d232
+{background-color:#2F4F4F}
+
+#d233
+{background-color:#48D1CC}
+
+#d234
+{background-color:#20B2AA}
+
+#d235
+{background-color:#40E0D0}
+
+#d236
+{background-color:#458B74}
+
+#d237
+{background-color:#7FFFD4}
+
+#d238
+{background-color:#7FFFD4}
+
+#d239
+{background-color:#76EEC6}
+
+#d240
+{background-color:#66CDAA}
+
+#d241
+{background-color:#66CDAA}
+
+#d242
+{background-color:#00FA9A}
+
+#d243
+{background-color:#F5FFFA}
+
+#d244
+{background-color:#00FF7F}
+
+#d245
+{background-color:#00FF7F}
+
+#d246
+{background-color:#00EE76}
+
+#d247
+{background-color:#00CD66}
+
+#d248
+{background-color:#008B45}
+
+#d249
+{background-color:#3CB371}
+
+#d250
+{background-color:#2E8B57}
+
+#d251
+{background-color:#43CD80}
+
+#d252
+{background-color:#54FF9F}
+
+#d253
+{background-color:#2E8B57}
+
+#d254
+{background-color:#4EEE94}
+
+#d255
+{background-color:#32814B}
+
+#d256
+{background-color:#F0FFF0}
+
+#d257
+{background-color:#F0FFF0}
+
+#d258
+{background-color:#E0EEE0}
+
+#d259
+{background-color:#C1FFC1}
+
+#d260
+{background-color:#B4EEB4}
+
+#d261
+{background-color:#9AFF9A}
+
+#d262
+{background-color:#98FB98}
+
+#d263
+{background-color:#C1CDC1}
+
+#d264
+{background-color:#90EE90}
+
+#d265
+{background-color:#90EE90}
+
+#d266
+{background-color:#9BCD9B}
+
+#d267
+{background-color:#8FBC8F}
+
+#d268
+{background-color:#7CCD7C}
+
+#d269
+{background-color:#838B83}
+
+#d270
+{background-color:#00FF00}
+
+#d271
+{background-color:#00FF00}
+
+#d272
+{background-color:#32CD32}
+
+#d273
+{background-color:#698B69}
+
+#d274
+{background-color:#00EE00}
+
+#d275
+{background-color:#548B54}
+
+#d276
+{background-color:#00CD00}
+
+#d277
+{background-color:#228B22}
+
+#d278
+{background-color:#008B00}
+
+#d279
+{background-color:#008000}
+
+#d280
+{background-color:#006400}
+
+#d281
+{background-color:#7CFC00}
+
+#d282
+{background-color:#7FFF00}
+
+#d283
+{background-color:#7FFF00}
+
+#d284
+{background-color:#76EE00}
+
+#d285
+{background-color:#66CD00}
+
+#d286
+{background-color:#458B00}
+
+#d287
+{background-color:#ADFF2F}
+
+#d288
+{background-color:#A2CD5A}
+
+#d289
+{background-color:#CAFF70}
+
+#d290
+{background-color:#BCEE68}
+
+#d291
+{background-color:#6E8B3D}
+
+#d292
+{background-color:#556B2F}
+
+#d293
+{background-color:#6B8E23}
+
+#d294
+{background-color:#C0FF3E}
+
+#d295
+{background-color:#B3EE3A}
+
+#d296
+{background-color:#9ACD32}
+
+#d297
+{background-color:#9ACD32}
+
+#d298
+{background-color:#698B22}
+
+#d299
+{background-color:#FFFFF0}
+
+#d300
+{background-color:#FFFFF0}
+
+#d301
+{background-color:#FFFFE0}
+
+#d302
+{background-color:#FFFFE0}
+
+#d303
+{background-color:#F5F5DC}
+
+#d304
+{background-color:#EEEEE0}
+
+#d305
+{background-color:#FAFAD2}
+
+#d306
+{background-color:#EEEED1}
+
+#d307
+{background-color:#CDCDC1}
+
+#d308
+{background-color:#CDCDB4}
+
+#d309
+{background-color:#8B8B83}
+
+#d310
+{background-color:#8B8B7A}
+
+#d311
+{background-color:#FFFF00}
+
+#d312
+{background-color:#FFFF00}
+
+#d313
+{background-color:#EEEE00}
+
+#d314
+{background-color:#CDCD00}
+
+#d315
+{background-color:#8B8B00}
+
+#d316
+{background-color:#808000}
+
+#d317
+{background-color:#BDB76B}
+
+#d318
+{background-color:#EEE685}
+
+#d319
+{background-color:#8B8970}
+
+#d320
+{background-color:#FFF68F}
+
+#d321
+{background-color:#CDC673}
+
+#d322
+{background-color:#8B864E}
+
+#d323
+{background-color:#EEE8AA}
+
+#d324
+{background-color:#FFFACD}
+
+#d325
+{background-color:#FFFACD}
+
+#d326
+{background-color:#F0E68C}
+
+#d327
+{background-color:#CDC9A5}
+
+#d328
+{background-color:#EEE9BF}
+
+#d329
+{background-color:#D1C166}
+
+#d330
+{background-color:#8B8878}
+
+#d331
+{background-color:#FFD700}
+
+#d332
+{background-color:#FFD700}
+
+#d333
+{background-color:#EEC900}
+
+#d334
+{background-color:#CDAD00}
+
+#d335
+{background-color:#8B7500}
+
+#d336
+{background-color:#EEDD82}
+
+#d337
+{background-color:#8B814C}
+
+#d338
+{background-color:#FFEC8B}
+
+#d339
+{background-color:#CDBE70}
+
+#d340
+{background-color:#EEDC82}
+
+#d341
+{background-color:#CDC8B1}
+
+#d342
+{background-color:#EEE8CD}
+
+#d343
+{background-color:#FFF8DC}
+
+#d344
+{background-color:#FFF8DC}
+
+#d345
+{background-color:#DAA520}
+
+#d346
+{background-color:#FFC125}
+
+#d347
+{background-color:#EEB422}
+
+#d348
+{background-color:#CD9B1D}
+
+#d349
+{background-color:#8B6914}
+
+#d350
+{background-color:#B8860B}
+
+#d351
+{background-color:#FFB90F}
+
+#d352
+{background-color:#EEAD0E}
+
+#d353
+{background-color:#CD950C}
+
+#d354
+{background-color:#8B6508}
+
+#d355
+{background-color:#FFFAF0}
+
+#d356
+{background-color:#EED8AE}
+
+#d357
+{background-color:#FDF5E6}
+
+#d358
+{background-color:#F5DEB3}
+
+#d359
+{background-color:#FFE7BA}
+
+#d360
+{background-color:#CDBA96}
+
+#d361
+{background-color:#FFA500}
+
+#d362
+{background-color:#FFA500}
+
+#d363
+{background-color:#EE9A00}
+
+#d364
+{background-color:#CD8500}
+
+#d365
+{background-color:#8B5A00}
+
+#d366
+{background-color:#8B7E66}
+
+#d367
+{background-color:#FFE4B5}
+
+#d368
+{background-color:#FFEFD5}
+
+#d369
+{background-color:#CDB38B}
+
+#d370
+{background-color:#FFEBCD}
+
+#d371
+{background-color:#FFDEAD}
+
+#d372
+{background-color:#FFDEAD}
+
+#d373
+{background-color:#EECFA1}
+
+#d374
+{background-color:#8B795E}
+
+#d375
+{background-color:#8B8378}
+
+#d376
+{background-color:#FAEBD7}
+
+#d377
+{background-color:#D2B48C}
+
+#d378
+{background-color:#8B7D6B}
+
+#d379
+{background-color:#DEB887}
+
+#d380
+{background-color:#EEDFCC}
+
+#d381
+{background-color:#FFD39B}
+
+#d382
+{background-color:#CDAA7D}
+
+#d383
+{background-color:#EEC591}
+
+#d384
+{background-color:#FFEFDB}
+
+#d385
+{background-color:#8B7355}
+
+#d386
+{background-color:#CDC0B0}
+
+#d387
+{background-color:#FF8C00}
+
+#d388
+{background-color:#EED5B7}
+
+#d389
+{background-color:#FFE4C4}
+
+#d390
+{background-color:#FFE4C4}
+
+#d391
+{background-color:#CDB79E}
+
+#d392
+{background-color:#FF7F00}
+
+#d393
+{background-color:#FAF0E6}
+
+#d394
+{background-color:#EE7600}
+
+#d395
+{background-color:#CD6600}
+
+#d396
+{background-color:#8B4500}
+
+#d397
+{background-color:#CD853F}
+
+#d398
+{background-color:#FFA54F}
+
+#d399
+{background-color:#EE9A49}
+
+#d400
+{background-color:#CD853F}
+
+#d401
+{background-color:#8B5A2B}
+
+#d402
+{background-color:#FFDAB9}
+
+#d403
+{background-color:#FFDAB9}
+
+#d404
+{background-color:#8B7765}
+
+#d405
+{background-color:#EECBAD}
+
+#d406
+{background-color:#CDAF95}
+
+#d407
+{background-color:#F4A460}
+
+#d408
+{background-color:#8B8682}
+
+#d409
+{background-color:#EEE5DE}
+
+#d410
+{background-color:#CDC5BF}
+
+#d411
+{background-color:#D2691E}
+
+#d412
+{background-color:#FF7F24}
+
+#d413
+{background-color:#EE7621}
+
+#d414
+{background-color:#CD661D}
+
+#d415
+{background-color:#8B4513}
+
+#d416
+{background-color:#8B4513}
+
+#d417
+{background-color:#FFF5EE}
+
+#d418
+{background-color:#FFF5EE}
+
+#d419
+{background-color:#8B4726}
+
+#d420
+{background-color:#A0522D}
+
+#d421
+{background-color:#FF8247}
+
+#d422
+{background-color:#EE7942}
+
+#d423
+{background-color:#CD6839}
+
+#d424
+{background-color:#CD8162}
+
+#d425
+{background-color:#FFA07A}
+
+#d426
+{background-color:#FFA07A}
+
+#d427
+{background-color:#8B5742}
+
+#d428
+{background-color:#EE9572}
+
+#d429
+{background-color:#FF7F50}
+
+#d430
+{background-color:#FF4500}
+
+#d431
+{background-color:#FF4500}
+
+#d432
+{background-color:#EE4000}
+
+#d433
+{background-color:#CD3700}
+
+#d434
+{background-color:#8B2500}
+
+#d435
+{background-color:#E9967A}
+
+#d436
+{background-color:#FF8C69}
+
+#d437
+{background-color:#EE8262}
+
+#d438
+{background-color:#CD7054}
+
+#d439
+{background-color:#8B4C39}
+
+#d440
+{background-color:#FF7256}
+
+#d441
+{background-color:#EE6A50}
+
+#d442
+{background-color:#CD5B45}
+
+#d443
+{background-color:#8B3E2F}
+
+#d444
+{background-color:#8B3626}
+
+#d445
+{background-color:#FF6347}
+
+#d446
+{background-color:#FF6347}
+
+#d447
+{background-color:#EE5C42}
+
+#d448
+{background-color:#CD4F39}
+
+#d449
+{background-color:#8B7D7B}
+
+#d450
+{background-color:#EED5D2}
+
+#d451
+{background-color:#FFE4E1}
+
+#d452
+{background-color:#FFE4E1}
+
+#d453
+{background-color:#FA8072}
+
+#d454
+{background-color:#CDB7B5}
+
+#d455
+{background-color:#FFFFFF}
+
+#d456
+{background-color:#FFFFFF}
+
+#d457
+{background-color:#FFFFFF}
+
+#d458
+{background-color:#FFFFFF}
+
+#d459
+{background-color:#FCFCFC}
+
+#d460
+{background-color:#FCFCFC}
+
+#d461
+{background-color:#FAFAFA}
+
+#d462
+{background-color:#FAFAFA}
+
+#d463
+{background-color:#F7F7F7}
+
+#d464
+{background-color:#F7F7F7}
+
+#d465
+{background-color:#F5F5F5}
+
+#d466
+{background-color:#F5F5F5}
+
+#d467
+{background-color:#F5F5F5}
+
+#d468
+{background-color:#F2F2F2}
+
+#d469
+{background-color:#F2F2F2}
+
+#d470
+{background-color:#F0F0F0}
+
+#d471
+{background-color:#F0F0F0}
+
+#d472
+{background-color:#EDEDED}
+
+#d473
+{background-color:#EDEDED}
+
+#d474
+{background-color:#EBEBEB}
+
+#d475
+{background-color:#EBEBEB}
+
+#d476
+{background-color:#E8E8E8}
+
+#d477
+{background-color:#E8E8E8}
+
+#d478
+{background-color:#E5E5E5}
+
+#d479
+{background-color:#E5E5E5}
+
+#d480
+{background-color:#E3E3E3}
+
+#d481
+{background-color:#E3E3E3}
+
+#d482
+{background-color:#E0E0E0}
+
+#d483
+{background-color:#E0E0E0}
+
+#d484
+{background-color:#DEDEDE}
+
+#d485
+{background-color:#DEDEDE}
+
+#d486
+{background-color:#DCDCDC}
+
+#d487
+{background-color:#DBDBDB}
+
+#d488
+{background-color:#DBDBDB}
+
+#d489
+{background-color:#D9D9D9}
+
+#d490
+{background-color:#D9D9D9}
+
+#d491
+{background-color:#D6D6D6}
+
+#d492
+{background-color:#D6D6D6}
+
+#d493
+{background-color:#D4D4D4}
+
+#d494
+{background-color:#D4D4D4}
+
+#d495
+{background-color:#D3D3D3}
+
+#d496
+{background-color:#D3D3D3}
+
+#d497
+{background-color:#D1D1D1}
+
+#d498
+{background-color:#D1D1D1}
+
+#d499
+{background-color:#CFCFCF}
+
+#d500
+{background-color:#CFCFCF}
+
+#d501
+{background-color:#CCCCCC}
+
+#d502
+{background-color:#CCCCCC}
+
+#d503
+{background-color:#C9C9C9}
+
+#d504
+{background-color:#C9C9C9}
+
+#d505
+{background-color:#C7C7C7}
+
+#d506
+{background-color:#C7C7C7}
+
+#d507
+{background-color:#C4C4C4}
+
+#d508
+{background-color:#C4C4C4}
+
+#d509
+{background-color:#C2C2C2}
+
+#d510
+{background-color:#C2C2C2}
+
+#d511
+{background-color:#C0C0C0}
+
+#d512
+{background-color:#BFBFBF}
+
+#d513
+{background-color:#BFBFBF}
+
+#d514
+{background-color:#BDBDBD}
+
+#d515
+{background-color:#BDBDBD}
+
+#d516
+{background-color:#BABABA}
+
+#d517
+{background-color:#BABABA}
+
+#d518
+{background-color:#B8B8B8}
+
+#d519
+{background-color:#B8B8B8}
+
+#d520
+{background-color:#B5B5B5}
+
+#d521
+{background-color:#B5B5B5}
+
+#d522
+{background-color:#B3B3B3}
+
+#d523
+{background-color:#B3B3B3}
+
+#d524
+{background-color:#B0B0B0}
+
+#d525
+{background-color:#B0B0B0}
+
+#d526
+{background-color:#ADADAD}
+
+#d527
+{background-color:#ADADAD}
+
+#d528
+{background-color:#ABABAB}
+
+#d529
+{background-color:#ABABAB}
+
+#d530
+{background-color:#A9A9A9}
+
+#d531
+{background-color:#A9A9A9}
+
+#d532
+{background-color:#A8A8A8}
+
+#d533
+{background-color:#A8A8A8}
+
+#d534
+{background-color:#A6A6A6}
+
+#d535
+{background-color:#A6A6A6}
+
+#d536
+{background-color:#A3A3A3}
+
+#d537
+{background-color:#A3A3A3}
+
+#d538
+{background-color:#A1A1A1}
+
+#d539
+{background-color:#A1A1A1}
+
+#d540
+{background-color:#9E9E9E}
+
+#d541
+{background-color:#9E9E9E}
+
+#d542
+{background-color:#9C9C9C}
+
+#d543
+{background-color:#9C9C9C}
+
+#d544
+{background-color:#999999}
+
+#d545
+{background-color:#999999}
+
+#d546
+{background-color:#969696}
+
+#d547
+{background-color:#969696}
+
+#d548
+{background-color:#949494}
+
+#d549
+{background-color:#949494}
+
+#d550
+{background-color:#919191}
+
+#d551
+{background-color:#919191}
+
+#d552
+{background-color:#8F8F8F}
+
+#d553
+{background-color:#8F8F8F}
+
+#d554
+{background-color:#8C8C8C}
+
+#d555
+{background-color:#8C8C8C}
+
+#d556
+{background-color:#8A8A8A}
+
+#d557
+{background-color:#8A8A8A}
+
+#d558
+{background-color:#878787}
+
+#d559
+{background-color:#878787}
+
+#d560
+{background-color:#858585}
+
+#d561
+{background-color:#858585}
+
+#d562
+{background-color:#828282}
+
+#d563
+{background-color:#828282}
+
+#d564
+{background-color:#808080}
+
+#d565
+{background-color:#7F7F7F}
+
+#d566
+{background-color:#7F7F7F}
+
+#d567
+{background-color:#7E7E7E}
+
+#d568
+{background-color:#7D7D7D}
+
+#d569
+{background-color:#7D7D7D}
+
+#d570
+{background-color:#7A7A7A}
+
+#d571
+{background-color:#7A7A7A}
+
+#d572
+{background-color:#787878}
+
+#d573
+{background-color:#787878}
+
+#d574
+{background-color:#757575}
+
+#d575
+{background-color:#757575}
+
+#d576
+{background-color:#737373}
+
+#d577
+{background-color:#737373}
+
+#d578
+{background-color:#707070}
+
+#d579
+{background-color:#707070}
+
+#d580
+{background-color:#6E6E6E}
+
+#d581
+{background-color:#6E6E6E}
+
+#d582
+{background-color:#6B6B6B}
+
+#d583
+{background-color:#6B6B6B}
+
+#d584
+{background-color:#696969}
+
+#d585
+{background-color:#696969}
+
+#d586
+{background-color:#696969}
+
+#d587
+{background-color:#696969}
+
+#d588
+{background-color:#666666}
+
+#d589
+{background-color:#666666}
+
+#d590
+{background-color:#636363}
+
+#d591
+{background-color:#636363}
+
+#d592
+{background-color:#616161}
+
+#d593
+{background-color:#616161}
+
+#d594
+{background-color:#5E5E5E}
+
+#d595
+{background-color:#5E5E5E}
+
+#d596
+{background-color:#5C5C5C}
+
+#d597
+{background-color:#5C5C5C}
+
+#d598
+{background-color:#595959}
+
+#d599
+{background-color:#595959}
+
+#d600
+{background-color:#575757}
+
+#d601
+{background-color:#575757}
+
+#d602
+{background-color:#545454}
+
+#d603
+{background-color:#545454}
+
+#d604
+{background-color:#525252}
+
+#d605
+{background-color:#525252}
+
+#d606
+{background-color:#4F4F4F}
+
+#d607
+{background-color:#4F4F4F}
+
+#d608
+{background-color:#4D4D4D}
+
+#d609
+{background-color:#4D4D4D}
+
+#d610
+{background-color:#4A4A4A}
+
+#d611
+{background-color:#4A4A4A}
+
+#d612
+{background-color:#474747}
+
+#d613
+{background-color:#474747}
+
+#d614
+{background-color:#454545}
+
+#d615
+{background-color:#454545}
+
+#d616
+{background-color:#424242}
+
+#d617
+{background-color:#424242}
+
+#d618
+{background-color:#404040}
+
+#d619
+{background-color:#404040}
+
+#d620
+{background-color:#3D3D3D}
+
+#d621
+{background-color:#3D3D3D}
+
+#d622
+{background-color:#3B3B3B}
+
+#d623
+{background-color:#3B3B3B}
+
+#d624
+{background-color:#383838}
+
+#d625
+{background-color:#383838}
+
+#d626
+{background-color:#363636}
+
+#d627
+{background-color:#363636}
+
+#d628
+{background-color:#333333}
+
+#d629
+{background-color:#333333}
+
+#d630
+{background-color:#303030}
+
+#d631
+{background-color:#303030}
+
+#d632
+{background-color:#2E2E2E}
+
+#d633
+{background-color:#2E2E2E}
+
+#d634
+{background-color:#2B2B2B}
+
+#d635
+{background-color:#2B2B2B}
+
+#d636
+{background-color:#292929}
+
+#d637
+{background-color:#292929}
+
+#d638
+{background-color:#262626}
+
+#d639
+{background-color:#262626}
+
+#d640
+{background-color:#242424}
+
+#d641
+{background-color:#242424}
+
+#d642
+{background-color:#212121}
+
+#d643
+{background-color:#212121}
+
+#d644
+{background-color:#1F1F1F}
+
+#d645
+{background-color:#1F1F1F}
+
+#d646
+{background-color:#1C1C1C}
+
+#d647
+{background-color:#1C1C1C}
+
+#d648
+{background-color:#1A1A1A}
+
+#d649
+{background-color:#1A1A1A}
+
+#d650
+{background-color:#171717}
+
+#d651
+{background-color:#171717}
+
+#d652
+{background-color:#141414}
+
+#d653
+{background-color:#141414}
+
+#d654
+{background-color:#121212}
+
+#d655
+{background-color:#121212}
+
+#d656
+{background-color:#0F0F0F}
+
+#d657
+{background-color:#0F0F0F}
+
+#d658
+{background-color:#0D0D0D}
+
+#d659
+{background-color:#0D0D0D}
+
+#d660
+{background-color:#0A0A0A}
+
+#d661
+{background-color:#0A0A0A}
+
+#d662
+{background-color:#080808}
+
+#d663
+{background-color:#080808}
+
+#d664
+{background-color:#050505}
+
+#d665
+{background-color:#050505}
+
+#d666
+{background-color:#030303}
+
+#d667
+{background-color:#030303}
+
+#d668
+{background-color:#000000}
+
+#d669
+{background-color:#000000}
+
+#d670
+{background-color:#000000}
+
+#d671
+{background-color:#000000}
+
+#d672
+{background-color:#000000}
+
+#d673
+{background-color:#000000}
+.colors
+{height:30px;
+width:10px;}
diff --git a/frontend/imgrid/colors/junk/colorpixx.js b/frontend/imgrid/colors/junk/colorpixx.js
new file mode 100755
index 0000000..4b42e4d
--- /dev/null
+++ b/frontend/imgrid/colors/junk/colorpixx.js
@@ -0,0 +1,92 @@
+function goldenize(num)
+  {
+  ratio = (1+Math.sqrt(5))/2
+  newnum = Math.round(num*ratio)
+  return newnum
+  }
+//turns css property width or height into an integer value
+function getproperty(idandselectr, propertystr)
+  {
+  grab = $(idandselectr).css(propertystr)
+  grab = grab.slice(0,-2)
+  numval = parseInt(grab)
+  return numval
+  }
+function makegolden(idandselectr, propertystr)
+  {
+  result = getproperty(idandselectr, propertystr)
+  newwidth = goldenize(result)
+  widthval = newwidth.toString()+'px'
+  $(idandselectr).css('width', widthval)
+  }
+makegolden('.colors', 'height')
+//remove content this function takes the name out of the divs
+
+function removecontent()
+  {
+  $('.colors').html("")
+  }
+removecontent()
+
+function colorToHex(color) {
+    if (color.substr(0, 1) === '#') {
+        return color;
+    }
+    var digits = /(.*?)rgb\((\d+), (\d+), (\d+)\)/.exec(color);
+
+    var red = parseInt(digits[2]);
+    var green = parseInt(digits[3]);
+    var blue = parseInt(digits[4]);
+
+    var rgb = blue | (green << 8) | (red << 16);
+    return digits[1] + '#' + rgb.toString(16);
+};
+
+//takes a div name and returns a colorname
+
+function showcolorname(divstr)
+
+    {
+
+    bgcolor = $('#'+divstr).css('background-color')
+    lowercasehex = colorToHex(bgcolor)
+    hex = lowercasehex.toUpperCase()
+      imname = hextoname[hex]
+/*    if ($('#hexortext:checked').length == 1)
+      {
+      imname = hex
+      }*/
+    return imname
+    }
+function bigname(divstr)
+    {
+    bebop = showcolorname(divstr)
+//    $('#colornames').html(bebop)
+    }
+function writeit(text)
+    {
+//    $('#colornames').append(text)
+    }
+function makebig(divstr)
+    {
+    firstheight = $('#'+divstr).height()
+    newheight = goldenize(firstheight)
+    $('#'+divstr).height(newheight)
+//    $('#colornames').append(firstheight)
+    }
+function makesmall(divstr)
+    {
+    oldheight = $('.colors').height()
+    $('#'+divstr).height(oldheight)
+    }
+$('.colors').hover(function() {
+   bigname(this.id);
+   makebig(this.id);
+   makegolden('#'+this.id, 'height')},
+function(){
+   makesmall(this.id);
+   makegolden('#'+this.id, 'height')
+});
+$('#colornames').html("")
+$("#popupContact").css('background-color', 'black')
+$('.colors').css('margin-top', '2px')
diff --git a/frontend/imgrid/colors/junk/colors.html b/frontend/imgrid/colors/junk/colors.html
new file mode 100755
index 0000000..0ef22f9
--- /dev/null
+++ b/frontend/imgrid/colors/junk/colors.html
@@ -0,0 +1,5429 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<!-- saved from url=(0124)https://mail.google.com/mail/?ui=2&ik=8c5c6e41c0&view=att&th=131a60939ee4c454&attid=0.1&disp=inline&realattid=f_gr2htzs60&zw -->
+<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head>
+<style type="text/css">
+*
+	{
+	font-family: sans-serif;
+	}
+</style>
+<body>
+
+
+
+<div>
+<h1><a></a>List of Color Names</h1>
+<div>
+
+<p>a list of named colors for use with PHOTOBLASTER:</p>
+
+<table>
+<tbody>
+  <tr>
+    <th align="right">Name</th>
+    <th align="center">Color</th>
+    <th align="left">RGB</th>
+    <th align="left">Hex</th>
+
+  </tr>
+
+  <tr>
+    <td align="right">snow</td>
+    <td align="center" style="background-color:rgb(255, 250, 250)">snow</td>
+    <td align="left">rgb(255, 250, 250)</td>
+    <td align="left">#FFFAFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">snow1</td>
+    <td align="center" style="background-color:rgb(255, 250, 250)">snow1</td>
+    <td align="left">rgb(255, 250, 250)</td>
+    <td align="left">#FFFAFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">snow2</td>
+    <td align="center" style="background-color:rgb(238, 233, 233)">snow2</td>
+    <td align="left">rgb(238, 233, 233)</td>
+    <td align="left">#EEE9E9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RosyBrown1</td>
+    <td align="center" style="background-color:rgb(255, 193, 193)">RosyBrown1</td>
+    <td align="left">rgb(255, 193, 193)</td>
+    <td align="left">#FFC1C1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RosyBrown2</td>
+    <td align="center" style="background-color:rgb(238, 180, 180)">RosyBrown2</td>
+    <td align="left">rgb(238, 180, 180)</td>
+    <td align="left">#EEB4B4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">snow3</td>
+    <td align="center" style="background-color:rgb(205, 201, 201)">snow3</td>
+    <td align="left">rgb(205, 201, 201)</td>
+    <td align="left">#CDC9C9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCoral</td>
+    <td align="center" style="background-color:rgb(240, 128, 128)">LightCoral</td>
+    <td align="left">rgb(240, 128, 128)</td>
+    <td align="left">#F08080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">IndianRed1</td>
+    <td align="center" style="background-color:rgb(255, 106, 106)">IndianRed1</td>
+    <td align="left">rgb(255, 106, 106)</td>
+    <td align="left">#FF6A6A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RosyBrown3</td>
+    <td align="center" style="background-color:rgb(205, 155, 155)">RosyBrown3</td>
+    <td align="left">rgb(205, 155, 155)</td>
+    <td align="left">#CD9B9B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">IndianRed2</td>
+    <td align="center" style="background-color:rgb(238, 99, 99)">IndianRed2</td>
+    <td align="left">rgb(238, 99,  99)</td>
+    <td align="left">#EE6363</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RosyBrown</td>
+    <td align="center" style="background-color:rgb(188, 143, 143)">RosyBrown</td>
+    <td align="left">rgb(188, 143, 143)</td>
+    <td align="left">#BC8F8F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">brown1</td>
+    <td align="center" style="background-color:rgb(255, 64, 64)">brown1</td>
+    <td align="left">rgb(255, 64,  64)</td>
+    <td align="left">#FF4040</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">firebrick1</td>
+    <td align="center" style="background-color:rgb(255, 48, 48)">firebrick1</td>
+    <td align="left">rgb(255, 48,  48)</td>
+    <td align="left">#FF3030</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">brown2</td>
+    <td align="center" style="background-color:rgb(238, 59, 59)">brown2</td>
+    <td align="left">rgb(238, 59,  59)</td>
+    <td align="left">#EE3B3B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">IndianRed</td>
+    <td align="center" style="background-color:rgb(205, 92, 92)">IndianRed</td>
+    <td align="left">rgb(205, 92,  92)</td>
+    <td align="left">#CD5C5C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">IndianRed3</td>
+    <td align="center" style="background-color:rgb(205, 85, 85)">IndianRed3</td>
+    <td align="left">rgb(205, 85,  85)</td>
+    <td align="left">#CD5555</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">firebrick2</td>
+    <td align="center" style="background-color:rgb(238, 44, 44)">firebrick2</td>
+    <td align="left">rgb(238, 44,  44)</td>
+    <td align="left">#EE2C2C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">snow4</td>
+    <td align="center" style="background-color:rgb(139, 137, 137)">snow4</td>
+    <td align="left">rgb(139, 137, 137)</td>
+    <td align="left">#8B8989</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">brown3</td>
+    <td align="center" style="background-color:rgb(205, 51, 51)">brown3</td>
+    <td align="left">rgb(205, 51,  51)</td>
+    <td align="left">#CD3333</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">red</td>
+    <td align="center" style="background-color:rgb(255, 0, 0)">red</td>
+    <td align="left">rgb(255,  0,   0)</td>
+    <td align="left">#FF0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">red1</td>
+    <td align="center" style="background-color:rgb(255, 0, 0)">red1</td>
+    <td align="left">rgb(255,  0,   0)</td>
+    <td align="left">#FF0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RosyBrown4</td>
+    <td align="center" style="background-color:rgb(139, 105, 105)">RosyBrown4</td>
+    <td align="left">rgb(139, 105, 105)</td>
+    <td align="left">#8B6969</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">firebrick3</td>
+    <td align="center" style="background-color:rgb(205, 38, 38)">firebrick3</td>
+    <td align="left">rgb(205, 38,  38)</td>
+    <td align="left">#CD2626</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">red2</td>
+    <td align="center" style="background-color:rgb(238, 0, 0)">red2</td>
+    <td align="left">rgb(238,  0,   0)</td>
+    <td align="left">#EE0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">firebrick</td>
+    <td align="center" style="background-color:rgb(178, 34, 34)">firebrick</td>
+    <td align="left">rgb(178, 34,  34)</td>
+    <td align="left">#B22222</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">brown</td>
+    <td align="center" style="background-color:rgb(165, 42, 42)">brown</td>
+    <td align="left">rgb(165, 42,  42)</td>
+    <td align="left">#A52A2A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">red3</td>
+    <td align="center" style="background-color:rgb(205, 0, 0)">red3</td>
+    <td align="left">rgb(205,  0,   0)</td>
+    <td align="left">#CD0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">IndianRed4</td>
+    <td align="center" style="background-color:rgb(139, 58, 58)">IndianRed4</td>
+    <td align="left">rgb(139, 58,  58)</td>
+    <td align="left">#8B3A3A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">brown4</td>
+    <td align="center" style="background-color:rgb(139, 35, 35)">brown4</td>
+    <td align="left">rgb(139, 35,  35)</td>
+    <td align="left">#8B2323</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">firebrick4</td>
+    <td align="center" style="background-color:rgb(139, 26, 26)">firebrick4</td>
+    <td align="left">rgb(139, 26,  26)</td>
+    <td align="left">#8B1A1A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkRed</td>
+    <td align="center" style="background-color:rgb(139, 0, 0)">DarkRed</td>
+    <td align="left">rgb(139,  0,   0)</td>
+    <td align="left">#8B0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">red4</td>
+    <td align="center" style="background-color:rgb(139, 0, 0)">red4</td>
+    <td align="left">rgb(139,  0,   0)</td>
+    <td align="left">#8B0000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon</td>
+    <td align="center" style="background-color:rgb(128, 0, 0)">maroon</td>
+    <td align="left">rgb(128,  0,   0)</td>
+    <td align="left">#800000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightPink1</td>
+    <td align="center" style="background-color:rgb(255, 174, 185)">LightPink1</td>
+    <td align="left">rgb(255, 174, 185)</td>
+    <td align="left">#FFAEB9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightPink3</td>
+    <td align="center" style="background-color:rgb(205, 140, 149)">LightPink3</td>
+    <td align="left">rgb(205, 140, 149)</td>
+    <td align="left">#CD8C95</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightPink4</td>
+    <td align="center" style="background-color:rgb(139, 95, 101)">LightPink4</td>
+    <td align="left">rgb(139, 95, 101)</td>
+    <td align="left">#8B5F65</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightPink2</td>
+    <td align="center" style="background-color:rgb(238, 162, 173)">LightPink2</td>
+    <td align="left">rgb(238, 162, 173)</td>
+    <td align="left">#EEA2AD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightPink</td>
+    <td align="center" style="background-color:rgb(255, 182, 193)">LightPink</td>
+    <td align="left">rgb(255, 182, 193)</td>
+    <td align="left">#FFB6C1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">pink</td>
+    <td align="center" style="background-color:rgb(255, 192, 203)">pink</td>
+    <td align="left">rgb(255, 192, 203)</td>
+    <td align="left">#FFC0CB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">crimson</td>
+    <td align="center" style="background-color:rgb(220, 20, 60)">crimson</td>
+    <td align="left">rgb(220, 20,  60)</td>
+    <td align="left">#DC143C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">pink1</td>
+    <td align="center" style="background-color:rgb(255, 181, 197)">pink1</td>
+    <td align="left">rgb(255, 181, 197)</td>
+    <td align="left">#FFB5C5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">pink2</td>
+    <td align="center" style="background-color:rgb(238, 169, 184)">pink2</td>
+    <td align="left">rgb(238, 169, 184)</td>
+    <td align="left">#EEA9B8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">pink3</td>
+    <td align="center" style="background-color:rgb(205, 145, 158)">pink3</td>
+    <td align="left">rgb(205, 145, 158)</td>
+    <td align="left">#CD919E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">pink4</td>
+    <td align="center" style="background-color:rgb(139, 99, 108)">pink4</td>
+    <td align="left">rgb(139, 99, 108)</td>
+    <td align="left">#8B636C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleVioletRed4</td>
+    <td align="center" style="background-color:rgb(139, 71, 93)">PaleVioletRed4</td>
+    <td align="left">rgb(139, 71,  93)</td>
+    <td align="left">#8B475D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleVioletRed</td>
+    <td align="center" style="background-color:rgb(219, 112, 147)">PaleVioletRed</td>
+    <td align="left">rgb(219, 112, 147)</td>
+    <td align="left">#DB7093</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleVioletRed2</td>
+    <td align="center" style="background-color:rgb(238, 121, 159)">PaleVioletRed2</td>
+    <td align="left">rgb(238, 121, 159)</td>
+    <td align="left">#EE799F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleVioletRed1</td>
+    <td align="center" style="background-color:rgb(255, 130, 171)">PaleVioletRed1</td>
+    <td align="left">rgb(255, 130, 171)</td>
+    <td align="left">#FF82AB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleVioletRed3</td>
+    <td align="center" style="background-color:rgb(205, 104, 137)">PaleVioletRed3</td>
+    <td align="left">rgb(205, 104, 137)</td>
+    <td align="left">#CD6889</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LavenderBlush</td>
+    <td align="center" style="background-color:rgb(255, 240, 245)">LavenderBlush</td>
+    <td align="left">rgb(255, 240, 245)</td>
+    <td align="left">#FFF0F5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LavenderBlush1</td>
+    <td align="center" style="background-color:rgb(255, 240, 245)">LavenderBlush1</td>
+    <td align="left">rgb(255, 240, 245)</td>
+    <td align="left">#FFF0F5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LavenderBlush3</td>
+    <td align="center" style="background-color:rgb(205, 193, 197)">LavenderBlush3</td>
+    <td align="left">rgb(205, 193, 197)</td>
+    <td align="left">#CDC1C5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LavenderBlush2</td>
+    <td align="center" style="background-color:rgb(238, 224, 229)">LavenderBlush2</td>
+    <td align="left">rgb(238, 224, 229)</td>
+    <td align="left">#EEE0E5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LavenderBlush4</td>
+    <td align="center" style="background-color:rgb(139, 131, 134)">LavenderBlush4</td>
+    <td align="left">rgb(139, 131, 134)</td>
+    <td align="left">#8B8386</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon</td>
+    <td align="center" style="background-color:rgb(176, 48, 96)">maroon</td>
+    <td align="left">rgb(176, 48,  96)</td>
+    <td align="left">#B03060</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">HotPink3</td>
+    <td align="center" style="background-color:rgb(205, 96, 144)">HotPink3</td>
+    <td align="left">rgb(205, 96, 144)</td>
+    <td align="left">#CD6090</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">VioletRed3</td>
+    <td align="center" style="background-color:rgb(205, 50, 120)">VioletRed3</td>
+    <td align="left">rgb(205, 50, 120)</td>
+    <td align="left">#CD3278</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">VioletRed1</td>
+    <td align="center" style="background-color:rgb(255, 62, 150)">VioletRed1</td>
+    <td align="left">rgb(255, 62, 150)</td>
+    <td align="left">#FF3E96</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">VioletRed2</td>
+    <td align="center" style="background-color:rgb(238, 58, 140)">VioletRed2</td>
+    <td align="left">rgb(238, 58, 140)</td>
+    <td align="left">#EE3A8C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">VioletRed4</td>
+    <td align="center" style="background-color:rgb(139, 34, 82)">VioletRed4</td>
+    <td align="left">rgb(139, 34,  82)</td>
+    <td align="left">#8B2252</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">HotPink2</td>
+    <td align="center" style="background-color:rgb(238, 106, 167)">HotPink2</td>
+    <td align="left">rgb(238, 106, 167)</td>
+    <td align="left">#EE6AA7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">HotPink1</td>
+    <td align="center" style="background-color:rgb(255, 110, 180)">HotPink1</td>
+    <td align="left">rgb(255, 110, 180)</td>
+    <td align="left">#FF6EB4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">HotPink4</td>
+    <td align="center" style="background-color:rgb(139, 58, 98)">HotPink4</td>
+    <td align="left">rgb(139, 58,  98)</td>
+    <td align="left">#8B3A62</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">HotPink</td>
+    <td align="center" style="background-color:rgb(255, 105, 180)">HotPink</td>
+    <td align="left">rgb(255, 105, 180)</td>
+    <td align="left">#FF69B4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepPink</td>
+    <td align="center" style="background-color:rgb(255, 20, 147)">DeepPink</td>
+    <td align="left">rgb(255, 20, 147)</td>
+    <td align="left">#FF1493</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepPink1</td>
+    <td align="center" style="background-color:rgb(255, 20, 147)">DeepPink1</td>
+    <td align="left">rgb(255, 20, 147)</td>
+    <td align="left">#FF1493</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepPink2</td>
+    <td align="center" style="background-color:rgb(238, 18, 137)">DeepPink2</td>
+    <td align="left">rgb(238, 18, 137)</td>
+    <td align="left">#EE1289</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepPink3</td>
+    <td align="center" style="background-color:rgb(205, 16, 118)">DeepPink3</td>
+    <td align="left">rgb(205, 16, 118)</td>
+    <td align="left">#CD1076</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepPink4</td>
+    <td align="center" style="background-color:rgb(139, 10, 80)">DeepPink4</td>
+    <td align="left">rgb(139, 10,  80)</td>
+    <td align="left">#8B0A50</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon1</td>
+    <td align="center" style="background-color:rgb(255, 52, 179)">maroon1</td>
+    <td align="left">rgb(255, 52, 179)</td>
+    <td align="left">#FF34B3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon2</td>
+    <td align="center" style="background-color:rgb(238, 48, 167)">maroon2</td>
+    <td align="left">rgb(238, 48, 167)</td>
+    <td align="left">#EE30A7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon3</td>
+    <td align="center" style="background-color:rgb(205, 41, 144)">maroon3</td>
+    <td align="left">rgb(205, 41, 144)</td>
+    <td align="left">#CD2990</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">maroon4</td>
+    <td align="center" style="background-color:rgb(139, 28, 98)">maroon4</td>
+    <td align="left">rgb(139, 28,  98)</td>
+    <td align="left">#8B1C62</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumVioletRed</td>
+    <td align="center" style="background-color:rgb(199, 21, 133)">MediumVioletRed</td>
+    <td align="left">rgb(199, 21, 133)</td>
+    <td align="left">#C71585</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">VioletRed</td>
+    <td align="center" style="background-color:rgb(208, 32, 144)">VioletRed</td>
+    <td align="left">rgb(208, 32, 144)</td>
+    <td align="left">#D02090</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orchid2</td>
+    <td align="center" style="background-color:rgb(238, 122, 233)">orchid2</td>
+    <td align="left">rgb(238, 122, 233)</td>
+    <td align="left">#EE7AE9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orchid</td>
+    <td align="center" style="background-color:rgb(218, 112, 214)">orchid</td>
+    <td align="left">rgb(218, 112, 214)</td>
+    <td align="left">#DA70D6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orchid1</td>
+    <td align="center" style="background-color:rgb(255, 131, 250)">orchid1</td>
+    <td align="left">rgb(255, 131, 250)</td>
+    <td align="left">#FF83FA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orchid3</td>
+    <td align="center" style="background-color:rgb(205, 105, 201)">orchid3</td>
+    <td align="left">rgb(205, 105, 201)</td>
+    <td align="left">#CD69C9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orchid4</td>
+    <td align="center" style="background-color:rgb(139, 71, 137)">orchid4</td>
+    <td align="left">rgb(139, 71, 137)</td>
+    <td align="left">#8B4789</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">thistle1</td>
+    <td align="center" style="background-color:rgb(255, 225, 255)">thistle1</td>
+    <td align="left">rgb(255, 225, 255)</td>
+    <td align="left">#FFE1FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">thistle2</td>
+    <td align="center" style="background-color:rgb(238, 210, 238)">thistle2</td>
+    <td align="left">rgb(238, 210, 238)</td>
+    <td align="left">#EED2EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">plum1</td>
+    <td align="center" style="background-color:rgb(255, 187, 255)">plum1</td>
+    <td align="left">rgb(255, 187, 255)</td>
+    <td align="left">#FFBBFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">plum2</td>
+    <td align="center" style="background-color:rgb(238, 174, 238)">plum2</td>
+    <td align="left">rgb(238, 174, 238)</td>
+    <td align="left">#EEAEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">thistle</td>
+    <td align="center" style="background-color:rgb(216, 191, 216)">thistle</td>
+    <td align="left">rgb(216, 191, 216)</td>
+    <td align="left">#D8BFD8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">thistle3</td>
+    <td align="center" style="background-color:rgb(205, 181, 205)">thistle3</td>
+    <td align="left">rgb(205, 181, 205)</td>
+    <td align="left">#CDB5CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">plum</td>
+    <td align="center" style="background-color:rgb(221, 160, 221)">plum</td>
+    <td align="left">rgb(221, 160, 221)</td>
+    <td align="left">#DDA0DD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">violet</td>
+    <td align="center" style="background-color:rgb(238, 130, 238)">violet</td>
+    <td align="left">rgb(238, 130, 238)</td>
+    <td align="left">#EE82EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">plum3</td>
+    <td align="center" style="background-color:rgb(205, 150, 205)">plum3</td>
+    <td align="left">rgb(205, 150, 205)</td>
+    <td align="left">#CD96CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">thistle4</td>
+    <td align="center" style="background-color:rgb(139, 123, 139)">thistle4</td>
+    <td align="left">rgb(139, 123, 139)</td>
+    <td align="left">#8B7B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">fuchsia</td>
+    <td align="center" style="background-color:rgb(255, 0, 255)">fuchsia</td>
+    <td align="left">rgb(255,  0, 255)</td>
+    <td align="left">#FF00FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">magenta</td>
+    <td align="center" style="background-color:rgb(255, 0, 255)">magenta</td>
+    <td align="left">rgb(255,  0, 255)</td>
+    <td align="left">#FF00FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">magenta1</td>
+    <td align="center" style="background-color:rgb(255, 0, 255)">magenta1</td>
+    <td align="left">rgb(255,  0, 255)</td>
+    <td align="left">#FF00FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">plum4</td>
+    <td align="center" style="background-color:rgb(139, 102, 139)">plum4</td>
+    <td align="left">rgb(139, 102, 139)</td>
+    <td align="left">#8B668B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">magenta2</td>
+    <td align="center" style="background-color:rgb(238, 0, 238)">magenta2</td>
+    <td align="left">rgb(238,  0, 238)</td>
+    <td align="left">#EE00EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">magenta3</td>
+    <td align="center" style="background-color:rgb(205, 0, 205)">magenta3</td>
+    <td align="left">rgb(205,  0, 205)</td>
+    <td align="left">#CD00CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkMagenta</td>
+    <td align="center" style="background-color:rgb(139, 0, 139)">DarkMagenta</td>
+    <td align="left">rgb(139,  0, 139)</td>
+    <td align="left">#8B008B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">magenta4</td>
+    <td align="center" style="background-color:rgb(139, 0, 139)">magenta4</td>
+    <td align="left">rgb(139,  0, 139)</td>
+    <td align="left">#8B008B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple</td>
+    <td align="center" style="background-color:rgb(128, 0, 128)">purple</td>
+    <td align="left">rgb(128,  0, 128)</td>
+    <td align="left">#800080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumOrchid</td>
+    <td align="center" style="background-color:rgb(186, 85, 211)">MediumOrchid</td>
+    <td align="left">rgb(186, 85, 211)</td>
+    <td align="left">#BA55D3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumOrchid1</td>
+    <td align="center" style="background-color:rgb(224, 102, 255)">MediumOrchid1</td>
+    <td align="left">rgb(224, 102, 255)</td>
+    <td align="left">#E066FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumOrchid2</td>
+    <td align="center" style="background-color:rgb(209, 95, 238)">MediumOrchid2</td>
+    <td align="left">rgb(209, 95, 238)</td>
+    <td align="left">#D15FEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumOrchid3</td>
+    <td align="center" style="background-color:rgb(180, 82, 205)">MediumOrchid3</td>
+    <td align="left">rgb(180, 82, 205)</td>
+    <td align="left">#B452CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumOrchid4</td>
+    <td align="center" style="background-color:rgb(122, 55, 139)">MediumOrchid4</td>
+    <td align="left">rgb(122, 55, 139)</td>
+    <td align="left">#7A378B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkViolet</td>
+    <td align="center" style="background-color:rgb(148, 0, 211)">DarkViolet</td>
+    <td align="left">rgb(148,  0, 211)</td>
+    <td align="left">#9400D3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrchid</td>
+    <td align="center" style="background-color:rgb(153, 50, 204)">DarkOrchid</td>
+    <td align="left">rgb(153, 50, 204)</td>
+    <td align="left">#9932CC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrchid1</td>
+    <td align="center" style="background-color:rgb(191, 62, 255)">DarkOrchid1</td>
+    <td align="left">rgb(191, 62, 255)</td>
+    <td align="left">#BF3EFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrchid3</td>
+    <td align="center" style="background-color:rgb(154, 50, 205)">DarkOrchid3</td>
+    <td align="left">rgb(154, 50, 205)</td>
+    <td align="left">#9A32CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrchid2</td>
+    <td align="center" style="background-color:rgb(178, 58, 238)">DarkOrchid2</td>
+    <td align="left">rgb(178, 58, 238)</td>
+    <td align="left">#B23AEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrchid4</td>
+    <td align="center" style="background-color:rgb(104, 34, 139)">DarkOrchid4</td>
+    <td align="left">rgb(104, 34, 139)</td>
+    <td align="left">#68228B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple</td>
+    <td align="center" style="background-color:rgb(160, 32, 240)">purple</td>
+    <td align="left">rgb(160, 32, 240)</td>
+    <td align="left">#A020F0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">indigo</td>
+    <td align="center" style="background-color:rgb( 75, 0, 130)">indigo</td>
+    <td align="left">rgb( 75,  0, 130)</td>
+    <td align="left">#4B0082</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">BlueViolet</td>
+    <td align="center" style="background-color:rgb(138, 43, 226)">BlueViolet</td>
+    <td align="left">rgb(138, 43, 226)</td>
+    <td align="left">#8A2BE2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple2</td>
+    <td align="center" style="background-color:rgb(145, 44, 238)">purple2</td>
+    <td align="left">rgb(145, 44, 238)</td>
+    <td align="left">#912CEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple3</td>
+    <td align="center" style="background-color:rgb(125, 38, 205)">purple3</td>
+    <td align="left">rgb(125, 38, 205)</td>
+    <td align="left">#7D26CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple4</td>
+    <td align="center" style="background-color:rgb( 85, 26, 139)">purple4</td>
+    <td align="left">rgb( 85, 26, 139)</td>
+    <td align="left">#551A8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">purple1</td>
+    <td align="center" style="background-color:rgb(155, 48, 255)">purple1</td>
+    <td align="left">rgb(155, 48, 255)</td>
+    <td align="left">#9B30FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumPurple</td>
+    <td align="center" style="background-color:rgb(147, 112, 219)">MediumPurple</td>
+    <td align="left">rgb(147, 112, 219)</td>
+    <td align="left">#9370DB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumPurple1</td>
+    <td align="center" style="background-color:rgb(171, 130, 255)">MediumPurple1</td>
+    <td align="left">rgb(171, 130, 255)</td>
+    <td align="left">#AB82FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumPurple2</td>
+    <td align="center" style="background-color:rgb(159, 121, 238)">MediumPurple2</td>
+    <td align="left">rgb(159, 121, 238)</td>
+    <td align="left">#9F79EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumPurple3</td>
+    <td align="center" style="background-color:rgb(137, 104, 205)">MediumPurple3</td>
+    <td align="left">rgb(137, 104, 205)</td>
+    <td align="left">#8968CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumPurple4</td>
+    <td align="center" style="background-color:rgb( 93, 71, 139)">MediumPurple4</td>
+    <td align="left">rgb( 93, 71, 139)</td>
+    <td align="left">#5D478B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateBlue</td>
+    <td align="center" style="background-color:rgb( 72, 61, 139)">DarkSlateBlue</td>
+    <td align="left">rgb( 72, 61, 139)</td>
+    <td align="left">#483D8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSlateBlue</td>
+    <td align="center" style="background-color:rgb(132, 112, 255)">LightSlateBlue</td>
+    <td align="left">rgb(132, 112, 255)</td>
+    <td align="left">#8470FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumSlateBlue</td>
+    <td align="center" style="background-color:rgb(123, 104, 238)">MediumSlateBlue</td>
+    <td align="left">rgb(123, 104, 238)</td>
+    <td align="left">#7B68EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateBlue</td>
+    <td align="center" style="background-color:rgb(106, 90, 205)">SlateBlue</td>
+    <td align="left">rgb(106, 90, 205)</td>
+    <td align="left">#6A5ACD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateBlue1</td>
+    <td align="center" style="background-color:rgb(131, 111, 255)">SlateBlue1</td>
+    <td align="left">rgb(131, 111, 255)</td>
+    <td align="left">#836FFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateBlue2</td>
+    <td align="center" style="background-color:rgb(122, 103, 238)">SlateBlue2</td>
+    <td align="left">rgb(122, 103, 238)</td>
+    <td align="left">#7A67EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateBlue3</td>
+    <td align="center" style="background-color:rgb(105, 89, 205)">SlateBlue3</td>
+    <td align="left">rgb(105, 89, 205)</td>
+    <td align="left">#6959CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateBlue4</td>
+    <td align="center" style="background-color:rgb( 71, 60, 139)">SlateBlue4</td>
+    <td align="left">rgb( 71, 60, 139)</td>
+    <td align="left">#473C8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">GhostWhite</td>
+    <td align="center" style="background-color:rgb(248, 248, 255)">GhostWhite</td>
+    <td align="left">rgb(248, 248, 255)</td>
+    <td align="left">#F8F8FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">lavender</td>
+    <td align="center" style="background-color:rgb(230, 230, 250)">lavender</td>
+    <td align="left">rgb(230, 230, 250)</td>
+    <td align="left">#E6E6FA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">blue</td>
+    <td align="center" style="background-color:rgb( 0, 0, 255)">blue</td>
+    <td align="left">rgb(  0,  0, 255)</td>
+    <td align="left">#0000FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">blue1</td>
+    <td align="center" style="background-color:rgb( 0, 0, 255)">blue1</td>
+    <td align="left">rgb(  0,  0, 255)</td>
+    <td align="left">#0000FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">blue2</td>
+    <td align="center" style="background-color:rgb( 0, 0, 238)">blue2</td>
+    <td align="left">rgb(  0,  0, 238)</td>
+    <td align="left">#0000EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">blue3</td>
+    <td align="center" style="background-color:rgb( 0, 0, 205)">blue3</td>
+    <td align="left">rgb(  0,  0, 205)</td>
+    <td align="left">#0000CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumBlue</td>
+    <td align="center" style="background-color:rgb( 0, 0, 205)">MediumBlue</td>
+    <td align="left">rgb(  0,  0, 205)</td>
+    <td align="left">#0000CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">blue4</td>
+    <td align="center" style="background-color:rgb( 0, 0, 139)">blue4</td>
+    <td align="left">rgb(  0,  0, 139)</td>
+    <td align="left">#00008B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkBlue</td>
+    <td align="center" style="background-color:rgb( 0, 0, 139)">DarkBlue</td>
+    <td align="left">rgb(  0,  0, 139)</td>
+    <td align="left">#00008B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MidnightBlue</td>
+    <td align="center" style="background-color:rgb( 25, 25, 112)">MidnightBlue</td>
+    <td align="left">rgb( 25, 25, 112)</td>
+    <td align="left">#191970</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">navy</td>
+    <td align="center" style="background-color:rgb( 0, 0, 128)">navy</td>
+    <td align="left">rgb(  0,  0, 128)</td>
+    <td align="left">#000080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavyBlue</td>
+    <td align="center" style="background-color:rgb( 0, 0, 128)">NavyBlue</td>
+    <td align="left">rgb(  0,  0, 128)</td>
+    <td align="left">#000080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RoyalBlue</td>
+    <td align="center" style="background-color:rgb( 65, 105, 225)">RoyalBlue</td>
+    <td align="left">rgb( 65, 105, 225)</td>
+    <td align="left">#4169E1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RoyalBlue1</td>
+    <td align="center" style="background-color:rgb( 72, 118, 255)">RoyalBlue1</td>
+    <td align="left">rgb( 72, 118, 255)</td>
+    <td align="left">#4876FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RoyalBlue2</td>
+    <td align="center" style="background-color:rgb( 67, 110, 238)">RoyalBlue2</td>
+    <td align="left">rgb( 67, 110, 238)</td>
+    <td align="left">#436EEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RoyalBlue3</td>
+    <td align="center" style="background-color:rgb( 58, 95, 205)">RoyalBlue3</td>
+    <td align="left">rgb( 58, 95, 205)</td>
+    <td align="left">#3A5FCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">RoyalBlue4</td>
+    <td align="center" style="background-color:rgb( 39, 64, 139)">RoyalBlue4</td>
+    <td align="left">rgb( 39, 64, 139)</td>
+    <td align="left">#27408B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CornflowerBlue</td>
+    <td align="center" style="background-color:rgb(100, 149, 237)">CornflowerBlue</td>
+    <td align="left">rgb(100, 149, 237)</td>
+    <td align="left">#6495ED</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSteelBlue</td>
+    <td align="center" style="background-color:rgb(176, 196, 222)">LightSteelBlue</td>
+    <td align="left">rgb(176, 196, 222)</td>
+    <td align="left">#B0C4DE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSteelBlue1</td>
+    <td align="center" style="background-color:rgb(202, 225, 255)">LightSteelBlue1</td>
+    <td align="left">rgb(202, 225, 255)</td>
+    <td align="left">#CAE1FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSteelBlue2</td>
+    <td align="center" style="background-color:rgb(188, 210, 238)">LightSteelBlue2</td>
+    <td align="left">rgb(188, 210, 238)</td>
+    <td align="left">#BCD2EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSteelBlue3</td>
+    <td align="center" style="background-color:rgb(162, 181, 205)">LightSteelBlue3</td>
+    <td align="left">rgb(162, 181, 205)</td>
+    <td align="left">#A2B5CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSteelBlue4</td>
+    <td align="center" style="background-color:rgb(110, 123, 139)">LightSteelBlue4</td>
+    <td align="left">rgb(110, 123, 139)</td>
+    <td align="left">#6E7B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGray4</td>
+    <td align="center" style="background-color:rgb(108, 123, 139)">SlateGray4</td>
+    <td align="left">rgb(108, 123, 139)</td>
+    <td align="left">#6C7B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGray1</td>
+    <td align="center" style="background-color:rgb(198, 226, 255)">SlateGray1</td>
+    <td align="left">rgb(198, 226, 255)</td>
+    <td align="left">#C6E2FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGray2</td>
+    <td align="center" style="background-color:rgb(185, 211, 238)">SlateGray2</td>
+    <td align="left">rgb(185, 211, 238)</td>
+    <td align="left">#B9D3EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGray3</td>
+    <td align="center" style="background-color:rgb(159, 182, 205)">SlateGray3</td>
+    <td align="left">rgb(159, 182, 205)</td>
+    <td align="left">#9FB6CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSlateGray</td>
+    <td align="center" style="background-color:rgb(119, 136, 153)">LightSlateGray</td>
+    <td align="left">rgb(119, 136, 153)</td>
+    <td align="left">#778899</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSlateGrey</td>
+    <td align="center" style="background-color:rgb(119, 136, 153)">LightSlateGrey</td>
+    <td align="left">rgb(119, 136, 153)</td>
+    <td align="left">#778899</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGray</td>
+    <td align="center" style="background-color:rgb(112, 128, 144)">SlateGray</td>
+    <td align="left">rgb(112, 128, 144)</td>
+    <td align="left">#708090</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SlateGrey</td>
+    <td align="center" style="background-color:rgb(112, 128, 144)">SlateGrey</td>
+    <td align="left">rgb(112, 128, 144)</td>
+    <td align="left">#708090</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DodgerBlue</td>
+    <td align="center" style="background-color:rgb( 30, 144, 255)">DodgerBlue</td>
+    <td align="left">rgb( 30, 144, 255)</td>
+    <td align="left">#1E90FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DodgerBlue1</td>
+    <td align="center" style="background-color:rgb( 30, 144, 255)">DodgerBlue1</td>
+    <td align="left">rgb( 30, 144, 255)</td>
+    <td align="left">#1E90FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DodgerBlue2</td>
+    <td align="center" style="background-color:rgb( 28, 134, 238)">DodgerBlue2</td>
+    <td align="left">rgb( 28, 134, 238)</td>
+    <td align="left">#1C86EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DodgerBlue4</td>
+    <td align="center" style="background-color:rgb( 16, 78, 139)">DodgerBlue4</td>
+    <td align="left">rgb( 16, 78, 139)</td>
+    <td align="left">#104E8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DodgerBlue3</td>
+    <td align="center" style="background-color:rgb( 24, 116, 205)">DodgerBlue3</td>
+    <td align="left">rgb( 24, 116, 205)</td>
+    <td align="left">#1874CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AliceBlue</td>
+    <td align="center" style="background-color:rgb(240, 248, 255)">AliceBlue</td>
+    <td align="left">rgb(240, 248, 255)</td>
+    <td align="left">#F0F8FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SteelBlue4</td>
+    <td align="center" style="background-color:rgb( 54, 100, 139)">SteelBlue4</td>
+    <td align="left">rgb( 54, 100, 139)</td>
+    <td align="left">#36648B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SteelBlue</td>
+    <td align="center" style="background-color:rgb( 70, 130, 180)">SteelBlue</td>
+    <td align="left">rgb( 70, 130, 180)</td>
+    <td align="left">#4682B4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SteelBlue1</td>
+    <td align="center" style="background-color:rgb( 99, 184, 255)">SteelBlue1</td>
+    <td align="left">rgb( 99, 184, 255)</td>
+    <td align="left">#63B8FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SteelBlue2</td>
+    <td align="center" style="background-color:rgb( 92, 172, 238)">SteelBlue2</td>
+    <td align="left">rgb( 92, 172, 238)</td>
+    <td align="left">#5CACEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SteelBlue3</td>
+    <td align="center" style="background-color:rgb( 79, 148, 205)">SteelBlue3</td>
+    <td align="left">rgb( 79, 148, 205)</td>
+    <td align="left">#4F94CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SkyBlue4</td>
+    <td align="center" style="background-color:rgb( 74, 112, 139)">SkyBlue4</td>
+    <td align="left">rgb( 74, 112, 139)</td>
+    <td align="left">#4A708B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SkyBlue1</td>
+    <td align="center" style="background-color:rgb(135, 206, 255)">SkyBlue1</td>
+    <td align="left">rgb(135, 206, 255)</td>
+    <td align="left">#87CEFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SkyBlue2</td>
+    <td align="center" style="background-color:rgb(126, 192, 238)">SkyBlue2</td>
+    <td align="left">rgb(126, 192, 238)</td>
+    <td align="left">#7EC0EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SkyBlue3</td>
+    <td align="center" style="background-color:rgb(108, 166, 205)">SkyBlue3</td>
+    <td align="left">rgb(108, 166, 205)</td>
+    <td align="left">#6CA6CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSkyBlue</td>
+    <td align="center" style="background-color:rgb(135, 206, 250)">LightSkyBlue</td>
+    <td align="left">rgb(135, 206, 250)</td>
+    <td align="left">#87CEFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSkyBlue4</td>
+    <td align="center" style="background-color:rgb( 96, 123, 139)">LightSkyBlue4</td>
+    <td align="left">rgb( 96, 123, 139)</td>
+    <td align="left">#607B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSkyBlue1</td>
+    <td align="center" style="background-color:rgb(176, 226, 255)">LightSkyBlue1</td>
+    <td align="left">rgb(176, 226, 255)</td>
+    <td align="left">#B0E2FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSkyBlue2</td>
+    <td align="center" style="background-color:rgb(164, 211, 238)">LightSkyBlue2</td>
+    <td align="left">rgb(164, 211, 238)</td>
+    <td align="left">#A4D3EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSkyBlue3</td>
+    <td align="center" style="background-color:rgb(141, 182, 205)">LightSkyBlue3</td>
+    <td align="left">rgb(141, 182, 205)</td>
+    <td align="left">#8DB6CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SkyBlue</td>
+    <td align="center" style="background-color:rgb(135, 206, 235)">SkyBlue</td>
+    <td align="left">rgb(135, 206, 235)</td>
+    <td align="left">#87CEEB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightBlue3</td>
+    <td align="center" style="background-color:rgb(154, 192, 205)">LightBlue3</td>
+    <td align="left">rgb(154, 192, 205)</td>
+    <td align="left">#9AC0CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepSkyBlue</td>
+    <td align="center" style="background-color:rgb( 0, 191, 255)">DeepSkyBlue</td>
+    <td align="left">rgb(  0, 191, 255)</td>
+    <td align="left">#00BFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepSkyBlue1</td>
+    <td align="center" style="background-color:rgb( 0, 191, 255)">DeepSkyBlue1</td>
+    <td align="left">rgb(  0, 191, 255)</td>
+    <td align="left">#00BFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepSkyBlue2</td>
+    <td align="center" style="background-color:rgb( 0, 178, 238)">DeepSkyBlue2</td>
+    <td align="left">rgb(  0, 178, 238)</td>
+    <td align="left">#00B2EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepSkyBlue4</td>
+    <td align="center" style="background-color:rgb( 0, 104, 139)">DeepSkyBlue4</td>
+    <td align="left">rgb(  0, 104, 139)</td>
+    <td align="left">#00688B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DeepSkyBlue3</td>
+    <td align="center" style="background-color:rgb( 0, 154, 205)">DeepSkyBlue3</td>
+    <td align="left">rgb(  0, 154, 205)</td>
+    <td align="left">#009ACD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightBlue1</td>
+    <td align="center" style="background-color:rgb(191, 239, 255)">LightBlue1</td>
+    <td align="left">rgb(191, 239, 255)</td>
+    <td align="left">#BFEFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightBlue2</td>
+    <td align="center" style="background-color:rgb(178, 223, 238)">LightBlue2</td>
+    <td align="left">rgb(178, 223, 238)</td>
+    <td align="left">#B2DFEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightBlue</td>
+    <td align="center" style="background-color:rgb(173, 216, 230)">LightBlue</td>
+    <td align="left">rgb(173, 216, 230)</td>
+    <td align="left">#ADD8E6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightBlue4</td>
+    <td align="center" style="background-color:rgb(104, 131, 139)">LightBlue4</td>
+    <td align="left">rgb(104, 131, 139)</td>
+    <td align="left">#68838B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PowderBlue</td>
+    <td align="center" style="background-color:rgb(176, 224, 230)">PowderBlue</td>
+    <td align="left">rgb(176, 224, 230)</td>
+    <td align="left">#B0E0E6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CadetBlue1</td>
+    <td align="center" style="background-color:rgb(152, 245, 255)">CadetBlue1</td>
+    <td align="left">rgb(152, 245, 255)</td>
+    <td align="left">#98F5FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CadetBlue2</td>
+    <td align="center" style="background-color:rgb(142, 229, 238)">CadetBlue2</td>
+    <td align="left">rgb(142, 229, 238)</td>
+    <td align="left">#8EE5EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CadetBlue3</td>
+    <td align="center" style="background-color:rgb(122, 197, 205)">CadetBlue3</td>
+    <td align="left">rgb(122, 197, 205)</td>
+    <td align="left">#7AC5CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CadetBlue4</td>
+    <td align="center" style="background-color:rgb( 83, 134, 139)">CadetBlue4</td>
+    <td align="left">rgb( 83, 134, 139)</td>
+    <td align="left">#53868B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">turquoise1</td>
+    <td align="center" style="background-color:rgb( 0, 245, 255)">turquoise1</td>
+    <td align="left">rgb(  0, 245, 255)</td>
+    <td align="left">#00F5FF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">turquoise2</td>
+    <td align="center" style="background-color:rgb( 0, 229, 238)">turquoise2</td>
+    <td align="left">rgb(  0, 229, 238)</td>
+    <td align="left">#00E5EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">turquoise3</td>
+    <td align="center" style="background-color:rgb( 0, 197, 205)">turquoise3</td>
+    <td align="left">rgb(  0, 197, 205)</td>
+    <td align="left">#00C5CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">turquoise4</td>
+    <td align="center" style="background-color:rgb( 0, 134, 139)">turquoise4</td>
+    <td align="left">rgb(  0, 134, 139)</td>
+    <td align="left">#00868B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cadet blue</td>
+    <td align="center" style="background-color:rgb( 95, 158, 160)">cadet blue</td>
+    <td align="left">rgb( 95, 158, 160)</td>
+    <td align="left">#5F9EA0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">CadetBlue</td>
+    <td align="center" style="background-color:rgb( 95, 158, 160)">CadetBlue</td>
+    <td align="left">rgb( 95, 158, 160)</td>
+    <td align="left">#5F9EA0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkTurquoise</td>
+    <td align="center" style="background-color:rgb( 0, 206, 209)">DarkTurquoise</td>
+    <td align="left">rgb(  0, 206, 209)</td>
+    <td align="left">#00CED1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">azure</td>
+    <td align="center" style="background-color:rgb(240, 255, 255)">azure</td>
+    <td align="left">rgb(240, 255, 255)</td>
+    <td align="left">#F0FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">azure1</td>
+    <td align="center" style="background-color:rgb(240, 255, 255)">azure1</td>
+    <td align="left">rgb(240, 255, 255)</td>
+    <td align="left">#F0FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCyan</td>
+    <td align="center" style="background-color:rgb(224, 255, 255)">LightCyan</td>
+    <td align="left">rgb(224, 255, 255)</td>
+    <td align="left">#E0FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCyan1</td>
+    <td align="center" style="background-color:rgb(224, 255, 255)">LightCyan1</td>
+    <td align="left">rgb(224, 255, 255)</td>
+    <td align="left">#E0FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">azure2</td>
+    <td align="center" style="background-color:rgb(224, 238, 238)">azure2</td>
+    <td align="left">rgb(224, 238, 238)</td>
+    <td align="left">#E0EEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCyan2</td>
+    <td align="center" style="background-color:rgb(209, 238, 238)">LightCyan2</td>
+    <td align="left">rgb(209, 238, 238)</td>
+    <td align="left">#D1EEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleTurquoise1</td>
+    <td align="center" style="background-color:rgb(187, 255, 255)">PaleTurquoise1</td>
+    <td align="left">rgb(187, 255, 255)</td>
+    <td align="left">#BBFFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleTurquoise</td>
+    <td align="center" style="background-color:rgb(175, 238, 238)">PaleTurquoise</td>
+    <td align="left">rgb(175, 238, 238)</td>
+    <td align="left">#AFEEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleTurquoise2</td>
+    <td align="center" style="background-color:rgb(174, 238, 238)">PaleTurquoise2</td>
+    <td align="left">rgb(174, 238, 238)</td>
+    <td align="left">#AEEEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGray1</td>
+    <td align="center" style="background-color:rgb(151, 255, 255)">DarkSlateGray1</td>
+    <td align="left">rgb(151, 255, 255)</td>
+    <td align="left">#97FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">azure3</td>
+    <td align="center" style="background-color:rgb(193, 205, 205)">azure3</td>
+    <td align="left">rgb(193, 205, 205)</td>
+    <td align="left">#C1CDCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCyan3</td>
+    <td align="center" style="background-color:rgb(180, 205, 205)">LightCyan3</td>
+    <td align="left">rgb(180, 205, 205)</td>
+    <td align="left">#B4CDCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGray2</td>
+    <td align="center" style="background-color:rgb(141, 238, 238)">DarkSlateGray2</td>
+    <td align="left">rgb(141, 238, 238)</td>
+    <td align="left">#8DEEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleTurquoise3</td>
+    <td align="center" style="background-color:rgb(150, 205, 205)">PaleTurquoise3</td>
+    <td align="left">rgb(150, 205, 205)</td>
+    <td align="left">#96CDCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGray3</td>
+    <td align="center" style="background-color:rgb(121, 205, 205)">DarkSlateGray3</td>
+    <td align="left">rgb(121, 205, 205)</td>
+    <td align="left">#79CDCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">azure4</td>
+    <td align="center" style="background-color:rgb(131, 139, 139)">azure4</td>
+    <td align="left">rgb(131, 139, 139)</td>
+    <td align="left">#838B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightCyan4</td>
+    <td align="center" style="background-color:rgb(122, 139, 139)">LightCyan4</td>
+    <td align="left">rgb(122, 139, 139)</td>
+    <td align="left">#7A8B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aqua</td>
+    <td align="center" style="background-color:rgb( 0, 255, 255)">aqua</td>
+    <td align="left">rgb(  0, 255, 255)</td>
+    <td align="left">#00FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cyan</td>
+    <td align="center" style="background-color:rgb( 0, 255, 255)">cyan</td>
+    <td align="left">rgb(  0, 255, 255)</td>
+    <td align="left">#00FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cyan1</td>
+    <td align="center" style="background-color:rgb( 0, 255, 255)">cyan1</td>
+    <td align="left">rgb(  0, 255, 255)</td>
+    <td align="left">#00FFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleTurquoise4</td>
+    <td align="center" style="background-color:rgb(102, 139, 139)">PaleTurquoise4</td>
+    <td align="left">rgb(102, 139, 139)</td>
+    <td align="left">#668B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cyan2</td>
+    <td align="center" style="background-color:rgb( 0, 238, 238)">cyan2</td>
+    <td align="left">rgb(  0, 238, 238)</td>
+    <td align="left">#00EEEE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGray4</td>
+    <td align="center" style="background-color:rgb( 82, 139, 139)">DarkSlateGray4</td>
+    <td align="left">rgb( 82, 139, 139)</td>
+    <td align="left">#528B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cyan3</td>
+    <td align="center" style="background-color:rgb( 0, 205, 205)">cyan3</td>
+    <td align="left">rgb(  0, 205, 205)</td>
+    <td align="left">#00CDCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cyan4</td>
+    <td align="center" style="background-color:rgb( 0, 139, 139)">cyan4</td>
+    <td align="left">rgb(  0, 139, 139)</td>
+    <td align="left">#008B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkCyan</td>
+    <td align="center" style="background-color:rgb( 0, 139, 139)">DarkCyan</td>
+    <td align="left">rgb(  0, 139, 139)</td>
+    <td align="left">#008B8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">teal</td>
+    <td align="center" style="background-color:rgb( 0, 128, 128)">teal</td>
+    <td align="left">rgb(  0, 128, 128)</td>
+    <td align="left">#008080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGray</td>
+    <td align="center" style="background-color:rgb( 47, 79, 79)">DarkSlateGray</td>
+    <td align="left">rgb( 47, 79,  79)</td>
+    <td align="left">#2F4F4F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSlateGrey</td>
+    <td align="center" style="background-color:rgb( 47, 79, 79)">DarkSlateGrey</td>
+    <td align="left">rgb( 47, 79,  79)</td>
+    <td align="left">#2F4F4F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumTurquoise</td>
+    <td align="center" style="background-color:rgb( 72, 209, 204)">MediumTurquoise</td>
+    <td align="left">rgb( 72, 209, 204)</td>
+    <td align="left">#48D1CC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSeaGreen</td>
+    <td align="center" style="background-color:rgb( 32, 178, 170)">LightSeaGreen</td>
+    <td align="left">rgb( 32, 178, 170)</td>
+    <td align="left">#20B2AA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">turquoise</td>
+    <td align="center" style="background-color:rgb( 64, 224, 208)">turquoise</td>
+    <td align="left">rgb( 64, 224, 208)</td>
+    <td align="left">#40E0D0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aquamarine4</td>
+    <td align="center" style="background-color:rgb( 69, 139, 116)">aquamarine4</td>
+    <td align="left">rgb( 69, 139, 116)</td>
+    <td align="left">#458B74</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aquamarine</td>
+    <td align="center" style="background-color:rgb(127, 255, 212)">aquamarine</td>
+    <td align="left">rgb(127, 255, 212)</td>
+    <td align="left">#7FFFD4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aquamarine1</td>
+    <td align="center" style="background-color:rgb(127, 255, 212)">aquamarine1</td>
+    <td align="left">rgb(127, 255, 212)</td>
+    <td align="left">#7FFFD4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aquamarine2</td>
+    <td align="center" style="background-color:rgb(118, 238, 198)">aquamarine2</td>
+    <td align="left">rgb(118, 238, 198)</td>
+    <td align="left">#76EEC6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">aquamarine3</td>
+    <td align="center" style="background-color:rgb(102, 205, 170)">aquamarine3</td>
+    <td align="left">rgb(102, 205, 170)</td>
+    <td align="left">#66CDAA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumAquamarine</td>
+    <td align="center" style="background-color:rgb(102, 205, 170)">MediumAquamarine</td>
+    <td align="left">rgb(102, 205, 170)</td>
+    <td align="left">#66CDAA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumSpringGreen</td>
+    <td align="center" style="background-color:rgb( 0, 250, 154)">MediumSpringGreen</td>
+    <td align="left">rgb(  0, 250, 154)</td>
+    <td align="left">#00FA9A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MintCream</td>
+    <td align="center" style="background-color:rgb(245, 255, 250)">MintCream</td>
+    <td align="left">rgb(245, 255, 250)</td>
+    <td align="left">#F5FFFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SpringGreen</td>
+    <td align="center" style="background-color:rgb( 0, 255, 127)">SpringGreen</td>
+    <td align="left">rgb(  0, 255, 127)</td>
+    <td align="left">#00FF7F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SpringGreen1</td>
+    <td align="center" style="background-color:rgb( 0, 255, 127)">SpringGreen1</td>
+    <td align="left">rgb(  0, 255, 127)</td>
+    <td align="left">#00FF7F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SpringGreen2</td>
+    <td align="center" style="background-color:rgb( 0, 238, 118)">SpringGreen2</td>
+    <td align="left">rgb(  0, 238, 118)</td>
+    <td align="left">#00EE76</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SpringGreen3</td>
+    <td align="center" style="background-color:rgb( 0, 205, 102)">SpringGreen3</td>
+    <td align="left">rgb(  0, 205, 102)</td>
+    <td align="left">#00CD66</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SpringGreen4</td>
+    <td align="center" style="background-color:rgb( 0, 139, 69)">SpringGreen4</td>
+    <td align="left">rgb(  0, 139, 69)</td>
+    <td align="left">#008B45</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumSeaGreen</td>
+    <td align="center" style="background-color:rgb( 60, 179, 113)">MediumSeaGreen</td>
+    <td align="left">rgb( 60, 179, 113)</td>
+    <td align="left">#3CB371</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SeaGreen</td>
+    <td align="center" style="background-color:rgb( 46, 139, 87)">SeaGreen</td>
+    <td align="left">rgb( 46, 139, 87)</td>
+    <td align="left">#2E8B57</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SeaGreen3</td>
+    <td align="center" style="background-color:rgb( 67, 205, 128)">SeaGreen3</td>
+    <td align="left">rgb( 67, 205, 128)</td>
+    <td align="left">#43CD80</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SeaGreen1</td>
+    <td align="center" style="background-color:rgb( 84, 255, 159)">SeaGreen1</td>
+    <td align="left">rgb( 84, 255, 159)</td>
+    <td align="left">#54FF9F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SeaGreen4</td>
+    <td align="center" style="background-color:rgb( 46, 139, 87)">SeaGreen4</td>
+    <td align="left">rgb( 46, 139, 87)</td>
+    <td align="left">#2E8B57</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SeaGreen2</td>
+    <td align="center" style="background-color:rgb( 78, 238, 148)">SeaGreen2</td>
+    <td align="left">rgb( 78, 238, 148)</td>
+    <td align="left">#4EEE94</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumForestGreen</td>
+    <td align="center" style="background-color:rgb( 50, 129, 75)">MediumForestGreen</td>
+    <td align="left">rgb( 50, 129, 75)</td>
+    <td align="left">#32814B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">honeydew</td>
+    <td align="center" style="background-color:rgb(240, 255, 240)">honeydew</td>
+    <td align="left">rgb(240, 255, 240)</td>
+    <td align="left">#F0FFF0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">honeydew1</td>
+    <td align="center" style="background-color:rgb(240, 255, 240)">honeydew1</td>
+    <td align="left">rgb(240, 255, 240)</td>
+    <td align="left">#F0FFF0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">honeydew2</td>
+    <td align="center" style="background-color:rgb(224, 238, 224)">honeydew2</td>
+    <td align="left">rgb(224, 238, 224)</td>
+    <td align="left">#E0EEE0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSeaGreen1</td>
+    <td align="center" style="background-color:rgb(193, 255, 193)">DarkSeaGreen1</td>
+    <td align="left">rgb(193, 255, 193)</td>
+    <td align="left">#C1FFC1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSeaGreen2</td>
+    <td align="center" style="background-color:rgb(180, 238, 180)">DarkSeaGreen2</td>
+    <td align="left">rgb(180, 238, 180)</td>
+    <td align="left">#B4EEB4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGreen1</td>
+    <td align="center" style="background-color:rgb(154, 255, 154)">PaleGreen1</td>
+    <td align="left">rgb(154, 255, 154)</td>
+    <td align="left">#9AFF9A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGreen</td>
+    <td align="center" style="background-color:rgb(152, 251, 152)">PaleGreen</td>
+    <td align="left">rgb(152, 251, 152)</td>
+    <td align="left">#98FB98</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">honeydew3</td>
+    <td align="center" style="background-color:rgb(193, 205, 193)">honeydew3</td>
+    <td align="left">rgb(193, 205, 193)</td>
+    <td align="left">#C1CDC1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGreen</td>
+    <td align="center" style="background-color:rgb(144, 238, 144)">LightGreen</td>
+    <td align="left">rgb(144, 238, 144)</td>
+    <td align="left">#90EE90</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGreen2</td>
+    <td align="center" style="background-color:rgb(144, 238, 144)">PaleGreen2</td>
+    <td align="left">rgb(144, 238, 144)</td>
+    <td align="left">#90EE90</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSeaGreen3</td>
+    <td align="center" style="background-color:rgb(155, 205, 155)">DarkSeaGreen3</td>
+    <td align="left">rgb(155, 205, 155)</td>
+    <td align="left">#9BCD9B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSeaGreen</td>
+    <td align="center" style="background-color:rgb(143, 188, 143)">DarkSeaGreen</td>
+    <td align="left">rgb(143, 188, 143)</td>
+    <td align="left">#8FBC8F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGreen3</td>
+    <td align="center" style="background-color:rgb(124, 205, 124)">PaleGreen3</td>
+    <td align="left">rgb(124, 205, 124)</td>
+    <td align="left">#7CCD7C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">honeydew4</td>
+    <td align="center" style="background-color:rgb(131, 139, 131)">honeydew4</td>
+    <td align="left">rgb(131, 139, 131)</td>
+    <td align="left">#838B83</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">green1</td>
+    <td align="center" style="background-color:rgb( 0, 255, 0)">green1</td>
+    <td align="left">rgb(  0, 255,  0)</td>
+    <td align="left">#00FF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">lime</td>
+    <td align="center" style="background-color:rgb( 0, 255, 0)">lime</td>
+    <td align="left">rgb(  0, 255,  0)</td>
+    <td align="left">#00FF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LimeGreen</td>
+    <td align="center" style="background-color:rgb( 50, 205, 50)">LimeGreen</td>
+    <td align="left">rgb( 50, 205, 50)</td>
+    <td align="left">#32CD32</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSeaGreen4</td>
+    <td align="center" style="background-color:rgb(105, 139, 105)">DarkSeaGreen4</td>
+    <td align="left">rgb(105, 139, 105)</td>
+    <td align="left">#698B69</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">green2</td>
+    <td align="center" style="background-color:rgb( 0, 238, 0)">green2</td>
+    <td align="left">rgb(  0, 238,  0)</td>
+    <td align="left">#00EE00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGreen4</td>
+    <td align="center" style="background-color:rgb( 84, 139, 84)">PaleGreen4</td>
+    <td align="left">rgb( 84, 139, 84)</td>
+    <td align="left">#548B54</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">green3</td>
+    <td align="center" style="background-color:rgb( 0, 205, 0)">green3</td>
+    <td align="left">rgb(  0, 205,  0)</td>
+    <td align="left">#00CD00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ForestGreen</td>
+    <td align="center" style="background-color:rgb( 34, 139, 34)">ForestGreen</td>
+    <td align="left">rgb( 34, 139, 34)</td>
+    <td align="left">#228B22</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">green4</td>
+    <td align="center" style="background-color:rgb( 0, 139, 0)">green4</td>
+    <td align="left">rgb(  0, 139,  0)</td>
+    <td align="left">#008B00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">green</td>
+    <td align="center" style="background-color:rgb( 0, 128, 0)">green</td>
+    <td align="left">rgb(  0, 128,  0)</td>
+    <td align="left">#008000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGreen</td>
+    <td align="center" style="background-color:rgb( 0, 100, 0)">DarkGreen</td>
+    <td align="left">rgb(  0, 100,  0)</td>
+    <td align="left">#006400</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LawnGreen</td>
+    <td align="center" style="background-color:rgb(124, 252, 0)">LawnGreen</td>
+    <td align="left">rgb(124, 252,  0)</td>
+    <td align="left">#7CFC00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chartreuse</td>
+    <td align="center" style="background-color:rgb(127, 255, 0)">chartreuse</td>
+    <td align="left">rgb(127, 255,  0)</td>
+    <td align="left">#7FFF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chartreuse1</td>
+    <td align="center" style="background-color:rgb(127, 255, 0)">chartreuse1</td>
+    <td align="left">rgb(127, 255,  0)</td>
+    <td align="left">#7FFF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chartreuse2</td>
+    <td align="center" style="background-color:rgb(118, 238, 0)">chartreuse2</td>
+    <td align="left">rgb(118, 238,  0)</td>
+    <td align="left">#76EE00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chartreuse3</td>
+    <td align="center" style="background-color:rgb(102, 205, 0)">chartreuse3</td>
+    <td align="left">rgb(102, 205,  0)</td>
+    <td align="left">#66CD00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chartreuse4</td>
+    <td align="center" style="background-color:rgb( 69, 139, 0)">chartreuse4</td>
+    <td align="left">rgb( 69, 139,  0)</td>
+    <td align="left">#458B00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">GreenYellow</td>
+    <td align="center" style="background-color:rgb(173, 255, 47)">GreenYellow</td>
+    <td align="left">rgb(173, 255, 47)</td>
+    <td align="left">#ADFF2F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOliveGreen3</td>
+    <td align="center" style="background-color:rgb(162, 205, 90)">DarkOliveGreen3</td>
+    <td align="left">rgb(162, 205, 90)</td>
+    <td align="left">#A2CD5A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOliveGreen1</td>
+    <td align="center" style="background-color:rgb(202, 255, 112)">DarkOliveGreen1</td>
+    <td align="left">rgb(202, 255, 112)</td>
+    <td align="left">#CAFF70</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOliveGreen2</td>
+    <td align="center" style="background-color:rgb(188, 238, 104)">DarkOliveGreen2</td>
+    <td align="left">rgb(188, 238, 104)</td>
+    <td align="left">#BCEE68</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOliveGreen4</td>
+    <td align="center" style="background-color:rgb(110, 139, 61)">DarkOliveGreen4</td>
+    <td align="left">rgb(110, 139, 61)</td>
+    <td align="left">#6E8B3D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOliveGreen</td>
+    <td align="center" style="background-color:rgb( 85, 107, 47)">DarkOliveGreen</td>
+    <td align="left">rgb( 85, 107, 47)</td>
+    <td align="left">#556B2F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OliveDrab</td>
+    <td align="center" style="background-color:rgb(107, 142, 35)">OliveDrab</td>
+    <td align="left">rgb(107, 142, 35)</td>
+    <td align="left">#6B8E23</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OliveDrab1</td>
+    <td align="center" style="background-color:rgb(192, 255, 62)">OliveDrab1</td>
+    <td align="left">rgb(192, 255, 62)</td>
+    <td align="left">#C0FF3E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OliveDrab2</td>
+    <td align="center" style="background-color:rgb(179, 238, 58)">OliveDrab2</td>
+    <td align="left">rgb(179, 238, 58)</td>
+    <td align="left">#B3EE3A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OliveDrab3</td>
+    <td align="center" style="background-color:rgb(154, 205, 50)">OliveDrab3</td>
+    <td align="left">rgb(154, 205, 50)</td>
+    <td align="left">#9ACD32</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">YellowGreen</td>
+    <td align="center" style="background-color:rgb(154, 205, 50)">YellowGreen</td>
+    <td align="left">rgb(154, 205, 50)</td>
+    <td align="left">#9ACD32</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OliveDrab4</td>
+    <td align="center" style="background-color:rgb(105, 139, 34)">OliveDrab4</td>
+    <td align="left">rgb(105, 139, 34)</td>
+    <td align="left">#698B22</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ivory</td>
+    <td align="center" style="background-color:rgb(255, 255, 240)">ivory</td>
+    <td align="left">rgb(255, 255, 240)</td>
+    <td align="left">#FFFFF0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ivory1</td>
+    <td align="center" style="background-color:rgb(255, 255, 240)">ivory1</td>
+    <td align="left">rgb(255, 255, 240)</td>
+    <td align="left">#FFFFF0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightYellow</td>
+    <td align="center" style="background-color:rgb(255, 255, 224)">LightYellow</td>
+    <td align="left">rgb(255, 255, 224)</td>
+    <td align="left">#FFFFE0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightYellow1</td>
+    <td align="center" style="background-color:rgb(255, 255, 224)">LightYellow1</td>
+    <td align="left">rgb(255, 255, 224)</td>
+    <td align="left">#FFFFE0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">beige</td>
+    <td align="center" style="background-color:rgb(245, 245, 220)">beige</td>
+    <td align="left">rgb(245, 245, 220)</td>
+    <td align="left">#F5F5DC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ivory2</td>
+    <td align="center" style="background-color:rgb(238, 238, 224)">ivory2</td>
+    <td align="left">rgb(238, 238, 224)</td>
+    <td align="left">#EEEEE0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrodYellow</td>
+    <td align="center" style="background-color:rgb(250, 250, 210)">LightGoldenrodYellow</td>
+    <td align="left">rgb(250, 250, 210)</td>
+    <td align="left">#FAFAD2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightYellow2</td>
+    <td align="center" style="background-color:rgb(238, 238, 209)">LightYellow2</td>
+    <td align="left">rgb(238, 238, 209)</td>
+    <td align="left">#EEEED1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ivory3</td>
+    <td align="center" style="background-color:rgb(205, 205, 193)">ivory3</td>
+    <td align="left">rgb(205, 205, 193)</td>
+    <td align="left">#CDCDC1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightYellow3</td>
+    <td align="center" style="background-color:rgb(205, 205, 180)">LightYellow3</td>
+    <td align="left">rgb(205, 205, 180)</td>
+    <td align="left">#CDCDB4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">ivory4</td>
+    <td align="center" style="background-color:rgb(139, 139, 131)">ivory4</td>
+    <td align="left">rgb(139, 139, 131)</td>
+    <td align="left">#8B8B83</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightYellow4</td>
+    <td align="center" style="background-color:rgb(139, 139, 122)">LightYellow4</td>
+    <td align="left">rgb(139, 139, 122)</td>
+    <td align="left">#8B8B7A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">yellow</td>
+    <td align="center" style="background-color:rgb(255, 255, 0)">yellow</td>
+    <td align="left">rgb(255, 255,  0)</td>
+    <td align="left">#FFFF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">yellow1</td>
+    <td align="center" style="background-color:rgb(255, 255, 0)">yellow1</td>
+    <td align="left">rgb(255, 255,  0)</td>
+    <td align="left">#FFFF00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">yellow2</td>
+    <td align="center" style="background-color:rgb(238, 238, 0)">yellow2</td>
+    <td align="left">rgb(238, 238,  0)</td>
+    <td align="left">#EEEE00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">yellow3</td>
+    <td align="center" style="background-color:rgb(205, 205, 0)">yellow3</td>
+    <td align="left">rgb(205, 205,  0)</td>
+    <td align="left">#CDCD00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">yellow4</td>
+    <td align="center" style="background-color:rgb(139, 139, 0)">yellow4</td>
+    <td align="left">rgb(139, 139,  0)</td>
+    <td align="left">#8B8B00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">olive</td>
+    <td align="center" style="background-color:rgb(128, 128, 0)">olive</td>
+    <td align="left">rgb(128, 128,  0)</td>
+    <td align="left">#808000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkKhaki</td>
+    <td align="center" style="background-color:rgb(189, 183, 107)">DarkKhaki</td>
+    <td align="left">rgb(189, 183, 107)</td>
+    <td align="left">#BDB76B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">khaki2</td>
+    <td align="center" style="background-color:rgb(238, 230, 133)">khaki2</td>
+    <td align="left">rgb(238, 230, 133)</td>
+    <td align="left">#EEE685</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LemonChiffon4</td>
+    <td align="center" style="background-color:rgb(139, 137, 112)">LemonChiffon4</td>
+    <td align="left">rgb(139, 137, 112)</td>
+    <td align="left">#8B8970</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">khaki1</td>
+    <td align="center" style="background-color:rgb(255, 246, 143)">khaki1</td>
+    <td align="left">rgb(255, 246, 143)</td>
+    <td align="left">#FFF68F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">khaki3</td>
+    <td align="center" style="background-color:rgb(205, 198, 115)">khaki3</td>
+    <td align="left">rgb(205, 198, 115)</td>
+    <td align="left">#CDC673</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">khaki4</td>
+    <td align="center" style="background-color:rgb(139, 134, 78)">khaki4</td>
+    <td align="left">rgb(139, 134, 78)</td>
+    <td align="left">#8B864E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PaleGoldenrod</td>
+    <td align="center" style="background-color:rgb(238, 232, 170)">PaleGoldenrod</td>
+    <td align="left">rgb(238, 232, 170)</td>
+    <td align="left">#EEE8AA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LemonChiffon</td>
+    <td align="center" style="background-color:rgb(255, 250, 205)">LemonChiffon</td>
+    <td align="left">rgb(255, 250, 205)</td>
+    <td align="left">#FFFACD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LemonChiffon1</td>
+    <td align="center" style="background-color:rgb(255, 250, 205)">LemonChiffon1</td>
+    <td align="left">rgb(255, 250, 205)</td>
+    <td align="left">#FFFACD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">khaki</td>
+    <td align="center" style="background-color:rgb(240, 230, 140)">khaki</td>
+    <td align="left">rgb(240, 230, 140)</td>
+    <td align="left">#F0E68C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LemonChiffon3</td>
+    <td align="center" style="background-color:rgb(205, 201, 165)">LemonChiffon3</td>
+    <td align="left">rgb(205, 201, 165)</td>
+    <td align="left">#CDC9A5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LemonChiffon2</td>
+    <td align="center" style="background-color:rgb(238, 233, 191)">LemonChiffon2</td>
+    <td align="left">rgb(238, 233, 191)</td>
+    <td align="left">#EEE9BF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MediumGoldenRod</td>
+    <td align="center" style="background-color:rgb(209, 193, 102)">MediumGoldenRod</td>
+    <td align="left">rgb(209, 193, 102)</td>
+    <td align="left">#D1C166</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cornsilk4</td>
+    <td align="center" style="background-color:rgb(139, 136, 120)">cornsilk4</td>
+    <td align="left">rgb(139, 136, 120)</td>
+    <td align="left">#8B8878</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gold</td>
+    <td align="center" style="background-color:rgb(255, 215, 0)">gold</td>
+    <td align="left">rgb(255, 215,  0)</td>
+    <td align="left">#FFD700</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gold1</td>
+    <td align="center" style="background-color:rgb(255, 215, 0)">gold1</td>
+    <td align="left">rgb(255, 215,  0)</td>
+    <td align="left">#FFD700</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gold2</td>
+    <td align="center" style="background-color:rgb(238, 201, 0)">gold2</td>
+    <td align="left">rgb(238, 201,  0)</td>
+    <td align="left">#EEC900</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gold3</td>
+    <td align="center" style="background-color:rgb(205, 173, 0)">gold3</td>
+    <td align="left">rgb(205, 173,  0)</td>
+    <td align="left">#CDAD00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gold4</td>
+    <td align="center" style="background-color:rgb(139, 117, 0)">gold4</td>
+    <td align="left">rgb(139, 117,  0)</td>
+    <td align="left">#8B7500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrod</td>
+    <td align="center" style="background-color:rgb(238, 221, 130)">LightGoldenrod</td>
+    <td align="left">rgb(238, 221, 130)</td>
+    <td align="left">#EEDD82</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrod4</td>
+    <td align="center" style="background-color:rgb(139, 129, 76)">LightGoldenrod4</td>
+    <td align="left">rgb(139, 129, 76)</td>
+    <td align="left">#8B814C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrod1</td>
+    <td align="center" style="background-color:rgb(255, 236, 139)">LightGoldenrod1</td>
+    <td align="left">rgb(255, 236, 139)</td>
+    <td align="left">#FFEC8B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrod3</td>
+    <td align="center" style="background-color:rgb(205, 190, 112)">LightGoldenrod3</td>
+    <td align="left">rgb(205, 190, 112)</td>
+    <td align="left">#CDBE70</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGoldenrod2</td>
+    <td align="center" style="background-color:rgb(238, 220, 130)">LightGoldenrod2</td>
+    <td align="left">rgb(238, 220, 130)</td>
+    <td align="left">#EEDC82</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cornsilk3</td>
+    <td align="center" style="background-color:rgb(205, 200, 177)">cornsilk3</td>
+    <td align="left">rgb(205, 200, 177)</td>
+    <td align="left">#CDC8B1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cornsilk2</td>
+    <td align="center" style="background-color:rgb(238, 232, 205)">cornsilk2</td>
+    <td align="left">rgb(238, 232, 205)</td>
+    <td align="left">#EEE8CD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cornsilk</td>
+    <td align="center" style="background-color:rgb(255, 248, 220)">cornsilk</td>
+    <td align="left">rgb(255, 248, 220)</td>
+    <td align="left">#FFF8DC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">cornsilk1</td>
+    <td align="center" style="background-color:rgb(255, 248, 220)">cornsilk1</td>
+    <td align="left">rgb(255, 248, 220)</td>
+    <td align="left">#FFF8DC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">goldenrod</td>
+    <td align="center" style="background-color:rgb(218, 165, 32)">goldenrod</td>
+    <td align="left">rgb(218, 165, 32)</td>
+    <td align="left">#DAA520</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">goldenrod1</td>
+    <td align="center" style="background-color:rgb(255, 193, 37)">goldenrod1</td>
+    <td align="left">rgb(255, 193, 37)</td>
+    <td align="left">#FFC125</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">goldenrod2</td>
+    <td align="center" style="background-color:rgb(238, 180, 34)">goldenrod2</td>
+    <td align="left">rgb(238, 180, 34)</td>
+    <td align="left">#EEB422</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">goldenrod3</td>
+    <td align="center" style="background-color:rgb(205, 155, 29)">goldenrod3</td>
+    <td align="left">rgb(205, 155, 29)</td>
+    <td align="left">#CD9B1D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">goldenrod4</td>
+    <td align="center" style="background-color:rgb(139, 105, 20)">goldenrod4</td>
+    <td align="left">rgb(139, 105, 20)</td>
+    <td align="left">#8B6914</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGoldenrod</td>
+    <td align="center" style="background-color:rgb(184, 134, 11)">DarkGoldenrod</td>
+    <td align="left">rgb(184, 134, 11)</td>
+    <td align="left">#B8860B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGoldenrod1</td>
+    <td align="center" style="background-color:rgb(255, 185, 15)">DarkGoldenrod1</td>
+    <td align="left">rgb(255, 185, 15)</td>
+    <td align="left">#FFB90F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGoldenrod2</td>
+    <td align="center" style="background-color:rgb(238, 173, 14)">DarkGoldenrod2</td>
+    <td align="left">rgb(238, 173, 14)</td>
+    <td align="left">#EEAD0E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGoldenrod3</td>
+    <td align="center" style="background-color:rgb(205, 149, 12)">DarkGoldenrod3</td>
+    <td align="left">rgb(205, 149, 12)</td>
+    <td align="left">#CD950C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGoldenrod4</td>
+    <td align="center" style="background-color:rgb(139, 101, 8)">DarkGoldenrod4</td>
+    <td align="left">rgb(139, 101,  8)</td>
+    <td align="left">#8B6508</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">FloralWhite</td>
+    <td align="center" style="background-color:rgb(255, 250, 240)">FloralWhite</td>
+    <td align="left">rgb(255, 250, 240)</td>
+    <td align="left">#FFFAF0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">wheat2</td>
+    <td align="center" style="background-color:rgb(238, 216, 174)">wheat2</td>
+    <td align="left">rgb(238, 216, 174)</td>
+    <td align="left">#EED8AE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OldLace</td>
+    <td align="center" style="background-color:rgb(253, 245, 230)">OldLace</td>
+    <td align="left">rgb(253, 245, 230)</td>
+    <td align="left">#FDF5E6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">wheat</td>
+    <td align="center" style="background-color:rgb(245, 222, 179)">wheat</td>
+    <td align="left">rgb(245, 222, 179)</td>
+    <td align="left">#F5DEB3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">wheat1</td>
+    <td align="center" style="background-color:rgb(255, 231, 186)">wheat1</td>
+    <td align="left">rgb(255, 231, 186)</td>
+    <td align="left">#FFE7BA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">wheat3</td>
+    <td align="center" style="background-color:rgb(205, 186, 150)">wheat3</td>
+    <td align="left">rgb(205, 186, 150)</td>
+    <td align="left">#CDBA96</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orange</td>
+    <td align="center" style="background-color:rgb(255, 165, 0)">orange</td>
+    <td align="left">rgb(255, 165,  0)</td>
+    <td align="left">#FFA500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orange1</td>
+    <td align="center" style="background-color:rgb(255, 165, 0)">orange1</td>
+    <td align="left">rgb(255, 165,  0)</td>
+    <td align="left">#FFA500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orange2</td>
+    <td align="center" style="background-color:rgb(238, 154, 0)">orange2</td>
+    <td align="left">rgb(238, 154,  0)</td>
+    <td align="left">#EE9A00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orange3</td>
+    <td align="center" style="background-color:rgb(205, 133, 0)">orange3</td>
+    <td align="left">rgb(205, 133,  0)</td>
+    <td align="left">#CD8500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">orange4</td>
+    <td align="center" style="background-color:rgb(139, 90, 0)">orange4</td>
+    <td align="left">rgb(139, 90,   0)</td>
+    <td align="left">#8B5A00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">wheat4</td>
+    <td align="center" style="background-color:rgb(139, 126, 102)">wheat4</td>
+    <td align="left">rgb(139, 126, 102)</td>
+    <td align="left">#8B7E66</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">moccasin</td>
+    <td align="center" style="background-color:rgb(255, 228, 181)">moccasin</td>
+    <td align="left">rgb(255, 228, 181)</td>
+    <td align="left">#FFE4B5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PapayaWhip</td>
+    <td align="center" style="background-color:rgb(255, 239, 213)">PapayaWhip</td>
+    <td align="left">rgb(255, 239, 213)</td>
+    <td align="left">#FFEFD5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavajoWhite3</td>
+    <td align="center" style="background-color:rgb(205, 179, 139)">NavajoWhite3</td>
+    <td align="left">rgb(205, 179, 139)</td>
+    <td align="left">#CDB38B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">BlanchedAlmond</td>
+    <td align="center" style="background-color:rgb(255, 235, 205)">BlanchedAlmond</td>
+    <td align="left">rgb(255, 235, 205)</td>
+    <td align="left">#FFEBCD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavajoWhite</td>
+    <td align="center" style="background-color:rgb(255, 222, 173)">NavajoWhite</td>
+    <td align="left">rgb(255, 222, 173)</td>
+    <td align="left">#FFDEAD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavajoWhite1</td>
+    <td align="center" style="background-color:rgb(255, 222, 173)">NavajoWhite1</td>
+    <td align="left">rgb(255, 222, 173)</td>
+    <td align="left">#FFDEAD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavajoWhite2</td>
+    <td align="center" style="background-color:rgb(238, 207, 161)">NavajoWhite2</td>
+    <td align="left">rgb(238, 207, 161)</td>
+    <td align="left">#EECFA1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">NavajoWhite4</td>
+    <td align="center" style="background-color:rgb(139, 121, 94)">NavajoWhite4</td>
+    <td align="left">rgb(139, 121, 94)</td>
+    <td align="left">#8B795E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AntiqueWhite4</td>
+    <td align="center" style="background-color:rgb(139, 131, 120)">AntiqueWhite4</td>
+    <td align="left">rgb(139, 131, 120)</td>
+    <td align="left">#8B8378</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AntiqueWhite</td>
+    <td align="center" style="background-color:rgb(250, 235, 215)">AntiqueWhite</td>
+    <td align="left">rgb(250, 235, 215)</td>
+    <td align="left">#FAEBD7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tan</td>
+    <td align="center" style="background-color:rgb(210, 180, 140)">tan</td>
+    <td align="left">rgb(210, 180, 140)</td>
+    <td align="left">#D2B48C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">bisque4</td>
+    <td align="center" style="background-color:rgb(139, 125, 107)">bisque4</td>
+    <td align="left">rgb(139, 125, 107)</td>
+    <td align="left">#8B7D6B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">burlywood</td>
+    <td align="center" style="background-color:rgb(222, 184, 135)">burlywood</td>
+    <td align="left">rgb(222, 184, 135)</td>
+    <td align="left">#DEB887</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AntiqueWhite2</td>
+    <td align="center" style="background-color:rgb(238, 223, 204)">AntiqueWhite2</td>
+    <td align="left">rgb(238, 223, 204)</td>
+    <td align="left">#EEDFCC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">burlywood1</td>
+    <td align="center" style="background-color:rgb(255, 211, 155)">burlywood1</td>
+    <td align="left">rgb(255, 211, 155)</td>
+    <td align="left">#FFD39B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">burlywood3</td>
+    <td align="center" style="background-color:rgb(205, 170, 125)">burlywood3</td>
+    <td align="left">rgb(205, 170, 125)</td>
+    <td align="left">#CDAA7D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">burlywood2</td>
+    <td align="center" style="background-color:rgb(238, 197, 145)">burlywood2</td>
+    <td align="left">rgb(238, 197, 145)</td>
+    <td align="left">#EEC591</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AntiqueWhite1</td>
+    <td align="center" style="background-color:rgb(255, 239, 219)">AntiqueWhite1</td>
+    <td align="left">rgb(255, 239, 219)</td>
+    <td align="left">#FFEFDB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">burlywood4</td>
+    <td align="center" style="background-color:rgb(139, 115, 85)">burlywood4</td>
+    <td align="left">rgb(139, 115, 85)</td>
+    <td align="left">#8B7355</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">AntiqueWhite3</td>
+    <td align="center" style="background-color:rgb(205, 192, 176)">AntiqueWhite3</td>
+    <td align="left">rgb(205, 192, 176)</td>
+    <td align="left">#CDC0B0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrange</td>
+    <td align="center" style="background-color:rgb(255, 140, 0)">DarkOrange</td>
+    <td align="left">rgb(255, 140,  0)</td>
+    <td align="left">#FF8C00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">bisque2</td>
+    <td align="center" style="background-color:rgb(238, 213, 183)">bisque2</td>
+    <td align="left">rgb(238, 213, 183)</td>
+    <td align="left">#EED5B7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">bisque</td>
+    <td align="center" style="background-color:rgb(255, 228, 196)">bisque</td>
+    <td align="left">rgb(255, 228, 196)</td>
+    <td align="left">#FFE4C4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">bisque1</td>
+    <td align="center" style="background-color:rgb(255, 228, 196)">bisque1</td>
+    <td align="left">rgb(255, 228, 196)</td>
+    <td align="left">#FFE4C4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">bisque3</td>
+    <td align="center" style="background-color:rgb(205, 183, 158)">bisque3</td>
+    <td align="left">rgb(205, 183, 158)</td>
+    <td align="left">#CDB79E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrange1</td>
+    <td align="center" style="background-color:rgb(255, 127, 0)">DarkOrange1</td>
+    <td align="left">rgb(255, 127,  0)</td>
+    <td align="left">#FF7F00</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">linen</td>
+    <td align="center" style="background-color:rgb(250, 240, 230)">linen</td>
+    <td align="left">rgb(250, 240, 230)</td>
+    <td align="left">#FAF0E6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrange2</td>
+    <td align="center" style="background-color:rgb(238, 118, 0)">DarkOrange2</td>
+    <td align="left">rgb(238, 118,  0)</td>
+    <td align="left">#EE7600</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrange3</td>
+    <td align="center" style="background-color:rgb(205, 102, 0)">DarkOrange3</td>
+    <td align="left">rgb(205, 102,  0)</td>
+    <td align="left">#CD6600</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkOrange4</td>
+    <td align="center" style="background-color:rgb(139, 69, 0)">DarkOrange4</td>
+    <td align="left">rgb(139, 69,   0)</td>
+    <td align="left">#8B4500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">peru</td>
+    <td align="center" style="background-color:rgb(205, 133, 63)">peru</td>
+    <td align="left">rgb(205, 133, 63)</td>
+    <td align="left">#CD853F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tan1</td>
+    <td align="center" style="background-color:rgb(255, 165, 79)">tan1</td>
+    <td align="left">rgb(255, 165, 79)</td>
+    <td align="left">#FFA54F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tan2</td>
+    <td align="center" style="background-color:rgb(238, 154, 73)">tan2</td>
+    <td align="left">rgb(238, 154, 73)</td>
+    <td align="left">#EE9A49</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tan3</td>
+    <td align="center" style="background-color:rgb(205, 133, 63)">tan3</td>
+    <td align="left">rgb(205, 133, 63)</td>
+    <td align="left">#CD853F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tan4</td>
+    <td align="center" style="background-color:rgb(139, 90, 43)">tan4</td>
+    <td align="left">rgb(139, 90,  43)</td>
+    <td align="left">#8B5A2B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PeachPuff</td>
+    <td align="center" style="background-color:rgb(255, 218, 185)">PeachPuff</td>
+    <td align="left">rgb(255, 218, 185)</td>
+    <td align="left">#FFDAB9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PeachPuff1</td>
+    <td align="center" style="background-color:rgb(255, 218, 185)">PeachPuff1</td>
+    <td align="left">rgb(255, 218, 185)</td>
+    <td align="left">#FFDAB9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PeachPuff4</td>
+    <td align="center" style="background-color:rgb(139, 119, 101)">PeachPuff4</td>
+    <td align="left">rgb(139, 119, 101)</td>
+    <td align="left">#8B7765</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PeachPuff2</td>
+    <td align="center" style="background-color:rgb(238, 203, 173)">PeachPuff2</td>
+    <td align="left">rgb(238, 203, 173)</td>
+    <td align="left">#EECBAD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">PeachPuff3</td>
+    <td align="center" style="background-color:rgb(205, 175, 149)">PeachPuff3</td>
+    <td align="left">rgb(205, 175, 149)</td>
+    <td align="left">#CDAF95</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SandyBrown</td>
+    <td align="center" style="background-color:rgb(244, 164, 96)">SandyBrown</td>
+    <td align="left">rgb(244, 164, 96)</td>
+    <td align="left">#F4A460</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">seashell4</td>
+    <td align="center" style="background-color:rgb(139, 134, 130)">seashell4</td>
+    <td align="left">rgb(139, 134, 130)</td>
+    <td align="left">#8B8682</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">seashell2</td>
+    <td align="center" style="background-color:rgb(238, 229, 222)">seashell2</td>
+    <td align="left">rgb(238, 229, 222)</td>
+    <td align="left">#EEE5DE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">seashell3</td>
+    <td align="center" style="background-color:rgb(205, 197, 191)">seashell3</td>
+    <td align="left">rgb(205, 197, 191)</td>
+    <td align="left">#CDC5BF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chocolate</td>
+    <td align="center" style="background-color:rgb(210, 105, 30)">chocolate</td>
+    <td align="left">rgb(210, 105, 30)</td>
+    <td align="left">#D2691E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chocolate1</td>
+    <td align="center" style="background-color:rgb(255, 127, 36)">chocolate1</td>
+    <td align="left">rgb(255, 127, 36)</td>
+    <td align="left">#FF7F24</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chocolate2</td>
+    <td align="center" style="background-color:rgb(238, 118, 33)">chocolate2</td>
+    <td align="left">rgb(238, 118, 33)</td>
+    <td align="left">#EE7621</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chocolate3</td>
+    <td align="center" style="background-color:rgb(205, 102, 29)">chocolate3</td>
+    <td align="left">rgb(205, 102, 29)</td>
+    <td align="left">#CD661D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">chocolate4</td>
+    <td align="center" style="background-color:rgb(139, 69, 19)">chocolate4</td>
+    <td align="left">rgb(139, 69,  19)</td>
+    <td align="left">#8B4513</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">SaddleBrown</td>
+    <td align="center" style="background-color:rgb(139, 69, 19)">SaddleBrown</td>
+    <td align="left">rgb(139, 69,  19)</td>
+    <td align="left">#8B4513</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">seashell</td>
+    <td align="center" style="background-color:rgb(255, 245, 238)">seashell</td>
+    <td align="left">rgb(255, 245, 238)</td>
+    <td align="left">#FFF5EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">seashell1</td>
+    <td align="center" style="background-color:rgb(255, 245, 238)">seashell1</td>
+    <td align="left">rgb(255, 245, 238)</td>
+    <td align="left">#FFF5EE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">sienna4</td>
+    <td align="center" style="background-color:rgb(139, 71, 38)">sienna4</td>
+    <td align="left">rgb(139, 71,  38)</td>
+    <td align="left">#8B4726</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">sienna</td>
+    <td align="center" style="background-color:rgb(160, 82, 45)">sienna</td>
+    <td align="left">rgb(160, 82,  45)</td>
+    <td align="left">#A0522D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">sienna1</td>
+    <td align="center" style="background-color:rgb(255, 130, 71)">sienna1</td>
+    <td align="left">rgb(255, 130, 71)</td>
+    <td align="left">#FF8247</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">sienna2</td>
+    <td align="center" style="background-color:rgb(238, 121, 66)">sienna2</td>
+    <td align="left">rgb(238, 121, 66)</td>
+    <td align="left">#EE7942</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">sienna3</td>
+    <td align="center" style="background-color:rgb(205, 104, 57)">sienna3</td>
+    <td align="left">rgb(205, 104, 57)</td>
+    <td align="left">#CD6839</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSalmon3</td>
+    <td align="center" style="background-color:rgb(205, 129, 98)">LightSalmon3</td>
+    <td align="left">rgb(205, 129, 98)</td>
+    <td align="left">#CD8162</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSalmon</td>
+    <td align="center" style="background-color:rgb(255, 160, 122)">LightSalmon</td>
+    <td align="left">rgb(255, 160, 122)</td>
+    <td align="left">#FFA07A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSalmon1</td>
+    <td align="center" style="background-color:rgb(255, 160, 122)">LightSalmon1</td>
+    <td align="left">rgb(255, 160, 122)</td>
+    <td align="left">#FFA07A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSalmon4</td>
+    <td align="center" style="background-color:rgb(139, 87, 66)">LightSalmon4</td>
+    <td align="left">rgb(139, 87,  66)</td>
+    <td align="left">#8B5742</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightSalmon2</td>
+    <td align="center" style="background-color:rgb(238, 149, 114)">LightSalmon2</td>
+    <td align="left">rgb(238, 149, 114)</td>
+    <td align="left">#EE9572</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">coral</td>
+    <td align="center" style="background-color:rgb(255, 127, 80)">coral</td>
+    <td align="left">rgb(255, 127, 80)</td>
+    <td align="left">#FF7F50</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OrangeRed</td>
+    <td align="center" style="background-color:rgb(255, 69, 0)">OrangeRed</td>
+    <td align="left">rgb(255, 69,   0)</td>
+    <td align="left">#FF4500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OrangeRed1</td>
+    <td align="center" style="background-color:rgb(255, 69, 0)">OrangeRed1</td>
+    <td align="left">rgb(255, 69,   0)</td>
+    <td align="left">#FF4500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OrangeRed2</td>
+    <td align="center" style="background-color:rgb(238, 64, 0)">OrangeRed2</td>
+    <td align="left">rgb(238, 64,   0)</td>
+    <td align="left">#EE4000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OrangeRed3</td>
+    <td align="center" style="background-color:rgb(205, 55, 0)">OrangeRed3</td>
+    <td align="left">rgb(205, 55,   0)</td>
+    <td align="left">#CD3700</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">OrangeRed4</td>
+    <td align="center" style="background-color:rgb(139, 37, 0)">OrangeRed4</td>
+    <td align="left">rgb(139, 37,   0)</td>
+    <td align="left">#8B2500</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkSalmon</td>
+    <td align="center" style="background-color:rgb(233, 150, 122)">DarkSalmon</td>
+    <td align="left">rgb(233, 150, 122)</td>
+    <td align="left">#E9967A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">salmon1</td>
+    <td align="center" style="background-color:rgb(255, 140, 105)">salmon1</td>
+    <td align="left">rgb(255, 140, 105)</td>
+    <td align="left">#FF8C69</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">salmon2</td>
+    <td align="center" style="background-color:rgb(238, 130, 98)">salmon2</td>
+    <td align="left">rgb(238, 130, 98)</td>
+    <td align="left">#EE8262</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">salmon3</td>
+    <td align="center" style="background-color:rgb(205, 112, 84)">salmon3</td>
+    <td align="left">rgb(205, 112, 84)</td>
+    <td align="left">#CD7054</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">salmon4</td>
+    <td align="center" style="background-color:rgb(139, 76, 57)">salmon4</td>
+    <td align="left">rgb(139, 76,  57)</td>
+    <td align="left">#8B4C39</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">coral1</td>
+    <td align="center" style="background-color:rgb(255, 114, 86)">coral1</td>
+    <td align="left">rgb(255, 114, 86)</td>
+    <td align="left">#FF7256</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">coral2</td>
+    <td align="center" style="background-color:rgb(238, 106, 80)">coral2</td>
+    <td align="left">rgb(238, 106, 80)</td>
+    <td align="left">#EE6A50</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">coral3</td>
+    <td align="center" style="background-color:rgb(205, 91, 69)">coral3</td>
+    <td align="left">rgb(205, 91,  69)</td>
+    <td align="left">#CD5B45</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">coral4</td>
+    <td align="center" style="background-color:rgb(139, 62, 47)">coral4</td>
+    <td align="left">rgb(139, 62,  47)</td>
+    <td align="left">#8B3E2F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tomato4</td>
+    <td align="center" style="background-color:rgb(139, 54, 38)">tomato4</td>
+    <td align="left">rgb(139, 54,  38)</td>
+    <td align="left">#8B3626</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tomato</td>
+    <td align="center" style="background-color:rgb(255, 99, 71)">tomato</td>
+    <td align="left">rgb(255, 99,  71)</td>
+    <td align="left">#FF6347</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tomato1</td>
+    <td align="center" style="background-color:rgb(255, 99, 71)">tomato1</td>
+    <td align="left">rgb(255, 99,  71)</td>
+    <td align="left">#FF6347</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tomato2</td>
+    <td align="center" style="background-color:rgb(238, 92, 66)">tomato2</td>
+    <td align="left">rgb(238, 92,  66)</td>
+    <td align="left">#EE5C42</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">tomato3</td>
+    <td align="center" style="background-color:rgb(205, 79, 57)">tomato3</td>
+    <td align="left">rgb(205, 79,  57)</td>
+    <td align="left">#CD4F39</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MistyRose4</td>
+    <td align="center" style="background-color:rgb(139, 125, 123)">MistyRose4</td>
+    <td align="left">rgb(139, 125, 123)</td>
+    <td align="left">#8B7D7B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MistyRose2</td>
+    <td align="center" style="background-color:rgb(238, 213, 210)">MistyRose2</td>
+    <td align="left">rgb(238, 213, 210)</td>
+    <td align="left">#EED5D2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MistyRose</td>
+    <td align="center" style="background-color:rgb(255, 228, 225)">MistyRose</td>
+    <td align="left">rgb(255, 228, 225)</td>
+    <td align="left">#FFE4E1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MistyRose1</td>
+    <td align="center" style="background-color:rgb(255, 228, 225)">MistyRose1</td>
+    <td align="left">rgb(255, 228, 225)</td>
+    <td align="left">#FFE4E1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">salmon</td>
+    <td align="center" style="background-color:rgb(250, 128, 114)">salmon</td>
+    <td align="left">rgb(250, 128, 114)</td>
+    <td align="left">#FA8072</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">MistyRose3</td>
+    <td align="center" style="background-color:rgb(205, 183, 181)">MistyRose3</td>
+    <td align="left">rgb(205, 183, 181)</td>
+    <td align="left">#CDB7B5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">white</td>
+    <td align="center" style="background-color:rgb(255, 255, 255)">white</td>
+    <td align="left">rgb(255, 255, 255)</td>
+    <td align="left">#FFFFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray100</td>
+    <td align="center" style="background-color:rgb(255, 255, 255)">gray100</td>
+    <td align="left">rgb(255, 255, 255)</td>
+    <td align="left">#FFFFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey100</td>
+    <td align="center" style="background-color:rgb(255, 255, 255)">grey100</td>
+    <td align="left">rgb(255, 255, 255)</td>
+    <td align="left">#FFFFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey100</td>
+    <td align="center" style="background-color:rgb(255, 255, 255)">grey100</td>
+    <td align="left">rgb(255, 255, 255)</td>
+    <td align="left">#FFFFFF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray99</td>
+    <td align="center" style="background-color:rgb(252, 252, 252)">gray99</td>
+    <td align="left">rgb(252, 252, 252)</td>
+    <td align="left">#FCFCFC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey99</td>
+    <td align="center" style="background-color:rgb(252, 252, 252)">grey99</td>
+    <td align="left">rgb(252, 252, 252)</td>
+    <td align="left">#FCFCFC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray98</td>
+    <td align="center" style="background-color:rgb(250, 250, 250)">gray98</td>
+    <td align="left">rgb(250, 250, 250)</td>
+    <td align="left">#FAFAFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey98</td>
+    <td align="center" style="background-color:rgb(250, 250, 250)">grey98</td>
+    <td align="left">rgb(250, 250, 250)</td>
+    <td align="left">#FAFAFA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray97</td>
+    <td align="center" style="background-color:rgb(247, 247, 247)">gray97</td>
+    <td align="left">rgb(247, 247, 247)</td>
+    <td align="left">#F7F7F7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey97</td>
+    <td align="center" style="background-color:rgb(247, 247, 247)">grey97</td>
+    <td align="left">rgb(247, 247, 247)</td>
+    <td align="left">#F7F7F7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray96</td>
+    <td align="center" style="background-color:rgb(245, 245, 245)">gray96</td>
+    <td align="left">rgb(245, 245, 245)</td>
+    <td align="left">#F5F5F5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey96</td>
+    <td align="center" style="background-color:rgb(245, 245, 245)">grey96</td>
+    <td align="left">rgb(245, 245, 245)</td>
+    <td align="left">#F5F5F5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">WhiteSmoke</td>
+    <td align="center" style="background-color:rgb(245, 245, 245)">WhiteSmoke</td>
+    <td align="left">rgb(245, 245, 245)</td>
+    <td align="left">#F5F5F5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray95</td>
+    <td align="center" style="background-color:rgb(242, 242, 242)">gray95</td>
+    <td align="left">rgb(242, 242, 242)</td>
+    <td align="left">#F2F2F2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey95</td>
+    <td align="center" style="background-color:rgb(242, 242, 242)">grey95</td>
+    <td align="left">rgb(242, 242, 242)</td>
+    <td align="left">#F2F2F2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray94</td>
+    <td align="center" style="background-color:rgb(240, 240, 240)">gray94</td>
+    <td align="left">rgb(240, 240, 240)</td>
+    <td align="left">#F0F0F0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey94</td>
+    <td align="center" style="background-color:rgb(240, 240, 240)">grey94</td>
+    <td align="left">rgb(240, 240, 240)</td>
+    <td align="left">#F0F0F0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray93</td>
+    <td align="center" style="background-color:rgb(237, 237, 237)">gray93</td>
+    <td align="left">rgb(237, 237, 237)</td>
+    <td align="left">#EDEDED</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey93</td>
+    <td align="center" style="background-color:rgb(237, 237, 237)">grey93</td>
+    <td align="left">rgb(237, 237, 237)</td>
+    <td align="left">#EDEDED</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray92</td>
+    <td align="center" style="background-color:rgb(235, 235, 235)">gray92</td>
+    <td align="left">rgb(235, 235, 235)</td>
+    <td align="left">#EBEBEB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey92</td>
+    <td align="center" style="background-color:rgb(235, 235, 235)">grey92</td>
+    <td align="left">rgb(235, 235, 235)</td>
+    <td align="left">#EBEBEB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray91</td>
+    <td align="center" style="background-color:rgb(232, 232, 232)">gray91</td>
+    <td align="left">rgb(232, 232, 232)</td>
+    <td align="left">#E8E8E8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey91</td>
+    <td align="center" style="background-color:rgb(232, 232, 232)">grey91</td>
+    <td align="left">rgb(232, 232, 232)</td>
+    <td align="left">#E8E8E8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray90</td>
+    <td align="center" style="background-color:rgb(229, 229, 229)">gray90</td>
+    <td align="left">rgb(229, 229, 229)</td>
+    <td align="left">#E5E5E5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey90</td>
+    <td align="center" style="background-color:rgb(229, 229, 229)">grey90</td>
+    <td align="left">rgb(229, 229, 229)</td>
+    <td align="left">#E5E5E5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray89</td>
+    <td align="center" style="background-color:rgb(227, 227, 227)">gray89</td>
+    <td align="left">rgb(227, 227, 227)</td>
+    <td align="left">#E3E3E3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey89</td>
+    <td align="center" style="background-color:rgb(227, 227, 227)">grey89</td>
+    <td align="left">rgb(227, 227, 227)</td>
+    <td align="left">#E3E3E3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray88</td>
+    <td align="center" style="background-color:rgb(224, 224, 224)">gray88</td>
+    <td align="left">rgb(224, 224, 224)</td>
+    <td align="left">#E0E0E0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey88</td>
+    <td align="center" style="background-color:rgb(224, 224, 224)">grey88</td>
+    <td align="left">rgb(224, 224, 224)</td>
+    <td align="left">#E0E0E0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray87</td>
+    <td align="center" style="background-color:rgb(222, 222, 222)">gray87</td>
+    <td align="left">rgb(222, 222, 222)</td>
+    <td align="left">#DEDEDE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey87</td>
+    <td align="center" style="background-color:rgb(222, 222, 222)">grey87</td>
+    <td align="left">rgb(222, 222, 222)</td>
+    <td align="left">#DEDEDE</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gainsboro</td>
+    <td align="center" style="background-color:rgb(220, 220, 220)">gainsboro</td>
+    <td align="left">rgb(220, 220, 220)</td>
+    <td align="left">#DCDCDC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray86</td>
+    <td align="center" style="background-color:rgb(219, 219, 219)">gray86</td>
+    <td align="left">rgb(219, 219, 219)</td>
+    <td align="left">#DBDBDB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey86</td>
+    <td align="center" style="background-color:rgb(219, 219, 219)">grey86</td>
+    <td align="left">rgb(219, 219, 219)</td>
+    <td align="left">#DBDBDB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray85</td>
+    <td align="center" style="background-color:rgb(217, 217, 217)">gray85</td>
+    <td align="left">rgb(217, 217, 217)</td>
+    <td align="left">#D9D9D9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey85</td>
+    <td align="center" style="background-color:rgb(217, 217, 217)">grey85</td>
+    <td align="left">rgb(217, 217, 217)</td>
+    <td align="left">#D9D9D9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray84</td>
+    <td align="center" style="background-color:rgb(214, 214, 214)">gray84</td>
+    <td align="left">rgb(214, 214, 214)</td>
+    <td align="left">#D6D6D6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey84</td>
+    <td align="center" style="background-color:rgb(214, 214, 214)">grey84</td>
+    <td align="left">rgb(214, 214, 214)</td>
+    <td align="left">#D6D6D6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray83</td>
+    <td align="center" style="background-color:rgb(212, 212, 212)">gray83</td>
+    <td align="left">rgb(212, 212, 212)</td>
+    <td align="left">#D4D4D4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey83</td>
+    <td align="center" style="background-color:rgb(212, 212, 212)">grey83</td>
+    <td align="left">rgb(212, 212, 212)</td>
+    <td align="left">#D4D4D4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGray</td>
+    <td align="center" style="background-color:rgb(211, 211, 211)">LightGray</td>
+    <td align="left">rgb(211, 211, 211)</td>
+    <td align="left">#D3D3D3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">LightGrey</td>
+    <td align="center" style="background-color:rgb(211, 211, 211)">LightGrey</td>
+    <td align="left">rgb(211, 211, 211)</td>
+    <td align="left">#D3D3D3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray82</td>
+    <td align="center" style="background-color:rgb(209, 209, 209)">gray82</td>
+    <td align="left">rgb(209, 209, 209)</td>
+    <td align="left">#D1D1D1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey82</td>
+    <td align="center" style="background-color:rgb(209, 209, 209)">grey82</td>
+    <td align="left">rgb(209, 209, 209)</td>
+    <td align="left">#D1D1D1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray81</td>
+    <td align="center" style="background-color:rgb(207, 207, 207)">gray81</td>
+    <td align="left">rgb(207, 207, 207)</td>
+    <td align="left">#CFCFCF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey81</td>
+    <td align="center" style="background-color:rgb(207, 207, 207)">grey81</td>
+    <td align="left">rgb(207, 207, 207)</td>
+    <td align="left">#CFCFCF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray80</td>
+    <td align="center" style="background-color:rgb(204, 204, 204)">gray80</td>
+    <td align="left">rgb(204, 204, 204)</td>
+    <td align="left">#CCCCCC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey80</td>
+    <td align="center" style="background-color:rgb(204, 204, 204)">grey80</td>
+    <td align="left">rgb(204, 204, 204)</td>
+    <td align="left">#CCCCCC</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray79</td>
+    <td align="center" style="background-color:rgb(201, 201, 201)">gray79</td>
+    <td align="left">rgb(201, 201, 201)</td>
+    <td align="left">#C9C9C9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey79</td>
+    <td align="center" style="background-color:rgb(201, 201, 201)">grey79</td>
+    <td align="left">rgb(201, 201, 201)</td>
+    <td align="left">#C9C9C9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray78</td>
+    <td align="center" style="background-color:rgb(199, 199, 199)">gray78</td>
+    <td align="left">rgb(199, 199, 199)</td>
+    <td align="left">#C7C7C7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey78</td>
+    <td align="center" style="background-color:rgb(199, 199, 199)">grey78</td>
+    <td align="left">rgb(199, 199, 199)</td>
+    <td align="left">#C7C7C7</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray77</td>
+    <td align="center" style="background-color:rgb(196, 196, 196)">gray77</td>
+    <td align="left">rgb(196, 196, 196)</td>
+    <td align="left">#C4C4C4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey77</td>
+    <td align="center" style="background-color:rgb(196, 196, 196)">grey77</td>
+    <td align="left">rgb(196, 196, 196)</td>
+    <td align="left">#C4C4C4</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray76</td>
+    <td align="center" style="background-color:rgb(194, 194, 194)">gray76</td>
+    <td align="left">rgb(194, 194, 194)</td>
+    <td align="left">#C2C2C2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey76</td>
+    <td align="center" style="background-color:rgb(194, 194, 194)">grey76</td>
+    <td align="left">rgb(194, 194, 194)</td>
+    <td align="left">#C2C2C2</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">silver</td>
+    <td align="center" style="background-color:rgb(192, 192, 192)">silver</td>
+    <td align="left">rgb(192, 192, 192)</td>
+    <td align="left">#C0C0C0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray75</td>
+    <td align="center" style="background-color:rgb(191, 191, 191)">gray75</td>
+    <td align="left">rgb(191, 191, 191)</td>
+    <td align="left">#BFBFBF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey75</td>
+    <td align="center" style="background-color:rgb(191, 191, 191)">grey75</td>
+    <td align="left">rgb(191, 191, 191)</td>
+    <td align="left">#BFBFBF</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray74</td>
+    <td align="center" style="background-color:rgb(189, 189, 189)">gray74</td>
+    <td align="left">rgb(189, 189, 189)</td>
+    <td align="left">#BDBDBD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey74</td>
+    <td align="center" style="background-color:rgb(189, 189, 189)">grey74</td>
+    <td align="left">rgb(189, 189, 189)</td>
+    <td align="left">#BDBDBD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray73</td>
+    <td align="center" style="background-color:rgb(186, 186, 186)">gray73</td>
+    <td align="left">rgb(186, 186, 186)</td>
+    <td align="left">#BABABA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey73</td>
+    <td align="center" style="background-color:rgb(186, 186, 186)">grey73</td>
+    <td align="left">rgb(186, 186, 186)</td>
+    <td align="left">#BABABA</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray72</td>
+    <td align="center" style="background-color:rgb(184, 184, 184)">gray72</td>
+    <td align="left">rgb(184, 184, 184)</td>
+    <td align="left">#B8B8B8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey72</td>
+    <td align="center" style="background-color:rgb(184, 184, 184)">grey72</td>
+    <td align="left">rgb(184, 184, 184)</td>
+    <td align="left">#B8B8B8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray71</td>
+    <td align="center" style="background-color:rgb(181, 181, 181)">gray71</td>
+    <td align="left">rgb(181, 181, 181)</td>
+    <td align="left">#B5B5B5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey71</td>
+    <td align="center" style="background-color:rgb(181, 181, 181)">grey71</td>
+    <td align="left">rgb(181, 181, 181)</td>
+    <td align="left">#B5B5B5</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray70</td>
+    <td align="center" style="background-color:rgb(179, 179, 179)">gray70</td>
+    <td align="left">rgb(179, 179, 179)</td>
+    <td align="left">#B3B3B3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey70</td>
+    <td align="center" style="background-color:rgb(179, 179, 179)">grey70</td>
+    <td align="left">rgb(179, 179, 179)</td>
+    <td align="left">#B3B3B3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray69</td>
+    <td align="center" style="background-color:rgb(176, 176, 176)">gray69</td>
+    <td align="left">rgb(176, 176, 176)</td>
+    <td align="left">#B0B0B0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey69</td>
+    <td align="center" style="background-color:rgb(176, 176, 176)">grey69</td>
+    <td align="left">rgb(176, 176, 176)</td>
+    <td align="left">#B0B0B0</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray68</td>
+    <td align="center" style="background-color:rgb(173, 173, 173)">gray68</td>
+    <td align="left">rgb(173, 173, 173)</td>
+    <td align="left">#ADADAD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey68</td>
+    <td align="center" style="background-color:rgb(173, 173, 173)">grey68</td>
+    <td align="left">rgb(173, 173, 173)</td>
+    <td align="left">#ADADAD</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray67</td>
+    <td align="center" style="background-color:rgb(171, 171, 171)">gray67</td>
+    <td align="left">rgb(171, 171, 171)</td>
+    <td align="left">#ABABAB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey67</td>
+    <td align="center" style="background-color:rgb(171, 171, 171)">grey67</td>
+    <td align="left">rgb(171, 171, 171)</td>
+    <td align="left">#ABABAB</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGray</td>
+    <td align="center" style="background-color:rgb(169, 169, 169)">DarkGray</td>
+    <td align="left">rgb(169, 169, 169)</td>
+    <td align="left">#A9A9A9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DarkGrey</td>
+    <td align="center" style="background-color:rgb(169, 169, 169)">DarkGrey</td>
+    <td align="left">rgb(169, 169, 169)</td>
+    <td align="left">#A9A9A9</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray66</td>
+    <td align="center" style="background-color:rgb(168, 168, 168)">gray66</td>
+    <td align="left">rgb(168, 168, 168)</td>
+    <td align="left">#A8A8A8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey66</td>
+    <td align="center" style="background-color:rgb(168, 168, 168)">grey66</td>
+    <td align="left">rgb(168, 168, 168)</td>
+    <td align="left">#A8A8A8</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray65</td>
+    <td align="center" style="background-color:rgb(166, 166, 166)">gray65</td>
+    <td align="left">rgb(166, 166, 166)</td>
+    <td align="left">#A6A6A6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey65</td>
+    <td align="center" style="background-color:rgb(166, 166, 166)">grey65</td>
+    <td align="left">rgb(166, 166, 166)</td>
+    <td align="left">#A6A6A6</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray64</td>
+    <td align="center" style="background-color:rgb(163, 163, 163)">gray64</td>
+    <td align="left">rgb(163, 163, 163)</td>
+    <td align="left">#A3A3A3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey64</td>
+    <td align="center" style="background-color:rgb(163, 163, 163)">grey64</td>
+    <td align="left">rgb(163, 163, 163)</td>
+    <td align="left">#A3A3A3</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray63</td>
+    <td align="center" style="background-color:rgb(161, 161, 161)">gray63</td>
+    <td align="left">rgb(161, 161, 161)</td>
+    <td align="left">#A1A1A1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey63</td>
+    <td align="center" style="background-color:rgb(161, 161, 161)">grey63</td>
+    <td align="left">rgb(161, 161, 161)</td>
+    <td align="left">#A1A1A1</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray62</td>
+    <td align="center" style="background-color:rgb(158, 158, 158)">gray62</td>
+    <td align="left">rgb(158, 158, 158)</td>
+    <td align="left">#9E9E9E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey62</td>
+    <td align="center" style="background-color:rgb(158, 158, 158)">grey62</td>
+    <td align="left">rgb(158, 158, 158)</td>
+    <td align="left">#9E9E9E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray61</td>
+    <td align="center" style="background-color:rgb(156, 156, 156)">gray61</td>
+    <td align="left">rgb(156, 156, 156)</td>
+    <td align="left">#9C9C9C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey61</td>
+    <td align="center" style="background-color:rgb(156, 156, 156)">grey61</td>
+    <td align="left">rgb(156, 156, 156)</td>
+    <td align="left">#9C9C9C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray60</td>
+    <td align="center" style="background-color:rgb(153, 153, 153)">gray60</td>
+    <td align="left">rgb(153, 153, 153)</td>
+    <td align="left">#999999</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey60</td>
+    <td align="center" style="background-color:rgb(153, 153, 153)">grey60</td>
+    <td align="left">rgb(153, 153, 153)</td>
+    <td align="left">#999999</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray59</td>
+    <td align="center" style="background-color:rgb(150, 150, 150)">gray59</td>
+    <td align="left">rgb(150, 150, 150)</td>
+    <td align="left">#969696</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey59</td>
+    <td align="center" style="background-color:rgb(150, 150, 150)">grey59</td>
+    <td align="left">rgb(150, 150, 150)</td>
+    <td align="left">#969696</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray58</td>
+    <td align="center" style="background-color:rgb(148, 148, 148)">gray58</td>
+    <td align="left">rgb(148, 148, 148)</td>
+    <td align="left">#949494</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey58</td>
+    <td align="center" style="background-color:rgb(148, 148, 148)">grey58</td>
+    <td align="left">rgb(148, 148, 148)</td>
+    <td align="left">#949494</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray57</td>
+    <td align="center" style="background-color:rgb(145, 145, 145)">gray57</td>
+    <td align="left">rgb(145, 145, 145)</td>
+    <td align="left">#919191</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey57</td>
+    <td align="center" style="background-color:rgb(145, 145, 145)">grey57</td>
+    <td align="left">rgb(145, 145, 145)</td>
+    <td align="left">#919191</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray56</td>
+    <td align="center" style="background-color:rgb(143, 143, 143)">gray56</td>
+    <td align="left">rgb(143, 143, 143)</td>
+    <td align="left">#8F8F8F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey56</td>
+    <td align="center" style="background-color:rgb(143, 143, 143)">grey56</td>
+    <td align="left">rgb(143, 143, 143)</td>
+    <td align="left">#8F8F8F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray55</td>
+    <td align="center" style="background-color:rgb(140, 140, 140)">gray55</td>
+    <td align="left">rgb(140, 140, 140)</td>
+    <td align="left">#8C8C8C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey55</td>
+    <td align="center" style="background-color:rgb(140, 140, 140)">grey55</td>
+    <td align="left">rgb(140, 140, 140)</td>
+    <td align="left">#8C8C8C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray54</td>
+    <td align="center" style="background-color:rgb(138, 138, 138)">gray54</td>
+    <td align="left">rgb(138, 138, 138)</td>
+    <td align="left">#8A8A8A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey54</td>
+    <td align="center" style="background-color:rgb(138, 138, 138)">grey54</td>
+    <td align="left">rgb(138, 138, 138)</td>
+    <td align="left">#8A8A8A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray53</td>
+    <td align="center" style="background-color:rgb(135, 135, 135)">gray53</td>
+    <td align="left">rgb(135, 135, 135)</td>
+    <td align="left">#878787</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey53</td>
+    <td align="center" style="background-color:rgb(135, 135, 135)">grey53</td>
+    <td align="left">rgb(135, 135, 135)</td>
+    <td align="left">#878787</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray52</td>
+    <td align="center" style="background-color:rgb(133, 133, 133)">gray52</td>
+    <td align="left">rgb(133, 133, 133)</td>
+    <td align="left">#858585</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey52</td>
+    <td align="center" style="background-color:rgb(133, 133, 133)">grey52</td>
+    <td align="left">rgb(133, 133, 133)</td>
+    <td align="left">#858585</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray51</td>
+    <td align="center" style="background-color:rgb(130, 130, 130)">gray51</td>
+    <td align="left">rgb(130, 130, 130)</td>
+    <td align="left">#828282</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey51</td>
+    <td align="center" style="background-color:rgb(130, 130, 130)">grey51</td>
+    <td align="left">rgb(130, 130, 130)</td>
+    <td align="left">#828282</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">fractal</td>
+    <td align="center" style="background-color:rgb(128, 128, 128)">fractal</td>
+    <td align="left">rgb(128, 128, 128)</td>
+    <td align="left">#808080</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray50</td>
+    <td align="center" style="background-color:rgb(127, 127, 127)">gray50</td>
+    <td align="left">rgb(127, 127, 127)</td>
+    <td align="left">#7F7F7F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey50</td>
+    <td align="center" style="background-color:rgb(127, 127, 127)">grey50</td>
+    <td align="left">rgb(127, 127, 127)</td>
+    <td align="left">#7F7F7F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray</td>
+    <td align="center" style="background-color:rgb(126, 126, 126)">gray</td>
+    <td align="left">rgb(126, 126, 126)</td>
+    <td align="left">#7E7E7E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray49</td>
+    <td align="center" style="background-color:rgb(125, 125, 125)">gray49</td>
+    <td align="left">rgb(125, 125, 125)</td>
+    <td align="left">#7D7D7D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey49</td>
+    <td align="center" style="background-color:rgb(125, 125, 125)">grey49</td>
+    <td align="left">rgb(125, 125, 125)</td>
+    <td align="left">#7D7D7D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray48</td>
+    <td align="center" style="background-color:rgb(122, 122, 122)">gray48</td>
+    <td align="left">rgb(122, 122, 122)</td>
+    <td align="left">#7A7A7A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey48</td>
+    <td align="center" style="background-color:rgb(122, 122, 122)">grey48</td>
+    <td align="left">rgb(122, 122, 122)</td>
+    <td align="left">#7A7A7A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray47</td>
+    <td align="center" style="background-color:rgb(120, 120, 120)">gray47</td>
+    <td align="left">rgb(120, 120, 120)</td>
+    <td align="left">#787878</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey47</td>
+    <td align="center" style="background-color:rgb(120, 120, 120)">grey47</td>
+    <td align="left">rgb(120, 120, 120)</td>
+    <td align="left">#787878</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray46</td>
+    <td align="center" style="background-color:rgb(117, 117, 117)">gray46</td>
+    <td align="left">rgb(117, 117, 117)</td>
+    <td align="left">#757575</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey46</td>
+    <td align="center" style="background-color:rgb(117, 117, 117)">grey46</td>
+    <td align="left">rgb(117, 117, 117)</td>
+    <td align="left">#757575</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray45</td>
+    <td align="center" style="background-color:rgb(115, 115, 115)">gray45</td>
+    <td align="left">rgb(115, 115, 115)</td>
+    <td align="left">#737373</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey45</td>
+    <td align="center" style="background-color:rgb(115, 115, 115)">grey45</td>
+    <td align="left">rgb(115, 115, 115)</td>
+    <td align="left">#737373</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray44</td>
+    <td align="center" style="background-color:rgb(112, 112, 112)">gray44</td>
+    <td align="left">rgb(112, 112, 112)</td>
+    <td align="left">#707070</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey44</td>
+    <td align="center" style="background-color:rgb(112, 112, 112)">grey44</td>
+    <td align="left">rgb(112, 112, 112)</td>
+    <td align="left">#707070</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray43</td>
+    <td align="center" style="background-color:rgb(110, 110, 110)">gray43</td>
+    <td align="left">rgb(110, 110, 110)</td>
+    <td align="left">#6E6E6E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey43</td>
+    <td align="center" style="background-color:rgb(110, 110, 110)">grey43</td>
+    <td align="left">rgb(110, 110, 110)</td>
+    <td align="left">#6E6E6E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray42</td>
+    <td align="center" style="background-color:rgb(107, 107, 107)">gray42</td>
+    <td align="left">rgb(107, 107, 107)</td>
+    <td align="left">#6B6B6B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey42</td>
+    <td align="center" style="background-color:rgb(107, 107, 107)">grey42</td>
+    <td align="left">rgb(107, 107, 107)</td>
+    <td align="left">#6B6B6B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DimGray</td>
+    <td align="center" style="background-color:rgb(105, 105, 105)">DimGray</td>
+    <td align="left">rgb(105, 105, 105)</td>
+    <td align="left">#696969</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">DimGrey</td>
+    <td align="center" style="background-color:rgb(105, 105, 105)">DimGrey</td>
+    <td align="left">rgb(105, 105, 105)</td>
+    <td align="left">#696969</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray41</td>
+    <td align="center" style="background-color:rgb(105, 105, 105)">gray41</td>
+    <td align="left">rgb(105, 105, 105)</td>
+    <td align="left">#696969</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey41</td>
+    <td align="center" style="background-color:rgb(105, 105, 105)">grey41</td>
+    <td align="left">rgb(105, 105, 105)</td>
+    <td align="left">#696969</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray40</td>
+    <td align="center" style="background-color:rgb(102, 102, 102)">gray40</td>
+    <td align="left">rgb(102, 102, 102)</td>
+    <td align="left">#666666</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey40</td>
+    <td align="center" style="background-color:rgb(102, 102, 102)">grey40</td>
+    <td align="left">rgb(102, 102, 102)</td>
+    <td align="left">#666666</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray39</td>
+    <td align="center" style="background-color:rgb( 99, 99, 99)">gray39</td>
+    <td align="left">rgb( 99, 99,  99)</td>
+    <td align="left">#636363</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey39</td>
+    <td align="center" style="background-color:rgb( 99, 99, 99)">grey39</td>
+    <td align="left">rgb( 99, 99,  99)</td>
+    <td align="left">#636363</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray38</td>
+    <td align="center" style="background-color:rgb( 97, 97, 97)">gray38</td>
+    <td align="left">rgb( 97, 97,  97)</td>
+    <td align="left">#616161</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey38</td>
+    <td align="center" style="background-color:rgb( 97, 97, 97)">grey38</td>
+    <td align="left">rgb( 97, 97,  97)</td>
+    <td align="left">#616161</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray37</td>
+    <td align="center" style="background-color:rgb( 94, 94, 94)">gray37</td>
+    <td align="left">rgb( 94, 94,  94)</td>
+    <td align="left">#5E5E5E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey37</td>
+    <td align="center" style="background-color:rgb( 94, 94, 94)">grey37</td>
+    <td align="left">rgb( 94, 94,  94)</td>
+    <td align="left">#5E5E5E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray36</td>
+    <td align="center" style="background-color:rgb( 92, 92, 92)">gray36</td>
+    <td align="left">rgb( 92, 92,  92)</td>
+    <td align="left">#5C5C5C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey36</td>
+    <td align="center" style="background-color:rgb( 92, 92, 92)">grey36</td>
+    <td align="left">rgb( 92, 92,  92)</td>
+    <td align="left">#5C5C5C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray35</td>
+    <td align="center" style="background-color:rgb( 89, 89, 89)">gray35</td>
+    <td align="left">rgb( 89, 89,  89)</td>
+    <td align="left">#595959</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey35</td>
+    <td align="center" style="background-color:rgb( 89, 89, 89)">grey35</td>
+    <td align="left">rgb( 89, 89,  89)</td>
+    <td align="left">#595959</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray34</td>
+    <td align="center" style="background-color:rgb( 87, 87, 87)">gray34</td>
+    <td align="left">rgb( 87, 87,  87)</td>
+    <td align="left">#575757</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey34</td>
+    <td align="center" style="background-color:rgb( 87, 87, 87)">grey34</td>
+    <td align="left">rgb( 87, 87,  87)</td>
+    <td align="left">#575757</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray33</td>
+    <td align="center" style="background-color:rgb( 84, 84, 84)">gray33</td>
+    <td align="left">rgb( 84, 84,  84)</td>
+    <td align="left">#545454</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey33</td>
+    <td align="center" style="background-color:rgb( 84, 84, 84)">grey33</td>
+    <td align="left">rgb( 84, 84,  84)</td>
+    <td align="left">#545454</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray32</td>
+    <td align="center" style="background-color:rgb( 82, 82, 82)">gray32</td>
+    <td align="left">rgb( 82, 82,  82)</td>
+    <td align="left">#525252</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey32</td>
+    <td align="center" style="background-color:rgb( 82, 82, 82)">grey32</td>
+    <td align="left">rgb( 82, 82,  82)</td>
+    <td align="left">#525252</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray31</td>
+    <td align="center" style="background-color:rgb( 79, 79, 79)">gray31</td>
+    <td align="left">rgb( 79, 79,  79)</td>
+    <td align="left">#4F4F4F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey31</td>
+    <td align="center" style="background-color:rgb( 79, 79, 79)">grey31</td>
+    <td align="left">rgb( 79, 79,  79)</td>
+    <td align="left">#4F4F4F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray30</td>
+    <td align="center" style="background-color:rgb( 77, 77, 77)">gray30</td>
+    <td align="left">rgb( 77, 77,  77)</td>
+    <td align="left">#4D4D4D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey30</td>
+    <td align="center" style="background-color:rgb( 77, 77, 77)">grey30</td>
+    <td align="left">rgb( 77, 77,  77)</td>
+    <td align="left">#4D4D4D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray29</td>
+    <td align="center" style="background-color:rgb( 74, 74, 74)">gray29</td>
+    <td align="left">rgb( 74, 74,  74)</td>
+    <td align="left">#4A4A4A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey29</td>
+    <td align="center" style="background-color:rgb( 74, 74, 74)">grey29</td>
+    <td align="left">rgb( 74, 74,  74)</td>
+    <td align="left">#4A4A4A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray28</td>
+    <td align="center" style="background-color:rgb( 71, 71, 71)">gray28</td>
+    <td align="left">rgb( 71, 71,  71)</td>
+    <td align="left">#474747</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey28</td>
+    <td align="center" style="background-color:rgb( 71, 71, 71)">grey28</td>
+    <td align="left">rgb( 71, 71,  71)</td>
+    <td align="left">#474747</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray27</td>
+    <td align="center" style="background-color:rgb( 69, 69, 69)">gray27</td>
+    <td align="left">rgb( 69, 69,  69)</td>
+    <td align="left">#454545</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey27</td>
+    <td align="center" style="background-color:rgb( 69, 69, 69)">grey27</td>
+    <td align="left">rgb( 69, 69,  69)</td>
+    <td align="left">#454545</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray26</td>
+    <td align="center" style="background-color:rgb( 66, 66, 66)">gray26</td>
+    <td align="left">rgb( 66, 66,  66)</td>
+    <td align="left">#424242</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey26</td>
+    <td align="center" style="background-color:rgb( 66, 66, 66)">grey26</td>
+    <td align="left">rgb( 66, 66,  66)</td>
+    <td align="left">#424242</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray25</td>
+    <td align="center" style="background-color:rgb( 64, 64, 64)">gray25</td>
+    <td align="left">rgb( 64, 64,  64)</td>
+    <td align="left">#404040</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey25</td>
+    <td align="center" style="background-color:rgb( 64, 64, 64)">grey25</td>
+    <td align="left">rgb( 64, 64,  64)</td>
+    <td align="left">#404040</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray24</td>
+    <td align="center" style="background-color:rgb( 61, 61, 61)">gray24</td>
+    <td align="left">rgb( 61, 61,  61)</td>
+    <td align="left">#3D3D3D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey24</td>
+    <td align="center" style="background-color:rgb( 61, 61, 61)">grey24</td>
+    <td align="left">rgb( 61, 61,  61)</td>
+    <td align="left">#3D3D3D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray23</td>
+    <td align="center" style="background-color:rgb( 59, 59, 59)">gray23</td>
+    <td align="left">rgb( 59, 59,  59)</td>
+    <td align="left">#3B3B3B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey23</td>
+    <td align="center" style="background-color:rgb( 59, 59, 59)">grey23</td>
+    <td align="left">rgb( 59, 59,  59)</td>
+    <td align="left">#3B3B3B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray22</td>
+    <td align="center" style="background-color:rgb( 56, 56, 56)">gray22</td>
+    <td align="left">rgb( 56, 56,  56)</td>
+    <td align="left">#383838</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey22</td>
+    <td align="center" style="background-color:rgb( 56, 56, 56)">grey22</td>
+    <td align="left">rgb( 56, 56,  56)</td>
+    <td align="left">#383838</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray21</td>
+    <td align="center" style="background-color:rgb( 54, 54, 54)">gray21</td>
+    <td align="left">rgb( 54, 54,  54)</td>
+    <td align="left">#363636</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey21</td>
+    <td align="center" style="background-color:rgb( 54, 54, 54)">grey21</td>
+    <td align="left">rgb( 54, 54,  54)</td>
+    <td align="left">#363636</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray20</td>
+    <td align="center" style="background-color:rgb( 51, 51, 51)">gray20</td>
+    <td align="left">rgb( 51, 51,  51)</td>
+    <td align="left">#333333</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey20</td>
+    <td align="center" style="background-color:rgb( 51, 51, 51)">grey20</td>
+    <td align="left">rgb( 51, 51,  51)</td>
+    <td align="left">#333333</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray19</td>
+    <td align="center" style="background-color:rgb( 48, 48, 48)">gray19</td>
+    <td align="left">rgb( 48, 48,  48)</td>
+    <td align="left">#303030</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey19</td>
+    <td align="center" style="background-color:rgb( 48, 48, 48)">grey19</td>
+    <td align="left">rgb( 48, 48,  48)</td>
+    <td align="left">#303030</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray18</td>
+    <td align="center" style="background-color:rgb( 46, 46, 46)">gray18</td>
+    <td align="left">rgb( 46, 46,  46)</td>
+    <td align="left">#2E2E2E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey18</td>
+    <td align="center" style="background-color:rgb( 46, 46, 46)">grey18</td>
+    <td align="left">rgb( 46, 46,  46)</td>
+    <td align="left">#2E2E2E</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray17</td>
+    <td align="center" style="background-color:rgb( 43, 43, 43)">gray17</td>
+    <td align="left">rgb( 43, 43,  43)</td>
+    <td align="left">#2B2B2B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey17</td>
+    <td align="center" style="background-color:rgb( 43, 43, 43)">grey17</td>
+    <td align="left">rgb( 43, 43,  43)</td>
+    <td align="left">#2B2B2B</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray16</td>
+    <td align="center" style="background-color:rgb( 41, 41, 41)">gray16</td>
+    <td align="left">rgb( 41, 41,  41)</td>
+    <td align="left">#292929</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey16</td>
+    <td align="center" style="background-color:rgb( 41, 41, 41)">grey16</td>
+    <td align="left">rgb( 41, 41,  41)</td>
+    <td align="left">#292929</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray15</td>
+    <td align="center" style="background-color:rgb( 38, 38, 38)">gray15</td>
+    <td align="left">rgb( 38, 38,  38)</td>
+    <td align="left">#262626</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey15</td>
+    <td align="center" style="background-color:rgb( 38, 38, 38)">grey15</td>
+    <td align="left">rgb( 38, 38,  38)</td>
+    <td align="left">#262626</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray14</td>
+    <td align="center" style="background-color:rgb( 36, 36, 36)">gray14</td>
+    <td align="left">rgb( 36, 36,  36)</td>
+    <td align="left">#242424</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey14</td>
+    <td align="center" style="background-color:rgb( 36, 36, 36)">grey14</td>
+    <td align="left">rgb( 36, 36,  36)</td>
+    <td align="left">#242424</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray13</td>
+    <td align="center" style="background-color:rgb( 33, 33, 33)">gray13</td>
+    <td align="left">rgb( 33, 33,  33)</td>
+    <td align="left">#212121</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey13</td>
+    <td align="center" style="background-color:rgb( 33, 33, 33)">grey13</td>
+    <td align="left">rgb( 33, 33,  33)</td>
+    <td align="left">#212121</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray12</td>
+    <td align="center" style="background-color:rgb( 31, 31, 31)">gray12</td>
+    <td align="left">rgb( 31, 31,  31)</td>
+    <td align="left">#1F1F1F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey12</td>
+    <td align="center" style="background-color:rgb( 31, 31, 31)">grey12</td>
+    <td align="left">rgb( 31, 31,  31)</td>
+    <td align="left">#1F1F1F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray11</td>
+    <td align="center" style="background-color:rgb( 28, 28, 28)">gray11</td>
+    <td align="left">rgb( 28, 28,  28)</td>
+    <td align="left">#1C1C1C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey11</td>
+    <td align="center" style="background-color:rgb( 28, 28, 28)">grey11</td>
+    <td align="left">rgb( 28, 28,  28)</td>
+    <td align="left">#1C1C1C</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray10</td>
+    <td align="center" style="background-color:rgb( 26, 26, 26)">gray10</td>
+    <td align="left">rgb( 26, 26,  26)</td>
+    <td align="left">#1A1A1A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey10</td>
+    <td align="center" style="background-color:rgb( 26, 26, 26)">grey10</td>
+    <td align="left">rgb( 26, 26,  26)</td>
+    <td align="left">#1A1A1A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray9</td>
+    <td align="center" style="background-color:rgb( 23, 23, 23)">gray9</td>
+    <td align="left">rgb( 23, 23,  23)</td>
+    <td align="left">#171717</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey9</td>
+    <td align="center" style="background-color:rgb( 23, 23, 23)">grey9</td>
+    <td align="left">rgb( 23, 23,  23)</td>
+    <td align="left">#171717</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray8</td>
+    <td align="center" style="background-color:rgb( 20, 20, 20)">gray8</td>
+    <td align="left">rgb( 20, 20,  20)</td>
+    <td align="left">#141414</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey8</td>
+    <td align="center" style="background-color:rgb( 20, 20, 20)">grey8</td>
+    <td align="left">rgb( 20, 20,  20)</td>
+    <td align="left">#141414</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray7</td>
+    <td align="center" style="background-color:rgb( 18, 18, 18)">gray7</td>
+    <td align="left">rgb( 18, 18,  18)</td>
+    <td align="left">#121212</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey7</td>
+    <td align="center" style="background-color:rgb( 18, 18, 18)">grey7</td>
+    <td align="left">rgb( 18, 18,  18)</td>
+    <td align="left">#121212</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray6</td>
+    <td align="center" style="background-color:rgb( 15, 15, 15)">gray6</td>
+    <td align="left">rgb( 15, 15,  15)</td>
+    <td align="left">#0F0F0F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey6</td>
+    <td align="center" style="background-color:rgb( 15, 15, 15)">grey6</td>
+    <td align="left">rgb( 15, 15,  15)</td>
+    <td align="left">#0F0F0F</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray5</td>
+    <td align="center" style="background-color:rgb( 13, 13, 13)">gray5</td>
+    <td align="left">rgb( 13, 13,  13)</td>
+    <td align="left">#0D0D0D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey5</td>
+    <td align="center" style="background-color:rgb( 13, 13, 13)">grey5</td>
+    <td align="left">rgb( 13, 13,  13)</td>
+    <td align="left">#0D0D0D</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray4</td>
+    <td align="center" style="background-color:rgb( 10, 10, 10)">gray4</td>
+    <td align="left">rgb( 10, 10,  10)</td>
+    <td align="left">#0A0A0A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey4</td>
+    <td align="center" style="background-color:rgb( 10, 10, 10)">grey4</td>
+    <td align="left">rgb( 10, 10,  10)</td>
+    <td align="left">#0A0A0A</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray3</td>
+    <td align="center" style="background-color:rgb( 8, 8, 8)">gray3</td>
+    <td align="left">rgb(  8,  8,   8)</td>
+    <td align="left">#080808</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey3</td>
+    <td align="center" style="background-color:rgb( 8, 8, 8)">grey3</td>
+    <td align="left">rgb(  8,  8,   8)</td>
+    <td align="left">#080808</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray2</td>
+    <td align="center" style="background-color:rgb( 5, 5, 5)">gray2</td>
+    <td align="left">rgb(  5,  5,   5)</td>
+    <td align="left">#050505</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey2</td>
+    <td align="center" style="background-color:rgb( 5, 5, 5)">grey2</td>
+    <td align="left">rgb(  5,  5,   5)</td>
+    <td align="left">#050505</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray1</td>
+    <td align="center" style="background-color:rgb( 3, 3, 3)">gray1</td>
+    <td align="left">rgb(  3,  3,   3)</td>
+    <td align="left">#030303</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey1</td>
+    <td align="center" style="background-color:rgb( 3, 3, 3)">grey1</td>
+    <td align="left">rgb(  3,  3,   3)</td>
+    <td align="left">#030303</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">black</td>
+    <td align="center" style="background-color:rgb( 0, 0, 0)">black</td>
+    <td align="left">rgb(  0,  0,   0)</td>
+    <td align="left">#000000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">gray0</td>
+    <td align="center" style="background-color:rgb( 0, 0, 0)">gray0</td>
+    <td align="left">rgb(  0,  0,   0)</td>
+    <td align="left">#000000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">grey0</td>
+    <td align="center" style="background-color:rgb( 0, 0, 0)">grey0</td>
+    <td align="left">rgb(  0,  0,   0)</td>
+    <td align="left">#000000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">opaque</td>
+    <td align="center" style="background-color:rgb( 0, 0, 0)">opaque</td>
+    <td align="left">rgb(  0,  0,   0)</td>
+    <td align="left">#000000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">none</td>
+    <td align="center" style="background-color:white">none</td>
+    <td align="left">rgba(  0,  0,   0,   0.0)</td>
+    <td align="left">#00000000</td>
+
+  </tr>
+
+  <tr>
+    <td align="right">transparent</td>
+    <td align="center" style="background-color:white">transparent</td>
+    <td align="left">rgba(  0,  0,   0,   0.0)</td>
+    <td align="left">#00000000</td>
+
+  </tr>
+
+  </tbody>
+</table>
+
+</div>
+
+</div>
+
+</body></html>
diff --git a/frontend/imgrid/colors/junk/colorsbest.html b/frontend/imgrid/colors/junk/colorsbest.html
new file mode 100755
index 0000000..047eb6b
--- /dev/null
+++ b/frontend/imgrid/colors/junk/colorsbest.html
@@ -0,0 +1,3606 @@
+<html>
+<head>
+
+<style type='text/css'>
+
+body
+{
+max-width:100%;
+max-height:100%; 
+font-family:helvetica; 
+font-size:10px; 
+}
+
+
+#container div
+{
+display: -moz-inline-stack;
+display:inline-block;
+vertical-align:bottom;
+min-height: 30px;
+zoom: 1;
+*display: inline;
+cursor:pointer;
+}
+
+#container
+{
+margin:0 auto;
+width:600px;
+padding-top:100px;
+text-align:center;
+}
+
+#colornames
+{
+color:white;
+position:fixed;
+font-size:50px;
+top:50px;
+right:60%;
+width:400px;
+}
+
+#hexswitch
+		{
+		position:fixed;
+		top:20px;
+		right:10%;
+		height:100px;
+		width:300px;
+		font-size:20px
+		border-style: groove;
+		border-width: 4px;
+		background-color:goldenrod;
+		text-align:center;
+		}
+#infoswitch
+		{
+		position:fixed;
+		top: 60px;
+		right:50%;
+		font-size:20px;
+		background-color:magenta;
+		text-align:center;
+		z-index:100;
+		}
+
+#namespace
+		{
+		position:fixed;
+		top:500px;
+		right:20px;
+		}
+
+
+
+#d0
+{background-color:#FFFAFA}
+
+#d1
+{background-color:#FFFAFA}
+
+#d2
+{background-color:#EEE9E9}
+
+#d3
+{background-color:#FFC1C1}
+
+#d4
+{background-color:#EEB4B4}
+
+#d5
+{background-color:#CDC9C9}
+
+#d6
+{background-color:#F08080}
+
+#d7
+{background-color:#FF6A6A}
+
+#d8
+{background-color:#CD9B9B}
+
+#d9
+{background-color:#EE6363}
+
+#d10
+{background-color:#BC8F8F}
+
+#d11
+{background-color:#FF4040}
+
+#d12
+{background-color:#FF3030}
+
+#d13
+{background-color:#EE3B3B}
+
+#d14
+{background-color:#CD5C5C}
+
+#d15
+{background-color:#CD5555}
+
+#d16
+{background-color:#EE2C2C}
+
+#d17
+{background-color:#8B8989}
+
+#d18
+{background-color:#CD3333}
+
+#d19
+{background-color:#FF0000}
+
+#d20
+{background-color:#FF0000}
+
+#d21
+{background-color:#8B6969}
+
+#d22
+{background-color:#CD2626}
+
+#d23
+{background-color:#EE0000}
+
+#d24
+{background-color:#B22222}
+
+#d25
+{background-color:#A52A2A}
+
+#d26
+{background-color:#CD0000}
+
+#d27
+{background-color:#8B3A3A}
+
+#d28
+{background-color:#8B2323}
+
+#d29
+{background-color:#8B1A1A}
+
+#d30
+{background-color:#8B0000}
+
+#d31
+{background-color:#8B0000}
+
+#d32
+{background-color:#800000}
+
+#d33
+{background-color:#FFAEB9}
+
+#d34
+{background-color:#CD8C95}
+
+#d35
+{background-color:#8B5F65}
+
+#d36
+{background-color:#EEA2AD}
+
+#d37
+{background-color:#FFB6C1}
+
+#d38
+{background-color:#FFC0CB}
+
+#d39
+{background-color:#DC143C}
+
+#d40
+{background-color:#FFB5C5}
+
+#d41
+{background-color:#EEA9B8}
+
+#d42
+{background-color:#CD919E}
+
+#d43
+{background-color:#8B636C}
+
+#d44
+{background-color:#8B475D}
+
+#d45
+{background-color:#DB7093}
+
+#d46
+{background-color:#EE799F}
+
+#d47
+{background-color:#FF82AB}
+
+#d48
+{background-color:#CD6889}
+
+#d49
+{background-color:#FFF0F5}
+
+#d50
+{background-color:#FFF0F5}
+
+#d51
+{background-color:#CDC1C5}
+
+#d52
+{background-color:#EEE0E5}
+
+#d53
+{background-color:#8B8386}
+
+#d54
+{background-color:#B03060}
+
+#d55
+{background-color:#CD6090}
+
+#d56
+{background-color:#CD3278}
+
+#d57
+{background-color:#FF3E96}
+
+#d58
+{background-color:#EE3A8C}
+
+#d59
+{background-color:#8B2252}
+
+#d60
+{background-color:#EE6AA7}
+
+#d61
+{background-color:#FF6EB4}
+
+#d62
+{background-color:#8B3A62}
+
+#d63
+{background-color:#FF69B4}
+
+#d64
+{background-color:#FF1493}
+
+#d65
+{background-color:#FF1493}
+
+#d66
+{background-color:#EE1289}
+
+#d67
+{background-color:#CD1076}
+
+#d68
+{background-color:#8B0A50}
+
+#d69
+{background-color:#FF34B3}
+
+#d70
+{background-color:#EE30A7}
+
+#d71
+{background-color:#CD2990}
+
+#d72
+{background-color:#8B1C62}
+
+#d73
+{background-color:#C71585}
+
+#d74
+{background-color:#D02090}
+
+#d75
+{background-color:#EE7AE9}
+
+#d76
+{background-color:#DA70D6}
+
+#d77
+{background-color:#FF83FA}
+
+#d78
+{background-color:#CD69C9}
+
+#d79
+{background-color:#8B4789}
+
+#d80
+{background-color:#FFE1FF}
+
+#d81
+{background-color:#EED2EE}
+
+#d82
+{background-color:#FFBBFF}
+
+#d83
+{background-color:#EEAEEE}
+
+#d84
+{background-color:#D8BFD8}
+
+#d85
+{background-color:#CDB5CD}
+
+#d86
+{background-color:#DDA0DD}
+
+#d87
+{background-color:#EE82EE}
+
+#d88
+{background-color:#CD96CD}
+
+#d89
+{background-color:#8B7B8B}
+
+#d90
+{background-color:#FF00FF}
+
+#d91
+{background-color:#FF00FF}
+
+#d92
+{background-color:#FF00FF}
+
+#d93
+{background-color:#8B668B}
+
+#d94
+{background-color:#EE00EE}
+
+#d95
+{background-color:#CD00CD}
+
+#d96
+{background-color:#8B008B}
+
+#d97
+{background-color:#8B008B}
+
+#d98
+{background-color:#800080}
+
+#d99
+{background-color:#BA55D3}
+
+#d100
+{background-color:#E066FF}
+
+#d101
+{background-color:#D15FEE}
+
+#d102
+{background-color:#B452CD}
+
+#d103
+{background-color:#7A378B}
+
+#d104
+{background-color:#9400D3}
+
+#d105
+{background-color:#9932CC}
+
+#d106
+{background-color:#BF3EFF}
+
+#d107
+{background-color:#9A32CD}
+
+#d108
+{background-color:#B23AEE}
+
+#d109
+{background-color:#68228B}
+
+#d110
+{background-color:#A020F0}
+
+#d111
+{background-color:#4B0082}
+
+#d112
+{background-color:#8A2BE2}
+
+#d113
+{background-color:#912CEE}
+
+#d114
+{background-color:#7D26CD}
+
+#d115
+{background-color:#551A8B}
+
+#d116
+{background-color:#9B30FF}
+
+#d117
+{background-color:#9370DB}
+
+#d118
+{background-color:#AB82FF}
+
+#d119
+{background-color:#9F79EE}
+
+#d120
+{background-color:#8968CD}
+
+#d121
+{background-color:#5D478B}
+
+#d122
+{background-color:#483D8B}
+
+#d123
+{background-color:#8470FF}
+
+#d124
+{background-color:#7B68EE}
+
+#d125
+{background-color:#6A5ACD}
+
+#d126
+{background-color:#836FFF}
+
+#d127
+{background-color:#7A67EE}
+
+#d128
+{background-color:#6959CD}
+
+#d129
+{background-color:#473C8B}
+
+#d130
+{background-color:#F8F8FF}
+
+#d131
+{background-color:#E6E6FA}
+
+#d132
+{background-color:#0000FF}
+
+#d133
+{background-color:#0000FF}
+
+#d134
+{background-color:#0000EE}
+
+#d135
+{background-color:#0000CD}
+
+#d136
+{background-color:#0000CD}
+
+#d137
+{background-color:#00008B}
+
+#d138
+{background-color:#00008B}
+
+#d139
+{background-color:#191970}
+
+#d140
+{background-color:#000080}
+
+#d141
+{background-color:#000080}
+
+#d142
+{background-color:#4169E1}
+
+#d143
+{background-color:#4876FF}
+
+#d144
+{background-color:#436EEE}
+
+#d145
+{background-color:#3A5FCD}
+
+#d146
+{background-color:#27408B}
+
+#d147
+{background-color:#6495ED}
+
+#d148
+{background-color:#B0C4DE}
+
+#d149
+{background-color:#CAE1FF}
+
+#d150
+{background-color:#BCD2EE}
+
+#d151
+{background-color:#A2B5CD}
+
+#d152
+{background-color:#6E7B8B}
+
+#d153
+{background-color:#6C7B8B}
+
+#d154
+{background-color:#C6E2FF}
+
+#d155
+{background-color:#B9D3EE}
+
+#d156
+{background-color:#9FB6CD}
+
+#d157
+{background-color:#778899}
+
+#d158
+{background-color:#778899}
+
+#d159
+{background-color:#708090}
+
+#d160
+{background-color:#708090}
+
+#d161
+{background-color:#1E90FF}
+
+#d162
+{background-color:#1E90FF}
+
+#d163
+{background-color:#1C86EE}
+
+#d164
+{background-color:#104E8B}
+
+#d165
+{background-color:#1874CD}
+
+#d166
+{background-color:#F0F8FF}
+
+#d167
+{background-color:#36648B}
+
+#d168
+{background-color:#4682B4}
+
+#d169
+{background-color:#63B8FF}
+
+#d170
+{background-color:#5CACEE}
+
+#d171
+{background-color:#4F94CD}
+
+#d172
+{background-color:#4A708B}
+
+#d173
+{background-color:#87CEFF}
+
+#d174
+{background-color:#7EC0EE}
+
+#d175
+{background-color:#6CA6CD}
+
+#d176
+{background-color:#87CEFA}
+
+#d177
+{background-color:#607B8B}
+
+#d178
+{background-color:#B0E2FF}
+
+#d179
+{background-color:#A4D3EE}
+
+#d180
+{background-color:#8DB6CD}
+
+#d181
+{background-color:#87CEEB}
+
+#d182
+{background-color:#9AC0CD}
+
+#d183
+{background-color:#00BFFF}
+
+#d184
+{background-color:#00BFFF}
+
+#d185
+{background-color:#00B2EE}
+
+#d186
+{background-color:#00688B}
+
+#d187
+{background-color:#009ACD}
+
+#d188
+{background-color:#BFEFFF}
+
+#d189
+{background-color:#B2DFEE}
+
+#d190
+{background-color:#ADD8E6}
+
+#d191
+{background-color:#68838B}
+
+#d192
+{background-color:#B0E0E6}
+
+#d193
+{background-color:#98F5FF}
+
+#d194
+{background-color:#8EE5EE}
+
+#d195
+{background-color:#7AC5CD}
+
+#d196
+{background-color:#53868B}
+
+#d197
+{background-color:#00F5FF}
+
+#d198
+{background-color:#00E5EE}
+
+#d199
+{background-color:#00C5CD}
+
+#d200
+{background-color:#00868B}
+
+#d201
+{background-color:#5F9EA0}
+
+#d202
+{background-color:#5F9EA0}
+
+#d203
+{background-color:#00CED1}
+
+#d204
+{background-color:#F0FFFF}
+
+#d205
+{background-color:#F0FFFF}
+
+#d206
+{background-color:#E0FFFF}
+
+#d207
+{background-color:#E0FFFF}
+
+#d208
+{background-color:#E0EEEE}
+
+#d209
+{background-color:#D1EEEE}
+
+#d210
+{background-color:#BBFFFF}
+
+#d211
+{background-color:#AFEEEE}
+
+#d212
+{background-color:#AEEEEE}
+
+#d213
+{background-color:#97FFFF}
+
+#d214
+{background-color:#C1CDCD}
+
+#d215
+{background-color:#B4CDCD}
+
+#d216
+{background-color:#8DEEEE}
+
+#d217
+{background-color:#96CDCD}
+
+#d218
+{background-color:#79CDCD}
+
+#d219
+{background-color:#838B8B}
+
+#d220
+{background-color:#7A8B8B}
+
+#d221
+{background-color:#00FFFF}
+
+#d222
+{background-color:#00FFFF}
+
+#d223
+{background-color:#00FFFF}
+
+#d224
+{background-color:#668B8B}
+
+#d225
+{background-color:#00EEEE}
+
+#d226
+{background-color:#528B8B}
+
+#d227
+{background-color:#00CDCD}
+
+#d228
+{background-color:#008B8B}
+
+#d229
+{background-color:#008B8B}
+
+#d230
+{background-color:#008080}
+
+#d231
+{background-color:#2F4F4F}
+
+#d232
+{background-color:#2F4F4F}
+
+#d233
+{background-color:#48D1CC}
+
+#d234
+{background-color:#20B2AA}
+
+#d235
+{background-color:#40E0D0}
+
+#d236
+{background-color:#458B74}
+
+#d237
+{background-color:#7FFFD4}
+
+#d238
+{background-color:#7FFFD4}
+
+#d239
+{background-color:#76EEC6}
+
+#d240
+{background-color:#66CDAA}
+
+#d241
+{background-color:#66CDAA}
+
+#d242
+{background-color:#00FA9A}
+
+#d243
+{background-color:#F5FFFA}
+
+#d244
+{background-color:#00FF7F}
+
+#d245
+{background-color:#00FF7F}
+
+#d246
+{background-color:#00EE76}
+
+#d247
+{background-color:#00CD66}
+
+#d248
+{background-color:#008B45}
+
+#d249
+{background-color:#3CB371}
+
+#d250
+{background-color:#2E8B57}
+
+#d251
+{background-color:#43CD80}
+
+#d252
+{background-color:#54FF9F}
+
+#d253
+{background-color:#2E8B57}
+
+#d254
+{background-color:#4EEE94}
+
+#d255
+{background-color:#32814B}
+
+#d256
+{background-color:#F0FFF0}
+
+#d257
+{background-color:#F0FFF0}
+
+#d258
+{background-color:#E0EEE0}
+
+#d259
+{background-color:#C1FFC1}
+
+#d260
+{background-color:#B4EEB4}
+
+#d261
+{background-color:#9AFF9A}
+
+#d262
+{background-color:#98FB98}
+
+#d263
+{background-color:#C1CDC1}
+
+#d264
+{background-color:#90EE90}
+
+#d265
+{background-color:#90EE90}
+
+#d266
+{background-color:#9BCD9B}
+
+#d267
+{background-color:#8FBC8F}
+
+#d268
+{background-color:#7CCD7C}
+
+#d269
+{background-color:#838B83}
+
+#d270
+{background-color:#00FF00}
+
+#d271
+{background-color:#00FF00}
+
+#d272
+{background-color:#32CD32}
+
+#d273
+{background-color:#698B69}
+
+#d274
+{background-color:#00EE00}
+
+#d275
+{background-color:#548B54}
+
+#d276
+{background-color:#00CD00}
+
+#d277
+{background-color:#228B22}
+
+#d278
+{background-color:#008B00}
+
+#d279
+{background-color:#008000}
+
+#d280
+{background-color:#006400}
+
+#d281
+{background-color:#7CFC00}
+
+#d282
+{background-color:#7FFF00}
+
+#d283
+{background-color:#7FFF00}
+
+#d284
+{background-color:#76EE00}
+
+#d285
+{background-color:#66CD00}
+
+#d286
+{background-color:#458B00}
+
+#d287
+{background-color:#ADFF2F}
+
+#d288
+{background-color:#A2CD5A}
+
+#d289
+{background-color:#CAFF70}
+
+#d290
+{background-color:#BCEE68}
+
+#d291
+{background-color:#6E8B3D}
+
+#d292
+{background-color:#556B2F}
+
+#d293
+{background-color:#6B8E23}
+
+#d294
+{background-color:#C0FF3E}
+
+#d295
+{background-color:#B3EE3A}
+
+#d296
+{background-color:#9ACD32}
+
+#d297
+{background-color:#9ACD32}
+
+#d298
+{background-color:#698B22}
+
+#d299
+{background-color:#FFFFF0}
+
+#d300
+{background-color:#FFFFF0}
+
+#d301
+{background-color:#FFFFE0}
+
+#d302
+{background-color:#FFFFE0}
+
+#d303
+{background-color:#F5F5DC}
+
+#d304
+{background-color:#EEEEE0}
+
+#d305
+{background-color:#FAFAD2}
+
+#d306
+{background-color:#EEEED1}
+
+#d307
+{background-color:#CDCDC1}
+
+#d308
+{background-color:#CDCDB4}
+
+#d309
+{background-color:#8B8B83}
+
+#d310
+{background-color:#8B8B7A}
+
+#d311
+{background-color:#FFFF00}
+
+#d312
+{background-color:#FFFF00}
+
+#d313
+{background-color:#EEEE00}
+
+#d314
+{background-color:#CDCD00}
+
+#d315
+{background-color:#8B8B00}
+
+#d316
+{background-color:#808000}
+
+#d317
+{background-color:#BDB76B}
+
+#d318
+{background-color:#EEE685}
+
+#d319
+{background-color:#8B8970}
+
+#d320
+{background-color:#FFF68F}
+
+#d321
+{background-color:#CDC673}
+
+#d322
+{background-color:#8B864E}
+
+#d323
+{background-color:#EEE8AA}
+
+#d324
+{background-color:#FFFACD}
+
+#d325
+{background-color:#FFFACD}
+
+#d326
+{background-color:#F0E68C}
+
+#d327
+{background-color:#CDC9A5}
+
+#d328
+{background-color:#EEE9BF}
+
+#d329
+{background-color:#D1C166}
+
+#d330
+{background-color:#8B8878}
+
+#d331
+{background-color:#FFD700}
+
+#d332
+{background-color:#FFD700}
+
+#d333
+{background-color:#EEC900}
+
+#d334
+{background-color:#CDAD00}
+
+#d335
+{background-color:#8B7500}
+
+#d336
+{background-color:#EEDD82}
+
+#d337
+{background-color:#8B814C}
+
+#d338
+{background-color:#FFEC8B}
+
+#d339
+{background-color:#CDBE70}
+
+#d340
+{background-color:#EEDC82}
+
+#d341
+{background-color:#CDC8B1}
+
+#d342
+{background-color:#EEE8CD}
+
+#d343
+{background-color:#FFF8DC}
+
+#d344
+{background-color:#FFF8DC}
+
+#d345
+{background-color:#DAA520}
+
+#d346
+{background-color:#FFC125}
+
+#d347
+{background-color:#EEB422}
+
+#d348
+{background-color:#CD9B1D}
+
+#d349
+{background-color:#8B6914}
+
+#d350
+{background-color:#B8860B}
+
+#d351
+{background-color:#FFB90F}
+
+#d352
+{background-color:#EEAD0E}
+
+#d353
+{background-color:#CD950C}
+
+#d354
+{background-color:#8B6508}
+
+#d355
+{background-color:#FFFAF0}
+
+#d356
+{background-color:#EED8AE}
+
+#d357
+{background-color:#FDF5E6}
+
+#d358
+{background-color:#F5DEB3}
+
+#d359
+{background-color:#FFE7BA}
+
+#d360
+{background-color:#CDBA96}
+
+#d361
+{background-color:#FFA500}
+
+#d362
+{background-color:#FFA500}
+
+#d363
+{background-color:#EE9A00}
+
+#d364
+{background-color:#CD8500}
+
+#d365
+{background-color:#8B5A00}
+
+#d366
+{background-color:#8B7E66}
+
+#d367
+{background-color:#FFE4B5}
+
+#d368
+{background-color:#FFEFD5}
+
+#d369
+{background-color:#CDB38B}
+
+#d370
+{background-color:#FFEBCD}
+
+#d371
+{background-color:#FFDEAD}
+
+#d372
+{background-color:#FFDEAD}
+
+#d373
+{background-color:#EECFA1}
+
+#d374
+{background-color:#8B795E}
+
+#d375
+{background-color:#8B8378}
+
+#d376
+{background-color:#FAEBD7}
+
+#d377
+{background-color:#D2B48C}
+
+#d378
+{background-color:#8B7D6B}
+
+#d379
+{background-color:#DEB887}
+
+#d380
+{background-color:#EEDFCC}
+
+#d381
+{background-color:#FFD39B}
+
+#d382
+{background-color:#CDAA7D}
+
+#d383
+{background-color:#EEC591}
+
+#d384
+{background-color:#FFEFDB}
+
+#d385
+{background-color:#8B7355}
+
+#d386
+{background-color:#CDC0B0}
+
+#d387
+{background-color:#FF8C00}
+
+#d388
+{background-color:#EED5B7}
+
+#d389
+{background-color:#FFE4C4}
+
+#d390
+{background-color:#FFE4C4}
+
+#d391
+{background-color:#CDB79E}
+
+#d392
+{background-color:#FF7F00}
+
+#d393
+{background-color:#FAF0E6}
+
+#d394
+{background-color:#EE7600}
+
+#d395
+{background-color:#CD6600}
+
+#d396
+{background-color:#8B4500}
+
+#d397
+{background-color:#CD853F}
+
+#d398
+{background-color:#FFA54F}
+
+#d399
+{background-color:#EE9A49}
+
+#d400
+{background-color:#CD853F}
+
+#d401
+{background-color:#8B5A2B}
+
+#d402
+{background-color:#FFDAB9}
+
+#d403
+{background-color:#FFDAB9}
+
+#d404
+{background-color:#8B7765}
+
+#d405
+{background-color:#EECBAD}
+
+#d406
+{background-color:#CDAF95}
+
+#d407
+{background-color:#F4A460}
+
+#d408
+{background-color:#8B8682}
+
+#d409
+{background-color:#EEE5DE}
+
+#d410
+{background-color:#CDC5BF}
+
+#d411
+{background-color:#D2691E}
+
+#d412
+{background-color:#FF7F24}
+
+#d413
+{background-color:#EE7621}
+
+#d414
+{background-color:#CD661D}
+
+#d415
+{background-color:#8B4513}
+
+#d416
+{background-color:#8B4513}
+
+#d417
+{background-color:#FFF5EE}
+
+#d418
+{background-color:#FFF5EE}
+
+#d419
+{background-color:#8B4726}
+
+#d420
+{background-color:#A0522D}
+
+#d421
+{background-color:#FF8247}
+
+#d422
+{background-color:#EE7942}
+
+#d423
+{background-color:#CD6839}
+
+#d424
+{background-color:#CD8162}
+
+#d425
+{background-color:#FFA07A}
+
+#d426
+{background-color:#FFA07A}
+
+#d427
+{background-color:#8B5742}
+
+#d428
+{background-color:#EE9572}
+
+#d429
+{background-color:#FF7F50}
+
+#d430
+{background-color:#FF4500}
+
+#d431
+{background-color:#FF4500}
+
+#d432
+{background-color:#EE4000}
+
+#d433
+{background-color:#CD3700}
+
+#d434
+{background-color:#8B2500}
+
+#d435
+{background-color:#E9967A}
+
+#d436
+{background-color:#FF8C69}
+
+#d437
+{background-color:#EE8262}
+
+#d438
+{background-color:#CD7054}
+
+#d439
+{background-color:#8B4C39}
+
+#d440
+{background-color:#FF7256}
+
+#d441
+{background-color:#EE6A50}
+
+#d442
+{background-color:#CD5B45}
+
+#d443
+{background-color:#8B3E2F}
+
+#d444
+{background-color:#8B3626}
+
+#d445
+{background-color:#FF6347}
+
+#d446
+{background-color:#FF6347}
+
+#d447
+{background-color:#EE5C42}
+
+#d448
+{background-color:#CD4F39}
+
+#d449
+{background-color:#8B7D7B}
+
+#d450
+{background-color:#EED5D2}
+
+#d451
+{background-color:#FFE4E1}
+
+#d452
+{background-color:#FFE4E1}
+
+#d453
+{background-color:#FA8072}
+
+#d454
+{background-color:#CDB7B5}
+
+#d455
+{background-color:#FFFFFF}
+
+#d456
+{background-color:#FFFFFF}
+
+#d457
+{background-color:#FFFFFF}
+
+#d458
+{background-color:#FFFFFF}
+
+#d459
+{background-color:#FCFCFC}
+
+#d460
+{background-color:#FCFCFC}
+
+#d461
+{background-color:#FAFAFA}
+
+#d462
+{background-color:#FAFAFA}
+
+#d463
+{background-color:#F7F7F7}
+
+#d464
+{background-color:#F7F7F7}
+
+#d465
+{background-color:#F5F5F5}
+
+#d466
+{background-color:#F5F5F5}
+
+#d467
+{background-color:#F5F5F5}
+
+#d468
+{background-color:#F2F2F2}
+
+#d469
+{background-color:#F2F2F2}
+
+#d470
+{background-color:#F0F0F0}
+
+#d471
+{background-color:#F0F0F0}
+
+#d472
+{background-color:#EDEDED}
+
+#d473
+{background-color:#EDEDED}
+
+#d474
+{background-color:#EBEBEB}
+
+#d475
+{background-color:#EBEBEB}
+
+#d476
+{background-color:#E8E8E8}
+
+#d477
+{background-color:#E8E8E8}
+
+#d478
+{background-color:#E5E5E5}
+
+#d479
+{background-color:#E5E5E5}
+
+#d480
+{background-color:#E3E3E3}
+
+#d481
+{background-color:#E3E3E3}
+
+#d482
+{background-color:#E0E0E0}
+
+#d483
+{background-color:#E0E0E0}
+
+#d484
+{background-color:#DEDEDE}
+
+#d485
+{background-color:#DEDEDE}
+
+#d486
+{background-color:#DCDCDC}
+
+#d487
+{background-color:#DBDBDB}
+
+#d488
+{background-color:#DBDBDB}
+
+#d489
+{background-color:#D9D9D9}
+
+#d490
+{background-color:#D9D9D9}
+
+#d491
+{background-color:#D6D6D6}
+
+#d492
+{background-color:#D6D6D6}
+
+#d493
+{background-color:#D4D4D4}
+
+#d494
+{background-color:#D4D4D4}
+
+#d495
+{background-color:#D3D3D3}
+
+#d496
+{background-color:#D3D3D3}
+
+#d497
+{background-color:#D1D1D1}
+
+#d498
+{background-color:#D1D1D1}
+
+#d499
+{background-color:#CFCFCF}
+
+#d500
+{background-color:#CFCFCF}
+
+#d501
+{background-color:#CCCCCC}
+
+#d502
+{background-color:#CCCCCC}
+
+#d503
+{background-color:#C9C9C9}
+
+#d504
+{background-color:#C9C9C9}
+
+#d505
+{background-color:#C7C7C7}
+
+#d506
+{background-color:#C7C7C7}
+
+#d507
+{background-color:#C4C4C4}
+
+#d508
+{background-color:#C4C4C4}
+
+#d509
+{background-color:#C2C2C2}
+
+#d510
+{background-color:#C2C2C2}
+
+#d511
+{background-color:#C0C0C0}
+
+#d512
+{background-color:#BFBFBF}
+
+#d513
+{background-color:#BFBFBF}
+
+#d514
+{background-color:#BDBDBD}
+
+#d515
+{background-color:#BDBDBD}
+
+#d516
+{background-color:#BABABA}
+
+#d517
+{background-color:#BABABA}
+
+#d518
+{background-color:#B8B8B8}
+
+#d519
+{background-color:#B8B8B8}
+
+#d520
+{background-color:#B5B5B5}
+
+#d521
+{background-color:#B5B5B5}
+
+#d522
+{background-color:#B3B3B3}
+
+#d523
+{background-color:#B3B3B3}
+
+#d524
+{background-color:#B0B0B0}
+
+#d525
+{background-color:#B0B0B0}
+
+#d526
+{background-color:#ADADAD}
+
+#d527
+{background-color:#ADADAD}
+
+#d528
+{background-color:#ABABAB}
+
+#d529
+{background-color:#ABABAB}
+
+#d530
+{background-color:#A9A9A9}
+
+#d531
+{background-color:#A9A9A9}
+
+#d532
+{background-color:#A8A8A8}
+
+#d533
+{background-color:#A8A8A8}
+
+#d534
+{background-color:#A6A6A6}
+
+#d535
+{background-color:#A6A6A6}
+
+#d536
+{background-color:#A3A3A3}
+
+#d537
+{background-color:#A3A3A3}
+
+#d538
+{background-color:#A1A1A1}
+
+#d539
+{background-color:#A1A1A1}
+
+#d540
+{background-color:#9E9E9E}
+
+#d541
+{background-color:#9E9E9E}
+
+#d542
+{background-color:#9C9C9C}
+
+#d543
+{background-color:#9C9C9C}
+
+#d544
+{background-color:#999999}
+
+#d545
+{background-color:#999999}
+
+#d546
+{background-color:#969696}
+
+#d547
+{background-color:#969696}
+
+#d548
+{background-color:#949494}
+
+#d549
+{background-color:#949494}
+
+#d550
+{background-color:#919191}
+
+#d551
+{background-color:#919191}
+
+#d552
+{background-color:#8F8F8F}
+
+#d553
+{background-color:#8F8F8F}
+
+#d554
+{background-color:#8C8C8C}
+
+#d555
+{background-color:#8C8C8C}
+
+#d556
+{background-color:#8A8A8A}
+
+#d557
+{background-color:#8A8A8A}
+
+#d558
+{background-color:#878787}
+
+#d559
+{background-color:#878787}
+
+#d560
+{background-color:#858585}
+
+#d561
+{background-color:#858585}
+
+#d562
+{background-color:#828282}
+
+#d563
+{background-color:#828282}
+
+#d564
+{background-color:#808080}
+
+#d565
+{background-color:#7F7F7F}
+
+#d566
+{background-color:#7F7F7F}
+
+#d567
+{background-color:#7E7E7E}
+
+#d568
+{background-color:#7D7D7D}
+
+#d569
+{background-color:#7D7D7D}
+
+#d570
+{background-color:#7A7A7A}
+
+#d571
+{background-color:#7A7A7A}
+
+#d572
+{background-color:#787878}
+
+#d573
+{background-color:#787878}
+
+#d574
+{background-color:#757575}
+
+#d575
+{background-color:#757575}
+
+#d576
+{background-color:#737373}
+
+#d577
+{background-color:#737373}
+
+#d578
+{background-color:#707070}
+
+#d579
+{background-color:#707070}
+
+#d580
+{background-color:#6E6E6E}
+
+#d581
+{background-color:#6E6E6E}
+
+#d582
+{background-color:#6B6B6B}
+
+#d583
+{background-color:#6B6B6B}
+
+#d584
+{background-color:#696969}
+
+#d585
+{background-color:#696969}
+
+#d586
+{background-color:#696969}
+
+#d587
+{background-color:#696969}
+
+#d588
+{background-color:#666666}
+
+#d589
+{background-color:#666666}
+
+#d590
+{background-color:#636363}
+
+#d591
+{background-color:#636363}
+
+#d592
+{background-color:#616161}
+
+#d593
+{background-color:#616161}
+
+#d594
+{background-color:#5E5E5E}
+
+#d595
+{background-color:#5E5E5E}
+
+#d596
+{background-color:#5C5C5C}
+
+#d597
+{background-color:#5C5C5C}
+
+#d598
+{background-color:#595959}
+
+#d599
+{background-color:#595959}
+
+#d600
+{background-color:#575757}
+
+#d601
+{background-color:#575757}
+
+#d602
+{background-color:#545454}
+
+#d603
+{background-color:#545454}
+
+#d604
+{background-color:#525252}
+
+#d605
+{background-color:#525252}
+
+#d606
+{background-color:#4F4F4F}
+
+#d607
+{background-color:#4F4F4F}
+
+#d608
+{background-color:#4D4D4D}
+
+#d609
+{background-color:#4D4D4D}
+
+#d610
+{background-color:#4A4A4A}
+
+#d611
+{background-color:#4A4A4A}
+
+#d612
+{background-color:#474747}
+
+#d613
+{background-color:#474747}
+
+#d614
+{background-color:#454545}
+
+#d615
+{background-color:#454545}
+
+#d616
+{background-color:#424242}
+
+#d617
+{background-color:#424242}
+
+#d618
+{background-color:#404040}
+
+#d619
+{background-color:#404040}
+
+#d620
+{background-color:#3D3D3D}
+
+#d621
+{background-color:#3D3D3D}
+
+#d622
+{background-color:#3B3B3B}
+
+#d623
+{background-color:#3B3B3B}
+
+#d624
+{background-color:#383838}
+
+#d625
+{background-color:#383838}
+
+#d626
+{background-color:#363636}
+
+#d627
+{background-color:#363636}
+
+#d628
+{background-color:#333333}
+
+#d629
+{background-color:#333333}
+
+#d630
+{background-color:#303030}
+
+#d631
+{background-color:#303030}
+
+#d632
+{background-color:#2E2E2E}
+
+#d633
+{background-color:#2E2E2E}
+
+#d634
+{background-color:#2B2B2B}
+
+#d635
+{background-color:#2B2B2B}
+
+#d636
+{background-color:#292929}
+
+#d637
+{background-color:#292929}
+
+#d638
+{background-color:#262626}
+
+#d639
+{background-color:#262626}
+
+#d640
+{background-color:#242424}
+
+#d641
+{background-color:#242424}
+
+#d642
+{background-color:#212121}
+
+#d643
+{background-color:#212121}
+
+#d644
+{background-color:#1F1F1F}
+
+#d645
+{background-color:#1F1F1F}
+
+#d646
+{background-color:#1C1C1C}
+
+#d647
+{background-color:#1C1C1C}
+
+#d648
+{background-color:#1A1A1A}
+
+#d649
+{background-color:#1A1A1A}
+
+#d650
+{background-color:#171717}
+
+#d651
+{background-color:#171717}
+
+#d652
+{background-color:#141414}
+
+#d653
+{background-color:#141414}
+
+#d654
+{background-color:#121212}
+
+#d655
+{background-color:#121212}
+
+#d656
+{background-color:#0F0F0F}
+
+#d657
+{background-color:#0F0F0F}
+
+#d658
+{background-color:#0D0D0D}
+
+#d659
+{background-color:#0D0D0D}
+
+#d660
+{background-color:#0A0A0A}
+
+#d661
+{background-color:#0A0A0A}
+
+#d662
+{background-color:#080808}
+
+#d663
+{background-color:#080808}
+
+#d664
+{background-color:#050505}
+
+#d665
+{background-color:#050505}
+
+#d666
+{background-color:#030303}
+
+#d667
+{background-color:#030303}
+
+#d668
+{background-color:#000000}
+
+#d669
+{background-color:#000000}
+
+#d670
+{background-color:#000000}
+
+#d671
+{background-color:#000000}
+
+#d672
+{background-color:#000000}
+
+#d673
+{background-color:#000000}
+.colors
+{
+height:30px;
+width:10px;
+}
+</style></head><body>
+<div id='container'>
+<div id='d0' class='colors'>
+snow</div>
+<div id='d1' class='colors'>
+snow1</div>
+<div id='d2' class='colors'>
+snow2</div>
+<div id='d3' class='colors'>
+RosyBrown1</div>
+<div id='d4' class='colors'>
+RosyBrown2</div>
+<div id='d5' class='colors'>
+snow3</div>
+<div id='d6' class='colors'>
+LightCoral</div>
+<div id='d7' class='colors'>
+IndianRed1</div>
+<div id='d8' class='colors'>
+RosyBrown3</div>
+<div id='d9' class='colors'>
+IndianRed2</div>
+<div id='d10' class='colors'>
+RosyBrown</div>
+<div id='d11' class='colors'>
+brown1</div>
+<div id='d12' class='colors'>
+firebrick1</div>
+<div id='d13' class='colors'>
+brown2</div>
+<div id='d14' class='colors'>
+IndianRed</div>
+<div id='d15' class='colors'>
+IndianRed3</div>
+<div id='d16' class='colors'>
+firebrick2</div>
+<div id='d17' class='colors'>
+snow4</div>
+<div id='d18' class='colors'>
+brown3</div>
+<div id='d19' class='colors'>
+red</div>
+<div id='d20' class='colors'>
+red1</div>
+<div id='d21' class='colors'>
+RosyBrown4</div>
+<div id='d22' class='colors'>
+firebrick3</div>
+<div id='d23' class='colors'>
+red2</div>
+<div id='d24' class='colors'>
+firebrick</div>
+<div id='d25' class='colors'>
+brown</div>
+<div id='d26' class='colors'>
+red3</div>
+<div id='d27' class='colors'>
+IndianRed4</div>
+<div id='d28' class='colors'>
+brown4</div>
+<div id='d29' class='colors'>
+firebrick4</div>
+<div id='d30' class='colors'>
+DarkRed</div>
+<div id='d31' class='colors'>
+red4</div>
+<div id='d32' class='colors'>
+maroon</div>
+<div id='d33' class='colors'>
+LightPink1</div>
+<div id='d34' class='colors'>
+LightPink3</div>
+<div id='d35' class='colors'>
+LightPink4</div>
+<div id='d36' class='colors'>
+LightPink2</div>
+<div id='d37' class='colors'>
+LightPink</div>
+<div id='d38' class='colors'>
+pink</div>
+<div id='d39' class='colors'>
+crimson</div>
+<div id='d40' class='colors'>
+pink1</div>
+<div id='d41' class='colors'>
+pink2</div>
+<div id='d42' class='colors'>
+pink3</div>
+<div id='d43' class='colors'>
+pink4</div>
+<div id='d44' class='colors'>
+PaleVioletRed4</div>
+<div id='d45' class='colors'>
+PaleVioletRed</div>
+<div id='d46' class='colors'>
+PaleVioletRed2</div>
+<div id='d47' class='colors'>
+PaleVioletRed1</div>
+<div id='d48' class='colors'>
+PaleVioletRed3</div>
+<div id='d49' class='colors'>
+LavenderBlush</div>
+<div id='d50' class='colors'>
+LavenderBlush1</div>
+<div id='d51' class='colors'>
+LavenderBlush3</div>
+<div id='d52' class='colors'>
+LavenderBlush2</div>
+<div id='d53' class='colors'>
+LavenderBlush4</div>
+<div id='d54' class='colors'>
+maroon</div>
+<div id='d55' class='colors'>
+HotPink3</div>
+<div id='d56' class='colors'>
+VioletRed3</div>
+<div id='d57' class='colors'>
+VioletRed1</div>
+<div id='d58' class='colors'>
+VioletRed2</div>
+<div id='d59' class='colors'>
+VioletRed4</div>
+<div id='d60' class='colors'>
+HotPink2</div>
+<div id='d61' class='colors'>
+HotPink1</div>
+<div id='d62' class='colors'>
+HotPink4</div>
+<div id='d63' class='colors'>
+HotPink</div>
+<div id='d64' class='colors'>
+DeepPink</div>
+<div id='d65' class='colors'>
+DeepPink1</div>
+<div id='d66' class='colors'>
+DeepPink2</div>
+<div id='d67' class='colors'>
+DeepPink3</div>
+<div id='d68' class='colors'>
+DeepPink4</div>
+<div id='d69' class='colors'>
+maroon1</div>
+<div id='d70' class='colors'>
+maroon2</div>
+<div id='d71' class='colors'>
+maroon3</div>
+<div id='d72' class='colors'>
+maroon4</div>
+<div id='d73' class='colors'>
+MediumVioletRed</div>
+<div id='d74' class='colors'>
+VioletRed</div>
+<div id='d75' class='colors'>
+orchid2</div>
+<div id='d76' class='colors'>
+orchid</div>
+<div id='d77' class='colors'>
+orchid1</div>
+<div id='d78' class='colors'>
+orchid3</div>
+<div id='d79' class='colors'>
+orchid4</div>
+<div id='d80' class='colors'>
+thistle1</div>
+<div id='d81' class='colors'>
+thistle2</div>
+<div id='d82' class='colors'>
+plum1</div>
+<div id='d83' class='colors'>
+plum2</div>
+<div id='d84' class='colors'>
+thistle</div>
+<div id='d85' class='colors'>
+thistle3</div>
+<div id='d86' class='colors'>
+plum</div>
+<div id='d87' class='colors'>
+violet</div>
+<div id='d88' class='colors'>
+plum3</div>
+<div id='d89' class='colors'>
+thistle4</div>
+<div id='d90' class='colors'>
+fuchsia</div>
+<div id='d91' class='colors'>
+magenta</div>
+<div id='d92' class='colors'>
+magenta1</div>
+<div id='d93' class='colors'>
+plum4</div>
+<div id='d94' class='colors'>
+magenta2</div>
+<div id='d95' class='colors'>
+magenta3</div>
+<div id='d96' class='colors'>
+DarkMagenta</div>
+<div id='d97' class='colors'>
+magenta4</div>
+<div id='d98' class='colors'>
+purple</div>
+<div id='d99' class='colors'>
+MediumOrchid</div>
+<div id='d100' class='colors'>
+MediumOrchid1</div>
+<div id='d101' class='colors'>
+MediumOrchid2</div>
+<div id='d102' class='colors'>
+MediumOrchid3</div>
+<div id='d103' class='colors'>
+MediumOrchid4</div>
+<div id='d104' class='colors'>
+DarkViolet</div>
+<div id='d105' class='colors'>
+DarkOrchid</div>
+<div id='d106' class='colors'>
+DarkOrchid1</div>
+<div id='d107' class='colors'>
+DarkOrchid3</div>
+<div id='d108' class='colors'>
+DarkOrchid2</div>
+<div id='d109' class='colors'>
+DarkOrchid4</div>
+<div id='d110' class='colors'>
+purple</div>
+<div id='d111' class='colors'>
+indigo</div>
+<div id='d112' class='colors'>
+BlueViolet</div>
+<div id='d113' class='colors'>
+purple2</div>
+<div id='d114' class='colors'>
+purple3</div>
+<div id='d115' class='colors'>
+purple4</div>
+<div id='d116' class='colors'>
+purple1</div>
+<div id='d117' class='colors'>
+MediumPurple</div>
+<div id='d118' class='colors'>
+MediumPurple1</div>
+<div id='d119' class='colors'>
+MediumPurple2</div>
+<div id='d120' class='colors'>
+MediumPurple3</div>
+<div id='d121' class='colors'>
+MediumPurple4</div>
+<div id='d122' class='colors'>
+DarkSlateBlue</div>
+<div id='d123' class='colors'>
+LightSlateBlue</div>
+<div id='d124' class='colors'>
+MediumSlateBlue</div>
+<div id='d125' class='colors'>
+SlateBlue</div>
+<div id='d126' class='colors'>
+SlateBlue1</div>
+<div id='d127' class='colors'>
+SlateBlue2</div>
+<div id='d128' class='colors'>
+SlateBlue3</div>
+<div id='d129' class='colors'>
+SlateBlue4</div>
+<div id='d130' class='colors'>
+GhostWhite</div>
+<div id='d131' class='colors'>
+lavender</div>
+<div id='d132' class='colors'>
+blue</div>
+<div id='d133' class='colors'>
+blue1</div>
+<div id='d134' class='colors'>
+blue2</div>
+<div id='d135' class='colors'>
+blue3</div>
+<div id='d136' class='colors'>
+MediumBlue</div>
+<div id='d137' class='colors'>
+blue4</div>
+<div id='d138' class='colors'>
+DarkBlue</div>
+<div id='d139' class='colors'>
+MidnightBlue</div>
+<div id='d140' class='colors'>
+navy</div>
+<div id='d141' class='colors'>
+NavyBlue</div>
+<div id='d142' class='colors'>
+RoyalBlue</div>
+<div id='d143' class='colors'>
+RoyalBlue1</div>
+<div id='d144' class='colors'>
+RoyalBlue2</div>
+<div id='d145' class='colors'>
+RoyalBlue3</div>
+<div id='d146' class='colors'>
+RoyalBlue4</div>
+<div id='d147' class='colors'>
+CornflowerBlue</div>
+<div id='d148' class='colors'>
+LightSteelBlue</div>
+<div id='d149' class='colors'>
+LightSteelBlue1</div>
+<div id='d150' class='colors'>
+LightSteelBlue2</div>
+<div id='d151' class='colors'>
+LightSteelBlue3</div>
+<div id='d152' class='colors'>
+LightSteelBlue4</div>
+<div id='d153' class='colors'>
+SlateGray4</div>
+<div id='d154' class='colors'>
+SlateGray1</div>
+<div id='d155' class='colors'>
+SlateGray2</div>
+<div id='d156' class='colors'>
+SlateGray3</div>
+<div id='d157' class='colors'>
+LightSlateGray</div>
+<div id='d158' class='colors'>
+LightSlateGrey</div>
+<div id='d159' class='colors'>
+SlateGray</div>
+<div id='d160' class='colors'>
+SlateGrey</div>
+<div id='d161' class='colors'>
+DodgerBlue</div>
+<div id='d162' class='colors'>
+DodgerBlue1</div>
+<div id='d163' class='colors'>
+DodgerBlue2</div>
+<div id='d164' class='colors'>
+DodgerBlue4</div>
+<div id='d165' class='colors'>
+DodgerBlue3</div>
+<div id='d166' class='colors'>
+AliceBlue</div>
+<div id='d167' class='colors'>
+SteelBlue4</div>
+<div id='d168' class='colors'>
+SteelBlue</div>
+<div id='d169' class='colors'>
+SteelBlue1</div>
+<div id='d170' class='colors'>
+SteelBlue2</div>
+<div id='d171' class='colors'>
+SteelBlue3</div>
+<div id='d172' class='colors'>
+SkyBlue4</div>
+<div id='d173' class='colors'>
+SkyBlue1</div>
+<div id='d174' class='colors'>
+SkyBlue2</div>
+<div id='d175' class='colors'>
+SkyBlue3</div>
+<div id='d176' class='colors'>
+LightSkyBlue</div>
+<div id='d177' class='colors'>
+LightSkyBlue4</div>
+<div id='d178' class='colors'>
+LightSkyBlue1</div>
+<div id='d179' class='colors'>
+LightSkyBlue2</div>
+<div id='d180' class='colors'>
+LightSkyBlue3</div>
+<div id='d181' class='colors'>
+SkyBlue</div>
+<div id='d182' class='colors'>
+LightBlue3</div>
+<div id='d183' class='colors'>
+DeepSkyBlue</div>
+<div id='d184' class='colors'>
+DeepSkyBlue1</div>
+<div id='d185' class='colors'>
+DeepSkyBlue2</div>
+<div id='d186' class='colors'>
+DeepSkyBlue4</div>
+<div id='d187' class='colors'>
+DeepSkyBlue3</div>
+<div id='d188' class='colors'>
+LightBlue1</div>
+<div id='d189' class='colors'>
+LightBlue2</div>
+<div id='d190' class='colors'>
+LightBlue</div>
+<div id='d191' class='colors'>
+LightBlue4</div>
+<div id='d192' class='colors'>
+PowderBlue</div>
+<div id='d193' class='colors'>
+CadetBlue1</div>
+<div id='d194' class='colors'>
+CadetBlue2</div>
+<div id='d195' class='colors'>
+CadetBlue3</div>
+<div id='d196' class='colors'>
+CadetBlue4</div>
+<div id='d197' class='colors'>
+turquoise1</div>
+<div id='d198' class='colors'>
+turquoise2</div>
+<div id='d199' class='colors'>
+turquoise3</div>
+<div id='d200' class='colors'>
+turquoise4</div>
+<div id='d201' class='colors'>
+cadet blue</div>
+<div id='d202' class='colors'>
+CadetBlue</div>
+<div id='d203' class='colors'>
+DarkTurquoise</div>
+<div id='d204' class='colors'>
+azure</div>
+<div id='d205' class='colors'>
+azure1</div>
+<div id='d206' class='colors'>
+LightCyan</div>
+<div id='d207' class='colors'>
+LightCyan1</div>
+<div id='d208' class='colors'>
+azure2</div>
+<div id='d209' class='colors'>
+LightCyan2</div>
+<div id='d210' class='colors'>
+PaleTurquoise1</div>
+<div id='d211' class='colors'>
+PaleTurquoise</div>
+<div id='d212' class='colors'>
+PaleTurquoise2</div>
+<div id='d213' class='colors'>
+DarkSlateGray1</div>
+<div id='d214' class='colors'>
+azure3</div>
+<div id='d215' class='colors'>
+LightCyan3</div>
+<div id='d216' class='colors'>
+DarkSlateGray2</div>
+<div id='d217' class='colors'>
+PaleTurquoise3</div>
+<div id='d218' class='colors'>
+DarkSlateGray3</div>
+<div id='d219' class='colors'>
+azure4</div>
+<div id='d220' class='colors'>
+LightCyan4</div>
+<div id='d221' class='colors'>
+aqua</div>
+<div id='d222' class='colors'>
+cyan</div>
+<div id='d223' class='colors'>
+cyan1</div>
+<div id='d224' class='colors'>
+PaleTurquoise4</div>
+<div id='d225' class='colors'>
+cyan2</div>
+<div id='d226' class='colors'>
+DarkSlateGray4</div>
+<div id='d227' class='colors'>
+cyan3</div>
+<div id='d228' class='colors'>
+cyan4</div>
+<div id='d229' class='colors'>
+DarkCyan</div>
+<div id='d230' class='colors'>
+teal</div>
+<div id='d231' class='colors'>
+DarkSlateGray</div>
+<div id='d232' class='colors'>
+DarkSlateGrey</div>
+<div id='d233' class='colors'>
+MediumTurquoise</div>
+<div id='d234' class='colors'>
+LightSeaGreen</div>
+<div id='d235' class='colors'>
+turquoise</div>
+<div id='d236' class='colors'>
+aquamarine4</div>
+<div id='d237' class='colors'>
+aquamarine</div>
+<div id='d238' class='colors'>
+aquamarine1</div>
+<div id='d239' class='colors'>
+aquamarine2</div>
+<div id='d240' class='colors'>
+aquamarine3</div>
+<div id='d241' class='colors'>
+MediumAquamarine</div>
+<div id='d242' class='colors'>
+MediumSpringGreen</div>
+<div id='d243' class='colors'>
+MintCream</div>
+<div id='d244' class='colors'>
+SpringGreen</div>
+<div id='d245' class='colors'>
+SpringGreen1</div>
+<div id='d246' class='colors'>
+SpringGreen2</div>
+<div id='d247' class='colors'>
+SpringGreen3</div>
+<div id='d248' class='colors'>
+SpringGreen4</div>
+<div id='d249' class='colors'>
+MediumSeaGreen</div>
+<div id='d250' class='colors'>
+SeaGreen</div>
+<div id='d251' class='colors'>
+SeaGreen3</div>
+<div id='d252' class='colors'>
+SeaGreen1</div>
+<div id='d253' class='colors'>
+SeaGreen4</div>
+<div id='d254' class='colors'>
+SeaGreen2</div>
+<div id='d255' class='colors'>
+MediumForestGreen</div>
+<div id='d256' class='colors'>
+honeydew</div>
+<div id='d257' class='colors'>
+honeydew1</div>
+<div id='d258' class='colors'>
+honeydew2</div>
+<div id='d259' class='colors'>
+DarkSeaGreen1</div>
+<div id='d260' class='colors'>
+DarkSeaGreen2</div>
+<div id='d261' class='colors'>
+PaleGreen1</div>
+<div id='d262' class='colors'>
+PaleGreen</div>
+<div id='d263' class='colors'>
+honeydew3</div>
+<div id='d264' class='colors'>
+LightGreen</div>
+<div id='d265' class='colors'>
+PaleGreen2</div>
+<div id='d266' class='colors'>
+DarkSeaGreen3</div>
+<div id='d267' class='colors'>
+DarkSeaGreen</div>
+<div id='d268' class='colors'>
+PaleGreen3</div>
+<div id='d269' class='colors'>
+honeydew4</div>
+<div id='d270' class='colors'>
+green1</div>
+<div id='d271' class='colors'>
+lime</div>
+<div id='d272' class='colors'>
+LimeGreen</div>
+<div id='d273' class='colors'>
+DarkSeaGreen4</div>
+<div id='d274' class='colors'>
+green2</div>
+<div id='d275' class='colors'>
+PaleGreen4</div>
+<div id='d276' class='colors'>
+green3</div>
+<div id='d277' class='colors'>
+ForestGreen</div>
+<div id='d278' class='colors'>
+green4</div>
+<div id='d279' class='colors'>
+green</div>
+<div id='d280' class='colors'>
+DarkGreen</div>
+<div id='d281' class='colors'>
+LawnGreen</div>
+<div id='d282' class='colors'>
+chartreuse</div>
+<div id='d283' class='colors'>
+chartreuse1</div>
+<div id='d284' class='colors'>
+chartreuse2</div>
+<div id='d285' class='colors'>
+chartreuse3</div>
+<div id='d286' class='colors'>
+chartreuse4</div>
+<div id='d287' class='colors'>
+GreenYellow</div>
+<div id='d288' class='colors'>
+DarkOliveGreen3</div>
+<div id='d289' class='colors'>
+DarkOliveGreen1</div>
+<div id='d290' class='colors'>
+DarkOliveGreen2</div>
+<div id='d291' class='colors'>
+DarkOliveGreen4</div>
+<div id='d292' class='colors'>
+DarkOliveGreen</div>
+<div id='d293' class='colors'>
+OliveDrab</div>
+<div id='d294' class='colors'>
+OliveDrab1</div>
+<div id='d295' class='colors'>
+OliveDrab2</div>
+<div id='d296' class='colors'>
+OliveDrab3</div>
+<div id='d297' class='colors'>
+YellowGreen</div>
+<div id='d298' class='colors'>
+OliveDrab4</div>
+<div id='d299' class='colors'>
+ivory</div>
+<div id='d300' class='colors'>
+ivory1</div>
+<div id='d301' class='colors'>
+LightYellow</div>
+<div id='d302' class='colors'>
+LightYellow1</div>
+<div id='d303' class='colors'>
+beige</div>
+<div id='d304' class='colors'>
+ivory2</div>
+<div id='d305' class='colors'>
+LightGoldenrodYellow</div>
+<div id='d306' class='colors'>
+LightYellow2</div>
+<div id='d307' class='colors'>
+ivory3</div>
+<div id='d308' class='colors'>
+LightYellow3</div>
+<div id='d309' class='colors'>
+ivory4</div>
+<div id='d310' class='colors'>
+LightYellow4</div>
+<div id='d311' class='colors'>
+yellow</div>
+<div id='d312' class='colors'>
+yellow1</div>
+<div id='d313' class='colors'>
+yellow2</div>
+<div id='d314' class='colors'>
+yellow3</div>
+<div id='d315' class='colors'>
+yellow4</div>
+<div id='d316' class='colors'>
+olive</div>
+<div id='d317' class='colors'>
+DarkKhaki</div>
+<div id='d318' class='colors'>
+khaki2</div>
+<div id='d319' class='colors'>
+LemonChiffon4</div>
+<div id='d320' class='colors'>
+khaki1</div>
+<div id='d321' class='colors'>
+khaki3</div>
+<div id='d322' class='colors'>
+khaki4</div>
+<div id='d323' class='colors'>
+PaleGoldenrod</div>
+<div id='d324' class='colors'>
+LemonChiffon</div>
+<div id='d325' class='colors'>
+LemonChiffon1</div>
+<div id='d326' class='colors'>
+khaki</div>
+<div id='d327' class='colors'>
+LemonChiffon3</div>
+<div id='d328' class='colors'>
+LemonChiffon2</div>
+<div id='d329' class='colors'>
+MediumGoldenRod</div>
+<div id='d330' class='colors'>
+cornsilk4</div>
+<div id='d331' class='colors'>
+gold</div>
+<div id='d332' class='colors'>
+gold1</div>
+<div id='d333' class='colors'>
+gold2</div>
+<div id='d334' class='colors'>
+gold3</div>
+<div id='d335' class='colors'>
+gold4</div>
+<div id='d336' class='colors'>
+LightGoldenrod</div>
+<div id='d337' class='colors'>
+LightGoldenrod4</div>
+<div id='d338' class='colors'>
+LightGoldenrod1</div>
+<div id='d339' class='colors'>
+LightGoldenrod3</div>
+<div id='d340' class='colors'>
+LightGoldenrod2</div>
+<div id='d341' class='colors'>
+cornsilk3</div>
+<div id='d342' class='colors'>
+cornsilk2</div>
+<div id='d343' class='colors'>
+cornsilk</div>
+<div id='d344' class='colors'>
+cornsilk1</div>
+<div id='d345' class='colors'>
+goldenrod</div>
+<div id='d346' class='colors'>
+goldenrod1</div>
+<div id='d347' class='colors'>
+goldenrod2</div>
+<div id='d348' class='colors'>
+goldenrod3</div>
+<div id='d349' class='colors'>
+goldenrod4</div>
+<div id='d350' class='colors'>
+DarkGoldenrod</div>
+<div id='d351' class='colors'>
+DarkGoldenrod1</div>
+<div id='d352' class='colors'>
+DarkGoldenrod2</div>
+<div id='d353' class='colors'>
+DarkGoldenrod3</div>
+<div id='d354' class='colors'>
+DarkGoldenrod4</div>
+<div id='d355' class='colors'>
+FloralWhite</div>
+<div id='d356' class='colors'>
+wheat2</div>
+<div id='d357' class='colors'>
+OldLace</div>
+<div id='d358' class='colors'>
+wheat</div>
+<div id='d359' class='colors'>
+wheat1</div>
+<div id='d360' class='colors'>
+wheat3</div>
+<div id='d361' class='colors'>
+orange</div>
+<div id='d362' class='colors'>
+orange1</div>
+<div id='d363' class='colors'>
+orange2</div>
+<div id='d364' class='colors'>
+orange3</div>
+<div id='d365' class='colors'>
+orange4</div>
+<div id='d366' class='colors'>
+wheat4</div>
+<div id='d367' class='colors'>
+moccasin</div>
+<div id='d368' class='colors'>
+PapayaWhip</div>
+<div id='d369' class='colors'>
+NavajoWhite3</div>
+<div id='d370' class='colors'>
+BlanchedAlmond</div>
+<div id='d371' class='colors'>
+NavajoWhite</div>
+<div id='d372' class='colors'>
+NavajoWhite1</div>
+<div id='d373' class='colors'>
+NavajoWhite2</div>
+<div id='d374' class='colors'>
+NavajoWhite4</div>
+<div id='d375' class='colors'>
+AntiqueWhite4</div>
+<div id='d376' class='colors'>
+AntiqueWhite</div>
+<div id='d377' class='colors'>
+tan</div>
+<div id='d378' class='colors'>
+bisque4</div>
+<div id='d379' class='colors'>
+burlywood</div>
+<div id='d380' class='colors'>
+AntiqueWhite2</div>
+<div id='d381' class='colors'>
+burlywood1</div>
+<div id='d382' class='colors'>
+burlywood3</div>
+<div id='d383' class='colors'>
+burlywood2</div>
+<div id='d384' class='colors'>
+AntiqueWhite1</div>
+<div id='d385' class='colors'>
+burlywood4</div>
+<div id='d386' class='colors'>
+AntiqueWhite3</div>
+<div id='d387' class='colors'>
+DarkOrange</div>
+<div id='d388' class='colors'>
+bisque2</div>
+<div id='d389' class='colors'>
+bisque</div>
+<div id='d390' class='colors'>
+bisque1</div>
+<div id='d391' class='colors'>
+bisque3</div>
+<div id='d392' class='colors'>
+DarkOrange1</div>
+<div id='d393' class='colors'>
+linen</div>
+<div id='d394' class='colors'>
+DarkOrange2</div>
+<div id='d395' class='colors'>
+DarkOrange3</div>
+<div id='d396' class='colors'>
+DarkOrange4</div>
+<div id='d397' class='colors'>
+peru</div>
+<div id='d398' class='colors'>
+tan1</div>
+<div id='d399' class='colors'>
+tan2</div>
+<div id='d400' class='colors'>
+tan3</div>
+<div id='d401' class='colors'>
+tan4</div>
+<div id='d402' class='colors'>
+PeachPuff</div>
+<div id='d403' class='colors'>
+PeachPuff1</div>
+<div id='d404' class='colors'>
+PeachPuff4</div>
+<div id='d405' class='colors'>
+PeachPuff2</div>
+<div id='d406' class='colors'>
+PeachPuff3</div>
+<div id='d407' class='colors'>
+SandyBrown</div>
+<div id='d408' class='colors'>
+seashell4</div>
+<div id='d409' class='colors'>
+seashell2</div>
+<div id='d410' class='colors'>
+seashell3</div>
+<div id='d411' class='colors'>
+chocolate</div>
+<div id='d412' class='colors'>
+chocolate1</div>
+<div id='d413' class='colors'>
+chocolate2</div>
+<div id='d414' class='colors'>
+chocolate3</div>
+<div id='d415' class='colors'>
+chocolate4</div>
+<div id='d416' class='colors'>
+SaddleBrown</div>
+<div id='d417' class='colors'>
+seashell</div>
+<div id='d418' class='colors'>
+seashell1</div>
+<div id='d419' class='colors'>
+sienna4</div>
+<div id='d420' class='colors'>
+sienna</div>
+<div id='d421' class='colors'>
+sienna1</div>
+<div id='d422' class='colors'>
+sienna2</div>
+<div id='d423' class='colors'>
+sienna3</div>
+<div id='d424' class='colors'>
+LightSalmon3</div>
+<div id='d425' class='colors'>
+LightSalmon</div>
+<div id='d426' class='colors'>
+LightSalmon1</div>
+<div id='d427' class='colors'>
+LightSalmon4</div>
+<div id='d428' class='colors'>
+LightSalmon2</div>
+<div id='d429' class='colors'>
+coral</div>
+<div id='d430' class='colors'>
+OrangeRed</div>
+<div id='d431' class='colors'>
+OrangeRed1</div>
+<div id='d432' class='colors'>
+OrangeRed2</div>
+<div id='d433' class='colors'>
+OrangeRed3</div>
+<div id='d434' class='colors'>
+OrangeRed4</div>
+<div id='d435' class='colors'>
+DarkSalmon</div>
+<div id='d436' class='colors'>
+salmon1</div>
+<div id='d437' class='colors'>
+salmon2</div>
+<div id='d438' class='colors'>
+salmon3</div>
+<div id='d439' class='colors'>
+salmon4</div>
+<div id='d440' class='colors'>
+coral1</div>
+<div id='d441' class='colors'>
+coral2</div>
+<div id='d442' class='colors'>
+coral3</div>
+<div id='d443' class='colors'>
+coral4</div>
+<div id='d444' class='colors'>
+tomato4</div>
+<div id='d445' class='colors'>
+tomato</div>
+<div id='d446' class='colors'>
+tomato1</div>
+<div id='d447' class='colors'>
+tomato2</div>
+<div id='d448' class='colors'>
+tomato3</div>
+<div id='d449' class='colors'>
+MistyRose4</div>
+<div id='d450' class='colors'>
+MistyRose2</div>
+<div id='d451' class='colors'>
+MistyRose</div>
+<div id='d452' class='colors'>
+MistyRose1</div>
+<div id='d453' class='colors'>
+salmon</div>
+<div id='d454' class='colors'>
+MistyRose3</div>
+<div id='d455' class='colors'>
+white</div>
+<div id='d456' class='colors'>
+gray100</div>
+<div id='d457' class='colors'>
+grey100</div>
+<div id='d458' class='colors'>
+grey100</div>
+<div id='d459' class='colors'>
+gray99</div>
+<div id='d460' class='colors'>
+grey99</div>
+<div id='d461' class='colors'>
+gray98</div>
+<div id='d462' class='colors'>
+grey98</div>
+<div id='d463' class='colors'>
+gray97</div>
+<div id='d464' class='colors'>
+grey97</div>
+<div id='d465' class='colors'>
+gray96</div>
+<div id='d466' class='colors'>
+grey96</div>
+<div id='d467' class='colors'>
+WhiteSmoke</div>
+<div id='d468' class='colors'>
+gray95</div>
+<div id='d469' class='colors'>
+grey95</div>
+<div id='d470' class='colors'>
+gray94</div>
+<div id='d471' class='colors'>
+grey94</div>
+<div id='d472' class='colors'>
+gray93</div>
+<div id='d473' class='colors'>
+grey93</div>
+<div id='d474' class='colors'>
+gray92</div>
+<div id='d475' class='colors'>
+grey92</div>
+<div id='d476' class='colors'>
+gray91</div>
+<div id='d477' class='colors'>
+grey91</div>
+<div id='d478' class='colors'>
+gray90</div>
+<div id='d479' class='colors'>
+grey90</div>
+<div id='d480' class='colors'>
+gray89</div>
+<div id='d481' class='colors'>
+grey89</div>
+<div id='d482' class='colors'>
+gray88</div>
+<div id='d483' class='colors'>
+grey88</div>
+<div id='d484' class='colors'>
+gray87</div>
+<div id='d485' class='colors'>
+grey87</div>
+<div id='d486' class='colors'>
+gainsboro</div>
+<div id='d487' class='colors'>
+gray86</div>
+<div id='d488' class='colors'>
+grey86</div>
+<div id='d489' class='colors'>
+gray85</div>
+<div id='d490' class='colors'>
+grey85</div>
+<div id='d491' class='colors'>
+gray84</div>
+<div id='d492' class='colors'>
+grey84</div>
+<div id='d493' class='colors'>
+gray83</div>
+<div id='d494' class='colors'>
+grey83</div>
+<div id='d495' class='colors'>
+LightGray</div>
+<div id='d496' class='colors'>
+LightGrey</div>
+<div id='d497' class='colors'>
+gray82</div>
+<div id='d498' class='colors'>
+grey82</div>
+<div id='d499' class='colors'>
+gray81</div>
+<div id='d500' class='colors'>
+grey81</div>
+<div id='d501' class='colors'>
+gray80</div>
+<div id='d502' class='colors'>
+grey80</div>
+<div id='d503' class='colors'>
+gray79</div>
+<div id='d504' class='colors'>
+grey79</div>
+<div id='d505' class='colors'>
+gray78</div>
+<div id='d506' class='colors'>
+grey78</div>
+<div id='d507' class='colors'>
+gray77</div>
+<div id='d508' class='colors'>
+grey77</div>
+<div id='d509' class='colors'>
+gray76</div>
+<div id='d510' class='colors'>
+grey76</div>
+<div id='d511' class='colors'>
+silver</div>
+<div id='d512' class='colors'>
+gray75</div>
+<div id='d513' class='colors'>
+grey75</div>
+<div id='d514' class='colors'>
+gray74</div>
+<div id='d515' class='colors'>
+grey74</div>
+<div id='d516' class='colors'>
+gray73</div>
+<div id='d517' class='colors'>
+grey73</div>
+<div id='d518' class='colors'>
+gray72</div>
+<div id='d519' class='colors'>
+grey72</div>
+<div id='d520' class='colors'>
+gray71</div>
+<div id='d521' class='colors'>
+grey71</div>
+<div id='d522' class='colors'>
+gray70</div>
+<div id='d523' class='colors'>
+grey70</div>
+<div id='d524' class='colors'>
+gray69</div>
+<div id='d525' class='colors'>
+grey69</div>
+<div id='d526' class='colors'>
+gray68</div>
+<div id='d527' class='colors'>
+grey68</div>
+<div id='d528' class='colors'>
+gray67</div>
+<div id='d529' class='colors'>
+grey67</div>
+<div id='d530' class='colors'>
+DarkGray</div>
+<div id='d531' class='colors'>
+DarkGrey</div>
+<div id='d532' class='colors'>
+gray66</div>
+<div id='d533' class='colors'>
+grey66</div>
+<div id='d534' class='colors'>
+gray65</div>
+<div id='d535' class='colors'>
+grey65</div>
+<div id='d536' class='colors'>
+gray64</div>
+<div id='d537' class='colors'>
+grey64</div>
+<div id='d538' class='colors'>
+gray63</div>
+<div id='d539' class='colors'>
+grey63</div>
+<div id='d540' class='colors'>
+gray62</div>
+<div id='d541' class='colors'>
+grey62</div>
+<div id='d542' class='colors'>
+gray61</div>
+<div id='d543' class='colors'>
+grey61</div>
+<div id='d544' class='colors'>
+gray60</div>
+<div id='d545' class='colors'>
+grey60</div>
+<div id='d546' class='colors'>
+gray59</div>
+<div id='d547' class='colors'>
+grey59</div>
+<div id='d548' class='colors'>
+gray58</div>
+<div id='d549' class='colors'>
+grey58</div>
+<div id='d550' class='colors'>
+gray57</div>
+<div id='d551' class='colors'>
+grey57</div>
+<div id='d552' class='colors'>
+gray56</div>
+<div id='d553' class='colors'>
+grey56</div>
+<div id='d554' class='colors'>
+gray55</div>
+<div id='d555' class='colors'>
+grey55</div>
+<div id='d556' class='colors'>
+gray54</div>
+<div id='d557' class='colors'>
+grey54</div>
+<div id='d558' class='colors'>
+gray53</div>
+<div id='d559' class='colors'>
+grey53</div>
+<div id='d560' class='colors'>
+gray52</div>
+<div id='d561' class='colors'>
+grey52</div>
+<div id='d562' class='colors'>
+gray51</div>
+<div id='d563' class='colors'>
+grey51</div>
+<div id='d564' class='colors'>
+fractal</div>
+<div id='d565' class='colors'>
+gray50</div>
+<div id='d566' class='colors'>
+grey50</div>
+<div id='d567' class='colors'>
+gray</div>
+<div id='d568' class='colors'>
+gray49</div>
+<div id='d569' class='colors'>
+grey49</div>
+<div id='d570' class='colors'>
+gray48</div>
+<div id='d571' class='colors'>
+grey48</div>
+<div id='d572' class='colors'>
+gray47</div>
+<div id='d573' class='colors'>
+grey47</div>
+<div id='d574' class='colors'>
+gray46</div>
+<div id='d575' class='colors'>
+grey46</div>
+<div id='d576' class='colors'>
+gray45</div>
+<div id='d577' class='colors'>
+grey45</div>
+<div id='d578' class='colors'>
+gray44</div>
+<div id='d579' class='colors'>
+grey44</div>
+<div id='d580' class='colors'>
+gray43</div>
+<div id='d581' class='colors'>
+grey43</div>
+<div id='d582' class='colors'>
+gray42</div>
+<div id='d583' class='colors'>
+grey42</div>
+<div id='d584' class='colors'>
+DimGray</div>
+<div id='d585' class='colors'>
+DimGrey</div>
+<div id='d586' class='colors'>
+gray41</div>
+<div id='d587' class='colors'>
+grey41</div>
+<div id='d588' class='colors'>
+gray40</div>
+<div id='d589' class='colors'>
+grey40</div>
+<div id='d590' class='colors'>
+gray39</div>
+<div id='d591' class='colors'>
+grey39</div>
+<div id='d592' class='colors'>
+gray38</div>
+<div id='d593' class='colors'>
+grey38</div>
+<div id='d594' class='colors'>
+gray37</div>
+<div id='d595' class='colors'>
+grey37</div>
+<div id='d596' class='colors'>
+gray36</div>
+<div id='d597' class='colors'>
+grey36</div>
+<div id='d598' class='colors'>
+gray35</div>
+<div id='d599' class='colors'>
+grey35</div>
+<div id='d600' class='colors'>
+gray34</div>
+<div id='d601' class='colors'>
+grey34</div>
+<div id='d602' class='colors'>
+gray33</div>
+<div id='d603' class='colors'>
+grey33</div>
+<div id='d604' class='colors'>
+gray32</div>
+<div id='d605' class='colors'>
+grey32</div>
+<div id='d606' class='colors'>
+gray31</div>
+<div id='d607' class='colors'>
+grey31</div>
+<div id='d608' class='colors'>
+gray30</div>
+<div id='d609' class='colors'>
+grey30</div>
+<div id='d610' class='colors'>
+gray29</div>
+<div id='d611' class='colors'>
+grey29</div>
+<div id='d612' class='colors'>
+gray28</div>
+<div id='d613' class='colors'>
+grey28</div>
+<div id='d614' class='colors'>
+gray27</div>
+<div id='d615' class='colors'>
+grey27</div>
+<div id='d616' class='colors'>
+gray26</div>
+<div id='d617' class='colors'>
+grey26</div>
+<div id='d618' class='colors'>
+gray25</div>
+<div id='d619' class='colors'>
+grey25</div>
+<div id='d620' class='colors'>
+gray24</div>
+<div id='d621' class='colors'>
+grey24</div>
+<div id='d622' class='colors'>
+gray23</div>
+<div id='d623' class='colors'>
+grey23</div>
+<div id='d624' class='colors'>
+gray22</div>
+<div id='d625' class='colors'>
+grey22</div>
+<div id='d626' class='colors'>
+gray21</div>
+<div id='d627' class='colors'>
+grey21</div>
+<div id='d628' class='colors'>
+gray20</div>
+<div id='d629' class='colors'>
+grey20</div>
+<div id='d630' class='colors'>
+gray19</div>
+<div id='d631' class='colors'>
+grey19</div>
+<div id='d632' class='colors'>
+gray18</div>
+<div id='d633' class='colors'>
+grey18</div>
+<div id='d634' class='colors'>
+gray17</div>
+<div id='d635' class='colors'>
+grey17</div>
+<div id='d636' class='colors'>
+gray16</div>
+<div id='d637' class='colors'>
+grey16</div>
+<div id='d638' class='colors'>
+gray15</div>
+<div id='d639' class='colors'>
+grey15</div>
+<div id='d640' class='colors'>
+gray14</div>
+<div id='d641' class='colors'>
+grey14</div>
+<div id='d642' class='colors'>
+gray13</div>
+<div id='d643' class='colors'>
+grey13</div>
+<div id='d644' class='colors'>
+gray12</div>
+<div id='d645' class='colors'>
+grey12</div>
+<div id='d646' class='colors'>
+gray11</div>
+<div id='d647' class='colors'>
+grey11</div>
+<div id='d648' class='colors'>
+gray10</div>
+<div id='d649' class='colors'>
+grey10</div>
+<div id='d650' class='colors'>
+gray9</div>
+<div id='d651' class='colors'>
+grey9</div>
+<div id='d652' class='colors'>
+gray8</div>
+<div id='d653' class='colors'>
+grey8</div>
+<div id='d654' class='colors'>
+gray7</div>
+<div id='d655' class='colors'>
+grey7</div>
+<div id='d656' class='colors'>
+gray6</div>
+<div id='d657' class='colors'>
+grey6</div>
+<div id='d658' class='colors'>
+gray5</div>
+<div id='d659' class='colors'>
+grey5</div>
+<div id='d660' class='colors'>
+gray4</div>
+<div id='d661' class='colors'>
+grey4</div>
+<div id='d662' class='colors'>
+gray3</div>
+<div id='d663' class='colors'>
+grey3</div>
+<div id='d664' class='colors'>
+gray2</div>
+<div id='d665' class='colors'>
+grey2</div>
+<div id='d666' class='colors'>
+gray1</div>
+<div id='d667' class='colors'>
+grey1</div>
+<div id='d668' class='colors'>
+black</div>
+<div id='d669' class='colors'>
+gray0</div>
+<div id='d670' class='colors'>
+grey0</div>
+<div id='d671' class='colors'>
+opaque</div>
+<div id='d672' class='colors'>
+none</div>
+<div id='d673' class='colors'>
+transparent</div>
+</div>
+
+<div id='colornames'>
+WHERE THE COLORNAMES WILL GO
+</div>
+
+<div id='hexswitch'>CLICK TO SHOW HEXES</div>
+<div id='infoswitch'>CLICK TO SHOW INFO</div>
+<input id='namespace' type='text'></input>
+<script type='text/javascript' src='js/jquery-1.6.4.min.js'></script>
+<script type='text/javascript' src='js/colordict.js'></script>
+
+<script type='text/javascript'>
+function goldenize(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num*ratio)
+	return newnum
+	}
+//turns css property width or height into an integer value
+function getproperty(idandselectr, propertystr)
+	{
+	grab = $(idandselectr).css(propertystr)
+	grab = grab.slice(0,-2)
+	numval = parseInt(grab)
+	return numval
+	}
+function makegolden(idandselectr, propertystr)
+	{
+	result = getproperty(idandselectr, propertystr)
+	newwidth = goldenize(result)
+	widthval = newwidth.toString()+'px'
+	$(idandselectr).css('width', widthval)
+	}
+makegolden('.colors', 'height')
+
+//threewayselector for what goes in the divs
+infostate = 1
+function switchinfo()
+	{
+	if(infostate == 0)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html(divtoname[divlist[i]])
+				};
+		infostate = 1
+		}
+	else if(infostate == 1)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html("")
+				};
+		infostate = 2
+		}
+	else if(infostate == 2)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html(nametohex[divtoname[divlist[i]]])
+				};
+		infostate = 0
+		}
+	}
+
+$('#infoswitch').click(function(){switchinfo()})
+
+//takes a div name and returns a colorname
+
+function showcolorname(divstr)
+
+		{
+		colorname = divtoname['#'+divstr]
+		hex = nametohex[colorname]
+			imname = hextoname[hex]
+		if (hexes == true)
+			{
+			imname = hex
+			}
+		return imname
+		}
+function bigname(divstr)
+		{
+		colorname = showcolorname(divstr)
+		$('#colornames').html(colorname)
+		}
+function writeit(text)
+		{
+		$('#colornames').append(text)
+		}
+function makebig(divstr)
+		{
+		firstheight = $('#'+divstr).height()
+		newheight = goldenize(goldenize(firstheight))
+		$('#'+divstr).height(newheight)
+		}
+function makesmall(divstr)
+		{
+		oldheight = $('.colors').height()
+		$('#'+divstr).height(oldheight)
+		}
+var choice;
+$('.colors').hover(function() {
+   bigname(this.id);
+//	 makebig(this.id);
+//	 makegolden('#'+this.id, 'height')},
+//function(){
+//	 makesmall(this.id);
+//	 makegolden('#'+this.id, 'height')
+});
+$('.colors').mouseover(function(){
+							if(this.id != 'd0'){
+							makebig(this.id);
+							makegolden('#'+this.id, 'height')
+													}})
+$('.colors').mouseout(function(){
+							makesmall(this.id);
+							makegolden('#'+this.id,'height');
+													})
+$(".colors").hover(function(){
+$('#colornames').fadeOut(100);$('#colornames').fadeIn(500);
+	});
+$('body').css('background-color', 'black')
+$('.colors').css('margin-top', '2px')
+var hexes = false
+function hexswitch()
+		{
+		if(hexes == false)
+			{
+			$('#hexswitch').html('CLICK TO SHOW COLOR NAMES')
+			hexes = true;
+			}
+			
+		else
+			{
+			$('#hexswitch').html('CLICK TO SHOW HEX NAMES')
+			hexes = false;
+			}
+		}
+$('#hexswitch').click(function(){hexswitch()})
+
+$('.colors').click(function(){
+			putitin()	
+			})
+
+function putitin()
+		{
+		$('#namespace').val($('#colornames').html())
+		}
+
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/junk/divlist.js b/frontend/imgrid/colors/junk/divlist.js
new file mode 100755
index 0000000..49ee990
--- /dev/null
+++ b/frontend/imgrid/colors/junk/divlist.js
@@ -0,0 +1,2 @@
+var divlist = ['#d0', '#d1', '#d2', '#d3', '#d4', '#d5', '#d6', '#d7', '#d8', '#d9', '#d10', '#d11', '#d12', '#d13', '#d14', '#d15', '#d16', '#d17', '#d18', '#d19', '#d20', '#d21', '#d22', '#d23', '#d24', '#d25', '#d26', '#d27', '#d28', '#d29', '#d30', '#d31', '#d32', '#d33', '#d34', '#d35', '#d36', '#d37', '#d38', '#d39', '#d40', '#d41', '#d42', '#d43', '#d44', '#d45', '#d46', '#d47', '#d48', '#d49', '#d50', '#d51', '#d52', '#d53', '#d54', '#d55', '#d56', '#d57', '#d58', '#d59', '#d60', '#d61', '#d62', '#d63', '#d64', '#d65', '#d66', '#d67', '#d68', '#d69', '#d70', '#d71', '#d72', '#d73', '#d74', '#d75', '#d76', '#d77', '#d78', '#d79', '#d80', '#d81', '#d82', '#d83', '#d84', '#d85', '#d86', '#d87', '#d88', '#d89', '#d90', '#d91', '#d92', '#d93', '#d94', '#d95', '#d96', '#d97', '#d98', '#d99', '#d100', '#d101', '#d102', '#d103', '#d104', '#d105', '#d106', '#d107', '#d108', '#d109', '#d110', '#d111', '#d112', '#d113', '#d114', '#d115', '#d116', '#d117', '#d118', '#d119', '#d120', '#d121', '#d122', '#d123', '#d124', '#d125', '#d126', '#d127', '#d128', '#d129', '#d130', '#d131', '#d132', '#d133', '#d134', '#d135', '#d136', '#d137', '#d138', '#d139', '#d140', '#d141', '#d142', '#d143', '#d144', '#d145', '#d146', '#d147', '#d148', '#d149', '#d150', '#d151', '#d152', '#d153', '#d154', '#d155', '#d156', '#d157', '#d158', '#d159', '#d160', '#d161', '#d162', '#d163', '#d164', '#d165', '#d166', '#d167', '#d168', '#d169', '#d170', '#d171', '#d172', '#d173', '#d174', '#d175', '#d176', '#d177', '#d178', '#d179', '#d180', '#d181', '#d182', '#d183', '#d184', '#d185', '#d186', '#d187', '#d188', '#d189', '#d190', '#d191', '#d192', '#d193', '#d194', '#d195', '#d196', '#d197', '#d198', '#d199', '#d200', '#d201', '#d202', '#d203', '#d204', '#d205', '#d206', '#d207', '#d208', '#d209', '#d210', '#d211', '#d212', '#d213', '#d214', '#d215', '#d216', '#d217', '#d218', '#d219', '#d220', '#d221', '#d222', '#d223', '#d224', '#d225', '#d226', '#d227', '#d228', '#d229', '#d230', '#d231', '#d232', '#d233', '#d234', '#d235', '#d236', '#d237', '#d238', '#d239', '#d240', '#d241', '#d242', '#d243', '#d244', '#d245', '#d246', '#d247', '#d248', '#d249', '#d250', '#d251', '#d252', '#d253', '#d254', '#d255', '#d256', '#d257', '#d258', '#d259', '#d260', '#d261', '#d262', '#d263', '#d264', '#d265', '#d266', '#d267', '#d268', '#d269', '#d270', '#d271', '#d272', '#d273', '#d274', '#d275', '#d276', '#d277', '#d278', '#d279', '#d280', '#d281', '#d282', '#d283', '#d284', '#d285', '#d286', '#d287', '#d288', '#d289', '#d290', '#d291', '#d292', '#d293', '#d294', '#d295', '#d296', '#d297', '#d298', '#d299', '#d300', '#d301', '#d302', '#d303', '#d304', '#d305', '#d306', '#d307', '#d308', '#d309', '#d310', '#d311', '#d312', '#d313', '#d314', '#d315', '#d316', '#d317', '#d318', '#d319', '#d320', '#d321', '#d322', '#d323', '#d324', '#d325', '#d326', '#d327', '#d328', '#d329', '#d330', '#d331', '#d332', '#d333', '#d334', '#d335', '#d336', '#d337', '#d338', '#d339', '#d340', '#d341', '#d342', '#d343', '#d344', '#d345', '#d346', '#d347', '#d348', '#d349', '#d350', '#d351', '#d352', '#d353', '#d354', '#d355', '#d356', '#d357', '#d358', '#d359', '#d360', '#d361', '#d362', '#d363', '#d364', '#d365', '#d366', '#d367', '#d368', '#d369', '#d370', '#d371', '#d372', '#d373', '#d374', '#d375', '#d376', '#d377', '#d378', '#d379', '#d380', '#d381', '#d382', '#d383', '#d384', '#d385', '#d386', '#d387', '#d388', '#d389', '#d390', '#d391', '#d392', '#d393', '#d394', '#d395', '#d396', '#d397', '#d398', '#d399', '#d400', '#d401', '#d402', '#d403', '#d404', '#d405', '#d406', '#d407', '#d408', '#d409', '#d410', '#d411', '#d412', '#d413', '#d414', '#d415', '#d416', '#d417', '#d418', '#d419', '#d420', '#d421', '#d422', '#d423', '#d424', '#d425', '#d426', '#d427', '#d428', '#d429', '#d430', '#d431', '#d432', '#d433', '#d434', '#d435', '#d436', '#d437', '#d438', '#d439', '#d440', '#d441', '#d442', '#d443', '#d444', '#d445', '#d446', '#d447', '#d448', '#d449', '#d450', '#d451', '#d452', '#d453', '#d454', '#d455', '#d456', '#d457', '#d458', '#d459', '#d460', '#d461', '#d462', '#d463', '#d464', '#d465', '#d466', '#d467', '#d468', '#d469', '#d470', '#d471', '#d472', '#d473', '#d474', '#d475', '#d476', '#d477', '#d478', '#d479', '#d480', '#d481', '#d482', '#d483', '#d484', '#d485', '#d486', '#d487', '#d488', '#d489', '#d490', '#d491', '#d492', '#d493', '#d494', '#d495', '#d496', '#d497', '#d498', '#d499', '#d500', '#d501', '#d502', '#d503', '#d504', '#d505', '#d506', '#d507', '#d508', '#d509', '#d510', '#d511', '#d512', '#d513', '#d514', '#d515', '#d516', '#d517', '#d518', '#d519', '#d520', '#d521', '#d522', '#d523', '#d524', '#d525', '#d526', '#d527', '#d528', '#d529', '#d530', '#d531', '#d532', '#d533', '#d534', '#d535', '#d536', '#d537', '#d538', '#d539', '#d540', '#d541', '#d542', '#d543', '#d544', '#d545', '#d546', '#d547', '#d548', '#d549', '#d550', '#d551', '#d552', '#d553', '#d554', '#d555', '#d556', '#d557', '#d558', '#d559', '#d560', '#d561', '#d562', '#d563', '#d564', '#d565', '#d566', '#d567', '#d568', '#d569', '#d570', '#d571', '#d572', '#d573', '#d574', '#d575', '#d576', '#d577', '#d578', '#d579', '#d580', '#d581', '#d582', '#d583', '#d584', '#d585', '#d586', '#d587', '#d588', '#d589', '#d590', '#d591', '#d592', '#d593', '#d594', '#d595', '#d596', '#d597', '#d598', '#d599', '#d600', '#d601', '#d602', '#d603', '#d604', '#d605', '#d606', '#d607', '#d608', '#d609', '#d610', '#d611', '#d612', '#d613', '#d614', '#d615', '#d616', '#d617', '#d618', '#d619', '#d620', '#d621', '#d622', '#d623', '#d624', '#d625', '#d626', '#d627', '#d628', '#d629', '#d630', '#d631', '#d632', '#d633', '#d634', '#d635', '#d636', '#d637', '#d638', '#d639', '#d640', '#d641', '#d642', '#d643', '#d644', '#d645', '#d646', '#d647', '#d648', '#d649', '#d650', '#d651', '#d652', '#d653', '#d654', '#d655', '#d656', '#d657', '#d658', '#d659', '#d660', '#d661', '#d662', '#d663', '#d664', '#d665', '#d666', '#d667', '#d668', '#d669', '#d670', '#d671', '#d672', '#d673']
+var divtoname = {'#d322': 'khaki4', '#d600': 'gray34', '#d118': 'MediumPurple1', '#d119': 'MediumPurple2', '#d114': 'purple3', '#d115': 'purple4', '#d116': 'purple1', '#d117': 'MediumPurple', '#d110': 'purple', '#d111': 'indigo', '#d112': 'BlueViolet', '#d113': 'purple2', '#d529': 'grey67', '#d231': 'DarkSlateGray', '#d339': 'LightGoldenrod3', '#d233': 'MediumTurquoise', '#d232': 'DarkSlateGrey', '#d235': 'turquoise', '#d234': 'LightSeaGreen', '#d237': 'aquamarine', '#d236': 'aquamarine4', '#d239': 'aquamarine2', '#d238': 'aquamarine1', '#d332': 'gold1', '#d333': 'gold2', '#d334': 'gold3', '#d335': 'gold4', '#d336': 'LightGoldenrod', '#d337': 'LightGoldenrod4', '#d424': 'LightSalmon3', '#d425': 'LightSalmon', '#d426': 'LightSalmon1', '#d427': 'LightSalmon4', '#d420': 'sienna', '#d421': 'sienna1', '#d422': 'sienna2', '#d423': 'sienna3', '#d587': 'grey41', '#d586': 'gray41', '#d585': 'DimGrey', '#d584': 'DimGray', '#d428': 'LightSalmon2', '#d429': 'coral', '#d581': 'grey43', '#d580': 'gray43', '#d89': 'thistle4', '#d88': 'plum3', '#d349': 'goldenrod4', '#d348': 'goldenrod3', '#d81': 'thistle2', '#d80': 'thistle1', '#d83': 'plum2', '#d82': 'plum1', '#d85': 'thistle3', '#d84': 'thistle', '#d87': 'violet', '#d86': 'plum', '#d601': 'grey34', '#d67': 'DeepPink3', '#d66': 'DeepPink2', '#d65': 'DeepPink1', '#d64': 'DeepPink', '#d63': 'HotPink', '#d62': 'HotPink4', '#d61': 'HotPink1', '#d60': 'HotPink2', '#d69': 'maroon1', '#d68': 'DeepPink4', '#d510': 'grey76', '#d511': 'silver', '#d512': 'gray75', '#d513': 'grey75', '#d514': 'gray74', '#d515': 'grey74', '#d516': 'gray73', '#d517': 'grey73', '#d518': 'gray72', '#d519': 'grey72', '#d150': 'LightSteelBlue2', '#d151': 'LightSteelBlue3', '#d152': 'LightSteelBlue4', '#d153': 'SlateGray4', '#d154': 'SlateGray1', '#d155': 'SlateGray2', '#d156': 'SlateGray3', '#d157': 'LightSlateGray', '#d158': 'LightSlateGrey', '#d159': 'SlateGray', '#d565': 'gray50', '#d564': 'fractal', '#d567': 'gray', '#d566': 'grey50', '#d561': 'grey52', '#d560': 'gray52', '#d563': 'grey51', '#d562': 'gray51', '#d604': 'gray32', '#d605': 'grey32', '#d606': 'gray31', '#d607': 'grey31', '#d569': 'grey49', '#d568': 'gray49', '#d602': 'gray33', '#d603': 'grey33', '#d125': 'SlateBlue', '#d124': 'MediumSlateBlue', '#d127': 'SlateBlue2', '#d126': 'SlateBlue1', '#d121': 'MediumPurple4', '#d120': 'MediumPurple3', '#d123': 'LightSlateBlue', '#d122': 'DarkSlateBlue', '#d359': 'wheat1', '#d129': 'SlateBlue4', '#d128': 'SlateBlue3', '#d301': 'LightYellow', '#d300': 'ivory1', '#d303': 'beige', '#d302': 'LightYellow1', '#d305': 'LightGoldenrodYellow', '#d304': 'ivory2', '#d307': 'ivory3', '#d306': 'LightYellow2', '#d309': 'ivory4', '#d308': 'LightYellow3', '#d462': 'grey98', '#d351': 'DarkGoldenrod1', '#d464': 'grey97', '#d465': 'gray96', '#d466': 'grey96', '#d467': 'WhiteSmoke', '#d463': 'gray97', '#d268': 'PaleGreen3', '#d269': 'honeydew4', '#d266': 'DarkSeaGreen3', '#d267': 'DarkSeaGreen', '#d264': 'LightGreen', '#d265': 'PaleGreen2', '#d262': 'PaleGreen', '#d263': 'honeydew3', '#d260': 'DarkSeaGreen2', '#d261': 'PaleGreen1', '#d598': 'gray35', '#d29': 'firebrick4', '#d28': 'brown4', '#d23': 'red2', '#d22': 'firebrick3', '#d21': 'RosyBrown4', '#d20': 'red1', '#d27': 'IndianRed4', '#d26': 'red3', '#d25': 'brown', '#d24': 'firebrick', '#d599': 'grey35', '#d338': 'LightGoldenrod1', '#d419': 'sienna4', '#d418': 'seashell1', '#d230': 'teal', '#d415': 'chocolate4', '#d414': 'chocolate3', '#d417': 'seashell', '#d416': 'SaddleBrown', '#d411': 'chocolate', '#d410': 'seashell3', '#d413': 'chocolate2', '#d412': 'chocolate1', '#d398': 'tan1', '#d399': 'tan2', '#d392': 'DarkOrange1', '#d393': 'linen', '#d390': 'bisque1', '#d391': 'bisque3', '#d396': 'DarkOrange4', '#d397': 'peru', '#d394': 'DarkOrange2', '#d395': 'DarkOrange3', '#d194': 'CadetBlue2', '#d195': 'CadetBlue3', '#d196': 'CadetBlue4', '#d197': 'turquoise1', '#d190': 'LightBlue', '#d191': 'LightBlue4', '#d192': 'PowderBlue', '#d193': 'CadetBlue1', '#d198': 'turquoise2', '#d199': 'turquoise3', '#d330': 'cornsilk4', '#d331': 'gold', '#d640': 'gray14', '#d641': 'grey14', '#d642': 'gray13', '#d643': 'grey13', '#d644': 'gray12', '#d645': 'grey12', '#d646': 'gray11', '#d647': 'grey11', '#d648': 'gray10', '#d649': 'grey10', '#d668': 'black', '#d486': 'gainsboro', '#d487': 'gray86', '#d484': 'gray87', '#d485': 'grey87', '#d482': 'gray88', '#d483': 'grey88', '#d480': 'gray89', '#d481': 'grey89', '#d521': 'grey71', '#d520': 'gray71', '#d523': 'grey70', '#d522': 'gray70', '#d525': 'grey69', '#d524': 'gray69', '#d488': 'grey86', '#d489': 'gray85', '#d430': 'OrangeRed', '#d660': 'gray4', '#d169': 'SteelBlue1', '#d168': 'SteelBlue', '#d661': 'grey4', '#d161': 'DodgerBlue', '#d160': 'SlateGrey', '#d163': 'DodgerBlue2', '#d162': 'DodgerBlue1', '#d165': 'DodgerBlue3', '#d164': 'DodgerBlue4', '#d167': 'SteelBlue4', '#d166': 'AliceBlue', '#d635': 'grey17', '#d634': 'gray17', '#d637': 'grey16', '#d636': 'gray16', '#d631': 'grey19', '#d630': 'gray19', '#d633': 'grey18', '#d632': 'gray18', '#d639': 'grey15', '#d638': 'gray15', '#d368': 'PapayaWhip', '#d222': 'cyan', '#d223': 'cyan1', '#d220': 'LightCyan4', '#d221': 'aqua', '#d226': 'DarkSlateGray4', '#d227': 'cyan3', '#d224': 'PaleTurquoise4', '#d225': 'cyan2', '#d228': 'cyan4', '#d229': 'DarkCyan', '#d590': 'gray39', '#d538': 'gray63', '#d539': 'grey63', '#d591': 'grey39', '#d451': 'MistyRose', '#d450': 'MistyRose2', '#d453': 'salmon', '#d452': 'MistyRose1', '#d455': 'white', '#d454': 'MistyRose3', '#d457': 'grey100', '#d456': 'gray100', '#d459': 'gray99', '#d458': 'grey100', '#d592': 'gray38', '#d593': 'grey38', '#d594': 'gray37', '#d595': 'grey37', '#d596': 'gray36', '#d597': 'grey36', '#d297': 'YellowGreen', '#d296': 'OliveDrab3', '#d295': 'OliveDrab2', '#d294': 'OliveDrab1', '#d293': 'OliveDrab', '#d292': 'DarkOliveGreen', '#d291': 'DarkOliveGreen4', '#d290': 'DarkOliveGreen2', '#d356': 'wheat2', '#d357': 'OldLace', '#d354': 'DarkGoldenrod4', '#d355': 'FloralWhite', '#d352': 'DarkGoldenrod2', '#d353': 'DarkGoldenrod3', '#d299': 'ivory', '#d298': 'OliveDrab4', '#d468': 'gray95', '#d534': 'gray65', '#d535': 'grey65', '#d52': 'LavenderBlush2', '#d53': 'LavenderBlush4', '#d50': 'LavenderBlush1', '#d51': 'LavenderBlush3', '#d56': 'VioletRed3', '#d57': 'VioletRed1', '#d54': 'maroon', '#d55': 'HotPink3', '#d58': 'VioletRed2', '#d59': 'VioletRed4', '#d469': 'grey95', '#d558': 'gray53', '#d559': 'grey53', '#d576': 'gray45', '#d577': 'grey45', '#d574': 'gray46', '#d575': 'grey46', '#d572': 'gray47', '#d573': 'grey47', '#d570': 'gray48', '#d571': 'grey48', '#d671': 'opaque', '#d670': 'grey0', '#d673': 'transparent', '#d672': 'none', '#d578': 'gray44', '#d579': 'grey44', '#d589': 'grey40', '#d588': 'gray40', '#d4': 'RosyBrown2', '#d5': 'snow3', '#d6': 'LightCoral', '#d7': 'IndianRed1', '#d0': 'snow', '#d1': 'snow1', '#d2': 'snow2', '#d3': 'RosyBrown1', '#d8': 'RosyBrown3', '#d9': 'IndianRed2', '#d136': 'MediumBlue', '#d137': 'blue4', '#d134': 'blue2', '#d135': 'blue3', '#d132': 'blue', '#d133': 'blue1', '#d130': 'GhostWhite', '#d131': 'lavender', '#d583': 'grey42', '#d138': 'DarkBlue', '#d139': 'MidnightBlue', '#d312': 'yellow1', '#d313': 'yellow2', '#d310': 'LightYellow4', '#d311': 'yellow', '#d316': 'olive', '#d317': 'DarkKhaki', '#d314': 'yellow3', '#d315': 'yellow4', '#d318': 'khaki2', '#d319': 'LemonChiffon4', '#d259': 'DarkSeaGreen1', '#d258': 'honeydew2', '#d253': 'SeaGreen4', '#d252': 'SeaGreen1', '#d251': 'SeaGreen3', '#d250': 'SeaGreen', '#d257': 'honeydew1', '#d256': 'honeydew', '#d255': 'MediumForestGreen', '#d254': 'SeaGreen2', '#d345': 'goldenrod', '#d344': 'cornsilk1', '#d612': 'gray28', '#d347': 'goldenrod2', '#d461': 'gray98', '#d346': 'goldenrod1', '#d479': 'grey90', '#d341': 'cornsilk3', '#d478': 'gray90', '#d340': 'LightGoldenrod2', '#d343': 'cornsilk', '#d342': 'cornsilk2', '#d528': 'gray67', '#d408': 'seashell4', '#d409': 'seashell2', '#d406': 'PeachPuff3', '#d407': 'SandyBrown', '#d404': 'PeachPuff4', '#d405': 'PeachPuff2', '#d402': 'PeachPuff', '#d403': 'PeachPuff1', '#d400': 'tan3', '#d401': 'tan4', '#d552': 'gray56', '#d460': 'grey99', '#d16': 'firebrick2', '#d17': 'snow4', '#d14': 'IndianRed', '#d15': 'IndianRed3', '#d12': 'firebrick1', '#d13': 'brown2', '#d10': 'RosyBrown', '#d11': 'brown1', '#d532': 'gray66', '#d533': 'grey66', '#d530': 'DarkGray', '#d531': 'DarkGrey', '#d536': 'gray64', '#d537': 'grey64', '#d18': 'brown3', '#d19': 'red', '#d329': 'MediumGoldenRod', '#d328': 'LemonChiffon2', '#d178': 'LightSkyBlue1', '#d179': 'LightSkyBlue2', '#d172': 'SkyBlue4', '#d173': 'SkyBlue1', '#d170': 'SteelBlue2', '#d171': 'SteelBlue3', '#d176': 'LightSkyBlue', '#d177': 'LightSkyBlue4', '#d174': 'SkyBlue2', '#d175': 'SkyBlue3', '#d626': 'gray21', '#d627': 'grey21', '#d624': 'gray22', '#d625': 'grey22', '#d622': 'gray23', '#d623': 'grey23', '#d620': 'gray24', '#d621': 'grey24', '#d628': 'gray20', '#d629': 'grey20', '#d219': 'azure4', '#d218': 'DarkSlateGray3', '#d217': 'PaleTurquoise3', '#d216': 'DarkSlateGray2', '#d215': 'LightCyan3', '#d214': 'azure3', '#d213': 'DarkSlateGray1', '#d212': 'PaleTurquoise2', '#d211': 'PaleTurquoise', '#d210': 'PaleTurquoise1', '#d669': 'gray0', '#d582': 'gray42', '#d442': 'coral3', '#d443': 'coral4', '#d440': 'coral1', '#d441': 'coral2', '#d446': 'tomato1', '#d447': 'tomato2', '#d444': 'tomato4', '#d445': 'tomato', '#d448': 'tomato3', '#d449': 'MistyRose4', '#d280': 'DarkGreen', '#d281': 'LawnGreen', '#d282': 'chartreuse', '#d283': 'chartreuse1', '#d284': 'chartreuse2', '#d285': 'chartreuse3', '#d286': 'chartreuse4', '#d287': 'GreenYellow', '#d288': 'DarkOliveGreen3', '#d289': 'DarkOliveGreen1', '#d361': 'orange', '#d360': 'wheat3', '#d367': 'moccasin', '#d366': 'wheat4', '#d365': 'orange4', '#d364': 'orange3', '#d49': 'LavenderBlush', '#d48': 'PaleVioletRed3', '#d45': 'PaleVioletRed', '#d44': 'PaleVioletRed4', '#d47': 'PaleVioletRed1', '#d46': 'PaleVioletRed2', '#d41': 'pink2', '#d40': 'pink1', '#d43': 'pink4', '#d42': 'pink3', '#d358': 'wheat', '#d527': 'grey68', '#d526': 'gray68', '#d614': 'gray27', '#d543': 'grey61', '#d542': 'gray61', '#d541': 'grey62', '#d540': 'gray62', '#d547': 'grey59', '#d546': 'gray59', '#d545': 'grey60', '#d544': 'gray60', '#d662': 'gray3', '#d663': 'grey3', '#d549': 'grey58', '#d548': 'gray58', '#d666': 'gray1', '#d667': 'grey1', '#d664': 'gray2', '#d665': 'grey2', '#d103': 'MediumOrchid4', '#d102': 'MediumOrchid3', '#d101': 'MediumOrchid2', '#d100': 'MediumOrchid1', '#d107': 'DarkOrchid3', '#d106': 'DarkOrchid1', '#d105': 'DarkOrchid', '#d104': 'DarkViolet', '#d109': 'DarkOrchid4', '#d108': 'DarkOrchid2', '#d244': 'SpringGreen', '#d245': 'SpringGreen1', '#d246': 'SpringGreen2', '#d247': 'SpringGreen3', '#d240': 'aquamarine3', '#d241': 'MediumAquamarine', '#d242': 'MediumSpringGreen', '#d243': 'MintCream', '#d327': 'LemonChiffon3', '#d326': 'khaki', '#d325': 'LemonChiffon1', '#d324': 'LemonChiffon', '#d248': 'SpringGreen4', '#d249': 'MediumSeaGreen', '#d321': 'khaki3', '#d320': 'khaki1', '#d350': 'DarkGoldenrod', '#d439': 'salmon4', '#d438': 'salmon3', '#d98': 'purple', '#d99': 'MediumOrchid', '#d96': 'DarkMagenta', '#d97': 'magenta4', '#d94': 'magenta2', '#d95': 'magenta3', '#d92': 'magenta1', '#d93': 'plum4', '#d90': 'fuchsia', '#d91': 'magenta', '#d433': 'OrangeRed3', '#d432': 'OrangeRed2', '#d431': 'OrangeRed1', '#d74': 'VioletRed', '#d75': 'orchid2', '#d76': 'orchid', '#d77': 'orchid1', '#d70': 'maroon2', '#d71': 'maroon3', '#d72': 'maroon4', '#d73': 'MediumVioletRed', '#d437': 'salmon2', '#d78': 'orchid3', '#d79': 'orchid4', '#d436': 'salmon1', '#d435': 'DarkSalmon', '#d434': 'OrangeRed4', '#d507': 'gray77', '#d506': 'grey78', '#d505': 'gray78', '#d504': 'grey79', '#d503': 'gray79', '#d502': 'grey80', '#d501': 'gray80', '#d500': 'grey81', '#d509': 'gray76', '#d508': 'grey77', '#d473': 'grey93', '#d369': 'NavajoWhite3', '#d147': 'CornflowerBlue', '#d146': 'RoyalBlue4', '#d145': 'RoyalBlue3', '#d144': 'RoyalBlue2', '#d143': 'RoyalBlue1', '#d142': 'RoyalBlue', '#d141': 'NavyBlue', '#d140': 'navy', '#d149': 'LightSteelBlue1', '#d148': 'LightSteelBlue', '#d472': 'gray93', '#d613': 'grey28', '#d363': 'orange2', '#d611': 'grey29', '#d610': 'gray29', '#d617': 'grey26', '#d616': 'gray26', '#d615': 'grey27', '#d362': 'orange1', '#d619': 'grey25', '#d618': 'gray25', '#d208': 'azure2', '#d209': 'LightCyan2', '#d200': 'turquoise4', '#d201': 'cadet blue', '#d202': 'CadetBlue', '#d203': 'DarkTurquoise', '#d204': 'azure', '#d205': 'azure1', '#d206': 'LightCyan', '#d207': 'LightCyan1', '#d608': 'gray30', '#d609': 'grey30', '#d374': 'NavajoWhite4', '#d375': 'AntiqueWhite4', '#d376': 'AntiqueWhite', '#d377': 'tan', '#d370': 'BlanchedAlmond', '#d371': 'NavajoWhite', '#d372': 'NavajoWhite1', '#d373': 'NavajoWhite2', '#d477': 'grey91', '#d476': 'gray91', '#d475': 'grey92', '#d474': 'gray92', '#d378': 'bisque4', '#d379': 'burlywood', '#d471': 'grey94', '#d470': 'gray94', '#d279': 'green', '#d278': 'green4', '#d275': 'PaleGreen4', '#d274': 'green2', '#d277': 'ForestGreen', '#d276': 'green3', '#d271': 'lime', '#d270': 'green1', '#d273': 'DarkSeaGreen4', '#d272': 'LimeGreen', '#d38': 'pink', '#d39': 'crimson', '#d30': 'DarkRed', '#d31': 'red4', '#d32': 'maroon', '#d33': 'LightPink1', '#d34': 'LightPink3', '#d35': 'LightPink4', '#d36': 'LightPink2', '#d37': 'LightPink', '#d658': 'gray5', '#d389': 'bisque', '#d388': 'bisque2', '#d381': 'burlywood1', '#d380': 'AntiqueWhite2', '#d383': 'burlywood2', '#d382': 'burlywood3', '#d385': 'burlywood4', '#d384': 'AntiqueWhite1', '#d387': 'DarkOrange', '#d386': 'AntiqueWhite3', '#d189': 'LightBlue2', '#d188': 'LightBlue1', '#d183': 'DeepSkyBlue', '#d182': 'LightBlue3', '#d181': 'SkyBlue', '#d180': 'LightSkyBlue3', '#d187': 'DeepSkyBlue3', '#d186': 'DeepSkyBlue4', '#d185': 'DeepSkyBlue2', '#d184': 'DeepSkyBlue1', '#d657': 'grey6', '#d656': 'gray6', '#d655': 'grey7', '#d654': 'gray7', '#d653': 'grey8', '#d652': 'gray8', '#d651': 'grey9', '#d650': 'gray9', '#d550': 'gray57', '#d659': 'grey5', '#d551': 'grey57', '#d495': 'LightGray', '#d494': 'grey83', '#d497': 'gray82', '#d496': 'LightGrey', '#d491': 'gray84', '#d490': 'grey85', '#d493': 'gray83', '#d492': 'grey84', '#d554': 'gray55', '#d555': 'grey55', '#d556': 'gray54', '#d557': 'grey54', '#d499': 'gray81', '#d498': 'grey82', '#d323': 'PaleGoldenrod', '#d553': 'grey56'}
\ No newline at end of file
diff --git a/frontend/imgrid/colors/junk/divlistmaker b/frontend/imgrid/colors/junk/divlistmaker
new file mode 100755
index 0000000..b461bc9
--- /dev/null
+++ b/frontend/imgrid/colors/junk/divlistmaker
@@ -0,0 +1,32 @@
+#!/usr/bin/python2.7
+
+
+
+divlist = []
+for x in range(674):
+		divlist.append("#d"+str(x))
+
+print str(divlist)
+
+f = open('colordict.js', 'a')
+
+f.write("var divlist = ")
+f.write(str(divlist))
+f.close()
+
+f = open('colors.html', 'r')
+lines = f.readlines()
+colornames = []
+for line in lines:
+  if 'right' in line and 'td' in line:
+    colornames.append(line[22:-6])
+
+divtoname = {}
+for i in divlist:
+	divtoname[i] = colornames[divlist.index(i)]
+
+print divtoname
+f = open('colordict.js', 'a')
+f.write("\nvar divtoname = ")
+f.write(str(divtoname))
+
diff --git a/frontend/imgrid/colors/junk/mapmaker.html b/frontend/imgrid/colors/junk/mapmaker.html
new file mode 100755
index 0000000..05ca832
--- /dev/null
+++ b/frontend/imgrid/colors/junk/mapmaker.html
@@ -0,0 +1,3586 @@
+<html>
+<head>
+
+<style type='text/css'>
+
+body
+{
+max-width:100%;
+max-height:100%; 
+font-family:helvetica; 
+font-size:2px; 
+}
+
+
+#container div
+{
+display: -moz-inline-stack;
+display:inline-block;
+vertical-align:bottom;
+height: 4px;
+zoom: 1;
+*display: inline;
+}
+
+#container
+{
+margin:0 auto;
+width:30px;
+padding-top:60px;
+padding-bottom:50px;
+padding-left:10px;
+padding-right:10px;
+text-align:center;
+}
+
+#colornames
+{
+color:white;
+position:fixed;
+font-size:50px;
+top:50px;
+right:60%;
+width:400px;
+}
+
+#hexswitch
+		{
+		position:fixed;
+		top:20px;
+		right:10%;
+		height:100px;
+		width:300px;
+		font-size:20px
+		border-style: groove;
+		border-width: 4px;
+		background-color:goldenrod;
+		text-align:center;
+		}
+#infoswitch
+		{
+		position:fixed;
+		top: 60px;
+		right:5%;
+		font-size:20px
+		background-color:gray;
+		text-align:center;
+		}
+#d0
+{background-color:#FFFAFA}
+
+#d1
+{background-color:#FFFAFA}
+
+#d2
+{background-color:#EEE9E9}
+
+#d3
+{background-color:#FFC1C1}
+
+#d4
+{background-color:#EEB4B4}
+
+#d5
+{background-color:#CDC9C9}
+
+#d6
+{background-color:#F08080}
+
+#d7
+{background-color:#FF6A6A}
+
+#d8
+{background-color:#CD9B9B}
+
+#d9
+{background-color:#EE6363}
+
+#d10
+{background-color:#BC8F8F}
+
+#d11
+{background-color:#FF4040}
+
+#d12
+{background-color:#FF3030}
+
+#d13
+{background-color:#EE3B3B}
+
+#d14
+{background-color:#CD5C5C}
+
+#d15
+{background-color:#CD5555}
+
+#d16
+{background-color:#EE2C2C}
+
+#d17
+{background-color:#8B8989}
+
+#d18
+{background-color:#CD3333}
+
+#d19
+{background-color:#FF0000}
+
+#d20
+{background-color:#FF0000}
+
+#d21
+{background-color:#8B6969}
+
+#d22
+{background-color:#CD2626}
+
+#d23
+{background-color:#EE0000}
+
+#d24
+{background-color:#B22222}
+
+#d25
+{background-color:#A52A2A}
+
+#d26
+{background-color:#CD0000}
+
+#d27
+{background-color:#8B3A3A}
+
+#d28
+{background-color:#8B2323}
+
+#d29
+{background-color:#8B1A1A}
+
+#d30
+{background-color:#8B0000}
+
+#d31
+{background-color:#8B0000}
+
+#d32
+{background-color:#800000}
+
+#d33
+{background-color:#FFAEB9}
+
+#d34
+{background-color:#CD8C95}
+
+#d35
+{background-color:#8B5F65}
+
+#d36
+{background-color:#EEA2AD}
+
+#d37
+{background-color:#FFB6C1}
+
+#d38
+{background-color:#FFC0CB}
+
+#d39
+{background-color:#DC143C}
+
+#d40
+{background-color:#FFB5C5}
+
+#d41
+{background-color:#EEA9B8}
+
+#d42
+{background-color:#CD919E}
+
+#d43
+{background-color:#8B636C}
+
+#d44
+{background-color:#8B475D}
+
+#d45
+{background-color:#DB7093}
+
+#d46
+{background-color:#EE799F}
+
+#d47
+{background-color:#FF82AB}
+
+#d48
+{background-color:#CD6889}
+
+#d49
+{background-color:#FFF0F5}
+
+#d50
+{background-color:#FFF0F5}
+
+#d51
+{background-color:#CDC1C5}
+
+#d52
+{background-color:#EEE0E5}
+
+#d53
+{background-color:#8B8386}
+
+#d54
+{background-color:#B03060}
+
+#d55
+{background-color:#CD6090}
+
+#d56
+{background-color:#CD3278}
+
+#d57
+{background-color:#FF3E96}
+
+#d58
+{background-color:#EE3A8C}
+
+#d59
+{background-color:#8B2252}
+
+#d60
+{background-color:#EE6AA7}
+
+#d61
+{background-color:#FF6EB4}
+
+#d62
+{background-color:#8B3A62}
+
+#d63
+{background-color:#FF69B4}
+
+#d64
+{background-color:#FF1493}
+
+#d65
+{background-color:#FF1493}
+
+#d66
+{background-color:#EE1289}
+
+#d67
+{background-color:#CD1076}
+
+#d68
+{background-color:#8B0A50}
+
+#d69
+{background-color:#FF34B3}
+
+#d70
+{background-color:#EE30A7}
+
+#d71
+{background-color:#CD2990}
+
+#d72
+{background-color:#8B1C62}
+
+#d73
+{background-color:#C71585}
+
+#d74
+{background-color:#D02090}
+
+#d75
+{background-color:#EE7AE9}
+
+#d76
+{background-color:#DA70D6}
+
+#d77
+{background-color:#FF83FA}
+
+#d78
+{background-color:#CD69C9}
+
+#d79
+{background-color:#8B4789}
+
+#d80
+{background-color:#FFE1FF}
+
+#d81
+{background-color:#EED2EE}
+
+#d82
+{background-color:#FFBBFF}
+
+#d83
+{background-color:#EEAEEE}
+
+#d84
+{background-color:#D8BFD8}
+
+#d85
+{background-color:#CDB5CD}
+
+#d86
+{background-color:#DDA0DD}
+
+#d87
+{background-color:#EE82EE}
+
+#d88
+{background-color:#CD96CD}
+
+#d89
+{background-color:#8B7B8B}
+
+#d90
+{background-color:#FF00FF}
+
+#d91
+{background-color:#FF00FF}
+
+#d92
+{background-color:#FF00FF}
+
+#d93
+{background-color:#8B668B}
+
+#d94
+{background-color:#EE00EE}
+
+#d95
+{background-color:#CD00CD}
+
+#d96
+{background-color:#8B008B}
+
+#d97
+{background-color:#8B008B}
+
+#d98
+{background-color:#800080}
+
+#d99
+{background-color:#BA55D3}
+
+#d100
+{background-color:#E066FF}
+
+#d101
+{background-color:#D15FEE}
+
+#d102
+{background-color:#B452CD}
+
+#d103
+{background-color:#7A378B}
+
+#d104
+{background-color:#9400D3}
+
+#d105
+{background-color:#9932CC}
+
+#d106
+{background-color:#BF3EFF}
+
+#d107
+{background-color:#9A32CD}
+
+#d108
+{background-color:#B23AEE}
+
+#d109
+{background-color:#68228B}
+
+#d110
+{background-color:#A020F0}
+
+#d111
+{background-color:#4B0082}
+
+#d112
+{background-color:#8A2BE2}
+
+#d113
+{background-color:#912CEE}
+
+#d114
+{background-color:#7D26CD}
+
+#d115
+{background-color:#551A8B}
+
+#d116
+{background-color:#9B30FF}
+
+#d117
+{background-color:#9370DB}
+
+#d118
+{background-color:#AB82FF}
+
+#d119
+{background-color:#9F79EE}
+
+#d120
+{background-color:#8968CD}
+
+#d121
+{background-color:#5D478B}
+
+#d122
+{background-color:#483D8B}
+
+#d123
+{background-color:#8470FF}
+
+#d124
+{background-color:#7B68EE}
+
+#d125
+{background-color:#6A5ACD}
+
+#d126
+{background-color:#836FFF}
+
+#d127
+{background-color:#7A67EE}
+
+#d128
+{background-color:#6959CD}
+
+#d129
+{background-color:#473C8B}
+
+#d130
+{background-color:#F8F8FF}
+
+#d131
+{background-color:#E6E6FA}
+
+#d132
+{background-color:#0000FF}
+
+#d133
+{background-color:#0000FF}
+
+#d134
+{background-color:#0000EE}
+
+#d135
+{background-color:#0000CD}
+
+#d136
+{background-color:#0000CD}
+
+#d137
+{background-color:#00008B}
+
+#d138
+{background-color:#00008B}
+
+#d139
+{background-color:#191970}
+
+#d140
+{background-color:#000080}
+
+#d141
+{background-color:#000080}
+
+#d142
+{background-color:#4169E1}
+
+#d143
+{background-color:#4876FF}
+
+#d144
+{background-color:#436EEE}
+
+#d145
+{background-color:#3A5FCD}
+
+#d146
+{background-color:#27408B}
+
+#d147
+{background-color:#6495ED}
+
+#d148
+{background-color:#B0C4DE}
+
+#d149
+{background-color:#CAE1FF}
+
+#d150
+{background-color:#BCD2EE}
+
+#d151
+{background-color:#A2B5CD}
+
+#d152
+{background-color:#6E7B8B}
+
+#d153
+{background-color:#6C7B8B}
+
+#d154
+{background-color:#C6E2FF}
+
+#d155
+{background-color:#B9D3EE}
+
+#d156
+{background-color:#9FB6CD}
+
+#d157
+{background-color:#778899}
+
+#d158
+{background-color:#778899}
+
+#d159
+{background-color:#708090}
+
+#d160
+{background-color:#708090}
+
+#d161
+{background-color:#1E90FF}
+
+#d162
+{background-color:#1E90FF}
+
+#d163
+{background-color:#1C86EE}
+
+#d164
+{background-color:#104E8B}
+
+#d165
+{background-color:#1874CD}
+
+#d166
+{background-color:#F0F8FF}
+
+#d167
+{background-color:#36648B}
+
+#d168
+{background-color:#4682B4}
+
+#d169
+{background-color:#63B8FF}
+
+#d170
+{background-color:#5CACEE}
+
+#d171
+{background-color:#4F94CD}
+
+#d172
+{background-color:#4A708B}
+
+#d173
+{background-color:#87CEFF}
+
+#d174
+{background-color:#7EC0EE}
+
+#d175
+{background-color:#6CA6CD}
+
+#d176
+{background-color:#87CEFA}
+
+#d177
+{background-color:#607B8B}
+
+#d178
+{background-color:#B0E2FF}
+
+#d179
+{background-color:#A4D3EE}
+
+#d180
+{background-color:#8DB6CD}
+
+#d181
+{background-color:#87CEEB}
+
+#d182
+{background-color:#9AC0CD}
+
+#d183
+{background-color:#00BFFF}
+
+#d184
+{background-color:#00BFFF}
+
+#d185
+{background-color:#00B2EE}
+
+#d186
+{background-color:#00688B}
+
+#d187
+{background-color:#009ACD}
+
+#d188
+{background-color:#BFEFFF}
+
+#d189
+{background-color:#B2DFEE}
+
+#d190
+{background-color:#ADD8E6}
+
+#d191
+{background-color:#68838B}
+
+#d192
+{background-color:#B0E0E6}
+
+#d193
+{background-color:#98F5FF}
+
+#d194
+{background-color:#8EE5EE}
+
+#d195
+{background-color:#7AC5CD}
+
+#d196
+{background-color:#53868B}
+
+#d197
+{background-color:#00F5FF}
+
+#d198
+{background-color:#00E5EE}
+
+#d199
+{background-color:#00C5CD}
+
+#d200
+{background-color:#00868B}
+
+#d201
+{background-color:#5F9EA0}
+
+#d202
+{background-color:#5F9EA0}
+
+#d203
+{background-color:#00CED1}
+
+#d204
+{background-color:#F0FFFF}
+
+#d205
+{background-color:#F0FFFF}
+
+#d206
+{background-color:#E0FFFF}
+
+#d207
+{background-color:#E0FFFF}
+
+#d208
+{background-color:#E0EEEE}
+
+#d209
+{background-color:#D1EEEE}
+
+#d210
+{background-color:#BBFFFF}
+
+#d211
+{background-color:#AFEEEE}
+
+#d212
+{background-color:#AEEEEE}
+
+#d213
+{background-color:#97FFFF}
+
+#d214
+{background-color:#C1CDCD}
+
+#d215
+{background-color:#B4CDCD}
+
+#d216
+{background-color:#8DEEEE}
+
+#d217
+{background-color:#96CDCD}
+
+#d218
+{background-color:#79CDCD}
+
+#d219
+{background-color:#838B8B}
+
+#d220
+{background-color:#7A8B8B}
+
+#d221
+{background-color:#00FFFF}
+
+#d222
+{background-color:#00FFFF}
+
+#d223
+{background-color:#00FFFF}
+
+#d224
+{background-color:#668B8B}
+
+#d225
+{background-color:#00EEEE}
+
+#d226
+{background-color:#528B8B}
+
+#d227
+{background-color:#00CDCD}
+
+#d228
+{background-color:#008B8B}
+
+#d229
+{background-color:#008B8B}
+
+#d230
+{background-color:#008080}
+
+#d231
+{background-color:#2F4F4F}
+
+#d232
+{background-color:#2F4F4F}
+
+#d233
+{background-color:#48D1CC}
+
+#d234
+{background-color:#20B2AA}
+
+#d235
+{background-color:#40E0D0}
+
+#d236
+{background-color:#458B74}
+
+#d237
+{background-color:#7FFFD4}
+
+#d238
+{background-color:#7FFFD4}
+
+#d239
+{background-color:#76EEC6}
+
+#d240
+{background-color:#66CDAA}
+
+#d241
+{background-color:#66CDAA}
+
+#d242
+{background-color:#00FA9A}
+
+#d243
+{background-color:#F5FFFA}
+
+#d244
+{background-color:#00FF7F}
+
+#d245
+{background-color:#00FF7F}
+
+#d246
+{background-color:#00EE76}
+
+#d247
+{background-color:#00CD66}
+
+#d248
+{background-color:#008B45}
+
+#d249
+{background-color:#3CB371}
+
+#d250
+{background-color:#2E8B57}
+
+#d251
+{background-color:#43CD80}
+
+#d252
+{background-color:#54FF9F}
+
+#d253
+{background-color:#2E8B57}
+
+#d254
+{background-color:#4EEE94}
+
+#d255
+{background-color:#32814B}
+
+#d256
+{background-color:#F0FFF0}
+
+#d257
+{background-color:#F0FFF0}
+
+#d258
+{background-color:#E0EEE0}
+
+#d259
+{background-color:#C1FFC1}
+
+#d260
+{background-color:#B4EEB4}
+
+#d261
+{background-color:#9AFF9A}
+
+#d262
+{background-color:#98FB98}
+
+#d263
+{background-color:#C1CDC1}
+
+#d264
+{background-color:#90EE90}
+
+#d265
+{background-color:#90EE90}
+
+#d266
+{background-color:#9BCD9B}
+
+#d267
+{background-color:#8FBC8F}
+
+#d268
+{background-color:#7CCD7C}
+
+#d269
+{background-color:#838B83}
+
+#d270
+{background-color:#00FF00}
+
+#d271
+{background-color:#00FF00}
+
+#d272
+{background-color:#32CD32}
+
+#d273
+{background-color:#698B69}
+
+#d274
+{background-color:#00EE00}
+
+#d275
+{background-color:#548B54}
+
+#d276
+{background-color:#00CD00}
+
+#d277
+{background-color:#228B22}
+
+#d278
+{background-color:#008B00}
+
+#d279
+{background-color:#008000}
+
+#d280
+{background-color:#006400}
+
+#d281
+{background-color:#7CFC00}
+
+#d282
+{background-color:#7FFF00}
+
+#d283
+{background-color:#7FFF00}
+
+#d284
+{background-color:#76EE00}
+
+#d285
+{background-color:#66CD00}
+
+#d286
+{background-color:#458B00}
+
+#d287
+{background-color:#ADFF2F}
+
+#d288
+{background-color:#A2CD5A}
+
+#d289
+{background-color:#CAFF70}
+
+#d290
+{background-color:#BCEE68}
+
+#d291
+{background-color:#6E8B3D}
+
+#d292
+{background-color:#556B2F}
+
+#d293
+{background-color:#6B8E23}
+
+#d294
+{background-color:#C0FF3E}
+
+#d295
+{background-color:#B3EE3A}
+
+#d296
+{background-color:#9ACD32}
+
+#d297
+{background-color:#9ACD32}
+
+#d298
+{background-color:#698B22}
+
+#d299
+{background-color:#FFFFF0}
+
+#d300
+{background-color:#FFFFF0}
+
+#d301
+{background-color:#FFFFE0}
+
+#d302
+{background-color:#FFFFE0}
+
+#d303
+{background-color:#F5F5DC}
+
+#d304
+{background-color:#EEEEE0}
+
+#d305
+{background-color:#FAFAD2}
+
+#d306
+{background-color:#EEEED1}
+
+#d307
+{background-color:#CDCDC1}
+
+#d308
+{background-color:#CDCDB4}
+
+#d309
+{background-color:#8B8B83}
+
+#d310
+{background-color:#8B8B7A}
+
+#d311
+{background-color:#FFFF00}
+
+#d312
+{background-color:#FFFF00}
+
+#d313
+{background-color:#EEEE00}
+
+#d314
+{background-color:#CDCD00}
+
+#d315
+{background-color:#8B8B00}
+
+#d316
+{background-color:#808000}
+
+#d317
+{background-color:#BDB76B}
+
+#d318
+{background-color:#EEE685}
+
+#d319
+{background-color:#8B8970}
+
+#d320
+{background-color:#FFF68F}
+
+#d321
+{background-color:#CDC673}
+
+#d322
+{background-color:#8B864E}
+
+#d323
+{background-color:#EEE8AA}
+
+#d324
+{background-color:#FFFACD}
+
+#d325
+{background-color:#FFFACD}
+
+#d326
+{background-color:#F0E68C}
+
+#d327
+{background-color:#CDC9A5}
+
+#d328
+{background-color:#EEE9BF}
+
+#d329
+{background-color:#D1C166}
+
+#d330
+{background-color:#8B8878}
+
+#d331
+{background-color:#FFD700}
+
+#d332
+{background-color:#FFD700}
+
+#d333
+{background-color:#EEC900}
+
+#d334
+{background-color:#CDAD00}
+
+#d335
+{background-color:#8B7500}
+
+#d336
+{background-color:#EEDD82}
+
+#d337
+{background-color:#8B814C}
+
+#d338
+{background-color:#FFEC8B}
+
+#d339
+{background-color:#CDBE70}
+
+#d340
+{background-color:#EEDC82}
+
+#d341
+{background-color:#CDC8B1}
+
+#d342
+{background-color:#EEE8CD}
+
+#d343
+{background-color:#FFF8DC}
+
+#d344
+{background-color:#FFF8DC}
+
+#d345
+{background-color:#DAA520}
+
+#d346
+{background-color:#FFC125}
+
+#d347
+{background-color:#EEB422}
+
+#d348
+{background-color:#CD9B1D}
+
+#d349
+{background-color:#8B6914}
+
+#d350
+{background-color:#B8860B}
+
+#d351
+{background-color:#FFB90F}
+
+#d352
+{background-color:#EEAD0E}
+
+#d353
+{background-color:#CD950C}
+
+#d354
+{background-color:#8B6508}
+
+#d355
+{background-color:#FFFAF0}
+
+#d356
+{background-color:#EED8AE}
+
+#d357
+{background-color:#FDF5E6}
+
+#d358
+{background-color:#F5DEB3}
+
+#d359
+{background-color:#FFE7BA}
+
+#d360
+{background-color:#CDBA96}
+
+#d361
+{background-color:#FFA500}
+
+#d362
+{background-color:#FFA500}
+
+#d363
+{background-color:#EE9A00}
+
+#d364
+{background-color:#CD8500}
+
+#d365
+{background-color:#8B5A00}
+
+#d366
+{background-color:#8B7E66}
+
+#d367
+{background-color:#FFE4B5}
+
+#d368
+{background-color:#FFEFD5}
+
+#d369
+{background-color:#CDB38B}
+
+#d370
+{background-color:#FFEBCD}
+
+#d371
+{background-color:#FFDEAD}
+
+#d372
+{background-color:#FFDEAD}
+
+#d373
+{background-color:#EECFA1}
+
+#d374
+{background-color:#8B795E}
+
+#d375
+{background-color:#8B8378}
+
+#d376
+{background-color:#FAEBD7}
+
+#d377
+{background-color:#D2B48C}
+
+#d378
+{background-color:#8B7D6B}
+
+#d379
+{background-color:#DEB887}
+
+#d380
+{background-color:#EEDFCC}
+
+#d381
+{background-color:#FFD39B}
+
+#d382
+{background-color:#CDAA7D}
+
+#d383
+{background-color:#EEC591}
+
+#d384
+{background-color:#FFEFDB}
+
+#d385
+{background-color:#8B7355}
+
+#d386
+{background-color:#CDC0B0}
+
+#d387
+{background-color:#FF8C00}
+
+#d388
+{background-color:#EED5B7}
+
+#d389
+{background-color:#FFE4C4}
+
+#d390
+{background-color:#FFE4C4}
+
+#d391
+{background-color:#CDB79E}
+
+#d392
+{background-color:#FF7F00}
+
+#d393
+{background-color:#FAF0E6}
+
+#d394
+{background-color:#EE7600}
+
+#d395
+{background-color:#CD6600}
+
+#d396
+{background-color:#8B4500}
+
+#d397
+{background-color:#CD853F}
+
+#d398
+{background-color:#FFA54F}
+
+#d399
+{background-color:#EE9A49}
+
+#d400
+{background-color:#CD853F}
+
+#d401
+{background-color:#8B5A2B}
+
+#d402
+{background-color:#FFDAB9}
+
+#d403
+{background-color:#FFDAB9}
+
+#d404
+{background-color:#8B7765}
+
+#d405
+{background-color:#EECBAD}
+
+#d406
+{background-color:#CDAF95}
+
+#d407
+{background-color:#F4A460}
+
+#d408
+{background-color:#8B8682}
+
+#d409
+{background-color:#EEE5DE}
+
+#d410
+{background-color:#CDC5BF}
+
+#d411
+{background-color:#D2691E}
+
+#d412
+{background-color:#FF7F24}
+
+#d413
+{background-color:#EE7621}
+
+#d414
+{background-color:#CD661D}
+
+#d415
+{background-color:#8B4513}
+
+#d416
+{background-color:#8B4513}
+
+#d417
+{background-color:#FFF5EE}
+
+#d418
+{background-color:#FFF5EE}
+
+#d419
+{background-color:#8B4726}
+
+#d420
+{background-color:#A0522D}
+
+#d421
+{background-color:#FF8247}
+
+#d422
+{background-color:#EE7942}
+
+#d423
+{background-color:#CD6839}
+
+#d424
+{background-color:#CD8162}
+
+#d425
+{background-color:#FFA07A}
+
+#d426
+{background-color:#FFA07A}
+
+#d427
+{background-color:#8B5742}
+
+#d428
+{background-color:#EE9572}
+
+#d429
+{background-color:#FF7F50}
+
+#d430
+{background-color:#FF4500}
+
+#d431
+{background-color:#FF4500}
+
+#d432
+{background-color:#EE4000}
+
+#d433
+{background-color:#CD3700}
+
+#d434
+{background-color:#8B2500}
+
+#d435
+{background-color:#E9967A}
+
+#d436
+{background-color:#FF8C69}
+
+#d437
+{background-color:#EE8262}
+
+#d438
+{background-color:#CD7054}
+
+#d439
+{background-color:#8B4C39}
+
+#d440
+{background-color:#FF7256}
+
+#d441
+{background-color:#EE6A50}
+
+#d442
+{background-color:#CD5B45}
+
+#d443
+{background-color:#8B3E2F}
+
+#d444
+{background-color:#8B3626}
+
+#d445
+{background-color:#FF6347}
+
+#d446
+{background-color:#FF6347}
+
+#d447
+{background-color:#EE5C42}
+
+#d448
+{background-color:#CD4F39}
+
+#d449
+{background-color:#8B7D7B}
+
+#d450
+{background-color:#EED5D2}
+
+#d451
+{background-color:#FFE4E1}
+
+#d452
+{background-color:#FFE4E1}
+
+#d453
+{background-color:#FA8072}
+
+#d454
+{background-color:#CDB7B5}
+
+#d455
+{background-color:#FFFFFF}
+
+#d456
+{background-color:#FFFFFF}
+
+#d457
+{background-color:#FFFFFF}
+
+#d458
+{background-color:#FFFFFF}
+
+#d459
+{background-color:#FCFCFC}
+
+#d460
+{background-color:#FCFCFC}
+
+#d461
+{background-color:#FAFAFA}
+
+#d462
+{background-color:#FAFAFA}
+
+#d463
+{background-color:#F7F7F7}
+
+#d464
+{background-color:#F7F7F7}
+
+#d465
+{background-color:#F5F5F5}
+
+#d466
+{background-color:#F5F5F5}
+
+#d467
+{background-color:#F5F5F5}
+
+#d468
+{background-color:#F2F2F2}
+
+#d469
+{background-color:#F2F2F2}
+
+#d470
+{background-color:#F0F0F0}
+
+#d471
+{background-color:#F0F0F0}
+
+#d472
+{background-color:#EDEDED}
+
+#d473
+{background-color:#EDEDED}
+
+#d474
+{background-color:#EBEBEB}
+
+#d475
+{background-color:#EBEBEB}
+
+#d476
+{background-color:#E8E8E8}
+
+#d477
+{background-color:#E8E8E8}
+
+#d478
+{background-color:#E5E5E5}
+
+#d479
+{background-color:#E5E5E5}
+
+#d480
+{background-color:#E3E3E3}
+
+#d481
+{background-color:#E3E3E3}
+
+#d482
+{background-color:#E0E0E0}
+
+#d483
+{background-color:#E0E0E0}
+
+#d484
+{background-color:#DEDEDE}
+
+#d485
+{background-color:#DEDEDE}
+
+#d486
+{background-color:#DCDCDC}
+
+#d487
+{background-color:#DBDBDB}
+
+#d488
+{background-color:#DBDBDB}
+
+#d489
+{background-color:#D9D9D9}
+
+#d490
+{background-color:#D9D9D9}
+
+#d491
+{background-color:#D6D6D6}
+
+#d492
+{background-color:#D6D6D6}
+
+#d493
+{background-color:#D4D4D4}
+
+#d494
+{background-color:#D4D4D4}
+
+#d495
+{background-color:#D3D3D3}
+
+#d496
+{background-color:#D3D3D3}
+
+#d497
+{background-color:#D1D1D1}
+
+#d498
+{background-color:#D1D1D1}
+
+#d499
+{background-color:#CFCFCF}
+
+#d500
+{background-color:#CFCFCF}
+
+#d501
+{background-color:#CCCCCC}
+
+#d502
+{background-color:#CCCCCC}
+
+#d503
+{background-color:#C9C9C9}
+
+#d504
+{background-color:#C9C9C9}
+
+#d505
+{background-color:#C7C7C7}
+
+#d506
+{background-color:#C7C7C7}
+
+#d507
+{background-color:#C4C4C4}
+
+#d508
+{background-color:#C4C4C4}
+
+#d509
+{background-color:#C2C2C2}
+
+#d510
+{background-color:#C2C2C2}
+
+#d511
+{background-color:#C0C0C0}
+
+#d512
+{background-color:#BFBFBF}
+
+#d513
+{background-color:#BFBFBF}
+
+#d514
+{background-color:#BDBDBD}
+
+#d515
+{background-color:#BDBDBD}
+
+#d516
+{background-color:#BABABA}
+
+#d517
+{background-color:#BABABA}
+
+#d518
+{background-color:#B8B8B8}
+
+#d519
+{background-color:#B8B8B8}
+
+#d520
+{background-color:#B5B5B5}
+
+#d521
+{background-color:#B5B5B5}
+
+#d522
+{background-color:#B3B3B3}
+
+#d523
+{background-color:#B3B3B3}
+
+#d524
+{background-color:#B0B0B0}
+
+#d525
+{background-color:#B0B0B0}
+
+#d526
+{background-color:#ADADAD}
+
+#d527
+{background-color:#ADADAD}
+
+#d528
+{background-color:#ABABAB}
+
+#d529
+{background-color:#ABABAB}
+
+#d530
+{background-color:#A9A9A9}
+
+#d531
+{background-color:#A9A9A9}
+
+#d532
+{background-color:#A8A8A8}
+
+#d533
+{background-color:#A8A8A8}
+
+#d534
+{background-color:#A6A6A6}
+
+#d535
+{background-color:#A6A6A6}
+
+#d536
+{background-color:#A3A3A3}
+
+#d537
+{background-color:#A3A3A3}
+
+#d538
+{background-color:#A1A1A1}
+
+#d539
+{background-color:#A1A1A1}
+
+#d540
+{background-color:#9E9E9E}
+
+#d541
+{background-color:#9E9E9E}
+
+#d542
+{background-color:#9C9C9C}
+
+#d543
+{background-color:#9C9C9C}
+
+#d544
+{background-color:#999999}
+
+#d545
+{background-color:#999999}
+
+#d546
+{background-color:#969696}
+
+#d547
+{background-color:#969696}
+
+#d548
+{background-color:#949494}
+
+#d549
+{background-color:#949494}
+
+#d550
+{background-color:#919191}
+
+#d551
+{background-color:#919191}
+
+#d552
+{background-color:#8F8F8F}
+
+#d553
+{background-color:#8F8F8F}
+
+#d554
+{background-color:#8C8C8C}
+
+#d555
+{background-color:#8C8C8C}
+
+#d556
+{background-color:#8A8A8A}
+
+#d557
+{background-color:#8A8A8A}
+
+#d558
+{background-color:#878787}
+
+#d559
+{background-color:#878787}
+
+#d560
+{background-color:#858585}
+
+#d561
+{background-color:#858585}
+
+#d562
+{background-color:#828282}
+
+#d563
+{background-color:#828282}
+
+#d564
+{background-color:#808080}
+
+#d565
+{background-color:#7F7F7F}
+
+#d566
+{background-color:#7F7F7F}
+
+#d567
+{background-color:#7E7E7E}
+
+#d568
+{background-color:#7D7D7D}
+
+#d569
+{background-color:#7D7D7D}
+
+#d570
+{background-color:#7A7A7A}
+
+#d571
+{background-color:#7A7A7A}
+
+#d572
+{background-color:#787878}
+
+#d573
+{background-color:#787878}
+
+#d574
+{background-color:#757575}
+
+#d575
+{background-color:#757575}
+
+#d576
+{background-color:#737373}
+
+#d577
+{background-color:#737373}
+
+#d578
+{background-color:#707070}
+
+#d579
+{background-color:#707070}
+
+#d580
+{background-color:#6E6E6E}
+
+#d581
+{background-color:#6E6E6E}
+
+#d582
+{background-color:#6B6B6B}
+
+#d583
+{background-color:#6B6B6B}
+
+#d584
+{background-color:#696969}
+
+#d585
+{background-color:#696969}
+
+#d586
+{background-color:#696969}
+
+#d587
+{background-color:#696969}
+
+#d588
+{background-color:#666666}
+
+#d589
+{background-color:#666666}
+
+#d590
+{background-color:#636363}
+
+#d591
+{background-color:#636363}
+
+#d592
+{background-color:#616161}
+
+#d593
+{background-color:#616161}
+
+#d594
+{background-color:#5E5E5E}
+
+#d595
+{background-color:#5E5E5E}
+
+#d596
+{background-color:#5C5C5C}
+
+#d597
+{background-color:#5C5C5C}
+
+#d598
+{background-color:#595959}
+
+#d599
+{background-color:#595959}
+
+#d600
+{background-color:#575757}
+
+#d601
+{background-color:#575757}
+
+#d602
+{background-color:#545454}
+
+#d603
+{background-color:#545454}
+
+#d604
+{background-color:#525252}
+
+#d605
+{background-color:#525252}
+
+#d606
+{background-color:#4F4F4F}
+
+#d607
+{background-color:#4F4F4F}
+
+#d608
+{background-color:#4D4D4D}
+
+#d609
+{background-color:#4D4D4D}
+
+#d610
+{background-color:#4A4A4A}
+
+#d611
+{background-color:#4A4A4A}
+
+#d612
+{background-color:#474747}
+
+#d613
+{background-color:#474747}
+
+#d614
+{background-color:#454545}
+
+#d615
+{background-color:#454545}
+
+#d616
+{background-color:#424242}
+
+#d617
+{background-color:#424242}
+
+#d618
+{background-color:#404040}
+
+#d619
+{background-color:#404040}
+
+#d620
+{background-color:#3D3D3D}
+
+#d621
+{background-color:#3D3D3D}
+
+#d622
+{background-color:#3B3B3B}
+
+#d623
+{background-color:#3B3B3B}
+
+#d624
+{background-color:#383838}
+
+#d625
+{background-color:#383838}
+
+#d626
+{background-color:#363636}
+
+#d627
+{background-color:#363636}
+
+#d628
+{background-color:#333333}
+
+#d629
+{background-color:#333333}
+
+#d630
+{background-color:#303030}
+
+#d631
+{background-color:#303030}
+
+#d632
+{background-color:#2E2E2E}
+
+#d633
+{background-color:#2E2E2E}
+
+#d634
+{background-color:#2B2B2B}
+
+#d635
+{background-color:#2B2B2B}
+
+#d636
+{background-color:#292929}
+
+#d637
+{background-color:#292929}
+
+#d638
+{background-color:#262626}
+
+#d639
+{background-color:#262626}
+
+#d640
+{background-color:#242424}
+
+#d641
+{background-color:#242424}
+
+#d642
+{background-color:#212121}
+
+#d643
+{background-color:#212121}
+
+#d644
+{background-color:#1F1F1F}
+
+#d645
+{background-color:#1F1F1F}
+
+#d646
+{background-color:#1C1C1C}
+
+#d647
+{background-color:#1C1C1C}
+
+#d648
+{background-color:#1A1A1A}
+
+#d649
+{background-color:#1A1A1A}
+
+#d650
+{background-color:#171717}
+
+#d651
+{background-color:#171717}
+
+#d652
+{background-color:#141414}
+
+#d653
+{background-color:#141414}
+
+#d654
+{background-color:#121212}
+
+#d655
+{background-color:#121212}
+
+#d656
+{background-color:#0F0F0F}
+
+#d657
+{background-color:#0F0F0F}
+
+#d658
+{background-color:#0D0D0D}
+
+#d659
+{background-color:#0D0D0D}
+
+#d660
+{background-color:#0A0A0A}
+
+#d661
+{background-color:#0A0A0A}
+
+#d662
+{background-color:#080808}
+
+#d663
+{background-color:#080808}
+
+#d664
+{background-color:#050505}
+
+#d665
+{background-color:#050505}
+
+#d666
+{background-color:#030303}
+
+#d667
+{background-color:#030303}
+
+#d668
+{background-color:#000000}
+
+#d669
+{background-color:#000000}
+
+#d670
+{background-color:#000000}
+
+#d671
+{background-color:#000000}
+
+#d672
+{background-color:#000000}
+
+#d673
+{background-color:#000000}
+.colors
+{
+height:30px;
+width:10px;
+}
+</style></head><body>
+<div id='container'>
+<div id='d0' class='colors'>
+snow</div>
+<div id='d1' class='colors'>
+snow1</div>
+<div id='d2' class='colors'>
+snow2</div>
+<div id='d3' class='colors'>
+RosyBrown1</div>
+<div id='d4' class='colors'>
+RosyBrown2</div>
+<div id='d5' class='colors'>
+snow3</div>
+<div id='d6' class='colors'>
+LightCoral</div>
+<div id='d7' class='colors'>
+IndianRed1</div>
+<div id='d8' class='colors'>
+RosyBrown3</div>
+<div id='d9' class='colors'>
+IndianRed2</div>
+<div id='d10' class='colors'>
+RosyBrown</div>
+<div id='d11' class='colors'>
+brown1</div>
+<div id='d12' class='colors'>
+firebrick1</div>
+<div id='d13' class='colors'>
+brown2</div>
+<div id='d14' class='colors'>
+IndianRed</div>
+<div id='d15' class='colors'>
+IndianRed3</div>
+<div id='d16' class='colors'>
+firebrick2</div>
+<div id='d17' class='colors'>
+snow4</div>
+<div id='d18' class='colors'>
+brown3</div>
+<div id='d19' class='colors'>
+red</div>
+<div id='d20' class='colors'>
+red1</div>
+<div id='d21' class='colors'>
+RosyBrown4</div>
+<div id='d22' class='colors'>
+firebrick3</div>
+<div id='d23' class='colors'>
+red2</div>
+<div id='d24' class='colors'>
+firebrick</div>
+<div id='d25' class='colors'>
+brown</div>
+<div id='d26' class='colors'>
+red3</div>
+<div id='d27' class='colors'>
+IndianRed4</div>
+<div id='d28' class='colors'>
+brown4</div>
+<div id='d29' class='colors'>
+firebrick4</div>
+<div id='d30' class='colors'>
+DarkRed</div>
+<div id='d31' class='colors'>
+red4</div>
+<div id='d32' class='colors'>
+maroon</div>
+<div id='d33' class='colors'>
+LightPink1</div>
+<div id='d34' class='colors'>
+LightPink3</div>
+<div id='d35' class='colors'>
+LightPink4</div>
+<div id='d36' class='colors'>
+LightPink2</div>
+<div id='d37' class='colors'>
+LightPink</div>
+<div id='d38' class='colors'>
+pink</div>
+<div id='d39' class='colors'>
+crimson</div>
+<div id='d40' class='colors'>
+pink1</div>
+<div id='d41' class='colors'>
+pink2</div>
+<div id='d42' class='colors'>
+pink3</div>
+<div id='d43' class='colors'>
+pink4</div>
+<div id='d44' class='colors'>
+PaleVioletRed4</div>
+<div id='d45' class='colors'>
+PaleVioletRed</div>
+<div id='d46' class='colors'>
+PaleVioletRed2</div>
+<div id='d47' class='colors'>
+PaleVioletRed1</div>
+<div id='d48' class='colors'>
+PaleVioletRed3</div>
+<div id='d49' class='colors'>
+LavenderBlush</div>
+<div id='d50' class='colors'>
+LavenderBlush1</div>
+<div id='d51' class='colors'>
+LavenderBlush3</div>
+<div id='d52' class='colors'>
+LavenderBlush2</div>
+<div id='d53' class='colors'>
+LavenderBlush4</div>
+<div id='d54' class='colors'>
+maroon</div>
+<div id='d55' class='colors'>
+HotPink3</div>
+<div id='d56' class='colors'>
+VioletRed3</div>
+<div id='d57' class='colors'>
+VioletRed1</div>
+<div id='d58' class='colors'>
+VioletRed2</div>
+<div id='d59' class='colors'>
+VioletRed4</div>
+<div id='d60' class='colors'>
+HotPink2</div>
+<div id='d61' class='colors'>
+HotPink1</div>
+<div id='d62' class='colors'>
+HotPink4</div>
+<div id='d63' class='colors'>
+HotPink</div>
+<div id='d64' class='colors'>
+DeepPink</div>
+<div id='d65' class='colors'>
+DeepPink1</div>
+<div id='d66' class='colors'>
+DeepPink2</div>
+<div id='d67' class='colors'>
+DeepPink3</div>
+<div id='d68' class='colors'>
+DeepPink4</div>
+<div id='d69' class='colors'>
+maroon1</div>
+<div id='d70' class='colors'>
+maroon2</div>
+<div id='d71' class='colors'>
+maroon3</div>
+<div id='d72' class='colors'>
+maroon4</div>
+<div id='d73' class='colors'>
+MediumVioletRed</div>
+<div id='d74' class='colors'>
+VioletRed</div>
+<div id='d75' class='colors'>
+orchid2</div>
+<div id='d76' class='colors'>
+orchid</div>
+<div id='d77' class='colors'>
+orchid1</div>
+<div id='d78' class='colors'>
+orchid3</div>
+<div id='d79' class='colors'>
+orchid4</div>
+<div id='d80' class='colors'>
+thistle1</div>
+<div id='d81' class='colors'>
+thistle2</div>
+<div id='d82' class='colors'>
+plum1</div>
+<div id='d83' class='colors'>
+plum2</div>
+<div id='d84' class='colors'>
+thistle</div>
+<div id='d85' class='colors'>
+thistle3</div>
+<div id='d86' class='colors'>
+plum</div>
+<div id='d87' class='colors'>
+violet</div>
+<div id='d88' class='colors'>
+plum3</div>
+<div id='d89' class='colors'>
+thistle4</div>
+<div id='d90' class='colors'>
+fuchsia</div>
+<div id='d91' class='colors'>
+magenta</div>
+<div id='d92' class='colors'>
+magenta1</div>
+<div id='d93' class='colors'>
+plum4</div>
+<div id='d94' class='colors'>
+magenta2</div>
+<div id='d95' class='colors'>
+magenta3</div>
+<div id='d96' class='colors'>
+DarkMagenta</div>
+<div id='d97' class='colors'>
+magenta4</div>
+<div id='d98' class='colors'>
+purple</div>
+<div id='d99' class='colors'>
+MediumOrchid</div>
+<div id='d100' class='colors'>
+MediumOrchid1</div>
+<div id='d101' class='colors'>
+MediumOrchid2</div>
+<div id='d102' class='colors'>
+MediumOrchid3</div>
+<div id='d103' class='colors'>
+MediumOrchid4</div>
+<div id='d104' class='colors'>
+DarkViolet</div>
+<div id='d105' class='colors'>
+DarkOrchid</div>
+<div id='d106' class='colors'>
+DarkOrchid1</div>
+<div id='d107' class='colors'>
+DarkOrchid3</div>
+<div id='d108' class='colors'>
+DarkOrchid2</div>
+<div id='d109' class='colors'>
+DarkOrchid4</div>
+<div id='d110' class='colors'>
+purple</div>
+<div id='d111' class='colors'>
+indigo</div>
+<div id='d112' class='colors'>
+BlueViolet</div>
+<div id='d113' class='colors'>
+purple2</div>
+<div id='d114' class='colors'>
+purple3</div>
+<div id='d115' class='colors'>
+purple4</div>
+<div id='d116' class='colors'>
+purple1</div>
+<div id='d117' class='colors'>
+MediumPurple</div>
+<div id='d118' class='colors'>
+MediumPurple1</div>
+<div id='d119' class='colors'>
+MediumPurple2</div>
+<div id='d120' class='colors'>
+MediumPurple3</div>
+<div id='d121' class='colors'>
+MediumPurple4</div>
+<div id='d122' class='colors'>
+DarkSlateBlue</div>
+<div id='d123' class='colors'>
+LightSlateBlue</div>
+<div id='d124' class='colors'>
+MediumSlateBlue</div>
+<div id='d125' class='colors'>
+SlateBlue</div>
+<div id='d126' class='colors'>
+SlateBlue1</div>
+<div id='d127' class='colors'>
+SlateBlue2</div>
+<div id='d128' class='colors'>
+SlateBlue3</div>
+<div id='d129' class='colors'>
+SlateBlue4</div>
+<div id='d130' class='colors'>
+GhostWhite</div>
+<div id='d131' class='colors'>
+lavender</div>
+<div id='d132' class='colors'>
+blue</div>
+<div id='d133' class='colors'>
+blue1</div>
+<div id='d134' class='colors'>
+blue2</div>
+<div id='d135' class='colors'>
+blue3</div>
+<div id='d136' class='colors'>
+MediumBlue</div>
+<div id='d137' class='colors'>
+blue4</div>
+<div id='d138' class='colors'>
+DarkBlue</div>
+<div id='d139' class='colors'>
+MidnightBlue</div>
+<div id='d140' class='colors'>
+navy</div>
+<div id='d141' class='colors'>
+NavyBlue</div>
+<div id='d142' class='colors'>
+RoyalBlue</div>
+<div id='d143' class='colors'>
+RoyalBlue1</div>
+<div id='d144' class='colors'>
+RoyalBlue2</div>
+<div id='d145' class='colors'>
+RoyalBlue3</div>
+<div id='d146' class='colors'>
+RoyalBlue4</div>
+<div id='d147' class='colors'>
+CornflowerBlue</div>
+<div id='d148' class='colors'>
+LightSteelBlue</div>
+<div id='d149' class='colors'>
+LightSteelBlue1</div>
+<div id='d150' class='colors'>
+LightSteelBlue2</div>
+<div id='d151' class='colors'>
+LightSteelBlue3</div>
+<div id='d152' class='colors'>
+LightSteelBlue4</div>
+<div id='d153' class='colors'>
+SlateGray4</div>
+<div id='d154' class='colors'>
+SlateGray1</div>
+<div id='d155' class='colors'>
+SlateGray2</div>
+<div id='d156' class='colors'>
+SlateGray3</div>
+<div id='d157' class='colors'>
+LightSlateGray</div>
+<div id='d158' class='colors'>
+LightSlateGrey</div>
+<div id='d159' class='colors'>
+SlateGray</div>
+<div id='d160' class='colors'>
+SlateGrey</div>
+<div id='d161' class='colors'>
+DodgerBlue</div>
+<div id='d162' class='colors'>
+DodgerBlue1</div>
+<div id='d163' class='colors'>
+DodgerBlue2</div>
+<div id='d164' class='colors'>
+DodgerBlue4</div>
+<div id='d165' class='colors'>
+DodgerBlue3</div>
+<div id='d166' class='colors'>
+AliceBlue</div>
+<div id='d167' class='colors'>
+SteelBlue4</div>
+<div id='d168' class='colors'>
+SteelBlue</div>
+<div id='d169' class='colors'>
+SteelBlue1</div>
+<div id='d170' class='colors'>
+SteelBlue2</div>
+<div id='d171' class='colors'>
+SteelBlue3</div>
+<div id='d172' class='colors'>
+SkyBlue4</div>
+<div id='d173' class='colors'>
+SkyBlue1</div>
+<div id='d174' class='colors'>
+SkyBlue2</div>
+<div id='d175' class='colors'>
+SkyBlue3</div>
+<div id='d176' class='colors'>
+LightSkyBlue</div>
+<div id='d177' class='colors'>
+LightSkyBlue4</div>
+<div id='d178' class='colors'>
+LightSkyBlue1</div>
+<div id='d179' class='colors'>
+LightSkyBlue2</div>
+<div id='d180' class='colors'>
+LightSkyBlue3</div>
+<div id='d181' class='colors'>
+SkyBlue</div>
+<div id='d182' class='colors'>
+LightBlue3</div>
+<div id='d183' class='colors'>
+DeepSkyBlue</div>
+<div id='d184' class='colors'>
+DeepSkyBlue1</div>
+<div id='d185' class='colors'>
+DeepSkyBlue2</div>
+<div id='d186' class='colors'>
+DeepSkyBlue4</div>
+<div id='d187' class='colors'>
+DeepSkyBlue3</div>
+<div id='d188' class='colors'>
+LightBlue1</div>
+<div id='d189' class='colors'>
+LightBlue2</div>
+<div id='d190' class='colors'>
+LightBlue</div>
+<div id='d191' class='colors'>
+LightBlue4</div>
+<div id='d192' class='colors'>
+PowderBlue</div>
+<div id='d193' class='colors'>
+CadetBlue1</div>
+<div id='d194' class='colors'>
+CadetBlue2</div>
+<div id='d195' class='colors'>
+CadetBlue3</div>
+<div id='d196' class='colors'>
+CadetBlue4</div>
+<div id='d197' class='colors'>
+turquoise1</div>
+<div id='d198' class='colors'>
+turquoise2</div>
+<div id='d199' class='colors'>
+turquoise3</div>
+<div id='d200' class='colors'>
+turquoise4</div>
+<div id='d201' class='colors'>
+cadet blue</div>
+<div id='d202' class='colors'>
+CadetBlue</div>
+<div id='d203' class='colors'>
+DarkTurquoise</div>
+<div id='d204' class='colors'>
+azure</div>
+<div id='d205' class='colors'>
+azure1</div>
+<div id='d206' class='colors'>
+LightCyan</div>
+<div id='d207' class='colors'>
+LightCyan1</div>
+<div id='d208' class='colors'>
+azure2</div>
+<div id='d209' class='colors'>
+LightCyan2</div>
+<div id='d210' class='colors'>
+PaleTurquoise1</div>
+<div id='d211' class='colors'>
+PaleTurquoise</div>
+<div id='d212' class='colors'>
+PaleTurquoise2</div>
+<div id='d213' class='colors'>
+DarkSlateGray1</div>
+<div id='d214' class='colors'>
+azure3</div>
+<div id='d215' class='colors'>
+LightCyan3</div>
+<div id='d216' class='colors'>
+DarkSlateGray2</div>
+<div id='d217' class='colors'>
+PaleTurquoise3</div>
+<div id='d218' class='colors'>
+DarkSlateGray3</div>
+<div id='d219' class='colors'>
+azure4</div>
+<div id='d220' class='colors'>
+LightCyan4</div>
+<div id='d221' class='colors'>
+aqua</div>
+<div id='d222' class='colors'>
+cyan</div>
+<div id='d223' class='colors'>
+cyan1</div>
+<div id='d224' class='colors'>
+PaleTurquoise4</div>
+<div id='d225' class='colors'>
+cyan2</div>
+<div id='d226' class='colors'>
+DarkSlateGray4</div>
+<div id='d227' class='colors'>
+cyan3</div>
+<div id='d228' class='colors'>
+cyan4</div>
+<div id='d229' class='colors'>
+DarkCyan</div>
+<div id='d230' class='colors'>
+teal</div>
+<div id='d231' class='colors'>
+DarkSlateGray</div>
+<div id='d232' class='colors'>
+DarkSlateGrey</div>
+<div id='d233' class='colors'>
+MediumTurquoise</div>
+<div id='d234' class='colors'>
+LightSeaGreen</div>
+<div id='d235' class='colors'>
+turquoise</div>
+<div id='d236' class='colors'>
+aquamarine4</div>
+<div id='d237' class='colors'>
+aquamarine</div>
+<div id='d238' class='colors'>
+aquamarine1</div>
+<div id='d239' class='colors'>
+aquamarine2</div>
+<div id='d240' class='colors'>
+aquamarine3</div>
+<div id='d241' class='colors'>
+MediumAquamarine</div>
+<div id='d242' class='colors'>
+MediumSpringGreen</div>
+<div id='d243' class='colors'>
+MintCream</div>
+<div id='d244' class='colors'>
+SpringGreen</div>
+<div id='d245' class='colors'>
+SpringGreen1</div>
+<div id='d246' class='colors'>
+SpringGreen2</div>
+<div id='d247' class='colors'>
+SpringGreen3</div>
+<div id='d248' class='colors'>
+SpringGreen4</div>
+<div id='d249' class='colors'>
+MediumSeaGreen</div>
+<div id='d250' class='colors'>
+SeaGreen</div>
+<div id='d251' class='colors'>
+SeaGreen3</div>
+<div id='d252' class='colors'>
+SeaGreen1</div>
+<div id='d253' class='colors'>
+SeaGreen4</div>
+<div id='d254' class='colors'>
+SeaGreen2</div>
+<div id='d255' class='colors'>
+MediumForestGreen</div>
+<div id='d256' class='colors'>
+honeydew</div>
+<div id='d257' class='colors'>
+honeydew1</div>
+<div id='d258' class='colors'>
+honeydew2</div>
+<div id='d259' class='colors'>
+DarkSeaGreen1</div>
+<div id='d260' class='colors'>
+DarkSeaGreen2</div>
+<div id='d261' class='colors'>
+PaleGreen1</div>
+<div id='d262' class='colors'>
+PaleGreen</div>
+<div id='d263' class='colors'>
+honeydew3</div>
+<div id='d264' class='colors'>
+LightGreen</div>
+<div id='d265' class='colors'>
+PaleGreen2</div>
+<div id='d266' class='colors'>
+DarkSeaGreen3</div>
+<div id='d267' class='colors'>
+DarkSeaGreen</div>
+<div id='d268' class='colors'>
+PaleGreen3</div>
+<div id='d269' class='colors'>
+honeydew4</div>
+<div id='d270' class='colors'>
+green1</div>
+<div id='d271' class='colors'>
+lime</div>
+<div id='d272' class='colors'>
+LimeGreen</div>
+<div id='d273' class='colors'>
+DarkSeaGreen4</div>
+<div id='d274' class='colors'>
+green2</div>
+<div id='d275' class='colors'>
+PaleGreen4</div>
+<div id='d276' class='colors'>
+green3</div>
+<div id='d277' class='colors'>
+ForestGreen</div>
+<div id='d278' class='colors'>
+green4</div>
+<div id='d279' class='colors'>
+green</div>
+<div id='d280' class='colors'>
+DarkGreen</div>
+<div id='d281' class='colors'>
+LawnGreen</div>
+<div id='d282' class='colors'>
+chartreuse</div>
+<div id='d283' class='colors'>
+chartreuse1</div>
+<div id='d284' class='colors'>
+chartreuse2</div>
+<div id='d285' class='colors'>
+chartreuse3</div>
+<div id='d286' class='colors'>
+chartreuse4</div>
+<div id='d287' class='colors'>
+GreenYellow</div>
+<div id='d288' class='colors'>
+DarkOliveGreen3</div>
+<div id='d289' class='colors'>
+DarkOliveGreen1</div>
+<div id='d290' class='colors'>
+DarkOliveGreen2</div>
+<div id='d291' class='colors'>
+DarkOliveGreen4</div>
+<div id='d292' class='colors'>
+DarkOliveGreen</div>
+<div id='d293' class='colors'>
+OliveDrab</div>
+<div id='d294' class='colors'>
+OliveDrab1</div>
+<div id='d295' class='colors'>
+OliveDrab2</div>
+<div id='d296' class='colors'>
+OliveDrab3</div>
+<div id='d297' class='colors'>
+YellowGreen</div>
+<div id='d298' class='colors'>
+OliveDrab4</div>
+<div id='d299' class='colors'>
+ivory</div>
+<div id='d300' class='colors'>
+ivory1</div>
+<div id='d301' class='colors'>
+LightYellow</div>
+<div id='d302' class='colors'>
+LightYellow1</div>
+<div id='d303' class='colors'>
+beige</div>
+<div id='d304' class='colors'>
+ivory2</div>
+<div id='d305' class='colors'>
+LightGoldenrodYellow</div>
+<div id='d306' class='colors'>
+LightYellow2</div>
+<div id='d307' class='colors'>
+ivory3</div>
+<div id='d308' class='colors'>
+LightYellow3</div>
+<div id='d309' class='colors'>
+ivory4</div>
+<div id='d310' class='colors'>
+LightYellow4</div>
+<div id='d311' class='colors'>
+yellow</div>
+<div id='d312' class='colors'>
+yellow1</div>
+<div id='d313' class='colors'>
+yellow2</div>
+<div id='d314' class='colors'>
+yellow3</div>
+<div id='d315' class='colors'>
+yellow4</div>
+<div id='d316' class='colors'>
+olive</div>
+<div id='d317' class='colors'>
+DarkKhaki</div>
+<div id='d318' class='colors'>
+khaki2</div>
+<div id='d319' class='colors'>
+LemonChiffon4</div>
+<div id='d320' class='colors'>
+khaki1</div>
+<div id='d321' class='colors'>
+khaki3</div>
+<div id='d322' class='colors'>
+khaki4</div>
+<div id='d323' class='colors'>
+PaleGoldenrod</div>
+<div id='d324' class='colors'>
+LemonChiffon</div>
+<div id='d325' class='colors'>
+LemonChiffon1</div>
+<div id='d326' class='colors'>
+khaki</div>
+<div id='d327' class='colors'>
+LemonChiffon3</div>
+<div id='d328' class='colors'>
+LemonChiffon2</div>
+<div id='d329' class='colors'>
+MediumGoldenRod</div>
+<div id='d330' class='colors'>
+cornsilk4</div>
+<div id='d331' class='colors'>
+gold</div>
+<div id='d332' class='colors'>
+gold1</div>
+<div id='d333' class='colors'>
+gold2</div>
+<div id='d334' class='colors'>
+gold3</div>
+<div id='d335' class='colors'>
+gold4</div>
+<div id='d336' class='colors'>
+LightGoldenrod</div>
+<div id='d337' class='colors'>
+LightGoldenrod4</div>
+<div id='d338' class='colors'>
+LightGoldenrod1</div>
+<div id='d339' class='colors'>
+LightGoldenrod3</div>
+<div id='d340' class='colors'>
+LightGoldenrod2</div>
+<div id='d341' class='colors'>
+cornsilk3</div>
+<div id='d342' class='colors'>
+cornsilk2</div>
+<div id='d343' class='colors'>
+cornsilk</div>
+<div id='d344' class='colors'>
+cornsilk1</div>
+<div id='d345' class='colors'>
+goldenrod</div>
+<div id='d346' class='colors'>
+goldenrod1</div>
+<div id='d347' class='colors'>
+goldenrod2</div>
+<div id='d348' class='colors'>
+goldenrod3</div>
+<div id='d349' class='colors'>
+goldenrod4</div>
+<div id='d350' class='colors'>
+DarkGoldenrod</div>
+<div id='d351' class='colors'>
+DarkGoldenrod1</div>
+<div id='d352' class='colors'>
+DarkGoldenrod2</div>
+<div id='d353' class='colors'>
+DarkGoldenrod3</div>
+<div id='d354' class='colors'>
+DarkGoldenrod4</div>
+<div id='d355' class='colors'>
+FloralWhite</div>
+<div id='d356' class='colors'>
+wheat2</div>
+<div id='d357' class='colors'>
+OldLace</div>
+<div id='d358' class='colors'>
+wheat</div>
+<div id='d359' class='colors'>
+wheat1</div>
+<div id='d360' class='colors'>
+wheat3</div>
+<div id='d361' class='colors'>
+orange</div>
+<div id='d362' class='colors'>
+orange1</div>
+<div id='d363' class='colors'>
+orange2</div>
+<div id='d364' class='colors'>
+orange3</div>
+<div id='d365' class='colors'>
+orange4</div>
+<div id='d366' class='colors'>
+wheat4</div>
+<div id='d367' class='colors'>
+moccasin</div>
+<div id='d368' class='colors'>
+PapayaWhip</div>
+<div id='d369' class='colors'>
+NavajoWhite3</div>
+<div id='d370' class='colors'>
+BlanchedAlmond</div>
+<div id='d371' class='colors'>
+NavajoWhite</div>
+<div id='d372' class='colors'>
+NavajoWhite1</div>
+<div id='d373' class='colors'>
+NavajoWhite2</div>
+<div id='d374' class='colors'>
+NavajoWhite4</div>
+<div id='d375' class='colors'>
+AntiqueWhite4</div>
+<div id='d376' class='colors'>
+AntiqueWhite</div>
+<div id='d377' class='colors'>
+tan</div>
+<div id='d378' class='colors'>
+bisque4</div>
+<div id='d379' class='colors'>
+burlywood</div>
+<div id='d380' class='colors'>
+AntiqueWhite2</div>
+<div id='d381' class='colors'>
+burlywood1</div>
+<div id='d382' class='colors'>
+burlywood3</div>
+<div id='d383' class='colors'>
+burlywood2</div>
+<div id='d384' class='colors'>
+AntiqueWhite1</div>
+<div id='d385' class='colors'>
+burlywood4</div>
+<div id='d386' class='colors'>
+AntiqueWhite3</div>
+<div id='d387' class='colors'>
+DarkOrange</div>
+<div id='d388' class='colors'>
+bisque2</div>
+<div id='d389' class='colors'>
+bisque</div>
+<div id='d390' class='colors'>
+bisque1</div>
+<div id='d391' class='colors'>
+bisque3</div>
+<div id='d392' class='colors'>
+DarkOrange1</div>
+<div id='d393' class='colors'>
+linen</div>
+<div id='d394' class='colors'>
+DarkOrange2</div>
+<div id='d395' class='colors'>
+DarkOrange3</div>
+<div id='d396' class='colors'>
+DarkOrange4</div>
+<div id='d397' class='colors'>
+peru</div>
+<div id='d398' class='colors'>
+tan1</div>
+<div id='d399' class='colors'>
+tan2</div>
+<div id='d400' class='colors'>
+tan3</div>
+<div id='d401' class='colors'>
+tan4</div>
+<div id='d402' class='colors'>
+PeachPuff</div>
+<div id='d403' class='colors'>
+PeachPuff1</div>
+<div id='d404' class='colors'>
+PeachPuff4</div>
+<div id='d405' class='colors'>
+PeachPuff2</div>
+<div id='d406' class='colors'>
+PeachPuff3</div>
+<div id='d407' class='colors'>
+SandyBrown</div>
+<div id='d408' class='colors'>
+seashell4</div>
+<div id='d409' class='colors'>
+seashell2</div>
+<div id='d410' class='colors'>
+seashell3</div>
+<div id='d411' class='colors'>
+chocolate</div>
+<div id='d412' class='colors'>
+chocolate1</div>
+<div id='d413' class='colors'>
+chocolate2</div>
+<div id='d414' class='colors'>
+chocolate3</div>
+<div id='d415' class='colors'>
+chocolate4</div>
+<div id='d416' class='colors'>
+SaddleBrown</div>
+<div id='d417' class='colors'>
+seashell</div>
+<div id='d418' class='colors'>
+seashell1</div>
+<div id='d419' class='colors'>
+sienna4</div>
+<div id='d420' class='colors'>
+sienna</div>
+<div id='d421' class='colors'>
+sienna1</div>
+<div id='d422' class='colors'>
+sienna2</div>
+<div id='d423' class='colors'>
+sienna3</div>
+<div id='d424' class='colors'>
+LightSalmon3</div>
+<div id='d425' class='colors'>
+LightSalmon</div>
+<div id='d426' class='colors'>
+LightSalmon1</div>
+<div id='d427' class='colors'>
+LightSalmon4</div>
+<div id='d428' class='colors'>
+LightSalmon2</div>
+<div id='d429' class='colors'>
+coral</div>
+<div id='d430' class='colors'>
+OrangeRed</div>
+<div id='d431' class='colors'>
+OrangeRed1</div>
+<div id='d432' class='colors'>
+OrangeRed2</div>
+<div id='d433' class='colors'>
+OrangeRed3</div>
+<div id='d434' class='colors'>
+OrangeRed4</div>
+<div id='d435' class='colors'>
+DarkSalmon</div>
+<div id='d436' class='colors'>
+salmon1</div>
+<div id='d437' class='colors'>
+salmon2</div>
+<div id='d438' class='colors'>
+salmon3</div>
+<div id='d439' class='colors'>
+salmon4</div>
+<div id='d440' class='colors'>
+coral1</div>
+<div id='d441' class='colors'>
+coral2</div>
+<div id='d442' class='colors'>
+coral3</div>
+<div id='d443' class='colors'>
+coral4</div>
+<div id='d444' class='colors'>
+tomato4</div>
+<div id='d445' class='colors'>
+tomato</div>
+<div id='d446' class='colors'>
+tomato1</div>
+<div id='d447' class='colors'>
+tomato2</div>
+<div id='d448' class='colors'>
+tomato3</div>
+<div id='d449' class='colors'>
+MistyRose4</div>
+<div id='d450' class='colors'>
+MistyRose2</div>
+<div id='d451' class='colors'>
+MistyRose</div>
+<div id='d452' class='colors'>
+MistyRose1</div>
+<div id='d453' class='colors'>
+salmon</div>
+<div id='d454' class='colors'>
+MistyRose3</div>
+<div id='d455' class='colors'>
+white</div>
+<div id='d456' class='colors'>
+gray100</div>
+<div id='d457' class='colors'>
+grey100</div>
+<div id='d458' class='colors'>
+grey100</div>
+<div id='d459' class='colors'>
+gray99</div>
+<div id='d460' class='colors'>
+grey99</div>
+<div id='d461' class='colors'>
+gray98</div>
+<div id='d462' class='colors'>
+grey98</div>
+<div id='d463' class='colors'>
+gray97</div>
+<div id='d464' class='colors'>
+grey97</div>
+<div id='d465' class='colors'>
+gray96</div>
+<div id='d466' class='colors'>
+grey96</div>
+<div id='d467' class='colors'>
+WhiteSmoke</div>
+<div id='d468' class='colors'>
+gray95</div>
+<div id='d469' class='colors'>
+grey95</div>
+<div id='d470' class='colors'>
+gray94</div>
+<div id='d471' class='colors'>
+grey94</div>
+<div id='d472' class='colors'>
+gray93</div>
+<div id='d473' class='colors'>
+grey93</div>
+<div id='d474' class='colors'>
+gray92</div>
+<div id='d475' class='colors'>
+grey92</div>
+<div id='d476' class='colors'>
+gray91</div>
+<div id='d477' class='colors'>
+grey91</div>
+<div id='d478' class='colors'>
+gray90</div>
+<div id='d479' class='colors'>
+grey90</div>
+<div id='d480' class='colors'>
+gray89</div>
+<div id='d481' class='colors'>
+grey89</div>
+<div id='d482' class='colors'>
+gray88</div>
+<div id='d483' class='colors'>
+grey88</div>
+<div id='d484' class='colors'>
+gray87</div>
+<div id='d485' class='colors'>
+grey87</div>
+<div id='d486' class='colors'>
+gainsboro</div>
+<div id='d487' class='colors'>
+gray86</div>
+<div id='d488' class='colors'>
+grey86</div>
+<div id='d489' class='colors'>
+gray85</div>
+<div id='d490' class='colors'>
+grey85</div>
+<div id='d491' class='colors'>
+gray84</div>
+<div id='d492' class='colors'>
+grey84</div>
+<div id='d493' class='colors'>
+gray83</div>
+<div id='d494' class='colors'>
+grey83</div>
+<div id='d495' class='colors'>
+LightGray</div>
+<div id='d496' class='colors'>
+LightGrey</div>
+<div id='d497' class='colors'>
+gray82</div>
+<div id='d498' class='colors'>
+grey82</div>
+<div id='d499' class='colors'>
+gray81</div>
+<div id='d500' class='colors'>
+grey81</div>
+<div id='d501' class='colors'>
+gray80</div>
+<div id='d502' class='colors'>
+grey80</div>
+<div id='d503' class='colors'>
+gray79</div>
+<div id='d504' class='colors'>
+grey79</div>
+<div id='d505' class='colors'>
+gray78</div>
+<div id='d506' class='colors'>
+grey78</div>
+<div id='d507' class='colors'>
+gray77</div>
+<div id='d508' class='colors'>
+grey77</div>
+<div id='d509' class='colors'>
+gray76</div>
+<div id='d510' class='colors'>
+grey76</div>
+<div id='d511' class='colors'>
+silver</div>
+<div id='d512' class='colors'>
+gray75</div>
+<div id='d513' class='colors'>
+grey75</div>
+<div id='d514' class='colors'>
+gray74</div>
+<div id='d515' class='colors'>
+grey74</div>
+<div id='d516' class='colors'>
+gray73</div>
+<div id='d517' class='colors'>
+grey73</div>
+<div id='d518' class='colors'>
+gray72</div>
+<div id='d519' class='colors'>
+grey72</div>
+<div id='d520' class='colors'>
+gray71</div>
+<div id='d521' class='colors'>
+grey71</div>
+<div id='d522' class='colors'>
+gray70</div>
+<div id='d523' class='colors'>
+grey70</div>
+<div id='d524' class='colors'>
+gray69</div>
+<div id='d525' class='colors'>
+grey69</div>
+<div id='d526' class='colors'>
+gray68</div>
+<div id='d527' class='colors'>
+grey68</div>
+<div id='d528' class='colors'>
+gray67</div>
+<div id='d529' class='colors'>
+grey67</div>
+<div id='d530' class='colors'>
+DarkGray</div>
+<div id='d531' class='colors'>
+DarkGrey</div>
+<div id='d532' class='colors'>
+gray66</div>
+<div id='d533' class='colors'>
+grey66</div>
+<div id='d534' class='colors'>
+gray65</div>
+<div id='d535' class='colors'>
+grey65</div>
+<div id='d536' class='colors'>
+gray64</div>
+<div id='d537' class='colors'>
+grey64</div>
+<div id='d538' class='colors'>
+gray63</div>
+<div id='d539' class='colors'>
+grey63</div>
+<div id='d540' class='colors'>
+gray62</div>
+<div id='d541' class='colors'>
+grey62</div>
+<div id='d542' class='colors'>
+gray61</div>
+<div id='d543' class='colors'>
+grey61</div>
+<div id='d544' class='colors'>
+gray60</div>
+<div id='d545' class='colors'>
+grey60</div>
+<div id='d546' class='colors'>
+gray59</div>
+<div id='d547' class='colors'>
+grey59</div>
+<div id='d548' class='colors'>
+gray58</div>
+<div id='d549' class='colors'>
+grey58</div>
+<div id='d550' class='colors'>
+gray57</div>
+<div id='d551' class='colors'>
+grey57</div>
+<div id='d552' class='colors'>
+gray56</div>
+<div id='d553' class='colors'>
+grey56</div>
+<div id='d554' class='colors'>
+gray55</div>
+<div id='d555' class='colors'>
+grey55</div>
+<div id='d556' class='colors'>
+gray54</div>
+<div id='d557' class='colors'>
+grey54</div>
+<div id='d558' class='colors'>
+gray53</div>
+<div id='d559' class='colors'>
+grey53</div>
+<div id='d560' class='colors'>
+gray52</div>
+<div id='d561' class='colors'>
+grey52</div>
+<div id='d562' class='colors'>
+gray51</div>
+<div id='d563' class='colors'>
+grey51</div>
+<div id='d564' class='colors'>
+fractal</div>
+<div id='d565' class='colors'>
+gray50</div>
+<div id='d566' class='colors'>
+grey50</div>
+<div id='d567' class='colors'>
+gray</div>
+<div id='d568' class='colors'>
+gray49</div>
+<div id='d569' class='colors'>
+grey49</div>
+<div id='d570' class='colors'>
+gray48</div>
+<div id='d571' class='colors'>
+grey48</div>
+<div id='d572' class='colors'>
+gray47</div>
+<div id='d573' class='colors'>
+grey47</div>
+<div id='d574' class='colors'>
+gray46</div>
+<div id='d575' class='colors'>
+grey46</div>
+<div id='d576' class='colors'>
+gray45</div>
+<div id='d577' class='colors'>
+grey45</div>
+<div id='d578' class='colors'>
+gray44</div>
+<div id='d579' class='colors'>
+grey44</div>
+<div id='d580' class='colors'>
+gray43</div>
+<div id='d581' class='colors'>
+grey43</div>
+<div id='d582' class='colors'>
+gray42</div>
+<div id='d583' class='colors'>
+grey42</div>
+<div id='d584' class='colors'>
+DimGray</div>
+<div id='d585' class='colors'>
+DimGrey</div>
+<div id='d586' class='colors'>
+gray41</div>
+<div id='d587' class='colors'>
+grey41</div>
+<div id='d588' class='colors'>
+gray40</div>
+<div id='d589' class='colors'>
+grey40</div>
+<div id='d590' class='colors'>
+gray39</div>
+<div id='d591' class='colors'>
+grey39</div>
+<div id='d592' class='colors'>
+gray38</div>
+<div id='d593' class='colors'>
+grey38</div>
+<div id='d594' class='colors'>
+gray37</div>
+<div id='d595' class='colors'>
+grey37</div>
+<div id='d596' class='colors'>
+gray36</div>
+<div id='d597' class='colors'>
+grey36</div>
+<div id='d598' class='colors'>
+gray35</div>
+<div id='d599' class='colors'>
+grey35</div>
+<div id='d600' class='colors'>
+gray34</div>
+<div id='d601' class='colors'>
+grey34</div>
+<div id='d602' class='colors'>
+gray33</div>
+<div id='d603' class='colors'>
+grey33</div>
+<div id='d604' class='colors'>
+gray32</div>
+<div id='d605' class='colors'>
+grey32</div>
+<div id='d606' class='colors'>
+gray31</div>
+<div id='d607' class='colors'>
+grey31</div>
+<div id='d608' class='colors'>
+gray30</div>
+<div id='d609' class='colors'>
+grey30</div>
+<div id='d610' class='colors'>
+gray29</div>
+<div id='d611' class='colors'>
+grey29</div>
+<div id='d612' class='colors'>
+gray28</div>
+<div id='d613' class='colors'>
+grey28</div>
+<div id='d614' class='colors'>
+gray27</div>
+<div id='d615' class='colors'>
+grey27</div>
+<div id='d616' class='colors'>
+gray26</div>
+<div id='d617' class='colors'>
+grey26</div>
+<div id='d618' class='colors'>
+gray25</div>
+<div id='d619' class='colors'>
+grey25</div>
+<div id='d620' class='colors'>
+gray24</div>
+<div id='d621' class='colors'>
+grey24</div>
+<div id='d622' class='colors'>
+gray23</div>
+<div id='d623' class='colors'>
+grey23</div>
+<div id='d624' class='colors'>
+gray22</div>
+<div id='d625' class='colors'>
+grey22</div>
+<div id='d626' class='colors'>
+gray21</div>
+<div id='d627' class='colors'>
+grey21</div>
+<div id='d628' class='colors'>
+gray20</div>
+<div id='d629' class='colors'>
+grey20</div>
+<div id='d630' class='colors'>
+gray19</div>
+<div id='d631' class='colors'>
+grey19</div>
+<div id='d632' class='colors'>
+gray18</div>
+<div id='d633' class='colors'>
+grey18</div>
+<div id='d634' class='colors'>
+gray17</div>
+<div id='d635' class='colors'>
+grey17</div>
+<div id='d636' class='colors'>
+gray16</div>
+<div id='d637' class='colors'>
+grey16</div>
+<div id='d638' class='colors'>
+gray15</div>
+<div id='d639' class='colors'>
+grey15</div>
+<div id='d640' class='colors'>
+gray14</div>
+<div id='d641' class='colors'>
+grey14</div>
+<div id='d642' class='colors'>
+gray13</div>
+<div id='d643' class='colors'>
+grey13</div>
+<div id='d644' class='colors'>
+gray12</div>
+<div id='d645' class='colors'>
+grey12</div>
+<div id='d646' class='colors'>
+gray11</div>
+<div id='d647' class='colors'>
+grey11</div>
+<div id='d648' class='colors'>
+gray10</div>
+<div id='d649' class='colors'>
+grey10</div>
+<div id='d650' class='colors'>
+gray9</div>
+<div id='d651' class='colors'>
+grey9</div>
+<div id='d652' class='colors'>
+gray8</div>
+<div id='d653' class='colors'>
+grey8</div>
+<div id='d654' class='colors'>
+gray7</div>
+<div id='d655' class='colors'>
+grey7</div>
+<div id='d656' class='colors'>
+gray6</div>
+<div id='d657' class='colors'>
+grey6</div>
+<div id='d658' class='colors'>
+gray5</div>
+<div id='d659' class='colors'>
+grey5</div>
+<div id='d660' class='colors'>
+gray4</div>
+<div id='d661' class='colors'>
+grey4</div>
+<div id='d662' class='colors'>
+gray3</div>
+<div id='d663' class='colors'>
+grey3</div>
+<div id='d664' class='colors'>
+gray2</div>
+<div id='d665' class='colors'>
+grey2</div>
+<div id='d666' class='colors'>
+gray1</div>
+<div id='d667' class='colors'>
+grey1</div>
+<div id='d668' class='colors'>
+black</div>
+<div id='d669' class='colors'>
+gray0</div>
+<div id='d670' class='colors'>
+grey0</div>
+<div id='d671' class='colors'>
+opaque</div>
+<div id='d672' class='colors'>
+none</div>
+<div id='d673' class='colors'>
+transparent</div>
+</div>
+
+<div id='colornames'>
+WHERE THE COLORNAMES WILL GO
+</div>
+
+<div id='hexswitch'>CLICK TO SHOW HEXES</div>
+<div id='infoswitch'>CLICK TO SHOW INFO</div>
+<script type='text/javascript' src='jquery-1.6.4.min.js'></script><script type='text/javascript' src='colordict.js'></script>
+<script type='text/javascript'>
+$('.colors').html("")
+$('body').css('background-color','white')
+
+function goldenize(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num*ratio)
+	return newnum
+	}
+//turns css property width or height into an integer value
+function getproperty(idandselectr, propertystr)
+	{
+	grab = $(idandselectr).css(propertystr)
+	grab = grab.slice(0,-2)
+	numval = parseInt(grab)
+	return numval
+	}
+function makegolden(idandselectr, propertystr)
+	{
+	result = getproperty(idandselectr, propertystr)
+	newwidth = goldenize(result)
+	widthval = newwidth.toString()+'px'
+	$(idandselectr).css('width', widthval)
+	}
+makegolden('.colors', 'height')
+
+
+//remove content this function takes the name out of the divs
+infoswitch = false;
+function removecontent()
+	{
+	if(infoswitch == false)
+			{
+			$('#infoswitch').click(function()
+						{
+						infoswitch = true
+						if(infoswitch == true){
+							$('.colors').html("")						
+										}
+						})
+			}
+	if(infoswitch == true)
+		{
+			$('#infoswitch').click(function()
+			{
+			infoswitch = false
+			})
+		}
+	}
+removecontent()
+
+function colorToHex(color)
+{
+    if (color.substr(0, 1) === '#') {
+        return color;
+    }
+    var digits = /(.*?)rgb\((\d+), (\d+), (\d+)\)/.exec(color);
+    
+    var red = parseInt(digits[2]);
+    var green = parseInt(digits[3]);
+    var blue = parseInt(digits[4]);
+    
+    var rgb = blue | (green << 8) | (red << 16);
+    return digits[1] + '#' + rgb.toString(16);
+};
+
+//takes a div name and returns a colorname
+
+function showcolorname(divstr)
+
+		{
+		bgcolor = $('#'+divstr).css('background-color')
+		lowercasehex = colorToHex(bgcolor)
+		hex = lowercasehex.toUpperCase()
+			imname = hextoname[hex]
+		if (hexes == true)
+			{
+			imname = hex
+			}
+		return imname
+		}
+function bigname(divstr)
+		{
+		colorname = showcolorname(divstr)
+		$('#colornames').html(colorname)
+		}
+function writeit(text)
+		{
+		$('#colornames').append(text)
+		}
+function makebig(divstr)
+		{
+		firstheight = $('#'+divstr).height()
+		newheight = goldenize(firstheight)
+		$('#'+divstr).height(newheight)
+		}
+function makesmall(divstr)
+		{
+		oldheight = $('.colors').height()
+		$('#'+divstr).height(oldheight)
+		}
+$('.colors').hover(function() {
+   bigname(this.id);
+	 makebig(this.id);
+	 makegolden('#'+this.id, 'height')},
+function(){
+	 makesmall(this.id);
+	 makegolden('#'+this.id, 'height')
+});
+$(".colors").hover(function(){
+$('#colornames').fadeOut(100);$('#colornames').fadeIn(500);
+});
+$('body').css('background-color', 'white')
+$('.colors').css('margin-top', '2px')
+var hexes = false
+function hexswitch()
+		{
+		if(hexes == false)
+			{
+			$('#hexswitch').html('CLICK TO SHOW COLOR NAMES')
+			hexes = true;
+			}
+			
+		else
+			{
+			$('#hexswitch').html('CLICK TO SHOW HEX NAMES')
+			hexes = false;
+			}
+		}
+$('#hexswitch').click(function(){hexswitch()})
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/junk/picker.js b/frontend/imgrid/colors/junk/picker.js
new file mode 100755
index 0000000..04a49f1
--- /dev/null
+++ b/frontend/imgrid/colors/junk/picker.js
@@ -0,0 +1,15 @@
+var colorpicker = "<div id='main'>"+"<div id='d0' class='colors'>"+"snow</div>"+"<div id='d1' class='colors'>"+"snow1</div>"+"<div id='d2' class='colors'>"+"snow2</div>"+"<div id='d3' class='colors'>"+"RosyBrown1</div>"+"<div id='d4' class='colors'>"+"RosyBrown2</div>"+"<div id='d5' class='colors'>"+"snow3</div>"+"<div id='d6' class='colors'>"+"LightCoral</div>"+"<div id='d7' class='colors'>"+"IndianRed1</div>"+"<div id='d8' class='colors'>"+"RosyBrown3</div>"+"<div id='d9' class='colors'>"+"IndianRed2</div>"+"<div id='d10' class='colors'>"+"RosyBrown</div>"+"<div id='d11' class='colors'>"+"brown1</div>"+"<div id='d12' class='colors'>"+"firebrick1</div>"+"<div id='d13' class='colors'>"+"brown2</div>"+"<div id='d14' class='colors'>"+"IndianRed</div>"+"<div id='d15' class='colors'>"+"IndianRed3</div>"+"<div id='d16' class='colors'>"+"firebrick2</div>"+"<div id='d17' class='colors'>"+"snow4</div>"+"<div id='d18' class='colors'>"+"brown3</div>"+"<div id='d19' class='colors'>"+"red</div>"+"<div id='d20' class='colors'>"+"red1</div>"+"<div id='d21' class='colors'>"+"RosyBrown4</div>"+"<div id='d22' class='colors'>"+"firebrick3</div>"+"<div id='d23' class='colors'>"+"red2</div>"+"<div id='d24' class='colors'>"+"firebrick</div>"+"<div id='d25' class='colors'>"+"brown</div>"+"<div id='d26' class='colors'>"+"red3</div>"+"<div id='d27' class='colors'>"+"IndianRed4</div>"+"<div id='d28' class='colors'>"+"brown4</div>"+"<div id='d29' class='colors'>"+"firebrick4</div>"+"<div id='d30' class='colors'>"+"DarkRed</div>"+"<div id='d31' class='colors'>"+"red4</div>"+"<div id='d32' class='colors'>"+"maroon</div>"+"<div id='d33' class='colors'>"+"LightPink1</div>"+"<div id='d34' class='colors'>"+"LightPink3</div>"+"<div id='d35' class='colors'>"+"LightPink4</div>"+"<div id='d36' class='colors'>"+"LightPink2</div>"+"<div id='d37' class='colors'>"+"LightPink</div>"+"<div id='d38' class='colors'>"+"pink</div>"+"<div id='d39' class='colors'>"+"crimson</div>"+"<div id='d40' class='colors'>"+"pink1</div>"+"<div id='d41' class='colors'>"+"pink2</div>"+"<div id='d42' class='colors'>"+"pink3</div>"+"<div id='d43' class='colors'>"+"pink4</div>"+"<div id='d44' class='colors'>"+"PaleVioletRed4</div>"+"<div id='d45' class='colors'>"+"PaleVioletRed</div>"+"<div id='d46' class='colors'>"+"PaleVioletRed2</div>"+"<div id='d47' class='colors'>"+"PaleVioletRed1</div>"+"<div id='d48' class='colors'>"+"PaleVioletRed3</div>"+"<div id='d49' class='colors'>"+"LavenderBlush</div>"+"<div id='d50' class='colors'>"+"LavenderBlush1</div>"+"<div id='d51' class='colors'>"+"LavenderBlush3</div>"+"<div id='d52' class='colors'>"+"LavenderBlush2</div>"+"<div id='d53' class='colors'>"+"LavenderBlush4</div>"+"<div id='d54' class='colors'>"+"maroon</div>"+"<div id='d55' class='colors'>"+"HotPink3</div>"+"<div id='d56' class='colors'>"+"VioletRed3</div>"+"<div id='d57' class='colors'>"+"VioletRed1</div>"+"<div id='d58' class='colors'>"+"VioletRed2</div>"+"<div id='d59' class='colors'>"+"VioletRed4</div>"+"<div id='d60' class='colors'>"+"HotPink2</div>"+"<div id='d61' class='colors'>"+"HotPink1</div>"+"<div id='d62' class='colors'>"+"HotPink4</div>"+"<div id='d63' class='colors'>"+"HotPink</div>"+"<div id='d64' class='colors'>"+"DeepPink</div>"+"<div id='d65' class='colors'>"+"DeepPink1</div>"+"<div id='d66' class='colors'>"+"DeepPink2</div>"+"<div id='d67' class='colors'>"+"DeepPink3</div>"+"<div id='d68' class='colors'>"+"DeepPink4</div>"+"<div id='d69' class='colors'>"+"maroon1</div>"+"<div id='d70' class='colors'>"+"maroon2</div>"+"<div id='d71' class='colors'>"+"maroon3</div>"+"<div id='d72' class='colors'>"+"maroon4</div>"+"<div id='d73' class='colors'>"+"MediumVioletRed</div>"+"<div id='d74' class='colors'>"+"VioletRed</div>"+"<div id='d75' class='colors'>"+"orchid2</div>"+"<div id='d76' class='colors'>"+"orchid</div>"+"<div id='d77' class='colors'>"+"orchid1</div>"+"<div id='d78' class='colors'>"+"orchid3</div>"+"<div id='d79' class='colors'>"+"orchid4</div>"+"<div id='d80' class='colors'>"+"thistle1</div>"+"<div id='d81' class='colors'>"+"thistle2</div>"+"<div id='d82' class='colors'>"+"plum1</div>"+"<div id='d83' class='colors'>"+"plum2</div>"+"<div id='d84' class='colors'>"+"thistle</div>"+"<div id='d85' class='colors'>"+"thistle3</div>"+"<div id='d86' class='colors'>"+"plum</div>"+"<div id='d87' class='colors'>"+"violet</div>"+"<div id='d88' class='colors'>"+"plum3</div>"+"<div id='d89' class='colors'>"+"thistle4</div>"+"<div id='d90' class='colors'>"+"fuchsia</div>"+"<div id='d91' class='colors'>"+"magenta</div>"+"<div id='d92' class='colors'>"+"magenta1</div>"+"<div id='d93' class='colors'>"+"plum4</div>"+"<div id='d94' class='colors'>"+"magenta2</div>"+"<div id='d95' class='colors'>"+"magenta3</div>"+"<div id='d96' class='colors'>"+"DarkMagenta</div>"+"<div id='d97' class='colors'>"+"magenta4</div>"+"<div id='d98' class='colors'>"+"purple</div>"+"<div id='d99' class='colors'>"+"MediumOrchid</div>"+"<div id='d100' class='colors'>"+"MediumOrchid1</div>"+"<div id='d101' class='colors'>"+"MediumOrchid2</div>"+"<div id='d102' class='colors'>"+"MediumOrchid3</div>"+"<div id='d103' class='colors'>"+"MediumOrchid4</div>"+"<div id='d104' class='colors'>"+"DarkViolet</div>"+"<div id='d105' class='colors'>"+"DarkOrchid</div>"+"<div id='d106' class='colors'>"+"DarkOrchid1</div>"+"<div id='d107' class='colors'>"+"DarkOrchid3</div>"+"<div id='d108' class='colors'>"+"DarkOrchid2</div>"+"<div id='d109' class='colors'>"+"DarkOrchid4</div>"+"<div id='d110' class='colors'>"+"purple</div>"+"<div id='d111' class='colors'>"+"indigo</div>"+"<div id='d112' class='colors'>"+"BlueViolet</div>"+"<div id='d113' class='colors'>"+"purple2</div>"+"<div id='d114' class='colors'>"+"purple3</div>"+"<div id='d115' class='colors'>"+"purple4</div>"+"<div id='d116' class='colors'>"+"purple1</div>"+"<div id='d117' class='colors'>"+"MediumPurple</div>"+"<div id='d118' class='colors'>"+"MediumPurple1</div>"+"<div id='d119' class='colors'>"+"MediumPurple2</div>"+"<div id='d120' class='colors'>"+"MediumPurple3</div>"+"<div id='d121' class='colors'>"+"MediumPurple4</div>"+"<div id='d122' class='colors'>"+"DarkSlateBlue</div>"+"<div id='d123' class='colors'>"+"LightSlateBlue</div>"+"<div id='d124' class='colors'>"+"MediumSlateBlue</div>"+"<div id='d125' class='colors'>"+"SlateBlue</div>"+"<div id='d126' class='colors'>"+"SlateBlue1</div>"+"<div id='d127' class='colors'>"+"SlateBlue2</div>"+"<div id='d128' class='colors'>"+"SlateBlue3</div>"+"<div id='d129' class='colors'>"+"SlateBlue4</div>"+"<div id='d130' class='colors'>"+"GhostWhite</div>"+"<div id='d131' class='colors'>"+"lavender</div>"+"<div id='d132' class='colors'>"+"blue</div>"+"<div id='d133' class='colors'>"+"blue1</div>"+"<div id='d134' class='colors'>"+"blue2</div>"+"<div id='d135' class='colors'>"+"blue3</div>"+"<div id='d136' class='colors'>"+"MediumBlue</div>"+"<div id='d137' class='colors'>"+"blue4</div>"+"<div id='d138' class='colors'>"+"DarkBlue</div>"+"<div id='d139' class='colors'>"+"MidnightBlue</div>"+"<div id='d140' class='colors'>"+"navy</div>"+"<div id='d141' class='colors'>"+"NavyBlue</div>"+"<div id='d142' class='colors'>"+"RoyalBlue</div>"+"<div id='d143' class='colors'>"+"RoyalBlue1</div>"+"<div id='d144' class='colors'>"+"RoyalBlue2</div>"+"<div id='d145' class='colors'>"+"RoyalBlue3</div>"+"<div id='d146' class='colors'>"+"RoyalBlue4</div>"+"<div id='d147' class='colors'>"+"CornflowerBlue</div>"+"<div id='d148' class='colors'>"+"LightSteelBlue</div>"+"<div id='d149' class='colors'>"+"LightSteelBlue1</div>"+"<div id='d150' class='colors'>"+"LightSteelBlue2</div>"+"<div id='d151' class='colors'>"+"LightSteelBlue3</div>"+"<div id='d152' class='colors'>"+"LightSteelBlue4</div>"+"<div id='d153' class='colors'>"+"SlateGray4</div>"+"<div id='d154' class='colors'>"+"SlateGray1</div>"+"<div id='d155' class='colors'>"+"SlateGray2</div>"+"<div id='d156' class='colors'>"+"SlateGray3</div>"+"<div id='d157' class='colors'>"+"LightSlateGray</div>"+"<div id='d158' class='colors'>"+"LightSlateGrey</div>"+"<div id='d159' class='colors'>"+"SlateGray</div>"+"<div id='d160' class='colors'>"+"SlateGrey</div>"+"<div id='d161' class='colors'>"+"DodgerBlue</div>"+"<div id='d162' class='colors'>"+"DodgerBlue1</div>"+"<div id='d163' class='colors'>"+"DodgerBlue2</div>"+"<div id='d164' class='colors'>"+"DodgerBlue4</div>"+"<div id='d165' class='colors'>"+"DodgerBlue3</div>"+"<div id='d166' class='colors'>"+"AliceBlue</div>"+"<div id='d167' class='colors'>"+"SteelBlue4</div>"+"<div id='d168' class='colors'>"+"SteelBlue</div>"+"<div id='d169' class='colors'>"+"SteelBlue1</div>"+"<div id='d170' class='colors'>"+"SteelBlue2</div>"+"<div id='d171' class='colors'>"+"SteelBlue3</div>"+"<div id='d172' class='colors'>"+"SkyBlue4</div>"+"<div id='d173' class='colors'>"+"SkyBlue1</div>"+"<div id='d174' class='colors'>"+"SkyBlue2</div>"+"<div id='d175' class='colors'>"+"SkyBlue3</div>"+"<div id='d176' class='colors'>"+"LightSkyBlue</div>"+"<div id='d177' class='colors'>"+"LightSkyBlue4</div>"+"<div id='d178' class='colors'>"+"LightSkyBlue1</div>"+"<div id='d179' class='colors'>"+"LightSkyBlue2</div>"+"<div id='d180' class='colors'>"+"LightSkyBlue3</div>"+"<div id='d181' class='colors'>"+"SkyBlue</div>"+"<div id='d182' class='colors'>"+"LightBlue3</div>"+"<div id='d183' class='colors'>"+"DeepSkyBlue</div>"+"<div id='d184' class='colors'>"+"DeepSkyBlue1</div>"+"<div id='d185' class='colors'>"+"DeepSkyBlue2</div>"+"<div id='d186' class='colors'>"+"DeepSkyBlue4</div>"+"<div id='d187' class='colors'>"+"DeepSkyBlue3</div>"+"<div id='d188' class='colors'>"+"LightBlue1</div>"+"<div id='d189' class='colors'>"+"LightBlue2</div>"+"<div id='d190' class='colors'>"+"LightBlue</div>"+"<div id='d191' class='colors'>"+"LightBlue4</div>"+"<div id='d192' class='colors'>"+"PowderBlue</div>"+"<div id='d193' class='colors'>"+"CadetBlue1</div>"+"<div id='d194' class='colors'>"+"CadetBlue2</div>"+"<div id='d195' class='colors'>"+"CadetBlue3</div>"+"<div id='d196' class='colors'>"+"CadetBlue4</div>"+"<div id='d197' class='colors'>"+"turquoise1</div>"+"<div id='d198' class='colors'>"+"turquoise2</div>"+"<div id='d199' class='colors'>"+"turquoise3</div>"+"<div id='d200' class='colors'>"+"turquoise4</div>"+"<div id='d201' class='colors'>"+"cadet blue</div>"+"<div id='d202' class='colors'>"+"CadetBlue</div>"+"<div id='d203' class='colors'>"+"DarkTurquoise</div>"+"<div id='d204' class='colors'>"+"azure</div>"+"<div id='d205' class='colors'>"+"azure1</div>"+"<div id='d206' class='colors'>"+"LightCyan</div>"+"<div id='d207' class='colors'>"+"LightCyan1</div>"+"<div id='d208' class='colors'>"+"azure2</div>"+"<div id='d209' class='colors'>"+"LightCyan2</div>"+"<div id='d210' class='colors'>"+"PaleTurquoise1</div>"+"<div id='d211' class='colors'>"+"PaleTurquoise</div>"+"<div id='d212' class='colors'>"+"PaleTurquoise2</div>"+"<div id='d213' class='colors'>"+"DarkSlateGray1</div>"+"<div id='d214' class='colors'>"+"azure3</div>"+"<div id='d215' class='colors'>"+"LightCyan3</div>"+"<div id='d216' class='colors'>"+"DarkSlateGray2</div>"+"<div id='d217' class='colors'>"+"PaleTurquoise3</div>"+"<div id='d218' class='colors'>"+"DarkSlateGray3</div>"+"<div id='d219' class='colors'>"+"azure4</div>"+"<div id='d220' class='colors'>"+"LightCyan4</div>"+"<div id='d221' class='colors'>"+"aqua</div>"+"<div id='d222' class='colors'>"+"cyan</div>"+"<div id='d223' class='colors'>"+"cyan1</div>"+"<div id='d224' class='colors'>"+"PaleTurquoise4</div>"+"<div id='d225' class='colors'>"+"cyan2</div>"+"<div id='d226' class='colors'>"+"DarkSlateGray4</div>"+"<div id='d227' class='colors'>"+"cyan3</div>"+"<div id='d228' class='colors'>"+"cyan4</div>"+"<div id='d229' class='colors'>"+"DarkCyan</div>"+"<div id='d230' class='colors'>"+"teal</div>"+"<div id='d231' class='colors'>"+"DarkSlateGray</div>"+"<div id='d232' class='colors'>"+"DarkSlateGrey</div>"+"<div id='d233' class='colors'>"+"MediumTurquoise</div>"+"<div id='d234' class='colors'>"+"LightSeaGreen</div>"+"<div id='d235' class='colors'>"+"turquoise</div>"+"<div id='d236' class='colors'>"+"aquamarine4</div>"+"<div id='d237' class='colors'>"+"aquamarine</div>"+"<div id='d238' class='colors'>"+"aquamarine1</div>"+"<div id='d239' class='colors'>"+"aquamarine2</div>"+"<div id='d240' class='colors'>"+"aquamarine3</div>"+"<div id='d241' class='colors'>"+"MediumAquamarine</div>"+"<div id='d242' class='colors'>"+"MediumSpringGreen</div>"+"<div id='d243' class='colors'>"+"MintCream</div>"+"<div id='d244' class='colors'>"+"SpringGreen</div>"+"<div id='d245' class='colors'>"+"SpringGreen1</div>"+"<div id='d246' class='colors'>"+"SpringGreen2</div>"+"<div id='d247' class='colors'>"+"SpringGreen3</div>"+"<div id='d248' class='colors'>"+"SpringGreen4</div>"+"<div id='d249' class='colors'>"+"MediumSeaGreen</div>"+"<div id='d250' class='colors'>"+"SeaGreen</div>"+"<div id='d251' class='colors'>"+"SeaGreen3</div>"+"<div id='d252' class='colors'>"+"SeaGreen1</div>"+"<div id='d253' class='colors'>"+"SeaGreen4</div>"+"<div id='d254' class='colors'>"+"SeaGreen2</div>"+"<div id='d255' class='colors'>"+"MediumForestGreen</div>"+"<div id='d256' class='colors'>"+"honeydew</div>"+"<div id='d257' class='colors'>"+"honeydew1</div>"+"<div id='d258' class='colors'>"+"honeydew2</div>"+"<div id='d259' class='colors'>"+"DarkSeaGreen1</div>"+"<div id='d260' class='colors'>"+"DarkSeaGreen2</div>"+"<div id='d261' class='colors'>"+"PaleGreen1</div>"+"<div id='d262' class='colors'>"+"PaleGreen</div>"+"<div id='d263' class='colors'>"+"honeydew3</div>"+"<div id='d264' class='colors'>"+"LightGreen</div>"+"<div id='d265' class='colors'>"+"PaleGreen2</div>"+"<div id='d266' class='colors'>"+"DarkSeaGreen3</div>"+"<div id='d267' class='colors'>"+"DarkSeaGreen</div>"+"<div id='d268' class='colors'>"+"PaleGreen3</div>"+"<div id='d269' class='colors'>"+"honeydew4</div>"+"<div id='d270' class='colors'>"+"green1</div>"+"<div id='d271' class='colors'>"+"lime</div>"+"<div id='d272' class='colors'>"+"LimeGreen</div>"+"<div id='d273' class='colors'>"+"DarkSeaGreen4</div>"+"<div id='d274' class='colors'>"+"green2</div>"+"<div id='d275' class='colors'>"+"PaleGreen4</div>"+"<div id='d276' class='colors'>"+"green3</div>"+"<div id='d277' class='colors'>"+"ForestGreen</div>"+"<div id='d278' class='colors'>"+"green4</div>"+"<div id='d279' class='colors'>"+"green</div>"+"<div id='d280' class='colors'>"+"DarkGreen</div>"+"<div id='d281' class='colors'>"+"LawnGreen</div>"+"<div id='d282' class='colors'>"+"chartreuse</div>"+"<div id='d283' class='colors'>"+"chartreuse1</div>"+"<div id='d284' class='colors'>"+"chartreuse2</div>"+"<div id='d285' class='colors'>"+"chartreuse3</div>"+"<div id='d286' class='colors'>"+"chartreuse4</div>"+"<div id='d287' class='colors'>"+"GreenYellow</div>"+"<div id='d288' class='colors'>"+"DarkOliveGreen3</div>"+"<div id='d289' class='colors'>"+"DarkOliveGreen1</div>"+"<div id='d290' class='colors'>"+"DarkOliveGreen2</div>"+"<div id='d291' class='colors'>"+"DarkOliveGreen4</div>"+"<div id='d292' class='colors'>"+"DarkOliveGreen</div>"+"<div id='d293' class='colors'>"+"OliveDrab</div>"+"<div id='d294' class='colors'>"+"OliveDrab1</div>"+"<div id='d295' class='colors'>"+"OliveDrab2</div>"+"<div id='d296' class='colors'>"+"OliveDrab3</div>"+"<div id='d297' class='colors'>"+"YellowGreen</div>"+"<div id='d298' class='colors'>"+"OliveDrab4</div>"+"<div id='d299' class='colors'>"+"ivory</div>"+"<div id='d300' class='colors'>"+"ivory1</div>"+"<div id='d301' class='colors'>"+"LightYellow</div>"+"<div id='d302' class='colors'>"+"LightYellow1</div>"+"<div id='d303' class='colors'>"+"beige</div>"+"<div id='d304' class='colors'>"+"ivory2</div>"+"<div id='d305' class='colors'>"+"LightGoldenrodYellow</div>"+"<div id='d306' class='colors'>"+"LightYellow2</div>"+"<div id='d307' class='colors'>"+"ivory3</div>"+"<div id='d308' class='colors'>"+"LightYellow3</div>"+"<div id='d309' class='colors'>"+"ivory4</div>"+"<div id='d310' class='colors'>"+"LightYellow4</div>"+"<div id='d311' class='colors'>"+"yellow</div>"+"<div id='d312' class='colors'>"+"yellow1</div>"+"<div id='d313' class='colors'>"+"yellow2</div>"+"<div id='d314' class='colors'>"+"yellow3</div>"+"<div id='d315' class='colors'>"+"yellow4</div>"+"<div id='d316' class='colors'>"+"olive</div>"+"<div id='d317' class='colors'>"+"DarkKhaki</div>"+"<div id='d318' class='colors'>"+"khaki2</div>"+"<div id='d319' class='colors'>"+"LemonChiffon4</div>"+"<div id='d320' class='colors'>"+"khaki1</div>"+"<div id='d321' class='colors'>"+"khaki3</div>"+"<div id='d322' class='colors'>"+"khaki4</div>"+"<div id='d323' class='colors'>"+"PaleGoldenrod</div>"+"<div id='d324' class='colors'>"+"LemonChiffon</div>"+"<div id='d325' class='colors'>"+"LemonChiffon1</div>"+"<div id='d326' class='colors'>"+"khaki</div>"+"<div id='d327' class='colors'>"+"LemonChiffon3</div>"+"<div id='d328' class='colors'>"+"LemonChiffon2</div>"+"<div id='d329' class='colors'>"+"MediumGoldenRod</div>"+"<div id='d330' class='colors'>"+"cornsilk4</div>"+"<div id='d331' class='colors'>"+"gold</div>"+"<div id='d332' class='colors'>"+"gold1</div>"+"<div id='d333' class='colors'>"+"gold2</div>"+"<div id='d334' class='colors'>"+"gold3</div>"+"<div id='d335' class='colors'>"+"gold4</div>"+"<div id='d336' class='colors'>"+"LightGoldenrod</div>"+"<div id='d337' class='colors'>"+"LightGoldenrod4</div>"+"<div id='d338' class='colors'>"+"LightGoldenrod1</div>"+"<div id='d339' class='colors'>"+"LightGoldenrod3</div>"+"<div id='d340' class='colors'>"+"LightGoldenrod2</div>"+"<div id='d341' class='colors'>"+"cornsilk3</div>"+"<div id='d342' class='colors'>"+"cornsilk2</div>"+"<div id='d343' class='colors'>"+"cornsilk</div>"+"<div id='d344' class='colors'>"+"cornsilk1</div>"+"<div id='d345' class='colors'>"+"goldenrod</div>"+"<div id='d346' class='colors'>"+"goldenrod1</div>"+"<div id='d347' class='colors'>"+"goldenrod2</div>"+"<div id='d348' class='colors'>"+"goldenrod3</div>"+"<div id='d349' class='colors'>"+"goldenrod4</div>"+"<div id='d350' class='colors'>"+"DarkGoldenrod</div>"+"<div id='d351' class='colors'>"+"DarkGoldenrod1</div>"+"<div id='d352' class='colors'>"+"DarkGoldenrod2</div>"+"<div id='d353' class='colors'>"+"DarkGoldenrod3</div>"+"<div id='d354' class='colors'>"+"DarkGoldenrod4</div>"+"<div id='d355' class='colors'>"+"FloralWhite</div>"+"<div id='d356' class='colors'>"+"wheat2</div>"+"<div id='d357' class='colors'>"+"OldLace</div>"+"<div id='d358' class='colors'>"+"wheat</div>"+"<div id='d359' class='colors'>"+"wheat1</div>"+"<div id='d360' class='colors'>"+"wheat3</div>"+"<div id='d361' class='colors'>"+"orange</div>"+"<div id='d362' class='colors'>"+"orange1</div>"+"<div id='d363' class='colors'>"+"orange2</div>"+"<div id='d364' class='colors'>"+"orange3</div>"+"<div id='d365' class='colors'>"+"orange4</div>"+"<div id='d366' class='colors'>"+"wheat4</div>"+"<div id='d367' class='colors'>"+"moccasin</div>"+"<div id='d368' class='colors'>"+"PapayaWhip</div>"+"<div id='d369' class='colors'>"+"NavajoWhite3</div>"+"<div id='d370' class='colors'>"+"BlanchedAlmond</div>"+"<div id='d371' class='colors'>"+"NavajoWhite</div>"+"<div id='d372' class='colors'>"+"NavajoWhite1</div>"+"<div id='d373' class='colors'>"+"NavajoWhite2</div>"+"<div id='d374' class='colors'>"+"NavajoWhite4</div>"+"<div id='d375' class='colors'>"+"AntiqueWhite4</div>"+"<div id='d376' class='colors'>"+"AntiqueWhite</div>"+"<div id='d377' class='colors'>"+"tan</div>"+"<div id='d378' class='colors'>"+"bisque4</div>"+"<div id='d379' class='colors'>"+"burlywood</div>"+"<div id='d380' class='colors'>"+"AntiqueWhite2</div>"+"<div id='d381' class='colors'>"+"burlywood1</div>"+"<div id='d382' class='colors'>"+"burlywood3</div>"+"<div id='d383' class='colors'>"+"burlywood2</div>"+"<div id='d384' class='colors'>"+"AntiqueWhite1</div>"+"<div id='d385' class='colors'>"+"burlywood4</div>"+"<div id='d386' class='colors'>"+"AntiqueWhite3</div>"+"<div id='d387' class='colors'>"+"DarkOrange</div>"+"<div id='d388' class='colors'>"+"bisque2</div>"+"<div id='d389' class='colors'>"+"bisque</div>"+"<div id='d390' class='colors'>"+"bisque1</div>"+"<div id='d391' class='colors'>"+"bisque3</div>"+"<div id='d392' class='colors'>"+"DarkOrange1</div>"+"<div id='d393' class='colors'>"+"linen</div>"+"<div id='d394' class='colors'>"+"DarkOrange2</div>"+"<div id='d395' class='colors'>"+"DarkOrange3</div>"+"<div id='d396' class='colors'>"+"DarkOrange4</div>"+"<div id='d397' class='colors'>"+"peru</div>"+"<div id='d398' class='colors'>"+"tan1</div>"+"<div id='d399' class='colors'>"+"tan2</div>"+"<div id='d400' class='colors'>"+"tan3</div>"+"<div id='d401' class='colors'>"+"tan4</div>"+"<div id='d402' class='colors'>"+"PeachPuff</div>"+"<div id='d403' class='colors'>"+"PeachPuff1</div>"+"<div id='d404' class='colors'>"+"PeachPuff4</div>"+"<div id='d405' class='colors'>"+"PeachPuff2</div>"+"<div id='d406' class='colors'>"+"PeachPuff3</div>"+"<div id='d407' class='colors'>"+"SandyBrown</div>"+"<div id='d408' class='colors'>"+"seashell4</div>"+"<div id='d409' class='colors'>"+"seashell2</div>"+"<div id='d410' class='colors'>"+"seashell3</div>"+"<div id='d411' class='colors'>"+"chocolate</div>"+"<div id='d412' class='colors'>"+"chocolate1</div>"+"<div id='d413' class='colors'>"+"chocolate2</div>"+"<div id='d414' class='colors'>"+"chocolate3</div>"+"<div id='d415' class='colors'>"+"chocolate4</div>"+"<div id='d416' class='colors'>"+"SaddleBrown</div>"+"<div id='d417' class='colors'>"+"seashell</div>"+"<div id='d418' class='colors'>"+"seashell1</div>"+"<div id='d419' class='colors'>"+"sienna4</div>"+"<div id='d420' class='colors'>"+"sienna</div>"+"<div id='d421' class='colors'>"+"sienna1</div>"+"<div id='d422' class='colors'>"+"sienna2</div>"+"<div id='d423' class='colors'>"+"sienna3</div>"+"<div id='d424' class='colors'>"+"LightSalmon3</div>"+"<div id='d425' class='colors'>"+"LightSalmon</div>"+"<div id='d426' class='colors'>"+"LightSalmon1</div>"+"<div id='d427' class='colors'>"+"LightSalmon4</div>"+"<div id='d428' class='colors'>"+"LightSalmon2</div>"+"<div id='d429' class='colors'>"+"coral</div>"+"<div id='d430' class='colors'>"+"OrangeRed</div>"+"<div id='d431' class='colors'>"+"OrangeRed1</div>"+"<div id='d432' class='colors'>"+"OrangeRed2</div>"+"<div id='d433' class='colors'>"+"OrangeRed3</div>"+"<div id='d434' class='colors'>"+"OrangeRed4</div>"+"<div id='d435' class='colors'>"+"DarkSalmon</div>"+"<div id='d436' class='colors'>"+"salmon1</div>"+"<div id='d437' class='colors'>"+"salmon2</div>"+"<div id='d438' class='colors'>"+"salmon3</div>"+"<div id='d439' class='colors'>"+"salmon4</div>"+"<div id='d440' class='colors'>"+"coral1</div>"+"<div id='d441' class='colors'>"+"coral2</div>"+"<div id='d442' class='colors'>"+"coral3</div>"+"<div id='d443' class='colors'>"+"coral4</div>"+"<div id='d444' class='colors'>"+"tomato4</div>"+"<div id='d445' class='colors'>"+"tomato</div>"+"<div id='d446' class='colors'>"+"tomato1</div>"+"<div id='d447' class='colors'>"+"tomato2</div>"+"<div id='d448' class='colors'>"+"tomato3</div>"+"<div id='d449' class='colors'>"+"MistyRose4</div>"+"<div id='d450' class='colors'>"+"MistyRose2</div>"+"<div id='d451' class='colors'>"+"MistyRose</div>"+"<div id='d452' class='colors'>"+"MistyRose1</div>"+"<div id='d453' class='colors'>"+"salmon</div>"+"<div id='d454' class='colors'>"+"MistyRose3</div>"+"<div id='d455' class='colors'>"+"white</div>"+"<div id='d456' class='colors'>"+"gray100</div>"+"<div id='d457' class='colors'>"+"grey100</div>"+"<div id='d458' class='colors'>"+"grey100</div>"+"<div id='d459' class='colors'>"+"gray99</div>"+"<div id='d460' class='colors'>"+"grey99</div>"+"<div id='d461' class='colors'>"+"gray98</div>"+"<div id='d462' class='colors'>"+"grey98</div>"+"<div id='d463' class='colors'>"+"gray97</div>"+"<div id='d464' class='colors'>"+"grey97</div>"+"<div id='d465' class='colors'>"+"gray96</div>"+"<div id='d466' class='colors'>"+"grey96</div>"+"<div id='d467' class='colors'>"+"WhiteSmoke</div>"+"<div id='d468' class='colors'>"+"gray95</div>"+"<div id='d469' class='colors'>"+"grey95</div>"+"<div id='d470' class='colors'>"+"gray94</div>"+"<div id='d471' class='colors'>"+"grey94</div>"+"<div id='d472' class='colors'>"+"gray93</div>"+"<div id='d473' class='colors'>"+"grey93</div>"+"<div id='d474' class='colors'>"+"gray92</div>"+"<div id='d475' class='colors'>"+"grey92</div>"+"<div id='d476' class='colors'>"+"gray91</div>"+"<div id='d477' class='colors'>"+"grey91</div>"+"<div id='d478' class='colors'>"+"gray90</div>"+"<div id='d479' class='colors'>"+"grey90</div>"+"<div id='d480' class='colors'>"+"gray89</div>"+"<div id='d481' class='colors'>"+"grey89</div>"+"<div id='d482' class='colors'>"+"gray88</div>"+"<div id='d483' class='colors'>"+"grey88</div>"+"<div id='d484' class='colors'>"+"gray87</div>"+"<div id='d485' class='colors'>"+"grey87</div>"+"<div id='d486' class='colors'>"+"gainsboro</div>"+"<div id='d487' class='colors'>"+"gray86</div>"+"<div id='d488' class='colors'>"+"grey86</div>"+"<div id='d489' class='colors'>"+"gray85</div>"+"<div id='d490' class='colors'>"+"grey85</div>"+"<div id='d491' class='colors'>"+"gray84</div>"+"<div id='d492' class='colors'>"+"grey84</div>"+"<div id='d493' class='colors'>"+"gray83</div>"+"<div id='d494' class='colors'>"+"grey83</div>"+"<div id='d495' class='colors'>"+"LightGray</div>"+"<div id='d496' class='colors'>"+"LightGrey</div>"+"<div id='d497' class='colors'>"+"gray82</div>"+"<div id='d498' class='colors'>"+"grey82</div>"+"<div id='d499' class='colors'>"+"gray81</div>"+"<div id='d500' class='colors'>"+"grey81</div>"+"<div id='d501' class='colors'>"+"gray80</div>"+"<div id='d502' class='colors'>"+"grey80</div>"+"<div id='d503' class='colors'>"+"gray79</div>"+"<div id='d504' class='colors'>"+"grey79</div>"+"<div id='d505' class='colors'>"+"gray78</div>"+"<div id='d506' class='colors'>"+"grey78</div>"+"<div id='d507' class='colors'>"+"gray77</div>"+"<div id='d508' class='colors'>"+"grey77</div>"+"<div id='d509' class='colors'>"+"gray76</div>"+"<div id='d510' class='colors'>"+"grey76</div>"+"<div id='d511' class='colors'>"+"silver</div>"+"<div id='d512' class='colors'>"+"gray75</div>"+"<div id='d513' class='colors'>"+"grey75</div>"+"<div id='d514' class='colors'>"+"gray74</div>"+"<div id='d515' class='colors'>"+"grey74</div>"+"<div id='d516' class='colors'>"+"gray73</div>"+"<div id='d517' class='colors'>"+"grey73</div>"+"<div id='d518' class='colors'>"+"gray72</div>"+"<div id='d519' class='colors'>"+"grey72</div>"+"<div id='d520' class='colors'>"+"gray71</div>"+"<div id='d521' class='colors'>"+"grey71</div>"+"<div id='d522' class='colors'>"+"gray70</div>"+"<div id='d523' class='colors'>"+"grey70</div>"+"<div id='d524' class='colors'>"+"gray69</div>"+"<div id='d525' class='colors'>"+"grey69</div>"+"<div id='d526' class='colors'>"+"gray68</div>"+"<div id='d527' class='colors'>"+"grey68</div>"+"<div id='d528' class='colors'>"+"gray67</div>"+"<div id='d529' class='colors'>"+"grey67</div>"+"<div id='d530' class='colors'>"+"DarkGray</div>"+"<div id='d531' class='colors'>"+"DarkGrey</div>"+"<div id='d532' class='colors'>"+"gray66</div>"+"<div id='d533' class='colors'>"+"grey66</div>"+"<div id='d534' class='colors'>"+"gray65</div>"+"<div id='d535' class='colors'>"+"grey65</div>"+"<div id='d536' class='colors'>"+"gray64</div>"+"<div id='d537' class='colors'>"+"grey64</div>"+"<div id='d538' class='colors'>"+"gray63</div>"+"<div id='d539' class='colors'>"+"grey63</div>"+"<div id='d540' class='colors'>"+"gray62</div>"+"<div id='d541' class='colors'>"+"grey62</div>"+"<div id='d542' class='colors'>"+"gray61</div>"+"<div id='d543' class='colors'>"+"grey61</div>"+"<div id='d544' class='colors'>"+"gray60</div>"+"<div id='d545' class='colors'>"+"grey60</div>"+"<div id='d546' class='colors'>"+"gray59</div>"+"<div id='d547' class='colors'>"+"grey59</div>"+"<div id='d548' class='colors'>"+"gray58</div>"+"<div id='d549' class='colors'>"+"grey58</div>"+"<div id='d550' class='colors'>"+"gray57</div>"+"<div id='d551' class='colors'>"+"grey57</div>"+"<div id='d552' class='colors'>"+"gray56</div>"+"<div id='d553' class='colors'>"+"grey56</div>"+"<div id='d554' class='colors'>"+"gray55</div>"+"<div id='d555' class='colors'>"+"grey55</div>"+"<div id='d556' class='colors'>"+"gray54</div>"+"<div id='d557' class='colors'>"+"grey54</div>"+"<div id='d558' class='colors'>"+"gray53</div>"+"<div id='d559' class='colors'>"+"grey53</div>"+"<div id='d560' class='colors'>"+"gray52</div>"+"<div id='d561' class='colors'>"+"grey52</div>"+"<div id='d562' class='colors'>"+"gray51</div>"+"<div id='d563' class='colors'>"+"grey51</div>"+"<div id='d564' class='colors'>"+"fractal</div>"+"<div id='d565' class='colors'>"+"gray50</div>"+"<div id='d566' class='colors'>"+"grey50</div>"+"<div id='d567' class='colors'>"+"gray</div>"+"<div id='d568' class='colors'>"+"gray49</div>"+"<div id='d569' class='colors'>"+"grey49</div>"+"<div id='d570' class='colors'>"+"gray48</div>"+"<div id='d571' class='colors'>"+"grey48</div>"+"<div id='d572' class='colors'>"+"gray47</div>"+"<div id='d573' class='colors'>"+"grey47</div>"+"<div id='d574' class='colors'>"+"gray46</div>"+"<div id='d575' class='colors'>"+"grey46</div>"+"<div id='d576' class='colors'>"+"gray45</div>"+"<div id='d577' class='colors'>"+"grey45</div>"+"<div id='d578' class='colors'>"+"gray44</div>"+"<div id='d579' class='colors'>"+"grey44</div>"+"<div id='d580' class='colors'>"+"gray43</div>"+"<div id='d581' class='colors'>"+"grey43</div>"+"<div id='d582' class='colors'>"+"gray42</div>"+"<div id='d583' class='colors'>"+"grey42</div>"+"<div id='d584' class='colors'>"+"DimGray</div>"+"<div id='d585' class='colors'>"+"DimGrey</div>"+"<div id='d586' class='colors'>"+"gray41</div>"+"<div id='d587' class='colors'>"+"grey41</div>"+"<div id='d588' class='colors'>"+"gray40</div>"+"<div id='d589' class='colors'>"+"grey40</div>"+"<div id='d590' class='colors'>"+"gray39</div>"+"<div id='d591' class='colors'>"+"grey39</div>"+"<div id='d592' class='colors'>"+"gray38</div>"+"<div id='d593' class='colors'>"+"grey38</div>"+"<div id='d594' class='colors'>"+"gray37</div>"+"<div id='d595' class='colors'>"+"grey37</div>"+"<div id='d596' class='colors'>"+"gray36</div>"+"<div id='d597' class='colors'>"+"grey36</div>"+"<div id='d598' class='colors'>"+"gray35</div>"+"<div id='d599' class='colors'>"+"grey35</div>"+"<div id='d600' class='colors'>"+"gray34</div>"+"<div id='d601' class='colors'>"+"grey34</div>"+"<div id='d602' class='colors'>"+"gray33</div>"+"<div id='d603' class='colors'>"+"grey33</div>"+"<div id='d604' class='colors'>"+"gray32</div>"+"<div id='d605' class='colors'>"+"grey32</div>"+"<div id='d606' class='colors'>"+"gray31</div>"+"<div id='d607' class='colors'>"+"grey31</div>"+"<div id='d608' class='colors'>"+"gray30</div>"+"<div id='d609' class='colors'>"+"grey30</div>"+"<div id='d610' class='colors'>"+"gray29</div>"+"<div id='d611' class='colors'>"+"grey29</div>"+"<div id='d612' class='colors'>"+"gray28</div>"+"<div id='d613' class='colors'>"+"grey28</div>"+"<div id='d614' class='colors'>"+"gray27</div>"+"<div id='d615' class='colors'>"+"grey27</div>"+"<div id='d616' class='colors'>"+"gray26</div>"+"<div id='d617' class='colors'>"+"grey26</div>"+"<div id='d618' class='colors'>"+"gray25</div>"+"<div id='d619' class='colors'>"+"grey25</div>"+"<div id='d620' class='colors'>"+"gray24</div>"+"<div id='d621' class='colors'>"+"grey24</div>"+"<div id='d622' class='colors'>"+"gray23</div>"+"<div id='d623' class='colors'>"+"grey23</div>"+"<div id='d624' class='colors'>"+"gray22</div>"+"<div id='d625' class='colors'>"+"grey22</div>"+"<div id='d626' class='colors'>"+"gray21</div>"+"<div id='d627' class='colors'>"+"grey21</div>"+"<div id='d628' class='colors'>"+"gray20</div>"+"<div id='d629' class='colors'>"+"grey20</div>"+"<div id='d630' class='colors'>"+"gray19</div>"+"<div id='d631' class='colors'>"+"grey19</div>"+"<div id='d632' class='colors'>"+"gray18</div>"+"<div id='d633' class='colors'>"+"grey18</div>"+"<div id='d634' class='colors'>"+"gray17</div>"+"<div id='d635' class='colors'>"+"grey17</div>"+"<div id='d636' class='colors'>"+"gray16</div>"+"<div id='d637' class='colors'>"+"grey16</div>"+"<div id='d638' class='colors'>"+"gray15</div>"+"<div id='d639' class='colors'>"+"grey15</div>"+"<div id='d640' class='colors'>"+"gray14</div>"+"<div id='d641' class='colors'>"+"grey14</div>"+"<div id='d642' class='colors'>"+"gray13</div>"+"<div id='d643' class='colors'>"+"grey13</div>"+"<div id='d644' class='colors'>"+"gray12</div>"+"<div id='d645' class='colors'>"+"grey12</div>"+"<div id='d646' class='colors'>"+"gray11</div>"+"<div id='d647' class='colors'>"+"grey11</div>"+"<div id='d648' class='colors'>"+"gray10</div>"+"<div id='d649' class='colors'>"+"grey10</div>"+"<div id='d650' class='colors'>"+"gray9</div>"+"<div id='d651' class='colors'>"+"grey9</div>"+"<div id='d652' class='colors'>"+"gray8</div>"+"<div id='d653' class='colors'>"+"grey8</div>"+"<div id='d654' class='colors'>"+"gray7</div>"+"<div id='d655' class='colors'>"+"grey7</div>"+"<div id='d656' class='colors'>"+"gray6</div>"+"<div id='d657' class='colors'>"+"grey6</div>"+"<div id='d658' class='colors'>"+"gray5</div>"+"<div id='d659' class='colors'>"+"grey5</div>"+"<div id='d660' class='colors'>"+"gray4</div>"+"<div id='d661' class='colors'>"+"grey4</div>"+"<div id='d662' class='colors'>"+"gray3</div>"+"<div id='d663' class='colors'>"+"grey3</div>"+"<div id='d664' class='colors'>"+"gray2</div>"+"<div id='d665' class='colors'>"+"grey2</div>"+"<div id='d666' class='colors'>"+"gray1</div>"+"<div id='d667' class='colors'>"+"grey1</div>"+"<div id='d668' class='colors'>"+"black</div>"+"<div id='d669' class='colors'>"+"gray0</div>"+"<div id='d670' class='colors'>"+"grey0</div>"+"<div id='d671' class='colors'>"+"opaque</div>"+"<div id='d672' class='colors'>"+"none</div>"+"<div id='d673' class='colors'>"+"transparent</div>"+"</div>"+"<div id='colornames'>WHERE THE COLORNAMES WILL GO</div>"+"<script type='text/javascript' src='colordict.js'></script>"+"<script type='text/javascript' src='colorpixx.js'></script>"
+
+
+function showpicker()
+  {
+  $('#popupContact').html(colorpicker);
+	$('#swingleft').append("whos the dadd addad");
+	$('#popupContact').css('height', '1500px')
+  }
+
+$('#colorlist').click(function(){showpicker()})
+
+
+
+
diff --git a/frontend/imgrid/colors/junk/scrollio.html b/frontend/imgrid/colors/junk/scrollio.html
new file mode 100755
index 0000000..e1443c3
--- /dev/null
+++ b/frontend/imgrid/colors/junk/scrollio.html
@@ -0,0 +1,3850 @@
+<html>
+<head>
+<link rel="stylesheet" type="text/css" href="ScrollEffect.css" />
+<script type="text/javascript" src="ScrollEffect.js"></script>
+
+<style type='text/css'>
+
+body
+{
+margin:0;
+}
+
+#colorpicker
+{
+position:absolute;
+width:100%;
+font-family:helvetica; 
+font-size:10px; 
+//background-color: gray;
+//background-image: url("http://asdf.us/im/6f/gradient_bgdither_1321255670_pepper.gif");
+background-color: black;
+background-image: url("http://dump.fm/static/img/bg.dither.gif")
+
+}
+
+#container div
+{
+text-align:left;
+display: -moz-inline-stack;
+display:inline-block;
+vertical-align:bottom;
+min-height: 30px;
+zoom: 1;
+word-wrap: break-word;
+*display: inline;
+cursor:pointer;
+}
+
+#container
+{
+margin:0 auto;
+width:31%;
+padding-bottom:0px;
+padding-right:10px;
+padding-left:10px;
+text-align:center;
+position:absolute;
+height:850px;
+}
+
+#viewarea
+{
+position: relative; 
+top: 10%; 
+width: 31%; 
+height: 820px; 
+overflow: hidden; 
+margin:0 auto;
+padding-top:10px;
+padding-right:10px;
+padding-left:10px;
+text-align:center;
+border-style:outset;
+border-width:10px;
+}
+
+#colornames
+{
+color:white;
+position:fixed;
+font-size:50px;
+top:50px;
+left:2%;
+width:400px;
+}
+
+#switches
+		{
+		position:fixed;
+		top:20px;
+		right:1%;
+		height:400px;
+		width:300px;
+		font-size:20px;
+		border-style: groove;
+		border-width: 4px;
+		background-color:gray;
+		padding:2px;
+		box-shadow: 10px 10px 5px #141414;
+		}
+
+#infoswitch, #hexswitch, #backgroundswitch
+		{
+		background-image:url(http://asdf.us/im/58/gradient_whitegray80_1321305183_1321305241_pepper.jpg);
+		cursor:pointer;
+		}
+#preview
+		{
+		height:150px;
+		}
+
+
+#holder
+		{
+		float:bottom;
+		}
+
+#transparent
+		{
+		font-size:12px;
+		}
+#namespace
+		{
+		width:inherit;
+		}
+#d0
+{background-color:#FFFAFA}
+
+#d1
+{background-color:#FFFAFA}
+
+#d2
+{background-color:#EEE9E9}
+
+#d3
+{background-color:#FFC1C1}
+
+#d4
+{background-color:#EEB4B4}
+
+#d5
+{background-color:#CDC9C9}
+
+#d6
+{background-color:#F08080}
+
+#d7
+{background-color:#FF6A6A}
+
+#d8
+{background-color:#CD9B9B}
+
+#d9
+{background-color:#EE6363}
+
+#d10
+{background-color:#BC8F8F}
+
+#d11
+{background-color:#FF4040}
+
+#d12
+{background-color:#FF3030}
+
+#d13
+{background-color:#EE3B3B}
+
+#d14
+{background-color:#CD5C5C}
+
+#d15
+{background-color:#CD5555}
+
+#d16
+{background-color:#EE2C2C}
+
+#d17
+{background-color:#8B8989}
+
+#d18
+{background-color:#CD3333}
+
+#d19
+{background-color:#FF0000}
+
+#d20
+{background-color:#FF0000}
+
+#d21
+{background-color:#8B6969}
+
+#d22
+{background-color:#CD2626}
+
+#d23
+{background-color:#EE0000}
+
+#d24
+{background-color:#B22222}
+
+#d25
+{background-color:#A52A2A}
+
+#d26
+{background-color:#CD0000}
+
+#d27
+{background-color:#8B3A3A}
+
+#d28
+{background-color:#8B2323}
+
+#d29
+{background-color:#8B1A1A}
+
+#d30
+{background-color:#8B0000}
+
+#d31
+{background-color:#8B0000}
+
+#d32
+{background-color:#800000}
+
+#d33
+{background-color:#FFAEB9}
+
+#d34
+{background-color:#CD8C95}
+
+#d35
+{background-color:#8B5F65}
+
+#d36
+{background-color:#EEA2AD}
+
+#d37
+{background-color:#FFB6C1}
+
+#d38
+{background-color:#FFC0CB}
+
+#d39
+{background-color:#DC143C}
+
+#d40
+{background-color:#FFB5C5}
+
+#d41
+{background-color:#EEA9B8}
+
+#d42
+{background-color:#CD919E}
+
+#d43
+{background-color:#8B636C}
+
+#d44
+{background-color:#8B475D}
+
+#d45
+{background-color:#DB7093}
+
+#d46
+{background-color:#EE799F}
+
+#d47
+{background-color:#FF82AB}
+
+#d48
+{background-color:#CD6889}
+
+#d49
+{background-color:#FFF0F5}
+
+#d50
+{background-color:#FFF0F5}
+
+#d51
+{background-color:#CDC1C5}
+
+#d52
+{background-color:#EEE0E5}
+
+#d53
+{background-color:#8B8386}
+
+#d54
+{background-color:#B03060}
+
+#d55
+{background-color:#CD6090}
+
+#d56
+{background-color:#CD3278}
+
+#d57
+{background-color:#FF3E96}
+
+#d58
+{background-color:#EE3A8C}
+
+#d59
+{background-color:#8B2252}
+
+#d60
+{background-color:#EE6AA7}
+
+#d61
+{background-color:#FF6EB4}
+
+#d62
+{background-color:#8B3A62}
+
+#d63
+{background-color:#FF69B4}
+
+#d64
+{background-color:#FF1493}
+
+#d65
+{background-color:#FF1493}
+
+#d66
+{background-color:#EE1289}
+
+#d67
+{background-color:#CD1076}
+
+#d68
+{background-color:#8B0A50}
+
+#d69
+{background-color:#FF34B3}
+
+#d70
+{background-color:#EE30A7}
+
+#d71
+{background-color:#CD2990}
+
+#d72
+{background-color:#8B1C62}
+
+#d73
+{background-color:#C71585}
+
+#d74
+{background-color:#D02090}
+
+#d75
+{background-color:#EE7AE9}
+
+#d76
+{background-color:#DA70D6}
+
+#d77
+{background-color:#FF83FA}
+
+#d78
+{background-color:#CD69C9}
+
+#d79
+{background-color:#8B4789}
+
+#d80
+{background-color:#FFE1FF}
+
+#d81
+{background-color:#EED2EE}
+
+#d82
+{background-color:#FFBBFF}
+
+#d83
+{background-color:#EEAEEE}
+
+#d84
+{background-color:#D8BFD8}
+
+#d85
+{background-color:#CDB5CD}
+
+#d86
+{background-color:#DDA0DD}
+
+#d87
+{background-color:#EE82EE}
+
+#d88
+{background-color:#CD96CD}
+
+#d89
+{background-color:#8B7B8B}
+
+#d90
+{background-color:#FF00FF}
+
+#d91
+{background-color:#FF00FF}
+
+#d92
+{background-color:#FF00FF}
+
+#d93
+{background-color:#8B668B}
+
+#d94
+{background-color:#EE00EE}
+
+#d95
+{background-color:#CD00CD}
+
+#d96
+{background-color:#8B008B}
+
+#d97
+{background-color:#8B008B}
+
+#d98
+{background-color:#800080}
+
+#d99
+{background-color:#BA55D3}
+
+#d100
+{background-color:#E066FF}
+
+#d101
+{background-color:#D15FEE}
+
+#d102
+{background-color:#B452CD}
+
+#d103
+{background-color:#7A378B}
+
+#d104
+{background-color:#9400D3}
+
+#d105
+{background-color:#9932CC}
+
+#d106
+{background-color:#BF3EFF}
+
+#d107
+{background-color:#9A32CD}
+
+#d108
+{background-color:#B23AEE}
+
+#d109
+{background-color:#68228B}
+
+#d110
+{background-color:#A020F0}
+
+#d111
+{background-color:#4B0082}
+
+#d112
+{background-color:#8A2BE2}
+
+#d113
+{background-color:#912CEE}
+
+#d114
+{background-color:#7D26CD}
+
+#d115
+{background-color:#551A8B}
+
+#d116
+{background-color:#9B30FF}
+
+#d117
+{background-color:#9370DB}
+
+#d118
+{background-color:#AB82FF}
+
+#d119
+{background-color:#9F79EE}
+
+#d120
+{background-color:#8968CD}
+
+#d121
+{background-color:#5D478B}
+
+#d122
+{background-color:#483D8B}
+
+#d123
+{background-color:#8470FF}
+
+#d124
+{background-color:#7B68EE}
+
+#d125
+{background-color:#6A5ACD}
+
+#d126
+{background-color:#836FFF}
+
+#d127
+{background-color:#7A67EE}
+
+#d128
+{background-color:#6959CD}
+
+#d129
+{background-color:#473C8B}
+
+#d130
+{background-color:#F8F8FF}
+
+#d131
+{background-color:#E6E6FA}
+
+#d132
+{background-color:#0000FF}
+
+#d133
+{background-color:#0000FF}
+
+#d134
+{background-color:#0000EE}
+
+#d135
+{background-color:#0000CD}
+
+#d136
+{background-color:#0000CD}
+
+#d137
+{background-color:#00008B}
+
+#d138
+{background-color:#00008B}
+
+#d139
+{background-color:#191970}
+
+#d140
+{background-color:#000080}
+
+#d141
+{background-color:#000080}
+
+#d142
+{background-color:#4169E1}
+
+#d143
+{background-color:#4876FF}
+
+#d144
+{background-color:#436EEE}
+
+#d145
+{background-color:#3A5FCD}
+
+#d146
+{background-color:#27408B}
+
+#d147
+{background-color:#6495ED}
+
+#d148
+{background-color:#B0C4DE}
+
+#d149
+{background-color:#CAE1FF}
+
+#d150
+{background-color:#BCD2EE}
+
+#d151
+{background-color:#A2B5CD}
+
+#d152
+{background-color:#6E7B8B}
+
+#d153
+{background-color:#6C7B8B}
+
+#d154
+{background-color:#C6E2FF}
+
+#d155
+{background-color:#B9D3EE}
+
+#d156
+{background-color:#9FB6CD}
+
+#d157
+{background-color:#778899}
+
+#d158
+{background-color:#778899}
+
+#d159
+{background-color:#708090}
+
+#d160
+{background-color:#708090}
+
+#d161
+{background-color:#1E90FF}
+
+#d162
+{background-color:#1E90FF}
+
+#d163
+{background-color:#1C86EE}
+
+#d164
+{background-color:#104E8B}
+
+#d165
+{background-color:#1874CD}
+
+#d166
+{background-color:#F0F8FF}
+
+#d167
+{background-color:#36648B}
+
+#d168
+{background-color:#4682B4}
+
+#d169
+{background-color:#63B8FF}
+
+#d170
+{background-color:#5CACEE}
+
+#d171
+{background-color:#4F94CD}
+
+#d172
+{background-color:#4A708B}
+
+#d173
+{background-color:#87CEFF}
+
+#d174
+{background-color:#7EC0EE}
+
+#d175
+{background-color:#6CA6CD}
+
+#d176
+{background-color:#87CEFA}
+
+#d177
+{background-color:#607B8B}
+
+#d178
+{background-color:#B0E2FF}
+
+#d179
+{background-color:#A4D3EE}
+
+#d180
+{background-color:#8DB6CD}
+
+#d181
+{background-color:#87CEEB}
+
+#d182
+{background-color:#9AC0CD}
+
+#d183
+{background-color:#00BFFF}
+
+#d184
+{background-color:#00BFFF}
+
+#d185
+{background-color:#00B2EE}
+
+#d186
+{background-color:#00688B}
+
+#d187
+{background-color:#009ACD}
+
+#d188
+{background-color:#BFEFFF}
+
+#d189
+{background-color:#B2DFEE}
+
+#d190
+{background-color:#ADD8E6}
+
+#d191
+{background-color:#68838B}
+
+#d192
+{background-color:#B0E0E6}
+
+#d193
+{background-color:#98F5FF}
+
+#d194
+{background-color:#8EE5EE}
+
+#d195
+{background-color:#7AC5CD}
+
+#d196
+{background-color:#53868B}
+
+#d197
+{background-color:#00F5FF}
+
+#d198
+{background-color:#00E5EE}
+
+#d199
+{background-color:#00C5CD}
+
+#d200
+{background-color:#00868B}
+
+#d201
+{background-color:#5F9EA0}
+
+#d202
+{background-color:#5F9EA0}
+
+#d203
+{background-color:#00CED1}
+
+#d204
+{background-color:#F0FFFF}
+
+#d205
+{background-color:#F0FFFF}
+
+#d206
+{background-color:#E0FFFF}
+
+#d207
+{background-color:#E0FFFF}
+
+#d208
+{background-color:#E0EEEE}
+
+#d209
+{background-color:#D1EEEE}
+
+#d210
+{background-color:#BBFFFF}
+
+#d211
+{background-color:#AFEEEE}
+
+#d212
+{background-color:#AEEEEE}
+
+#d213
+{background-color:#97FFFF}
+
+#d214
+{background-color:#C1CDCD}
+
+#d215
+{background-color:#B4CDCD}
+
+#d216
+{background-color:#8DEEEE}
+
+#d217
+{background-color:#96CDCD}
+
+#d218
+{background-color:#79CDCD}
+
+#d219
+{background-color:#838B8B}
+
+#d220
+{background-color:#7A8B8B}
+
+#d221
+{background-color:#00FFFF}
+
+#d222
+{background-color:#00FFFF}
+
+#d223
+{background-color:#00FFFF}
+
+#d224
+{background-color:#668B8B}
+
+#d225
+{background-color:#00EEEE}
+
+#d226
+{background-color:#528B8B}
+
+#d227
+{background-color:#00CDCD}
+
+#d228
+{background-color:#008B8B}
+
+#d229
+{background-color:#008B8B}
+
+#d230
+{background-color:#008080}
+
+#d231
+{background-color:#2F4F4F}
+
+#d232
+{background-color:#2F4F4F}
+
+#d233
+{background-color:#48D1CC}
+
+#d234
+{background-color:#20B2AA}
+
+#d235
+{background-color:#40E0D0}
+
+#d236
+{background-color:#458B74}
+
+#d237
+{background-color:#7FFFD4}
+
+#d238
+{background-color:#7FFFD4}
+
+#d239
+{background-color:#76EEC6}
+
+#d240
+{background-color:#66CDAA}
+
+#d241
+{background-color:#66CDAA}
+
+#d242
+{background-color:#00FA9A}
+
+#d243
+{background-color:#F5FFFA}
+
+#d244
+{background-color:#00FF7F}
+
+#d245
+{background-color:#00FF7F}
+
+#d246
+{background-color:#00EE76}
+
+#d247
+{background-color:#00CD66}
+
+#d248
+{background-color:#008B45}
+
+#d249
+{background-color:#3CB371}
+
+#d250
+{background-color:#2E8B57}
+
+#d251
+{background-color:#43CD80}
+
+#d252
+{background-color:#54FF9F}
+
+#d253
+{background-color:#2E8B57}
+
+#d254
+{background-color:#4EEE94}
+
+#d255
+{background-color:#32814B}
+
+#d256
+{background-color:#F0FFF0}
+
+#d257
+{background-color:#F0FFF0}
+
+#d258
+{background-color:#E0EEE0}
+
+#d259
+{background-color:#C1FFC1}
+
+#d260
+{background-color:#B4EEB4}
+
+#d261
+{background-color:#9AFF9A}
+
+#d262
+{background-color:#98FB98}
+
+#d263
+{background-color:#C1CDC1}
+
+#d264
+{background-color:#90EE90}
+
+#d265
+{background-color:#90EE90}
+
+#d266
+{background-color:#9BCD9B}
+
+#d267
+{background-color:#8FBC8F}
+
+#d268
+{background-color:#7CCD7C}
+
+#d269
+{background-color:#838B83}
+
+#d270
+{background-color:#00FF00}
+
+#d271
+{background-color:#00FF00}
+
+#d272
+{background-color:#32CD32}
+
+#d273
+{background-color:#698B69}
+
+#d274
+{background-color:#00EE00}
+
+#d275
+{background-color:#548B54}
+
+#d276
+{background-color:#00CD00}
+
+#d277
+{background-color:#228B22}
+
+#d278
+{background-color:#008B00}
+
+#d279
+{background-color:#008000}
+
+#d280
+{background-color:#006400}
+
+#d281
+{background-color:#7CFC00}
+
+#d282
+{background-color:#7FFF00}
+
+#d283
+{background-color:#7FFF00}
+
+#d284
+{background-color:#76EE00}
+
+#d285
+{background-color:#66CD00}
+
+#d286
+{background-color:#458B00}
+
+#d287
+{background-color:#ADFF2F}
+
+#d288
+{background-color:#A2CD5A}
+
+#d289
+{background-color:#CAFF70}
+
+#d290
+{background-color:#BCEE68}
+
+#d291
+{background-color:#6E8B3D}
+
+#d292
+{background-color:#556B2F}
+
+#d293
+{background-color:#6B8E23}
+
+#d294
+{background-color:#C0FF3E}
+
+#d295
+{background-color:#B3EE3A}
+
+#d296
+{background-color:#9ACD32}
+
+#d297
+{background-color:#9ACD32}
+
+#d298
+{background-color:#698B22}
+
+#d299
+{background-color:#FFFFF0}
+
+#d300
+{background-color:#FFFFF0}
+
+#d301
+{background-color:#FFFFE0}
+
+#d302
+{background-color:#FFFFE0}
+
+#d303
+{background-color:#F5F5DC}
+
+#d304
+{background-color:#EEEEE0}
+
+#d305
+{background-color:#FAFAD2}
+
+#d306
+{background-color:#EEEED1}
+
+#d307
+{background-color:#CDCDC1}
+
+#d308
+{background-color:#CDCDB4}
+
+#d309
+{background-color:#8B8B83}
+
+#d310
+{background-color:#8B8B7A}
+
+#d311
+{background-color:#FFFF00}
+
+#d312
+{background-color:#FFFF00}
+
+#d313
+{background-color:#EEEE00}
+
+#d314
+{background-color:#CDCD00}
+
+#d315
+{background-color:#8B8B00}
+
+#d316
+{background-color:#808000}
+
+#d317
+{background-color:#BDB76B}
+
+#d318
+{background-color:#EEE685}
+
+#d319
+{background-color:#8B8970}
+
+#d320
+{background-color:#FFF68F}
+
+#d321
+{background-color:#CDC673}
+
+#d322
+{background-color:#8B864E}
+
+#d323
+{background-color:#EEE8AA}
+
+#d324
+{background-color:#FFFACD}
+
+#d325
+{background-color:#FFFACD}
+
+#d326
+{background-color:#F0E68C}
+
+#d327
+{background-color:#CDC9A5}
+
+#d328
+{background-color:#EEE9BF}
+
+#d329
+{background-color:#D1C166}
+
+#d330
+{background-color:#8B8878}
+
+#d331
+{background-color:#FFD700}
+
+#d332
+{background-color:#FFD700}
+
+#d333
+{background-color:#EEC900}
+
+#d334
+{background-color:#CDAD00}
+
+#d335
+{background-color:#8B7500}
+
+#d336
+{background-color:#EEDD82}
+
+#d337
+{background-color:#8B814C}
+
+#d338
+{background-color:#FFEC8B}
+
+#d339
+{background-color:#CDBE70}
+
+#d340
+{background-color:#EEDC82}
+
+#d341
+{background-color:#CDC8B1}
+
+#d342
+{background-color:#EEE8CD}
+
+#d343
+{background-color:#FFF8DC}
+
+#d344
+{background-color:#FFF8DC}
+
+#d345
+{background-color:#DAA520}
+
+#d346
+{background-color:#FFC125}
+
+#d347
+{background-color:#EEB422}
+
+#d348
+{background-color:#CD9B1D}
+
+#d349
+{background-color:#8B6914}
+
+#d350
+{background-color:#B8860B}
+
+#d351
+{background-color:#FFB90F}
+
+#d352
+{background-color:#EEAD0E}
+
+#d353
+{background-color:#CD950C}
+
+#d354
+{background-color:#8B6508}
+
+#d355
+{background-color:#FFFAF0}
+
+#d356
+{background-color:#EED8AE}
+
+#d357
+{background-color:#FDF5E6}
+
+#d358
+{background-color:#F5DEB3}
+
+#d359
+{background-color:#FFE7BA}
+
+#d360
+{background-color:#CDBA96}
+
+#d361
+{background-color:#FFA500}
+
+#d362
+{background-color:#FFA500}
+
+#d363
+{background-color:#EE9A00}
+
+#d364
+{background-color:#CD8500}
+
+#d365
+{background-color:#8B5A00}
+
+#d366
+{background-color:#8B7E66}
+
+#d367
+{background-color:#FFE4B5}
+
+#d368
+{background-color:#FFEFD5}
+
+#d369
+{background-color:#CDB38B}
+
+#d370
+{background-color:#FFEBCD}
+
+#d371
+{background-color:#FFDEAD}
+
+#d372
+{background-color:#FFDEAD}
+
+#d373
+{background-color:#EECFA1}
+
+#d374
+{background-color:#8B795E}
+
+#d375
+{background-color:#8B8378}
+
+#d376
+{background-color:#FAEBD7}
+
+#d377
+{background-color:#D2B48C}
+
+#d378
+{background-color:#8B7D6B}
+
+#d379
+{background-color:#DEB887}
+
+#d380
+{background-color:#EEDFCC}
+
+#d381
+{background-color:#FFD39B}
+
+#d382
+{background-color:#CDAA7D}
+
+#d383
+{background-color:#EEC591}
+
+#d384
+{background-color:#FFEFDB}
+
+#d385
+{background-color:#8B7355}
+
+#d386
+{background-color:#CDC0B0}
+
+#d387
+{background-color:#FF8C00}
+
+#d388
+{background-color:#EED5B7}
+
+#d389
+{background-color:#FFE4C4}
+
+#d390
+{background-color:#FFE4C4}
+
+#d391
+{background-color:#CDB79E}
+
+#d392
+{background-color:#FF7F00}
+
+#d393
+{background-color:#FAF0E6}
+
+#d394
+{background-color:#EE7600}
+
+#d395
+{background-color:#CD6600}
+
+#d396
+{background-color:#8B4500}
+
+#d397
+{background-color:#CD853F}
+
+#d398
+{background-color:#FFA54F}
+
+#d399
+{background-color:#EE9A49}
+
+#d400
+{background-color:#CD853F}
+
+#d401
+{background-color:#8B5A2B}
+
+#d402
+{background-color:#FFDAB9}
+
+#d403
+{background-color:#FFDAB9}
+
+#d404
+{background-color:#8B7765}
+
+#d405
+{background-color:#EECBAD}
+
+#d406
+{background-color:#CDAF95}
+
+#d407
+{background-color:#F4A460}
+
+#d408
+{background-color:#8B8682}
+
+#d409
+{background-color:#EEE5DE}
+
+#d410
+{background-color:#CDC5BF}
+
+#d411
+{background-color:#D2691E}
+
+#d412
+{background-color:#FF7F24}
+
+#d413
+{background-color:#EE7621}
+
+#d414
+{background-color:#CD661D}
+
+#d415
+{background-color:#8B4513}
+
+#d416
+{background-color:#8B4513}
+
+#d417
+{background-color:#FFF5EE}
+
+#d418
+{background-color:#FFF5EE}
+
+#d419
+{background-color:#8B4726}
+
+#d420
+{background-color:#A0522D}
+
+#d421
+{background-color:#FF8247}
+
+#d422
+{background-color:#EE7942}
+
+#d423
+{background-color:#CD6839}
+
+#d424
+{background-color:#CD8162}
+
+#d425
+{background-color:#FFA07A}
+
+#d426
+{background-color:#FFA07A}
+
+#d427
+{background-color:#8B5742}
+
+#d428
+{background-color:#EE9572}
+
+#d429
+{background-color:#FF7F50}
+
+#d430
+{background-color:#FF4500}
+
+#d431
+{background-color:#FF4500}
+
+#d432
+{background-color:#EE4000}
+
+#d433
+{background-color:#CD3700}
+
+#d434
+{background-color:#8B2500}
+
+#d435
+{background-color:#E9967A}
+
+#d436
+{background-color:#FF8C69}
+
+#d437
+{background-color:#EE8262}
+
+#d438
+{background-color:#CD7054}
+
+#d439
+{background-color:#8B4C39}
+
+#d440
+{background-color:#FF7256}
+
+#d441
+{background-color:#EE6A50}
+
+#d442
+{background-color:#CD5B45}
+
+#d443
+{background-color:#8B3E2F}
+
+#d444
+{background-color:#8B3626}
+
+#d445
+{background-color:#FF6347}
+
+#d446
+{background-color:#FF6347}
+
+#d447
+{background-color:#EE5C42}
+
+#d448
+{background-color:#CD4F39}
+
+#d449
+{background-color:#8B7D7B}
+
+#d450
+{background-color:#EED5D2}
+
+#d451
+{background-color:#FFE4E1}
+
+#d452
+{background-color:#FFE4E1}
+
+#d453
+{background-color:#FA8072}
+
+#d454
+{background-color:#CDB7B5}
+
+#d455
+{background-color:#FFFFFF}
+
+#d456
+{background-color:#FFFFFF}
+
+#d457
+{background-color:#FFFFFF}
+
+#d458
+{background-color:#FFFFFF}
+
+#d459
+{background-color:#FCFCFC}
+
+#d460
+{background-color:#FCFCFC}
+
+#d461
+{background-color:#FAFAFA}
+
+#d462
+{background-color:#FAFAFA}
+
+#d463
+{background-color:#F7F7F7}
+
+#d464
+{background-color:#F7F7F7}
+
+#d465
+{background-color:#F5F5F5}
+
+#d466
+{background-color:#F5F5F5}
+
+#d467
+{background-color:#F5F5F5}
+
+#d468
+{background-color:#F2F2F2}
+
+#d469
+{background-color:#F2F2F2}
+
+#d470
+{background-color:#F0F0F0}
+
+#d471
+{background-color:#F0F0F0}
+
+#d472
+{background-color:#EDEDED}
+
+#d473
+{background-color:#EDEDED}
+
+#d474
+{background-color:#EBEBEB}
+
+#d475
+{background-color:#EBEBEB}
+
+#d476
+{background-color:#E8E8E8}
+
+#d477
+{background-color:#E8E8E8}
+
+#d478
+{background-color:#E5E5E5}
+
+#d479
+{background-color:#E5E5E5}
+
+#d480
+{background-color:#E3E3E3}
+
+#d481
+{background-color:#E3E3E3}
+
+#d482
+{background-color:#E0E0E0}
+
+#d483
+{background-color:#E0E0E0}
+
+#d484
+{background-color:#DEDEDE}
+
+#d485
+{background-color:#DEDEDE}
+
+#d486
+{background-color:#DCDCDC}
+
+#d487
+{background-color:#DBDBDB}
+
+#d488
+{background-color:#DBDBDB}
+
+#d489
+{background-color:#D9D9D9}
+
+#d490
+{background-color:#D9D9D9}
+
+#d491
+{background-color:#D6D6D6}
+
+#d492
+{background-color:#D6D6D6}
+
+#d493
+{background-color:#D4D4D4}
+
+#d494
+{background-color:#D4D4D4}
+
+#d495
+{background-color:#D3D3D3}
+
+#d496
+{background-color:#D3D3D3}
+
+#d497
+{background-color:#D1D1D1}
+
+#d498
+{background-color:#D1D1D1}
+
+#d499
+{background-color:#CFCFCF}
+
+#d500
+{background-color:#CFCFCF}
+
+#d501
+{background-color:#CCCCCC}
+
+#d502
+{background-color:#CCCCCC}
+
+#d503
+{background-color:#C9C9C9}
+
+#d504
+{background-color:#C9C9C9}
+
+#d505
+{background-color:#C7C7C7}
+
+#d506
+{background-color:#C7C7C7}
+
+#d507
+{background-color:#C4C4C4}
+
+#d508
+{background-color:#C4C4C4}
+
+#d509
+{background-color:#C2C2C2}
+
+#d510
+{background-color:#C2C2C2}
+
+#d511
+{background-color:#C0C0C0}
+
+#d512
+{background-color:#BFBFBF}
+
+#d513
+{background-color:#BFBFBF}
+
+#d514
+{background-color:#BDBDBD}
+
+#d515
+{background-color:#BDBDBD}
+
+#d516
+{background-color:#BABABA}
+
+#d517
+{background-color:#BABABA}
+
+#d518
+{background-color:#B8B8B8}
+
+#d519
+{background-color:#B8B8B8}
+
+#d520
+{background-color:#B5B5B5}
+
+#d521
+{background-color:#B5B5B5}
+
+#d522
+{background-color:#B3B3B3}
+
+#d523
+{background-color:#B3B3B3}
+
+#d524
+{background-color:#B0B0B0}
+
+#d525
+{background-color:#B0B0B0}
+
+#d526
+{background-color:#ADADAD}
+
+#d527
+{background-color:#ADADAD}
+
+#d528
+{background-color:#ABABAB}
+
+#d529
+{background-color:#ABABAB}
+
+#d530
+{background-color:#A9A9A9}
+
+#d531
+{background-color:#A9A9A9}
+
+#d532
+{background-color:#A8A8A8}
+
+#d533
+{background-color:#A8A8A8}
+
+#d534
+{background-color:#A6A6A6}
+
+#d535
+{background-color:#A6A6A6}
+
+#d536
+{background-color:#A3A3A3}
+
+#d537
+{background-color:#A3A3A3}
+
+#d538
+{background-color:#A1A1A1}
+
+#d539
+{background-color:#A1A1A1}
+
+#d540
+{background-color:#9E9E9E}
+
+#d541
+{background-color:#9E9E9E}
+
+#d542
+{background-color:#9C9C9C}
+
+#d543
+{background-color:#9C9C9C}
+
+#d544
+{background-color:#999999}
+
+#d545
+{background-color:#999999}
+
+#d546
+{background-color:#969696}
+
+#d547
+{background-color:#969696}
+
+#d548
+{background-color:#949494}
+
+#d549
+{background-color:#949494}
+
+#d550
+{background-color:#919191}
+
+#d551
+{background-color:#919191}
+
+#d552
+{background-color:#8F8F8F}
+
+#d553
+{background-color:#8F8F8F}
+
+#d554
+{background-color:#8C8C8C}
+
+#d555
+{background-color:#8C8C8C}
+
+#d556
+{background-color:#8A8A8A}
+
+#d557
+{background-color:#8A8A8A}
+
+#d558
+{background-color:#878787}
+
+#d559
+{background-color:#878787}
+
+#d560
+{background-color:#858585}
+
+#d561
+{background-color:#858585}
+
+#d562
+{background-color:#828282}
+
+#d563
+{background-color:#828282}
+
+#d564
+{background-color:#808080}
+
+#d565
+{background-color:#7F7F7F}
+
+#d566
+{background-color:#7F7F7F}
+
+#d567
+{background-color:#7E7E7E}
+
+#d568
+{background-color:#7D7D7D}
+
+#d569
+{background-color:#7D7D7D}
+
+#d570
+{background-color:#7A7A7A}
+
+#d571
+{background-color:#7A7A7A}
+
+#d572
+{background-color:#787878}
+
+#d573
+{background-color:#787878}
+
+#d574
+{background-color:#757575}
+
+#d575
+{background-color:#757575}
+
+#d576
+{background-color:#737373}
+
+#d577
+{background-color:#737373}
+
+#d578
+{background-color:#707070}
+
+#d579
+{background-color:#707070}
+
+#d580
+{background-color:#6E6E6E}
+
+#d581
+{background-color:#6E6E6E}
+
+#d582
+{background-color:#6B6B6B}
+
+#d583
+{background-color:#6B6B6B}
+
+#d584
+{background-color:#696969}
+
+#d585
+{background-color:#696969}
+
+#d586
+{background-color:#696969}
+
+#d587
+{background-color:#696969}
+
+#d588
+{background-color:#666666}
+
+#d589
+{background-color:#666666}
+
+#d590
+{background-color:#636363}
+
+#d591
+{background-color:#636363}
+
+#d592
+{background-color:#616161}
+
+#d593
+{background-color:#616161}
+
+#d594
+{background-color:#5E5E5E}
+
+#d595
+{background-color:#5E5E5E}
+
+#d596
+{background-color:#5C5C5C}
+
+#d597
+{background-color:#5C5C5C}
+
+#d598
+{background-color:#595959}
+
+#d599
+{background-color:#595959}
+
+#d600
+{background-color:#575757}
+
+#d601
+{background-color:#575757}
+
+#d602
+{background-color:#545454}
+
+#d603
+{background-color:#545454}
+
+#d604
+{background-color:#525252}
+
+#d605
+{background-color:#525252}
+
+#d606
+{background-color:#4F4F4F}
+
+#d607
+{background-color:#4F4F4F}
+
+#d608
+{background-color:#4D4D4D}
+
+#d609
+{background-color:#4D4D4D}
+
+#d610
+{background-color:#4A4A4A}
+
+#d611
+{background-color:#4A4A4A}
+
+#d612
+{background-color:#474747}
+
+#d613
+{background-color:#474747}
+
+#d614
+{background-color:#454545}
+
+#d615
+{background-color:#454545}
+
+#d616
+{background-color:#424242}
+
+#d617
+{background-color:#424242}
+
+#d618
+{background-color:#404040}
+
+#d619
+{background-color:#404040}
+
+#d620
+{background-color:#3D3D3D}
+
+#d621
+{background-color:#3D3D3D}
+
+#d622
+{background-color:#3B3B3B}
+
+#d623
+{background-color:#3B3B3B}
+
+#d624
+{background-color:#383838}
+
+#d625
+{background-color:#383838}
+
+#d626
+{background-color:#363636}
+
+#d627
+{background-color:#363636}
+
+#d628
+{background-color:#333333}
+
+#d629
+{background-color:#333333}
+
+#d630
+{background-color:#303030}
+
+#d631
+{background-color:#303030}
+
+#d632
+{background-color:#2E2E2E}
+
+#d633
+{background-color:#2E2E2E}
+
+#d634
+{background-color:#2B2B2B}
+
+#d635
+{background-color:#2B2B2B}
+
+#d636
+{background-color:#292929}
+
+#d637
+{background-color:#292929}
+
+#d638
+{background-color:#262626}
+
+#d639
+{background-color:#262626}
+
+#d640
+{background-color:#242424}
+
+#d641
+{background-color:#242424}
+
+#d642
+{background-color:#212121}
+
+#d643
+{background-color:#212121}
+
+#d644
+{background-color:#1F1F1F}
+
+#d645
+{background-color:#1F1F1F}
+
+#d646
+{background-color:#1C1C1C}
+
+#d647
+{background-color:#1C1C1C}
+
+#d648
+{background-color:#1A1A1A}
+
+#d649
+{background-color:#1A1A1A}
+
+#d650
+{background-color:#171717}
+
+#d651
+{background-color:#171717}
+
+#d652
+{background-color:#141414}
+
+#d653
+{background-color:#141414}
+
+#d654
+{background-color:#121212}
+
+#d655
+{background-color:#121212}
+
+#d656
+{background-color:#0F0F0F}
+
+#d657
+{background-color:#0F0F0F}
+
+#d658
+{background-color:#0D0D0D}
+
+#d659
+{background-color:#0D0D0D}
+
+#d660
+{background-color:#0A0A0A}
+
+#d661
+{background-color:#0A0A0A}
+
+#d662
+{background-color:#080808}
+
+#d663
+{background-color:#080808}
+
+#d664
+{background-color:#050505}
+
+#d665
+{background-color:#050505}
+
+#d666
+{background-color:#030303}
+
+#d667
+{background-color:#030303}
+
+#d668
+{background-color:#000000}
+
+#d669
+{background-color:#000000}
+
+#d670
+{background-color:#000000}
+
+#d671
+{background-color:#000000}
+
+#d672
+{background-color:#000000}
+
+#d673
+{background-color:#000000}
+.colors
+{
+height:30;
+width:10px;
+}
+</style></head><body>
+<div id='colorpicker'>
+<div id='viewarea' class="panorama">
+<div id='container'>
+<div id='d0' class='colors'>
+snow</div>
+<div id='d1' class='colors'>
+snow1</div>
+<div id='d2' class='colors'>
+snow2</div>
+<div id='d3' class='colors'>
+RosyBrown1</div>
+<div id='d4' class='colors'>
+RosyBrown2</div>
+<div id='d5' class='colors'>
+snow3</div>
+<div id='d6' class='colors'>
+LightCoral</div>
+<div id='d7' class='colors'>
+IndianRed1</div>
+<div id='d8' class='colors'>
+RosyBrown3</div>
+<div id='d9' class='colors'>
+IndianRed2</div>
+<div id='d10' class='colors'>
+RosyBrown</div>
+<div id='d11' class='colors'>
+brown1</div>
+<div id='d12' class='colors'>
+firebrick1</div>
+<div id='d13' class='colors'>
+brown2</div>
+<div id='d14' class='colors'>
+IndianRed</div>
+<div id='d15' class='colors'>
+IndianRed3</div>
+<div id='d16' class='colors'>
+firebrick2</div>
+<div id='d17' class='colors'>
+snow4</div>
+<div id='d18' class='colors'>
+brown3</div>
+<div id='d19' class='colors'>
+red</div>
+<div id='d20' class='colors'>
+red1</div>
+<div id='d21' class='colors'>
+RosyBrown4</div>
+<div id='d22' class='colors'>
+firebrick3</div>
+<div id='d23' class='colors'>
+red2</div>
+<div id='d24' class='colors'>
+firebrick</div>
+<div id='d25' class='colors'>
+brown</div>
+<div id='d26' class='colors'>
+red3</div>
+<div id='d27' class='colors'>
+IndianRed4</div>
+<div id='d28' class='colors'>
+brown4</div>
+<div id='d29' class='colors'>
+firebrick4</div>
+<div id='d30' class='colors'>
+DarkRed</div>
+<div id='d31' class='colors'>
+red4</div>
+<div id='d32' class='colors'>
+maroon</div>
+<div id='d33' class='colors'>
+LightPink1</div>
+<div id='d34' class='colors'>
+LightPink3</div>
+<div id='d35' class='colors'>
+LightPink4</div>
+<div id='d36' class='colors'>
+LightPink2</div>
+<div id='d37' class='colors'>
+LightPink</div>
+<div id='d38' class='colors'>
+pink</div>
+<div id='d39' class='colors'>
+crimson</div>
+<div id='d40' class='colors'>
+pink1</div>
+<div id='d41' class='colors'>
+pink2</div>
+<div id='d42' class='colors'>
+pink3</div>
+<div id='d43' class='colors'>
+pink4</div>
+<div id='d44' class='colors'>
+PaleVioletRed4</div>
+<div id='d45' class='colors'>
+PaleVioletRed</div>
+<div id='d46' class='colors'>
+PaleVioletRed2</div>
+<div id='d47' class='colors'>
+PaleVioletRed1</div>
+<div id='d48' class='colors'>
+PaleVioletRed3</div>
+<div id='d49' class='colors'>
+LavenderBlush</div>
+<div id='d50' class='colors'>
+LavenderBlush1</div>
+<div id='d51' class='colors'>
+LavenderBlush3</div>
+<div id='d52' class='colors'>
+LavenderBlush2</div>
+<div id='d53' class='colors'>
+LavenderBlush4</div>
+<div id='d54' class='colors'>
+maroon</div>
+<div id='d55' class='colors'>
+HotPink3</div>
+<div id='d56' class='colors'>
+VioletRed3</div>
+<div id='d57' class='colors'>
+VioletRed1</div>
+<div id='d58' class='colors'>
+VioletRed2</div>
+<div id='d59' class='colors'>
+VioletRed4</div>
+<div id='d60' class='colors'>
+HotPink2</div>
+<div id='d61' class='colors'>
+HotPink1</div>
+<div id='d62' class='colors'>
+HotPink4</div>
+<div id='d63' class='colors'>
+HotPink</div>
+<div id='d64' class='colors'>
+DeepPink</div>
+<div id='d65' class='colors'>
+DeepPink1</div>
+<div id='d66' class='colors'>
+DeepPink2</div>
+<div id='d67' class='colors'>
+DeepPink3</div>
+<div id='d68' class='colors'>
+DeepPink4</div>
+<div id='d69' class='colors'>
+maroon1</div>
+<div id='d70' class='colors'>
+maroon2</div>
+<div id='d71' class='colors'>
+maroon3</div>
+<div id='d72' class='colors'>
+maroon4</div>
+<div id='d73' class='colors'>
+MediumVioletRed</div>
+<div id='d74' class='colors'>
+VioletRed</div>
+<div id='d75' class='colors'>
+orchid2</div>
+<div id='d76' class='colors'>
+orchid</div>
+<div id='d77' class='colors'>
+orchid1</div>
+<div id='d78' class='colors'>
+orchid3</div>
+<div id='d79' class='colors'>
+orchid4</div>
+<div id='d80' class='colors'>
+thistle1</div>
+<div id='d81' class='colors'>
+thistle2</div>
+<div id='d82' class='colors'>
+plum1</div>
+<div id='d83' class='colors'>
+plum2</div>
+<div id='d84' class='colors'>
+thistle</div>
+<div id='d85' class='colors'>
+thistle3</div>
+<div id='d86' class='colors'>
+plum</div>
+<div id='d87' class='colors'>
+violet</div>
+<div id='d88' class='colors'>
+plum3</div>
+<div id='d89' class='colors'>
+thistle4</div>
+<div id='d90' class='colors'>
+fuchsia</div>
+<div id='d91' class='colors'>
+magenta</div>
+<div id='d92' class='colors'>
+magenta1</div>
+<div id='d93' class='colors'>
+plum4</div>
+<div id='d94' class='colors'>
+magenta2</div>
+<div id='d95' class='colors'>
+magenta3</div>
+<div id='d96' class='colors'>
+DarkMagenta</div>
+<div id='d97' class='colors'>
+magenta4</div>
+<div id='d98' class='colors'>
+purple</div>
+<div id='d99' class='colors'>
+MediumOrchid</div>
+<div id='d100' class='colors'>
+MediumOrchid1</div>
+<div id='d101' class='colors'>
+MediumOrchid2</div>
+<div id='d102' class='colors'>
+MediumOrchid3</div>
+<div id='d103' class='colors'>
+MediumOrchid4</div>
+<div id='d104' class='colors'>
+DarkViolet</div>
+<div id='d105' class='colors'>
+DarkOrchid</div>
+<div id='d106' class='colors'>
+DarkOrchid1</div>
+<div id='d107' class='colors'>
+DarkOrchid3</div>
+<div id='d108' class='colors'>
+DarkOrchid2</div>
+<div id='d109' class='colors'>
+DarkOrchid4</div>
+<div id='d110' class='colors'>
+purple</div>
+<div id='d111' class='colors'>
+indigo</div>
+<div id='d112' class='colors'>
+BlueViolet</div>
+<div id='d113' class='colors'>
+purple2</div>
+<div id='d114' class='colors'>
+purple3</div>
+<div id='d115' class='colors'>
+purple4</div>
+<div id='d116' class='colors'>
+purple1</div>
+<div id='d117' class='colors'>
+MediumPurple</div>
+<div id='d118' class='colors'>
+MediumPurple1</div>
+<div id='d119' class='colors'>
+MediumPurple2</div>
+<div id='d120' class='colors'>
+MediumPurple3</div>
+<div id='d121' class='colors'>
+MediumPurple4</div>
+<div id='d122' class='colors'>
+DarkSlateBlue</div>
+<div id='d123' class='colors'>
+LightSlateBlue</div>
+<div id='d124' class='colors'>
+MediumSlateBlue</div>
+<div id='d125' class='colors'>
+SlateBlue</div>
+<div id='d126' class='colors'>
+SlateBlue1</div>
+<div id='d127' class='colors'>
+SlateBlue2</div>
+<div id='d128' class='colors'>
+SlateBlue3</div>
+<div id='d129' class='colors'>
+SlateBlue4</div>
+<div id='d130' class='colors'>
+GhostWhite</div>
+<div id='d131' class='colors'>
+lavender</div>
+<div id='d132' class='colors'>
+blue</div>
+<div id='d133' class='colors'>
+blue1</div>
+<div id='d134' class='colors'>
+blue2</div>
+<div id='d135' class='colors'>
+blue3</div>
+<div id='d136' class='colors'>
+MediumBlue</div>
+<div id='d137' class='colors'>
+blue4</div>
+<div id='d138' class='colors'>
+DarkBlue</div>
+<div id='d139' class='colors'>
+MidnightBlue</div>
+<div id='d140' class='colors'>
+navy</div>
+<div id='d141' class='colors'>
+NavyBlue</div>
+<div id='d142' class='colors'>
+RoyalBlue</div>
+<div id='d143' class='colors'>
+RoyalBlue1</div>
+<div id='d144' class='colors'>
+RoyalBlue2</div>
+<div id='d145' class='colors'>
+RoyalBlue3</div>
+<div id='d146' class='colors'>
+RoyalBlue4</div>
+<div id='d147' class='colors'>
+CornflowerBlue</div>
+<div id='d148' class='colors'>
+LightSteelBlue</div>
+<div id='d149' class='colors'>
+LightSteelBlue1</div>
+<div id='d150' class='colors'>
+LightSteelBlue2</div>
+<div id='d151' class='colors'>
+LightSteelBlue3</div>
+<div id='d152' class='colors'>
+LightSteelBlue4</div>
+<div id='d153' class='colors'>
+SlateGray4</div>
+<div id='d154' class='colors'>
+SlateGray1</div>
+<div id='d155' class='colors'>
+SlateGray2</div>
+<div id='d156' class='colors'>
+SlateGray3</div>
+<div id='d157' class='colors'>
+LightSlateGray</div>
+<div id='d158' class='colors'>
+LightSlateGrey</div>
+<div id='d159' class='colors'>
+SlateGray</div>
+<div id='d160' class='colors'>
+SlateGrey</div>
+<div id='d161' class='colors'>
+DodgerBlue</div>
+<div id='d162' class='colors'>
+DodgerBlue1</div>
+<div id='d163' class='colors'>
+DodgerBlue2</div>
+<div id='d164' class='colors'>
+DodgerBlue4</div>
+<div id='d165' class='colors'>
+DodgerBlue3</div>
+<div id='d166' class='colors'>
+AliceBlue</div>
+<div id='d167' class='colors'>
+SteelBlue4</div>
+<div id='d168' class='colors'>
+SteelBlue</div>
+<div id='d169' class='colors'>
+SteelBlue1</div>
+<div id='d170' class='colors'>
+SteelBlue2</div>
+<div id='d171' class='colors'>
+SteelBlue3</div>
+<div id='d172' class='colors'>
+SkyBlue4</div>
+<div id='d173' class='colors'>
+SkyBlue1</div>
+<div id='d174' class='colors'>
+SkyBlue2</div>
+<div id='d175' class='colors'>
+SkyBlue3</div>
+<div id='d176' class='colors'>
+LightSkyBlue</div>
+<div id='d177' class='colors'>
+LightSkyBlue4</div>
+<div id='d178' class='colors'>
+LightSkyBlue1</div>
+<div id='d179' class='colors'>
+LightSkyBlue2</div>
+<div id='d180' class='colors'>
+LightSkyBlue3</div>
+<div id='d181' class='colors'>
+SkyBlue</div>
+<div id='d182' class='colors'>
+LightBlue3</div>
+<div id='d183' class='colors'>
+DeepSkyBlue</div>
+<div id='d184' class='colors'>
+DeepSkyBlue1</div>
+<div id='d185' class='colors'>
+DeepSkyBlue2</div>
+<div id='d186' class='colors'>
+DeepSkyBlue4</div>
+<div id='d187' class='colors'>
+DeepSkyBlue3</div>
+<div id='d188' class='colors'>
+LightBlue1</div>
+<div id='d189' class='colors'>
+LightBlue2</div>
+<div id='d190' class='colors'>
+LightBlue</div>
+<div id='d191' class='colors'>
+LightBlue4</div>
+<div id='d192' class='colors'>
+PowderBlue</div>
+<div id='d193' class='colors'>
+CadetBlue1</div>
+<div id='d194' class='colors'>
+CadetBlue2</div>
+<div id='d195' class='colors'>
+CadetBlue3</div>
+<div id='d196' class='colors'>
+CadetBlue4</div>
+<div id='d197' class='colors'>
+turquoise1</div>
+<div id='d198' class='colors'>
+turquoise2</div>
+<div id='d199' class='colors'>
+turquoise3</div>
+<div id='d200' class='colors'>
+turquoise4</div>
+<div id='d201' class='colors'>
+cadet blue</div>
+<div id='d202' class='colors'>
+CadetBlue</div>
+<div id='d203' class='colors'>
+DarkTurquoise</div>
+<div id='d204' class='colors'>
+azure</div>
+<div id='d205' class='colors'>
+azure1</div>
+<div id='d206' class='colors'>
+LightCyan</div>
+<div id='d207' class='colors'>
+LightCyan1</div>
+<div id='d208' class='colors'>
+azure2</div>
+<div id='d209' class='colors'>
+LightCyan2</div>
+<div id='d210' class='colors'>
+PaleTurquoise1</div>
+<div id='d211' class='colors'>
+PaleTurquoise</div>
+<div id='d212' class='colors'>
+PaleTurquoise2</div>
+<div id='d213' class='colors'>
+DarkSlateGray1</div>
+<div id='d214' class='colors'>
+azure3</div>
+<div id='d215' class='colors'>
+LightCyan3</div>
+<div id='d216' class='colors'>
+DarkSlateGray2</div>
+<div id='d217' class='colors'>
+PaleTurquoise3</div>
+<div id='d218' class='colors'>
+DarkSlateGray3</div>
+<div id='d219' class='colors'>
+azure4</div>
+<div id='d220' class='colors'>
+LightCyan4</div>
+<div id='d221' class='colors'>
+aqua</div>
+<div id='d222' class='colors'>
+cyan</div>
+<div id='d223' class='colors'>
+cyan1</div>
+<div id='d224' class='colors'>
+PaleTurquoise4</div>
+<div id='d225' class='colors'>
+cyan2</div>
+<div id='d226' class='colors'>
+DarkSlateGray4</div>
+<div id='d227' class='colors'>
+cyan3</div>
+<div id='d228' class='colors'>
+cyan4</div>
+<div id='d229' class='colors'>
+DarkCyan</div>
+<div id='d230' class='colors'>
+teal</div>
+<div id='d231' class='colors'>
+DarkSlateGray</div>
+<div id='d232' class='colors'>
+DarkSlateGrey</div>
+<div id='d233' class='colors'>
+MediumTurquoise</div>
+<div id='d234' class='colors'>
+LightSeaGreen</div>
+<div id='d235' class='colors'>
+turquoise</div>
+<div id='d236' class='colors'>
+aquamarine4</div>
+<div id='d237' class='colors'>
+aquamarine</div>
+<div id='d238' class='colors'>
+aquamarine1</div>
+<div id='d239' class='colors'>
+aquamarine2</div>
+<div id='d240' class='colors'>
+aquamarine3</div>
+<div id='d241' class='colors'>
+MediumAquamarine</div>
+<div id='d242' class='colors'>
+MediumSpringGreen</div>
+<div id='d243' class='colors'>
+MintCream</div>
+<div id='d244' class='colors'>
+SpringGreen</div>
+<div id='d245' class='colors'>
+SpringGreen1</div>
+<div id='d246' class='colors'>
+SpringGreen2</div>
+<div id='d247' class='colors'>
+SpringGreen3</div>
+<div id='d248' class='colors'>
+SpringGreen4</div>
+<div id='d249' class='colors'>
+MediumSeaGreen</div>
+<div id='d250' class='colors'>
+SeaGreen</div>
+<div id='d251' class='colors'>
+SeaGreen3</div>
+<div id='d252' class='colors'>
+SeaGreen1</div>
+<div id='d253' class='colors'>
+SeaGreen4</div>
+<div id='d254' class='colors'>
+SeaGreen2</div>
+<div id='d255' class='colors'>
+MediumForestGreen</div>
+<div id='d256' class='colors'>
+honeydew</div>
+<div id='d257' class='colors'>
+honeydew1</div>
+<div id='d258' class='colors'>
+honeydew2</div>
+<div id='d259' class='colors'>
+DarkSeaGreen1</div>
+<div id='d260' class='colors'>
+DarkSeaGreen2</div>
+<div id='d261' class='colors'>
+PaleGreen1</div>
+<div id='d262' class='colors'>
+PaleGreen</div>
+<div id='d263' class='colors'>
+honeydew3</div>
+<div id='d264' class='colors'>
+LightGreen</div>
+<div id='d265' class='colors'>
+PaleGreen2</div>
+<div id='d266' class='colors'>
+DarkSeaGreen3</div>
+<div id='d267' class='colors'>
+DarkSeaGreen</div>
+<div id='d268' class='colors'>
+PaleGreen3</div>
+<div id='d269' class='colors'>
+honeydew4</div>
+<div id='d270' class='colors'>
+green1</div>
+<div id='d271' class='colors'>
+lime</div>
+<div id='d272' class='colors'>
+LimeGreen</div>
+<div id='d273' class='colors'>
+DarkSeaGreen4</div>
+<div id='d274' class='colors'>
+green2</div>
+<div id='d275' class='colors'>
+PaleGreen4</div>
+<div id='d276' class='colors'>
+green3</div>
+<div id='d277' class='colors'>
+ForestGreen</div>
+<div id='d278' class='colors'>
+green4</div>
+<div id='d279' class='colors'>
+green</div>
+<div id='d280' class='colors'>
+DarkGreen</div>
+<div id='d281' class='colors'>
+LawnGreen</div>
+<div id='d282' class='colors'>
+chartreuse</div>
+<div id='d283' class='colors'>
+chartreuse1</div>
+<div id='d284' class='colors'>
+chartreuse2</div>
+<div id='d285' class='colors'>
+chartreuse3</div>
+<div id='d286' class='colors'>
+chartreuse4</div>
+<div id='d287' class='colors'>
+GreenYellow</div>
+<div id='d288' class='colors'>
+DarkOliveGreen3</div>
+<div id='d289' class='colors'>
+DarkOliveGreen1</div>
+<div id='d290' class='colors'>
+DarkOliveGreen2</div>
+<div id='d291' class='colors'>
+DarkOliveGreen4</div>
+<div id='d292' class='colors'>
+DarkOliveGreen</div>
+<div id='d293' class='colors'>
+OliveDrab</div>
+<div id='d294' class='colors'>
+OliveDrab1</div>
+<div id='d295' class='colors'>
+OliveDrab2</div>
+<div id='d296' class='colors'>
+OliveDrab3</div>
+<div id='d297' class='colors'>
+YellowGreen</div>
+<div id='d298' class='colors'>
+OliveDrab4</div>
+<div id='d299' class='colors'>
+ivory</div>
+<div id='d300' class='colors'>
+ivory1</div>
+<div id='d301' class='colors'>
+LightYellow</div>
+<div id='d302' class='colors'>
+LightYellow1</div>
+<div id='d303' class='colors'>
+beige</div>
+<div id='d304' class='colors'>
+ivory2</div>
+<div id='d305' class='colors'>
+LightGoldenrodYellow</div>
+<div id='d306' class='colors'>
+LightYellow2</div>
+<div id='d307' class='colors'>
+ivory3</div>
+<div id='d308' class='colors'>
+LightYellow3</div>
+<div id='d309' class='colors'>
+ivory4</div>
+<div id='d310' class='colors'>
+LightYellow4</div>
+<div id='d311' class='colors'>
+yellow</div>
+<div id='d312' class='colors'>
+yellow1</div>
+<div id='d313' class='colors'>
+yellow2</div>
+<div id='d314' class='colors'>
+yellow3</div>
+<div id='d315' class='colors'>
+yellow4</div>
+<div id='d316' class='colors'>
+olive</div>
+<div id='d317' class='colors'>
+DarkKhaki</div>
+<div id='d318' class='colors'>
+khaki2</div>
+<div id='d319' class='colors'>
+LemonChiffon4</div>
+<div id='d320' class='colors'>
+khaki1</div>
+<div id='d321' class='colors'>
+khaki3</div>
+<div id='d322' class='colors'>
+khaki4</div>
+<div id='d323' class='colors'>
+PaleGoldenrod</div>
+<div id='d324' class='colors'>
+LemonChiffon</div>
+<div id='d325' class='colors'>
+LemonChiffon1</div>
+<div id='d326' class='colors'>
+khaki</div>
+<div id='d327' class='colors'>
+LemonChiffon3</div>
+<div id='d328' class='colors'>
+LemonChiffon2</div>
+<div id='d329' class='colors'>
+MediumGoldenRod</div>
+<div id='d330' class='colors'>
+cornsilk4</div>
+<div id='d331' class='colors'>
+gold</div>
+<div id='d332' class='colors'>
+gold1</div>
+<div id='d333' class='colors'>
+gold2</div>
+<div id='d334' class='colors'>
+gold3</div>
+<div id='d335' class='colors'>
+gold4</div>
+<div id='d336' class='colors'>
+LightGoldenrod</div>
+<div id='d337' class='colors'>
+LightGoldenrod4</div>
+<div id='d338' class='colors'>
+LightGoldenrod1</div>
+<div id='d339' class='colors'>
+LightGoldenrod3</div>
+<div id='d340' class='colors'>
+LightGoldenrod2</div>
+<div id='d341' class='colors'>
+cornsilk3</div>
+<div id='d342' class='colors'>
+cornsilk2</div>
+<div id='d343' class='colors'>
+cornsilk</div>
+<div id='d344' class='colors'>
+cornsilk1</div>
+<div id='d345' class='colors'>
+goldenrod</div>
+<div id='d346' class='colors'>
+goldenrod1</div>
+<div id='d347' class='colors'>
+goldenrod2</div>
+<div id='d348' class='colors'>
+goldenrod3</div>
+<div id='d349' class='colors'>
+goldenrod4</div>
+<div id='d350' class='colors'>
+DarkGoldenrod</div>
+<div id='d351' class='colors'>
+DarkGoldenrod1</div>
+<div id='d352' class='colors'>
+DarkGoldenrod2</div>
+<div id='d353' class='colors'>
+DarkGoldenrod3</div>
+<div id='d354' class='colors'>
+DarkGoldenrod4</div>
+<div id='d355' class='colors'>
+FloralWhite</div>
+<div id='d356' class='colors'>
+wheat2</div>
+<div id='d357' class='colors'>
+OldLace</div>
+<div id='d358' class='colors'>
+wheat</div>
+<div id='d359' class='colors'>
+wheat1</div>
+<div id='d360' class='colors'>
+wheat3</div>
+<div id='d361' class='colors'>
+orange</div>
+<div id='d362' class='colors'>
+orange1</div>
+<div id='d363' class='colors'>
+orange2</div>
+<div id='d364' class='colors'>
+orange3</div>
+<div id='d365' class='colors'>
+orange4</div>
+<div id='d366' class='colors'>
+wheat4</div>
+<div id='d367' class='colors'>
+moccasin</div>
+<div id='d368' class='colors'>
+PapayaWhip</div>
+<div id='d369' class='colors'>
+NavajoWhite3</div>
+<div id='d370' class='colors'>
+BlanchedAlmond</div>
+<div id='d371' class='colors'>
+NavajoWhite</div>
+<div id='d372' class='colors'>
+NavajoWhite1</div>
+<div id='d373' class='colors'>
+NavajoWhite2</div>
+<div id='d374' class='colors'>
+NavajoWhite4</div>
+<div id='d375' class='colors'>
+AntiqueWhite4</div>
+<div id='d376' class='colors'>
+AntiqueWhite</div>
+<div id='d377' class='colors'>
+tan</div>
+<div id='d378' class='colors'>
+bisque4</div>
+<div id='d379' class='colors'>
+burlywood</div>
+<div id='d380' class='colors'>
+AntiqueWhite2</div>
+<div id='d381' class='colors'>
+burlywood1</div>
+<div id='d382' class='colors'>
+burlywood3</div>
+<div id='d383' class='colors'>
+burlywood2</div>
+<div id='d384' class='colors'>
+AntiqueWhite1</div>
+<div id='d385' class='colors'>
+burlywood4</div>
+<div id='d386' class='colors'>
+AntiqueWhite3</div>
+<div id='d387' class='colors'>
+DarkOrange</div>
+<div id='d388' class='colors'>
+bisque2</div>
+<div id='d389' class='colors'>
+bisque</div>
+<div id='d390' class='colors'>
+bisque1</div>
+<div id='d391' class='colors'>
+bisque3</div>
+<div id='d392' class='colors'>
+DarkOrange1</div>
+<div id='d393' class='colors'>
+linen</div>
+<div id='d394' class='colors'>
+DarkOrange2</div>
+<div id='d395' class='colors'>
+DarkOrange3</div>
+<div id='d396' class='colors'>
+DarkOrange4</div>
+<div id='d397' class='colors'>
+peru</div>
+<div id='d398' class='colors'>
+tan1</div>
+<div id='d399' class='colors'>
+tan2</div>
+<div id='d400' class='colors'>
+tan3</div>
+<div id='d401' class='colors'>
+tan4</div>
+<div id='d402' class='colors'>
+PeachPuff</div>
+<div id='d403' class='colors'>
+PeachPuff1</div>
+<div id='d404' class='colors'>
+PeachPuff4</div>
+<div id='d405' class='colors'>
+PeachPuff2</div>
+<div id='d406' class='colors'>
+PeachPuff3</div>
+<div id='d407' class='colors'>
+SandyBrown</div>
+<div id='d408' class='colors'>
+seashell4</div>
+<div id='d409' class='colors'>
+seashell2</div>
+<div id='d410' class='colors'>
+seashell3</div>
+<div id='d411' class='colors'>
+chocolate</div>
+<div id='d412' class='colors'>
+chocolate1</div>
+<div id='d413' class='colors'>
+chocolate2</div>
+<div id='d414' class='colors'>
+chocolate3</div>
+<div id='d415' class='colors'>
+chocolate4</div>
+<div id='d416' class='colors'>
+SaddleBrown</div>
+<div id='d417' class='colors'>
+seashell</div>
+<div id='d418' class='colors'>
+seashell1</div>
+<div id='d419' class='colors'>
+sienna4</div>
+<div id='d420' class='colors'>
+sienna</div>
+<div id='d421' class='colors'>
+sienna1</div>
+<div id='d422' class='colors'>
+sienna2</div>
+<div id='d423' class='colors'>
+sienna3</div>
+<div id='d424' class='colors'>
+LightSalmon3</div>
+<div id='d425' class='colors'>
+LightSalmon</div>
+<div id='d426' class='colors'>
+LightSalmon1</div>
+<div id='d427' class='colors'>
+LightSalmon4</div>
+<div id='d428' class='colors'>
+LightSalmon2</div>
+<div id='d429' class='colors'>
+coral</div>
+<div id='d430' class='colors'>
+OrangeRed</div>
+<div id='d431' class='colors'>
+OrangeRed1</div>
+<div id='d432' class='colors'>
+OrangeRed2</div>
+<div id='d433' class='colors'>
+OrangeRed3</div>
+<div id='d434' class='colors'>
+OrangeRed4</div>
+<div id='d435' class='colors'>
+DarkSalmon</div>
+<div id='d436' class='colors'>
+salmon1</div>
+<div id='d437' class='colors'>
+salmon2</div>
+<div id='d438' class='colors'>
+salmon3</div>
+<div id='d439' class='colors'>
+salmon4</div>
+<div id='d440' class='colors'>
+coral1</div>
+<div id='d441' class='colors'>
+coral2</div>
+<div id='d442' class='colors'>
+coral3</div>
+<div id='d443' class='colors'>
+coral4</div>
+<div id='d444' class='colors'>
+tomato4</div>
+<div id='d445' class='colors'>
+tomato</div>
+<div id='d446' class='colors'>
+tomato1</div>
+<div id='d447' class='colors'>
+tomato2</div>
+<div id='d448' class='colors'>
+tomato3</div>
+<div id='d449' class='colors'>
+MistyRose4</div>
+<div id='d450' class='colors'>
+MistyRose2</div>
+<div id='d451' class='colors'>
+MistyRose</div>
+<div id='d452' class='colors'>
+MistyRose1</div>
+<div id='d453' class='colors'>
+salmon</div>
+<div id='d454' class='colors'>
+MistyRose3</div>
+<div id='d455' class='colors'>
+white</div>
+<div id='d456' class='colors'>
+gray100</div>
+<div id='d457' class='colors'>
+grey100</div>
+<div id='d458' class='colors'>
+grey100</div>
+<div id='d459' class='colors'>
+gray99</div>
+<div id='d460' class='colors'>
+grey99</div>
+<div id='d461' class='colors'>
+gray98</div>
+<div id='d462' class='colors'>
+grey98</div>
+<div id='d463' class='colors'>
+gray97</div>
+<div id='d464' class='colors'>
+grey97</div>
+<div id='d465' class='colors'>
+gray96</div>
+<div id='d466' class='colors'>
+grey96</div>
+<div id='d467' class='colors'>
+WhiteSmoke</div>
+<div id='d468' class='colors'>
+gray95</div>
+<div id='d469' class='colors'>
+grey95</div>
+<div id='d470' class='colors'>
+gray94</div>
+<div id='d471' class='colors'>
+grey94</div>
+<div id='d472' class='colors'>
+gray93</div>
+<div id='d473' class='colors'>
+grey93</div>
+<div id='d474' class='colors'>
+gray92</div>
+<div id='d475' class='colors'>
+grey92</div>
+<div id='d476' class='colors'>
+gray91</div>
+<div id='d477' class='colors'>
+grey91</div>
+<div id='d478' class='colors'>
+gray90</div>
+<div id='d479' class='colors'>
+grey90</div>
+<div id='d480' class='colors'>
+gray89</div>
+<div id='d481' class='colors'>
+grey89</div>
+<div id='d482' class='colors'>
+gray88</div>
+<div id='d483' class='colors'>
+grey88</div>
+<div id='d484' class='colors'>
+gray87</div>
+<div id='d485' class='colors'>
+grey87</div>
+<div id='d486' class='colors'>
+gainsboro</div>
+<div id='d487' class='colors'>
+gray86</div>
+<div id='d488' class='colors'>
+grey86</div>
+<div id='d489' class='colors'>
+gray85</div>
+<div id='d490' class='colors'>
+grey85</div>
+<div id='d491' class='colors'>
+gray84</div>
+<div id='d492' class='colors'>
+grey84</div>
+<div id='d493' class='colors'>
+gray83</div>
+<div id='d494' class='colors'>
+grey83</div>
+<div id='d495' class='colors'>
+LightGray</div>
+<div id='d496' class='colors'>
+LightGrey</div>
+<div id='d497' class='colors'>
+gray82</div>
+<div id='d498' class='colors'>
+grey82</div>
+<div id='d499' class='colors'>
+gray81</div>
+<div id='d500' class='colors'>
+grey81</div>
+<div id='d501' class='colors'>
+gray80</div>
+<div id='d502' class='colors'>
+grey80</div>
+<div id='d503' class='colors'>
+gray79</div>
+<div id='d504' class='colors'>
+grey79</div>
+<div id='d505' class='colors'>
+gray78</div>
+<div id='d506' class='colors'>
+grey78</div>
+<div id='d507' class='colors'>
+gray77</div>
+<div id='d508' class='colors'>
+grey77</div>
+<div id='d509' class='colors'>
+gray76</div>
+<div id='d510' class='colors'>
+grey76</div>
+<div id='d511' class='colors'>
+silver</div>
+<div id='d512' class='colors'>
+gray75</div>
+<div id='d513' class='colors'>
+grey75</div>
+<div id='d514' class='colors'>
+gray74</div>
+<div id='d515' class='colors'>
+grey74</div>
+<div id='d516' class='colors'>
+gray73</div>
+<div id='d517' class='colors'>
+grey73</div>
+<div id='d518' class='colors'>
+gray72</div>
+<div id='d519' class='colors'>
+grey72</div>
+<div id='d520' class='colors'>
+gray71</div>
+<div id='d521' class='colors'>
+grey71</div>
+<div id='d522' class='colors'>
+gray70</div>
+<div id='d523' class='colors'>
+grey70</div>
+<div id='d524' class='colors'>
+gray69</div>
+<div id='d525' class='colors'>
+grey69</div>
+<div id='d526' class='colors'>
+gray68</div>
+<div id='d527' class='colors'>
+grey68</div>
+<div id='d528' class='colors'>
+gray67</div>
+<div id='d529' class='colors'>
+grey67</div>
+<div id='d530' class='colors'>
+DarkGray</div>
+<div id='d531' class='colors'>
+DarkGrey</div>
+<div id='d532' class='colors'>
+gray66</div>
+<div id='d533' class='colors'>
+grey66</div>
+<div id='d534' class='colors'>
+gray65</div>
+<div id='d535' class='colors'>
+grey65</div>
+<div id='d536' class='colors'>
+gray64</div>
+<div id='d537' class='colors'>
+grey64</div>
+<div id='d538' class='colors'>
+gray63</div>
+<div id='d539' class='colors'>
+grey63</div>
+<div id='d540' class='colors'>
+gray62</div>
+<div id='d541' class='colors'>
+grey62</div>
+<div id='d542' class='colors'>
+gray61</div>
+<div id='d543' class='colors'>
+grey61</div>
+<div id='d544' class='colors'>
+gray60</div>
+<div id='d545' class='colors'>
+grey60</div>
+<div id='d546' class='colors'>
+gray59</div>
+<div id='d547' class='colors'>
+grey59</div>
+<div id='d548' class='colors'>
+gray58</div>
+<div id='d549' class='colors'>
+grey58</div>
+<div id='d550' class='colors'>
+gray57</div>
+<div id='d551' class='colors'>
+grey57</div>
+<div id='d552' class='colors'>
+gray56</div>
+<div id='d553' class='colors'>
+grey56</div>
+<div id='d554' class='colors'>
+gray55</div>
+<div id='d555' class='colors'>
+grey55</div>
+<div id='d556' class='colors'>
+gray54</div>
+<div id='d557' class='colors'>
+grey54</div>
+<div id='d558' class='colors'>
+gray53</div>
+<div id='d559' class='colors'>
+grey53</div>
+<div id='d560' class='colors'>
+gray52</div>
+<div id='d561' class='colors'>
+grey52</div>
+<div id='d562' class='colors'>
+gray51</div>
+<div id='d563' class='colors'>
+grey51</div>
+<div id='d564' class='colors'>
+fractal</div>
+<div id='d565' class='colors'>
+gray50</div>
+<div id='d566' class='colors'>
+grey50</div>
+<div id='d567' class='colors'>
+gray</div>
+<div id='d568' class='colors'>
+gray49</div>
+<div id='d569' class='colors'>
+grey49</div>
+<div id='d570' class='colors'>
+gray48</div>
+<div id='d571' class='colors'>
+grey48</div>
+<div id='d572' class='colors'>
+gray47</div>
+<div id='d573' class='colors'>
+grey47</div>
+<div id='d574' class='colors'>
+gray46</div>
+<div id='d575' class='colors'>
+grey46</div>
+<div id='d576' class='colors'>
+gray45</div>
+<div id='d577' class='colors'>
+grey45</div>
+<div id='d578' class='colors'>
+gray44</div>
+<div id='d579' class='colors'>
+grey44</div>
+<div id='d580' class='colors'>
+gray43</div>
+<div id='d581' class='colors'>
+grey43</div>
+<div id='d582' class='colors'>
+gray42</div>
+<div id='d583' class='colors'>
+grey42</div>
+<div id='d584' class='colors'>
+DimGray</div>
+<div id='d585' class='colors'>
+DimGrey</div>
+<div id='d586' class='colors'>
+gray41</div>
+<div id='d587' class='colors'>
+grey41</div>
+<div id='d588' class='colors'>
+gray40</div>
+<div id='d589' class='colors'>
+grey40</div>
+<div id='d590' class='colors'>
+gray39</div>
+<div id='d591' class='colors'>
+grey39</div>
+<div id='d592' class='colors'>
+gray38</div>
+<div id='d593' class='colors'>
+grey38</div>
+<div id='d594' class='colors'>
+gray37</div>
+<div id='d595' class='colors'>
+grey37</div>
+<div id='d596' class='colors'>
+gray36</div>
+<div id='d597' class='colors'>
+grey36</div>
+<div id='d598' class='colors'>
+gray35</div>
+<div id='d599' class='colors'>
+grey35</div>
+<div id='d600' class='colors'>
+gray34</div>
+<div id='d601' class='colors'>
+grey34</div>
+<div id='d602' class='colors'>
+gray33</div>
+<div id='d603' class='colors'>
+grey33</div>
+<div id='d604' class='colors'>
+gray32</div>
+<div id='d605' class='colors'>
+grey32</div>
+<div id='d606' class='colors'>
+gray31</div>
+<div id='d607' class='colors'>
+grey31</div>
+<div id='d608' class='colors'>
+gray30</div>
+<div id='d609' class='colors'>
+grey30</div>
+<div id='d610' class='colors'>
+gray29</div>
+<div id='d611' class='colors'>
+grey29</div>
+<div id='d612' class='colors'>
+gray28</div>
+<div id='d613' class='colors'>
+grey28</div>
+<div id='d614' class='colors'>
+gray27</div>
+<div id='d615' class='colors'>
+grey27</div>
+<div id='d616' class='colors'>
+gray26</div>
+<div id='d617' class='colors'>
+grey26</div>
+<div id='d618' class='colors'>
+gray25</div>
+<div id='d619' class='colors'>
+grey25</div>
+<div id='d620' class='colors'>
+gray24</div>
+<div id='d621' class='colors'>
+grey24</div>
+<div id='d622' class='colors'>
+gray23</div>
+<div id='d623' class='colors'>
+grey23</div>
+<div id='d624' class='colors'>
+gray22</div>
+<div id='d625' class='colors'>
+grey22</div>
+<div id='d626' class='colors'>
+gray21</div>
+<div id='d627' class='colors'>
+grey21</div>
+<div id='d628' class='colors'>
+gray20</div>
+<div id='d629' class='colors'>
+grey20</div>
+<div id='d630' class='colors'>
+gray19</div>
+<div id='d631' class='colors'>
+grey19</div>
+<div id='d632' class='colors'>
+gray18</div>
+<div id='d633' class='colors'>
+grey18</div>
+<div id='d634' class='colors'>
+gray17</div>
+<div id='d635' class='colors'>
+grey17</div>
+<div id='d636' class='colors'>
+gray16</div>
+<div id='d637' class='colors'>
+grey16</div>
+<div id='d638' class='colors'>
+gray15</div>
+<div id='d639' class='colors'>
+grey15</div>
+<div id='d640' class='colors'>
+gray14</div>
+<div id='d641' class='colors'>
+grey14</div>
+<div id='d642' class='colors'>
+gray13</div>
+<div id='d643' class='colors'>
+grey13</div>
+<div id='d644' class='colors'>
+gray12</div>
+<div id='d645' class='colors'>
+grey12</div>
+<div id='d646' class='colors'>
+gray11</div>
+<div id='d647' class='colors'>
+grey11</div>
+<div id='d648' class='colors'>
+gray10</div>
+<div id='d649' class='colors'>
+grey10</div>
+<div id='d650' class='colors'>
+gray9</div>
+<div id='d651' class='colors'>
+grey9</div>
+<div id='d652' class='colors'>
+gray8</div>
+<div id='d653' class='colors'>
+grey8</div>
+<div id='d654' class='colors'>
+gray7</div>
+<div id='d655' class='colors'>
+grey7</div>
+<div id='d656' class='colors'>
+gray6</div>
+<div id='d657' class='colors'>
+grey6</div>
+<div id='d658' class='colors'>
+gray5</div>
+<div id='d659' class='colors'>
+grey5</div>
+<div id='d660' class='colors'>
+gray4</div>
+<div id='d661' class='colors'>
+grey4</div>
+<div id='d662' class='colors'>
+gray3</div>
+<div id='d663' class='colors'>
+grey3</div>
+<div id='d664' class='colors'>
+gray2</div>
+<div id='d665' class='colors'>
+grey2</div>
+<div id='d666' class='colors'>
+gray1</div>
+<div id='d667' class='colors'>
+grey1</div>
+<div id='d668' class='colors'>
+black</div>
+<div id='d669' class='colors'>
+gray0</div>
+<div id='d670' class='colors'>
+grey0</div>
+<div id='d671' class='colors'>
+opaque</div>
+<div id='d672' class='colors'>
+none</div>
+<div id='d673' class='colors'>
+transparent</div>
+</div>
+</div>
+
+<div id='colornames'>
+CLICK TO CHOOSE THE COLOR
+</div>
+
+<div id='switches'>
+
+<span id='title'>OPTIONS</span>
+<div id='hexswitch' class='theswitches'>CLICK TO USE HEX KEYS</div>
+<br>
+<div id='infoswitch' class='theswitches'>CLICK TO TOGGLE PALATE INFO<span id='infospace'></span></div>
+<br>
+<div id='backgroundswitch' class='theswitches'>CLICK TO TOGGLE BACKGROUNDS</div>
+<br>
+<div id='preview'></div>
+<div id='nameholder'>YOU WILL CHOOSE:<input id='namespace' type='text'></input></div>
+<br>
+<span id='transparent'>to choose transparent as a color, click <span id='transbutton'>HERE</span></span>
+</div>
+</div>
+<script type='text/javascript' src='jquery-1.6.4.min.js'></script>
+<script type='text/javascript' src='colordict.js'></script>
+
+<script type='text/javascript'>
+
+
+//setup dimensions
+//////////////////
+
+function regolden(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num/ratio)
+	return newnum
+	}
+function goldenize(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num*ratio)
+	return newnum
+	}
+//turns css property width or height into an integer value
+function getproperty(idandselectr, propertystr)
+	{
+	grab = $(idandselectr).css(propertystr)
+	grab = grab.slice(0,-2)
+	numval = parseInt(grab)
+	return numval
+	}
+function makegolden(idandselectr, propertystr)
+	{
+	result = getproperty(idandselectr, propertystr)
+	newval = goldenize(result)
+	propval = newval.toString()+'px'
+	if(propertystr == 'height'){
+			$(idandselectr).css('width', propval)
+			}
+	else if(propertystr == 'width'){
+			$(idandselectr).css('height', propval)
+			}
+	}
+function shrinkwidth(arg){
+	for(var i=0; i < 5; i++){
+	arg = regolden(arg)
+	}
+	division = Math.round(arg)
+	return division
+}
+
+function makecolorswidth(){
+	colorswidth = shrinkwidth(window.innerWidth)
+	$('.colors').css('width', colorswidth.toString()+'px')
+}
+function makecolorsheight(){
+	result = getproperty('.colors', 'width')
+	newval = regolden(result)
+	propval = newval.toString()+'px'
+	$('.colors').css('height', propval)
+}
+//the following function sets up the font sizes 
+//inrelation to the size of the hexswitch font
+function setupfonts(){
+	var firstfont = getproperty('#hexswitch', 'font-size')
+	var finalfont = goldenize(firstfont)
+	$('#namespace').css('font-size', finalfont+'px')
+	$('#namespace').css('width', $('#switches').css('width'))
+	var secondfont = getproperty('#namespace', 'font-size')
+	var finalfont = goldenize(secondfont)
+	$('#colornames').css('font-size', finalfont+'px')
+	$('#colornames').css('text-shadow', 'black 1px 2px')
+	var transfont = regolden(firstfont)
+	$('#transparent').css('font-size', transfont+'px')
+}
+function getcontainerwidth(){
+	basis = $('.colors').css('width')
+	basis = parseInt(basis.slice(0,-2))
+	secondbasis = '2px'
+	secondbasis = parseInt(secondbasis.slice(0,-2))
+	widthval = (secondbasis*8)+(basis*4)+(goldenize(basis)-basis)
+	widthval = widthval.toString()+'px'
+	return widthval
+}
+
+function makecontainerwidth(){
+	var containerwidth = getcontainerwidth()
+	$('#container').css('width',containerwidth)
+	$('#viewarea').css('width',containerwidth)
+}
+
+
+function setupsides()
+	{
+	var	basis = $('#container').css('width')
+	basis = parseInt(basis.slice(0,-2))
+	remainder = (100-basis)/2
+	widths = regolden(basis)
+	widths = widths.toString()+'px'
+	lateralbasis = regolden(remainder)
+	leftside = toString(lateralbasis)+'%'
+	rightside = toString(100-lateralbasis)+'%'
+	$('#colornames').css('left', leftside)
+	$('#switches').css({'width': widths, 'left': rightside})
+	}
+function previewdimensions(){
+	first = $('#switches').css('width')
+	first = parseInt(first.slice(0,-2))
+	width = regolden(first)
+	height = regolden(width)
+	width = width.toString()+'px'
+	height = height.toString()+'px'
+	$('#preview').css({'width':width, 'height':height})
+}
+function setupdimensions(){
+makecolorswidth()
+setupfonts()
+makecolorsheight()
+makecontainerwidth()
+setupsides()
+makegolden('#switches','width')
+previewdimensions()
+}
+setupdimensions()
+$(window).resize(function(){setupdimensions()})
+//$(window).resize()(function(){setupdimensions()})
+
+//BEGIN STYLINGS//
+//////////////////
+
+
+var old = {};
+function hovercss(sel, uno){
+	
+	var chng = {};
+	chng['color'] = 'white';
+	chng['text-shadow'] = 'black 1px 2px';
+	chng['background-image'] = 'url(http://asdf.us/im/19/gradient_whitegray80_1321305183_1321305241_pepper_1321333403_pepper.jpg)';
+	if(uno == 'over'){
+		for(var key in chng){
+				old[key] = $('#'+sel).css(key)
+					}
+		for(var key in chng){
+				$('#'+sel).css(key, chng[key])
+					}
+			}
+	if(uno == 'out'){
+		for(var key in old){
+				$('#'+sel).css(key, old[key])
+					}
+			}
+}
+$('.theswitches').hover(function(){hovercss(this.id, 'over')}, function(){hovercss(this.id, 'out')})
+
+var transcss = {
+	'color':'#141414','box-shadow':'10px 10px 5px #141414',
+	'background-color':'#D1D1D1','color':'#141414',
+	'border-width':'2px','border-style':'outset','cursor':'pointer'}
+$('#transbutton').css(transcss)
+var hovertrans = {
+	'background-color':'DarkGrey','color':'#383838','box-shadow':'5px 5px 2px #141414'
+}
+$('#transbutton').hover(function(){$('#transbutton').css(hovertrans)},function(){$('#transbutton').css(transcss)})
+//threewayselector for what goes in the divs
+infostate = 1
+function switchinfo()
+	{
+	if(infostate == 0)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html(divtoname[divlist[i]])
+				};
+		infostate = 1
+		$('#infospace').html('(NAMES)');
+		}
+	else if(infostate == 1)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html("")
+				};
+		infostate = 2
+		$('#infospace').html('(NONE)');
+		}
+	else if(infostate == 2)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html(nametohex[divtoname[divlist[i]]])
+				};
+		infostate = 0
+		$('#infospace').html('(HEXES)');
+		}
+	}
+$('#infoswitch').hover(function(){$('#infospace').show()}, function(){$('#infospace').hide('slow')} )
+$('#infoswitch').click(function(){switchinfo()})
+
+
+backgroundstate = 2;
+function switchbackground()
+	{
+	if(backgroundstate == 1)
+		{
+		$('#colorpicker').css('background-color','black')
+		$('#colorpicker').css('background-image','url(http://dump.fm/static/img/bg.dither.gif)')
+		backgroundstate = 2;
+		$('#colornames').css('color', 'white')
+		$('#colornames').css('text-shadow', 'black 1px 2px')
+		}
+	else if(backgroundstate == 2)
+		{
+		$('#colorpicker').css('background-color','black')
+		$('#colorpicker').css('background-image', 'none')
+		backgroundstate = 0	
+		}
+	else if(backgroundstate == 0)
+		{
+		$('#colorpicker').css('background-color', 'white')
+		$('#colorpicker').css('background-image', 'none')
+		$('#colornames').css('color', 'grey')
+		backgroundstate = 1
+		}
+	}
+
+$('#backgroundswitch').click(function(){switchbackground()})
+
+//takes a div name and returns a colorname
+
+function showcolorname(divstr)
+
+		{
+		colorname = divtoname['#'+divstr]
+		hex = nametohex[colorname]
+			imname = hextoname[hex]
+		if (hexes == true)
+			{
+			imname = hex
+			}
+		
+		return imname
+		}
+function bigname(divstr)
+		{
+		colorname = showcolorname(divstr)
+		$('#colornames').html(colorname)
+		
+		}
+function writeit(text)
+		{
+		$('#colornames').append(text)
+		}
+function makebig(divstr)
+		{
+		firstheight = $('#'+divstr).height()
+		newheight = goldenize(firstheight)
+		$('#'+divstr).height(newheight)
+		}
+function makesmall(divstr)
+		{
+		oldheight = $('.colors').height()
+		$('#'+divstr).height(oldheight)
+		}
+var choice;
+$('.colors').hover(function() {
+   bigname(this.id);
+//	 makebig(this.id);
+//	 makegolden('#'+this.id, 'height')},
+//function(){
+//	 makesmall(this.id);
+//	 makegolden('#'+this.id, 'height')
+});
+$('.colors').mouseover(function(){
+							if(this.id != 'd0'){
+							makebig(this.id);
+							makegolden('#'+this.id, 'height')
+													}})
+$('.colors').mouseout(function(){
+							makesmall(this.id);
+							makegolden('#'+this.id,'height');
+													})
+$(".colors").hover(function(){
+$('#colornames').fadeOut(100);$('#colornames').fadeIn(500);
+	});
+$('.colors').css('margin-top', '2px')
+var hexes = false
+function hexswitch()
+		{
+		if(hexes == false)
+			{
+			$('#hexswitch').html('CLICK TO USE COLOR NAMES')
+			hexes = true;
+			var nameval = $('#namespace').val()
+			$('#namespace').val(nametohex[nameval])
+			}
+			
+		else
+			{
+			$('#hexswitch').html('CLICK TO USE HEX KEYS')
+			hexes = false;
+			var nameval = $('#namespace').val()
+			$('#namespace').val(hextoname[nameval])
+			}
+		}
+$('#hexswitch').click(function(){hexswitch()})
+
+$('.colors').click(function(){
+			putitin()	
+			})
+
+function putitin()
+		{
+		thecolor = $('#colornames').html()
+		$('#namespace').val(thecolor)
+		if(hexes == false){
+			$('#preview').css({'background-color': nametohex[thecolor], 'border-style':'none'})
+			}
+		else{
+			$('#preview').css('background-color', thecolor)
+			}
+				
+		}
+function transparent()
+	{
+	$('#namespace').val('transparent');
+	$('#preview').css({'background-color':'transparent','border-style':'dashed','border-width':'2px'})
+	}
+$('#transbutton').click(function(){transparent()})
+
+//$('#switches').bind('mousemove',function(e){ 
+//            $("#colornames").html(" e.pageY: " + e.pageY); 
+//});
+vt.start("viewarea", "container");
+
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/junk/separate b/frontend/imgrid/colors/junk/separate
new file mode 100755
index 0000000..b32bc49
--- /dev/null
+++ b/frontend/imgrid/colors/junk/separate
@@ -0,0 +1,126 @@
+#!/usr/bin/python2.7
+
+
+f = open('colors.html', 'r')
+lines = f.readlines()
+colornames = []
+hexes = []
+for line in lines:
+	if 'right' in line and 'td' in line:
+		colornames.append(line[22:-6])
+	if '#' in line:
+		hexes.append(line[21:28])
+	if line == lines[len(lines)-1]:
+		break
+print len(hexes)
+print len(colornames)
+###making a dictionary
+hextoname = {}
+nametohex = {}
+for i in hexes:
+	hextoname[i] = colornames[hexes.index(i)]
+for i in colornames:
+	nametohex[i] = hexes[colornames.index(i)]
+w = open('colordict.js', 'w')
+w.write("var hextoname = "+str(hextoname)+"\n")
+w.write("var nametohex = "+str(nametohex)+"\n")
+w.close()
+ds = []
+for x in range(674):
+	ds.append('d'+str(x))
+
+#print hexes
+#note last two hex values in lists are wrong for they correspond to none and transparent
+w = open('colorsnew.html', 'w')
+w.write("""<html>\n<head>\n
+<style type='text/css'>\n
+body\n{max-width:100%;\nmax-height:100%; \nfont-family:helvetica; \nfont-size:10px; \nword-wrap: break-word;}\n
+div\n{display: -moz-inline-stack;\ndisplay:inline-block;\nvertical-align:top;\nmin-height: 30px;\nzoom: 1;\n*display: inline;}\n}\n
+#main{width:600px;}\n""")
+w.write("#colornames\n{position:fixed;\nfont-size:50px;\ntop:50px;\nright:50%;}")
+for x in range(674):
+	w.write("\n#"+ds[x]+"\n{background-color:"+str(hexes[x])+"}\n")
+w.write(".colors\n{height:30px;\nwidth:10px;}\n")
+w.write("</style></head>")
+w.write("<body>\n<div id='main'>\n")
+for x in range(674):
+	w.write("<div id='"+ds[x]+"' class='colors'>\n"+colornames[x]+"</div>\n")
+w.write("</div>\n")
+w.write("<div id='colornames'>WHERE THE COLORNAMES WILL GO</div>")
+w.write("<script type='text/javascript' src='jquery-1.6.4.min.js'></script>")
+w.write("<script type='text/javascript' src='colordict.js'></script>\n")
+w.write("\n<script type='text/javascript'>")
+w.write("""\nfunction goldenize(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num*ratio)
+	return newnum
+	}
+//turns css property width or height into an integer value
+function getproperty(idstr, propertystr)
+	{
+	grab = $('.'+idstr).css(propertystr)
+	grab = grab.slice(0,-2)
+	numval = parseInt(grab)
+	return numval
+	}
+function makegolden(idstr, propertystr)
+	{
+	result = getproperty(idstr, propertystr)
+	newwidth = goldenize(result)
+	widthval = newwidth.toString()+'px'
+	$('.'+idstr).css('width', widthval)
+	}
+makegolden('colors', 'height')
+""")
+w.write("""\n
+//remove content this function takes the name out of the divs
+
+function removecontent()
+	{
+	$('.colors').html("")
+	}
+removecontent()""")
+w.write("""
+
+function colorToHex(color) {
+    if (color.substr(0, 1) === '#') {
+        return color;
+    }
+    var digits = /(.*?)rgb\((\d+), (\d+), (\d+)\)/.exec(color);
+    
+    var red = parseInt(digits[2]);
+    var green = parseInt(digits[3]);
+    var blue = parseInt(digits[4]);
+    
+    var rgb = blue | (green << 8) | (red << 16);
+    return digits[1] + '#' + rgb.toString(16);
+};
+
+//takes a div name and returns a colorname\n
+function showcolorname(divstr)\n
+		{\n
+		bgcolor = $('#'+divstr).css('background-color')
+		lowercasehex = colorToHex(bgcolor)
+		hex = lowercasehex.toUpperCase()
+			imname = hextoname[hex]
+/*		if ($('#hexortext:checked').length == 1)
+			{
+			imname = hex
+			}*/
+		return imname
+		}
+function bigname(divstr)
+		{
+		bebop = showcolorname(toString(divstr))
+		$('#colornames').html(bebop)
+		}
+$('.colors').mouseover(function() {
+   bigname(this.id);
+});
+
+
+
+""")
+w.write("</script>")
+w.write("\n</body>\n</html>")
diff --git a/frontend/imgrid/colors/junk/todo.txt b/frontend/imgrid/colors/junk/todo.txt
new file mode 100755
index 0000000..ff9ae66
--- /dev/null
+++ b/frontend/imgrid/colors/junk/todo.txt
@@ -0,0 +1,135 @@
+manyprettygradients:
+finish formatting tumblr
+put on autoscroll
+think about font (minoan) THIS IS WHY WE NEED TEXT BLASTER
+turn it to a bot
+	pre-step: delete everything on there
+	step 1: gradientscrape longerlogfile
+	step 2: post those
+	step 3: make gradientscrape call itself every 30 minutes
+	step 5: swipe???
+	step 4: import the write function from main.py
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+		
+	
+	python 2.6 == /opt/python2.6/bin/python
+
+	
+	JUANITA = True
+	#JUANITA = False
+
+	
+	
+from main.py, import * (follow_followers, reblog_posts, post_images)
+process_followers()
+reblog_posts()
+post_images()
+
+def now ():
+  return int(time.mktime(time.localtime()))
+  
+def save_seen (ids):
+  out = open (DUMP_SEEN+".tmp", "w")
+  for id in ids.keys():
+    out.write(id+"\n")
+  out.close()
+  system(["/bin/mv", DUMP_SEEN+".tmp", DUMP_SEEN])
+  
+def slurp (file):
+  input = open (file, "r")
+  lines = input.readlines()
+  input.close()
+  return lines
+
+def new_dump (dumps, seen):
+  id = random.choice(dumps.keys())
+  while id in seen:
+    id = random.choice(dumps.keys())
+  thedump = dumps[id]
+  seen[id] = True
+  save_seen(seen)
+    if JUANITA:
+      print thedump
+    else:
+      dump.say(thedump)
+      wait = random.randint(2,28)*30 + random.randint(1,55)
+      print "sleeping for", str(wait/60) + "m" + str(wait % 60) + "s..."
+      print
+      time.sleep(wait)
+
+def main ():
+  score_lines = slurp(DUMP_LIST)
+  dumps = {}
+    scored = {}
+  # first pass to work out the top score for each dump
+  for line in score_lines:
+    # 0 id  1 score  2 favers  3 urls
+    partz = line.split("\t")
+#skipping over really old stuff
+      if int(partz[0]) < 3618853:
+        continue
+
+      urls = partz[3].split(" ")
+      skip = False
+      for url in urls:
+        if "http" not in url:
+          skip = True
+      if skip:
+        continue
+      # dictionary: urls => (id, score)
+      if partz[3] in scored and int(partz[1]) > scored[partz[3]][1]:
+        scored[partz[3]] = (partz[0], int(partz[1]))
+      else:
+        scored[partz[3]] = (partz[0], int(partz[1]))
+
+    except KeyError:
+      continue
+    except ValueError:
+      continue
+
+  # second pass to weed out dumps with scores too high/low
+  for urls in scored.keys():
+    if scored[urls][1] > 0 and scored[urls][1] < 6:
+      # dictionary: id => urls
+      dumps[scored[urls][0]] = urls.strip()
+
+  seen_lines = slurp(DUMP_SEEN)
+  seen = {}
+  for line in seen_lines:
+    l = line.strip()
+    if len(l):
+      seen[l] = True
+
+  print len(dumps), "dumps in queue"
+  print len(seen_lines), "dumped already"
+
+  if JUANITA:
+    for i in xrange(10):
+      new_dump (dumps, seen)
+  else:
+    while (1):
+        new_dump (dumps, seen)
+      else:
+        print "TURNED OFF, sleeping for half an hour..."
+        time.sleep (30*60)
+
+main ()
+
diff --git a/frontend/imgrid/colors/junk/withscroller.html b/frontend/imgrid/colors/junk/withscroller.html
new file mode 100755
index 0000000..e1443c3
--- /dev/null
+++ b/frontend/imgrid/colors/junk/withscroller.html
@@ -0,0 +1,3850 @@
+<html>
+<head>
+<link rel="stylesheet" type="text/css" href="ScrollEffect.css" />
+<script type="text/javascript" src="ScrollEffect.js"></script>
+
+<style type='text/css'>
+
+body
+{
+margin:0;
+}
+
+#colorpicker
+{
+position:absolute;
+width:100%;
+font-family:helvetica; 
+font-size:10px; 
+//background-color: gray;
+//background-image: url("http://asdf.us/im/6f/gradient_bgdither_1321255670_pepper.gif");
+background-color: black;
+background-image: url("http://dump.fm/static/img/bg.dither.gif")
+
+}
+
+#container div
+{
+text-align:left;
+display: -moz-inline-stack;
+display:inline-block;
+vertical-align:bottom;
+min-height: 30px;
+zoom: 1;
+word-wrap: break-word;
+*display: inline;
+cursor:pointer;
+}
+
+#container
+{
+margin:0 auto;
+width:31%;
+padding-bottom:0px;
+padding-right:10px;
+padding-left:10px;
+text-align:center;
+position:absolute;
+height:850px;
+}
+
+#viewarea
+{
+position: relative; 
+top: 10%; 
+width: 31%; 
+height: 820px; 
+overflow: hidden; 
+margin:0 auto;
+padding-top:10px;
+padding-right:10px;
+padding-left:10px;
+text-align:center;
+border-style:outset;
+border-width:10px;
+}
+
+#colornames
+{
+color:white;
+position:fixed;
+font-size:50px;
+top:50px;
+left:2%;
+width:400px;
+}
+
+#switches
+		{
+		position:fixed;
+		top:20px;
+		right:1%;
+		height:400px;
+		width:300px;
+		font-size:20px;
+		border-style: groove;
+		border-width: 4px;
+		background-color:gray;
+		padding:2px;
+		box-shadow: 10px 10px 5px #141414;
+		}
+
+#infoswitch, #hexswitch, #backgroundswitch
+		{
+		background-image:url(http://asdf.us/im/58/gradient_whitegray80_1321305183_1321305241_pepper.jpg);
+		cursor:pointer;
+		}
+#preview
+		{
+		height:150px;
+		}
+
+
+#holder
+		{
+		float:bottom;
+		}
+
+#transparent
+		{
+		font-size:12px;
+		}
+#namespace
+		{
+		width:inherit;
+		}
+#d0
+{background-color:#FFFAFA}
+
+#d1
+{background-color:#FFFAFA}
+
+#d2
+{background-color:#EEE9E9}
+
+#d3
+{background-color:#FFC1C1}
+
+#d4
+{background-color:#EEB4B4}
+
+#d5
+{background-color:#CDC9C9}
+
+#d6
+{background-color:#F08080}
+
+#d7
+{background-color:#FF6A6A}
+
+#d8
+{background-color:#CD9B9B}
+
+#d9
+{background-color:#EE6363}
+
+#d10
+{background-color:#BC8F8F}
+
+#d11
+{background-color:#FF4040}
+
+#d12
+{background-color:#FF3030}
+
+#d13
+{background-color:#EE3B3B}
+
+#d14
+{background-color:#CD5C5C}
+
+#d15
+{background-color:#CD5555}
+
+#d16
+{background-color:#EE2C2C}
+
+#d17
+{background-color:#8B8989}
+
+#d18
+{background-color:#CD3333}
+
+#d19
+{background-color:#FF0000}
+
+#d20
+{background-color:#FF0000}
+
+#d21
+{background-color:#8B6969}
+
+#d22
+{background-color:#CD2626}
+
+#d23
+{background-color:#EE0000}
+
+#d24
+{background-color:#B22222}
+
+#d25
+{background-color:#A52A2A}
+
+#d26
+{background-color:#CD0000}
+
+#d27
+{background-color:#8B3A3A}
+
+#d28
+{background-color:#8B2323}
+
+#d29
+{background-color:#8B1A1A}
+
+#d30
+{background-color:#8B0000}
+
+#d31
+{background-color:#8B0000}
+
+#d32
+{background-color:#800000}
+
+#d33
+{background-color:#FFAEB9}
+
+#d34
+{background-color:#CD8C95}
+
+#d35
+{background-color:#8B5F65}
+
+#d36
+{background-color:#EEA2AD}
+
+#d37
+{background-color:#FFB6C1}
+
+#d38
+{background-color:#FFC0CB}
+
+#d39
+{background-color:#DC143C}
+
+#d40
+{background-color:#FFB5C5}
+
+#d41
+{background-color:#EEA9B8}
+
+#d42
+{background-color:#CD919E}
+
+#d43
+{background-color:#8B636C}
+
+#d44
+{background-color:#8B475D}
+
+#d45
+{background-color:#DB7093}
+
+#d46
+{background-color:#EE799F}
+
+#d47
+{background-color:#FF82AB}
+
+#d48
+{background-color:#CD6889}
+
+#d49
+{background-color:#FFF0F5}
+
+#d50
+{background-color:#FFF0F5}
+
+#d51
+{background-color:#CDC1C5}
+
+#d52
+{background-color:#EEE0E5}
+
+#d53
+{background-color:#8B8386}
+
+#d54
+{background-color:#B03060}
+
+#d55
+{background-color:#CD6090}
+
+#d56
+{background-color:#CD3278}
+
+#d57
+{background-color:#FF3E96}
+
+#d58
+{background-color:#EE3A8C}
+
+#d59
+{background-color:#8B2252}
+
+#d60
+{background-color:#EE6AA7}
+
+#d61
+{background-color:#FF6EB4}
+
+#d62
+{background-color:#8B3A62}
+
+#d63
+{background-color:#FF69B4}
+
+#d64
+{background-color:#FF1493}
+
+#d65
+{background-color:#FF1493}
+
+#d66
+{background-color:#EE1289}
+
+#d67
+{background-color:#CD1076}
+
+#d68
+{background-color:#8B0A50}
+
+#d69
+{background-color:#FF34B3}
+
+#d70
+{background-color:#EE30A7}
+
+#d71
+{background-color:#CD2990}
+
+#d72
+{background-color:#8B1C62}
+
+#d73
+{background-color:#C71585}
+
+#d74
+{background-color:#D02090}
+
+#d75
+{background-color:#EE7AE9}
+
+#d76
+{background-color:#DA70D6}
+
+#d77
+{background-color:#FF83FA}
+
+#d78
+{background-color:#CD69C9}
+
+#d79
+{background-color:#8B4789}
+
+#d80
+{background-color:#FFE1FF}
+
+#d81
+{background-color:#EED2EE}
+
+#d82
+{background-color:#FFBBFF}
+
+#d83
+{background-color:#EEAEEE}
+
+#d84
+{background-color:#D8BFD8}
+
+#d85
+{background-color:#CDB5CD}
+
+#d86
+{background-color:#DDA0DD}
+
+#d87
+{background-color:#EE82EE}
+
+#d88
+{background-color:#CD96CD}
+
+#d89
+{background-color:#8B7B8B}
+
+#d90
+{background-color:#FF00FF}
+
+#d91
+{background-color:#FF00FF}
+
+#d92
+{background-color:#FF00FF}
+
+#d93
+{background-color:#8B668B}
+
+#d94
+{background-color:#EE00EE}
+
+#d95
+{background-color:#CD00CD}
+
+#d96
+{background-color:#8B008B}
+
+#d97
+{background-color:#8B008B}
+
+#d98
+{background-color:#800080}
+
+#d99
+{background-color:#BA55D3}
+
+#d100
+{background-color:#E066FF}
+
+#d101
+{background-color:#D15FEE}
+
+#d102
+{background-color:#B452CD}
+
+#d103
+{background-color:#7A378B}
+
+#d104
+{background-color:#9400D3}
+
+#d105
+{background-color:#9932CC}
+
+#d106
+{background-color:#BF3EFF}
+
+#d107
+{background-color:#9A32CD}
+
+#d108
+{background-color:#B23AEE}
+
+#d109
+{background-color:#68228B}
+
+#d110
+{background-color:#A020F0}
+
+#d111
+{background-color:#4B0082}
+
+#d112
+{background-color:#8A2BE2}
+
+#d113
+{background-color:#912CEE}
+
+#d114
+{background-color:#7D26CD}
+
+#d115
+{background-color:#551A8B}
+
+#d116
+{background-color:#9B30FF}
+
+#d117
+{background-color:#9370DB}
+
+#d118
+{background-color:#AB82FF}
+
+#d119
+{background-color:#9F79EE}
+
+#d120
+{background-color:#8968CD}
+
+#d121
+{background-color:#5D478B}
+
+#d122
+{background-color:#483D8B}
+
+#d123
+{background-color:#8470FF}
+
+#d124
+{background-color:#7B68EE}
+
+#d125
+{background-color:#6A5ACD}
+
+#d126
+{background-color:#836FFF}
+
+#d127
+{background-color:#7A67EE}
+
+#d128
+{background-color:#6959CD}
+
+#d129
+{background-color:#473C8B}
+
+#d130
+{background-color:#F8F8FF}
+
+#d131
+{background-color:#E6E6FA}
+
+#d132
+{background-color:#0000FF}
+
+#d133
+{background-color:#0000FF}
+
+#d134
+{background-color:#0000EE}
+
+#d135
+{background-color:#0000CD}
+
+#d136
+{background-color:#0000CD}
+
+#d137
+{background-color:#00008B}
+
+#d138
+{background-color:#00008B}
+
+#d139
+{background-color:#191970}
+
+#d140
+{background-color:#000080}
+
+#d141
+{background-color:#000080}
+
+#d142
+{background-color:#4169E1}
+
+#d143
+{background-color:#4876FF}
+
+#d144
+{background-color:#436EEE}
+
+#d145
+{background-color:#3A5FCD}
+
+#d146
+{background-color:#27408B}
+
+#d147
+{background-color:#6495ED}
+
+#d148
+{background-color:#B0C4DE}
+
+#d149
+{background-color:#CAE1FF}
+
+#d150
+{background-color:#BCD2EE}
+
+#d151
+{background-color:#A2B5CD}
+
+#d152
+{background-color:#6E7B8B}
+
+#d153
+{background-color:#6C7B8B}
+
+#d154
+{background-color:#C6E2FF}
+
+#d155
+{background-color:#B9D3EE}
+
+#d156
+{background-color:#9FB6CD}
+
+#d157
+{background-color:#778899}
+
+#d158
+{background-color:#778899}
+
+#d159
+{background-color:#708090}
+
+#d160
+{background-color:#708090}
+
+#d161
+{background-color:#1E90FF}
+
+#d162
+{background-color:#1E90FF}
+
+#d163
+{background-color:#1C86EE}
+
+#d164
+{background-color:#104E8B}
+
+#d165
+{background-color:#1874CD}
+
+#d166
+{background-color:#F0F8FF}
+
+#d167
+{background-color:#36648B}
+
+#d168
+{background-color:#4682B4}
+
+#d169
+{background-color:#63B8FF}
+
+#d170
+{background-color:#5CACEE}
+
+#d171
+{background-color:#4F94CD}
+
+#d172
+{background-color:#4A708B}
+
+#d173
+{background-color:#87CEFF}
+
+#d174
+{background-color:#7EC0EE}
+
+#d175
+{background-color:#6CA6CD}
+
+#d176
+{background-color:#87CEFA}
+
+#d177
+{background-color:#607B8B}
+
+#d178
+{background-color:#B0E2FF}
+
+#d179
+{background-color:#A4D3EE}
+
+#d180
+{background-color:#8DB6CD}
+
+#d181
+{background-color:#87CEEB}
+
+#d182
+{background-color:#9AC0CD}
+
+#d183
+{background-color:#00BFFF}
+
+#d184
+{background-color:#00BFFF}
+
+#d185
+{background-color:#00B2EE}
+
+#d186
+{background-color:#00688B}
+
+#d187
+{background-color:#009ACD}
+
+#d188
+{background-color:#BFEFFF}
+
+#d189
+{background-color:#B2DFEE}
+
+#d190
+{background-color:#ADD8E6}
+
+#d191
+{background-color:#68838B}
+
+#d192
+{background-color:#B0E0E6}
+
+#d193
+{background-color:#98F5FF}
+
+#d194
+{background-color:#8EE5EE}
+
+#d195
+{background-color:#7AC5CD}
+
+#d196
+{background-color:#53868B}
+
+#d197
+{background-color:#00F5FF}
+
+#d198
+{background-color:#00E5EE}
+
+#d199
+{background-color:#00C5CD}
+
+#d200
+{background-color:#00868B}
+
+#d201
+{background-color:#5F9EA0}
+
+#d202
+{background-color:#5F9EA0}
+
+#d203
+{background-color:#00CED1}
+
+#d204
+{background-color:#F0FFFF}
+
+#d205
+{background-color:#F0FFFF}
+
+#d206
+{background-color:#E0FFFF}
+
+#d207
+{background-color:#E0FFFF}
+
+#d208
+{background-color:#E0EEEE}
+
+#d209
+{background-color:#D1EEEE}
+
+#d210
+{background-color:#BBFFFF}
+
+#d211
+{background-color:#AFEEEE}
+
+#d212
+{background-color:#AEEEEE}
+
+#d213
+{background-color:#97FFFF}
+
+#d214
+{background-color:#C1CDCD}
+
+#d215
+{background-color:#B4CDCD}
+
+#d216
+{background-color:#8DEEEE}
+
+#d217
+{background-color:#96CDCD}
+
+#d218
+{background-color:#79CDCD}
+
+#d219
+{background-color:#838B8B}
+
+#d220
+{background-color:#7A8B8B}
+
+#d221
+{background-color:#00FFFF}
+
+#d222
+{background-color:#00FFFF}
+
+#d223
+{background-color:#00FFFF}
+
+#d224
+{background-color:#668B8B}
+
+#d225
+{background-color:#00EEEE}
+
+#d226
+{background-color:#528B8B}
+
+#d227
+{background-color:#00CDCD}
+
+#d228
+{background-color:#008B8B}
+
+#d229
+{background-color:#008B8B}
+
+#d230
+{background-color:#008080}
+
+#d231
+{background-color:#2F4F4F}
+
+#d232
+{background-color:#2F4F4F}
+
+#d233
+{background-color:#48D1CC}
+
+#d234
+{background-color:#20B2AA}
+
+#d235
+{background-color:#40E0D0}
+
+#d236
+{background-color:#458B74}
+
+#d237
+{background-color:#7FFFD4}
+
+#d238
+{background-color:#7FFFD4}
+
+#d239
+{background-color:#76EEC6}
+
+#d240
+{background-color:#66CDAA}
+
+#d241
+{background-color:#66CDAA}
+
+#d242
+{background-color:#00FA9A}
+
+#d243
+{background-color:#F5FFFA}
+
+#d244
+{background-color:#00FF7F}
+
+#d245
+{background-color:#00FF7F}
+
+#d246
+{background-color:#00EE76}
+
+#d247
+{background-color:#00CD66}
+
+#d248
+{background-color:#008B45}
+
+#d249
+{background-color:#3CB371}
+
+#d250
+{background-color:#2E8B57}
+
+#d251
+{background-color:#43CD80}
+
+#d252
+{background-color:#54FF9F}
+
+#d253
+{background-color:#2E8B57}
+
+#d254
+{background-color:#4EEE94}
+
+#d255
+{background-color:#32814B}
+
+#d256
+{background-color:#F0FFF0}
+
+#d257
+{background-color:#F0FFF0}
+
+#d258
+{background-color:#E0EEE0}
+
+#d259
+{background-color:#C1FFC1}
+
+#d260
+{background-color:#B4EEB4}
+
+#d261
+{background-color:#9AFF9A}
+
+#d262
+{background-color:#98FB98}
+
+#d263
+{background-color:#C1CDC1}
+
+#d264
+{background-color:#90EE90}
+
+#d265
+{background-color:#90EE90}
+
+#d266
+{background-color:#9BCD9B}
+
+#d267
+{background-color:#8FBC8F}
+
+#d268
+{background-color:#7CCD7C}
+
+#d269
+{background-color:#838B83}
+
+#d270
+{background-color:#00FF00}
+
+#d271
+{background-color:#00FF00}
+
+#d272
+{background-color:#32CD32}
+
+#d273
+{background-color:#698B69}
+
+#d274
+{background-color:#00EE00}
+
+#d275
+{background-color:#548B54}
+
+#d276
+{background-color:#00CD00}
+
+#d277
+{background-color:#228B22}
+
+#d278
+{background-color:#008B00}
+
+#d279
+{background-color:#008000}
+
+#d280
+{background-color:#006400}
+
+#d281
+{background-color:#7CFC00}
+
+#d282
+{background-color:#7FFF00}
+
+#d283
+{background-color:#7FFF00}
+
+#d284
+{background-color:#76EE00}
+
+#d285
+{background-color:#66CD00}
+
+#d286
+{background-color:#458B00}
+
+#d287
+{background-color:#ADFF2F}
+
+#d288
+{background-color:#A2CD5A}
+
+#d289
+{background-color:#CAFF70}
+
+#d290
+{background-color:#BCEE68}
+
+#d291
+{background-color:#6E8B3D}
+
+#d292
+{background-color:#556B2F}
+
+#d293
+{background-color:#6B8E23}
+
+#d294
+{background-color:#C0FF3E}
+
+#d295
+{background-color:#B3EE3A}
+
+#d296
+{background-color:#9ACD32}
+
+#d297
+{background-color:#9ACD32}
+
+#d298
+{background-color:#698B22}
+
+#d299
+{background-color:#FFFFF0}
+
+#d300
+{background-color:#FFFFF0}
+
+#d301
+{background-color:#FFFFE0}
+
+#d302
+{background-color:#FFFFE0}
+
+#d303
+{background-color:#F5F5DC}
+
+#d304
+{background-color:#EEEEE0}
+
+#d305
+{background-color:#FAFAD2}
+
+#d306
+{background-color:#EEEED1}
+
+#d307
+{background-color:#CDCDC1}
+
+#d308
+{background-color:#CDCDB4}
+
+#d309
+{background-color:#8B8B83}
+
+#d310
+{background-color:#8B8B7A}
+
+#d311
+{background-color:#FFFF00}
+
+#d312
+{background-color:#FFFF00}
+
+#d313
+{background-color:#EEEE00}
+
+#d314
+{background-color:#CDCD00}
+
+#d315
+{background-color:#8B8B00}
+
+#d316
+{background-color:#808000}
+
+#d317
+{background-color:#BDB76B}
+
+#d318
+{background-color:#EEE685}
+
+#d319
+{background-color:#8B8970}
+
+#d320
+{background-color:#FFF68F}
+
+#d321
+{background-color:#CDC673}
+
+#d322
+{background-color:#8B864E}
+
+#d323
+{background-color:#EEE8AA}
+
+#d324
+{background-color:#FFFACD}
+
+#d325
+{background-color:#FFFACD}
+
+#d326
+{background-color:#F0E68C}
+
+#d327
+{background-color:#CDC9A5}
+
+#d328
+{background-color:#EEE9BF}
+
+#d329
+{background-color:#D1C166}
+
+#d330
+{background-color:#8B8878}
+
+#d331
+{background-color:#FFD700}
+
+#d332
+{background-color:#FFD700}
+
+#d333
+{background-color:#EEC900}
+
+#d334
+{background-color:#CDAD00}
+
+#d335
+{background-color:#8B7500}
+
+#d336
+{background-color:#EEDD82}
+
+#d337
+{background-color:#8B814C}
+
+#d338
+{background-color:#FFEC8B}
+
+#d339
+{background-color:#CDBE70}
+
+#d340
+{background-color:#EEDC82}
+
+#d341
+{background-color:#CDC8B1}
+
+#d342
+{background-color:#EEE8CD}
+
+#d343
+{background-color:#FFF8DC}
+
+#d344
+{background-color:#FFF8DC}
+
+#d345
+{background-color:#DAA520}
+
+#d346
+{background-color:#FFC125}
+
+#d347
+{background-color:#EEB422}
+
+#d348
+{background-color:#CD9B1D}
+
+#d349
+{background-color:#8B6914}
+
+#d350
+{background-color:#B8860B}
+
+#d351
+{background-color:#FFB90F}
+
+#d352
+{background-color:#EEAD0E}
+
+#d353
+{background-color:#CD950C}
+
+#d354
+{background-color:#8B6508}
+
+#d355
+{background-color:#FFFAF0}
+
+#d356
+{background-color:#EED8AE}
+
+#d357
+{background-color:#FDF5E6}
+
+#d358
+{background-color:#F5DEB3}
+
+#d359
+{background-color:#FFE7BA}
+
+#d360
+{background-color:#CDBA96}
+
+#d361
+{background-color:#FFA500}
+
+#d362
+{background-color:#FFA500}
+
+#d363
+{background-color:#EE9A00}
+
+#d364
+{background-color:#CD8500}
+
+#d365
+{background-color:#8B5A00}
+
+#d366
+{background-color:#8B7E66}
+
+#d367
+{background-color:#FFE4B5}
+
+#d368
+{background-color:#FFEFD5}
+
+#d369
+{background-color:#CDB38B}
+
+#d370
+{background-color:#FFEBCD}
+
+#d371
+{background-color:#FFDEAD}
+
+#d372
+{background-color:#FFDEAD}
+
+#d373
+{background-color:#EECFA1}
+
+#d374
+{background-color:#8B795E}
+
+#d375
+{background-color:#8B8378}
+
+#d376
+{background-color:#FAEBD7}
+
+#d377
+{background-color:#D2B48C}
+
+#d378
+{background-color:#8B7D6B}
+
+#d379
+{background-color:#DEB887}
+
+#d380
+{background-color:#EEDFCC}
+
+#d381
+{background-color:#FFD39B}
+
+#d382
+{background-color:#CDAA7D}
+
+#d383
+{background-color:#EEC591}
+
+#d384
+{background-color:#FFEFDB}
+
+#d385
+{background-color:#8B7355}
+
+#d386
+{background-color:#CDC0B0}
+
+#d387
+{background-color:#FF8C00}
+
+#d388
+{background-color:#EED5B7}
+
+#d389
+{background-color:#FFE4C4}
+
+#d390
+{background-color:#FFE4C4}
+
+#d391
+{background-color:#CDB79E}
+
+#d392
+{background-color:#FF7F00}
+
+#d393
+{background-color:#FAF0E6}
+
+#d394
+{background-color:#EE7600}
+
+#d395
+{background-color:#CD6600}
+
+#d396
+{background-color:#8B4500}
+
+#d397
+{background-color:#CD853F}
+
+#d398
+{background-color:#FFA54F}
+
+#d399
+{background-color:#EE9A49}
+
+#d400
+{background-color:#CD853F}
+
+#d401
+{background-color:#8B5A2B}
+
+#d402
+{background-color:#FFDAB9}
+
+#d403
+{background-color:#FFDAB9}
+
+#d404
+{background-color:#8B7765}
+
+#d405
+{background-color:#EECBAD}
+
+#d406
+{background-color:#CDAF95}
+
+#d407
+{background-color:#F4A460}
+
+#d408
+{background-color:#8B8682}
+
+#d409
+{background-color:#EEE5DE}
+
+#d410
+{background-color:#CDC5BF}
+
+#d411
+{background-color:#D2691E}
+
+#d412
+{background-color:#FF7F24}
+
+#d413
+{background-color:#EE7621}
+
+#d414
+{background-color:#CD661D}
+
+#d415
+{background-color:#8B4513}
+
+#d416
+{background-color:#8B4513}
+
+#d417
+{background-color:#FFF5EE}
+
+#d418
+{background-color:#FFF5EE}
+
+#d419
+{background-color:#8B4726}
+
+#d420
+{background-color:#A0522D}
+
+#d421
+{background-color:#FF8247}
+
+#d422
+{background-color:#EE7942}
+
+#d423
+{background-color:#CD6839}
+
+#d424
+{background-color:#CD8162}
+
+#d425
+{background-color:#FFA07A}
+
+#d426
+{background-color:#FFA07A}
+
+#d427
+{background-color:#8B5742}
+
+#d428
+{background-color:#EE9572}
+
+#d429
+{background-color:#FF7F50}
+
+#d430
+{background-color:#FF4500}
+
+#d431
+{background-color:#FF4500}
+
+#d432
+{background-color:#EE4000}
+
+#d433
+{background-color:#CD3700}
+
+#d434
+{background-color:#8B2500}
+
+#d435
+{background-color:#E9967A}
+
+#d436
+{background-color:#FF8C69}
+
+#d437
+{background-color:#EE8262}
+
+#d438
+{background-color:#CD7054}
+
+#d439
+{background-color:#8B4C39}
+
+#d440
+{background-color:#FF7256}
+
+#d441
+{background-color:#EE6A50}
+
+#d442
+{background-color:#CD5B45}
+
+#d443
+{background-color:#8B3E2F}
+
+#d444
+{background-color:#8B3626}
+
+#d445
+{background-color:#FF6347}
+
+#d446
+{background-color:#FF6347}
+
+#d447
+{background-color:#EE5C42}
+
+#d448
+{background-color:#CD4F39}
+
+#d449
+{background-color:#8B7D7B}
+
+#d450
+{background-color:#EED5D2}
+
+#d451
+{background-color:#FFE4E1}
+
+#d452
+{background-color:#FFE4E1}
+
+#d453
+{background-color:#FA8072}
+
+#d454
+{background-color:#CDB7B5}
+
+#d455
+{background-color:#FFFFFF}
+
+#d456
+{background-color:#FFFFFF}
+
+#d457
+{background-color:#FFFFFF}
+
+#d458
+{background-color:#FFFFFF}
+
+#d459
+{background-color:#FCFCFC}
+
+#d460
+{background-color:#FCFCFC}
+
+#d461
+{background-color:#FAFAFA}
+
+#d462
+{background-color:#FAFAFA}
+
+#d463
+{background-color:#F7F7F7}
+
+#d464
+{background-color:#F7F7F7}
+
+#d465
+{background-color:#F5F5F5}
+
+#d466
+{background-color:#F5F5F5}
+
+#d467
+{background-color:#F5F5F5}
+
+#d468
+{background-color:#F2F2F2}
+
+#d469
+{background-color:#F2F2F2}
+
+#d470
+{background-color:#F0F0F0}
+
+#d471
+{background-color:#F0F0F0}
+
+#d472
+{background-color:#EDEDED}
+
+#d473
+{background-color:#EDEDED}
+
+#d474
+{background-color:#EBEBEB}
+
+#d475
+{background-color:#EBEBEB}
+
+#d476
+{background-color:#E8E8E8}
+
+#d477
+{background-color:#E8E8E8}
+
+#d478
+{background-color:#E5E5E5}
+
+#d479
+{background-color:#E5E5E5}
+
+#d480
+{background-color:#E3E3E3}
+
+#d481
+{background-color:#E3E3E3}
+
+#d482
+{background-color:#E0E0E0}
+
+#d483
+{background-color:#E0E0E0}
+
+#d484
+{background-color:#DEDEDE}
+
+#d485
+{background-color:#DEDEDE}
+
+#d486
+{background-color:#DCDCDC}
+
+#d487
+{background-color:#DBDBDB}
+
+#d488
+{background-color:#DBDBDB}
+
+#d489
+{background-color:#D9D9D9}
+
+#d490
+{background-color:#D9D9D9}
+
+#d491
+{background-color:#D6D6D6}
+
+#d492
+{background-color:#D6D6D6}
+
+#d493
+{background-color:#D4D4D4}
+
+#d494
+{background-color:#D4D4D4}
+
+#d495
+{background-color:#D3D3D3}
+
+#d496
+{background-color:#D3D3D3}
+
+#d497
+{background-color:#D1D1D1}
+
+#d498
+{background-color:#D1D1D1}
+
+#d499
+{background-color:#CFCFCF}
+
+#d500
+{background-color:#CFCFCF}
+
+#d501
+{background-color:#CCCCCC}
+
+#d502
+{background-color:#CCCCCC}
+
+#d503
+{background-color:#C9C9C9}
+
+#d504
+{background-color:#C9C9C9}
+
+#d505
+{background-color:#C7C7C7}
+
+#d506
+{background-color:#C7C7C7}
+
+#d507
+{background-color:#C4C4C4}
+
+#d508
+{background-color:#C4C4C4}
+
+#d509
+{background-color:#C2C2C2}
+
+#d510
+{background-color:#C2C2C2}
+
+#d511
+{background-color:#C0C0C0}
+
+#d512
+{background-color:#BFBFBF}
+
+#d513
+{background-color:#BFBFBF}
+
+#d514
+{background-color:#BDBDBD}
+
+#d515
+{background-color:#BDBDBD}
+
+#d516
+{background-color:#BABABA}
+
+#d517
+{background-color:#BABABA}
+
+#d518
+{background-color:#B8B8B8}
+
+#d519
+{background-color:#B8B8B8}
+
+#d520
+{background-color:#B5B5B5}
+
+#d521
+{background-color:#B5B5B5}
+
+#d522
+{background-color:#B3B3B3}
+
+#d523
+{background-color:#B3B3B3}
+
+#d524
+{background-color:#B0B0B0}
+
+#d525
+{background-color:#B0B0B0}
+
+#d526
+{background-color:#ADADAD}
+
+#d527
+{background-color:#ADADAD}
+
+#d528
+{background-color:#ABABAB}
+
+#d529
+{background-color:#ABABAB}
+
+#d530
+{background-color:#A9A9A9}
+
+#d531
+{background-color:#A9A9A9}
+
+#d532
+{background-color:#A8A8A8}
+
+#d533
+{background-color:#A8A8A8}
+
+#d534
+{background-color:#A6A6A6}
+
+#d535
+{background-color:#A6A6A6}
+
+#d536
+{background-color:#A3A3A3}
+
+#d537
+{background-color:#A3A3A3}
+
+#d538
+{background-color:#A1A1A1}
+
+#d539
+{background-color:#A1A1A1}
+
+#d540
+{background-color:#9E9E9E}
+
+#d541
+{background-color:#9E9E9E}
+
+#d542
+{background-color:#9C9C9C}
+
+#d543
+{background-color:#9C9C9C}
+
+#d544
+{background-color:#999999}
+
+#d545
+{background-color:#999999}
+
+#d546
+{background-color:#969696}
+
+#d547
+{background-color:#969696}
+
+#d548
+{background-color:#949494}
+
+#d549
+{background-color:#949494}
+
+#d550
+{background-color:#919191}
+
+#d551
+{background-color:#919191}
+
+#d552
+{background-color:#8F8F8F}
+
+#d553
+{background-color:#8F8F8F}
+
+#d554
+{background-color:#8C8C8C}
+
+#d555
+{background-color:#8C8C8C}
+
+#d556
+{background-color:#8A8A8A}
+
+#d557
+{background-color:#8A8A8A}
+
+#d558
+{background-color:#878787}
+
+#d559
+{background-color:#878787}
+
+#d560
+{background-color:#858585}
+
+#d561
+{background-color:#858585}
+
+#d562
+{background-color:#828282}
+
+#d563
+{background-color:#828282}
+
+#d564
+{background-color:#808080}
+
+#d565
+{background-color:#7F7F7F}
+
+#d566
+{background-color:#7F7F7F}
+
+#d567
+{background-color:#7E7E7E}
+
+#d568
+{background-color:#7D7D7D}
+
+#d569
+{background-color:#7D7D7D}
+
+#d570
+{background-color:#7A7A7A}
+
+#d571
+{background-color:#7A7A7A}
+
+#d572
+{background-color:#787878}
+
+#d573
+{background-color:#787878}
+
+#d574
+{background-color:#757575}
+
+#d575
+{background-color:#757575}
+
+#d576
+{background-color:#737373}
+
+#d577
+{background-color:#737373}
+
+#d578
+{background-color:#707070}
+
+#d579
+{background-color:#707070}
+
+#d580
+{background-color:#6E6E6E}
+
+#d581
+{background-color:#6E6E6E}
+
+#d582
+{background-color:#6B6B6B}
+
+#d583
+{background-color:#6B6B6B}
+
+#d584
+{background-color:#696969}
+
+#d585
+{background-color:#696969}
+
+#d586
+{background-color:#696969}
+
+#d587
+{background-color:#696969}
+
+#d588
+{background-color:#666666}
+
+#d589
+{background-color:#666666}
+
+#d590
+{background-color:#636363}
+
+#d591
+{background-color:#636363}
+
+#d592
+{background-color:#616161}
+
+#d593
+{background-color:#616161}
+
+#d594
+{background-color:#5E5E5E}
+
+#d595
+{background-color:#5E5E5E}
+
+#d596
+{background-color:#5C5C5C}
+
+#d597
+{background-color:#5C5C5C}
+
+#d598
+{background-color:#595959}
+
+#d599
+{background-color:#595959}
+
+#d600
+{background-color:#575757}
+
+#d601
+{background-color:#575757}
+
+#d602
+{background-color:#545454}
+
+#d603
+{background-color:#545454}
+
+#d604
+{background-color:#525252}
+
+#d605
+{background-color:#525252}
+
+#d606
+{background-color:#4F4F4F}
+
+#d607
+{background-color:#4F4F4F}
+
+#d608
+{background-color:#4D4D4D}
+
+#d609
+{background-color:#4D4D4D}
+
+#d610
+{background-color:#4A4A4A}
+
+#d611
+{background-color:#4A4A4A}
+
+#d612
+{background-color:#474747}
+
+#d613
+{background-color:#474747}
+
+#d614
+{background-color:#454545}
+
+#d615
+{background-color:#454545}
+
+#d616
+{background-color:#424242}
+
+#d617
+{background-color:#424242}
+
+#d618
+{background-color:#404040}
+
+#d619
+{background-color:#404040}
+
+#d620
+{background-color:#3D3D3D}
+
+#d621
+{background-color:#3D3D3D}
+
+#d622
+{background-color:#3B3B3B}
+
+#d623
+{background-color:#3B3B3B}
+
+#d624
+{background-color:#383838}
+
+#d625
+{background-color:#383838}
+
+#d626
+{background-color:#363636}
+
+#d627
+{background-color:#363636}
+
+#d628
+{background-color:#333333}
+
+#d629
+{background-color:#333333}
+
+#d630
+{background-color:#303030}
+
+#d631
+{background-color:#303030}
+
+#d632
+{background-color:#2E2E2E}
+
+#d633
+{background-color:#2E2E2E}
+
+#d634
+{background-color:#2B2B2B}
+
+#d635
+{background-color:#2B2B2B}
+
+#d636
+{background-color:#292929}
+
+#d637
+{background-color:#292929}
+
+#d638
+{background-color:#262626}
+
+#d639
+{background-color:#262626}
+
+#d640
+{background-color:#242424}
+
+#d641
+{background-color:#242424}
+
+#d642
+{background-color:#212121}
+
+#d643
+{background-color:#212121}
+
+#d644
+{background-color:#1F1F1F}
+
+#d645
+{background-color:#1F1F1F}
+
+#d646
+{background-color:#1C1C1C}
+
+#d647
+{background-color:#1C1C1C}
+
+#d648
+{background-color:#1A1A1A}
+
+#d649
+{background-color:#1A1A1A}
+
+#d650
+{background-color:#171717}
+
+#d651
+{background-color:#171717}
+
+#d652
+{background-color:#141414}
+
+#d653
+{background-color:#141414}
+
+#d654
+{background-color:#121212}
+
+#d655
+{background-color:#121212}
+
+#d656
+{background-color:#0F0F0F}
+
+#d657
+{background-color:#0F0F0F}
+
+#d658
+{background-color:#0D0D0D}
+
+#d659
+{background-color:#0D0D0D}
+
+#d660
+{background-color:#0A0A0A}
+
+#d661
+{background-color:#0A0A0A}
+
+#d662
+{background-color:#080808}
+
+#d663
+{background-color:#080808}
+
+#d664
+{background-color:#050505}
+
+#d665
+{background-color:#050505}
+
+#d666
+{background-color:#030303}
+
+#d667
+{background-color:#030303}
+
+#d668
+{background-color:#000000}
+
+#d669
+{background-color:#000000}
+
+#d670
+{background-color:#000000}
+
+#d671
+{background-color:#000000}
+
+#d672
+{background-color:#000000}
+
+#d673
+{background-color:#000000}
+.colors
+{
+height:30;
+width:10px;
+}
+</style></head><body>
+<div id='colorpicker'>
+<div id='viewarea' class="panorama">
+<div id='container'>
+<div id='d0' class='colors'>
+snow</div>
+<div id='d1' class='colors'>
+snow1</div>
+<div id='d2' class='colors'>
+snow2</div>
+<div id='d3' class='colors'>
+RosyBrown1</div>
+<div id='d4' class='colors'>
+RosyBrown2</div>
+<div id='d5' class='colors'>
+snow3</div>
+<div id='d6' class='colors'>
+LightCoral</div>
+<div id='d7' class='colors'>
+IndianRed1</div>
+<div id='d8' class='colors'>
+RosyBrown3</div>
+<div id='d9' class='colors'>
+IndianRed2</div>
+<div id='d10' class='colors'>
+RosyBrown</div>
+<div id='d11' class='colors'>
+brown1</div>
+<div id='d12' class='colors'>
+firebrick1</div>
+<div id='d13' class='colors'>
+brown2</div>
+<div id='d14' class='colors'>
+IndianRed</div>
+<div id='d15' class='colors'>
+IndianRed3</div>
+<div id='d16' class='colors'>
+firebrick2</div>
+<div id='d17' class='colors'>
+snow4</div>
+<div id='d18' class='colors'>
+brown3</div>
+<div id='d19' class='colors'>
+red</div>
+<div id='d20' class='colors'>
+red1</div>
+<div id='d21' class='colors'>
+RosyBrown4</div>
+<div id='d22' class='colors'>
+firebrick3</div>
+<div id='d23' class='colors'>
+red2</div>
+<div id='d24' class='colors'>
+firebrick</div>
+<div id='d25' class='colors'>
+brown</div>
+<div id='d26' class='colors'>
+red3</div>
+<div id='d27' class='colors'>
+IndianRed4</div>
+<div id='d28' class='colors'>
+brown4</div>
+<div id='d29' class='colors'>
+firebrick4</div>
+<div id='d30' class='colors'>
+DarkRed</div>
+<div id='d31' class='colors'>
+red4</div>
+<div id='d32' class='colors'>
+maroon</div>
+<div id='d33' class='colors'>
+LightPink1</div>
+<div id='d34' class='colors'>
+LightPink3</div>
+<div id='d35' class='colors'>
+LightPink4</div>
+<div id='d36' class='colors'>
+LightPink2</div>
+<div id='d37' class='colors'>
+LightPink</div>
+<div id='d38' class='colors'>
+pink</div>
+<div id='d39' class='colors'>
+crimson</div>
+<div id='d40' class='colors'>
+pink1</div>
+<div id='d41' class='colors'>
+pink2</div>
+<div id='d42' class='colors'>
+pink3</div>
+<div id='d43' class='colors'>
+pink4</div>
+<div id='d44' class='colors'>
+PaleVioletRed4</div>
+<div id='d45' class='colors'>
+PaleVioletRed</div>
+<div id='d46' class='colors'>
+PaleVioletRed2</div>
+<div id='d47' class='colors'>
+PaleVioletRed1</div>
+<div id='d48' class='colors'>
+PaleVioletRed3</div>
+<div id='d49' class='colors'>
+LavenderBlush</div>
+<div id='d50' class='colors'>
+LavenderBlush1</div>
+<div id='d51' class='colors'>
+LavenderBlush3</div>
+<div id='d52' class='colors'>
+LavenderBlush2</div>
+<div id='d53' class='colors'>
+LavenderBlush4</div>
+<div id='d54' class='colors'>
+maroon</div>
+<div id='d55' class='colors'>
+HotPink3</div>
+<div id='d56' class='colors'>
+VioletRed3</div>
+<div id='d57' class='colors'>
+VioletRed1</div>
+<div id='d58' class='colors'>
+VioletRed2</div>
+<div id='d59' class='colors'>
+VioletRed4</div>
+<div id='d60' class='colors'>
+HotPink2</div>
+<div id='d61' class='colors'>
+HotPink1</div>
+<div id='d62' class='colors'>
+HotPink4</div>
+<div id='d63' class='colors'>
+HotPink</div>
+<div id='d64' class='colors'>
+DeepPink</div>
+<div id='d65' class='colors'>
+DeepPink1</div>
+<div id='d66' class='colors'>
+DeepPink2</div>
+<div id='d67' class='colors'>
+DeepPink3</div>
+<div id='d68' class='colors'>
+DeepPink4</div>
+<div id='d69' class='colors'>
+maroon1</div>
+<div id='d70' class='colors'>
+maroon2</div>
+<div id='d71' class='colors'>
+maroon3</div>
+<div id='d72' class='colors'>
+maroon4</div>
+<div id='d73' class='colors'>
+MediumVioletRed</div>
+<div id='d74' class='colors'>
+VioletRed</div>
+<div id='d75' class='colors'>
+orchid2</div>
+<div id='d76' class='colors'>
+orchid</div>
+<div id='d77' class='colors'>
+orchid1</div>
+<div id='d78' class='colors'>
+orchid3</div>
+<div id='d79' class='colors'>
+orchid4</div>
+<div id='d80' class='colors'>
+thistle1</div>
+<div id='d81' class='colors'>
+thistle2</div>
+<div id='d82' class='colors'>
+plum1</div>
+<div id='d83' class='colors'>
+plum2</div>
+<div id='d84' class='colors'>
+thistle</div>
+<div id='d85' class='colors'>
+thistle3</div>
+<div id='d86' class='colors'>
+plum</div>
+<div id='d87' class='colors'>
+violet</div>
+<div id='d88' class='colors'>
+plum3</div>
+<div id='d89' class='colors'>
+thistle4</div>
+<div id='d90' class='colors'>
+fuchsia</div>
+<div id='d91' class='colors'>
+magenta</div>
+<div id='d92' class='colors'>
+magenta1</div>
+<div id='d93' class='colors'>
+plum4</div>
+<div id='d94' class='colors'>
+magenta2</div>
+<div id='d95' class='colors'>
+magenta3</div>
+<div id='d96' class='colors'>
+DarkMagenta</div>
+<div id='d97' class='colors'>
+magenta4</div>
+<div id='d98' class='colors'>
+purple</div>
+<div id='d99' class='colors'>
+MediumOrchid</div>
+<div id='d100' class='colors'>
+MediumOrchid1</div>
+<div id='d101' class='colors'>
+MediumOrchid2</div>
+<div id='d102' class='colors'>
+MediumOrchid3</div>
+<div id='d103' class='colors'>
+MediumOrchid4</div>
+<div id='d104' class='colors'>
+DarkViolet</div>
+<div id='d105' class='colors'>
+DarkOrchid</div>
+<div id='d106' class='colors'>
+DarkOrchid1</div>
+<div id='d107' class='colors'>
+DarkOrchid3</div>
+<div id='d108' class='colors'>
+DarkOrchid2</div>
+<div id='d109' class='colors'>
+DarkOrchid4</div>
+<div id='d110' class='colors'>
+purple</div>
+<div id='d111' class='colors'>
+indigo</div>
+<div id='d112' class='colors'>
+BlueViolet</div>
+<div id='d113' class='colors'>
+purple2</div>
+<div id='d114' class='colors'>
+purple3</div>
+<div id='d115' class='colors'>
+purple4</div>
+<div id='d116' class='colors'>
+purple1</div>
+<div id='d117' class='colors'>
+MediumPurple</div>
+<div id='d118' class='colors'>
+MediumPurple1</div>
+<div id='d119' class='colors'>
+MediumPurple2</div>
+<div id='d120' class='colors'>
+MediumPurple3</div>
+<div id='d121' class='colors'>
+MediumPurple4</div>
+<div id='d122' class='colors'>
+DarkSlateBlue</div>
+<div id='d123' class='colors'>
+LightSlateBlue</div>
+<div id='d124' class='colors'>
+MediumSlateBlue</div>
+<div id='d125' class='colors'>
+SlateBlue</div>
+<div id='d126' class='colors'>
+SlateBlue1</div>
+<div id='d127' class='colors'>
+SlateBlue2</div>
+<div id='d128' class='colors'>
+SlateBlue3</div>
+<div id='d129' class='colors'>
+SlateBlue4</div>
+<div id='d130' class='colors'>
+GhostWhite</div>
+<div id='d131' class='colors'>
+lavender</div>
+<div id='d132' class='colors'>
+blue</div>
+<div id='d133' class='colors'>
+blue1</div>
+<div id='d134' class='colors'>
+blue2</div>
+<div id='d135' class='colors'>
+blue3</div>
+<div id='d136' class='colors'>
+MediumBlue</div>
+<div id='d137' class='colors'>
+blue4</div>
+<div id='d138' class='colors'>
+DarkBlue</div>
+<div id='d139' class='colors'>
+MidnightBlue</div>
+<div id='d140' class='colors'>
+navy</div>
+<div id='d141' class='colors'>
+NavyBlue</div>
+<div id='d142' class='colors'>
+RoyalBlue</div>
+<div id='d143' class='colors'>
+RoyalBlue1</div>
+<div id='d144' class='colors'>
+RoyalBlue2</div>
+<div id='d145' class='colors'>
+RoyalBlue3</div>
+<div id='d146' class='colors'>
+RoyalBlue4</div>
+<div id='d147' class='colors'>
+CornflowerBlue</div>
+<div id='d148' class='colors'>
+LightSteelBlue</div>
+<div id='d149' class='colors'>
+LightSteelBlue1</div>
+<div id='d150' class='colors'>
+LightSteelBlue2</div>
+<div id='d151' class='colors'>
+LightSteelBlue3</div>
+<div id='d152' class='colors'>
+LightSteelBlue4</div>
+<div id='d153' class='colors'>
+SlateGray4</div>
+<div id='d154' class='colors'>
+SlateGray1</div>
+<div id='d155' class='colors'>
+SlateGray2</div>
+<div id='d156' class='colors'>
+SlateGray3</div>
+<div id='d157' class='colors'>
+LightSlateGray</div>
+<div id='d158' class='colors'>
+LightSlateGrey</div>
+<div id='d159' class='colors'>
+SlateGray</div>
+<div id='d160' class='colors'>
+SlateGrey</div>
+<div id='d161' class='colors'>
+DodgerBlue</div>
+<div id='d162' class='colors'>
+DodgerBlue1</div>
+<div id='d163' class='colors'>
+DodgerBlue2</div>
+<div id='d164' class='colors'>
+DodgerBlue4</div>
+<div id='d165' class='colors'>
+DodgerBlue3</div>
+<div id='d166' class='colors'>
+AliceBlue</div>
+<div id='d167' class='colors'>
+SteelBlue4</div>
+<div id='d168' class='colors'>
+SteelBlue</div>
+<div id='d169' class='colors'>
+SteelBlue1</div>
+<div id='d170' class='colors'>
+SteelBlue2</div>
+<div id='d171' class='colors'>
+SteelBlue3</div>
+<div id='d172' class='colors'>
+SkyBlue4</div>
+<div id='d173' class='colors'>
+SkyBlue1</div>
+<div id='d174' class='colors'>
+SkyBlue2</div>
+<div id='d175' class='colors'>
+SkyBlue3</div>
+<div id='d176' class='colors'>
+LightSkyBlue</div>
+<div id='d177' class='colors'>
+LightSkyBlue4</div>
+<div id='d178' class='colors'>
+LightSkyBlue1</div>
+<div id='d179' class='colors'>
+LightSkyBlue2</div>
+<div id='d180' class='colors'>
+LightSkyBlue3</div>
+<div id='d181' class='colors'>
+SkyBlue</div>
+<div id='d182' class='colors'>
+LightBlue3</div>
+<div id='d183' class='colors'>
+DeepSkyBlue</div>
+<div id='d184' class='colors'>
+DeepSkyBlue1</div>
+<div id='d185' class='colors'>
+DeepSkyBlue2</div>
+<div id='d186' class='colors'>
+DeepSkyBlue4</div>
+<div id='d187' class='colors'>
+DeepSkyBlue3</div>
+<div id='d188' class='colors'>
+LightBlue1</div>
+<div id='d189' class='colors'>
+LightBlue2</div>
+<div id='d190' class='colors'>
+LightBlue</div>
+<div id='d191' class='colors'>
+LightBlue4</div>
+<div id='d192' class='colors'>
+PowderBlue</div>
+<div id='d193' class='colors'>
+CadetBlue1</div>
+<div id='d194' class='colors'>
+CadetBlue2</div>
+<div id='d195' class='colors'>
+CadetBlue3</div>
+<div id='d196' class='colors'>
+CadetBlue4</div>
+<div id='d197' class='colors'>
+turquoise1</div>
+<div id='d198' class='colors'>
+turquoise2</div>
+<div id='d199' class='colors'>
+turquoise3</div>
+<div id='d200' class='colors'>
+turquoise4</div>
+<div id='d201' class='colors'>
+cadet blue</div>
+<div id='d202' class='colors'>
+CadetBlue</div>
+<div id='d203' class='colors'>
+DarkTurquoise</div>
+<div id='d204' class='colors'>
+azure</div>
+<div id='d205' class='colors'>
+azure1</div>
+<div id='d206' class='colors'>
+LightCyan</div>
+<div id='d207' class='colors'>
+LightCyan1</div>
+<div id='d208' class='colors'>
+azure2</div>
+<div id='d209' class='colors'>
+LightCyan2</div>
+<div id='d210' class='colors'>
+PaleTurquoise1</div>
+<div id='d211' class='colors'>
+PaleTurquoise</div>
+<div id='d212' class='colors'>
+PaleTurquoise2</div>
+<div id='d213' class='colors'>
+DarkSlateGray1</div>
+<div id='d214' class='colors'>
+azure3</div>
+<div id='d215' class='colors'>
+LightCyan3</div>
+<div id='d216' class='colors'>
+DarkSlateGray2</div>
+<div id='d217' class='colors'>
+PaleTurquoise3</div>
+<div id='d218' class='colors'>
+DarkSlateGray3</div>
+<div id='d219' class='colors'>
+azure4</div>
+<div id='d220' class='colors'>
+LightCyan4</div>
+<div id='d221' class='colors'>
+aqua</div>
+<div id='d222' class='colors'>
+cyan</div>
+<div id='d223' class='colors'>
+cyan1</div>
+<div id='d224' class='colors'>
+PaleTurquoise4</div>
+<div id='d225' class='colors'>
+cyan2</div>
+<div id='d226' class='colors'>
+DarkSlateGray4</div>
+<div id='d227' class='colors'>
+cyan3</div>
+<div id='d228' class='colors'>
+cyan4</div>
+<div id='d229' class='colors'>
+DarkCyan</div>
+<div id='d230' class='colors'>
+teal</div>
+<div id='d231' class='colors'>
+DarkSlateGray</div>
+<div id='d232' class='colors'>
+DarkSlateGrey</div>
+<div id='d233' class='colors'>
+MediumTurquoise</div>
+<div id='d234' class='colors'>
+LightSeaGreen</div>
+<div id='d235' class='colors'>
+turquoise</div>
+<div id='d236' class='colors'>
+aquamarine4</div>
+<div id='d237' class='colors'>
+aquamarine</div>
+<div id='d238' class='colors'>
+aquamarine1</div>
+<div id='d239' class='colors'>
+aquamarine2</div>
+<div id='d240' class='colors'>
+aquamarine3</div>
+<div id='d241' class='colors'>
+MediumAquamarine</div>
+<div id='d242' class='colors'>
+MediumSpringGreen</div>
+<div id='d243' class='colors'>
+MintCream</div>
+<div id='d244' class='colors'>
+SpringGreen</div>
+<div id='d245' class='colors'>
+SpringGreen1</div>
+<div id='d246' class='colors'>
+SpringGreen2</div>
+<div id='d247' class='colors'>
+SpringGreen3</div>
+<div id='d248' class='colors'>
+SpringGreen4</div>
+<div id='d249' class='colors'>
+MediumSeaGreen</div>
+<div id='d250' class='colors'>
+SeaGreen</div>
+<div id='d251' class='colors'>
+SeaGreen3</div>
+<div id='d252' class='colors'>
+SeaGreen1</div>
+<div id='d253' class='colors'>
+SeaGreen4</div>
+<div id='d254' class='colors'>
+SeaGreen2</div>
+<div id='d255' class='colors'>
+MediumForestGreen</div>
+<div id='d256' class='colors'>
+honeydew</div>
+<div id='d257' class='colors'>
+honeydew1</div>
+<div id='d258' class='colors'>
+honeydew2</div>
+<div id='d259' class='colors'>
+DarkSeaGreen1</div>
+<div id='d260' class='colors'>
+DarkSeaGreen2</div>
+<div id='d261' class='colors'>
+PaleGreen1</div>
+<div id='d262' class='colors'>
+PaleGreen</div>
+<div id='d263' class='colors'>
+honeydew3</div>
+<div id='d264' class='colors'>
+LightGreen</div>
+<div id='d265' class='colors'>
+PaleGreen2</div>
+<div id='d266' class='colors'>
+DarkSeaGreen3</div>
+<div id='d267' class='colors'>
+DarkSeaGreen</div>
+<div id='d268' class='colors'>
+PaleGreen3</div>
+<div id='d269' class='colors'>
+honeydew4</div>
+<div id='d270' class='colors'>
+green1</div>
+<div id='d271' class='colors'>
+lime</div>
+<div id='d272' class='colors'>
+LimeGreen</div>
+<div id='d273' class='colors'>
+DarkSeaGreen4</div>
+<div id='d274' class='colors'>
+green2</div>
+<div id='d275' class='colors'>
+PaleGreen4</div>
+<div id='d276' class='colors'>
+green3</div>
+<div id='d277' class='colors'>
+ForestGreen</div>
+<div id='d278' class='colors'>
+green4</div>
+<div id='d279' class='colors'>
+green</div>
+<div id='d280' class='colors'>
+DarkGreen</div>
+<div id='d281' class='colors'>
+LawnGreen</div>
+<div id='d282' class='colors'>
+chartreuse</div>
+<div id='d283' class='colors'>
+chartreuse1</div>
+<div id='d284' class='colors'>
+chartreuse2</div>
+<div id='d285' class='colors'>
+chartreuse3</div>
+<div id='d286' class='colors'>
+chartreuse4</div>
+<div id='d287' class='colors'>
+GreenYellow</div>
+<div id='d288' class='colors'>
+DarkOliveGreen3</div>
+<div id='d289' class='colors'>
+DarkOliveGreen1</div>
+<div id='d290' class='colors'>
+DarkOliveGreen2</div>
+<div id='d291' class='colors'>
+DarkOliveGreen4</div>
+<div id='d292' class='colors'>
+DarkOliveGreen</div>
+<div id='d293' class='colors'>
+OliveDrab</div>
+<div id='d294' class='colors'>
+OliveDrab1</div>
+<div id='d295' class='colors'>
+OliveDrab2</div>
+<div id='d296' class='colors'>
+OliveDrab3</div>
+<div id='d297' class='colors'>
+YellowGreen</div>
+<div id='d298' class='colors'>
+OliveDrab4</div>
+<div id='d299' class='colors'>
+ivory</div>
+<div id='d300' class='colors'>
+ivory1</div>
+<div id='d301' class='colors'>
+LightYellow</div>
+<div id='d302' class='colors'>
+LightYellow1</div>
+<div id='d303' class='colors'>
+beige</div>
+<div id='d304' class='colors'>
+ivory2</div>
+<div id='d305' class='colors'>
+LightGoldenrodYellow</div>
+<div id='d306' class='colors'>
+LightYellow2</div>
+<div id='d307' class='colors'>
+ivory3</div>
+<div id='d308' class='colors'>
+LightYellow3</div>
+<div id='d309' class='colors'>
+ivory4</div>
+<div id='d310' class='colors'>
+LightYellow4</div>
+<div id='d311' class='colors'>
+yellow</div>
+<div id='d312' class='colors'>
+yellow1</div>
+<div id='d313' class='colors'>
+yellow2</div>
+<div id='d314' class='colors'>
+yellow3</div>
+<div id='d315' class='colors'>
+yellow4</div>
+<div id='d316' class='colors'>
+olive</div>
+<div id='d317' class='colors'>
+DarkKhaki</div>
+<div id='d318' class='colors'>
+khaki2</div>
+<div id='d319' class='colors'>
+LemonChiffon4</div>
+<div id='d320' class='colors'>
+khaki1</div>
+<div id='d321' class='colors'>
+khaki3</div>
+<div id='d322' class='colors'>
+khaki4</div>
+<div id='d323' class='colors'>
+PaleGoldenrod</div>
+<div id='d324' class='colors'>
+LemonChiffon</div>
+<div id='d325' class='colors'>
+LemonChiffon1</div>
+<div id='d326' class='colors'>
+khaki</div>
+<div id='d327' class='colors'>
+LemonChiffon3</div>
+<div id='d328' class='colors'>
+LemonChiffon2</div>
+<div id='d329' class='colors'>
+MediumGoldenRod</div>
+<div id='d330' class='colors'>
+cornsilk4</div>
+<div id='d331' class='colors'>
+gold</div>
+<div id='d332' class='colors'>
+gold1</div>
+<div id='d333' class='colors'>
+gold2</div>
+<div id='d334' class='colors'>
+gold3</div>
+<div id='d335' class='colors'>
+gold4</div>
+<div id='d336' class='colors'>
+LightGoldenrod</div>
+<div id='d337' class='colors'>
+LightGoldenrod4</div>
+<div id='d338' class='colors'>
+LightGoldenrod1</div>
+<div id='d339' class='colors'>
+LightGoldenrod3</div>
+<div id='d340' class='colors'>
+LightGoldenrod2</div>
+<div id='d341' class='colors'>
+cornsilk3</div>
+<div id='d342' class='colors'>
+cornsilk2</div>
+<div id='d343' class='colors'>
+cornsilk</div>
+<div id='d344' class='colors'>
+cornsilk1</div>
+<div id='d345' class='colors'>
+goldenrod</div>
+<div id='d346' class='colors'>
+goldenrod1</div>
+<div id='d347' class='colors'>
+goldenrod2</div>
+<div id='d348' class='colors'>
+goldenrod3</div>
+<div id='d349' class='colors'>
+goldenrod4</div>
+<div id='d350' class='colors'>
+DarkGoldenrod</div>
+<div id='d351' class='colors'>
+DarkGoldenrod1</div>
+<div id='d352' class='colors'>
+DarkGoldenrod2</div>
+<div id='d353' class='colors'>
+DarkGoldenrod3</div>
+<div id='d354' class='colors'>
+DarkGoldenrod4</div>
+<div id='d355' class='colors'>
+FloralWhite</div>
+<div id='d356' class='colors'>
+wheat2</div>
+<div id='d357' class='colors'>
+OldLace</div>
+<div id='d358' class='colors'>
+wheat</div>
+<div id='d359' class='colors'>
+wheat1</div>
+<div id='d360' class='colors'>
+wheat3</div>
+<div id='d361' class='colors'>
+orange</div>
+<div id='d362' class='colors'>
+orange1</div>
+<div id='d363' class='colors'>
+orange2</div>
+<div id='d364' class='colors'>
+orange3</div>
+<div id='d365' class='colors'>
+orange4</div>
+<div id='d366' class='colors'>
+wheat4</div>
+<div id='d367' class='colors'>
+moccasin</div>
+<div id='d368' class='colors'>
+PapayaWhip</div>
+<div id='d369' class='colors'>
+NavajoWhite3</div>
+<div id='d370' class='colors'>
+BlanchedAlmond</div>
+<div id='d371' class='colors'>
+NavajoWhite</div>
+<div id='d372' class='colors'>
+NavajoWhite1</div>
+<div id='d373' class='colors'>
+NavajoWhite2</div>
+<div id='d374' class='colors'>
+NavajoWhite4</div>
+<div id='d375' class='colors'>
+AntiqueWhite4</div>
+<div id='d376' class='colors'>
+AntiqueWhite</div>
+<div id='d377' class='colors'>
+tan</div>
+<div id='d378' class='colors'>
+bisque4</div>
+<div id='d379' class='colors'>
+burlywood</div>
+<div id='d380' class='colors'>
+AntiqueWhite2</div>
+<div id='d381' class='colors'>
+burlywood1</div>
+<div id='d382' class='colors'>
+burlywood3</div>
+<div id='d383' class='colors'>
+burlywood2</div>
+<div id='d384' class='colors'>
+AntiqueWhite1</div>
+<div id='d385' class='colors'>
+burlywood4</div>
+<div id='d386' class='colors'>
+AntiqueWhite3</div>
+<div id='d387' class='colors'>
+DarkOrange</div>
+<div id='d388' class='colors'>
+bisque2</div>
+<div id='d389' class='colors'>
+bisque</div>
+<div id='d390' class='colors'>
+bisque1</div>
+<div id='d391' class='colors'>
+bisque3</div>
+<div id='d392' class='colors'>
+DarkOrange1</div>
+<div id='d393' class='colors'>
+linen</div>
+<div id='d394' class='colors'>
+DarkOrange2</div>
+<div id='d395' class='colors'>
+DarkOrange3</div>
+<div id='d396' class='colors'>
+DarkOrange4</div>
+<div id='d397' class='colors'>
+peru</div>
+<div id='d398' class='colors'>
+tan1</div>
+<div id='d399' class='colors'>
+tan2</div>
+<div id='d400' class='colors'>
+tan3</div>
+<div id='d401' class='colors'>
+tan4</div>
+<div id='d402' class='colors'>
+PeachPuff</div>
+<div id='d403' class='colors'>
+PeachPuff1</div>
+<div id='d404' class='colors'>
+PeachPuff4</div>
+<div id='d405' class='colors'>
+PeachPuff2</div>
+<div id='d406' class='colors'>
+PeachPuff3</div>
+<div id='d407' class='colors'>
+SandyBrown</div>
+<div id='d408' class='colors'>
+seashell4</div>
+<div id='d409' class='colors'>
+seashell2</div>
+<div id='d410' class='colors'>
+seashell3</div>
+<div id='d411' class='colors'>
+chocolate</div>
+<div id='d412' class='colors'>
+chocolate1</div>
+<div id='d413' class='colors'>
+chocolate2</div>
+<div id='d414' class='colors'>
+chocolate3</div>
+<div id='d415' class='colors'>
+chocolate4</div>
+<div id='d416' class='colors'>
+SaddleBrown</div>
+<div id='d417' class='colors'>
+seashell</div>
+<div id='d418' class='colors'>
+seashell1</div>
+<div id='d419' class='colors'>
+sienna4</div>
+<div id='d420' class='colors'>
+sienna</div>
+<div id='d421' class='colors'>
+sienna1</div>
+<div id='d422' class='colors'>
+sienna2</div>
+<div id='d423' class='colors'>
+sienna3</div>
+<div id='d424' class='colors'>
+LightSalmon3</div>
+<div id='d425' class='colors'>
+LightSalmon</div>
+<div id='d426' class='colors'>
+LightSalmon1</div>
+<div id='d427' class='colors'>
+LightSalmon4</div>
+<div id='d428' class='colors'>
+LightSalmon2</div>
+<div id='d429' class='colors'>
+coral</div>
+<div id='d430' class='colors'>
+OrangeRed</div>
+<div id='d431' class='colors'>
+OrangeRed1</div>
+<div id='d432' class='colors'>
+OrangeRed2</div>
+<div id='d433' class='colors'>
+OrangeRed3</div>
+<div id='d434' class='colors'>
+OrangeRed4</div>
+<div id='d435' class='colors'>
+DarkSalmon</div>
+<div id='d436' class='colors'>
+salmon1</div>
+<div id='d437' class='colors'>
+salmon2</div>
+<div id='d438' class='colors'>
+salmon3</div>
+<div id='d439' class='colors'>
+salmon4</div>
+<div id='d440' class='colors'>
+coral1</div>
+<div id='d441' class='colors'>
+coral2</div>
+<div id='d442' class='colors'>
+coral3</div>
+<div id='d443' class='colors'>
+coral4</div>
+<div id='d444' class='colors'>
+tomato4</div>
+<div id='d445' class='colors'>
+tomato</div>
+<div id='d446' class='colors'>
+tomato1</div>
+<div id='d447' class='colors'>
+tomato2</div>
+<div id='d448' class='colors'>
+tomato3</div>
+<div id='d449' class='colors'>
+MistyRose4</div>
+<div id='d450' class='colors'>
+MistyRose2</div>
+<div id='d451' class='colors'>
+MistyRose</div>
+<div id='d452' class='colors'>
+MistyRose1</div>
+<div id='d453' class='colors'>
+salmon</div>
+<div id='d454' class='colors'>
+MistyRose3</div>
+<div id='d455' class='colors'>
+white</div>
+<div id='d456' class='colors'>
+gray100</div>
+<div id='d457' class='colors'>
+grey100</div>
+<div id='d458' class='colors'>
+grey100</div>
+<div id='d459' class='colors'>
+gray99</div>
+<div id='d460' class='colors'>
+grey99</div>
+<div id='d461' class='colors'>
+gray98</div>
+<div id='d462' class='colors'>
+grey98</div>
+<div id='d463' class='colors'>
+gray97</div>
+<div id='d464' class='colors'>
+grey97</div>
+<div id='d465' class='colors'>
+gray96</div>
+<div id='d466' class='colors'>
+grey96</div>
+<div id='d467' class='colors'>
+WhiteSmoke</div>
+<div id='d468' class='colors'>
+gray95</div>
+<div id='d469' class='colors'>
+grey95</div>
+<div id='d470' class='colors'>
+gray94</div>
+<div id='d471' class='colors'>
+grey94</div>
+<div id='d472' class='colors'>
+gray93</div>
+<div id='d473' class='colors'>
+grey93</div>
+<div id='d474' class='colors'>
+gray92</div>
+<div id='d475' class='colors'>
+grey92</div>
+<div id='d476' class='colors'>
+gray91</div>
+<div id='d477' class='colors'>
+grey91</div>
+<div id='d478' class='colors'>
+gray90</div>
+<div id='d479' class='colors'>
+grey90</div>
+<div id='d480' class='colors'>
+gray89</div>
+<div id='d481' class='colors'>
+grey89</div>
+<div id='d482' class='colors'>
+gray88</div>
+<div id='d483' class='colors'>
+grey88</div>
+<div id='d484' class='colors'>
+gray87</div>
+<div id='d485' class='colors'>
+grey87</div>
+<div id='d486' class='colors'>
+gainsboro</div>
+<div id='d487' class='colors'>
+gray86</div>
+<div id='d488' class='colors'>
+grey86</div>
+<div id='d489' class='colors'>
+gray85</div>
+<div id='d490' class='colors'>
+grey85</div>
+<div id='d491' class='colors'>
+gray84</div>
+<div id='d492' class='colors'>
+grey84</div>
+<div id='d493' class='colors'>
+gray83</div>
+<div id='d494' class='colors'>
+grey83</div>
+<div id='d495' class='colors'>
+LightGray</div>
+<div id='d496' class='colors'>
+LightGrey</div>
+<div id='d497' class='colors'>
+gray82</div>
+<div id='d498' class='colors'>
+grey82</div>
+<div id='d499' class='colors'>
+gray81</div>
+<div id='d500' class='colors'>
+grey81</div>
+<div id='d501' class='colors'>
+gray80</div>
+<div id='d502' class='colors'>
+grey80</div>
+<div id='d503' class='colors'>
+gray79</div>
+<div id='d504' class='colors'>
+grey79</div>
+<div id='d505' class='colors'>
+gray78</div>
+<div id='d506' class='colors'>
+grey78</div>
+<div id='d507' class='colors'>
+gray77</div>
+<div id='d508' class='colors'>
+grey77</div>
+<div id='d509' class='colors'>
+gray76</div>
+<div id='d510' class='colors'>
+grey76</div>
+<div id='d511' class='colors'>
+silver</div>
+<div id='d512' class='colors'>
+gray75</div>
+<div id='d513' class='colors'>
+grey75</div>
+<div id='d514' class='colors'>
+gray74</div>
+<div id='d515' class='colors'>
+grey74</div>
+<div id='d516' class='colors'>
+gray73</div>
+<div id='d517' class='colors'>
+grey73</div>
+<div id='d518' class='colors'>
+gray72</div>
+<div id='d519' class='colors'>
+grey72</div>
+<div id='d520' class='colors'>
+gray71</div>
+<div id='d521' class='colors'>
+grey71</div>
+<div id='d522' class='colors'>
+gray70</div>
+<div id='d523' class='colors'>
+grey70</div>
+<div id='d524' class='colors'>
+gray69</div>
+<div id='d525' class='colors'>
+grey69</div>
+<div id='d526' class='colors'>
+gray68</div>
+<div id='d527' class='colors'>
+grey68</div>
+<div id='d528' class='colors'>
+gray67</div>
+<div id='d529' class='colors'>
+grey67</div>
+<div id='d530' class='colors'>
+DarkGray</div>
+<div id='d531' class='colors'>
+DarkGrey</div>
+<div id='d532' class='colors'>
+gray66</div>
+<div id='d533' class='colors'>
+grey66</div>
+<div id='d534' class='colors'>
+gray65</div>
+<div id='d535' class='colors'>
+grey65</div>
+<div id='d536' class='colors'>
+gray64</div>
+<div id='d537' class='colors'>
+grey64</div>
+<div id='d538' class='colors'>
+gray63</div>
+<div id='d539' class='colors'>
+grey63</div>
+<div id='d540' class='colors'>
+gray62</div>
+<div id='d541' class='colors'>
+grey62</div>
+<div id='d542' class='colors'>
+gray61</div>
+<div id='d543' class='colors'>
+grey61</div>
+<div id='d544' class='colors'>
+gray60</div>
+<div id='d545' class='colors'>
+grey60</div>
+<div id='d546' class='colors'>
+gray59</div>
+<div id='d547' class='colors'>
+grey59</div>
+<div id='d548' class='colors'>
+gray58</div>
+<div id='d549' class='colors'>
+grey58</div>
+<div id='d550' class='colors'>
+gray57</div>
+<div id='d551' class='colors'>
+grey57</div>
+<div id='d552' class='colors'>
+gray56</div>
+<div id='d553' class='colors'>
+grey56</div>
+<div id='d554' class='colors'>
+gray55</div>
+<div id='d555' class='colors'>
+grey55</div>
+<div id='d556' class='colors'>
+gray54</div>
+<div id='d557' class='colors'>
+grey54</div>
+<div id='d558' class='colors'>
+gray53</div>
+<div id='d559' class='colors'>
+grey53</div>
+<div id='d560' class='colors'>
+gray52</div>
+<div id='d561' class='colors'>
+grey52</div>
+<div id='d562' class='colors'>
+gray51</div>
+<div id='d563' class='colors'>
+grey51</div>
+<div id='d564' class='colors'>
+fractal</div>
+<div id='d565' class='colors'>
+gray50</div>
+<div id='d566' class='colors'>
+grey50</div>
+<div id='d567' class='colors'>
+gray</div>
+<div id='d568' class='colors'>
+gray49</div>
+<div id='d569' class='colors'>
+grey49</div>
+<div id='d570' class='colors'>
+gray48</div>
+<div id='d571' class='colors'>
+grey48</div>
+<div id='d572' class='colors'>
+gray47</div>
+<div id='d573' class='colors'>
+grey47</div>
+<div id='d574' class='colors'>
+gray46</div>
+<div id='d575' class='colors'>
+grey46</div>
+<div id='d576' class='colors'>
+gray45</div>
+<div id='d577' class='colors'>
+grey45</div>
+<div id='d578' class='colors'>
+gray44</div>
+<div id='d579' class='colors'>
+grey44</div>
+<div id='d580' class='colors'>
+gray43</div>
+<div id='d581' class='colors'>
+grey43</div>
+<div id='d582' class='colors'>
+gray42</div>
+<div id='d583' class='colors'>
+grey42</div>
+<div id='d584' class='colors'>
+DimGray</div>
+<div id='d585' class='colors'>
+DimGrey</div>
+<div id='d586' class='colors'>
+gray41</div>
+<div id='d587' class='colors'>
+grey41</div>
+<div id='d588' class='colors'>
+gray40</div>
+<div id='d589' class='colors'>
+grey40</div>
+<div id='d590' class='colors'>
+gray39</div>
+<div id='d591' class='colors'>
+grey39</div>
+<div id='d592' class='colors'>
+gray38</div>
+<div id='d593' class='colors'>
+grey38</div>
+<div id='d594' class='colors'>
+gray37</div>
+<div id='d595' class='colors'>
+grey37</div>
+<div id='d596' class='colors'>
+gray36</div>
+<div id='d597' class='colors'>
+grey36</div>
+<div id='d598' class='colors'>
+gray35</div>
+<div id='d599' class='colors'>
+grey35</div>
+<div id='d600' class='colors'>
+gray34</div>
+<div id='d601' class='colors'>
+grey34</div>
+<div id='d602' class='colors'>
+gray33</div>
+<div id='d603' class='colors'>
+grey33</div>
+<div id='d604' class='colors'>
+gray32</div>
+<div id='d605' class='colors'>
+grey32</div>
+<div id='d606' class='colors'>
+gray31</div>
+<div id='d607' class='colors'>
+grey31</div>
+<div id='d608' class='colors'>
+gray30</div>
+<div id='d609' class='colors'>
+grey30</div>
+<div id='d610' class='colors'>
+gray29</div>
+<div id='d611' class='colors'>
+grey29</div>
+<div id='d612' class='colors'>
+gray28</div>
+<div id='d613' class='colors'>
+grey28</div>
+<div id='d614' class='colors'>
+gray27</div>
+<div id='d615' class='colors'>
+grey27</div>
+<div id='d616' class='colors'>
+gray26</div>
+<div id='d617' class='colors'>
+grey26</div>
+<div id='d618' class='colors'>
+gray25</div>
+<div id='d619' class='colors'>
+grey25</div>
+<div id='d620' class='colors'>
+gray24</div>
+<div id='d621' class='colors'>
+grey24</div>
+<div id='d622' class='colors'>
+gray23</div>
+<div id='d623' class='colors'>
+grey23</div>
+<div id='d624' class='colors'>
+gray22</div>
+<div id='d625' class='colors'>
+grey22</div>
+<div id='d626' class='colors'>
+gray21</div>
+<div id='d627' class='colors'>
+grey21</div>
+<div id='d628' class='colors'>
+gray20</div>
+<div id='d629' class='colors'>
+grey20</div>
+<div id='d630' class='colors'>
+gray19</div>
+<div id='d631' class='colors'>
+grey19</div>
+<div id='d632' class='colors'>
+gray18</div>
+<div id='d633' class='colors'>
+grey18</div>
+<div id='d634' class='colors'>
+gray17</div>
+<div id='d635' class='colors'>
+grey17</div>
+<div id='d636' class='colors'>
+gray16</div>
+<div id='d637' class='colors'>
+grey16</div>
+<div id='d638' class='colors'>
+gray15</div>
+<div id='d639' class='colors'>
+grey15</div>
+<div id='d640' class='colors'>
+gray14</div>
+<div id='d641' class='colors'>
+grey14</div>
+<div id='d642' class='colors'>
+gray13</div>
+<div id='d643' class='colors'>
+grey13</div>
+<div id='d644' class='colors'>
+gray12</div>
+<div id='d645' class='colors'>
+grey12</div>
+<div id='d646' class='colors'>
+gray11</div>
+<div id='d647' class='colors'>
+grey11</div>
+<div id='d648' class='colors'>
+gray10</div>
+<div id='d649' class='colors'>
+grey10</div>
+<div id='d650' class='colors'>
+gray9</div>
+<div id='d651' class='colors'>
+grey9</div>
+<div id='d652' class='colors'>
+gray8</div>
+<div id='d653' class='colors'>
+grey8</div>
+<div id='d654' class='colors'>
+gray7</div>
+<div id='d655' class='colors'>
+grey7</div>
+<div id='d656' class='colors'>
+gray6</div>
+<div id='d657' class='colors'>
+grey6</div>
+<div id='d658' class='colors'>
+gray5</div>
+<div id='d659' class='colors'>
+grey5</div>
+<div id='d660' class='colors'>
+gray4</div>
+<div id='d661' class='colors'>
+grey4</div>
+<div id='d662' class='colors'>
+gray3</div>
+<div id='d663' class='colors'>
+grey3</div>
+<div id='d664' class='colors'>
+gray2</div>
+<div id='d665' class='colors'>
+grey2</div>
+<div id='d666' class='colors'>
+gray1</div>
+<div id='d667' class='colors'>
+grey1</div>
+<div id='d668' class='colors'>
+black</div>
+<div id='d669' class='colors'>
+gray0</div>
+<div id='d670' class='colors'>
+grey0</div>
+<div id='d671' class='colors'>
+opaque</div>
+<div id='d672' class='colors'>
+none</div>
+<div id='d673' class='colors'>
+transparent</div>
+</div>
+</div>
+
+<div id='colornames'>
+CLICK TO CHOOSE THE COLOR
+</div>
+
+<div id='switches'>
+
+<span id='title'>OPTIONS</span>
+<div id='hexswitch' class='theswitches'>CLICK TO USE HEX KEYS</div>
+<br>
+<div id='infoswitch' class='theswitches'>CLICK TO TOGGLE PALATE INFO<span id='infospace'></span></div>
+<br>
+<div id='backgroundswitch' class='theswitches'>CLICK TO TOGGLE BACKGROUNDS</div>
+<br>
+<div id='preview'></div>
+<div id='nameholder'>YOU WILL CHOOSE:<input id='namespace' type='text'></input></div>
+<br>
+<span id='transparent'>to choose transparent as a color, click <span id='transbutton'>HERE</span></span>
+</div>
+</div>
+<script type='text/javascript' src='jquery-1.6.4.min.js'></script>
+<script type='text/javascript' src='colordict.js'></script>
+
+<script type='text/javascript'>
+
+
+//setup dimensions
+//////////////////
+
+function regolden(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num/ratio)
+	return newnum
+	}
+function goldenize(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num*ratio)
+	return newnum
+	}
+//turns css property width or height into an integer value
+function getproperty(idandselectr, propertystr)
+	{
+	grab = $(idandselectr).css(propertystr)
+	grab = grab.slice(0,-2)
+	numval = parseInt(grab)
+	return numval
+	}
+function makegolden(idandselectr, propertystr)
+	{
+	result = getproperty(idandselectr, propertystr)
+	newval = goldenize(result)
+	propval = newval.toString()+'px'
+	if(propertystr == 'height'){
+			$(idandselectr).css('width', propval)
+			}
+	else if(propertystr == 'width'){
+			$(idandselectr).css('height', propval)
+			}
+	}
+function shrinkwidth(arg){
+	for(var i=0; i < 5; i++){
+	arg = regolden(arg)
+	}
+	division = Math.round(arg)
+	return division
+}
+
+function makecolorswidth(){
+	colorswidth = shrinkwidth(window.innerWidth)
+	$('.colors').css('width', colorswidth.toString()+'px')
+}
+function makecolorsheight(){
+	result = getproperty('.colors', 'width')
+	newval = regolden(result)
+	propval = newval.toString()+'px'
+	$('.colors').css('height', propval)
+}
+//the following function sets up the font sizes 
+//inrelation to the size of the hexswitch font
+function setupfonts(){
+	var firstfont = getproperty('#hexswitch', 'font-size')
+	var finalfont = goldenize(firstfont)
+	$('#namespace').css('font-size', finalfont+'px')
+	$('#namespace').css('width', $('#switches').css('width'))
+	var secondfont = getproperty('#namespace', 'font-size')
+	var finalfont = goldenize(secondfont)
+	$('#colornames').css('font-size', finalfont+'px')
+	$('#colornames').css('text-shadow', 'black 1px 2px')
+	var transfont = regolden(firstfont)
+	$('#transparent').css('font-size', transfont+'px')
+}
+function getcontainerwidth(){
+	basis = $('.colors').css('width')
+	basis = parseInt(basis.slice(0,-2))
+	secondbasis = '2px'
+	secondbasis = parseInt(secondbasis.slice(0,-2))
+	widthval = (secondbasis*8)+(basis*4)+(goldenize(basis)-basis)
+	widthval = widthval.toString()+'px'
+	return widthval
+}
+
+function makecontainerwidth(){
+	var containerwidth = getcontainerwidth()
+	$('#container').css('width',containerwidth)
+	$('#viewarea').css('width',containerwidth)
+}
+
+
+function setupsides()
+	{
+	var	basis = $('#container').css('width')
+	basis = parseInt(basis.slice(0,-2))
+	remainder = (100-basis)/2
+	widths = regolden(basis)
+	widths = widths.toString()+'px'
+	lateralbasis = regolden(remainder)
+	leftside = toString(lateralbasis)+'%'
+	rightside = toString(100-lateralbasis)+'%'
+	$('#colornames').css('left', leftside)
+	$('#switches').css({'width': widths, 'left': rightside})
+	}
+function previewdimensions(){
+	first = $('#switches').css('width')
+	first = parseInt(first.slice(0,-2))
+	width = regolden(first)
+	height = regolden(width)
+	width = width.toString()+'px'
+	height = height.toString()+'px'
+	$('#preview').css({'width':width, 'height':height})
+}
+function setupdimensions(){
+makecolorswidth()
+setupfonts()
+makecolorsheight()
+makecontainerwidth()
+setupsides()
+makegolden('#switches','width')
+previewdimensions()
+}
+setupdimensions()
+$(window).resize(function(){setupdimensions()})
+//$(window).resize()(function(){setupdimensions()})
+
+//BEGIN STYLINGS//
+//////////////////
+
+
+var old = {};
+function hovercss(sel, uno){
+	
+	var chng = {};
+	chng['color'] = 'white';
+	chng['text-shadow'] = 'black 1px 2px';
+	chng['background-image'] = 'url(http://asdf.us/im/19/gradient_whitegray80_1321305183_1321305241_pepper_1321333403_pepper.jpg)';
+	if(uno == 'over'){
+		for(var key in chng){
+				old[key] = $('#'+sel).css(key)
+					}
+		for(var key in chng){
+				$('#'+sel).css(key, chng[key])
+					}
+			}
+	if(uno == 'out'){
+		for(var key in old){
+				$('#'+sel).css(key, old[key])
+					}
+			}
+}
+$('.theswitches').hover(function(){hovercss(this.id, 'over')}, function(){hovercss(this.id, 'out')})
+
+var transcss = {
+	'color':'#141414','box-shadow':'10px 10px 5px #141414',
+	'background-color':'#D1D1D1','color':'#141414',
+	'border-width':'2px','border-style':'outset','cursor':'pointer'}
+$('#transbutton').css(transcss)
+var hovertrans = {
+	'background-color':'DarkGrey','color':'#383838','box-shadow':'5px 5px 2px #141414'
+}
+$('#transbutton').hover(function(){$('#transbutton').css(hovertrans)},function(){$('#transbutton').css(transcss)})
+//threewayselector for what goes in the divs
+infostate = 1
+function switchinfo()
+	{
+	if(infostate == 0)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html(divtoname[divlist[i]])
+				};
+		infostate = 1
+		$('#infospace').html('(NAMES)');
+		}
+	else if(infostate == 1)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html("")
+				};
+		infostate = 2
+		$('#infospace').html('(NONE)');
+		}
+	else if(infostate == 2)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html(nametohex[divtoname[divlist[i]]])
+				};
+		infostate = 0
+		$('#infospace').html('(HEXES)');
+		}
+	}
+$('#infoswitch').hover(function(){$('#infospace').show()}, function(){$('#infospace').hide('slow')} )
+$('#infoswitch').click(function(){switchinfo()})
+
+
+backgroundstate = 2;
+function switchbackground()
+	{
+	if(backgroundstate == 1)
+		{
+		$('#colorpicker').css('background-color','black')
+		$('#colorpicker').css('background-image','url(http://dump.fm/static/img/bg.dither.gif)')
+		backgroundstate = 2;
+		$('#colornames').css('color', 'white')
+		$('#colornames').css('text-shadow', 'black 1px 2px')
+		}
+	else if(backgroundstate == 2)
+		{
+		$('#colorpicker').css('background-color','black')
+		$('#colorpicker').css('background-image', 'none')
+		backgroundstate = 0	
+		}
+	else if(backgroundstate == 0)
+		{
+		$('#colorpicker').css('background-color', 'white')
+		$('#colorpicker').css('background-image', 'none')
+		$('#colornames').css('color', 'grey')
+		backgroundstate = 1
+		}
+	}
+
+$('#backgroundswitch').click(function(){switchbackground()})
+
+//takes a div name and returns a colorname
+
+function showcolorname(divstr)
+
+		{
+		colorname = divtoname['#'+divstr]
+		hex = nametohex[colorname]
+			imname = hextoname[hex]
+		if (hexes == true)
+			{
+			imname = hex
+			}
+		
+		return imname
+		}
+function bigname(divstr)
+		{
+		colorname = showcolorname(divstr)
+		$('#colornames').html(colorname)
+		
+		}
+function writeit(text)
+		{
+		$('#colornames').append(text)
+		}
+function makebig(divstr)
+		{
+		firstheight = $('#'+divstr).height()
+		newheight = goldenize(firstheight)
+		$('#'+divstr).height(newheight)
+		}
+function makesmall(divstr)
+		{
+		oldheight = $('.colors').height()
+		$('#'+divstr).height(oldheight)
+		}
+var choice;
+$('.colors').hover(function() {
+   bigname(this.id);
+//	 makebig(this.id);
+//	 makegolden('#'+this.id, 'height')},
+//function(){
+//	 makesmall(this.id);
+//	 makegolden('#'+this.id, 'height')
+});
+$('.colors').mouseover(function(){
+							if(this.id != 'd0'){
+							makebig(this.id);
+							makegolden('#'+this.id, 'height')
+													}})
+$('.colors').mouseout(function(){
+							makesmall(this.id);
+							makegolden('#'+this.id,'height');
+													})
+$(".colors").hover(function(){
+$('#colornames').fadeOut(100);$('#colornames').fadeIn(500);
+	});
+$('.colors').css('margin-top', '2px')
+var hexes = false
+function hexswitch()
+		{
+		if(hexes == false)
+			{
+			$('#hexswitch').html('CLICK TO USE COLOR NAMES')
+			hexes = true;
+			var nameval = $('#namespace').val()
+			$('#namespace').val(nametohex[nameval])
+			}
+			
+		else
+			{
+			$('#hexswitch').html('CLICK TO USE HEX KEYS')
+			hexes = false;
+			var nameval = $('#namespace').val()
+			$('#namespace').val(hextoname[nameval])
+			}
+		}
+$('#hexswitch').click(function(){hexswitch()})
+
+$('.colors').click(function(){
+			putitin()	
+			})
+
+function putitin()
+		{
+		thecolor = $('#colornames').html()
+		$('#namespace').val(thecolor)
+		if(hexes == false){
+			$('#preview').css({'background-color': nametohex[thecolor], 'border-style':'none'})
+			}
+		else{
+			$('#preview').css('background-color', thecolor)
+			}
+				
+		}
+function transparent()
+	{
+	$('#namespace').val('transparent');
+	$('#preview').css({'background-color':'transparent','border-style':'dashed','border-width':'2px'})
+	}
+$('#transbutton').click(function(){transparent()})
+
+//$('#switches').bind('mousemove',function(e){ 
+//            $("#colornames").html(" e.pageY: " + e.pageY); 
+//});
+vt.start("viewarea", "container");
+
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/minimap.html b/frontend/imgrid/colors/minimap.html
new file mode 100755
index 0000000..5a5291e
--- /dev/null
+++ b/frontend/imgrid/colors/minimap.html
@@ -0,0 +1,3891 @@
+<html>
+<head>
+
+<style type='text/css'>
+
+body
+{
+margin:0;
+}
+
+#colorpicker
+{
+
+width:100%;
+font-family:helvetica; 
+font-size:10px; 
+//background-color: gray;
+//background-image: url("http://asdf.us/im/6f/gradient_bgdither_1321255670_pepper.gif");
+background-color: black;
+background-image: url("http://dump.fm/static/img/bg.dither.gif")
+
+}
+
+#container div
+{
+text-align:left;
+display: -moz-inline-stack;
+display:inline-block;
+vertical-align:bottom;
+min-height: 30px;
+zoom: 1;
+word-wrap: break-word;
+*display: inline;
+cursor:pointer;
+}
+
+#container
+{
+margin:0 auto;
+width:31%;
+padding-top:100px;
+padding-right:10px;
+padding-left:10px;
+text-align:center;
+overflow:auto;
+height:1000px;
+}
+
+#colornames
+{
+color:white;
+position:fixed;
+font-size:50px;
+top:50px;
+left:2%;
+width:400px;
+}
+
+#switches
+		{
+		position:fixed;
+		top:20px;
+		right:1%;
+		height:400px;
+		width:300px;
+		font-size:20px;
+		border-style: groove;
+		border-width: 4px;
+		background-color:gray;
+		padding:2px;
+		box-shadow: 10px 10px 5px #141414;
+		}
+
+#infoswitch, #hexswitch, #backgroundswitch
+		{
+		background-image:url(http://asdf.us/im/58/gradient_whitegray80_1321305183_1321305241_pepper.jpg);
+		cursor:pointer;
+		}
+#preview
+		{
+		height:150px;
+		}
+
+
+#holder
+		{
+		float:bottom;
+		}
+
+#transparent
+		{
+		font-size:12px;
+		}
+#namespace
+		{
+		width:inherit;
+		}
+#d0
+{background-color:#FFFAFA}
+
+#d1
+{background-color:#FFFAFA}
+
+#d2
+{background-color:#EEE9E9}
+
+#d3
+{background-color:#FFC1C1}
+
+#d4
+{background-color:#EEB4B4}
+
+#d5
+{background-color:#CDC9C9}
+
+#d6
+{background-color:#F08080}
+
+#d7
+{background-color:#FF6A6A}
+
+#d8
+{background-color:#CD9B9B}
+
+#d9
+{background-color:#EE6363}
+
+#d10
+{background-color:#BC8F8F}
+
+#d11
+{background-color:#FF4040}
+
+#d12
+{background-color:#FF3030}
+
+#d13
+{background-color:#EE3B3B}
+
+#d14
+{background-color:#CD5C5C}
+
+#d15
+{background-color:#CD5555}
+
+#d16
+{background-color:#EE2C2C}
+
+#d17
+{background-color:#8B8989}
+
+#d18
+{background-color:#CD3333}
+
+#d19
+{background-color:#FF0000}
+
+#d20
+{background-color:#FF0000}
+
+#d21
+{background-color:#8B6969}
+
+#d22
+{background-color:#CD2626}
+
+#d23
+{background-color:#EE0000}
+
+#d24
+{background-color:#B22222}
+
+#d25
+{background-color:#A52A2A}
+
+#d26
+{background-color:#CD0000}
+
+#d27
+{background-color:#8B3A3A}
+
+#d28
+{background-color:#8B2323}
+
+#d29
+{background-color:#8B1A1A}
+
+#d30
+{background-color:#8B0000}
+
+#d31
+{background-color:#8B0000}
+
+#d32
+{background-color:#800000}
+
+#d33
+{background-color:#FFAEB9}
+
+#d34
+{background-color:#CD8C95}
+
+#d35
+{background-color:#8B5F65}
+
+#d36
+{background-color:#EEA2AD}
+
+#d37
+{background-color:#FFB6C1}
+
+#d38
+{background-color:#FFC0CB}
+
+#d39
+{background-color:#DC143C}
+
+#d40
+{background-color:#FFB5C5}
+
+#d41
+{background-color:#EEA9B8}
+
+#d42
+{background-color:#CD919E}
+
+#d43
+{background-color:#8B636C}
+
+#d44
+{background-color:#8B475D}
+
+#d45
+{background-color:#DB7093}
+
+#d46
+{background-color:#EE799F}
+
+#d47
+{background-color:#FF82AB}
+
+#d48
+{background-color:#CD6889}
+
+#d49
+{background-color:#FFF0F5}
+
+#d50
+{background-color:#FFF0F5}
+
+#d51
+{background-color:#CDC1C5}
+
+#d52
+{background-color:#EEE0E5}
+
+#d53
+{background-color:#8B8386}
+
+#d54
+{background-color:#B03060}
+
+#d55
+{background-color:#CD6090}
+
+#d56
+{background-color:#CD3278}
+
+#d57
+{background-color:#FF3E96}
+
+#d58
+{background-color:#EE3A8C}
+
+#d59
+{background-color:#8B2252}
+
+#d60
+{background-color:#EE6AA7}
+
+#d61
+{background-color:#FF6EB4}
+
+#d62
+{background-color:#8B3A62}
+
+#d63
+{background-color:#FF69B4}
+
+#d64
+{background-color:#FF1493}
+
+#d65
+{background-color:#FF1493}
+
+#d66
+{background-color:#EE1289}
+
+#d67
+{background-color:#CD1076}
+
+#d68
+{background-color:#8B0A50}
+
+#d69
+{background-color:#FF34B3}
+
+#d70
+{background-color:#EE30A7}
+
+#d71
+{background-color:#CD2990}
+
+#d72
+{background-color:#8B1C62}
+
+#d73
+{background-color:#C71585}
+
+#d74
+{background-color:#D02090}
+
+#d75
+{background-color:#EE7AE9}
+
+#d76
+{background-color:#DA70D6}
+
+#d77
+{background-color:#FF83FA}
+
+#d78
+{background-color:#CD69C9}
+
+#d79
+{background-color:#8B4789}
+
+#d80
+{background-color:#FFE1FF}
+
+#d81
+{background-color:#EED2EE}
+
+#d82
+{background-color:#FFBBFF}
+
+#d83
+{background-color:#EEAEEE}
+
+#d84
+{background-color:#D8BFD8}
+
+#d85
+{background-color:#CDB5CD}
+
+#d86
+{background-color:#DDA0DD}
+
+#d87
+{background-color:#EE82EE}
+
+#d88
+{background-color:#CD96CD}
+
+#d89
+{background-color:#8B7B8B}
+
+#d90
+{background-color:#FF00FF}
+
+#d91
+{background-color:#FF00FF}
+
+#d92
+{background-color:#FF00FF}
+
+#d93
+{background-color:#8B668B}
+
+#d94
+{background-color:#EE00EE}
+
+#d95
+{background-color:#CD00CD}
+
+#d96
+{background-color:#8B008B}
+
+#d97
+{background-color:#8B008B}
+
+#d98
+{background-color:#800080}
+
+#d99
+{background-color:#BA55D3}
+
+#d100
+{background-color:#E066FF}
+
+#d101
+{background-color:#D15FEE}
+
+#d102
+{background-color:#B452CD}
+
+#d103
+{background-color:#7A378B}
+
+#d104
+{background-color:#9400D3}
+
+#d105
+{background-color:#9932CC}
+
+#d106
+{background-color:#BF3EFF}
+
+#d107
+{background-color:#9A32CD}
+
+#d108
+{background-color:#B23AEE}
+
+#d109
+{background-color:#68228B}
+
+#d110
+{background-color:#A020F0}
+
+#d111
+{background-color:#4B0082}
+
+#d112
+{background-color:#8A2BE2}
+
+#d113
+{background-color:#912CEE}
+
+#d114
+{background-color:#7D26CD}
+
+#d115
+{background-color:#551A8B}
+
+#d116
+{background-color:#9B30FF}
+
+#d117
+{background-color:#9370DB}
+
+#d118
+{background-color:#AB82FF}
+
+#d119
+{background-color:#9F79EE}
+
+#d120
+{background-color:#8968CD}
+
+#d121
+{background-color:#5D478B}
+
+#d122
+{background-color:#483D8B}
+
+#d123
+{background-color:#8470FF}
+
+#d124
+{background-color:#7B68EE}
+
+#d125
+{background-color:#6A5ACD}
+
+#d126
+{background-color:#836FFF}
+
+#d127
+{background-color:#7A67EE}
+
+#d128
+{background-color:#6959CD}
+
+#d129
+{background-color:#473C8B}
+
+#d130
+{background-color:#F8F8FF}
+
+#d131
+{background-color:#E6E6FA}
+
+#d132
+{background-color:#0000FF}
+
+#d133
+{background-color:#0000FF}
+
+#d134
+{background-color:#0000EE}
+
+#d135
+{background-color:#0000CD}
+
+#d136
+{background-color:#0000CD}
+
+#d137
+{background-color:#00008B}
+
+#d138
+{background-color:#00008B}
+
+#d139
+{background-color:#191970}
+
+#d140
+{background-color:#000080}
+
+#d141
+{background-color:#000080}
+
+#d142
+{background-color:#4169E1}
+
+#d143
+{background-color:#4876FF}
+
+#d144
+{background-color:#436EEE}
+
+#d145
+{background-color:#3A5FCD}
+
+#d146
+{background-color:#27408B}
+
+#d147
+{background-color:#6495ED}
+
+#d148
+{background-color:#B0C4DE}
+
+#d149
+{background-color:#CAE1FF}
+
+#d150
+{background-color:#BCD2EE}
+
+#d151
+{background-color:#A2B5CD}
+
+#d152
+{background-color:#6E7B8B}
+
+#d153
+{background-color:#6C7B8B}
+
+#d154
+{background-color:#C6E2FF}
+
+#d155
+{background-color:#B9D3EE}
+
+#d156
+{background-color:#9FB6CD}
+
+#d157
+{background-color:#778899}
+
+#d158
+{background-color:#778899}
+
+#d159
+{background-color:#708090}
+
+#d160
+{background-color:#708090}
+
+#d161
+{background-color:#1E90FF}
+
+#d162
+{background-color:#1E90FF}
+
+#d163
+{background-color:#1C86EE}
+
+#d164
+{background-color:#104E8B}
+
+#d165
+{background-color:#1874CD}
+
+#d166
+{background-color:#F0F8FF}
+
+#d167
+{background-color:#36648B}
+
+#d168
+{background-color:#4682B4}
+
+#d169
+{background-color:#63B8FF}
+
+#d170
+{background-color:#5CACEE}
+
+#d171
+{background-color:#4F94CD}
+
+#d172
+{background-color:#4A708B}
+
+#d173
+{background-color:#87CEFF}
+
+#d174
+{background-color:#7EC0EE}
+
+#d175
+{background-color:#6CA6CD}
+
+#d176
+{background-color:#87CEFA}
+
+#d177
+{background-color:#607B8B}
+
+#d178
+{background-color:#B0E2FF}
+
+#d179
+{background-color:#A4D3EE}
+
+#d180
+{background-color:#8DB6CD}
+
+#d181
+{background-color:#87CEEB}
+
+#d182
+{background-color:#9AC0CD}
+
+#d183
+{background-color:#00BFFF}
+
+#d184
+{background-color:#00BFFF}
+
+#d185
+{background-color:#00B2EE}
+
+#d186
+{background-color:#00688B}
+
+#d187
+{background-color:#009ACD}
+
+#d188
+{background-color:#BFEFFF}
+
+#d189
+{background-color:#B2DFEE}
+
+#d190
+{background-color:#ADD8E6}
+
+#d191
+{background-color:#68838B}
+
+#d192
+{background-color:#B0E0E6}
+
+#d193
+{background-color:#98F5FF}
+
+#d194
+{background-color:#8EE5EE}
+
+#d195
+{background-color:#7AC5CD}
+
+#d196
+{background-color:#53868B}
+
+#d197
+{background-color:#00F5FF}
+
+#d198
+{background-color:#00E5EE}
+
+#d199
+{background-color:#00C5CD}
+
+#d200
+{background-color:#00868B}
+
+#d201
+{background-color:#5F9EA0}
+
+#d202
+{background-color:#5F9EA0}
+
+#d203
+{background-color:#00CED1}
+
+#d204
+{background-color:#F0FFFF}
+
+#d205
+{background-color:#F0FFFF}
+
+#d206
+{background-color:#E0FFFF}
+
+#d207
+{background-color:#E0FFFF}
+
+#d208
+{background-color:#E0EEEE}
+
+#d209
+{background-color:#D1EEEE}
+
+#d210
+{background-color:#BBFFFF}
+
+#d211
+{background-color:#AFEEEE}
+
+#d212
+{background-color:#AEEEEE}
+
+#d213
+{background-color:#97FFFF}
+
+#d214
+{background-color:#C1CDCD}
+
+#d215
+{background-color:#B4CDCD}
+
+#d216
+{background-color:#8DEEEE}
+
+#d217
+{background-color:#96CDCD}
+
+#d218
+{background-color:#79CDCD}
+
+#d219
+{background-color:#838B8B}
+
+#d220
+{background-color:#7A8B8B}
+
+#d221
+{background-color:#00FFFF}
+
+#d222
+{background-color:#00FFFF}
+
+#d223
+{background-color:#00FFFF}
+
+#d224
+{background-color:#668B8B}
+
+#d225
+{background-color:#00EEEE}
+
+#d226
+{background-color:#528B8B}
+
+#d227
+{background-color:#00CDCD}
+
+#d228
+{background-color:#008B8B}
+
+#d229
+{background-color:#008B8B}
+
+#d230
+{background-color:#008080}
+
+#d231
+{background-color:#2F4F4F}
+
+#d232
+{background-color:#2F4F4F}
+
+#d233
+{background-color:#48D1CC}
+
+#d234
+{background-color:#20B2AA}
+
+#d235
+{background-color:#40E0D0}
+
+#d236
+{background-color:#458B74}
+
+#d237
+{background-color:#7FFFD4}
+
+#d238
+{background-color:#7FFFD4}
+
+#d239
+{background-color:#76EEC6}
+
+#d240
+{background-color:#66CDAA}
+
+#d241
+{background-color:#66CDAA}
+
+#d242
+{background-color:#00FA9A}
+
+#d243
+{background-color:#F5FFFA}
+
+#d244
+{background-color:#00FF7F}
+
+#d245
+{background-color:#00FF7F}
+
+#d246
+{background-color:#00EE76}
+
+#d247
+{background-color:#00CD66}
+
+#d248
+{background-color:#008B45}
+
+#d249
+{background-color:#3CB371}
+
+#d250
+{background-color:#2E8B57}
+
+#d251
+{background-color:#43CD80}
+
+#d252
+{background-color:#54FF9F}
+
+#d253
+{background-color:#2E8B57}
+
+#d254
+{background-color:#4EEE94}
+
+#d255
+{background-color:#32814B}
+
+#d256
+{background-color:#F0FFF0}
+
+#d257
+{background-color:#F0FFF0}
+
+#d258
+{background-color:#E0EEE0}
+
+#d259
+{background-color:#C1FFC1}
+
+#d260
+{background-color:#B4EEB4}
+
+#d261
+{background-color:#9AFF9A}
+
+#d262
+{background-color:#98FB98}
+
+#d263
+{background-color:#C1CDC1}
+
+#d264
+{background-color:#90EE90}
+
+#d265
+{background-color:#90EE90}
+
+#d266
+{background-color:#9BCD9B}
+
+#d267
+{background-color:#8FBC8F}
+
+#d268
+{background-color:#7CCD7C}
+
+#d269
+{background-color:#838B83}
+
+#d270
+{background-color:#00FF00}
+
+#d271
+{background-color:#00FF00}
+
+#d272
+{background-color:#32CD32}
+
+#d273
+{background-color:#698B69}
+
+#d274
+{background-color:#00EE00}
+
+#d275
+{background-color:#548B54}
+
+#d276
+{background-color:#00CD00}
+
+#d277
+{background-color:#228B22}
+
+#d278
+{background-color:#008B00}
+
+#d279
+{background-color:#008000}
+
+#d280
+{background-color:#006400}
+
+#d281
+{background-color:#7CFC00}
+
+#d282
+{background-color:#7FFF00}
+
+#d283
+{background-color:#7FFF00}
+
+#d284
+{background-color:#76EE00}
+
+#d285
+{background-color:#66CD00}
+
+#d286
+{background-color:#458B00}
+
+#d287
+{background-color:#ADFF2F}
+
+#d288
+{background-color:#A2CD5A}
+
+#d289
+{background-color:#CAFF70}
+
+#d290
+{background-color:#BCEE68}
+
+#d291
+{background-color:#6E8B3D}
+
+#d292
+{background-color:#556B2F}
+
+#d293
+{background-color:#6B8E23}
+
+#d294
+{background-color:#C0FF3E}
+
+#d295
+{background-color:#B3EE3A}
+
+#d296
+{background-color:#9ACD32}
+
+#d297
+{background-color:#9ACD32}
+
+#d298
+{background-color:#698B22}
+
+#d299
+{background-color:#FFFFF0}
+
+#d300
+{background-color:#FFFFF0}
+
+#d301
+{background-color:#FFFFE0}
+
+#d302
+{background-color:#FFFFE0}
+
+#d303
+{background-color:#F5F5DC}
+
+#d304
+{background-color:#EEEEE0}
+
+#d305
+{background-color:#FAFAD2}
+
+#d306
+{background-color:#EEEED1}
+
+#d307
+{background-color:#CDCDC1}
+
+#d308
+{background-color:#CDCDB4}
+
+#d309
+{background-color:#8B8B83}
+
+#d310
+{background-color:#8B8B7A}
+
+#d311
+{background-color:#FFFF00}
+
+#d312
+{background-color:#FFFF00}
+
+#d313
+{background-color:#EEEE00}
+
+#d314
+{background-color:#CDCD00}
+
+#d315
+{background-color:#8B8B00}
+
+#d316
+{background-color:#808000}
+
+#d317
+{background-color:#BDB76B}
+
+#d318
+{background-color:#EEE685}
+
+#d319
+{background-color:#8B8970}
+
+#d320
+{background-color:#FFF68F}
+
+#d321
+{background-color:#CDC673}
+
+#d322
+{background-color:#8B864E}
+
+#d323
+{background-color:#EEE8AA}
+
+#d324
+{background-color:#FFFACD}
+
+#d325
+{background-color:#FFFACD}
+
+#d326
+{background-color:#F0E68C}
+
+#d327
+{background-color:#CDC9A5}
+
+#d328
+{background-color:#EEE9BF}
+
+#d329
+{background-color:#D1C166}
+
+#d330
+{background-color:#8B8878}
+
+#d331
+{background-color:#FFD700}
+
+#d332
+{background-color:#FFD700}
+
+#d333
+{background-color:#EEC900}
+
+#d334
+{background-color:#CDAD00}
+
+#d335
+{background-color:#8B7500}
+
+#d336
+{background-color:#EEDD82}
+
+#d337
+{background-color:#8B814C}
+
+#d338
+{background-color:#FFEC8B}
+
+#d339
+{background-color:#CDBE70}
+
+#d340
+{background-color:#EEDC82}
+
+#d341
+{background-color:#CDC8B1}
+
+#d342
+{background-color:#EEE8CD}
+
+#d343
+{background-color:#FFF8DC}
+
+#d344
+{background-color:#FFF8DC}
+
+#d345
+{background-color:#DAA520}
+
+#d346
+{background-color:#FFC125}
+
+#d347
+{background-color:#EEB422}
+
+#d348
+{background-color:#CD9B1D}
+
+#d349
+{background-color:#8B6914}
+
+#d350
+{background-color:#B8860B}
+
+#d351
+{background-color:#FFB90F}
+
+#d352
+{background-color:#EEAD0E}
+
+#d353
+{background-color:#CD950C}
+
+#d354
+{background-color:#8B6508}
+
+#d355
+{background-color:#FFFAF0}
+
+#d356
+{background-color:#EED8AE}
+
+#d357
+{background-color:#FDF5E6}
+
+#d358
+{background-color:#F5DEB3}
+
+#d359
+{background-color:#FFE7BA}
+
+#d360
+{background-color:#CDBA96}
+
+#d361
+{background-color:#FFA500}
+
+#d362
+{background-color:#FFA500}
+
+#d363
+{background-color:#EE9A00}
+
+#d364
+{background-color:#CD8500}
+
+#d365
+{background-color:#8B5A00}
+
+#d366
+{background-color:#8B7E66}
+
+#d367
+{background-color:#FFE4B5}
+
+#d368
+{background-color:#FFEFD5}
+
+#d369
+{background-color:#CDB38B}
+
+#d370
+{background-color:#FFEBCD}
+
+#d371
+{background-color:#FFDEAD}
+
+#d372
+{background-color:#FFDEAD}
+
+#d373
+{background-color:#EECFA1}
+
+#d374
+{background-color:#8B795E}
+
+#d375
+{background-color:#8B8378}
+
+#d376
+{background-color:#FAEBD7}
+
+#d377
+{background-color:#D2B48C}
+
+#d378
+{background-color:#8B7D6B}
+
+#d379
+{background-color:#DEB887}
+
+#d380
+{background-color:#EEDFCC}
+
+#d381
+{background-color:#FFD39B}
+
+#d382
+{background-color:#CDAA7D}
+
+#d383
+{background-color:#EEC591}
+
+#d384
+{background-color:#FFEFDB}
+
+#d385
+{background-color:#8B7355}
+
+#d386
+{background-color:#CDC0B0}
+
+#d387
+{background-color:#FF8C00}
+
+#d388
+{background-color:#EED5B7}
+
+#d389
+{background-color:#FFE4C4}
+
+#d390
+{background-color:#FFE4C4}
+
+#d391
+{background-color:#CDB79E}
+
+#d392
+{background-color:#FF7F00}
+
+#d393
+{background-color:#FAF0E6}
+
+#d394
+{background-color:#EE7600}
+
+#d395
+{background-color:#CD6600}
+
+#d396
+{background-color:#8B4500}
+
+#d397
+{background-color:#CD853F}
+
+#d398
+{background-color:#FFA54F}
+
+#d399
+{background-color:#EE9A49}
+
+#d400
+{background-color:#CD853F}
+
+#d401
+{background-color:#8B5A2B}
+
+#d402
+{background-color:#FFDAB9}
+
+#d403
+{background-color:#FFDAB9}
+
+#d404
+{background-color:#8B7765}
+
+#d405
+{background-color:#EECBAD}
+
+#d406
+{background-color:#CDAF95}
+
+#d407
+{background-color:#F4A460}
+
+#d408
+{background-color:#8B8682}
+
+#d409
+{background-color:#EEE5DE}
+
+#d410
+{background-color:#CDC5BF}
+
+#d411
+{background-color:#D2691E}
+
+#d412
+{background-color:#FF7F24}
+
+#d413
+{background-color:#EE7621}
+
+#d414
+{background-color:#CD661D}
+
+#d415
+{background-color:#8B4513}
+
+#d416
+{background-color:#8B4513}
+
+#d417
+{background-color:#FFF5EE}
+
+#d418
+{background-color:#FFF5EE}
+
+#d419
+{background-color:#8B4726}
+
+#d420
+{background-color:#A0522D}
+
+#d421
+{background-color:#FF8247}
+
+#d422
+{background-color:#EE7942}
+
+#d423
+{background-color:#CD6839}
+
+#d424
+{background-color:#CD8162}
+
+#d425
+{background-color:#FFA07A}
+
+#d426
+{background-color:#FFA07A}
+
+#d427
+{background-color:#8B5742}
+
+#d428
+{background-color:#EE9572}
+
+#d429
+{background-color:#FF7F50}
+
+#d430
+{background-color:#FF4500}
+
+#d431
+{background-color:#FF4500}
+
+#d432
+{background-color:#EE4000}
+
+#d433
+{background-color:#CD3700}
+
+#d434
+{background-color:#8B2500}
+
+#d435
+{background-color:#E9967A}
+
+#d436
+{background-color:#FF8C69}
+
+#d437
+{background-color:#EE8262}
+
+#d438
+{background-color:#CD7054}
+
+#d439
+{background-color:#8B4C39}
+
+#d440
+{background-color:#FF7256}
+
+#d441
+{background-color:#EE6A50}
+
+#d442
+{background-color:#CD5B45}
+
+#d443
+{background-color:#8B3E2F}
+
+#d444
+{background-color:#8B3626}
+
+#d445
+{background-color:#FF6347}
+
+#d446
+{background-color:#FF6347}
+
+#d447
+{background-color:#EE5C42}
+
+#d448
+{background-color:#CD4F39}
+
+#d449
+{background-color:#8B7D7B}
+
+#d450
+{background-color:#EED5D2}
+
+#d451
+{background-color:#FFE4E1}
+
+#d452
+{background-color:#FFE4E1}
+
+#d453
+{background-color:#FA8072}
+
+#d454
+{background-color:#CDB7B5}
+
+#d455
+{background-color:#FFFFFF}
+
+#d456
+{background-color:#FFFFFF}
+
+#d457
+{background-color:#FFFFFF}
+
+#d458
+{background-color:#FFFFFF}
+
+#d459
+{background-color:#FCFCFC}
+
+#d460
+{background-color:#FCFCFC}
+
+#d461
+{background-color:#FAFAFA}
+
+#d462
+{background-color:#FAFAFA}
+
+#d463
+{background-color:#F7F7F7}
+
+#d464
+{background-color:#F7F7F7}
+
+#d465
+{background-color:#F5F5F5}
+
+#d466
+{background-color:#F5F5F5}
+
+#d467
+{background-color:#F5F5F5}
+
+#d468
+{background-color:#F2F2F2}
+
+#d469
+{background-color:#F2F2F2}
+
+#d470
+{background-color:#F0F0F0}
+
+#d471
+{background-color:#F0F0F0}
+
+#d472
+{background-color:#EDEDED}
+
+#d473
+{background-color:#EDEDED}
+
+#d474
+{background-color:#EBEBEB}
+
+#d475
+{background-color:#EBEBEB}
+
+#d476
+{background-color:#E8E8E8}
+
+#d477
+{background-color:#E8E8E8}
+
+#d478
+{background-color:#E5E5E5}
+
+#d479
+{background-color:#E5E5E5}
+
+#d480
+{background-color:#E3E3E3}
+
+#d481
+{background-color:#E3E3E3}
+
+#d482
+{background-color:#E0E0E0}
+
+#d483
+{background-color:#E0E0E0}
+
+#d484
+{background-color:#DEDEDE}
+
+#d485
+{background-color:#DEDEDE}
+
+#d486
+{background-color:#DCDCDC}
+
+#d487
+{background-color:#DBDBDB}
+
+#d488
+{background-color:#DBDBDB}
+
+#d489
+{background-color:#D9D9D9}
+
+#d490
+{background-color:#D9D9D9}
+
+#d491
+{background-color:#D6D6D6}
+
+#d492
+{background-color:#D6D6D6}
+
+#d493
+{background-color:#D4D4D4}
+
+#d494
+{background-color:#D4D4D4}
+
+#d495
+{background-color:#D3D3D3}
+
+#d496
+{background-color:#D3D3D3}
+
+#d497
+{background-color:#D1D1D1}
+
+#d498
+{background-color:#D1D1D1}
+
+#d499
+{background-color:#CFCFCF}
+
+#d500
+{background-color:#CFCFCF}
+
+#d501
+{background-color:#CCCCCC}
+
+#d502
+{background-color:#CCCCCC}
+
+#d503
+{background-color:#C9C9C9}
+
+#d504
+{background-color:#C9C9C9}
+
+#d505
+{background-color:#C7C7C7}
+
+#d506
+{background-color:#C7C7C7}
+
+#d507
+{background-color:#C4C4C4}
+
+#d508
+{background-color:#C4C4C4}
+
+#d509
+{background-color:#C2C2C2}
+
+#d510
+{background-color:#C2C2C2}
+
+#d511
+{background-color:#C0C0C0}
+
+#d512
+{background-color:#BFBFBF}
+
+#d513
+{background-color:#BFBFBF}
+
+#d514
+{background-color:#BDBDBD}
+
+#d515
+{background-color:#BDBDBD}
+
+#d516
+{background-color:#BABABA}
+
+#d517
+{background-color:#BABABA}
+
+#d518
+{background-color:#B8B8B8}
+
+#d519
+{background-color:#B8B8B8}
+
+#d520
+{background-color:#B5B5B5}
+
+#d521
+{background-color:#B5B5B5}
+
+#d522
+{background-color:#B3B3B3}
+
+#d523
+{background-color:#B3B3B3}
+
+#d524
+{background-color:#B0B0B0}
+
+#d525
+{background-color:#B0B0B0}
+
+#d526
+{background-color:#ADADAD}
+
+#d527
+{background-color:#ADADAD}
+
+#d528
+{background-color:#ABABAB}
+
+#d529
+{background-color:#ABABAB}
+
+#d530
+{background-color:#A9A9A9}
+
+#d531
+{background-color:#A9A9A9}
+
+#d532
+{background-color:#A8A8A8}
+
+#d533
+{background-color:#A8A8A8}
+
+#d534
+{background-color:#A6A6A6}
+
+#d535
+{background-color:#A6A6A6}
+
+#d536
+{background-color:#A3A3A3}
+
+#d537
+{background-color:#A3A3A3}
+
+#d538
+{background-color:#A1A1A1}
+
+#d539
+{background-color:#A1A1A1}
+
+#d540
+{background-color:#9E9E9E}
+
+#d541
+{background-color:#9E9E9E}
+
+#d542
+{background-color:#9C9C9C}
+
+#d543
+{background-color:#9C9C9C}
+
+#d544
+{background-color:#999999}
+
+#d545
+{background-color:#999999}
+
+#d546
+{background-color:#969696}
+
+#d547
+{background-color:#969696}
+
+#d548
+{background-color:#949494}
+
+#d549
+{background-color:#949494}
+
+#d550
+{background-color:#919191}
+
+#d551
+{background-color:#919191}
+
+#d552
+{background-color:#8F8F8F}
+
+#d553
+{background-color:#8F8F8F}
+
+#d554
+{background-color:#8C8C8C}
+
+#d555
+{background-color:#8C8C8C}
+
+#d556
+{background-color:#8A8A8A}
+
+#d557
+{background-color:#8A8A8A}
+
+#d558
+{background-color:#878787}
+
+#d559
+{background-color:#878787}
+
+#d560
+{background-color:#858585}
+
+#d561
+{background-color:#858585}
+
+#d562
+{background-color:#828282}
+
+#d563
+{background-color:#828282}
+
+#d564
+{background-color:#808080}
+
+#d565
+{background-color:#7F7F7F}
+
+#d566
+{background-color:#7F7F7F}
+
+#d567
+{background-color:#7E7E7E}
+
+#d568
+{background-color:#7D7D7D}
+
+#d569
+{background-color:#7D7D7D}
+
+#d570
+{background-color:#7A7A7A}
+
+#d571
+{background-color:#7A7A7A}
+
+#d572
+{background-color:#787878}
+
+#d573
+{background-color:#787878}
+
+#d574
+{background-color:#757575}
+
+#d575
+{background-color:#757575}
+
+#d576
+{background-color:#737373}
+
+#d577
+{background-color:#737373}
+
+#d578
+{background-color:#707070}
+
+#d579
+{background-color:#707070}
+
+#d580
+{background-color:#6E6E6E}
+
+#d581
+{background-color:#6E6E6E}
+
+#d582
+{background-color:#6B6B6B}
+
+#d583
+{background-color:#6B6B6B}
+
+#d584
+{background-color:#696969}
+
+#d585
+{background-color:#696969}
+
+#d586
+{background-color:#696969}
+
+#d587
+{background-color:#696969}
+
+#d588
+{background-color:#666666}
+
+#d589
+{background-color:#666666}
+
+#d590
+{background-color:#636363}
+
+#d591
+{background-color:#636363}
+
+#d592
+{background-color:#616161}
+
+#d593
+{background-color:#616161}
+
+#d594
+{background-color:#5E5E5E}
+
+#d595
+{background-color:#5E5E5E}
+
+#d596
+{background-color:#5C5C5C}
+
+#d597
+{background-color:#5C5C5C}
+
+#d598
+{background-color:#595959}
+
+#d599
+{background-color:#595959}
+
+#d600
+{background-color:#575757}
+
+#d601
+{background-color:#575757}
+
+#d602
+{background-color:#545454}
+
+#d603
+{background-color:#545454}
+
+#d604
+{background-color:#525252}
+
+#d605
+{background-color:#525252}
+
+#d606
+{background-color:#4F4F4F}
+
+#d607
+{background-color:#4F4F4F}
+
+#d608
+{background-color:#4D4D4D}
+
+#d609
+{background-color:#4D4D4D}
+
+#d610
+{background-color:#4A4A4A}
+
+#d611
+{background-color:#4A4A4A}
+
+#d612
+{background-color:#474747}
+
+#d613
+{background-color:#474747}
+
+#d614
+{background-color:#454545}
+
+#d615
+{background-color:#454545}
+
+#d616
+{background-color:#424242}
+
+#d617
+{background-color:#424242}
+
+#d618
+{background-color:#404040}
+
+#d619
+{background-color:#404040}
+
+#d620
+{background-color:#3D3D3D}
+
+#d621
+{background-color:#3D3D3D}
+
+#d622
+{background-color:#3B3B3B}
+
+#d623
+{background-color:#3B3B3B}
+
+#d624
+{background-color:#383838}
+
+#d625
+{background-color:#383838}
+
+#d626
+{background-color:#363636}
+
+#d627
+{background-color:#363636}
+
+#d628
+{background-color:#333333}
+
+#d629
+{background-color:#333333}
+
+#d630
+{background-color:#303030}
+
+#d631
+{background-color:#303030}
+
+#d632
+{background-color:#2E2E2E}
+
+#d633
+{background-color:#2E2E2E}
+
+#d634
+{background-color:#2B2B2B}
+
+#d635
+{background-color:#2B2B2B}
+
+#d636
+{background-color:#292929}
+
+#d637
+{background-color:#292929}
+
+#d638
+{background-color:#262626}
+
+#d639
+{background-color:#262626}
+
+#d640
+{background-color:#242424}
+
+#d641
+{background-color:#242424}
+
+#d642
+{background-color:#212121}
+
+#d643
+{background-color:#212121}
+
+#d644
+{background-color:#1F1F1F}
+
+#d645
+{background-color:#1F1F1F}
+
+#d646
+{background-color:#1C1C1C}
+
+#d647
+{background-color:#1C1C1C}
+
+#d648
+{background-color:#1A1A1A}
+
+#d649
+{background-color:#1A1A1A}
+
+#d650
+{background-color:#171717}
+
+#d651
+{background-color:#171717}
+
+#d652
+{background-color:#141414}
+
+#d653
+{background-color:#141414}
+
+#d654
+{background-color:#121212}
+
+#d655
+{background-color:#121212}
+
+#d656
+{background-color:#0F0F0F}
+
+#d657
+{background-color:#0F0F0F}
+
+#d658
+{background-color:#0D0D0D}
+
+#d659
+{background-color:#0D0D0D}
+
+#d660
+{background-color:#0A0A0A}
+
+#d661
+{background-color:#0A0A0A}
+
+#d662
+{background-color:#080808}
+
+#d663
+{background-color:#080808}
+
+#d664
+{background-color:#050505}
+
+#d665
+{background-color:#050505}
+
+#d666
+{background-color:#030303}
+
+#d667
+{background-color:#030303}
+
+#d668
+{background-color:#000000}
+
+#d669
+{background-color:#000000}
+
+#d670
+{background-color:#000000}
+
+#d671
+{background-color:#000000}
+
+#d672
+{background-color:#000000}
+
+#d673
+{background-color:#000000}
+.colors
+{
+height:30;
+width:10px;
+}
+</style></head><body>
+<div id='colorpicker'>
+<div id='container'>
+<div id='d0' class='colors'>
+snow</div>
+<div id='d1' class='colors'>
+snow1</div>
+<div id='d2' class='colors'>
+snow2</div>
+<div id='d3' class='colors'>
+RosyBrown1</div>
+<div id='d4' class='colors'>
+RosyBrown2</div>
+<div id='d5' class='colors'>
+snow3</div>
+<div id='d6' class='colors'>
+LightCoral</div>
+<div id='d7' class='colors'>
+IndianRed1</div>
+<div id='d8' class='colors'>
+RosyBrown3</div>
+<div id='d9' class='colors'>
+IndianRed2</div>
+<div id='d10' class='colors'>
+RosyBrown</div>
+<div id='d11' class='colors'>
+brown1</div>
+<div id='d12' class='colors'>
+firebrick1</div>
+<div id='d13' class='colors'>
+brown2</div>
+<div id='d14' class='colors'>
+IndianRed</div>
+<div id='d15' class='colors'>
+IndianRed3</div>
+<div id='d16' class='colors'>
+firebrick2</div>
+<div id='d17' class='colors'>
+snow4</div>
+<div id='d18' class='colors'>
+brown3</div>
+<div id='d19' class='colors'>
+red</div>
+<div id='d20' class='colors'>
+red1</div>
+<div id='d21' class='colors'>
+RosyBrown4</div>
+<div id='d22' class='colors'>
+firebrick3</div>
+<div id='d23' class='colors'>
+red2</div>
+<div id='d24' class='colors'>
+firebrick</div>
+<div id='d25' class='colors'>
+brown</div>
+<div id='d26' class='colors'>
+red3</div>
+<div id='d27' class='colors'>
+IndianRed4</div>
+<div id='d28' class='colors'>
+brown4</div>
+<div id='d29' class='colors'>
+firebrick4</div>
+<div id='d30' class='colors'>
+DarkRed</div>
+<div id='d31' class='colors'>
+red4</div>
+<div id='d32' class='colors'>
+maroon</div>
+<div id='d33' class='colors'>
+LightPink1</div>
+<div id='d34' class='colors'>
+LightPink3</div>
+<div id='d35' class='colors'>
+LightPink4</div>
+<div id='d36' class='colors'>
+LightPink2</div>
+<div id='d37' class='colors'>
+LightPink</div>
+<div id='d38' class='colors'>
+pink</div>
+<div id='d39' class='colors'>
+crimson</div>
+<div id='d40' class='colors'>
+pink1</div>
+<div id='d41' class='colors'>
+pink2</div>
+<div id='d42' class='colors'>
+pink3</div>
+<div id='d43' class='colors'>
+pink4</div>
+<div id='d44' class='colors'>
+PaleVioletRed4</div>
+<div id='d45' class='colors'>
+PaleVioletRed</div>
+<div id='d46' class='colors'>
+PaleVioletRed2</div>
+<div id='d47' class='colors'>
+PaleVioletRed1</div>
+<div id='d48' class='colors'>
+PaleVioletRed3</div>
+<div id='d49' class='colors'>
+LavenderBlush</div>
+<div id='d50' class='colors'>
+LavenderBlush1</div>
+<div id='d51' class='colors'>
+LavenderBlush3</div>
+<div id='d52' class='colors'>
+LavenderBlush2</div>
+<div id='d53' class='colors'>
+LavenderBlush4</div>
+<div id='d54' class='colors'>
+maroon</div>
+<div id='d55' class='colors'>
+HotPink3</div>
+<div id='d56' class='colors'>
+VioletRed3</div>
+<div id='d57' class='colors'>
+VioletRed1</div>
+<div id='d58' class='colors'>
+VioletRed2</div>
+<div id='d59' class='colors'>
+VioletRed4</div>
+<div id='d60' class='colors'>
+HotPink2</div>
+<div id='d61' class='colors'>
+HotPink1</div>
+<div id='d62' class='colors'>
+HotPink4</div>
+<div id='d63' class='colors'>
+HotPink</div>
+<div id='d64' class='colors'>
+DeepPink</div>
+<div id='d65' class='colors'>
+DeepPink1</div>
+<div id='d66' class='colors'>
+DeepPink2</div>
+<div id='d67' class='colors'>
+DeepPink3</div>
+<div id='d68' class='colors'>
+DeepPink4</div>
+<div id='d69' class='colors'>
+maroon1</div>
+<div id='d70' class='colors'>
+maroon2</div>
+<div id='d71' class='colors'>
+maroon3</div>
+<div id='d72' class='colors'>
+maroon4</div>
+<div id='d73' class='colors'>
+MediumVioletRed</div>
+<div id='d74' class='colors'>
+VioletRed</div>
+<div id='d75' class='colors'>
+orchid2</div>
+<div id='d76' class='colors'>
+orchid</div>
+<div id='d77' class='colors'>
+orchid1</div>
+<div id='d78' class='colors'>
+orchid3</div>
+<div id='d79' class='colors'>
+orchid4</div>
+<div id='d80' class='colors'>
+thistle1</div>
+<div id='d81' class='colors'>
+thistle2</div>
+<div id='d82' class='colors'>
+plum1</div>
+<div id='d83' class='colors'>
+plum2</div>
+<div id='d84' class='colors'>
+thistle</div>
+<div id='d85' class='colors'>
+thistle3</div>
+<div id='d86' class='colors'>
+plum</div>
+<div id='d87' class='colors'>
+violet</div>
+<div id='d88' class='colors'>
+plum3</div>
+<div id='d89' class='colors'>
+thistle4</div>
+<div id='d90' class='colors'>
+fuchsia</div>
+<div id='d91' class='colors'>
+magenta</div>
+<div id='d92' class='colors'>
+magenta1</div>
+<div id='d93' class='colors'>
+plum4</div>
+<div id='d94' class='colors'>
+magenta2</div>
+<div id='d95' class='colors'>
+magenta3</div>
+<div id='d96' class='colors'>
+DarkMagenta</div>
+<div id='d97' class='colors'>
+magenta4</div>
+<div id='d98' class='colors'>
+purple</div>
+<div id='d99' class='colors'>
+MediumOrchid</div>
+<div id='d100' class='colors'>
+MediumOrchid1</div>
+<div id='d101' class='colors'>
+MediumOrchid2</div>
+<div id='d102' class='colors'>
+MediumOrchid3</div>
+<div id='d103' class='colors'>
+MediumOrchid4</div>
+<div id='d104' class='colors'>
+DarkViolet</div>
+<div id='d105' class='colors'>
+DarkOrchid</div>
+<div id='d106' class='colors'>
+DarkOrchid1</div>
+<div id='d107' class='colors'>
+DarkOrchid3</div>
+<div id='d108' class='colors'>
+DarkOrchid2</div>
+<div id='d109' class='colors'>
+DarkOrchid4</div>
+<div id='d110' class='colors'>
+purple</div>
+<div id='d111' class='colors'>
+indigo</div>
+<div id='d112' class='colors'>
+BlueViolet</div>
+<div id='d113' class='colors'>
+purple2</div>
+<div id='d114' class='colors'>
+purple3</div>
+<div id='d115' class='colors'>
+purple4</div>
+<div id='d116' class='colors'>
+purple1</div>
+<div id='d117' class='colors'>
+MediumPurple</div>
+<div id='d118' class='colors'>
+MediumPurple1</div>
+<div id='d119' class='colors'>
+MediumPurple2</div>
+<div id='d120' class='colors'>
+MediumPurple3</div>
+<div id='d121' class='colors'>
+MediumPurple4</div>
+<div id='d122' class='colors'>
+DarkSlateBlue</div>
+<div id='d123' class='colors'>
+LightSlateBlue</div>
+<div id='d124' class='colors'>
+MediumSlateBlue</div>
+<div id='d125' class='colors'>
+SlateBlue</div>
+<div id='d126' class='colors'>
+SlateBlue1</div>
+<div id='d127' class='colors'>
+SlateBlue2</div>
+<div id='d128' class='colors'>
+SlateBlue3</div>
+<div id='d129' class='colors'>
+SlateBlue4</div>
+<div id='d130' class='colors'>
+GhostWhite</div>
+<div id='d131' class='colors'>
+lavender</div>
+<div id='d132' class='colors'>
+blue</div>
+<div id='d133' class='colors'>
+blue1</div>
+<div id='d134' class='colors'>
+blue2</div>
+<div id='d135' class='colors'>
+blue3</div>
+<div id='d136' class='colors'>
+MediumBlue</div>
+<div id='d137' class='colors'>
+blue4</div>
+<div id='d138' class='colors'>
+DarkBlue</div>
+<div id='d139' class='colors'>
+MidnightBlue</div>
+<div id='d140' class='colors'>
+navy</div>
+<div id='d141' class='colors'>
+NavyBlue</div>
+<div id='d142' class='colors'>
+RoyalBlue</div>
+<div id='d143' class='colors'>
+RoyalBlue1</div>
+<div id='d144' class='colors'>
+RoyalBlue2</div>
+<div id='d145' class='colors'>
+RoyalBlue3</div>
+<div id='d146' class='colors'>
+RoyalBlue4</div>
+<div id='d147' class='colors'>
+CornflowerBlue</div>
+<div id='d148' class='colors'>
+LightSteelBlue</div>
+<div id='d149' class='colors'>
+LightSteelBlue1</div>
+<div id='d150' class='colors'>
+LightSteelBlue2</div>
+<div id='d151' class='colors'>
+LightSteelBlue3</div>
+<div id='d152' class='colors'>
+LightSteelBlue4</div>
+<div id='d153' class='colors'>
+SlateGray4</div>
+<div id='d154' class='colors'>
+SlateGray1</div>
+<div id='d155' class='colors'>
+SlateGray2</div>
+<div id='d156' class='colors'>
+SlateGray3</div>
+<div id='d157' class='colors'>
+LightSlateGray</div>
+<div id='d158' class='colors'>
+LightSlateGrey</div>
+<div id='d159' class='colors'>
+SlateGray</div>
+<div id='d160' class='colors'>
+SlateGrey</div>
+<div id='d161' class='colors'>
+DodgerBlue</div>
+<div id='d162' class='colors'>
+DodgerBlue1</div>
+<div id='d163' class='colors'>
+DodgerBlue2</div>
+<div id='d164' class='colors'>
+DodgerBlue4</div>
+<div id='d165' class='colors'>
+DodgerBlue3</div>
+<div id='d166' class='colors'>
+AliceBlue</div>
+<div id='d167' class='colors'>
+SteelBlue4</div>
+<div id='d168' class='colors'>
+SteelBlue</div>
+<div id='d169' class='colors'>
+SteelBlue1</div>
+<div id='d170' class='colors'>
+SteelBlue2</div>
+<div id='d171' class='colors'>
+SteelBlue3</div>
+<div id='d172' class='colors'>
+SkyBlue4</div>
+<div id='d173' class='colors'>
+SkyBlue1</div>
+<div id='d174' class='colors'>
+SkyBlue2</div>
+<div id='d175' class='colors'>
+SkyBlue3</div>
+<div id='d176' class='colors'>
+LightSkyBlue</div>
+<div id='d177' class='colors'>
+LightSkyBlue4</div>
+<div id='d178' class='colors'>
+LightSkyBlue1</div>
+<div id='d179' class='colors'>
+LightSkyBlue2</div>
+<div id='d180' class='colors'>
+LightSkyBlue3</div>
+<div id='d181' class='colors'>
+SkyBlue</div>
+<div id='d182' class='colors'>
+LightBlue3</div>
+<div id='d183' class='colors'>
+DeepSkyBlue</div>
+<div id='d184' class='colors'>
+DeepSkyBlue1</div>
+<div id='d185' class='colors'>
+DeepSkyBlue2</div>
+<div id='d186' class='colors'>
+DeepSkyBlue4</div>
+<div id='d187' class='colors'>
+DeepSkyBlue3</div>
+<div id='d188' class='colors'>
+LightBlue1</div>
+<div id='d189' class='colors'>
+LightBlue2</div>
+<div id='d190' class='colors'>
+LightBlue</div>
+<div id='d191' class='colors'>
+LightBlue4</div>
+<div id='d192' class='colors'>
+PowderBlue</div>
+<div id='d193' class='colors'>
+CadetBlue1</div>
+<div id='d194' class='colors'>
+CadetBlue2</div>
+<div id='d195' class='colors'>
+CadetBlue3</div>
+<div id='d196' class='colors'>
+CadetBlue4</div>
+<div id='d197' class='colors'>
+turquoise1</div>
+<div id='d198' class='colors'>
+turquoise2</div>
+<div id='d199' class='colors'>
+turquoise3</div>
+<div id='d200' class='colors'>
+turquoise4</div>
+<div id='d201' class='colors'>
+cadet blue</div>
+<div id='d202' class='colors'>
+CadetBlue</div>
+<div id='d203' class='colors'>
+DarkTurquoise</div>
+<div id='d204' class='colors'>
+azure</div>
+<div id='d205' class='colors'>
+azure1</div>
+<div id='d206' class='colors'>
+LightCyan</div>
+<div id='d207' class='colors'>
+LightCyan1</div>
+<div id='d208' class='colors'>
+azure2</div>
+<div id='d209' class='colors'>
+LightCyan2</div>
+<div id='d210' class='colors'>
+PaleTurquoise1</div>
+<div id='d211' class='colors'>
+PaleTurquoise</div>
+<div id='d212' class='colors'>
+PaleTurquoise2</div>
+<div id='d213' class='colors'>
+DarkSlateGray1</div>
+<div id='d214' class='colors'>
+azure3</div>
+<div id='d215' class='colors'>
+LightCyan3</div>
+<div id='d216' class='colors'>
+DarkSlateGray2</div>
+<div id='d217' class='colors'>
+PaleTurquoise3</div>
+<div id='d218' class='colors'>
+DarkSlateGray3</div>
+<div id='d219' class='colors'>
+azure4</div>
+<div id='d220' class='colors'>
+LightCyan4</div>
+<div id='d221' class='colors'>
+aqua</div>
+<div id='d222' class='colors'>
+cyan</div>
+<div id='d223' class='colors'>
+cyan1</div>
+<div id='d224' class='colors'>
+PaleTurquoise4</div>
+<div id='d225' class='colors'>
+cyan2</div>
+<div id='d226' class='colors'>
+DarkSlateGray4</div>
+<div id='d227' class='colors'>
+cyan3</div>
+<div id='d228' class='colors'>
+cyan4</div>
+<div id='d229' class='colors'>
+DarkCyan</div>
+<div id='d230' class='colors'>
+teal</div>
+<div id='d231' class='colors'>
+DarkSlateGray</div>
+<div id='d232' class='colors'>
+DarkSlateGrey</div>
+<div id='d233' class='colors'>
+MediumTurquoise</div>
+<div id='d234' class='colors'>
+LightSeaGreen</div>
+<div id='d235' class='colors'>
+turquoise</div>
+<div id='d236' class='colors'>
+aquamarine4</div>
+<div id='d237' class='colors'>
+aquamarine</div>
+<div id='d238' class='colors'>
+aquamarine1</div>
+<div id='d239' class='colors'>
+aquamarine2</div>
+<div id='d240' class='colors'>
+aquamarine3</div>
+<div id='d241' class='colors'>
+MediumAquamarine</div>
+<div id='d242' class='colors'>
+MediumSpringGreen</div>
+<div id='d243' class='colors'>
+MintCream</div>
+<div id='d244' class='colors'>
+SpringGreen</div>
+<div id='d245' class='colors'>
+SpringGreen1</div>
+<div id='d246' class='colors'>
+SpringGreen2</div>
+<div id='d247' class='colors'>
+SpringGreen3</div>
+<div id='d248' class='colors'>
+SpringGreen4</div>
+<div id='d249' class='colors'>
+MediumSeaGreen</div>
+<div id='d250' class='colors'>
+SeaGreen</div>
+<div id='d251' class='colors'>
+SeaGreen3</div>
+<div id='d252' class='colors'>
+SeaGreen1</div>
+<div id='d253' class='colors'>
+SeaGreen4</div>
+<div id='d254' class='colors'>
+SeaGreen2</div>
+<div id='d255' class='colors'>
+MediumForestGreen</div>
+<div id='d256' class='colors'>
+honeydew</div>
+<div id='d257' class='colors'>
+honeydew1</div>
+<div id='d258' class='colors'>
+honeydew2</div>
+<div id='d259' class='colors'>
+DarkSeaGreen1</div>
+<div id='d260' class='colors'>
+DarkSeaGreen2</div>
+<div id='d261' class='colors'>
+PaleGreen1</div>
+<div id='d262' class='colors'>
+PaleGreen</div>
+<div id='d263' class='colors'>
+honeydew3</div>
+<div id='d264' class='colors'>
+LightGreen</div>
+<div id='d265' class='colors'>
+PaleGreen2</div>
+<div id='d266' class='colors'>
+DarkSeaGreen3</div>
+<div id='d267' class='colors'>
+DarkSeaGreen</div>
+<div id='d268' class='colors'>
+PaleGreen3</div>
+<div id='d269' class='colors'>
+honeydew4</div>
+<div id='d270' class='colors'>
+green1</div>
+<div id='d271' class='colors'>
+lime</div>
+<div id='d272' class='colors'>
+LimeGreen</div>
+<div id='d273' class='colors'>
+DarkSeaGreen4</div>
+<div id='d274' class='colors'>
+green2</div>
+<div id='d275' class='colors'>
+PaleGreen4</div>
+<div id='d276' class='colors'>
+green3</div>
+<div id='d277' class='colors'>
+ForestGreen</div>
+<div id='d278' class='colors'>
+green4</div>
+<div id='d279' class='colors'>
+green</div>
+<div id='d280' class='colors'>
+DarkGreen</div>
+<div id='d281' class='colors'>
+LawnGreen</div>
+<div id='d282' class='colors'>
+chartreuse</div>
+<div id='d283' class='colors'>
+chartreuse1</div>
+<div id='d284' class='colors'>
+chartreuse2</div>
+<div id='d285' class='colors'>
+chartreuse3</div>
+<div id='d286' class='colors'>
+chartreuse4</div>
+<div id='d287' class='colors'>
+GreenYellow</div>
+<div id='d288' class='colors'>
+DarkOliveGreen3</div>
+<div id='d289' class='colors'>
+DarkOliveGreen1</div>
+<div id='d290' class='colors'>
+DarkOliveGreen2</div>
+<div id='d291' class='colors'>
+DarkOliveGreen4</div>
+<div id='d292' class='colors'>
+DarkOliveGreen</div>
+<div id='d293' class='colors'>
+OliveDrab</div>
+<div id='d294' class='colors'>
+OliveDrab1</div>
+<div id='d295' class='colors'>
+OliveDrab2</div>
+<div id='d296' class='colors'>
+OliveDrab3</div>
+<div id='d297' class='colors'>
+YellowGreen</div>
+<div id='d298' class='colors'>
+OliveDrab4</div>
+<div id='d299' class='colors'>
+ivory</div>
+<div id='d300' class='colors'>
+ivory1</div>
+<div id='d301' class='colors'>
+LightYellow</div>
+<div id='d302' class='colors'>
+LightYellow1</div>
+<div id='d303' class='colors'>
+beige</div>
+<div id='d304' class='colors'>
+ivory2</div>
+<div id='d305' class='colors'>
+LightGoldenrodYellow</div>
+<div id='d306' class='colors'>
+LightYellow2</div>
+<div id='d307' class='colors'>
+ivory3</div>
+<div id='d308' class='colors'>
+LightYellow3</div>
+<div id='d309' class='colors'>
+ivory4</div>
+<div id='d310' class='colors'>
+LightYellow4</div>
+<div id='d311' class='colors'>
+yellow</div>
+<div id='d312' class='colors'>
+yellow1</div>
+<div id='d313' class='colors'>
+yellow2</div>
+<div id='d314' class='colors'>
+yellow3</div>
+<div id='d315' class='colors'>
+yellow4</div>
+<div id='d316' class='colors'>
+olive</div>
+<div id='d317' class='colors'>
+DarkKhaki</div>
+<div id='d318' class='colors'>
+khaki2</div>
+<div id='d319' class='colors'>
+LemonChiffon4</div>
+<div id='d320' class='colors'>
+khaki1</div>
+<div id='d321' class='colors'>
+khaki3</div>
+<div id='d322' class='colors'>
+khaki4</div>
+<div id='d323' class='colors'>
+PaleGoldenrod</div>
+<div id='d324' class='colors'>
+LemonChiffon</div>
+<div id='d325' class='colors'>
+LemonChiffon1</div>
+<div id='d326' class='colors'>
+khaki</div>
+<div id='d327' class='colors'>
+LemonChiffon3</div>
+<div id='d328' class='colors'>
+LemonChiffon2</div>
+<div id='d329' class='colors'>
+MediumGoldenRod</div>
+<div id='d330' class='colors'>
+cornsilk4</div>
+<div id='d331' class='colors'>
+gold</div>
+<div id='d332' class='colors'>
+gold1</div>
+<div id='d333' class='colors'>
+gold2</div>
+<div id='d334' class='colors'>
+gold3</div>
+<div id='d335' class='colors'>
+gold4</div>
+<div id='d336' class='colors'>
+LightGoldenrod</div>
+<div id='d337' class='colors'>
+LightGoldenrod4</div>
+<div id='d338' class='colors'>
+LightGoldenrod1</div>
+<div id='d339' class='colors'>
+LightGoldenrod3</div>
+<div id='d340' class='colors'>
+LightGoldenrod2</div>
+<div id='d341' class='colors'>
+cornsilk3</div>
+<div id='d342' class='colors'>
+cornsilk2</div>
+<div id='d343' class='colors'>
+cornsilk</div>
+<div id='d344' class='colors'>
+cornsilk1</div>
+<div id='d345' class='colors'>
+goldenrod</div>
+<div id='d346' class='colors'>
+goldenrod1</div>
+<div id='d347' class='colors'>
+goldenrod2</div>
+<div id='d348' class='colors'>
+goldenrod3</div>
+<div id='d349' class='colors'>
+goldenrod4</div>
+<div id='d350' class='colors'>
+DarkGoldenrod</div>
+<div id='d351' class='colors'>
+DarkGoldenrod1</div>
+<div id='d352' class='colors'>
+DarkGoldenrod2</div>
+<div id='d353' class='colors'>
+DarkGoldenrod3</div>
+<div id='d354' class='colors'>
+DarkGoldenrod4</div>
+<div id='d355' class='colors'>
+FloralWhite</div>
+<div id='d356' class='colors'>
+wheat2</div>
+<div id='d357' class='colors'>
+OldLace</div>
+<div id='d358' class='colors'>
+wheat</div>
+<div id='d359' class='colors'>
+wheat1</div>
+<div id='d360' class='colors'>
+wheat3</div>
+<div id='d361' class='colors'>
+orange</div>
+<div id='d362' class='colors'>
+orange1</div>
+<div id='d363' class='colors'>
+orange2</div>
+<div id='d364' class='colors'>
+orange3</div>
+<div id='d365' class='colors'>
+orange4</div>
+<div id='d366' class='colors'>
+wheat4</div>
+<div id='d367' class='colors'>
+moccasin</div>
+<div id='d368' class='colors'>
+PapayaWhip</div>
+<div id='d369' class='colors'>
+NavajoWhite3</div>
+<div id='d370' class='colors'>
+BlanchedAlmond</div>
+<div id='d371' class='colors'>
+NavajoWhite</div>
+<div id='d372' class='colors'>
+NavajoWhite1</div>
+<div id='d373' class='colors'>
+NavajoWhite2</div>
+<div id='d374' class='colors'>
+NavajoWhite4</div>
+<div id='d375' class='colors'>
+AntiqueWhite4</div>
+<div id='d376' class='colors'>
+AntiqueWhite</div>
+<div id='d377' class='colors'>
+tan</div>
+<div id='d378' class='colors'>
+bisque4</div>
+<div id='d379' class='colors'>
+burlywood</div>
+<div id='d380' class='colors'>
+AntiqueWhite2</div>
+<div id='d381' class='colors'>
+burlywood1</div>
+<div id='d382' class='colors'>
+burlywood3</div>
+<div id='d383' class='colors'>
+burlywood2</div>
+<div id='d384' class='colors'>
+AntiqueWhite1</div>
+<div id='d385' class='colors'>
+burlywood4</div>
+<div id='d386' class='colors'>
+AntiqueWhite3</div>
+<div id='d387' class='colors'>
+DarkOrange</div>
+<div id='d388' class='colors'>
+bisque2</div>
+<div id='d389' class='colors'>
+bisque</div>
+<div id='d390' class='colors'>
+bisque1</div>
+<div id='d391' class='colors'>
+bisque3</div>
+<div id='d392' class='colors'>
+DarkOrange1</div>
+<div id='d393' class='colors'>
+linen</div>
+<div id='d394' class='colors'>
+DarkOrange2</div>
+<div id='d395' class='colors'>
+DarkOrange3</div>
+<div id='d396' class='colors'>
+DarkOrange4</div>
+<div id='d397' class='colors'>
+peru</div>
+<div id='d398' class='colors'>
+tan1</div>
+<div id='d399' class='colors'>
+tan2</div>
+<div id='d400' class='colors'>
+tan3</div>
+<div id='d401' class='colors'>
+tan4</div>
+<div id='d402' class='colors'>
+PeachPuff</div>
+<div id='d403' class='colors'>
+PeachPuff1</div>
+<div id='d404' class='colors'>
+PeachPuff4</div>
+<div id='d405' class='colors'>
+PeachPuff2</div>
+<div id='d406' class='colors'>
+PeachPuff3</div>
+<div id='d407' class='colors'>
+SandyBrown</div>
+<div id='d408' class='colors'>
+seashell4</div>
+<div id='d409' class='colors'>
+seashell2</div>
+<div id='d410' class='colors'>
+seashell3</div>
+<div id='d411' class='colors'>
+chocolate</div>
+<div id='d412' class='colors'>
+chocolate1</div>
+<div id='d413' class='colors'>
+chocolate2</div>
+<div id='d414' class='colors'>
+chocolate3</div>
+<div id='d415' class='colors'>
+chocolate4</div>
+<div id='d416' class='colors'>
+SaddleBrown</div>
+<div id='d417' class='colors'>
+seashell</div>
+<div id='d418' class='colors'>
+seashell1</div>
+<div id='d419' class='colors'>
+sienna4</div>
+<div id='d420' class='colors'>
+sienna</div>
+<div id='d421' class='colors'>
+sienna1</div>
+<div id='d422' class='colors'>
+sienna2</div>
+<div id='d423' class='colors'>
+sienna3</div>
+<div id='d424' class='colors'>
+LightSalmon3</div>
+<div id='d425' class='colors'>
+LightSalmon</div>
+<div id='d426' class='colors'>
+LightSalmon1</div>
+<div id='d427' class='colors'>
+LightSalmon4</div>
+<div id='d428' class='colors'>
+LightSalmon2</div>
+<div id='d429' class='colors'>
+coral</div>
+<div id='d430' class='colors'>
+OrangeRed</div>
+<div id='d431' class='colors'>
+OrangeRed1</div>
+<div id='d432' class='colors'>
+OrangeRed2</div>
+<div id='d433' class='colors'>
+OrangeRed3</div>
+<div id='d434' class='colors'>
+OrangeRed4</div>
+<div id='d435' class='colors'>
+DarkSalmon</div>
+<div id='d436' class='colors'>
+salmon1</div>
+<div id='d437' class='colors'>
+salmon2</div>
+<div id='d438' class='colors'>
+salmon3</div>
+<div id='d439' class='colors'>
+salmon4</div>
+<div id='d440' class='colors'>
+coral1</div>
+<div id='d441' class='colors'>
+coral2</div>
+<div id='d442' class='colors'>
+coral3</div>
+<div id='d443' class='colors'>
+coral4</div>
+<div id='d444' class='colors'>
+tomato4</div>
+<div id='d445' class='colors'>
+tomato</div>
+<div id='d446' class='colors'>
+tomato1</div>
+<div id='d447' class='colors'>
+tomato2</div>
+<div id='d448' class='colors'>
+tomato3</div>
+<div id='d449' class='colors'>
+MistyRose4</div>
+<div id='d450' class='colors'>
+MistyRose2</div>
+<div id='d451' class='colors'>
+MistyRose</div>
+<div id='d452' class='colors'>
+MistyRose1</div>
+<div id='d453' class='colors'>
+salmon</div>
+<div id='d454' class='colors'>
+MistyRose3</div>
+<div id='d455' class='colors'>
+white</div>
+<div id='d456' class='colors'>
+gray100</div>
+<div id='d457' class='colors'>
+grey100</div>
+<div id='d458' class='colors'>
+grey100</div>
+<div id='d459' class='colors'>
+gray99</div>
+<div id='d460' class='colors'>
+grey99</div>
+<div id='d461' class='colors'>
+gray98</div>
+<div id='d462' class='colors'>
+grey98</div>
+<div id='d463' class='colors'>
+gray97</div>
+<div id='d464' class='colors'>
+grey97</div>
+<div id='d465' class='colors'>
+gray96</div>
+<div id='d466' class='colors'>
+grey96</div>
+<div id='d467' class='colors'>
+WhiteSmoke</div>
+<div id='d468' class='colors'>
+gray95</div>
+<div id='d469' class='colors'>
+grey95</div>
+<div id='d470' class='colors'>
+gray94</div>
+<div id='d471' class='colors'>
+grey94</div>
+<div id='d472' class='colors'>
+gray93</div>
+<div id='d473' class='colors'>
+grey93</div>
+<div id='d474' class='colors'>
+gray92</div>
+<div id='d475' class='colors'>
+grey92</div>
+<div id='d476' class='colors'>
+gray91</div>
+<div id='d477' class='colors'>
+grey91</div>
+<div id='d478' class='colors'>
+gray90</div>
+<div id='d479' class='colors'>
+grey90</div>
+<div id='d480' class='colors'>
+gray89</div>
+<div id='d481' class='colors'>
+grey89</div>
+<div id='d482' class='colors'>
+gray88</div>
+<div id='d483' class='colors'>
+grey88</div>
+<div id='d484' class='colors'>
+gray87</div>
+<div id='d485' class='colors'>
+grey87</div>
+<div id='d486' class='colors'>
+gainsboro</div>
+<div id='d487' class='colors'>
+gray86</div>
+<div id='d488' class='colors'>
+grey86</div>
+<div id='d489' class='colors'>
+gray85</div>
+<div id='d490' class='colors'>
+grey85</div>
+<div id='d491' class='colors'>
+gray84</div>
+<div id='d492' class='colors'>
+grey84</div>
+<div id='d493' class='colors'>
+gray83</div>
+<div id='d494' class='colors'>
+grey83</div>
+<div id='d495' class='colors'>
+LightGray</div>
+<div id='d496' class='colors'>
+LightGrey</div>
+<div id='d497' class='colors'>
+gray82</div>
+<div id='d498' class='colors'>
+grey82</div>
+<div id='d499' class='colors'>
+gray81</div>
+<div id='d500' class='colors'>
+grey81</div>
+<div id='d501' class='colors'>
+gray80</div>
+<div id='d502' class='colors'>
+grey80</div>
+<div id='d503' class='colors'>
+gray79</div>
+<div id='d504' class='colors'>
+grey79</div>
+<div id='d505' class='colors'>
+gray78</div>
+<div id='d506' class='colors'>
+grey78</div>
+<div id='d507' class='colors'>
+gray77</div>
+<div id='d508' class='colors'>
+grey77</div>
+<div id='d509' class='colors'>
+gray76</div>
+<div id='d510' class='colors'>
+grey76</div>
+<div id='d511' class='colors'>
+silver</div>
+<div id='d512' class='colors'>
+gray75</div>
+<div id='d513' class='colors'>
+grey75</div>
+<div id='d514' class='colors'>
+gray74</div>
+<div id='d515' class='colors'>
+grey74</div>
+<div id='d516' class='colors'>
+gray73</div>
+<div id='d517' class='colors'>
+grey73</div>
+<div id='d518' class='colors'>
+gray72</div>
+<div id='d519' class='colors'>
+grey72</div>
+<div id='d520' class='colors'>
+gray71</div>
+<div id='d521' class='colors'>
+grey71</div>
+<div id='d522' class='colors'>
+gray70</div>
+<div id='d523' class='colors'>
+grey70</div>
+<div id='d524' class='colors'>
+gray69</div>
+<div id='d525' class='colors'>
+grey69</div>
+<div id='d526' class='colors'>
+gray68</div>
+<div id='d527' class='colors'>
+grey68</div>
+<div id='d528' class='colors'>
+gray67</div>
+<div id='d529' class='colors'>
+grey67</div>
+<div id='d530' class='colors'>
+DarkGray</div>
+<div id='d531' class='colors'>
+DarkGrey</div>
+<div id='d532' class='colors'>
+gray66</div>
+<div id='d533' class='colors'>
+grey66</div>
+<div id='d534' class='colors'>
+gray65</div>
+<div id='d535' class='colors'>
+grey65</div>
+<div id='d536' class='colors'>
+gray64</div>
+<div id='d537' class='colors'>
+grey64</div>
+<div id='d538' class='colors'>
+gray63</div>
+<div id='d539' class='colors'>
+grey63</div>
+<div id='d540' class='colors'>
+gray62</div>
+<div id='d541' class='colors'>
+grey62</div>
+<div id='d542' class='colors'>
+gray61</div>
+<div id='d543' class='colors'>
+grey61</div>
+<div id='d544' class='colors'>
+gray60</div>
+<div id='d545' class='colors'>
+grey60</div>
+<div id='d546' class='colors'>
+gray59</div>
+<div id='d547' class='colors'>
+grey59</div>
+<div id='d548' class='colors'>
+gray58</div>
+<div id='d549' class='colors'>
+grey58</div>
+<div id='d550' class='colors'>
+gray57</div>
+<div id='d551' class='colors'>
+grey57</div>
+<div id='d552' class='colors'>
+gray56</div>
+<div id='d553' class='colors'>
+grey56</div>
+<div id='d554' class='colors'>
+gray55</div>
+<div id='d555' class='colors'>
+grey55</div>
+<div id='d556' class='colors'>
+gray54</div>
+<div id='d557' class='colors'>
+grey54</div>
+<div id='d558' class='colors'>
+gray53</div>
+<div id='d559' class='colors'>
+grey53</div>
+<div id='d560' class='colors'>
+gray52</div>
+<div id='d561' class='colors'>
+grey52</div>
+<div id='d562' class='colors'>
+gray51</div>
+<div id='d563' class='colors'>
+grey51</div>
+<div id='d564' class='colors'>
+fractal</div>
+<div id='d565' class='colors'>
+gray50</div>
+<div id='d566' class='colors'>
+grey50</div>
+<div id='d567' class='colors'>
+gray</div>
+<div id='d568' class='colors'>
+gray49</div>
+<div id='d569' class='colors'>
+grey49</div>
+<div id='d570' class='colors'>
+gray48</div>
+<div id='d571' class='colors'>
+grey48</div>
+<div id='d572' class='colors'>
+gray47</div>
+<div id='d573' class='colors'>
+grey47</div>
+<div id='d574' class='colors'>
+gray46</div>
+<div id='d575' class='colors'>
+grey46</div>
+<div id='d576' class='colors'>
+gray45</div>
+<div id='d577' class='colors'>
+grey45</div>
+<div id='d578' class='colors'>
+gray44</div>
+<div id='d579' class='colors'>
+grey44</div>
+<div id='d580' class='colors'>
+gray43</div>
+<div id='d581' class='colors'>
+grey43</div>
+<div id='d582' class='colors'>
+gray42</div>
+<div id='d583' class='colors'>
+grey42</div>
+<div id='d584' class='colors'>
+DimGray</div>
+<div id='d585' class='colors'>
+DimGrey</div>
+<div id='d586' class='colors'>
+gray41</div>
+<div id='d587' class='colors'>
+grey41</div>
+<div id='d588' class='colors'>
+gray40</div>
+<div id='d589' class='colors'>
+grey40</div>
+<div id='d590' class='colors'>
+gray39</div>
+<div id='d591' class='colors'>
+grey39</div>
+<div id='d592' class='colors'>
+gray38</div>
+<div id='d593' class='colors'>
+grey38</div>
+<div id='d594' class='colors'>
+gray37</div>
+<div id='d595' class='colors'>
+grey37</div>
+<div id='d596' class='colors'>
+gray36</div>
+<div id='d597' class='colors'>
+grey36</div>
+<div id='d598' class='colors'>
+gray35</div>
+<div id='d599' class='colors'>
+grey35</div>
+<div id='d600' class='colors'>
+gray34</div>
+<div id='d601' class='colors'>
+grey34</div>
+<div id='d602' class='colors'>
+gray33</div>
+<div id='d603' class='colors'>
+grey33</div>
+<div id='d604' class='colors'>
+gray32</div>
+<div id='d605' class='colors'>
+grey32</div>
+<div id='d606' class='colors'>
+gray31</div>
+<div id='d607' class='colors'>
+grey31</div>
+<div id='d608' class='colors'>
+gray30</div>
+<div id='d609' class='colors'>
+grey30</div>
+<div id='d610' class='colors'>
+gray29</div>
+<div id='d611' class='colors'>
+grey29</div>
+<div id='d612' class='colors'>
+gray28</div>
+<div id='d613' class='colors'>
+grey28</div>
+<div id='d614' class='colors'>
+gray27</div>
+<div id='d615' class='colors'>
+grey27</div>
+<div id='d616' class='colors'>
+gray26</div>
+<div id='d617' class='colors'>
+grey26</div>
+<div id='d618' class='colors'>
+gray25</div>
+<div id='d619' class='colors'>
+grey25</div>
+<div id='d620' class='colors'>
+gray24</div>
+<div id='d621' class='colors'>
+grey24</div>
+<div id='d622' class='colors'>
+gray23</div>
+<div id='d623' class='colors'>
+grey23</div>
+<div id='d624' class='colors'>
+gray22</div>
+<div id='d625' class='colors'>
+grey22</div>
+<div id='d626' class='colors'>
+gray21</div>
+<div id='d627' class='colors'>
+grey21</div>
+<div id='d628' class='colors'>
+gray20</div>
+<div id='d629' class='colors'>
+grey20</div>
+<div id='d630' class='colors'>
+gray19</div>
+<div id='d631' class='colors'>
+grey19</div>
+<div id='d632' class='colors'>
+gray18</div>
+<div id='d633' class='colors'>
+grey18</div>
+<div id='d634' class='colors'>
+gray17</div>
+<div id='d635' class='colors'>
+grey17</div>
+<div id='d636' class='colors'>
+gray16</div>
+<div id='d637' class='colors'>
+grey16</div>
+<div id='d638' class='colors'>
+gray15</div>
+<div id='d639' class='colors'>
+grey15</div>
+<div id='d640' class='colors'>
+gray14</div>
+<div id='d641' class='colors'>
+grey14</div>
+<div id='d642' class='colors'>
+gray13</div>
+<div id='d643' class='colors'>
+grey13</div>
+<div id='d644' class='colors'>
+gray12</div>
+<div id='d645' class='colors'>
+grey12</div>
+<div id='d646' class='colors'>
+gray11</div>
+<div id='d647' class='colors'>
+grey11</div>
+<div id='d648' class='colors'>
+gray10</div>
+<div id='d649' class='colors'>
+grey10</div>
+<div id='d650' class='colors'>
+gray9</div>
+<div id='d651' class='colors'>
+grey9</div>
+<div id='d652' class='colors'>
+gray8</div>
+<div id='d653' class='colors'>
+grey8</div>
+<div id='d654' class='colors'>
+gray7</div>
+<div id='d655' class='colors'>
+grey7</div>
+<div id='d656' class='colors'>
+gray6</div>
+<div id='d657' class='colors'>
+grey6</div>
+<div id='d658' class='colors'>
+gray5</div>
+<div id='d659' class='colors'>
+grey5</div>
+<div id='d660' class='colors'>
+gray4</div>
+<div id='d661' class='colors'>
+grey4</div>
+<div id='d662' class='colors'>
+gray3</div>
+<div id='d663' class='colors'>
+grey3</div>
+<div id='d664' class='colors'>
+gray2</div>
+<div id='d665' class='colors'>
+grey2</div>
+<div id='d666' class='colors'>
+gray1</div>
+<div id='d667' class='colors'>
+grey1</div>
+<div id='d668' class='colors'>
+black</div>
+<div id='d669' class='colors'>
+gray0</div>
+<div id='d670' class='colors'>
+grey0</div>
+<div id='d671' class='colors'>
+opaque</div>
+<div id='d672' class='colors'>
+none</div>
+<div id='d673' class='colors'>
+transparent</div>
+</div>
+
+<div id='colornames'>
+CLICK TO CHOOSE THE COLOR
+</div>
+
+<div id='switches'>
+
+<span id='title'>OPTIONS</span>
+<div id='hexswitch' class='theswitches'>CLICK TO USE HEX KEYS</div>
+<br>
+<div id='infoswitch' class='theswitches'>CLICK TO TOGGLE PALATE INFO<span id='infospace'></span></div>
+<br>
+<div id='backgroundswitch' class='theswitches'>CLICK TO TOGGLE BACKGROUNDS</div>
+<br>
+<div id='preview'></div>
+<div id='nameholder'>YOU WILL CHOOSE:<br><input id='namespace' style='width:inherit' type='text'></input></div>
+<br>
+<span id='transparent'>to choose transparent as a color, click <span id='transbutton'>HERE</span></span>
+</div>
+</div>
+<script type='text/javascript' src='js/jquery-1.6.4.min.js'></script>
+<script type='text/javascript' src='js/colordict.js'></script>
+
+<script type='text/javascript'>
+
+
+//setup dimensions
+//////////////////
+
+
+function regolden(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num/ratio)
+	return newnum
+	}
+function goldenize(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num*ratio)
+	return newnum
+	}
+//turns css property width or height into an integer value
+function getproperty(idandselectr, propertystr)
+	{
+	grab = $(idandselectr).css(propertystr)
+	grab = grab.slice(0,-2)
+	numval = parseInt(grab)
+	return numval
+	}
+function makegolden(idandselectr, propertystr)
+	{
+	result = getproperty(idandselectr, propertystr)
+	newval = goldenize(result)
+	propval = newval.toString()+'px'
+	if(propertystr == 'height'){
+			$(idandselectr).css('width', propval)
+			}
+	else if(propertystr == 'width'){
+			$(idandselectr).css('height', propval)
+			}
+	}
+function shrinkwidth(arg){
+	for(var i=0; i < 5; i++){
+	arg = regolden(arg)
+	}
+	division = Math.round(arg)
+	return division
+}
+
+function makecolorswidth(){
+	colorswidth = shrinkwidth(window.innerWidth)
+	$('.colors').css('width', colorswidth.toString()+'px')
+}
+function makecolorsheight(){
+	result = getproperty('.colors', 'width')
+	newval = regolden(result)
+	propval = newval.toString()+'px'
+	$('.colors').css('height', propval)
+}
+//the following function sets up the font sizes 
+//inrelation to the size of the hexswitch font
+function setupfonts(){
+	var firstfont = getproperty('#hexswitch', 'font-size')
+	var finalfont = goldenize(firstfont)
+	$('#namespace').css('font-size', finalfont+'px')
+	$('#namespace').css('width', $('#switches').css('width'))
+	var secondfont = getproperty('#namespace', 'font-size')
+	var finalfont = goldenize(secondfont)
+	$('#colornames').css('font-size', finalfont+'px')
+	$('#colornames').css('text-shadow', 'black 1px 2px')
+	var transfont = regolden(firstfont)
+	$('#transparent').css('font-size', transfont+'px')
+}
+function getcontainerwidth(){
+	basis = $('.colors').css('width')
+	basis = parseInt(basis.slice(0,-2))
+	secondbasis = '2px'
+	secondbasis = parseInt(secondbasis.slice(0,-2))
+	widthval = (secondbasis*8)+(basis*4)+(goldenize(basis)-basis)
+	widthval = widthval.toString()+'px'
+	return widthval
+}
+
+function makecontainerwidth(){
+	var containerwidth = getcontainerwidth()
+	$('#container').css('width',containerwidth)
+}
+
+
+function setupsides()
+	{
+	var	basis = $('#container').css('width')
+	basis = parseInt(basis.slice(0,-2))
+	remainder = (100-basis)/2
+	widths = regolden(basis)
+	widths = widths.toString()+'px'
+	lateralbasis = regolden(remainder)
+	leftside = toString(lateralbasis)+'%'
+	rightside = toString(100-lateralbasis)+'%'
+	$('#colornames').css('left', leftside)
+	$('#switches').css({'width': widths, 'left': rightside, 'overflow':'auto'})
+	}
+function previewdimensions(){
+	first = $('#switches').css('width')
+	first = parseInt(first.slice(0,-2))
+	width = regolden(first)
+	height = regolden(width)
+	width = width.toString()+'px'
+	height = height.toString()+'px'
+	$('#preview').css({'width':width, 'height':height})
+}
+function setupdimensions(){
+makecolorswidth()
+setupfonts()
+makecolorsheight()
+makecontainerwidth()
+setupsides()
+makegolden('#switches','width')
+previewdimensions()
+$('#namespace').css('width', 'inherit')
+$('#nameholder').css('width', 'inherit')
+$('#transparent').css({'float':'bottom','width':'inherit'})
+}
+setupdimensions()
+$(window).resize(function(){setupdimensions()})
+
+//BEGIN STYLINGS//
+//////////////////
+
+
+var old = {};
+function hovercss(sel, uno){
+	
+	var chng = {};
+	chng['color'] = 'white';
+	chng['text-shadow'] = 'black 1px 2px';
+	chng['background-image'] = 'url(http://asdf.us/im/19/gradient_whitegray80_1321305183_1321305241_pepper_1321333403_pepper.jpg)';
+	if(uno == 'over'){
+		for(var key in chng){
+				old[key] = $('#'+sel).css(key)
+					}
+		for(var key in chng){
+				$('#'+sel).css(key, chng[key])
+					}
+			}
+	if(uno == 'out'){
+		for(var key in old){
+				$('#'+sel).css(key, old[key])
+					}
+			}
+}
+$('.theswitches').hover(function(){hovercss(this.id, 'over')}, function(){hovercss(this.id, 'out')})
+
+var transcss = {
+	'color':'#141414','box-shadow':'10px 10px 5px #141414',
+	'background-color':'#D1D1D1','color':'#141414',
+	'border-width':'2px','border-style':'outset','cursor':'pointer'}
+$('#transbutton').css(transcss)
+var hovertrans = {
+	'background-color':'DarkGrey','color':'#383838','box-shadow':'5px 5px 2px #141414'
+}
+$('#transbutton').hover(function(){$('#transbutton').css(hovertrans)},function(){$('#transbutton').css(transcss)})
+//threewayselector for what goes in the divs
+var infostate = 1
+function switchinfo()
+	{
+	if(infostate == 0)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html(divtoname[divlist[i]])
+				};
+		infostate = 1
+		$('#infospace').html('(NAMES)');
+		}
+	else if(infostate == 1)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html("")
+				};
+		infostate = 2
+		$('#infospace').html('(NONE)');
+		}
+	else if(infostate == 2)
+		{
+		for(var i=0; i < divlist.length; i++)
+				{
+				$(divlist[i]).html(nametohex[divtoname[divlist[i]]])
+				};
+		infostate = 0
+		$('#infospace').html('(HEXES)');
+		}
+	}
+$('#infoswitch').hover(function(){$('#infospace').show()}, function(){$('#infospace').hide('slow')} )
+$('#infoswitch').click(function(){switchinfo()})
+
+
+backgroundstate = 2;
+function switchbackground()
+	{
+	if(backgroundstate == 1)
+		{
+		$('#colorpicker').css('background-color','black')
+		$('#colorpicker').css('background-image','url(http://dump.fm/static/img/bg.dither.gif)')
+		backgroundstate = 2;
+		$('#colornames').css('color', 'white')
+		$('#colornames').css('text-shadow', 'black 1px 2px')
+		}
+	else if(backgroundstate == 2)
+		{
+		$('#colorpicker').css('background-color','black')
+		$('#colorpicker').css('background-image', 'none')
+		backgroundstate = 0	
+		}
+	else if(backgroundstate == 0)
+		{
+		$('#colorpicker').css('background-color', 'white')
+		$('#colorpicker').css('background-image', 'none')
+		$('#colornames').css('color', 'grey')
+		backgroundstate = 1
+		}
+	}
+
+$('#backgroundswitch').click(function(){switchbackground()})
+
+//takes a div name and returns a colorname
+
+function showcolorname(divstr)
+
+		{
+		colorname = divtoname['#'+divstr]
+		hex = nametohex[colorname]
+			imname = hextoname[hex]
+		if (hexes == true)
+			{
+			imname = hex
+			}
+		
+		return imname
+		}
+function bigname(divstr)
+		{
+		colorname = showcolorname(divstr)
+		$('#colornames').html(colorname)
+		
+		}
+function writeit(text)
+		{
+		$('#colornames').append(text)
+		}
+function makebig(divstr)
+		{
+		firstheight = $('#'+divstr).height()
+		newheight = goldenize(firstheight)
+		$('#'+divstr).height(newheight)
+		}
+function makesmall(divstr)
+		{
+		oldheight = $('.colors').height()
+		$('#'+divstr).height(oldheight)
+		}
+var choice;
+$('.colors').hover(function() {
+   bigname(this.id);
+//	 makebig(this.id);
+//	 makegolden('#'+this.id, 'height')},
+//function(){
+//	 makesmall(this.id);
+//	 makegolden('#'+this.id, 'height')
+});
+$('.colors').mouseover(function(){
+							if(this.id != 'd0'){
+							makebig(this.id);
+							makegolden('#'+this.id, 'height')
+													}})
+$('.colors').mouseout(function(){
+							makesmall(this.id);
+							makegolden('#'+this.id,'height');
+													})
+$(".colors").hover(function(){
+$('#colornames').fadeOut(100);$('#colornames').fadeIn(500);
+	});
+$('.colors').css('margin-top', '2px')
+var hexes = false
+function hexswitch()
+		{
+		if(hexes == false)
+			{
+			$('#hexswitch').html('CLICK TO USE COLOR NAMES')
+			hexes = true;
+			var nameval = $('#namespace').val()
+			$('#namespace').val(nametohex[nameval])
+			}
+			
+		else
+			{
+			$('#hexswitch').html('CLICK TO USE HEX KEYS')
+			hexes = false;
+			var nameval = $('#namespace').val()
+			$('#namespace').val(hextoname[nameval])
+			}
+		}
+$('#hexswitch').click(function(){hexswitch()})
+
+$('.colors').click(function(){
+			putitin()	
+			})
+
+function putitin()
+		{
+		thecolor = $('#colornames').html()
+		$('#namespace').val(thecolor)
+		if(hexes == false){
+			$('#preview').css({'background-color': nametohex[thecolor], 'border-style':'none'})
+			}
+		else{
+			$('#preview').css('background-color', thecolor)
+			}
+				
+		}
+function transparent()
+	{
+	$('#namespace').val('transparent');
+	$('#preview').css({'background-color':'transparent','border-style':'dashed','border-width':'2px'})
+	}
+$('#transbutton').click(function(){transparent()})
+
+
+function bakecookie()
+	{
+	var colormemory = $('#preview').css('background-color')
+	var preferences	= {}
+	preferences['infostate'] = infostate;
+	preferences['hexes'] = hexes;
+	preferences['backgroundstate'] = backgroundstate;
+	preferences['colormemory'] = colormemory;
+	document.cookie = "preferences=infostate_"+infostate+"_hexes_"+hexes+"_backgroundstate_"+backgroundstate+";path=/;domain=.asdf.us;max-age=1086400";
+	}
+
+bakecookie()
+function eatcookie()
+    {
+    if (document.cookie)
+      {
+      var cookies = document.cookie.split(";")
+			for(i in cookies){
+			$('#preview').append(cookies[i])
+			}
+     /* for (i in cookies)
+        {
+        var cookie = cookies[i].split("=")
+					$('#preview').append(cookie)
+					}
+				
+				//infostate = parseInt(preferences['infostate'])
+				//hexes = preferences['hexes']
+				//backgroundstate = preferences['backgroundstate']}
+				if (cookie[0].indexOf("imname") !== -1|cookie[0].indexOf("imname") !== -2)
+          {
+					$('#preview').append(cookie[0].indexOf('imname'))
+          if (cookie[1] !== 'false' && cookie[1] !== 'undefined' && cookie[1].length)
+            {
+            return cookie[1]
+            $('#preview').append('what the hell????')
+						}
+          }
+				else if(cookie[0].indexOf('username') !== -1)
+					{
+				$('#preview').append('what the fuck')
+        }
+				else{$('#preview').append('this was the index'+cookie[0].indexOf('imname').toString())}
+      }
+    //return ""
+    	}
+		}*/
+
+			}	
+		}
+$(document).ready(function(){eatcookie();switchinfo()})
+
+
+
+
+
+
+
+
+
+
+
+
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/minoan.gif b/frontend/imgrid/colors/minoan.gif
new file mode 100755
index 0000000..4ceb804
Binary files /dev/null and b/frontend/imgrid/colors/minoan.gif differ
diff --git a/frontend/imgrid/colors/savior.html b/frontend/imgrid/colors/savior.html
new file mode 100755
index 0000000..72395fd
--- /dev/null
+++ b/frontend/imgrid/colors/savior.html
@@ -0,0 +1,3582 @@
+<html>
+<head>
+
+<style type='text/css'>
+
+body
+{
+max-width:100%;
+max-height:100%; 
+font-family:helvetica; 
+font-size:2px; 
+}
+
+
+#container div
+{
+display: -moz-inline-stack;
+display:inline-block;
+vertical-align:bottom;
+height: 15px;
+zoom: 1;
+*display: inline;
+}
+
+#container
+{
+margin:0 auto;
+width:500px;
+padding-top:100px;
+text-align:center;
+}
+
+#colornames
+{
+color:white;
+position:fixed;
+font-size:50px;
+top:50px;
+right:60%;
+width:400px;
+}
+
+#hexswitch
+		{
+		position:fixed;
+		top:20px;
+		right:10%;
+		height:100px;
+		width:300px;
+		font-size:20px
+		border-style: groove;
+		border-width: 4px;
+		background-color:goldenrod;
+		text-align:center;
+		}
+#infoswitch
+		{
+		position:fixed;
+		top: 60px;
+		right:5%;
+		font-size:20px
+		background-color:gray;
+		text-align:center;
+		}
+#d0
+{background-color:#FFFAFA}
+
+#d1
+{background-color:#FFFAFA}
+
+#d2
+{background-color:#EEE9E9}
+
+#d3
+{background-color:#FFC1C1}
+
+#d4
+{background-color:#EEB4B4}
+
+#d5
+{background-color:#CDC9C9}
+
+#d6
+{background-color:#F08080}
+
+#d7
+{background-color:#FF6A6A}
+
+#d8
+{background-color:#CD9B9B}
+
+#d9
+{background-color:#EE6363}
+
+#d10
+{background-color:#BC8F8F}
+
+#d11
+{background-color:#FF4040}
+
+#d12
+{background-color:#FF3030}
+
+#d13
+{background-color:#EE3B3B}
+
+#d14
+{background-color:#CD5C5C}
+
+#d15
+{background-color:#CD5555}
+
+#d16
+{background-color:#EE2C2C}
+
+#d17
+{background-color:#8B8989}
+
+#d18
+{background-color:#CD3333}
+
+#d19
+{background-color:#FF0000}
+
+#d20
+{background-color:#FF0000}
+
+#d21
+{background-color:#8B6969}
+
+#d22
+{background-color:#CD2626}
+
+#d23
+{background-color:#EE0000}
+
+#d24
+{background-color:#B22222}
+
+#d25
+{background-color:#A52A2A}
+
+#d26
+{background-color:#CD0000}
+
+#d27
+{background-color:#8B3A3A}
+
+#d28
+{background-color:#8B2323}
+
+#d29
+{background-color:#8B1A1A}
+
+#d30
+{background-color:#8B0000}
+
+#d31
+{background-color:#8B0000}
+
+#d32
+{background-color:#800000}
+
+#d33
+{background-color:#FFAEB9}
+
+#d34
+{background-color:#CD8C95}
+
+#d35
+{background-color:#8B5F65}
+
+#d36
+{background-color:#EEA2AD}
+
+#d37
+{background-color:#FFB6C1}
+
+#d38
+{background-color:#FFC0CB}
+
+#d39
+{background-color:#DC143C}
+
+#d40
+{background-color:#FFB5C5}
+
+#d41
+{background-color:#EEA9B8}
+
+#d42
+{background-color:#CD919E}
+
+#d43
+{background-color:#8B636C}
+
+#d44
+{background-color:#8B475D}
+
+#d45
+{background-color:#DB7093}
+
+#d46
+{background-color:#EE799F}
+
+#d47
+{background-color:#FF82AB}
+
+#d48
+{background-color:#CD6889}
+
+#d49
+{background-color:#FFF0F5}
+
+#d50
+{background-color:#FFF0F5}
+
+#d51
+{background-color:#CDC1C5}
+
+#d52
+{background-color:#EEE0E5}
+
+#d53
+{background-color:#8B8386}
+
+#d54
+{background-color:#B03060}
+
+#d55
+{background-color:#CD6090}
+
+#d56
+{background-color:#CD3278}
+
+#d57
+{background-color:#FF3E96}
+
+#d58
+{background-color:#EE3A8C}
+
+#d59
+{background-color:#8B2252}
+
+#d60
+{background-color:#EE6AA7}
+
+#d61
+{background-color:#FF6EB4}
+
+#d62
+{background-color:#8B3A62}
+
+#d63
+{background-color:#FF69B4}
+
+#d64
+{background-color:#FF1493}
+
+#d65
+{background-color:#FF1493}
+
+#d66
+{background-color:#EE1289}
+
+#d67
+{background-color:#CD1076}
+
+#d68
+{background-color:#8B0A50}
+
+#d69
+{background-color:#FF34B3}
+
+#d70
+{background-color:#EE30A7}
+
+#d71
+{background-color:#CD2990}
+
+#d72
+{background-color:#8B1C62}
+
+#d73
+{background-color:#C71585}
+
+#d74
+{background-color:#D02090}
+
+#d75
+{background-color:#EE7AE9}
+
+#d76
+{background-color:#DA70D6}
+
+#d77
+{background-color:#FF83FA}
+
+#d78
+{background-color:#CD69C9}
+
+#d79
+{background-color:#8B4789}
+
+#d80
+{background-color:#FFE1FF}
+
+#d81
+{background-color:#EED2EE}
+
+#d82
+{background-color:#FFBBFF}
+
+#d83
+{background-color:#EEAEEE}
+
+#d84
+{background-color:#D8BFD8}
+
+#d85
+{background-color:#CDB5CD}
+
+#d86
+{background-color:#DDA0DD}
+
+#d87
+{background-color:#EE82EE}
+
+#d88
+{background-color:#CD96CD}
+
+#d89
+{background-color:#8B7B8B}
+
+#d90
+{background-color:#FF00FF}
+
+#d91
+{background-color:#FF00FF}
+
+#d92
+{background-color:#FF00FF}
+
+#d93
+{background-color:#8B668B}
+
+#d94
+{background-color:#EE00EE}
+
+#d95
+{background-color:#CD00CD}
+
+#d96
+{background-color:#8B008B}
+
+#d97
+{background-color:#8B008B}
+
+#d98
+{background-color:#800080}
+
+#d99
+{background-color:#BA55D3}
+
+#d100
+{background-color:#E066FF}
+
+#d101
+{background-color:#D15FEE}
+
+#d102
+{background-color:#B452CD}
+
+#d103
+{background-color:#7A378B}
+
+#d104
+{background-color:#9400D3}
+
+#d105
+{background-color:#9932CC}
+
+#d106
+{background-color:#BF3EFF}
+
+#d107
+{background-color:#9A32CD}
+
+#d108
+{background-color:#B23AEE}
+
+#d109
+{background-color:#68228B}
+
+#d110
+{background-color:#A020F0}
+
+#d111
+{background-color:#4B0082}
+
+#d112
+{background-color:#8A2BE2}
+
+#d113
+{background-color:#912CEE}
+
+#d114
+{background-color:#7D26CD}
+
+#d115
+{background-color:#551A8B}
+
+#d116
+{background-color:#9B30FF}
+
+#d117
+{background-color:#9370DB}
+
+#d118
+{background-color:#AB82FF}
+
+#d119
+{background-color:#9F79EE}
+
+#d120
+{background-color:#8968CD}
+
+#d121
+{background-color:#5D478B}
+
+#d122
+{background-color:#483D8B}
+
+#d123
+{background-color:#8470FF}
+
+#d124
+{background-color:#7B68EE}
+
+#d125
+{background-color:#6A5ACD}
+
+#d126
+{background-color:#836FFF}
+
+#d127
+{background-color:#7A67EE}
+
+#d128
+{background-color:#6959CD}
+
+#d129
+{background-color:#473C8B}
+
+#d130
+{background-color:#F8F8FF}
+
+#d131
+{background-color:#E6E6FA}
+
+#d132
+{background-color:#0000FF}
+
+#d133
+{background-color:#0000FF}
+
+#d134
+{background-color:#0000EE}
+
+#d135
+{background-color:#0000CD}
+
+#d136
+{background-color:#0000CD}
+
+#d137
+{background-color:#00008B}
+
+#d138
+{background-color:#00008B}
+
+#d139
+{background-color:#191970}
+
+#d140
+{background-color:#000080}
+
+#d141
+{background-color:#000080}
+
+#d142
+{background-color:#4169E1}
+
+#d143
+{background-color:#4876FF}
+
+#d144
+{background-color:#436EEE}
+
+#d145
+{background-color:#3A5FCD}
+
+#d146
+{background-color:#27408B}
+
+#d147
+{background-color:#6495ED}
+
+#d148
+{background-color:#B0C4DE}
+
+#d149
+{background-color:#CAE1FF}
+
+#d150
+{background-color:#BCD2EE}
+
+#d151
+{background-color:#A2B5CD}
+
+#d152
+{background-color:#6E7B8B}
+
+#d153
+{background-color:#6C7B8B}
+
+#d154
+{background-color:#C6E2FF}
+
+#d155
+{background-color:#B9D3EE}
+
+#d156
+{background-color:#9FB6CD}
+
+#d157
+{background-color:#778899}
+
+#d158
+{background-color:#778899}
+
+#d159
+{background-color:#708090}
+
+#d160
+{background-color:#708090}
+
+#d161
+{background-color:#1E90FF}
+
+#d162
+{background-color:#1E90FF}
+
+#d163
+{background-color:#1C86EE}
+
+#d164
+{background-color:#104E8B}
+
+#d165
+{background-color:#1874CD}
+
+#d166
+{background-color:#F0F8FF}
+
+#d167
+{background-color:#36648B}
+
+#d168
+{background-color:#4682B4}
+
+#d169
+{background-color:#63B8FF}
+
+#d170
+{background-color:#5CACEE}
+
+#d171
+{background-color:#4F94CD}
+
+#d172
+{background-color:#4A708B}
+
+#d173
+{background-color:#87CEFF}
+
+#d174
+{background-color:#7EC0EE}
+
+#d175
+{background-color:#6CA6CD}
+
+#d176
+{background-color:#87CEFA}
+
+#d177
+{background-color:#607B8B}
+
+#d178
+{background-color:#B0E2FF}
+
+#d179
+{background-color:#A4D3EE}
+
+#d180
+{background-color:#8DB6CD}
+
+#d181
+{background-color:#87CEEB}
+
+#d182
+{background-color:#9AC0CD}
+
+#d183
+{background-color:#00BFFF}
+
+#d184
+{background-color:#00BFFF}
+
+#d185
+{background-color:#00B2EE}
+
+#d186
+{background-color:#00688B}
+
+#d187
+{background-color:#009ACD}
+
+#d188
+{background-color:#BFEFFF}
+
+#d189
+{background-color:#B2DFEE}
+
+#d190
+{background-color:#ADD8E6}
+
+#d191
+{background-color:#68838B}
+
+#d192
+{background-color:#B0E0E6}
+
+#d193
+{background-color:#98F5FF}
+
+#d194
+{background-color:#8EE5EE}
+
+#d195
+{background-color:#7AC5CD}
+
+#d196
+{background-color:#53868B}
+
+#d197
+{background-color:#00F5FF}
+
+#d198
+{background-color:#00E5EE}
+
+#d199
+{background-color:#00C5CD}
+
+#d200
+{background-color:#00868B}
+
+#d201
+{background-color:#5F9EA0}
+
+#d202
+{background-color:#5F9EA0}
+
+#d203
+{background-color:#00CED1}
+
+#d204
+{background-color:#F0FFFF}
+
+#d205
+{background-color:#F0FFFF}
+
+#d206
+{background-color:#E0FFFF}
+
+#d207
+{background-color:#E0FFFF}
+
+#d208
+{background-color:#E0EEEE}
+
+#d209
+{background-color:#D1EEEE}
+
+#d210
+{background-color:#BBFFFF}
+
+#d211
+{background-color:#AFEEEE}
+
+#d212
+{background-color:#AEEEEE}
+
+#d213
+{background-color:#97FFFF}
+
+#d214
+{background-color:#C1CDCD}
+
+#d215
+{background-color:#B4CDCD}
+
+#d216
+{background-color:#8DEEEE}
+
+#d217
+{background-color:#96CDCD}
+
+#d218
+{background-color:#79CDCD}
+
+#d219
+{background-color:#838B8B}
+
+#d220
+{background-color:#7A8B8B}
+
+#d221
+{background-color:#00FFFF}
+
+#d222
+{background-color:#00FFFF}
+
+#d223
+{background-color:#00FFFF}
+
+#d224
+{background-color:#668B8B}
+
+#d225
+{background-color:#00EEEE}
+
+#d226
+{background-color:#528B8B}
+
+#d227
+{background-color:#00CDCD}
+
+#d228
+{background-color:#008B8B}
+
+#d229
+{background-color:#008B8B}
+
+#d230
+{background-color:#008080}
+
+#d231
+{background-color:#2F4F4F}
+
+#d232
+{background-color:#2F4F4F}
+
+#d233
+{background-color:#48D1CC}
+
+#d234
+{background-color:#20B2AA}
+
+#d235
+{background-color:#40E0D0}
+
+#d236
+{background-color:#458B74}
+
+#d237
+{background-color:#7FFFD4}
+
+#d238
+{background-color:#7FFFD4}
+
+#d239
+{background-color:#76EEC6}
+
+#d240
+{background-color:#66CDAA}
+
+#d241
+{background-color:#66CDAA}
+
+#d242
+{background-color:#00FA9A}
+
+#d243
+{background-color:#F5FFFA}
+
+#d244
+{background-color:#00FF7F}
+
+#d245
+{background-color:#00FF7F}
+
+#d246
+{background-color:#00EE76}
+
+#d247
+{background-color:#00CD66}
+
+#d248
+{background-color:#008B45}
+
+#d249
+{background-color:#3CB371}
+
+#d250
+{background-color:#2E8B57}
+
+#d251
+{background-color:#43CD80}
+
+#d252
+{background-color:#54FF9F}
+
+#d253
+{background-color:#2E8B57}
+
+#d254
+{background-color:#4EEE94}
+
+#d255
+{background-color:#32814B}
+
+#d256
+{background-color:#F0FFF0}
+
+#d257
+{background-color:#F0FFF0}
+
+#d258
+{background-color:#E0EEE0}
+
+#d259
+{background-color:#C1FFC1}
+
+#d260
+{background-color:#B4EEB4}
+
+#d261
+{background-color:#9AFF9A}
+
+#d262
+{background-color:#98FB98}
+
+#d263
+{background-color:#C1CDC1}
+
+#d264
+{background-color:#90EE90}
+
+#d265
+{background-color:#90EE90}
+
+#d266
+{background-color:#9BCD9B}
+
+#d267
+{background-color:#8FBC8F}
+
+#d268
+{background-color:#7CCD7C}
+
+#d269
+{background-color:#838B83}
+
+#d270
+{background-color:#00FF00}
+
+#d271
+{background-color:#00FF00}
+
+#d272
+{background-color:#32CD32}
+
+#d273
+{background-color:#698B69}
+
+#d274
+{background-color:#00EE00}
+
+#d275
+{background-color:#548B54}
+
+#d276
+{background-color:#00CD00}
+
+#d277
+{background-color:#228B22}
+
+#d278
+{background-color:#008B00}
+
+#d279
+{background-color:#008000}
+
+#d280
+{background-color:#006400}
+
+#d281
+{background-color:#7CFC00}
+
+#d282
+{background-color:#7FFF00}
+
+#d283
+{background-color:#7FFF00}
+
+#d284
+{background-color:#76EE00}
+
+#d285
+{background-color:#66CD00}
+
+#d286
+{background-color:#458B00}
+
+#d287
+{background-color:#ADFF2F}
+
+#d288
+{background-color:#A2CD5A}
+
+#d289
+{background-color:#CAFF70}
+
+#d290
+{background-color:#BCEE68}
+
+#d291
+{background-color:#6E8B3D}
+
+#d292
+{background-color:#556B2F}
+
+#d293
+{background-color:#6B8E23}
+
+#d294
+{background-color:#C0FF3E}
+
+#d295
+{background-color:#B3EE3A}
+
+#d296
+{background-color:#9ACD32}
+
+#d297
+{background-color:#9ACD32}
+
+#d298
+{background-color:#698B22}
+
+#d299
+{background-color:#FFFFF0}
+
+#d300
+{background-color:#FFFFF0}
+
+#d301
+{background-color:#FFFFE0}
+
+#d302
+{background-color:#FFFFE0}
+
+#d303
+{background-color:#F5F5DC}
+
+#d304
+{background-color:#EEEEE0}
+
+#d305
+{background-color:#FAFAD2}
+
+#d306
+{background-color:#EEEED1}
+
+#d307
+{background-color:#CDCDC1}
+
+#d308
+{background-color:#CDCDB4}
+
+#d309
+{background-color:#8B8B83}
+
+#d310
+{background-color:#8B8B7A}
+
+#d311
+{background-color:#FFFF00}
+
+#d312
+{background-color:#FFFF00}
+
+#d313
+{background-color:#EEEE00}
+
+#d314
+{background-color:#CDCD00}
+
+#d315
+{background-color:#8B8B00}
+
+#d316
+{background-color:#808000}
+
+#d317
+{background-color:#BDB76B}
+
+#d318
+{background-color:#EEE685}
+
+#d319
+{background-color:#8B8970}
+
+#d320
+{background-color:#FFF68F}
+
+#d321
+{background-color:#CDC673}
+
+#d322
+{background-color:#8B864E}
+
+#d323
+{background-color:#EEE8AA}
+
+#d324
+{background-color:#FFFACD}
+
+#d325
+{background-color:#FFFACD}
+
+#d326
+{background-color:#F0E68C}
+
+#d327
+{background-color:#CDC9A5}
+
+#d328
+{background-color:#EEE9BF}
+
+#d329
+{background-color:#D1C166}
+
+#d330
+{background-color:#8B8878}
+
+#d331
+{background-color:#FFD700}
+
+#d332
+{background-color:#FFD700}
+
+#d333
+{background-color:#EEC900}
+
+#d334
+{background-color:#CDAD00}
+
+#d335
+{background-color:#8B7500}
+
+#d336
+{background-color:#EEDD82}
+
+#d337
+{background-color:#8B814C}
+
+#d338
+{background-color:#FFEC8B}
+
+#d339
+{background-color:#CDBE70}
+
+#d340
+{background-color:#EEDC82}
+
+#d341
+{background-color:#CDC8B1}
+
+#d342
+{background-color:#EEE8CD}
+
+#d343
+{background-color:#FFF8DC}
+
+#d344
+{background-color:#FFF8DC}
+
+#d345
+{background-color:#DAA520}
+
+#d346
+{background-color:#FFC125}
+
+#d347
+{background-color:#EEB422}
+
+#d348
+{background-color:#CD9B1D}
+
+#d349
+{background-color:#8B6914}
+
+#d350
+{background-color:#B8860B}
+
+#d351
+{background-color:#FFB90F}
+
+#d352
+{background-color:#EEAD0E}
+
+#d353
+{background-color:#CD950C}
+
+#d354
+{background-color:#8B6508}
+
+#d355
+{background-color:#FFFAF0}
+
+#d356
+{background-color:#EED8AE}
+
+#d357
+{background-color:#FDF5E6}
+
+#d358
+{background-color:#F5DEB3}
+
+#d359
+{background-color:#FFE7BA}
+
+#d360
+{background-color:#CDBA96}
+
+#d361
+{background-color:#FFA500}
+
+#d362
+{background-color:#FFA500}
+
+#d363
+{background-color:#EE9A00}
+
+#d364
+{background-color:#CD8500}
+
+#d365
+{background-color:#8B5A00}
+
+#d366
+{background-color:#8B7E66}
+
+#d367
+{background-color:#FFE4B5}
+
+#d368
+{background-color:#FFEFD5}
+
+#d369
+{background-color:#CDB38B}
+
+#d370
+{background-color:#FFEBCD}
+
+#d371
+{background-color:#FFDEAD}
+
+#d372
+{background-color:#FFDEAD}
+
+#d373
+{background-color:#EECFA1}
+
+#d374
+{background-color:#8B795E}
+
+#d375
+{background-color:#8B8378}
+
+#d376
+{background-color:#FAEBD7}
+
+#d377
+{background-color:#D2B48C}
+
+#d378
+{background-color:#8B7D6B}
+
+#d379
+{background-color:#DEB887}
+
+#d380
+{background-color:#EEDFCC}
+
+#d381
+{background-color:#FFD39B}
+
+#d382
+{background-color:#CDAA7D}
+
+#d383
+{background-color:#EEC591}
+
+#d384
+{background-color:#FFEFDB}
+
+#d385
+{background-color:#8B7355}
+
+#d386
+{background-color:#CDC0B0}
+
+#d387
+{background-color:#FF8C00}
+
+#d388
+{background-color:#EED5B7}
+
+#d389
+{background-color:#FFE4C4}
+
+#d390
+{background-color:#FFE4C4}
+
+#d391
+{background-color:#CDB79E}
+
+#d392
+{background-color:#FF7F00}
+
+#d393
+{background-color:#FAF0E6}
+
+#d394
+{background-color:#EE7600}
+
+#d395
+{background-color:#CD6600}
+
+#d396
+{background-color:#8B4500}
+
+#d397
+{background-color:#CD853F}
+
+#d398
+{background-color:#FFA54F}
+
+#d399
+{background-color:#EE9A49}
+
+#d400
+{background-color:#CD853F}
+
+#d401
+{background-color:#8B5A2B}
+
+#d402
+{background-color:#FFDAB9}
+
+#d403
+{background-color:#FFDAB9}
+
+#d404
+{background-color:#8B7765}
+
+#d405
+{background-color:#EECBAD}
+
+#d406
+{background-color:#CDAF95}
+
+#d407
+{background-color:#F4A460}
+
+#d408
+{background-color:#8B8682}
+
+#d409
+{background-color:#EEE5DE}
+
+#d410
+{background-color:#CDC5BF}
+
+#d411
+{background-color:#D2691E}
+
+#d412
+{background-color:#FF7F24}
+
+#d413
+{background-color:#EE7621}
+
+#d414
+{background-color:#CD661D}
+
+#d415
+{background-color:#8B4513}
+
+#d416
+{background-color:#8B4513}
+
+#d417
+{background-color:#FFF5EE}
+
+#d418
+{background-color:#FFF5EE}
+
+#d419
+{background-color:#8B4726}
+
+#d420
+{background-color:#A0522D}
+
+#d421
+{background-color:#FF8247}
+
+#d422
+{background-color:#EE7942}
+
+#d423
+{background-color:#CD6839}
+
+#d424
+{background-color:#CD8162}
+
+#d425
+{background-color:#FFA07A}
+
+#d426
+{background-color:#FFA07A}
+
+#d427
+{background-color:#8B5742}
+
+#d428
+{background-color:#EE9572}
+
+#d429
+{background-color:#FF7F50}
+
+#d430
+{background-color:#FF4500}
+
+#d431
+{background-color:#FF4500}
+
+#d432
+{background-color:#EE4000}
+
+#d433
+{background-color:#CD3700}
+
+#d434
+{background-color:#8B2500}
+
+#d435
+{background-color:#E9967A}
+
+#d436
+{background-color:#FF8C69}
+
+#d437
+{background-color:#EE8262}
+
+#d438
+{background-color:#CD7054}
+
+#d439
+{background-color:#8B4C39}
+
+#d440
+{background-color:#FF7256}
+
+#d441
+{background-color:#EE6A50}
+
+#d442
+{background-color:#CD5B45}
+
+#d443
+{background-color:#8B3E2F}
+
+#d444
+{background-color:#8B3626}
+
+#d445
+{background-color:#FF6347}
+
+#d446
+{background-color:#FF6347}
+
+#d447
+{background-color:#EE5C42}
+
+#d448
+{background-color:#CD4F39}
+
+#d449
+{background-color:#8B7D7B}
+
+#d450
+{background-color:#EED5D2}
+
+#d451
+{background-color:#FFE4E1}
+
+#d452
+{background-color:#FFE4E1}
+
+#d453
+{background-color:#FA8072}
+
+#d454
+{background-color:#CDB7B5}
+
+#d455
+{background-color:#FFFFFF}
+
+#d456
+{background-color:#FFFFFF}
+
+#d457
+{background-color:#FFFFFF}
+
+#d458
+{background-color:#FFFFFF}
+
+#d459
+{background-color:#FCFCFC}
+
+#d460
+{background-color:#FCFCFC}
+
+#d461
+{background-color:#FAFAFA}
+
+#d462
+{background-color:#FAFAFA}
+
+#d463
+{background-color:#F7F7F7}
+
+#d464
+{background-color:#F7F7F7}
+
+#d465
+{background-color:#F5F5F5}
+
+#d466
+{background-color:#F5F5F5}
+
+#d467
+{background-color:#F5F5F5}
+
+#d468
+{background-color:#F2F2F2}
+
+#d469
+{background-color:#F2F2F2}
+
+#d470
+{background-color:#F0F0F0}
+
+#d471
+{background-color:#F0F0F0}
+
+#d472
+{background-color:#EDEDED}
+
+#d473
+{background-color:#EDEDED}
+
+#d474
+{background-color:#EBEBEB}
+
+#d475
+{background-color:#EBEBEB}
+
+#d476
+{background-color:#E8E8E8}
+
+#d477
+{background-color:#E8E8E8}
+
+#d478
+{background-color:#E5E5E5}
+
+#d479
+{background-color:#E5E5E5}
+
+#d480
+{background-color:#E3E3E3}
+
+#d481
+{background-color:#E3E3E3}
+
+#d482
+{background-color:#E0E0E0}
+
+#d483
+{background-color:#E0E0E0}
+
+#d484
+{background-color:#DEDEDE}
+
+#d485
+{background-color:#DEDEDE}
+
+#d486
+{background-color:#DCDCDC}
+
+#d487
+{background-color:#DBDBDB}
+
+#d488
+{background-color:#DBDBDB}
+
+#d489
+{background-color:#D9D9D9}
+
+#d490
+{background-color:#D9D9D9}
+
+#d491
+{background-color:#D6D6D6}
+
+#d492
+{background-color:#D6D6D6}
+
+#d493
+{background-color:#D4D4D4}
+
+#d494
+{background-color:#D4D4D4}
+
+#d495
+{background-color:#D3D3D3}
+
+#d496
+{background-color:#D3D3D3}
+
+#d497
+{background-color:#D1D1D1}
+
+#d498
+{background-color:#D1D1D1}
+
+#d499
+{background-color:#CFCFCF}
+
+#d500
+{background-color:#CFCFCF}
+
+#d501
+{background-color:#CCCCCC}
+
+#d502
+{background-color:#CCCCCC}
+
+#d503
+{background-color:#C9C9C9}
+
+#d504
+{background-color:#C9C9C9}
+
+#d505
+{background-color:#C7C7C7}
+
+#d506
+{background-color:#C7C7C7}
+
+#d507
+{background-color:#C4C4C4}
+
+#d508
+{background-color:#C4C4C4}
+
+#d509
+{background-color:#C2C2C2}
+
+#d510
+{background-color:#C2C2C2}
+
+#d511
+{background-color:#C0C0C0}
+
+#d512
+{background-color:#BFBFBF}
+
+#d513
+{background-color:#BFBFBF}
+
+#d514
+{background-color:#BDBDBD}
+
+#d515
+{background-color:#BDBDBD}
+
+#d516
+{background-color:#BABABA}
+
+#d517
+{background-color:#BABABA}
+
+#d518
+{background-color:#B8B8B8}
+
+#d519
+{background-color:#B8B8B8}
+
+#d520
+{background-color:#B5B5B5}
+
+#d521
+{background-color:#B5B5B5}
+
+#d522
+{background-color:#B3B3B3}
+
+#d523
+{background-color:#B3B3B3}
+
+#d524
+{background-color:#B0B0B0}
+
+#d525
+{background-color:#B0B0B0}
+
+#d526
+{background-color:#ADADAD}
+
+#d527
+{background-color:#ADADAD}
+
+#d528
+{background-color:#ABABAB}
+
+#d529
+{background-color:#ABABAB}
+
+#d530
+{background-color:#A9A9A9}
+
+#d531
+{background-color:#A9A9A9}
+
+#d532
+{background-color:#A8A8A8}
+
+#d533
+{background-color:#A8A8A8}
+
+#d534
+{background-color:#A6A6A6}
+
+#d535
+{background-color:#A6A6A6}
+
+#d536
+{background-color:#A3A3A3}
+
+#d537
+{background-color:#A3A3A3}
+
+#d538
+{background-color:#A1A1A1}
+
+#d539
+{background-color:#A1A1A1}
+
+#d540
+{background-color:#9E9E9E}
+
+#d541
+{background-color:#9E9E9E}
+
+#d542
+{background-color:#9C9C9C}
+
+#d543
+{background-color:#9C9C9C}
+
+#d544
+{background-color:#999999}
+
+#d545
+{background-color:#999999}
+
+#d546
+{background-color:#969696}
+
+#d547
+{background-color:#969696}
+
+#d548
+{background-color:#949494}
+
+#d549
+{background-color:#949494}
+
+#d550
+{background-color:#919191}
+
+#d551
+{background-color:#919191}
+
+#d552
+{background-color:#8F8F8F}
+
+#d553
+{background-color:#8F8F8F}
+
+#d554
+{background-color:#8C8C8C}
+
+#d555
+{background-color:#8C8C8C}
+
+#d556
+{background-color:#8A8A8A}
+
+#d557
+{background-color:#8A8A8A}
+
+#d558
+{background-color:#878787}
+
+#d559
+{background-color:#878787}
+
+#d560
+{background-color:#858585}
+
+#d561
+{background-color:#858585}
+
+#d562
+{background-color:#828282}
+
+#d563
+{background-color:#828282}
+
+#d564
+{background-color:#808080}
+
+#d565
+{background-color:#7F7F7F}
+
+#d566
+{background-color:#7F7F7F}
+
+#d567
+{background-color:#7E7E7E}
+
+#d568
+{background-color:#7D7D7D}
+
+#d569
+{background-color:#7D7D7D}
+
+#d570
+{background-color:#7A7A7A}
+
+#d571
+{background-color:#7A7A7A}
+
+#d572
+{background-color:#787878}
+
+#d573
+{background-color:#787878}
+
+#d574
+{background-color:#757575}
+
+#d575
+{background-color:#757575}
+
+#d576
+{background-color:#737373}
+
+#d577
+{background-color:#737373}
+
+#d578
+{background-color:#707070}
+
+#d579
+{background-color:#707070}
+
+#d580
+{background-color:#6E6E6E}
+
+#d581
+{background-color:#6E6E6E}
+
+#d582
+{background-color:#6B6B6B}
+
+#d583
+{background-color:#6B6B6B}
+
+#d584
+{background-color:#696969}
+
+#d585
+{background-color:#696969}
+
+#d586
+{background-color:#696969}
+
+#d587
+{background-color:#696969}
+
+#d588
+{background-color:#666666}
+
+#d589
+{background-color:#666666}
+
+#d590
+{background-color:#636363}
+
+#d591
+{background-color:#636363}
+
+#d592
+{background-color:#616161}
+
+#d593
+{background-color:#616161}
+
+#d594
+{background-color:#5E5E5E}
+
+#d595
+{background-color:#5E5E5E}
+
+#d596
+{background-color:#5C5C5C}
+
+#d597
+{background-color:#5C5C5C}
+
+#d598
+{background-color:#595959}
+
+#d599
+{background-color:#595959}
+
+#d600
+{background-color:#575757}
+
+#d601
+{background-color:#575757}
+
+#d602
+{background-color:#545454}
+
+#d603
+{background-color:#545454}
+
+#d604
+{background-color:#525252}
+
+#d605
+{background-color:#525252}
+
+#d606
+{background-color:#4F4F4F}
+
+#d607
+{background-color:#4F4F4F}
+
+#d608
+{background-color:#4D4D4D}
+
+#d609
+{background-color:#4D4D4D}
+
+#d610
+{background-color:#4A4A4A}
+
+#d611
+{background-color:#4A4A4A}
+
+#d612
+{background-color:#474747}
+
+#d613
+{background-color:#474747}
+
+#d614
+{background-color:#454545}
+
+#d615
+{background-color:#454545}
+
+#d616
+{background-color:#424242}
+
+#d617
+{background-color:#424242}
+
+#d618
+{background-color:#404040}
+
+#d619
+{background-color:#404040}
+
+#d620
+{background-color:#3D3D3D}
+
+#d621
+{background-color:#3D3D3D}
+
+#d622
+{background-color:#3B3B3B}
+
+#d623
+{background-color:#3B3B3B}
+
+#d624
+{background-color:#383838}
+
+#d625
+{background-color:#383838}
+
+#d626
+{background-color:#363636}
+
+#d627
+{background-color:#363636}
+
+#d628
+{background-color:#333333}
+
+#d629
+{background-color:#333333}
+
+#d630
+{background-color:#303030}
+
+#d631
+{background-color:#303030}
+
+#d632
+{background-color:#2E2E2E}
+
+#d633
+{background-color:#2E2E2E}
+
+#d634
+{background-color:#2B2B2B}
+
+#d635
+{background-color:#2B2B2B}
+
+#d636
+{background-color:#292929}
+
+#d637
+{background-color:#292929}
+
+#d638
+{background-color:#262626}
+
+#d639
+{background-color:#262626}
+
+#d640
+{background-color:#242424}
+
+#d641
+{background-color:#242424}
+
+#d642
+{background-color:#212121}
+
+#d643
+{background-color:#212121}
+
+#d644
+{background-color:#1F1F1F}
+
+#d645
+{background-color:#1F1F1F}
+
+#d646
+{background-color:#1C1C1C}
+
+#d647
+{background-color:#1C1C1C}
+
+#d648
+{background-color:#1A1A1A}
+
+#d649
+{background-color:#1A1A1A}
+
+#d650
+{background-color:#171717}
+
+#d651
+{background-color:#171717}
+
+#d652
+{background-color:#141414}
+
+#d653
+{background-color:#141414}
+
+#d654
+{background-color:#121212}
+
+#d655
+{background-color:#121212}
+
+#d656
+{background-color:#0F0F0F}
+
+#d657
+{background-color:#0F0F0F}
+
+#d658
+{background-color:#0D0D0D}
+
+#d659
+{background-color:#0D0D0D}
+
+#d660
+{background-color:#0A0A0A}
+
+#d661
+{background-color:#0A0A0A}
+
+#d662
+{background-color:#080808}
+
+#d663
+{background-color:#080808}
+
+#d664
+{background-color:#050505}
+
+#d665
+{background-color:#050505}
+
+#d666
+{background-color:#030303}
+
+#d667
+{background-color:#030303}
+
+#d668
+{background-color:#000000}
+
+#d669
+{background-color:#000000}
+
+#d670
+{background-color:#000000}
+
+#d671
+{background-color:#000000}
+
+#d672
+{background-color:#000000}
+
+#d673
+{background-color:#000000}
+.colors
+{
+height:30px;
+width:10px;
+}
+</style></head><body>
+<div id='container'>
+<div id='d0' class='colors'>
+snow</div>
+<div id='d1' class='colors'>
+snow1</div>
+<div id='d2' class='colors'>
+snow2</div>
+<div id='d3' class='colors'>
+RosyBrown1</div>
+<div id='d4' class='colors'>
+RosyBrown2</div>
+<div id='d5' class='colors'>
+snow3</div>
+<div id='d6' class='colors'>
+LightCoral</div>
+<div id='d7' class='colors'>
+IndianRed1</div>
+<div id='d8' class='colors'>
+RosyBrown3</div>
+<div id='d9' class='colors'>
+IndianRed2</div>
+<div id='d10' class='colors'>
+RosyBrown</div>
+<div id='d11' class='colors'>
+brown1</div>
+<div id='d12' class='colors'>
+firebrick1</div>
+<div id='d13' class='colors'>
+brown2</div>
+<div id='d14' class='colors'>
+IndianRed</div>
+<div id='d15' class='colors'>
+IndianRed3</div>
+<div id='d16' class='colors'>
+firebrick2</div>
+<div id='d17' class='colors'>
+snow4</div>
+<div id='d18' class='colors'>
+brown3</div>
+<div id='d19' class='colors'>
+red</div>
+<div id='d20' class='colors'>
+red1</div>
+<div id='d21' class='colors'>
+RosyBrown4</div>
+<div id='d22' class='colors'>
+firebrick3</div>
+<div id='d23' class='colors'>
+red2</div>
+<div id='d24' class='colors'>
+firebrick</div>
+<div id='d25' class='colors'>
+brown</div>
+<div id='d26' class='colors'>
+red3</div>
+<div id='d27' class='colors'>
+IndianRed4</div>
+<div id='d28' class='colors'>
+brown4</div>
+<div id='d29' class='colors'>
+firebrick4</div>
+<div id='d30' class='colors'>
+DarkRed</div>
+<div id='d31' class='colors'>
+red4</div>
+<div id='d32' class='colors'>
+maroon</div>
+<div id='d33' class='colors'>
+LightPink1</div>
+<div id='d34' class='colors'>
+LightPink3</div>
+<div id='d35' class='colors'>
+LightPink4</div>
+<div id='d36' class='colors'>
+LightPink2</div>
+<div id='d37' class='colors'>
+LightPink</div>
+<div id='d38' class='colors'>
+pink</div>
+<div id='d39' class='colors'>
+crimson</div>
+<div id='d40' class='colors'>
+pink1</div>
+<div id='d41' class='colors'>
+pink2</div>
+<div id='d42' class='colors'>
+pink3</div>
+<div id='d43' class='colors'>
+pink4</div>
+<div id='d44' class='colors'>
+PaleVioletRed4</div>
+<div id='d45' class='colors'>
+PaleVioletRed</div>
+<div id='d46' class='colors'>
+PaleVioletRed2</div>
+<div id='d47' class='colors'>
+PaleVioletRed1</div>
+<div id='d48' class='colors'>
+PaleVioletRed3</div>
+<div id='d49' class='colors'>
+LavenderBlush</div>
+<div id='d50' class='colors'>
+LavenderBlush1</div>
+<div id='d51' class='colors'>
+LavenderBlush3</div>
+<div id='d52' class='colors'>
+LavenderBlush2</div>
+<div id='d53' class='colors'>
+LavenderBlush4</div>
+<div id='d54' class='colors'>
+maroon</div>
+<div id='d55' class='colors'>
+HotPink3</div>
+<div id='d56' class='colors'>
+VioletRed3</div>
+<div id='d57' class='colors'>
+VioletRed1</div>
+<div id='d58' class='colors'>
+VioletRed2</div>
+<div id='d59' class='colors'>
+VioletRed4</div>
+<div id='d60' class='colors'>
+HotPink2</div>
+<div id='d61' class='colors'>
+HotPink1</div>
+<div id='d62' class='colors'>
+HotPink4</div>
+<div id='d63' class='colors'>
+HotPink</div>
+<div id='d64' class='colors'>
+DeepPink</div>
+<div id='d65' class='colors'>
+DeepPink1</div>
+<div id='d66' class='colors'>
+DeepPink2</div>
+<div id='d67' class='colors'>
+DeepPink3</div>
+<div id='d68' class='colors'>
+DeepPink4</div>
+<div id='d69' class='colors'>
+maroon1</div>
+<div id='d70' class='colors'>
+maroon2</div>
+<div id='d71' class='colors'>
+maroon3</div>
+<div id='d72' class='colors'>
+maroon4</div>
+<div id='d73' class='colors'>
+MediumVioletRed</div>
+<div id='d74' class='colors'>
+VioletRed</div>
+<div id='d75' class='colors'>
+orchid2</div>
+<div id='d76' class='colors'>
+orchid</div>
+<div id='d77' class='colors'>
+orchid1</div>
+<div id='d78' class='colors'>
+orchid3</div>
+<div id='d79' class='colors'>
+orchid4</div>
+<div id='d80' class='colors'>
+thistle1</div>
+<div id='d81' class='colors'>
+thistle2</div>
+<div id='d82' class='colors'>
+plum1</div>
+<div id='d83' class='colors'>
+plum2</div>
+<div id='d84' class='colors'>
+thistle</div>
+<div id='d85' class='colors'>
+thistle3</div>
+<div id='d86' class='colors'>
+plum</div>
+<div id='d87' class='colors'>
+violet</div>
+<div id='d88' class='colors'>
+plum3</div>
+<div id='d89' class='colors'>
+thistle4</div>
+<div id='d90' class='colors'>
+fuchsia</div>
+<div id='d91' class='colors'>
+magenta</div>
+<div id='d92' class='colors'>
+magenta1</div>
+<div id='d93' class='colors'>
+plum4</div>
+<div id='d94' class='colors'>
+magenta2</div>
+<div id='d95' class='colors'>
+magenta3</div>
+<div id='d96' class='colors'>
+DarkMagenta</div>
+<div id='d97' class='colors'>
+magenta4</div>
+<div id='d98' class='colors'>
+purple</div>
+<div id='d99' class='colors'>
+MediumOrchid</div>
+<div id='d100' class='colors'>
+MediumOrchid1</div>
+<div id='d101' class='colors'>
+MediumOrchid2</div>
+<div id='d102' class='colors'>
+MediumOrchid3</div>
+<div id='d103' class='colors'>
+MediumOrchid4</div>
+<div id='d104' class='colors'>
+DarkViolet</div>
+<div id='d105' class='colors'>
+DarkOrchid</div>
+<div id='d106' class='colors'>
+DarkOrchid1</div>
+<div id='d107' class='colors'>
+DarkOrchid3</div>
+<div id='d108' class='colors'>
+DarkOrchid2</div>
+<div id='d109' class='colors'>
+DarkOrchid4</div>
+<div id='d110' class='colors'>
+purple</div>
+<div id='d111' class='colors'>
+indigo</div>
+<div id='d112' class='colors'>
+BlueViolet</div>
+<div id='d113' class='colors'>
+purple2</div>
+<div id='d114' class='colors'>
+purple3</div>
+<div id='d115' class='colors'>
+purple4</div>
+<div id='d116' class='colors'>
+purple1</div>
+<div id='d117' class='colors'>
+MediumPurple</div>
+<div id='d118' class='colors'>
+MediumPurple1</div>
+<div id='d119' class='colors'>
+MediumPurple2</div>
+<div id='d120' class='colors'>
+MediumPurple3</div>
+<div id='d121' class='colors'>
+MediumPurple4</div>
+<div id='d122' class='colors'>
+DarkSlateBlue</div>
+<div id='d123' class='colors'>
+LightSlateBlue</div>
+<div id='d124' class='colors'>
+MediumSlateBlue</div>
+<div id='d125' class='colors'>
+SlateBlue</div>
+<div id='d126' class='colors'>
+SlateBlue1</div>
+<div id='d127' class='colors'>
+SlateBlue2</div>
+<div id='d128' class='colors'>
+SlateBlue3</div>
+<div id='d129' class='colors'>
+SlateBlue4</div>
+<div id='d130' class='colors'>
+GhostWhite</div>
+<div id='d131' class='colors'>
+lavender</div>
+<div id='d132' class='colors'>
+blue</div>
+<div id='d133' class='colors'>
+blue1</div>
+<div id='d134' class='colors'>
+blue2</div>
+<div id='d135' class='colors'>
+blue3</div>
+<div id='d136' class='colors'>
+MediumBlue</div>
+<div id='d137' class='colors'>
+blue4</div>
+<div id='d138' class='colors'>
+DarkBlue</div>
+<div id='d139' class='colors'>
+MidnightBlue</div>
+<div id='d140' class='colors'>
+navy</div>
+<div id='d141' class='colors'>
+NavyBlue</div>
+<div id='d142' class='colors'>
+RoyalBlue</div>
+<div id='d143' class='colors'>
+RoyalBlue1</div>
+<div id='d144' class='colors'>
+RoyalBlue2</div>
+<div id='d145' class='colors'>
+RoyalBlue3</div>
+<div id='d146' class='colors'>
+RoyalBlue4</div>
+<div id='d147' class='colors'>
+CornflowerBlue</div>
+<div id='d148' class='colors'>
+LightSteelBlue</div>
+<div id='d149' class='colors'>
+LightSteelBlue1</div>
+<div id='d150' class='colors'>
+LightSteelBlue2</div>
+<div id='d151' class='colors'>
+LightSteelBlue3</div>
+<div id='d152' class='colors'>
+LightSteelBlue4</div>
+<div id='d153' class='colors'>
+SlateGray4</div>
+<div id='d154' class='colors'>
+SlateGray1</div>
+<div id='d155' class='colors'>
+SlateGray2</div>
+<div id='d156' class='colors'>
+SlateGray3</div>
+<div id='d157' class='colors'>
+LightSlateGray</div>
+<div id='d158' class='colors'>
+LightSlateGrey</div>
+<div id='d159' class='colors'>
+SlateGray</div>
+<div id='d160' class='colors'>
+SlateGrey</div>
+<div id='d161' class='colors'>
+DodgerBlue</div>
+<div id='d162' class='colors'>
+DodgerBlue1</div>
+<div id='d163' class='colors'>
+DodgerBlue2</div>
+<div id='d164' class='colors'>
+DodgerBlue4</div>
+<div id='d165' class='colors'>
+DodgerBlue3</div>
+<div id='d166' class='colors'>
+AliceBlue</div>
+<div id='d167' class='colors'>
+SteelBlue4</div>
+<div id='d168' class='colors'>
+SteelBlue</div>
+<div id='d169' class='colors'>
+SteelBlue1</div>
+<div id='d170' class='colors'>
+SteelBlue2</div>
+<div id='d171' class='colors'>
+SteelBlue3</div>
+<div id='d172' class='colors'>
+SkyBlue4</div>
+<div id='d173' class='colors'>
+SkyBlue1</div>
+<div id='d174' class='colors'>
+SkyBlue2</div>
+<div id='d175' class='colors'>
+SkyBlue3</div>
+<div id='d176' class='colors'>
+LightSkyBlue</div>
+<div id='d177' class='colors'>
+LightSkyBlue4</div>
+<div id='d178' class='colors'>
+LightSkyBlue1</div>
+<div id='d179' class='colors'>
+LightSkyBlue2</div>
+<div id='d180' class='colors'>
+LightSkyBlue3</div>
+<div id='d181' class='colors'>
+SkyBlue</div>
+<div id='d182' class='colors'>
+LightBlue3</div>
+<div id='d183' class='colors'>
+DeepSkyBlue</div>
+<div id='d184' class='colors'>
+DeepSkyBlue1</div>
+<div id='d185' class='colors'>
+DeepSkyBlue2</div>
+<div id='d186' class='colors'>
+DeepSkyBlue4</div>
+<div id='d187' class='colors'>
+DeepSkyBlue3</div>
+<div id='d188' class='colors'>
+LightBlue1</div>
+<div id='d189' class='colors'>
+LightBlue2</div>
+<div id='d190' class='colors'>
+LightBlue</div>
+<div id='d191' class='colors'>
+LightBlue4</div>
+<div id='d192' class='colors'>
+PowderBlue</div>
+<div id='d193' class='colors'>
+CadetBlue1</div>
+<div id='d194' class='colors'>
+CadetBlue2</div>
+<div id='d195' class='colors'>
+CadetBlue3</div>
+<div id='d196' class='colors'>
+CadetBlue4</div>
+<div id='d197' class='colors'>
+turquoise1</div>
+<div id='d198' class='colors'>
+turquoise2</div>
+<div id='d199' class='colors'>
+turquoise3</div>
+<div id='d200' class='colors'>
+turquoise4</div>
+<div id='d201' class='colors'>
+cadet blue</div>
+<div id='d202' class='colors'>
+CadetBlue</div>
+<div id='d203' class='colors'>
+DarkTurquoise</div>
+<div id='d204' class='colors'>
+azure</div>
+<div id='d205' class='colors'>
+azure1</div>
+<div id='d206' class='colors'>
+LightCyan</div>
+<div id='d207' class='colors'>
+LightCyan1</div>
+<div id='d208' class='colors'>
+azure2</div>
+<div id='d209' class='colors'>
+LightCyan2</div>
+<div id='d210' class='colors'>
+PaleTurquoise1</div>
+<div id='d211' class='colors'>
+PaleTurquoise</div>
+<div id='d212' class='colors'>
+PaleTurquoise2</div>
+<div id='d213' class='colors'>
+DarkSlateGray1</div>
+<div id='d214' class='colors'>
+azure3</div>
+<div id='d215' class='colors'>
+LightCyan3</div>
+<div id='d216' class='colors'>
+DarkSlateGray2</div>
+<div id='d217' class='colors'>
+PaleTurquoise3</div>
+<div id='d218' class='colors'>
+DarkSlateGray3</div>
+<div id='d219' class='colors'>
+azure4</div>
+<div id='d220' class='colors'>
+LightCyan4</div>
+<div id='d221' class='colors'>
+aqua</div>
+<div id='d222' class='colors'>
+cyan</div>
+<div id='d223' class='colors'>
+cyan1</div>
+<div id='d224' class='colors'>
+PaleTurquoise4</div>
+<div id='d225' class='colors'>
+cyan2</div>
+<div id='d226' class='colors'>
+DarkSlateGray4</div>
+<div id='d227' class='colors'>
+cyan3</div>
+<div id='d228' class='colors'>
+cyan4</div>
+<div id='d229' class='colors'>
+DarkCyan</div>
+<div id='d230' class='colors'>
+teal</div>
+<div id='d231' class='colors'>
+DarkSlateGray</div>
+<div id='d232' class='colors'>
+DarkSlateGrey</div>
+<div id='d233' class='colors'>
+MediumTurquoise</div>
+<div id='d234' class='colors'>
+LightSeaGreen</div>
+<div id='d235' class='colors'>
+turquoise</div>
+<div id='d236' class='colors'>
+aquamarine4</div>
+<div id='d237' class='colors'>
+aquamarine</div>
+<div id='d238' class='colors'>
+aquamarine1</div>
+<div id='d239' class='colors'>
+aquamarine2</div>
+<div id='d240' class='colors'>
+aquamarine3</div>
+<div id='d241' class='colors'>
+MediumAquamarine</div>
+<div id='d242' class='colors'>
+MediumSpringGreen</div>
+<div id='d243' class='colors'>
+MintCream</div>
+<div id='d244' class='colors'>
+SpringGreen</div>
+<div id='d245' class='colors'>
+SpringGreen1</div>
+<div id='d246' class='colors'>
+SpringGreen2</div>
+<div id='d247' class='colors'>
+SpringGreen3</div>
+<div id='d248' class='colors'>
+SpringGreen4</div>
+<div id='d249' class='colors'>
+MediumSeaGreen</div>
+<div id='d250' class='colors'>
+SeaGreen</div>
+<div id='d251' class='colors'>
+SeaGreen3</div>
+<div id='d252' class='colors'>
+SeaGreen1</div>
+<div id='d253' class='colors'>
+SeaGreen4</div>
+<div id='d254' class='colors'>
+SeaGreen2</div>
+<div id='d255' class='colors'>
+MediumForestGreen</div>
+<div id='d256' class='colors'>
+honeydew</div>
+<div id='d257' class='colors'>
+honeydew1</div>
+<div id='d258' class='colors'>
+honeydew2</div>
+<div id='d259' class='colors'>
+DarkSeaGreen1</div>
+<div id='d260' class='colors'>
+DarkSeaGreen2</div>
+<div id='d261' class='colors'>
+PaleGreen1</div>
+<div id='d262' class='colors'>
+PaleGreen</div>
+<div id='d263' class='colors'>
+honeydew3</div>
+<div id='d264' class='colors'>
+LightGreen</div>
+<div id='d265' class='colors'>
+PaleGreen2</div>
+<div id='d266' class='colors'>
+DarkSeaGreen3</div>
+<div id='d267' class='colors'>
+DarkSeaGreen</div>
+<div id='d268' class='colors'>
+PaleGreen3</div>
+<div id='d269' class='colors'>
+honeydew4</div>
+<div id='d270' class='colors'>
+green1</div>
+<div id='d271' class='colors'>
+lime</div>
+<div id='d272' class='colors'>
+LimeGreen</div>
+<div id='d273' class='colors'>
+DarkSeaGreen4</div>
+<div id='d274' class='colors'>
+green2</div>
+<div id='d275' class='colors'>
+PaleGreen4</div>
+<div id='d276' class='colors'>
+green3</div>
+<div id='d277' class='colors'>
+ForestGreen</div>
+<div id='d278' class='colors'>
+green4</div>
+<div id='d279' class='colors'>
+green</div>
+<div id='d280' class='colors'>
+DarkGreen</div>
+<div id='d281' class='colors'>
+LawnGreen</div>
+<div id='d282' class='colors'>
+chartreuse</div>
+<div id='d283' class='colors'>
+chartreuse1</div>
+<div id='d284' class='colors'>
+chartreuse2</div>
+<div id='d285' class='colors'>
+chartreuse3</div>
+<div id='d286' class='colors'>
+chartreuse4</div>
+<div id='d287' class='colors'>
+GreenYellow</div>
+<div id='d288' class='colors'>
+DarkOliveGreen3</div>
+<div id='d289' class='colors'>
+DarkOliveGreen1</div>
+<div id='d290' class='colors'>
+DarkOliveGreen2</div>
+<div id='d291' class='colors'>
+DarkOliveGreen4</div>
+<div id='d292' class='colors'>
+DarkOliveGreen</div>
+<div id='d293' class='colors'>
+OliveDrab</div>
+<div id='d294' class='colors'>
+OliveDrab1</div>
+<div id='d295' class='colors'>
+OliveDrab2</div>
+<div id='d296' class='colors'>
+OliveDrab3</div>
+<div id='d297' class='colors'>
+YellowGreen</div>
+<div id='d298' class='colors'>
+OliveDrab4</div>
+<div id='d299' class='colors'>
+ivory</div>
+<div id='d300' class='colors'>
+ivory1</div>
+<div id='d301' class='colors'>
+LightYellow</div>
+<div id='d302' class='colors'>
+LightYellow1</div>
+<div id='d303' class='colors'>
+beige</div>
+<div id='d304' class='colors'>
+ivory2</div>
+<div id='d305' class='colors'>
+LightGoldenrodYellow</div>
+<div id='d306' class='colors'>
+LightYellow2</div>
+<div id='d307' class='colors'>
+ivory3</div>
+<div id='d308' class='colors'>
+LightYellow3</div>
+<div id='d309' class='colors'>
+ivory4</div>
+<div id='d310' class='colors'>
+LightYellow4</div>
+<div id='d311' class='colors'>
+yellow</div>
+<div id='d312' class='colors'>
+yellow1</div>
+<div id='d313' class='colors'>
+yellow2</div>
+<div id='d314' class='colors'>
+yellow3</div>
+<div id='d315' class='colors'>
+yellow4</div>
+<div id='d316' class='colors'>
+olive</div>
+<div id='d317' class='colors'>
+DarkKhaki</div>
+<div id='d318' class='colors'>
+khaki2</div>
+<div id='d319' class='colors'>
+LemonChiffon4</div>
+<div id='d320' class='colors'>
+khaki1</div>
+<div id='d321' class='colors'>
+khaki3</div>
+<div id='d322' class='colors'>
+khaki4</div>
+<div id='d323' class='colors'>
+PaleGoldenrod</div>
+<div id='d324' class='colors'>
+LemonChiffon</div>
+<div id='d325' class='colors'>
+LemonChiffon1</div>
+<div id='d326' class='colors'>
+khaki</div>
+<div id='d327' class='colors'>
+LemonChiffon3</div>
+<div id='d328' class='colors'>
+LemonChiffon2</div>
+<div id='d329' class='colors'>
+MediumGoldenRod</div>
+<div id='d330' class='colors'>
+cornsilk4</div>
+<div id='d331' class='colors'>
+gold</div>
+<div id='d332' class='colors'>
+gold1</div>
+<div id='d333' class='colors'>
+gold2</div>
+<div id='d334' class='colors'>
+gold3</div>
+<div id='d335' class='colors'>
+gold4</div>
+<div id='d336' class='colors'>
+LightGoldenrod</div>
+<div id='d337' class='colors'>
+LightGoldenrod4</div>
+<div id='d338' class='colors'>
+LightGoldenrod1</div>
+<div id='d339' class='colors'>
+LightGoldenrod3</div>
+<div id='d340' class='colors'>
+LightGoldenrod2</div>
+<div id='d341' class='colors'>
+cornsilk3</div>
+<div id='d342' class='colors'>
+cornsilk2</div>
+<div id='d343' class='colors'>
+cornsilk</div>
+<div id='d344' class='colors'>
+cornsilk1</div>
+<div id='d345' class='colors'>
+goldenrod</div>
+<div id='d346' class='colors'>
+goldenrod1</div>
+<div id='d347' class='colors'>
+goldenrod2</div>
+<div id='d348' class='colors'>
+goldenrod3</div>
+<div id='d349' class='colors'>
+goldenrod4</div>
+<div id='d350' class='colors'>
+DarkGoldenrod</div>
+<div id='d351' class='colors'>
+DarkGoldenrod1</div>
+<div id='d352' class='colors'>
+DarkGoldenrod2</div>
+<div id='d353' class='colors'>
+DarkGoldenrod3</div>
+<div id='d354' class='colors'>
+DarkGoldenrod4</div>
+<div id='d355' class='colors'>
+FloralWhite</div>
+<div id='d356' class='colors'>
+wheat2</div>
+<div id='d357' class='colors'>
+OldLace</div>
+<div id='d358' class='colors'>
+wheat</div>
+<div id='d359' class='colors'>
+wheat1</div>
+<div id='d360' class='colors'>
+wheat3</div>
+<div id='d361' class='colors'>
+orange</div>
+<div id='d362' class='colors'>
+orange1</div>
+<div id='d363' class='colors'>
+orange2</div>
+<div id='d364' class='colors'>
+orange3</div>
+<div id='d365' class='colors'>
+orange4</div>
+<div id='d366' class='colors'>
+wheat4</div>
+<div id='d367' class='colors'>
+moccasin</div>
+<div id='d368' class='colors'>
+PapayaWhip</div>
+<div id='d369' class='colors'>
+NavajoWhite3</div>
+<div id='d370' class='colors'>
+BlanchedAlmond</div>
+<div id='d371' class='colors'>
+NavajoWhite</div>
+<div id='d372' class='colors'>
+NavajoWhite1</div>
+<div id='d373' class='colors'>
+NavajoWhite2</div>
+<div id='d374' class='colors'>
+NavajoWhite4</div>
+<div id='d375' class='colors'>
+AntiqueWhite4</div>
+<div id='d376' class='colors'>
+AntiqueWhite</div>
+<div id='d377' class='colors'>
+tan</div>
+<div id='d378' class='colors'>
+bisque4</div>
+<div id='d379' class='colors'>
+burlywood</div>
+<div id='d380' class='colors'>
+AntiqueWhite2</div>
+<div id='d381' class='colors'>
+burlywood1</div>
+<div id='d382' class='colors'>
+burlywood3</div>
+<div id='d383' class='colors'>
+burlywood2</div>
+<div id='d384' class='colors'>
+AntiqueWhite1</div>
+<div id='d385' class='colors'>
+burlywood4</div>
+<div id='d386' class='colors'>
+AntiqueWhite3</div>
+<div id='d387' class='colors'>
+DarkOrange</div>
+<div id='d388' class='colors'>
+bisque2</div>
+<div id='d389' class='colors'>
+bisque</div>
+<div id='d390' class='colors'>
+bisque1</div>
+<div id='d391' class='colors'>
+bisque3</div>
+<div id='d392' class='colors'>
+DarkOrange1</div>
+<div id='d393' class='colors'>
+linen</div>
+<div id='d394' class='colors'>
+DarkOrange2</div>
+<div id='d395' class='colors'>
+DarkOrange3</div>
+<div id='d396' class='colors'>
+DarkOrange4</div>
+<div id='d397' class='colors'>
+peru</div>
+<div id='d398' class='colors'>
+tan1</div>
+<div id='d399' class='colors'>
+tan2</div>
+<div id='d400' class='colors'>
+tan3</div>
+<div id='d401' class='colors'>
+tan4</div>
+<div id='d402' class='colors'>
+PeachPuff</div>
+<div id='d403' class='colors'>
+PeachPuff1</div>
+<div id='d404' class='colors'>
+PeachPuff4</div>
+<div id='d405' class='colors'>
+PeachPuff2</div>
+<div id='d406' class='colors'>
+PeachPuff3</div>
+<div id='d407' class='colors'>
+SandyBrown</div>
+<div id='d408' class='colors'>
+seashell4</div>
+<div id='d409' class='colors'>
+seashell2</div>
+<div id='d410' class='colors'>
+seashell3</div>
+<div id='d411' class='colors'>
+chocolate</div>
+<div id='d412' class='colors'>
+chocolate1</div>
+<div id='d413' class='colors'>
+chocolate2</div>
+<div id='d414' class='colors'>
+chocolate3</div>
+<div id='d415' class='colors'>
+chocolate4</div>
+<div id='d416' class='colors'>
+SaddleBrown</div>
+<div id='d417' class='colors'>
+seashell</div>
+<div id='d418' class='colors'>
+seashell1</div>
+<div id='d419' class='colors'>
+sienna4</div>
+<div id='d420' class='colors'>
+sienna</div>
+<div id='d421' class='colors'>
+sienna1</div>
+<div id='d422' class='colors'>
+sienna2</div>
+<div id='d423' class='colors'>
+sienna3</div>
+<div id='d424' class='colors'>
+LightSalmon3</div>
+<div id='d425' class='colors'>
+LightSalmon</div>
+<div id='d426' class='colors'>
+LightSalmon1</div>
+<div id='d427' class='colors'>
+LightSalmon4</div>
+<div id='d428' class='colors'>
+LightSalmon2</div>
+<div id='d429' class='colors'>
+coral</div>
+<div id='d430' class='colors'>
+OrangeRed</div>
+<div id='d431' class='colors'>
+OrangeRed1</div>
+<div id='d432' class='colors'>
+OrangeRed2</div>
+<div id='d433' class='colors'>
+OrangeRed3</div>
+<div id='d434' class='colors'>
+OrangeRed4</div>
+<div id='d435' class='colors'>
+DarkSalmon</div>
+<div id='d436' class='colors'>
+salmon1</div>
+<div id='d437' class='colors'>
+salmon2</div>
+<div id='d438' class='colors'>
+salmon3</div>
+<div id='d439' class='colors'>
+salmon4</div>
+<div id='d440' class='colors'>
+coral1</div>
+<div id='d441' class='colors'>
+coral2</div>
+<div id='d442' class='colors'>
+coral3</div>
+<div id='d443' class='colors'>
+coral4</div>
+<div id='d444' class='colors'>
+tomato4</div>
+<div id='d445' class='colors'>
+tomato</div>
+<div id='d446' class='colors'>
+tomato1</div>
+<div id='d447' class='colors'>
+tomato2</div>
+<div id='d448' class='colors'>
+tomato3</div>
+<div id='d449' class='colors'>
+MistyRose4</div>
+<div id='d450' class='colors'>
+MistyRose2</div>
+<div id='d451' class='colors'>
+MistyRose</div>
+<div id='d452' class='colors'>
+MistyRose1</div>
+<div id='d453' class='colors'>
+salmon</div>
+<div id='d454' class='colors'>
+MistyRose3</div>
+<div id='d455' class='colors'>
+white</div>
+<div id='d456' class='colors'>
+gray100</div>
+<div id='d457' class='colors'>
+grey100</div>
+<div id='d458' class='colors'>
+grey100</div>
+<div id='d459' class='colors'>
+gray99</div>
+<div id='d460' class='colors'>
+grey99</div>
+<div id='d461' class='colors'>
+gray98</div>
+<div id='d462' class='colors'>
+grey98</div>
+<div id='d463' class='colors'>
+gray97</div>
+<div id='d464' class='colors'>
+grey97</div>
+<div id='d465' class='colors'>
+gray96</div>
+<div id='d466' class='colors'>
+grey96</div>
+<div id='d467' class='colors'>
+WhiteSmoke</div>
+<div id='d468' class='colors'>
+gray95</div>
+<div id='d469' class='colors'>
+grey95</div>
+<div id='d470' class='colors'>
+gray94</div>
+<div id='d471' class='colors'>
+grey94</div>
+<div id='d472' class='colors'>
+gray93</div>
+<div id='d473' class='colors'>
+grey93</div>
+<div id='d474' class='colors'>
+gray92</div>
+<div id='d475' class='colors'>
+grey92</div>
+<div id='d476' class='colors'>
+gray91</div>
+<div id='d477' class='colors'>
+grey91</div>
+<div id='d478' class='colors'>
+gray90</div>
+<div id='d479' class='colors'>
+grey90</div>
+<div id='d480' class='colors'>
+gray89</div>
+<div id='d481' class='colors'>
+grey89</div>
+<div id='d482' class='colors'>
+gray88</div>
+<div id='d483' class='colors'>
+grey88</div>
+<div id='d484' class='colors'>
+gray87</div>
+<div id='d485' class='colors'>
+grey87</div>
+<div id='d486' class='colors'>
+gainsboro</div>
+<div id='d487' class='colors'>
+gray86</div>
+<div id='d488' class='colors'>
+grey86</div>
+<div id='d489' class='colors'>
+gray85</div>
+<div id='d490' class='colors'>
+grey85</div>
+<div id='d491' class='colors'>
+gray84</div>
+<div id='d492' class='colors'>
+grey84</div>
+<div id='d493' class='colors'>
+gray83</div>
+<div id='d494' class='colors'>
+grey83</div>
+<div id='d495' class='colors'>
+LightGray</div>
+<div id='d496' class='colors'>
+LightGrey</div>
+<div id='d497' class='colors'>
+gray82</div>
+<div id='d498' class='colors'>
+grey82</div>
+<div id='d499' class='colors'>
+gray81</div>
+<div id='d500' class='colors'>
+grey81</div>
+<div id='d501' class='colors'>
+gray80</div>
+<div id='d502' class='colors'>
+grey80</div>
+<div id='d503' class='colors'>
+gray79</div>
+<div id='d504' class='colors'>
+grey79</div>
+<div id='d505' class='colors'>
+gray78</div>
+<div id='d506' class='colors'>
+grey78</div>
+<div id='d507' class='colors'>
+gray77</div>
+<div id='d508' class='colors'>
+grey77</div>
+<div id='d509' class='colors'>
+gray76</div>
+<div id='d510' class='colors'>
+grey76</div>
+<div id='d511' class='colors'>
+silver</div>
+<div id='d512' class='colors'>
+gray75</div>
+<div id='d513' class='colors'>
+grey75</div>
+<div id='d514' class='colors'>
+gray74</div>
+<div id='d515' class='colors'>
+grey74</div>
+<div id='d516' class='colors'>
+gray73</div>
+<div id='d517' class='colors'>
+grey73</div>
+<div id='d518' class='colors'>
+gray72</div>
+<div id='d519' class='colors'>
+grey72</div>
+<div id='d520' class='colors'>
+gray71</div>
+<div id='d521' class='colors'>
+grey71</div>
+<div id='d522' class='colors'>
+gray70</div>
+<div id='d523' class='colors'>
+grey70</div>
+<div id='d524' class='colors'>
+gray69</div>
+<div id='d525' class='colors'>
+grey69</div>
+<div id='d526' class='colors'>
+gray68</div>
+<div id='d527' class='colors'>
+grey68</div>
+<div id='d528' class='colors'>
+gray67</div>
+<div id='d529' class='colors'>
+grey67</div>
+<div id='d530' class='colors'>
+DarkGray</div>
+<div id='d531' class='colors'>
+DarkGrey</div>
+<div id='d532' class='colors'>
+gray66</div>
+<div id='d533' class='colors'>
+grey66</div>
+<div id='d534' class='colors'>
+gray65</div>
+<div id='d535' class='colors'>
+grey65</div>
+<div id='d536' class='colors'>
+gray64</div>
+<div id='d537' class='colors'>
+grey64</div>
+<div id='d538' class='colors'>
+gray63</div>
+<div id='d539' class='colors'>
+grey63</div>
+<div id='d540' class='colors'>
+gray62</div>
+<div id='d541' class='colors'>
+grey62</div>
+<div id='d542' class='colors'>
+gray61</div>
+<div id='d543' class='colors'>
+grey61</div>
+<div id='d544' class='colors'>
+gray60</div>
+<div id='d545' class='colors'>
+grey60</div>
+<div id='d546' class='colors'>
+gray59</div>
+<div id='d547' class='colors'>
+grey59</div>
+<div id='d548' class='colors'>
+gray58</div>
+<div id='d549' class='colors'>
+grey58</div>
+<div id='d550' class='colors'>
+gray57</div>
+<div id='d551' class='colors'>
+grey57</div>
+<div id='d552' class='colors'>
+gray56</div>
+<div id='d553' class='colors'>
+grey56</div>
+<div id='d554' class='colors'>
+gray55</div>
+<div id='d555' class='colors'>
+grey55</div>
+<div id='d556' class='colors'>
+gray54</div>
+<div id='d557' class='colors'>
+grey54</div>
+<div id='d558' class='colors'>
+gray53</div>
+<div id='d559' class='colors'>
+grey53</div>
+<div id='d560' class='colors'>
+gray52</div>
+<div id='d561' class='colors'>
+grey52</div>
+<div id='d562' class='colors'>
+gray51</div>
+<div id='d563' class='colors'>
+grey51</div>
+<div id='d564' class='colors'>
+fractal</div>
+<div id='d565' class='colors'>
+gray50</div>
+<div id='d566' class='colors'>
+grey50</div>
+<div id='d567' class='colors'>
+gray</div>
+<div id='d568' class='colors'>
+gray49</div>
+<div id='d569' class='colors'>
+grey49</div>
+<div id='d570' class='colors'>
+gray48</div>
+<div id='d571' class='colors'>
+grey48</div>
+<div id='d572' class='colors'>
+gray47</div>
+<div id='d573' class='colors'>
+grey47</div>
+<div id='d574' class='colors'>
+gray46</div>
+<div id='d575' class='colors'>
+grey46</div>
+<div id='d576' class='colors'>
+gray45</div>
+<div id='d577' class='colors'>
+grey45</div>
+<div id='d578' class='colors'>
+gray44</div>
+<div id='d579' class='colors'>
+grey44</div>
+<div id='d580' class='colors'>
+gray43</div>
+<div id='d581' class='colors'>
+grey43</div>
+<div id='d582' class='colors'>
+gray42</div>
+<div id='d583' class='colors'>
+grey42</div>
+<div id='d584' class='colors'>
+DimGray</div>
+<div id='d585' class='colors'>
+DimGrey</div>
+<div id='d586' class='colors'>
+gray41</div>
+<div id='d587' class='colors'>
+grey41</div>
+<div id='d588' class='colors'>
+gray40</div>
+<div id='d589' class='colors'>
+grey40</div>
+<div id='d590' class='colors'>
+gray39</div>
+<div id='d591' class='colors'>
+grey39</div>
+<div id='d592' class='colors'>
+gray38</div>
+<div id='d593' class='colors'>
+grey38</div>
+<div id='d594' class='colors'>
+gray37</div>
+<div id='d595' class='colors'>
+grey37</div>
+<div id='d596' class='colors'>
+gray36</div>
+<div id='d597' class='colors'>
+grey36</div>
+<div id='d598' class='colors'>
+gray35</div>
+<div id='d599' class='colors'>
+grey35</div>
+<div id='d600' class='colors'>
+gray34</div>
+<div id='d601' class='colors'>
+grey34</div>
+<div id='d602' class='colors'>
+gray33</div>
+<div id='d603' class='colors'>
+grey33</div>
+<div id='d604' class='colors'>
+gray32</div>
+<div id='d605' class='colors'>
+grey32</div>
+<div id='d606' class='colors'>
+gray31</div>
+<div id='d607' class='colors'>
+grey31</div>
+<div id='d608' class='colors'>
+gray30</div>
+<div id='d609' class='colors'>
+grey30</div>
+<div id='d610' class='colors'>
+gray29</div>
+<div id='d611' class='colors'>
+grey29</div>
+<div id='d612' class='colors'>
+gray28</div>
+<div id='d613' class='colors'>
+grey28</div>
+<div id='d614' class='colors'>
+gray27</div>
+<div id='d615' class='colors'>
+grey27</div>
+<div id='d616' class='colors'>
+gray26</div>
+<div id='d617' class='colors'>
+grey26</div>
+<div id='d618' class='colors'>
+gray25</div>
+<div id='d619' class='colors'>
+grey25</div>
+<div id='d620' class='colors'>
+gray24</div>
+<div id='d621' class='colors'>
+grey24</div>
+<div id='d622' class='colors'>
+gray23</div>
+<div id='d623' class='colors'>
+grey23</div>
+<div id='d624' class='colors'>
+gray22</div>
+<div id='d625' class='colors'>
+grey22</div>
+<div id='d626' class='colors'>
+gray21</div>
+<div id='d627' class='colors'>
+grey21</div>
+<div id='d628' class='colors'>
+gray20</div>
+<div id='d629' class='colors'>
+grey20</div>
+<div id='d630' class='colors'>
+gray19</div>
+<div id='d631' class='colors'>
+grey19</div>
+<div id='d632' class='colors'>
+gray18</div>
+<div id='d633' class='colors'>
+grey18</div>
+<div id='d634' class='colors'>
+gray17</div>
+<div id='d635' class='colors'>
+grey17</div>
+<div id='d636' class='colors'>
+gray16</div>
+<div id='d637' class='colors'>
+grey16</div>
+<div id='d638' class='colors'>
+gray15</div>
+<div id='d639' class='colors'>
+grey15</div>
+<div id='d640' class='colors'>
+gray14</div>
+<div id='d641' class='colors'>
+grey14</div>
+<div id='d642' class='colors'>
+gray13</div>
+<div id='d643' class='colors'>
+grey13</div>
+<div id='d644' class='colors'>
+gray12</div>
+<div id='d645' class='colors'>
+grey12</div>
+<div id='d646' class='colors'>
+gray11</div>
+<div id='d647' class='colors'>
+grey11</div>
+<div id='d648' class='colors'>
+gray10</div>
+<div id='d649' class='colors'>
+grey10</div>
+<div id='d650' class='colors'>
+gray9</div>
+<div id='d651' class='colors'>
+grey9</div>
+<div id='d652' class='colors'>
+gray8</div>
+<div id='d653' class='colors'>
+grey8</div>
+<div id='d654' class='colors'>
+gray7</div>
+<div id='d655' class='colors'>
+grey7</div>
+<div id='d656' class='colors'>
+gray6</div>
+<div id='d657' class='colors'>
+grey6</div>
+<div id='d658' class='colors'>
+gray5</div>
+<div id='d659' class='colors'>
+grey5</div>
+<div id='d660' class='colors'>
+gray4</div>
+<div id='d661' class='colors'>
+grey4</div>
+<div id='d662' class='colors'>
+gray3</div>
+<div id='d663' class='colors'>
+grey3</div>
+<div id='d664' class='colors'>
+gray2</div>
+<div id='d665' class='colors'>
+grey2</div>
+<div id='d666' class='colors'>
+gray1</div>
+<div id='d667' class='colors'>
+grey1</div>
+<div id='d668' class='colors'>
+black</div>
+<div id='d669' class='colors'>
+gray0</div>
+<div id='d670' class='colors'>
+grey0</div>
+<div id='d671' class='colors'>
+opaque</div>
+<div id='d672' class='colors'>
+none</div>
+<div id='d673' class='colors'>
+transparent</div>
+</div>
+
+<div id='colornames'>
+WHERE THE COLORNAMES WILL GO
+</div>
+
+<div id='hexswitch'>CLICK TO SHOW HEXES</div>
+<div id='infoswitch'>CLICK TO SHOW INFO</div>
+<script type='text/javascript' src='js/jquery-1.6.4.min.js'></script>
+<script type='text/javascript' src='js/colordict.js'></script>
+
+<script type='text/javascript'>
+function goldenize(num)
+	{
+	ratio = (1+Math.sqrt(5))/2
+	newnum = Math.round(num*ratio)
+	return newnum
+	}
+//turns css property width or height into an integer value
+function getproperty(idandselectr, propertystr)
+	{
+	grab = $(idandselectr).css(propertystr)
+	grab = grab.slice(0,-2)
+	numval = parseInt(grab)
+	return numval
+	}
+function makegolden(idandselectr, propertystr)
+	{
+	result = getproperty(idandselectr, propertystr)
+	newwidth = goldenize(result)
+	widthval = newwidth.toString()+'px'
+	$(idandselectr).css('width', widthval)
+	}
+makegolden('.colors', 'height')
+
+
+//remove content this function takes the name out of the divs
+infoswitch = false;
+function removecontent()
+	{
+	if(infoswitch == false)
+			{
+			$('#infoswitch').click(function()
+						{
+						infoswitch = true
+						if(infoswitch == true){
+							$('.colors').html("")						
+										}
+						})
+			}
+	if(infoswitch == true)
+		{
+			$('#infoswitch').click(function()
+			{
+			infoswitch = false
+			})
+		}
+	}
+removecontent()
+
+function colorToHex(color)
+{
+    if (color.substr(0, 1) === '#') {
+        return color;
+    }
+    var digits = /(.*?)rgb\((\d+), (\d+), (\d+)\)/.exec(color);
+    
+    var red = parseInt(digits[2]);
+    var green = parseInt(digits[3]);
+    var blue = parseInt(digits[4]);
+    
+    var rgb = blue | (green << 8) | (red << 16);
+    return digits[1] + '#' + rgb.toString(16);
+};
+
+//takes a div name and returns a colorname
+
+function showcolorname(divstr)
+
+		{
+		bgcolor = $('#'+divstr).css('background-color')
+		lowercasehex = colorToHex(bgcolor)
+		hex = lowercasehex.toUpperCase()
+			imname = hextoname[hex]
+		if (hexes == true)
+			{
+			imname = hex
+			}
+		return imname
+		}
+function bigname(divstr)
+		{
+		colorname = showcolorname(divstr)
+		$('#colornames').html(colorname)
+		}
+function writeit(text)
+		{
+		$('#colornames').append(text)
+		}
+function makebig(divstr)
+		{
+		firstheight = $('#'+divstr).height()
+		newheight = goldenize(firstheight)
+		$('#'+divstr).height(newheight)
+		}
+function makesmall(divstr)
+		{
+		oldheight = $('.colors').height()
+		$('#'+divstr).height(oldheight)
+		}
+$('.colors').hover(function() {
+   bigname(this.id);
+	 makebig(this.id);
+	 makegolden('#'+this.id, 'height')},
+function(){
+	 makesmall(this.id);
+	 makegolden('#'+this.id, 'height')
+});
+$(".colors").hover(function(){
+$('#colornames').fadeOut(100);$('#colornames').fadeIn(500);
+});
+$('body').css('background-color', 'black')
+$('.colors').css('margin-top', '2px')
+var hexes = false
+function hexswitch()
+		{
+		if(hexes == false)
+			{
+			$('#hexswitch').html('CLICK TO SHOW COLOR NAMES')
+			hexes = true;
+			}
+			
+		else
+			{
+			$('#hexswitch').html('CLICK TO SHOW HEX NAMES')
+			hexes = false;
+			}
+		}
+$('#hexswitch').click(function(){hexswitch()})
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/test.html b/frontend/imgrid/colors/test.html
new file mode 100755
index 0000000..1912ebf
--- /dev/null
+++ b/frontend/imgrid/colors/test.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+<!--<link rel="stylesheet" href="css/normalize.css">-->
+<head>
+		<style type='text/css'>
+		#master
+			{
+			width:400px;
+			font-size:0;
+			}
+		.slaves
+			{
+			width:100px;
+			background-color:gray;
+			height:40px;
+			display:inline-block;
+			}
+		</style>
+
+
+</head>
+<body>
+
+<div id='master'>
+
+<div class='slaves' style='background-color:pink'></div>
+<div class='slaves' style='background-color:blue'></div>
+<div class='slaves' style='background-color:dodgerblue'></div>
+<div class='slaves' style='background-color:red'></div>
+
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+<div class='slaves'></div>
+</div>
+<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
+<!--<script type='text/javascript' src='jquery.js'></script>-->
+<script type='text/javascript'>
+$('.slaves').mouseover(function()
+	{
+	$(this).css('width','120px')
+	$('#master').css('width','420')
+	}).mouseout(function()
+	{
+	$(this).css({'width':'100px'})
+  $('#master').css('width','420')
+
+	});
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/colors/vase.gif b/frontend/imgrid/colors/vase.gif
new file mode 100755
index 0000000..dc1c104
Binary files /dev/null and b/frontend/imgrid/colors/vase.gif differ
diff --git a/frontend/imgrid/colors/vase.png b/frontend/imgrid/colors/vase.png
new file mode 100755
index 0000000..153e72b
Binary files /dev/null and b/frontend/imgrid/colors/vase.png differ
diff --git a/frontend/imgrid/colors/vaseshim.png b/frontend/imgrid/colors/vaseshim.png
new file mode 100755
index 0000000..7dbd352
Binary files /dev/null and b/frontend/imgrid/colors/vaseshim.png differ
diff --git a/frontend/imgrid/colors/whiteshim.png b/frontend/imgrid/colors/whiteshim.png
new file mode 100755
index 0000000..6b58334
Binary files /dev/null and b/frontend/imgrid/colors/whiteshim.png differ
diff --git a/frontend/imgrid/css/cssreset.css b/frontend/imgrid/css/cssreset.css
new file mode 100755
index 0000000..9329580
--- /dev/null
+++ b/frontend/imgrid/css/cssreset.css
@@ -0,0 +1,7 @@
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+     border: 0pt none;
+     font: inherit;
+     margin: 0pt;
+     padding: 0pt;
+     vertical-align: baseline;
+}
\ No newline at end of file
diff --git a/frontend/imgrid/css/general.css b/frontend/imgrid/css/general.css
new file mode 100755
index 0000000..dc1296a
--- /dev/null
+++ b/frontend/imgrid/css/general.css
@@ -0,0 +1,91 @@
+
+dy, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
+font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
+tfoot, thead, tr, th, td {
+border:0pt none;
+font-family:inherit;
+font-size:100%;
+font-style:inherit;
+font-weight:inherit;
+margin:0pt;
+padding:0pt;
+vertical-align:baseline;
+}
+body{
+background:#fff none repeat scroll 0%;
+line-height:1;
+font-size: 12px;
+font-family:arial,sans-serif;
+margin:0pt;
+height:100%;
+}
+br.both{
+clear:both;
+}
+table {
+border-collapse:separate;
+border-spacing:0pt;
+}
+caption, th, td {
+font-weight:normal;
+text-align:left;
+}
+blockquote:before, blockquote:after, q:before, q:after {
+content:"";
+}
+blockquote, q {
+quotes:"" "";
+}
+a{
+cursor: pointer;
+text-decoration:none;
+}
+
+#backgroundPopup{
+display:none;
+position:fixed;
+_position:absolute; /* hack for internet explorer 6*/
+height:100%;
+width:100%;
+top:0;
+left:0;
+background:#000000;
+border:1px solid #cecece;
+z-index:1;
+}
+#popupContact{
+display:none;
+position:fixed;
+_position:absolute; /* hack for internet explorer 6*/
+height:800px;
+width:800px;
+background:#FFFFFF;
+border:2px solid #cecece;
+z-index:2;
+padding:12px;
+font-size:13px;
+}
+#popupContact h1{
+text-align:left;
+color:#6FA5FD;
+font-size:22px;
+font-weight:700;
+border-bottom:1px dotted #D3D3D3;
+padding-bottom:2px;
+margin-bottom:20px;
+}
+#popupContactClose{
+font-size:14px;
+line-height:14px;
+right:6px;
+top:4px;
+position:absolute;
+color:#6fa5fd;
+font-weight:700;
+display:block;
+}
+#button{
+text-align:center;
+margin:100px;
+}
+
diff --git a/frontend/imgrid/css/jquery-ui-1.8.16.custom.css b/frontend/imgrid/css/jquery-ui-1.8.16.custom.css
new file mode 100755
index 0000000..9e3cc66
--- /dev/null
+++ b/frontend/imgrid/css/jquery-ui-1.8.16.custom.css
@@ -0,0 +1,313 @@
+/*
+ * jQuery UI CSS Framework 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ */
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+/* end clearfix */
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
+
+
+/*
+ * jQuery UI CSS Framework 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ *
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=1px&bgColorHeader=cccccc&bgTextureHeader=07_diagonals_medium.png&bgImgOpacityHeader=75&borderColorHeader=ffffff&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=16_diagonal_maze.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=06_inset_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=12_gloss_wave.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=12_gloss_wave.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=20px&offsetTopShadow=-90px&offsetLeftShadow=-30px&cornerRadiusShadow=8px
+ */
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
+.ui-widget .ui-widget { font-size: 1em; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
+.ui-widget-content { border: 1px solid #aaaaaa; color: #DCDCDC; }
+.ui-widget-content a { color: #222222; }
+.ui-widget-header { border: 1px solid #ffffff; background: #cccccc url(images/ui-bg_diagonals-medium_75_cccccc_40x40.png) 50% 50% repeat; color: #DCDCDC; font-weight: bold; }
+.ui-widget-header a { color: #DCDCDC; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
+.ui-widget :active { outline: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_inset-hard_55_fbf9ee_1x100.png) 50% bottom repeat-x; color: #363636; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
+.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
+.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
+.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }
+
+/* positioning */
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-off { background-position: -96px -144px; }
+.ui-icon-radio-on { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-start { background-position: -80px -160px; }
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 1px; -webkit-border-top-left-radius: 1px; -khtml-border-top-left-radius: 1px; border-top-left-radius: 1px; }
+.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 1px; -webkit-border-top-right-radius: 1px; -khtml-border-top-right-radius: 1px; border-top-right-radius: 1px; }
+.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 1px; -webkit-border-bottom-left-radius: 1px; -khtml-border-bottom-left-radius: 1px; border-bottom-left-radius: 1px; }
+.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 1px; -webkit-border-bottom-right-radius: 1px; -khtml-border-bottom-right-radius: 1px; border-bottom-right-radius: 1px; }
+
+/* Overlays */
+.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_gloss-wave_0_aaaaaa_500x100.png) 50% top repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
+.ui-widget-shadow { margin: -90px 0 0 -30px; padding: 20px; background: #aaaaaa url(images/ui-bg_gloss-wave_0_aaaaaa_500x100.png) 50% top repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
+ * jQuery UI Slider 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Slider#theming
+ */
+.ui-slider { position: relative; text-align: left; }
+.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
+.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
+
+.ui-slider-horizontal { height: .8em; }
+.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
+.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
+.ui-slider-horizontal .ui-slider-range-min { left: 0; }
+.ui-slider-horizontal .ui-slider-range-max { right: 0; }
+
+.ui-slider-vertical { width: .8em; height: 100px; }
+.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
+.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
+.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
+.ui-slider-vertical .ui-slider-range-max { top: 0; }
diff --git a/frontend/imgrid/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png b/frontend/imgrid/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png
new file mode 100755
index 0000000..5b5dab2
Binary files /dev/null and b/frontend/imgrid/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png differ
diff --git a/frontend/imgrid/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png b/frontend/imgrid/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png
new file mode 100755
index 0000000..ac8b229
Binary files /dev/null and b/frontend/imgrid/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png differ
diff --git a/frontend/imgrid/css/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png b/frontend/imgrid/css/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png
new file mode 100755
index 0000000..ad3d634
Binary files /dev/null and b/frontend/imgrid/css/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png differ
diff --git a/frontend/imgrid/css/smoothness/images/ui-bg_glass_65_ffffff_1x400.png b/frontend/imgrid/css/smoothness/images/ui-bg_glass_65_ffffff_1x400.png
new file mode 100755
index 0000000..42ccba2
Binary files /dev/null and b/frontend/imgrid/css/smoothness/images/ui-bg_glass_65_ffffff_1x400.png differ
diff --git a/frontend/imgrid/css/smoothness/images/ui-bg_glass_75_dadada_1x400.png b/frontend/imgrid/css/smoothness/images/ui-bg_glass_75_dadada_1x400.png
new file mode 100755
index 0000000..1d43b47
Binary files /dev/null and b/frontend/imgrid/css/smoothness/images/ui-bg_glass_75_dadada_1x400.png differ
diff --git a/frontend/imgrid/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png b/frontend/imgrid/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png
new file mode 100755
index 0000000..86c2baa
Binary files /dev/null and b/frontend/imgrid/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png differ
diff --git a/frontend/imgrid/css/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png b/frontend/imgrid/css/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png
new file mode 100755
index 0000000..4443fdc
Binary files /dev/null and b/frontend/imgrid/css/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png differ
diff --git a/frontend/imgrid/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png b/frontend/imgrid/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png
new file mode 100755
index 0000000..7c9fa6c
Binary files /dev/null and b/frontend/imgrid/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png differ
diff --git a/frontend/imgrid/css/smoothness/images/ui-icons_222222_256x240.png b/frontend/imgrid/css/smoothness/images/ui-icons_222222_256x240.png
new file mode 100755
index 0000000..b273ff1
Binary files /dev/null and b/frontend/imgrid/css/smoothness/images/ui-icons_222222_256x240.png differ
diff --git a/frontend/imgrid/css/smoothness/images/ui-icons_2e83ff_256x240.png b/frontend/imgrid/css/smoothness/images/ui-icons_2e83ff_256x240.png
new file mode 100755
index 0000000..09d1cdc
Binary files /dev/null and b/frontend/imgrid/css/smoothness/images/ui-icons_2e83ff_256x240.png differ
diff --git a/frontend/imgrid/css/smoothness/images/ui-icons_454545_256x240.png b/frontend/imgrid/css/smoothness/images/ui-icons_454545_256x240.png
new file mode 100755
index 0000000..59bd45b
Binary files /dev/null and b/frontend/imgrid/css/smoothness/images/ui-icons_454545_256x240.png differ
diff --git a/frontend/imgrid/css/smoothness/images/ui-icons_888888_256x240.png b/frontend/imgrid/css/smoothness/images/ui-icons_888888_256x240.png
new file mode 100755
index 0000000..6d02426
Binary files /dev/null and b/frontend/imgrid/css/smoothness/images/ui-icons_888888_256x240.png differ
diff --git a/frontend/imgrid/css/smoothness/images/ui-icons_cd0a0a_256x240.png b/frontend/imgrid/css/smoothness/images/ui-icons_cd0a0a_256x240.png
new file mode 100755
index 0000000..2ab019b
Binary files /dev/null and b/frontend/imgrid/css/smoothness/images/ui-icons_cd0a0a_256x240.png differ
diff --git a/frontend/imgrid/css/smoothness/jquery-ui-1.8.16.custom.css b/frontend/imgrid/css/smoothness/jquery-ui-1.8.16.custom.css
new file mode 100755
index 0000000..73951cc
--- /dev/null
+++ b/frontend/imgrid/css/smoothness/jquery-ui-1.8.16.custom.css
@@ -0,0 +1,313 @@
+/*
+ * jQuery UI CSS Framework 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ */
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+/* end clearfix */
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
+
+
+/*
+ * jQuery UI CSS Framework 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ *
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
+ */
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
+.ui-widget .ui-widget { font-size: 1em; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
+.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
+.ui-widget-content a { color: #222222; }
+.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
+.ui-widget-header a { color: #222222; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; font-weight: normal; color: #555555; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
+.ui-widget :active { outline: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
+.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
+.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
+.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }
+
+/* positioning */
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-off { background-position: -96px -144px; }
+.ui-icon-radio-on { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-start { background-position: -80px -160px; }
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
+.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
+.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
+.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
+
+/* Overlays */
+.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
+.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
+ * jQuery UI Slider 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Slider#theming
+ */
+.ui-slider { position: relative; text-align: left; }
+.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
+.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
+
+.ui-slider-horizontal { height: .8em; }
+.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
+.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
+.ui-slider-horizontal .ui-slider-range-min { left: 0; }
+.ui-slider-horizontal .ui-slider-range-max { right: 0; }
+
+.ui-slider-vertical { width: .8em; height: 100px; }
+.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
+.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
+.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
+.ui-slider-vertical .ui-slider-range-max { top: 0; }
diff --git a/frontend/imgrid/dist/3dmap.jar b/frontend/imgrid/dist/3dmap.jar
new file mode 100755
index 0000000..0424a46
Binary files /dev/null and b/frontend/imgrid/dist/3dmap.jar differ
diff --git a/frontend/imgrid/dist/3dmap.jnlp b/frontend/imgrid/dist/3dmap.jnlp
new file mode 100755
index 0000000..7c2108c
--- /dev/null
+++ b/frontend/imgrid/dist/3dmap.jnlp
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="utf-8"?>
+<jnlp href="3dmap.jnlp">
+  <information>
+    <title>3D Map</title>
+    <vendor>ScannerJammer</vendor>
+    <homepage href="http://scannerjammer.com/"/>
+    <description>3D Map Viewer</description>
+    <description kind="short">JOGL Applet that can generate a 3D landscape based on 2 images: texture and heightmap.</description>
+    <offline-allowed/>
+  </information>
+
+    <resources>
+      <j2se href="http://java.sun.com/products/autodl/j2se" version="1.4+"/>
+      <property name="sun.java2d.noddraw" value="true"/>
+      <jar href="3dmap.jar" main="true"/>
+	  <jar href="http/commons-codec-1.4.jar"/>
+	  <jar href="http/commons-logging-1.1.1.jar"/>
+	  <jar href="http/httpclient-4.1.2.jar"/>
+	  <jar href="http/httpclient-cache-4.1.2.jar"/>
+	  <jar href="http/httpcore-4.1.2.jar"/>
+	  <jar href="http/httpmime-4.1.2.jar"/>
+	  <jar href="http/plugin.jar"/>
+      <extension name="newt-all-awt" href="deployment/v1/jogl-awt.jnlp" />
+    </resources>
+
+  <applet-desc 
+      name="3D Map"
+      main-class="com.scannerjammer.applet.heightmap.applet.Simple3DLandscapeApplet"
+      width="800" 
+      height="600">
+            <param name="texture" value="http://www.chadvernon.com/blog/wp-content/uploads/2007/07/texture.jpg"/>  
+            <param name="heightmap" value="http://www.chadvernon.com/blog/wp-content/uploads/2007/07/heightmap.jpg"/>
+            <param name="uploadCGI" value="http://asdf.us/cgi-bin/im/imgrid/upload.cgi"/>
+            <param name="bgColorRedChannel" value="50"/>
+            <param name="bgColorGreenChannel" value="50"/>
+            <param name="bgColorBlueChannel" value="50"/>
+  </applet-desc>
+</jnlp>
diff --git a/frontend/imgrid/dist/deployment/v1/gluegen-rt.jnlp b/frontend/imgrid/dist/deployment/v1/gluegen-rt.jnlp
new file mode 100755
index 0000000..032fdb6
--- /dev/null
+++ b/frontend/imgrid/dist/deployment/v1/gluegen-rt.jnlp
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="utf-8"?>
+<jnlp href="gluegen-rt.jnlp">
+  <information>
+    <title>GlueGen Runtime v2</title>
+    <vendor>JogAmp Community</vendor>
+    <homepage href="http://jogamp.org/"/>
+    <description>GlueGen Runtime Library</description>
+    <description kind="short">Run-time support classes and native code for applications and libraries built using the GlueGen tool.</description>
+    <offline-allowed/>
+  </information>
+  <update check="background" policy="always"/>
+  <security>
+      <all-permissions/>
+  </security>
+    <resources>
+      <jar href="jar/gluegen-rt.jar" />
+    </resources>
+
+    <resources os="Windows" arch="x86">
+      <nativelib href = "jar/gluegen-rt-natives-windows-i586.jar" />
+    </resources>
+    <resources os="Windows" arch="amd64">
+      <nativelib href = "jar/gluegen-rt-natives-windows-amd64.jar" />
+    </resources>
+    <resources os="Windows" arch="x86_64">
+      <nativelib href = "jar/gluegen-rt-natives-windows-amd64.jar" />
+    </resources>
+    <resources os="SunOS" arch="sparc">
+      <nativelib href = "jar/gluegen-rt-natives-solaris-sparc.jar" />
+    </resources>
+    <resources os="SunOS" arch="sparcv9">
+      <nativelib href = "jar/gluegen-rt-natives-solaris-sparcv9.jar" />
+    </resources>
+    <resources os="SunOS" arch="x86">
+      <nativelib href = "jar/gluegen-rt-natives-solaris-i586.jar" />
+    </resources>
+    <resources os="SunOS" arch="amd64">
+      <nativelib href = "jar/gluegen-rt-natives-solaris-amd64.jar" />
+    </resources>
+    <resources os="SunOS" arch="x86_64">
+      <nativelib href = "jar/gluegen-rt-natives-solaris-amd64.jar" />
+    </resources>
+    <resources os="Linux" arch="i386">
+      <nativelib href = "jar/gluegen-rt-natives-linux-i586.jar" />
+    </resources>
+    <resources os="Linux" arch="x86">
+      <nativelib href = "jar/gluegen-rt-natives-linux-i586.jar" />
+    </resources>
+    <resources os="Linux" arch="amd64">
+      <nativelib href = "jar/gluegen-rt-natives-linux-amd64.jar" />
+    </resources>
+    <resources os="Linux" arch="x86_64">
+      <nativelib href = "jar/gluegen-rt-natives-linux-amd64.jar" />
+    </resources>
+    <resources os="Mac OS X" arch="i386">
+      <nativelib href = "jar/gluegen-rt-natives-macosx-universal.jar" />
+    </resources>
+    <resources os="Mac OS X" arch="x86_64">
+      <nativelib href = "jar/gluegen-rt-natives-macosx-universal.jar" />
+    </resources>
+
+  <component-desc />
+</jnlp>
diff --git a/frontend/imgrid/dist/deployment/v1/jar/applet-launcher.jar b/frontend/imgrid/dist/deployment/v1/jar/applet-launcher.jar
new file mode 100755
index 0000000..53e0742
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/applet-launcher.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-linux-amd64.jar b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-linux-amd64.jar
new file mode 100755
index 0000000..eaf6bad
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-linux-amd64.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-linux-i586.jar b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-linux-i586.jar
new file mode 100755
index 0000000..6c21412
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-linux-i586.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-macosx-ppc.jar b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-macosx-ppc.jar
new file mode 100755
index 0000000..2144ebf
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-macosx-ppc.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-macosx-universal.jar b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-macosx-universal.jar
new file mode 100755
index 0000000..8a5efb4
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-macosx-universal.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-solaris-amd64.jar b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-solaris-amd64.jar
new file mode 100755
index 0000000..1ad7faa
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-solaris-amd64.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-solaris-i586.jar b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-solaris-i586.jar
new file mode 100755
index 0000000..dbadb72
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-solaris-i586.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-solaris-sparc.jar b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-solaris-sparc.jar
new file mode 100755
index 0000000..02367c7
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-solaris-sparc.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-solaris-sparcv9.jar b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-solaris-sparcv9.jar
new file mode 100755
index 0000000..da0ff3a
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-solaris-sparcv9.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-windows-amd64.jar b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-windows-amd64.jar
new file mode 100755
index 0000000..e9a3ffe
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-windows-amd64.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-windows-i586.jar b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-windows-i586.jar
new file mode 100755
index 0000000..bb00056
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt-natives-windows-i586.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt.jar b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt.jar
new file mode 100755
index 0000000..c995b22
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/gluegen-rt.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-linux-amd64.jar b/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-linux-amd64.jar
new file mode 100755
index 0000000..64d95a0
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-linux-amd64.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-linux-i586.jar b/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-linux-i586.jar
new file mode 100755
index 0000000..9370828
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-linux-i586.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-macosx-ppc.jar b/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-macosx-ppc.jar
new file mode 100755
index 0000000..9495e36
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-macosx-ppc.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-macosx-universal.jar b/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-macosx-universal.jar
new file mode 100755
index 0000000..f2186cb
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-macosx-universal.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-solaris-amd64.jar b/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-solaris-amd64.jar
new file mode 100755
index 0000000..cd617f9
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-solaris-amd64.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-solaris-i586.jar b/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-solaris-i586.jar
new file mode 100755
index 0000000..4209a9d
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-solaris-i586.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-solaris-sparc.jar b/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-solaris-sparc.jar
new file mode 100755
index 0000000..b25fdcd
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-solaris-sparc.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-solaris-sparcv9.jar b/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-solaris-sparcv9.jar
new file mode 100755
index 0000000..b60e31f
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-solaris-sparcv9.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-windows-amd64.jar b/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-windows-amd64.jar
new file mode 100755
index 0000000..af8b5f9
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-windows-amd64.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-windows-i586.jar b/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-windows-i586.jar
new file mode 100755
index 0000000..81c1cdf
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/jogl-natives-windows-i586.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/jogl.jar b/frontend/imgrid/dist/deployment/v1/jar/jogl.jar
new file mode 100755
index 0000000..ef96967
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/jogl.jar differ
diff --git a/frontend/imgrid/dist/deployment/v1/jar/testKeys b/frontend/imgrid/dist/deployment/v1/jar/testKeys
new file mode 100755
index 0000000..7eb9ceb
Binary files /dev/null and b/frontend/imgrid/dist/deployment/v1/jar/testKeys differ
diff --git a/frontend/imgrid/dist/deployment/v1/jogl-awt.jnlp b/frontend/imgrid/dist/deployment/v1/jogl-awt.jnlp
new file mode 100755
index 0000000..8c86404
--- /dev/null
+++ b/frontend/imgrid/dist/deployment/v1/jogl-awt.jnlp
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="utf-8"?>
+<jnlp href="jogl-awt.jnlp">
+  <information>
+    <title>Java(tm) Binding to the OpenGL(r) API (ALL.AWT)</title>
+    <vendor>JogAmp Community</vendor>
+    <homepage href="http://jogamp.org/"/>
+    <description>Java Binding to the OpenGL API - 2.0.0 - ALL.AWT</description>
+    <description kind="short">Java programming language binding for the OpenGL 3D graphics API - ALL.AWT</description>
+    <offline-allowed/>
+  </information>
+  <update check="background" policy="always"/>
+  <security>
+      <all-permissions/>
+  </security>
+    <resources>
+      <jar href="jar/jogl.jar" />
+
+      <extension name="gluegen-rt"   href="gluegen-rt.jnlp" />
+    </resources>
+
+    <resources os="Windows" arch="x86">
+      <nativelib href = "jar/jogl-natives-windows-i586.jar" />
+    </resources>
+    <resources os="Windows" arch="amd64">
+      <nativelib href = "jar/jogl-natives-windows-amd64.jar" />
+    </resources>
+    <resources os="Windows" arch="x86_64">
+      <nativelib href = "jar/jogl-natives-windows-amd64.jar" />
+    </resources>
+    <resources os="SunOS" arch="sparc">
+      <nativelib href = "jar/jogl-natives-solaris-sparc.jar" />
+    </resources>
+    <resources os="SunOS" arch="sparcv9">
+      <nativelib href = "jar/jogl-natives-solaris-sparcv9.jar" />
+    </resources>
+    <resources os="SunOS" arch="x86">
+      <nativelib href = "jar/jogl-natives-solaris-i586.jar" />
+    </resources>
+    <resources os="SunOS" arch="amd64">
+      <nativelib href = "jar/jogl-natives-solaris-amd64.jar" />
+    </resources>
+    <resources os="SunOS" arch="x86_64">
+      <nativelib href = "jar/jogl-natives-solaris-amd64.jar" />
+    </resources>
+    <resources os="Linux" arch="i386">
+      <nativelib href = "jar/jogl-natives-linux-i586.jar" />
+    </resources>
+    <resources os="Linux" arch="x86">
+      <nativelib href = "jar/jogl-natives-linux-i586.jar" />
+    </resources>
+    <resources os="Linux" arch="amd64">
+      <nativelib href = "jar/jogl-natives-linux-amd64.jar" />
+    </resources>
+    <resources os="Linux" arch="x86_64">
+      <nativelib href = "jar/jogl-natives-linux-amd64.jar" />
+    </resources>
+    <resources os="Linux" arch="arm">
+      <nativelib href = "jar/jogl-natives-linux-armv7.jar" />
+    </resources>
+    <resources os="Linux" arch="armv7">
+      <nativelib href = "jar/jogl-natives-linux-armv7.jar" />
+    </resources>
+    <resources os="Mac OS X" arch="i386">
+      <nativelib href = "jar/jogl-natives-macosx-universal.jar" />
+    </resources>
+    <resources os="Mac OS X" arch="x86_64">
+      <nativelib href = "jar/jogl-natives-macosx-universal.jar" />
+    </resources>
+
+  <component-desc />
+</jnlp>
diff --git a/frontend/imgrid/dist/http/commons-codec-1.4.jar b/frontend/imgrid/dist/http/commons-codec-1.4.jar
new file mode 100755
index 0000000..16cd33a
Binary files /dev/null and b/frontend/imgrid/dist/http/commons-codec-1.4.jar differ
diff --git a/frontend/imgrid/dist/http/commons-logging-1.1.1.jar b/frontend/imgrid/dist/http/commons-logging-1.1.1.jar
new file mode 100755
index 0000000..1fe7176
Binary files /dev/null and b/frontend/imgrid/dist/http/commons-logging-1.1.1.jar differ
diff --git a/frontend/imgrid/dist/http/httpclient-4.1.2.jar b/frontend/imgrid/dist/http/httpclient-4.1.2.jar
new file mode 100755
index 0000000..6a61ea2
Binary files /dev/null and b/frontend/imgrid/dist/http/httpclient-4.1.2.jar differ
diff --git a/frontend/imgrid/dist/http/httpclient-cache-4.1.2.jar b/frontend/imgrid/dist/http/httpclient-cache-4.1.2.jar
new file mode 100755
index 0000000..713decb
Binary files /dev/null and b/frontend/imgrid/dist/http/httpclient-cache-4.1.2.jar differ
diff --git a/frontend/imgrid/dist/http/httpcore-4.1.2.jar b/frontend/imgrid/dist/http/httpcore-4.1.2.jar
new file mode 100755
index 0000000..343e174
Binary files /dev/null and b/frontend/imgrid/dist/http/httpcore-4.1.2.jar differ
diff --git a/frontend/imgrid/dist/http/httpmime-4.1.2.jar b/frontend/imgrid/dist/http/httpmime-4.1.2.jar
new file mode 100755
index 0000000..cce60ef
Binary files /dev/null and b/frontend/imgrid/dist/http/httpmime-4.1.2.jar differ
diff --git a/frontend/imgrid/dist/http/plugin.jar b/frontend/imgrid/dist/http/plugin.jar
new file mode 100755
index 0000000..ee4792a
Binary files /dev/null and b/frontend/imgrid/dist/http/plugin.jar differ
diff --git a/frontend/imgrid/dist/index.html b/frontend/imgrid/dist/index.html
new file mode 100755
index 0000000..76ed3ab
--- /dev/null
+++ b/frontend/imgrid/dist/index.html
@@ -0,0 +1,24 @@
+<html>
+<head>
+</head>
+<body>
+<applet code="org.jdesktop.applet.util.JNLPAppletLauncher"
+      width=800
+      height=600
+      archive="deployment/v1/jar/applet-launcher.jar,
+               deployment/v1/jar/gluegen-rt.jar,
+               deployment/v1/jar/jogl.all.jar,
+               3dmap.jar">
+   <param name="codebase_lookup" value="false">
+   <param name="subapplet.classname" value="com.scannerjammer.applet.heightmap.applet.Simple3DLandscapeApplet">
+   <param name="subapplet.displayname" value="3D Map">
+   <param name="noddraw.check" value="true">
+   <param name="progressbar" value="true">
+   <param name="jnlpNumExtensions" value="1">
+   <param name="jnlpExtension1"
+          value="deployment/v1/jogl-awt.jnlp">
+   <param name="java_arguments" value="-Dsun.java2d.noddraw=true">
+   <param name="jnlp_href" value="3dmap.jnlp">
+</applet>
+</body>
+</html>
\ No newline at end of file
diff --git a/frontend/imgrid/dist/temp/HeightMap.jpg b/frontend/imgrid/dist/temp/HeightMap.jpg
new file mode 100755
index 0000000..ccee392
Binary files /dev/null and b/frontend/imgrid/dist/temp/HeightMap.jpg differ
diff --git a/frontend/imgrid/dist/temp/Texture.jpg b/frontend/imgrid/dist/temp/Texture.jpg
new file mode 100755
index 0000000..eef3866
Binary files /dev/null and b/frontend/imgrid/dist/temp/Texture.jpg differ
diff --git a/frontend/imgrid/dist/testKeys b/frontend/imgrid/dist/testKeys
new file mode 100755
index 0000000..7eb9ceb
Binary files /dev/null and b/frontend/imgrid/dist/testKeys differ
diff --git a/frontend/imgrid/dist_embedded/3DMapAllWin.jar b/frontend/imgrid/dist_embedded/3DMapAllWin.jar
new file mode 100755
index 0000000..7ee9c3d
Binary files /dev/null and b/frontend/imgrid/dist_embedded/3DMapAllWin.jar differ
diff --git a/frontend/imgrid/dist_embedded/index.html b/frontend/imgrid/dist_embedded/index.html
new file mode 100755
index 0000000..828945e
--- /dev/null
+++ b/frontend/imgrid/dist_embedded/index.html
@@ -0,0 +1,16 @@
+<html>
+    <body bgcolor="#E6E6FA">
+        <applet code="com.scannerjammer.applet.heightmap.applet.Embedded3DLandscapeApplet.class" 
+				archive="3DMapAllWin.jar"
+				name="3D Landscape" 
+				width="800" 
+				height="600">
+            <param name="bgColorRedChannel" value="255">
+            <param name="texture" value="http://www.chadvernon.com/blog/wp-content/uploads/2007/07/texture.jpg">
+            <param name="bgColorBlueChannel" value="255">
+            <param name="bgColorGreenChannel" value="255">
+            <param name="heightmap" value="http://www.chadvernon.com/blog/wp-content/uploads/2007/07/heightmap.jpg">
+            <param name="uploadCGI" value="http://localhost/cgi-bin/upload.cgi">
+        </applet>
+    </body>
+</html>
diff --git a/frontend/imgrid/favicon.ico b/frontend/imgrid/favicon.ico
new file mode 100755
index 0000000..59b9680
Binary files /dev/null and b/frontend/imgrid/favicon.ico differ
diff --git a/frontend/imgrid/greatgrids/blackplant.png b/frontend/imgrid/greatgrids/blackplant.png
new file mode 100755
index 0000000..e78b547
Binary files /dev/null and b/frontend/imgrid/greatgrids/blackplant.png differ
diff --git a/frontend/imgrid/greatgrids/copy.html b/frontend/imgrid/greatgrids/copy.html
new file mode 100755
index 0000000..9607758
--- /dev/null
+++ b/frontend/imgrid/greatgrids/copy.html
@@ -0,0 +1,327 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
+<html> 
+<head> 
+<title>the difference - interactive DHTML</title> 
+<meta http-equiv="imagetoolbar" content="no"> 
+<link href='http://fonts.googleapis.com/css?family=Tienne:400,700' rel='stylesheet' type='text/css'>
+<style type="text/css"> 
+	html { 
+		overflow: hidden; 
+	} 
+	body { 
+		margin: 0px; 
+		padding: 0px; 
+		background: aqua; 
+		position: absolute; 
+		width: 100%; 
+		height: 100%; 
+	} 
+	#screen { 
+		position:absolute; 
+		left: 00%; 
+		top: 0%; 
+		width: 100%; 
+		height: 100%; 
+		background: aqua; 
+		overflow: hidden; 
+	} 
+	#screen img { 
+		position: absolute; 
+		cursor: pointer; 
+		left: -4000px; 
+		filter: fliph flipv; 
+		-ms-interpolation-mode:nearest-neighbor; 
+	} 
+	#screen canvas { 
+		position: absolute; 
+		cursor: pointer; 
+		width: 0px; 
+		border-style:outset;
+		border-width:8px;
+		border-color:black;
+		} 
+	#b1
+		{ 
+		position:absolute; 
+		width:100%; 
+		height:10%;
+		background-color:red;
+		background-image:url(http://ghghgh.us/timb/pepper3.gif); 
+		} 
+	#b2
+		{ 
+		position:absolute; 
+		top:100px;
+		width:100%; 
+		font-family: 'Tienne', serif;
+		color:#8B8B7A;
+		text-shadow: 0px -15px 0 bisque;
+		text-shadow: 20px 30px 11px #CDC5BF;
+		font-size:40px;
+		padding-top:20px;
+		padding-bottom:20px;
+		text-align:center;
+		height:100px; 
+		background-color:whitesmoke; 
+		bottom:0px; 
+		} 
+	#b3
+		{
+		position:fixed:
+		top:1000px;
+		height:1000px;
+		width:100%;
+		text-align:center;
+		font-style:georgia;
+		font-size:20px;
+		color:black;
+		text-transform:uppercase;
+		background-color:azure;
+		background-image:url(http://ghghgh.us/timb/pepper2.gif);
+		}
+	img
+		{
+		background-color:whitesmoke;
+		}	
+	a {text-decoration: none;color:#333;} 
+	a:hover	{text-decoration: none;background:#ff8000;color:#fff;} 
+	a:visited {text-decoration: none;color:#333;} 
+	a:visited:hover {text-decoration: none;background:#ff8000;color:#fff;} 
+</style> 
+<!--special thanks to Gerard Ferrandez at http://www.dhteumeuleu.com for his image rolodex script--> 
+ 
+<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
+<script type="text/javascript"> 
+var car = { 
+	scr  : 0, 
+	img  : 0, 
+	xm   : 0, 
+	ym   : 0, 
+	xmb  : 0, 
+	ymb  : 0, 
+	drag : false, 
+	cosY : 0, 
+	cosX : 0, 
+	sinY : 0, 
+	sinX : 0, 
+	xd   : 0, 
+	yd   : -10, 
+//	arr  : [],
+	run : function () {
+		/* ==== rotation speed ==== */ 
+		var Ay = car.xd / (car.scr.offsetWidth * .2); 
+		var Ax = car.yd / (car.scr.offsetHeight * .2); 
+		/* ==== vertical / horizontal friction ==== */ 
+		if(!car.drag){ 
+			if(Math.abs(car.xd) > Math.abs(car.yd)){ 
+				car.xd *= .99; 
+				car.yd *= .95; 
+			} else { 
+				car.xd *= .95; 
+				car.yd *= .99; 
+			} 
+		} 
+		/* ==== rotation angles ==== */ 
+		car.cosY = Math.cos(Ay); 
+		car.cosX = Math.cos(Ax); 
+		car.sinY = Math.sin(Ay); 
+		car.sinX = Math.sin(Ax); 
+		/* ==== animate images ==== */ 
+		for(var i = 0; i < 8; i++)
+				{ 
+				car.img[i].rotate()
+				}; 
+		/* ==== loop ==== */ 
+		setTimeout(car.run, 16); 
+	}, 
+ 
+	/* ==== mouse mov ==== */ 
+	mouse : function (e) { 
+		this.xm = e.clientX; 
+		this.ym = -e.clientY; 
+		if(this.drag){ 
+			var homeboy = this.img
+			this.xd = this.xm - this.xmb; 
+			this.yd = this.ym - this.ymb; 
+			} 
+		this.xmb = this.xm; 
+		this.ymb = this.ym; 
+	}, 
+ 
+	/* ==== dim screen ==== */ 
+	resize : function () { 
+		car.nw = car.scr.offsetWidth; 
+		car.nh = car.scr.offsetHeight; 
+	}, 
+ 
+	/* ==== init script ==== */ 
+	init : function () { 
+		/* ==== window mousemove event ==== */ 
+		document.onmousemove = function (e) { 
+			if (window.event) e = window.event; 
+			car.mouse(e);
+	//		$('#error').append('x'); 
+		} 
+		/* ==== window onresize event ==== */ 
+		onresize = car.resize; 
+		/* ==== init images ==== */ 
+		this.scr = document.getElementById('screen'); 
+		var img = this.scr.getElementsByClassName('images');
+		this.img = []; 
+		car.resize(); 
+		var k = 0;
+		 
+		for(var xi = -1; xi <= 1; xi+=2) { 
+			for(var yi = -1; yi <= 1; yi+=2) { 
+				for(var zi = -1; zi <= 1; zi+=2) { 
+					var o = img[k++]
+					/* ==== replace images by canvas ==== */ 
+					if (document.createElement("canvas").getContext) { 
+						var src = o;
+						o = document.createElement("canvas");
+						if (k<=8){ 
+						o.id = img[k-1].getAttribute('src')} 
+						o.canvas = true; 
+						/* ==== flip function ==== */ 
+						o.flip = function (fx, fy) { 
+							var context = this.getContext("2d"); 
+							context.translate(fx<0?this.w:0, fy<0?this.h:0); 
+							context.scale(fx, fy); 
+							context.drawImage(this.img, 0, 0, this.w, this.h); 
+						} 
+						o.img = src; 
+						this.scr.appendChild(o); 
+					} 
+					/* ==== HTML Objects ==== */ 
+					this.img.push(o); 
+					o.css = o.style; 
+					o.x3d = xi; 
+					o.y3d = yi; 
+					o.z3d = zi; 
+					o.py  = 0; 
+					o.px  = 0; 
+					o.onselectstart = function () { return false; } 
+					o.ondrag        = function () { return false; } 
+					o.onmousedown   = function () { 
+						car.drag = true; 
+						car.xd = 0; 
+						car.yd = 0; 
+						this.css.cursor = "move";
+					//	if(reference)
+						//	{
+					//	$('#'+reference.toString()).css('border-color','purple');
+						//	}
+						$('canvas').css('border-color','black')
+						document.getElementById('error').innerHTML = this.getAttribute('id').toString()
+						$(this).css('border-color','red'); 
+						//reference = this.getAttribute('id').toString();
+						//$('#error').append(reference);
+		//				car.arr.push(reference)
+	//					var thelast = car.arr[car.arr.length-2]
+						if (thelast)
+								{
+								$('#error').append('#'+thelast)
+								}
+					//	$('#'+thelast).css('border-color','purple')	
+		$('#error').click(function(){$('#error').html("<img src='"+reference.toString()+"'></img>")}); 
+//		$('#error').click(function(){$('#b2').append("<img src='"+reference+"'></img>")}); 
+						return false;
+					 
+					} 
+					o.onmouseout    = function () {car.drag = false; this.css.cursor = "pointer"; return false; } 
+					o.onmouseup     = function () {car.drag = false; this.css.cursor = "pointer"; return false; } 
+					o.rotate        = function () { 
+						/* ==== trigo ==== */ 
+						var tz   = this.z3d * car.cosY - this.x3d * car.sinY; 
+						this.x3d = this.z3d * car.sinY + this.x3d * car.cosY; 
+						this.z3d = this.y3d * car.sinX + tz * car.cosX; 
+						this.y3d = this.y3d * car.cosX - tz * car.sinX; 
+						var zf   = 1 / (this.z3d / 10 + 1); 
+						var x2d  = this.x3d * zf * car.nw * .2; 
+						var y2d  = this.y3d * zf * car.nh * .2; 
+						var w2d  = Math.abs(x2d * 1.6); 
+						var h2d  = Math.abs(y2d * 1.6); 
+						if (this.loaded) { 
+							/* ==== HTML animation ==== */ 
+							this.css.left   = Math.round(car.nw * .5 - x2d - w2d * .5) + 'px'; 
+							this.css.top    = Math.round(car.nh * .5 - y2d - h2d * .5) + 'px'; 
+							this.css.width  = Math.round(w2d) + 'px'; 
+							this.css.height = Math.round(h2d) + 'px'; 
+							this.css.zIndex = Math.round(zf * 100); 
+						/*	$('body').click(function()
+									{
+							//	$(this).attr('img');
+							bill = 'howdy'
+								$('#error').html(bill);
+									});*/
+						//	$('#error').append(this.img);
+							/* ==== flipv ==== */ 
+							if ((y2d < 0) != this.py) { 
+								this.py = (y2d < 0); 
+								if (this.canvas) 
+									this.flip(1, -1); 
+								else if (this.filters) 
+									this.filters[1].enabled = (y2d < 0) ? "true" : "false"; 
+							} 
+							/* ==== fliph ==== */ 
+							if ((x2d < 0) != this.px) { 
+								this.px = (x2d < 0); 
+								if (this.canvas) 
+									this.flip(-1, 1); 
+								else if (this.filters) 
+									this.filters[0].enabled = (x2d < 0) ? "true" : "false"; 
+							} 
+						} else { 
+							/* ==== load image ==== */ 
+							if ((this.canvas && this.img.complete) || this.complete) { 
+								this.loaded = true; 
+								if (this.canvas) { 
+									this.w = this.img.width; 
+									this.h = this.img.height; 
+									this.width = this.w; 
+									this.height = this.h; 
+									var context = this.getContext("2d"); 
+									context.drawImage(this.img, 0, 0, this.w, this.h); 
+								} 
+							} 
+						} 
+					} 
+				} 
+			} 
+		} 
+		this.run(); 
+	} 
+} 
+</script> 
+</head> 
+ 
+<body> 
+ 
+<div id="screen"> 
+	<div id="b1"></div> 
+	<div id="b2">WELCOME TO THE PHOTOBLASTER GREAT GRIDS GALLERY...THESE ARE RECENT GRIDS CREATED BY PEOPLE USING HTTP://ASDF.US/IMGRID</div>
+	<div id="b3">	
+	<br>
+	</div> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg1.png"> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg2.png"> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg3.png"> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg4.png"> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg5.png"> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg6.png"> 
+	<img class='images' alt="by Pepper" src="images/gg7.png"> 
+	<img class='images' alt="" src="images/gg6.png"> 
+</div> 
+<div id='error' style='border-style:solid; border-width:10px; border-color:green; background-color:red; height:100px;width100px;position:fixed;left:100px; top:20px;'>hello</div> 
+<script type="text/javascript"> 
+	/* ==== start ==== */ 
+	setTimeout(function() { 
+		car.init(); 
+	}, 1000); 
+</script> 
+
+<script type='text/javascript'>
+</script> 
+</body> 
+</html> 
+
diff --git a/frontend/imgrid/greatgrids/facebookimage.jpg b/frontend/imgrid/greatgrids/facebookimage.jpg
new file mode 100755
index 0000000..175f825
Binary files /dev/null and b/frontend/imgrid/greatgrids/facebookimage.jpg differ
diff --git a/frontend/imgrid/greatgrids/facebookimage.png b/frontend/imgrid/greatgrids/facebookimage.png
new file mode 100755
index 0000000..4d75bc0
Binary files /dev/null and b/frontend/imgrid/greatgrids/facebookimage.png differ
diff --git a/frontend/imgrid/greatgrids/gallery.html b/frontend/imgrid/greatgrids/gallery.html
new file mode 100755
index 0000000..4489a99
--- /dev/null
+++ b/frontend/imgrid/greatgrids/gallery.html
@@ -0,0 +1,404 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
+<html> 
+<head> 
+<title>the difference - interactive DHTML</title> 
+<meta http-equiv="imagetoolbar" content="no"> 
+<link href='http://fonts.googleapis.com/css?family=Tienne:400,700' rel='stylesheet' type='text/css'>
+<style type="text/css"> 
+	html { 
+		overflow: hidden; 
+	} 
+	body { 
+		margin: 0px; 
+		padding: 0px; 
+		background: aqua; 
+		position: absolute; 
+		width: 100%; 
+		height: 100%; 
+	}
+	#curtain{
+		position:fixed;
+		top:0;
+		left:0;
+		height:100%;
+		width:100%;
+		background-color:rgba(255,255,255,0.8);
+		z-index:1500;
+		display:none;
+		} 
+	#details
+		{
+		position:absolute;
+		width:800px;
+		height:60%;
+		border-style:solid;
+		border-width:1px;
+		background-color:white;
+		margin:0 auto;
+		border-color:black;
+		top:0;
+		left:0;
+		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+		-moz-opacity: 1.0;
+		-khtml-opacity: 1.0;
+		opacity:1;
+
+		}
+	#imagedetail
+		{
+		position:absolute;
+		margin:0 auto;
+		border-style:outset;
+		border-color:black;
+		border-width:0px;
+		display:block;
+		max-height:900px;
+		max-width:900px;
+		opacity:1;
+		}
+	#info
+		{
+		font-size:40px;
+		font-family:helvetica;
+		text-transform:uppercase;
+		display:block;
+		padding:5%;
+		}
+	#screen { 
+		position:absolute; 
+		left: 00%; 
+		top: 0%; 
+		width: 100%; 
+		height: 100%; 
+		background: aqua; 
+		overflow: hidden; 
+	} 
+	#screen img { 
+		position: absolute; 
+		cursor: pointer; 
+		left: -4000px; 
+		filter: fliph flipv; 
+		-ms-interpolation-mode:nearest-neighbor; 
+	} 
+	#screen canvas { 
+		position: absolute; 
+		cursor: pointer; 
+		width: 0px; 
+		border-style:outset;
+		border-width:8px;
+		border-color:black;
+		} 
+	#b1
+		{ 
+		position:absolute; 
+		width:100%; 
+		height:10%;
+		background-color:red;
+		background-image:url(http://ghghgh.us/timb/pepper3.gif); 
+		} 
+	#b2
+		{ 
+		position:absolute; 
+		top:100px;
+		width:100%; 
+		font-family: 'Tienne', serif;
+		color:#8B8B7A;
+		text-shadow: 0px -15px 0 bisque;
+		text-shadow: 20px 30px 11px #CDC5BF;
+		font-size:40px;
+		padding-top:20px;
+		padding-bottom:20px;
+		text-align:center;
+		height:100px; 
+		background-color:whitesmoke; 
+		bottom:0px; 
+		} 
+	#b3
+		{
+		position:fixed:
+		top:1000px;
+		height:1000px;
+		width:100%;
+		text-align:center;
+		font-style:georgia;
+		font-size:20px;
+		color:black;
+		text-transform:uppercase;
+		background-color:azure;
+		background-image:url(http://ghghgh.us/timb/pepper2.gif);
+		}
+	a {text-decoration: none;color:#333;} 
+	a:hover	{text-decoration: none;background:#ff8000;color:#fff;} 
+	a:visited {text-decoration: none;color:#333;} 
+	a:visited:hover {text-decoration: none;background:#ff8000;color:#fff;} 
+</style> 
+<!--special thanks to Gerard Ferrandez at http://www.dhteumeuleu.com for his image rolodex script--> 
+ 
+<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
+<script type="text/javascript"> 
+var car = { 
+	scr  : 0, 
+	img  : 0, 
+	xm   : 0, 
+	ym   : 0, 
+	xmb  : 0, 
+	ymb  : 0, 
+	drag : false, 
+	cosY : 0, 
+	cosX : 0, 
+	sinY : 0, 
+	sinX : 0, 
+	xd   : 0, 
+	yd   : -10, 
+	ref  : "",
+	run : function () {
+		/* ==== rotation speed ==== */ 
+		var Ay = car.xd / (car.scr.offsetWidth * .2); 
+		var Ax = car.yd / (car.scr.offsetHeight * .2); 
+		/* ==== vertical / horizontal friction ==== */ 
+		if(!car.drag){ 
+			if(Math.abs(car.xd) > Math.abs(car.yd)){ 
+				car.xd *= .99; 
+				car.yd *= .95; 
+			} else { 
+				car.xd *= .95; 
+				car.yd *= .99; 
+			} 
+		} 
+		/* ==== rotation angles ==== */ 
+		car.cosY = Math.cos(Ay); 
+		car.cosX = Math.cos(Ax); 
+		car.sinY = Math.sin(Ay); 
+		car.sinX = Math.sin(Ax); 
+		/* ==== animate images ==== */ 
+		for(var i = 0; i < 8; i++)
+				{ 
+				car.img[i].rotate()
+				}; 
+		/* ==== loop ==== */ 
+		setTimeout(car.run, 16); 
+	}, 
+ 
+	/* ==== mouse mov ==== */ 
+	mouse : function (e) { 
+		this.xm = e.clientX; 
+		this.ym = -e.clientY; 
+		if(this.drag){ 
+			var homeboy = this.img
+			this.xd = this.xm - this.xmb; 
+			this.yd = this.ym - this.ymb; 
+			} 
+		this.xmb = this.xm; 
+		this.ymb = this.ym; 
+	}, 
+ 
+	/* ==== dim screen ==== */ 
+	resize : function () { 
+		car.nw = car.scr.offsetWidth; 
+		car.nh = car.scr.offsetHeight; 
+	}, 
+ 
+	/* ==== init script ==== */ 
+	init : function () { 
+		/* ==== window mousemove event ==== */ 
+		document.onmousemove = function (e) { 
+			if (window.event) e = window.event; 
+			car.mouse(e);
+		} 
+		/* ==== window onresize event ==== */ 
+		onresize = car.resize; 
+		/* ==== init images ==== */ 
+		this.scr = document.getElementById('screen'); 
+		var img = this.scr.getElementsByClassName('images');
+		this.img = []; 
+		car.resize(); 
+		var k = 0;
+		 
+		for(var xi = -1; xi <= 1; xi+=2) { 
+			for(var yi = -1; yi <= 1; yi+=2) { 
+				for(var zi = -1; zi <= 1; zi+=2) { 
+					var o = img[k++]
+					/* ==== replace images by canvas ==== */ 
+					if (document.createElement("canvas").getContext) { 
+						var src = o;
+						o = document.createElement("canvas");
+						if (k<=8){ 
+						o.id = img[k-1].getAttribute('src')} 
+						o.canvas = true; 
+						/* ==== flip function ==== */ 
+						o.flip = function (fx, fy) { 
+							var context = this.getContext("2d"); 
+							context.translate(fx<0?this.w:0, fy<0?this.h:0); 
+							context.scale(fx, fy); 
+							context.drawImage(this.img, 0, 0, this.w, this.h); 
+						} 
+						o.img = src; 
+						this.scr.appendChild(o); 
+					} 
+					/* ==== HTML Objects ==== */ 
+					this.img.push(o); 
+					o.css = o.style; 
+					o.x3d = xi; 
+					o.y3d = yi; 
+					o.z3d = zi; 
+					o.py  = 0; 
+					o.px  = 0; 
+					o.onselectstart = function () { return false; } 
+					o.ondrag        = function () { return false; } 
+					o.onmousedown   = function () { 
+						car.drag = true; 
+						car.xd = 0; 
+						car.yd = 0; 
+						this.css.cursor = "move";
+						$('canvas').css('border-color','black')
+					//	document.getElementById('error').innerHTML = this.getAttribute('id').toString()
+						car.ref = this.getAttribute('id').toString()
+						$(this).css('border-color','red'); 
+						return false;
+					 
+					} 
+					o.onmouseout    = function () {car.drag = false; this.css.cursor = "pointer"; return false; } 
+					o.onmouseup     = function () {car.drag = false; this.css.cursor = "pointer"; return false; } 
+					o.rotate        = function () { 
+						/* ==== trigo ==== */ 
+						var tz   = this.z3d * car.cosY - this.x3d * car.sinY; 
+						this.x3d = this.z3d * car.sinY + this.x3d * car.cosY; 
+						this.z3d = this.y3d * car.sinX + tz * car.cosX; 
+						this.y3d = this.y3d * car.cosX - tz * car.sinX; 
+						var zf   = 1 / (this.z3d / 10 + 1); 
+						var x2d  = this.x3d * zf * car.nw * .2; 
+						var y2d  = this.y3d * zf * car.nh * .2; 
+						var w2d  = Math.abs(x2d * 1.6); 
+						var h2d  = Math.abs(y2d * 1.6); 
+						if (this.loaded) { 
+							/* ==== HTML animation ==== */ 
+							this.css.left   = Math.round(car.nw * .5 - x2d - w2d * .5) + 'px'; 
+							this.css.top    = Math.round(car.nh * .5 - y2d - h2d * .5) + 'px'; 
+							this.css.width  = Math.round(w2d) + 'px'; 
+							this.css.height = Math.round(h2d) + 'px'; 
+							this.css.zIndex = Math.round(zf * 100); 
+							/* ==== flipv ==== */ 
+							if ((y2d < 0) != this.py) { 
+								this.py = (y2d < 0); 
+								if (this.canvas) 
+									this.flip(1, -1); 
+								else if (this.filters) 
+									this.filters[1].enabled = (y2d < 0) ? "true" : "false"; 
+							} 
+							/* ==== fliph ==== */ 
+							if ((x2d < 0) != this.px) { 
+								this.px = (x2d < 0); 
+								if (this.canvas) 
+									this.flip(-1, 1); 
+								else if (this.filters) 
+									this.filters[0].enabled = (x2d < 0) ? "true" : "false"; 
+							} 
+						} else { 
+							/* ==== load image ==== */ 
+							if ((this.canvas && this.img.complete) || this.complete) { 
+								this.loaded = true; 
+								if (this.canvas) { 
+									this.w = this.img.width; 
+									this.h = this.img.height; 
+									this.width = this.w; 
+									this.height = this.h; 
+									var context = this.getContext("2d"); 
+									context.drawImage(this.img, 0, 0, this.w, this.h); 
+								} 
+							} 
+						} 
+					} 
+				} 
+			} 
+		} 
+		this.run(); 
+	} 
+} 
+</script> 
+</head> 
+ 
+<body> 
+ 
+	<div id='curtain'>
+		<div id='details'>
+<span id="info">BLAH BLAH BLAH</span>
+<div id="detailwrapper"><img id='imagedetail'></img></div>
+		</div>
+</div>
+<div id="screen"> 
+	<div id="b1"></div> 
+	<div id="b2">WELCOME TO THE PHOTOBLASTER GREAT GRIDS GALLERY...THESE ARE RECENT GRIDS CREATED USING <a href='http://asdf.us/imgrid'>HTTP://ASDF.US/IMGRID</a></div>
+	<div id="b3">	
+	<br>
+	</div> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg1.png"> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg2.png"> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg3.png"> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg4.png"> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg5.png"> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg6.png"> 
+	<img class='images' alt="by Pepper" src="images/gg7.png"> 
+	<img class='images' alt="" src="images/gg6.png"> 
+</div> 
+<div id='error' style= 'color:red; font-size:40px; height:100px;width100px;position:fixed;left:100px; top:20px;'>CLICK TO ENLARGE</div> 
+<script type="text/javascript"> 
+	/* ==== start ==== */ 
+	setTimeout(function() { 
+		car.init(); 
+	}, 1000); 
+</script> 
+
+<script type='text/javascript'>
+var imagedict = {
+				"images/gg1.png":"By Jeremy<br>Matthew<br>Daly",
+				"images/gg2.png":"By Jeremy<br>Matthew<br>Daly",
+				"images/gg3.png":"By Jeremy<br>Matthew<br>Daly",
+				"images/gg4.png":"By Jeremy<br>Matthew<br>Daly",
+				"images/gg5.png":"By Jeremy<br>Matthew<br>Daly",
+				"images/gg6.png":"By Jeremy<br>Matthew<br>Daly",
+				"images/gg7.png":"By Pepper"
+				}
+function centerimage()
+	{
+	$('#imagedetail').load(function()
+		{
+		refpoint = $('#imagedetail').attr('src')
+		newrefpoint = imagedict[refpoint]
+		$('#info').html(newrefpoint)
+		$('#info').append("<img src='blackplant.png' style='position:fixed; z-index:2000; top:300px; left:50px; height:200px;'></img>")
+		detailwidth = $('#imagedetail').width()
+		detailheight = $('#imagedetail').height()
+		theborder = 2	
+		centerpointone = parseFloat(detailwidth)/2
+		centerpointtwo = parseFloat(detailheight)/2
+		leftpos = window.innerWidth/2-centerpointone-theborder
+		toppos = window.innerHeight/2-centerpointtwo-theborder
+		wrapperposT = (toppos-20).toString()+'px'
+		wrapperposL = (leftpos-20).toString()+'px'
+		wrapperheight = detailheight+40
+		wrapperwidth = detailwidth+40
+		toppos = toppos.toString()+'px'
+		leftpos = leftpos.toString()+'px'
+		$('#imagedetail').css({top:20,left:20})
+		$('#detailwrapper').css({'position':'absolute','z-index':'1499','width':wrapperwidth,'height':wrapperheight,'top':wrapperposT,'left':wrapperposL,'background-color':'white','border-style':'solid','border-color':'black','border-width':'1px'});
+	//	$('#info').append(wrapperposT+'wrapperposT');
+		
+		})
+	}
+function curtainfunction()
+	{
+		centerimage()
+		$('#curtain').toggle();
+		$('#imagedetail').attr('src',car.ref);													
+	}
+$('#curtain').click(function(){$('#curtain').toggle("slow")})
+
+$('#error').click(function()
+		{
+		curtainfunction()
+		})
+$('canvas').dblclick(function(){curtainfunction()})
+</script> 
+</body> 
+</html> 
+
diff --git a/frontend/imgrid/greatgrids/greatgrids.ico b/frontend/imgrid/greatgrids/greatgrids.ico
new file mode 100755
index 0000000..02b95bb
Binary files /dev/null and b/frontend/imgrid/greatgrids/greatgrids.ico differ
diff --git a/frontend/imgrid/greatgrids/grids.ico b/frontend/imgrid/greatgrids/grids.ico
new file mode 100755
index 0000000..e84f586
Binary files /dev/null and b/frontend/imgrid/greatgrids/grids.ico differ
diff --git a/frontend/imgrid/greatgrids/grids.png b/frontend/imgrid/greatgrids/grids.png
new file mode 100755
index 0000000..7295042
Binary files /dev/null and b/frontend/imgrid/greatgrids/grids.png differ
diff --git a/frontend/imgrid/greatgrids/hey.html b/frontend/imgrid/greatgrids/hey.html
new file mode 100755
index 0000000..8de70fb
--- /dev/null
+++ b/frontend/imgrid/greatgrids/hey.html
@@ -0,0 +1,300 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
+<html> 
+<head> 
+<title>the difference - interactive DHTML</title> 
+<meta http-equiv="imagetoolbar" content="no"> 
+<link href='http://fonts.googleapis.com/css?family=Tienne:400,700' rel='stylesheet' type='text/css'>
+<style type="text/css"> 
+	html { 
+		overflow: hidden; 
+	} 
+	body { 
+		margin: 0px; 
+		padding: 0px; 
+		background: aqua; 
+		position: absolute; 
+		width: 100%; 
+		height: 100%; 
+	} 
+	#screen { 
+		position:absolute; 
+		left: 00%; 
+		top: 0%; 
+		width: 100%; 
+		height: 100%; 
+		background: aqua; 
+		overflow: hidden; 
+	} 
+	#screen img { 
+		position: absolute; 
+		cursor: pointer; 
+		left: -4000px; 
+		filter: fliph flipv; 
+		-ms-interpolation-mode:nearest-neighbor; 
+	} 
+	#screen canvas { 
+		position: absolute; 
+		cursor: pointer; 
+		width: 0px; 
+		border-style:outset;
+		border-width:8px;
+		border-color:black;
+		} 
+	#b1
+		{ 
+		position:absolute; 
+		width:100%; 
+		height:10%;
+		background-color:red;
+		background-image:url(http://ghghgh.us/timb/pepper3.gif); 
+		} 
+	#b2
+		{ 
+		position:absolute; 
+		top:100px;
+		width:100%; 
+		font-family: 'Tienne', serif;
+		color:#8B8B7A;
+		text-shadow: 0px -15px 0 bisque;
+		text-shadow: 20px 30px 11px #CDC5BF;
+		font-size:40px;
+		padding-top:20px;
+		padding-bottom:20px;
+		text-align:center;
+		height:100px; 
+		background-color:whitesmoke; 
+		bottom:0px; 
+		} 
+	#b3
+		{
+		position:fixed:
+		top:1000px;
+		height:1000px;
+		width:100%;
+		text-align:center;
+		font-style:georgia;
+		font-size:20px;
+		color:black;
+		text-transform:uppercase;
+		background-color:azure;
+		background-image:url(http://ghghgh.us/timb/pepper2.gif);
+		}
+	img
+		{
+		background-color:whitesmoke;
+		}	
+	a {text-decoration: none;color:#333;} 
+	a:hover	{text-decoration: none;background:#ff8000;color:#fff;} 
+	a:visited {text-decoration: none;color:#333;} 
+	a:visited:hover {text-decoration: none;background:#ff8000;color:#fff;} 
+</style> 
+<!--special thanks to Gerard Ferrandez at http://www.dhteumeuleu.com for his image rolodex script--> 
+ 
+<script type="text/javascript"> 
+ 
+var car = { 
+	scr  : 0, 
+	img  : 0, 
+	xm   : 0, 
+	ym   : 0, 
+	xmb  : 0, 
+	ymb  : 0, 
+	drag : false, 
+	cosY : 0, 
+	cosX : 0, 
+	sinY : 0, 
+	sinX : 0, 
+	xd   : 0, 
+	yd   : -10, 
+ 
+	run : function () { 
+		/* ==== rotation speed ==== */ 
+		var Ay = car.xd / (car.scr.offsetWidth * .2); 
+		var Ax = car.yd / (car.scr.offsetHeight * .2); 
+		/* ==== vertical / horizontal friction ==== */ 
+		if(!car.drag){ 
+			if(Math.abs(car.xd) > Math.abs(car.yd)){ 
+				car.xd *= .99; 
+				car.yd *= .95; 
+			} else { 
+				car.xd *= .95; 
+				car.yd *= .99; 
+			} 
+		} 
+		/* ==== rotation angles ==== */ 
+		car.cosY = Math.cos(Ay); 
+		car.cosX = Math.cos(Ax); 
+		car.sinY = Math.sin(Ay); 
+		car.sinX = Math.sin(Ax); 
+		/* ==== animate images ==== */ 
+		for(var i = 0; i < 8; i++) car.img[i].rotate(); 
+		/* ==== loop ==== */ 
+		setTimeout(car.run, 16); 
+	}, 
+ 
+	/* ==== mouse mov ==== */ 
+	mouse : function (e) { 
+		this.xm = e.clientX; 
+		this.ym = -e.clientY; 
+		if(this.drag){ 
+			this.xd = this.xm - this.xmb; 
+			this.yd = this.ym - this.ymb; 
+		} 
+		this.xmb = this.xm; 
+		this.ymb = this.ym; 
+	}, 
+ 
+	/* ==== dim screen ==== */ 
+	resize : function () { 
+		car.nw = car.scr.offsetWidth; 
+		car.nh = car.scr.offsetHeight; 
+	}, 
+ 
+	/* ==== init script ==== */ 
+	init : function () { 
+		/* ==== window mousemove event ==== */ 
+		document.onmousemove = function (e) { 
+			if (window.event) e = window.event; 
+			car.mouse(e); 
+		} 
+		/* ==== window onresize event ==== */ 
+		onresize = car.resize; 
+		/* ==== init images ==== */ 
+		this.scr = document.getElementById('screen'); 
+		var img = this.scr.getElementsByTagName('img'); 
+		this.img = []; 
+		car.resize(); 
+		var k = 0; 
+		for(var xi = -1; xi <= 1; xi+=2) { 
+			for(var yi = -1; yi <= 1; yi+=2) { 
+				for(var zi = -1; zi <= 1; zi+=2) { 
+					var o = img[k++]; 
+					/* ==== replace images by canvas ==== */ 
+					if (document.createElement("canvas").getContext) { 
+						var src = o; 
+						o = document.createElement("canvas"); 
+						o.canvas = true; 
+						/* ==== flip function ==== */ 
+						o.flip = function (fx, fy) { 
+							var context = this.getContext("2d"); 
+							context.translate(fx<0?this.w:0, fy<0?this.h:0); 
+							context.scale(fx, fy); 
+							context.drawImage(this.img, 0, 0, this.w, this.h); 
+						} 
+						o.img = src; 
+						this.scr.appendChild(o); 
+					} 
+					/* ==== HTML Objects ==== */ 
+					this.img.push(o); 
+					o.css = o.style; 
+					o.x3d = xi; 
+					o.y3d = yi; 
+					o.z3d = zi; 
+					o.py  = 0; 
+					o.px  = 0; 
+					o.onselectstart = function () { return false; } 
+					o.ondrag        = function () { return false; } 
+					o.onmousedown   = function () { 
+						car.drag = true; 
+						car.xd = 0; 
+						car.yd = 0; 
+						this.css.cursor = "move"; 
+						return false; 
+					} 
+					o.onmouseout    = function () {car.drag = false; this.css.cursor = "pointer"; return false; } 
+					o.onmouseup     = function () {car.drag = false; this.css.cursor = "pointer"; return false; } 
+					o.rotate        = function () { 
+						/* ==== trigo ==== */ 
+						var tz   = this.z3d * car.cosY - this.x3d * car.sinY; 
+						this.x3d = this.z3d * car.sinY + this.x3d * car.cosY; 
+						this.z3d = this.y3d * car.sinX + tz * car.cosX; 
+						this.y3d = this.y3d * car.cosX - tz * car.sinX; 
+						var zf   = 1 / (this.z3d / 10 + 1); 
+						var x2d  = this.x3d * zf * car.nw * .2; 
+						var y2d  = this.y3d * zf * car.nh * .2; 
+						var w2d  = Math.abs(x2d * 1.6); 
+						var h2d  = Math.abs(y2d * 1.6); 
+						if (this.loaded) { 
+							/* ==== HTML animation ==== */ 
+							this.css.left   = Math.round(car.nw * .5 - x2d - w2d * .5) + 'px'; 
+							this.css.top    = Math.round(car.nh * .5 - y2d - h2d * .5) + 'px'; 
+							this.css.width  = Math.round(w2d) + 'px'; 
+							this.css.height = Math.round(h2d) + 'px'; 
+							this.css.zIndex = Math.round(zf * 100); 
+							/* ==== flipv ==== */ 
+							if ((y2d < 0) != this.py) { 
+								this.py = (y2d < 0); 
+								if (this.canvas) 
+									this.flip(1, -1); 
+								else if (this.filters) 
+									this.filters[1].enabled = (y2d < 0) ? "true" : "false"; 
+							} 
+							/* ==== fliph ==== */ 
+							if ((x2d < 0) != this.px) { 
+								this.px = (x2d < 0); 
+								if (this.canvas) 
+									this.flip(-1, 1); 
+								else if (this.filters) 
+									this.filters[0].enabled = (x2d < 0) ? "true" : "false"; 
+							} 
+						} else { 
+							/* ==== load image ==== */ 
+							if ((this.canvas && this.img.complete) || this.complete) { 
+								this.loaded = true; 
+								if (this.canvas) { 
+									this.w = this.img.width; 
+									this.h = this.img.height; 
+									this.width = this.w; 
+									this.height = this.h; 
+									var context = this.getContext("2d"); 
+									context.drawImage(this.img, 0, 0, this.w, this.h); 
+								} 
+							} 
+						} 
+					} 
+				} 
+			} 
+		} 
+		this.run(); 
+	} 
+} 
+ 
+</script> 
+</head> 
+ 
+<body> 
+ 
+<div id="screen"> 
+	<div id="b1"></div> 
+	<div id="b2">WELCOME TO THE PHOTOBLASTER GREAT GRIDS GALLERY...THESE ARE RECENT GRIDS CREATED BY PEOPLE USING HTTP://ASDF.US/IMGRID</div>
+	<div id="b3">	
+	<br>
+	</div> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg1.png"> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg2.png"> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg3.png"> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg4.png"> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg5.png"> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg6.png"> 
+	<img class='images' alt="by Pepper" src="images/gg7.png"> 
+	<img class='images' alt="" src="images/gg6.png"> 
+</div> 
+ 
+<script type="text/javascript"> 
+	/* ==== start ==== */ 
+	setTimeout(function() { 
+		car.init(); 
+	}, 1000); 
+</script> 
+<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
+
+<script type='text/javascript'>
+$(canvas).click(function()
+			{
+		//	value = $(this).attr('alt');
+			$('#b2').html('hey guys');
+			});
+</script> 
+</body> 
+</html> 
+
diff --git a/frontend/imgrid/greatgrids/images/LaL1S.jpg b/frontend/imgrid/greatgrids/images/LaL1S.jpg
new file mode 100755
index 0000000..2eec5e3
Binary files /dev/null and b/frontend/imgrid/greatgrids/images/LaL1S.jpg differ
diff --git a/frontend/imgrid/greatgrids/images/gg1.png b/frontend/imgrid/greatgrids/images/gg1.png
new file mode 100755
index 0000000..9d290b6
Binary files /dev/null and b/frontend/imgrid/greatgrids/images/gg1.png differ
diff --git a/frontend/imgrid/greatgrids/images/gg2.png b/frontend/imgrid/greatgrids/images/gg2.png
new file mode 100755
index 0000000..92bf7b9
Binary files /dev/null and b/frontend/imgrid/greatgrids/images/gg2.png differ
diff --git a/frontend/imgrid/greatgrids/images/gg3.png b/frontend/imgrid/greatgrids/images/gg3.png
new file mode 100755
index 0000000..37c3a14
Binary files /dev/null and b/frontend/imgrid/greatgrids/images/gg3.png differ
diff --git a/frontend/imgrid/greatgrids/images/gg4.png b/frontend/imgrid/greatgrids/images/gg4.png
new file mode 100755
index 0000000..dedae31
Binary files /dev/null and b/frontend/imgrid/greatgrids/images/gg4.png differ
diff --git a/frontend/imgrid/greatgrids/images/gg5.png b/frontend/imgrid/greatgrids/images/gg5.png
new file mode 100755
index 0000000..1579292
Binary files /dev/null and b/frontend/imgrid/greatgrids/images/gg5.png differ
diff --git a/frontend/imgrid/greatgrids/images/gg6.png b/frontend/imgrid/greatgrids/images/gg6.png
new file mode 100755
index 0000000..77e69f3
Binary files /dev/null and b/frontend/imgrid/greatgrids/images/gg6.png differ
diff --git a/frontend/imgrid/greatgrids/images/gg7.png b/frontend/imgrid/greatgrids/images/gg7.png
new file mode 100755
index 0000000..788b182
Binary files /dev/null and b/frontend/imgrid/greatgrids/images/gg7.png differ
diff --git a/frontend/imgrid/greatgrids/images/gg8.jpg b/frontend/imgrid/greatgrids/images/gg8.jpg
new file mode 100755
index 0000000..2eec5e3
Binary files /dev/null and b/frontend/imgrid/greatgrids/images/gg8.jpg differ
diff --git a/frontend/imgrid/greatgrids/images/gg8.png b/frontend/imgrid/greatgrids/images/gg8.png
new file mode 100755
index 0000000..df486e0
Binary files /dev/null and b/frontend/imgrid/greatgrids/images/gg8.png differ
diff --git a/frontend/imgrid/greatgrids/index.html b/frontend/imgrid/greatgrids/index.html
new file mode 100755
index 0000000..cb55d1e
--- /dev/null
+++ b/frontend/imgrid/greatgrids/index.html
@@ -0,0 +1,430 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
+<html> 
+<head> 
+<title>GREAT GRIDS GALLERY</title> 
+<meta http-equiv="imagetoolbar" content="no"> 
+<meta property="og:image" content="http://asdf.us/imgrid/greatgrids/facebookimage.jpg"/>
+ <link rel="shortcut icon" href="http://asdf.us/imgrid/greatgrids/grids.ico">
+
+<link href='http://fonts.googleapis.com/css?family=Tienne:400,700' rel='stylesheet' type='text/css'>
+<style type="text/css"> 
+	html { 
+		overflow: hidden; 
+	} 
+	body { 
+		margin: 0px; 
+		padding: 0px; 
+		background: aqua; 
+		position: absolute; 
+		width: 100%; 
+		height: 100%; 
+	}
+	#curtain{
+		position:fixed;
+		top:0;
+		left:0;
+		height:100%;
+		width:100%;
+		background-color:rgba(255,255,255,0.8);
+		z-index:1500;
+		display:none;
+		overflow:auto;
+		} 
+	#details
+		{
+		position:absolute;
+		width:800px;
+		height:60%;
+		border-style:solid;
+		border-width:1px;
+		background-color:white;
+		margin:0 auto;
+		border-color:black;
+		top:0;
+		left:0;
+		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+		-moz-opacity: 1.0;
+		-khtml-opacity: 1.0;
+		opacity:1;
+
+		}
+	#imagedetail
+		{
+		position:absolute;
+		margin:0 auto;
+		border-style:outset;
+		border-color:black;
+		border-width:0px;
+		display:block;
+		opacity:1;
+		}
+	#info
+		{
+		font-size:200%;
+		font-family:helvetica;
+		text-transform:uppercase;
+		display:block;
+		padding:5%;
+		overflow:auto;
+		}
+	#screen { 
+		position:absolute; 
+		left: 00%; 
+		top: 7%; 
+		width: 100%; 
+		height: 100%; 
+		background: aqua; 
+//		overflow: hidden; 
+	} 
+	#screen img { 
+		position: absolute; 
+		cursor: pointer; 
+		left: -4000px; 
+		filter: fliph flipv; 
+		-ms-interpolation-mode:nearest-neighbor; 
+	} 
+	#screen canvas { 
+		position: absolute; 
+		cursor: pointer; 
+		width: 0px; 
+		border-style:outset;
+		border-width:8px;
+		border-color:black;
+		} 
+	#b1
+		{ 
+		position:fixed; 
+		top:0;
+		width:100%; 
+		height:10%;
+		background-color:red;
+		background-image:url(tinybackground.gif); 
+		} 
+	#b2
+		{ 
+		position:absolute; 
+		top:100px;
+		width:100%; 
+		font-family: 'Tienne', serif;
+		color:#8B8B7A;
+		text-shadow: 0px -15px 0 bisque;
+		text-shadow: 20px 30px 11px #CDC5BF;
+		font-size:250%;
+		padding-top:20px;
+		padding-bottom:20px;
+		text-align:center;
+		height:100px; 
+		background-color:whitesmoke; 
+		bottom:0px; 
+		} 
+	#b3
+		{
+		position:fixed:
+		top:1000px;
+		height:1000px;
+		width:100%;
+		text-align:center;
+		font-style:georgia;
+		font-size:20px;
+		color:black;
+		text-transform:uppercase;
+		background-color:azure;
+		background-image:url(tinybackground2.gif);
+		}
+	a {text-decoration: none;color:#333;} 
+	a:hover	{text-decoration: none;background:#ff8000;color:#fff;} 
+	a:visited {text-decoration: none;color:#333;} 
+	a:visited:hover {text-decoration: none;background:#ff8000;color:#fff;}
+	#error
+		{
+		display:none;
+		} 
+</style> 
+<!--special thanks to Gerard Ferrandez at http://www.dhteumeuleu.com for his image rolodex script--> 
+ 
+<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
+<script type="text/javascript"> 
+window.requestAnimFrame = (function(){
+  return  window.requestAnimationFrame      || 
+          window.webkitRequestAnimationFrame || 
+          window.mozRequestAnimationFrame    || 
+          window.oRequestAnimationFrame      || 
+          window.msRequestAnimationFrame    || 
+          function( callback ){
+            window.setTimeout(callback, 1000 / 60);
+          };
+})();
+var car = { 
+	scr  : 0, 
+	img  : 0, 
+	xm   : 0, 
+	ym   : 0, 
+	xmb  : 0, 
+	ymb  : 0, 
+	drag : false, 
+	cosY : 0, 
+	cosX : 0, 
+	sinY : 0, 
+	sinX : 0, 
+	xd   : 0, 
+	yd   : -10, 
+	ref  : "",
+	run : function () {
+		/* ==== rotation speed ==== */ 
+		var Ay = car.xd / (car.scr.offsetWidth * .2); 
+		var Ax = car.yd / (car.scr.offsetHeight * .2); 
+		/* ==== vertical / horizontal friction ==== */ 
+		if(!car.drag){ 
+			if(Math.abs(car.xd) > Math.abs(car.yd)){ 
+				car.xd *= .99; 
+				car.yd *= .95; 
+			} else { 
+				car.xd *= .95; 
+				car.yd *= .99; 
+			} 
+		} 
+		/* ==== rotation angles ==== */ 
+		car.cosY = Math.cos(Ay); 
+		car.cosX = Math.cos(Ax); 
+		car.sinY = Math.sin(Ay); 
+		car.sinX = Math.sin(Ax); 
+		/* ==== animate images ==== */ 
+		for(var i = 0; i < 8; i++)
+				{ 
+				car.img[i].rotate()
+				}; 
+		/* ==== loop ==== */ 
+		
+		//setTimeout(car.run, 16); 
+	}, 
+ 
+	/* ==== mouse mov ==== */ 
+	mouse : function (e) { 
+		this.xm = e.clientX; 
+		this.ym = -e.clientY; 
+		if(this.drag){ 
+			var homeboy = this.img
+			this.xd = this.xm - this.xmb; 
+			this.yd = this.ym - this.ymb; 
+			} 
+		this.xmb = this.xm; 
+		this.ymb = this.ym; 
+	}, 
+ 
+	/* ==== dim screen ==== */ 
+	resize : function () { 
+		car.nw = car.scr.offsetWidth; 
+		car.nh = car.scr.offsetHeight; 
+	}, 
+ 
+	/* ==== init script ==== */ 
+	init : function () { 
+		/* ==== window mousemove event ==== */ 
+		document.onmousemove = function (e) { 
+			if (window.event) e = window.event; 
+			car.mouse(e);
+		} 
+		/* ==== window onresize event ==== */ 
+		onresize = car.resize; 
+		/* ==== init images ==== */ 
+		this.scr = document.getElementById('screen'); 
+		var img = this.scr.getElementsByClassName('images');
+		this.img = []; 
+		car.resize(); 
+		var k = 0;
+		 
+		for(var xi = -1; xi <= 1; xi+=2) { 
+			for(var yi = -1; yi <= 1; yi+=2) { 
+				for(var zi = -1; zi <= 1; zi+=2) { 
+					var o = img[k++]
+					/* ==== replace images by canvas ==== */ 
+					if (document.createElement("canvas").getContext) { 
+						var src = o;
+						o = document.createElement("canvas");
+						if (k<=8){ 
+						o.id = img[k-1].getAttribute('src')} 
+						o.canvas = true; 
+						/* ==== flip function ==== */ 
+						o.flip = function (fx, fy) { 
+							var context = this.getContext("2d"); 
+							context.translate(fx<0?this.w:0, fy<0?this.h:0); 
+							context.scale(fx, fy); 
+							context.drawImage(this.img, 0, 0, this.w, this.h); 
+						} 
+						o.img = src; 
+						this.scr.appendChild(o); 
+					} 
+					/* ==== HTML Objects ==== */ 
+					this.img.push(o); 
+					o.css = o.style; 
+					o.x3d = xi; 
+					o.y3d = yi; 
+					o.z3d = zi; 
+					o.py  = 0; 
+					o.px  = 0; 
+					o.onselectstart = function () { return false; } 
+					o.ondrag        = function () { return false; } 
+					o.onmousedown   = function () { 
+						car.drag = true; 
+						car.xd = 0; 
+						car.yd = 0; 
+						this.css.cursor = "move";
+						$('canvas').css('border-color','black')
+					//	document.getElementById('error').innerHTML = this.getAttribute('id').toString()
+						car.ref = this.getAttribute('id').toString()
+						$(this).css('border-color','red');
+						$('#error').show("fast"); 
+						return false;
+					 
+					} 
+					o.onmouseout    = function () {car.drag = false; this.css.cursor = "pointer"; return false; } 
+					o.onmouseup     = function () {car.drag = false; this.css.cursor = "pointer"; return false; } 
+					o.rotate        = function () { 
+						/* ==== trigo ==== */ 
+						var tz   = this.z3d * car.cosY - this.x3d * car.sinY; 
+						this.x3d = this.z3d * car.sinY + this.x3d * car.cosY; 
+						this.z3d = this.y3d * car.sinX + tz * car.cosX; 
+						this.y3d = this.y3d * car.cosX - tz * car.sinX; 
+						var zf   = 1 / (this.z3d / 10 + 1); 
+						var x2d  = this.x3d * zf * car.nw * .2; 
+						var y2d  = this.y3d * zf * car.nh * .2; 
+						var w2d  = Math.abs(x2d * 1.6); 
+						var h2d  = Math.abs(y2d * 1.6); 
+						if (this.loaded) { 
+							/* ==== HTML animation ==== */ 
+							this.css.left   = Math.round(car.nw * .5 - x2d - w2d * .5) + 'px'; 
+							this.css.top    = Math.round(car.nh * .5 - y2d - h2d * .5) + 'px'; 
+							this.css.width  = Math.round(w2d) + 'px'; 
+							this.css.height = Math.round(h2d) + 'px'; 
+							this.css.zIndex = Math.round(zf * 100); 
+							/* ==== flipv ==== */ 
+							if ((y2d < 0) != this.py) { 
+								this.py = (y2d < 0); 
+								if (this.canvas) 
+									this.flip(1, -1); 
+								else if (this.filters) 
+									this.filters[1].enabled = (y2d < 0) ? "true" : "false"; 
+							} 
+							/* ==== fliph ==== */ 
+							if ((x2d < 0) != this.px) { 
+								this.px = (x2d < 0); 
+								if (this.canvas) 
+									this.flip(-1, 1); 
+								else if (this.filters) 
+									this.filters[0].enabled = (x2d < 0) ? "true" : "false"; 
+							} 
+						} else { 
+							/* ==== load image ==== */ 
+							if ((this.canvas && this.img.complete) || this.complete) { 
+								this.loaded = true; 
+								if (this.canvas) { 
+									this.w = this.img.width; 
+									this.h = this.img.height; 
+									this.width = this.w; 
+									this.height = this.h; 
+									var context = this.getContext("2d"); 
+									context.drawImage(this.img, 0, 0, this.w, this.h); 
+								} 
+							} 
+						} 
+					} 
+				} 
+			} 
+		} 
+		(function animloop(){
+  requestAnimFrame(animloop);
+  car.run();
+})();
+		//this.run(); 
+	} 
+} 
+</script> 
+</head> 
+ 
+<body> 
+ 
+	<div id='curtain'>
+		<div id='details'>
+<span id="info"></span>
+<a href='http://asdf.us/imgrid/index.html'><img src='blackplant.png' style='position:fixed; z-index:2000; top:300px; left:50px; height:25%;'></img></a>
+<div id="detailwrapper"><img id='imagedetail'></img></div>
+		</div>
+</div>
+<div id="screen"> 
+	<div id="b1"></div> 
+	<div id="b2">WELCOME TO THE PHOTOBLASTER GREAT GRIDS GALLERY...THESE ARE RECENT GRIDS CREATED USING <a href='http://asdf.us/imgrid'>HTTP://ASDF.US/IMGRID</a></div>
+	<div id="b3">	
+	<br>
+	</div> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg1.png"/> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg2.png"/> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg3.png"/> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg4.png"/> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg5.png"/> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg6.png"/> 
+	<img class='images' alt="by Pepper" src="images/gg7.png"/> 	
+	<img class='images' alt="by Calla Donofrio" src="images/gg8.png"/> 
+</div> 
+<div id='error' style= 'height:6%;position:fixed;left:50px; top:20px;cursor:pointer;opacity:0.8'><img src="http://asdf.us/im/e2/blackkplant_1324724811_pepper_1324724920_pepper.gif" style='height:300%; z-index:100;position:absolute;left:-40px;top:-20px;'></img><img src="http://i.imgur.com/xVHpN.gif" style='height:90%;z-index:104;position:absolute;'></img></div> 
+<script type="text/javascript"> 
+	/* ==== start ==== */ 
+	setTimeout(function() { 
+		car.init(); 
+	}, 1000); 
+</script> 
+
+<script type='text/javascript'>
+var imagedict = {
+				"images/gg1.png":"By Jeremy<br>Matthew<br>Daly",
+				"images/gg2.png":"By Jeremy<br>Matthew<br>Daly",
+				"images/gg3.png":"By Jeremy<br>Matthew<br>Daly",
+				"images/gg4.png":"By Jeremy<br>Matthew<br>Daly",
+				"images/gg5.png":"By Jeremy<br>Matthew<br>Daly",
+				"images/gg6.png":"By Jeremy<br>Matthew<br>Daly",
+				"images/gg7.png":"By Pepper",
+				"images/gg8.png":"By <a href='http://www.facebook.com/CallaDonofrio'>Calla<br>Donofrio</a><br><br><span style='font-size:50%'><a href='http://calladonofrio.tumblr.com'>more by her...</a>"}
+function centerimage()
+	{
+	$('#imagedetail').load(function()
+		{
+		detailwidth = $('#imagedetail').width()
+		detailheight = $('#imagedetail').height()
+		theborder = 2	
+		centerpointone = parseFloat(detailwidth)/2
+		centerpointtwo = parseFloat(detailheight)/2
+		leftpos = window.innerWidth/2-centerpointone-theborder
+		toppos = window.innerHeight/2-centerpointtwo-theborder
+		wrapperposT = (toppos-20).toString()+'px'
+		wrapperposL = (leftpos-20).toString()+'px'
+		wrapperheight = detailheight+40
+		wrapperwidth = detailwidth+40
+		$('#imagedetail').css({top:20,left:20})
+		$('#detailwrapper').css({'position':'absolute','z-index':'1499','width':wrapperwidth,'height':wrapperheight,'top':wrapperposT,'left':wrapperposL,'background-color':'white','border-style':'solid','border-color':'black','border-width':'1px'});
+		refpoint = $('#imagedetail').attr('src')
+		newrefpoint = imagedict[refpoint]
+		$('#info').html(newrefpoint)
+		
+		thefont = (leftpos-20)/9
+		if (thefont > 38) {thefont = 38}
+		$('#info').css('font-size',thefont.toString()+'px')
+		
+		
+		})
+	}
+function curtainfunction()
+	{
+		centerimage()
+		$('#curtain').toggle();
+		$('#imagedetail').attr('src',car.ref);													
+	}
+$('#curtain').click(function(){$('#curtain').toggle("slow")})
+
+$('#error').click(function()
+		{
+		curtainfunction()
+		})
+$('canvas').dblclick(function(){curtainfunction()})
+</script> 
+</body> 
+</html> 
+
diff --git a/frontend/imgrid/greatgrids/plain.html b/frontend/imgrid/greatgrids/plain.html
new file mode 100755
index 0000000..829b45e
--- /dev/null
+++ b/frontend/imgrid/greatgrids/plain.html
@@ -0,0 +1,28 @@
+<html>
+<head>
+<title>GREAT GRIDS GALLERY</title>
+<style type="text/css"></style>
+</head>
+<body>
+<canvas id="example" width="200" height="200">
+This text is displayed if your browser does not support HTML5 Canvas.
+</canvas>
+<div id='error'> booji boy</div>
+<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+<script type="text/javascript">
+
+var example = document.getElementById('example');
+var context = example.getContext('2d');
+context.fillStyle = "rgb(255,0,0)";
+context.fillRect(30, 30, 50, 50);
+
+$('canvas').hover(function()
+	{
+	var wonka = $(this).attr('id')
+	$('#error').html(wonka)
+	});
+</script>
+
+
+</body>
+</html>
diff --git a/frontend/imgrid/greatgrids/screen.html b/frontend/imgrid/greatgrids/screen.html
new file mode 100755
index 0000000..b75f78f
--- /dev/null
+++ b/frontend/imgrid/greatgrids/screen.html
@@ -0,0 +1,400 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
+<html> 
+<head> 
+<title>the difference - interactive DHTML</title> 
+<meta http-equiv="imagetoolbar" content="no"> 
+<link href='http://fonts.googleapis.com/css?family=Tienne:400,700' rel='stylesheet' type='text/css'>
+<style type="text/css"> 
+	html { 
+		overflow: hidden; 
+	} 
+	body { 
+		margin: 0px; 
+		padding: 0px; 
+		background: aqua; 
+		position: absolute; 
+		width: 100%; 
+		height: 100%; 
+	}
+	#curtain{
+		position:fixed;
+		top:0;
+		left:0;
+		height:100%;
+		width:100%;
+		background-color:rgba(69,69,69,0.8);
+		z-index:1500;
+		display:none;
+		} 
+	#details
+		{
+		position:absolute;
+		width:800px;
+		height:60%;
+		border-style:outset;
+		background-color:SlateGray;
+		margin:0 auto;
+		top:0;
+		left:0;
+		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+		-moz-opacity: 1.0;
+		-khtml-opacity: 1.0;
+		opacity:1;
+
+		}
+	#imagedetail
+		{
+		position:absolute;
+		left:0px;
+		margin:0 auto;
+		left:80px;
+		top:5px;
+		border-style:outset;
+		border-color:#FFFAF0;
+		border-width:100px;
+		display:block;
+		max-height:900px;
+		max-width:900px;
+		opacity:1;
+		}
+	#info
+		{
+		font-size:40px;
+		font-family:helvetica;
+		text-transform:uppercase;
+		display:block;
+		padding:5%;
+		}
+	#screen { 
+		position:absolute; 
+		left: 00%; 
+		top: 0%; 
+		width: 100%; 
+		height: 100%; 
+		background: aqua; 
+		overflow: hidden; 
+	} 
+	#screen img { 
+		position: absolute; 
+		cursor: pointer; 
+		left: -4000px; 
+		filter: fliph flipv; 
+		-ms-interpolation-mode:nearest-neighbor; 
+	} 
+	#screen canvas { 
+		position: absolute; 
+		cursor: pointer; 
+		width: 0px; 
+		border-style:outset;
+		border-width:8px;
+		border-color:black;
+		} 
+	#b1
+		{ 
+		position:absolute; 
+		width:100%; 
+		height:10%;
+		background-color:red;
+		background-image:url(http://ghghgh.us/timb/pepper3.gif); 
+		} 
+	#b2
+		{ 
+		position:absolute; 
+		top:100px;
+		width:100%; 
+		font-family: 'Tienne', serif;
+		color:#8B8B7A;
+		text-shadow: 0px -15px 0 bisque;
+		text-shadow: 20px 30px 11px #CDC5BF;
+		font-size:40px;
+		padding-top:20px;
+		padding-bottom:20px;
+		text-align:center;
+		height:100px; 
+		background-color:whitesmoke; 
+		bottom:0px; 
+		} 
+	#b3
+		{
+		position:fixed:
+		top:1000px;
+		height:1000px;
+		width:100%;
+		text-align:center;
+		font-style:georgia;
+		font-size:20px;
+		color:black;
+		text-transform:uppercase;
+		background-color:azure;
+		background-image:url(http://ghghgh.us/timb/pepper2.gif);
+		}
+	img
+		{
+		background-color:whitesmoke;
+		}	
+	a {text-decoration: none;color:#333;} 
+	a:hover	{text-decoration: none;background:#ff8000;color:#fff;} 
+	a:visited {text-decoration: none;color:#333;} 
+	a:visited:hover {text-decoration: none;background:#ff8000;color:#fff;} 
+</style> 
+<!--special thanks to Gerard Ferrandez at http://www.dhteumeuleu.com for his image rolodex script--> 
+ 
+<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
+<script type="text/javascript"> 
+var car = { 
+	scr  : 0, 
+	img  : 0, 
+	xm   : 0, 
+	ym   : 0, 
+	xmb  : 0, 
+	ymb  : 0, 
+	drag : false, 
+	cosY : 0, 
+	cosX : 0, 
+	sinY : 0, 
+	sinX : 0, 
+	xd   : 0, 
+	yd   : -10, 
+	ref  : "",
+	run : function () {
+		/* ==== rotation speed ==== */ 
+		var Ay = car.xd / (car.scr.offsetWidth * .2); 
+		var Ax = car.yd / (car.scr.offsetHeight * .2); 
+		/* ==== vertical / horizontal friction ==== */ 
+		if(!car.drag){ 
+			if(Math.abs(car.xd) > Math.abs(car.yd)){ 
+				car.xd *= .99; 
+				car.yd *= .95; 
+			} else { 
+				car.xd *= .95; 
+				car.yd *= .99; 
+			} 
+		} 
+		/* ==== rotation angles ==== */ 
+		car.cosY = Math.cos(Ay); 
+		car.cosX = Math.cos(Ax); 
+		car.sinY = Math.sin(Ay); 
+		car.sinX = Math.sin(Ax); 
+		/* ==== animate images ==== */ 
+		for(var i = 0; i < 8; i++)
+				{ 
+				car.img[i].rotate()
+				}; 
+		/* ==== loop ==== */ 
+		setTimeout(car.run, 16); 
+	}, 
+ 
+	/* ==== mouse mov ==== */ 
+	mouse : function (e) { 
+		this.xm = e.clientX; 
+		this.ym = -e.clientY; 
+		if(this.drag){ 
+			var homeboy = this.img
+			this.xd = this.xm - this.xmb; 
+			this.yd = this.ym - this.ymb; 
+			} 
+		this.xmb = this.xm; 
+		this.ymb = this.ym; 
+	}, 
+ 
+	/* ==== dim screen ==== */ 
+	resize : function () { 
+		car.nw = car.scr.offsetWidth; 
+		car.nh = car.scr.offsetHeight; 
+	}, 
+ 
+	/* ==== init script ==== */ 
+	init : function () { 
+		/* ==== window mousemove event ==== */ 
+		document.onmousemove = function (e) { 
+			if (window.event) e = window.event; 
+			car.mouse(e);
+		} 
+		/* ==== window onresize event ==== */ 
+		onresize = car.resize; 
+		/* ==== init images ==== */ 
+		this.scr = document.getElementById('screen'); 
+		var img = this.scr.getElementsByClassName('images');
+		this.img = []; 
+		car.resize(); 
+		var k = 0;
+		 
+		for(var xi = -1; xi <= 1; xi+=2) { 
+			for(var yi = -1; yi <= 1; yi+=2) { 
+				for(var zi = -1; zi <= 1; zi+=2) { 
+					var o = img[k++]
+					/* ==== replace images by canvas ==== */ 
+					if (document.createElement("canvas").getContext) { 
+						var src = o;
+						o = document.createElement("canvas");
+						if (k<=8){ 
+						o.id = img[k-1].getAttribute('src')} 
+						o.canvas = true; 
+						/* ==== flip function ==== */ 
+						o.flip = function (fx, fy) { 
+							var context = this.getContext("2d"); 
+							context.translate(fx<0?this.w:0, fy<0?this.h:0); 
+							context.scale(fx, fy); 
+							context.drawImage(this.img, 0, 0, this.w, this.h); 
+						} 
+						o.img = src; 
+						this.scr.appendChild(o); 
+					} 
+					/* ==== HTML Objects ==== */ 
+					this.img.push(o); 
+					o.css = o.style; 
+					o.x3d = xi; 
+					o.y3d = yi; 
+					o.z3d = zi; 
+					o.py  = 0; 
+					o.px  = 0; 
+					o.onselectstart = function () { return false; } 
+					o.ondrag        = function () { return false; } 
+					o.onmousedown   = function () { 
+						car.drag = true; 
+						car.xd = 0; 
+						car.yd = 0; 
+						this.css.cursor = "move";
+						$('canvas').css('border-color','black')
+					//	document.getElementById('error').innerHTML = this.getAttribute('id').toString()
+						car.ref = this.getAttribute('id').toString()
+						$(this).css('border-color','red'); 
+						return false;
+					 
+					} 
+					o.onmouseout    = function () {car.drag = false; this.css.cursor = "pointer"; return false; } 
+					o.onmouseup     = function () {car.drag = false; this.css.cursor = "pointer"; return false; } 
+					o.rotate        = function () { 
+						/* ==== trigo ==== */ 
+						var tz   = this.z3d * car.cosY - this.x3d * car.sinY; 
+						this.x3d = this.z3d * car.sinY + this.x3d * car.cosY; 
+						this.z3d = this.y3d * car.sinX + tz * car.cosX; 
+						this.y3d = this.y3d * car.cosX - tz * car.sinX; 
+						var zf   = 1 / (this.z3d / 10 + 1); 
+						var x2d  = this.x3d * zf * car.nw * .2; 
+						var y2d  = this.y3d * zf * car.nh * .2; 
+						var w2d  = Math.abs(x2d * 1.6); 
+						var h2d  = Math.abs(y2d * 1.6); 
+						if (this.loaded) { 
+							/* ==== HTML animation ==== */ 
+							this.css.left   = Math.round(car.nw * .5 - x2d - w2d * .5) + 'px'; 
+							this.css.top    = Math.round(car.nh * .5 - y2d - h2d * .5) + 'px'; 
+							this.css.width  = Math.round(w2d) + 'px'; 
+							this.css.height = Math.round(h2d) + 'px'; 
+							this.css.zIndex = Math.round(zf * 100); 
+							/* ==== flipv ==== */ 
+							if ((y2d < 0) != this.py) { 
+								this.py = (y2d < 0); 
+								if (this.canvas) 
+									this.flip(1, -1); 
+								else if (this.filters) 
+									this.filters[1].enabled = (y2d < 0) ? "true" : "false"; 
+							} 
+							/* ==== fliph ==== */ 
+							if ((x2d < 0) != this.px) { 
+								this.px = (x2d < 0); 
+								if (this.canvas) 
+									this.flip(-1, 1); 
+								else if (this.filters) 
+									this.filters[0].enabled = (x2d < 0) ? "true" : "false"; 
+							} 
+						} else { 
+							/* ==== load image ==== */ 
+							if ((this.canvas && this.img.complete) || this.complete) { 
+								this.loaded = true; 
+								if (this.canvas) { 
+									this.w = this.img.width; 
+									this.h = this.img.height; 
+									this.width = this.w; 
+									this.height = this.h; 
+									var context = this.getContext("2d"); 
+									context.drawImage(this.img, 0, 0, this.w, this.h); 
+								} 
+							} 
+						} 
+					} 
+				} 
+			} 
+		} 
+		this.run(); 
+	} 
+} 
+</script> 
+</head> 
+ 
+<body> 
+ 
+	<div id='curtain'>
+		<div id='details'>
+<span id="info">BLAH BLAH BLAH</span>
+<img id='imagedetail'></img>
+		</div>
+</div>
+<div id="screen"> 
+	<div id="b1"></div> 
+	<div id="b2">WELCOME TO THE PHOTOBLASTER GREAT GRIDS GALLERY...THESE ARE RECENT GRIDS CREATED BY USING <a href='http://asdf.us/imgrid'>HTTP://ASDF.US/IMGRID</a></div>
+	<div id="b3">	
+	<br>
+	</div> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg1.png"> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg2.png"> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg3.png"> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg4.png"> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg5.png"> 
+	<img class='images' alt="by Jeremy Matthew Daly" src="images/gg6.png"> 
+	<img class='images' alt="by Pepper" src="images/gg7.png"> 
+	<img class='images' alt="" src="images/gg6.png"> 
+</div> 
+<div id='error' style= 'color:red; font-size:40px; height:100px;width100px;position:fixed;left:100px; top:20px;'>CLICK TO ENLARGE</div> 
+<script type="text/javascript"> 
+	/* ==== start ==== */ 
+	setTimeout(function() { 
+		car.init(); 
+	}, 1000); 
+</script> 
+
+<script type='text/javascript'>
+var imagedict = {
+				"images/gg1.png":"By Jeremy<br>Matthew<br>Daly",
+				"images/gg2.png":"By Jeremy<br>Matthew<br>Daly",
+				"images/gg3.png":"By Jeremy<br>Matthew<br>Daly",
+				"images/gg4.png":"By Jeremy<br>Matthew<br>Daly",
+				"images/gg5.png":"By Jeremy<br>Matthew<br>Daly",
+				"images/gg6.png":"By Jeremy<br>Matthew<br>Daly",
+				"images/gg7.png":"By Pepper"
+				}
+function centerimage()
+	{
+	$('#imagedetail').load(function()
+		{
+		refpoint = $('#imagedetail').attr('src')
+		newrefpoint = imagedict[refpoint]
+		$('#info').html(newrefpoint)
+		detailwidth = $('#imagedetail').width()
+		detailheight = $('#imagedetail').height()
+//		theborder = $('#imagedetail').css('border-width')
+		theborder = 100	
+		centerpointone = parseFloat(detailwidth)/2
+		centerpointtwo = parseFloat(detailheight)/2
+		leftpos = (window.innerWidth/2-centerpointone-theborder).toString()+'px'
+		toppos = (window.innerHeight/2-centerpointtwo-theborder).toString()+'px'
+		$('#imagedetail').css({top:toppos,left:leftpos})
+		})
+	}
+function curtainfunction()
+	{
+		centerimage()
+		$('#curtain').toggle();
+		$('#imagedetail').attr('src',car.ref);													
+	}
+$('#curtain').click(function(){$('#curtain').toggle("slow")})
+
+$('#error').click(function()
+		{
+		curtainfunction()
+		})
+$('canvas').dblclick(function(){curtainfunction()})
+</script> 
+</body> 
+</html> 
+
diff --git a/frontend/imgrid/greatgrids/tinybackground.gif b/frontend/imgrid/greatgrids/tinybackground.gif
new file mode 100755
index 0000000..15c7347
Binary files /dev/null and b/frontend/imgrid/greatgrids/tinybackground.gif differ
diff --git a/frontend/imgrid/greatgrids/tinybackground2.gif b/frontend/imgrid/greatgrids/tinybackground2.gif
new file mode 100755
index 0000000..7004d5d
Binary files /dev/null and b/frontend/imgrid/greatgrids/tinybackground2.gif differ
diff --git a/frontend/imgrid/img/athenafinal.gif b/frontend/imgrid/img/athenafinal.gif
new file mode 100755
index 0000000..19e0d58
Binary files /dev/null and b/frontend/imgrid/img/athenafinal.gif differ
diff --git a/frontend/imgrid/img/background.gif b/frontend/imgrid/img/background.gif
new file mode 100755
index 0000000..ac28d8d
Binary files /dev/null and b/frontend/imgrid/img/background.gif differ
diff --git a/frontend/imgrid/img/blackplant.png b/frontend/imgrid/img/blackplant.png
new file mode 100755
index 0000000..e78b547
Binary files /dev/null and b/frontend/imgrid/img/blackplant.png differ
diff --git a/frontend/imgrid/img/blackplant2.png b/frontend/imgrid/img/blackplant2.png
new file mode 100755
index 0000000..e4f8096
Binary files /dev/null and b/frontend/imgrid/img/blackplant2.png differ
diff --git a/frontend/imgrid/img/blackplant3.png b/frontend/imgrid/img/blackplant3.png
new file mode 100755
index 0000000..4052e9d
Binary files /dev/null and b/frontend/imgrid/img/blackplant3.png differ
diff --git a/frontend/imgrid/img/bros.png b/frontend/imgrid/img/bros.png
new file mode 100755
index 0000000..30f48fb
Binary files /dev/null and b/frontend/imgrid/img/bros.png differ
diff --git a/frontend/imgrid/img/facebookimage.png b/frontend/imgrid/img/facebookimage.png
new file mode 100755
index 0000000..9ba4068
Binary files /dev/null and b/frontend/imgrid/img/facebookimage.png differ
diff --git a/frontend/imgrid/img/generating.gif b/frontend/imgrid/img/generating.gif
new file mode 100755
index 0000000..441abe7
Binary files /dev/null and b/frontend/imgrid/img/generating.gif differ
diff --git a/frontend/imgrid/img/harrisbros.png b/frontend/imgrid/img/harrisbros.png
new file mode 100755
index 0000000..47366e1
Binary files /dev/null and b/frontend/imgrid/img/harrisbros.png differ
diff --git a/frontend/imgrid/img/imgrid.png b/frontend/imgrid/img/imgrid.png
new file mode 100755
index 0000000..cfdae05
Binary files /dev/null and b/frontend/imgrid/img/imgrid.png differ
diff --git a/frontend/imgrid/img/oldathena.gif b/frontend/imgrid/img/oldathena.gif
new file mode 100755
index 0000000..b05605c
Binary files /dev/null and b/frontend/imgrid/img/oldathena.gif differ
diff --git a/frontend/imgrid/img/test.gif b/frontend/imgrid/img/test.gif
new file mode 100755
index 0000000..ebfbdeb
Binary files /dev/null and b/frontend/imgrid/img/test.gif differ
diff --git a/frontend/imgrid/img/thatbackground.gif b/frontend/imgrid/img/thatbackground.gif
new file mode 100755
index 0000000..e52cfdc
Binary files /dev/null and b/frontend/imgrid/img/thatbackground.gif differ
diff --git a/frontend/imgrid/index.html b/frontend/imgrid/index.html
new file mode 100755
index 0000000..0507e4f
--- /dev/null
+++ b/frontend/imgrid/index.html
@@ -0,0 +1,484 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">  
+<html>
+<!--
+        *                       pepper                          *
+       ***                          and                        ***
+       ****                        JMD                        ****
+       *   ******      internet CHAMPIONS               ******   *
+       *         ***************************************         *
+        **            *       ______*______       *            **
+          *****      *        ______*______        *      *****
+               *******        ______*______        *******
+            ***       ****          *         ****        ***
+                ****** *oo*******  ***  *******oo* ******
+                     *   *o********* *********o*   *
+                      *   *                   *   *
+                       *   *   _         _   *   *
+                        *   *  -_       _-  *   *
+                         *  *   -_     _-   *  *
+                          * *     -___-     * *
+                           *                 *
+                          *********************
+                          *      **   **      *
+                            *    **   **    *
+                              *  _-----_  *
+                                *********
+
+-->         
+<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
+    <meta name="description" content="IMGRID - stretch images from the web in 3 dimensions, draw lines and make drop shadows" >
+    <meta name="keywords" content="photoblaster, 3D" >
+    <meta name=Author content="Pepper - 2011 www.facebook.com/AAAFFF">
+	<link rel="shortcut icon" href="http://asdf.us/imgrid/greatgrids/grids.ico">
+    <link rel="image_src" href="http://asdf.us/imgrid/greatgrids/images/gg7.png" > 
+   <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
+    <meta property="og:title" content="imgrid" />
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="IMGRID - stretch images from the web in 3 dimensions, draw lines and make drop shadows" />
+		<meta property="og:image" content="http://asdf.us/imgrid/img/facebookimage.png"/>
+    <meta property="fb:admins" content="100001923956223,1709246"/>
+		<title>IMGRID - stretch images from the web in 3 dimensions, draw lines and make drop shadows</title>
+		
+		<link rel="stylesheet" href="css/general.css" type="text/css" media="screen" />  
+		<link href='css/jquery-ui-1.8.16.custom.css' rel='stylesheet' type='text/css' />
+		<link href='css/cssreset.css' rel='stylesheet' type='text/css'/>
+	<link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
+		<style type='text/css'>
+			body
+				{
+				font-family: 'Varela Round', sans-serif;
+				font-size:10pt;
+				}
+				h1
+				{
+				font-size:18px;
+				width:50%;
+				margin:10px;
+				padding:10px;
+				}
+			#flatcontrols
+				{
+				width:40%;
+				margin:10px;
+				padding:10px;
+				}
+			.gridadj,.background,.dimensions,.links
+				{
+				display:none;
+				}
+			#thegrid,#thedimensions,#thebackground,#links
+				{
+				background-color:whitesmoke;
+				margin-left:20px;
+				-moz-box-shadow: 0px 0px 9px 3px #8B7D7B;
+				-webkit-box-shadow: 0px 0px 9px 3px #8B7D7B;
+				box-shadow: 0px 0px 9px 3px  #8B7D7B;
+				}
+			#links
+				{
+				line-height:2;
+				padding:10px;
+				}
+			.results
+				{
+				display:none;
+				position:relative;
+				}
+				#result
+					{
+					position:fixed;
+					left:50%;
+					top:20px;
+					padding-right:15px;
+					}
+				#output-img img
+					{
+					max-height:70%;
+					max-width:100%;
+					}
+				#output-url
+					{
+					width:100%;
+					}
+				.slider
+					{
+					background-color:#eee5de;
+					display:inline-block;
+					width:50%;
+					}
+				#opacity-slider, #spacing-slider
+					{
+					width:100%;
+					display:inline-block;
+					margin-right:0;
+					margin-left:0;
+					}
+			input
+				{
+				width:70px;
+				}
+			.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
+				{
+				background-color:#555;
+				}
+			.urlinput
+				{
+				width:60%;
+				}
+				a
+				{
+				background-color:white;
+				max-width:100px;
+				}
+				a:link 
+					{
+					color: black;
+					}
+				a:visited 
+					{
+					COLOR: black;
+					}
+				a:hover 
+					{
+					COLOR: black;
+					}	
+				a:active 
+					{
+					COLOR: black;
+					}
+				table td
+					{
+					padding:4px;
+					}
+				table tr
+					{
+//					border: solid 2px;
+					}
+				.gridmore, .backgroundmore, .dimensionsmore, .linksmore
+					{
+					cursor:pointer;
+					}
+				#gridplug,#backgroundplug,#dimensionsplug,#linksplug
+					{
+					font-size:20px;
+					text-align:center;
+					}
+button {
+   background: white;
+	 cursor:pointer;
+   color: #000000;
+   font-size: 18px;
+   font-family: Georgia, serif;
+   text-decoration: none;
+   vertical-align: middle;
+   }
+.button:hover {
+	 cursor:pointer;
+   border-top-color: #78e072;
+   background: #78e072;
+   color: #000000;
+   }
+table
+		{
+		empty-cells:show;
+		}
+.generate
+		{
+		position:absolute;
+		left:320px;
+		top:240px;
+				-moz-box-shadow: 0px 0px 9px 3px pink;
+				-webkit-box-shadow: 0px 0px 9px 3px pink;
+				box-shadow: 0px 0px 9px 3px pink;
+		}
+		</style>
+</head>
+<body>
+			<div id='intro' style='position:absolute;top:0px;left:0px;width:100%;height:100%;background-image:url(background.gif);'><div style="background-image:url(background.gif); z-index:1000; height:inherit; width:inherit; position:fixed; left:50%; top:20px">
+					<img src="img/athenafinal.gif"></img>
+			</div></div>
+
+<a href="http://asdf.us/imgrid/index.html" style:'cursor:pointer'><img src='img/bros.png' style='position:fixed; top:-200px; z-index:-100;'></img>
+<div style='font-size:30px;'><img style="width:500px" src="img/imgrid.png"></img></div></a>
+<div style="font-size:12px;margin-left:20px;margin-bottom:20px;">IMGRID - stretch images from the web in 3 dimensions, draw lines and make drop shadows
+<br>
+hit enter or click GENERATE to get your perspective-plane
+
+<span id='genbutton'><button id='generate'>GENERATE</button></span>
+</div>
+
+<form id='theform'>
+	<div id="flatcontrols">
+<table>
+<tr><td class='dimensionsmore'>DIMENSIONS</td>
+	
+		<td>	<div id='dimensionsplug' class='dimensionsmore'>+</div></td></tr>
+		</table>
+			<div id='thedimensions'>
+			<table class='dimensions'>
+					<tr><td>HEIGHT</td>
+					<td>	<input id='img-height' type='text' value='500'><span style="font-size:12px">PX</span></input></td></td>
+					<tr><td>WIDTH</td>
+					<td><input id='img-width' type='text' value='700'><span style="font-size:12px">PX</span></input></td></td>
+			<tr style="line-height:10px"><td>&nbsp</tr><td>
+			</table>
+<table style="width:100%" class="dimensions">
+			<tr><td>SWING&nbsp<input id='swing' type='text' value='0'></input></td></tr>
+				<tr id="swingslider" class="slider"></tr>
+			<tr><td>TILT&nbsp<input id='tilt' type='text' value='0'></input></td></tr>
+				<tr id="tiltslider" class="slider"></tr>
+			<tr><td>ROLL&nbsp<input id='roll' type='text' value='0'></input></td></tr>
+				<tr id="rollslider" class="slider"></tr>
+			<tr><td>ZOOM&nbsp (in/out) &nbsp<input id='zoom' type='text' value='0'></input></td></tr>
+				<tr id="zoomslider" class="slider" value='0'></tr>
+
+</table>
+<table class="dimensions">			
+				<tr><td>&nbsp</td></tr>
+				<tr><td>CROP WHITESPACE</td><td><input type="checkbox" id="trim" value="false"></input></td></tr>
+				<tr><td>&nbsp</td></tr>
+				</table>
+<table class='dimensions'>
+			<tr><td>IMAGE FORMAT</td><td>
+		<select id='format'>
+			<option selected='selected' value=''></option>
+			<option value='png'>PNG</option>
+			<option value='gif'>GIF</option>
+			<option value='jpg'>JPG</option>
+		</select></td></tr></table>
+			</div>
+<table>
+<tr><td class='gridmore'>GRID AND IMAGE</td>
+	
+		<td>	<div id='gridplug' class='gridmore'>+</div></td></tr>
+		</table>
+
+		<div id='thegrid'>
+<table class='gridadj'>
+			<tr><td>USE IMAGE INSTEAD OF GRID</td>
+			<td><input type="text" class="urlinput" type="text" id="imageinstead" value="">IMG URL eg:http://ww...</input></td>
+			</tr></table>
+	<table class='gridadj'>
+			<tr><td>GRID THICKNESS:</td>
+			<td><input id='line-thickness' type='text' value='1'></input></td><td>PX</td>
+					<td style="width:140px; height: .8em; margin:0; padding:0;" class="slider" style="margin:0;padding:0;" id="line-thickness-slider"></td>
+					</tr>
+			
+					<tr class='gridadj'><td>GRID COLOR:</td>
+					<td><input id='line-color' type='text' class="color_input line-color" value='MISTYROSE4'></input></td>
+					<td><a href="http://asdf.us/im/colors" class="color_input line-color" target="_blank">COLOR LIST</a></td>
+					</tr>
+
+					</table>
+					<table>
+						<tr class='gridadj'>
+							<td>GRID OPACITY: </td>
+						<td><input id='line-opacity' type='text' value='1'></input></td>
+						<td style="width:140px; height: .8em; margin:0; padding:0;" class="slider" style="margin:0;padding:0;"id="opacity-slider"></td>
+						</tr>
+
+						<tr class='gridadj'>
+									<td>GRID SPACING: </td>
+						<td><input id='line-spacing' type='text' value='0'></input></td>
+						<td class="slider" style="margin:0;padding:0;" id="spacing-slider"></td></tr>
+								
+						<tr class='gridadj'><td>USE ONLY VERTICAL LINES</td><td><input type="checkbox" id="v-lines" value="false"></input></td></tr>
+									
+									<tr class='gridadj'><td>USE ONLY HORIZONTAL LINES</td><td><input type="checkbox" id="h-lines" value="false" ></input></td></tr>
+							</table>
+<table class='gridadj'><td>GRID BACKGROUND COLOR <input type="text" class="color_input bg-color" id="bg-color" value="transparent"></td>
+  <td><a href="http://asdf.us/im/colors" class="color_input bg-color" target="_blank">COLOR LIST</a></input></td>
+			
+			</table>
+									<table class='gridadj'>
+			<tr><td>OR GRID BACKGROUND IMAGE</td>
+			<td><input class="urlinput" type="text" id="bg-image" value="">IMG URL eg:http://ww...</input></td></tr>
+		</table>
+
+<table class='gridadj'>
+			<tr><td>GRID-TRANSITION</td>
+		<td><select id="transition">
+			<option selected="selected" value='background'>none</option>
+			<option value="dither">dithered</option>
+			<option value="random">noise</option>
+			<option value="tile">infinite</option>
+			<option value="edge">extended-edge</option>
+		</select></td></tr>
+			
+</table>
+			<table class='gridadj'>
+			<tr><td>DROP SHADOW</td><td><input type='checkbox' id='shadow' value='false'</input></td></tr>
+
+
+</table>
+</div>
+
+
+		<table style='width:150px;'>
+				<tr><td class="backgroundmore">BACKGROUND</td>
+					<td><div id="backgroundplug" class="backgroundmore">+</div></td>
+					</tr>
+			</table>
+<div id='thebackground'>
+			<table class='background'><td>BACKGROUND COLOR</td><td><input type="text" value="transparent" class="color_input planebgcolor" id="planebgcolor"></input></td>
+			<td><a href="http://asdf.us/im/colors" class="color_input planebgcolor" target="_blank">COLOR LIST</a></td>			</table>
+			<table class="background">
+
+			<tr><td>OR BACKGROUND IMAGE</td><td><input class='urlinput' type="text" value="" id="planebgimage">IMG URL eg:http://ww...</input></td></tr>
+		</table>
+
+			<table class='background'><tr><td>SKYCOLOR</td><td><input type="text" class="color_input skycolor" value="none" id="skycolor">for the area above the horizon-line</input></td>
+			<td><a href="http://asdf.us/im/colors" class="color_input skycolor" target="_blank">COLOR LIST</a></td>
+			</tr>
+</table>
+
+</div>
+<table>
+	<tr><td>&nbsp</td></tr>
+	<tr><td>USERNAME</td><td><input type=text value="" id='username'></input></td><td><div class='linksmore' id='linksplug'>+</div></td>
+<td>	<div id='links' class='links'>
+	<a class='links' href="http://asdf.us/im/gallery">PHOTOBLASTER GALLERY</a><br>
+	<a class='links' href="http://asdf.us/imgrid/greatgrids/">THE GREAT GRIDS GALLERY</a><br>
+	<a class='links' href="http://asdf.us/im">MAIN PHOTOBLASTER EDITOR</a></br>
+<div id="fb-root" style="position:fixed; bottom:10px; right:10px;background-color: transparent;"></div><script src="http://connect.facebook.net/en_US/all.js#appId=236917449658413&amp;xfbml=1"></script><fb:like href="http://asdf.us/im/" send="false" width="347" show_faces="false" colorscheme="light" font="" style="background-color: transparent;"></fb:like>
+	
+	</div>
+
+</td></tr></table>
+
+<br>
+
+
+</div>
+
+</div>
+
+</form>
+<div id='result'>
+	<span id="output-cmd" class='results'>
+</span>
+	<span id="output-img" class='results'></span>
+	<input id="output-url" class='results'></input>
+	<div id="output-info" class='results'></div>
+</div>
+
+
+
+
+<span class='copyright' style="position:fixed; bottom:10px; left:10px;">COPYRIGHT 2011 PEPPER</span><a href='http://asdf.us/imgrid/greatgrids/index.html'><img class='copyright' style='display:inline; position:fixed; bottom:10px; left:290px; width:100px' src="img/blackplant.png"></img></a>
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
+<script type="text/javascript" src="/im/colors/js/jquery.remember-state.js"></script>
+<script type="text/javascript" src="/im/colors/js/jquery.fancybox.js?v=2.1.5"></script>
+<link rel="stylesheet" type="text/css" href="/im/colors/css/jquery.fancybox.css?v=2.1.5" media="screen" />
+<script type="text/javascript" src="js/colors_iframe.js"></script>
+<script type='text/javascript'> 
+$(document).ready(function()
+	{
+	$('#intro').fadeOut(1000,function()
+		{
+		$('#intro').remove()
+		})
+	});
+</script>
+<script type="text/javascript" src="js/sliders.js"></script>
+<script type="text/javascript" src="js/imgrid-main.js"></script>
+<script type='text/javascript'>
+		linksclicked = 'false';
+		$('#linksplug').click(function(){
+			$('.links').toggle('300')
+			
+			if(linksclicked === 'false'){
+					$('#linksplug').html('-')
+					$('.links').css({'min-width':'275px','word-space':'nowrap','min-height':'100px'})
+					linksclicked = 'true'
+					}
+			else{
+					$('#linksplug').html('+')
+					$('#links').css('padding','0px');
+					linksclicked = 'false'
+					}	
+			$('.copyright').hide()
+				$("body,html").scrollTop(5000);					
+												})
+
+		gridmoreclicked = 'false';
+		$('.gridmore').click(function(){
+			$('.gridadj').toggle('300')
+
+			if(gridmoreclicked === 'false'){
+					$('#gridplug').html('-')
+					$('#thegrid').css('padding','5px');
+					gridmoreclicked = 'true'
+					$("html,body").scrollTop(1000);					
+					}
+			else{
+					$('#gridplug').html('+')
+					$('#thegrid').css('padding','0px');
+					gridmoreclicked = 'false'
+					}	
+			$('.copyright').hide()
+												})
+
+
+
+	backgroundmoreclicked = 'false';
+	$('#backgroundplug').html('+');
+	$('.backgroundmore').click(function(){
+			$('.background').toggle('300')
+			if(backgroundmoreclicked === 'false'){
+					$('#thebackground').css('padding','5px');
+					$('#backgroundplug').html('-')
+					$("html,body").scrollTop(1000);					
+					backgroundmoreclicked = 'true'
+					}
+			else{
+					$('#backgroundplug').html('+')
+					$('#thebackground').css('padding','0px');
+					backgroundmoreclicked = 'false'
+					}	
+			$('.copyright').hide()
+			});
+
+
+	dimensionsmoreclicked = 'false';
+	$('#dimensionsplug').html('+');
+	$('.dimensionsmore').click(function(){
+			$('.dimensions').toggle('300')
+			if(dimensionsmoreclicked === 'false'){
+					$('#dimensionsplug').html('-')
+					$('#thedimensions').css('padding','5px');
+					$("html,body").scrollTop(1000);					
+					dimensionsmoreclicked = 'true'
+					}
+			else{
+					$('#dimensionsplug').html('+')
+					$('#thedimensions').css('padding','0px');
+					dimensionsmoreclicked = 'false'
+					}	
+			$('.copyright').hide()
+			});
+
+
+	$('#bg-color').click(function(){
+					nonecheck = $('#bg-color').val()
+					if(nonecheck === 'none')
+							{
+							$('#bg-color').val('')
+							}
+		});
+	function clearbg()
+		{
+		$('#planebgcolor').val("");
+		}
+	$('#planebgimage, #planebgcolor').click(function(){clearbg()});
+	$('#planebgcolor').click(function(){clearbg});
+$('#line-color, #bg-color, #skycolor').click(function(){
+	$(this).val("");
+})
+</script>
+<script type="text/javascript" src="http://asdf.us/js/pbembed.js"></script>
+</body>
+</html>
diff --git a/frontend/imgrid/indexOLD.html b/frontend/imgrid/indexOLD.html
new file mode 100755
index 0000000..0e72d37
--- /dev/null
+++ b/frontend/imgrid/indexOLD.html
@@ -0,0 +1,140 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">  
+<html>
+<!--
+ __        __        __        __        __        __        __        
+/_/\/\    /_/\/\    /_/\/\    /_/\/\    /_/\/\    /_/\/\    /_/\/\    
+\_\  /    \_\  /    \_\  /    \_\  /    \_\  /    \_\  /    \_\  /                                                         
+/_/  \    /_/  \    /_/  \    /_/  \    /_/  \    /_/  \    /_/  \        
+\_\/\ \   \_\/\ \   \_\/\ \   \_\/\ \   \_\/\ \   \_\/\ \   \_\/\ \   
+   \_\/      \_\/      \_\/      \_\/      \_\/      \_\/      \_\/                                                        
+-->         
+<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
+    <meta name="description" content="IMGRID A 3D GRID-PLANE GENERATOR" >
+    <meta name="keywords" content="photoblaster, 3D" >
+    <meta name=Author content="Pepper Dreamteamer - 2011 www.facebook.com/AAAFFF">
+	<link rel="shortcut icon" href="http://asdf.us/imgrid/favicon.ico">
+    <link rel="image_src" href="http://vfile.com/public/img/1.png" > 
+   <!--<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">-->
+    <meta property="og:title" content="imgrid" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="http://asdf.us/imgrid" />
+    <meta property="og:site_name" content="IMGRID - A 3D-GRID-PLANE GENERATOR" />
+    <title>IMGRID - a 3D GRID-PLANE GENERATOR</title>
+		
+		<link rel="stylesheet" href="general.css" type="text/css" media="screen" />  
+		<link href="colorpixx.css" rel="stylesheet" type="text/css" />
+		<link href='main2.css' rel='stylesheet' type='text/css' />
+		<link href='jquery-ui-1.8.16.custom.css' rel='stylesheet' type='text/css' />
+		<link href='http://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
+		<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>
+		<link href='http://fonts.googleapis.com/css?family=Terminal+Dosis' rel='stylesheet' type='text/css'>
+
+</head>
+<body>
+<!--popupcode-->
+ <div id="popupContact">  
+        <a id="popupContactClose">x</a>  
+        <applet code="org.jdesktop.applet.util.JNLPAppletLauncher"
+      width=800
+      height=600
+      archive="dist/deployment/v1/jar/applet-launcher.jar,
+               dist/deployment/v1/jar/gluegen-rt.jar,
+               dist/deployment/v1/jar/jogl.all.jar,
+               dist/3dmap.jar">
+   <param name="codebase_lookup" value="false">
+   <param name="subapplet.classname" value="com.scannerjammer.applet.heightmap.applet.Simple3DLandscapeApplet">
+   <param name="subapplet.displayname" value="3D Map">
+   <param name="noddraw.check" value="true">
+   <param name="progressbar" value="true">
+   <param name="jnlpNumExtensions" value="1">
+   <param name="jnlpExtension1"
+          value="dist/deployment/v1/jogl-awt.jnlp">
+   <param name="java_arguments" value="-Dsun.java2d.noddraw=true">
+   <param name="jnlp_href" value="dist/3dmap.jnlp">
+</applet>
+    </div>  
+    <div id="backgroundPopup"></div>  
+<!--endpopup code-->
+
+
+<h1>IMGRID: A 3D-GRID-PLANE GENERATOR FROM PHOTOBLASTER</h1>
+<h2 id="use">USE:</h2>
+<div id="controls">
+<h2>I. THE FLAT PLANE
+<span id="swingleft" >II. THE 3D PLANE<br> CLICK TO OPEN JAVA APPLET</span></h2>
+<div id="flatcontrols">
+<h3>CHOOSE AN IMAGE SIZE: HEIGHT<input id='img-height' type='text' value='400'><span style="font-size:12px">PX</span></input>WIDTH<input id='img-width' type='text' value='400'><span style="font-size:12px">PX</span></input></h3>
+<h3>CHOOSE THE LINE THICKNESS:<input id='line-thickness' type='text' value='1'><span style="font-size:12px">PX</span></input></h3>
+<h3>CHOOSE A LINE COLOR:<input id='line-color' type='text' value='BLACK'><span style="font-size:12px">PX</span></input></h3>
+
+<h3>ADJUST LINE OPACITY: <input id='line-opacity' type='text' value='1'></input>
+<div class="slider" id="opacity-slider"></div></h3>
+<h3>ADJUST SPACING: <input id='line-spacing' type='text' value='0'><span style='font-size:12px'>PX</span></input>
+<div class="slider" id="spacing-slider"></div></h3>
+<h4>USE ONLY VERTICAL LINES<input type="checkbox" id="v-lines" value="false"></input></h4>
+<h4>USE ONLY HORIZONTAL LINES<input type="checkbox" id="h-lines" value="false" ></input></h4>
+<h4>ADD A SHADOW<input type='checkbox' id='shadow' value='false'</input></h4>
+<h3>CHOOSE BACKGROUND OF GRID:</h3>
+<h4>TRANSPARENT? (THE DEFAULT)<input type="checkbox" id="bgtransparent" value="true" checked="checked"></input></h4>
+<h4>USE AN IMAGE?<input class="urlinput" type="text" id="bg-image" value="">IMG URL eg:http://ww...</input></h4>
+<h4>USE A COLOR?<input type="text" id="bg-color" value=""><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></input></h4>
+<h3>ADJUST WITHIN THE 3D PLANE:</h3>
+<h4>USE IMAGE INSTEAD OF GRID<input type="text" class="urlinput" type="text" id="imageinstead" value="">IMG URL eg:http://ww...</input></h4>
+<h4>CHOOSE A BACKGROUND COLOR<input type="text" value="transparent" id="planebgcolor"><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></input></h4>
+<h4>OR USE A BACKGROUND IMAGE</h4><input type="text" value="" id="planebgimage">IMG URL eg:http://ww...</input></h4>
+<h4>CHOOSE A SKYCOLOR</h4><input type="text" value="none" id="skycolor">for the area above the horizon-line</input></h4>
+<h4>ADD A DITHERED-TRANSITION</h4><input type="checkbox" id="dither"></input></h4>
+<h3>SWING<input id='swing' type='text' value='0'></input>
+<div id="swingslider" class="slider"></div></h3>
+<h3>TILT<input id='tilt' type='text' value='0'></input>
+<div id="tiltslider" class="slider"></div></h3>
+<h3>ROLL<input id='roll' type='text' value='0'></input>
+<div id="rollslider" class="slider"></div></h3>
+<h3>ZOOM<input id='zoom' type='text' value='0'></input>
+<div id="zoomslider" class="slider" value='0'></div></h3>
+<h3>TRIM IT<input type="checkbox" id="trim" value="false"></input></h3>
+<h4>ADJUST THE IMAGE FORMAT<select id='format'>
+		<option selected='selected' value='png'>PNG</option>
+		<option value='gif'>GIF</option>
+		<option value='jpg'>JPG</option>
+</select></h4>
+<h3><input type=text value="" id='username'>&larr; ENTER YOUR NAME if you want </input></h4>
+<button id="generate">GENERATE</button>
+<input type="reset" value="Reset Form">
+</div>
+</div>
+<span id="output-cmd" style="background-color:pink; position:absolute; right:70px; top:50px;">click generate or hit enter to get your 2D plane</span>
+<span id="output-img" style="background-color:pink; position:absolute; right:300px; top:70px;"></span>
+<div id="output-url" style="background-color:pink; position:absolute; right:300px; top:90px;"></div>
+<div id="result" style="background-color:pink; position:absolute; right:300px; top:130px;"></div>
+<div id="colorlist" style="background-color:red; height:600px; width:300px; position:fixed; top:20px; right:10%; z-index:20px;"></div>
+<h5>COPYRIGHT 2011 PEPPER DREAMTEAMER</h5>
+
+
+<div id="intro" style="background-color:white">
+<!--<div id="bg">
+	<div><table cellspacing=0 cellpadding=0><tr><td>
+	<img src="background.gif" />
+	</td></tr></table></div>
+</div>-->
+<div id="athena"><img src="athenafinal.gif"></img></div>
+</div>
+<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
+<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
+<script type="text/javascript" src="sliders.js"></script>
+<script type="text/javascript">$('#intro').remove();</script>
+<!--<script type="text/javascript" src="intro.js">-->
+<script type="text/javascript" src="main.js"></script>
+<script src="popup.js" type="text/javascript"></script> 
+<script type="text/javascript" src="picker.js"></script>
+
+
+
+
+
+
+
+</body>
+</html>
diff --git a/frontend/imgrid/indexnewold.html b/frontend/imgrid/indexnewold.html
new file mode 100755
index 0000000..bcb5cd3
--- /dev/null
+++ b/frontend/imgrid/indexnewold.html
@@ -0,0 +1,336 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">  
+<html>
+<!--
+        *                        CHICAGO                        *
+       ***                        BULLS                        ***
+       ****                        NBA                        ****
+       *   ******               CHAMPIONS               ******   *
+       *         ***************************************         *
+        **            *       ______*______       *            **
+          *****      *        ______*______        *      *****
+               *******        ______*______        *******
+            ***       ****          *         ****        ***
+                ****** *oo*******  ***  *******oo* ******
+                     *   *o********* *********o*   *
+                      *   *                   *   *
+                       *   *   _         _   *   *
+                        *   *  -_       _-  *   *
+                         *  *   -_     _-   *  *
+                          * *     -___-     * *
+                           *                 *
+                          *********************
+                          *      **   **      *
+                            *    **   **    *
+                              *  _-----_  *
+                                *********
+
+-->         
+<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
+    <meta name="description" content="IMGRID A 3D GRID-PLANE GENERATOR" >
+    <meta name="keywords" content="photoblaster, 3D" >
+    <meta name=Author content="Pepper Dreamteamer - 2011 www.facebook.com/AAAFFF">
+	<link rel="shortcut icon" href="http://asdf.us/imgrid/favicon.ico">
+    <link rel="image_src" href="http://vfile.com/public/img/1.png" > 
+   <!--FACEBOOK<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">-->
+    <meta property="og:title" content="imgrid" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="http://asdf.us/imgrid" />
+    <meta property="og:site_name" content="IMGRID - A 3D-GRID-PLANE GENERATOR" />
+    <title>IMGRID - a 3D GRID-PLANE GENERATOR</title>
+		
+		<link rel="stylesheet" href="general.css" type="text/css" media="screen" />  
+		<link href="colorpixx.css" rel="stylesheet" type="text/css" />
+		<link href='main2.css' rel='stylesheet' type='text/css' />
+		<link href='jquery-ui-1.8.16.custom.css' rel='stylesheet' type='text/css' />
+		<link href='cssreset.css' rel='stylesheet' type='text/css'/>
+		<style type='text/css'>
+			body
+				{
+				font-family:georgia, Arial;
+				font-size:10pt;
+				}
+				h1
+				{
+				font-size:18px;
+	//			font-weight:bold;
+				width:50%;
+				margin:10px;
+				padding:10px;
+//				box-shadow: 0px 0px 9px 4px #8B7D7B;
+				}
+			#flatcontrols
+				{
+	//			background-color:whitesmoke;
+	//			box-shadow: 0px 0px 9px 3px #00EEEE;
+				width:40%;
+				margin:10px;
+				padding:10px;
+				}
+			.lineadj{display:none;}
+			.threedadj{display:none;}
+			.gridbgadj{display:none;}
+			.imageoptions{display:none;}
+			.results
+				{
+				display:none;
+				position:relative;
+				z-index:100;
+				}
+			.slider
+				{
+				background-color:#eee5de;
+				display:inline-block;
+				width:50%;
+				}
+			#opacity-slider
+				{
+				width:100%;
+				display:inline-block;
+				margin-right:0;
+				margin-left:0;
+				}
+			input
+				{
+				width:70px;
+				}
+			.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
+				{
+				background-color:#555;
+				}
+			#result
+				{
+				position:absolute;
+				right:20px;
+				top:10px;
+				}
+			#output-url
+				{
+				width:100%;
+				}
+			.urlinput
+				{
+				width:60%;
+				}
+				a
+				{
+				background-color:#8B8B83;
+				max-width:100px;
+				border-style:solid;
+				border-width:1px;
+				}
+				a:link 
+					{
+					color: gold;
+					}
+				a:visited 
+					{
+					COLOR: mediumspringgreen;
+					}
+				a:hover 
+					{
+					COLOR: #FF0000;
+					}	
+				a:active 
+					{
+					COLOR: #00FF00;
+					}
+				table td
+					{
+					padding:4px;
+//					border:solid 2px;
+					}
+				table tr
+					{
+//					border: solid 2px;
+					}
+		</style>
+</head>
+<body>
+<!--popupcode-->
+<!-- <div id="popupContact">  
+        <a id="popupContactClose">x</a>  
+        <applet code="org.jdesktop.applet.util.JNLPAppletLauncher"
+      width=800
+      height=600
+      archive="dist/deployment/v1/jar/applet-launcher.jar,
+               dist/deployment/v1/jar/gluegen-rt.jar,
+               dist/deployment/v1/jar/jogl.all.jar,
+               dist/3dmap.jar">
+   <param name="codebase_lookup" value="false">
+   <param name="subapplet.classname" value="com.scannerjammer.applet.heightmap.applet.Simple3DLandscapeApplet">
+   <param name="subapplet.displayname" value="3D Map">
+   <param name="noddraw.check" value="true">
+   <param name="progressbar" value="true">
+   <param name="jnlpNumExtensions" value="1">
+   <param name="jnlpExtension1"
+          value="dist/deployment/v1/jogl-awt.jnlp">
+   <param name="java_arguments" value="-Dsun.java2d.noddraw=true">
+   <param name="jnlp_href" value="dist/3dmap.jnlp">
+</applet>
+    </div>  
+    <div id="backgroundPopup"></div>  
+endpopup code-->
+
+
+<h1>IMGRID </h1>
+<h2 style="font-size:16px;margin:10px;padding:10px;">A 3D-GRID-PLANE GENERATOR FROM PHOTOBLASTER</h2>
+
+<!--<h2 id="use">USE:</h2>
+	<div id="controls">
+	<h2>I. THE FLAT PLANE
+			<span id="swingleft" >II. THE 3D PLANE (forthcoming)
+			<br> CLICK TO OPEN JAVA APPLET</span></h2>-->
+
+	<div id="flatcontrols">
+<table style="width:100%">
+			<tr><td>SWING<input id='swing' type='text' value='0'></input></td></tr>
+				<tr id="swingslider" class="slider"></tr>
+			<tr><td>TILT<input id='tilt' type='text' value='0'></input></td></tr>
+				<tr id="tiltslider" class="slider"></tr>
+			<tr><td>ROLL<input id='roll' type='text' value='0'></input></td></tr>
+				<tr id="rollslider" class="slider"></tr>
+			<tr><td>ZOOM<input id='zoom' type='text' value='0'></input></td></tr>
+				<tr id="zoomslider" class="slider" value='0'></tr></table><table>
+
+</table>
+<br>
+
+<table>
+<tr><td>3D PLANE</td>
+	
+		<td>	<button id='threedmore'>OPTIONS</button></td></tr>
+		</table>
+	<table>
+	
+			<tr class='threedadj'><td>GRID THICKNESS:</td>
+												<td><input id='line-thickness' type='text' value='1'><span style="font-size:12px">PX</span></input></td></tr>
+			
+					<tr class='threedadj'><td>GRID COLOR:</td>
+					<td><input id='line-color' type='text' value='BLACK'></input></td>
+					<td><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></td>
+					</tr>
+
+					
+						<tr class='threedadj'>
+							<td>GRID OPACITY: </td>
+						<td><input id='line-opacity' type='text' value='1'></input></td>
+						<td class="slider" style="margin:0;padding:0;"id="opacity-slider"></td>
+						</tr>
+
+						<tr class='threedadj'>
+									<td>GRID SPACING: </td>
+						<td><input id='line-spacing' type='text' value='0'><span style='font-size:12px'>PX</span></input></td>
+						<td class="slider" style="margin:0;padding:0;" id="spacing-slider"></td></tr>
+								
+						<tr class='threedadj'><td>USE ONLY VERTICAL LINES</td><td><input type="checkbox" id="v-lines" value="false"></input></td></tr>
+									
+									<tr class='threedadj'><td>USE ONLY HORIZONTAL LINES</td><td><input type="checkbox" id="h-lines" value="false" ></input></td></tr>
+							</table>
+							
+
+<table>
+			<tr class='threedadj'><td>USE IMAGE INSTEAD OF GRID</td>
+			<td><input type="text" class="urlinput" type="text" id="imageinstead" value="">IMG URL eg:http://ww...</input></td>
+			</tr></table>
+			<table>
+			<tr class='threedadj'><td>DROP SHADOW</td><td><input type='checkbox' id='shadow' value='false'</input></td></tr>
+
+
+</table>
+									<table>
+<tr><td>GRID BACKGROUND:</td>
+
+<td>	<button id='gridbgmore'>OPTIONS</button></td></tr>
+			<tr class='gridbgadj'><td>TRANSPARENT? (THE DEFAULT)</td><td><input type="checkbox" id="bgtransparent" value="true" checked="checked"></input></td></tr>
+			<tr class='gridbgadj'><td>USE AN IMAGE?</td>
+			<td><input class="urlinput" type="text" id="bg-image" value="">IMG URL eg:http://ww...</input></td></tr>
+		</table><table class='gridbgadj'><td>USE A COLOR?<input type="text" id="bg-color" value=""></td><td><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></input></td>
+			
+			</table>
+
+
+<table>
+			<tr class='threedadj'><td>DITHERED-TRANSITION</td>
+		<td><select id="transition">
+			<option selected="selected" value='background'>none</option>
+			<option value="dither">dithered</option>
+			<option value="tile">infinite</option>
+		</select></td></tr>
+			
+</table>
+		<table>
+				<tr><td>IMAGE:</td>
+					<td><button id="imageoptionsmore">OPTIONS</button></td>
+					</tr>
+			</table>
+			<table class='imageoptions'><td>BACKGROUND COLOR</td><td><input type="text" value="transparent" id="planebgcolor"></input></td>
+			<td><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></td>			</table>
+			<table>
+
+			<tr class='imageoptions'><td>OR BACKGROUND IMAGE</td><td><input class='urlinput' type="text" value="" id="planebgimage">IMG URL eg:http://ww...</input></td></tr>
+		</table>
+
+			<table><tr class='imageoptions'><td>SKYCOLOR</td><td><input type="text" value="none" id="skycolor">for the area above the horizon-line</input></td>
+			<td><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></td>
+			</tr>
+					<tr class="imageoptions"><td>HEIGHT</td>
+					<td>	<input id='img-height' type='text' value='300'><span style="font-size:12px">PX</span></input></td></td>
+		
+					<tr class="imageoptions"><td>WIDTH</td>
+					<td><input id='img-width' type='text' value='400'><span style="font-size:12px">PX</span></input></td></td></table>
+<table>
+		<tr class="imageoptions"><td>TRIM WHITESPACE</td><td><input type="checkbox" id="trim" value="false"></input></td></tr>
+			<tr class="imageoptions"><td>IMAGE FORMAT</td><td>
+		<select id='format'>
+			<option selected='selected' value='png'>PNG</option>
+			<option value='gif'>GIF</option>
+			<option value='jpg'>JPG</option>
+		</select></td></tr></table>
+		
+<table>
+
+	<tr><input type=text value="" id='username'>&larr; ENTER YOUR NAME if you want </input></tr>
+</table>
+<table>
+<button id="generate">GENERATE</button>
+
+<!--<input type="reset" value="Reset Form">-->
+
+</div>
+
+</div>
+
+<div id='result'>
+	<span id="output-cmd" class='results'>click generate or hit enter to get your 2D plane</span>
+	<span id="output-img" class='results'></span>
+	<input id="output-url" class='results'></input>
+	<div id="output-info" class='results'></div>
+</div>
+
+<h5 style="position:fixed; bottom:10px; left:10px;">COPYRIGHT 2011 PEPPER DREAMTEAMER</h5>
+<div id="intro" style="background-color:white">
+<!--<div id="bg">
+	<div><table cellspacing=0 cellpadding=0><tr><td>
+	<img src="background.gif" />
+	</td></tr></table></div>
+</div>-->
+<div id="athena"><img src="athenafinal.gif"></img></div>
+</div>
+<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
+<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
+<script type="text/javascript" src="sliders.js"></script>
+<script type="text/javascript">$('#intro').remove();</script>
+<!--<script type="text/javascript" src="intro.js">-->
+<script type="text/javascript" src="main.js"></script>
+<!--<script src="popup.js" type="text/javascript"></script>--> 
+<!--<script type="text/javascript" src="picker.js"></script>-->
+<script type='text/javascript'>
+	$('#linemore').click(function(){$('.lineadj').toggle('300')})
+	$('#threedmore').click(function(){$('.threedadj').toggle('300')})
+	$('#gridbgmore').click(function(){$('.gridbgadj').toggle('300')})
+	$('#imageoptionsmore').click(function(){$('.imageoptions').toggle('300')});
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/indexold.html b/frontend/imgrid/indexold.html
new file mode 100755
index 0000000..5c1e27e
--- /dev/null
+++ b/frontend/imgrid/indexold.html
@@ -0,0 +1,322 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">  
+<html>
+<!--
+        *                        CHICAGO                        *
+       ***                        BULLS                        ***
+       ****                        NBA                        ****
+       *   ******               CHAMPIONS               ******   *
+       *         ***************************************         *
+        **            *       ______*______       *            **
+          *****      *        ______*______        *      *****
+               *******        ______*______        *******
+            ***       ****          *         ****        ***
+                ****** *oo*******  ***  *******oo* ******
+                     *   *o********* *********o*   *
+                      *   *                   *   *
+                       *   *   _         _   *   *
+                        *   *  -_       _-  *   *
+                         *  *   -_     _-   *  *
+                          * *     -___-     * *
+                           *                 *
+                          *********************
+                          *      **   **      *
+                            *    **   **    *
+                              *  _-----_  *
+                                *********
+
+-->         
+<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
+    <meta name="description" content="IMGRID A 3D GRID-PLANE GENERATOR" >
+    <meta name="keywords" content="photoblaster, 3D" >
+    <meta name=Author content="Pepper Dreamteamer - 2011 www.facebook.com/AAAFFF">
+	<link rel="shortcut icon" href="http://asdf.us/imgrid/favicon.ico">
+    <link rel="image_src" href="http://vfile.com/public/img/1.png" > 
+   <!--FACEBOOK<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">-->
+    <meta property="og:title" content="imgrid" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="http://asdf.us/imgrid" />
+    <meta property="og:site_name" content="IMGRID - A 3D-GRID-PLANE GENERATOR" />
+    <title>IMGRID - a 3D GRID-PLANE GENERATOR</title>
+		
+		<link rel="stylesheet" href="general.css" type="text/css" media="screen" />  
+		<link href="colorpixx.css" rel="stylesheet" type="text/css" />
+		<link href='main2.css' rel='stylesheet' type='text/css' />
+		<link href='jquery-ui-1.8.16.custom.css' rel='stylesheet' type='text/css' />
+		<link href='cssreset.css' rel='stylesheet' type='text/css'/>
+		<style type='text/css'>
+			body
+				{
+				font-family:georgia, Arial;
+				font-size:10pt;
+				}
+				h1
+				{
+				font-size:18px;
+				width:50%;
+				margin:10px;
+				padding:10px;
+//				box-shadow: 0px 0px 9px 4px #8B7D7B;
+				}
+			#flatcontrols
+				{
+	//			background-color:whitesmoke;
+	//			box-shadow: 0px 0px 9px 3px #00EEEE;
+				width:40%;
+				margin:10px;
+				padding:10px;
+				}
+			.lineadj{display:none;}
+			.threedadj{display:none;}
+			.gridbgadj{display:none;}
+			.imageoptions{display:none;}
+			.results
+				{
+				display:none;
+				position:relative;
+				z-index:100;
+				}
+			.slider
+				{
+				background-color:#eee5de;
+				display:inline-block;
+				width:50%;
+				}
+			#opacity-slider
+				{
+				width:100%;
+				display:inline-block;
+				margin-right:0;
+				margin-left:0;
+				}
+			input
+				{
+				width:70px;
+				}
+			.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
+				{
+				background-color:#555;
+				}
+			#result
+				{
+				position:absolute;
+				right:20px;
+				top:10px;
+				}
+			#output-url
+				{
+				width:100%;
+				}
+			.urlinput
+				{
+				width:60%;
+				}
+				a
+				{
+				background-color:#8B8B83;
+				max-width:100px;
+				border-style:solid;
+				border-width:1px;
+				}
+				a:link 
+					{
+					color: gold;
+					}
+				a:visited 
+					{
+					COLOR: mediumspringgreen;
+					}
+				a:hover 
+					{
+					COLOR: #FF0000;
+					}	
+				a:active 
+					{
+					COLOR: #00FF00;
+					}
+				table td
+					{
+					padding:4px;
+//					border:solid 2px;
+					}
+				table tr
+					{
+//					border: solid 2px;
+					}
+		</style>
+</head>
+<body>
+<!--popupcode-->
+<!-- <div id="popupContact">  
+        <a id="popupContactClose">x</a>  
+        <applet code="org.jdesktop.applet.util.JNLPAppletLauncher"
+      width=800
+      height=600
+      archive="dist/deployment/v1/jar/applet-launcher.jar,
+               dist/deployment/v1/jar/gluegen-rt.jar,
+               dist/deployment/v1/jar/jogl.all.jar,
+               dist/3dmap.jar">
+   <param name="codebase_lookup" value="false">
+   <param name="subapplet.classname" value="com.scannerjammer.applet.heightmap.applet.Simple3DLandscapeApplet">
+   <param name="subapplet.displayname" value="3D Map">
+   <param name="noddraw.check" value="true">
+   <param name="progressbar" value="true">
+   <param name="jnlpNumExtensions" value="1">
+   <param name="jnlpExtension1"
+          value="dist/deployment/v1/jogl-awt.jnlp">
+   <param name="java_arguments" value="-Dsun.java2d.noddraw=true">
+   <param name="jnlp_href" value="dist/3dmap.jnlp">
+</applet>
+    </div>  
+    <div id="backgroundPopup"></div>  
+endpopup code-->
+
+
+<h1>IMGRID </h1>
+<h2 style="font-size:16px;margin:10px;padding:10px;">A 3D-GRID-PLANE GENERATOR FROM PHOTOBLASTER</h2>
+
+<!--<h2 id="use">USE:</h2>
+	<div id="controls">
+	<h2>I. THE FLAT PLANE
+			<span id="swingleft" >II. THE 3D PLANE (forthcoming)
+			<br> CLICK TO OPEN JAVA APPLET</span></h2>-->
+
+	<div id="flatcontrols">
+<table style="width:100%">
+					<tr><td>HEIGHT<input id='img-height' type='text' value='300'><span style="font-size:12px">PX</span></input></td>
+		
+					<td>WIDTH&nbsp&nbsp<input id='img-width' type='text' value='400'><span style="font-size:12px">PX</span></input></tr>
+			<tr><td>SWING&nbsp&nbsp<input id='swing' type='text' value='0'></input></td></tr>
+				<tr id="swingslider" class="slider"></tr>
+			<tr><td>TILT&nbsp&nbsp<input id='tilt' type='text' value='0'></input></td></tr>
+				<tr id="tiltslider" class="slider"></tr>
+			<tr><td>ROLL&nbsp&nbsp<input id='roll' type='text' value='0'></input></td></tr>
+				<tr id="rollslider" class="slider"></tr>
+			<tr><td>ZOOM&nbsp&nbsp<input id='zoom' type='text' value='0'></input></td></tr>
+				<tr id="zoomslider" class="slider" value='0'></tr></table><table>
+		<tr><td>TRIM WHITESPACE</td><td><input type="checkbox" id="trim" value="false"></input></td></tr>
+
+</table>
+<br>
+
+<table>
+<tr><td>3D PLANE</td>
+	
+		<td>	<button id='threedmore'>OPTIONS</button></td></tr>
+</table>
+			<table class='threedadj'><td>PLANE BACKGROUND COLOR</td><td><input type="text" value="transparent" id="planebgcolor"></input></td>
+			<td><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></td>			</table>
+			<table>
+
+			<tr class='threedadj'><td>OR USE A BACKGROUND IMAGE</td><td><input class='urlinput' type="text" value="" id="planebgimage">IMG URL eg:http://ww...</input></td></tr>
+		</table>
+<table>
+			<tr class='threedadj'><td>DITHERED-TRANSITION</td>
+		<td><select id="transition">
+			<option selected="selected" value='background'>none</option>
+			<option value="dither">dithered</option>
+			<option value="tile">infinite</option>
+		</select></td></tr>
+			
+</table>
+			<table>
+			<tr class='threedadj'><td>DROP SHADOW</td><td><input type='checkbox' id='shadow' value='false'</input></td></tr>
+			<tr class='threedadj'><td>SKYCOLOR</td><td><input type="text" value="none" id="skycolor">for the area above the horizon-line</input></td>
+			<td><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></td>
+			</tr></table>
+	<table>
+			<tr><td>LINE:</td>
+			<td><button id='linemore'>OPTIONS</button></td>
+
+	
+			<tr class='lineadj'><td>LINE THICKNESS:</td>
+												<td><input id='line-thickness' type='text' value='1'><span style="font-size:12px">PX</span></input></td></tr>
+			
+					<tr class='lineadj'><td>LINE COLOR:</td>
+					<td><input id='line-color' type='text' value='BLACK'></input></td>
+					<td><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></td>
+					</tr>
+
+					
+						<tr class='lineadj'>
+							<td>LINE OPACITY: </td>
+						<td><input id='line-opacity' type='text' value='1'></input></td>
+						<td class="slider" style="margin:0;padding:0;"id="opacity-slider"></td>
+						</tr>
+
+						<tr class='lineadj'>
+									<td>LINE SPACING: </td>
+						<td><input id='line-spacing' type='text' value='0'><span style='font-size:12px'>PX</span></input></td>
+						<td class="slider" style="margin:0;padding:0;" id="spacing-slider"></td></tr>
+								
+						<tr class='lineadj'><td>USE ONLY VERTICAL LINES</td><td><input type="checkbox" id="v-lines" value="false"></input></td></tr>
+									
+									<tr class='lineadj'><td>USE ONLY HORIZONTAL LINES</td><td><input type="checkbox" id="h-lines" value="false" ></input></td></tr>
+							</table>
+<table class="lineadj">
+			<tr><td>USE IMAGE INSTEAD OF GRID</td>
+			<td><input type="text" class="urlinput" type="text" id="imageinstead" value="">IMG URL eg:http://ww...</input></td>
+			</tr></table>
+							
+								<table>		
+									</table>
+									<table>
+<tr><td>GRID BACKGROUND:</td>
+
+<td>	<button id='gridbgmore'>OPTIONS</button></td></tr>
+			<tr class='gridbgadj'><td>TRANSPARENT? (THE DEFAULT)</td><td><input type="checkbox" id="bgtransparent" value="true" checked="checked"></input></td></tr>
+			<tr class='gridbgadj'><td>USE AN IMAGE?</td>
+			<td><input class="urlinput" type="text" id="bg-image" value="">IMG URL eg:http://ww...</input></td></tr>
+		</table><table class='gridbgadj'><td>USE A COLOR?<input type="text" id="bg-color" value=""></td><td><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></input></td>
+			
+			</table>
+
+
+<table>
+			<tr><td>IMAGE FORMAT</td><td>
+		<select id='format'>
+			<option selected='selected' value='png'>PNG</option>
+			<option value='gif'>GIF</option>
+			<option value='jpg'>JPG</option>
+		</select></td></tr></table>
+		
+<table>
+
+	<tr><input type=text value="" id='username'>&larr; ENTER YOUR NAME if you want </input></tr>
+</table>
+<table>
+<button id="generate">GENERATE</button>
+
+
+</div>
+
+</div>
+
+<div id='result'>
+	<span id="output-cmd" class='results'>click generate or hit enter to get your 2D plane</span>
+	<span id="output-img" class='results'></span>
+	<input id="output-url" class='results'></input>
+	<div id="output-info" class='results'></div>
+</div>
+
+<h5 style="position:fixed; bottom:10px; left:10px;">COPYRIGHT 2011 PEPPER DREAMTEAMER</h5>
+<div id="intro" style="background-color:white">
+<div id="athena"><img src="athenafinal.gif"></img></div>
+</div>
+<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
+<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
+<script type="text/javascript" src="sliders.js"></script>
+<script type="text/javascript">$('#intro').remove();</script>
+<!--<script type="text/javascript" src="intro.js">-->
+<script type="text/javascript" src="main.js"></script>
+<!--<script src="popup.js" type="text/javascript"></script>--> 
+<!--<script type="text/javascript" src="picker.js"></script>-->
+<script type='text/javascript'>
+	$('#linemore').click(function(){$('.lineadj').toggle('300')})
+	$('#threedmore').click(function(){$('.threedadj').toggle('300')})
+	$('#gridbgmore').click(function(){$('.gridbgadj').toggle('300')})
+	$('#imageoptionsmore').click(function(){$('.imageoptions').toggle('300')});
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/intro.html b/frontend/imgrid/intro.html
new file mode 100755
index 0000000..5c14969
--- /dev/null
+++ b/frontend/imgrid/intro.html
@@ -0,0 +1,106 @@
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta name="description" content="IMGRID A 3D GRID-PLANE GENERATOR" >
+    <meta name="keywords" content="photoblaster, 3D" >
+    <link rel="shortcut icon" href="http://asdf.us/imgrid/favicon.ico">
+    <link rel="image_src" href="http://vfile.com/public/img/1.png" > 
+   <!--<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">-->
+    <meta property="og:title" content="imgrid" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="http://asdf.us/imgrid" />
+    <meta property="og:site_name" content="IMGRID - A 3D-GRID-PLANE GENERATOR" />
+    <title>IMGRID - a 3D GRID-PLANE GENERATOR</title>
+    <style type="text/css">
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+    border: 0pt none;
+    font: inherit;
+    margin: 0pt;
+    padding: 0pt;
+    vertical-align: baseline;
+	}
+body 
+	{
+//    background-attachment: fixed;
+//	background-image: url(background.gif);
+//	text-transform: uppercase;
+//    background-position: center center;
+    color: black;
+	}
+.vlarge
+	{
+	font-size:22px;
+	}
+.small
+	{
+	font-size:14px;
+	}
+.large
+	{
+	font-size:18px;
+	}
+#bg
+	{
+	postion:absolute;
+	z-index:-1;
+	}
+#athena
+	{
+	position:absolute;
+	z-index:1;
+	top: 20px;
+	left: 20px;
+	}
+	</style>
+<link href='http://fonts.googleapis.com/css?family=Gentium+Book+Basic' rel='stylesheet' type='text/css'>
+</head>
+
+<body>
+<div id="bg">
+	<div><table cellspacing=0 cellpadding=0><tr><td>
+	<img src="background.gif" />
+	</td></tr></table></div>
+</div>
+<div id="athena"><img src="athenafinal.gif"></img></div>
+
+</body>
+<script type="text/javascript" src="/js/jquery.js"></script>
+<script type="text/javascript">
+var intro =
+	{
+	step: 0,
+	steps: 100,
+	delta: 0.02,
+	opacity: 0,
+	spin: function ()
+		{
+		document.getElementById("bg").style.opacity = intro.opacity + intro.delta*intro.step
+		if (intro.step < 10)
+			intro.step += 0.2
+		else
+			intro.step += 3
+		if (intro.step < intro.steps)
+			setTimeout(intro.spin,100)
+		}
+	}
+var newintro =
+	{
+	step: 0,
+	steps: 100,
+	delta: 0.02,
+	opacity: 0,
+	spin: function ()
+		{
+		document.getElementById("athena").style.opacity = newintro.opacity + newintro.delta*newintro.step
+		if (newintro.step < 10)
+			newintro.step += 0.5
+		else
+			newintro.step += 3
+		if (newintro.step < newintro.steps)
+			setTimeout(newintro.spin,100)
+		}
+	}
+intro.spin()
+newintro.spin()
+</script>
+</html>
\ No newline at end of file
diff --git a/frontend/imgrid/jeremy.html b/frontend/imgrid/jeremy.html
new file mode 100755
index 0000000..608056d
--- /dev/null
+++ b/frontend/imgrid/jeremy.html
@@ -0,0 +1,398 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">  
+<html>
+<!--
+        *                       pepper                          *
+       ***                          and                        ***
+       ****                        JMD                        ****
+       *   ******      internet CHAMPIONS               ******   *
+       *         ***************************************         *
+        **            *       ______*______       *            **
+          *****      *        ______*______        *      *****
+               *******        ______*______        *******
+            ***       ****          *         ****        ***
+                ****** *oo*******  ***  *******oo* ******
+                     *   *o********* *********o*   *
+                      *   *                   *   *
+                       *   *   _         _   *   *
+                        *   *  -_       _-  *   *
+                         *  *   -_     _-   *  *
+                          * *     -___-     * *
+                           *                 *
+                          *********************
+                          *      **   **      *
+                            *    **   **    *
+                              *  _-----_  *
+                                *********
+
+-->         
+<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
+    <meta name="description" content="IMGRID A 3D GRID-PLANE GENERATOR" >
+    <meta name="keywords" content="photoblaster, 3D" >
+    <meta name=Author content="Pepper Dreamteamer - 2011 www.facebook.com/AAAFFF">
+	<link rel="shortcut icon" href="http://asdf.us/imgrid/favicon.ico">
+    <link rel="image_src" href="http://vfile.com/public/img/1.png" > 
+   <!--FACEBOOK<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">-->
+    <meta property="og:title" content="imgrid" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="http://asdf.us/imgrid" />
+    <meta property="og:site_name" content="IMGRID - A 3D-GRID-PLANE GENERATOR" />
+    <title>IMGRID - a 3D GRID-PLANE GENERATOR</title>
+		
+		<link rel="stylesheet" href="general.css" type="text/css" media="screen" />  
+		<link href="colorpixx.css" rel="stylesheet" type="text/css" />
+		<link href='main2.css' rel='stylesheet' type='text/css' />
+		<link href='jquery-ui-1.8.16.custom.css' rel='stylesheet' type='text/css' />
+		<link href='cssreset.css' rel='stylesheet' type='text/css'/>
+		<style type='text/css'>
+			body
+				{
+				font-family:georgia, Arial;
+				font-size:10pt;
+				}
+				h1
+				{
+				font-size:18px;
+	//			font-weight:bold;
+				width:50%;
+				margin:10px;
+				padding:10px;
+//				box-shadow: 0px 0px 9px 4px #8B7D7B;
+				}
+			#flatcontrols
+				{
+	//			background-color:#CDC5BF;
+	//			box-shadow: 0px 0px 9px 3px #00EEEE;
+				width:40%;
+				margin:10px;
+				padding:10px;
+				}
+			.lineadj{display:none;}
+			.threedadj{display:none;}
+			.gridbgadj{display:none;}
+			.imageoptions{display:none;}
+			.results
+				{
+				display:none;
+				position:relative;
+				z-index:-100;
+				}
+			#output-url
+				{
+				z-index:100;
+				width:500px;
+				}
+			.slider
+				{
+				background-color:#eee5de;
+				display:inline-block;
+				width:50%;
+				}
+			#opacity-slider
+				{
+				width:100%;
+				display:inline-block;
+				margin-right:0;
+				margin-left:0;
+				}
+			input
+				{
+				width:70px;
+				}
+			.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
+				{
+				background-color:#555;
+				}
+			#result
+				{
+				position:fixed;
+				right:20%;
+				top:20px;
+				}
+			#output-url
+				{
+				width:100%;
+				}
+			.urlinput
+				{
+				width:60%;
+				}
+				a
+				{
+				background-color:white;
+				max-width:100px;
+				}
+				a:link 
+					{
+					color: black;
+					}
+				a:visited 
+					{
+					COLOR: black;
+					}
+				a:hover 
+					{
+					COLOR: black;
+					}	
+				a:active 
+					{
+					COLOR: black;
+					}
+				table td
+					{
+					padding:4px;
+//					border:solid 2px;
+					}
+				table tr
+					{
+//					border: solid 2px;
+					}
+				#threedmore, #imageoptionsmore
+					{
+					background-color:white;
+					cursor:pointer;
+					font-size:20px;
+					text-align:center;
+					}
+button {
+   background: white;
+   color: #000000;
+   font-size: 18px;
+   font-family: Georgia, serif;
+   text-decoration: none;
+   vertical-align: middle;
+   }
+.button:hover {
+   border-top-color: #78e072;
+   background: #78e072;
+   color: #000000;
+   }
+		</style>
+</head>
+<body>
+<!--popupcode-->
+<!-- <div id="popupContact">  
+        <a id="popupContactClose">x</a>  
+        <applet code="org.jdesktop.applet.util.JNLPAppletLauncher"
+      width=800
+      height=600
+      archive="dist/deployment/v1/jar/applet-launcher.jar,
+               dist/deployment/v1/jar/gluegen-rt.jar,
+               dist/deployment/v1/jar/jogl.all.jar,
+               dist/3dmap.jar">
+   <param name="codebase_lookup" value="false">
+   <param name="subapplet.classname" value="com.scannerjammer.applet.heightmap.applet.Simple3DLandscapeApplet">
+   <param name="subapplet.displayname" value="3D Map">
+   <param name="noddraw.check" value="true">
+   <param name="progressbar" value="true">
+   <param name="jnlpNumExtensions" value="1">
+   <param name="jnlpExtension1"
+          value="dist/deployment/v1/jogl-awt.jnlp">
+   <param name="java_arguments" value="-Dsun.java2d.noddraw=true">
+   <param name="jnlp_href" value="dist/3dmap.jnlp">
+</applet>
+    </div>  
+    <div id="backgroundPopup"></div>  
+endpopup code-->
+
+<img src='http://asdf.us/im/8d/imgrid_1324285217_imgrid_1324210455_imgrid_1324210353_gradient_darkseagreencyan_1317343959___.png' style='position:fixed; top:-200px; z-index:-100;'></img>
+<div style='font-size:30px; margin-top:20px;margin-left:20px;'>IMGRID</div>
+<div style="font-size:12px;margin-left:20px;margin-bottom:20px;">3D-GRID-PLANE GENERATOR</div>
+
+<!--<h2 id="use">USE:</h2>
+	<div id="controls">
+	<h2>I. THE FLAT PLANE
+			<span id="swingleft" >II. THE 3D PLANE (forthcoming)
+			<br> CLICK TO OPEN JAVA APPLET</span></h2>-->
+
+	<div id="flatcontrols">
+<table><tr><td style="background-color:white">3D OPTIONS</td></tr></table>
+<br>
+<table style="width:100%">
+			<tr><td>SWING&nbsp<input id='swing' type='text' value='0'></input></td></tr>
+				<tr id="swingslider" class="slider"></tr>
+			<tr><td>TILT&nbsp<input id='tilt' type='text' value='0'></input></td></tr>
+				<tr id="tiltslider" class="slider"></tr>
+			<tr><td>ROLL&nbsp<input id='roll' type='text' value='0'></input></td></tr>
+				<tr id="rollslider" class="slider"></tr>
+			<tr><td>ZOOM&nbsp<input id='zoom' type='text' value='0'></input></td></tr>
+				<tr id="zoomslider" class="slider" value='0'></tr></table><table>
+
+</table>
+<br>
+<br>
+<table>
+<tr style="background-color:white"><td>GRAPHIC OPTIONS</td>
+	
+		<td>	<div id='threedmore'>+</div></td></tr>
+		</table>
+	<table>
+	
+			<tr class='threedadj'><td>GRID THICKNESS:</td>
+												<td><input id='line-thickness' type='text' value='1'></td><td><span style="font-size:12px">PX&nbsp&nbsp</span></input></td></tr>
+			
+					<tr class='threedadj'><td>GRID COLOR:</td>
+					<td><input id='line-color' type='text' value='BLACK'></input></td>
+					<td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></td>
+					</tr>
+
+					
+						<tr class='threedadj'>
+							<td>GRID OPACITY: </td>
+						<td><input id='line-opacity' type='text' value='1'></input></td>
+						<td class="slider" style="margin:0;padding:0;"id="opacity-slider"></td>
+						</tr>
+
+						<tr class='threedadj'>
+									<td>GRID SPACING: </td>
+						<td><input id='line-spacing' type='text' value='0'></input></td>
+						<td class="slider" style="margin:0;padding:0;" id="spacing-slider"></td></tr>
+								
+						<tr class='threedadj'><td>USE ONLY VERTICAL LINES</td><td><input type="checkbox" id="v-lines" value="false"></input></td></tr>
+									
+									<tr class='threedadj'><td>USE ONLY HORIZONTAL LINES</td><td><input type="checkbox" id="h-lines" value="false" ></input></td></tr>
+							</table>
+							
+
+<table>
+			<tr class='threedadj'><td>USE IMAGE INSTEAD OF GRID</td>
+			<td><input type="text" class="urlinput" type="text" id="imageinstead" value="">IMG URL eg:http://ww...</input></td>
+			</tr></table>
+<table class='threedadj'><td>GRID BACKGROUND COLOR <input type="text" id="bg-color" value="none"></td><td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></input></td>
+			
+			</table>
+									<table>
+			<tr class='threedadj'><td>OR GRID BACKGROUND IMAGE</td>
+			<td><input class="urlinput" type="text" id="bg-image" value="">IMG URL eg:http://ww...</input></td></tr>
+		</table>
+
+<table>
+			<tr class='threedadj'><td>GRID-TRANSITION</td>
+		<td><select id="transition">
+			<option selected="selected" value='background'>none</option>
+			<option value="dither">dithered</option>
+			<option value="tile">infinite</option>
+		</select></td></tr>
+			
+</table>
+			<table>
+			<tr class='threedadj'><td>DROP SHADOW</td><td><input type='checkbox' id='shadow' value='false'</input></td></tr>
+
+
+</table>
+
+
+<br>
+
+		<table>
+				<tr style="background-color:white"><td>IMAGE OPTIONS</td>
+					<td><div id="imageoptionsmore">+</div></td>
+					</tr>
+			</table>
+			<table class='imageoptions'><td>BACKGROUND COLOR</td><td><input type="text" value="transparent" id="planebgcolor"></input></td>
+			<td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></td>			</table>
+			<table>
+
+			<tr class='imageoptions'><td>OR BACKGROUND IMAGE</td><td><input class='urlinput' type="text" value="" id="planebgimage">IMG URL eg:http://ww...</input></td></tr>
+		</table>
+
+			<table><tr class='imageoptions'><td>SKYCOLOR</td><td><input type="text" value="none" id="skycolor">for the area above the horizon-line</input></td>
+			<td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></td>
+			</tr>
+					<tr class="imageoptions"><td>HEIGHT</td>
+					<td>	<input id='img-height' type='text' value='500'><span style="font-size:12px">PX</span></input></td></td>
+		
+					<tr class="imageoptions"><td>WIDTH</td>
+					<td><input id='img-width' type='text' value='700'><span style="font-size:12px">PX</span></input></td></td></table>
+<table>
+		<tr class="imageoptions"><td>CROP WHITESPACE</td><td><input type="checkbox" id="trim" value="false"></input></td></tr>
+			<tr class="imageoptions"><td>IMAGE FORMAT</td><td>
+		<select id='format'>
+			<option selected='selected' value='png'>PNG</option>
+			<option value='gif'>GIF</option>
+			<option value='jpg'>JPG</option>
+		</select></td></tr></table>
+	<br>	
+<table>
+
+	<tr><td>USERNAME</td><td><input type=text value="" id='username'></input></td></tr>
+</table>
+<br>
+<table>
+<button id="generate">GENERATE</button>
+
+<!--<input type="reset" value="Reset Form">-->
+
+</div>
+
+</div>
+
+<div id='result'>
+	<span id="output-cmd" class='results'>click generate or hit enter to get your 2D plane</span>
+	<span id="output-img" class='results'></span>
+	<input id="output-url" class='results'></input>
+	<div id="output-info" class='results'></div>
+</div>
+<div id="likebutton">
+<br>
+<!--<div id="fb-root" style="position:fixed; bottom:10px; right:10px;background-color: transparent;"></div><script src="http://connect.facebook.net/en_US/all.js#appId=236917449658413&amp;xfbml=1"></script><fb:like href="http://asdf.us/im/" send="false" width="347" show_faces="false" colorscheme="light" font="" style="background-color: transparent;"></fb:like>
+-->
+
+
+
+<h5 style="position:fixed; bottom:10px; left:10px;">COPYRIGHT 2011 PEPPER DREAMTEAMER</h5>
+<div id="intro" style="background-color:white">
+<!--<div id="bg">
+	<div><table cellspacing=0 cellpadding=0><tr><td>
+	<img src="background.gif" />
+	</td></tr></table></div>
+</div>-->
+<div id="athena"><img src="athenafinal.gif"></img></div>
+</div>
+<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
+<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
+<script type="text/javascript" src="sliders.js"></script>
+<script type="text/javascript">$('#intro').remove();</script>
+<!--<script type="text/javascript" src="intro.js">-->
+<script type="text/javascript" src="main.js"></script>
+<!--<script src="popup.js" type="text/javascript"></script>--> 
+<!--<script type="text/javascript" src="picker.js"></script>-->
+<script type='text/javascript'>
+		threedmoreclicked = 'false';
+		$('#threedmore').click(function(){
+			$('.threedadj').toggle('300')
+
+			if(threedmoreclicked === 'false'){
+					$('#threedmore').html('-')
+					threedmoreclicked = 'true'
+					}
+			else{
+					$('#threedmore').html('+')
+					threedmoreclicked = 'false'
+					}	
+																	})
+	imageoptionsmoreclicked = 'false';
+	$('#imageoptionsmore').html('+');
+	$('#imageoptionsmore').click(function(){
+			$('.imageoptions').toggle('300')
+			if(imageoptionsmoreclicked === 'false'){
+					$('#imageoptionsmore').html('-')
+					imageoptionsmoreclicked = 'true'
+					}
+			else{
+					$('#imageoptionsmore').html('+')
+					imageoptionsmoreclicked = 'false'
+					}	
+			
+			});
+	$('#bg-color').click(function(){
+					nonecheck = $('#bg-color').val()
+					if(nonecheck === 'none')
+							{
+							$('#bg-color').val('')
+							}
+		});
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/jmd.html b/frontend/imgrid/jmd.html
new file mode 100755
index 0000000..7816e65
--- /dev/null
+++ b/frontend/imgrid/jmd.html
@@ -0,0 +1,346 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">  
+<html>
+<!--JMD DOT HTML -->
+<!--
+        *                       pepper                          *
+       ***                          and                        ***
+       ****                        JMD                        ****
+       *   ******      internet CHAMPIONS               ******   *
+       *         ***************************************         *
+        **            *       ______*______       *            **
+          *****      *        ______*______        *      *****
+               *******        ______*______        *******
+            ***       ****          *         ****        ***
+                ****** *oo*******  ***  *******oo* ******
+                     *   *o********* *********o*   *
+                      *   *                   *   *
+                       *   *   _         _   *   *
+                        *   *  -_       _-  *   *
+                         *  *   -_     _-   *  *
+                          * *     -___-     * *
+                           *                 *
+                          *********************
+                          *      **   **      *
+                            *    **   **    *
+                              *  _-----_  *
+                                *********
+
+-->         
+<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
+    <meta name="description" content="IMGRID A 3D GRID-PLANE GENERATOR" >
+    <meta name="keywords" content="photoblaster, 3D" >
+    <meta name=Author content="Pepper Dreamteamer - 2011 www.facebook.com/AAAFFF">
+		<link rel="shortcut icon" href="http://asdf.us/imgrid/favicon.ico">
+    <link rel="image_src" href="http://vfile.com/public/img/1.png" > 
+    <meta property="og:title" content="imgrid" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="http://asdf.us/imgrid" />
+    <meta property="og:site_name" content="IMGRID - A 3D-GRID-PLANE GENERATOR" />
+    <title>IMGRID - a 3D GRID-PLANE GENERATOR</title>
+		
+		<link rel="stylesheet" href="general.css" type="text/css" media="screen" />  
+		<link href="colorpixx.css" rel="stylesheet" type="text/css" />
+		<link href='main2.css' rel='stylesheet' type='text/css' />
+		<link href='jquery-ui-1.8.16.custom.css' rel='stylesheet' type='text/css' />
+		<link href='cssreset.css' rel='stylesheet' type='text/css'/>
+		<style type='text/css'>
+			body
+				{
+				font-family:georgia, Arial;
+				font-size:10pt;
+				}
+				h1
+				{
+				font-size:18px;
+				width:50%;
+				margin:10px;
+				padding:10px;
+				}
+			#flatcontrols
+				{
+				width:40%;
+				margin:10px;
+				padding:10px;
+				}
+			.lineadj{display:none;}
+			.threedadj{display:none;}
+			.gridbgadj{display:none;}
+			.imageoptions{display:none;}
+			.results
+				{
+				display:none;
+				position:relative;
+				z-index:-100;
+				}
+			#output-url
+				{
+				z-index:100;
+				width:500px;
+				}
+			.slider
+				{
+				background-color:#eee5de;
+				display:inline-block;
+				width:50%;
+				}
+			#opacity-slider
+				{
+				width:100%;
+				display:inline-block;
+				margin-right:0;
+				margin-left:0;
+				}
+			input
+				{
+				width:70px;
+				}
+			.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
+				{
+				background-color:#555;
+				}
+			#result
+				{
+				position:fixed;
+				left:50%;
+				top:20px;
+				}
+			#output-url
+				{
+				width:100%;
+				}
+			.urlinput
+				{
+				width:60%;
+				}
+				a
+				{
+				background-color:white;
+				max-width:100px;
+				}
+				a:link 
+					{
+					color: black;
+					}
+				a:visited 
+					{
+					COLOR: black;
+					}
+				a:hover 
+					{
+					COLOR: black;
+					}	
+				a:active 
+					{
+					COLOR: black;
+					}
+			#threedplug, #imageoptionsplug
+				{
+				font-size:20px;
+				text-align:center;
+				}
+			.threedmore, .imageoptionsmore
+				{
+				cursor:pointer;
+				}
+			table
+				{
+				empty-cells: show;
+				}
+button {
+   background: white;
+   color: #000000;
+   font-size: 18px;
+   font-family: Georgia, serif;
+   text-decoration: none;
+   vertical-align: middle;
+   }
+.button:hover {
+   border-top-color: #78e072;
+   background: #78e072;
+   color: #000000;
+   }
+		</style>
+</head>
+<body>
+<img src='http://asdf.us/im/8d/imgrid_1324285217_imgrid_1324210455_imgrid_1324210353_gradient_darkseagreencyan_1317343959___.png' style='position:fixed; top:-200px; z-index:-100;'></img>
+<div style='font-size:30px; margin-top:20px;margin-left:20px;'>IMGRID</div>
+<div style="font-size:12px;margin-left:20px;margin-bottom:20px;">3D-GRID-PLANE GENERATOR</div>
+
+	<div id="flatcontrols">
+<table><tr><td>3D OPTIONS</td></tr></table>
+<br>
+<table style="width:100%">
+			<tr><td>SWING&nbsp<input id='swing' type='text' value='0'></input></td></tr>
+				<tr id="swingslider" class="slider"></tr>
+			<tr><td>TILT&nbsp<input id='tilt' type='text' value='0'></input></td></tr>
+				<tr id="tiltslider" class="slider"></tr>
+			<tr><td>ROLL&nbsp<input id='roll' type='text' value='0'></input></td></tr>
+				<tr id="rollslider" class="slider"></tr>
+			<tr><td>ZOOM&nbsp<input id='zoom' type='text' value='0'></input></td></tr>
+				<tr id="zoomslider" class="slider" value='0'></tr></table><table>
+			<tr><td>&nbsp</td></tr>
+			<tr><td>CROP WHITESPACE</td><td><input type="checkbox" id="trim" value="false"></input></td></tr>
+			
+</table>
+<br>
+<br>
+<table>
+<tr><td class='threedmore'>GRAPHIC OPTIONS&nbsp&nbsp</td>
+		<td>	<div id='threedplug' class='threedmore'>+</div></td></tr>
+		</table>
+	<table>
+		<tr><td>&nbsp</td></tr>	
+	
+			<tr class='threedadj'><td>GRID THICKNESS:</td>
+												<td><input id='line-thickness' type='text' value='1'></td><td><span style="font-size:12px">PX&nbsp&nbsp</span></input></td></tr>
+			
+					<tr class='threedadj'><td>GRID COLOR:</td>
+					<td><input id='line-color' type='text' value='BLACK'></input></td>
+					<td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></td>
+					</tr>
+
+					
+						<tr class='threedadj'>
+							<td>GRID OPACITY: </td>
+						<td><input id='line-opacity' type='text' value='1'></input></td>
+						<td class="slider" style="margin:0;padding:0;"id="opacity-slider"></td>
+						</tr>
+
+						<tr class='threedadj'>
+									<td>GRID SPACING: </td>
+						<td><input id='line-spacing' type='text' value='0'></input></td>
+						<td class="slider" style="margin:0;padding:0;" id="spacing-slider"></td></tr>
+								
+						<tr class='threedadj'><td>USE ONLY VERTICAL LINES</td><td><input type="checkbox" id="v-lines" value="false"></input></td></tr>
+									
+									<tr class='threedadj'><td>USE ONLY HORIZONTAL LINES</td><td><input type="checkbox" id="h-lines" value="false" ></input></td></tr>
+							</table>
+							
+
+<table>
+			<tr class='threedadj'><td>USE IMAGE INSTEAD OF GRID</td>
+			<td><input type="text" class="urlinput" type="text" id="imageinstead" value="">IMG URL eg:http://ww...</input></td>
+			</tr></table>
+<table class='threedadj'><td>GRID BACKGROUND COLOR <input type="text" id="bg-color" value="none"></td><td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></input></td>
+			
+			</table>
+									<table>
+			<tr class='threedadj'><td>OR GRID BACKGROUND IMAGE</td>
+			<td><input class="urlinput" type="text" id="bg-image" value="">IMG URL eg:http://ww...</input></td></tr>
+		</table>
+
+<table>
+			<tr class='threedadj'><td>GRID-TRANSITION</td>
+		<td><select id="transition">
+			<option selected="selected" value='background'>none</option>
+			<option value="dither">dithered</option>
+			<option value="noise">noise</option>
+			<option value="tile">infinite</option>
+		</select></td></tr>
+			
+</table>
+			<table>
+			<tr class='threedadj'><td>DROP SHADOW</td><td><input type='checkbox' id='shadow' value='false'</input></td></tr>
+
+
+</table>
+
+
+<br>
+
+		<table>
+				<tr><td class="imageoptionsmore">IMAGE OPTIONS&nbsp&nbsp</td>
+					<td><div id="imageoptionsplug" class="imageoptionsmore">+</div></td>
+					</tr>
+			</table>
+				<tr><td>&nbsp</td></tr>
+			<table class='imageoptions'><td>BACKGROUND COLOR&nbsp&nbsp</td><td><input type="text" value="transparent" id="planebgcolor"></input></td>
+			<td>&nbsp&nbsp<a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></td>			</table>
+			<table>
+
+			<tr class='imageoptions'><td>OR BACKGROUND IMAGE&nbsp&nbsp</td><td><input class='urlinput' type="text" value="" id="planebgimage">IMG URL eg:http://ww...</input></td></tr>
+		</table>
+
+			<table><tr class='imageoptions'><td>SKYCOLOR&nbsp&nbsp</td><td><input type="text" value="none" id="skycolor">&nbsp;&nbsp;for the area above the horizon-line</input>&nbsp&nbsp</td>
+			<td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></td>
+			</tr>
+					<tr class="imageoptions"><td>HEIGHT</td>
+					<td>	<input id='img-height' type='text' value='500'><span style="font-size:12px">PX</span></input></td></td>
+		
+					<tr class="imageoptions"><td>WIDTH</td>
+					<td><input id='img-width' type='text' value='700'><span style="font-size:12px">PX</span></input></td></td></table>
+<table>
+			<tr class="imageoptions"><td>IMAGE FORMAT</td><td>
+		<select id='format'>
+			<option selected='selected' value='png'>PNG</option>
+			<option value='gif'>GIF</option>
+			<option value='jpg'>JPG</option>
+		</select></td></tr></table>
+	<br>	
+<table>
+
+	<tr><td>USERNAME &nbsp&nbsp</td><td><input type=text value="" id='username'></input></td></tr>
+</table>
+<br>
+<table>
+<button id="generate">GENERATE</button>
+
+</div>
+
+<div id='result'>
+	<span id="output-cmd" class='results'>click generate or hit enter to get your 2D plane</span>
+	<span id="output-img" class='results'></span>
+	<input id="output-url" class='results'></input>
+	<div id="output-info" class='results'></div>
+</div>
+<div id="likebutton">
+<br>
+
+
+
+<h5 style="position:fixed; bottom:10px; left:10px;" id='copyright'>COPYRIGHT 2011 PEPPER DREAMTEAMER</h5>
+<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
+<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
+<script type="text/javascript" src="sliders.js"></script>
+<script type="text/javascript" src="main.js"></script>
+<script type='text/javascript'>
+		threedmoreclicked = 'false';
+		$('.threedmore').click(function(){
+			$('.threedadj').toggle('300')
+
+			if(threedmoreclicked === 'false'){
+					$('#threedplug').html('-')
+					threedmoreclicked = 'true'
+					}
+			else{
+					$('#threedplug').html('+')
+					threedmoreclicked = 'false'
+					}	
+			$('#copyright').hide();
+									})
+	imageoptionsmoreclicked = 'false';
+	$('#imageoptionsplug').html('+');
+	$('.imageoptionsmore').click(function(){
+			$('.imageoptions').toggle('300')
+			if(imageoptionsmoreclicked === 'false'){
+					$('#imageoptionsplug').html('-')
+					imageoptionsmoreclicked = 'true'
+					}
+			else{
+					$('#imageoptionsplug').html('+')
+					imageoptionsmoreclicked = 'false'
+					}	
+			$('#copyright').hide();
+			});
+	$('#bg-color').click(function(){
+					nonecheck = $('#bg-color').val()
+					if(nonecheck === 'none')
+							{
+							$('#bg-color').val('')
+							}
+		});
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/js/colordictbackup.js b/frontend/imgrid/js/colordictbackup.js
new file mode 100755
index 0000000..62f914a
--- /dev/null
+++ b/frontend/imgrid/js/colordictbackup.js
@@ -0,0 +1,4 @@
+var hextoname = {'#EE1289': 'DeepPink2', '#EE8262': 'salmon2', '#C4C4C4': 'gray77', '#556B2F': 'DarkOliveGreen', '#FF8C00': 'DarkOrange', '#8B7B8B': 'thistle4', '#0000EE': 'blue2', '#EED5D2': 'MistyRose2', '#BA55D3': 'MediumOrchid', '#FFF5EE': 'seashell', '#912CEE': 'purple2', '#2F4F4F': 'DarkSlateGray', '#32814B': 'MediumForestGreen', '#D15FEE': 'MediumOrchid2', '#F0FFF0': 'honeydew', '#B23AEE': 'DarkOrchid2', '#8B7765': 'PeachPuff4', '#3D3D3D': 'gray24', '#54FF9F': 'SeaGreen1', '#636363': 'gray39', '#8B8386': 'LavenderBlush4', '#FF4040': 'brown1', '#EEA9B8': 'pink2', '#C2C2C2': 'gray76', '#800080': 'purple', '#545454': 'gray33', '#EE3A8C': 'VioletRed2', '#8A8A8A': 'gray54', '#FF00FF': 'fuchsia', '#436EEE': 'RoyalBlue2', '#8B864E': 'khaki4', '#0A0A0A': 'gray4', '#808000': 'olive', '#E3E3E3': 'gray89', '#1874CD': 'DodgerBlue3', '#BCD2EE': 'LightSteelBlue2', '#A9A9A9': 'DarkGray', '#F4A460': 'SandyBrown', '#FF3030': 'firebrick1', '#FFEBCD': 'BlanchedAlmond', '#B0C4DE': 'LightSteelBlue', '#00CDCD': 'cyan3', '#C0FF3E': 'OliveDrab1', '#FFD700': 'gold', '#242424': 'gray14', '#8B2252': 'VioletRed4', '#4EEE94': 'SeaGreen2', '#CD3278': 'VioletRed3', '#00E5EE': 'turquoise2', '#CD853F': 'peru', '#ADD8E6': 'LightBlue', '#C7C7C7': 'gray78', '#CD2990': 'maroon3', '#EEE5DE': 'seashell2', '#66CD00': 'chartreuse3', '#878787': 'gray53', '#FFA54F': 'tan1', '#A2B5CD': 'LightSteelBlue3', '#BC8F8F': 'RosyBrown', '#C9C9C9': 'gray79', '#D1C166': 'MediumGoldenRod', '#8B2323': 'brown4', '#B3EE3A': 'OliveDrab2', '#EEEED1': 'LightYellow2', '#AEEEEE': 'PaleTurquoise2', '#BDBDBD': 'gray74', '#FF7F00': 'DarkOrange1', '#FFC0CB': 'pink', '#EE3B3B': 'brown2', '#CDC8B1': 'cornsilk3', '#CDB38B': 'NavajoWhite3', '#CDBA96': 'wheat3', '#B4EEB4': 'DarkSeaGreen2', '#40E0D0': 'turquoise', '#8B795E': 'NavajoWhite4', '#27408B': 'RoyalBlue4', '#424242': 'gray26', '#CDB7B5': 'MistyRose3', '#CAE1FF': 'LightSteelBlue1', '#F0FFFF': 'azure', '#2E8B57': 'SeaGreen', '#87CEEB': 'SkyBlue', '#CD00CD': 'magenta3', '#CDAA7D': 'burlywood3', '#836FFF': 'SlateBlue1', '#ABABAB': 'gray67', '#EEB4B4': 'RosyBrown2', '#8B7355': 'burlywood4', '#F0E68C': 'khaki', '#CDCDB4': 'LightYellow3', '#4D4D4D': 'gray30', '#B8B8B8': 'gray72', '#B4CDCD': 'LightCyan3', '#008B8B': 'cyan4', '#828282': 'gray51', '#00EEEE': 'cyan2', '#708090': 'SlateGray', '#9AFF9A': 'PaleGreen1', '#FFA07A': 'LightSalmon', '#EBEBEB': 'gray92', '#FFB5C5': 'pink1', '#00688B': 'DeepSkyBlue4', '#DBDBDB': 'gray86', '#191970': 'MidnightBlue', '#FF83FA': 'orchid1', '#A1A1A1': 'gray63', '#838B8B': 'azure4', '#FFA500': 'orange', '#00FF7F': 'SpringGreen', '#EEAD0E': 'DarkGoldenrod2', '#B03060': 'maroon', '#96CDCD': 'PaleTurquoise3', '#CD3333': 'brown3', '#CDBE70': 'LightGoldenrod3', '#7CCD7C': 'PaleGreen3', '#97FFFF': 'DarkSlateGray1', '#DAA520': 'goldenrod', '#8B3A3A': 'IndianRed4', '#6B6B6B': 'gray42', '#FFFAF0': 'FloralWhite', '#757575': 'gray46', '#BFBFBF': 'gray75', '#00EE76': 'SpringGreen2', '#FFFAFA': 'snow', '#6E8B3D': 'DarkOliveGreen4', '#EEE685': 'khaki2', '#FF3E96': 'VioletRed1', '#EE0000': 'red2', '#FDF5E6': 'OldLace', '#E066FF': 'MediumOrchid1', '#8DB6CD': 'LightSkyBlue3', '#FF7256': 'coral1', '#7CFC00': 'LawnGreen', '#838B83': 'honeydew4', '#BF3EFF': 'DarkOrchid1', '#8B6914': 'goldenrod4', '#00CD66': 'SpringGreen3', '#525252': 'gray32', '#A4D3EE': 'LightSkyBlue2', '#00868B': 'turquoise4', '#8DEEEE': 'DarkSlateGray2', '#787878': 'gray47', '#8B1C62': 'maroon4', '#616161': 'gray38', '#4876FF': 'RoyalBlue1', '#9F79EE': 'MediumPurple2', '#212121': 'gray13', '#C1CDC1': 'honeydew3', '#CD69C9': 'orchid3', '#E0EEEE': 'azure2', '#8B7E66': 'wheat4', '#8A2BE2': 'BlueViolet', '#CDCD00': 'yellow3', '#EE5C42': 'tomato2', '#6E6E6E': 'gray43', '#EEAEEE': 'plum2', '#DC143C': 'crimson', '#CD919E': 'pink3', '#528B8B': 'DarkSlateGray4', '#AFEEEE': 'PaleTurquoise', '#CD6889': 'PaleVioletRed3', '#E6E6FA': 'lavender', '#EE00EE': 'magenta2', '#999999': 'gray60', '#F0F8FF': 'AliceBlue', '#595959': 'gray35', '#FF7F50': 'coral', '#A6A6A6': 'gray65', '#DEDEDE': 'gray87', '#262626': 'gray15', '#6CA6CD': 'SkyBlue3', '#8B8B83': 'ivory4', '#474747': 'gray28', '#F7F7F7': 'gray97', '#548B54': 'PaleGreen4', '#48D1CC': 'MediumTurquoise', '#C1CDCD': 'azure3', '#E0EEE0': 'honeydew2', '#FFB90F': 'DarkGoldenrod1', '#FFD39B': 'burlywood1', '#8B5A2B': 'tan4', '#EEE9BF': 'LemonChiffon2', '#BCEE68': 'DarkOliveGreen2', '#8470FF': 'LightSlateBlue', '#8B0A50': 'DeepPink4', '#FFF68F': 'khaki1', '#EEA2AD': 'LightPink2', '#CD5B45': 'coral3', '#7FFF00': 'chartreuse', '#8B8378': 'AntiqueWhite4', '#9BCD9B': 'DarkSeaGreen3', '#454545': 'gray27', '#D1D1D1': 'gray82', '#EEE8AA': 'PaleGoldenrod', '#668B8B': 'PaleTurquoise4', '#EE30A7': 'maroon2', '#FFC125': 'goldenrod1', '#8B475D': 'PaleVioletRed4', '#D8BFD8': 'thistle', '#404040': 'gray25', '#EEEE00': 'yellow2', '#CDB5CD': 'thistle3', '#00C5CD': 'turquoise3', '#00CED1': 'DarkTurquoise', '#CFCFCF': 'gray81', '#008B00': 'green4', '#7A7A7A': 'gray48', '#B8860B': 'DarkGoldenrod', '#1C86EE': 'DodgerBlue2', '#8B5742': 'LightSalmon4', '#1A1A1A': 'gray10', '#8B008B': 'DarkMagenta', '#0F0F0F': 'gray6', '#CD3700': 'OrangeRed3', '#7F7F7F': 'gray50', '#FF6EB4': 'HotPink1', '#6959CD': 'SlateBlue3', '#90EE90': 'LightGreen', '#8B4789': 'orchid4', '#EE7AE9': 'orchid2', '#8968CD': 'MediumPurple3', '#080808': 'gray3', '#CDC9C9': 'snow3', '#BDB76B': 'DarkKhaki', '#9370DB': 'MediumPurple', '#EEDC82': 'LightGoldenrod2', '#3CB371': 'MediumSeaGreen', '#F5FFFA': 'MintCream', '#303030': 'gray19', '#B9D3EE': 'SlateGray2', '#575757': 'gray34', '#F5F5DC': 'beige', '#BABABA': 'gray73', '#0000CD': 'blue3', '#FF8247': 'sienna1', '#F2F2F2': 'gray95', '#EED5B7': 'bisque2', '#FFEC8B': 'LightGoldenrod1', '#EE7600': 'DarkOrange2', '#8B636C': 'pink4', '#8B814C': 'LightGoldenrod4', '#FFE4B5': 'moccasin', '#4F94CD': 'SteelBlue3', '#CDAD00': 'gold3', '#CD5555': 'IndianRed3', '#8B7500': 'gold4', '#473C8B': 'SlateBlue4', '#B0E0E6': 'PowderBlue', '#FFFF00': 'yellow', '#CD96CD': 'plum3', '#006400': 'DarkGreen', '#FAFAFA': 'gray98', '#53868B': 'CadetBlue4', '#8B4513': 'chocolate4', '#98FB98': 'PaleGreen', '#63B8FF': 'SteelBlue1', '#FFAEB9': 'LightPink1', '#EE6A50': 'coral2', '#87CEFF': 'SkyBlue1', '#87CEFA': 'LightSkyBlue', '#ADFF2F': 'GreenYellow', '#008B45': 'SpringGreen4', '#EE4000': 'OrangeRed2', '#8B6969': 'RosyBrown4', '#00008B': 'blue4', '#DB7093': 'PaleVioletRed', '#7EC0EE': 'SkyBlue2', '#3B3B3B': 'gray23', '#8C8C8C': 'gray55', '#5F9EA0': 'cadet blue', '#EE799F': 'PaleVioletRed2', '#CD6090': 'HotPink3', '#8B8682': 'seashell4', '#458B74': 'aquamarine4', '#EECFA1': 'NavajoWhite2', '#76EE00': 'chartreuse2', '#000080': 'navy', '#228B22': 'ForestGreen', '#8B8B00': 'yellow4', '#B5B5B5': 'gray71', '#CD950C': 'DarkGoldenrod3', '#EE82EE': 'violet', '#EDEDED': 'gray93', '#F5DEB3': 'wheat', '#3A5FCD': 'RoyalBlue3', '#00FA9A': 'MediumSpringGreen', '#F0F0F0': 'gray94', '#D1EEEE': 'LightCyan2', '#2E2E2E': 'gray18', '#EEC591': 'burlywood2', '#8B3E2F': 'coral4', '#CD8162': 'LightSalmon3', '#9AC0CD': 'LightBlue3', '#8B8989': 'snow4', '#EED8AE': 'wheat2', '#551A8B': 'purple4', '#919191': 'gray57', '#949494': 'gray58', '#778899': 'LightSlateGray', '#FFFACD': 'LemonChiffon', '#458B00': 'chartreuse4', '#008000': 'green', '#FFFFF0': 'ivory', '#E0E0E0': 'gray88', '#EEB422': 'goldenrod2', '#A020F0': 'purple', '#5CACEE': 'SteelBlue2', '#CD4F39': 'tomato3', '#CDC0B0': 'AntiqueWhite3', '#6E7B8B': 'LightSteelBlue4', '#9E9E9E': 'gray62', '#CDC673': 'khaki3', '#104E8B': 'DodgerBlue4', '#E0FFFF': 'LightCyan', '#FFFFFF': 'white', '#6C7B8B': 'SlateGray4', '#FFC1C1': 'RosyBrown1', '#D6D6D6': 'gray84', '#8B4726': 'sienna4', '#CD9B1D': 'goldenrod3', '#FF6347': 'tomato', '#FF34B3': 'maroon1', '#7D7D7D': 'gray49', '#121212': 'gray7', '#B0E2FF': 'LightSkyBlue1', '#8B3A62': 'HotPink4', '#CD5C5C': 'IndianRed', '#4A4A4A': 'gray29', '#B0B0B0': 'gray69', '#D9D9D9': 'gray85', '#A2CD5A': 'DarkOliveGreen3', '#8B0000': 'DarkRed', '#FF6A6A': 'IndianRed1', '#CD6600': 'DarkOrange3', '#FFEFDB': 'AntiqueWhite1', '#E9967A': 'DarkSalmon', '#EEE9E9': 'snow2', '#D4D4D4': 'gray83', '#383838': 'gray22', '#7A67EE': 'SlateBlue2', '#4169E1': 'RoyalBlue', '#5E5E5E': 'gray37', '#00F5FF': 'turquoise1', '#FFEFD5': 'PapayaWhip', '#CDAF95': 'PeachPuff3', '#CCCCCC': 'gray80', '#00BFFF': 'DeepSkyBlue', '#CDB79E': 'bisque3', '#969696': 'gray59', '#4F4F4F': 'gray31', '#1E90FF': 'DodgerBlue', '#FCFCFC': 'gray99', '#EE2C2C': 'firebrick2', '#8B6508': 'DarkGoldenrod4', '#696969': 'DimGray', '#FF7F24': 'chocolate1', '#8FBC8F': 'DarkSeaGreen', '#66CDAA': 'aquamarine3', '#6495ED': 'CornflowerBlue', '#0D0D0D': 'gray5', '#EEE0E5': 'LavenderBlush2', '#666666': 'gray40', '#B2DFEE': 'LightBlue2', '#B22222': 'firebrick', '#4B0082': 'indigo', '#FF82AB': 'PaleVioletRed1', '#AB82FF': 'MediumPurple1', '#79CDCD': 'DarkSlateGray3', '#FFE4C4': 'bisque', '#DEB887': 'burlywood', '#5D478B': 'MediumPurple4', '#8B3626': 'tomato4', '#FFFFE0': 'LightYellow', '#FFE4E1': 'MistyRose', '#171717': 'gray9', '#EEDFCC': 'AntiqueWhite2', '#9400D3': 'DarkViolet', '#BFEFFF': 'LightBlue1', '#8B7D6B': 'bisque4', '#FF8C69': 'salmon1', '#C6E2FF': 'SlateGray1', '#1C1C1C': 'gray11', '#FF4500': 'OrangeRed', '#FFE7BA': 'wheat1', '#808080': 'fractal', '#EE9572': 'LightSalmon2', '#CD8500': 'orange3', '#8B5A00': 'orange4', '#9932CC': 'DarkOrchid', '#EECBAD': 'PeachPuff2', '#CD8C95': 'LightPink3', '#292929': 'gray16', '#CD1076': 'DeepPink3', '#7A378B': 'MediumOrchid4', '#FF0000': 'red', '#698B22': 'OliveDrab4', '#ADADAD': 'gray68', '#EEE8CD': 'cornsilk2', '#DDA0DD': 'plum', '#7D26CD': 'purple3', '#DA70D6': 'orchid', '#DCDCDC': 'gainsboro', '#68228B': 'DarkOrchid4', '#7B68EE': 'MediumSlateBlue', '#000000': 'black', '#6B8E23': 'OliveDrab', '#FF69B4': 'HotPink', '#800000': 'maroon', '#8B668B': 'plum4', '#363636': 'gray21', '#8B4500': 'DarkOrange4', '#D3D3D3': 'LightGray', '#607B8B': 'LightSkyBlue4', '#F08080': 'LightCoral', '#CD9B9B': 'RosyBrown3', '#76EEC6': 'aquamarine2', '#FAEBD7': 'AntiqueWhite', '#68838B': 'LightBlue4', '#7FFFD4': 'aquamarine', '#C0C0C0': 'silver', '#EEDD82': 'LightGoldenrod', '#EE9A49': 'tan2', '#4A708B': 'SkyBlue4', '#008080': 'teal', '#7AC5CD': 'CadetBlue3', '#98F5FF': 'CadetBlue1', '#8B2500': 'OrangeRed4', '#8F8F8F': 'gray56', '#FFF0F5': 'LavenderBlush', '#8B8970': 'LemonChiffon4', '#8B8878': 'cornsilk4', '#6A5ACD': 'SlateBlue', '#4682B4': 'SteelBlue', '#EEEEE0': 'ivory2', '#B3B3B3': 'gray70', '#00FF00': 'green1', '#FFDEAD': 'NavajoWhite', '#CD2626': 'firebrick3', '#8B4C39': 'salmon4', '#9B30FF': 'purple1', '#E5E5E5': 'gray90', '#36648B': 'SteelBlue4', '#9C9C9C': 'gray61', '#F8F8FF': 'GhostWhite', '#333333': 'gray20', '#5C5C5C': 'gray36', '#737373': 'gray45', '#EEC900': 'gold2', '#FFE1FF': 'thistle1', '#C1FFC1': 'DarkSeaGreen1', '#CDC5BF': 'seashell3', '#A0522D': 'sienna', '#8B5F65': 'LightPink4', '#CDC1C5': 'LavenderBlush3', '#EE7621': 'chocolate2', '#FFBBFF': 'plum1', '#CD6839': 'sienna3', '#698B69': 'DarkSeaGreen4', '#050505': 'gray2', '#CD661D': 'chocolate3', '#FAFAD2': 'LightGoldenrodYellow', '#CDCDC1': 'ivory3', '#FFF8DC': 'cornsilk', '#A8A8A8': 'gray66', '#B452CD': 'MediumOrchid3', '#D2B48C': 'tan', '#8EE5EE': 'CadetBlue2', '#483D8B': 'DarkSlateBlue', '#BBFFFF': 'PaleTurquoise1', '#0000FF': 'blue', '#EE6AA7': 'HotPink2', '#EE7942': 'sienna2', '#00CD00': 'green3', '#141414': 'gray8', '#9ACD32': 'OliveDrab3', '#C71585': 'MediumVioletRed', '#EE9A00': 'orange2', '#CAFF70': 'DarkOliveGreen1', '#F5F5F5': 'gray96', '#32CD32': 'LimeGreen', '#00EE00': 'green2', '#FFB6C1': 'LightPink', '#8B1A1A': 'firebrick4', '#00B2EE': 'DeepSkyBlue2', '#20B2AA': 'LightSeaGreen', '#707070': 'gray44', '#009ACD': 'DeepSkyBlue3', '#A52A2A': 'brown', '#EE6363': 'IndianRed2', '#FAF0E6': 'linen', '#8B7D7B': 'MistyRose4', '#9A32CD': 'DarkOrchid3', '#1F1F1F': 'gray12', '#E8E8E8': 'gray91', '#7E7E7E': 'gray', '#7A8B8B': 'LightCyan4', '#CD7054': 'salmon3', '#9FB6CD': 'SlateGray3', '#CDC9A5': 'LemonChiffon3', '#D02090': 'VioletRed', '#00FFFF': 'aqua', '#2B2B2B': 'gray17', '#858585': 'gray52', '#A3A3A3': 'gray64', '#CD0000': 'red3', '#43CD80': 'SeaGreen3', '#FA8072': 'salmon', '#FFDAB9': 'PeachPuff', '#D2691E': 'chocolate', '#FF1493': 'DeepPink', '#EED2EE': 'thistle2', '#030303': 'gray1', '#8B8B7A': 'LightYellow4'}
+var nametohex = {'grey21': '#363636', 'yellow': '#FFFF00', 'grey61': '#9C9C9C', 'HotPink3': '#CD6090', 'grey63': '#A1A1A1', 'grey62': '#9E9E9E', 'grey65': '#A6A6A6', 'AliceBlue': '#F0F8FF', 'grey67': '#ABABAB', 'grey66': '#A8A8A8', 'LightCyan1': '#E0FFFF', 'grey68': '#ADADAD', 'LightCyan3': '#B4CDCD', 'LightCyan2': '#D1EEEE', 'LightCyan4': '#7A8B8B', 'gray32': '#525252', 'gray33': '#545454', 'DarkTurquoise': '#00CED1', 'gray31': '#4F4F4F', 'gray36': '#5C5C5C', 'gray37': '#5E5E5E', 'gray34': '#575757', 'gray35': '#595959', 'aquamarine4': '#458B74', 'gray38': '#616161', 'gray39': '#636363', 'aquamarine1': '#7FFFD4', 'aquamarine3': '#66CDAA', 'aquamarine2': '#76EEC6', 'CadetBlue4': '#53868B', 'CadetBlue3': '#7AC5CD', 'CadetBlue2': '#8EE5EE', 'CadetBlue1': '#98F5FF', 'crimson': '#DC143C', 'VioletRed1': '#FF3E96', 'VioletRed2': '#EE3A8C', 'VioletRed3': '#CD3278', 'VioletRed4': '#8B2252', 'brown': '#A52A2A', 'DarkGoldenrod': '#B8860B', 'gray8': '#141414', 'SlateGrey': '#708090', 'NavajoWhite2': '#EECFA1', 'gray2': '#050505', 'cyan': '#00FFFF', 'gray0': '#000000', 'gray1': '#030303', 'fractal': '#808080', 'gray7': '#121212', 'gray4': '#0A0A0A', 'gray5': '#0D0D0D', 'grey60': '#999999', 'DarkBlue': '#00008B', 'gray98': '#FAFAFA', 'DarkKhaki': '#BDB76B', 'gray99': '#FCFCFC', 'teal': '#008080', 'grey11': '#1C1C1C', 'coral4': '#8B3E2F', 'grey12': '#1F1F1F', 'grey64': '#A3A3A3', 'PaleGreen1': '#9AFF9A', 'PaleGreen3': '#7CCD7C', 'PaleGreen2': '#90EE90', 'PaleGreen4': '#548B54', 'grey14': '#242424', 'lavender': '#E6E6FA', 'grey15': '#262626', 'chartreuse3': '#66CD00', 'chartreuse2': '#76EE00', 'chartreuse1': '#7FFF00', 'chartreuse4': '#458B00', 'RosyBrown': '#BC8F8F', 'blue': '#0000FF', 'NavajoWhite': '#FFDEAD', 'opaque': '#000000', 'maroon4': '#8B1C62', 'maroon3': '#CD2990', 'maroon2': '#EE30A7', 'maroon1': '#FF34B3', 'gold3': '#CDAD00', 'gold2': '#EEC900', 'gold1': '#FFD700', 'gold4': '#8B7500', 'LightSlateGrey': '#778899', 'gray30': '#4D4D4D', 'DarkGreen': '#006400', 'SkyBlue': '#87CEEB', 'GhostWhite': '#F8F8FF', 'LavenderBlush': '#FFF0F5', 'SeaGreen': '#2E8B57', 'BlanchedAlmond': '#FFEBCD', 'gray60': '#999999', 'DarkOliveGreen': '#556B2F', 'firebrick2': '#EE2C2C', 'firebrick1': '#FF3030', 'firebrick4': '#8B1A1A', 'sienna': '#A0522D', 'blue1': '#0000FF', 'lime': '#00FF00', 'gray55': '#8C8C8C', 'blue2': '#0000EE', 'DarkViolet': '#9400D3', 'blue4': '#00008B', 'peru': '#CD853F', 'DarkMagenta': '#8B008B', 'LightBlue2': '#B2DFEE', 'red2': '#EE0000', 'red1': '#FF0000', 'LightBlue1': '#BFEFFF', 'LightBlue4': '#68838B', 'red4': '#8B0000', 'MediumSpringGreen': '#00FA9A', 'chocolate': '#D2691E', 'ForestGreen': '#228B22', 'DarkRed': '#8B0000', 'olive': '#808000', 'HotPink2': '#EE6AA7', 'HotPink1': '#FF6EB4', 'HotPink4': '#8B3A62', 'grey18': '#2E2E2E', 'grey19': '#303030', 'none': '#000000', 'PeachPuff': '#FFDAB9', 'MediumGoldenRod': '#D1C166', 'moccasin': '#FFE4B5', 'grey10': '#1A1A1A', 'chocolate1': '#FF7F24', 'chocolate2': '#EE7621', 'chocolate3': '#CD661D', 'chocolate4': '#8B4513', 'wheat2': '#EED8AE', 'grey16': '#292929', 'grey17': '#2B2B2B', 'gray69': '#B0B0B0', 'gray68': '#ADADAD', 'gray65': '#A6A6A6', 'gray64': '#A3A3A3', 'gray67': '#ABABAB', 'gray66': '#A8A8A8', 'gray61': '#9C9C9C', 'coral': '#FF7F50', 'gray63': '#A1A1A1', 'gray62': '#9E9E9E', 'LightGoldenrod': '#EEDD82', 'turquoise4': '#00868B', 'seashell2': '#EEE5DE', 'seashell3': '#CDC5BF', 'magenta': '#FF00FF', 'seashell1': '#FFF5EE', 'tan': '#D2B48C', 'seashell4': '#8B8682', 'pink': '#FFC0CB', 'LightSlateBlue': '#8470FF', 'SteelBlue1': '#63B8FF', 'SteelBlue3': '#4F94CD', 'SteelBlue2': '#5CACEE', 'SteelBlue4': '#36648B', 'grey89': '#E3E3E3', 'grey88': '#E0E0E0', 'grey87': '#DEDEDE', 'grey86': '#DBDBDB', 'grey85': '#D9D9D9', 'grey84': '#D6D6D6', 'grey83': '#D4D4D4', 'grey82': '#D1D1D1', 'grey81': '#CFCFCF', 'grey80': '#CCCCCC', 'ivory2': '#EEEEE0', 'khaki4': '#8B864E', 'khaki1': '#FFF68F', 'khaki2': '#EEE685', 'khaki3': '#CDC673', 'salmon1': '#FF8C69', 'salmon3': '#CD7054', 'salmon2': '#EE8262', 'salmon4': '#8B4C39', 'LightPink': '#FFB6C1', 'gray9': '#171717', 'green': '#008000', 'brown2': '#EE3B3B', 'brown3': '#CD3333', 'brown1': '#FF4040', 'brown4': '#8B2323', 'cadet blue': '#5F9EA0', 'orange4': '#8B5A00', 'orange1': '#FFA500', 'orange3': '#CD8500', 'orange2': '#EE9A00', 'gray3': '#080808', 'gray6': '#0F0F0F', 'yellow4': '#8B8B00', 'yellow3': '#CDCD00', 'yellow2': '#EEEE00', 'yellow1': '#FFFF00', 'PapayaWhip': '#FFEFD5', 'bisque2': '#EED5B7', 'OliveDrab4': '#698B22', 'bisque3': '#CDB79E', 'OliveDrab1': '#C0FF3E', 'OliveDrab2': '#B3EE3A', 'OliveDrab3': '#9ACD32', 'SkyBlue4': '#4A708B', 'SkyBlue1': '#87CEFF', 'SkyBlue3': '#6CA6CD', 'SkyBlue2': '#7EC0EE', 'grey58': '#949494', 'grey59': '#969696', 'grey54': '#8A8A8A', 'grey55': '#8C8C8C', 'grey56': '#8F8F8F', 'grey57': '#919191', 'grey50': '#7F7F7F', 'silver': '#C0C0C0', 'grey52': '#858585', 'grey53': '#878787', 'cyan2': '#00EEEE', 'cyan3': '#00CDCD', 'gray23': '#3B3B3B', 'RosyBrown4': '#8B6969', 'gray25': '#404040', 'CornflowerBlue': '#6495ED', 'cyan4': '#008B8B', 'gray26': '#424242', 'gray29': '#4A4A4A', 'LimeGreen': '#32CD32', 'MistyRose': '#FFE4E1', 'navy': '#000080', 'gray94': '#F0F0F0', 'gray95': '#F2F2F2', 'gray96': '#F5F5F5', 'gray97': '#F7F7F7', 'gray90': '#E5E5E5', 'gray91': '#E8E8E8', 'gray92': '#EBEBEB', 'gray93': '#EDEDED', 'MediumPurple': '#9370DB', 'MidnightBlue': '#191970', 'cornsilk': '#FFF8DC', 'red': '#FF0000', 'grey69': '#B0B0B0', 'DarkOrchid4': '#68228B', 'blue3': '#0000CD', 'LightSteelBlue': '#B0C4DE', 'DarkOrchid1': '#BF3EFF', 'DarkOrchid2': '#B23AEE', 'DarkOrchid3': '#9A32CD', 'grey72': '#B8B8B8', 'FloralWhite': '#FFFAF0', 'grey70': '#B3B3B3', 'DarkSeaGreen': '#8FBC8F', 'grey71': '#B5B5B5', 'gray17': '#2B2B2B', 'grey77': '#C4C4C4', 'tomato4': '#8B3626', 'tomato1': '#FF6347', 'tomato3': '#CD4F39', 'tomato2': '#EE5C42', 'DarkSlateGray1': '#97FFFF', 'DarkSlateGray2': '#8DEEEE', 'DarkSlateGray3': '#79CDCD', 'DarkSlateGray4': '#528B8B', 'SteelBlue': '#4682B4', 'MediumSlateBlue': '#7B68EE', 'OrangeRed': '#FF4500', 'grey79': '#C9C9C9', 'MediumVioletRed': '#C71585', 'burlywood': '#DEB887', 'white': '#FFFFFF', 'tomato': '#FF6347', 'DodgerBlue': '#1E90FF', 'RoyalBlue4': '#27408B', 'RoyalBlue1': '#4876FF', 'RoyalBlue3': '#3A5FCD', 'RoyalBlue2': '#436EEE', 'MistyRose1': '#FFE4E1', 'MistyRose3': '#CDB7B5', 'MistyRose2': '#EED5D2', 'MistyRose4': '#8B7D7B', 'LightGray': '#D3D3D3', 'LightYellow': '#FFFFE0', 'DarkOrange': '#FF8C00', 'DarkGray': '#A9A9A9', 'SlateGray': '#708090', 'turquoise3': '#00C5CD', 'turquoise2': '#00E5EE', 'turquoise1': '#00F5FF', 'burlywood2': '#EEC591', 'burlywood4': '#8B7355', 'DarkSlateGray': '#2F4F4F', 'linen': '#FAF0E6', 'grey47': '#787878', 'snow': '#FFFAFA', 'grey46': '#757575', 'gray58': '#949494', 'gray59': '#969696', 'IndianRed4': '#8B3A3A', 'purple4': '#551A8B', 'gray52': '#858585', 'gray53': '#878787', 'purple1': '#9B30FF', 'IndianRed1': '#FF6A6A', 'purple3': '#7D26CD', 'purple2': '#912CEE', 'thistle3': '#CDB5CD', 'thistle2': '#EED2EE', 'SpringGreen2': '#00EE76', 'SpringGreen3': '#00CD66', 'SpringGreen4': '#008B45', 'thistle4': '#8B7B8B', 'LightPink2': '#EEA2AD', 'LightPink3': '#CD8C95', 'LightPink1': '#FFAEB9', 'LightPink4': '#8B5F65', 'MediumPurple1': '#AB82FF', 'MediumPurple2': '#9F79EE', 'MediumPurple3': '#8968CD', 'MediumPurple4': '#5D478B', 'MediumTurquoise': '#48D1CC', 'DimGray': '#696969', 'gray14': '#242424', 'grey100': '#FFFFFF', 'OrangeRed3': '#CD3700', 'OrangeRed2': '#EE4000', 'OrangeRed1': '#FF4500', 'LightSeaGreen': '#20B2AA', 'gold': '#FFD700', 'OrangeRed4': '#8B2500', 'NavajoWhite4': '#8B795E', 'NavajoWhite1': '#FFDEAD', 'LawnGreen': '#7CFC00', 'NavajoWhite3': '#CDB38B', 'LightGoldenrod4': '#8B814C', 'LightGoldenrod1': '#FFEC8B', 'LightGoldenrod3': '#CDBE70', 'LightGoldenrod2': '#EEDC82', 'gray21': '#363636', 'PaleGreen': '#98FB98', 'green4': '#008B00', 'green1': '#00FF00', 'green3': '#00CD00', 'green2': '#00EE00', 'MediumOrchid': '#BA55D3', 'black': '#000000', 'gray20': '#333333', 'orchid4': '#8B4789', 'DodgerBlue1': '#1E90FF', 'DodgerBlue2': '#1C86EE', 'DodgerBlue3': '#1874CD', 'DodgerBlue4': '#104E8B', 'orchid1': '#FF83FA', 'orchid2': '#EE7AE9', 'orchid3': '#CD69C9', 'DarkSeaGreen4': '#698B69', 'DarkSeaGreen3': '#9BCD9B', 'DarkSeaGreen2': '#B4EEB4', 'DarkSeaGreen1': '#C1FFC1', 'gray100': '#FFFFFF', 'BlueViolet': '#8A2BE2', 'bisque4': '#8B7D6B', 'MediumOrchid4': '#7A378B', 'MintCream': '#F5FFFA', 'MediumOrchid1': '#E066FF', 'bisque1': '#FFE4C4', 'MediumOrchid3': '#B452CD', 'MediumOrchid2': '#D15FEE', 'gray': '#7E7E7E', 'DeepSkyBlue': '#00BFFF', 'LightGrey': '#D3D3D3', 'grey78': '#C7C7C7', 'gray22': '#383838', 'plum4': '#8B668B', 'plum3': '#CD96CD', 'plum2': '#EEAEEE', 'plum1': '#FFBBFF', 'DarkSlateGrey': '#2F4F4F', 'DarkOrchid': '#9932CC', 'OliveDrab': '#6B8E23', 'gray83': '#D4D4D4', 'grey49': '#7D7D7D', 'grey48': '#7A7A7A', 'thistle': '#D8BFD8', 'violet': '#EE82EE', 'grey43': '#6E6E6E', 'grey42': '#6B6B6B', 'LightSalmon4': '#8B5742', 'grey40': '#666666', 'LightSalmon2': '#EE9572', 'LightSalmon3': '#CD8162', 'grey45': '#737373', 'LightSalmon1': '#FFA07A', 'honeydew': '#F0FFF0', 'gray18': '#2E2E2E', 'gray19': '#303030', 'LightCyan': '#E0FFFF', 'gray15': '#262626', 'gray16': '#292929', 'gray82': '#D1D1D1', 'gray10': '#1A1A1A', 'gray11': '#1C1C1C', 'gray12': '#1F1F1F', 'gray13': '#212121', 'grey93': '#EDEDED', 'PaleGoldenrod': '#EEE8AA', 'gainsboro': '#DCDCDC', 'AntiqueWhite3': '#CDC0B0', 'AntiqueWhite2': '#EEDFCC', 'AntiqueWhite1': '#FFEFDB', 'gray27': '#454545', 'SlateBlue': '#6A5ACD', 'AntiqueWhite4': '#8B8378', 'DimGrey': '#696969', 'VioletRed': '#D02090', 'WhiteSmoke': '#F5F5F5', 'grey38': '#616161', 'grey39': '#636363', 'grey36': '#5C5C5C', 'grey37': '#5E5E5E', 'grey34': '#575757', 'grey35': '#595959', 'aqua': '#00FFFF', 'grey33': '#545454', 'grey30': '#4D4D4D', 'grey31': '#4F4F4F', 'NavyBlue': '#000080', 'sienna4': '#8B4726', 'gray81': '#CFCFCF', 'gray80': '#CCCCCC', 'sienna1': '#FF8247', 'gray86': '#DBDBDB', 'sienna3': '#CD6839', 'sienna2': '#EE7942', 'gray89': '#E3E3E3', 'gray88': '#E0E0E0', 'SlateBlue4': '#473C8B', 'gray87': '#DEDEDE', 'LightSteelBlue1': '#CAE1FF', 'magenta3': '#CD00CD', 'IndianRed': '#CD5C5C', 'SlateBlue2': '#7A67EE', 'SlateBlue1': '#836FFF', 'LightBlue': '#ADD8E6', 'PeachPuff4': '#8B7765', 'seashell': '#FFF5EE', 'SaddleBrown': '#8B4513', 'PeachPuff1': '#FFDAB9', 'PeachPuff2': '#EECBAD', 'PeachPuff3': '#CDAF95', 'aquamarine': '#7FFFD4', 'LemonChiffon2': '#EEE9BF', 'LemonChiffon1': '#FFFACD', 'tan4': '#8B5A2B', 'tan3': '#CD853F', 'tan2': '#EE9A49', 'tan1': '#FFA54F', 'LemonChiffon4': '#8B8970', 'orange': '#FFA500', 'OldLace': '#FDF5E6', 'PowderBlue': '#B0E0E6', 'RosyBrown3': '#CD9B9B', 'RoyalBlue': '#4169E1', 'LightSkyBlue4': '#607B8B', 'LightSkyBlue1': '#B0E2FF', 'LightSkyBlue2': '#A4D3EE', 'LightSkyBlue3': '#8DB6CD', 'LightYellow1': '#FFFFE0', 'LightYellow2': '#EEEED1', 'LightYellow3': '#CDCDB4', 'LightYellow4': '#8B8B7A', 'goldenrod4': '#8B6914', 'goldenrod1': '#FFC125', 'goldenrod2': '#EEB422', 'goldenrod3': '#CD9B1D', 'grey32': '#525252', 'LemonChiffon': '#FFFACD', 'burlywood1': '#FFD39B', 'YellowGreen': '#9ACD32', 'LightCoral': '#F08080', 'burlywood3': '#CDAA7D', 'ivory3': '#CDCDC1', 'firebrick3': '#CD2626', 'ivory1': '#FFFFF0', 'grey8': '#141414', 'ivory4': '#8B8B83', 'grey9': '#171717', 'DarkSalmon': '#E9967A', 'SlateGray1': '#C6E2FF', 'SlateGray2': '#B9D3EE', 'SlateGray3': '#9FB6CD', 'SlateGray4': '#6C7B8B', 'RosyBrown2': '#EEB4B4', 'RosyBrown1': '#FFC1C1', 'gray85': '#D9D9D9', 'gray84': '#D6D6D6', 'LightGreen': '#90EE90', 'LavenderBlush1': '#FFF0F5', 'grey73': '#BABABA', 'LavenderBlush3': '#CDC1C5', 'LavenderBlush2': '#EEE0E5', 'grey76': '#C2C2C2', 'LavenderBlush4': '#8B8386', 'grey74': '#BDBDBD', 'grey75': '#BFBFBF', 'pink1': '#FFB5C5', 'pink3': '#CD919E', 'pink2': '#EEA9B8', 'pink4': '#8B636C', 'gray47': '#787878', 'gray46': '#757575', 'gray45': '#737373', 'gray44': '#707070', 'gray43': '#6E6E6E', 'gray42': '#6B6B6B', 'gray41': '#696969', 'gray40': '#666666', 'gray49': '#7D7D7D', 'gray48': '#7A7A7A', 'MediumAquamarine': '#66CDAA', 'MediumForestGreen': '#32814B', 'azure1': '#F0FFFF', 'azure3': '#C1CDCD', 'azure2': '#E0EEEE', 'indigo': '#4B0082', 'azure4': '#838B8B', 'firebrick': '#B22222', 'DarkGrey': '#A9A9A9', 'magenta4': '#8B008B', 'SlateBlue3': '#6959CD', 'magenta2': '#EE00EE', 'magenta1': '#FF00FF', 'grey51': '#828282', 'chartreuse': '#7FFF00', 'grey41': '#696969', 'DarkOliveGreen4': '#6E8B3D', 'turquoise': '#40E0D0', 'DarkOliveGreen1': '#CAFF70', 'DarkOliveGreen3': '#A2CD5A', 'DarkOliveGreen2': '#BCEE68', 'grey6': '#0F0F0F', 'grey7': '#121212', 'grey4': '#0A0A0A', 'grey5': '#0D0D0D', 'grey2': '#050505', 'grey3': '#080808', 'grey0': '#000000', 'grey1': '#030303', 'gray50': '#7F7F7F', 'cyan1': '#00FFFF', 'gray51': '#828282', 'gray24': '#3D3D3D', 'HotPink': '#FF69B4', 'DarkGoldenrod4': '#8B6508', 'gray54': '#8A8A8A', 'DarkGoldenrod1': '#FFB90F', 'DarkGoldenrod2': '#EEAD0E', 'DarkGoldenrod3': '#CD950C', 'IndianRed2': '#EE6363', 'DeepPink': '#FF1493', 'gray28': '#474747', 'IndianRed3': '#CD5555', 'DarkCyan': '#008B8B', 'GreenYellow': '#ADFF2F', 'LightSalmon': '#FFA07A', 'DarkOrange4': '#8B4500', 'DarkOrange1': '#FF7F00', 'transparent': '#000000', 'DarkOrange3': '#CD6600', 'orchid': '#DA70D6', 'purple': '#800080', 'wheat4': '#8B7E66', 'wheat1': '#FFE7BA', 'wheat3': '#CDBA96', 'SpringGreen1': '#00FF7F', 'coral3': '#CD5B45', 'coral2': '#EE6A50', 'coral1': '#FF7256', 'thistle1': '#FFE1FF', 'PaleTurquoise': '#AFEEEE', 'bisque': '#FFE4C4', 'DeepPink3': '#CD1076', 'DeepPink2': '#EE1289', 'DeepPink1': '#FF1493', 'khaki': '#F0E68C', 'wheat': '#F5DEB3', 'MediumSeaGreen': '#3CB371', 'DeepPink4': '#8B0A50', 'salmon': '#FA8072', 'grey44': '#707070', 'DarkSlateBlue': '#483D8B', 'PaleVioletRed4': '#8B475D', 'PaleVioletRed1': '#FF82AB', 'PaleVioletRed2': '#EE799F', 'PaleVioletRed3': '#CD6889', 'AntiqueWhite': '#FAEBD7', 'PaleTurquoise4': '#668B8B', 'PaleTurquoise3': '#96CDCD', 'PaleTurquoise2': '#AEEEEE', 'PaleTurquoise1': '#BBFFFF', 'gray56': '#8F8F8F', 'plum': '#DDA0DD', 'beige': '#F5F5DC', 'SpringGreen': '#00FF7F', 'azure': '#F0FFFF', 'honeydew1': '#F0FFF0', 'honeydew2': '#E0EEE0', 'honeydew3': '#C1CDC1', 'honeydew4': '#838B83', 'gray57': '#919191', 'snow4': '#8B8989', 'snow2': '#EEE9E9', 'snow3': '#CDC9C9', 'snow1': '#FFFAFA', 'SandyBrown': '#F4A460', 'grey13': '#212121', 'SeaGreen4': '#2E8B57', 'SeaGreen3': '#43CD80', 'SeaGreen2': '#4EEE94', 'SeaGreen1': '#54FF9F', 'grey29': '#4A4A4A', 'grey28': '#474747', 'grey25': '#404040', 'grey24': '#3D3D3D', 'grey27': '#454545', 'grey26': '#424242', 'fuchsia': '#FF00FF', 'grey20': '#333333', 'grey23': '#3B3B3B', 'grey22': '#383838', 'gray78': '#C7C7C7', 'gray79': '#C9C9C9', 'gray76': '#C2C2C2', 'gray77': '#C4C4C4', 'gray74': '#BDBDBD', 'gray75': '#BFBFBF', 'gray72': '#B8B8B8', 'gray73': '#BABABA', 'gray70': '#B3B3B3', 'gray71': '#B5B5B5', 'ivory': '#FFFFF0', 'LemonChiffon3': '#CDC9A5', 'DeepSkyBlue4': '#00688B', 'DeepSkyBlue3': '#009ACD', 'DeepSkyBlue2': '#00B2EE', 'DeepSkyBlue1': '#00BFFF', 'cornsilk4': '#8B8878', 'cornsilk2': '#EEE8CD', 'cornsilk3': '#CDC8B1', 'CadetBlue': '#5F9EA0', 'cornsilk1': '#FFF8DC', 'grey90': '#E5E5E5', 'grey91': '#E8E8E8', 'grey92': '#EBEBEB', 'goldenrod': '#DAA520', 'grey94': '#F0F0F0', 'grey95': '#F2F2F2', 'grey96': '#F5F5F5', 'grey97': '#F7F7F7', 'grey98': '#FAFAFA', 'grey99': '#FCFCFC', 'red3': '#CD0000', 'LightSteelBlue2': '#BCD2EE', 'LightSteelBlue3': '#A2B5CD', 'LightSteelBlue4': '#6E7B8B', 'LightBlue3': '#9AC0CD', 'maroon': '#800000', 'LightSkyBlue': '#87CEFA', 'LightGoldenrodYellow': '#FAFAD2', 'MediumBlue': '#0000CD', 'LightSlateGray': '#778899', 'DarkOrange2': '#EE7600', 'PaleVioletRed': '#DB7093'}
+var divlist = ['#d0', '#d1', '#d2', '#d3', '#d4', '#d5', '#d6', '#d7', '#d8', '#d9', '#d10', '#d11', '#d12', '#d13', '#d14', '#d15', '#d16', '#d17', '#d18', '#d19', '#d20', '#d21', '#d22', '#d23', '#d24', '#d25', '#d26', '#d27', '#d28', '#d29', '#d30', '#d31', '#d32', '#d33', '#d34', '#d35', '#d36', '#d37', '#d38', '#d39', '#d40', '#d41', '#d42', '#d43', '#d44', '#d45', '#d46', '#d47', '#d48', '#d49', '#d50', '#d51', '#d52', '#d53', '#d54', '#d55', '#d56', '#d57', '#d58', '#d59', '#d60', '#d61', '#d62', '#d63', '#d64', '#d65', '#d66', '#d67', '#d68', '#d69', '#d70', '#d71', '#d72', '#d73', '#d74', '#d75', '#d76', '#d77', '#d78', '#d79', '#d80', '#d81', '#d82', '#d83', '#d84', '#d85', '#d86', '#d87', '#d88', '#d89', '#d90', '#d91', '#d92', '#d93', '#d94', '#d95', '#d96', '#d97', '#d98', '#d99', '#d100', '#d101', '#d102', '#d103', '#d104', '#d105', '#d106', '#d107', '#d108', '#d109', '#d110', '#d111', '#d112', '#d113', '#d114', '#d115', '#d116', '#d117', '#d118', '#d119', '#d120', '#d121', '#d122', '#d123', '#d124', '#d125', '#d126', '#d127', '#d128', '#d129', '#d130', '#d131', '#d132', '#d133', '#d134', '#d135', '#d136', '#d137', '#d138', '#d139', '#d140', '#d141', '#d142', '#d143', '#d144', '#d145', '#d146', '#d147', '#d148', '#d149', '#d150', '#d151', '#d152', '#d153', '#d154', '#d155', '#d156', '#d157', '#d158', '#d159', '#d160', '#d161', '#d162', '#d163', '#d164', '#d165', '#d166', '#d167', '#d168', '#d169', '#d170', '#d171', '#d172', '#d173', '#d174', '#d175', '#d176', '#d177', '#d178', '#d179', '#d180', '#d181', '#d182', '#d183', '#d184', '#d185', '#d186', '#d187', '#d188', '#d189', '#d190', '#d191', '#d192', '#d193', '#d194', '#d195', '#d196', '#d197', '#d198', '#d199', '#d200', '#d201', '#d202', '#d203', '#d204', '#d205', '#d206', '#d207', '#d208', '#d209', '#d210', '#d211', '#d212', '#d213', '#d214', '#d215', '#d216', '#d217', '#d218', '#d219', '#d220', '#d221', '#d222', '#d223', '#d224', '#d225', '#d226', '#d227', '#d228', '#d229', '#d230', '#d231', '#d232', '#d233', '#d234', '#d235', '#d236', '#d237', '#d238', '#d239', '#d240', '#d241', '#d242', '#d243', '#d244', '#d245', '#d246', '#d247', '#d248', '#d249', '#d250', '#d251', '#d252', '#d253', '#d254', '#d255', '#d256', '#d257', '#d258', '#d259', '#d260', '#d261', '#d262', '#d263', '#d264', '#d265', '#d266', '#d267', '#d268', '#d269', '#d270', '#d271', '#d272', '#d273', '#d274', '#d275', '#d276', '#d277', '#d278', '#d279', '#d280', '#d281', '#d282', '#d283', '#d284', '#d285', '#d286', '#d287', '#d288', '#d289', '#d290', '#d291', '#d292', '#d293', '#d294', '#d295', '#d296', '#d297', '#d298', '#d299', '#d300', '#d301', '#d302', '#d303', '#d304', '#d305', '#d306', '#d307', '#d308', '#d309', '#d310', '#d311', '#d312', '#d313', '#d314', '#d315', '#d316', '#d317', '#d318', '#d319', '#d320', '#d321', '#d322', '#d323', '#d324', '#d325', '#d326', '#d327', '#d328', '#d329', '#d330', '#d331', '#d332', '#d333', '#d334', '#d335', '#d336', '#d337', '#d338', '#d339', '#d340', '#d341', '#d342', '#d343', '#d344', '#d345', '#d346', '#d347', '#d348', '#d349', '#d350', '#d351', '#d352', '#d353', '#d354', '#d355', '#d356', '#d357', '#d358', '#d359', '#d360', '#d361', '#d362', '#d363', '#d364', '#d365', '#d366', '#d367', '#d368', '#d369', '#d370', '#d371', '#d372', '#d373', '#d374', '#d375', '#d376', '#d377', '#d378', '#d379', '#d380', '#d381', '#d382', '#d383', '#d384', '#d385', '#d386', '#d387', '#d388', '#d389', '#d390', '#d391', '#d392', '#d393', '#d394', '#d395', '#d396', '#d397', '#d398', '#d399', '#d400', '#d401', '#d402', '#d403', '#d404', '#d405', '#d406', '#d407', '#d408', '#d409', '#d410', '#d411', '#d412', '#d413', '#d414', '#d415', '#d416', '#d417', '#d418', '#d419', '#d420', '#d421', '#d422', '#d423', '#d424', '#d425', '#d426', '#d427', '#d428', '#d429', '#d430', '#d431', '#d432', '#d433', '#d434', '#d435', '#d436', '#d437', '#d438', '#d439', '#d440', '#d441', '#d442', '#d443', '#d444', '#d445', '#d446', '#d447', '#d448', '#d449', '#d450', '#d451', '#d452', '#d453', '#d454', '#d455', '#d456', '#d457', '#d458', '#d459', '#d460', '#d461', '#d462', '#d463', '#d464', '#d465', '#d466', '#d467', '#d468', '#d469', '#d470', '#d471', '#d472', '#d473', '#d474', '#d475', '#d476', '#d477', '#d478', '#d479', '#d480', '#d481', '#d482', '#d483', '#d484', '#d485', '#d486', '#d487', '#d488', '#d489', '#d490', '#d491', '#d492', '#d493', '#d494', '#d495', '#d496', '#d497', '#d498', '#d499', '#d500', '#d501', '#d502', '#d503', '#d504', '#d505', '#d506', '#d507', '#d508', '#d509', '#d510', '#d511', '#d512', '#d513', '#d514', '#d515', '#d516', '#d517', '#d518', '#d519', '#d520', '#d521', '#d522', '#d523', '#d524', '#d525', '#d526', '#d527', '#d528', '#d529', '#d530', '#d531', '#d532', '#d533', '#d534', '#d535', '#d536', '#d537', '#d538', '#d539', '#d540', '#d541', '#d542', '#d543', '#d544', '#d545', '#d546', '#d547', '#d548', '#d549', '#d550', '#d551', '#d552', '#d553', '#d554', '#d555', '#d556', '#d557', '#d558', '#d559', '#d560', '#d561', '#d562', '#d563', '#d564', '#d565', '#d566', '#d567', '#d568', '#d569', '#d570', '#d571', '#d572', '#d573', '#d574', '#d575', '#d576', '#d577', '#d578', '#d579', '#d580', '#d581', '#d582', '#d583', '#d584', '#d585', '#d586', '#d587', '#d588', '#d589', '#d590', '#d591', '#d592', '#d593', '#d594', '#d595', '#d596', '#d597', '#d598', '#d599', '#d600', '#d601', '#d602', '#d603', '#d604', '#d605', '#d606', '#d607', '#d608', '#d609', '#d610', '#d611', '#d612', '#d613', '#d614', '#d615', '#d616', '#d617', '#d618', '#d619', '#d620', '#d621', '#d622', '#d623', '#d624', '#d625', '#d626', '#d627', '#d628', '#d629', '#d630', '#d631', '#d632', '#d633', '#d634', '#d635', '#d636', '#d637', '#d638', '#d639', '#d640', '#d641', '#d642', '#d643', '#d644', '#d645', '#d646', '#d647', '#d648', '#d649', '#d650', '#d651', '#d652', '#d653', '#d654', '#d655', '#d656', '#d657', '#d658', '#d659', '#d660', '#d661', '#d662', '#d663', '#d664', '#d665', '#d666', '#d667', '#d668', '#d669', '#d670', '#d671', '#d672', '#d673']
+var divtoname = {'#d322': 'khaki4', '#d600': 'gray34', '#d118': 'MediumPurple1', '#d119': 'MediumPurple2', '#d114': 'purple3', '#d115': 'purple4', '#d116': 'purple1', '#d117': 'MediumPurple', '#d110': 'purple', '#d111': 'indigo', '#d112': 'BlueViolet', '#d113': 'purple2', '#d529': 'grey67', '#d231': 'DarkSlateGray', '#d339': 'LightGoldenrod3', '#d233': 'MediumTurquoise', '#d232': 'DarkSlateGrey', '#d235': 'turquoise', '#d234': 'LightSeaGreen', '#d237': 'aquamarine', '#d236': 'aquamarine4', '#d239': 'aquamarine2', '#d238': 'aquamarine1', '#d332': 'gold1', '#d333': 'gold2', '#d334': 'gold3', '#d335': 'gold4', '#d336': 'LightGoldenrod', '#d337': 'LightGoldenrod4', '#d424': 'LightSalmon3', '#d425': 'LightSalmon', '#d426': 'LightSalmon1', '#d427': 'LightSalmon4', '#d420': 'sienna', '#d421': 'sienna1', '#d422': 'sienna2', '#d423': 'sienna3', '#d587': 'grey41', '#d586': 'gray41', '#d585': 'DimGrey', '#d584': 'DimGray', '#d428': 'LightSalmon2', '#d429': 'coral', '#d581': 'grey43', '#d580': 'gray43', '#d89': 'thistle4', '#d88': 'plum3', '#d349': 'goldenrod4', '#d348': 'goldenrod3', '#d81': 'thistle2', '#d80': 'thistle1', '#d83': 'plum2', '#d82': 'plum1', '#d85': 'thistle3', '#d84': 'thistle', '#d87': 'violet', '#d86': 'plum', '#d601': 'grey34', '#d67': 'DeepPink3', '#d66': 'DeepPink2', '#d65': 'DeepPink1', '#d64': 'DeepPink', '#d63': 'HotPink', '#d62': 'HotPink4', '#d61': 'HotPink1', '#d60': 'HotPink2', '#d69': 'maroon1', '#d68': 'DeepPink4', '#d510': 'grey76', '#d511': 'silver', '#d512': 'gray75', '#d513': 'grey75', '#d514': 'gray74', '#d515': 'grey74', '#d516': 'gray73', '#d517': 'grey73', '#d518': 'gray72', '#d519': 'grey72', '#d150': 'LightSteelBlue2', '#d151': 'LightSteelBlue3', '#d152': 'LightSteelBlue4', '#d153': 'SlateGray4', '#d154': 'SlateGray1', '#d155': 'SlateGray2', '#d156': 'SlateGray3', '#d157': 'LightSlateGray', '#d158': 'LightSlateGrey', '#d159': 'SlateGray', '#d565': 'gray50', '#d564': 'fractal', '#d567': 'gray', '#d566': 'grey50', '#d561': 'grey52', '#d560': 'gray52', '#d563': 'grey51', '#d562': 'gray51', '#d604': 'gray32', '#d605': 'grey32', '#d606': 'gray31', '#d607': 'grey31', '#d569': 'grey49', '#d568': 'gray49', '#d602': 'gray33', '#d603': 'grey33', '#d125': 'SlateBlue', '#d124': 'MediumSlateBlue', '#d127': 'SlateBlue2', '#d126': 'SlateBlue1', '#d121': 'MediumPurple4', '#d120': 'MediumPurple3', '#d123': 'LightSlateBlue', '#d122': 'DarkSlateBlue', '#d359': 'wheat1', '#d129': 'SlateBlue4', '#d128': 'SlateBlue3', '#d301': 'LightYellow', '#d300': 'ivory1', '#d303': 'beige', '#d302': 'LightYellow1', '#d305': 'LightGoldenrodYellow', '#d304': 'ivory2', '#d307': 'ivory3', '#d306': 'LightYellow2', '#d309': 'ivory4', '#d308': 'LightYellow3', '#d462': 'grey98', '#d351': 'DarkGoldenrod1', '#d464': 'grey97', '#d465': 'gray96', '#d466': 'grey96', '#d467': 'WhiteSmoke', '#d463': 'gray97', '#d268': 'PaleGreen3', '#d269': 'honeydew4', '#d266': 'DarkSeaGreen3', '#d267': 'DarkSeaGreen', '#d264': 'LightGreen', '#d265': 'PaleGreen2', '#d262': 'PaleGreen', '#d263': 'honeydew3', '#d260': 'DarkSeaGreen2', '#d261': 'PaleGreen1', '#d598': 'gray35', '#d29': 'firebrick4', '#d28': 'brown4', '#d23': 'red2', '#d22': 'firebrick3', '#d21': 'RosyBrown4', '#d20': 'red1', '#d27': 'IndianRed4', '#d26': 'red3', '#d25': 'brown', '#d24': 'firebrick', '#d599': 'grey35', '#d338': 'LightGoldenrod1', '#d419': 'sienna4', '#d418': 'seashell1', '#d230': 'teal', '#d415': 'chocolate4', '#d414': 'chocolate3', '#d417': 'seashell', '#d416': 'SaddleBrown', '#d411': 'chocolate', '#d410': 'seashell3', '#d413': 'chocolate2', '#d412': 'chocolate1', '#d398': 'tan1', '#d399': 'tan2', '#d392': 'DarkOrange1', '#d393': 'linen', '#d390': 'bisque1', '#d391': 'bisque3', '#d396': 'DarkOrange4', '#d397': 'peru', '#d394': 'DarkOrange2', '#d395': 'DarkOrange3', '#d194': 'CadetBlue2', '#d195': 'CadetBlue3', '#d196': 'CadetBlue4', '#d197': 'turquoise1', '#d190': 'LightBlue', '#d191': 'LightBlue4', '#d192': 'PowderBlue', '#d193': 'CadetBlue1', '#d198': 'turquoise2', '#d199': 'turquoise3', '#d330': 'cornsilk4', '#d331': 'gold', '#d640': 'gray14', '#d641': 'grey14', '#d642': 'gray13', '#d643': 'grey13', '#d644': 'gray12', '#d645': 'grey12', '#d646': 'gray11', '#d647': 'grey11', '#d648': 'gray10', '#d649': 'grey10', '#d668': 'black', '#d486': 'gainsboro', '#d487': 'gray86', '#d484': 'gray87', '#d485': 'grey87', '#d482': 'gray88', '#d483': 'grey88', '#d480': 'gray89', '#d481': 'grey89', '#d521': 'grey71', '#d520': 'gray71', '#d523': 'grey70', '#d522': 'gray70', '#d525': 'grey69', '#d524': 'gray69', '#d488': 'grey86', '#d489': 'gray85', '#d430': 'OrangeRed', '#d660': 'gray4', '#d169': 'SteelBlue1', '#d168': 'SteelBlue', '#d661': 'grey4', '#d161': 'DodgerBlue', '#d160': 'SlateGrey', '#d163': 'DodgerBlue2', '#d162': 'DodgerBlue1', '#d165': 'DodgerBlue3', '#d164': 'DodgerBlue4', '#d167': 'SteelBlue4', '#d166': 'AliceBlue', '#d635': 'grey17', '#d634': 'gray17', '#d637': 'grey16', '#d636': 'gray16', '#d631': 'grey19', '#d630': 'gray19', '#d633': 'grey18', '#d632': 'gray18', '#d639': 'grey15', '#d638': 'gray15', '#d368': 'PapayaWhip', '#d222': 'cyan', '#d223': 'cyan1', '#d220': 'LightCyan4', '#d221': 'aqua', '#d226': 'DarkSlateGray4', '#d227': 'cyan3', '#d224': 'PaleTurquoise4', '#d225': 'cyan2', '#d228': 'cyan4', '#d229': 'DarkCyan', '#d590': 'gray39', '#d538': 'gray63', '#d539': 'grey63', '#d591': 'grey39', '#d451': 'MistyRose', '#d450': 'MistyRose2', '#d453': 'salmon', '#d452': 'MistyRose1', '#d455': 'white', '#d454': 'MistyRose3', '#d457': 'grey100', '#d456': 'gray100', '#d459': 'gray99', '#d458': 'grey100', '#d592': 'gray38', '#d593': 'grey38', '#d594': 'gray37', '#d595': 'grey37', '#d596': 'gray36', '#d597': 'grey36', '#d297': 'YellowGreen', '#d296': 'OliveDrab3', '#d295': 'OliveDrab2', '#d294': 'OliveDrab1', '#d293': 'OliveDrab', '#d292': 'DarkOliveGreen', '#d291': 'DarkOliveGreen4', '#d290': 'DarkOliveGreen2', '#d356': 'wheat2', '#d357': 'OldLace', '#d354': 'DarkGoldenrod4', '#d355': 'FloralWhite', '#d352': 'DarkGoldenrod2', '#d353': 'DarkGoldenrod3', '#d299': 'ivory', '#d298': 'OliveDrab4', '#d468': 'gray95', '#d534': 'gray65', '#d535': 'grey65', '#d52': 'LavenderBlush2', '#d53': 'LavenderBlush4', '#d50': 'LavenderBlush1', '#d51': 'LavenderBlush3', '#d56': 'VioletRed3', '#d57': 'VioletRed1', '#d54': 'maroon', '#d55': 'HotPink3', '#d58': 'VioletRed2', '#d59': 'VioletRed4', '#d469': 'grey95', '#d558': 'gray53', '#d559': 'grey53', '#d576': 'gray45', '#d577': 'grey45', '#d574': 'gray46', '#d575': 'grey46', '#d572': 'gray47', '#d573': 'grey47', '#d570': 'gray48', '#d571': 'grey48', '#d671': 'opaque', '#d670': 'grey0', '#d673': 'transparent', '#d672': 'none', '#d578': 'gray44', '#d579': 'grey44', '#d589': 'grey40', '#d588': 'gray40', '#d4': 'RosyBrown2', '#d5': 'snow3', '#d6': 'LightCoral', '#d7': 'IndianRed1', '#d0': 'snow', '#d1': 'snow1', '#d2': 'snow2', '#d3': 'RosyBrown1', '#d8': 'RosyBrown3', '#d9': 'IndianRed2', '#d136': 'MediumBlue', '#d137': 'blue4', '#d134': 'blue2', '#d135': 'blue3', '#d132': 'blue', '#d133': 'blue1', '#d130': 'GhostWhite', '#d131': 'lavender', '#d583': 'grey42', '#d138': 'DarkBlue', '#d139': 'MidnightBlue', '#d312': 'yellow1', '#d313': 'yellow2', '#d310': 'LightYellow4', '#d311': 'yellow', '#d316': 'olive', '#d317': 'DarkKhaki', '#d314': 'yellow3', '#d315': 'yellow4', '#d318': 'khaki2', '#d319': 'LemonChiffon4', '#d259': 'DarkSeaGreen1', '#d258': 'honeydew2', '#d253': 'SeaGreen4', '#d252': 'SeaGreen1', '#d251': 'SeaGreen3', '#d250': 'SeaGreen', '#d257': 'honeydew1', '#d256': 'honeydew', '#d255': 'MediumForestGreen', '#d254': 'SeaGreen2', '#d345': 'goldenrod', '#d344': 'cornsilk1', '#d612': 'gray28', '#d347': 'goldenrod2', '#d461': 'gray98', '#d346': 'goldenrod1', '#d479': 'grey90', '#d341': 'cornsilk3', '#d478': 'gray90', '#d340': 'LightGoldenrod2', '#d343': 'cornsilk', '#d342': 'cornsilk2', '#d528': 'gray67', '#d408': 'seashell4', '#d409': 'seashell2', '#d406': 'PeachPuff3', '#d407': 'SandyBrown', '#d404': 'PeachPuff4', '#d405': 'PeachPuff2', '#d402': 'PeachPuff', '#d403': 'PeachPuff1', '#d400': 'tan3', '#d401': 'tan4', '#d552': 'gray56', '#d460': 'grey99', '#d16': 'firebrick2', '#d17': 'snow4', '#d14': 'IndianRed', '#d15': 'IndianRed3', '#d12': 'firebrick1', '#d13': 'brown2', '#d10': 'RosyBrown', '#d11': 'brown1', '#d532': 'gray66', '#d533': 'grey66', '#d530': 'DarkGray', '#d531': 'DarkGrey', '#d536': 'gray64', '#d537': 'grey64', '#d18': 'brown3', '#d19': 'red', '#d329': 'MediumGoldenRod', '#d328': 'LemonChiffon2', '#d178': 'LightSkyBlue1', '#d179': 'LightSkyBlue2', '#d172': 'SkyBlue4', '#d173': 'SkyBlue1', '#d170': 'SteelBlue2', '#d171': 'SteelBlue3', '#d176': 'LightSkyBlue', '#d177': 'LightSkyBlue4', '#d174': 'SkyBlue2', '#d175': 'SkyBlue3', '#d626': 'gray21', '#d627': 'grey21', '#d624': 'gray22', '#d625': 'grey22', '#d622': 'gray23', '#d623': 'grey23', '#d620': 'gray24', '#d621': 'grey24', '#d628': 'gray20', '#d629': 'grey20', '#d219': 'azure4', '#d218': 'DarkSlateGray3', '#d217': 'PaleTurquoise3', '#d216': 'DarkSlateGray2', '#d215': 'LightCyan3', '#d214': 'azure3', '#d213': 'DarkSlateGray1', '#d212': 'PaleTurquoise2', '#d211': 'PaleTurquoise', '#d210': 'PaleTurquoise1', '#d669': 'gray0', '#d582': 'gray42', '#d442': 'coral3', '#d443': 'coral4', '#d440': 'coral1', '#d441': 'coral2', '#d446': 'tomato1', '#d447': 'tomato2', '#d444': 'tomato4', '#d445': 'tomato', '#d448': 'tomato3', '#d449': 'MistyRose4', '#d280': 'DarkGreen', '#d281': 'LawnGreen', '#d282': 'chartreuse', '#d283': 'chartreuse1', '#d284': 'chartreuse2', '#d285': 'chartreuse3', '#d286': 'chartreuse4', '#d287': 'GreenYellow', '#d288': 'DarkOliveGreen3', '#d289': 'DarkOliveGreen1', '#d361': 'orange', '#d360': 'wheat3', '#d367': 'moccasin', '#d366': 'wheat4', '#d365': 'orange4', '#d364': 'orange3', '#d49': 'LavenderBlush', '#d48': 'PaleVioletRed3', '#d45': 'PaleVioletRed', '#d44': 'PaleVioletRed4', '#d47': 'PaleVioletRed1', '#d46': 'PaleVioletRed2', '#d41': 'pink2', '#d40': 'pink1', '#d43': 'pink4', '#d42': 'pink3', '#d358': 'wheat', '#d527': 'grey68', '#d526': 'gray68', '#d614': 'gray27', '#d543': 'grey61', '#d542': 'gray61', '#d541': 'grey62', '#d540': 'gray62', '#d547': 'grey59', '#d546': 'gray59', '#d545': 'grey60', '#d544': 'gray60', '#d662': 'gray3', '#d663': 'grey3', '#d549': 'grey58', '#d548': 'gray58', '#d666': 'gray1', '#d667': 'grey1', '#d664': 'gray2', '#d665': 'grey2', '#d103': 'MediumOrchid4', '#d102': 'MediumOrchid3', '#d101': 'MediumOrchid2', '#d100': 'MediumOrchid1', '#d107': 'DarkOrchid3', '#d106': 'DarkOrchid1', '#d105': 'DarkOrchid', '#d104': 'DarkViolet', '#d109': 'DarkOrchid4', '#d108': 'DarkOrchid2', '#d244': 'SpringGreen', '#d245': 'SpringGreen1', '#d246': 'SpringGreen2', '#d247': 'SpringGreen3', '#d240': 'aquamarine3', '#d241': 'MediumAquamarine', '#d242': 'MediumSpringGreen', '#d243': 'MintCream', '#d327': 'LemonChiffon3', '#d326': 'khaki', '#d325': 'LemonChiffon1', '#d324': 'LemonChiffon', '#d248': 'SpringGreen4', '#d249': 'MediumSeaGreen', '#d321': 'khaki3', '#d320': 'khaki1', '#d350': 'DarkGoldenrod', '#d439': 'salmon4', '#d438': 'salmon3', '#d98': 'purple', '#d99': 'MediumOrchid', '#d96': 'DarkMagenta', '#d97': 'magenta4', '#d94': 'magenta2', '#d95': 'magenta3', '#d92': 'magenta1', '#d93': 'plum4', '#d90': 'fuchsia', '#d91': 'magenta', '#d433': 'OrangeRed3', '#d432': 'OrangeRed2', '#d431': 'OrangeRed1', '#d74': 'VioletRed', '#d75': 'orchid2', '#d76': 'orchid', '#d77': 'orchid1', '#d70': 'maroon2', '#d71': 'maroon3', '#d72': 'maroon4', '#d73': 'MediumVioletRed', '#d437': 'salmon2', '#d78': 'orchid3', '#d79': 'orchid4', '#d436': 'salmon1', '#d435': 'DarkSalmon', '#d434': 'OrangeRed4', '#d507': 'gray77', '#d506': 'grey78', '#d505': 'gray78', '#d504': 'grey79', '#d503': 'gray79', '#d502': 'grey80', '#d501': 'gray80', '#d500': 'grey81', '#d509': 'gray76', '#d508': 'grey77', '#d473': 'grey93', '#d369': 'NavajoWhite3', '#d147': 'CornflowerBlue', '#d146': 'RoyalBlue4', '#d145': 'RoyalBlue3', '#d144': 'RoyalBlue2', '#d143': 'RoyalBlue1', '#d142': 'RoyalBlue', '#d141': 'NavyBlue', '#d140': 'navy', '#d149': 'LightSteelBlue1', '#d148': 'LightSteelBlue', '#d472': 'gray93', '#d613': 'grey28', '#d363': 'orange2', '#d611': 'grey29', '#d610': 'gray29', '#d617': 'grey26', '#d616': 'gray26', '#d615': 'grey27', '#d362': 'orange1', '#d619': 'grey25', '#d618': 'gray25', '#d208': 'azure2', '#d209': 'LightCyan2', '#d200': 'turquoise4', '#d201': 'cadet blue', '#d202': 'CadetBlue', '#d203': 'DarkTurquoise', '#d204': 'azure', '#d205': 'azure1', '#d206': 'LightCyan', '#d207': 'LightCyan1', '#d608': 'gray30', '#d609': 'grey30', '#d374': 'NavajoWhite4', '#d375': 'AntiqueWhite4', '#d376': 'AntiqueWhite', '#d377': 'tan', '#d370': 'BlanchedAlmond', '#d371': 'NavajoWhite', '#d372': 'NavajoWhite1', '#d373': 'NavajoWhite2', '#d477': 'grey91', '#d476': 'gray91', '#d475': 'grey92', '#d474': 'gray92', '#d378': 'bisque4', '#d379': 'burlywood', '#d471': 'grey94', '#d470': 'gray94', '#d279': 'green', '#d278': 'green4', '#d275': 'PaleGreen4', '#d274': 'green2', '#d277': 'ForestGreen', '#d276': 'green3', '#d271': 'lime', '#d270': 'green1', '#d273': 'DarkSeaGreen4', '#d272': 'LimeGreen', '#d38': 'pink', '#d39': 'crimson', '#d30': 'DarkRed', '#d31': 'red4', '#d32': 'maroon', '#d33': 'LightPink1', '#d34': 'LightPink3', '#d35': 'LightPink4', '#d36': 'LightPink2', '#d37': 'LightPink', '#d658': 'gray5', '#d389': 'bisque', '#d388': 'bisque2', '#d381': 'burlywood1', '#d380': 'AntiqueWhite2', '#d383': 'burlywood2', '#d382': 'burlywood3', '#d385': 'burlywood4', '#d384': 'AntiqueWhite1', '#d387': 'DarkOrange', '#d386': 'AntiqueWhite3', '#d189': 'LightBlue2', '#d188': 'LightBlue1', '#d183': 'DeepSkyBlue', '#d182': 'LightBlue3', '#d181': 'SkyBlue', '#d180': 'LightSkyBlue3', '#d187': 'DeepSkyBlue3', '#d186': 'DeepSkyBlue4', '#d185': 'DeepSkyBlue2', '#d184': 'DeepSkyBlue1', '#d657': 'grey6', '#d656': 'gray6', '#d655': 'grey7', '#d654': 'gray7', '#d653': 'grey8', '#d652': 'gray8', '#d651': 'grey9', '#d650': 'gray9', '#d550': 'gray57', '#d659': 'grey5', '#d551': 'grey57', '#d495': 'LightGray', '#d494': 'grey83', '#d497': 'gray82', '#d496': 'LightGrey', '#d491': 'gray84', '#d490': 'grey85', '#d493': 'gray83', '#d492': 'grey84', '#d554': 'gray55', '#d555': 'grey55', '#d556': 'gray54', '#d557': 'grey54', '#d499': 'gray81', '#d498': 'grey82', '#d323': 'PaleGoldenrod', '#d553': 'grey56'}
\ No newline at end of file
diff --git a/frontend/imgrid/js/colors_iframe.js b/frontend/imgrid/js/colors_iframe.js
new file mode 100644
index 0000000..5e6d5b2
--- /dev/null
+++ b/frontend/imgrid/js/colors_iframe.js
@@ -0,0 +1,45 @@
+
+
+
+
+function launch_iframe(input_target){
+  $.fancybox.open({
+    href : '/im/colors/index.html',
+    width  : 1100,           // set the width
+    height : 710,
+    fitToView : true,
+    autoDimensions:false,
+    autoSize:false,
+    type : 'iframe',
+    closeBtn  : false,
+    padding : 5,
+    beforeShow : function(){					
+      $('.fancybox-iframe').contents().find('#submitvalue').click(function(){
+        $('.fancybox-iframe').contents().find('form').submit();						
+        $.fancybox.close();
+      });					
+    },				
+    beforeClose : function(){
+      x = $('.fancybox-iframe').contents().find('#namespace').val();
+    },
+    afterClose: function(){
+      $(input_target).val(x);
+    }
+  });
+}
+$(document).ready(function(){
+ if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
+   return;
+ }
+ var element_list = [".bg-color", ".line-color", ".planebgcolor", ".skycolor"]
+ element_list.forEach(
+   function(l){
+     console.log("a"+l)
+     $("a"+l).click(function(event){ 
+       event.preventDefault();
+       launch_iframe("input"+l) 
+     });
+   }
+ )
+	
+})
diff --git a/frontend/imgrid/js/imgrid-main.js b/frontend/imgrid/js/imgrid-main.js
new file mode 100755
index 0000000..f88e235
--- /dev/null
+++ b/frontend/imgrid/js/imgrid-main.js
@@ -0,0 +1,121 @@
+var Main =
+	{
+	API_HEADER: "#@imgrid",
+	generating: false,
+	enter: function (e)
+		{
+		if (Main.generating)
+			return
+		if (e.keyCode === 13)
+			Main.go()
+		},
+	go: function ()
+		{
+		if (Main.generating)
+			return
+		Main.generating = true
+		var theloader = '<span style="width:100%;margin-right:40%"><img style="width:140px;height:120px;display:inline;" src="generating.gif"></img></span>'
+		$("#output-cmd").html(theloader).show()
+		if($('#transition :selected').val() === 'tile'||$('#transition :selected').val()=== 'random')
+			{
+			$('#output-cmd').append("<br><span style='color:red'>WARNING: THIS REQUEST MIGHT TAKE A WHILE</span>")
+			}
+		$('.results').show()
+		$("#output-img").show()
+		$("#output-url").show()
+		$("#result").show()
+		var data =
+			{
+			width: $("#img-width").val(),
+			height: $("#img-height").val(),
+			linethickness: $("#line-thickness").val(),
+			opacity: $("#line-opacity").val(),
+			linecolor: $("#line-color").val(),
+			spacing: $("#line-spacing").val(),
+			vlines: $('#v-lines:checked').val() !== undefined ? "true" : "false",
+			hlines: $('#h-lines:checked').val() !== undefined ? "true" : "false",
+			shadow: $('#shadow:checked').val() !== undefined ? "true" : "false",
+			bgimage: $("#bg-image").val(),
+			bgcolor: $("#bg-color").val(),
+			imageinstead: $("#imageinstead").val(),
+			planebgcolor: $("#planebgcolor").val(),
+			skycolor: $("#skycolor").val(),
+			planebgimage: $("#planebgimage").val(),
+			transition: $('#transition :selected').val(),
+			swing: $("#swing").val(),
+			tilt: $("#tilt").val(),
+			roll: $("#roll").val(),
+			zoom: $("#zoom").val(),
+			trim: $("#trim:checked").val() !== undefined ? "true" : "false",
+			format: $('#format :selected').val(),
+			username: $('#username').val()
+			}
+		if (data.transition == 'infinite'){
+		$('#genbutton').append("<span style='color:red'>WARNING:This might take a while</span>")}
+		if (data.username.length > 0)
+		document.cookie = "imname="+data.username+";path=/;domain=.asdf.us;max-age=1086400"
+		$.post("/im/api/imgrid", data, Main.callback)
+		},
+	error: function (s)
+		{
+		$("#output-cmd").html("<span class='error'>ERROR: " + s + "</span>").show()
+		$("#output-url").hide()
+		$("#output-img").hide()
+		},
+	filesize: function (size)
+		{
+		if (size < 1024)
+			return size.toString() + " bytes"
+		if (size < 1024 * 1024)
+			return Math.floor (size/1024).toString() + " KB"
+		else
+			return Math.floor (size/(1024*1024)).toString() + " MB"
+		},
+	callback: function (data)
+		{
+    data = JSON.parse(data)
+		$("#output-cmd").html('')
+		$("#output-img").html("<a target=_blank href='"+data.url+"'>"+"<img src='"+data.url+"'></img><br>"+"</a>");
+		$("#output-url").val(data.url)
+		$("#output-info").html('-ACTUAL SIZE-<br>'+Main.filesize(data.size)+'<br>'+data.width+'<br>'+data.height+'<br><br>'+'<span style="float:right">see more at &rarr;<a href="http://asdf.us/im/gallery">photoblaster gallery</a></span>'+'<br>')
+		Main.generating = false
+		},
+	cookie: function ()
+		{
+		if (document.cookie)
+			{
+			var cookies = document.cookie.split(";")
+			for (i in cookies)
+				{
+				var cookie = cookies[i].split("=")
+				if (cookie[0].indexOf("imname") !== -1)
+					{
+					if (cookie[1] !== 'false' && cookie[1] !== 'undefined' && cookie[1].length)
+						{
+						return cookie[1]
+						}
+					}
+				}
+			}
+		return ""
+		},
+	init: function ()
+		{
+		var name = Main.cookie ()
+		$("#username").val(name)
+    if (name)
+      {
+//      $("#userlink").show()
+  //    $("#userlink a").attr("href", "/im/gallery/?name="+name).html(name+"'s photoblasts")
+      }
+		$("#generate").bind("click", Main.go)
+		$(document).bind("keydown", Main.enter)
+		}
+	}
+$('#theform').each(function(){
+	        this.reset();
+											});
+
+
+
+Main.init ()
diff --git a/frontend/imgrid/js/jquery-1.6.4.min.js b/frontend/imgrid/js/jquery-1.6.4.min.js
new file mode 100755
index 0000000..628ed9b
--- /dev/null
+++ b/frontend/imgrid/js/jquery-1.6.4.min.js
@@ -0,0 +1,4 @@
+/*! jQuery v1.6.4 http://jquery.com/ | http://jquery.org/license */
+(function(a,b){function cu(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cr(a){if(!cg[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){ch||(ch=c.createElement("iframe"),ch.frameBorder=ch.width=ch.height=0),b.appendChild(ch);if(!ci||!ch.createElement)ci=(ch.contentWindow||ch.contentDocument).document,ci.write((c.compatMode==="CSS1Compat"?"<!doctype html>":"")+"<html><body>"),ci.close();d=ci.createElement(a),ci.body.appendChild(d),e=f.css(d,"display"),b.removeChild(ch)}cg[a]=e}return cg[a]}function cq(a,b){var c={};f.each(cm.concat.apply([],cm.slice(0,b)),function(){c[this]=a});return c}function cp(){cn=b}function co(){setTimeout(cp,0);return cn=f.now()}function cf(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ce(){try{return new a.XMLHttpRequest}catch(b){}}function b$(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g<i;g++){if(g===1)for(h in a.converters)typeof h=="string"&&(e[h.toLowerCase()]=a.converters[h]);l=k,k=d[g];if(k==="*")k=l;else if(l!=="*"&&l!==k){m=l+" "+k,n=e[m]||e["* "+k];if(!n){p=b;for(o in e){j=o.split(" ");if(j[0]===l||j[0]==="*"){p=e[j[1]+" "+k];if(p){o=e[o],o===!0?n=p:p===!0&&(n=o);break}}}}!n&&!p&&f.error("No conversion from "+m.replace(" "," to ")),n!==!0&&(c=n?n(c):p(o(c)))}}return c}function bZ(a,c,d){var e=a.contents,f=a.dataTypes,g=a.responseFields,h,i,j,k;for(i in g)i in d&&(c[g[i]]=d[i]);while(f[0]==="*")f.shift(),h===b&&(h=a.mimeType||c.getResponseHeader("content-type"));if(h)for(i in e)if(e[i]&&e[i].test(h)){f.unshift(i);break}if(f[0]in d)j=f[0];else{for(i in d){if(!f[0]||a.converters[i+" "+f[0]]){j=i;break}k||(k=i)}j=j||k}if(j){j!==f[0]&&f.unshift(j);return d[j]}}function bY(a,b,c,d){if(f.isArray(b))f.each(b,function(b,e){c||bA.test(a)?d(a,e):bY(a+"["+(typeof e=="object"||f.isArray(e)?b:"")+"]",e,c,d)});else if(!c&&b!=null&&typeof b=="object")for(var e in b)bY(a+"["+e+"]",b[e],c,d);else d(a,b)}function bX(a,c){var d,e,g=f.ajaxSettings.flatOptions||{};for(d in c)c[d]!==b&&((g[d]?a:e||(e={}))[d]=c[d]);e&&f.extend(!0,a,e)}function bW(a,c,d,e,f,g){f=f||c.dataTypes[0],g=g||{},g[f]=!0;var h=a[f],i=0,j=h?h.length:0,k=a===bP,l;for(;i<j&&(k||!l);i++)l=h[i](c,d,e),typeof l=="string"&&(!k||g[l]?l=b:(c.dataTypes.unshift(l),l=bW(a,c,d,e,l,g)));(k||!l)&&!g["*"]&&(l=bW(a,c,d,e,"*",g));return l}function bV(a){return function(b,c){typeof b!="string"&&(c=b,b="*");if(f.isFunction(c)){var d=b.toLowerCase().split(bL),e=0,g=d.length,h,i,j;for(;e<g;e++)h=d[e],j=/^\+/.test(h),j&&(h=h.substr(1)||"*"),i=a[h]=a[h]||[],i[j?"unshift":"push"](c)}}}function by(a,b,c){var d=b==="width"?a.offsetWidth:a.offsetHeight,e=b==="width"?bt:bu;if(d>0){c!=="border"&&f.each(e,function(){c||(d-=parseFloat(f.css(a,"padding"+this))||0),c==="margin"?d+=parseFloat(f.css(a,c+this))||0:d-=parseFloat(f.css(a,"border"+this+"Width"))||0});return d+"px"}d=bv(a,b,b);if(d<0||d==null)d=a.style[b]||0;d=parseFloat(d)||0,c&&f.each(e,function(){d+=parseFloat(f.css(a,"padding"+this))||0,c!=="padding"&&(d+=parseFloat(f.css(a,"border"+this+"Width"))||0),c==="margin"&&(d+=parseFloat(f.css(a,c+this))||0)});return d+"px"}function bl(a,b){b.src?f.ajax({url:b.src,async:!1,dataType:"script"}):f.globalEval((b.text||b.textContent||b.innerHTML||"").replace(bd,"/*$0*/")),b.parentNode&&b.parentNode.removeChild(b)}function bk(a){f.nodeName(a,"input")?bj(a):"getElementsByTagName"in a&&f.grep(a.getElementsByTagName("input"),bj)}function bj(a){if(a.type==="checkbox"||a.type==="radio")a.defaultChecked=a.checked}function bi(a){return"getElementsByTagName"in a?a.getElementsByTagName("*"):"querySelectorAll"in a?a.querySelectorAll("*"):[]}function bh(a,b){var c;if(b.nodeType===1){b.clearAttributes&&b.clearAttributes(),b.mergeAttributes&&b.mergeAttributes(a),c=b.nodeName.toLowerCase();if(c==="object")b.outerHTML=a.outerHTML;else if(c!=="input"||a.type!=="checkbox"&&a.type!=="radio"){if(c==="option")b.selected=a.defaultSelected;else if(c==="input"||c==="textarea")b.defaultValue=a.defaultValue}else a.checked&&(b.defaultChecked=b.checked=a.checked),b.value!==a.value&&(b.value=a.value);b.removeAttribute(f.expando)}}function bg(a,b){if(b.nodeType===1&&!!f.hasData(a)){var c=f.expando,d=f.data(a),e=f.data(b,d);if(d=d[c]){var g=d.events;e=e[c]=f.extend({},d);if(g){delete e.handle,e.events={};for(var h in g)for(var i=0,j=g[h].length;i<j;i++)f.event.add(b,h+(g[h][i].namespace?".":"")+g[h][i].namespace,g[h][i],g[h][i].data)}}}}function bf(a,b){return f.nodeName(a,"table")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function V(a,b,c){b=b||0;if(f.isFunction(b))return f.grep(a,function(a,d){var e=!!b.call(a,d,a);return e===c});if(b.nodeType)return f.grep(a,function(a,d){return a===b===c});if(typeof b=="string"){var d=f.grep(a,function(a){return a.nodeType===1});if(Q.test(b))return f.filter(b,d,!c);b=f.filter(b,d)}return f.grep(a,function(a,d){return f.inArray(a,b)>=0===c})}function U(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function M(a,b){return(a&&a!=="*"?a+".":"")+b.replace(y,"`").replace(z,"&")}function L(a){var b,c,d,e,g,h,i,j,k,l,m,n,o,p=[],q=[],r=f._data(this,"events");if(!(a.liveFired===this||!r||!r.live||a.target.disabled||a.button&&a.type==="click")){a.namespace&&(n=new RegExp("(^|\\.)"+a.namespace.split(".").join("\\.(?:.*\\.)?")+"(\\.|$)")),a.liveFired=this;var s=r.live.slice(0);for(i=0;i<s.length;i++)g=s[i],g.origType.replace(w,"")===a.type?q.push(g.selector):s.splice(i--,1);e=f(a.target).closest(q,a.currentTarget);for(j=0,k=e.length;j<k;j++){m=e[j];for(i=0;i<s.length;i++){g=s[i];if(m.selector===g.selector&&(!n||n.test(g.namespace))&&!m.elem.disabled){h=m.elem,d=null;if(g.preType==="mouseenter"||g.preType==="mouseleave")a.type=g.preType,d=f(a.relatedTarget).closest(g.selector)[0],d&&f.contains(h,d)&&(d=h);(!d||d!==h)&&p.push({elem:h,handleObj:g,level:m.level})}}}for(j=0,k=p.length;j<k;j++){e=p[j];if(c&&e.level>c)break;a.currentTarget=e.elem,a.data=e.handleObj.data,a.handleObj=e.handleObj,o=e.handleObj.origHandler.apply(e.elem,arguments);if(o===!1||a.isPropagationStopped()){c=e.level,o===!1&&(b=!1);if(a.isImmediatePropagationStopped())break}}return b}}function J(a,c,d){var e=f.extend({},d[0]);e.type=a,e.originalEvent={},e.liveFired=b,f.event.handle.call(c,e),e.isDefaultPrevented()&&d[0].preventDefault()}function D(){return!0}function C(){return!1}function m(a,c,d){var e=c+"defer",g=c+"queue",h=c+"mark",i=f.data(a,e,b,!0);i&&(d==="queue"||!f.data(a,g,b,!0))&&(d==="mark"||!f.data(a,h,b,!0))&&setTimeout(function(){!f.data(a,g,b,!0)&&!f.data(a,h,b,!0)&&(f.removeData(a,e,!0),i.resolve())},0)}function l(a){for(var b in a)if(b!=="toJSON")return!1;return!0}function k(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(j,"-$1").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:f.isNaN(d)?i.test(d)?f.parseJSON(d):d:parseFloat(d)}catch(g){}f.data(a,c,d)}else d=b}return d}var c=a.document,d=a.navigator,e=a.location,f=function(){function K(){if(!e.isReady){try{c.documentElement.doScroll("left")}catch(a){setTimeout(K,1);return}e.ready()}}var e=function(a,b){return new e.fn.init(a,b,h)},f=a.jQuery,g=a.$,h,i=/^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,j=/\S/,k=/^\s+/,l=/\s+$/,m=/\d/,n=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,o=/^[\],:{}\s]*$/,p=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,q=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,r=/(?:^|:|,)(?:\s*\[)+/g,s=/(webkit)[ \/]([\w.]+)/,t=/(opera)(?:.*version)?[ \/]([\w.]+)/,u=/(msie) ([\w.]+)/,v=/(mozilla)(?:.*? rv:([\w.]+))?/,w=/-([a-z]|[0-9])/ig,x=/^-ms-/,y=function(a,b){return(b+"").toUpperCase()},z=d.userAgent,A,B,C,D=Object.prototype.toString,E=Object.prototype.hasOwnProperty,F=Array.prototype.push,G=Array.prototype.slice,H=String.prototype.trim,I=Array.prototype.indexOf,J={};e.fn=e.prototype={constructor:e,init:function(a,d,f){var g,h,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!d&&c.body){this.context=c,this[0]=c.body,this.selector=a,this.length=1;return this}if(typeof a=="string"){a.charAt(0)!=="<"||a.charAt(a.length-1)!==">"||a.length<3?g=i.exec(a):g=[null,a,null];if(g&&(g[1]||!d)){if(g[1]){d=d instanceof e?d[0]:d,k=d?d.ownerDocument||d:c,j=n.exec(a),j?e.isPlainObject(d)?(a=[c.createElement(j[1])],e.fn.attr.call(a,d,!0)):a=[k.createElement(j[1])]:(j=e.buildFragment([g[1]],[k]),a=(j.cacheable?e.clone(j.fragment):j.fragment).childNodes);return e.merge(this,a)}h=c.getElementById(g[2]);if(h&&h.parentNode){if(h.id!==g[2])return f.find(a);this.length=1,this[0]=h}this.context=c,this.selector=a;return this}return!d||d.jquery?(d||f).find(a):this.constructor(d).find(a)}if(e.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return e.makeArray(a,this)},selector:"",jquery:"1.6.4",length:0,size:function(){return this.length},toArray:function(){return G.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=this.constructor();e.isArray(a)?F.apply(d,a):e.merge(d,a),d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")");return d},each:function(a,b){return e.each(this,a,b)},ready:function(a){e.bindReady(),B.done(a);return this},eq:function(a){return a===-1?this.slice(a):this.slice(a,+a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(G.apply(this,arguments),"slice",G.call(arguments).join(","))},map:function(a){return this.pushStack(e.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:F,sort:[].sort,splice:[].splice},e.fn.init.prototype=e.fn,e.extend=e.fn.extend=function(){var a,c,d,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i=="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!="object"&&!e.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j<k;j++)if((a=arguments[j])!=null)for(c in a){d=i[c],f=a[c];if(i===f)continue;l&&f&&(e.isPlainObject(f)||(g=e.isArray(f)))?(g?(g=!1,h=d&&e.isArray(d)?d:[]):h=d&&e.isPlainObject(d)?d:{},i[c]=e.extend(l,h,f)):f!==b&&(i[c]=f)}return i},e.extend({noConflict:function(b){a.$===e&&(a.$=g),b&&a.jQuery===e&&(a.jQuery=f);return e},isReady:!1,readyWait:1,holdReady:function(a){a?e.readyWait++:e.ready(!0)},ready:function(a){if(a===!0&&!--e.readyWait||a!==!0&&!e.isReady){if(!c.body)return setTimeout(e.ready,1);e.isReady=!0;if(a!==!0&&--e.readyWait>0)return;B.resolveWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").unbind("ready")}},bindReady:function(){if(!B){B=e._Deferred();if(c.readyState==="complete")return setTimeout(e.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",C,!1),a.addEventListener("load",e.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",C),a.attachEvent("onload",e.ready);var b=!1;try{b=a.frameElement==null}catch(d){}c.documentElement.doScroll&&b&&K()}}},isFunction:function(a){return e.type(a)==="function"},isArray:Array.isArray||function(a){return e.type(a)==="array"},isWindow:function(a){return a&&typeof a=="object"&&"setInterval"in a},isNaN:function(a){return a==null||!m.test(a)||isNaN(a)},type:function(a){return a==null?String(a):J[D.call(a)]||"object"},isPlainObject:function(a){if(!a||e.type(a)!=="object"||a.nodeType||e.isWindow(a))return!1;try{if(a.constructor&&!E.call(a,"constructor")&&!E.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}var d;for(d in a);return d===b||E.call(a,d)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw a},parseJSON:function(b){if(typeof b!="string"||!b)return null;b=e.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(o.test(b.replace(p,"@").replace(q,"]").replace(r,"")))return(new Function("return "+b))();e.error("Invalid JSON: "+b)},parseXML:function(c){var d,f;try{a.DOMParser?(f=new DOMParser,d=f.parseFromString(c,"text/xml")):(d=new ActiveXObject("Microsoft.XMLDOM"),d.async="false",d.loadXML(c))}catch(g){d=b}(!d||!d.documentElement||d.getElementsByTagName("parsererror").length)&&e.error("Invalid XML: "+c);return d},noop:function(){},globalEval:function(b){b&&j.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(x,"ms-").replace(w,y)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var f,g=0,h=a.length,i=h===b||e.isFunction(a);if(d){if(i){for(f in a)if(c.apply(a[f],d)===!1)break}else for(;g<h;)if(c.apply(a[g++],d)===!1)break}else if(i){for(f in a)if(c.call(a[f],f,a[f])===!1)break}else for(;g<h;)if(c.call(a[g],g,a[g++])===!1)break;return a},trim:H?function(a){return a==null?"":H.call(a)}:function(a){return a==null?"":(a+"").replace(k,"").replace(l,"")},makeArray:function(a,b){var c=b||[];if(a!=null){var d=e.type(a);a.length==null||d==="string"||d==="function"||d==="regexp"||e.isWindow(a)?F.call(c,a):e.merge(c,a)}return c},inArray:function(a,b){if(!b)return-1;if(I)return I.call(b,a);for(var c=0,d=b.length;c<d;c++)if(b[c]===a)return c;return-1},merge:function(a,c){var d=a.length,e=0;if(typeof c.length=="number")for(var f=c.length;e<f;e++)a[d++]=c[e];else while(c[e]!==b)a[d++]=c[e++];a.length=d;return a},grep:function(a,b,c){var d=[],e;c=!!c;for(var f=0,g=a.length;f<g;f++)e=!!b(a[f],f),c!==e&&d.push(a[f]);return d},map:function(a,c,d){var f,g,h=[],i=0,j=a.length,k=a instanceof e||j!==b&&typeof j=="number"&&(j>0&&a[0]&&a[j-1]||j===0||e.isArray(a));if(k)for(;i<j;i++)f=c(a[i],i,d),f!=null&&(h[h.length]=f);else for(g in a)f=c(a[g],g,d),f!=null&&(h[h.length]=f);return h.concat.apply([],h)},guid:1,proxy:function(a,c){if(typeof c=="string"){var d=a[c];c=a,a=d}if(!e.isFunction(a))return b;var f=G.call(arguments,2),g=function(){return a.apply(c,f.concat(G.call(arguments)))};g.guid=a.guid=a.guid||g.guid||e.guid++;return g},access:function(a,c,d,f,g,h){var i=a.length;if(typeof c=="object"){for(var j in c)e.access(a,j,c[j],f,g,d);return a}if(d!==b){f=!h&&f&&e.isFunction(d);for(var k=0;k<i;k++)g(a[k],c,f?d.call(a[k],k,g(a[k],c)):d,h);return a}return i?g(a[0],c):b},now:function(){return(new Date).getTime()},uaMatch:function(a){a=a.toLowerCase();var b=s.exec(a)||t.exec(a)||u.exec(a)||a.indexOf("compatible")<0&&v.exec(a)||[];return{browser:b[1]||"",version:b[2]||"0"}},sub:function(){function a(b,c){return new a.fn.init(b,c)}e.extend(!0,a,this),a.superclass=this,a.fn=a.prototype=this(),a.fn.constructor=a,a.sub=this.sub,a.fn.init=function(d,f){f&&f instanceof e&&!(f instanceof a)&&(f=a(f));return e.fn.init.call(this,d,f,b)},a.fn.init.prototype=a.fn;var b=a(c);return a},browser:{}}),e.each("Boolean Number String Function Array Date RegExp Object".split(" "),function(a,b){J["[object "+b+"]"]=b.toLowerCase()}),A=e.uaMatch(z),A.browser&&(e.browser[A.browser]=!0,e.browser.version=A.version),e.browser.webkit&&(e.browser.safari=!0),j.test(" ")&&(k=/^[\s\xA0]+/,l=/[\s\xA0]+$/),h=e(c),c.addEventListener?C=function(){c.removeEventListener("DOMContentLoaded",C,!1),e.ready()}:c.attachEvent&&(C=function(){c.readyState==="complete"&&(c.detachEvent("onreadystatechange",C),e.ready())});return e}(),g="done fail isResolved isRejected promise then always pipe".split(" "),h=[].slice;f.extend({_Deferred:function(){var a=[],b,c,d,e={done:function(){if(!d){var c=arguments,g,h,i,j,k;b&&(k=b,b=0);for(g=0,h=c.length;g<h;g++)i=c[g],j=f.type(i),j==="array"?e.done.apply(e,i):j==="function"&&a.push(i);k&&e.resolveWith(k[0],k[1])}return this},resolveWith:function(e,f){if(!d&&!b&&!c){f=f||[],c=1;try{while(a[0])a.shift().apply(e,f)}finally{b=[e,f],c=0}}return this},resolve:function(){e.resolveWith(this,arguments);return this},isResolved:function(){return!!c||!!b},cancel:function(){d=1,a=[];return this}};return e},Deferred:function(a){var b=f._Deferred(),c=f._Deferred(),d;f.extend(b,{then:function(a,c){b.done(a).fail(c);return this},always:function(){return b.done.apply(b,arguments).fail.apply(this,arguments)},fail:c.done,rejectWith:c.resolveWith,reject:c.resolve,isRejected:c.isResolved,pipe:function(a,c){return f.Deferred(function(d){f.each({done:[a,"resolve"],fail:[c,"reject"]},function(a,c){var e=c[0],g=c[1],h;f.isFunction(e)?b[a](function(){h=e.apply(this,arguments),h&&f.isFunction(h.promise)?h.promise().then(d.resolve,d.reject):d[g+"With"](this===b?d:this,[h])}):b[a](d[g])})}).promise()},promise:function(a){if(a==null){if(d)return d;d=a={}}var c=g.length;while(c--)a[g[c]]=b[g[c]];return a}}),b.done(c.cancel).fail(b.cancel),delete b.cancel,a&&a.call(b,b);return b},when:function(a){function i(a){return function(c){b[a]=arguments.length>1?h.call(arguments,0):c,--e||g.resolveWith(g,h.call(b,0))}}var b=arguments,c=0,d=b.length,e=d,g=d<=1&&a&&f.isFunction(a.promise)?a:f.Deferred();if(d>1){for(;c<d;c++)b[c]&&f.isFunction(b[c].promise)?b[c].promise().then(i(c),g.reject):--e;e||g.resolveWith(g,b)}else g!==a&&g.resolveWith(g,d?[a]:[]);return g.promise()}}),f.support=function(){var a=c.createElement("div"),b=c.documentElement,d,e,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u;a.setAttribute("className","t"),a.innerHTML="   <link/><table></table><a href='/a' style='top:1px;float:left;opacity:.55;'>a</a><input type='checkbox'/>",d=a.getElementsByTagName("*"),e=a.getElementsByTagName("a")[0];if(!d||!d.length||!e)return{};g=c.createElement("select"),h=g.appendChild(c.createElement("option")),i=a.getElementsByTagName("input")[0],k={leadingWhitespace:a.firstChild.nodeType===3,tbody:!a.getElementsByTagName("tbody").length,htmlSerialize:!!a.getElementsByTagName("link").length,style:/top/.test(e.getAttribute("style")),hrefNormalized:e.getAttribute("href")==="/a",opacity:/^0.55$/.test(e.style.opacity),cssFloat:!!e.style.cssFloat,checkOn:i.value==="on",optSelected:h.selected,getSetAttribute:a.className!=="t",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0},i.checked=!0,k.noCloneChecked=i.cloneNode(!0).checked,g.disabled=!0,k.optDisabled=!h.disabled;try{delete a.test}catch(v){k.deleteExpando=!1}!a.addEventListener&&a.attachEvent&&a.fireEvent&&(a.attachEvent("onclick",function(){k.noCloneEvent=!1}),a.cloneNode(!0).fireEvent("onclick")),i=c.createElement("input"),i.value="t",i.setAttribute("type","radio"),k.radioValue=i.value==="t",i.setAttribute("checked","checked"),a.appendChild(i),l=c.createDocumentFragment(),l.appendChild(a.firstChild),k.checkClone=l.cloneNode(!0).cloneNode(!0).lastChild.checked,a.innerHTML="",a.style.width=a.style.paddingLeft="1px",m=c.getElementsByTagName("body")[0],o=c.createElement(m?"div":"body"),p={visibility:"hidden",width:0,height:0,border:0,margin:0,background:"none"},m&&f.extend(p,{position:"absolute",left:"-1000px",top:"-1000px"});for(t in p)o.style[t]=p[t];o.appendChild(a),n=m||b,n.insertBefore(o,n.firstChild),k.appendChecked=i.checked,k.boxModel=a.offsetWidth===2,"zoom"in a.style&&(a.style.display="inline",a.style.zoom=1,k.inlineBlockNeedsLayout=a.offsetWidth===2,a.style.display="",a.innerHTML="<div style='width:4px;'></div>",k.shrinkWrapBlocks=a.offsetWidth!==2),a.innerHTML="<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>",q=a.getElementsByTagName("td"),u=q[0].offsetHeight===0,q[0].style.display="",q[1].style.display="none",k.reliableHiddenOffsets=u&&q[0].offsetHeight===0,a.innerHTML="",c.defaultView&&c.defaultView.getComputedStyle&&(j=c.createElement("div"),j.style.width="0",j.style.marginRight="0",a.appendChild(j),k.reliableMarginRight=(parseInt((c.defaultView.getComputedStyle(j,null)||{marginRight:0}).marginRight,10)||0)===0),o.innerHTML="",n.removeChild(o);if(a.attachEvent)for(t in{submit:1,change:1,focusin:1})s="on"+t,u=s in a,u||(a.setAttribute(s,"return;"),u=typeof a[s]=="function"),k[t+"Bubbles"]=u;o=l=g=h=m=j=a=i=null;return k}(),f.boxModel=f.support.boxModel;var i=/^(?:\{.*\}|\[.*\])$/,j=/([A-Z])/g;f.extend({cache:{},uuid:0,expando:"jQuery"+(f.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){a=a.nodeType?f.cache[a[f.expando]]:a[f.expando];return!!a&&!l(a)},data:function(a,c,d,e){if(!!f.acceptData(a)){var g,h,i=f.expando,j=typeof c=="string",k=a.nodeType,l=k?f.cache:a,m=k?a[f.expando]:a[f.expando]&&f.expando;if((!m||e&&m&&l[m]&&!l[m][i])&&j&&d===b)return;m||(k?a[f.expando]=m=++f.uuid:m=f.expando),l[m]||(l[m]={},k||(l[m].toJSON=f.noop));if(typeof c=="object"||typeof c=="function")e?l[m][i]=f.extend(l[m][i],c):l[m]=f.extend(l[m],c);g=l[m],e&&(g[i]||(g[i]={}),g=g[i]),d!==b&&(g[f.camelCase(c)]=d);if(c==="events"&&!g[c])return g[i]&&g[i].events;j?(h=g[c],h==null&&(h=g[f.camelCase(c)])):h=g;return h}},removeData:function(a,b,c){if(!!f.acceptData(a)){var d,e=f.expando,g=a.nodeType,h=g?f.cache:a,i=g?a[f.expando]:f.expando;if(!h[i])return;if(b){d=c?h[i][e]:h[i];if(d){d[b]||(b=f.camelCase(b)),delete d[b];if(!l(d))return}}if(c){delete h[i][e];if(!l(h[i]))return}var j=h[i][e];f.support.deleteExpando||!h.setInterval?delete h[i]:h[i]=null,j?(h[i]={},g||(h[i].toJSON=f.noop),h[i][e]=j):g&&(f.support.deleteExpando?delete a[f.expando]:a.removeAttribute?a.removeAttribute(f.expando):a[f.expando]=null)}},_data:function(a,b,c){return f.data(a,b,c,!0)},acceptData:function(a){if(a.nodeName){var b=f.noData[a.nodeName.toLowerCase()];if(b)return b!==!0&&a.getAttribute("classid")===b}return!0}}),f.fn.extend({data:function(a,c){var d=null;if(typeof a=="undefined"){if(this.length){d=f.data(this[0]);if(this[0].nodeType===1){var e=this[0].attributes,g;for(var h=0,i=e.length;h<i;h++)g=e[h].name,g.indexOf("data-")===0&&(g=f.camelCase(g.substring(5)),k(this[0],g,d[g]))}}return d}if(typeof a=="object")return this.each(function(){f.data(this,a)});var j=a.split(".");j[1]=j[1]?"."+j[1]:"";if(c===b){d=this.triggerHandler("getData"+j[1]+"!",[j[0]]),d===b&&this.length&&(d=f.data(this[0],a),d=k(this[0],a,d));return d===b&&j[1]?this.data(j[0]):d}return this.each(function(){var b=f(this),d=[j[0],c];b.triggerHandler("setData"+j[1]+"!",d),f.data(this,a,c),b.triggerHandler("changeData"+j[1]+"!",d)})},removeData:function(a){return this.each(function(){f.removeData(this,a)})}}),f.extend({_mark:function(a,c){a&&(c=(c||"fx")+"mark",f.data(a,c,(f.data(a,c,b,!0)||0)+1,!0))},_unmark:function(a,c,d){a!==!0&&(d=c,c=a,a=!1);if(c){d=d||"fx";var e=d+"mark",g=a?0:(f.data(c,e,b,!0)||1)-1;g?f.data(c,e,g,!0):(f.removeData(c,e,!0),m(c,d,"mark"))}},queue:function(a,c,d){if(a){c=(c||"fx")+"queue";var e=f.data(a,c,b,!0);d&&(!e||f.isArray(d)?e=f.data(a,c,f.makeArray(d),!0):e.push(d));return e||[]}},dequeue:function(a,b){b=b||"fx";var c=f.queue(a,b),d=c.shift(),e;d==="inprogress"&&(d=c.shift()),d&&(b==="fx"&&c.unshift("inprogress"),d.call(a,function(){f.dequeue(a,b)})),c.length||(f.removeData(a,b+"queue",!0),m(a,b,"queue"))}}),f.fn.extend({queue:function(a,c){typeof a!="string"&&(c=a,a="fx");if(c===b)return f.queue(this[0],a);return this.each(function(){var b=f.queue(this,a,c);a==="fx"&&b[0]!=="inprogress"&&f.dequeue(this,a)})},dequeue:function(a){return this.each(function(){f.dequeue(this,a)})},delay:function(a,b){a=f.fx?f.fx.speeds[a]||a:a,b=b||"fx";return this.queue(b,function(){var c=this;setTimeout(function(){f.dequeue(c,b)},a)})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,c){function m(){--h||d.resolveWith(e,[e])}typeof a!="string"&&(c=a,a=b),a=a||"fx";var d=f.Deferred(),e=this,g=e.length,h=1,i=a+"defer",j=a+"queue",k=a+"mark",l;while(g--)if(l=f.data(e[g],i,b,!0)||(f.data(e[g],j,b,!0)||f.data(e[g],k,b,!0))&&f.data(e[g],i,f._Deferred(),!0))h++,l.done(m);m();return d.promise()}});var n=/[\n\t\r]/g,o=/\s+/,p=/\r/g,q=/^(?:button|input)$/i,r=/^(?:button|input|object|select|textarea)$/i,s=/^a(?:rea)?$/i,t=/^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,u,v;f.fn.extend({attr:function(a,b){return f.access(this,a,b,!0,f.attr)},removeAttr:function(a){return this.each(function(){f.removeAttr(this,a)})},prop:function(a,b){return f.access(this,a,b,!0,f.prop)},removeProp:function(a){a=f.propFix[a]||a;return this.each(function(){try{this[a]=b,delete this[a]}catch(c){}})},addClass:function(a){var b,c,d,e,g,h,i;if(f.isFunction(a))return this.each(function(b){f(this).addClass(a.call(this,b,this.className))});if(a&&typeof a=="string"){b=a.split(o);for(c=0,d=this.length;c<d;c++){e=this[c];if(e.nodeType===1)if(!e.className&&b.length===1)e.className=a;else{g=" "+e.className+" ";for(h=0,i=b.length;h<i;h++)~g.indexOf(" "+b[h]+" ")||(g+=b[h]+" ");e.className=f.trim(g)}}}return this},removeClass:function(a){var c,d,e,g,h,i,j;if(f.isFunction(a))return this.each(function(b){f(this).removeClass(a.call(this,b,this.className))});if(a&&typeof a=="string"||a===b){c=(a||"").split(o);for(d=0,e=this.length;d<e;d++){g=this[d];if(g.nodeType===1&&g.className)if(a){h=(" "+g.className+" ").replace(n," ");for(i=0,j=c.length;i<j;i++)h=h.replace(" "+c[i]+" "," ");g.className=f.trim(h)}else g.className=""}}return this},toggleClass:function(a,b){var c=typeof a,d=typeof b=="boolean";if(f.isFunction(a))return this.each(function(c){f(this).toggleClass(a.call(this,c,this.className,b),b)});return this.each(function(){if(c==="string"){var e,g=0,h=f(this),i=b,j=a.split(o);while(e=j[g++])i=d?i:!h.hasClass(e),h[i?"addClass":"removeClass"](e)}else if(c==="undefined"||c==="boolean")this.className&&f._data(this,"__className__",this.className),this.className=this.className||a===!1?"":f._data(this,"__className__")||""})},hasClass:function(a){var b=" "+a+" ";for(var c=0,d=this.length;c<d;c++)if(this[c].nodeType===1&&(" "+this[c].className+" ").replace(n," ").indexOf(b)>-1)return!0;return!1},val:function(a){var c,d,e=this[0];if(!arguments.length){if(e){c=f.valHooks[e.nodeName.toLowerCase()]||f.valHooks[e.type];if(c&&"get"in c&&(d=c.get(e,"value"))!==b)return d;d=e.value;return typeof d=="string"?d.replace(p,""):d==null?"":d}return b}var g=f.isFunction(a);return this.each(function(d){var e=f(this),h;if(this.nodeType===1){g?h=a.call(this,d,e.val()):h=a,h==null?h="":typeof h=="number"?h+="":f.isArray(h)&&(h=f.map(h,function(a){return a==null?"":a+""})),c=f.valHooks[this.nodeName.toLowerCase()]||f.valHooks[this.type];if(!c||!("set"in c)||c.set(this,h,"value")===b)this.value=h}})}}),f.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c=a.selectedIndex,d=[],e=a.options,g=a.type==="select-one";if(c<0)return null;for(var h=g?c:0,i=g?c+1:e.length;h<i;h++){var j=e[h];if(j.selected&&(f.support.optDisabled?!j.disabled:j.getAttribute("disabled")===null)&&(!j.parentNode.disabled||!f.nodeName(j.parentNode,"optgroup"))){b=f(j).val();if(g)return b;d.push(b)}}if(g&&!d.length&&e.length)return f(e[c]).val();return d},set:function(a,b){var c=f.makeArray(b);f(a).find("option").each(function(){this.selected=f.inArray(f(this).val(),c)>=0}),c.length||(a.selectedIndex=-1);return c}}},attrFn:{val:!0,css:!0,html:!0,text:!0,data:!0,width:!0,height:!0,offset:!0},attrFix:{tabindex:"tabIndex"},attr:function(a,c,d,e){var g=a.nodeType;if(!a||g===3||g===8||g===2)return b;if(e&&c in f.attrFn)return f(a)[c](d);if(!("getAttribute"in a))return f.prop(a,c,d);var h,i,j=g!==1||!f.isXMLDoc(a);j&&(c=f.attrFix[c]||c,i=f.attrHooks[c],i||(t.test(c)?i=v:u&&(i=u)));if(d!==b){if(d===null){f.removeAttr(a,c);return b}if(i&&"set"in i&&j&&(h=i.set(a,d,c))!==b)return h;a.setAttribute(c,""+d);return d}if(i&&"get"in i&&j&&(h=i.get(a,c))!==null)return h;h=a.getAttribute(c);return h===null?b:h},removeAttr:function(a,b){var c;a.nodeType===1&&(b=f.attrFix[b]||b,f.attr(a,b,""),a.removeAttribute(b),t.test(b)&&(c=f.propFix[b]||b)in a&&(a[c]=!1))},attrHooks:{type:{set:function(a,b){if(q.test(a.nodeName)&&a.parentNode)f.error("type property can't be changed");else if(!f.support.radioValue&&b==="radio"&&f.nodeName(a,"input")){var c=a.value;a.setAttribute("type",b),c&&(a.value=c);return b}}},value:{get:function(a,b){if(u&&f.nodeName(a,"button"))return u.get(a,b);return b in a?a.value:null},set:function(a,b,c){if(u&&f.nodeName(a,"button"))return u.set(a,b,c);a.value=b}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(a,c,d){var e=a.nodeType;if(!a||e===3||e===8||e===2)return b;var g,h,i=e!==1||!f.isXMLDoc(a);i&&(c=f.propFix[c]||c,h=f.propHooks[c]);return d!==b?h&&"set"in h&&(g=h.set(a,d,c))!==b?g:a[c]=d:h&&"get"in h&&(g=h.get(a,c))!==null?g:a[c]},propHooks:{tabIndex:{get:function(a){var c=a.getAttributeNode("tabindex");return c&&c.specified?parseInt(c.value,10):r.test(a.nodeName)||s.test(a.nodeName)&&a.href?0:b}}}}),f.attrHooks.tabIndex=f.propHooks.tabIndex,v={get:function(a,c){var d;return f.prop(a,c)===!0||(d=a.getAttributeNode(c))&&d.nodeValue!==!1?c.toLowerCase():b},set:function(a,b,c){var d;b===!1?f.removeAttr(a,c):(d=f.propFix[c]||c,d in a&&(a[d]=!0),a.setAttribute(c,c.toLowerCase()));return c}},f.support.getSetAttribute||(u=f.valHooks.button={get:function(a,c){var d;d=a.getAttributeNode(c);return d&&d.nodeValue!==""?d.nodeValue:b},set:function(a,b,d){var e=a.getAttributeNode(d);e||(e=c.createAttribute(d),a.setAttributeNode(e));return e.nodeValue=b+""}},f.each(["width","height"],function(a,b){f.attrHooks[b]=f.extend(f.attrHooks[b],{set:function(a,c){if(c===""){a.setAttribute(b,"auto");return c}}})})),f.support.hrefNormalized||f.each(["href","src","width","height"],function(a,c){f.attrHooks[c]=f.extend(f.attrHooks[c],{get:function(a){var d=a.getAttribute(c,2);return d===null?b:d}})}),f.support.style||(f.attrHooks.style={get:function(a){return a.style.cssText.toLowerCase()||b},set:function(a,b){return a.style.cssText=""+b}}),f.support.optSelected||(f.propHooks.selected=f.extend(f.propHooks.selected,{get:function(a){var b=a.parentNode;b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex);return null}})),f.support.checkOn||f.each(["radio","checkbox"],function(){f.valHooks[this]={get:function(a){return a.getAttribute("value")===null?"on":a.value}}}),f.each(["radio","checkbox"],function(){f.valHooks[this]=f.extend(f.valHooks[this],{set:function(a,b){if(f.isArray(b))return a.checked=f.inArray(f(a).val(),b)>=0}})});var w=/\.(.*)$/,x=/^(?:textarea|input|select)$/i,y=/\./g,z=/ /g,A=/[^\w\s.|`]/g,B=function(a){return a.replace(A,"\\$&")};f.event={add:function(a,c,d,e){if(a.nodeType!==3&&a.nodeType!==8){if(d===!1)d=C;else if(!d)return;var g,h;d.handler&&(g=d,d=g.handler),d.guid||(d.guid=f.guid++);var i=f._data(a);if(!i)return;var j=i.events,k=i.handle;j||(i.events=j={}),k||(i.handle=k=function(a){return typeof f!="undefined"&&(!a||f.event.triggered!==a.type)?f.event.handle.apply(k.elem,arguments):b}),k.elem=a,c=c.split(" ");var l,m=0,n;while(l=c[m++]){h=g?f.extend({},g):{handler:d,data:e},l.indexOf(".")>-1?(n=l.split("."),l=n.shift(),h.namespace=n.slice(0).sort().join(".")):(n=[],h.namespace=""),h.type=l,h.guid||(h.guid=d.guid);var o=j[l],p=f.event.special[l]||{};if(!o){o=j[l]=[];if(!p.setup||p.setup.call(a,e,n,k)===!1)a.addEventListener?a.addEventListener(l,k,!1):a.attachEvent&&a.attachEvent("on"+l,k)}p.add&&(p.add.call(a,h),h.handler.guid||(h.handler.guid=d.guid)),o.push(h),f.event.global[l]=!0}a=null}},global:{},remove:function(a,c,d,e){if(a.nodeType!==3&&a.nodeType!==8){d===!1&&(d=C);var g,h,i,j,k=0,l,m,n,o,p,q,r,s=f.hasData(a)&&f._data(a),t=s&&s.events;if(!s||!t)return;c&&c.type&&(d=c.handler,c=c.type);if(!c||typeof c=="string"&&c.charAt(0)==="."){c=c||"";for(h in t)f.event.remove(a,h+c);return}c=c.split(" ");while(h=c[k++]){r=h,q=null,l=h.indexOf(".")<0,m=[],l||(m=h.split("."),h=m.shift(),n=new RegExp("(^|\\.)"+f.map(m.slice(0).sort(),B).join("\\.(?:.*\\.)?")+"(\\.|$)")),p=t[h];if(!p)continue;if(!d){for(j=0;j<p.length;j++){q=p[j];if(l||n.test(q.namespace))f.event.remove(a,r,q.handler,j),p.splice(j--,1)}continue}o=f.event.special[h]||{};for(j=e||0;j<p.length;j++){q=p[j];if(d.guid===q.guid){if(l||n.test(q.namespace))e==null&&p.splice(j--,1),o.remove&&o.remove.call(a,q);if(e!=null)break}}if(p.length===0||e!=null&&p.length===1)(!o.teardown||o.teardown.call(a,m)===!1)&&f.removeEvent(a,h,s.handle),g=null,delete 
+t[h]}if(f.isEmptyObject(t)){var u=s.handle;u&&(u.elem=null),delete s.events,delete s.handle,f.isEmptyObject(s)&&f.removeData(a,b,!0)}}},customEvent:{getData:!0,setData:!0,changeData:!0},trigger:function(c,d,e,g){var h=c.type||c,i=[],j;h.indexOf("!")>=0&&(h=h.slice(0,-1),j=!0),h.indexOf(".")>=0&&(i=h.split("."),h=i.shift(),i.sort());if(!!e&&!f.event.customEvent[h]||!!f.event.global[h]){c=typeof c=="object"?c[f.expando]?c:new f.Event(h,c):new f.Event(h),c.type=h,c.exclusive=j,c.namespace=i.join("."),c.namespace_re=new RegExp("(^|\\.)"+i.join("\\.(?:.*\\.)?")+"(\\.|$)");if(g||!e)c.preventDefault(),c.stopPropagation();if(!e){f.each(f.cache,function(){var a=f.expando,b=this[a];b&&b.events&&b.events[h]&&f.event.trigger(c,d,b.handle.elem)});return}if(e.nodeType===3||e.nodeType===8)return;c.result=b,c.target=e,d=d!=null?f.makeArray(d):[],d.unshift(c);var k=e,l=h.indexOf(":")<0?"on"+h:"";do{var m=f._data(k,"handle");c.currentTarget=k,m&&m.apply(k,d),l&&f.acceptData(k)&&k[l]&&k[l].apply(k,d)===!1&&(c.result=!1,c.preventDefault()),k=k.parentNode||k.ownerDocument||k===c.target.ownerDocument&&a}while(k&&!c.isPropagationStopped());if(!c.isDefaultPrevented()){var n,o=f.event.special[h]||{};if((!o._default||o._default.call(e.ownerDocument,c)===!1)&&(h!=="click"||!f.nodeName(e,"a"))&&f.acceptData(e)){try{l&&e[h]&&(n=e[l],n&&(e[l]=null),f.event.triggered=h,e[h]())}catch(p){}n&&(e[l]=n),f.event.triggered=b}}return c.result}},handle:function(c){c=f.event.fix(c||a.event);var d=((f._data(this,"events")||{})[c.type]||[]).slice(0),e=!c.exclusive&&!c.namespace,g=Array.prototype.slice.call(arguments,0);g[0]=c,c.currentTarget=this;for(var h=0,i=d.length;h<i;h++){var j=d[h];if(e||c.namespace_re.test(j.namespace)){c.handler=j.handler,c.data=j.data,c.handleObj=j;var k=j.handler.apply(this,g);k!==b&&(c.result=k,k===!1&&(c.preventDefault(),c.stopPropagation()));if(c.isImmediatePropagationStopped())break}}return c.result},props:"altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),fix:function(a){if(a[f.expando])return a;var d=a;a=f.Event(d);for(var e=this.props.length,g;e;)g=this.props[--e],a[g]=d[g];a.target||(a.target=a.srcElement||c),a.target.nodeType===3&&(a.target=a.target.parentNode),!a.relatedTarget&&a.fromElement&&(a.relatedTarget=a.fromElement===a.target?a.toElement:a.fromElement);if(a.pageX==null&&a.clientX!=null){var h=a.target.ownerDocument||c,i=h.documentElement,j=h.body;a.pageX=a.clientX+(i&&i.scrollLeft||j&&j.scrollLeft||0)-(i&&i.clientLeft||j&&j.clientLeft||0),a.pageY=a.clientY+(i&&i.scrollTop||j&&j.scrollTop||0)-(i&&i.clientTop||j&&j.clientTop||0)}a.which==null&&(a.charCode!=null||a.keyCode!=null)&&(a.which=a.charCode!=null?a.charCode:a.keyCode),!a.metaKey&&a.ctrlKey&&(a.metaKey=a.ctrlKey),!a.which&&a.button!==b&&(a.which=a.button&1?1:a.button&2?3:a.button&4?2:0);return a},guid:1e8,proxy:f.proxy,special:{ready:{setup:f.bindReady,teardown:f.noop},live:{add:function(a){f.event.add(this,M(a.origType,a.selector),f.extend({},a,{handler:L,guid:a.handler.guid}))},remove:function(a){f.event.remove(this,M(a.origType,a.selector),a)}},beforeunload:{setup:function(a,b,c){f.isWindow(this)&&(this.onbeforeunload=c)},teardown:function(a,b){this.onbeforeunload===b&&(this.onbeforeunload=null)}}}},f.removeEvent=c.removeEventListener?function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)}:function(a,b,c){a.detachEvent&&a.detachEvent("on"+b,c)},f.Event=function(a,b){if(!this.preventDefault)return new f.Event(a,b);a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||a.returnValue===!1||a.getPreventDefault&&a.getPreventDefault()?D:C):this.type=a,b&&f.extend(this,b),this.timeStamp=f.now(),this[f.expando]=!0},f.Event.prototype={preventDefault:function(){this.isDefaultPrevented=D;var a=this.originalEvent;!a||(a.preventDefault?a.preventDefault():a.returnValue=!1)},stopPropagation:function(){this.isPropagationStopped=D;var a=this.originalEvent;!a||(a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=D,this.stopPropagation()},isDefaultPrevented:C,isPropagationStopped:C,isImmediatePropagationStopped:C};var E=function(a){var b=a.relatedTarget,c=!1,d=a.type;a.type=a.data,b!==this&&(b&&(c=f.contains(this,b)),c||(f.event.handle.apply(this,arguments),a.type=d))},F=function(a){a.type=a.data,f.event.handle.apply(this,arguments)};f.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){f.event.special[a]={setup:function(c){f.event.add(this,b,c&&c.selector?F:E,a)},teardown:function(a){f.event.remove(this,b,a&&a.selector?F:E)}}}),f.support.submitBubbles||(f.event.special.submit={setup:function(a,b){if(!f.nodeName(this,"form"))f.event.add(this,"click.specialSubmit",function(a){var b=a.target,c=f.nodeName(b,"input")||f.nodeName(b,"button")?b.type:"";(c==="submit"||c==="image")&&f(b).closest("form").length&&J("submit",this,arguments)}),f.event.add(this,"keypress.specialSubmit",function(a){var b=a.target,c=f.nodeName(b,"input")||f.nodeName(b,"button")?b.type:"";(c==="text"||c==="password")&&f(b).closest("form").length&&a.keyCode===13&&J("submit",this,arguments)});else return!1},teardown:function(a){f.event.remove(this,".specialSubmit")}});if(!f.support.changeBubbles){var G,H=function(a){var b=f.nodeName(a,"input")?a.type:"",c=a.value;b==="radio"||b==="checkbox"?c=a.checked:b==="select-multiple"?c=a.selectedIndex>-1?f.map(a.options,function(a){return a.selected}).join("-"):"":f.nodeName(a,"select")&&(c=a.selectedIndex);return c},I=function(c){var d=c.target,e,g;if(!!x.test(d.nodeName)&&!d.readOnly){e=f._data(d,"_change_data"),g=H(d),(c.type!=="focusout"||d.type!=="radio")&&f._data(d,"_change_data",g);if(e===b||g===e)return;if(e!=null||g)c.type="change",c.liveFired=b,f.event.trigger(c,arguments[1],d)}};f.event.special.change={filters:{focusout:I,beforedeactivate:I,click:function(a){var b=a.target,c=f.nodeName(b,"input")?b.type:"";(c==="radio"||c==="checkbox"||f.nodeName(b,"select"))&&I.call(this,a)},keydown:function(a){var b=a.target,c=f.nodeName(b,"input")?b.type:"";(a.keyCode===13&&!f.nodeName(b,"textarea")||a.keyCode===32&&(c==="checkbox"||c==="radio")||c==="select-multiple")&&I.call(this,a)},beforeactivate:function(a){var b=a.target;f._data(b,"_change_data",H(b))}},setup:function(a,b){if(this.type==="file")return!1;for(var c in G)f.event.add(this,c+".specialChange",G[c]);return x.test(this.nodeName)},teardown:function(a){f.event.remove(this,".specialChange");return x.test(this.nodeName)}},G=f.event.special.change.filters,G.focus=G.beforeactivate}f.support.focusinBubbles||f.each({focus:"focusin",blur:"focusout"},function(a,b){function e(a){var c=f.event.fix(a);c.type=b,c.originalEvent={},f.event.trigger(c,null,c.target),c.isDefaultPrevented()&&a.preventDefault()}var d=0;f.event.special[b]={setup:function(){d++===0&&c.addEventListener(a,e,!0)},teardown:function(){--d===0&&c.removeEventListener(a,e,!0)}}}),f.each(["bind","one"],function(a,c){f.fn[c]=function(a,d,e){var g;if(typeof a=="object"){for(var h in a)this[c](h,d,a[h],e);return this}if(arguments.length===2||d===!1)e=d,d=b;c==="one"?(g=function(a){f(this).unbind(a,g);return e.apply(this,arguments)},g.guid=e.guid||f.guid++):g=e;if(a==="unload"&&c!=="one")this.one(a,d,e);else for(var i=0,j=this.length;i<j;i++)f.event.add(this[i],a,g,d);return this}}),f.fn.extend({unbind:function(a,b){if(typeof a=="object"&&!a.preventDefault)for(var c in a)this.unbind(c,a[c]);else for(var d=0,e=this.length;d<e;d++)f.event.remove(this[d],a,b);return this},delegate:function(a,b,c,d){return this.live(b,c,d,a)},undelegate:function(a,b,c){return arguments.length===0?this.unbind("live"):this.die(b,null,c,a)},trigger:function(a,b){return this.each(function(){f.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0])return f.event.trigger(a,b,this[0],!0)},toggle:function(a){var b=arguments,c=a.guid||f.guid++,d=0,e=function(c){var e=(f.data(this,"lastToggle"+a.guid)||0)%d;f.data(this,"lastToggle"+a.guid,e+1),c.preventDefault();return b[e].apply(this,arguments)||!1};e.guid=c;while(d<b.length)b[d++].guid=c;return this.click(e)},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}});var K={focus:"focusin",blur:"focusout",mouseenter:"mouseover",mouseleave:"mouseout"};f.each(["live","die"],function(a,c){f.fn[c]=function(a,d,e,g){var h,i=0,j,k,l,m=g||this.selector,n=g?this:f(this.context);if(typeof a=="object"&&!a.preventDefault){for(var o in a)n[c](o,d,a[o],m);return this}if(c==="die"&&!a&&g&&g.charAt(0)==="."){n.unbind(g);return this}if(d===!1||f.isFunction(d))e=d||C,d=b;a=(a||"").split(" ");while((h=a[i++])!=null){j=w.exec(h),k="",j&&(k=j[0],h=h.replace(w,""));if(h==="hover"){a.push("mouseenter"+k,"mouseleave"+k);continue}l=h,K[h]?(a.push(K[h]+k),h=h+k):h=(K[h]||h)+k;if(c==="live")for(var p=0,q=n.length;p<q;p++)f.event.add(n[p],"live."+M(h,m),{data:d,selector:m,handler:e,origType:h,origHandler:e,preType:l});else n.unbind("live."+M(h,m),e)}return this}}),f.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error".split(" "),function(a,b){f.fn[b]=function(a,c){c==null&&(c=a,a=null);return arguments.length>0?this.bind(b,a,c):this.trigger(b)},f.attrFn&&(f.attrFn[b]=!0)}),function(){function u(a,b,c,d,e,f){for(var g=0,h=d.length;g<h;g++){var i=d[g];if(i){var j=!1;i=i[a];while(i){if(i.sizcache===c){j=d[i.sizset];break}if(i.nodeType===1){f||(i.sizcache=c,i.sizset=g);if(typeof b!="string"){if(i===b){j=!0;break}}else if(k.filter(b,[i]).length>0){j=i;break}}i=i[a]}d[g]=j}}}function t(a,b,c,d,e,f){for(var g=0,h=d.length;g<h;g++){var i=d[g];if(i){var j=!1;i=i[a];while(i){if(i.sizcache===c){j=d[i.sizset];break}i.nodeType===1&&!f&&(i.sizcache=c,i.sizset=g);if(i.nodeName.toLowerCase()===b){j=i;break}i=i[a]}d[g]=j}}}var a=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,d=0,e=Object.prototype.toString,g=!1,h=!0,i=/\\/g,j=/\W/;[0,0].sort(function(){h=!1;return 0});var k=function(b,d,f,g){f=f||[],d=d||c;var h=d;if(d.nodeType!==1&&d.nodeType!==9)return[];if(!b||typeof b!="string")return f;var i,j,n,o,q,r,s,t,u=!0,w=k.isXML(d),x=[],y=b;do{a.exec(""),i=a.exec(y);if(i){y=i[3],x.push(i[1]);if(i[2]){o=i[3];break}}}while(i);if(x.length>1&&m.exec(b))if(x.length===2&&l.relative[x[0]])j=v(x[0]+x[1],d);else{j=l.relative[x[0]]?[d]:k(x.shift(),d);while(x.length)b=x.shift(),l.relative[b]&&(b+=x.shift()),j=v(b,j)}else{!g&&x.length>1&&d.nodeType===9&&!w&&l.match.ID.test(x[0])&&!l.match.ID.test(x[x.length-1])&&(q=k.find(x.shift(),d,w),d=q.expr?k.filter(q.expr,q.set)[0]:q.set[0]);if(d){q=g?{expr:x.pop(),set:p(g)}:k.find(x.pop(),x.length===1&&(x[0]==="~"||x[0]==="+")&&d.parentNode?d.parentNode:d,w),j=q.expr?k.filter(q.expr,q.set):q.set,x.length>0?n=p(j):u=!1;while(x.length)r=x.pop(),s=r,l.relative[r]?s=x.pop():r="",s==null&&(s=d),l.relative[r](n,s,w)}else n=x=[]}n||(n=j),n||k.error(r||b);if(e.call(n)==="[object Array]")if(!u)f.push.apply(f,n);else if(d&&d.nodeType===1)for(t=0;n[t]!=null;t++)n[t]&&(n[t]===!0||n[t].nodeType===1&&k.contains(d,n[t]))&&f.push(j[t]);else for(t=0;n[t]!=null;t++)n[t]&&n[t].nodeType===1&&f.push(j[t]);else p(n,f);o&&(k(o,h,f,g),k.uniqueSort(f));return f};k.uniqueSort=function(a){if(r){g=h,a.sort(r);if(g)for(var b=1;b<a.length;b++)a[b]===a[b-1]&&a.splice(b--,1)}return a},k.matches=function(a,b){return k(a,null,null,b)},k.matchesSelector=function(a,b){return k(b,null,null,[a]).length>0},k.find=function(a,b,c){var d;if(!a)return[];for(var e=0,f=l.order.length;e<f;e++){var g,h=l.order[e];if(g=l.leftMatch[h].exec(a)){var j=g[1];g.splice(1,1);if(j.substr(j.length-1)!=="\\"){g[1]=(g[1]||"").replace(i,""),d=l.find[h](g,b,c);if(d!=null){a=a.replace(l.match[h],"");break}}}}d||(d=typeof b.getElementsByTagName!="undefined"?b.getElementsByTagName("*"):[]);return{set:d,expr:a}},k.filter=function(a,c,d,e){var f,g,h=a,i=[],j=c,m=c&&c[0]&&k.isXML(c[0]);while(a&&c.length){for(var n in l.filter)if((f=l.leftMatch[n].exec(a))!=null&&f[2]){var o,p,q=l.filter[n],r=f[1];g=!1,f.splice(1,1);if(r.substr(r.length-1)==="\\")continue;j===i&&(i=[]);if(l.preFilter[n]){f=l.preFilter[n](f,j,d,i,e,m);if(!f)g=o=!0;else if(f===!0)continue}if(f)for(var s=0;(p=j[s])!=null;s++)if(p){o=q(p,f,s,j);var t=e^!!o;d&&o!=null?t?g=!0:j[s]=!1:t&&(i.push(p),g=!0)}if(o!==b){d||(j=i),a=a.replace(l.match[n],"");if(!g)return[];break}}if(a===h)if(g==null)k.error(a);else break;h=a}return j},k.error=function(a){throw"Syntax error, unrecognized expression: "+a};var l=k.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(a){return a.getAttribute("href")},type:function(a){return a.getAttribute("type")}},relative:{"+":function(a,b){var c=typeof b=="string",d=c&&!j.test(b),e=c&&!d;d&&(b=b.toLowerCase());for(var f=0,g=a.length,h;f<g;f++)if(h=a[f]){while((h=h.previousSibling)&&h.nodeType!==1);a[f]=e||h&&h.nodeName.toLowerCase()===b?h||!1:h===b}e&&k.filter(b,a,!0)},">":function(a,b){var c,d=typeof b=="string",e=0,f=a.length;if(d&&!j.test(b)){b=b.toLowerCase();for(;e<f;e++){c=a[e];if(c){var g=c.parentNode;a[e]=g.nodeName.toLowerCase()===b?g:!1}}}else{for(;e<f;e++)c=a[e],c&&(a[e]=d?c.parentNode:c.parentNode===b);d&&k.filter(b,a,!0)}},"":function(a,b,c){var e,f=d++,g=u;typeof b=="string"&&!j.test(b)&&(b=b.toLowerCase(),e=b,g=t),g("parentNode",b,f,a,e,c)},"~":function(a,b,c){var e,f=d++,g=u;typeof b=="string"&&!j.test(b)&&(b=b.toLowerCase(),e=b,g=t),g("previousSibling",b,f,a,e,c)}},find:{ID:function(a,b,c){if(typeof b.getElementById!="undefined"&&!c){var d=b.getElementById(a[1]);return d&&d.parentNode?[d]:[]}},NAME:function(a,b){if(typeof b.getElementsByName!="undefined"){var c=[],d=b.getElementsByName(a[1]);for(var e=0,f=d.length;e<f;e++)d[e].getAttribute("name")===a[1]&&c.push(d[e]);return c.length===0?null:c}},TAG:function(a,b){if(typeof b.getElementsByTagName!="undefined")return b.getElementsByTagName(a[1])}},preFilter:{CLASS:function(a,b,c,d,e,f){a=" "+a[1].replace(i,"")+" ";if(f)return a;for(var g=0,h;(h=b[g])!=null;g++)h&&(e^(h.className&&(" "+h.className+" ").replace(/[\t\n\r]/g," ").indexOf(a)>=0)?c||d.push(h):c&&(b[g]=!1));return!1},ID:function(a){return a[1].replace(i,"")},TAG:function(a,b){return a[1].replace(i,"").toLowerCase()},CHILD:function(a){if(a[1]==="nth"){a[2]||k.error(a[0]),a[2]=a[2].replace(/^\+|\s*/g,"");var b=/(-?)(\d*)(?:n([+\-]?\d*))?/.exec(a[2]==="even"&&"2n"||a[2]==="odd"&&"2n+1"||!/\D/.test(a[2])&&"0n+"+a[2]||a[2]);a[2]=b[1]+(b[2]||1)-0,a[3]=b[3]-0}else a[2]&&k.error(a[0]);a[0]=d++;return a},ATTR:function(a,b,c,d,e,f){var g=a[1]=a[1].replace(i,"");!f&&l.attrMap[g]&&(a[1]=l.attrMap[g]),a[4]=(a[4]||a[5]||"").replace(i,""),a[2]==="~="&&(a[4]=" "+a[4]+" ");return a},PSEUDO:function(b,c,d,e,f){if(b[1]==="not")if((a.exec(b[3])||"").length>1||/^\w/.test(b[3]))b[3]=k(b[3],null,null,c);else{var g=k.filter(b[3],c,d,!0^f);d||e.push.apply(e,g);return!1}else if(l.match.POS.test(b[0])||l.match.CHILD.test(b[0]))return!0;return b},POS:function(a){a.unshift(!0);return a}},filters:{enabled:function(a){return a.disabled===!1&&a.type!=="hidden"},disabled:function(a){return a.disabled===!0},checked:function(a){return a.checked===!0},selected:function(a){a.parentNode&&a.parentNode.selectedIndex;return a.selected===!0},parent:function(a){return!!a.firstChild},empty:function(a){return!a.firstChild},has:function(a,b,c){return!!k(c[3],a).length},header:function(a){return/h\d/i.test(a.nodeName)},text:function(a){var b=a.getAttribute("type"),c=a.type;return a.nodeName.toLowerCase()==="input"&&"text"===c&&(b===c||b===null)},radio:function(a){return a.nodeName.toLowerCase()==="input"&&"radio"===a.type},checkbox:function(a){return a.nodeName.toLowerCase()==="input"&&"checkbox"===a.type},file:function(a){return a.nodeName.toLowerCase()==="input"&&"file"===a.type},password:function(a){return a.nodeName.toLowerCase()==="input"&&"password"===a.type},submit:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"submit"===a.type},image:function(a){return a.nodeName.toLowerCase()==="input"&&"image"===a.type},reset:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"reset"===a.type},button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&"button"===a.type||b==="button"},input:function(a){return/input|select|textarea|button/i.test(a.nodeName)},focus:function(a){return a===a.ownerDocument.activeElement}},setFilters:{first:function(a,b){return b===0},last:function(a,b,c,d){return b===d.length-1},even:function(a,b){return b%2===0},odd:function(a,b){return b%2===1},lt:function(a,b,c){return b<c[3]-0},gt:function(a,b,c){return b>c[3]-0},nth:function(a,b,c){return c[3]-0===b},eq:function(a,b,c){return c[3]-0===b}},filter:{PSEUDO:function(a,b,c,d){var e=b[1],f=l.filters[e];if(f)return f(a,c,b,d);if(e==="contains")return(a.textContent||a.innerText||k.getText([a])||"").indexOf(b[3])>=0;if(e==="not"){var g=b[3];for(var h=0,i=g.length;h<i;h++)if(g[h]===a)return!1;return!0}k.error(e)},CHILD:function(a,b){var c=b[1],d=a;switch(c){case"only":case"first":while(d=d.previousSibling)if(d.nodeType===1)return!1;if(c==="first")return!0;d=a;case"last":while(d=d.nextSibling)if(d.nodeType===1)return!1;return!0;case"nth":var e=b[2],f=b[3];if(e===1&&f===0)return!0;var g=b[0],h=a.parentNode;if(h&&(h.sizcache!==g||!a.nodeIndex)){var i=0;for(d=h.firstChild;d;d=d.nextSibling)d.nodeType===1&&(d.nodeIndex=++i);h.sizcache=g}var j=a.nodeIndex-f;return e===0?j===0:j%e===0&&j/e>=0}},ID:function(a,b){return a.nodeType===1&&a.getAttribute("id")===b},TAG:function(a,b){return b==="*"&&a.nodeType===1||a.nodeName.toLowerCase()===b},CLASS:function(a,b){return(" "+(a.className||a.getAttribute("class"))+" ").indexOf(b)>-1},ATTR:function(a,b){var c=b[1],d=l.attrHandle[c]?l.attrHandle[c](a):a[c]!=null?a[c]:a.getAttribute(c),e=d+"",f=b[2],g=b[4];return d==null?f==="!=":f==="="?e===g:f==="*="?e.indexOf(g)>=0:f==="~="?(" "+e+" ").indexOf(g)>=0:g?f==="!="?e!==g:f==="^="?e.indexOf(g)===0:f==="$="?e.substr(e.length-g.length)===g:f==="|="?e===g||e.substr(0,g.length+1)===g+"-":!1:e&&d!==!1},POS:function(a,b,c,d){var e=b[2],f=l.setFilters[e];if(f)return f(a,c,b,d)}}},m=l.match.POS,n=function(a,b){return"\\"+(b-0+1)};for(var o in l.match)l.match[o]=new RegExp(l.match[o].source+/(?![^\[]*\])(?![^\(]*\))/.source),l.leftMatch[o]=new RegExp(/(^(?:.|\r|\n)*?)/.source+l.match[o].source.replace(/\\(\d+)/g,n));var p=function(a,b){a=Array.prototype.slice.call(a,0);if(b){b.push.apply(b,a);return b}return a};try{Array.prototype.slice.call(c.documentElement.childNodes,0)[0].nodeType}catch(q){p=function(a,b){var c=0,d=b||[];if(e.call(a)==="[object Array]")Array.prototype.push.apply(d,a);else if(typeof a.length=="number")for(var f=a.length;c<f;c++)d.push(a[c]);else for(;a[c];c++)d.push(a[c]);return d}}var r,s;c.documentElement.compareDocumentPosition?r=function(a,b){if(a===b){g=!0;return 0}if(!a.compareDocumentPosition||!b.compareDocumentPosition)return a.compareDocumentPosition?-1:1;return a.compareDocumentPosition(b)&4?-1:1}:(r=function(a,b){if(a===b){g=!0;return 0}if(a.sourceIndex&&b.sourceIndex)return a.sourceIndex-b.sourceIndex;var c,d,e=[],f=[],h=a.parentNode,i=b.parentNode,j=h;if(h===i)return s(a,b);if(!h)return-1;if(!i)return 1;while(j)e.unshift(j),j=j.parentNode;j=i;while(j)f.unshift(j),j=j.parentNode;c=e.length,d=f.length;for(var k=0;k<c&&k<d;k++)if(e[k]!==f[k])return s(e[k],f[k]);return k===c?s(a,f[k],-1):s(e[k],b,1)},s=function(a,b,c){if(a===b)return c;var d=a.nextSibling;while(d){if(d===b)return-1;d=d.nextSibling}return 1}),k.getText=function(a){var b="",c;for(var d=0;a[d];d++)c=a[d],c.nodeType===3||c.nodeType===4?b+=c.nodeValue:c.nodeType!==8&&(b+=k.getText(c.childNodes));return b},function(){var a=c.createElement("div"),d="script"+(new Date).getTime(),e=c.documentElement;a.innerHTML="<a name='"+d+"'/>",e.insertBefore(a,e.firstChild),c.getElementById(d)&&(l.find.ID=function(a,c,d){if(typeof c.getElementById!="undefined"&&!d){var e=c.getElementById(a[1]);return e?e.id===a[1]||typeof e.getAttributeNode!="undefined"&&e.getAttributeNode("id").nodeValue===a[1]?[e]:b:[]}},l.filter.ID=function(a,b){var c=typeof a.getAttributeNode!="undefined"&&a.getAttributeNode("id");return a.nodeType===1&&c&&c.nodeValue===b}),e.removeChild(a),e=a=null}(),function(){var a=c.createElement("div");a.appendChild(c.createComment("")),a.getElementsByTagName("*").length>0&&(l.find.TAG=function(a,b){var c=b.getElementsByTagName(a[1]);if(a[1]==="*"){var d=[];for(var e=0;c[e];e++)c[e].nodeType===1&&d.push(c[e]);c=d}return c}),a.innerHTML="<a href='#'></a>",a.firstChild&&typeof a.firstChild.getAttribute!="undefined"&&a.firstChild.getAttribute("href")!=="#"&&(l.attrHandle.href=function(a){return a.getAttribute("href",2)}),a=null}(),c.querySelectorAll&&function(){var a=k,b=c.createElement("div"),d="__sizzle__";b.innerHTML="<p class='TEST'></p>";if(!b.querySelectorAll||b.querySelectorAll(".TEST").length!==0){k=function(b,e,f,g){e=e||c;if(!g&&!k.isXML(e)){var h=/^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec(b);if(h&&(e.nodeType===1||e.nodeType===9)){if(h[1])return p(e.getElementsByTagName(b),f);if(h[2]&&l.find.CLASS&&e.getElementsByClassName)return p(e.getElementsByClassName(h[2]),f)}if(e.nodeType===9){if(b==="body"&&e.body)return p([e.body],f);if(h&&h[3]){var i=e.getElementById(h[3]);if(!i||!i.parentNode)return p([],f);if(i.id===h[3])return p([i],f)}try{return p(e.querySelectorAll(b),f)}catch(j){}}else if(e.nodeType===1&&e.nodeName.toLowerCase()!=="object"){var m=e,n=e.getAttribute("id"),o=n||d,q=e.parentNode,r=/^\s*[+~]/.test(b);n?o=o.replace(/'/g,"\\$&"):e.setAttribute("id",o),r&&q&&(e=e.parentNode);try{if(!r||q)return p(e.querySelectorAll("[id='"+o+"'] "+b),f)}catch(s){}finally{n||m.removeAttribute("id")}}}return a(b,e,f,g)};for(var e in a)k[e]=a[e];b=null}}(),function(){var a=c.documentElement,b=a.matchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||a.msMatchesSelector;if(b){var d=!b.call(c.createElement("div"),"div"),e=!1;try{b.call(c.documentElement,"[test!='']:sizzle")}catch(f){e=!0}k.matchesSelector=function(a,c){c=c.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!k.isXML(a))try{if(e||!l.match.PSEUDO.test(c)&&!/!=/.test(c)){var f=b.call(a,c);if(f||!d||a.document&&a.document.nodeType!==11)return f}}catch(g){}return k(c,null,null,[a]).length>0}}}(),function(){var a=c.createElement("div");a.innerHTML="<div class='test e'></div><div class='test'></div>";if(!!a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;l.order.splice(1,0,"CLASS"),l.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?k.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?k.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:k.contains=function(){return!1},k.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var v=function(a,b){var c,d=[],e="",f=b.nodeType?[b]:b;while(c=l.match.PSEUDO.exec(a))e+=c[0],a=a.replace(l.match.PSEUDO,"");a=l.relative[a]?a+"*":a;for(var g=0,h=f.length;g<h;g++)k(a,f[g],d);return k.filter(e,d)};f.find=k,f.expr=k.selectors,f.expr[":"]=f.expr.filters,f.unique=k.uniqueSort,f.text=k.getText,f.isXMLDoc=k.isXML,f.contains=k.contains}();var N=/Until$/,O=/^(?:parents|prevUntil|prevAll)/,P=/,/,Q=/^.[^:#\[\.,]*$/,R=Array.prototype.slice,S=f.expr.match.POS,T={children:!0,contents:!0,next:!0,prev:!0};f.fn.extend({find:function(a){var b=this,c,d;if(typeof a!="string")return f(a).filter(function(){for(c=0,d=b.length;c<d;c++)if(f.contains(b[c],this))return!0});var e=this.pushStack("","find",a),g,h,i;for(c=0,d=this.length;c<d;c++){g=e.length,f.find(a,this[c],e);if(c>0)for(h=g;h<e.length;h++)for(i=0;i<g;i++)if(e[i]===e[h]){e.splice(h--,1);break}}return e},has:function(a){var b=f(a);return this.filter(function(){for(var a=0,c=b.length;a<c;a++)if(f.contains(this,b[a]))return!0})},not:function(a){return this.pushStack(V(this,a,!1),"not",a)},filter:function(a){return this.pushStack(V(this,a,!0),"filter",a)},is:function(a){return!!a&&(typeof a=="string"?f.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){var c=[],d,e,g=this[0];if(f.isArray(a)){var h,i,j={},k=1;if(g&&a.length){for(d=0,e=a.length;d<e;d++)i=a[d],j[i]||(j[i]=S.test(i)?f(i,b||this.context):i);while(g&&g.ownerDocument&&g!==b){for(i in j)h=j[i],(h.jquery?h.index(g)>-1:f(g).is(h))&&c.push({selector:i,elem:g,level:k});g=g.parentNode,k++}}return c}var l=S.test(a)||typeof a!="string"?f(a,b||this.context):0;for(d=0,e=this.length;d<e;d++){g=this[d];while(g){if(l?l.index(g)>-1:f.find.matchesSelector(g,a)){c.push(g);break}g=g.parentNode;if(!g||!g.ownerDocument||g===b||g.nodeType===11)break}}c=c.length>1?f.unique(c):c;return this.pushStack(c,"closest",a)},index:function(a){if(!a)return this[0]&&this[0].parentNode?this.prevAll().length:-1;if(typeof a=="string")return f.inArray(this[0],f(a));return f.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var c=typeof a=="string"?f(a,b):f.makeArray(a&&a.nodeType?[a]:a),d=f.merge(this.get(),c);return this.pushStack(U(c[0])||U(d[0])?d:f.unique(d))},andSelf:function(){return this.add(this.prevObject)}}),f.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return f.dir(a,"parentNode")},parentsUntil:function(a,b,c){return f.dir(a,"parentNode",c)},next:function(a){return f.nth(a,2,"nextSibling")},prev:function(a){return f.nth(a,2,"previousSibling")},nextAll:function(a){return f.dir(a,"nextSibling")},prevAll:function(a){return f.dir(a,"previousSibling")},nextUntil:function(a,b,c){return f.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return f.dir(a,"previousSibling",c)},siblings:function(a){return f.sibling(a.parentNode.firstChild,a)},children:function(a){return f.sibling(a.firstChild)},contents:function(a){return f.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:f.makeArray(a.childNodes)}},function(a,b){f.fn[a]=function(c,d){var e=f.map(this,b,c),g=R.call(arguments);N.test(a)||(d=c),d&&typeof d=="string"&&(e=f.filter(d,e)),e=this.length>1&&!T[a]?f.unique(e):e,(this.length>1||P.test(d))&&O.test(a)&&(e=e.reverse());return this.pushStack(e,a,g.join(","))}}),f.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?f.find.matchesSelector(b[0],a)?[b[0]]:[]:f.find.matches(a,b)},dir:function(a,c,d){var e=[],g=a[c];while(g&&g.nodeType!==9&&(d===b||g.nodeType!==1||!f(g).is(d)))g.nodeType===1&&e.push(g),g=g[c];return e},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var W=/ jQuery\d+="(?:\d+|null)"/g,X=/^\s+/,Y=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Z=/<([\w:]+)/,$=/<tbody/i,_=/<|&#?\w+;/,ba=/<(?:script|object|embed|option|style)/i,bb=/checked\s*(?:[^=]|=\s*.checked.)/i,bc=/\/(java|ecma)script/i,bd=/^\s*<!(?:\[CDATA\[|\-\-)/,be={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]};be.optgroup=be.option,be.tbody=be.tfoot=be.colgroup=be.caption=be.thead,be.th=be.td,f.support.htmlSerialize||(be._default=[1,"div<div>","</div>"]),f.fn.extend({text:function(a){if(f.isFunction(a))return this.each(function(b){var c=f(this);c.text(a.call(this,b,c.text()))});if(typeof a!="object"&&a!==b)return this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a));return f.text(this)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){f(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,f(arguments[0]).toArray());return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){if(a===b)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(W,""):null;if(typeof a=="string"&&!ba.test(a)&&(f.support.leadingWhitespace||!X.test(a))&&!be[(Z.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Y,"<$1></$2>");try{for(var c=0,d=this.length;c<d;c++)this[c].nodeType===1&&(f.cleanData(this[c].getElementsByTagName("*")),this[c].innerHTML=a)}catch(e){this.empty().append(a)}}else f.isFunction(a)?this.each(function(b){var c=f(this);c.html(a.call(this,b,c.html()))}):this.empty().append(a);return this},replaceWith:function(a){if(this[0]&&this[0].parentNode){if(f.isFunction(a))return this.each(function(b){var c=f(this),d=c.html();c.replaceWith(a.call(this,b,d))});typeof a!="string"&&(a=f(a).detach());return this.each(function(){var b=this.nextSibling,c=this.parentNode;f(this).remove(),b?f(b).before(a):f(c).append(a)})}return this.length?this.pushStack(f(f.isFunction(a)?a():a),"replaceWith",a):this},detach:function(a){return this.remove(a,!0)},domManip:function(a,c,d){var e,g,h,i,j=a[0],k=[];if(!f.support.checkClone&&arguments.length===3&&typeof j=="string"&&bb.test(j))return this.each(function(){f(this).domManip(a,c,d,!0)});if(f.isFunction(j))return this.each(function(e){var g=f(this);a[0]=j.call(this,e,c?g.html():b),g.domManip(a,c,d)});if(this[0]){i=j&&j.parentNode,f.support.parentNode&&i&&i.nodeType===11&&i.childNodes.length===this.length?e={fragment:i}:e=f.buildFragment(a,this,k),h=e.fragment,h.childNodes.length===1?g=h=h.firstChild:g=h.firstChild;if(g){c=c&&f.nodeName(g,"tr");for(var l=0,m=this.length,n=m-1;l<m;l++)d.call(c?bf(this[l],g):this[l],e.cacheable||m>1&&l<n?f.clone(h,!0,!0):h)}k.length&&f.each(k,bl)}return this}}),f.buildFragment=function(a,b,d){var e,g,h,i;b&&b[0]&&(i=b[0].ownerDocument||b[0]),i.createDocumentFragment||(i=c),a.length===1&&typeof a[0]=="string"&&a[0].length<512&&i===c&&a[0].charAt(0)==="<"&&!ba.test(a[0])&&(f.support.checkClone||!bb.test(a[0]))&&(g=!0,h=f.fragments[a[0]],h&&h!==1&&(e=h)),e||(e=i.createDocumentFragment(),f.clean
+(a,i,e,d)),g&&(f.fragments[a[0]]=h?e:1);return{fragment:e,cacheable:g}},f.fragments={},f.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){f.fn[a]=function(c){var d=[],e=f(c),g=this.length===1&&this[0].parentNode;if(g&&g.nodeType===11&&g.childNodes.length===1&&e.length===1){e[b](this[0]);return this}for(var h=0,i=e.length;h<i;h++){var j=(h>0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j)}return this.pushStack(d,a,e.selector)}}),f.extend({clone:function(a,b,c){var d=a.cloneNode(!0),e,g,h;if((!f.support.noCloneEvent||!f.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!f.isXMLDoc(a)){bh(a,d),e=bi(a),g=bi(d);for(h=0;e[h];++h)g[h]&&bh(e[h],g[h])}if(b){bg(a,d);if(c){e=bi(a),g=bi(d);for(h=0;e[h];++h)bg(e[h],g[h])}}e=g=null;return d},clean:function(a,b,d,e){var g;b=b||c,typeof b.createElement=="undefined"&&(b=b.ownerDocument||b[0]&&b[0].ownerDocument||c);var h=[],i;for(var j=0,k;(k=a[j])!=null;j++){typeof k=="number"&&(k+="");if(!k)continue;if(typeof k=="string")if(!_.test(k))k=b.createTextNode(k);else{k=k.replace(Y,"<$1></$2>");var l=(Z.exec(k)||["",""])[1].toLowerCase(),m=be[l]||be._default,n=m[0],o=b.createElement("div");o.innerHTML=m[1]+k+m[2];while(n--)o=o.lastChild;if(!f.support.tbody){var p=$.test(k),q=l==="table"&&!p?o.firstChild&&o.firstChild.childNodes:m[1]==="<table>"&&!p?o.childNodes:[];for(i=q.length-1;i>=0;--i)f.nodeName(q[i],"tbody")&&!q[i].childNodes.length&&q[i].parentNode.removeChild(q[i])}!f.support.leadingWhitespace&&X.test(k)&&o.insertBefore(b.createTextNode(X.exec(k)[0]),o.firstChild),k=o.childNodes}var r;if(!f.support.appendChecked)if(k[0]&&typeof (r=k.length)=="number")for(i=0;i<r;i++)bk(k[i]);else bk(k);k.nodeType?h.push(k):h=f.merge(h,k)}if(d){g=function(a){return!a.type||bc.test(a.type)};for(j=0;h[j];j++)if(e&&f.nodeName(h[j],"script")&&(!h[j].type||h[j].type.toLowerCase()==="text/javascript"))e.push(h[j].parentNode?h[j].parentNode.removeChild(h[j]):h[j]);else{if(h[j].nodeType===1){var s=f.grep(h[j].getElementsByTagName("script"),g);h.splice.apply(h,[j+1,0].concat(s))}d.appendChild(h[j])}}return h},cleanData:function(a){var b,c,d=f.cache,e=f.expando,g=f.event.special,h=f.support.deleteExpando;for(var i=0,j;(j=a[i])!=null;i++){if(j.nodeName&&f.noData[j.nodeName.toLowerCase()])continue;c=j[f.expando];if(c){b=d[c]&&d[c][e];if(b&&b.events){for(var k in b.events)g[k]?f.event.remove(j,k):f.removeEvent(j,k,b.handle);b.handle&&(b.handle.elem=null)}h?delete j[f.expando]:j.removeAttribute&&j.removeAttribute(f.expando),delete d[c]}}}});var bm=/alpha\([^)]*\)/i,bn=/opacity=([^)]*)/,bo=/([A-Z]|^ms)/g,bp=/^-?\d+(?:px)?$/i,bq=/^-?\d/,br=/^([\-+])=([\-+.\de]+)/,bs={position:"absolute",visibility:"hidden",display:"block"},bt=["Left","Right"],bu=["Top","Bottom"],bv,bw,bx;f.fn.css=function(a,c){if(arguments.length===2&&c===b)return this;return f.access(this,a,c,!0,function(a,c,d){return d!==b?f.style(a,c,d):f.css(a,c)})},f.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=bv(a,"opacity","opacity");return c===""?"1":c}return a.style.opacity}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":f.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,c,d,e){if(!!a&&a.nodeType!==3&&a.nodeType!==8&&!!a.style){var g,h,i=f.camelCase(c),j=a.style,k=f.cssHooks[i];c=f.cssProps[i]||i;if(d===b){if(k&&"get"in k&&(g=k.get(a,!1,e))!==b)return g;return j[c]}h=typeof d,h==="string"&&(g=br.exec(d))&&(d=+(g[1]+1)*+g[2]+parseFloat(f.css(a,c)),h="number");if(d==null||h==="number"&&isNaN(d))return;h==="number"&&!f.cssNumber[i]&&(d+="px");if(!k||!("set"in k)||(d=k.set(a,d))!==b)try{j[c]=d}catch(l){}}},css:function(a,c,d){var e,g;c=f.camelCase(c),g=f.cssHooks[c],c=f.cssProps[c]||c,c==="cssFloat"&&(c="float");if(g&&"get"in g&&(e=g.get(a,!0,d))!==b)return e;if(bv)return bv(a,c)},swap:function(a,b,c){var d={};for(var e in b)d[e]=a.style[e],a.style[e]=b[e];c.call(a);for(e in b)a.style[e]=d[e]}}),f.curCSS=f.css,f.each(["height","width"],function(a,b){f.cssHooks[b]={get:function(a,c,d){var e;if(c){if(a.offsetWidth!==0)return by(a,b,d);f.swap(a,bs,function(){e=by(a,b,d)});return e}},set:function(a,b){if(!bp.test(b))return b;b=parseFloat(b);if(b>=0)return b+"px"}}}),f.support.opacity||(f.cssHooks.opacity={get:function(a,b){return bn.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=f.isNaN(b)?"":"alpha(opacity="+b*100+")",g=d&&d.filter||c.filter||"";c.zoom=1;if(b>=1&&f.trim(g.replace(bm,""))===""){c.removeAttribute("filter");if(d&&!d.filter)return}c.filter=bm.test(g)?g.replace(bm,e):g+" "+e}}),f(function(){f.support.reliableMarginRight||(f.cssHooks.marginRight={get:function(a,b){var c;f.swap(a,{display:"inline-block"},function(){b?c=bv(a,"margin-right","marginRight"):c=a.style.marginRight});return c}})}),c.defaultView&&c.defaultView.getComputedStyle&&(bw=function(a,c){var d,e,g;c=c.replace(bo,"-$1").toLowerCase();if(!(e=a.ownerDocument.defaultView))return b;if(g=e.getComputedStyle(a,null))d=g.getPropertyValue(c),d===""&&!f.contains(a.ownerDocument.documentElement,a)&&(d=f.style(a,c));return d}),c.documentElement.currentStyle&&(bx=function(a,b){var c,d=a.currentStyle&&a.currentStyle[b],e=a.runtimeStyle&&a.runtimeStyle[b],f=a.style;!bp.test(d)&&bq.test(d)&&(c=f.left,e&&(a.runtimeStyle.left=a.currentStyle.left),f.left=b==="fontSize"?"1em":d||0,d=f.pixelLeft+"px",f.left=c,e&&(a.runtimeStyle.left=e));return d===""?"auto":d}),bv=bw||bx,f.expr&&f.expr.filters&&(f.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!f.support.reliableHiddenOffsets&&(a.style.display||f.css(a,"display"))==="none"},f.expr.filters.visible=function(a){return!f.expr.filters.hidden(a)});var bz=/%20/g,bA=/\[\]$/,bB=/\r?\n/g,bC=/#.*$/,bD=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,bE=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,bF=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,bG=/^(?:GET|HEAD)$/,bH=/^\/\//,bI=/\?/,bJ=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,bK=/^(?:select|textarea)/i,bL=/\s+/,bM=/([?&])_=[^&]*/,bN=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,bO=f.fn.load,bP={},bQ={},bR,bS,bT=["*/"]+["*"];try{bR=e.href}catch(bU){bR=c.createElement("a"),bR.href="",bR=bR.href}bS=bN.exec(bR.toLowerCase())||[],f.fn.extend({load:function(a,c,d){if(typeof a!="string"&&bO)return bO.apply(this,arguments);if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var g=a.slice(e,a.length);a=a.slice(0,e)}var h="GET";c&&(f.isFunction(c)?(d=c,c=b):typeof c=="object"&&(c=f.param(c,f.ajaxSettings.traditional),h="POST"));var i=this;f.ajax({url:a,type:h,dataType:"html",data:c,complete:function(a,b,c){c=a.responseText,a.isResolved()&&(a.done(function(a){c=a}),i.html(g?f("<div>").append(c.replace(bJ,"")).find(g):c)),d&&i.each(d,[c,b,a])}});return this},serialize:function(){return f.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?f.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bK.test(this.nodeName)||bE.test(this.type))}).map(function(a,b){var c=f(this).val();return c==null?null:f.isArray(c)?f.map(c,function(a,c){return{name:b.name,value:a.replace(bB,"\r\n")}}):{name:b.name,value:c.replace(bB,"\r\n")}}).get()}}),f.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){f.fn[b]=function(a){return this.bind(b,a)}}),f.each(["get","post"],function(a,c){f[c]=function(a,d,e,g){f.isFunction(d)&&(g=g||e,e=d,d=b);return f.ajax({type:c,url:a,data:d,success:e,dataType:g})}}),f.extend({getScript:function(a,c){return f.get(a,b,c,"script")},getJSON:function(a,b,c){return f.get(a,b,c,"json")},ajaxSetup:function(a,b){b?bX(a,f.ajaxSettings):(b=a,a=f.ajaxSettings),bX(a,b);return a},ajaxSettings:{url:bR,isLocal:bF.test(bS[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":bT},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":f.parseJSON,"text xml":f.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:bV(bP),ajaxTransport:bV(bQ),ajax:function(a,c){function w(a,c,l,m){if(s!==2){s=2,q&&clearTimeout(q),p=b,n=m||"",v.readyState=a>0?4:0;var o,r,u,w=c,x=l?bZ(d,v,l):b,y,z;if(a>=200&&a<300||a===304){if(d.ifModified){if(y=v.getResponseHeader("Last-Modified"))f.lastModified[k]=y;if(z=v.getResponseHeader("Etag"))f.etag[k]=z}if(a===304)w="notmodified",o=!0;else try{r=b$(d,x),w="success",o=!0}catch(A){w="parsererror",u=A}}else{u=w;if(!w||a)w="error",a<0&&(a=0)}v.status=a,v.statusText=""+(c||w),o?h.resolveWith(e,[r,w,v]):h.rejectWith(e,[v,w,u]),v.statusCode(j),j=b,t&&g.trigger("ajax"+(o?"Success":"Error"),[v,d,o?r:u]),i.resolveWith(e,[v,w]),t&&(g.trigger("ajaxComplete",[v,d]),--f.active||f.event.trigger("ajaxStop"))}}typeof a=="object"&&(c=a,a=b),c=c||{};var d=f.ajaxSetup({},c),e=d.context||d,g=e!==d&&(e.nodeType||e instanceof f)?f(e):f.event,h=f.Deferred(),i=f._Deferred(),j=d.statusCode||{},k,l={},m={},n,o,p,q,r,s=0,t,u,v={readyState:0,setRequestHeader:function(a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this},getAllResponseHeaders:function(){return s===2?n:null},getResponseHeader:function(a){var c;if(s===2){if(!o){o={};while(c=bD.exec(n))o[c[1].toLowerCase()]=c[2]}c=o[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){s||(d.mimeType=a);return this},abort:function(a){a=a||"abort",p&&p.abort(a),w(0,a);return this}};h.promise(v),v.success=v.done,v.error=v.fail,v.complete=i.done,v.statusCode=function(a){if(a){var b;if(s<2)for(b in a)j[b]=[j[b],a[b]];else b=a[v.status],v.then(b,b)}return this},d.url=((a||d.url)+"").replace(bC,"").replace(bH,bS[1]+"//"),d.dataTypes=f.trim(d.dataType||"*").toLowerCase().split(bL),d.crossDomain==null&&(r=bN.exec(d.url.toLowerCase()),d.crossDomain=!(!r||r[1]==bS[1]&&r[2]==bS[2]&&(r[3]||(r[1]==="http:"?80:443))==(bS[3]||(bS[1]==="http:"?80:443)))),d.data&&d.processData&&typeof d.data!="string"&&(d.data=f.param(d.data,d.traditional)),bW(bP,d,c,v);if(s===2)return!1;t=d.global,d.type=d.type.toUpperCase(),d.hasContent=!bG.test(d.type),t&&f.active++===0&&f.event.trigger("ajaxStart");if(!d.hasContent){d.data&&(d.url+=(bI.test(d.url)?"&":"?")+d.data,delete d.data),k=d.url;if(d.cache===!1){var x=f.now(),y=d.url.replace(bM,"$1_="+x);d.url=y+(y===d.url?(bI.test(d.url)?"&":"?")+"_="+x:"")}}(d.data&&d.hasContent&&d.contentType!==!1||c.contentType)&&v.setRequestHeader("Content-Type",d.contentType),d.ifModified&&(k=k||d.url,f.lastModified[k]&&v.setRequestHeader("If-Modified-Since",f.lastModified[k]),f.etag[k]&&v.setRequestHeader("If-None-Match",f.etag[k])),v.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+(d.dataTypes[0]!=="*"?", "+bT+"; q=0.01":""):d.accepts["*"]);for(u in d.headers)v.setRequestHeader(u,d.headers[u]);if(d.beforeSend&&(d.beforeSend.call(e,v,d)===!1||s===2)){v.abort();return!1}for(u in{success:1,error:1,complete:1})v[u](d[u]);p=bW(bQ,d,c,v);if(!p)w(-1,"No Transport");else{v.readyState=1,t&&g.trigger("ajaxSend",[v,d]),d.async&&d.timeout>0&&(q=setTimeout(function(){v.abort("timeout")},d.timeout));try{s=1,p.send(l,w)}catch(z){s<2?w(-1,z):f.error(z)}}return v},param:function(a,c){var d=[],e=function(a,b){b=f.isFunction(b)?b():b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=f.ajaxSettings.traditional);if(f.isArray(a)||a.jquery&&!f.isPlainObject(a))f.each(a,function(){e(this.name,this.value)});else for(var g in a)bY(g,a[g],c,e);return d.join("&").replace(bz,"+")}}),f.extend({active:0,lastModified:{},etag:{}});var b_=f.now(),ca=/(\=)\?(&|$)|\?\?/i;f.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return f.expando+"_"+b_++}}),f.ajaxPrefilter("json jsonp",function(b,c,d){var e=b.contentType==="application/x-www-form-urlencoded"&&typeof b.data=="string";if(b.dataTypes[0]==="jsonp"||b.jsonp!==!1&&(ca.test(b.url)||e&&ca.test(b.data))){var g,h=b.jsonpCallback=f.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2";b.jsonp!==!1&&(j=j.replace(ca,l),b.url===j&&(e&&(k=k.replace(ca,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},d.always(function(){a[h]=i,g&&f.isFunction(i)&&a[h](g[0])}),b.converters["script json"]=function(){g||f.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),f.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){f.globalEval(a);return a}}}),f.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),f.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(c||!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var cb=a.ActiveXObject?function(){for(var a in cd)cd[a](0,1)}:!1,cc=0,cd;f.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&ce()||cf()}:ce,function(a){f.extend(f.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(f.ajaxSettings.xhr()),f.support.ajax&&f.ajaxTransport(function(c){if(!c.crossDomain||f.support.cors){var d;return{send:function(e,g){var h=c.xhr(),i,j;c.username?h.open(c.type,c.url,c.async,c.username,c.password):h.open(c.type,c.url,c.async);if(c.xhrFields)for(j in c.xhrFields)h[j]=c.xhrFields[j];c.mimeType&&h.overrideMimeType&&h.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(j in e)h.setRequestHeader(j,e[j])}catch(k){}h.send(c.hasContent&&c.data||null),d=function(a,e){var j,k,l,m,n;try{if(d&&(e||h.readyState===4)){d=b,i&&(h.onreadystatechange=f.noop,cb&&delete cd[i]);if(e)h.readyState!==4&&h.abort();else{j=h.status,l=h.getAllResponseHeaders(),m={},n=h.responseXML,n&&n.documentElement&&(m.xml=n),m.text=h.responseText;try{k=h.statusText}catch(o){k=""}!j&&c.isLocal&&!c.crossDomain?j=m.text?200:404:j===1223&&(j=204)}}}catch(p){e||g(-1,p)}m&&g(j,k,m,l)},!c.async||h.readyState===4?d():(i=++cc,cb&&(cd||(cd={},f(a).unload(cb)),cd[i]=d),h.onreadystatechange=d)},abort:function(){d&&d(0,1)}}}});var cg={},ch,ci,cj=/^(?:toggle|show|hide)$/,ck=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,cl,cm=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]],cn;f.fn.extend({show:function(a,b,c){var d,e;if(a||a===0)return this.animate(cq("show",3),a,b,c);for(var g=0,h=this.length;g<h;g++)d=this[g],d.style&&(e=d.style.display,!f._data(d,"olddisplay")&&e==="none"&&(e=d.style.display=""),e===""&&f.css(d,"display")==="none"&&f._data(d,"olddisplay",cr(d.nodeName)));for(g=0;g<h;g++){d=this[g];if(d.style){e=d.style.display;if(e===""||e==="none")d.style.display=f._data(d,"olddisplay")||""}}return this},hide:function(a,b,c){if(a||a===0)return this.animate(cq("hide",3),a,b,c);for(var d=0,e=this.length;d<e;d++)if(this[d].style){var g=f.css(this[d],"display");g!=="none"&&!f._data(this[d],"olddisplay")&&f._data(this[d],"olddisplay",g)}for(d=0;d<e;d++)this[d].style&&(this[d].style.display="none");return this},_toggle:f.fn.toggle,toggle:function(a,b,c){var d=typeof a=="boolean";f.isFunction(a)&&f.isFunction(b)?this._toggle.apply(this,arguments):a==null||d?this.each(function(){var b=d?a:f(this).is(":hidden");f(this)[b?"show":"hide"]()}):this.animate(cq("toggle",3),a,b,c);return this},fadeTo:function(a,b,c,d){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=f.speed(b,c,d);if(f.isEmptyObject(a))return this.each(e.complete,[!1]);a=f.extend({},a);return this[e.queue===!1?"each":"queue"](function(){e.queue===!1&&f._mark(this);var b=f.extend({},e),c=this.nodeType===1,d=c&&f(this).is(":hidden"),g,h,i,j,k,l,m,n,o;b.animatedProperties={};for(i in a){g=f.camelCase(i),i!==g&&(a[g]=a[i],delete a[i]),h=a[g],f.isArray(h)?(b.animatedProperties[g]=h[1],h=a[g]=h[0]):b.animatedProperties[g]=b.specialEasing&&b.specialEasing[g]||b.easing||"swing";if(h==="hide"&&d||h==="show"&&!d)return b.complete.call(this);c&&(g==="height"||g==="width")&&(b.overflow=[this.style.overflow,this.style.overflowX,this.style.overflowY],f.css(this,"display")==="inline"&&f.css(this,"float")==="none"&&(f.support.inlineBlockNeedsLayout?(j=cr(this.nodeName),j==="inline"?this.style.display="inline-block":(this.style.display="inline",this.style.zoom=1)):this.style.display="inline-block"))}b.overflow!=null&&(this.style.overflow="hidden");for(i in a)k=new f.fx(this,b,i),h=a[i],cj.test(h)?k[h==="toggle"?d?"show":"hide":h]():(l=ck.exec(h),m=k.cur(),l?(n=parseFloat(l[2]),o=l[3]||(f.cssNumber[i]?"":"px"),o!=="px"&&(f.style(this,i,(n||1)+o),m=(n||1)/k.cur()*m,f.style(this,i,m+o)),l[1]&&(n=(l[1]==="-="?-1:1)*n+m),k.custom(m,n,o)):k.custom(m,h,""));return!0})},stop:function(a,b){a&&this.queue([]),this.each(function(){var a=f.timers,c=a.length;b||f._unmark(!0,this);while(c--)a[c].elem===this&&(b&&a[c](!0),a.splice(c,1))}),b||this.dequeue();return this}}),f.each({slideDown:cq("show",1),slideUp:cq("hide",1),slideToggle:cq("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){f.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),f.extend({speed:function(a,b,c){var d=a&&typeof a=="object"?f.extend({},a):{complete:c||!c&&b||f.isFunction(a)&&a,duration:a,easing:c&&b||b&&!f.isFunction(b)&&b};d.duration=f.fx.off?0:typeof d.duration=="number"?d.duration:d.duration in f.fx.speeds?f.fx.speeds[d.duration]:f.fx.speeds._default,d.old=d.complete,d.complete=function(a){f.isFunction(d.old)&&d.old.call(this),d.queue!==!1?f.dequeue(this):a!==!1&&f._unmark(this)};return d},easing:{linear:function(a,b,c,d){return c+d*a},swing:function(a,b,c,d){return(-Math.cos(a*Math.PI)/2+.5)*d+c}},timers:[],fx:function(a,b,c){this.options=b,this.elem=a,this.prop=c,b.orig=b.orig||{}}}),f.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this),(f.fx.step[this.prop]||f.fx.step._default)(this)},cur:function(){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];var a,b=f.css(this.elem,this.prop);return isNaN(a=parseFloat(b))?!b||b==="auto"?0:b:a},custom:function(a,b,c){function g(a){return d.step(a)}var d=this,e=f.fx;this.startTime=cn||co(),this.start=a,this.end=b,this.unit=c||this.unit||(f.cssNumber[this.prop]?"":"px"),this.now=this.start,this.pos=this.state=0,g.elem=this.elem,g()&&f.timers.push(g)&&!cl&&(cl=setInterval(e.tick,e.interval))},show:function(){this.options.orig[this.prop]=f.style(this.elem,this.prop),this.options.show=!0,this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur()),f(this.elem).show()},hide:function(){this.options.orig[this.prop]=f.style(this.elem,this.prop),this.options.hide=!0,this.custom(this.cur(),0)},step:function(a){var b=cn||co(),c=!0,d=this.elem,e=this.options,g,h;if(a||b>=e.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),e.animatedProperties[this.prop]=!0;for(g in e.animatedProperties)e.animatedProperties[g]!==!0&&(c=!1);if(c){e.overflow!=null&&!f.support.shrinkWrapBlocks&&f.each(["","X","Y"],function(a,b){d.style["overflow"+b]=e.overflow[a]}),e.hide&&f(d).hide();if(e.hide||e.show)for(var i in e.animatedProperties)f.style(d,i,e.orig[i]);e.complete.call(d)}return!1}e.duration==Infinity?this.now=b:(h=b-this.startTime,this.state=h/e.duration,this.pos=f.easing[e.animatedProperties[this.prop]](this.state,h,0,1,e.duration),this.now=this.start+(this.end-this.start)*this.pos),this.update();return!0}},f.extend(f.fx,{tick:function(){for(var a=f.timers,b=0;b<a.length;++b)a[b]()||a.splice(b--,1);a.length||f.fx.stop()},interval:13,stop:function(){clearInterval(cl),cl=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){f.style(a.elem,"opacity",a.now)},_default:function(a){a.elem.style&&a.elem.style[a.prop]!=null?a.elem.style[a.prop]=(a.prop==="width"||a.prop==="height"?Math.max(0,a.now):a.now)+a.unit:a.elem[a.prop]=a.now}}}),f.expr&&f.expr.filters&&(f.expr.filters.animated=function(a){return f.grep(f.timers,function(b){return a===b.elem}).length});var cs=/^t(?:able|d|h)$/i,ct=/^(?:body|html)$/i;"getBoundingClientRect"in c.documentElement?f.fn.offset=function(a){var b=this[0],c;if(a)return this.each(function(b){f.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return f.offset.bodyOffset(b);try{c=b.getBoundingClientRect()}catch(d){}var e=b.ownerDocument,g=e.documentElement;if(!c||!f.contains(g,b))return c?{top:c.top,left:c.left}:{top:0,left:0};var h=e.body,i=cu(e),j=g.clientTop||h.clientTop||0,k=g.clientLeft||h.clientLeft||0,l=i.pageYOffset||f.support.boxModel&&g.scrollTop||h.scrollTop,m=i.pageXOffset||f.support.boxModel&&g.scrollLeft||h.scrollLeft,n=c.top+l-j,o=c.left+m-k;return{top:n,left:o}}:f.fn.offset=function(a){var b=this[0];if(a)return this.each(function(b){f.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return f.offset.bodyOffset(b);f.offset.initialize();var c,d=b.offsetParent,e=b,g=b.ownerDocument,h=g.documentElement,i=g.body,j=g.defaultView,k=j?j.getComputedStyle(b,null):b.currentStyle,l=b.offsetTop,m=b.offsetLeft;while((b=b.parentNode)&&b!==i&&b!==h){if(f.offset.supportsFixedPosition&&k.position==="fixed")break;c=j?j.getComputedStyle(b,null):b.currentStyle,l-=b.scrollTop,m-=b.scrollLeft,b===d&&(l+=b.offsetTop,m+=b.offsetLeft,f.offset.doesNotAddBorder&&(!f.offset.doesAddBorderForTableAndCells||!cs.test(b.nodeName))&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),e=d,d=b.offsetParent),f.offset.subtractsBorderForOverflowNotVisible&&c.overflow!=="visible"&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),k=c}if(k.position==="relative"||k.position==="static")l+=i.offsetTop,m+=i.offsetLeft;f.offset.supportsFixedPosition&&k.position==="fixed"&&(l+=Math.max(h.scrollTop,i.scrollTop),m+=Math.max(h.scrollLeft,i.scrollLeft));return{top:l,left:m}},f.offset={initialize:function(){var a=c.body,b=c.createElement("div"),d,e,g,h,i=parseFloat(f.css(a,"marginTop"))||0,j="<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";f.extend(b.style,{position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",height:"1px",visibility:"hidden"}),b.innerHTML=j,a.insertBefore(b,a.firstChild),d=b.firstChild,e=d.firstChild,h=d.nextSibling.firstChild.firstChild,this.doesNotAddBorder=e.offsetTop!==5,this.doesAddBorderForTableAndCells=h.offsetTop===5,e.style.position="fixed",e.style.top="20px",this.supportsFixedPosition=e.offsetTop===20||e.offsetTop===15,e.style.position=e.style.top="",d.style.overflow="hidden",d.style.position="relative",this.subtractsBorderForOverflowNotVisible=e.offsetTop===-5,this.doesNotIncludeMarginInBodyOffset=a.offsetTop!==i,a.removeChild(b),f.offset.initialize=f.noop},bodyOffset:function(a){var b=a.offsetTop,c=a.offsetLeft;f.offset.initialize(),f.offset.doesNotIncludeMarginInBodyOffset&&(b+=parseFloat(f.css(a,"marginTop"))||0,c+=parseFloat(f.css(a,"marginLeft"))||0);return{top:b,left:c}},setOffset:function(a,b,c){var d=f.css(a,"position");d==="static"&&(a.style.position="relative");var e=f(a),g=e.offset(),h=f.css(a,"top"),i=f.css(a,"left"),j=(d==="absolute"||d==="fixed")&&f.inArray("auto",[h,i])>-1,k={},l={},m,n;j?(l=e.position(),m=l.top,n=l.left):(m=parseFloat(h)||0,n=parseFloat(i)||0),f.isFunction(b)&&(b=b.call(a,c,g)),b.top!=null&&(k.top=b.top-g.top+m),b.left!=null&&(k.left=b.left-g.left+n),"using"in b?b.using.call(a,k):e.css(k)}},f.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),c=this.offset(),d=ct.test(b[0].nodeName)?{top:0,left:0}:b.offset();c.top-=parseFloat(f.css(a,"marginTop"))||0,c.left-=parseFloat(f.css(a,"marginLeft"))||0,d.top+=parseFloat(f.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(f.css(b[0],"borderLeftWidth"))||0;return{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||c.body;while(a&&!ct.test(a.nodeName)&&f.css(a,"position")==="static")a=a.offsetParent;return a})}}),f.each(["Left","Top"],function(a,c){var d="scroll"+c;f.fn[d]=function(c){var e,g;if(c===b){e=this[0];if(!e)return null;g=cu(e);return g?"pageXOffset"in g?g[a?"pageYOffset":"pageXOffset"]:f.support.boxModel&&g.document.documentElement[d]||g.document.body[d]:e[d]}return this.each(function(){g=cu(this),g?g.scrollTo(a?f(g).scrollLeft():c,a?c:f(g).scrollTop()):this[d]=c})}}),f.each(["Height","Width"],function(a,c){var d=c.toLowerCase();f.fn["inner"+c]=function(){var a=this[0];return a&&a.style?parseFloat(f.css(a,d,"padding")):null},f.fn["outer"+c]=function(a){var b=this[0];return b&&b.style?parseFloat(f.css(b,d,a?"margin":"border")):null},f.fn[d]=function(a){var e=this[0];if(!e)return a==null?null:this;if(f.isFunction(a))return this.each(function(b){var c=f(this);c[d](a.call(this,b,c[d]()))});if(f.isWindow(e)){var g=e.document.documentElement["client"+c],h=e.document.body;return e.document.compatMode==="CSS1Compat"&&g||h&&h["client"+c]||g}if(e.nodeType===9)return Math.max(e.documentElement["client"+c],e.body["scroll"+c],e.documentElement["scroll"+c],e.body["offset"+c],e.documentElement["offset"+c]);if(a===b){var i=f.css(e,d),j=parseFloat(i);return f.isNaN(j)?i:j}return this.css(d,typeof a=="string"?a:a+"px")}}),a.jQuery=a.$=f})(window);
\ No newline at end of file
diff --git a/frontend/imgrid/js/jquery-ui-1.8.16.custom.min.js b/frontend/imgrid/js/jquery-ui-1.8.16.custom.min.js
new file mode 100755
index 0000000..3042d0b
--- /dev/null
+++ b/frontend/imgrid/js/jquery-ui-1.8.16.custom.min.js
@@ -0,0 +1,84 @@
+/*!
+ * jQuery UI 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI
+ */
+(function(c,j){function k(a,b){var d=a.nodeName.toLowerCase();if("area"===d){b=a.parentNode;d=b.name;if(!a.href||!d||b.nodeName.toLowerCase()!=="map")return false;a=c("img[usemap=#"+d+"]")[0];return!!a&&l(a)}return(/input|select|textarea|button|object/.test(d)?!a.disabled:"a"==d?a.href||b:b)&&l(a)}function l(a){return!c(a).parents().andSelf().filter(function(){return c.curCSS(this,"visibility")==="hidden"||c.expr.filters.hidden(this)}).length}c.ui=c.ui||{};if(!c.ui.version){c.extend(c.ui,{version:"1.8.16",
+keyCode:{ALT:18,BACKSPACE:8,CAPS_LOCK:20,COMMA:188,COMMAND:91,COMMAND_LEFT:91,COMMAND_RIGHT:93,CONTROL:17,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,INSERT:45,LEFT:37,MENU:93,NUMPAD_ADD:107,NUMPAD_DECIMAL:110,NUMPAD_DIVIDE:111,NUMPAD_ENTER:108,NUMPAD_MULTIPLY:106,NUMPAD_SUBTRACT:109,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SHIFT:16,SPACE:32,TAB:9,UP:38,WINDOWS:91}});c.fn.extend({propAttr:c.fn.prop||c.fn.attr,_focus:c.fn.focus,focus:function(a,b){return typeof a==="number"?this.each(function(){var d=
+this;setTimeout(function(){c(d).focus();b&&b.call(d)},a)}):this._focus.apply(this,arguments)},scrollParent:function(){var a;a=c.browser.msie&&/(static|relative)/.test(this.css("position"))||/absolute/.test(this.css("position"))?this.parents().filter(function(){return/(relative|absolute|fixed)/.test(c.curCSS(this,"position",1))&&/(auto|scroll)/.test(c.curCSS(this,"overflow",1)+c.curCSS(this,"overflow-y",1)+c.curCSS(this,"overflow-x",1))}).eq(0):this.parents().filter(function(){return/(auto|scroll)/.test(c.curCSS(this,
+"overflow",1)+c.curCSS(this,"overflow-y",1)+c.curCSS(this,"overflow-x",1))}).eq(0);return/fixed/.test(this.css("position"))||!a.length?c(document):a},zIndex:function(a){if(a!==j)return this.css("zIndex",a);if(this.length){a=c(this[0]);for(var b;a.length&&a[0]!==document;){b=a.css("position");if(b==="absolute"||b==="relative"||b==="fixed"){b=parseInt(a.css("zIndex"),10);if(!isNaN(b)&&b!==0)return b}a=a.parent()}}return 0},disableSelection:function(){return this.bind((c.support.selectstart?"selectstart":
+"mousedown")+".ui-disableSelection",function(a){a.preventDefault()})},enableSelection:function(){return this.unbind(".ui-disableSelection")}});c.each(["Width","Height"],function(a,b){function d(f,g,m,n){c.each(e,function(){g-=parseFloat(c.curCSS(f,"padding"+this,true))||0;if(m)g-=parseFloat(c.curCSS(f,"border"+this+"Width",true))||0;if(n)g-=parseFloat(c.curCSS(f,"margin"+this,true))||0});return g}var e=b==="Width"?["Left","Right"]:["Top","Bottom"],h=b.toLowerCase(),i={innerWidth:c.fn.innerWidth,innerHeight:c.fn.innerHeight,
+outerWidth:c.fn.outerWidth,outerHeight:c.fn.outerHeight};c.fn["inner"+b]=function(f){if(f===j)return i["inner"+b].call(this);return this.each(function(){c(this).css(h,d(this,f)+"px")})};c.fn["outer"+b]=function(f,g){if(typeof f!=="number")return i["outer"+b].call(this,f);return this.each(function(){c(this).css(h,d(this,f,true,g)+"px")})}});c.extend(c.expr[":"],{data:function(a,b,d){return!!c.data(a,d[3])},focusable:function(a){return k(a,!isNaN(c.attr(a,"tabindex")))},tabbable:function(a){var b=c.attr(a,
+"tabindex"),d=isNaN(b);return(d||b>=0)&&k(a,!d)}});c(function(){var a=document.body,b=a.appendChild(b=document.createElement("div"));c.extend(b.style,{minHeight:"100px",height:"auto",padding:0,borderWidth:0});c.support.minHeight=b.offsetHeight===100;c.support.selectstart="onselectstart"in b;a.removeChild(b).style.display="none"});c.extend(c.ui,{plugin:{add:function(a,b,d){a=c.ui[a].prototype;for(var e in d){a.plugins[e]=a.plugins[e]||[];a.plugins[e].push([b,d[e]])}},call:function(a,b,d){if((b=a.plugins[b])&&
+a.element[0].parentNode)for(var e=0;e<b.length;e++)a.options[b[e][0]]&&b[e][1].apply(a.element,d)}},contains:function(a,b){return document.compareDocumentPosition?a.compareDocumentPosition(b)&16:a!==b&&a.contains(b)},hasScroll:function(a,b){if(c(a).css("overflow")==="hidden")return false;b=b&&b==="left"?"scrollLeft":"scrollTop";var d=false;if(a[b]>0)return true;a[b]=1;d=a[b]>0;a[b]=0;return d},isOverAxis:function(a,b,d){return a>b&&a<b+d},isOver:function(a,b,d,e,h,i){return c.ui.isOverAxis(a,d,h)&&
+c.ui.isOverAxis(b,e,i)}})}})(jQuery);
+;/*!
+ * jQuery UI Widget 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Widget
+ */
+(function(b,j){if(b.cleanData){var k=b.cleanData;b.cleanData=function(a){for(var c=0,d;(d=a[c])!=null;c++)try{b(d).triggerHandler("remove")}catch(e){}k(a)}}else{var l=b.fn.remove;b.fn.remove=function(a,c){return this.each(function(){if(!c)if(!a||b.filter(a,[this]).length)b("*",this).add([this]).each(function(){try{b(this).triggerHandler("remove")}catch(d){}});return l.call(b(this),a,c)})}}b.widget=function(a,c,d){var e=a.split(".")[0],f;a=a.split(".")[1];f=e+"-"+a;if(!d){d=c;c=b.Widget}b.expr[":"][f]=
+function(h){return!!b.data(h,a)};b[e]=b[e]||{};b[e][a]=function(h,g){arguments.length&&this._createWidget(h,g)};c=new c;c.options=b.extend(true,{},c.options);b[e][a].prototype=b.extend(true,c,{namespace:e,widgetName:a,widgetEventPrefix:b[e][a].prototype.widgetEventPrefix||a,widgetBaseClass:f},d);b.widget.bridge(a,b[e][a])};b.widget.bridge=function(a,c){b.fn[a]=function(d){var e=typeof d==="string",f=Array.prototype.slice.call(arguments,1),h=this;d=!e&&f.length?b.extend.apply(null,[true,d].concat(f)):
+d;if(e&&d.charAt(0)==="_")return h;e?this.each(function(){var g=b.data(this,a),i=g&&b.isFunction(g[d])?g[d].apply(g,f):g;if(i!==g&&i!==j){h=i;return false}}):this.each(function(){var g=b.data(this,a);g?g.option(d||{})._init():b.data(this,a,new c(d,this))});return h}};b.Widget=function(a,c){arguments.length&&this._createWidget(a,c)};b.Widget.prototype={widgetName:"widget",widgetEventPrefix:"",options:{disabled:false},_createWidget:function(a,c){b.data(c,this.widgetName,this);this.element=b(c);this.options=
+b.extend(true,{},this.options,this._getCreateOptions(),a);var d=this;this.element.bind("remove."+this.widgetName,function(){d.destroy()});this._create();this._trigger("create");this._init()},_getCreateOptions:function(){return b.metadata&&b.metadata.get(this.element[0])[this.widgetName]},_create:function(){},_init:function(){},destroy:function(){this.element.unbind("."+this.widgetName).removeData(this.widgetName);this.widget().unbind("."+this.widgetName).removeAttr("aria-disabled").removeClass(this.widgetBaseClass+
+"-disabled ui-state-disabled")},widget:function(){return this.element},option:function(a,c){var d=a;if(arguments.length===0)return b.extend({},this.options);if(typeof a==="string"){if(c===j)return this.options[a];d={};d[a]=c}this._setOptions(d);return this},_setOptions:function(a){var c=this;b.each(a,function(d,e){c._setOption(d,e)});return this},_setOption:function(a,c){this.options[a]=c;if(a==="disabled")this.widget()[c?"addClass":"removeClass"](this.widgetBaseClass+"-disabled ui-state-disabled").attr("aria-disabled",
+c);return this},enable:function(){return this._setOption("disabled",false)},disable:function(){return this._setOption("disabled",true)},_trigger:function(a,c,d){var e=this.options[a];c=b.Event(c);c.type=(a===this.widgetEventPrefix?a:this.widgetEventPrefix+a).toLowerCase();d=d||{};if(c.originalEvent){a=b.event.props.length;for(var f;a;){f=b.event.props[--a];c[f]=c.originalEvent[f]}}this.element.trigger(c,d);return!(b.isFunction(e)&&e.call(this.element[0],c,d)===false||c.isDefaultPrevented())}}})(jQuery);
+;/*!
+ * jQuery UI Mouse 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Mouse
+ *
+ * Depends:
+ *	jquery.ui.widget.js
+ */
+(function(b){var d=false;b(document).mouseup(function(){d=false});b.widget("ui.mouse",{options:{cancel:":input,option",distance:1,delay:0},_mouseInit:function(){var a=this;this.element.bind("mousedown."+this.widgetName,function(c){return a._mouseDown(c)}).bind("click."+this.widgetName,function(c){if(true===b.data(c.target,a.widgetName+".preventClickEvent")){b.removeData(c.target,a.widgetName+".preventClickEvent");c.stopImmediatePropagation();return false}});this.started=false},_mouseDestroy:function(){this.element.unbind("."+
+this.widgetName)},_mouseDown:function(a){if(!d){this._mouseStarted&&this._mouseUp(a);this._mouseDownEvent=a;var c=this,f=a.which==1,g=typeof this.options.cancel=="string"&&a.target.nodeName?b(a.target).closest(this.options.cancel).length:false;if(!f||g||!this._mouseCapture(a))return true;this.mouseDelayMet=!this.options.delay;if(!this.mouseDelayMet)this._mouseDelayTimer=setTimeout(function(){c.mouseDelayMet=true},this.options.delay);if(this._mouseDistanceMet(a)&&this._mouseDelayMet(a)){this._mouseStarted=
+this._mouseStart(a)!==false;if(!this._mouseStarted){a.preventDefault();return true}}true===b.data(a.target,this.widgetName+".preventClickEvent")&&b.removeData(a.target,this.widgetName+".preventClickEvent");this._mouseMoveDelegate=function(e){return c._mouseMove(e)};this._mouseUpDelegate=function(e){return c._mouseUp(e)};b(document).bind("mousemove."+this.widgetName,this._mouseMoveDelegate).bind("mouseup."+this.widgetName,this._mouseUpDelegate);a.preventDefault();return d=true}},_mouseMove:function(a){if(b.browser.msie&&
+!(document.documentMode>=9)&&!a.button)return this._mouseUp(a);if(this._mouseStarted){this._mouseDrag(a);return a.preventDefault()}if(this._mouseDistanceMet(a)&&this._mouseDelayMet(a))(this._mouseStarted=this._mouseStart(this._mouseDownEvent,a)!==false)?this._mouseDrag(a):this._mouseUp(a);return!this._mouseStarted},_mouseUp:function(a){b(document).unbind("mousemove."+this.widgetName,this._mouseMoveDelegate).unbind("mouseup."+this.widgetName,this._mouseUpDelegate);if(this._mouseStarted){this._mouseStarted=
+false;a.target==this._mouseDownEvent.target&&b.data(a.target,this.widgetName+".preventClickEvent",true);this._mouseStop(a)}return false},_mouseDistanceMet:function(a){return Math.max(Math.abs(this._mouseDownEvent.pageX-a.pageX),Math.abs(this._mouseDownEvent.pageY-a.pageY))>=this.options.distance},_mouseDelayMet:function(){return this.mouseDelayMet},_mouseStart:function(){},_mouseDrag:function(){},_mouseStop:function(){},_mouseCapture:function(){return true}})})(jQuery);
+;/*
+ * jQuery UI Slider 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Slider
+ *
+ * Depends:
+ *	jquery.ui.core.js
+ *	jquery.ui.mouse.js
+ *	jquery.ui.widget.js
+ */
+(function(d){d.widget("ui.slider",d.ui.mouse,{widgetEventPrefix:"slide",options:{animate:false,distance:0,max:100,min:0,orientation:"horizontal",range:false,step:1,value:0,values:null},_create:function(){var a=this,b=this.options,c=this.element.find(".ui-slider-handle").addClass("ui-state-default ui-corner-all"),f=b.values&&b.values.length||1,e=[];this._mouseSliding=this._keySliding=false;this._animateOff=true;this._handleIndex=null;this._detectOrientation();this._mouseInit();this.element.addClass("ui-slider ui-slider-"+
+this.orientation+" ui-widget ui-widget-content ui-corner-all"+(b.disabled?" ui-slider-disabled ui-disabled":""));this.range=d([]);if(b.range){if(b.range===true){if(!b.values)b.values=[this._valueMin(),this._valueMin()];if(b.values.length&&b.values.length!==2)b.values=[b.values[0],b.values[0]]}this.range=d("<div></div>").appendTo(this.element).addClass("ui-slider-range ui-widget-header"+(b.range==="min"||b.range==="max"?" ui-slider-range-"+b.range:""))}for(var j=c.length;j<f;j+=1)e.push("<a class='ui-slider-handle ui-state-default ui-corner-all' href='#'></a>");
+this.handles=c.add(d(e.join("")).appendTo(a.element));this.handle=this.handles.eq(0);this.handles.add(this.range).filter("a").click(function(g){g.preventDefault()}).hover(function(){b.disabled||d(this).addClass("ui-state-hover")},function(){d(this).removeClass("ui-state-hover")}).focus(function(){if(b.disabled)d(this).blur();else{d(".ui-slider .ui-state-focus").removeClass("ui-state-focus");d(this).addClass("ui-state-focus")}}).blur(function(){d(this).removeClass("ui-state-focus")});this.handles.each(function(g){d(this).data("index.ui-slider-handle",
+g)});this.handles.keydown(function(g){var k=true,l=d(this).data("index.ui-slider-handle"),i,h,m;if(!a.options.disabled){switch(g.keyCode){case d.ui.keyCode.HOME:case d.ui.keyCode.END:case d.ui.keyCode.PAGE_UP:case d.ui.keyCode.PAGE_DOWN:case d.ui.keyCode.UP:case d.ui.keyCode.RIGHT:case d.ui.keyCode.DOWN:case d.ui.keyCode.LEFT:k=false;if(!a._keySliding){a._keySliding=true;d(this).addClass("ui-state-active");i=a._start(g,l);if(i===false)return}break}m=a.options.step;i=a.options.values&&a.options.values.length?
+(h=a.values(l)):(h=a.value());switch(g.keyCode){case d.ui.keyCode.HOME:h=a._valueMin();break;case d.ui.keyCode.END:h=a._valueMax();break;case d.ui.keyCode.PAGE_UP:h=a._trimAlignValue(i+(a._valueMax()-a._valueMin())/5);break;case d.ui.keyCode.PAGE_DOWN:h=a._trimAlignValue(i-(a._valueMax()-a._valueMin())/5);break;case d.ui.keyCode.UP:case d.ui.keyCode.RIGHT:if(i===a._valueMax())return;h=a._trimAlignValue(i+m);break;case d.ui.keyCode.DOWN:case d.ui.keyCode.LEFT:if(i===a._valueMin())return;h=a._trimAlignValue(i-
+m);break}a._slide(g,l,h);return k}}).keyup(function(g){var k=d(this).data("index.ui-slider-handle");if(a._keySliding){a._keySliding=false;a._stop(g,k);a._change(g,k);d(this).removeClass("ui-state-active")}});this._refreshValue();this._animateOff=false},destroy:function(){this.handles.remove();this.range.remove();this.element.removeClass("ui-slider ui-slider-horizontal ui-slider-vertical ui-slider-disabled ui-widget ui-widget-content ui-corner-all").removeData("slider").unbind(".slider");this._mouseDestroy();
+return this},_mouseCapture:function(a){var b=this.options,c,f,e,j,g;if(b.disabled)return false;this.elementSize={width:this.element.outerWidth(),height:this.element.outerHeight()};this.elementOffset=this.element.offset();c=this._normValueFromMouse({x:a.pageX,y:a.pageY});f=this._valueMax()-this._valueMin()+1;j=this;this.handles.each(function(k){var l=Math.abs(c-j.values(k));if(f>l){f=l;e=d(this);g=k}});if(b.range===true&&this.values(1)===b.min){g+=1;e=d(this.handles[g])}if(this._start(a,g)===false)return false;
+this._mouseSliding=true;j._handleIndex=g;e.addClass("ui-state-active").focus();b=e.offset();this._clickOffset=!d(a.target).parents().andSelf().is(".ui-slider-handle")?{left:0,top:0}:{left:a.pageX-b.left-e.width()/2,top:a.pageY-b.top-e.height()/2-(parseInt(e.css("borderTopWidth"),10)||0)-(parseInt(e.css("borderBottomWidth"),10)||0)+(parseInt(e.css("marginTop"),10)||0)};this.handles.hasClass("ui-state-hover")||this._slide(a,g,c);return this._animateOff=true},_mouseStart:function(){return true},_mouseDrag:function(a){var b=
+this._normValueFromMouse({x:a.pageX,y:a.pageY});this._slide(a,this._handleIndex,b);return false},_mouseStop:function(a){this.handles.removeClass("ui-state-active");this._mouseSliding=false;this._stop(a,this._handleIndex);this._change(a,this._handleIndex);this._clickOffset=this._handleIndex=null;return this._animateOff=false},_detectOrientation:function(){this.orientation=this.options.orientation==="vertical"?"vertical":"horizontal"},_normValueFromMouse:function(a){var b;if(this.orientation==="horizontal"){b=
+this.elementSize.width;a=a.x-this.elementOffset.left-(this._clickOffset?this._clickOffset.left:0)}else{b=this.elementSize.height;a=a.y-this.elementOffset.top-(this._clickOffset?this._clickOffset.top:0)}b=a/b;if(b>1)b=1;if(b<0)b=0;if(this.orientation==="vertical")b=1-b;a=this._valueMax()-this._valueMin();return this._trimAlignValue(this._valueMin()+b*a)},_start:function(a,b){var c={handle:this.handles[b],value:this.value()};if(this.options.values&&this.options.values.length){c.value=this.values(b);
+c.values=this.values()}return this._trigger("start",a,c)},_slide:function(a,b,c){var f;if(this.options.values&&this.options.values.length){f=this.values(b?0:1);if(this.options.values.length===2&&this.options.range===true&&(b===0&&c>f||b===1&&c<f))c=f;if(c!==this.values(b)){f=this.values();f[b]=c;a=this._trigger("slide",a,{handle:this.handles[b],value:c,values:f});this.values(b?0:1);a!==false&&this.values(b,c,true)}}else if(c!==this.value()){a=this._trigger("slide",a,{handle:this.handles[b],value:c});
+a!==false&&this.value(c)}},_stop:function(a,b){var c={handle:this.handles[b],value:this.value()};if(this.options.values&&this.options.values.length){c.value=this.values(b);c.values=this.values()}this._trigger("stop",a,c)},_change:function(a,b){if(!this._keySliding&&!this._mouseSliding){var c={handle:this.handles[b],value:this.value()};if(this.options.values&&this.options.values.length){c.value=this.values(b);c.values=this.values()}this._trigger("change",a,c)}},value:function(a){if(arguments.length){this.options.value=
+this._trimAlignValue(a);this._refreshValue();this._change(null,0)}else return this._value()},values:function(a,b){var c,f,e;if(arguments.length>1){this.options.values[a]=this._trimAlignValue(b);this._refreshValue();this._change(null,a)}else if(arguments.length)if(d.isArray(arguments[0])){c=this.options.values;f=arguments[0];for(e=0;e<c.length;e+=1){c[e]=this._trimAlignValue(f[e]);this._change(null,e)}this._refreshValue()}else return this.options.values&&this.options.values.length?this._values(a):
+this.value();else return this._values()},_setOption:function(a,b){var c,f=0;if(d.isArray(this.options.values))f=this.options.values.length;d.Widget.prototype._setOption.apply(this,arguments);switch(a){case "disabled":if(b){this.handles.filter(".ui-state-focus").blur();this.handles.removeClass("ui-state-hover");this.handles.propAttr("disabled",true);this.element.addClass("ui-disabled")}else{this.handles.propAttr("disabled",false);this.element.removeClass("ui-disabled")}break;case "orientation":this._detectOrientation();
+this.element.removeClass("ui-slider-horizontal ui-slider-vertical").addClass("ui-slider-"+this.orientation);this._refreshValue();break;case "value":this._animateOff=true;this._refreshValue();this._change(null,0);this._animateOff=false;break;case "values":this._animateOff=true;this._refreshValue();for(c=0;c<f;c+=1)this._change(null,c);this._animateOff=false;break}},_value:function(){var a=this.options.value;return a=this._trimAlignValue(a)},_values:function(a){var b,c;if(arguments.length){b=this.options.values[a];
+return b=this._trimAlignValue(b)}else{b=this.options.values.slice();for(c=0;c<b.length;c+=1)b[c]=this._trimAlignValue(b[c]);return b}},_trimAlignValue:function(a){if(a<=this._valueMin())return this._valueMin();if(a>=this._valueMax())return this._valueMax();var b=this.options.step>0?this.options.step:1,c=(a-this._valueMin())%b;a=a-c;if(Math.abs(c)*2>=b)a+=c>0?b:-b;return parseFloat(a.toFixed(5))},_valueMin:function(){return this.options.min},_valueMax:function(){return this.options.max},_refreshValue:function(){var a=
+this.options.range,b=this.options,c=this,f=!this._animateOff?b.animate:false,e,j={},g,k,l,i;if(this.options.values&&this.options.values.length)this.handles.each(function(h){e=(c.values(h)-c._valueMin())/(c._valueMax()-c._valueMin())*100;j[c.orientation==="horizontal"?"left":"bottom"]=e+"%";d(this).stop(1,1)[f?"animate":"css"](j,b.animate);if(c.options.range===true)if(c.orientation==="horizontal"){if(h===0)c.range.stop(1,1)[f?"animate":"css"]({left:e+"%"},b.animate);if(h===1)c.range[f?"animate":"css"]({width:e-
+g+"%"},{queue:false,duration:b.animate})}else{if(h===0)c.range.stop(1,1)[f?"animate":"css"]({bottom:e+"%"},b.animate);if(h===1)c.range[f?"animate":"css"]({height:e-g+"%"},{queue:false,duration:b.animate})}g=e});else{k=this.value();l=this._valueMin();i=this._valueMax();e=i!==l?(k-l)/(i-l)*100:0;j[c.orientation==="horizontal"?"left":"bottom"]=e+"%";this.handle.stop(1,1)[f?"animate":"css"](j,b.animate);if(a==="min"&&this.orientation==="horizontal")this.range.stop(1,1)[f?"animate":"css"]({width:e+"%"},
+b.animate);if(a==="max"&&this.orientation==="horizontal")this.range[f?"animate":"css"]({width:100-e+"%"},{queue:false,duration:b.animate});if(a==="min"&&this.orientation==="vertical")this.range.stop(1,1)[f?"animate":"css"]({height:e+"%"},b.animate);if(a==="max"&&this.orientation==="vertical")this.range[f?"animate":"css"]({height:100-e+"%"},{queue:false,duration:b.animate})}}});d.extend(d.ui.slider,{version:"1.8.16"})})(jQuery);
+;
\ No newline at end of file
diff --git a/frontend/imgrid/js/maincopy.js b/frontend/imgrid/js/maincopy.js
new file mode 100755
index 0000000..b7f474b
--- /dev/null
+++ b/frontend/imgrid/js/maincopy.js
@@ -0,0 +1,109 @@
+var Main =
+	{
+	API_HEADER: "#@imgrid",
+	generating: false,
+	enter: function (e)
+		{
+		if (Main.generating)
+			return
+		if (e.keyCode === 13)
+			Main.go()
+		},
+	go: function ()
+		{
+		if (Main.generating)
+			return
+		Main.generating = true
+		$("#output-cmd").html('generating...').show()
+		$("#output-img").show()
+		$("#output-url").show()
+		$("#result").show()
+		var data =
+			{
+			width: $("#img-width").val(),
+			height: $("#img-height").val(),
+			linethickness: $("#line-thickness").val(),
+			opacity: $("#line-opacity").val(),
+			linecolor: $("#line-color").val(),
+			spacing: $("#line-spacing").val(),
+			vlines: $('#v-lines:checked').val() !== undefined ? "true" : "false",
+			hlines: $('#h-lines:checked').val() !== undefined ? "true" : "false",
+			shadow: $('#shadow:checked').val() !== undefined ? "true" : "false",
+			bgtransparent: $('#bgtransparent:checked').val() !== undefined ? "true" : "false",
+			bgimage: $("#bg-image").val(),
+			bgcolor: $("#bg-color").val(),
+			imageinstead: $("#imageinstead").val(),
+			planebgcolor: $("#planebgcolor").val(),
+			skycolor: $("#skycolor").val(),
+			planebgimage: $("#planebgimage").val(),
+			dither: $('#dither:checked').val() !== undefined ? "true" : "false",
+			swing: $("#swing").val(),
+			tilt: $("#tilt").val(),
+			roll: $("#roll").val(),
+			zoom: $("#zoom").val(),
+			trim: $("#trim:checked").val() !== undefined ? "true" : "false",
+			format: $('#format :selected').val(),
+			name: $('#username').val()
+			}
+		if (data.name.length > 0)
+		document.cookie = "imname="+data.name+";path=/;domain=.asdf.us;max-age=1086400"
+		$.post("/cgi-bin/im/imgrid/gridmaker", data, Main.callback)
+		},
+	error: function (s)
+		{
+		$("#output-cmd").html("<span class='error'>ERROR: " + s + "</span>").show()
+		$("#output-url").hide()
+		$("#output-img").hide()
+		},
+	callback: function (raw)
+		{
+		$("#output-cmd").html('your result...')
+		lines = raw.split('\n')
+		lines = lines.reverse()
+		$("#output-img").html("<img class='results' src='"+lines[1]+"'></img>");
+		Main.generating = false
+		},
+	filesize: function (size)
+		{
+		if (size < 1024)
+			return size + " bytes"
+		if (size < 1024 * 1024)
+			return Math.floor (size/1024) + " KB"
+		else
+			return Math.floor (size/(1024*1024)) + " MB"
+		},
+	cookie: function ()
+		{
+		if (document.cookie)
+			{
+			var cookies = document.cookie.split(";")
+			for (i in cookies)
+				{
+				var cookie = cookies[i].split("=")
+				if (cookie[0].indexOf("imname") !== -1)
+					{
+					if (cookie[1] !== 'false' && cookie[1] !== 'undefined' && cookie[1].length)
+						{
+						return cookie[1]
+						}
+					}
+				}
+			}
+		return ""
+		},
+	init: function ()
+		{
+		var name = Main.cookie ()
+		$("#username").val(name)
+/*    if (name)
+      {
+      $("#userlink").show()
+      $("#userlink a").attr("href", "/im/gallery/?name="+name).html(name+"'s photoblasts")
+      } */
+   // $("#likebutton,#controls").fadeIn(0)
+		$("#generate").bind("click", Main.go)
+		$("div input[type=text]").bind("keydown", Main.enter)
+		}
+	}
+//document.getElementById('imform').reset();
+Main.init ()
diff --git a/frontend/imgrid/js/popup.js b/frontend/imgrid/js/popup.js
new file mode 100755
index 0000000..bf138d0
--- /dev/null
+++ b/frontend/imgrid/js/popup.js
@@ -0,0 +1,69 @@
+//SETTING UP OUR POPUP  
+//0 means disabled; 1 means enabled;  
+	var popupStatus = 0;  
+
+//loading popup with jQuery magic!  
+    function loadPopup(){  
+//loads popup only if it is disabled  
+    if(popupStatus==0){  
+    $("#backgroundPopup").css({  
+    "opacity": "0.7"  
+    });  
+    $("#backgroundPopup").fadeIn("slow");  
+    $("#popupContact").fadeIn("slow");  
+    popupStatus = 1;  
+    }  
+    }  
+//centering popup  
+    function centerPopup(){  
+//request data for centering  
+    var windowWidth = document.documentElement.clientWidth;  
+    var windowHeight = document.documentElement.clientHeight;  
+    var popupHeight = $("#popupContact").height();  
+    var popupWidth = $("#popupContact").width();  
+	//centering  
+    $("#popupContact").css({  
+    "position": "absolute",  
+    "top": windowHeight/2-popupHeight/2,  
+    "left": windowWidth/2-popupWidth/2  
+    });  
+//only need force for IE6  
+      
+    $("#backgroundPopup").css({  
+    "height": windowHeight  
+    });  
+      
+    }  
+//disabling popup with jQuery magic!
+	function disablePopup(){
+//disables popup only if it is enabled
+		if(popupStatus==1){
+			$("#backgroundPopup").fadeOut("slow");
+			$("#popupContact").fadeOut("slow");
+			popupStatus = 0;
+		}
+	}
+
+	$(document).ready(function(){  
+//following code will be here  
+    	});  
+	
+//LOADING POPUP  
+//Click the button event!  
+    $("#swingleft").click(function(){  
+//centering with css  
+    centerPopup();  
+//load popup  
+    loadPopup();  
+    });  
+	
+//CLOSING POPUP  
+//Click the x event!  
+    $("#popupContactClose").click(function(){  
+    disablePopup();  
+    });  
+//Click out event!  
+    $("#backgroundPopup").click(function(){  
+    disablePopup();  
+    });  
+	
\ No newline at end of file
diff --git a/frontend/imgrid/js/sliders.js b/frontend/imgrid/js/sliders.js
new file mode 100755
index 0000000..ef76b03
--- /dev/null
+++ b/frontend/imgrid/js/sliders.js
@@ -0,0 +1,83 @@
+  $(function() {
+    $( "#line-thickness-slider" ).slider({
+      value:1,
+      min: 0,
+      max: 300,
+      step: 1,
+      slide: function( event, ui ) {
+        $( "#line-thickness" ).val(ui.value);
+            }
+        });
+    $( "#line-thickness" ).val( $( "#line-thickness-slider" ).slider( "value" ) );
+    $( "#opacity-slider" ).slider({
+      value:1,
+      min: 0,
+      max: 1,
+      step: .1,
+      slide: function( event, ui ) {
+        $( "#line-opacity" ).val(ui.value);
+            }
+        });
+    $( "#line-opacity" ).val( $( "#opacity-slider" ).slider( "value" ) );
+    $( "#spacing-slider" ).slider({
+      value:10,
+      min: 1,
+      max: 400,
+      step: 1,
+      slide: function( event, ui ) {
+        $( "#line-spacing" ).val(ui.value);
+      }
+        });
+    $( "#line-spacing" ).val( $( "#spacing-slider" ).slider( "value" ) );
+
+    $( "#swingslider" ).slider({
+      value:0,
+      min: -180,
+      max: 180,
+      step: 1,
+      slide: function( event, ui ) {
+        $( "#swing" ).val(ui.value);
+      }
+        });
+    $( "#swing" ).val( $( "#swingslider" ).slider( "value" ) );
+
+    $( "#tiltslider" ).slider({
+      value:0,
+      min: -180,
+      max: 180,
+      step: 1,
+      slide: function( event, ui ) {
+        $( "#tilt" ).val(ui.value);
+                }
+          });
+    $( "#tilt" ).val( $( "#tiltslider" ).slider( "value" ) );
+
+    $( "#rollslider" ).slider({
+      value:0,
+      min: -180,
+      max: 180,
+      step: 1,
+      slide: function( event, ui ) {
+        $( "#roll" ).val(ui.value);
+          }
+        });
+    $( "#roll" ).val($( "#rollslider" ).slider( "value" ) );
+
+    $( "#zoomslider" ).slider({
+      value: 0,
+      min: -50,
+      max: 50,
+      step: .05,
+      slide: function( event, ui ) {
+				thevalue = (ui.value/4).toFixed(2);
+				if (thevalue <= 1 && thevalue >= -1)
+					{
+					thevalue = 0;
+					}
+        $( "#zoom" ).val(thevalue);
+        		}
+				});
+    $( "#zoom" ).val($( "#zoomslider" ).slider( "value" ) );
+    });
+//end sliders jquery
+
diff --git a/frontend/imgrid/old.html b/frontend/imgrid/old.html
new file mode 100755
index 0000000..46e4a34
--- /dev/null
+++ b/frontend/imgrid/old.html
@@ -0,0 +1,461 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">  
+<html>
+<!--
+        *                       pepper                          *
+       ***                          and                        ***
+       ****                        JMD                        ****
+       *   ******      internet CHAMPIONS               ******   *
+       *         ***************************************         *
+        **            *       ______*______       *            **
+          *****      *        ______*______        *      *****
+               *******        ______*______        *******
+            ***       ****          *         ****        ***
+                ****** *oo*******  ***  *******oo* ******
+                     *   *o********* *********o*   *
+                      *   *                   *   *
+                       *   *   _         _   *   *
+                        *   *  -_       _-  *   *
+                         *  *   -_     _-   *  *
+                          * *     -___-     * *
+                           *                 *
+                          *********************
+                          *      **   **      *
+                            *    **   **    *
+                              *  _-----_  *
+                                *********
+
+-->         
+<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
+    <meta name="description" content="IMGRID A 3D GRID-PLANE GENERATOR" >
+    <meta name="keywords" content="photoblaster, 3D" >
+    <meta name=Author content="Pepper Dreamteamer - 2011 www.facebook.com/AAAFFF">
+	<link rel="shortcut icon" href="http://asdf.us/imgrid/favicon.ico">
+    <link rel="image_src" href="http://vfile.com/public/img/1.png" > 
+   <!--FACEBOOK<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">-->
+    <meta property="og:title" content="imgrid" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="http://asdf.us/imgrid" />
+    <meta property="og:site_name" content="IMGRID - A 3D-GRID-PLANE GENERATOR" />
+    <title>IMGRID - a 3D GRID-PLANE GENERATOR</title>
+		
+		<link rel="stylesheet" href="general.css" type="text/css" media="screen" />  
+		<link href='jquery-ui-1.8.16.custom.css' rel='stylesheet' type='text/css' />
+		<link href='cssreset.css' rel='stylesheet' type='text/css'/>
+	<link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
+		<style type='text/css'>
+			body
+				{
+				font-family: 'Varela Round', sans-serif;
+				font-size:10pt;
+				}
+				h1
+				{
+				font-size:18px;
+				width:50%;
+				margin:10px;
+				padding:10px;
+				}
+			#flatcontrols
+				{
+				width:40%;
+				margin:10px;
+				padding:10px;
+				}
+			.gridadj,.background,.dimensions
+				{
+				display:none;
+				}
+			#thegrid,#thedimensions,#thebackground
+				{
+				background-color:whitesmoke;
+				margin-left:20px;
+				-moz-box-shadow: 0px 0px 9px 3px aqua;
+				-webkit-box-shadow: 0px 0px 9px 3px aqua;
+				box-shadow: 0px 0px 9px 3px  aqua
+				}
+			.results
+				{
+				display:none;
+				position:relative;
+				}
+				#output-url
+					{
+					z-index:100;
+					width:500px;
+					}
+				#result
+					{
+					position:fixed;
+					left:50%;
+					top:20px;
+					}
+				#output-img img
+					{
+					max-height:70%;
+					max-width:100%;
+					}
+				#output-url
+					{
+					width:100%;
+					}
+				.slider
+					{
+					background-color:#eee5de;
+					display:inline-block;
+					width:50%;
+					}
+				#opacity-slider, #spacing-slider
+					{
+					width:100%;
+					display:inline-block;
+					margin-right:0;
+					margin-left:0;
+					}
+			input
+				{
+				width:70px;
+				}
+			.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
+				{
+				background-color:#555;
+				}
+			.urlinput
+				{
+				width:60%;
+				}
+				a
+				{
+				background-color:white;
+				max-width:100px;
+				}
+				a:link 
+					{
+					color: black;
+					}
+				a:visited 
+					{
+					COLOR: black;
+					}
+				a:hover 
+					{
+					COLOR: black;
+					}	
+				a:active 
+					{
+					COLOR: black;
+					}
+				table td
+					{
+					padding:4px;
+					}
+				table tr
+					{
+//					border: solid 2px;
+					}
+				.gridmore, .backgroundmore, .dimensionsmore, .linksmore
+					{
+					cursor:pointer;
+					}
+				#gridplug,#backgroundplug,#dimensionsplug,#linksplug
+					{
+					font-size:20px;
+					text-align:center;
+					}
+button {
+   background: white;
+   color: #000000;
+   font-size: 18px;
+   font-family: Georgia, serif;
+   text-decoration: none;
+   vertical-align: middle;
+   }
+.button:hover {
+   border-top-color: #78e072;
+   background: #78e072;
+   color: #000000;
+   }
+table
+		{
+		empty-cells:show;
+		}
+#generate
+		{
+		position:absolute;
+		left:320px;
+		top:55px;
+		}
+		</style>
+</head>
+<body>
+<!-- <div id="popupContact">  
+        <a id="popupContactClose">x</a>  
+        <applet code="org.jdesktop.applet.util.JNLPAppletLauncher"
+      width=800
+      height=600
+      archive="dist/deployment/v1/jar/applet-launcher.jar,
+               dist/deployment/v1/jar/gluegen-rt.jar,
+               dist/deployment/v1/jar/jogl.all.jar,
+               dist/3dmap.jar">
+   <param name="codebase_lookup" value="false">
+   <param name="subapplet.classname" value="com.scannerjammer.applet.heightmap.applet.Simple3DLandscapeApplet">
+   <param name="subapplet.displayname" value="3D Map">
+   <param name="noddraw.check" value="true">
+   <param name="progressbar" value="true">
+   <param name="jnlpNumExtensions" value="1">
+   <param name="jnlpExtension1"
+          value="dist/deployment/v1/jogl-awt.jnlp">
+   <param name="java_arguments" value="-Dsun.java2d.noddraw=true">
+   <param name="jnlp_href" value="dist/3dmap.jnlp">
+</applet>
+    </div>  
+    <div id="backgroundPopup"></div>  
+endpopup code-->
+			<div id="intro" style="background-image:url(background.gif); z-index:1000; height:inherit; width:inherit; position:fixed; left:50%; top:20px">
+					<img src="athenafinal.gif"></img>
+			</div>
+
+<img src='http://asdf.us/im/8d/imgrid_1324285217_imgrid_1324210455_imgrid_1324210353_gradient_darkseagreencyan_1317343959___.png' style='position:fixed; top:-200px; z-index:-100;'></img>
+<div style='font-size:30px; margin-top:20px;margin-left:20px;'>IMGRID</div>
+<div style="font-size:12px;margin-left:20px;margin-bottom:20px;">3D-GRID-PLANE GENERATOR
+<br>
+hit enter or click GENERATE to get your 2D plane
+
+<button id="generate">GENERATE</button>
+</div>
+
+<form id='theform'>
+	<div id="flatcontrols">
+<table>
+<tr><td class='dimensionsmore'>DIMENSIONS</td>
+	
+		<td>	<div id='dimensionsplug' class='dimensionsmore'>+</div></td></tr>
+		</table>
+			<div id='thedimensions'>
+			<table class='dimensions'>
+					<tr><td>HEIGHT</td>
+					<td>	<input id='img-height' type='text' value='500'><span style="font-size:12px">PX</span></input></td></td>
+					<tr><td>WIDTH</td>
+					<td><input id='img-width' type='text' value='700'><span style="font-size:12px">PX</span></input></td></td>
+			<tr style="line-height:10px"><td>&nbsp</tr><td>
+			</table>
+<table style="width:100%" class="dimensions">
+			<tr><td>SWING&nbsp<input id='swing' type='text' value='0'></input></td></tr>
+				<tr id="swingslider" class="slider"></tr>
+			<tr><td>TILT&nbsp<input id='tilt' type='text' value='0'></input></td></tr>
+				<tr id="tiltslider" class="slider"></tr>
+			<tr><td>ROLL&nbsp<input id='roll' type='text' value='0'></input></td></tr>
+				<tr id="rollslider" class="slider"></tr>
+			<tr><td>ZOOM&nbsp (in/out) &nbsp<input id='zoom' type='text' value='0'></input></td></tr>
+				<tr id="zoomslider" class="slider" value='0'></tr>
+
+</table>
+<table class="dimensions">			
+				<tr><td>&nbsp</td></tr>
+				<tr><td>CROP WHITESPACE</td><td><input type="checkbox" id="trim" value="false"></input></td></tr>
+				<tr><td>&nbsp</td></tr>
+				</table>
+<table class='dimensions'>
+			<tr><td>IMAGE FORMAT</td><td>
+		<select id='format'>
+			<option selected='selected' value='png'>PNG</option>
+			<option value='gif'>GIF</option>
+			<option value='jpg'>JPG</option>
+		</select></td></tr></table>
+			</div>
+<table>
+<tr><td class='gridmore'>GRID AND IMAGE</td>
+	
+		<td>	<div id='gridplug' class='gridmore'>+</div></td></tr>
+		</table>
+
+		<div id='thegrid'>
+<table class='gridadj'>
+			<tr><td>USE IMAGE INSTEAD OF GRID</td>
+			<td><input type="text" class="urlinput" type="text" id="imageinstead" value="">IMG URL eg:http://ww...</input></td>
+			</tr></table>
+	<table class='gridadj'>
+			<tr><td>GRID THICKNESS:</td>
+												<td><input id='line-thickness' type='text' value='1'></td><td><span style="font-size:12px">PX&nbsp&nbsp</span></input></td></tr>
+			
+					<tr class='gridadj'><td>GRID COLOR:</td>
+					<td><input id='line-color' type='text' value='BLACK'></input></td>
+					<td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></td>
+					</tr>
+
+					</table>
+					<table>
+						<tr class='gridadj'>
+							<td>GRID OPACITY: </td>
+						<td><input id='line-opacity' type='text' value='1'></input></td>
+						<td style="width:140px; height: .8em; margin:0; padding:0;" class="slider" style="margin:0;padding:0;"id="opacity-slider"></td>
+						</tr>
+
+						<tr class='gridadj'>
+									<td>GRID SPACING: </td>
+						<td><input id='line-spacing' type='text' value='0'></input></td>
+						<td class="slider" style="margin:0;padding:0;" id="spacing-slider"></td></tr>
+								
+						<tr class='gridadj'><td>USE ONLY VERTICAL LINES</td><td><input type="checkbox" id="v-lines" value="false"></input></td></tr>
+									
+									<tr class='gridadj'><td>USE ONLY HORIZONTAL LINES</td><td><input type="checkbox" id="h-lines" value="false" ></input></td></tr>
+							</table>
+<table class='gridadj'><td>GRID BACKGROUND COLOR <input type="text" id="bg-color" value="transparent"></td><td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></input></td>
+			
+			</table>
+									<table class='gridadj'>
+			<tr><td>OR GRID BACKGROUND IMAGE</td>
+			<td><input class="urlinput" type="text" id="bg-image" value="">IMG URL eg:http://ww...</input></td></tr>
+		</table>
+
+<table class='gridadj'>
+			<tr><td>GRID-TRANSITION</td>
+		<td><select id="transition">
+			<option selected="selected" value='background'>none</option>
+			<option value="dither">dithered</option>
+			<option value="random">noise</option>
+			<option value="tile">infinite</option>
+			<option value="edge">extended-edge</option>
+		</select></td></tr>
+			
+</table>
+			<table class='gridadj'>
+			<tr><td>DROP SHADOW</td><td><input type='checkbox' id='shadow' value='false'</input></td></tr>
+
+
+</table>
+</div>
+
+
+		<table>
+				<tr><td class="backgroundmore">BACKGROUND</td>
+					<td><div id="backgroundplug" class="backgroundmore">+</div></td>
+					</tr>
+			</table>
+<div id='thebackground'>
+			<table class='background'><td>BACKGROUND COLOR</td><td><input type="text" value="transparent" id="planebgcolor"></input></td>
+			<td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></td>			</table>
+			<table class="background">
+
+			<tr><td>OR BACKGROUND IMAGE</td><td><input class='urlinput' type="text" value="" id="planebgimage">IMG URL eg:http://ww...</input></td></tr>
+		</table>
+
+			<table class='background'><tr><td>SKYCOLOR</td><td><input type="text" value="none" id="skycolor">for the area above the horizon-line</input></td>
+			<td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></td>
+			</tr>
+</table>
+
+</div>
+<table>
+	<tr><td>&nbsp</td></tr>
+	<tr><td>USERNAME</td><td><input type=text value="" id='username'></input></td><td><div class='linksmore' id='linksplug'>+</div></td></tr>
+</table>
+	<div id='links'>
+	<a class='links' href="http://asdf.us/im/gallery">PHOTOBLASTER GALLERY</a><br>
+	<a class='links' href="http://asdf.us/imgrid/greatgrids/">GREAT GRIDS GALLERY</a><br>
+	<a class='links' href="http://asdf.us/im">MAIN PHOTOBLASTER EDITOR</a></br>
+<div id="fb-root" style="position:fixed; bottom:10px; right:10px;background-color: transparent;"></div><script src="http://connect.facebook.net/en_US/all.js#appId=236917449658413&amp;xfbml=1"></script><fb:like href="http://asdf.us/im/" send="false" width="347" show_faces="false" colorscheme="light" font="" style="background-color: transparent;"></fb:like>
+	
+	</div>
+<br>
+
+
+</div>
+
+</div>
+
+</form>
+<div id='result'>
+	<span id="output-cmd" class='results'>
+</span>
+	<span id="output-img" class='results'></span>
+	<input id="output-url" class='results'></input>
+	<div id="output-info" class='results'></div>
+</div>
+
+
+
+
+<h5 id='copyright' style="position:fixed; bottom:10px; left:10px;">COPYRIGHT 2011 PEPPER DREAMTEAMER</h5>
+<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
+<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
+<script type='text/javascript'> 
+$(document).ready(function()
+	{
+	$('#intro').fadeOut(1000,function()
+		{
+		$('#intro').remove()
+		})
+	});
+</script>
+<script type="text/javascript" src="sliders.js"></script>
+<script type="text/javascript" src="main.js"></script>
+<!--<script src="popup.js" type="text/javascript"></script>--> 
+<!--<script type="text/javascript" src="picker.js"></script>-->
+<script type='text/javascript'>
+		gridmoreclicked = 'false';
+		$('.gridmore').click(function(){
+			$('.gridadj').toggle('300')
+
+			if(gridmoreclicked === 'false'){
+					$('#gridplug').html('-')
+					$('#thegrid').css('padding','5px');
+					gridmoreclicked = 'true'
+					}
+			else{
+					$('#gridplug').html('+')
+					$('#thegrid').css('padding','0px');
+					gridmoreclicked = 'false'
+					}	
+			$('#copyright').hide()					
+												})
+
+
+
+	backgroundmoreclicked = 'false';
+	$('#backgroundplug').html('+');
+	$('.backgroundmore').click(function(){
+			$('.background').toggle('300')
+			if(backgroundmoreclicked === 'false'){
+					$('#thebackground').css('padding','5px');
+					$('#backgroundplug').html('-')
+					backgroundmoreclicked = 'true'
+					}
+			else{
+					$('#backgroundplug').html('+')
+					$('#thebackground').css('padding','0px');
+					backgroundmoreclicked = 'false'
+					}	
+			$('#copyright').hide()
+			});
+
+
+	dimensionsmoreclicked = 'false';
+	$('#dimensionsplug').html('+');
+	$('.dimensionsmore').click(function(){
+			$('.dimensions').toggle('300')
+			if(dimensionsmoreclicked === 'false'){
+					$('#dimensionsplug').html('-')
+					$('#thedimensions').css('padding','5px');
+					dimensionsmoreclicked = 'true'
+					}
+			else{
+					$('#dimensionsplug').html('+')
+					$('#thedimensions').css('padding','0px');
+					dimensionsmoreclicked = 'false'
+					}	
+			$('#copyright').hide()
+			});
+
+
+	$('#bg-color').click(function(){
+					nonecheck = $('#bg-color').val()
+					if(nonecheck === 'none')
+							{
+							$('#bg-color').val('')
+							}
+		});
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/oldindex.html b/frontend/imgrid/oldindex.html
new file mode 100755
index 0000000..106fabf
--- /dev/null
+++ b/frontend/imgrid/oldindex.html
@@ -0,0 +1,307 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">  
+<html>
+<!--
+ __        __        __        __        __        __        __        
+/_/\/\    /_/\/\    /_/\/\    /_/\/\    /_/\/\    /_/\/\    /_/\/\    
+\_\  /    \_\  /    \_\  /    \_\  /    \_\  /    \_\  /    \_\  /                                                         
+/_/  \    /_/  \    /_/  \    /_/  \    /_/  \    /_/  \    /_/  \        
+\_\/\ \   \_\/\ \   \_\/\ \   \_\/\ \   \_\/\ \   \_\/\ \   \_\/\ \   
+   \_\/      \_\/      \_\/      \_\/      \_\/      \_\/      \_\/                                                        
+-->         
+<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
+    <meta name="description" content="IMGRID A 3D GRID-PLANE GENERATOR" >
+    <meta name="keywords" content="photoblaster, 3D" >
+    <meta name=Author content="Pepper Dreamteamer - 2011 www.facebook.com/AAAFFF">
+	<link rel="shortcut icon" href="http://asdf.us/imgrid/favicon.ico">
+    <link rel="image_src" href="http://vfile.com/public/img/1.png" > 
+   <!--FACEBOOK<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">-->
+    <meta property="og:title" content="imgrid" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="http://asdf.us/imgrid" />
+    <meta property="og:site_name" content="IMGRID - A 3D-GRID-PLANE GENERATOR" />
+    <title>IMGRID - a 3D GRID-PLANE GENERATOR</title>
+		
+		<link rel="stylesheet" href="general.css" type="text/css" media="screen" />  
+		<link href="colorpixx.css" rel="stylesheet" type="text/css" />
+		<link href='main2.css' rel='stylesheet' type='text/css' />
+		<link href='jquery-ui-1.8.16.custom.css' rel='stylesheet' type='text/css' />
+		<link href='cssreset.css' rel='stylesheet' type='text/css'/>
+		<style type='text/css'>
+			body
+				{
+				font-family:georgia, Arial;
+				font-size:10pt;
+				}
+				h1
+				{
+				font-size:18px;
+	//			font-weight:bold;
+				width:50%;
+				margin:10px;
+				padding:10px;
+//				box-shadow: 0px 0px 9px 4px #8B7D7B;
+				}
+			#flatcontrols
+				{
+	//			background-color:whitesmoke;
+	//			box-shadow: 0px 0px 9px 3px #00EEEE;
+				width:40%;
+				margin:10px;
+				padding:10px;
+				}
+			.lineadj{display:none;}
+			.threedadj{display:none;}
+			.gridbgadj{display:none;}
+			.results
+				{
+				display:none;
+				position:relative;
+				z-index:100;
+				}
+			.slider
+				{
+				background-color:#eee5de;
+				display:inline-block;
+				width:100%;
+				}
+			#opacity-slider
+				{
+				width:100%;
+				display:inline-block;
+				margin-right:0;
+				margin-left:0;
+				}
+			input
+				{
+				width:70px;
+				}
+			.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
+				{
+				background-color:#555;
+				}
+			#result
+				{
+				position:absolute;
+				right:20px;
+				top:10px;
+				}
+			#output-url
+				{
+				width:100%;
+				}
+			.urlinput
+				{
+				width:60%;
+				}
+				a
+				{
+				background-color:#8B8B83;
+				max-width:100px;
+				border-style:solid;
+				border-width:1px;
+				}
+				a:link 
+					{
+					color: gold;
+					}
+				a:visited 
+					{
+					COLOR: mediumspringgreen;
+					}
+				a:hover 
+					{
+					COLOR: #FF0000;
+					}	
+				a:active 
+					{
+					COLOR: #00FF00;
+					}
+				table td
+					{
+					padding:4px;
+//					border:solid 2px;
+					}
+				table tr
+					{
+//					border: solid 2px;
+					}
+		</style>
+</head>
+<body>
+<!--popupcode-->
+<!-- <div id="popupContact">  
+        <a id="popupContactClose">x</a>  
+        <applet code="org.jdesktop.applet.util.JNLPAppletLauncher"
+      width=800
+      height=600
+      archive="dist/deployment/v1/jar/applet-launcher.jar,
+               dist/deployment/v1/jar/gluegen-rt.jar,
+               dist/deployment/v1/jar/jogl.all.jar,
+               dist/3dmap.jar">
+   <param name="codebase_lookup" value="false">
+   <param name="subapplet.classname" value="com.scannerjammer.applet.heightmap.applet.Simple3DLandscapeApplet">
+   <param name="subapplet.displayname" value="3D Map">
+   <param name="noddraw.check" value="true">
+   <param name="progressbar" value="true">
+   <param name="jnlpNumExtensions" value="1">
+   <param name="jnlpExtension1"
+          value="dist/deployment/v1/jogl-awt.jnlp">
+   <param name="java_arguments" value="-Dsun.java2d.noddraw=true">
+   <param name="jnlp_href" value="dist/3dmap.jnlp">
+</applet>
+    </div>  
+    <div id="backgroundPopup"></div>  
+endpopup code-->
+
+
+<h1>IMGRID </h1>
+<h2 style="font-size:16px;margin:10px;">A 3D-GRID-PLANE GENERATOR FROM PHOTOBLASTER</h2>
+
+<!--<h2 id="use">USE:</h2>
+	<div id="controls">
+	<h2>I. THE FLAT PLANE
+			<span id="swingleft" >II. THE 3D PLANE (forthcoming)
+			<br> CLICK TO OPEN JAVA APPLET</span></h2>-->
+
+	<div id="flatcontrols">
+<table style="width:100%">
+			<tr><td>SWING<input id='swing' type='text' value='0'></input></td></tr>
+				<tr id="swingslider" class="slider"></tr>
+			<tr><td>TILT<input id='tilt' type='text' value='0'></input></td></tr>
+				<tr id="tiltslider" class="slider"></tr>
+			<tr><td>ROLL<input id='roll' type='text' value='0'></input></td></tr>
+				<tr id="rollslider" class="slider"></tr>
+			<tr><td>ZOOM<input id='zoom' type='text' value='0'></input></td></tr>
+				<tr id="zoomslider" class="slider" value='0'></tr></table><table>
+
+</table>
+<table>
+<tr><td>THE 3D PLANE...</td>
+	
+		<td>	<button id='threedmore'>OPTIONS</button></td></tr>
+			<tr class='threedadj'><td>USE IMAGE INSTEAD OF GRID</td>
+			<td><input type="text" class="urlinput" type="text" id="imageinstead" value="">IMG URL eg:http://ww...</input></td>
+			</tr></table>
+			<table class='threedadj'><td>PLANE BACKGROUND COLOR</td><td><input type="text" value="transparent" id="planebgcolor"></input></td>
+			<td><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></td>			</table>
+			<table>
+
+			<tr class='threedadj'><td>OR USE A BACKGROUND IMAGE</td><td><input class='urlinput' type="text" value="" id="planebgimage">IMG URL eg:http://ww...</input></td></tr>
+		</table>
+			<table>
+			<tr class='threedadj'><td>DROP SHADOW</td><td><input type='checkbox' id='shadow' value='false'</input></td></tr>
+			<tr class='threedadj'><td>SKYCOLOR</td><td><input type="text" value="none" id="skycolor">for the area above the horizon-line</input></td>
+			<td><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></td>
+			</tr></table>
+	<table>
+			<tr><td>ADJUST LINE:</td>
+			<td><button id='linemore'>OPTIONS</button></td>
+
+	
+			<tr class='lineadj'><td>LINE THICKNESS:</td>
+												<td><input id='line-thickness' type='text' value='1'><span style="font-size:12px">PX</span></input></td></tr>
+			
+					<tr class='lineadj'><td>LINE COLOR:</td>
+					<td><input id='line-color' type='text' value='BLACK'></input></td>
+					<td><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></td>
+					</tr>
+
+					
+						<tr class='lineadj'>
+							<td>LINE OPACITY: </td>
+						<td><input id='line-opacity' type='text' value='1'></input></td>
+						<td class="slider" style="margin:0;padding:0;"id="opacity-slider"></td>
+						</tr>
+
+						<tr class='lineadj'>
+									<td>LINE SPACING: </td>
+						<td><input id='line-spacing' type='text' value='0'><span style='font-size:12px'>PX</span></input></td>
+						<td class="slider" style="margin:0;padding:0;" id="spacing-slider"></td></tr>
+								
+						<tr class='lineadj'><td>USE ONLY VERTICAL LINES</td><td><input type="checkbox" id="v-lines" value="false"></input></td></tr>
+									
+									<tr class='lineadj'><td>USE ONLY HORIZONTAL LINES</td><td><input type="checkbox" id="h-lines" value="false" ></input></td></tr>
+							</table>
+							
+								<table>		
+									</table>
+									<table>
+<tr><td>GRID BACKGROUND:</td>
+
+<td>	<button id='gridbgmore'>OPTIONS</button></td></tr>
+			<tr class='gridbgadj'><td>TRANSPARENT? (THE DEFAULT)</td><td><input type="checkbox" id="bgtransparent" value="true" checked="checked"></input></td></tr>
+			<tr class='gridbgadj'><td>USE AN IMAGE?</td>
+			<td><input class="urlinput" type="text" id="bg-image" value="">IMG URL eg:http://ww...</input></td></tr>
+		</table><table class='gridbgadj'><td>USE A COLOR?<input type="text" id="bg-color" value=""></td><td><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></input></td>
+			
+			</table>
+
+
+<table>
+			<tr class='threedadj'><td>DITHERED-TRANSITION</td>
+		<td><select id="transition">
+			<option selected="selected" value='background'>none</option>
+			<option value="dither">dithered</option>
+			<option value="tile">infinite</option>
+		</select></td></tr>
+			
+</table>
+		<table>
+				<tr><td>IMAGE SIZE:</td></tr>
+					<tr><td>HEIGHT</td>
+					<td>	<input id='img-height' type='text' value='300'><span style="font-size:12px">PX</span></input></td></td>
+		
+					<tr><td>WIDTH</td>
+					<td><input id='img-width' type='text' value='400'><span style="font-size:12px">PX</span></input></td></td></table>
+<table>
+		<tr><td>TRIM WHITESPACE</td><td><input type="checkbox" id="trim" value="false"></input></td></tr>
+			<tr>IMAGE FORMAT<select id='format'>
+			<option selected='selected' value='png'>PNG</option>
+			<option value='gif'>GIF</option>
+			<option value='jpg'>JPG</option>
+		</select></tr></table><table>
+
+	<tr><input type=text value="" id='username'>&larr; ENTER YOUR NAME if you want </input></tr>
+</table>
+<table>
+<button id="generate">GENERATE</button>
+
+<!--<input type="reset" value="Reset Form">-->
+
+</div>
+
+</div>
+
+<div id='result'>
+	<span id="output-cmd" class='results'>click generate or hit enter to get your 2D plane</span>
+	<span id="output-img" class='results'></span>
+	<input id="output-url" class='results'></input>
+	<div id="output-info" class='results'></div>
+</div>
+
+<h5 style="position:fixed; bottom:10px; left:10px;">COPYRIGHT 2011 PEPPER DREAMTEAMER</h5>
+<div id="intro" style="background-color:white">
+<!--<div id="bg">
+	<div><table cellspacing=0 cellpadding=0><tr><td>
+	<img src="background.gif" />
+	</td></tr></table></div>
+</div>-->
+<div id="athena"><img src="athenafinal.gif"></img></div>
+</div>
+<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
+<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
+<script type="text/javascript" src="sliders.js"></script>
+<script type="text/javascript">$('#intro').remove();</script>
+<!--<script type="text/javascript" src="intro.js">-->
+<script type="text/javascript" src="main.js"></script>
+<!--<script src="popup.js" type="text/javascript"></script>--> 
+<!--<script type="text/javascript" src="picker.js"></script>-->
+<script type='text/javascript'>
+	$('#linemore').click(function(){$('.lineadj').toggle('300')})
+	$('#threedmore').click(function(){$('.threedadj').toggle('300')})
+	$('#gridbgmore').click(function(){$('.gridbgadj').toggle('300')})
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/safety.html b/frontend/imgrid/safety.html
new file mode 100755
index 0000000..79bc91a
--- /dev/null
+++ b/frontend/imgrid/safety.html
@@ -0,0 +1,488 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">  
+<html>
+<!--
+        *                       pepper                          *
+       ***                          and                        ***
+       ****                        JMD                        ****
+       *   ******      internet CHAMPIONS               ******   *
+       *         ***************************************         *
+        **            *       ______*______       *            **
+          *****      *        ______*______        *      *****
+               *******        ______*______        *******
+            ***       ****          *         ****        ***
+                ****** *oo*******  ***  *******oo* ******
+                     *   *o********* *********o*   *
+                      *   *                   *   *
+                       *   *   _         _   *   *
+                        *   *  -_       _-  *   *
+                         *  *   -_     _-   *  *
+                          * *     -___-     * *
+                           *                 *
+                          *********************
+                          *      **   **      *
+                            *    **   **    *
+                              *  _-----_  *
+                                *********
+
+-->         
+<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
+    <meta name="description" content="IMGRID A 3D GRID-PLANE GENERATOR" >
+    <meta name="keywords" content="photoblaster, 3D" >
+    <meta name=Author content="Pepper Dreamteamer - 2011 www.facebook.com/AAAFFF">
+	<link rel="shortcut icon" href="http://asdf.us/imgrid/favicon.ico">
+    <link rel="image_src" href="http://vfile.com/public/img/1.png" > 
+   <!--FACEBOOK<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">-->
+    <meta property="og:title" content="imgrid" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="http://asdf.us/imgrid" />
+    <meta property="og:site_name" content="IMGRID - A 3D-GRID-PLANE GENERATOR" />
+    <title>IMGRID - a 3D GRID-PLANE GENERATOR</title>
+		
+		<link rel="stylesheet" href="general.css" type="text/css" media="screen" />  
+		<link href='jquery-ui-1.8.16.custom.css' rel='stylesheet' type='text/css' />
+		<link href='cssreset.css' rel='stylesheet' type='text/css'/>
+	<link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
+		<style type='text/css'>
+			body
+				{
+				font-family: 'Varela Round', sans-serif;
+				font-size:10pt;
+				}
+				h1
+				{
+				font-size:18px;
+				width:50%;
+				margin:10px;
+				padding:10px;
+				}
+			#flatcontrols
+				{
+				width:40%;
+				margin:10px;
+				padding:10px;
+				}
+			.gridadj,.background,.dimensions,.links
+				{
+				display:none;
+				}
+			#thegrid,#thedimensions,#thebackground,#links
+				{
+				background-color:whitesmoke;
+				margin-left:20px;
+				-moz-box-shadow: 0px 0px 9px 3px #8B7D7B;
+				-webkit-box-shadow: 0px 0px 9px 3px #8B7D7B;
+				box-shadow: 0px 0px 9px 3px  #8B7D7B;
+				}
+			#links
+				{
+				line-height:2;
+				padding:10px;
+				}
+			.results
+				{
+				display:none;
+				position:relative;
+				}
+				#result
+					{
+					position:fixed;
+					left:50%;
+					top:20px;
+					padding-right:15px;
+					}
+				#output-img img
+					{
+					max-height:70%;
+					max-width:100%;
+					}
+				#output-url
+					{
+					width:100%;
+					}
+				.slider
+					{
+					background-color:#eee5de;
+					display:inline-block;
+					width:50%;
+					}
+				#opacity-slider, #spacing-slider
+					{
+					width:100%;
+					display:inline-block;
+					margin-right:0;
+					margin-left:0;
+					}
+			input
+				{
+				width:70px;
+				}
+			.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
+				{
+				background-color:#555;
+				}
+			.urlinput
+				{
+				width:60%;
+				}
+				a
+				{
+				background-color:white;
+				max-width:100px;
+				}
+				a:link 
+					{
+					color: black;
+					}
+				a:visited 
+					{
+					COLOR: black;
+					}
+				a:hover 
+					{
+					COLOR: black;
+					}	
+				a:active 
+					{
+					COLOR: black;
+					}
+				table td
+					{
+					padding:4px;
+					}
+				table tr
+					{
+//					border: solid 2px;
+					}
+				.gridmore, .backgroundmore, .dimensionsmore, .linksmore
+					{
+					cursor:pointer;
+					}
+				#gridplug,#backgroundplug,#dimensionsplug,#linksplug
+					{
+					font-size:20px;
+					text-align:center;
+					}
+button {
+   background: white;
+   color: #000000;
+   font-size: 18px;
+   font-family: Georgia, serif;
+   text-decoration: none;
+   vertical-align: middle;
+   }
+.button:hover {
+   border-top-color: #78e072;
+   background: #78e072;
+   color: #000000;
+   }
+table
+		{
+		empty-cells:show;
+		}
+.generate
+		{
+		position:absolute;
+		left:320px;
+		top:240px;
+				-moz-box-shadow: 0px 0px 9px 3px pink;
+				-webkit-box-shadow: 0px 0px 9px 3px pink;
+				box-shadow: 0px 0px 9px 3px pink;
+		}
+		</style>
+</head>
+<body>
+<!-- <div id="popupContact">  
+        <a id="popupContactClose">x</a>  
+        <applet code="org.jdesktop.applet.util.JNLPAppletLauncher"
+      width=800
+      height=600
+      archive="dist/deployment/v1/jar/applet-launcher.jar,
+               dist/deployment/v1/jar/gluegen-rt.jar,
+               dist/deployment/v1/jar/jogl.all.jar,
+               dist/3dmap.jar">
+   <param name="codebase_lookup" value="false">
+   <param name="subapplet.classname" value="com.scannerjammer.applet.heightmap.applet.Simple3DLandscapeApplet">
+   <param name="subapplet.displayname" value="3D Map">
+   <param name="noddraw.check" value="true">
+   <param name="progressbar" value="true">
+   <param name="jnlpNumExtensions" value="1">
+   <param name="jnlpExtension1"
+          value="dist/deployment/v1/jogl-awt.jnlp">
+   <param name="java_arguments" value="-Dsun.java2d.noddraw=true">
+   <param name="jnlp_href" value="dist/3dmap.jnlp">
+</applet>
+    </div>  
+    <div id="backgroundPopup"></div>  
+endpopup code-->
+			<div id='intro' style='position:absolute;top:0px;left:0px;width:100%;height:100%;background-image:url(background.gif);'><div style="background-image:url(background.gif); z-index:1000; height:inherit; width:inherit; position:fixed; left:50%; top:20px">
+					<img src="athenafinal.gif"></img>
+			</div></div>
+
+<a href="http://asdf.us/imgrid/index.html" style:'cursor:pointer'><img src='http://asdf.us/im/8d/imgrid_1324285217_imgrid_1324210455_imgrid_1324210353_gradient_darkseagreencyan_1317343959___.png' style='position:fixed; top:-200px; z-index:-100;'></img>
+<div style='font-size:30px;'><img style="width:500px" src="http://asdf.us/im/42/imgrid_1324542588_.png"></img></div></a>
+<div style="font-size:12px;margin-left:20px;margin-bottom:20px;">3D-GRID-PLANE GENERATOR
+<br>
+hit enter or click GENERATE to get your 2D plane
+
+<span id='genbutton'><button id='generate'>GENERATE</button></span>
+</div>
+
+<form id='theform'>
+	<div id="flatcontrols">
+<table>
+<tr><td class='dimensionsmore'>DIMENSIONS</td>
+	
+		<td>	<div id='dimensionsplug' class='dimensionsmore'>+</div></td></tr>
+		</table>
+			<div id='thedimensions'>
+			<table class='dimensions'>
+					<tr><td>HEIGHT</td>
+					<td>	<input id='img-height' type='text' value='500'><span style="font-size:12px">PX</span></input></td></td>
+					<tr><td>WIDTH</td>
+					<td><input id='img-width' type='text' value='700'><span style="font-size:12px">PX</span></input></td></td>
+			<tr style="line-height:10px"><td>&nbsp</tr><td>
+			</table>
+<table style="width:100%" class="dimensions">
+			<tr><td>SWING&nbsp<input id='swing' type='text' value='0'></input></td></tr>
+				<tr id="swingslider" class="slider"></tr>
+			<tr><td>TILT&nbsp<input id='tilt' type='text' value='0'></input></td></tr>
+				<tr id="tiltslider" class="slider"></tr>
+			<tr><td>ROLL&nbsp<input id='roll' type='text' value='0'></input></td></tr>
+				<tr id="rollslider" class="slider"></tr>
+			<tr><td>ZOOM&nbsp (in/out) &nbsp<input id='zoom' type='text' value='0'></input></td></tr>
+				<tr id="zoomslider" class="slider" value='0'></tr>
+
+</table>
+<table class="dimensions">			
+				<tr><td>&nbsp</td></tr>
+				<tr><td>CROP WHITESPACE</td><td><input type="checkbox" id="trim" value="false"></input></td></tr>
+				<tr><td>&nbsp</td></tr>
+				</table>
+<table class='dimensions'>
+			<tr><td>IMAGE FORMAT</td><td>
+		<select id='format'>
+			<option selected='selected' value='png'>PNG</option>
+			<option value='gif'>GIF</option>
+			<option value='jpg'>JPG</option>
+		</select></td></tr></table>
+			</div>
+<table>
+<tr><td class='gridmore'>GRID AND IMAGE</td>
+	
+		<td>	<div id='gridplug' class='gridmore'>+</div></td></tr>
+		</table>
+
+		<div id='thegrid'>
+<table class='gridadj'>
+			<tr><td>USE IMAGE INSTEAD OF GRID</td>
+			<td><input type="text" class="urlinput" type="text" id="imageinstead" value="">IMG URL eg:http://ww...</input></td>
+			</tr></table>
+	<table class='gridadj'>
+			<tr><td>GRID THICKNESS:</td>
+												<td><input id='line-thickness' type='text' value='1'></td><td><span style="font-size:12px">PX&nbsp&nbsp</span></input></td></tr>
+			
+					<tr class='gridadj'><td>GRID COLOR:</td>
+					<td><input id='line-color' type='text' value='BLACK'></input></td>
+					<td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></td>
+					</tr>
+
+					</table>
+					<table>
+						<tr class='gridadj'>
+							<td>GRID OPACITY: </td>
+						<td><input id='line-opacity' type='text' value='1'></input></td>
+						<td style="width:140px; height: .8em; margin:0; padding:0;" class="slider" style="margin:0;padding:0;"id="opacity-slider"></td>
+						</tr>
+
+						<tr class='gridadj'>
+									<td>GRID SPACING: </td>
+						<td><input id='line-spacing' type='text' value='0'></input></td>
+						<td class="slider" style="margin:0;padding:0;" id="spacing-slider"></td></tr>
+								
+						<tr class='gridadj'><td>USE ONLY VERTICAL LINES</td><td><input type="checkbox" id="v-lines" value="false"></input></td></tr>
+									
+									<tr class='gridadj'><td>USE ONLY HORIZONTAL LINES</td><td><input type="checkbox" id="h-lines" value="false" ></input></td></tr>
+							</table>
+<table class='gridadj'><td>GRID BACKGROUND COLOR <input type="text" id="bg-color" value="transparent"></td><td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></input></td>
+			
+			</table>
+									<table class='gridadj'>
+			<tr><td>OR GRID BACKGROUND IMAGE</td>
+			<td><input class="urlinput" type="text" id="bg-image" value="">IMG URL eg:http://ww...</input></td></tr>
+		</table>
+
+<table class='gridadj'>
+			<tr><td>GRID-TRANSITION</td>
+		<td><select id="transition">
+			<option selected="selected" value='background'>none</option>
+			<option value="dither">dithered</option>
+			<option value="random">noise</option>
+			<option value="tile">infinite</option>
+			<option value="edge">extended-edge</option>
+		</select></td></tr>
+			
+</table>
+			<table class='gridadj'>
+			<tr><td>DROP SHADOW</td><td><input type='checkbox' id='shadow' value='false'</input></td></tr>
+
+
+</table>
+</div>
+
+
+		<table style='width:150px;'>
+				<tr><td class="backgroundmore">BACKGROUND</td>
+					<td><div id="backgroundplug" class="backgroundmore">+</div></td>
+					</tr>
+			</table>
+<div id='thebackground'>
+			<table class='background'><td>BACKGROUND COLOR</td><td><input type="text" value="transparent" id="planebgcolor"></input></td>
+			<td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></td>			</table>
+			<table class="background">
+
+			<tr><td>OR BACKGROUND IMAGE</td><td><input class='urlinput' type="text" value="" id="planebgimage">IMG URL eg:http://ww...</input></td></tr>
+		</table>
+
+			<table class='background'><tr><td>SKYCOLOR</td><td><input type="text" value="none" id="skycolor">for the area above the horizon-line</input></td>
+			<td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></td>
+			</tr>
+</table>
+
+</div>
+<table>
+	<tr><td>&nbsp</td></tr>
+	<tr><td>USERNAME</td><td><input type=text value="" id='username'></input></td><td><div class='linksmore' id='linksplug'>+</div></td>
+<td>	<div id='links' class='links'>
+	<a class='links' href="http://asdf.us/im/gallery">PHOTOBLASTER GALLERY</a><br>
+	<a class='links' href="http://asdf.us/imgrid/greatgrids/">THE GREAT GRIDS GALLERY</a><br>
+	<a class='links' href="http://asdf.us/im">MAIN PHOTOBLASTER EDITOR</a></br>
+<div id="fb-root" style="position:fixed; bottom:10px; right:10px;background-color: transparent;"></div><script src="http://connect.facebook.net/en_US/all.js#appId=236917449658413&amp;xfbml=1"></script><fb:like href="http://asdf.us/im/" send="false" width="347" show_faces="false" colorscheme="light" font="" style="background-color: transparent;"></fb:like>
+	
+	</div>
+
+</td></tr></table>
+
+<br>
+
+
+</div>
+
+</div>
+
+</form>
+<div id='result'>
+	<span id="output-cmd" class='results'>
+</span>
+	<span id="output-img" class='results'></span>
+	<input id="output-url" class='results'></input>
+	<div id="output-info" class='results'></div>
+</div>
+
+
+
+
+<span class='copyright' style="position:fixed; bottom:10px; left:10px;">COPYRIGHT 2011 PEPPER DREAMTEAMER</span><a href='http://asdf.us/imgrid/greatgrids/index.html'><img class='copyright' style='display:inline; position:fixed; bottom:10px; left:290px; width:100px' src="blackplant.png"></img></a>
+<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
+<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
+<script type='text/javascript'> 
+$(document).ready(function()
+	{
+	$('#intro').fadeOut(1000,function()
+		{
+		$('#intro').remove()
+		})
+	});
+</script>
+<script type="text/javascript" src="sliders.js"></script>
+<script type="text/javascript" src="main.js"></script>
+<!--<script src="popup.js" type="text/javascript"></script>--> 
+<!--<script type="text/javascript" src="picker.js"></script>-->
+<script type='text/javascript'>
+		linksclicked = 'false';
+		$('#linksplug').click(function(){
+			$('.links').toggle('300')
+			
+			if(linksclicked === 'false'){
+					$('#linksplug').html('-')
+					$('.links').css({'min-width':'275px','word-space':'nowrap','min-height':'100px'})
+					linksclicked = 'true'
+					}
+			else{
+					$('#linksplug').html('+')
+					$('#links').css('padding','0px');
+					linksclicked = 'false'
+					}	
+			$('.copyright').hide()
+				$("body,html").scrollTop(5000);					
+												})
+
+		gridmoreclicked = 'false';
+		$('.gridmore').click(function(){
+			$('.gridadj').toggle('300')
+
+			if(gridmoreclicked === 'false'){
+					$('#gridplug').html('-')
+					$('#thegrid').css('padding','5px');
+					gridmoreclicked = 'true'
+					$("html,body").scrollTop(1000);					
+					}
+			else{
+					$('#gridplug').html('+')
+					$('#thegrid').css('padding','0px');
+					gridmoreclicked = 'false'
+					}	
+			$('.copyright').hide()
+												})
+
+
+
+	backgroundmoreclicked = 'false';
+	$('#backgroundplug').html('+');
+	$('.backgroundmore').click(function(){
+			$('.background').toggle('300')
+			if(backgroundmoreclicked === 'false'){
+					$('#thebackground').css('padding','5px');
+					$('#backgroundplug').html('-')
+					$("html,body").scrollTop(1000);					
+					backgroundmoreclicked = 'true'
+					}
+			else{
+					$('#backgroundplug').html('+')
+					$('#thebackground').css('padding','0px');
+					backgroundmoreclicked = 'false'
+					}	
+			$('.copyright').hide()
+			});
+
+
+	dimensionsmoreclicked = 'false';
+	$('#dimensionsplug').html('+');
+	$('.dimensionsmore').click(function(){
+			$('.dimensions').toggle('300')
+			if(dimensionsmoreclicked === 'false'){
+					$('#dimensionsplug').html('-')
+					$('#thedimensions').css('padding','5px');
+					$("html,body").scrollTop(1000);					
+					dimensionsmoreclicked = 'true'
+					}
+			else{
+					$('#dimensionsplug').html('+')
+					$('#thedimensions').css('padding','0px');
+					dimensionsmoreclicked = 'false'
+					}	
+			$('.copyright').hide()
+			});
+
+
+	$('#bg-color').click(function(){
+					nonecheck = $('#bg-color').val()
+					if(nonecheck === 'none')
+							{
+							$('#bg-color').val('')
+							}
+		});
+</script>
+</body>
+</html>
diff --git a/frontend/imgrid/sj6v1.zip b/frontend/imgrid/sj6v1.zip
new file mode 100755
index 0000000..b5c1592
Binary files /dev/null and b/frontend/imgrid/sj6v1.zip differ
-- 
cgit v1.2.3-70-g09d2