Tip: Javascript Color Picker
Howard Rothenburg
http://www.barefootc.com/scripts/colorpop.asp
____________
You can use this in your page to open the picker:
function NewPicker()
{
var win2=window.open('colorchart.html','ColorPopup','height=130,width=274,top=150,left=400,scrollbars=no,resizable=no');
}
function SetColor(color)
{
//this is called from colorchart.html to return the color
whateveryouwant = color;
}
_______________
Use this for colorchart.html
<HTML>
<HEAD>
<TITLE>Color Chart</TITLE>
</HEAD>
<body onload="window.focus()" onblur="window.focus()"
bgcolor="#334455" leftmargin="0" marginwidth="0" topmargin="0"
marginheight="0">
<table border="1" bgcolor="#888888" cellpadding="0" cellspacing="0">
<!-- RED -->
<tr>
<td width="14" height="14" bgcolor="#ffeeee">
<a href="javascript:void(0);"
onclick="window.close();window.opener.SetColor('#ffeeee')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffeeee"></a></td>
<td width="14" height="14" bgcolor="#ffcccc">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ffcccc')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffcccc"></a></td>
<td width="14" height="14" bgcolor="#ffaaaa">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ffaaaa')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffaaaa"></a></td>
<td width="14" height="14" bgcolor="#ff8888">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ff8888')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ff8888"></a></td>
<td width="14" height="14" bgcolor="#ff6666">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ff6666')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ff6666"></a></td>
<td width="14" height="14" bgcolor="#ff4444">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ff4444')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ff4444"></a></td>
<td width="14" height="14" bgcolor="#ff2222">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ff2222')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ff2222"></a></td>
<td width="14" height="14" bgcolor="#ff0000">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ff0000')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ff0000"></a></td>
<td width="14" height="14" bgcolor="#ee0000">
<a href="javascript:void(0);"
onclick="window.close();window.opener.SetColor('#ee0000')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ee0000"></a></td>
<td width="14" height="14" bgcolor="#cc0000">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#cc0000')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#cc0000"></a></td>
<td width="14" height="14" bgcolor="#aa0000">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#aa0000')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#aa0000"></a></td>
<td width="14" height="14" bgcolor="#880000">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#880000')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#880000"></a></td>
<td width="14" height="14" bgcolor="#770000">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#770000')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#770000"></a></td>
<td width="14" height="14" bgcolor="#660000">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#660000')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#660000"></a></td>
<td width="14" height="14" bgcolor="#550000">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#550000')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#550000"></a></td>
<td width="14" height="14" bgcolor="#440000">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#440000')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#440000"></a></td>
<td width="14" height="14" bgcolor="#330000">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#330000')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#330000"></a></td>
</tr>
<!-- GREEN -->
<tr>
<td width="14" height="14" bgcolor="#eeffee">
<a href="javascript:void(0);"
onclick="window.close();window.opener.SetColor('#eeffee')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#eeffee"></a></td>
<td width="14" height="14" bgcolor="#ccffcc">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ccffcc')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ccffcc"></a></td>
<td width="14" height="14" bgcolor="#aaffaa">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#aaffaa')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#aaffaa"></a></td>
<td width="14" height="14" bgcolor="#88ff88">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#88ff88')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#88ff88"></a></td>
<td width="14" height="14" bgcolor="#66ff66">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#66ff66')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#66ff66"></a></td>
<td width="14" height="14" bgcolor="#44ff44">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#44ff44')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#44ff44"></a></td>
<td width="14" height="14" bgcolor="#22ff22">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#22ff22')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#22ff22"></a></td>
<td width="14" height="14" bgcolor="#00ff00">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#00ff00')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#00ff00"></a></td>
<td width="14" height="14" bgcolor="#00ee00">
<a href="javascript:void(0);"
onclick="window.close();window.opener.SetColor('#00ee00')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#00ee00"></a></td>
<td width="14" height="14" bgcolor="#00cc00">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#00cc00')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#00cc00"></a></td>
<td width="14" height="14" bgcolor="#00aa00">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#00aa00')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#00aa00"></a></td>
<td width="14" height="14" bgcolor="#008800">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#008800')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#008800"></a></td>
<td width="14" height="14" bgcolor="#007700">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#007700')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#007700"></a></td>
<td width="14" height="14" bgcolor="#006600">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#006600')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#006600"></a></td>
<td width="14" height="14" bgcolor="#005500">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#005500')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#005500"></a></td>
<td width="14" height="14" bgcolor="#004400">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#004400')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#004400"></a></td>
<td width="14" height="14" bgcolor="#003300">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#003300')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#003300"></a></td>
</tr>
<!-- BLUE -->
<tr>
<td width="14" height="14" bgcolor="#eeeeff">
<a href="javascript:void(0);"
onclick="window.close();window.opener.SetColor('#eeeeff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#eeeeff"></a></td>
<td width="14" height="14" bgcolor="#ccccff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ccccff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ccccff"></a></td>
<td width="14" height="14" bgcolor="#aaaaff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#aaaaff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#aaaaff"></a></td>
<td width="14" height="14" bgcolor="#8888ff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#8888ff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#8888ff"></a></td>
<td width="14" height="14" bgcolor="#6666ff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#6666ff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#6666ff"></a></td>
<td width="14" height="14" bgcolor="#4444ff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#4444ff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#4444ff"></a></td>
<td width="14" height="14" bgcolor="#2222ff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#2222ff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#2222ff"></a></td>
<td width="14" height="14" bgcolor="#0000ff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#0000ff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#0000ff"></a></td>
<td width="14" height="14" bgcolor="#0000ee">
<a href="javascript:void(0);"
onclick="window.close();window.opener.SetColor('#0000ee')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#0000ee"></a></td>
<td width="14" height="14" bgcolor="#0000cc">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#0000cc')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#0000cc"></a></td>
<td width="14" height="14" bgcolor="#0000aa">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#0000aa')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#0000aa"></a></td>
<td width="14" height="14" bgcolor="#000088">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#000088')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#000088"></a></td>
<td width="14" height="14" bgcolor="#000077">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#000077')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#000077"></a></td>
<td width="14" height="14" bgcolor="#000066">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#000066')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#000066"></a></td>
<td width="14" height="14" bgcolor="#000055">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#000055')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#000055"></a></td>
<td width="14" height="14" bgcolor="#000044">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#000044')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#000044"></a></td>
<td width="14" height="14" bgcolor="#000033">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#000033')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#000033"></a></td>
</tr>
<!-- YELLOW -->
<tr>
<td width="14" height="14" bgcolor="#ffffee">
<a href="javascript:void(0);"
onclick="window.close();window.opener.SetColor('#ffffee')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffffee"></a></td>
<td width="14" height="14" bgcolor="#ffffcc">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ffffcc')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffffcc"></a></td>
<td width="14" height="14" bgcolor="#ffffaa">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ffffaa')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffffaa"></a></td>
<td width="14" height="14" bgcolor="#ffff88">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ffff88')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffff88"></a></td>
<td width="14" height="14" bgcolor="#ffff66">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ffff66')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffff66"></a></td>
<td width="14" height="14" bgcolor="#ffff44">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ffff44')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffff44"></a></td>
<td width="14" height="14" bgcolor="#ffff22">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ffff22')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffff22"></a></td>
<td width="14" height="14" bgcolor="#ffff00">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ffff00')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffff00"></a></td>
<td width="14" height="14" bgcolor="#eeee00">
<a href="javascript:void(0);"
onclick="window.close();window.opener.SetColor('#eeee00')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#eeee00"></a></td>
<td width="14" height="14" bgcolor="#cccc00">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#cccc00')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#cccc00"></a></td>
<td width="14" height="14" bgcolor="#aaaa00">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#aaaa00')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#aaaa00"></a></td>
<td width="14" height="14" bgcolor="#888800">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#888800')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#888800"></a></td>
<td width="14" height="14" bgcolor="#777700">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#777700')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#777700"></a></td>
<td width="14" height="14" bgcolor="#666600">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#666600')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#666600"></a></td>
<td width="14" height="14" bgcolor="#555500">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#555500')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#555500"></a></td>
<td width="14" height="14" bgcolor="#444400">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#444400')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#444400"></a></td>
<td width="14" height="14" bgcolor="#333300">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#333300')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#333300"></a></td>
</tr>
<!-- PURPLE -->
<tr>
<td width="14" height="14" bgcolor="#ffeeff">
<a href="javascript:void(0);"
onclick="window.close();window.opener.SetColor('#ffeeff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffeeff"></a></td>
<td width="14" height="14" bgcolor="#ffccff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ffccff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffccff"></a></td>
<td width="14" height="14" bgcolor="#ffaaff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ffaaff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffaaff"></a></td>
<td width="14" height="14" bgcolor="#ff88ff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ff88ff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ff88ff"></a></td>
<td width="14" height="14" bgcolor="#ff66ff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ff66ff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ff66ff"></a></td>
<td width="14" height="14" bgcolor="#ff44ff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ff44ff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ff44ff"></a></td>
<td width="14" height="14" bgcolor="#ff22ff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ff22ff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ff22ff"></a></td>
<td width="14" height="14" bgcolor="#ff00ff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ff00ff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffddd0"></a></td>
<td width="14" height="14" bgcolor="#ee00ee">
<a href="javascript:void(0);"
onclick="window.close();window.opener.SetColor('#ee00ee')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ee00ee"></a></td>
<td width="14" height="14" bgcolor="#cc00cc">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#cc00cc')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#cc00cc"></a></td>
<td width="14" height="14" bgcolor="#aa00aa">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#aa00aa')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#aa00aa"></a></td>
<td width="14" height="14" bgcolor="#880088">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#880088')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#880088"></a></td>
<td width="14" height="14" bgcolor="#770077">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#770077')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#770077"></a></td>
<td width="14" height="14" bgcolor="#660066">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#660066')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#660066"></a></td>
<td width="14" height="14" bgcolor="#550055">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#550055')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#550055"></a></td>
<td width="14" height="14" bgcolor="#440044">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#440044')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#440044"></a></td>
<td width="14" height="14" bgcolor="#330033">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#330033')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#330033"></a></td>
</tr>
<!-- ORANGE -->
<tr>
<td width="14" height="14" bgcolor="#ffddd0">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ffddd0')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffddd0"></a></td>
<td width="14" height="14" bgcolor="#ffe0aa">
<a href="javascript:void(0);"
onclick="window.close();window.opener.SetColor('#ffe0aa')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffe0aa"></a></td>
<td width="14" height="14" bgcolor="#ffdd88">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ffdd88')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffdd88"></a></td>
<td width="14" height="14" bgcolor="#ffcc77">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ffcc77')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffcc77"></a></td>
<td width="14" height="14" bgcolor="#ffbb66">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ffbb66')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffbb66"></a></td>
<td width="14" height="14" bgcolor="#ffaa55">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ffaa55')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffaa55"></a></td>
<td width="14" height="14" bgcolor="#ffaa44">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ffaa44')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffaa44"></a></td>
<td width="14" height="14" bgcolor="#ff9944">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ff9944')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ff9944"></a></td>
<td width="14" height="14" bgcolor="#ff8833">
<a href="javascript:void(0);"
onclick="window.close();window.opener.SetColor('#ff8833')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ff8833"></a></td>
<td width="14" height="14" bgcolor="#ff7722">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ff7722')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ff7722"></a></td>
<td width="14" height="14" bgcolor="#ff6622">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ff6622')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ff6622"></a></td>
<td width="14" height="14" bgcolor="#ee5522">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ee5522')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ee5522"></a></td>
<td width="14" height="14" bgcolor="#dd4411">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#dd4411')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#dd4411"></a></td>
<td width="14" height="14" bgcolor="#cc3300">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#cc3300')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#cc3300"></a></td>
<td width="14" height="14" bgcolor="#aa2200">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#aa2200')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#aa2200"></a></td>
<td width="14" height="14" bgcolor="#882200">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#882200')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#882200"></a></td>
<td width="14" height="14" bgcolor="#662200">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#662200')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#662200"></a></td>
</tr>
<!-- CYAN -->
<tr>
<td width="14" height="14" bgcolor="#eeffff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#eeffff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#eeffff"></a></td>
<td width="14" height="14" bgcolor="#ccffff">
<a href="javascript:void(0);"
onclick="window.close();window.opener.SetColor('#ccffff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ccffff"></a></td>
<td width="14" height="14" bgcolor="#aaffff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#aaffff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#aaffff"></a></td>
<td width="14" height="14" bgcolor="#88ffff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#88ffff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#88ffff"></a></td>
<td width="14" height="14" bgcolor="#66ffff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#66ffff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#66ffff"></a></td>
<td width="14" height="14" bgcolor="#44ffff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#44ffff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#44ffff"></a></td>
<td width="14" height="14" bgcolor="#22ffff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#22ffff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#22ffff"></a></td>
<td width="14" height="14" bgcolor="#00ffff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#00ffff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#00ffff"></a></td>
<td width="14" height="14" bgcolor="#00eeee">
<a href="javascript:void(0);"
onclick="window.close();window.opener.SetColor('#00eeee')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#00eeee"></a></td>
<td width="14" height="14" bgcolor="#00cccc">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#00cccc')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#00cccc"></a></td>
<td width="14" height="14" bgcolor="#00aaaa">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#00aaaa')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#00aaaa"></a></td>
<td width="14" height="14" bgcolor="#008888">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#008888')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#008888"></a></td>
<td width="14" height="14" bgcolor="#007777">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#007777')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#007777"></a></td>
<td width="14" height="14" bgcolor="#006666">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#006666')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#006666"></a></td>
<td width="14" height="14" bgcolor="#005555">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#005555')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#005555"></a></td>
<td width="14" height="14" bgcolor="#004444">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#004444')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#004444"></a></td>
<td width="14" height="14" bgcolor="#003333">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#003333')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#003333"></a></td>
</tr>
<!-- GRAY -->
<tr>
<td width="14" height="14" bgcolor="#ffffff">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#ffffff')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#ffffff"></a></td>
<td width="14" height="14" bgcolor="#eeeeee">
<a href="javascript:void(0);"
onclick="window.close();window.opener.SetColor('#eeeeee')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#eeeeee"></a></td>
<td width="14" height="14" bgcolor="#dddddd">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#dddddd')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#dddddd"></a></td>
<td width="14" height="14" bgcolor="#cccccc">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#cccccc')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#cccccc"></a></td>
<td width="14" height="14" bgcolor="#bbbbbb">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#bbbbbb')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#bbbbbb"></a></td>
<td width="14" height="14" bgcolor="#aaaaaa">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#aaaaaa')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#aaaaaa"></a></td>
<td width="14" height="14" bgcolor="#a0a0a0">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#a0a0a0')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#a0a0a0"></a></td>
<td width="14" height="14" bgcolor="#999999">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#999999')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#999999"></a></td>
<td width="14" height="14" bgcolor="#888888">
<a href="javascript:void(0);"
onclick="window.close();window.opener.SetColor('#888888')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#888888"></a></td>
<td width="14" height="14" bgcolor="#777777">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#777777')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#777777"></a></td>
<td width="14" height="14" bgcolor="#666666">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#666666')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#666666"></a></td>
<td width="14" height="14" bgcolor="#555555">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#555555')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#555555"></a></td>
<td width="14" height="14" bgcolor="#444444">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#444444')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#444444"></a></td>
<td width="14" height="14" bgcolor="#333333">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#333333')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#333333"></a></td>
<td width="14" height="14" bgcolor="#222222">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#222222')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#222222"></a></td>
<td width="14" height="14" bgcolor="#111111">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#111111')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#111111"></a></td>
<td width="14" height="14" bgcolor="#000000">
<a href="javascript:void(0)"
onclick="window.close();window.opener.SetColor('#000000')">
<IMG SRC="images/empty_pixle.gif" width="14" height="14"
border="0" alt="#000000"></a></td>
</tr>
</table>
</BODY>
</HTML>