<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Color Picker</title>
<style type="text/css">
body {
    font-size: 12px;
	padding: 10px;
	margin: 0;
}

#selectedColor {
    border: 1px solid #000000;
	width: 40px;
	height: 13px;
	margin-bottom: 5px;
}

#colorValue {
    border: 0;
	width: 60px;
	height: 13px;
	margin-bottom: 5px;
}

#box {
	display: block;
    width: 180px;
}

#colors {
    display: inline;
	width: 180px;
	padding: 0;
	margin: 0;
	list-style: url(none) none;
}

li.colorS {
    width: 60px;
	height: 60px;
	display: block;
	float: left
}
 
ul.colorSquare {
    display: inline;
	width: 60px;
	padding: 0;
	margin: 0;
	list-style: url(none) none;
}

li.color {
    line-height: 10px;
    width: 10px;
	height: 10px;
	display: block;
	float: left;
	cursor: default;
}
</style>
<script type="text/javascript">
function pickColor(sColor, i) {
    if (i == 0) {
	    document.getElementById("colorValue").value = "#" + sColor;
		document.getElementById("selectedColor").style.background = "#" + sColor;
	}
	else if (i == 1) {
	    document.getElementById("colorValue").value = "#" + sColor;
		if (opener) {
		    if ('<%=Request("txtColor")%>' != '')
		    {
    		    opener.document.getElementById('<%=Request("txtColor")%>').value = "#" + sColor;
    		    if ('<%=Request("onchange")%>' != '')
    			    opener.<%=Request("onchange")%>(opener.document.getElementById('<%=Request("txtColor")%>'));
    	    }
			window.close();
		}
		else {
		    window.close();
		}
	}
}
</script>
</head>

<body>
<div>
  <input name="selectedColor" type="text" id="selectedColor" />
  <input name="colorValue" type="text" id="colorValue" value="" />
</div>
<div id="box"><ul id="colors">
  <li class="colorS">
    <ul class="colorSquare">
      <li class="color" style="background: #000000" onmouseover="pickColor('000000', 0);" onclick="pickColor('000000', 1);">&nbsp;</li>
      <li class="color" style="background: #003300" onmouseover="pickColor('003300', 0);" onclick="pickColor('003300', 1);">&nbsp;</li>
      <li class="color" style="background: #006600" onmouseover="pickColor('006600', 0);" onclick="pickColor('006600', 1);">&nbsp;</li>
      <li class="color" style="background: #009900" onmouseover="pickColor('009900', 0);" onclick="pickColor('009900', 1);">&nbsp;</li>
      <li class="color" style="background: #00CC00" onmouseover="pickColor('00CC00', 0);" onclick="pickColor('00CC00', 1);">&nbsp;</li>
      <li class="color" style="background: #00FF00" onmouseover="pickColor('00FF00', 0);" onclick="pickColor('00FF00', 1);">&nbsp;</li>

      <li class="color" style="background: #000033" onmouseover="pickColor('000033', 0);" onclick="pickColor('000033', 1);">&nbsp;</li>
      <li class="color" style="background: #003333" onmouseover="pickColor('003333', 0);" onclick="pickColor('003333', 1);">&nbsp;</li>
      <li class="color" style="background: #006633" onmouseover="pickColor('006633', 0);" onclick="pickColor('006633', 1);">&nbsp;</li>
      <li class="color" style="background: #009933" onmouseover="pickColor('009933', 0);" onclick="pickColor('009933', 1);">&nbsp;</li>
      <li class="color" style="background: #00CC33" onmouseover="pickColor('00CC33', 0);" onclick="pickColor('00CC33', 1);">&nbsp;</li>
      <li class="color" style="background: #00FF33" onmouseover="pickColor('00FF33', 0);" onclick="pickColor('00FF33', 1);">&nbsp;</li>
      <li class="color" style="background: #000066" onmouseover="pickColor('000066', 0);" onclick="pickColor('000066', 1);">&nbsp;</li>
      <li class="color" style="background: #003366" onmouseover="pickColor('003366', 0);" onclick="pickColor('003366', 1);">&nbsp;</li>
      <li class="color" style="background: #006666" onmouseover="pickColor('006666', 0);" onclick="pickColor('006666', 1);">&nbsp;</li>

      <li class="color" style="background: #009966" onmouseover="pickColor('009966', 0);" onclick="pickColor('009966', 1);">&nbsp;</li>
      <li class="color" style="background: #00CC66" onmouseover="pickColor('00CC66', 0);" onclick="pickColor('00CC66', 1);">&nbsp;</li>
      <li class="color" style="background: #00FF66" onmouseover="pickColor('00FF66', 0);" onclick="pickColor('00FF66', 1);">&nbsp;</li>
      <li class="color" style="background: #000099" onmouseover="pickColor('000099', 0);" onclick="pickColor('000099', 1);">&nbsp;</li>
      <li class="color" style="background: #003399" onmouseover="pickColor('003399', 0);" onclick="pickColor('003399', 1);">&nbsp;</li>
      <li class="color" style="background: #006699" onmouseover="pickColor('006699', 0);" onclick="pickColor('006699', 1);">&nbsp;</li>
      <li class="color" style="background: #009999" onmouseover="pickColor('009999', 0);" onclick="pickColor('009999', 1);">&nbsp;</li>
      <li class="color" style="background: #00CC99" onmouseover="pickColor('00CC99', 0);" onclick="pickColor('00CC99', 1);">&nbsp;</li>
      <li class="color" style="background: #00FF99" onmouseover="pickColor('00FF99', 0);" onclick="pickColor('00FF99', 1);">&nbsp;</li>

      <li class="color" style="background: #0000CC" onmouseover="pickColor('0000CC', 0);" onclick="pickColor('0000CC', 1);">&nbsp;</li>
      <li class="color" style="background: #0033CC" onmouseover="pickColor('0033CC', 0);" onclick="pickColor('0033CC', 1);">&nbsp;</li>
      <li class="color" style="background: #0066CC" onmouseover="pickColor('0066CC', 0);" onclick="pickColor('0066CC', 1);">&nbsp;</li>
      <li class="color" style="background: #0099CC" onmouseover="pickColor('0099CC', 0);" onclick="pickColor('0099CC', 1);">&nbsp;</li>
      <li class="color" style="background: #00CCCC" onmouseover="pickColor('00CCCC', 0);" onclick="pickColor('00CCCC', 1);">&nbsp;</li>
      <li class="color" style="background: #00FFCC" onmouseover="pickColor('00FFCC', 0);" onclick="pickColor('00FFCC', 1);">&nbsp;</li>
      <li class="color" style="background: #0000FF" onmouseover="pickColor('0000FF', 0);" onclick="pickColor('0000FF', 1);">&nbsp;</li>
      <li class="color" style="background: #0033FF" onmouseover="pickColor('0033FF', 0);" onclick="pickColor('0033FF', 1);">&nbsp;</li>
      <li class="color" style="background: #0066FF" onmouseover="pickColor('0066FF', 0);" onclick="pickColor('0066FF', 1);">&nbsp;</li>

      <li class="color" style="background: #0099FF" onmouseover="pickColor('0099FF', 0);" onclick="pickColor('0099FF', 1);">&nbsp;</li>
      <li class="color" style="background: #00CCFF" onmouseover="pickColor('00CCFF', 0);" onclick="pickColor('00CCFF', 1);">&nbsp;</li>
      <li class="color" style="background: #00FFFF" onmouseover="pickColor('00FFFF', 0);" onclick="pickColor('00FFFF', 1);">&nbsp;</li>
    </ul>
  </li>
  <li class="colorS">
    <ul class="colorSquare">
      <li class="color" style="background: #330000" onmouseover="pickColor('330000', 0);" onclick="pickColor('330000', 1);">&nbsp;</li>
      <li class="color" style="background: #333300" onmouseover="pickColor('333300', 0);" onclick="pickColor('333300', 1);">&nbsp;</li>

      <li class="color" style="background: #336600" onmouseover="pickColor('336600', 0);" onclick="pickColor('336600', 1);">&nbsp;</li>
      <li class="color" style="background: #339900" onmouseover="pickColor('339900', 0);" onclick="pickColor('339900', 1);">&nbsp;</li>
      <li class="color" style="background: #33CC00" onmouseover="pickColor('33CC00', 0);" onclick="pickColor('33CC00', 1);">&nbsp;</li>
      <li class="color" style="background: #33FF00" onmouseover="pickColor('33FF00', 0);" onclick="pickColor('33FF00', 1);">&nbsp;</li>
      <li class="color" style="background: #330033" onmouseover="pickColor('330033', 0);" onclick="pickColor('330033', 1);">&nbsp;</li>
      <li class="color" style="background: #333333" onmouseover="pickColor('333333', 0);" onclick="pickColor('333333', 1);">&nbsp;</li>
      <li class="color" style="background: #336633" onmouseover="pickColor('336633', 0);" onclick="pickColor('336633', 1);">&nbsp;</li>
      <li class="color" style="background: #339933" onmouseover="pickColor('339933', 0);" onclick="pickColor('339933', 1);">&nbsp;</li>
      <li class="color" style="background: #33CC33" onmouseover="pickColor('33CC33', 0);" onclick="pickColor('33CC33', 1);">&nbsp;</li>

      <li class="color" style="background: #33FF33" onmouseover="pickColor('33FF33', 0);" onclick="pickColor('33FF33', 1);">&nbsp;</li>
      <li class="color" style="background: #330066" onmouseover="pickColor('330066', 0);" onclick="pickColor('330066', 1);">&nbsp;</li>
      <li class="color" style="background: #333366" onmouseover="pickColor('333366', 0);" onclick="pickColor('333366', 1);">&nbsp;</li>
      <li class="color" style="background: #336666" onmouseover="pickColor('336666', 0);" onclick="pickColor('336666', 1);">&nbsp;</li>
      <li class="color" style="background: #339966" onmouseover="pickColor('339966', 0);" onclick="pickColor('339966', 1);">&nbsp;</li>
      <li class="color" style="background: #33CC66" onmouseover="pickColor('33CC66', 0);" onclick="pickColor('33CC66', 1);">&nbsp;</li>
      <li class="color" style="background: #33FF66" onmouseover="pickColor('33FF66', 0);" onclick="pickColor('33FF66', 1);">&nbsp;</li>
      <li class="color" style="background: #330099" onmouseover="pickColor('330099', 0);" onclick="pickColor('330099', 1);">&nbsp;</li>
      <li class="color" style="background: #333399" onmouseover="pickColor('333399', 0);" onclick="pickColor('333399', 1);">&nbsp;</li>

      <li class="color" style="background: #336699" onmouseover="pickColor('336699', 0);" onclick="pickColor('336699', 1);">&nbsp;</li>
      <li class="color" style="background: #339999" onmouseover="pickColor('339999', 0);" onclick="pickColor('339999', 1);">&nbsp;</li>
      <li class="color" style="background: #33CC99" onmouseover="pickColor('33CC99', 0);" onclick="pickColor('33CC99', 1);">&nbsp;</li>
      <li class="color" style="background: #33FF99" onmouseover="pickColor('33FF99', 0);" onclick="pickColor('33FF99', 1);">&nbsp;</li>
      <li class="color" style="background: #3300CC" onmouseover="pickColor('3300CC', 0);" onclick="pickColor('3300CC', 1);">&nbsp;</li>
      <li class="color" style="background: #3333CC" onmouseover="pickColor('3333CC', 0);" onclick="pickColor('3333CC', 1);">&nbsp;</li>
      <li class="color" style="background: #3366CC" onmouseover="pickColor('3366CC', 0);" onclick="pickColor('3366CC', 1);">&nbsp;</li>
      <li class="color" style="background: #3399CC" onmouseover="pickColor('3399CC', 0);" onclick="pickColor('3399CC', 1);">&nbsp;</li>
      <li class="color" style="background: #33CCCC" onmouseover="pickColor('33CCCC', 0);" onclick="pickColor('33CCCC', 1);">&nbsp;</li>

      <li class="color" style="background: #33FFCC" onmouseover="pickColor('33FFCC', 0);" onclick="pickColor('33FFCC', 1);">&nbsp;</li>
      <li class="color" style="background: #3300FF" onmouseover="pickColor('3300FF', 0);" onclick="pickColor('3300FF', 1);">&nbsp;</li>
      <li class="color" style="background: #3333FF" onmouseover="pickColor('3333FF', 0);" onclick="pickColor('3333FF', 1);">&nbsp;</li>
      <li class="color" style="background: #3366FF" onmouseover="pickColor('3366FF', 0);" onclick="pickColor('3366FF', 1);">&nbsp;</li>
      <li class="color" style="background: #3399FF" onmouseover="pickColor('3399FF', 0);" onclick="pickColor('3399FF', 1);">&nbsp;</li>
      <li class="color" style="background: #33CCFF" onmouseover="pickColor('33CCFF', 0);" onclick="pickColor('33CCFF', 1);">&nbsp;</li>
      <li class="color" style="background: #33FFFF" onmouseover="pickColor('33FFFF', 0);" onclick="pickColor('33FFFF', 1);">&nbsp;</li>
    </ul>
  </li>

  <li class="colorS">
    <ul class="colorSquare">
      <li class="color" style="background: #660000" onmouseover="pickColor('660000', 0);" onclick="pickColor('660000', 1);">&nbsp;</li>
      <li class="color" style="background: #663300" onmouseover="pickColor('663300', 0);" onclick="pickColor('663300', 1);">&nbsp;</li>
      <li class="color" style="background: #666600" onmouseover="pickColor('666600', 0);" onclick="pickColor('666600', 1);">&nbsp;</li>
      <li class="color" style="background: #669900" onmouseover="pickColor('669900', 0);" onclick="pickColor('669900', 1);">&nbsp;</li>
      <li class="color" style="background: #66CC00" onmouseover="pickColor('66CC00', 0);" onclick="pickColor('66CC00', 1);">&nbsp;</li>
      <li class="color" style="background: #66FF00" onmouseover="pickColor('66FF00', 0);" onclick="pickColor('66FF00', 1);">&nbsp;</li>
      <li class="color" style="background: #660033" onmouseover="pickColor('660033', 0);" onclick="pickColor('660033', 1);">&nbsp;</li>

      <li class="color" style="background: #663333" onmouseover="pickColor('663333', 0);" onclick="pickColor('663333', 1);">&nbsp;</li>
      <li class="color" style="background: #666633" onmouseover="pickColor('666633', 0);" onclick="pickColor('666633', 1);">&nbsp;</li>
      <li class="color" style="background: #669933" onmouseover="pickColor('669933', 0);" onclick="pickColor('669933', 1);">&nbsp;</li>
      <li class="color" style="background: #66CC33" onmouseover="pickColor('66CC33', 0);" onclick="pickColor('66CC33', 1);">&nbsp;</li>
      <li class="color" style="background: #66FF33" onmouseover="pickColor('66FF33', 0);" onclick="pickColor('66FF33', 1);">&nbsp;</li>
      <li class="color" style="background: #660066" onmouseover="pickColor('660066', 0);" onclick="pickColor('660066', 1);">&nbsp;</li>
      <li class="color" style="background: #663366" onmouseover="pickColor('663366', 0);" onclick="pickColor('663366', 1);">&nbsp;</li>
      <li class="color" style="background: #666666" onmouseover="pickColor('666666', 0);" onclick="pickColor('666666', 1);">&nbsp;</li>
      <li class="color" style="background: #669966" onmouseover="pickColor('669966', 0);" onclick="pickColor('669966', 1);">&nbsp;</li>

      <li class="color" style="background: #66CC66" onmouseover="pickColor('66CC66', 0);" onclick="pickColor('66CC66', 1);">&nbsp;</li>
      <li class="color" style="background: #66FF66" onmouseover="pickColor('66FF66', 0);" onclick="pickColor('66FF66', 1);">&nbsp;</li>
      <li class="color" style="background: #660099" onmouseover="pickColor('660099', 0);" onclick="pickColor('660099', 1);">&nbsp;</li>
      <li class="color" style="background: #663399" onmouseover="pickColor('663399', 0);" onclick="pickColor('663399', 1);">&nbsp;</li>
      <li class="color" style="background: #666699" onmouseover="pickColor('666699', 0);" onclick="pickColor('666699', 1);">&nbsp;</li>
      <li class="color" style="background: #669999" onmouseover="pickColor('669999', 0);" onclick="pickColor('669999', 1);">&nbsp;</li>
      <li class="color" style="background: #66CC99" onmouseover="pickColor('66CC99', 0);" onclick="pickColor('66CC99', 1);">&nbsp;</li>
      <li class="color" style="background: #66FF99" onmouseover="pickColor('66FF99', 0);" onclick="pickColor('66FF99', 1);">&nbsp;</li>
      <li class="color" style="background: #6600CC" onmouseover="pickColor('6600CC', 0);" onclick="pickColor('6600CC', 1);">&nbsp;</li>

      <li class="color" style="background: #6633CC" onmouseover="pickColor('6633CC', 0);" onclick="pickColor('6633CC', 1);">&nbsp;</li>
      <li class="color" style="background: #6666CC" onmouseover="pickColor('6666CC', 0);" onclick="pickColor('6666CC', 1);">&nbsp;</li>
      <li class="color" style="background: #6699CC" onmouseover="pickColor('6699CC', 0);" onclick="pickColor('6699CC', 1);">&nbsp;</li>
      <li class="color" style="background: #66CCCC" onmouseover="pickColor('66CCCC', 0);" onclick="pickColor('66CCCC', 1);">&nbsp;</li>
      <li class="color" style="background: #66FFCC" onmouseover="pickColor('66FFCC', 0);" onclick="pickColor('66FFCC', 1);">&nbsp;</li>
      <li class="color" style="background: #6600FF" onmouseover="pickColor('6600FF', 0);" onclick="pickColor('6600FF', 1);">&nbsp;</li>
      <li class="color" style="background: #6633FF" onmouseover="pickColor('6633FF', 0);" onclick="pickColor('6633FF', 1);">&nbsp;</li>
      <li class="color" style="background: #6666FF" onmouseover="pickColor('6666FF', 0);" onclick="pickColor('6666FF', 1);">&nbsp;</li>
      <li class="color" style="background: #6699FF" onmouseover="pickColor('6699FF', 0);" onclick="pickColor('6699FF', 1);">&nbsp;</li>

      <li class="color" style="background: #66CCFF" onmouseover="pickColor('66CCFF', 0);" onclick="pickColor('66CCFF', 1);">&nbsp;</li>
      <li class="color" style="background: #66FFFF" onmouseover="pickColor('66FFFF', 0);" onclick="pickColor('66FFFF', 1);">&nbsp;</li>
    </ul>
  </li>
  <li class="colorS">
    <ul class="colorSquare">
      <li class="color" style="background: #990000" onmouseover="pickColor('990000', 0);" onclick="pickColor('990000', 1);">&nbsp;</li>
      <li class="color" style="background: #993300" onmouseover="pickColor('993300', 0);" onclick="pickColor('993300', 1);">&nbsp;</li>
      <li class="color" style="background: #996600" onmouseover="pickColor('996600', 0);" onclick="pickColor('996600', 1);">&nbsp;</li>

      <li class="color" style="background: #999900" onmouseover="pickColor('999900', 0);" onclick="pickColor('999900', 1);">&nbsp;</li>
      <li class="color" style="background: #99CC00" onmouseover="pickColor('99CC00', 0);" onclick="pickColor('99CC00', 1);">&nbsp;</li>
      <li class="color" style="background: #99FF00" onmouseover="pickColor('99FF00', 0);" onclick="pickColor('99FF00', 1);">&nbsp;</li>
      <li class="color" style="background: #990033" onmouseover="pickColor('990033', 0);" onclick="pickColor('990033', 1);">&nbsp;</li>
      <li class="color" style="background: #993333" onmouseover="pickColor('993333', 0);" onclick="pickColor('993333', 1);">&nbsp;</li>
      <li class="color" style="background: #996633" onmouseover="pickColor('996633', 0);" onclick="pickColor('996633', 1);">&nbsp;</li>
      <li class="color" style="background: #999933" onmouseover="pickColor('999933', 0);" onclick="pickColor('999933', 1);">&nbsp;</li>
      <li class="color" style="background: #99CC33" onmouseover="pickColor('99CC33', 0);" onclick="pickColor('99CC33', 1);">&nbsp;</li>
      <li class="color" style="background: #99FF33" onmouseover="pickColor('99FF33', 0);" onclick="pickColor('99FF33', 1);">&nbsp;</li>

      <li class="color" style="background: #990066" onmouseover="pickColor('990066', 0);" onclick="pickColor('990066', 1);">&nbsp;</li>
      <li class="color" style="background: #993366" onmouseover="pickColor('993366', 0);" onclick="pickColor('993366', 1);">&nbsp;</li>
      <li class="color" style="background: #996666" onmouseover="pickColor('996666', 0);" onclick="pickColor('996666', 1);">&nbsp;</li>
      <li class="color" style="background: #999966" onmouseover="pickColor('999966', 0);" onclick="pickColor('999966', 1);">&nbsp;</li>
      <li class="color" style="background: #99CC66" onmouseover="pickColor('99CC66', 0);" onclick="pickColor('99CC66', 1);">&nbsp;</li>
      <li class="color" style="background: #99FF66" onmouseover="pickColor('99FF66', 0);" onclick="pickColor('99FF66', 1);">&nbsp;</li>
      <li class="color" style="background: #990099" onmouseover="pickColor('990099', 0);" onclick="pickColor('990099', 1);">&nbsp;</li>
      <li class="color" style="background: #993399" onmouseover="pickColor('993399', 0);" onclick="pickColor('993399', 1);">&nbsp;</li>
      <li class="color" style="background: #996699" onmouseover="pickColor('996699', 0);" onclick="pickColor('996699', 1);">&nbsp;</li>

      <li class="color" style="background: #999999" onmouseover="pickColor('999999', 0);" onclick="pickColor('999999', 1);">&nbsp;</li>
      <li class="color" style="background: #99CC99" onmouseover="pickColor('99CC99', 0);" onclick="pickColor('99CC99', 1);">&nbsp;</li>
      <li class="color" style="background: #99FF99" onmouseover="pickColor('99FF99', 0);" onclick="pickColor('99FF99', 1);">&nbsp;</li>
      <li class="color" style="background: #9900CC" onmouseover="pickColor('9900CC', 0);" onclick="pickColor('9900CC', 1);">&nbsp;</li>
      <li class="color" style="background: #9933CC" onmouseover="pickColor('9933CC', 0);" onclick="pickColor('9933CC', 1);">&nbsp;</li>
      <li class="color" style="background: #9966CC" onmouseover="pickColor('9966CC', 0);" onclick="pickColor('9966CC', 1);">&nbsp;</li>
      <li class="color" style="background: #9999CC" onmouseover="pickColor('9999CC', 0);" onclick="pickColor('9999CC', 1);">&nbsp;</li>
      <li class="color" style="background: #99CCCC" onmouseover="pickColor('99CCCC', 0);" onclick="pickColor('99CCCC', 1);">&nbsp;</li>
      <li class="color" style="background: #99FFCC" onmouseover="pickColor('99FFCC', 0);" onclick="pickColor('99FFCC', 1);">&nbsp;</li>

      <li class="color" style="background: #9900FF" onmouseover="pickColor('9900FF', 0);" onclick="pickColor('9900FF', 1);">&nbsp;</li>
      <li class="color" style="background: #9933FF" onmouseover="pickColor('9933FF', 0);" onclick="pickColor('9933FF', 1);">&nbsp;</li>
      <li class="color" style="background: #9966FF" onmouseover="pickColor('9966FF', 0);" onclick="pickColor('9966FF', 1);">&nbsp;</li>
      <li class="color" style="background: #9999FF" onmouseover="pickColor('9999FF', 0);" onclick="pickColor('9999FF', 1);">&nbsp;</li>
      <li class="color" style="background: #99CCFF" onmouseover="pickColor('99CCFF', 0);" onclick="pickColor('99CCFF', 1);">&nbsp;</li>
      <li class="color" style="background: #99FFFF" onmouseover="pickColor('99FFFF', 0);" onclick="pickColor('99FFFF', 1);">&nbsp;</li>
    </ul>
  </li>
  <li class="colorS">

    <ul class="colorSquare">
      <li class="color" style="background: #CC0000" onmouseover="pickColor('CC0000', 0);" onclick="pickColor('CC0000', 1);">&nbsp;</li>
      <li class="color" style="background: #CC3300" onmouseover="pickColor('CC3300', 0);" onclick="pickColor('CC3300', 1);">&nbsp;</li>
      <li class="color" style="background: #CC6600" onmouseover="pickColor('CC6600', 0);" onclick="pickColor('CC6600', 1);">&nbsp;</li>
      <li class="color" style="background: #CC9900" onmouseover="pickColor('CC9900', 0);" onclick="pickColor('CC9900', 1);">&nbsp;</li>
      <li class="color" style="background: #CCCC00" onmouseover="pickColor('CCCC00', 0);" onclick="pickColor('CCCC00', 1);">&nbsp;</li>
      <li class="color" style="background: #CCFF00" onmouseover="pickColor('CCFF00', 0);" onclick="pickColor('CCFF00', 1);">&nbsp;</li>
      <li class="color" style="background: #CC0033" onmouseover="pickColor('CC0033', 0);" onclick="pickColor('CC0033', 1);">&nbsp;</li>
      <li class="color" style="background: #CC3333" onmouseover="pickColor('CC3333', 0);" onclick="pickColor('CC3333', 1);">&nbsp;</li>

      <li class="color" style="background: #CC6633" onmouseover="pickColor('CC6633', 0);" onclick="pickColor('CC6633', 1);">&nbsp;</li>
      <li class="color" style="background: #CC9933" onmouseover="pickColor('CC9933', 0);" onclick="pickColor('CC9933', 1);">&nbsp;</li>
      <li class="color" style="background: #CCCC33" onmouseover="pickColor('CCCC33', 0);" onclick="pickColor('CCCC33', 1);">&nbsp;</li>
      <li class="color" style="background: #CCFF33" onmouseover="pickColor('CCFF33', 0);" onclick="pickColor('CCFF33', 1);">&nbsp;</li>
      <li class="color" style="background: #CC0066" onmouseover="pickColor('CC0066', 0);" onclick="pickColor('CC0066', 1);">&nbsp;</li>
      <li class="color" style="background: #CC3366" onmouseover="pickColor('CC3366', 0);" onclick="pickColor('CC3366', 1);">&nbsp;</li>
      <li class="color" style="background: #CC6666" onmouseover="pickColor('CC6666', 0);" onclick="pickColor('CC6666', 1);">&nbsp;</li>
      <li class="color" style="background: #CC9966" onmouseover="pickColor('CC9966', 0);" onclick="pickColor('CC9966', 1);">&nbsp;</li>
      <li class="color" style="background: #CCCC66" onmouseover="pickColor('CCCC66', 0);" onclick="pickColor('CCCC66', 1);">&nbsp;</li>

      <li class="color" style="background: #CCFF66" onmouseover="pickColor('CCFF66', 0);" onclick="pickColor('CCFF66', 1);">&nbsp;</li>
      <li class="color" style="background: #CC0099" onmouseover="pickColor('CC0099', 0);" onclick="pickColor('CC0099', 1);">&nbsp;</li>
      <li class="color" style="background: #CC3399" onmouseover="pickColor('CC3399', 0);" onclick="pickColor('CC3399', 1);">&nbsp;</li>
      <li class="color" style="background: #CC6699" onmouseover="pickColor('CC6699', 0);" onclick="pickColor('CC6699', 1);">&nbsp;</li>
      <li class="color" style="background: #CC9999" onmouseover="pickColor('CC9999', 0);" onclick="pickColor('CC9999', 1);">&nbsp;</li>
      <li class="color" style="background: #CCCC99" onmouseover="pickColor('CCCC99', 0);" onclick="pickColor('CCCC99', 1);">&nbsp;</li>
      <li class="color" style="background: #CCFF99" onmouseover="pickColor('CCFF99', 0);" onclick="pickColor('CCFF99', 1);">&nbsp;</li>
      <li class="color" style="background: #CC00CC" onmouseover="pickColor('CC00CC', 0);" onclick="pickColor('CC00CC', 1);">&nbsp;</li>
      <li class="color" style="background: #CC33CC" onmouseover="pickColor('CC33CC', 0);" onclick="pickColor('CC33CC', 1);">&nbsp;</li>

      <li class="color" style="background: #CC66CC" onmouseover="pickColor('CC66CC', 0);" onclick="pickColor('CC66CC', 1);">&nbsp;</li>
      <li class="color" style="background: #CC99CC" onmouseover="pickColor('CC99CC', 0);" onclick="pickColor('CC99CC', 1);">&nbsp;</li>
      <li class="color" style="background: #CCCCCC" onmouseover="pickColor('CCCCCC', 0);" onclick="pickColor('CCCCCC', 1);">&nbsp;</li>
      <li class="color" style="background: #CCFFCC" onmouseover="pickColor('CCFFCC', 0);" onclick="pickColor('CCFFCC', 1);">&nbsp;</li>
      <li class="color" style="background: #CC00FF" onmouseover="pickColor('CC00FF', 0);" onclick="pickColor('CC00FF', 1);">&nbsp;</li>
      <li class="color" style="background: #CC33FF" onmouseover="pickColor('CC33FF', 0);" onclick="pickColor('CC33FF', 1);">&nbsp;</li>
      <li class="color" style="background: #CC66FF" onmouseover="pickColor('CC66FF', 0);" onclick="pickColor('CC66FF', 1);">&nbsp;</li>
      <li class="color" style="background: #CC99FF" onmouseover="pickColor('CC99FF', 0);" onclick="pickColor('CC99FF', 1);">&nbsp;</li>
      <li class="color" style="background: #CCCCFF" onmouseover="pickColor('CCCCFF', 0);" onclick="pickColor('CCCCFF', 1);">&nbsp;</li>

      <li class="color" style="background: #CCFFFF" onmouseover="pickColor('CCFFFF', 0);" onclick="pickColor('CCFFFF', 1);">&nbsp;</li>
    </ul>
  </li>
  <li class="colorS">
    <ul class="colorSquare">
      <li class="color" style="background: #FF0000" onmouseover="pickColor('FF0000', 0);" onclick="pickColor('FF0000', 1);">&nbsp;</li>
      <li class="color" style="background: #FF3300" onmouseover="pickColor('FF3300', 0);" onclick="pickColor('FF3300', 1);">&nbsp;</li>
      <li class="color" style="background: #FF6600" onmouseover="pickColor('FF6600', 0);" onclick="pickColor('FF6600', 1);">&nbsp;</li>
      <li class="color" style="background: #FF9900" onmouseover="pickColor('FF9900', 0);" onclick="pickColor('FF9900', 1);">&nbsp;</li>

      <li class="color" style="background: #FFCC00" onmouseover="pickColor('FFCC00', 0);" onclick="pickColor('FFCC00', 1);">&nbsp;</li>
      <li class="color" style="background: #FFFF00" onmouseover="pickColor('FFFF00', 0);" onclick="pickColor('FFFF00', 1);">&nbsp;</li>
      <li class="color" style="background: #FF0033" onmouseover="pickColor('FF0033', 0);" onclick="pickColor('FF0033', 1);">&nbsp;</li>
      <li class="color" style="background: #FF3333" onmouseover="pickColor('FF3333', 0);" onclick="pickColor('FF3333', 1);">&nbsp;</li>
      <li class="color" style="background: #FF6633" onmouseover="pickColor('FF6633', 0);" onclick="pickColor('FF6633', 1);">&nbsp;</li>
      <li class="color" style="background: #FF9933" onmouseover="pickColor('FF9933', 0);" onclick="pickColor('FF9933', 1);">&nbsp;</li>
      <li class="color" style="background: #FFCC33" onmouseover="pickColor('FFCC33', 0);" onclick="pickColor('FFCC33', 1);">&nbsp;</li>
      <li class="color" style="background: #FFFF33" onmouseover="pickColor('FFFF33', 0);" onclick="pickColor('FFFF33', 1);">&nbsp;</li>
      <li class="color" style="background: #FF0066" onmouseover="pickColor('FF0066', 0);" onclick="pickColor('FF0066', 1);">&nbsp;</li>

      <li class="color" style="background: #FF3366" onmouseover="pickColor('FF3366', 0);" onclick="pickColor('FF3366', 1);">&nbsp;</li>
      <li class="color" style="background: #FF6666" onmouseover="pickColor('FF6666', 0);" onclick="pickColor('FF6666', 1);">&nbsp;</li>
      <li class="color" style="background: #FF9966" onmouseover="pickColor('FF9966', 0);" onclick="pickColor('FF9966', 1);">&nbsp;</li>
      <li class="color" style="background: #FFCC66" onmouseover="pickColor('FFCC66', 0);" onclick="pickColor('FFCC66', 1);">&nbsp;</li>
      <li class="color" style="background: #FFFF66" onmouseover="pickColor('FFFF66', 0);" onclick="pickColor('FFFF66', 1);">&nbsp;</li>
      <li class="color" style="background: #FF0099" onmouseover="pickColor('FF0099', 0);" onclick="pickColor('FF0099', 1);">&nbsp;</li>
      <li class="color" style="background: #FF3399" onmouseover="pickColor('FF3399', 0);" onclick="pickColor('FF3399', 1);">&nbsp;</li>
      <li class="color" style="background: #FF6699" onmouseover="pickColor('FF6699', 0);" onclick="pickColor('FF6699', 1);">&nbsp;</li>
      <li class="color" style="background: #FF9999" onmouseover="pickColor('FF9999', 0);" onclick="pickColor('FF9999', 1);">&nbsp;</li>

      <li class="color" style="background: #FFCC99" onmouseover="pickColor('FFCC99', 0);" onclick="pickColor('FFCC99', 1);">&nbsp;</li>
      <li class="color" style="background: #FFFF99" onmouseover="pickColor('FFFF99', 0);" onclick="pickColor('FFFF99', 1);">&nbsp;</li>
      <li class="color" style="background: #FF00CC" onmouseover="pickColor('FF00CC', 0);" onclick="pickColor('FF00CC', 1);">&nbsp;</li>
      <li class="color" style="background: #FF33CC" onmouseover="pickColor('FF33CC', 0);" onclick="pickColor('FF33CC', 1);">&nbsp;</li>
      <li class="color" style="background: #FF66CC" onmouseover="pickColor('FF66CC', 0);" onclick="pickColor('FF66CC', 1);">&nbsp;</li>
      <li class="color" style="background: #FF99CC" onmouseover="pickColor('FF99CC', 0);" onclick="pickColor('FF99CC', 1);">&nbsp;</li>
      <li class="color" style="background: #FFCCCC" onmouseover="pickColor('FFCCCC', 0);" onclick="pickColor('FFCCCC', 1);">&nbsp;</li>
      <li class="color" style="background: #FFFFCC" onmouseover="pickColor('FFFFCC', 0);" onclick="pickColor('FFFFCC', 1);">&nbsp;</li>
      <li class="color" style="background: #FF00FF" onmouseover="pickColor('FF00FF', 0);" onclick="pickColor('FF00FF', 1);">&nbsp;</li>

      <li class="color" style="background: #FF33FF" onmouseover="pickColor('FF33FF', 0);" onclick="pickColor('FF33FF', 1);">&nbsp;</li>
      <li class="color" style="background: #FF66FF" onmouseover="pickColor('FF66FF', 0);" onclick="pickColor('FF66FF', 1);">&nbsp;</li>
      <li class="color" style="background: #FF99FF" onmouseover="pickColor('FF99FF', 0);" onclick="pickColor('FF99FF', 1);">&nbsp;</li>
      <li class="color" style="background: #FFCCFF" onmouseover="pickColor('FFCCFF', 0);" onclick="pickColor('FFCCFF', 1);">&nbsp;</li>
      <li class="color" style="background: #FFFFFF" onmouseover="pickColor('FFFFFF', 0);" onclick="pickColor('FFFFFF', 1);">&nbsp;</li>
    </ul>
  </li>
</ul>
</div>
</body>
</html>
