<script type="text/javascript" src="dialog/colors.js"></script>

<script language=javascript>

var myPage = window.opener;



document.onkeydown = function (evt) { 

	evt = (evt)?evt:(window.event)?window.event:""

	if (evt.keyCode == 13) {	// ENTER

		InsertRadio()

	}

};



function doColors() {

	var myColor = document.getElementById("hexBox").value;

	if (window.opener.activeEditor.tempWin)window.opener.activeEditor.tempWin.doColor("#"+myColor);

	window.close();

}



</script>



<style>

.outerSlideContainer	{width: 210; height: 14;  margin-top: 3px; margin-bottom: 0; border: 0px solid #FFFFFF; position:relative; }

.sliderHandle			{width: 9; height: 12; cursor: pointer; border: 0 outset white; overflow: hidden; z-index: 5;}

.lineContainer1			{width: 199; height: 6; z-index: 0; margin-left: 5px;}

.lineContainer2			{width: 66; height: 6; z-index: 0; }

.line1				{width: 199; height: 14; z-index: 0; overflow: hidden; }

.line2				{width: 66; height: 14; z-index: 0; overflow: hidden; }

#colorBox			{width: 20; height: 20; border: 1px solid #000000; margin-left: 2px;}

#colorImage			{width: 164; height: 20; border: 1px solid #000000; cursor: pointer;}

body	{ margin: 10px;}

</style>



<title>[sTxtColors]</title>

<script tyle="text/javascript">

document.write('<link rel="stylesheet" href="'+window.opener.activeEditor.skinPath+window.opener.main_css_file+'" type="text/css">');

</script>

<body class="de_dialogWindow" onload="init()">

<div class="de_appOutside">

<div style="border: solid 1px #000000; background-color: #FFFFEE; padding:5px;">

	<img src="images/bulb.gif" align=left width=16 height=17>

	<span>[sTxtColorsInst]</span>

</div>

<br>

<table border="0" cellspacing="0" cellpadding="0" style="width:93%">

  <tr>

	<td valign=top><div class="de_appInside1">

	<div class="de_appInside2" style="width:225px;height:250px" >

		<div class="de_appInside3" style="padding:11px;">

<div style="background-color:#000000;width:200px;height:200px"><img id=colorImg galleryimg="no" src="images/color.jpg" width=200 border=0 height=200 onClick="doColor(event)"><img id=cursorImg width=11 height=11 src="images/cursor.gif" style="position:absolute;" onmousedown="drags(event)" galleryimg="no"></div>

<div class="outerSlideContainer">

	<div style="width:199px;height:14px" onmousedown="dragSlider(event)" id="gradline" onclick="clickOnGrad(event)"></div>

	<div onmousedown="dragSlider(event)" style="position:absolute;z-index:100" id="vSlider"><img src="images/arrow.gif" width=9 height=12></div>

</div>

</div>

</div>



</td><td width="10px" valign=top>&nbsp;</td>

	<td valign=top >

<div class="de_appInside1">

	<div class="de_appInside2" style="height:250px">

		<div class="de_appInside3" style="padding:11px">

		<table cellspacing=0 cellpadding=5 border=0>

		<tr>

		<td class=body>Red:</td>

		<td><input type=text id=rBox onkeydown="checkInputRGB(this,event)" maxlength=3 onChange="doRGB()" class=de_Text50></td>

		</tr>

		<tr>

		<td class=body>Green:</td>

		<td><input type=text id=gBox onkeydown="checkInputRGB(this,event)" maxlength=3 onChange="doRGB()" class=de_Text50></td>

		<tr>

		<td class=body>Blue:</td>

		<td><input type=text id=bBox onkeydown="checkInputRGB(this,event)" maxlength=3 onChange="doRGB()" class=de_Text50></td>

		</tr>

		<tr>

		<td class=body>HEX:</td>

		<td class=body><input type=text id=hexBox onChange="HexToRGB(this.value)" onkeydown="checkInputHex(this,event)" maxlength=6 class=de_Text50></td>

		</tr>

		<tr><td colspan=2>

			<div id=myColor><div id=colorBox style="width:100px; height:90px; border: 1px solid #000000"></div></div>

		</td></tr>

		</table>

		</div>

	</div>

</div>



	</td>

  </tr>

</table>



</div>

<div style="padding-top: 6px; float: right;">

<input type="button" name="doColors" value="[sTxtOK]" class="de_Text75" onClick="javascript:doColors();">

<input type="button" name="Submit" value="[sTxtCancel]" class="de_Text75" onClick="javascript:window.close()">

</div>

