DocumentServer/OfficeWeb/sdk/Common/Charts/examples/Bar/testExample.html
nikolay ivanov a8be6b9e72 init repo
2014-07-05 18:22:49 +00:00

2613 lines
241 KiB
HTML
Raw Blame History

<html>
<head>
<script src="../../libraries/OfficeExcel.common.core.js"></script>
<!--<script src="RGraph.common.dynamic.js" ></script>-->
<script src="../../libraries/OfficeExcel.common.annotate.js"></script> <!-- Just needed for annotating -->
<script src="../../libraries/OfficeExcel.common.context.js"></script> <!-- Just needed for context menus -->
<script src="../../libraries/OfficeExcel.common.effects.js"></script> <!-- Just needed for visual effects -->
<script src="../../libraries/OfficeExcel.common.key.js"></script> <!-- Just needed for keys -->
<script src="../../libraries/OfficeExcel.common.resizing.js"></script> <!-- Just needed for resizing -->
<script src="../../libraries/OfficeExcel.common.tooltips.js"></script> <!-- Just needed for tooltips -->
<script src="../../libraries/OfficeExcel.common.zoom.js"></script> <!-- Just needed for zoom -->
<script src="../../libraries/OfficeExcel.bar.js"></script> <!-- Just needed for bar charts -->
<script src="../../libraries/OfficeExcel.bipolar.js"></script> <!-- Just needed for bi-polar charts -->
<!--<script src="OfficeExcel.fuel.js"></script>--> <!-- Just needed for fuel charts -->
<!--<script src="OfficeExcel.funnel.js"></script>--> <!-- Just needed for funnel charts -->
<script src="../../libraries/OfficeExcel.gantt.js"></script> <!-- Just needed for gantt charts -->
<!--<script src="OfficeExcel.gauge.js"></script>--> <!-- Just needed for gauge charts -->
<script src="../../libraries/OfficeExcel.hbar.js"></script> <!-- Just needed for horizontal bar charts -->
<!--<script src="OfficeExcel.hprogress.js"></script>--> <!-- Just needed for horizontal progress bars -->
<!--<script src="OfficeExcel.led.js"></script>--> <!-- Just needed for LED charts -->
<script src="../../libraries/OfficeExcel.line.js"></script> <!-- Just needed for line charts -->
<!--<script src="OfficeExcel.meter.js"></script>--> <!-- Just needed for meter charts -->
<!--<script src="OfficeExcel.odo.js"></script>--> <!-- Just needed for odometers -->
<script src="../../libraries/OfficeExcel.pie.js"></script> <!-- Just needed for pie AND donut charts -->
<script src="../../libraries/OfficeExcel.radar.js"></script> <!-- Just needed for radar charts -->
<script src="../../libraries/OfficeExcel.rose.js"></script> <!-- Just needed for rose charts -->
<script src="../../libraries/OfficeExcel.rscatter.js"></script> <!-- Just needed for rscatter charts -->
<script src="../../libraries/OfficeExcel.scatter.js"></script> <!-- Just needed for scatter charts -->
<!--<script src="OfficeExcel.thermometer.js"></script>--> <!-- Just needed for thermometer charts -->
<!--<script src="OfficeExcel.vprogress.js"></script>--> <!-- Just needed for vertical progress bars -->
<script src="../../libraries/OfficeExcel.waterfall.js"></script> <!-- Just needed for waterfall charts -->
<script src="../../libraries/OfficeExcel.chartProperties.js" ></script>
<!--<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>-->
<script src="../../libraries/jquery.min.js"></script>
<script src="../js/userScript.js"></script>
<script src="../js/jquery-ui-1.8.13.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="../css/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="../css/diagram.css" />
</head>
<script>
window.onload = function ()
{
var data = [[30,30]];
var vars = getUrlVars();
bar = new OfficeExcel.Bar('myCanvas', data);
//bar._otherProps._autoGrouping = 'stackedPer';
//<2F><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
bar._otherProps._autoGrouping = vars['?type'];
//<2F> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
if(vars['?type'] == 'stacked')
bar._otherProps._type = 'accumulative';
if(bar._otherProps._autoGrouping == 'stackedPer')
{
for (var j=0; j < (data.length); j++) {
var maxVal = 0;
var minVal = 0;
var summ = 0;
for (var i=0; i<data[j].length; i++) {
summ += Math.abs(data[j][i]);
}
for (var i=0; i<data[j].length; i++) {
data[j][i] = (data[j][i]*100)/summ;
}
}
}
bar._otherProps._ylabels_count = 'auto';
bar._otherProps._variant = 'bar';
bar._chartGutter._left = 35;
bar._chartGutter._bottom = 35;
bar._otherProps._background_grid_autofit_numvlines = data.length;
bar._otherProps._background_grid_color = 'graytext';
bar._otherProps._background_barcolor1 = 'white';
bar._otherProps._background_barcolor2 = 'white';
bar._otherProps._colors = ['steelblue','IndianRed'];
//bar._otherProps._background_grid_autofit_numhlines = 6;
//bar._otherProps._linewidth = 10;
//bar._otherProps._key = ['<27><><EFBFBD>1'];
var tempMas = [];
for (var i=0; i<data.length; i++) {
tempMas[i] = i+1;
}
bar._otherProps._labels = tempMas;
bar.Draw();
//<2F><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
calcGutter();
//<2F><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
if(vars['?type'] == 'stacked' || vars['?type'] == 'stackedPer')
{
if(vars['?type'] == 'stackedPer')
bar._otherProps._units_post = '%';
bar._otherProps._hmargin = (((bar.canvas.width - (bar._chartGutter._right + bar._chartGutter._left))*0.3)/bar.data.length);
}
else
bar._otherProps._hmargin = (((bar.canvas.width - (bar._chartGutter._right + bar._chartGutter._left))*0.3)/bar.data.length)/bar.data[0].length;
//<2F><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
bar._otherProps._key = [];
for (var j=0; j<bar._otherProps._colors.length; j++) {
bar._otherProps._key[j] = '<27><><EFBFBD>' + (j+1);
}
bar._otherProps._key_text_size = 10;
bar._otherProps._text_font = 'Calibri';
//<2F><><EFBFBD> <20><><EFBFBD><EFBFBD>, <20><><EFBFBD><EFBFBD><EFBFBD> <20><> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
bar._otherProps._key_rounded = null;
bar._otherProps._key_position_x = bar.canvas.width - 15 - 36;
bar._otherProps._key_position_y = bar.canvas.height/2 - bar._otherProps._key.length*15;
//<2F><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>
bar._otherProps._background_grid_vlines = false;
bar._otherProps._background_grid_border = false;
bar._otherProps._axis_color = 'grey';
calcWidthGraph()
upOptions();
insertAllGraphs();
insertDiffOptions();
bar.Draw();
}
</script>
<body>
<table style="margin-bottom:20px">
<20><><EFBFBD><EFBFBD><EFBFBD>
<tr>
<td id = 'mainName'><button class = 'buttonMaket'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></button></td>
<td id = 'mainNameOXY' > <button class = 'buttonMaket'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD></button></td>
<td id = 'keyOXY'> <button class = 'buttonMaket'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></button></td>
<td id = 'titleDataOXY'> <button class = 'buttonMaket'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD></button></td>
<td id = 'tableDataOXY'> <button class = 'buttonMaket'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD></button></td>
<td id = 'OXY'> <button class = 'buttonMaket'><EFBFBD><EFBFBD><EFBFBD></button></td>
<td id = 'gridAll'> <button class = 'buttonMaket'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></button></td>
<td id = 'areaGraph'> <button class = 'buttonMaket'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></button></td>
</tr>
</table>
<div id = 'allMainMenu'>
<div id = 'mainNameP' style="background-color:white;border:1px solid black; z-index:20000;position:absolute;margin-top:-20px;" class = 'hidden'>
<table>
<tbody>
<tr><td id= 'mNNot' class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id= 'mNCenter' class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id= 'mNUnder' class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
</tbody>
</table>
</div>
<div id = 'mainNameOXYP' style="background-color:white;border:1px solid black; z-index:20000;position:absolute;margin-top:-20px;margin-left:80px" class = 'hidden'>
<table>
<tbody>
<tr><td id= 'mNOXYHor' class="lineMainSelect1"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD></td></tr>
<tr><td id= 'mNOXYVer' class="lineMainSelect1"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD></td></tr>
</tbody>
</table>
</div>
<!--<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>-->
<div id = 'dmNOXYHor' style="background-color:white;border:1px solid black; z-index:20000;position:absolute;margin-top:-20px;" class = 'hidden'>
<table >
<tbody>
<tr><td id= 'mNOXYHorNot' class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id= 'mNOXYHorUp' class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD></td></tr>
</tbody>
</table>
</div>
<div id = 'dmNOXYVer' style="background-color:white;border:1px solid black; z-index:20000;position:absolute;margin-top:-20px;" class = 'hidden'>
<table >
<tbody>
<tr><td id= 'mNOXYVerNot' class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id= 'mNOXYVerCon' class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id= 'mNOXYVerName' class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id= 'mNOXYHorName' class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
</tbody>
</table>
</div>
<div id = 'keyOXYP' style="background-color:white;border:1px solid black; z-index:20000;position:absolute;margin-top:-20px;margin-left:160px" class = 'hidden'>
<table>
<tbody>
<tr><td id="keyOXYnot" class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id="keyOXYnotRight" class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id="keyOXYTop" class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id="keyOXYLeft" class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id="keyOXYBottom" class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD></td></tr>
</tbody>
</table>
</div>
<div id = 'titleDataOXYP' style="background-color:white;border:1px solid black; z-index:20000;position:absolute;margin-top:-20px;margin-left:240px" class = 'hidden'>
<table>
<tbody>
<tr><td id="tDNot" class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id="tDCenter" class="lineMainSelect"><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id="tDLeft" class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id="tDRight" class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id="tDTop" class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id="tDBottom" class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
</tbody>
</table>
</div>
<div id = 'tableDataOXYP' style="background-color:white;border:1px solid black; z-index:20000;position:absolute;margin-top:-20px;margin-left:320px" class = 'hidden'>
<table>
<tbody>
<tr><td id="tableDNot" class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id="tableDVis" class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id="tableDVisKey" class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
</tbody>
</table>
</div>
<div id = 'OXYP' style="background-color:white;border:1px solid black; z-index:20000;position:absolute;margin-top:-20px;margin-left:400px" class = 'hidden'>
<table>
<tbody>
<tr><td id="OXYHor" class="lineMainSelect1"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD></td></tr>
<tr><td id="OXYVer" class="lineMainSelect1"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD></td></tr>
</tbody>
</table>
</div>
<!--<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>-->
<div id = 'dOXYHor' style="background-color:white;border:1px solid black; z-index:20000;position:absolute;margin-top:-20px;" class = 'hidden'>
<table >
<tbody>
<tr><td class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
</tbody>
</table>
</div>
<div id = 'dOXYVer' style="background-color:white;border:1px solid black; z-index:20000;position:absolute;margin-top:-20px;" class = 'hidden'>
<table >
<tbody>
<tr><td class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td class="lineMainSelect"><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
</tbody>
</table>
</div>
<div id = 'gridAllP' style="background-color:white;border:1px solid black; z-index:20000;position:absolute;margin-top:-20px;margin-left:480px" class = 'hidden'>
<table>
<tbody>
<tr><td id="gridAllHor" class="lineMainSelect1"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD></td></tr>
<tr><td id="gridAllVer" class="lineMainSelect1"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD></td></tr>
</tbody>
</table>
</div>
<!--<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>-->
<div id = 'dgridAllHor' style="background-color:white;border:1px solid black; z-index:20000;position:absolute;margin-top:-20px;" class = 'hidden'>
<table >
<tbody>
<tr><td class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD></td></tr>
</tbody>
</table>
</div>
<div id = 'dgridAllVer' style="background-color:white;border:1px solid black; z-index:20000;position:absolute;margin-top:-20px;" class = 'hidden'>
<table >
<tbody>
<tr><td class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD></td></tr
</tbody>
</table>
</div>
<div id = 'areaGraphP' style="background-color:white;border:1px solid black; z-index:20000;position:absolute;margin-top:-20px;margin-left:560px" class = 'hidden'>
<table>
<tbody>
<tr><td id="areaGraphNot" class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id="areaGraphVis" class="lineMainSelect"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
</tbody>
</table>
</div>
</div>
<div>
<button onclick = 'dDiagram("Line")'>
Draw Diagram
</button>
<button onclick = 'formatDraw("dialog",this)'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
</button>
<button onclick = 'formatDraw("dialog1",this)'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>
</button>
<button onclick = 'formatDraw("dialog2",this)'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
</button>
<button onclick = 'formatDraw("dialog3",this)'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
</button>
</div>
<div id = 'formatArea' style="display:none;width:300px;background-color:#fff;top:315px;left:25px;z-index:100;position:absolute;padding-top: 5px;border: 4px ridge silver;">
<div style="float:left;width:300px;text-align: center;">
<b>Paragraph</b>
</div>
<div style="float:left;width:300px;height:25px;text-align: center;">Pagination</div>
<div style="float:left;width:300px;padding-left: 10px">
<input id="prPageBreak" type="checkbox"/> Page break
</div>
<div style="float:left;width:300px;padding-left: 10px">
<input id="prKeepLines" type="checkbox"/> Keep Lines
</div>
</div>
<!--<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>-->
<div id="dialog" style = 'display:none'>
<div style = 'background-color:white;height:400px;width:165px; border:1px solid black;'>
<table>
<tr><td id = 'fAbackground' class = 'lineSpacingSelect'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <div class="MenuSeparator"></div></td></tr>
<tr><td id = 'fAcolor' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'fAstyles' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'fAshadow' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'fAsmooth' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'fA3D' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
</table>
</div>
<div id = 'fAbackgroundP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;'>
<form class = 'inputStyle'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<br>
<input type="radio" onClick="forArBack(this.value)" name = "background" value="notBackground" checked =''> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forArBack(this.value)" name = "background" value = 'allBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forArBack(this.value)" name = "background" value = 'gradBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forArBack(this.value)" name = "background" value = 'pictireBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forArBack(this.value)" name = "background" value = 'colorBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forArBack(this.value)" name = "background" value = 'autoBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
</form>
<div id = 'allBackground' class = 'hidden'>
<20><><EFBFBD><EFBFBD>:
<button id = 'colorButton' class = 'buttonColor' value = 'colorBox'>color</button>
<div id="colorBox" class="options hidden">
<table class="paletteTable"><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td>
</tr></table>
</div>
<br><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: NO
</div>
<div id = 'gradBackground' class = 'hidden'>
</div>
<div id = 'pictireBackground' class = 'hidden'>
<div><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(N):<button>N</button></div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><> <button id="tempBase64">base64</button>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:<3A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>!!!
</div>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:N
</div>
</div>
</div>
<div id = 'colorBackground' class = 'hidden'>
N
</div>
<div id = 'autoBackground' class = 'hidden'>
N
</div>
</div>
<div id = 'fAcolorP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'fAstylesP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'fAshadowP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'fAsmoothP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'fA3DP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
</div>
<!--<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>-->
<div id="dialog1" style = 'display:none'>
<div style = 'background-color:white;height:400px;width:165px; border:1px solid black;'>
<table>
<tr><td id = 'lGcolor' class = 'lineSpacingSelect'><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'lGtype' class = 'lineSpacingSelect'><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'lGshadow' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'lGsmooth' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
</table>
</div>
<div id = 'lGcolorP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;'>
<form class = 'inputStyle'>
<20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>
<br>
<input type="radio" onClick="forLineGrid(this.value)" name = 'lineGrid' value="notLineGrid" > <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forLineGrid(this.value)" name = 'lineGrid' value = 'allLineGrid'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forLineGrid(this.value)" name = 'lineGrid' value = 'gradLineGrid'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forLineGrid(this.value)" name = 'lineGrid' value = 'autoLineGrid' checked =''> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
</form>
<div id = 'allLineGrid' class = 'hidden'>
<20><><EFBFBD><EFBFBD>:
<button id = 'colorButtonGrid' class = 'buttonColor' value = 'colorBoxGrid'>color</button>
<div id="colorBoxGrid" class="options hidden">
<table class="paletteTable"><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchGrid" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td>
</tr></table>
</div>
<br><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: NO
</div>
<div id = 'gradLineGrid' class = 'hidden'>
</div>
<div id = 'autoLineGrid' class = 'hidden'>
N
</div>
</div>
<div id = 'lGtypeP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
<20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:
<form name="test2">
<select name="otv" size=1 onChange="javascript:sizeChange(this);">
<option value="1">1
<option value="2">2
<option value="3">3
<option value="4">4
<option value="5">5
</select>
</form>
</div>
</div>
<div id = 'lGshadowP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N1
</div>
<div id = 'lGsmoothP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N1
</div>
</div>
<!--<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>-->
<div id="dialog2" style = 'display:none'>
<div style = 'background-color:white;height:400px;width:165px; border:1px solid black;'>
<table>
<tr><td id = 'aMOptionsRow' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'aMBackgroundMarker' class = 'lineSpacingSelect'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'aMColorLine' class = 'lineSpacingSelect'><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'aMTypeLine' class = 'lineSpacingSelect'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'aMshadow' class = 'lineSpacingSelect'><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'aMsmooth' class = 'lineSpacingSelect notFunction' ><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'aM3D' class = 'lineSpacingSelect notFunction' ><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
</table>
</div>
<div id = 'aMOptionsRowP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'aMBackgroundMarkerP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
<form class = 'inputStyle'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<br>
<input type="radio" onClick="forArBackAM(this)" name = "background" value="notBackgroundAM" > <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forArBackAM(this)" name = "background" value = 'allBackgroundAM'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forArBackAM(this)" name = "background" value = 'gradBackgroundAM'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forArBackAM(this)" name = "background" value = 'pictireBackgroundAM'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forArBackAM(this)" name = "background" value = 'colorBackgroundAM'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forArBackAM(this)" name = "background" value = 'autoBackgroundAM' checked =''> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
</form>
<div id = 'allBackgroundAM' class = 'hidden'>
<20><><EFBFBD><EFBFBD>:
<button id = 'colorButtonAM' class = 'buttonColor' value = 'colorBoxAM'>color</button>
<div id="colorBoxAM" class="options hidden">
<table class="paletteTable"><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorAMBack" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td>
</tr></table>
</div>
<br><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: NO
</div>
<div id = 'gradBackgroundAM' class = 'hidden'>
</div>
<div id = 'pictireBackgroundAM' class = 'hidden'>
<div><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(N):<button>N</button></div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><> <button id="tempBase64">base64</button>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:<3A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>!!!
</div>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:N
</div>
</div>
</div>
<div id = 'colorBackgroundAM' class = 'hidden'>
N
</div>
<div id = 'autoBackgroundAM' class = 'hidden'>
N
</div>
</div>
<div id = 'aMColorLineP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
<form class = 'inputStyle'>
<20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>
<br>
<input type="radio" onClick="aMForAllMarker(this.value)" name = "background" value="notMainLine" > <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="aMForAllMarker(this.value)" name = "background" value = 'mainLine'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="aMForAllMarker(this.value)" name = "background" value = 'gradMainLine'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="aMForAllMarker(this.value)" name = "background" value = 'autoMainLine' checked =''> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
</form>
<div id = "notMainLine">
</div>
<div id = 'mainLine' class = 'hidden'>
<20><><EFBFBD><EFBFBD>:
<button id = 'colorButtonLine' class = 'buttonColor' value = 'colorBoxLine'>color</button>
<div id="colorBoxLine" class="options hidden">
<table class="paletteTable"><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchLineBar" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td>
</tr></table>
</div>
<br><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: NO
</div>
<div id = 'gradMainLine'>
</div>
<div id = 'autoMainLine'>
</div>
</div>
<div id = 'aMTypeLineP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
<20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:
<form name="test2">
<select id = 'widthLineGraph' name="otv" size=1 onChange="javascript:sizeLineChange(this);">
<option value='1'>1
<option value='2'>2
<option value='3'>3
<option value='4'>4
<option value='5'>5
<option value='6'>6
</select>
</form>
<form class = 'inputStyle'>
<br>
<input type="checkbox" onClick="checkCurvyline(this)"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><br>
</form>
</div>
</div>
<div id = 'aMshadowP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
<20><><EFBFBD><EFBFBD>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:
<form name="test2">
<select name="otv" size=1 onChange="javascript:shadowLineChange(this);">
<option value="false"><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD>
<option value="true"><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD>
</select>
</form>
</div>
<button id = 'colorButtonShadowLine' class = 'buttonColor' value = 'colorBoxShadowLine'>color</button>
<div id="colorBoxShadowLine" class="options hidden">
<table class="paletteTable"><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowLine" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td>
</tr></table>
</div>
</div>
<div id = 'aMsmoothP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'aM3DP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
</div>
<!--<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> -->
<div id="dialog3" style = 'display:none'>
<div style = 'background-color:white;height:400px;width:165px; border:1px solid black;'>
<table>
<tr><td id = 'kKOptions' class = 'lineSpacingSelect'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'kKBackground' class = 'lineSpacingSelect'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'kKcolor' class = 'lineSpacingSelect'><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'kKstyle' class = 'lineSpacingSelect'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'kKshadow' class = 'lineSpacingSelect'><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'kKsmooth' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
</table>
</div>
<div id = 'kKOptionsP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;'>
<form class = 'inputStyle'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<br>
<input type="radio" onClick="forKeyOptions(this.value)" name = 'lineGrid' value="top" checked =''> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forKeyOptions(this.value)" name = 'lineGrid' value = 'bottom'> <20><><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forKeyOptions(this.value)" name = 'lineGrid' value = 'left'> <20><><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forKeyOptions(this.value)" name = 'lineGrid' value = 'right'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forKeyOptions(this.value)" name = 'lineGrid' value = 'left'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
</form>
<br>
<input type="checkbox" onClick="checkKeyOnD(this)" ><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
</div>
<div id = 'kKBackgroundP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
<form class = 'inputStyle'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<br>
<input type="radio" onClick="forKeyBackColor(this.value)" name = "background" value="notKeyBackColor" checked =''> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forKeyBackColor(this.value)" name = "background" value = 'allKeyBackColor'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forKeyBackColor(this.value)" name = "background" value = 'gradKeyBackColor'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forKeyBackColor(this.value)" name = "background" value = 'pictireKeyBackColor'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forKeyBackColor(this.value)" name = "background" value = 'colorKeyBackColor'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forKeyBackColor(this.value)" name = "background" value = 'autoKeyBackColor'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
</form>
<div id = 'allKeyBackColor' class = 'hidden'>
<20><><EFBFBD><EFBFBD>:
<button id = 'keyBackColorButton' class = 'buttonColor' value = 'keyBackColorBox'>color</button>
<div id="keyBackColorBox" class="options hidden">
<table class="paletteTable"><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchBackKeyColor" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td>
</tr></table>
</div>
<br><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: NO
</div>
<div id = 'gradKeyBackColor' class = 'hidden'>
</div>
<div id = 'pictireKeyBackColor' class = 'hidden'>
<div><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(N):<button>N</button></div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><> <button id="keyTempBase64">NO</button>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:<3A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>!!!
</div>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:N
</div>
</div>
</div>
<div id = 'colorKeyBackColor' class = 'hidden'>
N
</div>
<div id = 'autoKeyBackColor' class = 'hidden'>
N
</div>
</div>
<div id = 'kKcolorP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
<form class = 'inputStyle'>
<20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<br>
<input type="radio" onClick="forKeyColor(this.value)" name = "background" value="notKeyColor" checked =''> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forKeyColor(this.value)" name = "background" value = 'allKeyColor'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forKeyColor(this.value)" name = "background" value = 'gradKeyColor'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forKeyColor(this.value)" name = "background" value = 'autoKeyColor'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
</form>
<div id = 'allKeyColor' class = 'hidden'>
<20><><EFBFBD><EFBFBD>:
<button id = 'keyColorButton' class = 'buttonColor' value = 'keyColorBox'>color</button>
<div id="keyColorBox" class="options hidden">
<table class="paletteTable"><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchKeyColor" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td>
</tr></table>
</div>
<br><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: NO
</div>
<div id = 'gradKeyColor' class = 'hidden'>
</div>
<div id = 'autoKeyColor' class = 'hidden'>
N
</div>
</div>
<div id = 'kKstyleP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
<20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:
<form name="test2">
<select name="otv" size=1 onChange="javascript:sizeKeyWidthChange(this);">
<option value="1">1
<option value="2">2
<option value="3">3
<option value="4">4
<option value="5">5
</select>
</form>
</div>
</div>
<div id = 'kKshadowP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
<20><><EFBFBD><EFBFBD>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:
<form name="test2">
<select name="otv" size=1 onChange="javascript:shadowKeyChange(this);">
<option value="false"><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD>
<option value="true"><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD>
</select>
</form>
</div>
<button id = 'colorButtonShadowKey' class = 'buttonColor' value = 'colorBoxShadowKey'>color</button>
<div id="colorBoxShadowKey" class="options hidden">
<table class="paletteTable"><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowKey" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td>
</tr></table>
</div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>!
</div>
<div id = 'kKsmoothP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N1
</div>
</div>
<!--<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>-->
<div id="dialogMarker" style = 'display:none'>
<div style = 'background-color:white;height:400px;width:165px; border:1px solid black;'>
<table>
<tr><td id = 'MOptionsRow' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'MOptionsMarker' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'MBackgroundMarker' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'MColorLine' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'MTypeLine' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'MColorMarkerLine' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'MTypeMarkerLine' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'Mshadow' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'Msmooth' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
</table>
</div>
<div id = 'MOptionsRowP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'MOptionsMarkerP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;'>
<!--form class = 'inputStyle'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<br>
<input type="radio" onClick="forMarker1(this.value)" name = "background" value="autoOptionsMarker" checked =''> <20><><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forMarker1(this.value)" name = "background" value = 'notOptionsMarker'> <20><><EFBFBD><br>
<input type="radio" onClick="forMarker1(this.value)" name = "background" value = 'insideOptionsMarker'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
</form>
<div id = 'insideOptionsMarker' class = 'hidden'>
<div>
<20><><EFBFBD>:
<form name="test2">
<select name="otv" size=1 onChange="javascript:typeMarkerChange(this);">
<option value="circle">circle
<option value="square">square
</select>
</form>
</div>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:
<form name="test2">
<select name="otv" size=1 onChange="javascript:sizeMarkerChange(this);">
<option value="1">1
<option value="2">2
<option value="3">3
<option value="4">4
<option value="5">5
</select>
</form>
</div>
</div>-->
</div>
<div id = 'MBackgroundMarkerP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'MColorLine"' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
<form class = 'inputStyle'>
<20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>
<br>
<input type="radio" onClick="MForAllMarker(this.value)" name = "background" value="notMainLine1" > <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="MForAllMarker(this.value)" name = "background" value = 'mainLine1'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="MForAllMarker(this.value)" name = "background" value = 'gradMainLine1'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="MForAllMarker(this.value)" name = "background" value = 'autoMainLine1' checked =''> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
</form>
<div id = "notMainLine1">
</div>
<div id = 'mainLine1' class = 'hidden'>
<20><><EFBFBD><EFBFBD>:
<button id = 'colorButtonLine1'>color</button>
<div id="colorBoxLine1" class="options hidden">
<table class="paletteTable"><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchPoint" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td>
</tr></table>
</div>
<br><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: NO
</div>
<div id = 'gradMainLine1'>
</div>
<div id = 'autoMainLine1'>
</div>
</div>
<div id = 'MTypeLineP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
<20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:
<form name="test2">
<select name="otv" size=1 onChange="javascript:sizeLineChange(this);">
<option value='1'>1
<option value='2'>2
</select>
</form>
<form class = 'inputStyle'>
<br>
<input type="checkbox" onClick="checkCurvyline(this)"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><br>
</form>
</div>
</div>
<div id = 'MColorMarkerLineP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'MTypeMarkerLineP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'MshadowP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
<20><><EFBFBD><EFBFBD>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:
<form name="test2">
<select name="otv" size=1 onChange="javascript:shadowLineChange(this);">
<option value="false"><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD>
<option value="true"><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD>
</select>
</form>
</div>
<button id = 'colorButtonShadowPoint' class = 'buttonColor' value = 'colorBoxShadowPoint'>color</button>
<div id="colorBoxShadowPoint" class="options hidden">
<table class="paletteTable"><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchShadowPoint" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td>
</tr></table>
</div>
</div>
<div id = 'MsmoothP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
</div>
<!--<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>-->
<div id="dialogAreaGraph" style = 'display:none'>
<div style = 'background-color:white;height:400px;width:165px; border:1px solid black;'>
<table>
<tr><td id = 'fAbackground1' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'fAcolor1' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'fAstyles1' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'fAshadow1' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'fAsmooth1' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'fA3D1' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'fAshadow1' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'fAsmooth1' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'fA3D1' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD></td></tr>
</table>
</div>
<!--<div id = 'fAbackground' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;'>
<form class = 'inputStyle'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<br>
<input type="radio" onClick="forArBack(this.value)" name = "background" value="notBackground" checked =''> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forArBack(this.value)" name = "background" value = 'allBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forArBack(this.value)" name = "background" value = 'gradBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forArBack(this.value)" name = "background" value = 'pictireBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forArBack(this.value)" name = "background" value = 'colorBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forArBack(this.value)" name = "background" value = 'autoBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
</form>
<div id = 'allBackground' class = 'hidden'>
<20><><EFBFBD><EFBFBD>:
<button id = 'colorButton'>color</button>
<div id="colorBox" class="options hidden">
<table class="paletteTable"><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchArBack" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td>
</tr></table>
</div>
<br><3E><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: NO
</div>
<div id = 'gradBackground' class = 'hidden'>
</div>
<div id = 'pictireBackground' class = 'hidden'>
<div><3E><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(N):<button>N</button></div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><> <button id="tempBase64">base64</button>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:<3A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>!!!
</div>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:N
</div>
</div>
</div>
<div id = 'colorBackground' class = 'hidden'>
N
</div>
<div id = 'autoBackground' class = 'hidden'>
N
</div>
</div>
<div id = 'fAcolor' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'fAstyles' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'fAshadow' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'fAsmooth' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'fA3D' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>-->
</div>
<!--<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> Y-->
<div id="dialogAxisY" style = 'display:none'>
<div style = 'background-color:white;height:400px;width:165px; border:1px solid black;'>
<table>
<tr><td id = 'fAYOptions' class = 'lineSpacingSelect'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD></td></tr>
<tr><td id = 'fAYNumber' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'fAYbackground' class = 'lineSpacingSelect'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'fAYcolor' class = 'lineSpacingSelect'><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'fAYstyles' class = 'lineSpacingSelect'><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'fAYshadow' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'fAYsmooth' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'fAY3D' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
</table>
</div>
<div id = 'fAYOptionsP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD>
<div style = 'font-size:12px'>
<div>
<form>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: <input name="Ps" maxlenght="5" id = 'optionsMin' class = 'varOptionsAxisY'><br>
</form>
</div>
<div>
<form>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: <input name="Ps" maxlenght="5" id = 'optionsMax' class = 'varOptionsAxisY'><br>
</form>
</div>
<div>
<form>
<20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: <input name="Ps" maxlenght="5" id = 'optionsMainDiff' class = 'varOptionsAxisY'><br>
</form>
</div>
<div>
<form>
<20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: <input name="Ps" maxlenght="5" id = 'optionsDiff' class = 'varOptionsAxisY'><br>
</form>
</div>
</div>
<form class = 'inputStyle'>
<br>
<input type="checkbox" onClick="invertY(this)"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
</form>
<div>
<form>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:<select name="otv" size=1 onChange="javascript:sizeChange(this);">
<option value="1"><EFBFBD><EFBFBD><EFBFBD>
<option value="2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<option value="3"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<option value="4"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD>
</select>
</form>
</div>
<div>
<form>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:<select name="otv" size=1 onChange="javascript:sizeChange(this);">
<option value="1"><EFBFBD><EFBFBD><EFBFBD>
<option value="2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<option value="3"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<option value="4"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD>
</select>
</form>
</div>
<div>
<form>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD>:<select name="otv" size=1 onChange="javascript:sizeChange(this);">
<option value="1"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD>
<option value="2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<option value="3"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<option value="4"><EFBFBD><EFBFBD><EFBFBD>
</select>
</form>
</div>
</div>
<div id = 'fAYNumberP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'fAYbackgroundP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
<form class = 'inputStyle'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<br>
<input type="radio" onClick="forAYBack(this.value)" name = "background" value="notBackgroundAY" checked =''> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forAYBack(this.value)" name = "background" value = 'allBackgroundAY'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forAYBack(this.value)" name = "background" value = 'gradBackgroundAY'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forAYBack(this.value)" name = "background" value = 'pictireBackgroundAY'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forAYBack(this.value)" name = "background" value = 'colorBackgroundAY'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forAYBack(this.value)" name = "background" value = 'autoBackgroundAY'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
</form>
<div id = 'allBackgroundAY' class = 'hidden'>
<20><><EFBFBD><EFBFBD>:
<button id = 'colorButtonAY' class = 'buttonColor' value = 'colorBoxAYBack'>color</button>
<div id="colorBoxAYBack" class="options hidden">
<table class="paletteTable"><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYBack" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td>
</tr></table>
</div>
<br><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: NO
</div>
<div id = 'gradBackgroundAY' class = 'hidden'>
</div>
<div id = 'pictireBackgroundAY' class = 'hidden'>
<div><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(N):<button>N</button></div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><> <button id="tempBase64">base64</button>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:<3A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>!!!
</div>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:N
</div>
</div>
</div>
<div id = 'colorBackgroundAY' class = 'hidden'>
N
</div>
<div id = 'autoBackgroundAY' class = 'hidden'>
N
</div>
</div>
<div id = 'fAYcolorP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
<form class = 'inputStyle'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<br>
<input type="radio" onClick="forAYCol(this.value)" name = "background" value="notColorAY"> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forAYCol(this.value)" name = "background" value = 'allColorAY'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forAYCol(this.value)" name = "background" value = 'gradColorAY'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forAYCol(this.value)" name = "background" value = 'autoColorAY' checked =''> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
</form>
<div id = 'allColorAY' class = 'hidden'>
<20><><EFBFBD><EFBFBD>:
<button id = 'colorButtonAYC' class = 'buttonColor' value = 'colorBoxAYCol'>color</button>
<div id="colorBoxAYCol" class="options hidden">
<table class="paletteTable"><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAYCol" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td>
</tr></table>
</div>
<br><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: NO
</div>
<div id = 'gradColorAY' class = 'hidden'>
</div>
<div id = 'autoColorAY' class = 'hidden'>
N
</div>
</div>
<div id = 'fAYstylesP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
<20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:
<form name="test2">
<select name="otv" size=1 onChange="javascript:sizeAYChange(this);">
<option value='1'>1
<option value='2'>2
<option value='3'>3
<option value='4'>4
</select>
</form>
</div>
</div>
<div id = 'fAYshadowP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'fAYsmoothP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'fAY3DP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
</div>
<!--<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> X-->
<div id="dialogAxisX" style = 'display:none'>
<div style = 'background-color:white;height:400px;width:165px; border:1px solid black;'>
<table>
<tr><td id = 'fAXOptions' class = 'lineSpacingSelect'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD></td></tr>
<tr><td id = 'fAXNumber' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'fAXbackground' class = 'lineSpacingSelect'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'fAXcolor' class = 'lineSpacingSelect '><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'fAXstyles' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'fAXshadow' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'fAXsmooth' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'fAX3D' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'flatOpX' class = 'lineSpacingSelect'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
</table>
</div>
<div id = 'fAXOptionsP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD>
<div style = 'font-size:12px'>
<div>
<form>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: <input name="Ps" maxlenght="5" id = 'optionsDiffInt' class = 'optionsDiffIntAY'><br>
</form>
</div>
</div>
<div style = 'font-size:12px'>
<form class = 'inputStyle'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<br>
<input type="radio" onClick="forAXOpInt(this.value)" name = "background" value="autoIntAX" checked =''> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forAXOpInt(this.value)" name = "background" value = 'valIntAX'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><input name="Ps" maxlenght="5"
id = 'optionsXVal' disabled="disabled" class = 'optionsDiffIntAY'></input></input><br>
</form>
</div>
<div>
<form>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:<select name="otv" size=1 onChange="javascript:sizeChange(this);">
<option value="1"><EFBFBD><EFBFBD><EFBFBD>
<option value="2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<option value="3"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<option value="4"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD>
</select>
</form>
</div>
<div>
<form>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:<select name="otv" size=1 onChange="javascript:sizeChange(this);">
<option value="1"><EFBFBD><EFBFBD><EFBFBD>
<option value="2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<option value="3"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<option value="4"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD>
</select>
</form>
</div>
<div>
<form>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD>:<select name="otv" size=1 onChange="javascript:sizeChange(this);">
<option value="1"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD>
<option value="2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<option value="3"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<option value="4"><EFBFBD><EFBFBD><EFBFBD>
</select>
</form>
</div>
<div style = 'font-size:12px'>
<form class = 'inputStyle'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<br>
<input type="radio" onClick="OYtoOX(this.value)" name = "background" value="autoIntAX" checked =''> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="OYtoOX(this.value)" name = "background" value = 'valNumber'> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="OYtoOX(this.value)" name = "background" value = 'valMax'> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
</form>
</div>
</div>
<div id = 'fAXNumberP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'fAXbackgroundP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
<form class = 'inputStyle'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<br>
<input type="radio" onClick="forAXBack(this.value)" name = "background" value="notBackgroundAX" checked =''> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forAXBack(this.value)" name = "background" value = 'allBackgroundAX'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forAXBack(this.value)" name = "background" value = 'gradBackgroundAX'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forAXBack(this.value)" name = "background" value = 'pictireBackgroundAX'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forAXBack(this.value)" name = "background" value = 'colorBackgroundAX'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forAXBack(this.value)" name = "background" value = 'autoBackgroundAX'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
</form>
<div id = 'allBackgroundAX' class = 'hidden'>
<20><><EFBFBD><EFBFBD>:
<button id = 'colorButtonAX' class = 'buttonColor' value = 'colorBoxAXBack'>color</button>
<div id="colorBoxAXBack" class="options hidden">
<table class="paletteTable"><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXBack" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td>
</tr></table>
</div>
<br><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: NO
</div>
<div id = 'gradBackgroundAX' class = 'hidden'>
</div>
<div id = 'pictireBackgroundAX' class = 'hidden'>
<div><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(N):<button>N</button></div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><> <button id="tempBase64">base64</button>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:<3A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>!!!
</div>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:N
</div>
</div>
</div>
<div id = 'colorBackgroundAX' class = 'hidden'>
N
</div>
<div id = 'autoBackgroundAX' class = 'hidden'>
N
</div>
</div>
<div id = 'fAXcolorP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
<form class = 'inputStyle'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<br>
<input type="radio" onClick="forAXCol(this.value)" name = "background" value="notColorAX"> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forAXCol(this.value)" name = "background" value = 'allColorAX'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forAXCol(this.value)" name = "background" value = 'gradColorAX'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forAXCol(this.value)" name = "background" value = 'autoColorAX' checked =''> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
</form>
<div id = 'allColorAX' class = 'hidden'>
<20><><EFBFBD><EFBFBD>:
<button id = 'colorButtonAXC' class = 'buttonColor' value = 'colorBoxAXCol'>color</button>
<div id="colorBoxAXCol" class="options hidden">
<table class="paletteTable"><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchAXCol" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td>
</tr></table>
</div>
<br><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: NO
</div>
<div id = 'gradColorAX' class = 'hidden'>
</div>
<div id = 'autoColorAX' class = 'hidden'>
N
</div>
</div>
<div id = 'fAXstylesP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
<20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:
<form name="test2">
<select name="otv" size=1 onChange="javascript:sizeAXChange(this);">
<option value='1'>1
<option value='2'>2
<option value='3'>3
<option value='4'>4
</select>
</form>
</div>
</div>
<div id = 'fAXshadowP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'fAXsmoothP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'fAX3DP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'flatOpXP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<div style = 'font-size:10pt'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:
<form name="test2">
<select name="otv" size=1 onChange="javascript:vFlatXChange(this);">
<option value='1'>1
<option value='2'>2
<option value='3'>3
<option value='4'>4
</select>
</form>
</div>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:
<form name="test2">
<select name="otv" size=1 onChange="javascript:cFlatXChange(this);">
<option value='0'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<option value='90'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><> 90
<option value='270'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><> 270
<option value='4'><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<28><><EFBFBD>)
</select>
</form>
</div>
<div>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD>:
<input name="Ps" maxlenght="5" id = 'varAngle'>
<button id = 'angleTextX'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></button>
</div>
</div>
</div>
</div>
<!--<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>-->
<div id="dialogName" style = 'display:none'>
<div style = 'background-color:white;height:400px;width:165px; border:1px solid black;'>
<table>
<tr><td id = 'nameBackground' class = 'lineSpacingSelect'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'nameColor' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'nameStyles' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'nameShadow' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'nameSmooth' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'name3D' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'nameAlign' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
</table>
</div>
<div id = 'nameBackgroundP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;'>
<form class = 'inputStyle'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<br>
<input type="radio" onClick="forNameBack(this.value)" name = "background" value="notNBackground" checked =''> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forNameBack(this.value)" name = "background" value = 'allNBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forNameBack(this.value)" name = "background" value = 'gradNBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forNameBack(this.value)" name = "background" value = 'pictireNBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forNameBack(this.value)" name = "background" value = 'colorNBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forNameBack(this.value)" name = "background" value = 'autoNBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
</form>
<div id = 'allNBackground' class = 'hidden'>
<20><><EFBFBD><EFBFBD>:
<button id = 'colorNameButton' class = 'buttonColor' value = 'colorNameBox'>color</button>
<div id="colorNameBox" class="options hidden">
<table class="paletteTable"><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerBack" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td>
</tr></table>
</div>
<br><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: NO
</div>
<div id = 'gradNBackground' class = 'hidden'>
</div>
<div id = 'pictireNBackground' class = 'hidden'>
</div>
<div id = 'colorNBackground' class = 'hidden'>
N
</div>
<div id = 'autoNBackground' class = 'hidden'>
N
</div>
</div>
<div id = 'nameColorP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'nameStylesP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'nameShadowP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'nameSmoothP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'name3D' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'nameAlign' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
</div>
<!--<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> OX-->
<div id="dialogXName" style = 'display:none'>
<div style = 'background-color:white;height:400px;width:165px; border:1px solid black;'>
<table>
<tr><td id = 'nameXBackground' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'nameXColor' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'nameXStyles' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'nameXShadow' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'nameXSmooth' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'nameX3D' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'nameXAlign' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
</table>
</div>
<div id = 'nameXBackgroundP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;'>
<form class = 'inputStyle'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<br>
<input type="radio" onClick="forNameXBack(this.value)" name = "background" value="notNXBackground" checked =''> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forNameXBack(this.value)" name = "background" value = 'allNXBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forNameXBack(this.value)" name = "background" value = 'gradNXBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forNameXBack(this.value)" name = "background" value = 'pictireNXBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forNameXBack(this.value)" name = "background" value = 'colorNXBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forNameXBack(this.value)" name = "background" value = 'autoNXBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
</form>
<div id = 'allNXBackground' class = 'hidden'>
<20><><EFBFBD><EFBFBD>:
<button id = 'colorNameXButton' class = 'buttonColor' value = 'colorNameXBox'>color</button>
<div id="colorNameXBox" class="options hidden">
<table class="paletteTable"><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerXBack" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td>
</tr></table>
</div>
<br><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: NO
</div>
<div id = 'gradNXBackground' class = 'hidden'>
</div>
<div id = 'pictireNXBackground' class = 'hidden'>
</div>
<div id = 'colorNXBackground' class = 'hidden'>
N
</div>
<div id = 'autoNXBackground' class = 'hidden'>
N
</div>
</div>
<div id = 'nameXColorP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'nameXStylesP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'nameXShadowP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'nameXSmoothP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'nameX3D' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'nameXAlign' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
</div>
<!--<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> OY-->
<div id="dialogYName" style = 'display:none'>
<div style = 'background-color:white;height:400px;width:165px; border:1px solid black;'>
<table>
<tr><td id = 'nameYBackground' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'nameYColor' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'nameYStyles' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'nameYShadow' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
<tr><td id = 'nameYSmooth' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'nameY3D' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><div class="MenuSeparator"></div></td></tr>
<tr><td id = 'nameYAlign' class = 'lineSpacingSelect notFunction'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td></tr>
</table>
</div>
<div id = 'nameYBackgroundP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;'>
<form class = 'inputStyle'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<br>
<input type="radio" onClick="forNameYBack(this.value)" name = "background" value="notNYBackground" checked =''> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forNameYBack(this.value)" name = "background" value = 'allNYBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forNameYBack(this.value)" name = "background" value = 'gradNYBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forNameYBack(this.value)" name = "background" value = 'pictireNYBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forNameYBack(this.value)" name = "background" value = 'colorNYBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
<input type="radio" onClick="forNameYBack(this.value)" name = "background" value = 'autoNYBackground'> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br>
</form>
<div id = 'allNYBackground' class = 'hidden'>
<20><><EFBFBD><EFBFBD>:
<button id = 'colorNameYButton' class = 'buttonColor' value = 'colorNameYBox' >color</button>
<div id="colorNameYBox" class="options hidden">
<table class="paletteTable"><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td>
</tr><tr>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td>
<td class="colorSelect2 bordered"><div class="colorWatch colorWatchNamerYBack" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td>
</tr></table>
</div>
<br><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: NO
</div>
<div id = 'gradNYBackground' class = 'hidden'>
</div>
<div id = 'pictireNYBackground' class = 'hidden'>
</div>
<div id = 'colorNYBackground' class = 'hidden'>
N
</div>
<div id = 'autoNYBackground' class = 'hidden'>
N
</div>
</div>
<div id = 'nameYColorP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'nameYStylesP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'nameYShadowP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'nameYSmoothP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'nameY3D' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
<div id = 'nameYAlign' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
N
</div>
</div>
<canvas id="myCanvas" width="478" height="286" style = 'margin:20px;border: 1px double grey'>[No canvas support]</canvas>
<div>
<button onclick = 'formatDraw("dialogMarker",this)' >
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
</button>
<button onclick = 'formatDraw("dialogAreaGraph",this)'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
</button>
<button onclick = 'formatDraw("dialogAxisY",this)'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> Y
</button>
<button onclick = 'formatDraw("dialogAxisX",this)'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> X
</button>
<button onclick = 'formatDraw("dialogName",this)'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
</button>
<br>
<button onclick = 'formatDraw("dialogXName",this)'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> X
</button>
<button onclick = 'formatDraw("dialogYName",this)'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> Y
</button>
</div>
<div style = 'margin-left:770px;margin-top:-300px'>
<!--<form name="test2">
<select name="otv" size=1 onChange="javascript:changeDiagram(this);">
<option value="4">Key
<option value="1">Key+ND+NX+NY
<option value="2">Key+ND+NX
<option value="3">Key+ND
</select>
</form>-->
<form class = 'inputStyle'>
<br>
<input type="checkbox" onClick="showWorkFunction(this)">hideNotWorkFunction<br>
</form>
<form class = 'inputStyle'>
<br>
<input type="checkbox" onClick="showAllOptions(this)">showAllOptions<br>
</form>
<!--<form name="test2">
<select name="otv" size=1" id = 'TEST11' onChange="javascript:allFunction(this);">
</select>
</form>
<div>
<input name="Ps" maxlenght="5" id = 'optionsMin1' class = 'inputVal'>
</div>
<button id = 'commandButton'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>
</button>
<div id = 'defaultValue'>
</div>-->
<div>
<form name="test2">
<select name="otv" size=1 id = 'varGraph' onChange="changeGraph(this);">
</select>
</form>
</div>
</div>
<div id = 'showAllOptions' style = 'margin-left:1000px;margin-top:-270px;' class = 'hidden'>
<form name="test2">otherProps
<select name="otv" size=1 id = 'otherProps'>
</select>
</form>
<div>
<input name="Ps" maxlenght="5" id = 'otherPropsMin' class = 'inputVal'>
</div>
<button id = 'commandotherProps' class = 'buttonDifComm'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>
</button>
<form name="test2">chartGutter
<select name="otv" size=1 id = 'chartGutter'>
</select>
</form>
<div>
<input name="Ps" maxlenght="5" id = 'chartGutterMin' class = 'inputVal'>
</div>
<button id = 'commandchartGutter' class = 'buttonDifComm'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>
</button>
<form name="test2">chartTitle
<select name="otv" size=1 id = 'chartTitle'>
</select>
</form>
<div>
<input name="Ps" maxlenght="5" id = 'chartTitleMin' class = 'inputVal'>
</div>
<button id = 'commandchartTitle' class = 'buttonDifComm'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>
</button>
<form name="test2">shadow
<select name="otv" size=1 id = 'shadow'>
</select>
</form>
<div>
<input name="Ps" maxlenght="5" id = 'shadowMin' class = 'inputVal'>
</div>
<button id = 'commandshadow' class = 'buttonDifComm'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>
</button>
<form name="test2">xAxisTitle
<select name="otv" size=1 id = 'xAxisTitle'>
</select>
</form>
<div>
<input name="Ps" maxlenght="5" id = 'xAxisTitleMin' class = 'inputVal'>
</div>
<button id = 'commandxAxisTitle' class = 'buttonDifComm'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>
</button>
<form name="test2">yAxisTitle
<select name="otv" size=1 id = 'yAxisTitle'>
</select>
</form>
<div>
<input name="Ps" maxlenght="5" id = 'yAxisTitleMin' class = 'inputVal'>
</div>
<button id = 'commandyAxisTitle' class = 'buttonDifComm'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>
</button>
<form name="test2">zoom
<select name="otv" size=1 id = 'zoom'>
</select>
</form>
<div>
<input name="Ps" maxlenght="5" id = 'zoomMin' class = 'inputVal'>
</div>
<button id = 'commandzoom' class = 'buttonDifComm'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>
</button>
<form name="test2">tooltip
<select name="otv" size=1 id = 'tooltip'>
</select>
</form>
<div>
<input name="Ps" maxlenght="5" id = 'tooltipMin' class = 'inputVal'>
</div>
<button id = 'commandtooltip' class = 'buttonDifComm'>
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>
</button>
</div>
</body>
</html>