<style type="text/css">
			#myContent{
				width:100%;
				height:auto;
				overflow:hidden;
				margin:0px;
				padding:0px;
				background:url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2);
			}
 
			#imgMenu:hover {
				background-color:#fff;
			}
		</style>
 
<div id="myContent">
<div id="divHead" style="background:#606060;height:45px;padding-left:10px;color:#fff;box-shadow:3px 3px 10px 3px rgba(100, 100, 100, 0.7);-moz-box-shadow:3px 3px 10px 3px rgba(100, 100, 100, 0.7);-webkit-box-shadow:3px 3px 10px 3px rgba(100, 100, 100, 0.7);"><span style="width:336px;text-overflow:ellipsis;font-size:20pt;font-family:Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif;">Últimos documentos criados</span><div id="divImgMenu" style="float:right;margin-right:10px;margin-top:8px;width:26px;height:26px;border:1px solid #606060"><img style="width:16px;height:16px;margin-left:5px;margin-top:5px;" src="http://www.iconsdb.com/icons/preview/white/menu-4-xxl.png" id="imgMenu" name="imgMenu"></div></div>
</div>
 
         <script type="text/javascript">
				SetControlEvents = function(_control, _event, _function){
					var __control = null;
					
					if(typeof(_control) == "object")
						__control = _control;
					else
						__control = document.getElementById(_control);
 
					if(_event.toString().toUpperCase() == "CLICK")
						__control.onclick = _function;
					else if(_event.toString().toUpperCase() == "MOVER")
						__control.onmouseover = _function;
					else if(_event.toString().toUpperCase() == "MOUT")
					__control.onmouseout = _function;
				}
 
				var _menu1 = null;
 
				Load = function(){
 
					window.onresize = function(){
						if(_menu1){
							_menu1.Hide();
							_menu1.UpdatePosition(_menu1.Object, _menu1.TopBorderObject);
							document.getElementById("divImgMenu").style.border = "1px solid #606060";
							document.getElementById("divImgMenu").style.backgroundColor = "#606060";
						}
					}
 
					var _objects = [];
 
					var optMenuItem1 = {
						ID: "MenuItem1",
						Action: function(){
								var optPopin1 = {
										ID: "Popin1",
										Title: "Procurar",
										InnerHTML: "teste",
										Align: "CENTER",
										Modal: true
								}
 
								createPopin(optPopin1);
								var _nameParent = this.getAttribute("Parent");
								var _nameInstance = _nameParent.replace("_MostExternalDiv","");
								var _instance = window[_nameInstance];
 
								_instance.Hide();
								document.getElementById("divImgMenu").style.border = "1px solid #606060";
							    document.getElementById("divImgMenu").style.backgroundColor = "#606060";
						},
						Description: "Procurar"
					}
					var _object1 = createMenuItem(optMenuItem1);
 
					_objects.push(_object1);
 
					var optMenuItem2 = {
						ID: "MenuItem2",
						Action: function(){
								var optPopin2 = {
										ID: "Popin2",
										Title: "Ordenar",
										InnerHTML: "teste",
										Align: "CENTER",
										Modal: true
								}
 
								createPopin(optPopin2);
								var _nameParent = this.getAttribute("Parent");
								var _nameInstance = _nameParent.replace("_MostExternalDiv","");
								var _instance = window[_nameInstance];
 
								_instance.Hide();
								document.getElementById("divImgMenu").style.border = "1px solid #606060";
							    document.getElementById("divImgMenu").style.backgroundColor = "#606060";
						},
						Description: "Ordenar"
					}
					var _object2 = createMenuItem(optMenuItem2);
 
					_objects.push(_object2);
 
					var optMenuItem3 = {
						ID: "MenuItem3",
						Action: function(){
								var optPopin3 = {
										ID: "Popin3",
										Title: "Trocar Visualização",
										InnerHTML: "teste",
										Align: "CENTER",
										Modal: true
								}
 
								createPopin(optPopin3);
								var _nameParent = this.getAttribute("Parent");
								var _nameInstance = _nameParent.replace("_MostExternalDiv","");
								var _instance = window[_nameInstance];
 
								_instance.Hide();
								document.getElementById("divImgMenu").style.border = "1px solid #606060";
							    document.getElementById("divImgMenu").style.backgroundColor = "#606060";
						},
						Description: "Trocar Visualização"
					}
					var _object3 = createMenuItem(optMenuItem3);
 
					_objects.push(_object3);
					var optMenu1 = {
						ID: "Menu1",
						Objects: _objects,
						Wrapper: "divImgMenu"
					}		
 
					_menu1 = createMenu(optMenu1);
					SetControlEvents("divImgMenu", "MOVER", function(){
						var __img = this;
				
						if(_menu1.Status == "HIDDEN"){
                        	__img.style.backgroundColor = "#909090";
							__img.style.cursor= "pointer";
						}
					});
					SetControlEvents("divImgMenu", "MOUT", function(){
						var __img = this;
 
						if(_menu1.Status == "HIDDEN"){
                        	__img.style.backgroundColor = "#606060";
							__img.style.cursor= "default";
						}
					});
					SetControlEvents("divImgMenu", "CLICK", function(){
						_menu1.Show();
 
						var _object = _menu1.Object;
 
						_object.style.border = "1px solid #f6c342";
						_object.style.width = "168px";
 
						var __img = this;
						if(_menu1.Status == "OPENED"){
							__img.style.backgroundColor = "#909090";
							__img.style.cursor= "pointer";
							__img.style.border = "1px solid #f6c342";
							__img.style.borderBottom = "1px solid #909090"
						}
						else{
							__img.style.border = "1px solid #606060";
						}
					});				
				}
 
				createPopin = function(optPopin){
					var oPopin = function(optPopin){
						this.ID = "popin1";
						this.Title = "";
						this.InnerHTML = "";
						this.Align = "";
						this.Modal = false;
						this.Object = "";
						this.ModalObject = "";
 
						this.LoadComponents = function(optPopin){
							var _popinObject = null;
							var _popinObjectHead = null;
							var _popinObjectHeadTitle = null;
							var _popinObjectHeadClose = null;
							var _popinObjectHeadCloseImg = null;
							var _popinObjectBody = null;
							var _popinObjectModal = null;
 							
							this.ID = optPopin.ID;
							this.Title = optPopin.Title;
							this.InnerHTML = optPopin.InnerHTML;
							this.Align = optPopin.Align;
							this.Modal = optPopin.Modal;
 
							_popinObject = document.createElement("div");
							_popinObject.id = this.ID + "_MostExternalDiv";
							_popinObject.style.display = "block";
							_popinObject.style.position = "absolute";
							_popinObject.style.zIndex = "6";
							_popinObject.style.width = "400px";
							_popinObject.style.height = "300px";
							_popinObject.style.top = "50%";
							_popinObject.style.left = "50%";
							_popinObject.style.marginLeft = "-200px";
							_popinObject.style.marginTop = "-150px";
							_popinObject.style.backgroundColor = "#909090";
							_popinObject.style.border= "1px solid #f6c342";
							_popinObject.style.background = "url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)";
							_popinObject.style.webkitBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
                            _popinObject.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
                            _popinObject.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
 
							_popinObjectModal = document.createElement("div");
							_popinObjectModal.id = this.ID + "_MostExternalDiv";
							_popinObjectModal.style.display = "block";
							_popinObjectModal.style.position = "absolute";
							_popinObjectModal.style.zIndex = "5";
							_popinObjectModal.style.width = "100%";
							_popinObjectModal.style.height = "100%";
							_popinObjectModal.style.top = "0px";
							_popinObjectModal.style.left = "0px";
							_popinObjectModal.style.background = "rgba(0, 0, 0, 0.4)";

							_popinObjectHead = document.createElement("div");
							_popinObjectHead.id = _popinObject.id + "_Head";
							_popinObjectHead.style.width = "100%";
							_popinObjectHead.style.height = "35px";
							_popinObjectHead.style.background = "#606060";
							_popinObjectHead.style.paddingTop = "5px";
							_popinObjectHead.style.webkitBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
                            _popinObjectHead.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
                            _popinObjectHead.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
 
							_popinObject.appendChild(_popinObjectHead);

							_popinObjectHeadTitle = document.createElement("span");
							_popinObjectHeadTitle.id = _popinObjectHead.id + "_Title";
							_popinObjectHeadTitle.innerHTML = this.Title;
							_popinObjectHeadTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
							_popinObjectHeadTitle.style.fontSize = "14pt";
							_popinObjectHeadTitle.style.color = "#fff";
							_popinObjectHeadTitle.style.paddingLeft = "10px";
 
							_popinObjectHead.appendChild(_popinObjectHeadTitle);

							_popinObjectHeadClose = document.createElement("div");
							_popinObjectHeadClose.id = _popinObjectHead.id + "_Close";
							_popinObjectHeadClose.style.width = "16px";
							_popinObjectHeadClose.style.height = "16px";
							_popinObjectHeadClose.style.float = "right";
							_popinObjectHeadClose.style.marginTop = "5px";
							_popinObjectHeadClose.style.marginRight = "10px";
 
							SetControlEvents(_popinObjectHeadClose, "CLICK", function(){
								var _nameInstance = this.id.replace("_MostExternalDiv_Head_Close","");
								var _instance = window[_nameInstance];
 
								_instance.Close();
							});
 
							SetControlEvents(_popinObjectHeadClose, "MOVER", function(){
								this.style.cursor = "pointer";
							});
 
							SetControlEvents(_popinObjectHeadClose, "MOUT", function(){
								this.style.cursor = "default";
							});
							_popinObjectHeadCloseImg = document.createElement("img");
							_popinObjectHeadCloseImg.id = _popinObjectHeadClose.id + "_Img";
							_popinObjectHeadCloseImg.name = _popinObjectHeadClose.id + "_Img";
							_popinObjectHeadCloseImg.src = "http://www.iconsdb.com/icons/preview/white/x-mark-xxl.png";
							_popinObjectHeadCloseImg.style.width = "16px";
							_popinObjectHeadCloseImg.style.height = "16px";							
 
							_popinObjectHead.appendChild(_popinObjectHeadClose);
 
							_popinObjectHeadClose.appendChild(_popinObjectHeadCloseImg);

							_popinObjectBody = document.createElement("div");
							_popinObjectBody.id = _popinObject.id + "_Body";
							_popinObjectBody.style.backgroundColor = "#fff";
							_popinObjectBody.innerHTML = this.InnerHTML;
							_popinObjectBody.style.margin= "10px";
							_popinObjectBody.style.height = "240px";
						    _popinObjectBody.style.webkitBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
                            _popinObjectBody.style.mozBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
                            _popinObjectBody.style.boxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
 
							_popinObject.appendChild(_popinObjectBody);
 
							document.body.appendChild(_popinObject);
							document.body.appendChild(_popinObjectModal);
 
							this.Object = _popinObject;
							this.ModalObject = _popinObjectModal;
 
							window[this.ID] = this; 
							return this;
						}
 
						this.Close = function(){
							document.body.removeChild(this.Object);
							document.body.removeChild(this.ModalObject);
						};
 
						return this.LoadComponents(optPopin);
					}
 					
					return new oPopin(optPopin);
				}
 
				createMenu = function(optMenu){
						var oMenu = function(optMenu){
									this.ID = "menu1";
                        			this.Objects = {};
									this.Wrapper = "";
									this.Status = "HIDDEN";
									this.Object = "";
									this.TopBorderObject = "";
 
									this.LoadComponents = function(optMenu){
 										var _menuObject = null;
										var _menuObjectContainer = null;
 
										this.ID = optMenu.ID;
										this.Objects = optMenu.Objects;
										this.Wrapper = optMenu.Wrapper;
 
										_menuObjectTopBorder = document.createElement("div");
										_menuObjectTopBorder.id = this.ID + "_TopBorder";
										_menuObjectTopBorder.style.display = "none";
										_menuObjectTopBorder.style.position = "absolute";
										_menuObjectTopBorder.style.backgroundColor = "#909090";
										_menuObjectTopBorder.style.width = "26px";
										_menuObjectTopBorder.style.height = "1px";
										_menuObjectTopBorder.style.zIndex = "2";
										_menuObject = document.createElement("div");
										_menuObject.id = this.ID + "_MostExternalDiv";
										_menuObject.style.display = "none";
										_menuObject.style.position = "absolute";
										_menuObject.style.width = "170px";
										_menuObject.style.backgroundColor= "#909090";
 
										_menuObjectContainer = document.createElement("div");
										_menuObjectContainer.id = _menuObject.id + "_Container";
										_menuObjectContainer.style.width = "150px";
										_menuObjectContainer.style.margin = "10px";
 
										for(var i = 0; i < this.Objects.length; i++){
											_menuObjectContainer.appendChild(this.Objects[i]);
											this.Objects[i].setAttribute("Parent", _menuObject.id);
										}
 
										_menuObject.appendChild(_menuObjectContainer);
 
										document.getElementById("main").appendChild(_menuObject);
										document.getElementById(this.Wrapper).appendChild(_menuObjectTopBorder);
 
										this.UpdatePosition(_menuObject, _menuObjectTopBorder);
 										
										this.TopBorderObject  = _menuObjectTopBorder;
										this.Object = _menuObject;				
		
										window[this.ID] = this; 
										return this;
									}
 
									this.UpdatePosition = function(_menuObject, _topBorderObject){
										if(_menuObject){
											_menuObject.style.left = (document.getElementById(this.Wrapper).offsetLeft - 142) + "px";
											_menuObject.style.top = (document.getElementById(this.Wrapper).offsetTop + 26) + "px";
										}
 
										if(_topBorderObject){
											_topBorderObject.style.top = (document.getElementById(this.Wrapper).offsetTop + 26) + "px";
										}
									}
 
									this.Show = function(){										
										if(this.Status == "HIDDEN"){
											this.Status = "OPENED";
											this.Object.style.display = "block";
											this.TopBorderObject.style.display = "block";
										}
										else
											this.Hide();
									};
 
									this.Hide = function(){
										if(this.Status == "OPENED"){
											this.Status = "HIDDEN";
											this.Object.style.display = "none";
											this.TopBorderObject.style.display = "none"
										}
									};
 
									return this.LoadComponents(optMenu);
						}
					
						return new oMenu(optMenu);
				}
 
				createMenuItem = function(optMenuItem){
						var oMenuItem = function(optMenuItem){
									this.ID = "menuItem1";
                       				this.Action = "";
									this.Description = "";

									this.LoadComponents = function(optMenuItem){
 											var _menuItemObject = null;
											var _menuItemObjectDescription = null;
 
											this.ID = optMenuItem.ID;
											this.Action = optMenuItem.Action;
											this.Description = optMenuItem.Description;
 
											_menuItemObject = document.createElement("div");
											_menuItemObject.id = this.ID + "_MostExternalDiv";
											_menuItemObject.style.padding = "5px";
 
											SetControlEvents(_menuItemObject, "MOVER", function(){
												this.style.backgroundColor = "#f6c342";
												this.style.cursor = "pointer"; 
												document.getElementById(this.id + "_Description").style.color = "#000";												
											});
 
											SetControlEvents(_menuItemObject, "MOUT", function(){
												this.style.backgroundColor = "#909090";
												this.style.cursor = "default"; 
												document.getElementById(this.id + "_Description").style.color = "#fff";
											});
 
											SetControlEvents(_menuItemObject, "CLICK", this.Action);
 
											_menuItemObjectDescription = document.createElement("span");
											_menuItemObjectDescription.id = _menuItemObject.id + "_Description";
											_menuItemObjectDescription.innerHTML = this.Description;
											_menuItemObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
											_menuItemObjectDescription.style.fontSize = "10pt";
											_menuItemObjectDescription.style.color = "#fff";
 
											_menuItemObject.appendChild(_menuItemObjectDescription);
 
                                            return _menuItemObject;
									}
 
									return this.LoadComponents(optMenuItem);
						}
 
						return oMenuItem(optMenuItem);					
				}
 
				Load();
				createContainer = function(optContainer){
                          var oContainer = function(optContainer){
                                       this.ID = "container1";
                                       this.Title = "";
                                       this.SubTitle = "";
                                       this.ImageUrl = "";
                                       this.Description = "";
                                       this.NavigateUrl = "";
                                       this.Wrapper = "";
 
                                       this.LoadComponents = function(optContainer){
                                                var _containerObject = null;
											    var _containerObjectTitle = null;
												var _containerObjectSubTitle = null;
												var _containerObjectImageBackground = null;
												var _containerObjectImageBackgroundImg = null;
												var _containerObjectDescription = null;
												var _containerObjectSep = null;
												var _containerObjectMaisInfo = null;
												var _containerObjectMaisInfoA = null;
                                                
                                                this.ID = optContainer.ID
                                                this.Title = optContainer.Title;
												this.SubTitle = optContainer.SubTitle;
                                       			this.ImageUrl = optContainer.ImageUrl;
                                       			this.Description = optContainer.Description;
                                       			this.NavigateUrl = optContainer.NavigateUrl;
                                                this.Wrapper = optContainer.Wrapper;
                                                
                                                _containerObject = document.createElement("div");
                                                _containerObject.id = this.ID + "_MostExternalDiv";
                                                _containerObject.style.width = "250px";
                                                _containerObject.style.height = "auto";
                                                _containerObject.style.background = "#fff";
                                                _containerObject.style.border = "1px solid #c0c0c0";
                                                _containerObject.style.padding = "10px";
                                                _containerObject.style.margin = "10px";
												_containerObject.style.float = "left";
                                                _containerObject.style.position = "relative";
                                                _containerObject.style.webkitBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
                                                _containerObject.style.mozBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
                                                _containerObject.style.boxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
                                                
                                                _containerObjectTitle = document.createElement("div");
                                                _containerObjectTitle.id = _containerObject .id + "_Title";
                                                _containerObjectTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
                                                _containerObjectTitle.style.fontSize = "16pt";
                                                _containerObjectTitle.style.width = "100%";
                                                _containerObjectTitle.style.height = "30px";
                                                _containerObjectTitle.style.textAlign = "center";
                                                _containerObjectTitle.innerHTML = this.Title;
                                                
												_containerObject.appendChild(_containerObjectTitle);
 
                                                _containerObjectSubTitle = document.createElement("div");
                                                _containerObjectSubTitle.id = _containerObject .id + "_SubTitle";
                                                _containerObjectSubTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
                                                _containerObjectSubTitle.style.fontSize = "14pt";
                                                _containerObjectSubTitle.style.width = "100%";
                                                _containerObjectSubTitle.style.height = "35px";
                                                _containerObjectSubTitle.style.textAlign = "center";
                                                _containerObjectSubTitle.innerHTML = this.SubTitle;
                                                _containerObject.appendChild(_containerObjectSubTitle);
 
												_containerObjectImageBackground = document.createElement("div");
                                                _containerObjectImageBackground.id = _containerObject .id + "_ImageBackground";
                                                _containerObjectImageBackground.style.background = "url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg')";
												_containerObjectImageBackground.style.backgroundPosition = "center bottom";
                                                _containerObjectImageBackground.style.width = "100%";
                                                _containerObjectImageBackground.style.height = "100px";
                                                _containerObjectImageBackground.style.position= "relative";
 
												_containerObjectImageBackgroundImg = document.createElement("img");
												_containerObjectImageBackgroundImg.id = _containerObjectImageBackground.id + "_img";
												_containerObjectImageBackgroundImg.name = _containerObjectImageBackground.id + "_img";
												_containerObjectImageBackgroundImg.style.position = "absolute";
												_containerObjectImageBackgroundImg.style.top = "15px";
												_containerObjectImageBackgroundImg.style.left = "15px";
												_containerObjectImageBackgroundImg.src = this.ImageUrl;
 
												_containerObjectImageBackground.appendChild(_containerObjectImageBackgroundImg);
 
												_containerObject.appendChild(_containerObjectImageBackground);
 
                                                _containerObjectDescription = document.createElement("div");
                                                _containerObjectDescription.id = _containerObject .id + "_Description";
                                                _containerObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
												_containerObjectDescription.style.fontSize = "12pt";
                                                _containerObjectDescription.style.width = "100%";
                                                _containerObjectDescription.style.height = "135px";
                                                _containerObjectDescription.style.textAlign = "justify";
                                                _containerObjectDescription.innerHTML = this.Description;
 
												_containerObject.appendChild(_containerObjectDescription);
 
 												_containerObjectSep = document.createElement("div");
                                                _containerObjectSep.id = _containerObject .id + "_Sep";
                                                _containerObjectSep.style.width = "100%";
												_containerObjectSep.style.height = "1px";
                                                _containerObjectSep.style.backgroundColor = "#c0c0c0";
												_containerObjectSep.style.marginTop = "15px";
 
												_containerObject.appendChild(_containerObjectSep);
 
 												_containerObjectMaisInfo = document.createElement("div");
                                                _containerObjectMaisInfo.id = _containerObject .id + "_MaisInfo";
                                                _containerObjectMaisInfo.style.width = "100%";
												_containerObjectMaisInfo.style.height = "20px";
                                                _containerObjectMaisInfo.style.textAlign = "right";
												_containerObjectMaisInfo.style.paddingTop = "5px";
 
 												_containerObjectMaisInfoA = document.createElement("a");
                                                _containerObjectMaisInfoA.id = _containerObjectMaisInfo.id + "_A";
												_containerObjectMaisInfoA.name = _containerObjectMaisInfo.id + "_A";
                                                _containerObjectMaisInfoA.href = this.NavigateUrl;
                                                _containerObjectMaisInfoA.text = "Mais [...]";
 
												_containerObjectMaisInfo.appendChild(_containerObjectMaisInfoA);
 
												_containerObject.appendChild(_containerObjectMaisInfo);
 
                                                document.getElementById(this.Wrapper).appendChild(_containerObject);
 
												return this;
                                       }
 
                                      return this.LoadComponents(optContainer);
                          }
 
                         return new oContainer(optContainer);
                } 
                
                var oContainer1Opt = {
						ID: "container1",
                        Title: "Expressão",
                        SubTitle: "(Passo a Passo)",
                        ImageUrl: "https://cdn2.iconfinder.com/data/icons/miscellaneous-31/60/calculator-48.png",
                        Description: "O componente expressão tem várias propriedades, e o entendimento das mesmas é necessário para uma correta configuração do componente.",
                        NavigateUrl: "http://tdn.totvs.com/pages/viewpage.action?pageId=270909667",
                        Wrapper: "myContent"
                 }
 
                var _container1 = createContainer(oContainer1Opt);           		
                
                var oContainer2Opt = {
						ID: "container2",
                        Title: "Texto Rico",
                        SubTitle: "(Limitações Design)",
                        ImageUrl: "https://cdn2.iconfinder.com/data/icons/picol-vector/32/document_text-48.png",
                        Description: "Serão apresentadas nesse documento algumas inconsistências que podem ocorrer, ao se utilizar o componente de Texto Rico (XtraRichText).",
                        NavigateUrl: "",
                        Wrapper: "myContent"
                 }
 
                var _container2 = createContainer(oContainer2Opt);     
 
 				var oContainer7Opt = {
						ID: "container7",
                        Title: "Texto Rico",
                        SubTitle: "(Referências)",
                        ImageUrl: "https://cdn2.iconfinder.com/data/icons/picol-vector/32/document_text-48.png",
                        Description: "",
                        NavigateUrl: "",
                        Wrapper: "myContent"
                 }
 
                var _container7 = createContainer(oContainer7Opt);
 
                var oContainer3Opt = {
						ID: "container3",
                        Title: "Exportação PDF",
                        SubTitle: "(Conformidade e Versões)",
                        ImageUrl: "https://cdn3.iconfinder.com/data/icons/file-extension-names-vol-3-2/512/20-48.png",
                        Description: "O PDF/A baseia-se na versão 1.4 do PDF de referência da Adobe Systems Inc. e é definido pela norma ISO 19005-1:2005.",
                        NavigateUrl: "",
                        Wrapper: "myContent"
                 }
 
                var _container3 = createContainer(oContainer3Opt);     
 
				var oContainer4Opt = {
						ID: "container4",
                        Title: "Imagem",
                        SubTitle: "(Exportação Para HTML)",
                        ImageUrl: "https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-images-48.png",
                        Description: "1.1 - Ao gerar o relatório, na etapa Tipo de Geração, escolha Exportação Para Arquivo. 1.2 - Na Etapa Tipo de Saída, Escolha o tipo Formato de página da Internet (HTML).",
                        NavigateUrl: "",
                        Wrapper: "myContent"
                 }
 
                var _container4 = createContainer(oContainer4Opt);     
 
				var oContainer5Opt = {
						ID: "container5",
                        Title: "Controles",
                        SubTitle: "(Prop. Arredondar Valor)",
                        ImageUrl: "https://cdn4.iconfinder.com/data/icons/miu/24/device-projector-screen-content-chart-presentation-outline-stroke-48.png",
                        Description: "A propriedade Arredondar Valor faz com que valores formatados sejam ou não arredondados. Essa propriedade está presente nos controles do relatório de Texto, Expressão, Fórmula e Totalizador.",
                        NavigateUrl: "",
                        Wrapper: "myContent"
                 }
 
                var _container5 = createContainer(oContainer5Opt);     
 
			    var oContainer6Opt = {
						ID: "container6",
                        Title: "Controles",
                        SubTitle: "(Sobreposição dos controles)",
                        ImageUrl: "https://cdn4.iconfinder.com/data/icons/miu/24/device-projector-screen-content-chart-presentation-outline-stroke-48.png",
                        Description: "Na versão 14.1 da devex, a sobreposição de campos pode ocasionar falhas na apresentação do design do relatório. Essas falhas ocorrem quando exportamos para HTML, XLS e outros...",
                        NavigateUrl: "",
                        Wrapper: "myContent"
                 }
 
                var _container6 = createContainer(oContainer6Opt);
         </script>