<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 = [2,200,1000,100,1,2];
       data = [[30,30],[11,15],[8,16]];
       
       var copyData = [[30,30],[11,15],[8,16]];
        var vars = getUrlVars();
		bar = new OfficeExcel.Line('myCanvas', data);
        bar.firstData = copyData;
        bar._otherProps._autoGrouping = vars['?type'];
        
        //��� ������������� �������� � ����������� � ��� ����.
        //bar._otherProps._autoGrouping = 'stackedPer';
        if( bar._otherProps._autoGrouping == 'stacked')
        {
             for (var j=0; j < (data.length - 1); j++) {
                for (var i=0; i<data[j].length; i++) {
                    data[j + 1][i] = data[j + 1][i] + data[j][i]
                }
            }
             bar.original_data = data;
        }
        else if( bar._otherProps._autoGrouping == 'stackedPer')
        {
             for (var j=0; j < (data.length - 1); j++) {
                for (var i=0; i<data[j].length; i++) {
                    data[j + 1][i] = data[j + 1][i] + data[j][i]
                }
            }
            var tempData  = data;
            var firstData = copyData;
            var summValue = [];
            for (var j=0; j < (firstData[0].length); j++) {
                summValue[j] = 0;
                for (var i=0; i<firstData.length; i++) {
                    summValue[j] += Math.abs(firstData[i][j])
                }
            }
            
            for (var j=0; j < (tempData[0].length); j++) {
                for (var i=0; i<tempData.length; i++) {
                    tempData[i][j] = (100 * tempData[i][j])/(summValue[j]); 
                }
            }
            bar.data = tempData;
            bar.original_data = tempData;
        }
        
        
        
        
        
        
        bar.newData = data;
        bar.firstData = copyData;
        bar._otherProps._ylabels_count = 'auto';
        
        //bar._otherProps._autoGrouping = 'stacked';
        
        
     
        
        
        //��� ������������� ��������� ���������� ��������
        //bar._otherProps._filled = true;
        bar._otherProps._filled_accumulative = false;
        
        
        if(bar._otherProps._filled != true)
        {
            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._fillstyle = [['steelblue'],['red'],['black'],['grey']];
         bar._otherProps._colors = ['steelblue','IndianRed','green','grey'];
         bar._otherProps._linewidth = 3;
         
         
         
         
         //��� �������� ������
         // bar._otherProps._labels_above = true;
         
         
         
        //��� ������� � ���������
        //bar._otherProps._tickmarks = ['filledendsquare','filledsquare','filledarrow'];
        
        
        
         //bar._otherProps._fillstyle = '#fcc';
        //bar._otherProps._numxticks = data.length;
        //bar._otherProps._background_grid_autofit_numhlines = 10;
        //bar._otherProps._numyticks = 10;
        //bar._otherProps._ylabels_count = 10
        //bar._otherProps._background_grid_autofit_numhlines = 
        //if('bar' != nameGraph)
        var tempMas = [];
        if('object' == typeof data[0])
        {
            var testMas = [];
            for (var j=0; j<data.length; j++) {
                testMas[j] = data[j].length;
            }
            var maxNumOx = Math.max.apply({},testMas);
            for (var i=0; i < maxNumOx; i++) {
                tempMas[i] = i + 1;
            }
            if(bar._otherProps._filled != true)
                bar._otherProps._background_grid_autofit_numvlines = tempMas.length;
            else
                bar._otherProps._background_grid_autofit_numvlines = tempMas.length - 1;
        }
        else
        {
            for (var i=0; i<=data.length; i++) {
                tempMas[i] = i;
            }
        }
        
        bar._otherProps._labels = tempMas;

        //��������� ������������ �����
        bar._otherProps._background_grid_vlines = false;
        bar._otherProps._background_grid_border  = false;
        //bar._otherProps._ymax = 60;
        //bar._otherProps._ymin = 50;
      
        bar.Draw();
        if(bar._otherProps._filled != true)
            bar._otherProps._hmargin = bar._otherProps._background_grid_vsize/2;
        else
            bar._otherProps._hmargin = 0;
            //���������� ������� ��� ������� ���������
        calcGutter();
          //������ ������� � ����������� �� ���������� ��������
        bar._otherProps._key = [];
        for (var j=0; j<data.length; j++) {
            bar._otherProps._key[j] = '���' + (j+1);
        }
        bar._otherProps._key_text_size = 10;
        bar._otherProps._text_font = 'Calibri';
        //��� ����, ����� �� ������� ����� ������ �������
        bar._otherProps._key_rounded = null;
        if(bar._otherProps._filled != true)
            bar._otherProps._key_color_shape = 'line';
        bar._otherProps._key_position_x = bar.canvas.width - bar._chartGutter._right + 30;
        bar._otherProps._key_position_y = bar.canvas.height/2 - bar._otherProps._key.length*15;
        
        bar._otherProps._axis_color = 'grey';
        calcWidthGraph()
        upOptions();
        
        
        
        //insertOptions();//add some default options
        insertAllGraphs();
        insertDiffOptions();
        $("#hiddenCanvas").offset({top:$('#myCanvas').offset().top - parseInt($("#hiddenCanvas").css('border-width')), left:$('#myCanvas').offset().left- parseInt($("#hiddenCanvas").css('border-width')),right:$('#myCanvas').offset().right,bottom:$('#myCanvas').offset().bottom})
        $("#hiddenCanvas").css('height',$('#myCanvas').css('height'));
        $("#hiddenCanvas").css('width',$('#myCanvas').css('width'));
        
        $("#hiddenWorkArea").css('width',parseInt($('#myCanvas').css('width')) - bar._chartGutter._left - bar._chartGutter._right);
        $("#hiddenWorkArea").css('height',parseInt($('#myCanvas').css('height')) - bar._chartGutter._top - bar._chartGutter._bottom);
        $("#hiddenWorkArea").offset({top:bar._chartGutter._top, left:bar._chartGutter._left,right:bar._chartGutter._right,bottom:bar._chartGutter._bottom})
        
        //������ ������� ��� ���� �������, ����� ������� ��������(�� ���� ���)
        $("#hiddenAxesX").css('width', parseInt($("#hiddenWorkArea").css('width')) + 5);
        $("#hiddenAxesX").css('height',20);
        $("#hiddenAxesX").offset({top:parseInt($("#hiddenWorkArea").css('top')) + parseInt($("#hiddenWorkArea").css('height')), left:parseInt($("#hiddenWorkArea").css('left'))})
        
        $("#hiddenAxesY").css('width',30);
        $("#hiddenAxesY").css('height',parseInt($("#hiddenWorkArea").css('height')) + 30);
        $("#hiddenAxesY").offset({top:parseInt($("#hiddenWorkArea").css('top')), left:parseInt($("#hiddenWorkArea").css('left')) -30})
        //upOptions();
        //insertAllOptions();
        $("#hiddenDrag").css('width',parseInt($("#hiddenWorkArea").css('width')) + parseInt($("#hiddenAxesY").css('width')));
        $("#hiddenDrag").css('height',parseInt($("#hiddenWorkArea").css('height'))+ parseInt($("#hiddenAxesX").css('height')) );
        $("#hiddenDrag").offset({top:parseInt($("#hiddenAxesY").css('top')), left:parseInt($("#hiddenAxesY").css('left'))})
       
    }
</script>
<body>
    <table style="margin-bottom:20px">
    �����
    <tr>
        <td  id = 'mainName'><button class = 'buttonMaket'>�������� ���������</button></td>
        <td  id = 'mainNameOXY' > <button class = 'buttonMaket'>�������� ����</button></td>
        <td  id = 'keyOXY'> <button class = 'buttonMaket'>�������</button></td>
        <td id = 'titleDataOXY'> <button  class = 'buttonMaket'>������� ������</button></td>
        <td id = 'tableDataOXY'> <button  class = 'buttonMaket'>������� ������</button></td>
        <td id = 'OXY'> <button  class = 'buttonMaket'>���</button></td>
        <td  id = 'gridAll'> <button  class = 'buttonMaket'>�����</button></td>
        <td id = 'areaGraph'> <button  class = 'buttonMaket'>������� ����������</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="getMainName">���</td></tr>
                <tr><td id= 'mNCenter' class="getMainName">�������� �� ������ � �����������</td></tr>
                <tr><td id= 'mNUnder' class="getMainName">��� ����������</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">�������� �������� �������������� ���</td></tr>
                <tr><td id= 'mNOXYVer' class="lineMainSelect1">�������� �������� ������������ ���</td></tr>
            </tbody>
            </table>
    </div>
            <!--�������-->
            <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="getNameAxes">���</td></tr>
                    <tr><td id= 'mNOXYHorUp' class="getNameAxes">�������� ��� ����</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="getNameAxes">���</td></tr>
                    <tr><td id= 'mNOXYVerCon' class="getNameAxes">���������� ��������</td></tr>
                    <tr><td id= 'mNOXYVerName' class="getNameAxes">������������ ��������</td></tr>
                    <tr><td id= 'mNOXYHorName' class="getNameAxes">�������������� ��������</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="getAddKey">���</td></tr>
                <tr><td id="keyOXYnotRight" class="getAddKey">�������� ������� ������</td></tr>
                <tr><td id="keyOXYTop" class="getAddKey">�������� ������� ������</td></tr>
                <tr><td id="keyOXYLeft" class="getAddKey">�������� ������� �����</td></tr>
                <tr><td id="keyOXYBottom" class="getAddKey">�������� ������� �����</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">���</td></tr>
                <tr><td id="tDCenter" class="lineMainSelect">�� ������</td></tr>
                <tr><td id="tDLeft" class="lineMainSelect">�����</td></tr>
                <tr><td id="tDRight" class="lineMainSelect">������</td></tr>
                <tr><td id="tDTop" class="lineMainSelect">������</td></tr>
                <tr><td id="tDBottom" class="lineMainSelect">�����</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">���</td></tr>
                <tr><td id="tableDVis" class="lineMainSelect">���������� ������� ������</td></tr>
                <tr><td id="tableDVisKey" class="lineMainSelect">���������� ������� ������ � ������� �������</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">�������� �������������� ���</td></tr>
                <tr><td id="OXYVer" class="lineMainSelect1">�������� ������������ ���</td></tr>
            </tbody>
            </table>
    </div>
                <!--�������-->
                <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">���</td></tr>
                        <tr><td class="lineMainSelect">����� �������</td></tr>
                        <tr><td  class="lineMainSelect">��� ��������</td></tr>
                        <tr><td class="lineMainSelect">������ ������</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">���</td></tr>
                        <tr><td class="lineMainSelect">�� ���������</td></tr>
                        <tr><td class="lineMainSelect">������</td></tr>
                        <tr><td class="lineMainSelect">��������</td></tr>
                        <tr><td class="lineMainSelect">���������</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">�������������� ����� ����� �� �������� ���</td></tr>
                <tr><td id="gridAllVer" class="lineMainSelect1">������������ ����� ����� �� �������� ���</td></tr>
            </tbody>
            </table>
    </div>
                <!--�������-->
                <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">���</td></tr>
                        <tr><td class="lineMainSelect">�������� ����� �����</td></tr>
                        <tr><td class="lineMainSelect">������������� ����� �����</td></tr>
                        <tr><td class="lineMainSelect">�������� � ������������� ����� �����</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">���</td></tr>
                        <tr><td class="lineMainSelect">�������� ����� �����</td></tr>
                        <tr><td class="lineMainSelect">������������� ����� �����</td></tr>
                        <tr><td class="lineMainSelect">�������� � ������������� ����� �����</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">���</td></tr>
                <tr><td id="areaGraphVis" class="lineMainSelect">���������� ������� ����������</td></tr>
            </tbody>
            </table>
    </div>
    </div>
    
    <div>
        <button onclick = 'dDiagram("Line")'>
            Draw Diagram
        </button>
        <button onclick = 'formatDraw("dialog",this)'>
            ������ ������� ����������
        </button>
        <button onclick = 'formatDraw("dialog1",this)'>
            ������ �������� ����� �����
        </button>
        <button onclick = 'formatDraw("dialog2",this)'>
            ������ ���� ������
        </button>
        <button onclick = 'formatDraw("dialog3",this)'>
            ������ �������
        </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>
        
        <!--������ ������� ����������-->
        <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'>������� <div class="MenuSeparator"></div></td></tr>
                <tr><td id = 'fAcolor' class = 'lineSpacingSelect notFunction'>���� �������</td></tr>
                <tr><td id = 'fAstyles' class = 'lineSpacingSelect notFunction'>����� ������<div class="MenuSeparator"></div></td></tr>
                <tr><td id = 'fAshadow' class = 'lineSpacingSelect notFunction'>����</td></tr>
                <tr><td id = 'fAsmooth' class = 'lineSpacingSelect notFunction'>�������� � �����������</td></tr>
                <tr><td id = 'fA3D' class = 'lineSpacingSelect notFunction'>������ �������� ������</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'>
            �������
            <br>
               <input type="radio" onClick="forArBack(this.value)" name = "background" value="notBackground"  checked =''> ��� �������<br>
               <input type="radio"  onClick="forArBack(this.value)" name = "background" value = 'allBackground'> �������� �������<br>
               <input type="radio"  onClick="forArBack(this.value)" name = "background" value = 'gradBackground'> ����������� �������<br>
               <input type="radio"  onClick="forArBack(this.value)" name = "background" value = 'pictireBackground'> ������� ��� ��������<br>
               <input type="radio"  onClick="forArBack(this.value)" name = "background" value = 'colorBackground'> ������� �������<br>
               <input type="radio"  onClick="forArBack(this.value)" name = "background" value = 'autoBackground'> ���������<br>
            </form>
            <div id = 'allBackground' class = 'hidden'>
                ����:
                <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>������������: NO
            </div>
            <div id = 'gradBackground' class = 'hidden'>
            </div>
            <div id = 'pictireBackground' class = 'hidden'>
                <div>��������(N):<button>N</button></div>
                �������� �� <button id="tempBase64">base64</button>
                <div>
                    ��������� ����������
                    <div>
                        ��������:������� ��������!!!
                    </div>
                    <div>
                        ������������: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>
    
    
        <!--������ �������� ����� �����-->
        <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'>���� �����</td></tr>
                    <tr><td id = 'lGtype' class = 'lineSpacingSelect'>��� �����<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'lGshadow' class = 'lineSpacingSelect notFunction'>����</td></tr>
                    <tr><td id = 'lGsmooth' class = 'lineSpacingSelect notFunction'>�������� � �����������</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'>
                    ���� �����
                <br>
                   <input type="radio" onClick="forLineGrid(this.value)" name = 'lineGrid' value="notLineGrid"  > ��� �����<br>
                   <input type="radio"  onClick="forLineGrid(this.value)" name = 'lineGrid' value = 'allLineGrid'> �������� �����<br>
                   <input type="radio"  onClick="forLineGrid(this.value)" name = 'lineGrid'  value = 'gradLineGrid'> ����������� �����<br>
                   <input type="radio"  onClick="forLineGrid(this.value)" name = 'lineGrid' value = 'autoLineGrid' checked =''> ���������<br>
                </form>
                <div id = 'allLineGrid' class = 'hidden'>
                    ����:
                    <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>������������: 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'>
               ��� �����
               <div>
                    ������: 
                   <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>
        
        

        
        
        
        
           <!--������ ���� ������-->
        <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'>��������� ����</td></tr>
                    <tr><td id = 'aMOptionsMarker' class = 'lineSpacingSelect'>��������� �������<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'aMBackgroundMarker' class = 'lineSpacingSelect'>������� �������<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'aMColorLine' class = 'lineSpacingSelect'>���� �����</td></tr>
                    <tr><td id = 'aMTypeLine' class = 'lineSpacingSelect'>��� �����</td></tr>
                    <tr><td id = 'aMColorMarkerLine' class = 'lineSpacingSelect'>���� ����� �������</td></tr>
                    <tr><td id = 'aMTypeMarkerLine' class = 'lineSpacingSelect'>��� ����� �������<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'aMshadow' class = 'lineSpacingSelect'>����</td></tr>
                    <tr><td id = 'aMsmooth' class = 'lineSpacingSelect notFunction' >�������� � �����������<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 = 'aMOptionsMarkerP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;'>
                <form class = 'inputStyle'>
                ��������� �������
                <br>
                   <input type="radio" onClick="forAllMarker1(this.value)" name = "background" value="autoOptionsMarker"  checked =''> ����<br>
                   <input type="radio"  onClick="forAllMarker1(this.value)" name = "background" value = 'notOptionsMarker'> ���<br>
                   <input type="radio"  onClick="forAllMarker1(this.value)" name = "background" value = 'insideOptionsMarker'> ����������<br>
                   
                </form>
                <div id = 'insideOptionsMarker' class = 'hidden'>
                   <div>
                        ���:
                        <form name="test2">
                            <select name="otv" size=1 onChange="javascript:typeMarkerChange(this);">
                                <option value="circle">circle
                                <option value="square">square
                            </select>
                        </form>
                   </div>
                   <div>
                        ������:
                        <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 = 'aMBackgroundMarkerP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
                N
            </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'>
                ���� �����
                <br>
                   <input type="radio" onClick="aMForAllMarker(this.value)" name = "background" value="notMainLine"  > ��� �����<br>
                   <input type="radio"  onClick="aMForAllMarker(this.value)" name = "background" value = 'mainLine'> �������� �����<br>
                   <input type="radio"  onClick="aMForAllMarker(this.value)" name = "background" value = 'gradMainLine'> ����������� �����<br>
                   <input type="radio"  onClick="aMForAllMarker(this.value)" name = "background" value = 'autoMainLine' checked =''> ���������<br>
                </form>
                <div id = "notMainLine">
                </div>
                <div id = 'mainLine' class = 'hidden'>
                     ����:
                <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 colorWatchLine" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td>
                    </tr><tr>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td>
                    </tr><tr>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td>
                    </tr><tr>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td>
                    </tr><tr>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td>
                    </tr><tr>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td>
                    </tr><tr>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchLine" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td>
                    </tr></table>
                </div>
                <br>������������: 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'>
               ��� �����
               <div>
                    ������: 
                   <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)">���������� �����<br>
                    </form>
               </div>
            </div>
             <div id = 'aMColorMarkerLineP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
                          <form class = 'inputStyle'>
                ���� �����
                <br>
                   <input type="radio" onClick="aMForAllMarkerLine(this.value)" name = "background" value="notMarkerLine"  > ��� �����<br>
                   <input type="radio"  onClick="aMForAllMarkerLine(this.value)" name = "background" value = 'markerLine'> �������� �����<br>
                   <input type="radio"  onClick="aMForAllMarkerLine(this.value)" name = "background" value = 'gradMarkerLine'> ����������� �����<br>
                   <input type="radio"  onClick="aMForAllMarkerLine(this.value)" name = "background" value = 'autoMarkerLine' checked =''> ���������<br>
                </form>
                <div id = "notMarkerLine">
                </div>
                <div id = 'markerLine' class = 'hidden'>
                     ����:
                <button id = 'colorButtonMarkerLine' class = 'buttonColor' value = 'colorBoxMarkerLine'>color</button>
                <div id="colorBoxMarkerLine" class="options hidden">
                    <table class="paletteTable"><tr>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td>
                    </tr><tr>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td>
                    </tr><tr>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td>
                    </tr><tr>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td>
                    </tr><tr>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td>
                    </tr><tr>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td>
                    </tr><tr>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td>
                    <td class="colorSelect2 bordered"><div class="colorWatch colorWatchMarkerLine" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td>
                    </tr></table>
                </div>
                <br>������������: NO
                </div>
                <div id = 'gradMarkerLine'>
                </div>
                <div id = 'autoMarkerLine'>
                </div>
            </div>
             <div id = 'aMTypeMarkerLineP' style = 'background-color:white;height: 400px;width: 350px;margin-left: 170px;margin-top: -400px;border:1px solid black;' class = 'hidden'>
                  ��� �����
               <div>
                    ������: 
                   <form name="test2">
                        <select  name="otv" size=1 onChange="javascript:sizeMarLineChange(this);">
                            <option value='1'>1
                            <option value='2'>2
                             <option value='3'>3
                            <option value='4'>4
                        </select>
                    </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'>
                ����
               <div>
                    ���������: 
                   <form name="test2">
                        <select name="otv" size=1 onChange="javascript:shadowLineChange(this);">
                            <option value="false">��� ����
                            <option value="true">���� ����
                        </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>



 <!--������ ������� -->
         <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'>��������� �������<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'kKBackground' class = 'lineSpacingSelect'>�������<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'kKcolor' class = 'lineSpacingSelect'>���� �������</td></tr>
                    <tr><td id = 'kKstyle' class = 'lineSpacingSelect'>����� ������<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'kKshadow' class = 'lineSpacingSelect'>����</td></tr>
                    <tr><td id = 'kKsmooth' class = 'lineSpacingSelect notFunction'>�������� � �����������</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'>
                    ��������� �������
                <br>
                   <input type="radio" onClick="forKeyOptions(this.value)" name = 'lineGrid' value="top"  checked =''> ������<br>
                   <input type="radio"  onClick="forKeyOptions(this.value)" name = 'lineGrid' value = 'bottom'> �����<br>
                   <input type="radio"  onClick="forKeyOptions(this.value)" name = 'lineGrid'  value = 'left'> �����<br>
                   <input type="radio"  onClick="forKeyOptions(this.value)" name = 'lineGrid' value = 'right'> ������<br>
                   <input type="radio"  onClick="forKeyOptions(this.value)" name = 'lineGrid' value = 'left'> ������ ������<br>
                </form>
                <br>
                 <input type="checkbox" onClick="checkKeyOnD(this)" >���������� ������� ��� ���������� ���������<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'>
                    �������
                    <br>
                       <input type="radio" onClick="forKeyBackColor(this.value)" name = "background" value="notKeyBackColor"  checked =''> ��� �������<br>
                       <input type="radio"  onClick="forKeyBackColor(this.value)" name = "background" value = 'allKeyBackColor'> �������� �������<br>
                       <input type="radio"  onClick="forKeyBackColor(this.value)" name = "background" value = 'gradKeyBackColor'> ����������� �������<br>
                       <input type="radio"  onClick="forKeyBackColor(this.value)" name = "background" value = 'pictireKeyBackColor'> ������� ��� ��������<br>
                       <input type="radio"  onClick="forKeyBackColor(this.value)" name = "background" value = 'colorKeyBackColor'> ������� �������<br>
                       <input type="radio"  onClick="forKeyBackColor(this.value)" name = "background" value = 'autoKeyBackColor'> ���������<br>
                </form>
                <div id = 'allKeyBackColor' class = 'hidden'>
                    ����:
                    <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>������������: NO
                </div>
                <div id = 'gradKeyBackColor' class = 'hidden'>
                </div>
                <div id = 'pictireKeyBackColor' class = 'hidden'>
                    <div>��������(N):<button>N</button></div>
                    �������� �� <button id="keyTempBase64">NO</button>
                    <div>
                        ��������� ����������
                        <div>
                            ��������:������� ��������!!!
                        </div>
                        <div>
                            ������������: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'>
                    ���� �������
                    <br>
                       <input type="radio" onClick="forKeyColor(this.value)" name = "background" value="notKeyColor"  checked =''> ��� �����<br>
                       <input type="radio"  onClick="forKeyColor(this.value)" name = "background" value = 'allKeyColor'> �������� �����<br>
                       <input type="radio"  onClick="forKeyColor(this.value)" name = "background" value = 'gradKeyColor'> ����������� �����<br>
                       <input type="radio"  onClick="forKeyColor(this.value)" name = "background" value = 'autoKeyColor'> ���������<br>
                </form>
                <div id = 'allKeyColor' class = 'hidden'>
                    ����:
                    <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>������������: 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'>
                ����� ������
               <div>
                    ������: 
                   <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'>
                  ����
               <div>
                    ���������: 
                   <form name="test2">
                        <select name="otv" size=1 onChange="javascript:shadowKeyChange(this);">
                            <option value="false">��� ����
                            <option value="true">���� ����
                        </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>
                ������� �������� � ���������!
            </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>

        <!--������ ����� ������-->
         <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'>��������� ����</td></tr>
                    <tr><td id = 'MOptionsMarker' class = 'lineSpacingSelect notFunction'>��������� �������</td></tr>
                    <tr><td id = 'MBackgroundMarker' class = 'lineSpacingSelect notFunction'>������� �������</td></tr>
                    <tr><td id = 'MColorLine' class = 'lineSpacingSelect notFunction'>���� �����</td></tr>
                    <tr><td id = 'MTypeLine' class = 'lineSpacingSelect notFunction'>��� �����</td></tr>
                    <tr><td id = 'MColorMarkerLine' class = 'lineSpacingSelect notFunction'>���� ����� �������</td></tr>
                    <tr><td id = 'MTypeMarkerLine' class = 'lineSpacingSelect notFunction'>��� ����� �������</td></tr>
                    <tr><td id = 'Mshadow' class = 'lineSpacingSelect notFunction'>����</td></tr>
                    <tr><td id = 'Msmooth' class = 'lineSpacingSelect notFunction'>�������� � �����������</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'>
                ��������� �������
                <br>
                   <input type="radio" onClick="forMarker1(this.value)" name = "background" value="autoOptionsMarker"  checked =''> ����<br>
                   <input type="radio"  onClick="forMarker1(this.value)" name = "background" value = 'notOptionsMarker'> ���<br>
                   <input type="radio"  onClick="forMarker1(this.value)" name = "background" value = 'insideOptionsMarker'> ����������<br>
                   
                </form>
                <div id = 'insideOptionsMarker' class = 'hidden'>
                   <div>
                        ���:
                        <form name="test2">
                            <select name="otv" size=1 onChange="javascript:typeMarkerChange(this);">
                                <option value="circle">circle
                                <option value="square">square
                            </select>
                        </form>
                   </div>
                   <div>
                        ������:
                        <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'>
                ���� �����
                <br>
                   <input type="radio" onClick="MForAllMarker(this.value)" name = "background" value="notMainLine1"  > ��� �����<br>
                   <input type="radio"  onClick="MForAllMarker(this.value)" name = "background" value = 'mainLine1'> �������� �����<br>
                   <input type="radio"  onClick="MForAllMarker(this.value)" name = "background" value = 'gradMainLine1'> ����������� �����<br>
                   <input type="radio"  onClick="MForAllMarker(this.value)" name = "background" value = 'autoMainLine1' checked =''> ���������<br>
                </form>
                <div id = "notMainLine1">
                </div>
                <div id = 'mainLine1' class = 'hidden'>
                     ����:
                <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>������������: 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'>
               ��� �����
               <div>
                    ������: 
                   <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)">���������� �����<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'>
                ����
               <div>
                    ���������: 
                   <form name="test2">
                        <select name="otv" size=1 onChange="javascript:shadowLineChange(this);">
                            <option value="false">��� ����
                            <option value="true">���� ����
                        </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>
        
        <!--������ ������� ���������-->
        <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'>�������</td></tr>
                    <tr><td id = 'fAcolor1' class = 'lineSpacingSelect notFunction'>���� �������</td></tr>
                    <tr><td id = 'fAstyles1' class = 'lineSpacingSelect notFunction'>����� ������</td></tr>
                    <tr><td id = 'fAshadow1' class = 'lineSpacingSelect notFunction'>����</td></tr>
                    <tr><td id = 'fAsmooth1' class = 'lineSpacingSelect notFunction'>�������� � �����������</td></tr>
                    <tr><td id = 'fA3D1' class = 'lineSpacingSelect notFunction'>������ �������� ������</td></tr>
                    <tr><td id = 'fAshadow1' class = 'lineSpacingSelect notFunction'>������</td></tr>
                    <tr><td id = 'fAsmooth1' class = 'lineSpacingSelect notFunction'>��������</td></tr>
                    <tr><td id = 'fA3D1' class = 'lineSpacingSelect notFunction'>���������� �����</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'>
                �������
                <br>
                   <input type="radio" onClick="forArBack(this.value)" name = "background" value="notBackground"  checked =''> ��� �������<br>
                   <input type="radio"  onClick="forArBack(this.value)" name = "background" value = 'allBackground'> �������� �������<br>
                   <input type="radio"  onClick="forArBack(this.value)" name = "background" value = 'gradBackground'> ����������� �������<br>
                   <input type="radio"  onClick="forArBack(this.value)" name = "background" value = 'pictireBackground'> ������� ��� ��������<br>
                   <input type="radio"  onClick="forArBack(this.value)" name = "background" value = 'colorBackground'> ������� �������<br>
                   <input type="radio"  onClick="forArBack(this.value)" name = "background" value = 'autoBackground'> ���������<br>
                </form>
                <div id = 'allBackground' class = 'hidden'>
                    ����:
                    <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>������������: NO
                </div>
                <div id = 'gradBackground' class = 'hidden'>
                </div>
                <div id = 'pictireBackground' class = 'hidden'>
                    <div>��������(N):<button>N</button></div>
                    �������� �� <button id="tempBase64">base64</button>
                    <div>
                        ��������� ����������
                        <div>
                            ��������:������� ��������!!!
                        </div>
                        <div>
                            ������������: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>
        
            <!--������ ��� 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'>��������� ���</td></tr>
                    <tr><td  id = 'fAYNumber' class = 'lineSpacingSelect notFunction'>�����<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'fAYbackground' class = 'lineSpacingSelect'>�������<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'fAYcolor' class = 'lineSpacingSelect'>���� �����</td></tr>
                    <tr><td  id = 'fAYstyles' class = 'lineSpacingSelect'>��� �����<div class="MenuSeparator"></div></td></tr>
                    <tr><td  id = 'fAYshadow' class = 'lineSpacingSelect notFunction'>����</td></tr>
                    <tr><td  id = 'fAYsmooth' class = 'lineSpacingSelect notFunction'>�������� � �����������<div class="MenuSeparator"></div></td></tr>
                    <tr><td  id = 'fAY3D' class = 'lineSpacingSelect notFunction'>������ �������� ������<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;'>
               ��������� ���
               <div style = 'font-size:12px'>
                   <div>
                        <form>
                            ����������� ��������: <input  name="Ps" maxlenght="5" id = 'optionsMin' class = 'varOptionsAxisY'><br>
                        </form>
                   </div>
                   <div>
                        <form>
                            ������������ ��������: <input  name="Ps" maxlenght="5" id = 'optionsMax' class = 'varOptionsAxisY'><br>
                        </form>
                   </div>
                   <div>
                        <form>
                            ���� �������� �������: <input  name="Ps" maxlenght="5" id = 'optionsMainDiff' class = 'varOptionsAxisY'><br>
                        </form>
                   </div>
                    <div>
                        <form>
                            ���� ������������� �������: <input  name="Ps" maxlenght="5" id = 'optionsDiff' class = 'varOptionsAxisY'><br>
                        </form>
                   </div>
               </div>
                    <form class = 'inputStyle'>
                        <br>
                           <input type="checkbox" onClick="invertY(this)">�������� ������� ��������<br>
                    </form>
                 <div>
                    <form>
                        ��������:<select name="otv" size=1 onChange="javascript:sizeChange(this);">
                            <option value="1">���
                            <option value="2">������
                            <option value="3">������
                            <option value="4">���������� ���
                        </select>
                    </form>
                </div>
                 <div>
                    <form>
                        �������������:<select name="otv" size=1 onChange="javascript:sizeChange(this);">
                            <option value="1">���
                            <option value="2">������
                            <option value="3">������
                            <option value="4">���������� ���
                        </select>
                    </form>
                </div>
                 <div>
                    <form>
                        ������� ���:<select name="otv" size=1 onChange="javascript:sizeChange(this);">
                            <option value="1">����� � ����
                            <option value="2">������
                            <option value="3">�����
                            <option value="4">���
                        </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'>
                �������
                <br>
                   <input type="radio" onClick="forAYBack(this.value)" name = "background" value="notBackgroundAY"  checked =''> ��� �������<br>
                   <input type="radio"  onClick="forAYBack(this.value)" name = "background" value = 'allBackgroundAY'> �������� �������<br>
                   <input type="radio"  onClick="forAYBack(this.value)" name = "background" value = 'gradBackgroundAY'> ����������� �������<br>
                   <input type="radio"  onClick="forAYBack(this.value)" name = "background" value = 'pictireBackgroundAY'> ������� ��� ��������<br>
                   <input type="radio"  onClick="forAYBack(this.value)" name = "background" value = 'colorBackgroundAY'> ������� �������<br>
                   <input type="radio"  onClick="forAYBack(this.value)" name = "background" value = 'autoBackgroundAY'> ���������<br>
                </form>
                <div id = 'allBackgroundAY' class = 'hidden'>
                    ����:
                    <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>������������: NO
                </div>
                <div id = 'gradBackgroundAY' class = 'hidden'>
                </div>
                <div id = 'pictireBackgroundAY' class = 'hidden'>
                    <div>��������(N):<button>N</button></div>
                    �������� �� <button id="tempBase64">base64</button>
                    <div>
                        ��������� ����������
                        <div>
                            ��������:������� ��������!!!
                        </div>
                        <div>
                            ������������: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'>
                �������
                <br>
                   <input type="radio" onClick="forAYCol(this.value)" name = "background" value="notColorAY"> ��� �����<br>
                   <input type="radio"  onClick="forAYCol(this.value)" name = "background" value = 'allColorAY'> �������� �����<br>
                   <input type="radio"  onClick="forAYCol(this.value)" name = "background" value = 'gradColorAY'> ����������� �����<br>
                   <input type="radio"  onClick="forAYCol(this.value)" name = "background" value = 'autoColorAY' checked =''> ���������<br>
                </form>
                <div id = 'allColorAY' class = 'hidden'>
                    ����:
                    <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>������������: 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'>
                ��� �����
               <div>
                    ������: 
                   <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>
        
        
        <!--������ ��� 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'>��������� ���</td></tr>
                    <tr><td  id = 'fAXNumber' class = 'lineSpacingSelect notFunction'>�����<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'fAXbackground' class = 'lineSpacingSelect'>�������<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'fAXcolor' class = 'lineSpacingSelect '>���� �����</td></tr>
                    <tr><td  id = 'fAXstyles' class = 'lineSpacingSelect notFunction'>��� �����<div class="MenuSeparator"></div></td></tr>
                    <tr><td  id = 'fAXshadow' class = 'lineSpacingSelect notFunction'>����</td></tr>
                    <tr><td  id = 'fAXsmooth' class = 'lineSpacingSelect notFunction'>�������� � �����������<div class="MenuSeparator"></div></td></tr>
                    <tr><td  id = 'fAX3D' class = 'lineSpacingSelect notFunction'>������ �������� ������<div class="MenuSeparator"></div></td></tr>
                    <tr><td  id = 'flatOpX' class = 'lineSpacingSelect'>������������</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;'>
               ��������� ���
               <div style = 'font-size:12px'>
                   <div>
                        <form>
                            �������� ����� ���������: <input  name="Ps" maxlenght="5" id = 'optionsDiffInt' class = 'optionsDiffIntAY'><br>
                        </form>
                   </div>
               </div>
                <div style = 'font-size:12px'>
                <form class = 'inputStyle'>
                �������� ����� ���������
                <br>
                   <input type="radio" onClick="forAXOpInt(this.value)" name = "background" value="autoIntAX"  checked =''> ���������<br>
                   <input type="radio"  onClick="forAXOpInt(this.value)" name = "background" value = 'valIntAX'> ������� ��������� ���������<input  name="Ps" maxlenght="5" 
                   id = 'optionsXVal' disabled="disabled" class = 'optionsDiffIntAY'></input></input><br>
                </form>
               </div>
                 <div>
                    <form>
                        ��������:<select name="otv" size=1 onChange="javascript:sizeChange(this);">
                            <option value="1">���
                            <option value="2">������
                            <option value="3">������
                            <option value="4">���������� ���
                        </select>
                    </form>
                </div>
                 <div>
                    <form>
                        �������������:<select name="otv" size=1 onChange="javascript:sizeChange(this);">
                            <option value="1">���
                            <option value="2">������
                            <option value="3">������
                            <option value="4">���������� ���
                        </select>
                    </form>
                </div>
                 <div>
                    <form>
                        ������� ���:<select name="otv" size=1 onChange="javascript:sizeChange(this);">
                            <option value="1">����� � ����
                            <option value="2">������
                            <option value="3">�����
                            <option value="4">���
                        </select>
                    </form>
                </div>
                 <div style = 'font-size:12px'>
                <form class = 'inputStyle'>
                ������������ ��� ����������
                <br>
                   <input type="radio" onClick="OYtoOX(this.value)" name = "background" value="autoIntAX"  checked =''> ���������<br>
                   <input type="radio"  onClick="OYtoOX(this.value)" name = "background" value = 'valNumber'> � ��������� � �������<br>
                   <input type="radio"  onClick="OYtoOX(this.value)" name = "background" value = 'valMax'> � ������������ ���������
                </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'>
                �������
                <br>
                   <input type="radio" onClick="forAXBack(this.value)" name = "background" value="notBackgroundAX"  checked =''> ��� �������<br>
                   <input type="radio"  onClick="forAXBack(this.value)" name = "background" value = 'allBackgroundAX'> �������� �������<br>
                   <input type="radio"  onClick="forAXBack(this.value)" name = "background" value = 'gradBackgroundAX'> ����������� �������<br>
                   <input type="radio"  onClick="forAXBack(this.value)" name = "background" value = 'pictireBackgroundAX'> ������� ��� ��������<br>
                   <input type="radio"  onClick="forAXBack(this.value)" name = "background" value = 'colorBackgroundAX'> ������� �������<br>
                   <input type="radio"  onClick="forAXBack(this.value)" name = "background" value = 'autoBackgroundAX'> ���������<br>
                </form>
                <div id = 'allBackgroundAX' class = 'hidden'>
                    ����:
                    <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>������������: NO
                </div>
                <div id = 'gradBackgroundAX' class = 'hidden'>
                </div>
                <div id = 'pictireBackgroundAX' class = 'hidden'>
                    <div>��������(N):<button>N</button></div>
                    �������� �� <button id="tempBase64">base64</button>
                    <div>
                        ��������� ����������
                        <div>
                            ��������:������� ��������!!!
                        </div>
                        <div>
                            ������������: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'>
                �������
                <br>
                   <input type="radio" onClick="forAXCol(this.value)" name = "background" value="notColorAX"> ��� �����<br>
                   <input type="radio"  onClick="forAXCol(this.value)" name = "background" value = 'allColorAX'> �������� �����<br>
                   <input type="radio"  onClick="forAXCol(this.value)" name = "background" value = 'gradColorAX'> ����������� �����<br>
                   <input type="radio"  onClick="forAXCol(this.value)" name = "background" value = 'autoColorAX' checked =''> ���������<br>
                </form>
                <div id = 'allColorAX' class = 'hidden'>
                    ����:
                    <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>������������: 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'>
                ��� �����
               <div>
                    ������: 
                   <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'>
               ������������
               <div style = 'font-size:10pt'>
                    ������ ������<br>
                    <div>
                    ������������ ������������: 
                       <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>
                    ����������� ������: 
                       <form name="test2">
                            <select  name="otv" size=1 onChange="javascript:cFlatXChange(this);">
                                <option value='0'>�������������
                                <option value='90'>��������� ����� �� 90
                                <option value='270'>��������� ����� �� 270
                                <option value='4'>� ������(���)
                            </select>
                        </form>
                    </div>
                     <div>
                    ������ ����: 
                       <input  name="Ps" maxlenght="5" id = 'varAngle'>
                       <button id = 'angleTextX'>���������</button>
                    </div>
               </div>
            </div>
        </div>
        
         <!--������ �������� ���������-->
        <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'>�������<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'nameColor' class = 'lineSpacingSelect notFunction'>���� �������</td></tr>
                    <tr><td id = 'nameStyles' class = 'lineSpacingSelect notFunction'>����� ������<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'nameShadow' class = 'lineSpacingSelect notFunction'>����</td></tr>
                    <tr><td id = 'nameSmooth' class = 'lineSpacingSelect notFunction'>�������� � �����������<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'name3D' class = 'lineSpacingSelect notFunction'>������ �������� ������<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'nameAlign' class = 'lineSpacingSelect notFunction'>������������</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'>
                �������
                <br>
                   <input type="radio" onClick="forNameBack(this.value)" name = "background" value="notNBackground"  checked =''> ��� �������<br>
                   <input type="radio"  onClick="forNameBack(this.value)" name = "background" value = 'allNBackground'> �������� �������<br>
                   <input type="radio"  onClick="forNameBack(this.value)" name = "background" value = 'gradNBackground'> ����������� �������<br>
                   <input type="radio"  onClick="forNameBack(this.value)" name = "background" value = 'pictireNBackground'> ������� ��� ��������<br>
                   <input type="radio"  onClick="forNameBack(this.value)" name = "background" value = 'colorNBackground'> ������� �������<br>
                   <input type="radio"  onClick="forNameBack(this.value)" name = "background" value = 'autoNBackground'> ���������<br>
                </form>
                <div id = 'allNBackground' class = 'hidden'>
                    ����:
                    <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>������������: 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>
        
         <!--������ �������� ��� 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'>�������<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'nameXColor' class = 'lineSpacingSelect notFunction'>���� �������</td></tr>
                    <tr><td id = 'nameXStyles' class = 'lineSpacingSelect notFunction'>����� ������<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'nameXShadow' class = 'lineSpacingSelect notFunction'>����</td></tr>
                    <tr><td id = 'nameXSmooth' class = 'lineSpacingSelect notFunction'>�������� � �����������<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'nameX3D' class = 'lineSpacingSelect notFunction'>������ �������� ������<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'nameXAlign' class = 'lineSpacingSelect notFunction'>������������</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'>
                �������
                <br>
                   <input type="radio" onClick="forNameXBack(this.value)" name = "background" value="notNXBackground"  checked =''> ��� �������<br>
                   <input type="radio"  onClick="forNameXBack(this.value)" name = "background" value = 'allNXBackground'> �������� �������<br>
                   <input type="radio"  onClick="forNameXBack(this.value)" name = "background" value = 'gradNXBackground'> ����������� �������<br>
                   <input type="radio"  onClick="forNameXBack(this.value)" name = "background" value = 'pictireNXBackground'> ������� ��� ��������<br>
                   <input type="radio"  onClick="forNameXBack(this.value)" name = "background" value = 'colorNXBackground'> ������� �������<br>
                   <input type="radio"  onClick="forNameXBack(this.value)" name = "background" value = 'autoNXBackground'> ���������<br>
                </form>
                <div id = 'allNXBackground' class = 'hidden'>
                    ����:
                    <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>������������: 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>
        
        <!--������ �������� ��� 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'>�������<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'nameYColor' class = 'lineSpacingSelect notFunction'>���� �������</td></tr>
                    <tr><td id = 'nameYStyles' class = 'lineSpacingSelect notFunction'>����� ������<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'nameYShadow' class = 'lineSpacingSelect notFunction'>����</td></tr>
                    <tr><td id = 'nameYSmooth' class = 'lineSpacingSelect notFunction'>�������� � �����������<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'nameY3D' class = 'lineSpacingSelect notFunction'>������ �������� ������<div class="MenuSeparator"></div></td></tr>
                    <tr><td id = 'nameYAlign' class = 'lineSpacingSelect notFunction'>������������</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'>
                �������
                <br>
                   <input type="radio" onClick="forNameYBack(this.value)" name = "background" value="notNYBackground"  checked =''> ��� �������<br>
                   <input type="radio"  onClick="forNameYBack(this.value)" name = "background" value = 'allNYBackground'> �������� �������<br>
                   <input type="radio"  onClick="forNameYBack(this.value)" name = "background" value = 'gradNYBackground'> ����������� �������<br>
                   <input type="radio"  onClick="forNameYBack(this.value)" name = "background" value = 'pictireNYBackground'> ������� ��� ��������<br>
                   <input type="radio"  onClick="forNameYBack(this.value)" name = "background" value = 'colorNYBackground'> ������� �������<br>
                   <input type="radio"  onClick="forNameYBack(this.value)" name = "background" value = 'autoNYBackground'> ���������<br>
                </form>
                <div id = 'allNYBackground' class = 'hidden'>
                    ����:
                    <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>������������: 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="287" style = 'margin:20px;border: 1px double grey'>[No canvas support]</canvas>
        <div  id = 'hiddenCanvas' style = 'position:absolute;border: 7px solid #CCCAC8;height: 250px;width: 600px;opacity:0.9;cursor: move' class = 'hidden'>
            <div id = 'hiddenDrag' class = 'hidden'>
            </div>
            <div  id = 'hiddenWorkArea'  style = 'position:absolute;height: 250px;width: 600px;opacity:0.9;cursor: move'>
            </div>
            <div  id = 'hiddenAxesX' style = 'position:absolute' class = 'hidden'>
            </div>
            <div  id = 'hiddenAxesY' style = 'position:absolute' class = 'hidden' >
            </div>
        </div>
     <div>
        <button onclick = 'formatDraw("dialogMarker",this)' >
            ������ ����� ������
        </button>
        <button onclick = 'formatDraw("dialogAreaGraph",this)'>
            ������ ������� ���������
        </button>
        <button onclick = 'formatDraw("dialogAxisY",this)'>
            ������ ��� Y
        </button>
        <button onclick = 'formatDraw("dialogAxisX",this)'>
            ������ ��� X
        </button>
        <button onclick = 'formatDraw("dialogName",this)'>
            ������ �������� ���������
        </button>
        <br>
        <button onclick = 'formatDraw("dialogXName",this)'>
            ������ �������� ��� X
        </button>
        <button onclick = 'formatDraw("dialogYName",this)'>
            ������ �������� ��� 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'>
            ��������� �����
        </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'>
            ��������� �����
        </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'>
            ��������� �����
        </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'>
            ��������� �����
        </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'>
            ��������� �����
        </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'>
            ��������� �����
        </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'>
            ��������� �����
        </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'>
            ��������� �����
        </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'>
            ��������� �����
        </button>
    </div>
    <div style = 'margin-left: 800px;
margin-top: -250px;'>
        <div>
            <input  name="Ps" maxlenght="5" id = 'drawDiagramPoint' class = 'inputVal'>
        </div>
        <button onclick = 'drawDiagram1()' >
            ��������� �����
        </button>
    </div>
</body>
</html>