//<script>
/*
 Mark Parter 13/02/2002
 
 This is a conversion of the calendar control into a colour selector.
 
*/
function showPicker()
{
	colColourField = arguments[0];
    //alert(window.event.srcElement.id); 
    colColourField.style.position = "absolute";
	
	/* This section is IE 5+ specific.  
	   In order to run this in lower browsers, a span tag called 
	   "spColour" needs to be defined in the HTML document.  
	 
	 */  
	colourFrame = document.getElementById("spColour");
	if (colourFrame== undefined)
	 {
		
	    colourFrame =document.createElement("<iframe id='spColour' style='display:none; border:ridge;position:absolute;width:288;height:67;z-index=2' marginheight='0' marginwidth='0' noresize frameborder='0' width:156 scrolling='no'></iframe>"); 
    	//colourFrame =document.createElement("<span id='spColour' ></span>"); 
    	
    	document.body.insertBefore(colourFrame);
	 }
	else
	 {
		colourFrame = document.all.spColour;
    
	 }
	
    colourFrame.style.position = "absolute";
    colourFrame.style.left = colColourField.offsetLeft;
	
	var eT = colColourField.offsetTop; //window.event.srcElement.offsetTop;
	var eH = colColourField.offsetHeight;//window.event.srcElement.offsetHeight;
	var dH = colourFrame.style.pixelHeight;
	var sT = document.body.scrollTop;
	
	colourFrame.style.top = eT+eH;		
	
	if (colourFrame.style.display == "block")
	{
		colourFrame.style.display = "none";
		return;
	}
	drawColourGrid();
	//colourFrame.style.display = "inline";
	colourFrame.style.display = "none";
	colourFrame.style.display = "block";

}

function drawColourGrid()
{
	var sHTML = new String();
	          
 	//draw the html page
	sHTML += '<html><body>';
 	//start the image map	
	sHTML += '<map name="colourmap">';
	sHTML += '<area shape="rect" coords="1,1,7,10" href="javascript:parent.colColourField.value=(\'\#00FF00\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="9,1,15,10" href="javascript:parent.colColourField.value=(\'\#00FF33\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="17,1,23,10" href="javascript:parent.colColourField.value=(\'\#00FF66\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="25,1,31,10" href="javascript:parent.colColourField.value=(\'\#00FF99\'\); parent.HideColourPicker();"';
	sHTML += '<area shape="rect" coords="33,1,39,10" href="javascript:parent.colColourField.value=(\'\#00FFCC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="41,1,47,10" href="javascript:parent.colColourField.value=(\'\#00FFFF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="49,1,55,10" href="javascript:parent.colColourField.value=(\'\#33FF00\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="57,1,63,10" href="javascript:parent.colColourField.value=(\'\#33FF33\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="65,1,71,10" href="javascript:parent.colColourField.value=(\'\#33FF66\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="73,1,79,10" href="javascript:parent.colColourField.value=(\'\#33FF99\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="81,1,87,10" href="javascript:parent.colColourField.value=(\'\#33FFCC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="89,1,95,10" href="javascript:parent.colColourField.value=(\'\#33FFFF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="97,1,103,10" href="javascript:parent.colColourField.value=(\'\#66FF00\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="105,1,111,10" href="javascript:parent.colColourField.value=(\'\#66FF33\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="113,1,119,10" href="javascript:parent.colColourField.value=(\'\#66FF66\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="121,1,127,10" href="javascript:parent.colColourField.value=(\'\#66FF99\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="129,1,135,10" href="javascript:parent.colColourField.value=(\'\#66FFCC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="137,1,143,10" href="javascript:parent.colColourField.value=(\'\#66FFFF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="145,1,151,10" href="javascript:parent.colColourField.value=(\'\#99FF00\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="153,1,159,10" href="javascript:parent.colColourField.value=(\'\#99FF33\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="161,1,167,10" href="javascript:parent.colColourField.value=(\'\#99FF66\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="169,1,175,10" href="javascript:parent.colColourField.value=(\'\#99FF99\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="177,1,183,10" href="javascript:parent.colColourField.value=(\'\#99FFCC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="185,1,191,10" href="javascript:parent.colColourField.value=(\'\#99FFFF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="193,1,199,10" href="javascript:parent.colColourField.value=(\'\#CCFF00\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="201,1,207,10" href="javascript:parent.colColourField.value=(\'\#CCFF33\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="209,1,215,10" href="javascript:parent.colColourField.value=(\'\#CCFF66\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="217,1,223,10" href="javascript:parent.colColourField.value=(\'\#CCFF99\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="225,1,231,10" href="javascript:parent.colColourField.value=(\'\#CCFFCC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="233,1,239,10" href="javascript:parent.colColourField.value=(\'\#CCFFFF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="241,1,247,10" href="javascript:parent.colColourField.value=(\'\#FFFF00\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="249,1,255,10" href="javascript:parent.colColourField.value=(\'\#FFFF33\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="257,1,263,10" href="javascript:parent.colColourField.value=(\'\#FFFF66\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="265,1,271,10" href="javascript:parent.colColourField.value=(\'\#FFFF99\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="273,1,279,10" href="javascript:parent.colColourField.value=(\'\#FFFFCC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="281,1,287,10" href="javascript:parent.colColourField.value=(\'\#FFFFFF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="1,12,7,21" href="javascript:parent.colColourField.value=(\'\#00CC00\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="9,12,15,21" href="javascript:parent.colColourField.value=(\'\#00CC33\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="17,12,23,21" href="javascript:parent.colColourField.value=(\'\#00CC66\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="25,12,31,21" href="javascript:parent.colColourField.value=(\'\#00CC99\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="33,12,39,21" href="javascript:parent.colColourField.value=(\'\#00CCCC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="41,12,47,21" href="javascript:parent.colColourField.value=(\'\#00CCFF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="49,12,55,21" href="javascript:parent.colColourField.value=(\'\#33CC00\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="57,12,63,21" href="javascript:parent.colColourField.value=(\'\#33CC33\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="65,12,71,21" href="javascript:parent.colColourField.value=(\'\#33CC66\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="73,12,79,21" href="javascript:parent.colColourField.value=(\'\#33CC99\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="81,12,87,21" href="javascript:parent.colColourField.value=(\'\#33CCCC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="89,12,95,21" href="javascript:parent.colColourField.value=(\'\#33CCFF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="97,12,103,21" href="javascript:parent.colColourField.value=(\'\#66CC00\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="105,12,111,21" href="javascript:parent.colColourField.value=(\'\#66CC33\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="113,12,119,21" href="javascript:parent.colColourField.value=(\'\#66CC66\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="121,12,127,21" href="javascript:parent.colColourField.value=(\'\#66CC99\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="129,12,135,21" href="javascript:parent.colColourField.value=(\'\#66CCCC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="137,12,143,21" href="javascript:parent.colColourField.value=(\'\#66CCFF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="145,12,151,21" href="javascript:parent.colColourField.value=(\'\#99CC00\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="153,12,159,21" href="javascript:parent.colColourField.value=(\'\#99CC33\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="161,12,167,21" href="javascript:parent.colColourField.value=(\'\#99CC66\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="169,12,175,21" href="javascript:parent.colColourField.value=(\'\#99CC99\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="177,12,183,21" href="javascript:parent.colColourField.value=(\'\#99CCCC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="185,12,191,21" href="javascript:parent.colColourField.value=(\'\#99CCFF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="193,12,199,21" href="javascript:parent.colColourField.value=(\'\#CCCC00\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="201,12,207,21" href="javascript:parent.colColourField.value=(\'\#CCCC33\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="209,12,215,21" href="javascript:parent.colColourField.value=(\'\#CCCC66\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="217,12,223,21" href="javascript:parent.colColourField.value=(\'\#CCCC99\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="225,12,231,21" href="javascript:parent.colColourField.value=(\'\#CCCCCC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="233,12,239,21" href="javascript:parent.colColourField.value=(\'\#CCCCFF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="241,12,247,21" href="javascript:parent.colColourField.value=(\'\#FFCC00\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="249,12,255,21" href="javascript:parent.colColourField.value=(\'\#FFCC33\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="257,12,263,21" href="javascript:parent.colColourField.value=(\'\#FFCC66\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="265,12,271,21" href="javascript:parent.colColourField.value=(\'\#FFCC99\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="273,12,279,21" href="javascript:parent.colColourField.value=(\'\#FFCCCC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="281,12,287,21" href="javascript:parent.colColourField.value=(\'\#FFCCFF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="1,23,7,32" href="javascript:parent.colColourField.value=(\'\#009900\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="9,23,15,32" href="javascript:parent.colColourField.value=(\'\#009933\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="17,23,23,32" href="javascript:parent.colColourField.value=(\'\#009966\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="25,23,31,32" href="javascript:parent.colColourField.value=(\'\#009999\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="33,23,39,32" href="javascript:parent.colColourField.value=(\'\#0099CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="41,23,47,32" href="javascript:parent.colColourField.value=(\'\#0099FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="49,23,55,32" href="javascript:parent.colColourField.value=(\'\#339900\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="57,23,63,32" href="javascript:parent.colColourField.value=(\'\#339933\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="65,23,71,32" href="javascript:parent.colColourField.value=(\'\#339966\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="73,23,79,32" href="javascript:parent.colColourField.value=(\'\#339999\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="81,23,87,32" href="javascript:parent.colColourField.value=(\'\#3399CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="89,23,95,32" href="javascript:parent.colColourField.value=(\'\#3399FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="97,23,103,32" href="javascript:parent.colColourField.value=(\'\#669900\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="105,23,111,32" href="javascript:parent.colColourField.value=(\'\#669933\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="113,23,119,32" href="javascript:parent.colColourField.value=(\'\#669966\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="121,23,127,32" href="javascript:parent.colColourField.value=(\'\#669999\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="129,23,135,32" href="javascript:parent.colColourField.value=(\'\#6699CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="137,23,143,32" href="javascript:parent.colColourField.value=(\'\#6699FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="145,23,151,32" href="javascript:parent.colColourField.value=(\'\#999900\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="153,23,159,32" href="javascript:parent.colColourField.value=(\'\#999933\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="161,23,167,32" href="javascript:parent.colColourField.value=(\'\#999966\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="169,23,175,32" href="javascript:parent.colColourField.value=(\'\#999999\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="177,23,183,32" href="javascript:parent.colColourField.value=(\'\#9999CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="185,23,191,32" href="javascript:parent.colColourField.value=(\'\#9999FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="193,23,199,32" href="javascript:parent.colColourField.value=(\'\#CC9900\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="201,23,207,32" href="javascript:parent.colColourField.value=(\'\#CC9933\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="209,23,215,32" href="javascript:parent.colColourField.value=(\'\#CC9966\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="217,23,223,32" href="javascript:parent.colColourField.value=(\'\#CC9999\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="225,23,231,32" href="javascript:parent.colColourField.value=(\'\#CC99CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="233,23,239,32" href="javascript:parent.colColourField.value=(\'\#CC99FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="241,23,247,32" href="javascript:parent.colColourField.value=(\'\#FF9900\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="249,23,255,32" href="javascript:parent.colColourField.value=(\'\#FF9933\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="257,23,263,32" href="javascript:parent.colColourField.value=(\'\#FF9966\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="265,23,271,32" href="javascript:parent.colColourField.value=(\'\#FF9999\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="273,23,279,32" href="javascript:parent.colColourField.value=(\'\#FF99CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="281,23,287,32" href="javascript:parent.colColourField.value=(\'\#FF99FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="1,34,7,43" href="javascript:parent.colColourField.value=(\'\#006600\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="9,34,15,43" href="javascript:parent.colColourField.value=(\'\#006633\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="17,34,23,43" href="javascript:parent.colColourField.value=(\'\#006666\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="25,34,31,43" href="javascript:parent.colColourField.value=(\'\#006699\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="33,34,39,43" href="javascript:parent.colColourField.value=(\'\#0066CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="41,34,47,43" href="javascript:parent.colColourField.value=(\'\#0066FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="49,34,55,43" href="javascript:parent.colColourField.value=(\'\#336600\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="57,34,63,43" href="javascript:parent.colColourField.value=(\'\#336633\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="65,34,71,43" href="javascript:parent.colColourField.value=(\'\#336666\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="73,34,79,43" href="javascript:parent.colColourField.value=(\'\#336699\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="81,34,87,43" href="javascript:parent.colColourField.value=(\'\#3366CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="89,34,95,43" href="javascript:parent.colColourField.value=(\'\#3366FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="97,34,103,43" href="javascript:parent.colColourField.value=(\'\#666600\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="105,34,111,43" href="javascript:parent.colColourField.value=(\'\#666633\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="113,34,119,43" href="javascript:parent.colColourField.value=(\'\#666666\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="121,34,127,43" href="javascript:parent.colColourField.value=(\'\#666699\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="129,34,135,43" href="javascript:parent.colColourField.value=(\'\#6666CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="137,34,143,43" href="javascript:parent.colColourField.value=(\'\#6666FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="145,34,151,43" href="javascript:parent.colColourField.value=(\'\#996600\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="153,34,159,43" href="javascript:parent.colColourField.value=(\'\#996633\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="161,34,167,43" href="javascript:parent.colColourField.value=(\'\#996666\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="169,34,175,43" href="javascript:parent.colColourField.value=(\'\#996699\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="177,34,183,43" href="javascript:parent.colColourField.value=(\'\#9966CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="185,34,191,43" href="javascript:parent.colColourField.value=(\'\#9966FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="193,34,199,43" href="javascript:parent.colColourField.value=(\'\#CC6600\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="201,34,207,43" href="javascript:parent.colColourField.value=(\'\#CC6633\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="209,34,215,43" href="javascript:parent.colColourField.value=(\'\#CC6666\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="217,34,223,43" href="javascript:parent.colColourField.value=(\'\#CC6699\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="225,34,231,43" href="javascript:parent.colColourField.value=(\'\#CC66CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="233,34,239,43" href="javascript:parent.colColourField.value=(\'\#CC66FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="241,34,247,43" href="javascript:parent.colColourField.value=(\'\#FF6600\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="249,34,255,43" href="javascript:parent.colColourField.value=(\'\#FF6633\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="257,34,263,43" href="javascript:parent.colColourField.value=(\'\#FF6666\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="265,34,271,43" href="javascript:parent.colColourField.value=(\'\#FF6699\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="273,34,279,43" href="javascript:parent.colColourField.value=(\'\#FF66CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="281,34,287,43" href="javascript:parent.colColourField.value=(\'\#FF66FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="1,45,7,54" href="javascript:parent.colColourField.value=(\'\#003300\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="9,45,15,54" href="javascript:parent.colColourField.value=(\'\#003333\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="17,45,23,54" href="javascript:parent.colColourField.value=(\'\#003366\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="25,45,31,54" href="javascript:parent.colColourField.value=(\'\#003399\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="33,45,39,54" href="javascript:parent.colColourField.value=(\'\#0033CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="41,45,47,54" href="javascript:parent.colColourField.value=(\'\#0033FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="49,45,55,54" href="javascript:parent.colColourField.value=(\'\#333300\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="57,45,63,54" href="javascript:parent.colColourField.value=(\'\#333333\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="65,45,71,54" href="javascript:parent.colColourField.value=(\'\#333366\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="73,45,79,54" href="javascript:parent.colColourField.value=(\'\#333399\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="81,45,87,54" href="javascript:parent.colColourField.value=(\'\#3333CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="89,45,95,54" href="javascript:parent.colColourField.value=(\'\#3333FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="97,45,103,54" href="javascript:parent.colColourField.value=(\'\#663300\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="105,45,111,54" href="javascript:parent.colColourField.value=(\'\#663333\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="113,45,119,54" href="javascript:parent.colColourField.value=(\'\#663366\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="121,45,127,54" href="javascript:parent.colColourField.value=(\'\#663399\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="129,45,135,54" href="javascript:parent.colColourField.value=(\'\#6633CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="137,45,143,54" href="javascript:parent.colColourField.value=(\'\#6633FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="145,45,151,54" href="javascript:parent.colColourField.value=(\'\#993300\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="153,45,159,54" href="javascript:parent.colColourField.value=(\'\#993333\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="161,45,167,54" href="javascript:parent.colColourField.value=(\'\#993366\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="169,45,175,54" href="javascript:parent.colColourField.value=(\'\#993399\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="177,45,183,54" href="javascript:parent.colColourField.value=(\'\#9933CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="185,45,191,54" href="javascript:parent.colColourField.value=(\'\#9933FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="193,45,199,54" href="javascript:parent.colColourField.value=(\'\#CC3300\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="201,45,207,54" href="javascript:parent.colColourField.value=(\'\#CC3333\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="209,45,215,54" href="javascript:parent.colColourField.value=(\'\#CC3366\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="217,45,223,54" href="javascript:parent.colColourField.value=(\'\#CC3399\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="225,45,231,54" href="javascript:parent.colColourField.value=(\'\#CC33CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="233,45,239,54" href="javascript:parent.colColourField.value=(\'\#CC33FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="241,45,247,54" href="javascript:parent.colColourField.value=(\'\#FF3300\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="249,45,255,54" href="javascript:parent.colColourField.value=(\'\#FF3333\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="257,45,263,54" href="javascript:parent.colColourField.value=(\'\#FF3366\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="265,45,271,54" href="javascript:parent.colColourField.value=(\'\#FF3399\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="273,45,279,54" href="javascript:parent.colColourField.value=(\'\#FF33CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="281,45,287,54" href="javascript:parent.colColourField.value=(\'\#FF33FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="1,56,7,65" href="javascript:parent.colColourField.value=(\'\#000000\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="9,56,15,65" href="javascript:parent.colColourField.value=(\'\#000033\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="17,56,23,65" href="javascript:parent.colColourField.value=(\'\#000066\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="25,56,31,65" href="javascript:parent.colColourField.value=(\'\#000099\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="33,56,39,65" href="javascript:parent.colColourField.value=(\'\#0000CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="41,56,47,65" href="javascript:parent.colColourField.value=(\'\#0000FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="49,56,55,65" href="javascript:parent.colColourField.value=(\'\#330000\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="57,56,63,65" href="javascript:parent.colColourField.value=(\'\#330033\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="65,56,71,65" href="javascript:parent.colColourField.value=(\'\#330066\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="73,56,79,65" href="javascript:parent.colColourField.value=(\'\#330099\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="81,56,87,65" href="javascript:parent.colColourField.value=(\'\#3300CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="89,56,95,65" href="javascript:parent.colColourField.value=(\'\#3300FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="97,56,103,65" href="javascript:parent.colColourField.value=(\'\#660000\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="105,56,111,65" href="javascript:parent.colColourField.value=(\'\#660033\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="113,56,119,65" href="javascript:parent.colColourField.value=(\'\#660066\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="121,56,127,65" href="javascript:parent.colColourField.value=(\'\#660099\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="129,56,135,65" href="javascript:parent.colColourField.value=(\'\#6600CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="137,56,143,65" href="javascript:parent.colColourField.value=(\'\#6600FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="145,56,151,65" href="javascript:parent.colColourField.value=(\'\#990000\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="153,56,159,65" href="javascript:parent.colColourField.value=(\'\#990033\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="161,56,167,65" href="javascript:parent.colColourField.value=(\'\#990066\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="169,56,175,65" href="javascript:parent.colColourField.value=(\'\#990099\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="177,56,183,65" href="javascript:parent.colColourField.value=(\'\#9900CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="185,56,191,65" href="javascript:parent.colColourField.value=(\'\#9900FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="193,56,199,65" href="javascript:parent.colColourField.value=(\'\#CC0000\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="201,56,207,65" href="javascript:parent.colColourField.value=(\'\#CC0033\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="209,56,215,65" href="javascript:parent.colColourField.value=(\'\#CC0066\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="217,56,223,65" href="javascript:parent.colColourField.value=(\'\#CC0099\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="225,56,231,65" href="javascript:parent.colColourField.value=(\'\#CC00CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="233,56,239,65" href="javascript:parent.colColourField.value=(\'\#CC00FF\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="241,56,247,65" href="javascript:parent.colColourField.value=(\'\#FF0000\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="249,56,255,65" href="javascript:parent.colColourField.value=(\'\#FF0033\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="257,56,263,65" href="javascript:parent.colColourField.value=(\'\#FF0066\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="265,56,271,65" href="javascript:parent.colColourField.value=(\'\#FF0099\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="273,56,279,65" href="javascript:parent.colColourField.value=(\'\#FF00CC\'\); parent.HideColourPicker();">';
	sHTML += '<area shape="rect" coords="281,56,287,65" href="javascript:parent.colColourField.value=(\'\#FF00FF\'\); parent.HideColourPicker();">';
	sHTML += '</map>';
	sHTML += '<a><img usemap="#colourmap" src="colourtable.gif" border=0></a>';    
	sHTML += '</body></html>';
    
    //spColour.innerHTML = sHTML;

   self.spColour.document.open();
   self.spColour.document.write(sHTML);
     self.spColour.document.close();

}

function HideColourPicker()
{
	colourFrame.style.display = "none"
}



