<!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">&nbsp;</p>
							Open
						</li>
						<li id ="mnuSave" class="SubItem">
							<p class="MenubarIcon MenubarSaveAs">&nbsp;</p>
							Save
							<span class="MenuQuickButton">Ctrl+S</span>
						</li>
						<li id ="mnuSaveAs" class="SubItem">
							<p class="MenubarIcon MenubarSaveAs">&nbsp;</p>
							SaveAs
							<span class="MenuArrow">&#9658;</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">&nbsp;</p>
							SaveAs
						</li>
						<div class="MenuSeparator"></div>
						<li id ="mnupreview" class="SubItem">
							<p class="MenubarIcon MenubarPrintPreview">&nbsp;</p>
							PrintPreview
						</li>
						<li id ="mnuPrint" class="SubItem">
							<p class="MenubarIcon MenubarPrint">&nbsp;</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">&nbsp;</p>
								Undo
								<span class="MenuQuickButton">Ctrl+Z</span>
							</li>
							<li id ="td_menu_redo" class ="SubItem">
								<p class="MenubarIcon MenubarRedo">&nbsp;</p>
								Redo
								<span class="MenuQuickButton">Ctrl+Y</span>
							</li>
							<div class="MenuSeparator">
							</div>
							<li id ="td_cut" class ="SubItem">
								<p class="MenubarIcon MenubarCut">&nbsp;</p>
								Cut
								<span class="MenuQuickButton">Ctrl+X</span>
							</li>
							<li id ="td_menu_copy" class ="SubItem">
								<p class="MenubarIcon MenubarCopy">&nbsp;</p>
								Copy
								<span class="MenuQuickButton">Ctrl+C</span>
							</li>
							<li id ="td_menu_paste" class ="SubItem">
								<p class="MenubarIcon MenubarPaste">&nbsp;</p>
								Paste
								<span class="MenuQuickButton">Ctrl+V</span>
							</li>
							<div class="MenuSeparator">
							</div>
							<li id ="td_selectAll" class ="SubItem">
								<p class="MenubarIcon MenubarSelectAll">&nbsp;</p>
								SelectAll
								<span class="MenuQuickButton">Ctrl+A</span>
							</li>
							<div class="MenuSeparator">
							</div>
							<li id ="td_find" class ="SubItem">
								<p class="MenubarIcon MenubarFindReplace">&nbsp;</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">&nbsp;</p>
								Image
							</li>
							<li id ="td_link_menu" class ="SubItem">
								<p class="MenubarIcon MenubarLink">&nbsp;</p>
								Link
							</li>
							<li id ="td_drawing_menu" class ="SubItem">
							<p class="MenubarIcon iconDrawing">&nbsp;</p>
								Drawing
							</li>
							<div class="MenuSeparator">
							</div>
							<li id ="td_specialchar" class ="SubItem">
								<p class="MenubarIcon MenubarCharacters">&nbsp;</p>
								SpecialCharacters
							</li>
							<li id ="td_horizontalrule" class ="SubItem">
								<p class="MenubarIcon MenubarLine">&nbsp;</p>
								HorizontalLine
							</li>
							<div class="MenuSeparator">
							</div>
							<li id ="td_pagebreak" class ="SubItem">
								<p class="MenubarIcon MenubarPagebreak">&nbsp;</p>
								PageBreak
							</li>
							<li id ="td_table" class ="SubItem">
								<p class="MenubarIcon MenubarTable">&nbsp;</p>
								Table
							</li>
						</ul> 
					</li>
					<li class="item">Format
						<ul class="margin_top_10">
							<li id ="mnuFontStyle" class ="SubItem">
								FontStyle
								<span class="MenuArrow">&#9658;</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">&#9658;</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">&nbsp;</p>
								Bold
								<span class="MenuQuickButton">Ctrl+B</span>
							</li>
							<li id ="td_menu_italic" class ="SubItem">
								<p class="MenubarIcon MenubarItalic">&nbsp;</p>
								Italic
								<span class="MenuQuickButton">Ctrl+I</span>
							</li>
							<li id ="td_menu_underline" class ="SubItem">
								<p class="MenubarIcon MenubarUnderline">&nbsp;</p>
								Underline
								<span class="MenuQuickButton">Ctrl+U</span>
							</li>
							<li id ="td_strike" class ="SubItem">
								<p class="MenubarIcon MenubarUnwritten">&nbsp;</p>
								Unwritten
							</li>
							<li id ="td_superscript" class ="SubItem">
								<p class="MenubarIcon MenubarSup">&nbsp;</p>
								SuperScript
								<span class="MenuQuickButton">Ctrl+.</span>
							</li>
							<li id ="td_subscript" class ="SubItem">
								<p class="MenubarIcon MenubarSub">&nbsp;</p>
								SubScript
								<span class="MenuQuickButton">Ctrl+,</span>
							</li>
							<div class="MenuSeparator"></div>
							<li id ="mnuAlign" class="SubItem">
								AlignHor
								<span class="MenuArrow">&#9658;</span>
								<ul>
									<li id ="mnuLeft" class="SubItem">
										<p class="MenubarIcon MenubarLeft">&nbsp;</p>
										AlignTextLeft
									</li>
									<li id ="mnuCenter"  class="SubItem">
										<p class="MenubarIcon MenubarCenter">&nbsp;</p>
										AlignTextCenter
									</li>
									<li id ="mnuRight" class="SubItem">
										<p class="MenubarIcon MenubarRight">&nbsp;</p>
										AlignTextRight
									</li>
									<li id ="mnuJustified"  class="SubItem">
										<p class="MenubarIcon MenubarJustified">&nbsp;</p>
										AlignTextJustify
									</li>
								</ul>
							</li>
							<li id ="mnuAlign" class="SubItem">
								ParagraphStyles
								<span class="MenuArrow">&#9658;</span>
								<ul>
									<li id ="mnuDecrease" class="SubItem">
										<p class="MenubarIcon MenubarDecrease1">&nbsp;</p>
										DecreaseIndent
									</li>
									<li id ="mnuIncrease"  class="SubItem">
										<p class="MenubarIcon MenubarIncrease1">&nbsp;</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">&#9658;</span>
								<ul class="uimargin">
									<li id="mnuNumberedList" class="SubItem">
										<p class="MenubarIcon MenubarNumbered">&nbsp;</p>
										Numbered
									</li>
									<li id="mnuBulletedList" class="SubItem">
										<p class="MenubarIcon MenubarBulleted">&nbsp;</p>
										Bulleted
									</li>
								</ul>
							</li>
							<li id ="mnuFontColor" class ="SubItem">TextColor
								<p class="MenubarIcon MenubarFontColor">&nbsp;</p>
								<span class="MenuArrow">&#9658;</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">&nbsp;</p>
								<span class="MenuArrow">&#9658;</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">&nbsp;</p>
								ClearFormatting
							</li>
						</ul>
					</li>
					<li class="item main">Help
						<ul class="margin_top_10">
							<!--<li id ="mnuAbout" class="SubItem"><p class="MenubarIcon MenubarAbout">&nbsp;</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">&nbsp;</p>
								Open
							</li>
							<li id ="mnuSave" class="SubItem">
								<p class="MenubarIcon MenubarSaveAs">&nbsp;</p>
								Save
								<span class="MenuQuickButton">Ctrl+S</span>
							</li>
							<li id ="mnuSaveAs" class="SubItem">
								<p class="MenubarIcon MenubarSaveAs">&nbsp;</p>
								SaveAs
								<span class="MenuArrow">&#9658;</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">&nbsp;</p>
								SaveAs
							</li>
							<div class="MenuSeparator"></div>
							<li class="SubItem">Edit
								<span class="MenuArrow">&#9658;</span>
								<ul>
									<li id ="td_menu_undo" class ="SubItem">
										<p class="MenubarIcon MenubarUndo">&nbsp;</p>
										Undo
										<span class="MenuQuickButton">Ctrl+Z</span>
									</li>
									<li id ="td_menu_redo" class ="SubItem">
										<p class="MenubarIcon MenubarRedo">&nbsp;</p>
										Redo
										<span class="MenuQuickButton">Ctrl+Y</span>
									</li>
									<div class="MenuSeparator">
									</div>
									<li id ="td_cut" class ="SubItem">
										<p class="MenubarIcon MenubarCut">&nbsp;</p>
										Cut
										<span class="MenuQuickButton">Ctrl+X</span>
									</li>
									<li id ="td_menu_copy" class ="SubItem">
										<p class="MenubarIcon MenubarCopy">&nbsp;</p>
										Copy
										<span class="MenuQuickButton">Ctrl+C</span>
									</li>
									<li id ="td_menu_paste" class ="SubItem">
										<p class="MenubarIcon MenubarPaste">&nbsp;</p>
										Paste
										<span class="MenuQuickButton">Ctrl+V</span>
									</li>
									<div class="MenuSeparator">
									</div>
									<li id ="td_selectAll" class ="SubItem">
										<p class="MenubarIcon MenubarSelectAll">&nbsp;</p>
										SelectAll
										<span class="MenuQuickButton">Ctrl+A</span>
									</li>
									<div class="MenuSeparator">
									</div>
									<li id ="td_find" class ="SubItem">
										<p class="MenubarIcon MenubarFindReplace">&nbsp;</p>
										FindAndReplace
									</li>
								</ul> 
							</li>
							<li class="SubItem">Insert
								<span class="MenuArrow">&#9658;</span>
								<ul>
									<li id ="td_image_menu" class ="SubItem">
										<p class="MenubarIcon MenubarImage">&nbsp;</p>
										Image
									</li>
									<li id ="td_link_menu" class ="SubItem">
										<p class="MenubarIcon MenubarLink">&nbsp;</p>
										Link
									</li>
									<li id ="td_drawing_menu" class ="SubItem">
									<p class="MenubarIcon iconDrawing">&nbsp;</p>
										Drawing
									</li>
									<div class="MenuSeparator">
									</div>
									<li id ="td_specialchar" class ="SubItem">
										<p class="MenubarIcon MenubarCharacters">&nbsp;</p>
										SpecialCharacters
									</li>
									<li id ="td_horizontalrule" class ="SubItem">
										<p class="MenubarIcon MenubarLine">&nbsp;</p>
										HorizontalLine
									</li>
									<div class="MenuSeparator">
									</div>
									<li id ="td_pagebreak" class ="SubItem">
										<p class="MenubarIcon MenubarPagebreak">&nbsp;</p>
										PageBreak
									</li>
									<li id ="td_table" class ="SubItem">
										<p class="MenubarIcon MenubarTable">&nbsp;</p>
										Table
									</li>
								</ul> 
							</li>
							<li class="SubItem">Format
								<span class="MenuArrow">&#9658;</span>
								<ul>
									<li id ="mnuFontStyle" class ="SubItem">
										FontStyle
										<span class="MenuArrow">&#9658;</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">&#9658;</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">&nbsp;</p>
										Bold
										<span class="MenuQuickButton">Ctrl+B</span>
									</li>
									<li id ="td_menu_italic" class ="SubItem">
										<p class="MenubarIcon MenubarItalic">&nbsp;</p>
										Italic
										<span class="MenuQuickButton">Ctrl+I</span>
									</li>
									<li id ="td_menu_underline" class ="SubItem">
										<p class="MenubarIcon MenubarUnderline">&nbsp;</p>
										Underline
										<span class="MenuQuickButton">Ctrl+U</span>
									</li>
									<li id ="td_strike" class ="SubItem">
										<p class="MenubarIcon MenubarUnwritten">&nbsp;</p>
										Unwritten
									</li>
									<li id ="td_superscript" class ="SubItem">
										<p class="MenubarIcon MenubarSup">&nbsp;</p>
										SuperScript
										<span class="MenuQuickButton">Ctrl+.</span>
									</li>
									<li id ="td_subscript" class ="SubItem">
										<p class="MenubarIcon MenubarSub">&nbsp;</p>
										SubScript
										<span class="MenuQuickButton">Ctrl+,</span>
									</li>
									<div class="MenuSeparator"></div>
									<li id ="mnuAlign" class="SubItem">
										AlignHor
										<span class="MenuArrow">&#9658;</span>
										<ul>
											<li id ="mnuLeft" class="SubItem">
												<p class="MenubarIcon MenubarLeft">&nbsp;</p>
												AlignTextLeft
											</li>
											<li id ="mnuCenter"  class="SubItem">
												<p class="MenubarIcon MenubarCenter">&nbsp;</p>
												AlignTextCenter
											</li>
											<li id ="mnuRight" class="SubItem">
												<p class="MenubarIcon MenubarRight">&nbsp;</p>
												AlignTextRight
											</li>
											<li id ="mnuJustified"  class="SubItem">
												<p class="MenubarIcon MenubarJustified">&nbsp;</p>
												AlignTextJustify
											</li>
										</ul>
									</li>
									<li id ="mnuAlign" class="SubItem">
										ParagraphStyles
										<span class="MenuArrow">&#9658;</span>
										<ul>
											<li id ="mnuDecrease" class="SubItem">
												<p class="MenubarIcon MenubarDecrease1">&nbsp;</p>
												DecreaseIndent
											</li>
											<li id ="mnuIncrease"  class="SubItem">
												<p class="MenubarIcon MenubarIncrease1">&nbsp;</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">&#9658;</span>
										<ul class="uimargin">
											<li id="mnuNumberedList" class="SubItem">
												<p class="MenubarIcon MenubarNumbered">&nbsp;</p>
												Numbered
											</li>
											<li id="mnuBulletedList" class="SubItem">
												<p class="MenubarIcon MenubarBulleted">&nbsp;</p>
												Bulleted
											</li>
										</ul>
									</li>
									<li id ="mnuFontColor" class ="SubItem">TextColor
										<p class="MenubarIcon MenubarFontColor">&nbsp;</p>
										<span class="MenuArrow">&#9658;</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">&nbsp;</p>
										<span class="MenuArrow">&#9658;</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">&nbsp;</p>
										ClearFormatting
									</li>
								</ul>
							</li>
							<div class="MenuSeparator"></div>
							<li id ="mnupreview" class="SubItem">
								<p class="MenubarIcon MenubarPrintPreview">&nbsp;</p>
								PrintPreview
							</li>
							<li id ="mnuPrint" class="SubItem">
								<p class="MenubarIcon MenubarPrint">&nbsp;</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>