<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>AVS Document Editor</title> <meta http-equiv="X-UA-Compatible" content="IE=9"/> <link rel="stylesheet" type="text/css" href="controls/main_menu/menu/styles/MenuStyle.css" /> <link rel="stylesheet" type="text/css" href="controls/main_menu/menu/styles/clickmenu.css" /> <link rel="stylesheet" type="text/css" href="controls/main_menu/menu/styles/docStyles.css" /> <link rel="stylesheet" type="text/css" href="controls/main_menu/menu/js/jquery-ui.css"/> <link rel="stylesheet" type="text/css" href="controls/main_menu/menu/styles/jquery-custom.css" /> <link rel="stylesheet" type="text/css" href="controls/main_menu/menu/js/ui.spinner.css" /> <script type="text/javascript" src="controls/main_menu/menu/js/jquery-1.6.1.min.js"></script> <script type="text/javascript" src="controls/main_menu/menu/js/jquery.clickmenu.js"></script> <script type="text/javascript" src="controls/main_menu/menu/js/jquery-ui-1.8.13.custom.min.js"></script> <script type="text/javascript" src="controls/main_menu/menu/js/ui.spinner.min.js"></script> <script type="text/javascript" src="controls/main_menu/menu/main_menu.js"></script> <script type="text/javascript" src="controls/main_menu/menu/Statusbar.js"></script> <link type="text/css" href="controls/page/word.css" rel="stylesheet"/> <script type="text/javascript" src="js/apiDefines.js"></script> <script type="text/javascript" src="js/Editor.js"></script> <style type="text/css"> .block_elem {position:absolute;padding:0;margin:0;} </style> <link type="text/css" href="controls/scroll/jquery.jscrollpane.css" rel="stylesheet" media="all" /> <script type="text/javascript" src="js/jquery.mousewheel.js"></script> <script type="text/javascript" src="js/jquery.jscrollpane.js"></script> </head> <body id="id_body" class="block_elem" style="-moz-user-select:none;-khtml-user-select:none;user-select:none;width:100%;height:100%;background-color:#B0B0B0;overflow:hidden;" > <div id="MarginFace" style="cursor:default;position:absolute;left:50;top:70;width:597;height:24;background-color:#9BBBE3;"> <div id="Interface_Margin_Left" style="overflow:hidden;float:left;margin-top:5;margin-bottom:6;width:50;height:11;background-color:#B1CAEB;border-bottom:1px solid #D5E2F3;border-top:1px solid #D5E2F3;"> <div style="float:left;width:100%;height:11;background-image:url('controls/main_menu/Images/paragraph_MarginNumbers2.PNG');background-position:right;"></div> </div> <div id="Interface_Margin_DocumentSpace" style="overflow:hidden;float:left;margin-top:5;margin-bottom:6;width:497;height:11;background-color:#FFFFFF;border-bottom:1px solid #DCE1EC;border-top:1px solid #DCE1EC;"> <div style="float:left;width:100%;height:11;background-image:url('controls/main_menu/Images/paragraph_MarginNumbers1.PNG')"></div> </div> <div id="Interface_Margin_Right" style="overflow:hidden;float:left;margin-top:5;margin-bottom:6;width:50;height:11;background-color:#B1CAEB;border-bottom:1px solid #D5E2F3;border-top:1px solid #D5E2F3;"> <div id="Interface_Margin_Right_Inner" style="float:left;width:100%;height:11;background-image:url('controls/main_menu/Images/paragraph_MarginNumbers1.PNG');background-position: -497;"></div> </div> <div id="Interface_Margin_Left_Field" style="cursor:w-resize;position:absolute;left:45;top:5;width:11;height:13;z-index: 9;padding-left: 5;"> <div style="background-color:rgb(129,135,143);width:1;height:13;"></div> </div> <div id="Interface_Margin_Right_Field" style="cursor:w-resize;position:absolute;left:542;top:5;width:11;height:13;z-index: 9;padding-left: 5;"> <div style="background-color:rgb(129,135,143);width:1;height:13;"></div> </div> <div id="Interface_Ind_FirstLine" style="position:absolute;left:45;top:2;width:9;height:8;background-image: url('controls/main_menu/Images/paragraph_MarginFirstLine.PNG');z-index: 10;"></div> <div id="Interface_Ind_Left" style="position:absolute;left:45;top:10;width:9;height:8;background-image: url('controls/main_menu/Images/paragraph_MarginLeft.PNG');z-index: 10;"></div> <div id="Interface_Ind_LeftAll" style="position:absolute;left:45;top:17;width:9;height:6;background-image: url('controls/main_menu/Images/paragraph_MarginLeftAll.PNG');z-index: 10;"></div> <div id="Interface_Ind_Right" style="position:absolute;left:542;top:10;width:9;height:8;background-image: url('controls/main_menu/Images/paragraph_MarginRight.PNG');z-index: 10;"></div> </div> <div style="position:absolute;left:50;top:5;width:172px;height:54;border: 1px solid silver;padding: 2px"> <input id="Input_FontFamily" style="float:left;width:130;height:30;margin-right:2px;margin-bottom: 2px" type="text" value="Arial" onchange="Actions_SetFontFamily( this.value );" onblur="Canvas.GetHtmlElement().focus();"/> <input id="Input_FontSize" style="float:left;width:40;height:30;margin-bottom: 2px" type="text" value="10" onChange="Actions_SetFontSize( this.value );" onblur="Canvas.GetHtmlElement().focus();"/> <img id="Text_Bold" style="float:left;" src="controls/main_menu/Images/bold.png" onclick="Actions_TextPr('Bold')"/> <img id="Text_Italic" style="float:left;" src="controls/main_menu/Images/italic.png" onclick="Actions_TextPr('Italic')"/> <img id="Text_Underline" style="float:left;" src="controls/main_menu/Images/underline.png" onclick="Actions_TextPr('Underline')"/> <img id="Text_Strikeout" style="float:left;" src="controls/main_menu/Images/strikeout.png" onclick="Actions_TextPr('Strikeout')"/> </div> <div style="position:absolute;left:240;top:5;width:150px;height:54;border: 1px solid silver;padding: 2px"> <input id="Input_LineSpacing" style="float:left;width:50;height:20;margin-bottom: 2px" type="text" value="1.0"/> <img id="LineSpacing" style="float:left;margin-bottom: 2px" src="controls/main_menu/Images/lineSpacing.PNG" onclick="Actions_ParaLineSpacing(parseFloat(document.getElementById('Input_LineSpacing').value))" onmousedown="this.src='controls/main_menu/Images/lineSpacing_clicked.PNG'" onmouseup="this.src='controls/main_menu/Images/lineSpacing.PNG'" onmouseout="this.src='controls/main_menu/Images/lineSpacing.PNG'"/> <img id="Para_DecLeftInd" style="float:left;" src="controls/main_menu/Images/paragraph_DecLeftMargin.PNG" onclick="Actions_ParaDecLeftInd( )" onmousedown="this.src='controls/main_menu/Images/paragraph_DecLeftMargin_clicked.PNG'" onmouseup="this.src='controls/main_menu/Images/paragraph_DecLeftMargin.PNG'" onmouseout="this.src='controls/main_menu/Images/paragraph_DecLeftMargin.PNG'"/> <img id="Para_IncLeftInd" style="float:left;" src="controls/main_menu/Images/paragraph_IncLeftMargin.PNG" onclick="Actions_ParaIncLeftInd( )" onmousedown="this.src='controls/main_menu/Images/paragraph_IncLeftMargin_clicked.PNG'" onmouseup="this.src='controls/main_menu/Images/paragraph_IncLeftMargin.PNG'" onmouseout="this.src='controls/main_menu/Images/paragraph_IncLeftMargin.PNG'"/> <img id="ParaMarks" style="float:left;margin-bottom: 2px" src="controls/main_menu/Images/paragraphMarks_clicked.PNG" onclick="Actions_ParaMarks()"/> <img id="ParaAlign_Left" style="float:left;" src="controls/main_menu/Images/alignLeft_clicked.PNG" onclick="Actions_ParaAlign(align_Left)"/> <img id="ParaAlign_Center" style="float:left;" src="controls/main_menu/Images/alignCenter.png" onclick="Actions_ParaAlign(align_Center)"/> <img id="ParaAlign_Right" style="float:left;" src="controls/main_menu/Images/alignRight.png" onclick="Actions_ParaAlign(align_Right)"/> <img id="ParaAlign_Justify" style="float:left;" src="controls/main_menu/Images/alignJustify.png" onclick="Actions_ParaAlign(align_Justify)"/> </div> <div id="id_menu" class="block_elem" style="width:100%;height:21mm;background-color:#F4F5F6;"> <table id="menu" class="utilFont" style=""> <tr class="headerstyle"> <td id="logo" class="logo" > <img src ='controls/main_menu/menu/img/tmdocs_logo.png'/></td> <td id="header" colspan="2"> <div id="buttonPanel"> <span id="docName"></span> <a id="ShareButton" class="big_button3 buttonBack" style="display:none;"><span class="buttonBackSpan">Share Button</span></a> <a id="SaveButton" class="big_button3 buttonBack" style="display:none;"><span class="buttonBackSpan">Save</span></a> </div> </td> </tr> <tr id="topmenu" style="display:none;"> <td colspan="3" style="padding-left: 3px;background-color: #EEF0F2;"> <ul id="mainmenu" visible="false"> <li class="item main">File <ul class="margin_top_10"> <li id ="mnuOpenFile" class="SubItem" style="display:none;"> <p class="MenubarIcon MenubarSaveAs"> </p> Open </li> <li id ="mnuSave" class="SubItem"> <p class="MenubarIcon MenubarSaveAs"> </p> Save <span class="MenuQuickButton">Ctrl+S</span> </li> <li id ="mnuSaveAs" class="SubItem"> <p class="MenubarIcon MenubarSaveAs"> </p> SaveAs <span class="MenuArrow">►</span> <ul> <li id ="mnuSaveAsDocx" typecode="0" class="SubItem">Docx</li> <li id ="mnuSaveAsDoc" typecode="1" class="SubItem">Doc</li> <li id ="mnuSaveAsOdt" typecode="2" class="SubItem">Odt</li> <li id ="mnuSaveAsRtf" typecode="3" class="SubItem">Rtf</li> <li id ="mnuSaveAsTxt" typecode="4" class="SubItem">Txt</li> <li id ="mnuSaveAsHtml" typecode="5" class="SubItem">Html (Zipped)</li> <li id ="mnuSaveAsMht" typecode="6" class="SubItem">Mht</li> <li id ="mnuSaveAsPdf" typecode="7" class="SubItem">Pdf</li> </ul> </li> <li id ="saveAsFile" class="SubItem" style="display:none;"> <p class="MenubarIcon MenubarSaveAs"> </p> SaveAs </li> <div class="MenuSeparator"></div> <li id ="mnupreview" class="SubItem"> <p class="MenubarIcon MenubarPrintPreview"> </p> PrintPreview </li> <li id ="mnuPrint" class="SubItem"> <p class="MenubarIcon MenubarPrint"> </p> Print </li> <div class="MenuSeparator"></div> <!-- <li id="sm" class="SubItem">Show Menu</li> --> </ul> </li> <li class="item">Edit <ul class="margin_top_10"> <li id ="td_menu_undo" class ="SubItem"> <p class="MenubarIcon MenubarUndo"> </p> Undo <span class="MenuQuickButton">Ctrl+Z</span> </li> <li id ="td_menu_redo" class ="SubItem"> <p class="MenubarIcon MenubarRedo"> </p> Redo <span class="MenuQuickButton">Ctrl+Y</span> </li> <div class="MenuSeparator"> </div> <li id ="td_cut" class ="SubItem"> <p class="MenubarIcon MenubarCut"> </p> Cut <span class="MenuQuickButton">Ctrl+X</span> </li> <li id ="td_menu_copy" class ="SubItem"> <p class="MenubarIcon MenubarCopy"> </p> Copy <span class="MenuQuickButton">Ctrl+C</span> </li> <li id ="td_menu_paste" class ="SubItem"> <p class="MenubarIcon MenubarPaste"> </p> Paste <span class="MenuQuickButton">Ctrl+V</span> </li> <div class="MenuSeparator"> </div> <li id ="td_selectAll" class ="SubItem"> <p class="MenubarIcon MenubarSelectAll"> </p> SelectAll <span class="MenuQuickButton">Ctrl+A</span> </li> <div class="MenuSeparator"> </div> <li id ="td_find" class ="SubItem"> <p class="MenubarIcon MenubarFindReplace"> </p> FindAndReplace </li> </ul> </li> <li class="item">Insert <ul class="margin_top_10"> <li id ="td_image_menu" class ="SubItem"> <p class="MenubarIcon MenubarImage"> </p> Image </li> <li id ="td_link_menu" class ="SubItem"> <p class="MenubarIcon MenubarLink"> </p> Link </li> <li id ="td_drawing_menu" class ="SubItem"> <p class="MenubarIcon iconDrawing"> </p> Drawing </li> <div class="MenuSeparator"> </div> <li id ="td_specialchar" class ="SubItem"> <p class="MenubarIcon MenubarCharacters"> </p> SpecialCharacters </li> <li id ="td_horizontalrule" class ="SubItem"> <p class="MenubarIcon MenubarLine"> </p> HorizontalLine </li> <div class="MenuSeparator"> </div> <li id ="td_pagebreak" class ="SubItem"> <p class="MenubarIcon MenubarPagebreak"> </p> PageBreak </li> <li id ="td_table" class ="SubItem"> <p class="MenubarIcon MenubarTable"> </p> Table </li> </ul> </li> <li class="item">Format <ul class="margin_top_10"> <li id ="mnuFontStyle" class ="SubItem"> FontStyle <span class="MenuArrow">►</span> <ul class="uimargin"> <li id="Arial" class="SubItem" style="font-family:Arial;" value="Arial">Arial</li> <li id="Calibri" class="SubItem" style="font-family:Calibri;" value="Calibri">Calibri</li> <li id="ComicSansMS" class="SubItem" style="font-family:Comic Sans MS;" value="Comic Sans MS">Comic Sans MS</li> <li id="CourierNew" class="SubItem" style="font-family:Courier New;" value="Courier New">Courier New</li> <li id="Georgia" class="SubItem" style="font-family:Georgia;" value="Georgia">Georgia</li> <li id="LucidaSansUnicode" class="SubItem" style="font-family:Lucida Sans Unicode;" value="Lucida Sans Unicode">Lucida Sans Unicode</li> <li id="Tahoma" class="SubItem" style="font-family:Tahoma;" value="Tahoma">Tahoma</li> <li id="TimesNewRoman" class="SubItem" style="font-family:Times New Roman;" value="Times New Roman">Times New Roman</li> <li id="TrebuchetMS" class="SubItem" style="font-family:Trebuchet MS;" value="Trebuchet MS">Trebuchet MS</li> <li id="Verdana" class="SubItem" style="font-family:Verdana;" value="Verdana">Verdana</li> </ul> </li> <li id ="mnuFontSize" class ="SubItem"> FontSize <span class="MenuArrow">►</span> <ul class="uimargin"> <li id="8" class="SubItem" value="8">8pt</li> <li id="9" class="SubItem" value="9">9pt</li> <li id="10" class="SubItem" value="10">10pt</li> <li id="11" class="SubItem" value="11">11pt</li> <li id="12" class="SubItem" value="12">12pt</li> <li id="14" class="SubItem" value="14">14pt</li> <li id="18" class="SubItem" value="18">18pt</li> <li id="24" class="SubItem" value="24">24pt</li> <li id="36" class="SubItem" value="36">36pt</li> <li id="48" class="SubItem" value="48">48pt</li> <li id="72" class="SubItem" value="72">72pt</li> </ul> </li> <div class="MenuSeparator"></div> <li id ="td_menu_bold" class ="SubItem"> <p class="MenubarIcon MenubarBold"> </p> Bold <span class="MenuQuickButton">Ctrl+B</span> </li> <li id ="td_menu_italic" class ="SubItem"> <p class="MenubarIcon MenubarItalic"> </p> Italic <span class="MenuQuickButton">Ctrl+I</span> </li> <li id ="td_menu_underline" class ="SubItem"> <p class="MenubarIcon MenubarUnderline"> </p> Underline <span class="MenuQuickButton">Ctrl+U</span> </li> <li id ="td_strike" class ="SubItem"> <p class="MenubarIcon MenubarUnwritten"> </p> Unwritten </li> <li id ="td_superscript" class ="SubItem"> <p class="MenubarIcon MenubarSup"> </p> SuperScript <span class="MenuQuickButton">Ctrl+.</span> </li> <li id ="td_subscript" class ="SubItem"> <p class="MenubarIcon MenubarSub"> </p> SubScript <span class="MenuQuickButton">Ctrl+,</span> </li> <div class="MenuSeparator"></div> <li id ="mnuAlign" class="SubItem"> AlignHor <span class="MenuArrow">►</span> <ul> <li id ="mnuLeft" class="SubItem"> <p class="MenubarIcon MenubarLeft"> </p> AlignTextLeft </li> <li id ="mnuCenter" class="SubItem"> <p class="MenubarIcon MenubarCenter"> </p> AlignTextCenter </li> <li id ="mnuRight" class="SubItem"> <p class="MenubarIcon MenubarRight"> </p> AlignTextRight </li> <li id ="mnuJustified" class="SubItem"> <p class="MenubarIcon MenubarJustified"> </p> AlignTextJustify </li> </ul> </li> <li id ="mnuAlign" class="SubItem"> ParagraphStyles <span class="MenuArrow">►</span> <ul> <li id ="mnuDecrease" class="SubItem"> <p class="MenubarIcon MenubarDecrease1"> </p> DecreaseIndent </li> <li id ="mnuIncrease" class="SubItem"> <p class="MenubarIcon MenubarIncrease1"> </p> IncreaseIndent </li> <div class="MenuSeparator"> </div> <li id="p" class="SubItem">Normal</li> <li id="h1" class="SubItem">Heading 1</li> <li id="h2" class="SubItem">Heading 2</li> <li id="h3" class="SubItem">Heading 3</li> <li id="h4" class="SubItem">Heading 4</li> <li id="h5" class="SubItem">Heading 5</li> <li id="h6" class="SubItem">Heading 6</li> </ul> </li> <div class="MenuSeparator"></div> <li id ="mnuTypeOfList" class ="SubItem"> TypeOfList <span class="MenuArrow">►</span> <ul class="uimargin"> <li id="mnuNumberedList" class="SubItem"> <p class="MenubarIcon MenubarNumbered"> </p> Numbered </li> <li id="mnuBulletedList" class="SubItem"> <p class="MenubarIcon MenubarBulleted"> </p> Bulleted </li> </ul> </li> <li id ="mnuFontColor" class ="SubItem">TextColor <p class="MenubarIcon MenubarFontColor"> </p> <span class="MenuArrow">►</span> <ul style="margin: 0;"> <li id="colorBox3" style="min-width: 0;width: 125px;"> <table class="paletteTable"><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td> </tr><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td> </tr><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td> </tr><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td> </tr><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td> </tr><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td> </tr><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td> </tr></table> </li> </ul> </li> <li id ="mnuBGColor" class ="SubItem">TextBG <p class="MenubarIcon MenubarBGColor"> </p> <span class="MenuArrow">►</span> <ul style="margin: 0;"> <li id="colorBox4" style="min-width: 0;width: 125px;"> <table class="paletteTable"><tr> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td> </tr><tr> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td> </tr><tr> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td> </tr><tr> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td> </tr><tr> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td> </tr><tr> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td> </tr><tr> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td> </tr></table> </li> </ul> </li> <li id ="td_removeFormat" class ="SubItem"> <p class="MenubarIcon MenubarClear"> </p> ClearFormatting </li> </ul> </li> <li class="item main">Help <ul class="margin_top_10"> <!--<li id ="mnuAbout" class="SubItem"><p class="MenubarIcon MenubarAbout"> </p>About</li>--> <li id = "mnuShortcuts" class = "SubItem">KeyboardShortcuts</li> </ul> </li> </ul> </td> </tr> <tr> <td id="toolbar" colspan="3"> <table style="height:22px; vertical-align:top; border-collapse: separate; border-bottom: 0px solid #C0C0C0"> <tr> <td id="menuButtonHolder" style="vertical-align:middle;"> <ul id="menuButton" style="width:108px;"> <li class="item main" style="margin-left: 22px;width:50px;"> <span>Menu</span> <ul class="positionmenubatton"> <li id ="mnuOpenFile" class="SubItem" style="display:none;"> <p class="MenubarIcon MenubarSaveAs"> </p> Open </li> <li id ="mnuSave" class="SubItem"> <p class="MenubarIcon MenubarSaveAs"> </p> Save <span class="MenuQuickButton">Ctrl+S</span> </li> <li id ="mnuSaveAs" class="SubItem"> <p class="MenubarIcon MenubarSaveAs"> </p> SaveAs <span class="MenuArrow">►</span> <ul> <li id ="mnuSaveAsDocx" typecode="0" class="SubItem">Docx</li> <li id ="mnuSaveAsDoc" typecode="1" class="SubItem">Doc</li> <li id ="mnuSaveAsOdt" typecode="2" class="SubItem">Odt</li> <li id ="mnuSaveAsRtf" typecode="3" class="SubItem">Rtf</li> <li id ="mnuSaveAsTxt" typecode="4" class="SubItem">Txt</li> <li id ="mnuSaveAsHtml" typecode="5" class="SubItem">Html (Zipped)</li> <li id ="mnuSaveAsMht" typecode="6" class="SubItem">Mht</li> <li id ="mnuSaveAsPdf" typecode="7" class="SubItem">Pdf</li> </ul> </li> <li id ="saveAsFile" class="SubItem" style="display:none;"> <p class="MenubarIcon MenubarSaveAs"> </p> SaveAs </li> <div class="MenuSeparator"></div> <li class="SubItem">Edit <span class="MenuArrow">►</span> <ul> <li id ="td_menu_undo" class ="SubItem"> <p class="MenubarIcon MenubarUndo"> </p> Undo <span class="MenuQuickButton">Ctrl+Z</span> </li> <li id ="td_menu_redo" class ="SubItem"> <p class="MenubarIcon MenubarRedo"> </p> Redo <span class="MenuQuickButton">Ctrl+Y</span> </li> <div class="MenuSeparator"> </div> <li id ="td_cut" class ="SubItem"> <p class="MenubarIcon MenubarCut"> </p> Cut <span class="MenuQuickButton">Ctrl+X</span> </li> <li id ="td_menu_copy" class ="SubItem"> <p class="MenubarIcon MenubarCopy"> </p> Copy <span class="MenuQuickButton">Ctrl+C</span> </li> <li id ="td_menu_paste" class ="SubItem"> <p class="MenubarIcon MenubarPaste"> </p> Paste <span class="MenuQuickButton">Ctrl+V</span> </li> <div class="MenuSeparator"> </div> <li id ="td_selectAll" class ="SubItem"> <p class="MenubarIcon MenubarSelectAll"> </p> SelectAll <span class="MenuQuickButton">Ctrl+A</span> </li> <div class="MenuSeparator"> </div> <li id ="td_find" class ="SubItem"> <p class="MenubarIcon MenubarFindReplace"> </p> FindAndReplace </li> </ul> </li> <li class="SubItem">Insert <span class="MenuArrow">►</span> <ul> <li id ="td_image_menu" class ="SubItem"> <p class="MenubarIcon MenubarImage"> </p> Image </li> <li id ="td_link_menu" class ="SubItem"> <p class="MenubarIcon MenubarLink"> </p> Link </li> <li id ="td_drawing_menu" class ="SubItem"> <p class="MenubarIcon iconDrawing"> </p> Drawing </li> <div class="MenuSeparator"> </div> <li id ="td_specialchar" class ="SubItem"> <p class="MenubarIcon MenubarCharacters"> </p> SpecialCharacters </li> <li id ="td_horizontalrule" class ="SubItem"> <p class="MenubarIcon MenubarLine"> </p> HorizontalLine </li> <div class="MenuSeparator"> </div> <li id ="td_pagebreak" class ="SubItem"> <p class="MenubarIcon MenubarPagebreak"> </p> PageBreak </li> <li id ="td_table" class ="SubItem"> <p class="MenubarIcon MenubarTable"> </p> Table </li> </ul> </li> <li class="SubItem">Format <span class="MenuArrow">►</span> <ul> <li id ="mnuFontStyle" class ="SubItem"> FontStyle <span class="MenuArrow">►</span> <ul class="uimargin"> <li id="Arial" class="SubItem" style="font-family:Arial;" value="Arial">Arial</li> <li id="Calibri" class="SubItem" style="font-family:Calibri;" value="Calibri">Calibri</li> <li id="ComicSansMS" class="SubItem" style="font-family:Comic Sans MS;" value="Comic Sans MS">Comic Sans MS</li> <li id="CourierNew" class="SubItem" style="font-family:Courier New;" value="Courier New">Courier New</li> <li id="Georgia" class="SubItem" style="font-family:Georgia;" value="Georgia">Georgia</li> <li id="LucidaSansUnicode" class="SubItem" style="font-family:Lucida Sans Unicode;" value="Lucida Sans Unicode">Lucida Sans Unicode</li> <li id="Tahoma" class="SubItem" style="font-family:Tahoma;" value="Tahoma">Tahoma</li> <li id="TimesNewRoman" class="SubItem" style="font-family:Times New Roman;" value="Times New Roman">Times New Roman</li> <li id="TrebuchetMS" class="SubItem" style="font-family:Trebuchet MS;" value="Trebuchet MS">Trebuchet MS</li> <li id="Verdana" class="SubItem" style="font-family:Verdana;" value="Verdana">Verdana</li> </ul> </li> <li id ="mnuFontSize" class ="SubItem"> FontSize <span class="MenuArrow">►</span> <ul class="uimargin"> <li id="8" class="SubItem" value="8">8pt</li> <li id="9" class="SubItem" value="9">9pt</li> <li id="10" class="SubItem" value="10">10pt</li> <li id="11" class="SubItem" value="11">11pt</li> <li id="12" class="SubItem" value="12">12pt</li> <li id="14" class="SubItem" value="14">14pt</li> <li id="18" class="SubItem" value="18">18pt</li> <li id="24" class="SubItem" value="24">24pt</li> <li id="36" class="SubItem" value="36">36pt</li> <li id="48" class="SubItem" value="48">48pt</li> <li id="72" class="SubItem" value="72">72pt</li> </ul> </li> <div class="MenuSeparator"></div> <li id ="td_menu_bold" class ="SubItem"> <p class="MenubarIcon MenubarBold"> </p> Bold <span class="MenuQuickButton">Ctrl+B</span> </li> <li id ="td_menu_italic" class ="SubItem"> <p class="MenubarIcon MenubarItalic"> </p> Italic <span class="MenuQuickButton">Ctrl+I</span> </li> <li id ="td_menu_underline" class ="SubItem"> <p class="MenubarIcon MenubarUnderline"> </p> Underline <span class="MenuQuickButton">Ctrl+U</span> </li> <li id ="td_strike" class ="SubItem"> <p class="MenubarIcon MenubarUnwritten"> </p> Unwritten </li> <li id ="td_superscript" class ="SubItem"> <p class="MenubarIcon MenubarSup"> </p> SuperScript <span class="MenuQuickButton">Ctrl+.</span> </li> <li id ="td_subscript" class ="SubItem"> <p class="MenubarIcon MenubarSub"> </p> SubScript <span class="MenuQuickButton">Ctrl+,</span> </li> <div class="MenuSeparator"></div> <li id ="mnuAlign" class="SubItem"> AlignHor <span class="MenuArrow">►</span> <ul> <li id ="mnuLeft" class="SubItem"> <p class="MenubarIcon MenubarLeft"> </p> AlignTextLeft </li> <li id ="mnuCenter" class="SubItem"> <p class="MenubarIcon MenubarCenter"> </p> AlignTextCenter </li> <li id ="mnuRight" class="SubItem"> <p class="MenubarIcon MenubarRight"> </p> AlignTextRight </li> <li id ="mnuJustified" class="SubItem"> <p class="MenubarIcon MenubarJustified"> </p> AlignTextJustify </li> </ul> </li> <li id ="mnuAlign" class="SubItem"> ParagraphStyles <span class="MenuArrow">►</span> <ul> <li id ="mnuDecrease" class="SubItem"> <p class="MenubarIcon MenubarDecrease1"> </p> DecreaseIndent </li> <li id ="mnuIncrease" class="SubItem"> <p class="MenubarIcon MenubarIncrease1"> </p> IncreaseIndent </li> <div class="MenuSeparator"> </div> <li id="p" class="SubItem">Normal</li> <li id="h1" class="SubItem">Heading 1</li> <li id="h2" class="SubItem">Heading 2</li> <li id="h3" class="SubItem">Heading 3</li> <li id="h4" class="SubItem">Heading 4</li> <li id="h5" class="SubItem">Heading 5</li> <li id="h6" class="SubItem">Heading 6</li> </ul> </li> <div class="MenuSeparator"></div> <li id ="mnuTypeOfList" class ="SubItem"> TypeOfList <span class="MenuArrow">►</span> <ul class="uimargin"> <li id="mnuNumberedList" class="SubItem"> <p class="MenubarIcon MenubarNumbered"> </p> Numbered </li> <li id="mnuBulletedList" class="SubItem"> <p class="MenubarIcon MenubarBulleted"> </p> Bulleted </li> </ul> </li> <li id ="mnuFontColor" class ="SubItem">TextColor <p class="MenubarIcon MenubarFontColor"> </p> <span class="MenuArrow">►</span> <ul style="margin: 0;"> <li id="colorBox3" style="min-width: 0;width: 125px;"> <table class="paletteTable"><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td> </tr><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td> </tr><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td> </tr><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td> </tr><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td> </tr><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td> </tr><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td> </tr></table> </li> </ul> </li> <li id ="mnuBGColor" class ="SubItem">TextBG <p class="MenubarIcon MenubarBGColor"> </p> <span class="MenuArrow">►</span> <ul style="margin: 0;"> <li id="colorBox4" style="min-width: 0;width: 125px;"> <table class="paletteTable"><tr> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#333333;" title="RGB (51, 51, 51)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#808080;" title="RGB (128, 128, 128)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#969696;" title="RGB (150, 150, 150)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#C0C0C0;" title="RGB (192, 192, 192)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#DDDDDD;" title="RGB (221, 221, 221)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td> </tr><tr> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FF9900;" title="RGB (255, 153, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#99CC00;" title="RGB (153, 204, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#339966;" title="RGB (51, 153, 102)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#33CCCC;" title="RGB (51, 204, 204)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#3366FF;" title="RGB (51, 102, 255)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td> </tr><tr> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FF00FF;" title="RGB (255, 0, 255)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FFCC00;" title="RGB (255, 204, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#00FF00;" title="RGB (0, 255, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#00FFFF;" title="RGB (0, 255, 255)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#00CCFF;" title="RGB (0, 204, 255)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#993366;" title="RGB (153, 51, 102)"></div></td> </tr><tr> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FF99CC;" title="RGB (255, 153, 204)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FADCB3;" title="RGB (250, 220, 179)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FFFF99;" title="RGB (255, 255, 153)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#CCFFCC;" title="RGB (204, 255, 204)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#CCFFFF;" title="RGB (204, 255, 255)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#C2D1F0;" title="RGB (194, 209, 240)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#E1C7E1;" title="RGB (225, 199, 225)"></div></td> </tr><tr> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#E69999;" title="RGB (230, 153, 153)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FFCC99;" title="RGB (255, 204, 153)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#EBD780;" title="RGB (235, 215, 128)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#B3D580;" title="RGB (179, 213, 128)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#BDE6E1;" title="RGB (189, 230, 225)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#99CCFF;" title="RGB (153, 204, 255)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#CC99FF;" title="RGB (204, 153, 255)"></div></td> </tr><tr> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#FF6600;" title="RGB (255, 102, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#008000;" title="RGB (0, 128, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#008080;" title="RGB (0, 128, 128)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#0000FF;" title="RGB (0, 0, 255)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#6666CC;" title="RGB (102, 102, 204)"></div></td> </tr><tr> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#800000;" title="RGB (128, 0, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#993300;" title="RGB (153, 51, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#333300;" title="RGB (51, 51, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#003300;" title="RGB (0, 51, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#003366;" title="RGB (0, 51, 102)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#000080;" title="RGB (0, 0, 128)"></div></td> <td class="colorSelect1 bordered"><div class="colorWatch" style="background-color:#333399;" title="RGB (51, 51, 153)"></div></td> </tr></table> </li> </ul> </li> <li id ="td_removeFormat" class ="SubItem"> <p class="MenubarIcon MenubarClear"> </p> ClearFormatting </li> </ul> </li> <div class="MenuSeparator"></div> <li id ="mnupreview" class="SubItem"> <p class="MenubarIcon MenubarPrintPreview"> </p> PrintPreview </li> <li id ="mnuPrint" class="SubItem"> <p class="MenubarIcon MenubarPrint"> </p> Print </li> <!-- <li id="sm" class="SubItem">Show Menu Tab</li> --> <li id = "mnuShortcuts"class="SubItem">Help</li> </ul> <div class="ToolbarDropDown" style="margin-bottom:4px;float: left;"></div> </li> </ul> </td> <td class="ToolbarIconOut selectableIcon" title="Print (Ctrl+P)"> <div id="td_print" class="iconToolbar"> <img class="ToolbarIcon ToolbarPrint" src="controls/main_menu/menu/img/spacer.gif"/> </div> </td> <td class="ToolbarIconOut selectableIcon" title="Undo (Ctrl+Z)"> <div id="td_undo" class="iconToolbar"> <img class="ToolbarIcon ToolbarUndo" src="controls/main_menu/menu/img/spacer.gif"/> </div> </td> <td class="ToolbarIconOut selectableIcon" title="Redo (Ctrl+Y)"> <div id="td_redo" class="iconToolbar"> <img class="ToolbarIcon ToolbarRedo" src="controls/main_menu/menu/img/spacer.gif"/> </div> </td> <td class="toolbarSep"> <div class="ToolbarIconOut"> <img src="controls/main_menu/menu/img/Border.png"/> </div> </td> <td class="ToolbarIconOut selectableIcon" title="Copy (Ctrl+C)"> <div id="td_copy" class="iconToolbar"> <img class="ToolbarIcon ToolbarCopy" src="controls/main_menu/menu/img/spacer.gif"/> </div> </td> <td class="ToolbarIconOut selectableIcon" title="Paste (Ctrl+V)"> <div id="td_paste" class="iconToolbar"> <img class="ToolbarIcon ToolbarPaste" src="controls/main_menu/menu/img/spacer.gif"/> </div> </td> <td class="toolbarSep"> <div class="ToolbarIconOut"> <img src="controls/main_menu/menu/img/Border.png"/> </div> </td> <td style="min-width: 320px;vertical-align:middle;"> <div> <ul id="textMenu"> <li id="fontFormat" class="item main textSelect textSelectBoard ToolbarIconOut" value="p"> <span id="fontFormatVal">Normal</span> <ul class="uimargin"> <li id="p" ind="0" class="SubItem">Normal</li> <li id="h1" ind="1" class="SubItem">Heading 1</li> <li id="h2" ind="2" class="SubItem">Heading 2</li> <li id="h3" ind="3" class="SubItem">Heading 3</li> <li id="h4" ind="4" class="SubItem">Heading 4</li> <li id="h5" ind="5" class="SubItem">Heading 5</li> <li id="h6" ind="6" class="SubItem">Heading 6</li> <li id="h7" ind="7" class="SubItem">Heading 7</li> <li id="h8" ind="8" class="SubItem">Heading 8</li> <li id="h9" ind="9" class="SubItem">Heading 9</li> <li id="h10" ind="10" class="SubItem">Paragraph List</li> </ul> <div class="ToolbarDropDown dropdown" style="margin-top: 5px;margin-right:-3px;"></div> </li> <li id="fontSelect" class="item main textSelect textSelectBoard ToolbarIconOut" value="Arial"> <span id="fontSelectVal">Calibri</span> <ul style="height: 300px;overflow-x: hidden;width: 220px;" class="uimargin"> <li id="Arial" class="SubItem" style="font-family:Arial;" value="Arial">Arial</li> <li id="Calibri" class="SubItem" style="font-family:Calibri;" value="Calibri">Calibri</li> <li id="ComicSansMS" class="SubItem" style="font-family:Comic Sans MS;" value="Comic Sans MS">Comic Sans MS</li> <li id="CourierNew" class="SubItem" style="font-family:Courier New;" value="Courier New">Courier New</li> <li id="Georgia" class="SubItem" style="font-family:Georgia;" value="Georgia">Georgia</li> <li id="LucidaSansUnicode" class="SubItem" style="font-family:Lucida Sans Unicode;" value="Lucida Sans Unicode">Lucida Sans Unicode</li> <li id="Tahoma" class="SubItem" style="font-family:Tahoma;" value="Tahoma">Tahoma</li> <li id="TimesNewRoman" class="SubItem" style="font-family:Times New Roman;" value="Times New Roman">Times New Roman</li> <li id="TrebuchetMS" class="SubItem" style="font-family:Trebuchet MS;" value="Trebuchet MS">Trebuchet MS</li> <li id="Verdana" class="SubItem" style="font-family:Verdana;" value="Verdana">Verdana</li> </ul> <div class="ToolbarDropDown dropdown" style="margin-top: 5px;margin-right: -3px;"></div> </li> <li id="fontSizeSelect" class="item main textSelect textSelectBoard ToolbarIconOut"> <span id="fontSizeSelectVal">11pt</span> <ul style="width:44px;" class="uimargin"> <li id="8" class="SubItem" value="8">8pt</li> <li id="9" class="SubItem" value="9">9pt</li> <li id="10" class="SubItem" value="10">10pt</li> <li id="11" class="SubItem" value="11">11pt</li> <li id="12" class="SubItem" value="12">12pt</li> <li id="14" class="SubItem" value="14">14pt</li> <li id="18" class="SubItem" value="18">18pt</li> <li id="24" class="SubItem" value="24">24pt</li> <li id="36" class="SubItem" value="36">36pt</li> <li id="48" class="SubItem" value="48">48pt</li> <li id="72" class="SubItem" value="72">72pt</li> </ul> <div class="ToolbarDropDown dropdown" style="margin-top: 5px;margin-right: -3px;"></div> </li> <li id="lineSpacing" class="item main textSelect textSelectBoard ToolbarIconOut" title="LineSpacing"> <span id="lineSpacingVal">1</span> <ul style="width:60px;" class="uimargin"> <li id="lineSpacing05" class="SubItem" value="0.5">0.5</li> <li id="lineSpacing1" class="SubItem" value="1">1</li> <li id="lineSpacing15" class="SubItem" value="1.5">1.5</li> <li id="lineSpacing2" class="SubItem" value="2">2</li> <li id="lineSpacing25" class="SubItem" value="2.5">2.5</li> <li id="lineSpacingBefore" class="SubItem" value="Before">Before</li> <li id="lineSpacingAfter" class="SubItem" value="After">After</li> </ul> <div class="ToolbarDropDown dropdown" style="margin-top: 5px;margin-right: -3px;"></div> </li> </ul> </div> </td> <td id="td_bold" class="ToolbarIconOut selectableIcon iconToolbar" title="Bold (Ctrl+B)"> <img class="toolbarImg bold" src="controls/main_menu/menu/img/spacer.gif"/> </td> <td id="td_italic" class="ToolbarIconOut selectableIcon iconToolbar" title="Italic (Ctrl+I)"> <img class="toolbarImg italic" src="controls/main_menu/menu/img/spacer.gif"/> </td> <td id="td_underline" class="ToolbarIconOut selectableIcon iconToolbar" title="Underline (Ctrl+U)"> <img class="toolbarImg underline" src="controls/main_menu/menu/img/spacer.gif"/> </td> <td class="toolbarSep"> <div class="ToolbarIconOut"> <img src="controls/main_menu/menu/img/Border.png"/> </div> </td> <td id="td_link" class="ToolbarIconOut selectableIcon iconToolbar" title="AddLink"> <img class="toolbarImg link" src="controls/main_menu/menu/img/spacer.gif"/> </td> <td id="td_image" class="ToolbarIconOut selectableIcon iconToolbar" title="AddImage"> <img class="toolbarImg image" src="controls/main_menu/menu/img/spacer.gif"/> </td> <td id="td_image2" class="ToolbarIconOut selectableIcon iconToolbar" title="AddImage"> <img class="toolbarImg image" src="controls/main_menu/menu/img/spacer.gif"/> </td> <td id="td_imageInText" class="ToolbarIconOut selectableIcon iconToolbar" title="AddImage"> <img class="toolbarImg imageInText" src="controls/main_menu/menu/img/spacer.gif"/> </td> <td id="td_imageInText2" class="ToolbarIconOut selectableIcon iconToolbar" title="AddImage2"> <img class="toolbarImg imageInText" src="controls/main_menu/menu/img/spacer.gif"/> </td> <td class="toolbarSep"> <div class="ToolbarIconOut"> <img src="controls/main_menu/menu/img/Border.png"/> </div> </td> <td id="td_numberedlist" class="ToolbarIconOut iconToolbar" title="Numbered"> <div id="numberedlist" class="ToolbarButtonCaption lstSelector1" style="padding: 0;"> <img class="toolbarImg align_numbered" src="controls/main_menu/menu/img/spacer.gif"/> </div> <div id="td_lst" class="lstPicker1" style="display: inline-block;height: 21px;margin-left: 0px;"> <div class="ToolbarDropDown"></div> </div> </td> <td id="td_bulletedlist" class="ToolbarIconOut iconToolbar" title="Bulleted"> <div id="bulletedlist" class="ToolbarButtonCaption lstSelector2" style="padding: 0;"> <img class="toolbarImg align_bulleted" src="controls/main_menu/menu/img/spacer.gif"/> </div> <div id="td_mrk" class="lstPicker2" style="display: inline-block;height: 21px;margin-left: 0px;"> <div class="ToolbarDropDown"></div> </div> </td> <td id="td_multilist" class="ToolbarIconOut iconToolbar" title="Bulleted"> <div id="multilist" class="ToolbarButtonCaption lstSelector2" style="padding: 0;"> <img class="toolbarImg align_multi" src="controls/main_menu/menu/img/spacer.gif"/> </div> <div id="td_mlt" class="lstPicker3" style="display: inline-block;height: 21px;margin-left: 0px;"> <div class="ToolbarDropDown"></div> </div> </td> <td id="td_headertitle" class="ToolbarIconOut iconToolbar" title="Numbered"> <div id="headertitle" class="ToolbarButtonCaption htSelector1" style="padding: 0;"> <img class="toolbarImg headertitle" src="controls/main_menu/menu/img/spacer.gif"/> </div> <div id="td_ht" class="htPicker1" style="display: inline-block;height: 21px;margin-left: 0px;"> <div class="ToolbarDropDown"></div> </div> </td> <td id="td_outdent" class="ToolbarIconOut selectableIcon iconToolbar" title="DecreaseIndent"> <img class="ToolbarIcon2 ToolbarDecrease" src="controls/main_menu/menu/img/spacer.gif"/> </td> <td id="td_indent" class="ToolbarIconOut selectableIcon iconToolbar" title="IncreaseIndent"> <img class="ToolbarIcon2 ToolbarIncrease" src="controls/main_menu/menu/img/spacer.gif"/> </td> <td id="td_paragraphMarks" class="ToolbarIconOut selectableIcon iconToolbar" title="ParagraphMarks"> <img class="toolbarImg paragraphMarks" src="controls/main_menu/menu/img/spacer.gif"/> </td> <td id="td_justifyleft" class="ToolbarIconOut selectableIcon iconToolbar" title="AlignTextLeft"> <img class="toolbarImg align_left" src="controls/main_menu/menu/img/spacer.gif"/> </td> <td id="td_justifycenter" class="ToolbarIconOut selectableIcon iconToolbar" title="AlignTextCenter"> <img class="toolbarImg align_center" src="controls/main_menu/menu/img/spacer.gif"/> </td> <td id="td_justifyright" class="ToolbarIconOut selectableIcon iconToolbar" title="AlignTextRight"> <img class="toolbarImg align_right" src="controls/main_menu/menu/img/spacer.gif"/> </td> <td id="td_justifyblock" class="ToolbarIconOut selectableIcon iconToolbar" title="AlignTextJustify"> <img class="toolbarImg align_justify" src="controls/main_menu/menu/img/spacer.gif"/> </td> <td class="toolbarSep"> <div class="ToolbarIconOut"> <img src="controls/main_menu/menu/img/Border.png"/> </div> </td> <td id="td_BackgroundColor" class="ToolbarIconOut selectableIcon iconToolbar" title="TextBG" style="padding: 0px;"> <div class="ToolbarButtonCaption clrSelector1"> <div class="ToolbarColorIndicator"> <div class="toolbarImg bg_fill"></div> </div> </div> <div id="td_color_fon" class="ToolbarDropDownInner clrPicker1"> <div class="ToolbarDropDown"></div> </div> </td> <td id="td_TextColor" class="ToolbarIconOut selectableIcon iconToolbar" title="TextColor" style="padding: 0px;"> <div class="ToolbarButtonCaption clrSelector2"> <div class="ToolbarColorIndicator2"> <div class="toolbarImg txt_color"></div> </div> </div> <div id="td_color" class="ToolbarDropDownInner clrPicker2"> <div class="ToolbarDropDown"></div> </div> </td> <td id="td_paragraph" class="ToolbarIconOut selectableIcon iconToolbar" title="TextColor" style="padding: 0px;"> <div class="ToolbarButtonCaption clrSelector3"> <div class="ToolbarColorIndicator3"> <div class="paragraph_color"></div> </div> </div> <div id="td_prg" class="ToolbarDropDownInner clrPicker3"> <div class="ToolbarDropDown"></div> </div> </td> <!--<td class="toolbarSep"> <div class="ToolbarIconOut"> <img src="controls/main_menu/menu/img/Border.png"/> </div> </td> <td id="td_checkspell" class="ToolbarIconOut selectableIcon iconToolbar" title="Checkspell"> <img class="toolbarImg check" src="controls/main_menu/menu/img/spacer.gif"/> </td>--> <td class="toolbarSep"> <div class="ToolbarIconOut"> <img src="controls/main_menu/menu/img/Border.png"/> </div> </td> <td id="td_tl_superscript" class="ToolbarIconOut selectableIcon iconToolbar" title="Superscript"> <img class="toolbarImg superscript" src="controls/main_menu/menu/img/spacer.gif"/> </td> <td id="td_tl_subscript" class="ToolbarIconOut selectableIcon iconToolbar" title="Subscript"> <img class="toolbarImg subscript" src="controls/main_menu/menu/img/spacer.gif"/> </td> <td id="td_orient" class="ToolbarIconOut selectableIcon iconToolbar" title="Orientation list"> <img class="toolbarImg orientList" src="controls/main_menu/menu/img/spacer.gif"/> </td> <td id="td_instbl" class="ToolbarIconOut selectableIcon iconToolbar" title="Insert table"> <img class="toolbarImg ToolbarTable" style="height: 16px;margin-left: 5px;margin-top: 4px;width: 16px;" src="controls/main_menu/menu/img/spacer.gif"/> </td> </tr> </table> </td></tr> <!--</tr>--> <tr><td id="topmenuSep" colspan="3" class="separatingLine"></td></tr> </table> </div> <div id="id_status" style="overflow:hidden;background-color:#B0B0B0;border-top-style:solid;border-bottom-width:1px;border-color:#939AA3;border-bottom-color:#939AA3" class="block_elem"> <div id="id_status_text" class="block_elem" style="font-family:Arial;font-size:10pt;"></div> <div id="id_buttonZoomOut" class="block_elem buttonZoomOut"></div> <div id="id_TextZoomValue" class="block_elem" style="-moz-user-select:none;-khtml-user-select:none;user-select:none;text-align:center;font-family:Arial;font-size:10pt;">100%</div> <div id="id_buttonZoomIn" class="block_elem buttonZoomIn"></div> </div> <div id="editor_sdk" style="position:absolute;left:0px;top:80px;"> <script type="text/javascript"> var html_element = document.getElementById("editor_sdk"); html_element.style.left = "0px"; html_element.style.top = "80px"; html_element.style.width = _checkBodyWidth() + "px"; html_element.style.height = (_checkBodyHeight() - 80/* - 22*/) + "px"; var editor = new asc_docs_api("editor_sdk"); editor.CreateComponents(); editor.SetFontsPath("fonts/"); editor.Init(); editor.LoadDocument(); window.onresize = function() { if (false === editor.bInit_word_control) return; //ResizeStatus(); var html_element = document.getElementById("editor_sdk"); html_element.style.left = "0px"; html_element.style.top = "80px"; html_element.style.width = _checkBodyWidth() + "px"; html_element.style.height = (_checkBodyHeight() - 80/* - 22*/) + "px"; editor.Resize(); } //InitStatus(); // на всякий случай. Наверное этого не надо, сообщение пошлется в конце editor.Resize(); //ResizeStatus(); </script> </div> <div id="colorBox1" class="options hidden"> <table class="paletteTable"><tr> <td colspan="7" class="none colorSelect1" style="text-align:center; vertical-align:middle;"><div style="background-color:none;cursor:default;" title="none">none</div></td> </tr><tr> <td class="" colspan="10" style="height: 5px;"></td> </tr><tr> <td class="colorSelect1 bordered"><div class="colorHighlight" style="background-color:#ffff00;" title="RGB (255, 255, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorHighlight" style="background-color:#00ff00;" title="RGB (0, 255, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorHighlight" style="background-color:#00ffff;" title="RGB (0, 255, 255)"></div></td> <td class="colorSelect1 bordered"><div class="colorHighlight" style="background-color:#ff00ff;" title="RGB (255, 0, 255)"></div></td> </tr><tr> <td class="colorSelect1 bordered"><div class="colorHighlight" style="background-color:#0000ff;" title="RGB (0, 0, 255)"></div></td> <td class="colorSelect1 bordered"><div class="colorHighlight" style="background-color:#ff0000;" title="RGB (255, 0, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorHighlight" style="background-color:#00008b;" title="RGB (0, 0, 139)"></div></td> <td class="colorSelect1 bordered"><div class="colorHighlight" style="background-color:#008b8b;" title="RGB (0, 139, 139)"></div></td> </tr><tr> <td class="colorSelect1 bordered"><div class="colorHighlight" style="background-color:#006400;" title="RGB (0, 100, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorHighlight" style="background-color:#800080;" title="RGB (128, 0, 128)"></div></td> <td class="colorSelect1 bordered"><div class="colorHighlight" style="background-color:#8b0000;" title="RGB (139, 0, 0)"></div></td> <td class="colorSelect1 bordered"><div class="colorHighlight" style="background-color:#808000;" title="RGB (128, 128, 0)"></div></td> </tr><tr> <td class="colorSelect1 bordered"><div class="colorHighlight" style="background-color:#ffffff;" title="RGB (255, 255, 255)"></div></td> <td class="colorSelect1 bordered"><div class="colorHighlight" style="background-color:#d3d3d3;" title="RGB (211, 211, 211)"></div></td> <td class="colorSelect1 bordered"><div class="colorHighlight" style="background-color:#a9a9a9;" title="RGB (169, 169, 169)"></div></td> <td class="colorSelect1 bordered"><div class="colorHighlight" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td> </tr></table> </div> <div id="colorBox2" class="options hidden"> <table class="paletteTable"><tr> <td colspan="10" class="none colorSelect2" style="text-align:center; vertical-align:middle;"><div style="background-color:none;cursor:default;" title="none">Default</div></td> </tr><tr> <td class="" colspan="10" style="height: 5px;"></td> </tr><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#C00000;" title="RGB (192, 0, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FF0000;" title="RGB (255, 0, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FFC000;" title="RGB (255, 192, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FFFF00;" title="RGB (255, 255, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#92D050;" title="RGB (146, 208, 80)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#00B050;" title="RGB (0, 176, 80)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#00B0F0;" title="RGB (0, 176, 240)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#0070C0;" title="RGB (0, 112, 192)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#002060;" title="RGB (0, 32, 96)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#7030A0;" title="RGB (112, 48, 160)"></div></td> </tr><tr> <td class="" colspan="10" style="height: 20px;"></td> </tr><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FFFFFF;" title="RGB (255, 255, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#000000;" title="RGB (0, 0, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#EEECE1;" title="RGB (238, 236, 225)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#1F497D;" title="RGB (31, 73, 125)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#4F81BD;" title="RGB (79, 129, 189)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#C0504D;" title="RGB (192, 80, 77)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#9BBB59;" title="RGB (155, 187, 89)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#8064A2;" title="RGB (128, 100, 162)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#4BACC6;" title="RGB (75, 172, 198)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#F79646;" title="RGB (247, 150, 70)"></div></td> </tr><tr> <td class="" colspan="10" style="height: 10px;"></td> </tr><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#F2F2F2;" title="RGB (255, 0, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#7F7F7F;" title="RGB (255, 153, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#DDD9C3;" title="RGB (153, 204, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#C6D9F0;" title="RGB (51, 153, 102)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#DBE5F1;" title="RGB (51, 204, 204)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#F2DCDB;" title="RGB (51, 102, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#EBF1DD;" title="RGB (128, 0, 128)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#E5E0EC;" title="RGB (128, 0, 128)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#DBEEF3;" title="RGB (128, 0, 128)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FDEADA;" title="RGB (128, 0, 128)"></div></td> </tr><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#D8D8D8;" title="RGB (255, 0, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#595959;" title="RGB (255, 204, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#C4BD97;" title="RGB (255, 255, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#8DB3E2;" title="RGB (0, 255, 0)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#B8CCE4;" title="RGB (0, 255, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#E5B9B7;" title="RGB (0, 204, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#D7E3BC;" title="RGB (0, 204, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#CCC1D9;" title="RGB (0, 204, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#B7DDE8;" title="RGB (0, 204, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FBD5B5;" title="RGB (153, 51, 102)"></div></td> </tr><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#BFBFBF;" title="RGB (255, 153, 204)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#3F3F3F;" title="RGB (250, 220, 179)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#938953;" title="RGB (255, 255, 153)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#548DD4;" title="RGB (204, 255, 204)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#95B3D7;" title="RGB (204, 255, 204)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#D99694;" title="RGB (204, 255, 204)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#C3D69B;" title="RGB (204, 255, 204)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#B2A2C7;" title="RGB (204, 255, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#92CDDC;" title="RGB (194, 209, 240)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#FAC08F;" title="RGB (225, 199, 225)"></div></td> </tr><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#A5A5A5;" title="RGB (230, 153, 153)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#262626;" title="RGB (230, 153, 153)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#494429;" title="RGB (230, 153, 153)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#17365D;" title="RGB (230, 153, 153)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#366092;" title="RGB (255, 204, 153)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#953734;" title="RGB (235, 215, 128)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#76923C;" title="RGB (179, 213, 128)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#5F497A;" title="RGB (189, 230, 225)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#31859B;" title="RGB (153, 204, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#E36C09;" title="RGB (204, 153, 255)"></div></td> </tr><tr> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#7F7F7F;" title="RGB (230, 153, 153)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#0C0C0C;" title="RGB (230, 153, 153)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#1D1B10;" title="RGB (230, 153, 153)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#0F243E;" title="RGB (230, 153, 153)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#244061;" title="RGB (255, 204, 153)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#632423;" title="RGB (235, 215, 128)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#4F6128;" title="RGB (179, 213, 128)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#3F3151;" title="RGB (189, 230, 225)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#205867;" title="RGB (153, 204, 255)"></div></td> <td class="colorSelect2 bordered"><div class="colorWatch" style="background-color:#974806;" title="RGB (204, 153, 255)"></div></td> </tr><tr> <td class="" colspan="10" style="height: 10px;"></td> </tr><tr id="customColorFont"> <td class="colorSelect2 bordered2"><div class="colorWatch" style="background-color:#ffffff;"></div></td> <td class="colorSelect2 bordered2"><div class="colorWatch" style="background-color:#ffffff;"></div></td> <td class="colorSelect2 bordered2"><div class="colorWatch" style="background-color:#ffffff;"></div></td> <td class="colorSelect2 bordered2"><div class="colorWatch" style="background-color:#ffffff;"></div></td> <td class="colorSelect2 bordered2"><div class="colorWatch" style="background-color:#ffffff;"></div></td> <td class="colorSelect2 bordered2"><div class="colorWatch" style="background-color:#ffffff;"></div></td> <td class="colorSelect2 bordered2"><div class="colorWatch" style="background-color:#ffffff;"></div></td> <td class="colorSelect2 bordered2"><div class="colorWatch" style="background-color:#ffffff;"></div></td> <td class="colorSelect2 bordered2"><div class="colorWatch" style="background-color:#ffffff;"></div></td> <td class="colorSelect2 bordered2"><div class="colorWatch" style="background-color:#ffffff;"></div></td> </tr><tr> <td class="" colspan="10" style="height: 10px;"></td> </tr><tr> <td colspan="10" id="dialogNewColorOpen" class="bordered" style="text-align:center; vertical-align:middle;"><div style="background-color:none;cursor:pointer;">New color</div></td> </tr></table> <div id="colorSelectorHover" style="display:none;position:fixed;z-index:100;height:20px;width:20px;"><img src="controls/main_menu/menu/img/colorSelectorHover.png"/></div> </div> <div id="listSelect" class="options hidden"> <table class="listTable"><tr> <td class="listSelected bordered" type="listType1"><div class="listWatch" style="background: url('controls/main_menu/menu/img/numberlist.png') -2px -2px" ></div></td> <td class="listSelected bordered" type="listType2"><div class="listWatch" style="background: url('controls/main_menu/menu/img/numberlist.png') -86px -2px" ></div></td> <td class="listSelected bordered" type="listType3"><div class="listWatch" style="background: url('controls/main_menu/menu/img/numberlist.png') -170px -2px" ></div></td> </tr><tr> <td class="listSelected bordered" type="listType4"><div class="listWatch" style="background: url('controls/main_menu/menu/img/numberlist.png') -2px -86px" ></div></td> <td class="listSelected bordered" type="listType5"><div class="listWatch" style="background: url('controls/main_menu/menu/img/numberlist.png') -86px -86px" ></div></td> <td class="listSelected bordered" type="listType6"><div class="listWatch" style="background: url('controls/main_menu/menu/img/numberlist.png') -170px -86px" ></div></td> </tr><tr> <td class="listSelected bordered" type="listType7"><div class="listWatch" style="background: url('controls/main_menu/menu/img/numberlist.png') -2px -170px" ></div></td> <td class="listSelected bordered" type="listType8"><div class="listWatch" style="background: url('controls/main_menu/menu/img/numberlist.png') -86px -170px" ></div></td> </tr></table> </div> <div id="markerSelect" class="options hidden"> <table class="listTable"><tr> <td class="markerSelected bordered" type="markerType1"><div class="listMarkerWatch" style="background: url('controls/main_menu/menu/img/MarkerType.png') -2px -2px" ></div></td> <td class="markerSelected bordered" type="markerType2"><div class="listMarkerWatch" style="background: url('controls/main_menu/menu/img/MarkerType.png') -50px -2px" ></div></td> <td class="markerSelected bordered" type="markerType3"><div class="listMarkerWatch" style="background: url('controls/main_menu/menu/img/MarkerType.png') -98px -2px" ></div></td> </tr><tr> <td class="markerSelected bordered" type="markerType4"><div class="listMarkerWatch" style="background: url('controls/main_menu/menu/img/MarkerType.png') -146px -2px" ></div></td> <td class="markerSelected bordered" type="markerType5"><div class="listMarkerWatch" style="background: url('controls/main_menu/menu/img/MarkerType.png') -194px -2px" ></div></td> <td class="markerSelected bordered" type="markerType6"><div class="listMarkerWatch" style="background: url('controls/main_menu/menu/img/MarkerType.png') -242px -2px" ></div></td> </tr><tr> <td class="markerSelected bordered" type="markerType7"><div class="listMarkerWatch" style="background: url('controls/main_menu/menu/img/MarkerType.png') -2px -50px" ></div></td> <td class="markerSelected bordered" type="markerType8"><div class="listMarkerWatch" style="background: url('controls/main_menu/menu/img/MarkerType.png') -50px -50px" ></div></td> </tr></table> </div> <div id="multiSelect" class="options hidden"> <table class="listTable"><tr> <td class="multiSelected bordered" type="multiType1"><div class="listWatch" style="background: url('controls/main_menu/menu/img/MultiList.png') -2px -2px" ></div></td> <td class="multiSelected bordered" type="multiType2"><div class="listWatch" style="background: url('controls/main_menu/menu/img/MultiList.png') -86px -2px" ></div></td> <td class="multiSelected bordered" type="multiType3"><div class="listWatch" style="background: url('controls/main_menu/menu/img/MultiList.png') -170px -2px" ></div></td> <td class="multiSelected bordered" type="multiType4"><div class="listWatch" style="background: url('controls/main_menu/menu/img/MultiList.png') -2px -86px" ></div></td> </tr></table> </div> <div id="hdSelect" class="options hidden"> <table class="htTable"><tr> <td class="" type="" colspan="3">Page number:</td> </tr><tr> <td class="" type="" colspan="3">Top</td> </tr><tr> <td class="htSelected bordered slc" type="htType1"><div class="" style="" >Left</div></td> <td class="htSelected bordered slc" type="htType2"><div class="" style="" >Middle</div></td> <td class="htSelected bordered slc" type="htType3"><div class="" style="" >Right</div></td> </tr><tr> <td class="" colspan="10" style="height: 5px;"></td> </tr><tr> <td class="" type="" colspan="3">Bottom</td> </tr><tr> <td class="htSelected bordered slc" type="htType4"><div class="" style="" >Left</div></td> <td class="htSelected bordered slc" type="htType5"><div class="" style="" >Middle</div></td> <td class="htSelected bordered slc" type="htType6"><div class="" style="" >Right</div></td> </tr><tr> <td class="htSelected bordered slc" type="htType7" colspan="3" >Current position</td> </tr><tr> <td class="" colspan="10" style="height: 5px;"></td> </tr><tr> <td class="" type="" style="width: 76px;">Header</td> <td class="" type="" style="width: 76px;"><input id="specialHeaderForFirstPage" type="checkbox"/>special for first page </td> <td class="" type="" style="width: 76px;"><input id="differentHeaderForOddAndEvenPages" type="checkbox"/>different for odd and even pages</td> </tr></table> </div> <div id="tblSelect" class="options hidden"> <div style="padding:0.4em;"> <div style="height:100%;width:100%;font-size: 18px;position: relative;"> <div class="cover-position" style="width:10em;height:10em;left:0;top:0;position:absolute;z-index:10;"></div> <div class="unhoverhighlight" style="width:10em;height:10em;background:url(controls/main_menu/menu/img/dimension-unhighlighted.png);position:relative;"></div> <div class="hoverhighlight" style="width:1em;height:1em;background:url(controls/main_menu/menu/img/dimension-highlighted.png);position:absolute;top:0;left:0;display:none;"></div> </div> <div id="countCells" style="height:1em;text-align: center;">0x0</div> <input type="checkbox" id="inline_flow" style="height:1em;text-align: left;"/>Flow Table </div> </div> <div id="dialogColorSelector"> <canvas id="myCanvas" width="170" height="128" style="top:5px;left:5px;"></canvas> <div style="position: absolute; top: 49px; left: 19px; height: 128px; width: 170px;"> <div style="position:absolute; left:11em;width: 100px;"> <div><span style="margin-right:10px">R:</span><input style="height:18px;width:50px;" id="redChannel" type="text"></input></div> <div><span style="margin-right:9px;">G:</span><input style="height:18px;width:50px;" type="text" id="greenChannel"></input></div> <div><span style="margin-right:11px;">B:</span><input style="height:18px;width:50px;" type="text" id="blueChannel"></input></div> <div style="margin-top:10px;font-size: 11pt;font-weight: bold;"> <div id="currentColor" style="width:45px;height:25px;background-color:#000000"><span style="margin-left:50px;">Current</span></div> <div id="lastColor" style="width:45px;height:25px;background-color:#32CD32"><span style="margin-left:50px;">Last</span></div> </div> </div> <div id="colorSelectHolder" style="position:absolute;top:0px;left:0px;width:128px;height:128px;"> <div id="colorSelecter" style="position:absolute;background: url('controls/main_menu/menu/img/marker.png') no-repeat scroll 0 0 transparent;height:17px;margin:-8px 0 0 -8px;overflow: hidden;width: 17px;"></div> </div> <div id="gradientSelectHolder" style="position:absolute;width:9px;height:128px;left:160px;"> <div id="gradSelecter" style="position:absolute;background: url('controls/main_menu/menu/img/marker2.png') no-repeat scroll 0 0 transparent;height:11px;margin:-6px 0 0 -8px;overflow: hidden;width: 25px;"></div> </div> </div> </div> <div id="imgProp" style="display:none;width:210px;height:350px;background-color:#fff;top:245px;left:25px;z-index:100;position:absolute;padding-left: 5px;padding-top: 5px;"> <b>IMAGE</b> <div> <input id="imgW" style="width:50px;" value=""/> Width <br/> <input id="imgH" style="width:50px;" value=""/> Height <br/> <input id="imgConstPropert" type="checkbox"/> ConstPropert </div> <input id="imgOrignSize" type="button" value="imgOrignSize"/> <div> <input id="imgWrapStyleInline" type="radio" name="img"/> Inline <input id="imgWrapStyleFlow" type="radio" name="img"/> Flow </div> <div> Distance from text <br/> <input id="imgLeft" style="width:50px;" value=""/> Left <br/> <input id="imgTop" style="width:50px;" value=""/> Top <br/> <input id="imgRight" style="width:50px;" value=""/> Right <br/> <input id="imgBottom" style="width:50px;" value=""/> Bottom </div> <div> Position <br/> <input id="imgX" style="width:50px;" value=""/> X <input id="imgY" style="width:50px;" value=""/> Y </div> <div> Image URL<br/> <input id="imgURL"/> </div> <input id="imgApply" type="button" value="imgApply"/> </div> <div id="tblProp" style="display:none;width:400px;height:528px;background-color:#fff;top:87px;right:25px;z-index:100;position:absolute;padding-left: 5px;padding-top: 5px;"> <b>TABLE</b> <div> <input id="tblWOn" type="checkbox"/> <input id="tblW" style="width:50px;"/> Width <br/> </div> <div style="border-top: 2px solid black;"> <input id="tblAllowSpacing" type="checkbox"/> AllowSpacing <br/> <input id="tblCS" style="width:50px;"/> cellSpacing </div> <div style="border-top: 2px solid black;"> <div> Margins <!-- <input id="tblMarCellTable" type="checkbox"/>--> <br/> <input id="tblMarLeft" style="width:50px;"/> Left <br/> <input id="tblMarTop" style="width:50px;"/> Top <br/> <input id="tblMarRight" style="width:50px;"/> Right <br/> <input id="tblMarBottom" style="width:50px;"/> Bottom <input id="tblMarType" style="width:50px;"/> Flag </div> <div style="position: absolute;right: 0;top: 93px;"> DefMargins <!-- <input id="tblDefMarCellTable" type="checkbox"/>--> <br/> <input id="tblDefMarLeft" style="width:50px;"/> Left <br/> <input id="tblDefMarTop" style="width:50px;"/> Top <br/> <input id="tblDefMarRight" style="width:50px;"/> Right <br/> <input id="tblDefMarBottom" style="width:50px;"/> Bottom </div> </div> <div style="border-top: 2px solid black;"> Align Table <br/> <input id="tblAlignLeft" type="radio" name="tbl"/> Left <input id="tblAlignCenter" type="radio" name="tbl"/> Center <input id="tblAlignRight" type="radio" name="tbl"/> Right <br/> <input id="tblIndentLeft" style="width:50px;"/> Indent Left </div> <div style="border-top: 2px solid black;"> Wrap <input id="tblWrapStyle1" type="radio" name="tbl2"/> Inline <input id="tblWrapStyle2" type="radio" name="tbl2"/> Flow </div> <div style="border-top: 2px solid black;"> <div> Distance from text <br/> <input id="tblLeft" style="width:50px;"/> Left <input id="tblTop" style="width:50px;"/> Top <br/> <input id="tblRight" style="width:50px;"/> Right <input id="tblBottom" style="width:50px;"/> Bottom </div> <div style="position: absolute;right: 0;top: 290px;"> Position <br/> <input id="tblX" style="width:50px;"/> X <input id="tblY" style="width:50px;"/> Y </div> </div> <div style="border-top: 2px solid black;"> <div> Cell Border <!-- <input id="tblBrdCellTable" type="checkbox"/> --> <br/> <input id="tblCellBrdLeft" type="checkbox"/> Left <input id="tblCellBrdInsideV" type="checkbox"/>InsideV <input id="tblCellBrdRight" type="checkbox"/> Right <br/> <input id="tblCellBrdTop" type="checkbox"/> Top <input id="tblCellBrdInsideH" type="checkbox"/> InsideH <input id="tblCellBrdBottom" type="checkbox"/> Bottom <br/> <input id="tblCellBrdSize" style="width:50px;"/> Size <br/> <input id="tblCellBrdColor" style="width:80px;"/> Color </div> <div style="position: absolute;right: -6px;top: 357px;"> Table Border <!-- <input id="tblBrdCellTable" type="checkbox"/> --> <br/> <input id="tblBrdLeft" type="checkbox"/> Left <input id="tblBrdInsideV" type="checkbox"/> InsideV <input id="tblBrdRight" type="checkbox"/> Right <br/> <input id="tblBrdTop" type="checkbox"/> Top <input id="tblBrdInsideH" type="checkbox"/> InsideH <input id="tblBrdBottom" type="checkbox"/> Bottom <br/> <input id="tblBrdSize" style="width:50px;"/> Size <br/> <input id="tblBrdColor" style="width:80px;"/> Color </div> </div> <div style="border-top: 2px solid black;"> Table Background color <!-- <input id="tblBGColorCellTable" type="checkbox"/> --> <br/> <input id="tblBrdBGColor" style="width:100px;"/> BGColor <br/> <input id="tblBrdBGColorTran" type="checkbox"style=""/> Transparent <div style="position: absolute;right: 0;top: 463px;"> Cell Background color <br/> <input id="tblCellBrdBGColor" style="width:100px;"/> BGColor <br/> <input id="tblCellBrdBGColorTran" type="checkbox"style=""/> Transparent </div> </div> <input id="tblApply" type="button" value="tblApply"/> </div> <div id="hafProp" style="display:none;width:210px;height:150px;background-color:#fff;top:87px;left:25px;z-index:100;position:absolute;padding-left: 5px;padding-top: 5px;"> <b>HEADER & FOOTERS</b> <div> Position <br/> <input id="hafHF" style="width:50px;"/> <span id="hafType">From Top/Bottom</span> </div> <div style="border-top: 2px solid black;"> Options <br/> <input id="hafFP" type="checkbox"/> Different first page <br/> <input id="hafOE" type="checkbox"/> Different Odd and Even Pages </div> </div> </body> </html>